/*------------------------------------------------------------------------------

 Theme Name:SALON WEB 子テーマ [reclear]
 Template:salonweb_base
 Author:Bran-new-days
 Description:2021/11/5

------------------------------------------------------------------------------*/

/* /////////////////////////////////////////////////////////////////////////////

 layout

///////////////////////////////////////////////////////////////////////////// */

body {
	background: #eef8f8;
}

.header {
	background: inherit;
	background: #eef8f8;
}

.header.header_fix {
}


/* gnavi
------------------------------------------------------------- */

.gnavi a b {
	color: #7a6a5f;
}


/* menu
------------------------------------------------------------- */

.menu_saloninfo .tel {
	font-family: 'Playfair Display', serif ;
}

.contact_link li.reserve a {
	color: #FFF;
	border: none;
	border-radius: 50vh;
	background: rgb(203,186,204);
	background: linear-gradient(132deg, rgba(37,128,179,1) 0%, rgba(203,186,204,1) 100%);
}

.contact_link li.line a {
	border-radius: 50vh;
	
}

.fixbtn_list {
	background: #7a6a5f;
}


/* footer
------------------------------------------------------------- */
.contents_news {
	background: rgba(0,0,0,.05);
}
.footer_info .tel {
	font-family: 'Playfair Display', serif ;
}



/* 共通カレンダー
-----------------------------------------------------------*/

.cal_wrapper table.cal tr.headline {
	background: rgba(0,0,0,.1);
}

.cal_wrapper table.cal tr td .holyday ,
.cal_info .holyday {
	background: rgba(0,0,0,.15);
}

.cal_wrapper table.cal tr td {
	border: solid 1px #c7c7c7;
}
.staff_cal table.cal tr td .sholyday ,
.cal_info .sholyday {
	background: rgba(0,0,0,.2);
}
.cal_wrapper table.cal tr td .holyday::after ,
.cal_wrapper table.cal tr td .sholyday::after {
	color: #ffffff;
}

.cal_wrapper table.cal tr.headline td:last-child ,
.cal_wrapper table.cal tr td .Sat ,
.cal_wrapper table.cal tr td .Sat.workday ,
.cal_wrapper table.cal tr td .Sat.sworkday {
	color: #00479d;
}
.cal_wrapper table.cal tr.headline td:first-child ,
.cal_wrapper table.cal tr td .Sun ,
.cal_wrapper table.cal tr td .Sun.workday ,
.cal_wrapper table.cal tr td .Sun.sworkday {
	color: #a40000;
}

.footer_cal .cal_wrapper table.cal tr td {
    border: 1px solid #A09995;
}



/* /////////////////////////////////////////////////////////////////////////////

 メインコンテンツ

///////////////////////////////////////////////////////////////////////////// */

/* タイトル
-----------------------------------------------------------*/

.title_block h1 b {
	color: #7a6a5f;
}

.title_block_min h2 ,
.title_block_min h3 {
	color: #01607f;
}


/* ページネーション/ページャー
-----------------------------------------------------------*/

.pagination a {
}

.pagination a:hover {
}

.pagination span.current {
}


/* リンクボックス
-----------------------------------------------------------*/

.link_more a::after {
}


/* ボタンボックス
-----------------------------------------------------------*/

.btn_box a {
	color: #FFF;
	border: none;
	border-radius: 50vh;
	background: rgb(203,186,204);
	background: linear-gradient(132deg, rgba(37,128,179,1) 0%, rgba(203,186,204,1) 100%);
}

.btn_box a:hover {
	background: rgb(203,186,204);
	background: linear-gradient(132deg, rgba(37,128,179,1) 0%, rgba(203,186,204,1) 100%);
	opacity: 0.7;
	filter: alpha(opacity=70);
}



.btn_box02 a {
	color: #FFF;
	border: none;
	border-radius: 50vh;
	background: rgb(203,186,204);
	background: linear-gradient(132deg, rgba(37,128,179,1) 0%, rgba(203,186,204,1) 100%);
}

.btn_box02 a:hover {
	background: rgb(203,186,204);
	background: linear-gradient(132deg, rgba(37,128,179,1) 0%, rgba(203,186,204,1) 100%);
	opacity: 0.7;
	filter: alpha(opacity=70);
}

.reserve_link .line .btn_box02 a {
    color: #FFF;
    border: none;
    border-radius: 50vh;
    background: #62CC4A;
}


