@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/
/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/

/*@import url('https://fonts.googleapis.com/css2?family=Tangerine:wght@700&family=Dancing+Script:wght@700&family=Kaisei+Decol:wght@500&family=Kiwi+Maru&display=swap'); */

@import url('https://fonts.googleapis.com/css2?family=Oleo+Script&family=Dancing+Script:wght@700&family=Kaisei+Decol:wght@500&family=Zen+Antique&display=swap');
@import url('https://fonts.googleapis.com/css2?family=RocknRoll+One&display=swap');

.home .article h1,.page .date-tags,.home .entry-title,.page .author-info{
	display:none;
}
html,body{
	overflow-x: hidden!important;
	font-family: 'Zen Antique', serif;
}
/* .home .content-in{
	width:100vw;
} */
/* .home  */
.main{
	padding-top:0;
	padding-bottom:0;
	border:none;
	background:transparent;
}
/* .content,
.footer{
	margin:0;
} */

.flex,
.flex01,
.flex-00{
	display:flex;
}
/* 
.flex---------834-解除
.flex01-------個別設定
.flex-00------固定
 */
.entry-content,
.footer,
.metaslider .flexslider,
.flexslider{
	margin-top:0!important;
	margin-bottom:0!important;
}
.article,
.body .article{
	margin-bottom:0;
}

.sp-show {
	display: none;
}

@media screen and (max-width: 427px) {
	.sp-show {
	display: block;
	}
}

/* 【モバイル時のheader色】 */
.mobile-header-menu-buttons.mobile-menu-buttons .menu-button {
  color: #fff;
  background-color: #000;
}
.menu-button-in{
	color:#fff!important;
}

/* 【mobileナビ】 */
.menu-drawer li a{
    background: #000080;
    margin: 20px 5px;
    text-align: center;
    border-radius: 10px;
    display: block;
    box-shadow:2px 2px 3px #707070;
}
.menu-drawer a{
    color:#fff; 
}
.fa-close{
	color:#000;
}

/* 【問い合わせ等送信ボタン】 */
.wpcf7 .wpcf7-submit:disabled{
	background-color: pink;
	border:none;
	color:#707070;
}

input[type="submit"]{
	background-color: #b50078;
	border:none;
	color:#fff;
}

/* --ボタン装飾-- */
.but-01,
.but-03{
	display: block;
	border-top: solid 3px #fff;
	border-bottom: solid 3px #fff;
	max-width: 500px;
	min-width: 200px;
	margin: auto;
	text-align: center;
	padding: 1em 0;
	background: #000;
	color: #fff;
	text-decoration: none;
	position: relative;
	font-size:1.1em;
	
	  overflow: hidden;
	  border-radius: 0;
	transition:0.6s;
}

.but-01 span,
.but-03 span{
  position: relative;
  z-index: 1;
}

.but-01:before,
.but-03:before{
  position: absolute;
  top: 0;
  left: calc(-100% + 10px);
  width: 100%;
  height: 100%;
  content: '';
  -webkit-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
  -webkit-transform: translateX(0) translateY(0);
  transform: translateX(0) translateY(0);
}

.but-01:after,
.but-03:after{
  position: absolute;
  top: 0;
  right: calc(-100% + 10px);
  width: 100%;
  height: 100%;
  content: '';
  -webkit-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
  -webkit-transform: translateX(0) translateY(0);
  transform: translateX(0) translateY(0);
}
.but-01:before,
.but-01:after{
	background: #800000;
}
.but-03:before,
.but-03:after{
	background: #c2a96b;
}
.but-01:hover:before,
.but-03:hover:before{
  -webkit-transform: translateX(50%) translateY(0);
  transform: translateX(50%) translateY(0);
}

.but-01:hover:after,
.but-03:hover:after{
  -webkit-transform: translateX(-50%) translateY(0);
  transform: translateX(-50%) translateY(0);
}
.but-01:hover{
	color:#fff;
	text-shadow:0px 0px 10px #000;
}
.but-03:hover{
	color:#000;
	text-shadow:0px 0px 10px #fff;
	font-weight:bold;
}

