@charset "utf-8";
/*
Theme Name: wasabitheme9

Author: cosmo's factory
Version: 9.0
*/

/* -------------------フォント ------------------- */

@font-face {
  font-family: 'mplus-1c-regular';
  src: url('font/mplus-1c-regular.ttf') format('truetype');
}

@font-face {
  font-family: 'mplus-1c-bold';
  src: url('font/mplus-1c-bold.ttf') format('truetype');
}

@font-face {
  font-family: 'aoyagireisyosimo';
  src: url('font/aoyagireisyosimo_ttf_2_01.ttf') format('truetype');
}

@font-face {
  font-family: 'KouzanBrushFontOTF';
  src: url('font/KouzanBrushFontOTF.otf');
}

@font-face {
  font-family: 'APJapanesefont';
  src: url('font/APJapanesefont.ttf') format('truetype');
}




body	{margin: 0;
	font-size: 14px;
		font-family: 'mplus-1c-regular';
	line-height: 20px;
	background-image: url(images/back1.jpg);
	background-position: top;
	background-repeat: repeat-x;
-webkit-text-size-adjust: 100%;
}


p.title	{font-weight: bold;
	font-size: 18px;
	text-decoration: none;
	color: #2e8b57
}
/* 背景画像 */

.bgslideshow { position: fixed; left:0; top:0; z-index: -1; height: 100%; width: 100%; }  
.bgslideshow img { position: absolute; min-height: 100%; min-width: 888px; width: 100%; height: auto;left:0; top:0; }



/* =イメージホバー時　透過
-------------------------------------------------------------- */
a:hover img{
	opacity:0.8;
	filter: alpha(opacity=80);
}


/* ------------------- 共通------------------- */
#content {

	width:100%;
	max-width:1280px;
	box-sizing: border-box;
	padding: 0px;
	margin: 0 auto;
	background-image:url('images/top-back.jpg');  
	background-position:right;  
	background-repeat:repeat;  
}

#content2 {

	width:100%;
	max-width:940px;
	margin: 0 auto;
	box-sizing: border-box;
	padding: 10px;
	box-shadow: 0px 0px 15px 15px rgba(0, 0, 0, 0.2);
	background-color: #fff;
	
}
/* ------------------- ヘッダー ------------------- */
header{
	width: 100%;
	margin: 0;
	box-sizing: border-box;
	}
#headlogo-1{
    margin-bottom: -5px ;
    padding: 0;
	}

.slider-outer {
   	overflow: hidden;
}

.slider {
   	position: relative;
	z-index: 0;
}  

.headlogo-top{
   	position: absolute; 
	width: 30%;
	max-width: 500px;
	top: 5%;
	left: 5%;
	z-index: 100;
} 

.headrecruit{
   	position: absolute; 
	width: 30%;
	max-width: 500px;
	bottom: 5%;
	left: 5%;
	z-index: 100;
}

.topnews-m{
	margin: 0 auto;
	padding-top: 10px;
	width: 70%;
	max-width: 500px;
	}

@media (max-width: 769px) {
	
.slider {
width: 150%;
float: right;
}  
	
.headlogo-top{
	display:none;
}  

header{
	margin-top: 45px;
	}
.lunchi2{
    padding: 10px;
	font-size: 12px;
	color: #f00

	}

}




/* -------------------グローバルメニュー ------------------- */


.navmenu{
	box-sizing: border-box;
  *zoom: 1;
  list-style-type: none;
  width: 100%;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-size: 20px;
  font-family: 'KouzanBrushFontOTF';

  letter-spacing: -2px;
  text-align: center;

}


.navmenu li{
box-sizing: border-box;
  width:11.11%;
  float: left;
  margin: 0;
  padding: 0;
  text-align: center;

    background: #A5A805;
	border-right: 1px solid #fff;
 
}
.navmenu li a{
  display: block;
  margin: 0;
  padding: 14px 0 11px;
   color: #fff;
  line-height: 1;
  text-decoration: none;
    transition: .8s;
}


.navmenu .current a {
color: #ff0;
} 


.navmenu li:hover > a{
  color: #F9FD9B;
  background: #898c00;
  opacity: 0.9;

}

@media (max-width: 1000px) {
.navmenu{
	 font-size: 18px;
}
}


@media (max-width: 888px) {
.navmenu{
	 font-size: 15px;
}
}

@media (max-width: 650px) {
.navmenu{
	 font-size: 12px;
}
}




/* ハンバーガーメニュー
------------------------------------------------------- */
.hm_menu_check {/* チェックボックスを隠す */
  display: none;
}
.hm_wrap {
	background-color:#A5A805;
	font-size: 18px;
	font-weight: 700;
	display: inline-block;
	position :fixed;
	top :0;
	left :0;
	width :100%;
	padding :10px 10px 0px 10px;
	z-index: 6;
}


.hm_title {/* 見出し */
	position: relative;
	color: #fff;
	display: inline-block;
	float: left;
	margin: 0 0 0 15px;
}



/* メニューボタン */
.hm_btn {
	position: relative;
	width: 30px;
	height: 30px;
	cursor: pointer;
	display: block;
	float: left;
	z-index: 6;
}
.hm_btn::before {
	-webkit-box-shadow: #000 0 12px 0;
	box-shadow: #000 0 12px 0;
}
.hm_btn::after {
	bottom: 0;
}
.hm_btn::before,
.hm_btn::after {
	width: 30px;
	height: 6px;
	background: #000;
	display: block;
	content: '';
	position: absolute;
	-webkit-transition: -webkit-box-shadow 0.2s linear, -webkit-transform 0.2s 0.2s;
	transition: box-shadow 0.2s linear, transform 0.2s 0.2s;
}
/* メニューボタン */

