@charset "UTF-8";
/* Scss Document */
body {
  background: url(../img/bg.jpg) no-repeat center center;
  background-size: cover;
  background-attachment: fixed;
  width: 100%;
  height: 100%;
  position: relative; }

.bigwrapper {
  display: none; }

.black {
  background: #000;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  z-index: 998; }

/*++++++++++++++++++++++++++
	  Loading
++++++++++++++++++++++++++*/
#loading {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: #000;
  z-index: 9999; }

#loading div.l-pc {
  width: 640px;
  height: 180px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -90px 0 0 -320px; }

#loading div.l-sp {
  width: 320px;
  height: 90px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -45px 0 0 -160px; }

/*++++++++++++++++++++++++++
	  Main CSS
++++++++++++++++++++++++++*/
#header {
  width: 100%;
  height: 85px;
  border-bottom: 5px solid #a7871c;
  background: url(../img/menu_bg.png) repeat-x center top;
  padding: 0;
  position: relative;
  z-index: 500; }

#header-inner {
  width: 1000px;
  height: 80px;
  margin: 0 auto;
  position: relative; }

.menubtn {
  width: 720px;
  height: 80px; }

.menubtn > li {
  width: 180px;
  height: 80px;
  overflow: hidden;
  float: left; }

.menubtn > li > a {
  display: block; }

.menubtn > li > a:hover {
  margin-left: -180px; }

.mbg {
  width: 100%;
  height: 676px;
  background: url(../img/mainbg.jpg) no-repeat center top #f08a00;
  clear: both; }

/*.sky{
	background:url(../img/sky.png) repeat-x center top;
	clear:both;
}

.hana{
	background:url(../img/hana.png) no-repeat center top;
}

.wave{
	background:url(../img/wave.png) repeat-x center top;
}

.flare{
	background:url(../img/flare.png) no-repeat center top;
}*/
.wrap {
  width: 1000px;
  height: 683px;
  margin: 0 auto;
  /*	background:rgba(0,0,0,0.3);*/
  position: relative; }

h1.logo {
  width: 458px;
  height: 309px;
  position: absolute;
  top: 22%;
  left: 0;
  margin-top: -154px; }

.pv-menu {
  width: 313px;
  height: 170px;
  background: url(../img/pv_bg22.png) no-repeat center;
  position: absolute;
  bottom: 20px;
  left: 50%;
  margin-left: -156px; }

.btn-pv {
  width: 185px;
  height: 59px;
  overflow: hidden;
  position: absolute;
  top: 50%;
  left: 90px;
  margin-top: -29px; }

.btn-pv > a {
  display: block; }

.btn-pv > a:hover {
  margin-left: -185px; }

.btn-pv > a > img {
  width: 370px;
  height: 59px; }

#countdown {
  width: 204.97px;
  height: 72.33px;
  position: absolute;
  top: 58%;
  left: 50%;
  margin: -30px 0px 0px -102.485px; }

#countdown img {
  width: 100%;
  height: 100%; }

.haibi, .haibi img {
  width: 150px;
  height: 120px; }

.haibi img {
  position: absolute;
  top: 0; }

.haibi-l {
  position: absolute;
  bottom: 20px;
  left: 150px; }

.haibi-r {
  position: absolute;
  bottom: 20px;
  right: 150px; }

.go-home {
  width: 150px;
  height: 50px;
  overflow: hidden;
  position: absolute;
  right: 1.5%; }

.go-home > a {
  display: block; }

.go-home > a:hover {
  margin-left: -150px; }

.contents, .contents > div, .contents > div > img {
  padding: 0; }

.contents {
  padding-bottom: 3% !important; }

.go-okidoki {
  width: 150px;
  height: 150px;
  overflow: hidden;
  position: absolute;
  bottom: 15px;
  right: 200px; }

.go-toropi {
  width: 150px;
  height: 150px;
  overflow: hidden;
  position: absolute;
  bottom: 15px;
  left: 200px; }

.go-okidoki > a {
  display: block; }

.go-toropi > a {
  display: block; }

.go-okidoki > a:hover {
  margin-left: -150px; }

.go-toropi > a:hover {
  margin-left: -150px; }

.go-okidoki > a > img {
  width: 300px;
  height: 150px; }

.go-toropi > a > img {
  width: 300px;
  height: 150px; }

.btn-search > a:hover {
  margin-left: -242px; }

/*++++++++++++++++++++++++++
	 SPのみ
++++++++++++++++++++++++++*/
#sp-header {
  width: 100%;
  border-bottom: 5px solid #a7871c;
  background: url(../img/menu_bg.png) center top;
  padding: 0;
  box-sizing: border-box; }

#sp-main {
  overflow: hidden; }

.menubtn-sp > li, .menubtn-sp > li img, #sp-main, .main-visual, .main-visual img {
  margin: 0;
  padding: 0; }

.logo-sp img, .sp-pb-bg img, .sp-btn-pv img, #sp-countdown img {
  padding: 0; }

.logo-sp {
  position: absolute;
  padding: 0;
  top: 0%; }
  .logo-sp img {
    width: 100%; }

.sp-pb-bg {
  position: absolute;
  padding: 0 0%;
  bottom: 4%; }

.sp-btn-pv {
  position: absolute;
  padding: 0 2%;
  bottom: 5.5%;
  left: 27%; }

