@charset "utf-8";

* {
	padding: 0;
	margin: 0;
	font-style: normal;
	list-style: none;
	text-decoration: none;
}

.cf:before,.cf:after {content:"";display:table;}.cf:after {clear:both;}.cf {zoom:1;}

BODY {
	font-size: 12px;
	color: #333333;
	line-height: 18px;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	/*font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Noto Sans Japanese", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, Meiryo, sans-serif;*/
	/*font-family:"Century Gothic", "ヒラギノ角ゴ Pro W3", Osaka, "ＭＳ Ｐゴシック";
	_font-family:ＭＳ Ｐゴシック,"Century Gothic", "ヒラギノ角ゴ Pro W3", Osaka, "ＭＳ Ｐゴシック";
	*font-family:ＭＳ Ｐゴシック,"Century Gothic", "ヒラギノ角ゴ Pro W3", Osaka, "ＭＳ Ｐゴシック";*/
}

#container {
	width: 100%;
	padding-top: 90px;
	background: url('../img/bg.png') repeat;
}

#header,
#main,
#footer .container {
	/*max-width: 1000px;
	width: 100%;*/
	width: 1000px;
	margin: auto;
}



FIGURE {
	overflow: hidden;
	display: block;
}
FIGURE IMG {
	display: block;
	/*-webkit-transform: scale(1);
    transform: scale(1);*/
	/**/    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;
}
A:hover FIGURE IMG {
	/**/    transform: scale(1.1);
 	/**/ -o-transform: scale(1.1);
	   -moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
}





BODY {
	position: relative;
}
HEADER {
}
HEADER #header_area {
	position: fixed;
	z-index: 3;
	width: 100%;
	background-color: #000;
	display: block;
}
HEADER #header_area #header {
	overflow: hidden;
}
H1 A {
	display: block;
	/**/    transition: 0.2s ease-in-out;
	/**/ -o-transition: 0.2s ease-in-out;
	   -moz-transition: 0.2s ease-in-out;
	-webkit-transition: 0.2s ease-in-out;
}
H1 A:hover {
	/**/    opacity: 0.5;
	/**/ -o-opacity: 0.5;
	   -moz-opacity: 0.5;
	-webkit-opacity: 0.5;
}
#header {
	margin: auto;
	height: 90px;
}
#header H1 {
	width: 27%;
	float: left;
	margin-top: 10px;
	margin-bottom: 10px;
}
#header H1 IMG {
	display: block;
	max-width: 100%;
}
#header NAV {
	width: 73%;
	float: right;
	display: block;
	margin-top: 12px;
}
#header NAV LI {
	display: table;
	margin-left: 6px;
	float: left;
}
#header NAV LI A {
	display: table-cell;
	vertical-align: middle;
	width: 140px;
	height: 52px;
	padding: 4px 0;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
}
#header NAV LI A {
	/**/    transition: 0.2s ease-in-out;
	/**/ -o-transition: 0.2s ease-in-out;
	   -moz-transition: 0.2s ease-in-out;
	-webkit-transition: 0.2s ease-in-out;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
#header NAV LI A:hover {
	color: #cca300;
}







FOOTER {
	display: block;
}
FOOTER A {
	/**/    transition: 0.2s ease-in-out;
 	/**/ -o-transition: 0.2s ease-in-out;
	   -moz-transition: 0.2s ease-in-out;
	-webkit-transition: 0.2s ease-in-out;
}
FOOTER A:hover {
	/**/    opacity: 0.5;
	/**/ -o-opacity: 0.5;
	   -moz-opacity: 0.5;
	-webkit-opacity: 0.5;
}
#footer {
	margin: auto;
	background-color: #fff;
}
#footer .cf {
	padding: 22px 14px;
}
#footer .cf.f1 {
	text-align: center;
}
#footer .sns {
	float: none;
	padding: 0;
	display: inline-block;
}
#footer .sns LI {
	float: left;
	margin-top: 17px;
	margin-right: 12px;
	overflow: hidden;
}
#footer .sns LI.sns_twitter {
	margin-top: 8px;
	margin-bottom: 17px;
}
#footer .sns LI.sns_twitter A {
	display: block;
	text-align: center;
}
#footer .sns LI.sns_twitter A IMG {
	display: inline-block;
	width: 42px;
	height: 42px;
	border-radius: 8px;
}
#footer .sns LI.sns_twitter SPAN {
	display: block;
	line-height: 100%;
	color: #333;
	font-size: 10px;
}
#footer .sns LI.sns_fb_share {
	width: 75px;
	height: 28px;
	margin-top: 14px;
}
#footer .sns LI.sns_fb_like {
	width: 72px;
	/*height: 20px;*/
	height: 28px;
}
#footer .sns LI.sns_tweet {
	width: 75px;
	height: 20px;
}
#footer .sns LI.sns_line {
	width: 82px;
	height: 20px;
}
#footer .sns LI.sns_line IFRAME {
	width: 100% !important;
	height: 100% !important;
}
#footer .gontaro {
	float: right;
}
#footer .gontaro IMG {
	display: block;
}
#footer .sitemap {
	background-color: #000;
	padding: 55px 5%;
}
#footer .sitemap .container {
}
#footer .sitemap .col {
	float: left;
	margin-left: 2%;
	width: 14%;
	text-align: left;
	font-family: "Yu Gothic", YuGothic;
}
#footer .sitemap H2 {
	margin-top: 8px;
	margin-bottom: 8px;
	font-size: 16px;
}
#footer .sitemap H2.small {
	font-size: 14px;
	font-weight: normal;
}
#footer .sitemap A {
	color: #fff;
	line-height: 150%;
}
#footer .sitemap H2.mt30,
#footer .sitemap .mt30 {
	margin-top: 30px;
}
#footer .logo,
#footer .copy {
	float: left;
	width: 50%;
}
#footer .logo {
	margin-top: 10px;
}
#footer .copy {
	text-align: right;
	padding: 28px 0;
}
#footer .cf.bottom {
	width: auto;
	margin: 0;
	padding: 0 6px;
	background-color: #fff;
}
#footer .cf.bottom A {
	display: block;
}





MAIN {
	display: block;
	background-image: url('http://www.gontarosushi.com/_common/img/bg_tile.png');
}

