@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: 0;
	padding: 0;
}

h1,h2,h3,h4,h5,h6{
	font-size: 1em;
	font-weight: normal;
}

img{
	margin: 0;
	padding: 0;

	vertical-align: top; 

	border: 0;
}

ul,dl{
	list-style-type: none;
}

*{
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;

	word-break: normal; 

	     -o-box-sizing: border-box;
	    -ms-box-sizing: border-box;
}

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{
		max-width: 1200px;
		margin: auto;
	}
}

/* pc */
.sitewidth{
	max-width: 1400px;
	margin: auto;
}

.innerwidth{
	max-width: 1200px;
	margin: auto;
}

@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{
		width: 100%;

		order: 1;
	}
	.wrapper footer{
		width: 100%;

		order: 4;
	}
	.wrapper #path-box{
		width: 100%;

		background: #fff !important; 

		order: 3;
	}
	.wrapper .contWrap{
		width: 100%;

		order: 2;
	}
	/* 旧レイアウト */
	#wrap-inner{
		display: -webkit-flex;
		display:    -moz-flex;
		display:     -ms-flex;
		display:      -o-flex;
		display:         flex;

		flex-wrap: wrap;
	}
	#wrap-inner #head-box{
		width: 100%;

		order: 1;
	}
	#wrap-inner #path-box{
		display: block;

		width: 100%;
		padding: .8em; 

		order: 3;
	}
	#wrap-inner #main-box{
		width: 100%;

		order: 2;
	}
	#wrap-inner #navi-box-r{
		width: 100%;

		order: 4;
	}
	#wrap-inner .footTop{
		width: 100%;

		order: 5;
	}
	#wrap-inner #foot-box{
		width: 100%;

		order: 6;
	}
}

/* sp */
/* 新パンくずリスト */
.wrapper #path-box{
	font-size: 13px;

	padding: .8em;

	background: #eee;
	/* sp */
}
.wrapper #path-box ul{
	display: -webkit-flex;
	display:    -moz-flex;
	display:     -ms-flex;
	display:      -o-flex;
	display:         flex;
}
.wrapper #path-box ul li:after{
	font-family: 'yubin';

	margin-right: .8em;
	margin-left: .8em; 

	content: '\f105';
}
.wrapper #path-box ul li:last-child:after{
	content: '';
}
.wrapper #path-box a{
	text-decoration: none; 

	color: #333;
}
.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{
		font-size: 1rem;

		position: relative;
		top: 1px;

		margin-right: .5em;
		margin-left: .2em;

		content: '\e90a';

		color: #646464;
	}
}

/*  header
----------------------------------------------- */
header{
	position: relative;
}
header .sphead,header .spsearch{
	display: none;
}
header .headArea{
	height: 60px;
	margin-bottom: 10px; 

	border-top: 16px solid #c00;
}
header .headArea h1.siteid{
	position: absolute;
	top: 0; 
	left: 0;
}
header .headArea h1.siteid a img{
	height: 60px;
}
header .headArea .slogan{
	position: absolute;
	top: 33px;
	left: 252px;
}
header .headArea .slogan img{
	height: 10px;
}
header .headArea nav.subNav{
	position: absolute;
	top: 33px; 
	right: 20px;
}
header .headArea nav.subNav ul{
	display: -webkit-flex;
	display:    -moz-flex;
	display:     -ms-flex;
	display:      -o-flex;
	display:         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{
	font-size: .8rem;

	transition: .3s; 
	text-decoration: none;

	color: #333;
}
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{
	padding: .3em 1.5em;

	transition: .3s; 

	color: #c00;
	border: 1px solid #c00;
	border-radius: 4px;
}
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{
		text-align: center;

		border-right: 1px solid #ccc;
		background: rgba(255, 255, 255, .8); 

		flex: 1;
	}
	header .globalNav nav.main > ul > li:nth-child(6){
		border-right: none;
	}
	header .globalNav nav.main > ul > li:hover{
		cursor: pointer; 

		background-color: #eee;
	}
	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{
		display: none; 

		max-height: 9999px;

		background: rgba(230, 230, 230, .95);
	}
	header .globalNav nav.main > ul > li > span.dropLabel{
		font-family: 'Noto Sans Japanese', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo,sans-serifsans-serif;
		font-weight: 700;

		display: block;

		padding: 18px 1em;

		transition: all .2s ease-in; 
		text-decoration: none;

		color: #333;
	}
	header .globalNav nav.main > ul > li > span.dropLabel:after{
		font-family: 'yubin';
		font-size: 130%;
		font-weight: normal;
		line-height: 0; 

		position: relative;
		top: 3px;

		margin-left: .4em;

		content: '\f107';

		color: #333;
	}
	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{
		font-family: '游ゴシック体', YuGothic, '游ゴシック', 'Yu Gothic', sans-serif;
		font-weight: bold; 

		display: block;

		padding: 17px 1em;

		text-decoration: none;
		/*background:$yubin;*/

		color: #fff;
	}
	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{
		cursor: pointer; 

		color: #fff;
	}
	header .globalNav nav.main > ul .menu{
		position: absolute;
		z-index: 10; 
		left: 0;
		/*overflow: hidden;*/

		width: 100%;

		text-align: center;
	}
	header .globalNav nav.main > ul .menu .menu_inner{
		padding: 30px 30px 35px;
	}
	header.is-show .globalNav{
		position: fixed;
		z-index: 10;
		top: 0;

		width: 100%;

		box-shadow: 0 1px 6px 0 #949494;
	}
	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{
		width: 8vw; 

		flex: none;
	}
	.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{
		position: static;
		top: auto; 
		right: auto;

		margin-top: 50px;
	}
	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: .85rem;
		line-height: 1;
	}
	.globalNav nav.main > ul > li > a{
		padding: 18px .4em;
	}
	.globalNav nav.main > ul > li > a:after{
		font-family: 'yubin';
		font-weight: normal;
		line-height: 0; 

		display: block;

		margin-top: 8px;
		margin-left: 0;

		content: '\f107';
	}
}

/* pc */
/* 英語版ヘッダー */
header.top.en .searchForm{
	display: block;

	width: 50%;
	margin-right: 20px;
	margin-bottom: 10px; 
	margin-left: auto;

	text-align: right;
}
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{
	position: fixed;
	z-index: -1;

	width: 100%;
	height: 100%;
}

.spToptool{
	display: none;
}

