@import url("https://use.fontawesome.com/releases/v5.0.6/css/all.css");
@import url('https://fonts.googleapis.com/css?family=Poppins:300,400,700');
@import url('https://fonts.googleapis.com/css?family=Oswald');
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP:100,300,400,500,700,900&display=swap&subset=japanese');

/*****************************************************************************
 RESET CSS
 *****************************************************************************/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,figure { 
	margin:0;padding:0;
}
table { border-collapse:collapse;border-spacing:0; }
fieldset,img { border:0; }
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal;font-weight:normal; }
ol,ul { list-style:none; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%;font-weight:normal; }
q:before,q:after { content:''; }
abbr,acronym { border:0; }
img { vertical-align:top;max-width:100%;height:auto;-ms-interpolation-mode:bicubic; }
main { display:block; }

/*****************************************************************************
 CLEAR
 *****************************************************************************/
.clearfix:after{content:"";display:block;height:0;clear:both;visibility:hidden;}
.clearfix {display:inline-table;} /* Hides from IE-mac \*/
* html .clearfix{height:1%;}
.clearfix{display:block;} /* End hide from IE-mac */

/*****************************************************************************
 BASICS
 *****************************************************************************/
html {font-size:62.5%;}

body {
	background:#fff;
	font-family: 'Noto Sans JP', "游ゴシック", YuGothic, 'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', sans-serif;
	line-height:1.8;
	color:#777;
	font-size:12px;
	-webkit-text-size-adjust: none;
	min-width:1080px;
	}
