/*---------------------------- ここにコメント ----------------------------*/
/*--
@media print, screen and (min-width: 780px) {
---*/


/*---------- ページ全体の指定 ----------*/

@charset "UTF-8";

body {
 width: 100%;
 font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "MS P ゴシック", "MS P Gothic", sans-Serif;
 margin: 0;
 padding: 0;
 font-size: 16px;
 color: #fff;
 background: #000;
 -webkit-text-size-adjust: none;
}

p {
 margin : 0;
 padding: 0;
 line-height: 1.3em;
 word-wrap: break-word;
 color: #fff;
}

ul {
 list-style-type: none;
 margin : 0;
 padding: 0;
}

a {
 color: #fff;
 text-decoration: none;
 margin : 0;
 padding: 0;
}

a:hover {
 color: #f19149;
}

img {
 vertical-align: top;
 margin : 0;
 padding: 0;
}

h2,h3 {
 font-weight: normal;
 margin : 0;
 padding: 0;
}

/*---------- header-contents ----------*/
header {
 width: 100%;
 height: auto;
 margin: 0;
 padding: 0;
 background-color: rgba(0, 0, 0,0.5 );  /*-- 背景だけを透過 --*/
 overflow: hidden;
 position: fixed;
}

#header-area {
 width: 95%;
 margin: 0;
 padding: 0;
 text-align: center;
}

#header-area img {
 width: 50%;
 margin: 0;
 padding: 0;
 opacity: 1;
}


/*---------- main-visual ----------*/
#main-visual {
 width: 100%;
 height: 800px;
 background: url(../images/IMG_1134.jpg) no-repeat center/cover;
 margin: 0 0 20px;
 padding: 0;
 display: flex;
 justify-content: center;
 align-items: center;
}

#main-visual .main-copy{
 width: 90%;
 margin: 0 auto;
 color: #fff;
 font-size: 30px;
 font-weight: bold;
 text-align: center;
 line-height: 1;
 letter-spacing: .2em;
}

#main-visual .sub-copy{
 width: 90%;
 margin: 0 auto;
 color: #fff;
 font-size: 20px;
 text-align: center;
}


/*--- main-visual（manuhtml） ---*/
#sp_main-visual {
 width: 100%;
 height: 800px;
 background: url(../images/bar.jpg) no-repeat center/cover;
 margin: 0 0 20px;
 padding: 0;
 display: flex;
 justify-content: center;
 align-items: center;
}

#sp_main-visual .main-copy{
 width: 90%;
 margin: 0 auto;
 color: #fff;
 font-size: 30px;
 font-weight: bold;
 text-align: center;
 line-height: 1;
 letter-spacing: .2em;
}

#sp_main-visual .sub-copy{
 width: 90%;
 margin: 0 auto;
 color: #fff;
 font-size: 20px;
 text-align: center;
}


/*---------- main-contents ----------*/
#main-contents {
 width: 95%;
 margin: 0 auto 20px;
 padding: 10px 0;
 background: #282522;
}

#main-contents .event {
 width: 100%;
 margin: 0 0 20px;
 padding: 10px 0 0;
 overflow: hidden;
}

#main-contents .event .eventbanner01 {
 width: 93%;
 margin: 0 auto 20px;
 padding: 0;
 overflow: hidden;
}

#main-contents .event .eventbanner01 img {
 width: 100%;
 margin: 0;
 padding: 0;
 transition: transform .6s ease; /* ゆっくり変化させる */
}

#main-contents .event .eventbanner01 img:hover {
  transform: scale(1.08); /* 拡大 */
}

#main-contents .event .eventbanner02 {
 width: 93%;
 margin: 0 auto 20px;
 padding: 0;
}

#main-contents .event .eventbanner02 img {
 width: 100%;
 margin: 0;
 padding: 0;
}

#main-contents .article {
 width: 100%;
 margin: 0;
 padding: 0;
}

#main-contents .article h2 {
 width: 86%;
 font-size: 120%;
 border-bottom: solid 1px #fff;
 background: url(../images/article2_icon.png) no-repeat;
 padding-left: 6%;
 line-height: 25px;
 margin: 0 auto 10px;
}

