/*---------------------------------------------
	Google Fonts
  ---------------------------------------------*/

@import url(https://fonts.googleapis.com/css?family=Crimson+Text:400italic,400,600italic,600,700italic,700);

/*---------------------------------------------
	Browser Default Initialization
  ---------------------------------------------*/

html {
	overflow-y: scroll;
}
body, dl, dt, dd, ul, ul li, h1, h2, h3, h4, h5, h6,
pre, form, fieldset, input, textarea, p, blockquote, th, td,
section, nav, article, aside, hgroup, header, address,
figure, figcaption {
	margin: 0;
	padding: 0;
}
address, caption, cite, code, dfn, em, th, var {
	font-style: normal;
	font-weight: normal;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th {
	text-align: left;
}
q:before ,q:after {
	content: '';
}
object, embed {
	vertical-align: top;
}
hr, legend {
	display: none;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
}
img, abbr, acronym, fieldset {
	border: 0;
}
img {
	max-width: 100%;
	height: auto;
	width: auto\9;
	vertical-align: bottom;
	-ms-interpolation-mode: bicubic;
}
ul li {
	list-style-type: none;
}

/*---------------------------------------------
	body
  ---------------------------------------------*/

body {
	font-family:'メイリオ',Meiryo,sans-serif,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック';
	color: #333;
	font-size: 16px;
	line-height: 1.5em;
	text-align: left;
	-webkit-text-size-adjust: 100%;
}

/*---------------------------------------------
	Anchor
  ---------------------------------------------*/

a {
	outline: none;
	color: #333;
}
a:visited {
	color: #333;
}
a:hover {
	text-decoration: none;
	color: #111;
	opacity: 0.7;
	filter:(opacity=70);
}
a:hover img{
	opacity: 0.7;
	filter:(opacity=70);	
}
a.infop:hover img {
	opacity: 1.2;
	filter:(opacity=120);	
}
a:active {
	color: #333;
}

.box a {
	color: #ff3f01;
}

/*******************************
　clearfix
*******************************/

.clearfix:after,
.column-set:after {
	clear:both;
	display:block;
	height:0px;
	content:"･";
	visibility:hidden;
}
.clearfix,
.column-set {
	min-height:1px;
	inline-table;
	clear:both;
}
*html .clearfix {
	height:1px;
}
.clear {
	clear:both;
}

/*-----------------------------------------------------	*/
/*	for all						*/
/*-----------------------------------------------------	*/

#wrapper {
	width: 100%;
	/*background-color:#eee;*/
}

/* ------ Header ------ */

#header {
	width: 100%;
	background-color:#fff;
	box-shadow:0 8px 8px rgba(0,0,0,0.1);
}
#header-inner {
	/*width: 1200px;*/
	max-width:1200px;
	height:84px;
	margin: 0 auto;
	padding:0;
	position:relative;
	background-color:#fff;
}
#logo {
	padding-top:18px;	
}
#logo a,
#logo span {
	display:block;
	width:178px;
	height:56px;
	text-indent:-9999px;
	background:url(../images/pc/logo.png) no-repeat left top;
}
#logo.home {
	display:none;
}

/* ------ Contents ------ */

#contents-body {
	width:100%;
	margin: 0 auto;
	padding:0;
	box-sizing:border-box;
}
#breadcrumb {
	width:100%;
	max-width:1200px;
	margin: 0 auto;
}
#breadcrumb ul {
	padding:5px 0 20px;
}
#breadcrumb ul li {
	display:inline-block;
	padding:0;
	font-size:11px;
	line-height:1.1;
}
#breadcrumb ul li a {
	margin-right:4px;
	padding-right:16px;
	background:url(../images/arrow_bk.png) no-repeat 100% 48%;
}
.pagevisual {
	width: 100%;
	margin-bottom:30px;
	position:relative;
	overflow:hidden;
	text-align: center;
}
.pagevisual .page-img {
	width: 1500px;
	margin-left: -750px;
	padding-left: 50%;
}

.contents-block {
	width: 100%;
	max-width:1200px;
	margin: 0 auto;
	padding-bottom:20px;
}
#main-col .contents-block {
	max-width:100%;
}
.contents-bg {
	padding-top:4%;
	margin-bottom:4%;
	background-color:#fff9ee;
}

#col-block {
	max-width:1200px;
	margin: 0 auto;
}
#main-col {
	width:71%;
	float:right;
	padding-bottom:40px;
}
#side-col {
	width:25%;
	padding-right:4%;
	float:left;
	padding-bottom:40px;
}

.cols {
	border-bottom: 3px #866646 solid;
	margin-bottom: 4%; 
	margin-top: 20px;
}
.col {
	padding:0 0 4%;
	box-sizing:border-box;
}
.col1 {
	padding:0 0 2%;
	box-sizing:border-box;
}

.column-set {
	clear:both;
	padding:0 0 2%;
	margin-left:-1.6%;
}
.column-set.m32 {
	margin-left:-3.2%;
}
.col2,
.col3,
.col3-2,
.col4,
.col4-2,
.col4-3,
.col5,
.col5-2,
.col5-3,
.col5-4 {
	padding: 0 0 2% 1.6%;
	box-sizing:border-box;
}
.column-set.m32 .col2,
.column-set.m32 .col3,
.column-set.m32 .col3-2,
.column-set.m32 .col4,
.column-set.m32 .col4-2,
.column-set.m32 .col4-3,
.column-set.m32 .col5,
.column-set.m32 .col5-2,
.column-set.m32 .col5-3,
.column-set.m32 .col5-4 {
	padding: 0 0 2% 3.2%;
	box-sizing:border-box;
}
.col2,
.col4-2 {
	float: left;
	width:50%;
}
.col3 {
	float: left;
	width:33.333%;
}
.col3-2 {
	float: left;
	width:66.666%;
}
.col4 {
	float: left;
	width: 25%;
}
.col4-3 {
	float: left;
	width: 75%;
}
.col5 {
	float: left;
	width: 20%;
}
.col5-2 {
	float: left;
	width: 40%;
}
.col5-3 {
	float: left;
	width: 60%;
}
.col5-4 {
	float: left;
	width: 80%;
}

.float-r {
	float:right !important;
}
.column-block {
	padding:0 8px 15px;
}
.box {
	padding:0 0 2%;
}
.line-box {
	margin:0 30px;
	padding:20px 0;
	border:3px #DDD dashed;
}

.contents-head {
	position:relative;
	max-width:1200px;
	margin: 0 auto;
}
.contents-head h1 {
	position:relative;
	margin:0 0 20px;
	padding:25px 10px;
	font-size:25px;
	font-weight:bold;
	letter-spacing:0.1em;
	color:#4f3009;
	border-top:3px #866646 solid;
	background:#fffcf6;
}
.contents-head h1:after {
	content:"";
	position:absolute;
	top:4px;
	left:0;
	width:100%;
	border-top:1px #866646 solid;
}
.contents-head h1 span.sub-title {
	font-family: "Crimson Text";
	font-weight: 400;
	font-style: italic;
	font-size: 20px;
	letter-spacing:0;
	display:block;
}
.contents-head h2 {
	position: relative;
	padding: 20px 10px;
	font-size: 25px;
	font-weight: bold;
	color: #4f3009;
	border-top: 3px #866646 solid;
	background: #fffcf6;
	line-height: 2rem;
}
.contents-head h2:after {
	content: "";
	position: absolute;
	top: 4px;
	left: 0;
	width: 100%;
	border-top: 1px #866646 solid;
}
.contents-head ul li {
	display:inline-block;
}
.contents-head ul li a {
	text-decoration:none;
	padding:0 12px;
	border-left:1px #aaa solid;
}
.contents-head ul li:first-child a {
	border-left:0px #999 solid;
}
.contents-head-small h2 {
	padding: 0 5px;
	font-size: 15px;
	font-weight: bold;
	color: #4f3009;
}

