@charset "utf-8";
/*
Theme Name: どんどん亭WEBサイト
Theme URI: https://www.dondontei.com/
Description: A theme by <a href="https://www.dondontei.com/">お好み焼き どんどん亭の公式オリジナルテンプレート</a>.
Version: 1.00
Author: dondontei nakano hito
*/
/*2019 top_image s*/
#bgimage_2019 img{
	width: 100%;
	height: auto;
}
#bgimage_2019_phone{
	background: transparent url("img/topimage2019_2_bg.jpg") no-repeat 0 0 /contain;
	height: 0;
	padding-top: 48%;
	position: relative;
	margin: 0;
}
#top2019_phone img{
	position: absolute;
	top: 5%;
	left: 0;
	right:0;
	bottom:0;
	margin: auto;
	width:auto;
}

@media screen and (max-width: 768px){
	#top2019_phone img{
		width:80%;
	}
}
/*2019 top_image e*/
body {
	min-width: 1200px;
	font-size: 14px;
	font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
}
input, textarea { font-family:"Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif; }
img {
	max-width: 100%;
	height: auto;
	margin: 0 auto;
	vertical-align: bottom;
}
	.sp_disp {display: none; }
	.pc_disp {display: inherit; }
/* リンク*/
a {
	color: #333;
	text-decoration: none;
	outline: none;
}
a:link { text-decoration: none; }
a:visited { text-decoration: none; }
a:hover { text-decoration: none; color: #FF7E00; }
a:active { text-decoration: none; }
.campaign a::before,
.instagram-box a::before,
.sns-dondontei_pr a::before { content: ""; }
.page a {color: #F47824; }
/* CLEAR FIX*/
.clearfix:before,.clearfix:after { content: " "; display: table; }.clearfix:after { clear: both; }.clearfix { *zoom: 1; }
/* TEXT DECORATION & LAYOUT*/
.red { color: #C00; }.blue { color: #00C; }.bold { font-weight: bold; }
/* TEXT ALIGN*/
.alignleft { text-align: left; }.aligncenter { text-align: center; }.alignright { text-align: right; }.alignjust { text-align: justify; }
/* FLOAT*/
.left { float: left; }.right { float: right; }.clear { clear: both; }
/* POSITION*/
.relative{ position: relative; }.absolute{ position: absolute; z-index: 1;}
/* BOX MODEL*/
.block { display: block; }

/* =====================================================================
*    common
* =================================================================== */
.mb10 { margin-bottom: 10px; }
.mb20 { margin-bottom: 20px; }
.sp_disp { display: none; }
.inner {
	width: 960px;
	margin: 0 auto;
}
.contents {
	width: auto;
	padding: 0 0 0 160px;
}
main { min-height: 600px; }
.fill {fill: #333;}
.fill:hover {fill: #FF7E00;}
.half-box {
	float: left;
	width: 50%;
}
.bg-scale {
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	background-size: cover;
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-ms-transition: all .3s ease-out;
	transition: all .3s ease-out;
}
.bg-scale:hover {
	-moz-transform: scale(1.2);
	-webkit-transform: scale(1.2);
	-ms-transform: scale(1.2);
	transform: scale(1.2);
}
.ggmap {
	position: relative;
	padding-bottom: 66.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}
.ggmap iframe,
.ggmap object,
.ggmap embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.bg-red { color: #fff; background-color: #df3313!important;}
.bg-yellow { color: #fff; background-color: #d9aa3a!important;}
.bg-blue { color: #fff; background-color: #2087ca!important;}
.bg-orange { color: #fff; background-color: #ec6519!important;}
.bg-purple { color: #fff; background-color: #aa1e75!important;}
.bg-green { color: #fff; background-color: #176535!important;}
.bg-deepblue { color: #fff; background-color: #173b97!important;}


.radius { font-size: 0.9em; padding: 0 5px; border-radius: 10px; }
.okonomiyaki-recommended .today-okonomiyaki-visual img,
.news-contents .news-card img,
.pickup-news-themb img,
.shopinformation img,
.shop-photo li img ,
.mv-movie img,
.news-thumb img {
	width: 100%;
	height: auto;
}
.wp-pagenavi {
	text-align: center;
	padding: 40px 0;
}
.dondontei-post-content p{ padding-bottom: 1em; }
.dondontei-post-content ul{
	list-style: none;
	clear: both;
	padding-left: 0;
	padding-top: 10px;
	padding-bottom: 5px;
}
.dondontei-post-content ul li{
	margin-bottom: 5px;
	padding-bottom: 5px;
}
.dondontei-post-content table{
	width: 100%;
	border: 1px solid #ccc;
	border-collapse: collapse;
	border-spacing: 0;
	line-height: 1.5;
}
.dondontei-post-content th{
	width: 20%;
	padding: 10px;
	border: 1px solid #ccc;
	background: #439aea;
	color: #fff;
	font-weight: bold;
	text-align: left;
	vertical-align: middle;
	white-space: nowrap;
}
.dondontei-post-content td{
	width: 80%;
	padding: 10px;
	border: 1px solid #ccc;
	vertical-align: middle;
}
/* HEADDER
---------------------------*/
header {
	height: 100%;
	padding: 10px 0 0;
	position: fixed;
	background-color: #fff;
	z-index: 200;
}
header .header-logo {
	margin: 0 auto 40px;
	text-align: center;
}
.header_apporder_icon{
		display: none;
	}
header .header-logo-home {
	height: 90px;
	width: 90px;
	margin: 0 auto;
	display: block;
	background: transparent url(img/footer_logo.png) no-repeat 50% 0 / 90px 90px;
}
header .header-logo-home img { display: none; }
header nav ul,
header nav .relation-nav { width: 160px; }
header nav ul { margin: 0 0 20px; }
header nav ul li {
	margin: 0 10px 20px;
	line-height: 120%;
	text-align: center;
}
header nav ul li a { font-weight: bold; }
header nav .sub-nav li { margin: 0 20px 10px; }
header nav .relation-nav {
	position: absolute;
	bottom: 15px;
}
header nav .sns-dondontei_pr {
	width: 125px;
	margin: 0 auto;
}
header nav .sns-dondontei_pr li {
	width: 29px;
	margin: 0 6px;
	float: left;
	text-align: center;
}
header nav ul.main-nav * {
	-webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
}
header nav ul.main-nav li a {
  padding: 0 0.7em;
  position: relative;
  text-decoration: none;
  display: inline-block;
}
header nav ul.main-nav li a:before {
  position: absolute;
  content: '';
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
  opacity: 0;
  left: 15%;
  right: 15%;
  top: 0;
  bottom: 0;
  border-left: 3px solid #FF7E00;
  border-right: 3px solid #FF7E00;
}
header nav ul.main-nav li a:hover:before,
header nav ul.main-nav li .current a:before {
  opacity: 1;
  left: 0;
  right: 0;
}

/* FOOTER
---------------------------*/
footer {
	padding: 40px 0 0;
	background-color: #ef7a00;
	position: relative;
}
footer .pagetop-btn {
	top: -20px;
	width: 100%;
	display: block;
	z-index: 100;
	position: absolute;
	text-align: center;
}
footer a ,
footer a:hover { color: #fff; }
footer .footer-logo {
	float: left;
	width: 90px;
	padding: 0 30px 0 0;
}
footer .footer-page-nav {
	float: left;
	width: 320px;
}
footer .footer-sub-nav {
	float: right;
	width: 320px;
}
footer .footer-sub-nav li ,
footer .footer-page-nav li {
	float: left;
	width: 50%;
	margin: 0 0 15px;
	line-height: 120%;
}
footer .footer-sub-nav li { text-align: right; }
footer .copyright {
	margin: 30px 0 5px;
	text-align: center;
	background-color: #fff;
}
footer .copyright:before {
content:"";
margin: 0 0 10px;
display:block;
height:3px;
width:100%;
background: #199c3e; /* Old browsers */
background: -moz-linear-gradient(left, #199c3e 1%, #d3d724 33%, #d3d724 33%, #f5e660 51%, #f5df49 64%, #da3615 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #199c3e 1%,#d3d724 33%,#d3d724 33%,#f5e660 51%,#f5df49 64%,#da3615 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #199c3e 1%,#d3d724 33%,#d3d724 33%,#f5e660 51%,#f5df49 64%,#da3615 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#199c3e', endColorstr='#da3615',GradientType=1 ); /* IE6-9 */
}
.mv ul li { opacity: 0; }
/* =====================================================================
*    index
* =================================================================== */
.mv {
  position: relative;
  margin: 0;
}
.mv ul li { text-align: center; }
.mv ul li img {
	width: 100%;
	margin: 0;
	display: inline-block;
}
.mv .slick-dotted.slick-slider { margin: 0; }
.chinema_image {
	position: absolute;
	top: 0;
}
.dondontei-index { position: relative; }
.dondontei-index .hot-contents {
	position: absolute;
	top: -80px;
	left: -5px;
	z-index: 100;
	border: 2px solid #efefef;
}
.dondontei-index .news-index .news-index-pickup {
	float: left;
	width: 66%;
	padding: 2% 1% 2% 1%;
}
.dondontei-index .news-index .news-index-pickup h1 {
	font-size: 1.4em;
	font-weight: bold;
	margin: 0px 0 10px 9px;
}
.dondontei-index .news-index .campaing-open {
	padding: 140px 2% 0 0;
}
.news-index-pickup .top_takeout_banner {
	background: #000 url("img/oko_bg1.png") 0% 30% no-repeat;
	padding: 50px 15px 50px 10px;
  font-weight: bold;
  margin-bottom: 15px;
  text-align: right;
	color: #fff;
	text-shadow: 0px 0px 5px black, 0px 0px 5px black;
	font-size: 20px;
}
.dondontei-index .news-index .news-index-pickup ul { margin: 0 0 0 5px; }
.dondontei-index .news-index .news-index-pickup ul li {
	margin:  0 5px;
	border: 1px solid #ccc;
  border-radius: 10px;
  overflow: hidden;
	font-size: 16px;
  line-height: 150%;
  box-sizing: border-box;
  padding: 0 0 20px;
}
.dondontei-index .news-index .news-index-pickup ul li a {
  height: 100%;
	display: block;
  position: relative;
}
.dondontei-index .news-index .news-index-pickup ul li:hover { border: 1px solid #FF7E00; }
.dondontei-index .news-index .news-index-pickup ul li a .news-title { margin: 10px 5px; }
.dondontei-index .news-index .news-index-pickup ul li a .news-date {
  width: 96%;
  margin: 0 2%;
	text-align: right;
  position: absolute;
  bottom: -20px;
}
.dondontei-index .news-index .twitter-news {
	float: left;
	width: 30%;
	padding: 20px 1% 0;
  
}
.dondontei-index .news-index .twitter-news iframe { width: 100%; }
.dondontei-index .news-index .index-other-news {
	text-align: center;
	margin: 10px 0 50px;
	padding: 5px 0 0;
	font-weight: normal;
	border-top: 1px dotted #ccc;
}
.dondontei-index .news-index .index-other-news li {
	border-bottom: 1px dotted #ccc;
	margin: 0 0 5px;
	padding: 0 0 5px;
}
.dondontei-index .news-index .index-other-news li time { margin: 0 10px 0 0; }
.shopinformation .yakikata-menu,
.shopinformation .shopinformation-menu {
	position: relative;
	overflow: hidden;
}
.shopinformation .shopinformation-title {
	position: absolute;
	text-align: center;
	top: 50%;
	left: 50%;
	z-index: 100;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
.shopinformation .shopinformation-menu h2 {
	border-bottom: 1px solid #fff;
	padding: 0 0 10px;
	margin: 0 0 10px;
	font-size: 2em;
}
.shopinformation .shopinformation-menu h2,
.shopinformation .shopinformation-menu a {
	color: #fff;
	font-weight: bold;
}
.shopinformation .shopinformation-menu .shopinformation-menubg {
	background: transparent url(img/cinema_monja.gif) no-repeat 50% 30%/cover;
}
.shopinformation .shopinformation-menu .shopinformation-shopbg { 
	background: transparent url(img/common_shop_banner.jpg) no-repeat 0 0/cover;
}
.shopinformation .yakikata-menu .shopinformation-yakikatabg {
	background: transparent url(img/cinema_kansai.gif) no-repeat 50% 50% / cover;
}
.dondontei-app-cont { margin: 20px 0 0; }
.dondontei-app-cont h2 { text-align: center; }
.dondontei-app-cont .app_point li { position: absolute; }
.app_point01 { top: 0; left: 0;}
.app_point02 { top: 140px; left: 0px}
.app_point03 { top: 30px; right: 0px}
.app_point04 { top: 160px; right: 30px}
.campaign {
	padding: 10px 0 40px;
	background-color: #fabe00;
}
.campaign h2,
.campaign h3,
.campaign p {
	padding:  0 10px;
	font-weight: bold;
}
.campaign h2,
.campaign h3 { font-size: 2em; }
.campaign p { margin: 0 0 10px; }
.campaign .in-session { text-align: center; }
.campaign .close-campaign { margin: 40px 0 0;}
.campaign .close-campaign h3 .more-campaign {
	font-size: 0.5em; 
	background-color: #efefef;
	position: absolute;
	top: 10px;
	right: 10px;
}
.campaign .close-campaign h3 .more-campaign:hover {background-color: #fff;}
.campaign .close-campaign ul li {
	float: left;
	width: 50%;
}
.campaign .close-campaign.only_box { margin: 20px 0 0; }
.campaign .close-campaign.only_box ul li {
	width: 30%;
	margin: 0 1.5%;
}
.campaign .campaign-banner {
	display: block;
	vertical-align: middle;
}
.instagram-box { padding: 0 0 40px; }
.instagram-box h2 {
	text-align: center;
	padding: 30px 0;
	position: relative;
}
.instagram-box h2:before,
.instagram-box h2:after {
	content: "";
	display: block;
	width: 320px;
	height: 2px;
	position: absolute;
	background: transparent url(img/instagram_border.png) no-repeat 0 0;
}
.instagram-box h2:before{top: 49%; right: 0;}
.instagram-box h2:after {top: 49%; left: 0;}
/* =====================================================================
*    about
* =================================================================== */
.about-dondontei { background: transparent url(img/about_cont01_bg01.jpg) no-repeat 0 0/cover; }
@keyframes my-fade-in {
  from {
    opacity: 0;
		background-position: 0% 20px;
  }
  to {
    opacity: 1;
		background-position: -10% 20px;
  }
}
.about-dondontei .teppan-party {
	padding: 50px 0 120px 40%;
	background-color: transparent;
	background-image: url(img/about_cont01_img01.png);
	background-repeat: no-repeat;
	background-size: 45% auto;
	background-position: -10% 20px;
  animation-name: my-fade-in;
  animation-duration: 3s;
}
.about-dondontei .teppan-party h1 {
	margin: 0 0 20px;
	padding: 0 0 0 20px;
	font-size: 3.5em;
	font-weight: bold;
	line-height: 120%;
}
.about-dondontei .teppan-party h1 .about-chatch {
	font-size: 0.5em;
	display: block;
}
.about-dondontei .teppan-party p {
	max-width: 640px;
	padding: 0 20px;
	font-size: 1.2em;
	font-weight: bold;
	line-height: 250%;
}
.about-dondontei dl {
	position: relative;
	background-color: #b33331;
	padding: 100px 0 50px;
}
.about-dondontei dl dt {
	width: 60%;
	margin: 0 20%;
	color: #b33331;
	padding: 50px 0;
	font-size: 2.2em;
	font-weight: bold;
	background-color: #fff;
	text-align: center;
	position: absolute;
	top: -75px;
}
.about-dondontei dl dd {
	float: left;
	width: 34%;
	margin: 0 8%;
	color: #fff;
	font-size: 1.2em;
	font-weight: bold;
	line-height: 200%;
}
.conscious {
	margin: 0 0 120px;
	padding: 40px 0 0;
	overflow: hidden;
}
.conscious .conscious-box {
	margin: 40px 0 0;
	padding: 160px 0 0;
	position: relative;
}
.conscious .conscious-box .conscious-box-desc {
	position: relative;
	width: 46%;
	z-index: 90;
	padding: 30px 2% 0;
	background-color: rgba(255,255,255,0.80);
}
.conscious .conscious-box .conscious-box-desc h2 {
	text-align: center;
	font-size: 2.5em;
	font-weight: bold;
	line-height: 120%;
}
.conscious .conscious-box .conscious-box-desc h2:after {
	content: "";
	display: block;
	margin: 20px 40%;
	height: 5px;
	background-color: #e4770f;
}
.conscious .conscious-box .conscious-box-desc p {
	padding: 0 0 20px;
	font-size: 1.3em;
}
.conscious .conscious-box .conscious-box-desc p .exception {
	display: block;
	font-size: 0.8em;
}
.conscious-image { position: absolute; }
.conscious-image-item01 { top: 30px; right: 0; }
.conscious-image-item02 { top: -11px; left: 0; }
.conscious-image-item03 { top: 28px; right: 40px; }
.shop-cooking { background: transparent url(img/about_cont02_img01.jpg) no-repeat 0 0; }
.original-source { background: transparent url(img/cinema_hiroshima.gif) no-repeat 100% 50%; }
.selected-vegetables { background: transparent url(img/about_cont02_img05.jpg) no-repeat 0 0; }
.conscious .conscious-box .selected-vegetables-desc,
.conscious .conscious-box .shop-cooking-desc { margin: 0 4% 0 46%; }
.conscious .conscious-box .original-source-desc { margin: 0 46% 0 4%; }
/* =====================================================================
*    shop
* =================================================================== */
.shop-list-head {
	color: #fff;
	margin: 0 0 40px;
	padding: 10px 0 10px 10px;
	background-color: #ef7a00;
}
.shop-list-head h1 {
	font-size: 1.8em;
	font-weight: bold;
}
.shop-list-box { margin: 0 0 40px; }
.shop-list-box h2 {
	padding: 10px 0 0;
	font-size: 1.4em;
	border-top: 1px solid #999;
}
.spot-prefectures {
	float: left;
	width: 31.3%;
	margin: 0 1% 20px;
}
.spot-prefectures dt {
	padding: 0 0 5px;
	width: 6em;
	text-align: right;
	float: left;
	color: #aaa;
}
.spot-prefectures dd {
	padding: 0 0 3px;
	margin: 0 0 5px 7em;
	overflow: hidden;
	border-bottom: 1px solid #efefef;
}
.mark_point {
	margin: 0 0 20px;
}
.mark_point li {
	margin: 0 0 5px;
	font-size: 0.8em;
}
.mark_point li a { color: #ef7a00; }
.service_mark {
	color: #fff;
	padding: 2px 6px;
	font-size: 0.9em;
	border-radius: 10px;	
	display:inline;
}
.service_mark_box {
	padding: 0 20px 0 0;
	float: right;
}
.delivery_service_mark { background-color: #aa1e75; }
.creditcard_service_mark { background-color: #173b97; }
.line_pay_service_mark { background-color: #00B900; }
.paypay_service_mark { background-color: #ff0033; }
.ubereats_service_mark { background-color: #06c167; }
.shop-info-detail {	margin: 0 auto 40px; }
.shop-info-detail .shop-data {
	float: left;
	width: 48%;
	margin: 0 1%;
}
.shop-info-detail .shop-comment{
	padding: 5px 10px;
  position: relative;
  background-color: #fabe00;
	border-radius: 10px;
}
.shop-info-detail .shop-comment::before{
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  left: 12px;
  bottom: -8px;
  border-top: 8px solid #fabe00;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
}
.shop-info-detail .shop-data h2 {
	margin: 5px 0 0;
	font-size: 1.8em;
}
.shop-info-detail .shop-data dt { margin: 10px 0 0; }
.shop-info-detail .shop-data dd { 
	margin: 0 0 0 20px; 
	word-wrap: break-word;
}
.shop-info-detail .shop-data ul li {
	color: #000;
	float: left;
	width: 14.6%;
	margin: 10px 1% 0;
	padding: 5px 0;
	text-align: center;
	font-weight: bold;
	line-height: 120%;
	border-radius: 10px;
	border: 1px solid #000;
}
.shop-photo {	margin: 0 0 60px; }
.shop-photo li {
	float: left;
	width: 30%;
	margin: 0 1.65% 10px;
}
/* =====================================================================
*    pickup|news-list
* =================================================================== */
.pickup {
	margin: 20px 0 0;
	padding: 10px 0 1px;
	background-color: #353B3F;
	position: relative;
}
.pickup h1.pickup-title {
	color: #fff;
	position: absolute;
	top: 0;
	right: 0;
	font-size: 7vw;
	font-weight: bold;
	line-height: 100%;
}
.pickup .pickup-news {
	max-width: 1200px;
	position: relative;
	margin: 6vw auto 20px;
	padding: 0 20px;
	background-color: #fff;
	-webkit-box-shadow: 5px 5px 30px 0px rgba(0, 0, 0, 0.6);
	-moz-box-shadow: 5px 5px 30px 0px rgba(0, 0, 0, 0.6);
	box-shadow: 5px 5px 30px 0px rgba(0, 0, 0, 0.6);
}
.pickup .pickup-news-subdata {
	float: left;
	width: 50%;
	margin: 0;
	position: relative;
}
.pickup .pickup-news-data {
	float: left;
	width: 48%;
	margin: 0 0 0 2%;
	position: relative;
}
.pickup .pickup-news-subdata .pickup-news-themb {
	position: relative;
	margin: 0 0 -20px;
	top: -40px;
}
.pickup .pickup-news-subdata .pickup-news-themb img {
	-webkit-box-shadow: 5px 5px 30px 0px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 5px 5px 30px 0px rgba(0, 0, 0, 0.3);
	box-shadow: 5px 5px 30px 0px rgba(0, 0, 0, 0.3);
	overflow: hidden;
}
.pickup-news-date {
  color: #000;
	position: absolute;
	top: 10px;
	right: 10px;
}
.pickup .pickup-news-data h2 {
	margin: 0 0 20px;
	padding: 40px 0 10px;
	font-size: 1.7em;
	font-weight: bold;
	line-height: 120%;
	border-bottom: 2px solid #ccc;
}
.category-icon ,
.category-list_icon {
	font-size: 0.9em;
	font-weight: bold;
}
.category-icon {
	padding: 0 2%;
  border-radius: 20px;
	position: absolute;
	top: 10px;
	left: 10px;
}
.category-list_icon.pickup:hover,
.pickup { color: #333;	background-color: #FFE492; margin: 0; }
.category-list_icon.pressrelease:hover,
.pressrelease { color: #fff; background-color: #474D68; }
.category-list_icon.newly-open:hover,
.newly-open { color: #fff; background-color: #4B704D; }
.category-list_icon.news:hover,
.news { color: #fff; background-color: #FF6986; }
.category-list_icon {
	display: block;
	margin: 0;
	padding: 5px 0;
	color: #fff;
	background-color: #000;
	border-right: 2px solid #fff;
}
.news-read_more {
  width: 100%;
	color: #333;
  padding: 5px 0;
	text-align: center;
	background-color: #efefef;
  position: absolute;
  bottom: 0;
}
.pickup-news-data .news-read_more { margin: 0 0 20px; }
.pickup-news-data a:hover .news-read_more {	background-color: #ef7a00; }
.news-read_more a {
	color: #fff;
	display: block;
}
.pickup .pickup-news-data .pickup-news-overview { font-size: 1.2em; }
.pickup .pickup-news-data .pickup-news-overview { margin: 0 0 60px; }
.gradation {
  background: linear-gradient(to right, #199c3e 1%,#d3d724 33%,#d3d724 33%,#f5e660 51%,#f5df49 64%,#da3615 100%);
  background-size: 600% 600%;
  animation: AnimationName 20s ease infinite;
}
	.category-list { margin: 0 0 20px; }
.category-list li {
	float: left;
	width: 25%;
	text-align: center;
}
@keyframes AnimationName {
	0%{background-position:0% 50%}
	50%{background-position:100% 50%}
	100%{background-position:0% 50%}
}
.news-contents .news-title {
	font-size: 1.2em;
	font-weight: bold;
	margin: 20px 0;
	background-color: #efefef;
	line-height: 120%;
}
.news-contents .news-title span {
	padding: 0 10px 0 0;
	background-color: #fff;
}
.news-contents .news-card {
  float: left;
  width: 48%;
  margin: 0 1% 20px;
  border-radius: 10px;
  overflow: hidden;
  border-top: 1px solid #efefef;
  box-sizing: border-box;
  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.3);
}
.campaign-close .news-card {
	width: 50%;
	margin: 0 0 20px;
}
.campaign .campaign-banner ,
.news-contents .news-card a {
	max-width: 600px;
  height: 100%;
	margin: 0 auto;
	display: block;
	position: relative;
}
.campaign .close-campaign .campaign-banner {
	max-width: 480px;	
}
.news-contents .news-card a .news-card-title {
	color: #000;
	padding: 30px 0 40px;
	position: relative;
}
.news-contents .news-card a .news-card-title h3 {
	font-size: 1.1em;
	font-weight: bold;
	margin: 10px 5px 0;
  line-height: 130%;
}
.press-release {
	margin: 0 0 0px;
	padding: 20px 0 40px;
	background-color: #1F2853;
}
/* =====================================================================
*    grandmenu
* =================================================================== */
.grandmenu h1 {
	color: #fff;
	padding: 10px;
	font-size: 1.5em;
	font-weight: bold;
	background-color: #4c1818;
}
.okonomiyaki-recommended {
	color: #fff;
	max-height: 400px;
	overflow: hidden;
	background-color: #cb3332;
}
.okonomiyaki-recommended .today-okonomiyaki {
	min-height: 345px;
	position: relative;
	padding: 10px 0;
}
.okonomiyaki-recommended .today-okonomiyaki .sub-catch ,
.okonomiyaki-recommended .today-okonomiyaki .main-catch {
	font-weight: bold;
	line-height: 120%;
}
.okonomiyaki-recommended .today-okonomiyaki .sub-catch {
	margin: 0 0 0 20px;
	font-size: 1.2em;
}
.okonomiyaki-recommended .today-okonomiyaki .main-catch {
	margin: 0 0 20px 20px;
	font-size: 3em;
}
.okonomiyaki-recommended .today-okonomiyaki .today-okonomiyaki-box {
	width: 45%;
	color: #481716;
	margin: 0 0 20px 10px;
	padding: 5px 3%;
	font-weight: bold;
	position: relative;
	background-color: #fce8b6;
  border: dashed 2px #fff;
	-webkit-box-shadow: 0px 0px 0px 10px #fce8b6;
	-moz-box-shadow: 0px 0px 0px 10px #fce8b6;
	box-shadow: 0px 0px 0px 10px #fce8b6;
}
.okonomiyaki-recommended .today-okonomiyaki .today-okonomiyaki-box span { display: block; }
.okonomiyaki-recommended .today-okonomiyaki .today-okonomiyaki-box span.today-okonomiyaki-box-menu { font-size: 2em;}
.okonomiyaki-recommended .today-okonomiyaki .today-okonomiyaki-desc {
	width: 38%;
	margin: 0 5%;
}
.okonomiyaki-recommended .today-okonomiyaki-visual {
	width: 50%;
	text-align: right;
	position: absolute;
	top: 20px;
	right: 0;
}
.grandmenu-nav { margin: 0 0 20px; }
.grandmenu-nav p {
	color: #fff;
	font-weight: bold;
	padding: 0 10px;
	background-color: #4b1918;
}
.grandmenu-nav ul li {
	float: left;
	width: 25%;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
	-webkit-transition: all .1s ease-out;
	-moz-transition: all .1s ease-out;
	-ms-transition: all .1s ease-out;
	transition: all .1s ease-out;
}
.grandmenu-nav ul li:hover { background-size: 120% auto; }
.grandmenu-nav ul li a {
	color: #fff;
	display: block;
	padding: 20px 0;
	font-weight: bold;
	text-align: center;
	background-color: rgba(0,0,0,0.70);
	-webkit-transition: all .1s ease-out;
	-moz-transition: all .1s ease-out;
	-ms-transition: all .1s ease-out;
	transition: all .1s ease-out;
}
.grandmenu-nav ul li a:hover { background-color: rgba(0,0,0,0); }
.grandmenu-nav ul li a:hover span { background-color: rgba(0,0,0,0.70); padding: 0 5px; }
.category-okonomiyaki { background-image: url(img/menu-category-okonomiyaki.jpg); }
.category-yakisoba { background-image: url(img/menu-category-yakisoba.jpg); }
.category-monjayaki { background-image: url(img/menu-category-monjayaki.jpg); }
.category-otsumami { background-image: url(img/menu-category-otsumami.jpg); }
.category-teppanyaki { background-image: url(img/menu-category-teppanyaki.jpg); }
.category-salad_gohanmono { background-image: url(img/menu-category-salad_gohanmono.jpg); }
.category-drink_dessert { background-image: url(img/menu-category-drink_dessert.jpg); }
.category-set { background-image: url(img/menu-category-salad_gohanmono.jpg); }
.grandmenu-list {	margin: 20px 0; }
.grandmenu-list h2 {
	margin: 0 0 10px;
	position: relative;
	font-size: 1.5em;
	font-weight: bold;
  font-family: YuMincho,    /* Macの游明朝 */
               'Yu Mincho', /* Windowsの游明朝 */
               'MS Mincho', /* 游明朝がないWindows（MS PMinchoなら字詰めされる） */
               serif;
}
/* IE8〜11はMS明朝 */
@media screen\0 {
  .grandmenu-list h2 { font-family: 'MS Mincho', sans-serif; }
}
.grandmenu-list h2 span { background-color: #fff; position: relative; z-index: 100; }
.grandmenu-list h2:before {
    content: "";
    display: block;
    border-top: solid 1px black;
    width: 100%;
    height: 1px;
    position: absolute;
    top: 50%;
    z-index: 1;
}
.grandmenu-list .dondontei-menubox {
	float: left;
	width: 30%;
	margin: 0 1.15% 20px;
	padding: 0 0 60px 1%;
	position: relative;
}
.grandmenu-list .dondontei-menubox .dondontei-menubox-detail {
	width: 95%;
	padding: 5px 1%;
	background-color: #fff;
	position: absolute;
	bottom: 0;
	left: 0;
	border-radius: 10px;
	-webkit-transition: all .1s ease-out;
	-moz-transition: all .1s ease-out;
	-ms-transition: all .1s ease-out;
	transition: all .1s ease-out;
	z-index: 110;
}
.grandmenu-list .dondontei-menubox:hover .dondontei-menubox-detail {
	bottom: -10px;
	left: -10px;
	background-color: rgba(255,255,255,0.50);
}
.grandmenu-list .dondontei-menubox .dondontei-menubox-detail h3 span {
	display: block;
	line-height: 120%;
}
.grandmenu-list .dondontei-menubox .dondontei-menubox-detail h3 span.dondontei-menubox-name {
	padding: 0 0 5px;
	font-size: 1.2em;
	font-weight: bold;
	border-bottom: 1px solid #000;
}
.grandmenu-list .dondontei-menubox .dondontei-menubox-detail .dondontei-menubox-cap .dondontei-menubox-foodstuff {
	float: left;
	width: 72%;
}
.grandmenu-list .dondontei-menubox .dondontei-menubox-detail .dondontei-menubox-cap .dondontei-menubox-price {
	float: right;
	width: 25%;
}
.grandmenu-list .dondontei-menubox .dondontei-menubox-detail .dondontei-menubox-cap .dondontei-menubox-price span { font-size: 0.8em; }
.grandmenu-list .dondontei-menubox .dondontei-menubox-image {
	border-radius: 10px;
	overflow: hidden;
	position: relative;
	-webkit-transition: all .1s ease-out;
	-moz-transition: all .1s ease-out;
	-ms-transition: all .1s ease-out;
	transition: all .1s ease-out;
	top: 0;
	right: 0;
	z-index: 100;
}
.grandmenu-list .dondontei-menubox:hover .dondontei-menubox-image {
	top: -10px;
	right: -10px;
}
.okonomiyaki-category {
	color: #fff;
	padding: 5px;
	font-weight: bold;
	background-color: #9A292B;
	position: absolute;
	top: 10px;
	z-index: 120;
}
.okonomiyaki-category.kansai-style {background-color: #cd201e;}
.okonomiyaki-category.hiroshima-style {background-color: #ed882b;}
.okonomiyaki-category.fukuoka-style {background-color: #2b5f31;}
.grandmenu-list .set-menu-title {
	margin: 0 0 20px;
	padding: 10px;
	border: 1px solid #333;
	border-radius: 10px;
	position: relative;
}
.grandmenu-list .set-menu-title h3 {
	font-size: 1.2em;
	font-weight: bold;
	margin: 0;
}
.grandmenu-list .set-menu-title .set-price {
	font-weight: bold;
	text-align: right;
	margin: 0 0 5px;
	font-size: 0.9em;
/*	position: absolute;
	top: 10px;
	right: 10px;
*/
}
.grandmenu-list .set-menu-title .set-menu-contents { padding: 0 0 20px; }
.grandmenu-list .set-menu-title .more-menu li {
	float: left;
	margin: 0 5%;
	text-align: center;
}
.grandmenu-list .set-menu-title .more-menu li.menu-more_btn { width: 60%; }
.grandmenu-list .set-menu-title .more-menu li.menu-pdf_btn { width: 20%; }
.grandmenu-list .set-menu-title .more-menu li a {
	display: block;
	color: #fff;
	padding: 10px 20px;
	font-weight: bold;
	background-color: #C8171A;
}
.grandmenu-list .set-menu-title .more-menu li.menu-pdf_btn a { background-color: #333; }

/* 角丸 */
.pdf_menu {
	clear: both;
}
.pdf_menu p {  
    border-radius: 5px;
}
/* ボタン共通 */
.pdf_menu p {
	overflow: hidden;
	width: 300px;
	margin: 0 auto 20px;
	padding: 0;
}
.pdf_menu p a {
	display: block;
	position: relative;
	z-index: 100;
	text-align:center;
	background: #ffd963;
	color: #333;
	font-weight: bold;
	text-decoration:none;
}
.pdf_menu p a:hover {
	background: #ffd963;
}
.pdf_menu p a:before {
	display: block;
	content: "";
	position: absolute;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 50%;
	left: 20px;
	width: 8px;
	height: 8px;
	margin-top: -4px;
	background: #fff;
}
.pdf_menu p a:after {
	display: block;
	content: "";
	position: absolute;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 50%;
	left: 15px;
	width: 8px;
	height: 8px;
	margin-top: -4px;
	background: #ffd963;
}
.pdf_menu p a:hover:after {
	background: #ffd963;
}
/* =====================================================================
*    post
* =================================================================== */
.wanted,
.dondontei-post {
	padding: 0;
	font-size: 1.2em;
}
.dondontei-post .dondontei-post-title {
	color: #000;
	margin: 0 auto 10px;
	padding: 0 0 0;
	font-size: 1.8em;
	font-weight: bold;
	border-bottom: 2px solid #ef7a00;
	background-color: #fff;
}
.dondontei-post .dondontei-post-date {
	text-align: right;
	position: absolute;
  font-size: 0.8em;
}
.page .dondontei-post-content {
	padding: 0 0 40px;
}
.dondontei-post .dondontei-post-content {
	margin: 20px auto 40px;
	padding: 0 0 20px;
	border-bottom: 1px solid #ccc;
}
.dondontei-post .dondontei-post-content a {
	color: #FF7E00;
}
.dondontei-post .dondontei-post-content h2 {
    display: block;
    font-size: 1.5em;
    -webkit-margin-before: 0.83em;
    -webkit-margin-after: 0.83em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    font-weight: bold;
}
.dondontei-post .dondontei-post-content h3 {
    display: block;
    font-size: 1.17em;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    font-weight: bold;
}
/* =====================================================================
*    post
* =================================================================== */
.wanted .wanted-title {
	color: #fff;
	margin: 0 0 20px;
	padding: 10px;
	font-size: 1.8em;
	font-weight: bold;
	background-color: #ef7a00;
}
.wanted section {	margin: 0 0 40px; }
.wanted h2 {
	font-size: 1.5em;
	margin: 0 0 10px;
	font-weight: bold;
	border-bottom: 2px solid #ef7a00;
}
.wanted ul,
.wanted p { margin: 0 10px 10px;}
.pickup h1.campaing-list-title {
	width: 100%;
	text-align: center;
	top: 10px;
	position: relative;
}
.open-campaing {
	max-width: 960px;
	margin: 0 auto 10px;
	text-align: center;
}
.open-campaing a {
	display: inline-block;
	border: 2px solid #efefef;
}
/* =====================================================================
*    how-to
* =================================================================== */
.how-to-bake-title {
	width: 50%;
	background: transparent url(img/how_to_bake_title_img.jpg) no-repeat 0 0;
}
/* =====================================================================
*    contact
* =================================================================== */
/*
input1,textarea1の共通ストラクチャー
------------------------------------*/
.input1, .textarea1 {
  border: 2px solid #eeeeee;
  border-radius: 0;
  padding: 4px 2px;
  background-color: #fff;
  min-height: 48px;
  width: 100%;
}
.inputTell {
  position: relative;
  width: 30%;
  margin-right: 5%;
  box-sizing: border-box;
}
.inputTell:nth-child(3) { margin-right: 0; }
.inputTell::after {
  content: '-';
  position: absolute;
  display: block;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 10px;
  height: 10px;
  right: -20px;
  font-size: 24px;
}
.inputTell:nth-last-child(1) { margin-right: 0; }
.inputTime {
	width:70% !important;
	position: relative;
	display:block;
	float:left;
	margin-right:11%;
	/*padding:54.5px 20px;
	width: 20% !important;*/
}
.textarea1.textarea1A {
	height: 80%;
	width: calc(100% - 2px);
}
.submitinput1 {
  padding: 8px 40px;
  font-size: 18px;
  border: none;
  border-radius: 100px;
}
.submitinput1.submitinput1Contact {
	background-color: #ffffff;
	color: #ff9500;
	border: 2px solid;
	height: 56px;
	font-size: 24px;
}
.serect {
  -webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
  position: relative;
  border: 2px solid #eeeeee;
  padding: 6px 10px;
  background-color: #fff;
  /*font-size: 24px;*/
  color: #999999;
  background-image: url(img/arrow.png);
  background-repeat: no-repeat;
  background-position: right 18px center;
  min-height: 48px;
}
/*---------------------------------------------
確認画面用のスタイル
---------------------------------------------*/
.inputArea { font-size: 16px; }
.inputTime { font-size: 16px; }
.forNotRequiredStyle {
  border: none;
  background-image: none;
  resize: none;
  color: #000000;
}
select.forNotRequiredStyle {
  margin-left: -0.5em;
	width: auto !important;
	margin: 0; 
}
.recruitSection {
	font-size: 16px;
	line-height: 1.5em;
}
.ss-q-item-label { margin: 0 0 10px; }
.square_btn {
	display: block;
	font-size: 1.5em;
	text-align: center;
	margin: auto;
	border: 2px solid;
	border-radius: 100px;
	width: 48%;
	height: 50px;
	color: #ff9500;
	background-color: #fff;
}
.ss-form-entry { margin: 10px 0 5px; }
.ss-required-asterisk {
	color: red;
	font-size: 13px;
}
.ss-form-desc { margin: 40px 0; }
.th1 {
    background-color: #eeeeee;
    border: dotted 1px #fff;
    text-align: left;
    font-weight: normal;
}
.ss-form-question { padding: 10px 0; }
.section { padding: 66px 0 85px 0; }
.section.sectionApp { padding-top: 0; }
.aShopInfoSet { margin-bottom: 100px; }
.recruitSection { 
	border-bottom: 1px solid #efefef;
	margin-bottom: 30px;
	padding: 0 0 10px;
}
div.inner .recruitSection:nth-last-child(1) { margin-bottom: 60px; }
.sentSection {
  border: 1px solid #eeeeee;
  margin-bottom: 80px;
  text-align: center;
  padding-top: 84px;
  padding-bottom: 84px;
}
.displayOff { display: none!important; }
.toDeliverymenuHr { margin-bottom: 85px; }
.toPickupArchiveNavHr { margin-bottom: 50px; }
.menuHr {
  margin-bottom: 80px;
  color: #eeeeee;
}
.sectionTitle2 {
	font-size: 1.2em;
	margin: 0 0 10px;
}
.privercyText_box {
	font-size: 0.9em;
	max-height: 100px;
	margin: 0 0 20px;
	overflow-y: scroll;
	padding: 10px;
	border: 1px solid #efefef;
}
.back_list {
	padding: 10px 0;
	display: block;
	color: #fff!important;
	background-color: #000;
}
.a_head_title {
	color: #fff;
	background-color: #9c1818;
}
.allergy-info table {
	width: 100%;
	margin: 0 0 20px;
	text-align: center;
	*border-collapse: collapse; /* IE7 and lower */
	border-spacing: 0;
}
.allergy-info table td,
.allergy-info table th {
	padding: 5px 0;
	border: 1px solid #ccc;
	line-height: 100%;
}
.allergy-info tr.category{
	background-color: #FDDDC0!important;
}
.allergy-info th:first-child {
	-moz-border-radius: 6px 0 0 0;
	-webkit-border-radius: 6px 0 0 0;
	border-radius: 6px 0 0 0;
}
.allergy-info th:last-child {
	-moz-border-radius: 0 6px 0 0;
	-webkit-border-radius: 0 6px 0 0;
	border-radius: 0 6px 0 0;
}
.allergy-info tbody tr:nth-child(even) {
	background: #f5f5f5;
	-webkit-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;
	-moz-box-shadow:0 1px 0 rgba(255,255,255,.8) inset;
	box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;
}
.required-message, .error-message {
  color: #c43b1d;
  display: none;
  font-size: 13px;
}
.error-message, .required-message, .ss-required-asterisk {
  font-family: "Roboto";
  color: rgb(196,59,29);
  font-weight: 400;
  font-size: 1.000rem;
  font-style: normal;
}
.ss-q-title {
	font-size: 1.2em;
}
.radio_box {
	width: 100%;
	margin: 0 0 20px;
}
.ss-scalerow,
.ss-scalenumbers {
	width: 8%;
	text-align: center;
}
.ss-leftlabel ,
.ss-rightlabel {
	width: 30%;
}
.ss-secondary-text {
	font-size: 0.9em;
	line-height: 130%;
	margin: 0 0 10px;
}
.radio_select_bg {
	background-color: #fffada;
}
.box_hidden {
	display: inherit; 
	height: 0px; 
	padding: 0; 
	overflow: hidden; 
	border: none; 
	line-height: 0; 
}

/*アコーディオンパネル*/
.grad-wrap {
  position: relative;
	margin-bottom: 40px;
}
.grad-trigger {
    z-index: 140;
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    width: 148px;
    margin: auto;
    padding: .7em 0;
    border-radius: 6px;
    background: #f4ca45;
    color: #000;
    font-size: 1.3rem;
    text-align: center;
    cursor: pointer;
    transition: .2s ease;
    box-shadow: 0 0 3px rgba(0,0,0,.3)
}
.grad-trigger::after {
    content: "他メニューも見る"; /*クリック前のボタンのラベル*/
	font-size: 16px;
}
.grad-trigger .fa {
  margin-right: .5em;
}
.grad-item {
  position: relative;
  overflow: hidden;
  padding-bottom: 45px;
}
.grad-item.is-hide {
  height: 270px; /*隠した後の高さ*/
}
.grad-item::before {
  z-index: 121;
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 40px; /*グラデーションで隠す高さ*/
  background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0.9) 50%, #fff 100%);
  background: linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0.9) 50%, #fff 100%);
}

.grad-trigger.is-show::after {
  content: "閉じる" /*クリック後にボタンのラベルを変える*/
}
.grad-trigger.is-show + .grad-item::before {
  display: none;
}

/***************************************************店舗情報リスト追加ここから*/
.shop_info_internal{
	width: 90%;
	margin: 60px auto;
}
.shop_info_internal_table{
	border-collapse: collapse;
	border: 1px solid #000;
	width: 100%;
}
.shop_info_internal_table th,.shop_info_internal_table td{
	border: 1px solid #000;
}
.shop_info_internal_table th:not(:nth-child(1)){
	width: 30%;
}
.shop_info_internal_table td p{
	margin: 0;
	word-break: break-all;
}
.shop_info_tablehead{
  position: sticky;
  top: 0;
	background: #FF9800;
}
.shop_info_tablehead::before{
  content: "";
  position: absolute;
  top: -1px;
  left: -1px;
  width: 100%;
  height: 100%;
  border: 1px solid #000;
}
.shop_info_service_tabeho,.shop_info_service_set,.shop_info_service_lunch,.shop_info_service_delivery,.shop_info_service_drive_through{
	display: inline-block;
	border-radius: 4px;
	font-size: 12px;
}
.shop_info_service_tabeho{
	background-color: #F5C129;
}
.shop_info_service_set{
	background-color: #75D2FF;
}
.shop_info_service_lunch{
	background-color: #FF822D;
}
.shop_info_service_delivery{
	background-color: #00C02D;
}
.shop_info_service_drive_through{
	background-color: #9c9eff;
}
/***************************************************店舗情報リスト追加ここまで*/

/*アコーディオンパネル*/
/* =====================================================================
*    dondontei-app-cont
* =================================================================== */
.dondontei-app-cont h2 {
	text-align: center;
}
.dondontei-app-cont .app_point li { position: absolute; }
.app_point01 { top: 0; left: -15px}
.app_point02 { top: 140px; left: 0px}
.app_point03 { top: 30px; right: 00px}
.app_point04 { top: 160px; right: 30px}
.dondontei-app-cont p {
	margin: 0 0 15px;
	font-size: 1.75em;
	font-weight: bold;
	text-align: center;
	line-height: 140%;
}
.dondontei-app-cont .caution {
	margin: 0 0 30px;
	color: #f00;
	font-size: 0.9em;
	font-weight: normal;
}
.app-dl-box {
	width: 850px;
	margin: 0 auto;
}
.app-dl-box h3{
	margin: 0 0 20px;
	font-size: 1.2em;
	font-weight: bold;
	text-align: center;
	line-height: 140%;
}
.app-dl-box_left {
	float: left;
	width: 78%;
}
.app-dl-box_right {
	float: right;
	width: 20%;
}
.app-web-page li {
	float: left;
	margin: 0 1%;
	width: 48%;
	text-align: center;
}
.default-page h2 {
  font-size: 1.5em;
  font-weight: bold;
  padding: 5px 10px;
  margin: 0 0 10px;
  border-left: 6px double #000;
}

@media screen and (max-width: 834px) ,screen and (min-device-width:834px) and (max-device-width:1366px) and (orientation:landscape) {
	main { min-height: inherit; }
	.wanted .wanted-title,
	.shop-list-head h1,
	.grandmenu h1,
	h1 {
		color: #000;
		padding: 0;
		font-size: 1.8em;
		text-align: center;
		background-color: #ffe3bf;
	}
	.pickup h1.pickup-title{ background-color: transparent;	}
	.shopinformation .shopinformation-menu h2 ,
	.pickup .pickup-news-data h2,
	.conscious .conscious-box .conscious-box-desc h2 { font-size: 1.2em; }
	.wanted,
	.dondontei-post,
	.pickup .pickup-news-data .pickup-news-overview,
	.conscious .conscious-box .conscious-box-desc p { font-size: 1em; }
	body { min-width: 100%; font-size: 16px; }
	.sp_disp {display: inherit; }
	.pc_disp {display: none; }
	.inner ,
	header nav ul,
	header nav .relation-nav {
		width: 100%;
	}
	header nav ul {	margin: 20px 0 10px; }
	.dondontei-app-cont h2 img { width: auto; }
	header {
		width: 100%;
		height: auto;
		padding: 0;
		position: fixed;
		background-color: transparent;
		z-index: 200;
		background: #fff;
	}
	header .header-logo {
		width: 100%;
		margin: 0;
		padding: 0;
		text-align: left;
		z-index: 1300;
		top: 0;
		border-bottom: 1px solid #ff9a30;
		position: relative;
	}
	
	.header_apporder_icon{
		display: block;
		position: absolute;
		right: 60px;
		top: 0;
		width: 45px;
	}
	
	header .header-logo-home {
		height: auto;
		width: 46px;
		padding: 4px 0;
		max-width: none;
		display: block;
		background: transparent;
		margin-left: 5px;
	}
	header .header-logo-home img {
		display: block;
	}
	header nav ul.main-nav li {
		float: inherit;
		width: 100%;
		text-align: center;
		margin: 0 0 10px;
	}
	header nav ul li a { display: block; }
	header nav ul.main-nav li a {
		border-bottom: 1px dotted #000;
		padding: 0 0.7em 5px;
	}
	header nav ul.sub-nav {
		margin: 0 0 10px;
		border-top: 1px dotted #000;
	}
	header nav ul.sub-nav li {
		text-align: center;
		border-bottom: 1px dotted #000;
		margin: 0;
	}
	header nav ul.sub-nav li a { padding: 5px 0; }
	footer .footer-logo { display: none;}
	footer .footer-sub-nav,
	footer .footer-page-nav {
		float: inherit;
		width: 100%;
		margin: 0 auto 20px;
	}
	footer .footer-sub-nav {
  	margin: 0 auto;
		padding: 25px 0 10px;
		background-color: #4c1818;
	}
	footer .footer-sub-nav li,
	footer .footer-page-nav li {
		width: 33.3%;
		text-align: center;
		min-height: 22px;
	}
	footer .copyright {	margin: 0 0 5px; }
	/*.mv { border-top: 54px solid #fff; }*/
	#nav-drawer {
		text-align: right;
		position: fixed;
		top: 0;
		right: 0;
		z-index: 1400;
	}
	.nav-unshown { display:none; }
	#nav-open {
		display: inline-block;
		width: 30px;
		height: 30px;
		padding: 8px;
		vertical-align: middle;
		position: relative;
		z-index: 1300;
		background-color: #ff9a30;
	}
	#nav-open span,
	#nav-open span:before,
	#nav-open span:after {
		position: absolute;
		height: 3px;/*線の太さ*/
		width: 30px;/*長さ*/
		border-radius: 3px;
		background: #fff;
		display: block;
		content: '';
		cursor: pointer;
		z-index: 110;
	}
	#nav-open span:before { bottom: -13px; }
	#nav-open span:after { bottom: -25px; }

	/*閉じる用の薄黒カバー*/
	#nav-close {
		display: none;/*はじめは隠しておく*/
		position: fixed;
		z-index: 99;
		top: 0;/*全体に広がるように*/
		left: 0;
		width: 100%;
		height: 100%;
		background: #fff;
		opacity: 0;
		transition: .3s ease-in-out;
	}
	#nav-content {
		overflow: auto;
		position: fixed;
		top: 0;
		right: 0;
		z-index: 1000;/*最前面に*/
		width: 80%;/*右側に隙間を作る（閉じるカバーを表示）*/
		max-width: 330px;/*最大幅（調整してください）*/
		height: 100%;
		background: #fff;/*背景色*/
		transition: .3s ease-in-out;/*滑らかに表示*/
		-webkit-transform: translateX(105%);
		transform: translateX(105%);/*左に隠しておく*/
	}
	#nav-input:checked ~ #nav-close {
		display: block;/*カバーを表示*/
		opacity: .5;
	}
	#nav-input:checked ~ #nav-content {
		-webkit-transform: translateX(0%);
		transform: translateX(0%);/*中身を表示（右へスライド）*/
		box-shadow: 6px 0 25px rgba(0,0,0,.15);
	}
	.half-box {
		float: inherit;
		width: 100%;
	}
	.contents { padding: 46px 0 0; }
	.dondontei-index .news-index .index-other-news li p {
		margin: 0 20px;
	}
	.dondontei-index .hot-contents {
		width: 96%;
		margin: 30px 2% 0;
		padding: 0;
		position: inherit;
		top: 0;
		left: auto;
		text-align: center;
		border: none;
		background-color: transparent;
	}
	.dondontei-index .hot-contents a {
		display: inline-block;
		border: 2px solid #efefef;
	}
	.dondontei-index .news-index .news-index-pickup {
		width: 94%;
		float: inherit;
		padding: 10px 3% 20px;
		overflow: hidden;
	}
	.dondontei-index .news-index .news-index-pickup ul { margin: 0; }
	.shopinformation .shopinformation-title {
		width: 60%;
	}
	.shopinformation a:after {
    	content: "";
    	width: 96%;
    	height: 90%;
		margin: 8px 2%;
    	position: absolute;
		top: 0;
		box-sizing: border-box;
		border: 1px solid #fff;
		z-index: 110;
	}
	.shopinformation .shopinformation-menu h2 {
    margin: 0 0 5px;
    padding: 0;
	}
	.yakikata-menu .shopinformation-title {width: 199px;}
	.app_point {
		margin: 0;
		padding: 10px 2% 1px;
		color: #fff;
		font-weight: bold;
		background-color: #a11718;
	}
	.dondontei-app-cont ,
	.dondontei-app-cont h2 { margin: 0; }
	.dondontei-app-cont .app_point li {
		position: inherit;
		margin: 0 0 10px 13px;
		text-indent: -13px;
		font-weight: normal;
		line-height: 1.2em;
	}
	.app_point img { display: none; }
	.dondontei-app-cont p {
    margin: 0 1% 15px;
    font-size: 1.2em;
	}
	.dondontei-app-cont .caution {
		margin: 0 1% 20px;
		font-size: 0.8em;
		text-align: left;
	}
	.campaign { padding: 0; } 
	.campaign h2,
	.campaign h3{
		padding: 10px 3px;
		font-size: 1.4em;
	}
	.news-contents h2 {
		color: #fff;
		background-color: #4b1918;
	}
	.news-contents h2 span {
		display: block;
		padding: 5px 0;
		text-align: center;
		background-color: transparent;
	}
	.campaign .close-campaign h3 .more-campaign { top: 17px; }
	.campaign .close-campaign ul li { text-align: center; }
	.close-campaign {
		width: 94%;
		background-color: #efefef;
		padding: 0px 3%;
	}
	.instagram-box h2:before,
	.instagram-box h2:after {
		background: none;
		display: none;
	}
	.okonomiyaki-recommended {
		margin: 0 0 20px;
		max-height: inherit;
		position: relative;
	}
	.okonomiyaki-recommended .today-okonomiyaki { padding: 30px 0; }
	.okonomiyaki-recommended .today-okonomiyaki .main-catch {
		font-size: 2em;
		margin: 0 0 10px 20px;
	}
	.okonomiyaki-recommended .today-okonomiyaki .sub-catch { margin: 10px 0 0 20px; }
	.okonomiyaki-recommended .today-okonomiyaki .today-okonomiyaki-box {
		width: 45%;
		position: relative;
		z-index: 100;
	}
	.okonomiyaki-recommended .today-okonomiyaki .today-okonomiyaki-desc {
		width: 90%;
		margin: 10vw 3% 5vw;
	}
	.okonomiyaki-recommended .today-okonomiyaki-visual {
		width: 53%;
		position: absolute;
		top: 5vw;
		right: -30px;
		z-index: 90;
	}
	.okonomiyaki-recommended .today-okonomiyaki .today-okonomiyaki-box span.today-okonomiyaki-box-menu {
    font-size: 1.5em;
	}
	.grandmenu h1 { color: #000; background-color: #fff; }
	.grandmenu-nav {display: none; }
	.grandmenu-nav ul li { width: 50%;}
	.grandmenu-nav ul li a { padding: 10px 0;}
	.grandmenu-list .dondontei-menubox .dondontei-menubox-detail h3 span.dondontei-menubox-catch { display: none; }
	.grandmenu-list .dondontei-menubox .dondontei-menubox-detail { padding: 5px 5px; }
	.grandmenu-list .dondontei-menubox .dondontei-menubox-detail h3 span.dondontei-menubox-name { font-size: 1em; }
	.grandmenu-list .dondontei-menubox .dondontei-menubox-detail .dondontei-menubox-cap .dondontei-menubox-price,
	.grandmenu-list .dondontei-menubox .dondontei-menubox-detail .dondontei-menubox-cap .dondontei-menubox-foodstuff { font-size: 0.7em;}
	.grandmenu-list .dondontei-menubox .dondontei-menubox-detail .dondontei-menubox-cap .dondontei-menubox-price {
		width: 28%;
		float: right;
	}
	.okonomiyaki-category { top: 5px; padding: 2px 5px; }
	.grandmenu-list .dondontei-menubox {
		width: 47%;
		margin: 0 1% 10px;
    padding: 0 0 40px 1%;
	}
	.grandmenu-list .set-menu-title .more-menu li.menu-more_btn,
	.grandmenu-list .set-menu-title .more-menu li.menu-pdf_btn {
		float: inherit;
		width: 80%;
		margin: 0 10% 10px;
	}
	.about-dondontei .teppan-party {
		padding: 0 0 20px;
		background: none;
	}
	.about-dondontei dl { 
		padding: 10px 0;
		background-color: #8c6c64;
	}
	.about-dondontei dl dt {
		color: #8b6b63;
		width: 100%;
		margin: 0 0 10px;
		padding: 10px 0;
		font-size: 1.5em;
		top: 0;
		position: inherit;
	}
	.about-dondontei .teppan-party { padding: 1px 0 0; }
	.about-dondontei .teppan-party h1 {
    text-align: center;
    font-size: 2em;
    color: #fff;
		margin: 10px;
    padding: 0.5em;
    background-color: #b33431;
    border-radius: 0;
	}
	.about-dondontei .teppan-party h1 .about-chatch {	font-size: 0.7em;	}
	.about-dondontei .teppan-party p {
		max-width: inherit;
		margin: 0;
		padding: 20px 5%;
	}
	.about-dondontei dl dd {
    width: 48%;
    margin: 0 1%;
		font-size: 1em;
	}
	.conscious {
		margin: 0;
		padding: 0;
	}
	.conscious .conscious-box {
		margin: 0;
		padding: 50px 0;
	}
	.shop-cooking { background: transparent url(img/about_cont02_img01.jpg) no-repeat 0 50% / cover; }
	.original-source { background: transparent url(img/cinema_hiroshima.gif) no-repeat 50% 50% / cover; }
	.selected-vegetables { background: transparent url(img/about_cont02_img05.jpg) no-repeat 50% 50% / cover; }
	.conscious .conscious-box .conscious-box-desc {
		width: 92%;
		margin: 10px 2% ;
		padding: 20px 2%;
	}
	.conscious-image { display: none;	}
	.grandmenu-list {
		width: 96%;
		margin: 0 2%;
	}
	.shop-info-detail .shop-data {
		width: 98%;
		margin: 0 1% 20px;
	}
	.shop-list-head {
		padding: 0;
		margin: 0 0 10px;
	}
	.shop-info-detail .shop-data ul li { width: 31.3%; }
	.shop-photo li {
		width: 48%;
		margin: 0 1% 10px;
	}
	.spot-prefectures { width: 48%; }
	.pickup h1.pickup-title {	position: inherit;
	}
	.pickup .pickup-news{
		padding: 10px 20px;
		margin: 10px auto 20px;
	}
	.pickup .pickup-news-subdata .pickup-news-themb { top: 10px; }
	.pickup h1.campaing-list-title {
		width: auto;
		top: 0;
	}
	.open-campaing {
		max-width: 960px;
		margin: 20px auto;
		text-align: center;
	}
	.recruitSection {	margin: 0 3%;	}

  .input1 {
    padding: 4px 2%;
    width: 96%;
    min-height: 20px;
  }
  .textarea1.textarea1A {
    padding: 4px 2%;
    width: 100%;
    height: 100px;
    box-sizing: border-box;
  }
  .inputTell {
    position: relative;
    width: 100%;
    margin-right: 0%;
    margin-bottom: 4%;
    box-sizing: border-box;
  }
  .inputTime {
    width: 84% !important;
    position: relative;
    display: block;
    float: left;
    margin-right: 7%;
	}
  .inputArea ,
  .inputTime ,
  .submitinput1.submitinput1Contact {font-size: 12px; }
  .section { padding: 34px 0 42px 0; }
  .aShopInfoSet { margin-bottom: 50px; }
  .recruitSection { margin-bottom: 42px; }
  .toDeliverymenuHr { margin-bottom: 40px; }
  .toPickupArchiveNavHr { margin-bottom: 26px; }
  .menuHr { margin-bottom: 40px; }
	.news-contents .news-title,
	.news-contents .news-title span {
		color: #000;
		background-color: #efefef;
	}
	.news-contents .news-card a .news-card-title h3 { font-size: 1em;}
	#sb_instagram .sb_instagram_header { padding: 0!important; }
	.news-read_more {display: none;}
	.category-icon,
	.pickup-news-date {	top: 5px;	}
	.news-contents .news-card {
		width: 46%;
		margin: 0 2% 20px;
		line-height: 150%;
	}
	.news-contents .news-card a .news-card-title {
		color: #000;
		padding: 30px 0 5px;
		position: inherit;
		background-color: #fff;
	}
	.news-contents .news-card:hover a:after ,
	.news-contents .news-card a:after {	border: none;	}
	.news-contents .news-card:hover a .news-card-title { bottom: 0;	}
	.dondontei-post .dondontei-post-content {
		width: auto;
		margin: 0 3% 20px;
		word-wrap: break-word;
	}
	.dondontei-post .dondontei-post-date {
		right: 0;
	}
	.dondontei-index .news-index .index-other-news li { text-align: left; }
	.dondontei-index .news-index .index-other-news li time {
		float: left;
		margin: 0;
		font-size: 0.9em;
	}
	.dondontei-index .news-index .index-other-news li span {
		float: left;
		width: 100%;
	}
	.sp_twitter {
		text-align: center;
		margin: 0 0 20px;
	}
	.fl_tw {
		width: 90%;
		text-decoration: none;
		display: inline-block;
		text-align: center;
		color: #fff;
    background: #1DA1F4;
		font-size: 1.2em;
    padding: 10px;
    border-radius: 10px;
		box-shadow: 0px 2px 7px rgb(171, 171, 171);
		}
	.fl_tw:hover {
		color:#88daff;
		transition: .5s;
	}

	.fl_tw .twicon{
		border-radius: 10px;
		position: relative;
		display: inline-block;
		width: 50px;
		height: 50px;
		font-size: 35px;
		line-height: 50px;
		vertical-align: middle;
		color: #FFF;
		background: #1da1f3;
	}
	.fl_tw .twicon .fa {
		line-height: 50px;
	}
	.news-index-pickup .top_takeout_banner{
		text-align: center;
		font-size: 16px;
		padding: 35px 15px 35px 10px;
	}
}
@media screen and (max-width: 481px) {
	.wanted .wanted-title,
	.pickup h1.pickup-title,
	.about-dondontei .teppan-party h1,
	.shop-list-head h1,
	.grandmenu h1,
	h1 {
		font-size: 1.3em;
		text-align: center;
	}
	.pickup h1.pickup-title { font-size: 1.6em;	}
	/*.shop-list-head h1 { margin: 54px 0 0; }*/
	footer .footer-sub-nav li,
	footer .footer-page-nav li {
		width: 50%;
		text-align: center;
	}
	.shopinformation .shopinformation-title { width: 90%; }
	.shopinformation img { width: auto; }
	.instagram-box h2 { background: transparent url(img/instagram_border.png) no-repeat 0 0 / 100% auto }
	.campaign .close-campaign.only_box ul li {
		float: inherit;
		width: 96%;
		margin: 0 2% 10px;
	}
	.okonomiyaki-recommended .today-okonomiyaki-visual {
		width: 100%;
		position: inherit;
		top: auto;
		right: auto;
	}
	.okonomiyaki-recommended .today-okonomiyaki .today-okonomiyaki-box {
		width: 81%;
		margin: 0 6%;
	}
	.okonomiyaki-recommended .today-okonomiyaki .today-okonomiyaki-desc { margin: 6vw 3% 0; }
	.grandmenu-list .dondontei-menubox { width: 47%; }
	.grandmenu-list .dondontei-menubox .dondontei-menubox-detail .dondontei-menubox-cap .dondontei-menubox-foodstuff ,
	.grandmenu-list .dondontei-menubox .dondontei-menubox-detail .dondontei-menubox-cap .dondontei-menubox-price { width: 100%; }
	.grandmenu-list .dondontei-menubox { padding: 0 0 0 1%; }
	.grandmenu-list .dondontei-menubox .dondontei-menubox-detail { position: inherit; }
	.grandmenu-list .dondontei-menubox:hover .dondontei-menubox-image,
	.grandmenu-list .dondontei-menubox:hover .dondontei-menubox-detail {
		top: 0;
		bottom: 0;
		left: 0;
	}
	.okonomiyaki-category {
		display: none;
		top: 0;
		left: -3px;
		padding: 0px 5px;
		font-size: 0.9em;
		font-weight: normal;
	}
	.about-dondontei dl dt {font-size: 1.2em;}
	.about-dondontei dl dd {
    width: 98%;
		line-height: 150%;
		font-weight: normal;
	}
	.about-dondontei .teppan-party p {
		max-width: inherit;
		margin: 0;
		padding: 0 20px 20px;
		font-size: 1em;
		line-height: 180%;
	}
	.shop-list-box h2 {	font-weight: bold; }
	.spot-prefectures dt {
		color: #999;
		width: 100%;
		margin: 0;
		padding: 0;
		background-color: #efefef;
		text-align: left;
		font-size: 0.9em;
		font-weight: bold;
	}
	.shop-info-detail .shop-data dd{
		margin: 0 20px;
	}
	.spot-prefectures dd {
		margin: 0;
		padding: 5px 0 5px 3%;
		width: 97%;
		text-align: left;
		overflow: auto;
		border-bottom: 1px solid #efefef;
	}
	.spot-prefectures dd a { display: block; }
	.spot-prefectures dd a:after {
		position: absolute;
		right: 0px;
		padding: 0 0 0 10px;
		color: #333;
		content: "〉";
	}
	.spot-prefectures { width: 98%; }
	.shop-list-head { padding: 0; }
	.okonomiyaki-recommended .today-okonomiyaki .sub-catch {
		font-size: 0.9em;
		text-align: center;
		margin: 0;
	}
	.grandmenu-list h2,
	.okonomiyaki-recommended .today-okonomiyaki .main-catch {
		font-size: 1.4em;
		text-align: center;
		margin: 0 0 10px;
	}
	.okonomiyaki-recommended .today-okonomiyaki { padding: 10px 0 20px; }
	.okonomiyaki-recommended .today-okonomiyaki .today-okonomiyaki-box { font-size: 0.8em; }
	.about-dondontei .teppan-party h1 {
		margin: 0 0 20px;
		padding: 10px 10px 10px 30px ;
	}
	.pickup .pickup-news-data,
	.pickup .pickup-news-subdata {
		float: inherit;
		width: 98%;
		margin: 20px 1% 0;
		position: static;
	}
	.pickup-news .pickup-news-date {
		background-color: #fff;
		padding: 0 5px;
	}
	.news-contents .news-card {
		float: inherit;
		width: 98%;
		padding: 0 0 10px;
		margin: 0 1% 20px;
		overflow: hidden;
		border-bottom:  1px solid #ccc;
	}
	.category-list li {
		width: 50%;
		margin: 0 0 2px;
	}
	.dondontei-post .dondontei-post-title	{
		color: #000;
		padding: 20px 0 0;
		font-size: 1.3em;
		text-align: left;
		background-color: #fff;
	}
	.campaign h3 { font-size: 1.2em; }
	.grad-wrap {
	padding: 0 0 20px;
	position: relative;
	margin-bottom: 10px;
  }
  .default-page {
    padding: 0;
    margin: 10px;
  }
  .default-page .shop-list-head {
    background: 0;
  }
  .default-page h1 {
    padding: 0;
    text-align: left;
    border-bottom: 3px solid #000;
    background-color: #fff;
}

}