@import url('https://fonts.googleapis.com/css2?family=Shippori+Mincho+B1&display=swap');
*{
	margin:0;
	padding:0;
}
body{
	margin:0;
	padding:0;
	font-family:"Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
}
::selection{
	background:#fff;
	color:#9da4b0;
}


/*メニューバーモバイル*/
@media screen and (orientation: portrait) {
#ham-menu {
	background-color: #FFF; 
	box-sizing: border-box;
	height: 100%;
	padding: 10px 30px; 
	position: fixed;
	right: -100%;
	top: 0;
	transition: transform 0.3s linear 0s; 
	width: 100%; 
	z-index: 100;
	opacity:0.8;
}
#menu-background {
    display: block;
    height: 100%;
    opacity: 0;
    position: fixed;
    right: 0;
    top: 0;
    transition: all 0.3s linear 0s; 
    width: 100%;
    z-index: -1;
}

#menu-icon {
	color:#EEEEEE;
    border-radius: 0 0 0 10px; 
    cursor: pointer;
    font-size: 50px; 
    height: 50px; 
    line-height: 50px; 
    position: fixed;
    right: 0;
    top: 0;
    width: 50px; 
    transition: all 0.3s linear 0s; 
    z-index: 100;
}
#menu-cl{
	color:#EEEEEE;
    border-radius: 0 0 0 10px; 
    cursor: pointer;
    font-size: 50px; 
    height: 50px; 
    line-height: 50px; 
    position: fixed;
    right: 0;
    top: 0;
    width: 50px; 
    transition: all 0.3s linear 0s; 
	z-index: 99;
	opacity:0;
}
#menuBotan{
	height: 50px;
	width: 50px;
	cursor: pointer;
	background-color:#555
	transition: all 0.3s linear 0s; 
	z-index: 100;
	}
#menu-cb {
    display: none; 
}

#menu-cb:checked ~ #ham-menu,
#menu-cb:checked ~ #menu-icon {
	transform: translate(-81vw); 
}

#menu-cb:checked ~ #menu-icon{
		opacity:0;
}

#menu-cb:checked ~ #menu-cl{
	  transform: translate(-81vw);
		opacity:1;
}
#menu-cb:checked ~ #menu-background {
    opacity: 0.5;
    z-index: 99;
}


ul,li,a,.cycle{
	font-family:"Hiragino Kaku Gothic ProN",Mieryo,sans-serif;
	color: #222;
	font-size:2.1vh;
	letter-spacing:0.8vw;
	line-height:5.5vh;
}
a{
	display: block;
	text-decoration:none;
}
ul{
	list-style:none;
	}
	.menuBox{
	display:none;
	}
.topPage{
	z-index:1;
	margin-top:0;
	position:fixed;
	height:100vh;
	width:100vw;
	background-image:url("../images/topImg4B.jpg");
	background-size:cover;
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	}	
#backBottomImg{
	z-index:0;
	width:100vw;
	height:100vh;
	background-image:url("../images/endImg2.jpg");
	background-size:cover;
	position:fixed;
    animation: ugoki 15s linear infinite alternate;
	}
@keyframes ugoki{
	0%{
		opacity: 0;
	}
	40%{
		opacity:0;	
	}
	60%{
		opacity: 1;
		}  
	80%{
		opacity: 1;
	}
}
.backBottomImg2{
	z-index:0;
	width:100vw;
	height:100vh;
	background-image:url("../images/endImg4.jpg");
	background-size:cover;
	position:fixed;
		--position:relative;
	}
.newsPage{
	z-index:2;
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	background-size:cover;
	background-color:#fff;
	width:100vw;
	}

#commentImg{
	z-index:0;
	width:100vw;
	height:100vh;
	background-image:url("../images/commentimg2.jpg");
	background-size:cover;
	position:fixed;
	}
.theaterFont{
	line-height:40px;
	font-size:14px;
	font-family: "メイリオ" ;
	letter-spacing:0.5px;
	}
.catchCopy{
	position:absolute;
	bottom:64vh;
	right:8vw;
	z-index:2;
	writing-mode: vertical-rl; 
	font-size:16px;
	line-height:32px;
	letter-spacing:1px;
	color:#fff;
	}
.bedImg{
	max-width:500px;	
		width:80vw;
	min-width:290px;
}
.laurelImg{
	position:absolute;
	bottom:4vh;
	left:7vw;
	z-index:2;
	width:55vmin;
	max-width:480px;
	min-width:240px;	
	opacity:0;
	}
.laurelImg2{
	position:absolute;
	top:5vh;
	left:7vw;
	z-index:2;
	width:24vmin;
	max-width:270px;
	--min-width:250px;
	opacity:1;
	}
.titleImg{
	position:absolute;
	bottom:30px;
	left:7vw;
	z-index:2;
	width:56vmin;
	max-width:560px;
	}
.suporterPage{
	z-index:3;
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	background-image:url("../images/supporterImg2.jpg");
	background-size:cover;
	background-color:#ffd640;
	width:100vw;		
	}
