@charset "UTF-8";

/* ==========================================================================
   Reset
========================================================================== */
body{
  background: url(../img/common/bg_chara_yerrow.png) 0 0;
  -webkit-background-size: 322px auto;
          background-size: 322px auto;
}
.main{
  width: 100%;
}

.top_area{
  width: 100%;
  height: auto;
  background-color: #facd00;
  position: relative;
}

.main .logo{
  width: 50%;
}
.main .logo3ds{
  width: 31.09%;
  position: absolute;
  right: 0px;
  top: 0px;
}

.gnav{
  padding-top: 3.13%;
  padding-bottom: 3.13%;
  background-color: #692800;
}

.news{
  margin: 3.13% 3.13% 2.13% 3.13%;
  background: #FFF;
  background-size: cover;
  border-radius: 6px;
}

.news_body a{
  color: #000;
}

.news_body{
  padding: 4.13% 3.13%;
  border-bottom: 2px solid #d1d3d6;
}

.news_body dt{
  width: 16%;
  float: left;
}
.news_body dd{
  margin-left: 20%;
  font-size: 12px;
  line-height: 130%;
  text-decoration: underline;
}
.update{
  margin: 0 3.13% 4.13% 3.13%;
}

.update_body{
  padding: 3.13% 3.13% 4.13% 3.13%;
}

.update_body a{
  color: #000;
  font-size: 12px;
  line-height: 1;
}
.update_body a:before{
  content: "";
  width: 10px;
  height: 10px;
  display: inline-block;
  background: url(../img/top/ico_update.png) 0 0 no-repeat;
  -webkit-background-size: 10px;
       -o-background-size: 10px;
          background-size: 10px;
  vertical-align: middle;
  margin: -1px 5px 0 0;
}

.info{
  width: 100%;
  background: url(../img/top/info_bg.png) 0 0 no-repeat;
  -webkit-background-size: cover;
          background-size: cover;
    position:relative;
}

.info_pkg{
  width: 40.47%;
  float: left;
}

.info_right{
  width: 59.53%;
  float: right;
}
.info_cero{
  width: 7.87%;
  display: inline-block;
  vertical-align: top;
}
.info_cero{
  width: 7.87%;
  display: inline-block;
  vertical-align: top;
}
.info_text2{
  width: 92.13%;
  display: inline-block;
  vertical-align: top;
}
.info_sp{
  clear: both;
}

.info_btn1 a{
  width: 50%;
  display: inline-block;
  vertical-align: top;
}

.info_btn a{
  width: 50%;
  display: inline-block;
  vertical-align: top;
}



.footer{
  background: #692800;
  padding: 4.13% 0 4.13% 0;
}
.footer:after{
  content: "";
  display: block;
  clear: both;
}
.footer_link{
  float: left;
  width: 75%;
}
.footer_sns{
  float: right;
  width: 25%;
}
.footer_btn01{
  width: 54.17%;
  display: inline-block;
  vertical-align: top;
}
.footer_btn02{
  width: 45.83%;
  display: inline-block;
  vertical-align: top;
}

.footer_sns a{
  width: 50%;
  display: inline-block;
  vertical-align: top;
}

/* ----------------------------
   eshop バナー
---------------------------- */
.bnr-eshop-sale{
  width: 100%;
  background: url(../img/top/bnr_eshop_bg.png);
  -webkit-background-size: 20px;
          background-size: 20px;
  position: relative;
  z-index: 10;
}
.bnr-eshop-sale::before{
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background: #FFF;
  left: 0;
  bottom: -2px;
  position: absolute;
}
.bnr-eshop-sale a,
.bnr-eshop-sale span{
  display: block;
  max-width: 375px;
  margin: 0 auto;
}
.bnr-eshop-sale a img,
.bnr-eshop-sale span img{
  max-width: 375px;
  width: 100%;
  height: auto;
}