@charset "utf-8";
/*
Theme Name: DearGirls
Theme URI: 
Author: 
Author URI: 
Description: 
Version: 1.0
License: 
License URI: 
*/



/****************************************

		Reset

*****************************************/

html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}									

article, aside, figure, footer, header, hgroup, nav, section {display: block;}

body { line-height:1;}
ol, ul { list-style:none outside none; }

body {
	color: #333;
	font-size: 13px;
	line-height: 150%;
	font-family:  Arial, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Osaka, 'ＭＳ Ｐゴシック', sans-serif;
}

a{
	text-decoration:none;
	color:#333;		
}

a:hover{
	color:#f90;	
}

.small{
	font-size:80%; 
}



/****************************************

全体レイアウト

*****************************************/

/* 基本設定
----------------------------------------------------------- */

html, body {
	min-width:950px;
}

body , html {   
	height: 100%;
}

body {
	background-color:#fff;
}


.clearfix {
	width:100%;
	zoom:1;
}
.clearfix:after{
    content: ""; 
    display: block; 
    clear: both;
}


.overlay { background-color:#ffffff; } 
.accordion_head {cursor:pointer;}


/****************************************

ページ共通スタイル

*****************************************/

h2.pageTitle{
	margin-bottom:10px;
	font-size:19px;
	height:2em;
	line-height:2em;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	font-weight:bold;
}


/* 基本構造
----------------------------------------------------------- */
/****************************************

最小ウインドウサイズ：950px

ヘッダー（サイドバー）：180px
メインコンテンツ：可変（最小600px）左右50pxマージン

フッター：下部固定　幅100%

*****************************************/

#container {  
	width: 960px;    
	position: relative; 
	margin:0 auto;
	height: auto !important;    
	height: 100%;   
	min-height: 100%;
	background-image: url(img/bg.jpg);
	background-repeat: repeat-y;
	background-position: 0px 0px;	
	background-color:#fff;
}


#wrapper{
	width:100%;	
}

#header.side{
	width:160px;
	margin-left:0;
	padding:50px 0 10px 0;
	float:left;
	position:absolute;
	z-index:999;
}

*:first-child+html #header.side{
	left:0
}


#main{
	width:730px;
	float:left;
	top:50px;
	position:relative;
	zoom:1;
	overflow:hidden;
	margin-left:210px;
}

#cont{
	margin-bottom:100px;
	overflow:hidden;
}


#footer{
	color:#666;
	padding:10px 0;
	overflow:hidden;
	min-width:650px;
	width:730px;
	margin-left:210px;
	height:20px;
	text-align:center;
	line-height:20px;
}


/****************************************

サイドバー内メニュー

*****************************************/

#header.side .logo{
	width:180px;
	text-align:center;
	margin-bottom:30px;
	transition: 0.7s ease-in-out;
}




/* gNavi
----------------------------------------------------------- */
#header.side ul#gNavi{
	width:180px;
	text-align:center;
	border-bottom: 1px dotted #ddd;
}

#header.side ul#gNavi li{
	padding:10px 0;
	border-top: 1px dotted #ddd;
}

#header.side ul#gNavi li a{
	font-size:18px;
	color:#000;
	text-decoration:none;
	display:block;
	transition: 0.7s ease-in-out;
}

#header.side ul#gNavi li a:hover{
	color:#f455bf;
}

#header.side .fbBAnner{
	width:180px;
	text-align:center;
	margin-top:50px;
}

#header.side .fbBAnner img{
	width:150px;
}


/* LogoArea
----------------------------------------------------------- */

#header.side #logoArea{
	margin-top:50px;
}

#header.side #logoArea .sideLogo{
	height:77px;
	padding:10px 0;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	margin-bottom:5px;
}

#header.side #logoArea .sideLogo img{
	float:left;
}

#header.side #logoArea .sideLogo h2 a{
	float:left;
	line-height:77px;
	margin-left:7px;
	font-size:18px;
	font-family: 'Montserrat', sans-serif;
	color:#fff;
}

#header.side #logoArea .sideLogo h2 a:hover{
	color:#000;
}


/****************************************

フッター設定

*****************************************/

#footer small{
	font-size:10px;
}


/****************************************

トップレイアウト

*****************************************/

h3.topTitle{
	background-color:#ddd;	
	font-size:14px;
	height:20px;
	line-height:20px;
	padding-left:3px;
	margin-bottom:10px;
	font-weight:bold;
	border: 1px solid #ddd;
}


