html, body {
    overflow-x: hidden;
    font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif,‘Noto Serif JP’;
}

body {
	color: #434343;
	font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,'Noto Serif JP', serif;
}

a {
	color: #1e1d1d;
}
a:hover{color: #434343!important;}

a:hover {
	text-decoration: none;
    opacity: 0.7;
}
ul{
  list-style: none;
}
button:focus:not(.focus-visible) {
    outline: none;
}
pre{
    white-space: pre-wrap ;
    font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,'Noto Serif JP', serif !important;
}
.fa-tag:before{
    font-size: 12px;
}

.post-navigation,.comment-respond,.commentlist,#comments{display: none;}
@import url(‘https://fonts.googleapis.com/css?family=Noto+Serif+JP&display=swap&subset=japanese’);

h1.entry-title{
    font-size: 32px;
    margin: 0;
}
h2.min-title{
    font-size: 1rem;
    margin-bottom: 0;
}

.youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

.btn-link.focus, .btn-link:focus {
	text-decoration: none;
}

.d-grid {
	display: grid;
}

.hide-sm {
	display: block;
}

.show-sm {
	display: none;
}

.main-container {
	margin-left: 90px;
}
.container-news{
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
}

.top-news-list li{
    border-bottom: 1px solid #ccccca;
    padding: 10px;
    font-size: 14px;
}
.top-news-list li:first-child{
    border-top: 1px solid #ccccca;
}
.top-news-list a{
    display: block;
    width: 100%;
    height: 100%;
}

.wp-block-image img{
    height: 100%;
}

.anime,.anime-page {
    position: absolute;
    left: 0; top: 0;
    width: 100%; height: 100%;
    background: rgba(0, 0, 0, 0);
    z-index: 99;
}

.anime img {
	display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    width: 100px;
    height: auto;
}

#banner {
	background: url('/app/themes/imai/img/cover.png');
	height: 100vh;
	width: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	position: relative;
	z-index: 9;
}

.banner-obj {
	object-fit: cover;
	width: 100%;
	object-position: 50% 50%;
  max-height: 100vh;
}

.dt {
	margin: 90px 0;
}

.image-fluid img {
	max-width:100%;
	height:auto;
}

#sidenav {
	width: 90px;
	position: fixed;
	height: 100vh;
 	display: grid;
 	text-align: center;
 	padding: 10px;
    background: #fff;
    z-index: 200;
}

.bar-container {
	display: block;
	cursor: pointer;
	display: grid;
	justify-content: center;
}

.bar1, .bar2, .bar3 {
	width: 28px;
	height: 1px;
	background-color: #333;
	margin: 4px 5px;
	transition: 0.4s;

}

.change .bar1 {
	-webkit-transform: rotate(-45deg) translate(-5px, 6px);
	transform: rotate(-45deg) translate(-5px, 6px);
}

.change .bar2 {opacity: 0;}

.change .bar3 {
	-webkit-transform: rotate(45deg) translate(-6px, -8px);
	transform: rotate(45deg) translate(-6px, -8px);
}

.nav-toggle {
	cursor: pointer;
}

.side-overlay {
	position: fixed;
	display: none;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 100;
	background: rgba(0, 0, 0, 0.3);
}

.sidenav-start span {
	font-size: 13px;
	margin-bottom: 5px;
}

.sidenav-center {
	display: grid;
	align-content: center;
}

.sidenav-center .logo {
	border-bottom: 1px solid #d4d3cf;
	padding: 15px 0;
}

.sidenav-center span {
	font-size: 10px;
	line-height: 1;
	padding: 5px 0;
}

.sidenav-end {
	display: grid;
	align-content: end;
}

.nav-menu {
	background: #fff;
	position: fixed;
	height: 100vh;
	left: 0;
	margin-left: 90px;
	z-index: 999;
	display: none;
}

.nav-ul {
    padding: 0;
	margin: 0;
	text-decoration: none;
	list-style: none;
	text-align: center;
}

.nav-ul .nav-li {
	text-decoration: none;
	border-bottom: 1px solid #e1e1d7;
}

.nav-li .nav-a {
	display: block;
	padding: 20px 100px;
	color: #2d2b2b;
	white-space: nowrap;
}

.nav-li .nav-a:hover {
	color: #71b02c;
}

.nav-ul .nav-li:last-child {
	border-bottom: 0;
}

.eng-link {
	padding: 10px 50px;
	display: block;
	white-space: nowrap;
}

.eng-link div {
	border: 1px solid #cac9c1;
	padding: 15px;
}

#navi .navi-link  {
	border-left: 1px solid #ccccca;
	font-size: 18px;
	vertical-align: middle;
	height: 60px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0 10px;
	font-family: "Shuei Mincho M";
}

.navi-grid-4 {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr ;
	text-align: center;
	font-size: 18px;
}

.navi-grid {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
	text-align: center;
	font-size: 18px;
}

.grid-link {
	display: block;
	padding: 20px 0;
	border-left: 1px solid #ccccca;
}

.grid-arr {
	position: relative;
	margin-left: 5px;
}

.grid-arr img {
	margin-top: -5px;
}

.dash-title {
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	display: inline-block;
	font-size: 32px;
	color: #373636;
	font-weight: normal;
    white-space: nowrap;
}

.dash-title::before {
	content: url('/app/themes/imai/img/vl.png');
}

.dash-title::after {
	content: url('/app/themes/imai/img/vl.png');
}

.dash-title span {
	padding: 20px 0;
}

.no-dash-title {
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	display: inline-block;
	font-size: 32px;
	color: #373636;
}

.dash-title-one {
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	display: inline-block;
	font-size: 24px;
	color: #373636;
}

.dash-title-one::after {
	content: url('/app/themes/imai/img/odashi/vl.png');
}

.vl-p {
  -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
	line-height: 2;
	padding: 0 3em 0 20px;
	color: #474746;
}

#section-one .bg-so,.bg-so{
	padding: 50px;
	background: #f4f3f1;
}

.so-container {
	margin: auto;
	display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    padding: 100px 0 80px 0 ;
}

.imai-dashi2 {
	position: absolute;
	right: -6em; bottom: -8em;
	margin-top: -275px;
	margin-right: -90px;
}

.imai-dashi {
	width: 500px;
}

.btn-link {
	border: 1px solid #959595;
	margin: 0 auto;
	display: block;
	width: 450px;
	position: relative;
	padding: 20px 0;
	margin-top:40px;
	color: #434343;
}
.top-dashi-link{
    margin: 2em auto 4em;
}

.btn-link:hover {
	text-decoration: none;
	color: #71b02c;
}

.btn-txt {
	font-size: 21px;
	line-height: 1.8;
}

.btn-txt span {
	font-size: 18px;
}

.right-angle {
	position: absolute;
	right: 0;
	top: 50%;
	transform: translate(-50%, -50%);
	margin-right: 10px;
}

.history:hover img,
.info-store:hover img  {
	opacity: 0.75;
}

.hoverlay:hover .hoverlay-container {
	display: block;
}

.hoverlay-container {
	position: absolute;
	left: 0; top: 0;
	width: 100%;
	height: 100%;
	background: #fff;
	opacity: 0.80;
	display: none;
}

.overlay-pad {
	height: 100%;
	padding: 20px;
}