.jp {
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

.frame H3.h2,
.frame H2 {
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size: 32px;
	font-weight: bold;
	text-align: center;
	line-height: 150%;
	background: url('../img/border.png') repeat-x bottom;
	padding-bottom: 10px;
	margin-bottom: 20px;
}
.frame H2.mv {
	position: relative;
	background: none;
	left: -100px;
	margin-bottom: 0;
	padding-bottom: 0;
}
.frame H2.mv B {
	width: 400px;
	display: block;
	margin-left: 400px;
	line-height: 70px;
	position: absolute;
	color: #fff;
	background: url('../img/border.png') repeat-x bottom;
	top: 50%;
	margin-top: -35px;
	/**/    text-shadow: 0px 0px 5px #000;
	/**/ -o-text-shadow: 0px 0px 5px #000;
	/**/-ms-text-shadow: 0px 0px 5px #000;
	   -moz-text-shadow: 0px 0px 5px #000;
	-webkit-text-shadow: 0px 0px 5px #000;
}
.frame H2.mv IMG {
	position: relative;
	display: block;
}
.frame H2.mv IMG.img129 {
	position: absolute;
	display: block;
	right: -100px;
	top: 70px;
}
.frame .mv_nav {
	position: relative;
	left: -100px;
	width: 1200px;
	background-color: #333;
}
#tenpo .frame .mv_nav,
#menu .frame .mv_nav {
	margin-top: 0;
}
.frame .mv_nav UL {
	margin: auto;
	width: 1200px;
	text-align: center;
}
.frame .mv_nav UL LI {
	position: relative;
	float: left;
	width: 399px;
	background-color: #555;
	padding-top: 4px;
	padding-bottom: 4px;
	border-left: solid 1px #444;
	/**/    transition: 0.2s ease-in-out;
 	/**/ -o-transition: 0.2s ease-in-out;
	/**/-ms-transition: 0.2s ease-in-out;
	   -moz-transition: 0.2s ease-in-out;
	-webkit-transition: 0.2s ease-in-out;
}
.frame .mv_nav UL LI.long {
	width: 799px;
}
.frame .mv_nav UL LI A {
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	height: 46px;
	line-height: 46px;
	border-top: solid 2px #b79762;
	border-bottom: solid 2px #b79762;
	display: block;
	position: relative;
	background: url('../img/mv_nav_bg.png') no-repeat center center;
}
.frame .mv_nav UL LI:hover,
.frame .mv_nav UL LI.on {
	/*width: 334px;*/
	background-color: #6c0002;
	/*border-left: none;*/
}
.frame .mv_nav UL LI.on A {
}
#menu .frame .mv_nav {
	margin-left: 0;
}



#menu P.jp,
#gentei P.jp {
	font-size: 16px;
	font-weight: bold;
	margin: 20px 40px;
	line-height: 180%;
}

#kodawari .pankuzu,
#menu .pankuzu,
#tenpo .pankuzu {
	position: absolute;
	color: #fff;
	z-index: 2;
	/**/    text-shadow: 0px 0px 5px #000;
	/**/ -o-text-shadow: 0px 0px 5px #000;
	/**/-ms-text-shadow: 0px 0px 5px #000;
	   -moz-text-shadow: 0px 0px 5px #000;
	-webkit-text-shadow: 0px 0px 5px #000;
}
#tenpo .mv_bg {
	position: absolute;
	left: 0;
	/*top: 0;*/
	width: 100%;
	height: 340px;
	background: url('../img/tenpo/mv_bg.jpg') no-repeat center;
	background-size: cover;
	border-bottom: solid 60px #333;
}
#kodawari .pankuzu A,
#menu .pankuzu A,
#tenpo .pankuzu A {
	color: #fff;
}
#kodawari .frame,
#menu .frame,
#tenpo .frame {
	position: relative;
}
#tenpo .frame .info {
	text-align: center;
	margin: 10px auto 20px;
}
#tenpo .h2 {
	position: relative;
}
#tenpo .h2 IMG {
	position: absolute;
	right: 5px;
}
#tenpo .shops {
	margin: 20px -15px;
	/*margin-left: 60px;*/
	margin-top: 40px;
	margin-bottom: 0;
	color: #000;
}
#tenpo #c1,
#tenpo #c2,
#tenpo #c3 {
	height: 90px;
	margin: 0;
	border: none;
}
#tenpo .shops LI {
	/*margin-left: 40px;
	margin-top: 20px;
	margin-bottom: 20px;
	width: 370px;*/
	margin: 20px 15px 40px;
	padding: 0 5px;
	width: 475px;
	float: left;
}
#tenpo .shops LI H4,
#tenpo .shops LI P {
	border-bottom: solid 1px #999;
}
#tenpo .shops LI H4 {
	font-size: 24px;
	padding-bottom: 10px;
	line-height: 20px;
	position: relative;
	padding-left: 15px;
}
#tenpo .shops LI H4:before {
	position: absolute;
	content: "";
	display: block;
	top: -4px;
	left: 0;
	width: 8px;
	height: 26px;
	background: #9b0002;
}
#tenpo .shops LI H4 B {
	font-size: 16px;
	margin-left: 5px;
}
#tenpo .shops LI H4 B.red {
	color: #f00;
}
#tenpo .shops LI H4 A {
	float: right;
	color: #fff;
	font-size: 14px;
	line-height: 18px;
	background-color: #6c0002;
	padding: 0 4px;
	/**/    border-radius: 4px;
	/**/ -o-border-radius: 4px;
	   -moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
#tenpo .shops LI P {
	line-height: 150%;
	font-size: 16px;
	padding-top: 10px;
	padding-bottom: 10px;
}
#tenpo P.red {
	/*width: 800px;*/
	color: #f00;
	margin: 80px auto 40px;
	font-weight: bold;
}
#tenpo #main {
	padding-bottom: 0;
}

