@charset "utf-8";

@media screen and (max-width: 767px) {
	HEADER {
	}
	#header_area {
		height: 54px;
	}
	#container {
		padding-top: 54px;
	}

	#header {
		position: relative;
	}
	#menunav {
		position: absolute;
		margin-top: -18px;
		top: 50%;
		right: 5px;
		width: 40px;
		height: 35px;
	}
	/* */
	.menu-trigger {
		/*margin-top: 7px;
		margin-right: 2%;*/
		z-index: 4;
	}
	.menu-trigger,
	.menu-trigger span {
	  display: inline-block;
	  transition: all .4s;
	  box-sizing: border-box;
	}
	.menu-trigger {
	  position: relative;
	  width: 40px;
	  height: 35px;
	}
	.menu-trigger span {
	  position: absolute;
	  left: 0;
	  width: 40px;
	  height: 5px;
	  background-color: #fff;
	  /*border-radius: 4px;*/
	}
	.menu-trigger span:nth-of-type(1) {
	  top: 0px;
	}
	.menu-trigger span:nth-of-type(2) {
	  top: 15px;
	}
	.menu-trigger span:nth-of-type(3) {
	  bottom: 0px;
	}
	/* */
	.active .menu-trigger span:nth-of-type(1) {
	  -webkit-transform: translateY(15px) rotate(-45deg);
	  transform: translateY(15px) rotate(-45deg);
	}
	.active .menu-trigger span:nth-of-type(2) {
	  opacity: 0;
	}
	.active .menu-trigger span:nth-of-type(3) {
	  -webkit-transform: translateY(-15px) rotate(45deg);
	  transform: translateY(-15px) rotate(45deg);
	}

	.pankuzu {
		display: none;
	}



	#header,
	#main,
	#footer .container {
		max-width: 100%;
		width: auto;
	}
	#main {
		margin-left: 0 !important;
		margin-right: 0 !important;
	}

	#header {
		height: 100%;
	}
	#header H1 {
		width: 22%;
		height: 100%;
		padding: 0 2%;
		margin: 0;
		display: table;
	}
	#header H1 A {
		display: table-cell;
		vertical-align: middle;
	}
	#header H1 A IMG {
		height: 48px;
	}
	#header NAV {
		position: absolute;
		left: 26%;
		right: 50px;
		top: 0;
		padding: 0;
		margin: 0;
		width: auto;
	}
	#header NAV LI {
		width: 24%;
		margin: 0;
	}
	#header NAV LI A {
		height: auto;
		padding: 0;
		display: block;
		width: auto;
		/**/    border-radius: 0;
		/**/ -o-border-radius: 0;
		   -moz-border-radius: 0;
		-webkit-border-radius: 0;
		/**/    box-shadow: none;
		/**/ -o-box-shadow: none;
		   -moz-box-shadow: none;
		-webkit-box-shadow: none;
		background: none;
		border-left: solid 1px #ddd;
		margin: 5px 0;
	}
	#header NAV LI A IMG {
		display: block;
		height: 32px;
		margin: 0 auto;
	}
	#header NAV LI A B {
		left: auto;
		display: block;
		width: auto;
		height: auto;
		margin: 0;
		color: #333;
		font-size: 10px;
		white-space: nowrap;
		overflow: hidden;
		line-height: 100%;
	}
	/*#home */#header H1 {
		width: 46%;
		/*padding: 10px 2%;*/
	}
	/*#home */#header NAV LI {
		display: none;
	}
	/*#home */#header NAV  {
		left: auto;
	}



	#footer .cf.f1 {
		padding-left: 0;
		padding-right: 0;
	}
	#footer .sns {
	}
	#footer .sns LI {
		margin-top: 8px;
	}
	#footer .sns LI.sns_twitter {
		margin-top: 0;
	}
	#footer .sns LI.sns_fb_share {
		margin-top: 4px;
	}
	#footer .sns LI.sns_fb_share,
	#footer .sns LI.sns_fb_like,
	#footer .sns LI.sns_tweet,
	#footer .sns LI.sns_line {
		margin-left: 5px;
		margin-right: 5px;
	}
	#footer .sitemap {
		padding: 0;
	}
	#footer .sitemap .col {
		width: auto;
	}
	#footer .sitemap A {
		line-height: 40px;
	}
	#header .sitemap {
		position: fixed;
		width: 100%;
		top: 0;
		right: -100%;
		background: #000;
		opacity: 0.9;
		padding-top: 50px;
		z-index: 3;
		/**/    transition: 0.3s ease-in-out;
	 	/**/ -o-transition: 0.3s ease-in-out;
		   -moz-transition: 0.3s ease-in-out;
		-webkit-transition: 0.3s ease-in-out;
	}
	#header .active .sitemap {
		right: 0;
		bottom: 0;
		overflow-y: auto;
	}
	#header .sitemap UL.cf,
	#footer .sitemap UL.cf {
		margin: 0;
		padding: 0;
	}
	#header .sitemap NAV LI {
		width: auto;
	}
	#header .sitemap UL .col,
	#footer .sitemap UL .col {
		float: none;
		padding: 0;
		margin: 0;
	}
	#header .sitemap UL .col UL,
	#footer .sitemap UL .col UL {
		display: none;
	}
	#header .sitemap UL .col H2,
	#footer .sitemap UL .col H2 {
		position: relative;
		padding: 0;
		margin: 0;
		height: 40px;
		line-height: 40px;
	}
	#footer .logo {
		display: none;
	}
	#footer .container.cf.bottom {
		padding: 10px 0;
		padding-bottom: 50px;
	}
	#footer .copy {
		float: none;
		width: auto;
		text-align: center;
		padding: 0;
		margin: 0;
	}
	#header .sitemap UL .col A,
	#footer .sitemap UL .col A {
		padding: 0 6%;
		position: relative;
		display: block;
		border-bottom: solid 1px #999;
	}
	#header .sitemap UL .col A {
		width: auto;
		padding: 0 6%;
		position: relative;
		display: block;
		text-align: left;
		border-bottom: solid 1px #fff;
		color: #fff;
		font-size: 14px;
	}
	/**/ #header_area #header .sitemap UL .col.sp H2 A {
		font-weight: normal;
		font-size: 12px;
	}
	#header .sitemap UL .col H2 A.icon:before,
	#footer .sitemap UL .col H2 A:before {
		display: block;
		content: "";
    	position: absolute;
    	-webkit-transform: rotate(45deg);
    	transform: rotate(45deg);
    	top: 50%;
    	width: 8px;
    	height: 8px;
		right: 20px;
	}
	#header .sitemap UL .col H2 A.icon:after,
	#footer .sitemap UL .col H2 A:after {
		display: block;
		content: "";
    	position: absolute;
    	top: 50%;
	}
	#header .sitemap UL .col H2 A.icon:after {
    	-webkit-transform: rotate(45deg);
    	transform: rotate(45deg);
		width: 8px;
    	height: 8px;
	}
	#footer .sitemap UL .col H2 A:before {
		margin-top: -4px;
    	background: #570f12;
	}
	#footer .sitemap UL .col H2 A:after {
		margin-top: -6px;
		right: 24px;
		width: 12px;
    	height: 12px;
    	background: #000;
	}
	#header .sitemap UL .col H2 A.icon:before {
		margin-top: -5px;
    	background: #fff;
	}
	#header .sitemap UL .col H2 A.icon:after {
		margin-top: -7px;
		right: 20px;
    	background: #000;
	}
	#footer .sitemap H2.mt30,
	#footer .sitemap .mt30 {
		margin-top: 0;
	}
	#header .sitemap .sp H2 A,
	#footer .sitemap .sp H2 A {
		font-weight: normal;
		font-size: 12px;
	}
	#footer .sitemap UL .col LI A {
		padding-left: 8%;
		/*background-color: #8a715e;*/
		background-color: #6a513e;
		line-height: 35px;
	}
	/**/ #header_area #header .sitemap LI A:hover {
		background: none;
	}
	/**/ #header_area #header .sitemap LI.col UL LI A {
		padding-left: 8%;
	    background-color: #111;
	    line-height: 35px;
	}




	#main {
		margin-left: 2%;
		margin-right: 2%;
	}

	/* #boxes */
	#boxes {
		margin: 0;
	}
	#boxes .box1,
	#boxes .box2 {
		margin: 0 2% 15px;
	}
	#boxes .box1 {
		width: 46%;
	}
	#boxes .box2 {
		width: 96%;
	}
	#boxes .box_news {
		width: 96%;
	}
	#boxes .box_news .box {
		height: 180px;
	}
	/* /#boxes */



	/* #slider */
	#slider {
		border: none;
		margin-bottom: 20px;
	}
	#slider UL.sp {
		width: auto;
	}
	/*#slider UL.sp LI A,
	#slider UL.sp LI A IMG {*/
	#slider UL.sp LI,
	#slider UL.sp LI IMG {
		display: block;
		width: 100%;
	}
	/* /#slider */

	/* #homenav */
	#homenav {
		display: block;
		padding: 15px 0 0;
	}
	#homenav UL {
		display: block;
		margin: 0 -2%;
	}
	#homenav LI {
		float: left;
		margin: 0 2%;
		width: 29.3%;
	}
	#homenav LI A {
		display: block;
		padding: 8px 0 0;
		color: #fff;
		background-color: #ff8600;
		font-size: 12px;
		font-weight: bold;
		text-align: center;
		        border-radius: 10px;
		   -moz-border-radius: 10px;
		-webkit-border-radius: 10px;
	}
	#homenav LI A:hover {
		opacity: 1.0;
	}
	#homenav LI IMG,
	#homenav LI B {
		display: block;
		margin: 0 auto;
	}
	#homenav LI B {
		margin-top: -5px;
		height: 60px;
		display: table;
	}
	#homenav LI B I {
		text-decoration: none;
		display: table-cell;
		vertical-align: middle;
	}
	#homenav LI B SPAN {
		display: inline-block;
	}
	/* /#homenav */

	/* #osusume */
	#osusume UL {
		margin: 0;
	}
	#osusume LI {
		width: 46%;
		margin: 0 2% 15px;
	}
	#osusume LI H3 {
		font-size: 14px;
		margin-bottom: 2px;
	}
	#osusume LI H3 {
		white-space: nowrap;
	}
	#osusume LI H3.long {
		font-size: 12px;
	}
	#osusume LI BR {
		display: none;
	}
	#osusume LI DIV {
		padding: 5px;
		height: 80px;
	}
	#osusume LI P {
		line-height: 140%;
	}
	/* /#osusume */

	/* #cats */
	#cats {
		padding: 0;
	}
	#cats UL {
		width: 75%;
	}
	#cats .all {
		width: 25%;
	}
	#cats LI {
		width: 32%;
	}
	#cats LI:nth-child(2),
	#cats LI:nth-child(5) {
		width: 36%;
	}
	#cats LI A,
	#cats .all A {
		font-weight: bold;
		font-size: 14px;
		border: none;
	}
	#cats LI:nth-child(5) A {
		line-height: 100%;
		font-size: 11px;
		letter-spacing: -0.1em;
		width: 36%;
	}
	#cats LI A {
		border-right: solid 1px #fff;
		border-bottom: solid 1px #fff;
		height: 35px;
	}
	#cats .all A {
		height: 71px;
	}
	#cats A B I {
		display: none;
	}
	/* /#cats */

	/* #search */
	#search P {
		margin-right: 10px;
	}
	#search P B {
		margin-left: 5px;
	}
	#search P A {
		color: #999;
	}
	#search P A:hover {
		text-decoration: none;
	}
	/* /#search */

	/* #menus */
	#menus {
		padding: 0;
		margin-left: 0;
	}
	#menus LI {
		width: 50%;
		margin-left: 0;
		margin-bottom: 0;
	}
	#menu .icons {
		margin-left: 0;
	}
	#menu .icons SPAN {
		font-size: 10px;
	}
	#menu .icons SPAN.icon01,
	#menu .icons SPAN.icon03 {
		width: 31%
	}
	#menu .icons SPAN.icon02 {
		width: 34%
	}
	#menu .icons SPAN.icon03 {
		margin-right: 0;
	}
	#menus {
		margin-right: -1px;
	}
	#menus A {
		border-top: solid 1px #ccc;
		padding-bottom: 5px;
		border-left: solid 1px #ccc;
		border-right: solid 1px #ccc;
		padding-left: 2%;
		padding-right: 2%;
		margin-left: -1px;
	}
	/*#menus LI.li_l A {
		margin-left: 2%;
		padding-right: 5px;
	}
	#menus LI.li_r A {
		padding-left: 6px;
		margin-right: 2%;
	}*/
	#menus LI A .mate P {
		width: 48%;
	}
	#menus LI FIGURE IMG {
		max-width: 100%;
	}
	/* /#menus */

	/* #menus #detail */
	#menu #detail {
		width: auto;
		margin: 15px 0;
	}
	#menu #detail .left {
		width: auto;
	}
	#menu #detail .left .icons,
	#menu #detail .left H3,
	#menu #detail .left .price,
	#menu #detail .left .img,
	#menu #detail .left .txt,
	#menu #detail .left .material {
		margin-left: 4%;
		margin-right: 4%;
	}
	#menu #detail .left .img.sp {
		margin-left: 0;
		margin-right: 0;
	}
	#menu #detail .left .img {
		width: 100%;
		padding: 20px 0 0;
	}
	#menu #detail .left .img IMG {
		max-width: 100%;
	}
	#menu #detail .left .img IMG {
		max-width: 100%;
	}
	#menu #detail .left .material LI {
		float: left;
		width: 50%;
	}
	#menu #detail .left .option {
		border-spacing: 0;
	}
	#menu #detail .left .option TH {
		padding-left: 4%;
		width: 60%;
	}
	#menu #detail .left .option TD {
		padding-right: 4%;
		width: auto;
	}
	#menu .allergy {
		margin-left: 0;
		margin-right: 0;
	}
	#menu .allergy UL {
		/*margin-left: 2%;
		margin-right: 2%;*/
		margin-left: 0;
		margin-right: 0;
	}
	#menu .allergy UL.cf LI {
		width: 25%;
		margin: 0;
	}
	#menu .allergy UL.cf LI IMG {
		display: none;
	}
	#menu .allergy UL.cf LI P {
		text-align: center;
		color: #5c3400;
		font-size: 16px;
		font-weight: bold;
		border: solid 2px #5c3400;
		border-radius: 4px;
		background-color: #ffffd2;
		margin: 4px 2%;
		padding: 5px 0;
		white-space: nowrap;
		overflow: hidden;
		opacity: 0.25;
	}
	#menu .allergy UL.cf LI P.on {
		opacity: 1.0;
	}
	#menu .allergy UL.cf.allergy_b LI:nth-child(5) P,
	#menu .allergy UL.cf.allergy_b LI:nth-child(20) P {
		font-size: 12px;
		letter-spacing: -0.2em;
	}
	/* /#menus #detail */


	FOOTER A:hover,
	#footer .sitemap A:hover {
		opacity: 1.0;
	}






	.pagetop {
		right: 2%;
		bottom: 1%;
	}
	.pagetop:hover {
		/**/    opacity: 1.0;
		/**/ -o-opacity: 1.0;
		   -moz-opacity: 1.0;
		-webkit-opacity: 1.0;
	}




	#special H2 IMG {
		max-width: 100%;
	}
	#special .frame H3,
	#special .frame P {
		margin-left: 2%;
		margin-right: 2%;
	}
	#special .frame P {
		text-align: left;
	}

	#site .frame {
		width: auto;
		margin-left: 2%;
		margin-right: 2%;
	}
	#site .sitemap.frame UL.cf {
		margin-top: 0;
	}
	#site .sitemap.frame UL.cf LI.col {
		float: none;
		width: auto;
	}



	#content .company H2 {
	}
	#content .company H2 IMG {
		max-width: 100%;
	}
	#content .company P.big {
		font-size: 18px;
	}
	#content .company P {
		margin-left: 5%;
		margin-right: 5%;
		text-align: left;
	}
	#content .company .cf DIV,
	#content .company .cf DIV.img {
		float: none;
		width: auto;
		margin: 0 5%;
	}
	#content .company .cf DIV.img {
		text-align: center;
	}
	#content .company .cf DIV TABLE,
	#content .company .cf DIV.img IMG {
		margin: auto;
		max-width: 100%;
	}
	#content .company .cf DIV TABLE TH {
		width: 70px;
	}



	#site .contact P {
		font-size: 12px;
	}
	#site .contact .text {
		font-size: 14px;
	}
	#site .contact H3 P {
		padding-left: 20px;
	}
	#site .contact A.btn {
		width: 90%;
		line-height: 150%;
		padding: 5px 0;
	}
	#site .contact.frame.frame1 .edit .form TABLE.person TH,
	#site .contact.frame.frame1 .edit .form TABLE TH {
		width: auto;
		margin: auto;
		padding: 0;
		padding-left: 10px;
		text-align: left;
	}
	#site .contact.frame.frame1 .edit .form TABLE TH:before {
		top: 15px;
	}
	#site .contact.frame.frame1 .edit .form TABLE.person TH:before {
		top: 17px;
	}
	#site .contact.frame.frame1 .edit .form TABLE TD INPUT.middle {
		width: 60%;
	}
	#site .contact.frame.frame1 .edit .form TABLE TD {
		padding-left: 6%;
	}
	#site .contact.frame.frame1 .edit .form TABLE TD DIV {
		padding: 0;
		margin-bottom: 10px;
	}
	#site .contact.frame.frame1 .edit .form TABLE TD DIV B {
		display: block;
		margin-bottom: 5px;
		font-size: 14px;
	}
	#site .contact.frame.frame1 .edit .form TABLE TD DIV INPUT,
	#site .contact.frame.frame1 .edit .form TABLE TD DIV SELECT {
		margin: auto;
	}
	#site .contact.frame.frame1 .edit .form TABLE.person TD.address DIV B {
		font-size: 14px;
	}
	#site .contact.frame.frame1 .edit .form TABLE.person TD SPAN {
		display: block;
	}
	#site .contact P.ssl,
	#site .contact P.text2 {
		letter-spacing: 0;
		margin-left: -2%;
		margin-right: -2%;
	}
	#site .contact.frame.frame1 .edit .form .submit INPUT {
		width: 80%;
	}





	.frame {
		overflow: hidden;
	}
	.frame H2.mv {
		width: 800px;
		left: 50%;
		margin-left: -400px;
	}
	.frame H2.mv IMG {
		width: 100%;
	}
	.frame H2.mv B {
		width: 300px;
		left: 50%;
		margin-left: -150px;
	}
	.frame .mv_nav {
		width: auto;
		left: 0;
	}
	.frame .mv_nav UL {
		width: auto;
	}
	.frame .mv_nav UL LI {
		width: 33%;
	}
	.frame .mv_nav UL LI.long {
		width: 66%;
	}
	/*.frame .mv_nav UL LI:first-child {
		width: 34%;
	}*/
	.frame .mv_nav UL LI A {
		height: 32px;
		line-height: 32px;
		background-size: 90%;
	}
	/*.frame H2.mv B {
		font-size: 28px;
	}*/
	.frame H2.mv IMG.img129 {
		width: 100px;
		right: 50%;
		top: 100px;
		margin-right: -170px;
	}



	#tenpo #c1,
	#tenpo #c2,
	#tenpo #c3 {
		height: 50px;
	}
	#tenpo .h2 {
		font-size: 28px;
	}
	#tenpo .h2 IMG {
		margin-top: 15px;
		height: 20px;
	}
	#tenpo .shops {
		width: 92%;
		margin: auto;
	}
	#tenpo .shops LI {
		margin: 0 0 40px;
		width: 100%;
	}
	#tenpo DIV.ta_c {
		text-align: center;
	}
	#tenpo P.red {
		text-align: left;
		display: inline-block;
		margin-left: auto;
		margin-right: auto;
	}
	#gentei P.jp {
		text-align: center;
		width: 92%;
		margin-left: auto;
		margin-right: auto;
	}
	#gentei .frame IMG {
		display: block;
		max-width: 96%;
		margin-left: auto;
		margin-right: auto;
	}
	#menu H3 P {
		width: auto;
		background-size: 80%;
	}
	#menu .takeout .menus,
	#menu .menus {
		margin-left: 5%;
		margin-right: 5%;
	}
	#menu .menus LI.two {
		width: 40%;
		/*margin-left: 3%;
		margin-right: 3%;*/
	}
	#menu .menus LI IMG {
		max-width: 100%;
	}
	#menu .takeout .menus LI P {
		/*font-size: 15px;*/
	}
	#menu .menus2 LI {
		width: 80%;
		margin-left: 10%;
		margin-right: 10%;
	}
	#menu .menus3 {
		width: 96%;
		margin: auto;
	}
	#menu .menus3 UL {
		float: left;
		width: 50%;
	}
	#menu .menus3 LI {
		margin-bottom: 10px;
	}
	#menu .menus3 LI B {
		display: inline-block;
		width: 30%;
		font-size: 14px;
		vertical-align: top;
	}
	#menu .menus3 LI B:first-child {
		width: 70%;
	}
	#menu .menus3 LI B SPAN {
		font-size: 12px;
		letter-spacing: -0.1em;
	}
	#menu P.info2,
	#menu P.info3 {
		margin-left: 5%;
		margin-right: 5%;
	}
	#menu.takeout .menus2.type2 LI P {
		font-size: 18px;
		font-weight: bold;
		line-height: 150%;
	}
	#menu.takeout .menus2.type2 LI P.small {
		font-size: 14px;
		margin-top: 10px;
	}



	#kodawari .frame H2.mv DIV.img {
	}
	#kodawari .frame H2.mv DIV.img P {
		width: 100%;
	}
	#kodawari .frame H2.mv DIV.img P IMG {
		top: auto;
		bottom: 0;
		right: -140px;
		width: 460px;
	}
	#kodawari .frame H2.mv DIV.txt {
		width: 370px;
		margin: 0;
	}
	#kodawari .frame H2.mv DIV.txt IMG {
		/*left: -80px;*/
		top: 20px;
	}
	#kodawari .point1 IMG.img,
	#kodawari .point2 IMG.img,
	#kodawari .point3 IMG.img,
	#kodawari .point4 IMG.img {
		position: relative;
		height: auto;
		width: 400px;
	}
	#kodawari .point1 IMG.img,
	#kodawari .point3 IMG.img {
		float: right;
	}
	#kodawari .point2 IMG.img,
	#kodawari .point4 IMG.img {
		float: left;
	}
	#kodawari .point1 DIV,
	#kodawari .point2 DIV,
	#kodawari .point3 DIV,
	#kodawari .point4 DIV {
		position: relative;
		left: auto;
		right: auto;
		top: -100px;
		margin-bottom: -100px;
    	margin-left: 5%;
		margin-right: 0;
		width: auto;
	}
	#kodawari .point3 IMG.img,
	#kodawari .point4 IMG.img {
		display: none;
	}
	#kodawari .point3 DIV,
	#kodawari .point4 DIV {
		margin-top: 20px;
		top: 0;
		margin-bottom: 0;
	}
	#kodawari .point4 {
		background: none;
	}
	#kodawari .point.point1,
	#kodawari .point.point2,
	#kodawari .point.point3,
	#kodawari .point.point4 {
		padding-bottom: 20px;
	}
	#kodawari .point.point1 DIV H3 IMG.num,
	#kodawari .point.point2 DIV H3 IMG.num,
	#kodawari .point.point3 DIV H3 IMG.num,
	#kodawari .point.point4 DIV H3 IMG.num {
		position: relative;
		top: 0;
		left: -10px;
		right: auto;
	}
	#kodawari .point.point1 DIV H3 IMG.txt,
	#kodawari .point.point2 DIV H3 IMG.txt,
	#kodawari .point.point3 DIV H3 IMG.txt,
	#kodawari .point.point4 DIV H3 IMG.txt {
		margin-top: 20px;
		max-width: 70%;
	}
	#kodawari .point.point3 DIV H3 IMG.txt,
	#kodawari .point.point4 DIV H3 IMG.txt {
		margin-left: 80px;
		margin-top: -55px;
		max-width: 55%;
	}
	#kodawari .point.point1 DIV P,
	#kodawari .point.point2 DIV P,
	#kodawari .point.point3 DIV P,
	#kodawari .point.point4 DIV P {
		width: auto;
		font-size: 18px;
		margin-left: 0;
		margin-right: 0;
		margin-top: 20px;
		letter-spacing: -0.05em;
	}
	#kodawari .point.point1 DIV A,
	#kodawari .point.point2 DIV A,
	#kodawari .point.point3 DIV A,
	#kodawari .point.point4 DIV A {
		width: 300px;
		background-size: 100%;
		height: 56px;
		line-height: 56px;
		margin: 10px auto;
	}


	#company .about {
		width: auto;
	}
	#company .about IMG {
		float: none;
		margin: 20px auto;
	}
	#company .about TABLE {
		float: none;
		background: none;
		width: auto;
		margin: 10px 5%;
		padding: 0;
	}
	#company .about TABLE TH,
	#company .about TABLE TD {
		font-size: 14px;
	}
	#company .about TABLE TD {
		padding-right: 0;
	}
	#company .text {
		width: auto;
	}
	#company .text P {
		float: none;
		padding: 0;
		margin: 20px auto;
	}
	#company .text IMG {
		float: none;
		margin: 20px 10%;
		width: 80%;
	}
	#company H3 {
		background-size: 90%;
	}
	#company H3.long {
		letter-spacing: -0.1em;
	}
	#company .buken TABLE {
		display: block;
		margin-left: 5%;
		margin-right: 5%;
	}
	#company .buken TABLE TR {
		display: block;
	}
	#company .buken TABLE TH {
		display: block;
		font-size: 16px;
	}
	#company .buken TABLE TD {
		display: block;
		font-size: 14px;
		padding-top: 5px;
	}
	#company .buken .images {
		width: auto;
	}
	#company .buken .images .img_l,
	#company .buken .images .img_r {
		float: none;
		margin: 5px 5%;
		width: 90%;
	}
	#company .buken P.ta_l {
		margin-left: 10%;
	}

	#privacy .frame H3 {
		margin: 10px 5%;
		font-size: 20px;
		line-height: 120%;
	}
	#privacy .frame P {
		margin: 10px 5%;
		font-size: 16px;
	}
	#privacy .frame UL {
		margin-left: 5%;
		margin-right: 5%;
	}
	#privacy .frame UL.num {
		margin-left: 10%;
	}
	#privacy .frame UL.num LI {
		font-size: 13px;
	}

	#site .frame H2 {
		margin-bottom: 0;
	}
	#site .sitemap.frame DIV.inner.cf {
		margin: auto;
	}
	#site .sitemap.frame UL.cf {
		float: none;
		width: 90%;
		margin-left: 5%;
		margin-right: 5%;
	}



	BODY#menu #header NAV LI.nav_menu A B.sp,
	BODY#shop #header NAV LI.nav_shop A B.sp,
	BODY.member_guide #header NAV LI.nav_member_guide A B.sp,
	BODY.member_mypage #header NAV LI.login A B.sp {
		color: #fff;
	}



	IMG.image {
		display: block;
		max-width: 100%;
	}






	.takeout_ul_flex_none{
		display: block;
	}

	.sp_takeout_h3_size{
		font-size: 22px !important;
	}
	.sp_flag_takeout{
		display: none;
	}
	.sp_flag_takeout2{
		display: inline;
	}
	.pc {
		display: none !important;
	}
}
@media screen and (max-width: 340px) {
}
@media print, screen and (min-width: 768px) {
	#shop #detail .area .left {
		min-height: 450px;
	}
	#menu #detail .left {
		min-height: 500px;
	}
	#menu #detail .right FIGURE IMG {
		max-height: 500px;
	}

	#footer .sitemap A {
		position: relative;
		display: block;
	}
	#footer .sitemap A:before {
		display: block;
		content: "";
    	position: absolute;
    	-webkit-transform: rotate(45deg);
    	transform: rotate(45deg);
    	top: 50%;
		left: -13px;
    	width: 10px;
    	height: 10px;
    	margin-top: -5px;
    	background: #570f12;
	}
	#footer .sitemap A:after {
		display: block;
		content: "";
    	position: absolute;
    	top: 50%;
    	left: -20px;
    	width: 14px;
    	height: 14px;
    	margin-top: -7px;
    	background: #000;
	}
	#footer .sitemap H2 A:before {
    	left: -15px;
	}
	#footer .sitemap H2 A:after {
    	left: -24px;
	}
	#footer .sitemap .col UL {
    	padding-top: 0;
		padding-left: 5px;
	}
	#footer .sitemap .col UL LI {
    	padding-top: 2px;
	}

	#kodawari .frame H2.mv {
		min-width: 1200px;
	}
	#kodawari .frame H2.mv DIV.img P IMG {
		min-width: 600px;
	}





	.sp {
		display: none !important;
	}
}
@media print {
	BODY {
		-webkit-print-color-adjust: exact;
	}
}