html{
  font-size:10px;
}
body{
  margin:0;
  padding:0;
  color:#000;
  font-family: sans-serif !important;
  background-color:#fff;
  position:relative;
  overflow:auto;
  -webkit-text-size-adjust: 100%;
}
p{
  font-size:1.6rem;
  line-height:1.8;
}
img{
  max-width:100%;
  height:auto;
  border:0;
  vertical-align:bottom;
}
a{
  color:#00a7ac;
  text-decoration:none;
  -webkit-transition:all 0.6s ease;
  -moz-transition:all 0.6s ease;
  -ms-transition:all 0.6s ease;
  transition:all 0.6s ease;
}
a:hover{
  opacity:0.7;
}
strong{
  font-weight:600;
}
ul{
  list-style-type:none;
}
li{
  font-size:1.6rem;
  line-height:1.8;
}
th,td{
  font-size:1.6rem;
  line-height:1.8;
}
dt,dd{
  font-size:1.6rem;
  line-height:1.8;
}
table a{
  height:auto;
}
.clearfix:after,
.row:after{
  content:"";
  display:block;
  clear:both;
}
.sp{
  display:none !important;
}

#wrapper{
  width:100%;
  min-width:1280px;
}
header{
  width:100%;
  position: relative;
  z-index: 20;
}
header .inner{
  height:145px;
  padding:25px 0 30px;
  box-sizing:border-box;
}
@media (min-width:769px){
  header .nav{
    height:60px;
    background-color:#3a3d3f;
  }
  header .nav>ul{
    position:relative;
    top:0;
    left:50%;
    transform:translateX(-50%);
    display:table;
  }
  header .nav>ul>li{
    display:table-cell;
  }
  header .nav>ul>li>a{
    height:60px;
    padding: 0 32px;
    color:#fff;
    font-size:2.0rem;
    text-align:center;
    text-decoration:none;
    line-height:60px;
    white-space:nowrap;
    display:block;
    position:relative;
    /*transform:skewX(25deg);*/
    z-index:10;
    position:relative;
  }
  header .nav>ul>li>a:after{
    content:"";
    display:block;
    width:100%;
    height:100%;
    transform:skewX(-25deg);
    background-color:transparent;
    border-right:1px solid #27292a;
    border-left:1px solid #57595b;
    position:absolute;
    left:0;
    top:0;
    z-index:-10;
    -webkit-transition:all 0.6s ease;
    -moz-transition:all 0.6s ease;
    -ms-transition:all 0.6s ease;
    transition:all 0.6s ease;
  }
  header .nav>ul>li>a:hover{
    opacity:1;
  }
  header .nav>ul>li:hover>a:after,
  header .nav>ul>li.current>a:after{
    background-color:#4bcada;
  }
  header .nav>ul>li:first-child>a:after{
    border-left:none;
  }
  header .nav>ul>li:last-child>a:after{
    border-right:none;
  }
  header .nav>ul>li:hover .toggle{
    display:block;
  }
  header .nav>ul>li>a>img{
    vertical-align: middle;
  }
  header .nav .navLogin{
    display:none;
  }
  header .toggle{
    display:none;
    width:100%;
    height:482px;
    padding:20px 0px;
    background-color:#fff;
    position:absolute;
    top:60px;
    left:0;
    z-index:20;
    box-sizing:border-box;
    box-shadow:0px 2px 10px rgba(0,0,0,0.2);
  }
  header .toggle .row{
    width:100%;
    height:100%;
    display:flex;
  }
  header .toggle .col{
    /*display:table-cell;*/
    border-left:1px solid #cccccc;
  }
  header .toggle .col:first-child{
    border-left:none;
  }
  header .toggle .col:last-child{
    width:244px;
    border-left:none;
  }
  header .toggle ul{
    width:170px;
    float:left;
  }
  header .toggle ul.w400{
    width:400px;
  }
  header .toggle ul.wide{
    width:100%;
  }
  header .toggle a{
    margin-bottom:8px;
    padding:0 28px;
    color:#000;
    font-size:1.7rem;
    line-height:2.0;
    display:block;
    box-sizing:border-box;
  }
  header .toggle .col>a{
  }
  header .toggle li a,
  header .toggle span{
    padding:0 20px;
    line-height:2.0;
    display:block;
  }
  header .toggle li a.inline_block{
    display: inline-block;
  }
  header .toggle li a+a{
    padding-left: 0;
  }
  header .toggle ul.s li a{
    margin-bottom:0px;
    font-size:1.6rem;
    border-left:3px solid transparent;
  }
  header .toggle a:hover,
  header .toggle li a:hover{
    color:#00a7ac;
  }
  header .toggle ul.s li a:hover{
    background-color:#f0f0f0;
    border-left:3px solid #00a7ac;
  }
  header .toggle li a.more{
    color:#a3a4a4!important;
    font-size:1.3rem!important;
  }
  header .toggle li a.more:hover{
    color:#00a7ac!important;
    background-color:transparent!important;
    border-left:3px solid transparent!important;
  }
  header .toggle li a.blank{
    width:auto;
    padding-right:24px;
    background:url("../images/ico_blank.png") no-repeat right center;
    display:inline-block;
  }
  header .toggle span{
    margin-top:30px;
    color:#969595;
    font-size:1.3rem;
  }
  header .toggle .coupon{
    width:244px;
    height:362px;
    background:url("../images/gsr_coupon.jpg") no-repeat top right/contain;
    position:absolute;
    right:0;
    top:0;
    text-indent:-9999px;
  }
}

