@charset "UTF-8";
/* CSS Document */
/* PD 2017 */

@import url('https://fonts.googleapis.com/css?family=Lato:400i|Oswald:400,600');
@font-face{
  font-family:'FontAwesome';
	src:url('./fonts/fontawesome-webfont.eot?v=4.3.0');
	src:url('./fonts/fontawesome-webfont.eot?#iefix&v=4.3.0') format('embedded-opentype'), url('./fonts/fontawesome-webfont.woff2?v=4.3.0') format('woff2'), url('./fonts/fontawesome-webfont.woff?v=4.3.0') format('woff'), url('./fonts/fontawesome-webfont.ttf?v=4.3.0') format('truetype'), url('./fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular') format('svg');
	font-weight:normal;
	font-style:normal;
}


/*
key-color  #
base-width  980px
z-index value
	global-header:980
	global-nav 990
	go-pagetop: 900;
	main-visual: 9-12
	toggle-menu:999;
	page-nav:950;
*/

/* ROOT
============================== */
*, *::after, *::before{
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

/* ROOT
============================== */
html{
	font-size:60%;
}
@media screen and (min-width: 992px) {
	html{
		font-size:62.5%;
	}
}

/* BASE
============================== */
body{
	color:#333;
	font-family: "Lucida Grande", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, メイリオ, sans-serif;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
	font-size:14px;
	font-size:1.4rem;
	letter-spacing: 0.07em;
	line-height:1.7;
	word-wrap:break-word;
	background:#fff;
	width:100%;
}
::selection{
	background-color:#B3E0FA;
	border-bottom:1px solid #F06;
	color:#333;
}
::-moz-selection{
	background-color:#B3E0FA;
	border-bottom:1px solid #F06;
	color:#333;
}
/* Heading */
h1{
	font-size:26px;
	font-size:2.6rem;
	margin-top:0;
	margin-bottom:0.5em;
}
h2{
	font-size:21px;
	font-size:2.1rem;
	margin-top:0;
	margin-bottom:0.5em;
}
h3{
	font-size:17px;
	font-size:1.7rem;
	margin-top:2.5em;
	margin-bottom:0.5em;
}
h4{
	font-size:16px;
	font-size:1.6rem;
	margin-top:1.5em;
	margin-bottom:0.5em;
}
h5{
	font-size:15px;
	font-size:1.5rem;
	margin-top:1.5em;
	margin-bottom:0.5em;
}
h6{
	font-size:14px;
	font-size:1.4rem;
	margin-top:1em;
	margin-bottom:0.5em;
}
p{
	margin:0 0 1.5em;
}

ul, ol{
	margin:0 0 1.5em;
	padding:0;
	list-style-type:none;
}
li{
	margin:0;
	padding:0;
}
li > ul,
li > ol{
	margin-bottom:0;
	margin-left:1.5em;
}
dl{
	margin:0 0 1.5em;
}
dt{
	font-weight:600;
	margin:0;
}
dd{
	margin:0 0 1.5em;
}

/* Table */
table{
	margin:0 0 1.5em;
}
caption{
	margin:0 0 1.5em;
}
th, td{
	padding:0.5em 1em;
	border:1px solid #ddd;
	text-align: center;
	vertical-align: middle;
}
th{
	font-weight:600;
}

/* Elements */
address{
	margin:0 0 1.5em;
	font-style:normal;
}

/* Media */
img{
	height:auto;
	max-width:100%;
	vertical-align:middle;
}
figure{
	margin:0 0 1.5em;
}

figure img{
	width:100%;
}
/* Link, Focus */
a{
	color:#3e82f7;
	text-decoration:none;
    outline: none;
	transition:background-color .1s ease-in-out;
}
a:focus, *:focus {
	outline:none;
}
a:hover{
	color:#3e82f7;
	text-decoration: underline;
}

/* ============================== */
/*  Layout */
/* ============================== */
.inner-container{
	margin:0 10px;
		padding:20px 0;
}

@media screen and (min-width:992px){
	.inner-container{
		width:960px;
		margin:0 auto;
		padding:50px 0;
	}
}
/* ============================== */
/*  Repeatable */
/* ============================== */
.button-sd{
	margin-top:15px;
	text-align: center;
}
.button-sd a{
	padding:5px 30px 5px 10px;
	font-size:1.5rem;
	color:#ccc;
	background-color:#201933;
	border:1px solid #555555;
	position: relative;
	display: inline-block;
	margin:0 auto;
	transition: background-color 0.1s,
		border-color 0.1s;
}
.button-sd a::after{
    content: "";
    position: absolute;
    right: 8px;
    top: 50%;
    display: block;
    width: 8px;
    height: 8px;
    margin-top: -4px;
    border-top: solid 1px #eee;
    border-right: solid 1px #eee;
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.button-sd a:hover{
	text-decoration: none;
	background-color:#382254;
	color:#eee;
	border:1px solid #999;
}
@media screen and (min-width:768px){
.button-sd{
	margin-top:35px;
	text-align: left;
}
.button-sd a{
	padding:10px 40px 10px 20px;
}
}
.sec-m h2{
	text-align: center;
	margin:0 0 20px;
}
.sec-m h2 img{
	height:20px;
	width:auto;
}
@media screen and (min-width:768px){
.sec-m h2{
	text-align: left;
	margin:0 0 30px;
}
.sec-m h2 img{
	height:24px;
}
}
@media screen and (min-width:992px){
.sec-m h2 img{
	height:30px;
}
}
/* ============================== */
/*  Global-Header */
/* ============================== */
#global-header{
	background:#201933;
	height:50px;
	position: fixed;
	top:0;
	left:0;
	width:100%;
	z-index:980;
}
#global-header a{
	color:#e8e8e8;
}
#global-header a:hover{
	color:#F9FFCC;
	text-decoration: none;
}

