@charset "UTF-8";
/* common.css
=====================================================

01.Import
02.Header
03.Content
04.Footer
05.Parts

===================================================== */
/* 01.Import
===================================================== */
/* _mixin.scss
=====================================================

01.Variable
02.Function
03.Font
04.Mixin

===================================================== */
/* 01.Variable
===================================================== */
/* _variables.scss
=====================================================

01.Font
02.Color
03.Layout

===================================================== */
/* 01.Font
===================================================== */
/* 02.Color
===================================================== */
/* 03.Layout
===================================================== */
/* ============================================ [EOF] */
/* 02.Function
===================================================== */
/* _function.scss
=====================================================

01.Function

===================================================== */
/* 01.Function
===================================================== */
/* ============================================ [EOF] */
/* 03.Font
===================================================== */
/* 04.Mixin
===================================================== */
/* ============================================ [EOF] */
/* _reset.scss
=====================================================

01.Reset

===================================================== */
/* 01.Reset
----------------------------------------------------- */
/*
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark
*/
/* 要素のフォントサイズやマージン・パディングをリセットしています */
@import url(//fonts.googleapis.com/css?family=Overpass:300);
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		font-size: 100%;
		font-weight: normal;
		vertical-align: baseline;
		background: transparent;
}

/* 行の高さをフォントサイズと同じにしています */
body {
		line-height: 1;
}

/* 新規追加要素のデフォルトはすべてインライン要素になっているので、section要素などをブロック要素へ変更しています */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
		display: block;
}

/* 【変更】ol,ulのマーカー（行頭記号）を表示しないようにしています */
/*nav ul {
    list-style:none;
}*/
ul, ol {
		list-style: none;
}

/* 引用符の表示が出ないようにしています */
blockquote, q {
		quotes: none;
}

/* blockquote要素、q要素の前後にコンテンツを追加しないように指定しています */
blockquote:before, blockquote:after,
q:before, q:after {
		content: "";
		content: none;
}

/* a要素のフォントサイズなどをリセットしフォントの縦方向の揃え位置を親要素のベースラインに揃えるようにしています */
a {
		margin: 0;
		padding: 0;
		font-size: 100%;
		vertical-align: baseline;
		background: transparent;
}

/* ins要素のデフォルトをセットし、色を変える場合はここで変更できるようにしています */
ins {
		background-color: #ff9;
		color: #000;
		text-decoration: none;
}

/* mark要素のデフォルトをセットし、色やフォントスタイルを変える場合はここで変更できるようにしています
また、mark要素とは、文書内の検索結果で該当するフレーズをハイライトして、目立たせる際に使用するようです。 */
mark {
		background-color: #ff9;
		color: #000;
		font-style: italic;
		font-weight: bold;
}

/* テキストに打ち消し線が付くようにしています */
del {
		text-decoration: line-through;
}

/* IEではデフォルトで点線を下線表示する設定ではないので、下線がつくようにしていますまた、マウスオーバー時にヘルプカーソルの表示が出るようにしています */
abbr[title], dfn[title] {
		border-bottom: 1px dotted;
		cursor: help;
}

/* 隣接するセルのボーダーを重ねて表示し、間隔を0に指定しています */
table {
		border-collapse: collapse;
		border-spacing: 0;
}

/* 水平罫線のデフォルトである立体的な罫線を見えなくしています */
hr {
		display: block;
		height: 1px;
		border: 0;
		border-top: 1px solid #cccccc;
		margin: 1em 0;
		padding: 0;
}

/* 縦方向の揃え位置を中央揃えに指定しています */
input, select {
		vertical-align: middle;
}

/* 【追記】ラジオボタン、チェックボックスのCSS無効化 */
input[type=checkbox], input[type=radio] {
		margin: 0;
		padding: 0;
}

/* 【追記】画像を縦に並べたときに余白が出ない様に */
img {
		vertical-align: top;
		font-size: 0;
		line-height: 0;
}

/* 【追記】button要素をリセット */
button {
		background-color: transparent;
		border: none;
		cursor: pointer;
		outline: none;
		padding: 0;
		-webkit-appearance: none;
		   -moz-appearance: none;
		        appearance: none;
}

/* 【追記】box-sizingを全ブラウザに対応 */
*, *:before, *:after {
		-webkit-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
}

/* iOSのフォーム装飾をクリア */
* {
		-webkit-appearance: none;
}

/* ============================================ [EOF] */
/* _base.scss
=====================================================

01.Base

===================================================== */
/* 01.Base
===================================================== */
html {
		overflow-y: scroll;
}

html, body {
		position: relative;
		z-index: 1;
		width: 100%;
		height: 100%;
}

#content {
		position: relative;
}

* {
		-webkit-appearance: none;
}

/* Base Font */
html, body, input, textarea, select, button, optgroup {
		color: #333333;
		font: 62.5% "overpass", "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		font-weight: 400;
		line-height: 1.2;
}

/* Link Color */
a {
		color: #d81119;
		text-decoration: underline;
}