#menu .jp {
	text-align: center;
}
#menu H3 {
	border-bottom: solid 1px #aaa;
	margin-bottom: 20px;
	margin-top: 40px;
}
#menu H3 P {
	width: 400px;
	margin: auto;
	background: url('../img/price_bg.png') no-repeat center center;
	text-align: center;
	line-height: 150%;
}
#menu H3 P {
	font-size: 18px;
}
#menu H3 P B {
	font-size: 25px;
}
#menu H3 P SPAN {
	font-size: 12px;
}
#menu .menus {
	margin-left: -24px;
	color: #000;
}
#menu .menus LI {
	float: left;
	width: 232px;
	margin-left: 24px;
	text-align: center;
}
#menu .menus LI IMG {
	display: block;
}
#menu .menus LI P {
	margin: 10px auto 30px;
	font-size: 13px;
}
#menu .menus2 {
	font-size: 14px;
	color: #000;
}
#menu .menus2 LI {
	float: left;
	width: 460px;
	margin: 20px;
}
#menu .menus2 LI IMG {
	width: 100%;
	display: block;
}
#menu .menus2 LI P.big {
	font-size: 17px;
	margin-top: 10px;
	margin-bottom: 0;
	line-height: 150%;
}
#menu .menus2 LI P.mid {
	font-size: 17px;
	margin-bottom: 10px;
}
#menu .menus3 {
	width: 500px;
	margin: auto;
	color: #000;
}
#menu .menus3 UL {
	float: left;
	width: 50%;
}
#menu .menus3 LI {
	margin-bottom: 10px;
}
#menu .menus3 LI B {
	display: inline-block;
	width: 30%;
	font-size: 16px;
}
#menu .menus3 LI B:first-child {
	width: 70%;
}
#menu .menus3 LI B SPAN {
	font-size: 12px;
	letter-spacing: -0.1em;
}
#menu P.info2 {
	width: 500px;
	margin: 30px auto 0;
	font-size: 18px;
}
#menu P.info3 {
	width: 500px;
	margin: 20px auto;
}
#menu .mv_bg {
	position: absolute;
	left: 0;
	/*top: 0;*/
	width: 100%;
	height: 340px;
	background: url('../img/menu/mv_bg.jpg') no-repeat center;
	background-size: cover;
	border-bottom: solid 60px #333;
}
#menu.takeout .mv_bg {
	position: absolute;
	left: 0;
	/*top: 0;*/
	width: 100%;
	height: 340px;
	background: url('../img/takeout/mv_bg.jpg') no-repeat center;
	background-size: cover;
	border-bottom: solid 60px #333;
}
#menu .takeout .menus2 LI IMG {
	width: 70%;
	margin: auto;
}
#menu .takeout P.jp {
	margin-left: 0;
	margin-right: 0;
}
#menu .takeout P.small {
	text-align: center;
	font-weight: bold;
}
#menu .takeout .menus {
	margin-left: 5px;
}
#menu .takeout .menus LI {
	float: left;
	width: 310px;
	margin-left: 10px;
	margin-right: 10px;
	text-align: left;
}
#menu .takeout .menus LI P {
	font-size: 20px;
	font-weight: bold;
	line-height: 120%;
	margin-top: 0;
}
#menu .takeout .menus2 LI P {
	font-size: 20px;
	font-weight: bold;
	line-height: 120%;
	margin-top: 10px;
}
#menu .takeout .menus2.type2 LI {
	width: 390px;
	margin: 0 40px;
}
#menu .takeout .menus2.type2 LI P {
	text-align: left;
	margin: 20px 10px 0;
}
#menu .takeout .menus2.type2 LI P.small {
	font-size: 14px;
}

#kodawari #main {
	width: auto;
}
#kodawari #main .pankuzu {
	left: 50%;
	margin-left: -500px;
	width: 1000px;
}
#kodawari .frame H2.mv {
	margin-left: auto;
	margin-right: auto;
	left: 0;
	width: auto;
	overflow: hidden;
}
#kodawari .frame H2.mv DIV.img {
	position: absolute;
	top: -25px;
	left: 0;
	width: 100%;
	height: 520px;
	background-color: #fff;
	/*background: url('../img/kodawari/mv_bg.jpg') no-repeat center;*/
	/*background-size: cover;*/
	background-color: #0b0604;
}
#kodawari .frame H2.mv DIV.img P {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	height: 520px;
	background-color: #0b0604;
}
#kodawari .frame H2.mv DIV.img P IMG {
	position: absolute;
	right: -5px;
	top: 0;
	width: 50%;
}
#kodawari .frame H2.mv DIV.txt {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width: 1200px;
	height: 520px;
	/*overflow: hidden;*/
}
#kodawari .frame H2.mv DIV.txt IMG {
	position: relative;
	top: -5px;
	left: -80px;
}
#kodawari .points {
	margin-top: -25px;
}
#kodawari .point {
	position: relative;
}
#kodawari .point2,
#kodawari .point4 {
	background-color: #fff;
}
#kodawari .point IMG {
	display: block;
}
#kodawari .point1 IMG.img,
#kodawari .point3 IMG.img {
	margin-left: auto;
}
#kodawari .point2 IMG.img,
#kodawari .point4 IMG.img {
	margin-right: auto;
}
#kodawari .point DIV {
	position: absolute;
	width: 1000px;
	top: 90px;
}
#kodawari .point1 DIV,
#kodawari .point3 DIV {
	left: 50%;
	margin-left: -500px;
}
#kodawari .point2 DIV,
#kodawari .point4 DIV {
	right: 50%;
	margin-right: -600px;
	width: 1200px;
}
#kodawari .point DIV H3 {
	position: relative;
	width: 400px;
}
#kodawari .point.point2 DIV P,
#kodawari .point.point4 DIV P,
#kodawari .point.point2 DIV H3,
#kodawari .point.point4 DIV H3 {
	width: 460px;
}
#kodawari .point.point3 DIV H3 {
	width: 450px;
}
#kodawari .point DIV H3 IMG.num {
	position: absolute;
	right: 0;
	top: -40px;
}
#kodawari .point2 DIV H3,
#kodawari .point4 DIV H3,
#kodawari .point2 DIV P,
#kodawari .point4 DIV P {
	margin-left: auto;
}
#kodawari .point DIV H3 IMG.txt {
	margin-top: 40px;
}
#kodawari .point.point3 DIV H3 IMG.num {
	top: -60px;
}
#kodawari .point.point2 DIV H3 IMG.num,
#kodawari .point.point4 DIV H3 IMG.num {
	right: auto;
	left: -100px;
}
#kodawari .point.point3 DIV H3 IMG.txt {
	margin-top: 60px;
}
#kodawari .point DIV P {
	font-size: 16px;
	font-weight: bold;
	line-height: 200%;
	margin-top: 50px;
}
#kodawari .point DIV A {
	display: block;
	text-align: center;
	width: 374px;
	height: 69px;
	line-height: 69px;
	color: #fff;
	font-size: 20px;
	margin-top: 50px;
	background: url('../img/kodawari/btn_bg.png') no-repeat;
}
#company .about {
	width: 760px;
	margin: 20px auto;
}
#company .about IMG {
	display: block;
	float: left;
	margin-right: 25px;
}
#company .about TABLE {
	float: right;
	background-color: #fff;
	width: 470px;
	padding: 28px 20px;
	border-spacing: 0;
}
#company .about TABLE TH,
#company .about TABLE TD {
	font-size: 16px;
	font-weight: bold;
	vertical-align: top;
	padding: 11px 10px;
	line-height: 200%;
	border-bottom: solid 2px #999;
}
#company .about TABLE TR:first-child TH,
#company .about TABLE TR:first-child TD {
	border-top: solid 2px #999;
}
#company H3 {
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	line-height: 150%;
	padding: 10px 0;
	margin-top: 40px;
	margin-bottom: 10px;
	background: url('../img/company/h3_bg.png') no-repeat center bottom;
}
#company P {
	font-size: 16px;
	text-align: center;
	font-weight: bold;
	line-height: 200%;
	margin: 20px auto;
}
#company .text {
	width: 840px;
	margin-left: auto;
	margin-right: auto;
}
#company .text P {
	float: left;
	margin-top: 50px;
	padding-left: 100px;
}
#company .text IMG {
	float: right;
}
#company .buken TABLE {
	margin-left: auto;
	margin-right: auto;
}
#company .buken TABLE TH {
	color: #f00;
	padding-right: 20px;
	text-align: left;
}
#company .buken TABLE TH,
#company .buken TABLE TD {
	padding-top: 20px;
}
#company .buken TABLE TH P,
#company .buken TABLE TD P{
	margin: 0;
	line-height: 100%;
}
#company .buken .images {
	width: 1000px;
	margin-top: 40px;
}
#company .buken .images .img_l {
	float: left;
}
#company .buken .images .img_r {
	float: right;
}
#company .buken P.ta_l {
	text-align: left;
	width: 420px;
	margin-left: auto;
	margin-right: auto;
}
#privacy #container {
	background: none;
}
#privacy .frame UL,
#privacy .frame P,
#privacy .frame H3 {
	margin: 20px 50px;
}
#privacy .frame P {
	margin-top: 10px;
	line-height: 150%;
}
#privacy .frame UL P {
	margin-left: 20px;
	margin-right: 0;
}
#privacy .frame H3 {
	color: #6f4b21;
	font-size: 18px;
	border-bottom: solid 2px #999;
	padding: 10px 5px;
	margin-top: 40px;
	margin-bottom: 10px;
}
#privacy .frame H4 {
	color: #6f4b21;
	font-size: 16px;
}
#privacy .frame UL.num LI {
	list-style: decimal;
	padding-left: 20px;
	margin-bottom: 10px;
}
#privacy .frame UL.num {
	margin-left: 70px;
}



