@charset "utf-8";

body {
	/* font-family: Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif; */
	font-family: "游明朝", "Yu Mincho", YuMincho, "Hiragino Mincho Pro", serif;
	/* background-image: url(../img/bg.jpg);
	background-repeat: repeat;
	background-size: 100%; */
	margin: 0;
	padding: 0;
}

html {
	color: #54514c;
	font-size: 10px;
}

a {
	color: #001510;
	text-decoration: none;
}

#headcord {
	width: 100%;
	height: 85px;
	margin: 0px auto 0px auto;
	background: linear-gradient(rgba(75, 0, 0, 1), rgba(0, 0, 0, 0));
	text-align: center;
	position: fixed !important;
	position: absolute;
	top: 0px;
	left: 0;
	z-index: 12000;
}

.headerbox {
	width: 100%;
	height: 85px;
	margin: 0px auto 0px auto;
	font-size: 100%;
	color: #330000;
	text-align: center;
	position: fixed !important;
	position: absolute;
	top: 25px;
	left: 0;
	background-color: rgba(0, 0, 0, 0.7);
}

.logo {
	width: 255px;
	margin: 0px 0px 0px 0px;
	float: left;
	transition: opacity 0.5s;
	/* opacity: 0.8; */
}

.logo:hover {
	opacity: 0.5;
}

.insta {
	width: 47px;
	height: 47px;
	margin-right: 60px;
	margin-top: 8px;
	float: right;
	opacity: 0.7;
}

.mail {
	display: none;
	width: 80px;
	height: 80px;
	float: right;
}

.logo_nav {
	width: 170px;
	/* height: 100px; */
	margin: 0px auto 10px auto;
	opacity: 0.8;
}

.nav_address {
	width: 85%;
	text-align: center;
	line-height: 1.5em;
	font-size: 10pt;
	color: #fff;
	margin: 0px auto 30px auto;
	/* background-color: #00bf8f; */
}

.catch {
	width: 100%;
	height: auto;
	margin: 0px auto 0px auto;
	/* position: fixed !important; */
	position: absolute;
	top: 150px;
	/* left: 0; */
	z-index: 1;
	/* opacity: 0.6; */
}

.catch_pc {
	display: none;
	width: 100%;
	height: auto;
	margin: 0px auto 0px auto;
	/* position: fixed !important; */
	position: absolute;
	top: 0;
	left: 0;
	z-index: 12000;
	opacity: 0.8;
}

.l_small {
	width: 100%;
	height: 12px;
	font-size: 9pt;
	color: #fff;
	margin: 0px 0px -10px 20px;
}

.key_visual {
	width: 100%;
	margin: 0px auto 0px auto;
	background-color: #fff;
}

.key_visual2 {
	display: none;
	width: 100%;
	margin: 5px auto 40px auto;
}

.sub_ttl {
	width: 100%;
	text-align: center;
	font-size: 10pt;
	color: #a10101;
	margin: 215px auto 5px auto;
    /* text-shadow: 1px 2px 2px #ada996; */
}

.ttl {
	width: 100%;
	text-align: center;
	font-size: 17pt;
	color: #434343;
	margin: 5px auto 10px auto;
    text-shadow: 1px 2px 2px #ada996;
}

.head_sp {
	width: 100%;
	margin: -10px auto 0px auto;
}

.head_pc {
		display: none;
		width: 100%;
		margin: 0px auto 60px auto;
	}

.sentence {
	width: 90%;
	text-align: left;
	font-size: 12pt;
	color: #434343;
	line-height: 1.4em;
	margin: 10px auto 5px auto;
}

.news {
	width: 190px;
	height: 25px;
	text-align: center;
	font-size: 11pt;
	color: #a10101;
	line-height: 23px;
	font-family: "游明朝", "Yu Mincho", "YuMincho", "Hiragino Mincho Pro", serif;
	margin: 20px auto 20px auto;
	text-shadow: 1px 2px 2px #ccc;
	border: 1px solid #a10101;
	border-radius: 50px;
	box-shadow: 2px 2px 2px #ccc;
}

.menu_box{
	width: 95%;
	height: auto;
	margin: 10px auto 5px auto;
	/* background-color: aliceblue; */
}

.product_box {
	width: 100%;
	height: 90px;
	margin: 0px 0px 20px 0px;
}

.items {
	width: 90px;
	height: 90px;
	float: left;
}

.items00 {
	width: 100%;
	height: 55px;
	margin-bottom: 15px;
	color: #5a544b;
	/* background-color: #808000; */
}

.right{
	width: 72%;
	height: 90px;
	float: left;
	margin: 0px 0px 0px 6px;
	/* background-color: #2c5364; */
}

.ttl_main {
	width: 100%;
	height: 20px;
	line-height: 20px;
	letter-spacing: -0.05rem;
	text-align:left;
	font-size: 12pt;
	font-weight: bold;
	color: #a10101;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	/* border-bottom: 2px solid #a10101; */
}

.message {
	width: 100%;
	height: 29px;
	line-height: 1.6rem;
	text-align:left;
	font-size: 10pt;
	font-weight: normal;
	color: #434343;
	margin: 2px 0px 4px 0px;
	padding: 0px 0px 0px 0px;
}

.price {
	display: inline-block;
	width: 100%;
	height: 20px;
	line-height: 1.4rem;
	text-align:left;
	font-size: 11pt;
	font-weight: normal;
	color: #a10101;
	margin: 0px 0px -2px 0px;
	padding: 0px 0px 0px 0px;
	/* background-color: #2b2b2b; */
}

.detail {
	display: inline-block;
	/* width: 40%; */
	height: 18px;
	line-height: 18px;
	text-align:left;
	font-size: 9pt;
	font-weight: normal;
	font-family: Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
	color: #fff;
	margin: 0px 0px 0px 0px;
	padding: 0px 5px 0px 5px;
	background-color: #a10101;
	border-radius: 3px;
}

.buy {
	display: inline-block;
	/* width: 40%; */
	height: 18px;
	line-height: 18px;
	text-align:left;
	font-size: 10pt;
	font-weight: normal;
	font-family: Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
	color: #54514c;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 10px;
	
}

.fee{
	width:100%;
	height:auto;
	font-size: 14pt;
	color: #a10101;
	text-align: center;
	margin: 20px auto 10px auto;
	text-shadow: 1px 2px 2px #ada996;
}

.f_sentence{
	width:95%;
	height:auto;
	font-size: 11pt;
	color: #434343;
	text-align: left;
	margin: 5px auto 2px auto;
}

.f_sentence2{
	width:95%;
	height:auto;
	font-size: 11pt;
	color: #434343;
	text-align: left;
	line-height: 1.2em;
	text-indent: -1em;
	padding-left: 1em;
	margin: 5px auto 10px auto;
}

.right select{
	width:50px;
	height:20px;
	font-size: 8pt;
	line-height: 15px;
	margin-top: -2px;
}

.items_x select{
	width:100px;
	height:20px;
	font-size: 8pt;
	line-height: 15px;
	margin-top: -2px;
}

#form {
	width: 100%;
	margin: 15px auto;
	text-align: center;
	line-height: 1.5em;
}

#form th {
	width: 33%;
	text-align: left;
	padding-top: 10px;
	padding-left: 10px;
	padding-bottom: 15px;
	font-size: 9pt;
	font-weight: normal;
	line-height: 1.5em;
	background-color: #f0ffff;
}

#form td {
	width: 67%;
	text-align: left;
	margin-bottom: 25px;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 15px;
	font-size: 9pt;
	font-weight: normal;
	line-height: 1.2em;
	background-color: rgb(255, 255, 255, 0.8);
}

.msg {
	width: 90%;
	margin: 15px auto 0px auto;
	/* background-color: #00bf8f; */
	text-align: center;
}

.f-task {
	height: 60px;
	width: 100%;
	/* float: left; */
	margin: 180px auto 0px auto;
	text-align: center;
	color: #000;
	/* background-color: #00ff00; */
}

#contents_rsp {
	width: 90%;
	height: 1290px;
	margin: 30px auto 0px auto;
	/* background-color: #dcdcdc; */
}

.ttl_shop {
	width: 100%;
	height: 25px;
	color: #5a544b;
	text-align: center;
	font-size: 18pt;
	margin: 20px auto 15px auto;
	line-height: 25px;
	 text-shadow: 1px 2px 2px #ada996;
}

.label {
	width: 250px;
	height: 20px;
	float: left;
	color: #5a544b;
	font-size: 1.6rem;
	margin-right: 10px;
	margin-bottom: 3px;
	line-height: 20px;
	border-left: 3px solid orange;
	padding-left: 5px;
	/* background-color: #ccc; */
}