/* placeholderの文字色を変更 */
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
		color: #cccccc;
}
input::-moz-placeholder, textarea::-moz-placeholder {
		color: #cccccc;
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
		color: #cccccc;
}
input::-ms-input-placeholder, textarea::-ms-input-placeholder {
		color: #cccccc;
}
input::placeholder, textarea::placeholder {
		color: #cccccc;
}

/* supを上にsubを下に */
sup, sub {
		position: relative;
		height: 0;
		vertical-align: baseline;
		line-height: 1;
}

sup {
		bottom: 1ex;
}

sub {
		top: 1ex;
}

/* hoverした際にimgを透過 */
a img:hover {
		opacity: 0.7;
		filter: alpha(opacity=70);
		-ms-filter: "alpha( opacity=70)";
}

/* emのfont-styleをnomalに */
em {
		font-style: normal;
}

/* 	SET ALL ELEMENTS TO BOX-SIZING : BORDER-BOX */
* {
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
}

/* ============================================ [EOF] */
/* _keyframe.scss
=====================================================

01.Keyframe

===================================================== */
@-webkit-keyframes sdb {
		0% {
				-webkit-transform: translate(0, 0);
				opacity: 0;
		}
		40% {
				opacity: 1;
		}
		80% {
				-webkit-transform: translate(0, 20px);
				opacity: 0;
		}
		100% {
				opacity: 0;
		}
}
@keyframes sdb {
		0% {
				-webkit-transform: translate(0, 0);
				        transform: translate(0, 0);
				opacity: 0;
		}
		40% {
				opacity: 1;
		}
		80% {
				-webkit-transform: translate(0, 20px);
				        transform: translate(0, 20px);
				opacity: 0;
		}
		100% {
				opacity: 0;
		}
}
@keyframes main-img-fade {
		0% {
				opacity: 0;
		}
		100% {
				opacity: 1;
		}
}
@-webkit-keyframes main-img-fade {
		0% {
				opacity: 0;
		}
		100% {
				opacity: 1;
		}
}
@-webkit-keyframes sticky {
		0% {
				-webkit-transform: translateY(-80px);
				        transform: translateY(-80px);
		}
		100% {
				-webkit-transform: translateY(0);
				        transform: translateY(0);
		}
}
@keyframes sticky {
		0% {
				-webkit-transform: translateY(-80px);
				        transform: translateY(-80px);
		}
		100% {
				-webkit-transform: translateY(0);
				        transform: translateY(0);
		}
}
@-webkit-keyframes input-focus {}
@keyframes input-focus {}
/* ============================================ [EOF] */
/* 02.Header
===================================================== */
/* _header.scss
=====================================================

01.Header

===================================================== */
.header {
		position: relative;
		height: 60px;
}
.header a {
		text-decoration: none;
}
.header__logo {
		padding-right: 60px;
}
.header__logo a {
		display: block;
		padding: 10px 0 10px 15px;
}
.header__logo a img {
		width: auto;
		height: 40px;
}
.header .navList__item a {
		display: block;
		padding: 20px 10px;
		color: #888888;
		font-size: 14px;
		font-size: 1.4rem;
		text-align: center;
		text-transform: uppercase;
		letter-spacing: 0.1em;
}
.header__btn-reserve a, .header__btn-tel a {
		display: block;
		color: #fff;
		font-size: 12px;
		font-size: 1.2rem;
		text-align: center;
		letter-spacing: 0.1em;
		line-height: 45px;
}
.header__btn-tel {
		padding: 0 10px;
		margin: 10px 0 15px;
}
.header__btn-tel a {
		background-color: #000;
}
.header__btn-reserve {
		padding: 0 10px;
}
.header__btn-reserve a {
		background-color: #d81119;
		text-transform: uppercase;
}
.header__btn-menu {
		position: absolute;
		top: 0;
		right: 0;
		width: 60px;
		height: 100%;
}
.header__btn-menu button {
		display: block;
		position: relative;
		width: 100%;
		height: 100%;
		background-color: #d81119;
}
.header__btn-menu button:before, .header__btn-menu button:after {
		content: "";
		display: block;
		position: absolute;
		left: 15px;
		width: 30px;
		height: 2px;
		background-color: #fff;
		-o-transition: 0.35s ease-in-out;
		transition: 0.35s ease-in-out;
		-webkit-transition: 0.35s ease-in-out;
}
.header__btn-menu button:before {
		top: 19px;
}
.header__btn-menu button:after {
		top: 39px;
}
.header__btn-menu button span {
		display: block;
		position: absolute;
		top: 29px;
		left: 15px;
		width: 30px;
		height: 2px;
		background-color: #fff;
		-o-transition: 0.35s ease-in-out;
		transition: 0.35s ease-in-out;
		-webkit-transition: 0.35s ease-in-out;
}