body,html{height:100%;margin:0 auto;}
body *{box-sizing:border-box;}
a {text-decoration:none;color:#777;outline:none;transition:all 0.5s ease-out;}
a:hover {text-decoration:none;}
a:hover img{opacity:0.8;}
::selection {background:rgba(202,179,154,0.2);}
::-moz-selection {background:rgba(202,179,154,0.2);}

/* common */
.inner{width:1080px;max-width:100%;margin:0 auto;position:relative;}
.none{display:none;}
.sp{display:none;}
.mincho{font-family:游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;}
.poppins{font-family:"Poppins", sans-serif;letter-spacing:0.1em;font-weight:300;}
.oswald{font-family:"Oswald";font-weight:400;}
.cen{text-align:center;}
.bold{font-weight:bold;}

.mb50{margin-bottom:50px;}

main{}

@media screen and (max-width: 768px) {
	.pc{display:none;}
	.sp{display:block;}
}

#fixedTop{right:10px;bottom:10px;width:50px;height:50px;line-height:45px;color:#fff;font-size:20px;text-align:center;display:none;background:rgba(241,80,16,0.6);position:fixed;z-index:9999;border-radius:50%;-webkit-transform:translateZ(0);}
#fixedTop:hover{-webkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s;opacity:0.7;}

.screen-reader-text {clip:rect(1px, 1px, 1px, 1px);height:1px;overflow:hidden;position:absolute !important;width:1px;word-wrap:normal !important;}

.row { clear:both;display:flex;flex-flow:row wrap;}
.row-reverse { clear:both;display:flex;flex-flow:row-reverse wrap;}
.col-01, .col-02, .col-024, .col-03, .col-04, .col-05, .col-06, .col-07, .col-08, .col-09, .col-10, .col-11, .col-12 {padding:0 15px;display:inline-block;border:0px solid red;}
.col-01 { width: 8.33333%; }
.col-02 { width: 16.66667%; }
.col-024 { width: 20%; }
.col-03 { width: 25%; }
.col-04 { width: 33.33333%; }
.col-05 { width: 41.66667%; }
.col-06 { width: 50%; }
.col-07 { width: 58.33333%; }
.col-08 { width: 66.66667%; }
.col-09 { width: 75%; }
.col-10 { width: 83.33333%; }
.col-11 { width: 91.66667%; }
.col-12 { width: 100%; }
.col-half{padding:0px;display:inline-block;width:50%;}



/*--header--*/
.sb-slide{display:none;}
header{position:relative;width:100%;background:rgba(0,0,0,1);}
header nav{float:right;padding:0px 10px;}
header nav li{display:inline-block;padding:1.5em 0px 1.5em 1.5em;}
header nav li:not(:last-child):after{content:"|";color:#fff;margin-left:1.5em;}
header nav a{color:#fff;letter-spacing:0.1em;}
header nav a:hover{color:#B3A595;}
header h1{float:left;}
header h1 a{padding:8px 15px;display:block;}
header h1 a img{height:44px;}

/*--footer--*/
footer{position:relative;}
#foot_info{line-height:2.4;padding:120px 0px;}
#foot_info .col-06{padding:0px 20px;}
#foot_info_ttl{background:url("../img/common/guide_bg.jpg") no-repeat right bottom /contain;}
#foot_info_ttl h2{font-size:40px;padding:240px 0px;}
#foot_info h3{font-size:20px;border-bottom:1px solid #ebebeb;margin:80px auto 10px;}
#foot_info h4{font-weight:bold;}
#foot_info table{width:100%;line-height:1.4;margin-top:10px;}
#foot_info table.daibiki th{width:22%;}
#foot_info table tr{border-bottom:5px solid #fff;}
#foot_info table th{position:relative;padding:5px 1.3em 5px 0px;white-space:nowrap;vertical-align:top;}
#foot_info table th:after{content:"";width:1px;height:1.2em;background:#999;display:inline-block;position:absolute;right:0px;top:0.6em;}
#foot_info table td{padding:5px 1.3em;vertical-align:top;}
#foot_info table tr th:not(:first-child){padding:5px 1.3em;}
#foot_info ul{list-style:disc;padding-left:1em;margin-bottom:20px;}
#foot_info ul li{line-height:1.8;margin:5px 0px;}
#foot_nav ul{border-bottom:1px solid #ebebeb;}
#foot_nav ul li{display:inline-block;padding:1.5em 0px 1.5em 1.5em;}
#foot_nav ul li:not(:last-child):after{content:"|";color:#999;margin-left:1.5em;}
#foot_nav ul li a{letter-spacing:0.1em;}
#foot_nav ul li a:hover{color:#B3A595;}
#foot{font-style:oblique;padding:80px 0px 100px;color:#999;letter-spacing:0.1em;}
#foot h1{font-size:16px;}
#foot h1 a{color:#999;}
#foot > a{font-size:38px;letter-spacing:0px;font-weight:500;line-height:1;}
footer .copyright{background:#000;text-align:center;font-size:10px;color:#fff;letter-spacing:0.15em;font-style:oblique;padding:20px 0px;}

#message{background:url("../img/common/message_bg.jpg") no-repeat left bottom /contain #000;width:100%;}
#message .message_inner{width:1080px;max-width:100%;padding:50px 15px 90px;margin:0px auto;color:#fff;position:relative;}
#message .message_inner img{position:absolute;bottom:20px;left:27%;width:74px;}
#message .message_inner h3{font-size:27px;line-height:1.3;margin-left:50px;writing-mode:vertical-rl;-webkit-writing-mode:tb-rl;-ms-writing-mode:tb-rl;display:inline-block!important;}
#message .message_inner p{font-size:14px;line-height:3;writing-mode:vertical-rl;-webkit-writing-mode:tb-rl;-ms-writing-mode:tb-rl;display:inline-block!important;}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
	#message .message_inner h3{height:13em;}
	#message .message_inner p{height:26em;}
}

@media screen and (max-width: 768px) {
	body{min-width:initial;min-width:auto;}
	.inner{width:100%;}
	img{max-width:100%;height:auto;}
	main{width:100%;padding-top:calc(2.6875vw * 5);}
	/*.scroll{overflow:auto;white-space:nowrap;}
	.scroll::-webkit-scrollbar{height:5px;}
	.scroll::-webkit-scrollbar-traqck{background:#f1f1f1;}
	.scroll::-webkit-scrollbar-thumb{background:#bcbcbc;}*/

	.col-01, .col-02, .col-024, .col-03, .col-04, .col-05, .col-06, .col-07, .col-08, .col-09, .col-10, .col-11, .col-12 { padding:0px 15px; }
	.col-01 { width: 100%; }
	.col-02 { width: 100%; }
	.col-024{ width: 100%; }
	.col-03 { width: 100%; }
	.col-04 { width: 100%; }
	.col-05 { width: 100%; }
	.col-06 { width: 100%; }
	.col-07 { width: 100%; }
	.col-08 { width: 100%; }
	.col-09 { width: 100%; }
	.col-10 { width: 100%; }
	.col-11 { width: 100%; }
	.col-12 { width: 100%; }
	.col-half{ width: 100%; }


	/*slidemenu*/
	#sb-site{background:#fff;}
	.sb-slidebar{background:#000;min-height:100%;padding-bottom:50px;}
	.sb-slide{
		display:block;
		position:fixed;
		left:0;
		top:0;
		z-index:1000;
		font-size:calc(4.6875vw * 1.2);
		line-height:1.2;
		-webkit-transform: translate3d(0, 0, 2px);
		transform: translate3d(0, 0, 2px);
	}
	.sb-slide .sb-close ,
	.sb-active .sb-slide .sb-toggle-right {
		display:none;
	}
	.sb-active .sb-slide .sb-close {
		display:flex;
	}

	.sb-slidebar ul{}
	.sb-slidebar ul li{border-bottom:1px dotted #ddd;}
	/*.sb-slidebar ul li a:before{content:"\f0da";font-family:FontAwesome;margin-right:5px;color:#e3000b;}*/
	.sb-slidebar ul li a {
		background:#000;
		display:block;
		cursor:pointer;
		color:#fff;
		padding:1.1em;
		text-decoration:none;
	}
	.sb-slidebar ul li a:hover {opacity:0.7;filter: alpha(opacity=70);-ms-filter: "alpha( opacity=70 )";text-decoration:none;}


	/*--header--*/
	.sb-slide{width:100%;height:calc(2.6875vw * 5);display:flex;overflow:hidden;}
	.sb-slide h1{width:70%;background:rgba(0,0,0,0.8);}
	.sb-slide h1 a{display:block;height:calc(2.6875vw * 5);padding:10px 3.9062vw;}
	.sb-slide h1 a img{max-height:100%;}
	.sb-slide .phone,
	.sb-slide .menu{width:15%;height:calc(2.6875vw * 5);position:relative;font-size:calc(4.6875vw * 1.2);color:#fff;}
	.sb-slide .phone{background:#999;display:flex;align-items:center;justify-content:center;}
	.sb-slide .phone a{color:#fff;display:block;}
	.sb-slide .menu{background:#000;display:flex;align-items:center;justify-content:center;padding:0;}
	.sb-toggle-right,
	.sb-close{width:100%;height:calc(2.6875vw * 5);display:flex;align-items:center;justify-content:center;}

	.sb-slidebar ul li .sb-close{height:auto;display:block;}


	#foot_info{padding:50px 0px 80px;}
	#foot_info_ttl{background-size:cover;margin-bottom:-30px;}
	#foot_info_ttl h2{font-size:32px;padding:90px 10px;background:rgba(255,255,255,0.5);}
	#foot_info .col-06{padding:0px 15px;}
	#foot_info h3{margin:60px auto 10px;}
	#foot_info table.daibiki th{width:30%;}
	#foot_info table.time th,
	#foot_info table.time td,
	#foot_info table.time tr th:not(:first-child){display:block;width:100%;padding:5px 1em;}
	#foot_info table.time th:after{display:none;}
	#foot_nav{display:none;}
	#foot{padding:60px 0px 70px;}

	#message .message_inner{padding:30px 5px 0%;}
	#message .message_inner img{bottom:5px;left:5px;width:74px;}
	#message .message_inner h3{font-size:24px;margin:0px 0px 20px;writing-mode:horizontal-tb;width:100%;text-align:center;display:block;}
	#message .message_inner p{line-height:2;display:block;width:100%;padding:10px;background:rgba(0,0,0,0.4);}

}
@media screen and (max-width: 365px) {
	#message .message_inner h3{font-size:21px;}
	#message .message_inner p{line-height:1.8;font-size:13px;}

}
@media screen and (max-width: 768px) and (-webkit-min-device-pixel-ratio: 0) {
	#message .message_inner h3{height:2.3em;}
}


/*****************************************************************************
 PAGE COMMON
 *****************************************************************************/
#loading{width:100%;height:100%;margin:0;background:#fff;opacity:1.0;position:fixed;top:0;left:0;z-index:10001;}
#loading img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}

.item-info{}
.item-img{margin-bottom:10px;text-align:center;}
.item-img img{border:5px solid #eee;}
.item-name{display:inline-block;margin-bottom:10px;}
 a .item-name:after{content:"\f0a9";font-family:FontAwesome;margin-left:0.5em;font-size:18px;}
.item-name .poppins{font-size:50px;line-height:1;margin-bottom:30px;display:inline-block;}
.item-price{font-size:12px;letter-spacing:0.1em;}
.item-comment{margin-bottom:40px;}
.allergy li{display:inline-block;font-size:11px;}
.allergy li.none{color:#cdcdcd;}

.att{padding-top:5px;}

.page_ttl{background:url("../img/common/ttl_bg.jpg") no-repeat center top /cover #ddd;box-shadow:0px 3px 4px rgba(0,0,0,0.05);}
.page_ttl h2{text-align:center;font-size:16px;background:rgba(255,255,255,0.7);padding:50px 0px;line-height:1.2;color:#333;letter-spacing:0.2em;}
.page_ttl h2 .poppins{font-size:50px;letter-spacing:0.1em;}

h3.page-h3{font-size:38px;border-bottom:5px solid #eee;line-height:1.4;margin-bottom:20px;letter-spacing:0.05em;}

table.info_tbl{width:100%;font-size:14px;}
table.info_tbl tr{border-bottom:1px solid #ddd;}
table.info_tbl th{padding:20px;vertical-align:top;white-space:nowrap;}
table.info_tbl td{padding:20px;vertical-align:top;}
table.info_tbl a i{color:#fa8474;margin-left:5px;}



@media screen and (max-width: 768px) {
	.item-name .poppins{font-size:40px;margin-bottom:10px;opacity:0.7;}

	.page_ttl h2{padding:30px 0px;}
	.page_ttl h2 .poppins{font-size:40px;}

	h3.page-h3{font-size:26px;}

	table.info_tbl th{padding:15px 5px;}
	table.info_tbl td{padding:15px 5px;}

}