@charset "UTF-8";

/* common
-------------------------------------------------------------------- */
body {
	background:#f5f9f2;
	color: #333;
	letter-spacing: 0.1em;
	line-height: 1.3;
    position: relative;
}

/* container
-------------------------------------------------------------------- */
#container {
	background: #fff;
	box-shadow:rgba(51, 51, 51, 0.3) 0px 0px 13px 0px;
	-webkit-box-shadow:rgba(51, 51, 51, 0.3) 0px 0px 13px 0px;
	-moz-box-shadow:rgba(51, 51, 51, 0.3) 0px 0px 13px 0px;
	width: 1050px;
	margin: 0 auto;
	padding-bottom: 40px;
	overflow: hidden;
}

#container a {
	color: #3f70a8;
}

#container a:hover {
	filter: alpha(opacity=50);
	-moz-opacity: 0.50;
	opacity: 0.50;
}


#programNaviMenu a:hover,
#programNavi ul li a:hover,
a.frame:hover,
#toggle a:hover {
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}


#container img {
	-ms-interpolation-mode: bicubic;
}

#container p {
	margin-bottom: 1.2em;
}

#container p:last-child {
	margin-bottom: 0;
}

#container dt,
#container dd,
#container li {
    letter-spacing: 0.1em;
}

#container .comment {
    color: #ff003f;
}

#container strong {
	font-weight: bold;
}

#container .new:after {
	background: #ff003f;
	content: " NEW！";
	color: #fff;
	font-weight: bold;
	padding: 2px 5px;
}


/* intro
-------------------------------------------------------------------- */
#intro {
	display: none;
}


/* title
-------------------------------------------------------------------- */
#title ul {
	background: #fc48b6;
	height: 50px;
	width: 1050px;
	overflow: hidden;
	text-align: left;
}

#title li {
	float: left;
}

#title .tw {
	margin-left: 20px;
}

#title .data {
	background-color: rgba(255,255,255,0.4);
	font-size: 11px;
	line-height: 30px;
	margin: 10px;
	text-align: center;
	width: 202px;
}

#title h1 {
	margin: 20px auto;
	line-height: 0;
	width: 1000px;
}


/* main
-------------------------------------------------------------------- */
#main {
	padding: 0 25px;
}

#main section,
#main nav {
	margin-bottom: 30px;
}

#main h2 {
	background: url(../imgs/bg_h2.png) 0 top no-repeat;
	color: #00b22a;
	font-size: 30px;
	font-family: 'A-OTF 新ゴ Pro',A-OTF Shin Go Pro,'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	font-weight: 400;
    line-height: 1.2em;
	padding: 5px 0 15px 50px;
}


/* lead
-------------------------------------------------------------------- */
#lead {
	overflow: hidden;
}

.leadWrap {
	float: left;
	width: 630px;
}

.leadWrap .text {
	background: #f5f9f2;
	border: 3px solid #fff;
	outline: 1px solid #00b22a;
    margin: 0 1px 1px 1px;
	padding: 20px;
	min-height: 300px;
	line-height: 22px;
}

.leadWrap .text strong {
	font-size: 16px;
	
	color: #00b22a;
}

.leadWrap a img {
	margin: 10px 0;
}

.twitterTL {
	float: left;
	width: 348px;
	border: 1px solid #00b22a;
	margin-left: 20px;
}

#container .leadWrap .btn_list a {
	background: #0fae1c;
	color: #fff;
	border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
	box-shadow:5px 5px 10px rgba(0, 0, 0, 0.2);
	display: block;
	font-size: 20px;
	font-weight: 700;
	line-height: 30px;
	margin: 10px 0;
	text-decoration: none;
	text-align: center;
	width: 500px;
}


/* news
-------------------------------------------------------------------- */
.newsWrap {
	background: #fff;
	border: 1px solid #00b22a;
	padding: 20px;
	max-height: 220px;
	overflow: auto;
}

.newsWrap ul {
	width: 100%;
}

.newsWrap li {
	border-bottom: 1px #ccc dotted;
	padding-bottom: 2px;
	margin-bottom: 5px;
	overflow: hidden;
}