@media (min-width: 920px) {
		.header {
				*zoom: 1;
				position: relative;
				height: 80px;
				padding-left: 40px;
				font-weight: light;
		}
		.header:before, .header:after {
				content: "";
				display: table;
		}
		.header:after {
				clear: both;
		}
		.header a {
				text-decoration: none;
		}
		.header.sticky {
				position: fixed;
				top: 0;
				left: 0;
				z-index: 10;
				width: 100%;
				-webkit-transition: 0.3s;
				-o-transition: 0.3s;
				transition: 0.3s;
				background-color: rgba(255, 255, 255, 0.95);
				-webkit-animation-name: sticky;
				        animation-name: sticky;
				-webkit-animation-duration: 0.5s;
				        animation-duration: 0.5s;
				-webkit-animation-timing-function: ease-in-out;
				        animation-timing-function: ease-in-out;
		}
		.header__logo {
				float: left;
				width: 156px;
		}
		.header__logo a {
				display: block;
				padding: 15px 0;
		}
		.header__nav {
				display: block;
				position: absolute;
				top: 0;
				right: 200px;
		}
		.header__nav .navList {
				*zoom: 1;
		}
		.header__nav .navList:before, .header__nav .navList:after {
				content: "";
				display: table;
		}
		.header__nav .navList:after {
				clear: both;
		}
		.header__nav .navList__item {
				float: left;
		}
		.header__nav .navList__item a {
				padding: 0 20px;
				letter-spacing: 0.1em;
				line-height: 80px;
		}
		.header__nav .navList__item a:hover {
				color: #222;
		}
		.header__nav .navList__item a:hover span:after {
				opacity: 1;
				-webkit-transform: translateY(10px);
				    -ms-transform: translateY(10px);
				        transform: translateY(10px);
		}
		.header__nav .navList__item a span {
				position: relative;
		}
		.header__nav .navList__item a span:after {
				content: "";
				position: absolute;
				bottom: 0;
				left: 0;
				opacity: 0;
				background-color: #d81119;
				width: 100%;
				height: 2px;
				-webkit-transition: all 0.3s;
				-o-transition: all 0.3s;
				transition: all 0.3s;
		}
		.header__btn-tel {
				display: block;
				position: absolute;
				top: 0;
				right: 200px;
				padding: 0;
				margin: 0;
		}
		.header__btn-tel a {
				padding-left: 40px;
				color: #666666;
				background-color: transparent;
				font-size: 16px;
				font-size: 1.6rem;
				text-align: left;
				line-height: 80px;
		}
		.header__btn-reserve {
				display: block;
				position: absolute;
				top: 0;
				right: 0;
				width: 160px;
				height: 80px;
		}
		.header__btn-reserve a {
				position: relative;
				padding-right: 25px;
				font-size: 14px;
				font-size: 1.4rem;
				font-style: italic;
				text-align: center;
				letter-spacing: 0.15em;
				line-height: 80px;
		}
		.header__btn-reserve a:before {
				content: "";
				position: absolute;
				top: 0;
				left: -20px;
				width: 20px;
				height: 80px;
				border-style: solid;
				border-width: 0 0 80px 20px;
				border-color: transparent transparent #d81119 transparent;
		}
		.header__btn-reserve a:after {
				content: "";
				position: absolute;
				top: 50%;
				right: 0;
				width: 40px;
				height: 1px;
				-webkit-transition: 0.3s;
				-o-transition: 0.3s;
				transition: 0.3s;
				background-color: #fff;
		}
		.header__btn-reserve a:hover {
				background-color: #a20d13;
		}
		.header__btn-reserve a:hover:before {
				border-color: transparent transparent #a20d13 transparent;
		}
		.header__btn-reserve a:hover:after {
				width: 0;
		}
		.header__btn-menu {
				display: none;
		}
}
/* ============================================ [EOF] */
/* 03.Content
===================================================== */
/* _main.scss
===================================================== */
br.sp {
		display: block;
}

@media (min-width: 920px) {
		br.sp {
				display: none;
		}
}
#wrapper {
		z-index: 0;
}
#wrapper.sticky {
		margin-top: 80px;
}

#content {
		position: relative;
		margin-bottom: 80px;
}
#content .lead__txt {
		padding: 0 10px;
		margin-bottom: 20px;
		font-size: 13px;
		font-size: 1.3rem;
		text-align: left;
		letter-spacing: 0.05em;
		line-height: 2;
}
#content .lead__txt br {
		display: none;
}
#content .mainBox__inner {
		margin-bottom: 40px;
}

.main-vitual {
		position: relative;
		width: calc( 100% - 40px );
		height: 300px;
		margin: 15px auto 40px;
		background: url("/shared/img/menu/main_img.jpg") no-repeat center center;
		background-size: cover;
		animation: main-img-fade 3s ease 0s 1 normal;
		-webkit-animation: main-img-fade 3s ease 0s 1 normal;
}
.main-vitual:after {
		display: block;
		position: relative;
		width: 100%;
		height: 100%;
		background-image: url("/shared/img/top/dots.png");
}
.main-vitual .page-ttl {
		position: absolute;
		top: 50%;
		left: 50%;
		z-index: 2;
		-webkit-transform: translate(-50%, -50%);
		    -ms-transform: translate(-50%, -50%);
		        transform: translate(-50%, -50%);
		width: 200px;
		height: 200px;
		border: 2px solid #fff;
		color: #fff;
		font-size: 30px;
		font-size: 3rem;
		text-align: center;
		text-transform: uppercase;
		letter-spacing: 0.2em;
		line-height: 200px;
}

