/*BBS 基本情報 */
.bbstable {
  margin: auto;
	width: 100%;
	max-width: 100% !important;
	border: none;
	border-collapse: collapse ;
}
.bbsth {
	border: none;
  border-top: solid 1px #555;
  padding-top: 2rem;
  padding-bottom: 2rem;
  width:14vw;
  font-size: 1.2rem;
  font-weight:500;
}
.bbstd{
	border: none;
	border-top: solid 1px #555;
	padding-top: 2rem;
	padding-bottom: 2rem;
}

@media screen and (max-width: 640px) {
  .last td:last-child {
    border-bottom: solid 1px #ccc;
    width: 100%;
  }
  .bbstable {
    width: 80%;
  }
 .bbsth{
	 display: block;
	 border-bottom: none;
	 width:100%;
	 text-align:left;
	}
 .bbstd{
	 display: block;
	 width:100%;
	 border-top: none;
	 padding-bottom: 2rem;
	 padding-top: 0rem;
	}
}



/* BBS メニュー*/
.bbsmenutitle{
    text-align:center;
    font-size: 1.5rem;
    font-weight: 600;
    border-bottom:solid 1px #222;
    padding-bottom: 1rem;
	 width: 80%;
    margin: auto;
}


.bbsmenutablespan1{
	padding-bottom: 1rem;
	font-weight: bold;
}
.bbsmenutablespan2{
	font-size:0.8rem;
}
.bbsmenucost{
	float: right;
	padding-right: 1rem;
	padding-bottom: 1rem;
}


.bbsflexdiv {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
	max-width: 100% !important;
  padding-top:2rem;
  padding-bottom: 2rem;
}
.bbsflexdiv .item1 {
	width:42%;
    padding: 2%;
    margin: 2%;
	 margin-bottom: 0;
    margin-top: 0;
    border-bottom: dotted 1px #999;
	 vertical-align: top;
}
.bbsflexdiv .item2 {
  padding:1rem;
	width: 100%;
	border-bottom: dotted 1px #999;
}

.bbsmenutablespanimage{
    display: inline-block;
    width: 36%;
    text-align: center;
    margin: auto;
    vertical-align: middle;
}

.bbsmenucontents{
    display: inline-block;
    float: right;
    width: 60%;
    vertical-align: middle;
}

.bbsmenutablespan2{
     margin-top: 1rem;
}
.nomenuimage{
     width: 100%;
}

@media (max-width: 767px){
	.bbsmenutitle{
		max-width:100%;
		margin:auto !important;
	}
  .bbsflexdiv {
    display: block;
    width: 100%;
  }
  .bbsflexdiv .item1 {
    width: 100%;
    padding:1rem;
	 margin: 0;
  }
  .bbsflexdiv .item2 {
    width: 100%;
    padding:1rem !important;
  }
.bbsmenutablespanimage,.bbsmenucontents{display: block;width: 100%;}
.bbsmenucontents{float: none;margin-top:1rem;}
.bbsmenuimage{width:100%;}
}









/* BBS インスタリスト*/

.instapage{
max-width: 100% !important;
}
.instacontents{
     width:100%;
     background-color: #fff;
     margin:auto;
}
.instamain{
     width:80%;
     margin:auto;
     padding-top:3rem;
}

.instacontainer{
	display: flex;
	flex-wrap: wrap;
}
.instaitem{
	padding: 1em;
	flex-basis: 33.3%;
	color: #000 !important;
}
.instaitem dt{
	margin-bottom: 10px;
	font-size: 1.2em;
	font-weight: bold;
	font-family: "Shippori Mincho" !important;
}

@media screen and (max-width: 768px) {
	.instacontainer {
		display: block;
	}
}

.instamain .instaitem dt a.instalink {
	position: relative;
	padding-top: 100%;
}
.instaitem dt a.instalink img {
	position: absolute;
	top:0;
	left:0;
	height: 100%;
	width: 100%;
	object-fit: cover;
}

.instaitem dd{
	margin:0;
	color: #000 !important;
	font-family: "Shippori Mincho" !important;
}
.instaex p,.instalink{
	color: #000 !important;
	font-family: "Shippori Mincho" !important;
}

.instalink{
	font-weight:bold;
	font-family: "Shippori Mincho" !important;
	display: block;

}


.instalink img {
	display: block;
	width: 100%;
	height: 200px;
	object-fit: cover;
}

.instaex p{
	text-align:left;
}

@media screen and (max-width:480px){
	.instacontainer{flex-direction:column;}
	.instaitem{margin: 0 1em 1em;}
}

