@charset "utf-8";

/*----------------------------------------------------

	共通 

----------------------------------------------------*/

/*	common overwrite
----------------------------------------------------*/
@media screen and (max-width: 568px) {
body{
	-webkit-text-size-adjust: none;
	}

html {
	-webkit-text-size-adjust: none;
	height: 100%;
	line-height:1.6;
}

main *{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo,Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	box-sizing:border-box;
}

main img{
	width:100%;
	height:auto;
	vertical-align:top;
}

main article{
	font-size:3.73vw;
	line-height:1.6;
}
	main article a{
		color:#035d8a;	
		text-decoration:none;
	}
	main article em{
		font-style:normal;
	}

	main aside *{
		box-sizing:content-box;
	}

#contents-wrap{
	padding:0;
	background:none;
	border-top:0;
}

/*	h1  */
#title-area {
	height:auto;
	background:none;
	border-bottom:3px solid #ef7a00;
	padding:5.86vw 2.66vw 0 2.66vw;
}
	#title-area h1 {
		height:auto;
		border-left:none;
		margin:0;
		padding:0 0 4vw 0;
		color:#313f56;
		font-size:6.4vw;
		text-align:center;
		line-height:1;
	}

/* pagetop */
.page-top-btn{
	margin:6.66vw 2.66vw 6.66vw 0;
}

}

@media screen and (min-width: 569px) {
body{
	-webkit-text-size-adjust: none;
	}

html {
	-webkit-text-size-adjust: none;
	height: 100%;
	line-height:1.6;
}

main *{
	font-family:"メイリオ", Meiryo,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	box-sizing:border-box;
	}

	main aside *{
		box-sizing:content-box;
	}
	
main img{
	vertical-align:top;
}

main article{
	font-size:116%;
	line-height:1.6;
}
	main article a{
		color:#035d8a;
		text-decoration:none;
	}

	main article a:hover{
		opacity:0.7;
	}
	main article a:hover h2{
		opacity:0.7;
	}
	main article em{
		font-style:normal;
	}

#contents-wrap {
	background:none;
}

/* aside */
.section-unit-shopseach{
	webkit-box-shadow: 0px 0px 3px #aaa;
    -moz-box-shadow: 0px 0px 3px #aaa;
    box-shadow: 0px 0px 3px #aaa;
}

article .sell-sec-boxshadow {
	background:#ffffff;
	box-shadow: 0 0 3px #aaa;
	margin-bottom: 20px;
	padding: 15px 20px;
}

/* h1 */
#title-area {
	height:auto;
	background:none;
	border-bottom:3px solid #ef7a00;
}
	#title-area h1 {
		height:auto;
		border-left:none;
		margin:0;
		padding:6px 0 20px 0;
		color:#313f56;
		font-size:28px;
		font-size:233.33%;
		text-align:center;
		line-height:1;
	}
#title-area ul#bread-clumb li#home{
}

/* pagetop */
p.page-top-btn{
	padding-top:10px;
}

}


/*	h2 + toggle
----------------------------------------------------*/
@media screen and (max-width: 568px) {
article h2{
	position:relative;
	height:13.33vw;
	margin:6.66vw 0  2.66vw 0;
	font-size:4.8vw;
	color:#fff;
	text-align:center;
	line-height:0.9;
	background:#ef7a00;
	border-radius:1.06vw;
	padding:4.53vw;
}
	article h2 em{
		position:absolute;
		width:6.13vw;
		height:6.13vw;
		top:calc(6.665vw - 3.065vw);
		right:3.75vw;
		background:url(/buy/img/arw_h2_brand.png) top right no-repeat;
		background-size:6.13vw 6.13vw;
	}

.mdl__toggle {
	background: #ffffff url(/buy/img/icon_brand_open.png) right 4vw center no-repeat;
	background-size:6.13vw 6.13vw;
	border: 1px solid #313f56;
	border-radius:4px;
	cursor: pointer;
}


.mdl__toggle.opened {
	background: #ef7a00 url(/buy/img/icon_brand_close.png) right 4vw center no-repeat;
	background-size:6.13vw 6.13vw;
	border:1px solid #d8dae0;
}

.mdl__toggle__child {
	display: none;
	padding: 28px 0 30px 0;
}

	div:last-of-type.mdl__toggle__child,
	section:last-of-type.mdl__toggle__child {
		padding:  0;
	}
	.mdl__toggle h2 {
		color:#023893;
		margin:0;
		background-color: transparent;
		font-weight: bold;
	}

	.mdl__toggle.opened h2 {
		color:#fff;
	}


}
@media screen and (min-width: 569px) {
article h2{
	position:relative;
	height:50px;
	margin:20px 0 ;
	font-size:22px;
	font-size:158%;
	color:#fff;
	text-align:center;
	line-height:1;
	background:#ef7a00;
	border-radius:4px;
	padding:15px;

}
	article h2 em{
		position:absolute;
		width:26px;
		height:26px;
		top:12px;
		right:20px;
		background:url(/buy/img/arw_h2_brand.png) top right no-repeat;
	}

.mdl__toggle {
	background: #ffffff url(/buy/img/icon_brand_open.png) right 20px center no-repeat;
	background-size: 26px 26px;
	border: 1px solid #313f56;
	border-radius:4px;
	cursor: pointer;
}


.mdl__toggle.opened {
	background: #ef7a00 url(/buy/img/icon_brand_close.png) right 20px center no-repeat;
	background-size: 26px 26px;
	border:1px solid #d8dae0;
}

.mdl__toggle__child {
	display: none;
	padding: 28px 0 30px 0;
}

	div:last-of-type.mdl__toggle__child,
	section:last-of-type.mdl__toggle__child {
		padding:  0;
	}
	.mdl__toggle h2 {
		color:#023893;
		margin:0;
		background-color: transparent;
		font-weight: bold;
	}

	.mdl__toggle.opened h2 {
		color:#fff;
	}
	.mdl__toggle:hover h2 {
		opacity: 0.7;
	}
	.mdl__toggle:hover{
		opacity:0.7;
	}

}


/*	kv
----------------------------------------------------*/
@media screen and (max-width: 568px) {
.kv img{
	width:100%;
	height:auto;
}
}