.contBox {
		padding: 40px 0;
		border-bottom: 1px solid #ededed;
}
.contBox__head {
		margin-bottom: 40px;
		text-align: center;
		letter-spacing: 0.05em;
}
.contBox__head--inner {
		position: relative;
		display: inline-block;
}
.contBox__head--inner:before, .contBox__head--inner:after {
		content: "";
		position: absolute;
		top: 50%;
		width: 40px;
		height: 2px;
		margin-top: -1px;
		background-color: #d81119;
		-ms-transform: rotate(-60deg);
		    transform: rotate(-60deg);
		-webkit-transform: rotate(-60deg);
}
.contBox__head--inner:before {
		left: -60px;
}
.contBox__head--inner:after {
		right: -60px;
}
.contBox__head--ttl {
		position: relative;
		font-size: 16px;
		font-size: 1.6rem;
		font-weight: bold;
}
.contBox__head--ttl:before, .contBox__head--ttl:after {
		content: "";
		position: absolute;
		top: 50%;
		width: 40px;
		height: 2px;
		margin-top: 8px;
		background-color: #d81119;
		-ms-transform: rotate(-60deg);
		    transform: rotate(-60deg);
		-webkit-transform: rotate(-60deg);
}
.contBox__head--ttl:before {
		left: -70px;
}
.contBox__head--ttl:after {
		right: -70px;
}
.contBox__head--en {
		margin-top: 5px;
		color: #888888;
		font-size: 14px;
		font-size: 1.4rem;
		font-weight: bold;
}

@-webkit-keyframes page-top {
		16.65% {
				-webkit-transform: translateY(8px);
				        transform: translateY(8px);
		}
		33.3% {
				-webkit-transform: translateY(-6px);
				        transform: translateY(-6px);
		}
		49.95% {
				-webkit-transform: translateY(4px);
				        transform: translateY(4px);
		}
		66.6% {
				-webkit-transform: translateY(-2px);
				        transform: translateY(-2px);
		}
		83.25% {
				-webkit-transform: translateY(1px);
				        transform: translateY(1px);
		}
		100% {
				-webkit-transform: translateY(0);
				        transform: translateY(0);
		}
}

@keyframes page-top {
		16.65% {
				-webkit-transform: translateY(8px);
				        transform: translateY(8px);
		}
		33.3% {
				-webkit-transform: translateY(-6px);
				        transform: translateY(-6px);
		}
		49.95% {
				-webkit-transform: translateY(4px);
				        transform: translateY(4px);
		}
		66.6% {
				-webkit-transform: translateY(-2px);
				        transform: translateY(-2px);
		}
		83.25% {
				-webkit-transform: translateY(1px);
				        transform: translateY(1px);
		}
		100% {
				-webkit-transform: translateY(0);
				        transform: translateY(0);
		}
}
.page-top {
		display: none;
		position: fixed;
		bottom: 10px;
		right: 20px;
		width: 40px;
}
.page-top a {
		position: relative;
		display: block;
		width: 100%;
		height: 40px;
		transform: translateZ(0);
		-webkit-transform: translateZ(0);
}
.page-top a:before {
		content: "";
		position: absolute;
		top: 10px;
		right: 0;
		bottom: 0;
		left: 0;
		margin: auto;
		width: 20px;
		height: 20px;
		border-top: 3px solid #000;
		border-right: 3px solid #000;
		-ms-transform: rotate(-45deg);
		    transform: rotate(-45deg);
		-webkit-transform: rotate(-45deg);
		-o-transition: 0.5s;
		transition: 0.5s;
		-webkit-transition: 0.5s;
}
.page-top a:hover {
		-webkit-animation-name: page-top;
		        animation-name: page-top;
		-webkit-animation-duration: 1s;
		        animation-duration: 1s;
		-webkit-animation-timing-function: ease-in-out;
		        animation-timing-function: ease-in-out;
		-webkit-animation-iteration-count: 1;
		        animation-iteration-count: 1;
}
.page-top a:hover:before {
		border-color: #d81119;
}

.breadcrumb {
		display: none;
}

@media (min-width: 920px) {
		.main-vitual {
				width: calc( 100% - 80px );
				height: 500px;
				margin: 40px auto;
				background-attachment: fixed !important;
		}
		.main-vitual:after {
				display: block;
				content: "";
				position: relative;
				width: 100%;
				height: 100%;
				background-image: url("/shared/img/top/dots.png");
				z-index: 1;
		}

		#content .lead__txt {
				padding: 0;
				margin-bottom: 60px;
				font-size: 16px;
				font-size: 1.6rem;
				text-align: center;
		}
		#content .lead__txt br {
				display: block;
		}
		#content .mainBox__inner,