.hm_menu_wrap {
	width :100%;
	height :10000px;
	background: rgba(165, 168, 5, 0.8);
	position: absolute;
	left: -100%;
	top: 0;
	-webkit-transition: left 0.4s;
	transition: left 0.4s;
	z-index: 5;
}

/* 開閉時のアニメーション */
.hm_menu_check:checked ~ .hm_title {
	opacity: 1;
	-webkit-transform: none;
	-ms-transform: none;
	transform: none;
}
.hm_menu_check:checked ~ .hm_btn::before {
	-webkit-box-shadow: transparent 0 0 0;
	box-shadow: transparent 0 0 0;
	-webkit-transform: rotate(45deg) translate3d(6px, 11px, 0);
	transform: rotate(45deg) translate3d(6px, 11px, 0);
}
.hm_menu_check:checked ~ .hm_btn::after {
	-webkit-transform: rotate(-45deg) translate3d(6px, -11px, 0);
	transform: rotate(-45deg) translate3d(6px, -11px, 0);
}
.hm_menu_check:checked ~ .hm_menu_wrap {
	left: 0;
}

/* △△開閉時のアニメーション△△ */

/* ▽▽メニュー内のリストスタイル▽▽ */
.hm_list {
	list-style-type: none;
	margin: 50px 0 0;
	padding: 0;
}
.hm_list li a {
	color: #fff;
	display: block;
	overflow: hidden;
	padding: 15px 22px;
	position: relative;
	text-decoration: none;
	z-index: 1;
}
.hm_list li a::before {/* aタグマウスオーバー時の背景 */
	background: rgba(165, 168, 5, 1);
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 100%;
	left: 0;
	-webkit-transition: bottom 0.4s;
	transition: bottom 0.4s;
	z-index: -1;
}

.hm_list li a:hover::before {
	bottom: 0;
}

.hm_list li a:hover::after {
	opacity: 0.5;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
/* メニュー内のリストスタイル△△ */

/* △△ハンバーガーメニュー△△
------------------------------------------------------- */


/* ------------------- 投稿 ------------------- */

.contents
{ 
	box-sizing: border-box;
	padding: 0;
	float: left;
	width: 100%;
	margin-left: -300px
}

.contents-inner
{ 
	margin-left: 300px
}

.contents-t
	{
	margin-bottom: 10px;
	width: 100%;
	box-sizing: border-box;
}


.side
	{
	float: right;
	width: 300px
}




@media (max-width: 620px) {
.contents
{ 
	width: 100%;
	float: none;
	margin-left: 0px
}
.contents-inner
{ 
	margin-left: 0px
}

.side	{float: none;
	width: 100%}
}
}

.post img{
max-width: 100%
}
.post	{
	margin-bottom: 30px;
	overflow: hidden}

.post h2 {
	background-image: url(images/chip.png);
	background-repeat: no-repeat;
	background-position: left center;
	border-bottom: solid 2px #A5A805;
	font-size: 18px;
	padding: 10px 18px;
	margin: 0}

.post h2 a	{color: #006400; text-decoration:none; }

div.post p	{
	font-size: 13px;
	line-height: 20px}

.post p.postcat	{text-align: right;
	margin: -12px 10px 10px 0}

.post p.postcat a	{font-size: smaller;
	background-color: #A5A805;
	border-radius: 2px;
	color: #ffffff;
	text-decoration:none; 
	padding: 1px 5px}

.post p.postinfo	{color: #0c8bcd;
	text-align: right;
	margin: 0}

.post p.date{
	font-size: 12px;
	color: #ffffff;
	background-color: #A5A805;
	padding: 2px 20px 2px 20px;
	margin: 0;
}




/* サムネイル画像 */
.post p.thumb	{float: left;
	margin: 0 10px 10px 0}


/* 記事内の画像 */
.aligncenter	{display: block;
	margin-left: auto;
	margin-right: auto}

.alignleft	{float: left;
	margin-right: 10px;
	margin-bottom: 10px}

.alignright	{float: right;
	margin-left: 10px;
	margin-bottom: 10px}

.wp-caption	{border: solid 1px #aaaaaa;
	text-align: center;
	padding-top: 5px}

/* 画像のキャプション */
.wp-caption-text	{margin: 0;
	color: #666666;
	font-size: 10px;
	text-align: center}

.wp-caption-text a	{color: #666666}

/* 大きい画像用の設定 */
img, .wp-caption	{max-width: 100%;
	height: auto}


/* ページネーション */
p.pagenation	{font-size: 12px;
	overflow: hidden}

p.pagenation	a{
	color: #555;
	text-decoration: none;
}

span.oldpage	{float: left}

span.newpage	{float: right}


/* 背景画像 */



/* ------------------- 基本構造 ------------------- */
.container{
	width: 100%;
	max-width:940px;
	margin: 0 auto;
	padding: 10px;
	box-sizing: border-box;
}


#shadow{
	margin: 0 auto;
	width: 100%;
	max-width:940px;
	background: #fff;
	box-shadow: 0px 0px 15px 15px rgba(0, 0, 0, 0.2);
}


.midashiL{
	margin: 0 ;
	width: 30%;
	float:left;
}

.midashiR{
	margin: 0 ;
	width: 70%;
	float:right;
}

@media (max-width: 620px) {

.midashiL{
	margin: 0 auto ;
	width: 70%;
	max-width: 290px;
	float:none;
}

.midashiR{
	margin-top: -30px ;
	width: 100%;
	float:none;
}

}
																									
/* -----------------営業時間モーダル----------------- */
.layer_board_bg,
.layer_board {
position: absolute;
}
.layer_board_bg {
position: fixed;
width: 100%;
height: 100%;
z-index: 1000;
top: 0;
left: 0;
display: none;
cursor: pointer;
background: #000;
}
.layer_board {
display: none;
position: fixed;
height: 50%;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
background: #fff;
overflow: scroll;
z-index: 2000;
padding: 50px
}
.layer_board p {

}
.btn_close {
display: block;
text-decoration: none;
background: #A5A805;
color: #fff;
text-align: center;
padding: 20px 40px;
width: 200px;
margin: 0 auto
}
.layer_board_btn{
width:100%;

}
.opningtime-title{
padding:5px;
margin:10px auto;
background-color: #f00;
text-align: center;
font-size: 18px;

}
.opningtime-title a{
text-decoration: none;
color: #fff;

}
@media (max-width: 414px){
.layer_board {
width: 250px;
padding: 10px
}
.btn_close {
width: 150px;
}
}																												
/* -----------------トップページ ----------------- */

#top-notes{
width:100%;
text-align: center;
}