/*	column
----------------------------------------------------*/
@media screen and (max-width: 568px) {
article .column{
	padding:0 2.66vw;
	margin-bottom:6.66vw;
}
article .column:last-of-type{
	margin-bottom:0;
}
}

@media screen and (min-width: 569px) {
article .column{
	margin-bottom:40px;
}
}


/*----------------------------------------------------

	ブランドTOP 

----------------------------------------------------*/

/*	navi3_3
----------------------------------------------------*/
@media screen and (max-width: 568px) {
.navi3_3{
	display:flex;
	flex-wrap:wrap;
}
	.navi3_3 a{
		margin-right:2.66vw;
		margin-bottom:2.66vw;
		border-radius:1.06vw;
	}
	.navi3_3 dl{
		display:flex;
		width:60%;
	}
	
	.navi3_3 a:nth-of-type(3),
	.navi3_3 a:nth-of-type(6),
	.navi3_3 a:nth-of-type(9),
	.navi3_3 a:nth-of-type(12),
	.navi3_3 a:nth-of-type(15),
	.navi3_3 a:nth-of-type(18){
		margin-right:0;
	}

.navi3_3 dl dt{
			padding: 5px;
			font-size: 14px;
			line-height: 20px;
		}

		.navi3_3 p{
			font-size: 15px;
			font-weight: bold;
			padding-top: 15px;
		}
			.navi3_3 dl dt > img{
			float: left;
			padding-right: 5px;
			}
		.navi3_3 dl dd{
			width: 100%;
			min-width:225px;
			margin:0!important;
			padding:11px 10px 9px 10px;
			background:#313f56;
			color:#fff;
			font-size:16px;
			font-size:115.25%;
			font-weight:bold;
			text-align:center;
			background:#313f56 url(/buy/img/arw_wht01.png) ;
			background-repeat:no-repeat;
			background-position:center right 10px;
			border:1px solid #313f56;
			border-radius:0 0 4px 4px;
			line-height:1;
			display:flex;
			justify-content:center;
			align-items: center;
		}

		.navi3_3 a:nth-of-type(5) dl dd{
		}
}

@media screen and (min-width: 569px) {
.navi3_3{
	display:flex;
	flex-wrap:wrap;
}
	.navi3_3 a{
		margin-right:20px;
		margin-bottom:20px;
		background:#fff;
		border-radius:4px;
	}


	.navi3_3 a:hover{
		opacity: 1 !important;
	}
	.navi3_3 dl{
		display:flex;
		border-radius:4px;
	}
	
	.navi3_3 a:nth-of-type(3),
	.navi3_3 a:nth-of-type(6),
	.navi3_3 a:nth-of-type(9),
	.navi3_3 a:nth-of-type(12),
	.navi3_3 a:nth-of-type(15),
	.navi3_3 a:nth-of-type(18){
		margin-right:0;
	}

	.navi3_3 a:nth-of-type(4),
	.navi3_3 a:nth-of-type(5),
	.navi3_3 a:nth-of-type(6){
	}
		.navi3_3 dl dt{
				padding: 5px;
			width: auto;
			font-size: 19px;
			line-height: 30px;
		}

		.navi3_3 p{
			font-size: 18px;
			font-weight: normal;
			padding-top: 15px;
		}
			.navi3_3 dl dt > img{
			float: left;
			padding-right: 5px;
			}
		.navi3_3 dl dd{
			width: 100%;
			min-width:225px;
			margin:0!important;
			padding:11px 10px 9px 10px;
			background:#313f56;
			color:#fff;
			font-size:16px;
			font-size:115.25%;
			font-weight:bold;
			text-align:center;
			background:#313f56 url(/buy/img/arw_wht01.png) ;
			background-repeat:no-repeat;
			background-position:center right 10px;
			border:1px solid #313f56;
			border-radius:0 0 4px 4px;
			line-height:1;
			display:flex;
			justify-content:center;
			align-items: center;
		}

		.navi3_3 a:nth-of-type(5) dl dd{
		}

}



@media all and (-ms-high-contrast: none) and (min-width: 569px){
.navi3_3 dl dd { 
	margin-top:-1px!important; 
}
}



@media screen and (max-width: 568px) {
.navi3_3_why{
	display:flex;
	flex-wrap:wrap;
}
	.navi3_3_why a{
		margin-right:2.66vw;
		margin-bottom:2.66vw;
		border-radius:1.06vw;
	}
	.navi3_3_why dl{
		display:flex;
		width:95%;
	}
	
	.navi3_3_why a:nth-of-type(3),
	.navi3_3_why a:nth-of-type(6),
	.navi3_3_why a:nth-of-type(9),
	.navi3_3_why a:nth-of-type(12),
	.navi3_3_why a:nth-of-type(15),
	.navi3_3_why a:nth-of-type(18){
		margin-right:0;
	}

.navi3_3_why dl dt{
		width:50%;
			padding: 5px;
			font-size: 14px;
			line-height: 20px;
			height: 150px;
		}

		.navi3_3_why p{
			font-size: 15px;
			font-weight: bold;
			padding-top: 15px;
		}
			.navi3_3_why dl dt > img{
			float: left;
			padding-right: 5px;
			}
		.navi3_3_why dl dd{
			width: 100%;
			min-width:225px;
			margin:0!important;
			padding:11px 10px 9px 10px;
			background:#313f56;
			color:#fff;
			font-size:16px;
			font-size:115.25%;
			font-weight:bold;
			text-align:center;
			background:#313f56 url(/buy/img/arw_wht01.png) ;
			background-repeat:no-repeat;
			background-position:center right 10px;
			border:1px solid #313f56;
			border-radius:0 0 4px 4px;
			line-height:1;
			display:flex;
			justify-content:center;
			align-items: center;
		}

		.navi3_3_why a:nth-of-type(5) dl dd{
		}
}