footer{
  background-color:#3a3d3f;
}
footer:before{
  content:"";
  display:block;
  width:100%;
  height:40px;
  background:#fff url("../images/foot.png") no-repeat right top;
}
footer .inner{
  padding:50px 0;
}
footer .banner{
  margin-bottom:50px;
}
footer .banner ul li{
  display:inline-block;
  float:left;
}
footer .banner ul li+li{
  margin-left:12px;
}
footer .banner+p{
  color:#fff;
}
footer p,
copyright{
  color:#c7c7c7;
  font-size:1.3rem;
  text-align:center;
  line-height:1.4;
}

copyright{
  margin:20px 0;
  display:block;
}

.inner{
  width:1200px;
  margin:0 auto;
  position:relative;
  overflow:hidden;
}

#title{
  position:absolute;
  top:64px;
  left:0px;
}
#title h1{
  text-align:center;
}

#logo{
  width:235px;
  margin:0 auto;
}
#lang{
  display:inline-block;
  position:absolute;
  top:25px;
  right:0px;
}
#lang span,
#lang ul{
  display:inline-block;
  vertical-align:top;
}
#lang ul li{
  font-size:1.0rem;
  line-height:1.0;
  float:left;
}
#lang ul li a{
  margin:0 2px;
  color:#000;
  text-decoration:none;
}
#lang ul li a.current{
  font-weight:bold;
  text-decoration:underline;
}
#login{
  position:absolute;
  bottom:40px;
  right:0px;
}

#contents{
}
#contents>.inner{
  padding-bottom:100px;
}

.pagetop{
  position:fixed;
  bottom:40px;
  right:40px;
  opacity:0;
  -webkit-transition:all 0.6s ease;
  -moz-transition:all 0.6s ease;
  -ms-transition:all 0.6s ease;
  transition:all 0.6s ease;
  z-index:-10;
}
.pagetop.active{
  opacity:1;
  z-index:100;
}