.newsWrap li p {
	float: left;
}

.newsWrap li p:first-child {
	background: #fc48b6;
	color: #fff;
	font-size: 12px;
	padding: 2px 10px;
	margin: 0 10px 5px 0;
	width: 80px;
	clear: both;
}

.newsWrap li p:last-child {
	font-size: 14px;
	padding-top: 5px;
}



/* ticket
-------------------------------------------------------------------- */
#ticket {
	overflow: hidden;
}


.ticketWrap {
	float: left;
	width: 1000px;
}
/*
.ticketWrap {
	background: #dff1ff;
	border: 3px solid #fff;
    outline: 1px solid #2896eb;
	padding: 20px;
}

.ticketWrap h3 {
	background: #fc48b6;
	color: #ffffff;
	font-size: 24px;
	font-weight: 400;
    line-height: 1.2em;
	margin-bottom: 20px;
	padding: 10px;
}
*/


.ticketWrap .text {
	background: #ffffff;
	border: 3px solid #fff;
	outline: 1px solid #00b22a;
    margin: 0 1px 1px 1px;
	padding: 20px;
	min-height: 300px;
	line-height: 22px;
}

.ticketWrap .text strong {
	font-size: 16px;
	color: #fc5f11;
}

.ticketWrap a img {
	margin: 10px 0;
}


#container .ticketWrap .btn_list a {
	background: #0fae1c;
	color: #fff;
	border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
	box-shadow:5px 5px 10px rgba(0, 0, 0, 0.2);
	display: block;
	font-size: 20px;
	font-weight: 700;
	line-height: 30px;
	margin: 10px 0;
	text-decoration: none;
	text-align: center;
	width: 500px;
}




/* cast
-------------------------------------------------------------------- */
#cast .castWrap li > ul {
	float: left;
	padding: 20px 20px 0 40px;
	overflow: hidden;
	width: 1000px;
}

#cast .castWrap li.c_2 > ul {
	width: 1000px;
}

#cast .castWrap li > ul li {
	display: inline-block;
	margin-bottom: 20px;
	padding: 0 5px;
	text-align: center;
	width: 210px;
}

#cast .castWrap li > ul li img {
	width: 150px;
	height: 197px;
}



#cast .castWrap li > ul li p {
	margin: 5px 0 0;
}

.castWrap {
	font-size: 16px;
}

.castWrap > li {
	margin-bottom: 10px;
	overflow: hidden;
}

.castWrap > li > p {
	float: left;
	width: 50px;
	color: #fff;
	font-weight: 700;
	text-align: center;
	margin: 0 -50px -32768px 0;
	padding: 20px 0 32768px;
}




.castWrap dl {
	float: left;
	margin-left: 50px;
	padding: 20px;
	overflow: hidden;
}

.castWrap dt {
	font-weight: 700;
}

.castWrap dd {
	font-weight: 400;
	margin-bottom: 20px;
}

.castWrap li dd:last-child {
	margin-bottom: 0;
}

.c_1 {
	background: #ffffff;
	border: 1px solid #00b22a;
}

.c_2{
	background: #ffe9f2;
}

.castWrap li.c_1 > p {
	background: #0cc61d;
}

.castWrap li.c_2 > p{
	background: #c40d56;
}

.castWrap li.c_1 dt {
	color: #0c9217;
}

.castWrap li.c_2 dt{
	color: #c40d56;
}


.otherGoods {
    border: 2px solid #6900AF;
    margin: 30px;
    padding: 15px;
    font-size: 22px;
    color: #6900AF;
    font-weight: bold;
    text-align: center;
}


/* cast2
-------------------------------------------------------------------- */
#cast2 .castWrap li > ul {
	float: left;
	padding: 20px 20px 0 15px;
	overflow: hidden;
	width: 1000px;
}

#cast2 .castWrap li.c_2 > ul {
	width: 1000px;
}

#cast2 .castWrap li > ul li {
	display: inline-block;
	margin-bottom: 20px;
	padding: 0 5px;
	text-align: center;
	width: 180px;
}

