@charset "utf-8";
/* CSS Document */
/****base****/
* {
  box-sizing: border-box;
}
html {
  font-size: 62.5%; /* 10px */
}
body {
  font-size: 16px;
  font-size: 1.6rem; /* 16px */
}
p {
  font-size: 1.6rem; /* 16px */
}
li {
  font-size: 1.6rem; /* 16px */
}
li p {
  font-size: 1.6rem; /* 16px */
}
br {
  display: block;
}
img {
  max-width: 100%;
  height: auto;
  border: 0;
}
.sp {
  clear: both;
}
.coloror {
  color: #F90;
}
.pc-dnon {
  display: none;
}
.pc-dnon2 {
  display: block;
}
a:hover {
  opacity: 0.7;
}
body {
	margin: 0;
	padding: 0;
  background: #fbe1c3;
}
h2{margin-block-start: 0;}

/*****共通記述ここまで*****/
/**************************************
for PC　(PCブラウザ用)
****************************************/
/****header　(キャッチフレーズ）****/
header {
  width: 100%;
  min-height: 60rem;
  text-align: center;
  background: url(../img/titleback.jpg) bottom center / cover no-repeat;
  padding: 3rem 1em;
}
header img {
  height: auto;
  border: 0;
  margin: 0;
}
.aisatsublock{
  color: #063;
  position: relative;
  margin: 1.5em auto;
  padding: 2rem;
  max-width: 1200px;
  background: #fff;
  border-radius: 0.5rem;
}
.aisatsu{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
}
.aisatsu p{
	font-size: 120%;
	line-height: 1.6em;
	font-weight: bold;
}
.dashline{
	border-bottom: 1px dashed #063;
	padding-bottom: 1em;
	margin-bottom: 1em;
	text-align: left;
}
.syoukai a{
  display: block;
  background: #ffb351;
  border-radius: 0.5rem;
  width: 35rem;
  color: #fff;
  font-weight: bold;
  margin: 1rem auto;
  text-decoration: none;
  text-align: center;
  padding: 2%;
  /* font-weight: normal;*/
  font-size: 120%;
}

.syoukai a:hover {
  background: #F90;
	opacity: 0.9;
}

.syoukai a:visited{
	color: #FFF;
}
.entru2{ text-align:center; padding:0; font-size:400%; color:#E26106;}
.mini{
	font-size: 80%;
	font-weight: normal;
	line-height: 1em;
}
.aisatsublock:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 45%;
  margin-left: 1.5rem;
  border: 1.5rem solid transparent;
  border-top: 1.5rem solid #fff;
}
.aisatsu div {
  margin: 15px 10px;
  padding: 0;
	width: 45%;
}

.message {
  position: fixed;
  top: 0;
  right: 0;
  display: block;
}
.message2 {
  position: fixed;
  top: 0;
  right: auto;
  light: auto;
  display: none;
}
.message2 img {
  width: 45%;
}
.msg {
  font-size: 180%;
  color: #063;
  font-family: 'Noto Serif JP', serif !important;
  padding: 0 0 2rem 0;
  margin: 0;
  line-height: 1.8em;
  text-shadow: 0 0 0.5rem #FFF, 0 0 0.5rem #FFF, 0 0 0.5rem #FFF, 0 0 0.5rem #FFF, 0 0 0.5rem #FFF;
}
.msg2 {
  font-size: 180%;
  color: #063;
  font-family: 'Noto Serif JP', serif !important;
  padding: 0 0 2rem 0;
  margin: 0;
  line-height: 1.6em;
}
.block {
  width: 98rem;
  margin: 0 auto;
}
.block dl {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  height: auto;
}
.blk a:link {
  padding: 1.5rem;
  margin: 0 0.5rem;
  background: url(../img/tex3.jpg);
  text-decoration: none;
  color: #fff;
  font-size: 140%;
  display: block;
  border-radius: 0.5rem;
  font-weight: 100;
}
.blk a:hover {
  opacity: 0.8;
  color: #F90;
}
.blk a:visited {
  color: #fff;
}
h1 {
  clear: both;
  color: #063;
  font-size: 120%;
  line-height: 1.8em;
  font-weight: bold;
  position: relative;
  display: inline-block;
  margin: 1.5em 0;
  padding: 2rem;
  min-width: 12rem;
  max-width: 100%;
  background: #fff;
  border-radius: 0.5rem;
}

/*
h1:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 45%;
  margin-left: 1.5rem;
  border: 1.5rem solid transparent;
  border-top: 1.5rem solid #fff;
}
*/

h1 p {
  margin: 0;
  padding: 0;
}
/****PC_article　(キャッチフレーズ）****/
article #catchcopy {
  width: 128rem;
  margin: 1rem auto;
  text-align: center;
  color: #ccc;
}
article #catchcopy p {
  font-size: 2.4rem;
  line-height: 3.5rem;
}
/****PC_nav****/
nav {
	width: 45%;
	padding: 20px 0;
}
nav #map {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.box_srcollbar {
  overflow: auto;
  height: 80%;
  padding: 5px;
  color: #333;
  font-size: 80%;
  font-family: 'Noto Serif JP', serif !important;
  text-align: left;
  line-height: 1.8em;
  font-weight: normal;
  letter-spacing: 1px;
}
.box_title {
  padding: 5px;
  font-weight: bold;
  font-size: 110%;
  background-color: #e26106;
  color: #fff;
}
.uline {
  border-bottom: 1px dashed #ccc;
}

