@charset "UTF-8";
/* CSS Document */
/* contents---------------
	 1.Reset
	 2.Base
	 3.Layout
	 4.module
	 5.unique style
	 6.script style
		------------ */
/*----------------------------------------------------------
	reset
--------------------------------------------------------- */
@import url("fonts/style.css");
body, dl, dt, dd, ul, li, h1, h2, h3, h4, form, p, th, td, input, textarea, select {
	margin: 0px;
	padding: 0px;
}

h1, h2, h3, h4, h5, h6 {
	font-size: 1em;
	font-weight: normal;
}

img {
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: top;
}

ul, dl {
	list-style-type: none;
}

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	word-break: normal;
}

body {
	word-break: break-all;
}

/*----------------------------------------------------------
	base
--------------------------------------------------------- */
body.en {
	word-break: normal;
}

@media screen and (max-width: 750px) {
	html {
		font-family: "Hiragino Kaku Gothic", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo,sans-serifsans-serif;
		/*font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;*/
		font-size: 12pt;
	}
}

/* sp */
.wrapper {
	font-family: "Hiragino Kaku Gothic", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo,sans-serifsans-serif;
	/*font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;*/
	font-size: .94rem;
}

@media screen and (min-width: 751px) and (max-width: 1200px) {
	.wrapper {
		margin: auto; 
		max-width: 1200px;
	}
}

/* pc */
.sitewidth {
	margin: auto; 
	max-width: 1400px;
}

.innerwidth {
	margin: auto; 
	max-width: 1200px;
}

@media screen and (max-width: 750px) {
	.innerwidth {
		padding: 0 3%;
	}
}

/* sp */
/* 郵便PC幅幅 */
@media screen and (min-width: 751px) and (max-width: 1366px) {
	.innerwidth {
		padding: 0 2%;
	}
}

/* yubinpc */
/*  iconfont
----------------------------------------------- */
/*----------------------------------------------------------
	layout
--------------------------------------------------------- */
/* パンくず　旧レイアウト */
#wrap-inner {
	/*#path-box{background:none;}*/
}

@media screen and (max-width: 750px) {
	/* パンくず位置 */
	.wrapper {
		display: flex;
		flex-wrap: wrap;
	}
	.wrapper header {
		order: 1; 
		width: 100%;
	}
	.wrapper footer {
		order: 4; 
		width: 100%;
	}
	.wrapper #path-box {
		background: #fff !important; 
		order: 3;
		width: 100%;
	}
	.wrapper .contWrap {
		order: 2; 
		width: 100%;
	}
	/* 旧レイアウト */
	#wrap-inner {
		display: flex;
		display: -o-flex;
		display: -ms-flex;
		display: -moz-flex;
		display: -webkit-flex;
		flex-wrap: wrap;
	}
	#wrap-inner #head-box {
		order: 1; 
		width: 100%;
	}
	#wrap-inner #path-box {
		display: block;
		order: 3;
		padding: .8em; 
		width: 100%;
	}
	#wrap-inner #main-box {
		order: 2; 
		width: 100%;
	}
	#wrap-inner #navi-box-r {
		order: 4; 
		width: 100%;
	}
	#wrap-inner .footTop {
		order: 5; 
		width: 100%;
	}
	#wrap-inner #foot-box {
		order: 6; 
		width: 100%;
	}
}

/* sp */
/* 新パンくずリスト */
.wrapper #path-box {
	background: #eee;
	font-size: 13px;
	padding: .8em;
	/* sp */
}
.wrapper #path-box ul {
	display: flex; 
	display: -o-flex;
	display: -ms-flex;
	display: -moz-flex;
	display: -webkit-flex;
}
.wrapper #path-box ul li:after {
	content: "\f105";
	font-family: "yubin";
	margin-left: .8em; 
	margin-right: .8em;
}
.wrapper #path-box ul li:last-child:after {
	content: "";
}
.wrapper #path-box a {
	color: #333;
	text-decoration: none;
}
.wrapper #path-box a:hover {
	text-decoration: underline;
}
@media screen and (max-width: 750px) {
	.wrapper #path-box ul {
		display: inline-block;
	}
	.wrapper #path-box ul li {
		display: inline;
	}
	.wrapper #path-box ul li:last-child:after {
		color: #646464; 
		content: "\e90a";
		font-size: 1rem;
		margin-left: .2em;
		margin-right: .5em;
		position: relative;
		top: 1px;
	}
}

/*  header
----------------------------------------------- */
header {
	position: relative;
}
header .sphead, header .spsearch {
	display: none;
}
header .headArea {
	border-top: 16px solid #c00;
	height: 60px;
	margin-bottom: 10px;
}
header .headArea h1.siteid {
	left: 0;
	position: absolute;
	top: 0;
}
header .headArea h1.siteid a img {
	height: 60px;
}
header .headArea .slogan {
	left: 252px; 
	position: absolute;
	top: 33px;
}
header .headArea .slogan img {
	height: 10px;
}
header .headArea nav.subNav {
	position: absolute;
	right: 20px;
	top: 33px;
}
header .headArea nav.subNav ul {
	display: flex; 
	display: -o-flex;
	display: -ms-flex;
	display: -moz-flex;
	display: -webkit-flex;
}
header .headArea nav.subNav ul li {
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
	font-weight: bold;
	margin: 0 1em;
}
header .headArea nav.subNav ul li a {
	color: #333;
	/*font-size:0.8rem;*/
	font-size: 13px;
	text-decoration: none;
	transition: .3s;
}
header .headArea nav.subNav ul li a:hover {
	color: #c00;
}
header .headArea nav.subNav ul li.lang {
	margin-right: 0;
}
header .headArea nav.subNav ul li.lang a {
	border: 1px solid #c00;
	border-radius: 4px;
	color: #c00;
	padding: .3em 1.5em;
	transition: .3s;
}
header .headArea nav.subNav ul li.lang a:hover {
	background: #faecea;
}
header .globalNav .navitem li.search .searchForm input[type="text"] {
	background-color: #fff;
}
header .spsearch .searchForm input[type="text"] {
	background-color: #fff;
}

/* スマホより大きい */
@media screen and (min-width: 751px) {
	header .globalNav nav.main > ul {
		display: flex;
	}
	header .globalNav nav.main > ul > li {
		background: rgba(255, 255, 255, .8);
		border-right: 1px solid #ccc;
		flex: 1;
		font-size: 13.5px; 
		text-align: center;
	}
	header .globalNav nav.main > ul > li:nth-child(6) {
		border-right: none;
	}
	header .globalNav nav.main > ul > li:hover {
		background-color: #eee;
		cursor: pointer;
	}
	header .globalNav nav.main > ul > li:hover a {
		color: #c00;
	}
	header .globalNav nav.main > ul > li.opened .menu.opened {
		display: none;
	}
	header .globalNav nav.main > ul > li .menu {
		background: rgba(230, 230, 230, .95);
		display: none; 
		max-height: 9999px;
	}
	header .globalNav nav.main > ul > li > span.dropLabel {
		color: #333;
		display: block;
		font-family: "Noto Sans Japanese", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo,sans-serifsans-serif;
		font-weight: 700;
		padding: 18px 1em;
		text-decoration: none;
		transition: all .2s ease-in;
	}
	header .globalNav nav.main > ul > li > span.dropLabel:after {
		color: #333;
		content: "\f107";
		font-family: "yubin";
		font-size: 130%;
		font-weight: normal;
		line-height: 0; 
		margin-left: .4em;
		position: relative;
		top: 3px;
	}
	header .globalNav nav.main > ul > li > span.dropLabel:hover:after {
		color: #c00;
	}
	header .globalNav nav.main > ul > li > span.dropLabel.active {
		background-color: #eee;
	}
	header .globalNav nav.main > ul > li.search {
		background: #c00 !important;
	}
	header .globalNav nav.main > ul > li.search span.dropLabel {
		/*background:$yubin;*/
		color: #fff;
		display: block;
		font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
		font-weight: bold; 
		padding: 17px 1em;
		text-decoration: none;
	}
	header .globalNav nav.main > ul > li.search span.dropLabel.active {
		background-color: #c00;
	}
	header .globalNav nav.main > ul > li.search span.dropLabel:after {
		content: none;
	}
	header .globalNav nav.main > ul > li.search span.dropLabel:hover {
		color: #fff;
		cursor: pointer;
	}
	header .globalNav nav.main > ul .menu {
		left: 0;
		position: absolute;
		text-align: center;
		/*overflow: hidden;*/
		width: 100%;
		z-index: 10;
	}
	header .globalNav nav.main > ul .menu .menu_inner {
		padding: 30px 30px 35px;
	}
	header.is-show .globalNav {
		box-shadow: 0 1px 6px 0 #949494; 
		position: fixed;
		top: 0;
		width: 100%;
		z-index: 10;
	}
	header.is-show .globalNav nav.main > ul > li span.dropLabel {
		/*background:rgba(255,255,255,0.8);*/
		/*&.active{background-color: $bg;}*/
	}
	header.is-show .globalNav nav.main > ul > li.search {
		background: rgba(204, 0, 0, .7);
	}
}

/* nonsp */
@media screen and (min-width: 1921px) {
	.globalNav nav.main > ul > li {
		flex: none;
		width: 8vw;
	}
	.globalNav nav.main > ul .menu {
		text-align: left;
	}
	.globalNav nav.main li.search {
		margin-left: auto;
	}
}

/* full */
@media screen and (min-width: 751px) and (max-width: 1200px) {
	header .headArea {
		height: auto;
	}
	header .headArea h1.siteid, header .headArea slogan {
		height: 60px;
	}
	header .headArea nav.subNav {
		margin-top: 50px;
		position: static;
		right: auto;
		top: auto;
	}
	header .headArea nav.subNav ul {
		justify-content: flex-end;
	}
	header .headArea nav.subNav ul li {
		margin: 0 .6em;
	}
	header .headArea nav.subNav ul li.lang {
		margin-right: 0;
	}
	.globalNav {
		/*font-size:0.85rem;*/
		font-size: 13.5px;
		line-height: 1;
	}
	.globalNav nav.main > ul > li > a {
		padding: 18px .4em;
	}
	.globalNav nav.main > ul > li > a:after {
		content: "\f107";
		display: block;
		font-family: "yubin";
		font-weight: normal;
		line-height: 0; 
		margin-left: 0;
		margin-top: 8px;
	}
}

/* pc */
/* 英語版ヘッダー */
header.top.en .searchForm {
	display: block;
	margin-bottom: 10px; 
	margin-left: auto;
	margin-right: 20px;
	text-align: right;
	width: 50%;
}
header.top.en .searchForm .searchreader {
	display: none;
}
header.top.en .searchForm br {
	display: none;
}

@media screen and (max-width: 750px) {
	header.top.en .searchForm {
		display: none;
	}
}

/* sp */
.scroll-prevent {
	height: 100%; 
	position: fixed;
	width: 100%;
	z-index: -1;
}

.spToptool {
	display: none;
}