.contents-block > h2,
.safety-set h2 {
	margin:0 0 25px;
	padding:0 0 15px;
	font-size:25px;
	font-weight:bold;
	color:#4f3009;
	border-bottom:3px #866646 solid;
}
.contents-block > h2.no-style {
	margin:0 0 15px;
	padding:0;
	color:#333;
	font-weight:normal;
	border-bottom:0;
}
.contents-block .link-mark a {
	text-decoration:none;
}
.contents-block .link-mark h2.no-style {
	margin:0 0 15px;
	padding:0;
	color:#333;
	font-size:25px;
	font-weight:normal;
	border-bottom:0;
}
.contents-block .link-mark.scale h2.no-style {/*2016.06.15*/
	font-size:22px;
	line-height:1.2;
	padding-top:5px;
}
.title-lv2 {
	margin:0;
	padding:0;
	line-height: 180%;
	color:#4f3009;
	font-family: "Crimson Text";
	font-weight: 400;
	font-style: italic;
	font-size: 40px;
}
.title-lv2 span.sub-title {
	padding-left:12px;
	font-size: 16px;
	color:#ff4200;
	font-style:normal;
}
.title-lv3 {
	color:#4f3009;
	margin:0 0 10px;
	font-size: 20px;
	line-height: 140%;
	font-weight:bold;
}
.column-set .col1 p {
	line-height: 170%;
}

.back-btn {
	margin: 2% auto 0;
	text-align: center;
}
.back-btn a {
	display:inline-block;
	padding:10px 40px 10px 50px;
	font-size:20px;
	text-align: center;
	text-decoration:none;
	border:1px #bbb solid;
	background:url(../images/arrow_l.png) no-repeat 20px center;
}
#contents .btn a:link,
#contents .btn a:visited {
	color: #666;
	text-decoration: none;
	background-color:#ddd;
}
#contents .btn a:hover,
#contents .btn a:active {
	color: #fff;
	text-decoration: none;
	background-color:#999;
}

.more-btn {
	width:40%;
	margin: 4% auto 0;
	text-align: center;
	background:url(../images/arrow_r.png) no-repeat 94% center;
}
.col2 .more-btn {
	width:60%;
}
.more-btn.left {
	margin: 3% 0 0;
}
.more-btn a {
	display:block;
	padding:10px 20px 10px 0px;
	font-size:20px;
	text-align: center;
	text-decoration:none;
	color:#333;
	border:1px #bbb solid;
}
span.more-btn a {
	display:inline-block;
	margin: 3% 0 0;
	padding:10px 60px 10px 40px;
}

/*表組み*/
dl.table_style {
	background-color:#fdfdfd;
	border: 1px solid #cccccc;
	border-top: none;
	width: 100%;
}
dl.table_style dt {
	clear: left;
	float: left;
	width: 22%;
	font-weight:bold;
}
dl.table_style dd {
	margin-left: 22%;
}
dl.table_style dt .th {
	padding:10px;
	border-top: 1px solid #cccccc;
}
dl.table_style dd .td {
	padding: 10px;
	background: #fff;
	border-left: 1px solid #cccccc;
	border-top: 1px solid #cccccc;
}
.req {
	margin-left:10px;
	padding:4px 8px 3px;
	display:inline-block;
	background-color:#CC0000;
	color:#FFFFFF;
	font-size:70%;
	line-height:110%;
}
/*　フォーム　*/
dl.form_tb {
	background-color:#fdfdfd;
	border: 1px solid #cccccc;
	border-top: none;
	width: 100%;
}
dl.form_tb dt {
	clear: left;
	float: left;
	width: 22%;
	font-weight:bold;
}
dl.form_tb dd {
	margin-left: 22%;
}
dl.form_tb dt .th {
	padding:10px;
	border-top: 1px solid #cccccc;
}
dl.form_tb dd .td {
	padding: 10px;
	background: #fff;
	border-left: 1px solid #cccccc;
	border-top: 1px solid #cccccc;
}
input[type=text] {
	font-size:1.0em;
}
input[type=text].w50 {
	width:50%;
}
input[type=text].w90 {
	width:95%;
}
textarea {
	font-size:1.0em;
	width:95%;
	height:10em;
}
.submit-btn {
	margin-top:15px;
	text-align:center;
}
.submit-btn input {
	padding: 10px 5px;
	font-size: 1.2em;
	background-color:#f8e9be;
	color: #937b3a;
	border:2px #ffe9ab solid;
	box-shadow: inset 0 0 4px #FFF, 0 0 2px #FFF;
	text-align:center;
	width:30%;
	margin:0 5% 8px;
	cursor:pointer;
	border-radius:0;
}
.submit-btn input:hover {
	background-color:#937b3a;
	color:#f8e9be;
}
.error_messe {
	color:#CC3300;
}
form em { color:#CC0000; font-style:normal; }

/* ------ Footer ------ */
footer {
	width: 100%;
	background-color:#fe5801;
}
.footer-inner {
	/*width: 1200px;*/
	max-width:1200px;
	margin:0 auto;
	padding:10px 0;
	color:#fff;
}
.footer-inner ul {
	float:right;
}
.footer-inner ul li {
	margin-left:15px;
	display:inline-block;
	font-size:14px;
}
.footer-inner ul li a {
	color:#fff;
}
.copyright {
	font-size:14px;
}

#pageTop {
	position:fixed;
	bottom:50px;
	right:20px;
}
#pageTop p {}
#pageTop p a {
	display:inline-block;
	width:46px;
	height:46px;
	background-color:#fe5801;
	border-radius:100%;
	opacity:0.6;
}
#pageTop p a:hover {
	opacity:1;
}
#pageTop img {
	width:46px;
	height:46px;
}

/*----- 左下バナー用CSS 開始
#bannerarea {
	position:fixed;
	bottom:50px;
	left:0px;
    z-index: 9999;
}
#bannerarea img {
	width:320px;
	height:490px;
}
.Bnr{
  position: relative;
  margin: 0 auto;
  width: 320px;
  display: none;
}
.Bnr .Bnr__img p.close{
  position: absolute;
  right: 10px;
  top:10px;
}
.Bnr .Bnr__img p.close a{
  display: block;
  width: 20px;
  height: 25px;
  text-align: center;
}
.Bnr .Bnr__img p.close a span{
  display: block;
  width: 1px;
  height: 1px;
  overflow: hidden;
}
.Bnr .Bnr__img p.close a i{
  font-size: 20px;
  z-index: 888;
  color: #222;
}
.Bnr__img__inner a[href^="https://www.royalhost.jp/infomation/mobile/"] {
    pointer-events: none;
}
左下バナー用CSS 終了 -----*/

#footer-slider {
	/*margin-bottom:30px;*/
	background-color:#fff;
}

.sp {
	display:none;
}

/* メニュー */
.menu-list-block {
	padding:0 0 2%;
}
.menu-list-box {
	position:relative;
	overflow:auto;
	clear:both;
	padding-bottom:5%;
}
.menu-list-box .menu-list-photo {
	width:50%;
	max-width:600px;
	float:left;
	overflow:hidden;
}
.menu-list-box .menu-list-txt {
	width:51%;
	float:left;
	margin-left:-2%;
	margin-top:2%;
	padding:2.5%;
	font-size:17px;
	line-height: 1.5em;
	box-sizing:border-box;
	box-shadow:0 0 10px rgba(0,0,0,0.3);
	background-color:#fff;
	position:relative;
	transition: background-color 0.3s linear;
}