.hikikae{
	background: #FFF;
	padding: 0.3rem;
	max-width: 1200px;
	margin: 3% auto;
	text-align: center;
	border-radius: 1rem;
}
.hikikae h3 {
  font-size: 3.6rem;
  margin: 2rem auto;
  line-height: 1em;
  text-align: center;
  color: #063;
  padding: 2rem 0;
}

.hikikaemap{
	display: flex;
	flex-wrap: wrap;
	margin: 10px;
	justify-content: center;
}
.hikikaemap img{
	margin: 1%;
	border: 1px solid #ccc;
}
.osirase{
	display: flex;
	flex-wrap: wrap;
	margin: 10px;
	justify-content: center;
}

.news {
  color: #063;
  font-size: 120%;
  line-height: 1.8em;
  font-weight: bold;
  margin: 1.5em 10px;
  padding: 2rem;
  min-width: 12rem;
  max-width: 100%;
  background: #fff;
  border-radius: 1rem;
}
/****shop_list (店舗情報)****/
/**** 店舗紹介_全体構造 ****/
.upbtn {
  scroll-behavior: smooth;
}
.shopcover {
  width: 85%;
  margin: 2rem auto;
	background: url(../img/back.jpg);
	padding: 10px;

}
.shoplist {
  width: 85%;
  margin: 2rem auto;
}
.hutoji{font-weight: bold;}
/**** 既存_掲載店舗情報 ****/
/**** 個別BOK_全体構造 ****/
.shoplist h3 {
  font-size: 3.6rem;
  margin: 2rem auto;
  line-height: 1em;
  text-align: center;
  color: #063;
  padding: 3rem 0;
}
.shoplist h3 img {
  margin: 0 auto;
}
.shoplist {
  width: 100%;
}
.shoplist p {
  margin: 0;
}
.shoplist ul {
	margin-top:30px;
	padding: 0 1%;
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.shoplist ul li {
  width: 28rem;
  min-height: auto;
  background: #fff;
  margin: 0 0 7rem;
  border-radius: 2rem;
  font-family: 'Noto Serif JP', serif !important;
  list-style: none;
}
/**** 個別のBOX内部構造 ****/
/**** 店舗名 ****/
.shop_name {
  width: 100%;
  text-align: center;
  background-color: #e26106;
  font-size: 120%;
  line-height: 1.3em;
  color: #fff;
  padding: 1rem;
  border-radius: 1.5rem 1.5rem 0 0;
}
.shop_name h2 {
  font-size: 100%;
}
.shop_name h2 span {
  font-size: 65%;
  vertical-align: 10%;
}
/**** 商品画像 ****/
.shop_photo {
  width: 100%;
  height: 27.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.shop_photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
/**** メニュー情報 ****/
.shop_menu {
  width: 100%;
  min-height: auto;
  text-align: center;
  line-height: 1.5em;
  padding: 0.5rem 0;
  font-size: 100%;
  font-weight: bold;
  margin: 0;
}
.shop_menu span {
  font-size: 120%;
  color: #063;
  font-style: italic;
}
/**** 営業時間****/
.shop_time {
  width: 100%;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 2rem;
  font-size: 1.6rem;
  padding: 1rem 0.5rem;
}
.shop_time p {
  font-size: 100%;
}
.shop_time p span {
  font-size: 70%;
  vertical-align: 10%;
}
/**** 定休日情報****/
.shop_close {
  width: 100%;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #ffb351;
  line-height: 2rem;
  font-size: 1.6rem;
  padding: 0.5rem;
}
.shop_close p span {
  font-size: 1.6rem;
}
.shop_close p {
  font-size: 100%;
}
/**** オーダー所要時間****/
.shop_order {
  width: 100%;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 2rem;
  font-size: 100%;
  padding: 0.5rem;
  background: #CAEECE;
}
.shop_order p {
  font-size: 100%;
}
.shop_order p span {
  font-size: 2rem;
}
.shop_order img {
  width: 12%;
  margin-right: 1%;
}
.shop_order img[src$="deri.png"] {
  width: 30%;
  margin: 0 2%;
}
.shop_order img[src$="take.png"] {
  width: 40%;
  margin: 0 2%;
}
.shop_order a img {
  width: 95%;
}
/**** 所在地****/
.shop_adress {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0.5rem 0;
  padding: 0.5rem;
}
.shop_adress p {
  font-size: 1.6rem;
  text-align: center;
}
.shop_adress p span {
  font-size: 1.2rem;
  margin-bottom: 1.5rem;
}
/**** 電話番号****/

.shop_tel p a:link {
  display: block;
  background: #ffb351;
  border-radius: 0.5rem;
  width: 25rem;
  color: #fff;
  font-weight: bold;
  margin: 1rem auto;
  text-decoration: none;
  text-align: center;
  padding: 1% 0;
  /* font-weight: normal;*/
  font-size: 120%;
}
.shop_tel p a:visited {
	color: #FFF;
}

.shop_tel p a:hover {
  background: #F90;
}
.shop_tel p img {
  width: 10%;
  padding-bottom: 4%;
}
.other_menu a:link {
  display: block;
  background: #4fb174;
  border-radius: 0.5rem;
  width: 45rem;
  color: #fff;
  font-weight: bold;
  margin: 2rem 4rem;
  text-decoration: none;
  text-align: center;
  padding: 1rem;
  /*font-weight: normal;*/
}
.other_menu a:hover {
  background: #063;
}
.other_menu a:visited {
  color: #fff;
}
.formlink{
	display: flex;
	justify-content: center;
}
.mojisp {
  font-size: 125%;
  margin: 0;
}
/****order (注文方法)****/
/**** 全体構造 ****/
.order {
  max-width: 1200px;
	padding: 0.3rem;
  margin: 6rem auto 0;
	background: #FFF;
	border-radius: 1rem;
}
.order h3 {
  /*height: 10rem;*/
  font-size: 4rem;
  color: #063;
  margin: 3rem 0 1rem;
  text-align: center;
}
/**** 個別box構造 ****/
.three_step {
  width: 98rem;
  /* height: 25rem; */
  margin: 0 auto;
}
/****inquily (掲載問合せ)****/
.container {
  width: 100%;
  /* height: 1.5rem; */
  margin: 0 auto;
  /* padding-bottom: 3rem; */
}
.container ul li {
  height: 12rem;
  margin: 3rem auto;
}
.container #inquily {
  width: 50%; /* 未対応ブラウザ用フォールバック */
  width: -webkit-calc(100% / 2);
  width: calc(100% / 2);
  float: left;
  background-color: #337534;
}
.container #inquily p {
  font-size: 1.8rem;
  text-align: center;
  padding: 1.5rem 0;
}
.container #inquily p span {
  font-size: 2.4rem;
  font-weight: bold;
  text-align: center;
}
/****about (運営元情報)****/
/****footer (フッター要素)****/
.coment {
  width: 70%;
  margin: 0 auto;
  text-align: center;
}
h4 {
  color: #063;
  font-size: 100%;
  line-height: 1.8em;
  font-weight: normal;
  position: relative;
  display: inline-block;
  margin: 0 auto;
  padding: 0.7rem 1rem;
  min-width: 12rem;
  max-width: 100%;
  background: #fff;
  border-radius: 1rem;
}
h4:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -1.5rem;
  border: 1.5rem solid transparent;
  border-top: 1.5rem solid #fff;
}
h4 p {
  margin: 0;
  padding: 0;
}
footer {
  clear: both;
  width: 100%;
  height: auto;
  background-color: #00B563;
  text-align: left;
  line-height: 1.8em;
}
footer dl {
  width: 100%;
}
.fb a:link {
  float: left;
  width: 33%;
  padding: 5px 0;
  text-align: center;
  displey: block;
  background: #46639E;
}
.insta a:link {
  float: left;
  width: 34%;
  padding: 5px 0;
  text-align: center;
  displey: block;
  background: #6A42BC;
}
.tw a:link {
  float: left;
  width: 33%;
  padding: 5px 0;
  text-align: center;
  displey: block;
  background: #1CA1F3;
}
.fb a:hover {
  float: left;
  width: 33%;
  padding: 5px 0;
  text-align: center;
  displey: block;
  background: #fff;
}
.insta a:hover {
  float: left;
  width: 34%;
  padding: 5px 0;
  text-align: center;
  displey: block;
  background: #fff;
}
.tw a:hover {
  float: left;
  width: 33%;
  padding: 5px 0;
  text-align: center;
  displey: block;
  background: #fff;
}
footer ul {
  width: 980px;
  margin: 0 auto;
}
.about {
  float: left;
  width: 30%;
  padding: 10px 30px 10px 0px;
  text-align: left;
  color: #fff;
  letter-spacing: 1px;
  line-height: 1.6em;
  font-family: 'Noto Serif JP', serif !important;
}
.link {
  float: left;
  width: 30%;
  padding: 10px 30px 10px 0px;
  text-align: left;
  color: #fff;
  letter-spacing: 1px;
  line-height: 1.6em;
  font-family: 'Noto Serif JP', serif !important;
}
.link a:link {
  display: block;
  background: #ffb351;
  border-radius: 0.5rem;
  width: 25rem;
  color: #fff;
  font-weight: bold;
  margin: 0;
  text-decoration: none;
  text-align: center;
  padding: 1rem 0;
  /*font-weight: normal;*/
}
.link a:hover {
  background: #F90;
}
.link a:visited {
  color: #fff;
}
.entry {
  float: left;
  width: 30%;
  padding: 10px 30px 10px 0px;
  text-align: left;
  color: #fff;
  letter-spacing: 1px;
  line-height: 1.6em;
  font-family: 'Noto Serif JP', serif !important;
}
.copy {
  clear: both;
  font-size: 1.2rem;
  line-height: 1.7rem;
  text-align: center;
  color: #fff;
  padding: 2rem 0;
  width: 80%;
  margin: 0 auto;
  letter-spacing: 1px;
}
.copy a:link {
  color: #fff;
}
.copy a:hover {
  color: #f90;
}
.copy a:visited {
  color: #fff;
}
.stepsp {
  padding: 100px 0 0 0;
  display: block;
}