#boxes {
	margin-left: -12px;
	/*overflow: hidden;*/
}
#boxes .box1,
#boxes .box2 {
	display: block;
	float: left;
	margin-left: 12px;
	margin-top: 12px;
	/**/    box-shadow:0.5px 0.5px 8px #999;
	/**/ -o-box-shadow:0.5px 0.5px 8px #999;
	   -moz-box-shadow:0.5px 0.5px 8px #999;
	-webkit-box-shadow:0.5px 0.5px 8px #999;
}
#boxes .box1 {
	width: 322px;
}
#boxes .box2 {
	width: 48.5%;
}
#boxes A IMG,
#boxes DIV IMG {
	display: block;
	max-width: 100%;
}
#boxes A {
	position: relative;
}
#boxes A IMG.txt {
	position: absolute;
	top: 0;
	left: 0;
}
#boxes .box {
	position: relative;
	width: 100%;
	height: 288px;
}
#boxes .box:before {
	content: "";
	display: block;
}
#boxes .box1 .box:before {
	padding-top: 100%;
}
#boxes .box2 .box:before {
	padding-top: 48.3%;
}
#boxes .box .content {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	overflow: hidden;
}
#boxes .box .content H3 {
	line-height: 32px;
	font-weight: bold;
	font-size: 16px;
	background-color: #16526f;
	/*border-bottom: solid 1px #ddd;*/
	color: #fff;
	padding-left: 20px;
}
#boxes .box .content H3 SPAN {
	font-size: 20px;
	line-height: 38px;
}
#boxes .box .content H3 A {
	color: #333;
	text-decoration: underline;
}
#boxes .box .content H3 A:hover {
	text-decoration: none;
	position: relative;
}
#boxes .box .twitter,
#boxes .box .news {
	/*overflow-y: scroll;*/
	background-color: #fff;
}
#boxes .box .news {
	overflow-y: scroll;
	position: absolute;
	top: 32px;
	left: 0;
	right: 0;
	bottom: 0;
}
#boxes .box .news LI {
	border-bottom: dashed 1px #ddd;
	position: relative;
}
#boxes .box .news SPAN,
#boxes .box .news B {
	position: relative;
	display: inline-block;
	font-size: 14px;
	font-weight: normal;
}
#boxes .box .news SPAN {
	padding-right: 15px;
	/*position: absolute;*/
}
#boxes .box .news B {
	/*margin-left: 85px;*/
}
#boxes .box .news .line {
	padding: 15px;
	display: block;
	color: #333;
	position: relative;
	/**/    transition: 0.2s ease-in-out;
 	/**/ -o-transition: 0.2s ease-in-out;
	   -moz-transition: 0.2s ease-in-out;
	-webkit-transition: 0.2s ease-in-out;
}
#boxes .box .news .line I {
	position: absolute;
	background-color: #cca300;
	display: block;
	top: 0;
	left: 0;
	right: 100%;
	bottom: 0;
	/**/    transition: 0.2s ease-in-out;
 	/**/ -o-transition: 0.2s ease-in-out;
	   -moz-transition: 0.2s ease-in-out;
	-webkit-transition: 0.2s ease-in-out;
}
#boxes .box .news A.line:hover {
	color: #fff;
}
#boxes .box .news A.line:hover I {
	color: #fff;
	right: 0;
}

.pankuzu {
	padding: 10px;
}
.pankuzu LI {
	float: left;
	margin-right: 5px;
}
.pankuzu A {
	margin-right: 5px;
	text-decoration: underline;
	color: #333;
}
.pankuzu A:hover {
	text-decoration: none;
}





#slider {
	width: 100%;
	overflow: hidden;
	border-bottom: solid 6px #cca300;
	background-color: #fff;
	/*background: url('../img/home/mv_bg.jpg') no-repeat center;
	background-size: cover;*/
}
#slider UL.pc {
	position: relative;
	/*left: 50%;
	margin-left: -100%;
	width: 300%;*/
	overflow: hidden;
	width: 100%;
}
#slider UL.pc LI {
	position: absolute;
	text-align: center;
}
#slider UL.pc LI:first-child {
	position: relative;
}
#slider UL.pc A,
#slider UL.pc IMG {
	display: block;
	width: 100%;
	margin: auto;
}




#main {
	padding-bottom: 74px;
}
#home #main {
	background: none;
}





#special .frame {
	text-align: center;
	margin-bottom: 100px;
}
#special .frame H3 {
	display: inline-block;
	padding: 40px 2px 15px;
	color: #b27200;
	font-size: 26px;
	font-weight: normal;
	border-bottom: solid 2px #beb1a5;
	line-height: 150%;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
#special .frame P {
	margin: 10px auto;
	font-size: 14px;
	line-height: 200%;
}
#special .frame P A {
	color: #333;
}
#special .frame P A:hover {
	text-decoration: underline;
}



