@charset "UTF-8";

/*-------------------------------------
下層ページもハンバーガーバージョン（縦タイプ）
-------------------------------------*/

/*ロゴ重なり順調整*/
/*.header {
  z-index: 1113!important;
}*/

.header_main_menu {
	/*position: absolute;*/
	position: fixed;
	/*width: 100%;*/
	/*width:400px!important;*/
	background: #373582;
	z-index: 2;	
}
.header_main_menu ul li a {
	position: relative;
	display: block;
	color: #fff;
	font-weight: bold;
	line-height: 1.2;
	letter-spacing: 0.06em;
}
.header_main_menu ul li a::after {
	content: "";
	display: block;
	position: absolute;
	bottom: -5px;
	left: 0;
	width: 0;
	height: 0.2rem;
	background-color: #fff;
	transition: all .2s;
}
.header_main_menu ul li a span {
	display: block;
	transition: all .2s;
}
/*.header_main_menu ul li a .en {
	position: relative;
	font-family: 'Staatliches', cursive;
}
.header_main_menu ul li a .en {
	color: #9391c8;
}*/

/*お問い合わせボタン追加*/
#contact-btn {
	position: absolute;
	top: 9.5rem;
	right: 0;
	text-align: center;
	line-height: 1.2;
	color: #fff;
	background-color: #5e5d94;
	cursor: pointer;
  	z-index: 10;
	background-image: url("../img/shared/icon_contact.png");
	background-repeat: no-repeat;
	background-position: center 1.8rem; 
}
#contact-btn::after {
	content: "CONTACT";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 2.3rem;
	line-height: 1;
	font-weight: bold;
	font-size: 1.5rem;
}

/* = PC (768px以上)
----------------------------------------------- */
@media print, screen and (min-width: 768px) {

/*ハンバーガーボタン表示*/	
#nav-btn {
		display: block!important;
	}
#contact-btn {
		display: block!important;
	}	
	
/*メニュー非表示*/	
.header_main_menu {
		display: none;
		min-width: auto;
		width: calc(100% - 9.5rem);
		right: 9.5rem;
	}	
	
/*ヘッダー画像位置調整*/
.page_title {
		margin-top: 0!important;
	}	
	
.page_news .page_title {
		height: 19rem;
	}
.page_news .page_title::after {
		width: 27rem;
		height: 19rem;
	}	
.page_movie .page_title {
		height: 19rem;
	}
.page_movie .page_title::after {
		width: 27rem;
		height: 19rem;
	}
.page_cpc .page_title {
		height: 19rem;
	}
.page_cpc .page_title::after {
		width: 27rem;
		height: 19rem;
	}	
/*写真バージョンの時は非表示*/
	.page_partner .page_title {
		height: 19rem;
	}
.page_partner .page_title::after {
		width: 27rem;
		height: 19rem;
	}	
	
/*背景画像位置調整（ハンバーガーメニュー）*/
.page_news .page_title::before {
	background-position: top 0 left 0!important;
}
.page_news .page_title::after {
	background-position: bottom 0 left 0!important;
}
	
.page_movie .page_title::before {
	background-position: top 0 left 0!important;
}
.page_movie .page_title::after {
	background-position: bottom 0 left 0!important;
}	
.page_partner .page_title::before {
	background-position: top 0 left 0!important;
}
.page_partner .page_title::after {
	background-position: bottom 0 left 0!important;
}	
.page_cpc .page_title::before {
	background-position: top 0 left 0!important;
}
.page_cpc .page_title::after {
	background-position: bottom 0 left 0!important;
}	
	
/*パンくずリスト位置調整*/	
.bread:not(.normal) {
		top: 46.8rem!important;
	}	
	

.header_main_menu {
		/*min-width: 1120px;*/
		/*height: 9.5rem;*/
		height:auto;
		top: 0!important;
		/*left: 0;*/
		right: 0!important;
		width: 500px!important;
		padding:10px 20px 50px;
		margin-right:9.5rem;
		margin-left: auto;
		
	}
.home .header_main_menu {
		display: none;
		min-width: auto;
		/*width: calc(100% - 9.5rem);*/
		right: 9.5rem;
	}
.header_main_menu ul {
		/*height: 100%;
		display: flex;
		justify-content: flex-end;
		align-items: center;
		margin: 0 auto;*/
	  display: block;
  }
.header_main_menu ul li {
		height: 100%;
	}