.paging{
  position:relative;
  padding-top:20px;
  padding-bottom:60px;
}
.paging a.end{
  display:inline-block;
  width:240px;
  color:#fff;
  font-size:1.6rem;
  text-align:center;
  text-decoration:none;
  line-height:38px;
  border:1px solid #2666dc;
  background: #7da3ea;
  background: -moz-linear-gradient(top, #7da3ea 0%, #6d98e7 100%);
  background: -webkit-linear-gradient(top, #7da3ea 0%,#6d98e7 100%);
  background: linear-gradient(to bottom, #7da3ea 0%,#6d98e7 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7da3ea', endColorstr='#6d98e7',GradientType=0 );
}
.paging a.end span{
  padding-right: 12px;
  font-size: 1.8rem;
  line-height: 1.0;
  text-decoration: none;
  background: url(../images/ico_right_w.png) no-repeat right center;
  display: inline-block;
}
.wp-pagenavi{
  float:right;
}
.wp-pagenavi a,
.wp-pagenavi span{
  width:38px;
  margin:0 5px;
  color:#b3b3b3;
  font-size:1.6rem;
  text-align:center;
  text-decoration:none;
  line-height:38px;
  border:1px solid #d1d1d2;
  display:inline-block;
}
.wp-pagenavi span.current{
  color:#fff;
  background-color:#d1d1d2;
}
.wp-pagenavi a.previouspostslink,
.wp-pagenavi a.nextpostslink{
  width:23px;
}
.wp-pagenavi a.previouspostslink{
  margin-left:0;
  margin-right:10px;
}
.wp-pagenavi a.nextpostslink{
  margin-left:10px;
  margin-right:0;
}
.wp-pagenavi .pages{
  display:none;
}

.black{
  color:#000!important;
}
.white{
  color:#fff!important;
}
.gray{
  color:#525252!important;
}
.blue{
  color:#2666dc!important;
}
.green{
  color:#00a7ac!important;
}
.red{
  color:#ed1d1d!important;
}
.aligncenter{
  text-align:center!important;
}
.alignleft{
  text-align:left!important;
}
.alignright{
  text-align:right!important;
}
.size12{
  font-size:1.2rem!important;
}
.size14{
  font-size:1.4rem!important;
}
.size16{
  font-size:1.6rem!important;
}
.size18{
  font-size:1.8rem!important;
}
.size20{
  font-size:2.0rem!important;
}
.size24{
  font-size:2.4rem!important;
}
.size32{
  font-size:3.2rem!important;
}
.ml15{
	margin-left: 15px;
}
.mb10{
	margin-bottom: 10px;
}
.mb20{
  margin-bottom:20px;
}
.mb30{
  margin-bottom:30px;
}
.mb40{
  margin-bottom:40px;
}
.mb50{
  margin-bottom:50px;
}
.mb60{
  margin-bottom:60px;
}
.mb70{
  margin-bottom:70px;
}
.mb80{
  margin-bottom:80px;
}
.mb90{
  margin-bottom:90px;
}
.mb100{
  margin-bottom:100px;
}

.race_point{
  margin-left: 10px;
  font-size: 1.4rem;
}

@media (max-width:768px){
  .ml15{
	margin-left: 2.3vw;
  }
  .mb10{
	margin-bottom: 1.3vw;
  }
  .mb20{
    margin-bottom:2.6vw;
  }
  .mb30{
    margin-bottom:3.9vw;
  }
  .mb40{
    margin-bottom:5.2vw;
  }
  .mb50{
    margin-bottom:6.5vw;
  }
  .mb60{
    margin-bottom:7.8125vw;
  }
  .mb70{
    margin-bottom:9.0vw;
  }
  .mb80{
    margin-bottom:10.0vw;
  }
  .mb90{
    margin-bottom:11.7vw;
  }
  .mb100{
    margin-bottom:13.0vw;
  }
  .size12{
    font-size:1.5rem!important;
  }
  .size14{
    font-size:1.7rem!important;
  }
  .size16{
    font-size:1.9rem!important;
  }
  .size18{
    font-size:2.1rem!important;
  }
  .size20{
    font-size:2.3rem!important;
  }
  .size24{
    font-size:2.7rem!important;
  }
  .size32{
    font-size:3.5rem!important;
  }
}

@media (max-width:768px){
  html{
    font-size:1.3vw;
  }
  body{
    min-width:inherit;
  }
  #wrapper {
    min-width:inherit;
  }
  header{
    border-bottom:2px solid #3a3d3f;
  }
  .nav.active:after{
    content:"";
    display:block;
    width:100%;
    height:22vw;
    background-color:#3a3d3f;
    opacity:0.8;
    position:fixed;
    top:0;
    left:0;
    z-index:90;
  }
  header .inner{
    height:auto;
    padding:5.2vw 0;
  }
  header .nav{
    width:100vw;
    height:100vh;
    padding-top:27.34375vw;
    padding-bottom:30vw;
    background-color:#3a3d3f;
    display:none;
    overflow:scroll;
    box-sizing:border-box;
    position:fixed;
    top:0;
    left:0;
    z-index:80;
  }
  header .nav>ul>li{
    overflow:hidden;
  }
  header .nav>ul>li>a{
    padding:4vw 6.5vw;
    color:#fff;
    font-size:5.2vw;
    border-top:1px solid #57595b;
    border-bottom:1px solid #27292a;
    display:block;
  }
  header .nav>ul>li>a.t{
    background:url("../images/arrow_down.png") no-repeat 95% center/1.7vw;
  }
  header .nav>ul>li>a.active{
    background:url("../images/arrow_up.png") no-repeat 95% center/1.7vw;
  }
  header .nav>ul>li>a:after{
    background-color:transparent;
  }
  header .nav>ul>li:first-child>a{
    border-top:none;
  }
  header .nav>ul>li:last-child>a{
    border-bottom:none;
  }
  header .nav .navLogin{
    width:46.7448vw;
    margin:9vw auto 0;
    display:block;
    
  }
  header .toggle{
    margin-bottom:-1px;
    background-color:#242729;
    display:none;
  }
  header .toggle .col:after{
    content:"";
    display:block;
    clear:both;
  }
  header .toggle a{
    padding:3.25vw 5.5vw;
    color:#fff;
    font-size:3.645vw;
    background-color:#2e3133;
    display:block;
  }
  header .toggle a.g{
    background:#2e3133 url("../images/ico_plus.png") no-repeat 95% center/2.34vw;
  }
  header .toggle a.active{
    background:#2e3133 url("../images/ico_minus.png") no-repeat 95% center/2.34vw;
  }
  header .toggle ul.wide li{
    width:100%;
    float:none;
  }
  header .toggle ul.s{
    display:none;
  }
  header .toggle li{
    width:50%;
    float:left;
  }
  header .toggle li a{
    color:#d3d3d3;
    background-color:transparent;
    border-right:1px solid #3a3d3f;
    border-bottom:1px solid #3a3d3f;
  }
  header .toggle li a.blank{
    /*padding-right:8vw;
    background:url("../images/ico_blank.png") no-repeat 98% center;*/
  }
  header .toggle span{
    display:none;
  }
  header .toggle .coupon{
    display:none;
  }
  footer:before{
    height:5.2vw;
    background-size:50%;
  }
  footer .inner{
    padding:5.2vw 0;
  }
  footer .banner{
    width:77.34375vw;
    margin:0 auto 6.5vw;
  }
  footer .banner ul li{
    width:25vw;
    margin-left:calc((100% - 75vw)/2)!important;
    margin-bottom:calc((100% - 75vw)/2)!important
  }
  footer .banner ul li:nth-child(3n+1){
    margin-left:0px!important;
  }
  footer p,
  copyright{
    font-size:1.95vw;
  }
  footer .banner+p{
    font-size:2.2vw;
  }
  .pc{
    display:none !important;
  }
  .sp{
    display:inline-block !important;
  }
  .inner{
    width:100%;
  }
  #title{
    width:34.895vw;
    margin:0 auto 1.0vw;
    position:static;
    top:0px;
    left:0px;
  }
  #logo{
    width:33.85417vw;
    margin:0 auto;
  }
  #lang{
    color:#fff;
    /*display:inline-block;*/
    display:none;
    position:fixed;
    top:5.2vw;
    right:inherit;
    left:5.2vw;
    z-index:100;
  }
  #lang.active{
    display:block;
  }
  #lang span{
    display:none;
  }
  #lang ul li{
    font-size:2.6rem;
  }
  #lang ul li a{
    padding:1.3vw;
    color:#fff;
  }
  #login{
    display:none;
    position:static;
    bottom:0px;
    right:0px;
  }
  #menu{
    width:8.59375vw;
    height:7.942708vw;
    background:url("../images/menu.png") no-repeat center/contain;
    position:absolute;
    top:9.635vw;
    right:5.2vw;
    z-index:100;
  }
  #menu.active{
    background:url("../images/menu_w.png") no-repeat center/contain;
    position:fixed;
  }
  #contents>.inner{
    width:92.1875vw;
    margin:0 auto;
    padding-bottom:16vw;
  }
  .pagetop{
    width:19vw;
    right:2.6vw;
    bottom:2.6vw;
  }
  .race_point{
    margin-left: 1.3333vw;
    font-size: 2.4rem;
  }
}