@charset "utf-8";

@font-face {
	font-family: "fontello";
	src: url("../font/fontello.eot?27614961");
	src: url("../font/fontello.eot?27614961#iefix") format("embedded-opentype"), url("../font/fontello.woff2?27614961") format("woff2"), url("../font/fontello.woff?27614961") format("woff"),
		url("../font/fontello.ttf?27614961") format("truetype"), url("../font/fontello.svg?27614961#fontello") format("svg");
	font-weight: normal;
	font-style: normal;
}

[class^="icon-"]:before,
[class*=" icon-"]:before {
	font-family: "fontello";
	font-style: normal;
	font-weight: normal;
	speak: none;

	display: inline-block;
	text-decoration: inherit;
	width: 1em;
	margin-right: 0.2em;
	text-align: center;
	font-variant: normal;
	text-transform: none;
	line-height: 1em;
	margin-left: 0.2em;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-twitter-1:before {
	content: "\e800";
}

/* '' */
.icon-right-open-big:before {
	content: "\e801";
}

/* '' */
.icon-left-open-big:before {
	content: "\e802";
}

/* '' */
.icon-search:before {
	content: "\e803";
}

/* '' */
.icon-down-open-big:before {
	content: "\e804";
}

/* '' */
.icon-plus:before {
	content: "\e805";
}

/* '' */
.icon-plus-1:before {
	content: "\e806";
}

/* '' */
.icon-down-open:before {
	content: "\e807";
}

/* '' */
.icon-up-open-big:before {
	content: "\e808";
}

/* '' */
.icon-mail:before {
	content: "\e809";
}

/* '' */
.icon-mic-outline:before {
	content: "\e80a";
}

/* '' */
.icon-comment:before {
	content: "\e80b";
}

/* '' */
.icon-user:before {
	content: "\e80c";
}

/* '' */
.icon-phone:before {
	content: "\e80d";
}

/* '' */
.icon-twitter:before {
	content: "\f099";
}

/* '' */
.icon-mail-alt:before {
	content: "\f0e0";
}

/* '' */
.icon-instagram:before {
	content: "\f16d";
}

/* '' */
.icon-facebook-squared:before {
	content: "\f308";
}

/* '' */
.icon-facebook:before {
	content: "\f30c";
}

/* '' */

@font-face {
	font-family: "Yu Gothic";
	src: local("Yu Gothic Medium");
	font-weight: 400;
}

#loader-bg {
	width: 100%;
	height: 100vh;
	background: #fff;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1000000;
}

#loader {
	width: 170px;
	height: 170px;
	position: fixed;
	top: -40px;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	padding-top: 250px;
	z-index: 1000001;
}

#loader img {
	z-index: 1;
}

#loader:before {
	top: -25px;
	background: #fff url(../img/common/loading-01.gif) no-repeat center center;
	z-index: 102;
}

figure img.new {
	position: absolute;
	top: 0px;
	left: 10px;
	border-radius: 0 !important;
}

.pick-slide figure img.new {
	top: 20px;
	left: 0;
}

.topping-slide figure img.new {
	top: 0px;
	left: 0;
	z-index: 100;
}

.topping-slide h3 span {
	font-size: 1.5rem;
	letter-spacing: 0;
}

/*
---------------------------------------
reset
---------------------------------------
*/

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
	margin: 0;
	padding: 0;
	vertical-align: baseline;
	box-sizing: border-box;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	display: block;
	margin: 0;
	padding: 0;
}

html {
	min-height: 100%;
	width: 100%;
	min-width: 320px;
}

body {
	font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;
	letter-spacing: 0;
	line-height: 1.8;
	height: 100%;
	width: 100%;
	margin: 0px auto;
	background: #000;
	color: #000;
	min-width: 320px;
	-webkit-text-size-adjust: 100%;
}

body:before {
	content: "";
	width: 170px;
	height: 170px;
	border-radius: 100%;
	position: fixed;
	top: 35%;
	left: 50%;
	margin-top: -85px;
	margin-left: -85px;
	z-index: -1;
	background: #fff url(../img/common/loading-01.gif) no-repeat 50% 100%;
}

html,
body {
	font-size: 62.5%;
	font-size: 10px\0;
	/* IE */
}

#wrapper {
	position: relative;
	top: -1px;
	overflow: hidden;
}

label {
	cursor: pointer;
}

/*
---------------------------------------
link
---------------------------------------
*/

a:link {
	color: #000;
	text-decoration: none;
	transition: all 0.4s;
}

a:visited {
	color: #000;
	text-decoration: none;
}

a:hover {
	color: #000;
	text-decoration: none;
}

a:active {
	color: #000;
	text-decoration: none;
}

.bl_box {
	cursor: pointer;
}

.bl_box:hover,
a:hover img,
#contents form input[type="submit"]:hover,
button:hover {
	filter: alpha(opacity=70);
	/* internet explorer */
	-khtml-opacity: 0.7;
	/* khtml, old safari */
	-moz-opacity: 0.7;
	/* mozilla, netscape */
	opacity: 0.7;
	/* fx, safari, opera */
	-webkit-transition: all 0.4s;
	transition: all 0.4s;
}

.noalpha:hover img,
.noalpha a:hover img {
	filter: alpha(opacity=100) !important;
	/* internet explorer */
	-khtml-opacity: 1 !important;
	/* khtml, old safari */
	-moz-opacity: 1 !important;
	/* mozilla, netscape */
	opacity: 1 !important;
	/* fx, safari, opera */
}

a:focus {
	outline: none;
}

/*
---------------------------------------
clear
---------------------------------------
*/

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	font-size: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {
	min-height: 1px;
}

* html .clearfix {
	height: 1px;
	/*\*/
	/*/
	height: auto;
	overflow: hidden;
	/**/
}

.clear,
.both {
	clear: both;
}

*:first-child+html .clearfix {
	zoom: 1;
}

/* IE7 */

/*
---------------------------------------
style
---------------------------------------
*/

input[type="text"],
input[type="tel"],
input[type="email"],
input[type="date" i] ,
textarea {
	margin: 0;
	padding: 0;
	font-size: 2rem;
	padding: 19px 20px;
	outline: none;
	line-height: 1.4;
	border: 1px solid #000;
	box-sizing: border-box;
	max-width: 100%;
	width: 100%;
}

.deta_item input[type="date"] {
  width: 100%;
  height: 100%;
  background: transparent;
  border: none;
}

.deta_item input[type="date"]::-webkit-datetime-edit {
  color: transparent;
}

.tbl-fc .deta-time_item th{
	padding-top: 7px;
}

.deta-time_item_text {
	width: 70px;
}

.deta_item,
.time_item {
	display: flex;
	width: 100%;
}

.deta_item {
	padding-right: 10px;
}

.deta-time_item .wpcf7-form-control-wrap {
	width: 100%;
}

.deta-time_item .time_item .wpcf7-form-control-wrap::after {
  content: "";
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
  width: 8px;
  height: 8px;
  border-right: 2px solid #333;
  border-bottom: 2px solid #333;
  pointer-events: none;
}

.tbl-02 .deta-time_item td select {
	width: 100% !important;
    margin-right: 11px;
    box-sizing: border-box;
    height: 70px;    
	font-size: 2rem;
}

.deta-time_item p {
	display: flex;
	align-items: flex-start;
}
@media screen and (max-width: 850px) {
	.deta-time_item p {
		flex-direction: column;
	}
	.deta_item {
		padding-right: 0;
	}
	.tbl-02 .deta-time_item td select {
		height: 64px;
	}
	input[type="date" i] {
		box-sizing: border-box;
		background-color: #ffffff;
		padding: 19px 0px;
	}
}
.deta-time_item input[type="date"]::-webkit-calendar-picker-indicator {
  opacity: 0;
  position: absolute;
  right: 0;
}

.deta-time_item .deta_item .wpcf7-form-control-wrap::after {
  content: "";
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  width: 16px;
  height: 16px;
  background: url("../img/fc/calendar-form.svg") no-repeat center;
  background-size: contain;
  pointer-events: none;
}

.custom-fc-form .deta-time_item  select {
  background-image: none !important;
}
.input-01 {
	width: 500px;
}

.input-02 {
	width: 400px;
}

.input-03 {
	width: 300px;
}

img {
	border: none;
	line-height: 1;
	max-width: 100%;
	height: auto;
}

ol,
ul {
	list-style: none;
}

ol.clearfix>li,
ul.clearfix>li {
	float: left;
}

table {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
}

table th {
	font-weight: normal;
}

caption,
th {
	text-align: left;
}

div,
p,
dt,
dd,
li,
address,
blockquot {
	font-style: normal;
	font-size: 1.8rem;
	line-height: 2;
	letter-spacing: 0.4px;
}

.bold {
	font-weight: bold;
}

.underline {
	text-decoration: underline;
}

p.indent,
ul.indent {
	text-indent: -1em;
	padding-left: 1em;
}

.nobdr {
	border: none !important;
}

figure {
	display: block;
	line-height: 1;
	text-align: center;
}

i {
	font-style: normal;
}

/*
---------------------------------------
color
---------------------------------------
*/

.clr01 {
	color: #f31818;
}

/*
---------------------------------------
text_align
---------------------------------------
*/

.alnL {
	text-align: left !important;
}

.alnC {
	text-align: center !important;
}

.alnR {
	text-align: right !important;
}

.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.alignleft {
	float: left;
	margin: 0.5em 1em 0.5em 0;
}

.alignright {
	float: right;
	margin: 0.5em 0 0.5em 1em;
}

.content-box p {
	margin-bottom: 25px;
}

/*
---------------------------------------
float
---------------------------------------
*/

.fL {
	float: left !important;
}

.fR {
	float: right !important;
}

/*
---------------------------------------
table
---------------------------------------
*/
.tbl {
	display: table;
	width: 100%;
	position: relative;
	table-layout: fixed;
}

.tbl>* {
	display: table-cell;
	vertical-align: top;
	box-sizing: border-box;
}

.tbl-01 {
	margin: 0 auto;
	border-bottom: 1px solid #d3d3d3;
	width: 100%;
}

.tbl-01 th,
.tbl-01 td {
	text-align: left;
	padding: 15px 0;
	position: relative;
	line-height: 1.4;
	vertical-align: middle;
	border-top: 1px solid #d3d3d3;
}

.tbl-01 th {
	vertical-align: top;
	width: auto;
	font-size: 1.6rem;
	font-weight: bold;
}

.tbl-01 th span {
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, sans-serif;
	text-align: center;
	display: inline-block;
	vertical-align: middle;
	background: #000;
	color: #fff;
	padding: 2px 10px;
	white-space: nowrap;
}

.tbl-01 td {
	padding-left: 12px;
	font-size: 1.8rem;
}

.tbl-02 {
	width: 74%;
	margin: 0 auto 5% auto;
	display: block;
}

.tbl-02 th,
.tbl-02 td {
	padding: 12px;
}

.tbl-02 th {
	text-align: right;
	padding-right: 20px;
	width: auto;
	vertical-align: top;
	font-size: 2rem;
}

.tbl-02 th span {
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, sans-serif;
	color: #fff;
	background: #ff4b4b;
	font-size: 1.5rem;
	display: inline-block;
	line-height: 1.3;
	padding: 0 10px;
	vertical-align: middle;
	margin: 0 0 0 5px;
}

.tbl-02 td {
	font-size: 1.8rem;
}

.tbl-02 td select {
	font-size: 1.8rem;
	min-width: 25%;
	width: auto;
	max-width: inherit !important;
	padding: 6px;
	box-sizing: content-box;
	border: 1px solid rgb(204, 204, 204);
	border-radius: 5px;
	background: #fff;
	border: 2px solid #ccc;
	box-shadow: none;
	margin-right: 0.5em;
}

.tbl-02 span.wpcf7-list-item {
	margin: 0 1em 0.5em 0;
}

.tbl-03 {
	margin: 0 auto;
	border-bottom: 1px solid #d3d3d3;
	width: 100%;
}

.tbl-03 th,
.tbl-03 td {
	text-align: left;
	padding: 15px 10px;
	position: relative;
	line-height: 1.4;
	vertical-align: middle;
	border-top: 1px solid #d3d3d3;
	font-size: 1.8rem;
}

.tbl-03 th {
	width: auto;
	text-align: center;
}

/*
---------------------------------------
バナー
---------------------------------------
*/

.bnr-box {
	display: table;
	width: 95%;
	margin: 0 auto;
	max-width: 1038px;
	position: relative;
	background: #000;
}