#cast2 .castWrap li > ul li img {
	width: 150px;
	height: 197px;
}



#cast2 .castWrap li > ul li p {
	margin: 5px 0 0;
}

.castWrap {
	font-size: 16px;
}

.castWrap > li {
	margin-bottom: 10px;
	overflow: hidden;
}

.castWrap > li > p {
	float: left;
	width: 50px;
	color: #fff;
	font-weight: 700;
	text-align: center;
	margin: 0 -50px -32768px 0;
	padding: 20px 0 32768px;
}




.castWrap dl {
	float: left;
	margin-left: 50px;
	padding: 20px;
	overflow: hidden;
}

.castWrap dt {
	font-weight: 700;
}

.castWrap dd {
	font-weight: 400;
	margin-bottom: 20px;
}

.castWrap li dd:last-child {
	margin-bottom: 0;
}

.c_1 {
	background: #ffffff;
	border: 1px solid #00b22a;
}

.c_2{
	background: #ffe9f2;
}

.castWrap li.c_1 > p {
	background: #0cc61d;
}

.castWrap li.c_2 > p{
	background: #c40d56;
}

.castWrap li.c_1 dt {
	color: #0c9217;
}

.castWrap li.c_2 dt{
	color: #c40d56;
}


.otherGoods {
    border: 2px solid #6900AF;
    margin: 30px;
    padding: 15px;
    font-size: 22px;
    color: #6900AF;
    font-weight: bold;
    text-align: center;
}



/*----------------------------------------- 新番組情報 */
#bodyInfo .newProgramWrap{
	min-height:170px;
	margin-bottom: 40px;
	overflow: hidden;
}

#bodyInfo .newProgramWrap figure {
	font-size:10px;
	float: left;
	width: 240px;
}

#bodyInfo .newProgramWrap figure img + img {
	margin-top: 10px;
}

#bodyInfo .newProgramWrap figcaption {
	font-size: 10px;
	margin-top: 10px;
    width: 200px;
}

#bodyInfo .newProgram h3{
	font-size: 20px;
	font-weight: normal;
	margin-bottom: 15px;
    line-height: 22px;
    overflow: hidden;
}

#bodyInfo .newProgramTitle{
	display: block;
	float: left;
    margin-right: 10px;
}

#bodyInfo .newProgramLink{
	background:url(../img/btn_detail.png) no-repeat left top;
	display:block;
	width:94px;
	height:21px;
	overflow:hidden;
	margin-left:14px;
	margin-top:4px;
	text-indent:-9998px;
}

#bodyInfo .newProgramLink:hover {
	background-position:left bottom;
}

#bodyInfo .newProgramSub{
	font-size:12px;
	color:#00bf11;
	display:block;
	margin: 2px 0 10px;
}

#bodyInfo .newProgramWrap div.newProgramText{
	padding-left: 240px;
}

#bodyInfo .newProgramWrap .newProgramDetail{
	margin-bottom:15px;
}

#bodyInfo .newProgramWrap h4{
	font-size:18px;
	color:#00bf11;
	margin-top:2px;
	font-weight:normal;
	margin-bottom:2px;
}




/* timetable
-------------------------------------------------------------------- */
#timetable {
	overflow: hidden;
}


.timetableWrap {
	float: left;
	width: 1000px;
	background: #ffffff;
	border: 3px solid #fff;
	outline: 1px solid #00b22a;
    margin: 0 1px 1px 1px;
	padding: 20px;
	min-height: 300px;
	line-height: 22px;
}




.timetableWrap .text {
	background: #ffffff;
	border: 3px solid #fff;
	outline: 1px solid #00b22a;
    margin: 0 1px 1px 1px;
	padding: 20px;
	min-height: 300px;
	line-height: 22px;
}

.timetableWrap .text strong {
	font-size: 16px;
	color: #fc5f11;
}

