@charset "utf-8";

/* reset
--------------------------------------------------*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, select, input, textarea, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	border: 0;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section { display: block; }

ol, ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; }

table {
	border-collapse: collapse;
	border-spacing: 0;
}

caption, th { text-align: left; }

img, iframe { vertical-align: bottom; }

/* general
--------------------------------------------------*/

/* link */
a {
	color: #058dc7;
	text-decoration: none;
	outline: none;
}

a:hover img, a:focus img { opacity: .5; }

/* transition */
a, a img, input { transition: all .2s; }

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

.clearfix > li { float: left; }

/* font */
strong { font-weight: bold; }

.ta-c { text-align: center; }

/* img */
img {
	width: 100%;
	height: auto;
}

/* iframe */
iframe { display: block; }

/* relative */
.relative { position: relative; }

/* margin padding */
.mb-10 { margin-bottom: .625em; }

.mb-30 { margin-bottom: 1.875em; }

@media screen and (max-width: 750px) {
	.sp-mb-10 { margin-bottom: 10px; }
}

/* pc sp */
.sp { display: none; }
@media screen and (max-width: 750px) {
	.pc { display: none; }
	.sp { display: block; }
	.sp-prl-15 { padding: 0 15px; }
}

/* layout
--------------------------------------------------*/

/* html */
html { font-size: 16px; }
@media screen and (max-width: 750px) {
	html {
		font-size: 12px;
		font-size: 3.75vw;
	}
}

/* body */
body {
	color: #000;
	font-family: sans-serif;
	line-height: 1.8;
	word-break: break-all;
	background: #fff;
}

.wrap {
	min-width: 950px;
	padding-top: 165px;
	overflow: hidden;
	background: url(/img/common/bg-01.jpg) repeat left top;
}
@media screen and (max-width: 750px) {
	.wrap {
		min-width: 0;
		padding-top: 54px;
		background-size: 20px 20px;
	}
}

/* mask */
.mask { display: none; }
@media screen and (max-width: 750px) {
	.mask {
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		width: 100%;
		z-index: 50;
		background: rgba(0, 0, 0, .8);
	}
}

/* area */
.area {
	width: 950px;
	margin: 0 auto;
}
@media screen and (max-width: 750px) {
	.area { width: auto; }
}

/* area2 */
.area2 {
	width: 100%;
	text-align: center;
}
@media screen and (max-width: 750px) {
	.area2 { width: auto; }
}

/* header */
header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	background: url(/img/common/header-bg.jpg) repeat left top;
}
@media screen and (max-width: 750px) {
	header { height: 54px; }
}

.translated-ltr header { top: 40px; }

header:after {
	content: "";
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	height: 5px;
	background: url(/img/common/header-bottom.png) repeat-x left top;
}

h1 {
	font-size: 12px;
	line-height: 20px;
}
@media screen and (max-width: 750px) {
	header h1 { display: none; }
}

.header-logo { width: 220px; }
@media screen and (max-width: 750px) {
	.header-logo {
		width: auto;
		text-align: center;
	}
	.header-logo img {
		position: relative;
		width: auto;
		height: 70px;
		z-index: 100;
	}
}

.ico-tel {
	padding-left: 42px;
	color: #000;
	font-size: 24px;
	font-weight: bold;
	background: url(/img/common/ico-tel.png) no-repeat 20px center;
	background-size: 20px 20px;
}

.header-tel, .header-translate { position: absolute; }

.header-tel {
	top: 20px;
	left: 240px;
	line-height: 1.4;
}
@media screen and (max-width: 750px) {
	.header-tel { display: none; }
}

.header-translate {
	top: 20px;
	right: 0;
}
@media screen and (max-width: 750px) {
	.header-translate {
		top: 13px;
		left: 5px;
	}
	.goog-te-menu-value:before { content: "言語"; }
	.goog-te-menu-value span:first-child { display: none; }
}

#google_translate_element { margin-bottom: 5px; }

#google_translate_element img { width: auto; }

/* for iPhone overflow */
.goog-te-banner-frame {overflow: hidden;}

/* nav */
nav { padding: 0 0 10px 0; }
@media screen and (max-width: 750px) {
	nav {
		position: fixed;
		top: 0;
		right: -80%;
		bottom: 0;
		width: 80%;
		padding: 0;
		z-index: 9999;
		background: #fff;
		transition: all .2s;
	}
	.translated-ltr nav { top: 40px; }
	nav.active { right: 0; }
	nav ul {
		height: 100%;
		padding: 20px;
		overflow: scroll;
		-webkit-overflow-scrolling: touch;
	}
}

nav ul, nav li, nav a { position: relative; }

nav > ul:before, nav > ul > li > a:after {
	position: absolute;
	content: url(/img/common/nav-line.png);
	top: 50%;
	margin-top: -15px;
}
@media screen and (max-width: 750px) {
	nav > ul:before, nav > ul > li > a:after { content: ""; }
}

nav > ul:before { left: -2px; }

nav > ul > li { width: 16.6%; }
@media screen and (max-width: 750px) {
	nav > ul > li {
		width: 100%;
		border-bottom: solid 1px #bdbdbd;
	}
}

nav a {
	display: block;
	padding: .5em 0 .3em;
	color: #000;
	font-size: 15px;
	font-weight: bold;
	line-height: 1.4;
	text-align: center;
}
@media screen and (max-width: 750px) {
	nav a {
		padding: .5em 0 .3em 2em;
		font-size: 1.3em;
		font-weight: normal;
		text-align: left;
		background: url(/img/common/ico-arrow-01.png) no-repeat .5em center;
		background-size: 1em 1em;
	}
}

