@charset "utf-8";
/* CSS Document */

/*==========================================

	[*]回り込み解除
	[1]共通設定・レイアウト
	[2]メニュー
	[3]ストーリー
	[4]キャスト
	[5]相関図
	[6]FlexSlider
	[7]メインメニュー
	[8]sns
	[9]スマホ対応
	
==========================================*/


/*==========================================

[*]回り込み解除

==========================================*/

.cl_both {clear:both;}
.clear:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clear { display: inline-table; }
/* Hides from IE-mac \*/
* html .clear { height: 1%; }
.clear { display: block; }
/* End hide from IE-mac */

/*==========================================
	
	[1]共通設定・レイアウト
	
==========================================*/

body,td,th { font-family: "ＭＳ ゴシック", "Osaka－等幅"; color: #333333;}
body {margin-left: 0px;	margin-top: 0px;}
h1,h2,h3,h4,h5,h6,p{ margin: 0px; padding: 0px;}
#kandora #wrapper {	background-image: none;	}
#bg01 {
	background-repeat:repeat-x;
	background-position: center -40px;
	background-attachment: fixed;
	background-image: url(../images/bg_top.jpg);
/*	background-color: #000000;*/
	background-color: #FFF;
}
#kandora #wrapper #content {background-color: transparent; background-image: none;}
#copy_inner {
	text-align: center;
	font-size: 12px;
	color: #F3F3F3;
	line-height: 3;
	clear: both;
	font-family: "Arial Black", Gadget, sans-serif;
	margin: 0px;
	font-weight: bold;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
}


#copy {
	border-top-width: 5px;
	border-top-style: solid;
	border-top-color: #CF84B1;
	background-color: #f8abc5;
}

#kandora_header {position: relative;}
#kandora_box  {
	position:relative;
}
#kandora_box #kandora_box_inner {
	z-index: 1200;
	background-image: url(../images/bg_contents.png);
	margin-top: -48px;
	padding-top:68px;
	background-repeat: repeat;
}
#kandora_box h3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	line-height: 1.2;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	padding-left: 20px;
	margin-right: 20px;
	margin-bottom: 10px;
	margin-left: 20px;
	display: block;
/*	margin-top: 15px;*/
/*	padding-top: 20px;*/
}

.kandora_banner{text-align: center;width: 100%;}
.kandora_banner img{margin-bottom:10px;}

