﻿@charset "utf-8";
html,body,div,h1,h2,p,ul,li,a,br,img{margin:0;padding:0;}article,figcaption,figure,footer,header,nav,section{display:block;margin:0;padding:0;}
a{color:#0096db;text-decoration:none;}a:hover{text-decoration:underline;}a:hover img{opacity:0.75;}img{max-width:100%;height:auto;width:auto\9;border:0;}
.cf:after{content:".";display:block;visibility:hidden;clear:both;font-size:0.1em;line-height:0;height:0;}.cf{display:inline-block;}/*\*/.cf{display:block;}/**/.cb{clear:both;}
body{background-color:#fff;font-size:12px;color:#666;font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;line-height:1.4;-webkit-text-size-adjust:none;}
#layout{width:976px;margin:0 auto;}
header{background-color:#eee;color:#ffffff;height:55px;overflow:hidden;}
h1{font-size:50px;font-family:"Arial Black",sans-serif;margin-left:10%;line-height:1.0;}
.oran{color:#ffcc66;}
h2{border-top:1px solid #e8e8e8;color:#aaa;font-size:14px;line-height:28px;margin-bottom:10px;text-align:right;font-weight:normal;}
nav ul{list-style-type:none;padding: 0px 0 0 0px;text-align:center;margin:16px 0;}
nav ul li{display:inline;}
nav a:link,nav a:visited{font-weight:bold;font-size:14px;color:#888;padding:6px;text-decoration:none;padding:15px}
nav a:hover,nav a:active{color:#00bfff;}
.box{padding-top:40px;}
.bullet{width:220px;height:400px;padding:12px;float:left;}
.imp{font-size:24px;color:#ccc;font-family:Impact,Charcoal,sans-serif;letter-spacing:0.3em;}
#bullets{background-color:#00bfff;height:260px;padding:20px 10px;}
#spellbox{border:3px solid #fff;height:200px;border-radius:10px;padding:20px 10px;}
.spell p,.spell a{display:block;width:21px;height:21px;font-size:16px;font-weight:bold;text-align:center;text-decoration:none;padding:2px 1px;}
.spell{list-style-type:none;}
.spell li{padding-bottom:5px;float:left;}
.spell a:link{color:#fff;}
.spell a:visited{color:#bef;}
.spell li a:hover,.spell li a:active{color:#00bfff;background-color:#fff;}
.error{text-align:center;margin: 45px 0 0 18px;}
#memory {border:1px solid #dde0df;height:298px;}
#memory p{padding-left:10px;}
.note{background-color:#e8e8e8;color:#fff;height:30px;overflow:hidden;line-height:0.8;font-size:40px;font-family:"Arial Black",sans-serif;}
.prev{text-align:center}
.prev a{color:#d9fcfb;}
.space{margin-left:12px;}
.day{color:#a8a8a8;}
hr{border:0;height:0;line-height:0;background:none;border-bottom:1px solid #d9fcfb;}
#map{padding:44px 0 80px 56px;}
#map img{padding:8px;}
@media screen and (max-width:1190px){#layout{width:732px;}#map{padding-left:42px;}}
@media screen and (max-width:767px){#layout{width:460px;}.bullet{padding:12px 5px;}#map{padding-left:14px;}}
@media screen and (max-width:479px){#layout{width:280px;}h1,h2{margin:0;text-align:center;}.box{padding-top:20px;}.bullet{padding:0 30px;}#map{padding:20px 0 40px 32px;}}