@media screen and (min-width: 569px) {
.navi3_3_why{
	display:flex;
	flex-wrap:wrap;
}
	.navi3_3_why a{
		margin-right:20px;
		margin-bottom:20px;
		background:#fff;
		border-radius:4px;
	}


	.navi3_3_why a:hover{
		opacity: 1 !important;
	}
	.navi3_3_why dl{
		display:flex;
		border-radius:4px;
	}
	
	.navi3_3_why a:nth-of-type(3),
	.navi3_3_why a:nth-of-type(6),
	.navi3_3_why a:nth-of-type(9),
	.navi3_3_why a:nth-of-type(12),
	.navi3_3_why a:nth-of-type(15),
	.navi3_3_why a:nth-of-type(18){
		margin-right:0;
	}

	.navi3_3_why a:nth-of-type(4),
	.navi3_3_why a:nth-of-type(5),
	.navi3_3_why a:nth-of-type(6){
	}
		.navi3_3_why dl dt{
				padding: 5px;
			width: auto;
			font-size: 19px;
			line-height: 30px;
		}

		.navi3_3_why p{
			font-size: 18px;
			font-weight: normal;
			padding-top: 15px;
		}
			.navi3_3_why dl dt > img{
			float: left;
			padding-right: 5px;
			}
		.navi3_3_why dl dd{
			width: 100%;
			min-width:225px;
			margin:0!important;
			padding:11px 10px 9px 10px;
			background:#313f56;
			color:#fff;
			font-size:16px;
			font-size:115.25%;
			font-weight:bold;
			text-align:center;
			background:#313f56 url(/buy/img/arw_wht01.png) ;
			background-repeat:no-repeat;
			background-position:center right 10px;
			border:1px solid #313f56;
			border-radius:0 0 4px 4px;
			line-height:1;
			display:flex;
			justify-content:center;
			align-items: center;
		}

		.navi3_3_why a:nth-of-type(5) dl dd{
		}

}



@media all and (-ms-high-contrast: none) and (min-width: 569px){
.navi3_3_why dl dd { 
	margin-top:-1px!important; 
}
}

/*	pickup_store
----------------------------------------------------*/

@media screen and (max-width: 568px) {
.pickup_store{
	}
	
	.pickup_store > li{
		margin-top:2.6vw;
		padding:4vw 2.6vw;
		border:1px solid #313f56;
		border-radius:1.06vw;
		}	

	.pickup_store > li:first-of-type{
		margin-top:3.2vw;
		}	

		.pickup_store > li > ul{
			display:flex;
			flex-direction:column;
			margin-top:2.6vw;
			border-radius:1.06vw;
			}	

			.pickup_store > li > ul > li:nth-of-type(1){
				width:88.8vw;
				height:51.4vw;
				margin-right:20px;
				}	
			.pickup_store > li > ul > li.store_info{
				margin-top:2.6vw;
				}	

				.pickup_store > li > ul > li.store_info ul > li{
					display:flex;
					font-size:3.2vw;
					word-break:break-all;
					}	

				.pickup_store > li > ul > li.store_info ul > li > *{
					padding:1.73vw 2.66vw; 
					}	

				.pickup_store > li > ul > li.store_info ul > li:nth-child(odd) > *{
					background:#f7f7f7;
					}					
					.pickup_store > li > ul li.store_info ul li > em{
						width:23.33vw;
						margin-right:0.53vw;
						font-weight:bold;
						font-style:inherit;
						}	

					.pickup_store > li > ul > li.store_info ul li > div{
						width: 65vw;	
						}	

						.pickup_store > li > ul > li.store_info ul li > div > p:nth-of-type(n + 2){
							margin-top:0.25em;
							}	

.flickity-enabled.is-draggable .flickity-viewport{
	width:100%!important;
	height:36.4vw!important;/*273px*/
	}


	.flickity-slider .carousel-cell{
		margin:0 2vw!important;
		}
	
		.flickity-slider .carousel-cell img{
			width:54.26vw!important;
			height:36.4vw!important;
			}



.flickity-prev-next-button,
.flickity-page-dots{
	display:none;
	}



}

@media screen and (min-width: 569px) {
.pickup_store{
	}
	
	.pickup_store > li{
		margin-top:20px;
		padding:20px;
		border:1px solid #313f56;
		border-radius:4px;
		}	

		.pickup_store > li > ul{
			display:flex;
			margin-top:20px;
			border-radius:4px;
			}	

			.pickup_store > li > ul > li:nth-of-type(1){
				max-width:180px;
				margin-right:20px;
				}	
			.pickup_store > li > ul > li.store_info{
				width:100%;
				max-width:473px;
				}	

				.pickup_store > li > ul > li.store_info ul > li{
					display:flex;
					width:100%;
					font-size:87.1%;
					word-break:break-all;
					}	

				.pickup_store > li > ul > li.store_info ul > li > *{
					padding:5px 10px; 
					}	

				.pickup_store > li > ul > li.store_info ul > li:nth-child(odd) > *{
					background:#f7f7f7;
					}					
					.pickup_store > li > ul > li.store_info ul li > em{
						width:calc(6em + 20px);
						margin-right:2.5px;
						font-weight:bold;
						font-style:inherit;
						}	

					.pickup_store > li > ul > li.store_info ul li > div{
						width:100%;
						width: calc(100% - (6em + 20px));	
						word-break:break-all;
						}	

						.pickup_store > li > ul > li.store_info ul li > div > p:nth-of-type(n + 2){
							margin-top:6px;
							}	
	

.flickity-enabled.is-draggable .flickity-viewport{
	width:180px!important;
	height:120px!important;
	}

.carousel-cell img{
	width:180px!important;
	height:120px!important;
	}

.flickity-prev-next-button{
	position:relative;
	bottom:0!important;
	margin-top:16px;
	width:8px;
	height:12px;
	}

	.flickity-prev-next-button svg{
		display:none;
		}

.flickity-prev-next-button.previous{
	left:0;
	background:url(/buy/img/arw_slide_prev.png) top left no-repeat;
	}
	
.flickity-prev-next-button.next{
	margin-left:156px;
	right:0;
	background:url(/buy/img/arw_slide_next.png) top right no-repeat;
	}	


.flickity-page-dots{
	top:128px;
	width:160px;
	height:12px;
	margin:0 10px;
	}

_::-webkit-full-page-media, _:future, :root .flickity-prev-next-button.next{
	margin-left:148px;
	position:relative;
	top:0!important;
	margin-top:16px;
	width:8px;
	height:12px;
}


}

