@charset "utf-8";
/* CSS Document */

/*
#####################################################################

	目次【INDEX】

#####################################################################

■タイポグラフィ

　＿見出し【heading】

　＿本文【Body copy】

　＿注釈、補足情報【Small Text】

　＿ボールド【.bold】

　＿イタリック【.italic】

　＿大文字小文字指定【.textTransform】

　＿色【Color】

　＿文字揃え【TextAlign】

　＿ボックス揃え【justify】


■ナビゲーション【navigation】

　＿ナビゲーション【Navigation】

　＿サイズ【.n_size】

　＿ナビアイコン【.nav_icon】

　＿ナビアイコン（シンプルメニュー）【.n_simple】

　＿ナビアイコン（ハンバーガーメニュー）【.n_hamburger】

　＿ドロップダウンメニュー【.dropdown】

　＿ドロワー表示【.drawer_menu】

　＿スライドメニュー【.slide_menu】

　＿ホバーアニメ（アイコン）【.hover】

　＿ホバーアニメ（背景）【.hover】


■リンク【Link】

　＿リンク【Link】

　＿下線付きテキスト【link-underline】

　＿アニメーション：下線伸縮【link-animeline】


■アイコン

　＿アイコンテキスト（左配置）【icon-txt】

　＿アイコンテキスト（右配置）【icon-txt.i_after】

　＿アイコンボックス【icon-box】

　＿アイコン一覧

　＿アイコンサイズ【icon-size】

　＿アイコンカラー【icon-color】


■ボタン【button】

　＿ボタン【button】

　＿ボーダー【b_border】

　＿グラデーション【b_gradient】

　＿影＿内側【b_shadow-inner】

　＿サイズ【b_size】

　＿角丸【b_radius】

　＿左右中央揃え【buttonContainer】

　＿カラー【b_color】

　＿アニメーション【.b_anm】


■スライダー【flexslider】

　＿スライダー【flexslider】

　＿シンプルスライダー【s_simple】


■メインビジュアル【mainvisual】

　＿シンプルメインビジュアル【.mv_simple】

　＿シンプルメインビジュアル【.mv_simple02】

　＿シンプルメインビジュアル＋テキスト【.mv_txt】

　＿隠しテキスト（テキスト消去）【.mv_txt-none】


■マップ【googleMap】

　＿マップ【googleMap】


■その他モジュール

　＿色【bg-Color】

　＿影【bg-shadow、txt-shadow】

　＿形【bg-Radius】

　＿線【bg-Border】

　＿文字揃え【TextAlign】

　＿ボックス揃え【justify】

　＿縦の揃え位置【verticalAlign】

　＿揃え位置【position】

　＿固定位置【absolute】

　＿マージン・パディング【margin・padding】

　＿マックスミンサイズ【maxsize・minsize】

　＿セパレート【.separate】

　＿ページトップ【pagetop】

　＿パンクズリスト【.breadcrumbs】

　＿タブ【.tab】

　＿ツールチップ【.tooltip】

　＿フィルター【.filter】

　＿ミックスブレンドモード【.mixblendmode】

　＿グラデーション【.gradation】

　＿スクロールバー【.scrollbar】

　＿スクロールエリア【.scroll-area】

　＿フルスクリーン【.fullscreen】

　＿Fixed固定ナビゲーション【fixed-nav】

　＿スクロールメニュー【.menu-scroll】

　＿ピージャックス【.pjax】

　＿アコーディオン【.accordion】

　＿パララックス【.parallax】

　＿繰り返し画像横スクロール【.infiniteslide】

　＿万能拡大表示【.lity】

　＿続きを読む【.readmore】

　＿レスポンシブ表示非表示【none】

　＿レスポンシブ画像【responsive-img】

　＿背景画像【bg-img】

　＿ローディング【#loader】

　＿float解除【Clear fix】


■アニメーション【.animation】

　＿キーフレーム【.keyframes】

　＿トランスレート【.translate】

　＿フェード【.fade】

　＿ズーム【.zoom】

　＿グラデーション【.gradient】

　＿スピードオプション【.anm_speed】

　＿ディレイオプション【.anm_delay】

　＿原点オプション【.anm_origin】

　＿エフェクト【.effect】


■トランジョン

　＿一括指定【easeOutExpo】



/*
#####################################################################

	タイポグラフィ

#####################################################################
@font-face {
  font-family: "overpass-regular";
  src: url('../fonts/overpass_regular.ttf')  format('truetype'),
  	   url("../fonts/overpass_regular.eot") format('eot'),
       url("../fonts/overpass_regular.woff") format('woff');
}
*/
/* ****************************************************
  見出し【heading】
***************************************************** */

/*JP*/
.heading1, .heading2, .heading3, .heading4, .heading5, .heading6, .heading7, .heading8, .heading9, .heading10, .heading11, .heading12, .heading13, .heading14, .heading15{
	letter-spacing:-0.01rem;
    margin: 0;
	word-wrap:break-word;
    overflow-wrap:break-word;
	line-height: 1.7;
	font-weight:500;
}

/*使用中*/
.heading13 { font-size: 3.34rem; letter-spacing:-0.04rem; line-height:1.25;}/*50px*/
.heading9 { font-size: 38px; letter-spacing:-0.016rem; line-height:1.3;}/*40px*/
.heading15 { font-size: 2.534rem; letter-spacing:-0.04rem; line-height:1.25;}/*38px*/
.heading8 { font-size: 36px; letter-spacing:-0.04rem;}/*35px*/
.heading11 { font-size: 2.13rem; letter-spacing:-0.06rem;}/*32px*/
.heading1 { font-size: 1.85rem; letter-spacing:-0.04rem;}/*28px*/
.heading12 { font-size: 1.8rem; letter-spacing:-0.04rem;}/*27px*/
.heading14 { font-size: 1.75rem; letter-spacing:-0.04rem;}/*26px*/
.heading10 { font-size: 1.65rem; letter-spacing:-0.05rem;}/*25px*/
.heading3 { font-size: 25px; letter-spacing:-0.016rem;}/*24px*/
.heading6 { font-size: 23px; letter-spacing:-0.06rem;}/*23px*/
.heading6_5 { font-size: 1.47rem; letter-spacing:-0.06rem;}/*22px*/
.heading7 { font-size: 1.4rem; letter-spacing:-0.05rem;}/*21px*/
.heading5 { font-size: 19px; letter-spacing:-0.012rem;}/*20px*/
.heading4 { font-size: 19px; letter-spacing:-0.04rem;}/*19px*/
.heading2 { font-size: 1.2rem; letter-spacing:-0.03rem;}/*18px*/
.heading16 { font-size: 14px; letter-spacing:-0.03rem;line-height: 1.3;}/*18px*/

/*未使用*/

/*EN*/
.heading1-EN, .heading2-EN, .heading3-EN, .heading4-EN, .heading5-EN, .heading6-EN, .heading7-EN, .heading8-EN, .heading9-EN, .heading10-EN, .heading11-EN{
	font-family:"overpass-regular",overpass-regular,Helvetica,helvetica,arial, sans-serif;
	letter-spacing:0.01rem;
    margin: 0;
	word-wrap:break-word;
    overflow-wrap:break-word;
	line-height: 1.0;
}

/*使用中*/
.heading10-EN { font-size: 3.335rem; }/*50px*/
.heading3-EN { font-size: 2.85rem; }/*43px*/
.heading1-EN { font-size: 2.53rem; }/*38px*/
.heading8-EN { font-size: 2.4rem; }/*36px*/
.heading9-EN { font-size: 2.135rem; }/*32px*/
.heading4-EN { font-size: 1.8rem; }/*27px*/
.heading6-EN { font-size: 1.55rem; }/*24px*/
.heading11-EN { font-size: 1.535rem; }/*23px*/
.heading7-EN { font-size: 1.45rem; }/*22px*/
.heading2-EN { font-size: 1.3rem; }/*20px*/
.heading5-EN { font-size: 1.2rem; }/*18px*/

/*未使用*/


/* Safari 3以上, Chrome*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
	/*.heading1, .heading2, .heading3, .heading4, .heading5, .heading6, .heading7{
		line-height: 1.34;
	}*/
}


/* ****************************************************
  本文【Body copy】
***************************************************** */

.p1, .p2, .p3, .p6, .p7{
	letter-spacing:-0.02rem;
	line-height: 1.6;
    margin: 0;
	word-wrap:break-word !important;
    overflow-wrap:break-word !important;
}

/*使用中*/
.p5 { font-size: 0.8rem; letter-spacing:-0.05rem; line-height:1.35;}/*12px*/
.p4 { font-size: 0.95rem; letter-spacing:-0.05rem; line-height:1.35;}/*14px*/
.p1 { font-size: 1rem;}/*15px*/
.p2 { font-size: 1.06rem; letter-spacing:0.01rem;}/*16px*/
.p3 { font-size: 16px; letter-spacing:-0.01rem;}/*17px*/
.p7 { font-size: 1.2rem; letter-spacing:-0.01rem;}/*18px*/
.p6 { font-size: 1.43rem; letter-spacing:-0.01rem;}/*21px*/


/*EN*/
.p1-EN, .p2-EN, .p3-EN, .p4-EN{
	letter-spacing:-0.001rem;
	font-family:"overpass-regular",overpass-regular,Helvetica,helvetica,arial, sans-serif;
	line-height: 1.28;
    margin: 0;
	word-wrap:break-word !important;
    overflow-wrap:break-word !important;
}

/*使用中*/
.p4-EN { font-size: 1.6rem;}/*15px*/
.p1-EN { font-size: 1rem;}/*15px*/
.p2-EN { font-size: 0.95rem;}/*14px*/
.p3-EN { font-size: 0.85rem;}/*13px*/

/* Safari 3以上, Chrome*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
	/*.p1, .p2, .p3{
		line-height: 2.24;
	}
	.p1-EN, .p2-EN, .p3-EN{
		line-height: 1.34;
		margin: 0;
	}*/
}

/* ****************************************************
  注釈、補足情報【Small Text】
***************************************************** */

.small1,
.small2{
	line-height:1.5;
	letter-spacing: 0.01rem;
	word-wrap:break-word;
    overflow-wrap:break-word;
}

/*使用中*/
.small1 { font-size: 0.86rem; }/*13px*/
.small2 { font-size: 15px;}/*12px*/
.small3 { font-size: 7px;}/*7px*/

/* ****************************************************
  ボールド【.bold】
***************************************************** */

/*通常の文字用*/
.bold1,bold2,bold3{
	/*アンチエイリアスのかかり具合を指定するプロパティ*/
	-webkit-font-smoothing: subpixel-antialiased;
	-moz-osx-font-smoothing: auto;
}
.bold1{ font-weight:400 !important;}
.bold2{ font-weight:600 !important; }

.bold-EN{ font-family:"overpass-bold ",overpass-bold; }

/*白抜き用（Macで太くなる為）*/
.boldW1{ font-weight:400 !important;}
.boldW2{ font-weight:600 !important; }

/* ****************************************************
  イタリック【.italic】
***************************************************** */

.italic{
	font-style:italic;
}

/* ****************************************************
  大文字小文字指定【.textTransform】
***************************************************** */

/*単語の先頭文字を大文字*/
.textTransform-capitalize{ text-transform:capitalize;}

/*全て大文字*/
.textTransform-uppercase{ text-transform:uppercase;}

/*全て小文字*/
.textTransform-lowercase{ text-transform:lowercase;}

/*リセット*/
.textTransform-none{ text-transform:none!important;}


/* ****************************************************
  色【Color】
***************************************************** */

/*※必要に応じて追加*/

