.spOnly{
	display:none;
}
.tabSp{
	display:none;
}
.tabPcInline{
	display:inline;
}
.tabSpInline{
	display:none;
}
.pcOnly{
	display:block;
}
.pcInline{
	display:inline;
}
.spInline{
	display:none;
}
.tabPc{
	display:block;
}
.tabOnly{
	display:none;
}

html {
    /*background: url(../images/bg_pc.jpg) no-repeat top center fixed #000;
    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
    -o-background-size: 100% auto;
    background-size: 100% auto;*/
}

body {
	/*min-width:1196px;*/
 /*background: url("../images/bg_00.jpg") top center no-repeat;
 background-size: 100% 100%;*/
	
 font-family: "corporate-logo-ver2", sans-serif;
}
#wrapper{
	/*width:1196px;*/
	width: 100%;
	/*margin: 0 0 0 0px;*/
	margin:0 auto;
}

.wrapper{
	position: relative;
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	z-index: 1;
	background: url("../images/bg.jpg") center center no-repeat fixed;
	background-size: cover;
}
.view_area{
	position: relative;
	width: 524px;
	/*width: 100%;*/
	z-index: 1;
	/*max-width: 600px;
	min-width: 414px;
	border-left: 4px solid #b0a58a;
	border-right: 4px solid #b0a58a;*/
}
.wrapper .pc_l{
	display: block;
	align-self: flex-start;
	position: sticky;
	top: 0;
	/*width: 44.44%;*/
	/*width: 0%;*/
	width: 32%;
	min-width: 420px;
	height: 100vh;
	z-index: 2;
	/*background-color: antiquewhite*/
}
.wrapper .pc_l .ttl{
	display: block;
	/*width: 41.77%;*/
	width: 100%;
	position: relative;
	top: 90px;
	/*left: 30%;*/
	/*left: 15vw;*/
	right: 0vw;
	padding-left: 25%;
	/*background-color: antiquewhite*/
}
#copy{
 text-align: center;
 color: #fff;
 /*position: absolute;*/
 width: 100%;
 padding: 80px 0 20px 0px;
	font-size: 14px;
}
.logo{
 /*position: absolute;
 top: 30px;
 left: 15px;;
 z-index: 9;
 width: 20%;*/
}

.wrapper .pc_r{
	display: block;
	align-self: flex-start;
	position: sticky;
	top: 0;
	/*width: 18.87%;/
	/*width: 0%;*/
	height: 100vh;
	z-index: 2;
}

















.menu_pc{
	padding-left: 50px;
}
.menu_pc a{
	display: block;
	text-decoration: none;
	color: #fff;
	padding-bottom: 30px;
	font-size: 24px;
}.menu_pc a:hover{
	text-decoration: underline;
}

.hero{
	background: url("../images/bg_top.gif") center center no-repeat;
	text-align: center;
}
.about{
	padding: 0 5px;
}

.yosoukai{
	background-color: #ffff00;
	text-align: center;
	padding: 15px 15px;
}
h2{
	font-size: 29px
}
.yosoukai h2{
	padding: 10px 0 20px;
}
.yosoukaiItem{
	border: 10px solid #000;
	background-color: #fff;
	color: #000;
	margin: 15px 0 0;
}
.yosoukaiInner{
	padding: 15px 15px;
}
.yosoukaiItem h3{
	width: 100%;
	background-color: #000;
	color: #fff;
	padding: 1px 0 10px;
	font-size: 25px;
}

.date{
 font-size: 70px;
 /*padding: 60px 0 20px;*/
 font-weight: bold;
 line-height: 1.4;
	/*padding-right: 0.9em;*/
}
.place{
 font-size: 23px;
	padding-top: 15px;
}
a.access{
	font-size: 18px;
	display: block;
	padding: 9px 0 2px;
	color: #000;
	text-decoration: none;
}
a.access:hover{
	text-decoration: underline;
}
.font10{
	font-size: 10px;
}
.font12{
	font-size: 12px;
}
.font14{
	font-size: 14px;
}
.jissi{
 background-color: #000;
 color: #fff;
 	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
 width: 120px;
 text-align: center;
 margin: 20px auto 10px;
 font-size: 19px;
 letter-spacing: 3px;
	padding: 9px ;
}