.overly-content {
	border: 1px solid #c9c9c9;
	height: 100%;
	display: grid;
	justify-content: center;
	align-items: center;
	text-align: center;
    font-size: 1rem;
	color: #373636;
}

.feature-article {
	display: grid;
	justify-content: center;
	align-items: center;
	text-align: center;
}

.feature-article .fa-c {
    padding: 4em 30px;
	background: #f4f3f1;
}

.f-head {
	font-size: 1rem;
	padding: 15px 0;
	color: #434343;
}

.f-title {
	font-size: 1rem;
	padding: 15px 0;
	color: #434343;
	line-height: 2;
}

.menu-container {
	border: 1px solid #dbdcd4;
	text-align: center;
	background: #f0f0ed;
}

.menu-name p{
    font-size: 18px;
	display: block;
	color: #434343;
    margin: 10px 0 ;
}

.menu-name p::after {
	content: url('/app/themes/imai/img/caret-right.png');
	padding-left: 10px;
    position: absolute;
    margin-top: -3px;
}

.telephone {
	font-size: 31px;
    color: #71b02c;
}
.telephone:hover {
    color: #434343;
}

.telephone::before {
	content: url('/app/themes/imai/img/telephone.svg');
  display: inline-block;
  width: 19px;
  height: 24px;
}

.history-link {
	color: #5a5a5a;
}

.site-footer {
	background: #e8e8e0;
	color: #5a5a5a;
}

.inquiries {
	background: #fff;
	align-items: center;
	display: flex;
	justify-content: center;
}

.inquiries:hover{
	opacity: 0.7;
}

.inquiries a {
	text-align: center;
	padding: 20px 80px;
	color: #5a5a5a;
}

.foot-ul {
	padding: 0;
	margin: 0;
	text-decoration: none;
	list-style: none;
}

.foot-li {
	line-height: 2.2;
	padding: 0 30px;
}

.foot-li .foot-link {
	display: block;
	font-size: 14px;
	color: #5a5a5a;
}

.foot-li .foot-link:hover {
	color: #71b02c;
}

.foot-bot {
	background: #d6d5cf;
	display: flex;
	justify-content: space-between;
	padding: 10px 20px;
	font-size: 14px;
	color: #5a5a5a;
}

.foot-bot a {
	color: #5a5a5a;
}

.foot-bot a:hover {
	color: #71b02c;
}

.page-brief {
	padding: 50px 0;
	line-height: 2.5;
	font-size: 24px;
	color: #434343;
}

.post-content{
    max-width: 768px;
    margin: 0 auto;
}

#shop .table-responsive {
	margin: 50px 0;
}

#shop .table {
	width: 900px;
	margin: auto;
	font-size: 18px;
	color: #434343;
}

#shop .table-bordered td, .table-bordered th {
	border: 1px solid #c5c6ba !important;
	vertical-align: middle;
}

#shop .table th:nth-child(even) {
  background-color: #e4e6d7;
}

#shop .table th:nth-child(odd) {
  background-color: #f0f1e9;
}

#shop .table th:nth-child(1n) {
  width: 230px;
}
#shop .table th:nth-child(2n) {
  width: 167px;
}
#shop .table th:nth-child(3n) {
  width: 352px;
}
#shop .table th:nth-child(2n) {
  width: 215px;
}

.shop-nav-area {
	background: #f0f1e9;
	margin-bottom: 80px;
	text-align: center;
}

.shop-nav-area span {
	border-right: 1px solid #c3c4b8;
	padding: 0 20px;
}

.shop-nav-area a:last-child span {
	border-right: none;
}

.shop-nav-area a {
	padding: 15px 0;
	display: inline-block;
	font-size: 18px;
	color: #434343;
}

.shop-nav-area a:hover {
	color: #71b02c;
	border-bottom: 5px solid #c3c4b8;
}

.shop-nav-area a.active {
	border-bottom: 5px solid #c3c4b8;
}


.shop-area {
	font-size: 18px;
	border-top: 1px solid #c3c4b8;
	border-bottom: 1px solid #c3c4b8;
	text-align: center;
	padding: 15px 0;
}

.shop-desc {
	text-align: center;
	font-size: 18px;
	line-height: 2;
	padding: 10px 0;
}

.shop-desc .span-l{
	font-size: 14px;
	background: #fbd3ce;
	padding: 4px 15px;
	border-radius: 15px ;

}

.shop-desc .span-r{
	font-size: 14px;
	background: #dcf4c1;
	padding: 4px 15px;
	border-radius: 15px ;
}

.stores {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-gap: 15px;
	margin: 50px 0;

}
.online-shop-banner img{
    /* max-width: */
}

.ol-shopImg {
	border: 1px solid #dedfd8;
	text-align: center;
}

.store-name {
	font-size: 36px;
	text-align: center;
	padding: 50px 0;
}

.store-cover {
	background: url('/app/themes/imai/img/rihga-royal.png');
	margin-bottom: 100px;
	height: 380px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;

}

.store-news {
	border: 1px solid #d7d7d7;
}

.store-news .imgCover {
	object-fit: cover;
	height: 250px;
	width: 100%;
	object-position: 50% 50%;
}

.news-date {
	background: #7d7d7d;
	text-align: right;
	padding: 10px 20px;
	font-size: 13px;
	color: #fff;
}

.news {
	padding: 10px 15px;
}

.news-ttl {
	margin: 15px 0;
	font-size: 16px;
	color: #60605d;

  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}

.news-desc {
	font-size: 13px;
	margin-bottom: 15px;
}

.news-desc span {
	display: inline-block;
	padding: 3px 15px;
	border-radius: 15px;
}

.new-top-title{
    font-size: 1.5em;
}

.s1-cate{
    /* background: #dbdbd8; */
    margin-right: 5px;
    margin-bottom: 5px;
    /* padding: 3px 10px;
    border-radius:15px; */
    word-break: keep-all;
}

.news-desc .s1 {
	background: #dbdbd8;
	margin-right: 5px;
	margin-bottom: 5px;
}

.news-desc .s2 {
	background: #efefde;
}

.news-excerpt {
	margin-top: 20px;
	font-size: 15px;
	line-height: 2;
	color: #60605d;

  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
.post-thumbnail img,.udon-img img{
 max-width: 100%;
}

.archive-box li{
  background: #fff;
  padding: 10px;
  display: flex;
}
.archive-box li img{
  max-width: 310px;
}
li .right{
  margin-left: 2em;
}



.kaaren-blog-list{
  width:1030px;
  margin:auto;
  padding: 50px 0px;
}

/* ----- archive-list ----- */

#archive-list .item{
  width:30%;
  display: inline-grid;
  vertical-align: top;
}

#archive-list .image{
  width: auto;
  height: auto;
  float:left;
}

#archive-list .image img{
  width: 100%;
  height:100%;
}

#archive-list .blog-date{
  font-size:12px;
}

#archive-list .title{
  font-size: 16px;
  line-height: 1.5;
  margin:10px 0px;
}

#archive-list .contentstext{
  font-size: 13px;
  line-height: 1.5;
}
/* ----- archive-list END ----- */


.store-about {
	padding: 100px 0;
}

.about-r {
	display: flex;
	align-items: center;
	justify-content: center;
}