.menu-list-block2 {
	margin-left:-3.2%;
	padding:0 0 2%;
}
.menu-list-box2 {
	width:50%;
	float:left;
	position:relative;
	padding:0 0 4% 3.2%;
	box-sizing:border-box;
}
.menu-list-box2 .menu-list-photo {
	width:100%;
	overflow:hidden;
}
.menu-list-box2 .menu-list-txt {
	width:96%;
	height:200px;
	margin:0 auto;
	margin-top:-3%;
	padding:3% 3% 5%;
	font-size:17px;
	line-height: 1.5em;
	box-sizing:border-box;
	box-shadow:0 0 10px rgba(0,0,0,0.3);
	background-color:#fff;
	position:relative;
	transition: background-color 0.3s linear;  
}

.menu-list-box .menu-list-txt h2,
.menu-list-box2 .menu-list-txt h2 {
	font-size:27px;
	padding-bottom:6%;
	position:relative;
}
.menu-list-box .menu-list-txt h2:after,
.menu-list-box2 .menu-list-txt h2:after {
	content:"";
	position:absolute;
	left:0;
	bottom:30%;
	width:30px;
	border-bottom:1px #ccc solid;
}
.menu-list-box .menu-list-txt:after,
.menu-list-box2 .menu-list-txt:after {
	position:absolute;
	right:10px;
	bottom:10px;
	content:"";
	width: 60px;
	height: 20px;
	/*border-style: solid;
	border-width: 0 0 18px 18px;
	border-color: transparent transparent #fe4600 transparent;*/
	background:url(../images/more.png) no-repeat right bottom;
}
.menu-list-box:hover .menu-list-txt,
.menu-list-box2:hover .menu-list-txt {
	background-color:#fff9ee;
}
.menu-list-box a,
.menu-list-box2 a {
	text-decoration:none;
}
.menu-list-block2__price {
	margin-left: -2%;
	padding: 0;
}
.menu-list-block2__price .pagevisual img {
	width: 100%;
}
.menu-list-block2__price a .pagevisual img {
	width: auto;
}

.menu-list-block2__price .menu-list-box2 {
	padding: 0 0 4% 2%;
}
.menu-list-block2__price .pagevisual {
	margin-bottom: 10px;
}
.menu-list-block4 {
	margin-left: -1%;
}
.menu-list-box4 {
	width: 25%;
	float: left;
	padding: 0 0 4% 1%;
	box-sizing: border-box;
}
.menu-list-block4 .pagevisual {
	margin-bottom: 10px;
}
.table-box {
	border-bottom: 3px #866646 solid;
	margin-top: 3%;
}
.fair-menu {
	width:100%;
	margin:0 auto;
	/*padding:0 5%;*/
	padding-bottom:6%;
	position:relative;
	/*overflow:hidden;*/
}
.fair-menu li {
	text-align:center;
}
.fair-menu li a {
	display:block;
	overflow:hidden;
	margin-bottom:5px;
}
.price_tb {
	font-size:25px;
}
.price_tb th {
	padding:25px;
	text-align:center;
	background-color:#fff9ee;
}
.price_tb td {
	padding:15px 15px 10px;
	text-align:center;
	border-left:1px #e3e3e3 solid;
	background-color:#f7f7f7;
}
.price_tb tr {
	border-bottom:1px #e3e3e3 solid;
}
.price_tb tr:last-child {
	border-bottom:0;
}

.allergen_tb {
	margin-bottom:5px;
	border-left:1px #e3e3e3 solid;
	border-top:1px #e3e3e3 solid;
}
.allergen_tb tr {
	width:50%;
	float:left;
}
.allergen_tb td {
	display:block;
	width:50%;
	float:left;
	padding:15px;
	text-align:center;
	border-right:1px #e3e3e3 solid;
	border-bottom:1px #e3e3e3 solid;
	position:relative;
	box-sizing:border-box;
}
.allergen_tb td span {
	float:right;
	display:block;
}

.recommended-menu {}
.recommended-menu h3 {
	padding:5px 0 10px;
	text-align:center;
	font-size:15px;
}
.recommended-menu p{
font-size:15px;
}
.ingredient{
text-align:right;
}
.ingredient span{
display:inline-block;
width:85px;
}
.ingredient span.kcal{
width:70px;
}

.link-mark {
	position:relative;
	overflow:hidden;
}
.link-mark a:after {
	position:absolute;
	right:0;
	bottom:0;
	content:"";
	width: 90px;
	height: 30px;
	/*border-style: solid;
	border-width: 0 0 18px 18px;
	border-color: transparent transparent #fe4600 transparent;*/
	background:url(../images/more_w.png) no-repeat center center;
	background-color:#fe4600;
}


#contents-body > div.contents-block > div:nth-child(2) > div > a > p > img {
	max-height: 360px;
	display: block;
    margin:auto;
}

#contents-body > div.contents-block > div:nth-child(3) > div > a > p > img {
	max-height: 360px;
	display: block;
    margin:auto;
}

#contents-body > div.contents-block > div:nth-child(4) > div > a > p > img {
	max-height: 360px;
	display: block;
    margin:auto;
}

#contents-body > div.contents-block > div:nth-child(5) > div > a > p > img {
	max-height: 360px;
	display: block;
    margin:auto;
}

#contents-body > div.contents-block > div:nth-child(6) > div > a > p > img {
	max-height: 360px;
	display: block;
    margin:auto;
}
#contents-body > div.contents-block > div:nth-child(7) > div > a > p > img {
	max-height: 360px;
	display: block;
    margin:auto;
}
#contents-body > div.contents-block > div:nth-child(8) > div > a > p > img {
	max-height: 360px;
	display: block;
    margin:auto;
}
#contents-body > div.contents-block > div:nth-child(9) > div > a > p > img {
	max-height: 360px;
	display: block;
    margin:auto;
}
#contents-body > div.contents-block > div:nth-child(10) > div > a > p > img {
	max-height: 360px;
	display: block;
    margin:auto;
}
#contents-body > div.contents-block > div:nth-child(11) > div > a > p > img {
	max-height: 360px;
	display: block;
    margin:auto;
}
#contents-body > div.contents-block > div:nth-child(12) > div > a > p > img {
	max-height: 360px;
	display: block;
    margin:auto;
}

#contents-body > div.contents-block > div:nth-child(13) > div > a > p > img {
	max-height: 360px;
	display: block;
    margin:auto;
}

#contents-body > div.contents-block > div:nth-child(14) > div > a > p > img {
	max-height: 360px;
	display: block;
    margin:auto;
}

#contents-body > div.contents-block > div:nth-child(15) > div > a > p > img {
	max-height: 360px;
	display: block;
    margin:auto;
}

#contents-body > div.contents-block > div:nth-child(16) > div > a > p > img {
	max-height: 360px;
	display: block;
    margin:auto;
}

#contents-body > div.contents-block > div:nth-child(17) > div > a > p > img {
	max-height: 360px;
	display: block;
    margin:auto;
}

#contents-body > div.contents-block > div:nth-child(18) > div > a > p > img {
	max-height: 360px;
	display: block;
    margin:auto;
}

#contents-body > div.contents-block > div:nth-child(19) > div > a > p > img {
	max-height: 360px;
	display: block;
    margin:auto;
}

#contents-body > div.contents-block > div:nth-child(20) > div > a > p > img {
	max-height: 360px;
	display: block;
    margin:auto;
}

