/* フォント */
@import url('https://fonts.googleapis.com/css2?family=M+PLUS+1p:wght@800&family=Source+Sans+Pro:wght@600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@700&display=swap');


/*-フォント関連--*/
html {
  font-size: 62.5%;/* ≒10px（デフォルトのフォントサイズ） */
}

body {
	width: 100%;
  font-size: 1.8em;
	background:url("../img/bg_wh.gif") #FFFFFF;
	line-height:1.6em;
	font-family: 'Source Sans Pro', sans-serif;
	padding: 0;
	margin: 0;
}
/*-フォント関連　見出し--*/
h1,h2,h3,h4{
	padding: 10px 0;
}

h1{
	display: block;
	font-size: 5.4rem;
	font-family: 'M PLUS 1p', sans-serif; /* 24px */
	color: #000000;
	margin: 10px;
	line-height: 5.4rem;
}
h2{font-size: 3.4rem; /* 22px */
font-family: 'M PLUS 1p', sans-serif;
}
h3{font-size: 2.9rem; /* 20px */
font-family: 'M PLUS 1p', sans-serif;}
h4{font-size: 2.6rem; 
	font-family: 'M PLUS 1p', sans-serif;}
/*-テキスト関連--*/
.txt-wh{color:#FFFFFF;}
.txt-bk{color: #000000;}

.txt-att{background: rgba(255,0,4,1.00);
    color:#FFFFFF;
}
.txt-red{color:rgba(255,0,4,1.00);
}
/*-テキスト強調--*/
strong{font-weight: bold;}




.p-title{text-align: center;
	padding: 1em 0 0 0 ;
	letter-spacing: 0.1em;

}
.title{
	display: block;
	text-align: center;
	padding:0  ;
	margin: 0.5em auto;
	letter-spacing: 0.1em;
	border-bottom: 1px solid #E72D30;
}
.title2{
	display: block;
	text-align: center;
	margin: 0.5em auto 0.8em auto;
	letter-spacing: 0.1em;
	border-bottom: 1px dashed #A6A6A6;
}

.title-att{
	display: block;
	text-align: center;
	padding:0.5em 0  ;
	margin: 0.5em auto 0.8em auto;
	letter-spacing: 0.1em;
}
.btn-red{border: 1px solid red;
	text-align: center;
}

.s300{width: 300px;}



/*--ボーダー--*/
.brd-infoR{
    display: block;
border:1px solid red;
padding: 10px;
margin: 0.5em auto 0.8em auto;}

.border-bold-red{border: 3px solid hsla(359,100%,50%,1.00);}

/*-サイズ--*/
.w50{width: 50%}

/*-画像サイズ--*/
.img100{width: 100%;
	height: auto;
}
.img80{
    display: block;
    width: 80%;
	height: auto;
    margin: auto;
}
.img70{
    display: block;
    width: 70%;
	height: auto;
    margin: auto;
}
.img50{
    display: block;
    width: 50%;
	height: auto;
    margin: auto;
}
.imgC{
	display: block;
	margin:auto;
	text-align: center;
}
/*-padding--*/
.pdg05{padding:5px;}
.pdg10{padding: 10px}
.pdg15{padding: 15px}

/*-リンク--*/
a{	text-decoration: none;
	color: #000000;
}
/*-改行--*/
.br-sp{display: none;}
.br-pc{display: block;}
/*-ボックス--*/
.wrap{
	width: 100%;
	padding: 0;
	margin: 0;
}

/*--背景色--*/
.bg-red{
    background: rgba(255,0,4,1.00);
    color:rgba(255,255,255,1.00);   
}
.bg-wh80 {background:rgba(255,255,255,0.80);}



/*--header--*/
header{
    display: block;
	width: 100%;
	height: auto;
	z-index:300; 
	background:url("../img/bg_#E72D30.gif")#E72D30;
	font-size: 2.0rem;
	font-family: 'Noto Serif JP', serif;
}


.main{
	max-width: 100%;
	display: block;
	padding:0 0 0.8em 0;
	margin:auto auto 3em auto;
}


section{
	max-width: 1000px;
	display: block;
	min-height: 200px;
	margin: auto;
}



/*--header--*/
div.site-title{
    display: table;
    width:100%;
    height: 70px;
    padding: 0 0 10px 0;

}

/*--SNS--*/
#sns{
	width: auto;
	float: right;
	height: auto;
	position: absolute;
	top:15px;
	right:20px;
}

#sns td{
    float: right;}

