@charset "utf-8";

/*
************************************************************************
* 各種デザイン設定
* @copyright Revolme Inc.
* 
* 基本となる色設定を行う。
************************************************************************
*/

/*
************************************************************************
 スプラッシュ
************************************************************************
*/
#splash
{
	background-color:#EB882F;
}
#splash .splash-spiner .loader-inner>div
{
	border-color:#FFFFFF;
}

/*
************************************************************************
 TOTOP
************************************************************************
*/
#toTop a
{
	background-image:url(./to-top.svg);
	background-position:center center;
	background-repeat:no-repeat;
	background-size:contain;
}

/*
************************************************************************
 BODY
************************************************************************
*/
body
{
	/* テキスト基本設定 */
	color:#3D3D3D;
	
	/* 背景 */
	background-color:#FFFFFF;
	
	font-family:"Noto Sans JP", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
	font-weight:300;
}
.fw-bold
{
	font-weight:500;
}

/*
************************************************************************
 リンク
************************************************************************
*/
a,
a:link,
a:visited
{
	color:#EB882F;
}
a:active,
a:hover
{
	color:#EB882F;
	text-decoration:underline;
}

/*
************************************************************************
 各種文字色
************************************************************************
*/
.fc-caution
{
	color:#B04747;
}
.fc-notice
{
	color:#999999;
}

/*
************************************************************************
 ヘッダー
************************************************************************
*/
#header
{
	box-shadow:0px 0px 5px 0px rgba(0,0,0,0.5);
	background-color:#EB882F;
	color:#FFFFFF;
}
#pcHeader .logo,
#tabHeader .logo a,
#spHeader .logo a
{
	background-image:url(./logo.svg);
}
#pcHeader .navi ul,
#pcHeader .sns,
#mobileMenu .navi ul,
#mobileMenu .sns
{
	background-color:#FFFFFF;
	border-color:#D6D6D6;
}
#pcHeader .navi ul li,
#mobileMenu .navi ul li
{
	border-color:#D6D6D6;
}
#pcHeader .navi ul li a,
#mobileMenu .navi ul li a
{
	color:#3D3D3D;
}
#pcHeader .navi ul li a:after
{
	background-image:url(./navi-icon.svg);
}
#pcHeader .navi ul li a.active,
#mobileMenu .navi ul li a.active
{
	border-color:#EB882F;
}
#tabHeader .logo,
#spHeader .logo
{
	border-color:#C1C1C1;
}
#mobileMenu
{
	background-color:#EB882F;
	box-shadow:0px 5px 5px 0px rgba(0,0,0,0.5);
}
#tabHeader .btn-menu a
{
	background-image:url(./menu.svg);
}
#tabHeader .btn-ext a
{
	background-image:url(./header-ext-tab.svg);
}
#spHeader .btn-menu a
{
	background-image:url(./menu.svg);
}
#spHeader .btn-ext a
{
	background-image:url(./header-ext-sp.svg);
}

/*
************************************************************************
 コンテンツ内部
************************************************************************
*/
#body
{
	background-color:#FFFFFF;
	color:#3D3D3D;
}
#body #main
{
	background-color:#FFFFFF;
}
/*
************************************************************************
 フッター
************************************************************************
*/
#footer
{
	background-color:#F4F4F4;
	border-color:#D6D6D6;
	color:#3D3D3D;
}
#footer a
{
	color:#3D3D3D;
}
#footer-contents .sitemap
{
	background-color:#FFFFFF;
	border-color:#D6D6D6;
	color:#3D3D3D;
}
#footer-contents .sitemap a
{
	color:#3D3D3D;
}


/*
************************************************************************
 段落
************************************************************************
*/
.section
{
	border-color:#D6D6D6;
}
.section:last-child
{
	border-color:transparent;
}
.section:nth-child(odd)
{
	background-color:rgba(0,0,0,0);
}
.section:nth-child(even)
{
	background-color:rgba(000, 000, 000, 0.010);
}

/*
************************************************************************
 メインビジュアル
************************************************************************
*/
#title.mv-wrapper
{
	background-color:#EB882F;
}
#title.mv-wrapper .catchcopy
{
	border-color:rgba(255,255,255,1.000);
	
	background-color:rgba(235,136,47,0.533);
}
#title.mv-wrapper .catchcopy .title
{
	color:#FFFFFF;
	font-family:"Noto Serif JP", serif;
	font-weight:400;
}
#title.mv-wrapper .catchcopy .title.fw-bold,
#title.mv-wrapper .catchcopy .title .fw-bold
{
	font-weight:700;
}

