.cont__center {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.cont__center > * {
  min-height: 0%;
}

.goods__container, .snack__container, .drink__container, .store__container, .reserve__container, .broadcast__container, .voice__container, .panel__container, .xpost__container, .cont__container, .caution__container {
  box-sizing: content-box !important;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
}

/* common:start */
[v-cloak] {
  display: none;
}

.js-fade {
  opacity: 0;
  transition: 0.8s all;
  transform: translateY(5%);
}
.js-fade-active {
  opacity: 1;
  transform: translateX(0) translateY(0) !important;
}

.js-fade-product {
  opacity: 0;
  transition: 1.2s all;
  transform: translateY(10%);
}
.js-fade-product-active {
  opacity: 1;
  transform: translateY(0) !important;
}

.js-fade-deray {
  opacity: 0;
  transition: 1.2s all;
}
.js-fade-deray-active {
  opacity: 1;
  transform: translateX(0) !important;
}

.js-fade-list {
  opacity: 0;
}
.js-fade-list li {
  opacity: 0;
  transition: 0.8s all;
  transform: translateY(5%);
}
.js-fade-list-active {
  opacity: 1 !important;
  transform: translateY(0) !important;
}

/* common:end */
/* kv:start */
.kv {
  max-width: 100%;
  pointer-events: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-touch-callout: none;
  user-select: none;
}
.kv__title {
  margin: 0;
}

/* kv:end */
/* nav:start */
.nav {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  position: fixed;
  top: 54px;
  left: 0;
  transition: opacity 0.2s;
  width: 100%;
  height: calc(100% - 54px);
  background-color: #ffffff;
  margin: auto;
  opacity: 0;
  pointer-events: none;
  z-index: 1000;
}
.nav.active {
  opacity: 1;
  pointer-events: all;
}
.nav__items {
  width: 100%;
}
.nav__childs {
  display: none;
  width: 100%;
  background-color: #fff;
  padding: 4vw 0;
}
.nav__child {
  border-bottom: 0.5333333333vw solid #000000;
  position: relative;
  font-size: 4.2666666667vw;
}
.nav__child:last-child {
  margin-bottom: 0;
}
.nav__child a {
  display: block;
  padding: 3.2vw 8vw;
  color: #000000;
  font-weight: bold;
}
.nav__child::after {
  display: inline-block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 4.9333333333vw;
  background-image: url(../img/nav_child_arrow.png);
  background-position: left;
  background-repeat: repeat;
  background-size: cover;
  width: 2.2666666667vw;
  height: 4.5333333333vw;
  content: "";
}
.nav__button {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  border: none;
  cursor: pointer;
  outline: none !important;
  padding: 0;
  appearance: none;
  background-color: #ffffff;
  width: 100%;
  height: 11.6vw;
}
.nav__button.active .nav__button-icon {
  background-color: transparent;
}
.nav__button.active .nav__button-icon::before {
  top: 0;
  transform: rotate(45deg);
}
.nav__button.active .nav__button-icon::after {
  bottom: 0;
  transform: rotate(-45deg);
}

.nav-fixed {
  overflow: hidden;
}

/* nav:end */
/* hamburger:start */
.hamburger {
  position: sticky;
  top: 54px;
  z-index: 999;
}
.hamburger__button {
  border-top: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  /* border: none; */
  cursor: pointer;
  outline: none !important;
  padding: 0;
  appearance: none;
  background-color: #000000;
  width: 100%;
  height: 11.6vw;
}
.hamburger__button.active .nav__button-icon {
  background-color: transparent;
}
.hamburger__button.active .nav__button-icon::before {
  top: 0;
  transform: rotate(45deg);
}
.hamburger__button.active .nav__button-icon::after {
  bottom: 0;
  transform: rotate(-45deg);
}

/* hamburger:end */

/* goods:start */
.goods {
  position: relative;
  background: #ED6C10;
  background: linear-gradient(0deg, rgba(237, 108, 16, 1) 0%, rgba(248, 182, 43, 1) 100%);
}
.goods::before {
  content: "";
  display: block;
  position: absolute;
  background-image: url(../img/common_bg.png);
  background-position: top left;
  background-repeat: repeat;
  background-size: 25%;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  opacity: 0.5;
}
.goods__container {
  padding-top: 7%;
  padding-bottom: 7%;
  position: relative;
  z-index: 100;
}
.goods__title{
  width: 92%;
  margin: 0 auto 5%;
}
.goods__date{
  width: 78%;
  margin: 0 auto 4%;
}
.goods__list{
  width: 96%;
  margin: 0 auto 3%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.goods__item{
  width: 48.5%;
  /* margin-right: 2.5%; */
  margin-bottom: 3%;
}
.goods__item:nth-child(even){
  margin-right: 0;
}
.goods__item:last-child{
  margin-right: auto;
}
.goods__item:nth-last-child(-n+2)	{
  margin-bottom: 0;
}

.goods_caution{
  text-align: center;
  font-size: 2.4vw;
  font-weight: 600;
  color: #ffffff;
}

/* goods:end */
/* snack:start */
.snack {
  position: relative;
  background: #004BA8;
  background: linear-gradient(0deg, rgba(0, 75, 168, 1) 0%, rgba(43, 217, 184, 1) 100%);
}
.snack::before {
  content: "";
  display: block;
  position: absolute;
  background-image: url(../img/common_bg.png);
  background-position: top left;
  background-repeat: repeat;
  background-size: 25%;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  opacity: 0.5;
}
.snack__container {
  padding-top: 4%;
  padding-bottom: 6%;
  position: relative;
  z-index: 100;
}
.snack__title{
  width: 98%;
  margin: 0 auto 4%;
}
.snack__date{
  width: 95%;
  margin: 0 auto;
}

.snack__img{
  width: 77%;
  margin: 4% auto 3%;
  margin-left: 5%;
}
.snack__price{
  width: 52%;
  margin: 0 auto;
}
.snack__text{
  width: 93%;
  margin: -7% auto 3%;
  margin-right: 1%;
}

.snack__list{
  width: 98%;
  margin: 0 auto 3%;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.snack__item{
  width: 31%;
  margin-right: 2%;
  margin-bottom: 0;
}
.snack__item:nth-child(3n){
  margin-right: 0;
}
.snack__item:nth-last-child(-n+3)	{
  margin-bottom: 0;
}

/* snack:end */
/* drink:start */
.drink {
  position: relative;
  background: #ED6C10;
  background: linear-gradient(0deg, rgba(237, 108, 16, 1) 0%, rgba(248, 182, 43, 1) 100%);
}
.drink::before {
  content: "";
  display: block;
  position: absolute;
  background-image: url(../img/common_bg.png);
  background-position: top left;
  background-repeat: repeat;
  background-size: 25%;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  opacity: 0.5;
}
.drink__container {
  padding-top: 4%;
  padding-bottom: 6%;
  position: relative;
  z-index: 100;
}
.drink__title{
  width: 95%;
  margin: 0 auto 4%;
}
.drink__date{
  width: 95%;
  margin: 0 auto;
}

.drink__text{
  width: 43%;
  margin: 4% auto 3%;
}

.drink__list{
  width: 85%;
  margin: 0 auto 2%;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  flex-wrap: wrap;
}
.drink__item{
  width: 27%;
}

.drink__read-text{
  width: 76%;
  margin: 0 auto 2%;
}
.drink__read-img{
  width: 95%;
  margin: 0 auto 1%;
}

.drink__target-block{
  width: 95%;
  margin: 3% auto 0;
  padding: 4% 2%;
  background-color: #ffffff;
  border-radius: 3px;
}
.drink__target-title{
  color: #4dbc00;
  text-align: center;
  font-size: 4.666666666666667vw;
  font-weight: bold;
  margin-bottom: 2%;
}
.drink__target-item{
  text-align: left;
  font-size: 2.67vw;
  font-weight: 600;
  margin-bottom: 3%;
}
.drink__target-item:last-child{
  margin-bottom: 0;
}
/* drink:end */

/* store:start */
.store {
  position: relative;
  background: #004BA8;
  background: linear-gradient(0deg, rgba(0, 75, 168, 1) 0%, rgba(43, 217, 184, 1) 100%);
}
.store::before {
  content: "";
  display: block;
  position: absolute;
  background-image: url(../img/common_bg.png);
  background-position: top left;
  background-repeat: repeat;
  background-size: 25%;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  opacity: 0.5;
}
.store__container {
  padding-top: 5.5%;
  padding-bottom: 6%;
  position: relative;
  z-index: 100;
}
.store__title{
  width: 95%;
  margin: 0 auto 4%;
  position: relative;
}

.store__contents{
  margin-bottom: 6%;
}
.store__contents:last-child{
  margin-bottom: 0;
}

.store__name{
  width: 65%;
  margin: 0 auto 2%;
  text-align: center;
  font-size: 4.533333333333333vw;
  font-weight: bold;
  color: #ffffff;
  background-color: #000000;
  border-radius: 100px;
  padding: 1.2% 0;
  line-height: 1;
}
.store__name-small{
  font-size: 3.173333333333334vw;
}

.store__price{
  line-height: 1;
  text-align: center;
  font-size: 4vw;
  margin: 0 auto;
  color: #ffffff;
  font-weight: bold;
}
.store__price-large{
  font-size: 6.666666666666667vw;
}
.store__price-small{
  font-size: 3.3333333333333335vw;
}

.store__price.typeA{
  margin-bottom: 4%;
}
.store__price.typeB{
  margin-bottom: 4%;
}
.store__price.typeC{
  margin-bottom: 4%;
}
.store__price.typeD{
  margin-bottom: 4%;
}

.store__img{
  margin: 0 auto;
}
.store__img.typeB{
  width: 94%;
  margin-bottom: 3%;
}
.store__img.typeC{
  width: 91%;
  margin-bottom: 3%;
}
.store__img.typeD{
  width: 92%;
  margin-bottom: 3%;
}

.store__list {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  flex-wrap: wrap;
  padding: 0 0 2%;
}

.store__item {
  width: 26.5%;
  margin-right: 4%;
}
.store__item:nth-child(4) {
  width: 38.4%;
  margin-right: -2%;
  margin-left: -6%;
}
.store__item:nth-child(5) {
  width: 27.7%;
  margin-right: 3%;
}
.store__item:nth-child(6) {
  width: 25.9%;
}
.store__item:nth-child(3n) {
  margin-right: 0;
}
.store__item:nth-child(n+4) {
  margin-top: 7%;
}
.store__item img {
  pointer-events: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-touch-callout: none;
  user-select: none;
}
.store__btn{
  width: 75%;
  margin: 3% auto 0;
}
.store__caution {
  font-size: 2.4vw;
  text-align: center;
  color: #ffffff;
  font-weight: bold;
}
/* store:end */
/* reserve:start */
.reserve {
  position: relative;
  background: #ED6C10;
  background: linear-gradient(0deg, rgba(237, 108, 16, 1) 0%, rgba(248, 182, 43, 1) 100%);
}
.reserve::before {
  content: "";
  display: block;
  position: absolute;
  background-image: url(../img/common_bg.png);
  background-position: top left;
  background-repeat: repeat;
  background-size: 25%;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  opacity: 0.5;
}

.reserve__container {
  padding-top: 5.5%;
  padding-bottom: 3%;
  position: relative;
  z-index: 100;
}

.reserve__title{
  width: 95%;
  margin: 0 auto 1%;
  position: relative;
}

.reserve__contents{
  margin-bottom: 5%;
}
.reserve__contents:last-child{
  margin-bottom: 0;
}

.reserve__name{
  margin: 0 auto 2%;
  text-align: center;
  font-size: 4.533333333333333vw;
  font-weight: bold;
  color: #ffffff;
  background-color: #000000;
  border-radius: 100px;
  padding: 1.2% 0;
  line-height: 1;
}
.reserve__name-small{
  font-size: 3.173333333333334vw;
}

.reserve__name.typeA{
  width: 80%;
}
.reserve__name.typeB{
  width: 74%;
}
.reserve__name.typeC{
  width: 96%;
}
.reserve__name.typeD{
  width: 75%;
}
.reserve__name.typeE{
  width: 75%;
}
.reserve__name.typeF{
  width: 75%;
}
.reserve__name.typeG{
  width: 75%;
}

.reserve__price{
  line-height: 1;
  text-align: center;
  font-size: 4vw;
  margin: 0 auto 4%;
  color: #ffffff;
  font-weight: bold;
}
.reserve__price-large{
  font-size: 6.666666666666667vw;
}
.reserve__price-small{
  font-size: 3.3333333333333335vw;
}

.reserve__price.typeC{
  margin-bottom: 4%;
}
.reserve__price.typeD{
  margin-bottom: 10px;
}
 
.reserve__img{
  margin: 0 auto;
}
.reserve__img.typeB{
  width: 78%;
  margin-bottom: 3%;
}
.reserve__img.typeC{
  width: 68.8%;
  margin-bottom: 2%;
}
.reserve__img.typeD{
  width: 94%;
  margin-bottom: 1%;
}
.reserve__img.typeE{
  width: 94%;
  margin-bottom: 3%;
}
.reserve__img.typeF{
  width: 90%;
  margin-bottom: 3%;
}

.reserve__list {
  padding: 0 0 3%;
}
.reserve__list.typeA .reserve__item {
  width: 79%;
  margin: 0 auto 4%;
}
.reserve__list.typeA .reserve__item:last-child{
  margin-bottom: 0;
}

.reserve__list.typeC{
  padding-bottom: 4%;
}
.reserve__list.typeC .reserve__item {
  width: 92%;
  margin: 0 auto 5%;
}
.reserve__list.typeC .reserve__item:nth-child(2){
  margin-bottom: 2%;
}
.reserve__list.typeC .reserve__item:last-child{
  width: 66%;
  margin-bottom: 0;
}

.reserve__list.typeG .reserve__item {
  width: 84%;
  margin: 0 auto 3%;
}
.reserve__list.typeG .reserve__item:last-child{
  margin-bottom: 0;
}

.reserve__item img {
  pointer-events: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-touch-callout: none;
  user-select: none;
}

.reserve__btn{
  width: 75%;
  margin: 2% auto 0;
}
.reserve__text {
  font-size: 4.266666666666667vw;
  text-align: center;
  color: #ffffff;
  font-weight: bold;
  line-height: 1;
}

.reserve__caution-list{
  text-align: left;
  margin: 0 2.5% 1em;
}
.reserve__caution-list:last-child{
  margin-bottom: 0;
}
.reserve__caution-item{
  text-indent: -1em;
  padding-left: 1em;
  color: #ffffff;
  font-size: 2.4vw;
  font-weight: 600;
}
.reserve__caution-item .space{
  display: inline-block;
  text-indent: -3em;
  padding-left: 3em;
}
.reserve__caution {
  font-size: 2.4vw;
  text-align: center;
  color: #ffffff;
  font-weight: bold;
  margin-bottom: 4%;
}

.reserve-link__list{
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.reserve-link__item{
  width: 47%;
  margin-right: 2%;
}
.reserve-link__item:last-child{
  margin-right: 0;
}
.reserve-link__img{
  width: 100%;
  margin-bottom: 6%;
}
.reserve-link__btn{
  text-align: center;
}
.reserve-link__caution{
  font-size: 2.4vw;
  text-align: center;
  color: #ffffff;
  font-weight: bold;
}

.reserve-link__text{
  text-align: center;
  line-height: 1;
}
.reserve-link__text a{
  font-size: 2.4vw;
  color: #1270bf;
  font-weight: bold;
  text-decoration: underline;
  text-shadow: #ffffff 1px 0px 1px, #ffffff -1px 0px 1px, #ffffff 0px -1px 1px, #ffffff -1px 0px 1px, #ffffff 1px 1px 1px, #ffffff -1px 1px 1px, #ffffff 1px -1px 1px, #ffffff -1px -1px 1px, #ffffff 1px 1px 1px, #ffffff -1px 1px 1px, #ffffff 1px -1px 1px, #ffffff -1px -1px 1px, #ffffff 1px 1px 1px, #ffffff -1px 1px 1px, #ffffff 1px -1px 1px, #ffffff -1px -1px 1px, #ffffff 1px 1px 1px, #ffffff -1px 1px 1px, #ffffff 1px -1px 1px, #ffffff -1px -1px 1px;
}

/* reserve:end */

/* broadcast:start */
.broadcast {
  position: relative;
  background: #004BA8;
  background: linear-gradient(0deg, rgba(0, 75, 168, 1) 0%, rgba(43, 217, 184, 1) 100%);
}
.broadcast::before {
  content: "";
  display: block;
  position: absolute;
  background-image: url(../img/common_bg.png);
  background-position: top left;
  background-repeat: repeat;
  background-size: 25%;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  opacity: 0.5;
}

.broadcast__container {
  padding-top: 5.5%;
  padding-bottom: 6%;
  position: relative;
  z-index: 100;
}

.broadcast__title{
  width: 95%;
  margin: 0 auto 3%;
  position: relative;
}

.broadcast__contents{
  margin-bottom: 5%;
}
.broadcast__contents:last-child{
  margin-bottom: 0;
}

.broadcast__read{
  line-height: 1.4;
  text-align: center;
  font-size: 3.733333333333334vw;
  color: #ffffff;
  font-weight: bold;
}
.broadcast__read-large{
  font-size: 4.8533333333333335vw;
}

.broadcast__block{
  width: 94%;
  margin: 0 auto;
}
.broadcast__name{
  border-radius: 3px 3px 0 0;
  background-color: #000000;
  padding: 3.5% 0;
  font-size: 6vw;
  font-weight: bold;
  line-height: 1;
  color: #ffffff;
  text-align: center;
}
.broadcast__inner{
  border-radius: 0 0 3px 3px;
  background-color: #ffffff;
  padding: 3% 2.5% 4%;
}
.broadcast__time-block__date{
  width: 56%;
  margin: 0 auto 6%;
}
.broadcast__time-block__number{
  width: 47%;
  margin: 0 auto 7%;
}
.broadcast__caution-text{
  font-size: 2.4vw;
  font-weight: 600;
  text-indent: -1em;
  padding-left: 1em;
}
/* broadcast:end */

/* voice:start */
.voice {
  position: relative;
  background: #ED6C10;
  background: linear-gradient(0deg, rgba(237, 108, 16, 1) 0%, rgba(248, 182, 43, 1) 100%);
}
.voice::before {
  content: "";
  display: block;
  position: absolute;
  background-image: url(../img/common_bg.png);
  background-position: top left;
  background-repeat: repeat;
  background-size: 25%;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  opacity: 0.5;
}

.voice__container {
  padding-top: 5.5%;
  padding-bottom: 6%;
  position: relative;
  z-index: 100;
}

.voice__title{
  width: 95%;
  margin: 0 auto 4%;
  position: relative;
}

.voice__contents{
  margin-bottom: 5%;
}
.voice__contents:last-child{
  margin-bottom: 0;
}

.voice__read{
  line-height: 1.4;
  text-align: center;
  font-size: 3.733333333333334vw;
  color: #ffffff;
  font-weight: bold;
  margin-bottom: 4%;
}
.voice__read-large{
  font-size: 4.8533333333333335vw;
}
.voice__text{
  text-align: center;
  /* font-size: 2.4vw; */
  font-size: 2.633333333333333vw;
  color: #ffffff;
  font-weight: bold;
  margin-bottom: 3%;
}

.voice__caution{
  text-align: left;
  width: 95%;
  margin: 0 auto;
}
.voice__caution-text{
  font-size: 2.4vw;
  color: #ffffff;
  font-weight: 600;
  padding-left: 1em;
  text-indent: -1em;
}
/* voice:end */

/* panel:start */
.panel {
  position: relative;
  background: #004BA8;
  background: linear-gradient(0deg, rgba(0, 75, 168, 1) 0%, rgba(43, 217, 184, 1) 100%);
}
.panel::before {
  content: "";
  display: block;
  position: absolute;
  background-image: url(../img/common_bg.png);
  background-position: top left;
  background-repeat: repeat;
  background-size: 25%;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  opacity: 0.5;
}

.panel__container {
  padding-top: 4.5%;
  padding-bottom: 6%;
  position: relative;
  z-index: 100;
}

.panel__title{
  width: 95%;
  margin: 0 auto 4%;
  position: relative;
}

.panel__contents{
  margin-bottom: 3%;
}
.panel__contents:last-child{
  margin-bottom: 0;
}

.panel__read{
  line-height: 1.4;
  text-align: center;
  font-size: 3.733333333333334vw;
  color: #ffffff;
  font-weight: bold;
}

.panel__img{
  width: 90.5%;
  margin: 0 auto 4%;
}

.panel__name{
  width: 54%;
  margin: 0 auto 2%;
  text-align: center;
  font-size: 4.533333333333333vw;
  font-weight: bold;
  color: #ffffff;
  background-color: #000000;
  border-radius: 100px;
  padding: 1% 0;
  line-height: 1;
}

.panel__store{
  width: 94%;
  margin: 0 auto;
}
.panel__store-list{
  display: flex;
  align-items: center;
  padding: 2% 0 1% 2%;
}
.panel__store-list:nth-child(odd){
  background-color: #ffffff;
}
.panel__store-list:nth-child(even){
  background-color: #f0f0f0;
}
.panel__store-name{
  text-align: center;
  font-size: 3.3333333333333335vw;
  font-weight: bold;
  color: #ffffff;
  border-radius: 100px;
  overflow: hidden;
  line-height: 1;
  padding: 1% 0 0.5%;
  width: 23%;
}
.panel__store-name.bg-color01{
  background-color: #00a072;
}
.panel__store-name.bg-color02{
  background-color: #ef7f01;
}
.panel__store-name.bg-color03{
  background-color: #934496;
}
.panel__store-name.bg-color04{
  background-color: #767575;
}
.panel__store-name.bg-color05{
  background-color: #4f344c;
}
.panel__store-name.bg-color06{
  background-color: #bcd755;
}

.panel__store-address{
  margin-left: 2%;
  font-size: 3.5999999999999996vw;
  font-weight: bold;
  line-height: 1.2;
}
.panel__store-address-small{
  font-size: 2.533333333333333vw;
  font-weight: 600;
}
.panel__store-address-small .letter{
  letter-spacing: -1px;
}

.panel__btn{
  width: 75%;
  margin: 0 auto;
}
/* panel:end */

/* xpost:start */
.xpost {
  position: relative;
  background: #ED6C10;
  background: linear-gradient(0deg, rgba(237, 108, 16, 1) 0%, rgba(248, 182, 43, 1) 100%);
}
.xpost::before {
  content: "";
  display: block;
  position: absolute;
  background-image: url(../img/common_bg.png);
  background-position: top left;
  background-repeat: repeat;
  background-size: 25%;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  opacity: 0.5;
}

.xpost__container {
  padding-top: 6%;
  padding-bottom: 3%;
  position: relative;
  z-index: 100;
}

.xpost__title{
  width: 96%;
  margin: 0 auto 6%;
}

.xpost__contents{
  margin-bottom: 4%;
}
.xpost__contents:last-child{
  margin-bottom: 0;
}

.xpost__read{
  width: 96%;
  margin: 0 auto 4.5%;
}

.xpost__area{
  position: relative;
  width: 74%;
  margin: 0 auto 6%;
}
.xpost__name{
  text-align: center;
  font-size: 4.666666666666667vw;
  font-weight: bold;
  color: #ffffff;
  background-color: #000000;
  border-radius: 100px;
  padding: 1.2% 0;
  line-height: 1;
}
.xpost__badge{
  position: absolute;
  width: 29%;
  top: -154%;
  right: -16%;
}

.xpost__text{
  text-align: center;
  font-size: 4.6vw;
  color: #ffffff;
  font-weight: bold;
  margin-bottom: 2%;
}
.xpost__img{
  width: 98%;
  margin: 0 auto 1%;
}

.xpost__block{
  width: 94%;
  margin: 0 auto 6%;
}
.xpost__block-name{
  border-radius: 3px 3px 0 0;
  background-color: #000000;
  padding: 3% 0;
  font-size: 5.6000000000000005vw;
  font-weight: bold;
  line-height: 1;
  color: #ffffff;
  text-align: center;
}
.xpost__inner{
  border-radius: 0 0 3px 3px;
  background-color: #ffffff;
  padding: 4% 2.5% 4%;
}
.xpost__date{
  width: 95%;
  margin: 0 auto 4%;
}

.xpost__caution{
  text-align: center;
  font-size: 2.1333333333333333vw;
  font-weight: 600;
  text-align: left;
  text-indent: -1em;
  padding-left: 1em;

}

.xpost__info-text{
  text-align: center;
  font-size: 4vw;
  color: #ffffff;
  font-weight: 600;
  margin-bottom: 1%;
}
.xpost__info-text a{
  color: #1270bf;
  font-weight: bold;
  text-decoration: underline;
  text-shadow: #ffffff 1px 0px 1px, #ffffff -1px 0px 1px, #ffffff 0px -1px 1px, #ffffff -1px 0px 1px, #ffffff 1px 1px 1px, #ffffff -1px 1px 1px, #ffffff 1px -1px 1px, #ffffff -1px -1px 1px, #ffffff 1px 1px 1px, #ffffff -1px 1px 1px, #ffffff 1px -1px 1px, #ffffff -1px -1px 1px, #ffffff 1px 1px 1px, #ffffff -1px 1px 1px, #ffffff 1px -1px 1px, #ffffff -1px -1px 1px, #ffffff 1px 1px 1px, #ffffff -1px 1px 1px, #ffffff 1px -1px 1px, #ffffff -1px -1px 1px;
}
.xpost__info-read{
  width: 90%;
  margin: 0 auto 3%;
}

.xpost__btn{
  width: 75%;
  margin: 0 auto;
}
/* xpost:end */

/* cont:start */
.cont {
  position: relative;
  background: #000000;
}
.cont::before {
  content: "";
  display: block;
  position: absolute;
  background-image: url(../img/common_bg.png);
  background-position: top left;
  background-repeat: repeat;
  background-size: 25%;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  opacity: 0.5;
}

.cont__container {
  padding-top: 5.5%;
  padding-bottom: 6%;
  position: relative;
  z-index: 100;
}

.cont__title{
  width: 61%;
  margin: 0 auto 5%;
}

.cont__contents{
  margin-bottom: 4%;
}
.cont__contents:last-child{
  margin-bottom: 0;
}

.cont__read{
  text-align: center;
  font-size: 3.733333333333334vw;
  font-weight: bold;
  margin-bottom: 3%;
  color: #ffffff;
  line-height: 1;
}

.cont__block{
  margin-bottom: 4%;
}

.cont__text{
  text-align: center;
  font-size: 2.533333333333333vw;
  color: #ffffff;
  font-weight: bold;
  margin-bottom: 1em;
}
.cont__text:last-child{
  margin-bottom: 0;
}

.cont__img{
  width: 49%;
  margin: 0 auto 4%;
}

.cont__date{
  font-size: 2.533333333333333vw;
  font-weight: bold;
  line-height: 1.4;
  color: #ffffff;
  text-align: center;
  margin-bottom: 5%;
}

.cont__copy{
  color: #ffffff;
  text-align: center;
  font-size: 2.4vw;
  font-weight: 600;
}

.cont__btn{
  width: 75%;
  margin: 0 auto 4%;
}
/* cont:end */

/* caution:start */
.caution {
  position: relative;
  background-color: #ffffff;
  box-shadow: inset 0px -2px 5px -2px rgba(0,0,0,0.2);
}
.caution::before {
  content: "";
  display: block;
  position: absolute;
  background-image: url(../img/common_bg.png);
  background-position: top left;
  background-repeat: repeat;
  background-size: 25%;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  opacity: 0.5;
}

.caution__container {
  padding-top: 5%;
  padding-bottom: 6%;
  position: relative;
  z-index: 100;
}

.caution__contents{
  width: 94%;
  margin: 0 auto;
}

.caution__list{
  text-align: left;
  margin-bottom: 6%;
}
.caution__item{
  font-size: 2.4vw;
  font-weight: 600;
  text-indent: -1em;
  padding-left: 1em;
}

.caution__copy{
  text-align: center;
  font-size: 2.4vw;
  font-weight: 600;
}
/* caution:end */

.coming__area{
  background-color: #e60012;
}
.coming__text{
  text-align: center;
  font-size: 5.333333333333334vw;
  font-weight: bold;
  color: #ffffff;
  line-height: 1;
  padding: 1.5% 0;
}

.pagetop {
  z-index: 100;
  width: 18%;
  right: 2%;
}