@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;	background-color: #FEFAF3;}
#bg01 {
	/*background-repeat: no-repeat;*/
	background-position: center top;
	background-attachment: fixed;
	background-image: url(../images/bg_top.jpg);
}
#kandora #wrapper #content {background-color: transparent; background-image: none;}
#copy_inner {
	text-align: center;
	font-size: 12px;
	color: #CCCCCC;
	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: #C4A90F;
	background-color: #000000;
}

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

/*.kandora_banner{text-align: center;	width: 100%;}*/
.kandora_banner img{margin-bottom:10px;display: block; margin: 0 auto;}

/*タイトルカラー・サイズ設定*/
.tit_blue {color: #49BBE4;	font-size: 40px;}
.tit_green {color: #99CC00;	font-size: 40px;}
.tit_pink {color: #FF3366;	font-size: 40px;}
.tit_black {color: #000000;	font-size: 40px;}
.tit_ocher{color:#724b0b;	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: 50px;*/
	clear: both;
}

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


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

#storybox {float: right; width: 575px; margin-top: 0px; margin-right: 25px;	margin-bottom: 40px;}
#storybox h4 {
	color: #660000;
	font-size: 24px;
	font-weight: bold;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	margin-top: 20px;
	letter-spacing: 0.2em;
	display: block;
	padding-top: 20px;
	margin-left: 20px;
}
#storybox .photo { text-align: center;}
#storybox p { line-height: 2; padding: 20px; color: #333;}
#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: 350px;  margin-top: 30px; padding-top: 10px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px;}
#story_list li { font-family: "ＭＳ ゴシック", "Osaka－等幅"; font-size: 100%; list-style-position: outside; list-style-type: none;	line-height: 1.2; display: block;	font-weight: bold; color: #666; padding: 2px; margin-bottom: 3px; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #999; text-align: left;  letter-spacing: 0.2em; padding-left: 20px;}
/*#story_list li.off{	padding-left: 20px;	padding-top: 3px;	padding-right: 3px;	padding-bottom: 3px;}*/
#story_list li a {
	color: #9a773e;
	text-decoration: none;
	font-weight: bold;
/*	padding-left: 20px;*/
	display: block;
}
#story_list a:visited {
	color: #724b0b;
}
#story_list a:hover {
	color: #724b0b;
	text-decoration: none;
}

/* 華政 アコーディオンメニュー */
#story_list .menu_swich {
	text-align: center;
	padding: 6px;
	font-size: 18px;
	font-weight: bold;
	color: #660000;
	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 #660000;
	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_box2{display:none;}*/ /*第26話～第50話*/
#tab_box1{display:none;} /*あらすじ～第25話*/

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

#cast #castbox { margin-bottom: 20px; padding-bottom: 20px; padding-left: 40px;}
/*#cast #castbox {padding-left: 70px;}*/

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

.cast_details.cast_01 {	background-image: url(../images/img_cast01.png); background-repeat: no-repeat; background-position: center top;}
.cast_details.cast_02 {	background-image: url(../images/img_cast02.png); background-repeat: no-repeat; background-position: center top;}
.cast_details.cast_03 {	background-image: url(../images/img_cast03.png); background-repeat: no-repeat; background-position: center top;}
.cast_details.cast_04 {	background-image: url(../images/img_cast04.png); 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;
	margin-left: 10px;
}
#soukanzu_box img{display:block; margin: 0 auto;}
#soukanzu_box div.box-photogallery{	margin-top: 10px;}
/*==========================================
	
	[6]FlexSlider
	
==========================================*/

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

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

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

.main_menu_inner {
	background-color: #9a773e;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
/*	opacity: 0.8;*/
	text-align: center;
}
.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 a {
	display: block;
	color: #FFFFFF;
/*	text-shadow: 2px 0px 2px #FFF;*/
}
.main_menu_inner li a:hover {
	color: #FFFFFF;
	text-shadow: 2px 0px 2px #FFC926;
	text-decoration: none;
}


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


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

/* snsボタン */
#box-sns{width:220px;	margin-left: auto; padding-top:60px;}
#box-sns div{float:left; padding-left:5px; padding-bottom:5px;}

/* 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;
}
*/

/*==========================================
	
	[]創味プレゼント企画
	
==========================================*/
#kanpre {width: 100%; margin:10px 0px;}
#kanpre img {display: block;margin-right: auto;	margin-left: auto;width: 500px;}

/*==========================================
	
	[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;
}*/
#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:0px; font-size:120%; }

#box-sns{width:100%;	margin: auto;}
#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: calc(100% - 5px); margin: 0px auto; padding-left: 5px;}
	
#kandora_box_inner #story #story_list li{ width: calc(100% - 14px); float: left; margin:2px; border: 1px dotted #CCC; padding:5px 2px; font-size: 80%;	letter-spacing: 0em;}/*メニュー1列*/
/*#kandora_box_inner #story #story_list li{ width: calc(50% - 14px); float: left; margin:2px; border: 1px dotted #CCC; padding:5px 2px; font-size: 80%;	letter-spacing: 0em;}*//*メニュー2列*/

/*#story_list li a {	padding-left: 0px;}*/
#kandora_box_inner #story #storybox p {	font-size: 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;}

#cast #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%;
	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;
	    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;

}
#soukanzu_box {	margin: 5px 0px;}
#soukanzu_box img {	width: 100%;}
#soukanzu_box div.box-photogallery{	width: 100%; margin-top: 0;}
#soukanzu_box div.box-photogallery img{	width: calc(100% / 3 - 4px);margin:5px 2px;}
	
.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 {height: 20px;}
/* アコーディオンメニュー */
#story_list .menu_swich {padding: 5px;font-size: 16px;font-weight: bold;width: calc(100% - 23px);}

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