@charset "utf-8";

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

.pc_map {
	display: none;
}

#nav_kasou {
	display: none;
}

.top_inner2 {
	display: none;
}

.top_inner3 {
	display: none;
}

.about_title_pc {
	display: none;
}

/*========= ページトップのためのCSS ===============*/
/*リンクの形状*/
#page-top a{
	display: flex;
	justify-content:center;
	align-items:center;
	background:#404c48;
	border-radius: 30px;
	width: 60px;
	height: 60px;
	color: #404c48;
	text-align: center;
	text-transform: uppercase; 
	text-decoration: none;
	font-size:0.6rem;
	transition:all 0.3s;
	box-shadow: 5px 5px 10px -2px rgba(0, 0, 0, .5);
}

#page-top {
  position: relative;
}

#page-top::before {
  content: ""; /* 疑似要素に指定必須 */
  width: 25px; /* 線の長さを指定 */
  height: 5px; /* 線の幅を指定 */
  display: inline-block; /* インラインブロックにする */
  border-radius: 10px; /* 線を角丸にする */
  background: #fff;   /* 線の色を指定 */
  position: absolute; /* 相対位置に指定 */
  right: 25px; /* 右から10pxの位置に配置 */
  top: 26px;/* 数値は微調整してください */
  transform: rotate(-45deg); /* 45度回転させる */
}

#page-top::after {
  content: ""; /* 疑似要素に指定必須 */
  width: 25px; /* 線の長さを指定 */
  height: 5px; /* 線の幅を指定 */
  display: inline-block; /* インラインブロックにする */
  border-radius: 10px; /* 線を角丸にする */
  background: #fff;   /* 線の色を指定 */
  position: absolute; /* 相対位置に指定 */
  right: 9px; /* 右から10pxの位置に配置 */
  top: 26px;/* 数値は微調整してください */
  transform: rotate(45deg); /* -45度回転させる */
}

/*リンクを右下に固定*/
#page-top {
	position: fixed;
	right: 10px;
	top: 80vh;
	z-index: 2;
    /*はじめは非表示*/
	opacity: 0;
	transform: translateY(100px);
}

/*　上に上がる動き　*/

#page-top.UpMove{
	animation: UpAnime 0.5s forwards;
}
@keyframes UpAnime{
  from {
    opacity: 0;
	transform: translateY(100px);
  }
  to {
    opacity: 1;
	transform: translateY(0);
  }
}

/*　下に下がる動き　*/

#page-top.DownMove{
	animation: DownAnime 0.5s forwards;
}
@keyframes DownAnime{
  from {
  	opacity: 1;
	transform: translateY(0);
  }
  to {
  	opacity: 1;
	transform: translateY(100px);
  }
}

/*========= ぼかしのためのCSS ===============*/

.mainblur{
	filter: blur(8px);
}

/*========= ナビゲーションのためのCSS ===============*/

#nav{
    /*position:fixed;にし、z-indexの数値を小さくして最背面へ*/
    position:fixed;
	z-index: -1;
	opacity: 0;/*はじめは透過0*/
    /*ナビの位置と形状*/
	top:0;
	width:100%;
    height: 100vh;/*ナビの高さ*/
	background:rgba(64,76,72,0.3);/*背景を少し透過させる*/
    /*動き*/
	transition: all 0.3s;
}

/*アクティブクラスがついたら透過なしにして最前面へ*/
#nav.panelactive{
	opacity: 1;
	z-index:999;
}

/*ナビゲーションの縦スクロール*/
#nav.panelactive .gnav_wrap{
    /*ナビの数が増えた場合縦スクロール*/
    position: fixed;
    z-index: 999; 
    width: 100%;
    height: 100vh;/*表示する高さ*/
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

/*ナビゲーション*/
#nav ul {
    display: none;/*はじめは非表示*/
    /*ナビゲーション天地中央揃え*/
    position: absolute;
    z-index: 999;
    top:50%;
    left:50%;
    transform: translate(-50%,-50%);
    padding-left: 0;
}

#nav.panelactive ul {
    display: block;
}
/*リストのレイアウト設定*/

#nav li{
	list-style: none;
    text-align: center; 
}

#nav li a{
	color: #fff;
	text-decoration: none;
	padding:10px;
	display: block;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	font-weight: bold;
}