#site .frame {
	width: 850px;
	margin: 40px auto;
}
#site H2,
#site H3,
#site H4 {
	color: #583418;
}
#site H3 {
	font-size: 20px;
	font-weight: bold;
	border-bottom: solid 2px #a49284;
	line-height: 100%;
	padding: 0 5px 10px;
	margin-top: 40px;
}
#site H4 {
	font-size: 16px;
	font-weight: bold;
	line-height: 100%;
	padding: 0 5px 10px;
	margin-top: 20px;
}
#site p {
	font-size: 14px;
	line-height: 200%;
	margin-top: 10px;
}

#site .sitemap.frame DIV.inner.cf {
	margin: 30px auto;
}
#site .sitemap.frame UL.cf {
	float: left;
	width: 46%;
	margin: 20px 2% 0;
}
#site .sitemap.frame H3 {
	border-bottom: dotted 2px #a49284;
}
#site .sitemap.frame H3 A {
	display: block;
	color: #583418;
	font-size: 22px;
	position: relative;
	padding-left: 20px;
	line-height: 30px;
}
#site .sitemap.frame H3 A:before {
	display: block;
	content: "";
	position: absolute;
	/**/    transform: rotate(45deg);
	/**/ -o-transform: rotate(45deg);
	   -moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	top: 50%;
	left: -6px;
	width: 12px;
	height: 12px;
	margin-top: -6px;
	/*background: #a49284;*/
	background: #570f12;
}
#site .sitemap.frame H3 A:after {
	display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: -16px;
    width: 16px;
    height: 16px;
    margin-top: -8px;
    background: #f9f8f6;
}
#site .sitemap.frame LI.col.mt30 {
	margin-top: 80px;
}
#site .sitemap.frame LI.col UL A {
	display: block;
	color: #583418;
	font-size: 16px;
	position: relative;
	padding-left: 30px;
	line-height: 40px;
	margin-top: 10px;
}
#site .sitemap.frame A:hover {
	opacity: 0.5;
}






#fc .contact H2,
#fc .faq H2 {
	background: #eddfb5;
	border: none;
	color: #583418;
	font-size: 20px;
	padding: 15px 2%;
	margin-top: 0;
	margin-bottom: 40px;
}
#site .faq H3 {
	background: #eddfb5;
	border: none;
	padding: 5px 2%;
	margin-top: 60px;
	margin-bottom: 40px;
}
.faq LI {
	padding-bottom: 40px;
	margin-bottom: 40px;
	border-bottom: solid 2px #ddd;
	padding-left: 80px;
}
#fc .faq H4,
#site .faq H4 {
	padding: 0;
	display: block;
	color: #583418;
	margin-bottom: 30px;
	line-height: 60px;
	font-size: 16px;
	position: relative;
}
.faq H4:before {
	position: absolute;
	left: -70px;
	content: "Q";
	display: block;
	background: #583418;
	color: #fff;
	font-weight: normal;
	font-size: 24px;
	width: 60px;
	height: 60px;
	line-height: 56px;
	text-align: center;
	/**/    border-radius: 30px;
	/**/ -o-border-radius: 30px;
	   -moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.faq LI P {
	position: relative;
	font-size: 14px;
	line-height: 200%;
	margin-top: 10px;
}
.faq LI P:before {
	position: absolute;
	left: -62px;
	content: "A";
	display: block;
	background: #ff8600;
	color: #fff;
	font-weight: normal;
	font-size: 18px;
	width: 44px;
	height: 44px;
	line-height: 44px;
	text-align: center;
	/**/    border-radius: 22px;
	/**/ -o-border-radius: 22px;
	   -moz-border-radius: 22px;
	-webkit-border-radius: 22px;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.faq P A {
	color: #00f;
}
.faq P A:hover {
	opacity: 0.5;
}



#content .company P.big {
	margin: 40px auto 45px;
	font-size: 21px;
	line-height: 210%;
	letter-spacing: 0.05em;
	text-align: center;
}
#content .company P {
	margin: 25px auto 30px;
	font-size: 14px;
	line-height: 220%;
	/*letter-spacing: 0.05em;*/
	text-align: center;
}
#content .company H3 {
	padding-top: 5px;
	text-align: center;
	font-size: 22px;
	font-weight: bold;
	margin-bottom: 35px;
	line-height: 100%;
}
#content .company H3 IMG {
	display: block;
	margin: auto;
	margin-bottom: 18px;
}
#content .company P.text {
	margin: 0 auto 40px;
	font-weight: bold;
	font-size: 16px;
	line-height: 290%;
	/*letter-spacing: 0.05em;*/
	text-align: center;
}
#content .company .cf DIV {
	float: right;
	width: 50%;
	margin-top: 10px;
}
#content .company .cf DIV.img {
	float: left;
	text-align: right;
	margin-top: 15px;
}
#content .company .cf DIV.img IMG {
	margin-right: 6%;
}
#content .company .cf DIV TABLE {
	margin-left: 6%;
	width: 100%;
	border-spacing: 0;
}
#content .company .cf DIV TABLE TH,
#content .company .cf DIV TABLE TD {
	font-size: 14px;
	padding-bottom: 20px;
	vertical-align: top;
	line-height: 180%;
}
#content .company .cf DIV TABLE TH {
	width: 17%;
	font-weight: normal;
	text-align: left;
}
#content .company .cf DIV TABLE TD {
}

