@charset "UTF-8";


/* -- varSet -- */
:root {
	--fmG:  'Oswald','fot-udkakugoc60-pro', sans-serif;
}

/* -- selection -- */
::selection {
    background: #e50f12;
    color: #ffffff;
}
::-moz-selection {
    background: #e50f12;
    color: #ffffff;
}

/* -- a:link -- */
a:link {color:#369;}
a:visited {color:#369;}
a:active  {color:#369;}
a {transition: all 0.18s;}
a:hover  {opacity: 0.80;}


/* layout Styles
-------------------------------------- */



.inner {
	width: 100%;
	max-width: 880px;
	margin: 0 auto;
	padding: 0;
}
header .inner,
footer .inner {
	padding-left: clamp(2.4rem, 6vw, 3.3rem);
	padding-right: clamp(2.4rem, 6vw, 3.3rem);
}

header {
	padding: 6vw 0 5vw 0;
}

main {
  padding-bottom: 100px;
}
section {
  margin-bottom: 100px !important;
}
footer {
	padding: 6vw 0 5vw 0;
}
footer ul {
  margin-bottom: 24px;
}
footer ul li {
  padding: 6px 0;
  text-align: center;
}
footer p {
  padding: 3px 0;
  font: 400 13px/1.3 'M PLUS 1p';
}

/* contents Styles
-------------------------------------- */

h1 {
	font: 700 32px/1.3 'M PLUS 1p';
}
h1 strong {
  font-weight: normal;
	padding-top: .2em;
	border-top: 1px solid #ccc;
	display: block;
	font: 500 14px/1.3 'M PLUS 1p';
}

h2 {
  font: 400 13px/1.0 var(--fmG);
  height: 33px;
}
h3 {
  font: 400 10px/1.4 var(--fmG);
}
.hourBox h3 {
  height: 60px;
}

article ul {
  margin: 5vw 0 0 0;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  border-top: 1px solid #ccc;
}
article  ul li {
  flex-shrink: 0;
  width: 50%;
}
article  ul li a {
  display: block;
  text-align: center;
  padding: 6px;
  background:#222;
  color: #fff !important;
  text-decoration: none;
}
article ul li a:hover {
  opacity: 0.80;
}
article#day1 ul li:nth-of-type(2) {
  opacity: 0.30;
}
article#day2 ul li:nth-of-type(1) {
  opacity: 0.30;
}

.sun {background: #eba04d url(../img/memori.png) repeat 0 40px;
  background-size: 100px;
}
.red {background: #ce4747 url(../img/memori.png) repeat 0 40px;
  background-size: 100px;
}
.ear {background: #5aa8db url(../img/memori.png) repeat 0 40px;
  background-size: 100px;
}
.def {background: #e6c222 url(../img/memori.png) repeat 0 40px;
  background-size: 100px;
}
.boh {background: #7b50a3 url(../img/memori.png) repeat 0 40px;
  background-size: 100px;
}
.ext {background: #aaa url(../img/memori.png) repeat 0 40px;
  background-size: 100px;
}
.rad {background: #999 url(../img/memori.png) repeat 0 40px;
  background-size: 100px;
}
/* .ext {background: #97c13d url(../img/memori.png) repeat 0 40px;
  background-size: 100px;
} */

.hourBox {
  background: url(../img/memori.png) repeat-y 0 40px;
  background-size: 100px;
}
.stageBox {
  background: url(../img/memori.png) repeat-y 0 40px;
  background-size: 100px;
}


.ttSet {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.ttSet .hourBox {
  flex-shrink: 0;
  width: 25px;
  text-align: center;
}

.ttSet .stageBox {
  flex-shrink: 0;
  width: calc(100% - 25px);
  display: flex;
  justify-content: flex-start;
}
.ttSet .stageBox > div {
  flex: 1;
  padding: 3px;
  position: relative;
}
.ttSet .stageBox > div h2 {
  background: #fff;
  font: 400 12px/1.0 var(--fmG);
  height: auto;
  padding: 2px;
  text-align: center;
}

.ttSet .stageBox > div > div {
  position: absolute;
  right: 3px;
  left: 3px;
  background: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  align-content: center;
  font: 400 12px/1.0 var(--fmG);
  padding-top: 2px;
  border-radius: 0px;
  padding-left: 2px;
  padding-right: 2px;
}
.ttSet .stageBox > div > div time {
  position: absolute;
  top: -13px;
  left: 0;
  background: #000;
  padding: 2px 5px;
  border-radius:3px 3px 0px 0px;
  color: #fff;
  font: 400 9px/1.0 var(--fmG);
  margin-bottom: 2px;
  text-align: center;
}
.ttSet .stageBox > div > div strong {
  color: #222;
  font: 500 11px/1.1 var(--fmG);
  text-align: center;
}

.maturi strong {
  font: 400 12px/1.0 var(--fmG) !important;
  color: #633 !important;
}
.maturi strong::before {
  content:'祭';
  background:#e50f12;
  color: #fff;
  font: 400 11px/1.0 var(--fmG);
  display: inline-block;
  padding: 0 1px 1px 1px;
  margin-right: 2px;
}
.maturi time {
  background: #c33 !important;
}

.provo strong {
  font: 400 12px/1.0 var(--fmG) !important;
  color: #369 !important;
}
.provo strong::before {
  content:'PV';
  background:#369;
  color: #fff;
  font: 400 11px/1.0 var(--fmG);
  display: inline-block;
  padding: 0 1px 1px 1px;
  margin-right: 2px;
}
.provo time {
  background: #357 !important;
}
.tope strong {
  font: 400 12px/1.0 var(--fmG) !important;
  color: #396 !important;
}
.tope strong::before {
  content:'GT';
  background:#396;
  color: #fff;
  font: 400 11px/1.0 var(--fmG);
  display: inline-block;
  padding: 0 1px 1px 1px;
  margin-right: 2px;
}
.tope time {
  background: #396 !important;
}

.airg,
.sppr,
.north {
  background:#555 !important;
  color: #fff!important;
}
.airg strong,
.sppr strong,
.north strong {
  color: #fff !important;
}
.north strong::before {
  width: 11px;
  height: 11px;
  display: inline-block;
  content:'' !important;
  background: url(../img/icon_nw.svg) no-repeat center center;
  background-size: 11px;
  padding: 0 1px 1px 1px;
  margin-right: 2px;
}

.airg strong::before {
  width: 11px;
  height: 11px;
  display: inline-block;
  content:'' !important;
  background: url(../img/icon_ag.svg) no-repeat center center;
  background-size: 11px;
  padding: 0 1px 1px 1px;
  margin-right: 2px;
}

.sppr strong::before {
  width: 11px;
  height: 11px;
  display: inline-block;
  content:'' !important;
  background: url(../img/icon_sp.svg) no-repeat center center;
  background-size: 11px;
  padding: 0 1px 1px 1px;
  margin-right: 2px;
}

.rsc time {
  background: #f00 !important;
  color: #fff !important;
}
.rsc strong {
  color: #c00 !important;
}
.rsc strong::before {
  width: 11px;
  height: 11px;
  display: inline-block;
  content:'' !important;
  background: url(../img/rsc.png) no-repeat center center;
  background-size: 11px;
  padding: 0 1px 1px 1px;
  margin-right: 2px;
}

.iconset {
  display: block;
  width: 100%;
  padding:24px;
  text-align: center;
}
.iconset img {
  max-width: 320px;
  width: 100%;
}
.rb {border-right:12px solid #fff;}

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

h1 {
	font: 700 24px/1.3 'Outfit','M PLUS 1p';
}
h1 strong {
  font-weight: normal;
	padding-top: .2em;
	border-top: 1px solid #ccc;
	display: block;
	font: 400 14px/1.3 'Outfit','M PLUS 1p';
}
.ext div time,
.rad div time {
}
.ext > div strong,
.rad > div strong {
  font-size: 9px !important;
}
h2 {
  font-size: 9px !important;
}

.ttSet .hourBox {
  flex-shrink: 0;
  width: 15px;
  text-align: center;
}
.ttSet .hourBox em {
  display: none;
}

.ttSet .stageBox {
  flex-shrink: 0;
  width: calc(100% - 15px);
  display: flex;
  justify-content: flex-start;
}
.ttSet .stageBox > div h2 {
  font: 400 10px/1.0 var(--fmG);
}
.ttSet .stageBox > div > div time {
  top: -12px;
  left: 0;
  font: 400 8px/1.0 var(--fmG);
  padding: 2px 3px;
}
.ttSet .stageBox > div > div strong {
  font: 500 9px/1.1 var(--fmG);
}
.rb {border-right:4px solid #fff;}
.maturi strong {
  font: 400 8px/1.0 var(--fmG) !important;
  color: #c55 !important;
}
.maturi strong::before {
  content:'祭';
  background:#e50f12;
  color: #fff;
  font: 400 8px/1.0 var(--fmG);
  display: inline-block;
  padding: 0 1px 1px 1px;
  margin-right: 2px;
}
.north strong {
  font: 400 8px/1.0 var(--fmG) !important;
}
.provo strong {
  font: 400 8px/1.0 var(--fmG) !important;
  color: #369 !important;
}
.provo strong::before {
  content:'PV';
  background:#369;
  color: #fff;
  font: 400 8px/1.0 var(--fmG);
  display: inline-block;
  padding: 0 1px 1px 1px;
  margin-right: 2px;
}
.tope strong {
  font: 400 8px/1.0 var(--fmG) !important;
  color: #396 !important;
}
.tope strong::before {
  content:'GT';
  background:#396;
  color: #fff;
  font: 400 8px/1.0 var(--fmG);
  display: inline-block;
  padding: 0 1px 1px 1px;
  margin-right: 2px;
}

}

.camp {
  background: rgba(255,255,255,.68) !important;
}

.t20 {
  height: 20px;
}
.t30 {
  height: 30px;
}
.t40 {
  height: 40px;
}
.t45 {
  height: 45px;
}
.t50 {
  height: 50px;
}
.t60 {
  height: 60px;
}
.t70 {
  height: 70px;
}
.t80 {
  height: 80px;
}
.t90 {
  height: 90px;
}

.s1000 {top: 40px;}
.s1010 {top: 50px;}
.s1020 {top: 60px;}
.s1030 {top: 70px;}
.s1040 {top: 80px;}
.s1050 {top: 90px;}
.s1100 {top: 100px;}
.s1110 {top: 110px;}
.s1120 {top: 120px;}
.s1130 {top: 130px;}
.s1140 {top: 140px;}
.s1150 {top: 150px;}
.s1200 {top: 160px;}
.s1210 {top: 170px;}
.s1220 {top: 180px;}
.s1230 {top: 190px;}
.s1240 {top: 200px;}
.s1250 {top: 210px;}
.s1300 {top: 220px;}
.s1310 {top: 230px;}
.s1320 {top: 240px;}
.s1330 {top: 250px;}
.s1340 {top: 260px;}
.s1350 {top: 270px;}
.s1400 {top: 280px;}
.s1410 {top: 290px;}
.s1420 {top: 300px;}
.s1430 {top: 310px;}
.s1440 {top: 320px;}
.s1450 {top: 330px;}
.s1500 {top: 340px;}
.s1510 {top: 350px;}
.s1520 {top: 360px;}
.s1530 {top: 370px;}
.s1540 {top: 380px;}
.s1550 {top: 390px;}
.s1600 {top: 400px;}
.s1610 {top: 410px;}
.s1620 {top: 420px;}
.s1630 {top: 430px;}
.s1640 {top: 440px;}
.s1650 {top: 450px;}
.s1700 {top: 460px;}
.s1710 {top: 470px;}
.s1720 {top: 480px;}
.s1730 {top: 490px;}
.s1740 {top: 500px;}
.s1750 {top: 510px;}
.s1800 {top: 520px;}
.s1810 {top: 530px;}
.s1820 {top: 540px;}
.s1830 {top: 550px;}
.s1840 {top: 560px;}
.s1850 {top: 570px;}
.s1900 {top: 580px;}
.s1910 {top: 590px;}
.s1920 {top: 600px;}
.s1930 {top: 610px;}
.s1940 {top: 620px;}
.s1950 {top: 630px;}
.s2000 {top: 640px;}
.s2010 {top: 650px;}
.s2020 {top: 660px;}
.s2030 {top: 670px;}
.s2040 {top: 680px;}
.s2050 {top: 690px;}
.s2100 {top: 700px;}
.s2110 {top: 710px;}
.s2120 {top: 720px;}
.s2130 {top: 730px;}
.s2140 {top: 740px;}
.s2150 {top: 750px;}
.s2200 {top: 760px;}
.s2210 {top: 770px;}
.s2220 {top: 780px;}
.s2230 {top: 790px;}
.s2240 {top: 800px;}
.s2250 {top: 810px;}
.s2300 {top: 820px;}
.s2310 {top: 830px;}
.s2320 {top: 840px;}
.s2330 {top: 850px;}
.s2340 {top: 860px;}
.s2350 {top: 870px;}
.s2400 {top: 880px;}
.s2410 {top: 890px;}
.s2420 {top: 900px;}
.s2430 {top: 910px;}
.s2440 {top: 920px;}
.s2450 {top: 930px;}
.s0100 {top: 940px;}
.s0110 {top: 950px;}
.s0120 {top: 960px;}
.s0130 {top: 970px;}
.s0140 {top: 980px;}
.s0150 {top: 990px;}
.s0200 {top: 1000px;}
.s0210 {top: 1010px;}
.s0220 {top: 1020px;}
.s0230 {top: 1030px;}
.s0240 {top: 1040px;}
.s0250 {top: 1050px;}
.s0300 {top: 1060px;}
.s0310 {top: 1070px;}
.s0320 {top: 1080px;}
.s0330 {top: 1090px;}
.s0340 {top: 1100px;}
.s0350 {top: 1110px;}
.s0400 {top: 1120px;}
.s0410 {top: 1130px;}
.s0420 {top: 1140px;}
.s0430 {top: 1150px;}
.s0440 {top: 1160px;}
.s0450 {top: 1170px;}
.s0500 {top: 1180px;}
.s0510 {top: 1190px;}
.s0520 {top: 1200px;}
.s0530 {top: 1210px;}
.s0540 {top: 1220px;}
.s0550 {top: 1230px;}
.s0600 {top: 1240px;}
.s0700 {top: 1250px;}
.s0710 {top: 1260px;}
.s0720 {top: 1270px;}
.s0730 {top: 1280px;}
.s0740 {top: 1290px;}
.s0750 {top: 1300px;}
.s0800 {top: 1310px;}

/* --  -- */



.sbox-inner {
    display: flex;
}

.sbox-inner input#searchbox {
  flex: auto;
  border: 1px solid #CCCCCC;
  padding: 12px;
}
.sbox-inner #searchbutton {
  padding: 0 12px;
}

/* ---------------------------------------------
	animation:scrollMove Styles
--------------------------------------------- */

/* -- up -- */
.scroll_up {
  transition: 0.8s ease-in-out;
  transform: translateY(30px);
  opacity: 0;
}
.scroll_up.on {
  transform: translateY(0);
  opacity: 1.0;
}

/* -- left >>> -- */
.scroll_left {
    -webkit-transition: 0.8s ease-in-out;
    -moz-transition: 0.8s ease-in-out;
    -o-transition: 0.8s ease-in-out;
    transition: 0.8s ease-in-out;
    transform: translateX(-30px);
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
}
.scroll_left.on {
    opacity: 1.0;
    filter: alpha(opacity=100);
    -moz-opacity: 1.0;
    transform: translateX(0);
}

/* -- right <<< -- */
.scroll_right {
    -webkit-transition: 0.8s ease-in-out;
    -moz-transition: 0.8s ease-in-out;
    -o-transition: 0.8s ease-in-out;
    transition: 0.8s ease-in-out;
    transform: translateX(30px);
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
}
.scroll_right.on {
    opacity: 1.0;
    filter: alpha(opacity=100);
    -moz-opacity: 1.0;
    transform: translateX(0);
}

/* -- timing -- */
.timing02 {transition-delay: .2s;}
.timing03 {transition-delay: .4s;}
.timing04 {transition-delay: .6s;}
.timing05 {transition-delay: .8s;}