ul.page-numbers {
  padding:0;
  font-size:0px;
  text-align: center;
  margin-bottom:2rem;
 margin-top:2rem;
}

ul.page-numbers li {
  margin-left:10px;
  width:50px;
  border:1px solid black;
  display: inline-block;
  text-align: center;
  font-size:15px;
  height:30px;
	position: relative;
}

ul.page-numbers li .current {
  font-size:12px;
}

ul.page-numbers li a {
  display: inline-block;
  font-size:12px;
  color: #222;
}

ul.page-numbers li .current {
  padding-top:50px;
}





/*インスタシングル投稿*/

   video{width: 100%;}

    @media screen and (max-width: 768px) {

    }

    @media screen and (max-width: 768px) {
      body h2 {
      /*
        font-size: 5vw;
        */
      }
    }

    body .box {
      margin-bottom: 80px;
    }

    .insta-swiper__wrap {
      max-width: 400px;
      margin: 0 auto;
    }

    @media screen and (max-width: 768px) {
      .insta-swiper__wrap {
        max-width: 85vw;
      }
    }

    .insta-swiper {
      position: relative;

      overflow: hidden;

      max-width: 100%;
      padding-bottom: 30px;
    }

    @media screen and (max-width: 768px) {
      .insta-swiper {
       padding-bottom: 10vw;
      }
    }

    .insta-swiper .swiper-wrapper {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
    }

	.insta-swiper .swiper-wrapper .swiper-slide {
		width: 100%;
		flex-shrink: 0;
	}

    .insta-swiper .insta-swiper-img {
      -webkit-flex-shrink: 0;

      -ms-flex-negative: 0;

      flex-shrink: 0;
		width: 100%;
		padding-top: 100%;
		position: relative;
    }

/*     @media screen and (min-width: 769x) {
    .insta-swiper .insta-swiper-img {
      width: 400px;
      max-width: 400px;
      height: 400px;


    } */
/*   } */
    @media screen and (max-width: 768px) {
      .insta-swiper .insta-swiper-img {
        width: 100%;
        padding-top: 100%;
        position: relative;
      }
    }

    .insta-swiper .insta-swiper-img img,.insta-swiper .insta-swiper-img video {
      display: block;

      width: 100%;
      height: 100%;

      -o-object-fit: cover;

      object-fit: cover;
    }

/*     @media screen and (max-width: 768px) { */
      .insta-swiper .insta-swiper-img img, .insta-swiper .insta-swiper-img video {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
      height: 100%;

      -o-object-fit: cover;

      object-fit: cover;
      }