.spl-info {
width:100%;
overflow: hidden;
margin:  10px;
padding: 0;
}
.spl-info p{
	font-size: 20px;
	margin:  0;
	padding: 0;
	white-space: nowrap;
  animation: animate-banner 15s linear infinite;
}

@keyframes animate-banner {
  from   { transform: translate(100%);} 
  99%,to { transform: translate(-100%);}
}


#content-top{
	box-sizing: border-box;
	width:100%;
	margin:  0;
    padding: 0px;
display:flex;
}



#recommend{
	box-sizing: border-box;
	width:50%;
	margin-top:15px;
    padding: 0;
	float: left;
}
																												
																												
.splide__slide img {
  height: auto;
  width: 100%;
}
#topics{
	box-sizing: border-box;
	width:50%;
	margin: 0;
    padding: 0;
	float: right;
	 background-image: url("images/back-topics.jpg");
	 background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
	position: relative;
}


.daily{
	box-sizing: border-box;
	width:100%;
	margin:  0;
    padding: 0;
}

.honten-today{
	box-sizing: border-box;
	width:50%;
	margin:  0;
    padding: 10px;
	float: left;
	position: relative;
}

.muroran-today{
	box-sizing: border-box;
	width:50%;
	margin:  0;
    padding: 10px;
	float: right;
	
}

.monthly-oshinagaki{
	box-sizing: border-box;
	width:100%;
	margin:  0;
    padding: 0;

}

.title02{
	box-sizing: border-box;
	margin-top:-6px;
    padding: 3px 6px;
	width:100%;
 background-color: #A5A805;
 color: #fff;
	border-radius: 0px 0px 5px 5px;
}
.title02 a{
 color: #fff;
 text-decoration: none;
}

.monthly{
	box-sizing: border-box;
	width:70%;
	margin:  0;
    padding: 0;
	float: left;
	position: relative;
bottom: -9px;
	z-index: 1;
}

.recommend-title{
	overflow: hidden;
}

.recommend-title img{
	width:500px;
	max-width:500px;
}


#oshinagaki{
	box-sizing: border-box;
	width:30%;
	margin:  0;
    padding: 0;
	float: right;
	position: relative;
	

}

.g-menu{
	box-sizing: border-box;
	width:160%;
	margin:  0;
    padding: 0;
	float: left;
	position: absolute;
	left: -50px;   
	bottom: 40px;
	z-index: 1;
	    transform: rotate(-10deg);
    -moz-transform: rotate(-10deg);
    -webkit-transform: rotate(-10deg);
}

.g-menu img{
	box-shadow: 4px 4px 12px #000;
}



.topics-outer{
	box-sizing: border-box;
	width:40%;
	margin-top:15px;
	margin-right:10px;
    padding: 0;
	float: right;
}

.topics-cont{
	box-sizing: border-box;
	width:100%;
	margin-right:10px;
    padding: 0;
	position: relative;
}
.title01{
	box-sizing: border-box;
	margin:0;
    padding: 3px 6px;
	width:80%;
 background-color: #A5A805;
 color: #fff;
 position: absolute;
 left: -100px;
    bottom: 20px;                                                                                                                                  
	transform: rotate(-5deg);
    -moz-transform: rotate(-5deg);
    -webkit-transform: rotate(-5deg);
	border-radius: 5px;
	box-shadow: 4px 4px 12px #000;
}

.title01 a{
 color: #fff;
 text-decoration: none;
}


.datetime{
	box-sizing: border-box;
	margin:0;
    padding: 3px 6px;
	width: 100px;
	height: 40px;
 background-color: #A5A805;
 color: #fff;
 border-radius: 50%;
 position: absolute;
 right: -5px;
    top:-5px;                                                                                                                                  
font-size: 12px;
text-align:center;
  line-height: 32px;
  vertical-align: middle;
}




#card{
	box-sizing: border-box;
	width:40%;
	margin-top:15px;
	margin-right:10px;
    padding: 0;
	float: right;
}
                                                                                                                 

#yoyaku{
	box-sizing: border-box;
	width:45%;
	margin:  0;
    padding: 0;
	position: absolute;                                                                                                                                  
	bottom: -5px;                                                                                                                                  
right: 43%; 
}

@media (max-width: 900px){
.topics-outer{
	box-sizing: border-box;
	width:50%;
}


.title01{
	box-sizing: border-box;
	margin:0;
    padding: 3px 6px;	
	width:100%;
}


}

@media (max-width: 769px){


#content-top{
display:block;
}

#recommend{
	width:100%;
	float: none;
}

#topics{
	width:100%;
	float: none;
	margin-top: 10px;
}

.monthly-oshinagaki{
	overflow: hidden;

}
}


@media (max-width: 414px){
	
.title01,.title02{
font-size: 12px;
}
.datetime{

    top:-5px;                                                                                                                                  
font-size: 10px;
width: 80px;
	height: 30px;
	line-height: 25px;
	top:-10px; 
}

.g-menu{
	bottom: 10px;
}

.g-menu img{
	box-shadow: 4px 4px 12px #000;
}
}

																												
																								
																												
/* =お持ち帰りトップ*/

