@charset "utf-8";

@font-face {
font-family: 'notosans-r';
font-style: normal;
font-weight: 400;
src: url('/ikusa2017/font/NotoSans-R.eot');
src: url('/ikusa2017/font/NotoSans-R?#iefix') format('embedded-opentype'),
url('/ikusa2017/font/NotoSans-R.woff') format('woff'),
url('/ikusa2017/font/NotoSans-R.otf') format('opentype');
}

@font-face {
font-family: 'notosans-b';
font-style: normal;
font-weight: 700;
src: url('/ikusa2017/font/NotoSans-B.eot');
src: url('/ikusa2017/font/NotoSans-B?#iefix') format('embedded-opentype'),
url('/ikusa2017/font/NotoSans-B.woff') format('woff'),
url('/ikusa2017/font/NotoSans-B.otf') format('opentype');
}

html {
width:100%;
height:100%;
margin:0px;
padding:0px;
font-family: 'メイリオ',Meiryo,'ＭＳ Ｐゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro', verdana, Helvetica,Arial, sans-serif;
}

div,p,ul,ol,li,h1,h2,h3,h4,h5,h6,i {
margin:0px;
padding:0px;
outline:none;
border:0;
list-style:none;
list-style-type:none;
text-decoration:none;
font-style:normal;
}

body {
width:100%;
height:100%;
margin:0px;
padding:0px;
outline:none;
color:#222;
font-size:16px;
line-height:20px;
overflow-x:hidden;
position:relative;
background-color:#0d0d0d;
font-family:'notosans-r';
}

strong{
font-weight: 700;
font-family:'notosans-b';
}

img{
width:100%;
height: auto;
vertical-align:bottom;
}

iframe{
transition: .5s all ease-in-out;
-webkit-transition: .5s all ease-in-out;
-moz-transition: .5s all ease-in-out;
-ms-transition: .5s all ease-in-out;
-o-transition: .5s all ease-in-out;
}

.clearfix {
zoom:1;
}

.clearfix:before,
.clearfix:after {
content:"";
display:table;
}

.clearfix:after {
clear:both;
}

a{
-webkit-transition:.2s ease-in-out;
-moz-transition:.2s ease-in-out;
-o-transition:.2s ease-in-out;
-ms-transition:.2s ease-in-out;
transition:.2s ease-in-out;
border:0;
}

@media screen and (min-width: 769px) {
a:hover{
opacity:.7;
filter:alpha(opacity=70);
-ms-filter:"alpha(opacity=70)";
-moz-opacity:.7;
-khtml-opacity:.7;
zoom:1;
}
}

a img {
border-style:none;
}

.shadow{
text-shadow:1px 1px 1px #000,-1px -1px 1px #000,1px 1px 3px #000,-1px -1px 3px #000;
}

.arrow{
margin: 0 auto;
position: absolute;
left: 0;
bottom: 20px;
right: 0;
width: 0;
height: 0;
border-style: solid;
border-width: 24px 24px 0 24px;
border-color: #ffffff transparent transparent transparent;
line-height: 0px;
_border-color: #ffffff #000000 #000000 #000000;
_filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
transition: .5s all ease-in-out;
-webkit-transition: .5s all ease-in-out;
-moz-transition: .5s all ease-in-out;
-ms-transition: .5s all ease-in-out;
-o-transition: .5s all ease-in-out;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
}

.banner-box{
width: 92%;
max-width: 640px;
margin: 0 auto;
padding: 0 0 3%;
font-size:16px;
line-height: 1.4;
}
#ikusa2018{
padding: 3% 0;
}
.banner-box a{
color: #222;
}
@media screen and (min-width: 769px) {
.banner-box a:hover{
opacity:1;
filter:alpha(opacity=100);
-ms-filter:"alpha(opacity=100)";
-moz-opacity:1;
-khtml-opacity:1;
}
}
.banner-box a img{
display: block;
border: #a0a0a0 1px solid;
border-radius: 10px;
margin: 0 0 5px;
transition: .2s all ease-in-out;
-webkit-transition: .2s all ease-in-out;
-moz-transition: .2s all ease-in-out;
-ms-transition: .2s all ease-in-out;
-o-transition: .2s all ease-in-out;
}
@media screen and (min-width: 769px) {
.banner-box a:hover img{
opacity:.7;
filter:alpha(opacity=70);
-ms-filter:"alpha(opacity=70)";
-moz-opacity:.7;
-khtml-opacity:.7;
}
}
.banner-box a span{
transition: .2s all ease-in-out;
-webkit-transition: .2s all ease-in-out;
-moz-transition: .2s all ease-in-out;
-ms-transition: .2s all ease-in-out;
-o-transition: .2s all ease-in-out;
}
@media screen and (min-width: 769px) {
.banner-box a:hover span{
opacity:.7;
filter:alpha(opacity=70);
-ms-filter:"alpha(opacity=70)";
-moz-opacity:.7;
-khtml-opacity:.7;
}
}

.pc{display:block;}
.sp{display:none;}