@media all and (-ms-high-contrast: none) and (min-width: 569px){
.flickity-prev-next-button.next{
	margin-left:148px;
}	
}


@media screen and (min-width: 979px) and (max-width:981px){
.flickity-prev-next-button.next{
	margin-left:136px!important;
}	
}





/*	service
----------------------------------------------------*/
@media screen and (max-width: 568px) {
.service{
	display:flex;
	flex-wrap:wrap;
	}

	.service li{
		width:calc(50% - 1.3vw);
		}

	.service li:nth-of-type(1){
		margin-right:2.6vw;
		}

	.service li:nth-of-type(3){
		width:100%;
		}
	.service li:not(:last-of-type){
		margin-bottom:2.6vw;
		}

		.service li a{
			display:block;		
			border-radius:1.06vw;
			}

}

@media screen and (min-width: 569px) {

.service{
	display:flex;
	flex-wrap:wrap;
	}

	.service a{
		border-radius:4px;
		display:block;
		}

	.service li:not(:last-of-type){
		margin-right:20px;
		}
}

/*	flow
----------------------------------------------------*/
@media screen and (max-width: 568px) {
.flow{
	display:flex;
	flex-direction:column;
	border: 1px solid #313f56;
	border-radius:1.06vw;
	}

	.flow li{
		display:flex;
		flex-direction:column;
		margin-bottom:4vw;
		}



		.flow li dl{
			display:flex;
			}

		.flow li dl:nth-of-type(1){
			flex-direction:row;
			}

			.flow li dl:nth-of-type(1) dt{
				display:flex;
				justify-content:center;
				align-items:center;
				width:242px;
				height:28vw;
				padding:10px;
				background:#172c51;
				color:#fff;
				font-size:4.26vw;
				font-weight:bold;
				text-align:center;
				}

			.flow li:nth-of-type(1) dl:nth-of-type(1) dt{
				border-radius:1.06vw 0 0 0;
				}

			.flow li dl:nth-of-type(1) dd{
				width:66.13vw;
				height:28vw;
				}

				.flow li:nth-of-type(1) dl:nth-of-type(1) dd img{
					border-radius:0 1.06vw 0 0;
					}

		.flow li dl:nth-of-type(2){
			flex-direction:column;
			padding:0 2.6vw;
			}

			.flow li dl:nth-of-type(2) dt{
				min-height:38px;
				margin:2.6vw 0;
				font-weight:bold;
				}

				.flow li dd img{
					width: auto;
					height: 105px;
					}

.flow_etrade{
	position:relative;
	display:flex;
	flex-direction:column;
	margin-top:2.66vw;
	padding:4vw 2.66vw;
	border: 1px solid #313f56;
	border-radius:1.06vw;
	}
	.flow_etrade li.balloon{
		position:absolute;
		top:3vw;
		width:46.4vw;
		height:auto;
		right:0;
		}
	.flow_etrade h3{
		margin-bottom:20px;
		color:#313f56;
		font-size:114.28%;
		line-height:1;
		}
		.flow_etrade dl{
			display:flex;
			flex-wrap:wrap;
			}
			.flow_etrade dl dt{
				width:100%;
				height:auto;
				margin:0 0 2.66vw 0;
				}
				.flow_etrade dl dt img{
					width:100%;
					height:auto;
					}
				.flow_etrade dl dd p{
					font-size:3.5vw;				
				}
				.flow_etrade dl dd p.cap{
					font-size:3.2vw;			
				}
					.flow_etrade dl dd p.ttl strong{
						display:inline-block;
						width:100%;
						margin: 0 0 1.33vw 0;
						padding:1.33vw;
						background:#f7f7f7;
						font-size:4.26vw;
					}

}

@media screen and (min-width: 569px) {

.flow{
	display:flex;
	flex-direction:column;
	padding:20px;
	border: 1px solid #313f56;
	border-radius:4px;
}
	.flow li{
		display:flex;
	}
	.flow li:not(:last-of-type){
		margin-bottom:20px;
	}
		.flow li dl{
			display:flex;
			flex-direction:column;
		}
		.flow li dl:nth-of-type(1){
			display:flex;
			flex-direction:column;
			margin-right:20px
		}
			.flow li dl:nth-of-type(1) dt{
				min-height:38px;
				padding:10px;
				background:#172c51;
				color:#fff;
				font-size:16px;
				font-weight:bold;
				text-align:center;
			}
		.flow li dl:nth-of-type(2){
			display:flex;
			flex-direction:column;
			width:100%;
			max-width:447px;
		}
			.flow li dl:nth-of-type(2) dt{
				width:100%;
				min-height:38px;
				margin-bottom:10px;
				padding:10px 5px 10px 10px;
				background:#f7f7f7;
				font-weight:bold;
			}
			.flow li dl:nth-of-type(2) dd{
				width:100%;
			}

.flow_etrade{
	position:relative;
	display:flex;
	flex-direction:column;
	margin-top:20px;
	padding:20px;
	border: 1px solid #313f56;
	border-radius:4px;
}
	.flow_etrade li.balloon{
		position:absolute;
		right:0;
		}
	.flow_etrade h3{
		margin-bottom:20px;
		color:#313f56;
		font-size:114.28%;
		line-height:1;
	}
		.flow_etrade dl{
			display:flex;
		}
			.flow_etrade dl dt{
				width:204px;
				margin-right:20px;
			}
				.flow_etrade dl dd p.read_mdl{
					margin:17px 0;					
				}		
			.flow_etrade dl dd{
				width:100%;
				width:449px;
			}
				.flow_etrade dl dd p.ttl strong{
					display:inline-block;
					width:100%;
					margin: 0 0 10px 0;
					padding:0 0 5px 0;
					border-bottom:1px solid #d8dae0;	
					font-size:16px;
				}

}


