@charset "utf-8";
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  font: inherit;
  vertical-align: baseline;
  margin: 0;
  padding: 0; }
  
/* Global Reset & Standards ---------------------- */
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
html { font-size:16px }
body { font-family: "Noto Sans JP",sans-serif; font-size: 100%; line-height:1; color:#3E3A39; font-weight:nomal; position: relative; -webkit-font-smoothing: antialiased; }
img { border:0px; max-width: 100%}
figure { margin: 0 }

/* The Grid ---------------------- */
.row { width:1260px; max-width: 100%; min-width: 600px; margin: 0 auto; }
.row .row { width: auto; max-width: none; min-width: 0; margin: 0 -8px; }
.row.collapse .column,
.row.collapse .columns { padding: 0 }
.row .row { width: auto; max-width: none; min-width: 0; margin: 0 -8px; }
.row .row.collapse { margin: 0 }
.column,
.columns { float: left; min-height: 1px; padding: 0 8px; /* position: relative;*/ }
.column.centered,
.columns.centered { float: none; margin: 0 auto; }
[class*="column"] + [class*="column"]:last-child { float: /*right*/left }
[class*="column"] + [class*="column"].end { float: left }
.one,.row .one { width: 8.33333% }
.two,.row .two { width: 16.66667% }
.threes,.row .threes { width: 20% }
.three,.row .three { width: 25% }
.four,.row .four { width: 33.33333% }
.five,.row .five { width: 41.66667% }
.six,.row .six { width: 50% }
.seven,.row .seven { width: 58.33333% }
.eight,.row .eight { width: 66.66667% }
.nine,.row .nine { width: 75% }
.ten,.row .ten { width: 83.33333% }
.eleven,.row .eleven { width: 91.66667% }
.twelve,.row .twelve { width: 100% }
.row:before,.row:after { content: ""; display: table; }
.row:after { clear: both }
img,object,embed { height: auto }
object,embed { height: 100% }
img { -ms-interpolation-mode: bicubic }


h1,h2,h3,h4,h5,h6,p,a{ font-family: "Noto Sans JP",sans-serif; color: #3E3A39; text-rendering: optimizeLegibility; line-height: 1;  }
p { font-size: 16px; font-size: 1.0rem; line-height: 1.59; letter-spacing: 0.125em; }
h1 { font-size: 89px; font-size: 5.56rem; line-height: 1; letter-spacing:0em;}
h2 { font-size: 30px; font-size: 1.87rem; line-height: 1.23; letter-spacing:0em;}
h3 { font-size: 18px; font-size: 1.125rem; line-height: 1.23; letter-spacing:0.125em;}
h4 { font-size: 16px; font-size: 1.0rem; line-height: 1.59; letter-spacing:0.125em;}
h5 { font-size: 13px; font-size: 0.812rem; line-height: 1.59;}
.kome { font-size: 13px; font-size: 0.812rem; line-height: 1.33; }

.mb8{ margin-bottom:4px !important;}
.mb18{ margin-bottom:18px;}
.mb21{ margin-bottom:21px;}
.mb37{ margin-bottom:37px;}
.mb52{ margin-bottom:37px;}
.mb63{ margin-bottom:63px;}
.mb89{ margin-bottom:89px;}
.mb126{ margin-bottom:126px;}
i { margin-right:1%; }

.pdl37 { padding-left:37px; }
.pdr37 { padding-right:37px; }
.noleftmargin { margin-left: 0px; padding-left: 0px;}
.nomargin { margin: 0px; padding: 0px;}
.norightmargin { margin-right: 0px; padding-right: 0px;}
.tar { text-align:right;}
.tac { text-align: center;}
.onlymobile { display:none; }

ul { list-style:none; }
a { text-decoration: none; }

/* google map  */
.ggmap { position:relative;  /*padding-bottom: 56.25%; padding-top: px;*/ height: 341px; overflow: hidden; }
.ggmap iframe, .ggmap object, .ggmap embed { position: absolute; top: 0; left: 0; width: 98%; height: 100%; }

#page-top { font-size:100%; position: fixed; bottom: 20px; right: 20px; margin-bottom:5px;}
#page-top a { color: #3E3A39;  background:#CBCBCB; text-decoration: none; padding: 20px 25px; text-align: center; display: block; border-radius: 50px;}
#page-top a:hover {text-decoration: none; opacity:0.6;}

.copyright{ }
.copyright p{ font-size: 13px; font-size: 0.812rem; line-height: 1; padding:8px; letter-spacing: 0.125em; text-align: center;  }

/* CONTENT ALL---------------------- */
.loading { width: 100%; height: 100%;background: rgba(255,255,255,1.0); position: fixed; top: 0; left: 0; z-index: 20000;}
.loading img { position: absolute; top: 50%; left: 50%; margin-top: -20px; margin-left: -20px; }

header{ padding:30px 0px; background: url("../img/back.png") no-repeat bottom;}
header img{ display: block; margin: 0 auto; }
header h1{ padding-bottom: 178px;}

header ul.iconmenu{ display: block; text-align:right;}
header ul.iconmenu li{ display: inline-block; padding:0 2px;  vertical-align: middle;}
header ul.iconmenu li a{ font-size: 44.8px; font-size: 2.8rem; line-height: 1; }
header ul.iconmenu li a:hover{ color:#CBCBCB; }
header ul.iconmenu li a img:hover{ opacity: 0.6;}

/****sub***/
header.photo{ padding:30px 0px; background-image: none; }
header .pan ul{ display: block; text-align: left; }
header .pan ul li{ display: inline-block; padding:0 2px;  } 
header .pan ul li a{ color: #216A9D; text-decoration: underline; font-size: 16px; font-size: 1.0rem;}
/****sub***/

/* CONTENT TOP---------------------- */
section{ padding:63px 0px 89px;}

.ff{ color: #FFFFFF;}
.red{ color: #D7000F;}
.blue{ color: #216AAA;}
.ore{ color: #E7831E;}
.gre{ color: #ADCE64; }
span.line{text-decoration: line-through;}
.ng{opacity: 0.3;}

img.no-img{ max-width: 388px;}

section#parking{ text-align: center; padding: 37px 0px; }
section#parking h3 { margin-bottom: 8px; font-weight: bold; }


/*
#news { text-align: center; }
#news h3{ font-size: 52px; font-size: 3.25rem; line-height: 1; font-weight: bold; margin-bottom: 30px; }
#news h4{ font-size: 21px; font-size: 1.16rem; line-height: 1; color: #D7000F; font-weight: bold; margin-bottom: 10px;}
*/
section#news{ padding:0px 0px 52px; background-color: rgba(165,198,100,0.3)}
section#news .title{ margin-top: 80px;}

/*sub*****HISTORY*******/
.slide{ position: relative;  text-align: center;}
.slide .slide_text{ position: absolute; bottom: 30px; left: 25%; padding: 21px 36px; background-color:#216A9D; z-index: 20; text-align: center; border-radius: 20px; }
.slide .slide_text p{font-size: 21px; font-size: 1.16rem; line-height: 1.59; letter-spacing:0.125em; color: #fff; font-weight: bold;}
.slide .slide_text p span{font-size: 30px; font-size: 1.87rem; line-height: 1.59; color: #A5C664;}
/*sub*****HISTORY*******/

#news .newsitem {/*margin-bottom: 37px;*/}
#news .newsitem img{ display: block; margin: 0 auto;}
#news .newsitem h4.kome{ padding: 0px 8px; margin-top: 12px;}
#news .newsitem p { padding: 0px 8px; margin-top: 6px; margin-bottom: 0px;}
#news .newsitem p a{ font-weight: bold; text-decoration: underline; color: #216A9D; }

.film_roll_wrapper .active img { /*border: 10px solid yellow;*/}
.film_roll_child{ margin:0px 8px; }
.film_roll_container { position: relative; }
.film_roll_pager a, a.film_roll_prev, a.film_roll_next { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }
a.film_roll_prev, a.film_roll_next { position: absolute; top: 48%; left: 15px; width: 40px;  height: 40px; margin: -20px 0 0 0; padding: 0; font-size: 48px; font-weight: 100; line-height: 40px; color: white; text-align: center;  background: #222; border: 1px solid white; border-radius: 23px; opacity: 0.3;}
a.film_roll_next { left: auto; right: 15px; }
.film_roll_pager { text-align: center; margin-top:24px; }
section#costume p{ margin-top:72px; line-height:1.33;}

#info{ padding: 80px 0 89px; background-color: #185A9F; }
#info p{ color: #fff; font-weight: bold;}
#info p.year{ font-size:63px; font-size:3.5rem; line-height: 1; letter-spacing:0em; /*margin-bottom: 13px;*/ float: left; margin-right: 3%; }
#info p.day{font-size: 89px; font-size: 5.56rem; line-height: 1; letter-spacing:0em;}
#info p.time{ margin-bottom: 37px;}
#info p.place-en{ font-size: 21px; font-size: 1.16rem; line-height: 1; letter-spacing:0.25em; color: #B2D364;  margin-bottom: 26px;}
#info p.place{ font-size: 52px; font-size: 3.25rem; line-height: 1; letter-spacing: 0.025em}
#info p.place_sub{ font-size: 16px; font-size: 1.0rem; line-height: 1; letter-spacing:0.125em; font-weight: normal; margin-top: 8px; text-align: center;}
#info h2{ font-size: 21px; font-size: 1.16rem; line-height: 1; letter-spacing:0.125em; color: #fff; font-weight: bold; margin:12px 0px 37px;}
#info h1 p.kumamoto{ font-size: 37px; font-size:2.31rem; line-height: 1; letter-spacing:0.125em; margin-bottom: 12px;}
#info h1 p.name{ font-size:63px; font-size:3.5rem; line-height: 1; letter-spacing:0.05em; color:#185A9F;  background-color: #B2D364; display: table; padding: 12px 12px 8px; margin-bottom: 12px;}
#info h1 p.name-en{ font-size: 30px; font-size: 1.87rem; line-height: 1; letter-spacing:0.125em; color: #B2D364; margin-bottom:/* 51px;*/37px; }
#info h3{ font-size: 21px; font-size: 1.16rem; line-height: 1.42; letter-spacing:0.25em; color: #fff; font-weight: bold;}

nav { padding: 17px 0px; border-bottom: 1px solid #216AAA;}
nav ul li { text-align: center; display: inline-block; width: 13%; }
nav ul li a p { font-size: 13px; font-size: 0.812rem; margin-top:4px;  color:#216AAA;}
nav ul li a{ color:#216AAA; font-weight: bold; padding: 21px 0px; display: block; }
nav ul li a:hover{ background: rgba(203,203,203,0.2); }

section .title{ margin-bottom: 52px;}
section .title h1{ font-weight: bold; margin-bottom: 24px;  }
section .title h3{ letter-spacing: 0.25em; font-weight: bold;}
section .title p{ position: relative; padding: 21px 0px; border-bottom: 3px solid #fff; color: #fff; letter-spacing: 0.25em; font-weight: bold;}
section .title p:before { position: absolute; bottom: -10px; left: 0rem; right: 0rem; border-bottom: 2px dotted #fff;; content: '';}

section.content.food .title p,section.content.yoichi .title p {  border-bottom: 3px solid #3E3A39; color: #3E3A39; }
section.content.food .title p:before,section.content.yoichi .title p:before { border-bottom: 2px dotted #3E3A39; content: '';}

section h4.big{ font-size: 30px; font-size: 1.87rem; line-height: 1.23; letter-spacing:0em; font-weight: bold; margin-bottom:13px;}
section h4.mini{ font-size: 30px; font-size: 1.87rem; line-height: 1.23; letter-spacing:0em; font-weight: bold; margin:18px 0px 12px; vertical-align: text-top;}
section h4.mini img{ vertical-align: text-top; padding-right: 1%;}

#concept p{ margin-bottom: 26px; letter-spacing: 0.07em; line-height: 1.7; }
.flexbox{ flex-wrap: wrap; -ms-flex-wrap: wrap; display: flex; display:-webkit-box; display:-ms-flexbox; display: -webkit-flex;}
.content.sports{ background-color: #D7000F; }
.content.sports p,.content.stage p{ color: #fff; margin-bottom: 18px;}
.content p{ margin-bottom: 18px; padding-right: 16px;}
.content .con-box{ border-bottom: 1px solid #fff; padding-bottom: 34px; margin-bottom: 52px; }
.content h5{ font-size: 16px; font-size: 1rem; line-height: 1; letter-spacing:0.06em; display: table; padding: 6px 8px 4px; color: #D7000F; background-color: #fff; font-weight: bold; margin-bottom: 8px;}
.content ul.hybrid{ margin-bottom: 18px;}
.content ul.hybrid li{ display: inherit; width: 100%; color: #fff; line-height: 1.59;}
.content ul{  }
.content ul li{ display: inline-block; width: 30%; padding-right: 8px;}
.content p.kome{ margin-top: 6px; }
.content p.performer{ margin-bottom: 8px; color: #B2D364; font-weight: bold; }
.content.sports h5.kome{font-size: 13px; font-size: 0.812rem; padding: 4px 6px 2px;  color: #D7000F;}
.content.sports .four.columns{ margin-bottom: 52px;}
#cotent-ksu,#cotent-ksu h4,#cotent-ksu p{ color:#D7000F; }
#cotent-ksu ul.ksu{ margin-bottom: 18px;}
#cotent-ksu ul.ksu li{ display: inherit; width: 100%; line-height: 1.59;}
#cotent-ksu h5{ background-color:#D7000F; color: #fff; }
.content.stage h5.kome{font-size: 13px; font-size: 0.812rem; padding: 4px 6px 2px;  color: #216AAA;}
.content p.freepass{ text-align: center; font-size: 30px; font-size: 1.87rem; line-height: 1.33; font-weight: bold; margin-top: 34px; padding: 30px; border: 1px dotted #fff; display:inline-table; }
.content p.freepass span{ color: #B2D364;}
.content p.shoes{ color: #3E3A39; text-align: center; font-size: 18px; font-size: 1.125rem; line-height: 1.33; letter-spacing:0.125em; font-weight: bold; padding: 12px; background-color: #FFFF00; display:inline-table; }
.content p.shoes span{ color: #CA000F; text-decoration: underline; font-size: 21px; font-size: 1.312rem; line-height: 1.33;}

.content.yoichi{ background-color: #ADCE64; }
.content.yoichi h5 { color: #ADCE64; }
.content .box{margin-bottom: 34px;}
.content.stage{ background-color: #216AAA; }

#time { background: rgba(255,153,51,0.1);}
#time ul{ margin-bottom: 44px; }
#time ul li{ font-size: 21px; font-size: 1.16rem; line-height: 1; font-weight: bold; display: inline-block; padding:0 2px; margin-right: 30px; margin-bottom: 8px; }
#time ul li span{ margin-top: 2px;}
#time ul li img{ vertical-align: middle; margin-right: 12px;}

/* ▼タブ */
#tabcontrol a {
   display: inline-block; 
   border-radius: 0.75em 0.75em 0 0; /* 枠線の左上角と右上角だけを丸く */
   padding: 1em;              /* 内側の余白 */
   text-decoration: none;            /* リンクの下線を消す */
   background-color: white;          /* 背景色：白色 */
   font-weight: bold;                /* 太字 */
   position: relative;               /* JavaScriptでz-indexを調整するために必要 */
   letter-spacing: 0.025em;
}
#tabcontrol a:nth-child(1){ color: #216AA5; }
#tabcontrol a:nth-child(2){ color: #D2000F; }
/* ▼タブにマウスポインタが載った際(任意) */
#tabcontrol a:nth-child(1):hover { background-color: rgba(33,106,165,0.1);}
#tabcontrol a:nth-child(2):hover { background-color: rgba(210,0,15,0.1);}
/* ▼タブの中身 */
#tabbody div {
   margin-top: -1px;        /* 上側にあるタブと1pxだけ重ねるために「-1px」を指定 */
   padding: 1em;            /* 内側の余白量 */
   background-color: white; /* 背景色：白色 */
   position: relative;      /* z-indexを調整するために必要 */
   z-index: 0;              /* 重なり順序を「最も背面」にするため */
}
/* ▼タブの配色 */
#tabcontrol a:nth-child(1), #tabbody div:nth-child(1) { background-color: rgba(33,106,165,0.2); }
#tabcontrol a:nth-child(2), #tabbody div:nth-child(2) { background-color: rgba(210,0,15,0.2); }

#time table { font-size: 16px; font-size: 1rem; line-height: 1.44; letter-spacing: 0.125em; border-collapse: collapse; width: 100%;/* margin-left: auto; margin-right: auto; */}
#time table tr{ border-bottom: 1.5px dotted #3E3A39;}
#time table tr:first-child{ border-top: 1.5px solid #3E3A39; border-bottom: 1.5px solid #3E3A39; }
#time table th{ padding: 4px 12px 12px; text-align:center; font-weight: bold; width: 10%; vertical-align:top;}
#time table td { padding: 8px 18px; width: 30%; line-height: 1.44; text-align: left; vertical-align:middle; border-left:1px dotted #000; color: #fff; }
#time table td.area{ text-align: center; font-weight: bold; padding: 12px;}
#time table td.main{ background-color: rgba(33,106,165,0.9);}
#time table td.spo-a{ background-color: rgba(210,0,15,0.9);}
#time table td.spo-b{ background-color: rgba(226,128,30,0.9);}
#time table td.no{ background-color: rgba(255,255,255,0.1);}

#support ul { margin-bottom: 52px; }
#support ul li{ margin-bottom: 0px; padding: 8px; border: 1px dotted #E2E2E2;}
#support ul li p{ text-align: center; font-size: 13px; font-size: 0.812rem; line-height: 1.33; }
#support ul li a p:hover{ text-decoration: underline; }

#kouen{ background-color: #D7000F; padding: 30px; }
#kouen p{ color: #fff; text-align: center; }

footer{ background-color: #216AAA; text-align: center; padding:30px 0px; }
footer h1{ text-align: center; margin-bottom:18px;}
footer p{ text-align: center; color: #fff;}

/* CONTENT SUB ---------------------- */
#contact table { font-size: 16px; font-size: 1rem; line-height: 1; letter-spacing: 0.125em; border-collapse: collapse; width: 75%;/* margin-left: auto; margin-right: auto; */}
#contact table tr{ border-bottom: 1px dotted #CBCBCB;}
#contact table th { padding: 21px; width: 30%; text-align:center; vertical-align:middle; font-weight: bold; }
#contact table td { padding: 21px; width: 70%; line-height: 1.59; text-align: left;}

#contact table{ margin-top: 52px; }
#contact table span { color: #D7000F; font-weight: bold; font-size: 10px; }
#contact table tr:last-child{ border-bottom: none;}
#contact table th.last { background-color: transparent; }
#contact input[type="text"] { width:80%; border: none; background-color: rgb(228,228,228,0.7); height: 27px; }
#contact textarea { width:90%; border: none; background-color: rgb(228,228,228,0.7);}
input[type="submit"],input[type="reset"] { color:#fff; padding:12px 26px;  font-size: 16px; font-size: 1.00rem; line-height: 1;
background: #D7000F; border: none; }
input[type="submit"]:hover, input[type="reset"]:hover{ cursor : pointer; opacity: 0.9; background-color: #3E3A39; }
#contact .form p{ text-align: center; }

#photo ul li{ margin-bottom: 16px;}


/* --------------------------------- */
/* Responsive ---------------------- */
@media only screen and (max-width: 1200px) {
	img.no-img{ max-width: 100% !important;}
}

@media only screen and (max-width: 1024px) {
	#info p.day{font-size: 70px; font-size: 4.375rem;}
	#info h1 p.name{ font-size: 47px; font-size: 2.93rem; line-height: 1;}
	#info h1 p.name-en{ margin-bottom: 37px;}
	.slide .slide_text{ left: 10%; }
}/* /1024 */

@media only screen and (max-width: 900px) {
	header.sub .five.columns,header.photo .five.columns{ width: 100% !important;}
	header.sub .five.columns.pan ul,header.photo .five.columns.pan ul{ text-align: left; }
	header.sub .seven.columns,header.photo .seven.columns{ width: 100% !important; }
	header ul.iconmenu{ text-align: center; margin-top: 18px;}
	.slide { padding: 37px 0px 21px}
	.slide .slide_text{ position: inherit; bottom: 0px; left: 0px; padding: 16px; margin: 16px 8px;}
	.slide .slide_text p{font-size: 16px; font-size: 1rem; }
	.slide .slide_text p span{ font-size: 21px; font-size: 1.16rem; }
}/* /900 */

@media only screen and (max-width: 768px) {
	#info .six.columns{ width: 100% !important; }
	nav { padding: 17px 0px 13px;}
	nav ul li { width: 24%; border-right:1px dotted #185A9F; margin-bottom: 4px; }
	#info h2{ margin: 51px 0px 21px;}
	section .title p{ padding: 37px 0px 21px;}
	section h4.mini,section h4.big{ font-size: 24px; font-size: 1.5rem;}
	.title .five.columns{ width: 100% !important; }
	.title .seven.columns{ width: 100% !important; }
	table{ width: 98% !important;  }
	.content ul li{ width: 46%;}
	.content p.freepass{ font-size: 24px; font-size: 1.5rem;}
	
	#news .title { margin-top: 52px; }
}/* /768 */

@media only screen and ( max-width: 540px) {
	html { font-size:14px }
	body { -webkit-text-size-adjust: none; -ms-text-size-adjust: none; width: 100%; min-width: 0; /*margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0;*/ }
	.row { width: 100% !important;; max-width: 100%; min-width: 1px; margin: 0 auto; } 
	.column, .columns { width: auto !important; float: none; }
	.column:last-child, .columns:last-child { float: none }
	[class*="column"] + [class*="column"]:last-child {float: none;}
	.column:before, .columns:before, .column:after, .columns:after { content: ""; display: table; }
	.column:after, .columns:after { clear: both }
	.offset-by-one, .offset-by-two, .offset-by-three, .offset-by-four, .offset-by-five, .offset-by-six, .offset-by-seven, .offset-by-eight, .offset-by-nine, .offset-by-ten { margin-left: 0 !important }
	.push-two, .push-three, .push-four, .push-five, .push-six, .push-seven, .push-eight, .push-nine, .push-ten { left: auto }
	.pull-two, .pull-three, .pull-four, .pull-five, .pull-six, .pull-seven, .pull-eight, .pull-nine, .pull-ten { right: auto }
	/* Mobile 4-column Grid */
	.row .mobile-one { width: 25% !important; float: left; padding: 0 5px; }
	.row .mobile-one:last-child { float: right }
	.row .mobile-one.end { float: left }
	.row.collapse .mobile-one { padding: 0 }
	.row .mobile-two { width: 50% !important; float: left; /*padding: 0 5px;*/ padding: 0 10px 0px 0px; margin-bottom:10px;}
	.row .mobile-two:last-child {  float: /*right*/left }
	.row .mobile-two.end { float: left }
	.row.collapse .mobile-two { padding: 0 }
	.row .mobile-three { width: 75% !important; float: left; padding: 0 15px; }
	.row .mobile-three:last-child { float: right }
	.row .mobile-three.end { float: left }
	.row.collapse .mobile-three { padding: 0 }
	.row .mobile-four { width: 100% !important; float: left; padding: 0 15px; }
	.row .mobile-four:last-child { float: right }
	.row .mobile-four.end { float: left }
	.row.collapse .mobile-four { padding: 0 }
	
	.onlypc { display:none;}
	.onlymobile { display: inherit; }
	
	section{ padding:37px 0px 89px;}
	
	h1{ font-size: 52px; font-size: 3.25rem; }
	header .twelve.columns.nomargin{margin-bottom: 30px;}
	/*header ul{ margin-top: 21px; text-align: center; }*/
	
	#film_roll .four.columns.film_roll_child{ width: 425px !important;}
	
	#info p.day{ font-size: 56px; font-size: 3.5rem;}
	#info p.place{ font-size: 40px; font-size: 2.5rem;}
	#info h1 p.name{ font-size: 40px; font-size: 2.5rem; padding: 12px 8px 8px;}
	section h4.big{ margin-top: 13px;}
	.content .four.columns{ width: 49% !important; }
	.content .three.columns{ width: 49% !important; margin-bottom: 24px; }
	#support .two.columns{ width: 33% !important; }
	.content p.freepass{ padding: 16px; text-align: left;}
	.content .four.columns.e-spo{ width: 100% !important; margin-bottom: 0px;}
	
	#time table { letter-spacing: 0em; }
	#time table th{ padding: 4px; }
	#time table td { padding: 6px; }
	
	#photo ul li.three.columns{ width: 33.33% !important; float: left; }
 }/* /540 */

@media only screen and ( max-width: 425px) {
	nav ul li { width: 32%; }
	nav ul li:first-child { display: none; }
}