#loader{
width: 10px;
height: 10px;
font-size: 10px;
color: #fff;
border-radius: 50%;
position: absolute;
top: 50%;
left: 50%;
margin-top:-5px;
margin-left:-5px;
z-index: 10;
-webkit-animation: load5 1.1s infinite ease;
animation: load5 1.1s infinite ease;
-webkit-transform: translateZ(0);
-ms-transform: translateZ(0);
transform: translateZ(0);
}
@-webkit-keyframes load5 {
0%,
100% {
box-shadow: 0em -2.6em 0em 0em #ffffff, 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.5), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7);
}
12.5% {
box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.7), 1.8em -1.8em 0 0em #ffffff, 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5);
}
25% {
box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.5), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7), 2.5em 0em 0 0em #ffffff, 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
}
37.5% {
box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5), 2.5em 0em 0 0em rgba(255, 255, 255, 0.7), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
}
50% {
box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.5), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.7), 0em 2.5em 0 0em #ffffff, -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
}
62.5% {
box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.5), 0em 2.5em 0 0em rgba(255, 255, 255, 0.7), -1.8em 1.8em 0 0em #ffffff, -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
}
75% {
box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.5), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.7), -2.6em 0em 0 0em #ffffff, -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
}
87.5% {
box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.5), -2.6em 0em 0 0em rgba(255, 255, 255, 0.7), -1.8em -1.8em 0 0em #ffffff;
}
}
@keyframes load5 {
0%,
100% {
box-shadow: 0em -2.6em 0em 0em #ffffff, 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.5), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7);
}
12.5% {
box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.7), 1.8em -1.8em 0 0em #ffffff, 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5);
}
25% {
box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.5), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7), 2.5em 0em 0 0em #ffffff, 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
}
37.5% {
box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5), 2.5em 0em 0 0em rgba(255, 255, 255, 0.7), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
}
50% {
box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.5), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.7), 0em 2.5em 0 0em #ffffff, -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
}
62.5% {
box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.5), 0em 2.5em 0 0em rgba(255, 255, 255, 0.7), -1.8em 1.8em 0 0em #ffffff, -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
}
75% {
box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.5), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.7), -2.6em 0em 0 0em #ffffff, -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
}
87.5% {
box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.5), -2.6em 0em 0 0em rgba(255, 255, 255, 0.7), -1.8em -1.8em 0 0em #ffffff;
}
}

#loader:after{
content:"戦 －大喜利団体対抗戦2017－";
width: 135px;
position: absolute;
top: 50px;
left: -62px;
}

#wrapper {
display: none;
width:100%;
margin:0 auto;
text-align:center;
background: #f2f2f2;
}

#topbtn{
display: block;
visibility: hidden;
width: 50px;
height: 50px;
position: fixed;
bottom: 3%;
right: 3%;
border: #fff 1px solid;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
background: rgba(13,13,13,0.5);
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
transition: .3s all ease-in-out;
-webkit-transition: .3s all ease-in-out;
-moz-transition: .3s all ease-in-out;
-ms-transition: .3s all ease-in-out;
-o-transition: .3s all ease-in-out;
z-index: 1;
}

#toppage{
margin: auto;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
width: 0;
height: 0;
border-style: solid;
border-width: 0 14px 18px 14px;
border-color: transparent transparent #ffffff transparent;
line-height: 0px;
_border-color: #000000 #000000 #ffffff #000000;
_filter: progid:DXImageTransform.Microsoft.Chroma(color='#ffffff');
transition: .5s all ease-in-out;
-webkit-transition: .5s all ease-in-out;
-moz-transition: .5s all ease-in-out;
-ms-transition: .5s all ease-in-out;
-o-transition: .5s all ease-in-out;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
}

nav{
text-align: center;
background: #f2f2f2;
}

nav.head{
display: none;
}
nav.foot{
padding: 4% 0;
}

nav > ul{
display: table;
width: 100%;
margin: 0 auto;
}

nav > ul > li{
display: table-cell;
width: 20%;
text-align: center;
vertical-align: middle;
}

nav > ul > li > a,
nav > ul > li > i{
display: table;
width: 100%;
height: 100%;
color: #fff;
text-decoration: none;
}

nav > ul > li > a > span,
nav > ul > li > i > span{
display: table-cell;
width: 100%;
height: 80px;
font-size: 24px;
color: #fff;
line-height: 1.2;
text-align: center;
vertical-align: middle;
font-family:'notosans-b';
border-style: solid;
border-width: 12px;
border-color: #222;
background: #555;
text-shadow: 1px 1px 0 #222,-1px -1px 0 #222;
-webkit-transition:.2s ease-in-out;
-moz-transition:.2s ease-in-out;
-o-transition:.2s ease-in-out;
-ms-transition:.2s ease-in-out;
transition:.2s ease-in-out;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
}
nav > ul > li > i > span{
color: #888;
cursor: default;
}

nav > ul > li:nth-child(2) > a > span{
border-color: #ab539b;
background: #cc8fc1;
text-shadow: 1px 1px 0 #ab539b,-1px -1px 0 #ab539b;
}
nav > ul > li:nth-child(2) > i > span{
border-color: #45223e;
background: #664760;
text-shadow: 1px 1px 0 #45223e,-1px -1px 0 #45223e;
}

nav > ul > li:nth-child(3) > a > span{
border-color: #e71f1c;
background: #efb4b3;
text-shadow: 1px 1px 0 #e71f1c,-1px -1px 0 #e71f1c;
}
nav > ul > li:nth-child(3) > i > span{
border-color: #821210;
background: #8a6867;
text-shadow: 1px 1px 0 #821210,-1px -1px 0 #821210;
}