@media screen and (max-width: 750px) {
	/* トップのみツールメニューを固定表示 */
	body.top_index header.top.is-show {
		display: none;
	}
	body.top_index .spToptool {
		display: block;
		height: 62px;
		left: 0;
		position: fixed;
		top: -62px;
		width: 100%;
		z-index: 100;
	}
	body.top_index .spToptool ul {
		border-bottom: 2px solid #c00; 
		display: flex;
		display: -o-flex;
		display: -ms-flex;
		display: -moz-flex;
		display: -webkit-flex;
	}
	body.top_index .spToptool ul li {
		border-right: 1px solid #eee;
		flex: 1;
		line-height: 1; 
		text-align: center;
	}
	body.top_index .spToptool ul li a {
		background: white; 
		display: block;
		font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
		font-size: calc(8px + 1vw);
		font-weight: bold;
		padding: 2px 0 6px;
	}
	body.top_index .spToptool ul li a:hover {
		background: #faecea; 
		text-decoration: none;
	}
	body.top_index .spToptool ul li:last-child {
		border-right: 0;
	}
	body.top_index .spToptool ul li a:before {
		color: #c00;
		display: block;
		font-family: "yubin";
		font-size: 40px;
		font-weight: normal; 
		line-height: 40px;
	}
	body.top_index .spToptool ul li.zipsearch a:before {
		content: "\e945";
	}
	body.top_index .spToptool ul li.postsearch a:before {
		content: "\e93f";
	}
	body.top_index .spToptool ul li.tracking a:before {
		content: "\e944";
	}
	body.top_index .spToptool ul li.redeli a:before {
		content: "\e990";
	}
	/* sp用ヘッダー */
	header.top.sphide {
		position: fixed;
		top: -62px;
		transition: .5s; 
		width: 100%;
		z-index: 100;
	}
	header.top.is-show {
		position: fixed;
		top: 0;
		transition: .5s; 
		width: 100%;
		z-index: 100;
	}
	header {
		background: #c00;
		height: 52px; 
		position: relative;
	}
	header .sphead, header .spsearch {
		display: block;
	}
	header nav.subNav {
		display: none;
	}
	header .headArea {
		border-top: 0;
		height: auto;
		margin-bottom: 0;
		position: relative;
		text-align: center; 
		z-index: 100;
	}
	header .headArea h1.siteid {
		display: inline-block; 
		padding: 12px 0 9px;
		position: relative;
		text-align: center;
	}
	header .headArea h1.siteid a {
		display: inline-block;
	}
	header .headArea h1.siteid a img {
		height: 31px; 
		margin: auto;
	}
	header .sphead .i-menu {
		left: 4px;
		line-height: 1.15; 
		position: absolute;
		text-align: center;
		top: 2px;
	}
	header .sphead .i-menu:before {
		color: #fff;
		content: "\f0c9";
		font-family: "yubin";
		font-size: 28px;
	}
	header .sphead .i-menu:after {
		color: #fff;
		content: "メニュー";
		display: block;
		font-family: "Noto Sans Japanese", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo,sans-serifsans-serif;
		font-size: 12px;
		font-weight: 400;
	}
	header .sphead .i-search {
		line-height: 1.15; 
		position: absolute;
		right: 4px;
		text-align: center;
		top: 2px;
	}
	header .sphead .i-search:before {
		color: #fff;
		content: "\f002";
		font-family: "yubin";
		font-size: 28px;
	}
	header .sphead .i-search:after {
		color: #fff;
		content: "検索";
		display: block;
		font-family: "Noto Sans Japanese", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo,sans-serifsans-serif;
		font-size: 12px;
		font-weight: 400;
		letter-spacing: .3em;
	}
	header .globalNav, header .spsearch {
		background: #eee;
		display: none;
		overflow-y: auto;
		position: fixed;
		top: 52px;
		transition: opacity .6s ease, visibility .6s ease;
		width: 100%;
		z-index: -100;
	}
	header .globalNav .spnone, header .spsearch .spnone {
		display: none;
	}
	header .spsearch .searchForm input[type="text"] {
		margin: 10px 0 0; 
		width: 90%;
	}
	header .globalNav {
		background: rgba(0, 0, 0, .2);
	}
	header .globalNav nav.main ul.navitem {
		background: #fff;
	}
	header .globalNav nav.main ul.navitem li.toggle {
		border-bottom: 1px solid #c8c8c8;
	}
	header .globalNav nav.main ul.navitem li.opened .dropLabel:after {
		content: "\2d";
	}
	header .globalNav nav.main ul.navitem li.opened .dropLabel.spactive:after {
		content: "\2b";
	}
	header .globalNav nav.main ul.navitem li.opened .menu .menu_inner .child .head:after {
		content: "\2d";
	}
	header .globalNav nav.main ul.navitem li.opened .menu .menu_inner .child .head.active:after {
		content: "\2b";
	}
	header .globalNav nav.main ul.navitem li.spsubMenu {
		background: #f7f7f7;
	}
	header .globalNav nav.main ul.navitem li.spsubMenu li {
		border-bottom: 1px solid #ccc;
	}
	header .globalNav nav.main ul.navitem li.spsubMenu li a {
		display: block;
		/*font-size:0.85rem;*/
		font-size: 13.5px; 
		padding: 18px 15px;
		position: relative;
		width: 100%;
	}
	header .globalNav nav.main ul.navitem li.spsubMenu li a:after {
		bottom: 0;
		content: "\f105";
		font-family: "yubin";
		font-size: 33px;
		font-weight: normal;
		height: 33px;
		line-height: 1; 
		margin: auto;
		position: absolute;
		right: 12px;
		top: 0;
	}
	header .globalNav nav.main ul.navitem li {
		font-family: "Noto Sans Japanese", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo,sans-serifsans-serif;
	}
	header .globalNav nav.main ul.navitem li .dropLabel {
		display: block;
		/*font-size:0.9rem;*/
		font-size: 16px; 
		padding: 1.5em 15px;
		position: relative;
	}
	header .globalNav nav.main ul.navitem li .dropLabel:after {
		bottom: 0; 
		content: "\2b";
		font-family: "yubin";
		font-size: 21px;
		font-weight: normal;
		height: 21px;
		margin: auto;
		position: absolute;
		right: 12px;
		top: 0;
	}
	header .globalNav nav.main ul.navitem li .dropLabel.spactive:after {
		bottom: 0; 
		content: "\2d";
		font-family: "yubin";
		font-size: 21px;
		font-weight: normal;
		height: 21px;
		margin: auto;
		position: absolute;
		right: 12px;
		top: 0;
	}
	header .globalNav nav.main ul.navitem li .menu a span small {
		display: block;
	}
	header .globalNav nav.main ul.navitem li .menu .menu_inner .parent a {
		background: #eee;
		border-bottom: 1px solid #c8c8c8;
		border-top: 1px solid #c8c8c8;
		display: block;
		/*font-size:0.9rem;*/
		font-size: 14.5px;
		margin-top: 0 !important; 
		padding: 1.5em 15px;
		position: relative;
		position: relative;
	}
	header .globalNav nav.main ul.navitem li .menu .menu_inner .parent a:after {
		bottom: 0; 
		content: "\f105";
		font-family: "yubin";
		font-size: 33px;
		font-weight: normal;
		height: 33px;
		margin: auto;
		position: absolute;
		right: 12px;
		top: 0;
	}
	header .globalNav nav.main ul.navitem li .menu .menu_inner .parent .nolink {
		background: #eee;
		border-bottom: 1px solid #c8c8c8;
		display: block;
		/*font-size:0.9rem;*/
		font-size: 14.5px;
		margin-top: 0 !important; 
		padding: 1.5em 15px;
		position: relative;
		position: relative;
	}
	header .globalNav nav.main ul.navitem li .menu .menu_inner .child .head {
		background: #eee;
		border-bottom: 1px solid #c8c8c8;
		/*font-size:0.9rem;*/
		font-size: 14.5px;
		margin-top: 0 !important; 
		padding: 1.5em 35px 1.5em 15px;
		position: relative;
	}
	header .globalNav nav.main ul.navitem li .menu .menu_inner .child .head:last-of-type {
		border-bottom: 0;
	}
	header .globalNav nav.main ul.navitem li .menu .menu_inner .child .head:after {
		bottom: 0; 
		content: "\2b";
		font-family: "yubin";
		font-size: 21px;
		font-weight: normal;
		height: 21px;
		margin: auto;
		position: absolute;
		right: 12px;
		top: 0;
	}
	header .globalNav nav.main ul.navitem li .menu .menu_inner .child .head.active:after {
		bottom: 0; 
		content: "\2d";
		font-family: "yubin";
		font-size: 21px;
		font-weight: normal;
		height: 21px;
		margin: auto;
		position: absolute;
		right: 12px;
		top: 0;
	}
	header .globalNav nav.main ul.navitem li .menu .menu_inner .child .head.opened:after {
		content: "\2d";
	}
	header .globalNav nav.main ul.navitem li .menu .menu_inner .child .head.opened.active:after {
		content: "\2b";
	}
	header .globalNav nav.main ul.navitem li .menu .menu_inner .child .block4, header .globalNav nav.main ul.navitem li .menu .menu_inner .child .block2 {
		background: #dcdcdc;
		border-bottom: 1px solid #c8c8c8;
		display: flex;
		display: -o-flex;
		display: -ms-flex;
		display: -moz-flex;
		display: -webkit-flex;
		flex-wrap: wrap;
		/*li:nth-last-of-type(-n+2){border-bottom:0;}*/
	}
	header .globalNav nav.main ul.navitem li .menu .menu_inner .child .block4 li, header .globalNav nav.main ul.navitem li .menu .menu_inner .child .block2 li {
		align-items: center; 
		display: flex;
		display: -o-flex;
		display: -ms-flex;
		display: -moz-flex;
		display: -webkit-flex;
	}
	header .globalNav nav.main ul.navitem li .menu .menu_inner .child .block4 li.last, header .globalNav nav.main ul.navitem li .menu .menu_inner .child .block2 li.last {
		border-bottom: 0;
	}
	header .globalNav nav.main ul.navitem li .menu .menu_inner .child .block4 a, header .globalNav nav.main ul.navitem li .menu .menu_inner .child .block2 a {
		display: block;
		/*font-size:0.85rem;*/
		font-size: 13.5px; 
		padding: 1.3em 30px 1.3em 15px;
		position: relative;
		width: 100%;
	}
	header .globalNav nav.main ul.navitem li .menu .menu_inner .child .block4 a:after, header .globalNav nav.main ul.navitem li .menu .menu_inner .child .block2 a:after {
		bottom: 0; 
		content: "\f105";
		font-family: "yubin";
		font-size: 33px;
		font-weight: normal;
		height: 33px;
		margin: auto;
		position: absolute;
		right: 12px;
		top: 0;
	}
	header .globalNav nav.main ul.navitem li .menu .menu_inner .child .block4 a[target="_blank"]:after, header .globalNav nav.main ul.navitem li .menu .menu_inner .child .block2 a[target="_blank"]:after {
		content: "\26";
		font-family: "yubin";
		font-size: 20px;
		height: 20px; 
		margin-left: .3em;
	}
	header .globalNav nav.main ul.navitem li .menu .menu_inner .child .block4 li.img a, header .globalNav nav.main ul.navitem li .menu .menu_inner .child .block2 li.img a {
		padding: 0;
	}
	header .globalNav nav.main ul.navitem li .menu .menu_inner .child .block4 li.img a span, header .globalNav nav.main ul.navitem li .menu .menu_inner .child .block2 li.img a span {
		display: none;
	}
	header .globalNav nav.main ul.navitem li .menu .menu_inner .child .block4 li.img a[target="_blank"]:after, header .globalNav nav.main ul.navitem li .menu .menu_inner .child .block2 li.img a[target="_blank"]:after {
		content: none;
		height: 0; 
		margin-left: 0;
	}
	header .globalNav nav.main ul.navitem li .menu .menu_inner .child .block4 {
		margin-top: 0 !important;
	}
	header .globalNav nav.main ul.navitem li .menu .menu_inner .child .block4 li {
		border-bottom: 0; 
		flex-basis: 50%;
		max-width: 50%;
	}
	header .globalNav nav.main ul.navitem li .menu .menu_inner .child .block4 li:nth-child(odd) {
		border-right: 1px solid #c8c8c8;
	}
	header .globalNav nav.main ul.navitem li .menu .menu_inner .child .block4 li:nth-child(n + 3) {
		border-top: 1px solid #c8c8c8;
	}
	header .globalNav nav.main ul.navitem li .menu .menu_inner .child .block4 li.bottomline {
		border-bottom: 1px solid #c8c8c8;
	}
	header .globalNav nav.main ul.navitem li .menu .menu_inner .child .block2 {
		background: #dcdcdc;
	}
	header .globalNav nav.main ul.navitem li .menu .menu_inner .child .block2 li {
		border-bottom: 0; 
		max-width: 100%;
		width: 100%;
	}
	header .globalNav nav.main ul.navitem li .menu .menu_inner .child .head.active + .block2 {
		display: block !important;
	}
	header .globalNav nav.main ul.navitem li .menu .menu_inner .child .head + .block4, header .globalNav nav.main ul.navitem li .menu .menu_inner .child .head + .block2 {
		display: none;
	}
	header .globalNav nav.main ul.navitem li .menu .menu_inner .child ul.block2 li.innermenu {
		display: block;
		width: 100%;
	}
	header .globalNav nav.main ul.navitem li .menu .menu_inner .child ul.block2 li.innermenu span {
		background: #eee;
		border-bottom: 1px solid #c8c8c8; 
		display: block;
		/*font-size:0.9rem;*/
		font-size: 14.5px;
		margin-top: 0 !important;
		padding: 1.5em 15px;
		position: relative;
	}
	header .globalNav nav.main ul.navitem li .menu .menu_inner .child ul.block2 li.innermenu span:after {
		bottom: 0; 
		content: "\2b";
		font-family: "yubin";
		font-size: 21px;
		font-weight: normal;
		height: 21px;
		margin: auto;
		position: absolute;
		right: 12px;
		top: 0;
	}
	header .globalNav nav.main ul.navitem li .menu .menu_inner .child ul.block2 li.innermenu span.active:after {
		content: "\2d";
	}
	header .globalNav nav.main ul.navitem li .menu .menu_inner .child ul.block2 li.innermenu .menucont {
		display: none; 
		display: flex;
		display: -o-flex;
		display: -ms-flex;
		display: -moz-flex;
		display: -webkit-flex;
		display: none;
		flex-wrap: wrap;
	}
	header .globalNav nav.main ul.navitem li .menu .menu_inner .child ul.block2 li.innermenu .menucont li {
		flex-basis: 50%;
		max-width: 50%;
	}
	header .globalNav nav.main ul.navitem li .menu .menu_inner .child ul.block2 li.innermenu .menucont li:nth-child(odd) {
		border-right: 1px solid #c8c8c8;
	}
	header .globalNav nav.main ul.navitem li .menu .menu_inner .child ul.block2 li.innermenu .menucont li:nth-child(n + 3) {
		border-top: 1px solid #c8c8c8;
	}
	header .globalNav nav.main ul.navitem li .menu .menu_inner .child ul.block2 li.innermenu .menucont li.bottomline {
		border-bottom: 1px solid #c8c8c8;
	}
	.spbg {
		background-color: rgba(0, 0, 0, .5);
		display: none; 
		height: 100vh;
		left: 0;
		opacity: 0;
		position: fixed;
		top: 0;
		width: 100vw;
		z-index: 2;
	}
	body.spmenu_open .wrapper {
		height: 100%;
		overflow: hidden; 
		width: 100%;
		/*position: fixed;*/
		z-index: -1;
	}
	body.spmenu_open .wrapper .spbg {
		display: block;
		opacity: 1;
	}
	body.spmenu_open .wrapper header {
		position: fixed;
		top: 0;
		width: 100%; 
		z-index: 100;
	}
	body.spmenu_open .wrapper header .globalNav {
		display: block;
		height: calc(100% - 52px);
		overflow: scroll;
		-webkit-overflow-scrolling: touch; 
		position: fixed;
		top: 52px;
		visibility: visible;
		z-index: 200;
	}
	body.spmenu_open .wrapper header .globalNav nav.main ul li.search {
		display: none;
	}
	body.spmenu_open .wrapper header .sphead .i-menu:before {
		content: "\e912";
		font-family: "yubin";
		font-size: 44px;
	}
	body.spmenu_open .wrapper header .sphead .i-menu:after {
		content: none;
	}
	body.spsearch_open .spbg {
		display: block;
		opacity: .7;
	}
	body.spsearch_open header {
		position: fixed;
		top: 0;
		width: 100%; 
		z-index: 100;
	}
	body.spsearch_open header .spsearch {
		display: block; 
		opacity: 1;
		visibility: visible;
		z-index: 200;
	}
	body.spsearch_open header .spsearch nav.main ul li.search {
		display: none;
	}
	body.spsearch_open header .sphead .i-search:before {
		content: "\e912";
		font-family: "yubin";
		font-size: 44px;
	}
	body.spsearch_open header .sphead .i-search:after {
		content: none;
	}
}

/* sp */
/* sp */
/*  global nav inner
----------------------------------------------- */
/* buyのanchor対応 */
.globalNav nav.main li.toggle.buy .menu_inner .child .block4 li.refresh a.anchor {
	display: none;
}

body#buy .globalNav nav.main li.toggle.buy .menu_inner .child .block4 {
	/*li.refresh a{display:none;}
	li.refresh a.anchor{display:block;}
	@include sp{
		li.refresh a.anchor{display:flex;}
	}*/
}

/* スマホより大きい */
@media screen and (min-width: 751px) {
	.globalNav nav.main {
		/* Gナビ 送る */
		/* Gナビ 受け取る */
		/* Gナビ 買う */
		/* Gナビ 銀行・保険 */
		/* Gナビ お手続き */
		/* Gナビ 法人のお客様 */
	}
	.globalNav nav.main .menu .close {
		background: #fff;
		border-radius: 25px;
		bottom: -23px;
		height: 45px;
		left: 0;
		margin: auto;
		position: absolute;
		right: 0;
		transition: .3s; 
		width: 45px;
	}
	.globalNav nav.main .menu .close:before {
		content: "\e912";
		display: block;
		font-family: "yubin";
		font-size: 30px;
		line-height: 1;
		padding: 6px 0 0 0;
	}
	.globalNav nav.main .menu .close:hover {
		background: #555;
		color: #fff;
	}
	.globalNav nav.main li.toggle .menu_inner {
		align-items: stretch;
		display: flex;
		display: -o-flex;
		display: -ms-flex;
		display: -moz-flex;
		display: -webkit-flex;
		font-family: "Noto Sans Japanese", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo,sans-serifsans-serif;
		margin: auto; 
		max-width: 1400px;
	}
	.globalNav nav.main li.toggle .menu_inner .parent {
		min-width: 200px;
	}
	.globalNav nav.main li.toggle .menu_inner .parent a {
		background: #fff;
		border-radius: 5px;
		color: #333;
		display: block;
		/*font-size:1.1rem;*/
		font-size: 16px;
		font-weight: 500;
		height: 100%;
		position: relative;
		text-decoration: none; 
		width: 100%;
	}
	.globalNav nav.main li.toggle .menu_inner .parent a span {
		left: 50%;
		line-height: 1.4; 
		margin: auto;
		position: absolute;
		text-align: center;
		top: 50%;
		transform: translate(-50%, -50%);
		width: 100%;
	}
	.globalNav nav.main li.toggle .menu_inner .parent a:hover {
		background: #ffb9b9;
	}
	.globalNav nav.main li.toggle .menu_inner .parent a:after {
		bottom: 0;
		color: #c00;
		content: "\f105";
		display: inline-block; 
		font-family: "yubin";
		font-size: 20px;
		height: 20px;
		line-height: 1;
		margin: auto;
		position: absolute;
		right: 10px;
		top: 0;
	}
	.globalNav nav.main li.toggle .menu_inner .parent .nolink {
		background: none;
		border: 2px solid #fff; 
		border-radius: 5px;
		color: #333;
		display: block;
		/*font-size:1.1rem;*/
		font-size: 16px;
		font-weight: 500;
		height: 100%;
		position: relative;
		width: 100%;
	}
	.globalNav nav.main li.toggle .menu_inner .parent .nolink span {
		left: 50%;
		line-height: 1.4; 
		margin: auto;
		position: absolute;
		text-align: center;
		top: 50%;
		transform: translate(-50%, -50%);
		width: 100%;
	}
	.globalNav nav.main li.toggle .menu_inner .child {
		padding-left: 15px; 
		text-align: left;
		width: 100%;
	}
	.globalNav nav.main li.toggle .menu_inner .child .head {
		color: #c00;
		/*font-size:1rem;*/
		font-size: 14.5px; 
		font-weight: 500;
		margin-bottom: .2em;
		padding-left: 5px;
	}
	.globalNav nav.main li.toggle .menu_inner .child ul li {
		/*font-size:0.95rem;*/
		font-size: 14px;
		font-weight: 500;
		margin: 0;
		/*@include flex;align-items: stretch;*/
	}
	.globalNav nav.main li.toggle .menu_inner .child ul li small {
		font-size: 11px;
	}
	.globalNav nav.main li.toggle .menu_inner .child ul li.btn a {
		background: #fff;
		border-radius: 5px;
		color: #333;
		display: flex;
		display: -ms-flex;
		display: -moz-flex;
		display: -webkit-flex;
		display: -o-flex;
		display: block;
		flex-direction: column;
		/*font-size:0.9rem;*/
		font-size: 14.5px;
		height: 70px; 
		line-height: 1.4;
		/*padding:20px 15px 20px 10px; */
		padding: 13px 15px 13px 10px;
		position: relative;
		width: 100%;
	}
	.globalNav nav.main li.toggle .menu_inner .child ul li.btn a:hover {
		background: #ffb9b9;
		text-decoration: none;
	}
	.globalNav nav.main li.toggle .menu_inner .child ul li.btn a:after {
		bottom: 0;
		color: #c00;
		content: "\f105";
		font-family: "yubin";
		font-size: 20px;
		height: 20px;
		line-height: 1; 
		margin: auto;
		position: absolute;
		right: 10px;
		top: 0;
	}
	.globalNav nav.main li.toggle .menu_inner .child ul li.btn a[target="_blank"]:after {
		content: "\26";
		font-size: 14px;
		height: 14px;
	}
	.globalNav nav.main li.toggle .menu_inner .child ul li.btn span {
		position: absolute;
		top: 50%;
		transform: translate(0%, -50%); 
		vertical-align: middle;
	}
	.globalNav nav.main li.toggle .menu_inner .child ul li.btn small {
		color: #7a7a7a;
		display: block; 
		font-size: 12px;
		letter-spacing: -.1em;
	}
	.globalNav nav.main li.toggle .menu_inner .child ul li.img a {
		color: #333;
	}
	.globalNav nav.main li.toggle .menu_inner .child ul li.img a:hover {
		opacity: .7;
	}
	.globalNav nav.main li.toggle .menu_inner .child ul li.img span {
		display: block;
		padding: .5em 0;
	}
	.globalNav nav.main li.toggle .menu_inner .child ul li.img span:before {
		content: "\f105";
		display: inline-block; 
		font-family: "yubin";
		margin-right: .3em;
	}
	.globalNav nav.main li.toggle .menu_inner .child ul li.img a[target="_blank"] span:after {
		content: "\26";
		font-family: "yubin";
		margin-left: .3em;
	}
	.globalNav nav.main li.toggle .menu_inner .child ul li.icon {
		text-align: left;
	}
	.globalNav nav.main li.toggle .menu_inner .child ul li.icon a {
		display: flex;
		display: -o-flex;
		display: -ms-flex;
		display: -moz-flex;
		display: -webkit-flex;
		flex-direction: column;
		height: 70px; 
		line-height: 1.4;
	}
	.globalNav nav.main li.toggle .menu_inner .child ul li.icon a:before {
		font-size: 42px;
		left: 8px;
		position: absolute;
		top: 8px;
	}
	.globalNav nav.main li.toggle .menu_inner .child ul li.icon a span {
		left: 50%;
		position: absolute;
		top: 50%;
		transform: translate(-50%, -50%);
		vertical-align: middle;
		width: 60%;
	}
	.globalNav nav.main li.toggle .menu_inner .child ul li.icon a small {
		color: #7a7a7a;
		font-size: 12px;
		letter-spacing: -.1em;
	}
	.globalNav nav.main li.toggle .menu_inner .child ul li.arrowtext {
		margin: .6em 0;
	}
	.globalNav nav.main li.toggle .menu_inner .child ul li.arrowtext:last-child {
		margin-bottom: 5px;
	}
	.globalNav nav.main li.toggle .menu_inner .child ul li.arrowtext a {
		color: #c00;
		/*font-size:0.9rem;*/
		font-size: 14.5px;
		font-weight: 400;
	}
	.globalNav nav.main li.toggle .menu_inner .child ul li.arrowtext a:before {
		content: "\f105";
		display: inline-block;
		font-family: "yubin";
		margin-right: .5em;
	}
	.globalNav nav.main li.toggle .menu_inner .child ul li.innermenu {
		background: #fff;
		border-radius: 5px;
		/*font-size:0.9rem;*/
		font-size: 14.5px;
		padding: 15px 15px 15px 18px;
	}
	.globalNav nav.main li.toggle .menu_inner .child ul li.innermenu span {
		display: block;
		/*font-size:1.1rem;*/
		font-size: 16px;
		margin-bottom: 20px;
	}
	.globalNav nav.main li.toggle .menu_inner .child ul li.innermenu span.icon:before {
		color: #c00;
		font-size: 48px;
		line-height: 0;
		margin-left: -.2em; 
		position: relative;
		top: 12px;
	}
	.globalNav nav.main li.toggle .menu_inner .child ul li.innermenu ul.menucont {
		display: flex;
		display: -o-flex;
		display: -ms-flex;
		display: -moz-flex;
		display: -webkit-flex;
		flex-wrap: wrap; 
		justify-content: space-between;
	}
	.globalNav nav.main li.toggle .menu_inner .child ul li.innermenu ul.menucont li {
		flex-basis: 24.5%;
		margin-top: 0; 
		max-width: 24.5%;
	}
	.globalNav nav.main li.toggle .menu_inner .child ul li.innermenu ul.menucont li:before {
		content: "\f105";
		display: inline-block;
		font-family: "yubin";
		margin-right: .3em;
	}
	.globalNav nav.main li.toggle .menu_inner .child ul li.innermenu ul.menucont li:nth-child(n+5) {
		margin-top: 10px;
	}
	.globalNav nav.main li.toggle .menu_inner .child ul li.innermenu ul.menucont a {
		color: #333;
	}
	.globalNav nav.main li.toggle .menu_inner .child ul li.innermenu ul.menucont:before {
		content: "";
		display: block;
		flex-basis: 24.5%;
		height: 0;
		order: 1;
	}
	.globalNav nav.main li.toggle .menu_inner .child ul li.innermenu ul.menucont:after {
		content: "";
		display: block;
		flex-basis: 24.5%;
		height: 0;
	}
	.globalNav nav.main li.toggle .menu_inner .child ul.area li {
		vertical-align: bottom;
	}
	.globalNav nav.main li.toggle .menu_inner .child ul[class*="block"] {
		align-items: stretch;
		display: flex;
		display: -o-flex;
		display: -ms-flex;
		display: -moz-flex;
		display: -webkit-flex;
		flex-wrap: wrap; 
		justify-content: space-between;
		width: 100%;
	}
	.globalNav nav.main li.toggle .menu_inner .child ul.stretch li {
		display: flex;
	}
	.globalNav nav.main li.toggle .menu_inner .child ul.block4::before {
		content: "";
		display: block;
		order: 1; 
		width: 24.5%;
	}
	.globalNav nav.main li.toggle .menu_inner .child ul.block4::after {
		content: "";
		display: block;
		width: 24.5%;
	}
	.globalNav nav.main li.toggle .menu_inner .child ul.block4 li {
		width: 24.5%;
	}
	.globalNav nav.main li.toggle .menu_inner .child ul.block4 li:nth-child(n+5) {
		margin-top: 10px;
	}
	.globalNav nav.main li.toggle .menu_inner .child ul.block2 li {
		width: 49.7%;
	}
	.globalNav nav.main li.toggle .menu_inner .child ul.block2 li:nth-child(n+3) {
		margin-top: 10px;
	}
	.globalNav nav.main li.toggle.send .parent a span:before {
		color: #c00;
		content: "\e942";
		display: block;
		font-family: "yubin";
		font-size: 76px;
		line-height: 1;
	}
	.globalNav nav.main .icon.post a:before {
		color: #c00; 
		content: "\e93f";
		font-family: "yubin";
	}
	.globalNav nav.main .icon.conveni a:before {
		color: #c00; 
		content: "\e936";
		font-family: "yubin";
	}
	.globalNav nav.main .icon.pickup a:before {
		color: #c00; 
		content: "\e93e";
		font-family: "yubin";
	}
	.globalNav nav.main .icon.make a:before {
		color: #c00; 
		content: "\e93d";
		font-family: "yubin";
	}
	.globalNav nav.main .icon.buy a:before {
		color: #c00; 
		content: "\e931";
		font-family: "yubin";
	}
	.globalNav nav.main .icon.int a:before {
		color: #fa812f; 
		content: "\e93b";
		font-family: "yubin";
	}
	.globalNav nav.main .icon.int a:after {
		color: #fa812f !important;
	}
	.globalNav nav.main li.toggle.receive .parent a span:before {
		color: #c00;
		content: "\e981";
		display: block;
		font-family: "yubin";
		font-size: 76px;
		line-height: 1;
	}
	.globalNav nav.main .icon.tracking a:before {
		color: #c00; 
		content: "\e944";
		font-family: "yubin";
	}
	.globalNav nav.main .icon.deli a:before {
		color: #c00; 
		content: "\e990";
		font-family: "yubin";
	}
	.globalNav nav.main li.toggle.buy .parent a span:before {
		color: #c00;
		content: "\e931";
		display: block;
		font-family: "yubin";
		font-size: 76px;
		line-height: 1;
	}
	.globalNav nav.main .icon.item a:before {
		color: #c00; 
		content: "\e93c";
		font-family: "yubin";
	}
	.globalNav nav.main .icon.goods a:before {
		color: #c00; 
		content: "\e992";
		font-family: "yubin";
	}
	.globalNav nav.main .icon.shop a:before {
		color: #c00; 
		content: "\e931";
		font-family: "yubin";
	}
	.globalNav nav.main .icon.other a:before {
		color: #c00; 
		content: "\e96f";
		font-family: "yubin";
	}
	.globalNav nav.main li.toggle.choho .parent div span:before, .globalNav nav.main li.toggle.choho .parent a span:before {
		color: #c00;
		content: "\e987";
		display: block;
		font-family: "yubin";
		font-size: 76px;
		line-height: 1;
	}
	.globalNav nav.main li.innermenu .title.junbi:before {
		content: "\e94b"; 
		font-family: "yubin";
	}
	.globalNav nav.main li.innermenu .title.sonaeru:before {
		content: "\e94d"; 
		font-family: "yubin";
	}
	.globalNav nav.main li.innermenu .title.nokosu:before {
		content: "\e94c"; 
		font-family: "yubin";
	}
	.globalNav nav.main li.innermenu .title.fuyasu:before {
		content: "\e94a"; 
		font-family: "yubin";
	}
	.globalNav nav.main li.innermenu .title.benri:before {
		content: "\e973"; 
		font-family: "yubin";
	}
	.globalNav nav.main .icon.ginko a:before {
		color: #c00; 
		content: "\e92f";
		font-family: "yubin";
	}
	.globalNav nav.main .icon.hoken a:before {
		color: #c00; 
		content: "\e93a";
		font-family: "yubin";
	}
	.globalNav nav.main .icon.procedure a:before {
		color: #c00; 
		content: "\e986";
		font-family: "yubin";
	}
	.globalNav nav.main li.toggle.procedure .parent a span:before {
		color: #c00;
		content: "\e986";
		display: block;
		font-family: "yubin";
		font-size: 76px;
		line-height: 1;
	}
	.globalNav nav.main .icon.forward a:before {
		color: #c00; 
		content: "\e97f";
		font-family: "yubin";
	}
	.globalNav nav.main .icon.internet a:before {
		color: #c00; 
		content: "\e978";
		font-family: "yubin";
	}
	.globalNav nav.main li.toggle.business .parent a span:before {
		color: #c00;
		content: "\e930";
		display: block;
		font-family: "yubin";
		font-size: 76px;
		line-height: 1;
	}
	.globalNav nav.main .icon.biz-problem a:before {
		color: #c00; 
		content: "\e975";
		font-family: "yubin";
	}
	.globalNav nav.main .icon.biz-kokunai a:before {
		color: #c00; 
		content: "\e97b";
		font-family: "yubin";
	}
	.globalNav nav.main .icon.biz-int a:before {
		color: #c00; 
		content: "\e984";
		font-family: "yubin";
	}
	.globalNav nav.main .icon.biz-sales a:before {
		color: #c00; 
		content: "\e982";
		font-family: "yubin";
	}
	.globalNav nav.main .icon.biz-ec a:before {
		color: #c00; 
		content: "\e974";
		font-family: "yubin";
	}
	.globalNav nav.main .icon.biz-doc a:before {
		color: #c00; 
		content: "\e97a";
		font-family: "yubin";
	}
	.globalNav nav.main .icon.biz-ad a:before {
		color: #c00; 
		content: "\e985";
		font-family: "yubin";
	}
	.globalNav nav.main .icon.biz-payment a:before {
		color: #c00; 
		content: "\e983";
		font-family: "yubin";
	}
}