.timetableWrap a img {
	margin: 10px 0;
}
.24jikan{
}
.prigram{
	width:480px;
	
	float:left;
	margin-bottom:20px;
}
h1{
	font-weight:bold;
}
.picture{
	width:175px;
	height: 98px;
	border:1px solid #000000;
	float:left;
}
.prigram_text{
	width:250px;
	float:left;
	font-size: 12px;
	margin-left:5px;
}
.prigram2{
	width:700px;
	margin-bottom:20px;
}
.prigram_text2{
	width:500px;
	float:left;
	margin-left:5px;
}
.time{
	width:40px;
	float:left;
	padding:5px 0;
}
.programlist{
	width:600px;
	padding:5px 0;
}
.time2{
	width:40px;
	float:left;
	background-color:#f3fff4;
	padding:5px 0;
}
.programlist2{
	width:600px;
	background-color:#f3fff4;
	padding:5px 0;
}
.five_comment{
	width:750px;
	height:850px;
	position:static;
	overflow:hidden;
}
.five_comment li{
	float:left;
	width:140px;
	height:200px;
	margin:5px;
}

.box23 {
	width: 350px;
    position: relative;
    margin: 1em 0 1em 40px;
    padding: 15px 23px;
    background: #ff5291;
    border-radius: 40px;
	color: #FFFFFF;
	text-decoration-color: #FFFFFF;
	font-size: 20px;	
}


.box23 p {
    margin: 0; 
    padding: 0;
}



#container .timetableWrap .btn_list a {
	background: #0fae1c;
	color: #fff;
	border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
	box-shadow:5px 5px 10px rgba(0, 0, 0, 0.2);
	display: block;
	font-size: 20px;
	font-weight: 700;
	line-height: 30px;
	margin: 10px 0;
	text-decoration: none;
	text-align: center;
	width: 500px;
}








/* Title List
-------------------------------------------------------------------- */
#titleWrap ul {
	margin: -3px -6px;
	overflow: hidden;
}

#titleWrap li {
	display: block;
	float: left;
	width: 240px;
	margin: 3px 6px;
}

a#yuyuyuNav{background: url(../imgs/navi_yuyuyu.jpg) left top no-repeat;}
a#fate-apocryphaNav{background: url(../imgs/navi_fate-apocrypha.jpg) left top no-repeat;}
a#guruguruNav{background: url(../imgs/navi_guruguru.jpg) left top no-repeat;}
a#kekkaiNav{background: url(../imgs/navi_kekkai.jpg) left top no-repeat;}
a#you-zitsuNav{background: url(../imgs/navi_you-zitsu.jpg) left top no-repeat;}
a#wugNav{background: url(../imgs/navi_wug.jpg) left top no-repeat;}
a#homeNav{background: url(../imgs/navi_home.jpg) left top no-repeat;}
a#otomainNav{background: url(../imgs/navi_otomain.jpg) left top no-repeat;}
a#haruguraNav{background: url(../imgs/navi_harugura.jpg) left top no-repeat;}
a#hanajikoNav{background: url(../imgs/navi_hanajiko.jpg) left top no-repeat;}
a#irodoriNav{background: url(../imgs/navi_irodori.jpg) left top no-repeat;}
a#unicornNav{background: url(../imgs/navi_unicorn.jpg) left top no-repeat;}
a#tetsuradiNav{background: url(../imgs/navi_tetsuradi.jpg) left top no-repeat;}
a#eromanga-senseiNav{background: url(../imgs/navi_eromanga-sensei.jpg) left top no-repeat;}
a#saekanoNav{background: url(../imgs/navi_saekano.jpg) left top no-repeat;}

a#mogucomiNav{background: url(../imgs/navi_mogucomi.jpg) left top no-repeat;}
a#whoNav{background: url(../imgs/navi_who.jpg) left top no-repeat;}
a#matsuiNav{background: url(../imgs/navi_matsui.jpg) left top no-repeat;}
a#toshitaiNav{background: url(../imgs/navi_toshitai.jpg) left top no-repeat;}
a#moaNav{background: url(../imgs/navi_moa.jpg) left top no-repeat;}
a#fukuNav{background: url(../imgs/navi_fuku.jpg) left top no-repeat;}