#content .contBox__inner {
				max-width: 1200px;
				padding: 0 50px;
				margin: 0 auto;
		}

		#main__ttlBox {
				height: 200px;
				padding: 60px 0;
				margin-bottom: 60px;
				background: #fff;
		}
		#main__ttlBox:before {
				content: "";
				position: absolute;
				top: 0;
				left: 0;
				z-index: 0;
				background: -o-linear-gradient(right, #d81119, #be1119);
				background: -webkit-gradient(linear, right top, left top, from(#d81119), to(#be1119));
				background: linear-gradient(to left, #d81119, #be1119);
				/* Chrome 10-25, Safari 5.1-6 */
				/* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
				width: 80%;
				height: 100%;
				-webkit-animation: mainBgShow 0.3s ease-out 0.4s both;
				        animation: mainBgShow 0.3s ease-out 0.4s both;
		}
		@-webkit-keyframes mainBgShow {
				0% {
						width: 0;
				}
				100% {
						width: 80%;
				}
		}
		@keyframes mainBgShow {
				0% {
						width: 0;
				}
				100% {
						width: 80%;
				}
		}

		.contBox {
				padding: 50px 0;
		}
		.contBox__head {
				margin-bottom: 50px;
				letter-spacing: 0.1em;
		}
		.contBox__head--inner:before, .contBox__head--inner:after {
				margin-top: -8px;
		}
		.contBox__head--inner:before {
				left: -70px;
		}
		.contBox__head--inner:after {
				right: -70px;
		}
		.contBox__head--ttl {
				font-size: 24px;
				font-size: 2.4rem;
		}
		.contBox__head--ttl:before, .contBox__head--ttl:after {
				margin-top: 3px;
		}
		.contBox__head--ttl:before {
				left: -80px;
		}
		.contBox__head--ttl:after {
				right: -80px;
		}
		.contBox__head--en {
				font-size: 14px;
				font-size: 1.4rem;
		}

		.page-top {
				display: none;
				position: fixed;
				bottom: 10px;
				right: 20px;
				width: 40px;
		}
		.page-top a {
				position: relative;
				display: block;
				width: 100%;
				height: 40px;
				transform: translateZ(0);
				-webkit-transform: translateZ(0);
		}
		.page-top a:before {
				content: "";
				position: absolute;
				top: 10px;
				right: 0;
				bottom: 0;
				left: 0;
				margin: auto;
				width: 20px;
				height: 20px;
				border-top: 3px solid #000;
				border-right: 3px solid #000;
				-ms-transform: rotate(-45deg);
				    transform: rotate(-45deg);
				-webkit-transform: rotate(-45deg);
				-o-transition: 0.5s;
				transition: 0.5s;
				-webkit-transition: 0.5s;
		}
		.page-top a:hover {
				-webkit-animation-name: page-top;
				        animation-name: page-top;
				-webkit-animation-duration: 1s;
				        animation-duration: 1s;
				-webkit-animation-timing-function: ease-in-out;
				        animation-timing-function: ease-in-out;
				-webkit-animation-iteration-count: 1;
				        animation-iteration-count: 1;
		}
		.page-top a:hover:before {
				border-color: #d81119;
		}

		.breadcrumb {
				display: block;
				position: fixed;
				top: 50%;
				left: -40px;
				-webkit-transform: rotate(-90deg);
				    -ms-transform: rotate(-90deg);
				        transform: rotate(-90deg);
		}
		.breadcrumb .breadcrumb-list {
				*zoom: 1;
		}
		.breadcrumb .breadcrumb-list:before, .breadcrumb .breadcrumb-list:after {
				content: "";
				display: table;
		}
		.breadcrumb .breadcrumb-list:after {
				clear: both;
		}
		.breadcrumb .breadcrumb-list__item {
				position: relative;
				float: left;
				padding-right: 50px;
				font-size: 13px;
				font-size: 1.3rem;
				font-weight: bold;
				letter-spacing: 0.1em;
		}
		.breadcrumb .breadcrumb-list__item:after {
				content: "";
				display: block;
				position: absolute;
				top: 50%;
				right: 10px;
				width: 30px;
				height: 1px;
				margin-top: -3px;
				background-color: #000;
		}
		.breadcrumb .breadcrumb-list__item a {
				font-weight: bold;
				text-decoration: none;
		}
		.breadcrumb .breadcrumb-list__item a:hover {
				text-decoration: underline;
		}
		.breadcrumb .breadcrumb-list__item:first-child a {
				display: block;
				width: 20px;
				height: 20px;
				overflow: hidden;
				white-space: nowrap;
				text-indent: 100%;
		}
		.breadcrumb .breadcrumb-list__item:first-child a:before {
				content: "";
				display: block;
				position: absolute;
				top: -2px;
				left: 0;
				width: 20px;
				height: 20px;
				background-color: #000;
		}
		.breadcrumb .breadcrumb-list__item:last-child {
				padding-right: 0;
		}
		.breadcrumb .breadcrumb-list__item:last-child:after {
				content: none;
		}
}
/* ============================================ [EOF] */
/* 04.Footer
===================================================== */
/* _footer.scss
=====================================================

01.Footer

===================================================== */
#site-footer {
		width: calc( 100% - 40px );
		margin: 0 auto;
		background-color: #222222;
		font-size: 11px;
		font-size: 1.1rem;
		letter-spacing: 0.1em;
		line-height: 1.5;
}
#site-footer .footer-inner {
		padding: 20px;
		margin: 0 auto;
		color: #fff;
}
#site-footer .copyright {
		background-color: #fff;
		color: #666666;
		text-align: center;
		letter-spacing: 0.05em;
		line-height: 40px;
}

.footer-top {
		margin-bottom: 20px;
		border-bottom: 1px solid #666;
}
.footer-top .time-box {
		margin-bottom: 20px;
}
.footer-top .time-box span {
		display: none;
}
.footer-top .nav-box .nav-list__item {
		position: relative;
		border-top: 1px solid #666;
}
.footer-top .nav-box .nav-list__item a {
		position: relative;
		padding: 10px 20px 10px 5px;
		display: block;
		color: #fff;
		font-size: 13px;
		font-size: 1.3rem;
		text-decoration: none;
}
.footer-top .nav-box .nav-list__item a:after {
		content: "";
		position: absolute;
		top: 50%;
		right: 5px;
		width: 8px;
		height: 8px;
		margin-top: -4px;
		border-top: 1px solid #ccc;
		border-right: 1px solid #ccc;
		-ms-transform: rotate(45deg);
		    transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
}

.footer-btm .info-box {
		display: table;
		margin-bottom: 20px;
}
.footer-btm .info-box__ttl {
		display: table-cell;
		width: 60px;
		vertical-align: middle;
}
.footer-btm .info-box__body {
		display: table-cell;
		padding-left: 20px;
		vertical-align: middle;
}
.footer-btm .sns-box {
		position: relative;
		overflow: hidden;
}
.footer-btm .sns-box .sns-list {
		position: relative;
		left: 50%;
		float: left;
}
.footer-btm .sns-box .sns-list__item {
		position: relative;
		float: left;
		left: -50%;
		width: 50px;
		margin-left: 20px;
}
.footer-btm .sns-box .sns-list__item:first-child {
		margin-left: 0;
}
.footer-btm .sns-box .sns-list__item a {
		display: block;
		position: relative;
		overflow: hidden;
		width: 50px;
		height: 50px;
		background: url("/shared/img/common/icon.png") #fff no-repeat 0 0;
		background-size: 150px 150px;
		border-radius: 50%;
		text-indent: 100%;
}
.footer-btm .sns-box .sns-list__item--ig {
		background-position: 0 0 !important;
}
.footer-btm .sns-box .sns-list__item--tw {
		background-position: -50px 0 !important;
}
.footer-btm .sns-box .sns-list__item--fb {
		background-position: -100px 0 !important;
}

@media (min-width: 920px) {
		#site-footer {
				width: calc( 100% - 80px );
		}
		#site-footer .footer-inner {
				max-width: 1200px;
				padding: 20px 50px;
		}

		.footer-top {
				*zoom: 1;
				padding-bottom: 20px;
				margin-bottom: 20px;
		}
		.footer-top:before, .footer-top:after {
				content: "";
				display: table;
		}
		.footer-top:after {
				clear: both;
		}
		.footer-top .time-box {
				float: left;
				margin-bottom: 0;
		}
		.footer-top .time-box span {
				display: inline;
		}
		.footer-top .time-box br {
				display: none;
		}
		.footer-top .nav-box {
				float: right;
		}
		.footer-top .nav-box .nav-list {
				*zoom: 1;
		}
		.footer-top .nav-box .nav-list:before, .footer-top .nav-box .nav-list:after {
				content: "";
				display: table;
		}
		.footer-top .nav-box .nav-list:after {
				clear: both;
		}
		.footer-top .nav-box .nav-list__item {
				position: relative;
				float: left;
				padding-left: 15px;
				border: none;
		}
		.footer-top .nav-box .nav-list__item:before {
				content: "";
				position: absolute;
				top: 50%;
				left: 7px;
				width: 1px;
				height: 10px;
				margin-top: -5px;
				background-color: #fff;
		}
		.footer-top .nav-box .nav-list__item:first-child {
				padding-left: 0;
		}
		.footer-top .nav-box .nav-list__item:first-child:before {
				content: none;
		}
		.footer-top .nav-box .nav-list__item a {
				padding: 0;
		}
		.footer-top .nav-box .nav-list__item a:after {
				content: none;
		}
		.footer-top .nav-box .nav-list__item a:hover {
				text-decoration: underline;
		}

		.footer-btm {
				*zoom: 1;
		}
		.footer-btm:before, .footer-btm:after {
				content: "";
				display: table;
		}
		.footer-btm:after {
				clear: both;
		}
		.footer-btm .info-box {
				float: left;
				margin-bottom: 0;
		}
		.footer-btm .sns-box {
				float: right;
		}
		.footer-btm .sns-box .sns-list {
				*zoom: 1;
				left: 0;
				float: none;
		}
		.footer-btm .sns-box .sns-list:before, .footer-btm .sns-box .sns-list:after {
				content: "";
				display: table;
		}
		.footer-btm .sns-box .sns-list:after {
				clear: both;
		}
		.footer-btm .sns-box .sns-list__item {
				left: 0;
				width: 50px;
				margin-left: 15px;
		}
}
/* ============================================ [EOF] */
/* 05.Parts
===================================================== */
/* _btn.scss
=====================================================

01.Button

===================================================== */
/* 01.Button
===================================================== */
.btn-home, .btn-more, .btn-archive, .btn-entry, .btn-submit {
		width: 85%;
		height: 60px;
		margin: 0 auto;
}
.btn-home a, .btn-home input, .btn-home button, .btn-more a, .btn-more input, .btn-more button, .btn-archive a, .btn-archive input, .btn-archive button, .btn-entry a, .btn-entry input, .btn-entry button, .btn-submit a, .btn-submit input, .btn-submit button {
		-webkit-appearance: none;
		position: relative;
		display: block;
		cursor: pointer;
		width: 100%;
		background-color: #d81119;
		border-radius: 0;
		color: #fff;
		font-size: 14px;
		font-size: 1.4rem;
		font-weight: bold;
		text-align: center;
		text-decoration: none;
		text-transform: uppercase;
		letter-spacing: 0.1em;
		line-height: 60px;
}
.btn-home a:after, .btn-home input:after, .btn-home button:after, .btn-more a:after, .btn-more input:after, .btn-more button:after, .btn-archive a:after, .btn-archive input:after, .btn-archive button:after, .btn-entry a:after, .btn-entry input:after, .btn-entry button:after, .btn-submit a:after, .btn-submit input:after, .btn-submit button:after {
		content: "";
		position: absolute;
		top: 50%;
		right: 20px;
		width: 10px;
		height: 10px;
		margin-top: -5px;
		border-right: 2px solid #fff;
		border-bottom: 2px solid #fff;
		-ms-transform: rotate(-45deg);
		    transform: rotate(-45deg);
		-webkit-transform: rotate(-45deg);
}
.btn-submit {
		position: relative;
		margin: 40px auto 0;
}
.btn-submit input {
		outline: none;
		border: none;
}
.btn-submit:after {
		content: "";
		position: absolute;
		top: 50%;
		right: 20px;
		width: 10px;
		height: 10px;
		margin-top: -5px;
		border-right: 2px solid #fff;
		border-bottom: 2px solid #fff;
		-ms-transform: rotate(-45deg);
		    transform: rotate(-45deg);
		-webkit-transform: rotate(-45deg);
}

