/**
 * /* ------------------------------------------------------------------------------
 * 	Template Name: Floix
 * 	Author: Designstub
 * 	Author URI: http://www.designstub.com
 * ------------------------------------------------------------------------------
 *
 * @format
 */

/* ------------------------------------------------------------------------------
	 Typography
-------------------------------------------------------------------------------*/
* {
	font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "游ゴシック体", "Yu Gothic", YuGothic, sans-serif;
	overflow-wrap: break-word;
}

p {
	font-size: 14px;
	line-height: 22.4px;
	color: #6c7279;
}
h1 {
	font-size: 14px;
	color: #2d3033;
	margin: 0;
	padding: 0;
}

h2 {
	margin: 0;
	font-size: 24px;
	line-height: 1.5;
	color: #2d3033;
	font-weight: bold;
	text-align: center;
}
h2 img {
	display: inline-block;
	margin-bottom: 40px;
}

h3 {
	font-size: 16px;
	color: #f39800;
	font-weight: bold;
}
h4 {
	margin: 0;
	padding: 10px 0;
	font-size: 16px;
	color: #694c31;
	font-weight: bold;
	text-align: center;
}
h5 {
	font-size: 14px;
	color: #2d3033;
	text-transform: uppercase;
	font-weight: 700;
}
.btn {
	border: 1px solid rgba(0, 0, 0, 0.75);
	margin-top: 20px;
	color: #2a2a2a;
	font-size: 12px;
	font-weight: 400;
	letter-spacing: 1px;
	padding: 1.5% 3%;
	display: inline-block;
	text-transform: uppercase;
}
.btn:hover,
.btn:focus {
	background-color: #2a2a2a;
	color: #fff;
}
.btn-large {
	padding: 15px 40px;
}
/* ------------------------------------------------------------------------------
	 General Style
-------------------------------------------------------------------------------*/
a {
	color: #999;
}
a:hover,
a:focus {
	color: #333;
	text-decoration: none;
	-moz-transition: background-color, color, 0.3s;
	-o-transition: background-color, color, 0.3s;
	-webkit-transition: background-color, color, 0.3s;
	transition: background-color, color, 0.3s;
}
body {
	font-family: "Open Sans", sans-serif;
	font-weight: 400;
	color: #6c7279;
}
img {
	max-width: 100%;
	display: block;
	margin: 0 auto;
}
ul,
ol {
	margin: 0;
	padding: 0;
}
ul li {
	list-style: none;
}
.no-padding {
	padding: 0;
}
.no-gutter [class*="col-"] {
	padding-right: 0;
	padding-left: 0;
	padding: 1%;
}
.center {
	text-align: center;
}
/* ==========================================================================
	$Header
========================================================================== */
#header {
	padding: 0 0 20px 0;
	position: fixed;
	top: 0px;
	width: 100%;
	z-index: 999;
	background: url(../img/head.png) repeat-x left bottom #fbf5ef;
	-moz-box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.4);
	-webkit-box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.4);
	box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.4);
}

@media all and (-webkit-min-device-pixel-ratio: 1.5) {
	#header {
		background-image: url("../img/head@2x.png");
		background-size: 88px 134px;
	}
}

#header .header-content {
	width: 100%;
}

#header.fixed {
	top: 0px;
	/*	background-color: rgba(255, 255, 255, 0.75);*/
	/*	opacity: 0.95;*/
	-moz-transition: 1s;
	-o-transition: 1s;
	-webkit-transition: 1s;
	transition: 1s;
}

#header .header-content {
	margin: 0;
	width: 100%;
	padding: 0;
	-moz-transition: padding 0.1s;
	-o-transition: padding 0.1s;
	-webkit-transition: padding 0.1s;
	transition: padding 0.1s;
	text-align: center;
}

#header.fixed .header-content {
}
#header.fixed .nav-toggle {
	top: 18px;
}

/*
#button {
 height: auto;
 position: fixed;
 top:5%;
 right: 1%;
 width: 100%;
 z-index: 999;
 text-align: right;
}
#button a { color: #333; }
#button a:hover { color: #999; }
#button.fixed {
 position: fixed;
 top:0;
 right: 1%;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	-webkit-transition: 0.3s;
	transition: 0.3s;
}
#button a {
 padding: 10px;
}
*/

