@charset "UTF-8";
/* Reset Style */
@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
html { overflow-y: scroll; }

body { line-height: 1; color: #000; }

html, body, div, 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, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, main { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; font-weight: normal; vertical-align: baseline; }

font { margin: 0; padding: 0; outline: 0; }

body { line-height: 1; }

ul, menu { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

/* remember to define focus styles! */
:focus { outline: 0; }

/* remember to highlight inserts somehow! */
ins { text-decoration: none; }

del { text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }

hr { margin: 0px; padding: 0px; }

img, input { vertical-align: bottom; }

article, aside, canvas, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; }

/* YUI 3.4.1 (build 4118) Copyright 2011 Yahoo! Inc. All rights reserved.
Licensed under the BSD License. http://yuilibrary.com/license/ */
body { font: 13px/1.231 arial,helvetica,clean,sans-serif; *font-size: small; *font: x-small; }

select, input, button, textarea { font: 99% arial,helvetica,clean,sans-serif; }

table { font-size: inherit; font: 100%; }

pre, code, kbd, samp, tt { font-family: monospace; *font-size: 108%; line-height: 100%; }

.imgHover img:hover { opacity: 0.75; -moz-opacity: 0.75; filter: alpha(opacity=75); -ms-filter: "alpha(opacity=75)"; }

#page-head, #page-content, #activity-report .body, #information .body article, .tiny-mce, .single-pager, #foot-top { *zoom: 1; }
#page-head:after, #page-content:after, #activity-report .body:after, #information .body article:after, .tiny-mce:after, .single-pager:after, #foot-top:after { content: "."; visibility: hidden; clear: both; display: block; height: 0; line-height: 0; font-size: 0; }

a.btn01, a.btn02, a.btn03, .errorMsg, .req, #nav-main ul li a, .pager a, .pager span, .single-pager li a { display: inline-block; *display: inline; *zoom: 1; }

#breadcrumbs, #breadcrumbs a, .single-pager li { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

input[type="submit"], button, .btn01:hover, .btn02:hover, .btn03:hover { cursor: pointer; }

@font-face { font-family: 'web-font'; src: url("fonts/web-font.eot?rshu5f"); src: url("fonts/web-font.eot?#iefixrshu5f") format("embedded-opentype"), url("fonts/web-font.woff?rshu5f") format("woff"), url("fonts/web-font.ttf?rshu5f") format("truetype"), url("fonts/web-font.svg?rshu5f#web-font") format("svg"); font-weight: normal; font-style: normal; }
.icon:before, .pdf:before, #nav-main ul li a:before, #information-list article time:before, .blog-menu ul li a:before, .icon:after, .pdf:after, #nav-main ul li a:after, #information-list article time:after, .blog-menu ul li a:after, [class^="icon-"], [class*=" icon-"] { font-family: 'web-font'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; display: inline-block; width: 1.25em; text-align: center; letter-spacing: 0; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.icon-close:before { content: "\e601"; }

.icon-ball:before, .blog-menu ul li a:before { content: "\e602"; }

.icon-menu:before { content: "\e603"; }

.icon-search:before { content: "\f002"; }

.icon-email:before { content: "\f003"; }

.icon-check:before { content: "\f00c"; }

.icon-home:before { content: "\f015"; }

.icon-clock-o:before { content: "\f017"; }

.icon-video-camera:before { content: "\f03d"; }

.icon-photo:before { content: "\f03e"; }

.icon-check-square-o:before { content: "\f046"; }

.icon-chevron-left:before { content: "\f053"; }

.icon-chevron-right:before { content: "\f054"; }

.icon-chevron-up:before { content: "\f077"; }

.icon-chevron-down:before { content: "\f078"; }

.icon-external-link:before { content: "\f08e"; }

.icon-square-o:before { content: "\f096"; }

.icon-angle-left:before { content: "\f104"; }

.icon-angle-right:before, #information-list article time:before { content: "\f105"; }

.icon-angle-up:before { content: "\f106"; }

.icon-angle-down:before { content: "\f107"; }

.icon-ellipsis-v:before { content: "\f142"; }

.icon-arrow-left:before { content: "\f060"; }

.icon-arrow-right:before { content: "\f061"; }

.icon-arrow-up:before { content: "\f062"; }

.icon-arrow-down:before { content: "\f063"; }

.icon-envelope:before { content: "\f0e0"; }

.icon-phone:before { content: "\e606"; }

.icon-mobile:before { content: "\e600"; }

.icon-pdf:before { content: "\e604"; }

.icon-notebook:before { content: "\e605"; }

.icon-tennis:before { content: "\e607"; }

.icon-users:before { content: "\e608"; }

.icon-th-list:before { content: "\f00b"; }

.icon-list-alt:before { content: "\f022"; }

.icon-file-text-o:before { content: "\f0f6"; }

.icon-edit:before { content: "\f044"; }

/* Boxer v3.3.0 - 2014-11-25 A jQuery plugin for displaying images, videos or content in a modal overlay. Part of the Formstone Library. http://formstone.it/boxer/  Copyright 2014 Ben Plum; MIT Licensed */
.boxer-lock { overflow: hidden !important; }

#boxer-overlay { width: 100%; height: 100%; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 100; background: #000000; opacity: 0; -webkit-transition: opacity 0.25s linear; transition: opacity 0.25s linear; }

.boxer-open #boxer-overlay { opacity: 0.75; }

#boxer { width: 200px; height: 200px; position: absolute; right: 0; left: 0; z-index: 101; background: #ffffff; border-radius: 3px; box-shadow: 0 0 25px #000000; opacity: 0; margin: 0 auto; padding: 10px; -webkit-user-select: none !important; -moz-user-select: none !important; -ms-user-select: none !important; user-select: none !important; box-sizing: border-box; }
#boxer * { -webkit-transition: none; transition: none; -webkit-user-select: none !important; -moz-user-select: none !important; -ms-user-select: none !important; user-select: none !important; box-sizing: border-box; }
#boxer *:before, #boxer *:after { box-sizing: border-box; }
#boxer.fixed { position: fixed; top: 0; bottom: 0; margin: auto; }
#boxer.inline { padding: 30px; }
#boxer.animating { -webkit-transition: height 0.25s ease, width 0.25s ease, opacity 0.25s linear, top 0.25s ease; transition: height 0.25s ease, width 0.25s ease, opacity 0.25s linear, top 0.25s ease; }
#boxer.animating .boxer-container { -webkit-transition: opacity 0.25s linear 0.25s; transition: opacity 0.25s linear 0.25s; }

.boxer-open #boxer { opacity: 1; }

#boxer.loading .boxer-container { opacity: 0; -webkit-transition: opacity 0.25s linear; transition: opacity 0.25s linear; }
#boxer .boxer-close { width: 30px; height: 30px; position: absolute; top: -7.5px; right: -7.5px; z-index: 105; background: #ffffff; border-radius: 100%; cursor: pointer; display: block; overflow: hidden; padding: 0; text-indent: 200%; white-space: nowrap; }
#boxer .boxer-close:before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; color: #333333; content: "\00d7"; display: block; font-size: 22px; font-weight: 700; line-height: 30px; margin: auto; text-align: center; text-indent: 0; -webkit-transition: color 0.15s linear; transition: color 0.15s linear; }

.no-opacity #boxer .boxer-close { text-indent: -999px; }

#boxer .boxer-loading { width: 50px; height: 50px; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 105; display: block; margin: auto; opacity: 0; -webkit-transition: opacity 0.25s linear; transition: opacity 0.25s linear; }
#boxer .boxer-loading:before, #boxer .boxer-loading:after { width: 100%; height: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-radius: 110%; content: ''; display: block; }
#boxer .boxer-loading:before { border: 5px solid rgba(51, 51, 51, 0.25); }
#boxer .boxer-loading:after { -webkit-animation: boxer-loading-spin 0.75s linear infinite; animation: boxer-loading-spin 0.75s linear infinite; border: 5px solid transparent; border-top-color: #333333; }
#boxer.loading .boxer-loading { opacity: 1; }
#boxer .boxer-container { width: 100%; height: 100%; position: relative; z-index: 103; background: #ffffff; overflow: hidden; }
#boxer .boxer-content { width: 100%; background: #ffffff; opacity: 1; overflow: hidden; padding: 0; }
#boxer.inline .boxer-content, #boxer.iframe .boxer-content { width: auto; }
#boxer .boxer-image { float: left; }
#boxer .boxer-video { width: 100%; height: 100%; }
#boxer .boxer-iframe { width: 100%; height: 100%; border: none; float: left; overflow: auto; }
#boxer .boxer-meta { clear: both; }
#boxer .boxer-control { width: 40px; height: 40px; position: absolute; top: 0; background: #ffffff; border-radius: 100%; box-shadow: 0 0 5px rgba(0, 0, 0, 0.25); cursor: pointer; display: block; margin-right: auto; margin-left: auto; opacity: 1; overflow: hidden; text-indent: 200%; -webkit-transition: opacity 0.15s linear; transition: opacity 0.15s linear; white-space: nowrap; }
#boxer .boxer-control:before { width: 0; height: 0; position: absolute; top: 0; right: 0; bottom: 0; left: 0; content: ''; margin: auto; }
#boxer .boxer-control.previous { left: 20px; }
#boxer .boxer-control.previous:before { border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-right: 10.4px solid #333333; margin-left: 14px; }
#boxer .boxer-control.next { right: 20px; }
#boxer .boxer-control.next:before { border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-left: 10.4px solid #333333; margin-right: 14px; }
#boxer .boxer-control.disabled { opacity: 0; }

@-webkit-keyframes boxer-loading-spin { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }
@keyframes boxer-loading-spin { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }
.no-opacity #boxer .boxer-control { text-indent: -999px; }

.no-touch #boxer .boxer-control { opacity: 0; }
.no-touch #boxer:hover .boxer-control { opacity: 1; }
.no-touch #boxer:hover .boxer-control.disabled { opacity: 0; cursor: default !important; }

#boxer .boxer-meta { padding: 10px 0 0 0; }
#boxer .boxer-position { color: #999999; font-size: 12px; margin: 0; padding: 15px 15px 0 15px; }
#boxer .boxer-caption p { color: #666666; font-size: 14px; margin: 0; padding: 15px; }
#boxer .boxer-caption.gallery p { padding-top: 0; }
#boxer .boxer-error { width: 250px; }
#boxer .boxer-error p { color: #990000; font-size: 14px; margin: 0; padding: 25px; text-align: center; text-transform: uppercase; }
#boxer.mobile { width: 100%; height: 100%; position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: #111111; border-radius: 0; padding: 40px 0 0; }
#boxer.mobile .boxer-close { height: 40px; width: 40px; top: 0; right: 0; background: #111111; border-radius: 0; }
#boxer.mobile .boxer-close:hover { height: 40px; width: 40px; top: 0; right: 0; background: #111111; border-radius: 0; }
#boxer.mobile .boxer-close:before, #boxer.mobile .boxer-close:hover:before { color: #cccccc; font-size: 28px; font-weight: 700; line-height: 40px; }
#boxer.mobile .boxer-loading:before { border-color: rgba(153, 153, 153, 0.25); }
#boxer.mobile .boxer-loading:after { border-top-color: #999999; }
#boxer.mobile .boxer-container { background: #111111; }
#boxer.mobile .boxer-content { background-color: #111111; }
#boxer.mobile .boxer-control { width: 50px; height: 100%; background: #111111; border-radius: 0; box-shadow: none; opacity: 1; }
#boxer.mobile .boxer-control.previous { left: 0; }
#boxer.mobile .boxer-control.previous:before { border-right-color: #eeeeee; margin-left: 19px; }
#boxer.mobile .boxer-control.next { right: 0; }
#boxer.mobile .boxer-control.next:before { border-left-color: #eeeeee; margin-right: 19px; }

.no-touch #boxer.mobile .boxer-control, .no-touch #boxer.mobile:hover .boxer-control { opacity: 1; }
.no-touch #boxer.mobile .boxer-control.disabled, .no-touch #boxer.mobile:hover .boxer-control.disabled { opacity: 0; cursor: default !important; }

#boxer.mobile .boxer-meta { width: 100%; position: absolute; right: 0; bottom: 0; left: 0; background-color: #111111; padding: 15px 65px; }
#boxer.mobile .boxer-position { color: #999999; font-size: 12px; margin: 0; padding: 0 15px 0 0; }
#boxer.mobile .boxer-caption p { color: #eeeeee; font-size: 14px; margin: 0; padding: 0; }
#boxer.mobile .boxer-image { -webkit-transition: none !important; transition: none !important; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); }
#boxer.mobile.animated .boxer-image { -webkit-transition: -webkit-transform 0.25s ease-out !important; transition: transform 0.25s ease-out !important; }
#boxer.mobile.inline .boxer-content, #boxer.mobile.iframe .boxer-content { overflow-x: hidden; overflow-y: scroll; -webkit-overflow-scrolling: touch; }

/*----------------------------------------------------
	element style
----------------------------------------------------*/
html { -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }

body { color: #333; font-family: "Noto Sans Japanese", Helvetica-Light, "Helvetica Light", Helvetica, YuGothic, "Yu Gothic", "游ゴシック", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", Meiryo, "メイリオ", "MS PGothic", "ＭＳ Ｐゴシック", sans-serif; letter-spacing: 1px; line-height: 1.4; }

input, select, option, textarea { font-family: "Noto Sans Japanese", Helvetica-Light, "Helvetica Light", Helvetica, YuGothic, "Yu Gothic", "游ゴシック", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", Meiryo, "メイリオ", "MS PGothic", "ＭＳ Ｐゴシック", sans-serif; }

* html body, * html input, * html select, * html option, * html textarea { font-family: "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif; }

a, a * { -webkit-transition-property: color, border-color, background-color, opacity; -webkit-transition-duration: .3s; -webkit-transition-timing-function: ease-in-out; -moz-transition-property: color, border-color, background-color, opacity; -moz-transition-duration: .3s; -moz-transition-timing-function: ease-in-out; -ms-transition-property: color, border-color, background-color, opacity; -ms-transition-duration: .3s; -ms-transition-timing-function: ease-in-out; -o-transition-property: color, border-color, background-color, opacity; -o-transition-duration: .3s; -o-transition-timing-function: ease-in-out; transition-property: color, border-color, background-color, opacity; transition-duration: .3s; transition-timing-function: ease-in-out; }

a { color: #209090; }
a:link { color: #209090; }
a:visited { color: #29baba; }
a:hover { color: #25a5a5; text-decoration: underline; }
a:active { color: #d00; }

::-moz-selection { background-color: #76c07e; color: #fff; }

::selection { background-color: #76c07e; color: #fff; }

.zoomIn, a[href$=".gif"] img, a[href$=".png"] img, a[href$=".jpg"] img, a[href$=".jpeg"] img, a[href$=".bmp"] img { cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: -ms-zoom-in; cursor: -o-zoom-in; cursor: zoom-in; }

.pdf:after { content: '\e604'; margin: 0 0 0 .5em; padding: 2px 0 1px; border-radius: 2px; color: #fff; background-color: #c00; }

.hide { display: none; }

.mt0 { margin-top: 0px !important; }

.mb0 { margin-bottom: 0px !important; }

.pt0 { padding-top: 0px !important; }

.pb0 { padding-bottom: 0px !important; }

.p0 { padding: 0px !important; }

.mt5 { margin-top: 5px !important; }

.mb5 { margin-bottom: 5px !important; }

.pt5 { padding-top: 5px !important; }

.pb5 { padding-bottom: 5px !important; }

.p5 { padding: 5px !important; }

.mt10 { margin-top: 10px !important; }

.mb10 { margin-bottom: 10px !important; }

.pt10 { padding-top: 10px !important; }

.pb10 { padding-bottom: 10px !important; }

.p10 { padding: 10px !important; }

.mt15 { margin-top: 15px !important; }

.mb15 { margin-bottom: 15px !important; }

.pt15 { padding-top: 15px !important; }

.pb15 { padding-bottom: 15px !important; }

.p15 { padding: 15px !important; }

.mt20 { margin-top: 20px !important; }

.mb20 { margin-bottom: 20px !important; }

.pt20 { padding-top: 20px !important; }

.pb20 { padding-bottom: 20px !important; }

.p20 { padding: 20px !important; }

.mt25 { margin-top: 25px !important; }

.mb25 { margin-bottom: 25px !important; }

.pt25 { padding-top: 25px !important; }

.pb25 { padding-bottom: 25px !important; }

.p25 { padding: 25px !important; }

.mt30 { margin-top: 30px !important; }

.mb30 { margin-bottom: 30px !important; }

.pt30 { padding-top: 30px !important; }

.pb30 { padding-bottom: 30px !important; }

.p30 { padding: 30px !important; }

.mt35 { margin-top: 35px !important; }

.mb35 { margin-bottom: 35px !important; }

.pt35 { padding-top: 35px !important; }

.pb35 { padding-bottom: 35px !important; }

.p35 { padding: 35px !important; }

.mt40 { margin-top: 40px !important; }

.mb40 { margin-bottom: 40px !important; }

.pt40 { padding-top: 40px !important; }

.pb40 { padding-bottom: 40px !important; }

.p40 { padding: 40px !important; }

.mt45 { margin-top: 45px !important; }

.mb45 { margin-bottom: 45px !important; }

.pt45 { padding-top: 45px !important; }

.pb45 { padding-bottom: 45px !important; }

.p45 { padding: 45px !important; }

.mt50 { margin-top: 50px !important; }

.mb50 { margin-bottom: 50px !important; }

.pt50 { padding-top: 50px !important; }

.pb50 { padding-bottom: 50px !important; }

.p50 { padding: 50px !important; }

.mt55 { margin-top: 55px !important; }

.mb55 { margin-bottom: 55px !important; }

.pt55 { padding-top: 55px !important; }

.pb55 { padding-bottom: 55px !important; }

.p55 { padding: 55px !important; }

.mt60 { margin-top: 60px !important; }

.mb60 { margin-bottom: 60px !important; }

.pt60 { padding-top: 60px !important; }

.pb60 { padding-bottom: 60px !important; }

.p60 { padding: 60px !important; }

.mt65 { margin-top: 65px !important; }

.mb65 { margin-bottom: 65px !important; }

.pt65 { padding-top: 65px !important; }

.pb65 { padding-bottom: 65px !important; }

.p65 { padding: 65px !important; }

.mt70 { margin-top: 70px !important; }

.mb70 { margin-bottom: 70px !important; }

.pt70 { padding-top: 70px !important; }

.pb70 { padding-bottom: 70px !important; }

.p70 { padding: 70px !important; }

.mt75 { margin-top: 75px !important; }

.mb75 { margin-bottom: 75px !important; }

.pt75 { padding-top: 75px !important; }

.pb75 { padding-bottom: 75px !important; }

.p75 { padding: 75px !important; }

.mt80 { margin-top: 80px !important; }

.mb80 { margin-bottom: 80px !important; }

.pt80 { padding-top: 80px !important; }

.pb80 { padding-bottom: 80px !important; }

.p80 { padding: 80px !important; }

.mt85 { margin-top: 85px !important; }

.mb85 { margin-bottom: 85px !important; }

.pt85 { padding-top: 85px !important; }

.pb85 { padding-bottom: 85px !important; }

.p85 { padding: 85px !important; }

.mt90 { margin-top: 90px !important; }

.mb90 { margin-bottom: 90px !important; }

.pt90 { padding-top: 90px !important; }

.pb90 { padding-bottom: 90px !important; }

.p90 { padding: 90px !important; }

.mt95 { margin-top: 95px !important; }

.mb95 { margin-bottom: 95px !important; }

.pt95 { padding-top: 95px !important; }

.pb95 { padding-bottom: 95px !important; }

.p95 { padding: 95px !important; }

.mt100 { margin-top: 100px !important; }

.mb100 { margin-bottom: 100px !important; }

.pt100 { padding-top: 100px !important; }

.pb100 { padding-bottom: 100px !important; }

.p100 { padding: 100px !important; }

.fr, .imgR { float: right; margin-left: 10px; }

.fl, .imgL { float: left; margin-right: 10px; }

.imgC, .tC { text-align: center; }

.imgC { display: block; margin-left: auto; margin-right: auto; }

.tL { text-align: left !important; }

.tR { text-align: right !important; }

.clr { clear: both; }

strong { font-weight: bold; }

.bg01 { background-color: #f3f3f3; }

.w10 { width: 10%; }

.w20 { width: 20%; }

.w30 { width: 30%; }

.w40 { width: 40%; }

.w50 { width: 50%; }

.w60 { width: 60%; }

.w70 { width: 70%; }

.w80 { width: 80%; }

.w90 { width: 90%; }

.box40 { width: 40px; }

.box50 { width: 50px; }

.box60 { width: 60px; }

.box70 { width: 70px; }

.box80 { width: 80px; }

.box90 { width: 90px; }

.box100 { width: 100px; }

.box110 { width: 110px; }

.box120 { width: 120px; }

.box130 { width: 130px; }

.box140 { width: 140px; }

.box150 { width: 150px; }

.box160 { width: 160px; }

.box170 { width: 170px; }

.box180 { width: 180px; }

.box190 { width: 190px; }

.box200 { width: 200px; }

.box210 { width: 210px; }

.box220 { width: 220px; }

.box230 { width: 230px; }

.box240 { width: 240px; }

.box250 { width: 250px; }

.box260 { width: 260px; }

.box270 { width: 270px; }

.box280 { width: 280px; }

.box290 { width: 290px; }

.box300 { width: 300px; }

.box310 { width: 310px; }

.box320 { width: 320px; }

.box330 { width: 330px; }

.box340 { width: 340px; }

.box350 { width: 350px; }

.box360 { width: 360px; }

.box370 { width: 370px; }

.box380 { width: 380px; }

.box390 { width: 390px; }

.box400 { width: 400px; }

.box410 { width: 410px; }

.box420 { width: 420px; }

.box430 { width: 430px; }

.box440 { width: 440px; }

.box450 { width: 450px; }

.box460 { width: 460px; }

.box470 { width: 470px; }

.box480 { width: 480px; }

.box490 { width: 490px; }

.box500 { width: 500px; }

textarea, input, select { margin: 1px; padding: 3px; }

input[type="text"], input[type="password"], select, textarea { border: 1px solid #ddd; border-radius: 3px; background-color: #fbfbfb; box-shadow: 1px 1px 2px rgba(200, 200, 200, 0.2) inset; }

input[type="text"]:focus, input[type="password"]:focus, select:focus, textarea:focus { border-color: #aaa; background-color: #fefefe; }

::-webkit-input-placeholder { color: #999; }

:-moz-placeholder { color: #999; }

:-ms-input-placeholder { color: #999; }

.placeholder { color: #999; }

/* button */
.btn01, .btn02, .btn03 { border-radius: 4px; }

a.btn01, a.btn02, a.btn03 { padding: .5em 1em .4em; text-decoration: none !important; }

input.btn01, input.btn02, input.btn03 { padding: .3em .8em .2em; }

.btnL { padding: .6em 3em .5em !important; font-size: 108%; }

.btnS { padding: .1em .3em 0 !important; font-size: 85%; }

.btn01 { border: solid 1px #bbb; background-color: #fff; color: #333 !important; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U2ZTZlNiIvPjxzdG9wIG9mZnNldD0iMiUiIHN0b3AtY29sb3I9IiNlZGVkZWQiLz48c3RvcCBvZmZzZXQ9IjQwJSIgc3RvcC1jb2xvcj0iI2Y2ZjZmNiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #e6e6e6), color-stop(2%, #ededed), color-stop(40%, #f6f6f6), color-stop(100%, #ffffff)); background-image: -moz-linear-gradient(bottom, #e6e6e6, #ededed 2%, #f6f6f6 40%, #ffffff); background-image: -webkit-linear-gradient(bottom, #e6e6e6, #ededed 2%, #f6f6f6 40%, #ffffff); background-image: linear-gradient(to top, #e6e6e6, #ededed 2%, #f6f6f6 40%, #ffffff); }
.btn01:hover { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RkZGRkZCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #dddddd), color-stop(100%, #ffffff)); background-image: -moz-linear-gradient(bottom, #dddddd, #ffffff); background-image: -webkit-linear-gradient(bottom, #dddddd, #ffffff); background-image: linear-gradient(to top, #dddddd, #ffffff); }

.btn02 { border: solid 1px #bce0c0; color: #fff !important; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1); background-color: #99d09f; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzk5ZDA5ZiIvPjxzdG9wIG9mZnNldD0iNDAlIiBzdG9wLWNvbG9yPSIjYmNlMGMwIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjY2RlOGQwIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); background-size: 100%; background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #99d09f), color-stop(40%, #bce0c0), color-stop(100%, #cde8d0)); background-image: -moz-linear-gradient(bottom, #99d09f, #bce0c0 40%, #cde8d0); background-image: -webkit-linear-gradient(bottom, #99d09f, #bce0c0 40%, #cde8d0); background-image: linear-gradient(to top, #99d09f, #bce0c0 40%, #cde8d0); box-shadow: inset 0 0 7px rgba(255, 255, 255, 0.4); }
.btn02:hover { box-shadow: inset 0 0 5px 3px rgba(255, 255, 255, 0.4); }

.btn03 { border: solid 1px #fcd475; color: #fff !important; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1); background-color: #fbc443; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZiYzQ0MyIvPjxzdG9wIG9mZnNldD0iNDAlIiBzdG9wLWNvbG9yPSIjZmNkNDc1Ii8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmRlNGE3Ii8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); background-size: 100%; background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #fbc443), color-stop(40%, #fcd475), color-stop(100%, #fde4a7)); background-image: -moz-linear-gradient(bottom, #fbc443, #fcd475 40%, #fde4a7); background-image: -webkit-linear-gradient(bottom, #fbc443, #fcd475 40%, #fde4a7); background-image: linear-gradient(to top, #fbc443, #fcd475 40%, #fde4a7); box-shadow: inset 0 0 7px rgba(255, 255, 255, 0.4); }
.btn03:hover { box-shadow: inset 0 0 5px 3px rgba(255, 255, 255, 0.4); }

.errorMsg { position: relative; margin: 6px 0 0; padding: 3px 5px 2px; border-radius: 2px; background-color: #c33; color: #fff; font-size: 93%; }
.errorMsg:after { position: absolute; top: -11px; left: 12px; width: 0; height: 0; border: 6px solid transparent; border-bottom-color: #c33; content: ' '; }

.req { float: right; padding: 3px 5px 1px; background-color: #c33; border-radius: 4px; color: #fff; font-size: 10px; }

.result-box { padding: 20px; border: 1px solid #ccc; background-color: #f6f6f6; }

body { overflow: hidden; }

#page { position: relative; }

#is-mobile-checkbox { display: none; }

#mobile-menu-btn { display: none; }

/*----------------------------------------------------
	inner
----------------------------------------------------*/
.inner, #page-head, #page-content, #foot-top { margin: 0 auto; width: 960px; }

/*----------------------------------------------------
	header
----------------------------------------------------*/
#page-head { padding: 20px 0; }

#logo-main { float: left; }
#logo-main a { color: #333; font-size: 28px; text-decoration: none; }
#logo-main a span { display: block; margin: 4px 0 0; font-size: 11px; font-weight: 200; }

/*----------------------------------------------------
	global navigation
----------------------------------------------------*/
#nav-main ul { padding: 30px 0 0; float: right; }
#nav-main ul li { float: left; padding: 0 0 0 16px; }
#nav-main ul li a { border-bottom: 2px solid #fff; color: #333; font-size: 17px; text-decoration: none; }
#nav-main ul li a:hover { text-decoration: none; border-bottom-color: #fcd475; }

#page-home #nav-main ul li:nth-child(1) a, #page-league #nav-main ul li:nth-child(2) a, #page-event #nav-main ul li:nth-child(3) a, #page-report #nav-main ul li:nth-child(4) a, #page-abouts #nav-main ul li:nth-child(5) a { border-bottom-color: #fcd475; }

/*----------------------------------------------------
	contents
----------------------------------------------------*/
#breadcrumbs { margin: 0 0 20px; overflow: hidden; letter-spacing: 0; }
#breadcrumbs a { display: inline-block; vertical-align: bottom; }

#content-main { float: left; width: 780px; }
#content-main.no-side { float: none; width: auto; }

#content-sub { float: right; width: 140px; }

#page-title { position: relative; margin: 0 0 16px; padding: 32px 0; border-top: 16px solid #f2f2f2; border-bottom: 16px solid #f2f2f2; text-align: center; font-size: 30px; }
#page-title:before { content: ''; position: absolute; bottom: -16px; left: 0; width: 100%; border-bottom: 3px solid #76c07e; }
#page-title:after { content: ''; position: absolute; bottom: -33px; left: 50%; margin-left: -25px; width: 50px; height: 50px; background: url(../images/common/icon_ball.png) no-repeat 0 0; }

.title01, .tiny-mce h3 { padding: 0 0 6px; border-bottom: 2px solid #bce0c0; font-size: 24px; }

#activity-report.side-width .body article { width: 240px; }
#activity-report .body { margin: 0 -30px 0 0; }
#activity-report .body article { width: 300px; float: left; margin: 30px 30px 0 0; }
#activity-report .body article img { max-width: 100%; height: auto; border-radius: 8px; }
#activity-report .body article > a { display: block; }
#activity-report .body article > a:hover img { opacity: .8; }
#activity-report .body article h3 { padding: 8px 0; height: 2.8em; line-height: 1.3; overflow: hidden; }
#activity-report .body article .meta { overflow: hidden; border-bottom: 1px solid #bce0c0; }
#activity-report .body article .meta time { float: left; }
#activity-report .body article .meta a { float: right; color: #99d09f; text-decoration: none; }
#activity-report .body article .meta a:hover { text-decoration: underline; }

#information { position: relative; margin: 60px 0 0; padding: 20px 0; background-color: #ebf5ec; }
#information h2 { padding: 0 0 8px 24px; border-bottom: 2px solid #bce0c0; font-size: 24px; }
#information .body { margin: 24px 0 0; padding: 0 0 0 200px; background: url(../images/home/img_mascot_information.png) no-repeat 24px bottom; max-height: 180px; min-height: 130px; overflow: auto; }
#information .body article + article { margin: 16px 0 0; }
#information .body article time { float: left; }
#information .body article h3 { padding: 0 0 0 8em; }
#information .body article h3 a { color: #333; }
#information .link-more { position: absolute; top: 30px; right: 20px; }
#information .link-more a { color: #333; }

#information-list article { margin: 20px 0 0; padding: 4px 0; border-bottom: 1px dashed #ccc; }
#information-list article time { float: left; }
#information-list article time:before { color: #bce0c0; margin-right: .5em; }
#information-list article h3 { padding: 0 0 0 9em; }

#league-nav { margin: 60px 0 0; }
#league-nav.size-s ul li a { padding: 16px 0; font-size: 16px; }
#league-nav.size-s ul li a i { font-size: 20px; }
#league-nav ul { margin: 32px 0 0; overflow: hidden; }
#league-nav ul + ul { margin-top: 2%; }
#league-nav ul li { box-sizing: border-box; margin: 0 0 0 2%; float: left; width: 32%; border: 5px solid #e6e6e6; }
#league-nav ul li:first-child { margin: 0; }
#league-nav ul li a { position: relative; display: block; padding: 20px 0; border: 4px solid #fff; background-color: #f5f5f5; text-align: center; text-decoration: none; color: #555; font-size: 24px; }
#league-nav ul li a:hover { background-color: #e9e9e9; color: #333; }
#league-nav ul li a:hover:before { border-color-right: #333; border-color-bottom: #333; }
#league-nav ul li a .s { font-size: 20px; }
#league-nav ul li a i { position: absolute; left: 20px; top: 50%; margin-top: -.5em; font-size: 38px; }
#league-nav ul li a:before { content: ''; position: absolute; right: 0; bottom: 0; width: 0; border: 12px solid transparent; border-right: 12px solid #555; border-bottom: 12px solid #555; }

.msg { margin: 20px 0; }
.msg strong { color: #c00; }

.league-list { margin: 20px 0; overflow: hidden; }
.league-list li { margin: 0 2% 2% 0; box-sizing: border-box; float: left; width: 23.5%; border: 4px solid #e6e6e6; }
.league-list li:nth-child(4n) { margin: 0 0 2%; }
.league-list li a { position: relative; display: table-cell; padding: 0 0 0 40px; border: 2px solid #fff; background-color: #f0f0f0; vertical-align: middle; height: 64px; width: 1000px; color: #333; text-decoration: none; line-height: 1.3; }
.league-list li a i { position: absolute; left: 5px; top: 22px; font-size: 20px; }

.tbl01 { margin: 20px 0 0; width: 100%; }
.tbl01 th, .tbl01 td { padding: 8px 8px 6px; padding-left: 2em; border: 1px solid #bbb; }
.tbl01 th { width: 25%; border-right-width: 4px; background-color: #e6e6e6; text-align: left; }
.tbl01.entry th { vertical-align: middle; }
.tbl01.entry input, .tbl01.entry select { max-width: 90%; }

.tbl02 { margin: 20px 0 0; width: 100%; }
.tbl02 th, .tbl02 td { padding: 8px 8px 6px; padding-left: 2em; border: 1px solid #bbb; text-align: left; }
.tbl02 thead th { border-bottom-width: 4px; background-color: #e6e6e6; }
.tbl02.event th { text-align: center; padding: 8px 4px 6px; }
.tbl02.event td { padding: 8px 8px 6px; }

.tbl-result { margin: 40px 0 0; width: 100%; }
.tbl-result.main { border: 2px solid #555; }
.tbl-result.main th, .tbl-result.main td { padding: 1em 0 .8em; }
.tbl-result caption { padding: 8px 0; font-size: 20px; }
.tbl-result thead tr th { padding: 1em 4px .8em; background-color: #e6e6e6; font-weight: bold; border-bottom-style: double; border-bottom-width: 3px; letter-spacing: 0; }
.tbl-result tbody { font-size: 93%; }
.tbl-result tfoot th, .tbl-result tfoot td { padding: 1em 0 .8em; border-top: 3px solid #53b05e; background-color: #f0f0f0; font-weight: bold; }
.tbl-result th, .tbl-result td { padding: .6em .4em; border: 1px solid #999; vertical-align: middle; }
.tbl-result td { text-align: center; }
.tbl-result td.win { background-color: #fde4a7; }
.tbl-result td.title { font-weight: bold; text-align: left; }
.tbl-result td.title2 { font-weight: bold; font-size: 14px; color: #428e4a; background-color: #f6f6f6; }

#gametable table tr:nth-child(2n) { background-color: #f6f6f6; }

.blog-menu { margin: 40px 0 0; }
.blog-menu h3 { padding: 8px 0; border-top: 2px solid #99d09f; background-color: #eee; text-align: center; font-weight: 600; }
.blog-menu ul li { border-bottom: 1px dashed #666; }
.blog-menu ul li a { display: block; padding: 8px 0 4px 8px; text-decoration: none; }
.blog-menu ul li a:before { margin: 0 .5em 0 0; color: #fcd475; font-size: 12px; }

#single { background-color: #fff; }
#single time { display: block; margin-right: -180px; text-align: right; color: #999; }
#single img { max-width: 100%; height: auto; }
#single .tiny-mce { padding: 16px 0; border-top: 1px dotted #eee; border-bottom: 1px dotted #eee; }

.tiny-mce h3 { clear: both; }
.tiny-mce > * + h3 { padding-top: 40px; }
.tiny-mce strong { font-weight: bold; }
.tiny-mce p { margin: 1em 0; line-height: 1.8; }
.tiny-mce ul, .tiny-mce ol { margin: 1em 0; padding: 0 0 0 1.8em; line-height: 1.2; }
.tiny-mce ul li, .tiny-mce ol li { padding: 0 0 .5em 0; }
.tiny-mce ul { list-style: disc; }
.tiny-mce ol { list-style: decimal; }
.tiny-mce img.alignleft { float: left; padding: 0 2% 10px 0; width: 48%; height: auto; }
.tiny-mce img.alignright { float: right; padding: 0 0 10px 2%; width: 48%; height: auto; }
.tiny-mce img.alignnone { width: 48%; height: auto; }
.tiny-mce img.aligncenter { width: 100%; height: auto; margin: 16px auto; }
.tiny-mce table th, .tiny-mce table td { padding: 8px; border: 1px solid #aaa; }
.tiny-mce table thead { background-color: #e6e6e6; }
.tiny-mce table thead td { border-bottom-width: 3px; }

.pager { margin: 40px 0 0; text-align: right; line-height: 1.2; }
.pager a, .pager span { padding: 6px 10px 4px; border: 1px solid; border-color: #ccc; background-color: #f9f9f9; color: #333; }
.pager a:hover { background-color: #eee; }
.pager span.current { border-color: #99d09f; background-color: #53b05e; color: #fff; }

.single-pager { margin: 24px 0 0; line-height: 1.2; }
.single-pager li { width: 48%; }
.single-pager li a { padding: 6px 10px 4px; border: 1px solid; border-color: #ccc; background-color: #f9f9f9; color: #333; text-decoration: none; }
.single-pager li a:hover { background-color: #eee; }
.single-pager .next { float: left; }
.single-pager .prev { float: right; text-align: right; }

/*----------------------------------------------------
	footer
----------------------------------------------------*/
#page-foot { margin: 96px 0 0; }

#foot-top { position: relative; }

#foot-logo { float: left; font-size: 22px; }

#pagetop { position: absolute; top: -45px; left: 50%; margin-left: -26px; font-size: 10px; }
#pagetop a { -webkit-transition: background-position 0.3s ease-in-out; -moz-transition: background-position 0.3s ease-in-out; -ms-transition: background-position 0.3s ease-in-out; -o-transition: background-position 0.3s ease-in-out; transition: background-position 0.3s ease-in-out; display: block; padding: 65px 0 0; background: url(../images/common/pagetop.png) no-repeat center 4px; width: 52px; color: #333; text-decoration: none; }
#pagetop a:hover { background-position: center 0; }
#pagetop a:hover:hover { text-decoration: underline; }

#foot-nav { padding: 16px 0 0; float: right; }
#foot-nav li { float: left; }
#foot-nav li + li:before { content: '|'; padding: 0 .5em; color: #ccc; }
#foot-nav li a { color: #333; text-decoration: none; font-size: 10px; }
#foot-nav li a:hover { text-decoration: underline; }

#copyright { margin: 10px 0 0; padding: 8px 0; border-top: 1px solid #bce0c0; text-align: center; }
#copyright small { font-size: 77%; font-weight: 200; }

/*----------------------------------------------------
	media query
----------------------------------------------------*/
/* smart phone
-------------------------------------------------- */
@media only screen and (max-width: 589px) { body { font-family: Helvetica-Light, "Helvetica Light", Helvetica, YuGothic, "Yu Gothic", "游ゴシック", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", Meiryo, "メイリオ", "MS PGothic", "ＭＳ Ｐゴシック", sans-serif; }
  #page { -webkit-transition: left 0.3s ease-in-out; -moz-transition: left 0.3s ease-in-out; -ms-transition: left 0.3s ease-in-out; -o-transition: left 0.3s ease-in-out; transition: left 0.3s ease-in-out; left: 0; min-width: 320px; }
  #is-mobile-checkbox:checked + #page { left: -240px; }
  #is-mobile-checkbox:checked + #page #mobile-menu-btn:after { content: ''; position: absolute; background: rgba(0, 0, 0, 0.4); top: 0; left: 0; width: 100%; height: 100%; z-index: 100; }
  #is-mobile-checkbox:checked + #page #mobile-menu-btn i:before { content: '\e601'; }
  #mobile-menu-btn { display: block; float: right; width: 42px; height: 42px; border-radius: 2px; cursor: pointer; text-align: center; background-color: #65b86e; }
  #mobile-menu-btn i { margin: 7px 0 0; font-size: 28px; color: #fff; }
  /*---------------------------------------------------- 	inner ----------------------------------------------------*/
  .inner, #page-head, #page-content, #foot-top { width: 96%; }
  /*---------------------------------------------------- 	header ----------------------------------------------------*/
  #logo-main a { font-size: 22px; }
  #logo-main a span { margin: 0; }
  /*---------------------------------------------------- 	global navigation ----------------------------------------------------*/
  #nav-main ul { position: absolute; right: -240px; top: 0; bottom: 0; width: 240px; float: none; background-color: #222; }
  #nav-main ul li { display: block; float: none; padding: 0; border-top: 1px solid #111; }
  #nav-main ul li:last-child { border-bottom: 1px solid #444; }
  #nav-main ul li:last-child a { border-bottom: 1px solid #111; }
  #nav-main ul li a { position: relative; display: block; padding: .8em 1em .6em .6em; border-top: 1px solid #444; color: #fff; border-bottom: none; }
  #nav-main ul li a:after { position: absolute; content: '\f054'; right: 5px; top: 50%; transform: translate(0, -50%); -webkit-transform: translate(0, -50%); }
  #nav-main ul li a:hover { background-color: #303030; }
  #nav-main ul li:nth-child(6) a:after { content: '\f003'; }
  #page-home #nav-main ul li:nth-child(1) a, #page-league #nav-main ul li:nth-child(2) a, #page-event #nav-main ul li:nth-child(3) a, #page-report #nav-main ul li:nth-child(4) a, #page-abouts #nav-main ul li:nth-child(5) a { background-color: #333; }
  #page-home #nav-main ul li:nth-child(1) a:after, #page-league #nav-main ul li:nth-child(2) a:after, #page-event #nav-main ul li:nth-child(3) a:after, #page-report #nav-main ul li:nth-child(4) a:after, #page-abouts #nav-main ul li:nth-child(5) a:after { content: none; }
  #page-home #foot-nav li:nth-child(1) a, #page-league #foot-nav li:nth-child(2) a, #page-event #foot-nav li:nth-child(3) a, #page-report #foot-nav li:nth-child(4) a, #page-abouts #foot-nav li:nth-child(5) a { border-bottom-color: #53b05e; color: #53b05e; }
  /*---------------------------------------------------- 	contents ----------------------------------------------------*/
  #breadcrumbs a { max-width: 5em; }
  #content-main { float: none; width: auto; }
  #content-sub { float: none; width: auto; margin: 60px 0 0; }
  #page-title { padding: 16px 0; font-size: 22px; border-width: 6px 0 8px; }
  #page-title:before { bottom: -8px; }
  #page-title:after { bottom: -16px; width: 24px; height: 24px; margin-left: -12px; background-size: 24px 24px; }
  .title01, .tiny-mce h3 { font-size: 20px; }
  #activity-report .body { margin: 0; }
  #activity-report .body article { width: auto !important; float: none; margin: 16px 0 0; overflow: hidden; }
  #activity-report .body article .image { float: left; width: 40%; }
  #activity-report .body article h3, #activity-report .body article .meta { float: right; width: 56%; }
  #information { padding: 16px 0; }
  #information h2 { text-align: center; }
  #information .body { margin: 16px 0 0; padding: 0 10px; background: none; min-height: 80px; }
  #information .body article time { float: none; }
  #information .body article h3 { padding: 0; float: none; }
  #information .link-more { position: static; margin: 10px 0 0; text-align: right; }
  #league-nav.size-s ul li a { padding: 16px 0 16px 50px; font-size: 16px; }
  #league-nav.size-s ul li a i { font-size: 20px; }
  #league-nav ul li { float: none; width: auto; margin: 16px 0 0; }
  #league-nav ul li a { font-size: 20px; text-align: left; padding: 16px 0 16px 50px; }
  #league-nav ul li a i { font-size: 24px; left: 10px; }
  #league-nav ul li a:before { border-width: 8px; }
  #league-nav ul li a.pdf { padding: 16px 8px; }
  .league-list li { width: 49%; }
  .league-list li:nth-child(4n) { margin: 0 2% 2% 0; }
  .league-list li:nth-child(2n) { margin: 0 0 2%; }
  .league-list.sp-full li { width: 100%; float: none; margin: 0 0 2%; }
  .tbl01 th, .tbl01 td { padding-left: 8px; }
  .tbl01.entry { display: block; }
  .tbl01.entry tbody { display: block; }
  .tbl01.entry tr { margin: 5px 0 0; display: block; }
  .tbl01.entry th, .tbl01.entry td { display: block; width: 100%; box-sizing: border-box; }
  .tbl01.entry th { border-right-width: 1px; border-bottom: none; white-space: nowrap; }
  .tbl02 th, .tbl02 td { padding-left: 8px; }
  .tbl02.event th:nth-child(4), .tbl02.event th:nth-child(5), .tbl02.event th:nth-child(6), .tbl02.event td:nth-child(4), .tbl02.event td:nth-child(5), .tbl02.event td:nth-child(6), .tbl02.event col:nth-child(4), .tbl02.event col:nth-child(5), .tbl02.event col:nth-child(6) { display: none; }
  #gametable { overflow-x: auto; }
  #gametable table { white-space: nowrap; }
  #gametable table tr:nth-child(2n) { background-color: #f6f6f6; }
  #single time { margin-right: -28%; }
  #single time { margin-right: 0; font-size: 11px; }
  .tiny-mce img { width: 48%; height: auto; }
  .tiny-mce img.alignleft { float: left; padding: 0 2% 10px 0; }
  .tiny-mce img.alignright { float: right; padding: 0 0 10px 2%; }
  .tiny-mce img.aligncenter { width: 100%; margin: 16px auto; }
  .tiny-mce .leftbox { padding: 0 0 10px; width: 100%; float: none; }
  .tiny-mce .rightbox { padding: 0; width: 100%; float: none; }
  /*---------------------------------------------------- 	footer ----------------------------------------------------*/
  #foot-logo { padding: 8px 0 0; float: none; font-size: 20px; text-align: center; }
  #pagetop { top: -60px; top: -50px; }
  #pagetop a { padding: 42px 0 0; background-size: 26px auto; }
  #pagetop a { padding: 36px 0 0; background-size: 19px auto; }
  #foot-nav { float: none; margin: 0 -2%; overflow: hidden; }
  #foot-nav li { box-sizing: border-box; width: 33.333%; border-top: 1px solid #eee; border-left: 1px solid #eee; }
  #foot-nav li + li:before { content: none; }
  #foot-nav li:nth-child(1), #foot-nav li:nth-child(2), #foot-nav li:nth-child(3) { border-top: none; }
  #foot-nav li a { display: block; padding: 10px 0 8px; text-align: center; font-size: 13px; border-bottom: 2px solid #fff; }
  #foot-nav li a:hover { color: #53b05e; border-bottom-color: #53b05e; } }
/* tablet
-------------------------------------------------- */
@media only screen and (min-width: 590px) and (max-width: 979px) { body { font-family: Helvetica-Light, "Helvetica Light", Helvetica, YuGothic, "Yu Gothic", "游ゴシック", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", Meiryo, "メイリオ", "MS PGothic", "ＭＳ Ｐゴシック", sans-serif; }
  #page { -webkit-transition: left 0.3s ease-in-out; -moz-transition: left 0.3s ease-in-out; -ms-transition: left 0.3s ease-in-out; -o-transition: left 0.3s ease-in-out; transition: left 0.3s ease-in-out; left: 0; min-width: 320px; }
  #is-mobile-checkbox:checked + #page { left: -240px; }
  #is-mobile-checkbox:checked + #page #mobile-menu-btn:after { content: ''; position: absolute; background: rgba(0, 0, 0, 0.4); top: 0; left: 0; width: 100%; height: 100%; z-index: 100; }
  #is-mobile-checkbox:checked + #page #mobile-menu-btn i:before { content: '\e601'; }
  /*---------------------------------------------------- 	inner ----------------------------------------------------*/
  .inner, #page-head, #page-content, #foot-top { width: 96%; }
  /*---------------------------------------------------- 	header ----------------------------------------------------*/
  #logo-main { float: none; text-align: center; }
  #logo-main a { display: inline-block; font-size: 25px; }
  /*---------------------------------------------------- 	global navigation ----------------------------------------------------*/
  #nav-main ul { padding: 24px 0 0; float: none; text-align: center; }
  #nav-main ul li { float: none; display: inline-block; padding: 0 6px; }
  #nav-main ul li a { font-size: 15px; }
  #page-home #foot-nav li:nth-child(1) a, #page-league #foot-nav li:nth-child(2) a, #page-event #foot-nav li:nth-child(3) a, #page-report #foot-nav li:nth-child(4) a, #page-abouts #foot-nav li:nth-child(5) a { border-bottom-color: #53b05e; color: #53b05e; }
  /*---------------------------------------------------- 	contents ----------------------------------------------------*/
  #breadcrumbs a { max-width: 15em; }
  #content-main { width: 78%; }
  #content-sub { width: 20%; }
  #page-title { margin: 0 0 16px; font-size: 24px; }
  #page-title:after { bottom: -30px; width: 40px; height: 40px; margin-left: -20px; background-size: 40px 40px; }
  #activity-report .body { margin: 0; }
  #activity-report .body article { width: 32% !important; float: left; margin: 32px 2% 0 0; }
  #activity-report .body article:nth-child(3n) { margin-right: 0; }
  #activity-report .body article .meta { font-size: 12px; }
  #information { padding: 20px 0; }
  #information .body { padding-left: 130px; background-size: 120px auto; min-height: 100px; }
  #league-nav.size-s ul li a { text-align: center; }
  #league-nav.size-s ul li a i { display: none; }
  #league-nav ul li a { font-size: 20px; text-align: left; padding: 16px 0 16px 50px; }
  #league-nav ul li a i { font-size: 24px; left: 10px; }
  #league-nav ul li a:before { border-width: 8px; }
  #league-nav ul li a.pdf { padding: 16px 8px; }
  .league-list li { width: 32%; }
  .league-list li:nth-child(4n) { margin: 0 2% 2% 0; }
  .league-list li:nth-child(3n) { margin: 0 0 2%; }
  .tbl01 th, .tbl01 td { padding-left: 1em; }
  .tbl02 th, .tbl02 td { padding-left: 1em; }
  .tbl02.event th:nth-child(5), .tbl02.event th:nth-child(6), .tbl02.event td:nth-child(5), .tbl02.event td:nth-child(6), .tbl02.event col:nth-child(5), .tbl02.event col:nth-child(6) { display: none; }
  #gametable { overflow-x: auto; }
  #gametable table { white-space: nowrap; }
  #gametable table tr:nth-child(2n) { background-color: #f6f6f6; }
  #single time { margin-right: -28%; }
  .tiny-mce img { max-width: 100%; height: auto; }
  /*---------------------------------------------------- 	footer ----------------------------------------------------*/
  #foot-logo { padding: 8px 0 0; float: none; font-size: 20px; text-align: center; }
  #pagetop { top: -60px; }
  #pagetop a { padding: 42px 0 0; background-size: 26px auto; }
  #foot-nav { float: none; margin: 0 -2%; overflow: hidden; }
  #foot-nav li { box-sizing: border-box; width: 33.333%; border-top: 1px solid #eee; border-left: 1px solid #eee; }
  #foot-nav li + li:before { content: none; }
  #foot-nav li:nth-child(1), #foot-nav li:nth-child(2), #foot-nav li:nth-child(3) { border-top: none; }
  #foot-nav li a { display: block; padding: 10px 0 8px; text-align: center; font-size: 13px; border-bottom: 2px solid #fff; }
  #foot-nav li a:hover { color: #53b05e; border-bottom-color: #53b05e; } }
/* pc
-------------------------------------------------- */
@media only screen and (min-width: 980px) { /*---------------------------------------------------- 	inner ----------------------------------------------------*/
  /*---------------------------------------------------- 	header ----------------------------------------------------*/
  /*---------------------------------------------------- 	global navigation ----------------------------------------------------*/
  /*---------------------------------------------------- 	contents ----------------------------------------------------*/
  /*---------------------------------------------------- 	footer ----------------------------------------------------*/ }

/*# sourceMappingURL=common.css.map */