.set-price {
	display:inline-block;
	padding:5px;
	text-align:right;
}
.set-price-launch {
	display:inline-block;
	padding:5px;
	text-align:right;
	background-color:#f6f6f6;
}
.ac-block .ac-box {
	display:none;
}
.ac-block-sp .ac-box {
	display:block;
}
.ac-btn {
	cursor:pointer;
	margin: 2% auto;
	padding:10px 40px 10px 50px;
	text-align: center;
	font-size:20px;
	text-align: center;
	border:2px #bbb solid;
}
.ac-btn span {
	padding-right:30px;
	background:url(../images/arrow_d.png) no-repeat right center;
}
.ac-btn.open span {
	background:url(../images/arrow_u.png) no-repeat right center;
}
.digitalbook_btn {
	display:inline-block;
	border:2px #003500 solid;
	margin-bottom:30px;
	position:relative;
}
.digitalbook_btn:after {
	position:absolute;
	right:0;
	bottom:0;
	content:"";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 0 18px 18px;
	border-color: transparent transparent #003500 transparent;
}
.digitalbook_btn a {
	display:block;
	padding:25px 35px 15px;
	text-decoration:none;
	font-family: "Crimson Text";
	font-weight: 400;
	font-style: italic;
	font-size: 36px;
	letter-spacing:0.05em;
	color:#003500;
}
.digitalbook_btn a span {
	font-size: 18px;
	font-style:normal;
	padding-left:20px;
	letter-spacing:0em;
}

/* ブログ */
.blog-list-block {
	margin-left:-3.2%;
	padding:0 0 2%;
}
.blog-list-box {
	width:50%;
	float:left;
	position:relative;
	padding:0 0 4% 3.2%;
	box-sizing:border-box;
	
	/*margin-top:3em;2016.06.15*/
}
.blog-list-box:first-child {/*2016.06.15*/
	margin-top:0;
}
.blog-list-box .blog-list-photo {
	width:100%;
	overflow:hidden;
}
.blog-list-box .blog-list-txt {
	width:96%;
	margin:0 auto;
	margin-top:-3%;
	padding:6% 4%;
	font-size:14px;
	line-height: 1.5em;
	box-sizing:border-box;
	box-shadow:0 0 10px rgba(0,0,0,0.3);
	background-color:#fff;
	position:relative;
	transition: background-color 0.3s linear;
}
.blog-list-box .blog-list-txt:after {
	position:absolute;
	right:10px;
	bottom:10px;
	content:"";
	width: 60px;
	height: 20px;
	/*border-style: solid;
	border-width: 0 0 18px 18px;
	border-color: transparent transparent #fe4600 transparent;*/
	background:url(../images/more.png) no-repeat right bottom;
}
.blog-list-box:hover .blog-list-txt {
	background-color:#fff9ee;
}
.blog-list-box a {
	text-decoration:none;
}
.blog-list-box .blog-list-txt .cat {
	position:absolute;
	width:35%;
	left:3%;
	top:-20px;
}
.blog-list-box .blog-list-txt h2 {
	font-size:20px;
	line-height:1.3;
	padding-top:8px;
}
.page-nav {
	padding-bottom:30px;
	text-align:center;
}
.page-nav li {
	margin:0 2px;
	display:inline-block;
}
.page-nav li:first-child {
	margin-right:15px;
}
.page-nav li:last-child {
	margin-left:15px;
}
.page-nav li a {
	display:block;
	width:2.4em;
	padding:8px 0 5px;
	color:#b1b1b1;
	text-align:center;
	text-decoration:none;
	border:2px #b1b1b1 solid;
}
.page-nav li a.now,
.page-nav li a:hover {
	color:#e74f00;
	border:2px #e74f00 solid;
}
.contents-head .date {
	display:block;
	font-size:14px;
	font-weight:normal;
	margin-top:-10px;
	padding-bottom:8px;
	letter-spacing:0;
}
.sns_btn a {
	margin-left:8px;
}
.sns_btn a:hover {
	opacity:0.8;
}

/* ------ ニュース ------ */
.news-list-block {
	margin-left:-3.2%;
	padding:0 0 2%;
}
.news-list-box {
	width:33.33%;
	float:left;
	position:relative;
	padding:0 0 4% 3.2%;
	box-sizing:border-box;
}
.news-list-box .news-list-photo {
	width:100%;
	overflow:hidden;
}
.news-list-box .news-list-txt {
	width:96%;
	margin:0 auto;
	margin-top:-3%;
	padding:6% 4%;
	font-size:14px;
	line-height: 1.5em;
	box-sizing:border-box;
	box-shadow:0 0 10px rgba(0,0,0,0.3);
	background-color:#fff;
	position:relative;
	transition: background-color 0.3s linear;
}
.news-list-box .news-list-txt:after {
	position:absolute;
	right:10px;
	bottom:10px;
	content:"";
	width: 60px;
	height: 20px;
	background:url(../images/more.png) no-repeat right bottom;
}
.news-list-box a {
	text-decoration:none;
}
.news-list-box:hover .news-list-txt {
	background-color:#fff9ee;
}
.news-list-box .news-list-txt h2 {
	font-size:18px;
	line-height:1.3;
	display:inline;
}
.news-list-box .news-list-txt h2.icon-pdf {
	padding-right:22px;
	background:url(../images/icon_pdf.png) no-repeat right 1px;
}
.news-list-box .news-list-txt .date {
	padding-bottom:8px;
}
.bkn-list {
	padding:0 20px;
}
.bkn-list li {
	display:inline-block;
	padding:0 30px 10px 0;
}
.bkn-list li a {
	padding-left:15px;
	background:url(../images/icon_circle.png) no-repeat left center;
}

/* ロイヤルホストアプリ */
.right-info{
       float:right;
       font-weight:bold;
       font-size:16px;
}

.left-info{
       float:left;
       font-weight:bold;
       font-size:16px;
       margin-bottom:40px;
}

/* ロイヤルホストのこと */
.orange-block {
	width:100%;
	margin-bottom:30px;
	background:url(../images/orange_bg.png) repeat center top;
}
.orange-block p {
	text-align:center;
	margin:0 auto;
}

.foodstuff-block.bline {
	margin-bottom:40px;
	padding-bottom:40px;
	border-bottom:2px #960 dashed;
}
.foodstuff-block .box-r {
	width:50%;
	float:right;
	padding-left:30px;
	box-sizing:border-box;
}
.foodstuff-block .box-l {
	width:50%;
	float:left;
}
.foodstuff-block .box-r h1 {
	padding-bottom:30px;
}
.foodstuff-block .box-r .box {
	padding-left:50px;
}
.og-bline {
	display:inline;
	line-height:2;
	font-size:18px;
	font-weight:bold;
	background:url(../images/og-bline.png) no-repeat left bottom;
	background-size:contain;
}
.foodstuff-nav {
	text-align:center;
}
.foodstuff-nav h2 {
	text-align:center;
	font-size:20px;
	padding:15px 0 10px;
}
.col2 .foodstuff-nav {
	padding-bottom:20px;
}
.col2 .foodstuff-nav h2 {
	font-size:24px;
}
.foodstuff-nav h2:after {
	content:"";
	display:block;
	width:100px;
	margin:5px auto;
	border-bottom:3px #222 solid;
}
.foodstuff-nav .link-more {
	padding-top:12px;
	width:140px;
	margin:0 auto;
}
.foodstuff-block .col2 a .link-more span,
.foodstuff-block .col3 a .link-more span,
.safety-set a .link-more span {
	display:block;
	padding:5px 0 5px 15px;
	border:1px #222 solid;
	text-decoration:none;
	background:url(../images/icon_link_bk.png) no-repeat 40px center;
}
.foodstuff-block .col2 a:hover .link-more span,
.foodstuff-block .col3 a:hover .link-more span,
.safety-set a:hover .link-more span {
	color:#fff;
	border:1px #fff solid;
	background:url(../images/icon_link_wh.png) no-repeat 40px center;
	background-color:#222;
}
.foodstuff-block a {
	text-decoration:none;
}

.foodstuff-block li {
	float:left;
	font-size:15px;
	font-weight:bold;
	color:#000;
}

.foodstuff-block li a{
	color:#000;
}