/**エントリーページ**/

.contactform{
	border-radius: 1rem;
	background: #FFF;
	text-align: center;
	max-width: 1200px;
	margin: 2% auto;
	padding: 20px;
}
.contactform h3{
	margin: 1%;
	color: #e26106;
}

.form_title {
  padding: 1rem;
  font-weight: bold;
  font-size: 110%;
  background-color: #e26106;
  color: #fff;
	margin: 0 auto;
}
.tel_menu a:link {
	display: block;
	background: #4fb174;
	border-radius: 0.5rem;
	width: 45rem;
	color: #fff;
	font-weight: bold;
	margin: 2rem auto 4rem;
	text-decoration: none;
	text-align: center;
	padding: 1rem;
}
.tel_menu a:hover {
  background: #063;
}
.tel_menu a:visited {
  color: #fff;
}
/* for table */

#form {
	border-collapse: collapse;
	margin: 1em auto;
}
#form th, #form td {
	border: 3px solid #FFF;
	padding: 8px;
}
#form th {
	white-space: nowrap;
	background: #ffb351;
	color: #FFF;
}
#form td {
	text-align: left;
	background: #fff;
}
p.btn input {
	width: 110px;
	height: 32px;
}
/* for message */
p.msg {
	color: #dd0000;
	margin: 2em;
}
span.msg {
	color: #dd0000;
}

