@charset "utf-8";

/* -----------------------------------------------------------
#status
----------------------------------------------------------- */

#status { background:url(../img/common/bg_status.gif) no-repeat top center #1e1e1e; padding:0 0 0.1%; }
#status img { width:100%; }

.inner {
	position:relative;
	max-width:1060px;
	margin:0 auto;
	text-align:center;
}
p.timeline { position:absolute; }

p.number { position:absolute; margin-top:1%; font-size:24px; line-height:110%; font-weight:bold; font-family:corporate;/**/ text-align:left; top:0; z-index:10; color:#fff; width:23%; background:url(../img/common/img_number.png) no-repeat top left; background-size:40% auto; padding:1% 0 0; }
p.number span { color:#deac3b; font-size:55px; line-height:110%; }

p.girl { width:7.5%; position:relative; top:7%!important; overflow:hidden; }

/* round03 */
.round03 p.number { left:40%; }
.round03 p.girl { left:30%; }

/* quarterfinal */
.quarterfinal p.number { left:55%; }
.quarterfinal p.girl { left:45%; }

/* semifinal  */
.semifinal  p.number { left:68%; }
.semifinal  p.girl { left:58%; }

/* final  */
.final  p.number { left:65%; }
.final  p.girl { left:83%; }

p.girl img { width:100%; }


/* -----------------------------------------------------------
VIDEO
----------------------------------------------------------- */

video { width:100%!important; margin:0 auto; position:relative!important; left:0!important; top:0; }


/* -----------------------------------------------------------
#header
----------------------------------------------------------- */
#header {
	width:100%;
	/*position:absolute;
	top:0;
	z-index:10; */
	background:#000;
	/*background:url(../img/common/bg_nav.png) repeat-x 0 0;
	background-size:10% auto;*/
	padding:1.3% 0 0.3%;
}

#header .inner:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
#header .inner { min-height:1px; clear:both; }
* html #header .inner { height: 1px; /*\*//*/ height: auto; overflow: hidden; /**/ }

#header .inner {
	max-width:1000px;
	margin:0 auto;
	padding:0 2.0%;
}

#header .logo {
	max-width:1000px;
	padding:0 2%;
	margin:0 auto;
	position:relative;
}
#header h1{
    z-index: 10;
    position: absolute;
    top: -4px;
    float: none;
    max-width: 237px;
    width: 23%;
}
#header h1 img { width:67%; }

#header a:link {
	color: #000000;
}

#header a:visited {
	color: #800096;
}

#header a:hover {
	color: #cc0000;
	text-decoration: underline;
}

body.top #header h1 img,body.final #header h1 img { width:100%; }
body.top #header h1,body.final #header h1{left:9px;}

/* #utilityNav
----------------------------------------------------------- */
#header #utilityNav {
	width:696px; width:69.6%; width:73%;
	float:right;
	margin:0 0 0 0;
}

#header #utilityNav li{
	float:left;
}



/* #gNav
----------------------------------------------------------- */
#header #gnav {
	float:left;
	/*width:610px;*/
	width:87.64%; width:88.21%;
	margin-right:2%;
}
#header #gnav li{
	float:left;
	margin-right:3.1%;
	background-size:100% auto;
	text-indent:-9999px;
	cursor:pointer;
	/*padding-bottom:2%;*/
}
#header #gnav li.nav01 { width:10.86%; background:url(../img/common/img_nav01.png) no-repeat 0 0; background-size:100% auto; }
#header #gnav li.nav02 { width:13.97%; background:url(../img/common/img_nav02.png) no-repeat 0 0; background-size:100% auto; }
#header #gnav li.nav03 { width:13.97%; background:url(../img/common/img_nav03.png) no-repeat 0 0; background-size:100% auto; }
#header #gnav li.nav04 { width:16.30%; background:url(../img/common/img_nav04.png) no-repeat 0 0; background-size:100% auto; }
#header #gnav li.nav05 { width:14.59%; background:url(../img/common/img_nav05.png) no-repeat 0 0; background-size:100% auto; }
#header #gnav li.nav06 { width:14.59%; background:url(../img/common/img_nav06.png) no-repeat 0 0; background-size:100% auto; }

#header #gnav li.nav01:hover { width:10.86%; background:url(../img/common/img_nav01_on.png) no-repeat 0 0; background-size:100% auto; }
#header #gnav li.nav02:hover { width:13.97%; background:url(../img/common/img_nav02_on.png) no-repeat 0 0; background-size:100% auto; }
#header #gnav li.nav03:hover { width:13.97%; background:url(../img/common/img_nav03_on.png) no-repeat 0 0; background-size:100% auto; }
#header #gnav li.nav04:hover { width:16.30%; background:url(../img/common/img_nav04_on.png) no-repeat 0 0; background-size:100% auto; }
#header #gnav li.nav05:hover { width:14.59%; background:url(../img/common/img_nav05_on.png) no-repeat 0 0; background-size:100% auto; }
#header #gnav li.nav06:hover { width:14.59%; background:url(../img/common/img_nav06_on.png) no-repeat 0 0; background-size:100% auto; }

