@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@700;800&display=swap');

html{
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  font-size: 62.5%;
  font-weight: 500;
  font-style: normal;
  width: 100%;
}
html { scroll-behavior: smooth;}
body p, body span, body dl, h1, h2, h3, h4, h5, h6{
  transform: rotate(0.03deg);
  -moz-transform: rotate(0.03deg);
  -ms-transform: rotate(0.03deg);
  -o-transform: rotate(0.03deg);
  -webkit-transform: rotate(0.03deg);
}
h1, h2, h3, h4, h5, h6{
  font-weight: 500;
}
img{
  width: 100%;
}
a{
  text-decoration: none;
  color: #F04C44;
}
h2{
  font-size: 6rem;
  line-height: 1em;
  font-weight: 600;
  color: #F04C44;
}
h3{
  font-size: 2.3rem;
}
h4{
  font-size: 2.1rem;
}
h5{
  font-size: 1.9rem;
  letter-spacing: 0.14rem;
  font-weight: 600;
}
h6{
  font-size: 1.7rem;
  font-weight: 600;
}
p{
  font-size: 1.5rem;
  color: #000000;
}
.flex, .flex_sp{
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
}
.main_area{
  max-width: 980px;
  /* min-width: 890px; */
  margin: 0 auto;
}
.sec_sp{
  margin: 80px auto;
}
.sec_pd{
  padding: 0px 0 80px;
}
.bar_fff{
  background-color: #fff;
  height: 20px;
  width: 100%;
}
.sp_br{
  display: none;
}
.h2_title{
  margin: 0 auto 54px auto;
  text-align: center;
}


.h2_sub p{
  color: #fff;
  background: #F04C44;
  border-radius: 15px;
  margin: 5px auto 0;
  padding: 2px 0;
  letter-spacing: 0.2rem;
  font-weight: 600;
  width:auto;
}

@media print, screen and (min-width: 768px) {
	.h2_sub p{
	  width:470px;
	}
}

.bk_c_gray
{
  background: #F8F8F8;
}
.bk_c_blue{
  background: #63CAD8;
}
.bk_c_red{
  background: #F04C44;
}
.bk_bl{
  background-image: url(../img/bk_bl.png);
  background-position: 0 1rem;
  background-size: 3.2rem;
}
.bk_red{
  background-image: url(../img/bk_red.png);
  background-position: 0 0;
  background-size: 3.2rem;
}
/* トップに戻るボタン */
#page_top{
  width: 50px;
  height: 50px;
  position: fixed;
  right: -30%;
  bottom: 4%;
  background: #fff;
  border-radius: 50%;
  box-shadow: 2px 2px 2px 2px rgb(0 0 0 / 20%);
}
#page_top:hover{
  background: rgb(241, 241, 241);
}
#page_top a{
  position: relative;
  display: block;
  width: 50px;
  height: 50px;
  text-decoration: none;
}
#page_top a::before{
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  content: '\f106';
  font-size: 25px;
  color: #F04C44;
  position: absolute;
  width: 25px;
  height: 25px;
  top: -5px;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
}

/* ヘッダー */
.hd_con{
  padding: 25px 0 20px 0;
}
.logo{
  width: 406px;
}
.nav_item{
  text-align: center;
  padding: 0 25px;
}
.nav_item:last-child{
  padding-right: 0;
}
.nav_item p{
  color: #F04C44;
  font-weight: 600;
  font-size: 1.6rem;
  font-weight: 600;
  letter-spacing: 0.2rem;
  line-height: 1.2;
  text-shadow: 1px 1px 2px rgb(240 76 68 / 20%);
}
.nav_item p span{
  font-size: 1.4rem;
  letter-spacing: 0.1rem;
}
.nav_item a{
  position: relative;
  display: inline-block;
}
.nav_item a::after {
  position: absolute;
  bottom: -4px;
  left: 0;
  content: '';
  width: 100%;
  height: 3px;
  background: #F04C44;
  transform: scale(0, 1);
  transform-origin: left top;
  transition: transform .5s;
}
a:hover::after {
  transform: scale(1, 1);
}
.nav_item:last-child a::after{
  content: none;
}
.nav_area{
  justify-content: flex-end;
  margin: 0 auto 0 auto;
  padding-top: 15px;
}
.h2_title{
  width: auto;
}
.tw_logo{
  width: 46px;
}
.slider li:hover{
  opacity: .6;
  transition: all .5s;
}