/*	Q&A
----------------------------------------------------*/
@media screen and (max-width: 568px) {
.faq{
	padding:4vw 2.6vw;
	border: 1px solid #313f56;
	border-radius:1.06vw;
	}

	.faq dl{
		border-bottom:1px solid #d8dae0;
		}

		.faq dl dt{
			padding:3.2vw 12.8vw 3.2vw 10.66vw;
			background:url(/buy/img/icon_q.png) left 2.66vw center no-repeat, url(/buy/img/icon_faq_open.png) right 3.2vw center no-repeat;
			background-size:4.8vw 5.04vw, 6.13vw 6.13vw;
			font-weight:bold;		
			}

		.faq dl dt.opened{
			background:url(/buy/img/icon_q.png) left 2.66vw center no-repeat, url(/buy/img/icon_faq_close.png) right 3.2vw center no-repeat;
			background-size:4.8vw 5.04vw, 6.13vw 6.13vw;
			}

		.faq dl dd{
			display:none;
			overflow:hidden;
			background:#f7f7f7 url(/buy/img/icon_a.png) left 2.66vw top 3.2vw no-repeat;
			background-size:4.8vw 5.04vw, 6.13vw 6.13vw;
			}

			.faq dl dd > p{
				margin:2.66vw 3.2vw 3.2vw 10.66vw;
				}

				.faq dl dd > p .cap{
					padding-left:0;
					text-indent:0;
					}

}

@media screen and (min-width: 569px) {
.faq{
	padding:20px;
	border: 1px solid #313f56;
	border-radius:4px;
	}

	.faq > p{
		margin-bottom:10px
		}

	.faq dl{
		border-bottom:1px solid #d8dae0;
		}

		.faq dl dt{
			padding:15px 10px 15px 50px;
			background:url(/buy/img/icon_q.png) left 16px center no-repeat, url(/buy/img/icon_faq_open.png) right 16px center no-repeat;
			background-size:20px 21px, 23px 23px;
			font-weight:bold;		
			}

		.faq dl dt.opened{
			background:url(/buy/img/icon_q.png) left 16px center no-repeat, url(/buy/img/icon_faq_close.png) right 16px center no-repeat;
			background-size:20px 21px, 23px 23px;
			}

		.faq dl dd{
			display:none;
			overflow:hidden;
			background:#f7f7f7 url(/buy/img/icon_a.png) left 16px top 16px no-repeat;
			background-size:20px 21px;
			}


			.faq dl dd > p{
				margin:15px 10px 15px 50px;
				}

				.faq dl dd > p .cap{
					padding-left:0;
					text-indent:0;
					}


}


/*	item
----------------------------------------------------*/
@media screen and (max-width: 568px) {
.item{
	padding:4vw 2.6vw;
	border: 1px solid #313f56;
	border-radius:1.06vw;
	}

	.item dl{
		border-bottom:1px solid #d8dae0;
		}

		.item dl dt{
			padding:3.2vw 12.8vw 3.2vw 10.66vw;
			background:url(/buy/img/icon_q.png) left 2.66vw center no-repeat, url(/buy/img/icon_faq_open.png) right 3.2vw center no-repeat;
			background-size:4.8vw 5.04vw, 6.13vw 6.13vw;
			font-weight:bold;		
			}

		.item dl dt.opened{
			background:url(/buy/img/icon_q.png) left 2.66vw center no-repeat, url(/buy/img/icon_faq_close.png) right 3.2vw center no-repeat;
			background-size:4.8vw 5.04vw, 6.13vw 6.13vw;
			}

		.item dl dd{
			display:none;
			overflow:hidden;
			background:#f7f7f7 url(/buy/img/icon_a.png) left 2.66vw top 3.2vw no-repeat;
			background-size:4.8vw 5.04vw, 6.13vw 6.13vw;
			}

			.item dl dd > p{
				margin:2.66vw 3.2vw 3.2vw 10.66vw;
				}

				.item dl dd > p .cap{
					padding-left:0;
					text-indent:0;
					}

}

@media screen and (min-width: 569px) {
.item{
	margin-top: 20px;
	padding:20px;
	border: 1px solid #313f56;
	border-radius:4px;
	width: 100%;
	}

	.item > p{
		margin-bottom:10px
		}

	.item dl{
		border-bottom:1px solid #d8dae0;
		}

		.item dl dt{
			padding:15px 10px 15px 50px;
			background:url(/buy/img/icon_q.png) left 16px center no-repeat, url(/buy/img/icon_faq_open.png) right 16px center no-repeat;
			background-size:20px 21px, 23px 23px;
			font-weight:bold;		
			}

		.item dl dt.opened{
			background:url(/buy/img/icon_q.png) left 16px center no-repeat, url(/buy/img/icon_faq_close.png) right 16px center no-repeat;
			background-size:20px 21px, 23px 23px;
			}

		.item dl dd{
			display:none;
			overflow:hidden;
			background:#f7f7f7 url(/buy/img/icon_a.png) left 16px top 16px no-repeat;
			background-size:20px 21px;
			}


			.item dl dd > p{
				margin:15px 10px 15px 50px;
				}

				.item dl dd > p .cap{
					padding-left:0;
					text-indent:0;
					}


}


/* clearfix
--------------------------------------------------------------------*/
@media screen and (max-width: 568px) {
.clearfix:after {
	height: 0;
	visibility: hidden;
	content: "";
	display: block;
	clear: both;
}
}
@media screen and (min-width: 569px) {
.clearfix:after {
	height: 0;
	visibility: hidden;
	content: "";
	display: block;
	clear: both;
}
}

/* margin - common -
-------------------------------------------------------------------*/
@media screen and (max-width: 568px) {
.mb00{margin-bottom:0!important;}
.mb05{margin-bottom:0.66vw;}
.mb10{margin-bottom:1.33vw;}
.mb20{margin-bottom:2.66vw;}
.mb30{margin-bottom:7vw;}
.mb40{margin-bottom:5.33vw;}
	
.mt00{margin-top:0!important;}
.mt05{margin-top:0.66vw;}
.mt10{margin-top:1.33vw;}
.mt20{margin-top:2.66vw;}
.mt30{margin-top:4vw;}
.mt40{margin-top:5.33vw;}

.pt00{padding-top:0!important;}
.pb00{padding-left:0!important;}
.pl00{padding-left:0!important;}
.pr00{padding-right:0!important;}


}
@media screen and (min-width: 569px) {
.mb00{margin-bottom:0!important;}
.mb05{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mb40{margin-bottom:40px;}

.mt00{margin-top:0px;}
.mt05{margin-top:5px;}
.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}

.pt00{padding-top:0!important;}
.pb00{padding-left:0!important;}
.pl00{padding-left:0!important;}
.pr00{padding-right:0!important;}

}