.header_main_menu ul li a {
		height: 100%;
		padding: 2.5rem 0.3rem 0;
		margin: 0 0.5rem;
		text-align: left;
		/*display: flex;*/
		align-items: center;		
	}
	/*.header_main_menu ul li.contact a {
		
	}*/
	.header_main_menu ul li a .en {
		font-size: 2.2rem;
		margin-bottom: 0.2rem;
	}
	.header_main_menu ul li a .ja {
		font-size: 1.6rem;
	}	
		
	.header_main_menu ul li.current a .en,
	.header_main_menu ul li a:hover .en {
		color: #fff;
	}
	.header_main_menu ul li.current a::after,
	.header_main_menu ul li a:hover::after {
		width: 100%;
	}	
	
/*お問い合わせボタン追加*/
	#contact-btn {
		position: fixed;
		top: 9.5rem;
		right: 0;
		width: 9.5rem;
		height: 9.5rem;
	}
	
/*ハンバーガーメニュー内のお問い合わせ*/	
	
	/*.header_main_menu ul li.contact a span::before{
	content: "";
    display: inline-block;
    width: 32px;
    height: 32px;
    background-image: url("../img/shared/icon_contact02.png");
		background-position: center;
    background-size: contain;
	}
	.header_main_menu ul li.contact a span:hover::before{
    background-image: url("../img/shared/icon_contact.png");
	}*/
	
	/*アイコン*/
	.header_main_menu ul li.contact a span::before {
		content: url("../img/shared/icon_contact02.png");
		vertical-align: middle;
		margin-right: 5px;
		display: inline-block;
		height: 32px;
		width: 32px;
	}
	.header_main_menu ul li.contact a span:hover::before {
		content: url("../img/shared/icon_contact.png");
	}
	
	
	.header_main_menu ul li.contact a{
		margin: 3rem 0 0;
		padding: 3rem 0;
		background-color: #fff;
		border-radius: 5px;
		text-align: center;
		color: #373582;
		display: block;
	}
	
	.header_main_menu ul li.contact a:hover{
		background-color: #5e5d94;
		color: #fff;
	}

	.header_main_menu ul li.contact a::after {
	display: none;
}

}
	
	


/* = SP (767px以下)
----------------------------------------------- */
@media screen and (max-width: 767px) {
	
	
	
	
	.header_main_menu {
		display: none;
		width: 100%;
		top: 13rem;
		left: 0;
	}
  .header_main_menu ul {
		padding: 1rem 4rem 2.5rem;
  }
	.header_main_menu ul li a {
		display: flex;
		align-items: center;
		padding: 2rem 0 2.5rem;
	}
	.header_main_menu ul li a .en {
		width: 36rem;
		font-size: 4rem;
		padding-left: 3.7rem;
		margin-bottom: 0.5rem;
	}
	.header_main_menu ul li a .en::before {
		content: "";
		display: block;
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		margin: auto;
		width: 2rem;
		height: 1px;
		background-color: rgba(255,255,255,0.3);
	}
	.header_main_menu ul li a .ja {
		width: calc(100% - 6rem);
		font-size: 2.5rem;
	}	
	
	/*お問い合わせボタン追加*/
	
	#contact-btn {
		display: none;
		width: 13rem;
		height: 13rem;
	}
	.menu-open #contact-btn {
		background-color: #26255b;
	}
	#contact-btn::after {
		font-size: 2rem;
		bottom: 3.5rem;
	}
	#contact-btn .humburger span {
		right: 3.3rem;
	}
	#contact-btn .humburger span:first-child {
		width: 6.4rem;
		transform: translateY(-3.5rem);
	}
	#contact-btn .humburger span:last-child {
		width: 4.4rem;
		transform: translateY(-1.3rem);
	}
	.menu-open #contact-btn .humburger span{
		width: 4.8rem;
		top: 35%;
	  right: 4rem;
	}

/*ハンバーガーメニュー内のお問い合わせ*/	
	
	.header_main_menu ul li.contact a{
		margin: 3rem 0 2rem;
		padding: 4rem 0;
		background-color: #fff;
		border-radius: 5px;
		text-align: center;
		color: #373582;
	}
	
	/*アイコン*/
	/*.header_main_menu ul li.contact a span::before{
	content: "";
    display: inline-block;
    width: 32px;
    height: 32px;
    background-image: url("../img/shared/icon_contact02.png");
	background-position: center center;
    background-size: contain;
	}*/
	.header_main_menu ul li.contact a span::before {
		content: url("../img/shared/icon_contact02.png");
		vertical-align: middle;
		margin-right: 5px;
		display: inline-block;
		height: 32px;
		width: 32px;
	}
	
	
	.header_main_menu ul li.contact a:hover{
		background-color: #5e5d94;
		color: #fff;
	}

	.header_main_menu ul li.contact a::after {

	display: none;

}
	

}