@charset 'UTF-8';


/*********************************************************************************/
/* Basic                                                                         */
/*********************************************************************************/
html{
	font-size: 62.5%;
}

body{
	font-size:1.6rem;/* 16px*/
	margin: 0;
	padding: 0;
	font-family: 'Noto Sans JP', 'Lato', '游ゴシック Medium', '游ゴシック体', 'Yu Gothic Medium', YuGothic, 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	font-size: 16px;
	width: 100%;
	line-height: 1.5;
	word-break: break-all;
	color: #fff;
	background-color: #000;
	text-align: center;
	padding: 0;
}
/* Images */

.image{
	display: inline-block;
}


img{
	max-width:100%;
	height:auto;
	vertical-align: bottom;
}

a:link { color: #fff; }
a:visited { color: #fff; }
a:hover { color: #fff; }
a:active { color: #fff; }

a {
text-decoration: none;
}

/************************************************/
/* Night Of The 13 Brilliant Leaves      */
/************************************************/
.main{
	background: #0eb190;
	width: 100%;
}
.mainInner{
	width: 1200px;
	padding: 0 60px;
	margin: 0 auto;
}
.mainInner img{
	width:70%;
}
.content{
	background-color: #000;
	background-image: url("../images/content.jpg");
	background-size: 100% auto;
	background-position:center center;
	background-repeat: no-repeat;
	width: 100%;
}
.contentInner{
	width: 1200px;
	padding: 60px 60px 60px 60px;
	margin:0 auto;
}
.contentInner h1{
	font-size: 2.4rem;
	font-family: "Roboto", sans-serif;
	font-weight: bold;
}
.cont_data{
	padding: 40px 0 10px 0;
}
.cont_date{
	font-size: 5.0rem;
	font-family: "Roboto", sans-serif;
	font-weight: bold;
	line-height: 1.3;
}
.cont_place{
	font-size: 3.6rem;
	font-weight: bold;
	line-height: 1.3;
}
.cont_small{
	font-size: 1.8rem;
	font-weight: bold;
}
.cont_guest{
	font-size: 2.4rem;
	font-weight: bold;
	margin: 0 auto;
	text-align: center;
	padding: 10px 0;
}
.guest_photo{
	margin: 0 auto;
	width: 300px;
}
.guest_photo img{
	width: 100%;
}
.guest_logo{
	padding: 10px 0 0 0;
	margin: 0 auto;
	width: 100px;
}
.guest_logo img{
	width: 100%;
}

.sen{
	margin: 30px auto 0 auto;
	--sen-color: #fff;
	--sen-height: 1px;   /* 太さ変更したい時に */
	--sen-opacity: 1;    /* 0〜1 */
	width: 20%;
	height: var(--sen-height);
	background: rgba(255,255,255,var(--sen-opacity));
}



.redTxt{
	color:#ff0000;
}
.ticket{
	padding: 30px 200px;
}
.ticketInner{
	background: #fff;
	padding: 30px;
	border-radius: 2.0em;
	color: #000;
	text-align: left;
}
.ticketInner h2{
	font-size: 2.8rem;
	font-weight: bold;
	margin: 0 auto;
	text-align: center;
}
.ticketInner h3{
	font-size: 2.2rem;
	font-weight: bold;
}


ul.ticketBox{
	padding: 20px 0;
}
ul.ticketBox li{
	display: flex;
	align-items: center;
	gap: 0 2%;
	margin: 0 0 8px 0;
	font-weight: bold;
}
.tb_title{
	width: 15%;
	background: #000;
	color: #fff;
	text-align: center;
	padding: 3px 0;
	font-size: 0.9em;
}
.tb_data{
}
.ticketBtn a{
	margin: 0 auto;
	display: block;
	background: #ff0000;
	color: #fff;
	font-weight: bold;
	text-align: center;
	border-radius:120px;
	transition: .2s;
	width: 30%;
	padding: 10px 0;
}
.ticketBtn a:hover{
	transform: scale(0.9);
}

.ticketEnd{
	margin: 0 auto;
	display: block;
	background: #474747;
	color: #fff;
	font-weight: bold;
	text-align: center;
	border-radius:120px;
	transition: .2s;
	width: 30%;
	padding: 10px 0;
}



.ticketInnerWh{
	background: rgba(255,255,255,0.8);
	padding: 30px;
	border-radius: 0 0 2.0em 2.0em;
	text-align: left;
	color: #000;
	font-weight: bold;
}
.ticketInnerWh a{
	color: #ff0000;
}
.ticketInnerWh a:hover{
	color: #ff6d6d;
}
.copyRight{
	width: 100%;
	background: #0eb190;
	height: auto;
	color: #000;
	text-align: center;
	padding: 80px 0;
	font-size: 1.4rem;
}
.copyRight img{
	width: 100px;
	padding-bottom: 30px;
}

#page_top{
	width: 100px;
	height: 100px;
	position: fixed;
	right: -150px;
	bottom: 10px;
	z-index: 1500;
}
#page_top a{
	background: url("../images/pagetop.png");
	background-size: 100% auto;
	background-repeat: no-repeat;
	position: relative;
	display: inline-block;
	width: 100px;
	height: 100px;
	text-decoration: none;
}

@media screen and (max-width: 1200px) {
	.mainInner{
		width: 100%;
	}
	.contentInner{
		width: 100%;
	}
	.ticket{
		padding: 30px 30px;
	}
}
@media screen and (max-width: 768px) {
	.mainInner{
		padding: 0 10px;
	}
	.mainInner img{
		width:100%;
	}
	.content{
		background-size: 150% auto;
	}
	.contentInner{
		width: 100%;
		padding: 30px 30px 10px 30px;
	}
	.contentInner h1{
		font-size: 2.0rem;
	}
	.cont_data{
		padding: 30px 0 10px 0;
	}
	.cont_date{
		font-size: 3.4rem;
	}
	.cont_place{
		font-size: 2.4rem;
	}
	.cont_small{
		font-size: 1.4rem;
	}
	.cont_guest{
		font-size: 2.0rem;
	}
	.guest_photo{
		width: 80%;
		max-width: 300px;
	}
	.sen{
		width: 50%;
	}
	.ticket{
		padding: 30px 0;
	}
	.ticketInner{
		padding: 20px;
	}
	.ticketInner h2{
		font-size: 2.4rem;
	}
	.ticketInner h3{
		font-size: 1.8rem;
	}
	ul.ticketBox li{
		display: block;
		margin: 0 0 5px 0;
	}
	.tb_title{
		width: 100%;
		text-align: left;
		padding: 3px 8px;
	}
	.ticketEnd{
			width: 100%;
			padding: 10px 0;
	}
	.ticketBtn a{
		width: 100%;
		padding: 10px 0;
	}
	.ticketInnerWh{
		background: #fff;
		padding: 20px;
		border-radius: 0 0 2.0em 2.0em;
		text-align: left;
		color: #000;
		font-weight: bold;
	}
	.copyRight{
		font-size: 1.2rem;
		padding: 40px 0;
	}
	.copyRight img{
		width: 70px;
		padding-bottom: 20px;
	}
	#page_top{
		width: 70px;
		height: 70px;
	}
	#page_top a{
		width: 70px;
		height: 70px;
	}
}