@media screen and (min-width:992px){
	.head-item-wrapper{
	background:#201933 url(../images/bg-t01.png) ;
	}
	.head-item-wrapper::after{
		content: "";
		display: block;
		clear: both;
	}
	#global-header{
		background: transparent;
		width:240px;
		height:660px;
		position: relative;
		top:auto;
		left:auto;
		text-align: center;
		padding-top:50px;
		float:left;
	}
}
#global-header #site-id{
	background:url(../images/logo-horizontal.png) no-repeat center center;
	color:#fff;
	font-size:1.5rem;
	text-indent: -9999px;
	overflow: hidden;
	background-size: 110px;
	height:50px;
	margin:0;
}
#global-header #global-nav{
	margin-top:0;
	background-color:rgba(32,25,51,0.95);
	position: fixed;
	top:0;
	left:0;
	width:100%;
	text-align: center;
	z-index: 990;
	padding:55px 0 30px;
	display: none;
}
#global-header #site-nav ul{
	font-size:1.5rem;
	line-height: 2.6;
}

@media screen and (min-width:992px){
	#global-header #site-id{
		background:url(../images/logo-l.png) no-repeat;
		width:118px;
		height:202px;
		margin:0 auto;
	}
	#global-header #global-nav{
		display: block !important;
		width:auto;
		background-color:transparent;
		position: relative;
		padding:0;
	}
	#global-header #site-nav{
		margin:50px 0;
	}
	#global-header #site-nav ul{
		-webkit-writing-mode: vertical-rl;
		-ms-writing-mode: vertical-rl;
		writing-mode: vertical-rl;
		text-align: left;
		line-height: 2.0;
		margin-left:30px;
	}
}
.contact-info::before{
	content:"";
	width:130px;
	border-top:1px solid rgba(255,255,255,0.3);
	height:1px;
	text-align: center;
	display: block;
	margin:0 auto 30px;
}
.contact-info{
	text-align:center;
	color:#eee;
	margin:0 auto;
}
.contact-info h2{
	font-size:1.1rem;
	font-weight: normal;
	margin:0;
}
.contact-info dt{
	font-size:1.2rem;
	margin-top:15px;
}
.contact-info dd{
	font-size:1.6rem;
}
@media screen and (min-width:992px){
.contact-info::before{
	content:"";
	border-top:none;
	height:0px;
	margin:0;
}
.contact-info{
	width:180px;
}
.contact-info h2{
	font-size:1.2rem;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	padding:3px 0;
}
}

/* --Main Visual-- */

#main-visual{
	width:100%;
	position: relative;
	height:250px;
	margin-top:50px;
}
#main-visual ul{
	height:100%;
}
#main-visual li,
#main-visual .visual{
	height:100%;
	width:100%;
	background-size:cover;
	background-position: center;
}
/* 忘年会バッジ */
#main-visual #mv-eye-catch{
	position: absolute;
	bottom:20px;
	right:20px;
	width:120px;
}
@media screen and (min-width:768px){
#main-visual{
	height:450px;
}
}
@media screen and (min-width:992px){
#main-visual{
	width:calc(100% - 240px);
	position: relative;
	height:660px;
	float:right;
	margin:0;
}
/* 忘年会バッジ */
#main-visual #mv-eye-catch{
	bottom:30px;
	right:40px;
	width:180px;
}
}

