#contents .cBox {
background: white;
}
#contents h4 {
border-bottom: dashed 2px #6a5656;
font-size: min(1.5rem, 4.0vw);
margin: 1% 0 3%;
}
.ttl {
background: white;
border-top: dashed 3px #2B29D9;
border-bottom: dashed 3px #2B29D9;
color: #2B29D9;
display: block;
font-size: min(1.4em, 4.0vw);
line-height: 1.5;
margin: 0 auto 3%;
padding: 4% 0;
text-align: center;
width: 100%;
}
.ttl img.logo{
margin: 0 auto 1%;
max-width: 360px;
width: 100%;
}
.slider {
margin: -2% auto 5%;
width: 90%;
}
.slider img{
width: 100%;
}

.info{
border-radius: 20px;
box-sizing: border-box;
font-size: min(1.2em, 3.5vw);
line-height: 1.5;
margin: 0 auto 5%;
padding: 3%;
word-break: auto-phrase;
width: 90%;
}
.block01{
background: #fefff3;
color: #300505;
}
.block02{
background: #fbf3f3;
}
.info h3 {
border-bottom: solid 1px #cf6cbb;
color: #ab3269;
padding: 0 0 0.5%;
}
.info p{
margin: 0.5% 0 2.5% 2%;
}
.info p a{
color: #ab3269;
}
.text{
box-sizing: border-box;
margin: auto;
overflow: hidden;
margin: 20px auto;
width: 85%;
}

.info hr {
border-color: #efcad8;
border-style: dashed;
border-width: 3px 0 0 0;
margin: 0 0 3%;
}

.b02SubText{
display: block;
font-size: 0.9rem;
line-height: 1.3;
margin: 3% auto 0;
}
.fSoldout{
color: #d00;
font-weight: bold;
}
.soldoutTxt{
background: white;
border: #d00 solid 1px;
color: #d00;
display: block;
padding: 1.5%;
text-align: center;
}
#FQ {
background: #f3feff;
}
#FQ .sup{
font-weight: bold;
text-align: center;
}
#FQ dl{
font-size: min(1.0rem, 3.5vw);
}
#FQ dl dt,
#FQ dl dd{
margin: 0 0 0.5% 2em;
}
#FQ dl dt span{
color: #c00;
font-weight: bold;
margin: 0 2% 0 0;
}
#FQ dl dd span{
color: #00c;
font-weight: bold;
margin: 0 2% 0 0;
}
#FQ dl dt:before{
content: "Q.";
color: #c00;
font-weight: bold;
margin: 0 2% 0 -2em;
}
#FQ dl dd:before{
content: "A.";
color: #00c;
font-weight: bold;
margin: 0 2% 0 -2em;
}

.box{
box-sizing: border-box;
border: dashed 3px #f26dac;
border-radius: 30px;
margin: 5% auto;
padding: 3% 3% 0%;
width: 90%;
}
.box ol {
counter-reset: my-counter;
list-style: none;
padding: 0;
}
.box li {
line-height: 1.5;
margin-bottom: 5px;
padding-left: 30px;
position: relative;
}
.box li:before {
content: counter(my-counter);
counter-increment: my-counter;
background-color: #f60633;
color: #ffffff;
display: block;
float: left;
font-weight: bold;
line-height: 22px;
margin-left: -30px;
text-align: center;
height: 22px;
width: 22px;
border-radius: 50%;
}
.box .sup{
font-size: min(1.4em, 3.5vw);
margin: 0 0 2%;
}
.link {
background: linear-gradient(900deg, #c9c9ff, #ff669f);
box-shadow: 0 0 10px rgba(43, 22, 41, 0.4);
color: #fff !important;
border-radius: 10px;
display: block;
font-size: 1.4rem;
font-weight: bold;
margin: 4% auto 0;
padding: 3% 4% 2.5%;
text-align: center;
text-decoration: none !important;
text-shadow: 0 0 5px #76108f;
transition: 0.2s opacity;
width: 60%;
}
.link:hover{
opacity: 0.6;
}
.open{
background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(0.60, #ffd0a4), to(#f57777));
border-radius: 6px;-moz-border-radius: 6px;-webkit-border-radius: 6px;
border: 4px solid #ff0000;
color: #cd1010;
-moz-text-shadow: 0px 0px 7px rgba(255, 255, 255, 1);
-webkit-text-shadow: 0px 0px 7px rgba(255, 255, 255, 1);
-ms-text-shadow: 0px 0px 7px rgba(255, 255, 255, 1);
text-shadow: 0px 0px 7px rgba(255, 255, 255, 1);
}
.end {
background: -webkit-gradient(linear, left top, left bottom,from(#ffffff),color-stop(0.60, #d9d9d9),to(#959595));
border-radius: 6px;-moz-border-radius: 6px;-webkit-border-radius: 6px;
border: 1px solid #a5a5a5;
color: #333;
}
p.mes {
text-align: center;
color: #c00;
font-weight: bold;
margin: -30px auto 0;
}
/* PC  -------------------------------------------------- */
@media screen and (min-width:900px) {
	#breadcrumb_nav {
	color: white;
	margin: 5px auto 0;
	overflow: hidden;
	position: relative;
	width: 1200px;
	}
	#breadcrumb_nav a{
	color: white!important;
	}
	#all{
	width: 1000px;
	}
	#box_menu_bottom .menu_other{
	margin: 0 auto;
	width: 800px;
	}
	#box_goiken {
	width: 800px;
	}
}
/* SP  -------------------------------------------------- */
@media screen and (max-width:900px) {
	.onlyPc{display: none;}
	.onlySp{display: block;}
	.ttl img.logo{
	max-width: 280px;
	}
	.info{
	word-break: break-all;
	}
	.box li {
	font-size: min(1.0em, 3.5vw);
	}
	.b02SubText{
	font-size: 90%;
	margin: 5% auto 0;
	}
/*	{
    width: 100%;
	}*/
}