.bnr-box>* {
	display: table-cell;
	vertical-align: top;
}

.blog-bnr:before {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: url(../img/common/bg-dot.gif) repeat;
}

.blog-bnr {
	table-layout: fixed;
	background: #000 url(../img/common/bg-blog-bnr.jpg) no-repeat top center;
	padding: 20px 15px 20px 50px;
	margin: 50px auto;
}

.blog-bnr * {
	color: #fff;
}

.blog-bnr:after {
	content: "";
	width: 72px;
	height: 74px;
	position: absolute;
	left: -3px;
	top: -3px;
	background: url(../img/common/ribbon-left.png) no-repeat right bottom;
}

.blog-bnr>* {
	width: 60%;
	position: relative;
	z-index: 1;
	vertical-align: middle;
	padding-right: 15px;
}

.blog-bnr .coupon {
	width: 40%;
	text-align: center;
	position: relative;
	padding: 0 0 0 15px;
}

.blog-bnr .coupon:before {
	content: "";
	width: 2px;
	height: 160%;
	position: absolute;
	top: -30%;
	left: 0;
	transform: rotate(20deg);
	background: #f8de2f;
	z-index: 1;
}

.blog-bnr .coupon dd {
	font-family: "Poppins", sans-serif;
	letter-spacing: 18px;
	font-size: 1.7rem;
	font-weight: 400;
}

.blog-bnr i.arw {
	display: inline-block;
	position: relative;
	width: 28px;
	top: -0.25em;
}

.blog-bnr i.arw:before,
.blog-bnr i.arw:after {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	margin: auto;
	content: "";
	vertical-align: middle;
}

.blog-bnr i.arw:before {
	right: 0;
	width: 28px;
	height: 1px;
	background: #fff;
}

.blog-bnr i.arw:after {
	right: 3px;
	width: 13px;
	height: 13px;
	border-top: 1px solid #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.fc-bnr {
	background: url(../img/common/bg-fc-bnr.jpg) no-repeat top center;
	background-size: cover !important;
	table-layout: fixed;
}

.fc-bnr>* {
	position: relative;
	z-index: 1;
}

.fc-bnr:before {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: url(../img/common/bg-dot.gif) repeat;
}

.fc-bnr:after {
	content: "";
	width: 72px;
	height: 74px;
	position: absolute;
	right: -3px;
	bottom: -3px;
	background: url(../img/common/ribbon-right.png) no-repeat right bottom;
}

.fc-bnr figure {
	position: relative;
	top: -10px;
	left: -10px;
	width: 320px;
	max-height: 249px;
	width: 30%;
}

.fc-bnr .box {
	width: 70%;
	padding: 20px;
	vertical-align: middle !important;
}

.fc-bnr dl dd {
	position: relative;
	padding-left: 94px;
	color: #fff;
}

.fc-bnr dl dd:before {
	content: "";
	display: inline-block;
	margin-right: 10px;
	background: url(../img/common/bnr-fc-ico.png) no-repeat top left;
	width: 84px;
	height: 84px;
	vertical-align: middle;
	position: absolute;
	top: 0;
	left: 0;
}

.minori-bnr {
	padding: 10px 20px;
}

.minori-bnr:after {
	content: "";
	width: 72px;
	height: 74px;
	position: absolute;
	right: -3px;
	bottom: -3px;
	background: url(../img/common/ribbon-right.png) no-repeat right bottom;
}

.minori-bnr figure {
	width: 40%;
	vertical-align: middle !important;
}

.minori-bnr .box {
	vertical-align: middle !important;
}

.minori-bnr dl dd {
	position: relative;
	color: #fff;
}

.bg-shop-bnr {
	padding: 10px 0 5%;
	position: relative;
	top: 2px;
	margin-top: 5%;
}

.bg-fc {
	padding-top: 5%;
}

.bg-shop-bnr:before {
	content: "";
	width: 100%;
	height: 300%;
	background: url(../img/common/bg-seigaiha-02.png) repeat;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}

.recruit-list footer,
footer.shop-bnr-on {
	background: none;
}

.shop-bnr {
	table-layout: fixed;
	margin: 45px auto;
	background: #000 url(../img/common/bg-shop-bnr.jpg) no-repeat top center;
	background-size: cover !important;
}

.shop-bnr>* {
	position: relative;
	z-index: 1;
}

.shop-bnr:before {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: url(../img/common/bg-dot.gif) repeat;
}

.shop-bnr:after {
	content: "";
	width: 72px;
	height: 74px;
	position: absolute;
	right: -3px;
	bottom: -3px;
	background: url(../img/common/ribbon-right.png) no-repeat right bottom;
}

.shop-bnr figure {
	width: 25%;
	position: relative;
	padding: 0 0 0 20px;
}

.shop-bnr figure img {
	margin-top: -45px;
	margin-bottom: -30px;
}

.shop-bnr .box {
	width: 75%;
	padding: 10px 25px 20px 10px;
	vertical-align: middle !important;
}

.shop-bnr dl dd {
	position: relative;
	padding-left: 82px;
	color: #fff;
}

.shop-bnr dl dd:before {
	content: "";
	display: inline-block;
	margin-right: 10px;
	background: url(../img/common/bnr-shop-ico.png) no-repeat top left;
	width: 72px;
	height: 72px;
	vertical-align: middle;
	position: absolute;
	top: 0;
	left: 0;
}

.menu-bnr {
	margin: 45px auto 80px auto;
	background: #000 url(../img/common/bg-menu-bnr.jpg) no-repeat top center;
	background-size: cover !important;
	table-layout: fixed;
}

.menu-bnr>* {
	position: relative;
	z-index: 1;
}

.menu-bnr:before {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: url(../img/common/bg-dot.gif) repeat;
}

.menu-bnr:after {
	content: "";
	width: 72px;
	height: 74px;
	position: absolute;
	right: -3px;
	bottom: -3px;
	background: url(../img/common/ribbon-right.png) no-repeat right bottom;
}

.menu-bnr figure {
	width: 316px;
	width: 31%;
	position: relative;
	padding: 0 0 0 20px;
}

.menu-bnr figure img {
	margin-top: -15px;
	margin-bottom: -15px;
}

.menu-bnr .box {
	width: 69%;
	padding: 10px 25px 20px 10px;
	vertical-align: middle !important;
}

.menu-bnr dl dd {
	position: relative;
	padding-left: 115px;
	color: #fff;
}

.menu-bnr dl dd:before {
	content: "";
	display: inline-block;
	margin-right: 10px;
	background: url(../img/common/bnr-menu-ico.png) no-repeat top left;
	width: 705px;
	height: 78px;
	vertical-align: middle;
	position: absolute;
	top: 0;
	left: 0;
}

/*
---------------------------------------
h1-h6
---------------------------------------
*/
h1 {
	font-size: 3.2rem;
	line-height: 1.8;
	font-weight: normal;
	letter-spacing: 0.8px;
}

h2 {
	font-size: 2.4rem;
	line-height: 1.8;
	font-weight: normal;
	letter-spacing: 0.8px;
}

h3 {
	font-size: 1.8rem;
	line-height: 1.8;
	font-weight: normal;
	letter-spacing: 0.8px;
}

h4 {
	font-size: 1.6rem;
	line-height: 1.8;
	font-weight: normal;
	letter-spacing: 0.8px;
}

h5 {
	font-size: 1.6rem;
	line-height: 1.8;
	font-weight: normal;
	letter-spacing: 0.8px;
}

h6 {
	font-size: 1.6rem;
	line-height: 1.8;
	font-weight: normal;
	letter-spacing: 0.8px;
}

.h2-box {
	text-align: center;
}

/*--各見出し--*/
.ico-red:after {
	content: "";
	width: 53px;
	height: 50px;
	display: inline-block;
	vertical-align: text-bottom;
	background: url(../img/common/ico-red.png) no-repeat left bottom;
	margin: 0 0 0 5px;
	box-sizing: border-box;
	background-size: contain;
}

.h-01 {
	text-align: center;
	font-family: "Poppins", sans-serif;
	letter-spacing: 18px;
	font-size: 2.1rem;
	font-weight: 600;
}

.h-02 {
	font-weight: bold;
	font-size: 3.9rem;
	letter-spacing: 15px;
	line-height: 1.7;
	margin-bottom: 20px;
}

.h-02 span {
	display: block;
	letter-spacing: 1.2px;
	font-size: 1.7rem;
	font-weight: normal;
	color: #d2d2d2;
}

.h-03 {
	font-family: "Poppins", sans-serif;
	letter-spacing: 18px;
	font-size: 2.3rem;
	font-weight: 600;
}

.h-04 {
	font-size: 11.6rem;
	letter-spacing: 8px;
	font-weight: bold;
	line-height: 1.2;
}

.h-05 {
	font-weight: bold;
	font-size: 2.7rem;
	border-left: 5px solid #000;
	padding: 0 20px;
	line-height: 1.3;
	position: relative;
}

.h-06 {
	width: 100%;
	font-weight: bold;
	font-size: 2.6rem;
	padding: 25px 0;
	line-height: 1.5;
	background: #000;
	color: #fff;
	text-align: center;
	margin: 0 auto 40px auto;
}

.h-07 {
	font-weight: bold;
	font-size: 2.2rem;
}

.h-08 {
	font-weight: bold;
	font-size: 2.2rem;
	border-left: 5px solid #000;
	padding: 0 15px;
	margin-left: 10px;
	line-height: 1.5;
}

.h-09 {
	font-weight: bold;
	font-size: 5.6rem;
	line-height: 1.5;
}

.h-10 {
	font-size: 10rem;
	line-height: 1.2;
	font-weight: bold;
	letter-spacing: -3px;
}

.h-10 span {
	display: block;
	font-size: 2rem;
	font-family: "Poppins", sans-serif;
	margin-bottom: 15px;
	letter-spacing: 3px;
}

.h-11 span {
	display: inline-block;
	background: #000;
	padding: 0 25px;
	font-size: 2rem;
	text-align: center;
	color: #fff;
	letter-spacing: 1px;
	font-weight: bold;
}

.h-12 {
	text-align: center;
	margin: 45px auto 5px;
}

.h-12>* {
	display: inline-block;
	background: #222;
	color: #fff;
	padding: 0 25px;
	vertical-align: middle;
	border: 4px double #fff;
}

.h-13 {
	font-size: 2.8rem;
	font-weight: bold;
	line-height: 1.5;
	margin: 0 0 15px 0;
}

.h-14 {
	text-align: center;
	font-weight: bold;
	font-size: 3.2rem;
	letter-spacing: 0.4px;
	line-height: 1.7;
	margin-bottom: 10px;
}

.h-14 span {
	display: block;
	letter-spacing: 4.4px;
	font-size: 1.3rem;
	font-weight: 600;
	color: #d2d2d2;
	font-family: "Poppins", sans-serif;
	margin: 0 auto;
}

.h-15 span {
	display: inline-block;
	min-width: 140px;
	text-align: center;
	border-radius: 1.5em;
	letter-spacing: 0;
	line-height: 1.5;
	font-size: 1.6rem;
	font-weight: bold;
	color: #282828;
	border: 3px solid #282828;
	margin-bottom: 10px;
	padding: 0 20px;
}

/*
---------------------------------------
各ボタン
---------------------------------------
*/

.btn-01,
.btn-01-b {
	width: 95%;
	margin: 0 auto;
	max-width: 453px;
	text-align: center;
}

.btn-01 a,
.btn-01-b a {
	position: relative;
	display: block;
	background: #000;
	color: #fff;
	text-decoration: none !important;
	font-size: 1.8rem;
	padding: 6px 0;
	border: 2px solid #000;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	position: relative;
	-webkit-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	z-index: 2;
}

.btn-01-b a {
	background: #fff;
	color: #000;
}

.btn-01 i.arw,
.btn-01-b i.arw {
	position: absolute;
	top: 50%;
	right: 0;
	vertical-align: middle;
}

.btn-01 i.arw:before,
.btn-01 i.arw:after,
.btn-01-b i.arw:before,
.btn-01-b i.arw:after {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	margin: auto;
	content: "";
	vertical-align: middle;
}

.btn-01 i.arw:before,
.btn-01-b i.arw:before {
	right: 20px;
	width: 28px;
	height: 1px;
	background: #fff;
}

.btn-01-b i.arw:before {
	background: #000;
}

.btn-01 i.arw:after,
.btn-01-b i.arw:after {
	right: 23px;
	width: 13px;
	height: 13px;
	border-top: 1px solid #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.btn-01-b i.arw:after {
	border-top: 1px solid #000;
}