/* --Toggle Menu-- */
#menu-toggle{
	width:50px;
	height: 50px;
	position: absolute;
	top:0;
	right:0;
	cursor: pointer;
	z-index: 999;
}
#menu-toggle .menu-icon{
	display:inline-block;
	position:absolute;
	left:50%;
	top:50%;
	bottom:auto;
	right:auto;
	-webkit-transform:translateX(-50%) translateY(-50%);
	-moz-transform:translateX(-50%) translateY(-50%);
	-ms-transform:translateX(-50%) translateY(-50%);
	-o-transform:translateX(-50%) translateY(-50%);
	transform:translateX(-50%) translateY(-50%);
	width:22px;
	height:2px;
	background-color:#bbb;
	-webkit-transition:background-color 0.3s;
	-moz-transition:background-color 0.3s;
	transition:background-color 0.3s;
}
#menu-toggle .menu-icon::before,
#menu-toggle .menu-icon:after{
	content:'';
	width:100%;
	height:100%;
	position:absolute;
	background-color:#bbb;
	right:0;
	-webkit-transition:-webkit-transform 0.3s, top 0.3s, background-color 0s;
	-moz-transition:-moz-transform 0.3s, top 0.3s, background-color 0s;
	transition:transform 0.3s, top 0.3s, background-color 0s;
}
#menu-toggle .menu-icon::before{
	top:-7px;
}
#menu-toggle .menu-icon::after{
	top:7px;
}
#menu-toggle .menu-icon.is-clicked{
	background-color:rgba(255, 255, 255, 0);
}
#menu-toggle .menu-icon.is-clicked::before,
#menu-toggle .menu-icon.is-clicked::after{
	background-color:#bbb;
}
#menu-toggle .menu-icon.is-clicked::before{
	top:0;
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	transform:rotate(45deg);
}
#menu-toggle .menu-icon.is-clicked::after{
	top:0;
	-webkit-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
	-o-transform:rotate(-45deg);
	transform:rotate(-45deg);
}
@media screen and (min-width:992px){
	#menu-toggle{
		display: none;
	}
}

/* ============================== */
/*  Go PageTop */
/* ============================== */
#go-pagetop{
	position:fixed;
	bottom:20px;
	right:20px;
	z-index: 900;
}
#go-pagetop a{
	background:rgba(56,34,84,0.3);
	border:1px solid rgba(255,255,255,0.2);
	text-decoration:none;
	color:#fff;
	position:relative;
	width:50px;
	height:50px;
	display:block;
	text-align:center;
	border-radius: 5px;
	overflow: hidden;
	text-indent: -9999px;
    -webkit-transition: background 0.2s ease-out,
		border 0.2s ease-out;
     transition: background 0.2s ease-out,
		border 0.2s ease-out;
}
#go-pagetop a::after{
	content:"";
	position:absolute;
	left:50%;
	top:50%;
	display:block;
	width:12px;
	height:12px;
	margin-top:-4px;
	margin-left:-6px;
	border-top:solid 2px #fff;
	border-left:solid 2px #fff;
	-moz-transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	transform:rotate(45deg);
}
#go-pagetop a:hover{
	background:rgba(56,34,84,0.8);
	border:1px solid rgba(255,255,255,0.7);
}
/* ============================== */
/*  Footer */
/* ============================== */
#global-footer{
	color:#eee;
}
#global-footer a{
	color:#eee;
}
#global-footer .ic01 a{
	border-bottom: 1px dashed #eee;
}
#global-footer .footer-wrapper.fw01{
	background:url(../images/bg-t01.png);
	text-align: center;
	padding:20px 0;
}
#global-footer .footer-wrapper.fw02{
	background:#111;
	padding:20px 0;
}
#global-footer .inner-container.ic01 h1{
	margin:0 auto 20px;
	width:50px;
}
#global-footer .footer-link ul{
	text-align: center;
	font-size:1.3rem;
	line-height: 2.2;
}
#global-footer .inner-container.ic01 address h3{
	font-size:1.4rem;
	margin:0 0 0;
}
#global-footer .inner-container.ic01 address .loc + h3{
	margin-top:20px;
}
#global-footer .inner-container.ic01 address .phn{
	font-size:1.8rem;
	margin:0 0 0;
}
#global-footer .inner-container.ic01 address .loc{
			font-size:1.3rem;
	margin:0 0 0;
}