/* スライドショー
----------------------------------------------------------- */
body.home article#slideshow{
	width:740px;
	display:block;
	overflow:hidden;
	background-color:#fff;
	margin-bottom:20px;
	border-top: 1px dotted #000;
	border-bottom: 1px dotted #000;
}


/* ポスターCarousel
----------------------------------------------------------- */
article#list_carousel {
	padding:0;
	margin: 0; 
	width: 100%; 
	margin-bottom:30px;
	
}
article#list_carousel ul#PosterSlider {
	margin: 0;
	padding: 0;
	list-style: none;
	display: block;
}
article#list_carousel ul#PosterSlider li {
	font-size: 40px;
	color: #999;
	background-color: #eee;
	border: 1px solid #999;
	padding: 0;
	margin: 6px;
	margin-right:13px;
	display: block;
	float: left;
}

.prev,
.next{
	width:20px;
	height:20px;
	display:block;
	background:#ccc;
	color:#fff;
	font-weight:bold;
	line-height:20px;
	text-align:center;
	display:none;
}

.prev {
	float: left;
}
.next {
	float: right;
}



/* updatedArea 
----------------------------------------------------------- */
body.home article#updatedArea{
	margin-top:10px;	
}

/* updatedArea freeSpace
----------------------------------------------------------- */
body.home article#updatedArea section#freeSpace{
	width:706px;
	padding:10px;
	margin-right:20px;
	border: 2px dotted #ccc;
	line-height:2em;
	margin-bottom:20px;
}



/* updatedArea linkSpace
----------------------------------------------------------- */

body.home article#updatedArea section#linkSpace{
	width:730px;
	text-align:center;
}

body.home article#updatedArea section#linkSpace ul li{
	margin-bottom:5px;	
	float:left;
	margin-right:10px;
}




/****************************************

タレントページ

*****************************************/


/* カテゴリナビ
----------------------------------------------------------- */
ul.talentGenreNavi{
    position: fixed !important;  
	top:0;
	width:660px;
	z-index:9999;
	background:#fff;
	padding-bottom:5px;
}

ul.talentGenreNavi li a{
	float:left;
	display:block;
	padding:2px 5px;
	background:#ddd;
	margin-right:10px;
	transition: 0.7s ease-in-out;
}

ul.talentGenreNavi li a:hover{
	background:#000;
}

*:first-child+html ul.talentGenreNavi li{
	float:left;
}

/* talentInfo内
----------------------------------------------------------- */



.talentInfo{
	margin-bottom:20px;	
}

.talentInfo h2.talentName{
	margin-bottom:10px;
	font-size:22px;
	height:2em;
	line-height:2em;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	letter-spacing:0em;
	font-weight:bold;
}

.talentInfo h2.talentName span.eName{
	font-size:70%;
	margin-left:20px;
}

h3.genreTitle{
	background-color:#ddd;	
	font-size:14px;
	height:20px;
	line-height:20px;
	padding-left:3px;
	margin-bottom:10px;
	font-weight:normal;
	border: 1px solid #ddd;
}

*+html h3.genreTitle{
}

div.cat_space{
	height:30px;
	display:block;
}

.talentInfo .talentProfileArea{
}

.talentInfo .talentPic{
	width:250px;
	display:block;
	float:left;
	position: relative;
}

.talentInfo ul.talentProfile,
.talentInfo ul.profileLinks{
	position: relative;
	width:340px;
	float:left;
	margin-left:20px;
}

.talentInfo ul.morepics{
	position: relative;
	float:left;
	margin-left:10px;
}

.talentInfo ul.morepics li{
	width:100px;
	height:112px;
	background-color:#fff;
	margin-bottom:10px;
	overflow:hidden;
}

.talentInfo ul.talentProfile li{
	padding:0;
}

.talentInfo ul.talentProfile li.title{
	border-top: 1px solid #ccc;
	border-bottom: 1px dotted #ddd;
	font-size:12px;
}

.talentInfo ul.talentProfile li.cont{
	margin-bottom:5px;
	font-size:12px;
}

.talentInfo ul.profileLinks li{
	float:left;
	margin-top:5px;
	margin-right:10px;
	display:block;
}


/* talentInfoList内
----------------------------------------------------------- */

.talentInfo ul.talentInfoList{
	margin-top:10px;
}

.talentInfo ul.talentInfoList li{
	border-top: 1px solid #ccc;
	padding:10px 0;
}

.talentInfo ul.talentInfoList li div{
	display:block;
	float:left;
	margin-right:10px;
}

.talentInfo ul.talentInfoList li div.title{
	font-size:14px;
	font-weight:normal;
	width:100%;
}

