@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Cormorant+Infant');
@import url('https://fonts.googleapis.com/css?family=Noto+Serif+JP');


/*
	font-family: 'Cormorant Infant', serif;
	font-family: "Sawarabi Mincho";
	font-family: 'Noto Serif JP', serif;
*/

img{
	max-width:100%;
}

.mincho{
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}

#mirable{
	width:100%;
	text-align:center;
	margin-bottom:100px;
	color:#333;
	font-size:16px;
}

#mirable a{
	color:#333;
}

#mirable h2,
#mirable h3,
#mirable h4,
#mirable h5{
	width:100%;
	background: #98d8ec;
	background: -moz-linear-gradient(top, #98d8ec 0%, #47b9de 100%); 
	background: -webkit-linear-gradient(top, #98d8ec 0%,#47b9de 100%);
	background: linear-gradient(to bottom, #98d8ec 0%,#47b9de 100%);
	color: #004A83; 
	font-family:'ＭＳ Ｐ明朝', 'MS PMincho', 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', serif; 
	padding:25px 0;
	letter-spacing:5px;
	font-size:46px;
	text-shadow:0 0 1px #fff,
				0 0 2px #fff,
				0 0 3px #fff,
				0 0 4px #fff,
				0 0 5px #fff,
				0 0 10px #fff,
				0 0 10px #fff,
				0 0 10px #fff,
				0 0 15px #fff,
				0 0 30px #fff,
				0 0 40px #fff,
				0 0 50px #fff,
				0 0 60px #fff,
				0 0 70px #fff,
				0 0 80px #fff,
				0 0 90px #fff;
}


#mirable #kanban{
	width:100%;
	position:relative;
}

#mirable #kanban dl{
	width:27%;
	max-width:400px;
	/*font-family: "Sawarabi Mincho";*/
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	position:absolute;
	right:25%;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	color:#fff;
	/*font-size:19px;*/
	letter-spacing:3px;
}

#mirable #kanban dl img{
	margin-bottom:25px;
}


/*

#mirable #kanban dt{
	font-size:30px;
	border-radius:5px;
	background: #fffff8; 
	background: -moz-linear-gradient(top, #fffff8 0%, #fffe8d 66%); 
	background: -webkit-linear-gradient(top, #fffff8 0%,#fffe8d 66%);
	background: linear-gradient(to bottom, #fffff8 0%,#fffe8d 66%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fffff8', endColorstr='#fffe8d',GradientType=0 ); 
	margin-bottom:15px;
}

#mirable #kanban dt a{
	color:#004A83;
	display:block;
	padding:15px 0;
	text-decoration:none;
}*/


#mirable .btn_buy{
	font-size:14px;
	text-align:center;
}


#mirable .btn_buy select{
	font-size:11px !important;
}


#mirable .seiki{
	background-color:#fff;
	padding:5px 10px;
	color:#000;
	font-size:14px;
	font-weight:bold;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}


#mirable .seiki br{
	display:none;
}



#mirable #kanban dd.guide{
	font-size:12px;
	margin-top:15px;
}

#mirable #kanban dd.guide a{
	font-size:12px;
	color:#fff;
	text-decoration:underline;
}



#hosyo{
	display:none;
}

@media only screen and (max-width: 1000px) { 
#mirable #kanban dl img{
	margin-bottom:18px;
}
#mirable #kanban dl{
	font-size:14px;
}
#mirable #kanban dt{
	font-size:14px;
}

#mirable .seiki br{
	display:block;
}

#mirable .sysAddVariation{
	font-size:12px !important;
}



#mirable .btn_buy select{
	font-size:10px !important;
}


}

@media only screen and (max-width: 800px) { 
#mirable h2,
#mirable h3,
#mirable h4,
#mirable h5{
	font-size:28px;
}

#mirable #kanban{
	background-color:#000;
	padding-bottom:190px !important;
}