.label00 {
	display: inline-block;
	width: 100%;
	height: 20px;
	/* float: left; */
	color: #5a544b;
	font-size: 1.6rem;
	margin-right: 5px;
	margin-bottom: 3px;
	line-height: 20px;
	border-left: 3px solid orange;
	padding-left: 5px;
}

.items01 {
	width: 100%;
	height: 25px;
	/* overflow: hidden; */
	margin-bottom: 15px;
	color: #000;
	/* background-color: #969696; */
}

.items_x {
	width: 100%;
	height: 25px;
	/* overflow: hidden; */
	margin-bottom: 15px;
	color: #000;
	/* background-color: #969696; */
}

.items02 {
	width: 100%;
	height: 50px;
	line-height: 2rem;
	margin-bottom: 15px;
	color: #000;
	/* background-color: #969696; */
}

.items07 {
	width: 100%;
	height: 150px;
    line-height: 1.8rem;
	/* margin-bottom: 15px; */
	color: #5a544b;
	/* background-color: #808000; */
}

.add{
	width: 100%;
	height: 32px;
    font-size: 1.4rem;
	color: #5a544b;
    float: left;
    line-height: 32px;
    margin-left: 10px;
    margin-bottom: 5px;
	/* background-color: #808000; */
}

.filter {
	/* height: 130px; */
	width: 94%;
	float: left;
	margin: 15px auto 15px auto;
	padding: 10px;
	text-align: left;
	font-size: 1.3rem;
	color: #232526;
	line-height: 1.4rem;
	background-color: #fff;
	border: 1px solid #ccc;
	border-radius: 5px;
}

.r {
	display: inline-block;
	height: 22px;
	width: 350px;
	/* padding-top: -10px; */
	/* float: left; */
	margin-top: 3px;
	margin-left: -5px;
	text-align: left;
	font-size: 1.5rem;
	color: #5a544b;
	line-height: 22px;
	/* background-color: #ccc; */
}

.inputs {
	width: 97%;
	height: 23px;
}

.inputs_tx {
	width: 96%;
	height: 60px;
}

.inputs_tx::placeholder {
  color: #ccc;
}

.button-area {
	text-align: center;
	margin-top: 25px;
}

.btn {
	width: 90%;
	margin: 10px auto 10px auto;
}

button[type="button"] {
	width: 65px;
	margin: 10px auto 10px auto;
	/* float: right; */
	/* padding: 2px 5px; */
	font-size: 8.5pt;
	margin-left: 7px;
	color: #524e4d;
	cursor: pointer;
}

input[type="text000"] {
    width: 81%;
    height: 20px;
	margin: 0px auto 0px auto;
	/* float: right; */
	/* padding: 10px 15px; */
	font-size: 10pt;
	margin-left: 0px;
	color: #524e4d;
	cursor: pointer;
}

input[type="submit"] {
	width: 47%;
	margin: 10px auto 10px auto;
	padding: 10px 15px;
	margin-right: 5px;
	margin-left: 5px;
	/* float: left; */
	color: #524e4d;
	font-size: 10pt;
	cursor: pointer;
}

input[type="reset"] {
	width: 47%;
	margin: 10px auto 10px auto;
	/* float: right; */
	padding: 10px 15px;
	font-size: 10pt;
	color: #524e4d;
	cursor: pointer;
}

input[type="button"] {
	width: 47%;
	margin: 10px auto 10px auto;
	/* float: right; */
	padding: 10px 15px;
	font-size: 10pt;
	margin-left: 7px;
	color: #524e4d;
	cursor: pointer;
}

input[type="radio"] {
	font-size: 18pt;
	color: #524e4d;
	cursor: pointer;
	position: relative;
	top: -3px; /* ラジオボタンとラベルのズレを調整 */
	right: -5px;
}

textarea {
	display: block;
	width: 98%;
	height: 70px;
	margin: 15px 0px 15px 0px;
	color: #ada996;
	font-size: 1.3rem;
	padding: 5px;
}

#point_ttl0 {
	font-size: 1.3rem;
	margin: 240px auto 5px auto;
	text-align: center;
	color: #0f2027;
	font-family: "游明朝", "Yu Mincho", "YuMincho", "Hiragino Mincho Pro", serif;
	line-height: 1.2em;
	}

	.c_box {
	width: 90%;
	font-size: 1.2rem;
	font-family: "游明朝", "Yu Mincho", "YuMincho", "Hiragino Mincho Pro", serif;
	margin: 15px auto 0px auto;
	text-align: left;
	line-height: 1.8em;
	}

	.msg {
		width: 85%;
		text-align: center;
		margin: 0 auto;
	}

	.point {
	width: 80%;
	font-size: 1.4rem;
	color: #434343;
	font-family: "游明朝", "Yu Mincho", "YuMincho", "Hiragino Mincho Pro", serif;
	line-height: 1.1em;
	margin: 0px auto 15px auto;
	padding: 10px 10px;
	border: 1px solid #ada996;
	border-radius: 3px;
	box-shadow: 2px 2px 2px #ccc;
	}

#m-link {
	display: none;
	width: 660px;
	height: 65px;
	float: right;
	/* font-size: 1.2rem; */
	color: #ccc;
	line-height: 25px;
	margin: 13px 10px 0px 0px;
	text-align: right;
	/* border-top: 2px dotted #6f4b3e; */
	/* background-color: #2c5364; */
}


