@charset "utf-8";

/*
************************************************************************
* カラー設定
* @copyright Revolme Inc.
************************************************************************
*/

/*
************************************************************************
 フォント設定
************************************************************************
*/
.ff-base{font-family:'Noto Sans JP', 'ヒラギノ角ゴ Pro W3', 'メイリオ', sans-serif; font-weight:400;}
.ff-alp {font-family: 'Sen', sans-serif;}
.ff-num {font-family: 'Sen', sans-serif;}

/*
************************************************************************
 ページ基本設定
************************************************************************
*/
body
{
	color:#000000;
	background-color:#FFFFFF;
}
a
{
	color:#000000;
}
a.link
{
	color:#dd4646;
	border-bottom:1px dashed #dd4646;
}
/*
************************************************************************
 装飾
************************************************************************
*/
.img-shadow:before
{
	background-color:#dd4646;
}
/*
************************************************************************
 段落設定
************************************************************************
*/
section
{
	border-bottom:1px solid rgba(0,0,0,0.15);
}
section.no-border
{
	border-bottom:none;
}
section:nth-child(odd)
{
	background-color:#FFFFFF;
}
section:nth-child(even)
{
	background-color:#FFFFFF;
}

/*
************************************************************************
 文字色
************************************************************************
*/
.notice{color:#666666;}
.error {color:#660000;}
.fc-red    {color:#CC0000;}
.fc-white  {color:#FFFFFF;}
.fc-black  {color:#000000;}
.fc-gray   {color:#AAAAAA;}

/*
************************************************************************
 ヘッダー
************************************************************************
*/
#header
{
	background-color:transparent;
}

/*
************************************************************************
 ナビゲーション
************************************************************************
*/
#header .navigation-wrapper
{
}
#header .navigation-wrapper .navigation-top
{
	background-color:#f5ede0;
	color:#544a3b;
}
#header .navigation-wrapper .navigation-top .ope .btnMobileMenu > span.border
{
	border:1px solid #544a3b;
}
#header .navigation-wrapper .navigation-top .ope .btnMobileMenu > span.label
{
	color:#544a3b;
}
#header .navigation-wrapper .navigation-bottom
{
	background-color:#FFFFFF;
	font-family:'Noto Sans JP', 'ヒラギノ角ゴ Pro W3', 'メイリオ', sans-serif; font-weight:400;;
}
#header .navigation-wrapper .navigation-bottom:before
{
}
#header .navigation-bottom  > ul.global-nav > li > a
{
	color:#000000;
}
#header .navigation-bottom  > ul.global-nav
#header .navigation-bottom  .has-child > ul
{
	background-color:transparent;
}
#header .navigation-bottom  > ul.global-nav > li:hover:after,
#header .navigation-bottom  > ul.global-nav > li.active:after
{
	background-color:#dd4646;
}
#header .navigation-bottom  > ul.global-nav > li.item-01:hover:after,
#header .navigation-bottom  > ul.global-nav > li.item-01.active:after
{
	background-color:#e5444c;
}
#header .navigation-bottom  > ul.global-nav > li.item-02:hover:after,
#header .navigation-bottom  > ul.global-nav > li.item-02.active:after
{
	background-color:#599bd8;
}
#header .navigation-bottom  > ul.global-nav > li.item-03:hover:after,
#header .navigation-bottom  > ul.global-nav > li.item-03.active:after
{
	background-color:#feb04e;
}
#header .navigation-bottom  > ul.global-nav > li.item-04:hover:after,
#header .navigation-bottom  > ul.global-nav > li.item-04.active:after
{
	background-color:#f57bb4;
}
#header .navigation-bottom  > ul.global-nav > li.item-05:hover:after,
#header .navigation-bottom  > ul.global-nav > li.item-05.active:after
{
	background-color:#ce5892;
}
#header .navigation-bottom  > ul.global-nav > li.item-06:hover:after,
#header .navigation-bottom  > ul.global-nav > li.item-06.active:after
{
	background-color:#6cd380;
}
#header .navigation-bottom  > ul.global-nav > li.item-07:hover:after,
#header .navigation-bottom  > ul.global-nav > li.item-07.active:after
{
	background-color:#7c86c3;
}


#header .navigation-wrapper .navigation-bottom > ul.global-nav li.has-child > ul
{
	background-color:#FFFFFFdd;
	color:#000000;
}
#header .navigation-wrapper .navigation-bottom > ul.global-nav li.has-child > ul a
{
	color:#000000;
}
@media screen and (max-width:640px) {
	#header .navigation-wrapper .navigation-top
	{
	}
	#header .navigation-wrapper .navigation-bottom
	{
	}
	#header .navigation-bottom  > ul.global-nav
	{
		background-color:#FFFFFF;
	}
	#header .navigation-wrapper .navigation-bottom > ul.global-nav li.has-child > ul
	{
		background-color:transparent;
		border:0px solid transparent;
	}
}

/*
************************************************************************
 ページタイトル
************************************************************************
*/
#body-title
{
	background-color:rgba(0,0,0,0.05);
	border-bottom:1px solid rgba(0,0,0,0.15);
	background-color:#f5ede0;
}
#body-title:before
{
	/*
	background: linear-gradient(45deg, rgba(0,0,0,0.2) 25%, transparent 25%, transparent 75%, rgba(0,0,0,0.2) 75%),
	            linear-gradient(45deg, rgba(0,0,0,0.2) 25%, transparent 25%, transparent 75%, rgba(0,0,0,0.2) 75%);
	background-color:transparent;
	background-size: 6px 6px;
	background-position: 0 0, 3px 3px;
	*/
}

#body-title .title
{
	border-left:0.5em solid #dd4646;
	color:#000000;
	font-family:'M PLUS Rounded 1c', 'ヒラギノ角ゴ Pro W3', 'メイリオ', sans-serif; font-weight:400;
}
#body-title .anchor a
{
	color:#000000;
	font-family:'M PLUS Rounded 1c', 'ヒラギノ角ゴ Pro W3', 'メイリオ', sans-serif; font-weight:400;
}
#body-title .anchor a:before
{
	border-top-color:#dd4646 !important;
}
#body-title.mv > .overlay
{
	background-color:#f5ede0;
}
#body-title.mv .slide-show .slide-show-item .visual .copy
{
	color:#000000;
	font-family:'M PLUS Rounded 1c', 'ヒラギノ角ゴ Pro W3', 'メイリオ', sans-serif; font-weight:400;
}


/*
************************************************************************
 ページコンテンツ
************************************************************************
*/

/*
************************************************************************
 段落タイトル
************************************************************************
*/
.title-lv1
{
    font-family:'M PLUS Rounded 1c', 'ヒラギノ角ゴ Pro W3', 'メイリオ', sans-serif; font-weight:400;
}
.title-lv1 .main
{
	color: #000000;
}
.title-lv1 .sub
{
	color: #dd4646;
}
.title-lv2
{
	/* border-color:#dd4646  !important; */
	/* background-color:#dd4646  !important; */
    font-family:'M PLUS Rounded 1c', 'ヒラギノ角ゴ Pro W3', 'メイリオ', sans-serif; font-weight:400;
}
.title-lv2 .main
{
	color:#222222;
}

.has-bg .title-lv2
{
	border-color:#FFFFFF  !important;
}
.has-bg .title-lv2 .main
{
	color:#FFFFFF;
}

/*
************************************************************************
 ボタン
************************************************************************
*/
.button
{
    border:1px solid #dd4646;
    background-color:#dd4646;
	box-shadow:1px 1px 5px -3px #000000;
}
.button > span
{
    color:#ffffff;
}
.button:hover
{
    background-color:#ffffff;
}
.button:hover > span
{
    color:#dd4646;
}
.button.button-notice
{
    border:1px solid #dd4646;
    background-color:#ffffff;
	box-shadow:1px 1px 5px -3px #000000;
}
.button.button-notice > span
{
    color:#dd4646;
}
.button.button-notice:hover
{
    background-color:#dd4646;
}
.button.button-notice:hover > span
{
    color:#ffffff;
}

/*
************************************************************************
 フッター
************************************************************************
*/
#footer
{
	background-color:#d4c5aa;
	color:#000000;
}
#footer a {
	color:#000000;
}

/*
************************************************************************
 その他
************************************************************************
*/
/* バナーの色 */
.banner .banner-item
{
	color:#ffffff;
	background-color:#dd4646;
	box-shadow:1px 1px 5px -3px #000000;
}
.banner .banner-item:before
{
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0.3+0,0+100 */
    background: -moz-linear-gradient(45deg, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(45deg, rgba(0,0,0,0.3) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(45deg, rgba(0,0,0,0.3) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.banner .banner-item .title .main
{
	font-family:'Noto Sans JP', 'ヒラギノ角ゴ Pro W3', 'メイリオ', sans-serif; font-weight:400;
	color:#ffffff;
}
.banner .banner-item .title .sub
{
	font-family:'Noto Sans JP', 'ヒラギノ角ゴ Pro W3', 'メイリオ', sans-serif; font-weight:400;
	color:#ffffff;
}
.big-banner a
{
	color:#FFFFFF;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#0054bc+0,268e42+100 */
	background: #0054bc; /* Old browsers */
	background: -moz-linear-gradient(-45deg, #0054bc 0%, #268e42 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg, #0054bc 0%,#268e42 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg, #0054bc 0%,#268e42 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.big-banner a:hover
{
	box-shadow:2px 2px 5px -2px #000000;
}

/* テーブル */
.table table,
.ticket table
{
	border-top-color:rgba(0,0,0,0.2) !important;
}
.table table tr th,
.table table tr td,
.ticket table tr th,
.ticket table tr td
{
	border-bottom-color:rgba(0,0,0,0.2) !important;
}
@media screen and (max-width:640px) {
	.table table tr,
	.ticket table tr
	{
		border-bottom-color:rgba(0,0,0,0.2) !important;
	}
}

/* フローの色 */
.flow .flow-item .flow-title
{
	color:#222222;
    font-family:'M PLUS Rounded 1c', 'ヒラギノ角ゴ Pro W3', 'メイリオ', sans-serif; font-weight:400;
}
.flow .flow-item .flow-title .step
{
	color:#ffffff;
	background-color:#dd4646;
}
.flow .flow-item .flow-text
{
	border-left-color:rgba(0,0,0,0.2) !important;
}

/* ポイントの色 */
.point-title
{
	color:#222222;
    font-family:'M PLUS Rounded 1c', 'ヒラギノ角ゴ Pro W3', 'メイリオ', sans-serif; font-weight:400;
}
.point-title .point-no
{
	color:#ffffff;
	background-color:#dd4646;
}

/* タイル */
.tile-item
{
	color:#404040;
	background-color:#FFFFFF;
	border:1px solid rgba(0,0,0,0.2);
	box-shadow:1px 1px 5px -3px #000000;
}
.tile-item:hover
{
	color:#404040;
	background-color:rgba(0,0,0,0.05);
}
.tile-item.no-border
{
	border:none;
	box-shadow:none;
}
.tile-item.no-border:hover
{
	color:#404040;
	background-color:#FFFFFF;
}

/* カルーセルのボタン */
.carousel .slick-prev:hover,
.carousel .slick-next:hover
{
	background-color:#dd4646;
}

.information > li
{
	border-bottom:1px dotted #CCCCCC;
}
.information li .tag
{
	background-color:#4babdb;
	color:#ffffff;
}

/* パララックスの設定 */
.parallax-contents
{
	background-color:#FFFFFFAA;
}

/* 投稿タイトル部カード */
.post-artice .post-artice-card
{
	border-top:4px solid #dd4646 !important;
}

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

/* ################################################################################################ */
/* ## スマホサイト用スタイル ###################################################################### */
/* ################################################################################################ */
@media screen and (max-width:640px) {
}