nav > ul > li:nth-child(4) > a > span{
border-color: #6bb82d;
background: #b4d898;
text-shadow: 1px 1px 0 #6bb82d,-1px -1px 0 #6bb82d;
}
nav > ul > li:nth-child(4) > i > span{
border-color: #2f5214;
background: #5f7350;
text-shadow: 1px 1px 0 #2f5214,-1px -1px 0 #2f5214;
}

nav > ul > li:nth-child(5) > a > span{
border-color: #3173ba;
background: #9cbcdf;
text-shadow: 1px 1px 0 #3173ba,-1px -1px 0 #3173ba;
}
nav > ul > li:nth-child(5) > i > span{
border-color: #163454;
background: #546578;
text-shadow: 1px 1px 0 #163454,-1px -1px 0 #163454;
}
@media screen and (min-width: 769px) {
nav > ul > li:hover a{
opacity:.7;
filter:alpha(opacity=70);
-ms-filter:"alpha(opacity=70)";
-moz-opacity:.7;
-khtml-opacity:.7;
}
}

.nav-dp{
display:none;
}

header {
margin:0 auto;
overflow: hidden;
background: url(/ikusa2017/images/samurai-chisato.png) 50% 50% no-repeat #fff;
background-attachment: fixed;
background-size: cover;
position: relative;
}

header > div{
display: none;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.5);
}

header > div > h1{
width: 205px;
position: absolute;
top: 3%;
left: 3%;
z-index: 100;
transition: .5s all ease-in-out;
-webkit-transition: .5s all ease-in-out;
-moz-transition: .5s all ease-in-out;
-ms-transition: .5s all ease-in-out;
-o-transition: .5s all ease-in-out;
}

header > div > h2{
display: table;
table-layout : fixed;
width: 100%;
height: 100%;
}

header > div > h2 > span{
display: table-cell;
font-size: 90px;
padding: 0 3%;
color: #fff;
line-height: 1.2;
font-family:'notosans-b';
text-align: center;
vertical-align: middle;
transition: .5s all ease-in-out;
-webkit-transition: .5s all ease-in-out;
-moz-transition: .5s all ease-in-out;
-ms-transition: .5s all ease-in-out;
-o-transition: .5s all ease-in-out;
word-wrap : break-word;
overflow-wrap : break-word;
}

header > div > h2 > span > img{
width: 70%;
max-width: 720px;
}

header > div > h2 > span > span{
display: block;
margin: 3% auto 0;
font-size: 45px;
line-height: 1.4;
transition: .5s all ease-in-out;
-webkit-transition: .5s all ease-in-out;
-moz-transition: .5s all ease-in-out;
-ms-transition: .5s all ease-in-out;
-o-transition: .5s all ease-in-out;
}

header > div > h2 > span > span.victory,
header > div > h2 > span > span.winner{
font-size: 90px;
margin: 0 auto 0;
}

header > div > h2 > span > span.victory,
header > div > h2 > span > span > a{
color: #ff0;
}

@media screen and (max-width: 768px) {
header > div > h2 > span > span.victory,
header > div > h2 > span > span.winner{
font-size: 11vw;
}
}

header #panel_btn{
display: inline-block;
width: 50px;
height: 50px;
margin: 0;
position: absolute;
top: 3%;
right: 3%;
cursor: pointer;
-webkit-transition:.2s ease-in-out;
-moz-transition:.2s ease-in-out;
-o-transition:.2s ease-in-out;
-ms-transition:.2s ease-in-out;
transition:.2s ease-in-out;
}
@media screen and (min-width: 769px) {
header #panel_btn:hover {
opacity:.7;
filter:alpha(opacity=70);
-ms-filter:"alpha(opacity=70)";
-moz-opacity:.7;
-khtml-opacity:.7;
zoom:1;
}
}
header .menu-icon{
display: block;
margin: -1px 0 0 -10px;
position: absolute;
top: 50%;
left: 50%;
width: 20px;
height: 2px;
background: #fff;
transition: .2s;
}
header .menu-icon:before, header .menu-icon:after{
display: block;
content: "";
position: absolute;
top: 50%;
left: 0;
width: 20px;
height: 2px;
background: #fff;
transition: .3s;
}
header .menu-icon:before{
margin-top: -8px;
}
header .menu-icon:after{
margin-top: 6px;
}
header #panel_btn .close{
background: transparent;
}
header #panel_btn .close:before, header #panel_btn .close:after{
margin-top: 0;
}
header #panel_btn .close:before{
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
-mos-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
}
header #panel_btn .close:after{
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-mos-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
}

#contents {
width:100%;
margin:0 auto;
overflow:hidden;
}

#contents .information{
display: table;
width: 100%;
background: #f2f2f2;
}

#contents .information li{
display: table-cell;
width: 100%;
height: 90px;
padding: 2% 3%;
font-size: 16px;
vertical-align: middle;
line-height: 2;
-webkit-transition:.2s ease-in-out;
-moz-transition:.2s ease-in-out;
-o-transition:.2s ease-in-out;
-ms-transition:.2s ease-in-out;
transition:.2s ease-in-out;
word-break : break-all;
}

#contents .information li a{
color: #222;
}

#contents .copy-box{
padding: 2% 3% 10%;
color:#fff;
line-height:1.6;
background: url(/ikusa2017/images/gelge.png) #0d0d0d 0 0 no-repeat;
background-attachment: fixed;
background-size: cover;
position: relative;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
}