body.news #header #gnav li.nav01 { width:10.86%; background:url(../img/common/img_nav01_active.png) no-repeat 0 0; background-size:100% auto; }
body.schedule #header #gnav li.nav02 { width:13.97%; background:url(../img/common/img_nav02_active.png) no-repeat 0 0; background-size:100% auto; }
body.combi #header #gnav li.nav03 { width:13.97%; background:url(../img/common/img_nav03_active.png) no-repeat 0 0; background-size:100% auto; }
body.entry #header #gnav li.nav04 { width:16.30%; background:url(../img/common/img_nav04_active.png) no-repeat 0 0; background-size:100% auto; }
body.history #header #gnav li.nav05 { width:14.59%; background:url(../img/common/img_nav05_active.png) no-repeat 0 0; background-size:100% auto; }


#header #gnav li.nav06 { margin:0; }
#header #gnav li img { width:100%; }

#header #gnav li a {
    display:block;
    line-height: 2.9;
}




/* #sns
----------------------------------------------------------- */
#header #sns {
	width:98px; width:8.85%;
	float:left;
	margin-top:-0.5%;
}
#header #sns li {
	float:left;
	width:45%;
}
#header #sns li {
	margin:0 0 0 10%;
}
#header #sns li img { width:100%; }
#header #sns li:first-child { margin:0; }


#main { width:100%; position:relative; overflow: hidden; }
#main img { width:100%; }


#content {
	width:72%; width:67.92%;
	float:left;
}
#content-bnr {
	margin-bottom:4%;
}
#content-bnr h3{
	
}

/* sponcer 4ver
#content-bnr ul {
	background:url(../img/common/bg_bnr_pt01.png) transparent repeat 0 0;
	padding:2.6% 0;
	margin-top:3px;
}
#content-bnr li {
	float:left;
	width:19%;
	margin-left:4.7%;
}
 */
#content-bnr ul {
	background:url(../img/common/bg_bnr_pt01.png) transparent repeat 0 0;
	padding:2.6% 0;
	margin-top:6px;
	text-align:center;
}
#content-bnr li {
	display:inline-block;
	width:21.6%;
	margin:0 1%;
}
#content-bnr li img {
	width:100%;
}

#spr-bnr {
	display:table;
	background:url(../img/common/bg_bnr_pt01.png) transparent repeat 0 0;
	padding:2% 2% 2% 5%;
	margin:0 0 4% 0;
}

#spr-bnr h3 {
	display:table-cell;
	width:20%;
	vertical-align:middle;
}

#spr-bnr h3 img {
	vertical-align:middle;
}

#spr-bnr ul {
	display:table-cell;
	width:80%;
	text-align:right;
	vertical-align:middle;
}

#spr-bnr ul li {
	display:inline-block;
	width:29%;
	margin-left:2%;
}

h2 img { width:100%; }

h2#news { margin-bottom:0%; }
h2#news img { width:17.5%; }


/* lower category */

#main {
    padding-top: 364px;
    position: relative;
}


#main img.ttlImg {
    position: absolute;
    top: 0;
    left: 50%;
    width:2000px;
    -ms-transform: translate(-50%, 0);
    -webkit-transform: translate3d(-50%,0,0);
    transform: translate(-50%, 0);
    max-width: none;
    z-index: 1;
}


#main .headerSns {
	position: absolute;
	background: url("../img/common/ttl_snsHeader_sp.png") left top no-repeat;
	background-size: 100% auto;
	bottom: 6%;
	left: 6%;
	width: 42%;
	z-index: 5;
	padding-top: 5%;
}

#main .headerSns li {
	display: inline-block;
	width: 30%;
	margin-left: 3%;
}

#main .headerSns li:first-child {
	margin-left: 0;
}


/* pankuzu */

#pankuzu {
	max-width:1000px;
	min-width:640px;
	margin:-3.5% auto 0%;
	text-ailgn:right;
	position:relative;
	z-index:10;
}
#pankuzu ol {
	float:right;
	padding:0 0.5% 0 0;
}
#pankuzu ol li {
	float:left;
	color:#000; 
	line-height:27px; 
	margin-left:-5px!important; 
}
#pankuzu li.first { background:url(../img/common/bg_pankuzu01.png) no-repeat 0 0; padding:0 15px; }
#pankuzu li.second { background:url(../img/common/bg_pankuzu02.png) no-repeat 0 0; padding:0 15px 0 20px; }
#pankuzu li.last { background:url(../img/common/bg_pankuzu03.png) no-repeat 0 0; padding:0 15px 0 20px; }



/* SIDE ---------------------------------------------------- */

