@charset "UTF-8";
a,a:hover{color:#0645ad}
h1{font-size:1.6em;color:#e50010;margin:10px}
h2{font-size:1.4em;text-align:center}
h3{padding:0;margin:0;line-height:1;text-align:left;}
h4{padding:0;margin:0;}
h5{padding:0 50px;margin:0 0 30px 0;line-height:1;}
/*li h3{}*/
.seat{width:100%; background:#fff;border:1px solid #ccc;margin:0 0 20px;padding:0;border-radius:5px;}
a.button{text-align:center;display:block;padding:5px;margin:10px;border:1px solid #0645ad;border-radius:5px;}

dl{font-size:1.2em;max-width:918px;margin:0 auto;padding:20px 100px 0 100px;}
dl dt,dl dd{padding:10px 30px}
dl dt{float:left;}
dl dd{padding-left:200px;border-bottom:1px dashed #999; text-align:left;}

.seat>h2{width:95%; margin:0.5em auto 1em auto; padding:0.1em 0; color:#FFF; background: #221166; border-radius:1em; font-size:1.5em;}
h2#mv{width:100%; margin:0 0 0.5em 0; padding:0; border-radius:5px 5px 0 0 / 5px 5px 0 0; background:#FFF;}
h2#mv img{width:100%;}
.seat>p{width:90%; margin:0 auto 1.5em auto; text-align:center;}


ul.Bdr li{border:3px solid #fc9;}
.box01 , .box02 {width:95%; margin:0 auto; text-align:center; font-size:1em;}
.box03 {width:95%; margin:0 auto; text-align:center;}
.box01 li{width:100%; margin:0 auto;height:auto; margin-bottom:1.5em; padding:0;}
.box02 li{width:48%; height:auto; margin-bottom:1.5em; padding:0;}
.box02 li:nth-of-type(odd){float:left;}
.box02 li:nth-of-type(even){float:right;}
.box02 li:nth-of-type(odd) /*, .box03 li:nth-of-type(odd)*/{clear:both;}
.box03 li{width:30.5%; height:auto; margin:0 1% 1.5em 1%; padding:0; float:left;}
#item li{margin-bottom:0.5em;}

.box02.grandprix {margin-bottom:2em;}
.box02.grandprix li:nth-of-type(odd){float:left; width:40%;}
.box02.grandprix li:nth-of-type(even){float:right; width:60%;}

.box03 li.list02{margin:0 9% 1.5em 9%;}
.box03 li.list01{margin:0 34% 1.5em 34%;}

li h3{margin:0 auto 0.5em auto; padding:0.25em 0.5em; background:transparent ;color: #333; border-left:solid 5px #7db4e6; text-align:left; font-weight:bold; font-size:1.5em;}
li h3 span{font-size:0.9em; color:#221166;}
li img {width:100%; margin:0 auto; height:auto;}
li img+p {margin:0.5em 0 0.3em 0; padding:0; font-size:0.7em; line-height:1.2em; color:#555;}
li img+p+a {font-size:0.9em;}

.note {font-size:0.8em;}
h3 .note{display:inline-block;margin-top:0.5em; color:#333;font-weight:normal; font-size:0.6em;}
.yoko img {max-width:90%; }
.tate img {max-width:65%; }

h3.logo{padding-left:15px;}
h3.logo img{display:inline-block;width:auto; height:1.2em;}

.winner{margin-top:0.5em; font-size:1.5em; font-weight:bold;}
.grandprix .winner{font-size:2em;}

@media screen and (min-width: 640px){
/* モバイル専用項目(PCで非表示) */
.sp{display:none;}
dl{font-size:1.2em;margin:0 auto;padding:0;text-align:left;}
dl dt{float:left;}
dl dd{padding-left:20px;border-bottom:1px dashed #999; text-align:left;}
.small_box{font-size:0.8em;text-align:left;padding:10px;text-align:left;}
.fb-share-button{width:400px;padding:5px;margin:0 0 10px 690px;}
.fb-share-button ul{width:400px;float:right;}
.fb-share-button li{float:left;margin:0 10px 0 10px;list-style-type: none;}
.sns_share{width:170px;padding:0 5px;margin:0;!important}
.sns_share ul{!important}
.sns_share li{float:left;margin:0 15px 0 15px;list-style-type: none;!important}
}

/* モバイル表示モード */
@media screen and (max-width: 639px){
/* grid解除 */
.grid{width:auto;margin:auto}
.grid1,.grid2,.grid3,.grid4,.grid5,.grid6,.grid7,.grid8,.grid9,.grid10,.grid11{float:none;display:inline;margin:auto;width:auto}
.grid12{width:auto}
.first{margin-left:0;clear:left}
.top{font-size:1em;text-align:center;margin:5px 0 0;font-weight:bold;}
h3{padding:0 50px;margin:30px 0 0 0;line-height:1; text-align:left;}
h4{padding:0 50px;margin:0;}
h5{font-size:1em;padding:0 50px;margin:0 0 20px 0;line-height:1;}
dl{font-size:1em;margin:0 auto;padding:0;text-align:left;}
dl dt{float:none;margin: 0;padding:10px 10px 0;}
dl dd{font-size:0.9em;padding:0 0 10px 25px;border-bottom:1px dashed #999; text-align:left;}

.seat {margin:10px 2.5%;padding:0;width:95%;}
.seat img{width:100%}
.caution{margin:30%;width:auto;}
.sns_share{width:150px;padding:5px 0 0 20px;!important}
.sns_share ul{margin:0 auto;!important}
.sns_share li{float:left;margin:0 10px 0 10px;list-style-type: none;!important}

h2#mv{width:100%; margin:0; padding:0; border-radius:5px 5px 0 0 / 5px 5px 0 0; background:#FFF;}
h2#mv img{width:100%;}
.seat>h2{width:95%; margin:0.5em auto 1em auto; padding:0.1em 0; font-size:1.1em;}
.seat>p.note{text-align:left;}

.box01 , .box02 , .box03{width:90%; margin:0 auto;}
.box01 li , .box02 li , .box03 li ,
.box03 li.list02 , .box03 li.list01 ,
.box02.grandprix li:nth-of-type(odd) , .box02.grandprix li:nth-of-type(even){width:100%; margin:0 auto 1em auto; height:auto; padding:0; float:none; text-align:center;}
.box02 li:nth-of-type(even) , .box02 li:nth-of-type(odd) , .box02.grandprix li:nth-of-type(odd) , .box02.grandprix li:nth-of-type(even){float:none;padding:0;}


h3.logo{margin-top:1em;}
h3.logo img{width:auto; height:1em;}


/* PC専用項目(スマホで非表示) */
.pc{display:none !important;}

}