/* Sweep To Right */
.btn-01 a:before,
.btn-01-b a:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #fff;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: 0 50%;
	transform-origin: 0 50%;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: 0.4s;
	transition-duration: 0.4s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}

.btn-01-b a:before {
	background: #000;
}

.btn-01 a:hover,
.btn-01 a:focus,
.btn-01 a:active {
	color: #000;
}

.btn-01-b a:hover,
.btn-01-b a:focus,
.btn-01-b a:active {
	color: #fff;
}

.btn-01 a:hover i:before,
.btn-01 a:focus i:before,
.btn-01 a:active i:before {
	background: #000;
}

.btn-01-b a:hover i:before,
.btn-01-b a:focus i:before,
.btn-01-b a:active i:before {
	background: #fff;
}

.btn-01 a:hover i:after,
.btn-01 a:focus i:after,
.btn-01 a:active i:after {
	border-color: #000;
}

.btn-01-b a:hover i:after,
.btn-01-b a:focus i:after,
.btn-01-b a:active i:after {
	border-color: #fff;
}

.btn-01 a:hover:before,
.btn-01 a:focus:before,
.btn-01 a:active:before,
.btn-01-b a:hover:before,
.btn-01-b a:focus:before,
.btn-01-b a:active:before {
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
}

.btn-02 {
	width: 95%;
	margin: 0 auto;
	max-width: 453px;
	text-align: center;
}

.btn-02 a {
	position: relative;
	display: block;
	background: #fff;
	color: #000;
	text-decoration: underline;
	font-size: 1.8rem;
	padding: 6px 0;
}

.btn-02 a:hover {
	text-decoration: none;
}

.btn-02 a .arw {
	width: 40px;
	position: relative;
	display: inline-block;
	margin-left: 15px;
	vertical-align: middle;
}

.btn-02 a .arw:before,
.btn-02 a .arw:after {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	margin: auto;
	content: "";
	vertical-align: middle;
}

.btn-02 a .arw:before {
	right: 20px;
	width: 28px;
	height: 1px;
	background: #000;
}

.btn-02 a .arw:after {
	right: 23px;
	width: 13px;
	height: 13px;
	border-top: 1px solid #000;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.btn-03 {
	width: 95%;
	margin: 0 auto;
	max-width: 770px;
	text-align: center;
}

.btn-03 a {
	position: relative;
	display: block;
	background: #d72f2f;
	color: #fff;
	text-decoration: none !important;
	font-size: 1.8rem;
	padding: 6px 0;
}

.btn-03 a .arw {
	width: 40px;
	position: relative;
	display: inline-block;
	margin-left: 15px;
	vertical-align: middle;
}

.btn-03 a .arw:before,
.btn-03 a .arw:after {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	margin: auto;
	content: "";
	vertical-align: middle;
}

.btn-03 a .arw:before {
	right: 20px;
	width: 28px;
	height: 1px;
	background: #fff;
}

.btn-03 a .arw:after {
	right: 23px;
	width: 13px;
	height: 13px;
	border-top: 1px solid #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.btn-04 {
	width: 100%;
	margin: 0 auto;
	max-width: 95%;
	text-align: center;
}

.btn-04 a {
	position: relative;
	display: block;
	background: #fff;
	color: #000;
	border: 3px solid #000;
	border-radius: 5px;
	text-decoration: none !important;
	font-size: 2.2rem;
	padding: 12px 0;
	font-weight: bold;
	letter-spacing: 1.6px;
}

.btn-04 a:after {
	font-family: "fontello";
	content: "\e804";
	font-size: 1.4rem;
	position: absolute;
	top: 50%;
	margin-top: -0.5em;
	line-height: 1.2;
	right: 10px;
	vertical-align: middle;
}

.btn-05 {
	text-align: center;
	margin-bottom: 25px;
}

.btn-05 a {
	max-width: 770px;
	margin: 30px auto;
	position: relative;
	display: block;
	background: #000;
	color: #fff;
	text-decoration: none !important;
	font-size: 1.8rem;
	padding: 6px 0;
	border: 2px solid #000;
}

.btn-05 a i {
	border: 1px solid #fff;
	color: #fff;
	width: 12px;
	height: 12px;
	line-height: 12px;
	padding: 3px;
	font-size: 10px;
	vertical-align: middle;
	display: inline-block;
	border-radius: 100%;
	text-align: center;
	box-sizing: content-box;
}

.btn-06 {
	text-align: center;
	margin-bottom: 25px;
}

.btn-06 a {
	position: relative;
	margin: auto;
	padding: 10px 20px;
	background-image: linear-gradient(to right, #232526 0%, #414345 51%, #232526 100%);
	color: #fff;
	border: 4px double #fff;
	width: 500px;
	padding-right: 30px;
	display: block;
}

.btn-06 a:hover,
.btn-06 a:focus {
	animation: pulse 1s;
	box-shadow: 0 0 0 2em rgba(#fff, 0);
	border-color: #f7da18;
	color: #f7da18;
}

.btn-06-x2 {
	display: flex;
	text-align: center;
	margin-bottom: 25px;
}

.btn-06-x2 a {
	position: relative;
	margin: auto;
	padding: 10px 20px;
	background-image: linear-gradient(to right, #232526 0%, #414345 51%, #232526 100%);
	color: #fff;
	border: 4px double #fff;
	width: 500px;
	padding-right: 30px;
	flex: 1;
	margin: 20px;
}

.btn-06-x2 a:hover,
.btn-06-x2 a:focus {
	animation: pulse 1s;
	box-shadow: 0 0 0 2em rgba(#fff, 0);
	border-color: #f7da18;
	color: #f7da18;
}

@keyframes pulse {
	0% {
		box-shadow: 0 0 0 0 var(--hover);
	}
}

.btn-06 a::after {
	content: "▶︎";
	position: absolute;
	right: 10px;
	font-size: 12px;
	top: 0;
	bottom: 0;
	margin: auto;
	height: 24px;
}

.btn-06-x2 a::after {
	content: "▶︎";
	position: absolute;
	right: 10px;
	font-size: 12px;
	top: 0;
	bottom: 0;
	margin: auto;
	height: 24px;
}

.btn-sub {
	margin: 0 auto;
	/*margin-left: 35%;*/
}

.btn-sub>* {
	cursor: pointer;
	width: 95%;
	margin: 0 auto;
	max-width: 453px;
	text-align: center;
	position: relative;
	display: block;
	background: #000;
	color: #fff;
	text-decoration: none !important;
	font-size: 2rem;
	padding: 22px 0;
	width: 95%;
	border: none;
}

/* 当選ページ */

.winning .h2-box {
	background: #000 url(../img/menu/bg.jpg) no-repeat top center;
}

.winning #sec-01.announce {
	background: #fff url(../img/winning/bg02.png) no-repeat top center;
}

.winning #sec-01 {
	margin-bottom: 5%;
}

.winning #sec-01 .bg-01 .bg-child {
	width: 75%;
	height: 80%;
	top: 9%;
	left: 25%;
}

.winning #sec-01 .btn-01 a i.icon-cart {
	display: inline-block;
	width: 20px;
	height: 18px;
	background: url(../img/common/ico-cart.png) no-repeat 50% 50%;
	vertical-align: text-bottom;
	margin-right: 15px;
}

.winning #sec-01 .bg-01 .tbl figure {
	width: 50%;
	text-align: center;
}

.winning #sec-01 ul.inline {
	margin-bottom: 35px;
	text-align: center;
}

.winning #sec-01 ul.inline li {
	text-align: center;
	padding: 0 28px;
}

.winning #sec-01 .btn-01 {
	max-width: 772px;
	margin-top: 35px;
}

.announce .main-title h3 {
	font-size: 54px;
	font-weight: bold;
	text-align: center;
	border-bottom: 1px solid grey;
	margin: auto;
	width: 90%;
}

.announce>article {
	width: 80%;
	margin: 50px auto;
}

.announce>article>div {
	margin-bottom: 40px;
}

.announce .gold .title h4 {
	color: #c5a600;
	font-size: 34px;
	font-weight: bold;
}

.announce .gold .numbers li {
	width: 19%;
	display: inline-block;
	font-size: 30px;
	font-weight: bold;
	line-height: 1.8;
}

.announce .silver .title h4 {
	color: #9e9e9e;
	font-size: 38px;
	font-weight: bold;
}

.announce .silver .numbers li {
	width: 16%;
	display: inline-block;
	font-size: 26px;
	font-weight: bold;
	line-height: 1.8;
}

.announce .bronze .title h4 {
	color: #d08545;
	font-size: 38px;
	font-weight: bold;
}

.announce .bronze .numbers li {
	width: 11%;
	display: inline-block;
	font-size: 22px;
	font-weight: bold;
	line-height: 1.8;
}

.announce .title h4 .ppl-count {
	font-size: 24px;
	margin-left: 40px;
}

.announce .others .title h4 {
	color: #0095ff;
	font-size: 30px;
	font-weight: bold;
}

.announce .others .other {
	display: inline-block;
	width: 49%;
}

.announce .others .numbers p {
	font-size: 22px;
	font-weight: bold;
}

@media screen and (max-width: 800px) and (min-width: 481px) {
	.announce .main-title h3 {
		font-size: 42px;
		font-weight: bold;
		text-align: center;
		border-bottom: 1px solid grey;
		margin: auto;
		width: 90%;
	}

	.announce>article {
		width: 80%;
		margin: 50px auto;
	}

	.announce>article>div {
		margin-bottom: 30px;
	}

	.announce .gold .title h4 {
		color: #c5a600;
		font-size: 30px;
		font-weight: bold;
	}

	.announce .gold .numbers li {
		width: 32%;
		display: inline-block;
		font-size: 30px;
		font-weight: bold;
		line-height: 1.8;
	}

	.announce .silver .title h4 {
		color: #9e9e9e;
		font-size: 30px;
		font-weight: bold;
	}

	.announce .silver .numbers li {
		width: 24%;
		display: inline-block;
		font-size: 26px;
		font-weight: bold;
		line-height: 1.8;
	}

	.announce .bronze .title h4 {
		color: #d08545;
		font-size: 30px;
		font-weight: bold;
	}

	.announce .bronze .numbers li {
		width: 18%;
		display: inline-block;
		font-size: 22px;
		font-weight: bold;
		line-height: 1.8;
	}

	.announce .title h4 .ppl-count {
		font-size: 24px;
		margin-left: 40px;
	}

	.announce .others .title h4 {
		color: #0095ff;
		font-size: 24px;
		font-weight: bold;
	}

	.announce .others .other {
		display: inline-block;
		width: 49%;
	}

	.announce .others .numbers p {
		font-size: 22px;
		font-weight: bold;
	}
}

@media screen and (min-width: 481px) {
	.winning.fate .h2-box {
		background: #000;
		padding-top: 60px;
		height: 400px;
	}

	.winning.fate .h2-box img {
		margin: auto;
	}

	.count-down.success {
		position: fixed;
		bottom: 20px;
		right: 90px;
		width: 100%;
		max-width: 386px;
		margin: 15px auto 0 auto;
		z-index: 10000;
		border: none;
		background: none;
	}

	.contact .wpcf7-form-control-wrap>div>div {
		margin: 0 auto 50px;
	}

	.fc .wpcf7-form-control-wrap>div>div {
		margin-left: 46%;
		display: block;
		padding-bottom: 150px;
	}
}

@media screen and (max-width: 480px) {
	.winning.fate .h2-box {
		background: #000;
		padding-top: 60px;
	}

	.wpcf7-form-control-wrap>div>div {
		margin: 0 auto 20px;
	}

	.count-down.success {
		position: fixed;
		bottom: 0px;
		width: 70%;
		margin: 15px 3% 0;
		z-index: 10000;
		border: none;
		background: none;
		right: 84px;
	}

	.announce .main-title h3 {
		font-size: 24px;
		font-weight: bold;
		text-align: center;
		border-bottom: 1px solid grey;
		margin: auto;
		width: 96%;
	}

	.announce>article {
		width: 96%;
		margin: 30px auto;
	}

	.announce>article>div {
		margin-bottom: 20px;
	}

	.announce .gold .title h4 {
		color: #c5a600;
		font-size: 20px;
		font-weight: bold;
	}

	.announce .gold .numbers li {
		width: 19%;
		display: inline-block;
		font-size: 20px;
		font-weight: bold;
		line-height: 1.8;
	}

	.announce .silver .title h4 {
		color: #9e9e9e;
		font-size: 20px;
		font-weight: bold;
	}

	.announce .silver .numbers li {
		width: 23%;
		display: inline-block;
		font-size: 16px;
		font-weight: bold;
		line-height: 1.8;
	}

	.announce .bronze .title h4 {
		color: #d08545;
		font-size: 20px;
		font-weight: bold;
	}

	.announce .bronze .numbers li {
		width: 18%;
		display: inline-block;
		font-size: 14px;
		font-weight: bold;
		line-height: 1.8;
	}

	.announce .title h4 .ppl-count {
		font-size: 16px;
		margin-left: 20px;
		display: inline-block;
	}

	.announce .others .title h4 {
		color: #0095ff;
		font-size: 14px;
		font-weight: bold;
	}

	.announce .others .other {
		display: inline-block;
		width: 49%;
	}

	.announce .others .numbers p {
		font-size: 14px;
		font-weight: bold;
	}
}