#global-footer .footer-copyright p{
	text-align: center;
	margin:20px 0 0;
	font-size:1.0rem;
}
@media screen and (min-width:768px){
#global-footer .footer-wrapper.fw01{
}

#global-footer .footer-wrapper.fw02{
}
	/* 住所 */
	#global-footer .inner-container.ic01{
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
}
#global-footer .inner-container.ic01 h1{
	margin:0 70px 0 0;
	width:104px;
}
#global-footer .inner-container.ic01 address{
	text-align: left;
}
	/* フッターリンク */
#global-footer .footer-link ul{
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	line-height: 1.3;
}
#global-footer .footer-link ul li{
	padding-left:1.5em;
	margin-left:1.5em;
	border-left:1px solid #777;
}
#global-footer .footer-link ul li:first-child{
	padding:0;
	margin:0;
	border-left:none;
}
#global-footer .footer-copyright p{
	margin:40px 0 0;
}

}

/* ============================== */
/*  Top Page */
/* ============================== */
.top-page .visual.only-sp img{
	width:100%;
}
@media screen and (min-width:768px){
.top-page .visual.only-sp{
		display:none;
	}
}
/* Top-Page Lead */
.top-page #lead{
	background:#E2DFD0 url(../images/bg-c02.jpg);
	position: relative;
	padding-bottom:100px;
}
.top-page #lead .background{
	position: absolute;
	bottom:0;
	right:0;
	z-index: 1;
}
.top-page #lead .background .img{
}
.top-page #lead h2{
	text-align: left;
	margin-bottom:25px;
	padding-left:12%;
}

.top-page #lead h2 img{
	width:auto;
	height: 98px;
}

.top-page #lead .lead-text p{
	padding-left:12%;
	position: relative;
	z-index: 2;
}

@media screen and (min-width:768px){
	.top-page #lead .background img{
		width:600px;
	}
}

@media screen and (min-width:992px){
.top-page #lead .inner-container::after{
	content:"";
	display: block;
	clear: both;
}
	.top-page #lead .background img{
		width:750px;
	}
	.top-page #lead h2{
	float:right;
	padding:0 15px 0 0;
}

.top-page #lead h2 img{
	width: 352px;
	height:auto;
}
.top-page #lead .lead-text{
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: vertical-rl;
	writing-mode: vertical-rl;
	float:left;
}
.top-page #lead .lead-text p{
	text-align: left;
	line-height: 2.2;
	padding:0;
	margin-right:20px;
}

}

/* Top-Page News */
.top-page #news{
	background:#eee url(../images/bg-c01.jpg);
}
.top-page #news .show-all-news{
	text-align: right;
	font-size:1.3rem;
}
.top-page #news .show-all-news{
	text-align: right;
	font-size:1.3rem;
	margin:0;
}
.top-page #news .show-all-news a{
	color:#382254;
}
.top-page #news .show-all-news a::before{
    content:"\f105";
	font-family:'FontAwesome';
	padding-right:0.3333em;
}
.top-page #news .news-content li{
	margin-top:10px;
}
.top-page #news .news-content time{
	display: block;
}

@media screen and (min-width:768px){
	.top-page #news .inner-container{
		position: relative;
	}
	.top-page #news .inner-container::after{
		content:"";
		display: block;
		clear: both;
	}
	.top-page #news .show-all-news{
		position: absolute;
		bottom:0;
		left:0;
		margin-bottom:40px;
	}
	.top-page #news h2{
		float:left;
		width:230px;
	}
	.top-page #news .news-content{
		float:right;
		width:calc(100% - 230px);
	}
	.top-page #news .news-content time{
		display: inline;
		width:7.5em;
		padding-right:1.5em;
	}
	.top-page #news .news-content li{
		text-indent: -7.5em;
		padding-left:7.5em;
}
}
/* Top-Page Fugu */
.top-page #fugu{
	background:#000;
	color:#eee;
}
@media screen and (min-width:768px){
	.top-page #fugu{
		background:#000 url(../images/vi-fugu.jpg) no-repeat;
		background-position: -180px 0;
		background-size:auto 380px;
		height:380px;
	}
	.top-page #fugu .caption{
		margin-left:55%;
	}
}
@media screen and (min-width:992px){
	.top-page #fugu{
		background-position:left -260px top 0;
		background-size:auto 540px;
		height:540px;
	}
	.top-page #fugu .caption{
		margin-left:55%;
	}
}
@media screen and (min-width:1200px){
	.top-page #fugu{
		background-position:left -160px top 0;
	}
}