/*使用中*/
.colorWhite{ color:#FFF !important;}/*ホワイト*/
.colorRed{ color:#ee0000 !important;}/*レッド*/
.colorRed2{ color:#aa0000 !important;}/*レッド*/
.colorRed3{ color:#C1192B !important;}/*レッド*/
.colorRed4{ color:#CC0000 !important;}/*レッド*/
.colorRed-dark{ color:#EE0000 !important;}/*ダークレッド*/
.colorRed-dark2{ color:#820000 !important;}/*ダークレッド*/

.colorGray{ color:#666666 !important;}/*グレー*/
.colorGray-light{ color:#dedede !important;}/*グレーライト*/
.colorBlue{ color:#2ca0c7 !important;}/*ブルー*/
.colorYellow{ color:#d4a935 !important;}/*イエロー*/
.colorGreen{ color:#84AC2E !important;}/*グリーン*/
.colorPurple{ color:#545bbf !important;}/*パープル*/

.colorBlue2{ color:#32b9e6 !important;}/*ブルー（webフォントアイコン用）*/
.colorYellow2{ color:#e3b73b !important;}/*イエロー（webフォントアイコン用）*/
.colorGreen2{ color:#49c4ae !important;}/*グリーン（webフォントアイコン用）*/
.colorPurple2{ color:#747bd4 !important;}/*パープル（webフォントアイコン用）*/

/*未使用*/
.colorBlack{ color:#000 !important;}/*ブラック*/
.colorOrange{ color:#f5683a !important;}/*オレンジ*/
.colorBlue-light{ color:#55acee !important;}/*ブルーライト*/
.colorBlue-dark{ color:#3a5897 !important;}/*ダークブルー*/
.colorPink{ color:#f26b88 !important;}/*ピンク*/



/* ****************************************************
  文字揃え【TextAlign】
***************************************************** */

.alignLeft { text-align: left !important; }/*左寄せ*/
.alignCenter { text-align: center !important; }/*中央寄せ*/
.alignRight { text-align: right !important; }/*右寄せ*/

/* ****************************************************
  ボックス揃え【justify】
***************************************************** */

.justify{ text-align:justify; }


/*
#####################################################################

	ナビゲーション【Navigation】

#####################################################################
*/

/* ****************************************************
  ナビゲーション【Navigation】
***************************************************** */

.Navigation > ul > li > a{
	display:block;
	width:100%;
	height:100%;
}

.Navigation li:hover{
	/*filter: alpha(opacity=70);
	-moz-opacity:0.7;opacity:0.7;*/
}

.Navigation > .flexbox{ height:100%;}

/*SP用*/
.Navigation.n-sp li{
	height:50px;
	line-height:50px;
}

/* ****************************************************
  サイズ【.n_size】
***************************************************** */

.n_size-l{ max-width: 1200px; }
.n_size-m{ max-width: 640px; }
.n_size-s{ max-width: 240px; }

/* ****************************************************
  ナビアイコン【.nav_icon】
***************************************************** */

.nav_icon{ z-index:999; position:relative;}
.nav_icon a{ width:100%; height:100%;

	display: -webkit-box;/* Android4.3以前ブラウザ用 */
	display: -webkit-flex;/* iOS8以前Safari用 */
	display: flex;

	-webkit-justify-content: center; /* iOS8以前Safari用 */
	justify-content: center;

	-webkit-align-items: center; /* iOS8以前Safari用 */
	align-items: center;

	padding: 10px;/* iOS8以前Safari用 */
}

/*詳細設定*/
.nav_icon{ width: 50px; height:50px; }

/*オプション*/
.n_left{ position:fixed; top:5px; left:5px; z-index:10;}
.n_right{ position:fixed; top:5px; right:5px; z-index:10;}


/* ****************************************************
  ナビアイコン（シンプルメニュー）【.n_simple】
***************************************************** */
.n_simple::before{ display: inline-block; font-family: "FontAwesome"; font-style: normal; font-variant: normal; font-weight: normal; text-transform: none; vertical-align: middle; }

/*詳細設定*/
.n_simple::before{ font-size:14px !important; color:#FFFFFF;}
.n_simple::before{ content: "\f0c9"; }/*bars ※ナビアイコン（三）*/
.n_simple.active::before{ content: "\f00d"; }/*times ※バツ（×）*/

/* ****************************************************
  ナビアイコン（ハンバーガーメニュー）【.n_hamburger】
***************************************************** */

.n_hamburger,.n_hamburger span{ width: 100%; box-sizing: border-box;  display: inline-block; }
.n_hamburger{ position: relative; }
.n_hamburger span { position: absolute; left: 0; }
.n_hamburger span:nth-of-type(1) { top: 0; }
.n_hamburger span:nth-of-type(3) { bottom: 0; }

/*詳細設定*/
.n_hamburger{ width: 21px; height:18px;}
.n_hamburger span{ height: 2px; border-radius: 2px; }
.n_hamburger span:nth-of-type(2) { top: 8px; }

/*********** クリックアニメ【.anm01】***********/
.n_hamburger.anm01.active span:nth-of-type(1) {
	-webkit-transform: translateY(8px) rotate(-45deg);
	-ms-transform: translateY(8px) rotate(-45deg);
	transform: translateY(8px) rotate(-45deg);

}
.n_hamburger.anm01.active span:nth-of-type(2) { opacity: 0; }
.n_hamburger.anm01.active span:nth-of-type(3) {
	-webkit-transform: translateY(-8px) rotate(45deg);
	-ms-transform: translateY(-8px) rotate(45deg);
	transform: translateY(-8px) rotate(45deg);
}

/*********** クリックアニメ【.anm02】***********/

.n_hamburger.anm02.active span:nth-of-type(1) {
	-webkit-transform: translateY(8px) rotate(-45deg);
	-ms-transform: translateY(8px) rotate(-45deg);
	transform: translateY(8px) rotate(-45deg);
}
.n_hamburger.anm02.active span:nth-of-type(2) { left: 50%; opacity: 0; -webkit-animation: active-menu-bar02 .8s forwards; animation: active-menu-bar02 .8s forwards; }
.n_hamburger.anm02.active span:nth-of-type(3) {
	-webkit-transform: translateY(-8px) rotate(45deg);
	-ms-transform: translateY(-8px) rotate(45deg);
	transform: translateY(-8px) rotate(45deg);
}
@-webkit-keyframes active-menu-bar02 { 100% { height: 0; } }
@keyframes active-menu-bar02 { 100% { height: 0; } }


/*********** クリックアニメ【.anm03】***********/

.n_hamburger.anm03 span:nth-of-type(1) {
	-webkit-animation: menu-bar01 .4s forwards;
	animation: menu-bar01 .4s forwards;
}
@-webkit-keyframes menu-bar01 {
	0% {
		-webkit-transform: translateY(8px) rotate(45deg);
	}
	50% {
		-webkit-transform: translateY(8px) rotate(0);
	}
	100% {
		-webkit-transform: translateY(0) rotate(0);
	}
}
@keyframes menu-bar01 {
	0% {
		transform: translateY(8px) rotate(45deg);
	}
	50% {
		transform: translateY(8px) rotate(0);
	}
	100% {
		transform: translateY(0) rotate(0);
	}
}
.n_hamburger.anm03 span:nth-of-type(2) {
	transition: all .25s .25s;
	opacity: 1;
}
.n_hamburger.anm03 span:nth-of-type(3) {
	-webkit-animation: menu-bar02 .4s forwards;
	animation: menu-bar02 .4s forwards;
}
@-webkit-keyframes menu-bar02 {
	0% {
		-webkit-transform: translateY(-8px) rotate(-45deg);
	}
	50% {
		-webkit-transform: translateY(-8px) rotate(0);
	}
	100% {
		-webkit-transform: translateY(0) rotate(0);
	}
}
@keyframes menu-bar02 {
	0% {
		transform: translateY(-8px) rotate(-45deg);
	}
	50% {
		transform: translateY(-8px) rotate(0);
	}
	100% {
		transform: translateY(0) rotate(0);
	}
}
.n_hamburger.anm03.active span:nth-of-type(1) {
	-webkit-animation: active-menu-bar01 .4s forwards;
	animation: active-menu-bar01 .4s forwards;
}
@-webkit-keyframes active-menu-bar01 {
	0% {
		-webkit-transform: translateY(0) rotate(0);
	}
	50% {
		-webkit-transform: translateY(8px) rotate(0);
	}
	100% {
		-webkit-transform: translateY(8px) rotate(45deg);
	}
}
@keyframes active-menu-bar01 {
	0% {
		transform: translateY(0) rotate(0);
	}
	50% {
		transform: translateY(8px) rotate(0);
	}
	100% {
		transform: translateY(8px) rotate(45deg);
	}
}
.n_hamburger.anm03.active span:nth-of-type(2) {
	opacity: 0;
}
.n_hamburger.anm03.active span:nth-of-type(3) {
	-webkit-animation: active-menu-bar03 .4s forwards;
	animation: active-menu-bar03 .4s forwards;
}
@-webkit-keyframes active-menu-bar03 {
	0% {
		-webkit-transform: translateY(0) rotate(0);
	}
	50% {
		-webkit-transform: translateY(-8px) rotate(0);
	}
	100% {
		-webkit-transform: translateY(-8px) rotate(-45deg);
	}
}
@keyframes active-menu-bar03 {
	0% {
		transform: translateY(0) rotate(0);
	}
	50% {
		transform: translateY(-8px) rotate(0);
	}
	100% {
		transform: translateY(-8px) rotate(-45deg);
	}
}


/*********** クリックアニメ【.anm04】***********/

.n_hamburger.anm04.active span:nth-of-type(1),
.n_hamburger.anm04.active span:nth-of-type(3) {
	width: 15px;
}
.n_hamburger.anm04.active span:nth-of-type(1) {
	-webkit-transform: translate(-1px,0px) rotate(-45deg);
	-ms-transform: translate(-1px,0px) rotate(-45deg);
	transform: translate(-1px,0px) rotate(-45deg);
}
.n_hamburger.anm04.active span:nth-of-type(3) {
	-webkit-transform: translate(-1px,0px) rotate(45deg);
	-ms-transform: translate(-1px,0px) rotate(45deg);
	transform: translate(-1px,0px) rotate(45deg);
}


/* ****************************************************
  ドロップダウンメニュー【.dropdown】
***************************************************** */
.dropdown_container,
.dropdown_container li{ position: relative; }
.dropdown_body{ width:100%;}


/***********スライドトグルメニュー【slide-toggle】*********/
.slide-toggle{
	width:100%;
	/*padding:10px 10px;*/
}
.slide-toggle .nav_icon{ /*margin-bottom:10px;*/ }
.slide-toggle .dropdown_body{ display:none; }


/***********ポップアップメニュー【popup-menu】*************/
.popup-menu .dropdown_body{
	position:absolute;
	z-index: 10;
	top: inherit;
	left:0;
}
/*ホバー効果のリセット*/
.popup-menu .Navigation li:hover,
.popup-menu .Navigation .dropdown_body li:hover{ filter: alpha(opacity=100); -moz-opacity:1.0; opacity:1.0; }

/***【ノーマル】***/
.popup-menu.pop_normal .dropdown_body{ display: none; padding:10px 20px;}
.popup-menu.pop_normal li:hover .dropdown_body{ display: block; }

/***【ドロップダウン】***/
.popup-menu.pop_dropdown .dropdown_body li{
	filter: alpha(opacity=0); -moz-opacity:0; opacity:0;
	overflow: hidden;
	height: 0;
}
.popup-menu.pop_dropdown .dropdown_body li a{ padding:0 20px;}
.popup-menu.pop_dropdown li:hover .dropdown_body{ padding:10px 0;}
.popup-menu.pop_dropdown li:hover .dropdown_body li{ filter: alpha(opacity=100); -moz-opacity:1.0; opacity:1.0; overflow: visible;
	/*詳細設定*/
	height:38px;
	line-height:38px;
}

/***【フェードイン】***/
.popup-menu.pop_fadein .dropdown_body{ padding:10px 20px;}
.popup-menu.pop_fadein li .dropdown_body{ visibility: hidden; filter: alpha(opacity=0); -moz-opacity:0; opacity:0;}
.popup-menu.pop_fadein li:hover .dropdown_body{ visibility: visible; filter: alpha(opacity=100); -moz-opacity:1.0; opacity:1.0;}

/* ****************************************************
  ドロワー表示【.drawer_menu】
***************************************************** */

/*ノーマル時*/
.drawer_container{ overflow:hidden; height:100%; position: relative; }
.drawer_container .drawer_body{ width:100%; position: relative; z-index: 1;}

.drawer_menu{
	position: fixed; top:0; height:100%;
	filter: alpha(opacity=0); -moz-opacity:0; opacity:0;

	/*詳細設定*/
	width:300px;
	padding-top:60px;
}
.drawer_container.d_left .drawer_menu{  left:0px; }
.drawer_container.d_right .drawer_menu{ right:0px; }

/*アクティブ時*/
.drawer_container.d_left.active .drawer_body{
	-webkit-transform: translateX(300px);
	-ms-transform: translateX(300px);
	transform: translateX(300px);
}
.drawer_container.d_right.active .drawer_body{
	-webkit-transform: translateX(-300px);
	-ms-transform: translateX(-300px);
	transform: translateX(-300px);
}

.drawer_container.active .drawer_menu{
	filter: alpha(opacity=100); -moz-opacity:1.0; opacity:1.0;
	-webkit-transition: 0s; -moz-transition: 0s; -o-transition: 0s; transition: 0s;
}


/* ****************************************************
  スライドメニュー【.slide_menu】
***************************************************** */

.slide_menu{ visibility:hidden; z-index:10000;}
.slide_menu.active{ visibility:visible;	}

.slide_btn{ top:20px; }
.slide_menu{ top:75px; }

/*左配置*/
.slide_btn.n_left{left:15px;}
.slide_menu.n_left{ left:-200px !important;}
.slide_menu.n_left.active{ left:32px !important;}
/*右配置*/
.slide_btn.n_right{right:15px;}
.slide_menu.n_right{ right:-200px!important;}
.slide_menu.n_right.active{ right:32px !important;}


/* ****************************************************
  スライドメニュー【.slide_menu-slanting】
***************************************************** */

.slide_menu-slanting{ visibility:hidden; z-index:990;
	width: 50%;
	height:100%;
	top:0px;
	display: -webkit-flex;/* Safari */
	display: flex;
	-webkit-justify-content: center; /* Safari */
	justify-content: center;
	-webkit-flex-direction: column;/* Safari */
	flex-direction: column;
	font-family: 'Ailerons';
	font-size:2.1rem;
	line-height:1.53;
	letter-spacing:0.1rem;
}

.slide_menu-slanting::before,
.slide_menu-slanting::after{
	content: "";
	width: 200%;
	height:100%;
	position:absolute;
	top:0;
	z-index:-1;
	transform: skew(-46deg);
	background-color:#d2c4a7;
	left:-260px;
}
.slide_menu-slanting::after{ left:260px; }

.slide_menu-slanting::before,
.slide_menu-slanting::after{ filter: alpha(opacity=0); -moz-opacity:0;opacity:0; }
.slide_menu-slanting.active::before,
.slide_menu-slanting.active::after{ filter: alpha(opacity=100); -moz-opacity:1.0;opacity:1.0; }

.slide_menu-slanting ul{
	margin-left:20%;
}

.slide_menu-slanting a:hover{ color: inherit;}
.slide_menu-slanting a.colorYellow-dark:hover{ color:#bf9f60;}

.slide_menu-slanting.active{ visibility:visible;	}

.slide_btn{ top:36px; }

/*右配置*/
.slide_btn.n_right{right:30px;}
.slide_menu-slanting.n_right{ right:-100% !important;}
.slide_menu-slanting.n_right.active{ right:0px !important;}

/* ****************************************************
  ホバーアニメ（アイコン）【.hover】
***************************************************** */

/*********** デフォルト【.hover】※共通 ***********/
.n_hamburger.hover span:nth-of-type(1) {
	-webkit-transform: translate(2px,0px) !important;
	-ms-transform: translate(2px,0px) !important;
	transform: translate(2px,0px) !important;
}
.n_hamburger.hover span:nth-of-type(3) {
	-webkit-transform: translate(-2px,0px) !important;
	-ms-transform: translate(-2px,0px) !important;
	transform: translate(-2px,0px) !important;
}

/* ****************************************************
  ホバーアニメ（背景）【.hover】
***************************************************** */

/*********** ボーダーアニメ【.border-anm01】 ***********/
.border_anm01{ border-color:transparent !important;}
.border_anm01.hover{ border-color:inherit !important;}

/*
#####################################################################

	リンク【Link】

#####################################################################
*/


/* ****************************************************
  リンク【link】
***************************************************** */

.link,
.link-img{
    cursor: pointer;
	background: transparent none repeat scroll 0 0;
}

.link:hover{
	filter: alpha(opacity=60);
	-moz-opacity:0.6;
	opacity:0.6;
}

.link-img:hover{
	filter: alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
}
.no_link{
	filter: alpha(opacity=30) !important;
	-moz-opacity:0.3 !important;
	opacity:0.3 !important;
color: #FFF !important;
}

.no_link::after{
	filter: alpha(opacity=30);
	-moz-opacity:0.3;
	opacity:0.3;
	background-color: #FFF !important;

}



/* ****************************************************
  下線付きテキスト【link-underline】
***************************************************** */

.link-underline{ text-decoration:underline;}
.link-underline:hover{ text-decoration:none;}

/*アニメ有り*/
.link-underline-animeline:hover{filter: alpha(opacity=100);-moz-opacity:1.0;opacity:1.0;}
.link-underline-animeline {
    text-decoration: underline;
    text-decoration-color: currentcolor;
    -webkit-text-decoration-skip: ink;
    text-decoration-skip: ink;
    -webkit-text-decoration-color: rgba(0, 0, 0, 0.1);
    text-decoration-color: rgba(0, 0, 0, 0.1);
}
.link-underline-animeline:hover{
	text-decoration:underline;
	/*-webkit-text-decoration-color: black; text-decoration-color: black;*/
}

/* ****************************************************
  アニメーション：下線伸縮【link-animeline】
***************************************************** */

.link-animeline,
.link-animeline-left,
.link-animeline-right{ display:inline-block; position:relative;}
.link-animeline:hover,
.link-animeline-left:hover,
.link-animeline-right:hover{ filter: alpha(opacity=100);-moz-opacity:1.0;opacity:1.0;}

.link-animeline:before,
.link-animeline-left:before,
.link-animeline-right:before{
	content:''; display:block; position:absolute;
	width:0%;

	/*詳細設定*/
	height:1px;
	bottom:0px;
	background-color:currentcolor;

}

.link-animeline:before,
.link-animeline-left:before{ left:0;}
.link-animeline-right:before{ right:0;}

.link-animeline:hover:before,
.link-animeline-left:hover:before,
.link-animeline-right:hover:before{
	-webkit-animation: link-animeline03 0.6s cubic-bezier(0.19, 1, 0.22, 1);-webkit-animation-fill-mode:forwards; animation-fill-mode:forwards;/*実行後のスタイルの維持*/
	animation: link-animeline03 0.6s cubic-bezier(0.19, 1, 0.22, 1); -webkit-animation-fill-mode:forwards; animation-fill-mode:forwards;/*実行後のスタイルの維持*/
}

.link-animeline.active:hover:before,
.link-animeline-left.active:hover:before,
.link-animeline-right.active:hover:before{ display:none;}

@-webkit-keyframes link-animeline03 { 0% {  width:0;} 100% { width:100%;} }
@keyframes link-animeline03 { 0% {  width:0;} 100% { width:100%;} }


/*
#####################################################################

	アイコン

#####################################################################
*/

.icon-box::before,
.icon-txt::before,
.icon-txt::after {
    display: inline-block;
    font-family: "FontAwesome";
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    text-transform: none;
    vertical-align: middle;
}

/* ****************************************************
  アイコンテキスト（左配置）【icon-txt】
***************************************************** */

/*すぐ左に配置*/
.icon-txt::before{
	margin-right:4px;
	vertical-align: baseline;
}

.button.icon-txt::before{
	margin-right:5px;
	font-size: 17px;
}

/*右端に配置*/
.before-left{
	width:100%;
	display:block;
	position:relative;
}

.before-left::before{
	position:absolute;
	left:0;
}

/* ****************************************************
  アイコンテキスト（右配置）【icon-txt.i_after】
***************************************************** */

/*すぐ右に配置*/
.i_after::after{
	margin-right:0;
	margin-left:4px;
}
.button.icon-txt.i_after::after{
	margin-right:0;
	margin-left:12px;
}

.i_after::before{
	display:none;
}

/*右端に配置*/

.i_after.after-right{
	width:100%;
	display:block;
	position:relative;
}

.i_after.after-right::after{
	position:absolute;
	right:0;
}

/* ****************************************************
  アイコンボックス【icon-box】
***************************************************** */

.icon-box{
	display:block;
	width:36px;
	height:36px;
	text-align:center;
	position:relative;
}

.icon-box::before,
.icon-box::after{
	line-height:36px;
}


/* ****************************************************
  アイコン一覧
***************************************************** */

/********WEBフォントアイコン********/

.icon-twitter::before,
.i_after.icon-twitter::after{ content: "\f099"; }/*twitter*/
.icon-flickr::before,
.i_after.icon-flickr::after{ content: "\f16e"; }/*flickr*/
.icon-facebook::before,
.i_after.icon-facebook::after{ content: "\f09a"; }/*facebook*/
.icon-instagram::before,
.i_after.icon-instagram::after{ content: "\f16d"; }/*instagram*/
.icon-pinterest::before,
.i_after.icon-pinterest::after{ content: "\f0d2"; }/*pinterest*/
.icon-linkedin::before,
.i_after.icon-linkedin::after{ content: "\f0e1"; }/*linkedin*/
.icon-wordpress::before,
.i_after.icon-wordpress::after{ content: "\f19a"; }/*wordpress*/
.icon-bars::before,
.i_after.icon-bars::after{ content: "\f0c9"; }/*bars ※ナビアイコン（三）*/
.icon-times::before,
.i_after.icon-times::after{ content: "\f00d"; }/*times ※バツ（×）*/
.icon-angle-right::before,
.i_after.icon-angle-right::after{ content: "\f105"; }/*矢印（右・細）*/
.icon-angle-left::before,
.i_after.icon-angle-left::after{ content: "\f104"; }/*矢印（左・細）*/
.icon-tag::before,
.i_after.icon-tag::after{ content: "\f02b"; }/*タグ*/
.icon-map::before,
.i_after.icon-map::after{ content: "\f041"; }/*マップ*/
.icon-cloud::before,
.i_after.icon-cloud::after{ content: "\f0c2"; }/*クラウド*/
.icon-connectdevelop::before,
.i_after.icon-connectdevelop::after{ content: "\f20e"; }/*プラットフォーム*/
.icon-container::before,
.i_after.icon-container::after{ content: "\f0a0"; }/*コンテナ*/
.icon-cogs::before,
.i_after.icon-cogs::after{ content: "\f085"; }/*マネージメント*/
.icon-window-restore::before,
.i_after.icon-window-restore::after{ content: "\f2d2"; }/*別ウィンドウ*/
.icon-home::before,
.i_after.icon-home::after{ content: "\f015"; }/*ホーム*/
.icon-cloud::before,

.i_after.icon-cloud::after{ content: "\f0c2"; }/*OpenStack/クラウド*/
.icon-connectdevelop::before,
.i_after.icon-connectdevelop::after{ content: "\f20e"; }/*アプリケーションプラットフォーム*/
.icon-container::before,
.i_after.icon-container::after{ content: "\f0a0"; }/*コンテナ/DevOps */
.icon-cogs::before,
.i_after.icon-cogs::after{ content: "\f085"; }/*オートメーション/マネジメント*/

.icon-user-plus::before,
.i_after.icon-user-plus::after{ content: "\f234"; }/*新規登録*/
.button.icon-size-s.icon-user-plus::before,
.button.icon-size-s.i_after.icon-user-plus::after{
	-ms-transform: scale(1.0) !important;
	-webkit-transform: scale(1.0) !important;
	transform: scale(1.0) !important;
}/*新規登録*/

.icon-user::before,
.i_after.icon-user::after{ content: "\f007"; }/*ログイン*/
.button.icon-size-s.icon-user::before,
.button.icon-size-s.i_after.icon-user::after{
	-ms-transform: scale(1.0) !important;
	-webkit-transform: scale(1.0) !important;
	transform: scale(1.0) !important;

}/*ログイン*/


.icon-headphones::before,
.i_after.icon-headphones::after{ content: "\f025"; }/*同時通訳*/
.icon-cutlery::before,
.i_after.icon-cutlery::after{ content: "\f0f5"; }/*ランチセッション*/
.icon-lightbulb::before,
.i_after.icon-lightbulb::after{ content: "\f0eb"; }/*ポイント*/
.icon-info-circle::before,
.i_after.info-circle::after{ content: "\f05a"; }/*インフォメーション*/



/*アイコン種類(右矢印)*/
.icon-chevron-circle-right::before,
.i_after.icon-chevron-circle-right::after{ content: "\f138"; }
.icon-chevron-right::before,
.i_after.icon-chevron-right::after{ content: "\f054"; }
.icon-angle-right::before,
.i_after.icon-angle-right::after{ content: "\f105"; }
.icon-caret-square-o-right::before,
.i_after.icon-caret-square-o-right::after{ content: "\f152"; }
.icon-caret-right::before,
.i_after.icon-caret-right::after{ content: "\f0da"; }
.icon-play-circle::before,
.i_after.icon-play-circle::after{ content: "\f144"; }
.icon-long-arrow-right::before,
.i_after.icon-long-arrow-right::after{ content: "\f178"; }

.icon-arrow-circle-right::before,
.i_after.icon-arrow-circle-right::after{ content: "\f0a9"; }



/*アイコン種類(上矢印)*/
.icon-chevron-circle-up::before,
.i_after.icon-chevron-circle-up::after{ content: "\f139"; }
.icon-chevron-up::before,
.i_after.icon-chevron-up::after{ content: "\f077"; }
.icon-caret-square-o-up::before,
.i_after.icon-caret-square-o-up::after{ content: "\f151"; }


/********CSSアイコン********/

 /*菱形*/
.icon-squareRotate{
	transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);
}

/*＋（プラス）*/
.icon-plus:before,
.icon-plus:after{height:13px; width:1px; top:10px; left:17px; content:''; display:block; position:absolute; }
.icon-plus:after{transform:rotate(90deg);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-o-transform:rotate(90deg);-ms-transform:rotate(90deg);}
a.icon-plus:hover:after{transform:rotate(180deg);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform:rotate(180deg);-ms-transform:rotate(180deg);}
a.icon-plus:hover:before{transform:rotate(90deg);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-o-transform:rotate(90deg);-ms-transform:rotate(90deg);}
.thum-box a:hover .icon-plus:after{transform:rotate(180deg);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform:rotate(180deg);-ms-transform:rotate(180deg);}
.thum-box a:hover .icon-plus:before{transform:rotate(90deg);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-o-transform:rotate(90deg);-ms-transform:rotate(90deg);}

/*×（バツ）*/
.icon-plusRotate:before,
.icon-plusRotate:after{height:13px; width:1px; top:10px; left:17px; content:''; display:block; position:absolute; transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);}
.icon-plusRotate:after{transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);}

/*ライン*/
.icon-line:before{ width:40px; height:2px; top:20px; left:0px; content:''; display:block; position:absolute;}

/*ホーム*/
.icon-home1:before{ border:20px solid transparent; border-bottom-color:#333; content:''; height:0px; width:0px; display:block; position:absolute; top:0px; left:0px;  border-top:0}
.icon-home1:after{ height:12px; width:12px; top:18px; left:6px; border:8px #333 solid; border-top-width:10px; content:''; display:block; position:absolute; border-bottom:0;}



/********スクロールアイコン********/

/*アイコン下のテキスト*/
.icon-scroll-txt{
	display: block;
    line-height: 1;

	/*詳細設定*/
	width:30px;
	font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.04rem;
    margin: 10px 0 0 -4px;
}

/*マウスアイコン*/
.icon-scroll-mouse {
	width: 25px;
	height: 40px;
	border: 2px solid #000;
	border-radius: 50px;
}
.icon-scroll-mouse::before {
	position: absolute;
	top: 10px;
	left: 50%;
	content: '';
	margin-left: -3px;
	width: 5px;
	height: 5px;
	background-color: #000;
	border-radius: 100%;
	-webkit-animation: sdb 2s infinite;
	animation: sdb 2s infinite;
	box-sizing: border-box;
}
@-webkit-keyframes sdb {
	0% {-webkit-transform: translate(0, 0);opacity: 0;}
	40% {opacity: 1;}
	80% {-webkit-transform: translate(0, 14px);opacity: 0;}
	100% {opacity: 0;}
}
@keyframes sdb {
	0% {transform: translate(0, 0);opacity: 0;}
	40% {opacity: 1;}
	80% {transform: translate(0, 14px);opacity: 0;}
	100% {opacity: 0;}
}

/* ****************************************************
  アイコンサイズ【icon-size】
***************************************************** */

.icon-box.icon-size-xs{-ms-transform: scale(0.8)!important; -webkit-transform: scale(0.8)!important; transform: scale(0.8)!important ; }
.icon-box.icon-size-s{-ms-transform: scale(1.4)!important; -webkit-transform: scale(1.4)!important; transform: scale(1.4)!important ; }
.icon-box.icon-size-m{-ms-transform: scale(2.0)!important; -webkit-transform: scale(2.0)!important; transform: scale(2.0)!important ; }
.icon-box.icon-size-l{-ms-transform: scale(2.5)!important; -webkit-transform: scale(2.5)!important; transform: scale(2.5)!important ; }
.icon-box.icon-size-xl{-ms-transform: scale(3.0)!important; -webkit-transform: scale(3.0)!important; transform: scale(3.0)!important ; }

.icon-txt.icon-size-xs::before,icon-txt.icon-size-xs::after{-ms-transform: scale(0.7)!important; -webkit-transform: scale(0.7)!important; transform: scale(0.7)!important ; }
.icon-txt.icon-size-s::before,icon-txt.icon-size-s::after{-ms-transform: scale(1.2)!important; -webkit-transform: scale(1.2)!important; transform: scale(1.2)!important ; }
.icon-txt.icon-size-m::before,icon-txt.icon-size-m::after{-ms-transform: scale(2.0)!important; -webkit-transform: scale(2.0)!important; transform: scale(2.0)!important ; }
.icon-txt.icon-size-l::before,icon-txt.icon-size-l::after{-ms-transform: scale(2.5)!important; -webkit-transform: scale(2.5)!important; transform: scale(2.5)!important ; }
.icon-txt.icon-size-xl::before,icon-txt.icon-size-xl::after{-ms-transform: scale(3.0)!important; -webkit-transform: scale(3.0)!important; transform: scale(3.0)!important ; }

/* ****************************************************
  アイコンフォントサイズ【icon-font-size】
***************************************************** */
.icon-box.icon-font-size-m::before {
	font-size: 21px;
}

/* ****************************************************
  アイコンカラー【icon-color】
***************************************************** */
/*使用中*/
.icon-colorRed-dark::before,
.icon-colorRed-dark::after{ color:#EE0000 !important;}/*レッドダーク*/

/*webフォントアイコン用*/
.icon-colorWhite::before,
.icon-colorWhite::after{ color:#FFF !important;}/*ホワイト*/
.icon-colorBlack::before,
.icon-colorBlack::after{ color:#000 !important;}/*ブラック*/
.icon-colorGray::before,
.icon-colorGray::after{ color:#83838f !important;}/*グレー*/
.icon-colorRed::before,
.icon-colorRed::after{ color:#cb2027 !important;}/*レッド*/
.icon-colorOrange::before,
.icon-colorOrange::after{ color:#f5683a !important;}/*オレンジ*/
.icon-colorBlue-light::before,
.icon-colorBlue-light::after{ color:#55acee !important;}/*ブルーライト*/
.icon-colorBlue::before,
.icon-colorBlue::after{ color:#5887ab !important;}/*ブルー*/
.icon-colorBlue-dark::before,
.icon-colorBlue-dark::after{ color:#3a5897 !important;}/*ダークブルー*/
.icon-colorPink::before,
.icon-colorPink::after{ color:#f26b88 !important;}/*ピンク*/

/*CSSアイコン用*/
.cicon-colorWhite::before,
.cicon-colorWhite::after{ background:#FFF !important;}/*ホワイト*/
.cicon-colorBlack::before,
.cicon-colorBlack::after{ background:#000 !important;}/*ブラック*/
.cicon-colorGray::before,
.cicon-colorGray::after{ background:#83838f !important;}/*グレー*/
.cicon-colorRed::before,
.cicon-colorRed::after{ background:#c93434 !important;}/*レッド*/
.cicon-colorOrange::before,
.cicon-colorOrange::after{ background:#f5683a !important;}/*オレンジ*/
.cicon-colorBlue-light::before,
.cicon-colorBlue-light::after{ background:#55acee !important;}/*ブルーライト*/
.cicon-colorBlue::before,
.cicon-colorBlue::after{ background:#5887ab !important;}/*ブルー*/
.cicon-colorBlue-dark::before,
.cicon-colorBlue-dark::after{ background:#3a5897 !important;}/*ダークブルー*/
.cicon-colorPink::before,
.cicon-colorPink::after{ background:#f26b88 !important;}/*ピンク*/

/*
#####################################################################

	ボタン【button】

#####################################################################
*/
.buttonRed{
	display: inline-block !important;
	max-width: 220px;
	margin-top: 20px;
	padding:16px 28px;
	font-size: 16px;
	font-weight: bold;
	border-radius: 3px;
	transition: 0.3s;
		border:1px solid #EE0000 !important;
}
.buttonRed:hover{
	text-decoration: none !important;
	background-color: #FFF !important;
	color: #EE0000 !important;
	border:1px solid #EE0000 !important;
}
/* ****************************************************
  ボタン【button】
***************************************************** */

.button{
	text-decoration:none;
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
	text-align:center;

	/*詳細設定*/
	font-weight:300;
}

.button.login {
	padding-left: 0;
	padding-right: 0;
	min-width: 125px;
	margin-right: 15px;

}
.visible-pc .button{
	font-size: 14px;
}

/* ****************************************************
  ボーダー【b_border】
***************************************************** */

.b_border,.b_border-s,.b_border-m,.b_border-l{
	background-color:#FFFFFF;
	border-color:#1a1a1a;
}
.b_border,.b_border-s{ border:1px solid;}
.b_border-m{ border:2px solid;}
.b_border-l{ border:3px solid;}

.b_border:hover,.b_border-s:hover,
.b_border-m:hover,
.b_border-l:hover{ color:#FFF; background-color:#1a1a1a; border-color:#1a1a1a;}

.b_border::before,
.b_border-s::before,
.b_border-m::before,
.b_border-l::before,
.b_border::after,
.b_border-s::after,
.b_border-m::after,
.b_border-l::after{ color: #1a1a1a; }
.b_border:hover::before,
.b_border-s:hover::before,
.b_border-m:hover::before,
.b_border-l:hover::before,
.b_border:hover::after,
.b_border-s:hover::after,
.b_border-m:hover::after,
.b_border-l:hover::after{ color: #FFF; }


/*
#####################################################################

	スライダー【flexslider】

#####################################################################
*/


/* ****************************************************
  スライダー【flexslider】
***************************************************** */

/*リセット*/
.flex-container a:active,.flexslider a:active,.flex-container a:focus,.flexslider a:focus  {outline: none;}
.slides,.flex-control-nav,.flex-direction-nav {margin: 0; padding: 0; list-style: none;}

/*No JavaScript*/
.no-js .slides > li:first-child {display: block;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}

/*デフォルト設定*/
.flexslider { margin: 0; padding: 0; z-index:0; position: relative; zoom: 1; }
.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.loading .flex-viewport { max-height: 300px; }
.carousel li { margin-right: 5px; }

/*詳細設定*/
.flexslider{
	overflow:hidden;
}



/*スライドエリア【slides】
*********************************************** */

/*デフォルト設定*/
.flexslider .slides { zoom: 1; }
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;}
.flexslider .slides img {width: 100%; display: block;}

/*詳細設定*/
.flexslider .slides li{
	width:100%;
	height:115px;
}


/*左右ナビボタン【flex-direction-nav】
*********************************************** */

/*デフォルト設定*/
.flex-direction-nav a  { text-decoration:none; display: block; position: absolute; z-index:0; overflow: hidden; cursor: pointer; }
.flex-direction-nav a::before{ display: inline-block; vertical-align:middle; }
.flex-direction-nav a.flex-next::before,
.flex-direction-nav a.flex-prev::before { font-family: "FontAwesome";}

/*詳細設定*/
.flex-direction-nav a { opacity: 0.3; top:50%; margin:0;
	width:40px;
	height:40px;
	margin-top:-60px;
	color:#ffffff;
	background-color:#262626;
}

.flex-direction-nav .flex-prev { left: 65px; text-align:center;}
.flex-direction-nav .flex-next { right: 65px; text-align: center; }
.cta-module-02:hover .flex-prev { opacity: 1.0; left: 80px; }
.cta-module-02:hover .flex-next { opacity: 1.0; right: 80px; }

.flex-direction-nav a.flex-next::before  { content: "\f105"; }
.flex-direction-nav a.flex-prev::before  { content: "\f104"; }
.flex-direction-nav a::before{ font-size:1.575rem; line-height:40px;}


@media screen and (max-width : 1250px){
	.flex-direction-nav .flex-prev { left: 35px; }
	.flex-direction-nav .flex-next { right: 35px; }
	.cta-module-02:hover .flex-prev { left: 50px; }
	.cta-module-02:hover .flex-next { right: 50px; }
}
@media screen and (min-width : 480px){
	.br_sess{
		display: inline-block;
		vertical-align: middle;
		margin-right: 13px;

	}

	.br_sess .sess-bg{
margin-left: 0 !important;
				margin-bottom: 20px;
	}
}

/*ナビ機能停止*/
.flex-direction-nav .flex-disabled { opacity: 0!important; filter:alpha(opacity=0); cursor: default; }

/*○ボタン【flex-control-paging】
*********************************************** */

/*デフォルト設定*/
.flex-control-nav {width: 100%; position: absolute; text-align: center;}
.flex-control-nav li { display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a { display: block; cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; }
.flex-control-paging li a.flex-active {  cursor: default; }

/*詳細設定*/
.flex-control-nav{ bottom:10px; }
.flex-control-nav li { margin: 0 6px; }
.flex-control-paging li a{
	width: 8px;
	height: 8px;
	background-color:#444444;
}
.flex-control-paging li a:hover {
	background-color: #FFF;
}
.flex-control-paging li a.flex-active{
	background-color:#cc0000;
}



/* ****************************************************
  シンプルスライダー【s_simple】
***************************************************** */

.s_simple{}


/*
#####################################################################

	メインビジュアル【mainvisual】

#####################################################################
*/

/* ****************************************************
  シンプルメインビジュアル【.mv_simple】
***************************************************** */

.mainvisual{
	background:#7a0100 url("../img/common/head-bg.png") no-repeat scroll;
	background-size: cover;
	width:100%; min-width: 1120px;

	/*詳細設定*/
	height:300px;
}


/* ****************************************************
  シンプルメインビジュアル02【.mv_simple02】
***************************************************** */

.mainvisual.mv_simple02{
	width:100%;
}


/* ****************************************************
  シンプルメインビジュアル＋テキスト【.mv_txt】
***************************************************** */

.mainvisual.mv_txt{
	display: -webkit-box;/* Android4.3以前ブラウザ用 */
	display: -webkit-flex;/* iOS8以前Safari用 */
	display: flex;

	/*詳細設定*/
	-webkit-align-items: center; /* iOS8以前Safari用 */
	align-items: center;

	-webkit-justify-content: center; /* iOS8以前Safari用 */
	justify-content: center;

	padding:25px;
}

.mainvisual.mv_txt .mv_txt-box{
	text-align: center;
	color:#FFFFFF;
}

/* ****************************************************
  隠しテキスト（テキスト消去）【.mv_txt-none】
***************************************************** */

.mainvisual.mv_txt-none > div{
	display:none;
}


/* ****************************************************
  グラデーション【b_gradient】
***************************************************** */

.b_gradient{
	background-color:#0260a2;
	background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #0375b2 0%, #0260a2 50%, #014b90 100%) repeat scroll 0 0;
    box-shadow: 0 4px 0 0 rgba(0, 43, 77, 1);

	color:#FFF;
}
.b_gradient:hover{
	filter: alpha(opacity=80);
	-moz-opacity:0.8; opacity:0.8;

	color:#FFF;
}
.b_gradient::before { color: #FFF; }


/* ****************************************************
  影＿内側【b_shadow-inner】
***************************************************** */

.b_shadow-inner{
	box-shadow:rgba(0, 0, 0, 0.19) 0px 1px 5px 0px inset;
	-webkit-box-shadow:rgba(0, 0, 0, 0.19) 0px 1px 5px 0px inset;
	-moz-box-shadow:rgba(0, 0, 0, 0.19) 0px 1px 5px 0px inset;

	background-color:#FFF;
	border:1px solid #FFF;/*外側に1pxの白いライン*/
}
.b_shadow-inner:hover{
	background-color:#f7f7f7;
	filter: alpha(opacity=100);
	-moz-opacity:1.0; opacity:1.0;
}

/* ****************************************************
  サイズ【b_size】
***************************************************** */

.b_size-s{ min-width:120px; padding:12px 20px; line-height:1 !important;}/*使用中*/
.b_size-sl{ min-width:230px; padding:20px 24px; line-height:1 !important;}/*使用中*/
.b_size-m{ min-width:250px; padding:20px 30px; line-height:1 !important;}/*使用中*/
.b_size-ml{ min-width:340px; padding:24px 30px; line-height:1 !important;}/*使用中*/
.b_size-ls{ min-width:390px; padding:24px 30px; line-height:1 !important;}/*使用中*/
.b_size-l{ min-width:430px; padding:24px 24px; line-height:1 !important;}/*使用中*/
.b_size-full{ width:100%; padding:22px 20px; line-height:1 !important;}

@media all and (-ms-high-contrast:none) {/*IE11ハック*/
	*::-ms-backdrop, .b_size-s{ padding-bottom:8px;}
	*::-ms-backdrop, .b_size-m{ padding-bottom:16px;}
	*::-ms-backdrop, .b_size-ml{ padding-bottom:16px;}
	*::-ms-backdrop, .b_size-l{ padding-bottom:18px;}
}
@media all and (-ms-high-contrast:none) {/*IE10ハック*/
	.b_size-s{ padding-bottom:8px;}
	.b_size-m{ padding-bottom:16px;}
	.b_size-ml{ padding-bottom:16px;}
	.b_size-l{ padding-bottom:18px;}
}


/* ****************************************************
  角丸【b_radius】
***************************************************** */

.b_radius-s{ border-radius: 2px; }
.b_radius-m{ border-radius: 4px; }
.b_radius-l{ border-radius: 6px; }
.b_radius-full{ border-radius: 30px; }



/* ****************************************************
  左右中央揃え【buttonContainer】
***************************************************** */

.buttonContainer-center,
.buttonContainer-right,
.buttonContainer-left{
	position: relative;
    text-align: center;
}

.buttonContainer-center li,
.buttonContainer-right li,
.buttonContainer-left li {
    display:inline-block;
    padding: 0;
}
/*中央寄せ*/
.buttonContainer-center { text-align: center; }
.buttonContainer-center li { margin:0 0 10px 15px; }
.buttonContainer-center li:first-child{ margin-left:0;}
.buttonContainer-center li:last-child{ margin-right:0;}

/*右寄せ*/
.buttonContainer-right { text-align: right; }
.buttonContainer-right li { margin: 0 0 0 10px; }
.buttonContainer-right li:first-child{ margin-left:0;}

/*左寄せ*/
.buttonContainer-left { text-align: left; }
.buttonContainer-left li { margin: 0 10px 0 0; }
.buttonContainer-left li:last-child{ margin-right:0;}

/* ****************************************************
  カラー【b_color】
***************************************************** */

/*使用*/
.b_colorGray{ background-color:#959595; color:#FFF; }/*グレー*/
.b_colorWhite{ background-color:#FFF; color: #ee0000; }/*ホワイト*/
.b_colorTransparent{ background-color: transparent; color:#FFF; }/*グレー*/
.b_colorRed{ background-color:#EE0000; color:#FFF; border:2px solid #EE0000;}/*レッド*/
.b_colorRed-light{ background-color:#ee0000; color:#FFF; border:2px solid #ee0000;}/*レッドライト*/

/*カラーボタン*/
.b_colorBlack{ background-color:#1a1a1a; color:#FFF; }/*ブラック*/
.b_colorOrange{ background-color:#f5683a; color:#FFF; }/*オレンジ*/
.b_colorBlue-light{ background-color:#55acee; color:#FFF; }/*ブルーライト*/
.b_colorBlue{ background-color:#5887ab; color:#FFF; }/*ブルー*/
.b_colorBlue-dark{ background-color:#3a5897; color:#FFF; }/*ダークブルー*/
.b_colorPink{ background-color:#f26b88; color:#FFF; }/*ピンク*/
.b_colorYellow{ background-color:#d2c4a7; color:#FFF; }/*イエロー*/

.b_colorGray:hover{ color:#959595; background-color:#FFF;}
.b_colorWhite:hover{ color:#FFFFFF; background-color:#ee0000;}
.b_colorTransparent:hover{ color:#EE0000; background-color:#FFFFFF; z-index:1;}
.b_colorRed:hover{ color:#EE0000; background-color:#FFFFFF;border-color: #EE0000;}
.b_colorRed-light:hover{ color:#ee0000; background-color:#FFFFFF;}


/*ボーダー*/
.b_border.b_colorRed{ background-color:transparent; border-color:#EE0000; color:#EE0000;}
.b_border.b_colorRed::before,.b_border.b_colorRed::after{color:#EE0000;}
.b_border.b_colorWhite::before,.b_border.b_colorWhite::after{color:#EE0000;}
.b_border.b_colorRed:hover{ background-color:#EE0000; color:#FFF; filter: alpha(opacity=100);-moz-opacity:1.0; opacity:1.0;}
.b_border.b_colorWhite:hover::before,.b_border.b_colorWhite:hover::after{color:#FFF;}

.b_border.b_colorWhite{ background-color:transparent; border:#FFF 1px solid; color:#FFF; border-radius: 3px;}
.b_border.b_colorWhite::before,.b_border.b_colorWhite::after{color:#FFF;}
.b_border.b_colorWhite:hover{ background-color:#FFF; color:#EE0000; filter: alpha(opacity=100);-moz-opacity:1.0; opacity:1.0;}
.b_border.b_colorWhite:hover::before,.b_border.b_colorWhite:hover::after{color:#EE0000;}
.b_border.b_colorRed:hover::before,.b_border.b_colorRed:hover::after{color:#FFF;}

/* ****************************************************
  アニメーション【.b_anm】
***************************************************** */

/****************【.b_anm-roll】****************/

/*初期設定*/
.b_anm-roll span { position: absolute; width: 100%; left:0; top:0;}
.b_anm-roll { position: relative; display:inline-block; }

.b_anm-roll.b_size-s,.b_anm-roll.b_size-s span,.b_anm-roll.b_size-m,.b_anm-roll.b_size-m span,
.b_anm-roll.b_size-l,.b_anm-roll.b_size-l span,.b_anm-roll.b_size-full,.b_anm-roll.b_size-full span{ padding:0 !important;}

.b_anm-roll span:nth-child(1) { transform: rotateX(90deg); -webkit-transform: rotateX(90deg); -moz-transform: rotateX(90deg); }
.b_anm-roll span:nth-child(2),
.b_anm-roll:hover span:nth-child(1) { transform: rotateX(0deg); -webkit-transform: rotateX(0deg); -moz-transform: rotateX(0deg); }
.b_anm-roll:hover span:nth-child(2) { transform: rotateX(-90deg); -webkit-transform: rotateX(-90deg); -moz-transform: rotateX(-90deg); }

/*奥行*/
.b_anm-roll { perspective: 500px; -webkit-perspective: 500px; -moz-perspective: 500px; }

/*サイズごとの設定*/
.b_anm-roll.b_size-s,.b_anm-roll.b_size-s span{ height:40px; line-height:40px; transform-origin: 50% 50% -20px; -webkit-transform-origin: 50% 50% -20px; -moz-transform-origin: 50% 50% -20px;}
.b_anm-roll.b_size-m,.b_anm-roll.b_size-m span{ height:50px; line-height:50px; transform-origin: 50% 50% -25px; -webkit-transform-origin: 50% 50% -25px; -moz-transform-origin: 50% 50% -25px;}
.b_anm-roll.b_size-l,.b_anm-roll.b_size-l span,
.b_anm-roll.b_size-full,.b_anm-roll.b_size-full span{ height:60px; line-height:60px; transform-origin: 50% 50% -30px; -webkit-transform-origin: 50% 50% -30px; -moz-transform-origin: 50% 50% -30px;}

/****************【.b_anm-extend】****************/
/*初期設定*/
.b_anm-extend{ background-color:rgba(255,255,255,0); border-style:solid;}
.b_anm-extend:hover{ filter: alpha(opacity=100);-moz-opacity:1.0;opacity:1.0;}
.b_anm-extend:hover::before{ color: #FFF; }
.b_anm-extend::after,.b_anm-extend::before{ filter: alpha(opacity=0);-moz-opacity:0;opacity:0;  position: absolute; }
.b_anm-extend:hover::after,.b_anm-extend:hover::before{ border-color:transparent; filter: alpha(opacity=100);-moz-opacity:1.0;opacity:1.0; -ms-transform: translateX(0px); -webkit-transform: translateX(0px); transform: translateX(0px);}

/*ボーダーの太さ*/
.b_anm-extend{ border-width:1px;}

/*カラー（適宜増やす）*/
.b_anm-extend.b_colorBlack{ color:#1a1a1a; border-color:#1a1a1a; }
.b_anm-extend.b_colorBlack:hover{ color:#FFF; background:#1a1a1a;}

/*マウスオーバー時の変化*/
.b_anm-extend::after{ font-size: 1.2rem;line-height: 1.9;　-ms-transform: translateX(-40px); -webkit-transform: translateX(-40px); transform: translateX(-40px);}
.b_anm-extend:hover{  padding-left:2em; padding-right:3em; background-color:rgba(255,255,255,1.0);}

/*
#####################################################################

	マップ【googleMap】

#####################################################################
*/

/*PC*/
.googleMap > div{ width:100%; height:350px;}

/*
#####################################################################

	その他モジュール

#####################################################################
*/

/* ****************************************************
  色【bg-Color】
***************************************************** */

/*使用*/
.bg-red-light{ background-color:#EE0000 !important;}
.bg-red-light2{ background-color:#EE0000 !important;}
.bg-red { background-color:#EE0000 !important;}
.bg-red-dark{ background-color:#820000 !important;}
.bg-red-dark2{ background-color:#9e0001 !important;}
.bg-red-dark3{ background-color:#9b0d09 !important;}
.bg-gray { background-color:#f5f5f5 !important;}
.bg-gray-dark { background-color:#252527 !important;}
.bg-gray-light { background-color:#ededed !important;}
.bg-gray-light2 { background-color:#f7f7f7 !important;}
.bg-gray-light3 { background-color:#eeeeee !important;}
.bg-gray-light4 { background-color:#272727 !important;}
.bg-gray3 { background-color:#b3b3b3 !important; }
.bg-blue { background-color:#32b9e6 !important;}
.bg-yellow { background-color:#e3b73b !important;}
.bg-green { background-color:#49c4ae !important;}
.bg-green-light { background-color:#97c730 !important;}
.bg-purple { background-color:#747bd4 !important;}
.bg-blue-dark3 { background-color:#007c91 !important;}
.bg-white { background-color:#FFF !important;}

/*未使用*/
.bg-black { background-color:#1a1a1a !important;}
.bg-gray2 { background-color:#eaeaea !important;}
.bg-blue-light { background-color:#85b2cc !important;}
.bg-blue-light2 { background-color:#f5f8fa !important; }
.bg-blue-dark { background-color:#144566 !important;}
.bg-blue-dark2 { background-color:#132e40 !important;}

/* ****************************************************
  影【bg-shadow、txt-shadow】
***************************************************** */

/*外側ボトムにシャドウ*/

.bg-shadow-xs{ box-shadow:rgba(0, 0, 0, 0.2) 0px 1px 3px 0px; -webkit-box-shadow:rgba(0, 0, 0, 0.2) 0px 1px 3px 0px; -moz-box-shadow:rgba(0, 0, 0, 0.2) 0px 1px 3px 0px;}
.bg-shadow-s{ box-shadow:rgba(0, 0, 0, 0.2) 0px 2px 4px 0px; -webkit-box-shadow:rgba(0, 0, 0, 0.2) 0px 2px 4px 0px; -moz-box-shadow:rgba(0, 0, 0, 0.2) 0px 2px 4px 0px;}
.bg-shadow-m{ box-shadow:rgba(0, 0, 0, 0.2) 0px 4px 7px 0px; -webkit-box-shadow:rgba(0, 0, 0, 0.2) 0px 4px 7px 0px; -moz-box-shadow:rgba(0, 0, 0, 0.2) 0px 4px 7px 0px;}
.bg-shadow-l{ box-shadow:rgba(0, 0, 0, 0.2) 0px 6px 11px 0px; -webkit-box-shadow:rgba(0, 0, 0, 0.2) 0px 6px 11px 0px; -moz-box-shadow:rgba(0, 0, 0, 0.2) 0px 6px 11px 0px;}
.bg-shadow-xl{ box-shadow:rgba(0, 0, 0, 0.2) 0px 8px 16px 0px; -webkit-box-shadow:rgba(0, 0, 0, 0.2) 0px 8px 16px 0px; -moz-box-shadow:rgba(0, 0, 0, 0.2) 0px 8px 12px 0px;}

/*内側にシャドウ*/
.bg-shadow-inner{

	box-shadow:rgba(0, 0, 0, 0.19) 0px 1px 5px 0px inset;
	-webkit-box-shadow:rgba(0, 0, 0, 0.19) 0px 1px 5px 0px inset;
	-moz-box-shadow:rgba(0, 0, 0, 0.19) 0px 1px 5px 0px inset;
}

/*外側にシャドウ*/
.bg_shadow-outer {
    background-color: #fff;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
}

/*テキスト外側ボトムにシャドウ*/
.txt-shadow{
	text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.55);
}


/* ****************************************************
  形【bg-Radius】
***************************************************** */

/*角丸*/
.bg_Radius-s{ -webkit-border-radius:2px; -moz-border-radius: 2px; border-radius: 2px;}
.bg_Radius-m{ -webkit-border-radius:4px; -moz-border-radius: 4px; border-radius: 4px;}
.bg_Radius-l{ -webkit-border-radius:6px; -moz-border-radius: 6px; border-radius: 6px;}
.bg_Radius-xl{ -webkit-border-radius:15px; -moz-border-radius: 15px; border-radius: 15px;}

/*円*/
.bg-Radius-full{
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}

/* ****************************************************
  線【bg-Border】
***************************************************** */

/*ボーダーソリッド（上下左右）太さS/M/L*/
.border01,
.border01-s{ border:1px solid !important;}
.border01-m{ border:2px solid !important;}
.border01-l{ border:6px solid !important;}
.border01-t-s{ border-top:1px solid !important;}
.border01-t-m{ border-top:2px solid !important;}
.border01-t-l{ border-top:6px solid !important;}
.border01-b-s{ border-bottom:1px solid !important;}
.border01-b-m{ border-bottom:2px solid !important;}
.border01-b-l{ border-bottom:6px solid !important;}
.border01-l-s{ border-left:1px solid !important;}
.border01-l-m{ border-left:2px solid !important;}
.border01-l-l{ border-left:6px solid !important;}
.border01-r-s{ border-right:1px solid !important;}
.border01-r-m{ border-right:2px solid !important;}
.border01-r-l{ border-right:6px solid !important;}

/*ボーダードット（上下左右）太さS/M/L*/
.border02,
.border02-s{ border:1px dotted !important;}
.border02-m{ border:2px dotted !important;}
.border02-l{ border:6px dotted !important;}
.border02-t-s{ border-top:1px dotted !important;}
.border02-t-m{ border-top:2px dotted !important;}
.border02-t-l{ border-top:6px dotted !important;}
.border02-b-s{ border-bottom:1px dotted !important;}
.border02-b-m{ border-bottom:2px dotted !important;}
.border02-b-l{ border-bottom:6px dotted !important;}
.border02-l-s{ border-left:1px dotted !important;}
.border02-l-m{ border-left:2px dotted !important;}
.border02-l-l{ border-left:6px dotted !important;}
.border02-r-s{ border-right:1px dotted !important;}
.border02-r-m{ border-right:2px dotted !important;}
.border02-r-l{ border-right:6px dotted !important;}

/*カラー*/
.b_gray{ border-color: #b2b2b2 !important;}
.b_red{ border-color: #aa1c23 !important;}
.b_gray-light{ border-color:#dcdcdc !important; }
.b_white{ border-color:#FFF !important; }
.b_red-light2{ border-color: #EE0000 !important;}
.b_green-light{ border-color:#97c730 !important; }
.b_blue-dark3{ border-color:#007C91 !important; }

.w100{
	width: 100% !important;
}


/* ****************************************************
  文字揃え【TextAlign】
***************************************************** */

.alignLeft { text-align: left !important; }/*左寄せ*/
.alignCenter { text-align: center !important; }/*中央寄せ*/
.alignRight { text-align: right !important; }/*右寄せ*/

/* ****************************************************
  ボックス揃え【justify】
***************************************************** */

.justify{ text-align:justify; }

/* ****************************************************
  縦の揃え位置【verticalAlign】
***************************************************** */

.verticalAlign-baseline{ vertical-align:baseline!important;}
.verticalAlign-top{ vertical-align:top!important;}
.verticalAlign-middle{ vertical-align:middle!important;}
.verticalAlign-textTop { vertical-align:text-top!important;}
.verticalAlign-textBottom { vertical-align:text-bottom!important;}

/* ****************************************************
  揃え位置【position】
***************************************************** */

.position-left{ margin:auto auto auto 0; }/*左揃え*/
.position-center{ margin:auto auto auto auto; }/*中心揃え*/
.position-right{ margin:auto 0 auto auto; }/*右揃え*/

.position-inner-center,.position-inner-centerLeft,.position-inner-centeRight{
	display: -webkit-box; /*Android4.3*/ display:-moz-box; display:-moz-flexbox; display: -ms-flexbox; /*IE10*/ display: -webkit-flex; /*PC-Safari,iOS8.4*/ display:-moz-flex; display: flex;

	-webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack:center; justify-content: center;

	-ms-flex-direction:column;-webkit-flex-direction: column;flex-direction: column;
}


/*ボックス内の要素を上下左右中央揃え*/
.position-inner-center{ -webkit-align: center; -webkit-align-items: center; -ms-flex-align:center; align-items: center; }

/*ボックス内の要素を上下中央左揃え*/
.position-inner-centerLeft{ -webkit-align: flex-start; -webkit-align-items: flex-start; -ms-flex-align:start; align-items: flex-start; }

/*ボックス内の要素を上下中央右揃え*/
.position-inner-centeRight{ -webkit-align: flex-end; -webkit-align-items: flex-end; -ms-flex-align:end; align-items: flex-end; }

.position-inner-center > div,.position-inner-center > p,
.position-inner-center > h1,.position-inner-center > h2,.position-inner-center > h3,.position-inner-center > h4,.position-inner-center > h5,.position-inner-center > h6,
.position-inner-centerLeft > div,.position-inner-centerLeft > p,
.position-inner-centerLeft > h1,.position-inner-centerLeft > h2,.position-inner-centerLeft > h3,.position-inner-centerLeft > h4,.position-inner-centerLeft > h5,.position-inner-centerLeft > h6,
.position-inner-centeRight > div,.position-inner-centeRight > p,
.position-inner-centeRight > h1,.position-inner-centeRight > h2,.position-inner-centeRight > h3,.position-inner-centeRight > h4,.position-inner-centeRight > h5,.position-inner-centeRight > h6
{ max-width:100%; }


/* ****************************************************
  固定位置【absolute】
***************************************************** */

.absolute-top,.absolute-bottom,.absolute-left,.absolute-right,
.absolute-top-left,.absolute-top-right,
.absolute-bottom-left,.absolute-bottom-right{ position:absolute; line-height:1 !important;}

.absolute-top{ top:0;}/*上*/
.absolute-bottom{ bottom:0;}/*下*/
.absolute-left{ left:0;}/*左*/
.absolute-right{ right:0;}/*右*/
.absolute-top-left{ top:0; left:0;}/*左上*/
.absolute-top-right{ top:0; right:0;}/*右上*/
.absolute-bottom-left{ bottom:0; left:0;}/*左下*/
.absolute-bottom-right{ bottom:0; right:0;}/*右下*/


/* ****************************************************
  マージン・パディング【margin・padding】
***************************************************** */

/*上下左右*/
.margin-xxs{ margin:5px!important;}
.margin-xs{ margin:15px!important;}
.margin-s{ margin:30px!important;}
.margin-m{ margin:50px!important;}
.margin-l{ margin:60px!important;}
.margin-xl{ margin:90px!important;}

.padding-xs{ padding:15px!important;}
.padding-s{ padding:30px!important;}
.padding-m{ padding:50px!important;}
.padding-l{ padding:60px!important;}
.padding-xl{ padding:90px!important;}

/*上下*/
.margin-tb-xs{ margin-top:15px!important; margin-bottom:15px !important;}
.margin-tb-s{ margin-top:30px!important; margin-bottom:30px!important; }
.margin-tb-m{ margin-top:50px!important; margin-bottom:50px!important;}
.margin-tb-l{ margin-top:60px!important; margin-bottom:60px!important;}
.margin-tb-xl{ margin-top:90px!important; margin-bottom:90px !important;}

.padding-tb-xs{ padding-top:15px!important; padding-bottom:15px !important;}
.padding-tb-s{ padding-top:30px!important; padding-bottom:30px!important; }
.padding-tb-ms{ padding-top:40px!important; padding-bottom:40px!important; }
.padding-tb-m{ padding-top:50px!important; padding-bottom:50px!important;}
.padding-tb-l{ padding-top:60px!important; padding-bottom:60px!important;}
.padding-tb-xl{ padding-top:90px!important; padding-bottom:90px !important;}

/*上*/
.margin-t-xxs{ margin-top:5px!important;}
.margin-t-xs{ margin-top:15px!important;}
.margin-t-s{ margin-top:30px!important; }
.margin-t-ms{ margin-top:40px!important; }
.margin-t-m{ margin-top:50px!important; }
.margin-t-l{ margin-top:60px!important; }
.margin-t-ls{ margin-top:80px!important; }
.margin-t-xl{ margin-top:90px!important; }

.padding-t-xs{ padding-top:15px!important;}
.padding-t-xls{ padding-top:20px!important; }
.padding-t-s{ padding-top:30px!important; }
.padding-t-ms{ padding-top:40px!important; }
.padding-t-m{ padding-top:50px!important; }
.padding-t-l{ padding-top:60px!important; }
.padding-t-xl{ padding-top:90px!important; }

/*下*/
.margin-b-xs{ margin-bottom:15px !important; }
.margin-b-s{ margin-bottom:30px!important; }
.margin-b-m{ margin-bottom:50px!important; }
.margin-b-l{ margin-bottom:60px!important; }
.margin-b-xl{ margin-bottom:90px !important; }

.padding-b-xs{ padding-bottom:15px !important; }
.padding-b-s{ padding-bottom:30px!important; }
.padding-b-m{ padding-bottom:50px!important; }
.padding-b-l{ padding-bottom:60px!important; }
.padding-b-lss{ padding-bottom:70px!important; }
.padding-b-ls{ padding-bottom:80px!important; }
.padding-b-xl{ padding-bottom:90px !important; }


/*左右*/
.margin-lr-xs{ margin-left:10px!important; margin-right:10px !important;}
.margin-lr-s{ margin-left:20px!important; margin-right:20px!important; }
.margin-lr-m{ margin-left:40px!important; margin-right:40px!important;}
.margin-lr-l{ margin-left:50px!important; margin-right:50px!important;}
.margin-lr-xl{ margin-left:60px!important; margin-right:60px !important;}

.padding-lr-xs{ padding-left:10px!important; padding-right:10px !important;}
.padding-lr-s{ padding-left:20px!important; padding-right:20px!important; }
.padding-lr-ls{ padding-left:30px!important; padding-right:30px!important; }
.padding-lr-m{ padding-left:40px!important; padding-right:40px!important;}
.padding-lr-l{ padding-left:50px!important; padding-right:50px!important;}
.padding-lr-xl{ padding-left:60px!important; padding-right:60px !important;}
.padding-lr-xxl{ padding-left:90px!important; padding-right:90px !important;}


/*右*/
.margin-r-xs{ margin-right:10px!important; }
.margin-r-s{ margin-right:20px!important; }
.margin-r-m{ margin-right:40px!important; }
.margin-r-l{ margin-right:50px!important; }
.margin-r-xl{ margin-right:60px!important; }

.padding-r-xs{ padding-right:10px!important; }
.padding-r-s{ padding-right:20px!important; }
.padding-r-m{ padding-right:40px!important; }
.padding-r-l{ padding-right:50px!important; }
.padding-r-xl{ padding-right:60px!important; }

/*左*/
.margin-l-xs{ margin-left:10px!important; }
.margin-l-s{ margin-left:20px!important; }
.margin-l-m{ margin-left:40px!important; }
.margin-l-l{ margin-left:50px!important; }
.margin-l-xl{ margin-left:60px!important; }

.padding-l-xs{ padding-left:10px!important; }
.padding-l-s{ padding-left:20px!important; }
.padding-l-m{ padding-left:40px!important; }
.padding-l-l{ padding-left:50px!important; }
.padding-l-xl{ padding-left:60px!important; }

/*ネガティブマージン（微調整用）*/
.margin-nt-xs{ margin-top:-2px!important;}
.margin-nt-s{ margin-top:-3px!important;}
.margin-nt-m{ margin-top:-6px!important;}
.margin-nt-l{ margin-top:-8px!important;}
.margin-nt-xl{ margin-top:-10px!important;}

.margin-nl-xs{ margin-left:-8px!important;}
.margin-nl-s{ margin-left:-16px!important;}
.margin-nl-m{ margin-left:-24px!important;}
.margin-nl-l{ margin-left:-32px!important;}
.margin-nl-xl{ margin-left:-40px!important;}


/*マージンパーセント指定*/
.margin2-lr-xs{ margin-left:3%!important; margin-right:3% !important;}
.margin2-lr-s{ margin-left:10%!important; margin-right:10%!important; }
.margin2-lr-m{ margin-left:20%!important; margin-right:20%!important;}
.margin2-lr-l{ margin-left:25%!important; margin-right:25%!important;}
.margin2-lr-xl{ margin-left:30%!important; margin-right:30% !important;}

.margin2-r-xs{ margin-right:3%!important; }
.margin2-r-s{ margin-right:10%!important; }
.margin2-r-m{ margin-right:20%!important; }
.margin2-r-l{ margin-right:25%!important; }
.margin2-r-xl{ margin-right:30%!important; }

.margin2-l-xs{ margin-left:5%!important; }
.margin2-l-s{ margin-left:10%!important; }
.margin2-l-m{ margin-left:20%!important; }
.margin2-l-l{ margin-left:25%!important; }
.margin2-l-xl{ margin-left:30%!important; }

/* ****************************************************
  マックスミンサイズ【maxsize・minsize】
***************************************************** */

/*******マックスサイズ【.maxsize】*******/

/*使用中*/

/*未使用*/
.maxsizeImg-w-xs{ max-width:100px;}
.maxsizeImg-w-s{ max-width:180px;}
.maxsizeImg-w-m{ max-width:240px;}
.maxsizeImg-w-l{ max-width:360px;}
.maxsizeImg-w-xl{ max-width:100%;}/*変更しない*/

.maxsizeImg-h-xs{ max-height:100px; min-height:100%;}
.maxsizeImg-h-s{ max-height:200px; min-height:100%;}
.maxsizeImg-h-m{ max-height:300px; min-height:100%;}

.maxsizeImg-h-l{ max-height:60vh; min-height:100%;}
.maxsizeImg-h-xl{ max-height:80vh; min-height:100%;}


.maxsizeBox-w-xs{ max-width:100px;}
.maxsizeBox-w-s{ max-width:180px;}
.maxsizeBox-w-m{ max-width:240px;}
.maxsizeBox-w-l{ max-width:360px;}
.maxsizeBox-w-xl{ max-width:500px;}

.maxsizeBox-h-xs{ max-height:100px; min-height:100%;}
.maxsizeBox-h-s{ max-height:200px; min-height:100%;}
.maxsizeBox-h-m{ max-height:300px; min-height:100%;}

.maxsizeBox-h-l{ max-height:60vh; min-height:100%;}
.maxsizeBox-h-xl{ max-height:80vh; min-height:100%;}

.maxsizeBox-h-l.thum-box img,
.maxsizeBox-h-xl.thum-box img{ min-height:100%;}

/*******ミンサイズ【.minsize】*******/

/*使用中*/

/*未使用*/
.minsizeImg-w-xs{ min-width:100px;}
.minsizeImg-w-s{ min-width:180px;}
.minsizeImg-w-m{ min-width:240px;}
.minsizeImg-w-l{ min-width:360px;}
.minsizeImg-w-xl{ min-width:500px;}

.minsizeImg-h-xs{ min-height:200px;}
.minsizeImg-h-s{ min-height:300px;}
.minsizeImg-h-m{ min-height:400px;}
.minsizeImg-h-l{ min-height:500px;}
.minsizeImg-h-xl{ min-height:600px;}

.minsizeBox-w-xs{ min-width:100px;}
.minsizeBox-w-s{ min-width:200px;}
.minsizeBox-w-m{ min-width:300px;}
.minsizeBox-w-l{ min-width:600px;}
.minsizeBox-w-xl{ min-width:800px;}

.minsizeBox-h-xs{ min-height:200px;}
.minsizeBox-h-s{ min-height:300px;}
.minsizeBox-h-m{ min-height:400px;}
.minsizeBox-h-l{ min-height:500px;}
.minsizeBox-h-xl{ min-height:600px;}



/* ****************************************************
  セパレート【.separate】
***************************************************** */

/******* 初期設定 *******/

.separate-h,.separate-h-s,.separate-h-m,.separate-h-l,
.separate-w,.separate-w-s,.separate-w-m,.separate-w-l,.separate-w-full{
	display: inline-block; background-color: currentcolor; position:relative; vertical-align:middle!important;
}

/****************** 縦線【.separate-h】 ******************/

.separate-h,.separate-h-s,.separate-h-m,.separate-h-l{
	width:1px;
	 margin:-2px 20px 0;
}

/*通常使用*/
.separate-h,
.separate-h-s,
.separate_anm-extend.active .separate-h-s{ height:12px;}
.separate-h-m,
.separate_anm-extend.active .separate-h-m{ height:18px;}
.separate-h-l,
.separate_anm-extend.active .separate-h-l{ height:24px;}

/*太さ*/
.separate-h-s.s-b-s,.separate-h-m.s-b-s,.separate-h-l.s-b-s{ width:2px;}
.separate-h-s.s-b-m,.separate-h-m.s-b-m,.separate-h-l.s-b-m{ width:3px;}
.separate-h-s.s-b-l,.separate-h-m.s-b-l,.separate-h-l.s-b-l{ width:4px;}

/*Navigationでの使用*/
.Navigation .separate-h{ top:8px; margin:0 18px 0px 10px!important}


/****************** 横線【.separate-w】 ******************/

.separate-w,.separate-w-s,.separate-w-m,.separate-w-l,.separate-w-full{
	height:1px;
	/*margin:30px 0;*/
}

/*通常使用*/
.separate-w,
.separate-w-s,
.separate_anm-extend.active .separate-w-s{ width:40px;}
.separate-w-m,
.separate_anm-extend.active .separate-w-m{ width:120px;}
.separate-w-l,
.separate_anm-extend.active .separate-w-l{ width:220px;}
.separate-w-full,
.separate_anm-extend.active .separate-w-full{ width:100%;}

/*太さ*/
.separate-w-s.s-b-s,.separate-w-m.s-b-s,.separate-w-l.s-b-s,.separate-w-full.s-b-s{ height:2px;}
.separate-w-s.s-b-m,.separate-w-m.s-b-m,.separate-w-l.s-b-m,.separate-w-full.s-b-m{ height:3px;}
.separate-w-s.s-b-l,.separate-w-m.s-b-l,.separate-w-l.s-b-l,.separate-w-full.s-b-l{ height:4px;}

/****************** オプション【ドット.sepa-dotted】 ******************/

.separate-h.sepa-dotted,
.separate-h-s.sepa-dotted,
.separate-h-m.sepa-dotted,
.separate-h-l.sepa-dotted{ border-right:dotted 1px currentcolor; background:none;}

.separate-w.sepa-dotted,
.separate-w-s.sepa-dotted,
.separate-w-m.sepa-dotted,
.separate-w-l.sepa-dotted,
.separate-w-full.sepa-dotted{ border-top:dotted 1px currentcolor; background:none;}

/****************** オプション【アニメーション】 ******************/

.separate_anm-extend .animation_box{ display:inline-block;}

.separate_anm-extend .separate-w-s,
.separate_anm-extend .separate-w-m,
.separate_anm-extend .separate-w-l,
.separate_anm-extend .separate-w-full{ width:0;}

.separate_anm-extend .separate-h-s,
.separate_anm-extend .separate-h-m,
.separate_anm-extend .separate-h-l{ height:0;}


/* ****************************************************
  ページトップ【pagetop】
***************************************************** */

.pagetop{
	display:block;
	opacity:0;
	position:fixed;
	z-index:999;

	/*詳細設定*/

	right:40px;
	bottom:-100px;
}

.pagetop,
.pagetop img{
	width:39px;
	height:55px;
}

.pagetop.active{
	-ms-transition: translateY(-140px);
	-webkit-transform: translateY(-140px);
	transform: translateY(-140px);

	filter: alpha(opacity=100);
	-moz-opacity:1.0;
	opacity:1.0;
}


/* ****************************************************
  パンクズリスト【.breadcrumbs】
***************************************************** */

/************初期設定***************/
.breadcrumbs{ position:relative;overflow: hidden;width: 100%;}
.breadcrumbs a{ display:block;position: relative; }
.breadcrumbs li:first-child a{ border-left:1px solid; }
.breadcrumbs a::after,.breadcrumbs a::before{content: "";position: absolute;top: 50%;margin-top: -1.5em;border-top: 1.5em solid transparent;border-bottom: 1.5em solid transparent;border-left: 1em solid;}
.breadcrumbs a::after{ z-index: 2;}
.breadcrumbs a::before{z-index: 1;}

/************カスタム設定*****************/
.breadcrumbs{ background: #f5f5f5; border:1px solid; height:35px; border-top:none; margin-bottom:1px;}
.breadcrumbs a{ padding:0 10px 0 28px; height:34px; line-height:34px; color:#595959;}
.breadcrumbs li:first-child a{padding-left:18px;}
.breadcrumbs a::after,.breadcrumbs a::before{ right:-12px;font-size: 12px; }
.breadcrumbs,
.breadcrumbs li:first-child a{ border-color:#d1d1d1;}
.breadcrumbs a::after{ border-left-color: #f5f5f5;}
.breadcrumbs a::before{ border-left-color: #d1d1d1; right: -13px;}

/*ホームアイコン*/
.breadcrumbs a .icon-txt::before{ margin-right:10px;}

/*ホバー時*/
.breadcrumbs a:hover{ background: #fff;}
.breadcrumbs a:hover::after{ border-left-color: #fff;}
/*アクティブ時*/
.breadcrumbs .current,.breadcrumbs .current:hover{ background:#EE0000; color:#FFFFFF; cursor:default;}
.breadcrumbs a.current::after,
.breadcrumbs a.current::before{border-left-color: #EE0000;}


/* ****************************************************
  タブ【.tab】
***************************************************** */

/*タブメニューエリア*/
.tab_menu ul li{

	/*詳細設定*/
	text-align:center;
	width:100px;
	margin:0;
}
.tab_menu ul li.active{
	/*詳細設定*/
	font-weight:bold;
	background:none;
}

/*コンテンツエリア*/
.tab_content{
	position: relative;

	/*詳細設定*/
	height:150px;
}
.tab_content .tab{ padding:20px; position:absolute; width:100%; filter: alpha(opacity=0); -moz-opacity:0; opacity:0; z-index:-1;}
.tab_content .tab.active{ filter: alpha(opacity=100); -moz-opacity:1.0; opacity:1.0; z-index:1;}

/* ****************************************************
  ツールチップ【.tooltip】
***************************************************** */

/*初期設定*/
.tooltip { position: relative; display:inline-block;}
.tooltipBody { position: absolute; left: 50%; word-break:break-all; cursor:auto; text-decoration: none; visibility: hidden; zoom: 1; filter: alpha(opacity=0); -moz-opacity:0; opacity:0;}
.tooltip:hover,.tooltip:hover .tooltipBody { visibility: visible; z-index: 10;}
.tooltip:hover{filter: alpha(opacity=100)!important; -moz-opacity:1.0!important; opacity:1.0!important;}
.tooltipBody:after { border: solid transparent; content: " "; height: 0;width: 0; position: absolute;}

/*カスタム設定*/

.tooltip:hover .tooltipBody{filter: alpha(opacity=85); -moz-opacity:0.85; opacity:0.85;}
.tooltipBody:after { border-width:8px;margin-left:-8px; }
.tooltipBody{
	text-align:center;
	color:#FFF;
	background-color:#000000;

	-moz-box-shadow: 0px 2px 4px rgba(0,0,0,0.4);
	-webkit-box-shadow: 0px 2px 4px rgba(0,0,0,0.4);
	box-shadow: 0px 2px 4px rgba(0,0,0,0.4);

	border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px;
}

/*サイズ指定*/
.tip_size-s{ width:100px; margin-left:-50px; padding:4px 6px;}
.tip_size-m{ width:140px; margin-left:-70px; padding:6px 18px;}
.tip_size-l{ width:200px; margin-left:-100px;  padding:10px 22px;}
.tip_size-xl{ width:240px; margin-left:-120px; padding:10px 22px;}

/*出現位置*/
.tip_position-t{bottom: 3.2em; border-top-color: #000;} .tip_position-t.tooltipBody:after{ border-top-color: #000; top: 100%; left: 50%;} /*上*/
.tip_position-b{top: 3.2em;} .tip_position-b.tooltipBody:after{ border-bottom-color: #000; bottom: 100%; left: 50%; }/*下*/


/* ****************************************************
  フィルター【.filter】
***************************************************** */


/*グレースケール*/
.filter-grayscale-s{ -webkit-filter:grayscale(25%); -moz-filter:grayscale(25%); -ms-filter:grayscale(25%); filter: grayscale(25%);}
.filter-grayscale-m{ -webkit-filter:grayscale(50%); -moz-filter:grayscale(50%); -ms-filter:grayscale(50%); filter: grayscale(50%);}
.filter-grayscale-l{ -webkit-filter:grayscale(100%); -moz-filter:grayscale(100%); -ms-filter:grayscale(100%); filter: grayscale(100%);}

/*ブライトネス*/
.filter-brightness-s{ -webkit-filter:brightness(75%); -moz-filter:brightness(75%); -ms-filter:brightness(75%); filter: brightness(75%);}
.filter-brightness-m{ -webkit-filter:brightness(125%); -moz-filter:brightness(125%); -ms-filter:brightness(125%); filter: brightness(125%);}
.filter-brightness-l{ -webkit-filter:brightness(150%); -moz-filter:brightness(150%); -ms-filter:brightness(150%); filter: brightness(150%);}

/*コントラスト*/
.filter-contrast-s{ -webkit-filter:contrast(75%); -moz-filter:contrast(75%); -ms-filter:contrast(75%); filter: contrast(75%);}
.filter-contrast-m{ -webkit-filter:contrast(125%); -moz-filter:contrast(125%); -ms-filter:contrast(125%); filter: contrast(125%);}
.filter-contrast-l{ -webkit-filter:contrast(150%); -moz-filter:contrast(150%); -ms-filter:contrast(150%); filter: contrast(150%);}

/*彩度*/
.filter-saturate-s{ -webkit-filter:saturate(75%); -moz-filter:saturate(75%); -ms-filter:saturate(75%); filter: saturate(75%);}
.filter-saturate-m{ -webkit-filter:saturate(125%); -moz-filter:saturate(125%); -ms-filter:saturate(125%); filter: saturate(125%);}
.filter-saturate-l{ -webkit-filter:saturate(150%); -moz-filter:saturate(150%); -ms-filter:saturate(150%); filter: saturate(150%);}

/*セピア*/
.filter-sepia-s{ -webkit-filter:sepia(25%); -moz-filter:sepia(25%); -ms-filter:sepia(25%); filter: sepia(25%);}
.filter-sepia-m{ -webkit-filter:sepia(50%); -moz-filter:sepia(50%); -ms-filter:sepia(50%); filter: sepia(50%);}
.filter-sepia-l{ -webkit-filter:sepia(100%); -moz-filter:sepia(100%); -ms-filter:sepia(100%); filter: sepia(100%);}

/*ぼかし*/
.filter-blur-s{ -webkit-filter:blur(2px); -moz-filter:blur(2px); -ms-filter:blur(2px); filter: blur(2px);}
.filter-blur-m{ -webkit-filter:blur(4px); -moz-filter:blur(4px); -ms-filter:blur(4px); filter: blur(4px);}
.filter-blur-l{ -webkit-filter:blur(6px); -moz-filter:blur(6px); -ms-filter:blur(6px); filter: blur(6px);}

/*透明度*/
.filter-opacity-s{ -webkit-filter:opacity(85%); -moz-filter:opacity(85%); -ms-filter:opacity(85%); filter: opacity(85%);}
.filter-opacity-m{ -webkit-filter:opacity(65%); -moz-filter:opacity(65%); -ms-filter:opacity(65%); filter: opacity(65%);}
.filter-opacity-l{ -webkit-filter:opacity(40%); -moz-filter:opacity(40%); -ms-filter:opacity(40%); filter: opacity(40%);}


/* ****************************************************
  ミックスブレンドモード【.mixblendmode】
***************************************************** */

/*比較(暗) 	上下の画像を比較して暗いピクセルが表示される*/
.mixblend-darken{ mix-blend-mode:darken; background-blend-mode: darken;}
/*比較(明) 	上下の画像を比較して明るいピクセルが表示される*/
.mixblend-lighten{mix-blend-mode:lighten; background-blend-mode: lighten;}
/*乗算 	暗い表現を作るときに使う描画モード*/
.mixblend-multiply{mix-blend-mode:multiply; background-blend-mode: multiply;}
/*焼きこみ 	乗算よりもより暗くなる描画モード*/
.mixblend-colorBurn{mix-blend-mode:color-burn; background-blend-mode: color-burn;}
/*スクリーン	明るい表現を作るときに使う。*/
.mixblend-screen{mix-blend-mode:screen; background-blend-mode: darken;}
/*覆い焼き 	スクリーンよりもより明るくなる。インパクトが得られるエフェクト*/
.mixblend-colorDodge{mix-blend-mode:color-dodge; background-blend-mode: color-dodge;}
/*オーバーレイ 	乗算とスクリーンの両方に近い効果が得られる。コントラストがあがるため見栄えの印象が上がる*/
.mixblend-overlay{mix-blend-mode:overlay; background-blend-mode:overlay;}
/*ソフトライト 	明るい部分はさらに明るく、暗い部分はされに暗くする*/
.mixblend-softLight{mix-blend-mode:soft-light; background-blend-mode: soft-light;}
/*ハードライト 	ソフトライトよりも強い効果が得られる*/
.mixblend-hardLlight{mix-blend-mode:hard-light; background-blend-mode: hard-light;}
/*差の絶対値 	二枚の画像の違いを可視化するのに役立つ*/
.mixblend-difference{mix-blend-mode:difference; background-blend-mode: difference;}
/*除外 	差の絶対値よりも弱い効果が得られる*/
.mixblend-exclusion{mix-blend-mode:exclusion; background-blend-mode: exclusion;}
/*色相 	色空間で合成。下位レイヤーの輝度(L)と彩度(S)、上位レイヤーの色相(H)を持つカラーが得られる*/
.mixblend-hue{mix-blend-mode:hue;  background-blend-mode: hue;}
/*彩度 	色空間で合成。下位レイヤーの輝度(L)と色相(H)、上位レイヤーの彩度(S)を持つカラーが得られる*/
.mixblend-saturation{mix-blend-mode:saturation; background-blend-mode: saturation;}
/*カラー 	色空間で合成。下位レイヤーの輝度(L)、上位レイヤーの彩度(S)と色相(H)を持つカラーが得られる*/
.mixblend-color{mix-blend-mode:color; background-blend-mode: color;}
/*輝度 	色空間で合成。下位レイヤーの彩度(S)と色相(H)、上位レイヤーの輝度(L)を持つカラーが得られる*/
.mixblend-luminosity{mix-blend-mode:luminosity; background-blend-mode: luminosity;}

.mixblend-darken,.mixblend-lighten,.mixblend-multiply,
.mixblend-colorBurn,.mixblend-screen,.mixblend-colorDodge,
.mixblend-overlay,.mixblend-softLight,.mixblend-hardLlight,
.mixblend-difference,.mixblend-exclusion,.mixblend-hue,
.mixblend-saturation,.mixblend-color,.mixblend-luminosity{
	/*アニメ高速化指定*/
	-webkit-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
	-o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}


/* ****************************************************
  グラデーション【.gradation】
***************************************************** */

.gradation{ position:relative; overflow:hidden; }
.gradation::before,.gradation::after{ content: ""; display: inline-block; width:100%;height:100%; position:absolute; top:0; left:0; z-index: -1;}

/******** カラー【gradation-color】 ********/

.grad-black::before,.grad-black::after{
	background: rgba(51,51,51,1);
	background: -moz-linear-gradient(left, rgba(51,51,51,1) 0%, rgba(51,51,51,1) 50%, rgba(26,26,26,1) 50%, rgba(26,26,26,1) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(51,51,51,1)), color-stop(50%, rgba(51,51,51,1)), color-stop(50%, rgba(26,26,26,1)), color-stop(100%, rgba(26,26,26,1)));
	background: -webkit-linear-gradient(left, rgba(51,51,51,1) 0%, rgba(51,51,51,1) 50%, rgba(26,26,26,1) 50%, rgba(26,26,26,1) 100%);
	background: -o-linear-gradient(left, rgba(51,51,51,1) 0%, rgba(51,51,51,1) 50%, rgba(26,26,26,1) 50%, rgba(26,26,26,1) 100%);
	background: -ms-linear-gradient(left, rgba(51,51,51,1) 0%, rgba(51,51,51,1) 50%, rgba(26,26,26,1) 50%, rgba(26,26,26,1) 100%);
	background: linear-gradient(to right, rgba(51,51,51,1) 0%, rgba(51,51,51,1) 50%, rgba(26,26,26,1) 50%, rgba(26,26,26,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#1a1a1a', GradientType=1 );
}

.grad-red::before,.grad-red::after{
	background: rgba(164,0,0,1);
	background: -moz-linear-gradient(left, rgba(164,0,0,1) 0%, rgba(164,0,0,1) 50%, rgba(130,0,0,1) 50%, rgba(130,0,0,1) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(164,0,0,1)), color-stop(50%, rgba(164,0,0,1)), color-stop(50%, rgba(130,0,0,1)), color-stop(100%, rgba(130,0,0,1)));
	background: -webkit-linear-gradient(left, rgba(164,0,0,1) 0%, rgba(164,0,0,1) 50%, rgba(130,0,0,1) 50%, rgba(130,0,0,1) 100%);
	background: -o-linear-gradient(left, rgba(164,0,0,1) 0%, rgba(164,0,0,1) 50%, rgba(130,0,0,1) 50%, rgba(130,0,0,1) 100%);
	background: -ms-linear-gradient(left, rgba(164,0,0,1) 0%, rgba(164,0,0,1) 50%, rgba(130,0,0,1) 50%, rgba(130,0,0,1) 100%);
	background: linear-gradient(to right, rgba(164,0,0,1) 0%, rgba(164,0,0,1) 50%, rgba(130,0,0,1) 50%, rgba(130,0,0,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a40000', endColorstr='#820000', GradientType=1 );
}


.grad-red-light::before,.grad-red-light::after{
	background: rgba(204,0,0,1);
	background: -moz-linear-gradient(left, rgba(204,0,0,1) 0%, rgba(204,0,0,1) 50%, rgba(164,0,0,1) 50%, rgba(164,0,0,1) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(204,0,0,1)), color-stop(50%, rgba(204,0,0,1)), color-stop(50%, rgba(164,0,0,1)), color-stop(100%, rgba(164,0,0,1)));
	background: -webkit-linear-gradient(left, rgba(204,0,0,1) 0%, rgba(204,0,0,1) 50%, rgba(164,0,0,1) 50%, rgba(164,0,0,1) 100%);
	background: -o-linear-gradient(left, rgba(204,0,0,1) 0%, rgba(204,0,0,1) 50%, rgba(164,0,0,1) 50%, rgba(164,0,0,1) 100%);
	background: -ms-linear-gradient(left, rgba(204,0,0,1) 0%, rgba(204,0,0,1) 50%, rgba(164,0,0,1) 50%, rgba(164,0,0,1) 100%);
	background: linear-gradient(to right, rgba(204,0,0,1) 0%, rgba(204,0,0,1) 50%, rgba(164,0,0,1) 50%, rgba(164,0,0,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc0000', endColorstr='#a40000', GradientType=1 );
}


/******** 角度【gradation-color】 ********/

.grad-deg-xs::after{ -webkit-transform: skew(-25deg); -ms-transform: skew(-25deg); transform: skew(-25deg);}
.grad-deg-s::after{ -webkit-transform: skew(-35deg); -ms-transform: skew(-35deg); transform: skew(-35deg);}
.grad-deg-m::after{ -webkit-transform: skew(-45deg); -ms-transform: skew(-45deg); transform: skew(-45deg);}
.grad-deg-l::after{ -webkit-transform: skew(-60deg); -ms-transform: skew(-60deg); transform: skew(-60deg);}
.grad-deg-xl::after{ -webkit-transform: skew(-70deg); -ms-transform: skew(-70deg); transform: skew(-70deg);}

/* ****************************************************
  スクロールバー【.scrollbar】
***************************************************** */

/********** 初期設定 ********/
.ps-container { position:relative; overflow: hidden; width:100%; height:inherit; padding:4px;}
.ps-container .ps-scrollbar-x,.ps-container .ps-scrollbar-y{ position:absolute; filter:alpha(opacity=0); opacity:0; }
.ps-container .ps-scrollbar-x:hover,.ps-container .ps-scrollbar-y:hover{cursor:default;}

/********** カスタム設定 ********/
.ps-container .ps-scrollbar-x,.ps-container .ps-scrollbar-y{
	background-color:#aaa;
	border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;
}
.ps-container .ps-scrollbar-x{ bottom:6px; height:6px;}
.ps-container .ps-scrollbar-y{ right:6px;  width:6px;}
.ps-container:hover .ps-scrollbar-x,.ps-container:hover .ps-scrollbar-y{ opacity:.6; filter:alpha(opacity=60); }
.ps-container .ps-scrollbar-x:hover,.ps-container .ps-scrollbar-y:hover,
.ps-container .ps-scrollbar-y.in-scrolling,.ps-container .ps-scrollbar-x.in-scrolling{ opacity:.9; filter:alpha(opacity=90);}

/* ****************************************************
  スクロールエリア【.scroll-area】
***************************************************** */

.scroll-area{
	overflow:hidden;
	overflow-x:scroll;
	height:auto;
	-webkit-overflow-scrolling: touch;
}
.scroll-area > div{
	width:2000px;/*古い環境用に横幅を記載*/
	width:max-content;
	width:-moz-max-content;
	width:-webkit-max-content;
	display: -webkit-flex;/* Safari */
}

.scroll-area .thumbnail > div{
	/*詳細設定*/
	width:200px;
	float:left;
}

/* ****************************************************
  フルスクリーン【.fullscreen】
***************************************************** */
.fullscreen {
	min-width: 100vw !important;
	min-height: 100vh !important;
}

.fullscreen-w-s{max-width: 65vw !important;}
.fullscreen-w-m{max-width: 75vw !important;}
.fullscreen-w-l{max-width: 100vw !important;}

.fullscreen-h-s{ min-height:60vh !important;}
.fullscreen-h-m{ min-height:80vh !important;}
.fullscreen-h-l{ min-height:100vh !important;}


@media screen and (max-width : 1000px){

	.fullscreen-w-s,
	.fullscreen-w-m{max-width: 83vw !important;}
	.fullscreen-w-l{max-width: 100vw !important;}
}


/* ****************************************************
  Fixed固定ナビゲーション【fixed-nav】
***************************************************** */

.fixed-nav{
    display: block;
	top:0;
	z-index:1;
}

.fixed-nav.active{
	position:fixed;
	top:80px;
	left:0;
	right:0;
}

/* ****************************************************
  スクロールメニュー【.menu-scroll】
***************************************************** */

.menu-scroll{width:100%!important; min-width:100%!important;}

.menu-scroll.menu_active{ position: fixed; top:0; left:0;

	-webkit-animation: menu-scroll 0.2s ease 0s; -webkit-animation-fill-mode:forwards; animation-fill-mode:forwards;/*実行後のスタイルの維持*/
	animation: menu-scroll 0.2s ease 0s; -webkit-animation-fill-mode:forwards; animation-fill-mode:forwards;/*実行後のスタイルの維持*/
}
@-webkit-keyframes menu-scroll { 0% { top:-200px;} 100% { top:0;} }

/* ****************************************************
 ピージャックス【.pjax】
***************************************************** */

#pjaxContent { position:relative; z-index:10000;}

/**************フェード***************/

.pjaxFadeOut{
	-webkit-animation: pjaxFadeOut .5s ease both;
	animation: pjaxFadeOut .5s ease both;
}
@-webkit-keyframes pjaxFadeOut { to { opacity: 0; } }
@keyframes pjaxFadeOut { to { opacity: 0; } }

.pjaxFadeIn {
	-webkit-animation: pjaxFadeIn .5s ease both;
	animation: pjaxFadeIn .5s ease both;
}
@-webkit-keyframes pjaxFadeIn { from { opacity: 0; }}
@keyframes pjaxFadeIn { from { opacity: 0; }}

/**************ズーム***************/

.pjaxZoomOut {
	-webkit-animation: pjaxZoomOut .5s ease both;
	animation: pjaxZoomOut .5s ease both;
}
@-webkit-keyframes pjaxZoomOut { to { opacity: 0; -webkit-transform: scale(1.2); } }
@keyframes pjaxZoomOut { to { opacity: 0; -webkit-transform: scale(1.2); transform: scale(1.2); } }

.pjaxZoomIn {
	-webkit-animation: pjaxZoomIn .5s ease both;
	animation: pjaxZoomIn .5s ease both;
}
@-webkit-keyframes pjaxZoomIn { from { opacity: 0; -webkit-transform: scale(.8); }}
@keyframes pjaxZoomIn { from { opacity: 0; -webkit-transform: scale(.8); transform: scale(.8); }}


/* ****************************************************
 アコーディオン【.accordion】
***************************************************** */

.accordion-list{
	overflow:hidden;
	-webkit-tap-highlight-color:rgba(0,0,0,0);/*スマホ時ハイライトカラーを「無効」*/

	/*詳細設定*/
	padding:30px 30px;
}

.accordion-title{
	padding:0;
	padding-right:30px;

	/*詳細設定*/
	line-height:1.3;
	text-align:left;
}

.accordion-content{
	max-height: 0;
    overflow: hidden;
}

.accordion-list.active .accordion-content{

	/*詳細設定*/
	max-height:800px;
}

.accordion-list.active .icon-txt::after{
	-webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
}

/* ****************************************************
  パララックス【.parallax】
***************************************************** */

.parallax_container {
	position:relative;
	width: 100%; height:100%;
	background-position: 50% 50%;
	background-repeat:no-repeat;

	/*詳細設定*/
	background-size: inherit;/*inherit or cover*/
	height:500px;
}

/*背景の設定*/
.palx_bg1 { background-image: url('../img/img-big02.jpg');}
.palx_bg2 { background-image: url('../img/img-big03.jpg');}

/*画像上のコンテンツエリアの設定*/
.parallax_content{
	position: relative;
}

/* ****************************************************
  繰り返し画像横スクロール【.infiniteslide】
***************************************************** */

.infiniteslide_container{ position:relative;}

/*サイズ指定*/
.infinite_size-s img{width:auto; height:200px;}
.infinite_size-m img{width:auto; height:350px;}
.infinite_size-l img{width:auto; height:400px;}
.infinite_size-full img{width:100%; height: auto;}

/* ****************************************************
  万能拡大表示【.lity】
***************************************************** */

/********** 初期設定 ********/
.lity { z-index: 9990; position: fixed; top: 0; right: 0; bottom: 0; left: 0; white-space: nowrap; outline: none !important; opacity: 0; }
.lity.lity-opened { opacity: 1; }
.lity.lity-closed { opacity: 0; }
.lity * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.lity-wrap { z-index: 9990; position: fixed; top: 0; right: 0; bottom: 0; left: 0; text-align: center; outline: none !important; }
.lity-wrap:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -0.25em; }
.lity-loader { z-index: 9991; position: absolute; top: 50%; margin-top: -0.8em; width: 100%; text-align: center; opacity: 0; }
.lity-loading .lity-loader { opacity: 1; }
.lity-container { z-index: 9992; position: relative; text-align: left; vertical-align: middle; display: inline-block;
 white-space: normal; max-width: 100%; max-height: 100%; outline: none !important; }
.lity-content { z-index: 9993; width: 100%; -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1);
 -webkit-transition: -webkit-transform 0.3s ease; -o-transition: -o-transform 0.3s ease; transition: transform 0.3s ease; }
.lity-loading .lity-content,
.lity-closed .lity-content { -webkit-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8);}
.lity-content:after { content: ''; position: absolute; left: 0; top: 0; bottom: 0; display: block; right: 0; width: auto; height: auto; z-index: -1;
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); }
.lity-close { z-index: 9994; overflow: hidden; position: fixed; -webkit-appearance: none; cursor: pointer; text-decoration: none; text-align: center; padding: 0;
  font-style: normal; border: 0; background: none; outline: none; -webkit-box-shadow: none; box-shadow: none; }
.lity-close::-moz-focus-inner { border: 0; padding: 0; }
.lity-close:hover,.lity-close:focus,.lity-close:active,.lity-close:visited {
  text-decoration: none; text-align: center; padding: 0; font-style: normal; border: 0; background: none; outline: none; -webkit-box-shadow: none; box-shadow: none; }
/* Image */
.lity-image img { max-width: 100%; display: block; line-height: 0; border: 0; }
/* iFrame */
.lity-iframe .lity-container { width: 100%; }
.lity-iframe-container { width: 100%; height: 0; padding-top: 56.25%; overflow: auto;pointer-events: auto;
  -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-overflow-scrolling: touch; }
.lity-iframe-container iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%;}
.lity-hide { display: none; }

/********** カスタム設定 ********/

.lity {
	background: #0b0b0b;
	background: rgba(0, 0, 0, 0.7);
}
.lity-loader {
	color: #fff;
	font-size: 14px;
	/*font-family: Arial, Helvetica, sans-serif;*/
}
.lity-close {
	top: 40px; right: 40px;
	width: 60px; height: 60px;
	border-radius: 60px;
}
.lity-close, .lity-close:hover,.lity-close:focus,.lity-close:active,.lity-close:visited {
	font-size: 50px; line-height: 50px;
	color: #fff;
	font-weight: 100;
	/*font-family: Arial, Baskerville, monospace;*/
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}
.lity-close:active { }
.lity-iframe .lity-container { max-width: 1120px; min-width:1120px;}
.lity-iframe-container iframe{
	-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
	background: #FFF;
}

.lity-close::before, .lity-close::after {
    height: 27px;
    left: 29px;
    top: 16px;
    width: 2px;
}
.lity-close:hover{ background-color:#EE0000 !important;}
.lity-close:hover::before,
.lity-close:hover::after{ background-color:#FFFFFF !important;}

/* -- 小さいモーダル -- */
.lity-small-modal-open .lity-iframe .lity-container { max-width: 640px; min-width:640px;}
.lity-small-modal-open .lity-iframe-container {
	padding-top: 63.85%;
}

/* ****************************************************
  続きを読む【.readmore】
***************************************************** */

.readmore-button {
	position: relative;

   /*詳細設定*/
   background-image: linear-gradient( 180deg, rgba(255,255,255,0.5), white );/* 上から下へ：[白色半透明]から[白色]へグラデーション */
   padding-top: 50px;/* ボタンの上側でグラデーションを見せる距離(長さ) */
   margin-top: -74px;/* ボックスを上側に重ねる距離(長さ) */
}

.readmore-more{display: none;}


/* ****************************************************
  レスポンシブ表示非表示【none】
***************************************************** */

.visible-pc{ display: inline !important; }
.visible-tb{ display:none !important; }
.visible-sp{ display:none !important;}

.none-pc{ display:none !important; }
.none-tb{ display:inline !important; }
.none-sp{ display:inline !important; }

.flexbox div.none-tb{ display: inherit !important; }
.flexbox div.none-sp{ display: inherit !important; }

/* ****************************************************
  レスポンシブ画像【responsive-img】
***************************************************** */

img.responsive-img{
	width:100%;
	height:auto;
}

/* ****************************************************
  背景画像【bg-img】
***************************************************** */

.bg-img01{
	background:url("../img/common/bg-01.jpg") no-repeat;
	background-size:cover;
	background-position:50% 50%;
}

/* ****************************************************
  ローディング【#loader】
***************************************************** */

#container{ display:none;}

#loader {
    width: 64px;
    height: 64px;
    display: none;
    position: fixed;
    _position: absolute; /* IE6対策 */
    top: 50%;
    left: 50%;
    margin-top: -32px; /* heightの半分のマイナス値 */
    margin-left: -32px; /* widthの半分のマイナス値 */
    z-index: 100;
}
#loader img{ width:64px; height:auto;}

#fade {
    width: 100%;
    height: 100%;
    display: none;
    background-color: #FFFFFF;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 50;
}


/* ****************************************************
  float解除【Clear fix】
***************************************************** */

.clearfix:after {
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	content: ".";
	font-size: 0;
	line-height: 0;
}

.clearfix {
	min-height: 1px;
}

* html .clearfix {/* for IE6 */
	height: 1px;
}

*:first-child+html .clearfix {/* for IE7 */
	zoom: 1;
}


/*
#####################################################################

	アニメーション【.animation】

#####################################################################
*/

.anmation_container{}
.animation_box,
.animation_box::after,
.animation_box::before{
	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	-o-transition: 0.4s;
	transition: 0.4s;
}

.animation_box{
	/*アニメ高速化指定*/
	-webkit-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
	-o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

/* ****************************************************
  キーフレーム【.keyframes】
***************************************************** */


/**********背景カラー【.keyframes_bg-color】*********************/

/*ブラック（全体）【.keyframes_bg-black-full】*/
@-webkit-keyframes keyframes_bg-black { 0% { background-color: #FFF; } 100% { background-color: #1a1a1a;} }
@keyframes keyframes_bg-black { 0% { background-color: #FFF; } 100% { background-color: #1a1a1a;} }
.anmation_container.active .keyframes_bg-black { -webkit-animation-name: keyframes_bg-black; animation-name: keyframes_bg-black; }


/**********実行後のスタイル維持【.keyframes_mode】*********************/
.animation_box.keyframes_forwards{ -webkit-animation-fill-mode:forwards; animation-fill-mode:forwards; }


/**********実行方向【.keyframes_direction】*********************/

/*逆順で実行*/
.animation_box.keyframes_reverse{ -webkit-animation-direction:reverse; animation-direction:reverse; }
/*繰り返し回数が奇数の場合は標準、偶数の場合は逆順*/
.animation_box.keyframes_alternate{ -webkit-animation-direction:alternate; animation-direction:alternate; }
/*繰り返し回数が奇数の場合は逆順、偶数の場合は標準*/
.animation_box.keyframes_alternate-reverse{ -webkit-animation-direction:alternate-reverse; animation-direction:alternate-reverse; }


/**********ループ回数【.keyframes_count】*********************/

/*ループ*/
.animation_box.keyframes_count-loop { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; }
/*ループ回数*/
.animation_box.keyframes_count-02 { -webkit-animation-iteration-count: 2; animation-iteration-count: 2; }
.animation_box.keyframes_count-03 { -webkit-animation-iteration-count: 3; animation-iteration-count: 3; }
.animation_box.keyframes_count-04 { -webkit-animation-iteration-count: 4; animation-iteration-count: 4; }
.animation_box.keyframes_count-05 { -webkit-animation-iteration-count: 5; animation-iteration-count: 5; }



/* ****************************************************
  トランスレート【.translate】
***************************************************** */

/*上方向に移動 */
.anmation_container.active .translate-top-out{ -ms-transition: translateY(-20px); -webkit-transform: translateY(-20px); transform: translateY(-20px); }
/*下方向に移動 */
.anmation_container.active .translate-bottom-out{ -ms-transform: translateY(20px); -webkit-transform: translateY(20px); transform: translateY(20px); }
/*左方向に移動 */
.anmation_container.active .translate-left-out{ -ms-transform: translateX(-20px); -webkit-transform: translateX(-20px); transform: translateX(-20px); }
/*右方向に移動 */
.anmation_container.active .translate-right-out{ -ms-transform: translateX(20px); -webkit-transform: translateX(20px); transform: translateX(20px); }


/*上方向から定位置に移動 */
.anmation_container .translate-top-in{ -ms-transition: translateY(-20px); -webkit-transform: translateY(-20px); transform: translateY(-20px); }
/*下方向から定位置に移動 */
.anmation_container .translate-bottom-in{ -ms-transform: translateY(20px); -webkit-transform: translateY(20px); transform: translateY(20px); }
/*左方向から定位置に移動 */
.anmation_container .translate-left-in{ -ms-transform: translateX(-20px); -webkit-transform: translateX(-20px); transform: translateX(-20px); }
/*右方向から定位置に移動 */
.anmation_container .translate-right-in{ -ms-transform: translateX(20px); -webkit-transform: translateX(20px); transform: translateX(20px); }


/*移動距離（xs） */
.anmation_container .translate-top-in-xs{ -ms-transition: translateY(-10px); -webkit-transform: translateY(-10px); transform: translateY(-10px); }
.anmation_container .translate-bottom-in-xs{ -ms-transform: translateY(10px); -webkit-transform: translateY(10px); transform: translateY(10px); }
.anmation_container .translate-left-in-xs{ -ms-transform: translateX(-10px); -webkit-transform: translateX(-10px); transform: translateX(-10px); }
.anmation_container .translate-right-in-xs{ -ms-transform: translateX(10px); -webkit-transform: translateX(10px); transform: translateX(10px); }
.anmation_container.active .translate-top-out-xs{ -ms-transition: translateY(-10px); -webkit-transform: translateY(-10px); transform: translateY(-10px); }
.anmation_container.active .translate-bottom-out-xs{ -ms-transition: translateY(10px); -webkit-transform: translateY(10px); transform: translateY(10px); }
.anmation_container.active .translate-left-out-xs{ -ms-transform: translateX(-10px); -webkit-transform: translateX(-10px); transform: translateX(-10px); }
.anmation_container.active .translate-right-out-xs{ -ms-transform: translateX(10px); -webkit-transform: translateX(10px); transform: translateX(10px); }

/*移動距離（S） */
.anmation_container .translate-top-in-s{ -ms-transition: translateY(-20px); -webkit-transform: translateY(-20px); transform: translateY(-20px); }
.anmation_container .translate-bottom-in-s{ -ms-transform: translateY(20px); -webkit-transform: translateY(20px); transform: translateY(20px); }
.anmation_container .translate-left-in-s{ -ms-transform: translateX(-20px); -webkit-transform: translateX(-20px); transform: translateX(-20px); }
.anmation_container .translate-right-in-s{ -ms-transform: translateX(20px); -webkit-transform: translateX(20px); transform: translateX(20px); }
.anmation_container.active .translate-top-out-s{ -ms-transition: translateY(-20px); -webkit-transform: translateY(-20px); transform: translateY(-20px); }
.anmation_container.active .translate-bottom-out-s{ -ms-transition: translateY(20px); -webkit-transform: translateY(20px); transform: translateY(20px); }
.anmation_container.active .translate-left-out-s{ -ms-transform: translateX(-20px); -webkit-transform: translateX(-20px); transform: translateX(-20px); }
.anmation_container.active .translate-right-out-s{ -ms-transform: translateX(20px); -webkit-transform: translateX(20px); transform: translateX(20px); }

/*移動距離（M） */
.anmation_container .translate-top-in-m{ -ms-transition: translateY(-30px); -webkit-transform: translateY(-30px); transform: translateY(-30px); }
.anmation_container .translate-bottom-in-m{ -ms-transform: translateY(30px); -webkit-transform: translateY(30px); transform: translateY(30px); }
.anmation_container .translate-left-in-m{ -ms-transform: translateX(-30px); -webkit-transform: translateX(-30px); transform: translateX(-30px); }
.anmation_container .translate-right-in-m{ -ms-transform: translateX(30px); -webkit-transform: translateX(30px); transform: translateX(30px); }
.anmation_container.active .translate-top-out-m{ -ms-transition: translateY(-30px); -webkit-transform: translateY(-30px); transform: translateY(-30px); }
.anmation_container.active .translate-bottom-out-m{ -ms-transition: translateY(30px); -webkit-transform: translateY(30px); transform: translateY(30px); }
.anmation_container.active .translate-left-out-m{ -ms-transform: translateX(-30px); -webkit-transform: translateX(-30px); transform: translateX(-30px); }
.anmation_container.active .translate-right-out-m{ -ms-transform: translateX(30px); -webkit-transform: translateX(30px); transform: translateX(30px); }

/*移動距離（L） */
.anmation_container .translate-top-in-l{ -ms-transition: translateY(-40px); -webkit-transform: translateY(-40px); transform: translateY(-40px); }
.anmation_container .translate-bottom-in-l{ -ms-transform: translateY(40px); -webkit-transform: translateY(40px); transform: translateY(40px); }
.anmation_container .translate-left-in-l{ -ms-transform: translateX(-40px); -webkit-transform: translateX(-40px); transform: translateX(-40px); }
.anmation_container .translate-right-in-l{ -ms-transform: translateX(40px); -webkit-transform: translateX(40px); transform: translateX(40px); }
.anmation_container.active .translate-top-out-l{ -ms-transition: translateY(-40px); -webkit-transform: translateY(-40px); transform: translateY(-40px); }
.anmation_container.active .translate-bottom-out-l{ -ms-transition: translateY(40px); -webkit-transform: translateY(40px); transform: translateY(40px); }
.anmation_container.active .translate-left-out-l{ -ms-transform: translateX(-40px); -webkit-transform: translateX(-40px); transform: translateX(-40px); }
.anmation_container.active .translate-right-out-l{ -ms-transform: translateX(40px); -webkit-transform: translateX(40px); transform: translateX(40px); }

/*リセット*/
.anmation_container.active .translate-top-in,
.anmation_container.active .translate-bottom-in,
.anmation_container.active .translate-top-in-xs,
.anmation_container.active .translate-bottom-in-xs,
.anmation_container.active .translate-top-in-s,
.anmation_container.active .translate-bottom-in-s,
.anmation_container.active .translate-top-in-m,
.anmation_container.active .translate-bottom-in-m,
.anmation_container.active .translate-top-in-l,
.anmation_container.active .translate-bottom-in-l
{ -ms-transition: translateY(0px); -webkit-transform: translateY(0px); transform: translateY(0px); }
.anmation_container.active .translate-left-in,
.anmation_container.active .translate-right-in,
.anmation_container.active .translate-left-in-xs,
.anmation_container.active .translate-right-in-xs,
.anmation_container.active .translate-left-in-s,
.anmation_container.active .translate-right-in-s,
.anmation_container.active .translate-left-in-m,
.anmation_container.active .translate-right-in-m,
.anmation_container.active .translate-left-in-l,
.anmation_container.active .translate-right-in-l
{ -ms-transform: translateX(0px); -webkit-transform: translateX(0px); transform: translateX(0px); }

/* ****************************************************
  フェード【.fade】
***************************************************** */

.anmation_container .fade-in{
	filter: alpha(opacity=0);
	-moz-opacity:0;
	opacity:0;
}
.anmation_container.active .fade-in{
	filter: alpha(opacity=100);
	-moz-opacity:1.0;
	opacity:1.0;
}


.anmation_container .fade-out{
	filter: alpha(opacity=100);
	-moz-opacity:1.0;
	opacity:1.0;
}
.anmation_container.active .fade-out{
	filter: alpha(opacity=0);
	-moz-opacity:0;
	opacity:0;
}

/* ****************************************************
  ＿ズーム【.zoom】
***************************************************** */

/*拡大 */
.anmation_container.active .zoom-out-s{ -ms-transform: scale(1.05); -webkit-transform: scale(1.05); transform: scale(1.05); }
.anmation_container.active .zoom-out-m{ -ms-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1); }
.anmation_container.active .zoom-out-l{ -ms-transform: scale(1.15); -webkit-transform: scale(1.15); transform: scale(1.15); }
.anmation_container.active .zoom-out-xl{ -ms-transform: scale(1.2); -webkit-transform: scale(1.2); transform: scale(1.2); }
/*縮小 */
.anmation_container.active .zoom-in-s{ -ms-transform: scale(0.95); -webkit-transform: scale(0.95); transform: scale(0.95); }
.anmation_container.active .zoom-in-m{ -ms-transform: scale(0.9); -webkit-transform: scale(0.9); transform: scale(0.9); }
.anmation_container.active .zoom-in-l{ -ms-transform: scale(0.85); -webkit-transform: scale(0.85); transform: scale(0.85); }
.anmation_container.active .zoom-in-xl{ -ms-transform: scale(0.8); -webkit-transform: scale(0.8); transform: scale(0.8); }

/* ****************************************************
  グラデーション【.gradient】
***************************************************** */

.anmation_container .gradient_black {
	background: linear-gradient(90deg, #FFF 0%, #1a1a1a 100%) repeat scroll 0 0 / 1000% 100%;
}

.anmation_container.active .gradient_black {
	background: linear-gradient(90deg, #FFF 0%, #1a1a1a 100%) repeat scroll 0 0 / 100% 100%;
}


/* ****************************************************
  スピードオプション【.anm_speed】
***************************************************** */

.anm_speed-s,
.anm_speed-s::after,
.anm_speed-s::before {
	-webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s; transition-duration: 0.2s;
	-webkit-animation-duration: 0.5s; -moz-animation-duration: 0.5s; -o-animation-duration: 0.5s; animation-duration: 0.5s;/*keyframes用*/
}
.anm_speed-m,
.anm_speed-m::after,
.anm_speed-m::before {
	-webkit-transition-duration: 0.4s; -moz-transition-duration: 0.4s; -o-transition-duration: 0.4s; transition-duration: 0.4s;
	-webkit-animation-duration: 1.0s; -moz-animation-duration: 1.0s; -o-animation-duration: 1.0s; animation-duration: 1.0s;/*keyframes用*/
}
.anm_speed-l,
.anm_speed-l::after,
.anm_speed-l::before {
	-webkit-transition-duration: 0.6s; -moz-transition-duration: 0.6s; -o-transition-duration: 0.6s; transition-duration: 0.6s;
	-webkit-animation-duration: 1.5s; -moz-animation-duration: 1.5s; -o-animation-duration: 1.5s; animation-duration: 1.5s;/*keyframes用*/
}
.anm_speed-xl,
.anm_speed-xl::after,
.anm_speed-xl::before{
	-webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -o-transition-duration: 0.8s; transition-duration: 0.8s;
	-webkit-animation-duration: 2.0s; -moz-animation-duration: 2.0s; -o-animation-duration: 2.0s; animation-duration: 2.0s;/*keyframes用*/
}

.anm_speed2-s,
.anm_speed2-s::after,
.anm_speed2-s::before {
	-webkit-transition-duration: 1.0s; -moz-transition-duration: 1.0s; -o-transition-duration: 1.0s; transition-duration: 1.0s;
	-webkit-animation-duration: 4.0s; -moz-animation-duration: 4.0s; -o-animation-duration: 4.0s; animation-duration: 4.0s;/*keyframes用*/
}
.anm_speed2-m,
.anm_speed2-m::after,
.anm_speed2-m::before {
	-webkit-transition-duration: 1.5s; -moz-transition-duration: 1.5s; -o-transition-duration: 1.5s; transition-duration: 1.5s;
	-webkit-animation-duration: 6.0s; -moz-animation-duration: 6.0s; -o-animation-duration: 6.0s; animation-duration: 6.0s;/*keyframes用*/
}
.anm_speed2-l,
.anm_speed2-l::after,
.anm_speed2-l::before {
	-webkit-transition-duration: 2.0s; -moz-transition-duration: 2.0s; -o-transition-duration: 2.0s; transition-duration: 2.0s;
	-webkit-animation-duration: 8.0s; -moz-animation-duration: 8.0s; -o-animation-duration: 8.0s; animation-duration: 8.0s;/*keyframes用*/
}
.anm_speed2-xl,
.anm_speed2-xl::after,
.anm_speed2-xl::before{
	-webkit-transition-duration: 2.5s; -moz-transition-duration: 2.5s; -o-transition-duration: 2.5s; transition-duration: 2.5s;
	-webkit-animation-duration: 10s; -moz-animation-duration: 10s; -o-animation-duration: 10s; animation-duration: 10s;/*keyframes用*/
}

/* ****************************************************
  ディレイオプション【.anm_delay】
***************************************************** */

.anm_delay-s,
.anm_delay-s path { -webkit-transition-delay: 0.1s; -moz-transition-delay: 0.1s; -o-transition-delay: 0.1s; transition-delay: 0.1s;}
.anm_delay-m { -webkit-transition-delay: 0.3s; -moz-transition-delay: 0.3s; -o-transition-delay: 0.3s; transition-delay: 0.3s;}
.anm_delay-l { -webkit-transition-delay: 0.5s; -moz-transition-delay: 0.5s; -o-transition-delay: 0.5s; transition-delay: 0.5s;}
.anm_delay-xl{ -webkit-transition-delay: 0.7s; -moz-transition-delay: 0.7s; -o-transition-delay: 0.7s; transition-delay: 0.7s;}

.anm_delay2-s{ -webkit-transition-delay: 1.0s; -moz-transition-delay: 1.0s; -o-transition-delay: 1.0s; transition-delay: 1.0s;}
.anm_delay2-m{ -webkit-transition-delay: 1.5s; -moz-transition-delay: 1.5s; -o-transition-delay: 1.5s; transition-delay: 1.5s;}
.anm_delay2-l{ -webkit-transition-delay: 2.0s; -moz-transition-delay: 2.0s; -o-transition-delay: 2.0s; transition-delay: 2.0s;}
.anm_delay2-xl{ -webkit-transition-delay: 2.5s; -moz-transition-delay: 2.5s; -o-transition-delay: 2.5s; transition-delay: 2.5s;}


/* ****************************************************
  原点オプション【.anm_origin】
***************************************************** */

/*左上 */
.anm_origin-lt{ -moz-transform-origin:left top; -webkit-transform-origin:left top; -o-transform-origin:left top; -ms-transform-origin:left top; }
/*左下 */
.anm_origin-lb{ -moz-transform-origin:left bottom; -webkit-transform-origin:left bottom; -o-transform-origin:left bottom; -ms-transform-origin:left bottom; }
/*右上 */
.anm_origin-rt{ -moz-transform-origin:right top; -webkit-transform-origin:right top; -o-transform-origin:right top; -ms-transform-origin:right top; }
/*右下 */
.anm_origin-rb{ -moz-transform-origin:right bottom; -webkit-transform-origin:right bottom; -o-transform-origin:right bottom; -ms-transform-origin:right bottom; }


/* ****************************************************
  エフェクト【.effect】
***************************************************** */

/*基本設定*/
.effect_container{ display :block;}

.effect_wrp{ line-height: normal;}
.effect_box,.effect_wrp,effect_container{ overflow:hidden;  position: relative;}
.effect_wrp::after{ content: "";  display:block; position:absolute;width:100%; height:100%; top:0; left:0;}
.effect_box,.effect_wrp::after{
	/*アニメ高速化指定*/
	-webkit-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
	-o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

/*オプション*/
.efc-inline .effect_container{ display:inline-block !important;}/*テキスト用*/

/***************** ボックス背景に色を出現させてから要素を表示 ******************/
.efc-bgColour .effect_container{ display : inline-block;}
.efc-bgColour .effect_container{ display :block;}
.efc-bgColour .effect_box{overflow:hidden; opacity:0; background-color:transparent;}


/*オプション*/
.efc-bgColour .effect_wrp::after{ background-color:#1a1a1a;}/*デフォルト*/
.efc-bgColour.e_bg-white .effect_wrp::after{ background-color:#FFFFFF;}
.efc-bgColour.e_bg-black .effect_wrp::after{ background-color:#1a1a1a;}
.efc-bgColour.e_bg-gray .effect_wrp::after{ background-color:#dcdcdc;}


.efc-bgColour.active .effect_wrp::after{
	-webkit-animation: efc-bgColour01 1.2s ease 0s; -webkit-animation-fill-mode:forwards; animation-fill-mode:forwards;/*実行後のスタイルの維持*/
	animation: efc-bgColour01 1.2s ease 0s; -webkit-animation-fill-mode:forwards; animation-fill-mode:forwards;/*実行後のスタイルの維持*/
}
.efc-bgColour.active .effect_box{
	-webkit-animation: efc-bgColour02 1.5s ease 0s; -webkit-animation-fill-mode:forwards; animation-fill-mode:forwards;/*実行後のスタイルの維持*/
	animation: efc-bgColour02 1.2s ease 0s; -webkit-animation-fill-mode:forwards; animation-fill-mode:forwards;/*実行後のスタイルの維持*/
}

@-webkit-keyframes efc-bgColour01 { 0% { width:0;} 60% { width:100%;} 61% { left:0%;} 100% { left:100%;} }
@-webkit-keyframes efc-bgColour02 { 0% {opacity:0;} 60% { opacity:0;} 61% { opacity:1;} 100% {opacity:1;}}
@keyframes efc-bgColour01 { 0% { width:0;} 60% { width:100%;} 61% { left:0%;} 100% { left:100%;} }
@keyframes efc-bgColour02 { 0% {opacity:0;} 60% { opacity:0;} 61% { opacity:1;} 100% {opacity:1;}}

/*
#####################################################################

	トランジョン

#####################################################################
*/

/* ****************************************************
  一括指定【easeOutExpo】
***************************************************** */

.Navigation a,
.Navigation li,
.n_menu li{
	-webkit-transition: all 600ms cubic-bezier(0.19, 1, 0.22, 1);
	transition: all 600ms cubic-bezier(0.19, 1, 0.22, 1);

}

.breadcrumbs a,
.breadcrumbs a::after,
.breadcrumbs a::before{
	-webkit-transition: all 350ms ease 0s;
	-moz-transition:all 350ms ease 0s;
	transition: all 350ms ease 0s;
}

.popup-menu .dropdown_body{
	 -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;

	/*アニメ高速化指定*/
	-webkit-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
	-o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

.drawer_menu,
.drawer_body,
.slide_menu,
.slide_menu-slanting{
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;

	/*アニメ高速化指定*/
	-webkit-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
	-o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

.nav_icon a,.nav_icon span,
.border_anm01{
	-webkit-transition: all 600ms cubic-bezier(0.19, 1, 0.22, 1);
	transition: all 600ms cubic-bezier(0.19, 1, 0.22, 1);

	/*アニメ高速化指定*/
	-webkit-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
	-o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

/* ****************************************************
  一括指定【easeOutExpo】
***************************************************** */


.link,
.link-img,
.link-underline,
.link:before{
	-webkit-transition: all 250ms ease 0s;
	transition: all 250ms ease 0s;
}

.link-underline{

	/*アニメ高速化指定*/
	-webkit-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
	-o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}


/* ****************************************************
  一括指定【easeOutExpo】
***************************************************** */

.icon-box,
.icon-box::before,
.icon-box::after{
	-webkit-transition: all 400ms ease 0s;
	transition: all 400ms ease 0s;
}

/* ****************************************************
  一括指定【easeOutExpo】
***************************************************** */


.button,
.button::before,
.button::after{
	-webkit-transition: all 0.2s ease 0s;
	transition: all 0.2s ease 0s;

}


/* ****************************************************
  一括指定【easeOutExpo】
***************************************************** */

.pagetop{
	-webkit-transition: all 350ms ease 0s;
	-moz-transition:all 350ms ease 0s;
	transition: all 350ms ease 0s;

	/*アニメ高速化指定*/
	-webkit-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
	-o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}


.accordion-list,
.accordion-content,
.accordion-list.active .accordion-content{
	-webkit-transition: all 0.6s ease 0s;
	-moz-transition:all 0.6s ease 0s;
	transition: all 0.6s ease 0s;

	/*アニメ高速化指定*/
	-webkit-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
	-o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

.accordion-list.active .icon-txt::after,
.accordion-list .icon-txt::after{
	-webkit-transition: all 0.2s ease 0s;
	-moz-transition: all 0.2s ease 0s;
	transition: all 0.2s ease 0s;
}

.ps-container .ps-scrollbar-x,
.ps-container .ps-scrollbar-y{
	-webkit-transition:opacity 300ms ease 0s;
	-moz-transition:opacity 300ms ease 0s;
	transition:opacity 300ms ease 0s;

	/*アニメ高速化指定*/
	-webkit-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
	-o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

.tab_content ul li{
	-webkit-transition: all 250ms ease 0s;
	transition: all 250ms ease 0s;

	/*アニメ高速化指定*/
	-webkit-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
	-o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

.tooltip .tooltipBody{
	-webkit-transition: all 250ms ease 0s;
	transition: all 250ms ease 0s;

	/*アニメ高速化指定*/
	-webkit-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
	-o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

.lity,
.lity-loader{
	-webkit-transition: opacity 0.3s ease;
	-o-transition: opacity 0.3s ease;
	transition: opacity 0.3s ease;

	/*アニメ高速化指定*/
	-webkit-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
	-o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

.readmore-button a,
.readmore-button a::before,
.readmore-button a::after{
	-webkit-transition: all 250ms ease 0s;
	transition: all 250ms ease 0s;
}


/* ****************************************************
  一括指定【easeOutExpo】
***************************************************** */


.flex-direction-nav a,
.flex-control-paging li a{
	-webkit-transition: all 600ms cubic-bezier(0.19, 1, 0.22, 1);
	transition: all 600ms cubic-bezier(0.19, 1, 0.22, 1);

	/*アニメ高速化指定*/
	-webkit-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
	-o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

.no-wrap {white-space: nowrap; margin-right: 60px;}