.blue-title {
	margin-right: 30px;
}

/*
------------------------------------------------------------------------------
layout - common(base)
------------------------------------------------------------------------------
---------------------------------------
wrapper
---------------------------------------
*/
#wrapper {
	width: 100%;
	margin: 0 auto;
	height: 100%;
	position: relative;
}

.inner-box {
	position: relative;
	max-width: 1180px;
	margin: 0 auto;
}

.inner-box2 {
	position: relative;
	max-width: 1040px;
	margin: 0 auto;
}

.sp {
	display: none;
}

.pc {
	display: block;
}

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

.page #wrapper>header {
	z-index: 1;
	position: fixed;
	top: 0;
	left: 0;
	background: transparent;
	width: 100%;
	height: 350px;
	transition: all 0.4s;
	background: #000;
	color: #fff;
}

#slide_menu,
.slide-menu {
	display: none;
}

.blog-list .search-box {
	padding: 0 0 40px 0;
	border-top: none;
	margin-top: 0;
}

.search-box {
	padding: 20px 0;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	margin: 25px auto;
}

.search-box .tbl {
	table-layout: fixed;
	text-align: center;
	padding: 0 10px;
}

.search-box .tbl>* {
	vertical-align: middle;
	padding: 0 15px 0 0;
	border-right: 1px solid #ccc;
}

.search-box .tbl>*:last-child {
	border-right: none;
}

.search-box #s {
	border-radius: 3em;
	font-size: 1.6rem;
	border: 2px solid #ccc;
	padding: 0.5em 1.5em;
}

.search-box select {
	font-size: 1.6rem;
	min-width: 25%;
	width: 90% !important;
	max-width: inherit !important;
	padding: 6px;
	box-sizing: content-box;
	border: 1px solid rgb(204, 204, 204);
	border-radius: 5px;
	background: #fff;
	border: 2px solid #ccc;
	box-shadow: none;
	margin: 0 5%;
}

.search-box .btn-sub>* {
	cursor: pointer;
	width: 95%;
	margin: 0 auto;
	max-width: 453px;
	text-align: center;
	position: relative;
	display: block;
	background: #000;
	color: #fff;
	text-decoration: none !important;
	font-size: 1.6rem;
	padding: 0.5em 0;
	width: 90%;
	border: none;
}

/*
---------------------------------------
nav
---------------------------------------
*/

.h-nav {
	position: absolute;
	width: 100%;
	height: auto;
	top: 15px;
	left: 0;
	z-index: 100000;
}

.h-nav .logo {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	font-size: 1.5rem;
	letter-spacing: 1.6px;
	font-weight: bold;
	z-index: 1;
}

.h-nav .logo a {
	color: #fff;
}

.h-nav .logo-top {
	position: absolute;
	top: 0;
	left: 0;
	color: #fff;
	font-size: 1.5rem;
	letter-spacing: 1.6px;
	font-weight: bold;
	z-index: 1;
}

.h-nav .logo img {
	vertical-align: middle;
	margin-right: 10px;
}

.h-nav ul {
	position: relative;
	text-align: right;
}

.h-nav ul.sns {
	margin-bottom: 10px;
}

.h-nav ul.menu {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	gap: 40px;
}

.h-nav ul li {
	display: inline-block;
}

.h-nav ul li.menu-btn-box {
	display: flex;
	gap: 25px;
	align-items: center;
	justify-content: flex-end;
	width: 264px;
	flex-shrink: 0;
}

.h-nav ul li a {
	display: inline-block;
	vertical-align: middle;
	width: 100%;
	height: 100%;
	text-align: center;
	color: #fff;
	position: relative;
}

.h-nav ul.sns li a {
	font-size: 2rem;
}

.h-nav ul.menu li a {
	font-size: 1.4rem;
	padding: 0;
	display: flex;
	justify-content: center;
	align-items: center;
}

.h-nav ul.menu li a.menu-btn {
	width: 120px;
	height: 36px;
	font-size: 1.3rem;
	font-weight: bold;
	flex-shrink: 0;
	gap: 8px;
	transition: all ease 0.5s;
}

.h-nav ul.menu li a.menu-btn.menu-btn-r {
	background: #f63838;
	color: #fff;
}

.h-nav ul.menu li a.menu-btn.menu-btn-r::after {
	content: "";
	width: 13px;
	height: 13px;
	background: url(../img/common/icon-arrow-right-wh.svg) no-repeat;
}

.h-nav ul.menu li a.menu-btn.menu-btn-y {
	background: #f7da18;
	color: #222222;
}

.h-nav ul.menu li a.menu-btn.menu-btn-y::after {
	content: "";
	width: 13px;
	height: 13px;
	background: url(../img/common/icon-arrow-right.svg) no-repeat;
	transition: all ease 0.5s;
}

.h-nav ul.menu li a.menu-btn:hover {
	background: #222;
	color: #fff;
}

.h-nav ul.menu li a.menu-btn:hover.menu-btn-y::after {
	background: url(../img/common/icon-arrow-right-wh.svg) no-repeat;
}

.h-nav ul li span:before {
	left: 0;
}

.h-nav ul li span {
	/* Underline From Left */
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	position: relative;
	overflow: hidden;
}

.h-nav ul li span:after {
	content: "";
	position: absolute;
	z-index: -1;
	left: 50%;
	right: 50%;
	bottom: 5px;
	background: #fff;
	height: 2px;
	-webkit-transition-property: left, right;
	transition-property: left, right;
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}

.h-nav ul li:hover span:after,
nav ul li:focus span:after,
nav ul li:active span:after {
	left: 0;
	right: 0;
}

.h-nav ul li.menu-btn-box span:after {
	content: none;
}

/*
---------------------------------------
footer
---------------------------------------
*/

footer {
	background: #fff;
	position: relative;
	z-index: 1;
	overflow: hidden;
	padding: 0 0 100px;
}

footer .inner-box {
	padding: 7.5% 0 2.5% 0;
	position: relative;
	z-index: 10;
}

footer .inner-box .copy {
	text-align: right;
	color: #fff;
	font-size: 1.3rem;
}

footer .tbl {
	table-layout: fixed;
}

footer .tbl .logo {
	width: 12%;
}

footer .tbl {
	padding: 25px 0 0 0;
}

footer .inner-box .logo {
	padding: 25px 0;
}

footer .tbl .box {
	vertical-align: bottom;
	padding-left: 40px;
}

footer .tbl .box ul:before {
	content: "";
	width: 84px;
	height: 100%;
	position: absolute;
	top: 0;
	left: 20px;
	background: url(../img/common/f-logo-02.png) no-repeat 50% 50%;
}

footer .tbl .box ul {
	padding: 20px 0 20px 144px;
	position: relative;
	border-top: 1px solid #929292;
	margin: 0 auto 10px auto;
}

footer .tbl .box ul li {
	width: 20%;
	font-size: 1.4rem;
}

footer .tbl .box ul li:before {
	content: "・";
	color: #fff;
}

footer .tbl .box ul li a {
	color: #fff !important;
}

footer .bg-01 {
	width: 220%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: #000;
	-webkit-transform-origin: left top;
	-ms-transform-origin: left top;
	transform-origin: left top;
	transform: rotate(10deg);
	z-index: 1;
}

footer .bg-02 {
	width: 150%;
	height: 100%;
	position: absolute;
	top: 0;
	right: -20%;
	background: #000;
	-webkit-transform-origin: right top;
	-ms-transform-origin: right top;
	transform-origin: right top;
	transform: rotate(-20deg);
	z-index: 1;
	overflow: hidden;
}

footer .bg-02:before {
	content: "";
	width: 200%;
	height: 200%;
	position: absolute;
	top: -100%;
	right: -100%;
	background: #000 url(../img/common/bg-seigaiha.png) repeat;
	transform: rotate(20deg);
}

footer .bg-03 {
	width: 200%;
	height: 100%;
	position: absolute;
	top: 30%;
	left: -30%;
	background: #000;
	-webkit-transform-origin: left top;
	-ms-transform-origin: left top;
	transform-origin: left top;
	transform: rotate(15deg);
	z-index: 1;
}

/*
---------------------------------------
countdown
---------------------------------------
*/

.count-down.changed {
	opacity: 0;
}

.count-down {
	position: fixed;
	bottom: 20px;
	right: 90px;
	width: 100%;
	max-width: 386px;
	margin: 15px auto 0 auto;
	border: 4px solid #d43228;
	border-radius: 5px;
	background: #d43228;
	z-index: 10000;
	opacity: 1;
}

.count-down .limit {
	font-size: 24px;
	color: #fff;
	padding: 0;
	text-indent: 1em;
	text-align: left;
	letter-spacing: 5px;
}

.count-down .limit span {
	font-size: 32px;
	margin-left: 3px;
	letter-spacing: 3px;
}

.count-down .cdt {
	position: relative;
	padding: 0;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	letter-spacing: 5px;
	line-height: 1.5;
	background: #fff url(../img/common/bg-seigaiha-05.png) repeat;
}

.count-down div .day,
.count-down div .hour,
.count-down div .sec,
.count-down div .min,
.count-down div .mili {
	font-size: 37px;
	margin-left: 5px;
	letter-spacing: 5px;
}

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

#pan {
	padding: 2px 0;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	margin-bottom: 35px;
}

#pan ul li,
#pan ul li a {
	line-height: 1.5;
	letter-spacing: 0;
	font-size: 1.4rem;
}

#pan ul li a:after {
	content: ">";
	margin: 0 5px;
}

#contents {
	font-size: 1.4rem;
	margin: 0 auto;
	position: relative;
}

.page #contents {
	background: #fff;
	position: relative;
	z-index: 1;
	padding-bottom: 1px;
}

.page.fc #contents {
	overflow: hidden;
}

.bg-01 {
	position: relative;
	transition: all 0.4s;
	box-sizing: border-box;
	padding: 0 0 30px 0;
	margin-bottom: 30px;
}

.bg-01 .bg-child {
	width: 62%;
	height: 90%;
	top: 60px;
	left: 110px;
	position: absolute;
	background: #fff url(../img/common/bg-01.png) repeat;
	z-index: 0;
}

.bg-01 * {
	position: relative;
	z-index: 1;
}

.bg-dot {
	position: relative;
}

.bg-dot>* {
	position: relative;
	z-index: 1;
}

.bg-dot:before {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: url(../img/common/bg-dot.gif);
}

.list,
.list-2 {
	margin: 10px auto 40px auto;
	border-bottom: 1px solid #ccc;
}

.list li {
	position: relative;
	transition: all 0.4s;
	box-sizing: border-box;
	padding: 25px 25px 25px 115px;
	border-top: 1px solid #ccc;
	background: #fff url(../img/common/ico-list-off.png) no-repeat 25px 50%;
}

.list-2 li {
	position: relative;
	transition: all 0.4s;
	box-sizing: border-box;
	padding: 15px 25px 15px 15px;
	border-top: 1px solid #ccc;
}

