@charset "utf-8";

body{
	margin: 0;
	padding: 0;
	background-color: #F4F3DD;
	font-family: 'Noto Serif JP', serif;
	font-weight: 400;

}
h1,h2,h3,h4,h5,h6{
	margin: 0 auto;
}

img{
	width: 100%;
}
a{
	text-decoration: none;
}

/* ヘッダー */
header{
	width: 100%;
	height: 110px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	position: absolute;
	/* 浮かせる */
	z-index: 999;
}

/* ヘッダーロゴ */

.permille-logo{
	display: flex;
	width: 400px;
	margin-left: 40px;
}
.permille-logo img{
	vertical-align: bottom;
	width: 95px;
}
.permille-logo .permille-name{
	color: rgb(85, 59, 80);
	padding: 15px 15px ;
	margin: 0;
	font-size: 12px;
	text-shadow: 0 0 5px rgb(85, 59, 80);
}
.permille-logo .name01{
	font-size: 22px;
	font-weight: bold;
	letter-spacing: 2px;
	text-decoration: underline;
}
.permille-logo .name02{
	font-size: 14px;
	font-weight: bold;
	padding-right: 10px;
}


/* リモートナヴィ */
.remote_nav{
	display: flex;
}
header .nav_list{
	padding: 0;
	margin: 0%;
	list-style: none;
	display: flex;
	align-items: center;
}

.nav_list li a{
	text-decoration: none;
}
.nav_list span{
	color: #fff;
	font-size: 18px;
}

/* リモートボタン */
.remote_button a{
	position: relative;
	display: inline-block;
	text-decoration: none;
}
.remote_button a::after{
	position: absolute;
	bottom: 2px;
	left: 0;
	content: '';
	width: 100%;
	height: 2px;
	background: rgb(95, 64, 89);
	opacity: 0;
	visibility: hidden;
	transition: .3s;
}
.remote_button a:hover::after{
	bottom: -4px;
	opacity: 1;
	visibility: visible;
}
.remote_button span{
	padding: 0 20px 0;
	font-family: 'Noto Sans KR', sans-serif;
	font-weight: bold;
	text-shadow:  0 0 7px rgb(95, 64, 89);
}

/* エントリーボタン */
.entry_button{
	margin-left: 25px;
}
.entry_button span{
	padding: 41px 23px;
	font-family: 'Noto Sans KR', sans-serif;
	font-size: 20px;
	color: rgb(128, 78, 119);
	background-color: #FFD700;
	border-radius: 3px;
	transition: 0.7s;
}
.entry_button span:hover{
	background:  rgb(128, 78, 119);
	color: white;
}

/* エントリーフォーム */
.entry_midashi_pic img{
	height: 75vh;
	object-fit: cover;
	position: relative;
	vertical-align: bottom;
}
.entry_text{
	width: 100%;
	position: absolute;
	bottom: 60%;
	color: #fff;
}
.entry_text h2{
	width: 500px;
	text-align: center;
	font-size: 36px;
	font-weight: 900;
	letter-spacing: 3px;
	text-shadow: 3px 0 5px rgb(95, 64, 89);
}
.entry_text h3{
	width: 500px;
	text-align: center;
	font-size: 14px;
	font-weight: 400;
	text-shadow: 0 0 3px #888;
}

/* エントリーフォーム欄 */
#entry_form{
	width: 700px;
	padding: 80px 0;
	margin: 0 auto;
}
#entry_form h2{
	color: rgb(95, 64, 89);
	text-align: center;
	font-size: 30px;
	letter-spacing: 2px;
}
#entry_form  .entry_setumei{
	color: rgb(95, 64, 89);
	text-align: center;
	padding: 25px 0;
	margin: 30px 0 50px;
}

.entry_info dl{
	padding: 15px 0;
	border-bottom: 1px solid rgb(218, 217, 188);
	display: flex;
	justify-content: space-between;
}
.entry_info dt,
.entry_info dd {
	padding: 30px 0;
}
.entry_info dt{
	font-size: 14px;
	font-weight: 900;
	padding-right: 40px;
}
.entry_info .entry_label{
	padding: 3px 5px;
}
.entry_info .required{
	padding: 5px 7px;
	margin-left: 10px;
	background-color: #f00;
	border-radius: 3px;
	color: #Fff;
}
.entry_info .required2{
	padding: 3px 5px;
	margin-right: 10px;
	background-color: #e2e2e2;
	color: #000;
}

.entry_info select,
.entry_info input,
.entry_info textarea{
	padding: 15px 10px;
	margin-right: 15px;
	border-width: none;
	border-radius: 4px;
}
.entry_info #birth_y,
.entry_info #birth_m,
.entry_info #birth_d{
	width: 50px ;
	padding: 8px;
}
.entry_info .entry_check{
	display: flex;
}
.entry_check .radiobutton{
	padding: 0 15px;
}

.entryform_submit p{
	text-align: center;
}
.entryform_submit input{
	padding: 25px 50px;
	background-color: #FFD700;
	color: rgb(95, 64, 89);
	font-size: 16px;
	border-radius: 4px;
}


/* フッター */
footer{
	padding: 50px 0;
	margin: auto;
	border-top: 1px solid rgb(204, 169, 197);
	background-color:   rgb(212, 165, 206);
	display: flex;
	justify-content: space-around;
}
#footer_left,
#footer_right{
	width: 35%;
} 

footer p{
	font-size: 14px;
}

/* sns */
.permille_sns{
	padding-bottom: 15px;
	margin: 0 auto ;
	display: flex;
}
.snsimage{
	width: 50%;
	margin: 0 auto;
}
.permille_sns .snstext{
	/* margin: 20px 0 30px; */
	text-align: center;
}
.snsimage {
	padding-top: 10px;
	display: flex;
	justify-content: space-around;
}
/* permill_place */
.permill_place{
	text-align: left;
	margin: 15px 0 10px;
}
/* permille_syousai */
.permille_syousai{
	text-align: left;
}
.permille_syousai p{
	display: inline;
}
.f_permille_name{
	padding-top: 25px;
	text-align: left;
}
.f_permille_name p{
	font-size: 16px;
	letter-spacing: 2px;
}