a#etcNav{background: url(../imgs/navi_etc.jpg) left top no-repeat;}

a#overlordNav{background: url(../imgs/navi_overlord.jpg) left top no-repeat;}
a#akabeeNav{background: url(../imgs/navi_akabee.jpg) left top no-repeat;}
a#housekiNav{background: url(../imgs/navi_houseki.jpg) left top no-repeat;}
a#majimesugiruNav{background: url(../imgs/navi_majimesugiru.jpg) left top no-repeat;}
a#blend-sNav{background: url(../imgs/navi_blend-s.jpg) left top no-repeat;}
a#shinsoNav{background: url(../imgs/navi_shinso.jpg) left top no-repeat;}
a#gashitaiNav{background: url(../imgs/navi_gashitai.jpg) left top no-repeat;}
a#aswNav{background: url(../imgs/navi_asw.jpg) left top no-repeat;}
a#sabaradiNav{background: url(../imgs/navi_sabaradi.jpg) left top no-repeat;}
a#kumaidNav{background: url(../imgs/navi_kumaid.jpg) left top no-repeat;}
a#unicornNav{background: url(../imgs/navi_unicorn.jpg) left top no-repeat;}
a#compNav{background: url(../imgs/navi_comp.jpg) left top no-repeat;}
a#shinsoNav{background: url(../imgs/navi_shinso.jpg) left top no-repeat;}
a#reoppoiNav{background: url(../imgs/navi_reoppoi.jpg) left top no-repeat;}
a#anzuhanaNav{background: url(../imgs/navi_anzuhana.jpg) left top no-repeat;}
a#overlordNav{background: url(../imgs/navi_overlord.jpg) left top no-repeat;}

#titleWrap li a {
	display: block;
	padding-top: 80px;
	height: 0;
	width: 240px;
	overflow: hidden;
}

#titleWrap li:hover {
	background: #5D457C;
}

#toggle{
	display: none;
}


/* contentsWrap
-------------------------------------------------------------------- */
.contentsWrap {
	background: #dff1ff;
	border: 3px solid #fff;
    outline: 1px solid #2896eb;
	padding: 20px;
}

.contentsWrap h3 {
	background: #fc48b6;
	color: #ffffff;
	font-size: 24px;
	font-weight: 400;
    line-height: 1.2em;
	margin-bottom: 20px;
	padding: 10px;
}


.contentsWrap h4 {
	border-bottom: 2px solid #5D457C;
	color: #5D457C;
	font-size: 20px;
	margin-bottom: 20px;
	padding-bottom: 10px;
}

.contentsWrap img.bn {
	width: 370px;
}

.contentsWrap hr {
	background: #fff;
	border: 0;
	height: 2px;
	margin: 20px 0;
}

.innerWrap {
	background: #fff;
	border: 1px solid #fc48b6;
	padding: 15px;
	margin: 20px 0;
}

.contentsWrap .innerWrap h3 {
    font-size: 16px;
    font-weight: bold;
}

.innerWrap h3:before,
.innerWrap h3:after {
	content: "★";
}

.innerWrap strong {
	color: #333;
}

ul.attentionWrap {
	color: #ff003f;
	margin: 0 15px;
}

._1 {
	color: #029bb7 !important;
	font-weight: bold;
}

._2 {
	color: #5D457C !important;
	font-weight: bold;
}

._3 {
	color: #fc48b6 !important;
	font-weight: bold;
}


/* spcd
-------------------------------------------------------------------- */
#spcd .contentsWrap p {
	font-size: 16px;
}

#theme {
	border: 2px solid #fc48b6;
	margin-bottom: 20px;
}

#theme dt {
	background: #fff;
	border-bottom: 2px solid #fc48b6;
	font-weight: bold;
	padding: 5px 20px;
	color: #fc48b6;
}

#theme dt:after {
	content: "▶▶"
}

#theme dd {
	background: #fff;
	font-size: 24px;
	font-weight: bold;
	padding: 15px 5px;
}

.figure {
	float: left;
	text-align: center;
}