#site .contact .text {
}
#site .contact .text {
	font-size: 16px;
	margin-top: 20px;
	margin-bottom: 20px;
}
#site .contact A.btn {
	background: #ff8600;
	color: #fff;
	font-size: 15px;
	font-weight: bold;
	line-height: 42px;
	letter-spacing: 0.2em;
	/**/    border-radius: 4px;
	/**/ -o-border-radius: 4px;
	   -moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-webkit-appearance: none;
	width: 60%;
	margin: 25px auto;
	display: block;
	text-align: center;
}
#site .contact H3 {
	padding: 1px 0;
	margin: auto;
	width: auto;
	position: relative;
	border: none;
}
#site .contact H3:before {
	content: "";
	position: absolute;
	display: block;
	background: #583418;
	width: 10px;
	left: 0;
	top: 0;
	bottom: 0;
}
#site .contact H3 P {
	font-size: 17px;
	line-height: 100%;
	padding-left: 3%;
	color: #333;
}
#site .contact H3 P.red {
	font-weight: normal;
	font-size: 12px;
	color: #f00;
	margin-top: 10px;
	margin-bottom: 15px;
}
#site .contact P.text2 {
	text-align: center;
	font-size: 15px;
	font-weight: bold;
	letter-spacing: 0.1em;
}
#site .contact P.ssl {
	font-weight: bold;
	font-size: 12px;
	text-align: center;
	line-height: 100%;
}
#site .contact.frame.frame1 .edit {
	width: 94%;
	margin: auto;
}
#fc .content.contact.frame.frame1 .edit .form .submit,
#site .contact.frame.frame1 .edit .form .submit {
	margin-top: 30px;
	text-align: center;
}
#fc .content.contact.frame.frame1 .edit .form .submit INPUT,
#site .contact.frame.frame1 .edit .form .submit INPUT {
	background: #ffd880;
	font-size: 15px;
	font-weight: bold;
	line-height: 60px;
	letter-spacing: 0.1em;
	/**/    border-radius: 4px;
	/**/ -o-border-radius: 4px;
	   -moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-webkit-appearance: none;
	width: 40%;
	border: none;
}
#fc .content.contact.frame.frame1 .edit .form,
#site .contact.frame.frame1 .edit .form {
	width: auto;
	margin-top: 20px;
}
#fc .content.contact.frame.frame1 .edit .form TABLE TH,
#site .contact.frame.frame1 .edit .form TABLE TH {
	font-weight: bold;
	font-size: 15px;
	width: 30%;
	padding: 20px 2%;
	padding-right: 0;
	line-height: 200%;
	vertical-align: middle;
}
#fc .content.contact.frame.frame1 .edit .form TABLE TD,
#site .contact.frame.frame1 .edit .form TABLE TD {
	padding: 15px 2%;
	font-size: 16px;
}
#fc .content.contact.frame.frame1 .edit .form TABLE TD INPUT,
#site .contact.frame.frame1 .edit .form TABLE TD INPUT {
	border: solid 1px #999;
	width: 80%;
	margin: 0;
	font-size: 16px;
	line-height: 32px;
	padding-left: 1%;
}
#fc .content.contact.frame.frame1 .edit .form TABLE TD DIV,
#site .contact.frame.frame1 .edit .form TABLE TD DIV {
	padding: 10px 0;
}
#fc .content.contact.frame.frame1 .edit .form TABLE TD DIV INPUT,
#site .contact.frame.frame1 .edit .form TABLE TD DIV INPUT {
	margin-left: 5%;
}
#fc .content.contact.frame.frame1 .edit .form TABLE TD DIV SELECT,
#site .contact.frame.frame1 .edit .form TABLE TD DIV SELECT {
	margin-left: 2%;
}
#fc .content.contact.frame.frame1 .edit .form TABLE TD TEXTAREA,
#site .contact.frame.frame1 .edit .form TABLE TD TEXTAREA {
	width: 90%;
	height: 100px;
	padding-left: 1%;
	padding-top: 5px;
}
#fc .content.contact.frame.frame1 .edit .form TABLE TH SPAN,
#site .contact.frame.frame1 .edit .form TABLE TH SPAN {
	font-size: 12px;
	line-height: 100%;
}
#fc .content.contact.frame.frame1 .edit .form TABLE TH SPAN.red,
#site .contact.frame.frame1 .edit .form TABLE TH SPAN.red {
	color: #f00;
	font-weight: bold;
}
#fc .content.contact.frame.frame1 .edit .form TABLE.person,
#site .contact.frame.frame1 .edit .form TABLE.person {
	margin-bottom: 55px;
}
#fc .content.contact.frame.frame1 .edit .form TABLE.person TH,
#site .contact.frame.frame1 .edit .form TABLE.person TH {
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	letter-spacing: 0.1em;
	padding-left: 0;
}
#fc .content.contact.frame.frame1 .edit .form TABLE.person TD LABEL,
#site .contact.frame.frame1 .edit .form TABLE.person TD LABEL {
	margin-right: 10%;
	font-size: 16px;
	line-height: 20px;
	vertical-align: top;
}
#fc .content.contact.frame.frame1 .edit .form TABLE.person TD LABEL INPUT.radio,
#site .contact.frame.frame1 .edit .form TABLE.person TD LABEL INPUT.radio {
	width: 20px;
    height: 20px;
}
#fc .content.contact.frame.frame1 .edit .form TABLE.person TD INPUT.short,
#site .contact.frame.frame1 .edit .form TABLE.person TD INPUT.short {
	width: 30%;
}
#fc .content.contact.frame.frame1 .edit .form TABLE.person TD INPUT.middle,
#site .contact.frame.frame1 .edit .form TABLE.person TD INPUT.middle {
	width: 55%;
}
#fc .content.contact.frame.frame1 .edit .form TABLE.person TD SPAN,
#site .contact.frame.frame1 .edit .form TABLE.person TD SPAN {
	font-weight: bold;
	font-size: 14px;
	color: #f00;
	margin-left: 2%;
}
#fc .content.contact.frame.frame1 .edit .form TABLE.person TD.address,
#site .contact.frame.frame1 .edit .form TABLE.person TD.address {
	padding-top: 0;
	padding-bottom: 0;
}
#fc .content.contact.frame.frame1 .edit .form TABLE.person TD.address DIV,
#site .contact.frame.frame1 .edit .form TABLE.person TD.address DIV {
	padding: 10px 0;
}
#fc .content.contact.frame.frame1 .edit .form TABLE.person TD.address DIV B,
#site .contact.frame.frame1 .edit .form TABLE.person TD.address DIV B {
	font-weight: bold;
	font-size: 15px;
	width: 32%;
	display: inline-block;
}
#fc .content.contact.frame.frame1 .edit .form TABLE.person TD.address DIV INPUT,
#site .contact.frame.frame1 .edit .form TABLE.person TD.address DIV INPUT {
	width: 60%;
}



