@import url( https://fonts.googleapis.com/css?family=Noto+Sans+JP|Noto+Serif+JP|Cardo|Anton&display=swap );

/* HTMLのベース指定部分 */
* { 
	font-size :16px; line-height:2.0em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0px; letter-spacing:.1em;
	font-family: 'Noto Sans JP', sans-serif, 'YuGothicM', 'YuGothic', 'Hiragino Kaku Gothic Pro', 'Osaka', 'MS PGothic', 'sans-serif'; font-weight:100;
}
html { width:100%; min-height: 100%; position: relative; }
body { width:100%;  display:block; margin:0; padding:0px; color:#444; line-height: 1.25em; }
@media screen and (max-width: 768px) {
	* { font-size : 1.8vw; }
	*.pc{ display:none; }
}
@media screen and (max-width: 480px) {
	* { font-size : 3.5vw; }
	*.pc{ display:none; }
}
a { color:#555; text-decoration:none; cursor:pointer; }
dl, dt, dd, ul, ol, li, div, h1, h2, h3, h4, h5, h6, p { padding:0; margin:0; font-weight:normal; }
li{ list-style-type:none; }
hr{ clear:both; border:0; margin:0; }
img{vertical-align:middle;}
h1{font-size: 20px;}
button, label{cursor:pointer;}
button:hover, label:hover{ opacity:.8; }
th{ font-weight:normal; }
input, textarea, select { border:solid 1px #555; }
@media screen and (max-width: 768px) {
}
@media screen and (max-width: 480px) {
	br{ line-height:1px; }
}


#loader{ display:block; position: fixed; width:100%; height:100%; top:0; left:0; z-index:99; background:#fff; }


header{ display:block; position: fixed; width:100%; height:70px; top:0; left:0; z-index:98; background:rgba(0,0,0,.5); padding:0;
	transition: all .5s; box-shadow: 0 1px 10px 0 rgba(0,0,0,.2);}
header>ol{ display:table; table-layout:fixed; width:100%; height:100%; }
header>ol>li{ display:table-cell; vertical-align: middle; }
header>ol>li:nth-of-type(1){ width:150px; padding:0; }
header>ol>li:nth-of-type(2){ text-align:right; padding:0 2em; white-space: nowrap; }
header>ol>li>div{ height:40px; }
header>ol>li>div>a{ display:block; height:100%; width:100%; background:url("./img/logo_s_wh.png") center center no-repeat; background-size: contain; }
header>ol>li>nav{ display: inline-block; text-align: right; }
header>ol>li>nav>a{ display: inline-block; padding:0 .8em; font-family: 'Noto Serif JP'; font-size:.9em; color:#fff; }
header.transparent{ background: transparent; box-shadow:none; }
header.transparent>ol>li>div>a{ background:url("./img/logo_s_bk.png") center center no-repeat; background-size: contain; }
header.transparent>ol>li a{ color:#000; }
header div#nav-toggle{ display:none; }
@media screen and (max-width: 768px) {
	header{ height:10vw; box-shadow: 0 1px 1vw 0 rgba(0,0,0,.2);}
	header>ol>li{ padding:0 3vw; }
	header>ol>li:nth-of-type(1){ width:15vw; }
	header>ol>li>div{ height:4vw; }
}
@media screen and (max-width: 480px) {
	header{ height:14vw;}
	header>ol>li:nth-of-type(1){ width:100%; }
	header>ol>li>div{ height:8vw; }
	header>ol>li>div>a{ margin:0 auto; }
	header>ol>li:nth-of-type(2){ width:0; }
	header>ol>li:nth-of-type(2)>a{ position: absolute; top:1vw; left:1vw; width:12vw; height:12vw; line-height:12vw; text-align: center; padding:0; }
	header>ol>li>nav{ position:fixed; z-index:-2; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.95); padding:0; overflow:hidden;
		display:none; flex-wrap: wrap; justify-content:center; align-items:center; align-content:center; opacity:1;  }
	header>ol>li>nav>a{ display:block; width:100%; text-align: center; line-height:14vw; font-size:1.2em; }
	header.open nav{ animation: openmenu .5s ease-in-out both; display:flex; }
	header.open>ol>li>div>a{ background:url("./img/logo_wh.png") center center no-repeat; background-size: contain; }
	header.open>ol>li a{ color:#fff; }
	header div#nav-toggle{ display:block; position:absolute; top:1vw; right:1vw; width: 12vw; height: 12vw; cursor: pointer; }
	header div#nav-toggle div {position: relative; }
	header div#nav-toggle span {display: block; position: absolute; height: .5vw; width: 7vw; background:#fff; left:2vw; }
	header.transparent div#nav-toggle span { background:#000; }
	header div#nav-toggle span:nth-of-type(1) {top: 3.5vw; transition: .35s ease-in-out; }
	header div#nav-toggle span:nth-of-type(2) {top: 5.5vw; }
	header div#nav-toggle span:nth-of-type(3) {top: 7.5vw; transition: .35s ease-in-out; }
	header.open div#nav-toggle span{ background:#fff; }
	header.open div#nav-toggle span:nth-of-type(1) {top: 5.5vw; transform: rotate(315deg); }
	header.open div#nav-toggle span:nth-of-type(2) {height: 0;}
	header.open div#nav-toggle span:nth-of-type(3) {top: 5.5vw; transform: rotate(-315deg); }
}
@keyframes openmenu { 0% { display:flex; } 1% { opacity:0; } 100% {  opacity:1; } }

footer{width:100%; background-color:#161616; padding:50px 20px 20px 20px; }
footer *{ color:#fff; font-family:"Cardo","Noto Serif JP"; }
footer>div{ width:100% ; max-width:1000px; margin:0 auto; }
footer>div#foot_menu>nav{ display: table; table-layout:fixed; width:100%; }
footer>div#foot_menu>nav>ol{ display: table-cell; }
footer>div#foot_menu>nav a{position: relative; display:inline-block; line-height: 1.6em; margin:0 0 .7em 1.5em; }
footer>div#foot_menu>nav a:before{position: absolute; left:-1em; top:0; content: "\f105"; font-family:"FontAwesome"; margin-right: 10px; color:#ccc6a9; transition: all .4s ; }
footer>div#foot_menu>nav a:after{ position: absolute; bottom: 0; left: 0; content: ""; width: 0; height: 1px; background: #9b9780; transition: all .4s ;}
footer>div#foot_menu>nav a:hover:before{ left:-.8em; }
footer>div#foot_menu>nav a:hover:after{ width: 100%; }
footer>div#foot_copy{ text-align: center; }
footer>div#foot_copy>a>img{ width:200px; margin:3em 0; }
footer>div#foot_copy>p{ font-size: .8em; color:#c7c7c7; }
@media screen and (max-width: 768px) {
	footer{ padding:5vw 2vw 2vw 2vw; }
	footer>div#foot_copy>a>img{ width:5vw; }
}
@media screen and (max-width: 480px) {
	footer{ padding:10vw 4vw 4vw 4vw; }
	footer>div#foot_menu{ text-align:center; }
	footer>div#foot_menu>nav{ display:inline-block; width:auto; text-align:left; }
	footer>div#foot_menu>nav>ol{ display:block; }
	footer>div#foot_menu>nav a{ line-height:12vw; margin:0 0 0 3em; }
	footer>div#foot_copy{ text-align: center; }
	footer>div#foot_copy>a>img{ width:15vw; }
}


/*--topボタン--*/
#to_top{ position:fixed; width: 60px; height: 60px; right:20px; bottom:20px; display:block; background:transparent ; z-index: 90; border:1px solid #444; text-align:center; }
#to_top:after{content:"\f106"; font-family:"FontAwesome"; font-size:24px; display:block; line-height:58px; color:#cdb99c; }
@media screen and (max-width: 768px) {
	#to_top{ width: 6vw; height: 6vw; right:2vw; bottom:2vw; }
	#to_top:after{ font-size:2.4vw; line-height:5.8vw; }
}
@media screen and (max-width: 480px) {
	#to_top{ width: 12vw; height: 12vw; right:4vw; bottom:4vw; }
	#to_top:after{ font-size:4.8vw; line-height:10.6vw; }
}



.content{ padding:0; }
@media screen and (max-width: 768px) {
	.content{ padding:0; }
}
@media screen and (max-width: 480px) {
	.content{ padding:0; }
}


.content h2{ font-size:3.0em; font-family:"Cardo"; }
.content .bt{ display:block; width:100%; line-height:50px; background:#fff; text-align: center; position: relative; border-top: 1px solid #222; }
.content .bt:before{ content:""; position: absolute; top:0; right:0; width:100%; height:100%; background:#222; transition: all .3s; z-index:2; }
.content .bt:after{ content:"\f138"; font-family:FontAwesome; position: absolute; display:inline-block; right:15px; z-index:1; color:#af9e78; }
.content .bt>span{ color:#fff; font-family:"Noto Serif JP"; position: relative; z-index:3; }
.content .bt:hover{ border: 1px solid #af9e78; }
.content .bt:hover>span{ color:#af9e78; }
.content .bt:hover:before{ width:0; }
@media screen and (max-width: 768px) {
	.content .bt{ line-height:5vw; }
	.content .bt:after{ right:1.5vw; }
}
@media screen and (max-width: 480px) {
	.content h2{ font-size:2.0em; }
	.content .bt{ line-height:12vw; }
	.content .bt:after{ right:3vw; }
}

.content #contact{ background:#666; color:#fff; padding:150px 0; position: relative; overflow: hidden;  }
.content #contact:before{ content:""; display: block; position: absolute; top:0; left:0; width:100%; height:100%; background: linear-gradient(transparent, #999); z-index:1; }
.content #contact>div:nth-of-type(1){ position: absolute; top:0; left:0; width:100%; height:100vh; background:url("./img/inc_contact.jpg") top left no-repeat; background-size:cover; z-index:0; }
.content #contact>div:nth-of-type(2){ width:100%; max-width:1000px; margin:0 auto; text-align: center; position: relative; z-index:2;}
.content #contact>div>h2{ text-shadow: 1px 1px 5px rgba(0,0,0,.5); }
.content #contact>div>p{ font-family: 'Noto Serif JP'; margin-bottom:50px; text-shadow: 1px 1px 3px rgba(0,0,0,.5); }
.content #contact>div>a{ max-width:400px; margin:0 auto; }
@media screen and (max-width: 768px) {
	.content #contact{ padding:15vw 0; }
	.content #contact>div>p{ margin-bottom:5vw; }
	.content #contact>div>a{ max-width:40vw; }
}
@media screen and (max-width: 480px) {
	.content #contact{ padding:30vw 0; }
	.content #contact>div>p{ margin-bottom:10vw; }
	.content #contact>div>a{ max-width:80%; }
}

/* 100px 10vw 14vw */
article.visual{ height:0; overflow: hidden; padding-top:100px; display:flex; flex-wrap: wrap; align-items:center; align-content:center; border-bottom: 1px solid #ccc; transition: height .5s;  background:url("./img/visual_bg.jpg");  background-size:cover; }
article.visual dl{ width:95%; max-width:1000px; margin:0 auto;  opacity:0; transition: opacity 2.0s; transition-delay:.3s; }
article.visual dt{ text-align: left; font-family:"Cardo","Noto Serif JP"; font-size:2.5em; line-height:1.2em; text-shadow: 2px 2px 5px rgba(0,0,0,.5); }
article.visual dd{ text-align: left; font-family:"Cardo","Noto Serif JP"; font-size:1.0em; line-height:1.2em; color:#999; }

article.visual.open{ height:400px; }
article.visual.open dl{ opacity:1; }

@media screen and (max-width: 768px) {
	article.visual.open{ height:40vw; padding-top:10vw; }
}
@media screen and (max-width: 480px) {
	article.visual.open{ height:70vw; padding-top:14vw; }
	article.visual dt{ font-size:2.0em; }
}

.inview.fadein{ opacity:0; transition: opacity 2.5s;  }
.inview.fadein.view{ opacity:1; }
.inview.fadeup{ opacity:0; transform:translateY(50px); transition: all 2.5s; }
.inview.fadeup.view{ opacity:1; transform:translateY(0); }



/* top page */
article#mainvisual{ position: relative; width:100%; height:100vh; border: 10px solid #fff; display:flex; flex-wrap: wrap; justify-content: center; align-items:center; align-content:center; overflow: hidden; }
article#mainvisual:before{ content:""; display: block; position: absolute; width:100%; height:100%; background: radial-gradient(#fff, transparent); z-index:1; }
article#mainvisual div{ position: absolute; top:0; left: 0; width: 100%; height: 100vh; background:url("./img/main_visual.jpg") center center; background-size:cover; z-index:0; }
article#mainvisual dl{ position: relative; z-index:2; color:#fff; }
article#mainvisual dl dt{ font-size:1.5em; text-align: center; text-shadow: 2px 2px 10px rgba(0,0,0,1); }
article#mainvisual dl dt img{ display:block; width:50%; margin:0 auto; }
article#mainvisual dl dt span{  font-size:2em; font-family: 'Noto Serif JP'; }
article#mainvisual dl dd{ text-align: center; text-shadow: 2px 2px 5px rgba(0,0,0,.5); }
article#mainvisual dl dd span{ display: inline-block; font-size:1.3em; }
@media screen and (max-width: 768px) {
	article#mainvisual{ height:60vw; }
	article#mainvisual div{ height:60vw; }
	article#mainvisual dl dt{ text-shadow: 2px 2px 1vw rgba(0,0,0,1); }
	article#mainvisual dl dt img{ width:30%; margin:0 auto; }
	article#mainvisual dl dd{ text-align: center; text-shadow: 2px 2px .5vw rgba(0,0,0,.5); }
}
@media screen and (max-width: 480px) {
	article#mainvisual{ height:120vw; }
	article#mainvisual div{ height:120vw; }
	article#mainvisual dl dt{ font-size:1.5em; text-shadow: 2px 2px 1vw rgba(0,0,0,1); padding:5vw 0; }
	article#mainvisual dl dt span{ display:block;  font-size:1.2em; font-family: 'Noto Serif JP'; line-height:1.0em; }
	article#mainvisual dl dd{ text-align: center; text-shadow: 2px 2px .5vw rgba(0,0,0,.5); }
	article#mainvisual dl dd span{ font-size:1.0em; }
}

.content#top #about{ padding:100px 0; }
.content#top #about>dl{ display:table; width:100%; max-width:1000px; margin:0 auto; table-layout: fixed; border-collapse: separate; border-spacing:0 50px; }
.content#top #about>dl>dt{ display:table-cell; text-align: center; vertical-align: middle; border-right: 1px solid #cccc; }
.content#top #about>dl>dt h2{ color:#b9b9b9; }
.content#top #about>dl>dd{ display:table-cell; padding:50px 50px; }
.content#top #about>dl>dd>p{ padding:10px 10px 30px 10px; font-family: 'Noto Serif JP'; }
@media screen and (max-width: 768px) {
	.content#top #about{ padding:10vw 0; }
	.content#top #about>dl{ border-spacing:0 5vw; }
	.content#top #about>dl>dd{ display:table-cell; padding:5vw 5vw; }
	.content#top #about>dl>dd>p{ padding:1vw 1vw 3vw 1vw; }
}
@media screen and (max-width: 480px) {
	.content#top #about{ padding:10vw 0; }
	.content#top #about>dl{ display:block; width:90%; margin:0 auto; padding:5vw 0; }
	.content#top #about>dl>dt{ display:block; border:0; border-bottom: 1px solid #ccc; }
	.content#top #about>dl>dd{ display:block; padding:5vw; text-align: center; }
	.content#top #about>dl>dd>p{ padding:1vw 1vw 3vw 1vw; }
}


.content#top #store{ position: relative; overflow: hidden; }
.content#top #store:before{ content:""; position: absolute; width:100%; height:100%; top:0; left:0; background:rgba(0,0,0,.5); z-index:1; }
.content#top #store>div{ position: absolute; top:0; left:0; width:100%; height:100vh; background:url("./img/top_store.jpg") center right no-repeat; background-size:cover; z-index:0; }

.content#top #store>ol{ display: table; table-layout: fixed; width: 100%; max-width:1000px; margin:5em auto; position:relative; z-index:2; }
.content#top #store>ol>li{ display: table-cell; vertical-align: middle; padding:0 2.5em; }
.content#top #store>ol>li h2{ max-width:400px; color:#fff; text-align: center; }
.content#top #store>ol>li p{ max-width:400px; display: block; font-family: 'Noto Serif JP'; color:#fff; text-align: center; }
.content#top #store>ol>li a{ margin-top:30px; max-width:400px; }
.content#top #store>ol>li img{ width:100%; }
/*
.content#top #store>div{ width:100%; max-width:1000px; margin:0 auto; position: relative; z-index:2; padding:50px; }
.content#top #store>div h2{ max-width:400px; color:#fff; text-align: center; }
.content#top #store>div>p{ max-width:400px; font-size:1.2em; display: block; font-family: 'Noto Serif JP'; color:#fff; text-align: center; }
.content#top #store>div>a{ margin-top:30px; max-width:400px; }
*/


@media screen and (max-width: 768px) {
	.content#top #store{ padding:10vw 0; }
	/*
	.content#top #store>div{ padding:5vw; }
	.content#top #store>div>a{ margin-top:3vw; max-width:40vw; }
	*/
}
@media screen and (max-width: 480px) {
	.content#top #store{ padding:20vw 5vw; }
	.content#top #store>ol>li:nth-of-type(2){ display: none; }
	/*
	.content#top #store>div:nth-of-type(2){ padding:5vw; }
	.content#top #store>div h2{ color:#fff; border-bottom: 1px solid #999; margin-bottom:5vw; }
	.content#top #store>div>span{ font-size:1.0em; }
	.content#top #store>div>a{ margin-top:3vw; max-width:100%; }
	*/
}

.content#top #howto{ padding:150px 0; }
.content#top #howto>dl{ display:table;  width:100%; max-width:800px; margin:0 auto; table-layout: fixed; border-collapse: separate; border-spacing:30px; }
.content#top #howto>dl>dd{ display:table-cell; vertical-align:middle; width:40%; }
.content#top #howto>dl>dd>div{ border-radius:50%; overflow: hidden; }
.content#top #howto>dl>dd>div>img{ display:block; width:100%; }
.content#top #howto>dl>dt{ display:table-cell; vertical-align:middle; text-align: center; }
.content#top #howto>dl>dt h2{ color:#b9b9b9; letter-spacing:0; }
.content#top #howto>dl>dt p{  font-family: 'Noto Serif JP'; margin-bottom:50px; }
.content#top #howto>dl>dt a{ max-width:400px; margin:0 auto; }
.content#top #howto>dl>dt br.smp{ display:none; }
@media screen and (max-width: 768px) {
	.content#top #howto{ padding:15vw 0; }
	.content#top #howto>dl{ border-spacing:3vw; }
	.content#top #howto>dl>dt p{ margin-bottom:5vw; }
	.content#top #howto>dl>dt a{ max-width:40vw; }
}
@media screen and (max-width: 480px) {
	.content#top #howto>dl{ display:block; position: relative; height:70vw; }
	.content#top #howto>dl>dd{ display:block; position: absolute; width:55vw; height:55vw; left:0; top:0; }
	.content#top #howto>dl>dt{ display:block; position: absolute; width:70vw; height:55vw; right:0; bottom:0; background:rgba(255,255,255,.9); box-shadow: -5px 5px 10px 2px rgba(0,0,0,.1); }
	.content#top #howto>dl>dt p{ margin-bottom:10vw; }
	.content#top #howto>dl>dt a{ max-width:80%; }
	.content#top #howto>dl>dt br.smp{ display:inline; }
}




/*--about Page--*/
.content#about{ background:linear-gradient(200deg, #fff, #fff, #efbf99); }
.content#about>section#main{ padding:100px 0; width:100%; max-width:1000px; margin:0 auto; }
.content#about>section#main>div{ width:100%; margin:0 auto; text-align: center; }
.content#about>section#main>div p{ display: block; font-family: 'Noto Serif JP',"Cardo"; font-size:1.2em; }
.content#about>section#bf{ width:100%; max-width:1000px; margin:0 auto 10em auto;
	display:flex; justify-content:center; align-items:stretch; align-content:center; flex-wrap: wrap; }
.content#about>section#bf>dl{ width:50%; padding:1em; position:relative; margin-bottom:1em; }
.content#about>section#bf>dl>dt{ position:relative; z-index:2; width:90%; margin:0 auto; background:#e3aba0; text-align: center; line-height:4em; border-radius:2em; }
.content#about>section#bf>dl>dd{ position:relative; z-index:1; margin-top:-2em; width:100%; height:100%; background:#fff;
	padding:2em; border-radius:1em; border: 1px solid #e3aba0; display:flex; justify-content:center; align-items:center; align-content:center; flex-wrap: wrap; }
.content#about>section#bf>dl>dd>img{ width:80%; }
.content#about>section#bf>dl>dd>p{ width:100%; text-align: center; background:#abc1e4; line-height:3em; border-radius:1.5em; margin-top:1em; }
@media screen and (max-width: 768px) {
}
@media screen and (max-width: 480px) {
	.content#about>section#main>div p{ font-size:.9em; }
	.content#about>section#bf>dl{ width:100%; }
}

/* store page */
.content#store>section#main{ padding:100px 0; }
.content#store>section#main>dl{ text-align: center; }
.content#store>section#main>dl dt h3{ font-size:1.7em; font-family: 'Noto Serif JP'; }
.content#store>section#main>dl dd span{ display:inline-block; font-size:1.0em; font-family: 'Noto Serif JP'; }
@media screen and (max-width: 768px) {
	.content#store>section#main{ padding:5vw 0; }
}
@media screen and (max-width: 480px) {
	.content#store>section#main{ padding:10vw 0; }
	.content#store>section#main>dl dt h3{ font-size:1.4em; }
	.content#store>section#main>dl dd{ font-size:1.0em; width:80%; margin:0 auto 10vw auto; }
}



/* policy page */
.content#policy>section#main{ padding:100px 0; }
.content#policy>section#main>dl{ text-align: center; }
.content#policy>section#main>dl dt h3{ font-size:1.7em; font-family: 'Noto Serif JP'; }
.content#policy>section#main>dl dd span{ display:inline-block; font-size:1.0em; font-family: 'Noto Serif JP'; }
.content#policy>section#main>div{ width:100%; max-width:1000px; margin:0 auto; display:table; }
.content#policy>section#main>div>dl{ display:table-row; }
.content#policy>section#main>div>dl>dt{ display:table-cell; padding:50px 50px 50px 10px; border-bottom: 1px solid #ccc; white-space: nowrap; font-size:1.2em; font-family: 'Noto Serif JP'; }
.content#policy>section#main>div>dl>dd{ display:table-cell; padding:50px 10px; border-bottom: 1px solid #ccc; }
.content#policy>section#main>div>dl>dd li{ margin-bottom:1em; }
.content#policy>section#main>div>dl>dd li:nth-last-of-type(1){ margin-bottom:0; }
@media screen and (max-width: 768px) {
	.content#policy>section#main{ padding:5vw 0; }
	.content#policy>section#main>div{ width:95%; margin:0 auto; }
	.content#policy>section#main>div>dl>dt{ display:table-cell; padding:5vw 5vw 5vw 1vw; }
	.content#policy>section#main>div>dl>dd{ display:table-cell; padding:5vw 1vw; }
}
@media screen and (max-width: 480px) {
	.content#policy>section#main{ padding:10vw 0; }
	.content#policy>section#main>dl dt h3{ font-size:1.4em; }
	.content#policy>section#main>dl dd{ font-size:1.0em; width:80%; margin:0 auto 10vw auto; }
	.content#policy>section#main>div{ margin:0 auto; display:block; }
	.content#policy>section#main>div>dl{ display:block; }
	.content#policy>section#main>div>dl>dt{ display:block; padding:2vw; border-bottom:0; font-size:1.1em; }
	.content#policy>section#main>div>dl>dd{ display:block; padding:2vw 2vw 5vw 2vw; margin-bottom:5vw; }
}


/* sale page */
.content#sale>section#main{ padding:50px 0 100px 0; }
.content#sale>section#main>div{ width:95%; max-width:1000px; margin:0 auto; display:table; }
.content#sale>section#main>div>dl{ display:table-row; }
.content#sale>section#main>div>dl>dt{ display:table-cell; padding:50px 50px 50px 10px; border-bottom: 1px solid #ccc; white-space: nowrap; }
.content#sale>section#main>div>dl>dd{ display:table-cell; padding:50px 10px; border-bottom: 1px solid #ccc; }
@media screen and (max-width: 768px) {
	.content#sale>section#main{ padding:5vw 0 10vw 0; }
	.content#sale>section#main>div{ margin:0 auto; }
	.content#sale>section#main>div>dl>dt{ padding:5vw 5vw 5vw 1vw; }
	.content#sale>section#main>div>dl>dd{ padding:5vw 1vw; }
}
@media screen and (max-width: 480px) {
	.content#sale>section#main{ padding:10vw 0; }
	.content#sale>section#main>div{ margin:0auto; display:block; }
	.content#sale>section#main>div>dl{ display:block; }
	.content#sale>section#main>div>dl>dt{ display:block; padding:10vw 10vw 0 2vw; border-bottom:0; font-weight:bold; }
	.content#sale>section#main>div>dl>dd{ display:block; padding:0 2vw 10vw 10vw; }
}


/* products page */
/* products list */
.content#products{ padding:50px 0 0 0; }
.content#products>section#list{ width:95%; max-width:1000px; margin:0 auto; display:table; }
.content#products>section#list>a{ display:block; position: relative; margin-bottom:30px; border: 1px solid #ccc; }
.content#products>section#list>a:before{ content:""; position: absolute; top:0; left:0; width: 100%; height:100%; background:rgba(0,0,0,.5); z-index:1; opacity:0; transition: all .8s; }
.content#products>section#list>a>dl{ display:table; overflow: hidden; }
.content#products>section#list>a>dl>dd{ display:table-cell; overflow: hidden; width:45%; }
.content#products>section#list>a>dl>dd>img{ display: block; width:80%; margin:0 auto; transition: all .8s; }
.content#products>section#list>a>dl>dt{ display:table-cell; vertical-align: middle;  position: relative; z-index:2;  }
.content#products>section#list>a>dl>dt:after{ content:"\f054"; font-family:FontAwesome; display:block; position:absolute; line-height:1em; width:1em; height:1em; top:0; bottom:0; right:30px;
	margin:auto; color:#fff; opacity:0; transition: all 1s; }
.content#products>section#list>a>dl>dt>div{  padding-right:50px; transition: all .2s; }
.content#products>section#list>a>dl>dt>div>h3{ font-family:"Cardo",'Noto Serif JP'; color:#999; font-size:2.0em; }
.content#products>section#list>a>dl>dt>div>p{ font-family:'Noto Serif JP'; padding:1em 0; }
.content#products>section#list>a>dl>dt>div>span{ display: block; text-align:right; font-size:1.5em; color:#c87a8d; font-family:'Anton'; }
.content#products>section#list>a:hover:before{  opacity:1; }
.content#products>section#list>a:hover img{ transform:scale(1.1); }
.content#products>section#list>a:hover dt>div{ color:#fff; }
.content#products>section#list>a:hover dt>div>h3{ color:#fff; }
.content#products>section#list>a:hover dt>div>span{ color:#e5b4bf; }
.content#products>section#list>a:hover dt:after{ right:10px; opacity:1; }
@media screen and (max-width: 768px) {
	.content#products{ padding:5vw 0 0 0; }
	.content#products>section#list>a{ margin-bottom:3vw; }
	.content#products>section#list>a>dl>dt:after{ right:3vw; }
	.content#products>section#list>a>dl>dt>div{  padding-right:5vw; }
	.content#products>section#list>a:hover dt:after{ right:1vw; }
}
@media screen and (max-width: 480px) {
	.content#products { padding:10vw 0 0 0; }
	.content#products>section#list{ width:90%; }
	.content#products>section#list>a{ margin-bottom:6vw; }
	.content#products>section#list>a>dl{ display:block; }
	.content#products>section#list>a>dl>dd{ display:block; width:100%; }
	.content#products>section#list>a>dl>dt{ display:block; text-align: center; padding:0 5vw; }
	.content#products>section#list>a>dl>dt:after{ right:6vw; }
	.content#products>section#list>a>dl>dt>div{  padding-right:0; }
	.content#products>section#list>a:hover dt:after{ right:2vw; }
}

/* products detail */
.content#products>section#item{ padding:30px; position: relative; overflow: hidden; }
.content#products>section#item>div{ position: absolute; width:100vw; height:100vh; top:0; left:0; z-index:-1; background:url("./img/product_bg.jpg") center bottom; background-size: cover; }
.content#products>section#item>dl{ display:table; table-layout: fixed; width:100%; max-width:1000px; margin:0 auto; }
.content#products>section#item>dl>dd{ display:table-cell; vertical-align:middle; }
.content#products>section#item>dl>dd>img{ display:block; width:100%; }
.content#products>section#item>dl>dt{ display:table-cell; vertical-align:middle; background:rgba(255,255,255,.5); padding:20px; border: 1px solid #eee; }
.content#products>section#item>dl>dt>h3{ width:100%; max-width:500px; margin:0 0 0 auto; font-family:"Cardo",'Noto Serif JP'; font-size:1.8em;  text-align: center; padding:30px 0 0 0; }
.content#products>section#item>dl>dt>p{ font-size:1.0em; display: block; font-family: 'Noto Serif JP'; padding:30px 20px; }
.content#products>section#item>dl>dt>span{ display:block; text-align: right; font-size:1.5em; color:#c87a8d; font-family:'Anton'; padding:0 20px;}
.content#products>section#item>dl>dt ol{ display: table; margin:0 0 0 auto; padding:20px; }
.content#products>section#item>dl>dt ol>li{ display: table-cell; padding-left:20px; }
.content#products>section#item>dl>dt ol>li>select{ height:35px; min-width: 100px; }
.content#products>section#gallery{ position: relative; padding:100px 0; }
.content#products>section#gallery:after{ content:""; display:block; position: absolute; width:100%; max-width:1100px; height:150px; left:0; right:0; margin:auto; background:#f5f5f5; left:0; bottom:50px; z-index:1; }
.content#products>section#gallery>p{ font-family: 'Noto Serif JP'; font-size:2.0em; padding:0 0 30px 0; text-align: center; line-height:1em; position: relative; z-index:2; }
.content#products>section#gallery>ol{ display: table; table-layout: fixed; width:100%; max-width:1000px; margin:0 auto; border-collapse: separate; border-spacing:5px; position: relative; z-index:2; }
.content#products>section#gallery>ol>li{ display: table-cell; border: 1px solid #e0e0e0; }
.content#products>section#gallery>ol>li>a{ position: relative; display:block; overflow: hidden; }
.content#products>section#gallery>ol>li>a:before{ content:""; display:block; position: absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.3); z-index:1; opacity:0; transition: all .8s; }
.content#products>section#gallery>ol>li img{ display: block; width: 100%; transition: all .8s; }
.content#products>section#gallery>ol>li>a:hover:before{ opacity:1; }
.content#products>section#gallery>ol>li>a:hover img{ transform:scale(1.1); }
.content#products>section#preview{ display:none; flex-wrap: wrap; justify-content:center; align-items:center; align-content:center; width:100%; height:100%; position: fixed;
	top:0; left:0; background:rgba(100,100,100,.5); z-index:91; opacity:0; animation: openpreview .5s ease-in-out both; }
.content#products>section#preview.open{ display:flex; opacity:1; }
.content#products>section#preview>img{ display:block; width:90%; max-width:800px; border: 1px solid #999; }
.content#products>section#preview>div{ width:100%; padding:20px; }
.content#products>section#preview a{ display:block; width:90%; max-width:400px; margin:0 auto; }
.content#products>section#detail_comment{ width:95%; max-width:1000px; margin:100px auto; }
.content#products>section#detail_comment>dl>dt{ font-family: 'Noto Serif JP'; font-size:2.0em; padding:0 0 50px 0; text-align: center; line-height:1em; }
@keyframes openpreview {
	0% { display:flex; }
	1% { opacity:0; }
	100% {  opacity:1; }
}
@media screen and (max-width: 768px) {
	.content#products>section#item{ padding:3vw; }
	.content#products>section#item>dl>dt{ padding:2vw; }
	.content#products>section#item>dl>dt>h3{ max-width:50vw; padding:3vw 0 0 0; }
	.content#products>section#item>dl>dt>p{ padding:3vw 2vw; }
	.content#products>section#item>dl>dt>span{ padding:0 2vw;}
	.content#products>section#item>dl>dt ol{ padding:2vw; }
	.content#products>section#item>dl>dt ol>li{ padding-left:2vw; }
	.content#products>section#item>dl>dt ol>li>select{ height:3.5vw; min-width: 10vw; }
	.content#products>section#gallery{padding:10vw 0; }
	.content#products>section#gallery:after{ height:15vw; bottom:5vw; }
	.content#products>section#gallery>p{ padding:0 0 3vw 0; }
	.content#products>section#gallery>ol{ border-spacing:.5vw; }
	.content#products>section#preview>div{ padding:2vw; }
	.content#products>section#preview a{ max-width:40vw; }
	.content#products>section#detail_comment{  margin:10vw auto; }
	.content#products>section#detail_comment>dl>dt{ padding:0 0 5vw 0; }
}
@media screen and (max-width: 480px) {
	.content#products>section#item{ padding:6vw 3vw; }
	.content#products>section#item>dl{ display:block; }
	.content#products>section#item>dl>dd{ display:block; }
	.content#products>section#item>dl>dt{ display:block; padding:4vw; }
	.content#products>section#item>dl>dt>h3{ max-width:100%; padding:6vw 0 0 0; }
	.content#products>section#item>dl>dt>p{ padding:6vw 4vw; }
	.content#products>section#item>dl>dt>span{ padding:0 4vw;}
	.content#products>section#item>dl>dt ol{ padding:4vw; }
	.content#products>section#item>dl>dt ol>li{ padding-left:4vw; }
	.content#products>section#item>dl>dt ol>li>select{ height:7vw; min-width: 20vw; }
	.content#products>section#gallery{padding:10vw 0; }
	.content#products>section#gallery:after{ height:15vw; bottom:5vw; }
	.content#products>section#gallery>p{ padding:0 0 3vw 0; }
	.content#products>section#gallery>ol{ display:block; width:100%; margin:0 auto; text-align: center; }
	.content#products>section#gallery>ol>li{ display:inline-block; width:46%; }
	.content#products>section#detail_comment{ width:90%; margin:10vw auto; }
	.content#products>section#detail_comment>dl>dt{ padding:0 0 5vw 0; }
}

/* products comment */
.content#products>section#comment{ width:95%; max-width:1000px; margin:0 auto 100px auto; border: 1px solid #ccc; padding:100px 30px; }
.content#products>section#comment>div{ font-family:'Noto Serif JP'; font-size:1.0em; text-align:center; padding:0 0 30px 0; }
.content#products>section#comment>ul>li{ padding: 5px 5px 10px 50px; position: relative; font-size:.9em; }
.content#products>section#comment>ul>li>span{ display:block; width:30px; height:1em; position: absolute; left:0; text-align: right; color:#999; font-size:.9em; }
@media screen and (max-width: 768px) {
	.content#products>section#comment>div{ padding:7vw 0 3vw 0; }
	.content#products>section#comment>ul>li{ padding: .5vw .5vw 1vw 7vw; }
	.content#products>section#comment>ul>li>span{ width:5vw; }
}
@media screen and (max-width: 480px) {
	.content#products>section#comment{ width:90%; max-width:1000px; margin:0 auto; }
	.content#products>section#comment>div{ padding:14vw 0 6vw 0; }
	.content#products>section#comment>ul>li{ padding: 1vw 1vw 2vw 7vw; }
	.content#products>section#comment>ul>li>span{ width:5vw; }
}


/* how2order page */
.content#order>section#main{ padding:50px 0 100px 0; }
.content#order>section#main{ width:95%; max-width:1000px; margin:0 auto; }
.content#order>section#main>div{ display:table; }
.content#order>section#main>div>dl{ display:table-row; }
.content#order>section#main>div>dl>dt{ display:table-cell; padding:50px 30px; white-space: nowrap; position: relative; min-height:100px; text-align:center; vertical-align: middle; border-bottom: 1px solid #ccc; }
.content#order>section#main>div>dl>dt>span{ position: absolute; display:block; top:0; bottom:0; left:0; right:0; margin:auto; color:#eee; font-size:70px; line-height:70px; font-weight: bold;
	height:70px; width:70px; text-align: center; z-index:-1; }
.content#order>section#main>div>dl>dd{ display:table-cell; padding:50px 10px; border-bottom: 1px solid #ccc; }
.content#order>section#main>div>dl>dd>div{ position: relative; padding:1em 0 1em 1.5em; }
.content#order>section#main>div>dl>dd>div>span{ display: block; position: absolute; left:0; }
@media screen and (max-width: 768px) {
	.content#order>section#main{ padding:5vw 0 10vw 0; }
	.content#order>section#main>div>dl>dt{ padding:5vw 3vw; min-height:10vw; }
	.content#order>section#main>div>dl>dt>span{ font-size:7vw; line-height:7vw; }
	.content#order>section#main>div>dl>dd{ padding:5vw 1vw; }
}
@media screen and (max-width: 480px) {
	.content#order>section#main{ padding:5vw 0 10vw 0; }
	.content#order>section#main>div{ display:block; }
	.content#order>section#main>div>dl{ display:block; }
	.content#order>section#main>div>dl>dt{ display:block; padding:15vw 0 5vw 0; min-height:0; font-size:1.5em; border:0; }
	.content#order>section#main>div>dl>dt>span{ font-size:20vw; line-height:14vw; }
	.content#order>section#main>div>dl>dd{ display:block; padding:0 1vw 10vw 1vw; }
}

/* term of use page */
.content#use>section#main{ padding:50px 0 100px 0; }
.content#use>section#main>dl{ text-align: center; }
.content#use>section#main>dl>dt{padding-bottom: 50px; }
.content#use>section#main>dl dt span{display: block; font-family: 'Noto Serif JP'; }
.content#use>section#main>dl dd span{ display:block; font-size:1.0em; font-family: 'Noto Serif JP'; }
.content#use>section#main>div{ width:100%; max-width:1000px; margin:0 auto; display:table; }
.content#use>section#main>div>dl{ display:table-row; }
.content#use>section#main>div>dl>dt{ display:table-cell; padding:50px 50px 50px 10px; border-bottom: 1px solid #ccc; white-space: nowrap; font-size:1.2em; font-family: 'Noto Serif JP'; }
.content#use>section#main>div>dl>dd{ display:table-cell; padding:50px 10px; border-bottom: 1px solid #ccc; }
.content#use>section#main>div>dl>dd li{ margin-bottom:1em; }
.content#use>section#main>div>dl>dd li:nth-last-of-type(1){ margin-bottom:0; }
@media screen and (max-width: 768px) {
	.content#use>section#main{ padding:5vw 0; }
	.content#use>section#main>dl>dt{padding-bottom: 5vw; }
	.content#use>section#main>div{ width:95%; margin:0 auto; }
	.content#use>section#main>div>dl>dt{ display:table-cell; padding:5vw 5vw 5vw 1vw; }
	.content#use>section#main>div>dl>dd{ display:table-cell; padding:5vw 1vw; }
}
@media screen and (max-width: 480px) {
	.content#use>section#main{ padding:10vw 0; }
	.content#use>section#main>dl{width: 95%; margin: 0 auto; }
	.content#use>section#main>dl>dt{padding-bottom: 10vw; }
	.content#use>section#main>dl dd{ font-size:1.0em; padding-bottom: 10vw; }
	.content#use>section#main>dl dd span{ display:inline-block;}
	.content#use>section#main>div{ margin:0 auto; display:block; }
	.content#use>section#main>div>dl{ display:block; }
	.content#use>section#main>div>dl>dt{ display:block; padding:2vw; border-bottom:0; font-size:1.1em; }
	.content#use>section#main>div>dl>dd{ display:block; padding:2vw 2vw 5vw 2vw; margin-bottom:5vw; }
}

/* contact page */
.content#contact>section#form{ width:90%; max-width:600px; margin:100px auto;}
.content#contact>section#form>form>div{ display:table; table-layout: fixed; width:100%; margin-bottom:20px; }
.content#contact>section#form>form>div>dl{ display:table-row; }
.content#contact>section#form>form>div>dl>dt{ display:table-cell; vertical-align: middle; padding:0 10px; width:30%; position:relative; }
.content#contact>section#form>form>div>dl>dt.need:after{ content:"必須"; display: block; position:absolute; right:0; top:50%; transform: translateY(-50%);
	background:#f67599; color:#fff; font-size:.8em; line-height:1.5em; padding:0 .2em; }
.content#contact>section#form>form>div>dl>dd{ display:table-cell; vertical-align: middle; padding:5px 10px; }
.content#contact>section#form>form>div>dl>dd>input{ display:block; width:100%; }
.content#contact>section#form>form>div>dl>dd>textarea{ display:block; width:100%; height:200px; }
.content#contact>section#form>form button{ display:block; width:50%; margin:0 auto; }

.content#contact>section.msgbox{ display:flex; flex-wrap: wrap; justify-content:center; align-items:center; align-content:center; position: fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.8); z-index:90; }
.content#contact>section.msgbox>div{ width:95%; max-width:600px; background:#fff; padding:50px; }
.content#contact>section.msgbox>div>p{ text-align: center; font-family: 'Noto Serif JP',"Cardo"; font-size:1.5em; }
.content#contact>section.msgbox>div>div{ padding:50px; text-align:center; }
.content#contact>section.msgbox>div>div>span{ display:block; padding:.5em 0; }

.content#contact>section#inquiry>div>div{ display: table; width:100%; margin:30px auto; border-collapse: collapse;  }
.content#contact>section#inquiry>div>div>dl{ display: table-row; }
.content#contact>section#inquiry>div>div>dl>dt{ display: table-cell; padding:5px 10px; text-align:left; white-space: nowrap; border: 1px solid #ccc; }
.content#contact>section#inquiry>div>div>dl>dd{ display: table-cell; padding:5px 10px; text-align:left; width:1000px; border: 1px solid #ccc; }
.content#contact>section#inquiry>div>ol{ display:table; table-layout: fixed; width:100%; }
.content#contact>section#inquiry>div>ol>li{ display:table-cell; padding:10px; }

.content#contact .error{ border: 1px solid #cba8b5; background:#f9ebf0; }
@media screen and (max-width: 768px) {
	.content#contact>section#form{ margin:10vw auto;}
	.content#contact>section#form>form>div{ margin-bottom:2vw; }
	.content#contact>section#form>form>div>dl>dt{ padding:.5vw 1vw; }
	.content#contact>section#form>form>div>dl>dd{ padding:.5vw 1vw; }
	.content#contact>section#form>form>div>dl>dd>textarea{ height:20vw; }
	.content#contact>section.msgbox>div{ padding:5vw; }
	.content#contact>section.msgbox>div>div{ padding:5vw; }
	.content#contact>section#inquiry>div>div{ margin:3vw auto; }
	.content#contact>section#inquiry>div>div>dl>dt{ padding:.5vw 1vw; }
	.content#contact>section#inquiry>div>div>dl>dd{ padding:.5vw 1vw; }
	.content#contact>section#inquiry>div>ol>li{ padding:1vw; }
}
@media screen and (max-width: 480px) {
	.content#contact>section#form{ margin:20vw auto;}
	.content#contact>section#form>form>div{ margin-bottom:4vw; }
	.content#contact>section#form>form>div>dl>dt{ padding:1vw 2vw; }
	.content#contact>section#form>form>div>dl>dd{ padding:1vw 2vw; }
	.content#contact>section#form>form>div>dl>dd>textarea{ height:40vw; }
	.content#contact>section#form>form button{ width:100%; }
	.content#contact>section.msgbox>div{ padding:10vw 5vw; }
	.content#contact>section.msgbox>div>div{ padding:10vw 0; }
	.content#contact>section#inquiry>div>div{ margin:6vw auto; }
	.content#contact>section#inquiry>div>div>dl>dt{ padding:1vw 2vw; }
	.content#contact>section#inquiry>div>div>dl>dd{ padding:1vw 2vw; }
	.content#contact>section#inquiry>div>ol>li{ padding:2vw; }
}


/*------breadlist------*/
section#nav{width:100%; max-width: 1000px; margin: 100px auto 0 ;}
section#nav ol{display:flex; flex-wrap: wrap; justify-content: center; align-items: center; margin:0 auto; }
section#nav ol li{ margin: 0; padding: 0;}
section#nav ol li:after{content:">";font-family: "FontAwesome"; margin:0 10px 0 0; padding-left:10px ;  font-size: 1.5em;}
section#nav ol li:last-child:after{content:""; }
span.b01{color: #af9e78;font-size: 2em;}
@media screen and (max-width: 768px) {
	section#nav ol li:after{ margin:0 1vw 0 0; padding-left:1vw ; }
}
@media screen and (max-width: 480px) {
	section#nav{display:none;width:100%; max-width: 96vw; margin: 0 auto ; }
	section#nav ol{display:block; margin:0 auto; }
	section#nav ol li{display: inline-block; font-size: 4vw; }
	section#nav ol li:after{ margin:0 2vw 0 0; padding-left:2vw ; }

}



/*--------noitem---------*/
article#cart section#empty_bx{width:100%; max-width: 800px; margin: 0 auto; }
article#cart section#empty_bx>div>form{margin: 0 auto; padding:100px 100px 200px 100px ; text-align: center; }
article#cart section#empty_bx>div>form>h3{display: block; font-size:2em; margin-bottom:20px ;}
@media screen and (max-width: 768px) {
	article#cart section#empty_bx>div>form{padding:10vw 10vw 20vw 10vw; }
	article#cart section#empty_bx>div>form>h3{margin-bottom:2vw ;}
}
@media screen and (max-width: 480px) {
	article#cart section#empty_bx{width:100%; margin: 0 auto; }
	article#cart section#empty_bx>div>form{padding-top:20vw 10vw ; text-align: center; }
	article#cart section#empty_bx>div>form>h3{font-size:5vw; margin-bottom:4vw; }
}





/*---------共通-----------*/
/*-----cart,pay,inquiry,finish------*/
article#cart .cart_bx{width:100%; max-width: 800px; margin: 0 auto; }
article#cart .cart_bx form{margin: 0 auto; padding: 50px ; }
article#cart .cart_bx form h3{display: block; font-size:2em; margin-bottom:20px ; text-align: center; }
article#cart .cart_bx form>dl{display: table; table-layout: fixed; width:100%; max-width: 800px; margin: 0 auto ; vertical-align: middle; padding: 2px; text-indent: 1em;}
article#cart .cart_bx form>dl:nth-of-type(2n+1){ border-top: 1px dotted #000; border-bottom: 1px dotted #000; }
article#cart .cart_bx form>dl:nth-last-of-type(1){border-top: 1px dotted #000; border-bottom: 1px dotted #000; }
article#cart .prof_bx form div>dl:nth-child(odd){border-top: 1px dotted #000; border-bottom: 1px dotted #000;}
article#cart .cart_bx form>dl>dt{display: table-cell; width: 200px; padding-top: 20px; padding-bottom: 20px ; vertical-align: middle; }
article#cart .cart_bx form>dl>dd{display: table-cell;  padding-top: 20px; padding-bottom: 20px; vertical-align: middle; }
article#cart .cart_bx form>dl:nth-of-type(2)>dd>input{ width: 40px; }

/*----------pay----------*/
/*-------支払い方法-------*/
article#cart .cart_bx div form>dl>dd>.radio{display: block; }
/*-------radioクリック字のtext-------*/
article#cart .cart_bx div form div.text0a,div.text0b{display: block; margin-top: 50px; border-top: 1px solid #222; border-bottom: 1px solid #222; }
article#cart .cart_bx div form div.text0a ul,div.text0b ul{padding: 20px; background: #efefef; }
article#cart .cart_bx div form div.text0a ul li,div.text0b ul li{text-align: center; }
article#cart .cart_bx div form div.text0a ul li span,div.text0b ul li span{font-weight: bold; line-height: 2.5em; }

/*----inquiry,finish-----*/
/*-------注意書き--------*/
article#cart .cart_bx div form .coution{ width:100%; max-width: 800px; margin: 0 auto ; vertical-align: middle; padding: 20px 0; text-align: center; }
article#cart .cart_bx div form .coution p{color: #c00;}
article#cart .cart_bx div form .coution p span{display: block; color: #000; }

/*---------inquiry--------*/
article#cart .cart_bx>div>form>p{ padding-top:30px ;}
/*--pの上下でbd効いてない--*/
article#cart .cart_bx>div>form>dl.b02{display: block; border-top: 1px dotted #000; border-bottom: 1px dotted #000;}
article#cart .cart_bx>div>form>dl.bb{ border-bottom: 1px dotted #000;}

/*------注意事項text------*/
article#cart>.cart_bx>div>form>dl.note{text-indent: 0; border-top: 1px dotted #000; }
article#cart>.cart_bx>div>form>dl.note dt{text-indent:1em; }
article#cart>.cart_bx>div>form>dl.note dd ul{padding-left:1em; }
article#cart>.cart_bx>div>form>dl.note dd ul li{line-height: 1.5em; padding-bottom: 10px;}
article#cart>.cart_bx>div>form>dl.note dd ul li span{font-size: 1.2em; padding-right: 5px; }

/*--input全般--*/
article#cart .cart_bx input{border: 1px solid #ccc; padding: 2px; }
article#cart .prof_bx input{border: 1px solid #ccc; padding: 2px; }
article#cart .prof_bx select{border: 1px solid #ccc; }

/*--背景色--*/
article#cart .cart_bx dt{background: #efefef;}
article#cart .cart_bx dd{background: #fdfcfc;}
article#cart .prof_bx dt{background: #efefef;}
article#cart .prof_bx dd{background: #fdfcfc; }
@media screen and (max-width: 768px) {
	article#cart .cart_bx form{ padding: 5vw ; }
	article#cart .cart_bx form h3{ margin-bottom:2vw ; }
	article#cart .cart_bx form>dl{ padding: .2vw; }
	article#cart .cart_bx form>dl:nth-of-type(2n+1){ border-top: .1vw dotted #000; border-bottom: .1vw dotted #000; }
	article#cart .cart_bx form>dl:nth-last-of-type(1){border-top: .1vw dotted #000; border-bottom: .1vw dotted #000; }
	article#cart .prof_bx form div>dl:nth-child(odd){border-top: .1vw dotted #000; border-bottom: .1vw dotted #000;}
	article#cart .cart_bx form>dl>dt{display: table-cell; width: 20vw; padding-top: 2vw; padding-bottom: 2vw ; vertical-align: middle; }
	article#cart .cart_bx form>dl>dd{display: table-cell;  padding-top: 2vw; padding-bottom: 2vw; vertical-align: middle; }
	article#cart .cart_bx form>dl:nth-of-type(2)>dd>input{ width: 4vw; }

	/*-------radioクリック字のtext-------*/
	article#cart .cart_bx div form div.text0a,div.text0b{ margin-top: 5vw; border-top: .1vw solid #222; border-bottom: .1vw solid #222; }
	article#cart .cart_bx div form div.text0a ul,div.text0b ul{padding: 2vw; }

	/*----inquiry,finish-----*/
	/*-------注意書き--------*/
	article#cart .cart_bx div form .coution{ padding: 2vw 0; }

	/*---------inquiry--------*/
	article#cart .cart_bx>div>form>p{ padding-top:3vw; }
	/*--pの上下でbd効いてない--*/
	article#cart.cart_bx>div>form>dl.b02{ border-top: .1vw dotted #000; border-bottom: .1vw dotted #000;}
	article#cart.cart_bx>div>form>dl.bb{ border-bottom: .1vw dotted #000;}
	/*------注意事項text------*/
	article#cart>.cart_bx>div>form>dl.note{text-indent: 0; border-top: .1vw dotted #000; }
	article#cart>.cart_bx>div>form>dl.note dd ul li{ padding-bottom: 1vw;}
	article#cart>.cart_bx>div>form>dl.note dd ul li span{ padding-right: .5vw; }

	/*--input全般--*/
	article#cart .cart_bx input{ padding: .2vw; }
	article#cart .prof_bx input{ padding: .2vw; }
}

@media screen and (max-width: 480px) {
	article#cart .cart_bx form{ padding: 10vw 2vw;}
	article#cart .cart_bx form h3{ margin-bottom:4vw ; }
	article#cart .cart_bx form>dl{ padding: .4vw; }
	article#cart .cart_bx form>dl:nth-of-type(2n+1){ border-top: .2vw dotted #000; border-bottom: .2vw dotted #000; }
	article#cart .cart_bx form>dl:nth-last-of-type(1){border-top: .2vw dotted #000; border-bottom: .2vw dotted #000; }
	article#cart .prof_bx form div>dl:nth-child(odd){border-top: .2vw dotted #000; border-bottom: .2vw dotted #000; }
	article#cart .cart_bx form>dl>dt{display: table-cell; width: 40vw; padding-top: 4vw; padding-bottom: 4vw ; vertical-align: middle; }
	article#cart .cart_bx form>dl>dd{display: table-cell; padding: 4vw; vertical-align: middle; text-indent: 0; }
	article#cart .cart_bx form>dl>dd>span{display: block; }
	article#cart .cart_bx form>dl>dd>ol{margin: 0 auto;}
	article#cart .cart_bx form>dl>dd>ol>li{display: block; white-space: normal; }
	article#cart .cart_bx form>dl:nth-of-type(2)>dd>input{ width: 8vw; }

	/*-------radioクリック字のtext-------*/
	article#cart .cart_bx div form div.text0a,div.text0b{ margin-top: 10vw; border-top: .2vw solid #222; border-bottom: .2vw solid #222; }
	article#cart .cart_bx div form div.text0a ul,div.text0b ul{padding: 4vw; }

	/*----inquiry,finish-----*/
	/*-------注意書き--------*/
	article#cart .cart_bx div form .coution{ padding: 4vw 0; }

	/*---------inquiry--------*/
	article#cart .cart_bx>div>form>p{ padding-top:6vw; }
	/*--pの上下でbd効いてない--*/
	article#cart .cart_bx>div>form>dl.b02{ border-top: .2vw dotted #000; border-bottom: .2vw dotted #000;}
	article#cart .cart_bx>div>form>dl.bb{ border-bottom: .2vw dotted #000;}
	/*------注意事項text------*/
	article#cart>.cart_bx>div>form>dl.note{text-indent: 0; border-top: .2vw dotted #000; }
	article#cart>.cart_bx>div>form>dl.note dd ul li{ padding-bottom: 2vw;}
	article#cart>.cart_bx>div>form>dl.note dd ul li span{ padding-right: 1vw; }

	/*--input全般--*/
	article#cart .cart_bx input{ padding: .4vw; }
	article#cart .prof_bx input{ padding: .4vw; }

}




/*-----------------------*/
/*------profile_Page-----*/
article#cart .prof_bx{width:100%; max-width: 800px; margin: 0 auto; }
article#cart .prof_bx form{margin: 0 auto; padding: 50px; }
article#cart .prof_bx form h3{display: block; font-size:2em; margin-bottom: 20px;  text-align: center; }
article#cart .prof_bx form dl{display:table ; table-layout: fixed; width: 100%; max-width:800px; vertical-align: middle; padding: 2px; text-indent: 1em; }
article#cart .prof_bx form dl dt{display: table-cell; width:200px; padding-top: 20px; padding-bottom: 20px ; vertical-align: middle; }
article#cart .prof_bx form dl dd{display: table-cell; padding-top: 20px; padding-bottom: 20px; vertical-align: middle; text-align: center;}
article#cart .prof_bx form dl dd ul{display: table; width:100% ; margin: 0 auto; text-align: center; }
article#cart .prof_bx form dl dd ul li{display: table-cell; width: 300px; margin: 0 auto; }
article#cart .prof_bx form dl dd ul li input{display: inline-block; width: 150px; }
article#cart .prof_bx form dl dd ol{display: table; width:100%; max-width:600px; }
article#cart .prof_bx form dl dd ol li{display: table-cell; width:50%; margin: 0 auto; text-align: center; }

/*--郵便番号--*/
article#cart .prof_bx form ol li input{width:160px; }
/*--検索--*/
article#cart .prof_bx form ol li:nth-of-type(2)>button{display: inline-block ; width: 60%; margin-left: 2px; color: #fff; background:linear-gradient(rgba(200, 200, 200,0.5),rgba(140, 140, 140,0.8)); border-radius: 5px; border: 1px solid #fff; }

/*--選択--*/
article#cart .prof_bx form ol li select{ width:160px; color: #777; }

/*--adoress--*/
article#cart .prof_bx form ol:nth-of-type(3)>li{display: block; width: 100%;}
article#cart .prof_bx form ol:nth-of-type(3)>li:nth-of-type(2){margin-top: 2px; margin-bottom: 2px; }
article#cart .prof_bx form ol:nth-of-type(3)>li>input{width: 410px; }

/*--TEL_mail_birth--*/
article#cart .prof_bx form>div>dl>dd>input{width: 410px; }
/*--gender--*/
article#cart .prof_bx form div>dl:nth-of-type(6) dd{text-align: center;}
article#cart .prof_bx form div>dl:nth-of-type(6) dd div{display: table ; width:400px; margin: 0 auto;}
article#cart .prof_bx form div>dl:nth-of-type(6) dd div label{display: table-cell; width: 400px; margin: 0 auto; }
article#cart .prof_bx form div>dl:nth-of-type(6) dd div label input{width: 20%; }
@media screen and (max-width: 768px) {
	article#cart .prof_bx form{ padding: 5vw; }
	article#cart .prof_bx form h3{ margin-bottom: 2vw; }
	article#cart .prof_bx form dl{ padding: .2vw; }
	article#cart .prof_bx form dl dt{ width:20vw; padding-top: 2vw; padding-bottom: 2vw ; }
	article#cart .prof_bx form dl dd{ padding-top: 2vw; padding-bottom: 2vw; }
	article#cart .prof_bx form dl dd ul li{ width: 40vw; }
	article#cart .prof_bx form dl dd ul li input{ width: 25vw; }
	article#cart .prof_bx form dl dd ol{ max-width:60vw; }

	/*--郵便番号--*/
	article#cart .prof_bx form ol li input{width:20vw; }
	/*--検索--*/
	article#cart .prof_bx form ol li:nth-of-type(2)>button{ width: 80%; margin-left: 9vw; color: #fff; border-radius: .5vw; border: .1vw solid #fff; }

	/*--選択--*/
	article#cart .prof_bx form ol li select{ width:20vw; }

	/*--adoress--*/
	article#cart .prof_bx form ol:nth-of-type(3)>li:nth-of-type(2){margin-top: .2vw; margin-bottom: .2vw; }
	article#cart .prof_bx form ol:nth-of-type(3)>li>input{width: 50vw; }

	/*--TEL_mail_birth--*/
	article#cart .prof_bx form>div>dl>dd>input{width: 60vw; }
	/*--gender--*/
	article#cart .prof_bx form div>dl:nth-of-type(6) dd div{ width:40vw;}
	article#cart .prof_bx form div>dl:nth-of-type(6) dd div label{ width: 40vw; }
	article#cart .prof_bx form div>dl:nth-of-type(6) dd div label input{width: 20%; }
}

@media screen and (max-width: 480px) {
}




















/*----前次項button----*/
/*----cart_page-------*/
article#cart ul.crt_bt{display: table; table-layout: fixed; width:100%; max-width:800px; margin: 0 auto 50px; padding: 0 80px;}
article#cart ul.crt_bt>li{display: table-cell; width: 300px;}
article#cart ul.crt_bt>li#crt_bt01{display: table-cell; width: 100%; text-align: center;}
article#cart ul.crt_bt>li#crt_bt01>button{ display: inline-block; width:100%;}
/*--前項button--*/
button.bt_remove{display: block; position: relative; width: 100%; line-height: 50px; background: #fff; text-align: center; border: 1px solid #222; }
button.bt_remove:before{content:"" ; position: absolute; top:0; left:0; width: 100%; height: 100%; background: #222; transition: all .3s; z-index: 2; }
button.bt_remove:after{content: "\f137"; font-family: "FontAwesome"; position: absolute; display: inline-block; top:0; left: 15px; color: #222; z-index:1 ;}
button.bt_remove>span{position:relative; font-family: "Noto Serif JP"; color: #fff; z-index: 3; }
button.bt_remove:hover{ border: 1px solid #222; }
button.bt_remove:hover>span{ color:#222; }
button.bt_remove:hover:before{ width:0; }
/*--次項button--*/
button.bt_next{display: block; position: relative; width: 100%; line-height: 50px; background: #fff; text-align: center; border: 1px solid #222; }
button.bt_next:before{content:"" ; position: absolute; top:0; right: 0; width: 100%; height: 100%; background: #222; transition: all .3s; z-index: 2; }
button.bt_next:after{content: "\f138"; font-family: "FontAwesome"; position: absolute; display: inline-block; top:0; right: 15px; color: #222; z-index:1 ; }
button.bt_next>span{position:relative; font-family: "Noto Serif JP"; color: #fff; z-index: 3; }
button.bt_next:hover{ border: 1px solid #222; }
button.bt_next:hover>span{ color:#222; }
button.bt_next:hover:before{ width:0; }

article#cart ul.crt_bt>li:nth-of-type(1){text-align: left;}
article#cart ul.crt_bt>li:nth-of-type(2){text-align: right; color: #fff; }
article#cart ul.crt_bt>li>button{ display: inline-block; width: 300px; }

@media screen and (max-width: 768px) {
/*----前次項button----*/
/*----cart_page-------*/
article#cart ul.crt_bt{ margin: 0 auto 5vw; padding: 0 8vw;}
article#cart ul.crt_bt>li{ width: 30vw;}

/*--前項button--*/
button.bt_remove{ line-height: 5vw; border: .1vw solid #222; }
button.bt_remove:after{ top:0; left: 1.5vw; }
button.bt_remove:hover{ border: .1vw solid #222; }
/*--次項button--*/
button.bt_next{ line-height: 5vw; border: .1vw solid #222; }
button.bt_next:after{ top:0; right: 1.5vw; }
button.bt_next:hover{ border: .1vw solid #222; }

article#cart ul.crt_bt>li>button{ display: inline-block; width: 30vw; }
}

@media screen and (max-width: 480px) {
/*----前次項button----*/
/*----cart_page-------*/
article#cart ul.crt_bt{display: table; table-layout: fixed; width:100%; max-width:800px; margin: 0 auto 50px; padding: 0 80px; }
article#cart ul.crt_bt>li{display: table-cell; width: 300px;}
article#cart ul.crt_bt>li#crt_bt01{display: table-cell; width: 100%; text-align: center;}
article#cart ul.crt_bt>li#crt_bt01>button{ display: inline-block; width:100%;}





article#cart ul.crt_bt{ width:100%; max-width:96vw; margin: 0 auto 10vw; padding: 0 10vw; }
article#cart ul.crt_bt>li{ width: 20vw;}
article#cart ul.crt_bt>li>button{ display: inline-block; width: 30vw; }

/*--前項button--*/
button.bt_remove{ line-height: 10vw; border: .2vw solid #222; }
button.bt_remove:after{ top:0; left: 3vw; }
button.bt_remove:hover{ border: .2vw solid #222; }

/*--次項button--*/
button.bt_next{ line-height: 10vw; border: .2vw solid #222; }
button.bt_next:after{ top:0; right: 3vw; }
button.bt_next:hover{ border: .2vw solid #222; }
#space:after{content: "\f138"; font-family: "FontAwesome"; position: absolute; display: inline-block; top:0; right: 3px; color: #222; z-index:1 ; }




article#cart ul.crt_bt>li:nth-of-type(2){text-align: right; color: #fff;}
article#cart ul.crt_bt>li>button{ display: inline-block; width: 35vw; }


}