@charset "UTF-8";

/*----------STYLE-SELECT----------*/

#style-select{
	display:none;
	width:100%;
	
	position:fixed;
	bottom:0;
	left:0;
	
	background-color:#fff;
	color:#000;
	
	z-index:10;
}

#style-select div.wrap{
	width:100%;
	margin:0 auto;
	max-width:480px;
	
	box-sizing:border-box;
	padding:10px;
}

#style-select ul{
	display:flex;
	flex-flow:row wrap;
	align-items:center;
	justify-content:center;
	
	width:100%;
}

#style-select ul li{
	width:calc(100%/3);
	
	box-sizing:border-box;
	padding:5px;
}

#style-select ul li input[type="radio"]{
	display:none;
}

#style-select ul li label{
	display:block;
	width:100%;
	
	font-size:1.0rem;
	line-height:40px;
	
	color:#fff;
	
	box-sizing:border-box;
	padding-left:45px;
	
	position:relative;
	
	border-radius:2.5px;
}

#style-select ul li:nth-child(1) label{
	background-color:#a2a;
}

#style-select ul li:nth-child(2) label{
	background-color:#2ad;
}

#style-select ul li:nth-child(3) label{
	background-color:#da2;
}

#style-select ul li label::before{
	display:block;
	content:"";
	
	width:25px;
	height:25px;
	
	background-color:#fff;
	
	position:absolute;
	top:0;
	bottom:0;
	
	left:10px;
	
	margin:auto 0;
	
	border-radius:30px;
}

#style-select ul li label::after{
	display:block;
	content:"";
	
	width:15px;
	height:15px;
	
	position:absolute;
	top:0;
	bottom:0;
	
	left:15px;
	
	margin:auto 0;
	
	border-radius:30px;
	
	opacity:0;
}

#style-select ul li:nth-child(1) label::after{
	background-color:#a2a;
}

#style-select ul li:nth-child(2) label::after{
	background-color:#2ad;
}

#style-select ul li:nth-child(3) label::after{
	background-color:#da2;
}

#style-select ul li input[type="radio"]:checked ~ label::after{
	opacity:1;
}

/*----------EVENT20260531----------*/

#event20260531{
	background-color:#fff;
}

.page-header{
	display:none;
}

.page div.content{
	width:100%;
	margin:0 auto;
	max-width:none;
	
	box-sizing: border-box;
	padding:0;
	
	position: relative;
}

.page div.content-child{
	width:100%;
	margin:0 auto;
	max-width: 1080px;
	
	background-color:#fff;
	color:#000;
	
	box-sizing: border-box;
	padding:10px;
}

@media only screen and (min-width: 768px){
	
	.page div.content{
		box-sizing: border-box;
		padding:0;
	}
	
	.page div.content-child{
		padding:15px;
	}
	
}

@media only screen and (min-width: 960px){
	
	.page div.content-child{
		
	}
	
}

/*----------COVER----------*/

.cover{
	width:100%;
	
	background-color:#ffeeff;
	color:#000;
}

/*-----COLOR-VARIATION-START-----*/

.color-purple .cover{
	background-color:#ffeeff;
}

.color-blue .cover{
	background-color:#eeffff;
}

.color-yellow .cover{
	background-color:#ffffee;
}

/*-----COLOR-VARIATION-END-----*/

.cover ul{
	display:flex;
	flex-flow: row wrap;
	align-items: stretch;
	justify-content: flex-start;
	
	width:100%;
	margin:0 auto;
	max-width: 1080px;
}

.cover ul li{
	width:100%;
}

.cover ul li.sp-only{
	display:block;
}

.cover ul li.pc-only{
	display:none;
}

.cover ul li img{
	width:100%;
	vertical-align: bottom;
}

@media only screen and (min-width: 768px){
	
	.cover ul li.sp-only{
		display:none;
	}
	
	.cover ul li.pc-only{
		display:block;
	}
	
}

/*----------PAGE-NAVIGATION----------*/

.page-navigation{
	width:100%;
	
	background-color:#95327A;
	color:#fff;
	
	box-sizing: border-box;
	padding:10px;
}

/*-----COLOR-VARIATION-START-----*/

.color-purple .page-navigation{
	background-color:#95327A;
}

.color-blue .page-navigation{
	background-color:#2ad;
}

.color-yellow .page-navigation{
	background-color:#da2;
}

/*-----COLOR-VARIATION-END-----*/

.page-navigation div.inner{
	width:100%;
	
	box-sizing: border-box;
	padding:10px;
	border:solid 2px #fff;
}

.page-navigation input{
	display:none;
}

.page-navigation label{
	display:block;
	width:100%;
	
	box-sizing: border-box;
	padding-left:40px;
	
	background-image: url("../images/event20250511/icon-page-navigation.webp");
	background-repeat: no-repeat;
	background-size: 20px;
	background-position: center left 10px;
	
	font-size:1.25rem;
	line-height:30px;
	font-weight:bold;
	
	position: relative;
}

.page-navigation label:hover{
	cursor: pointer;
}

.page-navigation label span{
	display:block;
	
	width:30px;
	height:30px;
	
	/*background-color:#000;*/
	
	position: absolute;
	top:0;
	bottom:0;
	
	right:0;
	
	margin:auto 0;
}

.page-navigation label span::before{
	display:block;
	content:"";
	
	width:20px;
	height:2px;
	
	background-color:#fff;
	
	position: absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	
	margin:auto;
}

.page-navigation label span::after{
	display:block;
	content:"";
	
	width:2px;
	height:20px;
	
	background-color:#fff;
	
	position: absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	
	margin:auto;
	
	transition:0.25s;
}

.page-navigation ul{
	display:block;
	
	width:100%;
	
	box-sizing: border-box;
	padding:0;
}

.page-navigation ul li{
	width:100%;
	height:0;
	
	font-size:1.0rem;
	line-height:0;
	font-weight:bold;
	
	visibility: hidden;
	opacity: 0;
	
	transition: 0.25s;
}

.page-navigation ul li a{
	display:block;
	color:#fff;
	
	box-sizing: border-box;
	padding-left:30px;
	
	background-image: url("../images/event20250511/icon-arrow-right.webp");
	background-repeat: no-repeat;
	background-size: 15px;
	background-position: center left 5px;
}

.page-navigation ul li a:hover{
	text-decoration: none;
}

.page-navigation input[type="checkbox"]:checked ~ label span::after{
	display:block;
	opacity: 0;
}

.page-navigation input[type="checkbox"]:checked ~ ul{
	padding:10px;
}

.page-navigation input[type="checkbox"]:checked ~ ul li{
	height:40px;
	line-height:40px;
	
	visibility: visible;
	opacity: 1.0;
}

@media only screen and (min-width: 768px){
	
	.page-navigation{
		padding:0;
	}
	
	.page-navigation div.inner{
		padding:0;
		border:none;
	}
	
	.page-navigation label{
		display:none;
	}
	
	.page-navigation ul{
		display:flex;
		flex-flow: row wrap;
		align-items: stretch;
		justify-content: flex-start;
		
		width:100%;
		margin:0 auto;
		max-width: 1080px;
		
		padding:0 10px!important;
	}
	
	.page-navigation ul li{
		width:20%;
		
		height:100px!important;
		
		font-size:1.15rem;
		line-height:100px!important;
		
		visibility: visible!important;
		opacity: 1.0!important;
		
		text-align: center;
		
		position: relative;
	}
	
	.page-navigation ul li::after{
		display:block;
		content:"";
		
		width:1px;
		height:30px;
		
		background-color:#fff;
		
		position: absolute;
		top:0;
		bottom:0;
		
		right:0;
		
		margin:auto 0;
	}
	
	.page-navigation ul li:first-child::before{
		display:block;
		content:"";
		
		width:1px;
		height:30px;
		
		background-color:#fff;
		
		position: absolute;
		top:0;
		bottom:0;
		
		left:0;
		
		margin:auto 0;
	}
	
	.page-navigation ul li a{
		padding:0!important;
		background-image:none;
	}
	
	.page-navigation ul li a:hover{
		opacity: 0.5;
		text-decoration: none;
	}
	
}