@media screen and (max-width: 750px){
	/* トップのみツールメニューを固定表示 */
	body.top_index header.top.is-show{
		display: none;
	}
	body.top_index .spToptool{
		position: fixed;
		z-index: 100; 
		top: -62px;
		left: 0;

		display: block;

		width: 100%;
		height: 62px;
	}
	body.top_index .spToptool ul{
		display: -webkit-flex;
		display:    -moz-flex;
		display:     -ms-flex;
		display:      -o-flex;
		display:         flex;

		border-bottom: 2px solid #c00;
	}
	body.top_index .spToptool ul li{
		line-height: 1; 

		text-align: center;

		border-right: 1px solid #eee;

		flex: 1;
	}
	body.top_index .spToptool ul li a{
		font-family: '游ゴシック体', YuGothic, '游ゴシック', 'Yu Gothic', sans-serif;
		font-size: calc(8px + 1vw);
		font-weight: bold;

		display: block;

		padding: 2px 0 6px;

		background: white;
	}
	body.top_index .spToptool ul li a:hover{
		text-decoration: none;

		background: #faecea;
	}
	body.top_index .spToptool ul li:last-child{
		border-right: 0;
	}
	body.top_index .spToptool ul li a:before{
		font-family: 'yubin';
		font-size: 40px;
		font-weight: normal; 
		line-height: 40px;

		display: block;

		color: #c00;
	}
	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;
		z-index: 100;
		top: -62px;

		width: 100%;

		transition: .5s;
	}
	header.top.is-show{
		position: fixed;
		z-index: 100;
		top: 0;

		width: 100%;

		transition: .5s;
	}
	header{
		position: relative;

		height: 52px; 

		background: #c00;
	}
	header .sphead,header .spsearch{
		display: block;
	}
	header nav.subNav{
		display: none;
	}
	header .headArea{
		position: relative;
		z-index: 100;

		height: auto;
		margin-bottom: 0;

		text-align: center; 

		border-top: 0;
	}
	header .headArea h1.siteid{
		position: relative;

		display: inline-block; 

		padding: 12px 0 9px;

		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{
		line-height: 1.15; 

		position: absolute;
		top: 2px;
		left: 4px;

		text-align: center;
	}
	header .sphead .i-menu:before{
		font-family: 'yubin';
		font-size: 28px; 

		content: '\f0c9';

		color: #fff;
	}
	header .sphead .i-menu:after{
		font-family: 'Noto Sans Japanese', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo,sans-serifsans-serif;
		font-size: 12px;
		font-weight: 400; 

		display: block;

		content: 'メニュー';

		color: #fff;
	}
	header .sphead .i-search{
		line-height: 1.15; 

		position: absolute;
		top: 2px;
		right: 4px;

		text-align: center;
	}
	header .sphead .i-search:before{
		font-family: 'yubin';
		font-size: 28px; 

		content: '\f002';

		color: #fff;
	}
	header .sphead .i-search:after{
		font-family: 'Noto Sans Japanese', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo,sans-serifsans-serif;
		font-size: 12px;
		font-weight: 400;

		display: block;

		content: '検索';
		letter-spacing: .3em; 

		color: #fff;
	}
	header .globalNav,header .spsearch{
		position: fixed;
		z-index: -100; 
		top: 52px;

		display: none;
		overflow-y: auto;

		width: 100%;

		transition: opacity .6s ease, visibility .6s ease;

		background: #eee;
	}
	header .globalNav .spnone,header .spsearch .spnone{
		display: none;
	}
	header .spsearch .searchForm input[type='text']{
		width: 90%;
		margin: 10px 0 0;
	}
	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{
		font-family: 'Noto Sans Japanese', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo,sans-serifsans-serif;
	}
	header .globalNav nav.main ul.navitem li .dropLabel{
		font-size: .9rem; 

		position: relative;

		display: block;

		padding: 1.5em 15px;
	}
	header .globalNav nav.main ul.navitem li .dropLabel:after{
		font-family: 'yubin';
		font-size: 21px;
		font-weight: normal;

		position: absolute;
		top: 0;
		right: 12px;
		bottom: 0; 

		height: 21px;
		margin: auto;

		content: '\2b';
	}
	header .globalNav nav.main ul.navitem li .dropLabel.spactive:after{
		font-family: 'yubin';
		font-size: 21px;
		font-weight: normal;

		position: absolute;
		top: 0;
		right: 12px;
		bottom: 0; 

		height: 21px;
		margin: auto;

		content: '\2d';
	}
	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{
		font-size: .9rem;

		position: relative;
		position: relative;

		display: block;

		margin-top: 0 !important; 
		padding: 1.5em 15px;

		border-top: 1px solid #c8c8c8;
		border-bottom: 1px solid #c8c8c8;
		background: #eee;
	}
	header .globalNav nav.main ul.navitem li .menu .menu_inner .parent a:after{
		font-family: 'yubin';
		font-size: 33px;
		font-weight: normal;

		position: absolute;
		top: 0;
		right: 12px;
		bottom: 0; 

		height: 33px;
		margin: auto;

		content: '\f105';
	}
	header .globalNav nav.main ul.navitem li .menu .menu_inner .parent .nolink{
		font-size: .9rem;

		position: relative;
		position: relative;

		display: block;

		margin-top: 0 !important; 
		padding: 1.5em 15px;

		border-bottom: 1px solid #c8c8c8;
		background: #eee;
	}
	header .globalNav nav.main ul.navitem li .menu .menu_inner .child .head{
		font-size: .9rem;

		position: relative;

		margin-top: 0 !important; 
		padding: 1.5em 35px 1.5em 15px;

		border-bottom: 1px solid #c8c8c8;
		background: #eee;
	}
	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{
		font-family: 'yubin';
		font-size: 21px;
		font-weight: normal;

		position: absolute;
		top: 0;
		right: 12px;
		bottom: 0; 

		height: 21px;
		margin: auto;

		content: '\2b';
	}
	header .globalNav nav.main ul.navitem li .menu .menu_inner .child .head.active:after{
		font-family: 'yubin';
		font-size: 21px;
		font-weight: normal;

		position: absolute;
		top: 0;
		right: 12px;
		bottom: 0; 

		height: 21px;
		margin: auto;

		content: '\2d';
	}
	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{
		display: -webkit-flex;
		display:    -moz-flex;
		display:     -ms-flex;
		display:      -o-flex;
		display:         flex;

		border-bottom: 1px solid #c8c8c8;
		background: #dcdcdc;

		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{
		display: -webkit-flex;
		display:    -moz-flex;
		display:     -ms-flex;
		display:      -o-flex;
		display:         flex;

		align-items: center;
	}
	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{
		font-size: .85rem; 

		position: relative;

		display: block;

		width: 100%;
		padding: 1.3em 30px 1.3em 15px;
	}
	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{
		font-family: 'yubin';
		font-size: 33px;
		font-weight: normal;

		position: absolute;
		top: 0;
		right: 12px;
		bottom: 0; 

		height: 33px;
		margin: auto;

		content: '\f105';
	}
	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{
		font-family: 'yubin';
		font-size: 20px;

		height: 20px; 
		margin-left: .3em;

		content: '\26';
	}
	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{
		height: 0; 
		margin-left: 0;

		content: none;
	}
	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{
		max-width: 50%;

		border-bottom: 0; 

		flex-basis: 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{
		width: 100%;
		max-width: 100%;

		border-bottom: 0;
	}
	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{
		font-size: .9rem;

		position: relative;

		display: block;

		margin-top: 0 !important;
		padding: 1.5em 15px;

		border-bottom: 1px solid #c8c8c8; 
		background: #eee;
	}
	header .globalNav nav.main ul.navitem li .menu .menu_inner .child ul.block2 li.innermenu span:after{
		font-family: 'yubin';
		font-size: 21px;
		font-weight: normal;

		position: absolute;
		top: 0;
		right: 12px;
		bottom: 0; 

		height: 21px;
		margin: auto;

		content: '\2b';
	}
	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: -webkit-flex;
		display:    -moz-flex;
		display:     -ms-flex;
		display:      -o-flex;
		display:         flex;
		display: none; 

		flex-wrap: wrap;
	}
	header .globalNav nav.main ul.navitem li .menu .menu_inner .child ul.block2 li.innermenu .menucont li{
		max-width: 50%; 

		flex-basis: 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{
		position: fixed;
		z-index: 2;
		top: 0;
		left: 0;

		display: none; 

		width: 100vw;
		height: 100vh;

		opacity: 0;
		background-color: rgba(0, 0, 0, .5);
	}
	body.spmenu_open .wrapper{
		/*position: fixed;*/
		z-index: -1;

		overflow: hidden; 

		width: 100%;
		height: 100%;
	}
	body.spmenu_open .wrapper .spbg{
		display: block;

		opacity: 1;
	}
	body.spmenu_open .wrapper header{
		position: fixed;
		z-index: 100;
		top: 0;

		width: 100%;
	}
	body.spmenu_open .wrapper header .globalNav{
		position: fixed;
		z-index: 200;
		top: 52px;

		display: block;
		visibility: visible;
		overflow: scroll;

		height: calc(100% - 52px);

		-webkit-overflow-scrolling: touch;
	}
	body.spmenu_open .wrapper header .globalNav nav.main ul li.search{
		display: none;
	}
	body.spmenu_open .wrapper header .sphead .i-menu:before{
		font-family: 'yubin';
		font-size: 44px; 

		content: '\e912';
	}
	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;
		z-index: 100;
		top: 0;

		width: 100%;
	}
	body.spsearch_open header .spsearch{
		z-index: 200;

		display: block; 
		visibility: visible;

		opacity: 1;
	}
	body.spsearch_open header .spsearch nav.main ul li.search{
		display: none;
	}
	body.spsearch_open header .sphead .i-search:before{
		font-family: 'yubin';
		font-size: 44px; 

		content: '\e912';
	}
	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{
		position: absolute;
		right: 0;
		bottom: -23px;
		left: 0;

		width: 45px;
		height: 45px;
		margin: auto;

		transition: .3s; 

		border-radius: 25px;
		background: #fff;
	}
	.globalNav nav.main .menu .close:before{
		font-family: 'yubin';
		font-size: 30px;
		line-height: 1;

		display: block;

		padding: 6px 0 0 0; 

		content: '\e912';
	}
	.globalNav nav.main .menu .close:hover{
		color: #fff; 
		background: #555;
	}
	.globalNav nav.main li.toggle .menu_inner{
		font-family: 'Noto Sans Japanese', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo,sans-serifsans-serif;

		display: -webkit-flex;
		display:    -moz-flex;
		display:     -ms-flex;
		display:      -o-flex;
		display:         flex;

		max-width: 1400px;
		margin: auto; 

		align-items: stretch;
	}
	.globalNav nav.main li.toggle .menu_inner .parent{
		min-width: 200px;
	}
	.globalNav nav.main li.toggle .menu_inner .parent a{
		font-size: 1.1rem;
		font-weight: 500;

		position: relative;

		display: block;

		width: 100%;
		height: 100%;

		text-decoration: none; 

		color: #333;
		border-radius: 5px;
		background: #fff;
	}
	.globalNav nav.main li.toggle .menu_inner .parent a span{
		line-height: 1.4; 

		position: absolute;
		top: 50%;
		left: 50%;

		width: 100%;
		margin: auto;

		transform: translate(-50%, -50%);
		text-align: center;
	}
	.globalNav nav.main li.toggle .menu_inner .parent a:hover{
		background: #ffb9b9;
	}
	.globalNav nav.main li.toggle .menu_inner .parent a:after{
		font-family: 'yubin';
		font-size: 20px;
		line-height: 1;

		position: absolute;
		top: 0;
		right: 10px;
		bottom: 0;

		display: inline-block; 

		height: 20px;
		margin: auto;

		content: '\f105';

		color: #c00;
	}
	.globalNav nav.main li.toggle .menu_inner .parent .nolink{
		font-size: 1.1rem;
		font-weight: 500;

		position: relative;

		display: block;

		width: 100%;
		height: 100%;

		color: #333;
		border: 2px solid #fff; 
		border-radius: 5px;
		background: none;
	}
	.globalNav nav.main li.toggle .menu_inner .parent .nolink span{
		line-height: 1.4; 

		position: absolute;
		top: 50%;
		left: 50%;

		width: 100%;
		margin: auto;

		transform: translate(-50%, -50%);
		text-align: center;
	}
	.globalNav nav.main li.toggle .menu_inner .child{
		width: 100%;
		padding-left: 15px; 

		text-align: left;
	}
	.globalNav nav.main li.toggle .menu_inner .child .head{
		font-size: 1rem; 
		font-weight: 500;

		margin-bottom: .2em;
		padding-left: 5px;

		color: #c00;
	}
	.globalNav nav.main li.toggle .menu_inner .child ul li{
		font-size: .95rem;
		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{
		font-size: .9rem;
		line-height: 1.4;

		position: relative;

		display: block;
		display: -webkit-flex;
		display:    -moz-flex;
		display:     -ms-flex;
		display:      -o-flex;
		display:         flex;
		flex-direction: column;

		width: 100%;
		height: 70px; 
		/*padding:20px 15px 20px 10px; */
		padding: 13px 15px 13px 10px;

		color: #333;
		border-radius: 5px;
		background: #fff;
	}
	.globalNav nav.main li.toggle .menu_inner .child ul li.btn a:hover{
		text-decoration: none; 

		background: #ffb9b9;
	}
	.globalNav nav.main li.toggle .menu_inner .child ul li.btn a:after{
		font-family: 'yubin';
		font-size: 20px;
		line-height: 1; 

		position: absolute;
		top: 0;
		right: 10px;
		bottom: 0;

		height: 20px;
		margin: auto;

		content: '\f105';

		color: #c00;
	}
	.globalNav nav.main li.toggle .menu_inner .child ul li.btn a[target='_blank']:after{
		font-size: 14px;

		height: 14px; 

		content: '\26';
	}
	.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{
		font-size: 12px;

		display: block; 

		letter-spacing: -.1em;

		color: #7a7a7a;
	}
	.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{
		font-family: 'yubin';

		display: inline-block; 

		margin-right: .3em;

		content: '\f105';
	}
	.globalNav nav.main li.toggle .menu_inner .child ul li.img a[target='_blank'] span:after{
		font-family: 'yubin';

		margin-left: .3em; 

		content: '\26';
	}
	.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{
		line-height: 1.4;

		display: -webkit-flex;
		display:    -moz-flex;
		display:     -ms-flex;
		display:      -o-flex;
		display:         flex;
		flex-direction: column;

		height: 70px;
	}
	.globalNav nav.main li.toggle .menu_inner .child ul li.icon a:before{
		font-size: 42px;

		position: absolute;
		top: 8px; 
		left: 8px;
	}
	.globalNav nav.main li.toggle .menu_inner .child ul li.icon a span{
		position: absolute;
		top: 50%;
		left: 50%;

		width: 60%; 

		transform: translate(-50%, -50%);
		vertical-align: middle;
	}
	.globalNav nav.main li.toggle .menu_inner .child ul li.icon a small{
		font-size: 12px;

		letter-spacing: -.1em; 

		color: #7a7a7a;
	}
	.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{
		font-size: .9rem;
		font-weight: 400; 

		color: #c00;
	}
	.globalNav nav.main li.toggle .menu_inner .child ul li.arrowtext a:before{
		font-family: 'yubin';

		display: inline-block;

		margin-right: .5em; 

		content: '\f105';
	}
	.globalNav nav.main li.toggle .menu_inner .child ul li.innermenu{
		font-size: .9rem;

		padding: 15px 15px 15px 18px; 

		border-radius: 5px;
		background: #fff;
	}
	.globalNav nav.main li.toggle .menu_inner .child ul li.innermenu span{
		font-size: 1.1rem;

		display: block;

		margin-bottom: 20px;
	}
	.globalNav nav.main li.toggle .menu_inner .child ul li.innermenu span.icon:before{
		font-size: 48px;
		line-height: 0;

		position: relative;
		top: 12px;

		margin-left: -.2em; 

		color: #c00;
	}
	.globalNav nav.main li.toggle .menu_inner .child ul li.innermenu ul.menucont{
		display: -webkit-flex;
		display:    -moz-flex;
		display:     -ms-flex;
		display:      -o-flex;
		display:         flex;

		justify-content: space-between;
		flex-wrap: wrap;
	}
	.globalNav nav.main li.toggle .menu_inner .child ul li.innermenu ul.menucont li{
		max-width: 24.5%;
		margin-top: 0; 

		flex-basis: 24.5%;
	}
	.globalNav nav.main li.toggle .menu_inner .child ul li.innermenu ul.menucont li:before{
		font-family: 'yubin';

		display: inline-block;

		margin-right: .3em; 

		content: '\f105';
	}
	.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{
		display: block;

		height: 0;

		content: '';

		flex-basis: 24.5%;
		order: 1;
	}
	.globalNav nav.main li.toggle .menu_inner .child ul li.innermenu ul.menucont:after{
		display: block;

		height: 0; 

		content: '';

		flex-basis: 24.5%;
	}
	.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']{
		display: -webkit-flex;
		display:    -moz-flex;
		display:     -ms-flex;
		display:      -o-flex;
		display:         flex;

		width: 100%;

		justify-content: space-between;
		align-items: stretch;
		flex-wrap: wrap;
	}
	.globalNav nav.main li.toggle .menu_inner .child ul.stretch li{
		display: flex;
	}
	.globalNav nav.main li.toggle .menu_inner .child ul.block4::before{
		display: block;

		width: 24.5%;

		content: '';

		order: 1;
	}
	.globalNav nav.main li.toggle .menu_inner .child ul.block4::after{
		display: block;

		width: 24.5%; 

		content: '';
	}
	.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{
		font-family: 'yubin';
		font-size: 76px;
		line-height: 1; 

		display: block;

		content: '\e942';

		color: #c00;
	}
	.globalNav nav.main .icon.post a:before{
		font-family: 'yubin';

		content: '\e93f';

		color: #c00;
	}
	.globalNav nav.main .icon.conveni a:before{
		font-family: 'yubin';

		content: '\e936';

		color: #c00;
	}
	.globalNav nav.main .icon.pickup a:before{
		font-family: 'yubin';

		content: '\e93e';

		color: #c00;
	}
	.globalNav nav.main .icon.make a:before{
		font-family: 'yubin';

		content: '\e93d';

		color: #c00;
	}
	.globalNav nav.main .icon.buy a:before{
		font-family: 'yubin';

		content: '\e931';

		color: #c00;
	}
	.globalNav nav.main .icon.int a:before{
		font-family: 'yubin';

		content: '\e93b';

		color: #fa812f;
	}
	.globalNav nav.main .icon.int a:after{
		color: #fa812f !important;
	}
	.globalNav nav.main li.toggle.receive .parent a span:before{
		font-family: 'yubin';
		font-size: 76px;
		line-height: 1; 

		display: block;

		content: '\e981';

		color: #c00;
	}
	.globalNav nav.main .icon.tracking a:before{
		font-family: 'yubin';

		content: '\e944';

		color: #c00;
	}
	.globalNav nav.main .icon.deli a:before{
		font-family: 'yubin';

		content: '\e990';

		color: #c00;
	}
	.globalNav nav.main li.toggle.buy .parent a span:before{
		font-family: 'yubin';
		font-size: 76px;
		line-height: 1; 

		display: block;

		content: '\e931';

		color: #c00;
	}
	.globalNav nav.main .icon.item a:before{
		font-family: 'yubin';

		content: '\e93c';

		color: #c00;
	}
	.globalNav nav.main .icon.goods a:before{
		font-family: 'yubin';

		content: '\e992';

		color: #c00;
	}
	.globalNav nav.main .icon.shop a:before{
		font-family: 'yubin';

		content: '\e931';

		color: #c00;
	}
	.globalNav nav.main .icon.other a:before{
		font-family: 'yubin';

		content: '\e96f';

		color: #c00;
	}
	.globalNav nav.main li.toggle.choho .parent div span:before,.globalNav nav.main li.toggle.choho .parent a span:before{
		font-family: 'yubin';
		font-size: 76px;
		line-height: 1; 

		display: block;

		content: '\e987';

		color: #c00;
	}
	.globalNav nav.main li.innermenu .title.junbi:before{
		font-family: 'yubin';

		content: '\e94b';
	}
	.globalNav nav.main li.innermenu .title.sonaeru:before{
		font-family: 'yubin';

		content: '\e94d';
	}
	.globalNav nav.main li.innermenu .title.nokosu:before{
		font-family: 'yubin';

		content: '\e94c';
	}
	.globalNav nav.main li.innermenu .title.fuyasu:before{
		font-family: 'yubin';

		content: '\e94a';
	}
	.globalNav nav.main li.innermenu .title.benri:before{
		font-family: 'yubin';

		content: '\e973';
	}
	.globalNav nav.main .icon.ginko a:before{
		font-family: 'yubin';

		content: '\e92f';

		color: #c00;
	}
	.globalNav nav.main .icon.hoken a:before{
		font-family: 'yubin';

		content: '\e93a';

		color: #c00;
	}
	.globalNav nav.main .icon.procedure a:before{
		font-family: 'yubin';

		content: '\e986';

		color: #c00;
	}
	.globalNav nav.main li.toggle.procedure .parent a span:before{
		font-family: 'yubin';
		font-size: 76px;
		line-height: 1; 

		display: block;

		content: '\e986';

		color: #c00;
	}
	.globalNav nav.main .icon.forward a:before{
		font-family: 'yubin';

		content: '\e97f';

		color: #c00;
	}
	.globalNav nav.main .icon.internet a:before{
		font-family: 'yubin';

		content: '\e978';

		color: #c00;
	}
	.globalNav nav.main li.toggle.business .parent a span:before{
		font-family: 'yubin';
		font-size: 76px;
		line-height: 1; 

		display: block;

		content: '\e930';

		color: #c00;
	}
	.globalNav nav.main .icon.biz-problem a:before{
		font-family: 'yubin';

		content: '\e975';

		color: #c00;
	}
	.globalNav nav.main .icon.biz-kokunai a:before{
		font-family: 'yubin';

		content: '\e97b';

		color: #c00;
	}
	.globalNav nav.main .icon.biz-int a:before{
		font-family: 'yubin';

		content: '\e984';

		color: #c00;
	}
	.globalNav nav.main .icon.biz-sales a:before{
		font-family: 'yubin';

		content: '\e982';

		color: #c00;
	}
	.globalNav nav.main .icon.biz-ec a:before{
		font-family: 'yubin';

		content: '\e974';

		color: #c00;
	}
	.globalNav nav.main .icon.biz-doc a:before{
		font-family: 'yubin';

		content: '\e97a';

		color: #c00;
	}
	.globalNav nav.main .icon.biz-ad a:before{
		font-family: 'yubin';

		content: '\e985';

		color: #c00;
	}
	.globalNav nav.main .icon.biz-payment a:before{
		font-family: 'yubin';

		content: '\e983';

		color: #c00;
	}
}

/* nonsp */
/* pc */
@media screen and (min-width: 1921px){
	.globalNav nav.main li.toggle .menu_inner{
		margin-right: auto; 
		margin-left: 0;
	}
}

/* full */
@media screen and (min-width: 751px) and (max-width: 1200px){
	.fixedNav.clone-nav{
		font-size: .85rem; 

		width: 100%;
	}
	.fixedNav.clone-nav nav.main > ul > li > a{
		position: relative; 

		padding: 18px 0;
	}
	.fixedNav.clone-nav nav.main > ul > li > a:after{
		position: absolute;
		top: auto;
		right: 0;
		bottom: 8px;
		left: 0;

		margin: auto;

		color: #ccc;
	}
	.fixedNav.clone-nav nav.main li.search{
		width: 60px;

		flex: none;
	}
	.globalNav nav.main li.toggle .menu_inner .parent{
		width: 18%; 
		min-width: 120px;
	}
	.globalNav nav.main li.toggle .menu_inner .parent a,.globalNav nav.main li.toggle .menu_inner .parent .nolink{
		position: relative;

		min-height: 60px; 
		padding: 10px 0;
	}
	.globalNav nav.main li.toggle .menu_inner .parent a span,.globalNav nav.main li.toggle .menu_inner .parent .nolink span{
		font-size: .9rem;

		position: absolute;
		top: 50%;
		left: 0;

		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;
	}
	.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{
		line-height: .8; 

		display: block;

		margin-left: 0;
	}
	.globalNav nav.main li.toggle .menu_inner{
		display: block;
	}
	.globalNav nav.main li.toggle .menu_inner .parent{
		width: 100%; 
		min-width: auto;
		margin-bottom: 10px;
	}
	.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{
		font-size: .9rem;

		position: absolute;
		top: 50%;
		left: 0;

		display: -webkit-flex;
		display:    -moz-flex;
		display:     -ms-flex;
		display:      -o-flex;
		display:         flex;

		transform: translate(0%, -50%);
		vertical-align: middle;

		align-items: center;
		justify-content: center;
	}
	.globalNav nav.main li.toggle .menu_inner .parent a span:before,.globalNav nav.main li.toggle .menu_inner .parent .nolink span:before{
		font-size: 46px;

		display: inline-block;
	}
	.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;

		top: auto; 
		left: 6px;
	}
	.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;
	}
	.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{
		font-size: .9rem;

		max-width: 49%;
		margin: .3em 0; 

		flex-basis: 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{
	padding: 50px; 

	border-radius: 8px;
	background: #faecea;
}

/*  footer
----------------------------------------------- */
footer{
	font-family: 'Noto Sans Japanese', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo,sans-serifsans-serif; 

	position: relative;

	padding-top: 0;

	background: #f7f7f7;
}
footer .pagetop a{
	font-size: 0;
	line-height: 40px;

	position: fixed;
	z-index: 100; 
	right: 20px;
	bottom: -50px;

	display: block;

	width: 46px;
	height: 46px;

	text-align: center;
	text-decoration: none;

	border-radius: 6px;
	background: rgba(100, 100, 100, .4);
}
footer .pagetop a:before{
	font-family: 'yubin';
	font-size: 40px; 

	content: '\f106';

	color: #fff;
}
footer .pagetop a:hover{
	background: rgba(100, 100, 100, .8);
}
footer .innerwidth{
	padding: 0 0;
}
footer .footNav{
	max-width: 1200px;
	margin: auto;
}
footer .footNav .toolarea{
	display: -webkit-flex;
	display:    -moz-flex;
	display:     -ms-flex;
	display:      -o-flex;
	display:         flex;

	margin-bottom: 20px;
	padding: 20px 0;

	border-bottom: 2px solid #ccc; 

	justify-content: space-between;
	align-items: flex-end;
}
footer .footNav .toolarea li{
	text-align: center;

	border-right: 1px solid #ccc; 

	flex: 1;
}
footer .footNav .toolarea li a{
	font-family: 'Noto Sans Japanese', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo,sans-serifsans-serif;
	font-size: .8rem;
	font-weight: 400;

	display: block;

	padding: 8px 0; 

	color: #c00;

	transitions: .3s;
}
footer .footNav .toolarea li a:before{
	font-family: 'yubin';
	font-size: 70px; 

	display: block;

	content: '\f106';
}
footer .footNav .toolarea li a.postsearch:before{
	content: '\e989';
}
footer .footNav .toolarea li a.zipsearch:before{
	font-size: 90px;
	line-height: 71px; 

	content: '\e98b';
}
footer .footNav .toolarea li a.tracking:before{
	font-size: 86px;
	line-height: 71px; 

	content: '\e98a';
}
footer .footNav .toolarea li a.redeli:before{
	content: '\e990';
}
footer .footNav .toolarea li a.delidays:before{
	font-size: 60px;
	line-height: 70px; 

	content: '\e98f';
}
footer .footNav .toolarea li a.fee:before{
	content: '\e939';
}
footer .footNav .toolarea li a:hover{
	text-decoration: none; 

	background: rgba(255, 255, 255, .7);
}
footer .footNav .toolarea li:last-child{
	border-right: 0;
}
footer .footNav .bodyarea{
	display: -webkit-flex;
	display:    -moz-flex;
	display:     -ms-flex;
	display:      -o-flex;
	display:         flex;

	justify-content: space-between;
}
footer .footNav .bodyarea .half{
	display: -webkit-flex;
	display:    -moz-flex;
	display:     -ms-flex;
	display:      -o-flex;
	display:         flex;

	max-width: 50%;
	padding: 0 2.5%; 

	flex-basis: 50%;
	justify-content: space-between;
}
footer .footNav .bodyarea .half ul{
	font-size: .85rem; 

	max-width: 50%;

	flex-basis: 50%;
}
footer .footNav .bodyarea .half ul li{
	padding: .4em 0;

	text-indent: 0;
}
footer .footNav .bodyarea .half ul li ul.child{
	max-width: 100%; 
	margin-top: .4em;

	flex-basis: 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: -webkit-flex;
	display:    -moz-flex;
	display:     -ms-flex;
	display:      -o-flex;
	display:         flex;

	justify-content: space-between;
}
footer .groupbnr ul li{
	position: relative; 

	width: 32%;
}
footer .groupbnr ul li a{
	display: block;

	padding: 25px 40px;

	transition: .3s; 

	border: 1px solid #ccc;
	background: #fff;
}
footer .groupbnr ul li a:after{
	font-family: 'yubin';

	position: absolute;
	top: 40%; 
	right: 25px;

	content: '\e924';

	color: #333;
}
footer .groupbnr ul li a:hover{
	opacity: .6;
}
footer .footArea{
	line-height: 0;
}
footer .footArea .sp{
	display: none;
}
footer .footArea .upper{
	display: -webkit-flex;
	display:    -moz-flex;
	display:     -ms-flex;
	display:      -o-flex;
	display:         flex;

	margin: 7px auto;

	align-items: center;
}
footer .footArea .upper .logo{
	max-width: 120px; 
	padding-right: 30px;

	text-align: left;

	flex-basis: 120px;
}
footer .footArea .upper .nav{
	flex: 1;
}
footer .footArea .upper .nav ul{
	font-size: 13px;

	display: -webkit-flex;
	display:    -moz-flex;
	display:     -ms-flex;
	display:      -o-flex;
	display:         flex;

	flex-wrap: wrap;
}
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{
	padding: 10px 33px; 

	background: #c00;
}
footer .footArea .lower .sitewidth{
	display: -webkit-flex;
	display:    -moz-flex;
	display:     -ms-flex;
	display:      -o-flex;
	display:         flex;
}
footer .footArea .lower .copy{
	position: relative;
	top: 2px; 

	text-align: right;

	flex: 1;
}

/* 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{
		max-width: 49%; 

		flex-basis: 49%;
	}
	footer .footNav .bodyarea .half ul ul{
		max-width: 100%; 

		flex-basis: 100%;
	}
}

/* yubinpc */
@media screen and (max-width: 750px){
	footer{
		padding-top: 0;
	}
	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{
		max-width: 100%; 

		flex-basis: 100%;
	}
	footer .footNav .bodyarea .half ul{
		max-width: 100%; 

		flex-basis: 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{
		font-family: 'yubin';

		display: inline-block;

		margin-right: .5em;

		content: '\f105';

		color: #c00;
	}
	footer .footNav .bodyarea .half ul.first.arrowR li.nolink:before{
		font-family: 'yubin';

		display: inline-block;

		margin-right: .5em;

		content: '\f105';
	}
	footer .footNav .bodyarea .half:first-child{
		display: block; 

		border-right: 0;
	}
	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: -webkit-flex;
		display:    -moz-flex;
		display:     -ms-flex;
		display:      -o-flex;
		display:         flex;

		align-content: space-between;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	footer .footNav .bodyarea .half:last-child ul li{
		font-size: .9em; 

		padding: .6em .5em .6em 1em;

		text-indent: -.5em;

		border-bottom: 1px solid #ccc;

		flex-basis: 50%;
	}
	footer .footNav .bodyarea .half:last-child ul.sub li{
		padding: .6em .5em .6em 1em;

		border-bottom: none; 

		flex-basis: 49%;
	}
	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{
		font-size: 1.1rem;
		font-weight: bold;

		display: block;

		margin-bottom: .5em; 

		content: '日本郵政グループ';
	}
	footer .groupbnr ul li{
		position: relative;

		width: 100%;
		margin-bottom: 10px;
	}
	footer .groupbnr ul li a{
		display: block;

		padding: 25px 8%;

		transition: .3s; 

		border: 1px solid #ccc;
		background: #fff;
	}
	footer .groupbnr ul li a:after{
		font-family: 'yubin';

		position: absolute;
		top: 40%; 
		right: 25px;

		content: '\e924';

		color: #333;
	}
	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{
		display: -webkit-flex;
		display:    -moz-flex;
		display:     -ms-flex;
		display:      -o-flex;
		display:         flex;

		flex-wrap: wrap;
		align-content: space-between;
		justify-content: space-between;
	}
	footer .footArea .nav ul li{
		font-size: .8rem;

		margin-bottom: .5em;
		padding: .6em 0 .6em 1em; 

		flex-basis: 49%;
	}
	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{
		padding: 15px 0;

		text-align: center; 

		background: #c00;
	}
	footer .footArea .sp .bar img{
		width: 144px;
	}
}

/* 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{
	width: 100%;
	height: auto;
	/*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{
	margin: 10px auto 0; 

	border: 2px solid #fc6;
	background: rgba(255, 204, 102, .05);
}
.importantArea dl{
	line-height: 1.5; 

	display: -webkit-flex;
	display:    -moz-flex;
	display:     -ms-flex;
	display:      -o-flex;
	display:         flex;

	padding: 10px;

	align-items: center;
}
.importantArea dl dt{
	font-weight: 500;

	padding-right: 10px;
}
.importantArea dl dt:before{
	font-family: 'yubin';
	font-weight: normal;

	margin-right: .3em; 

	content: '\ff59';

	color: #fc6;
}
.importantArea dl dd{
	border-left: 1px solid #dcdcdc;
}

/* スマホより大きい */
@media screen and (min-width: 751px){
	.importantArea{
		max-width: 1200px;
		margin: 10px auto 0;
	}
	.importantArea dl dt{
		font-family: '游ゴシック体', YuGothic, '游ゴシック', 'Yu Gothic', sans-serif;
		font-weight: bold;
		font-weight: bold;

		display: inline-block;
	}
	.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{
		font-family: '游ゴシック体', YuGothic, '游ゴシック', 'Yu Gothic', sans-serif;
		font-weight: bold;
		font-weight: bold;

		display: inline-block; 

		padding: 10px 0 0 0;
	}
	.importantArea dl dd{
		font-size: .9rem;

		padding-bottom: .6em;
		padding-left: 15px;

		border-left: 0;
	}
}

/* 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{
	position: relative;

	margin-top: 30px;
}
.relatedbnrArea .slidebnr.swiper-container .swiper-button-prev{
	top: 40px !important;
}
.relatedbnrArea .slidebnr.swiper-container .swiper-button-next{
	top: 40px !important;
	right: 30px !important;
}

.borderbnr4.optionbnrArea ul li a{
	position: relative; 

	display: table;

	color: #c00 !important;
}

.borderbnr4.optionbnrArea ul li a.icon:before{
	position: absolute;
	top: 50%;
	left: 15%;

	transform: translate(-50%, -50%);
}

.borderbnr4.optionbnrArea ul li a.icon:after{
	font-family: 'yubin';
	font-size: 22px;

	position: absolute;
	top: 50%;
	right: 5%;

	content: '\f105';
	transform: translate(-50%, -50%);
}

.borderbnr4.optionbnrArea ul li a.about:before{
	font-family: 'yubin';
	font-size: 50px; 

	content: '\e934';
}

.borderbnr4.optionbnrArea ul li a.recruit:before{
	font-family: 'yubin';
	font-size: 50px; 

	content: '\e941';
}

.borderbnr4.optionbnrArea ul li a.bizpost:before{
	font-family: 'yubin';
	font-size: 50px; 

	content: '\e930';
}

.borderbnr4.optionbnrArea ul li a.campaign:before{
	font-family: 'yubin';
	font-size: 50px; 

	content: '\e932';
}

.borderbnr4.optionbnrArea ul li a.sns:before{
	font-family: 'yubin';
	font-size: 50px; 

	content: '\e943';
}

.borderbnr4.optionbnrArea ul li a.posukuma:before{
	font-family: 'yubin';
	font-size: 50px; 

	content: '\e940';
}

.borderbnr4.optionbnrArea ul li a.kids:before{
	font-family: 'yubin';
	font-size: 50px; 

	content: '\e988';
}

.borderbnr4.optionbnrArea ul li a.cm:before{
	font-family: 'yubin';
	font-size: 50px; 

	content: '\e933';
}

.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{
		display: block;

		height: 0; 

		content: '';

		flex-basis: 32.5%;
	}
	.borderbnr4.optionbnrArea ul li{
		height: auto; 
		margin-bottom: 20px;

		border: none;
	}
	.borderbnr4.optionbnrArea ul li a{
		font-size: .85rem;

		display: block;

		padding: 70px 0 30px;

		transition: .3s; 

		border: 1px solid #c00;
		border-radius: 6px;
	}
	.borderbnr4.optionbnrArea ul li a span{
		font-weight: 400;

		left: 0;

		width: 100%; 
		margin-top: 22px;

		transform: translate(0%, -50%);
	}
	.borderbnr4.optionbnrArea ul li a.icon:before{
		top: 5px;
		right: 0;
		left: 0;

		display: block;

		margin: auto;

		transform: none;
	}
}

/* yubinpc */
@media screen and (max-width: 750px){
	.borderbnr4.optionbnrArea{
		margin: 50px auto;
		padding: 0 3%;
	}
	.borderbnr4.optionbnrArea ul{
		max-width: 100%; 

		flex-basis: 100%;
	}
	.borderbnr4.optionbnrArea ul li{
		max-width: 49%; 

		flex-basis: 49%;
	}
	.borderbnr4.optionbnrArea ul li a.icon:before{
		top: 5px;
		right: 0;
		left: 0;

		display: block;

		margin: auto;

		transform: none;
	}
	.borderbnr4.optionbnrArea ul li a.icon:after{
		font-family: 'yubin';
		font-size: 22px;

		position: absolute;
		top: 50%;
		right: 3%;

		content: '\f105';
		transform: translate(-50%, -50%);
	}
	.borderbnr4.optionbnrArea ul li a.about:before{
		font-family: 'yubin';
		font-size: 50px; 

		content: '\e934';
	}
	.borderbnr4.optionbnrArea ul li a.recruit:before{
		font-family: 'yubin';
		font-size: 50px; 

		content: '\e941';
	}
	.borderbnr4.optionbnrArea ul li a.bizpost:before{
		font-family: 'yubin';
		font-size: 50px; 

		content: '\e930';
	}
	.borderbnr4.optionbnrArea ul li a.campaign:before{
		font-family: 'yubin';
		font-size: 50px; 

		content: '\e932';
	}
	.borderbnr4.optionbnrArea ul li a.sns:before{
		font-family: 'yubin';
		font-size: 50px; 

		content: '\e943';
	}
	.borderbnr4.optionbnrArea ul li a.posukuma:before{
		font-family: 'yubin';
		font-size: 50px; 

		content: '\e940';
	}
	.borderbnr4.optionbnrArea ul li a.kids:before{
		font-family: 'yubin';
		font-size: 50px; 

		content: '\e988';
	}
	.borderbnr4.optionbnrArea ul li a.cm:before{
		font-family: 'yubin';
		font-size: 50px; 

		content: '\e933';
	}
	.borderbnr4.optionbnrArea ul li:nth-of-type(n + 2){
		margin-top: 0;
	}
}

/* sp */
/* トップ追跡・再配達 */
.topSearchBlock{
	display: -webkit-flex;
	display:    -moz-flex;
	display:     -ms-flex;
	display:      -o-flex;
	display:         flex;

	max-width: 1000px;
	margin: 40px auto;
}
.topSearchBlock .head{
	font-family: '游ゴシック体', YuGothic, '游ゴシック', 'Yu Gothic', sans-serif;
	font-size: 1.25rem;
	font-weight: bold;

	margin-bottom: .7em; 

	color: #c00;
}
.topSearchBlock.clm4{
	max-width: 1400px;
	margin: 40px auto; 

	justify-content: space-between;
	align-items: flex-start;
}
.topSearchBlock.clm4 .block{
	position: relative;

	max-width: 25%;
	min-height: 180px; 
	padding: 0 1%;

	border-right: 0;

	flex-basis: 25%;
}
.topSearchBlock.clm4 .block .head a{
	font-family: '游ゴシック体', YuGothic, '游ゴシック', 'Yu Gothic', sans-serif;
	font-size: 1.25rem;
	font-weight: bold;

	margin-bottom: .7em; 

	color: #c00;
}
.topSearchBlock.clm4 .block .formArea form{
	display: -webkit-flex;
	display:    -moz-flex;
	display:     -ms-flex;
	display:      -o-flex;
	display:         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']{
	font-family: 'yubin';
	font-size: 28px;

	margin-left: 8px; 
	padding: 8px;

	vertical-align: bottom;

	color: #fff;
	border: none;
	background: #c00;
}
.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{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0; 

	height: 90px;
	margin: auto;

	content: '';

	border-right: 2px solid #eee;
}
.topSearchBlock.clm4 .block:last-child:after{
	border-right: 0;
}
.topSearchBlock.clm4 .postsearch{
	max-width: 26.66%; 

	flex-basis: 26.66%;
}
.topSearchBlock.clm4 .postsearch .head span:before{
	font-family: 'yubin';
	font-size: 48px;
	font-weight: normal;
	line-height: 0;

	position: relative;
	top: 14px;

	margin-right: 8px; 

	content: '\e93f';
}
.topSearchBlock.clm4 .zipsearch{
	max-width: 26.66%; 

	flex-basis: 26.66%;
}
.topSearchBlock.clm4 .zipsearch .head span:before{
	font-family: 'yubin';
	font-size: 48px;
	font-weight: normal;
	line-height: 0;

	position: relative;
	top: 14px;

	margin-right: 8px; 

	content: '\e945';
}
.topSearchBlock.clm4 .zipsearch dl dt select:after{
	font-family: 'yubin';

	content: '\e93f';
}
.topSearchBlock.clm4 .zipsearch dl dt .selectWrap{
	flex-basis: 35%;
}
.topSearchBlock.clm4 .zipsearch dl dt input{
	flex-basis: 63%;
}
.topSearchBlock.clm4 .tracking{
	max-width: 26.66%; 

	flex-basis: 26.66%;
}
.topSearchBlock.clm4 .tracking .head span:before{
	font-family: 'yubin';
	font-size: 48px;
	font-weight: normal;
	line-height: 0;

	position: relative;
	top: 14px;

	margin-right: 8px; 

	content: '\e944';
}
.topSearchBlock.clm4 .tracking .formArea form{
	display: -webkit-flex;
	display:    -moz-flex;
	display:     -ms-flex;
	display:      -o-flex;
	display:         flex;

	justify-content: space-between;
}
.topSearchBlock.clm4 .tracking .formArea form input[type='text']{
	flex: 1;
}
.topSearchBlock.clm4 .redeli{
	max-width: 20%; 

	flex-basis: 20%;
}
.topSearchBlock.clm4 .redeli .head:before{
	font-family: 'yubin';
	font-size: 48px;
	font-weight: normal;
	line-height: 0;

	position: relative;
	top: 14px;

	margin-right: 8px; 

	content: '\e990';
}
.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{
		max-width: 30%; 

		flex-basis: 30%;
	}
	.topSearchBlock.clm4 .postsearch{
		max-width: 25%; 

		flex-basis: 25%;
	}
	.topSearchBlock.clm4 .tracking{
		max-width: 25%;

		flex-basis: 25%;
		/*padding:0 2% 0 0;*/
	}
	.topSearchBlock.clm4 .tracking .flex .formArea{
		flex-basis: 60%;
	}
	.topSearchBlock.clm4 .tracking .flex .option{
		padding-left: 2%; 

		flex-basis: 40%;
	}
	.topSearchBlock.clm4 .redeli{
		max-width: 20%;

		flex-basis: 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: 0;
	}
}

/* pc */
/* tablet */
@media screen and (min-width: 751px) and (max-width: 1024px){
	.topSearchBlock.clm4{
		margin: 20px auto -20px; 

		flex-wrap: wrap;
		justify-content: space-between;
	}
	.topSearchBlock.clm4 .block{
		max-width: 48%; 

		flex-basis: 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{
		display: block; 

		margin: 30px auto 40px;

		border-bottom: 10px solid #eee;
	}
	.topSearchBlock.clm4.clm4 .block{
		max-width: 100%;
		min-height: auto;
		padding: 15px 0;

		border-bottom: 2px solid #eee; 

		flex-basis: 100%;
	}
	.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{
	text-decoration: none; 

	background: #faecea;
}
.topService .contBox ul.btnRed li a.icon:before{
	font-size: 46px; 
	font-weight: normal;

	position: absolute;
	top: 50%;
	left: 11%;

	transform: translate(-50%, -50%);

	color: #c00;
}
.topService .contBox ul.btnRed li a.day:before{
	font-family: 'yubin';

	content: '\e937';
}
.topService .contBox ul.btnRed li a.fee:before{
	font-family: 'yubin';

	content: '\e939';
}
.topService .contBox ul.btnRed li a.pickup:before{
	font-family: 'yubin';

	content: '\e93e';
}
.topService .contBox ul.btnRed li a.make:before{
	font-family: 'yubin';

	content: '\e93d';
}
.topService .contBox ul.btnRed li a.compare:before{
	font-family: 'yubin';

	content: '\e98e';
}
.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{
	line-height: 0;

	position: relative;
	bottom: 0;
	left: -21%;

	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-right: 30px; 
		padding-left: 42px;
	}
	.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{
		font-family: '游ゴシック体', YuGothic, '游ゴシック', 'Yu Gothic', sans-serif;
		font-size: 1rem; 
		font-weight: bold;
		line-height: 1.3;

		display: block;

		margin-left: 0;
	}
	.visualblockA.topService .contBox ul.btnRed.arrowR.clm2 li a span br{
		font-size: 0;
	}
	.visualblockA.topService .contBox ul.btnRed.arrowR.clm2 li a:hover{
		text-decoration: none; 

		background: #faecea;
	}
	.visualblockA.topService .contBox ul.btnRed.arrowR.clm2 li a.icon:before{
		font-weight: normal;
		line-height: 1;

		position: static;

		display: block;

		transform: none; 

		color: #c00;
	}
	.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{
	font-size: 40px;
	font-weight: normal;
	line-height: 0;

	position: relative;
	top: 8px;

	margin-right: 4px; 

	color: #c00;
}

.topFinance .contBox .head.junbi:before{
	font-family: 'yubin';

	content: '\e94b';
}

.topFinance .contBox .head.sonaeru:before{
	font-family: 'yubin';

	content: '\e94d';
}

.topFinance .contBox .head.nokosu:before{
	font-family: 'yubin';

	content: '\e94c';
}

.topFinance .contBox .head.fuyasu:before{
	font-family: 'yubin';

	content: '\e94a';
}

@media screen and (max-width: 750px){
	/* トップ　銀行と保険のサービス */
	.topFinance .contBox div.clm2{
		display: block;
	}
	.topFinance .contBox div.clm2 .clm{
		width: 100%;
		margin-bottom: 15px;
		padding-bottom: 10px;
	}
	.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{
		position: relative;

		margin-top: 30px;
	}
	.relatedbnrArea .slidebnr.swiper-container .swiper-button-prev{
		top: 40px !important;
	}
	.relatedbnrArea .slidebnr.swiper-container .swiper-button-next{
		top: 40px !important;
		right: 30px !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{
	position: absolute;
	right: 0;
	bottom: 24%;

	display: -webkit-flex;
	display:    -moz-flex;
	display:     -ms-flex;
	display:      -o-flex;
	display:         flex;

	text-align: center;
}
.page_service .serviceIcon ul.icon li{
	position: relative; 

	width: 50px;
	height: 50px;
	margin-right: 10px;

	border: 1px solid #c00;
	border-radius: 3px;
	background: #fff;
}
.page_service .serviceIcon ul.icon li span{
	font-family: 'Noto Sans Japanese', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo,sans-serifsans-serif;
	font-size: 6px;
	font-size: 10px;
	font-weight: 400;
	line-height: 1; 

	position: absolute;
	right: 0;
	bottom: 2px;
	left: 0;

	display: block;
	/*width: 188.888%;*/

	width: calc(100%/.9);
	margin: auto;

	-webkit-transform: scale(.9);
	        transform: scale(.9);
	-webkit-transform-origin: left center;
	        transform-origin: left center;
}
.page_service .serviceIcon ul.icon li span:before{
	font-size: 38px; 
	font-weight: normal;

	display: block;
}
.page_service .serviceIcon ul.icon li span.toukan:before{
	font-family: 'yubin';

	content: '\e980';
}
.page_service .serviceIcon ul.icon li span.shuka:before{
	font-family: 'yubin';

	content: '\e93e';
}
.page_service .serviceIcon ul.icon li span.tsuiseki:before{
	font-family: 'yubin';

	content: '\e944';
}
.page_service .serviceIcon ul.icon li span.jikan:before{
	font-family: 'yubin';

	content: '\e979';
}
.page_service .serviceIcon ul.icon li span.conveni:before{
	font-family: 'yubin';

	content: '\e936';
}
.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{
	font-family: 'yubin';
	font-size: 86%;
	font-weight: normal; 

	margin-left: .3em;

	content: '\e924';

	color: #c00;
}
.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{
		width: 42px;
		height: 42px;
		margin-right: 4px;
	}
	.page_service .serviceIcon ul.icon li span{
		font-size: 10px;

		width: 188.888%;
		width: calc(100%/.85);

		-webkit-transform: scale(.85);
		        transform: scale(.85); 
		letter-spacing: -.1em;
	}
	.page_service .serviceIcon ul.icon li span:before{
		font-size: 38px;
		font-weight: normal;
		line-height: .9; 

		display: block;
	}
	.page_service .serviceList .boxGray{
		padding: 20px 3.5%;
	}
	.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;

		width: 49%; 
		margin: .8em 0;
	}
	.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 */
}

/* sp */
/* sp */
/*  send
----------------------------------------------- */
.compareBoxS{
	position: relative; 

	margin-top: 30px;
}
.compareBoxS p.more{
	position: absolute;
	top: 10px; 
	right: 0;
}
.compareBoxS .head4{
	font-size: 1.1rem;

	margin-top: 0;
}
.compareBoxS .inner{
	display: -webkit-flex;
	display:    -moz-flex;
	display:     -ms-flex;
	display:      -o-flex;
	display:         flex;
}
.compareBoxS .inner .step .balloon{
	position: relative;
	position: relative; 

	margin-right: 30px;
	padding: 15px 25px;

	border: 1px solid #ccc;
}
.compareBoxS .inner .step .balloon:before{
	position: absolute;
	z-index: 2; 
	top: 50%;
	right: -36px;

	margin-top: -12px;

	content: '';

	border: 18px solid transparent;
	border-left: 18px solid #fff;
}
.compareBoxS .inner .step .balloon:after{
	position: absolute;
	z-index: 1; 
	top: 50%;
	right: -40px;

	margin-top: -14px;

	content: '';

	border: 20px solid transparent;
	border-left: 20px solid #ccc;
}
.compareBoxS .inner .step.no2{
	display: -webkit-flex;
	display:    -moz-flex;
	display:     -ms-flex;
	display:      -o-flex;
	display:         flex;

	align-items: center;
	flex: 1;
}
.compareBoxS .inner .step.no2 .balloon .sub{
	position: absolute;
	top: 15px; 
	right: 20px;
}
.compareBoxS .inner .step.no2 .balloon .sub a{
	font-size: .8em;

	padding: .2em .8em;

	color: #fff;
	border-radius: 5px; 
	background: #c00;
}
.compareBoxS .inner dl{
	display: -webkit-flex;
	display:    -moz-flex;
	display:     -ms-flex;
	display:      -o-flex;
	display:         flex;

	margin-bottom: 10px;

	align-items: center;
}
.compareBoxS .inner dl dt{
	font-family: 'Noto Sans Japanese', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo,sans-serifsans-serif;
	font-weight: 400;

	width: 5em;
	margin-right: 8px; 
	padding: .6em 0;

	text-align: center;

	color: #c00;
	border: 1px solid #c00;
}
.compareBoxS .inner dl:last-child{
	margin-bottom: 0;
}
.compareBoxS .inner dl.size ul.item input[type='text']{
	width: 8em;
	margin-right: 4px;
}
.compareBoxS .inner dl.size ul.item li:after{
	font-family: 'yubin';
	font-size: 30px;

	position: relative;
	top: .2em; 

	margin: 0 5px;

	content: '\e912';

	color: #aaa;
}
.compareBoxS .inner dl.size ul.item li:last-child:after{
	margin: 0; 

	content: none;
}
.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{
		position: relative;

		margin-right: 0;
		margin-bottom: 30px;
		padding: 15px;
	}
	.compareBoxS .inner .step .balloon:before,.compareBoxS .inner .step .balloon:after{
		position: static;

		margin-top: 0; 

		border: none;
	}
	.compareBoxS .inner .step .balloon:after{
		font-family: 'yubin';
		font-size: 30px;

		position: absolute;
		top: auto; 
		right: 0;
		bottom: -30px;
		left: 0;

		display: block;

		width: 30px;
		margin: auto;

		content: '\f0d7';

		color: #a0a0a0;
	}
	.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{
		max-width: 25%;

		flex-basis: 25%;
	}
	.compareBoxS .inner dl dd{
		flex: 1;
	}
	.compareBoxS .inner dl.size ul.item{
		display: block;
	}
	.compareBoxS .inner dl.size ul.item input[type='text']{
		width: calc(100% - 2.5em);
		margin-right: 4px;
	}
	.compareBoxS .inner dl.size ul.item li:after{
		content: none;
	}
	.compareBoxS .inner ul.item{
		display: block;
	}
	.compareBoxS .inner ul.item li{
		width: 100%; 
		margin: 0 0 10px;
	}
	.compareBoxS .inner ul.item li:last-child{
		width: 100%; 
		margin-bottom: 0;
	}
}

/* sp */
/* sp */
.formArea.compare p.more a{
	color: #c00;
}

.formArea.compare input[type='checkbox'] + label,.formArea.compare input[type='radio'] + label{
	display: block; 

	color: #646464;
	border: 1px solid #646464;
	background: #fff;
}

.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{
	color: #fff; 
	border: 1px solid #c00;
	background: #c00;
}
.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{
	font-family: 'yubin';

	margin: 0 .8em; 

	content: '\e912';
}

.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{
	padding: 10px 15px;

	border: 1px solid #c00;
	border-radius: 5px; 
	background: #fff;
}
.formArea.compare .simpletoggle .parent{
	margin: 0; 
	padding: 8px 10px 8px 60px;

	border: 0;
}
.formArea.compare .simpletoggle .parent:before{
	top: -2px; 
	right: auto;
	left: 0;
}
.formArea.compare .simpletoggle .parent.active{
	padding-bottom: 15px; 

	border-bottom: 1px solid #c8c8c8;
}
.formArea.compare .simpletoggle .parent.active:before{
	top: -6px;
}
.formArea.compare .simpletoggle.narrow .option{
	justify-content: space-between;
}
.formArea.compare .simpletoggle.narrow .option li{
	position: relative; 

	margin: 0 0 8px;

	flex-basis: 32%;
}
.formArea.compare .simpletoggle.narrow .option li label{
	font-size: .8rem;

	display: block;

	text-align: center;
}
.formArea.compare .simpletoggle.narrow .option input[type='checkbox'] + label:before{
	line-height: 22px; 

	position: absolute;
	top: 0;
	bottom: 0;
	left: 4px;

	height: 22px;
	margin: auto;
}

.formArea.compare .howtosubmit li{
	display: -webkit-flex;
	display:    -moz-flex;
	display:     -ms-flex;
	display:      -o-flex;
	display:         flex; 

	margin: 0 0 10px;
}

.formArea.compare .howtosubmit label{
	font-size: .8rem;

	display: block;

	text-align: center;

	color: #fff;
	background: #c00;

	flex: 1;
}
.formArea.compare .howtosubmit label i:before{
	font-family: 'yubin';
	font-size: 22px;
	font-style: normal; 

	display: inline-block;

	margin: -1px 3px 0 0;

	content: '\e92b';
	vertical-align: middle;

	color: #737373;
}
.formArea.compare .howtosubmit label small{
	font-size: .7em;
}

.formArea.compare .howtosubmit input[type='checkbox']:checked + label i:before{
	font-family: 'yubin'; 

	content: '\e92a';

	color: #fff;
}

.formArea.compare .howtosubmit input[type='checkbox'] + label:before{
	font-size: 46px;
	font-weight: normal; 

	display: block;

	color: #646464;
}

.formArea.compare .howtosubmit input[type='checkbox']:checked + label:before{
	color: #fff;
}

.formArea.compare .howtosubmit label.pickup:before{
	font-family: 'yubin';

	content: '\e93e';
}

.formArea.compare .howtosubmit label.toukan:before{
	font-family: 'yubin';

	content: '\e980';
}

.formArea.compare .howtosubmit label.conveni:before{
	font-family: 'yubin';

	content: '\e936';
}

.formArea.compare.result .narrow.result .detail .box{
	margin-bottom: 6px;
}
.formArea.compare.result .narrow.result .detail .box > dd{
	display: -webkit-flex;
	display:    -moz-flex;
	display:     -ms-flex;
	display:      -o-flex;
	display:         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: -webkit-flex;
	display:    -moz-flex;
	display:     -ms-flex;
	display:      -o-flex;
	display:         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: -webkit-flex;
	display:    -moz-flex;
	display:     -ms-flex;
	display:      -o-flex;
	display:         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{
	justify-content: space-between;
	flex-basis: 48%;
}
.formArea.compare.result .narrow.result .refine .option li{
	position: relative; 

	margin: 0 0 8px;

	flex-basis: 32%;
}
.formArea.compare.result .narrow.result .refine .option li label{
	font-size: .8rem;

	display: block;

	text-align: center;
}
.formArea.compare.result .narrow.result .refine .option input[type='checkbox'] + label:before{
	line-height: 22px; 

	position: absolute;
	top: 0;
	bottom: 0;
	left: 4px;

	height: 22px;
	margin: auto;
}

.formArea.compare .resultList{
	display: -webkit-flex;
	display:    -moz-flex;
	display:     -ms-flex;
	display:      -o-flex;
	display:         flex;

	margin-top: 30px; 

	flex-wrap: wrap;
	justify-content: space-between;
}
.formArea.compare .resultList a{
	position: relative;

	display: block;

	max-width: 49%;
	margin-bottom: 18px; 
	padding: 15px 30px 15px 15px;

	transition: .3s;

	border: 1px solid #fff;
	background: #fff;

	flex-basis: 49%;
}
.formArea.compare .resultList a dl{
	display: -webkit-flex;
	display:    -moz-flex;
	display:     -ms-flex;
	display:      -o-flex;
	display:         flex;
}
.formArea.compare .resultList a dl dt.img{
	display: -webkit-flex;
	display:    -moz-flex;
	display:     -ms-flex;
	display:      -o-flex;
	display:         flex;

	max-width: 42%;

	border: 1px solid #a0a0a0;
	background: #fff; 

	flex-basis: 42%;
	align-items: center;
	justify-content: center;
}
.formArea.compare .resultList a dl dd{
	max-width: 58%;
	padding-left: 2%; 

	flex-basis: 58%;
}
.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{
	font-size: .75rem;

	position: relative;
	top: -3px;

	display: inline-block;

	margin-left: 3px; 
	padding: .2em .6em;

	color: #c00;
	border: 1px solid #c00;
}
.formArea.compare .resultList a dl dd .method li{
	display: inline-block;
}
.formArea.compare .resultList a dl dd .method li:before{
	font-family: 'yubin';
	font-size: 28px;
	font-weight: normal;
	line-height: 1; 

	margin-right: 0;

	color: #a0a0a0;
}
.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{
	font-size: 30px; 

	content: '\e980';
}
.formArea.compare .resultList a dl dd .method .conveni:before{
	font-size: 30px; 

	content: '\e936';
}
.formArea.compare .resultList a dl dd .spec{
	font-size: .84rem;

	margin: .3em 0 .6em;
}
.formArea.compare .resultList a dl dd .fee{
	font-family: '游ゴシック体', YuGothic, '游ゴシック', 'Yu Gothic', sans-serif;
	font-weight: bold; 

	display: -webkit-flex;
	display:    -moz-flex;
	display:     -ms-flex;
	display:      -o-flex;
	display:         flex;

	padding: 8px 0;

	border-top: 1px solid #a0a0a0;

	justify-content: space-between;
	align-items: center;
}
.formArea.compare .resultList a dl dd .fee .price{
	font-size: 1.3rem;
}
.formArea.compare .resultList a:hover{
	text-decoration: none;

	border: 1px solid #c00; 
	background: #faecea;
}
.formArea.compare .resultList a:after{
	font-family: 'yubin';
	font-size: 21px;
	line-height: 0; 

	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;

	width: 18px;
	height: 21px;
	margin: auto;

	content: '\f105';

	color: #c00;
}

.formArea.compare .detailArea{
	padding: 20px; 

	background: #fff;
}
.formArea.compare .detailArea .headArea{
	display: -webkit-flex;
	display:    -moz-flex;
	display:     -ms-flex;
	display:      -o-flex;
	display:         flex;

	padding-bottom: 25px; 

	justify-content: space-between;
}
.formArea.compare .detailArea .headArea .product{
	display: -webkit-flex;
	display:    -moz-flex;
	display:     -ms-flex;
	display:      -o-flex;
	display:         flex; 

	max-width: 100%;

	flex-basis: 100%;
}
.formArea.compare .detailArea .headArea .product dt.img{
	display: -webkit-flex;
	display:    -moz-flex;
	display:     -ms-flex;
	display:      -o-flex;
	display:         flex;

	max-width: 35%;

	border: 1px solid #a0a0a0;

	flex-basis: 35%;
	align-items: center;
	justify-content: center;
}
.formArea.compare .detailArea .headArea .product dd{
	/*flex-basis:60%; max-width:60%; */
	padding-left: 3%;

	flex: 1;
}
.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{
	font-size: .75rem;

	position: relative;
	top: -.1em; 

	display: inline-block;

	padding: .2em .8em;

	color: #c00;
	border: 1px solid #c00;
}
.formArea.compare .detailArea .headArea .product dd .spec{
	font-size: .9rem;

	margin: .3em 0 .6em;
}
.formArea.compare .detailArea .headArea .product dd .fee{
	font-family: '游ゴシック体', YuGothic, '游ゴシック', 'Yu Gothic', sans-serif;
	font-weight: bold; 

	display: -webkit-flex;
	display:    -moz-flex;
	display:     -ms-flex;
	display:      -o-flex;
	display:         flex;

	padding: 12px 0;

	border-top: 1px solid #a0a0a0;

	justify-content: space-between;
	align-items: center;
}
.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{
	max-width: 24%;
	padding-left: 1em; 

	flex-basis: 24%;
}
.formArea.compare .detailArea .headArea .product dd #detail .fee:nth-child(n + 2) .price{
	font-size: 1rem;

	text-align: right;

	flex: 1;
}
.formArea.compare .detailArea .headArea .product dd #detail .fee:nth-child(n + 2) .price span{
	font-size: .8rem;
	font-weight: 500;

	display: block;

	color: #c00;
}
.formArea.compare .detailArea .headArea .link{
	max-width: 35%; 

	flex-basis: 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{
	width: 35%;
	margin-right: 0;
	margin-left: auto;
}
.formArea.compare .detailArea .bodyArea{
	display: -webkit-flex;
	display:    -moz-flex;
	display:     -ms-flex;
	display:      -o-flex;
	display:         flex;

	padding: 20px 0;

	border-top: 1px solid #a0a0a0;
	border-bottom: 1px solid #a0a0a0;

	justify-content: space-between;
}
.formArea.compare .detailArea .bodyArea .clm{
	max-width: 35%; 

	flex-basis: 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{
	border-radius: 11px; 
	background: #fff;
}
.formArea.compare .detailArea .bodyArea .clm.slim{
	max-width: 28%; 

	flex-basis: 28%;
}
.formArea.compare .detailArea .bodyArea table{
	font-size: .75rem;

	width: 100%;

	border-spacing: 4px; 
	border-collapse: separate;

	text-align: left;
}
.formArea.compare .detailArea .bodyArea table th,.formArea.compare .detailArea .bodyArea table td{
	padding: .5em;
}
.formArea.compare .detailArea .bodyArea table th{
	font-weight: normal;

	background: #eee;
}
.formArea.compare .detailArea .bodyArea table td{
	font-weight: normal;

	background: #f7f7f7;
}
.formArea.compare .detailArea .bodyArea ul.method{
	display: -webkit-flex;
	display:    -moz-flex;
	display:     -ms-flex;
	display:      -o-flex;
	display:         flex;

	margin-bottom: 15px; 

	justify-content: space-between;
	flex-wrap: wrap;
}
.formArea.compare .detailArea .bodyArea ul.method li{
	font-size: 13px;
	line-height: 1.1; 

	max-width: 31%;
	padding: 2px 0 8px;

	text-align: center;

	color: #c00;
	border: 1px solid #c00;
	border-radius: 5px;

	flex-basis: 31%;
}
.formArea.compare .detailArea .bodyArea ul.method li.pickup:before{
	font-family: 'yubin';
	font-size: 46px;
	line-height: 1; 

	display: block;

	content: '\e93e';
}
.formArea.compare .detailArea .bodyArea ul.method li.post:before{
	font-family: 'yubin';
	font-size: 46px;
	line-height: 1; 

	display: block;

	content: '\e980';
}
.formArea.compare .detailArea .bodyArea ul.method li.conveni:before{
	font-family: 'yubin';
	font-size: 46px;
	line-height: 1; 

	display: block;

	content: '\e936';
}
.formArea.compare .detailArea .bodyArea ul.method li.off{
	color: #a0a0a0;
	border: 1px solid #a0a0a0;
}
.formArea.compare .detailArea .bodyArea .bnr a{
	font-family: 'Noto Sans Japanese', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo,sans-serifsans-serif;
	font-size: .9rem;

	display: -webkit-flex;
	display:    -moz-flex;
	display:     -ms-flex;
	display:      -o-flex;
	display:         flex;

	padding: 5px;

	transition: .3s; 

	border: 1px solid #a0a0a0;
	border-radius: 5px;

	align-items: center;
}
.formArea.compare .detailArea .bodyArea .bnr a .img{
	max-width: 20%; 

	flex-basis: 20%;
}
.formArea.compare .detailArea .bodyArea .bnr a .text{
	font-size: .85rem; 

	padding-left: 10px;

	flex: 1;
}
.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;

		max-width: 60%;
		margin-top: 3px; 
		margin-left: 0;

		text-align: center;
	}
}

/* yubinpc */
/* tablet */
@media screen and (min-width: 751px) and (max-width: 1024px){
	.formArea.compare .detailArea .moreLinkArea{
		width: 50%; 
		margin: auto;
	}
}

/* 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: -webkit-flex;
		display:    -moz-flex;
		display:     -ms-flex;
		display:      -o-flex;
		display:         flex;

		flex-wrap: wrap;
	}
	.formArea.compare dl.box dl.compact dd ul.flex:first-child li{
		max-width: 72%;
		padding-left: 4%; 

		flex-basis: 72%;
	}
	.formArea.compare dl.box dl.compact dd ul.flex:first-child li.head{
		width: 5em;
		max-width: auto;
		margin: 0;
		padding-left: 0; 

		flex-basis: auto;
	}
	.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{
		max-width: 100%; 

		flex-basis: 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{
		font-weight: bold; 

		display: block;

		margin: 6px 0 0 -15%;

		text-align: center;
	}
	.formArea.compare .simpletoggle{
		padding: 10px 15px;

		border: 1px solid #c00;
		border-radius: 5px; 
		background: #fff;
	}
	.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{
		max-width: auto; 
		margin: 0 2px 8px;
		/*flex-basis:49%;*/

		flex-basis: auto;
	}
	.formArea.compare .simpletoggle.narrow .option li label{
		font-size: .8rem; 

		display: block;
	}
	.formArea.compare.result .narrow.result .detail .box > dd > *{
		max-width: 100%; 

		flex-basis: 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: -webkit-flex;
		display:    -moz-flex;
		display:     -ms-flex;
		display:      -o-flex;
		display:         flex;
	}
	.formArea.compare.result .narrow.result .detail .box > dd dl.compact dd ul.flex:first-of-type li{
		max-width: 26%;
		margin-bottom: 0;
		padding-left: 2%; 

		flex-basis: 26%;
	}
	.formArea.compare.result .narrow.result .detail .box > dd dl.compact dd ul.flex:first-of-type li.head{
		width: 4em;
		max-width: none;
		margin-right: 2%; 
		padding-left: 0;

		flex-basis: auto;
	}
	.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;

		max-width: none;
		padding-left: 0; 

		flex-basis: auto;
	}
	.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{
		max-width: 100%; 

		flex-basis: 100%;
	}
	.formArea.compare.result .narrow.result .refine .option ul.item li label{
		font-size: .8rem; 

		display: block;
	}
	.formArea.compare .resultList{
		margin-top: 15px;
	}
	.formArea.compare .resultList a{
		max-width: 100%;
		padding: 0;

		border-radius: 0 0 10px 10px; 

		flex-basis: 100%;
	}
	.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{
		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;

		border-top: 2px dashed #eee;
	}
	.formArea.compare .resultList a .spDisp.more:before{
		font-family: 'yubin';

		margin-right: .2em; 

		content: '\f101';

		color: #c00;
	}
	.formArea.compare .resultList a:after{
		width: auto; 

		content: none;
	}
	.formArea.compare .detailArea{
		padding: 3%;
	}
	.formArea.compare .detailArea .headArea{
		display: block;

		padding-bottom: 0;
	}
	.formArea.compare .detailArea .headArea dl.product{
		display: block;

		max-width: 100%;

		flex-basis: 100%;
	}
	.formArea.compare .detailArea .headArea dl.product dt.img{
		display: block;

		max-width: 100%;

		text-align: center; 

		flex-basis: 100%;
	}
	.formArea.compare .detailArea .headArea dl.product dd{
		max-width: 100%;
		margin-top: 10px;

		flex-basis: 100%;
	}
	.formArea.compare .detailArea .headArea dl.product dd #detail .fee:nth-child(n + 2) .head{
		max-width: 30%;
		padding-left: 1em; 

		flex-basis: 30%;
	}
	.formArea.compare .detailArea .headArea dl.link{
		max-width: 100%;
		margin-top: 10px;

		flex-basis: 100%;
	}
	.formArea.compare .detailArea .headArea dl.link a[class^='btn'].slim{
		padding-right: 1.3em;
	}
	.formArea.compare .detailArea .bodyArea{
		display: block;

		max-width: 100%;

		flex-basis: 100%;
	}
	.formArea.compare .detailArea .bodyArea .clm,.formArea.compare .detailArea .bodyArea .clm.slim{
		max-width: 100%;

		flex-basis: 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 */
.slidename-compare .swiper-slide dl dd{
	min-height: 100px; 
	padding: 10px 15px;
}

.slidename-compare .swiper-slide .copy{
	font-family: 'Noto Sans Japanese', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo,sans-serifsans-serif;
	font-size: .9rem;
	font-weight: 400;

	padding: .3em 0; 

	color: #c00;
	background: #f7f7f7;
}

.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{
	font-size: .75rem;

	position: relative;
	top: -.1em; 

	display: inline-block;

	padding: .2em .8em;

	color: #c00;
	border: 1px solid #c00;
}

.slidename-compare .swiper-slide .spec{
	font-size: .9rem;

	margin: .3em 0 .6em;
}

.slidename-compare .swiper-slide .fee{
	font-family: '游ゴシック体', YuGothic, '游ゴシック', 'Yu Gothic', sans-serif;
	font-weight: bold; 

	display: -webkit-flex;
	display:    -moz-flex;
	display:     -ms-flex;
	display:      -o-flex;
	display:         flex;

	padding: 8px 0 0;

	border-top: 1px solid #a0a0a0;

	justify-content: space-between;
	align-items: center;
}
.slidename-compare .swiper-slide .fee .price{
	font-size: 1.35rem;
}

/*  newsrelease
----------------------------------------------- */
.slidepanel .newspickup .swiper-slide{
	display: -webkit-flex;
	display:    -moz-flex;
	display:     -ms-flex;
	display:      -o-flex;
	display:         flex;
	flex-direction: column;

	background: #fff;
}

.slidepanel .newspickup .swiper-slide dl dd{
	position: relative;

	min-height: 11em;
	padding-bottom: 1.5em;
}
.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{
	margin-right: 4px; 

	color: #646464;
	border: 1px solid #646464;
}
.slidepanel .newspickup .swiper-slide dl dd .meta .tag{
	color: #c00; 
	border: 1px solid #c00;
}
.slidepanel .newspickup .swiper-slide dl dd .title{
	font-size: 1rem;
}
.slidepanel .newspickup .swiper-slide dl dd .date{
	font-size: .9rem;

	position: absolute;
	right: 15px;
	bottom: 10px; 

	text-align: right;
}

.newsreleaseList dl{
	margin: 1rem auto 2.5rem; 

	border-top: 1px solid #646464;
}
.newsreleaseList dl dd.meta span{
	font-size: .8rem; 

	display: inline-block;
}
.newsreleaseList dl dd.meta .date{
	padding: .2em 1em; 

	color: #fff;
	background: #646464;
}
.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{
	font-family: 'yubin';

	margin-right: .4em; 

	content: '\f105';
}
.newsreleaseList dl dd.tag{
	margin-left: 15px;
}
.newsreleaseList dl dd.tag span{
	font-size: .8rem;

	display: inline-block; 

	padding: 0 .6em;

	color: #c00;
	border: 1px solid #c00;
}
.newsreleaseList dl dd.tag span:before{
	font-family: 'yubin';
	font-size: 130%;

	position: relative;
	top: .1em; 

	margin-right: .2em;
}
.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{
	font-family: '游ゴシック体', YuGothic, '游ゴシック', 'Yu Gothic', sans-serif;
	font-size: 1.1rem;
	font-weight: bold;

	margin: 0; 

	color: #c00;
}

.refineSearch .head.period{
	margin-top: -10px;
}

.refineSearch .head.cat{
	margin: 10px 0 0 0;
}

.refineSearch button[type='submit'],.refineSearch input[type='submit']{
	color: #a0a0a0;
	border: 1px solid #a0a0a0; 
	background: #fff;
}
.refineSearch button[type='submit'].active,.refineSearch input[type='submit'].active{
	color: #fff; 
	border: 1px solid #c00;
	background: #c00;
}

.refineSearch ul.clm_year li{
	display: inline-block;

	width: 12%; 
	margin-bottom: 10px;
}
.refineSearch ul.clm_year li button,.refineSearch ul.clm_year li input{
	width: 100%;
}

.refineSearch ul.clm_year.wide li{
	width: 18.5%;
	margin-right: .8%;
}

.refineSearch ul.clm_year.wide li:nth-child(5n){
	margin-right: 0;
}

.refineSearch dl.clm_cat{
	display: -webkit-flex;
	display:    -moz-flex;
	display:     -ms-flex;
	display:      -o-flex;
	display:         flex;

	justify-content: space-between;
}
.refineSearch dl.clm_cat dt{
	max-width: 18.5%;

	flex-basis: 18.5%;
}
.refineSearch dl.clm_cat dt button,.refineSearch dl.clm_cat dt input{
	width: 100%;
	padding: 2.25em 0;
}
.refineSearch dl.clm_cat dd{
	max-width: 81.5%;
	padding-left: 1%; 

	flex-basis: 81.5%;
}
.refineSearch dl.clm_cat dd button,.refineSearch dl.clm_cat dd input{
	position: relative; 

	display: inline-block;

	width: 23.5%;
	margin-right: 1%;
	padding: .7em .5em !important;
}
.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{
	font-family: 'yubin';
	font-size: 20px;
	font-style: normal;
	line-height: 1; 

	position: absolute;
	top: 0;
	bottom: 0;
	left: 10px;

	height: 20px;
	margin: auto;

	color: #a0a0a0;
}
.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{
	padding: .5em 1em; 

	border-left: 1px solid #c8c8c8;
}
.refineSearch .more a{
	color: #c00;
}
.refineSearch .more a:before{
	font-family: 'yubin';

	margin-right: .4em; 

	content: '\f107';
}

.sortBtn{
	display: -webkit-flex;
	display:    -moz-flex;
	display:     -ms-flex;
	display:      -o-flex;
	display:         flex;

	text-align: right;

	justify-content: flex-end;
}
.sortBtn button[type='submit'].slim{
	font-family: 'yubin';
	font-size: .9rem;
	line-height: 1; 

	padding: .2em 1.5em .8em;

	color: #646464;
	background: #eee;
}
.sortBtn button[type='submit'].slim i:before{
	font-size: 160%;

	position: relative;
	top: .2em;

	margin-right: .2em;
}
.sortBtn button[type='submit'].slim.active{
	color: #fff; 
	background: #c00;
}
.sortBtn div button#desc{
	border-radius: 5px 0 0 5px;
}
.sortBtn div button#desc i{
	font-style: normal;
}
.sortBtn div button#desc i:before{
	font-family: 'yubin';

	content: '\e96d';
}
.sortBtn div button#asce{
	border-radius: 0 5px 5px 0;
}
.sortBtn div button#asce i{
	font-style: normal;
}
.sortBtn div button#asce i:before{
	font-family: 'yubin';

	content: '\e96e';
}