#side {
	position:relative;
	width:26%; width:24.52%;
	float:right;
	font-size:16px;
	margin-right:3%;
	z-index:1;
	padding-bottom:5%;
	/*line-height:21.6px;
	overflow:hidden;*/
}

#side .schedule_btn{
	width: 100%;
	margin-bottom: 2%;
	overflow:hidden;
}
#side .schedule_btn:before{
	content:"";
	display:block;
	width:99.5%;
	width: calc(100% - 3px);
	margin: 0 0 3px 1px;
	height:4px;
	box-sizing:border-box;
	background:#e0b037;
}
#side .schedule_btn ul:after{
	content:"";
	display:block;
	clear:both;
}
#side .schedule_btn div{
	display:table;
	width: 100%;
}
#side .schedule_btn div p{
	display:table-cell;
	vertical-align:top;
}
#side .schedule_btn div p:nth-of-type(1),
#side .schedule_btn div p:nth-of-type(2),
#side .schedule_btn div p:nth-of-type(3){
	width: 33.33333%;
	width: calc(100% / 3);
}
#side .schedule_btn div p:nth-of-type(4),
#side .schedule_btn div p:nth-of-type(5),
#side .schedule_btn div p:nth-of-type(6),
#side .schedule_btn div p:nth-of-type(7){
	width: 50%;
	width: calc(100% / 2);
}
#side .schedule_btn div p a{
	display:block;
	margin: 0 1px 2px 1px;
	border: 1px solid #4d4d4d;
	background:#e0b037;
}
#side .schedule_btn div p a:hover{
	background:#c5790c;
}

#side .sideBox {
	margin:0 0.3% 5% 0.4%;
	border-top:4px solid #e0b037;
	background:url(../img/common/bg_schedule.png) repeat 0 0;
	background-size:1.7% auto;
	/* overflow:hidden; */
}

#side .sideBox .bx-viewport ul#schedule {
	position:relative!important;
	-webkit-transform: translate(0,0)!important; 
}

#side .sideBox .bx-viewport li {
	border-bottom:1px solid #dcdcdc;
	background:url(../img/common/btn_arrow2.png) no-repeat 95% center;
	background-size:4% auto;
	padding:2% 0 3%!important; padding:1% 0 2%!important;
	font-size:12px;
	line-height:16px;
}

#side .sideBox .bx-viewport li:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
#side .sideBox .bx-viewport li{ min-height:1px; clear:both; }

#side .sideBox .bx-viewport li.round02 span {
	width:22.3%!important; float:left; margin-left:4%;
}
#side .sideBox .bx-viewport li.round02 span img {
	width:100%!important; margin-top:5%!important;
}
#side .sideBox .bx-viewport li.round02 p {
	width:58%; float:left; vertical-align:middle; text-align:left; margin-left:5%; margin-top:1.8%;
}
#side .sideBox .bx-viewport li:last-child {
	border-bottom:none;
}
#side .sideBox .bx-viewport li a {
	color:#333!important; -webkit-font-smoothing: subpixel?antialiased; text-rendering: optimizeLegibility;
}
a#sideBox_schedule_up img  { padding:2% 0; border-bottom:1px solid #dcdcdc; }
a#sideBox_schedule_btm img  { padding:4% 0 2%; }

#sideBox_schedule_up { background:url(../img/common/ico_top.png) no-repeat center center; background-size:12% auto; padding:1.5% 0; text-indent:-9999px; display:block; border-bottom:1px solid #dcdcdc; }

#sideBox_schedule_btm { background:url(../img/common/ico_btm.png) no-repeat center center; background-size:12% auto; padding:1.5% 0; text-indent:-9999px; display:block; /*border-top:1px solid #dcdcdc;*/ }

#sponsor { background:none!important; }

#sponsor ul {
	width:83%;
	margin:0 auto;
	padding:5% 0 2%;
}
#sponsor ul li {
	margin:0 auto 3%;
}

h4#movie img{
  width: 57%;
}

h4#flow { margin-bottom:1.2%; }
h4#flow img { width:68%; }

#flow ol li {
	/*background:url(../img/common/bg_flow.png) no-repeat 0 0;
	background-size:100% auto;
	padding:5% 0 6.2%;*/
	position:relative;
	text-align:center;
}

#flow ol img.round01,#flow img.round02,#flow img.round03,#flow img.round04,#flow img.round05,#flow img.round06,#flow img.round07 {
	 position:relative;
	 image-rendering:auto;
}

.firstRound { position:relative; }
.firstRound img { position:absolute; margin-top:-6.2%; right:9%; width:23.9%!important; z-index:11; }

#flow ol li img { width:100%; display:block; }
#flow img.now { width:23.9%; position:absolute;right:11%; top:-6%; z-index:10; }
#flow img.now2 { width:23.9%; position:absolute;right:11%; top:20%; z-index:10; }
#flow img.now3 { width:23.9%; position:absolute;right:0%; top:58%; z-index:10; }