@media only screen and (min-width: 960px){
	
	.page-navigation ul li{
		font-size:1.25rem;
		line-height:100px!important;
	}
	
}

/*----------CAPTION----------*/

.caption{
	box-sizing: border-box;
	padding:10px 0;
	
	margin-bottom:25px;
}

.caption p{
	font-size:1.25rem;
	line-height:1.5em;
	font-weight:bold;
	
	text-align: center;
}

@media only screen and (min-width: 768px){
	
	.caption{
		margin-bottom:50px;
	}
	
	.caption p{
		font-size:1.5rem;
		line-height:1.5em;
	}
	
}

/*----------LINEUP----------*/

.lineup{
	margin-bottom:20px;
	
	display:flex;
	flex-flow: row wrap;
	align-items: stretch;
	justify-content: flex-start;
	
	width:100%;
}

.lineup-child{
	width:100%;
	margin-bottom:40px;
	
	background-color:#ffeeff;
	color:#000;
}

/*-----COLOR-VARIATION-START-----*/

.color-purple .lineup-child{
	background-color:#ffeeff;
}

.color-blue .lineup-child{
	background-color:#eeffff;
}

.color-yellow .lineup-child{
	background-color:#ffffee;
}

/*-----COLOR-VARIATION-END-----*/

.lineup-child:last-child{
	margin-bottom:0;
}

.lineup-child h3{
	background-color:#95327A;
	color:#fff;
	
	font-size:1.75rem;
	line-height:80px;
	font-weight:bold;
	
	text-align: center;
	
	position: relative;
}

/*-----COLOR-VARIATION-START-----*/

.color-purple .lineup-child h3{
	background-color:#95327A;
}

.color-blue .lineup-child h3{
	background-color:#2ad;
}

.color-yellow .lineup-child h3{
	background-color:#da2;
}

/*-----COLOR-VARIATION-END-----*/

.lineup-child h3::before{
	display:block;
	content:"0";
	
	font-size:1.5rem;
	line-height:35px;
	text-align: center;
	
	width:45px;
	height:45px;
	
	background-color:#fff;
	color:#95327A;
	
	box-sizing: border-box;
	border:solid 5px #95327A;
	border-radius:40px;
	
	position: absolute;
	top:-22.5px;
	left:0;
	right:0;
	
	margin:0 auto;
}

/*-----COLOR-VARIATION-START-----*/

.color-purple .lineup-child h3::before{
	color:#95327A;
	border:solid 5px #95327A;
}

.color-blue .lineup-child h3::before{
	color:#2ad;
	border:solid 5px #2ad;
}

.color-yellow .lineup-child h3::before{
	color:#da2;
	border:solid 5px #da2;
}

/*-----COLOR-VARIATION-END-----*/

.lineup-child:nth-child(1) h3::before{
	content:"1";
}

.lineup-child:nth-child(2) h3::before{
	content:"2";
}

.lineup-child:nth-child(3) h3::before{
	content:"3";
}

.lineup-child h3::after{
	display:block;
	content:"";
	
	background-color: #95327A;
	width: 30px;
	height: 25px;
	clip-path: polygon(0 0, 100% 0%, 50% 100%);
	
	position: absolute;
	bottom:-20px;
	left:0;
	right:0;
	
	margin:0 auto;
}

/*-----COLOR-VARIATION-START-----*/

.color-purple .lineup-child h3::after{
	background-color: #95327A;
}

.color-blue .lineup-child h3::after{
	background-color: #2ad;
}

.color-yellow .lineup-child h3::after{
	background-color: #da2;
}

/*-----COLOR-VARIATION-END-----*/

.lineup-child div.qa{
	box-sizing: border-box;
	padding:10px;
	padding-top:40px;
}

.lineup-child div.qa div.row{
	display:flex;
	flex-flow: row wrap;
	align-items: stretch;
	justify-content: flex-start;
	
	width:100%;
	
	margin-bottom:10px;
}

.lineup-child div.qa div.row:last-child{
	margin-bottom:0;
}

.lineup-child div.qa div.row p.que{
	width:80px;
	
	font-size:1.0rem;
	line-height:1.75em;
	
	text-align: center;
	
	box-sizing: border-box;
	padding:10px;
	
	background-color:#fff;
	color:#000;
	
	font-weight:bold;
}

.lineup-child div.qa div.row p.ans{
	width:calc(100% - 80px);
	
	font-size:1.0rem;
	line-height:1.75em;
	
	box-sizing: border-box;
	padding:10px;
	border-left:solid 10px #ffeeff;
	
	background-color:#fff;
	color:#000;
	
	font-weight:bold;
}

/*-----COLOR-VARIATION-START-----*/

.color-purple .lineup-child div.qa div.row p.ans{
	border-left:solid 10px #ffeeff;
}

.color-blue .lineup-child div.qa div.row p.ans{
	border-left:solid 10px #eeffff;
}

.color-yellow .lineup-child div.qa div.row p.ans{
	border-left:solid 10px #ffffee;
}

/*-----COLOR-VARIATION-END-----*/

.lineup-child div.qa div.row p.ans span.note{
	font-size:0.6rem;
	line-height:1.75em;
}

.lineup-child p.btn{
	box-sizing: border-box;
	padding:15px;
	
	text-align: center;
}