#main-contents .article ul.article-thumbnail {
 width: 94.5%;
 margin: 0 auto 20px;
 padding: 0;
 overflow: hidden;
}

#main-contents .article li {
 width: 48%;
 margin: 0 1%;
 float: left;
 overflow: hidden;
}

#main-contents .article li img {
 width: 100%;
 margin: 0 0 5px;
}

#main-contents .article li p {
 width: 100%;
 margin: 0 auto;
 padding: 0;
 text-align: left;
}

#main-contents .article p {
 width: 94%;
 margin: 0 auto;
 text-align: right;
 clear: both;
}


/*---------- manu-contents ----------*/
#manu-contents {
 width: 95%;
 margin: 0 auto 20px;
 padding: 15px 0 0;
 background: #282522;
 overflow: hidden;
}

#manu-contents .manu {
 margin-bottom: 15px;
 overflow: hidden;
 clear: both;
}

#manu-contents .manu h2.drink-title {
 width: 86%;
 font-size: 120%;
 border-bottom: solid 1px #fff;
 background: url(../images/drink2_icon.png) no-repeat;
 margin: 0 auto 10px;
 padding-left: 6%;
 line-height: 25px;
}

#manu-contents .manu .manu-box {
 width: 90%;
 margin: 0 auto;
 padding: 0;
}

#manu-contents .manu .manu-box ul.menu {
 width: 65%;
 margin: 0;
 padding: 0;
 float: left;
}

#manu-contents .manu .manu-box ul.price {
 width: 35%;
 margin: 0;
 padding: 0;
 float: right;
 text-align: right;
}

#manu-contents .manu .manu-box p {
 width: 100%;
 padding: 10px 0 20px;
 text-align: right;
 clear: both;
}

#manu-contents .manu h2.food-title {
 width: 86%;
 font-size: 120%;
 border-bottom: solid 1px #fff;
 background: url(../images/food2_icon.png) no-repeat;
 margin: 0 auto 10px;
 padding-left: 6%;
 line-height: 25px;
}

#manu-contents .manu h2.game-title {
 width: 86%;
 font-size: 120%;
 border-bottom: solid 1px #fff;
 background: url(../images/game2_icon.png) no-repeat;
 margin: 0 auto 10px;
 padding-left: 6%;
 line-height: 25px;
}


/*---------- manu-contents（manuhtml） ----------*/
#manu-contents .sp_manu {
 margin-bottom: 15px 0 0;
 overflow: hidden;
 clear: both;
}

#manu-contents .sp_manu-box p {
 color: #f19149;
 font-weight: bold;
}

#manu-contents .sp_manu h2.drink-title {
 width: 86%;
 font-size: 120%;
 border-bottom: solid 1px #fff;
 background: url(../images/drink2_icon.png) no-repeat;
 margin: 0 auto 10px;
 padding-left: 6%;
 line-height: 25px;
}

#manu-contents .sp_manu h2.food-title {
 width: 86%;
 font-size: 120%;
 border-bottom: solid 1px #fff;
 background: url(../images/food_icon.png) no-repeat;
 margin: 0 auto 10px;
 padding-left: 6%;
 line-height: 25px;
}

#manu-contents .sp_manu h2.game-title {
 width: 86%;
 font-size: 120%;
 border-bottom: solid 1px #fff;
 background: url(../images/game2_icon.png) no-repeat;
 margin: 0 auto 10px;
 padding-left: 6%;
 line-height: 25px;
}

#manu-contents .sp_manu .sp_manu-box {
 width: 90%;
 margin: 0 auto 20px;
 padding: 0;
 clear: both;
}

#manu-contents .sp_manu .sp_manu-box ul.menu {
 width: 65%;
 margin: 10px 0 20px;
 padding: 0;
 float: left;
}

#manu-contents .sp_manu .sp_manu-box ul.price {
 width: 35%;
 margin: 10px 0 20px;
 padding: 0;
 float: right;
 text-align: right;
}


