/* Effective stylesheet produced by snapshot save */
#contents .flip_cntl .next_btn { border: medium none; }
body { position: relative; }
body #contents #main_contents { font-family: "游ゴシック体","Yu Gothic",YuGothic,"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",Meiryo,メイリオ,sans-serif !important; }
input {  }
#main_contents * { box-sizing: border-box !important; }
#main_contents * { box-sizing: border-box !important; }

/*#contents a { text-decoration: none; color: rgb(255, 255, 255); }*/
#contents a:hover { text-decoration: none; } 

img { max-width: 100%; }
#wanted_blanc { background:url(../images/corkboard.jpg) top left repeat /*fixed*/;}

#contents .type0 .mainimg { background: url("../images/mainimg_01.png") no-repeat; width:750px; height:510px; position:relative; margin-bottom:10px;}
#contents .type0 .main-wrap .main-ttl h2 { color: rgb(255, 0, 0); }
#contents .type0 .main-wrap .main-ttl h2 .type0_h2_1 { font-size: 1.2em; font-weight: bold; }
#contents .type0 .main-wrap .main-ttl h2 .type0_h2_2 { font-size: 0.8em; font-weight: bold; }
#contents .type0 .ttl span.symbol-q { background: rgb(255, 0, 0) none repeat scroll 0% 0%; }
#contents .type0 .select-img a:hover .select-border { border: 4px solid rgb(255, 0, 0); }
#contents .type0 .select-img a:hover .absolute02 p { 
color: rgb(255, 255, 255); font-weight:bold; text-shadow: 1px 1px 1px rgb(255, 0, 0),-1px 1px 1px rgb(255, 0, 0),1px -1px 1px rgb(255, 0, 0),-1px -1px 1px rgb(255, 0, 0),0px 2px 1px rgb(255, 0, 0),0px 3px 1px rgb(255, 0, 0),0px 4px 1px rgb(255, 0, 0),2px 0px 1px rgb(255, 0, 0),3px 0px 1px rgb(255, 0, 0),4px 0px 1px rgb(255, 0, 0),1px 2px 1px rgb(255, 0, 0),1px 3px 1px rgb(255, 0, 0),1px 4px 1px rgb(255, 0, 0),2px 1px 1px rgb(255, 0, 0),3px 1px 1px rgb(255, 0, 0),4px 1px 1px rgb(255, 0, 0); }
.main-wrap { background-position: 50% 0px, 0px 0px; padding: 0px 0px 0px 40px; }
.main-ttl { width: 460px; float: left; padding-top: 50px; }
.main-ttl h2 { font-size: 28px; font-weight: bold; line-height: 120%; text-align: left; }
#contents .type0 .main-wrap .main-ttl h2 .type0_h2_1 { font-size: 1.2em; font-weight: bold; }
#contents .type0 .main-wrap .main-ttl h2 .type0_h2_2 { font-size: 0.8em; font-weight: bold; }
.main-img { float: right; }
.main-txt { width: 430px; float: left; }
.main-txt p { color: rgb(83, 83, 83); font-size: 20px; line-height: 140%; text-align: left; padding-top: 20px; }

#contents #main_contents .sindan { width:750px; position: relative; padding:0 20px 30px;}
#contents #main_contents .ttl h3 { position: relative; font-size: 28px; font-weight: bold; line-height: 180%; padding: 10px; margin:0 40px 10px; background-color: rgba(255,255,255,0.5); }

@media all and (-ms-high-contrast: none) {
#contents #main_contents .ttl h3 {
	line-height: 200%; 
	padding: 10px 10px 5px; /* IE10以上 */
    }
}