.navigation.open {
	opacity: 0.95;
	visibility: visible;
	-moz-transition: opacity 0.5s;
	-o-transition: opacity 0.5s;
	-webkit-transition: opacity 0.5s;
	transition: opacity 0.5s;
}
.navigation {
	display: inline-block;
	margin: 0;
	vertical-align: top;
}
.navigation li {
	display: inline-block;
}
.navigation a {
	display: block;
	margin: 0 18px 0;
}

/*
.navigation a { display: block; margin:0 18px 0; height: 17px; text-indent:-9999px;  }
.navigation li:nth-child(1) a { background: url(../img/menu01.png) no-repeat left top; width:141px; }
.navigation li:nth-child(2) a { background: url(../img/menu02.png) no-repeat left top; width:63px; }
.navigation li:nth-child(3) a { background: url(../img/menu03.png) no-repeat left top; width:125px; }
.navigation li:nth-child(4) a { background: url(../img/menu04.png) no-repeat left top; width:64px; }
.navigation li:nth-child(5) a { background: url(../img/menu05.png) no-repeat left top; width:65px; }
*/

.navigation a {
	display: inline-block; /*
	margin: 0 0 10px;
	padding: 13px 10px;
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	background: #ff9900;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;*/
}

/* メニューでいるところの色が変わる
.navigation a:hover img,
.navigation a.active img
.navigation a:hover,
.navigation a.active {
	background: #fff;
}*/

.nav-toggle {
	display: none;
	height: 44px;
	overflow: hidden;
	position: fixed;
	top: 20px;
	right: 10px;
	text-indent: 100%;
	white-space: nowrap;
	width: 44px;
	z-index: 999999;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
.nav-toggle:before,
.nav-toggle:after {
	/*
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;ハンバーガーの角丸*/
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	-moz-backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	-webkit-transition-property: -webkit-transform;
	transition-property: transform;
}
.nav-toggle:before {
	background-color: #f39800;
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-webkit-transform: scale(1);
	transform: scale(1);
	-moz-transition-duration: 0.3s;
	-o-transition-duration: 0.3s;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
}
.nav-toggle:after {
	background-color: #f39800;
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-webkit-transform: scale(0);
	transform: scale(0);
	-moz-transition-duration: 0s;
	-o-transition-duration: 0s;
	-webkit-transition-duration: 0s;
	transition-duration: 0s;
}
.nav-toggle span {
	background-color: #fff;
	bottom: auto;
	display: inline-block;
	height: 3px;
	left: 50%;
	position: absolute;
	right: auto;
	top: 50%;
	width: 18px;
	z-index: 10;
	-moz-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
}
.nav-toggle span:before,
.nav-toggle span:after {
	background-color: #fff;
	content: "";
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	-moz-backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-moz-transition: -moz-transform 0.3s;
	-o-transition: -o-transform 0.3s;
	-webkit-transition: -webkit-transform 0.3s;
	transition: transform 0.3s;
}
.nav-toggle span:before {
	-moz-transform: translateY(-6px) rotate(0deg);
	-ms-transform: translateY(-6px) rotate(0deg);
	-webkit-transform: translateY(-6px) rotate(0deg);
	transform: translateY(-6px) rotate(0deg);
}
.nav-toggle span:after {
	-moz-transform: translateY(6px) rotate(0deg);
	-ms-transform: translateY(6px) rotate(0deg);
	-webkit-transform: translateY(6px) rotate(0deg);
	transform: translateY(6px) rotate(0deg);
}
.nav-toggle.close-nav:before {
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-webkit-transform: scale(0);
	transform: scale(0);
}
.nav-toggle.close-nav:after {
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-webkit-transform: scale(1);
	transform: scale(1);
}
.nav-toggle.close-nav span {
	background-color: rgba(255, 255, 255, 0);
}
.nav-toggle.close-nav span:before,
.nav-toggle.close-nav span:after {
	background-color: #fff;
}
.nav-toggle.close-nav span:before {
	-moz-transform: translateY(0) rotate(45deg);
	-ms-transform: translateY(0) rotate(45deg);
	-webkit-transform: translateY(0) rotate(45deg);
	transform: translateY(0) rotate(45deg);
}
.nav-toggle.close-nav span:after {
	-moz-transform: translateY(0) rotate(-45deg);
	-ms-transform: translateY(0) rotate(-45deg);
	-webkit-transform: translateY(0) rotate(-45deg);
	transform: translateY(0) rotate(-45deg);
}

/*モニタサイズごとの位置合わせ*/
#header {
	min-height: 80px;
}
#header .head-tel {
	margin: 0;
	/*
 float: right;
 vertical-align: top;*/
	position: fixed;
	right: 60px;
	top: 0px;
	z-index: 1;
}
.navigation {
	margin: 25px 0 0;
}
.main-list {
	max-width: 2000px;
	width: 100%;
	margin: 80px auto 0; /*headerの高さ*/
	padding: 0;
	text-align: center;
	background: url(../img/main01_bk.png) no-repeat center top #30251e;
	background-size: cover;
}
.main-list img {
	display: inline-block;
}