#mirable #kanban dl{
	width:90%;
	max-width:400px;
	right:auto;
	left:50%;
	top:auto;
	bottom:20px;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}
#mirable #kanban dl img{
	display:none;
}

#hosyo{
	width:75%;
	display:block;
	margin:40px auto 0;
}


}






#mirable #media{
	margin:50px auto 20px;
}

#mirable #media ul{
	width:90%;
	max-width:1000px;
	margin:30px auto;
	text-align:left;
}

#mirable #media ul li{
	width:22%;
	display:inline-block;
	margin:0 1% 25px;
	text-align:center;
	font-size:20px;
	font-weight:bold;
}

#mirable #media ul li span{
	display:block;
	font-size:12px;
	font-weight:normal;
}

#mirable #tube{
	max-width:800px;
	margin:50px auto 20px;
	background:#C2E7F4;
	padding:2% 3%;
}


#mirable #tube p{
	width:25%;
	display:inline-block;
	vertical-align:middle;
	margin-right:4%;
	color:#1F88AB;
	font-size:40px;
	letter-spacing:2px;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}

#mirable #tube p span{
	display:block;
	border:1px solid #1F88AB;
	color:#1F88AB;
	font-size:25px;
	margin-top:15px;
	font-family: 'Cormorant Infant', serif;
	font-style:italic;
	letter-spacing:5px;
}

#mirable #tube p span:before{
	content:">";
	margin-right:3px;
}



#mirable #tube iframe{
	width:70%;
	height:310px;
	display:inline-block;
	vertical-align:middle;
}

@media only screen and (max-width: 800px) { 

#mirable #tube{
	padding:60px 0;
}

#mirable #tube p{
	width:90%;
	margin:auto;
	font-size:34px;
	letter-spacing:normal;
}

#mirable #tube p span{
	display:none;
}

#mirable #tube iframe{
	margin:20px auto 0;
	width:80%;
}

#mirable #media p br{
	display:none;
}

#mirable #media p {
	text-align:left;
	padding:10px;
}



}














#mirable #item{
	background:url(img/tempo/bg.jpg);
	padding:5% 0;
	margin-top:80px;
}

#mirable #item #inner{
	width:80%;
	max-width:880px;
	margin:auto;
	background:rgba(255, 255, 255, .6);
	padding:4%;
	-webkit-box-shadow: 0 0 15px 0 #999;
	-moz-box-shadow: 0 0 15px 0 #999;
	box-shadow: 0 0 15px 0 #999; 
}
	

#mirable #item #inner #left{
	width:44%;
	display:inline-block;
	vertical-align:top;
	margin-right:6%;
}

#mirable #item #inner #right{
	width:46%;
	display:inline-block;
	vertical-align:top;
	text-align:left;
}

#mirable #item #inner #right .free{
	font-size:13px;
	color:#9F001B;
	border:1px solid #9F001B;
	padding:1px 8px;
}

#mirable #item #inner #right dl{
	margin:10px auto 20px;
	font-size:13px;
	line-height:1.8;
}

#mirable #item #inner #right dt{
	font-size:23px;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-weight:bold;
}

#mirable #item #inner #right dt:nth-of-type(2){
	font-size:18px;
	margin:0 auto 15px;
	font-family: "Sawarabi Mincho";
	font-weight:lighter;
}

#mirable #item #inner #right ul.hosyou{
	margin-bottom:20px;
}

#mirable #item #inner #right ul.hosyou li{
	display:inline-block;
	width:48%;
	/*background:#47B9DE;
	color:#FFFE8D;*/
	border:3px solid #47B9DE;
	color:#47B9DE;
	text-align:center;
	padding:7px 0;
	font-weight:bold;
}

#mirable #item #inner #right p{
	text-align:center;
	color:#9F001A;
	font-size:16px;
	font-weight:bold;
}

#mirable #item #inner #right .btn_buy{
	font-weight:bold;
}



#mirable #item #inner #present{
	border:6px solid #47B9DE;
	margin:50px auto 20px;
	padding:5% 3%;
	position:relative;
}