/* nonsp */
/* pc */
@media screen and (min-width: 1921px) {
	.globalNav nav.main li.toggle .menu_inner {
		margin-left: 0;
		margin-right: auto;
	}
}

/* full */
@media screen and (min-width: 751px) and (max-width: 1200px) {
	.fixedNav.clone-nav {
		/*font-size:0.85rem; */
		font-size: 13.5px; 
		width: 100%;
	}
	.fixedNav.clone-nav nav.main > ul > li > a {
		padding: 18px 0;
		position: relative;
	}
	.fixedNav.clone-nav nav.main > ul > li > a:after {
		bottom: 8px;
		color: #ccc; 
		left: 0;
		margin: auto;
		position: absolute;
		right: 0;
		top: auto;
	}
	.fixedNav.clone-nav nav.main li.search {
		flex: none; 
		width: 60px;
	}
	.globalNav nav.main li.toggle .menu_inner .parent {
		min-width: 120px;
		width: 18%;
	}
	.globalNav nav.main li.toggle .menu_inner .parent a, .globalNav nav.main li.toggle .menu_inner .parent .nolink {
		min-height: 60px; 
		padding: 10px 0;
		position: relative;
	}
	.globalNav nav.main li.toggle .menu_inner .parent a span, .globalNav nav.main li.toggle .menu_inner .parent .nolink span {
		/*font-size:0.9rem;*/
		font-size: 14.5px;
		left: 0;
		position: absolute;
		top: 50%;
		transform: translate(0%, -50%); 
		vertical-align: middle;
	}
	.globalNav nav.main li.toggle .menu_inner .parent:before {
		font-size: 46px;
	}
	.globalNav nav.main li.toggle .menu_inner .child ul li {
		/*font-size:.85rem;*/
		font-size: 13px;
	}
	.globalNav nav.main li.toggle .menu_inner .child ul li.icon a:before {
		font-size: 36px;
	}
	.globalNav nav.main li.toggle .menu_inner .child ul li.icon a span {
		left: 56%; 
		width: 70%;
	}
}

/* pc */
/* tablet */
@media screen and (min-width: 751px) and (max-width: 1024px) {
	.globalNav nav.main li.toggle span.dropLabel {
		padding: 14px .3em;
	}
	.globalNav nav.main li.toggle span.dropLabel:after {
		display: block;
		line-height: .8; 
		margin-left: 0;
	}
	.globalNav nav.main li.toggle .menu_inner {
		display: block;
	}
	.globalNav nav.main li.toggle .menu_inner .parent {
		margin-bottom: 10px;
		min-width: auto;
		width: 100%;
	}
	.globalNav nav.main li.toggle .menu_inner .parent a, .globalNav nav.main li.toggle .menu_inner .parent .nolink {
		min-height: 60px;
	}
	.globalNav nav.main li.toggle .menu_inner .parent a span, .globalNav nav.main li.toggle .menu_inner .parent .nolink span {
		align-items: center;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		display: -webkit-flex;
		/*font-size:0.9rem;*/
		font-size: 14.5px;
		justify-content: center; 
		left: 0;
		position: absolute;
		top: 50%;
		transform: translate(0%, -50%);
		vertical-align: middle;
	}
	.globalNav nav.main li.toggle .menu_inner .parent a span:before, .globalNav nav.main li.toggle .menu_inner .parent .nolink span:before {
		display: inline-block; 
		font-size: 46px;
	}
	.globalNav nav.main li.toggle .menu_inner .parent a span br.pc, .globalNav nav.main li.toggle .menu_inner .parent .nolink span br.pc {
		display: none;
	}
	.globalNav nav.main li.toggle .menu_inner .child {
		padding-left: 0;
	}
	.globalNav nav.main li.toggle .menu_inner .child ul li.icon a:before {
		font-size: 32px;
		left: 6px;
		top: auto;
	}
	.globalNav nav.main li.toggle .menu_inner .child ul li.icon a span {
		left: 55%; 
		width: 64%;
	}
	.globalNav nav.main li.toggle .menu_inner .child ul li.icon a span small {
		font-size: 10px;
	}
	.globalNav nav.main li.toggle .menu_inner .child ul li.icon a span br.pc {
		display: none;
	}
	.globalNav nav.main li.toggle .menu_inner .child ul li.btn a {
		/*font-size:1.5vw;*/
		font-size: 12px;
	}
	.globalNav nav.main li.toggle .menu_inner .child ul li.innermenu {
		padding: 15px 15px 10px 18px;
	}
	.globalNav nav.main li.toggle .menu_inner .child ul li.innermenu ul.menucont li {
		flex-basis: 49%;
		/*font-size:0.9rem;*/
		font-size: 14px;
		margin: .3em 0; 
		max-width: 49%;
	}
}

/* yubinpc */
@media screen and (min-width: 1201px) and (max-width: 1920px) {
	.fixedNav.clone-nav {
		width: 100%;
	}
}

/* pcmax */
@media screen and (min-width: 1921px) {
	.fixedNav.clone-nav {
		width: 100%;
	}
}

/* full */
/* search modal */
.modalbox {
	background: #faecea;
	border-radius: 8px;
	padding: 50px;
}

/*  footer
----------------------------------------------- */
footer {
	background: #f7f7f7;
	font-family: "Noto Sans Japanese", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo,sans-serifsans-serif; 
	padding-top: 0;
	position: relative;
}
footer .pagetop a {
	background: rgba(100, 100, 100, .4);
	border-radius: 6px;
	bottom: -50px;
	display: block;
	font-size: 0;
	height: 46px;
	line-height: 40px;
	position: fixed;
	right: 20px;
	text-align: center;
	text-decoration: none;
	width: 46px;
	z-index: 100;
}
footer .pagetop a:before {
	color: #fff;
	content: "\f106";
	font-family: "yubin";
	font-size: 40px;
}
footer .pagetop a:hover {
	background: rgba(100, 100, 100, .8);
}
footer .innerwidth {
	padding: 0 0;
}
footer .footNav {
	margin: auto; 
	max-width: 1200px;
}
footer .footNav .toolarea {
	align-items: flex-end;
	border-bottom: 2px solid #ccc; 
	display: flex;
	display: -o-flex;
	display: -ms-flex;
	display: -moz-flex;
	display: -webkit-flex;
	justify-content: space-between;
	margin-bottom: 20px;
	padding: 20px 0;
}
footer .footNav .toolarea li {
	border-right: 1px solid #ccc; 
	flex: 1;
	text-align: center;
}
footer .footNav .toolarea li a {
	color: #c00;
	display: block;
	font-family: "Noto Sans Japanese", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo,sans-serifsans-serif;
	font-size: .8rem;
	font-weight: 400;
	padding: 8px 0; 
	transition: .3s;
}
footer .footNav .toolarea li a:before {
	content: "\f106";
	display: block;
	font-family: "yubin";
	font-size: 70px;
}
footer .footNav .toolarea li a.postsearch:before {
	content: "\e989";
}
footer .footNav .toolarea li a.zipsearch:before {
	content: "\e98b";
	font-size: 90px;
	line-height: 71px;
}
footer .footNav .toolarea li a.tracking:before {
	content: "\e98a";
	font-size: 86px;
	line-height: 71px;
}
footer .footNav .toolarea li a.redeli:before {
	content: "\e990";
}
footer .footNav .toolarea li a.delidays:before {
	content: "\e98f";
	font-size: 60px;
	line-height: 70px;
}
footer .footNav .toolarea li a.fee:before {
	content: "\e939";
}
footer .footNav .toolarea li a:hover {
	background: rgba(255, 255, 255, .7);
	text-decoration: none;
}
footer .footNav .toolarea li:last-child {
	border-right: 0;
}
footer .footNav .bodyarea {
	display: flex;
	display: -o-flex;
	display: -ms-flex;
	display: -moz-flex;
	display: -webkit-flex;
	justify-content: space-between;
}
footer .footNav .bodyarea .half {
	display: flex;
	display: -o-flex;
	display: -ms-flex;
	display: -moz-flex;
	display: -webkit-flex;
	flex-basis: 50%;
	justify-content: space-between;
	max-width: 50%;
	padding: 0 2.5%;
}
footer .footNav .bodyarea .half ul {
	flex-basis: 50%;
	font-size: .85rem; 
	max-width: 50%;
}
footer .footNav .bodyarea .half ul li {
	padding: .4em 0;
	text-indent: 0;
}
footer .footNav .bodyarea .half ul li ul.child {
	flex-basis: 100%;
	margin-top: .4em;
	max-width: 100%;
}
footer .footNav .bodyarea .half ul li ul.child li {
	margin-left: 1.5em;
}
footer .footNav .bodyarea .half:first-child {
	border-right: 2px solid #ccc;
}
footer .footNav .bodyarea ul.first li {
	font-weight: bold;
}
footer .footNav .bodyarea ul.first li:before {
	color: #c00;
}
footer .footNav .bodyarea ul.first li.nolink:before {
	color: #999;
}
footer .footNav .bodyarea ul.second li:before {
	color: #c00;
}
footer .footNav .bodyarea ul.sub li:before {
	/*color:#999999;*/
	color: #c00;
}
footer .groupbnr {
	margin: 40px auto;
}
footer .groupbnr ul {
	display: flex;
	display: -o-flex;
	display: -ms-flex;
	display: -moz-flex;
	display: -webkit-flex;
	justify-content: space-between;
}
footer .groupbnr ul li {
	position: relative; 
	width: 32%;
}
footer .groupbnr ul li a {
	background: #fff;
	border: 1px solid #ccc;
	display: block;
	padding: 25px 40px;
	transition: .3s;
}
footer .groupbnr ul li a:after {
	color: #333;
	content: "\e924";
	font-family: "yubin";
	position: absolute;
	right: 25px;
	top: 40%;
}
footer .groupbnr ul li a:hover {
	opacity: .6;
}
footer .footArea {
	line-height: 0;
}
footer .footArea .sp {
	display: none;
}
footer .footArea .upper {
	align-items: center; 
	display: flex;
	display: -o-flex;
	display: -ms-flex;
	display: -moz-flex;
	display: -webkit-flex;
	margin: 7px auto;
}
footer .footArea .upper .logo {
	flex-basis: 120px;
	max-width: 120px; 
	padding-right: 30px;
	text-align: left;
}
footer .footArea .upper .nav {
	flex: 1;
}
footer .footArea .upper .nav ul {
	display: flex;
	display: -o-flex;
	display: -ms-flex;
	display: -moz-flex;
	display: -webkit-flex;
	flex-wrap: wrap; 
	font-size: 13px;
}
footer .footArea .upper .nav ul li {
	line-height: 1.8; 
	margin-right: 1.7em;
}
footer .footArea .upper .nav ul li:before {
	color: #c00;
}
footer .footArea .lower {
	background: #c00;
	padding: 10px 33px;
}
footer .footArea .lower .sitewidth {
	display: flex; 
	display: -o-flex;
	display: -ms-flex;
	display: -moz-flex;
	display: -webkit-flex;
}
footer .footArea .lower .copy {
	flex: 1;
	position: relative;
	text-align: right;
	top: 2px;
}

/* tablet */
@media screen and (min-width: 751px) and (max-width: 1024px) {
	footer .footNav, footer .groupbnr, footer .footArea .upper {
		padding: 0 2%;
	}
	footer .footNav .toolarea {
		align-items: stretch;
	}
	footer .footNav .bodyarea .half ul {
		flex-basis: 49%;
		max-width: 49%;
	}
	footer .footNav .bodyarea .half ul ul {
		flex-basis: 100%;
		max-width: 100%;
	}
}

