/*■■■■■ ↓消さないでください↓ ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/

/* type089-23 */

@import url("../../../../go/designtemplate/pc/type089-01/stylebase.css");
@import url("../../../../go/designtemplate/pc/type089-03/stylebasecolor.css");
@import url("../../../../go/designtemplate/pc/type089-01/style_noside.css");

/*■■■■■ ↑消さないでください↑ ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/





/*■■■■■ ↓カスタムデザイン用スタイル記述エリア↓ ■■■■■■■■■■■■■■■■■■■■■■*/



/*■■■■■ リンク ■■■■■*/
a,
#select2-drop u,
#s2id_linkstyle u,
.area_8 .table_calendar_tate tr.calendar_month td.month {
	color: #575C76;
}

/*■■■■■ リンクボタンタイプ（おすすめタイプ２） ■■■■■*/
p:has(.rilinktype0) {
	text-align:center;
}
.rilinktype0 {
	background: #FFFFFF;
	border: 1px solid #575C76 !important;
	border-radius: 0 !important;
	color: #575C76 !important;
	font-weight: bold;
	padding: 15px 20px !important;
	box-sizing: border-box;
	width: 80%;
	position: relative;
	-ms-transition: 0.3s;
	transition: 0.3s;
}
.rilinktype0:hover {
	color: #575C76 !important;
	filter: alpha(opacity=60);
	opacity: 0.6;
}
.rilinktype0:before {
	content: "";
	border-bottom: 12px solid #575C76;
	border-left: 12px solid transparent;
	bottom: 0;
	right: 0;
	position: absolute;
}




/*■■■■■ 電話番号 ■■■■■*/
/*■■■■■ フリーダイヤル ■■■■■*/
.area_5 .tel > .title,
.area_5 .freetel > .title {
	font-size: inherit;
}



/*■■■■■ main_menu ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
#INDEX .main_menu {
	background: rgba(0,0,0,0.4);
}
#INDEX .fixed,
.main_menu {
	background: #FFFFFF;
	box-shadow: 0px 5px 0 0 rgba(0,0,0,0.1);
}

#INDEX .prev_all_smart .main_menu {
	background: #FFFFFF;
	box-shadow: 0px 5px 0 0 rgba(0,0,0,0.1);
}

@media only screen and (max-width: 667px)  {
	#INDEX .main_menu {
		background: #FFFFFF;
		box-shadow: 0px 5px 0 0 rgba(0,0,0,0.1);
	}
}



/*■■■■■ footer ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
.footer {
	background: #DFCAA5;
}



/*■■■■■ ↓各areaの設定↓ ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
.area_5 {
	background: #575C76;
}
.area_3,
.area_9 {
	background: #FBF4E8;
}


/*■■■■■ 親タイトル ■■■■■*/
.none .title,
.form_none .form_title {
	color: #030303;
}

.area_2 .none .title:hover,
.area_2 .this .title,
.area_2 .this .title:hover,
.area_2 .form_none .form_title:hover,
.area_2 .form_this .form_title,
.area_2 .form_this .form_title:hover {
	color: #575C76;
}
.area_2 .none .title:hover > span,
.area_2 .this .title > span,
.area_2 .this .title:hover > span,
.area_2 .form_none .form_title:hover > span,
.area_2 .form_this .form_title > span,
.area_2 .form_this .form_title:hover > span {
	border-color: #575C76;
}
#INDEX .fixed .area_2 .none .title,
#INDEX .fixed .area_2 .form_none .form_title {
	color: #030303;
}
#INDEX .fixed .area_2 .none .title:hover,
#INDEX .fixed .area_2 .this .title,
#INDEX .fixed .area_2 .this .title:hover,
#INDEX .fixed .area_2 .form_none .form_title:hover,
#INDEX .fixed .area_2 .form_this .form_title,
#INDEX .fixed .area_2 .form_this .form_title:hover {
	color: #575C76;
}
#INDEX .fixed .area_2 .none .title:hover > span,
#INDEX .fixed .area_2 .this .title > span,
#INDEX .fixed .area_2 .this .title:hover > span,
#INDEX .fixed .area_2 .form_none .form_title:hover > span,
#INDEX .fixed .area_2 .form_this .form_title > span,
#INDEX .fixed .area_2 .form_this .form_title:hover > span {
	border-color: #575C76;
}
#INDEX .prev_all_smart .area_2 .none .title,
#INDEX .prev_all_smart .area_2 .form_none .form_title {
	color: #030303;
}
#INDEX .prev_all_smart .area_2 .none .title:hover,
#INDEX .prev_all_smart .area_2 .this .title,
#INDEX .prev_all_smart .area_2 .this .title:hover,
#INDEX .prev_all_smart .area_2 .form_none .form_title:hover,
#INDEX .prev_all_smart .area_2 .form_this .form_title,
#INDEX .prev_all_smart .area_2 .form_this .form_title:hover {
	color: #575C76;
}
#INDEX .prev_all_smart .area_2 .none .title:hover > span,
#INDEX .prev_all_smart .area_2 .this .title > span,
#INDEX .prev_all_smart .area_2 .this .title:hover > span {
	border-color: #575C76;
}

