@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 #313f56;
	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.0vw;
		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 #313f56;
}
	#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{
	background:url("/common/images/bread-clumb-home-bg-01.png") left 0.2em no-repeat;
}

/* 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:12px;
	color:#fff;
	text-align:center;
	line-height:1.2;
	background:#023893;
	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(/sell/img/arw_h2_brand.png) top right no-repeat;
		background-size:6.13vw 6.13vw;
	}

.mdl__toggle {
	background: #ffffff url(/sell/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: #023893 url(/sell/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:#023893;
	border-radius:4px;
	padding:15px;

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

.mdl__toggle {
	background: #ffffff url(/sell/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: #023893 url(/sell/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;
		flex-direction:column;
		width:29.73vw;
		border-radius:1.06vw;
	}

	.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{
		}
			.navi3_3 dl dt > img{
				border-radius:4px 4px 0 0;
			}
		.navi3_3 dl dd{
			display:flex;
			justify-content:center;
			align-items: center;
			height:9.866vw;
			margin:-0.26vw 0 0 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;
			background-repeat:no-repeat;
			background-size:1.5vw auto;
			background-position:center right 2vw;
		}

		.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;
		border-radius:4px;
	}
	.navi3_3 a:hover{
		opacity: 1 !important;
	}
	.navi3_3 dl{
		display:flex;
		flex-direction:column;
		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{
		}
			.navi3_3 dl dt > img{
				border-radius:4px 4px 0 0;
			}
		.navi3_3 dl dd{
			max-width:225px;
			margin:0!important;
			padding:11px 10px 9px 1px;
			background:#313f56;
			color:#fff;
			font-size:16px;
			font-size:95%;
			font-weight:bold;
			text-align:center;
			background:#313f56;
			background-repeat:no-repeat;
			background-position:center right 5px;
			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;
}
}


/*	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:36.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:185px;
				margin-right:20px;
				}
			.pickup_store > li > ul > li.store_info{
				width:100%;
				max-width:465px;
				}

				.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(/sell/images/arw_slide_prev.png) top left no-repeat;
	}

.flickity-prev-next-button.next{
	margin-left:156px;
	right:0;
	background:url(/sell/images/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:28vw;
				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: 100%;
					height: auto;
					}

.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(/sell/images/icon_q.png) left 2.66vw center no-repeat, url(/sell/images/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(/sell/images/icon_q.png) left 2.66vw center no-repeat, url(/sell/images/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(/sell/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(/sell/images/icon_q.png) left 16px center no-repeat, url(/sell/images/icon_faq_open.png) right 16px center no-repeat;
			background-size:20px 21px, 23px 23px;
			font-weight:bold;
			}

		.faq dl dt.opened{
			background:url(/sell/images/icon_q.png) left 16px center no-repeat, url(/sell/images/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(/sell/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(/sell/img/icon_q.png) left 2.66vw center no-repeat, url(/sell/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(/sell/img/icon_q.png) left 2.66vw center no-repeat, url(/sell/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(/sell/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(/sell/img/icon_q.png) left 16px center no-repeat, url(/sell/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(/sell/img/icon_q.png) left 16px center no-repeat, url(/sell/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(/sell/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;
          }
  .button-arrow::after {
    position: absolute;
    height: 20px;
    width: 20px;
    right: 10px;
    top: 0;
    bottom: 0;
    margin: auto;
    border-radius: 50%;
    content: '';
    display: block;
    background:center / cover url("/sell/images/button-arrow-blue.png");
  }
  .button.button--border {
    border: 1px solid;
  }

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

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


}


/* 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(/sell/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:#023893;
  border-radius:1.06vw;
  }
  .column_box{
    background-color: white;
    padding: 2.66vw;
  }

  .column_ttl{
    background-color: #e2fafa;
    padding: 2.4vw 2.66vw;
    text-align: left;
    padding-left:8em;
    text-indent:-7.5em;
  }

  .column_ttl span{
    color: #dd2828;
    padding-right:1vw;
    font-weight: 600;
  }

  .column_ttl .column_txt{
    color: #000;
    /* display: inline; */
    font-weight: 600;
  }

  .column_flex-left{
    padding:3.6vw 0 4vw;
  }

  img.column_flex-right{
    padding-bottom: 4vw;
  }

  .column_box-white:nth-child(4) .column_flex-right{
    padding-bottom: 0;
  }

  .point123 img{
    width: 100%;
  }
}

@media screen and (min-width: 569px) {
.point123{
	padding:20px;
	background:#023893;
  border-radius:4px;
  text-align: center;
  }
  .column_box{
    background-color: white;
    padding: 15px 18px;
  }

  .column_ttl{
    background-color: #e2fafa;
    padding: 13px 20px;
    text-align: left;
  }
  .column_ttl span{
    color: #dd2828;
    padding-right:15px;
    font-weight: 600;
  }

  .column_ttl .column_txt{
    color: #000;
    display: inline;
    font-weight: 600;
  }

  .column_flex{
    align-items: flex-start;
    display: flex;
    padding:12px 18px 30px;
  }

  .column_flex-left{
    padding-right: 40px;
    text-align: left;
    width: 380px;
  }

  img.column_flex-right{
    width: 186px!important;
  }

  .column_box-white:nth-child(4) .column_flex{
    padding-bottom: 0;
  }

  .point123 img{
    padding-bottom: 20px;
    width: 540px;
  }
}


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

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

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




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



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

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


@media screen and (min-width: 569px) {
	.button {
    margin: 20px auto 0;
		width: 312px;
  }
}

@media screen and (max-width: 568px) {
  .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;
  }

  .button__text.button__text--wide {
    display: block;
    transform: translateX(8px);
    max-width: 220px;
    width: 100%;
  }

  .brand-list__item .button {
    margin: 20px auto 0;
  }
  .button.button--wide {
    margin: 20px auto 0;
    width: 312px;
  }


}

.button {
	display: block;
	color: #023893;
	background: #fff;
	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%;
}

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

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

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

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

.handling-list .button {
	margin: 0 auto 52px;
}

.store .button {
	margin: 20px auto 0;
}



@media screen and (min-width: 569px) {
  .card-list-text-box{
    justify-content: flex-start;
    flex-direction: column;
    margin-top: 0;
    width: 205px;
  }
  .card-list-text-box__name{
    padding: 11px 10px 9px 10px;
    font-size:16px;
    width:100%;
    margin-bottom:0;
  }

  .satei_lead{
    font-size:85.714%;
  }
}

@media screen and (max-width: 568px) {
  .card-list-text-box__name{
    margin:0;
    color: White;
    line-height:1.2;
    border-radius:4px;
    background:#313f56;
    font-weight:normal;
    width:31.5%;
    display:block;
    padding:2.4vw;
    font-size:3.73vw;
  }

  .satei_lead{
    font-size:2.93vw;
  }
}





.card-list-text-box{
  display:flex;
  flex-direction:row;
  justify-content: flex-start;
  text-align:center;
  width:100%;
  margin-top: 1vw;
}

.card-list-text-box__name{
  margin:0;
  color: White;
  line-height:1.2;
  border-radius:4px;
  background:#313f56;
  font-weight:normal;
  width:31.5%;
  display:block;
  margin-right:20px;
}

.card-list-text-box__name:nth-child(3){
  margin-right:0;
}