/* Top-Page Suppon */
.top-page #suppon{
	background:#161619;
	color:#eee;
}
@media screen and (min-width:768px){
	.top-page #suppon{
		background:#161619 url(../images/vi-suppon.jpg) no-repeat;
		background-position:right 0 top 0;
		background-size: auto 380px;
		height:380px;
	}
}
@media screen and (min-width:992px){
	.top-page #suppon{
		background-size: auto 540px;
		height:540px;
	}
}
@media screen and (min-width:1200px){
	.top-page #suppon{
		background-position:right 100px top 0;
	}
}
/* Top-Page Seasonal-dishes */
.top-page #seasonal-dishes{
	background:#000;
	color:#eee;
}
@media screen and (min-width:768px){
	.top-page #seasonal-dishes{
		background:#000 url(../images/vi-kisetsu.jpg) no-repeat;
		background-position:left top;
		background-size: auto 380px;
		height:380px;
	}
	.top-page #seasonal-dishes .caption{
		margin-left:55%;
		position: relative;
		z-index: 2;
	}
}
@media screen and (min-width:992px){
	.top-page #seasonal-dishes{
		background-size: auto 540px;
		height:540px;
	}
}
@media screen and (min-width:1200px){
	.top-page #seasonal-dishes{
		background-position:left 100px top 0;
	}
}

/* Top-Page Foodstuff */
.top-page #foodstuff{
	background:#eee url(../images/bg-c01.jpg);
}
.top-page #foodstuff h2{
	text-align: center;
}
.top-page #foodstuff ul.foodstuff-list{
	padding:0 60px;
}
.top-page #foodstuff ul.foodstuff-list li{
	margin-top:20px;
}
.top-page #foodstuff ul.foodstuff-list li figure{
	margin:0 0 10px;
}
.top-page #foodstuff ul.foodstuff-list li h3{
	margin:6px 0;
	text-align: center;
}
@media screen and (min-width:768px){
.top-page #foodstuff ul.foodstuff-list{
	padding:0;
	width:740px;
	margin:0 auto;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}
.top-page #foodstuff ul.foodstuff-list li{
	margin-top:0;
	width:45%;
}
}
/* Top-Page Shidashi */
.top-page #shidashi{
	background:#000;
	color:#eee;
}
@media screen and (min-width:768px){
.top-page #shidashi{
	background:#000 url(../images/vi-shidashi.jpg) no-repeat;
	background-position: right top;
	background-size: auto 300px;
	height:300px;
}
}
@media screen and (min-width:992px){
.top-page #shidashi{
	background-size: auto 380px;
	height:380px;
}
}
@media screen and (min-width:1200px){
	.top-page #shidashi{
		background-position:right 100px top 0;
	}
}

/* Top-Page Restaurant-info */
.top-page #restaurant-info{
	background:#E2DFD0 url(../images/bg-c02.jpg);
}
.top-page #restaurant-info h2{
	text-align: center;
}