#takeout-toppage{
	background-image: url("menuimages/menuback3.jpg");
	box-sizing: border-box;
	width:100%;
	margin-top:10px;
    padding: 0;
	display:flex;
}

.take-top01{
	box-sizing: border-box;
	width:20%;
	margin:  0;
    padding: 0;
	float: left;
}

.take-top02{
	box-sizing: border-box;
	width:80%;
	margin:  0;
    padding: 0;
	float: right;
}

.take-top02-L{
	box-sizing: border-box;
	width:50%;
	margin:  0;
    padding: 0;
	float: left;
}
.take-top02-R{
	box-sizing: border-box;
	width:50%;
	margin:  0;
    padding: 0;
	float: right;
}

.take-top02-B{
	box-sizing: border-box;
	width:100%;
	height: 80px;
	margin:  0;
    padding: 0;
	overflow: hidden;
}


/*
#photo{
     
     z-index: 5;
}
*/

#photo li img{

  	transition: 0.3s;
}
#photo li img:hover{

		-webkit-transform: translate(0,-10px);
		-moz-transform: translate(0,-10px);
		-ms-transform: translate(0,-10px);
		-o-transform: translate(0,-10px);
		transform: translate(0,-10px);
}

@media (max-width: 414px){
	
.take-top01{
	width:40%;
	padding-top:30px;
}

.take-top02{
	width:60%;

}

.take-top02-L{
	width:100%;
	float: none;
}
.take-top02-R{
	width:100%;
	float: none;
}

}



/* =リンク*/

#bottom01{
	box-sizing: border-box;
	float: left;
	width:25%;
	padding:10px;
}

@media (max-width: 768px) {
	


#bottom01{
	float: none;
	width:100%;
	max-width:300px;
	margin: 0 auto;
}
}





/* ----------------- サイドバー-----------------  */

.side
{ 



}

.side-innner
{ 
	box-sizing: border-box;
	width: 300px;
	padding: 0 10px 10px 10px;
}
.side-innner a
{ 
	font-size: 12px;
	color: #555;
	text-decoration: none;

}


@media (max-width: 620px) {
.side-innner
{ 
	float: none;
	width: 100%;
	padding: 0;
}
}


.side-banner
{ 
	width: 210px;
	margin: 0 auto;
}
.postlist-title{
	color: #A5A805;
	margin: 10px 0 5px 0;
	padding: 2px;
	border-top: 1px solid #A5A805;
	border-bottom: 1px solid #A5A805;
}
.onsenbanner
{ 
	width: 100%;
	max-width: 210px;
	margin: 0 auto;
}
.postlist-category {
    margin: 10px 0 5px 0;
    padding: 2px;
    border-top: 1px solid #A5A805;
}
.postlist-category img {
    float: left;
    margin: 10px 6px 0 0;
    width: 90px;
    height: 50px;
}
.postlist-category a {
    display: block;
}
.postlist-category-inner {
    margin: 0;
    padding: 1px;
	color: #fff;
    font-size: 12px;
}
.postlist-category-inner p {
	color: #fff;
	margin: 1px 0 5px 3px;
}

.postlist-category-inner p a{
	color: #2e8b57;
	text-decoration: none;
}

.postlist-datetime {
	color: #222;
	font-size: 10px;
}

#dropdown{
	color: #A5A805;;
	margin: 10px 0 5px 0;
	padding: 2px;
	border-top: 1px solid #A5A805;
	border-bottom: 1px solid #A5A805;
}

#facebook{
	text-align: center;
	margin-bottom: 10px;
	border-bottom: 1px solid #A5A805;
}
/* fit-sidebar */
.fit-sidebar-fixed{
	margin-top:0!important;
	margin-bottom:0!important;
	position:fixed;
}
.fit-sidebar-blank{
	z-index:0;
	background-color:transparent;
	visibility:hidden;
}


/* -------------------お品書き ------------------- */

#content-oshinagaki {

	width:100%;
	max-width:940px;
	margin: 0;
	box-sizing: border-box;
	padding: 0;
	margin: 0 auto;
	background-image:url('images/top-back.jpg');  
	background-position:right;  
	background-repeat:repeat;  
	box-shadow: 0px 0px 15px 15px rgba(0, 0, 0, 0.2);
}

/* メニューバー */

#menu-nav { 
	width:100%;
	background-image:url('menuimages/menuback.jpg');  
}


.menu-menu{	
	width:100%;
	max-width:940px;
	margin: 0 auto ;
	padding: 0;
	height: 45px;
	box-sizing: border-box;
	padding-top: 5px;
}

.menu-menu li{
	box-sizing: border-box;
	padding-top: 9px;
	float: left;
	width: 16.666%; 
	height: 40px;
	font-size: 18px;
	font-family: 'KouzanBrushFontOTF';
	text-align: center;
	list-style-type: none;
	background-image:url('menuimages/oshinagakimenu-back.png');  
	border-right: 1px solid #fff;
}
.menu-menu li a{
    display: block;
    color: #000;
	text-decoration: none;
    transition: .8s;
}

ul li:last-child {
	border:0;
}


.menu-menu li:hover > a{
    color: #999;
}


@media (max-width: 1000px) {
.menu-menu{
	 font-size: 18px;
}
}


@media (max-width: 850px) {
.menu-menu{
	 font-size: 15px;
}
}

@media (max-width: 650px) {
.menu-menu{
	 font-size: 12px;
}
}





.menuback
{ 
	width: 100%;
	margin:0;
	padding-bottom: 10px;
	background-image:url('menuimages/menuback.jpg');  
	background-position:top; 
		overflow: hidden;
 
}  
.dammy
{ 
		padding: 0;
margin-right:-56px;
position: static;
}  

