@charset "iso-2022-jp";
@import url("common.css");
@import url("/um/v7/css/gh_legacy.css");
@import url('https://fonts.googleapis.com/css2?family=Gothic+A1&display=swap');

/* コンテナ */
#stage{
	width:980px;
	padding-bottom: 0px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 0px;
}


#header{
	clear: both;
	margin-bottom: 15px;
	position:relative;
}
#header img{width:100%; height:auto;}

#header #btn_bcnb a{
	position:absolute;
	right: 0px;
	top: 550px;
	height: 129px;
	width: 200px;
	display: block;
	transition:0.4s all;

}
#header #btn_bcnb a:hover{transform: scale(1.2);transition:0.4s all;}

#header #btn_top a{
	position:absolute;
	right: 230px;
	top: 608px;
	height: 123px;
	width: 173px;
	display: block;
	transition:0.4s all;

}
#header #btn_top a:hover{transform: scale(1.2);transition:0.4s all;}
#header p.descri{
	position:absolute;
	width: 173px;
	height: 123px;
	left: 430px;
	top: 394px;
	text-align: left;
}


#main{
	line-height: 150%;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	clear: both;
	overflow: auto;
	background-image: url(../image/main_02.png);
	background-repeat: repeat-y;
	background-position: center top;
	padding-top: 30px;
	padding-right: 30px;
	padding-left: 30px;

}

#main h2{
	margin-bottom:5px;
	clear: both;
	font-size: 24px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #660000;
	width: 300px;
	font-weight: bold;
}


#about{
	margin-right: 120px;
	margin-left: 100px;
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-bottom-color: #FFFFFF;
}

#yokoku{
	margin-right: 100px;
	margin-left: 100px;
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-bottom-color: #FFFFFF;
	overflow: auto;
}
#yokoku h3{
	font-size:18px;
	font-weight: bold;
	padding-left: 5px;
	border-left-width: 3px;
	border-left-style: solid;
	border-left-color: #330000;
	margin-bottom: 5px;
}
#yokoku p{
	margin-bottom:20px;
}
#yokoku strong.midashi{
	font-size:16px;
	color: #791F00;
}
#yokoku .main-photo{display:flex;justify-content: space-between;}
#yokoku .main-photo .photo{ width:55%;}
#yokoku .main-photo a.twitter{width:35%;}
#yokoku .main-photo a.twitter img{width:100%;}


body.backnunber .link{display:none !important;}
body.backnunber .photo img{display:none !important;}
.backnumberdate{
	margin-right: 100px;
	margin-left: 100px;
	margin-bottom: 30px;
	padding-bottom: 0px;
}
.backnumberdate ul{ padding:30px;}
.backnumberdate li{
	float:left;
	width:130px;
}
.backnumberdate .js-accordion-title{position: relative;}
.backnumberdate .js-accordion-title:hover{cursor:pointer;}
.backnumberdate .js-accordion-title:before { content: ''; position: absolute;  right: 22px;  top: 14px;  width: 0;  height: 0;  border-style: solid;  border-right: 20px solid transparent;  border-left: 20px solid transparent;  border-top: 20px solid #f7931e;
  border-bottom: 0; transform: rotate(0deg);  transition: all .3s ease-in-out;z-index: 1;}