/*	cap
----------------------------------------------------*/
@media screen and (max-width: 568px) {
.cap {
	font-size:2.93vw;
	padding-left:1em;
	text-indent:-1em;
	}

}

@media screen and (min-width: 569px) {
.cap {
	font-size:85.714%;
	padding-left:1em;
	text-indent:-1em;
	}

}


/*	dropshadow
----------------------------------------------------*/
@media screen and (max-width: 568px) {
.shadow{
    box-shadow: 0px 0.26vw 0.52vw 0.4vw rgba(0,0,0,0.17);
}
}

@media screen and (min-width: 569px) {
.shadow{
    box-shadow: 0px 1px 2px 1.25px rgba(0,0,0,0.17);
}
}


/*----------------------------------------------------

	下層ページ（第2階層） 

----------------------------------------------------*/

/*	localnavi
----------------------------------------------------*/
@media screen and (max-width: 568px) {
.localnavi{
	display:flex;
	flex-wrap:wrap;
}
	.localnavi a{
		width:calc(50% - 1.33vw);
		margin-right:2.66vw;
		margin-bottom:2.66vw;
		border-radius:1.06vw;
	}
	.localnavi dl{
		display:flex;
		flex-direction:column;
		border-radius:1.06vw;
	}
	
	.localnavi a:nth-of-type(3),
	.localnavi a:nth-of-type(6){
		margin-right:0;
	}

	.localnavi a:nth-of-type(4),
	.localnavi a:nth-of-type(5),
	.localnavi a:nth-of-type(6){
		margin-bottom:0;
	}

		.localnavi dl dt{
		}
			.localnavi dl dt > img{
				border-radius:4px 4px 0 0;
			}
		.localnavi dl dd{
			display: flex;
    		justify-content: center;
    		align-items: center;
			height:9.8666vw;
			margin:0!important;
			background:#313f56;
			color:#fff;
			font-size:2.93vw;
			font-weight:bold;
			text-align:center;
			line-height:1.2;
			border-radius:0 0 1.06vw 1.06vw;
			background:#313f56 url(/buy/img/arw_wht01.png) ;
			background-repeat:no-repeat;
			background-size:1.5vw auto;
			background-position:center right 2vw;
		}

.localnavi.navi1_1 a:nth-of-type(1),
.localnavi.navi1_2 a:nth-of-type(2),
.localnavi.navi1_3 a:nth-of-type(3),
.localnavi.navi1_4 a:nth-of-type(4),
.localnavi.navi1_5 a:nth-of-type(5),
.localnavi.navi1_6 a:nth-of-type(6),
.localnavi.navi1_7 a:nth-of-type(7),
.localnavi.navi1_8 a:nth-of-type(8),
.localnavi.navi1_9 a:nth-of-type(9){
	display:none;
	}

.localnavi.navi1_1 a:nth-of-type(3),
.localnavi.navi1_1 a:nth-of-type(5){
	margin-right:0;
	}
.localnavi.navi1_2 a:nth-of-type(3),
.localnavi.navi1_2 a:nth-of-type(5){
	margin-right:0;
	}	


.localnavi.navi1_3 a:nth-of-type(2),
.localnavi.navi1_3 a:nth-of-type(5){
	margin-right:0;
	}	

.localnavi.navi1_4 a:nth-of-type(2),
.localnavi.navi1_4 a:nth-of-type(5){
	margin-right:0;
	}	
.localnavi.navi1_4 a:nth-of-type(3){
	margin-right:2.66vw;
	}
.localnavi.navi1_4 a:nth-of-type(3),	
.localnavi.navi1_4 a:nth-of-type(5){
	margin-bottom:0;
	}		


.localnavi.navi1_5 a:nth-of-type(2),
.localnavi.navi1_5 a:nth-of-type(4){
	margin-right:0;
	}	
.localnavi.navi1_5 a:nth-of-type(3){
	margin-right:2.66vw;
	}
.localnavi.navi1_5 a:nth-of-type(3),
.localnavi.navi1_5 a:nth-of-type(4){
	margin-bottom:0;
	}		



}


/*	card3_2
----------------------------------------------------*/
@media screen and (max-width: 568px) {
.card3_2{
	display:flex;
	flex-wrap:wrap;
}
	.card3_2 dl{
		display:flex;
		flex-direction:column;
		width:calc(50% - 1.33vw);
		margin-right:2.66vw;
		margin-bottom:2.66vw;
		border-radius:1.06vw;
	}
	
	.card3_2 dl:nth-child(even){
		margin-right:0;
	}

		.card3_2 dl dt{
		}
			.card3_2 dl dt > img{
				border-radius:0 0 1.06vw 1.06vw;
			}
		.card3_2 dl dd{
			margin:0!important;
			padding:11px 10px 9px 10px;
			background:#313f56;
			color:#fff;
			font-size:3.73vw;
			text-align:center;
			border-radius:1.06vw 1.06vw 0 0;
		}

		.card3_2 dl dd.noPhoto{
			border-radius:1.06vw;
		}

			.card3_2 dl dd em{
				font-size:3.2vw;
			}

	.card3_2 > p{
		width:100%;
	}

}

@media screen and (min-width: 569px) {
.card3_2{
	display:flex;
	flex-wrap:wrap;
}

	.card3_2 dl{
		display:flex;
		flex-direction:column;
		margin-right:20px;
		margin-bottom:20px;
		border-radius:4px;
		border-radius:4px;
	}
	
	.card3_2 dl:nth-of-type(3n){
		margin-right:0;
	}

		.card3_2 dl dt{
			margin-top:-0.5px;
		}
			.card3_2 dl dt > img{
				border-radius:0 0 4px 4px;
			}
		.card3_2 dl dd{
			width:225px;
			margin:0!important;
			padding:11px 10px 9px 10px;
			background:#313f56;
			color:#fff;
			font-size:16px;
			font-size:114.28%;
			text-align:center;
			border-radius:4px 4px 0 0;
		}

		.card3_2 dl dd.noPhoto{
			border-radius:4px;
		}

	.card3_2 > p{
		width:100%;
	}

}