#spcd .contentsWrap .figure p {
	font-size: 12px;
	margin-top: 10px;
}

.themeText {
	margin-left: 350px;
}

.about {
	padding: 15px 20px;
	margin-bottom: 20px;
 	border: solid 2px #5D457C;
}

.about h4 {
	border-bottom: 2px dotted #5D457C;
	color: #5D457C;
	display: block;
	font-size: 20px;
	font-weight: bold;
	padding-bottom: 10px;
}

.about h4:before {
	content: "▼";
}

#actorList {
	text-align: left;
	margin-bottom: 10px;
}

#actorList dt {
	font-weight: bold;
	font-size: 24px;
	color: #fc5f11;
	margin: 30px 0 10px;
}

#actorList dt:before  {
	content: "＜";
	color: #fc5f11;
	margin-right: 10px;
}

#actorList dt:after  {
	content: "＞";
	color: #fc5f11;
	margin-left: 10px;
}

#actorList dd {
	display: table;
}

#actorList table {
	display: table-cell;
	vertical-align: top;
}

#actorList table + table {
	padding-left: 10px;
}

#actorList th,
#actorList td {
	background: #fff;
	border: #fc5f11 solid 1px;
	font-size: 14px;
	font-weight: normal;
	vertical-align: middle;
	padding: 2px 5px;
}

#actorList th {
	width:450px;
	
}

#actorList td {
	text-align: left;
	width:450px;
	
}

#spcd .contentsWrap #actorList + p {
	font-size: 12px;
	text-align: right;
}

#actorList table span,
#actorList + p span {
	color: #fc5f11;
}

/* webshop
-------------------------------------------------------------------- */
#webshop {
	margin-top: 70px;
}
#webshop strong {
	color: #fc48b6;
}


/* event
-------------------------------------------------------------------- */
.eventTitle {
	color: #fc48b6;
	font-size: 20px;
	font-weight: bold;
}


/* Goods List
-------------------------------------------------------------------- */
#goodsList h3 {
	background: url(../imgs/bg_h3.png) no-repeat #329ced;
	box-shadow: 0 0 0 5px #329ced inset;
	color: #fff;
	font-size: 30px;
	font-weight: 400;
	line-height: 30px;
  min-height: 35px;
  margin-bottom: 15px;
  padding: 15px 5px 10px 60px;*/
}

#goodsList h3#home{background-position: 5px 5px;}
#goodsList h3#otomain {background-position: 5px -45px;}
#goodsList h3#akabee {background-position: 5px -95px;}
#goodsList h3#sabaradi {background-position: 5px -145px;}
#goodsList h3#asw {background-position: 5px -195px;}
#goodsList h3#gashitai {background-position: 5px -245px;}
#goodsList h3#kumaid {background-position: 5px -295px;}
#goodsList h3#yuyuyu {background-position: 5px -345px;}
#goodsList h3#blend-s {background-position: 5px -395px;}
#goodsList h3#wug {background-position: 5px -445px;}
#goodsList h3#majimesugiru {background-position: 5px -495px;}
#goodsList h3#fate-apocrypha {background-position: 5px -545px;}
#goodsList h3#mogucomi {background-position: 5px -595px;}
#goodsList h3#who {background-position: 5px -645px;}
#goodsList h3#fuku {background-position: 5px -695px;}
#goodsList h3#unicorn {background-position: 5px -745px;}
#goodsList h3#moa {background-position: 5px -795px;}
#goodsList h3#reoppoi {background-position: 5px -845px;}
#goodsList h3#anzuhana {background-position: 5px -895px;}
#goodsList h3#comp {background-position: 5px -945px;}
#goodsList h3#etc {background-position: 5px -995px;}
#goodsList h3#shinso {background-position: 5px -1045px;}
#goodsList h3#overlord {background-position: 5px -1095px;}


#goodsList section {
	background: #f3fce8;
	padding: 10px 10px 0px 10px ;

}

#goodsList section ul {
	margin: 0px 0px 10px 0px;
	overflow: hidden;
}