@media screen and (max-width: 1400px) {
	.navigation {
		float: left;
	}
	#header .head-tel {
		right: 60px;
	}
}

@media screen and (max-width: 1199px) {
	/* lgのとき */
	#header .head-tel {
		right: 30px;
	}
}

@media screen and (max-width: 1024px) {
	.navigation {
		float: none;
	}
	.navigation li a {
		margin: 0 18px 0;
	}
	#header .head-tel {
		display: none;
	} /*電話番号を消す*/
}

@media screen and (max-width: 767px) {
	#header {
		min-height: 115px;
	} /*headの高さ*/
	.main-list {
		margin: 115px auto 0;
	} /*メインビジュアル*/
	#header h1 {
		margin: 20px 20px 10px;
	} /*headの高さに合わせて余白調整*/

	/*ロゴ部をメイン画像にする場合*/
	#header {
		position: relative;
		padding: 0 0 1.8% 0;
		min-height: auto;
		background: url(../img/head_sp.png) repeat-x left bottom;
	}

	#header .header-content {
		padding: 1.8% 0 0 0;
		background: url(../img/head_sp.png) repeat-x left top;
	}

	@media all and (-webkit-min-device-pixel-ratio: 1.5) {
		#header {
			background: url(../img/head_sp@2x.png) repeat-x left bottom;
			background-size: 88px 12px;
		}

		#header .header-content {
			background: url(../img/head_sp@2x.png) repeat-x left top;
			background-size: 88px 12px;
		}
	}

	#box00/*main-list*/ {
		display: none;
	} /*メインビジュアル*/
	#header h1 {
		width: 100%;
		margin: 0;
	}
	#header h1 img {
		width: 100%;
		display: inline-block;
	}
}

/*
 @media screen and (max-width: 480px) {
#header           { min-height: 98px; }/*headの高さ
.main-list        { margin: 98px auto 0; }/*メインビジュアル
#header h1 img    { max-width: 200px; }/*ロゴサイズ調整
}
*/

/* ==========================================================================
	$Link
========================================================================== */
#inq-btn {
	height: auto;
	margin: 0;
	padding: 10px 0;
	position: fixed;
	bottom: -160px;
	width: 100%;
	z-index: 999;
	text-align: center;
	background-color: rgba(255, 255, 255, 0.95);
	/* box-shadow */
	box-shadow: 0px 2px 2px 3px #ccc;
}

/*お問い合わせボタンを下に固定
#header.fixed #inq-btn {
    bottom: 0px;
	-moz-transition: 1s;
	-o-transition: 1s;
	-webkit-transition: 1s;
	transition: 1s;
}
*/

.form-link a,
#inq-btn a {
	display: inline-block;
	min-width: 300px;
	margin: 0;
	padding: 15px 20px 15px 52px;
	font-size: 20px;
	font-weight: bold;
	color: #fff;
	background: #ff9900;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background: #ff9900;
}
@media screen and (max-width: 640px) {
	.form-link a,
	#inq-btn a {
		font-size: 16px;
		min-width: 280px;
	}
}
@media screen and (max-width: 320px) {
	.form-link a,
	#inq-btn a {
		font-size: 14px;
		padding: 15px 10px 15px 45px;
	}
}