/*	card4_4
----------------------------------------------------*/
@media screen and (max-width: 568px) {
.card4_4{
	display:flex;
	flex-wrap:wrap;
}
	.card4_4 dl{
		display:flex;
		flex-direction:column;
		width:calc(25% - 1.1vw);
		margin-top:2.66vw;
		margin-right:1.46vw;
		border-radius:1.06vw;
	}
	.card4_4 dl:nth-of-type(4n){
		margin-right:0;
	}

		.card4_4 dl dt{
		}
			.card4_4 dl dt > img{
				border-radius:0 0 1.06vw 1.06vw;
			}
		.card4_4 dl dd{
			margin:0!important;
			padding:1.4vw 1.4vw 1.26vw 1.4vw;
			background:#313f56;
			color:#fff;
			text-align:center;
			letter-spacing:-0.025em;
			border-radius:1.06vw 1.06vw 0 0;
		}
			.card4_4 dl dd p{
				font-size:2.53vw;
				line-height:1.4;
			}
					.card4_4 dl dd p > em{
						font-size:2.2vw;
						line-height:1.5;
					}

					.card4_4 dl dd p > em.tiny{
						font-size:1.9vw;
						line-height:1.6;
					}

}

@media screen and (min-width: 569px) {
.card4_4{
	display:flex;
	flex-wrap:wrap;
}

	.card4_4 dl{
		display:flex;
		flex-direction:column;
		margin-right:10px;
		margin-top:20px;
		border-radius:4px;
		border-radius:4px;
	}
	
	.card4_4 dl:nth-of-type(4n){
		margin-right:0;
	}

		.card4_4 dl dt{
		}
			.card4_4 dl dt > img{
				border-radius:0 0 4px 4px;
			}
		.card4_4 dl dd{
			width:170px;
			min-height:32px;
			margin:0!important;
			padding:6px 8px 4px 8px;
			background:#313f56;
			color:#fff;
			font-size:14px;
			text-align:center;
			border-radius:4px 4px 0 0;
		}


}


/*	arch3_3   calc(50% - 1.33ve)
----------------------------------------------------*/
@media screen and (max-width: 568px) {
.arch3_3{
	display:flex;
	flex-wrap:wrap;
}

	.arch3_3 dl{
		display:flex;
		flex-direction:column;
		width:29.73vw;
		margin-right:2.66vw;
		margin-bottom:2.66vw;
		border-radius:1.06vw;
	}
	
	.arch3_3 dl:nth-of-type(3),
	.arch3_3 dl:nth-of-type(6){
		margin-right:0;
	}

	.arch3_3 dl:nth-of-type(4n),
	.arch3_3 dl:nth-of-type(5),
	.arch3_3 dl:nth-of-type(6){
		margin-bottom:0;
	}

		.arch3_3 dl dd:nth-of-type(1){
			padding:2vw 1.3vw 2vw 1.3vw;
			background:#313f56;
			color:#fff;
			font-size:2.66vw;
			text-align:left;
			letter-spacing:-0.03em;
			line-height:1.4;
			border-top:1px solid #dfe3e2;
			border-right:1px solid #dfe3e2;
			border-left:1px solid #dfe3e2;		
			border-radius:4px 4px 0 0;
		}

		.arch3_3 dl dt{
			border-right:1px solid #dfe3e2;
			border-left:1px solid #dfe3e2;
		}
			.arch3_3 dl dt > img{
			}

		.arch3_3 dl dd:nth-of-type(2){
			margin:0!important;
			padding:2vw 1.3vw 2vw 1.3vw;
			background:#fff;
			color:#ec5a5f;
			font-size:2.4vw;
			text-align:left;
			line-height:1;
			border:1px solid #dfe3e2;
			border-top:0 solid #fff;
			border-radius:0 0 4px 4px;
		}

			.arch3_3 dl dd:nth-of-type(2) > em{
				display:block;
				margin-bottom:1.33vw;
				color:#202020;
			}

			.arch3_3 dl dd:nth-of-type(2) > span{
				display:block;
				font-size:3.73vw;
				text-align:right;
			}
				.arch3_3 dl dd:nth-of-type(2) > span > em{
					margin-left:0.1em;
					font-size:14px;
				}

.arch3_3 > p.cap{
	margin-top:2.66vw;
}

.arch3_3 > p.cap:nth-of-type(n + 2){
	margin-top:0;
}

}

@media screen and (min-width: 569px) {
.arch3_3{
	display:flex;
	flex-wrap:wrap;
}

	.arch3_3 dl{
		display:flex;
		flex-direction:column;
		margin-right:20px;
		margin-bottom:20px;
		border-radius:4px;
	}
	
	.arch3_3 dl:nth-of-type(3),
	.arch3_3 dl:nth-of-type(6){
		margin-right:0;
	}

	.arch3_3 dl:nth-of-type(4),
	.arch3_3 dl:nth-of-type(5),
	.arch3_3 dl:nth-of-type(6){
		margin-bottom:0;
	}

		.arch3_3 dl dd:nth-of-type(1){
			width:225px;
			min-height:54px;
			padding:7px 10px 3px 10px;
			background:#313f56;
			color:#fff;
			font-size:14px;
			text-align:left;
			line-height:1.4;
			border-top:2px solid #dfe3e2;
			border-right:2px solid #dfe3e2;
			border-left:2px solid #dfe3e2;		
			border-radius:4px 4px 0 0;
		}

		.arch3_3 dl dt{
			border-right:2px solid #dfe3e2;
			border-left:2px solid #dfe3e2;
		}
			.arch3_3 dl dt > img{
			}

		.arch3_3 dl dd:nth-of-type(2){
			margin:0!important;
			padding:11px 10px 9px 10px;
			background:#fff;
			color:#ec5a5f;
			font-size:14px;
			text-align:left;
			line-height:1;
			border:2px solid #dfe3e2;
			border-top:0 solid #fff;
			border-radius:0 0 4px 4px;
		}

			.arch3_3 dl dd:nth-of-type(2) > em{
				display:block;
				color:#202020;
			}

			.arch3_3 dl dd:nth-of-type(2) > span{
				display:block;
				font-size:20px;
				text-align:right;
			}
				.arch3_3 dl dd:nth-of-type(2) > span > em{
					margin-left:0.1em;
					font-size:14px;
				}

.arch3_3 > p.cap{
	margin-top:20px;
	width:100%;
}
.arch3_3 > p.cap:nth-of-type(n + 2){
	margin-top:0;
}


}



