@charset "utf-8";

/*------------------------------*/
/* ヘッダー */
/*------------------------------*/
/* Read more */
.read_more {
	position: fixed;
	top:0px;
	right:0px;
	background: linear-gradient(to right, #5a5aa2 0%, #5a5aa2 100%);
	z-index: 3;
	color:#ffffff;
	padding:30px 10px 50px 10px;
	writing-mode: vertical-rl;
	text-orientation: sideways-right;
	clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 80%);
	transition: 0.3s;
}
.read_more:hover {
	background: linear-gradient(to right, #5a5aa2 0%, #5a5aa2 100%);
}

/*------------------------------*/
/* フッター */
/*------------------------------*/
#footer {
	background-image: url('../image/camouflage_bg.webp');
}

/*------------------------------*/
/* 背景色 */
/*------------------------------*/
.background_color_5a5aa2 {
	background-color: #5a5aa2;
}
.background_color_3d3294 {
	background-color: #3d3294;
}

/*------------------------------*/
/* ハンバーガーボタン */
/*------------------------------*/
/* 表示位置調整枠 */
.js_menu_switch_frame {
	background-color:#5a5aa2;
	color:#ffffff;
	border:1px solid #e7e6ff;
}
.js_menu_switch_frame:hover {
	background-color: #5a5aa2;
}

/*------------------------------*/
/* トップへ戻るボタン */
/*------------------------------*/
.js_scroll_top_button {
	background-color: #5a5aa2;
	color: #000000;
	border:1px solid #e7e6ff;
}
.js_scroll_top_button:hover {
	background-color: #5a5aa2;
}

/*------------------------------*/
/* モバイルメニュー枠 */
/*------------------------------*/
.js_mobile_nav {
	/* right:-100%; /* 右 */
	background-color:#5a5aa2;
	border-right:1px solid #5a5aa2;
}

/* モバイル用ナビボタン (サブ) */
.footer_nav_button_sub {
	background-color: #5a5aa2;
}