@media (min-width: 920px) {
		.btn-home, .btn-more, .btn-archive, .btn-entry, .btn-submit {
				width: 400px;
		}
		.btn-home a, .btn-home input, .btn-home button, .btn-more a, .btn-more input, .btn-more button, .btn-archive a, .btn-archive input, .btn-archive button, .btn-entry a, .btn-entry input, .btn-entry button, .btn-submit a, .btn-submit input, .btn-submit button {
				cursor: pointer;
				font-size: 16px;
				font-size: 1.6rem;
				-o-transition: 0.25s;
				transition: 0.25s;
				-webkit-transition: 0.25s;
		}
		.btn-home a:after, .btn-home input:after, .btn-home button:after, .btn-more a:after, .btn-more input:after, .btn-more button:after, .btn-archive a:after, .btn-archive input:after, .btn-archive button:after, .btn-entry a:after, .btn-entry input:after, .btn-entry button:after, .btn-submit a:after, .btn-submit input:after, .btn-submit button:after {
				-o-transition: 0.25s;
				transition: 0.25s;
				-webkit-transition: 0.25s;
		}
		.btn-home a:hover, .btn-home input:hover, .btn-home button:hover, .btn-more a:hover, .btn-more input:hover, .btn-more button:hover, .btn-archive a:hover, .btn-archive input:hover, .btn-archive button:hover, .btn-entry a:hover, .btn-entry input:hover, .btn-entry button:hover, .btn-submit a:hover, .btn-submit input:hover, .btn-submit button:hover {
				background-color: #be1119;
		}
		.btn-home a:hover:after, .btn-home input:hover:after, .btn-home button:hover:after, .btn-more a:hover:after, .btn-more input:hover:after, .btn-more button:hover:after, .btn-archive a:hover:after, .btn-archive input:hover:after, .btn-archive button:hover:after, .btn-entry a:hover:after, .btn-entry input:hover:after, .btn-entry button:hover:after, .btn-submit a:hover:after, .btn-submit input:hover:after, .btn-submit button:hover:after {
				right: 15px;
		}
		.btn-submit:after {
				-o-transition: 0.25s;
				transition: 0.25s;
				-webkit-transition: 0.25s;
		}
		.btn-submit:hover:after {
				right: 15px;
		}
}
/* ============================================ [EOF] */
/* _validation.scss
=====================================================

01.Validation Engine

===================================================== */
/* 01.Validation Engine
===================================================== */
/* Z-INDEX */
.formError {
		z-index: 990;
}
.formError .formErrorContent {
		z-index: 991;
}
.formError .formErrorArrow {
		z-index: 996;
}