.form-link {
	padding: 50px 0 0;
	text-align: center;
}

#box02 .form-link {
	padding: 0;
}

/* ==========================================================================
	$アニメーション
========================================================================== */

/* ------------------------------------------------------------------------------
	 base
-------------------------------------------------------------------------------*/
body {
	background: #fff;
}

.slick-slide {
	text-align: center;
	color: #419be0;
}

/* ==========================================================================
	 contents
========================================================================== */

/*各ブロック*/
#box00 .bkk {
	padding: 0;
	background: url(../img/bk_box00.png) repeat left bottom #fbf5ef;
}

@media all and (-webkit-min-device-pixel-ratio: 1.5) {
	#box00 .bkk {
		background: url(../img/head_sp@2x.png) repeat left bottom #fbf5ef;
	}
}

/*クマザワのこだわり*/
#box01 .read {
	background: #fbf5ef;
	text-align: center;
}
#box01 h2 {
	text-indent: -9999px;
	height: 0px;
	text-align: justify;
}

#box01 .koda {
	text-align: center;
}

#box01 .koda p,
#box01 .koda h3 {
	text-indent: -9999px;
	margin: 0;
	padding: 0;
	height: 0;
}
/*
#box01 .koda img { width:1px; }
#box01 .koda { max-width: 50%; }
*/

/*g01-02-03が画像*/
#box01 .koda.koda01 {
	background: url(../img/g01_ok.png) no-repeat right center;
}
#box01 .koda.koda03 {
	background: url(../img/g02_ok.png) no-repeat left center;
}
#box01 .koda.koda05 {
	background: url(../img/g03_ok.png) no-repeat right center;
}

@media screen and (min-width: 768px) {
	/*こだわりの外枠*/
	#box01 .koda {
		width: 50%;
		margin: 0;
		display: inline-block;
		vertical-align: top;
		text-align: center;
	}

	/*外枠の右左*/
	#box01 .koda.koda01 {
		float: left;
	}
	#box01 .koda.koda02 {
		float: left;
	}
	#box01 .koda.koda03 {
		clear: both;
		float: right;
	}
	#box01 .koda.koda04 {
		float: left;
	}
	#box01 .koda.koda05 {
		clear: both;
		float: left;
	}
	#box01 .koda.koda06 {
		float: left;
	}

	/*kuma01-02-03が文字*/
	#box01 .koda.koda02 {
		background: url(../img/kuma01_ok.png) no-repeat left center;
	}
	#box01 .koda.koda04 {
		background: url(../img/kuma02_ok.png) no-repeat right center;
	}
	#box01 .koda.koda06 {
		background: url(../img/kuma03_ok.png) no-repeat left center;
	}

	/*つっかえ棒画像*/
	#box01 .koda img {
		min-height: 480px;
	}
}

@media screen and (min-width: 861px) and (max-width: 990px) {
	/*つっかえ棒画像*/
	#box01 .koda img {
		min-height: 400px;
	} /*
#box01 .koda.koda02 { background-position:  -30px center !important; }
#box01 .koda.koda04 { background-position: -130px center !important; }
#box01 .koda.koda06 { background-position:  -30px center !important; } 真ん中の余白を詰めるなら*/
}

@media screen and (min-width: 768px) and (max-width: 860px) {
	/*つっかえ棒画像*/
	#box01 .koda img {
		min-height: 360px;
	}
}

#box01 .koda.koda01,
#box01 .koda.koda02,
#box01 .koda.koda03,
#box01 .koda.koda04,
#box01 .koda.koda05,
#box01 .koda.koda06 {
	background-size: cover;
}

/*商品紹介*/
#box02 {
	clear: both;
}
#box02 .bkk {
	background: #fbf5ef;
	padding: 60px 0 122px;
}
#box02 .item .item-info {
	margin: 0 auto 50px;
}
#box02 .item .item-info p {
	padding: 5px 0 0;
}

/*モニタが大きいときcontainer-fluidを狭める*/
@media screen and (min-width: 1200px) {
	#box02 .pc-waku {
		width: 80%;
		margin: 0 auto;
	}
}

/*おにくギャラリー*/
#box03 .bkk {
	padding: 60px 0;
}