/*                 */
/* バーガーアイコン */
/*                */
.burger-btn{
  display: none;
}
.nav-list {
  display: none;
}





/*      Pick up     */
.pickup_box_container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 40px;
}
@media screen and (max-width:766px){
  .pickup_box_container {
  grid-template-columns: 1fr 1fr;
    gap: 20px;
  }
}
.pickup_box {
  width: 100%;
  display: block;
}
.pickup_box_inner {
  padding: 20px;
}
@media screen and (max-width:766px){
  .pickup_box_inner {
    padding: 14px;
  }
	
}

.pickup_box_img {
  aspect-ratio: 430/240;
  width: 100%;
  height: auto;
}
.pickup_box h3 {
  font-size: 1.6rem;
  color: #000;
  text-align: center;
}

@media screen and (max-width:766px){
.pickup_box h3 {
  font-size: 1rem;
  color: #000;
  text-align: center;
	}
}


.pickup_box_tag {
  text-align: center;
  width: fit-content;
  margin: 10px auto;
  color: #fff;
  background-color: #edaf28;
  border-radius: 50px;
  padding: 2px 1em;
  font-size: 1.4rem;
}

@media screen and (max-width:766px){
.pickup_box_tag {
    text-align: center;
    width: fit-content;
    margin: 10px auto;
    color: #fff;
    background-color: #edaf28;
    border-radius: 50px;
    padding: 2px 1em;
    font-size: 1.1rem;
}
}

.pickup_box_tag._black {
  background-color: #000000;
}
.pickup_box_tag._blue {
  background-color: #286fd0;
}
.pickup_box_tag._orange {
  background-color: #dd780c;
}
.pickup_box_tag._pink {
  background-color: #f860a8;
}
.pickup_box_tag._red {
  background-color: #ea423e;
}

.box_white_shadow {
  background: #fff;
  border-radius: 12px;
  box-shadow: 1px 1px 1px 1px rgb(0 0 0 / 20%);
}


/* ニュース */
.news_con_bk {
  background: #fff;
  margin-bottom: 40px;
  padding: 40px;
  border-radius: 12px;
  box-shadow: 2px 2px 2px 2px rgb(0 0 0 / 20%);
  box-sizing: border-box;
  height: 420px;
  overflow-y: scroll;
}

.new-icon{
color:#FFF;font-weight:700;font-size:0.62em;background-color:#F04C44;border-radius:15px;display:inline-block;padding:2px 10px;margin:0 0 0 10px;
}

.news_topic{
  width: 70%;
  margin: 0 auto 26px auto;
}

.news-title a {
  color: #F04C44;
  text-decoration: underline;
}
.news-title a:hover {
  text-decoration: none;
}


/* ニュース詳細ページ */
.news-detail .news_con_bk {
  height: fit-content;
  min-height: 400px;
  overflow: unset;
}
@media screen and (max-width:766px){
  .news-detail .news_con_bk {
    padding: 2rem 1rem;
  }
}
.news-detail .news-date {
  font-size: 1.4rem;
  margin-bottom: 10px;
}
.news-detail .news-title {
  font-weight: 700;
  border-bottom: 1px solid #F04C44;
  text-align: left;
  margin-bottom: 40px;
}
.news-detail .news-content {
  font-size: 1.6rem;
}
.news-detail .news-content p {
  margin-bottom: 1em;
}
.news-detail .news-content a {
  color: #F04C44;
  text-decoration: underline;
}
.news-detail .news-content a:hover {
  text-decoration: none;
}

.news-detail .news-content a img:hover {
  opacity: 0.6;
}
.news-detail .news-content .thumbnail img {
  width: 100%;
  margin: 0;
}
.news-detail .news-content .thumbnail {
  margin-bottom: 40px;
}
.news-detail .news-content figure {
  max-width: 100%;
  margin-bottom: 1em;
}
.news-detail .news-content figure img {
  width: auto;
  max-width: 100%;
  display: block;
  margin: 0 auto;
}
.news-detail .news-content figure figcaption {
  font-size: 1.2rem;
  color: #575757;
  text-align: center;
}
.news-detail .news-content iframe {
  max-width: 100%;
  height: auto;
  aspect-ratio: 16/9;
  display: block;
  margin: 0 auto 20px;
}