.list-2 li:before,
.list li:before {
	content: "\e801";
	font-family: "fontello";
	position: absolute;
	top: 50%;
	right: 1em;
	margin-top: -1em;
	font-style: normal;
	font-weight: normal;
	speak: none;
	display: inline-block;
	text-decoration: inherit;
	width: 1em;
	margin-right: 0.2em;
	text-align: center;
	font-variant: normal;
	text-transform: none;
	margin-left: 0.2em;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.list li.bl_box:hover {
	cursor: pointer;
	background: #f3f3f3 url(../img/common/ico-list-on.png) no-repeat 25px 50%;
}

.list li .h-07,
.list li p {
	float: left;
}

.list li .address {
	clear: both;
}

.ico-list img {
	vertical-align: middle;
	margin: 0 5px 0 10px;
}

.ico-list .ico-txt {
	vertical-align: -2px;
}

.list .ico-yaku,
.list-2 .ico-yaku {
	margin: 0 10px;
	font-size: 1.6rem;
}

.list-2 .ico-yaku {
	display: inline-block;
}

.list .ico-yaku span,
.list-2 .ico-yaku span {
	background: #000;
	color: #fff;
	text-align: center;
	padding: 0 15px;
	display: inline-block;
	vertical-align: middle;
}

.list .select2 span,
.list-2 .select2 span {
	background: #fb7c19;
}

.list .select1 span,
.list-2 .select1 span {
	background: #45a6e4;
}

.faq-box {
	margin-bottom: 60px;
}

.faq-box dt,
.faq-box dd {
	position: relative;
	padding-left: 55px;
}

.faq-box dt {
	font-weight: bold;
	font-size: 3rem;
	margin-bottom: 10px;
}

.faq-box dd {
	padding-bottom: 30px;
	margin-bottom: 35px;
	min-height: 65px;
	background: url(../img/common/line-01.png) repeat-x bottom;
}

.faq-box dt span,
.faq-box dd span {
	position: absolute;
	top: -10px;
	left: 0;
	font-weight: bold;
	font-size: 3.8rem;
	vertical-align: baseline;
}

.faq-box dt span {
	color: #a8a8a8;
}

.faq-box dd span {
	color: #da2626;
}

.inline>* {
	display: inline-block;
}

.inline>.block {
	display: block;
	margin-top: 1em;
}

#search h3 {
	position: absolute;
	top: 2rem;
	left: 0px;
	width: 100%;
	padding-left: 40%;
}

#search .fL {
	width: 40%;
	position: relative;
	max-width: 562px;
}

#search .fc {
	display: table;
	width: 169px;
	height: 170px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100;
}

#search .fc>* {
	width: 100%;
	height: 100%;
	display: table-cell;
	vertical-align: middle;
}

#search .fc:before {
	background: url(../img/fc/bg-badge-01.png) no-repeat center center;
	background-size: contain !important;
}

#search .fR {
	width: 60%;
	padding: 0 28px;
	margin-top: 9.5rem;
}

#search div.fR div.fL {
	width: 33.3333%;
}

#search div.fR>p {
	margin: 0 28px 5px 28px;
	padding: 5px 10px;
}

#search div.fR>ul.inline {
	margin: 0 28px 25px 28px;
	border-top: 1px solid #ccc;
	padding: 10px 10px 5px 10px;
}

#search div.fR>ul.inline li {
	font-size: 1.5rem;
	margin-right: 15px;
}

#search div.fR>ul.inline li img {
	vertical-align: middle;
	margin-right: 7px;
}

#search div.fR dl {
	width: 100%;
	box-sizing: border-box;
	padding: 0 30px;
	margin: 0 0 30px 0;
}

#search .fR dl dt {
	background: #000;
	color: #fff;
	text-align: center;
	font-size: 1.6rem;
	line-height: 1.8;
	border-radius: 3em;
	position: relative;
	margin-bottom: 7px;
}

#search .fR dl dt:before {
	content: "";
	position: absolute;
	bottom: -7px;
	left: 50%;
	margin-left: -5.5px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 7px 5.5px 0 5.5px;
	border-color: #000000 transparent transparent transparent;
}

#search .fR dl dt a {
	color: #fff;
	text-decoration: none;
	border-radius: 3em;
}

#search .fR dl dd {
	padding: 6px;
}

#search .fR dl dd ul li {
	font-size: 1.6rem;
	line-height: 1.8;
	text-align: center;
	border-bottom: 1px solid #000;
}

#search .fR dl dd ul li i {
	display: block;
	margin: 10px auto 0 auto;
}

#search .fR dl dd ul li a {
	display: block;
	position: relative;
	text-decoration: none;
	padding: 6px 0;
}

#search .fR dl dd ul li a:hover {
	background: #f7da18;
	color: #fff;
}

#search .fL dl dd ul .newzealand a i {
	padding-top: 20px;
}

/*--アニメーション--*/
.load,
.load2 {
	position: relative;
}

.load>*,
.load2>* {
	position: relative;
	z-index: 1;
}

.load:before,
.load2:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-webkit-animation: spin 5s linear infinite;
	-moz-animation: spin 5s linear infinite;
	-ms-animation: spin 5s linear infinite;
	-o-animation: spin 5s linear infinite;
	animation: spin 5s linear infinite;
}

.load:hover:before {
	-webkit-animation: spin-stop 5s linear infinite;
	-moz-animation: spin-stop 5s linear infinite;
	-ms-animation: spin-stop 5s linear infinite;
	-o-animation: spin-stop 5s linear infinite;
	animation: spin-stop 5s linear infinite;
}

@-webkit-keyframes spin {
	0% {
		-webkit-transform: rotate(0deg);
	}

	100% {
		-webkit-transform: rotate(360deg);
	}
}

@-moz-keyframes spin {
	0% {
		-moz-transform: rotate(0deg);
	}

	100% {
		-moz-transform: rotate(360deg);
	}
}

@-ms-keyframes spin {
	0% {
		-ms-transform: rotate(0deg);
	}

	100% {
		-ms-transform: rotate(360deg);
	}
}

@-o-keyframes spin {
	0% {
		-o-transform: rotate(0deg);
	}

	100% {
		-o-transform: rotate(360deg);
	}
}

@keyframes spin-stop {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}

@-webkit-keyframes spin-stop {
	0% {
		-webkit-transform: rotate(0deg);
	}

	100% {
		-webkit-transform: rotate(0deg);
	}
}

@-moz-keyframes spin-stop {
	0% {
		-moz-transform: rotate(0deg);
	}

	100% {
		-moz-transform: rotate(0deg);
	}
}

@-ms-keyframes spin-stop {
	0% {
		-ms-transform: rotate(0deg);
	}

	100% {
		-ms-transform: rotate(0deg);
	}
}

@-o-keyframes spin-stop {
	0% {
		-o-transform: rotate(0deg);
	}

	100% {
		-o-transform: rotate(0deg);
	}
}

@keyframes spin-stop {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(0deg);
	}
}

/*
---------------------------------------
slick
---------------------------------------
*/
/* Slider */
.slick-slider {
	position: relative;
	display: block;
	box-sizing: border-box;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-touch-callout: none;
	-khtml-user-select: none;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent;
}

.slick-slider * {
	outline: none;
}

.slick-list {
	position: relative;
	display: block;
	overflow: hidden;
	margin: 0;
	padding: 0;
}

.slick-list:focus {
	outline: none;
}

.slick-list.dragging {
	cursor: pointer;
	cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.slick-track {
	position: relative;
	top: 0;
	left: 0;
	display: block;
}

.slick-track:before,
.slick-track:after {
	display: table;
	content: "";
}

.slick-track:after {
	clear: both;
}

.slick-loading .slick-track {
	visibility: hidden;
}

.slick-slide {
	display: none;
	float: left;
	height: 100%;
	min-height: 1px;
}

[dir="rtl"] .slick-slide {
	float: right;
}

.slick-slide img {
	display: block;
	width: 100%;
}

.slick-slide img.new {
	width: 63px;
}

.slick-slide.slick-loading img {
	display: none;
}

.slick-slide.dragging img {
	pointer-events: none;
}

.slick-initialized .slick-slide {
	display: block;
}

.slick-loading .slick-slide {
	visibility: hidden;
}

.slick-vertical .slick-slide {
	display: block;
	height: auto;
	border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
	display: none;
}

.slick-arrow {
	width: 22px;
	height: 36px;
	position: absolute;
	top: 0;
	border: none;
	cursor: pointer;
	text-indent: -9999px;
	outline: none;
	z-index: 100;
}

.slick-prev {
	left: 0;
	background: none;
}

.slick-next {
	right: 0;
	background: none;
}

/* Slider */
.slick-loading .slick-list {
	background: #fff url("./ajax-loader.gif") center center no-repeat;
}

/* Icons */
@font-face {
	font-family: "slick";
	font-weight: normal;
	font-style: normal;
	src: url("./fonts/slick.eot");
	src: url("./fonts/slick.eot?#iefix") format("embedded-opentype"), url("./fonts/slick.woff") format("woff"), url("./fonts/slick.ttf") format("truetype"), url("./fonts/slick.svg#slick") format("svg");
}

/* Arrows */
.slick-prev,
.slick-next {
	font-size: 0;
	line-height: 0;
	position: absolute;
	top: 50%;
	display: block;
	width: 20px;
	height: 20px;
	padding: 0;
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
	cursor: pointer;
	color: #ccc;
	border: none;
	outline: none;
	text-indent: 0;
	width: 40px;
	height: 100%;
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
	outline: none;
}

.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
	opacity: 1;
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
	opacity: 0.25;
}

.slick-prev:before,
.slick-next:before {
	font-family: "fontello";
	font-size: 20px;
	line-height: 1;
	opacity: 0.75;
	font-size: 62px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	position: absolute;
	top: 50%;
	margin-top: -0.5em;
}

.slick-prev {
	left: -35px;
}

[dir="rtl"] .slick-prev {
	right: -35px;
	left: auto;
}

.slick-prev:before {
	left: 0;
	content: "\e802";
}

[dir="rtl"] .slick-prev:before {
	content: "\e801";
}

.slick-next {
	right: -35px;
}

[dir="rtl"] .slick-next {
	right: auto;
	left: -35px;
}

.slick-next:before {
	right: 0;
	content: "\e801";
}

[dir="rtl"] .slick-next:before {
	content: "\e802";
}

/* Dots */
.slick-dotted.slick-slider {
	margin-bottom: 30px;
}

.slick-dots {
	position: absolute;
	bottom: -25px;
	display: block;
	width: 100%;
	padding: 0;
	margin: 0;
	list-style: none;
	text-align: center;
}

.slick-dots li {
	position: relative;
	display: inline-block;
	width: 20px;
	height: 20px;
	margin: 0;
	padding: 0;
	cursor: pointer;
}

.slick-dots li button {
	font-size: 0;
	line-height: 0;
	display: block;
	width: 20px;
	height: 20px;
	padding: 5px;
	cursor: pointer;
	color: transparent;
	border: 0;
	outline: none;
	background: transparent;
}

.slick-dots li button:hover,
.slick-dots li button:focus {
	outline: none;
}

.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
	opacity: 1;
}

.slick-dots li button:before {
	font-family: "slick";
	font-size: 6px;
	line-height: 20px;
	position: absolute;
	top: 0;
	left: 0;
	width: 20px;
	height: 20px;
	content: "•";
	text-align: center;
	opacity: 0.25;
	color: black;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color: transparent;
}

.slick-dots li.slick-active button:before {
	opacity: 0.75;
	color: black;
	color: transparent;
}

.slider-img,
.thumb-img {
	float: left;
	padding: 5px;
}

.thumb-img img {
	width: 100%;
}

#pageTop {
	position: fixed;
	bottom: 20px;
	right: 20px;
	z-index: 99999;
}

.delivery-ttl {
	margin: 10px 0 35px;
}

/*
---------------------------------------
1500px以上
---------------------------------------
*/
@media screen and (min-width: 1200px) {
	/*--ここから記述--*/

	/*--トップページ追従バナー--*/
	.footer-logos {
		position: fixed;
		z-index: 9999;
		bottom: 140px;
		right: 0px;
	}

	.footer-logos .shop_logo a img,
	.footer-logos .fc_logo a img {
		width: 130px;
		height: auto;
	}

	/*--ここまで--*/
}

@media screen and (max-width: 1199px) {
	.footer-logos {
		display: none !important;
	}
}

/*--宝くじカウントダウン時--*/
#pageTop {
	bottom: 70px;
	right: 20px;
}

/*--ここまで--*/
#pageTop a {
	display: block;
	z-index: 99999;
	padding: 7px 0 0 2px;
	border-radius: 30px;
	width: 55px;
	height: 55px;
	border: 2px solid #fff;
	background-color: #000;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
}

#pageTop a:hover {
	text-decoration: none;
	opacity: 0.7;
}

#pageTop i {
	top: -2px;
	position: relative;
}