/*========= ボタンのためのCSS ===============*/
.openbtn{
	position:fixed;
    z-index: 9999;/*ボタンを最前面に*/
	top:10px;
	right: 10px;
	cursor: pointer;
    width: 50px;
    height:50px;
}
	
/*×に変化*/	
.openbtn span{
    display: inline-block;
    transition: all .4s;
    position: absolute;
    left: 14px;
    height: 3px;
    border-radius: 2px;
	background-color: #404c48;
  	width: 45%;
  }

.openbtn span:nth-of-type(1) {
	top:15px;	
}

.openbtn span:nth-of-type(2) {
	top:23px;
}

.openbtn span:nth-of-type(3) {
	top:31px;
}

.openbtn.active span:nth-of-type(1) {
    top: 18px;
    left: 18px;
    transform: translateY(6px) rotate(-45deg);
    width: 30%;
}

.openbtn.active span:nth-of-type(2) {
	opacity: 0;
}

.openbtn.active span:nth-of-type(3){
    top: 30px;
    left: 18px;
    transform: translateY(-6px) rotate(45deg);
    width: 30%;
}

.header_logo_area {
  position: relative;
}

.concept_text_w {
	width: 200px;
	height: 100%;
	position: absolute;
	left: 30px;
	top: 350px;
	z-index: 50;
	pointer-events: none;
}

.concept_text_v {
	width: 200px;
	position: absolute;
	left: 30px;
	top: 190px;
	z-index: 50;
	pointer-events: none;
}

/*========= レイアウトのためのCSS ===============*/

.eachTextAnime {
  text-align: left;
  margin:0;
  font-size:1rem;
  color: #fff;
  text-shadow: 4px 4px 4px #404c48,
  4px 0 4px #404c48,
  0 4px 4px #404c48;
}

.eachTextAnime_w {
  text-align: left;
  margin:0;
  font-size:1rem;
  color: #fff;
  position: relative;
  text-shadow: 4px 4px 4px #404c48,
  4px 0 4px #404c48,
  0 4px 4px #404c48;
}

/*========= 1文字ずつ出現させるためのCSS ===============*/

.eachTextAnime span{opacity: 0;}
.eachTextAnime.appeartext span{ animation:text_anime_on 1s ease-out forwards; }
@keyframes text_anime_on {
  0% {opacity:0;}
  100% {opacity:1;}
}

.eachTextAnime_w span{opacity: 0;}
.eachTextAnime_w.appeartext_w span{ animation:text_anime_on 1s ease-out forwards; }
@keyframes text_anime_on {
  0% {opacity:0;}
  100% {opacity:1;}
}

.side-menu {
	width: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	background-color: #404c48;
	padding-top: 10px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	position: fixed; /* 画面に固定して追従させます */
	bottom: 0; /* 固定位置は右側 */
	left: 0;
	z-index: 5; /* 他の要素より前に出します */
	vertical-align: middle;
	border-right: 0.2px solid #dac2c6;
	border-top: 2px solid #dac2c6;
}

.side-menu_img {
	width: 30px;
	display: inline-block;
	padding-right: 5px;
}

.side-menu a {
	color: #ffffff;
	text-decoration: none;
	font-size: 0.8rem;
}

.tel_kotei {
	width: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	background-color: #404c48;
	padding-top: 10px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	position: fixed; /* 画面に固定して追従させます */
	bottom: 0; /* 固定位置は右側 */
	right: 0;
	z-index: 5; /* 他の要素より前に出します */
	vertical-align: middle;
	border-left: 0.2px solid #dac2c6;
	border-top: 2px solid #dac2c6;
}

.tel_kotei_img {
	width: 30px;
	display: inline-block;
	padding-right: 5px;
}

.tel_kotei a {
	color: #ffffff;
	text-decoration: none;
	font-size: 0.8rem;
}

.online {
	color: #ffffff;
	text-decoration: none;
	font-size: 0.8rem;
}

.site_design_sp {
	width: 100%;
	height: 100%;
}

.site_design_pc {
	display: none;
}

.site_design_kasousp {
	width: 100%;
	height: 100%;
}

.site_design_kasoupc {
	display: none;
}

/*==================================================
スライダーのためのcss
===================================*/
.slider {
	position:relative;
	z-index: 1;
	/*↑z-indexの値をh1のz-indexの値よりも小さくして背景に回す*/
	height: calc(100vh - 52px);/*スライダー全体の縦幅を画面の高さいっぱい（100vh）にする*/
	padding: 0;
}
/*　背景画像設定　*/