#mirable #item #inner #present .index{
	width:80%;
	margin:20px auto;
	font-size:17px;
	line-height:1.7;
}

#mirable #item #inner #present .box{
	display:inline-block;
	margin:0 20px 40px;
}

/* #mirable #item #inner #present .ttl:nth-of-type(1){
	width:75%;
	margin:40px auto;
} */

#mirable .w75{
	width:92%;
	max-width:610px;
	margin:40px auto !important;
}

#mirable #item #inner #present .ttl{
	font-size:30px;
	color:#004A83;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	margin:40px 0;
	position:relative;
	border-bottom:1px solid #004A83;
}

#mirable #item #inner #present .ttl span{
	position:absolute;
	top:-20px;
	background:#F1FAFC;
	padding:0 20px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);

}


#mirable #item #inner #present .box dl{
	display:inline-block;
	max-width:250px;
	margin:0 15px 30px;
	vertical-align:top;
	font-size:13px;
}
#mirable #item #inner #present .box:nth-of-type(1) dl{
	margin:0 40px;
}

#mirable #item #inner #present .box dt{
	font-size:14px;
	font-weight:bold;
	margin:8px auto 5px;
}

#mirable #item #inner #present .box dt span{
	font-size:13px;
	display:block;
}


#mirable #item #inner #present .box:last-child{
	position:absolute;
	bottom:50px;
	right:15px;
}
@media only screen and (max-width: 900px) { 
#mirable #item #inner #present .box:last-child{
	display:none;
}


#mirable #item #inner #right p{
	font-size:14px;
	font-weight:bold;
}

}

@media only screen and (max-width: 800px) { 

#mirable #item #inner{
	width:90%;
	margin:30px auto;
	padding:8% 4%;
}

#mirable #item #inner #left{
	width:90%;
	display:block;
	margin:auto;
}

#mirable #item #inner #right{
	width:90%;
	max-width:500px;
	display:block;
	margin:20px auto;
}

/* #mirable #item #inner #right .free{
	font-size:13px;
	color:#9F001B;
	border:1px solid #9F001B;
	padding:1px 8px;
}

#mirable #item #inner #right dl{
	margin:10px auto 20px;
	font-size:13px;
	line-height:1.8;
}

#mirable #item #inner #right dt{
	font-size:23px;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-weight:bold;
}

#mirable #item #inner #right dt:nth-of-type(2){
	font-size:18px;
	margin:0 auto 15px;
	font-family: "Sawarabi Mincho";
	font-weight:lighter;
}

#mirable #item #inner #right ul{
	margin-bottom:20px;
}

#mirable #item #inner #right li{
	display:inline-block;
	width:48%;
	background:#47B9DE;
	color:#FFFE8D;
	text-align:center;
	padding:7px 0;
	font-weight:bold;
}

#mirable #item #inner #right p{
	text-align:center;
	color:#9F001A;
	font-size:16px;
	font-weight:bold;
}

#mirable #item #inner #present{
	border:6px solid #47B9DE;
	margin:50px auto 20px;
	padding:5% 3%;
	position:relative;
}


#mirable #item #inner #present .box{
	display:inline-block;
	margin:0 20px 40px;
}
 */
 
#mirable #item #inner #present .index{
	width:90%;
	text-align:left;
}

#mirable #item #inner #present .index br{
	display:none;
}

#mirable .w75{
	max-width:280px;
}


#mirable #item #inner #present .box .ttl{
	font-size:24px;
}

#mirable #item #inner #present .box .ttl span{
	padding:0;
	width:50%;
}


/* #mirable #item #inner #present .box dl{
	display:inline-block;
	max-width:250px;
	margin:0 15px 30px;
	vertical-align:top;
	font-size:13px;
}
#mirable #item #inner #present .box:nth-of-type(1) dl{
	margin:0 40px;
}

#mirable #item #inner #present .box dt{
	font-size:14px;
	font-weight:bold;
	margin:8px auto 5px;
}


#mirable #item #inner #present .box:last-child{
	position:absolute;
	bottom:50px;
	right:50px;
} */
}





