#sns img{padding: 5px;
}

.nav-top{
	width: 100%;
}

.w-title{
	max-width:40vh;
	min-height:auto;
	position: absolute;
	top:5px;
	left: 5px;
}

/*-nav btn--*/
section.nav-top{
	width: 100%;
	min-height:100px;
}

.nav{
	display: block;
	background: #E72D30;
	max-width: 100%;
	min-height: 60px;
	margin:auto;
	z-index:300; 
	border-bottom: 3px solid #FFFFFF;
	border-top: 3px solid #FFFFFF;
}

.nav ul{width: 1000px;
	display: table;
	margin: auto;
}

.nav li{
	width: 20%;
	line-height: 60px;
	display: table-cell;
	text-align: center;
	letter-spacing: 0.1em;
	vertical-align: middle;
	text-shadow: 0px 0px 10px #3d3d3d;
}

.nav li a{
	display: block;
	width: 100%;
	color: #FFFFFF;
}



.b-mid{
	border-left: 3px solid #FFFFFF;
	border-right: 3px solid #FFFFFF;
}	
.b-l{
	border-left: 3px solid #FFFFFF;
}
.b-r{
	border-right: 3px solid #FFFFFF;
}	








/*-index（スライドショー）--*/
.img_sl0{background: url("../images/image_bg3.png") no-repeat center;
    background-size: cover;
}
.img_sl{background: url("../images/image_bg.png") no-repeat center;
    background-size: cover;
}
.img_sl2{background: url("../images/image_bg2.png") no-repeat center;
    background-size: cover;
}

/*-index--*/


.news{
	width: 95%;
	margin: auto;
}
.date{
	display: block;
	width: 9em;
	padding: 5px 5px 0 5px;
	margin: 0.8em 0;
	letter-spacing: 0.3em;
	border-bottom: 3px solid #E72D30;
}


/*-info 大切なお知らせ--*/
.i-info{
	display:block;
	width:90%;
	border:3px double #FF0000;
	margin:0 auto 10px auto;
	padding: 10px;
	text-align: center;
	line-height: 1.6em;
	}
	
.i-info h3{
	display:block;
		background: rgb(255,5,9); /* Old browsers */
		background: -moz-linear-gradient(top,  rgba(255,5,9,1) 0%, rgba(204,0,3,1) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,5,9,1)), color-stop(100%,rgba(204,0,3,1))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  rgba(255,5,9,1) 0%,rgba(204,0,3,1) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  rgba(255,5,9,1) 0%,rgba(204,0,3,1) 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  rgba(255,5,9,1) 0%,rgba(204,0,3,1) 100%); /* IE10+ */
		background: linear-gradient(to bottom,  rgba(255,5,9,1) 0%,rgba(204,0,3,1) 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff0509', endColorstr='#cc0003',GradientType=0 ); /* IE6-9 */
	color:#FFF;
	clear:none;
	margin: 0 0 8px 0 ;
		font-size: 1.1em;
	text-shadow: 1px 1px 2px #000; 
	padding: 0.6em
}

.i-info p{
	padding:1em;
	letter-spacing:0.2em;
	line-height:1.3em;
}

a.att{
	display:block;
	background:#eaeaea;
	text-align:center;
	max-width:600px;
	font-size:1.2em;
	border:3px double gray;
	padding:5px 1em;
	margin:5px auto 0 auto;
	color:#E72D30;
	 }