#fc .contact P.big {
	margin: auto;
	width: auto;
	font-size: 18px;
	font-weight: bold;
}
#fc .contact P.text {
	margin: 20px auto;
	font-size: 14px;
	line-height: 180%;
}
#fc .contact H3.box {
	width: auto;
	margin: 20px auto;
	font-size: 17px;
	font-weight: bold;
	padding: 10px 0;
	border: solid 2px #735400;
	text-align: center;
	letter-spacing: 0.1em;
	position: relative;
}
#fc .contact H3.box:before,
#fc .contact H3.box:after {
	position: absolute;
	display: block;
	content: "";
	width: 24px;
	height: 24px;
	bottom: -14px;
	left: 50%;
	margin-left: -12px;
	/**/    transform: rotate(45deg);
	/**/ -o-transform: rotate(45deg);
	   -moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
}
#fc .contact H3.box:before {
	background: #735400;
}
#fc .contact H3.box:after {
	background: #fff;
	margin-bottom: 3px;
}
#fc .contact H3.box P {
	position: relative;
	z-index: 1;
}
#fc .contact .tel {
	margin: 0 auto 40px;
	text-align: center;
}
#fc .contact .tel A {
	display: inline-block;
	margin-top: 5px;
	color: #333;
	font-size: 50px;
	font-weight: bold;
	line-height: 50px;
}
#fc .contact .tel A IMG {
	margin-right: 20px;
	position: relative;
	top: 2px;
}
#fc .contact .tel A:hover {
	opacity: 0.5;
}
#fc .content .tel B {
	font-size: 14px;
    margin-top: 10px;
    display: block;
    text-align: center;
}
#fc .content .red {
	color: #f00;
	font-weight: bold;
}
#fc .content.frame.frame1 .edit .form {
	margin-top: 10px;
}
#fc .content.contact.frame.frame1 .edit .form TABLE.person TH {
	line-height: 150%;
}
#fc .content.contact.frame.frame1 .edit .form TABLE.person TD {
	vertical-align: middle;
}
#fc .content.contact.frame.frame1 .edit .form TABLE.person TD P.type {
	display: inline-block;
	width: 40%;
}
#fc .content.contact.frame.frame1 .edit .form TABLE.person TD P.type LABEL {
	margin-left: 4%;
	margin-right: 1%;
	display: inline-block;
	white-space: nowrap;
	margin-bottom: 5px;
}
#fc .content.contact.frame.frame1 .edit .form TABLE.person TD LABEL INPUT.radio {
	vertical-align: middle;
}
#fc .content.contact.frame.frame1 .edit .form TABLE.person TD P.type.max {
	width: 100%;
	vertical-align: middle;
}
#fc .content.contact.frame.frame1 .edit .form TABLE.person TD P.type.max LABEL {
	margin-left: 0;
	margin-right: 5%;
}
#fc .content.contact.frame.frame1 .text2 {
	text-align: center;
	font-size: 15px;
	font-weight: bold;
	letter-spacing: 0.1em;
	line-height: 200%;
	margin-top: 10px;
}
#fc .content.contact.frame.frame1 .ssl {
	font-weight: bold;
    font-size: 12px;
    text-align: center;
    line-height: 100%;
	margin-bottom: 60px;
}



#menu .partyset IMG {
	display: block;
	max-width: 100%;
}
#menu .partyset .pc {
	position: relative;
}
#menu .partyset A {
	display: block;
	/**/    opacity: 0;
	/**/ -o-opacity: 0;
	   -moz-opacity: 0;
	-webkit-opacity: 0;
	position: absolute;
	background: #fff;
}
#menu .partyset A.pdf {
	top: 250px;
	right: 27px;
	width: 137px;
	height: 135px;
}
#menu .partyset A.search {
	top: 250px;
	right: 171px;
	width: 330px;
	height: 135px;
}
#menu .partyset H3 A {
	top: 430px;
	left: 0px;
	width: 1000px;
	height: 475px;
}
#menu .partyset H3.h3_2 A {
	top: 970px;
}
#menu .partyset H3.h3_3 A {
	top: 1510px;
}
#menu .partyset A.toku {
	top: 2040px;
	left: 30px;
	width: 450px;
	height: 380px;
}
#menu .partyset .cf A.pl {
	top: 2040px;
	left: 490px;
	width: 240px;
	height: 380px;
}
#menu .partyset .cf A.pr {
	top: 2040px;
	left: 740px;
	width: 240px;
	height: 380px;
}
#menu .partyset A:hover {
	opacity: 0.5;
}



#site .bases.frame {
	width: 87%;
	margin: 30px auto;
}
#site .bases H2 {
	display: none;
}
#site .bases P.big {
	font-size: 22px;
}
#site .bases .tel {
	margin: 30px 1% 40px;
	text-align: left;
}
#site .bases .tel P {
	font-size: 19px;
	line-height: 150%;
}
#site .bases .tel A {
	display: inline-block;
	margin-top: 0px;
	color: #333;
	font-size: 38px;
	font-weight: bold;
	line-height: 38px;
	letter-spacing: 0.05em;
}
#site .bases .tel A IMG {
	margin-right: 15px;
	position: relative;
	top: 2px;
	width: auto;
	height: 32px;
}
#site .bases .tel A:hover {
	opacity: 0.5;
}
#site .bases .tel B {
	font-weight: normal;
	font-size: 20px;
    margin-top: 5px;
    display: block;
    text-align: left;
	line-height: 180%;
}
#site .bases .info {
	position: relative;
}
#site .bases .info .inner {
	position: absolute;
	z-index: 1;
}
#site .bases .info .map {
	text-align: right;
	position: relative;
	right: 0;
	z-index: 0;
}
#site .bases .info .map_area {
	display: inline-block;
	position: relative;
}
#site .bases .info .map A {
	position: absolute;
	display: block;
	/**/    border-radius: 30px;
	/**/ -o-border-radius: 30px;
	   -moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	/**/    opacity: 0;
	/**/ -o-opacity: 0;
	   -moz-opacity: 0;
	-webkit-opacity: 0;
	background: #fff;
}
#site .bases .info .map A:hover {
	opacity: 0.5;
}
#site .bases .info .map A.area1 {
	left: 70%;
	top: 0%;
	width: 30%;
	height: 59%;
}
#site .bases .info .map A.area2 {
	left: 68%;
	top: 59%;
	width: 20%;
	height: 33%;
}
#site .bases .info .map A.area3 {
	left: 54%;
	top: 46%;
	width: 20%;
	height: 26%;
}
#site .bases .info .map A.area4 {
	left: 50%;
	top: 72%;
	width: 20%;
	height: 26%;
}
#site .bases .info .map A.area5 {
	left: 40%;
	top: 63%;
	width: 16%;
	height: 34%;
}
#site .bases .info .map A.area6 {
	left: 23%;
	top: 63%;
	width: 17%;
	height: 34%;
}
#site .bases .info .map A.area7 {
	left: 3%;
	top: 63%;
	width: 20%;
	height: 34%;
}
#site .bases UL {
	margin: 10px auto;
}
#site .bases LI {
	padding-top: 20px;
}
#site .bases UL H3 {
	padding: 15px 1%;
	color: #333;
	font-size: 22px;
	border-bottom: solid 4px #ddd;
	position: relative;
}
#site .bases UL H3:after {
	content: "";
	display: block;
	position: absolute;
	width: 18%;
	height: 4px;
	bottom: -4px;
	left: 0;
}
#site .bases UL LI:nth-child(1) H3:after {
	background: #9cd4ef;
}
#site .bases UL LI:nth-child(2) H3:after {
	background: #f0c0d6;
}
#site .bases UL LI:nth-child(3) H3:after {
	background: #d7bcd6;
}
#site .bases UL LI:nth-child(4) H3:after {
	background: #ffca59;
}
#site .bases UL LI:nth-child(5) H3:after {
	background: #ffe6b2;
}
#site .bases UL LI:nth-child(6) H3:after {
	background: #ffe44c;
}
#site .bases UL LI:nth-child(7) H3:after {
	background: #c9dc9b;
}
#site .bases UL TABLE {
	border-spacing: 0;
	width: 100%;
}
#site .bases UL TABLE TH,
#site .bases UL TABLE TD {
	font-size: 14px;
	border-bottom: solid 2px #ddd;
	padding: 10px 1%;
}
#site .bases UL TABLE TH {
	width: 23%;
}
#site .bases UL TABLE TD A {
	color: #333;
}

