body {
		background: #fff url(../img/bg.jpg) center top repeat;
		font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',Osaka,Helvetica,sans-serif,'Century Gothic';
		font-size: 15px; line-height: 1.8em;
		color:#54300d;
		background-size:contain;
	}
	
	#ctv_tab { margin: 0 auto; padding: 0; width: 100%; text-align: center; background: #fff; }
	#ctv_tab_sp { display: none; }
	
	#sp_only { display: none; }
	
.sp{
	display:none;
}
.pc{
	display:block;
}

	
	#container_teaser { margin: 0 auto; overflow: hidden; 
		animation: fadeIn 2s ease 0s 1 normal;
		-webkit-animation: fadeIn 1s ease 0s 1 normal;
	 }
	 /* フェイドイン アニメーション */
	@keyframes fadeIn {
			0% {opacity: 0}
			100% {opacity: 1}
	}
	@-webkit-keyframes fadeIn {
			0% {opacity: 0}
			100% {opacity: 1}
	}		 
	 /* フェイドイン アニメーション */
	 
	#container  { margin: 0 auto; overflow: hidden; 
		animation: fadeIn 2s ease 0s 1 normal;
		-webkit-animation: fadeIn 1s ease 0s 1 normal;
	 }
	 /* フェイドイン アニメーション */
	@keyframes fadeIn {
			0% {opacity: 0}
			100% {opacity: 1}
	}
	@-webkit-keyframes fadeIn {
			0% {opacity: 0}
			100% {opacity: 1}
	}		 
	 /* フェイドイン アニメーション */

	h3 { font-size: 20px; font-weight: bold; }
	
	a { color: #ff8400; text-decoration: none; }
	a:hover { color: #b15c00; text-decoration: none; }
	
	img { vertical-align: text-bottom; }
	
	p.gotop { display: none; }
	
	.ph_left { float: left; margin: 0 30px 0 0; }
	.ph_right { float: right; margin: 0 0 0 20px; }
	.ph_rotatel { transform: rotate(2deg); }
	.ph_rotater { transform: rotate(-2deg); }


/* Header
---------------------------------------------------------------------------------------------------- */
	#header { width: 960px; margin: auto; position: relative; }
	.housou { width: 960px; margin: auto; }
	.logo { position: absolute; right: 0; top: 0;
		animation: fadeIn 0s ease 0s 1 normal;
		-webkit-animation: fadeIn 3s ease 0s 1 normal;
	 }
	  
	#header2 { /* background-color: #fffef6; */ margin: 30px auto 0; }
	#header2 img { margin: 0 4%; width: 92%; }
	.housou { width: 960px; margin: 0 auto; }

	div#saihousou p { width: 960px; margin: 0 auto; padding: 0 0; text-align: center; font-size: 1.3em; line-height: 1.6em;}
	div#saihousou a { color: #b75600; text-decoration: none;}
	div#saihousou a:hover{ color: #ff8f00; }


/* OA
---------------------------------------------------------------------------------------------------- */
	#oa { background-color: #fffef6; }
	#oaImg { width: 960px; margin: auto; }
	#oa img { width: 960px; }


/* Menu
---------------------------------------------------------------------------------------------------- */
	#menuback { background-color: #fffef6; }
	#menu { width: 960px; margin: 0px auto; background:#fffef6 }
	#menu ul { width: 100%; overflow: hidden; }
	#menu li { width: 20%; float: left; text-align: center; }
	#menu li img { width: 120px; height: auto; }
	#menu li a {
		display: block; background: #fffef6; border-radius: 3px;
		/*アニメーション指定*/
		transition-property: background, color;
		transition-duration:0.4s;
		transition-timing-function:ease-out;
		transition-delay:0s;
		/*Firefox向け*/
		-moz-transition-property: background, color;
		-moz-transition-duration:0.4s;
		-moz-transition-timing-function:ease-out;
		-moz-transition-delay:0s;
		/*Chrome、Safari向け*/
		-webkit-transition-property: background, color;
		-webkit-transition-duration:0.4s;
		-webkit-transition-timing-function:ease-out;
		-webkit-transition-delay:0s;
		/*Opera向け*/
		-o-transition-property: background, color;
		-o-transition-duration:0.4s;
		-o-transition-timing-function:ease-out;
		-o-transition-delay:0s;
	}
	#menu li a:hover { background: rgb(255, 215, 161); }


/* Main_Contents_teaser
---------------------------------------------------------------------------------------------------- */
	#maincontents_teaser { width:960px; min-height: 320px; padding: 0 0 0 0px; margin: 20px auto; }
	#maincontents_teaser img { margin: 8px; }
	
	#maincontents_teaser .photo01 { margin: 8px;
		animation: fadeIn 0s ease 0s 1 normal;
		-webkit-animation: fadeIn 2s ease 0s 1 normal;
	}
	#maincontents_teaser .photo02 { margin: 8px;
		animation: fadeIn 0s ease 0s 1 normal;
		-webkit-animation: fadeIn 3s ease 0s 1 normal;
	}
	#maincontents_teaser .photo03 { margin: 8px;
		animation: fadeIn 0s ease 0s 1 normal;
		-webkit-animation: fadeIn 4s ease 0s 1 normal;
	}
	
	
