@charset "utf-8";

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

/*
************************************************************************
 スプラッシュ
************************************************************************
*/
#splash
{
	background-color:#46A5C9;
}
#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;
}

/*
************************************************************************
 リンク
************************************************************************
*/
a,
a:link,
a:visited
{
	color:#46A5C9;
}
a:active,
a:hover
{
	color:#46A5C9;
	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:#46A5C9;
	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:#46A5C9;
}
#tabHeader .logo,
#spHeader .logo
{
	border-color:#C1C1C1;
}
#mobileMenu
{
	background-color:#46A5C9;
}
#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:#46A5C9;
}
#title.mv-wrapper .catchcopy
{
	border-color:rgba(255,255,255,1.000);
	
	background-color:rgba(70,165,201,0.533);
}
#title.mv-wrapper .catchcopy .title
{
	color:#FFFFFF;
}
#title.mv-wrapper .catchcopy .caption
{
	color:#FFFFFF;
}
#title.mv-wrapper .catchcopy .operation .button
{
	border-color:#FFFFFF;
	background-color:#46A5C9;
}
#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:#46A5C9;
}

/*
************************************************************************
 ページタイトル
************************************************************************
*/
#title
{
	background-color:#F4F4F4;
	border-color:#D6D6D6;
}
#title .title .main
{
	color:#3D3D3D;
}
#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;
}
.title-lv0 .sub
{
	color:#46A5C9;
}


/*
************************************************************************
 大見出し
************************************************************************
*/
.title-lv1
{
	background-color:#46A5C9;
}
.title-lv1:after
{
	border-top-color:#46A5C9;
}
.title-lv1 .main
{
	color:#FFFFFF;
}

/*
************************************************************************
 中見出し
************************************************************************
*/
.title-lv2:before
{
}
.title-lv2:after
{
}
.title-lv2 .main
{
	color:#3D3D3D;
}
.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:#46A5C9;
}
.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:#46A5C9;
}
.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:#46A5C9;
	background-color:#FFFFFF;
}
.button > span
{
	color:#3D3D3D;
}
.button:hover
{
	border-color:#46A5C9;
}
.button::before
{
	background-color:#46A5C9;
}
.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:#46A5C9;
	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:#46A5C9;
	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);
}

/*
************************************************************************
 アイコン
************************************************************************
*/
.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);
}

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

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