#contents .copy-box .arrow{
padding-top: 0;
}

#contents .copy-box img{
width: 80%;
max-width: 720px;
height: auto;
}

#contents .copy-box p,
#contents .date-box p,
#contents .contact-box p{
margin: 0 auto;
padding-top: 8%;
transition: .5s all ease-in-out;
-webkit-transition: .5s all ease-in-out;
-moz-transition: .5s all ease-in-out;
-ms-transition: .5s all ease-in-out;
-o-transition: .5s all ease-in-out;
}

#contents .copy-box .txt02{
font-size:30px;
}

#contents .copy-box .txt01,
#contents .date-box .txt02,
#contents .entry-box .txt02,
#contents .contact-box .txt01{
font-size:60px;
font-family:'notosans-b';
}

#contents .copy-box .lank{
color: #ff0;
font-family:'notosans-b';
}

#contents iframe.yt{
width: 100%;
max-width: 640px;
margin: 0 auto;
border: #333 1px solid;
}

#contents .date-box{
padding: 2% 3% 10%;
line-height:1.6;
background: url(/ikusa2017/images/live.png) #f2f2f2 50% 50% no-repeat;
background-attachment: fixed;
background-size: cover;
box-sizing: border-box;
position: relative;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
}

#contents .entry-box{
background: url(/ikusa2017/images/live.png) #0d0d0d 50% 50% no-repeat;
background-attachment: fixed;
background-size: cover;
}

#contents .date-box a{
color: #222;
}

#contents .date-box .arrow{
padding-top: 0;
border-color: #222222 transparent transparent transparent;
_border-color: #222222 #ffffff #ffffff #ffffff;
_filter: progid:DXImageTransform.Microsoft.Chroma(color='#ffffff');
}

#contents .date-box .txt01,
#contents .entry-box .txt01{
font-size:90px;
font-family:'notosans-b';
}

#contents .date-box .txt03,
#contents .entry-box .txt03{
padding-top: 1%;
font-size:30px;
}

#contents .date-box .txt04,
#contents .entry-box .txt04,
#contents .contact-box .txt03{
font-size:15px;
padding-top: 0;
}

#contents .date-box .menu,
#contents .entry-box .menu{
display: block;
max-width:640px;
margin: 0 auto;
color:#fff;
text-decoration: none;
background: #f2f2f2;
}

#contents .date-box .menu .menu-entry,
#contents .entry-box .menu .menu-entry{
width: auto;
max-width:640px;
max-height:80px;
margin: 2% auto;
padding: 1% 0;
font-size:48px;
font-weight: bold;
text-align: center;
border-style: solid;
border-width: 24px;
font-family:'notosans-b';
transition: .2s all ease-in-out;
-webkit-transition: .2s all ease-in-out;
-moz-transition: .2s all ease-in-out;
-ms-transition: .2s all ease-in-out;
-o-transition: .2s all ease-in-out;
}

#contents .date-box a .menu01,
#contents .entry-box a .menu01{
border-color: #6bb82d;
background: #b4d898;
text-shadow: 1px 1px 0 #6bb82d,-1px -1px 0 #6bb82d;
}

#contents .date-box a .menu02,
#contents .entry-box a .menu02{
border-color: #3173ba;
background: #9cbcdf;
text-shadow: 1px 1px 0 #337ccd,-1px -1px 0 #337ccd;
}
@media screen and (min-width: 769px) {
#contents .date-box .menu:hover,
#contents .entry-box .menu:hover{
opacity:1;
filter:alpha(opacity=100);
-ms-filter:"alpha(opacity=100)";
-moz-opacity:1;
-khtml-opacity:1;
zoom:1;
}
#contents .date-box .menu:hover .menu-entry,
#contents .entry-box .menu:hover .menu-entry{
opacity:.7;
filter:alpha(opacity=70);
-ms-filter:"alpha(opacity=70)";
-moz-opacity:.7;
-khtml-opacity:.7;
zoom:1;
}
}

#contents .date-box .map{
max-width: 960px;
margin: 1% auto 0;
padding-bottom: 8px;
text-align:center;
background: #0d0d0d;
border: #0d0d0d 1px solid;
}

#contents .date-box .map small a{
color: #fff;
}

#contents .date-box .date-dp{
display:none;
}

#contents .txt-box{
width: 92%;
max-width: 930px;
margin: 0 auto;
text-align: left;
}
#contents .txt-box li{
list-style-type: square;
}
#contents .txt-box li span{
display: block;
text-align: center;
}
#contents .txt-box li span img{
display: block;
width: 30%;
max-width: 150px;
margin: 0 auto;
}

#contents .contact-box{
padding: 0 3% 8%;
color:#fff;
line-height:1.6;
background:  #0d0d0d;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
}

#contents .contact-box a{
color:#fff;
}

#contents .contact-box .txt02{
padding-top: 3%;
font-size: 30px;
}

#contents .tw-box{
padding: 4% 3%;
background:#f2f2f2;
}

#contents .tw-box .tw_head {
max-width:520px;
margin:0 auto;
padding: 1% 3%;
color:#222;
background:#fff;
border:#0d0d0d 1px solid;
}

#contents .tw-box .tw_body {
max-width:520px;
margin:0 auto;
padding:0 3%;
color:#000;
border:#0d0d0d 1px solid;
background:#0d0d0d;
overflow: hidden;
}