/* --ハート背景-- */
.area{
	background:url(https://biribiri-sapporo.com/wp-content/uploads/2022/01/22309266.jpg) center no-repeat;
	background-size:cover;
    width: 100vw;
    height:100vh;
	position:fixed;
  	top:0;
  	left:0;
  	z-index:-1;
}
.circles{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.circles li{
    position: absolute;
    display: block;
    list-style: none;
    width: 20px;
    height: 20px;
/*     background:rgba(174,136,0, 0.4); */
	background:url(https://biribiri-sapporo.com/wp-content/uploads/2022/01/heart-bg.png) center no-repeat;
	background-size:contain;
    animation: animate 25s linear infinite;
    bottom: -150px;
}

.circles li:nth-child(1){
    left: 25%;
    width: 80px;
    height: 80px;
    animation-delay: 0s;
}


.circles li:nth-child(2){
    left: 10%;
    width: 20px;
    height: 20px;
    animation-delay: 2s;
    animation-duration: 12s;
}

.circles li:nth-child(3){
    left: 70%;
    width: 20px;
    height: 20px;
    animation-delay: 4s;
}

.circles li:nth-child(4){
    left: 40%;
    width: 60px;
    height: 60px;
    animation-delay: 0s;
    animation-duration: 18s;
}

.circles li:nth-child(5){
    left: 65%;
    width: 20px;
    height: 20px;
    animation-delay: 0s;
}

.circles li:nth-child(6){
    left: 75%;
    width: 110px;
    height: 110px;
    animation-delay: 3s;
}

.circles li:nth-child(7){
    left: 35%;
    width: 150px;
    height: 150px;
    animation-delay: 7s;
}

.circles li:nth-child(8){
    left: 50%;
    width: 25px;
    height: 25px;
    animation-delay: 15s;
    animation-duration: 45s;
}

.circles li:nth-child(9){
    left: 20%;
    width: 15px;
    height: 15px;
    animation-delay: 2s;
    animation-duration: 35s;
}

.circles li:nth-child(10){
    left: 85%;
    width: 150px;
    height: 150px;
    animation-delay: 0s;
    animation-duration: 11s;
}
@keyframes animate {
    0%{
        transform: translateY(0);
        opacity: 1;
    }
	 50%{
        transform: translateY(-500px);
        opacity: 1;
    }
    100%{
        transform: translateY(-1000px);
        opacity: 0;
    }
}

.navi-in > ul{
	position: relative;
	z-index: 1;
}
.navi-in{
	width:auto;
}
.logo{
	padding:0!important;
}
.logo img{
	height:300px;
}

.entry-card{
	background: rgba(0,0,0,0.8);
	padding: 0.5em;
	color: #fff;
}



.categoryid-2 .main{
	background:rgba(255,255,255,0.8)!important;
}
.categoryid-2 .entry-title{
	display:block!important;
	text-align:center;
	padding:2.5em 0 2em;
}



#footer a:hover{
	color:#000;
}
/* ======================
TOP
====================== */

/* --サブタイトル：アニメーション-- */
.poyoyon {
  animation: poyoyon 2s ease-out infinite;
	transform: rotate(-15deg);
  opacity: 1;
}
@keyframes poyoyon {
  0%, 40%, 60%, 80%{
    transform: scale(1.0);
	  transform: rotate(-15deg);
  }
  50%, 70%{
    transform: scale(0.95);
  }
	100%{
/* 		transform: scale(0.80); */
	}
}



.top-sec01,
.top-sec02,
.top-sec03,
.top-sec04,
.top-sec05,
.top-sec06,
.top-sec07{
	position:relative;
	margin-bottom:0;
}

/* .home  */
.article h2{
	margin:0;
	padding:0;
	background:transparent;
	font-size: 2.3em;
	text-shadow: 2px 2px 3px #000;
	font-family: 'Kaisei Decol', serif;
	color:#fff;
}
.home p{
	padding:0;
	margin:0;
}
.home .content{
	margin:0;
}


.title-area{
	position:relative;
	padding:3em 0;
}
.title-area2{
	position:relative;
	padding:7em 0;
}
.title-area h2,
.title-area2 h2{
	text-align:center;
}
.title-area .sub-title,
.title-area2 .sub-title{
	font-family: 'Dancing Script', cursive;
/* 	font-family: 'Oleo Script', cursive; */
	position:absolute;
	top:-25%;
	left:20%;
	transform: rotate(-15deg);
	z-index:-1;
	font-size:5em;
	text-align:center;
	font-weight:bold;
	color: transparent;
	background: repeating-linear-gradient(0deg, #B67B03 0.1em, #DAAF08 0.2em, #FEE9A0 0.3em, #DAAF08 0.4em, #B67B03 0.5em); 
	-webkit-background-clip: text;
	text-shadow:0px 0px 0px 5px #000;
	white-space: nowrap;
}
.title-area2 .sub-title{
	top:0!important;
}

.fa-heart-o,
.fa-glass-cheers{
      color: #A9FFDC;
	text-shadow: 
    -.1vw 0vw .25vw #A9FFDC, -.2vw 0vw .25vw #A9FFDC, -.4vw 0vw .25vw #A9FFDC, 
    -.1vw 0vw 1vw #00CC2A, -.2vw 0vw .8vw #00CC2A, -.4vw 0vw .8vw #00CC2A, .2vw 0vw .5vw #00CC2A,
    -.1vw 0vw 10vw #16FA19, -.2vw 0vw 10vw #16FA19, -.4vw 0vw 10vw #16FA19;
  }

  .heart-off {
    animation: heart .8s ease infinite;
    -moz-animation: heart .8s ease infinite;
    /* Firefox */
    -webkit-animation: heart .8s ease infinite;
    /* Safari and Chrome */
    -o-animation: heart .8s ease infinite;
    /* Opera */
  }

  @keyframes heart {
    0%,
    100% {
      /* Enable hardware acceleration to fix laggy transitions */
      -webkit-transform: translateZ(0);
      -moz-transform: translateZ(0);
      -ms-transform: translateZ(0);
      -o-transform: translateZ(0);
      transform: translateZ(0);
      color: #A9FFDC;
      text-shadow: 
    -.1vw 0vw .25vw #A9FFDC, -.2vw 0vw .25vw #A9FFDC, -.4vw 0vw .25vw #A9FFDC, 
    -.1vw 0vw 1vw #00CC2A, -.2vw 0vw .8vw #00CC2A, -.4vw 0vw .8vw #00CC2A, .2vw 0vw .5vw #00CC2A,
    -.1vw 0vw 10vw #16FA19, -.2vw 0vw 10vw #16FA19, -.4vw 0vw 10vw #16FA19;
    }
    50% {
      /* Enable hardware acceleration to fix laggy transitions */
     -webkit-transform: translateZ(0);
     -moz-transform: translateZ(0);
     -ms-transform: translateZ(0);
      -o-transform: translateZ(0);
      transform: translateZ(0);
      color: #4A7061;
      text-shadow: 
    -.1vw 0vw .25vw #4A7061, -.2vw 0vw .25vw #4A7061, -.4vw 0vw .25vw #4A7061, 
    -.1vw 0vw 1vw #184D23, -.2vw 0vw .8vw #184D23, -.4vw 0vw .8vw #184D23, .2vw 0vw .5vw #184D23,
    -.1vw 0vw 10vw #16FA19, -.2vw 0vw 10vw #16FA19, -.4vw 0vw 10vw #16FA19;
    }
  }


.title-area .sub-title02{
	font-family: 'Dancing Script', cursive;
}




 

/* ==================== */

.top-sec01{
	color:#fff;
	padding-top:5em;
	padding-bottom:8em;
}
.top-sec01 .movie-link img{
	width:100%;
}

.top-sec01 .main-movie,
.top-sec01 .info-area{
	width:50%;
	margin:3em 0.3em 0.3em 0.3em;
}

.top-sec01 .info-area{
	display: flex;
	flex-wrap: wrap;
}
.top-sec01 .info-area .title-area,
.top-sec01 .info-area .wrapper-box{
	width:100%;
}
.top-sec01 .but-area{
	margin-top:2em;
}

.top-sec01 .whatsnew{
	width:80%;
	margin:auto;
}
.top-sec01 .whatsnew dl{
	background: rgba(0,0,0,0.5);
}
.top-sec01 .whatsnew dt,
.top-sec01 .whatsnew a{
	color:#fff;
}
.top-sec01 .whatsnew a{
	transition:0.6s;
}
.top-sec01 .whatsnew a:hover {
    background-color: #000;
}
.top-sec01 .but-01{
	max-width:350px;
	margin-top:2.5em;
}

.top-sec01 .video{
	border: solid 3px #c2a96b;
}
.top-sec01 .video-container{
	margin:auto;
}
/* ==================== */
.top-sec02 .bg-img{
/* 	content:""; */
	position:absolute;
	top:0;
	left:-50%;
	width:200%;
	height:100%;
	background:radial-gradient(rgba(102, 0, 134, 1) 2%, rgba(0, 18, 100, 1) 36%, rgba(0, 4, 23, 1) 66%, rgba(0, 0, 0, 1));
/*  	background:url(https://biribiri-sapporo.com/wp-content/uploads/2022/01/22309266.png) center no-repeat; */
/* 	background-size:contain; */
	padding-top:1em;
	padding-bottom:3em;
	z-index:-1;
	display: inline-block;
	overflow:hidden;
	border-bottom: solid 8px #c2a96b;
	border-top: solid 8px #c2a96b;
}
.top-sec02 .bg-img::before{
	content: "";
	width: 200%;
	border-bottom: solid 5px #c2a96b;
	display: block;
	position: absolute;
	top: 10px;
	left: -50%;
}
.top-sec02 .bg-img::after{
	content: "";
	width: 200%;
	border-bottom: solid 5px #c2a96b;
	display: block;
	position: absolute;
	bottom: 10px;
	left: -50%;
}
.top-sec02{
	color:#fff;
	padding-top:8em;
	padding-bottom:8em;
}
.top-sec02 .main-text{
	text-align:center;
	font-size: 1.5em;
	text-shadow: 0px 0px 5px #000;
	position: relative;
	width: fit-content;
	margin: auto;
	line-height: 3em;
}
.top-sec02 .main-text .txt00{
	display:inline-block;
}
.top-sec02 .main-text .txt01{
	font-family: 'RocknRoll One', sans-serif;
	font-size: 1.3em;
	position: absolute;
	top: 15%;
	left: -18%;
	border-radius: 50px;
	padding: 0 0.5em;
	transform: rotate(-8deg);
  	z-index: -1;
}

.top-sec02 .main-text .txt02,
.top-sec02 .main-text .txt03{
	font-family: 'RocknRoll One', sans-serif;
	font-size:2em;
	margin:0 0.2em;
	
    animation: jackpots 1s 0s ease infinite;
    -moz-animation: jackpots 1s 0s ease infinite;
    /* Firefox */
    -webkit-animation: jackpots 1s 0s ease infinite;
    /* Safari and Chrome */
    -o-animation: jackpots 1s 0s ease infinite;
    /* Opera */
  }

  @keyframes jackpots {
    0%,
    100% {
    text-shadow: 
    -.1vw 0vw .1vw #FED128, -.15vw 0vw .2vw #FED128, -.2vw 0vw .2vw #FED128, 
    -.1vw 0vw 3vw #F0130B, -.2vw 0vw 3vw #F0130B, -.4vw 0vw 3vw #F0130B,
    -.1vw 0vw 5vw #F0130B, -.2vw 0vw 5vw #F0130B, -.4vw 0vw .8vw #F0130B, .2vw 0vw 10vw #F0130B;
      color: #FED128;
    }
    50% {
    text-shadow: 
    -.1vw 0vw .1vw #705C12, -.15vw 0vw .2vw #705C12, -.2vw 0vw .2vw #705C12, 
    -.1vw 0vw .1vw #5C0704, -.2vw 0vw .1vw #5C0704, -.4vw 0vw .1vw #5C0704,
    -.1vw 0vw .2vw #5C0704, -.2vw 0vw .2vw #5C0704, -.4vw 0vw .2vw #5C0704, .2vw 0vw .5vw #5C0704;
      color: #705C12;
    }
  }
.top-sec02 .main-text .txt04{
	font-family: 'RocknRoll One', sans-serif;
	font-size: 1.6em;
	color: #ff4500;
	margin: 0 0.2em;
	text-shadow: 3px 3px 2px #000;
}
	
.top-sec02 .main-text .txt05{
	font-family: 'RocknRoll One', sans-serif;
	font-size:1.6em;
	color: #ff1493;
	font-weight: bold;
	margin: 0 0.2em;
	text-shadow: 3px 3px 2px #000;
}
.top-sec02 .main-text .txt06{
	font-family: 'RocknRoll One', sans-serif;
	font-size: 1.8em;
	color: purple;
	text-shadow: 0px 0px 5px #fff;
	font-weight: bold;
	background: #000;
	padding: 0.1em 0.3em;
	border-radius: 50%;
	box-shadow: -5px -5px 5px 0px yellow inset;
	margin: 0 0.2em;
}


.top-sec02 .but-area{
	margin-top:2em;
}





.top-sec02 h2{
/* 	font-family: 'Oleo Script', cursive!important; */
/* 	background: #000!important; */
	padding: 1em 0!important;
	text-align: center;
	margin-bottom: 1.5em!important;
	position:relative;
}
	
.top-sec02 h2::before{
	position: absolute;
	background: #000;
	content: "";
	width: 200%;
	height: 100%;
	top: 0;
	z-index: -1;
	left: -50%;
	border: solid 8px #fff;
}
.top-sec02 .title-area{
	padding-top:0!important;
}

.top-sec02 .but-01{
	margin-top:5em;
}
/* ==================== */
.top-sec03 .bg-img{
	position:absolute;
	top:0;
	left:-50%;
	width:200%;
	height:100%;
 	background:radial-gradient(rgba(102, 0, 134, 1) 2%, rgba(0, 18, 100, 1) 36%, rgba(0, 4, 23, 1) 66%, rgba(0, 0, 0, 1));
/* 	background:url(https://biribiri-sapporo.com/wp-content/uploads/2022/01/22894037_m.jpg) center no-repeat;
	background-size:cover; */
	padding-top:1em;
	padding-bottom:3em;
	z-index:-1;
	display: inline-block;
	overflow:hidden;
}
/* .top-sec03 .bg-img{
    background: linear-gradient(to right, Magenta, yellow, Cyan, Magenta) 0% center/200%;
    animation: bg-img 10s linear infinite;
	
	position:absolute;
	top:0;
	left:-50%;
	width:200%;
	height:100%;
	z-index:-1;
  }
  @keyframes bg-img {
    100% {
		background-position-x: 200%;
	  }
  } */

.top-sec03{
	color:#fff;
/* 	padding-top:3em; */
	padding-bottom:8em;
}

.top-sec03 .wrap-box{
	flex-wrap:wrap;
	gap: 10px;
}
.top-sec03 .wrap-box .staff{
	width: calc((100% - 10px * 4) / 4);
}
.top-sec03 .but-area{
	margin-top:2em;
}


.top-sec03 h2{
	padding: 1em 0!important;
	text-align: center;
	margin-bottom: 1.5em!important;
	position:relative;
}
.top-sec03 h2::before{
	position: absolute;
	background:#000;
	content: "";
	width: 200%;
	height: 100%;
	top: 0;
	z-index: -1;
	left: -50%;
	border: solid 8px #fff;
}
.top-sec03 .title-area{
	padding-top:0!important;
}
.top-sec03 .but-01{
	margin-top:4em;
}

.top-sec03 .staff{
	transition:0.6s;
	position:relative;
	top:0;
}
.top-sec03 .staff:hover{
	top:-5%;
	
}
/* ==================== */
.top-sec04 .bg-img{
/* 	position:absolute;
	top:0;
	left:-50%;
	width:200%;
	height:100%;
 	background:#000;
	padding-top:1em;
	padding-bottom:3em;
	z-index:-1;
	display: inline-block;
	overflow:hidden; */
}
.top-sec04 .bg-img{
    background: linear-gradient(to right, Magenta, yellow, Cyan, Magenta) 0% center/200%;
    animation: bg-img 10s linear infinite;
	
	position:absolute;
	top:0;
	left:-50%;
	width:200%;
	height:100%;
	z-index:-1;
  }
  @keyframes bg-img {
    100% {
		background-position-x: 200%;
	  }
  }
.top-sec04{
	color:#fff;
/* 	padding-top:3em; */
	padding-bottom:3em;
}

.top-sec04 .new-entry-cards{
	display:flex;
	justify-content: center;
	gap: 10px;
	flex-wrap:wrap;
}
.top-sec04 .new-entry-cards a{
	width: calc((100% - 10px * 2) / 3);
}



.top-sec04 h2{
	padding: 1em 0!important;
	text-align: center;
	margin-bottom: 1.5em!important;
	position:relative;
}
.top-sec04 h2::before{
	position: absolute;
	background:#000;
	content: "";
	width: 200%;
	height: 100%;
	top: 0;
	z-index: -1;
	left: -50%;
	border: solid 8px #fff;
}
.top-sec04 .title-area{
	padding-top:0!important;
}

/* ==================== */
/* .top-sec05 .bg-img{
	position:absolute;
	top:0;
	left:-50%;
	width:200%;
	height:100%;
 	background:rgba(0,0,0,0.8);
	padding-top:1em;
	padding-bottom:3em;
	z-index:-1;
	display: inline-block;
	overflow:hidden;
} */
.top-sec05 .bg-img{
    background: linear-gradient(to right, Magenta, yellow, Cyan, Magenta) 0% center/200%;
    animation: bg-img 10s linear infinite;
	
	position:absolute;
	top:0;
	left:-50%;
	width:200%;
	height:100%;
	z-index:-1;
  }
  @keyframes bg-img {
    100% {
		background-position-x: 200%;
	  }
  }
.top-sec05{
	color:#fff;
	padding-top:3em;
	padding-bottom:5em;
}

.top-sec05 .wrap-box{
	justify-content: space-evenly;
	flex-wrap:wrap;
	gap: 20px;
	max-width:1000px;
	margin:auto;
}

.but-neon{
    position: relative;
    display: inline-block;
    padding: 25px 30px;
    margin: 40px 0;
    color:#800000;
    text-decoration: none;
    text-transform: uppercase;
    transition: 0.5s;
    letter-spacing: 4px;
    overflow: hidden;
/*     margin-right: 50px; */
   width: calc((100% - 30px * 1) / 2);
	background: rgba(0,0,0,0.6);
}
.but-neon h2{
	text-shadow: 0px 0px 10px #fff!important;
}
.but-neon:hover{
    background: #800000;
    color: #fff;
    box-shadow: 0 0 5px #800000,
                0 0 25px #800000,
                0 0 50px #800000,
                0 0 200px #800000;
     -webkit-box-reflect:below 1px linear-gradient(transparent, #0005);
}



.sub-title02{
  text-align: center;
  margin: auto;
   user-select: none;
	font-size: 2vw;
}

.sub-title02 b{
  color: #fee;
  text-shadow: 0 -40px 100px, 0 0 2px, 0 0 1em #ff4444, 0 0 0.5em #ff4444, 0 0 0.1em #ff4444, 0 10px 3px #000;
}
.but-neon h2 b span,
.sub-title02 b span{
  animation: blink linear infinite 2s;
}
.sub-title02 b span:nth-of-type(2){
  animation: blink linear infinite 3s;
}
@keyframes blink {
  78% {
    color: inherit;
    text-shadow: inherit;
  }
  79%{
     color: #333;
  }
  80% {
    
    text-shadow: none;
  }
  81% {
    color: inherit;
    text-shadow: inherit;
  }
  82% {
    color: #333;
    text-shadow: none;
  }
  83% {
    color: inherit;
    text-shadow: inherit;
  }
  92% {
    color: #333;
    text-shadow: none;
  }
  92.5% {
    color: inherit;
    text-shadow: inherit;
  }
}






/* ==================== */
.top-sec06{
	color:#fff;
	padding-bottom:3em;
/* 	height:70vh; */
}

.top-sec06 h2{
	padding: 1em 0!important;
	text-align: center;
	margin-bottom: 1.5em!important;
	position:relative;
}
.top-sec06 h2::before{
	position: absolute;
	background: #000;
	content: "";
	width: 200%;
	height: 100%;
	top: 0;
	z-index: -1;
	left: -50%;
	border: solid 8px #fff;
}
.top-sec06 .title-area{
	padding-top:0!important;
}
.top-sec06 .S-box a{
	transition:0.3s;
}
.top-sec06 .S-box a:hover{
/* 	background:#000!important; */
	border:solid 5px #c2a96b;
}

/* ==================== */
.top-sec07{
	color:#fff;
	padding-top:5em;
}
.top-sec07 .bg-img{
	position:absolute;
	top:0;
	left:-50%;
	width:200%;
	height:100%;
 	background:#000;
	padding-top:1em;
	padding-bottom:3em;
	z-index:-1;
	display: inline-block;
	overflow:hidden;
}

.top-sec07 .text-area,
.top-sec07 .banner-area{
	width:50%;
}
.top-sec07 .sns-area{
/* 	justify-content: space-evenly; */
}
.top-sec07 .sns-area a{
	margin:0.5em;
	transition:0.6s;
}
.top-sec07 .banner-area a{
	transition:0.6s;
}
.top-sec07 .sns-area a:hover,
.top-sec07 .banner-area a:hover{
	opacity:0.6;
}
.top-sec07 h2{
	font-size:1.5em!important;
}


/* ======================
固定ページ
====================== */
@media screen and (min-width: 1024px) {
  	.page-id-119 .article,
	.page-id-212 .article,
	.page-id-233 .article,
	.page-id-125 .article,
	.page-id-127 .article,
	.page-id-123 .article,
	.page-id-254 .article,
	.page-id-362 .article,
	.page-id-421 .article,
	.page-id-448 .article{
    	width: 1000px;
    	margin: 0 auto;
  	}
}
/* .page-id-119 .entry-title,
.page-id-212 .entry-title,
.page-id-233 .entry-title,
.page-id-125 .entry-title,
.page-id-127 */
.entry-title,
.archive-title{
	display:none;
}
/* .page-id-125 .content,
.page-id-127 */
.content{
	margin-top:0;
}
.bg-black{
	position:absolute;
	top:0;
	left:-50%;
	width:200%;
	height:100%;
 	background:rgba(0,0,0,0.6);
	padding-top:1em;
	padding-bottom:3em;
	z-index:-1;
	display: inline-block;
	overflow:hidden;
}
table{
	max-width: 800px;
	margin: auto;
}

table th,
table td,
table tr:nth-of-type(2n+1){
	background:transparent;
	border:none;
}
table th{
	width:30%;
}

/* --ボーダー二重線-- */
.border-2{
	border: 8px solid #c2a96b;
	margin: 6px;
	position: relative;
}
.border-2::before{
	content: '';
	width: calc(100% - 30px);
	height: calc(100% - 30px);
	border: 5px solid #c2a96b;
	position: absolute;
	top: 11px;
	left: 11px;
}

/* --背景・黒-- */
.black{
	position:relative;
	padding:3em 0;
	color:#fff;
}
.black .bg-img{
	position:absolute;
	top:0;
	left:-50%;
	width:200%;
	height:100%;
 	background:rgba(0,0,0,0.8);
	padding-top:1em;
	padding-bottom:3em;
	z-index:-1;
	display: inline-block;
	overflow:hidden;
}
.black table tr{
	border-bottom:solid 2px #c2a96b;
}
.black table tr:last-child{
	border-bottom:none!important;
}
/* --キャスト紹介ページ-- */
.cast-link{
	transition:0.6s;
	margin-bottom:1.5rem;
}
.cast-link:hover{
	opacity:0.8;
}

.cast-link a{
	text-decoration: none;
	position: relative;
	display: block;
}
.cast-link a .cast_name{
	text-align: center;
  color: #fff;
  font-size: 3.5rem;
  text-stroke: 2px #7A181D;
  -webkit-text-stroke: 2px #7A181D;
  position: absolute;
  bottom: -3rem;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
  text-wrap: nowrap;
}

.page-id-123 .wp-block-column{
	margin-bottom:2rem;
}

/* --各キャスト紹介-- */
.s-profile{
	color:#fff;
}

.profile .message{
	background: #c2a96b;
	padding: 1em 0 3em;
	text-align: center;
	border-radius: 30px;
}
.profile .txt-01{
	font-size: 1.5em;
	color: #fff;
	text-shadow: 0px 0px 10px #000;
	margin-bottom:0.5em;
}
.profile .txt-02{
	color:#000;
	margin-bottom:0;
}
.waku img,
.waku video{
	border:solid 3px #c2a96b;
}

/* --システム-- */
.system{
	background: #800000;
	padding: 3em 0;
	text-align: center;
/* 	border-radius: 30px; */
	color: #fff;
	box-shadow: 0px 2px 20px 3px #000 inset;
	margin-bottom:2em!important;
}
.system .txt-01{
	font-size: 1.8em;
	text-shadow: 0px 0px 5px #000;
}

/* --求人情報-- */
.job{
	font-size:2.3em;
	color:#fff;
	text-align:center;
	padding: 2em 0 1em;
	background: #4b0082;
/* 	border-radius: 30px; */
	box-shadow: 0px 2px 20px 3px #000 inset;
	margin-bottom:1.5em!important;
}
.job .txt-01,
.job .txt-02{
	text-shadow: 0px 0px 10px #800000;
}
/* --店舗情報-- */
.store img,
.store .text-area{
	width:50%;
	margin:0.3em;
}
.store .text-area{
	display:flex;
	align-items:center;
	justify-content:center;
	color:#fff;
	background: #800000;
	box-shadow: 0px 2px 20px 3px #000 inset;
}

.store .text-area .txt{
	margin-bottom: 0;
	font-size: 1.5em;
	text-align: center;
	text-shadow: 2px 2px 2px #000;
}
.page-id-254 label {
	  color: #fff;
	  text-shadow: 0px 0px 5px #000;
}

/* --プライバシーポリシー-- */
.page-id-362 .main{
	background:rgba(0,0,0,0.6);
	color:#fff;
}

/* --動画広場-- */
.page-id-385{
	color:#fff;
}

.YouTube-but a{
	display:block;
	position:relative;
}
.YouTube-but a::before{
	content:"";
	background:rgba(0,0,0,0.6);
	transition:0.6s;
	width:100%;
	height:100%;
	position: absolute;
	top: 0;
	left: 0;
	opacity:0;
	z-index: 0;
}
.YouTube-but a:hover::before{
	opacity:1;
}


/* --座席状況-- */
.situation{
	background: #4b0082;
	padding: 3em 1.5em;
	text-align: center;
	color: #fff;
	box-shadow: 0px 2px 20px 3px #000 inset;
	margin-bottom:2em!important;
}
.situation .txt01{
	font-size:1.3em;
}
.situation .box{
	padding: 0.5em 0;
	max-width: 350px;
	background: #fff;
	color: #000;
	margin: auto;
	font-size: 2em;
	border-radius: 50px;
	box-shadow: 2px 2px 5px 2px #303030 inset;
}
.situation .box p{
	margin-bottom:0;
}

/* --オンライン接客-- */
.online-01 h3{
	border: none;
	margin-top: 0;
	font-size: 1.5em;
}
.online-02 h4{
	border-top:solid 2px #c2a96b!important;
	border-bottom:solid 2px #c2a96b;
}
.online-01{
	background: #800000;
	padding: 3em 0;
	text-align: center;
	color: #fff;
	box-shadow: 0px 2px 20px 3px #000 inset;
	margin-bottom:2em!important;
}
.online-01 .box{
	padding:0 2em;
}
.online-02{
	margin-bottom:0;
}
.page-id-448 .wpsbc-legend{
	text-align:center!important;
}
.page-id-448 .wpsbc-container[data-columns] .wpsbc-calendars .wpsbc-calendar{
	float: none;
	margin:1em auto;
}
.page-id-448 .wpsbc-container .wpsbc-calendars .wpsbc-calendar{
	background: none;
	border-radius: 10px;
	padding: 1em;
	border: solid 3px #fff;
}
.page-id-448 .wpsbc-container .wpsbc-calendars .wpsbc-calendar .wpsbc-calendar-header{
	background:none;
}
.page-id-448 thead{
	color:#fff;
}
.page-id-448 .wpsbc-container .wpsbc-calendars .wpsbc-calendar table thead tr th{
	background:#fff!important;
	padding:8px 0!important;
	color:#000;
}
.wpsbc-container .wpsbc-calendars .wpsbc-calendar table tr td{
	color:#000;
}
.online-03 p{
	padding:0;
	margin:0;
	text-align:center;
	color:#fff;
}
.online-03 .txt01 span{
	color:#ddffcc;
}
.online-03 .txt02 span{
	color:#f78da7;
}

.o-from p{
	color:#fff;
	text-shadow:1px 1px 2px #000;
}

.p-margin{
	margin-bottom: 0!important;
}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
	.top-sec02 .main-text{
		width:100%;
	}
	.top-sec02 .main-text .txt01{
		left: 0;
	}
}
@media screen and (max-width: 900px){
	.top-sec02 .main-text .txt02,
	.top-sec02 .main-text .txt03{
		font-size: 1.8em;
	}
	.top-sec02 .main-text .txt04,
	.top-sec02 .main-text .txt05{
		font-size:1.4em;
	}
	.top-sec04 .new-entry-cards a{
/* 		width: 100%;
		max-width:280px!important; */
		width: calc((100% - 10px * 1) / 2);
	}
}
/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
	.flex{
		display:block!important;
	}
	main.main{
		padding:0 1em;
	}
	.title-area .sub-title,
	.title-area2 .sub-title{
		font-size:4em;
	}
	.top-sec01 .main-movie,
	.top-sec01 .info-area {
		width:100%!important;
		margin:3em 0 0 0!important;
	}
	.top-sec02 .main-text .txt00{
		padding-bottom: 1.5em;
	}
	.top-sec02 .main-text .txt01{
		font-size:1.1em;
	}
	.top-sec07 .text-area,
	.top-sec07 .banner-area {
		width: 100%;
	}
	.job{
		font-size:2em;
	}
	.store img{
		width:80%;
		margin:auto;
		display: block;
	}
	.store .text-area{
		width:100%;
		margin:0;
		padding:1.5em 0;
		margin-top: 2em;
	}
}
@media screen and (max-width: 750px){
	.top-sec03 .wrap-box .staff {
    	width: calc((100% - 10px * 1) / 2);
	}

}
@media screen and (min-width: 600px){
	.br-600{
		display:none;
	}
}
@media screen and (max-width: 600px){
	.br-600{
		display:block;
	}
	.title-area .sub-title{
		font-size:3em;
		top: -15%;
	}
	.title-area2 .sub-title{
		font-size:3em;
	}
	.top-sec02 .main-text .txt01{
		top: 12%;
	}
	.top-sec02 .main-text .txt02,
	.top-sec02 .main-text .txt03 {
	  	font-size: 1.6em;
	}
	.but-neon{
		width:90%;
		margin: 0;
	}
	.top-sec05 .title-area{
		padding:1em 0;
	}
	.job{
		font-size:1.8em;
	}
	.online-01 .box{
		text-align:left;
	}
}
@media screen and (min-width: 480px){
	.sp-blog,
	.br-480,
	.sp-main{
		display:none;
	}
}
/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
	.pc-blog,
	.pc-main{
		display:none;
	}
	.sp-blog,
	.br-480,
	.sp-main{
		display:block;
	}
	.home .article h2{
		font-size:1.8em;
	}
	.title-area{
		padding-top: 3em;
		padding-bottom: 1em;
	}
	.title-area .sub-title{
		left: 10%;
	}
	.title-area2 .sub-title{
		left: 5%;
		top:10%!important;
	}
	.top-sec02 .main-text{
		font-size: 1.3em;
	}
	.top-sec02 .main-text .txt02,
	.top-sec02 .main-text .txt03 {
	  	font-size: 1.5em;
	}
	.top-sec02 .main-text{
		line-height: 2.5em;
	}
	.top-sec04 .new-entry-cards a{
		width: 100%;
		max-width:350px!important;
	}
	.top-sec05 .wrap-box .wrap-item{
		width: 100%;
	}
	.top-sec05 .wrap-box .wrap-item::before{
		padding-bottom: 50%;
	}
	.job{
		font-size:1.4em;
	}
	.store .text-area .txt{
		font-size:1.3em;
	}
}
@media screen and (min-width: 400px){
	.br-400{
		display:none;
	}
}
@media screen and (max-width: 400px){
	.br-400{
		display:block;
	}
}


/*1023px以下でロゴを消す*/
@media screen and (max-width: 1023px){
	img.site-logo-image{
		visibility: hidden;
	}
}

/*1023px以下でモバイル用のロゴ表示*/
@media screen and (max-width: 1023px){
	.logo-menu-button.menu-button{
		background-image: url(https://biribiri-sapporo.com/wp-content/uploads/2022/02/biribiri_logo.png);
		background-size: contain;
		background-position: center;
		background-repeat: no-repeat;
}
}