@media screen and (min-width: 768px) {
	/*#box03 .insta-box-pc iframe { min-height: 500px; }*/
	#box03 .insta-box-pc {
		width: 60%;
		margin: 0 auto;
	}
	#box03 .insta-box-sp {
		display: none;
	}
}

@media screen and (max-width: 767px) {
	#box03 .insta-box-pc {
		display: none;
	}
	#box03 .insta-box-sp {
		width: 80%;
		margin: 0 auto;
	}
}
/*
.top-insta {
  width: 1080px;
  margin: 0 auto;
  position: relative;
}


.image-wrapper2 div:nth-child(1) {
  margin-left: 20% !important;
  padding: 10px !important;
 border: 10px solid red;
}


.image-wrapper a {
	width: 216px;
	height: 216px;
	position: absolute;
	display: block;
	top: 230px;
	left: 432px;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
}
.image-wrapper a img {
	width: 216px;
	height: 216px;
}
.image-wrapper a:hover {
	filter:alpha(opacity=100);
	-moz-opacity: 1.0;
	opacity: 1.0;
}
.image-wrapper {
  width: 1080px;
  margin: 0 auto;
  overflow: hidden;
  background: #222 url('../img/icn_insta_wh.svg') no-repeat center center;
  background-size: 34px 34px;
  overflow: hidden;
}
.image-wrapper .figure {
  position: relative;
  float: left;
  width: 20%;
  height: 100%;
  opacity: 0;
  visibility: hidden;
}
.image-wrapper .figure:before {
  content: "";
  display: block;
  padding-top: 100%;
}
.image-wrapper div:nth-child(1) {
  margin-left: 20% !important;
  padding: 10px !important;
}
.image-wrapper .figure a {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .image-wrapper .figure a {
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
  }
  .image-wrapper .figure a:hover {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    filter: grayscale(100%);
  }
}
.image-wrapper .figure img {
  display: block;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .image-wrapper .figure img {
    height: 100%;
    object-fit: cover;
  }
}
*/

/*元の
.top-insta a.insta_link {
	width: 216px;
	height: 216px;
	position: absolute;
	display: block;
	top: 230px;
	left: 432px;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
}
.top-insta a.insta_link img {
	width: 216px;
	height: 216px;
}
.top-insta a.insta_link:hover {
	filter:alpha(opacity=100);
	-moz-opacity: 1.0;
	opacity: 1.0;
}
.top-insta ul {
  width: 1080px;
  margin: 0 auto;
  overflow: hidden;
  background: #222 url('../img/icn_insta_wh.svg') no-repeat center center;
  background-size: 34px 34px;
  overflow: hidden;
}
.top-insta li {
  position: relative;
  float: left;
  width: 20%;
  height: 100%;
  opacity: 0;
  visibility: hidden;
}
.top-insta li:before {
  content: "";
  display: block;
  padding-top: 100%;
}
.top-insta li:nth-child(8) {
  margin-left: 20%;
}
.top-insta li a {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .top-insta li a {
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
  }
  .top-insta li a:hover {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    filter: grayscale(100%);
  }
}
.top-insta li img {
  display: block;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .top-insta li img {
    height: 100%;
    object-fit: cover;
  }
}
*/

/*店舗案内*/
#box04 .bkk {
	background: #fbf5ef;
	padding: 60px 0 0;
}
#box04 .shop-box {
	margin: 10px 0 60px;
}
#box04 .shop-box-p {
	margin: 10px 0 10px;
	text-align: center;
}

#box04 .shopdata {
	background: #fff;
	padding: 10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
#box04 .store1 {
	margin-bottom: 180px;
}

@media screen and (min-width: 768px) {
	#box04 .shop-box-p {
		margin: 10px 0 60px;
		text-align: right;
	}
	/*#box04 .shopinfo { max-width:380px; }*/
}

@media screen and (max-width: 767px) {
	/*768より小さいのはsp*/
	#box04 h3 {
		width: 100%;
		text-align: center;
	}
	#box04 .store1 {
		margin-bottom: 80px;
	}
}