.ttl span.symbol-q { position: absolute; width: 51px; height: 51px; color: rgb(255, 255, 255); font-size: 24px; font-weight: bold; border-radius: 51px; background: rgb(255, 0, 0) none repeat scroll 0% 0%; text-align: center; }
#contents #main_contents .ttl h3 .ttlh { color: rgb(255, 0, 0); font-weight: bold; display: block; padding-left: 60px; }
@media screen and (min-width: 768px) {
  .select-layout { clear: both; padding: 20px; }
}
.select-layout .select-col { float: left; width: 300px; margin-left: 22px; margin-bottom: 10px; }
.select-layout .select-img { position: relative; background-color: none; border-radius: 10px; }
.select-layout .select-border { border: 4px solid rgb(255, 255, 255); border-radius: 10px; box-shadow: 0px 0px 12px 2px rgba(0, 0, 0, 0.098); }
.select-layout .select-col .select-img,
.select-layout .select-col .select-img a img { -webkit-transition: 0.15s linear; -moz-transition: 0.15s linear; -ms-transition: 0.15s linear; transition: 0.15s linear;}
.select-layout .select-col .select-img a img { margin: 0px; width: 100%; }
.select-layout .select-col .select-img a .absolute02 { position: static; z-index: 100; margin-left: 0; margin-bottom: 0px; bottom: 0px; background: none; border-radius: 0px 0px 10px 10px;}
.select-layout .select-col .select-img a .absolute02 p { color: rgb(0, 0, 0); width: 300px; height: 62px; display: table-cell; font-size: 20px; font-weight: bold; letter-spacing:-0.05em; line-height: 105% !important; vertical-align: middle; text-align: center; }
.select-layout .select-col {
	-webkit-transition: 0.15s linear;
	-moz-transition: 0.15s linear;
	-ms-transition: 0.15s linear;
	transition: 0.15s linear;
	zoom:1; /*IE*/
}

/*hover*/
.select-layout .select-col .select-img:hover {
	-webkit-transform: scale(1.05);
	   -moz-transform: scale(1.05);
	   -ms-transform: scale(1.05);
	   transform: scale(1.05);
}
.parent:hover > .select-col {
	filter:alpha(opacity=95); /* IE 6,7*/
	-ms-filter: "alpha(opacity=95)"; /* IE 8,9 */
	-moz-opacity:0.95; /* FF */
	-khtml-opacity: 0.95; /* Safari 1.x */
	opacity: 0.95;
	zoom:1; /*IE*/
	filter:saturate(10%) sepia(10%);
	-webkit-filter:saturate(10%) sepia(10%);
		-moz-filter:saturate(10%) sepia(10%);
		-ms-filter:saturate(10%) sepia(10%);
}
.parent:hover > .select-col:hover {
	position: relative;
	z-index: 5;
	opacity: 1;
	filter:saturate(100%) sepia(0%);
	-webkit-filter:saturate(100%) sepia(0%);
		-moz-filter:saturate(100%) sepia(0%);
		-ms-filter:saturate(100%) sepia(0%);
}

.recommend { position: relative; display: table; }
.scene-box ul li:first-child, .scene-box ul li:nth-child(5) { margin-left: 0px; }
#contents .hajime-bck a.btn::before { content: ""; position: absolute; left: 15px; top: 50%; width: 7px; height: 10px; background: transparent url("urn:not-loaded:http://www.lovecosmetic.jp/situation/images/arrow_r.png") no-repeat scroll 0% 0% / 7px 10px; margin-top: -5px; }


#contents .sec_magL01 { float: left; width: 463px; margin-right: 24px; }
#contents .sec_magL02 { float: left; width: 463px; margin-right: 0px; }
#contents .sec_magL01 a:hover, #contents .sec_magL02 a:hover, #contents .sec_magL01 a:hover p, #contents .sec_magL02 a:hover p { text-decoration: underline; color: rgb(107, 158, 210); }
#contents .sec_magL01 a:hover img, #contents .sec_magL02 a:hover img { opacity: 0.8; }
#contents .sec_magtb { display: table; padding: 0px 12px; margin-top: 23px; }
#contents .sec_magtb .sec-mag-tyoe01 { display: table-cell; vertical-align: top; width: 120px; }
#contents .sec_magtb .sec-mag-tyoe02 { display: table-cell; vertical-align: middle; }
#contents .sec_magtb .sec-mag-tyoe02 p { color: rgb(102, 102, 102); font-size: 14px; line-height: 140%; padding-left: 15px; }
#contents .text_ttl.blue { background: rgb(107, 158, 210) none repeat scroll 0% 0%; margin-top: 17px; }