.news-detail .right_btn {
  margin: 80px auto 0;
}

/* ピックアップ詳細ページ */
.pickup-detail_title {
  text-align: center;
  font-size: clamp(2.0rem, 4vw, 2.8rem);
  font-family: 'M PLUS Rounded 1c', "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  line-height: 1.5;
  font-weight: 800;
  color: #444;
  margin: 40px 0;
}



/* グッズ */
.goods_title{
  margin-bottom: 10px;
}
.goods_con{
  margin-bottom: 90px;
}
.goods_img{
align-items: flex-start;
}

/*                  */
/* GOODS main image */
/*                  */
.goods_left{
  width: 490px;
  height: 740px;
  overflow: hidden;
  border-radius: 15px;
  margin-right: 19px;
  box-shadow: 2px 2px 2px 2px rgb(0 0 0 / 20%);
  flex: 1;
}
.goods_left img{
  width: auto;
  height: 100%;
}
.list_hor{
 width: 100%;
 margin-bottom: 20px;
 height: auto; 
}
.list_hor img{
 width: 100%;
}
.list_squ{
  width: auto;
  height: 482px;
  overflow: hidden;
}
.list_squ img{
  width: auto;
  height:100%
}

/*                  */
/* GOODS item image */
/*                  */

.goods_right{
  width: 464px;
  flex: 1;
}
.goods_list{
  width: 100%;
  margin-bottom: 34px;
}
.goods_right .goods_list:last-child{
  margin-bottom: 0;
}

/* 2＊2 カラム */
.goods_item{
  width: 204px;
  height: 204px;
  padding: 10px;
  border-radius: 15px;
  overflow: hidden;
  box-shadow: 2px 2px 2px 2px rgb(0 0 0 / 20%);
  cursor: pointer;
  background: #fff;
}

.item_img{
  width: auto;
 height: 176px; 
  margin: 0 auto;
  overflow: hidden;
  /* transition: all .3s;   */
}
.list_1col .item_img{
  width: 447px;
  height: 176px;
}


.item_img ,.list_1col .item_img{position:relative;}