/* 点滅 */
.blinking {
	-webkit-animation: blink 1s ease-in-out infinite alternate;
	-moz-animation: blink 1s ease-in-out infinite alternate;
	animation: blink 1s ease-in-out infinite alternate;
}
@-webkit-keyframes blink {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
@-moz-keyframes blink {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
@keyframes blink {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

img {
	width: 100%;
}

.page {
	width: 100%;
	height: auto;
	/* float: left; */
	padding-top: 10px;
	padding-bottom: 30px;
	margin: 0px 1px 30px 0px;
	/* background-color: #696969; */
}

.b_box {
	width: 100%;
	height: auto;
	margin: 0 auto;
	/* background-color: #1b211f; */
}

.contact {
	display: block;
	width: 100%;
	height: 45px;
	text-align: center;
	font-size: 1rem;
	margin: 0px auto 0px auto;
	background: #a10101; /* fallback for old browsers */
	background: -webkit-linear-gradient(to top, #3a0202, #a10101); /* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to top, #3a0202, #a10101); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
	position: fixed !important;
	position: absolute;
	bottom: 0;
	left: 0;
}

footer ul li1 {
	width: 49%;
	height: 45px;
	float: left;
	color: #fff;
	margin: 0px auto;
	font-size: 10pt;
	line-height: 45px;
	text-decoration: none;
	border-right: 1px dotted;
}

footer ul li2 {
	width: 49%;
	height: 45px;
	float: left;
	/* letter-spacing: -0.1rem; */
	color: #fff;
	margin: 0px auto;
	font-size: 10pt;
	line-height: 45px;
	text-decoration: none;
}

.foot_ttl {
	width: 350px;
	/* height: 500px; */
	margin: 0 auto;
	font-size: 8pt;
	color: #001510;
	text-align: center;
	line-height: 1.5em;
	/* background-color: #00bf8f; */
}

#foot-link {
	width: 360px;
	height: 100px;
	line-height: 16px;
	margin: 20px auto 10px auto;
	text-align: center;
	/* background-color: #2c5364; */
}

.foot-span {
	display: inline-block;
	position: relative;
	z-index: 10;
	overflow: hidden;
	margin-top: 0px;
	margin-left: 2px;
	margin-right: 2px;
	padding: 1px 8px;
	height: 20px;
	font-size: 9pt;
	text-align: center;
	line-height: 20px;
	/* color: #000; */
	/* border: 1px solid rgba(255, 255, 255, 0.4); */
	/* background-color: rgba(0, 0, 0, 0.1); */
}

.c_con {
	width: 1024px;
	margin: 5px auto 0px auto;
	background-color: #696969;
}

.footlogo {
	width: 75%;
	margin: 5px auto 10px auto;
}

.copy {
	display: none;
	width: 360px;
	height: 20px;
	color: #000;
	font-size: 7pt;
	text-align: center;
	line-height: 20px;
	margin: 30px auto 10px auto;
	text-align: center;
	/* background-color: #2c5364; */
}

/* jquery fade in*/
.js-fade {
	opacity: 0;
	visibility: hidden;
	transform: translateY(15px);
	transition: opacity 0.8s, visibility 0.8s, transform 1s;
}

.js-fade2 {
	opacity: 0;
	visibility: hidden;
	transform: translateY(30px);
	transition: opacity 0.8s, visibility 0.8s, transform 1.2s;
}

.scroll {
	opacity: 1;
	visibility: visible;
	transform: translateY(0px);
}

/* 上に戻るボタン */
.pagetop {
	color: #fff;
	background: rgba(153, 8, 8, 0.7);
	text-decoration: none;
	text-decoration: none;
	display: none;
	position: fixed;
	bottom: 5.5rem;
	right: 1rem;
	font-size: 1.2rem;
	width: 5rem;
	height: 5rem;
	line-height: 5rem;
	border-radius: 5px;
	text-align: center;
	cursor: pointer;
	background-image: url(../img/v);
}

.pagetop:hover {
	color: #fff !important;
	background: rgba(153, 8, 8, 0.7);
	text-decoration: none;
	text-decoration: none;
}

/*　ハンバーガーメニューボタン　*/
.hamburger {
	display: block;
	position: fixed;
	font-size: 12px;
	font-weight: bold;
	line-height: 1.1rem;
	color: #fff;
	z-index: 3;
	right: 5px;
	top: 5px;
	width: 50px;
	height: 50px;
	cursor: pointer;
	text-align: center;
	/* opacity: 0.7; */
	padding-top: 15px;
}

.hamburger span {
	display: block;
	position: absolute;
	width: 35px;
	height: 2px;
	left: 8px;
	right: 10px;
	background: #fff;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}
.hamburger span:nth-child(1) {
	top: 8px;
}
.hamburger span:nth-child(2) {
	top: 18px;
}
.hamburger span:nth-child(3) {
	top: 28px;
}

/* スマホメニューを開いてる時のボタン */
.hamburger.active span:nth-child(1) {
	top: 17px;
	left: 6px;
	/* background: #fff; */
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.hamburger.active span:nth-child(2),
.hamburger.active span:nth-child(3) {
	top: 17px;
	/* background: #fff; */
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	transform: rotate(45deg);
}

/* メニュー背景　*/
nav.globalMenuSp {
	position: fixed;
	z-index: 2;
	top: 0px;
	right: 0;
	line-height: 1.1em;
	font-size: 14px;
	padding: 60px 0px 0px 0px;
	color: #fff;
	background: rgba(75, 0, 0, 0.8);
	text-align: left;
	width: 200px;
	height: 100%;
	transform: translateX(200px);
	transition: all 0.7s;
}

nav.globalMenuSp ul {
	margin: 0px 0px 0px 25px;
	padding: 0;
	width: 100%;
}

nav.globalMenuSp ul li {
	list-style-type: none;
	padding: 0;
	width: 100%;
	transition: 0.4s all;
}

nav.globalMenuSp ul li:last-child {
	padding-bottom: 0;
}

/* nav.globalMenuSp ul li:hover {
	background: black;
	opacity: 0.8;
} */

nav.globalMenuSp ul li a {
	display: block;
	color: white;
	padding: 1em 0;
	text-decoration: none;
}

/* クリックでjQueryで追加・削除 */
nav.globalMenuSp.active {
	opacity: 100;
	display: block;
	transform: translateX(0%);
}

/* タブレットブレイクポイント */
@media (min-width: 768px) {
	body {
		font-family: "游明朝", "Yu Mincho", YuMincho, "Hiragino Mincho Pro", serif;
		/* background-image: url(../img/bg2.jpg);
		background-repeat: repeat;
		background-size: 100%; */
	}

	#headcord {
		width: 100%;
		height: 85px;
		margin: 0px auto 0px auto;
		background: linear-gradient(rgba(75, 0, 0, 1), rgba(0, 0, 0, 0));
		text-align: center;
		position: fixed !important;
		position: absolute;
		top: 0px;
		left: 0;
		z-index: 1200000;
	}

	.headerbox {
		width: 100%;
		height: 85px;
		margin: 0px auto 0px auto;
		font-size: 100%;
		color: #330000;
		text-align: center;
		position: fixed !important;
		position: absolute;
		top: 25px;
		left: 0;
		background-color: rgba(0, 0, 0, 0.7);
	}

	.logo {
		width: 255px;
		margin: 0px 0px 0px 0px;
		float: left;
	}

	.logo:hover {
		opacity: 0.5;
	}

	.insta {
		width: 47px;
		height: 47px;
		margin-right: 60px;
		margin-top: 8px;
		float: right;
		opacity: 0.7;
	}

	.mail {
		display: block;
		width: 250px;
		/* height: 80px; */
		margin: 5px 0px 0px 0px;
		float: right;
	}

	.mail img {
		height: auto;
		transition: transform 0.6s ease; /* ゆっくり変化させる */
	}

	/* 点滅 */
	.blinking {
		-webkit-animation: blink 1s ease-in-out infinite alternate;
		-moz-animation: blink 1s ease-in-out infinite alternate;
		animation: blink 1s ease-in-out infinite alternate;
	}
	@-webkit-keyframes blink {
		0% {
			opacity: 0;
		}
		100% {
			opacity: 1;
		}
	}
	@-moz-keyframes blink {
		0% {
			opacity: 0;
		}
		100% {
			opacity: 1;
		}
	}
	@keyframes blink {
		0% {
			opacity: 0;
		}
		100% {
			opacity: 1;
		}
	}

	.flow {
		width: 60px;
		height: 75px;
		margin: 0px;
		display: block;
		float: right;
		background-color: #f5af19;
	}

	/* main {
		width: 100%;
			height: 500px;
		margin-bottom: 50px;
		background-color: #000;
	} */

	#m-link {
		display: none;
		width: 660px;
		height: 65px;
		float: right;
		/* font-size: 1.2rem; */
		color: #ccc;
		line-height: 25px;
		margin: 13px 10px 0px 0px;
		text-align: right;
		/* border-top: 2px dotted #6f4b3e; */
		/* background-color: #2c5364; */
	}

	.m-span {
		display: inline-block;
		position: relative;
		z-index: 10;
		overflow: hidden;
		margin-top: 0px;
		margin-left: 2px;
		margin-right: 2px;
		padding: 1px 28px;
		height: 20px;
		font-size: 1.2rem;
		text-align: center;
		line-height: 20px;
		color: #ccc;
		/* border: 1px solid rgba(255, 255, 255, 0.4); */
		background-color: rgba(255, 255, 255, 0.1);
	}

	.m-span ::after {
		content: "";
		position: absolute;
		z-index: -10;
		top: 0;
		left: -120%;
		width: 100%;
		height: 100%;
		transform: skew(-30deg);
		transition: 0.4s;
		background-color: #ccc;
		opacity: 0.1;
	}

	.m-span :hover::after {
		left: 120%;
	}

	.news {
		width: 260px;
		height: 30px;
		text-align: center;
		font-size: 15pt;
		color: #54514c;
		line-height: 30px;
		font-family: "游明朝", "Yu Mincho", "YuMincho", "Hiragino Mincho Pro", serif;
		margin: 30px auto 5px auto;
		text-shadow: 1px 2px 2px #ccc;
		border: 1px solid #ada996;
		border-radius: 50px;
		box-shadow: 2px 2px 2px #ccc;
	}

	.news_box {
		width: 520px;
		/* height: 80px; */
		margin: 20px auto 30px auto;
		/* background-color: #ada996; */
	}

	.topic {
		width: 100%;
		/* margin-top: 30px; */
		text-align: left;
		line-height: 1.3em;
		font-size: 11pt;
		font-family: "游明朝", "Yu Mincho", "YuMincho", "Hiragino Mincho Pro", serif;
		color: #2b2b2b;
		margin: 0px auto 0px auto;
		/* padding-bottom: 4px; */
		/* background-color: #00bf8f; */
		/* border-bottom: 1px dotted #ada996; */
	}

	.icon {
		display: inline-block;
		height: 18px;
		/* float: left; */
		padding: 0 10px;
		text-align: center;
		font-size: 9pt;
		font-weight: normal;
		margin: 0px auto 5px auto;
		line-height: 18px;
		color: #fff;
		background-color: #800000;
		border-radius: 3px;
		box-shadow: 1px 2px 2px #ccc;
	}

	.catch {
		display: none;
		width: 35%;
		height: auto;
		margin: 0px auto 0px auto;
		position: fixed !important;
		position: absolute;
		top: 55%;
		left: 50%;
		transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		z-index: 12000;
		opacity: 0.8;
	}

	.catch_pc {
		display: block;
		width: 100%;
		height: auto;
		margin: 0px auto 0px auto;
		/* position: fixed !important; */
		position: absolute;
		top: 0;
		left: 0;
		z-index: 12000;
		opacity: 0.8;
	}

	.key_visual {
		display: none;
		width: 100%;
		margin: 0px auto 40px auto;
	}

	.key_visual2 {
		display: block;
		width: 100%;
	}

    main {
	width: 100%;
	font-size: 1.4rem;
	margin-top: 20px;
	}

	.sub_ttl {
	width: 100%;
	text-align: center;
	font-size: 12pt;
	color: #a10101;
	margin: 50px auto 5px auto;
    /* text-shadow: 1px 2px 2px #ada996; */
	}

	.ttl {
		width: 100%;
		text-align: center;
		font-size: 22pt;
		color: #434343;
		margin: 5px auto 10px auto;
		text-shadow: 1px 2px 2px #ada996;
	}

	.head_sp {
		width: 100%;
		margin: -10px auto 0px auto;
	}

	.head_pc {
		display: none;
		width: 100%;
		margin: 0px auto 60px auto;
	}

	.sentence {
		width: 80%;
		text-align: left;
		font-size: 12pt;
		color: #434343;
		line-height: 1.4em;
		margin: 10px auto 5px auto;
	}

	.news {
		width: 190px;
		height: 25px;
		text-align: center;
		font-size: 11pt;
		color: #a10101;
		line-height: 23px;
		font-family: "游明朝", "Yu Mincho", "YuMincho", "Hiragino Mincho Pro", serif;
		margin: 20px auto 20px auto;
		text-shadow: 1px 2px 2px #ccc;
		border: 1px solid #a10101;
		border-radius: 50px;
		box-shadow: 2px 2px 2px #ccc;
	}

	.menu_box{
		width: 75%;
		height: auto;
		margin: 10px auto 5px auto;
		/* background-color: aliceblue; */
	}

	.product_box {
		width: 100%;
		height: 150px;
		margin: 0px 0px 20px 0px;
	}

	.items {
		width: 150px;
		height: 150px;
		float: left;
	}

	.items00 {
		width: 100%;
		height: 55px;
		margin-bottom: 15px;
		color: #5a544b;
		/* background-color: #808000; */
	}

	.right{
		width: 72%;
		height: 150px;
		float: left;
		font-size: 12pt;
		margin: 0px 0px 0px 6px;
		/* background-color: #2c5364; */
	}

	.ttl_main {
		width: 100%;
		height: 20px;
		line-height: 20px;
		letter-spacing: -0.05rem;
		text-align:left;
		font-size: 18pt;
		font-weight: bold;
		color: #a10101;
		margin: 0px 0px 5px 0px;
		padding: 0px 0px 0px 0px;
		/* border-bottom: 2px solid #a10101; */
		/* background-color: antiquewhite; */
		text-shadow: 1px 2px 2px #ada996;
	}

	.message {
		width: 100%;
		height: 40px;
		line-height: 2.2rem;
		text-align:left;
		font-size: 13pt;
		font-weight: normal;
		color: #434343;
		margin: 10px 0px 4px 0px;
		/* background-color: antiquewhite; */
	}

	.price {
		display: inline-block;
		width: 100%;
		height: 40px;
		line-height: 40px;
		text-align:left;
		font-size: 17pt;
		font-weight: normal;
		color: #a10101;
		margin: 0px 0px 0px 0px;
		/* background-color: antiquewhite; */
	}

	.detail {
		display: inline-block;
		/* width: 40%; */
		height: 25px;
		line-height: 25px;
		text-align:left;
		font-size: 11pt;
		font-weight: normal;
		font-family: Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
		color: #fff;
		margin: 0px 0px 0px 0px;
		padding: 0px 5px 0px 5px;
		background-color: #a10101;
		border-radius: 3px;
	}

	.buy {
		display: inline-block;
		/* width: 40%; */
		height: 18px;
		line-height: 18px;
		text-align:left;
		font-size: 11pt;
		font-weight: normal;
		font-family: Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
		color: #54514c;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 10px;
		
	}

	.fee{
	width:100%;
	height:auto;
	font-size: 14pt;
	color: #a10101;
	text-align: center;
	margin: 20px auto 10px auto;
	text-shadow: 1px 2px 2px #ada996;
	}

	.f_sentence{
		width:100%;
		height:auto;
		font-size: 11pt;
		color: #434343;
		text-align: left;
		margin: 5px auto 2px auto;
	}

	.f_sentence2{
		width:100%;
		height:auto;
		font-size: 11pt;
		color: #434343;
		text-align: left;
		line-height: 1.2em;
		text-indent: -1em;
		padding-left: 1em;
		margin: 5px auto 10px auto;
	}

	.right select{
		width:60px;
		height:25px;
		font-size: 10pt;
		line-height: 15px;
		margin-top: -2px;
	}

	.items_x select{
		width:100px;
		height:20px;
		font-size: 8pt;
		line-height: 15px;
		margin-top: -2px;
	}

#form {
	width: 100%;
	margin: 15px auto;
	text-align: center;
	line-height: 1.5em;
}

#form th {
	width: 33%;
	text-align: left;
	padding-top: 10px;
	padding-left: 10px;
	padding-bottom: 15px;
	font-size: 9pt;
	font-weight: normal;
	line-height: 1.5em;
	background-color: #f0ffff;
}

#form td {
	width: 67%;
	text-align: left;
	margin-bottom: 25px;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 15px;
	font-size: 9pt;
	font-weight: normal;
	line-height: 1.2em;
	background-color: rgb(255, 255, 255, 0.8);
}

.msg {
	width: 90%;
	margin: 15px auto 0px auto;
	/* background-color: #00bf8f; */
	text-align: center;
}

	#contents_rsp {
		width: 75%;
		height: 1230px;
		margin: 30px auto 0px auto;
		/* background-color: #dcdcdc; */
	}

	.ttl_shop {
		width: 100%;
		height: 25px;
		color: #5a544b;
		text-align: center;
		font-size: 22pt;
		margin: 20px auto 15px auto;
		line-height: 25px;
		text-shadow: 1px 2px 2px #ada996;
	}

	.label {
		width: 250px;
		height: 20px;
		float: left;
		color: #5a544b;
		font-size: 1.6rem;
		margin-right: 10px;
		margin-bottom: 3px;
		line-height: 20px;
		border-left: 3px solid orange;
		padding-left: 5px;
		/* background-color: #ccc; */
	}

	.label00 {
		display: inline-block;
		width: 100%;
		height: 20px;
		/* float: left; */
		color: #5a544b;
		font-size: 1.6rem;
		margin-right: 5px;
		margin-bottom: 3px;
		line-height: 20px;
		border-left: 3px solid orange;
		padding-left: 5px;
	}

	.items01 {
		width: 100%;
		height: 25px;
		/* overflow: hidden; */
		margin-bottom: 15px;
		color: #000;
		/* background-color: #969696; */
	}

	.items_x {
		width: 100%;
		height: 25px;
		/* overflow: hidden; */
		margin-bottom: 15px;
		color: #000;
		/* background-color: #969696; */
	}

	.items02 {
		width: 100%;
		height: 50px;
		line-height: 2rem;
		margin-bottom: 15px;
		color: #000;
		/* background-color: #969696; */
	}

	.items07 {
		width: 100%;
		height: 150px;
		line-height: 1.8rem;
		/* margin-bottom: 15px; */
		color: #5a544b;
		/* background-color: #808000; */
	}

	.items000 {
		width: 93%;
		height: 110px;
		line-height: 1.8rem;
		/* margin-bottom: 15px; */
		color: #5a544b;
		/* background-color: #808000; */
	}

	.add{
		width: 100%;
		height: 32px;
		font-size: 1.4rem;
		color: #5a544b;
		float: left;
		line-height: 32px;
		margin-left: 10px;
		margin-bottom: 5px;
		/* background-color: #808000; */
	}

	.filter {
		/* height: 130px; */
		width: 96%;
		float: left;
		margin: 30px auto 15px auto;
		padding: 10px;
		text-align: left;
		font-size: 1.3rem;
		color: #232526;
		line-height: 1.4rem;
		background-color: #fff;
		border: 1px solid #ccc;
		border-radius: 5px;
	}

	.r {
		display: inline-block;
		height: 22px;
		width: 350px;
		/* padding-top: -10px; */
		/* float: left; */
		margin-top: 3px;
		margin-left: -5px;
		text-align: left;
		font-size: 1.5rem;
		color: #5a544b;
		line-height: 22px;
		/* background-color: #ccc; */
	}

	.inputs {
		width: 97%;
		height: 23px;
	}

	.inputs_tx {
		width: 96%;
		height: 60px;
	}

	.inputs_tx::placeholder {
	color: #ccc;
	}

	.button-area {
		text-align: center;
		margin-top: 25px;
	}

	.btn {
		width: 90%;
		margin: 10px auto 10px auto;
	}

	button[type="button"] {
		width: 65px;
		margin: 10px auto 10px auto;
		/* float: right; */
		/* padding: 2px 5px; */
		font-size: 8.5pt;
		margin-left: 7px;
		color: #524e4d;
		cursor: pointer;
	}

	input[type="text000"] {
		width: 81%;
		height: 20px;
		margin: 0px auto 0px auto;
		/* float: right; */
		/* padding: 10px 15px; */
		font-size: 10pt;
		margin-left: 0px;
		color: #524e4d;
		cursor: pointer;
	}

