@charset "utf-8";

/* ヘッダーについての記述 */
/* ヘッダー全体の指定 */
#form_confirm_body .header {  
	z-index: 999;
	position: fixed;
	width: 100%;
	top: 0px;
	text-align: center;
	border-bottom: solid 1px #000000;
	box-sizing: border-box;
	background-color: #FFFFFF;
	color: inherit;
	font-size: 0.9em;
}
.fixed {	
	width: 100%;
	top: 0px;
	text-align: center;
	border-bottom: solid 1px #000000;
	box-sizing: border-box;
	background-color: #FFFFFF;
	color: inherit;
}
.site-header__wrapper { 
	padding-left: 50px; 
	height:50px; 
	width: auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
} 
/* ロゴ部分の指定 */	
.logo img { width: auto; max-height: 22px; } 
.logo { display: block; padding: 0; margin: 0;}
/* ユーチューブロゴ部分の指定 */
.inst_yt img{ 
	padding: 0px 30px 0 15px;
	margin-top: 2px;
	max-width: 38px; 
	height: auto;
}
/* インスタロゴ部分の指定 */
.inst img{ 	
	padding: 0px 50px 0px 0px;
	margin-top: 2px;
	max-width: 29px; 
	height: auto;
}
/* メニュー部分の指定 */
.nav__wrapper {
	margin: 0 0 0 auto; 
	padding: 0;  
	list-style: none; 
	display: flex;}
.nav__wrapper_second { list-style: none; }
/* メニュー部分:各項目の指定 */
.nav__item a {
	width: 90px; 
	padding-top: 0;
	font-weight: 300;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	position: relative;
	color: #000000;
	background-color: inherit;
}
/* メニュー部分:項目の区切り線 */
.line-right { 
	height: 15px; 
	margin: auto ;
	display: inline-block;
	width: 1px;
	background-color: #000000; 
	color: inherit;
}
/* ホバー時:下の線の指定 */
.nav__item a::after {
	position: absolute; 
	left: 0;  
	content: ''; 
	width: 100%;
	height: 1px;
	background-color: #000000;
	color: inherit;
	transform: scale(0, 1);
	 bottom: -8px;  
	transform-origin: center top; 
	transition: transform 0.3s;  
}
.nav__wrapper > li.nav__item  {	height: auto; position: relative;}

li.nav__item ul.nav__wrapper_second {
    position: absolute;
    padding: 0;
    margin-top: 12px;
    width: 100%;
    height: auto;
    background-color: #FFFFFF;
	color: inherit;
    transition: all .2s ease;
    opacity: 0;
}
li.nav__item ul.nav__wrapper_second a {
	height: auto;
	margin-top: 15px;
	margin-bottom: 15px;
}
li.nav__item ul.nav__wrapper_second a::after {
	position: absolute;
	left: 0;
	content: ''; 
	width: 100%;
	height: 1px;
	background-color: #000000;
	color: inherit;
	transform: scale(0, 1);
	margin-bottom: -8px; 
	transform-origin: center top; 
	transition: transform 0.3s;  
}

li.nav__item:hover ul.nav__wrapper_second {
    top:auto;	
    visibility: visible;
	opacity: 1;
}
/* ホバーの指定 */
.nav__item a:hover::after { transform: scale(1, 1); }
.nav__wrapper :hover{ color: #AAAAAA; background-color: inherit; }

/* ホバーの指定：ドロップダウン */
li.nav__item:hover ul.nav__wrapper_second a:hover::after { transform: scale(1, 1); }
.nav__wrapper_second :hover{ color: #AAAAAA; background-color: inherit; }	

.nav,.sp_logo { display: none;} 

/* 各種メディア用のレイアウトの指定 */
/* 1280pxまでの幅の場合に適応される */
@media screen and (max-width: 1280px){
	.wrapper .inst_yt img{ padding: 0px 25px 0 15px;}
}
/* 1024pxまでの幅の場合に適応される */
@media screen and (max-width: 1024px){
	.nav__wrapper .nav__item a { width: auto; padding: 0px 10px; font-size: 0.9em; } 
	.header .site-header__wrapper { padding-left: 30px; }  
	.wrapper .inst img{	padding: 0px 30px 0px 0px;}	
	.logo img { max-height: 18px; } 
}
/* メディア用設定 ここまで */