#contents .share-box{
padding: 4% 0;
background:#0d0d0d;
}

#contents .share-box p{
color: #fff;
font-size: 12px;
margin: 0 auto 2%;
}

#contents .share-box .share{
margin:0 auto;
}

#contents .share-box .share > p{
display:inline-block;
margin: 0 3%;
}

footer{
padding:50px 0 2%;
color:#fff;
font-size: 12px;
background:#0d0d0d;
}

#contents .entrylist{
padding: 9% 2%;
line-height:1.6;
background: url(/ikusa2017/images/live.png) #f2f2f2 no-repeat;
background-position: 50% 50%;
background-attachment: fixed;
background-size: cover;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
}

#contents .entrylist .flexbox01,
#contents .entrylist .flexbox02{
display: flexbox;
display: -webkit-flexbox;
display: -moz-flexbox;
display: -ms-flexbox;
display: -o-flexbox;
}

#contents .entrylist ol{
width: 100%;
margin: 0 auto 1%;
display: flex;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
flex-flow:row wrap;
-webkit-flex-flow:row wrap;
-moz-flex-flow:row wrap;
-ms-flex-flow:row wrap;
-o-flex-flow:row wrap;
justify-content: center;
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-justify-content: center;
-o-justify-content: center;
}

#contents .entrylist ol > li{
min-height: 50px;
margin: 1%;
font-size: 16px;
color: #222;
text-align: center;
line-height: 1.2;
border: #0d0d0d 3px solid;
background: #f2f2f2;
flex:0 0 120px;
-webkit-flex:0 0 120px;
-moz-flex:0 0 120px;
-ms-flex:0 0 120px;
-o-flex:0 0 120px;
display: flex;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
align-items: center;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
-o-align-items: center;
justify-content: center;
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-justify-content: center;
-o-justify-content: center;
transition: .2s all ease-in-out;
-webkit-transition: .2s all ease-in-out;
-moz-transition: .2s all ease-in-out;
-ms-transition: .2s all ease-in-out;
-o-transition: .2s all ease-in-out;
cursor: pointer;
}

#contents .entrylist ol > li.active {
color: #fff;
border: #f2f2f2 3px solid;
background: #0d0d0d;
}

#contents .entrylist > p{
margin-bottom: 1%;
}

#contents .entrylist > p > span:nth-child(1){
color:#e71f1c;
}
#contents .entrylist > p > span:nth-child(2){
color:#6bb82d;
}
#contents .entrylist > p > span:nth-child(3){
color:#3173ba;
}
#contents .entrylist > p > span:nth-child(4){
color:#ab539b;
}
#contents .entrylist > p > span:nth-child(5){
color:#d8ab1a;
}

#contents .entrylist ul{
display: flex;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
flex-flow:row wrap;
-webkit-flex-flow:row wrap;
-moz-flex-flow:row wrap;
-ms-flex-flow:row wrap;
-o-flex-flow:row wrap;
justify-content: center;
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-justify-content: center;
-o-justify-content: center;
}

#contents .entrylist ul > li{
min-height: 150px;
margin: 2px;
padding: .5% 0;
font-size: 16px;
color: #222;
text-align: center;
line-height: 1.2;
border: 12px solid;
background: #fff;
flex:0 0 150px;
-webkit-flex:0 0 150px;
-moz-flex:0 0 150px;
-ms-flex:0 0 150px;
-o-flex:0 0 150px;
display: flex;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
align-items: center;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
-o-align-items: center;
justify-content: center;
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-justify-content: center;
-o-justify-content: center;
transition: .2s all ease-in-out;
-webkit-transition: .2s all ease-in-out;
-moz-transition: .2s all ease-in-out;
-ms-transition: .2s all ease-in-out;
-o-transition: .2s all ease-in-out;
cursor: pointer;
}

#contents .entrylist ul > li p .img{
display: table;
width: 100px;
height: 100px;
margin: 0 auto;
font-size: 12px;
color: #222;
background: #fff;
position: relative;
transition: .2s all ease-in-out;
-webkit-transition: .2s all ease-in-out;
-moz-transition: .2s all ease-in-out;
-ms-transition: .2s all ease-in-out;
-o-transition: .2s all ease-in-out;
}

#contents .entrylist ul > li p .img img{
transition: .2s all ease-in-out;
-webkit-transition: .2s all ease-in-out;
-moz-transition: .2s all ease-in-out;
-ms-transition: .2s all ease-in-out;
-o-transition: .2s all ease-in-out;
}

#contents .entrylist ul > li.kansai p .img{
border: #e71f1c 2px solid;
}

#contents .entrylist ul > li.kantou p .img{
border: #6bb82d 2px solid;
}

#contents .entrylist ul > li.toukai p .img{
border: #3173ba 2px solid;
}

#contents .entrylist ul > li.kyushu p .img{
border: #ab539b 2px solid;
}

#contents .entrylist ul > li.champion p .img{
border: #d8ab1a 2px solid;
}

#contents .entrylist ul > li p .img > span{
display: table-cell;
width: 100%;
height: 100%;
vertical-align: middle;
}

#contents .entrylist ul > li p .block{
font-size: 14px;
}