.foodstuff-block .steak-font{
    -webkit-transform: skewX(-15deg);
    -moz-transform: skewX(-15deg);
    -o-transform: skewX(-15deg);
    transform: skewX(-15deg);
    -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1, M12=-0.26794919243112214, M21=0, M22=1, SizingMethod='auto expand')";
}



.safety-set {
	width:100%;
	display:table;
	margin-bottom:30px;
}
.safety-set .img-box {
	width:40%;
	display:table-cell;
}
.safety-set .txt-box {
	width:60%;
	padding:0 30px;
	display:table-cell;
	box-sizing:border-box;
	vertical-align:middle;
	border:8px #f1f1f1 solid;
}
.safety-set .txt-box a {
text-decoration:none;
}
.safety-set .txt-box .link-more {
padding-top:12px;
width:140px;
text-align:center;
	float:right;
}
.box_caution {
	display: inline-block;
    padding: 20px;
    background-color: #f6f6f6;
    margin: 30px 0 20px 0;
}
.product_infomation_h3{
    font-size: 18px;
    font-weight: bold;
    float: left;
    margin: 0 20px 20px 0;
}
.product_infomation_p{
	margin-bottom: 20px;
    width: 60%;
}
.allergen-pdf {
	width:40%;
	margin:0 auto;
	text-align: center;
	background:url(../images/icon_pdf.png) no-repeat 96% center;
}
.allergen-pdf a {
	display:block;
	padding:10px 20px 10px 0px;
	font-size:18px;
	text-align: center;
	text-decoration:none;
	color:#333;
	border:1px #bbb solid;
}
.allergen-pdf .icon_link {
	padding-left:18px;
	background: url(../images/icon_link.png) no-repeat left center;
}

/* ------ よくいただくご質問 ------ */
.faq-box {}
.shadeGroup{
	padding-bottom:0px;
	margin-bottom:15px;
}
h2.shadeBtn {}
.shadeContents{
	padding:15px 15px 10px 60px;
	background:url(../images/icon_a.png) no-repeat 10px 10px;
}
.shadeOpen .shadeBtn,
.shadeClose .shadeBtn,
.shadeOpen .shadeContents,
.shadeClose .shadeContents {}
.shadeOpen .shadeBtn,
.shadeClose .shadeBtn{
	cursor:pointer;
	background:url(../images/icon_q.png) no-repeat 10px 3px;
	padding:10px 15px 10px 60px;
}
.shadeOpen .shadeBtn a,
.shadeClose .shadeBtn a {
	color:#4f3009;
	font-weight:bold;
	text-decoration:none;
	padding-right:100px;
	display:block;
}
.shadeOpen .shadeBtn a {
	background:url(../images/faq_btn_open.png) no-repeat right center;
}
.shadeClose .shadeBtn a {
	background:url(../images/faq_btn_close.png) no-repeat right center;
}
.shadeContents a {
	color:#ff3f01;
}
.faq-anchor li {
	padding-left:18px;
	padding-right:30px;
	display:inline-block;
	background:url(../images/icon_anchor.png) no-repeat left center;
}
.faq-anchor li a {
	color:#333;
	text-decoration:none;
}
.faq-border-box {
	margin-top:15px;
	padding:15px;
	border:1px #cccccc solid;
}

.sns-img {
	padding:40px 0;
	text-align:center;
	background-color:#fffcf6;
}

.gensanchi-map {
	padding:20px 0;
	text-align:center;
	background-color:#fffcf7;
}

.external-link {
	padding-right:30px;
	background:url(../images/icon_external.png) no-repeat right center;
}


/* ------ Side ------ */

.side-nav {
	padding-bottom:30px;
}
.side-nav p {
	padding:10px;
	font-size:18px;
	color:#fff;
	background-color:#70593b;
}
.side-nav li {
	clear:both;
}
.cat-list li {
	padding-left:10px;
	border-bottom:1px #cecece solid;
}
.cat-list li a {
	display:block;
	padding:15px 5px 12px 28px;
	text-decoration:none;
}
.cat-list li a:hover {
	opacity:0.7;
}
.cat-list li.cat1 a {
	background:url(../images/icon_cat1.png) no-repeat left center;
}
.cat-list li.cat2 a {
	background:url(../images/icon_cat2.png) no-repeat left center;
}
.cat-list li.cat3 a {
	background:url(../images/icon_cat3.png) no-repeat left center;
}
.cat-list li.cat4 a {
	background:url(../images/icon_cat4.png) no-repeat left center;
}
.cat-list li.cat5 a {
	background:url(../images/icon_cat5.png) no-repeat left center;
}
.cat-list li.cat6 a {
	background:url(../images/icon_cat6.png) no-repeat left center;
}

.new-list li {
	padding:15px 5px 0 25px;
	background:url(../images/icon_circle.png) no-repeat 10px 22px;
}
.new-list li span.date {
	float:right;
	display:block;
	font-size:12px;
	color:#878787;
}


/** bxSlider
===================================*/
.bx-wrapper {
  position: relative;
  margin: 0 auto;
  padding: 0;
  *zoom: 1;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}
/* LOADER */
.bx-wrapper .bx-loading {
  min-height: 50px;
  background: url('../images/bx_loader.gif') center center no-repeat #ffffff;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2000;
}
/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev {
  left: -4%;
  background: url(../images/arrow_l.png) no-repeat center center;
}
.bx-wrapper .bx-prev:hover,
.bx-wrapper .bx-prev:focus {
  background-position: center center;
}
.bx-wrapper .bx-next {
  right: -4%;
  background: url(../images/arrow_r.png) no-repeat center center;
}
.bx-wrapper .bx-next:hover,
.bx-wrapper .bx-next:focus {
  background-position: center center;
}
.bx-wrapper .bx-controls-direction a {
  position: absolute;
  top: 50%;
  margin-top: -40px;
  outline: 0;
  width: 32px;
  height: 80px;
  text-indent: -9999px;
  z-index: 999;
	background-color:#f8f8f8;
	border-radius:5px;
}
.bx-wrapper .bx-controls-direction a:hover,
.bx-wrapper .bx-controls-direction a:focus {
  background-color:#eee;
}
.bx-wrapper .bx-controls-direction a.disabled {
  display: none;
}
.top-campaign li a,
.menu-slider li a {
	display:block;
	overflow:hidden;
}

.shadow {
	text-align:center;
	box-shadow:0 0 10px rgba(0,0,0,0.15);
}
.shadow .link-icon {
	font-weight:bold;
	text-align:center;
	display:inline-block;
	margin:0 auto;
	padding:15px 0 12px 20px;
	background:url(../images/icon_link.png) no-repeat left center;
}

#fbanner {
padding:15px 0 10px;
background-color:#fff4df;
}
#fbanner .fbanner-inner {
width:100%;
max-width:1240px;
margin:0 auto;
padding:0;
}
#fbanner .fbanner-inner li {
float:left;
margin:0 2px 5px;
}