/*
特徴
------------------------------------------------------------------------------------*/
#mirable #feature{
	width:90%;
	max-width:1000px;
	margin:0 auto 50px;
}

#mirable #feature .conts{
	margin-top:50px;
}

#mirable #feature .feature_ttl{
	font-size:60px;
	color:#004A83;
}

#mirable #feature .feature_ttl span{
	display:inline-block;
	vertical-align:middle;
}

#mirable #feature .feature_ttl p{
	display:inline-block;
	text-align:left;
	vertical-align:middle;
}

#mirable #feature .conts .index{
	font-size:25px;
	font-weight:bold;
	margin:30px auto 20px;
}

#mirable #feature .conts .index dd{
	max-width:600px;
	font-size:16px;
	font-weight:normal;
	margin:10px auto;
}


#mirable #feature .conts #clean p{
	width:45%;
	display:inline-block;
	vertical-align:top;
	text-align:left;
	margin-right:5%;
	line-height:1.8;
}

#mirable #feature .conts #clean img{
	width:49%;
	display:inline-block;
}



#mirable #feature #test{
	background:#E6F5FA;
	padding:5%;
	margin-top:50px;
}

#mirable #feature #test #midashi{
	font-size:35px;
	color:#004A83;
	width:96%;
    border:3px solid #004A83;
	border-right:none;
	border-left:none;
}

#mirable #feature #test #midashi span{
	display:block;
	width:100%;
	margin:3px 0;
    border:1px solid #004A83;
	border-right:none;
	border-left:none;
	padding:15px 0;
}


#mirable #feature #test .index{
	font-size:44px;
	font-weight:bold;
	color:#004A83;
	vertical-align:middle;
	margin:20px auto;
}

#mirable #feature #test .index span{
	vertical-align:middle;
}
#mirable #feature #test .test_name{
	width:40%;
	border:1px solid #999;
	display:inline-block;
	margin-bottom:20px;
}


#mirable #feature #test #b_a li{
	width:47%;
	vertical-align:middle;
	display:inline-block;
	position:relative;
}

#mirable #feature #test #b_a li:nth-of-type(2){
	margin-left:5%;
}

#mirable #feature #test #b_a li:nth-of-type(2):before{
	content:url(img/arrow.jpg);
	width:15px;
	left:-10%;
	top:30%;
	position:absolute;
}


#mirable #feature #test #b_a p{
	font-weight:bold;
	margin-top:15px;
	font-size:20px;
}


#mirable #feature #test #hikaku img{
	vertical-align:middle;
}

#mirable #feature #test #hikaku img:nth-of-type(2){
	margin-left:15px;
}

@media only screen and (max-width: 800px) { 

#mirable #feature .feature_ttl{
	font-size:24px;
}

#mirable #feature .feature_ttl span{
	width:23%;
}

#mirable #feature .feature_ttl p{
	width:73%;
}

#mirable #feature .conts .index{
	font-size:20px;
}

#mirable #feature .conts #clean p{
	width:100%;
	display:block;
	margin:0 auto 15px;
}

#mirable #feature .conts #clean img{
	width:100%;
	display:block;
}


#mirable #feature #test #midashi{
	font-size:25px;
}


#mirable #feature #test .index{
	font-size:22px;
	vertical-align:bottom;
	position:relative;
	padding-left:75px;
	text-align:left;
}

#mirable #feature #test .index span{
	position:absolute;
	top:0;
	left:0;
}

#mirable #feature #test .test_name{
	width:80%;
}


#mirable #feature #test #b_a li{
	width:90%;
}

#mirable #feature #test #b_a li:nth-of-type(2){
	margin-left:auto;
	margin-top:55px;
}