/* yubinpc */
@media screen and (max-width: 750px) {
	footer {
		padding-top: 0;
		/* 20190106add --- */
		/* --- 20190106add */
	}
	footer .pagetop a {
		right: 3vw;
	}
	footer .footNav {
		font-size: .8rem;
	}
	footer .footNav a {
		color: #333;
	}
	footer .footNav .toolarea {
		display: none;
	}
	footer .footNav .bodyarea {
		display: block;
	}
	footer .footNav .bodyarea .half {
		flex-basis: 100%;
		max-width: 100%;
	}
	footer .footNav .bodyarea .half ul {
		flex-basis: 100%;
		max-width: 100%;
	}
	footer .footNav .bodyarea .half ul.first.arrowR li:before {
		content: none;
	}
	footer .footNav .bodyarea .half ul.first.arrowR a {
		display: block;
	}
	footer .footNav .bodyarea .half ul.first.arrowR a:before {
		color: #c00; 
		content: "\f105";
		display: inline-block;
		font-family: "yubin";
		margin-right: .5em;
	}
	footer .footNav .bodyarea .half ul.first.arrowR li.nolink:before {
		content: "\f105"; 
		display: inline-block;
		font-family: "yubin";
		margin-right: .5em;
	}
	footer .footNav .bodyarea .half:first-child {
		border-right: 0;
		display: block;
	}
	footer .footNav .bodyarea .half:first-child ul li {
		border-bottom: 1px solid #ccc;
	}
	footer .footNav .bodyarea .half:first-child ul li a {
		display: inline-block;
		padding: .8em 0;
	}
	footer .footNav .bodyarea .half:first-child ul li.nolink {
		padding: .8em 0 0;
	}
	footer .footNav .bodyarea .half:first-child ul.child li:last-child {
		border-bottom: 0;
	}
	footer .footNav .bodyarea .half:last-child {
		display: block;
	}
	footer .footNav .bodyarea .half:last-child ul {
		display: flex;
		display: -o-flex;
		display: -ms-flex;
		display: -moz-flex;
		display: -webkit-flex;
		flex-wrap: wrap; 
		/*align-content: space-between;*/
		justify-content: space-between;
	}
	footer .footNav .bodyarea .half:last-child ul li {
		border-bottom: 1px solid #ccc;
		flex-basis: 50%;
		font-size: .9em; 
		padding: .6em .5em .6em 1em;
		text-indent: -.5em;
	}
	footer .footNav .bodyarea .half:last-child ul.sub {
		/*li{flex-basis:49%; padding: .6em 0.5em .6em 1em; border-bottom:none;}*/
	}
	footer .footNav .bodyarea .half:last-child ul.sub li.clm1 {
		flex-basis: 100%;
	}
	footer .groupbnr {
		margin: 30px auto 20px; 
		padding: 0 3%;
	}
	footer .groupbnr .innerwidth {
		padding: 0;
	}
	footer .groupbnr ul {
		display: block; 
		margin-top: 10px;
	}
	footer .groupbnr ul:before {
		content: "日本郵政グループ";
		display: block;
		/*font-size:1.1rem;*/
		font-size: 16px;
		font-weight: bold;
		margin-bottom: .5em;
	}
	footer .groupbnr ul li {
		margin-bottom: 10px; 
		position: relative;
		width: 100%;
	}
	footer .groupbnr ul li a {
		background: #fff;
		border: 1px solid #ccc;
		display: block;
		padding: 25px 8%;
		transition: .3s;
	}
	footer .groupbnr ul li a:after {
		color: #333;
		content: "\e924";
		font-family: "yubin";
		position: absolute;
		right: 25px;
		top: 40%;
	}
	footer .groupbnr ul li a:hover {
		opacity: .6;
	}
	footer .footArea {
		line-height: 1.6;
	}
	footer .footArea .upper, footer .footArea .lower {
		display: none;
	}
	footer .footArea .nav {
		padding: 0 2%;
	}
	footer .footArea .nav ul {
		align-content: space-between;
		display: flex;
		display: -o-flex;
		display: -ms-flex;
		display: -moz-flex;
		display: -webkit-flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	footer .footArea .nav ul li {
		flex-basis: 49%;
		font-size: .8rem;
		margin-bottom: .5em;
		padding: .6em 0 .6em 1em;
	}
	footer .footArea .nav ul li:before {
		color: #c00;
	}
	footer .footArea .sp {
		display: block;
	}
	footer .footArea .sp .copy {
		font-family: "Noto Sans Japanese", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo,sans-serifsans-serif;
		margin: .8em 0; 
		text-align: center;
	}
	footer .footArea .sp .bar {
		background: #c00;
		padding: 15px 0;
		text-align: center;
	}
	footer .footArea .sp .bar img {
		width: 144px;
	}
	footer .footNav .bodyarea .half:last-child ul.sub li {
		border-bottom: 1px solid #ccc;
		border-right: 1px solid #ccc;
		flex-basis: 50%; 
		padding: 1.7em .5em 1.6em 1.1em;
	}
	footer .footNav .bodyarea .half:last-child ul.sub li.line-h1 {
		line-height: 1 !important;
	}
	footer .footNav .bodyarea .half:last-child ul.sub li:nth-child(2n) {
		border-right: none !important;
		padding-left: 1.5em !important;
	}
	footer .footNav .bodyarea .half:last-child ul {
		align-content: center;
	}
	footer .footArea .nav ul {
		display: block !important;
	}
	footer .footArea .nav ul li {
		padding-left: 1.2em !important;
	}
}

/* sp */
/* sp */
/*----------------------------------------------------------
	module
--------------------------------------------------------- */
/* パンくずリスト */
#path-box {
	background: #dedede;
}

/*----------------------------------------------------------
	unique style
--------------------------------------------------------- */
@media screen and (max-width: 750px) {
	/* swiper ピックアップ */
	.topPickup.bgG.pd {
		padding: 30px 0;
	}
}

/* sp */
/* sp */
/*  top
----------------------------------------------- */
/* トップ大バナー */
.kvArea {
	margin-top: 10px;
}
.kvArea .slideimg .swiper-slide img {
	height: auto;
	width: 100%;
	/*min-width:1400px;*/
}
.kvArea .swiper-container {
	padding-bottom: 0 !important;
}
.kvArea .swiper-container .swiper-pagination {
	bottom: 10px !important;
}
.kvArea .swiper-container .swiper-pagination-bullet {
	background: #c7c7c7;
}

@media screen and (max-width: 750px) {
	.kvArea .swiper-container {
		padding-bottom: 0 !important;
	}
}

/* sp */
/* トップ 重要なお知らせ */
.importantArea {
	background: rgba(255, 204, 102, .05);
	border: 2px solid #fc6;
	margin: 10px auto 0;
}
.importantArea dl {
	align-items: center;
	display: flex;
	display: -o-flex;
	display: -ms-flex;
	display: -moz-flex;
	display: -webkit-flex;
	line-height: 1.5; 
	padding: 10px;
}
.importantArea dl dt {
	font-weight: 500;
	padding-right: 10px;
}
.importantArea dl dt:before {
	color: #fc6;
	content: "\ff59";
	font-family: "yubin";
	font-weight: normal;
	margin-right: .3em;
}
.importantArea dl dd {
	border-left: 1px solid #dcdcdc;
}

/* スマホより大きい */
@media screen and (min-width: 751px) {
	.importantArea {
		margin: 10px auto 0; 
		max-width: 1200px;
	}
	.importantArea dl dt {
		display: inline-block; 
		font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
		font-weight: bold;
		font-weight: bold;
	}
	.importantArea dl dd {
		padding-left: 15px;
	}
}

/* nonsp */
@media screen and (max-width: 750px) {
	/* トップ 重要なお知らせ */
	.importantArea {
		margin: 10px auto 0;
	}
	.importantArea dl {
		display: block; 
		padding: 0 10px;
	}
	.importantArea dl dt {
		display: inline-block; 
		font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
		font-weight: bold;
		font-weight: bold;
		padding: 10px 0 0 0;
	}
	.importantArea dl dd {
		border-left: 0; 
		font-size: .9rem;
		padding-bottom: .6em;
		padding-left: 15px;
	}
}

/* sp */
.relatedbnrArea.bgG.pd {
	padding-bottom: 30px;
}

.relatedbnrArea .slidebnr.swiper-container {
	margin: 40px auto 0;
}
.relatedbnrArea .slidebnr.swiper-container .swiper-slide {
	text-align: center !important;
}
.relatedbnrArea .slidebnr.swiper-container .swiper-pagination-bullets {
	margin-top: 30px; 
	position: relative;
}
.relatedbnrArea .slidebnr.swiper-container .swiper-button-prev {
	top: 40px !important;
}
.relatedbnrArea .slidebnr.swiper-container .swiper-button-next {
	top: 40px !important;
}

.borderbnr4.optionbnrArea ul li a {
	color: #c00 !important;
	display: table;
	position: relative;
}

.borderbnr4.optionbnrArea ul li a.icon:before {
	left: 15%;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
}

.borderbnr4.optionbnrArea ul li a.icon:after {
	content: "\f105";
	font-family: "yubin";
	font-size: 22px;
	position: absolute;
	right: 5%;
	top: 50%;
	transform: translate(-50%, -50%);
}

.borderbnr4.optionbnrArea ul li a.about:before {
	content: "\e934";
	font-family: "yubin";
	font-size: 50px;
}

.borderbnr4.optionbnrArea ul li a.recruit:before {
	content: "\e941";
	font-family: "yubin";
	font-size: 50px;
}

.borderbnr4.optionbnrArea ul li a.bizpost:before {
	content: "\e930";
	font-family: "yubin";
	font-size: 50px;
}

.borderbnr4.optionbnrArea ul li a.campaign:before {
	content: "\e932";
	font-family: "yubin";
	font-size: 50px;
}

.borderbnr4.optionbnrArea ul li a.sns:before {
	content: "\e943";
	font-family: "yubin";
	font-size: 50px;
}

.borderbnr4.optionbnrArea ul li a.posukuma:before {
	content: "\e940";
	font-family: "yubin";
	font-size: 50px;
}

.borderbnr4.optionbnrArea ul li a.kids:before {
	content: "\e988";
	font-family: "yubin";
	font-size: 50px;
}

.borderbnr4.optionbnrArea ul li a.cm:before {
	content: "\e933";
	font-family: "yubin";
	font-size: 50px;
}

.borderbnr4.optionbnrArea ul li:hover {
	background: #faecea;
}

/* 郵便PC幅幅 */
@media screen and (min-width: 751px) and (max-width: 1366px) {
	.borderbnr4.optionbnrArea {
		margin: 50px auto;
		/*padding:0 3%;*/
	}
	.borderbnr4.optionbnrArea ul:after {
		content: "";
		display: block;
		flex-basis: 32.5%;
		height: 0;
	}
	.borderbnr4.optionbnrArea ul li {
		border: none;
		height: auto; 
		margin-bottom: 20px;
	}
	.borderbnr4.optionbnrArea ul li a {
		border: 1px solid #c00;
		border-radius: 6px;
		display: block;
		font-size: .85rem;
		padding: 70px 0 30px;
		transition: .3s;
	}
	.borderbnr4.optionbnrArea ul li a span {
		font-weight: 400;
		left: 0;
		margin-top: 22px;
		transform: translate(0%, -50%);
		width: 100%;
	}
	.borderbnr4.optionbnrArea ul li a.icon:before {
		display: block;
		left: 0;
		margin: auto;
		right: 0;
		top: 5px;
		transform: none;
	}
}

/* yubinpc */
@media screen and (max-width: 750px) {
	.borderbnr4.optionbnrArea {
		margin: 50px auto;
		padding: 0 3%;
	}
	.borderbnr4.optionbnrArea ul {
		flex-basis: 100%;
		max-width: 100%;
	}
	.borderbnr4.optionbnrArea ul li {
		flex-basis: 49%;
		max-width: 49%;
	}
	.borderbnr4.optionbnrArea ul li a.icon:before {
		display: block;
		left: 0;
		margin: auto;
		right: 0;
		top: 5px;
		transform: none;
	}
	.borderbnr4.optionbnrArea ul li a.icon:after {
		content: "\f105";
		font-family: "yubin";
		font-size: 22px;
		position: absolute;
		right: 3%;
		top: 50%;
		transform: translate(-50%, -50%);
	}
	.borderbnr4.optionbnrArea ul li a.about:before {
		content: "\e934";
		font-family: "yubin";
		font-size: 50px;
	}
	.borderbnr4.optionbnrArea ul li a.recruit:before {
		content: "\e941";
		font-family: "yubin";
		font-size: 50px;
	}
	.borderbnr4.optionbnrArea ul li a.bizpost:before {
		content: "\e930";
		font-family: "yubin";
		font-size: 50px;
	}
	.borderbnr4.optionbnrArea ul li a.campaign:before {
		content: "\e932";
		font-family: "yubin";
		font-size: 50px;
	}
	.borderbnr4.optionbnrArea ul li a.sns:before {
		content: "\e943";
		font-family: "yubin";
		font-size: 50px;
	}
	.borderbnr4.optionbnrArea ul li a.posukuma:before {
		content: "\e940";
		font-family: "yubin";
		font-size: 50px;
	}
	.borderbnr4.optionbnrArea ul li a.kids:before {
		content: "\e988";
		font-family: "yubin";
		font-size: 50px;
	}
	.borderbnr4.optionbnrArea ul li a.cm:before {
		content: "\e933";
		font-family: "yubin";
		font-size: 50px;
	}
	.borderbnr4.optionbnrArea ul li:nth-of-type(n + 2) {
		margin-top: 0;
	}
}

/* sp */
/* トップ追跡・再配達 */
.topSearchBlock {
	display: flex;
	display: -o-flex;
	display: -ms-flex;
	display: -moz-flex;
	display: -webkit-flex;
	margin: 40px auto; 
	max-width: 1000px;
}
.topSearchBlock .head {
	color: #c00;
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
	font-size: 1.25rem;
	font-weight: bold;
	margin-bottom: .7em;
}
.topSearchBlock.clm4 {
	align-items: flex-start;
	justify-content: space-between;
	margin: 40px auto; 
	max-width: 1400px;
}
.topSearchBlock.clm4 .block {
	border-right: 0;
	flex-basis: 25%;
	max-width: 25%;
	min-height: 180px; 
	padding: 0 1%;
	position: relative;
}
.topSearchBlock.clm4 .block .head a {
	color: #c00;
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
	font-size: 1.25rem;
	font-weight: bold;
	margin-bottom: .7em;
}
.topSearchBlock.clm4 .block .formArea form {
	display: flex;
	display: -o-flex;
	display: -ms-flex;
	display: -moz-flex;
	display: -webkit-flex;
	justify-content: space-between;
}
.topSearchBlock.clm4 .block .formArea form input[type="text"] {
	flex: 1;
}
.topSearchBlock.clm4 .block .formArea form .selectWrap {
	margin-right: 5px;
}
.topSearchBlock.clm4 .block .formArea form .select {
	padding: .9em 30px .9em 10px;
}
.topSearchBlock.clm4 .block .formArea form input[type="text"] {
	min-width: 150px; 
	padding: .9em;
}
.topSearchBlock.clm4 .block .formArea form input[type="button"], .topSearchBlock.clm4 .block .formArea form input[type="submit"] {
	background: #c00;
	border: none;
	color: #fff;
	font-family: "yubin";
	font-size: 28px;
	margin-left: 8px; 
	padding: 8px;
	vertical-align: bottom;
}
.topSearchBlock.clm4 .block ul {
	margin-top: 10px;
}
.topSearchBlock.clm4 .block ul li {
	padding-left: 0; 
	text-indent: 0;
}
.topSearchBlock.clm4 .block .arrowLink li {
	font-size: .85rem;
}
.topSearchBlock.clm4 .block:after {
	border-right: 2px solid #eee;
	bottom: 0; 
	content: "";
	height: 90px;
	margin: auto;
	position: absolute;
	right: 0;
	top: 0;
}
.topSearchBlock.clm4 .block:last-child:after {
	border-right: 0;
}
.topSearchBlock.clm4 .postsearch {
	flex-basis: 26.66%;
	max-width: 26.66%;
}
.topSearchBlock.clm4 .postsearch .head span:before {
	content: "\e93f";
	font-family: "yubin";
	font-size: 48px;
	font-weight: normal;
	line-height: 0;
	margin-right: 8px; 
	position: relative;
	top: 14px;
}
.topSearchBlock.clm4 .zipsearch {
	flex-basis: 26.66%;
	max-width: 26.66%;
}
.topSearchBlock.clm4 .zipsearch .head span:before {
	content: "\e945";
	font-family: "yubin";
	font-size: 48px;
	font-weight: normal;
	line-height: 0;
	margin-right: 8px; 
	position: relative;
	top: 14px;
}
.topSearchBlock.clm4 .zipsearch dl dt select:after {
	content: "\e93f"; 
	font-family: "yubin";
}
.topSearchBlock.clm4 .zipsearch dl dt .selectWrap {
	flex-basis: 35%;
}
.topSearchBlock.clm4 .zipsearch dl dt input {
	flex-basis: 63%;
}
.topSearchBlock.clm4 .tracking {
	flex-basis: 26.66%;
	max-width: 26.66%;
}
.topSearchBlock.clm4 .tracking .head span:before {
	content: "\e944";
	font-family: "yubin";
	font-size: 48px;
	font-weight: normal;
	line-height: 0;
	margin-right: 8px; 
	position: relative;
	top: 14px;
}
.topSearchBlock.clm4 .tracking .formArea form {
	display: flex;
	display: -o-flex;
	display: -ms-flex;
	display: -moz-flex;
	display: -webkit-flex;
	justify-content: space-between;
}
.topSearchBlock.clm4 .tracking .formArea form input[type="text"] {
	flex: 1;
}
.topSearchBlock.clm4 .redeli {
	flex-basis: 20%;
	max-width: 20%;
}
.topSearchBlock.clm4 .redeli .head:before {
	content: "\e990";
	font-family: "yubin";
	font-size: 48px;
	font-weight: normal;
	line-height: 0;
	margin-right: 8px; 
	position: relative;
	top: 14px;
}
.topSearchBlock.clm4 .redeli a.btnM {
	padding: .7em;
}

/* 郵便PC幅幅 */
@media screen and (min-width: 751px) and (max-width: 1366px) {
	.topSearchBlock.clm4 {
		padding: 0 !important;
	}
	.topSearchBlock.clm4 .block .head {
		font-size: 1.5vw;
	}
	.topSearchBlock.clm4 .block .formArea form input[type="text"] {
		min-width: auto;
		padding: .9em .5em;
	}
	.topSearchBlock.clm4 .zipsearch {
		flex-basis: 30%;
		max-width: 30%;
	}
	.topSearchBlock.clm4 .postsearch {
		flex-basis: 25%;
		max-width: 25%;
	}
	.topSearchBlock.clm4 .tracking {
		flex-basis: 25%;
		max-width: 25%;
		/*padding:0 2% 0 0;*/
	}
	.topSearchBlock.clm4 .tracking .flex .formArea {
		flex-basis: 60%;
	}
	.topSearchBlock.clm4 .tracking .flex .option {
		flex-basis: 40%;
		padding-left: 2%;
	}
	.topSearchBlock.clm4 .redeli {
		flex-basis: 20%;
		max-width: 20%;
		/*padding:0 0 0 2%;*/
	}
}

/* yubinpc */
@media screen and (min-width: 751px) and (max-width: 1200px) {
	.topSearchBlock.clm4 .block .head {
		font-size: 1.5vw;
	}
	.topSearchBlock.clm4 .block .head:before {
		font-size: 42px;
		margin-right: 0em;
	}
}

/* pc */
/* tablet */
@media screen and (min-width: 751px) and (max-width: 1024px) {
	.topSearchBlock.clm4 {
		flex-wrap: wrap;
		justify-content: space-between;
		margin: 20px auto -20px;
	}
	.topSearchBlock.clm4 .block {
		flex-basis: 48%;
		max-width: 48%;
	}
	.topSearchBlock.clm4 .block .head {
		font-size: 1.25rem;
	}
	.topSearchBlock.clm4 .block.zipsearch {
		margin-bottom: 10px;
	}
	.topSearchBlock.clm4 .block.postsearch {
		margin-bottom: 10px;
	}
	.topSearchBlock.clm4 .block:after {
		border-right: 0;
	}
}

/* yubinpc */
@media screen and (max-width: 750px) {
	/* トップ追跡・再配達 */
	.topSearchBlock.clm4 {
		border-bottom: 10px solid #eee;
		display: block; 
		margin: 30px auto 40px;
	}
	.topSearchBlock.clm4.clm4 .block {
		border-bottom: 2px solid #eee; 
		flex-basis: 100%;
		max-width: 100%;
		min-height: auto;
		padding: 15px 0;
	}
	.topSearchBlock.clm4.clm4 .block:after {
		border-right: 0;
	}
	.topSearchBlock.clm4.clm4 .block:last-child {
		border-bottom: 0;
	}
}