/*     } */

    .insta-swiper .insta-swiper-button {
      position: absolute;
      z-index: 10;
      top: 180px;

      width: 40px;
      height: 40px;

      -webkit-transition: all .2s;

      transition: all .2s;

      border: none;
      border-radius: 100%;
      background: transparent;
      background-color: rgba(255, 255, 255, .8);
      -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .1);
      box-shadow: 0 0 8px rgba(0, 0, 0, .1);

      -webkit-appearance: none;

      -moz-appearance: none;

      appearance: none;
		padding: 0;
    }

    @media screen and (max-width: 768px) {
      .insta-swiper .insta-swiper-button {
        top: 40%;
		  padding: 0;

        width: 10vw;
        height: 10vw;
      }
    }
    @media screen and (max-width: 479px) {
      .insta-swiper .insta-swiper-button {
        top: 38%;

        width: 10vw;
        height: 10vw;
		  padding: 0;
      }
    }

    .insta-swiper .insta-swiper-button:hover {
      cursor: pointer;

      opacity: .8;
    }

    .insta-swiper .insta-swiper-button::before {
      position: absolute;

      width: 20%;
      height: 20%;

      content: '';

      border-bottom: solid 3px #aaa;
      border-left: solid 3px #aaa;
    }

    .insta-swiper .insta-swiper-button:focus {
      outline: none;
    }

    .insta-swiper .insta-swiper-button-prev {
      left: 10px;
    }

    @media screen and (max-width: 768px) {
      .insta-swiper .insta-swiper-button-prev {
        left: 3vw;
      }
    }

    .insta-swiper .insta-swiper-button-prev::before {
      top: 55%;
      left: 40%;

      -webkit-transform: rotate(45deg) translate(-50%, -50%);

      transform: rotate(45deg) translate(-50%, -50%);
    }

    .insta-swiper .insta-swiper-button-next {
      right: 10px;
    }

    @media screen and (max-width: 768px) {
      .insta-swiper .insta-swiper-button-next {
        right: 3vw;
      }
    }

    .insta-swiper .insta-swiper-button-next::before {
      top: 21%;
      left: 33%;

      -webkit-transform: rotate(-135deg) translate(-50%, -50%);

      transform: rotate(-135deg) translate(-50%, -50%);
    }

    .insta-swiper .insta-swiper-pagination {
      position: absolute;
      right: 0;
      bottom: 0;
      left: 0;
          text-align: center;
    }

    .insta-swiper .insta-swiper-pagination .swiper-pagination-bullet {
      display: inline-block;

      width: 10px;
      height: 10px;
      margin: 0 5px;

      -webkit-transition: all .2s;

      transition: all .2s;

      border-radius: 100%;
      background-color: #ddd;
    }

    .insta-swiper .insta-swiper-pagination .swiper-pagination-bullet:hover {
      cursor: pointer;

      opacity: .8;
    }

    .insta-swiper .insta-swiper-pagination .swiper-pagination-bullet-active {
      background-color: #aaa;
    }

    @media screen and (max-width: 768px) {
      .insta-swiper .insta-swiper-pagination .swiper-pagination-bullet {
        width: 3vw;
        height: 3vw;
        margin: 0 1.5vw;
      }
    }

    .insta-swiper .insta-swiper__text {
      font-size: 16px;
      line-height: 1.5;

      text-align: left;
    }

    @media screen and (max-width: 768px) {
      .insta-swiper .insta-swiper__text {
        font-size: 4vw;
      }
    }

    .video__wrap {
      max-width: 400px;
      margin: 0 auto;
    }

    .video__wrap video {
      width: 100%;
      height: 100%;

      -o-object-fit: cover;

      object-fit: cover;
    }

    .video__wrap img {
      width: 100%;
    }

    .video__wrap .video__box {
      position: relative;

      width: 100%;

      -webkit-transition: all .2s;

      transition: all .2s;
    }

    .video__wrap .video__box:hover {
      cursor: pointer;

      opacity: .8;
    }

    .video__wrap .video__box:before {
      position: absolute;
      top: 50%;
      left: 50%;

      display: block;

      width: 60px;
      height: 60px;

      content: '';
      -webkit-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);

      border: 6px solid #fff;
      border-radius: 50%;
    }

    .video__wrap .video__box:after {
      position: absolute;
      top: 50%;
      left: 50%;

      display: block;

      content: '';
      -webkit-transform: translate(-40%, -50%);
      transform: translate(-40%, -50%);

      border-width: 15px 0 15px 25px;
      border-style: solid;
      border-color: transparent transparent transparent #fff;
    }

    .video__wrap .video__modal {
      position: fixed;
      z-index: -1;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;

      -webkit-transition: all .2s;

      transition: all .2s;

      opacity: 0;
    }

    .video__wrap .video__modal.show {
      z-index: 1000;

      opacity: 1;
    }

    .video__wrap .video__modal__overlay {
      position: absolute;
      z-index: 10;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;

      background-color: rgba(0, 0, 0, .7);
    }

    .video__wrap .video__modal__inner {
      position: relative;

      display: -webkit-box;

      display: -webkit-flex;

      display: -ms-flexbox;

      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;

      height: 100%;
      margin: 0 auto;

      -webkit-box-pack: center;

      -webkit-justify-content: center;

      -ms-flex-pack: center;

      justify-content: center;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
    }

    .video__wrap .video__modal__inner__inner {
      position: relative;
      z-index: 100;

      width: 90vw;
      max-width: 800px;
      height: calc(90vw / 9 * 16);
      max-height: 85vh;

      background: #000;
    }

    .video__wrap .video__modal__inner__inner video {
      width: 100%;
      height: 100%;

      -o-object-fit: contain;

      object-fit: contain;
    }

    .video__wrap .video_modal__close {
      font-size: 60px;

      position: absolute;
      top: -70px;
      right: 0;

      padding: 0;

      -webkit-transition: all .2s;

      transition: all .2s;

      color: #fff;
      border: none;
      background-color: transparent;

      -webkit-appearance: none;

      -moz-appearance: none;

      appearance: none;
    }



.instacon p{font-family: "Shippori Mincho" !important;color: #222 !important;}
.instahead{font-family: "Shippori Mincho" !important;color: #222 !important;}
.instahonbun{width:400px;margin:auto;padding-bottom:3rem;}


    @media screen and (max-width: 768px) {
		.instahonbun{width:100%;}
		.instamain{width:100%;}
      .video__wrap .video_modal__close {
        font-size: 13vw;

        top: -15vw;
      }
    }

    .video__wrap .video_modal__close:hover {
      cursor: pointer;

      opacity: .8;
    }

    .video__wrap .video_modal__close:focus {
      outline: none;
    }


 media (max-width: 767px){}