.endFont{
	text-align:center;
	font-size:8px;
	font-weight:normal;
	font-family: "メイリオ""游ゴシック体" ;
	line-height:16px;
		letter-spacing:0.1px;
.linkNone{
	text-decoration: none;
	color:black;
	font-size:8px;
	line-height:14px;
	letter-spacing:1px;
		}
}
}
/*メニューバーPC*/
@media screen and (orientation: landscape) {
	.menuBox2{
	display:none;
}
.menuBox{
	position:fixed;
	z-index:7;
	width:100vw;
}
ul.topnav {
	overflow: hidden;
	margin: 0;
	padding: 0;
	list-style-type: none;
	--background-color: #1b2538;
}
ul.topnav li {
	float: right;
}
ul.topnav li a {
	display: block;
	padding: 14px 16px;
	text-align: center;
	text-decoration: none;
	color: white;
}
ul.topnav li a:hover:not(.active) {
	background-color: #364e95;
}
.active {
	background-color: #b13425;
}
ul.topnav li.left {
	float: left;
}
@media screen and (max-width: 480px) {
	ul.topnav li.right, ul.topnav li {
		float: none;
	}
	}
.topPage{
	z-index:1;
	margin-top:0;
	position:fixed;
		height:100vh;
	width:100vw;
	background-image:url("../images/topImg4.jpg");
	background-size:cover;
	display:flex;
	flex-direction:column;
	justify-content:center;
		align-items:center;
	}

.backBottomImg2{
	z-index:0;
	width:100vw;
	height:100vh;
	background-image:url("../images/endImg3.jpg");
	background-size:cover;
	position:fixed;
		--position:relative;
	}
		
.newsPage{
	z-index:2;
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	background-size:cover;
	background-color:#fff;
		width:100vw;
	}
#commentImg{
	z-index:0;
	width:100vw;
	height:100vh;
	background-image:url("../images/commentimg.jpg");
	background-size:cover;
	position:fixed;
	}
.catchCopy{
	position:absolute;
	top:25vh;
	right:5vw;
	z-index:2;
	writing-mode: vertical-rl; 
	font-size:18px;
	line-height:40px;
	letter-spacing:1px;
		color:#fff;
	font-family:"Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
	}
.bedImg{
	width:500px;
}
.laurelImg{
	position:absolute;
	top:8vh;
	left:7vw;
	z-index:2;
	width:20vmin;
	max-width:160px;
	min-width:80px;
	opacity:1;	
	}
.laurelImg2{
	position:absolute;
	bottom:1vh;
	left:7vw;
	z-index:2;
	width:55vmin;
	max-width:570px;
		min-width:250px;
	opacity:0;
	}
.titleImg{
	position:absolute;
	bottom:1vh;
	right:5vw;
	z-index:2;
	width:47vmin;
	max-width:470px;
	min-width:250px;
	}
.endFont{
	text-align:center;
	font-size:11px;
	font-weight:normal;
	font-family: "メイリオ""游ゴシック体" ;
	line-height:18px;
	letter-spacing:0.5px;
	}
.linkNone{
	text-decoration: none;
	color:black;
	font-size:11px;
	line-height:16px;
	letter-spacing:1px;
	}
}

.topTitle{
	font-size:10px;
	text-align:left;
}
.container{
	margin:0;
	padding:0;
	display:flex;
	flex-direction:column;
	align-items:center;
	width:100vw;
	margin-bottom:0;
	font-family:"Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
	overflow: hidden;
	background-color:#fff;
}
h2{
	margin-top:56px;
	font-size:32px;
	letter-spacing:1px;
	font-weight:200;
	color:#fff;
	margin-bottom:4px;
	text-align:center;
	--font-family: 'Shippori Mincho B1', serif;
	color:#4395c4;
}
h3{
	color:#edcbb0;
	letter-spacing:5px;
	margin-bottom:24px;
	font-size:13px;
}
.topEmpty{
	z-index:2;
	position:relative;
	height:100vh;
	width:100vw;
	min-height:600px;
}

h1{
	opacity:0;
	position:absolute;
}
.tokyoKokusai{
	color:#fff;
	text-decoration: none;
	letter-spacing:1px;
	line-height:25px;
}
.trailer{
	background-color:#F5F2E9;
		width:100vw;
		z-index:2;
		text-align:center;
	}
.trailer>p{
		margin-top:0px;
		font-size:18px;
		color:#fff;
		letter-spacing:0.5px;
		--border-bottom: 2px dotted #D96C2B;
		--display: inline-block;
		background-color:#ef8944;
		text-align:center;
		padding:5px;
		font-weight:bold;
	}
.trailer>h2{
		color:#4395c4;
	}
.trailer>h3{
		color:#e0b695;
	}