/* sp */
/* sp */
/* トップ　郵便ボタンメニュー */
.topService {
	margin: 50px auto;
}
.topService .contBox {
	padding-bottom: 20px;
}
.topService .contBox ul.btnRed li small {
	font-size: 70%;
}
.topService .contBox ul.btnRed li a {
	line-height: 1.1;
}
.topService .contBox ul.btnRed li a span {
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
	font-weight: bold;
	margin-left: 70px;
	padding-left: 70px;
}
.topService .contBox ul.btnRed li a:hover {
	background: #faecea;
	text-decoration: none;
}
.topService .contBox ul.btnRed li a.icon:before {
	color: #c00;
	font-size: 46px; 
	font-weight: normal;
	left: 11%;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
}
.topService .contBox ul.btnRed li a.day:before {
	content: "\e937"; 
	font-family: "yubin";
}
.topService .contBox ul.btnRed li a.fee:before {
	content: "\e939"; 
	font-family: "yubin";
}
.topService .contBox ul.btnRed li a.pickup:before {
	content: "\e93e"; 
	font-family: "yubin";
}
.topService .contBox ul.btnRed li a.make:before {
	content: "\e93d"; 
	font-family: "yubin";
}
.topService .contBox ul.btnRed li a.compare:before {
	content: "\e98e"; 
	font-family: "yubin";
}
.topService .contBox ul.btnRed.clm1 li a {
	padding: 30px 10px;
}
.topService .contBox ul.btnRed.clm1 li a span {
	margin: auto;
	padding-left: 0;
}
.topService .contBox ul.btnRed.clm1 li a.icon:before {
	bottom: 0;
	left: -21%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
.topService .contBox ul.btnRed.clm1 li _:lang(x)::-ms-backdrop, .topService .contBox ul.btnRed.clm1 li a.icon:before {
	/* IE */
	left: -17%;
	vertical-align: bottom;
}

/* tablet */
@media screen and (min-width: 751px) and (max-width: 1024px) {
	.topService .contBox ul.btnRed li a span {
		line-height: 1.2;
		padding-left: 42px;
		padding-right: 30px;
	}
	.topService .contBox ul.btnRed li a.icon:before {
		font-size: 35px;
	}
}

/* yubinpc */
@media screen and (max-width: 750px) {
	/* トップ　郵便ボタンメニュー */
	.visualblockA.topService {
		margin: 20px auto;
	}
	.visualblockA.topService .contBox ul.btnRed li a span {
		padding-left: 0;
	}
	.visualblockA.topService .contBox ul.btnRed.arrowR.clm2 li {
		width: 48%;
	}
	.visualblockA.topService .contBox ul.btnRed.arrowR.clm2 li a {
		line-height: 1;
		padding: 8px 3% 8px 0; 
		text-align: center;
	}
	.visualblockA.topService .contBox ul.btnRed.arrowR.clm2 li a span {
		display: block;
		font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
		font-size: 1rem; 
		font-weight: bold;
		line-height: 1.3;
		margin-left: 0;
	}
	.visualblockA.topService .contBox ul.btnRed.arrowR.clm2 li a span br {
		font-size: 0px;
	}
	.visualblockA.topService .contBox ul.btnRed.arrowR.clm2 li a:hover {
		background: #faecea;
		text-decoration: none;
	}
	.visualblockA.topService .contBox ul.btnRed.arrowR.clm2 li a.icon:before {
		color: #c00;
		display: block;
		font-weight: normal;
		line-height: 1;
		position: static;
		transform: none;
	}
	.visualblockA.topService .contBox ul.btnRed.clm1 li span {
		padding-left: 10%; 
		transform: translate(0%, -50%);
	}
	.visualblockA.topService .contBox ul.btnRed.clm1 li a.icon:before {
		bottom: -10px; 
		left: -2.3em;
	}
}

/* sp */
/* sp */
/* トップ　銀行と保険のサービス */
.topFinance .contBox .head:before {
	color: #c00;
	font-size: 40px;
	font-weight: normal;
	line-height: 0;
	margin-right: 4px; 
	position: relative;
	top: 8px;
}

.topFinance .contBox .head.junbi:before {
	content: "\e94b"; 
	font-family: "yubin";
}

.topFinance .contBox .head.sonaeru:before {
	content: "\e94d"; 
	font-family: "yubin";
}

.topFinance .contBox .head.nokosu:before {
	content: "\e94c"; 
	font-family: "yubin";
}

.topFinance .contBox .head.fuyasu:before {
	content: "\e94a"; 
	font-family: "yubin";
}

@media screen and (max-width: 750px) {
	/* トップ　銀行と保険のサービス */
	.topFinance .contBox div.clm2 {
		display: block;
	}
	.topFinance .contBox div.clm2 .clm {
		margin-bottom: 15px;
		padding-bottom: 10px; 
		width: 100%;
	}
	.topFinance .contBox div.clm2 .arrowLink {
		font-size: .9rem;
		margin-top: 10px;
	}
	.topFinance .contBox div.clm2 .arrowLink li {
		margin-bottom: .5em; 
		padding-left: 0;
		text-indent: 0;
	}
}

/* sp */
/* sp */
@media screen and (max-width: 750px) {
	/* トップ 関連施設 */
	.relatedbnrArea.bgG.pd {
		padding-bottom: 30px;
	}
	.relatedbnrArea .slidebnr.swiper-container {
		margin: 40px auto 0;
	}
	.relatedbnrArea .slidebnr.swiper-container .swiper-slide {
		text-align: center !important;
	}
	.relatedbnrArea .slidebnr.swiper-container .swiper-pagination-bullets {
		margin-top: 30px; 
		position: relative;
	}
	.relatedbnrArea .slidebnr.swiper-container .swiper-button-prev {
		top: 40px !important;
	}
	.relatedbnrArea .slidebnr.swiper-container .swiper-button-next {
		right: 30px !important; 
		top: 40px !important;
	}
}

/* sp */
/* sp */
/*  service
----------------------------------------------- */
.popular_product.swiper-container {
	padding-bottom: 0 !important;
}

@media screen and (max-width: 750px) {
	.popular_product.swiper-container {
		padding-bottom: 0 !important;
	}
}

/* sp */
.page_service .serviceIcon {
	position: relative;
}
.page_service .serviceIcon ul.icon {
	bottom: 20%;
	display: flex;
	display: -o-flex;
	display: -ms-flex;
	display: -moz-flex;
	display: -webkit-flex;
	position: absolute;
	right: 0;
	text-align: center;
}
.page_service .serviceIcon ul.icon li {
	background: #fff;
	border: 1px solid #c00;
	border-radius: 3px;
	height: 50px;
	margin-right: 10px;
	position: relative; 
	width: 50px;
}
.page_service .serviceIcon ul.icon li span {
	bottom: 2px;
	display: block;
	font-family: "Noto Sans Japanese", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo,sans-serifsans-serif;
	font-size: 6px;
	font-size: 10px;
	font-weight: 400;
	left: 0;
	line-height: 1; 
	margin: auto;
	position: absolute;
	right: 0;
	-webkit-transform: scale(.9);
	transform: scale(.9);
	-webkit-transform-origin: left center;
	transform-origin: left center;
	/*width: 188.888%;*/
	width: calc(100%/.9);
}
.page_service .serviceIcon ul.icon li span:before {
	display: block;
	font-size: 38px; 
	font-weight: normal;
}
.page_service .serviceIcon ul.icon li span.toukan:before {
	content: "\e980"; 
	font-family: "yubin";
}
.page_service .serviceIcon ul.icon li span.shuka:before {
	content: "\e93e"; 
	font-family: "yubin";
}
.page_service .serviceIcon ul.icon li span.tsuiseki:before {
	content: "\e944"; 
	font-family: "yubin";
}
.page_service .serviceIcon ul.icon li span.jikan:before {
	content: "\e979"; 
	font-family: "yubin";
}
.page_service .serviceIcon ul.icon li span.conveni:before {
	content: "\e936"; 
	font-family: "yubin";
}
.page_service .serviceIcon ul.icon li:last-child {
	margin-right: 0;
}

.page_service .serviceList {
	margin-bottom: 30px;
}
.page_service .serviceList .boxGray {
	padding: 20px 30px;
}
.page_service .serviceList h3.arrowR {
	font-size: 1.05rem; 
	padding: .3em 0;
}
.page_service .serviceList h3.arrowR a {
	color: #c00;
}
.page_service .serviceList h3.arrowR a[target="_blank"]:after {
	color: #c00;
	content: "\e924";
	font-family: "yubin";
	font-size: 86%;
	font-weight: normal; 
	margin-left: .3em;
}
.page_service .serviceList h3.arrowR.serviceIcon {
	padding: .5em 0 1.25em;
}
.page_service .serviceList h3.lline {
	font-size: 1.15rem;
	margin-bottom: .9em;
}
.page_service .serviceList h4 {
	font-size: 1em;
	margin: 1.5em 0 .4em;
}
.page_service .serviceList ul.arrowR {
	margin: 20px auto;
}
.page_service .serviceList ul.arrowR li {
	font-size: .8rem; 
	margin: .4em 0;
}
.page_service .serviceList ul.arrowR a {
	color: #333;
}
.page_service .serviceList ul.arrowR:last-of-type {
	margin-bottom: 0;
}
.page_service .serviceList h4.simple + ul.arrowR {
	margin-top: 0;
}
.page_service .serviceList .clm2 {
	justify-content: space-between;
}
.page_service .serviceList .clm2 .clm {
	width: 49%;
}

/* page_service */
@media screen and (max-width: 750px) {
	.page_service .serviceIcon ul.icon li {
		height: 42px;
		margin-right: 4px; 
		width: 42px;
	}
	.page_service .serviceIcon ul.icon li span {
		font-size: 10px;
		letter-spacing: -.1em;
		position: relative; 
		-webkit-transform: scale(.85);
		transform: scale(.85);
		/*width: 188.888%;*/
		width: calc(100%/.85);
	}
	.page_service .serviceIcon ul.icon li span:before {
		display: block;
		font-size: 38px;
		font-weight: normal;
		line-height: .9;
	}
	.page_service .serviceList .boxGray2 {
		padding: 20px 12px;
	}
	.page_service .serviceList h3.arrowR {
		font-size: 1rem; 
		padding: .3em 0;
	}
	.page_service .serviceList h3.arrowR a {
		color: #c00;
	}
	.page_service .serviceList ul.arrowR li {
		font-size: .74rem;
		margin: .8em 0;
		/* width:49%;*/
	}
	.page_service .serviceList h4.simple + ul.arrowR {
		margin-top: 0;
	}
	.page_service .serviceList .clm2 {
		display: block !important;
	}
	.page_service .serviceList .clm2 .clm {
		width: 100%;
	}
	.page_service .serviceList .boxGray2 ul.arrowR li:before {
		margin-right: .3em;
	}
	.page_service .serviceList .boxGray2 ul.clm2sp {
		justify-content: space-between;
	}
	.page_service .serviceList .boxGray2 ul.clm2sp li {
		flex-basis: 47%;
		max-width: 47%;
	}
	/* page_service */
}

/* sp */
/* sp */
/*  send
----------------------------------------------- */
.compareBoxS {
	margin-top: 30px;
	position: relative;
}
.compareBoxS p.more {
	position: absolute;
	right: 0;
	top: 10px;
}
.compareBoxS .head4 {
	font-size: 1.1rem;
	margin-top: 0;
}
.compareBoxS .inner {
	display: flex; 
	display: -o-flex;
	display: -ms-flex;
	display: -moz-flex;
	display: -webkit-flex;
}
.compareBoxS .inner .step .balloon {
	border: 1px solid #ccc;
	margin-right: 30px;
	padding: 15px 25px;
	position: relative; 
	position: relative;
}
.compareBoxS .inner .step .balloon:before {
	border: 18px solid transparent;
	border-left: 18px solid #fff;
	content: "";
	margin-top: -12px;
	position: absolute;
	right: -36px;
	top: 50%;
	z-index: 2;
}
.compareBoxS .inner .step .balloon:after {
	border: 20px solid transparent;
	border-left: 20px solid #ccc;
	content: "";
	margin-top: -14px;
	position: absolute;
	right: -40px;
	top: 50%;
	z-index: 1;
}
.compareBoxS .inner .step.no2 {
	align-items: center;
	display: flex;
	display: -o-flex;
	display: -ms-flex;
	display: -moz-flex;
	display: -webkit-flex;
	flex: 1;
}
.compareBoxS .inner .step.no2 .balloon .sub {
	position: absolute;
	right: 20px;
	top: 15px;
}
.compareBoxS .inner .step.no2 .balloon .sub a {
	background: #c00;
	border-radius: 5px; 
	color: #fff;
	font-size: .8em;
	padding: .2em .8em;
}
.compareBoxS .inner dl {
	align-items: center; 
	display: flex;
	display: -o-flex;
	display: -ms-flex;
	display: -moz-flex;
	display: -webkit-flex;
	margin-bottom: 10px;
}
.compareBoxS .inner dl dt {
	border: 1px solid #c00;
	color: #c00;
	font-family: "Noto Sans Japanese", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo,sans-serifsans-serif;
	font-weight: 400;
	margin-right: 8px; 
	padding: .6em 0;
	text-align: center;
	width: 5em;
}
.compareBoxS .inner dl:last-child {
	margin-bottom: 0;
}
.compareBoxS .inner dl.size ul.item input[type="text"] {
	margin-right: 4px; 
	width: 8em;
}
.compareBoxS .inner dl.size ul.item li:after {
	color: #aaa;
	content: "\e912";
	font-family: "yubin";
	font-size: 30px;
	margin: 0 5px;
	position: relative;
	top: .2em;
}
.compareBoxS .inner dl.size ul.item li:last-child:after {
	content: none;
	margin: 0;
}
.compareBoxS .inner .btnArea {
	flex: 1;
}
.compareBoxS .inner .btnArea input {
	font-family: "yubin","Noto Sans Japanese", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo,sans-serifsans-serif;
	width: 100%;
}

@media screen and (max-width: 750px) {
	.compareBoxS .head4 {
		font-size: 1rem;
	}
	.compareBoxS p.more {
		position: static;
	}
	.compareBoxS .inner {
		display: block;
	}
	.compareBoxS .inner .step .balloon {
		margin-bottom: 30px;
		margin-right: 0;
		padding: 15px; 
		position: relative;
	}
	.compareBoxS .inner .step .balloon:before, .compareBoxS .inner .step .balloon:after {
		border: none;
		margin-top: 0; 
		position: static;
	}
	.compareBoxS .inner .step .balloon:after {
		bottom: -30px;
		color: #a0a0a0;
		content: "\f0d7";
		display: block;
		font-family: "yubin";
		font-size: 30px;
		left: 0;
		margin: auto;
		position: absolute;
		right: 0;
		top: auto; 
		width: 30px;
	}
	.compareBoxS .inner .step .selectWrap {
		width: 100%;
	}
	.compareBoxS .inner .step.no2 {
		display: block;
		margin-bottom: 0;
	}
	.compareBoxS .inner .step.no2 .balloon:after {
		content: none;
	}
	.compareBoxS .inner dl dt {
		flex-basis: 25%; 
		max-width: 25%;
	}
	.compareBoxS .inner dl dd {
		flex: 1;
	}
	.compareBoxS .inner dl.size ul.item {
		display: block;
	}
	.compareBoxS .inner dl.size ul.item input[type="text"] {
		margin-right: 4px; 
		width: calc(100% - 2.5em);
	}
	.compareBoxS .inner dl.size ul.item li:after {
		content: none;
	}
	.compareBoxS .inner ul.item {
		display: block;
	}
	.compareBoxS .inner ul.item li {
		margin: 0 0 10px;
		width: 100%;
	}
	.compareBoxS .inner ul.item li:last-child {
		margin-bottom: 0;
		width: 100%;
	}
}

/* sp */
/* sp */
.formArea.compare p.more a {
	color: #c00;
}

.formArea.compare input[type="checkbox"] + label, .formArea.compare input[type="radio"] + label {
	background: #fff;
	border: 1px solid #646464;
	color: #646464;
	display: block;
}

.formArea.compare input[type="checkbox"] + label:before {
	font-size: 22px; 
	margin: -4px 3px 0 0;
}

.formArea.compare input[type="checkbox"]:checked + label, .formArea.compare input[type="radio"]:checked + label {
	background: #c00;
	border: 1px solid #c00;
	color: #fff;
}
.formArea.compare input[type="checkbox"]:checked + label:before, .formArea.compare input[type="radio"]:checked + label:before {
	color: #fff;
}

.formArea.compare .fixedsub .sub a.btn {
	font-size: .9rem; 
	padding: .6em 1.3em;
}

.formArea.compare ul.flex.size_x li:after {
	content: "\e912";
	font-family: "yubin";
	margin: 0 .8em;
}

.formArea.compare ul.flex.size_x li:last-child:after {
	content: none;
}

.formArea.compare dl.compact .head:nth-of-type(n + 2) {
	margin-left: 10px;
}

.formArea.compare .simpletoggle {
	background: #fff;
	border: 1px solid #c00;
	border-radius: 5px; 
	padding: 10px 15px;
}
.formArea.compare .simpletoggle .parent {
	border: 0;
	margin: 0; 
	padding: 8px 10px 8px 60px;
}
.formArea.compare .simpletoggle .parent:before {
	left: 0px;
	right: auto;
	top: -2px;
}
.formArea.compare .simpletoggle .parent.active {
	border-bottom: 1px solid #c8c8c8;
	padding-bottom: 15px;
}
.formArea.compare .simpletoggle .parent.active:before {
	top: -6px;
}
.formArea.compare .simpletoggle.narrow .option {
	justify-content: space-between;
}
.formArea.compare .simpletoggle.narrow .option li {
	flex-basis: 32%;
	margin: 0 0 8px;
	position: relative;
}
.formArea.compare .simpletoggle.narrow .option li label {
	display: block;
	font-size: .8rem;
	text-align: center;
}
.formArea.compare .simpletoggle.narrow .option input[type="checkbox"] + label:before {
	bottom: 0;
	height: 22px;
	left: 4px;
	line-height: 22px; 
	margin: auto;
	position: absolute;
	top: 0;
}

.formArea.compare .howtosubmit li {
	display: flex; 
	display: -o-flex;
	display: -ms-flex;
	display: -moz-flex;
	display: -webkit-flex;
	margin: 0 0 10px;
}

.formArea.compare .howtosubmit label {
	background: #c00;
	color: #fff;
	display: block;
	flex: 1; 
	font-size: .8rem;
	text-align: center;
}
.formArea.compare .howtosubmit label i:before {
	color: #737373;
	content: "\e92b";
	display: inline-block;
	font-family: "yubin";
	font-size: 22px;
	font-style: normal; 
	margin: -1px 3px 0 0;
	vertical-align: middle;
}
.formArea.compare .howtosubmit label small {
	font-size: .7em;
}

.formArea.compare .howtosubmit input[type="checkbox"]:checked + label i:before {
	color: #fff;
	content: "\e92a";
	font-family: "yubin";
}

.formArea.compare .howtosubmit input[type="checkbox"] + label:before {
	color: #646464;
	display: block;
	font-size: 46px;
	font-weight: normal;
}

.formArea.compare .howtosubmit input[type="checkbox"]:checked + label:before {
	color: #fff;
}

.formArea.compare .howtosubmit label.pickup:before {
	content: "\e93e"; 
	font-family: "yubin";
}

.formArea.compare .howtosubmit label.toukan:before {
	content: "\e980"; 
	font-family: "yubin";
}

.formArea.compare .howtosubmit label.conveni:before {
	content: "\e936"; 
	font-family: "yubin";
}

.formArea.compare.result .narrow.result .detail .box {
	margin-bottom: 6px;
}
.formArea.compare.result .narrow.result .detail .box > dd {
	display: flex;
	display: -o-flex;
	display: -ms-flex;
	display: -moz-flex;
	display: -webkit-flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.formArea.compare.result .narrow.result .detail .box > dd > * {
	flex-basis: 49%;
}
.formArea.compare.result .narrow.result .detail .box > dd dl.compact {
	align-items: center;
}
.formArea.compare.result .narrow.result .detail .box > dd dl.compact ul.flex {
	align-items: center;
}

.formArea.compare.result .narrow.result .refine {
	display: flex;
	display: -o-flex;
	display: -ms-flex;
	display: -moz-flex;
	display: -webkit-flex;
	justify-content: space-between;
	/*.option{flex-basis:50%;
					ul.item{@include flex; justify-content: space-between;
						li{margin:0 5px 6px 0; font-size:0.9rem;flex-basis:32%;}
					}
				}*/
}
.formArea.compare.result .narrow.result .refine .head4 {
	font-size: 1rem;
}
.formArea.compare.result .narrow.result .refine .howtosubmit {
	flex-basis: 50%;
}
.formArea.compare.result .narrow.result .refine .howtosubmit ul.item {
	display: flex;
	display: -o-flex;
	display: -ms-flex;
	display: -moz-flex;
	display: -webkit-flex;
	justify-content: space-between;
}
.formArea.compare.result .narrow.result .refine .howtosubmit ul.item li {
	flex-basis: 32%;
}
.formArea.compare.result .narrow.result .refine .option {
	flex-basis: 48%; 
	justify-content: space-between;
}
.formArea.compare.result .narrow.result .refine .option li {
	flex-basis: 32%;
	margin: 0 0 8px;
	position: relative;
}
.formArea.compare.result .narrow.result .refine .option li label {
	display: block;
	font-size: .8rem;
	text-align: center;
}
.formArea.compare.result .narrow.result .refine .option input[type="checkbox"] + label:before {
	bottom: 0;
	height: 22px;
	left: 4px;
	line-height: 22px; 
	margin: auto;
	position: absolute;
	top: 0;
}

.formArea.compare .resultList {
	display: flex;
	display: -o-flex;
	display: -ms-flex;
	display: -moz-flex;
	display: -webkit-flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: 30px;
}
.formArea.compare .resultList a {
	background: #fff;
	border: 1px solid #fff;
	display: block;
	flex-basis: 49%;
	margin-bottom: 18px; 
	max-width: 49%;
	padding: 15px 30px 15px 15px;
	position: relative;
	transition: .3s;
}
.formArea.compare .resultList a dl {
	display: flex; 
	display: -o-flex;
	display: -ms-flex;
	display: -moz-flex;
	display: -webkit-flex;
}
.formArea.compare .resultList a dl dt.img {
	align-items: center;
	background: #fff; 
	border: 1px solid #a0a0a0;
	display: -ms-flex;
	display: flex;
	display: -o-flex;
	display: -moz-flex;
	display: -webkit-flex;
	flex-basis: 42%;
	justify-content: center;
	max-width: 42%;
}
.formArea.compare .resultList a dl dd {
	flex-basis: 58%;
	max-width: 58%;
	padding-left: 2%;
}
.formArea.compare .resultList a dl dd .name {
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
	font-size: 1.2rem;
	font-weight: bold;
	margin-right: 8px;
}
.formArea.compare .resultList a dl dd .name .option {
	border: 1px solid #c00;
	color: #c00;
	display: inline-block;
	font-size: .75rem;
	margin-left: 3px; 
	padding: .2em .6em;
	position: relative;
	top: -3px;
}
.formArea.compare .resultList a dl dd .method li {
	display: inline-block;
}
.formArea.compare .resultList a dl dd .method li:before {
	color: #a0a0a0;
	font-family: "yubin";
	font-size: 28px;
	font-weight: normal;
	line-height: 1; 
	margin-right: 0;
}
.formArea.compare .resultList a dl dd .method li.active:before {
	color: #c00;
}
.formArea.compare .resultList a dl dd .method .pickup:before {
	content: "\e93e";
}
.formArea.compare .resultList a dl dd .method .post:before {
	content: "\e980";
	font-size: 30px;
}
.formArea.compare .resultList a dl dd .method .conveni:before {
	content: "\e936";
	font-size: 30px;
}
.formArea.compare .resultList a dl dd .spec {
	font-size: .84rem;
	margin: .3em 0 .6em;
}
.formArea.compare .resultList a dl dd .fee {
	align-items: center;
	border-top: 1px solid #a0a0a0;
	display: -moz-flex;
	display: flex;
	display: -o-flex;
	display: -ms-flex;
	display: -webkit-flex;
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
	font-weight: bold; 
	justify-content: space-between;
	padding: 8px 0;
}
.formArea.compare .resultList a dl dd .fee .price {
	font-size: 1.3rem;
}
.formArea.compare .resultList a:hover {
	background: #faecea;
	border: 1px solid #c00; 
	text-decoration: none;
}
.formArea.compare .resultList a:after {
	bottom: 0;
	color: #c00;
	content: "\f105";
	font-family: "yubin";
	font-size: 21px;
	height: 21px;
	line-height: 0; 
	margin: auto;
	position: absolute;
	right: 0;
	top: 0;
	width: 18px;
}

.formArea.compare .detailArea {
	background: #fff;
	padding: 20px;
}
.formArea.compare .detailArea .headArea {
	display: flex;
	display: -o-flex;
	display: -ms-flex;
	display: -moz-flex;
	display: -webkit-flex;
	justify-content: space-between;
	padding-bottom: 25px;
}
.formArea.compare .detailArea .headArea .product {
	display: flex; 
	display: -o-flex;
	display: -ms-flex;
	display: -moz-flex;
	display: -webkit-flex;
	flex-basis: 100%;
	max-width: 100%;
}
.formArea.compare .detailArea .headArea .product dt.img {
	align-items: center;
	border: 1px solid #a0a0a0;
	display: flex;
	display: -o-flex;
	display: -ms-flex;
	display: -moz-flex;
	display: -webkit-flex;
	flex-basis: 35%;
	justify-content: center; 
	max-width: 35%;
}
.formArea.compare .detailArea .headArea .product dd {
	flex: 1; 
	/*flex-basis:60%; max-width:60%; */
	padding-left: 3%;
}
.formArea.compare .detailArea .headArea .product dd .name {
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
	font-size: 1.3rem;
	font-weight: bold;
	margin-right: 8px;
}
.formArea.compare .detailArea .headArea .product dd .name .option {
	border: 1px solid #c00;
	color: #c00;
	display: inline-block;
	font-size: .75rem;
	padding: .2em .8em;
	position: relative;
	top: -.1em;
}
.formArea.compare .detailArea .headArea .product dd .spec {
	font-size: .9rem;
	margin: .3em 0 .6em;
}
.formArea.compare .detailArea .headArea .product dd .fee {
	align-items: center;
	border-top: 1px solid #a0a0a0;
	display: -moz-flex;
	display: flex;
	display: -o-flex;
	display: -ms-flex;
	display: -webkit-flex;
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
	font-weight: bold; 
	justify-content: space-between;
	padding: 12px 0;
}
.formArea.compare .detailArea .headArea .product dd .fee .price {
	font-size: 1.35rem;
}
.formArea.compare .detailArea .headArea .product dd #detail .fee:nth-child(n + 2) {
	font-family: "Noto Sans Japanese", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo,sans-serifsans-serif;
	font-size: .9rem;
	font-weight: 200;
	padding: 6px 0;
}
.formArea.compare .detailArea .headArea .product dd #detail .fee:nth-child(n + 2) .head {
	flex-basis: 24%;
	max-width: 24%;
	padding-left: 1em;
}
.formArea.compare .detailArea .headArea .product dd #detail .fee:nth-child(n + 2) .price {
	flex: 1; 
	font-size: 1rem;
	text-align: right;
}
.formArea.compare .detailArea .headArea .product dd #detail .fee:nth-child(n + 2) .price span {
	color: #c00; 
	display: block;
	font-size: .8rem;
	font-weight: 500;
}
.formArea.compare .detailArea .headArea .link {
	flex-basis: 35%;
	max-width: 35%;
}
.formArea.compare .detailArea .headArea .link dt {
	margin-bottom: 15px;
}
.formArea.compare .detailArea .headArea .link a[class^="btn"].slim {
	padding: 1.1em 1em;
}
.formArea.compare .detailArea .moreLinkArea {
	margin-left: auto; 
	margin-right: 0;
	width: 35%;
}
.formArea.compare .detailArea .bodyArea {
	border-bottom: 1px solid #a0a0a0;
	border-top: 1px solid #a0a0a0;
	display: flex;
	display: -o-flex;
	display: -ms-flex;
	display: -moz-flex;
	display: -webkit-flex;
	justify-content: space-between; 
	padding: 20px 0;
}
.formArea.compare .detailArea .bodyArea .clm {
	flex-basis: 35%;
	max-width: 35%;
}
.formArea.compare .detailArea .bodyArea .clm .head {
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
	font-size: 1.05rem;
	font-weight: bold;
	margin-bottom: .3em;
}
.formArea.compare .detailArea .bodyArea .clm .tooltipBox .label:before {
	font-size: 22px;
	line-height: 0;
	top: 3px;
}
.formArea.compare .detailArea .bodyArea .clm .tooltipBox .label:hover:before {
	background: #fff;
	border-radius: 11px;
}
.formArea.compare .detailArea .bodyArea .clm.slim {
	flex-basis: 28%;
	max-width: 28%;
}
.formArea.compare .detailArea .bodyArea table {
	border-collapse: separate;
	border-spacing: 4px; 
	font-size: .75rem;
	text-align: left;
	width: 100%;
}
.formArea.compare .detailArea .bodyArea table th, .formArea.compare .detailArea .bodyArea table td {
	padding: .5em;
}
.formArea.compare .detailArea .bodyArea table th {
	background: #eee; 
	font-weight: normal;
}
.formArea.compare .detailArea .bodyArea table td {
	background: #f7f7f7; 
	font-weight: normal;
}
.formArea.compare .detailArea .bodyArea ul.method {
	display: flex;
	display: -o-flex;
	display: -ms-flex;
	display: -moz-flex;
	display: -webkit-flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-bottom: 15px;
}
.formArea.compare .detailArea .bodyArea ul.method li {
	border: 1px solid #c00;
	border-radius: 5px;
	color: #c00;
	flex-basis: 31%;
	font-size: 13px;
	line-height: 1.1; 
	max-width: 31%;
	padding: 2px 0 8px;
	text-align: center;
}
.formArea.compare .detailArea .bodyArea ul.method li.pickup:before {
	content: "\e93e";
	display: block;
	font-family: "yubin";
	font-size: 46px;
	line-height: 1;
}
.formArea.compare .detailArea .bodyArea ul.method li.post:before {
	content: "\e980";
	display: block;
	font-family: "yubin";
	font-size: 46px;
	line-height: 1;
}
.formArea.compare .detailArea .bodyArea ul.method li.conveni:before {
	content: "\e936";
	display: block;
	font-family: "yubin";
	font-size: 46px;
	line-height: 1;
}
.formArea.compare .detailArea .bodyArea ul.method li.off {
	border: 1px solid #a0a0a0; 
	color: #a0a0a0;
}
.formArea.compare .detailArea .bodyArea .bnr a {
	align-items: center;
	border: 1px solid #a0a0a0;
	border-radius: 5px;
	display: -webkit-flex;
	display: flex;
	display: -o-flex;
	display: -ms-flex;
	display: -moz-flex;
	font-family: "Noto Sans Japanese", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo,sans-serifsans-serif;
	font-size: .9rem;
	padding: 5px;
	transition: .3s;
}
.formArea.compare .detailArea .bodyArea .bnr a .img {
	flex-basis: 20%;
	max-width: 20%;
}
.formArea.compare .detailArea .bodyArea .bnr a .text {
	flex: 1;
	font-size: .85rem; 
	padding-left: 10px;
}
.formArea.compare .detailArea .bodyArea .bnr a:nth-child(n + 2) {
	margin-top: 6px;
}
.formArea.compare .detailArea .bodyArea .bnr a:hover {
	background: #faecea;
}
.formArea.compare .detailArea .btnArea {
	margin: 15px auto;
}