.inputContainer {
		position: relative;
		float: left;
}

.formError {
		display: block;
		position: absolute;
		top: 300px;
		left: 300px;
		text-align: left;
		cursor: pointer;
}
.formError.inline {
		display: inline-block;
		position: relative;
		top: 0;
		left: 0;
}
.formError.inline .formErrorContent {
		-webkit-box-shadow: none;
		        box-shadow: none;
		border: none;
		border-radius: 0;
}
.formError .formErrorContent {
		position: relative;
		width: 100%;
		min-width: 120px;
		padding: 6px 10px 6px 10px;
		background: #eb232a;
		border: 1px solid #ffffff;
		border-radius: 3px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		-webkit-box-shadow: 0 0 2px #333333;
		        box-shadow: 0 0 2px #333333;
		font-size: 13px;
		font-size: 1.3rem;
		color: #ffffff;
}
.formError .formErrorArrow {
		position: relative;
		width: 15px;
		margin: -2px 0 0 13px;
}
.formError .formErrorArrow div {
		display: block;
		height: 1px;
		margin: 0 auto;
		background: #eb232a;
		border-right: 1px solid #ffffff;
		border-left: 1px solid #ffffff;
		-webkit-box-shadow: 0 1px 1px #4d4d4d;
		        box-shadow: 0 1px 1px #4d4d4d;
		font-size: 0;
		line-height: 0;
}
.formError .formErrorArrow .line10 {
		width: 13px;
		border: none;
}
.formError .formErrorArrow .line9 {
		width: 11px;
		border: none;
}
.formError .formErrorArrow .line8 {
		width: 11px;
}
.formError .formErrorArrow .line7 {
		width: 9px;
}
.formError .formErrorArrow .line6 {
		width: 7px;
}
.formError .formErrorArrow .line5 {
		width: 5px;
}
.formError .formErrorArrow .line4 {
		width: 3px;
}
.formError .formErrorArrow .line3 {
		width: 1px;
		border-right: 1px solid #ffffff;
		border-bottom: 0 solid #ffffff;
		border-left: 1px solid #ffffff;
}
.formError .formErrorArrow .line2 {
		width: 3px;
		background: #ffffff;
		border: none;
}
.formError .formErrorArrow .line1 {
		width: 1px;
		background: #ffffff;
		border: none;
}
.formError .formErrorArrowBottom {
		top: 2px;
		margin: 0 0 0 12px;
		-webkit-box-shadow: none;
		        box-shadow: none;
}
.formError .formErrorArrowBottom div {
		-webkit-box-shadow: none;
		        box-shadow: none;
}