.yosoukaiTime{
	/*font-size: clamp(16px, 3.0vw, 20px);*/
	font-size: 17px;
	line-height: 1.7;
	padding-bottom: 20px;
}

.talkTime{
	/*font-size: clamp(16px, 3.0vw, 20px);*/
	font-size: 18px;
	line-height: 1.7;
}
.guestTxt{
	font-size: 23px;
	padding: 12px 0 0;
	line-height: 1.4;
}

.guestBox{
	background-color: #ffc700;
	padding: 0 10px;
	margin: 40px 0 9px;
}
.guestBox .fltL{
	width: 35%;
	padding: 10px 20px 10px 0;
}
.guestBox .fltR{
	width: 60%;
	padding: 10px 0px 10px 0;
	text-align: left;
	margin: -30px 0 0 0;
}
.guestTTL{
	text-align: right;
	padding-right: 10px;
}
.guestName{
	font-size: 24px;
	padding: 0 0 10px;
}
.guestProf{
	font-size: 16px;
}
.siteiseki{
	background: url("../images/bg_siteiseki.gif") top center repeat-y;
	padding: 0 20px 20px;
}
.siteiseki h2{
	text-align: center;
	padding: 20px 0 20px;
	color: #fff;
}

.siteisekiInner{
	background-color: #ffff00;
	padding: 17px;
}
.siteiseki .siteisekiCopy .fltL{
	width: 70%;
	padding: 0px 0px 0px 0;
	font-size: 23px;
	line-height: 30px;
}
.siteiseki .siteisekiCopy .fltR{
	width: 33%;
	padding: 0px 2px 0px 0;
	text-align: right;
	margin: -30px -17px 0 0;
}
.siteisekiProf{
	padding: 10px 0 10px;
	font-size: 12px;
	text-align: left;
}
.siteisekiItem{
	padding-bottom: 15px;
}
.whiteBtn{
	cursor: default !important;
	display:block;
	text-align:center;
	/*background:url(../images/arrow.png) no-repeat left center #FFF;*/
	color:#000 !important;
	font-size:20px;
	text-decoration:none !important;
	line-height:1.2;
	width:80%;
	padding:15px 2%;
	margin:15px auto 5px;
	border: 3px solid #000;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.whiteBtn:hover{
	background-color:#FFFF00;
	text-decoration:none !important;
	transform:scale(1.1);
}


.eventsBox{
	border: 3px solid #000;
	background-color: #fff;
	padding: 20px 10px 10px;
}
.kaisaiTTL{
	margin-top: -60px;
	text-align: center;
}
.coming{
	padding: 40px 10px 50px;
	text-align: center;
}




.talk{
	background-color: #3ab4e2;
	padding: 0 20px 20px;
}
.talk h2{
	text-align: center;
	padding: 20px 0 20px;
	color: #fff;
}

.talkInner{
	background-color: #bae3f9;
	padding: 17px;
}
.talkTTL{
	font-size: 27px;
	padding: 15px 0 8px;
	font-weight: bold
}
.talkCopy{
	/*color: #0399d8;*/
	color: #006ab8;
	padding-top: 30px;
	font-weight: bold;
	font-size: 23px;
	/*padding: 12px 0 0;*/
	line-height: 1.4;
}
.talkGuest{
	/*width: 350px;*/
	width: 380px;
	margin: auto;
}

.talkGuest .fltL, .talkGuest .fltR{
	width: 150px;
	padding: 0 20px;
}
.talkAtt{
	color: #f00;
	margin-top: -30px;
	padding-bottom: 50px;
}
	.talkYotei{ 
/*font-size: clamp(14px, 3.5vw, 17px);*/
	font-size:30px;
	}	

.character{
	background: url("../images/bg_character.gif") top center no-repeat #ec8800;
	padding: 0 20px 20px;
}
.character h2{
	text-align: center;
	padding: 20px 0 20px;
	color: #fff;
}