@media screen and (min-width: 769px) {
	.mr30 {float:right; margin-top:500px !important; margin-left:40px !important; margin-right:30px !important;width: 350px; }

	#wrapper {
		/*min-width:1230px;
		max-width:1230px;*/
	}
	
	#shop-search-btn {
		width: 70px;
		height: 134px;
		margin:0;
		position:fixed;
		top:40%;
		right:0;
		background-color:#ff6200;
		z-index:9999;
	}
	#shop-search-btn a {
		display: block;
		width: 70px;
		height: 134px;
		background:url(../images/pc/shop_search.png) no-repeat center center;
	}
	#gnav {
		position:absolute;
		top:50px;
		right:0;
		width:80%;
	}
	#gnav-btn {
		display :none;
	}
	#gnav ul {
		width:100%;
		display: table;
	}
	#gnav ul li {
		display: table-cell;
		position:relative;
	}
	#gnav #gnav-main ul li {
		/*width:16.66%;*/
		padding:0;
		text-align:center;
	}
	#gnav #gnav-main ul li a {
		display:block;
		width:100%;
		height:30px;
		text-align:center;
		line-height:1.3;
		color:#111;
		font-size:15px;
		box-sizing:border-box;
		position: relative;
	}
	#gnav #gnav-main ul li a::after {
		content: '';
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 3px;
		-webkit-transform: scaleX(0);
		-ms-transform: scaleX(0);
		transform: scaleX(0);
		background-color: #fe4600;
		-webkit-transition: all .3s ease;
		transition: all .3s ease;
	}
	#gnav #gnav-main ul li a:hover::after {
		-webkit-transform: scaleX(1);
		-ms-transform: scaleX(1);
		transform: scaleX(1);
	}
	#gnav #gnav-main ul li a:link,
	#gnav #gnav-main ul li a:visited {
		text-decoration: none;
	}
	#gnav #gnav-main ul li a:hover,
	#gnav #gnav-main ul li a:active,
	#gnav #gnav-main ul li a.current {
		text-decoration: none;
	}
	#gnav #gnav-main ul li.contact-btn a:hover,
	#gnav #gnav-main ul li.contact-btn a:active,
	#gnav #gnav-main ul li.contact-btn a.current {
		border:0px;
		color:#fff;
		border-radius:20px;
		background:url(../images/pc/icon_mail_on.png) no-repeat 20px center;
		background-color:#0088c8;
	}
	#gnav #gnav-sub {
		position: absolute;
		z-index: 99;
		top: -38px;
		right: 32px;
		margin: 0;
		padding: 0;
	}
	#gnav #gnav-sub ul li {}
	#gnav #gnav-sub ul li a {
		margin-left:20px;
		padding-left:10px;
		font-size:14px;
		background:url(../images/pc/nav_icon.png) no-repeat left center;
	}
	#gnav #gnav-sub ul li a:hover {}
	
	#gnav .gnav-sub,
	#gnav-close {
		display:none;
	}
	
	.contents-head ul {
		position:absolute;
		top:30px;
		right:0;
	}
	.dsp-tb {
		display:table;
	}
	.dsp-tb > * {
		float:none;
		display:table-cell;
		vertical-align:middle;
	}
	
	.qrcode {
		float:left;
		margin-right:15px;
		text-align:center;
	}
	
	.faq-anchor li a{
padding:10px 0;
display:block;
}
	
	/* ------ fnav ------ */
	#fnav {
		width:100%;
		background-color:#fff9ee;
	}
	.fnav-inner {
		width:100%;
		max-width:1200px;
		margin:0 auto;
		padding:20px 0 0;
		display:table;
	}
	.fnav-inner1,
	.fnav-inner2,
	.fnav-inner3,
	.fnav-inner4,
	.fnav-inner5 {
		display:table-cell;
		vertical-align:top;
	}
	.fnav-inner1 p {
		padding-top:10px;
	}
	#fnav ul {
		padding:0 0 10px;
		box-sizing:border-box;
	}
	#fnav ul ul {
		width:100%;
		float:none;
	}
	#fnav ul li {
		display:block;
		font-size:14px;
		padding:4px 0;
	}
	#fnav ul li li {
		padding:3px 0;
	}
	#fnav ul li a {
		display:block;
		font-weight:bold;
		text-decoration:none;
		padding-left:16px;
		color:#e15a08;
		background:url(../images/icon_link.png) no-repeat left 5px;
	}
	#fnav ul li a:hover {
		text-decoration:underline;
	}
	#fnav ul li ul li a {
		display:block;
		font-weight:normal;
		font-size:13px;
		color:#333;
		background:none;
	}
	#fnav ul.fnav-inline {
		width:100%;
		display:block;
		text-align:right;
	}
	#fnav ul.fnav-inline li {
		display:inline-block;
		margin-bottom:0;
		margin-left:30px;
	}
	
	
	.scale img,
	figure.scale img {
		transform: scale(1.0);
		-moz-transition: all 0.3s ease-out;
		-webkit-transition: all 0.3s ease-out;
		-o-transition: all 0.3s ease-out;
		-ms-transition: all 0.3s ease-out;
		transition: all 0.3s ease-out;
		opacity:1;
	}
	.scale img:hover,
	.scale a:hover img,
	a:hover .scale img,
	figure.scale:hover img {
		-webkit-transform: scale(1.03);
		-moz-transform: scale(1.03);
		-o-transform: scale(1.03);
		-ms-transform: scale(1.03);
		transform: scale(1.03);
		opacity:0.8;
	}
	
	.scale {
		overflow:hidden;
	}
	
	.menu-list-box .menu-list-txt {
		min-height:294px;
	}
}

/*-----------------------------------------------------	*/
/*	for - 1501px以上					　　　　　　　　　　　　　*/
/*-----------------------------------------------------	*/

@media screen and (min-width: 1501px) {

	.pagevisual .page-img {
		width: 100%;
		margin-left: -50%;
		padding-left: 50%;
	}
	.mr30 {float:right; margin-top:75vh !important; margin-left:40px !important; margin-right:30px !important; width: 462px;}
}

/*-----------------------------------------------------	*/
/*	for - 1200px以下					　　　　　　　　　　　　　*/
/*-----------------------------------------------------	*/

@media screen and (max-width: 1200px) and (min-width: 769px) {

	#header,
	#breadcrumb,
	.contents-block,
	footer,
	#fnav {
		padding:0 2%;
		box-sizing:border-box;
	}
	.mr30 {float:right; margin-top:70vh !important; margin-left:40px !important; margin-right:30px !important; width: 300px; }
}
	