.slider-item01 {
    background:url("../img/top5.jpg");
}

.slider-item02 {
    background:url("../img/top6.jpg");
}

.slider-item03 {
    background:url("../img/top7.jpg");
}

.slider-item04 {
    background:url("../img/top8.jpg");
}

.slider-item {
    width: 100%;/*各スライダー全体の横幅を画面の高さいっぱい（100%）にする*/
    height: 100vh;/*各スライダー全体の縦幅を画面の高さいっぱい（100vh）にする*/
    background-repeat: no-repeat;/*背景画像をリピートしない*/
    background-position: center;/*背景画像の位置を中央に*/
    background-size: cover;/*背景画像が.slider-item全体を覆い表示*/
}

.key-slider,
.slick-list,
.slick-track {
  height: calc(100vh - 52px);
}

.top1 {
	display: flex;
	flex-flow: column;
	padding-top: 50px;
	justify-content: center;
}

.top_inner1 {
	order: 1;
	width: 90%;
	height: 100%;
	background-color: rgba(255, 255, 255, 0.5); /* 50% 不透過 */
	color: #000;
	text-align: center;
	margin:  -120px auto 0;
}

.top_komidashi {
	font-size: 1.2rem;
	font-weight: 700;
	display: inline-block;
	padding-bottom: 1px;
	border-bottom: solid 1px black;
	position: relative;
	width: 200px;
	padding-top: 30px;
	margin-bottom: 30px;
	text-shadow: 0 0 5px rgba(255,255,255,1), 0 0 5px rgba(255,255,255,1);
}

.top_komidashi:after {
  position: absolute;
  content: " ";
  display: block;
  border-bottom: solid 1px black;
  bottom: -5px;
  left: 10px;
  width: 200px;
}

.top_komidashi2 {
	font-size: 1.2rem;
	font-weight: 700;
	display: inline-block;
	padding-bottom: 1px;
	border-bottom: solid 1px black;
	position: relative;
	width: 200px;
	padding-top: 30px;
	margin-bottom: 30px;
}

.top_komidashi2:after {
  position: absolute;
  content: " ";
  display: block;
  border-bottom: solid 1px black;
  bottom: -5px;
  left: 10px;
  width: 200px;
}

.top_text {
	font-size: 1rem;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 30px;
	text-align: left;
	text-shadow: 0 0 5px rgba(255,255,255,1), 0 0 5px rgba(255,255,255,1);
}

.btn01 {
	padding: 10px 20px;
	font-size: 1rem;
	display: inline-block;
	color: #fff;
	text-decoration :none;
	text-align: center;
	background: #404c48;
	/*--水平方向 垂直方向 色--*/
	box-shadow: 7px 7px #b5b5b6;
}

.round_arrow {
  position: relative;
}

.round_arrow::before,
.round_arrow::after {
  content: ""; /* 疑似要素に指定必須 */
  width: 15px; /* 線の長さを指定 */
  height: 4px; /* 線の幅を指定 */
  display: inline-block; /* インラインブロックにする */
  border-radius: 10px; /* 線を角丸にする */
  background: #fff;   /* 線の色を指定 */
  position: absolute; /* 相対位置に指定 */
  right: 12px; /* 右から10pxの位置に配置 */
  pointer-events: none;
}

.round_arrow::before {
  top: calc(50% - 7px);     /* 数値は微調整してください */
  transform: rotate(45deg); /* 45度回転させる */
}

.round_arrow::after {
  bottom: calc(50% - 6px);   /* 数値は微調整してください */
  transform: rotate(-45deg); /* -45度回転させる */
}

.top1 {
	display: flex;
	flex-flow: column;
	padding-top: 50px;
	justify-content: center;
}

.top_inner4 {
	order: 1;
	width: 90%;
	height: 100%;
	background-color: rgba(255, 255, 255, 0.5); /* 50% 不透過 */
	color: #000;
	text-align: center;
	margin:  -120px auto 0;
}

.top2 {
	padding-top: 50px;
	text-align: center;
}

.top_link_outer {
	display: flex;
	justify-content: center;
	width: 100%;
	align-items: center;
}

.top_link {
	padding-right: 20px;
}

.top_link:nth-child(2) {
	padding-right: 0;
}

#footer {
	padding-bottom: 100px;
	background: #404c48;
	color: #fff;
}