/*
---------------------------------------
1080px以下
---------------------------------------
*/
@media screen and (max-width: 1080px) {
	/*--ここから記述--*/

	.br-sp {
		display: block !important;
	}

	.sp {
		display: block;
	}

	.pc {
		display: none;
	}

	.h-nav ul {
		display: none !important;
	}

	.h-nav .logo {
		position: relative;
		padding: 5%;
	}

	.inner-box,
	.inner-box2 {
		max-width: 95%;
	}

	.slick-slider {
		padding: 0 40px;
	}

	.slick-next {
		right: 0;
	}

	.slick-prev {
		left: 0;
	}

	.btn-06 a {
		width: 80%;
	}

	.btn-06-x2 {
		margin: 10px;
	}

	.btn-06-x2 a {
		margin: 5px;
	}

	/*
-------------------
カラム落ち&ハンバーガーメニュー設定
-------------------
*/
	#wrapper>.slide-menu>* {
		top: 2px;
		position: relative;
	}

	.slide-menu {
		display: block;
		text-align: center;
		color: #fff;
		font-size: 3rem;
		position: fixed;
		top: 20px;
		right: 5%;
		background: #000;
		width: 70px;
		height: 70px;
		display: block;
		padding: 10px;
		border-radius: 100%;
		vertical-align: middle;
		cursor: pointer;
		z-index: 100000;
	}

	.slide-menu i {
		display: table;
		width: 100%;
		height: 100%;
		line-height: 100%;
	}

	.slide-menu i:before {
		display: table-cell;
		vertical-align: middle;
		width: 100%;
		height: 100%;
		line-height: 100%;
	}

	.active .slide-menu {
		border-color: #fff;
	}

	.slide-menu span {
		-webkit-transition: all 0.25s ease;
		-moz-transition: all 0.25s ease;
		-ms-transition: all 0.25s ease;
		-o-transition: all 0.25s ease;
		transition: all 0.25s ease;
		-webkit-transform-origin: 50% 50%;
		-moz-transform-origin: 50% 50%;
		-ms-transform-origin: 50% 50%;
		-o-transform-origin: 50% 50%;
		transform-origin: 50% 50%;
		display: block;
		margin: 7px auto;
		height: 2px;
		background: #fff;
		transition: all 0.4s;
		color: #fff;
		border-radius: 100px;
		max-width: 34px;
	}

	.open .slide-menu .menu-top {
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		transform: rotate(45deg);
		top: 9px;
		position: relative;
	}

	.open .slide-menu .menu-mdl {
		-webkit-transform: scale(0) translateY(7px);
		-moz-transform: scale(0) translateY(7px);
		-ms-transform: scale(0) translateY(7px);
		-o-transform: scale(0) translateY(7px);
		transform: scale(0) translateY(7px);
	}

	.open .slide-menu .menu-btm {
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		-o-transform: rotate(-45deg);
		transform: rotate(-45deg);
		bottom: 9px;
		position: relative;
	}

	.slide-menu span.menu {
		font-size: 0.9rem;
		text-align: center;
		line-height: 1.1;
		background: none;
	}

	.open #wrapper>.slide-menu,
	.open .slide-menu p {
		display: none;
	}

	#wrapper>.fixed {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		z-index: 10000;
		box-shadow: 0 0 5px 0px rgba(0, 0, 0, 0.1);
	}

	.loading {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 10000;
		background: #fff;
	}

	/*--slidemenu--*/
	#slide_menu>.slide-menu {
		display: none;
	}

	.open #slide_menu>.slide-menu {
		position: absolute;
		padding: 0;
		top: 10%;
		top: 2.5%;
		right: 0;
		display: block;
	}

	.open #slide_menu {
		z-index: 100000;
	}

	#slide_menu {
		display: block;
		position: fixed;
		top: 0;
		right: -80%;
		width: 80%;
		height: 100%;
		overflow-y: auto;
		padding: 0 0 10px 0;
		background: #000;
		color: #fff;
	}

	#slide_menu .logo {
		padding: 5%;
	}

	#slide_menu .logo img {
		vertical-align: middle;
		margin-right: 10px;
		width: 37px;
	}

	#slide_menu .logo a {
		color: #fff;
		font-size: 1.5rem;
		letter-spacing: 6px;
		font-weight: bold;
	}

	#slide_menu .slide-menu-btn-box {
		width: 100%;
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 10px;
		justify-content: center;
		padding: 0 3%;
		position: relative;
		z-index: 999999;
		margin-top: 15px;
	}

	#slide_menu a.menu-btn {
		width: 100%;
		height: 50px;
		font-size: 1.5rem;
		font-weight: bold;
		flex-shrink: 0;
		gap: 11px;
		transition: all ease 0.5s;
		padding: 0;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	#slide_menu a.menu-btn.menu-btn-r {
		background: #f63838;
		color: #fff;
	}

	#slide_menu a.menu-btn.menu-btn-r::after {
		content: "";
		width: 13px;
		height: 13px;
		background: url(../img/common/icon-arrow-right-wh.svg) no-repeat;
	}

	#slide_menu a.menu-btn.menu-btn-y {
		background: #f7da18;
		color: #222222;
	}

	#slide_menu a.menu-btn.menu-btn-y::after {
		content: "";
		width: 13px;
		height: 13px;
		background: url(../img/common/icon-arrow-right.svg) no-repeat;
		transition: all ease 0.5s;
	}

	#slide_menu .menu {
		margin-bottom: 20px;
	}

	#slide_menu .menu li {
		border-bottom: 1px solid #fff;
	}

	#slide_menu .menu li a {
		padding: 5%;
		display: block;
		font-size: 1.6rem;
		position: relative;
		color: #fff;
		line-height: 1.4;
	}

	#slide_menu .menu li a:before {
		content: "";
		width: 3px;
		height: 2em;
		background: #fff;
		display: inline-block;
		vertical-align: middle;
		margin-right: 5px;
		position: relative;
		left: -5px;
	}

	#slide_menu .menu li a:after {
		content: "";
		display: inline-block;
		vertical-align: middle;
		margin-right: 10px;
		width: 21px;
		height: 21px;
		padding: 0;
		line-height: 1em;
		border: none;
		border-radius: 100%;
		text-align: center;
		font-size: 1rem;
		position: absolute;
		top: 50%;
		right: 5%;
		margin-right: -1em;
		margin-top: -1em;
		background: url(../img/common/icon-circle-right-wh.svg) no-repeat;
	}

	[x-cloak] {
		display: none !important;
	}

	#slide_menu .menu li a.is-heading::after {
		background: url(../img/common/icon-circle-plus-wh.svg) no-repeat;
	}

	#slide_menu .menu li .acc-box.is-open a.is-heading::after {
		background: url(../img/common/icon-circle-minus-wh.svg) no-repeat;
	}

	#slide_menu .menu li .acc-box.is-open a.is-child:first-of-type {
		border-top: 1px solid #fff;
	}

	#slide_menu .menu li .acc-box.is-open a.is-child {
		border-bottom: 1px solid #fff;
	}

	#slide_menu .menu li .acc-box.is-open a.is-child:last-of-type {
		border-bottom: none;
	}

	#slide_menu .menu li a.is-child::before {
		opacity: 0;
		width: 12px;
	}

	#slide_menu .sns {
		padding: 0 5%;
		text-align: right;
	}

	#slide_menu .sns a {
		display: inline-block;
		padding: 5px;
		font-size: 2.5rem;
		color: #fff;
	}

	.layer {
		position: fixed;
		top: 0;
		right: 0;
		z-index: 9998;
		display: none;
		width: 100%;
		height: 100%;
		background: rgba(255, 255, 255, 0);
	}

	body.open {
		overflow: hidden;
	}

	/*--search--*/
	#search h3 {
		position: relative;
		top: 0;
		left: 0px;
		width: 100%;
		padding-left: 0;
		margin-bottom: 1em;
	}

	#search div.fR div.fL {
		width: 50%;
	}

	#search .fc {
		width: 35%;
		max-width: 169px;
	}

	#search .inner-box>.clearfix>.fL {
		width: 100%;
		position: relative;
		max-width: 562px;
		float: none !important;
		margin: 0 auto;
	}

	#search .clearfix>.fR {
		width: 100%;
		padding: 0;
		margin: 0 auto;
		float: none !important;
	}

	.h-09 {
		font-size: 4.6rem;
	}

	.h-10 {
		font-size: 7rem;
	}

	/*--ここまで--*/
}

@media screen and (min-width: 767px) {
	.shop-list .mainimg {
		display: block;
		margin: 0 auto 80px;
		width: 740px;
	}

	a.totakeout {
		color: #f73030;
		font-size: 24px;
		font-weight: bold;
		border: 3px solid #f73030;
		padding: 16px;
		display: block;
		margin: 0 auto 60px;
		width: 500px;
		text-align: center;
	}

	.popup {
		position: fixed;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		z-index: 9999999;
		transition: 0.6s;
		opacity: 0;
		visibility: hidden;
		transform: translateY(40px);
		transition: all 2s;
	}

	.popup.is-show {
		opacity: 1;
		visibility: visible;
		transform: translateY(0px);
	}

	.popup-inner {
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);
		width: 80%;
		padding: 50px;
		z-index: 2;
	}

	.popup-inner img {
		width: 100%;
	}

	.close-btn {
		position: absolute;
		right: 0;
		top: 0;
		width: 50px;
		height: 50px;
		line-height: 50px;
		text-align: center;
		cursor: pointer;
	}

	.close-btn i {
		font-size: 20px;
		color: #333;
	}

	.close-btn i.fa-times:before {
		color: #000;
		font-size: 2.8rem;
	}

	span.close-btn-ico {
		background: url(https://www.kajiken.biz/wp/wp-content/themes/ecco/img/common/times-solid.svg);
		background-repeat: no-repeat;
		background-size: 20px;
		width: 20px;
		height: 28px;
		position: absolute;
		right: 0;
		top: 0;
	}

	.black-background {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background-color: rgba(214, 214, 214, 0.8);
		z-index: 1;
		cursor: pointer;
	}
}