.characterInner{
	background-color: #bae3f9;
	padding: 17px;
}
.charaOV{
	font-size: 23px;
	line-height: 1.7;
	padding: 5px 25px 40px;
}

h3.raiderShow{
	font-size: 40px;
	text-align: center;
	padding-top: 20px;
}
.muryou{
	background-color: #f00;
	padding: 5px 5px;
	color: #fff;
	font-size: 82%;
}
.charaAfterTxt{
	color: #006ab8;
	font-size: 25px;
	padding: 15px 0 5px;
	font-weight: bold;
}
.charaPlace{
	padding: 15px 0 10px;
}
.raiderTxt{
	width: 90%;
	margin: auto;
	font-size: 14px;
	line-height: 1.4;
}
.raiderTime{
	font-size: 20px;
}

.copyArea{
	/*background-color: #a20011; 有料指定席*/
	background-color: #ec8800; /*キャラクター*/
}

.nav{
	display: none;
}
.gMenu, .gMenuSP, .footMenu{
	display:none;
}






.bnrArea{
 position: relative;
 z-index: 99;
 width: 100%;
}
.bnrL, .bnrR{
 float: left;
 width: 50%;
}

.content a{
	color:#1f3b90;
	text-decoration:none;
}
.content a:hover {color: #F0F; text-decoration:none;}
.content .att a{
	text-decoration:underline !important;
}

a:hover img{
	opacity:0.8;
}


.content {
	font-weight: normal !important;
	height: auto;
	margin: 0px auto 0;
	width: 1196px;
	position: relative;
	/*color: #FFF;*/
	/*padding: 0 0 40px 0 !important;*/
}











/*タブレット*/
@media screen and (max-width:1140px) {
 /*
.tabSp{
	display: block;
}
.pcInline{
	display: none;
}
.tabSpInline{
	display:inline;
}
.pcOnly{
	display:none;
}
.tabOnly{
	display: block;
}*/
 
html {
    /*background: url(../images/bg.jpg) no-repeat center center fixed;*/
 }
body {
	min-width:320px;
}
#wrapper{
	width:100%;
}
	
.view_area{
	position: relative;
	width: 523px;
	margin: auto;
	/*width: 100%;*/
	z-index: 1;
	/*max-width: 600px;
	min-width: 414px;
	border-left: 4px solid #b0a58a;
	border-right: 4px solid #b0a58a;*/
}
.wrapper .pc_l{
	display: none;
	}
	.wrapper .pc_r{
	display: none;
	}
.wrapper .pc_l .ttl{
	display: none;
	}
	
	
	
	
	
	.nav{
		display: block;
	position: fixed;
	top: 0;
	right: 0;
	background-color: #000;
	width: 41px;
	height: 41px;
	z-index: 9999;
}



.openMenu, .closeMenu, .gMenuSP{
	height: auto;
	overflow: visible;
	color: #fff;
}

.gMenuSP a{
	display:block;
	border-bottom:1px solid #ccc;
	margin:1px auto 1px;
	padding:15px 1px;
	color:#fff;
	font-size: 18px;
	line-height: 1.2;
	font-weight: normal !important;
	width: 90%;
	text-align: center;
	text-decoration: none;
}
	.gMenuSP .spLogo a{
		text-align: left;
		border: none;
		
	}
	.gMenuSP .spLogo a:hover img{
		opacity: 1 !important;
	}
.gMenu, .gMenuSP, .footMenu{
	display:none;
	position:fixed;
	top:0px;
	left:0;
	width:96.5%;
	height:auto;
	z-index:9998;
	padding:2% !important;
	text-align: center !important;
}
		.gMenuSP{
		background-color: #f00;
		/*z-index: 9999;*/
		padding-top: 10px !important;
			padding-bottom: 50px !important;
			text-align: left;
	}
.openMenu{
	/*text-align:right;
	float:right;
	padding-right:10px;*/
	display:block;
	position: fixed;
	/*position:absolute;*/
	top:3px;
	right:0px;
	cursor:pointer;
		z-index: 9999;
	width: 41px;
	height: 41px;
}
	.openMenu img{
		display: block !important;
	}
.closeMenu{
	display:none;
	/*text-align:right;
	float:right;
	padding-right:10px;*/
	position:absolute;
	top:3px;
	right:0px;
	cursor:pointer;
		z-index: 9999;
	width: 41px;
	height: 41px;
}
	.closeMenu img{
		/*width: 51px !important;*/
	}
	
	
	
	
	
	
 
}







