/*font-family: 'Poppins', sans-serif;*/
@import url('https://fonts.googleapis.com/css?family=Poppins');

/*font-family: 'Great Vibes', cursive;*/
@import url('https://fonts.googleapis.com/css?family=Great+Vibes');


/*****************************************************************************
 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; }
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 {
	font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, "Yu Gothic", YuGothic, Arial,  sans-serif;
	line-height:1.8;
	color:#000;
	font-size:14px;
	font-size:1.4rem;
	-webkit-text-size-adjust: none;
	letter-spacing:0.016em;
}
body *{box-sizing:border-box;}
a {text-decoration:none;color:#2e68ae;outline:none;}
a:hover {text-decoration:none;color:#ff9930;}

/* common */
#sb-site{background:url(../../img/common/body_background.jpg);}
img{max-width:100%;height:auto;}
.inner{width:1080px;max-width:100%;margin:0 auto;padding:0 15px;position:relative;}
.wrap{width:100%;padding:0 3%;}
.sp{display:none;}

main{}

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

#fixedTop{right:10px;bottom:10px;width:50px;height:50px;line-height:50px;color:#fff;font-size:20px;text-align:center;display:none;background:#222;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;}

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

/*--header--*/
.sb-slide{display:none;}
header{position:relative;height:110px;padding-top:45px;}
header .wrap{display:flex;justify-content:space-between;padding:0 20px;}
header h1 img{width:247px;}
header .head{display:flex;justify-content:flex-end;align-items:center;width:100%;height:24px;background:#ece4d8;color:#7e6b5a;font-size:1.2rem;position:fixed;top:0;right:0;z-index:99999;}
header .head p{padding-right:20px;}
header .head_link{display:flex;}
header .head_link .tel a{display:flex;width:180px;height:24px;align-items:center;justify-content:center;background:#669900;}
header .head_link .contact a{display:flex;width:180px;height:24px;align-items:center;justify-content:center;background:#ff9933;}
header .head_link a img{height:16px;}
header .head_link a:hover{opacity:0.8;}
header .head_link .social{display:flex;width:100px;height:24px;background:#362e2b;justify-content:center;align-items:center;}
header .head_link .social a{color:#fff;padding:0 5px;}
header nav ul{display:flex;}
header nav ul li{padding:10px 15px;}
header nav ul li a{font-size:1.4rem;color:#7e6b5a;letter-spacing:3px;}
header nav ul .current a{border-bottom:2px solid #ff9933;}


/*--footer--*/
footer{background:#fff;}
footer > ul{display:flex;justify-content:center;align-items:center;height:30px;background:linear-gradient(#feac6a, #f8983c);}
footer > ul li{padding:0 17px;}
footer > ul li a{color:#fff;letter-spacing:1px;}
footer > ul li a:hover{text-decoration:underline;color:#fff;}
footer .inner{padding:30px 0;display:flex;}
footer .inner .row{padding:0 8px;}
footer .inner h1 img{width:247px;}
footer .inner p{color:#ae9166;font-size:1.2rem;line-height:1.4;}
footer .footer_link{display:flex;margin-bottom:20px;}
footer .footer_link li{padding-right:10px;}
footer .footer_link li a{display:flex;justify-content:center;align-items:center;width:240px;height:30px;border:1px solid #669900;}
footer .footer_link li a img{height:22px;}
footer .footer_link li a:hover{opacity:0.8;}
footer .copyright small{font-family: 'Poppins', sans-serif;font-size:1.0rem;letter-spacing:2px;}


/*--item--*/
.item{display:flex;flex-flow:row wrap;}
.item li{width:33%;padding:0 15px;margin-bottom:55px;position:relative;}
.item li .contents{padding:20px 0 0 20px;}
.item li a{display:block;border:2px solid #e6f4bb;margin-bottom:25px;}
.item li h2{color:#a07f47;font-family:游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;font-size:2.4rem;margin-bottom:20px;line-height:1.2;}
/*.item li .explain{font-size:1.3rem;color:#555;margin-bottom:30px;}*/
.item li .explain{font-size:1.5rem;color:#ddd;margin-bottom:30px;}
.item li .explain span{color:#555;background: linear-gradient(transparent 60%, #ffff66 60%);}
.item li .allergie {font-size:1.6rem;color:#fff;margin-bottom:5px;padding:5px;background:#669900;border-radius:4px;text-align:center;}
.item li .text {height:100px;margin-bottom:20px;}
.item li p span.red {color:#e00;}
.item li dl{margin-bottom:30px;color:#555;}
.item li dl dt{font-size:1.6rem;border-bottom:1px solid #555;margin-bottom:5px;}
.item li dl dd{font-size:1.2rem;}
.item li .price{font-size:1.6rem;color:#555;}
.item li a:hover{opacity:0.8;}
.item .icon_orange{display:flex;justify-content:center;align-items:center;width:70px;height:70px;font-family:游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;font-size:1.6rem;color:#fff;background:url(../../img/common/icon_orange.png) no-repeat 0 0;background-size:cover;position:absolute;z-index:999;}
.item .icon_green{display:flex;flex-flow:column wrap;justify-content:center;align-items:center;width:70px;height:70px;font-family:游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;font-size:1.6rem;color:#fff;background:url(../../img/common/icon_green.png) no-repeat 0 0;background-size:cover;position:absolute;z-index:999;}
.item .icon_orange img{width:33px;}
.item .icon_green img{width:35px;}

/*--photo--*/
.photo{display:flex;flex-flow:row wrap;}
.photo li{width:20%;}
.photo li a:hover{opacity:0.8;}


/*****************************************************************************
 INDEX
 *****************************************************************************/

.ttl_a{font-family:游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;font-size:6.0rem;font-style:italic;text-align:center;line-height:1.2;letter-spacing:1px;}
.ttl_a span{color:#ff9933;font-size:4.8rem;font-family: 'Great Vibes', cursive;}
.ttl_a small{font-size:1.8rem;font-style:normal;display:block;margin-top:10px;}

.mainimage{position:relative;}
.mainimage .bxslider{margin:0;}
.mainimage .bx-wrapper{position:relative;}
.mainimage .bx-wrapper img{width:100%;}
.mainimage h1{width:390px;height:100%;background:rgba(255,255,255,0.9);position:absolute;z-index:9999;right:70px;display:flex;align-items:center;justify-content:center;}
.mainimage h1 img{width:280px;}


.catchcopy{padding:45px 0 50px;box-shadow:0 4px 5px 0 rgba(0,0,0,0.2) inset;}
.catchcopy .inner{padding:0 60px;}
.catchcopy p{font-size:1.8rem;color:#555;font-family:游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;letter-spacing:2px;}


section.contact{position:relative;margin-bottom:100px;}
section.contact h1 img{width:100px;height:100px;position:absolute;transform:translateX(-50%);left:50%;bottom:45px;z-index:999;}
section.contact ul{display:flex;}
section.contact .contact_photo li{width:25%;border:1px solid #fff;}
section.contact .contact_photo li:first-child{width:50%;}
section.contact .contact_photo li img{width:100%;height:100%;}
section.contact .contact_link li{width:50%;border:1px solid #fff;}
section.contact .contact_link li a{display:flex;height:90px;align-items:center;}
section.contact .contact_link li:first-child a{background:rgba(156,205,0,0.8);padding-right:127px;justify-content:flex-end;}
section.contact .contact_link li:last-child a{background:rgba(174,145,102,0.8);padding-left:127px;}
section.contact .contact_link li a img{height:30px;}
section.contact .contact_link li a:hover{opacity:0.8;}


.recommend_deli{margin-bottom:160px;}
.recommend_deli .inner{padding:0;}
.recommend_deli .ttl_a{margin-bottom:70px;}
.recommend_deli .item li{width:25%;}
.recommend_deli .item li .contents{padding:10px 0 0 10px;}
.recommend_deli .item li h2{font-size:2.1rem;}
.recommend_deli .item li .explain{font-size:1.2rem;}
.recommend_deli .item .icon_orange{width:50px;height:50px;}
.recommend_deli .item .icon_green{width:50px;height:50px;}


.recommend_frozen .inner{padding:0;}
.recommend_frozen .ttl_a{margin-bottom:80px;}

.recommend_frozen p.catch{padding: 0 40px 30px;font-size:1.8rem;color:#555;font-family:游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;letter-spacing:2px;}


.oven{background:url(../../img/index/oven_background.jpg) no-repeat center center;background-size:contain;margin-bottom:130px;}


.news{margin-bottom:160px;}
.news .inner{margin-bottom:50px;}
.news .ttl_a{margin-bottom:60px;}
.news dl{display:flex;border-bottom:1px solid #ccc;color:#555;}
.news dl dt{width:20%;padding:20px 0 15px 15px;}
.news dl dd{width:80%;padding:20px 0 15px;}
.news .banner{width:1050px;max-width:100%;margin:0 auto;}


.gyoza .ttl_a{margin-bottom:100px;}
.gyoza .column{display:flex;flex-flow:row wrap;width:1080px;max-width:100%;margin:30px auto 50px;}
.gyoza .column .row{width:50%;padding:0 15px;color:#ae9166;}
.gyoza .column .row dl{line-height:1.4;margin-bottom:7px;}
.gyoza .column .row dl dt{font-size:1.6rem;font-weight:bold;}
.gyoza .column .row dl dd{font-size:1.4rem;}
.gyoza .column .row p{font-size:1.6rem;line-height:1.4;}
.gyoza .column .row p small{font-size:1.2rem;}
.gyoza .column ul li{margin-bottom:7px;}
.gyoza .column ul li a{display:flex;justify-content:center;align-items:center;width:360px;height:50px;border:1px solid #669900;}
.gyoza .column ul .url a img{height:26px;}
.gyoza .column ul .phone a img{height:30px;}
.gyoza .column ul li a:hover{opacity:0.8;}


.info{padding:30px 0;background:url(../../img/index/info_background.jpg) no-repeat center center;background-size:cover;}
.info .wrap{display:flex;flex-flow:row-reverse wrap;}
.info .wrap .row{width:50%;background:rgba(160,127,71,0.7);}
.info .wrap .row iframe{width:100%;height:100%;vertical-align:bottom;}
.info .wrap .row.txt{padding:50px;color:#fff;}
.info .wrap .row.txt a{color:#fff;}
.info .wrap .row.txt h1{font-family:游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;font-size:3.0rem;line-height:1.2;margin-bottom:1em;}
.info .wrap .row.txt p{font-size:1.4rem;margin-bottom:30px;}
.info .wrap .row table{line-height:1;}
.info .wrap .row table th,
.info .wrap .row table td{padding:10px 15px;}
.info .wrap .row table tr:not(:last-child){border-bottom:1px solid #fff;}
.info .wrap .row table th{border-right:1px solid #fff;}
.info .wrap .row table td small{font-size:1.1rem;margin-left:1em;}


.gallery{padding:30px 0;}


/*****************************************************************************
 Pages
 *****************************************************************************/
article{padding-bottom:80px;}
article .ttl_a{margin-bottom:40px;}
.ttl_page{width:100%;height:200px;background:url(../../img/common/ttl_background.jpg) no-repeat center center;background-size:cover;margin-bottom:60px;}


/*--access--*/
.page_access iframe{width:100%;}
.page_access .column{display:flex;flex-flow:row wrap;}
.page_access .column .row{width:50%;padding:15px;}
.page_access .column .row p small{font-size:1.2rem;margin-left:1em;}
.page_access .column .row dl dt{font-weight:bold;color:#669900;}
.page_access .column .row dl dt:before{content:"\f238";font-family:FontAwesome;margin-right:5px;}


/*--company--*/
.page_company table{width:100%;margin:0 auto;}
.page_company table th,
.page_company table td{padding:20px;border-bottom:1px solid #dcdcdc;}
.page_company table th{width:30%;text-align:right;letter-spacing:2px;}
.page_company table td{width:70%;}
.page_company table td a{color:#000;}
.page_company table td small{margin-left:1em;}


/*--form--*/
.page_contact .txt_center{margin-bottom:30px;text-align:center;font-size:1.4rem;}
form .require{display:inline-block;padding:2px 5px;background:#d3b95e;color:#fff;font-size:11px;border-radius:4px;margin-left:10px;}
form table{width:100%;margin:0 auto 40px;}
form table th,
form table td{padding:20px;border-bottom:1px solid #dcdcdc;}
form table th{width:30%;text-align:right;letter-spacing:2px;}
form table td{width:70%;}
form table td ul li:first-child{margin-bottom:15px;}
form table input[type="text"],
form table textarea{padding:5px;border:1px solid #ddd;cursor:pointer;}
form table textarea{height:600px;}
form .btn_form{text-align:center;}
form .btn_form input[type="submit"]{padding:5px 20px;color:#fff;border:none;background:#ff9933;cursor:pointer;letter-spacing:3px;font-size:1.6rem;}
form .btn_form input[type="submit"]:hover{opacity:0.7;}
.page_contact .thanks p{margin-bottom:1.3em;text-align:center;}
.page_contact .thanks .phone a{display:inline-block;}
.page_contact .thanks .phone a img{display:block;height:50px;margin:0 auto;padding:10px 20px;border:1px solid #669900;}
.page_contact .thanks .phone a:hover{opacity:0.8;}

/* frozen */
p.frozen{font-size:1.5rem;margin-bottom:30px;text-align: center;}
p.frozen span{color:#e00;}

/*****************************************************************************
 Responsive
 *****************************************************************************/

@media screen and (max-width: 768px) {
	*{-webkit-appearance: none;-webkit-text-size-adjust:100%;}
	img{max-width:100%;height:auto;}
	main{width:100%;}
	.inner{width:100%;padding:0 15px;}
	.item li{width:50%;}

	/*slidemenu*/
	.sb-slide{
		display:block;
		position:fixed;
		right:8px;
		top:8px;
		z-index:1000;
		font-size:30px;
		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:block;
	}
	.sb-slide p {
		display: inline-block;
		padding:2px 9px;
		color:#362e2b;
	}
	.sb-slide p i{margin:0;}

	.sb-slidebar ul{padding:3%;}
	.sb-slidebar ul li a {
		display:table;
		width:100%;
		padding:10px;
		border-bottom: dotted 1px #ccc;
		text-decoration:none;
		text-align:left;
		color:#1b1b1b;
	}
	.sb-slidebar ul li a span{margin-right:5px;}
	.sb-slidebar ul li a em{text-align:right;}
	.sb-slidebar section {
		padding:2% 3% 0;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
	}
	.sb-slidebar section p{margin:0 3% 5%;}
	.sb-slidebar section p a {
		background:#ff5b7e;
		display:flex;
		cursor:pointer;
		padding:10px 15px;
		text-decoration:none;
		justify-content:center;
		align-items:center;
	}
	.sb-slidebar section p a:hover {opacity:0.7;filter: alpha(opacity=70);-ms-filter: "alpha( opacity=70 )";text-decoration:none;}
	.sb-slidebar section iframe {margin:0 0 10%;}
	.sb-slidebar h1{text-align:center;padding:10px 0;}
	.sb-slidebar h1 img{width:80%;}
	.sb-slidebar section p a img{height:20px;}
	.sb-slidebar section .tel a{background:#669900;}
	.sb-slidebar section .contact a{background:#ff9933;}


	header{height:auto;padding-top:15px;}
	header h1{margin:0 auto 8px;}
	header .head{position:static;flex-flow:row wrap;height:auto;justify-content:flex-start;}
	header .head p{width:100%;text-align:left;}
	header .head_link{width:100%;flex-flow:row wrap;}
	header .head_link > li{width:50%;}
	header .head_link .tel a,
	header .head_link .contact a{width:100%;}
	/*header .head_link > li:last-child,
	header .head_link .social{width:100%;}*/


	footer .inner{flex-flow:row wrap;padding:5px 0;}
	footer .inner .row{width:50%;padding:10px 15px;}
	footer .inner .row:last-child{width:100%;text-align:center;}
	footer .footer_link{justify-content:center;}


/*****************************************************************************
 INDEX
 *****************************************************************************/

	.ttl_a{font-size:4.2rem;}
	.ttl_a span{font-size:3.8rem;}
	.ttl_a small{font-size:2.0rem;}

	.mainimage h1{width:230px;right:0;}
	.mainimage h1 img{width:200px;}

	section.contact .contact_link li:first-child a{padding-right:0;justify-content:center;}
	section.contact .contact_link li:last-child a{padding-left:0;justify-content:center;}

	.news .banner{padding:0 15px;}

	.recommend_deli .item li{width:33%;}
	.recommend_deli .item li .contents{padding:20px 0 0 20px;}

	.gyoza .column ul li a{max-width:100%;}
	.gyoza .column ul .url a img,
	.gyoza .column ul .phone a img{width:85%;height:auto;}

	.info .wrap{flex-flow:column wrap;}
	.info .wrap .row{width:100%;}
	.info .wrap .row iframe{height:300px;}
	.info .wrap .row table th{white-space:nowrap;}
	.info .wrap .row table td small{display:inline-block;margin-left:0;}


/*****************************************************************************
 Pages
 *****************************************************************************/

	.page_company table td small{margin-left:0;display:block;}


	/*--form--*/
	form table th{white-space:nowrap;}
	form table input[type="text"],
	form table textarea{width:100% !important;}

}



@media screen and (max-width: 414px) {
	header h1 img{width:200px;}
	header .head p{display:none;}
	footer > ul{flex-flow:row wrap;height:auto;}
	footer > ul li{width:33%;padding:0 10px;}
	footer > ul li a{font-size:1.2rem;}
	footer .inner .row{width:100%;padding:10px 15px;}
	footer .footer_link{width:100%;flex-flow:row wrap;}
	footer .footer_link li{width:100%;padding:10px 0;}
	footer .footer_link li a{width:100%;}
	footer .row h1{text-align:center;}
	footer .row h1 img{width:200px;}

	.ttl_a{font-size:3.2rem;}
	.ttl_a span{font-size:3.0rem;}
	.ttl_a small{font-size:1.4rem;}

	.mainimage h1{width:40%;right:0;}
	.mainimage h1 img{width:80%;}

	.catchcopy{padding:20px 0 25px;}
	.catchcopy .inner{padding:0 30px;}
	.catchcopy p{font-size:1.4rem;}

	section.contact ul{flex-flow:row wrap;}
	section.contact .contact_photo li:first-child{width:100%;}
	section.contact .contact_photo li{width:50%;}
	section.contact .contact_link li a{height:40px;padding:10px;}
	section.contact .contact_link li a img{height:auto;}
	section.contact .contact_link li:first-child a{padding-right:10px;}
	section.contact .contact_link li:last-child a{padding-left:10px;}

	.item li,
	.recommend_deli .item li{width:100%;}

	.news .ttl_a{margin-bottom:40px;}
	.news dl{flex-flow:row wrap;}
	.news dl dt{width:100%;padding:20px 15px 10px;}
	.news dl dd{width:100%;padding:0 15px 20px;}

	.recommend_deli .ttl_a{margin-bottom:40px;}
	.recommend_deli .item .icon_orange{width:70px;height:70px;}
	.recommend_deli .item .icon_green{width:70px;height:70px;}

	.recommend_frozen .ttl_a{margin-bottom:40px;}

	.gyoza .ttl_a{margin-bottom:50px;}
	.gyoza .column .row{width:100%;padding:10px 15px;}

	.info .wrap .row.txt{padding:20px;}
	.info .wrap .row.txt h1{font-size:2.0rem;}
	.info .wrap .row table th,
	.info .wrap .row table td{display:block;width:100%;padding:8px 15px;line-height:1.3;}
	.info .wrap .row table th{border:none;}

	.page_access iframe{height:350px;}
	.page_access .column .row{width:100%;}
	.page_access .column .row p small{display:inline-block;margin-left:0;}

	.page_company table th,
	.page_company table td{display:block;width:100%;text-align:left;padding:8px 15px 15px;line-height:1.3;}
	.page_company table th{text-align:left;border:none;padding:15px 15px 0;}

	/*--form--*/
	.page_contact .txt_center{font-size:1.2rem;text-align:left;}
	form table{width:100%;}
	form table th,
	form table td{display:block;width:100%;padding:20px 0;}
	form table th{text-align:left;border:none;padding:20px 0 0;}
	form table input[type="text"],
	form table textarea{width:100%;font-size:1.6rem;}
	form .btn_form input[type="submit"]{width:100%;}
	.page_contact .thanks p{text-align:left;}
	.page_contact .thanks .phone{text-align:center;}
}


	.item li .price {
		display:none;
	}