/* アーカイブ一覧表示
-----------------------------------------------------------*/

.entry_list .cate_box a ,
.entryblock_list .cate_box a {
	background: #7a6a5f;
}

.entry_list dd em ,
.entry_list dd a em {
	color: #01607f;
}

.entryblock_list em::before ,
.entryblock_list em::after {
	position: absolute;
}


.staff_list em {
	color: #01607f;
}

.staff_list .staff_job .posi01 {
	background: #7a6a5f;
}

.point_list .txt h2 {
	color: #01607f;
}

/*------------------------------------------------------------------------------

 記事 single / page

------------------------------------------------------------------------------*/

.post {
	margin-bottom: 20px;
}

.salon_info .txt h2 {
	color: #01607f;
}

#toc_container {
}


.post .cate_box a {
	background: #7a6a5f;
}

.p-navi a em {
	background: #7a6a5f;
}



/* /////////////////////////////////////////////////////////////////////////////

 ページ

///////////////////////////////////////////////////////////////////////////// */

/* -----------------------------------------------------------------------------

 index

----------------------------------------------------------------------------- */

/* cover
----------------------------------------------------------- */

.cover_wrapper {
	margin-bottom: 0;
}

/* swiper高さ変更 */
.slide_img {
	padding-top: 130%;
	background-size: cover;
	background-position: center 0%;
}

.cover_layer_orig {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
	display: -webkit-flex;
	display: flex;
	align-items: center;
	background: rgba(0,0,0,.4);
	/*background: linear-gradient(90deg, rgba(208,245,246,0.45) 0%, rgba(221,232,246,0.45) 100%);*/
}

/* orig 中身 */

.cover_inner_orig {
	width: 100%;
	padding: 40px 0 0;
	text-align: center;
}

.cover_layer_orig .catch1 {
	margin-bottom: 20px;
	color: #FFF;
	font-size: 8vw;
	font-weight: 600;
	font-family: '游明朝', YuMincho, 'Hiragino Mincho ProN W3', 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'HG明朝E', 'ＭＳ Ｐ明朝', 'ＭＳ 明朝', serif;
	line-height: 1.4;
}

.cover_layer_orig .catch2 {
	display: block;
	margin-bottom: 30px;
	color: #FFF;
	font-size: 6vw;
	font-weight: 400;
	font-family: '游明朝', YuMincho, 'Hiragino Mincho ProN W3', 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'HG明朝E', 'ＭＳ Ｐ明朝', 'ＭＳ 明朝', serif;
	line-height: 1.6;
}
.cover_layer_orig .catch1 span ,
.cover_layer_orig .catch2 span {
	display: block;
}

.cover_layer_orig .logo {
	display: block;
	width: 280px;
	max-width: 60%;
	margin: 0 auto 20px;
	padding: 15px 20px;
	background: #eef8f8;
}

.cover_layer_orig .catch3 {
	color: #FFF;
	text-shadow: 0 0 7px rgba(0,0,0,.6);
}


/* お知らせ
----------------------------------------------------------- */

.contents.topnews .contents_inner {
	max-width: 800px;
	padding: 20px;
	background: #ddeded;
}
.contents.topnews .contents_inner h2 {
	color: #7a6a5f;
}


/* セールスポイント スライド
----------------------------------------------------------- */

.point_swiper {
	max-width: 850px;
	padding: 0 15px;
}

.point_wrapper h1 {
	color: #7a6a5f;
}

.point_inner {
	margin-bottom: 30px;
	padding: 0;
	box-shadow: none;
}

.point_inner .txt {
	padding: 0 20px 20px;
}

.point_inner .txt h2 {
	color: #01607f;
	font-size: 120%;	

}

.point_inner .txt p {
	height: auto;
}


/* ピックアップメニュー
-----------------------------------------------------------*/

.pickup_menu_list a > div {
    background: #FFFFFF;
	border: 1px solid #FFFFFF;
}

.pickup_menu_list a:hover > div {
    background: #FFFFFF;
	border: none;
}

.pickup_menu_list .txt h2 {
	color: #01607f;
}

/* トップサロン
-----------------------------------------------------------*/
.index_salon .thumb{
    margin-bottom: 10px;
}
.index_salon .txt_inner em {
    color: #01607f;
    margin-bottom: 10px;
}