/* 郵便PC幅幅 */
@media screen and (min-width: 751px) and (max-width: 1366px) {
	.formArea.compare .resultList a dl dd .name .option {
		display: block;
		margin-left: 0;
		margin-top: 3px; 
		max-width: 60%;
		text-align: center;
	}
}

/* yubinpc */
/* tablet */
@media screen and (min-width: 751px) and (max-width: 1024px) {
	.formArea.compare .detailArea .moreLinkArea {
		margin: auto;
		width: 50%;
	}
}

/* yubinpc */
@media screen and (max-width: 750px) {
	.formArea.compare .head3-simple {
		font-size: 1.1rem;
	}
	.formArea.compare .head4 {
		font-size: 1rem;
	}
	.formArea.compare .simpletoggle .parent {
		padding: 6px 10px 6px 50px;
	}
	.formArea.compare dl.box dl.compact dd ul.flex:first-child {
		display: flex;
		display: -o-flex;
		display: -ms-flex;
		display: -moz-flex;
		display: -webkit-flex;
		flex-wrap: wrap;
	}
	.formArea.compare dl.box dl.compact dd ul.flex:first-child li {
		flex-basis: 72%;
		max-width: 72%;
		padding-left: 4%;
	}
	.formArea.compare dl.box dl.compact dd ul.flex:first-child li.head {
		flex-basis: auto;
		margin: 0;
		max-width: auto;
		padding-left: 0; 
		width: 5em;
	}
	.formArea.compare dl.box dl.compact dd .selectWrap {
		width: 100%;
	}
	.formArea.compare dl.box dl.compact dd .selectWrap .select {
		padding: 1.1em 40px 1.1em 10px;
	}
	.formArea.compare dl.box dl.compact dd ul.flex.size_x li {
		flex-basis: 100%;
		max-width: 100%;
	}
	.formArea.compare dl .fixedsub dl.compact dd {
		/*ul.flex{
					@include flex; flex-wrap:wrap;
					li{flex-basis:73%; max-width:73%;padding-left:2%;}
					li.head{flex-basis:27%; max-width:27%; margin:0; padding-left:0; }
				}*/
	}
	.formArea.compare dl .fixedsub .sub {
		margin-top: 15px;
	}
	.formArea.compare dl .fixedsub .sub a.btn {
		padding: 1em 1em;
	}
	.formArea.compare dl.compact {
		align-items: stretch;
	}
	.formArea.compare ul.flex {
		display: block;
	}
	.formArea.compare ul.flex li {
		margin-bottom: 6px;
	}
	.formArea.compare ul.flex li:last-child {
		margin-bottom: 0;
	}
	.formArea.compare ul.flex li:after {
		content: none;
	}
	.formArea.compare ul.flex.size_x li:after {
		display: block;
		font-weight: bold; 
		margin: 6px 0 0 -15%;
		text-align: center;
	}
	.formArea.compare .simpletoggle {
		background: #fff;
		border: 1px solid #c00;
		border-radius: 5px; 
		padding: 10px 15px;
	}
	.formArea.compare .simpletoggle.narrow .howtosubmit li input[type="checkbox"] + label {
		font-size: .8rem; 
		padding: .8em .2em;
	}
	.formArea.compare .simpletoggle.narrow .option {
		justify-content: flex-start;
	}
	.formArea.compare .simpletoggle.narrow .option li {
		/*flex-basis:49%;*/
		flex-basis: auto;
		margin: 0 2px 8px;
		max-width: auto;
	}
	.formArea.compare .simpletoggle.narrow .option li label {
		display: block;
		font-size: .8rem;
	}
	.formArea.compare.result .narrow.result .detail .box > dd > * {
		flex-basis: 100%;
		max-width: 100%;
	}
	.formArea.compare.result .narrow.result .detail .box > dd dl.compact dt.head {
		width: 4em;
	}
	.formArea.compare.result .narrow.result .detail .box > dd dl.compact dd ul.flex li.head {
		font-size: .9rem;
	}
	.formArea.compare.result .narrow.result .detail .box > dd dl.compact dd ul.flex:first-of-type {
		display: flex; 
		display: -o-flex;
		display: -ms-flex;
		display: -moz-flex;
		display: -webkit-flex;
	}
	.formArea.compare.result .narrow.result .detail .box > dd dl.compact dd ul.flex:first-of-type li {
		flex-basis: 26%;
		margin-bottom: 0;
		max-width: 26%;
		padding-left: 2%;
	}
	.formArea.compare.result .narrow.result .detail .box > dd dl.compact dd ul.flex:first-of-type li.head {
		flex-basis: auto;
		margin-right: 2%; 
		max-width: none;
		padding-left: 0;
		width: 4em;
	}
	.formArea.compare.result .narrow.result .detail .box > dd dl.compact dd ul.flex.size_x {
		display: inline-block;
	}
	.formArea.compare.result .narrow.result .detail .box > dd dl.compact dd ul.flex.size_x li {
		display: inline-block;
		flex-basis: auto;
		max-width: none;
		padding-left: 0;
	}
	.formArea.compare.result .narrow.result .detail .box > dd dl.compact dd ul.flex.size_x li.head {
		width: 4em;
	}
	.formArea.compare.result .narrow.result .detail .box > dd dl.compact dd ul.flex.size_x li:after {
		display: inline-block;
		margin: 0 .2em;
	}
	.formArea.compare.result .narrow.result .refine {
		display: block;
	}
	.formArea.compare.result .narrow.result .refine > .howtosubmit, .formArea.compare.result .narrow.result .refine > .option {
		flex-basis: 100%;
		max-width: 100%;
	}
	.formArea.compare.result .narrow.result .refine .option ul.item li label {
		display: block;
		font-size: .8rem;
	}
	.formArea.compare .resultList {
		margin-top: 15px;
	}
	.formArea.compare .resultList a {
		border-radius: 0 0 10px 10px; 
		flex-basis: 100%;
		max-width: 100%;
		padding: 0;
	}
	.formArea.compare .resultList a dl {
		padding: 3%;
	}
	.formArea.compare .resultList a dl dd .name {
		font-size: 1.1rem;
	}
	.formArea.compare .resultList a dl dd .name .option {
		max-width: 100%;
	}
	.formArea.compare .resultList a .spDisp.more {
		border-top: 2px dashed #eee;
		font-family: "Noto Sans Japanese", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo,sans-serifsans-serif;
		font-size: .75rem;
		font-weight: 400;
		padding: .6em 0; 
		text-align: center;
	}
	.formArea.compare .resultList a .spDisp.more:before {
		color: #c00;
		content: "\f101";
		font-family: "yubin";
		margin-right: .2em;
	}
	.formArea.compare .resultList a:after {
		content: none;
		width: auto;
	}
	.formArea.compare .detailArea {
		padding: 3%;
	}
	.formArea.compare .detailArea .headArea {
		display: block;
		padding-bottom: 0;
	}
	.formArea.compare .detailArea .headArea dl.product {
		display: block;
		flex-basis: 100%; 
		max-width: 100%;
	}
	.formArea.compare .detailArea .headArea dl.product dt.img {
		display: block;
		flex-basis: 100%;
		max-width: 100%;
		text-align: center;
	}
	.formArea.compare .detailArea .headArea dl.product dd {
		flex-basis: 100%; 
		margin-top: 10px;
		max-width: 100%;
	}
	.formArea.compare .detailArea .headArea dl.product dd #detail .fee:nth-child(n + 2) .head {
		flex-basis: 30%;
		max-width: 30%;
		padding-left: 1em;
	}
	.formArea.compare .detailArea .headArea dl.link {
		flex-basis: 100%; 
		margin-top: 10px;
		max-width: 100%;
	}
	.formArea.compare .detailArea .headArea dl.link a[class^="btn"].slim {
		padding-right: 1.3em;
	}
	.formArea.compare .detailArea .bodyArea {
		display: block;
		flex-basis: 100%; 
		max-width: 100%;
	}
	.formArea.compare .detailArea .bodyArea .clm, .formArea.compare .detailArea .bodyArea .clm.slim {
		flex-basis: 100%; 
		max-width: 100%;
	}
	.formArea.compare .detailArea .bodyArea .clm:nth-child(n + 2) {
		margin-top: 15px;
	}
	.formArea.compare .detailArea .bodyArea table {
		font-size: .9rem;
	}
	.formArea.compare .detailArea .action .sp-lr10 {
		margin: 0 0 10px 0 !important;
	}
	.formArea.compare .detailArea .bottomBtn a {
		margin-bottom: 10px;
	}
}