#contents .entrylist ul > li p .txt > span{
font-size: 12px;
color: #d00;
}
@media screen and (max-width: 480px) {
#contents .entrylist ul > li p .block{
font-size: 12px;
}
#contents .entrylist ul > li p .txt > span{
font-size: 10px;
}
}
@media screen and (max-width: 320px) {
#contents .entrylist ul > li p .block{
font-size: 10px;
}
}

#contents .entrylist #modal{
display: none;
margin: 0 auto;
position: fixed;
top: 0;
left: 0;
z-index: 9999;
}

#contents .entrylist #modal .box{
display: none;
width: 100%;
max-width: 720px;
padding: 20px;
margin: 0 auto;
font-size: 18px;
color:#000;
text-align: center;
line-height: 1.2;
border-width: 12px;
border-style: solid;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
transition: .2s all ease-in-out;
-webkit-transition: .2s all ease-in-out;
-moz-transition: .2s all ease-in-out;
-ms-transition: .2s all ease-in-out;
-o-transition: .2s all ease-in-out;
}

#contents .entrylist #modal .box div{
margin: 0 auto;
display: block;
vertical-align: middle;
transition: .2s all ease-in-out;
-webkit-transition: .2s all ease-in-out;
-moz-transition: .2s all ease-in-out;
-ms-transition: .2s all ease-in-out;
-o-transition: .2s all ease-in-out;
}

#contents .entrylist #modal .box div:nth-of-type(1){
width: 100%;
margin: 0 auto 10px;
padding-bottom: 6px;
border-bottom: #222 1px solid;
}

#contents .entrylist #modal .box div:nth-of-type(1) h2{
display: table;
width: 150px;
height: 150px;
margin: 0 auto;
font-size: 16px;
color: #222;
background: #fff;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
position: relative;
}

#contents .entrylist #modal .kansai div:nth-of-type(1) h2{
border: #e71f1c 3px solid;
}

#contents .entrylist #modal .kantou div:nth-of-type(1) h2{
border: #6bb82d 3px solid;
}

#contents .entrylist #modal .toukai div:nth-of-type(1) h2{
border: #3173ba 3px solid;
}

#contents .entrylist #modal .kyushu div:nth-of-type(1) h2{
border: #ab539b 3px solid;
}

#contents .entrylist #modal .champion div:nth-of-type(1) h2{
border: #d8ab1a 3px solid;
}

#contents .entrylist #modal .box div:nth-of-type(1) h2 > span{
display: table-cell;
width: 100%;
height: 100%;
vertical-align: middle;
}

#contents .entrylist #modal .box div:nth-of-type(1) p{
margin: 0 auto;
font-family:'notosans-b';
}

#contents .entrylist #modal .box div:nth-of-type(1) p > span{
color: #d00;
}

#contents .entrylist #modal .box div:nth-of-type(1) p:nth-of-type(1){
font-size: 24px;
line-height: 1.6;
transition: .2s all ease-in-out;
-webkit-transition: .2s all ease-in-out;
-moz-transition: .2s all ease-in-out;
-ms-transition: .2s all ease-in-out;
-o-transition: .2s all ease-in-out;
}

#contents .entrylist #modal .box div:nth-of-type(2){
width: 100%;
}

#contents .entrylist #modal .box div:nth-of-type(2) p{
text-align: left;
margin-bottom: 1%;
}

#contents .entrylist #modal .box div:nth-of-type(2) p > span{
font-family:'notosans-b';
}

#contents .entrylist #modal-overlay{
display: none;
width: 100%;
height: 120%;
background: rgba(0,0,0,0.75);
position: fixed;
top: 0;
left: 0;
z-index: 999;
cursor: pointer;
transition: .2s all ease-in-out;
-webkit-transition: .2s all ease-in-out;
-moz-transition: .2s all ease-in-out;
-ms-transition: .2s all ease-in-out;
-o-transition: .2s all ease-in-out;
}

#contents .entrylist #modal-close{
display: none;
margin: -1px 0 0 -12px;
width: 24px;
height: 2px;
background: transparent;
position: fixed;
top: 6%;
right: 3%;
z-index: 99999;
cursor: pointer;
}
#contents .entrylist #modal-close:before, #contents .entrylist #modal-close:after{
display: block;
content: "";
margin-top: 0;
position: absolute;
top: 50%;
left: 0;
width: 24px;
height: 2px;
background: #fff;
transition: .3s;
}
#contents .entrylist #modal-close:before{
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
-mos-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
}
#contents .entrylist #modal-close:after{
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-mos-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
}
@media screen and (min-width: 769px) {
#contents .entrylist #modal-close:hover{
opacity:.7;
filter:alpha(opacity=70);
-ms-filter:"alpha(opacity=70)";
-moz-opacity:.7;
-khtml-opacity:.7;
}
}

#contents .entrylist .kansai{
border-color: #e71f1c;
background: #efb4b3;
}

#contents .entrylist .kantou{
border-color: #6bb82d;
background: #b4d898;
}

#contents .entrylist .toukai{
border-color: #3173ba;
background: #9cbcdf;
}

#contents .entrylist .kyushu{
border-color: #ab539b;
background: #cc8fc1;
}

#contents .entrylist .champion{
border-color: #d8ab1a;
background: #dfd2a7;
}

@media screen and (min-width: 769px) {
#contents .entrylist ol > li:not(.active):hover {
color: #656565;
border: #565656 3px solid;
background: #f6f6f6;
}