.top-page #restaurant-info ul.restaurant-list{
	padding:0 60px;
}
.top-page #restaurant-info ul.restaurant-list figure{
	margin-bottom:10px;
}
.top-page #restaurant-info ul.restaurant-list .button-sd.small{
	width: 100%;
	display: block;
	margin-top:10px;
}
.top-page #restaurant-info ul.restaurant-list .button-sd.small a{
	padding:4px 0;
	text-align: center;
	display: block;
}
@media screen and (min-width:768px){

.top-page #restaurant-info ul.restaurant-list{
	padding:0;
	width:740px;
	margin:0 auto;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

}
/* ============================== */
/*  Sub-Page Repeatable*/
/* ============================== */
.sub-page .sec-m{
	background:url(../images/bg-c01.jpg);
}
.sub-page .sec-m h2{
	text-align: center;
	font-size:2.3rem;
	color:#382254;
}
.sub-page .sec-m .catch{
	font-size:1.5rem;
	text-align: center;
}
.sub-page .sec-m h3{
	color:#fff;
	border-bottom:3px solid #7D6A1B;
	background:#9E8F43;
	padding:2px 1em 0;
	font-size: 1.6rem;
	margin-bottom:1em;
}
.sub-page .sec-m h4{
	color:#444;
	border-bottom:1px solid #7D6A1B;
}
.sub-page .column-a{
	border:1px solid #aaa;
	padding:20px 10px;
}
.sub-page .column-a h4{
	margin:0 0 20px;
}
.sub-page p.caption{
	font-size:1.4rem;
	margin-bottom:0.5em;
}
.sub-page p.footnote{
	font-size:1.3rem;
	line-height: 1.5;
}
@media screen and (min-width:768px){
.sub-page .sec-m h2{
	font-size:2.6rem;
}
}
/* page nav */
.sub-page #page-nav{
	border-bottom:1px solid #dadada;
	margin:0;
	background:rgba(255,255,255,0.97);
}
.sub-page #page-nav ul{
	margin:0;
	text-align: center;
	padding:10px 0;
}
.sub-page #page-nav li{
	display: inline-block;
	padding:5px 0.75em;
	line-height: 20px;
}
.sub-page #page-nav li a{
	color:#333;
}
/* fixed */
@media screen and (min-width:992px){

.sub-page #page-nav.fixed{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	z-index: 950;
}
.sub-page #page-nav.fixed + *{
	padding-top:50px;
}
}
/* table */
.sub-page table{
	background-color:#fff;
	width:100%;
}
.sub-page table th{
	background:rgba(240,240,240,0.2);
}
.sub-page table td{
	text-align: left;
}
.sub-page table td.centerTd{
	text-align: center;
}

table td.recruit-width1{
	width:24%;
}
table td.recruit-width2{
	width:38%;
}
table td.recruit-width3{
	width:38%;
}
/* Light-box*/
.lb{
	position:relative;
	display: block;
}
.lb::after{
	content:"";
	display: block;
	width:20px;
	height:20px;
	background:rgba(255,255,255,0.5) url(../images/icon-lens.svg) no-repeat 3px 3px /13px;
	border-radius:50%;
	position: absolute;
	bottom:5px;
	right:5px;
}
.lb:hover{
	opacity: 0.8;
}
.lb:hover::after{
	background-color:rgba(255,255,255,0.7);
}
/* ============================== */
/*  Sub-Page Shidashi */
/* ============================== */

.sub-page #shidashi .item-list{
	margin-left:-15px;
}
.sub-page #shidashi .item-list::after{
	content:"";
	display: block;
	clear: both;
}
.sub-page #shidashi .item-list figure{
	margin-bottom:10px;
}
.sub-page #shidashi .item-list h5{
	margin-top:10px;
}
.sub-page #shidashi .item-list li{
	width:50%;
	padding-left:15px;
	float:left;
}
@media screen and (min-width:768px){
.sub-page #shidashi .item-list{
	margin-left:-24px;
}
.sub-page #shidashi .item-list li{
	width:33.3333%;
	padding-left:24px;
}
}
.sub-page #shidashi .delivery-area-list li{
	margin:0;
	display: inline-block;
}
.sub-page #shidashi .delivery-area-list li::before{
	content:"／";
	padding-left:0.333em;
	padding-right:0.333em;
}
.sub-page #shidashi .delivery-area-list li:first-child::before{
	content:"";
	padding:0;
}
.sub-page #shidashi .call-center{
	text-align: center;
	}
.sub-page #shidashi .call-center h4{
	font-size:1.4rem;
	text-align: left;
}
.sub-page #shidashi .call-center dl{
	margin:15px 0 0;
	border-bottom:1px solid #aaa;
	display: inline-block;
	padding:0 20px;
}
.sub-page #shidashi .call-center dt{
	font-size: 10px;
	line-height:16px;
	padding:2px 15px;
	border-radius:10px;
	background-color:#C40306;
	color:#fff;
	display:inline-block;
	margin:0 auto;
}
.sub-page #shidashi .call-center dd{
	font-size:3.2rem;
	vertical-align: middle;
	margin:5px 0;
	color:#C40306;
}
.sub-page #shidashi .c1{
	text-align:center;
	font-weight: bold;
	padding-top:10px;
}
.sub-page #shidashi .faq-list dt{
	color:#581988;
	font-weight: bold;
}
.sub-page #shidashi .faq-list dd{
	padding-left:2em;
}
@media screen and (min-width:768px){
.sub-page #shidashi .call-center{
	text-align: center;
	margin-bottom:20px;
	}