.backnumberdate .js-accordion-title:after { content: '日付を表示';position: absolute;  right: 0px;  top: -18px; color:#f7931e; font-size:16px;font-family: "Oswald", sans-serif; letter-spacing:1px;}

.backnumberdate .js-accordion-title.open:before { transform: rotate(180deg);top: 12px;}
.backnumberdate .js-accordion-title.open:after{content: '閉じる';right: 15px;  top: -18px;}


h2.js-accordion-title{width:100% !important;}


.contents{
	margin-right: 100px;
	margin-left: 100px;
	margin-bottom: 20px;
	padding-bottom: 20px;
}

.contents .bcnb_date{
	margin-bottom: 30px;
	display:flex;
	align-items: center;
	width:100%;
	padding-top:40px;
}
.contents .bcnb_date .photo{width:150px;}
.contents .bcnb_date .photo img{width:100%; height:auto; display:block !important;}
.contents .bcnb_date h3 {
  position: relative;
  display: inline-block;
  width: calc(100% - 150px);
  margin-left: 20px;
  padding: 30px;
  border-radius: 10px;
  background-image: linear-gradient(90deg, #739bc8, #4b83c2);
  box-shadow: 4px 4px 6px 0px rgba(0, 0, 0, 0.4);
  text-align: left;
  font-size: 24px;
  font-weight: bold;
  line-height: 1.5;
  color: #000000;
  border:none;
  
}

.contents .bcnb_date h3::after {
  content: "";
  position: absolute;
  top: 45%;
  left: 0;
  border-style: solid;
  border-width: 10px 20px 10px 0;
  border-color: transparent #739bc8 transparent transparent;
   translate: -100% -50%;
  transform: skew(0, -19deg);
  transform-origin: right;
}


.contents .box{
	margin-bottom: 20px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #FF3300;
}
.contents .box .item{display:flex;justify-content: space-between;}
.contents .box .item .photo{width:210px; margin-right:20px;}
.contents .box .item .photo img{width:100%; height:auto;}
.contents .box .item .text-area{width:490px;}
.contents .box .item .text-area .text{margin-left:20px; margin-bottom:15px;}
.contents .box .link{margin-top:20px; margin-bottom:10px; text-align:right;}
.contents .box .item .text-area table.price{}
.contents .box .item .text-area table.price th{ text-align:left; padding:0px 5px;}
.contents .box .item .text-area table.price td{ text-align:right; padding:0px 5px;}
.contents .box p{
	overflow: hidden;
	_zoom: 1;}

.contents p{margin-bottom:10px;}
.contents p.link{
	clear:both;
	text-align: right;
}
.contents h4{
	font-size: 20px;
	font-weight: bold;
	line-height: 24px;
	margin-bottom: 10px;
	clear: both;
}
.contents h5{
	font-size: 15px;
	font-weight: bold;
	line-height: 1.4;
	margin-top: 10px;
	margin-bottom: 3px;
}
.contents h6{
	font-size: 14px;
	font-weight: bold;
	line-height: 1;
	margin-top: 10px;
	margin-bottom: 3px;
}

.contents .inner{
	padding-left:70px;
	padding-right:70px;
	overflow: auto;
}
.contents .date{
	width:130px;
	float:left;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 5px;
	background-color: #003300;
}


.contents .date a{color:#FFFFFF;}
.contents .date ul{
	margin: 0px;
}
.contents .date ul li{
	border-bottom-style:solid;
	border-bottom-width: 1px;
	border-bottom-color: #CCCCCC;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	clear: both;
	display: block;
	float: none;
}
.contents .body{
	float:right;

width: 700px;
	text-align: left;
}
.contents h3{
	font-size:18px;
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	margin-bottom: 20px;
	clear: both;
}
.contents h3.entame{
	background-color:#004800;
	text-align: center;
	border: 1px solid #660000;
}
.contents h3.yellow{ color:#FFFF00;	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFF00;
}
.contents .body .box{
	padding-bottom: 50px;
	float: right;
}
.contents .body .box .people{
	width:240px;
	float:left;
	text-align: center;
}
.contents .body .box .txt{float:right; width:450px;}
.contents .body p{	margin: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
}
.contents .body h4{
	font-weight:bold;
	margin-bottom: 5px;
	background-color: #009900;
	margin-top: 10px;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 6px;
}
.contents .body h5{
	font-size:14px;
	font-weight: bold;
	margin: 0px;
	line-height: 16px;
	padding-top: 5px;
}


.contents .inner .people ul {
	clear: both;
	padding-top: 20px;
	overflow: auto;
	margin-bottom: 50px;
	
}
.contents .inner .people ul li{
	float:left;
	margin-left:5px;
	margin-right:5px;
	margin-bottom: 25px;
	width: 155px;
	height:220px;
	text-align: center;
	padding: 0px;
	margin-top: 0px;
}
.contents .inner .people ul li img{ vertical-align:bottom;	

}


@media all and (max-width: 991.98px) {
#stage{
	width:90%;
	padding-bottom: 0px;
	margin-right: 5%;
	margin-left: 5%;
	padding-top: 0px;
}
#main{padding-right: 0px;padding-left: 0px;}
#yokoku{width:90%; margin-left:auto; margin-right:auto;}
#yokoku img{width:100%;}
#yokoku .main-photo{flex-direction: column;}
#yokoku .main-photo .photo{ width:100%;}
#yokoku .main-photo a.twitter{ width:50%; max-width:300px; margin-left:auto; margin-right:auto;}

.contents{margin-right: 5%;margin-left: 5%;}

#header #btn_bcnb a {right: 0;    top: unset;    height: auto;    ma-width: 130px; width:30%;   bottom: -20px;}
#header #btn_top a{	right: 30%; top: unset;	 bottom: -20px;height: auto;	    ma-width: 130px;width:30%; 	}

.contents .bcnb_date .photo{width:100px;}
.contents .bcnb_date h3 {
  width: calc(100% - 100px);
  margin-left: 20px;
  box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.4);
  font-size: 17px;
  padding:15px;
}
.contents .box .item{flex-direction: column-reverse;}
.contents .box .item .photo{margin-left:auto; margin-right:auto;}
.contents .box .link{text-align:left;}
.contents .box .item .text-area{width:100%;}
.contents .box .item .text-area .text{margin-left:0;}

.backnumberdate{
	margin-right: 5%;
	margin-left: 5%;
	overflow: auto;
}
.backnumberdate ul{padding-left:0; padding-bottom:40px;}


.backnumberdate .js-accordion-title:before { right: 28px;  top: 22px;  width: 0;  height: 0;  border-style: solid;  border-right: 10px solid transparent;  border-left: 10px solid transparent;  border-top: 10px solid #f7931e;
  border-bottom: 0; transform: rotate(0deg);  transition: all .3s ease-in-out;z-index: 1;}
.backnumberdate .js-accordion-title:after { font-size:14px;right: 0px;    top: -11px;}

.backnumberdate .js-accordion-title.open:before { transform: rotate(180deg);top: 20px;}
.backnumberdate .js-accordion-title.open:after{content: '閉じる';right: 15px;  top: -11px;}



}



/*-----------------------------------------------
 __フッター
-----------------------------------------------*/

#ft {
	height: 45px;
	line-height: 40px;
	margin: 0px;
	padding: 0px;
	text-align: center;
	color: #990000;
	clear: both;
}
#ft a{
	color:#FF6699;
	text-decoration:none;
}
#ft a:hover{
	text-decoration:underline;
}
/*-----------------------------------------------
 __画像位置
-----------------------------------------------*/
.fl_lt{
	float:left;
	margin-right: 20px;
	margin-bottom: 20px;
}

