@charset "utf-8";
* {margin: 0; padding: 0; font-weight: normal; }
body { font-size: 0.88em; line-height: 1.6em; color: #fff; font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; background-color: #000; background-size: 140%; background-repeat: no-repeat; background-position: center 300px; background-attachment: fixed; }
body.bg_none {background-image:none;}
header {padding: 15px 2%; }
img {vertical-align: top; height: auto;}
.img_valign {vertical-align: middle;}
a:hover img {opacity: 0.7;}
h1 {font-size: 1em; line-height: 1.3em; font-weight: normal; margin-bottom: 15px; padding-top: 90px}
h2 {font-weight: bold; text-align: center; margin-bottom: 5px;}
h2 img { width: 96%;}
.h2_small {width: 70%; margin: 0 auto 5px;}
.h2_small img {width: 100%;}
h3 {font-size: 1.3em; line-height:1.3em; margin-bottom: 1em; color: #fc0; text-align: center; }
h4 { font-size: 1.2em; font-weight: bold; margin-bottom: 0.5em; padding: 1em 0.5em; border-left: #fc0 8px solid;}
p {margin-bottom: 1em;}
a {color: #8cb8fc; text-decoration: none;}
a:hover {color: #fff;}
#hmenu { background-color: rgba(107,0,2,0.80); padding: 0; text-align: center; line-height: 2em; position: fixed; width: 100%; z-index: 9999992147483647; }
#hmenu ul {list-style-type: none; border-top: 1px solid #D84344;}
#hmenu ul li {display: inline-block; float: left; width: 50%;}
#hmenu ul li a {color: #FFF; font-size: 1.1em; font-weight: bold; display: block; border-left: 1px solid #D84344; border-bottom: 1px solid #D84344; border-right: 1px solid #1E0000; padding: 8px 2%;}
#hmenu ul li a:hover {background-color: #D84344;}
.bg1 {background-color:rgba(0,0,0,0.75); overflow: hidden;}
.bg2 { background-color: #333; clear: both;}
.bg3 {background-color: rgba(0,0,0,0.3);}
.bg-black {background-color: #000;}
.bg-ad {clear: both;}
.text01 {color: #fc0;}
.text02 {font-size:1.3em; font-weight: bold; color: #fc0; line-height: 1.4em;}
.text03 { font-size: 2em; font-weight: bold; color: #00FF66; line-height: 1.2em; text-align: center; }
.text04 { font-size: 2em; font-weight: bold; color:#FF9900; line-height: 1.2em; text-align: center; }
.text05 { font-size: 1.6em; font-weight: bold; color:#FF9900; line-height: 1.2em; text-align: center; }
.text_gray {color: #BBB;}
.text-big1 {font-size: 1.2em; margin-bottom: 0;}
.text_small1 {font-size: 0.88em; color: #fff; margin-bottom: 0; text-align: center;}
.box01 { width: 96%; margin: 0 auto; padding: 2% 0;}
.bg-img01 { background-color: #000; background-image: url(../c1/bryce_mars_big.jpg); background-position: center center; background-repeat: no-repeat; padding: 50px 0;  background-size:200%;}
#h2chapter { font-size: 1.1em; font-weight: bold; text-align: center; background-color: rgba(0,0,0,0.40); padding: 3px; border-radius: 20px; border: 2px solid #666; margin-bottom: 5px;}
.scroll {text-align: center; line-height: 2em; margin-bottom: 50%; text-shadow: 0 0 10px #000;}
.scroll a { color: #fff;}
.scroll a:hover {color: #7ca1ec;}
.chapter {font-size: 1.6em; line-height: 1.3em; font-weight: bold; color: #fff; text-align: center;  text-shadow: 0px 0px 10px #000; }
#mokuji1, #mokuji2 {margin-left: 2em; color: #ccc;}
.space1 {height: 25em;}
.space2 {clear: both; }
.photo01 {width: 100%;}
.icon1 {float: left; margin: 0 10px 10px 0; width: 30%; max-width: 130px; text-align: center;}
.icon1 img {width: 100%;}
.icon2 {display: none;}
.serifu {border-bottom: 1px dotted #999; margin-bottom: 25px; padding-bottom: 25px;}
.center {text-align: center;}
.btn1 a {font-size: 1.3em; background-color: #36c; color: #fff; padding: 5px 10px; border-radius: 5px; margin-bottom: 2em; display: block; text-align: center;}
.btn1 a:hover { background-color: #7ca1ec; }
#a_tuzuki {display: none; position:relative;}
section {clear: both; overflow: hidden; border-bottom: 2px dotted #666; margin-bottom: 20px;}
section.bordernone {border:none; clear: both; overflow: hidden; }
section.bg-ad {margin-bottom: 0; border: none;}
footer {background-color: #333; text-align: center; padding: 10px 0 50px; color: #999;}
#footermenu ul {list-style-type: none; margin-bottom: 20px;}
#footermenu ul li {display: block; padding: 0.3em 1em;}
#footermenu ul li a {color: #ccc; white-space: nowrap;}
#footermenu ul li a:hover {color: #fff;}
#pagetop_box { width: 100%; z-index: 101; bottom: 0px; position: fixed; }
#pagetop a { display: block; background-color: #36c; font-size: 0.9em; line-height: 1.2em; color: #FFF; text-align: center; border-radius: 10px 10px 0 0; padding-top: 8px; padding-bottom: 8px; width: 11em; margin-left: auto; margin-right: auto; }
#pagetop a:hover { background-color: #a2b9ff; text-decoration: none; }
.align_left {text-align: left;}
#next_btn a {font-size: 1.3em; background-color: #36c; color: #fff; padding: 5px 10px; border-radius: 5px; margin-bottom: 2em; display: block; text-align: center;}
#next_btn a:hover { background-color: #7ca1ec; }
.gameplay { clear: both; text-align: center; display: table; width: 100%;}
.gameplay a { background-color: #990000; color: #FFF; display: table-cell; font-size: 2em; font-weight: bold; padding: 5px 10px; border-radius: 10px; height: 100px; vertical-align: middle; border: 5px solid #FFA556; }
.gameplay a:hover {background-color:#FF9600;}
.photo_bg {width: 100%; overflow: hidden; background-repeat: no-repeat; background-position: center top; margin-bottom: 1em; background-size: 150%;}
p.photo_bg_p {margin-bottom: 40%;}
p.photo_bg_p2 {margin-bottom: 76%;}
p.photo_bg_p5 {margin-bottom: 55%;}
#photo_bg01 {background-image: url(../c1/tica1-2.jpg);}
#photo_bg02 {background-image: url(../c1/syujinkou1.jpg);}
#photo_bg03 {background-image: url(../c1/icho2_mae.jpg);}
#photo_bg04 {background-image: url(../c1/tica5.jpg);}
#photo_bg05 {background-image: url(../c1/map.jpg);}
#photo_bg06 {background-image: url(../c1/cycling.jpg);}
#photo_bg07 {background-image: url(../c1/sensitu.jpg);}
.youtube {width:96%; padding-top:56.25%; position:relative; margin-bottom:20px; border: 1px solid #444; margin: 0 auto;}
.youtube iframe {top:0; right:0; width:100%; height:100%; position:absolute;}
.sp_none {display: none;}
.sp_tab_none {display: none;}
.photo02 {width: 100%; max-width: 400px; padding: 1em 0;}

@media print, screen and (min-width: 600px){
body {font-size: 0.9375em; line-height: 1.8em; background-size: 110%;}
h1 {padding-top: 50px;}
h2 img {min-width: 550px; max-width: 700px; margin: 0 auto;}
.h2_small {width: 40%;}
.box01 {overflow: hidden;}
.bg-img01 {padding: 100px 0; background-size: 150%;}
#h2chapter {font-size: 1.2em;}
.chapter {font-size: 2em;}
.btn1 a {width: 30%; margin: 0 auto 2em;}
#mokuji1 {font-size: 0.88em; float: left; width: 45%;}
#mokuji2 {font-size: 0.88em; float: right; width: 45%;}
.serifu1 {float: right; width: 82%;}
.icon1 {width: 16%; max-width: 130px;}
.icon2 {display: block; float: left; width: 16%; max-width: 130px;}
.icon2 img {width: 100%; margin-bottom: 10px;}
.pc_tab_none {display: none;}
#footermenu ul li {display:inline;}
.text03, .text04 {font-size: 2.4em;}
.photo01 {width: 100%; margin-left: 0;}
p.photo_bg_p {margin-bottom: 28%;}
p.photo_bg_p2 {margin-bottom: 53%;}
p.photo_bg_p5 {margin-bottom: 39%;}
#photo_bg01, #photo_bg02, #photo_bg03, #photo_bg04, #photo_bg05, #photo_bg06, #photo_bg07 {background-size: 100%;}
.youtube_box2:last-child {padding-right:0;}
.youtube_box3 {float:left; width:40%; margin-bottom:30px;}
#hmenu ul li {width: 25%;}
.sp_none {display: block;}

}

@media print, screen and (min-width : 980px){
body {font-size: 1em; line-height: 2em; background-size: contain; background-position: center 200px;}
h1 {text-align: center;}
.h2_small {width: 300px;}
#h2chapter { margin-left: auto; margin-right: auto; max-width: 950px;}
.scroll a { margin-bottom: 35%;}
.box01 {width: 960px; margin: 0 auto; padding: 20px 0;}
.bg-img01 {background-size: 100%;}
#mokuji1 {font-size: 0.9375em;}
#mokuji2 {font-size: 0.9375em;}
.serifu1 {width: 810px;}
.text03 {font-size: 3em;}
.pc_none {display: none;}
.padding_1em {padding:0 1em;}
#hmenu {border-bottom: 1px solid #D84344;}
#hmenu ul {width: 980px; margin: 0 auto; }
#hmenu ul li a {border-bottom: none;}
#hmenu ul li:last-child a {border-right: 1px solid #D84344;}
.sp_tab_none {display: block;}
}
@media print {
#pagetop_box {display: none;}
}