ol.att02{
	display: inline-block;
	border-top:1px solid gray;
	border-bottom:1px solid gray;
	padding: 10px 0 ;
		padding-left: 2em;
	margin: 10px auto 20px auto;
	clear: both;
	float: none;

}

.att02 li{
	list-style: circle;
	list-style-position: outside;
	line-height: 2.3em;
	text-align: left;
	margin-bottom: 5px;
}


	
ol.att03{border:none;}

	
	.att03 li{
	border-bottom: 1px dashed gray;
}

.att03 span{
	background: #E72D30;
	color:white;
	border:1px solid gray;
	padding:3px 1em;
	margin: 0 10px 0 0;
}



/*-メニュー--*/

#order{font-size: 1.8em;
	text-align: center;
}

#order section span.i-info{
	width: 80%;
	margin: auto;
	background: #FFFFFF;
}
.menu{background: url("../menu/menu_bg.png") no-repeat right bottom ;}

.btn-shop{
    background: hsla(0,0%,100%,1.00);
    border:2px solid hsla(359,100%,50%,1.00);
  height:80px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;    
    padding: 5px;
    font-weight: bold;
}


/*--.kindan{background: url("../menu/menu_bg_kindan.png") no-repeat right bottom ;}--/




#allergies ul{
	
	padding: 1.5em 0.5em 0 1.5em;
}

#allergies li{margin: 0 0 0.8em 0;
	list-style: circle;
}



/*-店舗情報--*/
#place .main{
	padding:0;
}

#place section{
}

.shop-info{background: #FFFFFF;
	line-height: 2.0em;
	letter-spacing: 0.1em;
}



#place article{
	min-height: 250px;
}
#place iframe{
	display: table-cell;
	min-width: 100%;
	min-height: 400px;
	margin: 0  auto;
}



#place ul{
	display:table-cell;
	width:100%;
	min-height: 300px; 
	padding: 1em;
	line-height: 1.5em;
	margin: auto;
}

#place li{
	width:100%;
}

/*--#s01{background: url("../place/s01.png") no-repeat right bottom;
background-size:50%;}
#s02{background: none;}
#s02{background: url("../place/s02.png") no-repeat right bottom;
background-size:45%;}
#s03{background: url("../place/s03.png") no-repeat right bottom;
background-size:45%;}--*/


.st{
	font-family: 'M PLUS 1p', sans-serif;
	font-size: 2em;
	color:#E72D30;
}
.shop-info span{
	display: inline-block;
	background: #FF0004;
	width: 5em;
	padding: 0.3em;
	margin: 0.5em 0.5em 0.5em 0;
	color: #FFFFFF;
	text-align: center;
}




/*-フッター--*/
.footer{
	width:100%;
	background:#E72D30;
	padding: 10px 0 0 0 ;
	margin-top: 5em;
	line-height: 2.0em;
	color:#FFFFFF;
}

.footer a{
	color:#FFFFFF;
}

.footer section{
	display: block;
	background-color:hsla(0,0%,100%,0.00) ;
	padding-top: 1em;
}

.footer img{width: 30px;
	height: auto;
	}
.cell{display: table;}

.cell3{
	display:table-cell;
	width:calc(29.3% - 1px);
	height: 100%;
	padding: 2%;
	float: left;
}

.cell3:nth-child(1){
	border-left: 1px solid #FFFFFF;
}
.cell3:nth-child(2){
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
}
.cell3:nth-child(3){
	border-right: 1px solid #FFFFFF;
}

.footer h4{color:#FFFFFF;}

#copy{
	width: 100%;
	display:table;
	clear: both;
	height: 2.5em;
}


/*--フォントサイズ--*/
.fs1em{font-size: 1em}
.fs12em{font-size: 1.2em;}
.fs15em{font-size: 1.5em;}
.fs20em{font-size: 2.0em;}

.brd-red{border:1px solid hsla(359,100%,50%,1.00);
    padding: 3px;
}