#title.mv-wrapper .catchcopy .caption
{
	color:#FFFFFF;
}
#title.mv-wrapper .catchcopy .operation .button
{
	border-color:#FFFFFF;
	background-color:#EB882F;
}
#title.mv-wrapper .catchcopy .operation .button > span
{
	color:#FFFFFF;
}
#title.mv-wrapper .catchcopy .operation .button:hover
{
	border-color:#FFFFFF;
}
#title.mv-wrapper .catchcopy .operation .button:hover > span
{
	color:#FFFFFF;
}
#title.mv-wrapper .catchcopy .operation .button::before
{
	background-color:#EB882F;
}

#title.mv-wrapper .mv {background-image:url(./mv-001.svg);}
@media screen and (max-width:1200px) {#title.mv-wrapper .mv{background-image:url(./mv-001.svg);}}
@media screen and (max-width:640px)  {#title.mv-wrapper .mv{background-image:url(./mv-001.svg);}}

/*
************************************************************************
 ページタイトル
************************************************************************
*/
#title
{
	background-color:#F4F4F4;
	border-color:#D6D6D6;
}
#title .title .main
{
	color:#3D3D3D;
	font-family:"Noto Serif JP", serif;
	font-weight:400;
}
#title .title .main.fw-bold,
#title .title .main .fw-bold
{
	font-weight:700;
}

#title .title .main:before
{
	background-image:url(./page-title-charm.svg);
}
#title .description
{
	color:#3D3D3D;
}
#title .anchor,
#title .anchor ul li a
{
	color:#3D3D3D;
}
#title .anchor ul li a:hover,
#title .anchor ul li.active a
{
	border-bottom-color:#3D3D3D;
}
#title .anchor ul li:before
{
	background-image:url(./icon-anchor.svg);
}


/*
************************************************************************
 段落見出し文字色
************************************************************************
*/
.title-lv0:after
{
	background-image:url(./title-line.svg);
}
.title-lv0 .main
{
	color:#3D3D3D;
	font-family:"Noto Serif JP", serif;
	font-weight:400;
}
.title-lv0 .main.fw-bold,
.title-lv0 .main .fw-bold
{
	font-weight:700;
}

.title-lv0 .sub
{
	color:#EB882F;
	font-family:"Roboto Slab", serif;
	font-weight:400;
}
.title-lv0 .sub.fw-bold,
.title-lv0 .sub .fw-bold
{
	font-weight:700;
}


/*
************************************************************************
 大見出し
************************************************************************
*/
.title-lv1 .main,
.title-lv1-blog .main,
.title-lv1-archive .main
{
	font-family:"Noto Serif JP", serif;
	font-weight:400;
}
.title-lv1 .main.fw-bold,
.title-lv1 .main .fw-bold,
.title-lv1-blog .main.fw-bold,
.title-lv1-blog .main .fw-bold,
.title-lv1-archive .main.fw-bold,
.title-lv1-archive .main .fw-bold
{
	font-weight:700;
}
.title-lv1 .main
{
	color:#3D3D3D;
}
.title-lv1 .main:before
{
	background-image:url(./title-charm.svg);
}

/*
************************************************************************
 中見出し
************************************************************************
*/
.title-lv2:before
{
}
.title-lv2:after
{
}
.title-lv2 .main
{
	color:#3D3D3D;
	font-family:"Noto Serif JP", serif;
	font-weight:400;
}
.title-lv2 .main.fw-bold,
.title-lv2 .main .fw-bold
{
	font-weight:700;
}

.title-lv2 .sub
{
	color:#3D3D3D;
}

/*
************************************************************************
 テーブル
************************************************************************
*/
.input-table table,
.list-table table,
.calendar-table table
{
	background-color:#FFFFFF;
}
.input-table table,
.input-table table tr,
.input-table table tr th,
.input-table table tr td,
.list-table table,
.list-table table tr,
.list-table table tr th,
.list-table table tr td,
.list-table table tr td:last-child,
.calendar-table table,
.calendar-table table tr,
.calendar-table table tr th,
.calendar-table table tr td
{
	border-color:#D6D6D6;
	color:#3D3D3D;
}
.input-table table .fc-caution,
.input-table table tr .fc-caution,
.input-table table tr th .fc-caution,
.input-table table tr td .fc-caution,
.list-table table .fc-caution,
.list-table table tr .fc-caution,
.list-table table tr th .fc-caution,
.list-table table tr td .fc-caution,
.calendar-table table .fc-caution,
.calendar-table table tr .fc-caution,
.calendar-table table tr th .fc-caution,
.calendar-table table tr td .fc-caution
{
	color:#B04747;
}
.input-table table .fc-notice,
.input-table table tr .fc-notice,
.input-table table tr th .fc-notice,
.input-table table tr td .fc-notice,
.list-table table .fc-notice,
.list-table table tr .fc-notice,
.list-table table tr th .fc-notice,
.list-table table tr td .fc-notice,
.calendar-table table .fc-notice,
.calendar-table table tr .fc-notice,
.calendar-table table tr th .fc-notice,
.calendar-table table tr td .fc-notice
{
	color:#999999;
}

.profile-table table,
.profile-table table tr,
.profile-table table tr th,
.profile-table table tr td,
.tariff-table table,
.tariff-table table tr,
.tariff-table table tr th,
.tariff-table table tr td,
.open-close .time-schedule .week
{
	border-color:#D6D6D6;
}
.calendar-table table tr th
{
	background-color:rgba(000, 000, 000, 0.100);
}
.calendar-table table tr td
{
	background-color:#FFFFFF;
}
.input-table table tr th,
.list-table table tr th
{
	background-color:rgba(000, 000, 000, 0.100);
	color:#3D3D3D;
}
.input-table table tr td,
.list-table table tr td
{
	background-color:#FFFFFF;
}

/*
************************************************************************
 ギャラリー罫線
************************************************************************
*/
.gallery .gallery-list .gallery-list-item,
.gallery .gallery-list .gallery-list-item .thumbnail
{
	border-color:#D6D6D6;
	background-color:#FFFFFF;
	color:#3D3D3D;
}
.gallery .gallery-list .gallery-list-item .body .title
{
	color:#EB882F;
	font-family:"Noto Serif JP", serif;
	font-weight:400;
}
.gallery .gallery-list .gallery-list-item .body .title.fw-bold,
.gallery .gallery-list .gallery-list-item .body .title .fw-bold
{
	font-weight:700;
}

.gallery .gallery-list .gallery-list-item:hover,
.gallery .gallery-list .gallery-list-item:hover .thumbnail
{
	border-color:#D6D6D6;
}

/*
************************************************************************
* バナーボタン
************************************************************************
*/
.banner-button,
a.banner-button
{
	color:#3D3D3D;
	border-color:#D6D6D6;
	background-color:#FFFFFF;
}
.banner-button .title
{
	color:#EB882F;
	font-family:"Noto Serif JP", serif;
	font-weight:400;
}
.banner-button .title.fw-bold,
.banner-button .title .fw-bold
{
	font-weight:700;
}

.banner-button .description
{
	color:#3D3D3D;
}
.banner-button .notice
{
	border-top-color:#D6D6D6;
}
.banner-button .fc-caution
{
	color:#B04747;
}
.banner-button .fc-notice
{
	color:#999999;
}
/* == タブレットサイズ ==========================================================*/
@media screen and (max-width: 1200px) {
}
/* == スマートフォンサイズ ==========================================================*/
@media screen and (max-width: 640px) {
}


/*
************************************************************************
* ボタン
************************************************************************
*/
.button
{
	border-color:#EB882F;
	background-color:#FFFFFF;
}
.button > span
{
	color:#3D3D3D;
}
.button:hover
{
	border-color:#EB882F;
}
.button::before
{
	background-color:#EB882F;
}
.button:hover > span
{
	color:#FFFFFF;
}
.button.button-notice
{
	border-color:#D6D6D6;
	background-color:#FFFFFF;
}
.button.button-notice > span
{
	color:#3D3D3D;
}
.button.button-notice:hover
{
	border-color:#D6D6D6;
}
.button.button-notice::before
{
	background-color:#D6D6D6;
}
.button.button-notice:hover > span
{
	color:#3D3D3D;
}
.button.button-left:after
{
	background-image:url(./arrow-left-off.svg);
}
.button.button-left:hover:after
{
	background-image:url(./arrow-left-on.svg);
}
.button.button-right:after
{
	background-image:url(./arrow-right-off.svg);
}
.button.button-right:hover:after
{
	background-image:url(./arrow-right-on.svg);
}
.button.button-notice.button-left:after
{
	background-image:url(./arrow-left-notice-off.svg);
}
.button.button-notice.button-left:hover:after
{
	background-image:url(./arrow-left-notice-on.svg);
}
.button.button-notice.button-right:after
{
	background-image:url(./arrow-right-notice-off.svg);
}
.button.button-notice.button-right:hover:after
{
	background-image:url(./arrow-right-notice-on.svg);
}


/*
************************************************************************
 フォーム
************************************************************************
*/
.input-controll.checkbox input+span::before,
.input-controll.radio input+span::before
{
	background-image:url(./slide-button-off.svg);
}
.input-controll.checkbox input:checked+span::before,
.input-controll.radio input:checked+span::before
{
	background-image:url(./slide-button-on.svg);
}

/*
************************************************************************
 投稿一覧（NEWS系）
************************************************************************
*/
.post-list-thin,
.post-list-thin li
{
	border-color:#D6D6D6;
}
.post-list-thin li .post-date
{
	color:#3D3D3D;
}
.post-list-thin li .post-category
{
	background-color:#EB882F;
	color:#FFFFFF;
}

/*
************************************************************************
 投稿一覧（BLOG系）
************************************************************************
*/
.post-list-blog .post-list-blog-article .blog-article-title,
.post-list-blog .post-list-blog-list ul,
.post-list-blog .post-list-blog-list ul li
{
	border-color:#D6D6D6;
}
.post-list-blog .post-list-blog-list ul li a
{
	color:#3D3D3D;
}
.post-list-blog .post-list-blog-list .post-title
{
}
.post-list-blog .post-list-blog-article .blog-article-title .post-category,
.post-list-blog .post-list-blog-list .post-category
{
	background-color:#EB882F;
	color:#FFFFFF;
}
.post-list-blog .post-list-blog-list ul li a:hover:before
{
	background-image:url(./navi-icon-blog.svg);
}
.title-lv1-archive .main:before
{
	background-image:url(./archive-title-charm.svg);
}
.title-lv1-blog .main:before
{
	background-image:url(./blog-title-charm.svg);
}


/*
************************************************************************
 流れ
************************************************************************
*/
.flow .flow-item .flow-title .main
{
	font-family:"Noto Serif JP", serif;
	font-weight:400;
}
.flow .flow-item .flow-title .main.fw-bold,
.flow .flow-item .flow-title .main .fw-bold
{
	font-weight:700;
}
.flow .flow-item .flow-title .flow_no
{
	color:#EB882F;
	font-family:"Roboto Slab", serif;
	font-weight:400;
}
.flow .flow-item .flow-title .flow_no.fw-bold,
.flow .flow-item .flow-title .flow_no .fw-bold
{
	font-weight:700;
}
.flow .flow-item .flow-body
{
	border-color:#D6D6D6;
}

/*
************************************************************************
 ポイント
************************************************************************
*/
.point .point-item .point-title .main
{
	font-family:"Noto Serif JP", serif;
	font-weight:400;
}
.point .point-item .point-title .main.fw-bold,
.point .point-item .point-title .main .fw-bold
{
	font-weight:700;
}
.point .point-item .point-title .point_no .point_no_label
{
	color:#FFFFFF;
	background-color:#EB882F;
	font-family:"Roboto Slab", serif;
	font-weight:400;
}
.point .point-item .point-title .point_no.fw-bold,
.point .point-item .point-title .point_no .fw-bold
{
	font-weight:700;
}
.point .point-item .point-body
{
}

/*
************************************************************************
 ギャラリー
************************************************************************
*/
.photo-gallery ul li .caption .title
{
	font-family:"Noto Serif JP", serif;
	font-weight:400;
}
.photo-gallery ul li .caption .title.fw-bold,
.photo-gallery ul li .caption .title .fw-bold
{
	font-weight:700;
}


/*
************************************************************************
 アイコン
************************************************************************
*/
.icon-before.icon-tel:before
{
	background-image:url(./icon-tel.svg);
}
.icon-before.icon-mail:before
{
	background-image:url(./icon-mail.svg);
}
.icon-before.icon-tel-footer:before
{
	background-image:url(./icon-tel-footer.svg);
}
.icon-before.icon-mail-footer:before
{
	background-image:url(./icon-mail-footer.svg);
}
.icon-before.icon-anchor-footer:before
{
	background-image:url(./icon-anchor-footer.svg);
}

/*
************************************************************************
 エディタスタイル
************************************************************************
*/
.mce-editor h2.editor-text
{
	font-family:"Noto Serif JP", serif;
	font-weight:400;
	border-left-color:#EB882F;
	border-bottom-color:#D6D6D6;
}
.mce-editor h3.editor-text
{
	font-family:"Noto Serif JP", serif;
	font-weight:400;
}
.mce-editor img
{
}
.mce-editor figure
{
	background-color:#D6D6D6;
}
.mce-editor figure > img
{
}
.mce-editor figure > figcaption
{
}
.mce-editor hr
{
	border-bottom-color:#D6D6D6;
}


/* ################################################################################################ */
/* ## 中型                       ################################################################## */
/* ################################################################################################ */
@media screen and (max-width:1200px) {
}

/* ################################################################################################ */
/* ## スマホサイト用スタイル ###################################################################### */
/* ################################################################################################ */
@media screen and (max-width:640px) {
	/*
	************************************************************************
	 BODY
	************************************************************************
	*/
	body
	{
		font-size:2.2rem;
	}
}