/* sp */
.firstMsgModal {
	background: rgba(0, 0, 0, .6);
	display: none;
	height: 100%;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 1;
	/* sp */
}
.firstMsgModal .inner {
	background-color: #fff;
	border-radius: 5px;
	font-size: .9rem; 
	left: 50%;
	padding: 2%;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 50%;
	z-index: 2;
}
.firstMsgModal button {
	appearance: none; 
	background-color: transparent;
	border: none;
	cursor: pointer;
	outline: none;
	padding: 0;
}
.firstMsgModal button {
	background: #c00;
	border-radius: 5px;
	color: #fff;
	font-size: 1rem;
	min-width: 30%;
	padding: 1.1em 2em;
	transition: .3s;
}
.firstMsgModal button:hover {
	opacity: .7;
}
@media screen and (max-width: 750px) {
	.firstMsgModal {
		z-index: 101;
	}
	.firstMsgModal .inner {
		padding: 5%;
		width: 86%;
		z-index: 102;
	}
}

.slidename-compare .swiper-slide dl dd {
	min-height: 100px; 
	padding: 10px 15px;
}

.slidename-compare .swiper-slide .copy {
	background: #f7f7f7;
	color: #c00;
	font-family: "Noto Sans Japanese", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo,sans-serifsans-serif;
	font-size: .9rem;
	font-weight: 400;
	padding: .3em 0;
}

.slidename-compare .swiper-slide .name {
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
	font-size: 1rem;
	font-weight: bold;
	margin-right: 8px;
}
.slidename-compare .swiper-slide .name .option {
	border: 1px solid #c00;
	color: #c00;
	display: inline-block;
	font-size: .75rem;
	padding: .2em .8em;
	position: relative;
	top: -.1em;
}

.slidename-compare .swiper-slide .spec {
	font-size: .9rem;
	margin: .3em 0 .6em;
}

.slidename-compare .swiper-slide .fee {
	align-items: center;
	border-top: 1px solid #a0a0a0;
	display: -moz-flex;
	display: flex;
	display: -o-flex;
	display: -ms-flex;
	display: -webkit-flex;
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
	font-weight: bold; 
	justify-content: space-between;
	padding: 8px 0 0;
}
.slidename-compare .swiper-slide .fee .price {
	font-size: 1.35rem;
}

/*  newsrelease
----------------------------------------------- */
.slidepanel .newspickup .swiper-slide {
	background: #fff; 
	display: flex;
	display: -o-flex;
	display: -ms-flex;
	display: -moz-flex;
	display: -webkit-flex;
	flex-direction: column;
}

.slidepanel .newspickup .swiper-slide dl dd {
	min-height: 11em;
	padding-bottom: 1.5em; 
	position: relative;
}
.slidepanel .newspickup .swiper-slide dl dd .meta {
	font-size: .75rem;
	margin-bottom: 10px;
}
.slidepanel .newspickup .swiper-slide dl dd .meta span {
	display: inline-block;
	margin-bottom: 5px; 
	padding: .1em 1em;
}
.slidepanel .newspickup .swiper-slide dl dd .meta .cat {
	border: 1px solid #646464;
	color: #646464;
	margin-right: 4px;
}
.slidepanel .newspickup .swiper-slide dl dd .meta .tag {
	border: 1px solid #c00;
	color: #c00;
}
.slidepanel .newspickup .swiper-slide dl dd .title {
	font-size: 1rem;
}
.slidepanel .newspickup .swiper-slide dl dd .date {
	bottom: 10px; 
	font-size: .9rem;
	position: absolute;
	right: 15px;
	text-align: right;
}

.newsreleaseList dl {
	border-top: 1px solid #646464;
	margin: 1rem auto 2.5rem;
}
.newsreleaseList dl dd.meta span {
	display: inline-block;
	font-size: .8rem;
}
.newsreleaseList dl dd.meta .date {
	background: #646464;
	color: #fff;
	padding: .2em 1em;
}
.newsreleaseList dl dd.meta .cat {
	padding-left: .5em;
}
.newsreleaseList dl dt {
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
	font-size: 1rem; 
	font-weight: bold;
	margin: 1em 0 .8em 15px;
}
.newsreleaseList dl dt a {
	display: block;
}
.newsreleaseList dl dt a:before {
	content: "\f105";
	font-family: "yubin";
	margin-right: .4em;
}
.newsreleaseList dl dd.tag {
	margin-left: 15px;
}
.newsreleaseList dl dd.tag span {
	border: 1px solid #c00;
	color: #c00;
	display: inline-block; 
	font-size: .8rem;
	padding: 0 .6em;
}
.newsreleaseList dl dd.tag span:before {
	font-family: "yubin";
	font-size: 130%;
	margin-right: .2em;
	position: relative;
	top: .1em;
}
.newsreleaseList dl dd.tag .press:before {
	content: "\e969";
}
.newsreleaseList dl dd.tag .saigai:before {
	content: "\e901";
}
.newsreleaseList dl dd.tag .unkou:before {
	content: "\e968";
}
.newsreleaseList dl dd.tag .service:before {
	content: "\e971";
}
.newsreleaseList dl dd.tag .kitte:before {
	content: "\e96b";
}
.newsreleaseList dl dd.tag .event:before {
	content: "\e967";
}
.newsreleaseList dl dd.tag .keiei:before {
	content: "\e96a";
}

/*----------------------------------------------------------
	arhive area (json)
--------------------------------------------------------- */
.refineSearch .head {
	color: #c00;
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
	font-size: 1.1rem;
	font-weight: bold;
	margin: 0;
}

.refineSearch .head.period {
	margin-top: -10px;
}

.refineSearch .head.cat {
	margin: 10px 0 0 0;
}

.refineSearch button[type="submit"], .refineSearch input[type="submit"] {
	background: #fff;
	border: 1px solid #a0a0a0; 
	color: #a0a0a0;
}
.refineSearch button[type="submit"].active, .refineSearch input[type="submit"].active {
	background: #c00;
	border: 1px solid #c00;
	color: #fff;
}

.refineSearch ul.clm_year li {
	display: inline-block;
	margin-bottom: 10px;
	width: 12%;
}
.refineSearch ul.clm_year li button, .refineSearch ul.clm_year li input {
	width: 100%;
}

.refineSearch ul.clm_year.wide li {
	margin-right: .8%; 
	width: 18.5%;
}

.refineSearch ul.clm_year.wide li:nth-child(5n) {
	margin-right: 0;
}

.refineSearch dl.clm_cat {
	display: flex;
	display: -o-flex;
	display: -ms-flex;
	display: -moz-flex;
	display: -webkit-flex;
	justify-content: space-between;
}
.refineSearch dl.clm_cat dt {
	flex-basis: 18.5%; 
	max-width: 18.5%;
}
.refineSearch dl.clm_cat dt button, .refineSearch dl.clm_cat dt input {
	padding: 2.25em 0; 
	width: 100%;
}
.refineSearch dl.clm_cat dd {
	flex-basis: 81.5%;
	max-width: 81.5%;
	padding-left: 1%;
}
.refineSearch dl.clm_cat dd button, .refineSearch dl.clm_cat dd input {
	display: inline-block;
	margin-right: 1%;
	padding: .7em .5em !important;
	position: relative; 
	width: 23.5%;
}
.refineSearch dl.clm_cat dd button:nth-child(4n), .refineSearch dl.clm_cat dd input:nth-child(4n) {
	margin-right: 0;
}
.refineSearch dl.clm_cat dd button:nth-child(n + 5), .refineSearch dl.clm_cat dd input:nth-child(n + 5) {
	margin-top: .6em;
}
.refineSearch dl.clm_cat dd button i:before, .refineSearch dl.clm_cat dd input i:before {
	bottom: 0;
	color: #a0a0a0;
	font-family: "yubin";
	font-size: 20px;
	font-style: normal;
	height: 20px;
	left: 10px;
	line-height: 1; 
	margin: auto;
	position: absolute;
	top: 0;
}
.refineSearch dl.clm_cat dd button.active i:before, .refineSearch dl.clm_cat dd input.active i:before {
	color: #fff;
}
.refineSearch dl.clm_cat dd .press i:before {
	content: "\e969";
}
.refineSearch dl.clm_cat dd .saigai i:before {
	content: "\e901";
}
.refineSearch dl.clm_cat dd .unkou i:before {
	content: "\e968";
}
.refineSearch dl.clm_cat dd .service i:before {
	content: "\e971";
}
.refineSearch dl.clm_cat dd .kitte i:before {
	content: "\e96b";
}
.refineSearch dl.clm_cat dd .event i:before {
	content: "\e967";
}
.refineSearch dl.clm_cat dd .keiei i:before {
	content: "\e96a";
}

.refineSearch .more {
	border-left: 1px solid #c8c8c8;
	padding: .5em 1em;
}
.refineSearch .more a {
	color: #c00;
}
.refineSearch .more a:before {
	content: "\f107";
	font-family: "yubin";
	margin-right: .4em;
}

.sortBtn {
	display: flex;
	display: -o-flex;
	display: -ms-flex;
	display: -moz-flex;
	display: -webkit-flex;
	justify-content: flex-end;
}
.sortBtn button[type="submit"].slim {
	background: #eee;
	color: #646464;
	font-family: "Noto Sans Japanese", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo,sans-serifsans-serif; 
	font-family: "yubin";
	font-size: .8rem !important;
	line-height: 1.2;
	padding: .25em 1.5em 10px;
}
.sortBtn button[type="submit"].slim i:before {
	font-size: 150%;
	margin-right: .2em; 
	position: relative;
	top: .2em;
}
.sortBtn button[type="submit"].slim.active {
	background: #c00;
	color: #fff;
}
.sortBtn ul.sheettype {
	letter-spacing: -.4em;
}
.sortBtn ul.sheettype button[type="submit"].slim {
	border-radius: 0; 
	font-size: .8rem;
	padding-top: .8em;
}
.sortBtn ul.sheettype li {
	letter-spacing: normal;
}
.sortBtn ul.sheettype li:first-child button[type="submit"].slim {
	border-radius: 5px 0 0 5px;
}
.sortBtn ul.sheettype li:last-child button[type="submit"].slim {
	border-radius: 0 5px 5px 0;
}
.sortBtn .sort.flex {
	justify-content: flex-end;
	/* margin-top:10px;*/
	margin-left: 15px;
}
.sortBtn .sort.flex button {
	padding: .25em 1.5em 8px !important;
}
.sortBtn .sort.flex div button#desc {
	border-radius: 5px 0 0 5px;
}
.sortBtn .sort.flex div button#desc i {
	font-style: normal;
}
.sortBtn .sort.flex div button#desc i:before {
	content: "\e96d"; 
	font-family: "yubin";
}
.sortBtn .sort.flex div button#asce {
	border-radius: 0 5px 5px 0;
}
.sortBtn .sort.flex div button#asce i {
	font-style: normal;
}
.sortBtn .sort.flex div button#asce i:before {
	content: "\e96e"; 
	font-family: "yubin";
}

/* tablet */
@media screen and (min-width: 751px) and (max-width: 1024px) {
	.refineSearch .innerwidth .tabbox2 .head.cat + .inner dl.clm_cat dd button, .refineSearch .innerwidth .tabbox2 .head.cat + .inner dl.clm_cat dd input {
		display: inline-block;
		margin-right: .5%; 
		width: 32%;
	}
	.refineSearch .innerwidth .tabbox2 .head.cat + .inner dl.clm_cat dd button:nth-child(3n), .refineSearch .innerwidth .tabbox2 .head.cat + .inner dl.clm_cat dd input:nth-child(3n) {
		margin-right: 0;
	}
	.refineSearch .innerwidth .tabbox2 .head.cat + .inner dl.clm_cat dd button:nth-child(4n), .refineSearch .innerwidth .tabbox2 .head.cat + .inner dl.clm_cat dd input:nth-child(4n) {
		margin-right: .5%;
	}
	.refineSearch .innerwidth .tabbox2 .head.cat + .inner dl.clm_cat dd button:nth-child(n + 4), .refineSearch .innerwidth .tabbox2 .head.cat + .inner dl.clm_cat dd input:nth-child(n + 4) {
		margin-top: .6em;
	}
	.refineSearch .innerwidth .tabbox2 .head.cat + .inner dl.clm_cat dd button i:before, .refineSearch .innerwidth .tabbox2 .head.cat + .inner dl.clm_cat dd input i:before {
		left: 2%;
	}
}

/* yubinpc */
@media screen and (max-width: 750px) {
	.refineSearch {
		padding-top: 0;
	}
	.refineSearch .innerwidth {
		background: none;
		display: -moz-flex;
		display: flex;
		display: -o-flex;
		display: -ms-flex;
		display: -webkit-flex;
		flex-wrap: wrap;
		justify-content: space-between;
		margin-top: -150px; 
		position: relative;
		width: 98%;
	}
	.refineSearch .innerwidth .tabbox1, .refineSearch .innerwidth .tabbox2 {
		background: #eee;
		border-top: 5px #c00 solid;
		display: none;
		flex-basis: 100%;
		max-width: 100%;
		padding: 10px; 
		width: 100%;
	}
	.refineSearch .innerwidth input#tab-1:checked ~ .tabbox1 {
		display: block !important;
	}
	.refineSearch .innerwidth input#tab-2:checked ~ .tabbox2 {
		display: block !important;
	}
	.refineSearch .innerwidth input[type="radio"] + label {
		background: #eee;
		border-radius: 5px 5px 0 0;
		color: #a0a0a0;
		font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
		font-weight: bold;
		margin-right: 2%; 
		padding: 1em 0;
		text-align: center;
		width: 49%;
	}
	.refineSearch .innerwidth input[type="radio"] + label:before {
		content: none !important;
	}
	.refineSearch .innerwidth input[type="radio"]:checked + label {
		background: #c00;
		color: #fff;
	}
	.refineSearch .innerwidth input[type="radio"]#tab-2 + label {
		margin-right: 0;
	}
	.refineSearch .innerwidth ul.clm_year {
		display: flex;
		display: -o-flex;
		display: -ms-flex;
		display: -moz-flex;
		display: -webkit-flex;
		flex-wrap: wrap;
		justify-content: space-between;
		margin-top: 10px;
	}
	.refineSearch .innerwidth ul.clm_year li {
		flex-basis: 48%;
		max-width: 48%;
	}
	.refineSearch .innerwidth ul.clm_year li.more {
		border-left: 0;
		border-top: 1px solid #c8c8c8;
		flex-basis: 100%;
		margin-top: 10px; 
		max-width: 100%;
		padding: 1em .5em;
	}
	.refineSearch .innerwidth dl.clm_cat {
		display: block;
	}
	.refineSearch .innerwidth dl.clm_cat dt {
		flex-basis: 100%;
		margin-bottom: 8px; 
		max-width: 100%;
	}
	.refineSearch .innerwidth dl.clm_cat dt button[type="submit"] {
		font-size: .74rem; 
		padding: .8em 0;
	}
	.refineSearch .innerwidth dl.clm_cat dd {
		display: flex;
		display: -o-flex;
		display: -ms-flex;
		display: -moz-flex;
		display: -webkit-flex;
		flex-basis: 100%;
		flex-wrap: wrap;
		justify-content: space-between;
		max-width: 100%;
		padding-left: 0;
	}
	.refineSearch .innerwidth dl.clm_cat dd button[type="submit"] {
		flex-basis: 49%;
		font-size: .74rem;
		margin-bottom: 8px;
		margin-right: 0;
		max-width: 49%;
		padding: .8em 0  .8em 10px !important; 
		width: 49%;
	}
	.refineSearch .innerwidth dl.clm_cat dd button[type="submit"] i:before {
		left: 4px;
	}
	.refineSearch .innerwidth dl.clm_cat dd button:nth-child(n + 5) {
		margin-top: 0;
	}
	.refineSearch .innerwidth dl.clm_cat dd button.other {
		padding-left: 0 !important;
	}
	.refineSearch + .innerwidth {
		margin-top: 15px !important;
	}
	.sortBtn {
		display: block;
		text-align: right;
	}
	.sortBtn .sort.flex {
		margin-top: 10px;
	}
}

/* sp */
/* sp */
/*  busines（ビズポスト）
----------------------------------------------- */
@media screen and (max-width: 750px) {
	#biz_contents .inpageLinkbtn {
		padding: 0 3%;
	}
	#biz_contents .inpageLinkbtn ul li a {
		flex-basis: 100%; 
		max-width: 100%;
	}
	#biz_contents .inpageLinkbtn ul li:nth-child(n+2) {
		margin-top: 10px;
	}
	#biz_contents .panelArea ul.btns {
		padding: 0 3%;
	}
	#biz_contents .panelArea ul.btns li.left, #biz_contents .panelArea ul.btns li.right {
		margin-bottom: 10px;
	}
	#biz_contents .panelArea ul.btns li.left a, #biz_contents .panelArea ul.btns li.right a {
		font-size: .9rem;
	}
}

/* sp */
/*  sitemap
----------------------------------------------- */
/* tablet */
@media screen and (min-width: 751px) and (max-width: 1024px) {
	.sitemapList .borderbnr4.spclm2 ul li a {
		font-size: 14px;
	}
	.sitemapList .borderbnr4.spclm2 ul li a span {
		text-align: left; 
		width: 7em;
	}
	.sitemapList .borderbnr4.spclm2 ul li a span br {
		display: none;
	}
	.sitemapList .borderbnr4.spclm2 ul li a.icon:after {
		right: 3%;
	}
	.sitemapList .borderbnr4.spclm2 ul li a.icon:before {
		left: 12%;
	}
	.sitemapList .borderbnr4 ul li a.icon.jpf:before {
		font-size: 36px;
	}
}

/* yubinpc */
@media screen and (max-width: 750px) {
	.sitemapList .spclm2 > ul {
		flex-basis: 100% !important;
		max-width: 100%;
	}
}

/* sp */
/*  buy
----------------------------------------------- */
.kitteList5.newkitte a:nth-child(n + 6) {
	display: none;
}

.kitteList4.newkitte a:nth-child(n + 5) {
	display: none;
}

/*  kitte
----------------------------------------------- */
.mainArea .refineSearch.kitteList {
	padding: 20px;
}

@media screen and (max-width: 750px) {
	.mainArea .refineSearch.kitteList {
		padding: 5%;
	}
}