@media only screen and (max-width: 667px)  {
	#INDEX .area_2 .none .title:hover,
	#INDEX .area_2 .this .title,
	#INDEX .area_2 .this .title:hover,
	#INDEX .area_2 .form_none .form_title:hover,
	#INDEX .area_2 .form_this .form_title,
	#INDEX .area_2 .form_this .form_title:hover {
		color: #575C76;
	}
	#INDEX .area_2 .none .title:hover > span,
	#INDEX .area_2 .this .title > span,
	#INDEX .area_2 .this .title:hover > span {
		border-color: #575C76;
	}
}

.area_3 .none .title,
.area_3 .this .title,
.area_3 .form_none .form_title,
.area_3 .form_this .form_title,
.area_9 .none .title,
.area_9 .this .title,
.area_9 .form_none .form_title,
.area_9 .form_this .form_title {
	color: #030303;
	border-color: #030303;
}
.area_4 .none .title,
.area_4 .this .title,
.area_4 .form_none .form_title,
.area_4 .form_this .form_title,
.area_6 .none .title,
.area_6 .this .title,
.area_6 .form_none .form_title,
.area_6 .form_this .form_title {
	color: #030303;
	border-color: #CCCCCC;
}
.area_8 .none .title,
.area_8 .none .title:hover,
.area_8 .this .title,
.area_8 .this .title:hover,
.area_8 .form_none .form_title,
.area_8 .form_none .form_title:hover,
.area_8 .form_this .form_title,
.area_8 .form_this .form_title:hover,
.area_8 .this .this_title,
.pagetitle .pagetitle_1 {
	color: #030303;
	border-color: #CCCCCC;
}
.area_8 .none .title,
.area_8 .none .title:hover,
.area_8 .this .title,
.area_8 .this .title:hover,
.area_8 .form_none .form_title,
.area_8 .form_none .form_title:hover {
	color: #030303;
	border-color:  #CCCCCC;
}


/*■■■■■ 子タイトル ■■■■■*/
.list_2 .child_link .title:before,
.list_2 .child_link .title_s:before {
	border-color: #575C76 #575C76 transparent transparent;
}
.area_6 .list_2 .child_link .title:before,
.area_6 .list_2 .child_link .title_s:before {
	border-color: #575C76 #575C76 transparent transparent;
}

/*■■ 文章表示あり ■■*/
.area_8 .list_2 .child_link .title {
	background: #FFFFFF;
	border-top: 2px solid #575C76;
	border-bottom: 1px solid #CCCCCC;
	border-radius: 0;
	color: #030303;
	padding: 20px 0;
}

/*■■ 文章表示なし ■■*/
.area_8 .list_2 .child_link .title_s {
	color: #030303;
}
.area_8 .list_2 .child_link .title_s:before {
	border-color: #575C76 #575C76 transparent transparent;
}
.area_8 .yoko_2maga .list_2 .child_link .title_s,
.area_8 .yoko_3maga .list_2 .child_link .title_s,
.area_8 .yoko_4maga .list_2 .child_link .title_s,
.area_8 .yoko_bborder .list_2 .child_link .title_s,
.area_8 .yoko_3border .list_2 .child_link .title_s,
.area_8 .yoko_4border .list_2 .child_link .title_s {
	border-color: #575C76 !important;
}

/*■■■■■ .title3rd ■■■■■*/
.title3rd {
	background: #FBF4E8;
	color: #030303;
}