#goodsList section ul li {
	background: #fff;
	border: 1px solid #9b9da0;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	float: left;
	margin: 10px ;
}

#goodsList h4 {
	border-bottom: 1px solid #9b9da0;
	font-size: 16px;
	font-weight: bold;
    padding: 15px;
	color: #48ce50;
}

.box {
	padding: 15px;
	overflow: hidden;
}

.photo img {
	height: auto;
	width: 100%;
}

.photo img + img {
	margin-top: 10px;
}

.text .movie {
	margin-bottom: 15px;
	position: relative;
	padding-bottom: 56.25%;/* 16:9 */
	padding-top: 30px;
	height: 0;
	overflow: hidden;
    z-index: 1;
}

.text .movie iframe,
.text .movie object,
.text .movie embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


/* グッズL
-------------------------------------------------------------------- */
.goods_l {
	clear: both;
}

.goods_l .photo {
	float: left;
	width: 400px;
	text-align: center;
}

.goods_l .text {
	margin-left: 420px;
	width: 500px;
}


/* グッズS
-------------------------------------------------------------------- */
.goods_s {
	width: 470px;

	
}

.goods_s .photo {
	float: left;
	width: 200px;
	margin-right: -220px;
	text-align: center;
}

.goods_s .text {
	margin-left: 220px;
}


/* Goods Icon
-------------------------------------------------------------------- */
#goodsList section .icon {
	margin-bottom: 15px;
}

#goodsList section .icon li {
	border: 0;
	background: url(../imgs/icon_goods.png) 0 bottom no-repeat;
	background-size: 100%;
	float: left;
    margin: 10px 5px 10px ;
	padding-top: 72px;
	height: 0;
	width: 72px;
	overflow: hidden;
}

#goodsList section .icon li.presale {
	background-position: 0 0;
}

#goodsList section .icon li.favor {
	background-position: 0 -73px;
}

#goodsList section .icon li.newitem {
	background-position: 0 -146px;
}

#goodsList section .icon li.limited {
	background-position: 0 -219px;
}

#goodsList section .btnArea {
	width: 205px;
	margin: 15px -3px 0 -2px;
}

#goodsList section .goods_l .btnArea {
	margin: 15px auto;
}

#goodsList section .btnArea li {
	border: 0;
	margin-bottom: 5px;
	margin: 0 -3px 0 -2px;
}

.itemDetails a {
	background: url(../imgs/btn_item_details.png) left top no-repeat;
    background-size: 100%;
	display: block;
	padding-top: 51px;
	height: 0;
	width: 205px;
	overflow: hidden;
}

.itemDetails a:hover {
	background-position: left bottom;
}

.itemTw a {
	background: url(../imgs/btn_item_tw.png) left top no-repeat;
    background-size: 100%;
	display: block;
	padding-top: 35px;
	height: 0;
	width: 205px;
	overflow: hidden;
}

.shop {
	padding: 0 15px 10px;
	overflow: hidden;
}

.goods_l .shop {
	margin: 0 -15px -15px 0;
	overflow: hidden;
}

.shop dt {
	background: #12bb3a;
	margin: 10px 0;
	padding: 2px 0;
	font-size: 12px;
	color: #fff;
	text-align: center;
}

.shop dt:before {
	content: "▼ "
}

.shop dt:after {
	content: " ▼"
}

.shop dd {
	width: 50%;
	float: left;
	font-size: 11px;
	text-align: center;
}

#container .shop dd p {
	margin-bottom: 10px;
}

.shop span {
	background: #f00;
	color: #fff;
	padding: 2px 4px;
}

#container .shop a {
	text-decoration: none;
}

#container .shop .otomart,
#container .shop .otoizumi {
	width: 200px;
	height: 50px;
	margin: 0 auto 10px;
}

#container .shop .otomart a {
	background: url(../imgs/bn_otomart.jpg) no-repeat left top;
    display: block;
    padding-top: 50px;
    height: 0;
    width: 200px;
    overflow: hidden;
}