#flow img.ticket { width:22%; position:absolute;left:5%; top:4%; z-index:10; }

#side img { width:100%; display:block; }
/*
#flow ol li.first { background:url(../img/common/bg_flow0.png) no-repeat 0 0; background-size:100% auto; }
#flow ol li.bg2 { background:url(../img/common/bg_flow2.png) no-repeat 0 0; background-size:100% auto; padding: 6% 0 7.2%; }
#flow ol li.bg3 { background:url(../img/common/bg_flow3.png) no-repeat 0 0; background-size:100% auto; padding: 5% 0 5.2%; text-align:right; padding-right:22%; }
#flow ol li.bg4 { background:url(../img/common/bg_flow4.png) no-repeat 0 0; background-size:100% auto; padding:5% 0 6%; }
#flow ol li.last {
	background:none;
	padding:0;
}
#flow ol a {
	color:#333;
	display:block;
	font-weight:bold;
}
#flow ol img {
	margin:0 auto;
	text-align:center;
}

#flow ol li, #flow ol li a  { font-size:20px; color:#333; font-weight:bold; }

#flow ol li.bg2 img.now { top:-19%; }
#flow ol li.bg3 img.now { top:-36%; left:-50%; }
#flow ol li.bg4 img.now { top:-26%; }

#flow img.round01,#side img.round04 { width:41.53%; }
#flow img.round02,#side img.round03,#side img.round05 { width:26.15%; }
#flow img.round06 { width:41.53%; margin:0 0 0 50%; text-align:right; }
#flow img.round07 { width:19.23%; }
*/

.shopping {
	padding:8% 0 0%;
	border-top:4px solid #e37631;
}
.shopping ul li {
	width:83.84%;
	margin:0 auto 5%;
}
.shopping ul li .btn {
	margin:6% 0 10%;
}

p.bnr { margin:0 0 5%; }


/* -----------------------------------------------------------
#castBox
----------------------------------------------------------- */
#castBox {
	padding:4% 3% 1%;
	margin:0 0 0%;
	background:url(../img/common/bg_cast.jpg) no-repeat 0 0 #000;
	background-size:100% auto;
	color:#fff;
}
#castBox p {
	text-align:right;
	font-size:10px;
	margin-top:2%;
	color:#ccc;
	max-width:1000px;
	margin:1% auto 0;
}

.tickercontainer {
	width: 100%;
	margin: 0;
	padding: 0;
	overflow: hidden;
}
.tickercontainer .mask {
	position: relative;
	top:0px;
	height: 10px;
	width: 100%;
	overflow: hidden;
}
ul#ticker01 li p {
	line-height:200%;
	background:url(../img/common/ico_arrow.png) no-repeat 0 55%;
	background-size:6% auto;
	padding-left:9%;
	text-align:left;
}
ul#ticker01 a {
	white-space: nowrap;
	padding: 0;
	color: #fff;
	font: bold 12px Verdana;
	margin: 0 10px 0 0;
}
ul#ticker01 span {
	margin: 0 10px 0 0;
}

#supporting_company {
	max-width:1000px;
	margin:0 auto 2%;
	padding: 0 2%;
}
#supporting_company li {
	float:left;
	width:23.8%;
	width:22%;
	margin-left:1.5%;
	margin-left:4%;
}
#supporting_company li:first-child {
	margin-left:0%;
}
#supporting_company li img {
	width:100%;
}


/* sponcer 3ver
#supporting_company {
	max-width:1000px;
	margin:0 auto 2%;
	padding: 0 2%;
	text-align:center;
}
#supporting_company li {
	display:inline-block;
	width:22%;
	margin:0 2%;
}
}
#supporting_company li:last-child {
	margin: 0%;
}
#supporting_company li img {
	width:100%;
}*/


/* -----------------------------------------------------------
#history
----------------------------------------------------------- */

#history {
	width:100%;
	border-bottom:1px solid #000;
}
#history .wrap {
	width: 96%;
	overflow:hidden;
	max-width:1020px;
	margin:0 auto 0%;
	padding: 2% 0 1% 0;
}
#history ol{
	zoom:1;
}
#history ol:after{
	content:"";
	display:block;
	clear:both;
}
#history li {
	float:left;
	margin:0 0 1em 0;
	width:16.6%;
}
#history li.last {
	margin-right:0;

}
#history li a{
	display:block;
	position:relative;
	margin:0 4%;
	border: 2px solid #3c3b3a;
	padding:12% 15px 12% 0;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 12px;
	line-height:1;
	white-space:nowrap;
	font-weight: bold;
	text-align:center;
	text-decoration:none;
	background-color: #1e1e1e;
}
#history li a:after{
	content:"";
	display:block;
	position:absolute;
	top:0;
	bottom:0;
	right:5px;
	width:12px;
	background:url(../img/common/history_icon_01.png) right center no-repeat;
}
#history li a:hover{
	border-color: #252423;
	color: #888;
	background-color: #111;
}
#history li a:hover:after{
	filter: alpha(opacity=75);  
	opacity:0.75;
}