.item_img span.day{position:absolute;top:0px;right:0px;display:inline-block;background-color:#ffdfdf;color:#d96277;font-size:1.125em;padding:2px 7px;border-radius:5px;text-align:center;}

.list_1col .item_img span.day{position:absolute;top:0px;right:0px;display:inline-block;background-color:#ffdfdf;color:#d96277;font-size:1em;padding:2px 7px;border-radius:5px;text-align:center;}


.item_img span.info01{position: absolute;
    top: 0px;
    left: 0px;
    display: inline-block;
    color: #000;
    font-size: 1.125em;
    padding: 2px 0px;}

.list_1col .item_img span.info01{position: absolute;
    top: 0px;
    left: 0px;
    display: inline-block;
    color: #000;
    font-size: 1.125em;
    padding: 2px 0px;}

.goods_item:hover{
  background: rgb(246, 245, 245);
}
.goods_item:hover .item_img{
  transform:scale(1.05,1.05);
  opacity: .6;
  transition:.7s all;
}
.item_txt{
  height: 24px;
  width: 90%;
  margin: 4px auto 0 auto;
}
.item_txt p{
  font-weight: 600;
  text-align: center;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/*  */
/* テスト */
/*  */
.goods_thefirstslamdunk{
  padding-bottom: 1rem; 
  overflow:hidden;
}


.goods_thefirstslamdunk img {
    width: calc(100% - 5px);
    overflow: hidden;
    border-radius: 15px;
    margin-right: 19px;
    box-shadow: 2px 2px 2px 2px rgb(0 0 0 / 20%);
    flex: 1;
}
dt .goods_left{
  margin-right: 0;
}
.goods_img dl{
  margin-top: -20px;
  margin-left: -20px;
  padding-bottom: 1rem; 
  overflow:hidden;
}
.goods_img dt, .goods_img dd{
  float: left;
  margin-top: 20px;
  margin-left: 20px;
}
/* メイン画像縦長 */
.main_ver{
  height: 740px;
}
/* メイン画像縦長 */
.main_hor{
  width: 980px;
  height: 467px;
  margin-bottom: 20px;
  height: auto;
}
.main_hor img{
  width: 100%;
}
/* メイン画像ショート */
.main_squ{
  width: 468px;
  height: 468px;
}
.list_1col{
  width: 447px;
}


/* モーダル */
/*モーダル本体の指定 + モーダル外側の背景の指定*/
.modal-container{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  background: rgba(0,0,0,50%);
  padding: 20px;
  overflow: auto;
  opacity: 0;
  visibility: hidden;
  transition: .3s;
  box-sizing: border-box;
}
/*モーダル本体の擬似要素の指定*/
.modal-container:before{
  content: "";
  display: inline-block;
  vertical-align: middle;
  height: 100%;
}
/*モーダル本体に「active」クラス付与した時のスタイル*/
.modal-container.active{
  opacity: 1;
  visibility: visible;
  z-index: 100;
}
/*モーダル枠の指定*/
.modal-body{
  position: relative;
  display: inline-block;
  vertical-align: middle;
  max-width: 560px;
  width: 90%;
}
/*モーダルを閉じるボタンの指定*/
.modal-close{
  font-size: 25px;
  cursor: pointer;
  text-align: center;
  margin-top: 42px;
}
.modal-close span{
  font-size: 50px;
  line-height: 35px;
}
/*モーダル内のコンテンツの指定*/
.modal-content{
  background: #fff;
  text-align: left;
  padding: 25px;
}

.modal-img{
  width: 100%;
  padding: 0 0;
  border-bottom: 1px solid #000000;
  overflow: hidden;
  margin-bottom: 30px;
  padding-bottom: 20px;
}
.modal-txt{
  width: 90%;
  margin: 0 auto;
}
.modal-txt p{
  font-size: 1.4rem;
}
/* .modal-txt p:last-child{
  font-size: 1.2rem;
} */
.modal_txt_list{
  display: none;
}
.modal_title{
  font-weight: 600;
}
.modal_txt_list .m_copy{
  font-size: 1.1rem;
}
/* アコーディオン */
.accordion-container {
  position: relative;
  width: 100%;
  border-top: none;
  outline: 0;
  cursor: pointer
}

.accordion-container .accordion-title {
  /* display: block; */
  position: relative;
  margin: 0;
  padding: 0.625em 0.625em 0.625em 0.625em;
  cursor: pointer;
  color: #fff;
  background: #F04C44;
  border-radius: 12px;
  height: 65px;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  box-shadow: 1px 1px 1px 1px rgb(0 0 0 / 20%);
}

.accordion-container .accordion-title:hover,
.accordion-container .accordion-title:active,
.accordion-container .content-entry.open .accordion-title {
  background: #ef7b75;
}

.accordion-container .accordion-title:hover i:before,
.accordion-container .accordion-title:hover i:active,
.accordion-container .content-entry.open i {
  color: white;
}

.triangle{
  border-right: 12px solid transparent;
  border-bottom: 15.6025px solid #fff;
  border-left: 12px solid transparent;
  margin-left: 14px;
  transition: all 0.4s ease-in-out;
}
.triangle.open{
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg);
  /* top: 45%; */
}

.accordion-content {
  display: none;
  width: 980px;
}
.accordion-content.open{
  display: block;
  transition: all 0.4s ease-in-out;
}
/* CSS for CodePen */
.accordion-container {
  width: 322px;
  margin: 50px auto 30px auto;
}
.more_list{
  margin-bottom: 45px
}
.more_item_center{
  margin: 0 8%;
}
.more_item{
flex: 1;
}
.more_item:hover{
  opacity: .7;
}
.more_title{
  text-align: center;
}

/* イベント */
.ev_banner{
  margin-bottom: 70px;
}
.ev_banner_flex{
  justify-content: space-around;
}
.ev_banner02{
  margin: 0 4%;
}
.ev_banner_item{
  flex: 1;
  overflow: hidden;
  border-radius: 15px;
  background: #fff;
  box-shadow: 2px 2px 2px 2px rgb(0 0 0 / 20%);
}
.ev_banner_item img{
  transition:1s all;
}
.ev_banner_item a:hover img{
  transform:scale(1.03,1.03);
  opacity: .6;
  transition:1s all;
}
.ev_banner03{
  margin: 20px auto 0 auto;
}
.event_con_bk{
  background: #fff;
  margin-bottom: 80px;
  padding: 5.2rem;
  border-radius: 12px;
  box-shadow: 2px 2px 2px 2px rgba(0,0,0,0.2);
}

.event_con .flag_flex{
  position: relative;
  justify-content: flex-start;
  width: auto;
}
.flag{
  width: 70px;
}
.ev_caption {
    position: absolute;
    left: 80px;
    top: 0.6rem;
}
.ev_caption p {
  color: #F04C44;
  font-size: 2.4rem;
  font-family: "ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
}

.ev_genre{
  position: relative;
  left: -50px;
  padding-bottom: 5px;
}
.ev_genre h5{
  font-size: 2rem;
  font-family: "ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
}
.flag_txt{
  margin-top: 20px;
}
.event_list{
  margin: 50px 0;
  align-items: flex-start;
}
.ev_list_title{
  margin-bottom: 10px;
}
.event_list_left{
  flex: 1;
}
.ev_txt_only{
  margin-bottom: 40px;
}
.event_list_right{
  flex: 1;
  margin-left: 4%;
  border-radius: 20px;
  overflow: hidden; 
}
.event_list_02 .flex{
  align-items: center;
  justify-content: flex-start;
  margin-top: 12px;
}
.event_list_02 .flex .img_left{
  width: 40%;
  margin-right: 5%;
}
.event_list_02 .flex .img_right{
  width: 30.5%;
}
.game_system{
  width: 48%;
  margin: 20px 0;
}
.reserve_btn{
  justify-content: space-around;
  align-items: center;
  margin-bottom: 60px;
}
.left_btn .flex_sp, .right_btn .flex_sp{
  justify-content: center;
  align-items: center;
}
.reserve_left, .reserve_right{
  text-align: center;
}
.left_btn, .right_btn{
  width: 322px;
  height: 65px;
  line-height: 65px;
  margin-top: 10px;
  padding: 0.625em 0.625em 0.625em 0.625em;
  cursor: pointer;
  color: #fff;
  background: #F04C44;
  border-radius: 12px;
  box-shadow: 1px 1px 1px 1px rgb(0 0 0 / 20%);
}
.left_btn, .right_btn a {
  color: #fff !important;
  text-decoration: none !important;
}
.left_btn:hover, .right_btn:hover{
  background: #ef7b75; 
}
.reserve_btn .triangle{
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
.reserve_btn p{
  font-weight: 600;
}

/* アクセス */
.access_con{
  margin-top: 54px;
  justify-content: space-around;
  align-items: flex-start;
}
.access_left, .access_right{
  padding: 4rem 5rem;
  background: #fff;
  border-radius: 12px;
  box-shadow: 1px 1px 1px 1px rgb(0 0 0 / 20%);
  flex: 1;
}
.access_left{
  margin-right: 7%;
}
.titleinr{
  color: #F04C44;
  border-bottom: solid 6px #63CAD8;
  position: relative;
  padding: 5px 0;
}
.titleinr::after{
  position: absolute;
  bottom: -6px;
  left: 0;
  width: 40%;
  height: 6px;
  background-color: #e60012;
  content: "";
}
.titleinr h3{
  font-weight: 600;
}
.map_wrap{
  margin: 30px 0 20px 0;
}
.access_con p{
  line-height: 2.6rem;
}
/* ツイッター */
.tw_con{
  align-items: center;
  }
  .tw_left, .tw_right{
    flex: 1;
  }
  .tw_txt{
    color: #753E41;
    text-align: center;
    font-size: 4.4rem;
    font-weight: 600;
    margin-bottom: 8px;
    font-family:  sans-serif, fantasy, "fantasy", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic";
    letter-spacing: 0.2rem;
  }
  .tw_img{
    width: 70px;
    margin: 0 auto;
  }
  .tw_img:hover{
    opacity: .7;
    transition:.3s all;
  }
  .timeline-Widget a{
    color: #0044CC;
  }
.SandboxRoot.env-bp-970 .timeline-Header-title{
  font-size: 1.0rem !important;
}
.timeline-Tweet-text{
  font-size: 1.0rem !important;
  line-height: 1.7 !important;
}
/* フッター */
.footer_area{
  padding: 50px 0 10px 0;
}


.footer_banner{
  width: 600px;
  margin: 0 auto;
  display:flex;justify-content: space-between;
}


.footer_banner p{
  width:47.5%;
}

/*
.footer_banner p:hover img{
opacity: .8;
transition: all .3s;
}
*/


.copy{
  margin-top: 30px;
}
.copy p{
  color: #fff;
  text-align: center;
}
@media screen and ( max-width:979px){
  .flex{
    display: block;
  }
  h1, h2, h3, h4, h5{
    text-align: center;
  }
  .main_area{
    width: 90%;
    max-width: none;
  }

  /*                  */
  /*     ヘッダー     */
  /*                  */
  .logo{
    width: 32%;
  }
  .nav_area{
    justify-content: space-between;
    padding-top: 0;
  }
  .nav_item {
    padding: 0px 22px;
  }
  /*                  */
  /*       NEWS       */
  /*                  */
  .news_topic {
    width: 80%;
    margin: 0 auto 26px auto;
  }


  /*                  */
  /* GOODS main image */
  /*                  */
  .goods_con {
    margin-bottom: 120px;
  }
  /*                  */
  /* GOODS item image */
  /*                  */
  .goods_wrap{
    width: 84%;
    margin: 0 auto;
  }
  .goods_left{
    width: 100%;
    height: auto;
    border-radius: 25px;
  }
  .goods_left img{
    width: 100%;
    height: auto;
  }
  .goods_right{
    width: 100%;
    margin: 40px auto;
  }
  .goods_list{
    margin-bottom: 34px;
  }
  .goods_list .goods_item:first-child{
    margin-right: 4%;
  }
  /* 2＊2 カラム */
  .goods_item{
    width: 100%;
    height: auto;
    flex: 1;
  }
  .item_img{
    width: 68%;
    height: auto;
  }

  /* 2＊1 カラム */
  .list_l .item_img{
  width: 24%;
  flex: 1;
  }
  /* item 横長 */
  .goods_img dd{
    width: 42%;
  }
  /* item 1col */
  .goods_img .list_1col_980{
    width: 94%;
    margin-right: 0;
  }
  /* .goods_img dd:nth-child(even){
    margin-right: 50px;
  } */
  .margin_r{
    margin-right: 50px;
  }

  /*                  */
  /*     イベント     */
  /*                  */
  .event_con_bk{
    padding: 4rem 4rem;
  }
  .flex.flag_flex{
    display: flex;
  }
  .flag{
    width: 66px;
  }
  .flag_txt{
    margin-left: 0;
    margin-top: 12px;
  }
  .event_list_right{
    width: 78%;
    margin: 45px auto 0 auto;
  }
  .game_system{
    width: 54%;
  }
  .left_btn, .right_btn{
    width: 300px;
  }

  /*                  */
  /*     アクセス     */
  /*                  */
  .access_left, .access_right{
    padding: 4rem 7rem;
  }
  .access_left {
    margin-right: 0;
    margin-bottom: 60px;
  }
  /*                  */
  /*      TWITTER      */
  /*                  */
  .tw_left{
    margin-bottom: 40px;
  }
  .tw_txt{
    font-size: 3.4rem;
    margin-bottom: 20px;
  }
  /* .accordion-container{
    width: 100%;
    max-width: none;
  }
  .accordion-container .accordion-title{
    padding: 0;
  }
  .accordion-content{
    padding-left: 0;
  }

  .accordion-title:after {
    bottom: 50%;
    right: 4%;
  }

  .accordion-title.open:after{
    top:auto;
    bottom: 8%;
  } */

}


@media screen and (max-width:766px){
  h2{
    font-size: 4.2rem;
    line-height: 4.2rem;
  }

  .h2_sub p {
    font-size: 1.8rem;
    padding: 0;
  }
  h6{
    text-align: center;
  }
  .sp_br{
    display: block;
  }
  .main_area{
    width: 94%;
  }
  .h2_title{
    width: 96%;
    margin-bottom: 34px;
  }

  .h2_sub p{
    font-size: 1.6rem;
  }

  .sec_pd {
    padding: 0px 0;
  }
  /*                  */
  /*     ヘッダー     */
  /*                  */
  .hd_con {
    padding: 10px 0;
  }
  .logo {
    width: 54%;
  }
  .title_right{
    display: none;
  }


  /*                 */
  /* バーガーアイコン */
  /*                */
  .burger-btn{
    display: block;
  }
  .burger-btn{
    display: block;      
    width: 35px;      
    height: 40px;      
    position: relative;      
    z-index: 120;
    border:none;
    margin-top: 5px;
    /* /* position: fixed; */
    right: 2%; 
  }    
  .bar{      
    width: 35px;      
    height: 3px;        
    display: block;      
    position: absolute;      
    /* left: 40%;       */
    /* transform: translateX(-50%);       */
    background-color: #F04C44;    
  }    
  .bar_top{   
    top: 10px;
  }
  .bar_mid{    
    top: 50%;
    /* transform: translate(-50%,-50%); */
    transform: translateY(-50%);
  }
  .bar_bottom{
    bottom: 10px;
  }
  .burger-btn.close .bar{
    left: 40%;
  }
  .burger-btn.close .bar_top{      
    transform: translate(-50%,5px) rotate(45deg);      
    transition: transform .3s;    
  }    
  .burger-btn.close .bar_mid{      
    opacity: 0;       
    transition: opacity .3s;    
  }    
  .burger-btn.close .bar_bottom{
  transform: translate(-50%,-12px) rotate(-45deg);      
  transition: transform .3s;    
  }

  /* 以下、ハンバーガーメニュー */
  .nav-wrapper{      
    visibility: hidden;     
    opacity: 0; 
    width: 100vw;      
    height: 100vh;      
    position: fixed;      
    top: 0;      
    left: 0;
    transition: all .5s;       
    z-index: 119;     
  }     
  .header-nav{        
    width: 100%;        
    height: 100%;        
    background-color:#fff;        
    z-index: 120;      
  }     
  .nav-list{        
    display: block;        
    position: absolute;        
    top: 50%;        
    left: 50%;        
    transform: translate(-50%,-50%);        
    text-align: center;
    width: 80%;
  }      
  .nav-item{        
    margin-right: 0;        
    margin-bottom: 40px;      
  }
  .nav-item a{
    text-decoration: none;
    color: #F04C44;
    font-size: 5vw;
    font-weight: 600;
  }

  /* メニューオープン時 */
  .nav-wrapper.fade {
    visibility: visible;
    opacity: 1;
  }


  /*                  */
  /*       ABOUT      */
  /*                  */
  .about_con_bk{
    padding:3rem 2rem; 
    margin-bottom: 0;
  }




  /*                  */
  /*       NEWS       */
  /*                  */

  .news_con_bk{
    padding:3rem 2rem; 
    margin-bottom: 0;
    height: 400px;
    overflow: scroll;
  }

  .news_topic{
    width: 100%;
  }



  /*                  */
  /*      GOODS      */
  /*                  */
  .goods_con {
    margin-bottom: 70px;
  }
  .goods_wrap{
    width: 100%;
  }
  .goods_img dd {
    width: 39%;
  }
  .margin_r {
    margin-right: 5%;
  }
  /* .goods_img dd:nth-child(even) {
    margin-right: 6%;
  } */
  .item_img{
    width: 100%;
  }
  .goods_img .list_1col_980{
    width: 87%;
  }
  .list_1col .item_img{
    width: 100%;
    height: auto;
  }

  /*         */
  /* モーダル */
  /*         */
  .modal-content{
    padding: 12px;
  }

  /*                  */
  /*      event      */
  /*                  */
  .reserve_btn.flex_sp{
    display: block;
  }
  .flex_sp.ev_banner_flex{
    display: block;
  }
  .ev_banner_item:last-child{
    margin-bottom: 0;
  }
  .flex.flag_flex{
    display: block;
  }
  .flag{
    width: 46px;
    margin: 0px auto 12px auto;
  }
  .ev_caption {
    position: static;
  }
  .ev_caption  p { text-align: center; }
  .ev_genre{
    position: static;
  }
  .event_list_02 .flex .img_left{
    width: 100%;
  }
  .event_list_02 .flex .img_right{
    width: 100%;
    margin-top: 20px;
  }
  .left_btn, .right_btn{
    width: 100%;
    height: auto;
    box-sizing: border-box;
  }
  .reserve_left{
    margin-bottom: 30px;
  }
  .ev_banner_item{
    width: 84%;
    margin: 0 auto 40px auto;
  }
  .event_con_bk {
    padding: 3rem 2rem;
  }
    /* .flag {
      width: 32%;
    } */
  .flag_txt{
    width: 100%;
  }
  .event_list_right {
    width: 100%;
  }
  .game_system {
    width: 100%;
  }

  /*                  */
  /*      ACCESS      */
  /*                  */
  .access_left, .access_right {
    padding: 3rem 2rem;
  }
  .footer_banner{
    width: 100%;
  }
  .copy p{
    font-size: 1.3rem;
  }

  /*                  */
  /*      TWITTER      */
  /*                  */
  .tw_img{
    width: 5.4rem;
  }

}


/* about */
.about_topic{
  width: 95%;
  margin: 0 auto;
}

.about_info{
  font-size:1.5em;
}

@media print, screen and (min-width: 768px) {
  .about_info{font-size:2em;}
}




/* COMMON---------------------------------------------------------- */

.mB5{margin-bottom:5px;}
.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;}

.mT5{margin-top:5px;}
.mT10{margin-top:10px;}
.mT20{margin-top:20px;}
.mT30{margin-top:30px;}
.mT40{margin-top:40px;}
.mT50{margin-top:5px;}
.mT60{margin-top:60px;}
.mT70{margin-top:70px;}
.mT80{margin-top:80px;}
.mT90{margin-top:90px;}
.mT100{margin-top:100px;}

.column2 div img,.column3 div img,column4 div img{width:100%;}
.column2{width:100%;display:flex;justify-content:space-between;flex-wrap:wrap;}
.column2 div{width:49.5%;}

.column3{width:100%;display:flex;justify-content:space-between;flex-wrap:wrap;}
.column3 div{width:33%;}


.column4{width:100%;display:flex;justify-content:space-between;flex-wrap:wrap;}
.column4 div{width:23.5%;}

.column5{width:100%;display:flex;justify-content:space-between;flex-wrap:wrap;}
.column5 div{width:24.5%;}


.column720{width:100%;margin-right:auto;margin-left:auto;}
.column640{width:100%;margin-right:auto;margin-left:auto;}
.column480{width:95%;margin-right:auto;margin-left:auto;}
.column320{width:65%;margin-right:auto;margin-left:auto;}
.column240{width:40%;margin-right:auto;margin-left:auto;}

@media print, screen and (min-width: 768px) {

.column720{width:720px;margin-right:auto;margin-left:auto;}
.column640{width:640px;margin-right:auto;margin-left:auto;}
.column480{width:480px;margin-right:auto;margin-left:auto;}
.column320{width:320px;margin-right:auto;margin-left:auto;}
.column240{width:240px;margin-right:auto;margin-left:auto;}


}


.news-page img{width:100%;}

.text_center{text-align:center;}
.text_right{text-align:right;}
.otherLink a{color:#FFF;text-decoration:under-line;font-size:0.785em;}
.otherLink a:hover{color:#666;text-decoration:under-line;font-size:0.785em;}


.tit div:nth-child(1){width:100%;}
.fs09{font-size:0.785em;}
.fs10{font-size:0.825em;}
.fs11{font-size:0.875em;}
.fs12{font-size:0.935em;}
.fs13{font-size:1em;}
.fs14{font-size:1.125em;}
.fs15{font-size:1.25em;}
.fs16{font-size:1.375em;}
.fs17{font-size:1.5em;}
.fs18{font-size:1.6em;}
.fs19{font-size:1.8em;}
.fs20{font-size:2em;}

.normal{font-weight:normal !important;}
.tcenter{text-align:center;}

.bold{font-weight:700;}

.h2_main h2.pt2{
  font-size: 3rem;
	}
@media print, screen and (min-width: 768px) {
.h2_main h2.pt2{
  font-size: 4rem;
	}
}

.red{color:#ff0000;}
.center{text-align:center;}

p.tlink a{color:#F04C44;text-decoration:underline;}
p.tlink a:hover{text-decoration:none;}