#container .shop .otoizumi a,
#container .shop .otomart.under,
#container .shop .otomart.no,
#container .shop .otoizumi.under,
#container .shop .otoizumi.no {
	background: url(../imgs/btn_shop.jpg) no-repeat right top;
    display: block;
    padding: 50px 0 0;
    height: 0;
    width: 200px;
    overflow: hidden;
}

#container .shop .otomart.under {background-position: left -50px;}
#container .shop .otoizumi.under {background-position: right -50px;}
#container .shop .otomart.no {background-position: left -100px;}
#container .shop .otoizumi.no {background-position: right -100px;}

.movie {
	margin: 0 20px 20px;
}

#goodsList > p {
	border: 2px solid #5D457C;
	margin: 30px;
	padding: 15px;
	font-size: 24px;
	color: #5D457C;
	font-weight: bold;
	text-align: center;
}


/* attention
-------------------------------------------------------------------- */
#attention {
	border: 2px solid #f00;
	padding: 20px;
}

#attention h2 {
	background: none;
	color: #ff003f;
	margin-bottom: 20px;
	padding: 0;
}

#attention .attentionWrap ul {
	color: #f00;
	margin: 0 15px;
	font-size: 16px;
}


/* footer
-------------------------------------------------------------------- */
footer {
	margin: 0 25px;
}


/* form
-------------------------------------------------------------------- */
footer form {
	margin-bottom: 30px;
}

footer select{
    height: 45px;
    font-size: 100%;
    padding: 12px 50px 12px 12px;
    border: 1px solid #B3B3B3;
    border-radius: 4px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    text-indent: .01px;
    text-overflow: "";
    background: #FFF url(../imgs/btn_select_arrow.png) no-repeat right;
}


/* Copyright
-------------------------------------------------------------------- */
.copyright {
	margin-bottom: 30px;
	overflow: hidden;
}

.copyright li {
	font-size: 11px;
	float: left;
	margin-left: 10px;
}


/* ProgramNaviMenu
-------------------------------------------------------------------- */
#programNavi {
	position: fixed;
	right: -190px;
	top: 120px;
}

#programNavi ul {
	position: relative;
}

#programNavi ul li a {
	width: 150px;
	padding: 15px 25px 10px 15px;
	line-height: 1.2em;
	display: block;
	border-bottom: 1px solid #ffffff;
	background: url(../imgs/btn_menu_icon.png) no-repeat 165px 12px #eb5b2e;
	color: #ffffff;
	text-decoration: none;
}

#programNavi ul li a:hover{
	background-color: #ffb59e;
	color: #bc380f;
}

#programNavi ul li:last-child{
	border-bottom: none;
}

#programNaviMenu{
	position: absolute;
	left: -43px;
	top: 0;
	width: 43px;
}

#programNaviMenu a {
	width: 43px;
	height: 41px;
	text-indent: -9998px;
	display: block;
	background: url(../imgs/btn_menu.png) no-repeat 4px 3px #bc380f;
	overflow: hidden;
}

#programNaviMenu a:hover,
#programNaviMenu a.selected {
	background-position: 4px -33px;

}

#programNaviMenu a.selected img{
	margin-top: 0px;
}


/* aside
-------------------------------------------------------------------- */
#enquete {
	position: fixed;
	left: 0;
	top: 80px;
}

#enquete.open {
	position: absolute;
}

.ajax-poll {
	width: 330px;
	padding: 0 10px;
	background: #fff;
	border: solid 2px #fc48b6;
}

#btn {
	position: absolute;
	right: -60px;
	top: 0;
	width: 60px;
	height: 58px;
	background: #fc48b6;
	cursor: pointer;
    border-radius: 0 10px 10px 0;
    -webkit-border-radius: 0 10px 10px 0;
    -moz-border-radius: 0 10px 10px 0;
	text-indent: -9998px;
	background: url(../imgs/btn_q.png) no-repeat 5px -46px #fc48b6;
	overflow: hidden;
}

#enquete.open #btn {
	background: url(../imgs/btn_q.png) no-repeat 5px 5px #fc48b6;
}

#btnSP a {
	display: none;
}