/* -----------------------------------------------------------
#footer
----------------------------------------------------------- */
.footer {
	width:100%;
	margin:0 auto;
	padding:0% 0 0%;
	color:#aaaaaa;
	background:#1e1e1e;
}
.footer a {
	color:#aaaaaa;
}
.footer .inner {
	width:auto;
	max-width:1000px;
	margin:0 auto 0%;
	min-width:320px;
	padding: 1.5% 2% 0 0;
	line-height:1.5;
}

.footer .inner {
	position:relative;
	border-top:none;
}
.footer .inner ul {
	float:left;
}
.footer .inner ul li{
	list-style-type: none;
	display: inline;
	background-color: transparent;
	padding-top: 0px;
	padding-right: 3px;
	padding-bottom: 0px;
	padding-left: 12px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 5px;
}

.footer .copyright {
	float:right;
	text-align:right;
}

.footer .inner li:first-child {
    border-right: 2px solid #606060;
    padding-right: 10px;
}
.footer .inner li {
    display: inline-block;
    margin-right: 5px;
}



#page-top {
    position: fixed;
    z-index:100;
    bottom: 4%;
    right: 1%;
    width:6%;
    height:auto;
    max-width:1060px;
}
#page-top a {
    background:url(../img/common/btn_pagetop.png) no-repeat 0 0;
    background-size:100% auto;
    width:100%;
    height:auto;
    padding:108% 0;
    display:block;
    text-indent:-9999px;
}

/* ---------------------------------------
	templete @20151015 iwasaki
------------------------------------------ */
#tmpitem{
	font-size: 15px;
    line-height: 24px;
}

#tmpitem a {
    color: #e37630;
}
#tmpitem .tmpbox {
    margin: 0 0;
    background: #fff;
    background-size: 100% auto;
    padding: 2.5% 3% 5%;
    font-size: 24px;
    line-height: 28px;
    position: relative;
    border-top: 4px solid #e0b037;
}

#tmpitem .tmpbox h3 {
    word-wrap: break-word;
}
#tmpitem .tmpboxttl {
	margin: 15px 0 0 0;
    background: #fff;
    background-size: 100% auto;
    padding: 2.5% 3% 5%;
    font-size: 24px;
    line-height: 28px;
    position: relative;
    border-top: 4px solid #e0b037;
}
#tmpitem .tmpboxttl h3 {
    word-wrap: break-word;
}
#tmpitem .tmpnobox{color:#ffffff;}
#tmpitem .tmpnobox .update{font-size:16px;text-align:right;padding-top:0.4%;padding-bottom:0.4%;}

#tmpitem .tmpboxmain{
	margin: 0 0 6% 0;
    background: #fff;
    /*background-size: 100% auto;*/
    padding: 2.5% 3% 5%;
    /*font-size: 24px;
    line-height: 28px;*/
    position: relative;
    border-top: 4px solid #e0b037;
}
#tmpitem ul.nolist,
#tmpitem ol.nolist{
	margin-top:2%;
	margin-left:3%;
}
#tmpitem ul.nolist li,
#tmpitem ol.nolist li{
    padding-top:4px;
    padding-bottom:4px;
}
#tmpitem ul.liston,
#tmpitem ol.liston{
    padding-top:2%;
    padding-left:3%;
}
#tmpitem ul.liston li,
#tmpitem ol.liston li{
	padding-top:4px;
	padding-bottom:4px;
}
#tmpitem ul.liston{		list-style: disc;}
#tmpitem ul.liston li{	list-style: disc inside;}
#tmpitem ol.liston{		list-style:decimal;}
#tmpitem ol.liston li{	list-style:decimal inside;}

#tmpitem h4.tmpttl{
	font-size:16px;
	line-height:20px;
	padding:4px 10px;
	margin:2% auto;
	font-weight:bold;
	background-color:#eee;
}
#tmpitem h5.tmpttl{
	font-size:15px;
	line-height:16px;
	padding: 4px 10px 4px 0;
	margin:2% auto;
	font-weight:bold;
}
#tmpitem em.red{ color: #e84230;}
#tmpitem em.strong{ font-weight: bold;}

.alleft{	text-align:left;}
.alright{	text-align:right;}
.alcenter{
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}

#tmpitem .pictspfloat{overflow:hidden;margin-bottom:5%;}
#tmpitem .flleft{	float:left;	}
#tmpitem .flright{	float:right;}

#tmpitem .pictspfloat .flleft{padding-right:3%;}
#tmpitem .pictspfloat .flright{padding-left:3%;}