/*
---------------------------------------
768px以下(タブレットサイズ)
---------------------------------------
*/
@media screen and (max-width: 768px) {
	.shop-list .mainimg {
		display: block;
		margin: 0 auto 40px;
		width: 90%;
	}

	a.totakeout {
		color: #f73030;
		font-size: 16px;
		font-weight: bold;
		border: 3px solid #f73030;
		padding: 10px;
		display: block;
		margin: 0 auto 40px;
		width: 90%;
		text-align: center;
	}

	.popup {
		position: fixed;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		z-index: 9999999;
		transition: 0.6s;
		opacity: 0;
		visibility: hidden;
		transform: translateY(40px);
		transition: all 2s;
	}

	.popup.is-show {
		opacity: 1;
		visibility: visible;
		transform: translateY(0px);
	}

	.popup-inner {
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);
		width: 80%;
		z-index: 2;
	}

	.popup-inner img {
		width: 100%;
	}

	.close-btn {
		position: absolute;
		right: -10px;
		top: -60px;
		width: 32px;
		height: 50px;
		line-height: 50px;
		text-align: center;
		cursor: pointer;
		background: url(https://www.kajiken.biz/wp/wp-content/themes/ecco/img/common/times-solid.svg);
		background-repeat: no-repeat;
	}

	.close-btn i {
		font-size: 20px;
		color: #333;
	}

	.close-btn i.fa-times:before {
		color: #000;
		font-size: 3.8rem;
	}

	.black-background {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background-color: rgba(214, 214, 214, 0.8);
		z-index: 1;
		cursor: pointer;
	}

	.tbl-02 {
		width: 100%;
		margin: 0 auto 5% auto;
		display: block;
	}

	/*--ここから記述--*/

	/*--count-down--*/
	.count-down {
		right: 20px;
	}

	.count-down .table {
		display: table;
		width: 100%;
	}

	.count-down .cdt {
		font-size: 12px;
		letter-spacing: 2px;
		display: table-cell;
		vertical-align: middle;
		width: 60%;
	}

	.count-down div .day,
	.count-down div .hour,
	.count-down div .sec,
	.count-down div .min,
	.count-down div .mili {
		font-size: 22px;
		margin-left: 5px;
		letter-spacing: 2px;
	}

	.count-down .limit {
		font-size: 12px;
		text-indent: 0;
		text-align: center;
		letter-spacing: 2px;
		display: table-cell;
		vertical-align: middle;
		width: 40%;
		line-height: 1.5;
		padding: 5px 0;
	}

	/*--bnr--*/
	.fc-bnr figure,
	.bnr-box figure {
		width: 30%;
	}

	.shop-bnr figure img {
		margin-top: 10px;
		margin-bottom: 0px;
	}

	.shop-bnr dl dd {
		padding-left: 0;
	}

	.shop-bnr dl dd:before {
		width: 0;
		height: 0;
	}

	.menu-bnr figure img {
		margin-top: 10px;
		margin-bottom: 0px;
	}

	.menu-bnr dl dd {
		padding-left: 0;
	}

	.menu-bnr dl dd br {
		display: none;
	}

	.menu-bnr dl dd:before {
		width: 0;
		height: 0;
	}

	#search .fR {
		margin-top: 2rem;
	}

	#search div.fR dl {
		padding: 0 15px;
	}

	/*--footer--*/
	footer .bg-02:before {
		background-size: 225px auto !important;
	}

	footer .inner-box {
		max-width: 100%;
	}

	footer .tbl,
	footer .tbl>* {
		display: block;
	}

	footer .inner-box .logo {
		width: 100%;
		text-align: center;
	}

	footer .inner-box .logo img {
		max-width: 25%;
	}

	footer .tbl .box ul {
		padding: 0;
	}

	footer .tbl .box {
		padding-left: 0;
	}

	footer .tbl .box ul:before {
		width: 1px;
		height: 100%;
		left: 50%;
		top: 0;
		background: #929292;
	}

	footer .tbl .box ul li {
		width: 50%;
		border-bottom: 1px solid #929292;
	}

	footer .tbl .box ul li:before {
		display: none;
	}

	footer .tbl .box ul li a:before {
		font-family: "fontello";
		content: "\e801";
		display: inline-block;
		vertical-align: middle;
		margin-right: 10px;
		width: 1em;
		height: 1em;
		padding: 5px 3px 5px 7px;
		line-height: 1em;
		border: 1px solid #929292;
		border-radius: 100%;
		text-align: center;
		font-size: 1rem;
	}

	footer .tbl .box ul li a {
		display: block;
		padding: 10px;
	}

	.h-02 {
		font-size: 5vw;
	}

	.h-04 {
		font-size: 13vw;
		letter-spacing: 4px;
	}

	.h-10 {
		font-size: 7vw;
		letter-spacing: inherit;
	}

	.list li .h-07 span {
		display: block;
	}

	.ico-list {
		clear: left;
	}

	.ico-list img {
		vertical-align: middle;
		margin: 0 5px 0 10px;
	}

	.ico-list .ico-txt {
		vertical-align: middle;
	}

	.search-box .tbl {
		display: block;
		width: 100%;
	}

	.search-box .key {
		float: left;
		width: 100%;
		padding: 10px 10px !important;
		box-sizing: border-box;
	}

	.search-box .cat {
		float: left;
		width: 50%;
		padding: 10px 5px !important;
		box-sizing: border-box;
	}

	.search-box .btn-sub {
		clear: left;
		width: 100%;
		padding: 0 15px;
		box-sizing: border-box;
		display: block;
		margin-left: 0;
	}

	.search-box .btn-sub>* {
		font-size: 2rem;
		padding: 0.7em 0px;
	}

	.search-box .tbl>* {
		border-right: none;
	}

	.blog-bnr {
		display: block;
	}

	.blog-bnr>* {
		display: block;
		width: 100%;
	}

	.blog-bnr {
		padding: 30px 20px 20px 20px;
	}

	.blog-bnr .coupon:before {
		width: 116%;
		height: 2px;
		top: 0;
		left: -8%;
		transform: rotate(-5deg);
		display: none;
	}

	.blog-bnr .coupon {
		padding: 30px 10% 0 10%;
		margin-top: 30px;
		width: 100%;
		background: #000;
		padding: 20px 10px;
	}

	/*--ここまで--*/
}

/*
---------------------------------------
480px以下
---------------------------------------
*/
@media screen and (max-width: 480px) {
	/*--ここから記述--*/

	html,
	body {
		font-size: 50%;
		font-size: 8px\0;
	}

	.h-nav .logo {
		width: 50%;
	}

	#contents .tbl,
	#contents .tbl>* {
		display: block;
	}

	figure img.new {
		width: 31px;
	}

	/*--pickup--*/
	.pick-slide figure img.new {
		width: 63px;
		top: 0;
		left: 0;
	}

	/*--header--*/

	/*--footer--*/

	/*--font-size--*/
	.h-01 {
		font-size: 5.8vw;
		letter-spacing: 8px;
		white-space: nowrap;
	}

	.h-02 {
		letter-spacing: 7.5px;
	}

	.h-02 span {
		font-size: 1.2rem;
	}

	.h-04 {}

	.h-09 {
		font-size: 3.6rem;
	}

	.ico-red::after {
		width: 26.5px;
		height: auto;
		aspect-ratio: 53 / 50;
		background-size: contain;
	}

	/*--count-down--*/
	.count-down {
		position: fixed;
		bottom: 20px;
		right: 0;
	}

	/*--contents--*/

	#search .inner-box>.clearfix>.fL {
		display: none;
	}

	#search div.fR {
		width: 100%;
		max-width: 500px;
		margin: 0 auto;
	}

	#search div.fR div.fL {
		width: 100%;
	}

	#search .fR {
		padding: 0;
	}

	#search div.fR>p,
	#search div.fR>ul.inline {
		margin-left: 0;
		margin-right: 0;
	}

	#search div.fR dl {
		padding: 0 0;
	}

	#search div.fR>ul.inline li {
		font-size: 1.5rem;
		margin-right: 15px;
		display: block;
		margin: 0 0 10px 0;
	}

	.bg-01 .bg-child,
	.bg-02 .bg-child {
		top: 10%;
		background-size: 24px auto;
	}

	.bg-01 .bg-child {
		width: 82.5%;
		left: 15%;
	}

	.faq-box dt {
		font-size: 2.4rem;
		margin-bottom: 10px;
	}

	.faq-box dt span,
	.faq-box dd span {
		font-size: 2.8rem;
		top: -5px;
	}

	.faq-box dt,
	.faq-box dd {
		padding-left: 35px;
		line-height: 1.5;
	}

	/*--list--*/
	.list li,
	.list li.bl_box:hover {
		background-size: 32px auto !important;
		padding-left: 65px;
		background-position: 15px 50%;
	}

	.list li:before {
		right: 0;
		font-size: 4rem;
		margin-right: 0;
	}

	.list .ico-yaku,
	.list-2 .ico-yaku {
		margin: 0 0 5px 0;
		font-size: 1.6rem;
		float: none;
	}

	.list li .address {
		padding-top: 0.5em;
		font-size: 1.6rem;
	}

	.list li .h-07,
	.list li p {
		line-height: 1.5;
	}

	/*--table--*/

	.tbl-01 tr,
	.tbl-01 th,
	.tbl-01 td,
	.tbl-02 tr,
	.tbl-02 th,
	.tbl-02 td,
	.tbl-03 tr,
	.tbl-03 th,
	.tbl-03 td {
		display: block;
		width: 100%;
		box-sizing: border-box;
		text-align: left;
	}

	.tbl-02 td {
		font-size: 1.8rem;
		border-bottom: 1px solid #ccc;
		padding-bottom: 24px;
	}

	.tbl-03 th {
		border-bottom: 0;
		padding-bottom: 5px;
	}

	.tbl-03 td {
		border-top: 0;
		padding-top: 5px;
	}

	/*--btn--*/
	.btn-sub {
		margin-left: auto;
	}

	.btn-01 i.arw {
		display: none;
	}

	/*--bnr--*/
	.menu-bnr .box {
		width: 100%;
	}

	.minori-bnr figure {
		width: 100%;
	}

	.minori-bnr dl dd br {
		display: none;
	}

	.fc-bnr figure {
		position: relative;
		top: 10px;
		left: 0;
		width: 95%;
		max-height: inherit;
		margin: 0 auto;
	}

	.fc-bnr figure img {
		width: 100%;
	}

	.fc-bnr .box {
		width: 100%;
	}

	.bnr-box,
	.bnr-box>* {
		display: block;
	}

	.bnr-box>* {
		width: 100%;
	}

	.fc-bnr dl dd {
		padding-left: 52px;
	}

	.fc-bnr dl dd:before {
		width: 42px;
		height: 42px;
		background-size: contain !important;
	}

	.bg-shop-bnr:before {
		background-size: 225px auto;
	}

	.shop-bnr figure {
		width: 100%;
	}

	.shop-bnr figure img {
		margin-top: -15px;
	}

	.shop-bnr .box {
		width: 100%;
	}

	.shop-bnr dl dd {
		padding-left: 46px;
	}

	.shop-bnr dl dd:before {
		width: 36px;
		height: 36px;
		background-size: contain !important;
	}

	.menu-bnr figure {
		width: 100%;
	}

	.menu-bnr figure img {
		margin-top: -15px;
	}

	.menu-bnr dl dd {
		padding-left: 46px;
	}

	.menu-bnr dl dd:before {
		width: 36px;
		height: 36px;
		background-size: contain !important;
	}

	/*--slider--*/
	.slider-nav {
		display: none;
	}

	.slick-slider {
		padding: 0 20px;
	}

	.slick-prev,
	.slick-next {
		width: 20px;
	}

	.slick-prev:before,
	.slick-next:before {
		font-size: 31px;
	}

	/*--search-box--*/
	.search-box .tbl>* {
		vertical-align: middle;
		padding: 10px 0;
		border-right: none;
	}

	.search-box .tbl>*>* {
		width: 100%;
		max-width: 100%;
		margin: 0 auto;
	}

	.top #wrapper>header {
		height: 350px;
	}

	/*--count-down--*/
	.count-down .limit {
		width: 30%;
	}

	.count-down .cdt {
		width: 70%;
	}

	/*--ここまで--*/
}

@media screen and (max-width: 320px) {
	/*ここから記述*/

	/*--ここまで--*/
}

/* Hover.css (http://ianlunn.github.io/Hover/) Version: 2.2.0 Author: Ian Lunn @IanLunn Author URL: http://ianlunn.co.uk/ Github: https://github.com/IanLunn/Hover Hover.css Copyright Ian Lunn 2017. Generated with Sass.
 */
/* Rotate */
.hvr-rotate {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: transform;
	transition-property: transform;
}

.hvr-rotate:hover,
.hvr-rotate:focus,
.hvr-rotate:active {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}

/* Grow Rotate */
.hvr-grow-rotate {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: transform;
	transition-property: transform;
}

.hvr-grow-rotate:hover,
.hvr-grow-rotate:focus,
.hvr-grow-rotate:active {
	-webkit-transform: scale(1.1) rotate(45deg);
	transform: scale(1.1) rotate(45deg);
}

/* Buzz */
@-webkit-keyframes buzz {
	50% {
		-webkit-transform: translateX(3px) rotate(2deg);
		transform: translateX(3px) rotate(2deg);
	}

	100% {
		-webkit-transform: translateX(-3px) rotate(-2deg);
		transform: translateX(-3px) rotate(-2deg);
	}
}

@keyframes buzz {
	50% {
		-webkit-transform: translateX(3px) rotate(2deg);
		transform: translateX(3px) rotate(2deg);
	}

	100% {
		-webkit-transform: translateX(-3px) rotate(-2deg);
		transform: translateX(-3px) rotate(-2deg);
	}
}

.buzz {
	/*display: inline-block;
  vertical-align: middle;*/
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
}

.buzz:hover,
.buzz:focus,
.buzz:active {
	-webkit-animation-name: buzz;
	animation-name: buzz;
	-webkit-animation-duration: 0.15s;
	animation-duration: 0.15s;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}

/* Bob */
@-webkit-keyframes bob {
	0% {
		-webkit-transform: translateY(-8px);
		transform: translateY(-8px);
	}

	50% {
		-webkit-transform: translateY(-4px);
		transform: translateY(-4px);
	}

	100% {
		-webkit-transform: translateY(-8px);
		transform: translateY(-8px);
	}
}

@keyframes bob {
	0% {
		-webkit-transform: translateY(-8px);
		transform: translateY(-8px);
	}

	50% {
		-webkit-transform: translateY(-4px);
		transform: translateY(-4px);
	}

	100% {
		-webkit-transform: translateY(-8px);
		transform: translateY(-8px);
	}
}

@-webkit-keyframes bob-float {
	100% {
		-webkit-transform: translateY(-8px);
		transform: translateY(-8px);
	}
}

@keyframes bob-float {
	100% {
		-webkit-transform: translateY(-8px);
		transform: translateY(-8px);
	}
}

.bob {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
}