#mirable #feature #test #b_a li:nth-of-type(2):before{
	content:url(img/arrow_sp.jpg);
	width:65px;
	left:50%;
	top:-25%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}

#mirable #feature #test #hikaku img:nth-of-type(2){
	margin-left:auto;
	margin-top:15px;
}
}

























/*
ポイント
------------------------------------------------------------------------------------*/
#mirable #point_wrapper{
	background:#E6F5FA;
	padding:50px 0;
}

#mirable #point_wrapper .box{
	width:90%;
	max-width:900px;
	margin:30px auto;
	background:#fff;
	padding:5%;
	text-align:left;
}


#mirable #point_wrapper .box .ttl{
	border-bottom:2px solid #0AAEC9;
	padding-bottom:20px;
	margin-bottom:20px;
}

#mirable #point_wrapper .box dl{
	margin-bottom:20px;
}

#mirable #point_wrapper .box dt{
	font-size:40px;
	color:#004A83;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	margin-bottom:5px;
}


#mirable #point_wrapper .box #left{
	width:45%;
	margin-right:3%;
	display:inline-block;
	vertical-align:top;
}

#mirable #point_wrapper .box #right{
	width:48%;
	display:inline-block;
	vertical-align:top;
}


#mirable #point_wrapper .box li{
	width:45%;
	display:inline-block;
	margin:10px 2%;
}


@media only screen and (max-width: 800px) { 


#mirable #point_wrapper .box .ttl{
	border-bottom:2px solid #0AAEC9;
	padding-bottom:20px;
	margin-bottom:20px;
}

#mirable #point_wrapper .box dl{
	margin-bottom:20px;
}

#mirable #point_wrapper .box dt{
	font-size:24px;
	margin-bottom:5px;
}


#mirable #point_wrapper .box #left{
	width:100%;
	margin-right:auto;
	display:block;
}

#mirable #point_wrapper .box #right{
	width:90%;
	display:block;
	margin:auto;
}


#mirable #point_wrapper .box li{
	width:100%;
	display:block;
	margin:10px auto;
	text-align:center;
}
}



























/*
メカニズム
------------------------------------------------------------------------------------*/
#mirable #mecha{
	width:90%;
	max-width:1000px;
	margin:0 auto 80px
}

#mirable #mecha .ttl{
	font-size:70px;
	color:#004A83;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	margin:50px auto;
}

#mirable #mecha .ttl span{
	font-size:45px;
	display:block;
}

#mirable #mecha .box{
	max-width:1000px;
	border:3px solid #47B9DE;
	box-sizing:border-box;
	padding:3%;
	margin:0 auto 50px;
}

#mirable #mecha .box p{
	font-size:20px;
	font-weight:bold;
	margin:20px 0 50px;
}


@media only screen and (max-width: 800px) { 

#mirable #mecha .ttl{
	font-size:28px;
}

#mirable #mecha .ttl span{
	font-size:24px;
}

#mirable #mecha .box p{
	font-size:16px;
	text-align:left;
}
}








/*
使い方
------------------------------------------------------------------------------------*/

#mirable #howto{
	max-width:1000px;
	margin:20px auto;
}

#mirable #howto p{
	width:90%;
	max-width:550px;
	margin:20px auto;
	font-size:25px;
	font-weight:bold;
}


#mirable #howto ul li{
	width:45%;
	display:inline-block;
	margin:10px 2%;
}

#mirable #howto ol dl{
	position:relative;
	margin:50px auto;
}
#mirable #howto ol dt{
	width:100%;
	max-width:950px;
	display:block;
	font-size:50px;
	color:#0AACC9;
	font-family: 'Cormorant Infant', serif;
	font-style:italic;
	border-bottom:3px solid #0AADC9;
	margin-bottom:30px;
}

#mirable #howto ol dt span{
	position:absolute;
	top:-43px;
	background:#fff;
	padding:0 20px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}

#mirable #howto ol dd{
	font-size:20px;
	font-weight:bold;
}