.trailerBox{
	display:flex;
	justify-content:space-around;
	align-items:center;
	margin-top:0px;
	margin-bottom:40px;
}
.youtubeBox{
	width:84vw;
	max-width:640px;
	margin-bottom:32px;
}
.youtube{
	position: relative;
	width: 100%;
	padding-top: 56.25%;
	z-index:3;
	overflow: hidden;
}
.youtube iframe{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
.newsContena{
	text-align:center;
	margin-bottom:80px;
}
.newsBox{
	display:flex;
	flex-direction:column;
	text-align:center;
}
.newsPage>h2{
	margin-top:56px;
	font-size:32px;
	letter-spacing:1px;
}
.newsFontTop{
	border-bottom: 1px solid #4395c4;
	border-top: 1px solid #4395c4;
	display: inline-block;
	width:640px;
	font-size:15px;
	padding-bottom: 10px;
	padding-top:10px;	
}
.newsFont{
	border-bottom: 1px solid #4395c4;
	display: inline-block;
	width:640px;
	font-size:15px;
	padding-bottom: 10px;
	padding-top:10px;
}
@keyframes infinity-scroll-left{
	from{
		transform:translateX(50%);
	}
	to{
		transform:translateX(-50%);
	}
}
.scroll-infinity__wrap{
	margin-top:32px;
	display:flex;
	overflow:hidden;
}
.scroll-infinity__list{
	display:flex;
	list-style:none;
	padding:0;
}
.scroll-infinity__list--left{
	animation:infinity-scroll-left 75s infinite linear 0.5s both;
}
.scroll-infinity__item{
	width:calc(100vw/3);
	max-width:300px;
}
.scroll-infinity__item>img{
	width:100%;
}
.introPage{
	background-color:#F5F2E9;
	width:100vw;
	z-index:2;
	display:flex;
	flex-direction:column;	
	align-items:center;	
	text-align:center;
	}
.introContainer{
	width:88vw;
	max-width:1096px;
	margin-top:40px;
	margin-bottom:80px;
	display:flex;
	justify-content:space-around;
	align-items:center;
	flex-wrap:wrap;
	--column-gap:40px;
}
.introBox{
	max-width:558px;
	width:92vw;
}
.introTitle{
	color:#000;
	font-size:18px;
	line-height:30px;
	letter-spacing:1px;
	font-weight:bolder;
	margin:0 10px;
	margin-top:16px;
	font-weight:normal;
	letter-spacing:0.4px;
	border-bottom: 3px dotted #C45912;
	display: inline-block;
}

.introP{
	margin-top:16px;
	padding:10px;
	color:#000;
	line-height:28px;
	font-size:15px;
	letter-spacing:0.05;
	font-family: "メイリオ""游ゴシック体" ;
	text-align:center;
	text-align: justify;
	font-weight:lighters;
	--text-justify: inter-ideograph;
}
.storyPage{
	background-color:#fff;
	width:100vw;
	z-index:2;
	display:flex;
	flex-direction:column;	
	align-items:center;	
	text-align:center;
	}
.storyContainer{
	width:88vw;
	max-width:1096px;
	margin-bottom:16px;
	display:flex;
	justify-content:space-around;
	align-items:center;
	flex-wrap:wrap;
	column-gap:10px;
}
.storyBox{
	width:92vw;
	max-width:552px;
}
.storyTitle{
	color:#000;
	font-size:18px;
	line-height:30px;
	letter-spacing:1px;
	font-weight:bolder;
	margin:0 10px;
	margin-top:16px;
	font-weight:normal;
	letter-spacing:0.4px;
	text-align: left;
	
}
.storyP{
	margin-top:16px;
	margin-bottom:24px;
	padding:10px;
	color:#000;
	line-height:28px;
	font-size:15px;
	letter-spacing:0.05;
	text-align:center;
	text-align: justify;
	font-weight:lighters;
	--text-justify: inter-ideograph;
	font-family: "メイリオ""游ゴシック体" ;
}
.bedImgBox{
	margin-bottom:24px;
}

.fontWeight{
	font-family:"游ゴシック体";
	font-weight:600;
	z-index:2;
}

.castPage{
	z-index:6;
	width:100vw;
	background-color:#F5F2E9;
	display:flex;
	flex-direction:column;
	align-items:center;
	margin-bottom:-0.3px;
}
.castNameBox2{
	display:flex;
	align-items: flex-end;
	margin-bottom:16px;
}
.castName23{display: flex;
	flex-direction:column;
	justify-content: center;
	align-items: center;
}
.snsIconBox{
	margin-left:16px;
}
.snsPro{
	display: inline-block;
	width:14px;
	margin-top:16px;
}
.castBox1{
	margin-top:24px;
	display:flex;
	justify-content:center;
	flex-wrap:wrap;
	width:70vw;
		margin-bottom:80px;
}
.castBox{
	margin-top:24px;
	display:flex;
	justify-content:space-around;
	flex-wrap:wrap;
	width:70vw;
}
.castBox>p{
	position:relative;
	margin-bottom:32px;
}
.castMainBox{
	margin-top:24px;
	margin-bottom:24px;
	display:flex;
	width:160px;
	flex-direction:column;
	justify-content:center;
	align-items:center;
}
.castMain{
	display:flex;
	flex-direction:column;
	text-align:center;
	justify-content:center;
}
.castImg0{
	width:220px;
	height:220px;
	margin-right:1.3vw;
	transition:1s;
}
.castImg{
	width:140px;
	height:140px;
	margin-right:8px;
	margin-bottom:56px;
	transition:1s;
}
.castImg2{
	width:200px;
	height:200px;

}
.castImg:hover{
	opacity:0.4;
}

.waterFont{
	width:10px;
}
.castImgMainBox{
	height:100%;
}
.castNameMain0{
	font-size:14px;
	color:#000;
	z-index:5;
	font-family: "メイリオ" ;
	text-align:center;
}
.castNameMain{
	font-size:22px;
	color:#000;
	z-index:5;
	font-family: "メイリオ" ;
	letter-spacing:1px;
	text-align:center;
	border-bottom: 5px dotted #edcbb0;
	width:120px;
	display: inline-block;
}
.castName0{
	font-size:12px;
	color:#000;
	width:140px;
	z-index:5;
	font-family: "メイリオ" ;
	text-align:center;
	margin-top:5px;

	}
.castName{
	font-size:16px;
	color:#000;
	z-index:5;
	font-family: "メイリオ" ;
	letter-spacing:0px;
	text-align:center;
	--width:140px;
	display: inline-block;
	border-bottom: 5px dotted #edcbb0;	
}
.castNameShun{
	font-size:13px;
	color:#000;
	width:155px;
	z-index:5;
	font-family: "メイリオ" ;
	text-align:center;
	display: inline-block;
	border-bottom: 5px dotted #edcbb0;
}
.castName2{
	font-size:15px;
	color:#000;
	margin-top:16px;
	z-index:5;
	font-family: "メイリオ" ;
}
.castName3{
	font-size:20px;
	color:#000;
	z-index:5;
	font-family: "メイリオ" ;
	margin-top:5px;
}
.furigana{
	font-size:12px;
}
.castNameBoxMiki{
	display:flex;
	bottom:5px;
	flex-wrap:wrap;
	position:absolute;
	text-align:center;
	justify-content:center;
	transition:0.7s;
}
.castNameMiki{
	color:#000;
	z-index:5;
	font-family: "メイリオ" ;
	letter-spacing:1px;
	display: inline-block;
	border-bottom: 5px dotted #edcbb0;
	text-align:center;
}
.mainName{
font-size:12.6px;;
}
.sabName{
	font-size:8.6px;
}
.castNameOki{
	font-size:12.6px;
	color:#000;
	z-index:5;
	font-family: "メイリオ" ;
	letter-spacing:1px;
	display: inline-block;
	border-bottom: 5px dotted #edcbb0;

}
.karisuma{
	font-size:10px;
	margin-top:5px;
	display: inline-block;
	border-bottom: 5px dotted #edcbb0;

}
.popupBox{
	width:80vw;
	max-width:560px;
	font-family: "メイリオ" ;
	line-height:26px;
	letter-spacing:0.05;
}
.castNameBox{
	display:flex;
	bottom:5px;
	flex-wrap:wrap;
	position:absolute;
	text-align:center;
	justify-content:center;
	transition:0.7s;
}
.castEmpty{
	height:50px;
}
.stafPage{
	z-index:5;
	background-color:#fff;
	width:100vw;
	text-align:center;
	
}
.stafContena{
	display:flex;
	justify-content:center;
	justify-content:space-around;
	flex-wrap:wrap;
}
.stafBox{
	display:flex;
	justify-content:center;
	justify-content:space-around;
	flex-wrap:wrap;
	width:70vw;
}
.stafNameBox{
	margin-top:10px;
	margin-bottom:80px;
	display:flex;
	bottom:30px;
	width:230px;
	flex-wrap:wrap;
	text-align:center;
	justify-content:space-around;
	transition:0.7s;
}
.stafName{
	font-size:12px;
	color:#000;
	--width:230px;
	z-index:5;
	font-family: "メイリオ" ;
	letter-spacing:1px;
	line-height:20px;
	text-align:center;
	display: inline-block;
	border-bottom: 5px dotted #edcbb0;	
}
.stafName0{
	font-size:16px;
	color:#000;
	width:230px;
	z-index:5;
	font-family: "メイリオ" ;
	letter-spacing:1px;
	text-align:center;
}
.stafName1{
	font-size:11px;
	color:#000;
	--width:230px;
	z-index:5;
	font-family: "メイリオ" ;
	letter-spacing:1px;
	line-height:20px;
	text-align:center;
	display: inline-block;
	border-bottom: 5px dotted #edcbb0;	
}
.stafName2{
	font-size:14px;
	color:#000;
	width:230px;
	z-index:5;
	font-family: "メイリオ" ;
	letter-spacing:1px;
	text-align:center;
}
.commentPage{
	z-index:5;
	width:100vw;
	background-size:cover;
	background-color:#F5F2E9;
	z-index:2;
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
}
.commentBox{
	max-width:558px;
	width:92vw;
	margin-bottom:56px;
}
.commentP{
	margin-top:10px;
	margin-bottom:10px;
	line-height:28px;
	font-size:15px;
	letter-spacing:0.05;
	font-family: "メイリオ""游ゴシック体" ;
}
.commentFont{
	line-height:28px;
	font-size:15px;
	letter-spacing:0.05;
	font-family: "メイリオ""游ゴシック体" ;
}
.commentNameBox{
	font-size:17px;
	text-align:right;
	max-width:558px;
	width:92vw;
	margin-top:8px;
	margin-bottom:48px;

}
.commentName{
	font-size:17px;
	margin-right:8px;
	text-align:right;
	display: inline-block;
	border-bottom: 5px dotted #edcbb0;	
}


.suporterTitle{
		display:flex;
	justify-content:space-around;
	flex-wrap:wrap;
	align-items:center;
	margin-top:48px;
	font-size:19px;
	letter-spacing:1px;
	margin-bottom:16px;
	font-family: "メイリオ" ;
}
.suporterCont{
	max-width:558px;
	width:92vw;
	padding:10px;
	margin-bottom:16px;
	display:flex;
	justify-content:space-around;
	align-items:center;
	flex-wrap:wrap;
	column-gap:10px;
	font-size:15px;
	line-height:28px;
	letter-spacing:1px;
	
}
.theaterPage{
	z-index:3;
	width:100vw;
	display:flex;
	flex-direction:column;
	align-items:center;
		justify-content:center;
	background-color:#fff;
}
.theaterContact{
		display:flex;
	flex-direction:column;
	align-items:center;
}

.newsPage{
	z-index:5;
	width:100vw;
	display:flex;
	flex-direction:column;
	align-items:center;
	background-color:#fff;
}
.newsContact{
	display:flex;
	justify-content:space-around;
	flex-wrap:wrap;
	width:91vw;
	max-width:1000px;	
}

.contactBox{
	display:flex;
	flex-direction:column;
	align-items:center;
}
.contactBtn{
	margin-top:72px;
	margin-bottom:56px;
}
.contactBtn a{
	height: 100%;
	text-decoration: none;
	color:#fff;
	background-color:#dc895b;
	font-weight:normal;
	text-align:center;
	font-size:18px;
	padding-top:14px;
	padding-bottom:14px;
	padding-right:64px;
	padding-left:64px;
	letter-spacing:1px;
	border-radius: 10px;
}
.contactBtn a:hover {
	opacity:0.6;
	transition:0.3s;
}
.contactBtn a:active {
	padding-top:12px;
	padding-bottom:12px;
	padding-right:62px;
	padding-left:62px;
	font-size:17px;
}
.container3{
	position: absolute;
	display:flex;
	flex-direction:column;
	align-items:center;
	background-color:#e1301c;
	animation: 40s credits linear infinite;

}
footer{
	z-index:3;
	color:#eee;
	width:100vw;
	height:80px;
	position: relative;
	background-color:#F5F2E9;	
}
.endBox{
	text-align:center;
	width:95vw;
	margin-bottom:32px;
}
.endTitleFont{
	font-family:"MS 明朝", serif;
	font-size:32px;
}
.snsBox{
	margin-top:24px;
	display:flex;
	justify-content:space-around;
	align-items:center;
	text-align:center;
	color:#000;
		font-size:10px;
}
.clafan{
	
}
.snsIcon{
		display:flex;
	justify-content:space-around;
	align-items:center;
	text-align:center;
	width:88px;
}
.snsImg{
	width:16px;
}
@keyframes credits{
	0%{
		top:100%;
	}
	100%{
		top:-130%;
	}
}

.copyright{
	width:220px;
	margin-left: auto;
	font-size:12px;
	padding:12px;
	margin-bottom:0;
	right:2vw;
	z-index:2;
	color:#eee;
}

.open {
	cursor:pointer; /* マウスオーバーでカーソルの形状を変えることで、クリックできる要素だとわかりやすいように */
	z-index: 9999;
}
#pop-up {
	display: none; /* label でコントロールするので input は非表示に */
			z-index: 9999;
}
.overlay {
	display: none; /* input にチェックが入るまでは非表示に */
	z-index: 9999;
}
#pop-up:checked + .overlay {
	display: block;
	z-index: 9999;
	background-color: #00000070;
	position: fixed;
	width: 100%;
	height: 100vh;
	top: 0;
	left: 0;
}
.window {
	width: 88vw;
	max-width: 640px;
	height: 88vh;
	max-height: 880px;
	background-color: #ffffff;
	border-radius: 6px;
	display: flex;
	flex-direction:column;
	justify-content: center;
	align-items: center;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 99999;
	font-size:min(4vw,13.5px);
}
.text {
	margin: 0;
}
.close {
	cursor:pointer;
	position: absolute;
	top: 4px;
	left: 4px;
	font-size: 20px;
}
.linkNone2{
	text-decoration: none;
	color:black;
	font-size:8px;
	line-height:14px;
	letter-spacing:1px;
		}


