/* 768px
**************************************/
@media screen and (max-width: 768px) {
	#wrap {
		background: #eae4da;
	}
	.d-none {
		display: none;
	}
	.d-block_sm {
		display: block!important;
	}
	.block_pc {
		display: none!important;
	}
	.block_sm {
		display: block!important;
	}
	.drawer--left .drawer-hamburger, .drawer--left.drawer-open .drawer-navbar .drawer-hamburger {
		right: 2%!important;
	}
	header button {
		width: 70px!important;
		z-index: 20;
	}
	header .drawer-nav {
		width: 100%;
		right: -100%!important;
	}
	header .drawer-nav ul li a {
		text-align: center;
		padding-left: 0;
		font-size: 16px!important;
		transition: none;
    	transform: none;
	}
	header .drawer-nav .sns-icon {
		text-align: center;
	    margin: 33px auto;
	    padding-bottom: 33px;
	    width: 62px;
	}
	header #sm-nav {
		padding-top: 40px!important;
	}
	header #sm-nav .close-btn {
		padding-bottom: 32px;
	}
	.nav-box {
		overflow-y: scroll;
	}
	#main {
		position: relative;
	}
	#main nav {
		display: none;
	}
	#main h1 {
		left: 2%;
		width: 70px;
	}
	.tel-btn {
		left: auto;
    	right: 2%;
    	width: 180px;
	}
	.sm_tel {
		display: block;
	}
	.tel {
		display: none;
	}
	.sm-slider, .sm-slider:after {
		position: static;
	}
	.sm-slider li span {
		position: static;
    	background-size: 100%;
	}
	.sns-btn {
		display: none;
	}
	.content-box {
		width: 100%;
    	height: auto;
    	position: static;
	}
	.h_text > span {
		-ms-writing-mode: lr-tb;
		-webkit-writing-mode: horizontal-tb;
		writing-mode: horizontal-tb;
	    width: 100%;
	    letter-spacing: 3px;
	    padding: 0;
    	line-height: 1.8em;
	}
	.content-box h2 {
		width: 12%;
	    top: 26px;
	    right: 4%;
		z-index: 4;
	}
	#main.section:after,
	#taipi.section:before,
	#taipi.section:after,
	#menu-info.section:before,
	#menu-info.section:after,
	#kumamoto.section:before,
	#kumamoto.section:after,
	#tokubetu.section:before,
	#tokubetu.section:after,
	#onlineStore.section:before,
	#onlineStore.section:after,
	#ikikata.section:before,
	#ikikata.section:after,
	#footer.section:before
	 {
		content: none;
	}
	#taipi {
		position: relative;
		padding-top: 30px;
		padding-bottom: 145px;
		background: #eae4da;
	}
	#taipi .obi {
		display: none;
	}
	#taipi .content-box p {
		top: auto;
	    right: auto;
	    left: 4%;
	    bottom: 30px;
	}
	.taipi-img {
		width: 80%;
	}
	.taipi-img img {
		height: 100%;
    	width: 100%;
	}
	.tori {
		display: none;
	}
	#menu-info {
		position: relative;
		background: #eae4da;
		padding: 10px 0;
	}
	#menu-info h2 {
		z-index: 10;
    	top: 130px;
	}
	.menu-info-bg {
		display: none;
	}
	.menu-info-btn {
		width: 100%;
	    position: absolute;
	    left: auto;
	    top: auto;
	}
	.menu-info-btn ul li {
		width: 32%;
		position: absolute;
		margin-right: 2%;
	}
	.menu-info-btn ul li:nth-child(2) {
		left: 34%;
	}
	.menu-info-btn ul li:nth-child(3) {
		left: 68%;
	}
	.menu-info-btn ul li:last-child {
		margin-right: 0;
	}
	.menu-infobox,
	.kumamoto-content,
	#ikikata {
		background: url(../img/sm_menu_header_bg.png) top repeat-x,url(../img/sm_menu_bottom_bg.png) bottom repeat-x;
    	background-size: 100% 52px;
    	top: 52px;
    	height: auto;
    	max-height: none;
	}
	.menu-infobox_inner,
	.kumamoto-content_inner,
	.onlineStore-content_inner,
	#ikikata .content-box {
		background: url(../img/sm_menu_middle_bg.png);
		width: 100%!important;
		height: auto;
		padding-bottom: 60px;	
		overflow: hidden;
	}
	.menu-infobox_inner:before,
	.menu-infobox_inner:after {
		width: 96%;
		right: 0;
    	margin: auto;
	}
	.menu-infobox_inner:after {
		bottom: 20px;
	}
	.menu-infobox_inner > p,
	.menu-infobox_inner > .menu-infobox-left,
	.menu-infobox_inner > .bottom_banner {
		display: none;
	}
	.sm-menu-infobox {
		display: block;
		width: 100%;
	}
	.sm-menu-infobox li {
		width: 56%;
	    margin: 0 auto;
	    list-style: none;
	    padding: 40px 0 0;
	}
	.sm-menu-infobox li img {
		width: 100%;
	}
	.sm-menu-infobox li p {
		line-height: 1.5em;
    	color: #e83c1f;
	}
	.sm-menu-title {
		font-weight: bold;
		text-align: center;
		line-height: 2em;
	}
	.sm-menu-infobox dl {
		width: 56%;
	    margin: 0 auto;
	    padding-top: 40px;
	}
	.sm-menu-infobox dl dt {
		margin-bottom: 10px;
		color: #e83c1f;
	}
	#menu-box2 dl ul li,
	#menu-box3 dl ul li{
		padding-top: 2px;
		width: 80%;
		color: #e83c1f;
	}
	#menu-box2 dl ul li:first-child,
	#menu-box3 dl ul li:first-child {
		margin-bottom: 6px;
	}
	#menu-box2 dl ul li:last-child,
	#menu-box3 dl ul li:last-child {
		margin-bottom: 6px;
	}
	#menu-box2 dl dd,
	#menu-box3 dl dd {
		color: #e83c1f;
		font-size: 14px;
	}
	p.mb0 {
		width: 56%;
		margin: 0 auto;
	}
	.mb0 {
		margin-bottom: 0!important;
	}
	.mb0 img {
		width: 100%;
	}
	.kumamoto-text-top,
	.foodimg {
		display: none;
	}
	#kumamoto {
		margin-top: 30px;
    	position: relative;
    	background: transparent;
	}
	.kumamoto-content {
		width: 100%;
    	padding: 40px 0;
	}
	.kumamoto-content_inner:before,
	.kumamoto-content_inner:after {
		width: 96%;
		right: 0;
		margin: auto;
	}
	#kumamoto .content-box h2 {
		z-index: 10;
    	margin-top: 50px;
	}
	#tokubetu {
		position: relative;
		background: transparent;
	}
	#tokubetu .obi {
		display: none;
	}
	#tokubetu .taipi-img {
		width: 80%;
	}
	#tokubetu .content-box p {
		position: static;
		top: auto;
		right: auto;
		width: 92%;
		margin: 30px auto 0;
	}
	#tokubetu .content-box dl {
	    position: relative;
	    top: 0;
	    left: 0;
	    right: auto;
	    width: 92%;
	    margin: 40px auto 0;
	}
	#tokubetu .content-box dl dt {
		width: 65%;
	    right: auto;
	    left: -3%;
    	top: -26px;

	}
	#tokubetu .content-box dl dt img {
		width: 100%;
	}
	#tokubetu .content-box dl dd span {
		width: 88%!important;
	    height: auto;
	    padding: 6%!important;
	}
	#tokubetu .content-box p span {
		height: auto!important;
	}
	#ikikata {
		position: relative;
		padding: 40px 0;
	}
	#ikikata .content-box:before {
		content: '';
		background: url(../img/line.png) repeat-x;
		height: 10px;
		width: 96%;
		position: absolute;
		top: 40px;
		left: 0;
		right: 0;
		margin: auto;
	}
	#ikikata .content-box:after {
		content: '';
		background: url(../img/line.png) repeat-x;
		height: 10px;
		width: 96%;
		position: absolute;
		bottom: 40px;
		left: 0;
		right: 0;
		margin: auto;
	}
	#ikikata .access-box {
		background: transparent;
	    width: 86%;
	    padding: 0;
	    height: auto;
	    float: none;
	}
	#ikikata .content-box .ikikata-inner {
		width: 96%;
    	margin: 40px auto;
	}
	#ikikata .content-box .ikikata-inner h2 {
		width: 10%;
    	padding-top: 0;
	}
	#ikikata .access-box > p {
		display: none;
	}
	#ikikata .access-box dl.ab-1 {
		margin-right: 0;
	}
	#ikikata .access-box dl {
		width: 100%;
	    border-left: 0;
	    display: table;
	    border-bottom: 1px dotted #e83c1f;
	}
	#ikikata .access-box dl dt {
		padding: 10px 0 10px;
	    width: 23%!important;
	    height: auto;
	    display: table-cell;
	    vertical-align: top;
	    border-bottom: 0;
	}
	#ikikata .access-box dl dd {
		width: 72%;
	    border-left: 1px dotted #e83c1f;
	    height: auto;
	    padding: 10px 0 10px 4%;
	    display: table-cell;
	}
	#ikikata .g-map {
		background: transparent;
	    width: 100%;
	    height: 423px;
	    padding: 0;
	    margin-top: 20px;
	}
	#ikikata #map_canvas {
		width: 100%!important;
	    height: 330px!important;
	    position: relative;
	    overflow: hidden;
	}
	#ikikata .map_1 {
		position: absolute;
	    top: 390px;
	    left: 0;
	}
	#ikikata .map_2 {
		top: 340px;
	    bottom: auto;
	    left: 0;
	    right: auto
	}
	#ikikata iframe {
		display: none;
	}


	/*.menu-infobox_inner:before {
		content: '';
	    background: url(../img/sm_menu_header_bg.png) repeat-x;
	    height: 52px;
	    width: 100%;
	    position: absolute;
	    top: -52px;
	    left: 0;
	}*/
	

	#footer {
		position: relative;
    	height: 700px;
	}



	.menu-zero {
		height: 0!important;
		overflow: hidden;
	}

	#onlineStore {
		margin-top: 30px;
		position: relative;
		background: transparent;
	}

	#onlineStore .content-box h2 {
		top: 70px;
	}

	.onlineStore-content {
		background: url(../img/sm_menu_header_bg.png) top repeat-x,url(../img/sm_menu_bottom_bg.png) bottom repeat-x;
		width: auto;
		height: auto;
		padding: 40px 0;
	}

	.onlineStore-content_inner {
		display: block;
		height: auto;
	}

	.onlineStore-content_inner::before, .onlineStore-content_inner::after {
		width: 96%;
		right: 0;
		margin: auto;
	}

	#onlineStore .h_text {
		display: none;
	}

	.onlineShop-text {
		display: none;
	}

	#onlineStore .foodimg {
		display: none;
	}

	#onlineStore .bottom_banner {
		display: none;
	}
}

/* 549px
**************************************/
@media screen and (max-width: 549px) {
	#tokubetu .content-box dl dt {
		top: -14px
	}
}