.about-con {
	font-size: 18px;
	line-height: 2;
	color: #434343;
    padding: 0 80px 80px 80px ;
}


.detail-bottom {
	background: #f0f1e9;
	padding: 50px 0;
}

.detail-bottom table {
	border-spacing:0 20px;
	border-collapse:separate;
}


.detail-bottom table td:first-child {
	width: 200px;
	vertical-align: top;
}

.usage-stat span {
	display: inline-block;
	padding: 0 15px;
	border-radius: 15px;
	margin-right: 10px;
}

.usage-stat .s3 {
	background: #fbd3ce;
}

.usage-stat .s4 {
	background: #dcf4c1;
}

.store-carousel {
	position: relative;
	padding: 0 80px;
}

#menu-detail .owl-theme .owl-nav,
#store-detail .owl-theme .owl-nav {
	margin-top: 0;
	display: flex;
	justify-content: space-between;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	width: 100%;
	z-index: -1;
}

#menu-detail .owl-theme .owl-nav [class*=owl-]:hover,
#store-detail .owl-theme .owl-nav [class*=owl-]:hover {
	background: none;
}

.show-more {
	text-align: center;
	margin-top: 50px;
}

.show-more a {
	cursor: pointer;
}

.more button {
    background-color: #fff;
    border: none;
    cursor: pointer;
    outline: none;
    padding: 10px;
}

.notfound {
	padding: 0 50px;
}

.notfound h1 {
	color: #71b02c;
    font-size: 1.5em;
}
.notfound h1 {
	color: #71b02c;
    font-size: 1.5em;
}
.notfound h2 {
    font-size: 1em;
}

.notfound .btn {
	background: #71b02c;
}

.udon-list {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-column-gap: 20px;
	grid-row-gap: 20px;
	padding: 0 40px;
	margin: 50px 0;
}
.menuudon-list{
    max-width: 120rem;
	padding: 0 40px;
	margin: 50px 0;
}
.menuudon-list ul{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    justify-content:center;
}
.menuudon-list li{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    margin: 0 11px 40px 0;
}
.udon {
	text-align: center;
}
.udon-img {
    max-width: 320px;
    max-height: 225px;
}
.udonmenu-img img{
    max-width: 320px;
    max-height: 225px;
}
.udon-name {
    font-size: 18px;
	/* color: #434343; */
    color: #000;
    margin-top: 1.5rem;
}
.topicon .udon-name{
    position: relative;
}
.topicon .udon-name::after{
    position: absolute;
    right: 0.5em;

    content: url(img/arrow.svg);
    width: 20px;
}

.separator {
    display: flex;
    align-items: center;
    text-align: center;
    width: 350px;
    margin: auto;
}
.separator::before, .separator::after {
    content: '';
    flex: 1;
    border-bottom: 1px solid #2d2b2b;
}

.separator::before {
    margin-right: .25em;
}

.separator::after {
    margin-left: .25em;
}

/* ------diary------ */

.df-pad {
	padding: 80px 0;
}

.df-m {
	margin: 80px 0;
}

.diary-con {
	width: 922px;
	margin: auto;
}

.diary-feature img {
	max-width:100%;
	height:auto;
}

.bread{
	font-weight: bold;
	font-size: 12px;
}

.sns{
	padding: 30px 10px;
	margin-bottom: 10px;
}

.category-tag span{
  border-radius: 50px;
  padding: 12px 20px ;
  margin: 0 8px;
}

.diary-name {
	font-size: 32px;
	padding: 30px 10px;
}

.diary-date {
	padding: 0 10px;
	color: #a1a19e;
}

.diary-content {
	font-size: 18px;
	line-height: 2;
	padding: 30px 5px;
	color: #434343;
}

.page-nation{
border-top: 1px solid #dbdcd3;
border-bottom: 1px solid #dbdcd3;
display: grid;
grid-template-columns: 1fr 1fr;
padding: 15px 0;

}

.prv a,
.nxt a {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 15px 0;
}

.no-content {
	font-size: 12px;
}

.page-nation-title {
	font-size: 22px;;
	padding: 0 30px;
}

.pg-txt {
	font-size: 12px;
}

.diary-foot-title{
	text-align: center;
	margin: auto;
}

.spanBorder {
    border: 1px solid #525050;
    display: block;
    width: 500px;
	margin: auto;
}

.search-cat {
	display: flex;
	border-top: 1px solid #dbdcd3;
	border-bottom: 1px solid #dbdcd3;
	justify-content: center;
	font-size: 18px;
}

.search-cat span {
	padding: 10px 50px;
	font-size: bold;;
	border-left: 1px solid #dbdcd3;
	margin: 20px 0;
	display: flex;
	align-items: center;
}

.search-cat span:last-child {
	border-right: 1px solid #dbdcd3;
}

.diary-table-con {
	width: 500px;
	margin: auto;
}

.diary-table-con a {
	margin-bottom: 10px;;
}

.dot {
	height: 15px;
	width: 15px;
	background-color: #525050;
	border-radius: 50%;
	display: inline-block;
	margin-right: 10px;;
}

.diary-carousel {
	padding: 0 50px;
}

#diary-detail .owl-theme .owl-nav {
	margin-top: 0;
	display: flex;
	justify-content: space-between;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	width: 100%;
	cursor: pointer;
	z-index: -9;
}

#diary-detail .owl-theme .owl-nav [class*=owl-]:hover {
	background: none;
}

#diary-detail .owl-theme .owl-nav [class*=owl-]:focus {
	outline: 0;
}

.related-date {
	color: #a1a19e;
	font-size: 14px;;
}

.relatedPostImg img {
	object-fit: cover;
	height: 250px;
	width: 100%;
	object-position: 50% 50%;
	margin-bottom: 20px;
}


/* ------diary END------ */

#menu-detail .owl-item:nth-child(even){
   background-color: #e7e8df;
}

#menu-detail .owl-item:nth-child(odd){
  background-color: #f0f1e9;
}

.md-cover {
	position: absolute;
	top: 50%; left: 50%;
	transform: translate(-50%,-50%);
	font-size: 58px;
	color: #fff;
}

.md-detail {
	display: grid;
	grid-template-columns: 1fr 1fr;
	margin: 100px 0;
}

.md-name {
	border-top: 1px solid #d5d5d5;
	border-bottom: 1px solid #d5d5d5;
	font-size: 32px;
	padding: 30px;
}

.md-desc {
	font-size: 18px;
	line-height: 2;
	padding: 30px;
	color: #434343;
}

.otherdishes {
	font-size: 26px;
	margin-bottom: 30px;
	color: #434343;
}

.menuDetail-carousel {
	padding: 0 50px;
	text-align: center;
}

.md-title {
	font-size: 22px;
	margin-top: 15px;
	color: #434343;
}

.md-desc2 {
	height: 78px;
	text-align: left;
	line-height: 1.5;
	padding:15px;
	color: #434343;
}

.md-desc2 p {
	margin-bottom: 0;
}

.md-note-g {
	margin: 100px 0;
}

.md-note {
	border: 1px solid #dbdcd3;
	padding: 50px;
	line-height: 2;
	color: #434343;
}

.collapse-con {
	padding: 50px 40px;
}

.collapse-con .justify-content-between {
	border: 1px solid #d2d2d2;
	padding: 20px;
	align-items: center; cursor: pointer;
}