.sub-page #shidashi .call-center dl{
		display: inline-block;
	border-bottom:none;

}
.sub-page #shidashi .call-center dt{
	display: inline-block;
	margin-right:10px;
}
.sub-page #shidashi .call-center dd{
	display: inline-block;
}
	.sub-page #shidashi .call-center .c1{
		display:inline-block;
		border-left:1px solid #aaa;
		position: relative;
		top:15px;
		padding:5px 0 5px 10px;
	}
}
/* ============================== */
/*  Sub-Page Access */
/* ============================== */
.sub-page #access iframe{
	width:100%;
}
.sub-page #access .image-list{
	margin-left:-15px;
	margin-top:-15px;
	margin-bottom:20px;
}
.sub-page #access .image-list::after{
	content:"";
	clear: both;
	display: block;
}
.sub-page #access .image-list li{
	width:50%;
	padding-left:15px;
	float:left;
	margin-top:15px;
}
.sub-page #access .image-list li figure{
	margin:0;
}
@media screen and (min-width:992px){
.sub-page #access .image-list li{
	width:25%;
}
}
/* ============================== */
/*  Sub-Page Reservation */
/* ============================== */
.sub-page #reservation dd{
	color:#CE2225;
	font-size:1.9rem;
}
/* ============================== */
/*  Sub-Page News */
/* ============================== */

.top-page #news .show-all-news{
	text-align: right;
	font-size:1.3rem;
}
.top-page #news .show-all-news{
	text-align: right;
	font-size:1.3rem;
	margin:0;
}
.top-page #news .show-all-news a{
	color:#382254;
}
.top-page #news .show-all-news a::before{
    content:"\f105";
	font-family:'FontAwesome';
	padding-right:0.3333em;
}
.sub-page #news-archive .news-list li{
	margin-top:10px;
}
.sub-page #news-archive .news-list time{
	display: block;
}

@media screen and (min-width:768px){
	.sub-page #news-archive .news-list time{
		display: inline;
		width:7.5em;
		padding-right:1.5em;
	}
	.sub-page #news-archive .news-list li{
		text-indent: -7.5em;
		padding-left:7.5em;
}
.top-page #news .show-all-news{
	padding-bottom:30px;
}

}
/* ============================== */
/*  Sub-Page Oshinagaki */
/* ============================== */
.sub-page #oshinagaki .menu-list{
	border-top:1px solid #d8d8d8;
}
.sub-page #oshinagaki .menu-list .price{
	float:right;
	margin-top:-35px;
	margin-bottom:0;
}
.sub-page #oshinagaki .menu-list li{
	border-bottom:1px solid #d8d8d8;
}
.sub-page #oshinagaki .menu-list h5{
	margin:10px 0;
}
.sub-page #oshinagaki .image-list{
	margin-left:-20px;
}
.sub-page #oshinagaki .image-list li{
	width:50%;
	float:left;
	padding-left:20px;
	margin-bottom:20px;
}
.sub-page #oshinagaki .image-list.col1{
}
.sub-page #oshinagaki .image-list.col1 li{
	width:100%;
}
.sub-page #oshinagaki .image-list figure{
	margin-bottom:5px;
}
.sub-page #oshinagaki .image-list figure img{
	width:100%;
}
.sub-page #oshinagaki .image-list h5{
	margin-top:5px;
}
.sub-page #oshinagaki .wrapper::after{
	content:"";
	display: block;
	clear: both;
}
@media screen and (min-width:768px){

.sub-page #oshinagaki .menu-list{
	width:calc(40% - 30px);
	margin-right:30px;
	float:left;
}
.sub-page #oshinagaki .menu-list .price{
	float:right;
	margin-top:-35px;
	margin-bottom:0;
}
.sub-page #oshinagaki .menu-list li{
}
.sub-page #oshinagaki .menu-list h5{
	margin:10px 0;
}
.sub-page #oshinagaki .image-list{
	width:60%;
	float:right;
	margin-left:-20px;
}

}
@media screen and (min-width:768px){
.sub-page #csr .csr-list{
	margin-left:-20px;
}
.sub-page #csr .csr-list::after{
	content:"";
	clear: both;
	display: block;
}
.sub-page #csr .csr-list li{
	width:50%;
	padding-left:20px;
	float:left;
}
}

.tyuui{
	color:red;
	margin-bottom:10px;
}