/*---------- kingsbooster-contents ----------*/
#kingsbooster-contents {
 width: 95%;
 margin: 0 auto 20px;
 padding: 10px 0;
 overflow: hidden;
 background: #282522;
}

#kingsbooster-contents .kingsbooster {
 width: 100%;
 margin: 0;
 padding: 10px 0 0;
}

#kingsbooster-contents .kingsbooster p {
 width: 92%;
 margin: 0 auto 30px;
 padding: 0;
}

#kingsbooster-contents .kingsbooster p img {
 width: 100%;
 margin: 0;
 padding: 0;
}

#kingsbooster-contents .kingsbooster h2 {
 width: 86%;
 font-size: 120%;
 border-bottom: solid 1px #fff;
 background: url(../images/kings2_icon.png) no-repeat;
 padding-left: 6%;
 line-height: 25px;
 margin: 0 auto 10px;
}

#kingsbooster-contents .kingsbooster ul.kingsbooster-thumbnail {
 width: 94.5%;
 margin: 0 auto 20px;
 padding: 0;
 overflow: hidden;
}

#kingsbooster-contents .kingsbooster li {
 width: 48%;
 margin: 0 1%;
 float: left;
 overflow: hidden;
}

#kingsbooster-contents .kingsbooster li img {
 width: 100%;
 margin: 0 0 5px;
}

#kingsbooster-contents .kingsbooster li p {
 width: 100%;
 margin: 0 auto;
 padding: 0;
 text-align: left;
}


#kingsbooster-contents .booster-box {
 width: 92%;
 margin: 0 auto 20px;
 padding-bottom: 10px;
 border-bottom: solid 1px #fff;
 overflow: hidden;
}

#kingsbooster-contents .booster-box .booster-thumbnail {
 width: 20%;
 margin: 0;
 float: left;
}

#kingsbooster-contents .booster-box .booster-thumbnail img {
 width: 100%;
 margin: 0;
 padding: 0;
}

#kingsbooster-contents .booster-box .booster-detail {
 width: 74%;
 height: 100px;
 margin: 0;
 padding: 0 3%;
 float: right;
 overflow: hidden;
}

#kingsbooster-contents .booster-box .booster-detail h3.booster-name {
 font-size: 24px;
 font-weight: bold;
}

#kingsbooster-contents ul.booster-img {
 width: 95%;
 margin: 0 auto 20px;
 overflow: hidden;
}

#kingsbooster-contents ul.booster-img li {
 width: 50%;
 margin: 0 0 20px;
 float: left;
}

#kingsbooster-contents ul.booster-img img {
 width: 95%;
 margin: 0 2.5%;
}



























/*---------- footer-contents ----------*/
#footer-contents {
 width: 100%;
 margin: 0;
 padding: 20px 0;
 background: #282522;
}

#footer-contents h2 img {
 width: 60%;
 margin: 0 20% 20px;
 padding: 0;
}

#footer-contents .concept {
 width: 95%;
 margin: 0 auto 20px;
}

#footer-contents .concept h3 {
 margin: 0 0 5px;
 border-bottom: solid 1px #fff;
}

#footer-contents .concept p {
 width: 95%;
 margin: 0 auto 15px;
}

#footer-contents .concept img {
 width: 95%;
 margin: 0 2.5%;
}

#footer-contents .address-sns {
 width: 95%;
 margin: 0 auto 20px;
}

#footer-contents .address-sns h3 {
 margin: 0 0 5px;
 border-bottom: solid 1px #fff;
}

#footer-contents .address-sns ul {
 width: 95%;
 margin: 0 auto 10px;;
}

#footer-contents .address-sns ul span {
 font-size: 12px;
}

#footer-contents .address-sns li {
 margin: 5px 0;
}

#footer-contents .address-sns ul.sns img {
 width: 8%;
 margin-right: 10px;
}

#footer-contents .address-sns iframe {
 width: 95%;
 height: 250px;
 margin: 0 2.5%;
}

#footer-contents p.copyright {
 width: 95%;
 margin: 0 auto;
 border-top: solid 1px #fff;
 padding-top: 5px;
 text-align: center;
}