.footer_outer {
	display: flex;
	flex-flow: column;
	justify-content: center;
}

.footer_text_midashi {
	font-size: 1.2rem;
	font-weight: 700;
	padding-bottom: 10px;
}

.footer_text {
	order: 2;
	font-size: 1rem;
	text-align: center;
}

.copyright {
	font-size: 0.8rem;
	text-align: center;
	padding-top: 30px;
}

.nav_footer ul {
  list-style: none;
  display: flex;           /* Flexboxを使用 */
  flex-wrap: wrap;         /* アイテムが折り返されるように */
  text-align: left;
  padding-top: 30px;
	font-size: 1rem;
	padding-left: 20px;
}

.nav_footer ul li {
	width: 50%;              /* 各項目の幅を50%に設定 */
	padding: 5px 0;
	box-sizing: border-box;  /* paddingを幅に含める */
}

.nav_footer ul li a {
  text-decoration: none;
  color: #fff;
  background: 
      linear-gradient(currentColor 0 0) 
      0 100% /var(--d, 0) 1px 
    no-repeat;
  transition:0.5s;
}

.social_links {
  display: flex;
  justify-content: center;
  padding-top: 10px; /* お好みで調整 */
  padding-bottom: 10px;
}

.social_links a {
  display: inline-block;
}

.social_links a:nth-child(2) {
  margin-left: 100px; /* アイコン間のスペースを調整 */
}

.social_links img {
  width: 40px; /* アイコンのサイズを調整 */
  height: auto;
}

#header_kasou {
	width: 100%;
	position: relative;
}

.kasou_bgim_ac {
	width: 100%;
	height: 200px;
	background-image: url("../img/kasou_bg_access.png");
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	z-index: -10;
}

.kasou_bgim_i {
	width: 100%;
	height: 200px;
	background-image: url("../img/kasou_bg_inquiry.png");
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	z-index: -10;
}

.kasou_bgim_ab {
	width: 100%;
	height: 200px;
	background-image: url("../img/kasou_bg_about.png");
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	z-index: -10;
}

.kasou_bgim_s {
	width: 100%;
	height: 200px;
	background-image: url("../img/kasou_bg_store.png");
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	z-index: -10;
}

.kasou_bgim_t {
	width: 100%;
	height: 200px;
	background-image: url("../img/kasou_bg_takeout.png");
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	z-index: -10;
}

.kasou_bgim_p {
	width: 100%;
	height: 200px;
	background-image: url("../img/kasou_bg_privacy.png");
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	z-index: -10;
}

.kasou_title {
	display: inline-block;
	text-align: center;
	font-size: 1.2rem;
	font-weight: 700;
	color: #000;
	position: absolute;
	top: 100px;
	bottom: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
}

.kasou1 {
	width: calc(100% - 20px);
	margin: 0 auto;
	align-items: center;
	z-index: 50;
	color: #000;
	padding-top: 50px;
}

.kasou2 {
	width: 100%;
	margin: 0 auto;
	align-items: center;
	z-index: 50;
	color: #000;
	padding-top: 50px;
	font-size: 1rem;
}

.kasou3 {
	width: calc(100% - 20px);
	margin: 0 auto;
	align-items: center;
	z-index: 50;
	color: #000;
	padding-top: 50px;
	font-size: 1rem;
	text-align: center;
}

.fadeInDown_kasou {
 -webkit-animation-fill-mode:both;
 -ms-animation-fill-mode:both;
 animation-fill-mode:both;
 -webkit-animation-duration:1s;
 -ms-animation-duration:1s;
 animation-duration:1s;
 -webkit-animation-name: fadeInDown;
 animation-name: fadeInDown;
 visibility: visible !important;
}
@-webkit-keyframes fadeInDown_kasou {
 0% { opacity: 0; -webkit-transform: translateY(-20px); }
 100% { opacity: 1; -webkit-transform: translateY(0); }
}
@keyframes fadeInDown_kasou {
 0% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); }
 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}

.access_title {
	font-size: 1.2rem;
	font-weight: 700;
	padding-bottom: 20px;
}

.access_title_s {
	font-size: 1rem;
	font-weight: 400;
	margin-top: 10px;
}

.access_honbun {
	font-size: 0.9rem;
}

.access_honbun:nth-child(2) {
	padding-bottom: 50px;
}

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

