/*
Theme Name: karaage
*/

/*-----------------------------------------------------------------
リセット
----------------------------------------------------------------- */
*,
*:after,
*:before {
	margin:0;
	padding:0;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-font-smoothing:antialiased;
	font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
	border: 0;
	outline: 0;
	}
ol, ul,li{ list-style: none; margin:0; padding:0;}
:focus,
:active { outline:0;}
table {
	border-collapse: collapse;
	border-spacing: 0;
	}
th,
td { padding:8px; line-height:1.4em;}
input{ margin-right:5px;}
.switch {
	visibility: hidden;
}

body{ font:15px/1.5 ArialMT; font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; margin:0; padding:0;  color:#000;}
h1, h2, h3, h4, h5, h6, p,dt ,dl,dd{ font-size:inherit; margin:0; padding:0; }
hr{ display:block; height:1px; border:0; border-top:1px solid #cccccc; margin:1em 0; padding:0; }
ul{ list-style:none; margin:0; padding:0; }
li{ margin:0; padding:0; }

pre{ font:15px/1.5 ArialMT; font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; margin:0; padding:0;  color:#000;}

@media screen and (min-width: 360px) { * { -webkit-text-size-adjust: none; } }


/*----------------------------------------------------
 clearfix
----------------------------------------------------*/

.clearfix:after,
.newTop:after,
.infoBox:after,
.infoBox dt:after,
.spCrearBox:after,
.topMenu:after,s
.searchBoxIn .selectBox:after,
.newTop h2:after,
.ftSiteMap:after,
.nav-below:after,
#sideBar .sideBox01 ul:after,
.menuList:after,
.menuList li dl:after,
.menuSub dl:after,
.shopList:after,
.shopList li:after,
.menuSubTxt:after,
.collectionList:after,
.ekakiuta:after,
.cmList:after,
.newList li:after,
.rinenBox:after,
.rinenBox02:after,
.rinenBox03:after,
.diaryBox:after,
.appetizerList:after,
.appetizerList li dl:after,
.appetizerShopBtn:after,
.topMovieList:after,
.misaPriceList li:after,
.menuOderList2016:after,
.menuOderList2017:after,
.oitaFormPriceList:after,
.newsTop:after,
.fukuokaTopMenu:after,
.searchBoxMenu:after,
h2.newsTop:after,
.snsTopList:after,
.topAboutBox:after,
.topAboutBox ul:after,
.topAboutBoxCont ul:after,
.menuOderList2018:after,
.contents:after{ content: ".";display:block;height:0.1px;clear:both;visibility:hidden;font-size:0.1em;line-height:0; }
.clearfix,
.newTop,
.infoBox,
.infoBox dt,
.spCrearBox,
.topMenu,
.searchBoxIn .selectBox,
.newTop h2,
.ftSiteMap,
.nav-below,
#sideBar .sideBox01 ul,
.menuList,
.menuList li dl,
.menuSub dl,
.shopList,
.shopList li,
.menuSubTxt,
.collectionList,
.ekakiuta,
.cmList,
.newList li,
.rinenBox,
.rinenBox02,
.rinenBox03,
.diaryBox,
.appetizerList,
.appetizerList li dl,
.appetizerShopBtn,
.topMovieList,
.misaPriceList li,
.menuOderList2016,
.menuOderList2017,
.oitaFormPriceList,
.newsTop,
.fukuokaTopMenu,
.searchBoxMenu,
h2.newsTop,
.snsTopList,
.topAboutBox,
.topAboutBox ul,
.topAboutBoxCont ul,
.menuOderList2018,
.contents{ display:inline-block;overflow:hidden;_overflow:visible;display:block; }
* html .clearfix,
* html .newTop,
* html .infoBox,
* html .infoBox dt,
* html .spCrearBox,
* html .topMenu,
* html .searchBoxIn .selectBox,
* html .newTop h2,
* html .ftSiteMap,
* html .nav-below,
* html #sideBar .sideBox01 ul,
* html .menuList,
* html .menuList li dl,
* html .menuSub dl,
* html .shopList,
* html .shopList li,
* html .menuSubTxt,
* html .collectionList,
* html .ekakiuta,
* html .cmList,
* html .newList li,
* html .rinenBox,
* html .rinenBox02,
* html .rinenBox03,
* html .diaryBox,
* html .appetizerList,
* html .appetizerList li dl,
* html .appetizerShopBtn,
* html .topMovieList,
* html .misaPriceList li,
* html .menuOderList2016,
* html .menuOderList2017,
* html .oitaFormPriceList,
* html .newsTop,
* html .fukuokaTopMenu,
* html .searchBoxMenu,
* html h2.newsTop,
* html .snsTopList,
* html .topAboutBox,
* html .topAboutBox ul,
* html .topAboutBoxCont ul,
* html .menuOderList2018,
* html .contents{ height:1%; }


/* ----------- anchor */
a { color:#e60012; text-decoration:none;}
a:hover { color:#f8aa1c; }
a .imgbt:hover{opacity:0.8;filter:alpha(opacity=80);cursor:pointer;}
a { -webkit-tap-highlight-color: rgba(0,0,0,0); }

/*.onlySP { display: none;}*/

/*----------------------------------------------------
 common
----------------------------------------------------*/
.fl { float: left; }
.fr { float: right; }

/* placeholder */
input::-webkit-input-placeholder {
 font-size: smaller;
}
input:-moz-placeholder {
 font-size: smaller;
}

/*----------------------------------------------------
 	header
----------------------------------------------------*/

#header{ vertical-align: bottom; line-height: 0; }
#header .contents{ position: relative;}
#header .headerWrap{ background: #55341d; padding: 10px 0; width: 100%;}
#header .headerLogo{ text-align: center; position: relative;}
#header .headerTel{ position: absolute; width: 190px; right: 0; top: 20px;}
#header .headerLogo .bnr_box{ position: absolute; right: 0; top:18px;}
#header .headerLogo .bnr_box:hover{ opacity: 0.8}

/* ----------- header navi // Flaunt JS */

nav {
	width:100%;
	position:relative;
	display:inline-block;
	font-weight:normal;
	line-height: 1.5em;
	background:url(./img/bg_gnavi.png);
	}
.nav {
	width:1000px;
	margin:0 auto;
	}
.nav-list {	text-align:left;}
.nav-item {
	float:left;
	*display:inline;
	zoom:1;
	position:relative;
	z-index:100;
	}
.nav-item > a { display:block; height:106px; background-repeat:no-repeat; background-position:0 top;}

.nav-item > a:hover { background-position:0 bottom;}
.nav-item > a span { display:none;}

/*.nav-item > a.navi01 { width:143px; background-image:url(./img/gnavi01.png);}
.nav-item > a.navi02 { width:142px; background-image:url(./img/gnavi02.png);}
.nav-item > a.navi03 { width:143px; background-image:url(./img/gnavi03.png);}
.nav-item > a.navi04 { width:143px; background-image:url(./img/gnavi04.png);}
.nav-item > a.navi05 { width:143px; background-image:url(./img/gnavi05.png);}
.nav-item > a.navi06 { width:142px; background-image:url(./img/gnavi06.png);}
.nav-item > a.navi07 { width:144px; background-image:url(./img/gnavi07.png);}
*/
.nav-item > a.navi01 { width:124px; background-image:url(./img/gnavi01.png);}
.nav-item > a.navi02 { width:124px; background-image:url(./img/gnavi02.png);}
.nav-item > a.navi03 { width:124px; background-image:url(./img/gnavi03.png);}
.nav-item > a.navi04 { width:124px; background-image:url(./img/gnavi04.png);}
.nav-item > a.navi05 { width:124px; background-image:url(./img/gnavi05.png);}
.nav-item > a.navi06 { width:124px; background-image:url(./img/gnavi06.png);}
.nav-item > a.navi07 { width:126px; background-image:url(./img/gnavi07.png);}
.nav-item > a.navi07.new { width:126px; background-image:url(./img/gnavi07NEW2.png);}
.nav-item > a.navi08 { width:126px; background-image:url(./img/gnavi08.png);}
.nav-item > a.navi09 { width:126px; background-image:url(./img/gnavi09.png);}
.nav-item > a.navi10 { width:126px; background-image:url(./img/gnavi10NEW.png);}
.nav-item > a.navi11 { width:126px; background-image:url(./img/gnavi11.png);}
.nav-item > a.navi11_s { width:126px; background-image:url(./img/gnavi11_s.png);}
.nav-item > a.navi12 { width:126px; background-image:url(./img/gnavi12.png);}
.nav-item > a.navi13 { width:126px; background-image:url(./img/gnavi13.png);}


.nav-item:hover .nav-submenu { display:block;}
/* Navigation submenu */
.nav-submenu {
	display:none;
	position:absolute;
	left:0;
	width:144px;
	margin-top: -5px;
	}
.nav-submenu-item a {
	background:#55341d;
	border-bottom:1px solid #cccccc;
	display:block;
	padding:10px 8px;
	color:#fff;
	text-decoration:none;
	line-height: 1.2em;
	text-align: center;
	font-size: 90%;
	}
.nav-submenu-item a span{ font-size: 90%;}
.nav-submenu-item a:hover { background:#ffe100; color: #000;}
/* Mobile navigation */
.nav-mobile {
	display:none; /* Hide from browsers that don't support media queries */
	cursor:pointer;
	position:absolute;
	top:0;
	right:0;
	background:url(./img/nav.png) no-repeat center center;
	background-size:70px;
	height:70px;
	width:70px;
	}
/* Mobile navigation, clickable area for revealing <ul> */
.nav-click {
	position:absolute;
	top:0;
	right:0;
	display:none;
	border-left:1px solid #313131;
	height:47px;
	width:48px;
	cursor:pointer;
	}
.nav-click i {
	display:block;
	height:48px;
	width:48px;
	background:url(./img/drop.png) no-repeat center center;
	background-size:24px;
	}
.nav-click:hover { background-color:#f48808;}
.nav-rotate {
	-webkit-transform:rotate(180deg);
	-moz-transform:rotate(180deg);
	-ms-transform:rotate(180deg);
	-o-transform:rotate(180deg);
	transform:rotate(180deg);
	}

/*----------------------------------------------------
 	TOP
----------------------------------------------------*/
.contentsWrap{ width: 100%; padding:50px 0;}
.contentsWrapSub{ width: 100%; padding:20px 0 40px;}

.contents{ width:1000px; margin:0 auto;}
.contentsSp100{width:1000px; margin:0 auto;}
.contents img{ max-width: 100%;}


#slideBox{
	background:url(./img/bg_slide.jpg) center bottom;
	padding: 30px 0 60px;
	margin-top: -5px;
}

#slideBox .slideBoxIn{
	width: 630px;
	/* float: left; */
}
#slideBox .searchBox{
	width: 360px;
	/* float: right; */
}
#slideBox .slideBoxIn{
	width: 626px;
	height: 370px;
	/* background:url(./img/bg_slide.png) no-repeat; */
	padding: 5px 5px 10px;
}
#slideBox .slideBoxIn .bx_sliderWrap .bx-pager.bx-default-pager{ float: right;}
#slideBox .slideBoxIn .bx_sliderWrap .bx-pager.bx-default-pager a{
	text-indent: -9999px;
	float: right;
}
#slideBox .bx-wrapper{ margin-bottom: 40px;}

#slideBox .searchBox .searchBoxIn{
	border: 3px solid  #000;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	background: #fff;
}
#slideBox .searchBox .searchBoxIn h3{
	background: #e60012 url(./img/icon_search.png) no-repeat 10px center;
	color: #fff;
	padding:10px 10px 10px 40px;
	font-weight: bold;
	font-size: 110%;
}
#slideBox .searchBox .searchBoxIn .selectBox{ padding: 12px 10px;}
#slideBox .searchBox .searchBoxIn .selectBox.pt0{ padding-top: 0;}
#slideBox .searchBox .searchBoxIn .selectBox .top_select1{ width: 255px; float: left;}
#slideBox .searchBox .searchBoxIn input {
	-webkit-appearance: none;
	float: right;
	display: block;
	background: #ffe100;
	width: 72px;
	mih-height: 36px;
	height: 36px;
	line-height: 36px;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	font-size: 90%;
	margin-left: auto; margin-right: auto;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
#slideBox .searchBox .searchBoxIn input:hover {	background: #55341d; color: #fff;}
#slideBox .searchBox .searchBoxIn input.topBtn02 { height: 86px; min-height: 86px; line-height: 86px;}
#slideBox .searchBox .searchBoxIn .top_inputText input[type=text]{
	background: #fff;
	text-align: left;
	width: 255px;
	-webkit-appearance: none;
	mih-height: 36px;
	height: 36px;
	line-height: 36px;
	text-decoration: none;
	font-weight: bold;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-color: #ccc;
}
#slideBox .searchBox .searchBoxIn input#search_zip:hover {	background: #fff; color: #000;}



.newTop{ width: 620px; float: left;}
.recruitBox{ width: 360px; float: right;}

.newTop h2{
	font-size: 110%;
	padding: 0;
	margin-bottom: 0;
	position: relative;
}
.newTop h2 span{ display: inline-block; float: left;background: url(./img/icon_newTop.png) no-repeat left center; padding:4px 0 4px 26px;}
.newTop h2 a{ display: block; width: 100px; height: 29px; float: right; vertical-align: bottom; position: absolute; right: 0; bottom: 0; }