.collapse-name {
	font-size: 20px;
	display: flex; align-items: center;
}

.odashi-arrow-down {
	margin-left: 20px;
}

.taste {
	display: grid;
	grid-template-columns: 2fr 3fr;
	background: #f1f0ed;
}

.taste-con {
	display: flex;
	align-items: center;
}

.t-padding {
	padding: 0 80px;
}

.t-ttl {
	font-size: 32px;
}

.taste p {
	font-size: 18px;
}

.taste-img {
	text-align: right;
}

.dash-pad {
	margin-top: 100px;
	margin-bottom: 50px;
}

.stock-material .col-lg-6 {
	margin-bottom: 60px;
}
.stock-name {
	position: absolute;
	top: 0; left: 0;
	margin-top: 50px;
}
.stock-desc {
	line-height: 2;
	text-align: left;
	padding: 20px 40px;
}

.stock-img {
    text-align: center;
	height: 280px;
}
.stock-img img{
    height: 100%;
    max-width: 100%;
}

.odashi-s1 {
	background: #19171c;
	height: 960px;
	display: grid;
	justify-content: end;
	align-items: end;
}

.s1-sideletter {
	position: absolute;
	left: 0; top: 0;
	margin-left: -70px;
	padding-left: 30px;
}

.s1-sideletter .no-dash-title {
	font-size: 70px;
	color: #fff;
	display: block;
    white-space: nowrap;
}

.osd1-con {
	color: #fff;
	width: 680px;
	position: absolute;
	left: 0; top: 0;
	margin-top: -70px;
	margin-left: 50px;
}

.odashi-s1-img {
	text-align: right;
}

.odashi-s1-img img {
	width: 95%;
}

.osd1-pad {
	padding-left: 80px;
}

.ods1-title {
	font-size: 32px;
}

.ods1-desc {
	font-size: 18px;
	line-height: 2;
}

.ndt-font {
	font-size: 72px;
	color: #fff;
}
.osd2-con {
	position: absolute;
	width: 600px;
	color: #fff;
	top: 45%;
	left: 55%;
	transform: translate(-50%,-50%);
}

.odashi-s2 .ttl {
	font-size: 32px;
}

.odashi-s2 .desc {
	font-size: 18px;
	line-height: 2;
}

.s2-sideletter {
	text-align: right;
	position: relative;
	margin-right: -100px;
	margin-top: -350px;
}

.s2-sideletter .no-dash-title {
	font-size: 72px;
	color: #fff;
}

.odashi-s3 {
	position: relative;
	display: grid;
	align-items: center;
}

.osd3-con {
	color: #fff;
	position: absolute;
	text-align: center;
	left: 50%;
	transform: translateX(-50%);
}

.odashi-s3 .ttl {
	font-size: 32px;
}

.odashi-s3 .no-dash-title {
	font-size: 72px;
}

.odashi-s3 .desc {
	font-size: 18px;
}

.taste-home .con {
	text-align: center;
	padding: 30px;
}

.taste-home .ttl {
	font-size: 24px;
	margin: 20px 0;
}

.taste-home .desc {
	height: 100px;
	font-size: 14px;
	text-align: left;
    line-height: 1.5em;

}

.taste-home .bttn {
	background: #82bd50;
	display: block;
	padding: 20px 10px;
	font-size: 24px;
	color: #fff;
}

.taste-home .bttn2 {
	background: #82bd50;
	display: block;
	padding: 10px;
	font-size: 24px;
	color: #fff;
	position: absolute;
	bottom: 0;
	width: 100%;
}

.taste-home .bttn2 .caret,
.taste-home .bttn .caret {
	position: absolute;
	right: 0;
	margin-right: 30px;
	margin-top: -3px;
}

.odashi-curve {
	position: absolute; top: 0;
	left: 50px;
	margin-top: 480px;
	z-index: 9;
}

.odashi-curve img {
	width: 90%
}

.odashi-curve2 {
	position: absolute;
	right: 30px;
	top: 0;
	z-index: 99;
	margin-top: 500px;
}

.sec-ttl {
	font-size: 26px;
	padding: 150px 0;
	font-weight: normal;
}

.history-desc {
	font-size: 26px;
	border-bottom: 1px solid #575555;
	margin-bottom: 20px;
	padding: 10px 0;
	color: #474746;
}

.circle {
    border: 5px solid #71b02a;
    background-color: #fff;
    height: 23px;
    border-radius:50%;
    width: 23px;
    position: absolute;
    left: 0;
    top: 0;
    margin-left: -13px;
}

.con-pad {
	padding: 20px;
}

.his-con {
	border-left: 3px solid #71b02a;
	position: relative;
}

.his-con .ttl {
	position: absolute;
	left: 0; top: 0;
	font-size: 26px;
	margin-left: 23px;
	margin-top: -7px;
	color: #434343;
}

.his-con .desc-con {
	padding: 0 25px;
}

.his-con .desc {
	font-size: 17px;
	padding: 40px 0;
	margin-bottom: 0;
}

.his-con:last-child {
	border-left: 3px solid #fff;
	margin-bottom: 0;
}

.l-c {
	padding: 20px;
}

.top-desc {
	padding: 30px;
	font-size: 17px;
	text-align: left;
}

.top-news-btn {
	display: inline-block;
	border: 1px solid #ccccca;
	margin: auto;
	font-size: 14px;
	text-align: center;
	padding: 10px 50px;
	color: #434343;
}
.history-btn {
	display: inline-block;
	border: 1px solid #ccccca;
	margin: auto;
	font-size: 18px;
	text-align: center;
	padding: 20px 50px;
	color: #434343;
}
.history-btn:hover {
    opacity: 0.7;
    color: #434343;
}

.history-btn span {
	margin-left: 15px;
}

.history-btn img {
	margin-top: -5px;
}

.soup-stock {
	margin-top: 150px;
	position: relative;
	background: #000;
}

.soup-stock .con {
	position: absolute;
	color: #fff;
	width:400px;
	top: 50%; left: 70%;
	transform: translate(-50%, -50%);
}

.soup-stock .ttl {
	font-size: 48px;
	border-bottom: 1px solid #fff;
}

.soup-stock .date {
	font-size: 32px;
}

.soup-stock .desc {
	font-size: 17px;
}

.future-imai {
	margin-top: 150px;
	margin-bottom: 100px;
	position: relative;
}

.future-imai .con {
	position: absolute;
	color: #fff;
	width: 850px;
	top: 30%; left: 50%;
	transform: translate(-50%, -50%);
}

.future-imai .separator:after,
.future-imai .separator:before {
	border: 1px solid #fff;
}

.future-imai .history-desc {
	border-bottom: 1px solid #fff;
}

.space-f {
	margin-bottom: 200px;
}

.list-num {
  padding:8px;
  width: 100%;
}
.list-num ul {
  padding-left: 0;
}
.list-num ul li {
  margin-bottom:8px;
  text-indent:-1em;
}

#evt .col-lg-3 {
	margin-bottom: 30px;
}

#evt .lmb-container {
	margin-top: 100px;
}

.btn.loadMoreBtn {
	display: block;
	background: url('/app/themes/imai/img/show-more.png');
	background-repeat: no-repeat;
	background-size: contain;
	height: 130px;
	width: 130px;
	margin: auto;
}

