* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "Osaka", "MS PGothic", sans-serif; -webkit-text-size-adjust: 100%; }
html { overflow-y: scroll;}
html,
body { margin:0; padding:0; height:100%; line-height:1.5;  -webkit-tap-highlight-color: rgba(0,0,0,0.8); font-size:14px; color:#333; }
#header-bg { width:100%;background-color: #FF546D; background-image: url("/image/design/carbon-fibre-v2.png");
}
#header { position: relative; margin:0 auto; padding: 0; height:85px; width:800px; }





.logo-sub{float:left; margin:14px 3% 0 3%; width:94%; line-height:1.1; font-size:1rem; line-height: 1; color: #FFF;}
.logo{ float:left; margin:10px 1% 0 3%; width: 180px; }
.logo img{ display: block; }
.logo-a{ float: left; width: 100%; height: 100%; font-weight: bold; font-size:1.5rem; color: #FFF;}

.my-btn{ position: absolute; top: 8px; right: 5px; padding: 7px 15px 5px 15px;  background-color: #FFF; border:#FFF solid 0px; color: #FF546D; line-height: 1.0; font-size: 0.9rem; border-radius: 18px; }
.my-btn:hover{ cursor: pointer; color:#F2203F;  box-shadow: 0 0  1px 1px rgba(255,255,255,0.6); }


/*テキスト検索*/
.search { float:right; width: 300px; margin:14px 8px 0 0; }
.search-k { -webkit-appearance: none;
 float:left; padding:4px 12px; width:255px; height: 36px; font-size:16px; border-radius:2px 0 0 2px; border:none; }
.search-b { -webkit-appearance: none;
float:left; margin:0 0 0 0; padding: 0;  height:36px; width:45px; border:none; border-radius:0 2px 2px 0; background-color: #FFF; text-align: center; font-size: 1rem; background-color: #222222; color: #FFF;
}
.search-b:hover{ cursor: pointer; background-color: #444; }


/*.my-page-btn{ display: block; }
.my-page-btn img{ width: 70%; margin:1px 0 0 0; }
.my-page{ float:right; margin:8px 3% 0 0; padding: 5px 0 0 0; height:36px; width:35px; border-radius:2px; background-color: #FFF; text-align: center; font-size: 1.4rem; color: #F45E73; }
.my-page:hover{ cursor: pointer; background-color:#FFD1D1; }*/





/*グローバルナビ*/
.g-navi-bg { width:100%; height: 43px; background-color: #2B2B2B; padding: 0 0 0 0;}
.f-navi { margin:30px 0 0 0; }
.g-navi{width:800px; margin:0 auto; padding:7px 1.5%; font-size: 1rem; line-height: 1.3;  list-style: none; }
.g-navi-a{ float: left; margin:0 0 0 0px; padding:3px 1.7%; height: auto; text-align: center; color: #FFF; text-shadow: 0 0 8px rgba(0,0,0,1); font-size: 1rem; 
	border-top:#333 solid 1px; 
	border-right:#000 solid 1px; 
	border-bottom:#000 solid 1px; 
	border-left:#333 solid 1px; 
	border-radius: 3px;
}
.g-navi-btn{ float: left; margin:0 2px 0 0; padding:3px 1.7%; height: auto; text-align: center; color: #FFF;font-size: 1.2rem; 
}
.g-navi-btn:hover{ cursor: pointer; background-color: #444; }
.g-navi-btn-on{
	border-top:#333 solid 1px; 
	border-right:#000 solid 1px; 
	border-bottom:#FF798C solid 1px; 
	border-left:#333 solid 1px; 
}
.g-navi-btn-off{
	background-color: #222222;
	border-top:#333 solid 1px; 
	border-right:#000 solid 1px; 
	border-bottom:#000 solid 1px; 
	border-left:#333 solid 1px; 
}
#g-navi i{ margin:0 3px 0 0;}





/*パンくず*/
#pan { float: left; width: width:100%; padding:5px 3%; font-size: 14px; line-height: 1.3;}
#pan a{ margin:0 2px;}
#pan i{ font-size: 16px; }
#pan span{ margin:0 2px; }



#contents { position: relative; clear:both; margin:0 auto; width:800px; min-height: 700px; padding:0; }
#contents:after { content: ""; display: block; clear: both; height: 1px; overflow: hidden; }


#no_result{ float: left; width: 100%; font-weight: bold; color: #666; font-size: 18px; padding: 16px 3%; }


/* footer */
#footer-bg { clear: both; margin:0; padding: 0 0 120px 0; width:100%; height:370px; background-color: #FF546D; }
#footer { padding-top:0 3%; margin-left:auto; margin-right:auto; width:800px; text-align:center; font-size: 14px; color: #FFF;}
#footer a{ color: #FFF; }


/*footer link*/
.f-link{ float:left: width:100%; padding:30px 2% 0 2%; font-size: 1rem; color: #666;}
.f-link-box{ position: relative; float:left; width:40%; padding:13px 0 10px 0; margin:0 0 0 30%; border-radius:5px; background-color:#FFF; border:#FF3E62 solid 0px; box-shadow: 1px 2px 1px 1px rgba(0,0,0,0.3);}
.f-link-title{ position:absolute; top:-12px; width:40%; left:30%; padding: 3px 0 1px 0; text-align: center; background-color:#FFF; font-size:0.8rem; border-radius:15px ; color:#FF3E62;box-shadow: 0px 1px 0px 0px #F590A9; }
.f-link-fea{ float:left ; width:100%; font-size:1.1rem; color:#FF3E62; font-weight:bold; text-align:center; }
.f-link-name-sub{ float:left; width:100%; margin:2px 0 0 0; font-size:0.8rem; color:#555;}
.f-link-name{ float:left ; width:50%; margin:0 0 0 25%; font-weight:bold ; font-size:1.8rem; color:#FF3E55;}
.f-link-name img{ display:block; }
.f-link-tag{ float:left ; width:100%; margin:8px 0 0 0; font-size:0.7rem; }
.f-link-tag-box{ display: inline-block;  padding: 4px 8px; background-color: #333; color: #FFF; border-radius: 5px;}



/*グローバルナビ Footer*/
#f-navi{width:800px; margin:0 auto; padding:7px 1.5%; font-size: 1rem; line-height: 1.3;  list-style: none; }
#f-navi a{ float: left; margin:0px; padding:3px 3%; height: auto; text-align: center; color: #FFF; text-shadow: 0 0 8px rgba(0,0,0,1); font-size: 1.2rem; border-left:#666 solid 1px; }
#f-navi a:last-child{ border-left:#666 solid 1px; border-right:#666 solid 1px; }
#f-navi a:hover{ cursor: pointer; background-color: #5D5D5D; }
#f-navi i{ margin:0 3px 0 0;}


/* ご意見フォーム */
.ue{ float: left; width: 96%; margin:20px 2% 0 2%; }
.ue-col{ float: left; width: 100%;}
.ue-text{ float: left; width: 96%; height: 80px; margin:4px 2%; padding: 6px 12px; border-radius: 4px; font-size: 1.1rem; line-height: 1.3;}
.ue-form-mail{ float: left; width: 96%; margin:4px 2%; padding: 6px 12px; border-radius: 4px; font-size: 1.1rem; line-height: 1.3;}
.ue-btn{ float: right; width: 40%;  margin:5px 30%; padding:5px 16px; border-radius: 4px;  font-size: 1.1rem; color: #333;
	background: #e2e2e2; /* Old browsers */
	background: -moz-linear-gradient(top, #e2e2e2 0%, #dbdbdb 50%, #d1d1d1 51%, #fefefe 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe',GradientType=0 ); /* IE6-9 */
}
.ue-thank-title{ float: left; width: 100%; margin:16px 0 0 0; text-align: center; font-size: 1.4rem; font-weight: bold; }
.ue-thank-text{ float: left; width: 100%; padding: 3px 20px; line-height: 1.5; font-size: 0.9rem; }

.ue-form-before,
.ue-form-after{ float: left; width: 100%; height: 180px;  }



.f-copy{ float: left; margin:20px 0 0 0;  width: 100%; opacity: 0.6; color: #FFF;}
.f-copy a{ color:#FFF; }






/*記事リンク*/
.kbn{ float: left; width: 100%; padding: 0 2%; margin:20px  0; }
.kbn-box{ float: left; width: 100%; padding: 10px 2%; border:#2C8CDC solid 1px; border-radius: 4px; }
.kbn-btn{ float: left; width: 100%; padding: 10px 2%; border:#2C8CDC solid 1px; border-radius: 4px; background-color: #FFFDF3; box-shadow: 0px 1px 4px 2px rgba(0,0,0,0.2); }
.kbn-btn1{ float: left; width: 100%; padding: 10px 2%; border:#2C8CDC solid 1px; border-radius: 4px; background-color: #FFF6FA; box-shadow: 0px 1px 4px 2px rgba(0,0,0,0.2); }
.kbn-pic{ float: left; width: 20%; margin:0 2% 0 0; border-radius: 3px ; }
.kbn-pic img{ display: block; }
.kbn-text{ float: left; width: 75%; }
.kbn-text1{ float: left; width: 100%; font-size: 1.3rem; line-height: 1.2; }
.kbn-text2{ float: left; width: 100%; margin:5px 0 0 0; font-weight: bold; font-size: 1.8rem; line-height: 1.2;}
.kbn-text3{ float: left; width: 100%; margin:2px 0 0 0; font-size: 1.4rem; color: #FF4040;  }
.kbn a:hover{ cursor: pointer; opacity: 0.6; }



/* 管理メニュー */
.mgr-menu{ position: absolute; top:20px; right:-200px; background-color:rgba(0, 0, 0, 0.4); color:#FFF; padding:2px 4px; border-radius:2px; font-size: 7px; }
.mgr-menu-tbl a{ color: #FFF; }




/*imobile*/
.im-rectangle-box { float:left !important; width:100%; max-width:950px; margin:0px; padding:15px 0 20px 60px !important; }
.im-rectangle { float:left !important; width:40%; max-width:336px; margin:10px 25px 0 15px  !important;  }





/* slickのロード前非表示 */
.slider {
  display:none;
}
.slider.slick-initialized {
  display: block;
}
















/* 作品一覧 （女優詳細・作品詳細・作品リスト）*/
.w-content { float: left; width: 100%; margin:0 0 0 0;padding: 0 3%;  }
.w-left{ float: left; width: 19%; margin:0 0.5% 0 0;}
.w-right{ float: left; width: 80%;}
.w-box{ float: left; width: 100%; margin:5px 0; }
.w-pic{ float: left; width: 100%; margin:5px 0 0 0;}
.w-pic img{display: block;}
.w-date{ float: left; width: 100%; font-size: 1rem; color: #666; }
.w-date-new{ float: left; width: 100%; font-size: 1.2rem; color: #FF3636; font-weight: bold; }
.w-title{ float: left; width: 100%; margin:3px 0; font-weight: bold; font-size: 1.2rem; line-height: 1.2;}
.w-link{ float: left;}
.w-noresult{ float: left; width: 100%; margin:20px 0; padding:  3%; font-weight: bold; color: #999; font-size:1.6rem; }

.w-cap{ float: left; width:100%; margin:3px 0 0 0; }
.w-cap-pic{ float: left; width: 19%; height: 90px; overflow: hidden; margin:0 2px 0 0; }
.w-cap-pic img{display: block;}
.w-cap img{ display: block; }
.w-pic img:hover,
.w-title:hover{ cursor: pointer; opacity: 0.6; }

.w-link{ float: left; width: 100%; margin:10px 0 0 0; height: 40px; padding: 0 2%; text-align: center; }
.w-link-btn{ padding: 5px 15px; border-radius: 4px; background-color: #FF6F84; color: #FFF; }
.w-link-btn:hover{ cursor: pointer; opacity: 0.6; }

.w-price{ float: left; width: 100%; margin:2px 0 0 0; font-weight: bold; color: #E30F0F; font-size: 1.0rem; line-height: 1.2; }

.w-star-top{ float: left; width: 100%; padding: 0 0; line-height: 1.2; }
.w-star-pic{ float: left; width: 75px; margin:0 5px 0 0; background-image: url(/image/design/stars.png); border:#000 solid 0px; height: 15px; background-size: auto 15px; background-repeat: no-repeat; display: inline-block;  }
.w-noresult{ float: left; width: 100%; margin:20px 0; padding:  3%; font-weight: bold; color: #999; font-size:1.6rem; }
.w-star50{ background-position: 0 0;  }
.w-star40{ background-position: -15px 0;  }
.w-star30{ background-position: -30px 0;  }
.w-star20{ background-position: -45px 0;  }
.w-star10{ background-position: -60px 0;  }
.w-star0{ background-position: -75px 0;  }

.w-star45{ background-position: -157px 0;  }
.w-star35{ background-position: -172px 0;  }
.w-star25{ background-position: -187px 0;  }
.w-star15{ background-position: -202px 0;  }
.w-star5{ background-position: -217px 0;  }










/*管理用*/
.speed { position: absolute; top:5px; right:5px; background-color:rgba(0, 0, 0, 0.4); color:#FFF; padding:2px 4px; border-radius:2px; font-size: 7px; }
.speed2 { clear: both; width: 100%; margin:1px 1px 0px 1px; background-color:rgba(0, 0, 0, 0.4); color:#FFF; padding:2px 20px; border-radius:4px; clear:both; font-size: 12px; }
.test{ float:left; border-collapse:collapse; border:#CCC solid 1px;}
.test td{ border:#CCC solid 1px;}



/*ページ操作*/
#pageTop{ position:fixed; bottom:-5px; right:20px; }

/*共通*/
input { font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "Osaka", "MS PGothic", sans-serif; }
* a { color:#167AC9; text-decoration:none; }





/* iphone 5対策 */
@media (max-width: 320px) {
#g-navi a{ float: left; margin:0px 4px 0px 1px; padding:3px 1%; height: auto; text-align: center; color: #FFF; text-shadow: 0 0 8px rgba(0,0,0,1); font-size: 0.9rem; }
}