#contents .entrylist ul > li:hover {
color: #656565;
}
#contents .entrylist ul > li:hover p .img img{
opacity:.7;
filter:alpha(opacity=70);
-ms-filter:"alpha(opacity=70)";
-moz-opacity:.7;
-khtml-opacity:.7;
}

#contents .entrylist ul > li.kansai:hover {
border-color: #ee6361;
background: #f4cbca;
}
#contents .entrylist ul > li.kansai:hover p .img{
border: #ee6361 2px solid;
}

#contents .entrylist ul > li.kantou:hover {
border-color: #98cd6c;
background: #cbe4b7;
}
#contents .entrylist ul > li.kantou:hover p .img{
border: #98cd6c 2px solid;
}

#contents .entrylist ul > li.toukai:hover {
border-color: #6f9dcf;
background: #bad0e9;
}
#contents .entrylist ul > li.toukai:hover p .img{
border: #6f9dcf 2px solid;
}

#contents .entrylist ul > li.kyushu:hover {
border-color: #c487b9;
background: #dbb1d4;
}
#contents .entrylist ul > li.kyushu:hover p .img{
border: #c487b9 2px solid;
}

#contents .entrylist ul > li.champion:hover {
border-color: #debe5b;
background: #e4dabd;
}
#contents .entrylist ul > li.champion:hover p .img{
border: #debe5b 2px solid;
}

#contents .entrylist .active:hover {
opacity:1;
filter:alpha(opacity=100);
-ms-filter:"alpha(opacity=100)";
-moz-opacity:1;
-khtml-opacity:1;
}
}

#contents .rule-box{
padding: 2% 3% 16%;
line-height:1.6;
position: relative;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
}

#contents .rule-bg01{
color:#222;
background: url(/ikusa2017/images/live.png) #f2f2f2 50% 50% no-repeat;
background-attachment: fixed;
background-size: cover;
}

#contents .rule-bg01 a{
color:#222;
}

#contents .rule-bg02{
color:#fff;
background: url(/ikusa2017/images/live.png) #0d0d0d 50% 50% no-repeat;
background-attachment: fixed;
background-size: cover;
}

#contents .rule-bg02 a{
color:#fff;
}

#contents .rule-box .arrow{
padding-top: 0;
}

#contents .rule-bg01 .arrow{
border-color: #222222 transparent transparent transparent;
_border-color: #222222 #ffffff #ffffff #ffffff;
_filter: progid:DXImageTransform.Microsoft.Chroma(color='#ffffff');
}

#contents .rule-box img{
width: 60%;
max-width: 720px;
height: auto;
}

#contents .rule-box p{
max-width: 960px;
margin: 0 auto;
padding-top: 8%;
transition: .5s all ease-in-out;
-webkit-transition: .5s all ease-in-out;
-moz-transition: .5s all ease-in-out;
-ms-transition: .5s all ease-in-out;
-o-transition: .5s all ease-in-out;
}

#contents .rule-box .txt01{
font-size:60px;
font-family:'notosans-b';
}

#contents .rule-box .txt02{
font-size:30px;
}

#contents .rule-box .txt03{
display: block;
padding-top: 0;
font-size:15px;
}

#contents .rule-box .panel-box{
display: block;
width: 100%;
max-width: 720px;
margin: 0 auto;
height: auto;
}

#contents .rule-box .panel-box .panel{
display: inline-block;
width:30%;
max-width: 120px;
padding: 0 1%;
vertical-align: top;
}

#contents .rule-box .panel-box .panel img{
width: 100%;
}

@media screen and (max-width: 960px) {
.arrow{
border-width: 22px 22px 0 22px;
}

nav > ul > li > a > span,
nav > ul > li > i > span{
font-size: 18px;
border-width: 12px;
}

header > div > h1{
width:115px;
}

header > div > h2 > span{
font-size: 68px;
}

header > div > h2 > span > span{
font-size: 30px;
}

#contents .copy-box .txt01,
#contents .date-box .txt02,
#contents .entry-box .txt02,
#contents .contact-box .txt01,
#contents .rule-box .txt01{
font-size: 45px;
}

#contents .copy-box .txt02,
#contents .date-box .txt03,
#contents .entry-box .txt03,
#contents .contact-box .txt02,
#contents .rule-box .txt02{
font-size: 22px;
}

#contents .date-box .txt01,
#contents .entry-box .txt01{
font-size:68px;
}

#contents .date-box .txt04,
#contents .entry-box .txt04,
#contents .contact-box .txt03,
#contents .rule-box .txt03{
font-size:12px;
}

#contents .date-box .menu .menu-entry,
#contents .entry-box .menu .menu-entry{
font-size:36px;
border-width: 18px;
}
}

@media screen and (max-width: 740px) {
.arrow{
border-width: 20px 20px 0 20px;
}

.banner-box{
font-size: 12px;
}

.pc{display:none;}
.sp{display:block;}

#form a span{
font-size:26px;
}

#toppage{
border-width: 0 12px 16px 12px;
}

nav > ul > li > a > span,
nav > ul > li > i > span{
height: 50px;
font-size: 14px;
border-width: 6px;
}

header > div > h1{
width:115px;
}

header > div > h2 > span{
font-size: 45px;
}

header > div > h2 > span > span{
font-size: 20px;
}

#contents .information li{
height: 50px;
font-size: 12px;
}

