@charset "utf-8";

/* -------------------------------------------- */
/* Default */
/* -------------------------------------------- */
html {font-size: 62.5%;}
body {
	font-size:1.6em;
	line-height: 1.6em;
	-webkit-text-size-adjust: 100%;
	color: #333333;
	background-color: #f7f4e8;
}
h1, h2, h3, h4, h5, h6{margin: 0;font-weight: normal;}
figure,dl,dt,dd {margin: 0;padding: 0;}
em {font-style: normal;}
ul {list-style: none;margin: 0;padding: 0;}
@media print, screen and (min-width: 768px) and (max-width: 1000px) {
	body{font-size: 1.45em;}
}
@media print, screen and (max-width: 767px) {
	body { font-size:1.4em;}
}

/* font
------------------------------ */
body {font-family: 'Noto Serif JP', serif;}
/*font-family: 'Sorts Mill Goudy', serif;*/

/* link
------------------------------ */
a {	overflow:hidden;	outline:none;	text-decoration: none;}

/* -------------------------------------------- */
/* Header */
/* -------------------------------------------- */
header {position: fixed;width: 100%;z-index: 110;}
header h1 {width: 30%;position: relative;}
header h1 img {position: absolute;top: 70px;width: auto;height: auto;right: 0;transition: .3s;}
header nav li,
header nav a {color: #fff;}
.tel-link:before {content: '';display: inline-block;width:1em;height: 1em;background: url(/assets/img/common/icon-call.svg) no-repeat center;background-size: auto 100%;margin-right: 5px;}
header nav .nav-reserve {text-align: center;font-size: .9em;line-height: 1.4em;}
header nav .nav-reserve a { transition: .3s;}
.nav-reserve .r-online {background-color: #c2201f;}
.nav-reserve .r-gnavi {background-color: #f18e18;}
.nav-reserve .r-online:hover {background-color: #9b1515;}
.nav-reserve .r-gnavi:hover {background-color: #ce7812;}

body:not(.page-top) header h1 img{top: 20px;height: 200px;width: auto;left: 30px;right: auto;}
body:not(.page-top) header.is-scroll h1 img {left: 30px;top: 10px;height: 70px;}



/* Header--PC
------------------------------ */
@media print, screen and (min-width: 1100px) {
	.nav-trigger,
	header nav.nav-sp {display: none;}
	
	header {display: flex;}
	header h1 {width: 30%;position: relative;}
	header h1 img {position: absolute;top: 60px;width: 230px;height: auto;right: 0;transition: .3s;}
	header h1 img:hover {opacity: .7;}
	header nav.nav-pc {display: block;background-color: #111;margin-left: auto;width: 58%;}
	header nav.nav-pc .nav-inner {display: flex;}
	header nav.nav-pc .nav-inner > ul {width: 100%;display: flex;justify-content: center;margin: 0 4%;}
	header nav.nav-pc .nav-inner > ul > li {position: relative;}
	header nav.nav-pc .nav-inner > ul > li + li {margin-left: 3%;}
	header nav.nav-pc .nav-inner .nav-reserve {width: 26%;display: flex;}
	header nav.nav-pc .nav-inner .nav-reserve a {flex-grow: 1;width: 50%;}
	
	header nav.nav-pc .nav-inner > ul > li > a,
	header nav.nav-pc .nav-inner .nav-reserve a{height: 90px;display: flex;align-items: center;justify-content: center;transition: .3s;}
	header nav.nav-pc a {transition: .3s;position: relative;}
	header nav.nav-pc > div > ul > li:not(.nav-tel) > a.current:before,
	header nav.nav-pc > div > ul > li:not(.nav-tel) > a:before {content: '';position: absolute;left: 0;bottom: 0;width: 100%;height: 2px;display: block;background-color: #c2201f;transform: scaleX(0);transition: .3s;}
	header nav.nav-pc > div > ul > li:not(.nav-tel) > a.current:before,
	header nav.nav-pc > div > ul > li:not(.nav-tel) > a:hover:before {transform: scaleX(1);}
	header .tel-link {pointer-events: none;	cursor: default;}
	
	/*第2階層*/
	header nav.nav-pc .nav-inner .second {position: absolute;left: 0;top: 70px;background-color: #fff;display: none;border: 1px solid #eee;z-index: 1;} 
	header nav.nav-pc .nav-inner .second li {border-bottom: 1px solid #eee;}
	header nav.nav-pc .nav-inner .second a {color: #111;display: block;white-space: nowrap;padding: 10px 20px;font-size: 1.4rem;}
	header nav.nav-pc .nav-inner .second a:hover {background-color: #eee;}
	header.is-scroll nav.nav-pc .nav-inner .second {top: 50px;}
	
	header.is-scroll h1 img {top: 10px;left: 10px;height: 100px;width: auto;right: auto;}
	header.is-scroll nav.nav-pc .nav-inner > ul > li.nav-tel,
	header.is-scroll nav.nav-pc .nav-inner > ul > li > a,
	header.is-scroll nav.nav-pc .nav-inner .nav-reserve a {height: 60px;}

}

@media print, screen and (max-width: 1200px) {
	header nav.nav-pc {font-size: .9em;}
}

/* Header--SP
------------------------------ */
@media print, screen and (max-width: 1099px) {
	header h1 {height: 55px;margin-right: 55px;font-size: 1.6rem;z-index: 10;position: relative;}
	header h1 img {height: 150px;}
	header.is-scroll h1 img {height: 50px;left: 10px;top: 10px;}
	body:not(.page-top) header h1 img,
	body:not(.page-top) header.is-scroll h1 img {height: 50px;}
	header nav.nav-pc {display: none;}
	header nav.nav-sp{
		-webkit-perspective: 1000;
		perspective: 1000;
		visibility: hidden;
		position: fixed;
		z-index: 15;
		top: 0;
		left: 0;
		width: 100%;
		height: 100vh;
		background: #222;
		overflow-y: scroll;
	}
	header nav.nav-sp,
	header nav.nav-sp > * {
		opacity: 0;
		-webkit-transform: translateX(-20px);
		-ms-transform: translateX(-20px);
		transform: translateX(-20px);
		-webkit-transition: .5s cubic-bezier(0.22, 0.61, 0.36, 1);
		transition: .5s cubic-bezier(0.22, 0.61, 0.36, 1)
	}
	header nav.nav-sp.is-active,
	header nav.nav-sp.is-active > *{
		visibility: visible;
		-webkit-transform: translateX(0%);
		-ms-transform: translateX(0%);
		transform: translateX(0%);
		opacity: 1
	}
	header nav.nav-sp.is-active > *{
		-webkit-transition: 1s cubic-bezier(0.22, 0.61, 0.36, 1) 0.405s;
		transition: 1s cubic-bezier(0.22, 0.61, 0.36, 1) 0.405s
	}
	
	header nav.nav-sp li {border-top: 1px solid #333;}
	header nav.nav-sp li a{padding: 10px 0;display: block;text-indent: 1em;}
	header nav.nav-sp > .nav-inner {margin-top: 55px;}
	header nav.nav-sp > .nav-inner > ul > li > .second {display: flex;flex-wrap: wrap;}
	header nav.nav-sp > .nav-inner > ul > li > .second li {width: 50%;box-sizing: border-box;}
	header nav.nav-sp > .nav-inner > ul > li > .second li:nth-child(odd) {border-right: 1px solid #333;}
	header nav.nav-sp > .nav-inner > ul > li > .second a {font-size: .9em;}
	header nav.nav-sp > .nav-inner > ul > li > .second a:before {content: '・';}
	header nav.nav-sp li.nav-tel {padding: 20px 0 10px;text-align: center;}
	header nav.nav-sp li.nav-tel .tel-link {display: block; border: 1px solid #fff;padding: 10px 0;margin: 0 5%;}
	header nav.nav-sp li.nav-tel a {display: inline-block;padding: 0;text-indent: 0;}
	header nav.nav-sp .nav-reserve {margin: 0 5% 100px;}
	header nav.nav-sp .nav-reserve a{text-align: center;display: block;padding: 15px 0;}
	header nav.nav-sp .nav-reserve a + a {margin-top: 10px;}
	header nav.nav-sp .nav-reserve a br {display: none;}
	
	/* 予約ボタン固定 */
	header .nav-reserve-sp {position: fixed;left: 0;bottom: 0;height: 50px;background: #222222; width: 100%;display: flex;
		-moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.5);
		-webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.5);
		-ms-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.5);
		box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.5);
	}
	header .nav-reserve-sp .tel-link {width: 60px;font-size: 0;text-align: center;line-height: 1rem;}
	header .nav-reserve-sp .tel-link:before {font-size: 2rem;margin-top: 6px;}
	header .nav-reserve-sp .tel-link:after {content: '電話する';font-size: 1rem;font-weight: normal;color: #fff;display: inline-block;}
	header .nav-reserve-sp .nav-reserve {width: calc(100% - 60px);display: flex;}
	header .nav-reserve-sp .nav-reserve a {width: 50%;color: #fff;display: flex;align-items: center;justify-content: center;font-size: .9em;text-align: center;}
	
	/* nav-trigger
	----------------------*/
	.nav-trigger { position: fixed; top: 0px; right: 0; width: 55px; height: 55px; z-index: 151; border: none; background: #222; }
	.nav-trigger,.nav-trigger span { display: inline-block; transition: all 0.4s; box-sizing: border-box; }
	.nav-trigger span { position: absolute; left: 18px; width: 20px; height: 1px; background-color: #fff; border-radius: 4px;
	}
	.nav-trigger span:nth-of-type(1) { top: 22px; }
	.nav-trigger span:nth-of-type(2) { top: 27px; }
	.nav-trigger span:nth-of-type(3) { bottom: 22px; }
	.nav-trigger.is-active span:nth-of-type(1) { top: 17px; -webkit-transform: translateY(10px) rotate(-45deg); -ms--webkit-transform: translateY(10px) rotate(-45deg); transform: translateY(10px) rotate(-45deg); }
	.nav-trigger.is-active span:nth-of-type(2) { opacity: 0;}
	.nav-trigger.is-active span:nth-of-type(3) { bottom:27px;-webkit-transform: translateY(0) rotate(45deg); -ms-transform: translateY(0) rotate(45deg); transform: translateY(0) rotate(45deg);}
}
@media print, screen and (min-width: 768px) {
	header .nav-reserve-sp {display: none;}
}
@media print, screen and (max-width: 767px) {
	header h1 img {height: 80px;top: 10px;left: 10px;}
	body:not(.page-top) header h1 img,
	body:not(.page-top) header.is-scroll h1 img {left: 8px;}
}


/* -------------------------------------------- */
/* Footer */
/* -------------------------------------------- */
footer {background-color: #111;color: #fff;padding: 25px 0;text-align: center;position: relative;}
footer #pagetop {color: #111;font-family: 'Sorts Mill Goudy', serif;right: 20px;cursor: pointer;z-index: 100;}
footer #pagetop p {transition: .3s;}
footer #pagetop p:before {content: '';width: 42px;height: 42px;display: block;margin: 0 auto 5px;background: url(/assets/img/common/pagetop-img.png) no-repeat center;background-size: cover;}
footer #pagetop p:hover {opacity: .7;}
@media print, screen and (max-width: 767px) {
	footer {padding-bottom: 80px;}
	footer #pagetop {position: absolute;bottom: 175px;right: auto;width: 100%;}
}


/* -------------------------------------------- */
/* Parts */
/* -------------------------------------------- */
.no-pc {display: none!important;}
.no-sp {display: block!important;}

@media print, screen and (max-width: 767px) {
	.no-pc {display: block!important;}
	.no-sp {display: none!important;}
}

/*txt*/
.txt-l { text-align:left!important; }
.txt-c { text-align:center!important; }
.txt-r { text-align:right!important; }

.f-small {font-size: 0.9em;}
.f-bold {font-weight: bold;}

.vt-rl {position: relative;-webkit-writing-mode: vertical-rl;-moz-writing-mode: vertical-rl;-ms-writing-mode: tb-rl;-ms-writing-mode: vertical-rl;writing-mode: vertical-rl;margin: 0 auto;z-index: 1;}
@media print, screen and (min-width: 768px) {
.vt-rl-pc {position: relative;-webkit-writing-mode: vertical-rl;-moz-writing-mode: vertical-rl;-ms-writing-mode: tb-rl;-ms-writing-mode: vertical-rl;writing-mode: vertical-rl;margin: 0 auto;z-index: 1;}
}

/*color*/
.c-red {color: #c2201f;}
.c-brown {color: #97725e;}

/*bg*/
.bg-square {background: url(/assets/img/common/bg-img-square.png) repeat;}
.bg-red {background-color: #f5dede;}

/*border*/
.border-bottom {border-bottom: 1px solid #ddd;}
.border-top {border-top: 1px solid #ddd;}
.border-left {border-left: 1px solid #ddd;}
.border-right {border-right: 1px solid #ddd;}

/*clearfix*/
.clearfix:after {	content: "";	display: block;	clear: both;}

/*float*/
.fl-left {float: left;margin-right: 20px;}
.fl-right {float: right;margin-left: 20px;}
.fl-none {float: none;margin: 0;}

/*figure*/
figure img,
img.responsive{max-width: 100%; width: auto;height: auto;margin: 0 auto;display: block;}
@media print, screen and (max-width: 767px) {
	figure {width: 100%;margin-bottom: 20px;}
}

/* btn
==================================== */
.btn-group {padding-bottom: 100px;text-align: center;}
a[class^="btn-"] {color: #111;display: inline-block;padding: 15px 60px; transition: .3s;}
.btn-border-side {border-right: 1px solid #cccccc;border-left: 1px solid #cccccc;}
.btn-border-side:hover {background-color: #f3f3f3;}
.btn-gray {background-color: #eee;border: 1px solid #ddd;position: relative;}
.btn-gray:after {content: '';position: absolute;right: 10px;top: 50%;margin-top: -.5em;display: block;width: 1em;height: 1em;background: url(/assets/img/common/icon-circle-beige-right.svg) no-repeat center;background-size: 100%;}
.btn-gray:hover {background-color: #287c63;color: #fff;}

@media print, screen and (max-width: 767px) {
	.btn-group {padding-bottom: 60px;}
	a[class^="btn-"] {padding: 8px 20px;}
}

/* display
==================================== */
.d-flex {display: flex !important;}
.d-block {display: block !important;}
.d-inline-block {display: inline-block !important;}
.d-inline {display: inline !important;}

/* col
==================================== */
[class^="col-"]:after,[class*=" col-"]:after {	content: "";	display: block;	clear: both;}
[class^="col-"] > *,[class*=" col-"] > * {}
.col-1 > * {width: 100%;}
.col-2 > * {width: calc((100% - 20px) / 2);}
.col-3 > * {width: calc((100% - 40px) / 3);}
.col-4 > * {width: calc((100% - 60px) / 4);}
.col-5 > * {width: calc((100% - 80px) / 5);}

.col-2 > *,
.col-3 > *,
.col-4 > *,
.col-5 > * {float: left;margin-right: 20px;}
.col-2 > *:nth-child(2n) {margin-right: 0;}

@media screen and (min-width: 992px) {
	.col-4 > *:nth-child(4n),
	.col-5 > *:nth-child(5n){margin-right: 0;}
}
@media screen and (max-width: 991px) {
	.col-4 > * {width: calc((100% - 20px) / 2);}
	.col-4 > *:nth-child(2n) {margin-right: 0;}
}
@media screen and (max-width: 991px) and (min-width: 768px) {
	.col-5 > * {width: calc((100% - 40px) / 3);}
	.col-5 > *:nth-child(3n) {margin-right: 0;}
}
@media screen and (min-width: 768px) {
	.col-3 > *:nth-child(3n) {margin-right: 0;}
}
@media screen and (max-width: 767px) {
	.col-3 > *,
	.col-5 > * {width: calc((100% - 20px) / 2);}
	.col-3 > *:nth-child(2n),
	.col-5 > *:nth-child(2n){margin-right: 0;}
	
	.col-sp-1 > * {width: 100%;margin-right: 0;}
	.col-sp-1 > div + div {margin-top: 40px;}
}

/* table-layout
====================================*/
table.table {width: 100%;}
table.table th,table.table td {vertical-align: middle;padding: 2.5% 2%;}

@media print, screen and (max-width: 767px) {
	table.table th,table.table td {display: block;width: 96%;padding: 3% 2%;text-align: left;border: none!important;}
}

/* wp-page-navi
====================================*/
.wp-pagenavi {width: 90%;margin: 50px auto 0;max-width: 1000px;padding-bottom: 100px;text-align: center;}
.wp-pagenavi > * {border: 1px solid #ddd;padding: 10px;margin: 0 5px;}
.wp-pagenavi a {color: #111;transition: .3s;}
.wp-pagenavi span.current {background-color: #ddd;}
.wp-pagenavi a:hover {background-color: #f3f3f3;}
.wp-pagenavi .extend {border: none;padding: 0;}
.wp-pagenavi .extend:before {content: '…';font-size: .9em;}
@media print, screen and (max-width: 767px) {
	.wp-pagenavi {padding-bottom: 60px;}
	.wp-pagenavi > * {padding: 4px 8px;}
}

/* wp-editor
====================================*/
/* editor-text
------------------------------ */
.wp-text p:after {	content: "";	display: block;	clear: both;}
.wp-text a {color: #c2201f;}
.wp-text a:hover {text-decoration: underline;} 
.wp-text a[target="_blank"]:after {content: '';display: inline-block;margin-left: 5px;width: 12px;height: 10px;background: url(/assets/img/common/icon-blank.svg) no-repeat center;background-size: cover;}
.wp-text em {font-style: italic;}
.wp-text ul {list-style: disc;margin: 1em 0;padding-left: 40px;}
.wp-text blockquote {padding: 1px 1.5em;	background-color: #f4f4f4;margin: 20px 0 0 0;	border-radius: 3px;font-size: .9em;}
.wp-text h1,.wp-text h2,.wp-text h3,.wp-text h4,.wp-text h5,.wp-text h6  {margin: 1em 0 !important;}
.wp-text h6 {font-size: 1.6rem;font-weight: bold;}
/* editor-img
------------------------------ */
img.alignnone,img.aligncenter,img.alignright,img.alignleft {vertical-align: middle;} 
img.alignnone {max-width: 100%;height: auto;}
img.aligncenter {display: block;	margin:0 auto 10px;max-width: 100%;height: auto;}
img.alignright {margin: 0 0 2px 20px;	display: inline;max-width: 46%;height:auto;}
img.alignleft {margin: 0 20px 2px 0;	display: inline;max-width: 46%;height:auto;}
.alignright {float: right;}
.alignleft {float: left;}
@media only screen and (max-width: 599px) {
	img.alignright {padding: 0 0 20px 0;margin: 0 auto;display: block;	max-width: 100%;}
	img.alignleft {	padding: 0 0 20px 0;	margin: 0 auto;	display: block;	max-width: 100%;}
	.alignright {	float: none;	}
	.alignleft {	float: none;	}
}

/* news
------------------------------ */
.news .news-text > * {white-space: nowrap;}
.news .news-text .category {border: 1px solid #999999;margin: 0 30px;padding: 0 20px;font-size: 1.2rem;min-width: 4em;text-align: center;}
.news .news-text a {color: #111; overflow: hidden;}
.news .news-text a:hover p {text-decoration: underline;}
.news .news-link a {background-color: #111;color: #fff;width: 100%;}
.news .news-link a:after {content: '';display: block;width: 17px;height: 10px;background: url(/assets/img/common/icon-arrow.svg) no-repeat center; background-size: cover;margin-left: 10px;}
@media screen and (min-width: 768px) {
	.news .news-text {display: flex;align-items: center;}
	.news .news-link a {width: 180px;height: 70px;display: flex;align-items: center;justify-content: center;position: absolute;right: 0;top: 0;transition: .3s;}
	.news .news-link a:hover {background-color: #333;}
}
@media screen and (max-width: 767px) {
	.news .news-text {padding: 0 5%;}
	.news .news-text .date,
	.news .news-text .category {display: inline-block;}
	.news .news-link a {display: block;width: 100%;text-align: center;padding: 15px 0;}
	.news .news-link a:after {display: inline-block;}

}
/* news(臨時)
------------------------------ */
.contents .block-header + .block-body.news-wrap{ margin-top: 20px; }
.contents .block-body.news-wrap{ padding:  0 5%; }
.contents .block-body.news-wrap .news .news-text{ justify-content: center; }
.contents .block-body.news-wrap .news .news-text .category{ margin-left: 0; }

/* special-link
------------------------------ */
.linkbox .special-link {width: 100%;}
.linkbox .special-link {display: flex;justify-content:space-between;}
.linkbox .special-link li {width: calc((100% - 30px) / 4);}
.linkbox .special-link li a {display: block;color: #fff;text-align: center;}
.linkbox .special-link li a figure {overflow: hidden;border-radius: 3px;padding-bottom: 50%;margin-bottom: 8px;position: relative;overflow: hidden;transition: .3s;}
.linkbox .special-link li a figure:before {content: '';display: block;position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.2);transition:.3s;z-index: 1;}
.linkbox .special-link li a figure:after {content: '';position: absolute;display: block;top: 0;left: 0;width: 100%;height: 100%;transition: .3s; background-repeat: no-repeat;background-position: center;background-size: cover;z-index: 0;}
.linkbox .special-link li:hover a figure:before {opacity: 0;}
.linkbox .special-link li:hover a figure:after {	-moz-transform: scale(1.1);	-webkit-transform: scale(1.1);	-ms-transform: scale(1.1);	transform: scale(1.1);}
.linkbox .special-link li a span:before {content: '';display: inline-block;width: 14px;height: 14px;background: url(/assets/img/common/icon-circle-line.svg) no-repeat center;background-size: cover;margin: -3px 3px 0 0;vertical-align: middle;}
.linkbox .special-link li:nth-child(1) a figure:after {background-image: url(/assets/img/common/link-special-eel.jpg);}
.linkbox .special-link li:nth-child(2) a figure:after {background-image: url(/assets/img/common/link-special-fugu.jpg);}
.linkbox .special-link li:nth-child(3) a figure:after {background-image: url(/assets/img/common/link-special-ishikari.jpg);}
.linkbox .special-link li:nth-child(4) a figure:after {background-image: url(/assets/img/common/link-special-anko.jpg);}
@media print, screen and (max-width: 767px) {
	.linkbox .special-link {flex-wrap: wrap;}
	.linkbox .special-link li {width: calc((100% - 30px) / 2);margin-bottom: 20px;}
}


/* -------------------------------------------- */
/* common */
/* -------------------------------------------- */
/* section
------------------------------ */
section:after {	content: "";	display: block;	clear: both;}

/* contents
------------------------------ */
.page-intro {background-repeat: no-repeat;background-position: center;background-size: cover; height: 600px;display: flex;align-items: center;justify-content: center;flex-direction: column;position: relative;margin-right: 24px;background-color: #111;}
.page-intro:before {content: '';position: absolute;width: 100%;height: 100%;left: 0;top: 0;background: rgba(0, 0, 0, 0.25);z-index: 1;}
.page-intro > .ttl {position: relative;color: #fff;min-width: 140px;z-index: 1;}
.page-intro > .ttl:before,
.page-intro > .ttl:after {content:'';display: block;border-top: 1px solid #fff;border-bottom: 1px solid #fff;height: 1px;transition: .3s;animation: ttl-scale .5s cubic-bezier(0,1,1,1) both ;}
.page-intro > .ttl:before {margin-bottom: 30px;transform-origin:0;}
.page-intro > .ttl:after {margin-top: 30px;transform-origin:100%;}
@keyframes ttl-scale { 0% {transform: scaleX(0);}	100% {transform: scaleX(1);} }


.page-intro > .slide {position: absolute;left: 0;top: 0;width: 100%;height: 100%;overflow: hidden;}
.page-intro > .slide * {height: 100%;}
.page-intro > .slide ul li > div {width: 100%;background-position: center;background-repeat: no-repeat;background-size: cover;}
.page-intro h2 {text-align: center;}
.page-intro h2 span {letter-spacing: 0.2em;z-index: 1;line-height: 1.4em;font-size: 4rem;text-align: left;}
.page-intro p {text-align: center;font-family: 'Sorts Mill Goudy', serif;font-size: 1.4rem;letter-spacing: .4em;margin-top: 30px;}

/*intro-img*/
[data-page-path^="/menu/"] .page-intro {background-image: url(/assets/img/menu/mv-menu.jpg);}
[data-page-path^="/space/"] .page-intro {background-image: url(/assets/img/space/mv-space.jpg);}
[data-page-path^="/access/"] .page-intro {background-image: url(/assets/img/access/mv-access.jpg);}
[data-page-path^="/special/unagi"] .page-intro {background-image: url(/assets/img/special/mv-eel.jpg);}
[data-page-path^="/special/ishikari"] .page-intro {background-image: url(/assets/img/special/mv-ishikari.jpg);}
[data-page-path^="/special/anko"] .page-intro {background-image: url(/assets/img/special/mv-anko.jpg);}
[data-page-path^="/special/fugu"] .page-intro {background-image: url(/assets/img/special/mv-fugu.jpg);}
[data-page-path^="/scene/reception"] .page-intro {background-image: url(/assets/img/scene/mv-reception.jpg);}
[data-page-path^="/scene/party"] .page-intro {background-image: url(/assets/img/scene/mv-party.jpg);}
[data-page-path^="/scene/lunch-reception"] .page-intro {background-image: url(/assets/img/scene/mv-lunch-reception.jpg);}
[data-page-path^="/scene/lunch-party"] .page-intro {background-image: url(/assets/img/scene/mv-lunch-party.jpg);}
[data-page-path^="/about/"] .page-intro {background-image: url(/assets/img/about/mv-about.jpg);}
[data-page-path^="/news/"] .page-intro {background-image: url(/assets/img/news/mv-news.jpg);}
[data-page-path^="/season/"] .page-intro {background-image: url(/assets/img/season/mv-season.jpg);}

.contents {background-color: #fff;margin: -70px 24px 140px;position: relative;z-index: 1;}
.contents-inner {background-color: #fff;padding-bottom: 50px;}

.contents .block-header {text-align: center;}
.contents .block-header:before {content: '';display: block;background: url(/assets/img/common/bg-img-square.png) repeat; width: 100%;height:220px;position: absolute;left: 0;}
.contents .block-header h2 {background: #111; color: #fff;position: relative;line-height: 1.2em;padding: 50px 15px;letter-spacing: .1em;margin: 70px auto 0;text-align: center;display: inline-block;}
.contents .block-header h2 span {font-size: 3rem;}
.contents .block-body {padding: 20px 5% ;width:90%;max-width: 1000px;margin: 0 auto;}
.contents .block-body + .block-body {padding-top: 0;} 

.contents h3,.contents h4,.contents h5 {margin: 2em 0 1em;}
.contents h3 {font-size: 2.4rem;text-indent: -1em;padding-left: 1em;line-height: 1.4em;}
.contents h3:before {content: '';display: inline-block;width: .7em;height: .7em;background: url(/assets/img/common/icon-h3.svg) no-repeat center;background-size: cover;margin-right: 8px;}
.contents h3.border-top {border-top: 1px solid #cccccc;padding-top: 15px;}
.contents h3.border-bottom {border-bottom: 1px solid #cccccc;padding-bottom: 15px;}
.contents h3 + p {}
.contents h4 {font-size: 1.8rem;background-color: #f4f4f4;padding: 15px;}
.contents h5 {font-size: 1.8rem;padding: 10px 15px;border: 1px solid #cccccc;}
.contents p {line-height: 2em;}
.contents p + p {margin-top: 1em;}
.contents p.caption {font-size: .9em;}
.contents p.side-border {text-align: center;font-size: 2.2rem;position: relative;}
.contents p.side-border:before {content: '';width: 100%;height: 1px;display: block;position: absolute;top: 50%;background-color: #ddd;z-index: 0;}
.contents p.side-border span {display: inline-block;background-color: #fff;padding: 0 2em;position: relative;}
.contents small {line-height: 1em;}

/* well */
.contents .well {background-color: #f4f4f4;border-radius: 3px;padding: 15px;margin-top: 20px;}

.contents .well h3 {font-size: 2rem;}
.contents .well h3:first-child {margin-top: 0;}
.contents .well h3:before {content: none;}
.contents .well p {font-size: 1.4rem;line-height: 1.8em;}
.contents .well-border {border: 1px solid #ccc;font-size: 1.4rem;padding: 15px;margin-top: 20px;}
.contents .well-border em {font-size: 1.4em;}

/* link-anchor */
.contents .link-anchor {padding: 50px 0;}
.contents .link-anchor .trigger {display: none;}
.contents .link-anchor ul {width: 90%;padding: 0 5%; max-width: 1000px;margin: 0 auto; display: flex;justify-content: space-between; font-size: 1.8rem;}
.contents .link-anchor ul li {border-left: 1px solid #cccccc;flex: 1;}
.contents .link-anchor ul li:last-child {border-right: 1px solid #cccccc;}
.contents .link-anchor ul li a {color: #111;display: block;text-align: center;width: 100%;height: 50px;display: flex;align-items: center;justify-content: center;transition: .3s;}
.contents .link-anchor ul li a:before {content: '';display: inline-block;margin-right: 5px;width: 1em;height: 1em;background: url(/assets/img/common/icon-circle-beige-down.svg) no-repeat center;background-size: cover;}
.contents .link-anchor ul li a:hover {background-color: #f3f3f3;}

/* linkbox */
.contents .linkbox {padding: 60px 0;}
.contents .linkbox .special-link {width: 90%;max-width: 1000px;margin: 0 auto;}
.contents .linkbox .special-link a {color: #111;}
.contents .linkbox .special-link li a span:before {background: url(/assets/img/common/icon-circle-line-black.svg) no-repeat center;}

/* item- */
.contents [class^="item-"]:after,
.contents [class^="item-"] p:after{	content: "";	display: block;	clear: both;}
.contents [class^="item-"] p {font-size: 1.8rem;position: relative;margin-top: 5px;}
.contents [class^="item-"] p > * {position: relative;z-index: 1;}
.contents [class^="item-"] em {background-color: #fff;padding-right: 10px;}
.contents [class^="item-"] p:not(.second) em:before {content: '・';font-size: .8em;}
.contents [class^="item-"] p.second em {padding-left: 2em;}
.contents [class^="item-"] span {background-color: #fff;float: right;padding-left: 10px;}
.contents [class^="item-"] span small {margin-left: 5px;}
.contents [class^="item-"] p + span.c-brown {float: none;display: block;margin-bottom: 1.5em;font-size: 1.2rem;line-height: 1.4em;}
.contents .well [class^="item-"] p {line-height: 1.5em;font-size: 1.4rem;margin-top: 0;margin-bottom: 5px;}
.contents .well [class^="item-"] em {background-color: #f4f4f4;}
.contents .well [class^="item-"] span {background-color: #f4f4f4;}

/* item-price */
.contents .well .item-price p:not(.none):before {content: '';display: block;width: 100%;height: 1px;border-bottom: 1px dotted #aaa;position: absolute;bottom: .8em;}
.contents .item-price span {float: right;}

/* item-menu */
.contents .item-menu p:before {content: '';display: block;width: 100%;height: 1px;border-bottom: 1px dotted #aaa;position: absolute;top: .6em;}
.contents .item-menu p span {width: 55%;}


@media print, screen and (max-width: 1099px) {
	.page-intro {height: 430px;padding-bottom: 70px;margin-right: 0;}
	.page-intro h2 {font-size: 3rem;}
}

@media screen and (max-width: 767px) {
	.page-intro {height: auto;padding: 30% 0 25%;}
	.page-intro > .ttl {text-align: center;}
	.page-intro > .ttl:before {margin-bottom: 15px;}
	.page-intro > .ttl:after {margin-top: 15px;}
	.page-intro h2 {padding: 0 20px;}
	.page-intro h2 span {font-size: 2.5rem;}
	.page-intro p {margin-top: 5px;}

	.contents {margin-top: -30px;margin-left: 8px;margin-right: 8px;}
	.contents-inner {padding-bottom: 0px;}
	.contents .block-header {}
	.contents .block-header:before {height: 100px;}
	.contents .block-header h2 {padding: 20px 10px;margin-top: 20px;}
	.contents .block-header h2 span {font-size: 2rem;}
	.contents h3,.contents h4,.contents h5 {margin: 1em 0 .5em;}
	.contents h3 {font-size: 1.8rem;}
	.contents h3.border-top {padding-top: 8px;}
	.contents h3.border-bottom {padding-bottom: 8px;}
	.contents h4 {padding: 10px;}
	.contents h5 {padding: 5px;font-size: 1.6rem;}
	.contents p {line-height: 1.8em;}
	.contents p.side-border {font-size: 1.6rem;}
	.contents p.side-border:before {content: none;}
	.contents p.side-border span {padding: 0;}
	.contents .well h3 {font-size: 1.6rem;margin-bottom: 5px;}
	.contents .well p,
	.contents .well-border {font-size: 1.2rem;}
	.contents .well,
	.contents .well-border {padding: 10px 5% 5px;}
	
	.contents .link-anchor {padding: 30px 0;}
	.contents .link-anchor .trigger {display: block;width: 90%;margin: auto;padding: 10px 0;border-top: 1px solid #cccccc;border-bottom: 1px solid #cccccc;text-align: center;}
	.contents .link-anchor .trigger span:after {content: '+';margin-left: 5px;}
	.contents .link-anchor.js-open .trigger span:after {content: '-';margin-left: 5px;}
	.contents .link-anchor ul {font-size: 1.4rem;display: block;}
	.contents .link-anchor ul li {border-left: none;border-right: none;border-bottom: 1px solid #ccc;width: 100%;}
	.contents .link-anchor ul li:last-child {border-right: none;}
	.contents .link-anchor ul li a {height: 40px;justify-content: flex-start;}
	
	/* linkbox */
	.contents .linkbox {padding: 30px 0;}
	
	/* item-price */
	.contents [class^="item-"] p {font-size: 1.4rem;margin-top: .5em;line-height: 1.4em;}
	.contents .well [class^="item-"] p {font-size: 1.2rem;}
}


/* -------------------------------------------- */
/* include parts */
/* -------------------------------------------- */
[class^="parts-"] {padding-bottom: 50px;}
.parts-lunch-party + .parts-lunch {margin-top: -50px;}
.parts-drink-free{padding-bottom: 0;}

/* アラカルト
------------------------------ */
.parts-alacarte .block-sns {padding-bottom: 40px;text-align: center;}
.parts-alacarte .detail .well + small {display: inline-block;margin-top: 1em;line-height: 1.6em;}
.parts-alacarte .detail h3 {margin: 1em 0 .5em;}
.parts-alacarte .detail h3:first-child {margin-top: 0;}
.parts-alacarte .detail h5 {font-size: 1.4rem;padding: 0 5px;margin: 20px 0 15px;}
.parts-alacarte .detail h5:first-child {margin-top: 0;}
.parts-alacarte .detail h5 + p {padding-left: 0;padding-right: 0;}
@media screen and (min-width: 768px) {
	.parts-alacarte [class^="block--"] {margin-top: 80px;}
	.parts-alacarte [class^="block--"] > div {position: relative;z-index: 1;}
	.parts-alacarte [class^="block--"] figure {width: calc(60% - 50px);}
	.parts-alacarte [class^="block--"] .detail {width: 40%;margin-left: 50px;}
	.parts-alacarte [class^="block--"] > div:nth-child(2) figure {order: 2;}
	.parts-alacarte [class^="block--"] > div:nth-child(2) .detail {order: 1;margin-left: 0;margin-right: 50px;}
	/* block--1 */
	.parts-alacarte .block--1 > div:nth-child(2) {align-items: flex-end;margin-top: -8%;z-index: 0;position: relative;}
	/* block--2 */
	.parts-alacarte .block--2 > div figure p {margin: 0 0 20px;padding: 0 ;}
	.parts-alacarte .block--2 > div figure p:after {	content: "";	display: block;	clear: both;}
	.parts-alacarte .block--2 > div figure p span {width: calc((100% - 20px) / 2);display: inline-block;float: left;margin-bottom: 20px;}
	.parts-alacarte .block--2 > div figure p span:nth-child(odd) {margin-right: 20px;}
	.parts-alacarte .block--2 > div figure p span:nth-last-child(-n+2) {margin-bottom: 0;}
	/* block--3 */
	.parts-alacarte .block--3 > div figure {order: 2;}
	.parts-alacarte .block--3 > div .detail {order: 1;margin-left: 0;margin-right: 50px;}

}
@media screen and (min-width:768px) and ( max-width:1099px)  {
	.parts-alacarte [class^="block--"] figure {width: calc(40% - 50px);}
	.parts-alacarte [class^="block--"] .detail {width: 60%;}
	/* block--1 */
	.parts-alacarte .block--1 > div:nth-child(2) {margin-top: 50px;}
}
@media screen and (max-width: 767px) {
	.parts-alacarte .block-sns {padding-bottom: 20px;}
	.parts-alacarte .d-flex {display: block !important;}
	.parts-alacarte figure {margin-top: 50px;}
	.parts-alacarte .well {padding-top: 10px;}
	/* block--2 */
	.parts-alacarte .block--2 > div figure p:nth-child(n+2){display: none;}
}

/* コース料理
------------------------------ */
.parts-course h3 {margin: 0;}
.parts-course .price {text-align: right;font-size: 3rem;padding-right: 0;margin-bottom: 15px;margin-top: 10px;line-height: 1em;}
.parts-course .price small {font-size: .6em;}
.parts-course .price + .well-border {margin-bottom: 20px;}
.parts-course .well + small {display: block;margin-top: 1em;line-height: 1.6em;}
.parts-course .volume {padding: 30px 0;margin: 40px 0;}
.parts-course .volume figure {order: 2;width: 30%;}
.parts-course .volume h3 {font-size: 2rem;margin-top: 0;}
.parts-course .volume .d-flex {align-items: center;}
@media screen and (max-width: 1099px) {
	.parts-course .volume .price {font-size: 2.5rem;}
	.parts-course .volume .well-border {}
}
@media screen and (min-width: 768px) {
	.parts-course .side-border + .col-2 > div:first-child {margin-right: 50px;}
	.parts-course .side-border + .col-2 > div {width: calc((100% - 50px) / 2);}
	.parts-course .volume {display: flex; justify-content:space-around;}
	.parts-course .volume .d-flex > p {margin: 0 20px 0 0;}
}
@media screen and (max-width: 767px) {
	.parts-course h3 {margin-top: 0;}
	.parts-course .price {font-size: 2rem;margin-top: 10px;}
	.parts-course .volume figure {width: 80%;margin: 0 auto 20px;}
	.parts-course .volume .d-flex {display: block !important;}
}

/* ランチ
------------------------------ */
.parts-lunch .c-brown {margin-top: 10px;display: inline-block;line-height: 1.6em;}
.parts-lunch [class^="col-"] .item-price em,
.parts-lunch [class^="col-"] .item-price span {display: block;line-height: 1.3em;}
@media screen and (min-width: 768px) {
	.parts-lunch .col-2.block--1 > div:first-child {margin-right: 50px;}
	.parts-lunch .col-2.block--1 > div {width: calc((100% - 50px) / 2);}
}
@media screen and (max-width: 767px) {
	.parts-lunch [class^="col-"]:not(.block--1) figure {margin-bottom: 0;}
	.parts-lunch-party .col-2.col-sp-1 > div + div,
	.parts-lunch .col-2.col-sp-1 > div + div {margin-top: 0;}
}

/* ドリンク
------------------------------ */
.parts-drink .col-2 h3 > div {display: inline-flex;align-items: center;text-indent: 0;}
.parts-drink .col-2 h3 > div span:nth-child(2) {font-size: 1.2rem;line-height: 1.4em;margin-left: 15px;}
.parts-drink .col-2 h5 {font-size: 1.4rem;padding: 0 5px;margin: 20px 0 15px;}
.parts-drink .col-2 h5:first-child {margin-top: 0;}
.parts-drink .col-2 h5 + p {padding-left: 0;padding-right: 0;}
@media screen and (min-width: 768px) {
	.parts-drink .col-2 > div:first-child {margin-right: 50px;}
	.parts-drink .col-2 > div {width: calc((100% - 50px) / 2);}
}
@media screen and (max-width: 767px) {
	.parts-drink .col-2 > div {margin-top: 0;}
}

/* ドリンク昼
------------------------------ */
.parts-drink-lunch .col-2 h3 > div {display: inline-flex;align-items: center;text-indent: 0;}
.parts-drink-lunch .col-2 h3 > div span:nth-child(2) {font-size: 1.2rem;line-height: 1.4em;margin-left: 15px;}
.parts-drink-lunch .col-2 h5 {font-size: 1.4rem;padding: 0 5px;margin: 20px 0 15px;}
.parts-drink-lunch .col-2 h5:first-child {margin-top: 0;}
.parts-drink-lunch .col-2 h5 + p {padding-left: 0;padding-right: 0;}
@media screen and (min-width: 768px) {
	.parts-drink-lunch .col-2 > div:first-child {margin-right: 50px;}
	.parts-drink-lunch .col-2 > div {width: calc((100% - 50px) / 2);}
}


/* 飲み放題メニュー
------------------------------ */
.parts-drink-free {}
@media screen and (max-width: 767px) {
	.parts-drink-free .col-sp-1 > div {margin-top: 0;margin-bottom: 0;}
	.parts-drink-free .item-menu p:before {content: none;}
	.parts-drink-free .item-menu p em,
	.parts-drink-free .item-menu p span {display: block;width: 95%;margin: 0;}
	.parts-drink-free .item-menu p span {padding-left: 5%;margin-top: .5em;margin-bottom: 1.5em;}
}


/* ==================================================== */

/* 地図
------------------------------ */
.parts-map .map-bg {background-color: #ccc;width: 100%;height: 400px;}
.parts-map .map-text {width: 100%;background-color: rgba(142, 138, 122, 0.9);color: #fff;}
@media screen and (min-width: 768px) {
	.parts-map {position: relative;}
	.parts-map .map-text {display: flex;justify-content: center;}
	.parts-map .map-text p {border-left: 2px solid #fff;padding-left: 20px;font-size: 1.4rem;}
	.parts-map .map-text p + p {margin-left: 90px;}
}
@media screen and (max-width: 767px) {
	.parts-map .map-bg {height: 300px;}
	.parts-map .map-text {padding: 2% 0;}
	.parts-map .map-text p {padding-left: 5%;padding-right: 5%;}
}

/* 店舗詳細
------------------------------ */
.parts-map-detail {max-width: 1000px;width: 90%;margin: auto;display: flex;align-items: stretch;}
.parts-map-detail .detail-img {background: url(/assets/img/top/top-access-img.jpg) no-repeat center; background-size: cover;}
.parts-map-detail .detail-text dl dt {font-weight: bold;}
@media screen and (min-width: 768px) {
	.parts-map-detail .detail-img {width: 40%;margin-right: 5%;}
	.parts-map-detail .detail-text {width: 55%;}
	.parts-map-detail .detail-text dl {display: flex;flex-wrap: wrap;font-size: 1.4rem;}
	.parts-map-detail .detail-text dl dt,
	.parts-map-detail .detail-text dl dd {margin-bottom: 30px;}
	.parts-map-detail .detail-text dl dt {width: 35%;}
	.parts-map-detail .detail-text dl dd {width: 65%;}
}
@media screen and (max-width: 767px) {
	.parts-map-detail {flex-wrap: wrap;}
	.parts-map-detail .detail-img {width: 100%;padding-bottom: 70%;margin-bottom: 40px;}

	.parts-map-detail .detail-text dl dd {margin-bottom: 20px;margin-top: 5px;}
}

/* ==================================================== */

/* テーブル席
------------------------------ */
.parts-space-table {}

/* 個室
------------------------------ */
.parts-space-room {}

/* 平面図
------------------------------ */
.parts-space-view > div {position: relative;}
.parts-space-view [class^="point-"] {position: absolute;background: url(/assets/img/space/view-icon.png) no-repeat center;background-size: cover;display: inline-block;transition: .3s;display: block;width: 6%;padding-bottom: 6%;}
.parts-space-view [class^="point-"]:hover {opacity: .7;}
.parts-space-view .point-1 {left: 19%;top: 48%;}
.parts-space-view .point-2 {left: 36%;top: 48%;}
.parts-space-view .point-3 {left: 48%;top: 34%;}
.parts-space-view .point-4 {left: 57%;top: 34%;}
.parts-space-view .point-5 {left: 66%;top: 34%;}
.parts-space-view .point-6 {left: 75%;top: 34%;}
@media screen and (min-width: 768px) {
	.parts-space-view {margin-top: 50px;}
}

/* ==================================================== */

/* 特徴
------------------------------ */
.parts-feature {position: relative;z-index: 1;width: 90%;max-width: 1000px;margin: 0 auto;padding: 70px 5% 0;display: flex;align-items: stretch; justify-content: center;flex-wrap: wrap;}
.parts-feature > div {width: calc((100% - 60px) / 4);background-color: #fff;border: 1px solid #d3cfc6;box-sizing: border-box;margin-right: 20px;display: flex;align-items: center;justify-content: center;height: 200px;margin-bottom: 20px;}
.parts-feature > div:nth-child(4n),
.parts-feature > div:last-child{margin-right: 0;}
.parts-feature > div p {padding: 15px;text-align: left;line-height: 1.6em;font-weight: bold;margin: 0;}
.parts-feature > div p:before {content: '';display: block;width: 16px;height: 16px;margin: 0 auto;background: url(/assets/img/common/icon-h3.svg) no-repeat center;background-size: cover;margin-bottom: 5px;}

@media screen and (min-width: 768px) {
	.parts-feature > div p {font-size: 1.2em;text-align: center;}
}
@media screen and (max-width: 767px) {
	.parts-feature {display: block;}
	.parts-feature > div {width: 100%;margin-right: 0;margin-bottom: 10px;height: auto;}
	.parts-feature > div p {width: 100%;}
	.parts-feature > div p:before {display: inline-block;margin-bottom: 0;margin-right: 5px;width: 1em;height: 1em;}
}

/* 受賞歴
------------------------------ */
.parts-award .box {width: 100%;max-width: 800px;margin: 30px auto;}
.parts-award .box-header { background-color: #287c63;color: #fff;text-align: center;margin-bottom: 20px;padding: 5px 0;}
.parts-award .box-body figure {width: 200px;margin-right: 20px;}
.parts-award .box-body p {font-size: 1.3em;line-height: 1.8em;}
@media screen and (min-width: 768px) {
	.parts-award .well-border {font-size: 1.6rem;}
	.parts-award .box-body {display: flex;}
}
@media screen and (max-width: 767px) {
	.parts-award .box-body figure {margin: 0 auto;}
}

/* ご予約までの流れ
------------------------------ */
.parts-reserve .well {padding: 30px 25px;display: flex;align-items: center;}
.parts-reserve .well > * {padding: 0;margin: 0 20px 0 0;}
.parts-reserve .well h4 {font-weight: bold;font-size: 1.8rem;margin-right: 50px;} 
.parts-reserve .well .tel {font-size: 1.4em;padding-top: 5px;display: inline-block;}
.parts-reserve .well .tel img{margin-right: 5px;}
@media screen and (max-width: 767px) {
	.parts-reserve .well {flex-wrap: wrap;}
	.parts-reserve .well > figure {width: 10%;}
	.parts-reserve .well > h4 {width: 70%;margin: 0;}
	.parts-reserve .well > p {width: 100%;margin-top: 10px;}
}

/* 幹事
------------------------------ */
[class^="parts-organize"] h4:before {content: '';display: inline-block;width: 1em;height: 1em;background: url(/assets/img/common/icon-circle-beige-right.svg) no-repeat center;background-size: cover;margin-right: 5px;vertical-align: middle;}
.parts-organize .well-border .price {display: flex;flex-wrap: wrap;width: 100%;max-width: 500px;margin: 0 auto;}
.parts-organize .well-border .price dt,
.parts-organize .well-border .price dd {border-bottom: 1px solid #eee;padding: .5em 0;}
.parts-organize .well-border .price dt {width: 60%;}
.parts-organize .well-border .price dd {width: 40%;text-align: right;}
.parts-organize .well-border .price > *:nth-last-child(-n+2) {border: none;}
.parts-organize .well-border .price .bb {border-color: #aaa;}

/*幹事(ランチ)*/
.parts-organize-lunch .well-border {padding: 30px;}
.parts-organize-lunch .well-border > div p.point {font-weight: bold;}
.parts-organize-lunch .well-border > div p.point:before {content: '◆';font-size: .8em;vertical-align: top;margin-right: 5px;color: #be9c80;}
@media screen and (min-width: 768px) {
	.parts-organize-lunch .well-border {display: flex;align-items: center;}
	.parts-organize-lunch .well-border > div {margin-left: 20px;}
	.parts-organize-lunch .well-border > div p.point {font-size: 1.2em;}
}
@media screen and (max-width: 767px) {
	.parts-organize-lunch .well-border {padding: 20px 5%;}
}

/* ==================================================== */







/* margin
====================================*/
.m0 { margin: 0!important; }.mt0 { margin-top: 0!important; }.mr0 { margin-right: 0!important; }.mb0 { margin-bottom: 0!important; }.ml0 { margin-left: 0!important; }.m5 { margin: 5px !important; }.mt5 { margin-top: 5px !important; }.mr5 { margin-right: 5px !important; }.mb5 { margin-bottom: 5px !important; }.ml5 { margin-left: 5px !important; }.m10 { margin: 10px !important; }.mt10 { margin-top: 10px !important; }.mr10 { margin-right: 10px !important; }.mb10 { margin-bottom: 10px !important; }.ml10 { margin-left: 10px !important; }.m15 { margin: 15px !important; }.mt15 { margin-top: 15px !important; }.mr15 { margin-right: 15px !important; }.mb15 { margin-bottom: 15px !important; }.ml15 { margin-left: 15px !important; }.m20 { margin: 20px !important; }.mt20 { margin-top: 20px !important; }.mr20 { margin-right: 20px !important; }.mb20 { margin-bottom: 20px !important; }.ml20 { margin-left: 20px !important; }.m25 { margin: 25px !important; }.mt25 { margin-top: 25px !important; }.mr25 { margin-right: 25px !important; }.mb25 { margin-bottom: 25px !important; }.ml25 { margin-left: 25px !important; }.m30 { margin: 30px !important; }.mt30 { margin-top: 30px !important; }.mr30 { margin-right: 30px !important; }.mb30 { margin-bottom: 30px !important; }.ml30 { margin-left: 30px !important; }.m35 { margin: 35px !important; }.mt35 { margin-top: 35px !important; }.mr35 { margin-right: 35px !important; }.mb35 { margin-bottom: 35px !important; }.ml35 { margin-left: 35px !important; }.m40 { margin: 40px !important; }.mt40 { margin-top: 40px !important; }.mr40 { margin-right: 40px !important; }.mb40 { margin-bottom: 40px !important; }.ml40 { margin-left: 40px !important; }.m45 { margin: 45px !important; }.mt45 { margin-top: 45px !important; }.mr45 { margin-right: 45px !important; }.mb45 { margin-bottom: 45px !important; }.ml45 { margin-left: 45px !important; }.m50 { margin: 50px !important; }.mt50 { margin-top: 50px !important; }.mr50 { margin-right: 50px !important; }.mb50 { margin-bottom: 50px !important; }.ml50 { margin-left: 50px !important; }.m55 { margin: 55px !important; }.mt55 { margin-top: 55px !important; }.mr55 { margin-right: 55px !important; }.mb55 { margin-bottom: 55px !important; }.ml55 { margin-left: 55px !important; }.m60 { margin: 60px !important; }.mt60 { margin-top: 60px !important; }.mr60 { margin-right: 60px !important; }.mb60 { margin-bottom: 60px !important; }.ml60 { margin-left: 60px !important; }.m65 { margin: 65px !important; }.mt65 { margin-top: 65px !important; }.mr65 { margin-right: 65px !important; }.mb65 { margin-bottom: 65px !important; }.ml65 { margin-left: 65px !important; }.m70 { margin: 70px !important; }.mt70 { margin-top: 70px !important; }.mr70 { margin-right: 70px !important; }.mb70 { margin-bottom: 70px !important; }.ml70 { margin-left: 70px !important; }.m75 { margin: 75px !important; }.mt75 { margin-top: 75px !important; }.mr75 { margin-right: 75px !important; }.mb75 { margin-bottom: 75px !important; }.ml75 { margin-left: 75px !important; }.m80 { margin: 80px !important; }.mt80 { margin-top: 80px !important; }.mr80 { margin-right: 80px !important; }.mb80 { margin-bottom: 80px !important; }.ml80 { margin-left: 80px !important; }

/* padding
====================================*/
.p0 { padding: 0!important; }.pt0 { padding-top: 0!important; }.pr0 { padding-right: 0!important; }.pb0 { padding-bottom: 0!important; }.pl0 { padding-left: 0!important; }.p5 { padding: 5px !important; }.pt5 { padding-top: 5px !important; }.pr5 { padding-right: 5px !important; }.pb5 { padding-bottom: 5px !important; }.pl5 { padding-left: 5px !important; }.p10 { padding: 10px !important; }.pt10 { padding-top: 10px !important; }.pr10 { padding-right: 10px !important; }.pb10 { padding-bottom: 10px !important; }.pl10 { padding-left: 10px !important; }.p15 { padding: 15px !important; }.pt15 { padding-top: 15px !important; }.pr15 { padding-right: 15px !important; }.pb15 { padding-bottom: 15px !important; }.pl15 { padding-left: 15px !important; }.p20 { padding: 20px !important; }.pt20 { padding-top: 20px !important; }.pr20 { padding-right: 20px !important; }.pb20 { padding-bottom: 20px !important; }.pl20 { padding-left: 20px !important; }.p25 { padding: 25px !important; }.pt25 { padding-top: 25px !important; }.pr25 { padding-right: 25px !important; }.pb25 { padding-bottom: 25px !important; }.pl25 { padding-left: 25px !important; }.p30 { padding: 30px !important; }.pt30 { padding-top: 30px !important; }.pr30 { padding-right: 30px !important; }.pb30 { padding-bottom: 30px !important; }.pl30 { padding-left: 30px !important; }.p35 { padding: 35px !important; }.pt35 { padding-top: 35px !important; }.pr35 { padding-right: 35px !important; }.pb35 { padding-bottom: 35px !important; }.pl35 { padding-left: 35px !important; }.p40 { padding: 40px !important; }.pt40 { padding-top: 40px !important; }.pr40 { padding-right: 40px !important; }.pb40 { padding-bottom: 40px !important; }.pl40 { padding-left: 40px !important; }.p45 { padding: 45px !important; }.pt45 { padding-top: 45px !important; }.pr45 { padding-right: 45px !important; }.pb45 { padding-bottom: 45px !important; }.pl45 { padding-left: 45px !important; }.p50 { padding: 50px !important; }.pt50 { padding-top: 50px !important; }.pr50 { padding-right: 50px !important; }.pb50 { padding-bottom: 50px !important; }.pl50 { padding-left: 50px !important; }.p55 { padding: 55px !important; }.pt55 { padding-top: 55px !important; }.pr55 { padding-right: 55px !important; }.pb55 { padding-bottom: 55px !important; }.pl55 { padding-left: 55px !important; }.p60 { padding: 60px !important; }.pt60 { padding-top: 60px !important; }.pr60 { padding-right: 60px !important; }.pb60 { padding-bottom: 60px !important; }.pl60 { padding-left: 60px !important; }.p65 { padding: 65px !important; }.pt65 { padding-top: 65px !important; }.pr65 { padding-right: 65px !important; }.pb65 { padding-bottom: 65px !important; }.pl65 { padding-left: 65px !important; }.p70 { padding: 70px !important; }.pt70 { padding-top: 70px !important; }.pr70 { padding-right: 70px !important; }.pb70 { padding-bottom: 70px !important; }.pl70 { padding-left: 70px !important; }.p75 { padding: 75px !important; }.pt75 { padding-top: 75px !important; }.pr75 { padding-right: 75px !important; }.pb75 { padding-bottom: 75px !important; }.pl75 { padding-left: 75px !important; }.p80 { padding: 80px !important; }.pt80 { padding-top: 80px !important; }.pr80 { padding-right: 80px !important; }.pb80 { padding-bottom: 80px !important; }.pl80 { padding-left: 80px !important; }

/* width
====================================*/
.w100{width: 100%;} .w90{width: 90%;} .w80{width: 80%;} .w70{width: 70px;} .w60{width: 60%;} .w50{width: 50%;} .w40{width: 40%;} .w30{width: 30%;} .w20{width: 20%;} .w10{width: 10%;}
@media screen and (max-width: 767px) {
	.w100-sp{width: 100%;}
}