#mirable #howto ol li{
	width:30%;
	display:inline-block;
}


#mirable #aging{
	max-width:910px;
	margin:30px auto;
	border:2px solid #0AADC9;
	font-size:0;
	line-height:0;
}

#mirable #aging #left{
	width:60%;
	display:inline-block;
	margin-right:10%;
	vertical-align:top;
}

#mirable #aging #right{
	width:30%;
	display:inline-block;
	vertical-align:top;
}


#mirable #aging #left p{
	width:80%;
	font-size:40px;
	color:#0BACC9;
	line-height:1.4;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	text-align:left;
	display:inline-block;
background: #ccecf6; /* Old browsers */
background: -moz-linear-gradient(left, #ccecf6 0%, #ffffff 38%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #ccecf6 0%,#ffffff 38%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #ccecf6 0%,#ffffff 38%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ccecf6', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
padding:0;
margin:0 0 10px;
}

#mirable #aging #left p span{
	margin:20px 10px 5px 50px;
	display:block;
}


#mirable #aging #left img{
	width:20%;
	display:inline-block;
}

#mirable #aging #left div{
	font-size:20px;
	text-align:left;
	line-height:1.8;
	margin-left:50px
}

@media only screen and (max-width: 800px) { 
#mirable #howto p{
	width:90%;
	font-size:18px;
}


#mirable #howto ul li{
	width:90%;
	display:block;
	margin:10px auto;
}

#mirable #howto ol dl{
	margin-bottom:25px;
}

#mirable #howto ol dt{
	font-size:38px;
	margin-bottom:25px;
}

#mirable #howto ol dt span{
	width:50%;
	top:-30px;
}

#mirable #howto ol dd{
	font-size:16px;
	font-weight:bold;
}


#mirable #howto ol li{
	width:45%;
}


#mirable #aging{
	max-width:910px;
	margin:30px auto;
	border:2px solid #0AADC9;
	font-size:0;
	line-height:0;
}

#mirable #aging #left{
	width:100%;
	display:block;
	margin-right:auto;
	vertical-align:top;
}

#mirable #aging #right{
	width:60%;
	display:block;
	vertical-align:top;
	margin:0 auto 20px;
}


#mirable #aging #left p{
	width:74%;
	font-size:23px;
	line-height:1.4;
	margin:0 0 10px;
	vertical-align:top;
}

#mirable #aging #left p span{
	margin:22px 10px 20px 25px;
	display:block;
}


#mirable #aging #left img{
	width:23%;
	margin:12px 3% 0 0;
}

#mirable #aging #left div{
	width:90%;
	font-size:16px;
	margin:5px auto;
}
}


/*
サロン
------------------------------------------------------------------------------------*/

#mirable #salon_list{
	background:#E6F5FA;
	padding:50px 0;
	margin:50px 0;
}


#mirable #salon_list #ttl{
	font-size:80px;
	color:#0AADC9;
	font-family: 'Cormorant Infant', serif;
}


#mirable #salon_list #inner{
	width:90%;
	max-width:1000px;
	margin:auto;
}

#mirable #salon_list .box{
	width:30%;
	display:inline-block;
	margin:0 1% 30px;
}

#mirable #salon_list img{
	height:auto;
}

#mirable #salon_list .box dl{
	text-align:left;
	font-size:13px;
}

#mirable #salon_list .box dt{
	font-size:20px;
}

@media only screen and (max-width: 800px) { 
#mirable #salon_list{
	text-align:left;
}

#mirable #salon_list #ttl{
	font-size:40px;
	text-align:center;
}

#mirable #salon_list p{
	text-align:center;
}

#mirable #salon_list .box{
	width:47%;
	margin:15px 1% 15px;
	vertical-align:top;
}

#mirable #salon_list .box dt{
	font-size:15px;
}
}

/*
Q&A
------------------------------------------------------------------------------------*/
#mirable #faq{
	width:90%;
	max-width:1000px;
	margin:50px auto 80px;
	border:5px solid #96D5EA;
	box-sizing: border-box;
}