/*-----------------------------------------------------	*/
/*	for - 768px以下					　　　　　　　　　　　　　　*/
/*-----------------------------------------------------	*/

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

	.mr30 {text-align: center;margin-top:10px !important; margin-left:40px !important; margin-right:40px !important;}
	body {
		font-size:11px;
	}
	
	.overlay {
		display:none;
    position:fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000000;
    opacity: 0.5;
		z-index:500;
	}
	
	#wrapper {}
	#header {
		position:relative;
	}	
	#header-inner {
		width: 100%;
		padding: 0;
		height:50px;
	}
	.header-block {
		position:relative;
		background-color:#fff;
		z-index:900;
	}
	#logo {
		padding:10px 10px;
	}
	#logo a,
	#logo span {
		width: 100px;
		height: 30px;
		background:url(../images/sp/logo.png) no-repeat left top;
		background-size:100px;
	}
	#shop-search-btn {
		width: 60px;
		height: 50px;
		margin:0;
		position:absolute;
		top:0;
		right:60px;
		background-color:#ff6200;
		z-index:901;
	}
	#shop-search-btn a {
		display: block;
		width: 60px;
		height: 50px;
		background:url(../images/sp/shop_search.png) no-repeat center center;
		background-size:60px 50px;
	}
	#gnav-btn {
		display: block;
		width: 60px;
		height: 50px;
		margin:0;
		position:absolute;
		top:0;
		right:0;
	}
	#gnav-btn a {
		display: block;
		width: 60px;
		height: 50px;
		background:url(../images/sp/gnav_btn.png) no-repeat center center;
		background-size:60px 50px;
	}
	#gnav-btn a:link,
	#gnav-btn a:visited {}
	#gnav-btn a:hover,
	#gnav-btn a:active {}
	#gnav-btn a.current {
		background:url(../images/sp/gnav_close.png) no-repeat center center;
		background-size:60px 50px;
	}
	#gnav {
		display:none;
		position:absolute;
		top:50px;
		width:100%;
	}
	#gnav ul {
		float: none;
		width: 100%;
		border-left: none;
		border-right: none;
		margin:0;
		background-color:#fff9ee;
	}
	#gnav ul {
		position:relative;
		z-index:800;
	}
	#gnav ul li {
		float: none;
		width: 100%;
		position:relative;
	}
	#gnav ul li:first-child {
		/*border-top: solid 1px #0a2d55;*/
	}
	#gnav ul li a {
		width: 100%;
		height:auto;
		display: block;
		padding: 15px;
		border-left: none;
		border-right: none;
		border-top: solid 1px #ddd;
		border-left: solid 1px #ddd;
		text-align:left;
		box-sizing:border-box;
		background:url(../images/sp/gnav_arrow.png) no-repeat right center;
		background-size:30px 12px;
	}
	#gnav ul li a:hover,
	#gnav ul li a.current {}
	#gnav #gnav-sub ul li a {
		width: 100%;
		float:left;
		border-left: solid 1px #ddd;
	}
	#gnav ul li li a {
		padding: 15px 15px 15px 35px;
		background-color:#fff;
	}
	#gnav ul li.shadeBtn span {
		display:block;
		width:54px;
		height:48px;
		position:absolute;
		right:0;
		top:1px;
		z-index:999;
		text-align:right;
	}
	#gnav ul li.shadeBtn span.shadeClose {
		background:#fff9ee url(../images/sp/gnav_arrow_d.png) no-repeat center center;
		background-size:12px;
	}
	#gnav ul li.shadeBtn span.shadeOpen {
		background:#fff9ee url(../images/sp/gnav_arrow_u.png) no-repeat center center;
		background-size:12px;
	}
	#breadcrumb ul {
		padding:5px 2% 20px;
	}
	
	.pagevisual .page-img {
		width: 150%;
		margin-left: -50%;
		padding-left: 25%;
	}
	
	#contents-body {
		padding:0;
	}
	.contents-block {
		width: 100%;
		padding:0 2% 2%;
		box-sizing:border-box;
	}
	#main-col {
		width:100%;
		float:none;
		padding-bottom:20px;
	}
	#side-col {
		width:100%;
		float:none;
		padding-right:0;
		padding-bottom:20px;
	}
	.contents-box {
		background-size:50%;
	}
	.contents-head h1 {
		font-size:17px;
		line-height:1.4;
		margin: 0 0 20px;
		padding: 15px 5px 10px;
		letter-spacing: 0;
	}
	.contents-head h1 span.sub-title {
		display:block;
		font-size:14px;
		padding-left:0;
	}
	.contents-head ul {
		display:none;
	}
	.contents-block > h2,
	.safety-set h2 {
		margin: 0 0 15px;
		padding: 0 0 5px;
		font-size:16px;
		line-height:1.4;
	}
	
	.contents-block .link-mark.scale h2.no-style {/*2016.06.15*/
		font-size:16px;
		line-height:1.2;
	}
	.title-lv2 {
		text-align:center;
		font-size:30px;
		line-height: 1.0em;
	}
	.title-lv2 span.sub-title {
		display:block;
		font-size:12px;
		padding:0;
	}
	.title-lv3 {
		font-size: 16px;
	}
	
	.col1 {
		padding: 0 0 4%;
		box-sizing:border-box;
	}
	.col2,
	.col3,
	.col3-1,
	.col3-2,
	.col4-1,
	.col4-2,
	.col5-2,
	.col5-3 {
		padding: 0 0 4% 1.6%;
		box-sizing:border-box;
	}
	
	.column-set .col2,
	.column-set .col3,
	.column-set .col3-2,
	.column-set .col5-2,
	.column-set .col5-3 {
		float: none;
		width:100%;
	}
	.column-set .col2 .col2,
	.column-set .col4,
	.column-set .col4-2,
	.column-set .col4-3 {
		float: left;
		width: 50%;
	}
	.column-set .col2 img,
	.column-set .col3 img,
	.column-set .col3-1 img {
		/*max-width: 80%;
		display: block;
		margin:0 auto;*/
	}
	
	.back-btn a {
		font-size:14px;
		background-size:15px;
	}
	
	.concept-bg {
		font-size:14px;
	}
	.shadeOpen .shadeBtn a,
	.shadeClose .shadeBtn a{
		background:url(../images/faq_btn_sp.png) no-repeat right center;
		background-size:24px;
		padding-right:26px;
	}
	
	
	dl.table_style dt {
		clear: left;
		float: none;
		width: 100%;
	}
	dl.table_style dd {
		margin-left: 0%;
	}
	dl.table_style dt .th {}
	dl.table_style dd .td {
		border-left: 0px solid #cccccc;
	}
	
	input[type=text] {
		font-size:1.2em;
	}
	
	footer {
		background-color:#fff;
	}
	.footer-inner {
		width: 100%;
		padding:0;
		color:#111;
	}
	.footer-inner ul {
		float:none;
	}
	.footer-inner ul li {
		width:100%;
		float:left;
		margin:0;
		padding:0;
		text-align:center;
		display:block;
		box-sizing:border-box;
	}
	.footer-inner ul li a {
		display:block;
		padding:10px 0;
		font-size:10px;
		color:#111;
		background-color:#f1f1f1;
	}
	.copyright {
		clear:both;
		padding:10px 0;
		font-size:10px;
		text-align:center;
	}
	#pageTop {
		bottom: 70px;
	}
	#pageTop p a {
		width:30px;
		height:30px;
	}
	#pageTop p a img {
		width:30px;
		height:30px;
	}
  