/*■■■■■ よくあるご質問 ■■■■■■■■■■■■■■■*/

/*■■■■■ Q ■■■■■*/
.faqstyle .list_2 .child_link .title,
.faqstyle .list_2 .child_link .title_s {
	background-image: url(/cds/cdsroot/skin/img/mark_q_2.png);
	color: #030303;
}


/*■■ 文章表示あり ■■*/
.area_8 .faqstyle .list_2 .child_link .title {
	background-image: url(/cds/cdsroot/skin/img/mark_q.png);
	color: #030303;
}

.area_8 .faqstyle .yoko_s .list_2 .child_link .title,
.area_8 .faqstyle .yoko_4 .list_2 .child_link .title {
	background-image: url(/cds/cdsroot/skin/img/mark_q_1.png);
}

/*■■ 文章表示なし ■■*/
.area_8 .faqstyle .list_2 .child_link .title_s {
	background-image: url(/cds/cdsroot/skin/img/mark_q_1.png);
	color: #030303;
}

/*■■■■■ A ■■■■■*/
.faqstyle .list_2 .text_box_1,
.faqstyle .list_2 .text_box_1_s {
	background-image: url(/cds/cdsroot/skin/img/mark_a_2.png);
}
.area_8 .faqstyle .list_2 .text_box_1 {
	background-image: url(/cds/cdsroot/skin/img/mark_a.png);
}
.area_8 .faqstyle .yoko_s .list_2 .text_box_1,
.area_8 .faqstyle .yoko_4 .list_2 .text_box_1 {
	background-image: url(/cds/cdsroot/skin/img/mark_a_1.png);
}


/*■■■■■ リンクバナーがないときのバナー風タイトル ■■■■■*/
.form_bannerlink_noimg .block,
.form_bannerlink_noimg:hover .block,
.area_8 .reservation_box .form_bannerlink_noimg .block,
.area_8 .reservation_box .form_bannerlink_noimg:hover .block,
.area_9 .reservation_box .form_bannerlink_noimg .block,
.area_9 .reservation_box .form_bannerlink_noimg:hover .block {
	background-image: url(/cds/cdsroot/skin/img/0_image_form_s_001.png);
}
.area_8 .form_bannerlink_noimg .block,
.area_8 .form_bannerlink_noimg:hover .block,
.area_9 .form_bannerlink_noimg .block,
.area_9 .form_bannerlink_noimg:hover .block,
.edit_form_li .edit_area .edit_box_left .form_bannerlink_noimg .block,
.edit_form_li .edit_area .edit_box_left .form_bannerlink_noimg:hover .block {
	background-image: url(/cds/cdsroot/skin/img/0_image_form_b_001.png);
}
.area_5 .form_bannerlink_noimg .img_none_title,
.area_5 .form_bannerlink_noimg:hover .img_none_title {
	color: #575C76;
}


/*■■■■■ 詳細のマーク ■■■■■*/
.list_1 .mark_details_1,
.list_1 .mark_details_2,
.list_2 .mark_details_2 {
	border-color: #575C76;
	color: #575C76;
	font-family: inherit;
}
.list_1 .mark_details_1:before,
.list_1 .mark_details_2:before,
.list_2 .mark_details_2:before {
	border-bottom: 12px solid #575C76;
}


/*■■■■■ 子ページの目次 ■■■■■*/
.area_8 .mokuji > li > .title:before,
.area_8 .mokuji > li > .sitemap_link:before {
	border-color: #575C76 #575C76 transparent transparent;
}

.area_8 .mokuji > li > .categorytitle:before {
	border-color: #575C76 #575C76 transparent transparent;
}


/*■■■■■ カテゴリーの目次 ■■■■■*/
.area_8 .mokujicategory > li > a:before {
	border-color: #575C76 #575C76 transparent transparent;
}


/*■■■■■ カテゴリー ■■■■■■■■■■■■■■■*/
.category_title:before {
	background: #575C76;
}



/*■■■■■ ↓editor style↓ ■■■■■■■■■■■■■■■■■■ editor style ■■■■■*/

/*■■ webフォーム STEP2（特記の中のリンク） ■■*/
.edit_form .edit_area_area_8_1 .point a {
	color: #575C76;
}