.lineup-child p.btn a{
	display:block;
	
	width:100%;
	margin:0 auto;
	max-width: 240px;
	
	background-color:#f80;
	background-image: linear-gradient(90deg,  #823F21, #9B5E24, #B79353, #9B5E24, #823F21);
	color:#fff;
	
	font-size:0.8rem;
	line-height:40px;
	font-weight:bold;
	
	border-radius:2.5px;
}

.lineup-child p.btn a:hover{
	opacity: 0.8;
	text-decoration: none;
}

@media only screen and (min-width: 960px){
	
	.lineup{
		margin-bottom:40px;
	}
	
	.lineup-child{
		width:calc(100%/3 - 10px);
		margin:0 5px 0 5px;
	}
	
	.lineup-child:nth-child(1){
		margin:0 10px 0 0;
	}
	
	.lineup-child:nth-child(3){
		margin:0 0 0 10px;
	}
	
}

/*----------STAY----------*/

.stay{
	display:flex;
	flex-flow: row wrap;
	align-items: stretch;
	justify-content: flex-start;
	
	width:100%;
	
	margin-bottom:40px;
}

.stay h3{
	width:100%;
	
	text-align: center;
	
	background-color:#95327A;
	color:#fff;
	
	font-size:1.75rem;
	line-height:80px;
	font-weight:bold;
}

/*-----COLOR-VARIATION-START-----*/

.color-purple .stay h3{
	background-color:#95327A;
}

.color-blue .stay h3{
	background-color:#2ad;
}

.color-yellow .stay h3{
	background-color:#da2;
}

/*-----COLOR-VARIATION-END-----*/

.stay div.stay-content{
	width:100%;
	
	box-sizing: border-box;
	padding:10px;
	
	background-color:#ffeeff;
	color:#000;
}

/*-----COLOR-VARIATION-START-----*/

.color-purple div.stay-content{
	background-color:#ffeeff;
}

.color-blue div.stay-content{
	background-color:#eeffff;
}

.color-yellow div.stay-content{
	background-color:#ffffee;
}

/*-----COLOR-VARIATION-END-----*/

.stay div.stay-content div.row{
	display: flex;
	flex-flow: row wrap;
	align-items: stretch;
	justify-content: flex-start;
	
	width:100%;
	
	margin-bottom:10px;
}

.stay div.stay-content div.row:last-child{
	margin-bottom:0;
}

.stay div.stay-content div.row p.que{
	display:block;
	
	width:80px;
	
	font-size:1.0rem;
	line-height:1.75em;
	font-weight:bold;
	
	box-sizing: border-box;
	padding:10px;
	
	background-color:#fff;
	color:#000;
	
	text-align: center;
}

.stay div.stay-content div.row p.ans{
	display:block;
	
	width:calc(100% - 80px);
	
	font-size:1.0rem;
	line-height:1.75em;
	font-weight:bold;
	
	box-sizing: border-box;
	padding:10px;
	border-left:solid 10px #ffeeff;
	
	background-color:#fff;
	color:#000;
}

/*-----COLOR-VARIATION-START-----*/

.color-purple div.stay-content div.row p.ans{
	border-left:solid 10px #ffeeff;
}

.color-blue div.stay-content div.row p.ans{
	border-left:solid 10px #eeffff;
}

.color-yellow div.stay-content div.row p.ans{
	border-left:solid 10px #ffffee;
}

/*-----COLOR-VARIATION-END-----*/

.stay div.stay-content div.row p.ans span.note{
	font-size:0.6rem;
	line-height:1.75em;
}

.stay div.stay-content p.btn{
	width:100%;
	
	box-sizing: border-box;
	padding:15px;
	
	text-align: center;
}

.stay div.stay-content p.btn a{
	display:block;
	
	width:100%;
	margin:0 auto;
	max-width: 240px;
	
	background-color:#f80;
	background-image: linear-gradient(90deg,  #823F21, #9B5E24, #B79353, #9B5E24, #823F21);
	color:#fff;
	
	font-size:0.8rem;
	line-height:40px;
	font-weight:bold;
	
	border-radius:2.5px;
}

.stay div.stay-content p.btn a:hover{
	opacity: 0.8;
	text-decoration: none;
}

.stay p.attention{
	width:100%;
	font-size:1.0rem;
	line-height:1.75em;
	font-weight:bold;
	
	margin-top:10px;
	
	box-sizing:border-box;
	padding:10px;
	border:solid 5px #f44;
	
	background-color:#fee;
	color:#f00;
	
	padding-left:30px;
	position:relative;
}

.stay p.attention a{
	color:#f00;
}

.stay p.attention::before{
	display:block;
	content:"※";
	
	position:absolute;
	top:10px;
	left:10px;
}

@media only screen and (min-width: 960px){
	
	.stay h3{
		width:160px;
		
		display:flex;
		flex-flow: row wrap;
		align-items: center;
		justify-content: center;
	}
	
	.stay div.stay-content{
		width:calc(100% - 160px);
		
		display:flex;
		flex-flow: row wrap;
		align-items: stretch;
		justify-content: flex-start;
		
		position: relative;
	}
	
	.stay div.stay-content div.row{
		margin-bottom:0!important;
		
		width:50%;
	}
	
	.stay div.stay-content div.row:nth-child(1){
		width:calc(50% - 15px);
		margin-right:15px;
	}
	
	.stay div.stay-content div.row p.que{
		line-height: 40px;
	}
	
	.stay div.stay-content div.row p.ans{
		line-height: 40px;
	}
	
	.stay div.stay-content p.btn{
		width:160px;
		
		line-height: 60px;
		
		position: absolute;
		top:5px;
		bottom:-5px;
		
		right:10px;
		
		margin:auto 0;
	}
	
	.stay p.attention{
		text-align:center;
	}
	
	.stay p.attention::before{
		display:inline-block;
		position:relative;
		top:auto;
		left:auto;
		
		margin-right:5px;
	}
	
}

/*----------CAMPAIGN----------*/

.campaign{
	display:flex;
	flex-flow: row wrap;
	align-items: stretch;
	justify-content: flex-start;
	
	width:100%;
	margin-bottom:40px;
}

.campaign div.campaign-child{
	width:100%;
	
	margin-bottom:20px;
}

.campaign div.campaign-child:last-child{
	margin-bottom:0;
}

.campaign div.campaign-child h3{
	font-size:1.25em;
	line-height:80px;
	font-weight:bold;
	
	text-align: center;
	
	background-color:#f44;
	background-image: linear-gradient(90deg,  #823F21, #9B5E24, #B79353, #9B5E24, #823F21);
	color:#fff;
}

.campaign div.campaign-child div.campaign-content{
	box-sizing: border-box;
	padding:10px;
	
	background-color:#fee;
	color:#000;
}

.campaign div.campaign-child div.campaign-content p.caption{
	margin-bottom:10px;
	
	font-size:1.0rem;
	line-height:1.75em;
	font-weight:bold;
	
	box-sizing: border-box;
	padding:0;
}

.campaign div.campaign-child div.campaign-content ul.compare{
	display:flex;
	flex-flow: row wrap;
	align-items: stretch;
	justify-content: flex-start;
	
	width:100%;
	
	margin-bottom:40px;
}

.campaign div.campaign-child div.campaign-content ul.compare li{
	width:100%;
	
	font-size:1.5rem;
	line-height:50px;
	font-weight:bold;
	
	text-align: center;
	
	background-color:#fff;
	color:#000;
}

.campaign div.campaign-child div.campaign-content ul.compare li:nth-child(1){
	margin-bottom:50px;
	
	position: relative;
}

.campaign div.campaign-child div.campaign-content ul.compare li:nth-child(1)::before{
	display:block;
	content:"";
	
	background-color: #f44;
	background-image: linear-gradient(90deg,  #823F21, #9B5E24, #B79353, #9B5E24, #823F21);
	width: 20px;
	height: 15px;
	clip-path: polygon(0 0,100% 0, 50% 100%);
	
	position: absolute;
	bottom:-25px;
	left:0;
	right:0;
	
	margin:0 auto;	
}

.campaign div.campaign-child div.campaign-content ul.compare li:nth-child(1)::after{
	display:block;
	content:"";
	
	background-color: #f44;
	background-image: linear-gradient(90deg,  #823F21, #9B5E24, #B79353, #9B5E24, #823F21);
	width: 20px;
	height: 15px;
	clip-path: polygon(0 0,100% 0, 50% 100%);
	
	position: absolute;
	bottom:-40px;
	left:0;
	right:0;
	
	margin:0 auto;	
}

.campaign div.campaign-child div.campaign-content ul.compare li:nth-child(2){
	font-size:1.75rem;
	line-height:50px;
	color:#f00;
	
	margin-bottom:40px;
	
	position: relative;
}

.campaign div.campaign-child div.campaign-content ul.compare li span.note{
	width:100%;
	max-width: 200px;
	
	position: absolute;
	bottom:-50px;
	left:0;
	right:0;
	
	margin:0 auto;
	
	font-size:1.15rem;
	line-height:30px;
	
	background-color:#f44;
	background-image: linear-gradient(90deg,  #823F21, #9B5E24, #B79353, #9B5E24, #823F21);
	color:#ff0;
}

.campaign div.campaign-child div.campaign-content ul.compare li span.note::before{
	display:block;
	content:"";
	
	background-color: #f44;
	background-image: linear-gradient(90deg,  #823F21, #9B5E24, #B79353, #9B5E24, #823F21);
	width: 30px;
	height: 25px;
	clip-path: polygon(0 100%, 50% 0, 100% 100%);
	
	position: absolute;
	top:-25px;
	left:0;
	right:0;
	
	margin:0 auto;	
}

.campaign div.campaign-child div.campaign-content ul.extra{
	font-size:0.8rem;
	line-height:1.75em;
	font-weight:bold;
}

.campaign div.campaign-child div.campaign-content ul.extra li{
	box-sizing: border-box;
	padding-left:20px;
	
	position: relative;
}

.campaign div.campaign-child div.campaign-content ul.extra li::before{
	display:block;
	content:"※";
	
	position: absolute;
	top:0;
	left:0;
}

.campaign div.campaign-child div.campaign-content ul.attention{
	margin-bottom:30px;
	
	margin-top:10px;
}

.campaign div.campaign-child div.campaign-content ul.attention li{
	width:100%;
	
	font-size:1.25rem;
	line-height:50px;
	font-weight:bold;
	
	text-align: center;
	
	background-color:#fff;
	color:#000;
	
	margin-bottom:10px;
}

.campaign div.campaign-child div.campaign-content ul.attention li b{
	color:#f44;
}

.campaign div.campaign-child div.campaign-content ul.attention li:last-child{
	margin-bottom:0;
}

.campaign div.campaign-child div.campaign-content p.btn{
	width:100%;
	text-align:center;
}

.campaign div.campaign-child div.campaign-content p.btn a{
	display:inline-block;
	width:240px;
	
	font-size:1.0rem;
	line-height:40px;
	font-weight:bold;
	
	text-align:center;
	
	background-color:#95327A;
	color:#fff;
	
	border-radius:2.5px;
}

.campaign div.campaign-child div.campaign-content p.btn a:hover{
	text-decoration:none;
	opacity:0.75;
}

@media only screen and (min-width: 768px){
	
	.campaign div.campaign-child div.campaign-content ul.compare{
		margin-bottom:20px;
	}
	
	.campaign div.campaign-child div.campaign-content ul.compare li:nth-child(1){
		width:calc(50% - 30px);
		margin-right:30px;
	}
	
	.campaign div.campaign-child div.campaign-content ul.compare li:nth-child(2){
		width:calc(50% - 30px);
		margin-left:30px;
	}
	
	.campaign div.campaign-child div.campaign-content ul.compare li:nth-child(1)::before{
		display:block;
		content:"";
		
		background-color: #f44;
		width: 15px;
		height: 20px;
		
		clip-path: polygon(0 0, 0 100%, 100% 50%);
		
		position: absolute;
		bottom:0;
		top:0;
		left:auto;
		right:-30px;
		
		margin:auto 0;	
	}
	
	.campaign div.campaign-child div.campaign-content ul.compare li:nth-child(1)::after{
		display:block;
		content:"";
		
		background-color: #f44;
		width: 15px;
		height: 20px;
		clip-path: polygon(0 0, 0 100%, 100% 50%);
		
		position: absolute;
		bottom:0;
		top:0;
		left:auto;
		right:-50px;
		
		margin:auto 0;	
	}
	
	.campaign div.campaign-child{
		width:calc(50% - 10px);
		
		background-color:#fee;
	}
	
	.campaign div.campaign-child:nth-child(1){
		margin-right:10px;
		margin-bottom:0;
	}
	
	.campaign div.campaign-child:nth-child(2){
		margin-left:10px;
	}
	
	.campaign div.campaign-child div.campaign-content ul.attention{
		margin-bottom:40px;
		margin-top:10px;
	}
	
	.campaign div.campaign-child div.campaign-content ul.attention li{
		font-size:1.5rem;
		line-height:50px;
	}
	
}

/*----------GUIDE----------*/

.guide{
	margin-bottom:40px;
}

.guide h3{
	font-size:1.75rem;
	line-height:50px;
	font-weight:bold;
	
	text-align: center;
	
	margin-bottom:20px;
}

.guide h3 span.note{
	display:inline-block;
	
	box-sizing: border-box;
	padding:0 60px;
	
	position: relative;
}

.guide h3 span.note::before{
	display:block;
	content:"";
	
	width:40px;
	height:1px;
	
	background-color:#000;
	
	position: absolute;
	top:0;
	bottom:0;
	left:0;
	
	margin:auto 0;
}

.guide h3 span.note::after{
	display:block;
	content:"";
	
	width:40px;
	height:1px;
	
	background-color:#000;
	
	position: absolute;
	top:0;
	bottom:0;
	right:0;
	
	margin:auto 0;
}

.guide p.comment{
	font-weight:bold;
	
	font-size:1.0rem;
	line-height:1.75em;
	
	margin-bottom:40px;
}

.guide p.period{
	width:100%;
	margin:0 auto;
	max-width:480px;
	
	font-size:2.0rem;
	line-height:50px;
	text-align:center;
	
	font-weight:bold;
	position:relative;
	
	box-sizing:border-box;
	padding:10px;
	padding-top:25px;
	border:solid 5px #f44;
	
	color:#f44;
}

.guide p.period span.note{
	width:240px;
	
	font-size:1.25rem;
	line-height:40px;
	
	text-align:center;
	
	background-color:#f44;
	color:#fff;
	
	border-radius:2.5px;
	
	position:absolute;
	top:-20px;
	left:0;
	right:0;
	
	margin:0 auto;
}

div.vid_contents {
	width: 100%;/*背景色を横幅いっぱいに広げる*/
	text-align: center;
	margin: auto;
	
	box-sizing:border-box;
	padding:5px;
	
	background-color:#f0f0f0;
}

video.vid_main {
	width: 100%;
	max-width: 480px;/*PC版での最大幅*/
	vertical-align:bottom;
}

.countdown-timer{
	width:100%;
	
	background-color:#fff;
	color:#222;
	
	box-sizing:border-box;
	padding:10px 0;
}

.countdown-timer h6{
	font-size:1.5rem;
	line-height:40px;
	font-weight:bold;
	
	color:#f44;
	text-align:center;
}
	
.countdown-timer h6 span.note{
	display:inline-block;
	
	box-sizing:border-box;
	padding:0 40px;
	
	position:relative;
}
	
.countdown-timer h6 span.note::before{
	display:block;
	content:"";
	
	width:30px;
	height:1px;
	
	background-color:#f44;
	
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	
	margin:auto 0;
}

.countdown-timer h6 span.note::after{
	display:block;
	content:"";
	
	width:30px;
	height:1px;
	
	background-color:#f44;
	
	position:absolute;
	top:0;
	bottom:0;
	right:0;
	
	margin:auto 0;
}
	
.countdown-timer ul{
	width:100%;
	margin:0 auto;
	
	box-sizing:border-box;
	padding:10px;
	
	display:flex;
	flex-flow:row wrap;
	align-items:stretch;
	justify-content:center;		
}

.countdown-timer ul li{
	width:70px;
	height:80px;
	position:relative;
	
	margin:0 5px;
	background-color:#f0f0f0;
	color:#000;
	
	text-align:center;
	border-radius:5px;
}

.countdown-timer ul li span{
	display:block;
	
	font-size:2.5rem;
	line-height:60px;
	font-weight:bold;
	
	box-sizing:border-box;
	padding-top:20px;
}

.countdown-timer ul li span::before{
	display:block;
	content:"";
	
	width:100%;
	height:25px;
	
	background-color:#f44;
	color:#fff;
	
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	
	font-size:1.0rem;
	line-height:25px;
	font-weight:bold;
	
	position:absolute;
	top:0;
	left:0;
	right:0;
	
	margin:0 auto;
}

.countdown-timer ul li:nth-child(1) span::before{
	content:"日";
}

.countdown-timer ul li:nth-child(2) span::before{
	content:"時間";
}

.countdown-timer ul li:nth-child(3) span::before{
	content:"分";
}

.countdown-timer ul li:nth-child(4) span::before{
	content:"秒";
}

@media only screen and (min-width: 768px){
	
	.guide h3{
		margin-bottom:40px;
	}
	
	.guide h3 span.note{
		padding:0 240px;
	}
	
	.guide h3 span.note::before{
		width:220px;
	}
	
	.guide h3 span.note::after{
		width:220px;
	}
	
	.guide p.comment{
		text-align:center;
	}
	
}

/*----------FAQ----------*/

.faq{
	margin-bottom:50px;
}

.faq h3{
	font-size:1.75rem;
	line-height:50px;
	font-weight:bold;
	
	text-align: center;
	
	margin-bottom:20px;
}

.faq h3 span.note{
	display:inline-block;
	
	box-sizing: border-box;
	padding:0 80px;
	
	position: relative;
}

.faq h3 span.note::before{
	display:block;
	content:"";
	
	width:60px;
	height:1px;
	
	background-color:#000;
	
	position: absolute;
	top:0;
	bottom:0;
	left:0;
	
	margin:auto 0;
}

.faq h3 span.note::after{
	display:block;
	content:"";
	
	width:60px;
	height:1px;
	
	background-color:#000;
	
	position: absolute;
	top:0;
	bottom:0;
	right:0;
	
	margin:auto 0;
}

.faq ul.tab{
	margin-bottom:20px;
	
	display:flex;
	flex-flow: row wrap;
	align-items: stretch;
	justify-content: flex-start;
	
	width:100%;
}

.faq ul.tab li{
	width:calc(50% - 10px);
	margin:5px;
	
	font-size:1.0rem;
	line-height:40px;
	font-weight:bold;
	
	text-align: center;
}

@media only screen and (min-width: 768px){
	
	.faq ul.tab li{
		width:calc(100%/3 - 10px);
	}
	
}

.faq input[type="radio"]{
	display:none;
}

.faq ul.tab li label{
	display:block;
	
	background-color:#f0f0f0;
	border-radius:2.5px;
}

.faq ul.tab li label:hover{
	cursor: pointer;
}

.faq input[type="radio"].faq-cat01:checked ~ ul.tab li.faq-cat01 label{
	background-color:#95327A;
	color:#fff;
}

.faq input[type="radio"].faq-cat02:checked ~ ul.tab li.faq-cat02 label{
	background-color:#95327A;
	color:#fff;
}

.faq input[type="radio"].faq-cat03:checked ~ ul.tab li.faq-cat03 label{
	background-color:#95327A;
	color:#fff;
}

.faq input[type="radio"].faq-cat04:checked ~ ul.tab li.faq-cat04 label{
	background-color:#95327A;
	color:#fff;
}

.faq input[type="radio"].faq-cat05:checked ~ ul.tab li.faq-cat05 label{
	background-color:#95327A;
	color:#fff;
}

.faq input[type="radio"].faq-cat06:checked ~ ul.tab li.faq-cat06 label{
	background-color:#95327A;
	color:#fff;
}

.faq input[type="radio"].faq-cat07:checked ~ ul.tab li.faq-cat07 label{
	background-color:#95327A;
	color:#fff;
}

/*-----COLOR-VARIATION-START-----*/

.color-purple input[type="radio"].faq-cat01:checked ~ ul.tab li.faq-cat01 label{
	background-color:#95327A;
	color:#fff;
}

.color-purple input[type="radio"].faq-cat02:checked ~ ul.tab li.faq-cat02 label{
	background-color:#95327A;
	color:#fff;
}

.color-purple input[type="radio"].faq-cat03:checked ~ ul.tab li.faq-cat03 label{
	background-color:#95327A;
	color:#fff;
}

.color-purple input[type="radio"].faq-cat04:checked ~ ul.tab li.faq-cat04 label{
	background-color:#95327A;
	color:#fff;
}

.color-purple input[type="radio"].faq-cat05:checked ~ ul.tab li.faq-cat05 label{
	background-color:#95327A;
	color:#fff;
}

.color-purple input[type="radio"].faq-cat06:checked ~ ul.tab li.faq-cat06 label{
	background-color:#95327A;
	color:#fff;
}

.color-purple input[type="radio"].faq-cat07:checked ~ ul.tab li.faq-cat07 label{
	background-color:#95327A;
	color:#fff;
}

.color-blue input[type="radio"].faq-cat01:checked ~ ul.tab li.faq-cat01 label{
	background-color:#2ad;
	color:#fff;
}

.color-blue input[type="radio"].faq-cat02:checked ~ ul.tab li.faq-cat02 label{
	background-color:#2ad;
	color:#fff;
}

.color-blue input[type="radio"].faq-cat03:checked ~ ul.tab li.faq-cat03 label{
	background-color:#2ad;
	color:#fff;
}

.color-blue input[type="radio"].faq-cat04:checked ~ ul.tab li.faq-cat04 label{
	background-color:#2ad;
	color:#fff;
}

.color-blue input[type="radio"].faq-cat05:checked ~ ul.tab li.faq-cat05 label{
	background-color:#2ad;
	color:#fff;
}

.color-blue input[type="radio"].faq-cat06:checked ~ ul.tab li.faq-cat06 label{
	background-color:#2ad;
	color:#fff;
}

.color-blue input[type="radio"].faq-cat07:checked ~ ul.tab li.faq-cat07 label{
	background-color:#2ad;
	color:#fff;
}

.color-yellow input[type="radio"].faq-cat01:checked ~ ul.tab li.faq-cat01 label{
	background-color:#da2;
	color:#fff;
}

.color-yellow input[type="radio"].faq-cat02:checked ~ ul.tab li.faq-cat02 label{
	background-color:#da2;
	color:#fff;
}

.color-yellow input[type="radio"].faq-cat03:checked ~ ul.tab li.faq-cat03 label{
	background-color:#da2;
	color:#fff;
}

.color-yellow input[type="radio"].faq-cat04:checked ~ ul.tab li.faq-cat04 label{
	background-color:#da2;
	color:#fff;
}

.color-yellow input[type="radio"].faq-cat05:checked ~ ul.tab li.faq-cat05 label{
	background-color:#da2;
	color:#fff;
}

.color-yellow input[type="radio"].faq-cat06:checked ~ ul.tab li.faq-cat06 label{
	background-color:#da2;
	color:#fff;
}

.color-yellow input[type="radio"].faq-cat07:checked ~ ul.tab li.faq-cat07 label{
	background-color:#da2;
	color:#fff;
}

/*-----COLOR-VARIATION-END-----*/

.faq-content{
	display:none;
	
	margin-bottom:10px;
}

.faq input[type="radio"].faq-cat01:checked ~ .faq-cat-body01{
	display:block;
}

.faq input[type="radio"].faq-cat01:checked ~ .faq-cat-body02{
	display:block;
}

.faq input[type="radio"].faq-cat01:checked ~ .faq-cat-body03{
	display:block;
}

.faq input[type="radio"].faq-cat01:checked ~ .faq-cat-body04{
	display:block;
}

.faq input[type="radio"].faq-cat01:checked ~ .faq-cat-body05{
	display:block;
}

.faq input[type="radio"].faq-cat01:checked ~ .faq-cat-body06{
	display:block;
}

.faq input[type="radio"].faq-cat02:checked ~ .faq-cat-body01{
	display:block;
}

.faq input[type="radio"].faq-cat02:checked ~ .faq-cat-body02{
	display:none;
}

.faq input[type="radio"].faq-cat02:checked ~ .faq-cat-body03{
	display:none;
}

.faq input[type="radio"].faq-cat02:checked ~ .faq-cat-body04{
	display:none;
}

.faq input[type="radio"].faq-cat02:checked ~ .faq-cat-body05{
	display:none;
}

.faq input[type="radio"].faq-cat02:checked ~ .faq-cat-body06{
	display:none;
}

.faq input[type="radio"].faq-cat03:checked ~ .faq-cat-body01{
	display:none;
}

.faq input[type="radio"].faq-cat03:checked ~ .faq-cat-body02{
	display:block!important;
}

.faq input[type="radio"].faq-cat03:checked ~ .faq-cat-body03{
	display:none;
}

.faq input[type="radio"].faq-cat03:checked ~ .faq-cat-body04{
	display:none;
}

.faq input[type="radio"].faq-cat03:checked ~ .faq-cat-body05{
	display:none;
}

.faq input[type="radio"].faq-cat03:checked ~ .faq-cat-body06{
	display:none;
}

.faq input[type="radio"].faq-cat04:checked ~ .faq-cat-body01{
	display:none;
}

.faq input[type="radio"].faq-cat04:checked ~ .faq-cat-body02{
	display:none;
}

.faq input[type="radio"].faq-cat04:checked ~ .faq-cat-body03{
	display:block;
}

.faq input[type="radio"].faq-cat04:checked ~ .faq-cat-body04{
	display:none;
}

.faq input[type="radio"].faq-cat04:checked ~ .faq-cat-body05{
	display:none;
}

.faq input[type="radio"].faq-cat04:checked ~ .faq-cat-body06{
	display:none;
}

.faq input[type="radio"].faq-cat05:checked ~ .faq-cat-body01{
	display:none;
}

.faq input[type="radio"].faq-cat05:checked ~ .faq-cat-body02{
	display:none;
}

.faq input[type="radio"].faq-cat05:checked ~ .faq-cat-body03{
	display:none;
}

.faq input[type="radio"].faq-cat05:checked ~ .faq-cat-body04{
	display:block;
}

.faq input[type="radio"].faq-cat05:checked ~ .faq-cat-body05{
	display:none;
}

.faq input[type="radio"].faq-cat05:checked ~ .faq-cat-body06{
	display:none;
}

.faq input[type="radio"].faq-cat06:checked ~ .faq-cat-body01{
	display:none;
}

.faq input[type="radio"].faq-cat06:checked ~ .faq-cat-body02{
	display:none;
}

.faq input[type="radio"].faq-cat06:checked ~ .faq-cat-body03{
	display:none;
}

.faq input[type="radio"].faq-cat06:checked ~ .faq-cat-body04{
	display:none;
}

.faq input[type="radio"].faq-cat06:checked ~ .faq-cat-body05{
	display:block;
}

.faq input[type="radio"].faq-cat06:checked ~ .faq-cat-body06{
	display:none;
}

.faq input[type="radio"].faq-cat07:checked ~ .faq-cat-body01{
	display:none;
}

.faq input[type="radio"].faq-cat07:checked ~ .faq-cat-body02{
	display:none;
}

.faq input[type="radio"].faq-cat07:checked ~ .faq-cat-body03{
	display:none;
}

.faq input[type="radio"].faq-cat07:checked ~ .faq-cat-body04{
	display:none;
}

.faq input[type="radio"].faq-cat07:checked ~ .faq-cat-body05{
	display:none;
}

.faq input[type="radio"].faq-cat07:checked ~ .faq-cat-body06{
	display:block;
}

.faq-content div.row{
	margin-bottom:15px;
}

.faq-content div.row:last-child{
	margin-bottom:0;
}

.faq-content div.row div.inner{
	box-sizing: border-box;
	padding:10px;
	border:solid 5px #f0f0f0;
}

.faq-content div.row input[type="checkbox"]{
	display:none;
}

.faq-content div.row label{
	display:block;
	
	font-size:1.25rem;
	line-height:30px;
	font-weight:bold;
	
	box-sizing: border-box;
	padding-left:40px;
	padding-right:30px;
	
	position: relative;
}

.faq-content div.row label::before{
	display:block;
	content:"Q";
	
	width:30px;
	height:30px;
	
	line-height: 30px;
	
	text-align: center;
	
	position: absolute;
	top:0;
	left:0;
	
	background-color:#f0f0f0;
	color:#000;
}

.faq-content div.row label span.note{
	display:block;
	
	width:30px;
	height:30px;
	
	position: absolute;
	top:0;
	right:0;
	
	/*background-color:#f0f0f0;*/
}

.faq-content div.row label span.note::before{
	display:block;
	content:"";
	
	width:20px;
	height:2px;
	
	position: absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	
	margin:auto;
	
	background-color:#000;
}

.faq-content div.row label span.note::after{
	display:block;
	content:"";
	
	width:2px;
	height:20px;
	
	position: absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	
	margin:auto;
	opacity: 1.0;
	
	background-color:#000;
	
	transition:0.25s;
}

.faq-content div.row label:hover{
	cursor: pointer;
}

.faq-content div.row div.ans{
	height:0;
	line-height:0;
	
	margin-top:0;
	opacity: 0;
	visibility: hidden;
	
	transition:0.25s;
}

.faq-content div.row div.ans{
	display:block;
	
	font-size:1.0rem;
	line-height:1.75em;
	font-weight:bold;
	
	box-sizing: border-box;
	padding-left:40px;
	
	position: relative;
}

.faq-content div.row div.ans::before{
	display:block;
	content:"A";
	
	width:30px;
	height:30px;
	
	line-height: 30px;
	
	text-align: center;
	
	position: absolute;
	top:0;
	left:0;
	
	background-color:#fef;
	color:#95327A;
}

.faq-content div.row input[type="checkbox"]:checked ~ div.ans{
	line-height:1.75em;
	
	opacity: 1.0;
	visibility: visible;
	
	margin-top:20px;
	
	height:auto;
}

.faq-content div.row input[type="checkbox"]:checked ~ label span.note::after{
	opacity: 0;
}

@media only screen and (min-width: 768px){
	
	.faq h3{
		margin-bottom:40px;
	}
	
	.faq h3 span.note{
		padding:0 240px;
	}
	
	.faq h3 span.note::before{
		width:220px;
	}
	
	.faq h3 span.note::after{
		width:220px;
	}
	
}

/*----------CONTENT-CHILD----------*/

.content-child h2{
	font-size:2.0rem;
	line-height:100px;
	
	text-align: center;
	
	font-weight:bold;
	color:#95327A;
	
	margin:20px 0;
}

/*-----COLOR-VARIATION-START-----*/

.color-purple .content-child h2{
	color:#95327A;
}

.color-blue .content-child h2{
	color:#00ccff;
}

.color-yellow .content-child h2{
	color:#ffcc00;
}

/*-----COLOR-VARIATION-END-----*/

@media only screen and (min-width: 768px){
	
	.content-child h2{
		font-size:2.0rem;
		line-height:100px;
	}
	
}

/*----------CONTENT-CHILD-SUMMARY----------*/

.content-child div.summary{
	margin-bottom:50px;
	
	font-size:1.0rem;
	line-height:1.75em;
}

.content-child div.summary h3{
	font-size:1.25rem;
	line-height:1.75em;
	font-weight:bold;
	
	text-align: center;
}

.content-child div.summary h3 span.note{
	display:block;
	
	font-size:1.0rem;
	line-height:1.75em;
}

@media only screen and (min-width: 768px){
	
	.content-child div.summary h3{
		font-size:1.75rem;
		line-height:1.75em;
	}
	
	.content-child div.summary h3 span.note{
		display:block;
		
		font-size:1.25rem;
		line-height:1.75em;
	}
	
	.content-child div.summary h3 span.note::before{
		display:inline-block;
		
		box-sizing: border-box;
		padding:0 2.5px;
		
		content:"〜";
	}
	
	.content-child div.summary h3 span.note::after{
		display:inline-block;
		
		box-sizing: border-box;
		padding:0 2.5px;
		
		content:"〜";
	}
	
}

/*----------CONTENT-CHILD-VOICE----------*/

.content-child div.voice{
	display:flex;
	flex-flow: row wrap;
	align-items: stretch;
	justify-content: flex-start;
	
	width:100%;
	margin:0 auto 50px;
	max-width: 760px;
}

.content-child div.voice div.row{
	width:100%;
	margin:0 auto;
	max-width: 480px;
	margin-bottom:20px;
}

.content-child div.voice div.row:last-child{
	margin-bottom:0;
}

.content-child div.voice div.row p.thumbnail{
	width:100%;
}

.content-child div.voice div.row p.thumbnail img{
	width:100%;
	vertical-align: bottom;
}

.content-child div.voice div.row div.text{
	box-sizing: border-box;
	padding:10px;
	
	background-color:#95327A;
	color:#fff;
	
	text-align: center;
}

/*-----COLOR-VARIATION-START-----*/

.color-purple .content-child div.voice div.row div.text{
	background-color:#95327A;
}

.color-blue .content-child div.voice div.row div.text{
	background-color:#00ccff;
}

.color-yellow .content-child div.voice div.row div.text{
	background-color:#ffcc00;
}

/*-----COLOR-VARIATION-END-----*/

.content-child div.voice div.row div.text p{
	font-size:1.0rem;
	line-height:25px;
	font-weight:bold;
}

.content-child div.voice div.row:nth-child(2) div.text p{
	font-size:1.0rem;
	line-height:50px;
	font-weight:bold;
}

.content-child div.voice div.row div.text h4{
	font-size:1.5rem;
	line-height:40px;
	font-weight:bold;
}

.content-child div.voice div.row div.text h4 span.note{
	font-size:1.0rem;
	line-height:1.75em;
}

@media only screen and (min-width: 768px){
	
	.content-child div.voice div.row{
		width:50%;
		
		box-sizing: border-box;
		padding:0 10px;
		
		margin-bottom:0;
	}
	
}

/*----------CONTENT-CHILD-MESSAGE----------*/

.content-child div.message{
	margin-bottom:50px;
	
	font-size:1.0rem;
	line-height:1.75em;
}

.content-child div.message h6{
	font-size:1.15rem;
	line-height:1.75em;
	font-weight:bold;
	
	color:#95327A;
	
	margin-bottom:20px;
}

/*-----COLOR-VARIATION-START-----*/

.color-purple .content-child div.message h6{
	color:#95327A;
}

.color-blue .content-child div.message h6{
	color:#00ccff;
}

.color-yellow .content-child div.message h6{
	color:#ffcc00;
}

/*-----COLOR-VARIATION-END-----*/

.content-child div.message h6 br{
	display:none;
}

@media only screen and (min-width: 768px){
	
	.content-child div.message h6{
		text-align: center;
	}
	
	.content-child div.message h6 br{
		display:inline-block;
	}
	
}

@media only screen and (min-width: 960px){
	
	.content-child div.message h6{
		font-size:1.5rem;
		line-height:1.75em;
	}
	
}

/*----------CONTENT-CHILD-GAIYOU----------*/

.gaiyou{
	margin-bottom:50px;
}

.gaiyou h3{
	font-size:1.75rem;
	line-height:50px;
	font-weight:bold;
	
	text-align: center;
	
	margin-bottom:20px;
}

.gaiyou h3 span.note{
	display:inline-block;
	
	box-sizing: border-box;
	padding:0 80px;
	
	position: relative;
}

.gaiyou h3 span.note::before{
	display:block;
	content:"";
	
	width:60px;
	height:1px;
	
	background-color:#000;
	
	position: absolute;
	top:0;
	bottom:0;
	left:0;
	
	margin:auto 0;
}

.gaiyou h3 span.note::after{
	display:block;
	content:"";
	
	width:60px;
	height:1px;
	
	background-color:#000;
	
	position: absolute;
	top:0;
	bottom:0;
	right:0;
	
	margin:auto 0;
}

.gaiyou div.row{
	margin-bottom:5px;
	
	display:flex;
	flex-flow: row wrap;
	align-items: stretch;
	justify-content: flex-start;
	
	width:100%;
}

.gaiyou div.row:last-child{
	margin-bottom:0;
}

.gaiyou div.row p.que{
	width:80px;
	
	box-sizing: border-box;
	padding:10px;
	
	background-color:#f0f0f0;
	color:#000;
	
	font-size:1.0rem;
	line-height:1.75em;
	font-weight:bold;
}

.gaiyou div.row div.ans{
	width:calc(100% - 80px);
	
	box-sizing: border-box;
	padding:10px;
	border-left:solid 5px #fff;
	
	background-color:#f0f0f0;
	color:#000;
	
	font-size:1.0rem;
	line-height:1.75em;
}

.gaiyou div.row div.ans p.note{
	font-size:0.8rem;
	line-height:1.75em;
	
}

.gaiyou div.row div.ans p span.attention{
	font-weight:bold;
	color:#f44;
}

.gaiyou div.row div.ans ul.extra li{
	font-size:0.8rem;
	line-height:1.75em;
	
	box-sizing: border-box;
	padding-left:20px;
	
	position: relative;
}

.gaiyou div.row div.ans ul.extra li::before{
	display:block;
	content:"※";
	
	position: absolute;
	top:0;
	left:5px;
}

@media only screen and (min-width: 768px){
	
	.gaiyou h3{
		margin-bottom:40px;
	}
	
	.gaiyou h3 span.note{
		padding:0 240px;
	}
	
	.gaiyou h3 span.note::before{
		width:220px;
	}
	
	.gaiyou h3 span.note::after{
		width:220px;
	}
	
	.gaiyou div.row p.que{
		width:180px;
		
		padding:20px;
	}
	
	.gaiyou div.row div.ans{
		width:calc(100% - 180px);
		
		padding:20px;
	}
	
}

/*----------CONTENT-CHILD-SALES-LIMITED----------*/

.sales-limited{
	margin-bottom:50px;
}

.sales-limited h3{
	font-size:1.75rem;
	line-height:40px;
	font-weight:bold;
	
	text-align: center;
	
	margin-bottom:20px;
}

.sales-limited h3 span.note{
	display:inline-block;
	
	box-sizing: border-box;
	padding:0 30px;
	
	position: relative;
}

.sales-limited h3 span.note::before{
	display:block;
	content:"";
	
	width:25px;
	height:1px;
	
	background-color:#000;
	
	position: absolute;
	top:0;
	bottom:0;
	left:0;
	
	margin:auto 0;
}

.sales-limited h3 span.note::after{
	display:block;
	content:"";
	
	width:25px;
	height:1px;
	
	background-color:#000;
	
	position: absolute;
	top:0;
	bottom:0;
	right:0;
	
	margin:auto 0;
}

.sales-limited p.caption{
	margin-bottom:20px;
	
	font-size:1.0rem;
	line-height:1.75em;
}

.sales-limited p.caption br{
	display:none;
}

.sales-limited p.btn{
	width:100%;
	text-align:center;
	
	box-sizing:border-box;
	padding:0 15px;
}

.sales-limited p.btn a{
	display:inline-block;
	width:100%;
	max-width:480px;
	
	font-size:1.25rem;
	line-height:60px;
	font-weight:bold;
	
	background-color:#f44;
	color:#fff;
	border-radius:10px;
}

.sales-limited p.btn a:hover{
	opacity:0.8;
	text-decoration:none;
}

@media only screen and (min-width: 768px){
	
	.sales-limited h3{
		margin-bottom:40px;
	}
	
	.sales-limited h3 span.note{
		padding:0 100px;
	}
	
	.sales-limited h3 span.note::before{
		width:80px;
	}
	
	.sales-limited h3 span.note::after{
		width:80px;
	}
	
	.sales-limited h3 br{
		display:none;
	}
	
	.sales-limited p.caption{
		text-align:center;
	}
	
	.sales-limited p.caption br{
		display:inline-block;
	}
	
}

/*----------CONTENT-CHILD-SALES----------*/

.sales{
	margin-bottom:50px;
	
	font-size:1.0rem;
	line-height:1.75em;
}

.sales h3{
	font-size:1.75rem;
	line-height:50px;
	font-weight:bold;
	
	text-align: center;
	
	margin-bottom:20px;
}

.sales h3 span.note{
	display:inline-block;
	
	box-sizing: border-box;
	padding:0 40px;
	
	position: relative;
}

.sales h3 span.note::before{
	display:block;
	content:"";
	
	width:30px;
	height:1px;
	
	background-color:#000;
	
	position: absolute;
	top:0;
	bottom:0;
	left:0;
	
	margin:auto 0;
}

.sales h3 span.note::after{
	display:block;
	content:"";
	
	width:30px;
	height:1px;
	
	background-color:#000;
	
	position: absolute;
	top:0;
	bottom:0;
	right:0;
	
	margin:auto 0;
}

@media only screen and (min-width: 768px){
	
	.sales h3{
		margin-bottom:40px;
	}
	
	.sales h3 span.note{
		padding:0 240px;
	}
	
	.sales h3 span.note::before{
		width:220px;
	}
	
	.sales h3 span.note::after{
		width:220px;
	}
	
}

/*----------CONTENT-CHILD-GALLERY----------*/

.gallery{
	margin-bottom:50px;
}

.gallery h3{
	font-size:1.75rem;
	line-height:50px;
	font-weight:bold;
	
	text-align: center;
	
	margin-bottom:20px;
}

.gallery h3 span.note{
	display:inline-block;
	
	box-sizing: border-box;
	padding:0 80px;
	
	position: relative;
}

.gallery h3 span.note::before{
	display:block;
	content:"";
	
	width:60px;
	height:1px;
	
	background-color:#000;
	
	position: absolute;
	top:0;
	bottom:0;
	left:0;
	
	margin:auto 0;
}

.gallery h3 span.note::after{
	display:block;
	content:"";
	
	width:60px;
	height:1px;
	
	background-color:#000;
	
	position: absolute;
	top:0;
	bottom:0;
	right:0;
	
	margin:auto 0;
}

.gallery p.note{
	font-size:0.8rem;
	line-height:40px;
	font-weight:bold;
	
	text-align: center;
}

.gallery ul{
	display:flex;
	flex-flow: row wrap;
	align-items: stretch;
	justify-content: flex-start;
	
	width:100%;
}

.gallery ul li{
	width:50%;
	
	box-sizing: border-box;
	padding:5px;
}

.gallery ul li a{
	display:block;
	
	box-sizing: border-box;
	padding-top:100%;
	
	position: relative;
}

.gallery ul li a:hover{
	opacity: 0.5;
}

.gallery ul li img{
	width:100%;
	height:100%;
	
	position: absolute;
	top:0;
	left:0;
	
	object-fit: cover;
	object-position: center;
}

@media only screen and (min-width: 768px){
	
	.gallery h3{
		margin-bottom:40px;
	}
	
	.gallery h3 span.note{
		padding:0 240px;
	}
	
	.gallery h3 span.note::before{
		width:220px;
	}
	
	.gallery h3 span.note::after{
		width:220px;
	}
	
	.gallery ul li{
		width:25%;
	}
	
	.gallery ul li a{
		padding-top:75%;
	}
	
}

/*----------CONTENT-CHILD-PLACE----------*/

.place{
	margin-bottom:50px;
}

.place h3{
	font-size:1.75rem;
	line-height:50px;
	font-weight:bold;
	
	text-align: center;
	
	margin-bottom:20px;
}

.place h3 span.note{
	display:inline-block;
	
	box-sizing: border-box;
	padding:0 80px;
	
	position: relative;
}

.place h3 span.note::before{
	display:block;
	content:"";
	
	width:60px;
	height:1px;
	
	background-color:#000;
	
	position: absolute;
	top:0;
	bottom:0;
	left:0;
	
	margin:auto 0;
}

.place h3 span.note::after{
	display:block;
	content:"";
	
	width:60px;
	height:1px;
	
	background-color:#000;
	
	position: absolute;
	top:0;
	bottom:0;
	right:0;
	
	margin:auto 0;
}

.place h4{
	font-size:1.5rem;
	line-height:1.75em;
	font-weight:bold;
	
	text-align: center;
	
	margin-bottom:20px;
}

.place h4 span.note{
	display:block;
	
	font-size:1.0rem;
	line-height:1.75em;
}

.place ul{
	font-size:1.0rem;
	line-height:1.75em;
	text-align: center;
	
	margin-bottom:20px;
}

.place ul.thumbnail{
	display:flex;
	flex-flow: row wrap;
	align-items: stretch;
	justify-content: flex-start;
	
	width:100%;
}

.place ul.thumbnail li{
	width:100%;
	text-align: center;
}

.place ul.thumbnail li img{
	width:100%;
	vertical-align: bottom;
	max-width: 480px;
}

.place p.btn{	
	font-size:1.0rem;
	line-height:80px;
	
	text-align: center;
}

.place p.btn a{
	display:block;
	
	width:100%;
	margin:0 auto;
	max-width: 480px;
	
	box-sizing: border-box;
	border:solid 1px #000;
	
	color:#000;
	
	background-image: url("../images/event20250511/icon-arrow-right-black.webp");
	background-repeat: no-repeat;
	background-size: 25px;
	background-position: center right 15px;
	
	transition:0.25s;
}

.place p.btn a:hover{
	background-color:#000;
	color:#fff;
	
	background-image: url("../images/event20250511/icon-arrow-right.webp");
	text-decoration: none;
}

@media only screen and (min-width: 768px){
	
	.place h3{
		margin-bottom:40px;
	}
	
	.place h3 span.note{
		padding:0 240px;
	}
	
	.place h3 span.note::before{
		width:220px;
	}
	
	.place h3 span.note::after{
		width:220px;
	}
	
	.place ul.thumbnail li{
		width:50%;
	}
	
}

div.extra{
	margin-bottom:50px;
}

div.extra ul li{
	font-size:1.0rem;
	line-height:1.75em;
	
	box-sizing: border-box;
	padding-left:20px;
	
	position: relative;
}

div.extra ul li::before{
	display:block;
	content:"※";
	
	position: absolute;
	top:0;
	left:5px;
}