input[type="submit"] {
	width: 47%;
	margin: 10px auto 10px auto;
	padding: 10px 15px;
	margin-right: 5px;
	margin-left: 5px;
	/* float: left; */
	color: #524e4d;
	font-size: 10pt;
	cursor: pointer;
}

input[type="reset"] {
	width: 47%;
	margin: 10px auto 10px auto;
	/* float: right; */
	padding: 10px 15px;
	font-size: 10pt;
	color: #524e4d;
	cursor: pointer;
}

input[type="button"] {
	width: 47%;
	margin: 10px auto 10px auto;
	/* float: right; */
	padding: 10px 15px;
	font-size: 10pt;
	margin-left: 7px;
	color: #524e4d;
	cursor: pointer;
}

input[type="radio"] {
	font-size: 18pt;
	color: #524e4d;
	cursor: pointer;
	position: relative;
	top: -3px; /* ラジオボタンとラベルのズレを調整 */
	right: -5px;
}

textarea {
	display: block;
	width: 98%;
	height: 70px;
	margin: 15px 0px 15px 0px;
	color: #ada996;
	font-size: 1.3rem;
	padding: 5px;
}

#point_ttl0 {
	font-size: 1.3rem;
	margin: 240px auto 5px auto;
	text-align: center;
	color: #0f2027;
	font-family: "游明朝", "Yu Mincho", "YuMincho", "Hiragino Mincho Pro", serif;
	line-height: 1.2em;
	}
	.c_box {
	width: 85%;
	font-size: 1.4rem;
	font-family: "游明朝", "Yu Mincho", "YuMincho", "Hiragino Mincho Pro", serif;
	margin: 15px auto 0px auto;
	text-align: left;
	line-height: 1.8em;
	}

	.msg {
		width: 85%;
		text-align: center;
		margin: 0 auto;
	}

	#form {
		width: 100%;
		margin: 15px auto;
		text-align: center;
		line-height: 1.5em;
	}

	#form th {
		width: 35%;
		text-align: left;
		padding-top: 10px;
		padding-left: 10px;
		padding-bottom: 15px;
		font-weight: normal;
		line-height: 1.6em;
		background-color: #f5f5f5;
	}

	#form td {
		width: 65%;
		text-align: left;
		margin-bottom: 25px;
		padding-top: 10px;
		padding-left: 10px;
		padding-right: 10px;
		padding-bottom: 15px;
		font-weight: normal;
		line-height: 1.5em;
	}

	.point {
	width: 80%;
	font-size: 1.4rem;
	color: #434343;
	font-family: "游明朝", "Yu Mincho", "YuMincho", "Hiragino Mincho Pro", serif;
	line-height: 1.1em;
	margin: 0px auto 15px auto;
	padding: 10px 10px;
	border: 1px solid #ada996;
	border-radius: 3px;
	box-shadow: 2px 2px 2px #ccc;
	}

	.map {
		display: none;
		width: 98%;
		height: 280px;
		padding-bottom: 0px;
		margin: 0px auto 0px auto;
		text-align: center;
	}

	.reservation {
		display: block;
		width: 45px;
		height: 174px;
		text-align: center;
		position: fixed !important;
		position: absolute;
		bottom: 50%;
		right: 0;
		transition: opacity 0.5s;
		z-index: 1000;
	}

	.reservation:hover {
		opacity: 0.7;
	}

	.map_sp {
		display: none;
		width: 100%;
		height: 580px;
		padding-top: 15px;
		margin: -15px auto 0px auto;
		text-align: center;
		background-color: #a10101;
	}

	.map_mov {
		display: block;
		width: 100%;
		height: 400px;
		float: left;
		padding-bottom: 0px;
		margin: 0px auto 0px auto;
		text-align: center;
	}

	.logo_map {
		display: block;
		width: 180px;
		float: left;
		padding-bottom: 0px;
		margin: 0px 0px 0px 7px;
		text-align: center;
	}

	.map_pc {
		display: none;
		width: 100%;
		height: 400px;
		float: left;
		padding-bottom: 0px;
		margin: 0px auto 0px auto;
		text-align: center;
	}

	.tab_map {
		display: block;
		width: 100%;
		height: 400px;
		float: left;
		padding-bottom: 0px;
		margin: 0px auto 0px auto;
		text-align: center;
	}

	.pc_map {
		display: none;
		width: 100%;
		height: 400px;
		float: left;
		padding-bottom: 0px;
		margin: 0px auto 0px auto;
		text-align: center;
	}

	.ad_box {
		display: block;
		width: 25%;
		height: 400px;
		padding-bottom: 0px;
		float: right;
		margin: -400px auto 0px auto;
		text-align: center;
		background-color: rgba(146, 22, 13, 0.9);
	}

	.m_title {
		display: block;
		width: 150px;
		height: 20px;
		font-size: 10pt;
		line-height: 20px;
		color: #fff;
		text-align: center;
		margin: 20px auto 10px auto;
		border: 1px solid #fff;
		border-radius: 50px;
		/* text-shadow: 1px 2px 2px #54514c; */
	}

    .opentime {
	width: 85%;
	height: 20px;
	font-size: 10pt;
	color: #fff;
	text-align: left;
	margin: 5px auto -5px auto;
	line-height: 1.8rem;
	/* text-shadow: 1px 2px 2px #54514c; */
}

	.address_sp {
		width: 85%;
		height: 100px;
		font-size: 10pt;
		color: #fff;
		text-align: left;
		margin: 10px auto 15px auto;
		line-height: 1.8rem;
		/* text-shadow: 1px 2px 2px #54514c; */
	}

	.address_sp2 {
		width: 85%;
		height: 40px;
		font-size: 10pt;
		color: #fff;
		text-align: left;
		margin: 10px auto 15px auto;
		line-height: 1.6rem;
		/* text-shadow: 1px 2px 2px #54514c; */
	}

	.page {
		width: 100%;
		height: 450px;
	}

	.b_box {
		width: 768px;
		height: 450px;
		margin: 0 auto;
		/* background-color: #1b211f; */
	}

	.foot_ttl {
		width: 500px;
		/* height: 500px; */
		margin: 0 auto;
		font-size: 10pt;
		color: #001510;
		text-align: center;
		line-height: 1.5em;
		/* background-color: #00bf8f; */
	}

	#foot-link {
		width: 580px;
		height: 80px;
		line-height: 20px;
		margin: 30px auto 10px auto;
		text-align: center;
		/* background-color: #2c5364; */
	}

	.foot-span {
		display: inline-block;
		position: relative;
		z-index: 10;
		overflow: hidden;
		margin-top: 0px;
		margin-left: 2px;
		margin-right: 2px;
		padding: 1px 8px;
		height: 20px;
		font-size: 11pt;
		text-align: center;
		line-height: 20px;
		color: #000;
		/* border: 1px solid rgba(255, 255, 255, 0.4); */
		/* background-color: rgba(0, 0, 0, 0.1); */
	}

	footer ul li {
		/* width: 33%;
		height: 50px; */
		padding: 0px 10px;
		color: #fc4a1a;
		border: 0px solid #fff;
		margin: 0px auto;
		font-size: 1.5rem;
		line-height: 50px;
	}

	footer ul li2 {
		width: 32%;
		height: 50px;
		float: left;
		color: #808080;
		border: 0px solid #fff;
		margin: 0px auto;
		font-size: 1.5rem;
		line-height: 50px;
		text-decoration: none;
	}

	.c_con {
		width: 1024px;
		margin: 5px auto 0px auto;
		background-color: #696969;
	}

	.footlogo {
		width: 400px;
		margin: 10px auto 10px auto;
		transition: opacity 0.5s;
	}

	.footlogo:hover {
		opacity: 0.7;
	}

	.contact {
		display: none;
	}

	.copy {
		width: 530px;
		height: 20px;
		color: #000;
		font-size: 9pt;
		text-align: center;
		line-height: 20px;
		margin: 30px auto 10px auto;
		text-align: center;
		/* background-color: #2c5364; */
	}

	/* 上に戻るボタン */
	.pagetop {
		color: #fff;
		background: rgba(153, 8, 8, 0.7);
		text-decoration: none;
		text-decoration: none;
		display: none;
		position: fixed;
		bottom: 1.2rem;
		right: 1rem;
		font-size: 1.2rem;
		width: 5rem;
		height: 5rem;
		line-height: 5rem;
		border-radius: 5px;
		text-align: center;
		cursor: pointer;
		background-image: url(../img/v);
	}

	.pagetop:hover {
		color: #fff !important;
		background: rgba(153, 8, 8, 0.7);
		text-decoration: none;
		text-decoration: none;
	}

	/*　ハンバーガーメニューボタン　*/
	.hamburger {
		display: block;
		position: fixed;
		font-size: 12px;
		font-weight: bold;
		line-height: 1.1rem;
		color: #fff;
		z-index: 3;
		right: 5px;
		top: 5px;
		width: 50px;
		height: 50px;
		cursor: pointer;
		text-align: center;
		/* opacity: 0.7; */
		padding-top: 15px;
	}

	.hamburger span {
		display: block;
		position: absolute;
		width: 35px;
		height: 2px;
		left: 8px;
		right: 10px;
		background: #fff;
		-webkit-transition: 0.3s ease-in-out;
		-moz-transition: 0.3s ease-in-out;
		transition: 0.3s ease-in-out;
	}
	.hamburger span:nth-child(1) {
		top: 8px;
	}
	.hamburger span:nth-child(2) {
		top: 18px;
	}
	.hamburger span:nth-child(3) {
		top: 28px;
	}

	/* スマホメニューを開いてる時のボタン */
	.hamburger.active span:nth-child(1) {
		top: 17px;
		left: 6px;
		/* background: #fff; */
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}

	.hamburger.active span:nth-child(2),
	.hamburger.active span:nth-child(3) {
		top: 17px;
		/* background: #fff; */
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		transform: rotate(45deg);
	}

	/* メニュー背景　*/
	nav.globalMenuSp {
		position: fixed;
		z-index: 2;
		top: 0px;
		right: 0;
		line-height: 1.1em;
		font-size: 14px;
		padding: 60px 0px 0px 0px;
		color: #fff;
		background: rgba(75, 0, 0, 0.8);
		text-align: left;
		width: 200px;
		height: 100%;
		transform: translateX(200px);
		transition: all 0.7s;
	}

	nav.globalMenuSp ul {
		margin: 0px 0px 0px 25px;
		padding: 0;
		width: 100%;
	}

	nav.globalMenuSp ul li {
		list-style-type: none;
		padding: 0;
		width: 100%;
		transition: 0.4s all;
	}

	nav.globalMenuSp ul li:last-child {
		padding-bottom: 0;
	}

	/* nav.globalMenuSp ul li:hover {
		background: black;
		opacity: 0.8;
	} */

	nav.globalMenuSp ul li a {
		display: block;
		color: white;
		padding: 1em 0;
		text-decoration: none;
	}

	/* クリックでjQueryで追加・削除 */
	nav.globalMenuSp.active {
		opacity: 100;
		display: block;
		transform: translateX(0%);
	}
}