#tmpitem .tmpnobox p.backbtn.news {
    width: 100%;
    background: url(../news/img/btn_back.png) no-repeat 0 0;
    background-size: 100% auto;
    text-indent: -9999px;
}
#tmpitem .tmpnobox p.backbtn.news:hover {
    background: url(../news/img/btn_back_on.png) no-repeat 0 0;
    background-size: 100% auto;
}
#tmpitem .tmpnobox p.backbtn a {
    display: block;
    padding: 5% 0 2%;
}

.mtp0{margin-top:0;}
.mtp1{margin-top:1%;}
.mtp2{margin-top:2%;}
.mtp3{margin-top:3%;}
.mtp4{margin-top:4%;}
.mtp5{margin-top:5%;}
.mtp6{margin-top:6%;}
.mtp7{margin-top:7%;}
.mtp8{margin-top:8%;}

.mrp0{margin-right:0;}
.mrp1{margin-right:1%;}
.mrp2{margin-right:2%;}
.mrp3{margin-right:3%;}
.mrp4{margin-right:4%;}
.mrp5{margin-right:5%;}
.mrp6{margin-right:6%;}
.mrp7{margin-right:7%;}
.mrp8{margin-right:8%;}

.mbp0{margin-bottom:0;}
.mbp1{margin-bottom:1%;}
.mbp2{margin-bottom:2%;}
.mbp3{margin-bottom:3%;}
.mbp4{margin-bottom:4%;}
.mbp5{margin-bottom:5%;}
.mbp6{margin-bottom:6%;}
.mbp7{margin-bottom:7%;}
.mbp8{margin-bottom:8%;}

.mlp0{margin-left:0;}
.mlp1{margin-left:1%;}
.mlp2{margin-left:2%;}
.mlp3{margin-left:3%;}
.mlp4{margin-left:4%;}
.mlp5{margin-left:5%;}
.mlp6{margin-left:6%;}
.mlp7{margin-left:7%;}
.mlp8{margin-left:8%;}

.ptp0{padding-top:0;}
.ptp1{padding-top:1%;}
.ptp2{padding-top:2%;}
.ptp3{padding-top:3%;}
.ptp4{padding-top:4%;}
.ptp5{padding-top:5%;}
.ptp6{padding-top:6%;}
.ptp7{padding-top:7%;}
.ptp8{padding-top:8%;}

.prp0{padding-right:0;}
.prp1{padding-right:1%;}
.prp2{padding-right:2%;}
.prp3{padding-right:3%;}
.prp4{padding-right:4%;}
.prp5{padding-right:5%;}
.prp6{padding-right:6%;}
.prp7{padding-right:7%;}
.prp8{padding-right:8%;}

.pbp0{padding-bottom:0;}
.pbp1{padding-bottom:1%;}
.pbp2{padding-bottom:2%;}
.pbp3{padding-bottom:3%;}
.pbp4{padding-bottom:4%;}
.pbp5{padding-bottom:5%;}
.pbp6{padding-bottom:6%;}
.pbp7{padding-bottom:7%;}
.pbp8{padding-bottom:8%;}

.plp0{padding-left:0;}
.plp1{padding-left:1%;}
.plp2{padding-left:2%;}
.plp3{padding-left:3%;}
.plp4{padding-left:4%;}
.plp5{padding-left:5%;}
.plp6{padding-left:6%;}
.plp7{padding-left:7%;}
.plp8{padding-left:8%;}


@media only screen and (max-width: 640px){
	#tmpitem .tmpbox {
	    width: 104%;
	    margin-left: -5%;
	    padding: 13% 3% 4%;
	    font-size: 18px;
	    padding: 4% 3%;
	}
	
	#tmpitem .tmpbox h3 {
		width: 96%;
	}
	
	#tmpitem .tmpnobox p.backbtn.news {
	    width: 100%;
	    background: url(../news/img/btn_back_sp.png) no-repeat 0 0;
	    background-size: 100% auto;
	    text-indent: -9999px;
	}
	#tmpitem .tmpnobox p.backbtn.news:hover {
	    background: url(../news/img/btn_back_sp.png) no-repeat 0 0;
	    background-size: 100% auto;
	}
	#tmpitem .tmpnobox p.backbtn a {
	    display: block;
	    padding: 8% 0 6%;
	}

	#tmpitem .pictspfloat{overflow:hidden;margin-bottom:5%;}
	/*#tmpitem .flleft{	float:left;	}
	#tmpitem .flright{	float:right;}*/

	#tmpitem .pictspfloat .flleft{float:none;padding-right:0;text-align:center;}
	#tmpitem .pictspfloat .flright{float:none;padding-left:0;text-align:center;}
	#tmpitem .pictspfloat .flleft img,
	#tmpitem .pictspfloat .flright img{/*width:100%;*/margin-left:auto;margin-right:auto;}

}


/* -----------------------------------------------------------
	media queries　追加
----------------------------------------------------------- */

