@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;
}

/*
************************************************************************
 段落設定
************************************************************************
*/
section
{
	border-bottom:1px solid rgba(0,0,0,0.15);
}
section:nth-child(odd)
{
	background-color:transparent;
}
section:nth-child(even)
{
	background-color:rgba(0,0,0,0.02);
}

/*
************************************************************************
 文字色
************************************************************************
*/
.notice{color:#333333;}
.error {color:#FF0000;}
.fc-red    {color:#CC0000;}
.fc-white  {color:#FFFFFF;}
.fc-black  {color:#000000;}

/*
************************************************************************
 ヘッダー
************************************************************************
*/
#header
{
	background-color:#FFFFFF;
	box-shadow:2px 0px 5px 0px rgba(0,0,0,0.2);
}
#header .site-title
{
	background:#ff9933;
}
#header .site-title .logo a
{
	color:#ffffff;
}
#header .site-title .btnMobileMenu
{
	color:#ffffff;
}
#header .site-title .btnMobileMenu > span.border
{
	border:1px solid #ffffff;
}

/*
************************************************************************
 ナビゲーション
************************************************************************
*/
#header .navigation{
	background-color: #FFFFFF;
	font-family:'Noto Sans JP', 'ヒラギノ角ゴ Pro W3', 'メイリオ', sans-serif; font-weight:400;
}
#header .navigation a
{
    color: #222222;
}
#header .navigation > ul
{
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,f1f1f1+50,e1e1e1+51,f6f6f6+100&0.3+0,0.3+100 */
	background: -moz-linear-gradient(top, rgba(255,255,255,0.3) 0%, rgba(241,241,241,0.3) 50%, rgba(225,225,225,0.3) 51%, rgba(246,246,246,0.3) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(255,255,255,0.3) 0%,rgba(241,241,241,0.3) 50%,rgba(225,225,225,0.3) 51%,rgba(246,246,246,0.3) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(255,255,255,0.3) 0%,rgba(241,241,241,0.3) 50%,rgba(225,225,225,0.3) 51%,rgba(246,246,246,0.3) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4dffffff', endColorstr='#4df6f6f6',GradientType=0 ); /* IE6-9 */
}
#header .navigation ul.global-nav a{color:#222222;text-shadow:1px 1px 0px rgba(255,255,255,0.7);}
#header .navigation ul.sub-nav a   {color:#222222;text-shadow:1px 1px 0px rgba(255,255,255,0.7);}
#header .navigation .has-child > ul{
	background-color: #FFFFFF;
}
#header .navigation > ul.global-nav > li
{
	border-left:1px solid rgba(255,255,255,0.3);
	border-right:1px solid rgba(0,0,0,0.15);
}
#header .navigation > ul.global-nav > li:hover:after,
#header .navigation > ul.global-nav > li.active:after
{
	background-color:#ff9933;
}

/* ################################################################################################ */
/* ## スマホサイト用スタイル ###################################################################### */
/* ################################################################################################ */
@media screen and (max-width:640px) {
	#header .navigation{
		box-shadow:2px 0px 5px 0px rgba(0,0,0,0.2);
	}
	#header .navigation > ul
	{
		background:none;
		filter:none;
	}
	#header .navigation > ul.global-nav > li
	{
		border-left:0px solid rgba(255,255,255,0.0);
		border-right:0px solid rgba(0,0,0,0.0);
		border-top:1px solid rgba(255,255,255,0.7);
		border-bottom:1px solid rgba(0,0,0,0.15);
	}
	#header .navigation > ul.global-nav > li > a
	{
		/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,f1f1f1+50,e1e1e1+51,f6f6f6+100&0.3+0,0.3+100 */
		background: -moz-linear-gradient(top, rgba(255,255,255,0.3) 0%, rgba(241,241,241,0.3) 50%, rgba(225,225,225,0.3) 51%, rgba(246,246,246,0.3) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top, rgba(255,255,255,0.3) 0%,rgba(241,241,241,0.3) 50%,rgba(225,225,225,0.3) 51%,rgba(246,246,246,0.3) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom, rgba(255,255,255,0.3) 0%,rgba(241,241,241,0.3) 50%,rgba(225,225,225,0.3) 51%,rgba(246,246,246,0.3) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4dffffff', endColorstr='#4df6f6f6',GradientType=0 ); /* IE6-9 */
	}
}

/*
************************************************************************
 メインビジュアル
************************************************************************
*/
#body-title.mv-slide ul .slide-item .catchcopy .main
{
	color:#FFFFFF;
}
#body-title.mv-slide ul .slide-item .catchcopy .sub
{
	color:#FFFFFF;
}
#body-title.mv-slide .slick-prev:before
{
	border-bottom:1px solid #ffffff;
	border-left:1px solid #ffffff;
}
#body-title.mv-slide .slick-next:before
{
	border-top:1px solid #ffffff;
	border-right:1px solid #ffffff;
}
#body-title.mv-slide .slick-prev:hover,
#body-title.mv-slide .slick-next:hover
{
	background-color:#ff9933;
}

/*
************************************************************************
 ページタイトル
************************************************************************
*/
#body-title
{
	background-color:rgba(0,0,0,0.05);
	border-bottom:1px solid rgba(0,0,0,0.15);
	background-color:#F0F0F0;
}
#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 #ff9933;
	font-family:'Noto Sans JP', 'ヒラギノ角ゴ Pro W3', 'メイリオ', sans-serif; font-weight:400;
}
#body-title .anchor a
{
	color:#222222;
	font-family:'Noto Sans JP', 'ヒラギノ角ゴ Pro W3', 'メイリオ', sans-serif; font-weight:400;
}
#body-title .anchor a:before
{
	border-top-color:#ff9933 !important;
}

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

/*
************************************************************************
 段落タイトル
************************************************************************
*/
.title-lv1
{
    font-family:'Noto Sans JP', 'ヒラギノ角ゴ Pro W3', 'メイリオ', sans-serif; font-weight:400;
}
.title-lv1 .main
{
	color: #222222;
}
.title-lv1 .sub
{
	color: #ff9933;
}
.title-lv2
{
	border-color:#ff9933  !important;
    font-family:'Noto Sans JP', 'ヒラギノ角ゴ 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 #ff9933;
    background-color:#ff9933;
	box-shadow:1px 1px 5px -3px #000000;
}
.button > span
{
    color:#ffffff;
}
.button:hover
{
    background-color:#ffffff;
}
.button:hover > span
{
    color:#ff9933;
}

.button.normal
{
    border:1px solid #ff9933;
    background-color:#FFFFFF;
	box-shadow:1px 1px 5px -3px #000000;
}
.button.normal > span
{
    color:#000000;
}
.button.normal:hover
{
    background-color:#ff9933;
}
.button.normal:hover > span
{
    color:#FFFFFF;
}

/*
************************************************************************
 フッター
************************************************************************
*/
#footer a {
	color:#222222;
}


/*
************************************************************************
 その他
************************************************************************
*/
/* バナーの色 */
.banner .banner-item
{
	color:#404040;
	background-color:#FFFFFF;
	box-shadow:1px 1px 5px -3px #000000;
}
.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:'Noto Sans JP', 'ヒラギノ角ゴ Pro W3', 'メイリオ', sans-serif; font-weight:400;
}
.flow .flow-item .flow-title .step
{
	color:#ffffff;
	background-color:#ff9933;
}
.flow .flow-item .flow-text
{
	border-left-color:rgba(0,0,0,0.2) !important;
}

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

/* タイル */
.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);
}

/* インフォメーションリンク */
.information
{
	border-top:1px solid rgba(0,0,0,0.2);
}
.information li
{
	border-bottom:1px solid rgba(0,0,0,0.2);
}
.information li .tag
{
	color:#ffffff;
	background-color:#ff9933;
}

/* ブログ */
.blog-list .blog-article
{
	color:#404040;
	background-color:#FFFFFF;
	border:1px solid rgba(0,0,0,0.2);
	box-shadow:1px 1px 5px -3px #000000;
}
.blog-list .blog-article:hover
{
	color:#404040;
	background-color:rgba(0,0,0,0.05);
}
.blog-list .blog-article .attr
{
	color:#999999;
}

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

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