.bob:hover,
.bob:focus,
.bob:active {
	-webkit-animation-name: bob-float, bob;
	animation-name: bob-float, bob;
	-webkit-animation-duration: 0.3s, 1.5s;
	animation-duration: 0.3s, 1.5s;
	-webkit-animation-delay: 0s, 0.3s;
	animation-delay: 0s, 0.3s;
	-webkit-animation-timing-function: ease-out, ease-in-out;
	animation-timing-function: ease-out, ease-in-out;
	-webkit-animation-iteration-count: 1, infinite;
	animation-iteration-count: 1, infinite;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	-webkit-animation-direction: normal, alternate;
	animation-direction: normal, alternate;
}

/* Bounce In */
.bounce-in {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
}

.bounce-in:hover,
.bounce-in:focus,
.bounce-in:active {
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
	-webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
	transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
}

/* Wobble Top */
@-webkit-keyframes wobble-top {
	16.65% {
		-webkit-transform: skew(-12deg);
		transform: skew(-12deg);
	}

	33.3% {
		-webkit-transform: skew(10deg);
		transform: skew(10deg);
	}

	49.95% {
		-webkit-transform: skew(-6deg);
		transform: skew(-6deg);
	}

	66.6% {
		-webkit-transform: skew(4deg);
		transform: skew(4deg);
	}

	83.25% {
		-webkit-transform: skew(-2deg);
		transform: skew(-2deg);
	}

	100% {
		-webkit-transform: skew(0);
		transform: skew(0);
	}
}

@keyframes wobble-top {
	16.65% {
		-webkit-transform: skew(-12deg);
		transform: skew(-12deg);
	}

	33.3% {
		-webkit-transform: skew(10deg);
		transform: skew(10deg);
	}

	49.95% {
		-webkit-transform: skew(-6deg);
		transform: skew(-6deg);
	}

	66.6% {
		-webkit-transform: skew(4deg);
		transform: skew(4deg);
	}

	83.25% {
		-webkit-transform: skew(-2deg);
		transform: skew(-2deg);
	}

	100% {
		-webkit-transform: skew(0);
		transform: skew(0);
	}
}

.wobble-top {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	-webkit-transform-origin: 0 100%;
	transform-origin: 0 100%;
}

.wobble-top:hover,
.wobble-top:focus,
.wobble-top:active {
	-webkit-animation-name: wobble-top;
	animation-name: wobble-top;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1;
}

/* Shrink */
.hvr-shrink {
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: transform;
	transition-property: transform;
}

.hvr-shrink:hover,
.hvr-shrink:focus,
.hvr-shrink:active {
	-webkit-transform: scale(0.9);
	transform: scale(0.9);
}

@media screen and (max-width: 480px) {
	#pageTop {
		bottom: 45px;
		right: 15px;
	}

	.fc #pageTop {
		bottom: 70px;
	}
}

#ownerinterview .content .head {
	display: block;
}

#ownerinterview .content {
	width: 1180px;
	margin: auto;
	margin-bottom: 50px;
}

#ownerinterview .content .title_h2 {
	font-size: 32px;
	font-weight: bold;
	border-bottom: 3px solid;
	margin: 30px 0;
	padding-bottom: 10px;
}

#ownerinterview .content .title_h3 {
	color: #da2628;
	font-size: 24px;
	position: relative;
	padding-left: 50px;
	margin-bottom: 10px;
}

#ownerinterview .content .title_h3::before {
	content: "";
	border-top: 2px solid #da2628;
	width: 40px;
	height: 2px;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
}

#ownerinterview .content .comment .ownername {
	float: left;
	background: #f7da18;
	padding: 0px 10px;
	margin-right: 10px;
	margin-top: 4px;
	font-size: 16px;
	font-weight: bold;
}

#ownerinterview .content .comment {
	margin-bottom: 40px;
}

#ownerinterview .content>img {
	margin: 20px auto 10px;
	display: block;
}

#ownerinterview .content>.img-btm {
	margin: auto;
	display: block;
	text-align: center;
	margin-bottom: 20px;
}

@media screen and (max-width: 1179px) {
	#ownerinterview .content .head {
		display: block;
	}

	#ownerinterview .content {
		width: 94%;
		margin: auto;
		margin-bottom: 50px;
	}

	#ownerinterview .content .title_h2 {
		font-size: 20px;
		font-weight: bold;
		border-bottom: 3px solid;
		margin: 30px 0 20px;
		padding-bottom: 10px;
		line-height: 1.4;
	}

	#ownerinterview .content .title_h3 {
		color: #da2628;
		font-size: 16px;
		position: relative;
		padding-left: 30px;
		margin-bottom: 10px;
		line-height: 1.6;
	}

	#ownerinterview .content .title_h3::before {
		content: "";
		border-top: 2px solid #da2628;
		width: 20px;
		height: 2px;
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		margin: auto;
	}

	#ownerinterview .content .comment .ownername {
		float: left;
		background: #f7da18;
		padding: 0px 10px;
		margin-right: 10px;
		margin-top: 2px;
		font-size: 12px;
		font-weight: bold;
	}

	#ownerinterview .content .comment {
		margin-bottom: 30px;
	}

	#ownerinterview .content>img {
		margin: 20px auto 10px;
		display: block;
	}

	#ownerinterview .content>.img-btm {
		margin: auto;
		display: block;
		text-align: center;
		margin-bottom: 20px;
	}
}

/*
----------------------------------------
油そば通信販売
----------------------------------------
*/

/* お客様の声 */
.shopping-voice {
	padding-bottom: 120px;
}

.shopping-voice__ttl {
	display: flex;
	justify-content: center;
	background: #000;
	margin-bottom: 50px;
	padding: 13px 0;
}

.shopping-voice__ttl span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 32px;
	font-weight: 700;
	color: #fff;
	letter-spacing: 0;
}

.shopping-voice__ttl span::before {
	content: "";
	width: 54px;
	height: 46px;
	display: inline-block;
	margin: 0 20.6px 0 5px;
	background: url(../img/shopping/icon-voice.png) center / cover no-repeat;
}

.shopping-voice__content {
	display: grid;
	grid-template-columns: 1fr 1fr;
	column-gap: 40px;
	row-gap: 30px;
}

.shopping-voice__content.shopping-voice__content--one {
	display: block;
}

.shopping-voice-box {
	display: flex;
	background: #f2f2f2;
	padding: 14px 20px 10px;
}

.shopping-voice-box__txt {
	flex: 1;
}

.shopping-voice-box__head {
	position: relative;
	padding-left: 92px;
}

.shopping-voice-box__head::before {
	content: "";
	display: block;
	width: 82px;
	height: 82px;
	background: url(../img/shopping/icon-user.png) center / cover no-repeat;
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
}

.shopping-voice-box__head.icon-1::before {
	background-image: url(../img/common/voice/icon-user01.png);
}

.shopping-voice-box__head.icon-2::before {
	background-image: url(../img/common/voice/icon-user02.png);
}

.shopping-voice-box__head.icon-3::before {
	background-image: url(../img/common/voice/icon-user03.png);
}

.shopping-voice-box__head.icon-4::before {
	background-image: url(../img/common/voice/icon-user04.png);
}

.shopping-voice-box__head.icon-5::before {
	background-image: url(../img/common/voice/icon-user05.png);
}

.shopping-voice-box__head.icon-6::before {
	background-image: url(../img/common/voice/icon-user06.png);
}

.shopping-voice-box__head.icon-7::before {
	background-image: url(../img/common/voice/icon-user07.png);
}

.shopping-voice-box__head.icon-8::before {
	background-image: url(../img/common/voice/icon-user08.png);
}

.shopping-voice-box__ttl {
	margin-bottom: 30px;
	padding: 13.4px 0 14.4px;
	font-size: 28px;
	font-weight: 700;
	letter-spacing: 0;
	line-height: 1;
	border-bottom: solid 2px #000;
}

.shopping-voice-box__detail {
	font-size: 16px;
	font-weight: 500;
	line-height: calc(24 / 16);
	letter-spacing: 0;
}

.shopping-voice-box__pic {
	flex: 0 0 200px;
	max-width: 200px;
	margin-left: 24px;
}

.shopping-voice-box__pic img {
	vertical-align: middle;
}

@media (max-width: 959px) {
	.shopping-voice-box {
		display: block;
	}

	.shopping-voice-box__pic {
		margin: 20px auto 0;
	}
}

@media (max-width: 767px) {
	.shopping-voice {
		padding-bottom: 60px;
	}

	.shopping-voice__ttl span {
		font-size: 3.2rem;
	}

	.shopping-voice__ttl span::before {
		width: 30px;
		height: 26px;
		margin-right: 10px;
	}

	.shopping-voice__content {
		grid-template-columns: auto;
	}

	.shopping-voice-box__txt {
		padding-right: 0;
	}

	.shopping-voice-box__head {
		padding-left: 65px;
	}

	.shopping-voice-box__head::before {
		width: 55px;
		height: 55px;
	}

	.shopping-voice-box__ttl {
		font-size: 2.7rem;
		margin-bottom: 20px;
		padding: 8.4px 0 9.4px;
	}

	.shopping-voice-box__detail {
		font-size: 14px;
	}
}

/* 2024.10.04 add */
i.demo-icon.icon-twitter {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	line-height: 1.8;
	height: 100%;
}

.icon-twitter:before {
	content: "";
	background: url(../img/common/x-twitter_b.png) no-repeat;
	width: 26px;
	height: 38px;
	background-size: contain;
	margin: 0;
	line-height: 1;
	display: flex;
	justify-content: center;
	align-items: center;
}

i.demo-icon.icon-twitter-1 {
	display: flex;
	justify-content: center;
	align-items: center;
	line-height: 1;
}

.icon-twitter-1:before {
	content: "";
	background: url(../img/common/x-twitter.png) no-repeat;
	width: 22px;
	height: 17px;
	background-size: contain;
	margin: 0;
	line-height: 1;
	display: flex;
	justify-content: center;
	align-items: center;
}

/* modal */
.modal-banner {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	z-index: 9999999999;
}

.modal-banner-cont {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	max-width: 800px;
	width: 47.6%;
	text-align: center;
}

.btn-modal-banner-close {
	position: absolute;
	top: -20px;
	right: -20px;
	cursor: pointer;
	width: 50px;
	height: auto;
	aspect-ratio: 1 / 1;
	line-height: 1;
	background: #0b1334;
	border-radius: 999px;
	display: flex;
	justify-content: center;
	align-items: center;
	transition: all 0.3s ease;
	z-index: 10;
}

.btn-modal-banner-close:hover {
	background: #fed500;
}

.btn-modal-banner-close>svg {
	fill: #fff;
	width: 22px;
	height: auto;
	aspect-ratio: 1 / 1;
	transition: all 0.33s ease;
}

.btn-modal-banner-close:hover>svg {
	fill: #0b1334;
}

.modal-banner-cont a {
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	transition: all ease 0.33s;
	position: relative;
	z-index: 0;
	overflow: hidden;
}

.modal-banner-cont a>* {
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	background: #000;
}

.modal-banner-cont img {
	max-width: none;
	width: 100%;
	height: 100%;
	object-fit: contain;
}

@media screen and (max-width: 750px) {
	.modal-banner-cont {
		max-width: 640px;
		min-width: 300px;
		width: 85.3%;
	}

	.btn-modal-banner-close {
		width: 40px;
	}

	.btn-modal-banner-close>svg {
		width: 16px;
	}
}

/* 2025.11.11 */
.area-grid {
	columns: 3;
	column-gap: 0;
	width: 100%;
	margin: 0 auto 30px;
}

.area-item {
	break-inside: avoid;
	margin-bottom: 30px;
}

@media screen and (max-width: 750px) {
	.area-grid {
		columns: 1;
		margin: 0 auto;
	}
}

#modal {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: rgba(0, 0, 0, 0.5);
	z-index: 1000000;
}

.modal-content {
	position: relative;
	width: 90%;
	height: auto;
	max-height: 90vh;
	max-width: 534px;
	aspect-ratio: 267 / 400;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 auto;
}

.modal-bnr-img {
	width: 100%;
	height: auto;
	aspect-ratio: 267 / 400;
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden;
	margin: 0 auto;
}

.modal-bnr-link {
	width: 100%;
	height: 100%;
	background: #fff;
}

.modal-bnr-link>img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.close {
	position: absolute;
	top: -42px;
	right: -6px;
	font-size: 2.4em;
	line-height: 1;
	color: #fff;
	cursor: pointer;
}