@media only screen and  (max-width:1060px) {
     #main { padding-top: 36%; }
    #main img.ttlImg { width: 188.7%; max-width: none; }
	#pankuzu { margin: -5.5% auto 0; }
}


@media only screen and  (max-width:900px) {
	p.number { font-size:18px; line-height:110%; width:30%; }
	p.number span { font-size:42px; line-height:110%; }
}


@media only screen and  (max-width:768px) {
	/*#content { float:none; width:95%; }
	#side { float:none; width:95%; margin:0 auto; }*/
	#header #sns { margin-top:-1.3%; }

	#history li a{
		padding-right: 10px;
		font-size: 9px;
	}
	#history li a:after{
		width:10px;
		background-size:10px;
	}
}


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

	#header { position:fixed; top:0; left:0; z-index:1000; width:100%; background:#000; box-shadow: 0 0 1px 0 rgba(0,0,0,0.8); padding:0 0 1.1%; border-bottom:1px solid #262626; }

	#header h1 img { width:100%; }
	#header .inner { padding:0; }
	#header #utilityNav ul, #header ul#gNav { display:none;	}
	#header .logo { padding:0; }
	#header h1 { margin:3% 5% 3% 5%; float:none; position:static; width:18%; }
	#header .onlySp { text-align:left; display: block!important; clear:both; }
	#header .onlySp ul.main { border-left:2px solid #262626; width:73.2%; position:fixed; top:0; /* margin-top:-16.5%;*/ left:27%; overflow: hidden;  }
	#header .onlySp ul.main li { float:left; border-right:2px solid #262626; width:25%; height:auto;box-sizing:border-box; }
	#header .onlySp ul.main li img { width:100%; display:block; }

	#smpMenu{ background:url(../img/common/btn_menu.png) no-repeat 0 0;background-size:100% auto;display:block;height:40px; height:auto;text-indent:-10000px;position:fixed; overflow:hidden;top:2%; top:0;right:2%;width:8%; width:16%; padding-bottom:3%; padding:10% 0 0;