/* sp */
.refineSearch.kitteList {
	/* sp */
}
.refineSearch.kitteList .formArea .selectWrap, .refineSearch.kitteList .formArea input[type="text"] {
	background: #fff;
}
.refineSearch.kitteList .formArea .selectWrap select.select div:before {
	content: "...";
}
.refineSearch.kitteList .formArea .head.period {
	margin-top: 0;
}
@media screen and (max-width: 750px) {
	.refineSearch.kitteList {
		/*background:none;*/
	}
	.refineSearch.kitteList > .head.spDisp {
		position: relative;
	}
	.refineSearch.kitteList > .head.spDisp.parent {
		margin-bottom: 0;
	}
	.refineSearch.kitteList > .head.spDisp.parent:after {
		content: "\e910";
		font-family: "yubin";
		font-size: 36px;
		line-height: 20px; 
		position: absolute;
		right: 0;
	}
	.refineSearch.kitteList > .head.spDisp.parent.active {
		margin-bottom: 10px;
	}
	.refineSearch.kitteList > .head.spDisp.parent.active:after {
		content: "\e915"; 
		font-family: "yubin";
	}
	.refineSearch.kitteList > .head.spDisp + .formArea {
		display: none;
	}
}

.stampList_outer {
	/* sp */
}
.stampList_outer dl.stampbox {
	border: 1px solid #c8c8c8;
	border-bottom: 0; 
	display: flex;
	display: -o-flex;
	display: -ms-flex;
	display: -moz-flex;
	display: -webkit-flex;
}
.stampList_outer dl.stampbox:last-child {
	border-bottom: 1px solid #c8c8c8;
}
.stampList_outer dl.stampbox dt.img {
	border-right: 1px solid #c8c8c8;
	flex-basis: 15%;
	max-width: 15%;
	transition: .3s;
}
.stampList_outer dl.stampbox dt.img a {
	background: radial-gradient(ellipse at center, white 55%, white 55%, #f7f7f7 100%);
	background: -webkit-radial-gradient(center, ellipse cover, white 55%, white 55%, #f7f7f7 100%);
	background: -moz-radial-gradient(center, ellipse cover, white 55%, white 55%, #f7f7f7 100%);
	background: white;
	display: block;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f7f7f7',GradientType=1 ); 
	min-height: 196px;
	position: relative;
	text-align: center;
	width: 100%;
}
.stampList_outer dl.stampbox dt.img a img {
	bottom: 0; 
	/*top: 50%;left: 50%;transform: translateY(-50%) translateX(-50%);
				-webkit-transform: translateY(-50%) translateX(-50%);*/
	left: 0;
	margin: auto;
	position: absolute;
	right: 0;
	top: 0;
}
.stampList_outer dl.stampbox dt.img ul.thumbset {
	display: -moz-flex;
	display: flex;
	display: -o-flex;
	display: -ms-flex;
	display: -webkit-flex;
	flex-wrap: wrap;
	justify-content: center; 
	left: 50%;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%) translateX(-50%);
	transform: translateY(-50%) translateX(-50%);
	width: 124px;
}
.stampList_outer dl.stampbox dt.img ul.thumbset li {
	margin: 3px 2px;
}
.stampList_outer dl.stampbox dt.img ul.thumbset li img {
	max-width: 58px; 
	position: relative;
}
.stampList_outer dl.stampbox dt.img:hover {
	opacity: .7;
}
.stampList_outer dl.stampbox dd.title {
	border-right: 1px solid #c8c8c8; 
	flex-basis: 40%;
	max-width: 40%;
}
.stampList_outer dl.stampbox dd.title a {
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
	font-weight: bold;
}
.stampList_outer dl.stampbox dd.title a:before {
	color: #c00;
	content: "\f105";
	display: inline-block; 
	font-family: "yubin";
	font-weight: normal;
	margin-right: .3em;
}
.stampList_outer dl.stampbox dd.date {
	border-right: 1px solid #c8c8c8; 
	flex-basis: 15%;
	max-width: 15%;
}
.stampList_outer dl.stampbox dd.doc {
	flex-basis: 30%;
	max-width: 30%;
}
.stampList_outer dl.stampbox dd.doc ul li {
	margin-bottom: .5em;
}
.stampList_outer dl.stampbox dd {
	align-items: center; 
	display: flex;
	display: -o-flex;
	display: -ms-flex;
	display: -moz-flex;
	display: -webkit-flex;
	padding: 10px;
}
.stampList_outer dl.stampbox a[href*=".pdf"]::before {
	color: #c00; 
	content: "\50";
	display: inline-block;
	font-family: "yubin";
	font-size: 21px;
	font-weight: normal;
	margin-right: .3em;
	padding-left: 0;
	position: relative;
	top: 4px;
}
.stampList_outer dl.row_title {
	background: #f7f7f7;
}
.stampList_outer dl.row_title dt.img {
	padding: 10px;
}
@media screen and (max-width: 750px) {
	.stampList_outer dl.stampbox {
		border-bottom: 4px double #c8c8c8; 
		display: block;
	}
	.stampList_outer dl.stampbox dt, .stampList_outer dl.stampbox dd {
		border-right: 0 !important; 
		max-width: 100% !important;
	}
	.stampList_outer dl.stampbox dt.img a {
		min-height: auto;
		padding: 10px 0;
	}
	.stampList_outer dl.stampbox dt.img a img {
		max-height: 200px; 
		position: static;
		transform: none;
	}
	.stampList_outer dl.stampbox dt.img ul.thumbset {
		align-items: center; 
		left: auto;
		margin: auto;
		position: relative;
		top: auto;
		transform: none;
	}
	.stampList_outer dl.stampbox dt.img ul.thumbset img {
		left: auto; 
		top: auto;
	}
	.stampList_outer dl.stampbox dd.t8itle {
		font-size: 1.1em;
	}
	.stampList_outer dl.stampbox dd.date {
		font-size: .8em;
	}
	.stampList_outer dl.stampbox dd.date p:before {
		content: "発行年月日：";
	}
	.stampList_outer dl.row_title {
		display: none;
	}
}

.mainArea .stampList_outer dl.stampbox dt.img a {
	min-height: 150px;
	overflow: hidden;
}

.mainArea .stampList_outer dl.stampbox dt.img a img {
	max-height: 100%;
	padding: 4px 0;
}

@media screen and (max-width: 750px) {
	.mainArea .stampList_outer dl.stampbox:first-child {
		border-top: 1px solid #c8c8c8;
	}
	.mainArea .stampList_outer dl.stampbox {
		border-top: none;
	}
	.mainArea .stampList_outer dl.stampbox dt.img a {
		min-height: auto;
		overflow: visible;
	}
	.mainArea .stampList_outer dl.stampbox dt.img a img {
		max-height: 200px;
		padding: 0;
	}
}

/* sp */
/*  fee-simulator
----------------------------------------------- */
.mainArea.fee-simulator {
	/* sp */
}
.mainArea.fee-simulator .detailArea {
	background: #f7f7f7;
	border: 2px solid #c00; 
	margin: 20px auto;
	padding: 15px;
	width: 70%;
}
.mainArea.fee-simulator .detailArea .fee {
	background: #fff;
	display: flex;
	display: -o-flex;
	display: -ms-flex;
	display: -moz-flex;
	display: -webkit-flex;
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
	font-weight: bold;
	justify-content: space-between;
	padding: 13px;
}
.mainArea.fee-simulator .detailArea .fee .head {
	flex-basis: 30%;
	max-width: 30%;
}
.mainArea.fee-simulator .detailArea .fee .price {
	color: #c00;
	flex-basis: 68%;
	font-size: 1.2rem;
	max-width: 68%;
	text-align: right;
}
.mainArea.fee-simulator .detailArea .fee .price span {
	display: block;
}
.mainArea.fee-simulator .detailArea .fee .price ul.basic-m {
	border-bottom: 1px solid #dcdcdc; 
	color: #333;
	font-size: .9rem;
	margin-bottom: .2em;
	text-align: left;
}
.mainArea.fee-simulator .detailArea .fee.total {
	background: #f7f7f7; 
	display: block;
	margin-bottom: 10px;
	/*border-bottom:4px solid #FFF;*/
	padding: 0 0;
	text-align: center;
}
.mainArea.fee-simulator .detailArea .fee.total .head, .mainArea.fee-simulator .detailArea .fee.total .price {
	flex-basis: 100%;
	max-width: 100%;
}
.mainArea.fee-simulator .detailArea .fee.total .price {
	font-size: 2.4rem;
	line-height: 1.3;
	text-align: center;
}
.mainArea.fee-simulator .detailArea .fee.total .price span {
	font-size: .9rem;
}
@media screen and (max-width: 750px) {
	.mainArea.fee-simulator .detailArea {
		width: 100%;
	}
	.mainArea.fee-simulator .detailArea .fee {
		display: block;
		flex-wrap: wrap;
	}
	.mainArea.fee-simulator .detailArea .fee .head, .mainArea.fee-simulator .detailArea .fee .price {
		flex-basis: 100%;
		max-width: 100%;
	}
	.mainArea.fee-simulator .detailArea .fee .head {
		margin-bottom: .3em;
	}
	.mainArea.fee-simulator .detailArea .fee .price ul.basic-m li {
		margin-bottom: 0;
	}
	.mainArea.fee-simulator .detailArea .fee.total .head {
		margin-bottom: 0;
	}
	.mainArea.fee-simulator .detailArea .fee.total .price {
		font-size: 2rem;
	}
}

/*----------------------------------------------------------
	basic module
--------------------------------------------------------- */
/* 2clm page */
.contWrap > .pageClm2 {
	display: flex;
	display: -o-flex;
	display: -ms-flex;
	display: -moz-flex;
	display: -webkit-flex;
	margin: auto; 
	max-width: 1200px;
}
.contWrap > .pageClm2 .mainArea {
	flex-basis: 83%;
	margin-bottom: 40px; 
	max-width: 83%;
	padding-right: 20px;
}
.contWrap > .pageClm2 .sideArea {
	flex-basis: 193px;
	margin-bottom: 40px; 
	max-width: 193px;
}

.no-sidenav {
	max-width: 960px;
}

/* 郵便PC幅幅 */
@media screen and (min-width: 751px) and (max-width: 1366px) {
	.contWrap > .pageClm2 {
		padding: 0 2%;
	}
}

/* yubinpc */
/* tablet */
@media screen and (min-width: 751px) and (max-width: 1024px) {
	.contWrap > .pageClm2 {
		padding: 0 2%;
		/*.sideArea{display:none;}*/
	}
	.contWrap > .pageClm2 .mainArea {
		flex-basis: 80%;
		max-width: 80%;
		padding-right: 0;
	}
	.contWrap > .pageClm2 .sideArea {
		flex-basis: 19%;
		margin-bottom: 40px; 
		max-width: 19%;
	}
}

/* yubinpc */
@media screen and (max-width: 750px) {
	.contWrap > .pageClm2 {
		display: block;
	}
	.contWrap > .pageClm2 .mainArea {
		flex-basis: 100%;
		max-width: 100%;
		padding-right: 0;
	}
	.contWrap > .pageClm2 .sideArea {
		display: none;
	}
}

/* sp */
/*  sidebar
----------------------------------------------- */
.sideArea #navi-box-r, .sideArea #navi-box {
	margin-top: 20px;
}
.sideArea #navi-box-r .itemBox, .sideArea #navi-box .itemBox {
	background: #fff; 
	border: 1px solid #c8c8c8;
}
.sideArea #navi-box-r .itemBox .items, .sideArea #navi-box .itemBox .items {
	font-family: "Noto Sans Japanese", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo,sans-serifsans-serif; 
	font-size: .8rem;
	padding: 10px;
}
.sideArea #navi-box-r .itemBox .items li.sub, .sideArea #navi-box .itemBox .items li.sub {
	margin-bottom: 10px;
}
.sideArea #navi-box-r .itemBox .items li.sub:before, .sideArea #navi-box .itemBox .items li.sub:before {
	content: none;
}
.sideArea #navi-box-r .itemBox .items li a:before, .sideArea #navi-box .itemBox .items li a:before {
	color: #c00; 
	content: "\f105";
	display: inline-block;
	font-family: "yubin";
	margin-right: .5em;
}
.sideArea #navi-box-r .itemBox .items li a, .sideArea #navi-box .itemBox .items li a {
	border-bottom: 1px solid #eee;
	display: block;
	font-weight: normal; 
	padding: .5em 0 .5em 1em;
	text-indent: -.5em;
}
.sideArea #navi-box-r .itemBox .items li:last-child a, .sideArea #navi-box .itemBox .items li:last-child a {
	border-bottom: 0;
}
.sideArea #navi-box-r .itemBox-shop, .sideArea #navi-box .itemBox-shop {
	background: #fff;
	border-bottom: 2px solid #c00; 
	border-left: 2px solid #c00;
	border-right: 2px solid #c00;
}
.sideArea #navi-box-r .itemBox-shop .items-shop, .sideArea #navi-box .itemBox-shop .items-shop {
	font-family: "Noto Sans Japanese", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo,sans-serifsans-serif; 
	font-size: .8rem;
	padding: 10px;
}
.sideArea #navi-box-r .itemBox-shop .items-shop li.sub, .sideArea #navi-box .itemBox-shop .items-shop li.sub {
	margin-bottom: 10px;
}
.sideArea #navi-box-r .itemBox-shop .items-shop li.sub:before, .sideArea #navi-box .itemBox-shop .items-shop li.sub:before {
	content: none;
}
.sideArea #navi-box-r .itemBox-shop .items-shop li a:before, .sideArea #navi-box .itemBox-shop .items-shop li a:before {
	color: #c00; 
	content: "\f105";
	display: inline-block;
	font-family: "yubin";
	margin-right: .5em;
}
.sideArea #navi-box-r .itemBox-shop .items-shop li a, .sideArea #navi-box .itemBox-shop .items-shop li a {
	border-bottom: 1px solid #eee;
	display: block;
	font-weight: normal; 
	padding: .5em 0 .5em 1em;
	text-indent: -.5em;
}
.sideArea #navi-box-r .itemBox-shop .items-shop li:last-child a, .sideArea #navi-box .itemBox-shop .items-shop li:last-child a {
	border-bottom: 0;
}
.sideArea #navi-box-r .sp-b16, .sideArea #navi-box .sp-b16 {
	margin-bottom: 16px;
}
.sideArea #navi-box-r .sp-t16, .sideArea #navi-box .sp-t16 {
	margin-top: 16px;
}
.sideArea #navi-box-r .btn_notification a, .sideArea #navi-box .btn_notification a {
	background: url(/img/common/btn_nav_notification.gif) no-repeat left top;
	display: block;
	font-size: 1px;
	height: 58px;
	line-height: 1px;
	outline: none; 
	text-decoration: none;
	text-indent: -9999px;
	width: 193px;
}
.sideArea #navi-box-r .btn_notification a:hover, .sideArea #navi-box .btn_notification a:hover {
	opacity: .6;
}
.sideArea #navi-box-r .btn_notification a img, .sideArea #navi-box .btn_notification a img {
	width: 100%;
}
.sideArea #navi-box-r .btn_q a, .sideArea #navi-box .btn_q a {
	background: url(/img/common/btn_nav_q_en.gif) no-repeat left top;
	display: block;
	font-size: 1px;
	height: 58px;
	line-height: 1px;
	outline: none; 
	text-decoration: none;
	text-indent: -9999px;
	width: 193px;
}
.sideArea #navi-box-r .btn_q a:hover, .sideArea #navi-box .btn_q a:hover {
	opacity: .6;
}
.sideArea #navi-box-r .btn_business a, .sideArea #navi-box .btn_business a {
	background: url(/img/common/btn_nav_business.gif) no-repeat left top;
	display: block;
	font-size: 1px;
	height: 58px;
	line-height: 1px;
	outline: none; 
	text-decoration: none;
	text-indent: -9999px;
	width: 193px;
}
.sideArea #navi-box-r .btn_business a:hover, .sideArea #navi-box .btn_business a:hover {
	opacity: .6;
}
.sideArea #navi-box-r .normal-box, .sideArea #navi-box .normal-box {
	border: 1px solid #c8c8c8;
	font-size: .8rem;
	padding: 10px;
}
.sideArea #navi-box-r h2 img, .sideArea #navi-box h2 img {
	width: 100%;
}
.sideArea #navi-box-r h2, .sideArea #navi-box h2 {
	border-bottom: 0;
	margin-bottom: 0;
	padding-bottom: 0;
}
.sideArea #navi-box-r .mkr-nav-r, .sideArea #navi-box .mkr-nav-r {
	display: block;
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
	font-size: .8rem;
	font-weight: bold;
	font-weight: bold;
	padding: 0 10px 10px;
	/*a:before{font-family:'yubin'; content:"\f105"; margin-right:0.5em; color:$yubin;}*/
}
.sideArea #navi-box-r .mkr-nav-r a, .sideArea #navi-box .mkr-nav-r a {
	color: #c00;
}
.sideArea #navi-box-r p.to-list, .sideArea #navi-box p.to-list {
	text-align: right;
}
.sideArea #navi-box-r p.to-list a, .sideArea #navi-box p.to-list a {
	text-decoration: none;
}
.sideArea #navi-box-r p.to-list a:hover, .sideArea #navi-box p.to-list a:hover {
	text-decoration: underline;
}

/*  ssiArea
----------------------------------------------- */
.footPRbnr .linkbox3 a {
	transition: .3s;
}
.footPRbnr .linkbox3 a:hover {
	opacity: .7; 
	text-decoration: none;
}
.footPRbnr .linkbox3 a dl dt {
	background: #f7f7f7;
	min-height: 132px;
	padding: 5px;
	position: relative; 
	text-align: center;
}
.footPRbnr .linkbox3 a dl dt img {
	bottom: 0;
	left: 0;
	margin: auto;
	max-height: 102px;
	max-width: 90%; 
	position: absolute;
	right: 0;
	top: 0;
}
.footPRbnr .linkbox3 a dl dd .title {
	font-size: 1em;
}
.footPRbnr .linkbox3 a dl dd p {
	font-size: .8em;
}

@media screen and (max-width: 750px) {
	.footPRbnr .linkbox3 a dl dt {
		min-height: auto;
	}
	.footPRbnr .linkbox3 a dl dt img {
		height: auto;
		max-height: none; 
		position: relative;
		width: 100%;
	}
}

/* sp */
.innerwidth.footPRbnr {
	margin-top: 50px;
}

/*  sidearea
----------------------------------------------- */
.pageClm2 .sideArea .navbody {
	background: #f7f7f7;
	margin-top: 20px;
}

/*----------------------------------------------------------
	print
--------------------------------------------------------- */
.printDisp {
	display: none;
}

@media print {
	body {
		font-size: 80% !important;
		margin: 0;
		padding: 0;
		-webkit-print-color-adjust: exact;
	}
	img {
		width: 100% !important;
	}
	.printDisp {
		display: block;
	}
	header.top .headArea, header.top .globalNav {
		display: none;
	}
	.floatingBlock {
		display: none;
	}
	footer.common, #path-box {
		display: none;
	}
	/**[class^="sp-t"],*[class^="sp-b"],*[class^="sp-r"],*[class^="sp-l"]{margin:0 !important;}
	.w10p,.w20p,.w30p,.w40p,.w50p,.w60p,.w70p,.w80p,.w90p,.w100p{width:100% !important;}*/
}