#sp-countdown {
  position: absolute;
  padding: 0 2%;
  bottom: 7%;
  right: 37%; }

.sp-haibi {
  position: absolute;
  /*	padding:0 0.5%;*/ }

.sp-haibi img {
  padding: 0;
  position: absolute;
  bottom: 0; }

.sp-haibi-l {
  bottom: 3%;
  left: 13%; }

.sp-haibi-r {
  bottom: 3%;
  right: 16.5%; }

.go-home-sp {
  padding: 0; }

.h-logo, .h-logo img {
  padding: 0; }

.sp-go-okidoki {
  position: absolute;
  padding: 0;
  width: 15%;
  bottom: 1%;
  right: 20%; }

.sp-go-toropi {
  position: absolute;
  padding: 0;
  width: 15%;
  bottom: 1%;
  left: 20%; }

.sp-go-okidoki img {
  padding: 0; }

.sp-go-toropi img {
  padding: 0; }

.sp-logo {
  margin-top: -4%;
  padding: 0; }

.sp-logo img {
  padding: 0; }

.sp-search-pv {
  padding: 0px !important; }
  .sp-search-pv a img {
    padding: 0px !important; }

/*++++++++++++++++++++++++++
	 Footer
++++++++++++++++++++++++++*/
footer {
  padding: 1% 0 !important;
  background: #000; }

footer li {
  box-sizing: border-box; }

footer li, footer img {
  margin: 0 !important;
  padding: 0 2px !important; }

.bros {
  background: url(../img/bn_bros.png) no-repeat center top;
  width: 35.2% !important; }

.sns {
  padding: 50px 0 0;
  overflow: hidden; }

.sns li {
  padding: 0 1px !important; }

.footer_s ul {
  padding: 0; }

.footer_s li, .footer_s img {
  padding: 2px !important; }

.mutual-bn {
  width: 400px;
  height: 80px;
  overflow: hidden;
  margin: 0 auto 10px; }

.mutual-bn img {
  width: 800px;
  height: 80px;
  padding: 0 !important; }

.mutual-bn > a {
  display: block; }

.mutual-bn > a:hover {
  margin-left: -400px; }

.mutual-bn-sp, .mutual-bn-sp img {
  padding: 2px; }

/*++++++++++++++++++++++++++
	 Sound select
++++++++++++++++++++++++++*/
#soundselect-wrap {
  position: fixed;
  margin: 0;
  padding: 0;
  top: 0;
  left: 0;
  z-index: 999;
  text-align: left;
  width: 100%;
  height: 100%;
  display: none; }

#soundselect {
  position: relative;
  width: 100%;
  height: 100%;
  background-color: black;
                               /*filter: alpha(opacity=0.8);
-moz-opacity:0.8;
opacity:0.8;*/ }

/*音量セレクト*/
.soundselect {
  width: 837px;
  height: 110px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -55px;
  margin-left: -418px;
  background: url(../img/volswitch.png) no-repeat center top; }

.soundselect > ul {
  padding-top: 50px;
  width: 614px;
  margin: 0 auto; }

.soundselect > ul > li {
  width: 187px;
  height: 59px;
  overflow: hidden;
  margin: 0 60px;
  float: left; }

.soundselect > ul > li > a {
  display: block; }

.soundselect > ul > li > a:hover {
  margin-left: -187px; }

/*++++++++++++++++++++++++++
	 BGM
++++++++++++++++++++++++++*/
.bgm {
  background: url(../img/bgm_bg.png) no-repeat center top;
  width: 120px;
  height: 60px;
  position: absolute;
  top: 10px;
  right: 10px; }

.bgm-sm {
  z-index: 1;
  margin-top: 18%; }

.bgm-sm2 {
  z-index: 1;
  margin-top: 10%; }

.bgm-sm3 {
  z-index: 1;
  margin-top: 11%; }

.musictitle {
  width: 100px;
  height: 15px;
  position: absolute;
  top: 9px;
  left: 82px; }

.volume {
  width: 103px;
  height: 20px;
  position: absolute;
  top: 33px;
  left: 9px; }

.selectmusic {
  width: 16px;
  height: 16px;
  overflow: hidden;
  position: absolute;
  top: 36px; }

.selectmusic1 {
  left: 172px; }

.selectmusic2 {
  left: 194px; }

/*.selectmusic3{
	left:150px;
}

.selectmusic4{
	left:172px;
}

.selectmusic5{
	left:194px;
}*/
/*＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊
	設置店検索
＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊*/
.searchbg {
  width: 320px;
  height: 398px;
  padding: 200px 0 0;
  background: url(../img/searchbg.png) no-repeat;
  background-size: 320px 320px;
  -webkit-background-size: 320px 398px;
  margin-top: 15%;
  font-size: 14px; }

.ken {
  height: 20px;
  border: 1px solid #000000;
  background: #FFF; }

.kishu {
  width: 100%;
  background-color: #FFF;
  border: 1px solid #000;
  height: 20px;
  margin-top: 27px; }

.col-md-6, .col-md-offset-3 {
  padding-left: 0px;
  padding-right: 0px; }

#selectbox {
  padding-left: 0px;
  padding-right: 0px;
  margin: 38px 0px 11px 0px; }