#mirable #faq #ttl{
	background: #e8f6fb; /* Old browsers */
	background: -moz-linear-gradient(top, #e8f6fb 0%, #aadff0 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #e8f6fb 0%,#aadff0 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #e8f6fb 0%,#aadff0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8f6fb', endColorstr='#aadff0',GradientType=0 ); /* IE6-9 */
}

#mirable #faq #ttl dl{
	font-size:20px;
	padding:15px 0;
}

#mirable #faq #ttl dt{
	font-size:70px;
	letter-spacing:8px;
	color:#0AAEC9;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}


#mirable #faq dl#inner{
	width:80%;
	margin:50px auto;
	text-align:left;
}

#mirable #faq dl#inner dt{
	font-size:25px;
	color:#0AAEC9;
	font-weight:bold;
}

#mirable #faq dl#inner dt:before{
	content:"Q";
	font-size:40px;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	margin-right:10px;
	vertical-align:-3px;
}

#mirable #faq dl#inner dd{
	font-size:18px;
	font-weight:bold;
}

#mirable #faq dl#inner dd:before{
	content:"A";
	font-size:30px;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	margin:0 15px 0 5px;
	vertical-align:-3px;
}

#mirable #faq dl#inner p{
	margin:5px auto 30px;
}

@media only screen and (max-width: 800px) { 
#mirable #faq #ttl dt{
	font-size:50px;
}

#mirable #faq dl#inner{
	width:85%;
	margin:25px auto;
}

#mirable #faq dl#inner dt:before{
	font-size:30px;
}

#mirable #faq dl#inner dt{
	font-size:18px;
}

#mirable #faq dl#inner dd:before{
	font-size:26px;
}

#mirable #faq dl#inner dd{
	font-size:16px;
}

#mirable #faq dl#inner p{
	font-size:15px;
}

}




/*
注意事項
------------------------------------------------------------------------------------*/

#mirable #att{
	background:#E6F5FA;
	padding:5% 0;
}

#mirable #att #inner{
	width:90%;
	max-width:850px;
	margin:0 auto;
	padding:5%;
	background:#fff;
}

#mirable #att #inner p{
	font-size:70px;
	color:#53BEE0;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	margin-bottom:20px;
}

#mirable #att #inner dl{
	text-align:left;
}

#mirable #att #inner dt{
	font-size:20px;
	font-weight:bold;
	margin:20px auto 5px;
}

#mirable #att #inner dd{
	border-left:3px solid #53BEE0;
	margin:0 5px 15px 0;
	padding-left:10px;
}
@media only screen and (max-width: 800px) { 
#mirable #att #inner p{
	font-size:50px;
}

#mirable #att #inner dt{
	font-size:18px;
	text-align:center;
}

#mirable #att #inner dd{
	font-size:14px;
	border:none;
}


}



/*
製品情報
------------------------------------------------------------------------------------*/

#mirable #product{
	max-width:1000px;
	margin:50px auto;
}

#mirable #product p#ttl{
	color:#004A83;
	font-size:70px;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	margin-bottom:15px;
}

#mirable #product #info img:first-child{
	margin-right:8%;
}

#mirable #product ul{
	margin:80px auto 50px;
}

#mirable #product li{
	display:inline-block;
	vertical-align:top;
	width:46%;
	margin:0 1%;
	text-align:center;
}

#mirable #product li img{
	border:none;
}

#mirable #product li p{
	background:#666767;
	color:#fff;
	letter-spacing:5px;
	font-weight:bold;
	padding:5px 0;
	font-size:16px;
}

#mirable #product li:nth-of-type(2) img{
	margin-top:50px;
}

#mirable #product dl{
	border:1px solid #333;
	box-sizing: border-box;
	padding:50px;
	text-align:left;
}

#mirable #product dd{
	margin-bottom:3px;
	font-size:15px;
}