/*	point123
----------------------------------------------------*/
@media screen and (max-width: 568px) {
.point123{
	padding:4vw;
	background:#ffe153;
	border-radius:1.06vw;
	}


}

@media screen and (min-width: 569px) {
.point123{
	padding:20px;
	background:#ffe153;
	border-radius:4px;
	}

}


.itemicon {
  display: flex;
  justify-content: center;
list-style: none; 
}

.itemicon li{
  width: 31%;
  text-align: center;
  margin: 0px 24px 5px 0px;
}

.itemicon li:last-child{
  width: 31%;
  text-align: center;
  margin: 0px 0px 5px 0px;
}


.serviceicon {
}

.serviceicon li{
  width: 100%;
  height: 100%;
  margin: 10px auto 10px;
  list-style:none
}


h2.aside-h2 span{
	display:block;
	font-size:133%;
	color:#ffffff;
	background-color:#ef7a00;
	border-bottom:#e37400 1px solid;
	padding:9px 13px 7px;
}


/* h1タイトルエリア */
#title-area {
	background-size:3px 3px;
	-webkit-background-size:3px 3px;
	
	border-top:1px solid #cfcfcf;
	border-bottom:3px solid #023893;
	padding:16px 5px 10px;
}

#title-area span.sub-title {
	font-size:12px;
	font-weight:bold;
	display:inline-block;
	vertical-align:top;
	line-height:16px;
	padding-left:10px;
}
#title-area h1 img {
	height:16px;
}
#title-area ul#bread-clumb{
	margin-bottom:4px;
}
#title-area ul#bread-clumb li{
	display:inline;
	color:#666666;
	font-size:10px;
}
#title-area ul#bread-clumb li a{
	color:#035d8a;
	text-decoration:none;
}
#title-area ul#bread-clumb li a:hover{
	text-decoration:underline;
}

/* h1タイトルエリア */
#title-area {
	
	border-top:1px solid #cfcfcf;
	border-bottom:3px solid #ef7a00;
	height:91px;
	position:absolute;
	top:-10px;
	width:100%;
	padding-top:15px;
}
#title-area #title-area-inner{
	width:960px;
	margin:0 auto;
	position:relative;
}
#title-area span.sub-title{
	font-size:167%;
	font-weight:bold;
	margin:0 0 0 0;
	padding:0 0 0 20px;
	display:inline-block;
	vertical-align:top;
}

#title-area ul#bread-clumb li{
	display:inline;
	color:#666666;
}
#title-area ul#bread-clumb li a{
	color:#035d8a;
	text-decoration:none;
}
#title-area ul#bread-clumb li a:hover{
	text-decoration:underline;
}
#title-area ul#bread-clumb li#home{
	padding-left:12px;
}


/*店舗を探す*/
#buy-shop-search-wrap{
	font-size: 13px;
}

#detail-shop-search a span{
	width: 135px;
}


@media screen and (max-width: 568px) {
body{
	-webkit-text-size-adjust: none;
	}

html {
	-webkit-text-size-adjust: none;
	height: 100%;
	line-height:1.6;
}

main *{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo,Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	box-sizing:border-box;
}

main img{
	width:100%;
	height:auto;
	vertical-align:top;
}

main article{
	font-size:3.73vw;
	line-height:1.6;
}
	main article a{
		color:#035d8a;	
		text-decoration:none;
	}
	main article em{
		font-style:normal;
	}

	main aside *{
		box-sizing:content-box;
	}

#contents-wrap{
	padding:0;
	background:none;
	border-top:0;
}

/*	h1  */
#title-area {
	height:auto;
	background:none;
	border-bottom:3px solid #ef7a00;
	padding:5.86vw 2.66vw 0 0;
	position:unset;
}
	#title-area h1 {
		height:auto;
		border-left:none;
		margin:0;
		padding:0 0 4vw 0;
		color:#313f56;
		font-size:6.4vw;
		text-align:center;
		line-height:1;
	}

/* pagetop */
.page-top-btn{
	margin:6.66vw 2.66vw 6.66vw 0;
}

#title-area #title-area-inner{
	width:100%;
	margin:0 auto;
	position:relative;
}

#buy-shop-check-area li.long {
	width:160px;
}

.section-unit-form {
	border:solid 2px #cccccc;
	width:100%;
	margin:0 auto;
	border-radius:2px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	height:37px;
	background:#ffffff;
}

}


h2.buy-shop-search-h2-ttl{
	font-weight:bold;
	font-size:14px;
	padding:0 0 0 60px;
	margin-bottom:15px;
	line-height:50px;
	height:50px;
	color: #000;
}

.rmj{
	width: 100%;
	padding-top: 10px;
}
.rmj_banner{
	float: left;
	width: 30%;
}

.rmj_text{
	float: right;
	width: 70%;
	padding: 20px;
	background: #fff2cc;
}

/*	button
----------------------------------------------------*/
.button {
	display: block;
	color: #023893;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	position: relative;
	padding: 16px;
	border-radius: 5px;
	box-shadow: 0 2px 0 rgba(136, 136, 136, .5);
	max-width: 312px;
	width: 100%;
	margin: 20px auto 0;
}

.button-arrow::after {
	position: absolute;
	height: 20px;
	width: 20px;
	right: 10px;
	top: 0;
	bottom: 0;
	margin: auto;
	border-radius: 50%;
	background:url("/sell/images/button-arrow-blue.png");
	background-size: cover;
	content: '';
	display: block;
}

.button.button--border {
	border: 1px solid;
}

.button.button--primary {
	background: #d90000;
	color: #fff;
	font-size: 14px;
}

.button.button--primary::after {
	background:url("/sell/images/button-arrow-white.png");
	background-size: cover;
}