/* フリップメニュー- */
#flipbook-outer{
width:100%;
	padding:20px;
	margin: 0 0 0 -470px;
	position: relative;
	left: 50%;
	z-index: 1;
}

#flipbook{
  direction:rtl;

width:900px;
height:255px;
position: absolute;
	z-index: 1;
}
#magazine .turn-page{
width:450px;
height:255px;
background-color:#ccc;
}

.page-wrapper{
z-index: -2;
}
@media (max-width: 920px) {
#flipbook-outer{
	margin: 0 0 0 -380px;
}
#flipbook{
width:720px;
height:204px;
}
#magazine .turn-page{
width:360px;
height:204px;
}
}
@media (max-width: 720px) {
#flipbook-outer{
	margin: 0 0 0 -308px;
}
#flipbook{
width:576px;
height:163px;
}
#magazine .turn-page{
width:288px;
height:163px;
}
}

@media (max-width: 576px) {
#flipbook-outer{
	margin: 0 0 0 -230px;
}
#flipbook{
width:460px;
height:130px;
}
#magazine .turn-page{
width:230px;
height:130px;
}
}

@media (max-width: 460px) {
#flipbook-outer{
	margin: 0 0 0 -184px;
}
#flipbook{
width:368px;
height:104px;
}
#magazine .turn-page{
width:184px;
height:104px;
}
}

@media (max-width: 368px) {
#flipbook-outer{
	margin: 0 0 0 -147px;
}
#flipbook{
width:294px;
height:83px;
}
#magazine .turn-page{
width:147px;
height:83px;
}
}


/* -------------------メニュー ------------------- */

	
.menuback2
{
	max-width:940px; 
	margin:0 auto;
background-image:url('menuimages/menuback2.jpg');  
background-position:right;  
background-repeat:repeat;  
box-shadow: 0px 0px 15px 15px rgba(0, 0, 0, 0.2);
}  

#menu-wrap { 
	
	width:100%;
	max-width:940px;
	 text-align:left; 
	margin:0 auto;
	padding: 20px;
	box-sizing: border-box;
	box-shadow: 0px 0px 15px 15px rgba(0, 0, 0, 0.2);
}  
#menu-inner { margin:0 12px; }  
#menu-largeAlphaWrap { float:left; width:25%; }  
#menu-largeBetaWrap { float:right; width:75%; }  
#menu-aWrap { float:left; width:100%; 	box-sizing: border-box; padding: 5px; max-width:210px;}  
#menu-bWrap { float:left; width:50%; box-sizing: border-box; padding: 5px; max-width:210px; position: relative;}  

.datemuro{
position: absolute; 																													top: 0; 																												left: 0;
}  

@media (max-width: 620px) {

#menu-inner { width:50%;margin:0 auto; }  
#menu-largeAlphaWrap {float:none; width:100%; }  

#menu-largeBetaWrap { float:none; width:100%; }  
#menu-aWrap { float:none; width:100%; 	box-sizing: border-box; padding: 5px; margin:0 auto; }  
#menu-bWrap { float:none; width:100%; box-sizing: border-box; padding: 5px; margin:0 auto;  }  


}


@media (max-width: 400px) {
#menu-inner { width:70%;margin:0 auto; }  
}
 

/* ------------menu　ガイド------------------------- */

#guide-nav {

margin: 0 0 0 -470px;
    position: fixed;
    top: 30%;
    left: 50%;
}

@media (max-width: 939px) {
#guide-nav {
	top: 20%;
	margin: 0;
	left: 0;
}
}

#guide-nav2 {

margin: 0;
    position: fixed;
    top: 25%;
    right: 0%;
	z-index: 2;
}

@media (max-width: 620px) {
#guide-nav {
    top: 60px;
}

}


/* ------------問い合わせ------------------------- */
.Common-class { 
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}  
#inquiry-wrap { width:100%; text-align:left; margin:0; 
	background-image:url('images/Common-back.jpg');  
	z-index: -2;}  
#inquiry-largeAlphaWrap { float:left; width:70%; }   
#inquiry-aWrap { float:left; width:35%; }  
#inquiry-bWrap { float:right; width:65%; }  
#inquiry-cWrap { float:left; width:30%; }   

.wpcf7 {
	margin: 96px 0;

}
.asterisk {
	margin: 0 0 0 0.2em;
	color: #f5637a;
}
.wpcf7 span.wpcf7-not-valid-tip {
	font-size: 80%;
}
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="url"],
.wpcf7 textarea {
	background-color: #fff;
	color: #333;
	width: 95%;
	border: 1px solid #ddd;
	font-size: 100%;
	padding: 0.5em;
	border-radius: 4px;
	box-shadow: 1px 1px 3px rgba(0,0,0,.1) inset;
}
.wpcf7 input[type="submit"] {
	font-size: 100%;
	padding: 0.2em 0.4em;
	background: #808000;
	color: #fff;
	border-radius: 4px;
	cursor: pointer;
	box-shadow: 0 0 1px rgba(0,0,0,.2);
	border: 1px solid #ccc;
	text-shadow: -1px 1px 0 rgba(0,0,0,1);
}
.wpcf7 input[type="submit"]:hover {
	box-shadow: 0 0 1px rgba(0,0,0,.2) inset;
}



@media (max-width: 620px) {
#inquiry-largeAlphaWrap { float:none; width:100%; }   
#inquiry-aWrap { float:none; width:100%; 	text-align:center; }  
#inquiry-bWrap { float:none; width:100%; }  
#inquiry-cWrap { float:none width:50%; }   
}  
																												
																												
/* お盆セットメールフォーム*/
.obonform{
width:100%;
max-width:900px;

}
																												
.obonform.wpcf7 {
	margin: 0px 0;

}
.cf7__list {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 60px;
}



.cf7__list dt {
  width: 35%;
  padding-top: 15px;
}

.cf7__list dd {
  width: 65%;
}

