@charset "utf-8";

/* ---- css reset ---- */
@import url(reset.css);
@import url(common.css);
/* ---- Structure ---- */
body{ margin: 0; padding: 0; }
#Background,
#Foreground,
header,
#Wrap,
footer{ width:100%; margin: 0;}
.frame_pri{ max-width: 1200px; margin: 0 auto; }
.frame_sec{ max-width: 1100px; margin: 0 auto; }
article{ width: 64.9%; padding-right: 5.8%; float: right; }
aside{ width: 29.2%; float: left; }
footer{ width: 64.9%; padding-right: 5.8%; float: right; }

/* 深度設定 */
#Background{ height:100%; position: absolute; top:0; left: 0; z-index: 0; }
#Background .layer1{ width:100%; height:100%; position: absolute; top:0; left: 0; z-index: 1;}
#Background .layer2{ width:100%; height:100%; position: absolute; top:0; left: 0; z-index: 2;}
#Foreground{ height:100%; position: absolute; top:0; left: 0; z-index: 50; }

/* background */
body{ background: url(../images/common/background.jpg); }
#Mainvisual{ max-width: 1200px; margin: 0 auto; }

/* Header */
header{ padding-bottom: 0.5%;}
header nav{ width: 100%; clear:both; padding-bottom: 0.5%; }
header nav ul{ list-style-type: none; max-width: 1000px; margin: 0 auto; padding: 0; display: block;}
header nav ul li{ margin: 0; padding: 0; display: block; float: left;}
header nav ul .nv1,
header nav ul .nv2,
header nav ul .nv3,
header nav ul .nv4,
header nav ul .nv6,
header nav ul .nv7{ width:12%;}
header nav ul .nv5{ width:18%;}
header nav ul .nv8{ width:10%;}

/* Wrap */
#Wrap{ margin-bottom: 2%; }
#Wrap .shadowBx{ text-align: center; line-height: 0; }
#Wrap article .flowerBg{ padding: 1% 2.8%; background: #000 url(../images/common/ptn_flowerBg.jpg); border: #000 solid 5px; }
aside #Logo{ width: 85.8%; margin-left: 14.2%; text-align: center; }
aside #Onair{ width: 85.8%; margin-left: 14.2%; text-align: center; }

