@charset "UTF-8";
/* CSS Document */


/* Reset */
* { zoom: 1; }
html, body, header, footer, h1, h2, h3, h4, h5, h6, p, pre, address, ul, ol, li, dl, dt, em, dd, caption, img, form
{ margin: 0; padding: 0; border: none; font-style: normal; font-weight: normal; font-size: 100%; text-align: left; list-style-type: none; }
img { vertical-align: bottom; width: 100%; height: auto; }
hr { display: none; }
a { color: #06C; text-decoration: none; transition: .3s; }
a:hover { color: #C00; }


/* Common */
html, body { height: 100%; }
body { font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif; font-size: 15px; line-height: 1.8em; color: #333; -webkit-text-size-adjust: none; -webkit-print-color-adjust: exact; }
#wrap { height: 100%; min-height: 100%; position: relative; }
body > #wrap { height: auto; min-height: 100%; }
#container { padding-bottom: 210px; }
noscript p { line-height: 1.2em; text-align: center; font-weight: bold; color: #FFF; padding: .8em 0; background: #C00; }
#pagetop { position: absolute; left: 0; top: 0; }
.clearfix { zoom: 1; overflow: hidden; }
.clearfix:after { content: ""; display: block; clear: both; }


/* Header */
header { width: max(100%,960px); height: 105px; position: relative; }
#head-box { width: 960px; height: 65px; margin: 0 auto; position: relative; }
#sympo-title { width: 220px; height: 180px; box-shadow: 0 0 .5rem rgba(0,0,0,.5); position: absolute; top: 0; left: 0; z-index: 10; }
#sympo-title a { background: #FFF; display: block; }
#sympo-title a:hover { background: #FF9; }
#head-box h2 { width: 730px; position: absolute; top: 50%; left: 235px; transform: translateY(-50%); }
#gmemu { width: max(100%,1020px);; height: 40px; background: #005A8E; position: absolute; top: 65px; left: 0; z-index: 9; }
#gmemu ul { width: 600px; height: 40px; margin: 0 auto; padding: 0 120px 0 240px; display: flex; align-items: center; justify-content: space-between; position: relative; }
#gmemu ul li { width: 120px; }
#gmemu ul li a { line-height: 1.2; text-align: center; color: #FFF; width: 120px; height: 40px; display: flex; align-items: center; justify-content: center; }
#gmemu ul li a:hover { background: rgba(255,255,255,.2); }
#gmemu ul li a.active { color: #005A8E; background: rgba(255,255,255,.7); }
#gmemu ul li:last-child a img { width: 150px; height: 60px; position: absolute; top: -10px; right: -25px; transition: .3s; cursor: pointer; }
#gmemu ul li:last-child a:hover { background: none; }
#gmemu ul li:last-child a:hover img { right: -30px;}


/* Footer */
footer { width: max(100%,1020px); height: 210px; position: absolute; bottom: 0; }
#foot-box { width: 100%; height: 110px; padding: 20px 0; background: #E2E3DD; }
#fmenu { width: 100%; height: 40px; background: #005A8E; }
#fmenu ul { width: 740px; height: 40px; margin: 0 auto; padding-right: 220px; display: flex; align-items: center; justify-content: center; }
#fmenu ul li { line-height: 1.2; padding: 0 .5rem; border-right: solid 1px #FFF; }
#fmenu ul li:last-child { border-right: none; }
#fmenu ul li a { color: #FFF; display: block; position: relative; }
#fmenu ul li a[target="_blank"] { padding-right: 1.4rem; }
#fmenu ul li a[target="_blank"]::before { content: ""; width: .8rem; height: .6rem; border: solid 1px #FFF; position: absolute; right: 3px; top: 1px; transition: .3s; }
#fmenu ul li a[target="_blank"]::after { content: ""; width: .8rem; height: .6rem; border-right: solid 1px #FFF; border-bottom: solid 1px #FFF; position: absolute; right: 0; top: 5px; transition: .3s; }
#fmenu ul li a:hover { color: #FF9; }
#fmenu ul li a[target="_blank"]:hover::before, #fmenu ul li a[target="_blank"]:hover::after { border-color: #FF9; }
#fmenu ul li a.active { color: #FF3; }
#foot-btn { width: 960px; margin: 0 auto; padding-top: 20px; position: relative; }
#foot-btn ul { width: 740px; padding-right: 220px; display: flex; justify-content: space-between; }
#foot-btn ul li { width: 240px; }
#foot-btn ul li a { font-size: .9rem; line-height: 1.2; text-align: center; color: #333; width: 100%; height: 50px; border-radius: .5rem; background: rgba(255,255,255,1); display: flex; align-items: center; justify-content: center; transition: .3s; }
#foot-btn ul li a:hover { background: rgba(0,90,142,.3); }
#foot-btn ul li a strong { font-weight: normal; }
#anniversary { width: 180px; height: auto; position: absolute; right: 0; bottom: 0; z-index: 10; }
#copyright { color: #005A8E; width: 100%; height: 60px; display: flex; align-items: center; justify-content: center; }
#copyright small { font-size: .8rem; line-height: 1.2; }
#copyright small a { color: #005A8E; }
#copyright small a:hover { text-decoration: underline; }


/* Return Button */
#returnbtn { width: 70px; height: 70px; position: fixed; bottom: 0; right: 10px; z-index: 50; }
#returnbtn img { width: 100%; height: auto; }
#returnbtn a:hover img { margin-top: .5em; transition: .2s; }


/* Counter */
#counter, #counter img { width: 1px; height: 1px; opacity: 0; position: absolute; top: 0; }