/* 必須・任意 */
.cf7__required,
.cf7__optional {
  margin-right: 15px;
  padding: 6px 14px;
  color: #fff;
  font-size: 12px;
  vertical-align: 1px;
}

.cf7__required {
  background: #BE1D1D;
}

.cf7__optional {
  background: #878D8E;
}

/* input・textarea */
.cf7__list dd input[type="text"],
.cf7__list dd input[type="tel"],
.cf7__list dd input[type="email"],
.cf7__list dd textarea {
  width: 100%;
  padding: 10px 10px;
  background: #F4F4F4;
}

/* ドロップダウンメニュー */
.cf7__select {
position: relative;

}

.cf7__select:before {
  position: absolute;
  top: 50%;
  right: 20px;
  z-index: 10;
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border-top: 8px solid #000;
  border-right: 6px solid transparent;
  border-left: 6px solid transparent;
  pointer-events: none;
  content: '';
}

.cf7__select select {
  width: 100%;
  padding: 10px 10px;
  background: #F4F4F4;
color: #000;
font-size: 14px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

/* チェックボックス・ラジオボタン */
.cf7__list dd .wpcf7-checkbox,
.cf7__list dd .wpcf7-radio {
  display: block;
  padding: 15px 0 10px;
}

/* 縦並び（チェックボックス・ラジオボタン） */
.cf7__list dd .wpcf7-list-item {
  display: block;
  margin: 0;
}

.cf7__list dd .wpcf7-list-item:nth-child(n + 2) {
  margin-top: 18px;
}

/* マウスカーソル（チェックボックス・ラジオボタン） */
.cf7__list dd .wpcf7-list-item label {
  cursor: pointer;
}

/* チェックボックス・ラジオボタン */
input[type="checkbox"],
input[type="radio"] {
  position: relative;
  width: 18px;
  height: 18px;
  margin-right: 8px;
  border: 1px solid #bcbcbc;
  vertical-align: -3px;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

/* チェックボックス */
input[type="checkbox"]:checked {
  border: 1px solid #000;
  background: #000;
}

input[type="checkbox"]:checked:before {
  position: absolute;
  top: 2px;
  left: 5px;
  transform: rotate(50deg);
  width: 6px;
  height: 10px;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  content: '';
}


}

/* プレースホルダー */
/* Google Chrome / Safari / Mozilla Firefox / Opera */
.cf7__list dd input[type="text"]::placeholder,
.cf7__list dd input[type="tel"]::placeholder,
.cf7__list dd input[type="email"]::placeholder,
.cf7__list dd textarea::placeholder {
  color: #a5a5a5;
}

/* Microsoft Edge */
.cf7__list dd input[type="text"]::-ms-input-placeholder,
.cf7__list dd input[type="tel"]::-ms-input-placeholder,
.cf7__list dd input[type="email"]::-ms-input-placeholder,
.cf7__list dd textarea::-ms-input-placeholder {
  color: #a5a5a5;
}

/* Internet Explorer */
.cf7__list dd input[type="text"]:-ms-input-placeholder,
.cf7__list dd input[type="tel"]:-ms-input-placeholder,
.cf7__list dd input[type="email"]:-ms-input-placeholder,
.cf7__list dd textarea:-ms-input-placeholder {
  color: #a5a5a5;
}

/* 送信ボタン */
.cf7__button {
  padding-left: 72px;
  text-align: center;
}

input[type="submit"] {
  width: 260px;
  height: 60px;
  background: #000;
  color: #fff;
  transition: opacity .6s;
}

input[type="submit"]:hover {
  opacity: .6;
}

/* ajax-loader */
.wpcf7-spinner {
  vertical-align: middle;
}

@media screen and (max-width: 767px) {

  .cf7__list dt {
    width: 100%;
    margin-bottom: 15px;
    padding-top: 0;
  }

  .cf7__list dd {
    width: 100%;
  }

  .cf7__list dd:nth-of-type(n + 2) {
    margin-top: 0;
  }

  .cf7__list dd .wpcf7-checkbox,
  .cf7__list dd .wpcf7-radio {
    padding: 15px 0 0;
  }

  /* 送信ボタン */
  

}																
																												
																												
/* 和さびについて
-------------------------------------------------------------- */


#about-left {
	width:45%;
	float:left; 
	margin:0; 
	margin-bottom:10px; 
	box-sizing: border-box;
}  


#about-right {
	width:55%;
	float:right; 
	margin-bottom:10px; 
	padding-left:10px;
	box-sizing: border-box;
	line-height: 23px;
}  

#about-right h1{
	font-size: 24px;
	color: #822;
	margin-bottom:10px; 
}  

@media (max-width: 620px) {

#about-left {
	width:70%;
	float:none; 
	margin:0 auto; 
}  


#about-right {
	width:100%;
	float:none; 
	margin-bottom:15px; 
}  
#about-right h1{
	font-size: 20px;
}  


}



/* 本店　室蘭店　店舗紹介
-------------------------------------------------------------- */
.wasa-hol{
width:100%;
 margin-bottom:2px;
padding:0;
text-align: center;
border:1px solid #8b0000;
color: #8b0000; 
	}																										
.kinkyuu{
font-size: 12px;
line-height: 1.1;
	color: #f00; 
	}


.hontenclass
{
	background-color: #4b0082; 
	padding:5px;
	box-sizing: border-box;
	margin-left:168px; 
	}

.muroranclass
{
	background-color: #8b0000; 
	padding:5px;
	box-sizing: border-box;
	margin-left:168px; 
	}

#intro {
	margin:0; 
line-height: 0;
}  


#intro-wrap { width:100%; text-align:left; margin:0 auto; }  
#intro-inner { margin:0 20px; }  
#intro-mainWrap {
	width:50%;
	float:left; 
	margin:0; 
	padding-right:10px;
	box-sizing: border-box;
}  