#site .about_ar .inner {
	width: 96%;
	margin-left: auto;
	margin-right: auto;
}
#site .about_ar P {
	margin: 20px auto;
	font-size: 13px;
}
#site .about_ar P.max {
	width: auto;
}
#site .about_ar H4 {
	margin-top: 20px;
	background-color: #5c3400;
	color: #fff;
	font-weight: normal;
	padding: 5px 10px;
	font-size: 14px;
}
#site .about_ar .allergy  LI {
	float: left;
}
#site .about_ar .allergy  LI IMG {
	max-width: 100%;
}
#site .about_ar .allergy .allergy_a {
	margin: 20px -1.1% 40px;
}
#site .about_ar .allergy .allergy_a LI {
	width: 13%;
	margin-left: 1.1%;
}
#site .about_ar .allergy .allergy_b {
	margin: 20px -0.675% 40px;
}
#site .about_ar .allergy .allergy_b LI {
	width: 9.25%;
	margin-left: 0.675%;
}
#site .about_ar TABLE {
	width: 100%;
	border-top: solid 1px #999;
	border-spacing: 0;
	margin-top: 15px;
}
#site .about_ar TABLE TD,
#site .about_ar TABLE TH {
	border-bottom: solid 1px #999;
	border-left: solid 1px #999;
	text-align: center;
	padding: 5px;
}
#site .about_ar TABLE TD:first-child,
#site .about_ar TABLE TH:first-child {
	border-left: none;
	font-size: 14px;
}
#site .about_ar TABLE TH {
	background-color: #e5dfc6;
	font-weight: normal;
}



#fc .interview .title {
	position: relative;
	border: solid 1px #b27200;
	padding-left: 2%;
}
#fc .interview .title .left {
	margin-top: 40px;
	padding-bottom: 10px;
	position: relative;
}
#fc .interview .title IMG {
	position: absolute;
	display: block;
	right: 0;
	top: 0;
	bottom: 0;
	width: auto;
	height: 100%;
}
#fc .interview .title H2 {
	font-size: 12px;
}
#fc .interview .title P {
	font-size: 12px;
	font-weight: bold;
	margin-top: 5px;
	padding-left: 5px;
}
#fc .interview .title P.big {
	margin-top: 0;
	display: inline-block;
	color: #b27200;
	font-size: 24px;
	font-weight: bold;
	line-height: 140%;
	border-bottom: solid 1px #333;
	padding-bottom: 5px;
	padding-left: 0;
}
#fc .interview .title P.name {
	font-size: 18px;
}
#fc .interview .title P SPAN {
	font-size: 12px;
}
#fc .interview .post H3 {
	background-color: #fffef2;
	border: solid 1px #ff8600;
	margin: 20px auto 30px;
	color: #b27200;
	font-size: 20px;
	font-weight: bold;
	padding: 15px 3%;
	position: relative;
}
#fc .interview .post H3:before,
#fc .interview .post H3:after {
	position: absolute;
	display: block;
	content: "";
	/**/    transform: rotate(112.5deg) skew(-45deg) scale(1,0.7);
	/**/ -o-transform: rotate(112.5deg) skew(-45deg) scale(1,0.7);
	   -moz-transform: rotate(112.5deg) skew(-45deg) scale(1,0.7);
	-webkit-transform: rotate(112.5deg) skew(-45deg) scale(1,0.7);
	left: 30px;
	bottom: -8px;
	width: 15px;
	height: 15px;
}
#fc .interview .post H3:before {
	background: #ff8600;
}
#fc .interview .post H3:after {
	background: #fffef2;
	margin-bottom: 2px;
}
#fc .interview .post H3 B {
	position: relative;
	display: block;
	z-index: 1;
}
#fc .interview .body {
}
#fc .interview .body P {
	margin: 20px 1%;
	font-size: 14px;
	line-height: 180%;
}
#fc .interview .body IMG {
	max-width: 100%;
	display: block;
	margin: 20px auto;
}
#fc .interview .body.img_l IMG {
	float: left;
	margin-right: 5%;
}
#fc .interview .body.img_r IMG {
	float: right;
	margin-left: 5%;
}
#fc .interview .post {
	float: left;
	width: 480px;
}
#fc .interview .oneday {
	float: right;
	width: 220px;
	margin: 20px auto;
	background-color: #ffeed1;
	padding-bottom: 10px;
}
#fc .interview .oneday H3 {
	background-color: #e58018;
	color: #fff;
	padding-left: 10px;
	line-height: 30px;
}
#fc .interview .oneday H4 {
	color: #e58018;
	font-size: 16px;
	width: 90%;
	margin: 10px auto;
}
#fc .interview .oneday H4 SPAN {
	display: block;
	width: 30%;
	float: left;
	margin: auto;
}
#fc .interview .oneday H4 B {
	font-size: 15px;
	display: block;
	width: 70%;
	float: right;
	margin: auto;
}
#fc .interview .oneday P {
	border: none;
	width: auto;
	margin: 10px auto;
	margin-left: 5%;
}
#fc .interview .oneday .list DIV {
	border: none;
	display: block;
	position: relative;
	font-size: 32px;
	color: #e58018;
	padding-left: 15px;
}








BODY#tenpo    #header NAV LI.nav_tenpo A,
BODY#gentei   #header NAV LI.nav_gentei A,
BODY.syohin   #header NAV LI.nav_menu A,
BODY.takeout  #header NAV LI.nav_takeout A,
BODY#kodawari #header NAV LI.nav_kodawari A {
	background: url('../img/gnav_on.png') no-repeat bottom;
}






.center {
	text-align: center;
}



.pagetop {
	z-index: 10;
	position: fixed;
	right: 5%;
	bottom: 2%;
	/**/    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;
}
.pagetop.off {
	bottom: -200px;
}
.pagetop:hover {
	/**/    opacity: 0.5;
	/**/ -o-opacity: 0.5;
	   -moz-opacity: 0.5;
	-webkit-opacity: 0.5;
}

.ta_r {
	font-size: 14px;
	text-align: right;
	margin-top: 40px;
}
.ta_r .red {
	color: #f00;
}





.takeout_ul_flex{
	display: flex;
}
.sp_flag_takeout2{
	display: none;
}