/* PCサイズブレイクポイント */
@media (min-width: 1079px) {
	body {
		/* font-family: Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif; */
		font-family: "游明朝", "Yu Mincho", YuMincho, "Hiragino Mincho Pro", serif;
		/* background-image: url(../img/bg3.jpg);
		background-repeat: repeat;
		background-size: 100%; */
		margin: 0;
		padding: 0;
	}

	#headcord {
		width: 100%;
		height: 110px;
		margin: 0px auto 0px auto;
		text-align: center;
		position: fixed !important;
		position: absolute;
		top: 0px;
		left: 0;
		z-index: 1200000;
	}

	#headerbox {
		width: 100%;
		height: 110px;
		margin: 0px auto;
	}

	.logo {
		display: block;
		width: 330px;
		float: left;
		margin: 5px 0px 0px 10px;
		transition: opacity 0.5s;
	}

	.logo:hover {
		opacity: 0.5;
	}

	.insta {
		width: 70px;
		height: 70px;
		margin-right: 80px;
		margin-top: 15px;
		float: right;
		transition: opacity 0.5s;
	}

	.insta:hover {
		opacity: 0.5;
	}

	.mail {
		display: block;
		width: 310px;
		/* height: 80px; */
		margin: 15px 10px 0px 0px;
		float: right;
		transition: opacity 0.5s;
	}

	.mail:hover {
		opacity: 0.5;
	}

	#m-link {
		display: none;
		width: 1000px;
		height: 30px;
		float: right;
		z-index: 10;
		/* font-size: 1.2rem; */
		color: #2b2b2b;
		line-height: 25px;
		margin: -45px 20px 0px 0px;
		text-align: right;
		/* border-top: 2px dotted #6f4b3e; */
	}

	.m-span {
		display: inline-block;
		position: relative;
		z-index: 10;
		overflow: hidden;
		font-family: Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
		margin-top: 0px;
		margin-left: 3px;
		margin-right: 3px;
		padding: 2px 10px;
		height: 17px;
		font-size: 11pt;
		text-align: center;
		line-height: 17px;
		border: 1px solid rgba(0, 0, 0, 0.6);
		background-color: rgba(255, 255, 255, 0.4);
	}

	.m-span ::after {
		content: "";
		position: absolute;
		z-index: -10;
		top: 0;
		left: -120%;
		width: 100%;
		height: 100%;
		transform: skew(-30deg);
		transition: 0.4s;
		background-color: #fff;
		opacity: 0.1;
	}

	.m-span :hover::after {
		left: 120%;
	}

	.key_visual {
		display: none;
		width: 100%;
		margin: 95px auto 40px auto;
	}

	.key_visual2 {
		display: block;
		width: 100%;
		margin: -2px auto 0px auto;
	}

	main {
	width: 1080px;
	height: 980px;
	margin: 0 auto;
	}

	.sub_ttl {
		display: none;
		width: 100%;
		text-align: center;
		font-size: 12pt;
		color: #a10101;
		margin: 50px auto 5px auto;
		/* text-shadow: 1px 2px 2px #ada996; */
	}

	.ttl {
		display: none;
		width: 100%;
		text-align: center;
		font-size: 22pt;
		color: #434343;
		margin: 5px auto 10px auto;
		text-shadow: 1px 2px 2px #ada996;
	}

	.head_sp {
		display: none;
		width: 100%;
		margin: -10px auto 0px auto;
	}

	.head_pc {
		display: block;
		width: 100%;
		margin: 0px auto 60px auto;
	}

	.sentence {
		display: none;
		width: 880px;
		text-align: left;
		font-size: 15pt;
		color: #434343;
		line-height: 1.7em;
		margin: 10px auto 5px auto;
	}

	.news {
		width: 350px;
		height: 35px;
		text-align: center;
		font-size: 17pt;
		color: #a10101;
		line-height: 35px;
		font-family: "游明朝", "Yu Mincho", "YuMincho", "Hiragino Mincho Pro", serif;
		margin: 20px auto 70px auto;
		text-shadow: 1px 2px 2px #ccc;
		border: 1px solid #a10101;
		border-radius: 50px;
		box-shadow: 2px 2px 2px #ccc;
	}

	.menu_box{
		width: 100%;
		height: auto;
		margin: 10px auto 5px auto;
		/* background-color: aliceblue; */
	}

	.product_box {
		width: 520px;
		height: 150px;
		float: left;
		margin: 0px 10px 50px 10px;
		/* background-color: #f0ffff; */
	}

	.items {
		width: 150px;
		height: 150px;
		float: left;
	}

	.items00 {
		width: 100%;
		height: 55px;
		margin-bottom: 15px;
		color: #5a544b;
		/* background-color: #808000; */
	}

	.right{
		width: 364px;
		height: 150px;
		float: left;
		font-size: 12pt;
		margin: 0px 0px 0px 6px;
		/* background-color: #2c5364; */
	}

	.ttl_main {
		width: 100%;
		height: 20px;
		line-height: 20px;
		letter-spacing: -0.05rem;
		text-align:left;
		font-size: 16pt;
		font-weight: bold;
		color: #a10101;
		margin: 5px 0px 5px 0px;
		padding: 0px 0px 0px 0px;
		/* border-bottom: 2px solid #a10101; */
		/* background-color: antiquewhite; */
		text-shadow: 1px 2px 2px #ada996;
	}

	.message {
		width: 100%;
		height: 40px;
		line-height: 2.2rem;
		text-align:left;
		font-size: 13pt;
		font-weight: normal;
		color: #434343;
		margin: 10px 0px 4px 0px;
		/* background-color: antiquewhite; */
	}

	.price {
		display: inline-block;
		width: 100%;
		height: 40px;
		line-height: 40px;
		text-align:left;
		font-size: 17pt;
		font-weight: normal;
		color: #a10101;
		margin: 0px 0px 0px 0px;
		/* background-color: antiquewhite; */
	}

	.detail {
		display: inline-block;
		/* width: 40%; */
		height: 25px;
		line-height: 25px;
		text-align:left;
		font-size: 11pt;
		font-weight: normal;
		font-family: Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
		color: #fff;
		margin: 0px 0px 0px 0px;
		padding: 0px 5px 0px 5px;
		background-color: #a10101;
		border-radius: 3px;
	}

	.buy {
		display: inline-block;
		/* width: 40%; */
		height: 18px;
		line-height: 18px;
		text-align:left;
		font-size: 11pt;
		font-weight: normal;
		font-family: Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
		color: #54514c;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 10px;
		
	}

	.fee{
	width:90%;
	height:auto;
	font-size: 21pt;
	color: #a10101;
	text-align: center;
	margin: 30px auto 20px auto;
	text-shadow: 1px 2px 2px #ada996;
	}

	.f_sentence{
		width:80%;
		height:auto;
		font-size: 13pt;
		color: #434343;
		text-align: left;
		margin: 5px auto 10px auto;
	}

	.f_sentence2{
		width:80%;
		height:auto;
		font-size: 13pt;
		color: #434343;
		text-align: left;
		line-height: 1.2em;
		text-indent: -1em;
		padding-left: 1em;
		margin: 5px auto 10px auto;
	}

	.right select{
		width:60px;
		height:25px;
		font-size: 10pt;
		line-height: 15px;
		margin-top: -2px;
	}

	.items_x select{
		width:100px;
		height:20px;
		font-size: 8pt;
		line-height: 15px;
		margin-top: -2px;
	}

	#form {
		width: 100%;
		margin: 15px auto;
		text-align: center;
		line-height: 1.5em;
	}

	#form th {
		width: 33%;
		text-align: left;
		padding-top: 10px;
		padding-left: 10px;
		padding-bottom: 15px;
		font-size: 9pt;
		font-weight: normal;
		line-height: 1.5em;
		background-color: #f0ffff;
	}

	#form td {
		width: 67%;
		text-align: left;
		margin-bottom: 25px;
		padding-top: 10px;
		padding-left: 10px;
		padding-right: 10px;
		padding-bottom: 15px;
		font-size: 9pt;
		font-weight: normal;
		line-height: 1.2em;
		background-color: rgb(255, 255, 255, 0.8);
	}

	.msg {
		width: 90%;
		margin: 15px auto 0px auto;
		/* background-color: #00bf8f; */
		text-align: center;
	}



	#contents_rsp {
		width: 900px;
		height: 1500px;
		margin: 30px auto 0px auto;
		/* background-color: #dcdcdc; */
	}

	.ttl_shop {
		width: 100%;
		height: 25px;
		color: #5a544b;
		text-align: center;
		font-size: 27pt;
		margin: 0px auto 25px auto;
		line-height: 25px;
		text-shadow: 1px 2px 2px #ada996;
	}

	.label {
		width: 250px;
		height: 20px;
		float: left;
		color: #5a544b;
		font-size: 1.7rem;
		margin-right: 10px;
		margin-bottom: 3px;
		line-height: 20px;
		border-left: 3px solid orange;
		padding-left: 5px;
		/* background-color: #ccc; */
	}

	.label00 {
		display: inline-block;
		width: 100%;
		height: 20px;
		/* float: left; */
		color: #5a544b;
		font-size: 1.7rem;
		margin-right: 5px;
		margin-bottom: 3px;
		line-height: 20px;
		border-left: 3px solid orange;
		padding-left: 5px;
	}

	.items01 {
		width: 100%;
		height: 25px;
		/* overflow: hidden; */
		margin-bottom: 15px;
		color: #000;
		/* background-color: #969696; */
	}

	.items00 {
		width: 100%;
		height: 60px;
		/* overflow: hidden; */
		margin-bottom: 15px;
		color: #000;
		/* background-color: #969696; */
	}

	.items_x {
		width: 100%;
		height: 25px;
		/* overflow: hidden; */
		margin-bottom: 15px;
		color: #000;
		/* background-color: #969696; */
	}

	.items02 {
		width: 100%;
		height: 50px;
		line-height: 2rem;
		margin-bottom: 15px;
		color: #000;
		/* background-color: #969696; */
	}

	.items07 {
		width: 100%;
		height: 150px;
		line-height: 1.8rem;
		/* margin-bottom: 15px; */
		color: #5a544b;
		/* background-color: #808000; */
	}

	.items000 {
		width: 100%;
		height: 160px;
		line-height: 1.8rem;
		/* margin-bottom: 15px; */
		color: #5a544b;
		/* background-color: #808000; */
	}

	.add{
		width: 100%;
		height: 32px;
		font-size: 1.4rem;
		color: #5a544b;
		float: left;
		line-height: 32px;
		margin-left: 10px;
		margin-bottom: 5px;
		/* background-color: #808000; */
	}

	.filter {
		height: 100px;
		width: 857px;
		float: left;
		margin: 30px auto 15px auto;
		padding: 10px;
		text-align: left;
		font-size: 1.7rem;
		color: #232526;
		line-height: 1.9rem;
		background-color: #fff;
		border: 1px solid #ccc;
		border-radius: 5px;
	}

	.r {
		display: inline-block;
		height: 22px;
		width: 350px;
		/* padding-top: -10px; */
		/* float: left; */
		margin-top: 3px;
		margin-left: -5px;
		text-align: left;
		font-size: 1.5rem;
		color: #5a544b;
		line-height: 22px;
		/* background-color: #ccc; */
	}

	.inputs {
		width: 100%;
		height: 30px;
	}

	.inputs_tx {
		width: 96%;
		height: 100px;
	}

	.inputs_tx::placeholder {
	color: #ccc;
	}

	.button-area {
		text-align: center;
		margin-top: 25px;
	}

	.btn {
		width: 90%;
		margin: 10px auto 10px auto;
	}

	button[type="button"] {
		width: 65px;
		margin: 10px auto 10px auto;
		/* float: right; */
		/* padding: 2px 5px; */
		font-size: 8.5pt;
		margin-left: 7px;
		color: #524e4d;
		cursor: pointer;
	}

	input[type="text000"] {
		width: 81%;
		height: 20px;
		margin: 0px auto 0px auto;
		/* float: right; */
		/* padding: 10px 15px; */
		font-size: 10pt;
		margin-left: 0px;
		color: #524e4d;
		cursor: pointer;
	}