.btn.loadMoreBt .btn.focus, .btn:focus {
	box-shadow: none;
}

.btn.loadMoreBtn:hover {
   opacity: 0.75;

}

.contactTable{
	width: 100%;
	margin-top: 20px;
}

.contactTable__header{
	width: 180px;
	padding: 0 0 30px 0 ;
	vertical-align: top;
	line-height: 1.5;
	font-weight: 100;
}

.contactTable__header .required{
	display: block;
	float: right;
	text-align: center;
	padding: 3px;
	font-size: 0.8rem;
	background: #f0b200;
	color: #fff;
	border-radius: 5px;
}

.contactTable__data{
	padding: 0 0 30px 20px;
	vertical-align: top;
	line-height: 1.5;
}

.contactTable__data input, .contactTable__data textarea{
	width: 100%;
	display: block;
	border: none;
	padding: 10px;
	border-radius: 5px;
	background: #F2F2F2;
}

.btn.btn-center {
text-align: center;
margin-top: 3em;
	width: 100%;
}

.btn__link{
	position: relative;
display: inline-block;
padding: 10px 40px;
border-radius: 5px;
font-size: 1rem !important;
border: 1px solid #71b02c;
color: #71b02c;
background: transparent;
cursor: pointer;
transition: .2s;
}

.error {
	color: red;
}

.news-link-list{
	max-width: 1020px;
	width: 100%;
	border-bottom: 1px solid #ccc;
	padding: 10px 0 ;
	display: block;
	margin: 0 auto;
	position: relative;
}

.news-link-list a.news-link-box{
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.link-list-innner{
	padding: 20px 10px 20px 15px;
	display: flex;
}

.link-list-img{
	width: 250px;
	height: 200px;
	margin: 0 30px 0 0 ;
	text-align: center;
	display: inline-block;
	vertical-align: top;
}

.link-list-img img{
	width: 250px;
	height: 200px;
	object-fit: cover;
}

.link-list-text{
	display: inline-block;
	vertical-align: top;
	max-width: 700px;
}
.link-list-text h2{
    font-size: 1.5rem;
}

.paginate .page-numbers.current {
	background: #a1a19e;
	font-weight: bold;
	color: #fff;
}

.paginate .page-numbers {
	border: 1px solid #dee2e6;
	padding: 5px 20px;
	display: inline-block;
}

.res-table th{
    background-color: #f0f1e9;
    width: 30%;
}
.res-table th,.res-table td{
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
}
.res-table tr:last-child{
    border-bottom: 1px solid #ddd;
}

/* NEWS */
.news-link-list{
    max-width: 1020px;
    width: 100%;
    border-bottom: 1px solid #ccc;
    padding: 10px 0 ;
    display: block;
    margin: 0 auto;
    position: relative;
}
.news-link-list a.news-link-box{
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.link-list-innner{
    padding: 20px 10px 20px 15px;
}
.link-list-img{
    width: 250px;
    height: 200px;
    margin: 0 30px 0 0 ;
    text-align: center;
    display: inline-block;
    vertical-align: top;
}
.link-list-img img{
    width: 250px;
    height: 200px;
    object-fit: cover;
}
.link-list-text{
    display: inline-block;
    vertical-align: top;
    max-width: 700px;
}
.cen-tit{
    text-align: left;
}

/* NEWS */
.news-link-list{
    max-width: 1020px;
    width: 100%;
    border-bottom: 1px solid #ccc;
    padding: 10px 0 ;
    display: block;
    margin: 0 auto;
    position: relative;
}
.news-link-list a.news-link-box{
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.link-list-innner{
	padding: 20px 10px 20px 15px;
}
.link-list-img{
    width: 250px;
    height: 200px;
    margin: 0 30px 0 0 ;
    text-align: center;
    display: inline-block;
    vertical-align: top;
}
.link-list-img img{
    width: 250px;
    height: 200px;
    object-fit: cover;
}
.link-list-text{
    display: inline-block;
    vertical-align: top;
    max-width: 700px;
}
/* SHOP */
.getPostImgArea{
	text-align: center;
}
.getPostImgArea img{
	max-width: 384px;
	max-height: 250px;
	height: 250px;
	width: 100%;
	object-fit: cover;
	object-position: 50% 50%;
}

.other-text .md img {
	height: 164px;
}

#evt .news-list-num {
opacity: 1;
transition: all 0.4s ease 0s;
}
#evt .news-list-num.is-hidden {
    opacity: 0;
    height: 0;
    margin: 0;
}
.more {
    text-align: center;
    margin-top: 20px;
		position: relative;
		z-index: 9;
}
.more img{
    max-width: 154px;
}

/* tab */
#topics {
  position: relative;
  z-index: 10;
}
#topics .hide {
  display: none;
}

.tab {
  overflow: hidden;
}
.tab-grid-4{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    text-align: center;
    font-size: 18px;
}
.tab li {
    display: block;
    border-left: 0.5px solid #ececec;
    border-bottom: 0.5px solid #ececec;
  list-style: none;
  padding: 15px;
  flex: 1;
  text-align: center;
  letter-spacing: 0.05em;
  font-size: 18px;
}
.tab li::after{}
.tab li img {
  max-width: 80px;
  display: block;
  margin: 10px auto;
}
.tab li:last-child {
  margin-right: 0;
}
.tab li:hover {
  cursor: pointer;
}
.tab .select {
  opacity: 0.7;
}
.topicon div p {
  line-height: 2;
  letter-spacing: 0.1em;
}

.owl-item .menu-container:hover{opacity: 0.7;}

.season-menu img{
    max-width: 100%;
}

.obento-con-txt{
    text-align: right;
    border-right: 1px solid #d5d5d5;
}
.foot-season{
    display: block;
    width: 100%;
}

.foot-season img{
    max-height: 228px;
    height: 100%;
    width: 100%;
    max-width: 511px;
    object-fit: cover;
}
.m-column{
    max-width: 900px;
    margin: 0 auto;
}

.entry-content img{
    max-width: 100%;
    height: 100%;
}

.news-top{
    position: relative;
    padding: 0;
}
.news-top::after{
    content: '';
    background: #f7f7f7;
    height: 12em;
    width: 100%;
    position: absolute;
    bottom: 0;
    z-index: -1;
}
.news-top .udonmenu-img{
    position: relative;
}
.news-top .udonmenu-img::before{
    content: 'NEW';
    font-size: 14px;
    color: #ffff;
    background: #000;
    padding: 0.5em;
    position: absolute;
    top: 0;
    left: 0;
}
.archives-num ul{margin: 0 auto;}
.archives-num li{
    display: inline-block;
    width: 150px;
    padding: 10px;
}
.archives-num li::before{
    content: "\f105";
    color: #72B12C;
    margin-right: 5px;
    display: inline-block;
    font-weight: 900;
    font-family: "Font Awesome 5 Free";
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.sm-bottom-m {
	display: none;
}

.unsticky-container {
	display: flex;
	padding: 10px 0;
}

.unsticky:hover {
	background: #eee;
}

.unsticky:not(:last-child) {
	border-bottom: 1px solid #ccc;
}

.unsticky-date {
	flex:0 1 100px;
}

.unsticky-title {
	flex:1;
}

.new_label {
	color: #fff;
    background: #D40002;
    padding: 2px 4px;
    position: absolute;
    top: 0;
    right: 0;
	margin-top: 15px;
	margin-right: 1px;
}

.article-carousel {
	padding: 0 50px;
}

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
	background: #71b02c !important;
}
.owl-dots{
    margin-top: 10px;
}