/* -----------------------------------------------------------------------------

 menu

----------------------------------------------------------------------------- */

.menu_block h2 {
}

/* -----------------------------------------------------------------------------

 staff

----------------------------------------------------------------------------- */

.staff_intro {
}

.staff_info_area .staff_name em ,
.staff_intro h3 ,
.staff_info_area .staff_cal h3 {
	color: #01607f;
}


/* -----------------------------------------------------------------------------

 gallery

----------------------------------------------------------------------------- */

.gallery_mainimg {
}

.gallery_info h3 {
}

.gallery_tbl dd span {
}

/* -----------------------------------------------------------------------------

 reserve

----------------------------------------------------------------------------- */

.reserve_link .tel i {
	font-family: 'Playfair Display', serif ;
}


/* /////////////////////////////////////////////////////////////////////////////

 デバイス別

///////////////////////////////////////////////////////////////////////////// */

/*media Queries スマホ
-----------------------------------------------------------*/

@media only screen and (max-width: 768px) {
	/* main ////////////////////////// sp */
	/* page ////////////////////////// sp */
	/* index ------------------------- sp */
	.home .contents.topnews {
		padding: 0 0;
	}
}


/*media Queries タブレット 〜 PCサイズ
-----------------------------------------------------------*/

@media only screen and (min-width: 769px) {
	/* page ////////////////////////// sp */
	/* index ------------------------- sp */
	/* swiper高さ変更 */
	.cover_wrapper {
		background: url(./image/common/cover_bg.jpg);
		background-size: cover;
	}
	.cover_container {
		display: -webkit-flex;
		display: flex;
		flex-direction: row-reverse;
		align-items: center;
		padding: 4% 6%;
	}
	.cover_swiper {
		width: 42%;
		margin-bottom: 0;
	}
	.cover_layer_orig {
		position: relative;
		width: 58%;
		background: none;
	}
	/* swiper高さ変更 */
	.slide_img {
	}
	.cover_inner_orig {
		min-width: 500px;
		padding: 40px 0 0;
	}
	.cover_layer_orig .catch1 {
		margin-bottom: .5em;
		color: #5f4b40;
		font-size: 3.125rem;
	}
	.cover_layer_orig .catch2 {
		color: #5f4b40;
		font-size: 1.875rem;
	}
	.cover_layer_orig .logo {
		padding: 30px 40px;
	}
	.cover_layer_orig .catch3 {
		font-size: 1.5rem;
	}
	.contents.topnews .contents_inner {
		padding: 40px 30px;
	}
	.contents.topnews h2 {
		font-size: 1.25rem;
	}
	.contents.topnews p {
		font-size: 1.125rem;
	}
	.point_inner .thumb {
		flex-basis: 40%;
		padding-bottom: 0;
	}
	.point_inner .txt {
		flex-basis: 56%;
		padding: 20px 20px 20px 0;
	}
}



/* /////////////////////////////////////////////////////////////////////////////

 オリジナルコンテンツ

///////////////////////////////////////////////////////////////////////////// */


.nayami_caption {
	margin-top: 20px;
	margin-bottom: 20px;
	padding: 15px 5px;
	background: #FFF;
	font-size: 5vw;
	font-weight: 500;
	font-family: '游明朝', YuMincho, 'Hiragino Mincho ProN W3', 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'HG明朝E', 'ＭＳ Ｐ明朝', 'ＭＳ 明朝', serif;
	text-align: center;
}

.check_list {
	line-height: 1.4;
	margin-bottom: 20px;
	font-size: 0.9rem;
}

.check_list li {
	position: relative;
	padding-top: .5em;
	padding-left: 2em;
	padding-bottom: .5em;
	border-bottom: 2px dashed #d1c0a5;
	color: #7e6b5a;
	font-weight: bold;
	text-align: left;
}

.check_list > li::before {
	position: absolute;
	content: '';
	display: block;
	top: .5em;
	left: 0;
	width: 28px;
	height: 22px;
	background: url(./image/common/icon_check02.svg) no-repeat;
}

@media only screen and (min-width: 769px) {
	.nayami_caption {
		font-size: 1.5rem;
	}
	.check_list {
	    margin-top: 0;
	    margin-right: 50px;
	    margin-left: 50px;
	    margin-bottom: 20px;
	    font-size: 1.125rem;
	}
	.check_list li {
		background-size: auto 4px;
	}
}