nav > ul > li > a:after { right: -1px; }

nav span {
	display: block;
	color: #806a14;
	font-size: 11px;
}
@media screen and (max-width: 750px) {
	nav span { display: none; }
}

@media screen and (min-width: 750px) {
	nav a:hover, nav a:focus { background: rgba(255, 255, 255, .5); }
	.trigger > a:hover, .trigger > a:focus { background: none; }
}

nav ul ul {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	padding: 0 5px 5px;
	z-index: 30;
	background: url(/img/common/header-bg.jpg) repeat left top;
}
@media screen and (max-width: 750px) {
	nav ul ul {
		position: relative;
		top: 0;
		padding: 0 0 0 2em;
		background: none;
	}
}

nav ul ul a { border-bottom: solid 1px #000; }
@media screen and (max-width: 750px) {
	nav ul ul a { border-bottom: none; }
}

nav ul ul li:last-child a { border-bottom: none; }

/* nav-btn-sp */
.nav-btn-sp { display: none; }
@media screen and (max-width: 750px) {
	.nav-btn-sp {
		display: block;
		position: fixed;
		top: 5px;
		right: 5px;
		width: 54px;
		height: 44px;
		z-index: 9999;
		cursor: pointer;
		transition: all .2s;
		background: #fff;
		border-radius: 5px;
	}
	.translated-ltr .nav-btn-sp { top: 45px; }
	.nav-btn-sp.close {
		right: 80%;
		right: calc(80% + 5px);
	}
	.nav-btn-sp span {
		position: absolute;
		left: 0;
		bottom: 3px;
		width: 100%;
		text-align: center;
		font-size: 10px;
		font-weight: bold;
		line-height: 10px;
	}
	.nav-btn-sp i, .nav-btn-sp i:before, .nav-btn-sp i:after {
		display: block;
		position: absolute;
		top: 50%;
		width: 20px;
		height: 4px;
		background: #ffd202;
	}
	.nav-btn-sp i {
		left: 50%;
		margin: -9px 0 0 -10px;
		transition: .1s;
	}
	.nav-btn-sp i:before, .nav-btn-sp i:after {
		content: "";
		transition: .2s;
	}
	.nav-btn-sp i:before { margin-top: -10px; }
	.nav-btn-sp i:after { margin-top: 6px; }
	.nav-btn-sp.close i { background: transparent; }
	.nav-btn-sp.close i:before, .nav-btn-sp.close i:after { margin-top: 0; }
	.nav-btn-sp.close i:before { transform: rotate(-45deg); }
	.nav-btn-sp.close i:after { transform: rotate(-135deg); }
}

/* page-top */
.page-top {
	position: absolute;
	bottom: -70px;
	right: -120px;
}
@media screen and (max-width: 750px) {
	.page-top {
		bottom: -45px;
		right: 10px;
		width: 45px;
	}
}

/* footer */
footer {
	position: relative;
	margin-top: 100px;
	padding: 10px 0 20px;
	color: #fff;
	background: #141414;
}
@media screen and (max-width: 750px) {
	footer {
		margin-top: 50px;
		padding: 10px;
	}
}

footer:before {
	content: "";
	position: absolute;
	top: -5px;
	left: 0;
	width: 100%;
	height: 5px;
	z-index: 20;
	background: url(/img/common/footer-top.png) repeat-x left top;
}

footer a { color: #fff; }

.footer-logo {
	width: 300px;
	margin: 0 auto 10px;
}
@media screen and (max-width: 750px) {
	.footer-logo { width: 150px; }
}

.footer-box {
	width: 900px;
	margin: 0 auto 20px;
	border: solid 1px #fff;
}
@media screen and (max-width: 750px) {
	.footer-box {
		width: auto;
		margin-bottom: 10px;
	}
}

.footer-box-txt {
	padding: .4em 0 .3em;
	text-align: center;
	border-bottom: solid 1px #fff;
}

.footer-container { padding: 20px 0 20px 40px; }
@media screen and (max-width: 750px) {
	.footer-container { padding: 0; }
}

.footer-inner {
	float: left;
	width: 390px;
	margin-right: 40px;
}
@media screen and (max-width: 750px) {
	.footer-inner {
		float: none;
		width: auto;
		margin-right: 0;
		padding: 10px 20px 20px;
	}
	.footer-container .footer-inner:first-child { border-bottom: solid 1px #fff; }
}

.footer-inner .clearfix {
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: dotted 1px #fff;
}

.footer-bnr {
	float: left;
	width: 110px;
}
@media screen and (max-width: 750px) {
	.footer-bnr { display: none; }
}

footer .ico-tel {
	padding-left: 35px;
	color: #fff;
	background-position: 10px center;
}

.footer-inner-txt { padding-top: 10px; }

.footer-mail {
	padding: .4em 0 .3em;
	text-align: center;
	border-top: solid 1px #fff;
}

.ico-arrow {
	padding: 0 1em 0 2.5em;
	background: url(/img/common/ico-arrow-01.png) no-repeat 1em center;
	background-size: 1em 1em;
}

.ico-blank {
	padding-right: 1.5em;
	background: url(/img/common/ico-blank.png) no-repeat right center;
	background-size: 1em 1em;
}

.copyright {
	padding-top: 20px;
	text-align: center;
	border-top: solid 1px #333;
}
@media screen and (max-width: 750px) {
	.copyright {
		margin: 0 -10px;
		padding-top: 10px;
		font-size: .8em;
	}
}

/* index
--------------------------------------------------*/

.top-slide .bx-wrapper {
	margin-bottom: 30px;
	background: none;
	box-shadow: none;
	border: none;
}

.top-slide .bx-wrapper:before, .top-slide .bx-wrapper:after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	width: 100%;
	z-index: 10;
	background: rgba(255, 255, 255, .5);
}

.top-slide .bx-wrapper:before { left: -100%; }

.top-slide .bx-wrapper:after { right: -100%; }

.top-slide .bx-wrapper .bx-pager {
	bottom: -20px;
	line-height: 0;
}

.top-slide .bx-viewport { overflow: visible !important; }

.top-bnr-01 { padding: 30px 0 20px 135px; }
@media screen and (max-width: 750px) {
	.top-bnr-01 {
		width: 220px;
		margin: 0 auto;
		padding: 0;
	}
}

.top-bnr-01 li { width: 110px; }

.top-area-01 {
	position: relative;
	height: 550px;
	padding: 0 490px 0 30px;
}
@media screen and (max-width: 750px) {
	.top-area-01 {
		height: auto;
		padding: 15px;
	}
}

.title-01 {
	margin-bottom: 30px;
	padding: .2em 0 .1em;
	font-size: 20px;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	text-align: center;
	border: solid #000;
	border-width: 2px 0;
}
@media screen and (max-width: 750px) {
	.title-01 {
		margin-bottom: 10px;
		font-size: 1.3em;
	}
}

.top-img-01 {
	position: absolute;
	top: 0;
	right: 0;
	width: 460px;
}
@media screen and (max-width: 750px) {
	.top-img-01 {
		position: relative;
		width: auto;
		margin-bottom: 10px;
	}
}

.title-02 {
	margin-bottom: 30px;
	font-size: 30px;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	line-height: 1.4;
}
@media screen and (max-width: 750px) {
	.title-02 {
		margin-bottom: 10px;
		font-size: 1.7em;
	}
}

.btn-01 {
	display: block;
	position: relative;
	width: 400px;
	padding: .7em 0 .6em;
	color: #fff;
	font-size: 20px;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-weight: bold;
	text-align: center;
	background: #000;
	border-radius: .6em;
}
@media screen and (max-width: 750px) {
	.btn-01 {
		width: 80%;
		font-size: 1.2em;
	}
}

.btn-01:after {
	content: "";
	position: absolute;
	top: 50%;
	left: 15%;
	width: 1em;
	height: 1em;
	margin-top: -.5em;
	background: url(/img/common/ico-arrow-02.png) no-repeat center center;
	background-size: 1em 1em;
}

.btn-01:hover, .btn-01:focus { background: #555; }

.top-area-01 .btn-01 {
	position: absolute;
	left: 30px;
	bottom: 0;
}
@media screen and (max-width: 750px) {
	.top-area-01 .btn-01 {
		position: relative;
		left: auto;
		margin: 20px auto;
	}
}

.w-1350 { margin: 0 -200px; }
@media screen and (max-width: 750px) {
	.w-1350 { margin: 0; }
}

.top-txt-01, .top-txt-02, .top-txt-03, .top-txt-04 { position: absolute; }

.top-txt-01 {
	left: 230px;
	bottom: 0;
	width: 320px;
}

.top-txt-02 {
	right: 230px;
	bottom: 0;
	width: 350px;
}

.top-txt-03 {
	left: 230px;
	bottom: 0;
	width: 330px;
}

.top-txt-04 {
	right: 230px;
	bottom: 140px;
	width: 320px;
}
@media screen and (max-width: 750px) {
	.top-txt-01, .top-txt-02, .top-txt-03, .top-txt-04 {
		position: relative;
		right: auto;
		left: auto;
		bottom: auto;
		width: auto;
		padding: 0 15px;
	}
}

.top-link {
	width: 830px;
	margin: 0 auto;
	padding: 30px;
	background: url(/img/common/bg-02.jpg) repeat left top;
	border-radius: 20px;
}
@media screen and (max-width: 750px) {
	.top-link {
		width: auto;
		margin: 20px 15px;
		padding: 15px;
		border-radius: 15px;
	}
}

.top-link p {
	font-size: 30px;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-weight: bold;
	text-align: center;
}
@media screen and (max-width: 750px) {
	.top-link p {
		margin-bottom: 10px;
		font-size: 1.3em;
	}
}

.top-link ul li:first-child { margin-right: 30px; }
@media screen and (max-width: 750px) {
	.top-link li { width: 100%; }
	.top-link .btn-01 { width: 100%; }
	.top-link ul li:first-child { margin: 0 0 10px 0; }
}

.bnr-group { width: 110px; }
@media screen and (max-width: 750px) {
	.bnr-group { display: none; }
}

.top-group-01, .top-group-02 {
	position: relative;
	margin-bottom: 0;
	padding: 0 30px;
}

.top-group-01 { margin-bottom: 80px; }
@media screen and (max-width: 750px) {
	.top-group-01, .top-group-02 {
		margin: 0;
		padding: 0;
	}
}

.top-group-txt {
	float: left;
	width: 430px;
}
@media screen and (max-width: 750px) {
	.top-group-txt {
		float: none;
		width: auto;
		padding: 0 15px 10px;
	}
}

.top-group-02 .top-group-txt { float: right; }
@media screen and (max-width: 750px) {
	.top-group-02 .top-group-txt { float: none; }
}

.top-group-img {
	float: right;
	width: 430px;
}
@media screen and (max-width: 750px) {
	.top-group-img {
		float: none;
		width: auto;
		padding: 0 15px;
	}
}

.top-group-02 .top-group-img { float: left; }
@media screen and (max-width: 750px) {
	.top-group-02 .top-group-img { float: none; }
}

.top-group-comment {
	position: absolute;
	width: 490px;
	left: 0;
	bottom: 0px;
}
@media screen and (max-width: 750px) {
	.top-group-comment {
		position: relative;
		width: auto;
		left: auto;
		bottom: auto;
	}
}

.top-group-02 .top-group-comment {
	left: auto;
	right: 0;
}

.top-group-comment-inner {
	position: absolute;
    top: 117px;
    left: 50px;
    right: 50px;
}


.top-group-02 .top-group-comment-inner {
	left: 50px;
	right: 180px;
}
@media screen and (max-width: 750px) {
	.top-group-comment-inner, .top-group-02 .top-group-comment-inner {
		top: 37%;
		left: 8%;
		right: 8%;
		font-size: .8em;
	}
}

.top-group-comment-inner strong {
	font-size: 18px;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-weight: normal;
	float: right;
	text-align: right;
}

.top-group-02 .top-group-comment-inner strong {
	float: left;
	text-align: left;
}

@media screen and (max-width: 750px) {
	.top-group-02 .top-group-comment-inner strong {
		float: right;
		text-align: right;
	}
}


@media screen and (max-width: 750px) {
	.top-group-comment-inner strong {
		position: relative;
		top: .8rem;
		font-size: 1em;
		float: right;
		text-align: right;
	}
}

.top-group-title-01 {
	color: #ad2712;
	font-size: 20px;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-weight: bold;
}
@media screen and (max-width: 750px) {
	.top-group-title-01 {
		padding-top: 1em;
		font-size: 1em;
	}
}

.top-group-title-02 {
	margin-bottom: .8em;
	font-size: 24px;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
@media screen and (max-width: 750px) {
	.top-group-title-02 { font-size: 1.3em; }
}

.top-group-title-02 strong { font-size: 36px; }
@media screen and (max-width: 750px) {
	.top-group-title-02 strong { font-size: 2rem; }
}

.top-news-area {
	position: relative;
	min-height: 558px;
	padding-right: 490px;
}
@media screen and (max-width: 750px) {
	.top-news-area {
		width: 290px;
		min-height: 0;
		margin: 0 auto;
		padding: 0;
	}
}

.top-news-bnr { margin: 0 -20px 20px 0; }
@media screen and (max-width: 750px) {
	.top-news-bnr { margin: 0 -10px 10px 0; }
}

.top-news-bnr li { margin-right: 20px; }
@media screen and (max-width: 750px) {
	.top-news-bnr li {
		width: 50%;
		margin-right: 0;
	}
}

.top-news-bnr a {
	display: block;
	width: 220px;
}
@media screen and (max-width: 750px) {
	.top-news-bnr a {
		width: auto;
		margin-right: 10px;
	}
}

.top-facebook {
	position: absolute;
	top: 0;
	right: 0;
}
@media screen and (max-width: 750px) {
	.top-facebook {
		position: relative;
		top: auto;
		right: auto;
		margin-bottom: 10px;
	}
}

.top-access {
	position: relative;
	margin: -30px -30px 0 0;
}
@media screen and (max-width: 750px) {
	.top-access {
		margin: 0;
		padding: 0 15px;
	}
}

.top-access li { width: 50%; }
@media screen and (max-width: 750px) {
	.top-access li {
		width: 100%;
		margin-bottom: 20px;
	}
}

.top-access p {
	margin: 0 30px 10px 0;
	text-align: center;
}
@media screen and (max-width: 750px) {
	.top-access p { margin: 0 0 5px 0; }
}

.top-access-title {
	padding-top: 40px;
	font-size: 20px;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-weight: bold;
	background: url(/img/top/ico-map.png) no-repeat center top;
}
@media screen and (max-width: 750px) {
	.top-access-title {
		padding-top: 2em;
		font-size: 1.4em;
		background-size: 2em 2em;
	}
}

.top-access iframe {
	width: 100%;
	height: 330px;
}
@media screen and (max-width: 750px) {
	.top-access iframe { height: 280px; }
}

.top-event {
	width: 890px;
	margin: 0 auto;
	display: block;
	clear: both;
}
.top-event li{
	float:left;
	width:50%;
}
.top-event li img{
	float:left;
	width:100%;
}

@media screen and (max-width: 750px) {
	.top-event {
		width: auto;
		margin: 0px 15px;	
		display: block;
		clear: both;

	}
	.top-event ul{
	display:flex;
}
.top-event li{
	float:left;
	width:50%;
	display: block;
}
}


/* top おすすめ */
.float-box {
	line-height: 1.5;
}
.float-box::before {
	content: "";
	display: block;
	width: 1px;
	float: left;
	padding-top: 11%;
}
.float-box::after {
    content: "";
    display: block;
    width: 47%;
    float: left;
    padding-top: 26%;
}

@media screen and (min-width: 751px) {
	.top-group-02 .top-group-comment-inner {
		left: 62px;
		right: 71px;
        top: 123px;
	}
	.top-group-02 .top-group-comment-inner .float-box::before,
	.top-group-02 .top-group-comment-inner .float-box::after {
		display: none;
	}
}


/* menu
--------------------------------------------------*/

.page-title { background: #2f1f1a; }

/* menu-select */
.menu-select {
	padding: 10px 0;
	background: #fff;
	border: solid #bdbdbd;
	border-width: 1px 0;
}
@media screen and (max-width: 750px) {
	.menu-select .bx-wrapper {
		margin: 0;
		background: none;
		box-shadow: none;
		border: none;
	}
	.menu-select .bx-viewport { overflow: visible !important; }
}

.menu-select ul { border-left: solid 1px #bdbdbd; display: inline-block;}

.menu-select li { border-right: solid 1px #bdbdbd; }
@media screen and (max-width: 750px) {
	.menu-select li { width: 25%; }
}

.menu-select a {
	display: block;
	width: 114px;
	padding: 5px 10px;
}
@media screen and (max-width: 750px) {
	.menu-select a { width: auto; }
}

.menu-select a.on, .menu-select a:hover, .menu-select a:focus { background: #ffd202; }

.menu-txt-01 {
	position: absolute;
	top: 230px;
	left: 525px;
	right: 0;
}
@media screen and (max-width: 750px) {
	.menu-txt-01 {
		position: relative;
		left: auto;
		right: auto;
		top: auto;
		padding: 0 15px 1.875em;
	}
}

.menu-gozen .menu-txt-01 { top: 270px; }

.menu-hamburg .menu-txt-01 { top: 180px; }

.menu-lunch .menu-txt-01 { top: 310px; }

.menu-omelette .menu-txt-01 { top: 260px; }
@media screen and (max-width: 750px) {
	.menu-gozen .menu-txt-01,
	.menu-hamburg .menu-txt-01,
	.menu-lunch .menu-txt-01,
	.menu-omelette .menu-txt-01 { top: auto; }
}

.menu-txt-01 strong {
	display: block;
	margin-bottom: .3em;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size: 2em;
	line-height: 1.4;
}

/* menu-list-01 */
.menu-list-01 li {
	position: relative;
	height: 299px;
	margin-bottom: 1.875em;
	padding: 30px 660px 30px 30px;
	overflow: hidden;
	color: #fff;
	background: url(/img/common/bg-03.jpg) repeat left top;
}
@media screen and (max-width: 750px) {
	.menu-list-01 { padding: 0 15px; }
	.menu-list-01 li {
		height: auto;
		padding: 0 0 10px;
	}
}

.menu-list-01 .img {
	position: absolute;
	top: 0;
	right: 0;
	width: 630px;
}
@media screen and (max-width: 750px) {
	.menu-list-01 .img {
		position: relative;
		top: auto;
		right: auto;
		width: auto;
		margin-bottom: 10px;
	}
}

.menu-list-01 .name {
	margin-bottom: .2em;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size: 2em;
	line-height: 1.4;
}
@media screen and (max-width: 750px) {
	.menu-list-01 .name, .menu-list-01 .price, .menu-list-01 .txt, .menu-tag {
		padding: 0 15px;
	}
}

.menu-list-01 .price {
	position: absolute;
	left: 30px;
	bottom: 30px;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size: 1.25em;
	font-weight: bold;
}
@media screen and (max-width: 750px) {
	.menu-list-01 .price {
		position: relative;
		left: auto;
		bottom: auto;
	}
}

.menu-list-01 .price strong { font-size: 1.5em; }

@media screen and (max-width: 750px) {
	.ico-rice.sp {
		width: 70px;
		padding: 0 0 30px 15px;
	}
}

/* menu-tag */
.menu-tag { margin-bottom: .5em; }

.menu-tag span {
	float: left;
	width: 60px;
	margin-right: 5px;
	padding-top: .1em;
	color: #fff;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size: .875em;
	text-align: center;
}

.menu-tag span.rice { background: #0075a9; }

.menu-tag span.soup { background: #f19149; }

.menu-tag span.salad { background: #009944; }

.menu-tag span.drink { background: #ea5068; }

/* menu-list-02 */
.menu-list-02 {
	margin-bottom: 1.875em;
	padding: 30px 0 10px 30px;
	border: solid 1px #bdbdbd;
}
@media screen and (max-width: 750px) {
	.menu-list-02 {
		margin: 0 15px 1.875em;
		padding: 10px 10px 0;
	}
}

.menu-list-02.bt-00 { border-width: 0 0 1px; }
@media screen and (max-width: 750px) {
	.menu-list-02.bt-00 { padding: 10px 0 0; }
}

.menu-list-02 li {
	position: relative;
	width: 50%;
	margin-bottom: 20px;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size: 1.25em;
}
@media screen and (max-width: 750px) {
	.menu-list-02 li {
		width: 100%;
		margin-bottom: 10px;
		font-feature-settings: "palt";
	}
}

.menu-list-02 strong {
	position: absolute;
	bottom: -.3em;
	right: 30px;
	font-size: 1.5em;
}
@media screen and (max-width: 750px) {
	.menu-list-02 strong {
		right: 0;
	}
}

.menu-list-02 strong:after {
	content: "円(税込)";
	font-size: .6em;
}

.menu-bg-02 {
	background: url(/img/common/bg-02.jpg) repeat left top;
	border-radius: 1em;
}
@media screen and (max-width: 750px) {
	.menu-bg-02 { margin: 0 15px 1.875em; }
	.menu-bg-02 .menu-list-02 { margin: 0; }
}

.menu-bg-02 .menu-list-02  { border: none; }

/* menu-list-03 */
.menu-list-03 {
	margin-bottom: 1.875em;
	border-top: solid 1px #bdbdbd;
}
@media screen and (max-width: 750px) {
	.menu-list-03 { margin: 0 15px 1.875em; }
}

.menu-list-03.mb-00 { margin-bottom: 0; }

.menu-list-03.bt-00 { border-top: none; }

.menu-bg-02 .menu-list-03 {
	margin: 0 30px;
	border-top: solid 1px #000;
}
@media screen and (max-width: 750px) {
	.menu-bg-02 .menu-list-03 { margin: 0 10px; }
}

.menu-bg-02 .menu-list-03.pb-30 { padding-bottom: 30px; }
@media screen and (max-width: 750px) {
	.menu-bg-02 .menu-list-03.pb-30 { padding-bottom: 10px; }
}

.menu-list-03 li {
	position: relative;
	height: 257px;
	padding: 1.875em 0 1.875em 480px;
	border-bottom: solid 1px #bdbdbd;
}
@media screen and (max-width: 750px) {
	.menu-list-03 li {
		height: auto;
		padding: 15px 0;
	}
	.menu-list-03 .menu-tag { padding: 0; }
}

.menu-list-03 li.large { height: 320px; }
@media screen and (max-width: 750px) {
	.menu-list-03 li.large { height: auto; }
}

.menu-bg-02 .menu-list-03 li { border-bottom: solid 1px #000; }

.menu-list-03 .img {
	position: absolute;
	top: 1.875em;
	left: 0;
	width: 450px;
}
@media screen and (max-width: 750px) {
	.menu-list-03 .img {
		position: relative;
		top: auto;
		right: auto;
		width: auto;
		margin-bottom: 10px;
	}
}

.menu-list-03 .name {
	margin-bottom: .2em;
	padding-right: 150px;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size: 1.8em;
	line-height: 1.4;
}
@media screen and (max-width: 750px) {
	.menu-list-03 .name { padding-right: 0; }
}

.menu-list-03 .txt { padding-right: 150px; }
@media screen and (max-width: 750px) {
	.menu-list-03 .txt { padding-right: 0; }
}

.menu-list-03 .txt-02 {
	position: absolute;
	top: 290px;
	left: 0;
}
@media screen and (max-width: 750px) {
	.menu-list-03 .txt-02 {
		position: relative;
		top: auto;
		left: auto;
	}
}

.menu-list-03 .price {
	position: absolute;
	right: 0;
	bottom: 30px;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size: 1.25em;
	font-weight: bold;
}
@media screen and (max-width: 750px) {
	.menu-list-03 .price {
		position: relative;
		right: auto;
		bottom: auto;
	}
}

.menu-list-03 .price strong { font-size: 1.5em; }

.menu-list-03 .ico-rice {
	position: absolute;
	top: 1.875em;
	right: 0;
	width: 140px;
}
@media screen and (max-width: 750px) {
	.menu-list-03 .ico-rice {
		position: relative;
		top: auto;
		right: auto;
		width: 70px;
	}
}

/* menu-list-04 */
.menu-list-04 {
	margin: 0 0 1.875em;
	border-top: solid 1px #bdbdbd;
}
@media screen and (max-width: 750px) {
	.menu-list-04 { margin: 0 15px 1.875em; }
}

.menu-list-04.mb-00 { margin-bottom: 0; }

.menu-list-04.bt-00 { border-top: none; }

.menu-list-04 li {
	position: relative;
	width: 200px;
	height: 200px;
	padding: 1.875em 0 1.875em 260px;
	border-bottom: solid 1px #bdbdbd;
}
@media screen and (max-width: 750px) {
	.menu-list-04 li {
		float: none;
		width: auto;
		height: auto;
		min-height: 120px;
		padding: 15px 0 15px 155px;
	}
	.menu-list-04 .menu-tag {
		padding: 0;
		font-size: .8em;
	}
	.menu-list-04 .menu-tag span {
		width: 40px;
	}
}

.menu-list-04 li:nth-child(even) { padding-left: 290px; }
@media screen and (max-width: 750px) {
	.menu-list-04 li:nth-child(even) { padding-left: 155px; }
}

.menu-list-04 .img {
	position: absolute;
	top: 1.875em;
	left: 0;
	width: 240px;
}
@media screen and (max-width: 750px) {
	.menu-list-04 .img {
		top: 15px;
		left: 0;
		width: 145px;
	}
}

.menu-list-04 li:nth-child(even) .img { left: 30px; }
@media screen and (max-width: 750px) {
	.menu-list-04 li:nth-child(even) .img { left: 0; }
}

.menu-list-04 .name {
	margin-bottom: .2em;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size: 1.25em;
	line-height: 1.4;
}

.menu-list-04 .price {
	position: absolute;
	right: 0;
	bottom: 30px;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size: 1.25em;
	font-weight: bold;
	line-height: 1.4;
	text-align: right;
}
@media screen and (max-width: 750px) {
	.menu-list-04 .price {
		position: relative;
		right: auto;
		bottom: auto;
	}
}

.menu-list-04 .price strong { font-size: 1.5em; }

.menu-list-04 .price small { font-size: 1rem; }

.menu-list-04 .ico-rice { text-align: right; }

.menu-list-04 .ico-rice img { width: 120px; }
@media screen and (max-width: 750px) {
	.menu-list-04 .ico-rice img { width: 70px; }
}

/* menu-link */
.menu-link {
	margin-top: 1.25em;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size: 1.25em;
	text-align: center;
}

.menu-link-title {
	display: table;
	margin-bottom: .625em;
	text-align: center;
	white-space: nowrap;
}

.menu-link-title:after, .menu-link-title:before {
	content: '';
	display: table-cell;
	width: 50%;
	background: linear-gradient(transparent 50%, currentColor 50%, currentColor calc(50% + 1px), transparent calc(50% + 1px));
	-webkit-background-clip: padding;
	background-clip: padding;
}

.menu-link-title:after { border-left: 1em solid transparent; }

.menu-link-title:before { border-right: 1em solid transparent; }

.menu-link a {
	padding-left: 1.5em;
	color: #000;
	background: url(/img/common/ico-arrow-02.png) no-repeat left center;
	background-size: 1em 1em;
}

.menu-link a:hover, .menu-link a:focus { border-bottom: solid 1px #000; }

/* greeting
--------------------------------------------------*/

.greeting-txt-01 {
	width: 550px;
	margin: 0 auto;
}

.greeting-txt-02 {
	display: none;
}

.greeting-txt-03 {
	display: none;
}
@media screen and (max-width: 750px) {
	.greeting-txt-01, .greeting-txt-02, .greeting-txt-03 {
		display: block;
		position: relative;
		width: auto;
		top: auto;
		left: auto;
		right: auto;
	}
}

/* access
--------------------------------------------------*/

.access-inner { margin: 0 30px; }
@media screen and (max-width: 750px) {
	.access-inner { margin: 0 15px; }
}

.access-title-01, .access-title-02 {
	margin-bottom: .5em;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size: 1.625em;
}

.access-title-01 {
	padding-left: 40px;
	background: url(/img/access/ico-pin.png) no-repeat left center;
}
@media screen and (max-width: 750px) {
	.access-title-01 {
		padding-left: 20px;
		background-size: 15px 25px;
	}
}

.access-list { margin-right: -20px; }
@media screen and (max-width: 750px) {
	.access-list { margin-right: 0 }
}

.access-list li {
	width: 162px;
	margin-right: 20px;
}
@media screen and (max-width: 750px) {
	.access-list li {
		width: 100%;
		margin: 0 0 10px;
		overflow: hidden;
		clear: both;
	}
	.access-list li img {
		float: left;
		width: 120px;
		margin-right: 10px;
	}
	.access-list li p { padding-top: 20px; }
}

.access-hr {
	display: block;
	height: 1px;
	margin: 30px 0;
	background: #d2d2d2;
	border: none;
}
@media screen and (max-width: 750px) {
	.access-hr { margin: 10px 0 20px; }
}

.access-title-02 { text-align: center; }



/* recruit */
@media screen and (max-width: 750px) {
    .pc_only{
        display: none;
    }

    .bk_img_txt{
        width:100%;
        background-size:100% auto;
        min-height:17rem;
        background-repeat: no-repeat;
    }
    .sp_m0a{
        margin:0 auto;
    }
    .sp_w_20per{
        width:20%;
    }
    .sp_w_30per{
        width:30%;
    }
    .sp_w_90per{
        width:90%;
    }
    .sp_w_100per{
        width:100%;
    }

    .sp_mr_1{
        margin-right:1rem;
    }
    .sp_ml_1{
        margin-left:1rem;
    }
    .sp_mt_1{
        margin-top:1rem;
    }
    .sp_mt_2{
        margin-top:2rem;
    }
    .sp_mt_3{
        margin-top:3rem;
    }
    .sp_mt_4{
        margin-top:4rem;
    }
    .sp_mt_5{
        margin-top:5rem;
    }
    .sp_fs_0_8{
        font-size:0.8em;
    }
    .sp_fs_0_9{
        font-size:0.9em;
    }
    .sp_fs_1_1{
        font-size:1.1em;
    }
    .sp_fs_1_2{
        font-size:1.2em;
    }
    .sp_fs_1_3{
        font-size:1.3em;
    }
    .sp_fs_1_4{
        font-size:1.4em;
    }
    .sp_fs_1_5{
        font-size:1.5em;
    }
    .sp_fs_1_6{
        font-size:1.6em;
    }
    .sp_fs_1_7{
        font-size:1.7em;
    }
    .sp_fs_1_8{
        font-size:1.8em;
    }
    .sp_fs_1_9{
        font-size:1.9em;
    }
    .sp_fs_2{
        font-size:2em;
    }
    .sp_fs_2_4{
        font-size:2.4em;
    }
    .sp_fs_2_5{
        font-size:2.5em;
    }
    .sp_fs_2_6{
        font-size:2.6em;
    }
    .sp_fs_2_7{
        font-size:2.7em;
    }
    .sp_fs_2_8{
        font-size:2.8em;
    }
    .sp_fs_3{
        font-size:3em;
    }

    .sp_pt_1{
        padding-top:1rem;
    }
    .sp_pl_0_5{
        padding-left:0.5rem;
    }
    .sp_pl_1{
        padding-left:1rem;
    }
    .sp_pr_1{
        padding-right:1rem;
    }
    .sp_ws_nowrap{
        white-space: nowrap;
    }

    .sp_mt_-0_5{
        margin-top:-0.5em;
    }

    .sp_cf:after{
    	content: "";
    	display: block;
    	clear: both;
    }

    .sp_fr{
        float:right;
    }


}
.bk_img_txt_01{
    background-image:url(/img/recruit/1_1.png);

}
.bk_img_txt_02{
    background-image:url(/img/recruit/2_1.png);

}
.bk_img_txt_03{
    background-image:url(/img/recruit/3_1.png);

}
.bk_img_txt_04{
    background-image:url(/img/recruit/4_1.png);

}
.bk_img_txt_05{
    background-image:url(/img/recruit/5_1.png);

}
.bk_img_txt_06{
    background-image:url(/img/recruit/6_1.png);

}
.bk_img_txt_07{
    background-image:url(/img/recruit/7_1.png);

}
.bk_img_txt_08{
    background-image:url(/img/recruit/8_1.png);

}
.bk_img_txt_09{
    background-image:url(/img/recruit/9_1.png);

}
.bk_img_txt_10{
    background-image:url(/img/recruit/10_1.png);

}
.bb_bk{
    border-bottom:1px #000 solid;
}
.bld{
    font-weight: bold;
}
.tc{

    text-align:center;
}
.tr{
    text-align:right;
}
.tl{
    text-align:left;
}
.min{
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;

}

.col_bk{
    color:#000;
}
.col_red{
    color:#9d1b23;
}
.col_wh{
    color:#fff;
}
.rec_table{
    border: solid 1px #666; border-collapse: collapse;
}

.rec_table td{
    border:1px #666 solid;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
}
.rec_tb_title{
    letter-spacing: 0.2em;

}

.bk_red{
    background-color: #d2614f;
}
.bk_pk{
    background-color: #ffedea;
}

.rec_text > font{
    font-size:0.8em;
}

@media screen and (min-width: 750px) {
    .sp_only{
        display: none;
    }
    .ws_nowrap{
        white-space: nowrap;
    }
    .lh_1_2{
        line-height:1.2em;
    }
    .lh_1_3{
        line-height:1.3em;
    }
    .lh_1_4{
        line-height:1.4em;
    }

    .fs_0_8{
        font-size:0.8em;
    }
    .fs_0_9{
        font-size:0.9em;
    }
    .fs_1_1{
        font-size:1.1em;
    }
    .fs_1_2{
        font-size:1.2em;
    }
    .fs_2{
        font-size:2em;
    }
    .fs_2_4{
        font-size:2.4em;
    }
    .fs_2_5{
        font-size:2.5em;
    }
    .fs_2_6{
        font-size:2.6em;
    }
    .fs_2_7{
        font-size:2.7em;
    }
    .fs_2_8{
        font-size:2.8em;
    }
    .fs_3{
        font-size:3em;
    }

    .ml_25px{
    margin-left:25px;
    }
    .mr_25px{
    margin-right:25px;
    }

    .mt_10px{
        margin-top:10px;
    }
    .mt_40px{
        margin-top:40px;
    }
    .mt_50px{
        margin-top:50px;
    }

    .pl_10px{
        padding-left:10px;
    }
    .pl_17px{
        padding-left:17px;
    }
    .pt_10px{
        padding-top:10px;
    }
    .pt_20px{
        padding-top:20px;
    }
    .pt_50px{
        padding-top:50px;
    }
    .pb_10px{
        padding-bottom:10px;
    }
    .pb_100px{
        padding-bottom:100px;
    }
    .recruit_footer{
        margin-top:0px;
    }
    .fl{
        float:left;
    }
    .fr{
        float:right;
    }
    .box{
        width:950px;
    }

    .h_3em{
        height:3em !important;
    }
    .w1205px{
        max-width:1205px;

    }
    .w430px{
        width:430px;
    }
    .w2000xpx{
        width:2000px;

    }
    .w25per{
        width:25%;
    }
    .w50per{
        width:50%;
    }
    .w100per{
        width:100%;
    }
    .va_m{
            vertical-align: middle;
    }

    .m0a{
        margin:0 auto;
    }

    .bk_img_01{
        background-image:url(/img/recruit/bk01.png);
        height:400px;
        background-position:center center;
        background-repeat: no-repeat;
    }
    .bk_img_02{
        background-image:url(/img/recruit/bk02.jpg);
    }
    .bk_img_03{
        background-image:url(/img/recruit/bk03.jpg);
        background-position:center top;
        background-repeat: no-repeat;
    }
    .bk_img_04{
        background-image:url(/img/recruit/bk04.png);
    }
    .bk_img_txt{
        width:495px;
        height:350px;
        background-position:left top;
        background-repeat: no-repeat;
        box-sizing:border-box;
        -webkit-box-sizing:border-box;
        -moz-box-sizing:border-box;


    }

    .rec_text > font{
        font-size:0.8em;
    }

    .pc_cf:after{
    	content: "";
    	display: block;
    	clear: both;
    }
}

.top-news-text { padding: 15px; background-color: #fff;}
.top-news-text__item { display: flex; }
.top-news-text__date { width: 120px; }

.menu-tag__omelette-upper span { font-size: 0.7em ;}
.menu-list-02.bt-00__omelette-upper { border: none;}