/* ============================================ [EOF] */
/* _pushbar.scss
===================================================== */
@media screen and (max-width: 900px) {
		.pushbar.opened {
				display: block;
		}

		html.pushbar_locked {
				overflow: hidden;
				-ms-touch-action: none;
				touch-action: none;
		}

		.pushbar_locked .pushbar_main_content.pushbar_blur {
				-webkit-filter: blur(15px);
				        filter: blur(15px);
		}

		.pushbar {
				z-index: 1000;
				position: fixed;
				will-change: transform;
				overflow-y: auto;
				-webkit-transition: -webkit-transform 0.5s ease;
				transition: -webkit-transform 0.5s ease;
				-o-transition: transform 0.5s ease;
				transition: transform 0.5s ease;
				transition: transform 0.5s ease, -webkit-transform 0.5s ease;
				will-change: transform;
				background: #fff;
		}

		.pushbar_overlay {
				z-index: -999;
				position: fixed;
				width: 100%;
				max-width: 100%;
				height: 100%;
				min-height: 100vh;
				top: 0;
				left: 0;
				will-change: opacity;
				-webkit-transition: opacity 0.5s ease;
				-o-transition: opacity 0.5s ease;
				transition: opacity 0.5s ease;
				opacity: 0;
				will-change: opacity;
				background: #3c3442;
		}

		html.pushbar_locked .pushbar_overlay {
				opacity: 0.8;
				z-index: 999;
				-webkit-transition: opacity 0.5s ease;
				-o-transition: opacity 0.5s ease;
				transition: opacity 0.5s ease;
		}

		.pushbar.from_left {
				top: 0;
				left: 0;
				width: 256px;
				max-width: 100%;
				height: 100%;
				min-height: 100vh;
				-webkit-transform: translateZ(0) translateX(-100%);
				        transform: translateZ(0) translateX(-100%);
		}

		.pushbar.from_right {
				top: 0;
				right: 0;
				width: 256px;
				max-width: 100%;
				height: 100%;
				min-height: 100vh;
				-webkit-transform: translateZ(0) translateX(100%);
				        transform: translateZ(0) translateX(100%);
		}

		.pushbar.from_top {
				top: 0;
				left: 0;
				width: 100%;
				max-width: 100%;
				min-height: 150px;
				-webkit-transform: translateZ(0) translateY(-100%);
				        transform: translateZ(0) translateY(-100%);
		}

		.pushbar.from_bottom {
				bottom: 0;
				left: 0;
				width: 100%;
				max-width: 100%;
				min-height: 150px;
				-webkit-transform: translateZ(0) translateY(100%);
				        transform: translateZ(0) translateY(100%);
		}

		.pushbar.opened {
				-webkit-transform: translateX(0px) translateY(0px);
				    -ms-transform: translateX(0px) translateY(0px);
				        transform: translateX(0px) translateY(0px);
		}
}
/* ============================================ [EOF] */
/* ============================================ [EOF] */
/*# sourceMappingURL=common.css.map */