.talentInfo ul.talentInfoList li div.info{
	font-size:12px;
}

.talentInfo ul.talentInfoList li div.date{
	font-size:12px;
	color:#F00;
}

.talentInfo ul.talentInfoList li div.infoPics{
	clear:both;
	width:100%;
}

.talentInfo ul.talentInfoList a.toTop{
	float:right;
	width:5em;
	height:1.5em;
	border: 1px solid #ccc;
	text-align:center;
	color:#999;
}


.talentInfo ul.talentInfoList a.toTop:hover{
	color:#f455bf;
}








/****************************************

タレント一覧ページ

*****************************************/


h2.talentCategory{
	padding:5px 0px;
	margin-bottom:10px;
	border-bottom:1px solid #939393;
	color:#000;
}
h2.talentCategory span.jpText{
	display:block;
	font-size:90%;
	margin-top:-5px;
}



.talentListArea{
	margin-bottom:30px;	
}

ul.talentList li{
	text-align:center;
	float:left;
	margin-right:21px;
	margin-bottom:15px;
	height:143px;
	border: 2px solid #000;
}
ul.talentList li:nth-child(6n){
	margin-right:0;
}


*:first-child+html ul.talentList li{
	width:100px;
}


.smallArea li.sTalentArea{
	width:229px;
	margin-right:21px;
	float:left;
}
.smallArea li.sTalentArea:nth-child(3n){
	margin-right:0;
}







body.page article .talentName{
	margin-top:-42px;
	background-color: rgba(0,0,0,0.5); 
	position:relative;
	color:#fff;
}

*:first-child+html body.page article .talentName{
	background-color: #333;
	height:42px;
}

body.page article .talentName:hover{
	color:#f455bf;
}

h3.talentNameJP{
	font-size:14px;
	height:18px;
	line-height:18px;
	border-bottom: 1px dotted #ccc;
	padding-top:3px;
}

h4.talentNameEN{
	font-size:10px;
	height:15px;
	line-height:15px;
}


/* タレント一覧表示（文字数が多い場合の制御）
-------------------------------------------------------------------------------*/
ul.talentList li span.sName{
	font-size:85%;
}

/****************************************

固定ページ設定

*****************************************/

article.post .entry section{
	margin-bottom:20px;
}

article.post .entry h2{
	font-size:15px;
	margin-bottom:20px;
	display:block;
	color:#f90;
}

article.post .entry h3{	
	font-size:15px;
	border-bottom: 1px dotted #ccc;
	padding-bottom:5px;
	margin-bottom:5px;
	display:block;
}

article.post .entry p{	
	margin-bottom:10px;
}


/****************************************

CONTACTページ

*****************************************/
a.bigBTN{
	width:100%;
	height:3em;
	line-height:3em;
	display:inline-block;
	background-color:#ddd;
	text-align:center;
	color:#fff;
}

a.bigBTN:hover{
	color:#f90;	
}



/****************************************

リンクページ

*****************************************/


ul#links{
	margin:10px 0;
	border-top: 1px dotted #ddd;
}

ul#links li{
	border-bottom: 1px dotted #ddd;
	padding:8px 0;
	font-size:13px;
}

ul#links li span{
	display:block;
	float:left;
}

ul#links li a.url{
	font-size:10px;
	display:block;
	float:left;
	background-color:#EDEDED;
	padding:0 6px;
	margin-left:10px;
}



/****************************************

		Style Set Lists

*****************************************/

.fontWeightNormal{ font-weight:normal;}
.fontWeightBold{ font-weight:bold;}

.fontSize09{ font-size:9px;}
.fontSize10{ font-size:10px;}
.fontSize11{ font-size:11px;}
.fontSize12{ font-size:12px;}
.fontSize13{ font-size:13px;}
.fontSize14{ font-size:14px;}
.fontSize15{ font-size:15px;}
.fontSize16{ font-size:16px;}
.fontSize17{ font-size:17px;}


.h143{ height:158px; display:block;}




/****************************************

エディタースタイル

*****************************************/
.alignright{
	float:right;
}
.alignleft{
	float:left;
}
.aligncenter{
	clear:both;
}




/****************************************

追加スタイル

*****************************************/





/* Print styles!
-------------------------------------------------------------------------------*/
@media print {



}


/* Media queries!
-------------------------------------------------------------------------------*/

/* Consider this: www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/ */
@media screen and (max-device-width: 480px) {
	
		
}

@media all and (orientation: portrait) {
	
}

@media all and (orientation: landscape) {
	
}