/*====================================================*/
/* Mac,IE適応 */
/*====================================================*/
* html div, * html ul {
  height:1%;
}
div, ul {
  display: block;
  zoom: 1;
}
/*====================================================*/
/* サイト各ページ 共通部分 */
/*====================================================*/
html {
  width:100%;
  height:100%;
}
body {
  width:100%;
  height:100%;

  word-break:break-all;
  word-wrap:break-word;
  margin: 0;
  padding: 0;
  font:75%/1.3 "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", Arial, Verdana, Helvetica, sans-serif;
}
/* Body横幅制御　 */
@media screen and (min-width:980px) {
body {
  min-width: 980px;
}
}
@media screen and (max-width:979px) {
body {
  min-width: 320px;
  overflow-x:hidden;
}
}
div {
  word-break: break-all;
  word-wrap: break-word;
}
ul {
  list-style:none;
}
ul, ol, dl, form, input {
  padding: 0;
  margin: 0;
}
p {
  margin-top: 0;
  padding-right: auto;
  padding-left: auto;
}
h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding-right: auto;
  padding-left: auto;
}
div:after, ul:after {
  content:"";
  display:block;
  clear:both;
  visibility:hidden;
  height:0;
}
h1{
margin-top:1% !important;
}
@media screen and (min-width:980px) {
h1{
margin-top:5% !important;
}
}

li {
  list-style: none;
}
/* clearfix */
.clear {
  clear: both;
  margin: 0;
  padding: 0;
  height: 0;
}
a {
  outline:none;
  text-decoration:none;
}
*, *:before, *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
img {
  padding:0;
  margin:0;
  border:0;
  vertical-align: top;
}
#main{
padding:0px 0px 5% 0px;
}
.fade-in {
  transition: opacity 0.4s;
  -moz-transition: opacity 0.4s;
  -webkit-transition: opacity 0.4s;
  -o-transition: opacity 0.4s;
}
/*------------------------------------------------*/
.bg0{
background-image:repeating-linear-gradient(-45deg,#000 0px,#000 16px,#00d8ff 16px,#00d8ff 17px);
}
.bg1{
background-image:repeating-linear-gradient(-45deg,#fff 0px,#fff 16px,#00d8ff 16px,#00d8ff 17px);
}
#top{
width:100%;margin:0px auto;max-width:980px;
}
#top img{
width:100%;
}
.f_bold{
font-weight:bold;
}
.c_yellow{
color:#fffacd;
}
.one_box{
width:100%;max-width:980px;padding:20px;border-radius:5px;margin:5% auto 0px auto;
}
.one_box .title{
font-size:20px;text-align:center;font-weight:bold;padding:5px 0px;
}
.one_box .detail{
max-width:980px;margin:25px auto 50px auto;font-size:15px;
}
.one_box .cap{
max-width:800px;margin:0px auto;font-size:12px;padding:10px 10px;
}
.one_box .cap .sub_title{
font-size:15px;border:none;
}
.one_box .sub_title{
font-size:18px;margin:0px auto 10px;font-weight:bold;
}
.one_box a{
font-weight:bold;
}
.img_box{
width:100%;max-width:900px;margin:10px auto;
}
.img_box img{
width:100%;
}

.indent_1 {
padding-left:15px;text-indent:-15px;
}

@media screen and (max-width:649px) {
.one_box .title{
font-size:18px;
}
.one_box .detail{
font-size:12px;
}
.indent_1{
padding-left:12px;text-indent:-12px;
}
.one_box .sub_title{
font-size:15px;
}

#playdata #boost{
width:100%;padding:5px;
}
#playdata ul li:first-child{
font-size:12px;text-align:left;
}
}
.sp{
display:none;
}
@media screen and (max-width:440px) {
br.sp{
display:block;
}
}
#page-top a{
display:block;
position:fixed;bottom:20px;right:20px;width:54px;height:54px;z-index:200;
color:#833600;background:#fff;font-size:9px;text-align:center;
border-radius:50%;padding:5px 0 0 0;border:4px solid #ffb257;
-webkit-transition:.2s ease-in-out;-moz-transition:.2s ease-in-out;transition:.2s ease-in-out;
}
#page-top span{
display:block;width:20px;height:20px;
border-right:10px solid transparent;border-bottom:15px solid #ffb257;border-left:10px solid transparent;
margin:-7px auto 0px auto;}

#page-top a:hover{color:#fff; background:#ffb257;border:4px solid #bf5f1a;}
#page-top a:hover span{border-bottom:15px solid #fff;}