#pop-up2 {
	display: none; /* label でコントロールするので input は非表示に */
}
.overlay2 {
	display: none; /* input にチェックが入るまでは非表示に */
}
#pop-up2:checked + .overlay2 {
	display: block;
	z-index: 9999;
	background-color: #00000070;
	position: fixed;
	width: 100%;
	height: 100vh;
	top: 0;
	left: 0;
}

#pop-up3 {
	display: none; /* label でコントロールするので input は非表示に */
}
.overlay3 {
	display: none; /* input にチェックが入るまでは非表示に */
}
#pop-up3:checked + .overlay3 {
	display: block;
	z-index: 9999;
	background-color: #00000070;
	position: fixed;
	width: 100%;
	height: 100vh;
	top: 0;
	left: 0;
}


#pop-up4 {
	display: none; /* label でコントロールするので input は非表示に */
}
.overlay4 {
	display: none; /* input にチェックが入るまでは非表示に */
}
#pop-up4:checked + .overlay4 {
	display: block;
	z-index: 9999;
	background-color: #00000070;
	position: fixed;
	width: 100%;
	height: 100vh;
	top: 0;
	left: 0;
}
#pop-up5 {
	display: none; /* label でコントロールするので input は非表示に */
}
.overlay5 {
	display: none; /* input にチェックが入るまでは非表示に */
}
#pop-up5:checked + .overlay5 {
	display: block;
	z-index: 9999;
	background-color: #00000070;
	position: fixed;
	width: 100%;
	height: 100vh;
	top: 0;
	left: 0;
}
#pop-up6 {
	display: none; /* label でコントロールするので input は非表示に */
}
.overlay6 {
	display: none; /* input にチェックが入るまでは非表示に */
}
#pop-up6:checked + .overlay6 {
	display: block;
	z-index: 9999;
	background-color: #00000070;
	position: fixed;
	width: 100%;
	height: 100vh;
	top: 0;
	left: 0;
}
#pop-up7 {
	display: none; /* label でコントロールするので input は非表示に */
}
.overlay7 {
	display: none; /* input にチェックが入るまでは非表示に */
}
#pop-up7:checked + .overlay7 {
	display: block;
	z-index: 9999;
	background-color: #00000070;
	position: fixed;
	width: 100%;
	height: 100vh;
	top: 0;
	left: 0;
}
#pop-up8 {
	display: none; /* label でコントロールするので input は非表示に */
}
.overlay8 {
	display: none; /* input にチェックが入るまでは非表示に */
}
#pop-up8:checked + .overlay8 {
	display: block;
	z-index: 9999;
	background-color: #00000070;
	position: fixed;
	width: 100%;
	height: 100vh;
	top: 0;
	left: 0;
}
#pop-up9 {
	display: none; /* label でコントロールするので input は非表示に */
}
.overlay9 {
	display: none; /* input にチェックが入るまでは非表示に */
}
#pop-up9:checked + .overlay9 {
	display: block;
	z-index: 9999;
	background-color: #00000070;
	position: fixed;
	width: 100%;
	height: 100vh;
	top: 0;
	left: 0;
}
#pop-up10 {
	display: none; /* label でコントロールするので input は非表示に */
}
.overlay10 {
	display: none; /* input にチェックが入るまでは非表示に */
}
#pop-up10:checked + .overlay10 {
	display: block;
	z-index: 9999;
	background-color: #00000070;
	position: fixed;
	width: 100%;
	height: 100vh;
	top: 0;
	left: 0;
}
#pop-up11 {
	display: none; /* label でコントロールするので input は非表示に */
}
.overlay11 {
	display: none; /* input にチェックが入るまでは非表示に */
}
#pop-up11:checked + .overlay11 {
	display: block;
	z-index: 9999;
	background-color: #00000070;
	position: fixed;
	width: 100%;
	height: 100vh;
	top: 0;
	left: 0;
}
#pop-up12 {
	display: none; /* label でコントロールするので input は非表示に */
}
.overlay12 {
	display: none; /* input にチェックが入るまでは非表示に */
}
#pop-up12:checked + .overlay12 {
	display: block;
	z-index: 9999;
	background-color: #00000070;
	position: fixed;
	width: 100%;
	height: 100vh;
	top: 0;
	left: 0;
}
#pop-up13 {
	display: none; /* label でコントロールするので input は非表示に */
}
.overlay13 {
	display: none; /* input にチェックが入るまでは非表示に */
}
#pop-up13:checked + .overlay13 {
	display: block;
	z-index: 9999;
	background-color: #00000070;
	position: fixed;
	width: 100%;
	height: 100vh;
	top: 0;
	left: 0;
}
#pop-up14 {
	display: none; /* label でコントロールするので input は非表示に */
}
.overlay14 {
	display: none; /* input にチェックが入るまでは非表示に */
}
#pop-up14:checked + .overlay14 {
	display: block;
	z-index: 9999;
	background-color: #00000070;
	position: fixed;
	width: 100%;
	height: 100vh;
	top: 0;
	left: 0;
}
#pop-up15 {
	display: none; /* label でコントロールするので input は非表示に */
}
.overlay15 {
	display: none; /* input にチェックが入るまでは非表示に */
}
#pop-up15:checked + .overlay15 {
	display: block;
	z-index: 9999;
	background-color: #00000070;
	position: fixed;
	width: 100%;
	height: 100vh;
	top: 0;
	left: 0;
}
#pop-up16 {
	display: none; /* label でコントロールするので input は非表示に */
}
.overlay16 {
	display: none; /* input にチェックが入るまでは非表示に */
}
#pop-up16:checked + .overlay16 {
	display: block;
	z-index: 9999;
	background-color: #00000070;
	position: fixed;
	width: 100%;
	height: 100vh;
	top: 0;
	left: 0;
}
#pop-up17 {
	display: none; /* label でコントロールするので input は非表示に */
}
.overlay17 {
	display: none; /* input にチェックが入るまでは非表示に */
}
#pop-up17:checked + .overlay17 {
	display: block;
	z-index: 9999;
	background-color: #00000070;
	position: fixed;
	width: 100%;
	height: 100vh;
	top: 0;
	left: 0;
}
#pop-up18 {
	display: none; /* label でコントロールするので input は非表示に */
}
.overlay18 {
	display: none; /* input にチェックが入るまでは非表示に */
}
#pop-up18:checked + .overlay18 {
	display: block;
	z-index: 9999;
	background-color: #00000070;
	position: fixed;
	width: 100%;
	height: 100vh;
	top: 0;
	left: 0;
}
#pop-up19 {
	display: none; /* label でコントロールするので input は非表示に */
}
.overlay19 {
	display: none; /* input にチェックが入るまでは非表示に */
}
#pop-up19:checked + .overlay19 {
	display: block;
	z-index: 9999;
	background-color: #00000070;
	position: fixed;
	width: 100%;
	height: 100vh;
	top: 0;
	left: 0;
}
#pop-up20 {
	display: none; /* label でコントロールするので input は非表示に */
}
.overlay20 {
	display: none; /* input にチェックが入るまでは非表示に */
}
#pop-up20:checked + .overlay20 {
	display: block;
	z-index: 9999;
	background-color: #00000070;
	position: fixed;
	width: 100%;
	height: 100vh;
	top: 0;
	left: 0;
}
#pop-up21 {
	display: none; /* label でコントロールするので input は非表示に */
}
.overlay21 {
	display: none; /* input にチェックが入るまでは非表示に */
}
#pop-up21:checked + .overlay21 {
	display: block;
	z-index: 9999;
	background-color: #00000070;
	position: fixed;
	width: 100%;
	height: 100vh;
	top: 0;
	left: 0;
}
#pop-up22 {
	display: none; /* label でコントロールするので input は非表示に */
}
.overlay22 {
	display: none; /* input にチェックが入るまでは非表示に */
}
#pop-up22:checked + .overlay22 {
	display: block;
	z-index: 9999;
	background-color: #00000070;
	position: fixed;
	width: 100%;
	height: 100vh;
	top: 0;
	left: 0;
}
#pop-up23 {
	display: none; /* label でコントロールするので input は非表示に */
}
.overlay23 {
	display: none; /* input にチェックが入るまでは非表示に */
}
#pop-up23:checked + .overlay23 {
	display: block;
	z-index: 9999;
	background-color: #00000070;
	position: fixed;
	width: 100%;
	height: 100vh;
	top: 0;
	left: 0;
}
#pop-up24 {
	display: none; /* label でコントロールするので input は非表示に */
}
.overlay24 {
	display: none; /* input にチェックが入るまでは非表示に */
}
#pop-up24:checked + .overlay24 {
	display: block;
	z-index: 9999;
	background-color: #00000070;
	position: fixed;
	width: 100%;
	height: 100vh;
	top: 0;
	left: 0;
}
#pop-up25 {
	display: none; /* label でコントロールするので input は非表示に */
}
.overlay25 {
	display: none; /* input にチェックが入るまでは非表示に */
}
#pop-up25:checked + .overlay25 {
	display: block;
	z-index: 9999;
	background-color: #00000070;
	position: fixed;
	width: 100%;
	height: 100vh;
	top: 0;
	left: 0;
}
#pop-up26 {
	display: none; /* label でコントロールするので input は非表示に */
}
.overlay26 {
	display: none; /* input にチェックが入るまでは非表示に */
}
#pop-up26:checked + .overlay26 {
	display: block;
	z-index: 9999;
	background-color: #00000070;
	position: fixed;
	width: 100%;
	height: 100vh;
	top: 0;
	left: 0;
}
#pop-up27 {
	display: none; /* label でコントロールするので input は非表示に */
}
.overlay27 {
	display: none; /* input にチェックが入るまでは非表示に */
}
#pop-up27:checked + .overlay27 {
	display: block;
	z-index: 9999;
	background-color: #00000070;
	position: fixed;
	width: 100%;
	height: 100vh;
	top: 0;
	left: 0;
}
#pop-up28 {
	display: none; /* label でコントロールするので input は非表示に */
}
.overlay28 {
	display: none; /* input にチェックが入るまでは非表示に */
}
#pop-up28:checked + .overlay28 {
	display: block;
	z-index: 9999;
	background-color: #00000070;
	position: fixed;
	width: 100%;
	height: 100vh;
	top: 0;
	left: 0;
}
#pop-up29 {
	display: none; /* label でコントロールするので input は非表示に */
}
.overlay29 {
	display: none; /* input にチェックが入るまでは非表示に */
}
#pop-up29:checked + .overlay29 {
	display: block;
	z-index: 9999;
	background-color: #00000070;
	position: fixed;
	width: 100%;
	height: 100vh;
	top: 0;
	left: 0;
}
#pop-up30 {
	display: none; /* label でコントロールするので input は非表示に */
}
.overlay30 {
	display: none; /* input にチェックが入るまでは非表示に */
}
#pop-up30:checked + .overlay30 {
	display: block;
	z-index: 9999;
	background-color: #00000070;
	position: fixed;
	width: 100%;
	height: 100vh;
	top: 0;
	left: 0;
}
#pop-up31 {
	display: none; /* label でコントロールするので input は非表示に */
}
.overlay31 {
	display: none; /* input にチェックが入るまでは非表示に */
}
#pop-up31:checked + .overlay31 {
	display: block;
	z-index: 9999;
	background-color: #00000070;
	position: fixed;
	width: 100%;
	height: 100vh;
	top: 0;
	left: 0;
}
#pop-up32 {
	display: none; /* label でコントロールするので input は非表示に */
}
.overlay32 {
	display: none; /* input にチェックが入るまでは非表示に */
}
#pop-up32:checked + .overlay32 {
	display: block;
	z-index: 9999;
	background-color: #00000070;
	position: fixed;
	width: 100%;
	height: 100vh;
	top: 0;
	left: 0;
}
#pop-up33 {
	display: none; /* label でコントロールするので input は非表示に */
}
.overlay33 {
	display: none; /* input にチェックが入るまでは非表示に */
}
#pop-up33:checked + .overlay33 {
	display: block;
	z-index: 9999;
	background-color: #00000070;
	position: fixed;
	width: 100%;
	height: 100vh;
	top: 0;
	left: 0;
}
#pop-up34 {
	display: none; /* label でコントロールするので input は非表示に */
}
.overlay34 {
	display: none; /* input にチェックが入るまでは非表示に */
}
#pop-up34:checked + .overlay34 {
	display: block;
	z-index: 9999;
	background-color: #00000070;
	position: fixed;
	width: 100%;
	height: 100vh;
	top: 0;
	left: 0;
}
#pop-up35 {
	display: none; /* label でコントロールするので input は非表示に */
}
.overlay35 {
	display: none; /* input にチェックが入るまでは非表示に */
}
#pop-up35:checked + .overlay35 {
	display: block;
	z-index: 9999;
	background-color: #00000070;
	position: fixed;
	width: 100%;
	height: 100vh;
	top: 0;
	left: 0;
}
#pop-up36 {
	display: none; /* label でコントロールするので input は非表示に */
}
.overlay36 {
	display: none; /* input にチェックが入るまでは非表示に */
}
#pop-up36:checked + .overlay36 {
	display: block;
	z-index: 9999;
	background-color: #00000070;
	position: fixed;
	width: 100%;
	height: 100vh;
	top: 0;
	left: 0;
}