z-index:10000; }

	#menuArea{ position:absolute; background:#000;left:0;text-align:center;width:100%;z-index:40;display: none; }

	#menuArea ul { margin:15% auto 0; width:100%; width:87.8125%; display: block; list-style: none; padding:8% 0 0; }
	#menuArea li { width: 48.5%; display: block; float:left; margin-bottom:2.5%; }
	#menuArea li:nth-child(even) { margin-left:2.5%; }
	#menuArea li img { width:100%; }

	#menuArea .snsBg { background:url(../img/common/bg_sns.png) no-repeat 0 0;background-size:100% auto; padding:10% 0 6%; }
	#menuArea .snsBg ul { width:52.5%; margin:0 0 0 42%; padding:0; }
	#menuArea .snsBg ul li { width: 31%; display: block; float:left; margin:0; margin-right:2.5%; }
	#menuArea .snsBg ul li:last-child { margin:0%; }
	#menuArea .snsBg ul li img { width:100%; }


	#snsBtn { position:absolute; top:15px; left:115px; width:50px; }
	#snsBtn li { float:right; width:50%; }
	#snsBtn li img { width:25px; }


	#main img.ttlImg {
	    position: relative;
	    top: 0;
	    left: 0;
		max-width: 100%;
		width: 100%;
		transform: none;
		-ms-transform: none;
	    -webkit-transform: none;
	}
	#main {
		padding-top: 0;
	}
	#pankuzu { display:none; }

	#content { float:none; width:90%; margin:0 auto; padding:0; }
	
	#content-bnr h3 {margin:0 auto;text-align:center;}
	#content-bnr h3 img{width:37.5%;}
	
	/* sponcer ver4
	#content-bnr ul li { width:42%!important; margin:0 0 2%; }
	#content-bnr ul li:nth-child(odd) { margin-left:5.2%; }
	#content-bnr ul li:nth-child(even) { margin-left:5%; }
	*/
	
	#content-bnr ul { padding:4% 0; }
	#content-bnr ul li { width:44%!important; margin:0 1.5%; }
	#content-bnr ul li:nth-child(2n) { margin-bottom:4%;}
	#content-bnr ul li:last-child { margin-bottom:0;}
	
	#spr-bnr { display:inherit; background:none; }
	#spr-bnr h3 { display:inherit;margin:0 auto;text-align:center; width:100%; padding:0; margin-bottom:2%;}
	#spr-bnr h3 img{width:37.5%;}
	#spr-bnr ul { display:inherit;padding:4% 0; background:url(../img/common/bg_bnr_pt01.png) transparent repeat 0 0; width:100%; text-align:center; }
	#spr-bnr ul li { width:28%!important; margin:0 1.5%; }
	

	#side { float:none; width:90%; margin:0 auto 0; }
  
  #side h4#movie img { width: 44%; }
  #side h4#flow img { width: 54%; }

	#sideBox_schedule_up { background-size:8% auto; padding:1.5% 0; }
	#sideBox_schedule_btm { background-size:8% auto; padding:1.5% 0; }

	#side .sideBox .bx-viewport li.round02 p { margin-top:2.2%; }
	#side .sideBox .bx-viewport li { padding:2% 0 3%!important;	font-size:14px;	line-height:20px; }

	h3#schedule_ttl img { width:70%; }
	
	.firstRound img { margin-top:-6.8%; right:4%; }

	#sponsor,h4#sponsor_ttl { display:none; }

	.shopping { margin-top:5%!important; }

	#castBox { background:url(../img/common/bg_cast_sp.jpg) no-repeat top center!important; background-size:100% auto!important; padding:17% 0 15%; }
	#castBox p { display:none; }
	#castBox .bx-wrapper p { display:block; }
	#castBox .castInner p { display:block; }
	ul#ticker01 li { width:20em!important;/**/ }
	ul#ticker01 p { /*word-break:break-all; width:15em!important;*/ }
	ul#ticker01 a { font-size:14px; /*word-break:break-all;*/ }

	#supporting_company ul { margin:0 auto!important; }
	#supporting_company ul li { width:49%; margin:0 0 2%; }
	/*#supporting_company ul li:nth-child(even) { width:49%; margin-left:2%; }*/
	
	#supporting_company ul { margin:0 auto!important; text-align:center; }
	#supporting_company ul li { width:45%; display:inline-block; float:inherit; margin:0 1%; }
	#supporting_company ul li:first-child { margin-left:1%; }
	#supporting_company ul li:nth-child(even) { margin-bottom:4%; }
	#supporting_company ul li:last-child { margin-bottom:0; }

	#history { border-bottom:0; padding:7% 0 8%; margin:5% 0 0; }
	#history .wrap { width:90%; margin:0 auto; padding:0; }
	#history ol { width:100%; float:none; margin:0; }
	#history li { width:48%;float:left;  margin:0; }
	#history li:nth-of-type(even){ float: right; }
	#history li a{ display:block; border: none; border-bottom: 1px dotted #919191; padding:8% 0 8% 5px; font-size: 12px; text-align: left; }
	#history li a:after{ background-image: url(../img/common/history_icon_01_sp.png);}
	#history li a:hover{ color:#aaa; background:none; border-bottom: 1px dotted #919191; }
	#history li a:hover:after{ opacity:1; }

	#snsBox_sp { position:relative; margin: 0 5% 5% 5%; border: 1px solid #414141; padding:2%; }
	#snsBox_sp:before{content:""; position:absolute; top:0; bottom:-12%; left:1%; width:34%; background:url(../img/top/ttl_sns_sp.png) bottom left no-repeat; background-size:contain;}
	#snsBox_sp ul { width:63%; float:right; margin:0; }
	#snsBox_sp li { width:30.5%; float:left; margin-right:4%; }
	#snsBox_sp li img { width:100%; display:block; }
	#snsBox_sp ul li:last-child { margin-right:0%; }

	.footer { }
	.footer .inner { float:none; padding:0; }
	.footer .inner ul {	width:100%;	display:block; text-align:left; float:none; border-bottom:1px solid #111; }

	.footer .inner ul li { margin:0; padding:0!important; border-top:1px solid #111; display:inline-block; float:left; width:49.8%;	font-size:12px;	text-align:center; }

	.footer .inner ul li:first-child { border-right:1px solid #111;}
	.footer .inner ul li a { color:#e4e4e4; text-decoration:none; display:inline-block; width:100%; padding:10% 0; text-align:center; }
	.footer .inner ul li a:hover { text-decoration:underline; }

	.footer .inner ul:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
	.footer .inner ul { min-height:1px; clear:both; }
	* html .footer .inner ul { height: 1px; /*\*//*/ height: auto; overflow: hidden; /**/ }

	/*
	.footer .inner ul li:hover { background-color:#eee; }
	.footer .inner ul li a { display:block; padding:0.5% 2%; text-decoration:none; font-size:14px; }
	.footer .inner ul li a:hover { text-decoration:none; }
	.footer .inner ul li:last-child { border-bottom:1px solid #444444; }*/
	.footer .copyright { font-size:10px;-webkit-text-size-adjust: none; text-align:center; float:none; padding:2% 0; }

	#page-top { width:15.625%; }
	#page-top a { background:url(../img/common/btn_pagetop_sp.png) no-repeat top center; background-size:100% auto;padding:37% 0; }
	
}

@media screen and (min-width: 300px) and (max-width: 450px){
	#side .sideBox .bx-viewport li { padding:2% 0 3%!important;	font-size:12px;	line-height:16px; }
	#side .sideBox .bx-viewport li.round02 p { margin-top:1.5%; }
}