@charset "utf-8";

/*------------------------------*/
/* ヘッダー */
/*------------------------------*/
/* Read more */
.read_more {
	position: fixed;
	top:0px;
	right:0px;
	background: linear-gradient(to right, #ffdfd2 0%, #ff82aa 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, #ffdfd2 0%, #ffdfd2 100%);
}

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

/* 垂直の線 */
.vertical_line_b {
	background-image: url('../image/vertical_line_b.webp');
	background-repeat: no-repeat;
	background-position: center;
	background-size: 1px 80%;
}

/*------------------------------*/
/* 背景色 */
/*------------------------------*/
.background_color_ff82aa {
	background-color: #ff82aa;
}
.background_color_ffdfd2 {
	background-color: #ffdfd2;
}
.background_color_ffaab4 {
	background-color: #ffaab4;
}
/*------------------------------*/
/* フォントカラー */
/*------------------------------*/
.color_ff78a0 {
	color:#ff78a0;
}

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

/*------------------------------*/
/* トップへ戻るボタン */
/*------------------------------*/
.js_scroll_top_button {
	background-color: #ff82aa;
	color: #ffffff;
	border:1px solid #ffaab4;
}
.js_scroll_top_button:hover {
	background-color: #ffaab4;
}

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

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