#contents .copy-box,
#contents .date-box{
padding: 2% 3% 12%;
}

#contents .copy-box .txt01,
#contents .date-box .txt02,
#contents .entry-box .txt02,
#contents .contact-box .txt01,
#contents .rule-box .txt01{
font-size: 30px;
}

#contents .copy-box .txt02,
#contents .date-box .txt03,
#contents .entry-box .txt03,
#contents .contact-box .txt02,
#contents .rule-box .txt02{
font-size: 15px;
}

#contents .date-box .txt01,
#contents .entry-box .txt01{
font-size:45px;
}

#contents .date-box .txt04,
#contents .entry-box .txt04,
#contents .contact-box .txt03,
#contents .rule-box .txt03{
font-size:10px;
}

#contents .date-box .map > iframe{
height: 320px;
}

#contents .date-box .menu .menu-entry,
#contents .entry-box .menu .menu-entry{
font-size:24px;
border-width: 12px;
}

#contents .share-box .share > p > a > img{
width: auto;
height: 30px;
}

#contents .entrylist ol > li{
min-height: 44px;
font-size: 14px;
border: 2px solid;
flex:0 0 100px;
-webkit-flex:0 0 100px;
-moz-flex:0 0 100px;
-ms-flex:0 0 100px;
-o-flex:0 0 100px;
}

#contents .entrylist > p{
font-size: 14px;
}

#contents .entrylist ul > li{
min-height: 120px;
margin: 1px;
font-size: 14px;
border: 8px solid;
flex:0 0 120px;
-webkit-flex:0 0 120px;
-moz-flex:0 0 120px;
-ms-flex:0 0 120px;
-o-flex:0 0 120px;
}

#contents .entrylist ul > li p .img{
width: 80px;
height: 80px;
}

#contents .entrylist #modal .box{
padding: 10px;
font-size: 14px;
border-width: 6px;
}

#contents .entrylist #modal .box div:nth-of-type(1) h2{
width: 100px;
height: 100px;
}

#contents .entrylist #modal .box div:nth-of-type(1) p:nth-of-type(1){
font-size: 18px;
line-height: 1.6;
}

#contents .rule-box img{
width: 100%;
}
}

@media screen and (max-width: 480px) {
.arrow{
border-width: 16px 16px 0 16px;
}

.nav-dp{display:block;}

nav > ul > li > a > span,
nav > ul > li > i > span{
font-size: 12px;
border-width: 6px;
}

header > div > h1{
width:95px;
}

header > div > h2 > span{
font-size: 30px;
}

header > div > h2 > span > span{
font-size: 12px;
}

#contents .information li{
padding: 0 2%;
text-align: left;
}

#contents .copy-box,
#contents .date-box{
padding: 2% 3% 14%;
}

#contents .copy-box .txt01,
#contents .date-box .txt02,
#contents .entry-box .txt02,
#contents .contact-box .txt01,
#contents .rule-box .txt01{
font-size: 24px;
}

#contents .copy-box .txt02,
#contents .date-box .txt03,
#contents .entry-box .txt03,
#contents .contact-box .txt02,
#contents .rule-box .txt02{
font-size: 12px;
}

#contents .date-box .txt01,
#contents .entry-box .txt01{
font-size:36px;
}

#contents .rule-box .txt02{
text-align: left;
}

#contents .rule-box .center{
display: block;
text-align: center;
}

#contents .rule-box .center-br{
display: none;
}

#contents iframe.yt{
height: 270px;
}

#contents .date-box .map > iframe{
height: 220px;
}

#contents .date-box .menu .menu-entry,
#contents .entry-box .menu .menu-entry{
font-size:20px;
border-width: 10px;
}

#contents .entrylist ol > li{
min-height: 44px;
font-size: 12px;
border: 1px solid;
flex:0 0 80px;
-webkit-flex:0 0 80px;
-moz-flex:0 0 80px;
-ms-flex:0 0 80px;
-o-flex:0 0 80px;
}

#contents .entrylist > p{
font-size: 12px;
}

#contents .entrylist ul > li{
min-height: 100px;
margin: 1px;
font-size: 12px;
border: 6px solid;
flex:0 0 100px;
-webkit-flex:0 0 100px;
-moz-flex:0 0 100px;
-ms-flex:0 0 100px;
-o-flex:0 0 100px;
}

#contents .entrylist ul > li p .img{
width: 65px;
height: 65px;
}
}

@media screen and (max-width: 479px) {
header > div > h2 > span > img{
width: 92%;
max-width: 720px;
}
}

@media screen and (max-width: 320px) {
.nav-dp{display:none;}

#contents .copy-box,
#contents .date-box{
padding: 2% 3% 16%;
}

#contents .date-box .date-dp{display:block;}

#contents iframe.yt{
height: 180px;
}
}

.center{
text-align: center;
}

.team-coror01{color:#FF2020;}
.team-coror02{color:#87FF43;}
.team-coror03{color:#0043FF;}
.team-coror04{color:#FFFF00;}
.team-coror05{color:#89FFFF;}
.team-coror06{color:#CC00FF;}
.team-coror07{color:#FF9900;}
.team-coror01,.team-coror02,.team-coror03,.team-coror04,.team-coror05,.team-coror06,.team-coror07{
text-shadow:1px 1px 0 #000,-1px -1px 0 #000,1px 1px 0 #000,-1px -1px 0 #000;
}