/* for back-button */
form.back {
	margin-top: 2em;
}


/*****PC向け記述ここまで*****/
/**************************************
for Tablet　(タブレット用)
****************************************/
@media only screen and (max-width: 768px) {
  /****header　(キャッチフレーズ）****/
  .pc-dnon {
    display: block;
  }
  .pc-dnon2 {
    display: none;
  }
  .message {
    position: fixed;
    top: 0;
    right: 0;
    display: none;
  }
  .message2 {
    position: fixed;
    /*top: 0;*/
    /*right: auto;*/
    /*display: block;*/
    width: 100%;
    text-align: center;
  }
  .message2 img {
    width: 35%;
  }
  header {
    max-width: 100%;
    text-align: center;
    background: url(../img/titleback.jpg) bottom center / cover no-repeat;
    padding-bottom: 0;
  }

  header img {
    margin-top:0;
    height: auto;
    border: 0;
    padding: 0 10px;
  }
  .message {
    display: none;
  }
  .msg {
    font-size: 180%;
    color: #063;
    font-family: 'Noto Serif JP', serif !important;
    padding: 0 0 5% 0;
    margin: 0;
    line-height: 1.8em;
    text-shadow: 0 0 0.5rem #FFF, 0 0 0.5rem #FFF, 0 0 0.5rem #FFF, 0 0 0.5rem #FFF, 0 0 0.5rem #FFF;
  }
  .msg2 {
    font-size: 90%;
    color: #063;
    font-family: 'Noto Serif JP', serif !important;
    padding: 0 0 5% 0;
    margin: 0;
    line-height: 1.6em;
  }
  .block {
    max-width: 50%;
    margin: 0 auto;
    margin-bottom: 10%;
  }
  .block dl {
    display: block;
    margin: 0 auto;
  }
  .block dl dt {
    padding: 2% 0;
  }
  .blk a:link {
    padding: 2% 0;
    margin: 0;
    background: url(../img/tex3.jpg);
    text-decoration: none;
    color: #fff;
    font-size: 120%;
    display: block;
    border-radius: 0.5rem;
    font-weight: 100;
  }
  .blk a:hover {
    opacity: 0.8;
    color: #F90;
  }
  .blk a:visited {
    color: #fff;
  }
  h1 {
    position: static;
    display: none;
  }
  .news {
    width: 80%;
    font-size: 82%;
  }
  /****PC_article　(キャッチフレーズ）****/
  /* 
  article #catchcopy {
    max-width: 48rem;
    margin: 1rem auto;
    text-align: center;
    color: #ccc;
  }
  article #catchcopy p {
    font-size: 2.4rem;
    line-height: 3.5rem;
  }
	*/
  /****PC_nav****/
  nav {
    max-width: 76.8rem;
  }
  nav #map {
    width: 95%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
  }
  /****shop_list (店舗情報)****/
  /**** 店舗紹介_全体構造 ****/
  .shopcover {
    width: 92%;
    margin: 0 auto;
  }
  .shoplist {
    width: 100%;
    margin: 0 auto;
  }
  /**** 既存_掲載店舗情報 ****/
  /**** 個別BOK_全体構造 ****/
  .shoplist h3 {
    font-size: 150%;
    color: #ccc;
    margin: 0 auto;
    line-height: 150%;
  }
  .shoplist h3 {
    text-align: center;
    color: #063;
    padding: 0;
  }
  .shoplist h3 img {
    width: 10%;
    margin: 0 auto;
  }
  .shoplist p {
    font-size: 70%;
    margin: 0;
  }
  .shoplist ul {
    width: 100%;
    display: flex;
    justify-content: space-between;
    -ms-justify-content: space-between;
    flex-wrap: wrap;
    padding: 0;
    margin: 2% 0;
  }
  .shoplist ul li {
    width: 30%;
    min-height: auto;
    background: #fff;
    padding-left: 0;
    margin-bottom: 10%;
    border-radius: 2rem;
    font-family: 'Noto Serif JP', serif !important;
    list-style: none;
  }
  /**** 個別のBOX内部構造 ****/
  /**** 店舗名 ****/
  .shop_name {
    width: 100%;
    text-align: center;
  background-color: #e26106;
    line-height: 1.5;
    color: #fff;
    padding: 3% 0 6%;
    border-radius: 1.5rem 1.5rem 0 0;
  }
  .shop_name h2 {
    font-size: 80%;
    margin: 0;
  }
  .shop_name h2 span {
    font-size: 60%;
    margin: 0;
  }
  /**** 商品画像 ****/
  .shop_photo {
    width: 100%;
    height: 39%;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .shop_photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .shop_photo img[src$="no_image.jpg"] {
    object-fit: contain;
  }
  /**** メニュー情報 ****/
  .shop_menu {
    width: 100%;
    min-height: auto;
    text-align: center;
    line-height: 1.5;
    padding: 2% 0;
    font-weight: bold;
    margin: 0;
  }
  .shop_menu p {
    font-size: 75%;
    line-height: 1.5;
  }
  .shop_menu span {
    font-size: 130%;
    color: #063;
    font-style: italic;
  }
  /**** オーダー所要時間****/
  .shop_order {
    width: 100%;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 100%;
    padding: 2%;
    background: #CAEECE;
  }
  .shop_order p {
    font-size: 85%;
    margin: 0;
  }
  .shop_order img {
    width: 15%;
    margin: 0 2%;
  }
  .shop_order img[src$="deri.png"] {
    width: 40%;
    margin-left: 5%;
  }
  .shop_order img[src$="take.png"] {
    width: 40%;
    margin-left: 5%;
  }
  .shop_order a {
    width: 50%;
  }
  .shop_order a img {
    width: 85%;
  }
  /**** 営業時間****/
  .shop_time {
    width: 100%;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 150%;
    padding: 2%;
  }
  .shop_time p {
    font-size: 75%;
  }
  .shop_time p span {
    font-size: 60%;
    vertical-align: 5%;
  }
  .shop_time img {
    margin: 0 2%;
  }
  /**** 定休日情報****/
  .shop_close {
    width: 100%;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #ffb351;
    line-height: 100%;
    font-size: 100%;
    padding: 2%;
  }
  .shop_close img {
    margin: 0 1%;
  }
  /**** 所在地****/
  .shop_adress {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 1% 0;
    padding: 1%;
  }
  .shop_adress p {
    font-size: 85%;
    text-align: center;
  }
  .shop_adress p span {
    font-size: 70%;
  }
  /**** 電話番号****/
	.syoukai a:link {
  display: block;
  background: #ffb351;
  border-radius: 0.5rem;
  width: 90%;
  color: #fff;
  font-weight: bold;
  margin: 1% auto;
  text-decoration: none;
  text-align: center;
  padding: 0;
  /* font-weight: normal;*/
  font-size: 110%;
}

  .shop_tel p a:link {
    display: block;
    background: #ffb351;
    border-radius: 0.5rem;
    width: 90%;
    height: 100%;
    color: #fff;
    font-weight: bold;
    margin: 1% auto;
    text-decoration: none;
    text-align: center;
    padding: 0;
    font-size: 110%;
  }
  .shop_tel p a:hover {
    background: #F90;
  }
  .shop_tel a img {
    width: 10%;
    margin-bottom: 3%;
  }
  .shop_tel .mojisp {
    font-size: 165%;
    margin: 0;
  }
	.formlink{
		width: 90%;
	}
  .other_menu a:link {
    display: block;
    background: #4fb174;
    border-radius: 0.5rem;
    max-width: 90%;
    font-size: 100%;
    color: #fff;
    font-weight: bold;
    margin: 3% auto;
    text-decoration: none;
    text-align: center;
    padding: 0;
    line-height: 2;
    /* font-weight: normal;*/
  }
  .other_menu a:hover {
    background: #063;
  }
  .other_menu a:visited {
    color: #fff;
  }
  .mojisp {
    font-size: 65%;
    margin: 0;
  }
  /****google-map (SP対応)****/
  #gmap {
    height: 0;
    overflow: hidden;
    padding-bottom: 56.25%;
    /*アスペクト比16:9 = 9/16*100= 56.25% */
    position: relative;
    margin: 1%;
  }
  #gmap iframe {
    position: absolute;
    left: 0;
    top: 0;
    height: 96%;
    width: 96%;
    margin: 2%;
  }
  /****order (注文方法)****/
  /**** 全体構造 ****/
  .order {
    width: 100%;
    margin: 5% auto;
  }
  .order h3 {
    font-size: 175%;
    color: #063;
    margin: 5% 0 0;
    text-align: center;
    margin-bottom: 3%;
  }
  /**** 個別box構造 ****/
  .three_step {
    width: 90%;
    margin: 0 auto;
  }
  .three_step ul {
    width: 90%;
    display: flex;
    list-style: none;
    margin: 0 auto;
    padding: 0;
  }
  .three_step ul li {
    width: calc(100% / 3);
    height: 100%;
    text-align: center;
  }
  .three_step ul li:nth-child(even) {
    display: none;
  }
  .three_step ul li p {
    font-size: 135%;
    margin: 0 auto;
    text-align: center;
  }
  .three_step ul li img {
    width: 85%;
  }
  .stepsp {
    padding: 100px 0 0 0;
    display: none;
  }
  /****footer (フッター要素)****/
  /****inquily (掲載問合せ)****/
  .container {
    width: 100%;
    /* height: 1.5rem; */
    margin: 0 auto;
    /* padding-bottom: 3rem; */
  }
  .container #inquily {
    width: 50%; /* 未対応ブラウザ用フォールバック */
    width: -webkit-calc(100% / 2);
    width: calc(100% / 2);
    float: left;
    background-color: #337534;
  }
  .container #inquily p {
    font-size: 1.8rem;
    text-align: center;
    padding: 1.5rem 0;
  }
  .container #inquily p span {
    font-size: 2.4rem;
    font-weight: bold;
    text-align: center;
  }
  /****about (運営元情報)****/
  .coment {
    width: 70%;
    margin: 0 auto;
    text-align: center;
  }
  h4 {
    color: #063;
    font-size: 65%;
    line-height: 1.8em;
    font-weight: normal;
    position: relative;
    display: inline-block;
    margin: 0 auto;
    min-width: 100%;
    max-width: 100%;
    background: #fff;
    border-radius: 1rem;
  }
  h4:before {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -1.5rem;
    border: 1.5rem solid transparent;
    border-top: 1.5rem solid #fff;
  }
  h4 p {
    margin: 0;
    padding: 0;
  }
  footer {
    clear: both;
    width: 100%;
    height: auto;
    background-color: #00B563;
    text-align: left;
    line-height: 1.8em;
  }
  .container #about {
    width: 30%; /* 未対応ブラウザ用フォールバック */
    width: -webkit-calc(100% / 3);
    width: calc(100% / 3);
    float: left;
    color: #006633;
  }
  .container p {
    font-size: 45%;
    font-weight: bold;
    /* margin: 10% 0 0 0; */
    /* line-height: 150%; */
    text-align: center;
  }
  .container a {
    display: block;
    background: #ffb351;
    border-radius: 0.5rem;
    width: 90%;
    color: #fff;
    font-weight: bold;
    margin: 0;
    text-decoration: none;
    text-align: center;
    padding: 4% 0;
    /* font-weight: normal; */
    margin-top: 20%;
  }
  .container a:hover {
    background: #F90;
  }
  .container a:visited {
    color: #fff;
  }
  .copy {
    clear: both;
    font-size: 50%;
    text-align: center;
    color: #fff;
    padding: 2% 0;
    margin-bottom: 0;
  }
  footer ul {
    width: 100%;
    margin: 0 auto;
  }
  .about {
    float: none;
    width: 100%;
    padding: 10px 0px 10px 0px;
    text-align: center;
    color: #fff;
    letter-spacing: 1px;
    line-height: 1.6em;
    font-family: 'Noto Serif JP', serif !important;
  }
  .link {
    float: none;
    width: 80%;
    padding: 10px 0px 10px 0px;
    text-align: left;
    color: #fff;
    letter-spacing: 1px;
    line-height: 1.6em;
    font-family: 'Noto Serif JP', serif !important;
    margin: 0 auto;
  }
  .link a:link {
    display: block;
    background: #ffb351;
    border-radius: 0.5rem;
    width: 100%;
    color: #fff;
    font-weight: bold;
    margin: 0;
    text-decoration: none;
    text-align: center;
    padding: 1rem 0;
    /*font-weight: normal;*/
  }
  .link a:hover {
    background: #F90;
  }
  .link a:visited {
    color: #fff;
  }
  .entry {
    float: none;
    width: 100%;
    padding: 10px 30px 10px 0px;
    text-align: center;
    color: #fff;
    letter-spacing: 1px;
    line-height: 1.6em;
    font-family: 'Noto Serif JP', serif !important;
  }
}
/*****タブレット向け記述ここまで*****/
/**************************************
for SP　(スマートフォン用)　
****************************************/
@media only screen and (max-width: 480px) {
  /****header　(キャッチフレーズ）****/
  .pc-dnon {
    display: block;
  }
  .pc-dnon2 {
    display: none;
  }
  .message {
    position: fixed;
    top: 0;
    right: 0;
    display: none;
  }
  .message2 {
    position: fixed;
    top: 0;
    right: auto;
    light: auto;
    display: block;
  }
  .message2 img {
    width: 45%;
  }
  header {
    max-width: 100%;
    text-align: center;
    background: url(../img/titleback.jpg) bottom center / cover no-repeat;
    padding-bottom: 0;
  }
  header h3 {
    margin-top: 3%;
  }
  header h3 img {
    max-width: 50%;
    height: auto;
    border: 0;
    margin: 0;
  }
  header h3 img[src$="bowl.png"] {
    display: none;
  }
  header img {
    height: auto;
    border: 0;
    margin: 0;
  }
.aisatsu div {
	margin: 20px 10px;
	padding: 0;
	width: 100%;
	line-height: 1.5em;
}
  .message {
    display: none;
  }
  .msg {
    font-size: 180%;
    color: #063;
    font-family: 'Noto Serif JP', serif !important;
    padding: 0 0 5% 0;
    margin: 0;
    line-height: 1.8em;
    text-shadow: 0 0 0.5rem #FFF, 0 0 0.5rem #FFF, 0 0 0.5rem #FFF, 0 0 0.5rem #FFF, 0 0 0.5rem #FFF;
  }
  .msg2 {
    font-size: 90%;
    color: #063;
    font-family: 'Noto Serif JP', serif !important;
    padding: 0 0 5% 0;
    margin: 0;
    line-height: 1.6em;
  }
  .block {
    max-width: 50%;
    margin: 0 auto;
    margin-bottom: 10%;
  }
  .block dl {
    display: block;
    margin: 0 auto;
  }
  .block dl dt {
    padding: 2% 0;
  }
  .blk a:link {
    padding: 2% 0;
    margin: 0;
    background: url(../img/tex3.jpg);
    text-decoration: none;
    color: #fff;
    font-size: 120%;
    display: block;
    border-radius: 0.5rem;
    font-weight: 100;
  }
  .blk a:hover {
    opacity: 0.8;
    color: #F90;
  }
  .blk a:visited {
    color: #fff;
  }
  h1 {
    position: static;
    display: none;
  }
  .news {
    width: 80%;
    font-size: 75%;
  }
.syoukai a:link {
  display: block;
  background: #ffb351;
  border-radius: 0.5rem;
  width: 25rem;
  color: #fff;
  font-weight: bold;
  margin: 1rem auto;
  text-decoration: none;
  text-align: center;
  padding: 2%;
  /* font-weight: normal;*/
  font-size: 120%;
}

  /****PC_nav****/
  nav {
    max-width: 48rem;
  }
  nav #map {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  /****shop_list (店舗情報)****/
  /**** 店舗紹介_全体構造 ****/
  .shopcover {
    width: 92%;
    margin: 0 auto;
  }
  .shoplist {
    width: 100%;
    margin: 0 auto;
  }
	.hikikae{
		width: 85%;
		padding: 5px;
	}
  .hikikae h3 {
    font-size: 140%;
    margin: 0 auto;
    line-height: 150%;
    text-align: center;
    color: #063;
    padding: 0;
  }

  /**** 掲載店舗情報 ****/
  /**** 個別BOK_全体構造 ****/
  .shoplist h3 {
    font-size: 150%;
    margin: 0 auto;
    line-height: 150%;
    text-align: center;
    color: #063;
    padding: 0;
  }
  .shoplist h3 img {
    width: 10%;
    margin: 0 auto;
  }
  .shoplist p {
    font-size: 55%;
    margin: 0;
  }
  .shoplist ul {
    width: 100%;
    display: flex;
    justify-content: space-between;
    -ms-justify-content: space-between;
    flex-wrap: wrap;
    padding: 0;
    margin: 2% 0;
  }
  .shoplist ul li {
    width: 48%;
    min-height: auto;
    background: #fff;
    padding-left: 0;
    margin-bottom: 10%;
    border-radius: 2rem;
    font-family: 'Noto Serif JP', serif !important;
    list-style: none;
  }
  /**** 個別のBOX内部構造 ****/
  /**** 店舗名 ****/
  .shop_name {
    width: 100%;
    text-align: center;
	background-color: #e26106;
    line-height: 1.5;
    color: #fff;
    padding: 3% 0 6%;
    border-radius: 1.5rem 1.5rem 0 0;
  }
  .shop_name h2 {
    font-size: 50%;
  }
  .shop_name h2 span {
    font-size: 50%;
    vertical-align: initial;
  }
  /**** 商品画像 ****/
  .shop_photo {
    width: 100%;
    height: auto;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .shop_photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .shop_photo img[src$="no_image.jpg"] {
    object-fit: contain;
  }
  /**** メニュー情報 ****/
  .shop_menu {
    width: 100%;
    min-height: auto;
    text-align: center;
    line-height: 1.5;
    padding: 2% 0;
    font-weight: bold;
    margin: 0;
  }
  .shop_menu p {
    font-size: 60%;
    line-height: 1.5;
  }
  .shop_menu span {
    font-size: 115%;
    color: #063;
    font-style: italic;
  }
  /**** オーダー所要時間****/
  .shop_order {
    width: 100%;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 100%;
    padding: 2%;
    background: #CAEECE;
  }
  .shop_order p {
    font-size: 70%;
    margin: 0;
  }
  .shop_order img {
    width: 15%;
    margin: 0 2%;
  }
  .shop_order img[src$="deri.png"] {
    width: 40%;
  }
  .shop_order img[src$="take.png"] {
    width: 40%;
  }
  .shop_order a {
    width: 50%;
  }
  .shop_order a img {
    width: 90%;
  }
  /**** 営業時間****/
  .shop_time {
    width: 100%;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 150%;
    padding: 2%;
  }
  .shop_time p {
    font-size: 60%;
  }
  .shop_time p span {
    font-size: 50%;
    vertical-align: 5%;
  }
  .shop_time img {
    margin: unset;
  }
  /**** 定休日情報****/
  .shop_close {
    width: 100%;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #ffb351;
    line-height: 100%;
    font-size: 100%;
    padding: 2%;
  }
  .shop_close img {
    margin: 0 1%;
  }
  /**** 所在地****/
  .shop_adress {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 1.3;
    margin: 1% 0;
    padding: 1%;
  }
  .shop_adress p {
    font-size: 75%;
    text-align: center;
  }
  .shop_adress p span {
    font-size: 70%;
  }
  /**** 電話番号****/
  .shop_tel p a:link {
    display: block;
    background: #ffb351;
    border-radius: 0.5rem;
    width: 90%;
    height: 100%;
    color: #fff;
    font-weight: bold;
    margin: 1% auto;
    text-decoration: none;
    text-align: center;
    padding: 0;
    font-size: 110%;
  }
  .shop_tel p a:hover {
    background: #F90;
  }
  .shop_tel a img {
    width: 12%;
    margin-bottom: 5%;
    padding: 0;
  }
  .shop_tel .mojisp {
    font-size: 165%;
    margin: 0;
  }
  .other_menu a:link {
    display: block;
    background: #4fb174;
    border-radius: 0.5rem;
    width: 15rem;
    font-size: 80%;
    color: #fff;
    font-weight: bold;
    margin: 3% 10px;
    text-decoration: none;
    text-align: center;
    padding: 10px;
    line-height: 2;
    /* font-weight: normal;*/
  }
  .other_menu a:hover {
    background: #063;
  }
  .other_menu a:visited {
    color: #fff;
  }
  .mojisp {
    font-size: 65%;
    margin: 0;
  }
  /****google-map (SP対応)****/
  #gmap {
    height: 0;
    overflow: hidden;
    padding-bottom: 56.25%;
    /*アスペクト比16:9 = 9/16*100= 56.25% */
    position: relative;
    margin: 1%;
  }
  #gmap iframe {
    position: absolute;
    left: 0;
    top: 0;
    height: 96%;
    width: 96%;
    margin: 2%;
  }
  /****order (注文方法)****/
  /**** 全体構造 ****/
  .order {
    width: 100%;
    margin: 5% auto;
  }
  .order h3 {
    font-size: 175%;
    color: #063;
    margin: 5% 0 0;
    text-align: center;
    margin-bottom: 3%;
  }
  /**** 個別box構造 ****/
  .three_step {
    width: 90%;
    margin: 0 auto;
  }
  .three_step ul {
    width: 90%;
    display: flex;
    list-style: none;
    margin: 0 auto;
    padding: 0;
  }
  .three_step ul li {
    width: calc(100% / 3);
    height: 100%;
    text-align: center;
  }
  .three_step ul li:nth-child(even) {
    display: none;
  }
  .three_step ul li p {
    font-size: 75%;
    margin: 0 auto;
    text-align: center;
  }
  .three_step ul li img {
    width: 85%;
  }
  .stepsp {
    padding: 100px 0 0 0;
    display: none;
  }
  /****footer (フッター要素)****/
  /****inquily (掲載問合せ)****/
  .container {
    width: 100%;
    /* height: 1.5rem; */
    margin: 0 auto;
    /* padding-bottom: 3rem; */
  }
  .container #inquily {
    width: 50%; /* 未対応ブラウザ用フォールバック */
    width: -webkit-calc(100% / 2);
    width: calc(100% / 2);
    float: left;
    background-color: #337534;
  }
  .container #inquily p {
    font-size: 1.8rem;
    text-align: center;
    padding: 1.5rem 0;
  }
  .container #inquily p span {
    font-size: 2.4rem;
    font-weight: bold;
    text-align: center;
  }
  /****about (運営元情報)****/
  .coment {
    width: 70%;
    margin: 0 auto;
    text-align: center;
  }
  h4 {
    color: #063;
    font-size: 65%;
    line-height: 1.8em;
    font-weight: normal;
    position: relative;
    display: inline-block;
    margin: 0 auto;
    min-width: 100%;
    max-width: 100%;
    background: #fff;
    border-radius: 1rem;
  }
  h4:before {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -1.5rem;
    border: 1.5rem solid transparent;
    border-top: 1.5rem solid #fff;
  }
  h4 p {
    margin: 0;
    padding: 0;
  }
  footer {
    clear: both;
    width: 100%;
    height: auto;
    background-color: #00B563;
    text-align: left;
    line-height: 1.8em;
  }
  .container #about {
    width: 30%; /* 未対応ブラウザ用フォールバック */
    width: -webkit-calc(100% / 3);
    width: calc(100% / 3);
    float: left;
    color: #006633;
  }
  .container p {
    font-size: 45%;
    font-weight: bold;
    /* margin: 10% 0 0 0; */
    /* line-height: 150%; */
    text-align: center;
  }
  .container a {
    display: block;
    background: #ffb351;
    border-radius: 0.5rem;
    width: 90%;
    color: #fff;
    font-weight: bold;
    margin: 0;
    text-decoration: none;
    text-align: center;
    padding: 4% 0;
    /* font-weight: normal; */
    margin-top: 20%;
  }
  .container a:hover {
    background: #F90;
  }
  .container a:visited {
    color: #fff;
  }
  .copy {
    clear: both;
    font-size: 50%;
    text-align: center;
    color: #fff;
    padding: 2% 0;
    margin-bottom: 0;
  }
  footer ul {
    width: 100%;
    margin: 0 auto;
  }
  .about {
    float: none;
    width: 100%;
    padding: 10px 0px 10px 0px;
    text-align: center;
    color: #fff;
    letter-spacing: 1px;
    line-height: 1.6em;
    font-family: 'Noto Serif JP', serif !important;
  }
  .link {
    float: none;
    width: 80%;
    padding: 10px 0px 10px 0px;
    text-align: left;
    color: #fff;
    letter-spacing: 1px;
    line-height: 1.6em;
    font-family: 'Noto Serif JP', serif !important;
    margin: 0 auto;
  }
  .link a:link {
    display: block;
    background: #ffb351;
    border-radius: 0.5rem;
    width: 100%;
    color: #fff;
    font-weight: bold;
    margin: 0;
    text-decoration: none;
    text-align: center;
    padding: 1rem 0;
    /*font-weight: normal;*/
  }
  .link a:hover {
    background: #F90;
  }
  .link a:visited {
    color: #fff;
  }
  .entry {
    float: none;
    width: 100%;
    padding: 10px 30px 10px 0px;
    text-align: center;
    color: #fff;
    letter-spacing: 1px;
    line-height: 1.6em;
    font-family: 'Noto Serif JP', serif !important;
  }
	.contactform{
		width: 95%;
		margin: 1%;
	}
  .tel_menu a:link {
    display: block;
    background: #4fb174;
    border-radius: 0.5rem;
    width: 20rem;
    font-size: 80%;
    color: #fff;
    font-weight: bold;
    margin: 3% auto;
    text-decoration: none;
    text-align: center;
    padding: 10px;
    line-height: 2;
  }

		/* 投稿フォーム */
	#form-tbl { margin: 0 auto; text-align: center; }
	#form { margin: 10px auto; }
    #form th, #form td {
    	text-align: left;
        display: block;
        padding: 6px;
        border-top: none;
    }
    #form tr:first-child th	{ border-top: 2px solid #FFF; }
    p.btn input { width: 10em; }
    

	
	/* サンクス */
	p.msg { margin: 1em auto; }
}
/***** スマートフォン向け記述ここまで*****/