.standard_title {
	display: flex;
	justify-content: space-between;
	align-items: center;
	color: #60605d;
}

.standard_title i {
	color: #ccc;
	margin-left: 15px;
}

/* .standard_menu .col-6:nth-child(n + 5) {
	display: none;
} */

.post-store-name a {
	font-size: 14px;
	display: inline-block;
	line-height: 0;
}
.post-store-name a::before,.shop-tag::before,.fas.fa-circle {
  /* content: url('/app/themes/imai/img/circle-solid.svg');
  width: 3px;
  height: 3px;
  margin: 0 5px 2px 0; */

  /* content: '\f111';
  font-family: "Font Awesome 5 Free";
  font-weight: 500;
  font-size: 0.2em; */
}

.lh-1 {
	line-height: 2.2;
}

.diary-date.post-store-name a {
	font-size: 16px;
}

.ellipsis_excerpt {
	width: 100%;
	overflow: hidden;
	text-overflow: hidden;
	white-space: initial;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.ellipsis_excerpt p {
	display: contents;
}

.ellipsis_excerpt p:after {
	content: "\A";
	white-space:pre;
}

/*media queries*/

@media (max-width: 1199.98px) {

	.store-news .imgCover {
		height: 200px;
	}
	.getPostImgArea img{
		height: 200px;
	}

    .menuudon-list li{
        width: 50%;
        margin: 0 0 60px 0;
    }
    .tab li {
      font-size: 14px;
	}

	.other-text .md img {
		height: 135px;
	}

	.md-desc2 {
		height: 87px;
	}
    .foot-season img{
        max-height: 228px;
        height: 100%;
        width: 100%;
        max-width: 100%;
        object-fit: cover;
    }

}

@media (max-width: 992px)
{
.main-container {
    margin-left: 90px;
}
}

@media (max-width: 991px)
{
	.link-list-innner {
		display: block;
	}
    .container-body{
        padding: 2em;
    }

    h1.entry-title{
        font-size: 24px;
    }
    .front-cover{
        padding-top: 90px;
    }

	.hide-sm {
		display: none;
	}

	.show-sm {
		display: block;
	}
    #frontpage{
        padding-top: 90px;
    }

	.navi-grid-4.front {
		position: relative;
		margin-top: -135px;
		background: #fff;
		z-index: 9;
	}

	.main-container {
		margin-left: auto;
		padding-top: 90px;
	}

	#sidenav {
		width: 100%;
		position: fixed;
		height: 90px;
	 	display: grid;
	 	grid-template-columns: 1fr 1fr;
	 	padding: 0;
	 	z-index: 999;
	 	background: #fff;
	}

	.sidenav-start {
		display: flex;
		align-items: center;
		justify-content: flex-end;
		order: 2;
	}

	.sidenav-start .nav-toggle,
	.sidenav-start a {
		margin-bottom: 12px;
	}

	.bar-container {
		padding: 0 30px;
		margin-top: 15px;
	}

	.bar1, .bar2, .bar3 {
		width: 20px;
		height: 1px;
		margin: 2.5px 8px;
	}

	.change .bar1 {
		-webkit-transform: rotate(-45deg) translate(-5px, 6px);
		transform: rotate(-45deg) translate(-5px, 6px);
	}

	.change .bar3 {
		-webkit-transform: rotate(45deg) translate(-3px, -3px);
		transform: rotate(45deg) translate(-3px, -3px);
	}

	.sidenav-center {
		display: grid;
		justify-content: start;
		order: 1;
	}

	.sidenav-center .logo {
		border-bottom: 0;
		padding: 0 15px;
	}

	.sidenav-center .shopimg {
		display: none;
	}

	.sidenav-end {
		display: none;
	}

	.nav-menu {
		margin-top: 90px;
		margin-left: 0;
		top: 0;
	    bottom:0;
	    position:fixed;
	    overflow-y:scroll;
	    overflow-x:hidden;
	    background: #fff;
	    width: 100%;
	}

	#navi .navi-link  {
		border-bottom: 1px solid #ccccca;
	}

	.so-container {
		display: grid;
		grid-template-columns: 1fr;
		width: 100%;
		padding-top: 30px;
		justify-content: center;
	}

	.imai-img {
		text-align: center;
        margin-top: 50px;
	}

	.imai-dashi2 {
		position: absolute;
		left: 0;
		top: 0;
		margin-top: -150px;
		margin-left: 30px;
	}
    .top-dashi-link{
        margin: -1.3em auto 1em !important;
    }


	.vl-p {
		display: flex;
		align-items: center;
		padding-bottom: 30px;
    padding: 0 20px;
	}
  .mixed{
    -webkit-text-orientation: mixed;
    text-orientation: mixed;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
  }
  #shop .table {
  	width: auto;
  	margin: auto;
  	font-size: 18px;
  	color: #434343;
  }

	.hoverlay-container {
		position: relative;
		display: block;
	}

	.overly-content {
		border: none;
	}

	.site-footer {
		text-align: center;
	}

	.foot-bot {
		justify-content: center;
	}

	.inquiries {
		width: 250px;
		margin: auto;

	}

	.inquiries a {
		padding: 15px ;
	}

	.food-menus {
		margin: 50px 0;
		padding: 0 85px;
	}

	.ol-banner {
		margin: 0 85px;
	}
    .storelistImg{
        /* height: 40vh; */
    }

	.stores {
		display: grid;
		grid-template-columns: 1fr 1fr;
		padding: 0 1em;
	}

	.ol-shopImg img {
		width: 27.3%
	}

	#store-detail .col-6 {
		margin-bottom: 10px;
	}

	.about-con {
		padding: 40px;
	}

	.usage-stat span {
		margin-bottom: 10px;
	}

	.udon-list  {
		display: grid;
		grid-template-columns: 1fr 1fr;
		grid-row-gap: 15px;
		padding: 0 20px;
		margin: 35px 0;
	}
    .menuudon-list{
		padding: 0 ;
        margin: 1em ;
        max-width: 100%;
    }
	.md-detail {
		display: grid;
		grid-template-columns: 1fr;
	}

	.taste {
		display: grid;
		grid-template-columns: 1fr;
	}

	.taste-con {
		margin: 50px 0;
	}

	.taste-img {
		text-align: center;
	}

	.stock-name {
		position: relative;
		margin-top: 0;
	}

	.stock-img {
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.stock-desc {
		padding: 10px 0px;
	}

	.dash-title-one {
		-ms-writing-mode: horizontal-tb;
		writing-mode: horizontal-tb;
    margin: 2rem 0 0 0 ;
	}

	.dash-title-one::after {
		content: '';
	}

	.odashi-s1 {
		height: 700px;
	}

	.osd1-con {
		width: 100%;
		margin-top: 0;
		margin-left: 0;
		padding: 50px 150px;
	}

	.s1-sideletter {
		padding-left: 0;
	}

	.osd1-pad {
    padding-left: 15px;
	}

	.s1-sideletter .no-dash-title {
		font-size: 45px;
	}

	.odashi-s1-img img {
		width: 100%;
	}

	.ndt-font {
		font-size: 40px;
		color: #fff;
	}

	.osd2-con {
		top: 50%;
		left: 45%;
	}

	.s2-sideletter .no-dash-title {
		font-size: 45px;
	}

	.taste-home .col-lg-6.o1 {
		order: 1;
	}

	.taste-home .col-lg-6.o2 {
		order: 3;
	}

	.taste-home .col-lg-6.o3 {
		order: 2;
	}

	.taste-home .col-lg-6.o4 {
		order: 4;
	}

	.navi-grid-4,
	.navi-grid {
		grid-template-columns: 1fr 1fr;
	}

	.grid-link {
		border-bottom: 1px solid #ccccca;
	}

	.navi-grid .grid-link:last-child {
		grid-column: 1 / 3;
	}

	.toru .col-lg-6.o1,
	.musical-store .col-lg-6.o1 {
		order: 2;
	}

	.toru .col-lg-6.o2,
	.musical-store .col-lg-6.o2 {
		order: 1;
	}

	.soup-stock .con {
		left: 50%;
	}

	.future-imai .con {
		width: 90%;
	}

	.stock-material .col-lg-6 {
		margin-bottom: 0;
	}

	.eng-link {
		margin-bottom: 120px;
	}

  	.stock-img{
        margin: 3em 0 0 0;
	}

	.feature-article .fa-c {
        padding: 7em 20px 30px 20px;
	}

	.diary-con {
		width: 100%;
		padding: 0 15px;
	}
    .top-news-left{
        margin-bottom: 50px;
    }
    .new-top-title{
        padding-top: 5px;
        display: block;
        font-size: 1.5em;
    }

	#diary-detail .owl-theme .owl-nav {
		display: none;
	}

	#diary-detail .owl-theme .owl-dots .owl-dot span {
		 border: 1px solid #a1a19e;
		 background: #eeeeee;
	}

	#diary-detail .owl-theme .owl-dots .owl-dot.active span,
	#diary-detail .owl-theme .owl-dots .owl-dot:hover span {
		background: #72b12d;
	}

	.contactTable__header{
		width: 100%;
		display: block;
		padding: 0 0 10px 0 ;
	}
	.contactTable__data{
		width: 100%;
		display: block;
		padding: 0 0 20px 0 ;
	}

	.md-title {
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 1;
		overflow: hidden;
	}

	.overly-content {
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 3;
		overflow: hidden;
	}

	.news-link-list{
		width: 90%;
	}

	.link-list-img{
		width: 100%;
		margin: 0 auto 30px auto ;
		text-align: center;
		display: inline-block;
		vertical-align: top;
	}

    .res-table th,.res-table td{
        width: 100%;
        display: block;
    }
    .res-table th:first-child{
        border-bottom: none;
    }
    /* NEWS */
    .news-link-list{
        width: 90%;
    }
    .link-list-img{
        width: 100%;
        margin: 0 auto 30px auto ;
        text-align: center;
        display: inline-block;
        vertical-align: top;
    }

    .acmenu-wrap{
        margin: 50px  0;
    }
    #acMenu dt{
    display:block;
    width:100%;
    text-align:left;
    border:#c5c6ba 1px solid;
    cursor:pointer;
    background-color: #f0f1e9;
    padding: .75rem;
    }
    #acMenu dt::after{
        content: "\f078";
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        position: absolute;
        right: 2em;
    }
    #acMenu dd{
    width:100%;
    border-left: #c5c6ba 1px solid;
    border-right: #c5c6ba 1px solid;
    border-bottom: #c5c6ba 1px solid;
    display:none;
    }
    #acMenu p{
    padding: .75rem;
    }

    .cen-tit{
        text-align: center;
    }
    /* NEWS */
    .news-link-list{
        width: 90%;
    }
    .link-list-img{
        width: 100%;
        margin: 0 auto 30px auto ;
        text-align: center;
        display: inline-block;
        vertical-align: top;
    }
    .tab-grid-4{
        display: grid;
        grid-template-columns: 1fr 1fr;
        text-align: center;
        font-size: 18px;
    }
    .udonmenu-img img{
        max-width: 100%;
        max-height: 100%;
        padding: 1em;
    }
    .feature-article{
        margin-top: 15px;
    }
    .sm-bottom-m{
        margin-bottom: 3em;
    }

    .obento-con-txt{
        text-align: center;
        border-right: none;
        border-bottom: none;
    }
    .obento-tel{
        text-align: center;
    }

    .news-top{
        padding: 2rem 0 1rem 0  ;
    }
    .news-top::after{
        height: 100%;
	}

	.other-text .md img {
		height: 190px;
	}

	.md-desc2 {
		height: 76px;
	}
    .top-news-btn{
        padding: 10px 20px;
    }

}