input[type="submit"] {
	width: 47%;
	margin: 10px auto 10px auto;
	padding: 25px 15px;
	margin-right: 20px;
	margin-left: 5px;
	/* float: left; */
	color: #524e4d;
	font-size: 12pt;
	cursor: pointer;
}

input[type="reset"] {
	width: 47%;
	margin: 10px auto 10px auto;
	/* float: right; */
	padding: 25px 15px;
	font-size: 12pt;
	color: #524e4d;
	cursor: pointer;
}

input[type="button"] {
	width: 47%;
	margin: 10px auto 10px auto;
	/* float: right; */
	padding: 10px 15px;
	font-size: 10pt;
	margin-left: 7px;
	color: #524e4d;
	cursor: pointer;
}

input[type="radio"] {
	font-size: 18pt;
	color: #524e4d;
	cursor: pointer;
	position: relative;
	top: -3px; /* ラジオボタンとラベルのズレを調整 */
	right: -5px;
}

textarea {
	display: block;
	width: 100%;
	height: 100x;
	margin: 15px 0px 15px 0px;
	color: #ada996;
	font-size: 1.3rem;
	padding: 5px;
}

#point_ttl0 {
	font-size: 1.3rem;
	margin: 240px auto 5px auto;
	text-align: center;
	color: #0f2027;
	font-family: "游明朝", "Yu Mincho", "YuMincho", "Hiragino Mincho Pro", serif;
	line-height: 1.2em;
	}
	.c_box {
	width: 85%;
	font-size: 1.4rem;
	font-family: "游明朝", "Yu Mincho", "YuMincho", "Hiragino Mincho Pro", serif;
	margin: 15px auto 0px auto;
	text-align: left;
	line-height: 1.8em;
	}


	.c_box {
	width: 900px;
	font-size: 1.4rem;
	font-family: "游明朝", "Yu Mincho", "YuMincho", "Hiragino Mincho Pro", serif;
	margin: 15px auto 0px auto;
	text-align: left;
	line-height: 1.8em;
	}

	.msg {
		width: 85%;
		text-align: center;
		margin: 0 auto;
	}

	#form {
		width: 100%;
		margin: 15px auto;
		text-align: center;
		line-height: 1.5em;
	}

	#form th {
		width: 35%;
		text-align: left;
		padding-top: 10px;
		padding-left: 10px;
		padding-bottom: 15px;
		font-size: 12pt;
		font-weight: normal;
		line-height: 1.6em;
		background-color: #f5f5f5;
	}

	#form td {
		width: 65%;
		text-align: left;
		margin-bottom: 25px;
		padding-top: 10px;
		padding-left: 10px;
		padding-right: 10px;
		padding-bottom: 15px;
		font-size: 12pt;
		font-weight: normal;
		line-height: 1.5em;
	}

	.point {
	width: 880px;
	font-size: 1.4rem;
	color: #434343;
	font-family: "游明朝", "Yu Mincho", "YuMincho", "Hiragino Mincho Pro", serif;
	line-height: 1.1em;
	margin: 0px auto 15px auto;
	padding: 10px 10px;
	border: 1px solid #ada996;
	border-radius: 3px;
	box-shadow: 2px 2px 2px #ccc;
	}

	.map_sp {
		display: none;
		width: 100%;
		height: 580px;
		padding-top: 15px;
		margin: -15px auto 0px auto;
		text-align: center;
		background-color: #a10101;
	}

	.map_mov {
		display: none;
		width: 100%;
		height: 400px;
		float: left;
		padding-bottom: 0px;
		margin: 0px auto 0px auto;
		text-align: center;
	}

	.logo_map {
		display: block;
		width: 180px;
		float: left;
		padding-bottom: 0px;
		margin: 0px 0px 0px 7px;
		text-align: center;
	}

	.map_pc {
		display: block;
		width: 100%;
		height: 580px;
		float: left;
		padding-bottom: 0px;
		margin: 0px auto 0px auto;
		text-align: center;
	}

	.tab_map {
		display: block;
		width: 100%;
		height: 400px;
		float: left;
		padding-bottom: 0px;
		margin: 0px auto 0px auto;
		text-align: center;
	}

	.pc_map {
		display: block;
		width: 100%;
		height: 580px;
		float: left;
		padding-bottom: 0px;
		margin: 0px auto 0px auto;
		text-align: center;
	}

	.ad_box {
		display: block;
		width: 18%;
		height: 580px;
		padding-bottom: 0px;
		float: right;
		margin: -400px auto 0px auto;
		text-align: center;
		background-color: rgba(146, 22, 13, 0.9);
	}

	.m_title {
		display: block;
		width: 180px;
		height: 25px;
		font-size: 12pt;
		line-height: 25px;
		color: #fff;
		text-align: center;
		margin: 35px auto 10px auto;
		border: 1px solid #fff;
		border-radius: 50px;
		/* text-shadow: 1px 2px 2px #54514c; */
	}

    .opentime {
	width: 85%;
	height: 20px;
	font-size: 12pt;
	color: #fff;
	text-align: left;
	margin: 5px auto -5px auto;
	line-height: 2.2rem;
	/* text-shadow: 1px 2px 2px #54514c; */
}

	.address_sp {
		width: 85%;
		height: 160px;
		font-size: 11pt;
		color: #fff;
		text-align: left;
		margin: 10px auto 15px auto;
		line-height: 2.6rem;
		/* text-shadow: 1px 2px 2px #54514c; */
	}

	.address_sp2 {
		width: 85%;
		height: 80px;
		font-size: 11pt;
		color: #fff;
		text-align: left;
		margin: 10px auto 15px auto;
		line-height: 2.6rem;
		/* text-shadow: 1px 2px 2px #54514c; */
	}

    	.logo_map {
		display: block;
		width: 90%;
		padding: 0px 10px;
		margin: 0px auto 0px auto;
		text-align: center;
	}

	.page {
		width: 100%;
		height: 500px;
		/* margin-top: -0.5px; */
		background-image: url(../img/bg3.jpg);
		background-repeat: repeat;
		background-size: 100%;
	}

	.b_box {
		width: 800px;
		height: 475px;
		margin: 0 auto;
		/* background-color: #1b211f; */
	}

	.foot_ttl {
		width: 500px;
		/* height: 500px; */
		margin: 20px auto 0px auto;
		font-size: 10pt;
		color: #001510;
		text-align: center;
		line-height: 1.5em;
		/* background-color: #00bf8f; */
	}

	#foot-link {
		width: 580px;
		height: 80px;
		line-height: 20px;
		margin: 30px auto 10px auto;
		text-align: center;
		/* background-color: #2c5364; */
	}

	.foot-span {
		display: inline-block;
		position: relative;
		z-index: 10;
		overflow: hidden;
		margin-top: 0px;
		margin-left: 2px;
		margin-right: 2px;
		padding: 1px 8px;
		height: 20px;
		font-size: 11pt;
		text-align: center;
		line-height: 20px;
		color: #000;
		/* border: 1px solid rgba(255, 255, 255, 0.4); */
		/* background-color: rgba(0, 0, 0, 0.1); */
	}

	footer ul li {
		/* width: 33%;
		height: 50px; */
		padding: 0px 10px;
		color: #fc4a1a;
		border: 0px solid #fff;
		margin: 0px auto;
		font-size: 1.5rem;
		line-height: 50px;
	}

	footer ul li2 {
		width: 32%;
		height: 50px;
		float: left;
		color: #808080;
		border: 0px solid #fff;
		margin: 0px auto;
		font-size: 1.5rem;
		line-height: 50px;
		text-decoration: none;
	}

	.c_con {
		width: 1024px;
		margin: 5px auto 0px auto;
		background-color: #696969;
	}

	.footlogo {
		width: 450px;
		margin: 10px auto 0px auto;
		transition: opacity 0.5s;
	}
	.footlogo:hover {
		opacity: 0.7;
	}

	.contact {
		display: none;
	}

	.copy {
		width: 530px;
		height: 20px;
		color: #000;
		font-size: 9pt;
		text-align: center;
		line-height: 20px;
		margin: 30px auto 10px auto;
		text-align: center;
		/* background-color: #2c5364; */
	}

	/* 上に戻るボタン */
	.pagetop {
		color: #fff;
		background: rgba(153, 8, 8, 0.7);
		text-decoration: none;
		text-decoration: none;
		display: none;
		position: fixed;
		bottom: 1.2rem;
		right: 1rem;
		font-size: 1.4rem;
		width: 7rem;
		height: 7rem;
		line-height: 7rem;
		border-radius: 5px;
		text-align: center;
		cursor: pointer;
		background-image: url(../img/v);
	}

	.pagetop:hover {
		color: #fff !important;
		background: rgba(153, 8, 8, 0.7);
		text-decoration: none;
		text-decoration: none;
	}

	.logo_nav {
		width: 180px;
		/* height: 100px; */
		margin: 0px auto 10px auto;
		opacity: 0.8;
	}

	.nav_address {
		width: 85%;
		text-align: center;
		line-height: 1.5em;
		font-size: 12pt;
		color: #fff;
		margin: 0px auto 30px auto;
		/* background-color: #00bf8f; */
	}

	/*　ハンバーガーメニューボタン　*/
	.hamburger {
		display: block;
		position: fixed;
		font-size: 14px;
		font-weight: bold;
		line-height: 1.7rem;
		color: #fff;
		z-index: 15000000;
		right: 20px;
		top: 15px;
		width: 50px;
		height: 70px;
		cursor: pointer;
		text-align: center;
		opacity: 0.8;
		padding-top: 15px;
	}

	.hamburger span {
		display: block;
		position: absolute;
		width: 45px;
		height: 3px;
		left: 3px;
		right: 25px;
		background: #fff;
		-webkit-transition: 0.3s ease-in-out;
		-moz-transition: 0.3s ease-in-out;
		transition: 0.3s ease-in-out;
	}
	.hamburger span:nth-child(1) {
		top: 8px;
	}
	.hamburger span:nth-child(2) {
		top: 23px;
	}
	.hamburger span:nth-child(3) {
		top: 38px;
	}

	/* スマホメニューを開いてる時のボタン */
	.hamburger.active span:nth-child(1) {
		top: 20px;
		left: 3px;
		/* background: #fff; */
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}

	.hamburger.active span:nth-child(2),
	.hamburger.active span:nth-child(3) {
		top: 20px;
		/* background: #fff; */
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		transform: rotate(45deg);
	}

	/* メニュー背景　*/
	nav.globalMenuSp {
		position: fixed;
		z-index: 100000;
		top: 0px;
		right: 0;
		line-height: 1.1em;
		font-size: 16px;
		padding: 95px 0px 0px 0px;
		color: #fff;
		background: rgba(75, 0, 0, 0.8);
		text-align: left;
		width: 250px;
		height: 100%;
		transform: translateX(250px);
		transition: all 0.7s;
	}

	nav.globalMenuSp ul {
		margin: 0px 0px 0px 35px;
		padding: 0;
		width: 100%;
	}

	nav.globalMenuSp ul li {
		list-style-type: none;
		padding: 0;
		width: 100%;
		transition: 0.4s all;
	}

	nav.globalMenuSp ul li:last-child {
		padding-bottom: 0;
	}

	nav.globalMenuSp ul li:hover {
		/* background: #fff; */
		opacity: 0.5;
	}

	nav.globalMenuSp ul li a {
		display: block;
		color: white;
		padding: 1em 0;
		text-decoration: none;
	}

	/* クリックでjQueryで追加・削除 */
	nav.globalMenuSp.active {
		opacity: 100;
		display: block;
		transform: translateX(0%);
	}
}