#intro-sideWrap {
	width:50%; 
	float:right; 
	padding-left:10px;
	box-sizing: border-box;
}  


#intro-wrap2 { width:100%; text-align:left; margin:0 auto; float:left; }  
#intro-A-Wrap { 
	float:left; 
	width:168px; 
	box-sizing: border-box;
	padding-right:10px; 
}  

#intro-BWrap {
	float:right; 
	width:100%; 
	text-align:center; 
	box-sizing: border-box;
	margin-left:-168px;
} 

.notes{
	font-size: 10px;
	color: #000; 
	margin:0; 
	padding:0;
	line-height: 15px;
}  


@media (max-width: 768px) {
#intro-mainWrap {
	float:none; 
	width:100%;
	max-width:380px;
	margin:0 auto; 
}  


#intro-sideWrap {
	float:none; 
	width:100%;
	max-width:380px;
	margin:0 auto; 
}  



}



@media (max-width: 620px) {

#intro-mainWrap {
	padding:0;
}  


#intro-sideWrap {
	padding:0;
}  


#intro-A-Wrap { 
	float:none; 
	width:100%; 
	padding-right:0; 
	text-align:center; 
}  
#intro-BWrap {
	float:none; 
	width:100%; 
	margin-left:0;
	margin-bottom:20px;
} 

.hontenclass
{
	width:100%;
	margin-left:0; 
}

.muroranclass
{
	width:100%;
	margin-left:0; 
}

}


/* -------------------お持ち帰り ------------------- */
.honten-muroran
{
width:100%;
text-align: center;
margin-top: 10px;
padding:10px;
box-sizing: border-box;
font-size: 0;
position:sticky;
top:0px;
 background-color: #fff;
}
.uketoritenpo
{
font-size: 20px;
padding:10px;
}

.honten-muroran img
{
width:50%;
max-width:300px;
}

@media (max-width: 769px) {
.honten-muroran
{top:45px;}

.uketoritenpo
{
font-size: 15px;
}

}


.method {
width:100%;

margin: 0 auto;
overflow: hidden;
display: flex;
align-items: center;
}
.met-L{
float: left;
width:189px;
}

.met-L img,.met-R img{
width:100%;
}

.met-R{
width:100%;
margin-left: -189px;
padding-left: 189px;
float: right;
font-size: 13px;
line-height: 1.5;
}

.met-B{
width:100%;
text-align: center;
}

.met-top{
width:100%;
 margin-top: 10px;
text-align: center;
}
.obon a{
font-size: 16px;
text-decoration: none;
color: #f00;
}

.spl-menu-2{
width:100%;
max-width:600px;
}

.single-item3{
margin: 0;
padding:0;
width:50%;
 text-align: center;
 float: left;
}
.set-item3{ 

padding:0;
width:50%;
 text-align: center;
 float: right;
}

.met-bikou{ 
margin: 10px 0 10px 0;
padding:10px;
color: #f00;
font-size: 12px;
line-height: 1.3;
border: 1px solid #f00;
}

.met-bikou img{ 
width:12px;
vertical-align: bottom;
}

.single-item3 img ,.set-item3 img{
width:100%;
}


.mt-L{
	width:100%;  
	 text-align: center;
}
.mt-R{
	width:100%;
	 text-align: center;

}
.mt1{
	width:100%;
	text-align: center;
}

.mt1 img{
	width:100%;
	max-width:300px;
}

.mt1 img:hover{
		-webkit-transform: translate(0,-10px);
		-moz-transform: translate(0,-10px);
		-ms-transform: translate(0,-10px);
		-o-transform: translate(0,-10px);
		transform: translate(0,-10px);
}

.to-deli{
	width:100%;
	 text-align: center;
}
.deli-img{
	width:100%;
	max-width:300px;
}

@media (max-width: 769px) {
.method {
display: block;

}
.met-L{
width:100%;
float: none;
margin: 0 auto;
text-align: center;
}

.met-R{
width:100%;
margin-left: 0px;
padding-left: 0px;
float: none;

}

.met-L img{
width:100px;
}

.met-B{
display: none;
}

.mt-L{
	width:100%;
float: none;    
}
.mt-R{
	width:100%;
float: none; 
}
	

}

/* -------------------出前 ------------------- */

.deli-chiku
{
	padding:10px;
	font-size: 0;
	box-sizing: border-box;
}


.chiku {
	width: 20%;
	padding:10px;
	margin: 0px;
	font-size: 15px;
	text-align: center;
	box-sizing: border-box;
	background-clip: padding-box;
	display: inline-block;
	background-color: #f5f5f5;
	border: transparent 10px solid;
	font-weight:  normal;
}
.chiku a{
	color: #555;
}

@media (max-width: 769px) {

.chiku {
	width: 25%;
}
}

@media (max-width: 620px) {

.chiku {
	width: 33.3333%;
}
}

@media (max-width: 560px) {

.chiku {
	width: 50%;
	font-size: 12px;
}
}
.chiku a{
	text-color: #f00;
	text-decoration: none;
	transition: all .3s;
}

.chiku a:hover {
  
}


#deli {
	width: 100%;
	max-width: 900px;
	margin: 0 auto;
	padding:0;
	font-size: 18px;
	line-height: 1.5;
	font-family: 'mplus-1c-regular';
	text-align: center;
	box-sizing: border-box;
}

.delianime {
  animation: passing-reverse 4s linear infinite;
  transform-origin: 50% 50%;
}



@keyframes passing-reverse {
  0% { transform:translateX(50%); opacity:0 }
  25% { transform:translateX(0%); opacity:1 }
  50% { transform:translateX(-50%); opacity:0 }
  100% { transform:translateX(-50%); opacity:0 }
}

.deli-O{
text-align: center;
margin: 0;
padding:10px;
width:100%;


}