/*■■■■■ 箇条書き ul ■■■■■*/
ul li:before,
.nicEdit-main ul li:before,
.edit_area_area_8_1 ul li:before {
	content: "\0025cf";
	color: #575C76;
}


/*■■■■■ 箇条書き ul（チェックマークのリスト） ■■■■■*/
.rschecklist > li:before,
ul.rsstep li .rschecklist > li:before,
ol.rsstep li .rschecklist > li:before {
	border-color: #E0477E !important;
}
.area_8 .rschecklist > li:before,
.nicEdit-main ul.rschecklist > li:before {
	top: 8px !important;
}


/*■■■■■ 箇条書き ol ■■■■■*/
ol li:before,
.nicEdit-main ol li:before {
	background: none;
	color: #575C76;
}


/*■■■■■ ブロックテンプレート（コース/プラン説明） ■■■■■*/
.flex-container li {
	padding: 3%;
}

/*■■■■■ ブロックテンプレート（流れ3列・4列） ■■■■■*/
.flow_2 li:not(:last-of-type)::after,
.flow_3 li:not(:last-of-type)::after,
.flow_4 li:not(:last-of-type)::after {
	border-left-color: #575C76 !important;
}
.flow_1 li:not(:last-of-type)::after,
.prev_all_smart .flow_1 li:not(:last-of-type)::after,
.prev_all_smart .flow_2 li:not(:last-of-type)::after,
.prev_all_smart .flow_3 li:not(:last-of-type)::after,
.prev_all_smart .flow_4 li:not(:last-of-type)::after,
.prev_all_smart .column_2 .flow_1 li:not(:last-of-type)::after,
.prev_all_smart .column_2 .flow_2 li:not(:last-of-type)::after,
.prev_all_smart .column_2 .flow_3 li:not(:last-of-type)::after,
.prev_all_smart .column_2 .flow_4 li:not(:last-of-type)::after {
	border-top-color: #575C76 !important;
}


/*■■■■■ hr ■■■■■*/
hr,
.nicEdit-main hr {
	border-top: 1px dashed #CCCCCC;
}


/*■■■■■ 流れ hr ■■■■■*/
hr.pagearrow:after,
.nicEdit-main hr.pagearrow:after {
	border-top-color: #575C76;
}


/*■■■■■ 大見出し ■■■■■*/
.heading1 {
	color: #030303;
	border-color: #575C76;
}


/*■■■■■ 小見出し ■■■■■*/
.heading2 {
	color: #030303;
}
.heading2:before {
	background: #E0A5A5;
}


/*■■■■■ 引用 ■■■■■*/
blockquote {
	border: 5px solid #EFEFEF;
}
.area_7 blockquote,
.area_8 blockquote,
.nicEdit-main blockquote {
	padding: 30px;
	margin: 15px 0;
}
blockquote:before,
blockquote:after,
.nicEdit-main blockquote:before,
.nicEdit-main blockquote:after{ 
	content: none;
}


/*■■■■■ 表 ■■■■■*/
/*■■ 枠線無しの表 ■■*/
.area_5 .list_1 .noframe th,
.area_5 .list_1 .noframe td,
.area_5 .list_1 .noframe2 th,
.area_5 .list_1 .noframe2 td {
	color: #FFFFFF;
}


/*■■■■■ 詳細のマーク ■■■■■*/
/*■■ 表示位置　中央寄せ ■■*/
.area_8 .list_2 .mark_details_2.title_center {
	padding: 15px;
	margin-top: 20px !important;
	margin-bottom: 30px !important;
}


/*■■■■■ ↓固定areaの設定↓ ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
.area_11,
.area_12,
.area_13,
.area_14 {
	background: #FBF4E8;
	background: rgba(248, 238, 219, 0.8);
	color: #030303;
}


/*■■■■■ ↓個別パーツの設定↓ ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
#riid_379 .list_2 {
	padding: 0 !important;
}
#riid_379 .list_2 .text_box {
	padding: 30px 5% 0 !important;
	display: block;
	box-sizing: border-box;
}
#riid_379 .list_2 .mark_details_2 + .yohaku {
	display: none;
}

#riid_476 {
	padding: 0 10px 10px 10px !important;
}


/*■■■■■ ↑カスタムデザイン用スタイル記述エリア↑ ■■■■■■■■■■■■■■■■■■■■■■*/