@media (max-width: 767px)
{
	.dt {
		margin: 30px 0;
	}
    .container-body{
        padding: 1em;
    }

	#navi .navi-link  {
		font-size: 14px;
	}

	#navi .navi-link span img {
		width: 20px;
	}

	.dash-title {
		font-size: 24px;
	}

	.no-dash-title {
		font-size: 24px;
	}

	#section-one .bg-so {
		padding: 20px 0 50px 0;
	}

	.imai-dashi {
		width: 100%;
	}

	.imai-dashi2 {
		position: absolute;
        left: 10em !important;
		top: 19em !important;
		width: 250px;
	}

	.btn-link {
		width: 80%;
		margin-top: 20px;
	}

	.btn-txt {
		font-size: 16px;
	}

	.btn-txt span {
		font-size: 14px;
	}

	.menu-container {
		margin: 20px;
	}

	.page-brief {
		font-size: 16px;
		padding: 40px 10px;
	}

	.shop-desc {
		font-size: 16px;
	}

	.shop-desc .span-r,
	.shop-desc .span-l {
		font-size: 14px;
		margin-right: 0 !important;
		margin-bottom: 10px;
	}

	.shop-area {
		font-size: 16px;
	}

	#shop .table {
		font-size: 16px;
	}

	.shop-nav-area span {
		padding: 0 10px;
	}

	.shop-nav-area a {
		font-size: 16px;
	}

	.store-name {
		font-size: 22px;
		text-align: center;
		padding-top: 40px;
		padding-bottom: 10px;
	}

	.store-cover {
		height: 200px;
		margin-bottom: 40px;
	}

    .stores {
        grid-template-columns: 1fr !important;
    }

	#store-detail .col-6 {
		padding: 0 10px;
		margin-bottom: 20px !important;
	}

	.news {
		padding: 0 10px;
	}

	.news-ttl {
		font-size: 14px;
	}

	.news-desc span {
		width: auto;
		margin-bottom: 10px;
	}

	.news-excerpt {
		margin: 10px 0;
    	font-size: 12px;
	}

	.store-about {
	    padding: 0;
	}

	.about-con {
		font-size: 16px;
		padding: 10px 20px !important;
	}

	.detail-bottom table {
		font-size: 16px;
	}

	.detail-bottom table td:first-child {
		width: 130px;
	}

	.usage-stat span {
		margin-bottom: 10px;
	}

	.owl-next img,
	.owl-prev img {
		width: 15px;
	}

	.store-carousel {
		position: relative;
		padding: 0 30px;
	}

	.store-about .col-lg-7 {
		padding: 10px 0;
	}

	.show-more {
		margin-top: 15px;
		margin-bottom: 15px;
	}

	.show-more  img{
		width: 100px;
	}

	img.googlemap {
    max-width: 100%;
    height: auto;
	}
	.udon-name {
		font-size: 16px;
	}

	.md-detail {
		margin: 50px 0;
	}

	.md-name {
		font-size: 24px;
		padding: 15px;
	}

	.md-desc {
		font-size: 14px;
	}

	.collapse-con {
		padding: 0 20px;
	}

	.collapse-name {
		font-size: 16px;
	}

	.otherdishes {
		font-size: 18px;
	}

	.separator {
		width: 200px;
	}

	.menuDetail-carousel {
		padding: 0;
	}

	#menu-detail .owl-next img,
	#menu-detail .owl-prev img {
		width: 30px;
	}

	.md-title {
		font-size: 16px;
	}

	.md-desc2 {
		font-size: 14px;
	}

	.md-note {
		padding: 30px;
	}

	.md-cover {
		font-size: 24px;
	}

	.t-ttl {
		font-size: 24px;
	}

	.taste p {
		font-size: 14px;
	}

	.t-padding {
		padding: 0 30px;
	}

	.dash-title-one {
		font-size: 18px;
	}

	.dash-pad {
		margin-top: 50px;
	}

	.odashi-s1 {
		height: auto !important;
	}

	.osd1-con {
		position: relative;
		padding: 50px 20px 0 60px !important;
		margin-bottom: -40px;;
	}

	.ods1-title {
    font-size: 18px !important;
	}

	.ods1-desc {
		font-size: 14px;
	}

	.s1-sideletter .no-dash-title {
    font-size: 36px !important;
		color: #fff;
		padding: 0 0 0 20px;
	}

	.odashi-s2 {
		height: 450px;
		background: #19171c;
	}

	.osd2-con {
		width: 80% !important;
    	left: 45% !important;
	}

	.odashi-s2 .ttl {
    font-size: 18px;
	}

	.odashi-s2 .desc {
		font-size: 14px;
	}

	.s2-sideletter {
		margin: 0;
		width: 50px;
		position: absolute;
		margin: 0;
		top: 0;
		right: -40px;
	}

	.s2-sideletter .no-dash-title {
    font-size: 36px !important;
	}

	.odashi-s3 {
		display: grid;
		align-items: end;

	}

	.osd3-con {
		width: 100%;
		padding: 0 15px;
		padding-bottom: 100px;
	}

	.odashi-s3 .ttl {
		font-size: 18px;
	}

	.odashi-s3 .no-dash-title {
		font-size: 36px;
	}

	.odashi-s3 .desc {
		font-size: 14px;
	}

	.taste-home .ttl {
		font-size: 20px;
	}

	.taste-home .bttn2,
	.taste-home .bttn {
		padding: 10px;
		font-size: 18px;
	}

	.taste-home .con {
		padding: 30px 0;
	}

	.odashi-arrow-down {
		margin-left: 5px;
		width: 12px;
	}


	.navi-grid-4,
	.navi-grid {
		font-size: 14px;
	}

	.sec-ttl {
		font-size: 24px;
		padding: 100px 0 30px 0;
		width: 300px;
	}

	.history-desc {
		font-size: 18px;
        border-bottom: none;
        text-align: center;
	}

	.his-con .desc,
	.top-desc {
		font-size: 16px;
	}

	.his-con .ttl {
		font-size: 24px;
		margin-top: -5px;
	}

	.soup-stock {
		height: 630px;
		display: grid;
		align-items: end;
		background: #19171c;
	}

	.soup-stock .ttl {
		font-size: 36px;
	}

	.soup-stock .date {
		font-size: 24px;
	}

	.soup-stock .con {
		top: 40%;
		 width: 90%;
	}

	.history-btn {
		padding: 15px 50px;
		font-size: 16px;
	}

	.top-desc {
		padding: 30px 0;
	}

	.future-imai .con {
		top: 50%;
	}

	.future-imai .sec-ttl {
		padding: 0 0 30px 0;
	}

	.storelistImg {
        /* height: 40vh; */
	}

	.store-news .imgCover {
		height: 180px !important;
	}

	.getPostImgArea img{
		height: 180px !important;
	}

	.diary-name h2 {
		font-size: 24px;
		margin-bottom: 0;
	}

	.date-sns {
		display: flex;
		justify-content: space-between;
		align-items: center;
		margin-bottom: 20px;
	}

	.diary-date {
		font-size: 14px;
	}

	.sns {
		padding: 0;
		display: flex;
	}

	.sns iframe {
		margin-right: 5px;
	}

	.category-tag {
		text-align: left !important;
	}

	.category-tag span {
		margin-left: 0;
		padding: 5px 20px;
	}

	.diary-content {
		padding: 15px 0;
		font-size: 16px;
	}

	.pg-txt {
		display: none;;
	}

	.page-nation-title {
		font-size: 16px;
		padding: 0 30px;
	}

	.diary-foot-title h3 {
		font-size: 24px;
	}

	.spanBorder {
		width: 50px;
	}

	.df-pad {
		padding: 40px 0 5px 0;
	}

	.df-m {
		margin: 30px 0;
	}

	.diary-table-con {
		width: 100%;
	}

	.diary-carousel {
		padding: 0;
	}

	.relatedPostImg img {
		height: 150px;
	}

	.grid-link {
		padding: 15px 0;

	}

	.food-menus {
		margin-top: 0 !important;
		margin-bottom: 0 !important;
		padding: 0 !important;
	}

	.ol-banner {
		margin: 0 20px !important;
	}

	.menu-name {
		font-size: 18px;
	}

	.space-f {
		margin-bottom: 100px;
	}

	#evt .lmb-container {
		margin-top: 0px;
	}

	.btn.loadMoreBtn {
		width: 80px;
		height: 80px;
	}

	.paginate .page-numbers {
		font-size: 14px;
		border: 1px solid #dee2e6;
		padding: 5px 10px;
		display: inline-block;
		margin-bottom: 5px;
	}
    .recipe-img{
      width: 110px;
    }

	.notfound {
		padding: 0 15px;
	}

	.notfound h2 {
		font-size: 24px;
	}

    .menuudon-list li{
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column;
        -webkit-box-align: center;
        align-items: center;
        width: 100% ;
        margin: 0 0 1rem 0;
    }

    .udonmenu-img img{
        max-width: 100%;
        max-height: 100%;
        padding: 0;
    }
    .top-diary-sub{
        padding: 1.5em 0 15px 0;
    }
    .stock-img {
        height: auto;
    }
    .stock-img img {
        height: auto;
        margin-top: auto;
	}

	.md-desc2 {
		height: 70px;
	}


}

@media (max-width: 540px)
{
    .getPostImgArea img{
        max-width: auto;
	}

	.article-carousel {
		padding: 0 30px;
	}

	.other-text .md img {
		height: 130px;
	}

	.md-desc2 {
		padding: 10px;
		height: 80px;
		display: flex;
		align-items: center;
	}
}