#pop-up37 {
	display: none; /* label でコントロールするので input は非表示に */
}
.overlay37 {
	display: none; /* input にチェックが入るまでは非表示に */
}
#pop-up37:checked + .overlay37 {
	display: block;
	z-index: 9999;
	background-color: #00000070;
	position: fixed;
	width: 100%;
	height: 100vh;
	top: 0;
	left: 0;
}
#pop-up38 {
	display: none; /* label でコントロールするので input は非表示に */
}
.overlay38 {
	display: none; /* input にチェックが入るまでは非表示に */
}
#pop-up38:checked + .overlay38 {
	display: block;
	z-index: 9999;
	background-color: #00000070;
	position: fixed;
	width: 100%;
	height: 100vh;
	top: 0;
	left: 0;
}
#pop-up39 {
	display: none; /* label でコントロールするので input は非表示に */
}
.overlay39 {
	display: none; /* input にチェックが入るまでは非表示に */
}
#pop-up39:checked + .overlay39 {
	display: block;
	z-index: 9999;
	background-color: #00000070;
	position: fixed;
	width: 100%;
	height: 100vh;
	top: 0;
	left: 0;
}
#pop-up40 {
	display: none; /* label でコントロールするので input は非表示に */
}
.overlay40 {
	display: none; /* input にチェックが入るまでは非表示に */
}
#pop-up40:checked + .overlay40 {
	display: block;
	z-index: 9999;
	background-color: #00000070;
	position: fixed;
	width: 100%;
	height: 100vh;
	top: 0;
	left: 0;
}
#pop-up41 {
	display: none; /* label でコントロールするので input は非表示に */
}
.overlay41 {
	display: none; /* input にチェックが入るまでは非表示に */
}
#pop-up41:checked + .overlay41 {
	display: block;
	z-index: 9999;
	background-color: #00000070;
	position: fixed;
	width: 100%;
	height: 100vh;
	top: 0;
	left: 0;
}