.kasou_inner2 {
	width: 100%;
	padding-top: 50px;
	padding-bottom: 50px;
	text-align: center;
}

.top_menu {
	padding-bottom: 30px;
}

.slider-item_menu {
    max-height: 300px; /* 指定した高さの最大値 */
}

.eatin_p {
	width: 100%;
	height: 300px;
	background-image: url("../img/eatin_p1.jpg");
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

.eatin_t {
	text-align: center;
	margin: 20px auto;
	width: calc(100% - 20px);
}

.eatin_menu_b {
	margin-top: 50px;
}

.eatin_menu_b_inner {
	text-align: center;
}

.eatin_menu_b_title {
	margin: 10px 0;
	font-weight: 700;
	font-size: 1.2rem;
}

.eatin_menu_b_describe {
	margin-bottom: 20px;
	margin-top: 10px;
}

.eatin_menu_s_inner {
	text-align: center;
}

.eatin_menu_s_title {
	margin: 10px 0;
	font-weight: 700;
	font-size: 1.2rem;
}

.eatin_menu_s_describe {
	margin-bottom: 20px;
}

.round_arrow2 {
  position: relative;
  margin-top: 30px;
  margin-bottom: 50px;
}

.round_arrow2::before,
.round_arrow2::after {
  content: ""; /* 疑似要素に指定必須 */
  width: 15px; /* 線の長さを指定 */
  height: 4px; /* 線の幅を指定 */
  display: inline-block; /* インラインブロックにする */
  border-radius: 10px; /* 線を角丸にする */
  background: #fff;   /* 線の色を指定 */
  position: absolute; /* 相対位置に指定 */
  right: 12px; /* 右から10pxの位置に配置 */
  pointer-events: none;
}

.round_arrow2::before {
  top: calc(50% - 7px);     /* 数値は微調整してください */
  transform: rotate(45deg); /* 45度回転させる */
}

.round_arrow2::after {
  bottom: calc(50% - 6px);   /* 数値は微調整してください */
  transform: rotate(-45deg); /* -45度回転させる */
}

.store_btn2 {
	height: 100px;
	text-align: center;
}

.eatin_menu_b_price {
	margin-top: 10px;
}

.takeout_title {
	font-weight: 700;
	font-size: 1.2rem;
	margin-top: 30px;
}

.takeout_title:nth-child(1) {
	margin-top: 0;
}

.takeout_atention2 {
	font-size: 1rem;
	text-align: left;
}

.takeout_atention2 ul {
	padding-left: 25px;
	margin-bottom: 30px;
}

.takeout_atention ul li {
	margin: 10px 0;
}

.takeout_btn {
	margin-bottom: 50px;
}

.round_arrow3 {
  position: relative;
  margin-top: 30px;
  margin-bottom: 50px;
}

.round_arrow3::before,
.round_arrow3::after {
  content: ""; /* 疑似要素に指定必須 */
  width: 15px; /* 線の長さを指定 */
  height: 4px; /* 線の幅を指定 */
  display: inline-block; /* インラインブロックにする */
  border-radius: 10px; /* 線を角丸にする */
  background: #fff;   /* 線の色を指定 */
  position: absolute; /* 相対位置に指定 */
  right: 12px; /* 右から10pxの位置に配置 */
  pointer-events: none;
}

.round_arrow3::before {
  top: calc(50% - 7px);     /* 数値は微調整してください */
  transform: rotate(45deg); /* 45度回転させる */
}

.round_arrow3::after {
  bottom: calc(50% - 6px);   /* 数値は微調整してください */
  transform: rotate(-45deg); /* -45度回転させる */
}

.slider_menu {
	height: 300px;
}

.index_logo {
	position: absolute;
	top: 20px;
	left: 20px;
	z-index: 50;
}

.index_logo img {
	width: 150px;
}

.footer_logo {
	margin: 0 auto;
	order: 1;
	padding-top: 20px;
	padding-bottom: 30px;
}

.footer_logo img {
	width: 150px;
}

.about1_p {
	width: 100%;
	height: 300px;
	background-image: url("../img/about_p1.jpg");
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

.about1_t {
	text-align: center;
	margin: 20px auto;
	width: calc(100% - 20px);
}

.about2 {
	display: flex;
	flex-flow: column;
	margin-top: 50px;
	margin-bottom: 50px;
}

.about2_p {
	width: 100%;
	height: 300px;
	background-image: url("../img/about_p2.jpg");
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	order: 0;
}

.about2_t {
	text-align: center;
	margin: 20px auto;
	order: 1;
	width: calc(100% - 20px);
}

.about_title {
	font-weight: 700;
	font-size: 1.2rem;
	margin-top: 30px;
	padding-bottom: 5px;
	margin-bottom: 10px;
}

.about_title:nth-child(1) {
	margin-top: 0;
}

.inquiry_name {
	width: 100%;
	margin-bottom: 20px;
}

.inquiry_mail {
	width: 100%;
	margin-bottom: 20px;
}

.inquiry_tel {
	width: 100%;
	margin-bottom: 20px;
}

.inquiry_text {
	width: 100%;
	margin-bottom: 20px;
}

.inquiry_check {
	margin-bottom: 20px;
}

.inquiry_form {
	width: calc(100% - 20px);
	margin: 0 auto;
	text-align: center;
	margin-top: 50px;
	margin-bottom: 50px;
}

.inquiry_atention {
	text-align: left;
	margin-bottom: 20px;
}

.inquiry_form .error {
	text-align: center;
	margin-bottom: 20px;
}

.inquiry_check_outer .error {
	text-align: center;
}

.inquiry_comp {
	margin: 50px 0;
}

.inquiry_outer {
	font-size: 1rem;
}

.store_date {
	width: 100%;
	margin-bottom: 20px;
}

.store_time {
	width: 100%;
	margin-bottom: 20px;
	height: 38px;
}

.store_people {
	width: 100%;
	margin-bottom: 20px;
}

.store_name {
	width: 100%;
	margin-bottom: 20px;
}

.store_mail {
	width: 100%;
	margin-bottom: 20px;
}

.store_tel {
	width: 100%;
	margin-bottom: 20px;
}

.store_bikou {
	width: 100%;
	margin-bottom: 20px;
}

.store_check {
	margin-bottom: 20px;
}

.store_form {
	width: calc(100% - 20px);
	margin: 0 auto;
	text-align: center;
	margin-top: 50px;
	margin-bottom: 50px;
}

.store_atention {
	text-align: left;
	margin-bottom: 20px;
}

.takeout_atention2 {
	text-align: left;
	margin-bottom: 30px;
}

.store_form .error {
	text-align: center;
	margin-bottom: 20px;
}

.store_check_outer .error {
	text-align: center;
}

.store_comp {
	margin: 50px 0;
}

.store_outer {
	font-size: 1rem;
}

.takeout_yakisoba1 {
	width: 100%;
	margin-bottom: 20px;
	height: 38px;
}

.takeout_yakisoba1_number {
	width: 100%;
	margin-bottom: 20px;
}

.takeout_yakisoba1_topping {
	width: 100%;
	margin-bottom: 20px;
	height: 38px;
}

.takeout_yakisoba2 {
	width: 100%;
	margin-bottom: 20px;
	height: 38px;
}

.takeout_yakisoba2_number {
	width: 100%;
	margin-bottom: 20px;
}

.takeout_yakisoba2_topping {
	width: 100%;
	margin-bottom: 20px;
	height: 38px;
}

.takeout_yakisoba3 {
	width: 100%;
	margin-bottom: 20px;
	height: 38px;
}

.takeout_yakisoba3_number {
	width: 100%;
	margin-bottom: 20px;
}

.takeout_yakisoba3_topping {
	width: 100%;
	margin-bottom: 20px;
	height: 38px;
}

.takeout_pan {
	width: 100%;
	margin-bottom: 20px;
}

.takeout_udon1 {
	width: 100%;
	margin-bottom: 20px;
	height: 38px;
}

.takeout_udon1_number {
	width: 100%;
	margin-bottom: 20px;
}

.takeout_udon2 {
	width: 100%;
	margin-bottom: 20px;
	height: 38px;
}

.takeout_udon2_number {
	width: 100%;
	margin-bottom: 20px;
}

.takeout_date {
	width: 100%;
	margin-bottom: 20px;
}

.takeout_time {
	width: 100%;
	margin-bottom: 20px;
	height: 38px;
}

.takeout_people {
	width: 100%;
	margin-bottom: 20px;
}

.takeout_name {
	width: 100%;
	margin-bottom: 20px;
}

.takeout_company {
	width: 100%;
	margin-bottom: 20px;
}

.takeout_address {
	width: 100%;
	margin-bottom: 20px;
}

.takeout_mail {
	width: 100%;
	margin-bottom: 20px;
}

.takeout_tel {
	width: 100%;
	margin-bottom: 20px;
}

.takeout_bikou {
	width: 100%;
	margin-bottom: 20px;
}

.takeout_check {
	margin-bottom: 20px;
}

.takeout_form {
	width: calc(100% - 20px);
	margin: 0 auto;
	text-align: center;
	margin-top: 50px;
	margin-bottom: 50px;
}

.takeout_atention {
	text-align: left;
	margin-bottom: 20px;
}

.takeout_form .error {
	text-align: center;
	margin-bottom: 20px;
}

.takeout_check_outer .error {
	text-align: center;
}

.takeout_comp {
	margin: 50px 0;
}

.takeout_outer {
	font-size: 1rem;
}

.takeout_form_yakisoba1 {
	margin-bottom: 50px;
}

.takeout_form_yakisoba2 {
	margin-bottom: 50px;
}

.takeout_form_yakisoba3 {
	margin-bottom: 50px;
}

.takeout_form_yakisobapan {
	margin-bottom: 50px;
}

.takeout_form_udon1 {
	margin-bottom: 50px;
}

.takeout_form_udon2 {
	margin-bottom: 50px;
}

.mw_wp_form_preview .takeout_form_yakisoba1 {
	margin-bottom: 80px;
}

.mw_wp_form_preview .takeout_form_yakisoba2 {
	margin-bottom: 80px;
}

.mw_wp_form_preview .takeout_form_yakisoba3 {
	margin-bottom: 80px;
}

.mw_wp_form_preview .takeout_form_yakisobapan {
	margin-bottom: 80px;
}

.mw_wp_form_preview .takeout_form_udon1 {
	margin-bottom: 80px;
}

.mw_wp_form_preview .takeout_form_udon2 {
	margin-bottom: 80px;
}

.store_btn {
	margin-bottom: 50px;
	margin-top: 30px;
}

.takeout_form_genre {
	font-weight: 700;
	font-size: 1.2rem;
	padding-bottom: 5px;
	margin-bottom: 30px;
}

.privacy_title {
	font-weight: 700;
	font-size: 1.2rem;
	margin-top: 30px;
}

.privacy_title:nth-child(1) {
	margin-top: 0;
}

.privacy_outer {
	font-size: 1rem;
	width: calc(100% - 20px);
	margin: 0 auto;
	text-align: center;
	margin-top: 50px;
	margin-bottom: 50px;
}

.privacy_text {
	text-align: left;
}

.privacy_title {
	font-size: 1.2rem;
	font-weight: 700;
	text-align: center;
	margin-top: 50px;
	margin-bottom: 50px;
}

.privacy_title:nth-child(1) {
	margin-top: 0;
}

.ui-datepicker {
	transform: scale(0.8) !important; /* カレンダーを元のサイズの80%に縮小 */
	transform-origin: top left !important; /* 変形の原点を上中央に設定 */
	color: #404c48 !important;
	border-color: #404c48 !important;
	background-color: #fff !important;
}

/* 日曜日のカラー設定 */
td.ui-datepicker-week-end:first-child a.ui-state-default{
  background-color: #ffecec !important;   /* 背景色を設定 */
  color: #f00!important;       /* 文字色を設定 */
}
/* 土曜日のカラー設定 */
td.ui-datepicker-week-end:last-child a.ui-state-default{
  background-color: #eaeaff !important;   /* 背景色を設定 */
  color: #00f!important;       /* 文字色を設定 */
}

.top3 {
	text-align: center;
	padding-bottom: 100px;
	margin-top: 85px;
}

.news_detail {
	line-height: 1.5rem;
	width: 80%;
	height: 100%;
	padding: 5% 0;
	border: solid 1px #404c48;
	background-color: #ffffff;
	border-radius: 30px;
	display: flex;
	flex-flow: column;
	justify-content: center;
	margin: 4% auto;
}

.news_detail h3 {
	font-size: 1.1rem;
	padding-bottom: 5%;
}

.news_detail p {
	padding: 0 5%;
	font-size: 1rem;
	text-align: left;
}

.menu_detail_p {
	margin: 0 auto;
}

.menu_detail_p img {
	height: 150px;
	margin-top: 5%;
}

}