/* 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;

		width: 32%;
		margin-right: .5%;
	}
	.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{
		position: relative;

		display: -webkit-flex;
		display:    -moz-flex;
		display:     -ms-flex;
		display:      -o-flex;
		display:         flex;

		width: 98%;
		margin-top: -150px; 

		background: none;

		flex-wrap: wrap;
		justify-content: space-between;
	}
	.refineSearch .innerwidth .tabbox1,.refineSearch .innerwidth .tabbox2{
		display: none;

		width: 100%;
		max-width: 100%;
		padding: 10px; 

		border-top: 5px #c00 solid;
		background: #eee;

		flex-basis: 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{
		font-family: '游ゴシック体', YuGothic, '游ゴシック', 'Yu Gothic', sans-serif;
		font-weight: bold;

		width: 49%;
		margin-right: 2%; 
		padding: 1em 0;

		text-align: center;

		color: #a0a0a0;
		border-radius: 5px 5px 0 0;
		background: #eee;
	}
	.refineSearch .innerwidth input[type='radio'] + label:before{
		content: none !important;
	}
	.refineSearch .innerwidth input[type='radio']:checked + label{
		color: #fff; 
		background: #c00;
	}
	.refineSearch .innerwidth input[type='radio']#tab-2 + label{
		margin-right: 0;
	}
	.refineSearch .innerwidth ul.clm_year{
		display: -webkit-flex;
		display:    -moz-flex;
		display:     -ms-flex;
		display:      -o-flex;
		display:         flex;

		margin-top: 10px; 

		flex-wrap: wrap;
		justify-content: space-between;
	}
	.refineSearch .innerwidth ul.clm_year li{
		max-width: 48%; 

		flex-basis: 48%;
	}
	.refineSearch .innerwidth ul.clm_year li.more{
		max-width: 100%;
		margin-top: 10px; 
		padding: 1em .5em;

		border-top: 1px solid #c8c8c8;
		border-left: 0;

		flex-basis: 100%;
	}
	.refineSearch .innerwidth dl.clm_cat{
		display: block;
	}
	.refineSearch .innerwidth dl.clm_cat dt{
		max-width: 100%;
		margin-bottom: 8px; 

		flex-basis: 100%;
	}
	.refineSearch .innerwidth dl.clm_cat dt button[type='submit']{
		font-size: .74rem; 

		padding: .8em 0;
	}
	.refineSearch .innerwidth dl.clm_cat dd{
		display: -webkit-flex;
		display:    -moz-flex;
		display:     -ms-flex;
		display:      -o-flex;
		display:         flex;

		max-width: 100%;
		padding-left: 0; 

		flex-wrap: wrap;
		justify-content: space-between;
		flex-basis: 100%;
	}
	.refineSearch .innerwidth dl.clm_cat dd button[type='submit']{
		font-size: .74rem;

		width: 49%;
		max-width: 49%;
		margin-right: 0;
		margin-bottom: 8px;
		padding: .8em 0  .8em 10px !important; 

		flex-basis: 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;
	}
}

/* sp */
/*  busines（ビズポスト）
----------------------------------------------- */
@media screen and (max-width: 750px){
	#biz_contents .inpageLinkbtn{
		padding: 0 3%;
	}
	#biz_contents .inpageLinkbtn ul li a{
		max-width: 100%;

		flex-basis: 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{
		width: 7em;

		text-align: left;
	}
	.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{
		max-width: 100%; 

		flex-basis: 100% !important;
	}
}

