/* 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; }
img { max-width: 100%; }

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

#wanted_blanc { background:url(../images/corkboard.jpg) top left repeat /*fixed*/;}

@media screen and (max-width: 640px) {
  #contents { margin-top: 20px !important; }
}
#contents .type0 .mainimg { position:relative; background: url("../images/tit_bg01.png") no-repeat; width:750px; height:228px; position:relative; margin-bottom:10px;}
#contents .type0 .main-wrap { background: transparent url("category_bg1.jpg") no-repeat scroll 0% 0% / 100% auto; }
#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; }
@media screen and (max-width: 768px) {
  #wrapper { width: 100%; }
  .main-wrap { padding: 0px 0px 0px 5% !important; }
  .main-ttl { width: 48%; float: left; padding-top: 20px !important; margin-right: 5%; }
  .main-img { width: 47%; height: auto; float: left; margin-bottom: -20px; }
  .main-txt { clear: both; float: none; width: 100%; }
  .main-txt p { padding-right: 5%; }
}
@media only screen and (min-device-width: 640px) and (max-device-width: 768px) {
  #contents .main-wrap { padding: 0px 0px 10px 5% !important; }
  #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 .main-wrap .main-img { float: right; }
  #contents .main-wrap .main-txt { clear: none; float: left; width: 48%; }
  #contents .main-wrap .main-txt p { font-size: 17px; margin: 0px; padding: 0px; }
  #contents .select-layout { padding: 0px; margin: 0px 4% 20px; }
  #contents .select-layout .select-col { width: 25%; padding: 0px 10px; margin: 0px !important; }
  #contents .select-layout .select-col:nth-child(3n+1) { clear: none; }
  #contents .select-layout .select-col .select-img a .absolute p { font-size: 16px; padding: 10px 0px; }
  #contents #main_contents .ttl h3 { padding-bottom: 30px; }
  #contents .item_box_list li:nth-child(4) { margin-left: 10px; }
  #contents .scene-box ul li:nth-child(2n+1) { clear: none; }
  #contents .scene-box ul li:nth-child(3n+1) {  }
}


#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: 36px; 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 { transition: all 0.15s linear 0s; }
.select-layout .select-col .select-img a img { margin: 0px; width: 100%; }
.select-layout .select-col { transition: all 0.15s linear 0s; }
.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 .select-img:hover { transform: scale(1.05); }
.select-layout .select-col .select-img a:hover .absolute { border-radius: 0px 0px 5px 5px; }
.parent:hover > .select-col { opacity: 0.9; filter: saturate(10%) sepia(10%); }
.parent:hover > .select-col:hover { position: relative; z-index: 5; opacity: 1; filter: saturate(100%) sepia(0%); }
@media screen and (max-width: 768px) {
  .ttl { margin-top: 0px; }
  #contents #main_contents .ttl h3 { font-size: 18px; line-height: 210%; padding: 20px 5%; }
  .select-layout { margin-right: 4%; }
  .select-layout .select-col { width: 28%; margin: 0px 0px 0px 5% !important; }
  .select-layout .select-col:nth-child(3n+1) { clear: both; }
  .select-layout .select-col .select-border { box-shadow: 0px 0px 6px 1px rgba(0, 0, 0, 0.098); }
  .select-layout .select-col .absolute { position: static !important; background: transparent none repeat scroll 0% 0% !important; margin-left: 0px !important; margin-bottom: 0px !important; border-radius: 0px 0px 10px 10px; }
  .select-layout .select-col .select-img a .absolute p { display: block; width: auto; height: auto; font-size: 14px; font-weight: bold; text-shadow: none; text-align: center; padding: 5px 0px 12px; }
}
.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; }



	}
@media screen and (max-width: 768px) {
  .item_box_list li:nth-child(4) { margin-left: 0px; }
  .scene-box ul li:nth-child(2n+1) { clear: both; }
  #contents #main_contents .ttl span.symbol-q { width: 36px; height: 36px; font-size: 16px; line-height: 210%; }
  #contents #main_contents .ttl h3 .ttlh { font-size: 16px; line-height: 120%; padding-top: 8px; padding-left: 45px; }
}
@media screen and (max-width: 480px) {
  #contents .main-ttl { width: 48%; margin-right: 2%; }
  #contents .main-img { width: 50%; }
  #contents .main-ttl h2 { font-size: 18px; margin-top: 10px; line-height: 140%; }
  #contents .main-txt p { font-size: 15px; }
}
@media screen and (max-width: 360px) {
  #contents .select-img a .absolute p {  }
}
#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; }
@media screen and (max-width: 768px) {
  #contents .sec_magL01 { float: none; width: auto; margin-right: 0px; }
  #contents .sec_magL02 { float: none; width: auto; }
  #contents .sec_magtb { padding: 0px 5%; margin-top: 17px; }
  #contents .sec_magtb .sec-mag-tyoe01 { width: 103px; }
  #contents .sec_magtb .sec-mag-tyoe02 p { padding: 0px 15px; }
}