.fl_rt{
	float:right;
	margin-right: 5px;
	margin-left: 5px;
}


/*-----------------------------------------------
 __文字装飾
-----------------------------------------------*/


.red{color:#FF0000;}
.red_big{color:#FF0000;font-weight:bold;font-size:16px;}
.blue{color:#0066FF;}
.purple_big{color:#990066;font-weight:bold;font-size:16px;}
.green_big{color:#00B55A;font-weight:bold;font-size:16px;}
.blue_big{color:#0066FF;font-weight:bold;font-size:16px;}
.pink_big{color:#FF33CC;font-weight:bold;font-size:16px;}
.pink_02_big{color:#FF66CC;font-weight:bold;font-size:16px;}
.orange_big{color:#FF3300;font-weight:bold;font-size:16px;}
.yellow{color:#FF9900;}
.yellow_big{color:#FF9900;font-weight:bold;font-size:16px;}
.big{font-weight:bold;font-size:16px;}
.bold{font-weight:bold;}
.font16{font-size:16px;}
.font20{font-size:20px;}
.dot{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ffffff;
}



/* -------------------- Clear & hr --------------------*/

.clear{
clear:both;
overflow:hidden;
width:1px;
height:1px;
margin:0 -1px -1px 0;
border:0;
padding:0;
font-size:0;
line-height:0;
}

hr {
display:none;
}

.note {
  border: 1px double #ccc;
  padding: 0.3em;
}


@media screen and (max-width: 991.98px) {
.pc{display:none !important;}
}

@media screen and (min-width: 991.99px) {
.sp{display:none !important;} 
}