@charset "utf-8";

body {
	background-image:url(../images/bg.png);
	background-repeat:repeat;
	background-position:center top;
	margin-right:auto;
	margin-left:auto;
	display:table;
	width: 100%;
	font-size: 40px;
}

#topButton {
  position: fixed;
  bottom: 20px;
  right: 20px;
  padding: 10px 10px;
  background-color: #333;
  border-radius: 10px;/*角丸君*/
  color: #fff;
  text-decoration: none;
  text-align: center;
  font-size: 0.8rem;
  font-weight: bold;
}
#topButton:hover {
  background-color: #555;
}

#redback{
	max-width:850px;
	background:#f29600;
	margin:0 auto;
	}
#greenback{
	max-width:850px;
	background:#6b0000;
	margin:0 auto;
	}

.header_title{
	margin:0px;
	padding:0px;
	}


.header_title img{/*画像の横幅を描画領域の横幅に合わせる*/
	width:100%;
	}
	
.header_bg{
background-image:url(../images/topmenu_2.png);
background-size:cover;
background-repeat:  no-repeat;
margin-top:-8px;
padding-top:130px;
padding-left:20px;
padding-bottom:50px;
}
.header_bg_wrap{
display:frex;
}
.header_bg_wrap img{
width:48%;
}
.obibg{
	background-image:url(../images/back07_z.png);
	text-align: center;
}

.obibg img{
	width: 100%;
}



/*■■■　トピック　■■■*/
.topic{
  width:100%;
  justify-content:center;
  margin:0 auto;
  padding: 40px 0px 30px 0px;
  background-image:url(../images/back01.png);
}

.topic img{
  width:95%;
	}

.swiper-wrapper {
	width: 100%;
	height: 100%;
}

.swiper-slide {
	color: #ffffff;
	width: 100%;
	height: 100%;
	text-align: center;
}

/*■■■　youtube　■■■*/
.youtube{
  width:100%;
  justify-content:center;
  margin:0 auto;
  padding: 40px 0px 40px 0px;
  background-image:url(../images/back02.png);
  text-align: center;

}

.youtube img{
  width:95%;
	}

.channel img{
	}

iframe{
  width:95%;
}


/*■■■　twitter　■■■*/
.twitter{
  width:100%;
  justify-content:center;
  margin:0 auto;
  padding: 40px 0px 40px 0px;
  background-image:url(../images/back03.png);
  text-align: center;
}

.twitter img{
  width:95%;
}

.kizi{
	width:100%;
}

/*■■■　公式アプリ　■■■*/
.app{
  width:100%;
  justify-content:center;
  margin:0 auto;
  padding: 40px 0px 40px 0px;
  background-image:url(../images/back04.png);
  text-align: center;
}

.app img{
  width:95%;
	}

.pop img{
  width:95%;
	}


/*■■■　各店詳細情報　■■■*/

.group{
  width:80%;
  justify-content:center;
  margin:0 auto;
  padding: 70px 0px 40px 0px;
}


.group_bg {
  width:100%;
  background-image:url(../images/back05_z.png);
}


/* アコーディオン設定 */

.acd-check{
  display: none;
}
.acd-label{
  color: #fff;
  display: block;
  margin-bottom: 1px;
  padding: 10px;
}

.acd-label b{
  color: #fff100;
}

.acd-content{
  border: 0px solid #333;
  height: 0;
  opacity: 0;
  padding: 0 10px;
  transition: .3s;
  visibility: hidden;
}

.acd-check:checked + .acd-label + .acd-content{
  opacity: 1;
  padding: 50px;
  height: 100%;
  visibility: visible;
}

.bg1{
  background: linear-gradient(#0062b3,#0096e1);
}

.bg2{
  background: linear-gradient(#e61d89,#ea63a1);
}

.bg3{
  background: linear-gradient(#e81e0d,#ec5b03);
}

.bg4{
  background: linear-gradient(#a00582,#c10180);
}

.bg5{
  background: linear-gradient(#28a53a,#7dbe24);
}

.acd-label{
font-size:1em;
font-family: sans-serif; 
}

.item_wrap_pc{
background: #fff;
}

.fadein {
    opacity : 0;
    transform : translate(0, 50px);
    transition : all 300ms;
}
.fadein.scrollin {
    opacity : 1;
    transform : translate(0, 0);
}

/*■■■　レスポンシブ対応　■■■*/
@media screen and (max-width : 700px){/*横幅800px以下になったらどうするか指示*/

#redback{
	width:100%;
	}
.group{
  width:100%;
  justify-content:center;
  margin:0 auto;
  padding: 10px 0px 10px 0px;
}
.acd-label{
  padding: 5px;
}
.acd-content{
  padding: 0 5px;
}

.acd-check:checked + .acd-label + .acd-content{
  padding: 20px;
}
.header_bg{
background-size:contain;
padding-top:50px;
padding-left:20px;
padding-bottom:50px;
}
}



/*表示非表示
-------------------------------------*/		
@media screen and (min-width:699px){
.pc-non{display:none;}/*PCで非表示*/
}
@media screen and (max-width:700px){
.s-non{display:none;}/*スマホで非表示*/
}