/*----- 左下バナー用SP版CSS
    #bannerarea{
        top: 100px;
        left: 0;
        right: 0;
        bottom: 0;
    }
    
    #bannerarea img {
	width:275px;
	height:420px;
    }
    
    .Bnr{
        width: 275px;
    }
左下バナー用SP版CSS 終了 -----*/
    
	#footer-slider,
	#fnav_inc,
	.pc {
		display:none;
	}
	.sp,
	.br {
		display:block;
	}
	

	
	/* メニュー */
	.menu-list-block {}
	.menu-list-box {}
	.menu-list-box .menu-list-photo {
		width:100%;
		max-width:100%;
		float:none;
		overflow:hidden;
	}
	.menu-list-box .menu-list-txt {
		width:96%;
		float:none;
		margin:-5% auto 0;
		padding:5%;
		font-size:14px;
		line-height: 1.6em;
	}
	
	.menu-list-block2 {
		margin-left:0;
	}
	.menu-list-box2 {
		width:100%;
		float:none;
		position:relative;
		padding:0 0 4%;
		box-sizing:border-box;
	}
	.menu-list-box2 .menu-list-photo {
		width:100%;
	}
	.menu-list-box2 .menu-list-txt {
		width:96%;
		margin:-5% auto 0;
		padding:5% 5% 8%;
		font-size:14px;
		line-height: 1.6em;
	}
	
	.menu-list-box .menu-list-txt h2,
	.menu-list-box2 .menu-list-txt h2 {
		font-size:20px;
		padding-bottom:10%;
	}
	.menu-list-box .menu-list-txt h2:after,
	.menu-list-box2 .menu-list-txt h2:after {
		bottom:20%;
	}
	.menu-list-box .menu-list-txt:after,
	.menu-list-box2 .menu-list-txt:after {
		background-size:40px;
	}

	.menu-list-block2__price .menu-list-box2 {
		padding: 0 0 4%;
	}
	.menu-list-block4 {
		margin-left: -2%;
	}
	.menu-list-box4 {
		width: 50%;
		padding: 0 0 4% 2%;
		box-sizing: border-box;
	}
	
	.link-mark a:after {
		width: 60px;
		height: 20px;
		background-size:40px;
	}
	
	.price_tb {
		font-size:16px;
	}
	.price_tb th,
	.price_tb td {
		padding:10px 15px;
	}
	.allergen_tb tr {
		width:100%;
		float:none;
	}
	.allergen_tb td {
		padding:15px 10px;
		text-align:center;
	}
	
	.fair-menu {
		width:90%;
		padding-bottom:10%;
	}
	.recommended-menu h3 {
		font-size:14px;
	}
	
	.ac-block-sp .ac-box {
		display:none;
	}
	.ac-btn {
		cursor:pointer;
		margin: 2% auto;
		padding:10px 0;
		text-align: center;
		font-size:13px;
		text-align: center;
		border:2px #bbb solid;
	}
	.ac-btn.sp {
		margin-bottom:20px;
	}
	.ac-btn span {
		background-size:14px;
		padding-right:15px;
	}
	.ac-btn.open span {
		background-size:14px;
		padding-right:15px;
	}
	.digitalbook_btn {
		margin-bottom:20px;
	}
	.digitalbook_btn:after {
		border-width: 0 0 10px 10px;
		border-color: transparent transparent #003500 transparent;
	}
	.digitalbook_btn a {
		display:block;
		padding:12px 8px 10px;
		text-decoration:none;
		font-family: "Crimson Text";
		font-weight: 400;
		font-style: italic;
		font-size: 20px;
		letter-spacing:0.05em;
		color:#003500;
	}
	.digitalbook_btn a span {
		font-size: 12px;
		font-style:normal;
		padding-left:0;
		letter-spacing:0em;
		display:block;
	}
	
	.blog-list-box {
		width:100%;
		float:none;
	}
	.blog-list-box .blog-list-txt {
		padding:6% 4% 8%;
	}
	.blog-list-box .blog-list-txt h2 {
		font-size:16px;
	}
	.blog-list-box .blog-list-txt:after {
		background-size:40px;
	}
	
	.page-nav {
		padding:20px 0;
		text-align:center;
	}
	.contents-head .date {
		font-size:12px;
		margin-top:-5px;
		padding-bottom:5px;
	}

	.contents-head h2 {
		font-size: 17px;
		line-height: 1.4;
		padding: 15px 5px 10px;
	}
	.contents-head-small h2 {
		font-size: 12px;
		line-height: 1.2;
	}
	
	.news-list-box {
		width:100%;
		float:none;
	}
	.news-list-box .news-list-txt h2 {
		font-size:16px;
	}
	
	.shadeContents{
		padding:13px 15px 10px 50px;
		background-size:24px;
	}
	.shadeOpen .shadeBtn,
	.shadeClose .shadeBtn{
		background-size:24px;
		padding:7px 15px 10px 50px;
	}
	
	.qrcode {
		text-align:center;
		padding-bottom:10px;
	}
	
	.more-btn {
		background-size:12px;
	}
	.more-btn a {
		font-size:14px;
	}
	span.more-btn a {
		padding:10px 40px 10px 20px;
	}
	
	.foodstuff-block {
		padding:0 10px;
	}
	.foodstuff-block li {
		float:left;
		font-size:10px;
		font-weight:bold;
		color:#000;
	}
	.foodstuff-block .img01 {
		width:30px;
	}
	.foodstuff-block .img02 {
		width:36px;
	}
	.foodstuff-block li p {
		margin-left:-5px;
	}
	.foodstuff-block.bline {
		margin-bottom:40px;
		padding-bottom:40px;
		border-bottom:2px #960 dashed;
	}
	.foodstuff-block .box-r {
		width:100%;
		float:none;
		padding-left:0;
		box-sizing:border-box;
	}
	.foodstuff-block .box-l {
		width:100%;
		float:none;
	}
	.foodstuff-block .box-r h1 {
		padding-bottom:30px;
	}
	.foodstuff-block .box-r .box {
		padding-left:0;
	}
	.og-bline {
		line-height:1.8;
		font-size:13px;
	}
	.foodstuff-nav {
		padding-bottom:20px;
	}
	.foodstuff-nav h2 {
		font-size:18px;
	}
	.foodstuff-nav h2:after {
		border-bottom:2px #222 solid;
	}
	
	.safety-set {
		display:block;
	}
	.safety-set .img-box {
		width:100%;
		display:block;
	}
	.safety-set .txt-box {
		width:100%;
		display:block;
		padding:20px 15px;
		box-sizing:border-box;
		vertical-align:middle;
		border:8px #f1f1f1 solid;
	}
	.safety-set .txt-box  .link-more {
		margin: 4% auto 0;
		float:none;
	}
	
	.allergen-pdf {
		width:90%;
	}
	.allergen-pdf a {
		padding:10px 20px 10px 0px;
		font-size:13px;
	}
}

/*---------------------------------------------
	Other
  ---------------------------------------------*/

.center { text-align:center; }
.left { text-align:left; }
.right { text-align:right; }

.vat { vertical-align:top !important; }
.vam { vertical-align:middle !important; }
.vab { vertical-align:bottom !important; }

.small { font-size:75% !important; }
.x-small { font-size:60% !important; }
.large { font-size:125% !important; }
.x-large { font-size:150% !important; }
.red { color:#ff0000 !important; }
.gray { color:#AAAAAA; }
.blue { color:#2c8691; }
.green { color:#088f4a; }
.pink { color:#DC3970; }
.orange { color:#ff3f01; }

.fs10 { font-size:10px; }
.fs11 { font-size:11px; }
.fs12 { font-size:12px; }
.fs14 { font-size:14px; }
.fs15 { font-size:15px; }
.fs16 { font-size:16px; }
.fs18 { font-size:18px; }
.fs20 { font-size:20px; }
.fs22 { font-size:22px; }
.fs24 { font-size:24px; }

.mb0 { margin-bottom:0 !important; }
.mb5 { margin-bottom:5px !important; }
.mb8 { margin-bottom:8px !important; }
.mb10 { margin-bottom:15px !important; }
.mb15 { margin-bottom:10px !important; }
.mb20 { margin-bottom:20px !important; }
.mt0 { margin-top:0px !important; }
.mt5 { margin-top:5px !important; }
.mt10 { margin-top:10px !important; }
.mt15 { margin-top:15px !important; }
.mt30 { margin-top:30px !important; }
.mt50 { margin-top:50px !important; }

.mr5 { margin-right:5px !important; }
.mr10 { margin-right:10px !important; }
.mr15 { margin-right:15px !important; }
.ml0 { margin-left:0px !important; }
.ml5 { margin-left:5px !important; }
.ml8 { margin-left:8px !important; }
.ml10 { margin-left:10px !important; }
.ml15 { margin-left:15px !important; }

.cobn { width:480px; }


.pb0 { padding-bottom:0 !important; }
.pb5 { padding-bottom:5px !important; }
.pb10 { padding-bottom:10px !important; }
.pb15 { padding-bottom:15px !important; }
.pt10 { padding-top:10px !important; }
.pt15 { padding-top:15px !important; }

.photo_l {
	float:left;
	margin:0 10px 5px 0 !important;;
}
.photo_r {
	float:right;
	margin:0 0 5px 10px !important;;
}



#page-anchor0 {
display: block;
margin-top: -100px;
padding-top: 100px;
}


/* ------ payment ------ */

img.miniimage { display: none; }

/* ▼表示領域が420px以上の場合 */
@media screen and (min-width: 420px) {
   img.miniimage { display: none; }  /* miniを非表示 */
   img.bigimage  { display: block; } /* bigを表示 */
}
/* ▼表示領域が420px未満の場合 */
@media screen and (max-width: 419px) {
   img.miniimage { display: block; } /* miniを表示 */
   img.bigimage  { display: none; }  /* bigを非表示 */
}

img.miniimage {
    width: 15%;
    height: auto;
}