dl.infoBox{ border-top: 3px solid  #000;border-bottom: 3px solid  #000; margin-bottom: 20px; font-size: 90%; padding-top: 5px;}
.infoBox dt{
  clear: left;
  float: left;
  width: 100px;
  border-top:1px dotted #CCCCCC;
  color:#999999;
  margin-right:15px;
  padding:11px 0 9px;
}
.infoBox dt p{ width:80px; float:left;}
.infoBox dd {
  margin-left: 2em;
  margin-bottom: 10px;
  border-top:1px dotted #CCCCCC;
  padding:6px 0px 5px;
}
.infoBox dd a{ text-decoration:none; color: #e60012;}
dl.infoBox dt:first-child {border:none;}
dl.infoBox dt:first-child + dd {border:none;}
dl.infoBox dt:last-of-type { }
dl.infoBox dt:last-of-type + dd { }

.bannerBox{ margin: 20px 0; }

.topPolicy a{
	display: block;
	width: 100%;
	background: #b28850;
	color: #fff;
	padding: 14px 10px 12px;
	text-align: center;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	margin: 40px auto;
	text-decoration: underline!important;
}
.topPolicy a span{
	display: inline-block;
	background: url(./img/bg_link.png) no-repeat left center;
	padding-left: 20px;
}
.topPolicy a:hover{ text-decoration: none; color: #ffe100;}

.topMenu{width: 490px; float: left;}
.topMenu li{ width: 238px; float: left; margin-bottom: 10px;}
.topMenu li:nth-child(2n){ float: right;}
.topMenu li:nth-child(3),.topMenu li:nth-child(4){ margin-bottom: 0;}
.movieBox{ width: 490px; float: right;}

h3.topMovieH3{
	background: #e60012;
	color: #fff;
	font-size: 120%;
	padding: 10px 16px 10px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	margin-bottom: 20px;
}

.topMovieList li{
	width: 320px;
	margin-right: 20px;
	float: left;
}
.topMovieList li:last-child{margin-right: 0;}

.bannerOuen{ margin-top: -10px;}


/*----------------------------------------------------
 	footer
----------------------------------------------------*/
#footer{ background: #55341d;width: 100%;padding: 40px 0; color: #fff;}
#footer .contents{ position: relative; font-size: 90%;}
#footer .footerBox01{ width: 300px; float:left; margin-right: 20px; text-align: center;}
#footer .footerBox02{ width: 334px; float:left; margin-right: 20px; }
#footer .footerBox03{ width: 180px; float: left; }
.pageTop{ width: 110px; position: absolute; bottom: 0; right: 0;}

#footer .footerBox02 .top_select1{ width: 243px; float: left;}
#footer .footerBox02 input {
	 -webkit-appearance: none;
	float: right;
	display: block;
	background: #ffe100;
	width: 72px;
	mih-height: 36px;
	height: 36px;
	line-height: 36px;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	font-size: 90%;
	margin-left: auto; margin-right: auto;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
#footer .footerBox02 input:hover {	background: #e60012; color: #fff;}

#footer h4{ font-weight: bold; font-size: 110%; margin-bottom: 10px;}
#footer .ftSiteMap{ font-size: 84%; margin-left: 5px;}
#footer .ftSiteMap li{ margin-bottom: 5px; list-style-type:disc; list-style-position:inside;}
#footer .ftSiteMap li a{ color: #fff; text-decoration: none;}
#footer .ftSiteMap li a:hover{ color: #f48808;text-decoration: underline;}

#copyright{ font-size: 80%; margin-top: 10px; margin-bottom: 20px; text-align: center;}

.table02 {
	width:100%;
	border:1px solid #ddd;
	text-align:left;
	color:#333;
	background: #fff;
	font-size: 80%;
	}
.table02 th { width:25%; border:1px solid #ddd; background:#f5f5f5;text-align:left; font-weight:normal;}
.table02 td { width:75%; border:1px solid #ddd;text-align:left;}
.footerBox02 .table02 th,.footerBox02 .table02 td{ padding: 10px 10px; }
.table02.tokutei { font-size: 100%;}

.table02.tableRecruit{ font-size: 15px;}
.table02.tableRecruit th{ width:inherit; width: auto;padding: 20px 10px; }
.table02.tableRecruit td{ width:inherit;width: auto;padding: 20px 10px; }

.table03 {
	width:100%;
	border:1px solid #333;
	text-align:left;
	color:#333;
	background: #fff;
	font-size: 80%;
	table-layout:fixed;
	}
.table03 th { width:25%; border:1px solid #333; background:#f5f5f5;text-align:left; font-weight:normal;}
.table03 td { width:75%; border:1px solid #333;text-align:left;}

.table04 {
	width:100%;
	border:1px solid #ddd;
	text-align:left;
	color:#333;
	background: #fff;
	font-size: 100%;
	}
.table04 th {  width: 40%; border:1px solid #ddd; background:#6b5b3a;text-align:left; font-weight:normal; color: #fff;}
.table04 td {  border:1px solid #ddd;text-align:left;}
.table04 td ul li{ display: inline-block; margin-right: 20px;}
.table04 td:nth-child(3){ text-align: right;}


.tori_form .table05 {
	width:100%;
	text-align:left;
	color:#333;
	background: #fff;
	table-layout:fixed;
	}
.tori_form .table05 th { width:42%; background:#f5f5f5;text-align:left; border: #ddd  1px solid; border-bottom: 1px solid  #999; border-left: none;}
.tori_form .table05 tr.last th{ border-bottom: 1px solid  #ddd;}
.tori_form .table05 td { text-align:left;border: #ddd  1px solid; border-right: none;}
.tori_form .table05 td.td01{ border-bottom: 1px dotted #ddd; }
.tori_form .table05 td.td02{ border-top: none; border-bottom: 1px solid  #999;}
.tori_form .table05 tr.last td.td02{border-bottom: 1px dotted #ddd;}
.tori_form .table05 tr td:nth-of-type(1) { border-right: none;}
.tori_form .table05 tr td:nth-of-type(2) { border-left: none; text-align: right;}
.tori_form .table05 tr:first-child th { border-top: none;}
.tori_form .table05 tr:first-child td { border-top: none;}
.tori_form .table05 tr:nth-last-child(2) th { border-bottom: none;}
.tori_form .table05 tr:last-child td { border-bottom: none;}
.tori_form .table05 tr:last-child td.td02 { border-bottom: none;}

.tori_form .price-box{
	font-size: 120%;
	text-align: right;
	padding-top: 10px;
	margin-top: 20px;
}
.tori_form .price-box input{ font-size: 130%; width: 90px;pointer-events: none; text-align: right;}



.tori_form .table06 {
	width:100%;
	text-align:left;
	color:#333;
	background: #fff;
	table-layout:fixed;
	margin-bottom: 20px;
	}
.tori_form .table06 th { width:42%; background:#f5f5f5;text-align:left; border: #ddd  1px solid; border-left: none; vertical-align: top;}
.tori_form .table06 td{ line-height: 3.6em;}
.tori_form .table06.lh4em td{ line-height: 6.8em;}
.tori_form .table06 td.td01{ border-right: 1px dotted #ddd; border-left: none; }
.tori_form .table06 td.td02{ text-align: right; border-right: none; border-left: none;}
.tori_form .table06 tr:first-child td{ border-bottom: 1px dotted #ddd!important;}
.tori_form .table06 tr:nth-child(2)  td{ border-top: none!important;border-bottom: 1px dotted #ddd!important;}
.tori_form .table06 tr:nth-child(3)  td{border-top: none!important;}
.tori_form .table06.lh4em tr:nth-child(2)  td{ border-bottom: 1px solid #ddd!important;}


/*----------------------------------------------------
 	下位common
----------------------------------------------------*/

.breadcrumb ul{ width: 1000px; margin:0 auto; padding: 20px 0 0; font-size: 80%; }
.breadcrumb ul li{ display:inline-block;}
.breadcrumb ul li a{ text-decoration: none; color: #000;}
.breadcrumb ul li:before { content:"＞"; margin-right: 5px; margin-left: 5px;}
.breadcrumb ul li:first-child:before { content:""; margin-right: 0;}
.breadcrumb ul li a:hover { text-decoration: underline; color: #fff100;}

.list01 li{ background:url(./img/bg_list01.png) no-repeat left top; padding-left: 14px; margin-bottom: 5px; }

.subMenu ul{ width: 960px; margin:30px auto 0;}
.subMenu ul li{ width: 25%; float:left;}

#main{ width: 720px; float:right; }

#sideBar{ width: 240px; float:left;}
#sideBar .sideBox01 h3{
	padding: 5px 10px 8px 40px;
	background:#e60012 url(./img/icon_sideH3.png) no-repeat 8px center;
	font-size: 104%;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	text-align: center;
	margin-bottom: 0;
}

#sideBar .sideBox01{
	border: 4px #e60012 solid;
	margin-bottom: 20px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
#sideBar .sideBox01 ul li a{
	width: 100%;
	display: block;
	background: #fff;
	color: #000;
	background: url(./img/bg_blogN.png) no-repeat 97% center;
	border-bottom: 1px dotted #000;
	padding: 12px 10px 11px;
	font-size: 96%;
}
#sideBar .sideBox01 ul li:last-child a{ border-bottom: none;}
#sideBar .sideBox01 ul li a:hover{background:#f5f5f5 url(./img/bg_blogN.png) no-repeat 97% center;}
#sideBar .sideLink a{ font-size: 78%; color: #e60012;background: url(./img/icon_sideLink.png) no-repeat left center; padding-left: 12px; text-decoration: underline;}
#sideBar .sideBox01 ul li a .txtS{ font-size: 94%;}
#sideBar .sideBox01 ul li a .txtSS{ font-size: 80%;}

.contentsWrapSub h2{
	background: #f5f5f5;
	font-size: 150%;
	padding: 10px 16px 10px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	margin-bottom: 20px;
	border-top: 4px solid  #e60012;
}
.contentsWrapSub h3{
	background: #e60012;
	color: #fff;
	font-size: 130%;
	padding: 10px 16px 10px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	margin-bottom: 20px;
}
.contentsWrapSub h3 span{ font-size: 84%;}
.contentsWrapSub h3 .textS{ font-size: 80%;}
.contentsWrapSub h4.recruith4{
	background: #ffe100;
	color: #8c412b;
	font-size: 120%;
	padding: 8px 16px 7px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	margin-bottom: 20px;
}

/*iframe{ width: 360px; }*/

/*----------------------------------------------------
 	下位新着
----------------------------------------------------*/
.newList{ padding-top: 20px;}
.newList li a{ color: #000; display: block; width: 100%;}
.newList li a:hover img{ opacity:0.5;filter:alpha(opacity=50);}
.newList li{ position: relative; border-bottom: 1px dotted #ccc; padding-bottom: 30px; margin-bottom: 30px;}
.newList .photoBox{ width: 235px; float: left; margin-right: 20px;}
.newList li .btnKw{ position: absolute; bottom: 20px; right: 0;}

.post p{ margin-bottom: 20px;}
.post img{ display: block; margin-bottom: 20px;}
.post img.va_b{margin-bottom: 0; vertical-align: bottom;}
.blog_info .date{ text-align: right;  color: #55341d;}
.nav-below{border-bottom: 1px dotted #CCC; padding-top: 40px;padding-bottom: 40px;margin-bottom: 40px;}
.nav-below .nav-previous{ display: block; width: 49%; float: left;}
.nav-below .nav-next{ display: block; width: 49%; float: right;text-align: right;}
.nav-below a{ color: #130C1F;}
.nav-below a:hover{ color: #e60012;}
.nav-below .nav-previous span{ display: inline-block; background: url( ./img/bg_blogP.png) no-repeat center left; padding-left: 20px;}
.nav-below .nav-next span{ display: inline-block; background: url( ./img/bg_blogN.png) no-repeat center right; padding-right: 20px;}
.linkR{ margin-bottom: 60px; text-align: center;}
.linkR a{ color: #130C1F;}
.linkR a{ display: inline-block; background: url( ./img/bg_blogN.png) no-repeat center left; padding-left: 20px;}
.linkR a:hover{ color: #e60012;}


/*----------------------------------------------------
 	下位menu
----------------------------------------------------*/

.menuList{ width: 735px; margin-right: -15px;}
.menuList li{
	width: 230px;
	float: left;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border: 1px #ccc solid;
	margin-right: 15px;
	margin-bottom: 40px;
	padding: 5px 0 36px;
	position: relative;
}
.menuList li .menuPhoto{ text-align: center; max-height: 160px; padding:0 5px; margin-bottom: 10px; }
.menuPhoto{ position: relative;}
.menuPhoto img.menuNew{ position: absolute; top: 10px; left: 10px; z-index: 100;}
.menuPhoto img.menuRenew{ position: absolute; top: 10px; left: 10px; z-index: 100;}
.menuList li .menuPhoto img{ max-width: 100%; max-height: 160px;}
.menuList li .cont{ padding: 0 10px;}
.menuList li .ttl{ font-weight: bold; margin-bottom: 10px; font-size: 110%;}
.menuList li .ttl.b02{ margin-bottom: 5px;}
.menuList li dl{ border-top: 1px dashed  #000; font-size: 80%; padding: 7px 0 6px;}
.menuSub dl{ font-size: 100%;border-top: 1px dashed  #000; padding: 10px 0 9px;}
.menuList li dl dt,.menuSub dl dt{ width: 75%; float: left;}
.menuList li dl dd,.menuSub dl dd{ width: 24%; float: right; text-align: right; color: #e60012;}
.menuSub .subPrice{ border-bottom: 1px dashed  #000; margin-bottom: 20px;}
.menuList li .btn01 a{
	width: 100%;
	position: absolute;
	bottom: 0;display:
	block;
	background:#ffe100;
	text-align: center;
	color: #000;
	font-size: 90%;
	height: 36px;
	line-height: 36px;
}
.menuList li .btn01 a:hover{ background: #55341d; color: #fff;}

.menuList .menu_col{ margin-left: 5px; font-size: 90%;}
.menuList .menu_col02{ font-size: 80%;border-top: 1px dashed  #000; padding-top: 5px; padding-bottom: 5px; }
.menuOtoku{ display: inline-block; float: right; background: #e60012; color: #fff; font-size: 12px; font-weight: bold; padding:1px 8px 1px; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
.menuOtoku.osusumeReserve{ padding:3px 18px 3px 8px;background:#e60012 url(./img/icon_arw.png) no-repeat 96% center; background-size: 8px; font-size: 13px;}
.menuList .menuOtoku{ font-size: 10px;padding:1px 5px 1px; }
.post .menuList li dl dt p{margin-bottom: 0;}
.post .menuList li dl dd p{margin-bottom: 0;}
.menuList li .tsln{ border-top: 1px dashed #000; padding: 10px 0 10px;}
.menuList li .tsln p{margin-bottom: 5px; font-size:80%;}
.menuList li .tsln p:before{ content: "●"; padding-right: 3px; font-size: 70%; color:#ffe100; }
.menuList li .tsln.b02{ border: none; padding: 5px 10px 1px; margin-bottom: 10px; border-left: 4px solid rgba(218,163,0,1.00);  background: rgba(255,252,222,1.00); }
.menuList li .tsln.b02 p{line-height: 1;}
.menuList li .tsln.b02 p:before{display: none;}
.menuList li.menuListGozen{border: none;}


/*-----------詳細--------------*/

.menuSub .menuPhoto{ margin-bottom: 20px;}
.menuSubTxt { margin-bottom: 10px; }
.menuSubTxt h4{
	float: left;
	width: 6em;
}
.menuSubTxt p:before { content:"："; }
.menuSubTxt p{ padding-left: 7em; text-indent: -1em;}
.menuSub .table02{ margin-top: 10px;}
.menuSub .table02 th,.menuSub .table02 td{ width: 20%; text-align: center;}
.menuSub .table02 td{ color: #999;}

.post .menuSubTxt p{margin-bottom: 0;}

.comingTxt p{ background: #c00; display: inline-block; padding: 4px 10px 3px; font-size: 110%; font-weight: bold;color: #fff;}
.calTxt{ font-size: 80%; padding-top: 5px; border-top: 1px dashed  #000; padding-bottom: 10px;}


.menuSub .menu_col{ margin-left: 5px; font-size: 90%;}
.tsln_under p{ display: inline-block; padding: 5px; font-size: 80%; background: #FFF8DB; font-weight: bold; padding: 10px; margin-right: 5px; white-space: nowrap;}

/*----------------------------------------------------
 	下位店舗
----------------------------------------------------*/
.shopLink{ margin-bottom: 20px;}
.shopLink li{ display: inline;}
.shopLink li a{
	display: inline-block;
	background: #ffe100 url(./img/bg_shopLink.png) no-repeat 10px center;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	color: #000;
	margin-right: 10px;
	margin-bottom: 10px;
	font-size: 106%;
	font-weight: bold;
	padding: 8px 15px 7px 28px;
}
.shopLink li a:hover,.shopLink li a.active{background: #55341d url(./img/bg_shopLink02.png) no-repeat 10px center; color: #fff;}



.shopList{ margin-bottom: 40px;}
.shopList li{
	width: 49%;
	float: left;
	margin-bottom: 2%;
	border: 1px #785e4c dotted;
	padding: 15px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
.shopList li:nth-child(2n){ float: right; }
.shopList li:nth-child(2n+1){ clear: both; float: left; }
.shopList li .menuPhoto{ width: 200px; float: left;}
.shopList li .menuPhoto img{ max-width: 200px;}
.shopList li .txtWrap{ width: 100%; margin-left: -200px; float: left;}
.shopList li .txtWrap .txtBox{ margin-left: 210px; font-size: 88%;}
.shopList li .txtWrap .btn{ background: #e60012; color: #fff; padding: 5px; width: 100%; display: block; text-decoration: none; border-radius: 5px; margin-bottom: 10px; text-align: center !important;}
.shopList li .txtWrap .btn:hover{ opacity: 0.8;}
.shopList li a{text-decoration: underline;}
.shopList li a:hover{ text-decoration: none;}
.shopList li .ttl{ font-weight: bold; font-size: 180%; margin-bottom: 8px; line-height: 1em;}
.shopList li p{ margin-bottom: 3px;}
.shopList li .etc p{ margin-left: 1em;}
.shopList li .etc span{ padding-left: -1em; float: left;}
.shopList li p.shop02{ color: #e60012; margin-bottom: 10px;}

/*----------------------------------------------------
 	下位home
----------------------------------------------------*/

.staff_voice dt{
	margin-bottom: 10px;
	background: #e60012;
	color: #fff;
	font-weight: bold;
	padding: 5px 5px 4px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
.staff_voice dd{ margin-bottom: 30px; border-bottom: 1px dotted #ccc; padding-bottom: 30px; }

/*----------------------------------------------------
 	下位採用
----------------------------------------------------*/
.rinenBox{
	padding: 15px 15px 10px;
	border: 1px solid  #ccc;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	margin-bottom: 40px;
}
.rinenBox02{ margin-bottom: 40px; font-size: 96%;}
.rinenBox02>li:first-child{ width: 400px;float: left;}
.rinenBox02>li:last-child{ width: 290px; float: right;}

.rinenBox03{ width:100%; display: flex; flex-wrap: wrap; justify-content: space-between}
.rinenBox03 li{ width: 31%}
.rinenBox03 li img{ margin-bottom: 5px;}
.rinenBox03 li a{
	display: block;
	position: relative;
	float: left;
	background: #fffdf2;
	border: 1px solid  #ccc;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	padding-bottom: 36px;
	height: 430px;
}
.rinenBox03 li a{ color: #000;}
.rinenBox03 li p.txt{ padding: 0 10px; font-size: 90%; margin-bottom: 20px;}
.rinenBox03 li p.btn{ width: 100%; text-align: center; background: #e0e44a; height: 36px; line-height: 36px; font-size: 90%; position: absolute; bottom: 0;}
.rinenBox03 li:nth-child(2) p.btn{ background: #98dfec; }
.rinenBox03 li:nth-child(3) p.btn{ background: #ffbb8a;}
.rinenBox03 li a:hover p.btn{ background: #ffe100; color: #55341d;}

.rinenTxt{
	font-size: 160%;
	color: #000;
	margin-bottom: 20px;
	line-height: 1.8em;
	font-weight: bold;
	font-family:"游明朝", "Yu Mincho" , "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif
}
.rinenTxt02{
	font-size: 160%;
	color: #000;
	margin-bottom: 10px;
	font-weight: bold;
	font-family:"游明朝", "Yu Mincho" , "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif
}
.rinenTxt03{
	font-size: 160%;
	color: #000;
	margin-bottom: 10px;
	font-weight: bold;
	font-family:"游明朝", "Yu Mincho" , "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif
}
.recruitList dt{
	margin-bottom: 10px;
	border-bottom: 1px solid #eee;
	font-weight: bold;
	font-size: 110%;
}
.recruitList dd{ margin-bottom: 40px;}

img.recruitOitaImg{ margin: 20px auto;}
.contentsWrapSub h3.jikyuH3{ display: inline-block;}


/*----------------------------------------------------
 	下位ミュージアム
----------------------------------------------------*/
.profileBox{
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	padding: 30px;
}
.profileBoxIN{
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	padding: 15px;
}
.profileTbl th{ text-align: left; vertical-align: top; padding: 4px 5px 3px;}
.profileTbl td{padding: 4px  5px 3px;}
.profileTbl th:before { content:"★"; }
.profileTbl td:before { content:"：";}

.collectionList{ width: 640px; margin-right: -10px;}
.collectionList li{ width: 118px; margin-right: 10px; margin-bottom: 30px; float: left; text-align: center;}
.collectionList li img{ max-width: 100%; height: 80px; width: auto;}
.collectionList li.collectionS img{ max-width: 100%; height: 70px; width: auto; margin-top: 10px;}
.collectionList li.collectionSS img{ max-width: 100%; height: 50px; width: auto; margin-top: 30px;}


h3.ekakiutaH3{
	margin-bottom: 0;
	vertical-align: bottom;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	-webkit-border-bottom-left-radius: 0;
	-webkit-border-bottom-right-radius: 0;
	-moz-border-radius-bottomleft: 0;
	-moz-border-radius-bottomright: 0;
}
.ekakiuta{ background: #fff; padding: 30px 10px 10px;}
.ekakiuta li{ width: 49%; float: left; text-align: center; margin-bottom: 20px;}
.ekakiuta li:nth-child(2n){ float: right;}

.cmList li{
	width: 49%;
	float: left;
	margin-bottom: 40px;
}
.cmList li h3{ text-align: center;}

.cmList li:nth-child(2n){ float: right;}
.cmList li iframe{ max-width: 100%;}


.SiteMapList li{
	margin-left: 30px;
	margin-bottom: 10px;
	list-style-type:disc;
}
.SiteMapList li a{ color: #000;}
.SiteMapList li a:hover{ text-decoration: underline;}

/*----------------------------------------------------
 	下位トリニータサポーター
----------------------------------------------------*/

.trinitaDiary{
	border: 2px solid  #f39700;
	padding: 0 0 30px;
}
.trinitaDiary h3{
	background:  #f39700;
	color: #fff;
	padding: 10px 20px 9px;
	font-size: 120%;
	font-weight: bold;
	margin-bottom: 20px;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
}
.trinitaDiary .cont{
	padding: 0 20px;
}
.trinitaDiary .diaryBox{ margin-bottom: 30px;}
.trinitaDiary .diaryBox .photo{
	width: 280px;
	float: left;
	padding: 3px;
	border: 1px solid  #ccc;
	margin-right: 20px;
}
.trinitaDiary .diaryBox .photo img{vertical-align: bottom;}

.trinitaDiary .diaryBox p{

}

/*----------------------------------------------------
 	下位LINE＠
----------------------------------------------------*/
.lineBox{
	background: #00C402;
	padding: 0 20px 20px;
}
.lineBox .cont>li{
	background: #fff;
	padding: 30px;
	margin-bottom: 20px;
}
.lineBox .cont li:last-child{
	margin-bottom: 0;
}

.lineBox .cont li:first-child{ overflow: hidden;_zoom:1;}
.lineBox .cont li:first-child .spCrearBox li:first-child{ width: 560px; float: left;}
.lineBox .cont li:first-child .spCrearBox li:last-child{ width: 340px; float: left; padding-top: 20px;}

.lineBox .cont li:nth-child(2) .spCrearBox li:first-child{ width: 750px;float: left; padding-top: 20px; }
.lineBox .cont li:nth-child(2) .spCrearBox li:last-child{ width: 150px;float: left; text-align: center; }

.lineBox .cont li:last-child .spCrearBox li:first-child{ width: 750px;float: left; }
.lineBox .cont li:last-child .spCrearBox li:last-child{ width: 150px;float: left; text-align: center; }

.lineBox .cont li .ttl{ font-weight: bold;}

/*----------------------------------------------------
 	下位オードブル
----------------------------------------------------*/


.appetizerList{ width: 1020px; margin-right: -20px; margin-bottom: 40px;}
.appetizerList li{
	width: 320px;
	margin-right: 20px;
	float: left;
	border: 1px solid  #CCC;
	margin-bottom: 20px;
}
.appetizerList.appetizerListMb li{margin-bottom: 20px;}
.appetizerList.appetizerListMb li:last-child{margin-bottom: 0;}

.appetizerList li .ttl span{
	font-size: 60%;
	background: #00a73b;
	color: #FFF;
	padding: 2px 6px 1px;
	margin-right: 5px;
	display: inline-block;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	vertical-align:text-bottom;
}
#fukuokaList .appetizerList li .ttl span{ background: #00afec;}
#oitaList h3{ background: #00a73b;}
#fukuokaList h3{ background: #00afec;}

.appetizerList li .ttl{
	background: #FFE100;
	font-weight: bold;
	text-align: center;
	font-size: 128%;
	padding: 6px 6px 5px;
}
.appetizerList li .cont{
	padding: 10px;
}
.appetizerList li dl{ border-top: 1px dashed  #000; padding: 7px 0 6px;font-size: 90%;}
.appetizerList li dl dt{ width: 48%; float: left; }
.appetizerList li dl dd{ width: 50%; float: right; text-align: right; }
.appetizerList li dl.yoyaku dt{ padding-top: 4px;}
.appetizerList li dl.yoyaku dd{color: #e60012; font-size: 140%;}
.appetizerList li dl.tujyo dt{ padding-top: 4px;}
.appetizerList li dl.tujyo dd{ color: #e60012; font-size: 140%;}

.appetizerList li .cont .naiyou{ border-top: 1px dashed  #000; font-size: 80%; padding-top: 10px; margin-bottom: 15px;}

.appetizerList li .cont .orderTxt{ color: #e60012; font-weight: bold; margin-bottom: 5px; font-size: 90%;}
.appetizerList li .cont .cautionF{ color: #e60012; font-size: 70%; margin-bottom: 10px; text-align: right;}

input.inputBtn{
	width: 60%;
	margin:0 auto 60px;
	display: block;
	background:#ffe100;
	text-align: center;
	color: #000;
	font-size: 140%;
	font-weight: bold;
	height: 64px;
	line-height: 64px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
input.inputBtn:hover{ background: #55341d; color: #fff;}
input.inputNo,input.inputNo:hover{ background: #ccc; color: #B2B2B2;}
input.inputBtnNew{width: 80%; margin: 0 auto 15px; display: block; background:  #e60012; color: #fff; font-weight: bold; font-size: 14px; letter-spacing: 2px; border-radius: 3px; cursor: pointer;}
input.inputBtnNew:hover{ background:#ffe100; color: #000;}

.appetizerTel{ font-size: 150%; font-weight: bold; margin-bottom: 10px;}
.appetizerTel span{
	display: inline-block;
	padding-left: 50px;
	background: url(./img/bg_free.gif) no-repeat left center;
	-webkit-background-size: 35px;
	background-size: 35px;
}
.appetizerTel span.cau{ background: none; padding-left: 10px; font-size: 92%; color: #C00;}

.appetizerBox .time{ font-size: 120%; margin-bottom: 10px;}

.yoyakuhouhou{ margin-bottom: 20px; padding: 20px; background: #FFFFEF; /*border: 1px solid  #ccc; */ ma}
.yoyakuhouhou h4{ font-size: 140%;}

.yoyakuhouhou table {
	width:100%;
	border-collapse:collapse;
	border:2px solid #e60012;
	text-align:left;
	color:#000;
	background: #fff;
	margin-bottom: 20px;
	font-size: 130%;
	}
.yoyakuhouhou table th,.yoyakuhouhou table td{ padding: 10px; border-collapse:collapse;}
.yoyakuhouhou table th { width:25%; border:2px solid #e60012;text-align: center; }
.yoyakuhouhou table td { width:75%; border:2px solid #e60012;text-align:left; background:#e60012; color: #fff;  font-weight: bold;}
.yoyakuhouhou .kiyaku li{ font-size: 14px; text-indent: -1em; padding-left: 1em; margin-top: 8px; }
.yoyakuhouhou .kiyaku li .red{ font-weight: bold;}
.priceOrderList{
	padding-bottom: 10px;
	border-bottom: 1px solid  #999;
	margin-bottom: 10px;
	margin-top: 10px;
	font-size: 120%;
}
.priceOrderList span{ font-size: 80%;}

.priceOrdertotal{ font-size: 140%; font-weight: bold;}
.priceOrdertotal span{ font-size: 80%; font-weight: normal;}

.shimekiri{ margin-bottom: 10px;}
.shimekiri span{ background: #D80000; color: #fff; padding: 8px 10px 7px; font-weight: bold; font-size: 120%;}

.appetizerCap{
	text-align: center;
	font-size: 150%;
	margin-bottom: 10px;
	font-weight: bold;
}
.appetizerShopBtn{
	width: 80%;
	margin-left: auto; margin-right: auto;
	margin-bottom: 30px;
}
.appetizerShopBtn li{ width: 49%;float: left; text-align: center;font-weight: bold;}
.appetizerShopBtn li:nth-child(2n){float: right;}
.appetizerShopBtn li a,.appetizerShopBtn_one a{
	display: block;
	background: #00a73b;
	color: #fff;
	font-size: 180%;
	padding: 10px 10px 9px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	margin-bottom: 5px;
}
.appetizerShopBtn li:last-child a{
	background: #00afec;
}
.appetizerShopBtn li a:hover,.appetizerShopBtn_one a:hover{
	background: #FFE100;
	color: #333;
}

.appetizerShopBtn_one{ width: 400px;margin-left: auto;margin-right: auto; text-align: center;font-weight: bold;}


.oitaListWrap{
	border: 4px solid  #e60012;
	margin-bottom: 60px;
}
#oitaList.oitaListWrap h3{ background: #e60012; color: #fff;border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0; padding: 10px 10px 13px;}
#oitaList.oitaListWrap h3 span{ font-size: 80%;}
.fukuokaListWrap{
	border: 4px solid  #00a73b;
	margin-bottom: 60px;
}
#fukuokaList.fukuokaListWrap h3{ background: #00a73b; color: #fff;border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0; padding: 10px 10px 13px;}
#fukuokaList.fukuokaListWrap h3 span{ font-size: 80%;}

.menuOderList2016{width: 98%;margin-left: auto; margin-right: auto;}
.menuOderList2016{ padding-bottom:20px;border-bottom: 2px dotted  #333;margin-bottom: 20px;}
.menuOderList2016 li{ width: 260px; margin-right: 20px;float: left; border-right: 2px dotted  #333;}
.menuOderList2016 li:nth-child(2),.menuOderList2016 li:nth-child(3){ width: 320px;}
.menuOderList2016 li:nth-child(2){ width: 330px;padding-right: 10px;}
.menuOderList2016 li:last-child{margin-right: 0;border-right: none;}

.menuOderList2017{width: 98%;margin-left: auto; margin-right: auto;}
.menuOderList2017{ padding-bottom:10px;border-bottom: 2px dotted  #333;margin-bottom: 20px;}
.menuOderList2017 li{ width: 415px; margin-right:10px;float: left; border-right: 2px dotted  #333;}
.menuOderList2017 li:nth-child(2){ width: 265px;}
.menuOderList2017 li:nth-child(3){ width: 265px;margin-right: 0;border-right: none;}
.menuOderList2017 li:nth-child(4){ width: 100% ; border-right: none;border-top: 2px dotted  #333;}

.menuOderList2017_04{ width: 98%;margin-left: auto;margin-right: auto;border-bottom: 2px dotted  #333;margin-bottom: 20px; text-align: center;}

.menuOderList2018{ padding-bottom: 20px; border-bottom: 2px dotted  #333;margin:0 10px 20px;}
.menuOderList2018 li{ width: 475px; float: left; border-right: 2px dotted  #333; text-align: center;}
.menuOderList2018 li:nth-child(2n){float: right; border-right: none;}

.menuOderList2018_02{ border-top: 2px dotted  #333; text-align: center; margin-left: 20px;margin-right: 20px; padding-top: 20px; border-bottom: 2px dotted  #333; margin-bottom: 20px;}

.shopInlineList{ text-align: center;}
.shopInlineList li{ display: inline-block; margin-left: 10px;margin-right: 10px; }
.shopInlineList li a{text-decoration: underline;}

.xmasTentou{ background: #246029; color: #fff; text-align: center;margin-bottom: 30px; padding: 20px; border-radius: 40px;-webkit-border-radius: 40px;-moz-border-radius: 40px; font-weight: bold; font-size: 120%; margin-top: 30px; }
.nenmatsuTentou{ background: #ffe100; text-align: center;margin-bottom: 30px; padding: 20px; border-radius: 40px;-webkit-border-radius: 40px;-moz-border-radius: 40px; font-weight: bold; font-size: 120%; margin-top: 30px; }


.firstReserve{ margin-bottom: 30px;}
.firstReserve div{ background: #e60012; text-align: center;}
.firstReserve p{ border:4px solid  #e60012; padding: 20px;}
.firstReserve span{ color: #e60012;font-weight: bold;}

.menuOderList2016_02{width: 98%;margin-left: auto; margin-right: auto;padding-bottom:20px;border-bottom: 2px dotted  #333;margin-bottom: 20px;}
.menuOderList2016_02 li:first-child{ border-right: 2px dotted  #333;}

.menuOderList2016_03{width: 98%;margin-left: auto; margin-right: auto;padding-bottom:20px;border-bottom: 2px dotted  #333;margin-bottom: 20px;}
.menuOderList2016_03 li:first-child { border-bottom: 2px dotted  #333;}
.menuOderList2016_03 li:nth-child(2) { border-right: 2px dotted  #333; padding-right: 10px;}
.menuOderList2016_03 li:nth-child(2),.menuOderList2016_03 li:nth-child(3)  { margin-top: 20px;}
.menuOderList2016_03 li:nth-child(3) { padding-left: 10px;}

.menuOderList2016_04{width: 98%;margin-left: auto; margin-right: auto;/*padding-bottom:20px;*//*border-bottom: 2px dotted  #333;*/margin-bottom: 20px;}
.menuOderList2016_04 li:first-child { /*border-bottom: 2px dotted  #333;*/}
.menuOderList2016_04 li:last-child {/*margin-top: 20px;*/}
.bonCap{ background: #e60012; color: #fff; font-weight: bold; font-size: 120%; padding: 10px 10px 9px; text-align: center; margin-bottom: 20px;border-radius: 45px;
-webkit-border-radius: 45px;-moz-border-radius: 45px; }
.bonCap02{ font-size: 90%;margin-bottom: 10px;}
.bonCap.mb10{ margin-bottom: 10px;}
.bonLink a{ color: #e60012; margin-bottom: 20px; text-decoration: underline;}
.bonLink{margin-bottom: 31px;}

.menuOderList2016_05{padding-top:20px; padding-bottom:20px; border-bottom: 2px dotted #333;border-top: 2px dotted #333; margin:30px auto 20px; width:98%; }
.menuOder_fukuokaTtl{ width: 98%;margin-left: auto;margin-right: auto; margin-bottom: 20px;}

.yoyakuhouhou.y02{ background: none;padding: 0;border: none;width: 98%;margin-left: auto; margin-right: auto;}
.yoyakuhouhou .ttlTel{ margin-bottom: 10px; font-weight: bold; font-size: 110%;}
.yoyakuhouhou .ttlTel span{
	background: #e60012; color: #fff;display: inline-block; font-weight: bold;padding: 8px 8px 7px; margin-right: 10px;
}
.yoyakuhouhou .ttlTel span.spBlock{ background: none!important; padding: 0; color: #333;margin-top: 10px;}


.yoyakuhouhou.y02 .appetizerBox{ padding-bottom:20px;border-bottom: 2px dotted  #333;margin-bottom: 20px;}
#fukuokaList .yoyakuhouhou .ttlTel span{background: #00a73b;}
#fukuokaList .yoyakuhouhou .tel-link{ display: inline-block; background: url(./img/2016_xmas/icon_tel.png) no-repeat center left; -webkit-background-size: 22px;
background-size: 22px; padding-left: 26px;}
#fukuokaList .yoyakuhouhou .time{ font-size: 88%;}

.facebookWrap{
	background: #3B5998;
	text-align: center;
	padding: 2%;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	max-width: 520px;
	margin-left: auto; margin-right: auto;
}

.fb_iframe_widget,
.fb_iframe_widget span,
.fb_iframe_widget iframe[style]{
  width: 100% !important;
  margin-left: auto!important; margin-right: auto!important;
  background: #3B5998;
}



.bonTable {
	width:100%;
	border-collapse:collapse;
	border:1px solid #666;
	color:#000;
	background: #fff;
	margin-bottom: 20px;
	font-size: 130%;
	}
.bonTable th,.bonTable td{ padding: 10px; border-collapse:collapse;}
.bonTable th { border:1px solid #666; background:#FFFFEF; color: #000; }
.bonTable td { border:1px solid #666; font-weight: bold;}
.bonTable .red{ color: #e60012; }

.misaPriceList li{ margin-bottom: 10px; padding-bottom: 15px; padding-top: 5px; border-bottom: 1px dotted  #ccc;}
.misaPriceList li:last-child{border-bottom: none; padding-bottom: 0;}
.misaPriceList span{
	display: block;
	width: 200px;
	float: left;
	padding-top: 10px;
}
.misaPriceList select{ float: left;}

.xmas_gentei{ margin-bottom: 10px;}
.xmas_gentei span{ background: #c00; color: #fff; font-size: 84%; padding: 4px 10px; font-weight: bold;}

.xmasShop li{
	border: 2px solid  #000;
	margin-bottom: 20px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	text-align: center;

}

.xmasShop li .ttlShop{
	background: #333;
	font-size: 110%;
	font-weight: bold;
	color: #fff;
	padding: 7px 0 6px;
}
.xmasShop li .appetizerTel02{
	font-size: 230%;
	font-weight: bold;
	margin-bottom: 5px;
	margin-top: 5px;
}
.xmasShop li .appetizerTel02 span{
	display: inline-block;
	background: url(./img/2016_xmas/icon_tel.png) no-repeat center left;
	padding-left: 48px;
}
.xmasShop li .appetizerBox{ margin-bottom: 5px;}


.xmasShopTimeInfo{ margin-top: 10px;}
.xmasShopTimeInfo p{ margin-bottom: 4px; font-size: 96%;}
.txtNo{ display: none;}


.nenmatsuEigyoBox .ttl{ background:#e60012 ; color: #fff; font-weight: bold;font-size: 140%; text-align: center; padding: 6px 6px 5px;}
.nenmatsuEigyoBox .cont{
	border: #e60012 solid 3px;
	color: #e60012;
	font-weight: bold;
	font-size: 120%;
	text-align: center;
	padding: 20px;
	margin-bottom: 30px;
}


.boneTtl{ background: #55341d; color: #fff; padding: 4px 10px 3px; font-weight: bold; margin-bottom: 10px; margin-top: 20px;}
ul.boneCap li{ list-style-type:disc;margin-bottom: 10px; margin-left: 20px;}
.mW100 img{ max-width: 100%;}

/*----------------------------------------------------
 	市役所フォーム
----------------------------------------------------*/


.oitaFormCautionWrap{ position: relative; padding-top: 40px;}
.oitaFormCautionWrap img.tuhanImg{ position: absolute; bottom: 0;left: 20px;}
.oitaFormCautionWrap img.pcImg{ position: absolute; bottom: 0;right: 20px;}
.oitaFormCaution{
	background: #e60012;
	color: #fff;
	padding: 20px;
	margin-bottom: 40px;
	font-size: 110%;
	font-weight: bold;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	text-align: center;
}


.oitaFormPriceList{ margin-top: 10px;}
.oitaFormPriceList li{
	width: 48%;
	float: left;
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px dotted  #ccc;
}
.oitaFormPriceList li:last-child{border-bottom: none;padding-bottom: 0;}
.oitaFormPriceList li:nth-child(2n){ float: right;}
.oitaFormPriceList li .photoBox{
	/*width: 80%;*/
	margin: 0 auto 10px;
	text-align: center;
}
.oitaFormPriceList li span{
	font-weight: bold;
	display: block;
	width: 50%;
	float: left;
	padding-top: 10px;
}
.oitaFormPriceList li select{ float: right;}


/*----------------------------------------------------
 	大野タカシさん起用決定
----------------------------------------------------*/
.ohnoProfWrap h3{
    margin-bottom: 10px;
    background: #e60012;
    color: #fff;
    font-weight: bold;
	font-size:100%;
    padding: 5px 5px 4px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

table.ohnoCareer{background:#fff;}
table.ohnoCareer th{padding: 10px; background:#fff; color:#55341d; width: 11em; font-weight:bold; text-align:left; vertical-align: top;}
table.ohnoCareer td{padding: 10px; background:#fff;}


/*----------------------------------------------------
 	とりさく
----------------------------------------------------*/

h3.torisakuTxt{ border-radius: 0;-webkit-border-radius: 0;-moz-border-radius: 0;font-size: 110%;padding: 9px 10px 8px; margin-bottom: 0;vertical-align: bottom; margin-top: 30px; padding-left: 20px;}
.torisakuTxtBox{ border: 2px solid  #e60012; border-top: none; padding: 20px 30px; }
.torisakuTxtBox .spCrearBox .box49p{ border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px; background: #6b5b3a; font-weight: bold; color: #fff; text-align: center; padding: 10px 5px 9px; font-size: 106%;}


.pc20Tsp10T{ margin-top: 20px;}
.pc20sp10{ margin-bottom: 20px;}
.pc30sp10{ margin-bottom: 30px;}
.pc40sp10{ margin-bottom: 40px;}
.pc40sp20{ margin-bottom: 40px;}
.pc60sp30{ margin-bottom: 60px;}
.pcmt30{ margin-top: 30px;}
.pcmb20{ margin-bottom: 20px;}
.pcmb40{ margin-bottom: 40px;}
.pcmb50{ margin-bottom: 50px;}
.pcOnlymb15{ margin-bottom: 7px;}
.pcOnmb20{ margin-bottom: 20px;}
.pcOnmb55{ margin-bottom: 53px;}
.pcOnmb40{ margin-bottom: 40px;}
.pcOnmb60{ margin-bottom: 60px;}
.pcOnmb100{ margin-bottom: 100px;}
.pcOnmb140{ margin-bottom: 140px;}
.pcRight{ text-align: right;}
.pcCenter{text-align: center;}


/*----------------------------------------------------
 	下位安心・安全
----------------------------------------------------*/

.color01 {
	background: #edf4e6;
}

.color02 {
    background: #f9f9e8;
}

.color03 {
    background: #eaf9f6;
}

.color04 {
    background: #f7eee4;
}

.color05 {
    background: #ffffcc;
}

.safe01 {
	padding: 3% 3%;
}

.safe01 h4 {
	margin-top: 0px;
	border-bottom: 1px solid #666;
}

.safe01 p {
	clear: both;
}

.safe_l {
	float: left;
	margin: 0 2% 1% 0;
	max-height: 160px;
}
.safe_r {
	float: right;
	margin: 0 0 1% 2%;
	max-height: 160px;
}

.clear {
	display: block;
	clear: both;
}


/*----------------------------------------------------
 	201804 福岡改修
----------------------------------------------------*/

.spLogo{ display: none;}
.fukuokaTopCap{
	width: 100%;
	background: url(./img/fukuoka/img_main.jpg) no-repeat;
	padding-top: 150px;
	font-weight: bold;
	font-size: 18px;
	text-align: center;
	line-height: 2em;
	min-height:760px;
}

.newsTop{
	font-size: 110%;
	padding: 0;
	margin-bottom: 0;
	position: relative;
}
.newsTop span{ display: inline-block; float: left;background: url(./img/icon_newTop.png) no-repeat left center; padding:4px 0 4px 26px;}
.newsTop a{ display: block; width: 100px; height: 29px; float: right; vertical-align: bottom; position: absolute; right: 0; bottom: 0; }

dl.infoBox.mb40{ margin-bottom: 40px;}

.fukuokaTopMenu li{
	width: 49%;
	float: left;
	margin-bottom: 10px;
	position: relative;
	padding-top: 20px;
}
.fukuokaTopMenu li .cont{background: #ef8100; padding: 18px 20px 20px;}
.fukuokaTopMenu li:nth-child(2) .cont{ background: #00a0e9;color: #fff;}
.fukuokaTopMenu li:nth-child(3) .cont{ background: #fee02b;}
.fukuokaTopMenu li:nth-child(4) .cont{ background: #00c402;color: #fff;}


.fukuokaTopMenu li:nth-child(2n){ float: right;}
.fukuokaTopMenu li h3{
	background: #854800;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	font-size: 23px;
	margin-bottom: 0;
	padding: 8px 16px 6px;
	vertical-align: bottom;
}
.fukuokaTopMenu li:nth-child(2) h3{ background: #0083be;}
.fukuokaTopMenu li:nth-child(3) h3{ background: #54341d;}
.fukuokaTopMenu li:nth-child(4) h3{ background: #009a02;}

.fukuokaTopMenu li p{ font-weight: bold; line-height: 1.8em; margin-bottom: 15px;}
.fukuokaTopMenu li img{ position: absolute; right: 13px; bottom: 20px;}

.fukuokaTopMenu li .btn a{ width: 320px;margin: 0; font-size: 15px;padding: 9px 10px 8px; background: #fff url(./img/fukuoka/icon_btn.png) no-repeat 92% center; -webkit-background-size: 16px;background-size: 16px;}
.fukuokaTopMenu li .btn a:hover{ color: #000; opacity:0.7;filter:alpha(opacity=70);}

.fukuokaTopMenu li .onlySPS{ display: none;}


/*----------------------------------------------------
 	201804 TOP改修
----------------------------------------------------*/


#slideBox .searchBoxArea{
	width: 360px;
	/* float: right; */
}
#slideBox .searchBoxArea .searchBoxAreaIn{
	border: 3px solid  #000;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	background: #fff;
}
#slideBox .searchBoxArea .searchBoxAreaIn h3{
	background: #e60012 ;
	color: #fff;
	font-weight: bold;
	font-size: 30px;
	text-align: center;
}
#slideBox .searchBoxArea .searchBoxAreaIn h3 span{
	display: inline-block;
	background: url(./img/icon_oita.png) no-repeat left center;
	-webkit-background-size: 90px;
	background-size: 90px;
	padding:15px 0 14px 102px;
}
#slideBox .searchBoxArea .searchBoxAreaIn:nth-child(2)  h3 span{
	background: url(./img/icon_fukuoka.png) no-repeat left center;
	-webkit-background-size: 98px;
	background-size: 98px;
	padding: 15px 0 14px 112px;
}

#slideBox .searchBoxArea .searchBoxAreaIn .searchBoxMenu{ padding: 10px;}
#slideBox .searchBoxArea .searchBoxAreaIn .searchBoxMenu li a,
#slideBox .searchBoxArea .searchBoxAreaIn .searchBoxFukuoka a{
	display: block;
	background: #fee100;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	text-align: center;
	color: #000;
	padding: 21px 0;
	font-weight: bold;
	font-size: 16px;
}
#slideBox .searchBoxArea .searchBoxAreaIn .searchBoxMenu li a{
	width: 48.5%;
	float: left;
}
#slideBox .searchBoxArea .searchBoxAreaIn .searchBoxMenu li a:hover,
#slideBox .searchBoxArea .searchBoxAreaIn .searchBoxFukuoka a:hover{ background: #55341d; color: #fff;}
#slideBox .searchBoxArea .searchBoxAreaIn .searchBoxMenu li:last-child a{ float: right;}
#slideBox .searchBoxArea .searchBoxAreaIn .searchBoxFukuoka{ padding: 10px;}
#slideBox .searchBoxArea .searchBoxAreaIn .searchBoxMenu li a span{
	display: inline-block;
	background: url(./img/icon_oitaMenu.png) no-repeat left center;
	-webkit-background-size: 16px;
	background-size: 16px;
	padding-left: 20px;
}
#slideBox .searchBoxArea .searchBoxAreaIn .searchBoxMenu li:nth-child(2) a span{
	background: url(./img/icon_oitaShop.png) no-repeat left center;
	-webkit-background-size: 16px;
	background-size: 16px;
	padding-left: 20px;
}
#slideBox .searchBoxArea .searchBoxAreaIn .searchBoxMenu li:last-child a span,
#slideBox .searchBoxArea .searchBoxAreaIn .searchBoxFukuoka a span{
	background: url(./img/icon_reserve.png) no-repeat left center;
	-webkit-background-size: 18px;
	background-size: 18px;
	padding-left: 24px;
}
#slideBox .searchBoxArea .searchBoxAreaIn .searchBoxMenu li a:hover span{
	background: url(./img/icon_oitaMenu_o.png) no-repeat left center;
	-webkit-background-size: 16px;
	background-size: 16px;
}
#slideBox .searchBoxArea .searchBoxAreaIn .searchBoxMenu li:nth-child(2) a:hover span,
#slideBox .searchBoxArea .searchBoxAreaIn .searchBoxFukuoka a:hover span{
	background: url(./img/icon_oitaShop_o.png) no-repeat left center;
	-webkit-background-size: 18px;
	background-size: 18px;
}

#slideBox .searchBoxArea .searchBoxAreaIn .searchBoxMenu li:last-child a:hover span,
#slideBox .searchBoxArea .searchBoxAreaIn .searchBoxFukuoka a:hover span{
	background: url(./img/icon_reserve_o.png) no-repeat left center;
	-webkit-background-size: 18px;
	background-size: 18px;
}

h2.newsTop{
	font-size: 110%;
	padding: 0;
	margin-bottom: 0;
	position: relative;
}
h2.newsTop span{ display: inline-block; float: left;background: url(./img/icon_newTop.png) no-repeat left center; padding:4px 0 4px 26px;}
h2.newsTop a{ display: block; width: 100px; height: 29px; float: right; vertical-align: bottom; position: absolute; right: 0; bottom: 0; }

.snsTopList{ margin-bottom: 30px;}
.snsTopList li{
	width: 49%;
	float: left;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	background: #fffddd;
}
.snsTopList li:last-child{ float: right;}

.snsTopList li h3,.topAboutBox h3{
	background: #54341d;
	color: #fff;
	font-size: 20px;
	text-align: center;
	font-weight: bold;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	padding: 20px 0;
	margin-bottom: 20px;
	position: relative;
}
.topAboutBox h3{ background: #fee02a url(./img/h3_bg.png) repeat-x; color: #000;}
.snsTopList li h3 span,.topAboutBox h3 span{ display: block; font-size: 12px;}
.snsTopList li h3:after,.topAboutBox h3:after {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(255, 242, 20, 0);
	border-top-color: #54341d;
	border-width: 13px;
	margin-left: -13px;
}
.topAboutBox h3:after {border-top-color: #fee02a;}
.snsTopList li .cont{ padding: 5px 15px 15px; position: relative;}
.snsTopList li .cont img{ position: absolute; left: 22px;top: -15px;}
.videoContainer {
	position: relative;
	padding-bottom: 56.25%;

	padding-top: 30px;
	height: 0;
	overflow: hidden;
	/*margin-bottom:6px;*/
}
.videoContainer.songPage { margin-bottom: 0;}
.videoContainer iframe,
.videoContainer object,
.videoContainer embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	vertical-align: bottom;
}
.videoContainer.v2{padding-top: 0; margin-bottom: 0;}
.topAboutBox { background: #fffddd; margin-bottom: 30px;}
.topAboutBox .topAboutBoxCont{ width: 47%; float: left; margin: 10px; }
.topAboutBox .topAboutBoxCont:nth-child(3) { float: right; }
.topAboutBoxCont ul>li{ width: 230px; float: left; background: #fff; }
.topAboutBoxCont ul>li:nth-child(1) ,.topAboutBoxCont ul>li:nth-child(2){ margin-bottom: 10px;}
.topAboutBoxCont ul>li:nth-child(2n){ float: right;}
.topAboutBoxCont ul>li a{ color: #000;}
.topAboutBoxCont ul>li img{ vertical-align: bottom;}
.topAboutBoxCont ul>li h4{ background: #fee02a; color: #000; text-align: center; padding: 8px 0 7px;}
.topAboutBoxCont ul>li p{font-size: 12px; padding: 10px;}
.topAboutBoxCont ul>li a{ width: 100%; display: inline-block; height: 100%;}
.topAboutBoxCont ul>li a:hover{ opacity:0.7;filter:alpha(opacity=70);}
.topAboutBoxCont ul>li a:hover img{ opacity:0.7;filter:alpha(opacity=70);}
.topAboutBoxCont ul>li div.video{height: 124px; overflow: hidden;}
.snsTopList li.topAboutBoxCont ul{ padding: 5px 10px 15px;}


.snsTopList .topAboutBoxCont .ppBtn,.snsTopList .topAboutBoxCont .ppBtn02{ display: none;}


.bentoReserveBox{
	border: 4px solid  #000;
	margin-bottom: 40px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	text-align: center;
	font-size: 140%;
	font-weight: bold;
	padding: 20px;
}
.bentoReserveBox .telbtn{ font-size: 160%;}
.bentoReserveBox .telbtn span{
	display: inline-block;
	background: url(./img/icon_tel.png) no-repeat center left;
	-webkit-background-size: 50px;
	background-size: 50px;
	padding-left: 60px;
}
.bentoReserveBox .telbtn a{pointer-events: none; color: #000; }
.bentoReserveBox .text12{ font-weight: normal;}

/*.shopListBox{ border: #000 solid 1px; padding: 0; -webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px; margin-bottom: 30px;}*/
.shopTtl{ border: #000 solid 1px; font-weight: bold; padding: 6px 0; text-align: center; margin-bottom: 15px;}
/*.shopListBox .shopLink{ padding: 20px 20px 0;}*/
.shopListBox:last-of-type{ margin-bottom: 40px;}

/*-----------20210803 アレルギー変更-----------*/
.menuSub dl.allergieBox{ border: none; background: #f7f7f7; padding: 10px;}
.menuSub dl.allergieBox dt{width: 96px;float: left;clear: both;}
.menuSub dl.allergieBox dd{width: 100%; text-align: left; color: #000;float: right; margin-left: -96px;padding-left: 96px;}
.menuSub dl.allergieBox ul li{display: inline-block; margin-right: 10px;}
.menuSub dl.allergieBox:first-of-type{border-bottom: 1px solid #ddd;}

.foodlossList{overflow: hidden;margin-bottom: 60px; margin-top: 40px;}
.foodlossList li a{display: block; width: 32%;float: left; margin-right: 2%;margin-bottom: 20px; text-align: center;font-weight: bold; border-radius: 6px; padding: 10px 0; color: #000;background:#fff url(./img/bg_blogN.png) no-repeat 97% center;}
.foodlossList li:nth-child(3n) a{margin-right: 0;}
.foodlossList li a:hover{background:#f5f5f5 url(./img/bg_blogN.png) no-repeat 97% center;}
.foodlossTxtbox{text-align: center; margin-bottom: 60px;}
.foodlossTxtbox .ttl{font-size: 24px; font-weight: bold;margin-bottom: 20px;}
.poppoReserveTxt a{ display: inline-block; width: 100%; margin-bottom: 20px; background: #ffe100 url(./img/bg_shopLink.png) no-repeat 98% center;background-size: 8px;border-radius: 5px; padding: 6px 10px 5px;color: #000; font-weight: bold;}


/*-----------202201 合格祈願-----------*/

.goukakuList li{ border: 1px solid #000;}
.goukakuList li .ttl{position: relative; background: #eb6ea5; color: #fff; font-size: 50px; font-weight: bold; padding:8px 0 8px 140px;}
.goukakuList li .ttl img{position: absolute; left: 10px; top: -20px;}
.goukakuList li .clearfix{padding: 20px;}
.goukakuList li .photoBox{ float: left; }
.goukakuList li .txtBox{ float: right; width: 100%; margin-left: -400px; padding-left: 400px; font-size: 34px; padding-top: 18px;}
.goukakuList li{margin-bottom: 40px;}

@media only screen and (max-width: 960px){
.goukakuList li p.ttl{font-size: 26px; padding:4px 0 4px 100px;}
.goukakuList li .ttl img{width: 80px;}
.goukakuList li .clearfix .photoBox{float: none;text-align: center;margin-bottom: 20px;}
.goukakuList li .clearfix .photoBox img{display: block;margin-left: auto; margin-right: auto;}
.goukakuList li .clearfix .txtBox{float: none; margin-left: 0; padding-left: 0;padding: 0;font-size: 22px;text-align: center;}
}
@media only screen and (max-width: 420px){
.goukakuList li p.ttl{padding:4px 0 4px 80px;}
.goukakuList li .ttl img{width: 60px;}
}



/*スマホ　sumaho*/

@media only screen and (min-width: 761px) {
.onlyPC { display: block;}
.onlySP { display: none;}
}
@media only screen and (max-width: 760px){

body{ font:14px/1.6 ArialMT; font-family:"游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; }
.onlyPC { display: none;}
.onlySP { display: block;}
img.onlySP { display: inline-block;}

/* placeholder */
input::-webkit-input-placeholder {
 font-size: small;
}
input:-moz-placeholder {
 font-size: small;
}

/*----------------------------------------------------
 	header
----------------------------------------------------*/

#header{ padding-top: 0; padding-bottom: 5px;}
#header .contents{ position: relative;}
#header .headerWrap{ background: #55341d; padding: 10px 0; width: 100%;}
#header .headerLogo{ text-align: left; width: 110px; padding-left: 10px;}
#header .headerTel{ position: absolute; width: 70px; right: 80px; top: 0;}
#header .headerLogo .bnr_box{display: none}


nav {
	border:0;
	border:0;
	position:absolute;
	}
	.nav-mobile { display:block; margin-right:0; margin-top: -74px;}
	.nav {
		width:100%;
}
	.nav-list {	display:none; background:#666; margin-top:44px; position:relative; z-index:1000000;margin-top: 0px;}
	.nav-item {
		width:100%;
		float:none;
		border-bottom:1px solid #313131;

	}
	.nav-item:hover { background:#f48808;}
	.nav-click { display:block;}
	.nav-mobile-open {
		border-radius:5px 5px 0 0;
		-webkit-border-radius:5px 5px 0 0;
		-moz-border-radius:5px 5px 0 0;
	}
	.nav-item:hover .nav-submenu { display:none;}
	.nav-submenu {
		position:static;
		width:100%;
	}

.nav-item > a {
	display:block;
	width:100%;
	padding:15px;
	height:auto;
	color:#fff;
	text-decoration:none;
	}
.nav-item > a:hover { background-position:0 bottom;}
.nav-item > a span { display:inline;}

.nav-item > a.navi01,
.nav-item > a.navi02,
.nav-item > a.navi03,
.nav-item > a.navi04,
.nav-item > a.navi05,
.nav-item > a.navi06,
.nav-item > a.navi07,
.nav-item > a.navi07.new,
.nav-item > a.navi08,
.nav-item > a.navi09,
.nav-item > a.navi10,
.nav-item > a.navi11,
.nav-item > a.navi12 { width:100%; background:none; /*line-height: 1.6em;*/}
.nav-item > a.navi13 { width:100%; background:none; /*line-height: 1.6em;*/}



.contents{ width:100%; margin:0 auto;}
.contents img{ max-width:100%;}
.contentsSp100{width:100%; margin:0 auto;}
.contentsSp96{width:96%; margin:0 auto;}

.contentsWrap,.contentsWrapSub{ width: 100%; padding:10px 0;}



#slideBox{
	background:#C7E8FB;
	padding: 0 0 20px;
	margin-top: -5px;
}

#slideBox .slideBoxIn{
	width: 100%;
	float: none;
}
#slideBox .searchBox{
	width: 100%;
	float: none;
}
#slideBox .slideBoxIn{
	width: 100%;
	height: auto;
	background:none;
	padding: 0;
}
#slideBox .slideBoxIn .bx_sliderWrap .bx-pager.bx-default-pager{ float: none;}
#slideBox .slideBoxIn .bx_sliderWrap .bx-pager.bx-default-pager a{
	text-indent: -9999px;
	float: none;
}
#slideBox .bx-wrapper{ margin-bottom: 40px;}

#slideBox .searchBox .searchBoxIn{
	width: 96%;
	margin-left: auto; margin-right: auto;
	border: 3px solid  #000;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	background: #fff;
}
#slideBox .searchBox .searchBoxIn h3{
	background: #e60012 url(./img/icon_search.png) no-repeat 10px center;
	color: #fff;
	padding:10px 10px 10px 40px;
	font-weight: bold;
	font-size: 110%;
}
#slideBox .searchBox .searchBoxIn .selectBox .top_select1{width: 100%; margin-left: -100px; float: left;}
#slideBox .searchBox .searchBoxIn .selectBox .top_select1 select{ width: 70%; margin-left: 100px;  }
#slideBox .searchBox .searchBoxIn .top_select1.top_inputText input[type=text]{width: 70%; margin-left: 100px; float: none;}
#slideBox .searchBox .searchBoxIn input {
	float: right;
	display: block;
	background: #ffe100;
	width: 72px;
	mih-height: 36px;
	height: 36px;
	line-height: 36px;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	font-size: 90%;
	margin-left: auto; margin-right: auto;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
#slideBox .searchBox .searchBoxIn input:hover {	background: #55341d; color: #fff;}
#slideBox .searchBox .searchBoxIn input.topBtn02 { height: 86px; min-height: 86px; line-height: 86px;}
#slideBox .searchBox .searchBoxIn .btnTopSP input { width: 100%;}

.infoBox dt{
  clear: left;
  float: left;
  width: 100px;
  border-top:1px dotted #CCCCCC;
  color:#999999;
  margin-right:0;
  padding:6px 0px 5px;
}
.infoBox dd {
  margin-left: 100px;
  margin-bottom: 10px;
  border-top:1px dotted #CCCCCC;
  padding:6px 0px 5px;
}

.newTop{ width: 96%; float: none; margin-left: auto; margin-right: auto;}
.recruitBox{ width: 96%; float: none; text-align: center; margin-left: auto; margin-right: auto;}
/*.recruitBox img{ width: 100%;}*/

.bannerBox{ width: 96%; float: none; text-align: center; margin-left: auto; margin-right: auto;}

.topPolicy a{
	display: block;
	width: 100%;
	background: #b28850;
	color: #fff;
	padding: 14px 0 12px;
	text-align: center;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	margin: 20px auto;
	text-decoration: underline!important;
}


.topMenu{width: 96%; float: none; margin-left: auto; margin-right: auto; margin-bottom: 10px;}
.topMenu li{ width: 49%; float: left; margin-bottom: 15px; text-align: center;}
.topMenu li:nth-child(2n){ float: right;}
.topMenu li img{ max-width: 100%;}

.movieBox{ width: 96%; float: none; margin-left: auto; margin-right: auto; margin-bottom: 10px;}


.videoContainer {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
	margin-bottom:6px;
}
.videoContainer iframe,
.videoContainer object,
.videoContainer embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


h3.topMovieH3{
	font-size: 100%;
	padding: 10px 16px 10px;
	margin-bottom: 10px;
}

.topMovieList li{
	width: 96%;
	float: none;
	margin-left: auto; margin-right: auto;
}
.topMovieList li:last-child{margin-left: auto; margin-right: auto;}

.bannerOuen{ margin-top: 0;}



/*----------------------------------------------------
 	footer
----------------------------------------------------*/
#footer{ background: #55341d;width: 100%;padding: 20px 0 0; color: #fff;}
#footer .contents{ position: relative; font-size: 90%; padding-bottom: 0;}
#footer .footerBox01{ width: 100%; float:none; margin-right: 0; text-align: center; padding-bottom: 20px; border-bottom: 1px solid  #41230e;}
#footer .footerBox02{ width: 100%; float:none; margin-right: 0; text-align: center;padding-top: 20px; border-top: 1px solid  #664934; padding-bottom: 20px; border-bottom: 1px solid  #41230e;}
#footer .footerBox03{ width: 92%; float: none; margin: 0 auto; padding-top: 20px; /*border-top: 1px solid  #664934; */padding-bottom: 40px;}
/*#footer .footerBox03 h4{ text-align: center;}*/
.pageTop{ width: 110px; position: absolute; bottom: -7px; right: 5px;}

#footer .footerBox02 .top_select1{ width: 100%; float: none; margin-bottom: 10px;}
#footer .footerBox02 .top_select1 select{ width: 90%;margin-left: auto; margin-right: auto;}
#footer .footerBox02 input {
	 -webkit-appearance: none;
	float: none;
	display: block;
	background: #ffe100;
	width: 140px;
	mih-height: 36px;
	height: 36px;
	line-height: 36px;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	font-size: 90%;
	margin-left: auto; margin-right: auto;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	margin-bottom: 10px;
}
#footer .footerBox02 input:hover {	background: #e60012; color: #fff;}

#footer h4{ font-weight: bold; font-size: 110%; margin-bottom: 10px; }
#footer .ftSiteMap{ font-size: 84%; margin-left: 10px; }
#footer .ftSiteMap li{ width: 49%; float: left; margin-bottom: 5px; list-style-type:disc;}
#footer .ftSiteMap li:nth-child(2n){ float: right; padding-left: 0;}
#footer .ftSiteMap li a{ color: #fff; text-decoration: none;}
#footer .ftSiteMap li a:hover{ color: #f48808;text-decoration: underline;}




/*----------------------------------------------------
 	下位common
----------------------------------------------------*/

#sideBar{ width: 100%; float:none;}
#sideBar.trinitaSide{ width: 96%; margin-left: auto; margin-right: auto; text-align: center;}
#main{ width: 100%; float:none; margin-bottom: 40px;}
.contentsSub{ padding-top: 10px;}

.breadcrumb ul{ width: 96%; margin:0 auto; padding: 10px 0; font-size: 80%;}

.contentsWrapSub h2{
	padding: 10px 10px 10px;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	margin-bottom: 20px;
}
.contentsWrapSub h3{
	font-size: 130%;
	padding: 10px 10px 10px;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	margin-bottom: 20px;
}

#sideBar .sideBox01 h3{
	padding: 12px 10px 11px 40px;
	background:#e60012 url(./img/icon_sideH3.png) no-repeat 10px center;
	font-size: 110%;
	text-align: left;
	margin-bottom: 0;
}

#sideBar .sideBox01{
	border: none;
	margin-bottom: 20px;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
}
#sideBar .sideBox01 ul li a{
	width: 50%;
	display: block;
	background: #fff;
	color: #000;
	background: url(./img/bg_blogN.png) no-repeat 97% center;
	border-bottom: 1px dotted #000;
	border-right: 1px dotted #000;
	padding: 12px 10px 11px 5px;
	font-size: 80%;
	float: left;
}
#sideBar .sideBox01 ul li:nth-child(2n) a{ border-right: none;}
#sideBar .sideBox01 ul li:last-child a{ border-bottom: 1px dotted #000;}
#sideBar .sideBox01 ul li a:hover{background:#f5f5f5 url(./img/bg_blogN.png) no-repeat 97% center;}
#sideBar .sideLink{ width: 96%;margin-left: auto; margin-right: auto; margin-bottom: 20px;}

.table02{ width: 96%;margin-left: auto; margin-right: auto;}


/*----------------------------------------------------
 	下位新着
----------------------------------------------------*/

.newList{ padding-top: 0; width: 96%;margin-left: auto; margin-right: auto;}
.newList li{ position: relative; border-bottom: 1px dotted #ccc; padding-bottom: 30px; margin-bottom: 30px;}
.newList .photoBox{ width: 100%; float: none; margin-bottom: 20px; margin-left: auto; margin-right: auto;}
.newList li .btnKw{ position: relative; margin-left: auto; margin-right: auto;display: block; bottom: 0; margin-top: 20px;}


.blog_info .date{ text-align: right;  color: #55341d; margin-bottom: 10px;}
.post{ width: 96%; margin-left: auto; margin-right: auto;}

.nav-below{ width: 96%; margin-left: auto; margin-right: auto;}
.nav-below .nav-previous{ display: block; width: 100%; float: none; margin-bottom: 10px;}
.nav-below .nav-next{ display: block; width: 100%; float: none;text-align: right;}


/*----------------------------------------------------
 	下位menu
----------------------------------------------------*/

.menuList{ width: 96%; margin-left: auto; margin-right: auto;}
.menuList li{
	width: 49%;
	float: left;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border: 1px #ccc solid;
	margin-right: 0;
	margin-bottom: 40px;
	padding: 5px 0 36px;
	position: relative;
}
.menuList li:nth-child(2n){ float: right;}
.menuList li .menuPhoto{ text-align: center; max-height: 160px; padding:0 5px; }
.menuList li .menuPhoto img{ max-width: 100%; max-height: 160px;}
.menuList li .cont{ padding: 0 10px;}
.menuList li .ttl{ font-weight: bold; margin-bottom: 10px; font-size: 110%;}
.menuList li dl,.menuSub dl{ border-top: 1px dashed  #000; font-size: 80%; padding: 7px 0 6px;}
.menuList li dl dt,.menuSub dl dt{ width: 69%; float: left;}
.menuList dl dt .menu_col{ display: none;}
.menuList .menuOtoku{ font-size: 9px;}
.menuList li dl dd,.menuSub dl dd{ width: 29%; float: right; text-align: right; color: #e60012;}
.menuSub dl{ width: 96%;margin-left: auto; margin-right: auto;}
.menuSub dl dt{ text-align: left;}
.menuList li .btn01 a{
	width: 100%;
	position: absolute;
	bottom: 0;display:
	block;
	background:#ffe100;
	text-align: center;
	color: #000;
	font-size: 90%;
	height: 36px;
	line-height: 36px;
}
.menuList li .btn01 a:hover{ background: #55341d; color: #fff;}
.menuSub .box49p p,.menuSub .menuSubTxt{ width: 96%;margin-left: auto; margin-right: auto;}
.menuSub .box49p.fl{ margin-bottom: 20px;}
.subPrice dl{ font-size: 106%;}

.menuList li.w100p{ width: 100%; float: none;}
	.tsln_under{ padding:0 10px;}
	.tsln_under p{ margin-bottom: 10px;}
.menuList li.menuListGozen{ clear: both; float: none;width: 100%;}

/*----------------------------------------------------
 	下位店舗
----------------------------------------------------*/
.shopLink{ width: 96%;margin-left: auto; margin-right: auto;}

.shopList{ margin-bottom: 40px;width: 96%;margin-left: auto; margin-right: auto;}
.shopList li{
	width: 100%;
	float: none;
	margin-bottom: 15px;
	border: 1px #785e4c dotted;
	padding: 10px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
.shopList li:nth-child(2n){ float: none; }

.shopList li .menuPhoto{ width: 100px; float: left;}
.shopList li .menuPhoto img{ max-width: 100px;}
.shopList li .txtWrap{ width: 100%; margin-left: -100px; float: left;}
.shopList li .txtWrap .txtBox{ margin-left: 110px; font-size: 88%;}

.shopList li a{text-decoration: underline;}
.shopList li a:hover{ text-decoration: none;}
.shopList li .ttl{ font-weight: bold; font-size: 180%; margin-bottom: 8px; line-height: 1em;}
.shopList li p{ margin-bottom: 3px;}
.shopList li .etc p{ margin-left: 1em;}
.shopList li .etc span{ padding-left: -1em; float: left;}


/*----------------------------------------------------
 	下位採用
----------------------------------------------------*/

.rinenBox{
	width: 96%;
	margin-left: auto; margin-right: auto;
	padding: 0;
	margin-bottom: 20px;
	border: none;
}
.rinenBox .box49p.fl,.rinenBox .box49p.fr{ width: 100%; float: none; text-align: center;}
	.rinenBox .box49p.fl img,.rinenBox .box49p.fr img{margin: 0 auto; width: 50%}

.rinenBox02{ margin-bottom: 40px; font-size: 100%; width: 96%;margin-left: auto; margin-right: auto;}
.rinenBox02>li:first-child{ width: 100%; float: none; margin-bottom: 10px;}
.rinenBox02>li:last-child{ width: 100%; float: none;text-align: center;}

.rinenBox03{ width: 96%; margin-left: auto; margin-right: auto; display: block}
	.rinenBox03 li{width: 100%}
.rinenBox03 li img{ margin-bottom: 5px; display: block; margin-left: auto; margin-right: auto;}
.rinenBox03 li a{
	display: block;
	position: relative;
	width: 100%;
	margin-right: 15px;
	float: left;
	background: #fffdf2;
	border: 1px solid  #ccc;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	margin-bottom: 20px;
	height: auto
}
.rinenBox03 li a{ color: #000;}
.rinenBox03 li p.txt{ padding: 0 10px; font-size: 100%; margin-bottom: 20px;}
.rinenBox03 li p.btn{ width: 100%; text-align: center; background: #e0e44a; height: 36px; line-height: 36px; font-size: 94%; position: absolute; bottom: 0;}
.rinenBox03 li:nth-child(2) p.btn{ background: #98dfec; }
.rinenBox03 li:nth-child(3) p.btn{ background: #ffbb8a;}
.rinenBox03 li a:hover p.btn{ background: #ffe100; color: #55341d;}

img.recruitOitaImg{ /*margin-tp: -20px;*/}

/*----------------------------------------------------
 	下位home
----------------------------------------------------*/
.staff_voice dt{
	margin-bottom: 10px;
	background: #e60012;
	color: #fff;
	font-weight: bold;
	padding: 5px 5px 4px;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
}
.staff_voice dd p{ width: 96%;margin-left: auto; margin-right: auto;}

.homeSweetPhoto img.fr{ float: none; width: 60%; display: block; margin-left: auto; margin-right: auto;}

.recruitList{ width: 96%;margin-left: auto; margin-right: auto;}

.companySpPhoto img{ width: 50%; display: block; margin-left: auto; margin-right: auto; }
.companySpPhoto02 img{ width: 30%; display: block; margin-left: auto; margin-right: auto; }
.companySpPhoto03 img{ width: 40%; display: inline-block; }


/*----------------------------------------------------
 	下位ミュージアム
----------------------------------------------------*/
.profileBox{
	width: 96%;
	margin-left: auto; margin-right: auto;
	padding: 20px;
}
.profileBox img{ display: block;margin-left: auto; margin-right: auto;}

.collectionList{ width: 100%; margin-right: 0;}
.collectionList li{ width: 49%; margin-right: 0; margin-bottom: 30px; float: left; text-align: center;}
.collectionList li:nth-child(2n){ float: right;}
.collectionList li img{ max-width: 100%; height: 80px; width: auto;}

h3.ekakiutaH3{
	margin-bottom: 0;
	vertical-align: bottom;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	-webkit-border-bottom-left-radius: 0;
	-webkit-border-bottom-right-radius: 0;
	-moz-border-radius-bottomleft: 0;
	-moz-border-radius-bottomright: 0;
}
.ekakiuta{ background: #fff; padding: 30px 10px 10px;}
.ekakiuta li{ width: 100%; float: none; text-align: center; margin-bottom: 40px;}
.ekakiuta li:nth-child(2n){ float: none;}

.cmList li{
	width: 100%;
	float: none;
	margin-bottom: 40px;
}
.cmList li h3{ text-align: center;}

.cmList li:nth-child(2n){ float: none;}
.cmList li .videoContainer{ width: 96%;margin-left: auto; margin-right: auto;}


/*----------------------------------------------------
 	下位トリニータサポーター
----------------------------------------------------*/

.trinitaDiary{
	width: 96%;
	margin-left: auto; margin-right: auto;
	padding: 0 0 20px;
}
.trinitaDiary .cont{
	padding: 0 10px;
	font-size: 90%;
}
.trinitaDiary .diaryBox{ margin-bottom: 30px;}
.trinitaDiary .diaryBox .photo{
	width: 100%;
	float: none;
	margin-right: 0;
	margin-bottom: 10px;
}


/*----------------------------------------------------
 	下位LINE＠
----------------------------------------------------*/
.lineBox{
	width: 96%;
	margin-left: auto; margin-right: auto;
	background: #00C402;
	padding: 0 10px 10px;
	margin-bottom: 20px;
}
.lineBox .cont>li{
	background: #fff;
	padding: 10px;
	margin-bottom: 10px;
}
.lineBox .cont li:last-child{
	margin-bottom: 0;
}

.lineBox .cont li ul li{ display: block; text-align: center;}
.lineBox .cont li ul li:first-child img{
	float: none;
	margin-bottom: 10px;
}
.lineBox .cont li ul li:last-child img{
	float: none;
}


.lineBox .cont li:first-child .spCrearBox li:first-child{ width: 100%; float: none;}
.lineBox .cont li:first-child .spCrearBox li:last-child{ width: 100%; float: none; padding-top: 0;}

.lineBox .cont li:nth-child(2) .spCrearBox li:first-child{ width: 100%;float: none; padding-top: 0; }
.lineBox .cont li:nth-child(2) .spCrearBox li:last-child{ width: 100%;float: none; text-align: center; }

.lineBox .cont li:last-child .spCrearBox li:first-child{ width: 100%;float: none; padding-top: 0; }
.lineBox .cont li:last-child .spCrearBox li:last-child{ width: 100%;float: none; text-align: center; }

/*----------------------------------------------------
 	下位オードブル
----------------------------------------------------*/
.sp96Wrap h3 span{ font-size: 80%;}

.appetizerList{ width: 100%; margin-right: 0; margin-bottom: 40px;}
.appetizerList li{
	width: 100%;
	margin: 0;
	float: none;
	border: 1px solid  #CCC;
	margin-bottom: 20px;
}
.appetizerList li .ttl{
	background: #FFE100;
	font-weight: bold;
	text-align: center;
	font-size: 112%;
}
.appetizerList li .ttl span{ font-size:68%;}

input.inputBtn{width: 100%;}

.appetizerTel{ font-size: 180%; font-weight: bold; margin-bottom: 0px;}
.appetizerTel{
	display: inline-block;
	padding-left: 60px;
	background: url(./img/bg_free.gif) no-repeat left center;
	-webkit-background-size: 50px;
	background-size: 50px;
}
.appetizerTel span.cau{ display: block; background: none; padding-left: 10px; font-size: 80%; color: #C00;}

.appetizerBox .time{ font-size: 100%;}
.yoyakuhouhou{ padding: 10px; margin-bottom: 20px;}

.yoyakuhouhou table {
	width:100%;
	border-collapse:collapse;
	border:1px solid #e60012;
	text-align:left;
	color:#000;
	background: #fff;
	margin-bottom: 20px;
	font-size: 100%;
	}
.yoyakuhouhou table th,.yoyakuhouhou table td{ padding: 10px; border-collapse:collapse;}
.yoyakuhouhou table th { width:100%; display: block; border:1px solid #e60012;text-align: center; }
.yoyakuhouhou table td { width:100%; display: block; border:1px solid #e60012;text-align:left; background:#e60012; color: #fff;  font-weight: bold;}
	.yoyakuhouhou .kiyaku{ border: none}

.priceOrderList{
	padding-bottom: 10px;
	border-bottom: 1px solid  #999;
	margin-bottom: 10px;
	margin-top: 10px;
	font-size: 120%;
}
.priceOrderList span{ font-size: 80%;}

.priceOrdertotal{ font-size: 140%; font-weight: bold;}
.priceOrdertotal span{ font-size: 80%; font-weight: normal;}


.menuOderList2016{width: 100%;margin-left: auto; margin-right: auto;}
.menuOderList2016{ padding-bottom:20px;border-bottom: none;margin-bottom: 0;}
.menuOderList2016 li{text-align: center; width: 100%; margin-right: 0;float: none; border-right:none; margin-bottom: 20px; border-bottom: 2px dotted  #333; padding-bottom: 20px;}
.menuOderList2016 li:nth-child(2),.menuOderList2016 li:nth-child(3){ width: 100%;}
.menuOderList2016 li:nth-child(2){ width: 100%;padding-right: 0;}
.menuOderList2016 li:last-child{margin-right: 0;border-right: none; margin-bottom: 0;}

.menuOderList2017{width: 98%;margin-left: auto; margin-right: auto;}
.menuOderList2017{ padding-bottom:10px;border-bottom: none;margin-bottom: 20px;}
.menuOderList2017 li{ width: 100%; margin-right:10px;float: none; border-right: none; border-bottom: 2px dotted  #333; text-align: center; padding-top: 10px; padding-bottom: 10px;}
.menuOderList2017 li:nth-child(2){ width: 100%;}
.menuOderList2017 li:nth-child(3){ width: 100%;margin-right: 0;border-right: none;}
.menuOderList2017 li:nth-child(4){ width: 100% ; border-right: none;border-top: 2px dotted  #333;}

.menuOderList2017_04{ width: 98%;margin-left: auto;margin-right: auto;padding-bottom:10px;border-bottom: 2px dotted  #333;margin-bottom: 20px;}

.menuOderList2018{ padding-bottom: 0; margin-left: 0;margin-right: 0; }
.menuOderList2018 li{ width: 100%; float: none; border-right: none; padding-bottom: 20px;margin-bottom: 20px; border-bottom: 2px dotted  #333;}
.menuOderList2018 li:nth-child(2n){float: none; border-right: none; border-bottom: none;margin-bottom: 0;}

.menuOderList2018_02{ margin-left: 0;margin-right: 0;}

.firstReserve{ margin-bottom: 30px;}
.firstReserve div{ background: #e60012; text-align: center;}
.firstReserve p{ border:4px solid  #e60012; padding: 20px;}
.firstReserve span{ color: #e60012;font-weight: bold;}

.menuOderList2016_02{width: 98%;margin-left: auto; margin-right: auto;padding-bottom:0;border-bottom: none;margin-bottom: 0;}
.menuOderList2016_02 li{ border-bottom: 2px dotted  #333;padding-bottom: 0;margin-bottom: 20px;}
.menuOderList2016_02 li:first-child{ border-right: none;}

.menuOderList2016_03{width: 98%;margin-left: auto; margin-right: auto;padding-bottom:20px;border-bottom: 2px dotted  #333;margin-bottom: 20px;}
.menuOderList2016_03 li:first-child { border-bottom: 2px dotted  #333;}
.menuOderList2016_03 li:nth-child(2) { border-right: none; padding-right: 0; border-bottom: 2px dotted  #000; padding-bottom: 20px;}
.menuOderList2016_03 li:nth-child(2),.menuOderList2016_03 li:nth-child(3)  { margin-top: 20px;}
.menuOderList2016_03 li:nth-child(3) { padding-left: 0;}

.bonCap{ width: 96%;margin-left: auto;margin-right: auto;background: #e60012; color: #fff; font-weight: bold; font-size: 110%; padding: 10px 10px 9px; text-align: left; margin-bottom: 20px;border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px; }
.bonCap02{ font-size: 90%;margin-bottom: 10px;}
.bonCap.mb10{ margin-bottom: 10px;}
.bonLink a{ color: #e60012; margin-bottom: 20px; text-decoration: underline;}
.bonLink{margin-bottom: 20px;}

.menuOderList2016_05{padding-top:20px; padding-bottom:20px; border-bottom: 2px dotted #333;border-top: 2px dotted #333; margin:30px auto 20px; width:98%; }
.menuOder_fukuokaTtl{ text-align: center;}
.menuOderList2016_02.menuOderList2016_06 li{ text-align: center;}
.menuOderList2016_02.menuOderList2016_06 li:last-child{border-bottom: none; }

.oitaListWrap .btn a{ width: 80%;margin-left: auto; margin-right: auto;}

.yoyakuhouhou .ttlTel span.spBlock{ display: block; background: none!important; padding: 0; color: #333;margin-top: 10px;}

.appetizerCap{
	text-align: center;
	font-size: 130%;
	margin-bottom: 10px;
	font-weight: bold;
}
.appetizerShopBtn{
	width: 96%;
}
.appetizerShopBtn li{ width: 100%; float: none;}
.appetizerShopBtn li:nth-child(2n){float: none;}
.appetizerShopBtn li:first-child{ margin-bottom: 20px;}
.appetizerShopBtn li a{
	font-size: 130%;
	padding: 10px 6px 9px;
}
.misaSelectMB select{ margin-bottom: 10px;}

.appetizerShopBtn_one{ width: 96%; }
.appetizerShopBtn_one a{ font-size: 112%;}


.tori_form .top_select1 select{ width: 100%;}


.table02 th,.table03 th,.table04 th { width:100%; display: block;}
.table02 td,.table03 td,.table04 td { width:100%; display: block;}

.tori_form .table05 {
	width:100%;
	text-align:left;
	color:#333;
	background: #fff;
	table-layout:fixed;
	}
.tori_form .table05 th { width:100%; background:#f5f5f5;text-align:left; border: #ddd  1px solid; border-left: none; display: block; border-top: 1px solid  #999;border-right: none;}
.tori_form .table05 tr.last th{ border-bottom: 1px solid  #ddd;}
.tori_form .table05 td { text-align:left;border: #ddd  1px solid; border-right: none; float: left; height: 60px;}
.tori_form .table05 td.td01{ border-bottom: 1px dotted #ddd; }
.tori_form .table05 td.td02{ border-top: none; border-bottom: 1px solid  #ddd; margin-bottom: 40px;}
.tori_form .table05 td.td02 span{ font-size: 84%;}
.tori_form .table05 tr.last td.td02{border-bottom: 1px dotted #ddd;}
.tori_form .table05 tr td:nth-of-type(1) { border-right: none; width: 60%; line-height: 40px; border-left: none;}
.tori_form .table05 tr td:nth-of-type(2) { border-left: none; text-align: right; width: 40%; border-left: none;}
.tori_form .table05 tr:first-child th { border-top: none;}
.tori_form .table05 tr:first-child td { border-top: none;}
.tori_form .table05 tr:nth-last-child(2) th { border-bottom: none;}
.tori_form .table05 tr:last-child td { border-bottom: none;}
.tori_form .table05 tr:last-child td.td02 { border-bottom: none;}


.tori_form .table06 {
	width:100%;
	text-align:left;
	color:#333;
	background: #fff;
	table-layout:fixed;
	margin-bottom: 30px;
	}
.tori_form .table06 th { width:100%; background:#f5f5f5;text-align:left; border: #ddd  1px solid; border-left: none; vertical-align: top; border-bottom: none;}
.tori_form .table06 th img{ display: block;margin-left: auto;margin-right: auto;}
.tori_form .table06 td{ line-height: normal;}
.tori_form .table06.lh4em td{ line-height: normal;}
.tori_form .table06 td.td01{ border-right: 1px dotted #ddd; border-left: none; }
.tori_form .table06 td.td02{ text-align: right; border-right: none; border-left: none;}
.tori_form .table06 tr:first-child td{ border-bottom: 1px dotted #ddd!important; border-top: none;}
.tori_form .table06 tr:nth-child(2)  td{ border-top: none!important;border-bottom: 1px dotted #ddd!important;}
.tori_form .table06 tr:nth-child(3)  td{border-top: none!important;}

.tori_form .table06 tr td:nth-of-type(1) { border-right: none; width: 60%; height: 60px; line-height: 50px; border-left: none;float: left;}
.tori_form .table06 tr td:nth-of-type(2) { border-left: none; text-align: right; width: 40%; border-left: none;float: left; height: 60px;}



.tori_form .price-box{
	font-size: 120%;
	text-align: right;
	padding-top: 10px;
	margin-top: 20px;
}
.tori_form .price-box input{ font-size: 130%; width: 90px;pointer-events: none; text-align: right;}

.top_select2 .table05 td select{ width: 80px;}



.bonTable {
	font-size: 86%;
	}
	.bonTable th,.bonTable td { padding: 5px;}


.nenmatsuEigyoBox{ width: 96%;margin-left: auto; margin-right: auto;}
.nenmatsuEigyoBox .ttl{ text-align: left; padding: 6px 10px;}
.nenmatsuEigyoBox .cont{text-align: left; padding: 10px;}



.reasonSpBox{
	padding: 2%;
	font-size: 106%;
	padding-bottom: 160px;
	background: #F0F9FD url(./img/dakara/bg.png) no-repeat bottom center;
}
.reasonSpBox .ttl{
	font-size: 110%;
	font-weight: bold;
	margin-bottom: 20px;
}
.reasonSpBox .ttl span{ font-size: 120%;}
.reasonSpBox p{ font-size: 110%;}

.reasonSpBox ol{ margin-bottom: 40px;}
.reasonSpBox ol li{ list-style-type:decimal; margin-bottom: 20px; margin-left: 20px;}
.reasonSpBox ol li img{ margin-top: 5px;}



/*----------------------------------------------------
 	市役所フォーム
----------------------------------------------------*/

.oitaFormCaution{
	padding: 10px 5px;
	margin-bottom: 20px;
	font-size: 100%;
}


.oitaFormPriceList li{
	width: 48%;
	float: left;
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px dotted  #ccc;
}
.oitaFormPriceList li:last-child{border-bottom: none;padding-bottom: 0;}
.oitaFormPriceList li:nth-child(2n){ float: right;}
.oitaFormPriceList li .photoBox{
	/*width: 80%;*/
	margin: 0 auto 0;
}
.oitaFormPriceList li span{
	font-weight: bold;
	display: block;
	width: 100%;
	float: none;
	margin-bottom: 10px;
	padding-top: 10px;
}
.oitaFormPriceList li select{ float: none;}

/*----------------------------------------------------
 	大野タカシさん起用決定
----------------------------------------------------*/
.ohnoProfWrap h3{
    margin-bottom: 10px;
    background: #e60012;
    color: #fff;
    font-weight: bold;
	font-size:100%;
    padding: 5px 5px 4px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
table.ohnoCareer th{padding: 0; display: block;}
table.ohnoCareer td{padding: 0 0 10px; display: block;}
#ohnoNinmei .box49p,
.ohnoProfWrap .box60p,
.ohnoProfWrap .box35p{width: 100%;}
.ohnoProfWrap .fl,
.ohnoProfWrap .fr{float:none;}
.ohnoProfWrap .imgBox{margin-bottom: 10px;}


/*----------------------------------------------------
 	とりさく
----------------------------------------------------*/

h3.torisakuTxt{ margin-bottom: 0;vertical-align: bottom; margin-top: 30px; padding-left: 20px; font-size: 100%;}
.torisakuTxtBox{ border: 2px solid  #e60012; border-top: none; padding: 10px; }
.torisakuTxtBox .spCrearBox .box49p{  background: #6b5b3a; font-weight: bold; color: #fff; text-align: center; padding: 10px 5px 9px; font-size: 98%;}



/*----------------------------------------------------
 	201804 福岡改修
----------------------------------------------------*/

.spLogo{ display: block; text-align: center; margin-bottom: 10px;}

.fukuokaTopCap{
	background: url(./img/fukuoka/img_mainSP.jpg) no-repeat center bottom;
	padding-top: 20px;
	font-size: 15px;
	line-height: 1.6em;
	min-height: inherit;
	min-height:auto;
	margin-bottom: 30px;
	background-size: contain ;
	-webkit-background-size: 100%;
	background-size: 100%;
}
.fukuokaTopCap p{padding-bottom: 350px;}


dl.infoBox.mb40{ margin-bottom: 40px; width: 96%;margin-left: auto;margin-right: auto;}
p.newsTop{ width: 96%;margin-left: auto;margin-right: auto;}

.fukuokaTopMenu{ width: 96%;margin-left: auto;margin-right: auto; margin-bottom: 20px;}
.fukuokaTopMenu li{
	width: 100%;
	float: none;
	margin-bottom: 10px;
	position: relative;
	padding-top: 20px;
}
.fukuokaTopMenu li .cont{background: #ef8100; padding: 10px 15px 10px;}


.fukuokaTopMenu li:nth-child(2n){ float: none;}

.fukuokaTopMenu li h3{
	font-size: 18px;
	margin-bottom: 0;
	padding: 8px 16px 6px;
}

.fukuokaTopMenu li p{ font-weight: bold; line-height: 1.5em; margin-bottom: 10px; font-size: 88%;}
.fukuokaTopMenu li img{ position: absolute; right: 10px; bottom: 10px; max-width: 130px; }
.fukuokaTopMenu li:nth-child(2) img{ max-width: 130px;}
.fukuokaTopMenu li:nth-child(3) img{ max-width: 110px;}
.fukuokaTopMenu li:nth-child(4) img{ max-width: 90px;}

.fukuokaTopMenu li .btn a{ width: 70%; font-size: 90%;}



/*----------------------------------------------------
 	201804 TOP改修
----------------------------------------------------*/


#slideBox .searchBoxArea{
	width: 96%;
	float: none;
	margin-left: auto;margin-right: auto;
}
#slideBox .searchBoxArea .searchBoxAreaIn{
	width: 49%;
	float: left;
}
#slideBox .searchBoxArea .searchBoxAreaIn:last-child{float: right;}

#slideBox .searchBoxArea .searchBoxAreaIn h3{
	font-size: 22px;
}
#slideBox .searchBoxArea .searchBoxAreaIn h3 span{
	-webkit-background-size: 52px;
	background-size: 52px;
	padding:10px 0 9px 64px;
}
#slideBox .searchBoxArea .searchBoxAreaIn:nth-child(2)  h3 span{
	-webkit-background-size: 82px;
	background-size: 82px;
	padding: 10px 0 9px 92px;
}
#slideBox .searchBoxArea .searchBoxAreaIn .searchBoxMenu li a,
#slideBox .searchBoxArea .searchBoxAreaIn .searchBoxFukuoka a{
	padding: 10px 0;
	font-weight: bold;
	font-size: 15px;
}

.snsTopList li .cont{ padding: 5px 15px 15px; position: relative;}
.snsTopList li .cont img{ position: absolute; left: 22px;top: -15px;}

.topAboutBox { width: 96%;margin-left: auto;margin-right: auto;}

.topAboutBox .topAboutBoxCont{ width: 100%; float: none; margin: 0;padding: 10px; }
.topAboutBox .topAboutBoxCont:nth-child(2) { padding-bottom: 0;}
.topAboutBox .topAboutBoxCont:nth-child(3) { float: none; padding-top: 0; }

.topAboutBoxCont ul>li{ width: 49%; float: left; background: #fff; }
.topAboutBoxCont ul>li div.video{ height: auto;}
.snsTopList{ width: 96%; margin-left: auto;margin-right: auto; float: none;}
.snsTopList .topAboutBoxCont{ width: 100%; float: none;}
.snsTopList .topAboutBoxCont:first-child { margin-bottom: 30px;}


.snsTopList .topAboutBoxCont h3{ margin-bottom: 0; padding: 20px 0 0;}
.snsTopList .topAboutBoxCont h3:after{
	border: none;
}

.snsTopList .topAboutBoxCont .ppBtn,
.snsTopList .topAboutBoxCont .ppBtn02{ display: block; position: relative; background: #54341d; text-align: center; padding: 15px 2px 20px; margin-bottom: 30px; color: #fff;border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
-moz-border-radius-bottomleft: 5px;
-moz-border-radius-bottomright: 5px;
}
.snsTopList .topAboutBoxCont .ppBtn.active,
.snsTopList .topAboutBoxCont .ppBtn02.active{
	border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
-webkit-border-bottom-left-radius: 0px;
-webkit-border-bottom-right-radius: 0px;
-moz-border-radius-bottomleft: 0px;
-moz-border-radius-bottomright: 0px;
}
.snsTopList .topAboutBoxCont .ppBtn span,
.snsTopList .topAboutBoxCont .ppBtn02 span{ display: inline-block; border: 1px solid  #fff; padding: 3px 10px 2px 0; width: 180px; background: url(./img/icon_tap.png) no-repeat 90% 40%; -webkit-background-size: 16px;background-size: 16px;}

.snsTopList .topAboutBoxCont .ppBtn span:after,
.snsTopList .topAboutBoxCont .ppBtn02 span:after{ content: 'タップして開く';}
.snsTopList .topAboutBoxCont .ppBtn.active span:after,
.snsTopList .topAboutBoxCont .ppBtn02.active span:after{ content: '閉じる';}
.snsTopList .topAboutBoxCont .ppBtn.active:after,
.snsTopList .topAboutBoxCont .ppBtn02.active:after{
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(255, 242, 20, 0);
	border-top-color: #54341d;
	border-width: 13px;
	margin-left: -13px;
}

.snsTopList .topAboutBoxCont .ppCont,.snsTopList .topAboutBoxCont .ppCont02{ display: none;}
.snsTopList li:last-child{ float: none;}


.topAboutBoxCont ul > li{ margin-bottom: 10px;}
.topAboutBoxCont ul > li:last-child{ margin-bottom: 0;}

.topAboutBoxCont ul > li p{ min-height:57px;}


.bentoReserveBox{
	font-size: 110%;
	font-weight: bold;
	padding: 20px 10px;
}
.bentoReserveBox .telbtn a{pointer-events: auto; }


.table02.tableRecruit{ font-size: 14px;}
.table02.tableRecruit th{ width:inherit;width: auto; display: table-cell; padding: 10px;}
.table02.tableRecruit td{ width:inherit;width: auto; display: table-cell; padding: 10px;}


.shopTtl{ width: 96%;margin-left: auto;margin-right: auto;}

.menuList li .menuPhoto img.menuNew{ width: 40px;height: auto;}
.menuPhoto img.menuNew{ width: 80px;height: auto;}
.menuList li .menuPhoto img.menuRenew{ width: 60px;height: auto;}
.menuPhoto img.menuRenew{ width: 120px;height: auto;}

/*-----------20210803 アレルギー変更-----------*/
.menuSub dl.allergieBox{ width: 100%;}
.foodlossList{margin-bottom: 60px; margin-top: 40px;}
.foodlossList li a{width: 100%;float: none; margin-right: 0%;margin-bottom: 10px; }
.foodlossTxtbox{margin-bottom: 40px;}
.foodlossTxtbox .ttl{font-size: 20px; }



.pcBox49p{ width: 100%;}
.pc20Tsp10T{ margin-top: 0px;}
.pc20sp10{ margin-bottom: 10px;}
.pc30sp10{ margin-bottom: 10px;}
.pc40sp10{ margin-bottom: 10px;}
.pc40sp20{ margin-bottom: 20px;}
.pc60sp30{ margin-bottom: 30px;}
.spmt10{ margin-top: 10px;}
.spmt20{ margin-top: 20px;}
.spmb10{ margin-bottom: 10px;}
.spmb20{ margin-bottom: 20px;}
.spmb30{ margin-bottom: 30px;}
.pcmb20{ margin-bottom: 0;}
.pcmb50{ margin-bottom: 20px;}
.pcmb40{ margin-bottom: 10px;}
.pcOnmb20{ margin-bottom: 0;}
.pcOnmb55{ margin-bottom: 0;}
.pcOnmb60{ margin-bottom: 0;}
.pcOnmb100{ margin-bottom: 0px;}
.pcOnmb140{ margin-bottom: 0px;}
.spPd30{ padding:30px 0; text-align: center;}
.spCrearBox .box48p,.spCrearBox .box49p,.spCrearBox .box50p,.wrap94 .box49p,.wrap80 .box49p,.spCrearBox .box60p,.spCrearBox .box65p,.spCrearBox .box35p{ width: 100%; }
.spCrearBox fl,.spCrearBox fr,.wrap94 fl,.wrap94 fr,.wrap80 fl,.wrap80 fr,.spCrearBox img.fl,.spCrearBox img.fr{ float:none;}
.sp96Wrap{ width: 96%; margin-left: auto; margin-right: auto;}
.pcCenter{ text-align: left;}
.spCenter{ text-align: center;}
}


@media only screen and (max-width: 470px){
	#slideBox .searchBoxArea .searchBoxAreaIn .searchBoxMenu li a span{ background-size:12px; font-size:12px; padding-left:20px;}
#slideBox .searchBoxArea .searchBoxAreaIn .searchBoxMenu li:last-child a span,
#slideBox .searchBoxArea .searchBoxAreaIn .searchBoxFukuoka a span{ background-size:12px; font-size:12px; padding-left:20px;}
#slideBox .searchBoxArea .searchBoxAreaIn .searchBoxMenu li a:hover span{-webkit-background-size: 12px;background-size: 12px;}
#slideBox .searchBoxArea .searchBoxAreaIn .searchBoxMenu li:last-child a:hover span,
#slideBox .searchBoxArea .searchBoxAreaIn .searchBoxFukuoka a:hover span{-webkit-background-size: 12px;background-size: 12px;}

}
@media only screen and (max-width: 440px){
.nav-item > a span { font-size: 90%;}
.capTxt{	font-size: 70%;}
.aboutList li a{ font-size: 80%;}
.aboutList li a span{ font-size: 80%;}

.profileTbl th{ text-align: left; vertical-align: top; padding: 4px 5px 3px; width: 100%; display: block;}
.profileTbl td{padding: 4px  5px 3px; width: 100%; display: block; margin-bottom: 20px;}
.profileTbl th:before { content:"★"; }
.profileTbl td:before { content:"　";}
.profileTbl td.family:before { content:"";}
.profileTbl td.family span{ display: inline-block;}

.topAboutBoxCont ul>li{ width: 49%; float: left; }
.topAboutBoxCont ul>li:nth-child(2n){ float: right;}
.topAboutBoxCont ul > li h4{ font-size:12px}
#slideBox .searchBoxArea .searchBoxAreaIn{ width:49%; float:left}
#slideBox .searchBoxArea .searchBoxAreaIn:last-child{ float:right}

.topAboutBox .topAboutBoxCont:nth-child(3) { float: none; padding-top: 10px; }


}


@media only screen and (max-width: 413px){
	.topAboutBoxCont ul>li{ width: 100%; float: none; }
.topAboutBoxCont ul>li:nth-child(2n){ float:none;}

#slideBox .searchBoxArea .searchBoxAreaIn{
	width: 100%;
	float: none;
}
#slideBox .searchBoxArea .searchBoxAreaIn:last-child{float: none;}
#slideBox .searchBoxArea .searchBoxAreaIn .searchBoxMenu li a span{ background-size:18px; font-size:16px; padding-left:26px;}
#slideBox .searchBoxArea .searchBoxAreaIn .searchBoxMenu li:last-child a span,
#slideBox .searchBoxArea .searchBoxAreaIn .searchBoxFukuoka a span{ background-size:18px; font-size:16px; padding-left:26px;}
#slideBox .searchBoxArea .searchBoxAreaIn .searchBoxMenu li a:hover span{-webkit-background-size: 18px;background-size: 18px;}
#slideBox .searchBoxArea .searchBoxAreaIn .searchBoxMenu li:last-child a:hover span,
#slideBox .searchBoxArea .searchBoxAreaIn .searchBoxFukuoka a:hover span{-webkit-background-size: 18px;background-size: 18px;}


}
/* ---------------------------------------------------------
	汎用ボタン
--------------------------------------------------------- */

.btn a,input.btn,button.btn{
	 -webkit-appearance: none;
	display:block;
	margin:20px auto;
	background:#ffe100;
	font-size:160%;
	font-weight: bold;
	width: 50%;
	text-align: center;
	padding:12px 10px 11px;
	border-radius: 5px;
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 5px;   /* Firefox用 */
	color: #000;
	text-decoration: none;
}
.btn a:hover,input.btn:hover,button.btn:hover{ background: #55341d; color: #fff;}


.btn2 a,input.btn2{
	 -webkit-appearance: none;
	display:block;
	margin:20px auto;
	background:#88BF0B;
	font-size:120%;
	font-weight: bold;
	width: 50%;
	text-align: center;
	padding:12px 10px 11px;
	border-radius: 5px;
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 5px;   /* Firefox用 */
	color: #fff;
	text-decoration: none;
}
.btn2 a:hover,input.btn2:hover{ background:#FF9800;}

@media only screen and (max-width: 667px){
.btn.btnSP a{ width: 90%; font-size: 120%;}
.btn2 a,input.btn2{ width: 70%;}
}

input.clearBtn{
	 -webkit-appearance: none;
	background:#fff;
	text-align: center;
	padding:4px 5px 3px;
	border-radius: 5px;
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 5px;   /* Firefox用 */
	border: 1px  solid #999;
	min-height:10px;
	margin-left: 5px;
}
input.clearBtn:hover{ background:#f5f5f5;}


/* ---------------------------------------------------------
	フォーム、フォーム バリデーション
--------------------------------------------------------- */
.top_select1 select,.top_select2 select,.top_select3 select,.top_select4 select,.top_select5 select,.top_select6 select{
	-webkit-appearance: button;
	-moz-appearance: button;
	appearance: button;
	border-radius:0px;
	width: 255px;
	height: 38px;
	line-height: 38px;
	font-size: 13px;
	padding-left:3px;
	color: #333;
	border: 1px solid #ccc;
	cursor: pointer;
	background: #fff url(./img/arrow.png) no-repeat right center; /* Old browsers */
	border-radius: 3px;        /* CSS3草案 */
    -webkit-border-radius: 3px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 3px;   /* Firefox用 */
}
.top_select2 select{ width:108px;}
.top_select3 select{ width:360px;}
.top_select4 select{ width:90%;}
.top_select5 select{ width:100%;}
.top_select6 select{ width:100px;}


@media only screen and (max-width: 520px){
.modelhouseHl{padding: 20px 0 20px;}
.modelhouseHl img{  margin-top: -40px;}

.fukuokaTopCap p{padding-bottom: 270px;}


.fukuokaTopMenu li .onlySPS{ display: block;}
.fukuokaTopMenu li img{ position: absolute; right: 5px; bottom: 10px; max-width: 36%; }
.fukuokaTopMenu li:nth-child(2) img{ max-width: 28%;}
.fukuokaTopMenu li:nth-child(3) img{ max-width: 30%;}
.fukuokaTopMenu li:nth-child(4) img{ max-width: 24%;}
}
@media only screen and (max-width: 420px){
.eventForm .top_select2 select{ display:block; margin-bottom: 10px;}
.modelhouseHl img{  margin-top: -30px;}

.fukuokaTopCap p{padding-bottom: 200px;}


}

/* input base */
input[type=text],input[type=tel], textarea {
	padding:10px;
	text-align:left;
	border:1px solid #ddd;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
input:focus,textarea:focus {
    border:solid 1px #EEA34A;
}
input{ min-height:40px;}
input[type=image]{ max-width:100%; height:auto;}
input[type=checkbox],
input[type=radio]{ margin-right:5px; }
input[type=text],input[type=tel] { width: 70%; font-size:1.1em;display:block;}
textarea {  width:98%; font-size:1em;display:block;}
@media only screen and (max-width: 420px){
input[type=text],input[type=tel] { width: 100%; font-size:1.4em;display:block;}
textarea {  width:100%; font-size:1em;display:block;}
}

label,
input[type=text],
input[type=tel],
input[type=checkbox],
input[type=radio] { display:inline; vertical-align: middle!important;}

labei{vertical-align: middle!important;}

input.myError,
textarea.myError{ background:#FFE8ED; }
p.myError{ color:#F00; padding-top:10px; font-weight:bolder; display:block; clear:both; }

.table02 input[type=text].input1{ width: 30%;}
.table02 input[type=text].input2{ width: 15%;}
.table02 input[type=text].input3{ width: 98%;}

.addCaution{ display:none;}

input.inputHissu{background: #FFE9EA;}

/* ------------------------------------------------
	　問い合わせフォーム用
    ---------------------------------------------- */
.tori_form{ width: 100%; }
.tori_form a{ text-decoration: underline; }

.tori_text{text-align:center; line-height:30px; margin:30px auto;}
.tori_item{ overflow: hidden;}
.tori_item ul { overflow: hidden;}
.tori_item ul li.tori_box{ float:left; width:48%; margin:1%; border: 1px solid #efefef; padding:2%; font-size: 14px;}
.tori_item ul li.tori_box h3{ background: #6b5b3a;}
.tori_item ul li.tori_box span.form_text{background: #333; padding: 2%; display:block; color:#fff;}
.tori_item ul li.tori_box ul.tori_num{ margin-top: 5%;}
.tori_item ul li.tori_box ul.tori_num li{ border-bottom: 1px solid #efefef; line-height: 2em;}
button.tori_reset{ width:200px; height:40px; margin:0 auto; display:block; border:1px solid #aaa; margin-bottom: 2%;}
button.tori_reset:hover{ background: #6b5b3a; color:#fff;}
.tori_item .R{ float:right; width:49%;}
.tori_item img{ width:45%; float:left;}
table.area_list{width: 100%; background: #efefef; margin-bottom:20px;}
table.area_list td,table.area_list th{ border:1px solid #ccc;}
table.area_list th{ width:30%; background:#efefef;}
table.area_list td{ width:50%; background:#fff;}
table.area_list td ul li{ float:left; margin:5px;}
table.area_list td.price{ width:20%; background:#6b5b3a; text-align: center; font-size:23px; color:#fff; font-weight:bold; padding:20px;}
.area_price{ overflow:hidden; clear:both;}
.area_price li{ float:left; margin-right: 20px;}
.tori_form h4 span{ }
.tori_form th,.tori_form td{ border:1px solid #ccc;}
.tori_form th{ background: #efefef; width:30%; text-align:center;}
/*.tori_form select{ border:1px solid #ccc; padding:5px;}*/
.tori_form select{ border:1px solid #ccc;}
h4.must:before{ content:"* "; color:#FF0000; margin-right:5px;}
h4.mustNew:after {color:#FF0000; margin-right:5px; content:" ※必須";}
h4.mustNew2:after{color:#2A7BFF; margin-right:5px; content:" 任意";}
.contact_info table{ margin-bottom: 10px;}
.contact_info table th{ font-weight:bold; font-size:18px;}
.contact_info table th,.contact_info table td{ border:1px solid #ccc; padding:5px 20px; text-align:center; vertical-align:middle}
.contact_info table td img{ display:block; float:left;}
.contact_info table td span{ display:block; float:left;}
.contact_info ul li{ font-size:18px; font-weight:bold; color:#FF0000; background:url(./img/bg_contactinfo_01.png) no-repeat; background-size:contain; margin-bottom: 5px; line-height: 1; padding-left: 20px;}
.contact_info ul li span{ font-size:15px; font-weight:normal; color:#000;}

@media only screen and (max-width: 667px){
.tori_kawa{ width:96%; margin:0 2%;}
.tori_item img{ width:100%;}
.tori_item ul li.tori_box{ width: 100%;}
.tori_item .R{ width: 100%;}
.tori_item .textR{ text-align:left;}
table.area_list td, table.area_list th { display:block; width:100%;margin-top:-1px;}
table.area_list td.price{ width:100%;}
.tori_form th, .tori_form td{ width:100%; display:block; margin-top:-1px;}
.contact_info table{ width:100%;}
.contact_info table th,.contact_info table td{ display:block; width:100%; overflow:hidden; padding:2%; margin-top:-1px;}
.contact_info table td img{ display:inherit; float:none; margin:0 auto 10px;}
.contact_info table td span{ display:inherit; float:none;}
.contact_info ul li{ background:url(./img/bg_contactinfo_01.png) no-repeat scroll 0 -1px; background-size:20px auto; lh}



}


/*20170926 ハロウィン用css*/

.hlwn_wrap{ width:100%; background:#894128; overflow: hidden; border-bottom-right-radius: 20px; border-bottom-left-radius: 20px;}
.hlwn_wrap a{ text-decoration:underline}
.hlwn_wrap img.main_img{ display:block}
.hlwn_info_wrap{ padding:0 30px 20px;}
.hlwn_info_img_box{ width:525px; float:right; position:relative}
.hlwn_info_img_box img{position:relative; top:-45px; right:-15px; position:absolute;}
.hlwn_info_text_box{ width:410px; float:left; }
.hlwn_info_text_box.w100{ width:100%; clear:both; overflow:hidden;}
.hlwn_info_text_box .box{border-radius:10px; overflow:hidden; margin-bottom:20px; line-height:1.7;}
.hlwn_info_text_box .box h4{ background:#ec9700; width:100%; padding:3px 0; text-align:center; color:#fff; font-size:20px;}
.hlwn_info_text_box .box h4.imgtitle{ padding:5px 0 0;}
.hlwn_info_text_box .box_in{ background:#fff; padding:20px;}
.hlwn_info_text_box .box_in.yelw{ background:#fde000;}
.hlwn_info_text_box .box_in input[type="text"]{ width:auto; font-size:13px;}
p.text_idt{ text-indent:-1em; padding-left:1em;}
p.text_idt a{}
.hlwn_info_text_box.w100 .hlwn_info_text_box .box_in{ height: 280px;}
.hlwn_info_text_box.R{ float:right; width:510px;}
.hlwn_info_text_box.w100{ width:100%;}
.hlwn_info_text_box .box_in.shohin{ text-align:center;}
.hlwn_info_text_box .box_in.shohin p{ display:inline-block; margin:0 10px;}
.hlwn_info_text_box .box_in.shohin p img{ width:260px; display:block}
.hlwn_info_text_box.w100 .hlwn_info_text_box.w100 .box_in{ height:auto;}
.hlwn_info_text_box .box_in.ctst{}
.hlwn_info_text_box .box_in.ctst h5{ background: #D80000; display: block; width: 100%; padding: 5px; font-size: 18px; color: #fff; text-align: center; border-radius: 5px; margin-bottom: 10px;}
.hlwn_info_text_box .box_in .photo_img{display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-flow: row wrap; justify-content: space-between;align-content: space-between; margin-top: 20px;}
.hlwn_tyui_text{  line-height:1.9; clear:both; width:100%; display:block; font-size:14px; overflow:scroll; border:3px solid #ec9700; background:#fff; padding:20px; height:200px; margin-bottom:30px; height:350px;}
.hlwn_tyui_text h3{ background:none !important; border-bottom:1px solid #000; color:#000; text-align:center; width:100%; border-radius:0; padding:0 0 20px}
.hlwn_inst_wrap{ margin-bottom:30px; border-bottom-right-radius: 20px; border-bottom-left-radius: 20px; overflow:hidden;}
.hlwn_inst_box01{ background:url(./img/halloween/bg_hlwin_02.png) no-repeat; height:415px; text-align:center; padding-top:160px;}
.hlwn_inst_box01 h4{ width:444px; margin:0 auto 20px;}
.hlwn_inst_box02 { background:#fff; padding:30px; overflow:hidden; text-align:center}
.hlwn_inst_box02 a.btn{  background: #ffe100; width:280px; font-weight:bold; display:block; margin:0 auto; position:relative; text-align:center;  color:#000 !important; border-radius:5px; text-decoration:none !important; padding:10px 0 ;}
.hlwn_inst_box02 p{ line-height:1.8;}
.hlwn_inst_box02 a.btn:after{ content:"▶︎"; position:absolute; right:10px; font-size:8px; top:15px;}
.hlwn_inst_box02 .inst_box{ width:450px;}
.hlwn_inst_box02 .inst_box h4{ width:100%;}
.hlwn_inst_box02 .inst_box h4 img{ width:340px;}
.hlwn_inst_box02 .inst_box h4.title2 img{ width:290px;}
.hlwn_inst_box02 .inst_box.L{ float:left}
.hlwn_inst_box02 .inst_box.R{ float:right}
.hlwn_inst_box02 .inst_box hr{ width:80px; height:1px;  display:block; margin:20px auto; border:none; color:#000; background:#000;}
.inst_list{ width:465px; overflow:hidden; margin:30px 0 15px;}
.inst_list li{ float:left; width:140px; margin-right:15px; margin-bottom:15px; height:140px;}
.inst_list li img{ display:block;}
.lsm5{ letter-spacing:-0.5px;}
.hlwn_bnSP{ display:none;}

.hlwn_tyui_text.pp{ border:1px solid #ccc;}
.hlwn_tyui_text.pp h3{ text-align:left}


@media only screen and (max-width: 760px){

.hlwn_info_wrap{ padding:3%; width:100%;}
.hlwn_info_img_box{ width:100%; float:none; text-align:center}
.hlwn_info_text_box{ width:100%; float:none}
.hlwn_info_img_box img{ position:relative; top:0; right:0}
.hlwn_info_text_box.w100 .hlwn_info_text_box .box_in{ height:auto}
.hlwn_info_text_box.R{ width:100%;}
.hlwn_info_text_box .box h4{ font-size:18px}
.hlwn_info_text_box .box_in.yelw{ text-align:center}
.hlwn_info_text_box .box_in.shohin p{ margin:0 auto 20px;}
.hlwn_info_text_box .box_in.shohin p:last-child{ margin:0 auto;}
.hlwn_info_text_box .box_in.shohin p img{ display:block; width:100%;}
.hlwn_inst_box01{ background:#fff; height:auto; padding-top:0; padding:20px;border-top-left-radius: 96%; border-top-right-radius: 96%; margin-top:20px;}
.hlwn_inst_box01 h4{ width:90%;}
.hlwn_inst_box02{ padding:20px;}
.hlwn_inst_box02 .inst_box{ width:100%; margin:0 auto 60px;}
.inst_list{ width:100%; }
.inst_list li{ width:46%; margin:2%; height:auto}
.inst_list li:last-child{ display:none}
.inst_list li:first-child{ display:block}
.hlwn_bnSP{ width:100%; position:fixed; bottom:0; display:block; text-align:;}
.hlwn_bnSP img{ max-width:640px; width:100%; height:auto; display:block; margin:0 auto;}
.hlwn_info_text_box .box_in .photo_img img{ margin-bottom: 10px}
.hlwn_info_wrap .mtm30{ margin-top: -10px;}
}



/* ------------------------------------------------
	敷戸店用CSS
    ---------------------------------------------- */

.shikido_box{ background:linear-gradient(180deg,#fff 0%, 20%,#fcffeb 80%,#fff 100%); overflow:hidden;}
.shikido_box div.L,.shikido_box div.R{ width:50%; float:left; text-align:center}
.shikido_box div.R{ float:right}
.shikido_box .mtImg{ margin-top:83px;}
.shikido_link a{ display:block; width:100%; background:#e60012; color:#fff; font-size:13px; text-align:center; padding:10px; border-radius:10px; position:relative;}
.shikido_link a:after{ background:url(./img/bg_blogN.png) no-repeat; content:""; height:16px; width:16px; position:absolute; right: 10px; top: 24px;}
.shikido_link a:hover{ opacity:0.8;}
.shikido_link.link2 a{ font-size:18px;}
.shikido_link.link2 a:after{ top:16px;}
@media only screen and (max-width: 760px){
	.shikido_box{ margin:0 auto 30px;}
	.shikido_box .mt30{ margin:0}
	.shikido_box div.L,.shikido_box div.R{ width:96%; float:none; margin:0 auto;}
	.shikido_box .mtImg{ margin:0 auto;}
}


/* ------------------------------------------------
	皮がいっぱい付いている「塩からあげ」
    ---------------------------------------------- */
.kawa_kara{ background:url(./img/kawa_kara/kawa_kara_bg01.jpg) no-repeat; padding:40px 0 570px; text-align:center; margin-bottom:30px;}
.kawa_kara .img01{ }
.kawa_kara .img02{ margin-top:-35px;}
.kawa_kara .img03{}
.kawa_kara .img04{}
.kawa_kara_sp{ display:none}
.kawa_kara_tenpo{ border:2px solid #910600;  border-radius:10px; overflow:hidden; margin-bottom:20px;}
.kawa_kara_tenpo h4{ background:#910600; color:#fff; padding:10px; font-size:20px; font-weight:bold; text-align:center; margin-bottom:10px;}
.kawa_kara_tenpo p{ padding:10px 10px 0px;}
.kawa_kara_tenpo ul{ padding:0 10px 10px}
.kawa_kara_tenpo ul li{ display:inline-block; margin-right:8px; font-weight:bold; font-size:17px; font-weight:bold; color:#910600}
.kawa_kara_tenpo ul li:before{ content:"・"; margin-right:3px; color:#000000}

@media only screen and (max-width: 760px){


.kawa_kara{ padding:30px 0 220px; background:url(./img/kawa_kara/kawa_kara_bg01.jpg) no-repeat; background-size:cover; margin-bottom:10px;}
.kawa_kara p{ width:80%; margin:0 auto 5px !important;}
.kawa_kara .img02{ margin-top:-15px !important;}
.kawa_kara_tel{ width:94%; margin:0 auto;}
.kawa_kara_sp{ display:block; }
.kawa_kara_tenpo{ width:94%; margin:0 auto 20px}

}


/* ------------------------------------------------
	web予約ページ
    ---------------------------------------------- */
#main.webOrder{ width: 100%; max-width: 1000px; float: none;}
.contentYbg{ width: 630px; background: #FFEF8B; padding: 10px; margin-bottom: 10px; border-radius: 5px; height: 165px; margin-top: 10px;}
.btn01 .btnBox{ padding: 0px 5px; overflow: hidden;  display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-flow: row wrap; justify-content:center; align-content:center; text-align: center;}
.contentYbg p{ padding-left: 1em; text-indent: -1em;}
.btn01 .btnBox h4{ font-size: 12px; margin-bottom: 10px; text-align: center;}
.btn01 .btnBox #myForm{ width:auto; display:inline-block; margin:0 2px;}
.btn01 .btnBox #myForm:last-child{ margin-right: 0;}
.btn01 .btnBox input.inputBtnNew{ width: auto; padding: 5px; font-size: 11px; min-width: 40px; letter-spacing: 0;}
.modal-main {display: none; width: 90%; height: 500px; overflow-y: scroll; margin: 0; padding: 20px; background-color: #ffffff; color: #666666; position:fixed; z-index: 1000;}
.modal-main .text{ margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #ddd;}
.modal-main .telList{ text-align: left;}
.modal-main .telList li{ display: inline-block;}
.modal-main .telList li a{ display:block; padding: 5px; background: #e60012; color: #fff; border-radius: 10px; margin-bottom: 10px; margin-right: 5px;}
.modal-bg { display:none; width:100%; height:100%; background-color: rgba(0,0,0,0.5); position:fixed; top:0; left:0; z-index: 100;}
.modalBox{ width: 80%; margin: 0 auto;}
.modalBox a{ display: block!important; position: relative !important; width: 80%; margin: 0 auto 15px; display: block; background: #e60012; color: #fff; font-weight: bold; font-size: 14px; letter-spacing: 2px; border-radius: 3px; cursor: pointer;}
.btn01 input.inputBtnNew{  -webkit-appearance: none; -moz-appearance: none; appearance: none; margin: 0 auto 10px;}
.webBtn{display: block; text-align: center; padding:10px 5px; background: #ffe100; color: #000; font-weight: bold; margin: 0 auto 20px; border-radius: 5px;}
.webBtn:after{ content:"▶︎"; font-size: 10px;}
.orederImg{display: block; overflow: hidden; margin-bottom: 30px;}
.orederImg img{ max-width: 350px; width: 100%; display: block;}
.menuList.order{ width: 100%;}
.menuList.order li{margin-right: 26px;}
.menuList.order li:nth-child(4n){ margin-right: 0;}
.orderSelect{ font-size: 18px; }
.orderSelect .in.in2{font-size: 15px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-flow: row wrap; justify-content:space-between; align-content:center; align-items: center;}
.orderSelect .in .slct{ font-size: 18px; border: 1px solid #ddd; padding: 5px; width: 100px; border-radius: 5px; margin-left: 10px;}
.orderSelect .in.in2 span{ display: block; width: 20%;}
.orderSelect .in.in2 .slct{ width: 19%; margin: 0 auto;}
.orderSelect .in.in2 span.txt{width: 38%;}
.orderSelect .recommend{margin: 20px 0 40px; background: #FFF7E2; padding: 20px;}
.orderSelect .recommend h4{ background: #FFEF8B; padding: 10px; border-radius: 5px; margin-bottom: 20px;}
.orderSelect .recommend ul { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-flow: row wrap; justify-content:flex-start; }
.orderSelect .recommend ul li{ width: 49%; padding: 1%; }
.tenkyu{background: #FEFBD6;padding: 20px; margin-top: 20px; border-radius: 10px;}
.tenkyu h2{font-size: 15px; border: none; background: none; padding: 0; margin-bottom: 15px;}
.tenkyu h3{font-size: 14px; background:#D80000; padding: 5px; margin-bottom: 5px}
.tenkyu p{font-size: 13px; background: none; padding: 0; margin-bottom: 10px;}
.orderSelect .recommend.new ul{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-flow: row wrap; justify-content:space-between; align-content:center; /*align-items: center;*/}
.orderSelect .recommend.new ul li{ width: 24%; padding: 10px; background: #fff; border-radius: 10px; margin-bottom: 15px;}
.orderSelect .recommend.new ul li.disNone{display: none !important}
.orderSelect .recommend.new ul li .img{ }
.orderSelect .recommend.new ul li .img img{ width: 100%; height: auto;}
.orderSelect .recommend.new ul li .txt{ display: block; width: 100%; font-weight: bold; color: #D50003; margin-bottom: 10px; text-align: center;}
.orderSelect .recommend.new ul li .in.in2{ padding: 10px; background: #FFFEC0; border-radius: 5px;}
.orderSelect .recommend.new ul li .in.in2 .slct{ width: 36%; font-size: 15px;}
.orderSelect .recommend.new ul li .in.in2 span.set{ font-size: 12px; width: 22%}
.orderSelect .recommend.new ul li.dummy{padding: 0; margin: 0; background: none;}
.orderSelect .recommend.new ul li .info{ display: block; width: 100%; margin-bottom: 5px; min-height: 70px;}
.orderSelect .recommend.new ul li .info span{ display: block; float:left; background: #fff; width: 49%; display: block; font-size: 13px; padding: 5px 2px; text-align: center; font-weight: bold;  color: #D50003; margin-bottom: 2px;}
.orderSelect .recommend.new ul li .info.l01{ min-height: 140px;}
.orderSelect .recommend.new ul li .info.l01 span{ width: 100%; float: none;}
.orderSelect .recommend.new ul li .info.l01 span:nth-child(2n){float: none;}
.orderSelect .recommend.new ul li .info span:nth-child(2n){float:right;}
.orderSelect .recommend.new ul li .info.l1 span{width: 100%; float: none;}
.contentYbg{ width: 	100%; height:  auto;}
.totalfee{position: fixed; right: 0; bottom: 20px; background:#AD0002; color: #fff; padding: 20px; font-size: 20px; font-weight: bold; border-radius:50px 0px 0px 50px ; box-shadow:0px 2px 8px 0px #c2c2c2; z-index: 1000;}
.over5000_msg{ color:#AD0002; font-weight: bold; font-size: 18px; margin-bottom: 20px;}
.inputBtn.btnNo{ opacity: 0.4; margin-top: 20px;}
.inputBtn.btnNo:hover{background: #ffe100; color: #000;}
@media only screen and (max-width: 760px){
input.inputBtnNew{ width: 92%; letter-spacing: 0;}
.modalBox{ width: 92%;}
.modalBox a{ display: block;}
.webBtn{ padding: 10px; text-align: left;}
.orederImg p.fl { width:70%; margin: 0 auto 10px; float: none;}
.contentYbg{width: 100%; height: auto;}
.menuList.order{ width: 94%; margin:0 auto;}
.menuList.order li{ width: 100%; margin-right: 0; margin-bottom: 10px;}
.orderSelect .recommend ul li{width: 100%}
.orderSelect .in.in2 span{ width: 8%;}
.orderSelect .in.in2 span.txt{ width: 47%}
.orderSelect .recommend.new ul li .txt{ font-size: 13px;}
.orderSelect .recommend.new ul{align-items: initial;}
.orderSelect .recommend.new ul li{ width: 49%}
.orderSelect .recommend.new ul li .info{min-height:inherit; }
.orderSelect .recommend.new ul li .info span{ display: block; width: 100%;font-size: 11px;}
.orderSelect .recommend.new ul li .in.in2 .slct{ width: 100%; margin-bottom: 5px;}
.orderSelect .recommend.new ul li .in.in2 span.set{ width: 100%;}
}
.shop_Hinfo{ width: 100%; display: block; margin-bottom: 40px;}
.shop_Hinfo li{ display: flex; width: 100%; margin-bottom: 10px; align-items: center; align-content: center;flex-flow: row wrap; justify-content: space-between; align-content: space-between; border-bottom: 1px solid #ddd; padding-bottom: 10px;}
.shop_Hinfo li:last-child{ border-bottom: none;}
.shop_Hinfo li p{ }
.shop_Hinfo li p.tenpo{ width: 100px; text-align: center; background: #FFC700; padding: 5px; font-weight: bold; border-radius: 5px;}
.shop_Hinfo li p.day{ width: 120px;}
.shop_Hinfo li p.data{ width: 140px;}
.shop_Hinfo li p.txt{ width: 560px;}
.shop_Hinfo li p.txt2{ width: 880px;}
.shop_Hinfo.topv{ border-top: 3px solid  #000;border-bottom: 3px solid  #000; margin-bottom: 20px;  padding-top: 20px; /*min-height: 164px; */overflow-y: scroll; height: 164px; }
.shop_Hinfo.topv li{ width: 100%; float: left; border-bottom: none; justify-content: space-around;}
.shop_Hinfo.topv li:nth-child(2n){ float: right;}
.shop_Hinfo.topv li p{ width: 33%; font-size: 13px;}
.shop_Hinfo.topv li p.data{ text-align:center;; width: 25%;}
.shop_Hinfo.topv li p.txt2{ width: 70%;}
.shop_Hinfo.topv li p.tenpo{ width: 25%;}
@media only screen and (max-width: 760px){
	.shop_Hinfo{padding: 0 10px;}
	.shop_Hinfo li p{width: 100% !important; margin-bottom: 5px;}
}

/* ------------------------------------------------
	季節オードブル予約ページ20190709
    ---------------------------------------------- */
.bonbtnList{ width:  98%; margin: 0 auto; border-bottom: 2px dotted #333; margin-bottom: 20px;}
.bonbtnList h3{ display: inline-block; min-width: 200px; text-align: center;letter-spacing: 1px; padding: 5px 10px !important; font-weight: bold; font-size: 13px; border-radius: 5px !important; background: #333  !important; margin-bottom: 10px !important;}
.bonbtnList ul{ margin-bottom: 10px; background: #efefef; padding: 10px 10px 0; border-radius: 10px;}
.bonbtnList ul li{ display: inline-block; margin-bottom: 10px; cursor: pointer;}
.bonbtnList ul li a{ position: relative;display:block; background:#ffe100; color: #000; padding: 10px 25px 10px 20px; font-weight: bold; border-radius: 5px; margin-right: 8px; }
.bonbtnList ul li a:after{ position: absolute; content: "▶︎"; right: 8px; top: 16px; font-size: 8px;}
.bonbtnList ul li a:hover{ opacity: 0.8;}

.kurosaki_list{ width: 80%;  padding: 20px; background:#FFFCE3; margin: 30px auto;}
.kurosaki_list li{ margin-bottom: 20px; border-bottom: 1px solid #bbb; padding-bottom: 20px; padding-left: 30px;}
.kurosaki_list li p{ line-height:  1.8;}
.kurosaki_list li:last-child{ margin-bottom: 0; padding-bottom: 0; border-bottom: none;}
.kurosaki_list li.n01{ background: url("./img/aeon_kurosaki_recruit/rec01.png") no-repeat 0px 4px; background-size: 20px;}
.kurosaki_list li.n02{ background: url("./img/aeon_kurosaki_recruit/rec02.png") no-repeat 0px 4px; background-size: 20px;}
.kurosaki_list li.n03{ background: url("./img/aeon_kurosaki_recruit/rec03.png") no-repeat 0px 4px; background-size: 20px;}
.kurosaki_info p{ font-size: 20px; font-weight: bold; text-align: center; line-height: 1.8}
@media only screen and (max-width: 760px){
	.kurosaki_info p{width: 92%; margin: 0 auto; font-size: 18px; text-align: left;}
	.kurosaki_list{ width: 92%;  }
}

/* ------------------------------------------------
　　トリニータページ
    ---------------------------------------------- */
.trinitaNew{ background: url(./img/trinita/tri_bg_01.png) repeat-y,#004ea1; padding: 50px 30px;}
.trinitaTitle{ text-align: center; margin-bottom: 30px; }
.trinitaContent{border: 2px solid #fff; padding: 20px;}
.trinitaContent .list{ width: 100%; width: 100%; display: flex; align-content: space-between; align-items: flex-start; flex-wrap: wrap; justify-content: space-between; }
.trinitaContent .list li{ width: 32%; margin-bottom: 10px;}
.trinitaContent .list li a:hover{ opacity: 0.8}
.trinitaContent .year{ background: #FFD500; color: #000; font-weight: bold; padding: 10px; font-size: 20px; letter-spacing: 1px; border: 2px solid #fff; font-weight: bold; text-align: center; margin-bottom: 30px;}
.trinitaContent .txt{color: #fff; font-size: 17px; line-height: 1.8; color: #fff; margin-bottom: 30px;}
.trinitaContent .img{ margin-bottom: 30px;}
@media only screen and (max-width: 864px){
	.trinitaNew{ padding: 20px;}
}


/*チキン南蛮選挙*/
#nanban2019{margin-top: -5px;  background:url(img/halloween/nanban/nanban_bg01.png) no-repeat top center,#fefbe4; background-size: contain;}
.nanbanWrap{ max-width: 1000px; width: 98%; margin: 0 auto;}
.nanbanWrap h2{background: none; border: none; margin: 0 auto;}
.nanbanWrap h2 img{width: 100%; height: auto;}
#Pwrap{ margin: 0 auto; box-shadow:none !important;  background:none !important;}
.poll-multi{ border-radius: 0 !important;  box-shadow:none !important; background: none !important; padding: 0 !important;}
.ap-container{ }
.ap-container:hover{ opacity: 0.8; }
.poll-multi .poll-button{ background: #000; width: 100%; clear: both; border-radius: 0; border: 2px solid #000; position: relative; margin: 0 auto 20px !important; margin-bottom: 10px; color: #fff !important;  font-size: 18px; font-weight: bold; box-shadow:none !important; display: block; max-width: 100% !important;}
.poll_wrap{ overflow: hidden; margin-bottom: 40px;}
.poll_wrap .poll_btn{ overflow: hidden;float: left; width: 49%}
.poll_wrap .poll_btn:last-child{ float: right;}
.poll_wrap .poll_btn .poll-item{ font-size: 18px; font-weight: bold; background: #bbb; width: 100%; margin: 0 auto;  position: relative; padding: 0;}

.poll_wrap .poll_btn .poll-item:before{display: block; content: '';padding-top: 100%;}
.poll_wrap .poll_btn:first-child .poll-item{background: url(img/halloween/nanban/nanban_select01.png) no-repeat top center; background-size: 100%; }
.poll_wrap .poll_btn:last-child .poll-item{ background: url(img/halloween/nanban/nanban_select02.png) no-repeat top center; background-size: 100%; }
.poll_btn_in{ width: 90%; border-radius: 10px;  display: block; margin: 5px auto 0; background: #000; font-size: 24px; text-align: center; padding: 30px 10px; text-align: center; }
.poll-item input[type="radio"] {display: none; }
.poll-item input[type="radio"]:checked  + label{background: #B30002;}
.ap-container:hover .poll_btn_in{ background: #B30002;}
.poll-multi .poll-button.ap-vote,.poll-multi .poll-button.ap-ref-tipbox,.poll-multi .poll-button.ap-result{ display: block; width:60%; margin: 0 auto; border-radius: 20px; border:#cd110c solid 3px; padding:  20px; background: #e71610; font-size: 32px; letter-spacing: 1px; }
.poll-multi .poll-button.ap-vote:hover{ background: #cd110c;}
.poll-multi .poll-button.ap-result{ margin-top: 20px; background: #888; border: solid 4px #ddd;}
.poll-multi-tipbox-thankyou,.poll-multi-tipbox-selectone{ background: #cd110c !important; font-size: 20px; padding: 30px;}
.poll-multi-tipbox-selectone{ background: #143897;}
.poll_resultWrap01{ background:#980002; padding: 30px; }
.poll_resultTxt{ font-size: 20px; margin-bottom: 20px !important;}
.poll_resultTxt .txt01{ font-size: 46px; font-weight: bold;}
.poll-multi .poll-item.resultItem{ margin-bottom: 20px !important;}
.poll-multi .poll-item.resultItem:last-child{ margin-bottom: 0 !important;}
.poll-multi .poll-bar{ height: 26px;}
.nanbanInfo{ font-size: 24px; margin-bottom: 30px; font-weight: bold; text-align: center; color: #D80000;}
.poll-item input[type="radio"]:checked + label:after { position: absolute; content: "こちらで投票する"; line-height: 1800%; font-weight: bold; letter-spacing: 4px; font-size: 30px; width: 100%; height: 100%; border: 10px solid #e71610; top: 0; left: 0; background: rgba(255,10,10,0.6); }
@media only screen and (max-width: 864px){
	.nanbanInfo{ font-size: 18px; /*margin-bottom: 20px; */width: 90%; margin: 0 auto 20px;}
	.poll_wrap{ margin-bottom: 20px;}
	.poll_btn_in{font-size: 14px; font-weight: bold; width: 100%; padding: 10px 15px; c}
	.poll-multi .poll-button.ap-vote, .poll-multi .poll-button.ap-ref-tipbox,.poll-multi .poll-button.ap-result{ width: 90%; font-size: 20px; padding: 10px;}
	.poll_resultWrap01{ padding: 20px;}
	.poll_resultTxt{ font-size: 15px; margin-bottom: 5px !important;}
	.poll_resultTxt .txt01{ font-size: 25px; line-height: 1.5; color: #FFD600;}
	.poll-multi-tipbox-thankyou{ padding: 20px; width: 100%; left: 0 !important; margin: 0 !important}
	.poll-multi .poll-item.resultItem{ margin-bottom: 5px !important;}
	.poll-item input[type="radio"]:checked + label:after {line-height: 1150%; font-size: 16px; letter-spacing: 0;}
}

/*weborder当日*/
.woShopList{ display: flex; align-content: space-between; align-items: flex-start; flex-wrap: wrap; justify-content: space-between; width: 98%; margin: 0 auto;}
.woShopList li{ width: 32%;}
.woShopList h3{text-align: center;}
.woShopList li a{ text-align: center; position: relative;display:block; background:#ffe100; color: #000; padding: 10px 25px 10px 20px; font-weight: bold; border-radius: 5px; }
.woShopList li a:after{ position: absolute; content: "▶︎"; right: 8px; top: 50%; margin-top: -8px; font-size: 8px;}
.woShopList li a:hover{ opacity: 0.8;}
.woShopList li .Inlist{ display: flex; align-content: space-between; align-items: flex-start; flex-wrap:wrap; justify-content: space-between;}
.woShopList li .Inlist a{ width: 48%; margin-bottom: 10px;}
.woShopList li.In2 { width: 100%; margin-bottom: 30px;}
.woShopList li.In2 .Inlist a{ width: 24%; margin-bottom: 10px;}
.woShopList li.In3 { width: 48%; }
@media only screen and (max-width: 864px){
	.woShopList li{ width: 100%; margin-bottom: 20px;}
}
.wodn.disNone{ display: none !important}


#no-js{display: none;}
.totalfee.new{}
.totalfee.new .feeBtn{ display: none;}
.textD{text-decoration: line-through; display: inline-block !important; width: auto !important; padding: 0 !important;}
.orderSelect .recommend.new ul li{ width: 32%;}
.orderSelect .recommend.new ul li .info span{text-align: left;}
.orderSelect .recommend.new ul li .info.l01{ min-height: inherit;}
.orderSelect .recommend.new ul li .info.l01 span{ width: auto; display: initial;}
.orderSelect .recommend.new ul li .info.l01 .slctBox{ width: 100%; background: #fff; padding:0 5px; margin-bottom: 5px;display: flex; justify-content: space-between; align-items: self-end;}
.orderSelect .recommend.new ul li .info.l01 .slctBox .nameBox{ display: block;}
.orderSelect .recommend.new ul li .info.l01 .slctBox .kazuBox{ display: block;}
.orderSelect .recommend.new ul li .in.in2 .slct{ width: auto; padding: 0 3px;}
.tori_form td.nameI input{ width: 34%;}
.douisuru{text-decoration: underline; text-align: center; margin: 20px auto;}
@media only screen and (max-width: 760px){
	.orderSelect .recommend{ padding: 0; background: none;}
	.orderSelect .recommend.new ul li{ width: 50%; padding: 0 3px;}
	.orderSelect .recommend.new ul li .info span{font-size: 13px; display: block; padding: 0; text-align: center;}
	.orderSelect .recommend.new ul li .in.in2 .slct{ margin: 0;}
	.orderSelect .recommend.new ul li .info.l01 .slctBox{display: block; text-align: center; padding: 5px 0px 0px 0px;}
	.orderSelect .recommend.new ul li .info.l01 .slctBox:last-child{ margin-bottom: 0;}
	.orderSelect .recommend.new ul li .info.l01 .slctBox .kazuBox{  width: 100%; background: #efefef; padding: 2px 0;}
	.orderSelect .recommend.new ul li .info.l01 .slctBox .nameBox{ width: 100%; margin-bottom: 2px; }
	.orderSelect .recommend.new ul li .in.in2{ padding: 5px 5px 0;}
	.totalfee.new{ display: flex; width: 100%; padding: 0; bottom: 0; border-radius: 0;}
	.totalfee.new p{ width: 50%; padding: 10px;font-size: 17px; text-align: center;}
	.totalfee.new p a{display: block; color: #AD0002;}
	.totalfee.new .feeBtn{ display: block; background: #fff; border:2px solid #AD0002; }
}

/*20210707追加*/
#slideBox.NEW {
    background: #C7E8FB url(./img/bg_slide.jpg) center bottom repeat-x;
	background-size: contain;
}
@media only screen and (max-width: 414px){
	#slideBox.NEW {
		background-size: 210%;
	}
}

#slideBox.NEW .slideBoxIn{
	width: 100%;
	min-width: 1000px;
	/* background: #fff; */
	margin-bottom: 20px
}

.headerLogo.NEW{
	
}
.webRsereveBtn{
	display: none
}

#header .headerLogo.NEW{
	margin: 10px 0;
}
#header .headerLogo.NEW h1 a img{
	width: 100px;
	height:  auto;
	margin: 0 10px;
}

#slideBox.NEW .searchBoxArea{
	width: 100%
}
#slideBox.NEW .searchBoxArea .searchBoxAreaIn .searchBoxMenu{
	width: 100%;
	display: flex;
	justify-content: space-between;
	padding: 15px;
}
#slideBox.NEW .searchBoxArea .searchBoxAreaIn .searchBoxMenu li{
	width: 32%;
}

#slideBox.NEW .searchBoxArea .searchBoxAreaIn .searchBoxMenu li a{
	font-size: 1.3rem;
	font-weight: bold;
	width: 100%;
	float: none !important;
}
.searchBoxMenu:after{
	display: none;
}

.shop_Hinfo.topv{
	height: 126px;
}

.dl.infoBox{
	height: 164px;
	overflow: scroll;
}

/* #slideBox .slideBoxIn{
		height: 340px;
} */
.topNewAbout{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.topNewAbout li{
	width: 48%;
	height: 100%;
	background: #eee;
	margin-bottom: 30px;
}
.topNewAbout li{
	background: url(img/topNCno01.jpg) no-repeat center center;
	background-size: cover;
}
.topNewAbout li.n01.pc_w100{
	width: 100%
}
.topNewAbout li.n02{
	background: url(img/topNCno02.jpg) no-repeat center center;
	background-size: cover;		
}
.topNewAbout li.n02.pc_w100{
		background:url(img/topNCno02.jpg) no-repeat  center -100px;
	background-size: cover;		
	width: 100%;
}
.topNewAbout li.n03{
	background: url(img/topNCno03.jpg) no-repeat center center;
	background-size: cover;		
}
.topNewAbout li.n04{
	background: url(img/topNCno04.jpg) no-repeat center center;
	background-size: cover;		
}
.topNewAbout li.n05{
	background: url(img/new_about_bg02@2x.jpg) no-repeat center center;
	background-size: cover;		
}
.topNewAbout li.n06{
	background: url(img/new_about_bg03@2x.jpg) no-repeat center center;
	background-size: cover;		
	width: 100%;
}
.topNewAbout li.n06{
	background: url(img/new_about_bg03@2x.jpg) no-repeat center center;
	background-size: cover;		
	width: 100%;
}
.topNewAbout li.n07{
	background: url(img/topNCno07.jpg) no-repeat center center;
	background-size: cover;		
}
.topNewAbout li a{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	padding: 5px;		
	text-align: center;
	color: #fff;
	text-shadow: 0px 0px 5px rgba(0,0,0,0.6);
}
.topNewAbout li a:hover{
	opacity: 0.8
}
.topNewAbout li a .topNewAboutBox{
	width: 100%;
	border: 1px solid #fff;
	padding: 60px 20px;
	font-weight: bold;
}
.topNewAbout li a .topNewAboutBox h3{
	/*margin-bottom: 20px;*/
	font-size: 1.4rem;

}
.topNewAbout li a .topNewAboutBox h3.under{
	background: rgba(255,255,255,0.3);
	border-radius: 0;
}
.sengenImg{
	width: 96%;
	display: block;
	border-radius: 10px;
	margin: 2%;
}
.sengenBox{
	width: 92%;
	margin: 40px auto 40px;
}
.sengenBox ul{
	display: flex;
	justify-content: space-between;
	margin-bottom: 40px;
	width: 100%;
}
.sengenBox ul li{
	width: 30%;
	display: block;
	text-align: center;
}
.sengenBox ul li h4{
	font-size: 1.5rem;
	margin-bottom: 10px
}
.sengenBox ul li img{
	max-width: 250px;
	display: block;
	height: 250px;
	background: #fff;
	margin: 0 auto 20px;
	border-radius: 50%;
}
.sengenBox ul li{
	
}
.sengenBox .btn01{
	display: block;
	max-width: 400px;
	width: 90%;
	margin: 0 auto 40px;
	text-align: center;
	border:2px solid #e60012;
	border-radius: 50px;
	padding: 10px;
	font-size: 1.1rem;
	font-weight: bold;
	background: #e60012;

}
.sengenBox .btn01 a{
	color: #fff;
}
.snsList{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	margin:0 auto 80px;
}
.snsList li{
	width: 30px;
	margin: 0 10px;
}
.snsList li img{
	width: 100%;
	height: auto;
	display: block
}
.contents.NEW{
	max-width: 800px;
	width: 100%;
}
.newContent{
	margin-bottom: 40px
}
.newContent h3.new{
		margin-bottom: 30px
	}
.newContent h4{
	width: 100%;
	display: block;
	border-bottom: 2px solid #ddd;
	padding-bottom: 10px;
	margin-bottom: 30px;
	font-size: 1.2rem;
}
	.newContent p{
		font-size: 0.95rem;
		letter-spacing: 0.08em;
		line-height: 1.8;
	}
	.newContent p.imgBox{
		margin-bottom: 30px
	}
	.newContent p.imgBox img{
		display: block;
		margin: 0 auto
	}
	.newContent p strong{
		background: linear-gradient(180deg, transparent 0%,  transparent 50%, #fff000 50%,  #fff000 100%);
	}
	.newTitle{
		width: 100%;
		background: #BA0003;
		text-align: center;
		color: #fff;
		padding: 100px 20px;
		margin-bottom: 40px;
		font-size: 2rem;
		margin-top: -5px;
	}
	.newTitle.new_reason{
		background: url(img/new_reason_bg01@2x.jpg) no-repeat center center;
		background-size: cover;
	}
	.newTitle.company{
		background: url(img/new_about_bg01@2x.jpg) no-repeat center center;
		background-size: cover;
	}
	.newTitle.homesweetshop{
		background: url(img/homesweetshop_bg01@2x.jpg) no-repeat center center;
		background-size: cover;
	}
	.newTitle.recruit{
		background: url(img/new_recruit_bg01@2x.jpg) no-repeat center bottom;
		background-size: cover;
	}
		
	.newLinkBox{
		display: flex;
		width: 100%;
		flex-wrap: wrap;
		justify-content: space-between;		
		margin-bottom: 60px;
	}

	.newLinkBox li{
		width: 48%;
		
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.newLinkBox.recruit li{
		width: 32%;
	}
	.newLinkBox li a{
		display: flex;
		align-items: center;
		justify-content: center;
		width: 100%;
		height: 100%;
		font-size: 1.2rem;
		padding: 20px 10px;
		font-weight: bold;
		color: #333;
		border-radius: 5px;
		background: #f1e767;
  background: linear-gradient(to bottom, #f1e767 0%, #feb645 100%);
	}
	.newLinkBox li a:hover{
		opacity: 0.7
	}
.newLinkBox.recruit.new li a{
	flex-wrap: wrap;
	padding: 10px;
	align-items: flex-start;
	align-content: baseline;
}
.newLinkBox.recruit.new li a p{
	display: block;
	width: 100%;
	text-align: center
}
.newLinkBox.recruit.new li a .img{
	overflow: hidden;
	margin-bottom: 10px;
	border-radius: 10px;
	background: #fff;
}
.newLinkBox.recruit.new li a .img img{
	 display: block
}
.newLinkBox.recruit.new li a .title{
	margin: 10px auto;
}
.newLinkBox.recruit.new li a .list{
	background: #fff;
	padding: 20px;
	font-size: 15px;
	border-radius: 10px;
	
}
	.dakaraWrap{
		width: 100%;
		margin-bottom: 40px;
	}
	.dakaraWrap li{
		width: 100%;
		display: block;
		margin-bottom: 30px;
		border: 1px solid #eee;
		padding: 30px 30px 10px;
		border-radius: 10px
	}
	.dakaraWrap li p{
		margin-bottom: 20px;
		line-height: 2rem;
		font-size: 1rem;
		letter-spacing: 0.05em;
	}
	.dakaraWrap li p.rinenTxt,.dakaraWrap li p.rinenTxt02,.dakaraWrap li p.rinenTxt03{
		font-size: 1.4rem;
	}
	.dakaraWrap li p.txt{
		padding-left: 1em;
		padding-bottom: 20px;
		clear: both;
		text-indent: -1em;
		border-bottom: 1px dashed #ddd;
	}
	.dakaraWrap li p span{
		display: inline-block;
/*
		font-weight: bold;
		margin-bottom: 20px;
		padding-bottom: 10px;
		border-bottom: 2px solid #ddd;
*/
/*		font-size: 1.2rem;*/
	}
	.dakaraWrap li p span.sign{
		display: inline;
		border: none;
	}
	.dakaraWrap li p span.sign span{
		    display: block;
			border: none;
			align-items: flex-start;
	}
	.dakaraWrap li p img{
		max-width: 330px;
		float: left;
		margin-right: 30px;
		margin-bottom: 30px;
		display: block;
	}
	.dakaraWrap li p img.img02{
		margin-bottom: 20px;
	}
	.dakaraWrap li p img.img03{
		float: none;
		display: inline;
		max-width: 200px;
		margin: 0;
	}
	.dakaraWrap li p img.img04{
		float: none;
		display: block;
		margin: 0 auto 30px;
		width: 100%;
		max-width: 100%;
	}
	.dakaraWrap li p:last-child{
		border: none;
	}
.dakaraWrap li .nameBox{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 100%;
}
.dakaraWrap li .nameBox p{
	width: 70%;
}
.dakaraWrap li .nameBox p.img{
	width: 25%;
    font-size: 0.8rem;
    line-height: 1.2rem;
    text-align: center;
}
.dakaraWrap li  .nameBox p img{
	width: 100%;
	    max-width: 180px;
	float: none;
	margin: 0 auto 20px;
}
.dakaraContent .hssBox{
	overflow: hidden
}
.dakaraContent .hssBox p{
	float: left;
	width: 100%
}
.dakaraContent .hssBox .sign{
	display: block;
	float: right;
	width: 240px;
	margin-top: -170px;
}
.dakaraContent .hssBox .sign img{
	width: 100%
}
.future20{font-family: 'Noto Serif JP', serif;}
	.future20 .titleBox{ margin-bottom: 20px; }
	.future20 .list{ font-size: 19px; font-weight: bold; margin-bottom: 60px;}
	.future20 .list li{margin-bottom: 28px; padding-bottom: 15px; position: relative; text-align: center;
		  opacity : 0;
		  transform : translate(0, 100px);
		 
	}
	.future20 .list li:first-letter{ font-size: 19px;}
	.future20 .list li:after{
		content: "";
		width: 1px;
		height: 30px;
		background:#ddd;
		left: 50%;
		    top: 60px;
		position: absolute;
	}
	.future20 .list li:last-child{
		/*padding: 0;*/
		/*background: #8ed3bf;*/
		/*margin-bottom: 0;*/
		margin-top: 45px;
		border-bottom: 4px solid #8ed3bf;
		position: relative;
	}
	.future20 .list li:last-child:after{
		height: 80px;
		position: absolute;
		width: 4px;
		background: #8ed3bf;
	}
	.future20 .list li.active{
	  opacity : 1;
		 transition : all 1s;
	  transform : translate(0, 0);
	}
	.future20 .list li:last-child:first-letter{
		font-size: 19px;
	}
	.future20 .list li:last-child span{
		font-size: 28px;
	}
/*	.future20 .list li:last-child:after{
		display: none;
	}*/
	.box{
		background: #8ed3bf;
		padding: 30px;
	}
	.box .wbox{
		background: #fff;
		padding: 20px;
	}
		.future20 .titleBox{
			width: 80%;
			margin: 0 auto 40px;
		}
		.future20 .list li{
			font-size: 17px;
		}
		.future20 .list li:after{
			top:inherit;
			bottom:-30px;
		}
		.future20 .list li:last-child:after{
			bottom: -80px;
		}
.recruitBtn{
	display: block;
	max-width: 400px;
	border: 2px solid #000;
	padding: 30px;
	margin: 0 auto 30px;
	text-align: center;
}
.recruitBtn:hover{
	background:#e60012;
	color: #fff;
}
.recruitBtn span{
	display: block;
	font-size: 0.8rem;
	font-weight: bold;
}
.recruitInfo{
	display: none;
	border: 1px solid #ddd;
	padding: 20px;
}
	@media only screen and (max-width: 864px){
		
		.poppocContent01{
			display: block
		}
		.poppocContent01 .txt{
			width: 100%;
		}
		.poppocContent01 .img{
		width: 100%;
	}
		.tab-area {
			flex-wrap: wrap;
		}
		.tab-area .tab {
			width: 48%;
			font-size: 1rem;
			display: flex;
			justify-content: flex-start;
			align-items: center;
			padding-bottom: 10px;
		}
		.tab-area .tab .img{
			margin: 0;
			width: 20%;
			height: auto;
			margin-right: 10px;
		}
		.tab-area .tab.active {
			border: none;
		}
		.soboroWrap{
			width: 92%;
			margin: 0 auto;
			display: block;
		}
		.soboroContent{
			width: 92%;
			margin: 0 auto;
			display: block;
		}
		.soboroContent .img{
			width: 100%;
		}
		.soboroContent .info{
			widows: 100%;
			width: 100%;
		}
		.dakaraContent .hssBox .sign{
			width: 100%;
			float: none;
			margin-top: 10px
		}
		.dakaraContent .hssBox .sign.sign02{
			width: 50%;
			float: none;
			margin-top: 10px
		}

	}
.recruitList.NEW dt{
	padding-bottom: 10px;
	margin-bottom: 20px;
}
.recruitList.NEW dd{
	margin-bottom: 20px;
}
.voiceBtn02{
	text-align: center;
}
.voiceBtn02 span{
	display: block;
	text-decoration: underline
}
.staff_voiceNEW{
	display: none;
		padding: 20px;
		background: #f8f8f8;
		border-radius: 10px;
		margin-bottom: 40px;
	}
	.staff_voiceNEW dt{
		background: url(https://oita-karaage.mom/wp-content/uploads/2020/08/kara_arrow_intv01.png) no-repeat 98% center , #36b0bb;
		padding: 10px 15px;
		cursor: pointer;
		background-size: 20px , auto;
		border-radius: 10px;
		margin-bottom: 20px;
	}
	.staff_voiceNEW dt.w{
		background: url(https://oita-karaage.mom/wp-content/uploads/2020/08/kara_arrow_intv01.png) no-repeat 98% center , #ffadad;
		background-size: 20px , auto;
	}
	.staff_voiceNEW dt p{
		display: flex;
		font-size: 16px;
		font-weight: bold;
		color: #fff;
		align-items: center;
		
	}
	.staff_voiceNEW dt .img{
		width: 50px;
		display: block;
		margin-right: 20px;
	}
	.staff_voiceNEW dt .img img{
		width: 100%;
		height: auto;
		display: block;
	}
	.staff_voiceNEW dd{
/*		display: none;*/
		margin-bottom: 30px;
		line-height: 1.6;
		padding: 15px;
		background: #fff;
		border-radius: 10px;
	}
	.staff_voiceNEW dd strong{
		/*color: #D80000;*/
		font-weight: normal;
	}
	.staff_voiceNEW .voiceBtn{
		cursor: pointer;
	}
.staff_voiceNEW .voiceBtn span{
	text-decoration: underline;
	display: block;
	margin: 10px auto;
	width: 100%;
	text-align:center;
}
	.staff_voiceNEW .voiceInfo{
		display: none
	}

	.voiceTitle{
		padding: 15px 20px;
		margin-bottom: 20px;
		letter-spacing: 2px;
		font-size: 22px;
		font-weight: bold;
		background: #D80000;
		color: #fff;
		border-radius: 10px;
	}

.menuJizenWrap{
	    padding: 30px 30px 1px;
    background:#FFFADA;
    border-radius: 10px;
}
.weborderSpecial{
			display: flex;
			justify-content: space-between;
			margin-bottom: 30px;
			margin-top: 40px;
		}
		.weborderSpecial li{
			width: 31%
		}

@media only screen and (max-width: 760px){
#header .headerLogo.NEW h1{
		display: flex
	}
	#header .headerLogo.NEW h1 a{
		display: flex;
		align-items: center
	}
	#header .headerLogo.NEW h1 a img{
		width: 50px;
		margin: 0 5px;
	}
	.webRsereveBtn{
		display: block;
		background: #FFC700;
		padding: 20px ;
		max-width: 150px;
		text-align: center;
		border-radius: 5px;
		font-weight: bold;
		position: absolute;
		right: 70px;
 	   top: 17px;
		color: #55341d;
	}
	#slideBox.NEW{
		margin-bottom: 30px
	}
	#slideBox.NEW .slideBoxIn{
		width: 100%;
		min-width:inherit;
		height: auto
	}
	#slideBox.NEW .searchBoxArea {
		width: 92%;
		margin: 0 auto
	}
	#slideBox.NEW .searchBoxArea .searchBoxAreaIn{
		width: 100%
	}
	#slideBox.NEW .searchBoxArea .searchBoxAreaIn .searchBoxMenu{
		flex-wrap: wrap
	}
	#slideBox.NEW .searchBoxArea .searchBoxAreaIn .searchBoxMenu li{
		width: 48%
	}
	#slideBox.NEW .searchBoxArea .searchBoxAreaIn .searchBoxMenu li:last-child{
		width: 100%;
		margin-top: 10px
	}
	#slideBox.NEW  .searchBoxArea .searchBoxAreaIn .searchBoxMenu li a span{
		font-size: 0.8rem;
	}
	.sengenBox ul{
		flex-wrap: wrap
	}
	.sengenBox ul li{
		width: 100%;
		display: flex;
		justify-content: space-between;
		margin-bottom: 20px;
		align-items: center;
	}
	.sengenBox ul li:last-child{
		margin-bottom: 0
	}
	.sengenBox ul li img{
		width: 32%;
		height: auto;
		margin: 0
	}
	.sengenBox ul li h4{
		font-size: 1.3rem;
		margin-bottom: 0
	}
	.sengenBox ul li .txt{
		width: 62%;
		text-align: left;
		display: flex;
		flex-wrap: wrap;
		align-content: center;
	}
	.sengenBox ul li .txt h4{
		width: 100%;
	}
	.topNewAbout{
		width: 92%;
		margin: 0 auto;
	}
	.topNewAbout li{
		margin-bottom: 20px
	}
	.topNewAbout li:first-child{
		width: 100%
	}
	.topNewAbout li:last-child{
		width: 100%
	}
	.topNewAbout li.n04{
		width: 100%;
	}
	.topNewAbout li a .topNewAboutBox h3{
		font-size: 1.2rem
	}
	.newTitle{
		padding: 60px 20px;
		font-size: 1.4rem;
	}
	.contents.NEW{
		width: 92%;
	}
	.newLinkBox li a{
		font-size: 1rem;
	}
	.dakaraWrap li{
		padding: 20px 20px 10px;
	}
	.dakaraWrap li p{
		font-size: 0.9rem;
	}
	.dakaraWrap li p span{
		font-size: 1rem;
	}
	.dakaraWrap li p span.sign{
		width: 100%;
		display: block;
	}
	.dakaraWrap li p span.sign span{
		flex-wrap: wrap;
		display: block;
		margin-bottom: 0;
		padding-bottom: 0;
		text-align: center;		
	}
	.dakaraWrap li p img.img02{
		display: block;
		width: 70%;
		margin: 0 auto 20px;
	}
	.dakaraWrap li p img{
		width: 100%;
		float: none;
	}
	.dakaraWrap li p img.img03{
		    max-width: 140px;
    width: 100%;
	}
	.dakaraWrap li .nameBox p{
	width: 100%;
}
.dakaraWrap li .nameBox p.img{
	width: 100%;
}
	.topNewAbout li{
		width: 100%
	}
.topNewAbout li.n02.pc_w100{
		background:url(img/topNCno02.jpg) no-repeat  center 0px;
	background-size: cover;		
}
	.topNewAbout li.n02.w100{
		width: 100%;
	}
	
	
		.staff_voiceNEW{
			width: 92%;
			margin: 0 auto 40px; 
		}
		.voiceTitle{
			width: 92%;
			margin: 0 auto 20px;
		}
	
	

}

/* ------------------------------------------------
	　common
    ---------------------------------------------- */

.fl { float:left;}
.fr { float:right;}

.mb0 { margin-bottom:0px;}
.mb5 { margin-bottom:5px;}
.mb9 { margin-bottom:9px;}
.mb10 { margin-bottom:10px;}
.mb15 { margin-bottom:15px;}
.mb20 { margin-bottom:20px;}
.mb25 { margin-bottom:25px;}
.mb30 { margin-bottom:30px;}
.mb40 { margin-bottom:40px;}
.mb50 { margin-bottom:50px;}
.mb60 { margin-bottom:60px;}
.mb70 { margin-bottom:70px;}
.mb90 { margin-bottom:90px;}

.ml5 { margin-left:5px;}
.ml10 { margin-left:10px;}
.ml12 { margin-left:12px;}
.ml13 { margin-left:13px;}
.ml15 { margin-left:15px;}
.ml20 { margin-left:20px;}
.ml25 { margin-left:25px;}
.ml30 { margin-left:30px;}

.mr5 { margin-right:5px;}
.mr10 { margin-right:10px;}
.mr15 { margin-right:15px;}
.mr20 { margin-right:20px;}
.mr30 { margin-right:30px;}

.mt5 { margin-top:5px;}
.mt10 { margin-top:10px;}
.mt15 { margin-top:15px;}
.mt20 { margin-top:20px;}
.mt30 { margin-top:30px;}
.mt40 { margin-top:40px;}
.mt50 { margin-top:50px;}
.mt60 { margin-top:60px;}
.mtm30 { margin-top:-30px;}

.pt5 { padding-top:5px;}
.pt10 { padding-top:10px;}
.pt20 { padding-top:20px;}
.pt30 { padding-top:30px;}
.pt40 { padding-top:40px;}

.pb5 { padding-bottom:5px;}
.pb10 { padding-bottom:10px;}
.pb20 { padding-bottom:20px;}
.pb100{ padding-bottom: 100px;}

.text10{ font-size:10px!important; line-height: 1.6;}
.text11{ font-size:11px!important; line-height: 1.6;}
.text12{ font-size:12px!important; line-height: 1.6;}
.text13{ font-size:13px!important; line-height: 1.6;}
.text14{ font-size:14px!important; line-height: 1.6;}
.text16{ font-size:16px!important; line-height: 1.6;}
.text18{ font-size:18px!important; line-height: 1.6;}
.text20{ font-size:20px!important; }
.text24{ font-size:24px!important; }
.text28{ font-size:28px!important; }
.text30{ font-size:30px!important; }
.textC { text-align:center;}
.textR { text-align:right;}
.textL{ text-align: left;}
.textB { font-weight:bolder;}
.textN{ font-weight: normal;}

.red { color:#D80000;}
.blue{ color: #639fdf;}
.green{ color: #008C00;}
.pink{ color: #FF505A;}
.orange{ color: #FF9900;}

.box10p { width: 10%;}
.box15p { width: 15%;}
.box20p { width: 20%;}
.box35p { width: 35%;}
.box40p { width: 40%;}
.box45p { width: 45%;}
.box48p { width: 48%;}
.box49p { width: 49%;}
.box50p { width: 50%;}
.box55p { width: 55%;}
.box60p { width: 60%;}
.box65p { width: 65%;}
.box70p { width: 70%;}
.box75p { width: 75%;}
.box80p { width: 80%;}

.lrAuto{ margin-left:auto; margin-right:auto;}

.link a{ color:#FD7E33; text-decoration:underline; font-weight:bold;}
.link a:hover{ text-decoration:none;}
.link2{text-align: center; width: 96%; margin: 0 auto 40px;}
.link2 a{display: inline-block; padding: 20px; font-size: 16px; color: #fff; background: #e60012; border-radius: 5px; text-decoration: none !important;}
.link2 a:hover{ opacity: 0.7}
.link2.w100{margin: 10px auto 0;}
.link2.w100 a{width: 100%;}
.va_b{ vertical-align:bottom;}
.va_m{ display:inline-block;vertical-align:middle;}
.va_t{ vertical-align: top;}
[v-cloak]{display: none!important;}


/* 20210906 custom */

.table02 th,.table02 td { line-height: 1.7em;}
.table02 p { font-size: 1em;}
.tori_form a:hover{ text-decoration: none;}
@media only screen and (max-width: 864px){
  .future20 .titleBox { margin-bottom: 10px;}
  .future20 .list li { margin-bottom: 1.2em; padding-bottom: 0; font-size: 14px;}
  .future20 .list li:first-letter{ font-size: 19px;}
  .future20 .list li:after { content: none; height: 0;}

  .table02.historyTable th { width: 8em; display: table-cell;}
  .table02.historyTable td { width: calc(100% - 8em); display: table-cell;}
  .table02.aboutTable th { width: 8em; display: table-cell;}
  .table02.aboutTable td { width: calc(100% - 8em); display: table-cell;}
  .table02.tokutei th { width: 8em; display: table-cell;}
  .table02.tokutei td { width: calc(100% - 8em); display: table-cell;}
  .table02.tokutei .table04 th { width: 100%; display: block; text-align: center;}
  .table02.tokutei .table04 td { width: 100%; display: block; text-align: center;}
}


/* 20210909 online-reservation */

.onlineReserveTtl { background:#ffe501; padding: 40px 40px 30px; margin-bottom: 40px; border: 0; border-radius:5px; text-align: center;}
.contentsWrapSub .onlineReserveTtl h2 { background: none; padding: 0; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; margin-bottom: 0; border-top: 0;}
.onlineReserveCampaign { padding-top: 10px;}
.onlineReserveTtl img { width: 100%; max-width: 720px; height: auto;}
.onlineReserveFlow { margin-bottom: 40px;}
.onlineReserveFlow img { width: 100%; max-wdt: 805px; height: auto;}
.link2.onlineReserveBtn a { width: 100%; max-width: 680px; font-size: 1.5em; font-weight: 700;}
.contentsWrapSub .onlineReserve h3 { border-radius:5px;}

@media only screen and (max-width: 864px){
  .onlineReserve { width: 96%; margin: 0 auto;}
  .onlineReserveTtl { padding: 25px 30px;}
  .onlineReserveCampaign { padding-top: 0;}
}

/* 20210914 :: custom top banner */

.topBnr { margin: 0 auto 40px; text-align: center;}
.topBnr img { max-width: 100%; height: auto; vertical-align: bottom;}
.topAboutLink { color: #000;}
.topAboutSPThumb img{ width: 100%; height: auto; border-radius: 50%; vertical-align: bottom;}
@media only screen and (min-width: 865px){
  .topBnr a:hover img { opacity: 0.8;}
  .topAboutSp { display: flex; justify-content: space-between; margin-top: 40px;}
  .topAboutSp > li { font-size: 14px; text-align: center;}
  .topAboutSp > li:not(:first-of-type) { border-left: 1px dashed #ddd;}
  .topAboutSPThumb { display: block; width: 50%; margin: 0 auto 10px;}
  .topAboutSPtext { font-weight: bold;}
  .topBnrContainer { display: flex; justify-content: space-between; width: 104%; margin: 0 -2%;}
  .topBnrContainer .topBnr { width: 48%;}
}

@media only screen and (max-width: 864px){
  .topBnr { width: 96%; margin: 0 auto 20px;}
  .topAboutSp { border-bottom: 1px solid #ddd;}
  .topAboutLink { display: flex; align-items: center; width: 100%; padding: 10px; border-top: 1px solid #ddd; color: #000;}
  .topAboutLink:hover { color: #000;}
  .topAboutSPThumb { flex-basis:65px;}
  .topAboutSPtext { flex-basis: calc(100% - 65px); padding-left: 1em; font-weight: bold; font-size: 1rem; line-height: 1.6em;}
}

/* 20210914 :: custom new_reason */

.poppoStatement { font-size: 16px; line-height: 1.6em;}
.contentsWrapSub h2.poppoStatement_ttl { background: none; padding: 0; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; margin-bottom: 60px; border-top: 0; text-align: center;}
.contentsWrapSub h2.poppoStatement_ttl img { width: 70%; max-width: 400px; height: auto;}
.poppoStatementLink { display: flex; align-items: center; flex-wrap: wrap; justify-content:space-between; margin-bottom: 60px;}
.poppoStatementLink > li { width: 32%;}
.poppoStatementLink > li img { width: 100%; height: auto; border-radius: 5px;}
.contentsWrapSub h3.poppoStatement_hl{ background: none; padding: 0; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; margin-bottom: 20px;}
.poppoStatementContent { padding: 40px 0 60px; border-top: 1px solid #ddd;}
.poppoStatement_block p { text-align:justify; text-justify:inter-ideograph;}
.poppoStatement_subhl1 { padding-top: 10px; margin-bottom: 20px; font-size: 1.375em; font-weight: bold; line-height: 1.6em;}
.poppoStatement_subhl2 { padding-bottom: 15px; margin-bottom: 20px; border-bottom: 1px solid #000; font-size: 1.125em; font-weight: bold; line-height: 1.6em;}
.poppoStatement_note {font-size: 0.875em; line-height: 1.6em;}
.poppoStatement_imgCheck { width: 60%; max-width: 230px; height: auto; margin: 0 auto 40px;}
.poppoStatement_block3 { margin-top: 40px;}
.poppoStatement_block3 .poppoStatement_imgCheck { margin-bottom: 20px;}
.poppoStatement_thumb01 { width: 100%;}
.poppoStatement_icoNum { width: 56px; height: auto; margin:0 auto 10px;}
#statement3 .poppoStatement_subhl2 { text-align: center;}
@media only screen and (min-width: 865px){
  .poppoStatement_column { display: flex; justify-content: space-between; align-items: flex-start;}
  .poppoStatement_block2 { width: 48%; max-width: 460px; flex-flow: row wrap;}
  .poppoStatement_block3 { width: 30%; flex-flow: row wrap;}
  #statement1 h3.poppoStatement_hl img { max-width: 210px; height: auto;}
  #statement2 h3.poppoStatement_hl img { max-width: 198px; height: auto;}
  #statement3 h3.poppoStatement_hl img { max-width: 198px; height: auto;}
}
@media only screen and (max-width: 864px){
  .poppoStatement { width: 92%; margin: 0 auto;}
  .contentsWrapSub h2.poppoStatement_ttl { margin-bottom: 25px;}
  h3.poppoStatement_hl img { width: auto; max-height: 46px;}
  .poppoStatement_imgCheck { width: 55%; margin: 40px auto 20px;}
  .poppoStatement_subhl1 { font-size: 1.15em;}
}

/* 20210914 :: custom shop info / add uber eats */

.shopList li .shop_uber img { max-width:100px; height: auto;}
.shop_Creditcard span { color:#e60012;}

/* 20211006 :: add about_foodloss / custom karaage_eco */

.about_foodlossImageList { overflow: hidden; width: 102%; margin: 0 -1%;}
.about_foodlossImageList > li { width: 48%; float: left; margin: 1%; text-align: center;}
.about_foodlossImageList > li:nth-child(odd){ clear: both;}
.about_foodlossImageList > li img { max-width:100%; height:auto;}
.karaage_ecoLink { color: #000;}
.karaage_ecoThumb img{ width: 100%; height: auto; border-radius: 50%; vertical-align: bottom;}
@media only screen and (min-width: 865px){
  .ecoPlastic { display: flex; justify-content: space-between; margin-top: 40px; margin-bottom: 80px;}
  .ecoPlastic > li { width: 33.333%; text-align: center;}
  .ecoPlastic > li:not(:first-of-type) { border-left: 1px dashed #ddd;}
  .ecoFoodloss { display: flex; justify-content: space-between; margin-top: 40px; margin-bottom: 80px;}
  .ecoFoodloss > li { width: 50%; text-align: center;}
  .ecoFoodloss > li:not(:first-of-type) { border-left: 1px dashed #ddd;}
  .karaage_ecoThumb { display: block; width: 150px; max-width: 50%; margin: 0 auto 20px;}
  .karaage_ecoText { font-weight: bold;}
}
@media only screen and (max-width: 864px){
  .about_foodlossImageList { width: 94%; margin: 0 auto;}
  .karaage_ecoLink { display: flex; align-items: center; width: 100%; padding: 10px; border-top: 1px solid #ddd; color: #000;}
  .ecoPlastic > li:first-child .karaage_ecoLink,
  .ecoFoodloss > li:first-child .karaage_ecoLink{ border: 0;}
  .karaage_ecoLink:hover { color: #000;}
  .karaage_ecoThumb { flex-basis:65px;}
  .karaage_ecoText { flex-basis: calc(100% - 65px); padding-left: 1em; font-weight: bold; font-size: 1rem; line-height: 1.6em;}
}

/* 20211007 :: custom foodloss */
.foodlossTitle { line-height: 1.5em;}
.foodloss_dataList { width: 100%; margin: 20px auto 30px;}
.foodloss_dataList > li span { display: block; font-weight: bold;}
.foodloss_dataList .shopPer:after { content: '%'; margin-left: 0.2em; font-size: 0.7em;}
.foodloss_dataAll { display: flex; align-items: baseline; padding: 0 5px; margin-bottom: 20px; border-bottom: 3px solid #000; font-size: 18px; line-height: 2em; font-weight: bold;}
.foodloss_dataAll > dt { width: 40%;}
.foodloss_dataAll > dd { width: 60%; font-size: 1.8em; text-align: right;}
.foodloss_dataAll > dd span:after { content: '%'; margin-left: 0.2em; font-size: 0.8em;}
@media only screen and (min-width: 865px){
.foodloss_dataWrap { background: #fff; margin: 20px auto 10px; padding: 40px; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; overflow: hidden;}
.foodloss_dataList { display: flex; flex-wrap: wrap; width: 103%; margin: 0 -1.5%;}
.foodloss_dataList > li { width: 17%; margin: 0 1.5% 20px; font-size: 16px;}
.foodloss_dataList > li span { text-align: center;}
.foodloss_dataList .shopName {position:relative; background: #55341D; padding: 2px 10px; -webkit-border-radius:3px 3px 0 0; -moz-border-radius:3px 3px 0 0; border-radius:3px 3px 0 0; color: #fff;}
.foodloss_dataList .shopName:after{ border: solid transparent; content:''; height:0; width:0; pointer-events:none; position:absolute; border-color: rgba(85, 52, 29, 0); border-top-width:6px; border-bottom-width:6px; border-left-width:6px; border-right-width:6px; margin-left: -6px; border-top-color:#55341D; top:100%; left:50%;}
.foodloss_dataList .shopPer { background: #eee; padding: 8px; -webkit-border-radius: 0 0 3px 3px; -moz-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px; font-size: 1.5em;}
.foodloss_dataAll { width: 50%; max-width: 240px; float: right;}
}
@media only screen and (max-width: 864px){
.foodloss_dataList > li { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; width: 100%; background: #fff; padding: 5px 20px; margin-bottom: 8px; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;}
.foodloss_dataList > li span { width: 50%; font-size: 15px;}
.foodloss_dataList .shopName { position:relative;}
.foodloss_dataList .shopName:after{ border: solid transparent; content:''; height:0; width:0; pointer-events:none; position:absolute; border-color: rgba(85, 52, 29, 0); border-top-width: 6px; border-bottom-width: 6px; border-left-width: 8px; border-right-width: 8px; margin-top: -6px; border-left-color:#55341D; left:100%; top:50%;}
.foodloss_dataList .shopPer { font-size: 1.3em; text-align: right;}
}

.orderMessage { font-size:1.2em; font-weight:bold; color:#e60012; text-align:center;margin:40px auto 20px;}

/* 20211015 :: custom museum/paint */
.paintThumbsList { display: flex; flex-wrap: wrap; width: 102%; margin: 0 -1%;}
.paintThumbsList > li { width: 18%; margin: 20px 1% 0; text-align: center;}
.paintThumbsList > li img { max-width: 100%; height: auto;}
@media only screen and (max-width: 864px){
.paintThumbsList > li { width: 31.333333%; margin-top: 10px; text-align: center;}
.top_select1 select,.top_select2 select,.top_select3 select,.top_select4 select,.top_select5 select,.top_select6 select { font-size: 16px;}
}

.tori_form .picker__table th, .tori_form .picker__table td { display:table-cell;}

/* 20230627 :: custom top */
#slideBox.topFVmenu {
	padding-bottom: 0;
}
.topMenuWrap {
	display: flex;
	justify-content: space-around;
	align-items: flex-end;
	width: 100%;
	max-width: 720px;
	min-height: 290px;
	background: url(./img/top_bg_balloon_pc.png) no-repeat top center;
	background-size: contain;
	margin: 0 auto;
	text-align: center;
}
.topMenuWrap > li { width: 50%;}
.topMenuWrap > li img {
	width: 80%;
	max-width: 210px;
	height: auto;
	vertical-align: bottom;
}
.topECwrap {
	display: flex;
	justify-content: space-between;
	width: 96%;
	max-width: 680px;
	margin: 0 auto 60px;
}
.topECwrap > li {
	width: 48.5%;
}
.topECwrap > li img {
	max-width: 100%;
	height: auto;
	border-radius: 5px;
}
.topECwrap > li a:hover img { opacity: 0.7;}

@media only screen and (max-width: 864px){
	.topMenuWrap {
		min-height: 200px;
		background: url(./img/top_bg_balloon_sp.png) no-repeat top center;
		background-size: contain;
	}
	.topMenuWrap > li img {
		width: 65%;
	}
	.topECwrap{
		margin-bottom: 30px;
	}
	.topECwrap > li {
		width: 49%;
	}
}