/* Article / Aside */
article .redframe{ background: #FF0000; width: 97.6%; padding: 1.2%; }
article .redframe .inside{ background: #FFF url(../images/top/article_insideBg.jpg) no-repeat right top;background-size: 100% auto;  padding: 0; }
article .redframe .inside .container{ padding: 3%; line-height: 1.3; }
/* Banner */
#Banner{ width: 77.2%; margin-left: 20%; margin-top: 90%;}
#Banner ul{ list-style-type: none; margin: 0; padding: 0; display: block; }
#Banner ul li{ margin: 0 0 1% 0; padding: 0; display: block; text-align: center; }
#Banner ul li img,
#Banner ul li a img{ border: #FFF solid 2px; }
#Banner ul li a:hover img{ border: #FF0000 solid 2px; }

/* Footer */
footer{ text-align: center;  /*border-top: #000 dotted 1px;*/ }
footer #Copyright{ height: 20px; font-size: 10px; font-size: 1.0rem; line-height:1.2; display: inline-block; /display:inline; /zoom:1; }

/* Common */
#Subnavi{ line-height: 0; background: url(../images/common/ptn_flow1.png) }
#Subnavi ul{ list-style-type: none; margin: 0; padding: 1% 2%; display: block; text-align: left; line-height: 1; }
#Subnavi ul li{ margin: 0 0.5%; padding: 0; display:inline;}

.clink{padding: 1%; display:inline-block; /display:inline; /zoom:1; border: #f6f0e8 solid 1px; background: #fffbe7;}

/* #page_News */
#page_News{}
#Page_News .entry{ margin-bottom: 5%; }
#Page_News .date{ font-size: 14px; padding-top: 1%; font-size: 1.4rem; font-weight: bold; background: url(../images/news/head_bar.png) no-repeat left top; background-size: 100% auto;}
#Page_News h4{ display: block; margin-bottom: 1%; padding-bottom: 1%; font-size: 18px; font-size: 1.8rem; line-height: 1.3; background: url(../images/news/head_bar.png) no-repeat left bottom; background-size: 100% auto; }
#Page_News .entry_body{ padding: 2%; }
#Page_News .entry_body .clink{padding: 1%; display:inline-block; /display:inline; /zoom:1; border: #f6f0e8 solid 1px; background: #fffbe7;}

/* #Page_Story */

#Page_Story #StoryHeader{ background: url(../images/common/ptn_flow2.png) ;}
#Page_Story #StoryHeader h3{ width:19.8%; margin: 0; padding: 0; float: right; display: block;}
#Page_Story #StoryHeader #Subnavi{ width: 80.2%; margin: 0; padding: 0; float: left; display: block; background: none; }
#Page_Story #StoryHeader #Subnavi ul{ list-style-type: none; margin: 0; padding: 0; display: block; line-height: 0;}
#Page_Story #StoryHeader #Subnavi ul li{ width: 16.66%; margin: 0 ; padding: 0; float: left; display:block;}
#Page_Story .entry{ padding-top: 5%; background: #000 url(../images/story/episode_entrybg.jpg) no-repeat center top; background-size: 100% auto; line-height: 1; }

#Page_Story .entry .title{ text-align: center; font-family: serif;}
#Page_Story .entry .title h4{ font-size: 24px;}
#Page_Story .entry .title h4 span{ font-size: 14px;}
#Page_Story .entry .staff{ text-align: center; font-size: 11px; margin-bottom: 4%;}
#Page_Story .entry .sceneImage{ width: 67.8%; padding: 3% 16.1% 3% 16.1%;  background:url(../images/story/episode_sceneimagebg.png) no-repeat center top; background-size: 100% auto; }
/*
#Page_Story .entry .sceneImage ul{ width: 100%; margin: 0; padding: 0; display: block; list-style-type: none;}
#Page_Story .entry .sceneImage ul li{ width: 100%; display: block; }
#Page_Story .entry .sceneImage img{}
*/
#Page_Story .entry .eptext{ color: #FFF; width: 90%; margin: 0 auto; padding: 6% 0; font-size: 16px; font-size: 1.6rem; line-height: 1.5;  }

/* #Page_Special */
#Page_Special .new { font-size: 12px; font-size: 1.2rem; font-weight: bold; line-height: 1; color: #FF0000; height: 1em; }
#Page_Special .entry{ margin-bottom: 5%;  }

/* #Page_Link */
#Page_Link{}
#Page_Link #LinkbannerList{ list-style-type: none; margin: 0; padding: 0; display: block; }
#Page_Link #LinkbannerList li{ width: 45%; text-align: center; vertical-align: top; margin: 0 0 5% 0; padding: 0; display: inline-block; }

/* #Page_PopNews */
#Page_PopNews{ background: url(../images/common/ptn_flowerBg.jpg); }
#Page_PopNews article .inside{ padding:0 2%; }
#Page_PopNews article section{ background:#FFF; padding: 3%; }
#Page_PopNews article .entry .date{ color:#FF0000; font-size: 12px; font-size: 1.2rem; font-weight: bold; }
#Page_PopNews article .entry h4{ font-size: 14px; font-size: 1.4rem; margin: 0 0 1% 0; padding: 1% 0 1% 0; color: #000; border-bottom: #FF0000 solid 3px; border-top: #FF0000 solid 3px; }
#Page_PopNews article .entry .entry_body{ font-size: 12px; font-size: 1.2rem; line-height: 1.4;}

/* #Page_Products */
#Page_Products #videoList{ border: #000 dotted 1px; }
#Page_Products .videospec{ list-style-type: none; display: block; margin: 0 auto; padding: 2%; border: #666 solid 1px; background: #FFF; }
#Page_Products .videospec li{ display: block;  margin: 0 0 1% 0; padding: 0 0 1% 0; line-height: 1.3; border-bottom: #666 dotted 1px; }
#Page_Products .video_subtle{ background: none; padding: 0; margin: 0; }
#Page_Products .video_title{ background: #000; color: #FFF; padding: 2%; margin-bottom: 1%;}

#Page_Products #videoPager ul {margin: 0;padding: 0;text-align: left; }
#Page_Products #videoPager ul li {list-style: none; display: inline-block; margin: 0 5px 0 0; padding: 0; font-weight: bold;}
#Page_Products #videoPager ul li a {display: block;padding: 0.5em 0.9em; border: 1px #000 solid;}
#Page_Products #videoPager ul li a:link,
#Page_Products #videoPager ul li a:visited {border-color: #000; background: #000; color:#FFF; }
#Page_Products #videoPager ul li a:hover,
#Page_Products #videoPager ul li a:active {border-color: #D90000;background-color: #D90000;color: #FFF;}

#Page_Products #tokutenList{ list-style-type: none; display: block; margin: 0; padding: 0; text-align: center; }
#Page_Products #tokutenList li{ width:185px; margin: 0 5px 5px 0; padding:0; display:inline-block; vertical-align: top; /display:inline; /zoom:1; letter-spacing:normal; border: #000 solid 3px; background: #FFF; text-align: left;}
#Page_Products #tokutenList li div{font-size: 11px; font-size: 1.1rem; line-height: 1.2; padding: 3px 3px; border-bottom: #000 dotted 1px;}
#Page_Products #tokutenList li .thumb{  text-align: center; }
#Page_Products #tokutenList li .tenpo{ padding-left: 25px; background:url(../images/products/tokuten_tenpo.png) no-repeat 3px center;}
#Page_Products #tokutenList li .jyouken{ padding-left: 25px; background:url(../images/products/tokuten_jyouken.png) no-repeat 3px center;}
#Page_Products #tokutenList li .jiki{ padding-left: 25px; background:url(../images/products/tokuten_jiki.png) no-repeat 3px center; }
#Page_Products #tokutenList li .naiyou{ padding-left: 25px; background:url(../images/products/tokuten_naiyou.png) no-repeat 3px center; color:#D30832; border-bottom: #FFF none 1px; }



/* Mediaqueries */
/* PC(768~1200px) ============================================================= */
@media screen and (max-width: 1200px) {

}
/* Tablet(Landscape) =================================================================== */
@media screen and (max-width: 768px) {

}
/* Smartphone(Landscape) ============================================================== */
@media screen and (max-width: 640px) {
header{ padding: 2% 0;}
#Mainvisual{ width: 90%; margin: 0 auto; }
aside{ width: 90%; float: none; margin: 0 auto; }
aside #Logo{ width: 75%; margin-left: 25%; }
aside #Onair{ width: 75%; margin: 0 auto; }
article{ width: 96.4%; padding: 0; float: none; margin: 0 1.8%; }
aside #Banner{ display:none; }
}
/* Smartphone(Portrait) =============================================================== */
@media screen and (max-width: 320px) {

}