/*タイトルカラー・サイズ設定*/
.tit_blue {color: #49BBE4;	font-size: 40px;}
.tit_smokeblue {color: #484BB7;	font-size: 40px;}
.tit_mosgreen {color: #8fc31f;	font-size: 40px;}
.tit_green {color: #99CC00;	font-size: 40px;}
.tit_matpink {color: #DD7587;	font-size: 40px;}
.tit_pink {color: #FF3366;	font-size: 40px;}
.tit_black {color: #000000;	font-size: 40px;}
.tit_earth {color: #BBBB77;	font-size: 40px;}
.tit_purple {color: #4E0073; font-size: 40px;}
.tit_deepred {color: #820000; font-size: 40px;}
.tit_orange {color: #D15A03;font-size: 40px;}
.tit_matyellow {color: #c39815;font-size: 40px;}

/*==========================================
	
	[2]メニュー
	
==========================================*/

#menu_list {list-style-type: none;	margin: 0px;}
#menu_list li {	float: left; margin: 0px; padding: 0px;}
#anc_story,#anc_cast,#anc_chart {
/*	height: 20px;*/
	clear: both;
  margin-top: -46px; /* 固定ナビの高さ分のネガティブマージン */
  padding-top: 46px; /* 打ち消し用のパディング */
}



/*==========================================
	
	[3]ストーリー
	
==========================================*/


#story {background-repeat: no-repeat; background-position: center bottom; margin-top:10px; /*margin-bottom: 20px; padding-bottom: 20px;*/}

#storybox {float: right; width: 575px; margin-top: 0px; margin-right: 25px;	/*margin-bottom: 40px;*/}
#storybox h4 {
	color: #616161;
	font-size: 24px;
	font-weight: bold;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	margin-top: 20px;
	letter-spacing: 0.2em;
	display: block;
/*	padding-top: 10px;*/
	margin-left: 20px;
}
#storybox .photo { text-align: center;}
#storybox p { line-height: 2; padding: 20px; color: #333; font-size:14px;}
#storybox p.day { color: #333; font-weight: bold; text-align: right; margin-left: 0px; font-size: 90%; line-height: 2; padding-top: 10px; padding-right: 0px; padding-bottom: 10px; padding-left: 20px; margin-right: 20px;}
/*.s_text {padding: 10px;}*/

#story_list {
	margin-right: 0px;
	margin-left: 20px;
	float: left;
	width: 360px;
	margin-top: 30px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}
#story_list li {/* text-align:center; */font-family: "ＭＳ ゴシック", "Osaka－等幅"; font-size: 14px; list-style-position: outside; list-style-type: none;	line-height: 1.2; display: block;	font-weight: bold; color: #666; padding:2px 2px 2px 20px; margin-bottom: 3px; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #999; letter-spacing: 0.2em;}
#story_list li.off{	padding-top: 3px;	padding-right: 3px;	padding-bottom: 3px;}

#story_list li a {
	color: #D05AAD;
	text-decoration: none;
	display: block;
	transition: 0.4s;
}
#story_list a:visited {
	color: #D55484;
	transition: 0.4s;
}
#story_list a:hover {
	color: #D55484;
	text-decoration: none;
}

/* アコーディオンメニュー */
#story_list .menu_swich {
	text-align: center;
	padding: 6px;
	font-size: 18px;
	font-weight: bold;
	color: #CC9900;
	margin-bottom: 5px;
	cursor: pointer;
	background-image: url(../images/bg_menu_swich_right.png);
	background-repeat: no-repeat;
	background-position: 15px center;
	border: 2px solid #999999;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}

#story_list .menu_swich.active {
	background-image: url(../images/bg_menu_swich_down.png);
	background-repeat: no-repeat;
	background-position: 15px center;
	
} 
#tab_box1{ margin-bottom:10px;}

/*※アコーディオンがあらかじめ開いておく方をコメントアウト*/
/*#tab_box1{display:none;}*/ /*あらすじ～第25話*/
#tab_box2{display:none;} /*第26話～第51話*/


/*==========================================
	
	[4]キャスト
	
==========================================*/


#castbox {margin-bottom: 20px; padding-bottom: 20px; padding-left: 40px;}
#castbox p {
	color: #333;
	padding-right: 5px;
	padding-left: 5px;
	font-size: 100%;
}
#castbox .cast_details {
	float: left;
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	width: 218px;
	margin-right: 10px;
/*	margin-bottom: 10px;*/
	margin-left: 0px;
/*	margin-top: 20px;*/
}

.cast_details.cast_01 {	background-image: url(../images/img_cast01.jpg); background-repeat: no-repeat; background-position: center top;}
.cast_details.cast_02 {	background-image: url(../images/img_cast02.jpg); background-repeat: no-repeat; background-position: center top;}
.cast_details.cast_03 {	background-image: url(../images/img_cast03.jpg); background-repeat: no-repeat; background-position: center top;}
.cast_details.cast_04 {	background-image: url(../images/img_cast04.jpg); background-repeat: no-repeat; background-position: center top;}
.cast_details.cast_05 {	background-image: url(../images/img_cast05.jpg); background-repeat: no-repeat; background-position: center top;}
.cast_details.cast_06 {	background-image: url(../images/img_cast06.jpg); background-repeat: no-repeat; background-position: center top;}
.cast_details.cast_07 {	background-image: url(../images/img_cast07.jpg); background-repeat: no-repeat; background-position: center top;}
.cast_details.cast_08 {	background-image: url(../images/img_cast08.jpg); background-repeat: no-repeat; background-position: center top;}
.cast_details .cast_txt {margin-top: 340px;	padding-bottom: 5px;}
.cast_details .cast_txt span { text-align: center; display: block;}

/*==========================================
	
	[5]相関図
	
==========================================*/

#soukanzu_box {/*margin-top: 30px;*/
	margin-bottom: 20px;

}
#soukanzu_box img {
	display: block;
	margin: 0 auto;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	width: 960px
}

.over img{ opacity:0.5;}
.chart_nav ul{
	padding: 0;
	text-align: center;
}
.chart_nav li{
	display: inline-block;
	list-style: none;
	padding: 0px;
	margin-right: 5px;
	margin-bottom: 10px;
	text-align: center;
}
.chart_nav li a {
	padding: 5px;
	background-color: #F5F5F5;
	border: 1px solid #484BB7;
	display: block;
	color: #484BB7;
	text-decoration: none;
	font-weight: bold;
	font-size: 14px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	width: 200px;
	transition: 0.5s;
}
.chart_nav li a:hover {
	background-color: #484BB7;
	color: #FFF;
}

/*==========================================
	
	[6]FlexSlider
	
==========================================*/

#storybox .flexslider {	width: 520px; margin-left: 30px;}

/*==========================================
	
	[7]メインメニュー
	
==========================================*/

.main_menu {
	position: relative;
	width: 980px;
	margin-right: auto;
	margin-left: auto;
	margin-top: -1px;
}

.main_menu_inner {
	background-color:#E798CC;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	/*	opacity: 0.8;*/
	text-align: center;
	margin-top: -1px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.main_menu_inner li {
	display: inline-block;
	width: 200px;
	text-align: center;
	font-size: 24px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	line-height:2;

}
/*.main_menu_inner li#m_begi {
	font-size: 18px;
	line-height:1.3;

}*/
.main_menu_inner li a {
	display: block;
	color: #FFFFFF;/*	text-shadow: 2px 0px 2px #FFF;*/
}
.main_menu_inner li a:hover {
	color: #c39815;
	text-shadow: 0px 0px 4px #FFF;
	text-decoration: none;
}


.navfix{ position: fixed; top: 0; z-index:2000;  }
  


/*==========================================
	
	[8]sns
	
==========================================*/

/* snsボタン */
#box-sns{
	position:absolute;
	top:5px;
	left:5px;
/*	width: 32%;*/
/*	margin-left: auto;
	padding-top: 55px;*/
}
#box-sns div{float:left; padding-left:5px; padding-bottom:0px; margin:0;}

/*#box-sns{
	width: 32%;
	margin-left: auto;
	padding-top: 55px;
}
#box-sns div{float:left; padding-left:5px; padding-bottom:0px; margin:0;}*/

/* Twitter ウィジェット追記20160408NISHINA*/


/*#box_twitter{
	width:760px; margin:20px auto 0;
}

#box_info{
	width:435px;
	margin:10px 25px 0 0;
	float:left;
}

#box_info img{
opacity:0.8;
}


#widget_twitter{
	width:300px;;float:left;
}
*/


/*==========================================
	
	[9]スマホ対応
	
==========================================*/



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


/* 全体BOX幅調整 ※グローバルナビに影響があるので保留 */
/**, *:before, *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}*/
.w100{width: 100%;}
.w80{width: 80%; margin:0 auto; display:block;}

#kandora #wrapper #content {width: 100%;}
#kandora #kandora_header img,#kandora #kandora_header_sub img {width: 100%; height:auto;}
#kandora h3 img{width: 100%;}

#kandora_box h3 {margin:0 0 10px 0; font-size:20px; }
/*タイトルカラー・サイズ設定*/
/*#bg01 {background-size:200% auto;}*/

#box-sns{width:100%; margin: 0;padding:0px; position:relative;}
/*#box-sns div{float:left; padding-left:0px; padding-bottom:0px;}*/

#kandora_box_inner #story { margin-bottom: 10px; padding-bottom: 10px;margin-top:0px;}
#kandora_box_inner #story #storybox { float: none; width: 94%; margin-right: auto;	margin-left: auto;}
#kandora_box_inner #story #storybox .flexslider {width: 80%; margin:0px auto 30px;}
#kandora_box_inner #story #story_list {width: 96%; padding-bottom:0px; margin:0px 10px 10px;}
#kandora_box_inner #story #story_list ul li{ width: 48%; float: left; margin:2px 2px;  border: 1px dotted #CCC; padding:8px 6px; font-size: 10px;	letter-spacing: 0em;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;}
		
/*#story_list li a {	padding-left: 0px;}*/
#kandora_box_inner #story #storybox p {	font-size: 100%;}
#kandora_box_inner #story #storybox img{width:100%;}
#storybox h4 {font-size: 16px;	padding-top: 5px;	margin-left: 5px;}
#storybox p.day {font-size: 80%; line-height: 1.5;	padding:0 0 10px 0;	margin-right: 0px;}

#castbox {margin-bottom: 0px; padding-bottom: 10px;	padding-left: 10px;}
#kandora_box_inner #castbox p {	font-size: 100%;}
#cast #castbox .cast_details { width: 46%;	background-size: 100%;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;}
.cast_details .cast_txt {
	margin-top: 145%;
/*	margin-top: 165%;*/
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 0;
}
.main_menu {width: 100%;}
.main_menu_inner {
	border-bottom-right-radius: 6px;
	border-bottom-left-radius: 6px;
	-webkit-border-bottom-right-radius: 6px;
	-webkit-border-bottom-left-radius: 6px;
	-moz-border-radius-bottomright: 6px;
	-moz-border-radius-bottomleft: 6px;
}
.main_menu_inner li {width: 30%; font-size: 16px; line-height:2.5;
            box-sizing: border-box;

}
/*.main_menu_inner li#m_begi {
	font-size: 12px;
	line-height:1.3;

}*/
#soukanzu_box {	margin: 5px 0px;}
#soukanzu_box img {	width: 96%;}
.chart_nav ul{width: 98%; margin:0 auto; margin-bottom:10px;clear:both;}
.chart_nav li{margin: 2px 0px 5px 0px; width:48%;}
.chart_nav li a {padding: 5px; font-size: 12px;	border-radius: 6px;	-webkit-border-radius: 6px;	-moz-border-radius: 6px; width: auto;}

.kandora_banner{width: 100%;}
.kandora_banner img{width: 50%;}

#copy_inner {font-size: 10px;line-height: 1;padding-top: 20px;	padding-bottom: 20px;}
#anc_story,#anc_cast,#anc_chart {
  margin-top: -35px; /* 固定ナビの高さ分のネガティブマージン */
  padding-top: 35px; /* 打ち消し用のパディング */
}

/* 画像長押し保存禁止(iphone) */
img {
user-select:none;
-moz-user-select:none;
-ms-user-select:none;
-webkit-user-select:none;
-khtml-user-select:none;
-webkit-user-drag: none;
-khtml-user-drag: none;
-webkit-touch-callout: none;
}


/*ここまでスマホ対応=====================*/
}