#deli-L {
	display: inline-block;
	width: 100%;
	max-width: 300px;
	margin: 0;
	padding:5px;
	box-sizing: border-box;
}

#deli-R {
	display: inline-block;
	width: 100%;
	max-width: 300px;
	margin: 0;
	padding:0;
	font-size: 12px;
	font-family: 'mplus-1c-regular';
	text-align: left;
	box-sizing: border-box;
}


.red {
	color: #f30;
}

#deli-body{
	font-size: 15px;
	padding:10px;
	text-align: left;
	
}

#deli-title{
	width: 100%;
	padding:5px 10px;
	font-size: 20px;
	color: #f30;
	background-color: #ff6;
	box-sizing: border-box;
	margin-top:15px;
	font-family: 'mplus-1c-bold';
}

.deli-m{
	font-size: 18px;
	font-family: 'mplus-1c-bold';
text-align: left;
margin-top: 10px;
padding-left: 10px;
}

#deli-tel{
	width: 100%;
	max-width: 900px;
	margin: 0 auto;
	padding:10px;
	font-size: 20px;
	line-height: 1.5;
	font-family: 'mplus-1c-regular';
 text-align: center;
}

#deli-tel img
{
	width: 100%;
	max-width: 300px;
}



/* ------------------- 予約 ------------------- */

.frame {
	 position: relative;
	width: 100%;
	padding: 65% 0 0 0;

}
.frame iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.RESERVATION{
	width: 80%;
	margin: 0 auto;
	margin-bottom:20px;
	text-align: center;
	color: #A5A805;
	font-size: 16px;
	border: 2px dotted #A5A805;
	}


/* ------------------- フッター ------------------- */
footer {
	width: 100%;
	margin: 0;
	padding:0;
overflow: hidden;
	}

/*会社概要 */

.modal-content {
	width: 50% ;
	margin: 0 ;
	padding: 10px 20px ;
	border: 2px solid #aaa ;
	background: #000 ;
	position: fixed ;
	display: none ;
	z-index: 1000 ;
}
  
#modal-overlay {
	z-index: 1 ;
	display: none ;
	position: fixed ;
	top: 0 ;
	left: 0 ;
	width: 100% ;
	height: 120% ;
	background-color: rgba( 0,0,0, 0.75 ) ;
}

.button-link {
	color: #00f ;
	text-decoration: underline ;
}
 
.button-link:hover {
	cursor: pointer ;
	color: #f00 ;
}

#policy{
	text-align: left;
}

#about img,#policy img{
	width: 100%;
}



@media (max-width: 750px) {
.modal-content{
	width:90%;
	padding: 5px ;
}
}





/*インドアビュー */
.indoor
{
  float: auto;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	background-color: #fff;
}


.footer-inner {
	box-sizing: border-box;
	padding:10px;
	background-color: #A5A805;
	height:60px;
	}

#site-info {
	padding-top:10px;
	box-sizing: border-box;
	float: left;
	color: #fff;
	font-size: 10px;
	width: 50%;
	text-align: left;
}

#site-info a{
	color: #fff;
	text-decoration: none;
}


#site-info img{
	vertical-align:bottom;
}


#site-link {
	color:#fff;
	padding-top:10px;
	box-sizing: border-box;
	float: left;
	font-size: 12px;
	width: 50%;
	text-align: right;
	z-index: 1000;
}



#site-link img{
	vertical-align:middle;
}

#site-link a {
  	color:#fff;
	text-decoration: none;
}

#page-top {
    position: fixed;
    bottom: 60px;
        right:10px;
		z-index: 99 ;
}


#TB_window {
	width: 80%;
}



@media (max-width: 768px) {

.footer-inner {
	height:420px;
}

#site-info {
	float: none;
	width: 100%;
	text-align: center;
}

#site-link {
	float: none;
	width: 100%;
}

}


/*電話宅配 */

#deli-01  {
	width: 100%;
	max-width: 900px;
	margin: 0 auto;
	padding:10px;
	font-size: 18px;
	line-height: 1.5;
	font-family: 'mplus-1c-regular';
 text-align: center;
}

#deli-02  {
 text-align: center;
}



#deli-Left{
	width: 50%;
	float: left;
 text-align: right;
}

#deli-right{
	width: 50%;
	float: right;
 text-align: left;
}
.red {
	color: #f30;
}

.deli-s{
	font-size: 15px;
}

#deli-title{
	width: 100%;
	padding:5px 10px;
	font-size: 20px;
	color: #f30;
	background-color: #ff6;
	box-sizing: border-box;
	margin-top:15px;
	font-family: 'mplus-1c-bold';
}

.deli-m{
	font-size: 18px;
	font-family: 'mplus-1c-bold';
}

/*フッター ナビ */

#footer-nav {
    position: static;
    width: 100%;

    margin: 0 auto;
}

#menu-top {
    margin: 0 ;
    padding: 0;
}

.menu-header ul {
    margin: 0 ;
    padding: 0;
}


#footer-nav li {
	box-sizing: border-box;
	padding: 0;
	margin: 0 ;
	float: none;
	width: 100%; 
	height: 35px;
	font-size: 20px;
	letter-spacing: 0px;
	font-family: 'KouzanBrushFontOTF';
	text-align: center;
	list-style-type: none;
	background: none;
	border-right: hidden;
}



#footer-nav li a {
	padding-bottom: 8px;
    display: block;
    color: #fff;
	text-decoration: none;
	border-bottom: 1px solid #fff;  

}

#footer-nav li a:hover {
    color: #F9FD9B;
}

}





/* PC-mobile */

.mobile {position: static;}

@media (min-width: 769px){
.mobile {	display:none;}
}
@media (max-width: 768px) {
.pc {	display:none}
}


.clear { clear:both; }  
.clear hr { display:none; }