/* Movie
---------------------------------------------------------------------------------------------------- */
	#movie{
		margin:0 auto 40px;
		width:960px;
	}
	
	
/* Main_Contents
---------------------------------------------------------------------------------------------------- */
	#maincontentsback { width:960px;  min-height: 320px; padding: 0 0 0 0px; margin: 20px auto; }
	#maincontents { width:630px; min-height: 320px; float: left; padding: 0 0 0 0px; margin-top:20px; }
	
	#maincontents h2 { width: 100%; overflow: hidden; }
	#maincontents h2 img { height: 50px; width: auto; }
    
	#maincontents h3 { width: 95%; margin: 0 auto; font-size: 1.3em; }
	
	#maincontents img { max-width: 100%; }
	
	#maincontents p { padding: 15px; overflow: hidden; 
	/*下だけ角丸
	background-color:#fff8ed; 
	border-radius: 0 0 10px 10px / 0 0 10px 10px; 
	-webkit-border-radius: 0 0 10px 10px / 0 0 10px 10px; 
	-moz-border-radius: 0 0 10px 10px / 0 0 10px 10px;
	*/
 }
 
	#maincontents p img { width: 280px; border: solid 3px #f4e0c5; box-shadow: 3px 3px 3px rgba(0,0,0,0.4); }
	
	#maincontents p em { font-size: 1em; line-height: 2em; margin: 0 0 30px -8px; padding: 5px 5px 3px; border: solid 2px #5d2f03; }
	
	#toform { width: 80%; margin: 0 auto; text-align: center; font-size: 1.2em; line-height: 1.2em; }
	#toform a {
		display: block; padding: 12px 10px 10px; background: #8a5727;
    border-bottom: solid 2px #291603; color:#ffe9d3; border-radius: 6px;
		/*アニメーション指定*/
		transition-property: background, color;
		transition-duration:0.4s;
		transition-timing-function:ease-out;
		transition-delay:0s;
		/*Firefox向け*/
		-moz-transition-property: background, color;
		-moz-transition-duration:0.4s;
		-moz-transition-timing-function:ease-out;
		-moz-transition-delay:0s;
		/*Chrome、Safari向け*/
		-webkit-transition-property: background, color;
		-webkit-transition-duration:0.4s;
		-webkit-transition-timing-function:ease-out;
		-webkit-transition-delay:0s;
		/*Opera向け*/
		-o-transition-property: background, color;
		-o-transition-duration:0.4s;
		-o-transition-timing-function:ease-out;
		-o-transition-delay:0s;
	}
	#toform a:hover { color: #fff; background: rgba(138, 87, 39, 0.51); }
    
	#impression { width: 88%; margin: 10px auto 5px; }
	#contributor { width: 90%; margin: 0 auto 30px; text-align: right; }


	/*キャスト文字並び*/
	.article { width: 100%; }
	.article .post-title { box-sizing: border-box; font-size: 24px; }
	.article .post-body { margin: 10px; font-size: 16px; line-height: 24px; }
	.article .post-body .cast-box .koron { width:2%; }
	.article .post-body .cast-box .role { width:43%; }
	.article .post-body .cast-box .name { width:43%; }

	/*ご意見ご感想　ライン*/
	hr {
		height: 1px;
		border: none;
		border-top: 1px #8a5727 solid;
	}
	
/* Side_Contents
---------------------------------------------------------------------------------------------------- */
	#sidecontents { width:320px; float: right; }
	
	#rec { width: 320px; height: 280px; background: url(../img/rec_bg.png) no-repeat; margin: 10px auto 0; padding: 20px 10px 0; }
   
	#prmovie-aki-campaigne { width: 300px; margin: 20px auto 30px; }
	  
	#prmovie { width: 300px; margin: 0 auto 40px; }
	#prmovie img { width: 300px; height: auto; }
	#prmovie iframe { width: 300px; margin: 0 auto 20px; }
	
	#news { width: 300px; margin: 20px auto 30px; }
	#news img { width: 300px; height: auto; margin: -10px 0; }
	
	#news ul { padding: 0 10px; }
	#news li { line-height: 1.2em; margin: 10px 0; }
	#news li em { font-size: 0.9em; }
    
	#bans { width: 300px; margin: 0 auto; }
	#bans img { width: 100%; height: auto; padding-bottom:10px }


/* Footer
---------------------------------------------------------------------------------------------------- */
	#footer { width:100%; height: 60px; text-align: center; font-size:0.8em; padding-top: 10px; }
	#footer a { text-decoration:none; color:#010101; }
	#footer a:hover { color:#aaf; }