@media only screen and (max-width: 800px) { 
#mirable #product p#ttl{
	color:#004A83;
	font-size:50px;
}

#mirable #product #info{
	width:90%;
	margin:0 auto 15px;
}

#mirable #product #info img:first-child{
	margin-right:auto;
}

#mirable #product #info img:nth-of-type(2){
	display:none;
}

#mirable #product li{
	display:inline-block;
	vertical-align:top;
	width:90%;
	margin:0 auto;
}

#mirable #product dl{
	padding:30px;
}


}



.switch {
    visibility: hidden;
}




/*クレジット注意事項*/

.chuui{
	width:100%;
	max-width:800px;	
	border:1px solid #F00; padding:10px; font-size:12px; line-height:1.5;
	margin:0 auto;
	text-align:left;
	margin-top:50px;

}


.chuui p.ttl_chuui{
font-size:14px; font-weight:bold; background-color:#F00; color:#fff; text-align:center; line-height:2.5; margin-bottom:10px;
}
.chuui p.ttl_chuui2{
font-size:14px; font-weight:bold;
}
/*カート*/

/* #mirable  .sysItemListOriginalTag .sysCartButton {
    border-radius: 0;
    background: #339900 center center no-repeat !important;
    background-size: 140px;
}*/


.sysStockTypeVariation{
    border-radius: 0;
    text-indent: -9999999px; 
    background: #339900  url(https://www.forcise.jp/page/mirable/img/variation_pre.png) center center no-repeat !important;
    background-size: 140px;
}

.sysCartInButton{
    border-radius: 0;
    text-indent: -9999999px;
    background: #339900 url(https://www.forcise.jp/img/comm/btn_cart.png) center center no-repeat !important;
    background-size: 140px;
}

/* #mirable  */.sysItemListOriginalTag .sysGoCartButton {
    border-radius: 0;
    text-indent: -9999999px;
    background: #339900 url(https://www.forcise.jp/img/comm/btn_cart2.png) center center no-repeat !important;
    background-size: 140px;
}




/*
受賞店
------------------------------------------------------------------------------------*/
#mirable .award{
	width:100%;
	max-width:800px;
	padding:2%;
	margin:20px auto;
	border:1px solid #134681;
}

#mirable .award .image{
	width:30%;
	display:inline-block;
	vertical-align:middle;
	margin-right:2%;
	text-align:left;
}


#mirable .award .image img{
	width:45%;
	display:inline-block;
}

#mirable .award p{
	width:65%;
	display:inline-block;
	vertical-align:middle;
	text-align:left;
	font-weight:bold;
}





/*------LPサイド固定用--------------*/
#mirable #side{
	position:fixed;
	right:0px;
	bottom:120px;
	z-index:9999;
}

@media screen and (max-width : 780px){
#mirable #side{
	bottom:65px;
}

#mirable #side img{
	width:80px;
}


}






/*------LPサイド固定用--------------
#mirable .side{
	position:fixed;
	right:0px;
	bottom:50px;
	z-index:9999;
}

#mirable .side.sysItemListOriginalTag{
	margin:0;
}

#mirable .side .sysItemListOriginalTag div{
	font-size:0;
}

#mirable .side .sysItemListOriginalTag select{
	display:none;
}

#mirable .side .sysItemListOriginalTag .sysCartButton{
	background:url(https://www.forcise.jp/contents/smoothskin/img/cart.gif) no-repeat right !important;
	width:130px;
	height:130px;
	font-size:0;
}


#mirable .side .sysItemListOriginalTag .sysGoCartButton{
	background:url(https://www.forcise.jp/contents/smoothskin/img/cart2.gif) no-repeat right !important;
	width:130px;
	height:130px;
	font-size:0;
}

@media screen and (max-width : 780px){
#mirable .side .sysItemListOriginalTag .sysCartButton{
	background-size:80px !important;
	width:80px;
	height:80px;
}


}*/