/*採用情報*/
#box05 .bkk {
	padding: 60px 0;
}
#box05 .recruit-box {
	max-width: 1040px;
	margin: 0 auto;
	padding: 50px 15px;
	border: 3px solid #f39800;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	text-align: center;
}

@media screen and (max-width: 1100px) {
	#box05 .recruit-box {
		max-width: 90%;
	}
}

/* ------------------------------------------------------------------------------
	 page-top
-------------------------------------------------------------------------------*/
#page-top {
	position: fixed;
	bottom: 2px;
	right: 10px;
	font-size: 22px;
	z-index: 99;
}

#page-top a img {
	width: 108px;
	height: 214px;
	margin: 0 0 5px;
	display: block;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	-webkit-transition: 0.3s;
	transition: 0.3s;
}
#page-top a:hover img {
	margin: 0 0 0px;
}

@media screen and (max-width: 768px) {
	#page-top a img {
		width: 54px;
		height: 107px;
	}
}

/* ------------------------------------------------------------------------------
	 Footer
-------------------------------------------------------------------------------*/
.footer {
	/*	width: 94%;*/
	margin: auto;
	padding: 17px 0 0 0;
	text-align: center;
	background: url(../img/foot-up.png) repeat-x center top;
}

@media all and (-webkit-min-device-pixel-ratio: 1.5) {
	.footer {
		background: url(../img/foot-up@2x.png) repeat-x center top;
		background-size: 45px 18px;
	}
}

.footer .bkk {
	background: #f39800;
	padding-top: 90px;
}
.footer .copyright {
	padding: 30px 0 10px;
	color: #fff;
}
.footer a {
	display: inline-block;
	margin: 0 5px 0;
	padding: 0;
}
.footer p {
	margin: 0;
	padding: 0;
	font-size: 14px;
	color: #fff;
}

@media screen and (max-width: 767px) {
	/*768より小さいのはsp*/
	.footer .bkk {
		padding-top: 70px;
	}
}

/* ------------------------------------------------------------------------------
	 レスポンシブ
-------------------------------------------------------------------------------*/
@media screen and (max-width: 767px) {
	/*768より小さいのはsp*/
	.pc-on {
		display: none !important;
	}
	.sp-on {
		display: inline-block !important;
	}
}

@media screen and (min-width: 768px) {
	/*768以上全部 768以上はPC版*/
	.pc-on {
		display: inline-block !important;
	}
	.sp-on {
		display: none !important;
	}
}

@media screen and (max-width: 959px) {
	/*959以下*/
	#box02 .read-box {
		position: absolute;
		bottom: 20px;
		width: 100%;
		margin: 0 auto;
	}

	#box02 .read p {
		padding: 0 20px;
		color: #fff;
		font-size: 18px;
		line-height: 1.5;
	}
}

@media screen and (max-width: 768px) {
	.footer .copyright {
		padding: 30px 0 30px;
	}
}

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

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

@media screen and (max-width: 320px) {
	.footer .copyright {
		padding: 30px 0 130px;
	}
	/*#page-top { bottom: 3em; }*/
}

/* 20220720修正 */
.orderBtn {
	text-align: center;
}
.orderBtn a {
	display: inline-block;
	padding: 17px 20px 15px 79px;
	border-radius: 30px;
	transition-property: opacity;
	transition-duration: 0.3s;
	color: #fff;
	background: image-set(url(../img/orderIcon.png) 1x, url(../img/orderIcon@2x.png) 2x) no-repeat top 13.5px left 46px #f39800;
	background: -webkit-image-set(url(../img/orderIcon.png) 1x, url(../img/orderIcon@2x.png) 2x) no-repeat top 13.5px left 46px #f39800;
}

@media screen and (max-width: 767px) {
	.orderBtn a {
		padding: 17px 12px 15px 58px;
		background-position: top 13.5px left 30px;
	}
}

.orderBtn a:hover {
	opacity: 0.8;
}

.shopinfo .other {
	display: inline-block;
	margin-top: 4px;
	padding: 10px 13px 10px;
	border-radius: 10px;
	border: 2px dashed #f39800;
}
.shopinfo .other span {
	color: #f39800;
}
.recruit-box p {
	margin-bottom: 0;
}
.recruit-box a {
	display: inline-block;
	margin-top: 14px;
	color: #f39800;
}