/*スマホ*/
@media screen and (max-width:523px) {
.spOnly{
	display: block;
}
.spInline{
	display:inline;
}
.tabPc{
	display:none;
}
.tabSp{
	display:block;
}
.tabSpInline{
	display:none;
}
.tabPcInline{
	display:none;
}

.pcOnly{
	display:none;
}
.tabOnly{
	display:none;
}
 body {
	min-width:320px;
 /*background: url("../images/bg_sp.gif") top center;*/
}
	
	.blueBtn{
		margin-top: 3px;
		margin-bottom: 2px;
	}
.prof{
	background-color: #f8d406;
	position: relative;
	z-index: 99;
	margin: -100px auto 20px ;
	width: 84%;
	padding: 8px 13px;
	font-size: 13px;
	line-height: 1.4;
}
.logo{
 position: absolute;
 top: 10px;
 left: 10px;;
 z-index: 9;
 width: 30%;
}
	
	.yosoukaiInner{
		padding: 10px 5px;
	}
.guestBox .fltL{
	width: 37%;
	padding: 25px 3% 15px 0;
}
.guestBox .fltR{
	width: 60%;
	padding: 10px 0px 10px 0;
	text-align: left;
	margin: -30px 0 0 0;
}	
		.guestName{
	/*font-size: 14px;*/
font-size: clamp(21px, 3.5vw, 24px);
}
	.guestProf{
	/*font-size: 14px;*/
font-size: clamp(14px, 3.5vw, 18px);
}
.date{ 
/*font-size: clamp(38px, 2.9vw, 70px);*/
font-size: clamp(38px, 3.9vw, 70px);
	}	
.place{ 
/*font-size: clamp(20px, 3.5vw, 23px);*/
font-size: clamp(22px, 3.5vw, 23px);
	}	
.yosoukaiTime{ 
font-size: clamp(12px, 3.6vw, 19px);
/*font-size: clamp(14px, 3.6vw, 19px);*/
	}	
.charaOV{ 
font-size: clamp(16px, 3.5vw, 22px);
	padding: 10px 5px;
	}
.guestTxt{ 
font-size: clamp(17px, 4.1vw, 23px);
/*font-size: clamp(19px, 4.5vw, 23px);*/
	}	
.siteiseki .siteisekiCopy .fltL{ 
font-size: clamp(13px, 4.1vw, 22px);
	}	
.talkTime{ 
/*font-size: clamp(14px, 3.5vw, 17px);*/
	font-size: clamp(14px, 3.5vw, 17px);
	}	
	.talkYotei{ 
/*font-size: clamp(14px, 3.5vw, 17px);*/
	font-size: clamp(20px, 3.5vw, 30px);
	}	
h3.raiderShow{
font-size: clamp(32px, 3.7vw, 40px);
	text-align: center;
}
.talkGuest{
	/*width: 350px;*/
	width: 100%;
	margin: auto;
}

.talkCopy{
		/*font-size: clamp(29px, 4.5vw, 22px);*/
font-size: clamp(19px, 4.5vw, 23px);
	}
	
.talkGuest .fltL, .talkGuest .fltR{
	width: 44%;
	padding: 0 3%;
}
.talkGuest .fltR .siteisekiProf{
		/*text-align: center!important;*/
	}
.siteisekiAtt li{
	/*font-size: 14px;*/
font-size: clamp(10px, 2.9vw, 14px);
}	
	.raiderTxt{
		font-size: 12px;

}




/*スマホ*/
@media screen and (max-width:429px) {
	.hero{
		padding-top: 45px !important;
	}
	
}