/* sp */
/*  buy
----------------------------------------------- */
.kitteList5.newkitte a:nth-child(n + 6){
	display: none;
}

.kitteList4.newkitte a:nth-child(n + 5){
	display: none;
}

/*----------------------------------------------------------
	basic module
--------------------------------------------------------- */
/* 2clm page */
.contWrap > .pageClm2{
	display: -webkit-flex;
	display:    -moz-flex;
	display:     -ms-flex;
	display:      -o-flex;
	display:         flex;
}
.contWrap > .pageClm2 .mainArea{
	max-width: 83%;
	margin-bottom: 40px; 
	padding-right: 20px;

	flex-basis: 83%;
}
.contWrap > .pageClm2 .sideArea{
	max-width: 193px;
	margin-bottom: 40px; 

	flex-basis: 193px;
}

/* tablet */
@media screen and (min-width: 751px) and (max-width: 1024px){
	.contWrap > .pageClm2{
		display: block;
	}
	.contWrap > .pageClm2 .mainArea{
		max-width: 100%;
		padding-right: 0; 

		flex-basis: 100%;
	}
	.contWrap > .pageClm2 .sideArea{
		display: none;
	}
}

/* yubinpc */
@media screen and (max-width: 750px){
	.contWrap > .pageClm2{
		display: block;
	}
	.contWrap > .pageClm2 .mainArea{
		max-width: 100%;
		padding-right: 0; 

		flex-basis: 100%;
	}
	.contWrap > .pageClm2 .sideArea{
		display: none;
	}
}

/* sp */
/*----------------------------------------------------------
	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;}*/
}