@charset "UTF-8";

/* COMPASS
* ----------------------------------------------- */
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;
	border: 0;
	font: inherit;
	font-size: 100%;
	vertical-align: baseline;
}

ol, ul {
	list-style: none;
}

ul.asterisk li {
	text-indent: -1em;
	padding-left: 15px;
	font-size: 1.3rem;
}

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

table th, table td {
	padding: 8px;
	border-width: 1px 0px;
	border-color: #c6c6c6;
	border-style: solid;
	font-weight: 500;
	color: #333333;
	vertical-align: middle;
}

table th {
	background-color: #d3d3d3;
}

p {
	display: block;
	padding-bottom: 3px;
}
/* .basic-table {
    margin-left: 32px;
} */
@media screen and (max-width: 767px) {
	/* table,
    table tr,
    table td,
    table th {
        display: block;
    } */
	table {
		font-size: 1.4rem;
	}
	table th {
		width: auto;
	}
	table th, table td {
		padding: 10px 10px 10px 10px;
	}
}
/* caption,
th,
td {
    text-align: left;
    font-weight: normal;
    vertical-align: middle;
} */
q, blockquote {
	quotes: none;
}

q:before, q:after, blockquote:before, blockquote:after {
	content: "";
	content: none;
}

a img {
	border: none;
}

a.anchor {
	display: block;
	padding-top: 70px;
	margin-top: -70px;
}

article, aside, details, figcaption, figure, footer, header, hgroup,
main, menu, nav, section, summary {
	display: block;
}
/* ADDITIONAL RESET
* ----------------------------------------------- */
*, *:before, *:after {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

body * {
	max-height: 99999em;
}

body img {
	max-height: none;
}

* {
	-ms-overflow-style: none;
}
/*
*::-webkit-scrollbar {
display: none;
}*/
/* GENERAL
* ----------------------------------------------- */
html {
	font-size: 62.5%;
}

body {
	color: #333333;
	font-family: "游ゴシック", YuGothic, "Yu Gothic", Verdana, "ヒラギノ角ゴ ProN W3",
	"Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: 500;
	-webkit-text-size-adjust: none;
	-moz-text-size-adjust: none;
	-ms-text-size-adjust: none;
}

.wrap-all {
	width: 100%;
	min-width: 100%;
	overflow: hidden;
}

.ie body {
	font-family: "メイリオ", Meiryo, "游ゴシック", YuGothic, "Yu Gothic", Verdana,
	"ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif;
}

.ft-serif {
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN",
	"HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", Georgia, serif;
}

.ft-arial {
	font-family: Arial, sans-serif;
}

.ft-junpro {
	font-family: "Jun201Pro-Regular-AlphaNum", "A-OTF Jun Pro 201",
	"A-OTF Jun Pro", sans-serif;
}

.ie .ft-junpro {
	font-family: "メイリオ", Meiryo, "游ゴシック", YuGothic, "Yu Gothic", Verdana,
	"ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif;
}

.get-posts:not(.loaded){
	opacity:0;
}
.get-posts {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
}

.post-item {
	-moz-transition: opacity 0.3s ease;
	-o-transition: opacity 0.3s ease;
	-webkit-transition: opacity 0.3s ease;
	transition: opacity 0.3s ease;
}
/* HELPERS
* ----------------------------------------------- */
.lazyload:not(.loaded) {
	min-height: 100px;
}
.transparent {
	opacity: 0;
}

.page-yakusoku>img {
	display: none;
}

.clearfix {
	*zoom: 1;
}

.clearfix:after {
	content: " ";
	display: table;
	clear: both;
}

.img_pc {
	width: 70%;
	margin: 0 auto 10px;
}

@media screen and ( max-width : 750px) {
	.img_pc {
		width: 100%;
	}
}

img {
	display: block;
	max-width: 100%;
	height: auto;
}

img.full {
	width: 100%;
}

.center {
	margin: 0 auto;
}

.right {
	margin-left: auto;
}

.left {
	margin-right: auto;
}

ul.dot {
	list-style: inherit;
	padding-left: 1em;
}

a {
	color: #0070c9;
	text-decoration: none;
}

a:hover {
	filter: progid: DXImageTransform.Microsoft.Alpha(enabled=false);
	opacity: 0.8;
	-moz-transition: opacity 0.26s ease;
	-o-transition: opacity 0.26s ease;
	-webkit-transition: opacity 0.26s ease;
	transition: opacity 0.26s ease;
	cursor: pointer;
	text-decoration: none;
}

.dis-block {
	display: block;
}

.dis-inline {
	display: inline-block;
	font-size: 18px !important;
}

.trans {
	filter: progid: DXImageTransform.Microsoft.Alpha(enabled=false);
	opacity: 1;
	-moz-transition: opacity 0.26s ease;
	-o-transition: opacity 0.26s ease;
	-webkit-transition: opacity 0.26s ease;
	transition: opacity 0.26s ease;
	cursor: pointer;
}

.trans:hover {
	filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=80);
	opacity: 0.8;
	text-decoration: none;
}

strong {
	font-weight: bold;
}

.hidden {
	display: none;
}

.invisible {
	visibility: hidden;
}

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

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

.text-center img {
	display: inline-block;
}

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

.text-justify {
	text-align: justify;
	text-justify: distribute;
}

.text-nowrap {
	white-space: nowrap;
}

.text-lowercase {
	text-transform: lowercase;
}

.text-uppercase {
	text-transform: uppercase;
}

.text-capitalize {
	text-transform: capitalize;
}

.text-nomal {
	font-weight: 500;
}

.text-strong {
	font-weight: 700;
}

.normal-text p {
	line-height: 20px;
	margin-bottom: 20px;
}

.strong-text p {
	font-size: 18px !important;
	line-height: 24px !important;
	font-weight: bold !important;
	margin-bottom: 24px !important;
}

.strong-text.mycole_tx p {
	background: url(/img/common/maru_red.png) no-repeat left center;
	background-size: 13px;
	padding-left: 20px;
}

.strong-text.mycole_tx.art p {
	background: url(/img/common/maru_blue.png) no-repeat left center;
	background-size: 13px;
}

.container {
	background-color: #fff;
}

.ver-top {
	vertical-align: top;
}

.ver-middle {
	vertical-align: middle;
}

.ver-bottom {
	vertical-align: bottom;
}

.wrapper {
	width: 1048px;
	margin-left: auto;
	margin-right: auto;
}

.img-left {
	float: left;
	margin-right: 20px;
	margin-bottom: 10px;
}

.img-right {
	float: left;
	margin-left: 20px;
	margin-bottom: 10px;
}
/* RESPONSIVE
* ----------------------------------------------- */
.sm, .sm-inline {
	display: none !important;
}

@media screen and ( max-width : 1048px) and ( min-width : 750px) {
	.wrapper {
		/* width: auto; */
		min-width: 750px;
		max-width: 100%;
		margin: 0;
		padding-left: 15px;
		padding-right: 15px;
	}
}
@media screen and ( max-width : 750px) {
	.md {
		display: none !important;
	}
	.sm {
		display: block !important;
	}
	.sm-inline {
		display: inline !important;
	}
	.img-left, .img-right {
		display: block;
		margin: 0 auto 10px;
		float: none;
	}
	.img-left-sm {
		float: left;
		width: 46%;
		margin-right: 10px;
		margin-bottom: 10px;
	}
	.img-right-sm {
		float: right;
		width: 46%;
		margin-left: 10px;
		margin-bottom: 10px;
	}
	.trans, .trans:hover {
		filter: progid: DXImageTransform.Microsoft.Alpha(enabled=false);
		opacity: 1;
		-moz-transition: all 0.26s ease;
		-o-transition: all 0.26s ease;
		-webkit-transition: all 0.26s ease;
		transition: all 0.26s ease;
	}
	.container {
		width: auto;
		min-width: 320px;
	}
	.wrapper {
		width: auto;
		margin: 0;
		padding-left: 15px;
		padding-right: 15px;
	}
}

@media screen and ( max-width : 374px) {
	body {
		padding-bottom: 50px;
	}
	.wrapper {
		padding-left: 10px;
		padding-right: 10px;
	}
}

/* PARTS
* ----------------------------------------------- */
.flex {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
}

.fl-l {
	float: left;
}

.fl-r {
	float: right;
}

.dis-tb {
	display: table;
	width: 100%;
}

.dis-tb .dis-cell {
	display: table-cell;
}

.required-mark {
	display: inline-block;
	height: 24px;
	background-color: #e94235;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	border-radius: 12px;
	color: #fff;
	font-size: 1.4rem;
	padding: 0px 20px;
	margin-left: 10px;
	vertical-align: middle;
	line-height: 24px;
}

.link-cmn {
	display: inline-block;
	color: #0070c9;
	text-decoration: underline;
	cursor: pointer;
}

.link-cmn:hover {
	text-decoration: none;
}

.link-cmn.with-arrow {
	background-image: url(../img/common/icon-arrow06.png);
	background-repeat: no-repeat;
	background-size: 16px auto;
	background-position: left center;
	padding: 3px 0 3px 23px;
}

.link-cmn.with-arrow.top-arrow {
	background-position: 0px 6px;
}

.link-cmn.with-vector {
	background-image: url(../img/common/icon-vector_2.png);
	background-repeat: no-repeat;
	background-size: 14px auto;
	background-position: left center;
	padding: 3px 0 3px 23px;
	display: inline;
}

.link-cmn.with-arrow-red-right {
    background-image: url(../img/common/icon-arrow-next-red.png);
    background-repeat: no-repeat;
    background-size: 10px auto;
    background-position: right center;
    padding: 3px 16px 3px 0;
    display: inline;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.link-cmn.with-arrow-red-left {
    background-image: url(../img/common/icon-arrow-prev-red.png);
    background-repeat: no-repeat;
    background-size: 10px auto;
    background-position: left center;
    padding: 3px 0 3px 16px;
    display: inline;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.link-cmn.with-window {
	background-image: url(../img/common/icon-window.png);
	background-repeat: no-repeat;
	background-size: 16px auto;
	background-position: left center;
	padding: 3px 0 3px 23px;
}

.link-cmn.with-trash {
	background-image: url(../img/common/icon-trash.png);
	background-repeat: no-repeat;
	background-size: 16px auto;
	background-position: left center;
	padding: 3px 0 3px 23px;
}

.text-blue {
	color: #0070c9;
}

.text-black {
	color: #333333;
}

.text-red {
	color: #e94235;
}

.cover-select {
	display: inline-block;
	margin-left: 15px;
	vertical-align: middle;
	width: 175px;
	position: relative;
	background: #fff;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	outline: none;
	border: 1px solid #dcdcdc;
	overflow: hidden;
}

.cover-select:after {
	position: absolute;
	content: "";
	width: 32px;
	height: 31px;
	top: 0;
	right: 0;
	background: url(../img/event/753/icon-select.jpg) no-repeat center center;
	background-size: 32px auto;
	pointer-events: none;
}

.cover-select select {
	width: 100%;
	font-family: "游ゴシック", YuGothic, "Yu Gothic", Verdana, "ヒラギノ角ゴ ProN W3",
	"Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	border: 0;
	height: 32px;
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	appearance: none;
	background: #ffffff;
	outline: none;
	color: #333333;
	padding-left: 11px;
}
/*tag*/
.tags-costume {
	margin-top: 20px;
	margin-bottom: 8px;
	text-align: left;
}

.tags-costume span {
	display: inline-block;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	border-radius: 4px;
	background: #fff;
	border: 1px solid #dcdcdc;
	width: auto;
	text-align: left;
	margin-right: 4px;
	margin-bottom: 1px;
	padding: 2px 7px;
	font-size: 1.2rem;
}

/* COMMON HEADER
* ----------------------------------------------- */
.go-to-top {
	position: fixed;
	right: 20px;
	bottom: 20px;
	width: 57px;
	cursor: pointer;
	z-index: 999;
}

@media screen and ( max-width : 750px) {
	.go-to-top {
		right: 10px;
		bottom: 60px;
		width: 35px;
	}
	.stick-ft {
		position: fixed;
		width: 100%;
		left: 0;
		bottom: 0;
		background: #e94235;
		z-index: 40;
		-moz-transition: all 0.26s ease;
		-o-transition: all 0.26s ease;
		-webkit-transition: all 0.26s ease;
		transition: all 0.26s ease;
	}
	.stick-ft.down {
		-webkit-transform: translateY(100%);
		-ms-transform: translateY(100%);
		transform: translateY(100%);
	}
	.stick-ft .inner {
		display: table;
		width: 100%;
	}
	.stick-ft .inner a {
		display: table-cell;
		vertical-align: middle;
		color: #fff;
		height: 50px;
		padding-left: 37px;
		line-height: 16px;
		background-repeat: no-repeat;
		background-size: 18px auto;
		background-position: 10px center;
		background-image: url(../img/common/icon-ft-stick03.png);
	}
	.stick-ft .inner a.calendar {
		width: 38.7%;
		padding-left: 35px;
		background-image: url(../img/common/icon-ft-stick01.png);
	}
	.stick-ft .inner a.look {
		width: 27%;
		border-left: 1px solid #fff;
		border-right: 1px solid #fff;
		padding-left: 41px;
		background-image: url(../img/common/icon-ft-stick02.png);
	}
	.stick-ft span {
		font-size: 12px;
	}
}

@media screen and ( max-width : 374px) {
	.stick-ft .inner a {
		background-size: 16px auto;
		background-position: 5px center !important;
		text-align: center;
		padding-left: 24px;
	}
	.stick-ft .inner a.calendar {
		padding-left: 22px;
		width: 41%;
	}
	.stick-ft .inner a.look {
		padding-left: 19px;
		width: 27%;
	}
}
/* COMMON TITLES
* ----------------------------------------------- */
.ttl-h1 {
	font-size: 2.8rem;
}

.ttl-h1 span {
	font-size: 1.6rem;
	display: block;
}

.ttl-custome-h2 {
	text-align: center;
	font-size: 2.4rem;
	border-bottom: 1px solid #e94235;
	padding-bottom: 5px;
	margin-bottom: 20px;
}

.ttl-custome-h2.has-icon .text {
	padding-left: 60px;
}

.ttl-custome-h2.text-left {
	text-align: left;
}

.ttl-custome-h2 .text {
	display: inline-block;
	padding: 10px 0 10px;
	background-repeat: no-repeat;
	background-position: left center;
	background-size: auto 34px;
	font-weight: 500;
	letter-spacing: 0.05em;
}

.ttl-cmn-h3 {
	margin-bottom: 40px;
}

.ttl-cmn-h3 {
	margin-bottom: 40px;
}

.ttl-cmn-h3, h3.mycole {
	text-align: left;
	color: #333333;
	font-size: 1.8rem;
	font-weight: bold;
	background-color: #f6f6f6;
	position: relative;
	padding: 13px 34px 12px;
	font-weight: bold;
}

h3.mycole {
	padding: 13px 33px 12px;
	background: url(/img/common/maru_red.png) no-repeat 15px center #f6f6f6;
	background-size: 13px;
}

h3.mycole.art {
	background: url(/img/common/maru_blue.png) no-repeat 15px center #f6f6f6;
	background-size: 13px;
}

.ttl-cmn-h3:after {
	position: absolute;
	top: 16px;
	bottom: 16px;
	content: "";
	left: 16px;
	width: 2px;
	background-color: #e94235;
}

.ttl-cmn-h4 {
	text-align: center;
	padding-bottom: 20px;
	border-bottom: 1px solid #e6e6e6;
	font-size: 1.5em;
	font-weight: 700;
	margin-bottom: 20px;
}

.ttl-cmn {
	text-align: center;
	font-size: 2.4rem;
}

.ttl-cmn.has-icon .text {
	padding-left: 60px;
}

.ttl-cmn.text-left {
	text-align: left;
}

.ttl-cmn .text {
	display: inline-block;
	padding: 10px 0 10px;
	background-repeat: no-repeat;
	background-position: left center;
	background-size: auto 34px;
	font-size: 2.8rem;
	font-weight: 500;
	letter-spacing: 0.05em;
}

.ttl-cmn .text.icon-reserv {
	background-image: url(../img/common/icon-reserv-b.png);
}

.ttl-cmn .text.icon-bug-glasses {
	background-image: url(../img/common/icon-bug-glasses-b.png);
}

.ttl-cmn .text.icon-store {
	background-image: url(../img/common/icon-store-b.png);
}

@media screen and ( max-width :750px) {
	/*タイトルレスポンシブ*/
	.ttl-h1 {
		margin: 23px 0 23px 0;
		font-size: 2.2rem;
	}
	.ttl-h1 span {
		font-size: 1.6rem;
		display: block;
	}
	.ttl-custome-h2 {
		text-align: center;
		border: none;
		padding: 10px 0 10px 15px;
		margin-bottom: 20px;
		font-size: 2rem;
		background-color: #fff2c7;

	}
	.ttl-custome-h2.has-icon .text {
		padding-left: 50px;
	}
	.ttl-custome-h2 .text {
		background-size: auto 36px;
	}
	.ttl-cmn .text {
		background-size: auto 32px;
		font-size: 2.5rem;
		font-weight: bold;
	}
	.ttl-cmn.has-icon .text {
		padding-left: 40px;
	}
}
/* COMMON ICONS
* ----------------------------------------------- */
/*左寄せ*/
.icon-net {
	background: url(../img/common/icon-booking-red.png) no-repeat left center;
}

.icon-campaign {
	background: url(../img/common/icon-campain.png) no-repeat left center;
}

.icon-gallery {
	background: url(../img/common/Icon_ttl_dress.png) no-repeat left center;
}

.icon-beginner {
	background: url(../img/common/icon-beginner.png) no-repeat left center;
}

.icon-blog {
	background: url(../img/common/Icon_ttl_document.png) no-repeat left center;
}

.icon-store {
	background: url(../img/common/icon-store.png) no-repeat left center;
}

.icon-store-search {
	background: url(../img/common/icon-search.png) no-repeat left center;
}

.icon-gray-plus {
	background: url(../img/common/gray-plus.png) no-repeat left center;
}

/*右寄せ*/
.icon-plus {
	background: url(../img/common/icon-plus.png) no-repeat right center;
}

.icon-m {
	background: url(../img/common/icon-m.png) no-repeat right center;
}

.icon-question {
	background: url(../img/common/question-blue.png) right center/16px no-repeat;
}

.icon-triangle {
	background: url(../img/common/select-mark.png) no-repeat right center;
}

/* COMMON BUTTONS
* ------------------------------------------- */
.btn-net-reserv {
	display: block;
	width: 332px;
	text-align: center;
	color: #fff;
	font-weight: bold;
	font-size: 2.2rem;
	box-shadow: 0 6px 0 #ba352a;
	border-radius: 16px;
	background-color: #e94235;
	background-image: url(../img/common/icon-booking.png);
	background-repeat: no-repeat;
	background-size: 30px auto;
	background-position: 20px center;
	padding: 0.8rem 0 0.6rem 5.5rem;
}

.btn-net-reserv span {
	font-size: 1.6rem;
}

.btn-net-reserv img {
	display: inline-block;
	vertical-align: middle;
	width: 12.5px;
	margin: 0 11px;
}

.btn-net-reserv-s {
	position:relative;
	display: block;
	width: 150px;
	text-align: center;
	color: #fff;
	font-weight: bold;
	font-size: 13px;
	box-shadow: 0 6px 0 #ba352a;
	border-radius: 16px;
	background-color: #e94235;
	padding: 18px 0px 18px 12px; /*テキストの幅を広げる*/
	line-height: 1.2em;
}

.btn-net-reserv-s:before {
	content:'';
	position:absolute; /*絶対値指定*/
	background-image:url(../img/common/icon-arrow07.png);
	background-position:center center; /*中央指定*/
	background-repeat:no-repeat;
	width: 15px;
	height: 15px;
	top: 18px;
	left: 5px;
	display:inline-block;
	background-size:contain; /*画像サイズの縮小*/
}

.btn-net-reserv-s img {
	display: inline-block;
	vertical-align: middle;
	width: 12.5px;
	margin: 0 3px;
}

.btn-net-reserv-s .text-top {
	position: relative;
	font-size: 12px;
}

.btn-net-reserv-s .text-top:after {
	position: absolute;
	content: "";
	background-image: url(../img/common/shape_l.png);
	background-repeat: no-repeat;
	background-position: center center;
	width: 11px;
	height: 14px;
	top: 4px;
	left: -21px;
}

.btn-net-reserv-s .text-top:before {
	position: absolute;
	content: "";
	background-image: url(../img/common/shape_r.png);
	background-repeat: no-repeat;
	background-position: center center;
	width: 11px;
	height: 14px;
	top: 4px;
	right: -15px;
}

.list-top-btn-parent {
	text-align: center;
}

.list-top-btn-parent .item {
	float: left;
	width: 25%;
}

.list-top-btn-parent .item .inner {
	padding: 13px 6px 13px 0;
}

.btn-flat-border {
	display: inline-block;
	padding: 0.3em 1em;
	text-decoration: none;
	color: #e94235;
	border: solid 2px #e94235;
	border-radius: 3px;
	transition: .4s;
}

.btn-flat-border:hover {
	background: #e94235;
	color: white;
}

@media screen and ( min-width : 750px) {
	.list-top-btn-parent {
		border-radius: 4px;
		background-color: #f6f6f6;
	}
	.list-top-btn-parent .item:first-child {
		padding-left: 16px;
	}
	.list-top-btn-parent .item:last-child {
		padding-right: 10px;
	}
}

.list-top-btn {
	display: inline-block;
	box-shadow: inset 0 -1px 0 #ebebeb;
	border-radius: 8px;
	background-color: #ffffff;
	background-size: 18px auto;
	padding: 20px 0px 20px 0px;
	width: 100%;
	text-align: center;
}

.list-top-btn.net {
	background-image: url(../img/common/icon-booking-red.png);
	background-repeat: no-repeat;
	background-position: 16px center;
}

.list-top-btn.campaign {
	background-image: url(../img/common/icon-campain.png);
	background-repeat: no-repeat;
	background-position: 16px center;
}

.list-top-btn.gallery {
	background-image: url(../img/common/Icon_ttl_dress.png);
	background-repeat: no-repeat;
	background-position: 16px center;
}

.list-top-btn.beginner {
	background-image: url(../img/common/icon-beginner.png);
	background-repeat: no-repeat;
	background-position: 16px center;
}

@media screen and ( max-width :750px) {
	.list-top-btn-parent .item {
		width: 50%;
	}
	.list-top-btn {
		background-size: 3.466vw;
		box-shadow: 0 4px 0 rgba(4, 0, 0, 0.05);
		border-radius: 12px;
		border: 2px solid #e6e6e6;
		padding: 4.533vw 0 4.533vw 2.133vw;
		font-size: 2.933vw;
	}
}

.btn-strong {
	display: block;
	width: 616px;
	text-align: center;
	color: #fff;
	font-weight: bold;
	font-size: 1.6rem;
	border: 0;
	outline: none;
	-moz-border-radius: 13px;
	-webkit-border-radius: 13px;
	border-radius: 13px;
	background-color: #e94235;
	-webkit-box-shadow: 0px 4px 0px 0px #ba352a;
	-moz-box-shadow: 0px 2px 0px 0px #ba352a;
	box-shadow: 0px 2px 0px 0px #ba352a;
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	appearance: none;
	padding: 15px 0 13px;
}

.btn-strong.center {
	margin-left: auto;
	margin-right: auto;
}

.btn-strong.with-arrow {
	background-image: url(../img/common/Icon_btn_arrow1.png);
	background-repeat: no-repeat;
	background-size: 5% auto;
	background-position: 20px center;
}

.btn-strong.with-bug-glasses {
	background-image: url(../img/common/icon-bug-glasses-w.png);
	background-repeat: no-repeat;
	background-size: 5% auto;
	background-position: 20px center;
}

.btn-strong.with-right-arrow {
	background-image: url(../img/common/icon-arrow07.png);
	background-repeat: no-repeat;
	background-size: 5% auto;
	background-position: 20px center;
}

.btn-strong.with-mail {
	background-image: url(../img/common/icon-mail.png);
	background-repeat: no-repeat;
	background-size: 30px auto;
	background-position: 20px center;
}

.btn-strong-reservation {
	display: block;
	max-width: 586px;
	text-align: center;
	color: #fff;
	font-weight: 700;
	font-size: 1.6rem;
	border: 0;
	outline: none;
	-moz-border-radius: 13px;
	-webkit-border-radius: 13px;
	border-radius: 16px;
	background-color: #e94235;
	background-image: url(../img/common/icon-booking.png);
	background-repeat: no-repeat;
	background-size: 6% auto;
	background-position: 35px center;
	-webkit-box-shadow: 0px 2px 0px 0px #ba352a;
	-moz-box-shadow: 0px 2px 0px 0px #ba352a;
	box-shadow: 0 6px 0 #ba352a;
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	appearance: none;
	padding: 14px 0 12px;
	letter-spacing: 3.3px;
}

.btn-strong-reservation .text-top {
	position: relative;
	text-align: center;
	color: #fff;
	font-size: 1.6rem;
	font-weight: bold;
	letter-spacing: 2.4px;
	display: inline-block;
}

.btn-strong-reservation .text-top:after {
	position: absolute;
	content: "";
	background-image: url(../img/common/shape_l.png);
	background-repeat: no-repeat;
	background-position: center center;
	width: 11px;
	height: 14px;
	top: 4px;
	left: -21px;
}

.btn-strong-reservation .text-top:before {
	position: absolute;
	content: "";
	background-image: url(../img/common/shape_r.png);
	background-repeat: no-repeat;
	background-position: center center;
	width: 11px;
	height: 14px;
	top: 4px;
	right: -15px;
}

.btn-strong-reservation .text-main {
	display: block;
	text-align: center;
	color: #fff;
	font-size: 22px;
	font-weight: bold;
	letter-spacing: -0.03em;
	padding-right: 7px;
}

.btn-medium-custome {
	display: block;
	text-align: left;
	color: #333333;
	font-weight: 700;
	font-size: 1.6rem;
	border: 4px solid rgba(235, 235, 235, 0.6);
	outline: none;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 16px;
	background-color: #fff;
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	appearance: none;
	padding: 27px 0 25px 27px;
}

.btn-medium-custome.center {
	margin-left: auto;
	margin-right: auto;
}

.btn-short-custome {
	display: block;
	text-align: left;
	color: #333333;
	font-weight: 500;
	font-size: 1.6rem;
	border: 2px solid rgba(235, 235, 235, 0.6);
	outline: none;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
	background-color: #fff;
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	appearance: none;
	padding: 10px 20px 10px 10px;
	background-position: right 10px center;
}

.btn-medium-custome-gray {
	display: block;
	text-align: left;
	color: #333333;
	outline: none;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 16px;
	background-color: rgba(235, 235, 235, 0.6);
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	appearance: none;
	padding: 15px 0 15px 28px;
}

.btn-medium-custome-gray span {
	font-weight: 700;
	font-size: 18px;
}

.btn-medium-custome-gray.center {
	margin-left: auto;
	margin-right: auto;
}

.btn-medium {
	display: block;
	max-width: 508px;
	max-height: 74px;
	text-align: center;
	color: #555555;
	font-weight: 500;
	font-size: 15px;
	border: 2px solid #ebebeb;
	outline: none;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
	background-color: #fff;
	/* background-image: url(../img/common/icon-arrow08.png);
	background-repeat: no-repeat;
	background-size: 19px auto;
	background-position: 20px center; */
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	appearance: none;
	padding: 16px 0 15px;
}

.btn-medium.center {
	margin-left: auto;
	margin-right: auto;
}

.btn-weak {
	display: inline-block;
	text-align: center;
	color: #0070c9;
	text-decoration: underline;
	font-weight: 500;
	font-size: 15px;
	border: 1px solid #e6e6e6;
	outline: none;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0px 2px 0px 0px #f2f2f2;
	-moz-box-shadow: 0px 2px 0px 0px #f2f2f2;
	box-shadow: 0px 2px 0px 0px #f2f2f2;
	background-color: #fff;
	background-image: url(../img/common/icon-arrow06.png);
	background-repeat: no-repeat;
	background-size: 16px auto;
	background-position: 20px center;
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	appearance: none;
	padding: 11px 30px 10px 57px;
	margin-right: 10px;
	margin-bottom: 10px;
}

.btn-weak.center {
	margin-left: auto;
	margin-right: auto;
}

.btn-show {
	display: block;
	cursor: pointer;
	font-size: 16px;
	font-weight: bold;
	color: #777777;
	text-align: center;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background-color: #ececec;
	-webkit-box-shadow: 0px 2px 0px 0px #d4d4d4;
	-moz-box-shadow: 0px 2px 0px 0px #d4d4d4;
	box-shadow: 0px 2px 0px 0px #d4d4d4;
	padding: 15px 50px 15px 50px;
}

.btn-show span {
	padding: 5px 0 5px 35px;
	display: inline-block;
	background-image: url(../img/common/icon-plus.png);
	background-repeat: no-repeat;
	background-size: 18px auto;
	background-position: left center;
}

.btn-click {
	display: block;


    width: 125px;
	margin-right: 8px;
	text-align: center;
	border: 1px solid #dcdcdc;
	font-size: 14px;
	font-weight: 500;
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	appearance: none;
	color: #333333;
	background: #fff;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	padding: 7px 0 5px;
	outline: none;
	-moz-transition: all 0.26s ease;
	-o-transition: all 0.26s ease;
	-webkit-transition: all 0.26s ease;
	transition: all 0.26s ease;
}

.btn-click.active {
	color: #fff;
	font-weight: bold;
	background: #e94235;
	border-color: #d62e21;
}
/* COMMON BREADCRUMBS
* ----------------------------------------------- */
.bread-crumb {
	padding: 1px 0 30px;
}

.bread-crumb+.bread-crumb {
	margin-top: 25px;
}

.bread-crumb ul {
	margin: 0 -4px;
}

.bread-crumb ul li {
	display: inline-block;
	color: #333333;
	font-weight: bold;
	font-size: 14px;
}

.bread-crumb ul li a {
	display: block;
	color: #0070c9;
	font-size: 14px;
	font-weight: normal;
	text-decoration: underline;
}

.bread-crumb ul li span {
	display: block;
	margin: 0 8px;
}

.bread-crumb ul li span img {
	width: 4px;
}
/* COMMON FORMS
* ----------------------------------------------- */
/*テキストボックス*/
input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="tel"] {
	width: 100%;
	height: 40px;
	border-radius: 4px;
	border: 1px solid #c8c8c7;
	background-color: #fff2c7;
	padding-left: 10px;
	font-size: 16px;
}
/* input[type="text"]:not(:placeholder-shown), input[type="password"]:not(:placeholder-shown), input[type="email"]:not(:placeholder-shown), input[type="tel"]:not(:placeholder-shown) {
	background-color: #ffffff;
} */
/*セレクトボックス*/
select::-ms-expand {
	display: none;
}

select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	padding: 8px 40px 8px 10px;
	border: 2px solid rgba(235, 235, 235, 0.6);
	border-radius: 6px;
	font-size: 16px;
	background-image: url(../img/common/select-mark.png);
	background-repeat: no-repeat;
	background-size: 11px;
	background-position: right 10px center;
	background-color: #fff2c7;
}

.select-custom select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	width: 90px;
	padding: 3px 20px 3px 10px;
	border: 1px solid #c8c8c7;
	border-radius: 4px;
	font-size: 16px;
	height: 40px;
	background-image: url(../img/common/select-mark.png);
	background-repeat: no-repeat;
	background-size: 8px;
	background-position: right 10px center;
	background-color: #fff2c7;
	margin-right: 20px;
}
/*チェックボックス*/
.check input[type="checkbox"], .check_bt1 input[type="checkbox"] {
	display: none;
}

.check label, .check_bt1 label{
	position: relative;
	display: inline-block;
	padding: 3px 3px 3px 22px;
	cursor: pointer;
}
.check label.unselect, .check_bt1 label.unselect{
	cursor: default;
}

.check label::before, .check_bt1 label::before{
	position: absolute;
	content: '';
	top: 50%;
	left: 0;
	width: 14px;
	height: 14px;
	margin-top: -8px;
	background: #fff;
	border: 1px solid #ccc;
}
.check label.unselect::before {
	background: none;
	border: none;
	cursor: default;
}

.check input[type="checkbox"]:checked+label::after, .check_bt1 input[type="checkbox"]:checked+label::after {
	position: absolute;
	content: '';
	top: 36%;
	left: 0;
	width: 13px;
	height: 5px;
	border-left: 2px solid #e94235;
	border-bottom: 2px solid #e94235;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

/*ラジオボタン*/
.radio input[type="radio"] {
	display: none;
}

.radio label {
	position: relative;
	display: inline-block;
	padding: 3px 3px 3px 20px;
	cursor: pointer;
	margin-right: 20px;
}

.radio label::before {
	position: absolute;
	content: '';
	top: 50%;
	left: 0;
	width: 16px;
	height: 16px;
	margin-top: -8px;
	background: #fff;
	border: 1px solid #ccc;
	border-radius: 100%;
}

.radio input[type="radio"]:checked+label::after {
	position: absolute;
	content: '';
	top: 50%;
	left: 4px;
	width: 8px;
	height: 8px;
	margin-top: -4px;
	background: #e94235;
	border-radius: 100%;
}

/*error*/
.tooltip {
	position: relative;
}

.error {
	display: none;
	position: absolute;
	top: -2em;
	left: 0em;
	padding: .5em 2em .4em 1em;
	background-image: url(../img/common/icon-cross-b.png);
	background-repeat: no-repeat;
	background-size: 16px;
	background-position: right 6px center;
	background-color: #ffc600;
	border: 1px solid #ffc600;
	color: #333333;
	font-size: 14px;
	font-weight: 700;
	cursor: pointer;
}

.error:after, .error:before {
	content: '';
	position: absolute;
	top: 100%;
	left: 60px;
	border: solid transparent;
}

.error:after {
	margin-left: 1px;
	border-top-color: #ffc600;
	border-width: 10px;
}

.error.birth-year {
	top: -4.2em;
	left: -8em;
}

.error.birth-year:after, .error.birth-year:before {
	left: 120px;
}

.error.birth-month {
	top: -4.2em;
	left: -4em;
}

.error.birth-day {
	top: -4.2em;
	left: 0em;
	right: -3.5em;
}

.error.birth-day:after, .error.birth-day:before {
	left: 10px;
}

.error.name-error-l {
	left: -1.3em;
}

/*width*/
.w20, input.w20 {
	width: 20px;
}

.w30, input.w30 {
	width: 30px;
}

.w40, input.w40 {
	width: 40px;
}

.w60, input.w60 {
	width: 60px;
}

.w70, input.w70 {
	width: 70px;
}

.w80, input.w80 {
	width: 80px;
}

.w90, input.w90 {
	width: 90px;
}

.w100, input.w100 {
	width: 100px;
}

.w110, input.w110 {
	width: 110px;
}

.w120, input.w120 {
	width: 120px;
}

.w130, input.w130 {
	width: 130px;
}

.w140, input.w140 {
	width: 140px;
}

.w150, input.w150, select.w150 {
	width: 150px;
}

.w160, input.w160 {
	width: 160px;
}

.w170, input.w170 {
	width: 170px;
}

.w180, input.w180 {
	width: 180px;
}

.w200, input.w200 {
	width: 200px;
}

.w230, input.w230 {
	width: 230px;
}

.w240, input.w240 {
	width: 240px;
}

.w250, input.w250 {
	width: 250px;
}

.w260, input.w260 {
	width: 260px;
}

.w270, input.w270 {
	width: 270px;
}

.w280, input.w280 {
	width: 280px;
}

.w290, input.w290 {
	width: 290px;
}

.w300, input.w300 {
	width: 300px;
}

.w320, input.w320 {
	width: 320px;
}

.w350, input.w350 {
	width: 350px;
}

.w360, input.w360 {
	width: 360px;
}

.w100p {
	width: 100%;
}

.w350-max, input.w350-max {
	max-width: 350px;
}

.w400-max, input.w400-max {
	max-width: 400px;
}

.w450-max, input.w450-max {
	max-width: 450px;
}

/*背景色*/
.bg-white {
	background-color: #fff;
}

.bg-yellow {
	background-color: #fff2c7;
}

@media screen and ( max-width :750px) {
	.error {
		width: 100%;
		height: auto;
		top: -4em;
		left: 0em;
		padding: 1em 3em 1em 1em;
		background-position: right 16px center;
		background-size: 22px;
		font-size: 1.4rem;
	}
	.error.birth-year {
		top: -4.2em;
		left: 0em;
		background-position: right 4px center;
		padding: 0.5em 2em 0.5em 0.5em;
		line-height: 1.2em;
		letter-spacing: -0.1em;
	}
	.error.birth-year:after, .error.birth-year:before {
		left: 40px;
	}
	.error.birth-month {
		top: -4.2em;
		left: 0em;
		background-position: right 4px center;
		padding: 0.5em 2em 0.5em 0.5em;
		line-height: 1.2em;
		letter-spacing: -0.1em;
	}
	.error.birth-day {
		top: -4.2em;
		left: 0em;
		right: -3.5em;
		background-position: right 4px center;
		padding: 0.5em 2em 0.5em 0.5em;
		line-height: 1.2em;
		letter-spacing: -0.1em;
	}
	.error.birth-day:after, .error.birth-day:before {
		left: 40px;
	}
	.error.name-error-l {
		left: -1.3em;
	}
	.error.name-error-r {
		left: 1em;
	}
	.check label, .check_bt1 label {
		font-size: 1.6rem;
	}
}
/* COMMON MODAL プラグインModaalCSS上書き
* ----------------------------------------------- */
.modaal-container {
	border-radius: 16px;
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
}

.modaal-wrapper .modaal-close {
	border: 3px solid #fff;
	background: #999999;
	padding: 0;
	-webkit-appearance: none;
}

.modaal-close {
	z-index: 3;
	position: absolute;
	top: -1.5rem;
	right: -1.7rem;
	color: #fff;
	cursor: pointer;
	opacity: 1;
	width: 40px;
	height: 40px;
	background-color: #999999;
	border-radius: 100%;
}

.modaal-close:before, .modaal-close:after {
	top: 0.5rem;
	left: 1.555rem;
}

.modaal-close:focus:before, .modaal-close:focus:after, .modaal-close:hover:before,
.modaal-close:hover:after {
	background: #fff;
	opacity: 0.8;
}

@media screen and (max-width:750px) {
	.modaal-content-container {
		padding: 30px 20px;
		max-height: 80vh;
		overflow: scroll;
	}
}

/* COMMON BOXS
* ----------------------------------------------- */
.box-red {
	padding: 2.5em;
	margin: 2em 0 2em 0;
	background-color: #fff2f2;
	color: #e94235;
	font-weight: 700;
	font-size: 1.6rem;
}

.box-red span {
	font-size: 1.4rem;
}

.box-red-small {
	padding: 0.9em 1.5em 0.9em;
	margin: 1em 0 1em 0;
	background-color: #fff2f2;
	color: #e94235;
	font-weight: 700;
	font-size: 17px;
}

@media screen and (max-width: 750px) {
	.box-red {
		padding: 5.333vw;
	}
}

/* COMMON PAGINATIONS
* ----------------------------------------------- */
.pager {
	padding: 30px 0 30px 0;
}

.pager ul {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex; /* TODO いる？ */
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: baseline;
	-ms-flex-align: baseline;
	align-items: baseline;
	margin: 0 auto;
}

.pager ul li  {
	margin: 0 8px 0 8px;
}

.pager ul li a {
	color: #0070c9;
	text-decoration: underline;
}

.pager ul li.current {
	background-color: #e94235;
	color: #ffffff;
	padding: 3px 8px;
	text-decoration: none;
}

.pager ul a:hover {
	filter: progid: DXImageTransform.Microsoft.Alpha(enabled=false);
	opacity: 1;
	-moz-transition: opacity 0.26s ease;
	-o-transition: opacity 0.26s ease;
	-webkit-transition: opacity 0.26s ease;
	transition: opacity 0.26s ease;
	cursor: pointer;
	text-decoration: none;
}
/* PAGES
* ----------------------------------------------- */
.mb0 {
	margin-bottom: 0;
}

.mb04 {
	margin-bottom: 4px;
}

.mb08 {
	margin-bottom: 8px;
}

.mb12 {
	margin-bottom: 12px;
}

.mb16 {
	margin-bottom: 16px;
}

.mb20 {
	margin-bottom: 20px;
}

.mb24 {
	margin-bottom: 24px;
}

.mb28 {
	margin-bottom: 28px;
}

.mb32 {
	margin-bottom: 32px;
}

.mb40 {
	margin-bottom: 40px;
}

.mb50 {
	margin-bottom: 50px;
}

.mb60 {
	margin-bottom: 60px;
}

.ptb10 {
	padding: 10px 0 10px 0;
}

.mr20 {
	margin-right: 20px;
}
.mr200 {
	margin-right: 200px;
}
.mt20 {
	margin-top: 20px;
}

/*header*/
header {
	/*position: absolute;*/
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	background: #fff;
	z-index: 90;
	-webkit-box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.06);
	-moz-box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.06);
	box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.06);
}

header .wrapper.fixed, header.fixed {
	position: fixed;
	top: 0;
	width: 100%;
	background-color: #ffffff;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	overflow: hidden;
}

.header-top-outer {
	position: relative;
	width: 100%;
	background-color: #FAFAFA;
	/* text-align: center; */
}

.header-top-outer span {
	display: block;
	color: #999999;
	padding: 11px 0 11px 0;
}

.header-top-outer.fixed {
	position: fixed;
	top: -40px;
}

.header-top {
	color: #9E9E9E;
}

.header-top.sm {
	display: none;
}

.header-top.md {
	width: 1048px;
	margin-left: auto;
	margin-right: auto;
}

.cmn-header {
	width: 1048px;
	margin-left: auto;
	margin-right: auto;
	padding: 20px 0 22px;
}

.cmn-header .left-header {
	float: left;
}

.cmn-header .left-header .logo {
	float: left;
	width: 93px;
}

.cmn-header .left-header .icon-no1 {
	float: left;
	width: 240px;
	margin-left: 20px;
	margin-top: 5px;
}

.cmn-header .right-header {
	float: right;
	margin-top: 2px;
}

.cmn-header .right-header .phone {
	float: left;
	width: 204px;
	margin-top: 6px;
}

.cmn-header .right-header .online-booking {
	float: left;
	background-color: #e94235;
	color: #fff;
	font-weight: bold;
	font-size: 15px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	padding: 15px 21px 14px 46px;
	background-image: url(../img/common/icon-booking.png);
	background-repeat: no-repeat;
	background-position: 16px center;
	background-size: 18px auto;
	letter-spacing: -0.02em;
	-webkit-box-shadow: 0px 4px 0px 0px #ba352a;
	-moz-box-shadow: 0px 4px 0px 0px #ba352a;
	box-shadow: 0px 4px 0px 0px #ba352a;
	margin-left: 20px;
}

.cmn-header .right-header .find-store {
	float: left;
	font-size: 15px;
	font-weight: bold;
	border: 2px solid #e94235;
	color: #e94235;
	background-color: #fff;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	padding: 13px 20px 13px 44px;
	background-image: url(../img/common/icon-search.png);
	background-repeat: no-repeat;
	background-position: 13px center;
	background-size: 20px auto;
	margin-left: 10px;
	-webkit-box-shadow: 0px 3px 0px 0px #ba352a;
	-moz-box-shadow: 0px 3px 0px 0px #ba352a;
	box-shadow: 0px 3px 0px 0px #ba352a;
}

.cmn-header .right-header .find-store span {
	font-size: 12px;
}
/*global-navigation*/
.global-navigation {
	border-top: 1px solid #eeeeee;
	border-bottom: 1px solid #eeeeee;
	margin-bottom: 30px;
}

.global-navigation .box-ttl-specs {
	margin-bottom: 50px;
}

.global-navigation .main-nav {
	display: table;
	width: 100%;
	border-left: 1px solid #eeeeee;
}

.global-navigation .main-nav li {
	display: table-cell;
	border-right: 1px solid #eeeeee;
	vertical-align: top;
}

.global-navigation .main-nav li:hover a, .global-navigation .main-nav li.current a {
	color: #e94235;
}

.global-navigation .main-nav li:hover a:after, .global-navigation .main-nav li.current a:after {
	filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
	opacity: 1;
}

.global-navigation .main-nav li.home {
	width: 50px;
}

.global-navigation .main-nav li.home:hover a, .global-navigation .main-nav li.home.current a {
	background-image: url(../img/common/icon-home-hover.png);
}

.global-navigation .main-nav li.home a {
	display: block;
	vertical-align: top;
	height: 48px;
	background-image: url(../img/common/icon-home.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 20px auto;
}

.global-navigation .main-nav li.home a:after {
	display: none;
}

.global-navigation .main-nav li.col-nav {
	width: 152px;
}

.global-navigation .main-nav li a {
	display: block;
	font-weight: bold;
	color: #333333;
	font-size: 14px;
	text-align: center;
	position: relative;
	padding: 15px 0 13px;
	-moz-transition: all 0.26s ease;
	-o-transition: all 0.26s ease;
	-webkit-transition: all 0.26s ease;
	transition: all 0.26s ease;
}

.global-navigation .main-nav li a:after {
	position: absolute;
	left: 15px;
	right: 15px;
	bottom: 0;
	height: 3px;
	background: #e94235;
	content: "";
	filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
	opacity: 0;
	-moz-transition: opacity 0.26s ease;
	-o-transition: opacity 0.26s ease;
	-webkit-transition: opacity 0.26s ease;
	transition: opacity 0.26s ease;
}

@media screen and ( max-width :750px) {
	header {
		-moz-transition: all 0.26s ease;
		-o-transition: all 0.26s ease;
		-webkit-transition: all 0.26s ease;
		border-bottom: 1px solid #eee;
	}
	/* header .wrapper.fixed, header.fixed {
		transition: all 0.26s ease;
	} */
	header.down .wrapper.fixed, header.down.fixed {
		transform: translateY(-100%);
	}
	.header-top.md {
		display: none;
	}
	.header-top.sm {
		display: block;
		width: auto;
		margin-left: auto;
		margin-right: auto;
		padding: 8px;
		font-weight: normal;
		font-size: 10px;
	}
	.cmn-header {
		width: auto;
		margin: 0;
		padding: 7px 0 10px;
	}
	.cmn-header .left-header {
		float: left;
	}
	.cmn-header .left-header .logo {
		float: left;
		width: 74px;
		margin-left: -3px;
	}
	.cmn-header .left-header .icon-no1 {
		float: left;
		width: 192px;
		margin-left: 9px;
		margin-top: 5px;
	}
	.cmn-header .btn-menu {
		float: right;
		width: 35px;
		margin-top: 7px;
	}
	.overlay {
		position: fixed;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		background: rgba(0, 0, 0, 0.4);
		display: none;
		z-index: 100;
	}
	.overlay.show {
		display: block;
	}
	.btn-close-menu {
		position: absolute;
		top: 5px;
		right: -50%;
		left: 40px;
		z-index: 50;
		-moz-transition: all 0.26s ease;
		-o-transition: all 0.26s ease;
		-webkit-transition: all 0.26s ease;
		transition: all 0.26s ease;
	}
	.btn-close-menu.show {
		left: -44px;
	}
	.btn-close-menu img {
		width: 40px;
	}
	.navi-sm {
		position: fixed;
		width: 71%;
		height: 100%;
		top: 0;
		right: -71%;
		background-color: #fff;
		border-left: 5px solid #e94235;
		z-index: 100;
		-moz-transition: all 0.26s ease;
		-o-transition: all 0.26s ease;
		-webkit-transition: all 0.26s ease;
		transition: all 0.26s ease;
	}
	.navi-sm.show {
		right: 0;
	}
	.navi-sm.show .cover .btn-close {
		left: -44px;
	}
	.navi-sm .cover {
		position: relative;
		padding-bottom: 20px;
		overflow: auto;
		height: 100%;
	}
	.navi-sm .cover ul {
		margin-bottom: 20px;
		position: relative;
		z-index: 90;
	}
	.navi-sm .cover ul .col2-nav {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		padding: 16px 16px 20px;
		background-color: #ffedec;
	}
	.navi-sm .cover ul .col2-nav .online-booking, .navi-sm .cover ul .col2-nav .find-store {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		justify-content: center;
		width: 48%;
		padding: 16px 0;
		background-image: none;
		border-bottom: none;
		border-radius: 16px;
		font-size: 15px;
		font-weight: bold;
	}
	.navi-sm .cover ul .col2-nav .online-booking {
		background-color: #e94235;
		color: #fff;
		letter-spacing: -0.08em;
		box-shadow: inset 0px -2px 0px 0px #ba352a;
	}
	.navi-sm .cover ul .col2-nav .find-store {
		background-color: #fff;
		border: 3px solid #e94235;
		color: #e94235;
		letter-spacing: -0.02em;
	}
	.navi-sm .cover ul li a {
		font-size: 14px;
		color: #333;
		font-weight: bold;
		display: block;
		background-color: #fff;
		background-image: url(../img/common/icon-arrow02.png);
		background-repeat: no-repeat;
		background-position: right 10px center;
		background-size: 16px auto;
		border-bottom: 1px solid #eeeeee;
		padding: 14px 30px 15px 16px;
	}
	.navi-sm .cover ul li a.active {
		color: #e94235;
		background-color: #f6f6f6;
		background-image: url(../img/common/icon-arrow09.png);
	}
	.navi-sm .cover ul li ul {
		display: none;
		margin-bottom: 0;
	}
	.navi-sm .cover ul li ul li a {
		font-size: 15px;
		color: #333333;
		background: #fff;
		font-weight: normal;
		padding: 16px 15px 12px 35px;
	}
	.navi-sm .cover .banner-navi {
		text-align: center;
		padding-left: 6px;
		margin-bottom: 7px;
	}
	.navi-sm .cover .banner-navi a {
		display: inline-block;
		margin: 0 6px;
	}
	.navi-sm .cover .banner-navi a img {
		display: block;
		width: 65px;
	}
	.navi-sm .cover .text-navi {
		font-size: 13px;
		text-align: center;
		line-height: 19px;
	}
	.bread-crumb {
		padding: 10px 0;
	}
	.bread-crumb+.bread-crumb {
		margin: 15px 0 30px 0;
	}
	.bread-crumb ul {
		margin: 0;
	}
	.bread-crumb ul li {
		display: inline-block;
		color: #333333;
		font-weight: bold;
	}
	.bread-crumb ul li a {
		display: block;
		color: #0070c9;;
		font-weight: normal;
	}
	.bread-crumb ul li span {
		display: block;
		margin: 0 3px;
	}
	.bread-crumb ul li span img {
		width: 4px;
	}
	.ttl-cmn-h3 {
		font-size: 20px;
		padding: 12px 23px 10px;
	}
	h3.mycole {
		font-size: 13px;
		padding: 12px 26px 10px;
		background: url(/img/common/maru_red.png) no-repeat 10px center;
		background-color: #f6f6f6;
		background-size: 10px;
	}
	h3.mycole.art {
		background: url(/img/common/maru_blue.png) no-repeat 10px center;
		background-color: #f6f6f6;
		background-size: 10px;
	}
	.strong-text.mycole_tx p {
		background: url(/img/common/maru_red.png) no-repeat left center;
		background-size: 10px;
		padding-left: 17px;
	}
	.strong-text.mycole_tx.art p {
		background: url(/img/common/maru_blue.png) no-repeat left center;
		background-size: 10px;
	}
	.ttl-cmn-h3:after {
		top: 10px;
		bottom: 10px;
		left: 10px;
	}

	/*ボタンレスポンシブ*/
	.btn-strong-reservation {
		max-width: 100%;
		padding: 3.466vw 0 2.933vw 0;
		background-size: 5.066vw;
		border-radius: 30px;
		box-shadow: 0 2px 0 #ba352a;
		font-size: 3.733vw;
		letter-spacing: -0.03em;
		border-radius: 30px;
	}
	.btn-strong-reservation .text-top {
		font-weight: 500;
		font-size: 4.8vw;
	}
	.btn-strong-reservation .text-top:after {
		background-image: url(../img/common/shape-l-sp.png);
		background-size: 100% auto;
		width: 3.333vw;
		height: 6vw;
		top: 1vw;
		left: -4.2vw;
	}
	.btn-strong-reservation .text-top:before {
		background-image: url(../img/common/shape-r-sp.png);
		background-size: 100% auto;
		width: 3.333vw;
		height: 5.5vw;
		top: 1vw;
		right: -2.5vw;
	}
	.btn-strong-reservation .text-main {
		font-size: 5.333vw;
	}
	.btn-net-reserv-s .text-top:after {
		width: 1.466vw;
		height: 1.866vw;
		top: 0.533vw;
		left: -2.8vw;
	}
	.btn-net-reserv-s .text-top:before {
		width: 1.466vw;
		height: 1.866vw;
		top: 0.533vw;
		right: -2.5vw;
	}
	.btn-strong {
		width: 100%;
		font-size: 1.6rem;
		-moz-border-radius: 15px;
		-webkit-border-radius: 15px;
		border-radius: 15px;
		padding: 1.4rem 1rem 1.4rem 2rem;
	}
	.btn-medium {
		display: block;
		width: 100%;
		font-weight: bold;
		font-size: 4.375vw;
		border: 2px solid #ebebeb;
		outline: none;
		-moz-border-radius: 15px;
		-webkit-border-radius: 15px;
		border-radius: 15px;
		background-image: url(../img/common/icon-arrow07.png);
		background-size: 16px auto;
		background-position: 18px center;
		padding: 12px 0 13px;
	}
	.btn-medium.short {
		max-width: 100%;
	}
	.btn-medium-custome {
		display: block;
		text-align: left;
		color: #333333;
		font-weight: 700;
		font-size: 4.375vw;
		line-height: 1.5em;
		border: 4px solid rgba(235, 235, 235, 0.6);
		outline: none;
		-moz-border-radius: 7px;
		-webkit-border-radius: 7px;
		border-radius: 16px;
		background-color: #fff;
		-webkit-appearance: none;
		-moz-appearance: none;
		-ms-appearance: none;
		-o-appearance: none;
		appearance: none;
		padding: 2.666vw 0 2.666vw 3.733vw;
	}
	.btn-medium-custome-gray {
		padding: 4vw 4vw 3.2vw 4.266vw;
	}
	.btn-medium-custome-gray p, .btn-medium-custome-gray span {
		font-size: 1.6rem;
	}
	.btn-weak {
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		-webkit-box-shadow: 0px 2px 0px 0px #f2f2f2;
		-moz-box-shadow: 0px 2px 0px 0px #f2f2f2;
		box-shadow: 0px 2px 0px 0px #f2f2f2;
		background-color: #fff;
		background-image: url(../img/common/icon-arrow06.png);
		background-repeat: no-repeat;
		background-size: 16px auto;
		background-position: 9px center;
		padding: 11px 19px 10px 39px;
	}
	.btn-show {
		font-size: 14px;
		-moz-border-radius: 6px;
		-webkit-border-radius: 6px;
		border-radius: 6px;
		padding: 5px 11px;
	}
	.btn-show span {
		padding: 14px 0 13px;
		letter-spacing: 0.2em;
		display: block;
		background-image: url(../img/common/icon-plus.png);
		background-repeat: no-repeat;
		background-size: 18px auto;
		background-position: left 20px center;
	}
	.btn-click {
		width: 135px;
		padding: 4px 0;
		margin-right: 5px;
		-moz-transition: all 0.26s ease;
		-o-transition: all 0.26s ease;
		-webkit-transition: all 0.26s ease;
		transition: all 0.26s ease;
	}
	.normal-text p {
		margin-bottom: 15px;
	}
	.strong-text p {
		font-size: 14px !important;
		margin-bottom: 16px !important;
	}
}


@media screen and ( max-width : 374px) {
	.cmn-header .left-header .logo {
		width: 60px;
	}
	.cmn-header .left-header .icon-no1 {
		width: 180px;
		margin-top: 0;
	}
	.cmn-header .btn-menu {
		margin-top: 3px;
		width: 30px;
	}
	.btn-click {
		width: 110px;
	}

	.box-list-btn .cover {
		margin: 0 -5px;
	}

	.box-list-btn .cover .col30p, .box-list-btn .cover .col50p,
	.box-list-btn .cover .col70p, .box-list-btn .cover .col30p2 {
		padding-left: 5px;
		padding-right: 5px;
	}

	.box-list-btn .cover .col30p a, .box-list-btn .cover .col50p a,
	.box-list-btn .cover .col70p a, .box-list-btn .cover .col30p2 a {
		padding: 15px 5px 15px 20px;
	}
}
/* SECTION
* ----------------------------------------------- */
.section-cmn {
	padding: 28px 0 70px;
}

.section-cmn .store-info {
	float: left;
	width: 70%;
	padding-right: 16px;
	font-size: 1.3rem;
}

.section-cmn img {
	float: right;
	width: 30%;
}

.section-bg-gray {
	background-color: #f8f8f8;
}

.section-shop-name {
	padding: 0px 0px 30px 0px;
}

.section-shop-name .item {
	padding: 0px 0px 30px 0px;
}

.section-shop-name .net-reserv .btn-strong-reservation {
	background-size: 29px auto;
	background-position: 20px center;
	padding: 16px 20px 12px 40px;
}

.section-tab {
	padding: 0px 0px 90px 0px;
}

.section-net-reserv {
	padding: 0px 0px 90px 0px;
}

.section-campaign {
	padding: 0px 0px 80px 0px;
}

.section-gallery {
	padding: 88px 0px 80px 0px;
}

.section-beginner {
	padding: 88px 0px 80px 0px;
}

.section-blog {
	padding: 10px 0px 10px 0px;
}

.section-store {
	padding: 88px 0px 10px 0px;
}

.section-store-search {
	padding: 88px 0px 0px 0px;
}

.section-shop-info {
	padding: 40px 0px 40px 0px;
}

.section-shop-info .item {
	float: left;
	width: 50%;
}

.section-shop-info .store-info {
	padding: 8px 16px 7px 0;
}

.section-shop-info .store-info p {
	font-size: 12px;
}

@media screen and (min-width: 750px) {
	.section-shop-name .net-reserv {
		margin-left: auto;
		width: 332px;
	}
}

@media screen and ( max-width :750px) {
	.section-shop-name .flex {
		-webkit-box-orient: vertical;
		webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}
	.section-shop-name .flex .item {
		padding-bottom: 0;
	}
	.section-shop-name .net-reserv .btn-strong-reservation {
		background-position: 30px center;
		background-size: 4.8vw;
		border-radius: 20px;
	}
	.section-cmn {
		padding: 5.333vw 0;
	}
	.section-cmn .store-info {
		display: block;
		margin-bottom: 56px;
		float: none;
		width: 100%;
	}
	.section-cmn img {
		float: none;
		width: auto;
	}
	.section-bg-gray {
		background-color: #f8f8f8;
	}
	.section-shop-name {
		padding: 0px 0px 30px 0px;
	}
	.section-tab {
		padding: 0px 0px 30px 0px;
	}
	.section-net-reserv {
		padding: 0px 0px 30px 0px;
	}
	.section-campaign {
		padding: 0px 0px 20px 0px;
	}
	.section-gallery {
		padding: 30px 0px 70px 0px;
	}
	.section-beginner {
		padding: 20px 0px 30px 0px;
	}
	.section-blog {
		padding: 10px 0px 10px 0px;
	}
	.section-store {
		padding: 88px 0px 10px 0px;
	}
	.section-store-search {
		padding: 88px 0px 0px 0px;
	}
	.section-shop-info {
		padding: 15px 0px 15px 0px;
	}
	.section-shop-info .item {
		float: none;
		width: 100%;
		padding: 15px 0 15px 0;
	}
	.section-shop-info .store-info p {
		font-size: 16px;
		line-height: 1.5em;
	}
}
/* LIST
* ----------------------------------------------- */
.list-point {
	margin: 0 -7px 40px;
}

.list-point .inner {
	float: left;
	width: 33.33333%;
	padding: 0 7px;
}

.list-point .inner img {
	float: left;
	width: 100%;
}
/*スタジオマリオの魅力*/
.list-attraction {
	margin-top: 40px;
	margin-bottom: 2px;
	padding-top: 64px;
}

.box-studio {
	float: left;
	width: 328px;
	margin-right: 32px;
	position: relative;
	padding: 30px 0 6px;
	background-color: #fff;
	margin-bottom: 48px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}


.box-studio .icon-top {
	position: absolute;
	top: -24px;
	width: 83px;
	left: 50%;
	margin-left: -41.5px;
}

.box-studio .ttl-box-studio {
	text-align: center;
	font-weight: bold;
	font-size: 19px;
	color: #333333;
	padding: 15px 10px 18px;
	position: relative;
	z-index: 10;
}

.box-studio .image {
	display: block;
	width: 100%;
}

.list-attraction.choju .box-studio {
	height: 348px;
}

.section-beginner .list-attraction {
	margin-bottom: 64px;
}

.box-studio p {
	font-size: 14px;
	line-height: 1.5;
	padding: 14px 24px;
}

.box-studio p span {
	font-weight: bold;
	color: #e94235;
}

.box-studio p span.chui {
	font-weight: normal;
	color: #333;
	font-size: 13px;
}

.box-studio:nth-child(3n) {
	margin-right: 0;
}

@media screen and ( max-width :750px) {
	.box-studio {
		width: 100%;
		margin-right: 0;
		padding: 30px 0 6px;
		margin-bottom: 45px;
		text-align: center;
		-moz-border-radius: 15px;
		-webkit-border-radius: 15px;
		border-radius: 15px;
	}
	.box-studio.top-second {
		padding-left: 9px;
		padding-right: 9px;
	}
	.box-studio:last-child {
		margin-bottom: 0;
	}
	.box-studio .icon-top {
		position: absolute;
		top: -24px;
		width: 83px;
		left: 50%;
		margin-left: -41.5px;
	}
	.box-studio .ttl-box-studio {
		text-align: center;
		font-weight: bold;
		font-size: 19px;
		color: #333333;
		padding: 15px 10px 18px;
		position: relative;
		z-index: 10;
	}
	.box-studio .image {
		display: block;
		width: 100%;
	}
	.list-attraction.choju .box-studio {
		height: auto;
	}
	.box-studio p {
		font-size: 1.6rem;
		line-height: 1.5em;
		padding: 14px 20px 12px;
		text-align: left;
		line-height: 1.5em;
	}
	.box-studio .link-cmn {
		display: inline-block;
		position: relative;
		left: -11px;
	}
}
/*撮影メニュー*/
.list-shoot-menu {
	margin: 40px -16px 8px;
}

.item-shoot-menu {
	float: left;
	width: 20%;
	padding: 0 16px;
	margin-bottom: 20px;
}

.item-shoot-menu dis-tb {
	display: block;
}

.item-shoot-menu .text {
	height: 60px;
	vertical-align: middle;
	text-align: center;
	font-weight: 700;
}

@media screen and ( max-width : 750px) {
	.item-shoot-menu {
		width: 33.33333%;
		padding: 0 7px;
		margin-bottom: 16px;
	}
	.item-shoot-menu .inner img {
		margin-bottom: 6px;
	}
	.item-shoot-menu .text {
		height: auto;
		vertical-align: top;
		font-size: 16px;
		font-weight: 500;
	}
}

/*衣装＆ギャラリー*/
.list-recommend {
	margin: 0 -16px 20px;
	position: relative;
}

.list-recommend .item {
	float: left;
	width: 100%;
	padding: 0 16px;
}

.list-recommend .item .inner {
	border: 6px solid #f0f0f0;
	-moz-border-radius: 19px;
	-webkit-border-radius: 19px;
	border-radius: 19px;
	background-color: #fff;
	text-align: center;
	padding: 26px 20px 18px;
}

.list-recommend .item .inner .ttl-redcommend {
	font-weight: bold;
	font-size: 16px;
	margin-bottom: 13px;
}

.list-recommend .item .inner img {
	display: block;
	width: 100%;
	margin-bottom: 13px;
}

.list-recommend .item .inner p {
	margin-bottom: 11px;
	height: 40px;
}

.list-recommend .item .inner .link-cmn {
	position: relative;
	left: -12px;
	display: inline-block;
}

.item-dress {
	text-align: center;
	margin-bottom: 32px;
}

.item-dress a {
	outline: none;
}

.item-dress .cover {
	padding-bottom: 15px;
}

.item-dress .cover .image {
	margin-bottom: 18px;
}

.item-dress .cover .image img {
	border: solid 1px #e6e6e6;
}

.item-dress p {
	font-size: 12px;
	font-weight: bold;
}

@media screen and ( max-width : 750px) {
	.list-recommend {
		margin: 0 5px 0 5px;
		position: relative;
	}
	.list-recommend .item {
		padding: 0.5px;
	}
	.item-dress {
		margin-bottom: 10px;
	}
	.item-dress .cover {
		background-color: #ffffff;
		padding-bottom: 2px;
	}
	.item-dress .cover .image {
		width: 100%;
	}
	.item-dress p {
		font-size: 14px;
	}
	.item-dress .cover .image {
		margin-bottom: 3px;
	}
}

/*近郊の市区町村郡から～*/
.store-list-link {
	text-align: left;
	padding: 5px 0 13px;
}

.store-list-link ul {
	margin-bottom: 16px;
}

.store-list-link ul li {
	display: inline-block;
	padding: 5px 3px 5px 3px;
	color: #555555;
}

.store-list-link ul li a {
	display: block;
}

.store-list-link ul li span {
	display: block;
}
/*店舗ブログリスト*/
.list-blog {

}

.list-blog li {
	margin-bottom: 22px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.list-blog li .date {
	font-size: 14px;
	color: #888888;
	font-weight: 500;
	font-size: 14px;
	color: #888888;
	font-weight: 500;
	padding-right: 12px;
	font-size: 14px;
	min-width: 120px;
}

.list-blog li .category {
	padding: 5px 8px 5px 8px;
	border-collapse: separate;
	border-spacing: 12px 0;
	font-size: 14px;
	border-radius: 4px;
	background-color: #f6f6f6;
	text-align: center;
	vertical-align: middle;
	margin-right: 8px;
	min-width: 120px;
}

.list-blog li .link {
	display: block;
	font-weight: 500;
	font-size: 15px;
	padding-left: 12px;
}

@media screen and ( max-width : 750px) {
	.list-blog li {
		display: block;
	}
	.list-blog li .category {
		padding: 3px 5px 3px 5px;
	}
	.list-blog li .link {
		display: block;
		margin-top: 13px;
		padding-left: 0;
	}
}

/*近くの店舗*/
.box-store {
	float: left;
	font-size: 14px;
	margin-bottom: 29px;
	height: auto;
}

@media screen and ( min-width : 750px) {
	.box-store:nth-child(3n-1) {
		padding-right: 16px;
		padding-left: 16px;
	}
}

.box-store .image {
	display: block;
	float: left;
	width: 184px;
	height: 112px;
	margin-right: 16px;
	/* margin-top: 3px; */
	background-size: cover;
	background-position: 50% 50%;
}

.box-store .image a {
	display: block;
}

.box-store .image img {
	display: block;
}

.box-store .ttl-store {
	float: left;
	display: block;
	position: relative;
	width: 135px;
	margin-bottom: 9px;
	max-height: 100px;
	overflow: hidden;
}

.box-store .ttl-store:before, .box-store .ttl-store:after {
	position: absolute;
}

.box-store .ttl-store:before {
	content: "";
	bottom: 0;
	right: 0;
}

.box-store .ttl-store:after {
	content: "";
	height: 100%;
	width: 100%;
}

.box-store .ttl-store a {
	font-weight: bold;
}

.box-store .text {
	display: block;
	color: #333333;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 1.8rem;
}

@media screen and ( max-width : 750px) {
	.box-store {
		float: none;
		display: table;
		width: 100%;
	}
	.box-store .ttl-store {
		float: none;
		display: table-cell;
		vertical-align: top;
		text-align: left;
		width: auto;
	}
	.box-store .image {
		width: 210px;
		height: 200px;
		display: table-cell;
		vertical-align: top;
		text-align: left;
	}
	.box-store .ttl-store {
		width: 100%;
	}
	.box-store .ttl-store a {
		font-size: 16px;
		line-height: 1.5em;
	}
	.box-store .text {
		font-size: 16px;
		line-height: 1.5em;
		padding-top: 5px;
	}
}

/*タブ切り替え全体のスタイル*/
.tabs {
	margin-top: 80px;
	margin: 0 auto;
}

.tabs .tab-menu {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	border-bottom: 1px solid #e94235;
	table-layout: fixed;
	text-align: left;
	width: 100%;
}

.tab-menu li {
	width: 200px;
}

/*タブのスタイル*/
.tab_item {
	border-radius: 8px 8px 0 0;
	background-color: #f6f6f6;
	font-size: 16px;
	line-height: 40px;
	text-align: center;
	vertical-align: middle;
	font-weight: bold;
	transition: all 0.2s ease;
	margin-right: 23px;
	letter-spacing: 0.8px;
	background-image: url(../img/common/Icon_btn_arrow5_2.png);
	background-repeat: no-repeat;
	background-position: 16px center;
	background-size: 16px auto;
	color: #0070c9;
	font-weight: 700;
	text-decoration: underline;
}

.tab_item:hover {
	opacity: 0.8;
	text-decoration: none;
}
/*タブ切り替えの中身のスタイル*/
.tab-content .tab-c {
	display: none;
	padding: 24px 0px 24px 0px;
}
/*選択されているタブのコンテンツのみを表示*/
.tab-content .tab-c.show {
	display: block;
}

/*選択されているタブのスタイルを変える*/
.tabs .tab-menu .active {
	border-radius: 8px 8px 0 0;
	background-color: #e94235;
	color: #ffffff;
	text-decoration: none;
	background-image: url(../img/common/Icon_btn_arrow5.png);
}

.basic_content {
	width: 100%;
}

@media screen and ( min-width: 750px) {
	.basic-contents-img {
		display: inline-block;
		vertical-align: top;
		width: 390px;
	}
}

.basic-contents-table {
	display: inline-block;
	margin-left: 32px;
	width: 620px;
}

.basic-contents-table th {
	vertical-align: middle;
	white-space: nowrap;
	font-size: 1.3rem;
}

.tab_map_table {
	margin-top: 24px;
}

.tab_map_table th {
	width: 88px;
}
/*タブレスポンシブ*/
@media screen and ( max-width :750px) {
	.tabs .wrapper:first-child {
		padding: 0;
	}
	.tabs .tab-menu {
		-ms-flex-pack: distribute;
		justify-content: space-around;
	}
	.tab-menu li {
		position: relative;
		width: 30%;
		font-size: 3.2vw;
	}
	.tab_item {
		width: 100%;
		height: 8vw;
		background-color: #f6f6f6;
		transition: all 0.2s ease;
		padding: 0.6vw 0 0.6vw 1.6vw;
		letter-spacing: 0.8px;
		background-image: url(../img/common/Icon_btn_arrow5_2.png);
		background-repeat: no-repeat;
		background-position: 8px center;
		background-size: 2.666vw auto;
		color: #0070c9;
		font-weight: 700;
		text-decoration: underline;
		border-radius: 8px 8px 0 0;
		margin: 0;
	}
	.tab_item div {
		height: 8vw;
		line-height: 8vw;
	}
	.tabs .tab-menu .active {
		height: 8vw;
		background-color: #e94235;
		color: #ffffff;
		text-decoration: none;
		background-image: url(../img/common/Icon_btn_arrow5.png);
	}

	.basic-contents-img, .basic-contents-table {
		width: auto;
		float: none;
	}

	.basic-contents-table {
		margin: 10px 0 0 0;
		width: 100%;
	}
}

/* 予約完了画面
* ----------------------------------------------- */
.main_content {
	max-width: 1048px;
	margin-left: auto;
	margin-right: auto;
}

.head_ttl {
	max-width: 1050px;
	z-index: 5;
	position: absolute;
	background-color: #F7EBC2;
	color: #888;
	font-size: 31px;
	width: 100%;
	padding-left: 25px;
	align-items: center;
}

.head_ttl p {
	line-height: 2.5;
}

.mv {
	position: relative;
}

.mv img {
	width: 100%;

}

.mv picture {
	margin-top: -70px;
}

.ttl_img {
	margin-top: -11%;
}

.section_1 {
	background-color: #FBF6C8;
	width: 100%;
	padding-inline: 40px;
	margin-top: -145px;
	padding-top: 165px;
	padding-bottom: 40px;
}

.reception_ttl {
	text-align: center;
	font-size: 24px;
	color: #595757;
}

.reception_ttl span {
	font-size: 36px;
	font-weight: bold;
}

.reception_point {
	background-color: #fff;
	padding-bottom: 35px;
	padding: 30px 30px 30px 70px;
	margin-top: 14px;
	margin-bottom: 25px;
	border-radius: 25px;
	color: #595757;

}

.reception_point p {
	font-size: 28px;
	text-align: center;
	margin-bottom: 10px;
	font-weight: bold;
}

.reception_point ul li {
	padding-bottom: 10px;
	font-size: 16px;
	list-style: disc;
}

.orange_text {
	font-size: 24px;
	text-align: center;
	margin-bottom: 10px;
	color: #EB7724;
	font-weight: bold;
}

.reception_btn {
	color: #fff;
	background-color: #EB7724;
	width: 311px;
	height: 64px;
	border-radius: 32px;
	margin-inline: auto;
	font-weight: bold;
	font-size: 28px;
}

.reception_btn a {
	color: #fff;
	width: 311px;
	text-align: center;
	line-height: 2.3;
	display: block;
}

.reception_btn a:hover {
	opacity: 0.8;
}

.section_2 {
	position: relative;
	color: #595757;
	background-color: #fff;
	padding-top: 50px;
	padding-inline: 50px;
	padding-bottom: 30px;
}

.section_2 :after {
	content: "";
	position: absolute;
	bottom: -120px;
	left: 0;
	right: 0;
	width: 0;
	height: 0;
	border-width: 120px 524px 0 524px;
	border-right: 524px solid transparent;
	border-left: 524px solid transparent;
	border-style: solid;
	border-color: #fff transparent transparent transparent;
}

.section_2 h3 {
	font-size: 36px;
	text-align: center;
	font-weight: bold;
}

.guide_ttl {
	font-size: 24px;
	text-align: left;
	border-bottom: 1px solid #333;
	font-weight: bold;
}

.guide_add {
	line-height: 1.6;
	padding-top: 10px;
	padding-bottom: 25px;
	font-size: 16px;
}

.guide_ttl2 {
	font-size: 24px;
	text-align: left;
	color: #E50012;
	border-bottom: 1px solid #E50012;
	font-weight: bold;
}

.guide_add2 {
	line-height: 1.6;
	padding-top: 10px;
	padding-bottom: 25px;
	font-size: 16px;
	color: #E50012;
}

.section_3 {
	padding-top: 140px;
	padding-bottom: 60px;
	background-color: #FBF6C8;
}

.app_ttl {
	padding-top: 30px;
	text-align: center;
	padding-bottom: 15px;
	gap: 5px;
}

.app_ttl img {
	margin-inline: auto;
	width: 60%;
}

.app_point {
	margin-inline: 50px;
	display: flex;
	justify-content: space-evenly;
}

.app_point_item {
	display: flex;
	flex-direction: column;
	gap: 45px;
	width: 46%;
}

.section_4 {
	padding-top: 50px;
	padding-inline: 50px;

}

.orange_area {
	background-color: #fff;
	border: 5px solid #EB7724;
	border-radius: 20px;
}

.orange_area h4 {
	padding: 6px 0;
	text-align: center;
	line-height: 2;
	font-size: 24px;
	background-color: #EB7724;
	color: #fff;
	border-radius: 14px 14px 0 0;
	font-weight: bold;
}

.orange_area p {
	color: #595757;
	font-size: 18px;
	padding: 23px 30px 15px 30px;
}

.red_btn {
	padding: 20px 10px 20px 20px;
	max-width: 400px;
	margin: 0 auto 30px;
	background-position: 10px center;
	display: block;
	text-align: center;
	color: #fff;
	font-weight: bold;
	border: 0;
	outline: none;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	background-color: #e94235;
	background-image: url(../img/common/icon-arrow07.png);
	background-repeat: no-repeat;
	background-size: 25px auto;
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	appearance: none;
	font-size: 18px;
	-webkit-box-shadow: 0 7px 0 #a32d24;
	box-shadow: 0 7px 0 #a32d24;
	line-height: 1.4;
}

.orange_btn {
	padding: 20px 10px 20px 20px;
	max-width: 400px;
	margin: 0 auto 20px;
	background-position: 10px center;
	display: block;
	text-align: center;
	color: #fff;
	font-weight: bold;
	border: 0;
	outline: none;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	background-color: #eb7724;
	background-image: url(../img/common/icon-arrow07.png);
	background-repeat: no-repeat;
	background-size: 25px auto;
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	appearance: none;
	font-size: 18px;
	-webkit-box-shadow: 0 7px 0 #ad581b;
	box-shadow: 0 7px 0 #ad581b;
}

.note {
	padding-top: 50px;
	padding-bottom: 50px;
	font-size: 16px;
	padding-inline: 40px;
	color: #595757;
}

.note ul li {
	text-indent: -16px;
	padding-left: 16px;
}

@media (max-width: 766px) {
	.main_content {
		max-width: 766px;
	}

	.head_ttl {
		font-size: 20px;
	}

	.reception_ttl {
		display: flex;
		flex-direction: column;
		font-size: 20px;
	}

	.reception_ttl span {
		font-size: 24px;
	}

	.reception_point p {
		font-size: 20px;
	}

	.reception_point ul li {
		font-size: 15px;
	}

	.orange_text {
		font-size: 18px;
	}

	.reception_btn {
		font-size: 20px;
		height: 45px;
		width: 220px;
	}

	.reception_btn a {
		width: 220px;
	}

	.section_2 h2 {
		font-size: 20px;
	}

	.section_2 h3 {
		font-size: 24px;
		margin-bottom: 15px;
	}

	.guide_ttl {
		font-size: 18px;
	}

	.guide_add {
		font-size: 15px;
	}

	.guide_ttl2 {
		font-size: 18px;
	}

	.guide_add2 {
		font-size: 15px;
	}

	.app_ttl {
		margin-inline: auto;
		width: 90%;
	}

	.app_ttl img {
		width: 100%;
	}

	.app_point {
		flex-direction: column;
		margin-inline: 30px;
	}

	.app_point_item {
		align-items: flex-start;
		gap: 0;
		margin: auto;
		width: 100%;
	}

	.app_point_item img {
		margin-bottom: 25px;
	}

	.orange_area {
		border: 3px solid #EB7724;
		border-radius: 15px;
	}

	.orange_area h4 {
		font-size: 20px;
		border-radius: 12px 12px 0 0;
		padding: 20px 0px;
	}

	.orange_area p {
		font-size: 10px;
	}

	.note {
		font-size: 14px;
		padding: 30px 20px;
	}

	.section_1 {
		padding-inline: 15px;
		padding-bottom: 40px;
	}

	.reception_point {
		margin-bottom: 15px;
	}

	.guide_add {
		padding-bottom: 20px;
	}

	.section_2 {
		padding-bottom: 0;
		margin-bottom: 0px;
		padding-inline: 20px;
		padding-top: 30px;
	}

	.section_2 :after {
		bottom: -60px;
		border-width: 60px 50vw 0 50vw;
		border-right: 50vw solid transparent;
		border-left: 50vw solid transparent;
	}

	.section_3 {
		padding-bottom: 15px;
		padding-top: 60px;
	}

	.section_4 {
		padding-top: 30px;
		padding-inline: 35px;
	}

	.orange_area p {
		color: #595757;
		font-size: 16px;
		padding: 23px 20px 15px 20px;
	}

	.reception_point {
		padding: 20px 20px 20px 30px;
		margin-bottom: 25px;
		border-radius: 15px;
	}

	.red_btn {
		max-width: 280px;
		padding: 10px 10px 10px 20px;
		-webkit-box-shadow: 0 5px 0 #a32d24;
		box-shadow: 0 5px 0 #a32d24;
	}

	.orange_btn {
		max-width: 280px;
		padding: 10px 10px 10px 20px;
		-webkit-box-shadow: 0 5px 0 #ad581b;
		box-shadow: 0 5px 0 #ad581b;
	}
}

/* FOOTER
* ----------------------------------------------- */
footer .top-footer {
	border-top: 1px solid #ebebeb;
	padding-top: 40px;
	padding-bottom: 31px;
}

.top-footer {
	border-top: 1px solid #ebebeb;
	padding-bottom: 46px;
	padding-top: 50px;
}

.page-top .top-footer {
	border: 0;
}

/*bannerリスト*/
.list-banner-box {
	border-top: 1px solid #ebebeb;
}

.list-banner-footer {
	padding-top: 50px;
	margin: 0 auto;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	/* width: 524px; */
}

.list-banner-footer.maeda {
	/* width: 798px; */

}

.list-banner-footer .inner {
	padding: 0 16px;
}

.list-banner-footer .inner a {
	display: block;
}

.list-banner-footer .inner a img {
	display: block;
}

/*snsリスト*/
.list-sns {
	text-align: center;
	margin-bottom: 45px;
}

.list-sns.text-left {
	text-align: left;
}

.list-sns.text-left a {
	margin: 0 32px 0 0;
}

.list-sns a {
	display: inline-block;
	margin: 0 16px;
}

.list-sns a img {
	display: block;
	width: 56px;
}
/*ICONリスト*/
.list-icon-footer {
	text-align: center;
	margin-bottom: 8px;
}

.list-icon-footer a {
	display: inline-block;
	margin: 0 7px;
}

.list-icon-footer a img {
	display: block;
	width: 80px;
}
/**/
.list-link-ft {
	border-top: 1px solid #dddddd;
	padding: 48px 0 52px;
	display: none;
}

.page-top .list-link-ft {
	display: block;
}

.list-link-ft ul li {
	float: left;
	width: 25%;
	text-align: center;
}

.list-link-ft ul li a {
	display: block;
}

.list-link-ft ul li img {
	display: block;
	margin: 0 auto 13px;
	width: 48px;
}

.list-link-ft ul li .brand {
	font-size: 16px;
	margin-bottom: 18px;
	color: #333;
}

.list-link-ft ul li p {
	color: #777777;
	margin-bottom: 6px;
}

.list-link-ft ul li span {
	color: #0070c9;
	text-decoration: underline;
}

/*footerテキスト*/
.text-ft {
	font-size: 15px;
	color: #555;
	text-align: center;
}

.box-list-link {
	text-align: center;
	background-color: #f5f5f5;
	padding: 30px 0 13px;
}

.box-list-link ul {
	margin-bottom: 16px;
}

.box-list-link ul li {
	display: inline-block;
	color: #555555;
}

.box-list-link ul li a {
	display: block;
	color: #555555;
}

.box-list-link ul li span {
	display: block;
	color: #555555;
}

.coppyright {
	text-align: center;
	background-color: #e4e4e4;
	font-size: 12px;
	color: #999999;
	padding: 20px 0 18px;
}

@media screen and ( max-width : 750px) {
	.block-footer-specs {
		padding-bottom: 30px;
	}
	.block-footer-specs .box-ttl-specs {
		margin-bottom: 15px;
	}
	footer .top-footer {
		border-top: 1px solid #ebebeb;
		padding-top: 40px;
		padding-bottom: 31px;
	}
	footer .text-ft {
		font-size: 15px;
		color: #555;
		text-align: center;
	}
	.list-banner-footer {
		margin: 0;
		padding-top: 24px;
		width: 100%;
		-webkit-box-orient: vertical;
		webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}
	.list-banner-footer .inner {
		padding: 0;
		width: 48%;
		margin-bottom: 25px;
	}
	.list-banner-footer.maeda {
		width: 100%;
	}
	.list-banner-footer .inner a {
		display: block;
	}
	.list-banner-footer .inner a img {
		display: block;
		width: 100%;
	}
	.list-sns {
		text-align: center;
		margin-bottom: 34px;
	}
	.list-sns.text-left {
		text-align: left;
	}
	.list-sns.text-left a {
		margin: 0 32px 0 0;
	}
	.list-sns a {
		display: inline-block;
		margin: 0 13px;
	}
	.list-sns a img {
		display: block;
		width: 45px;
	}
	.list-icon-footer {
		text-align: center;
		margin-bottom: 8px;
	}
	.list-icon-footer a {
		display: inline-block;
		margin: 0 6px;
	}
	.list-icon-footer a img {
		display: block;
		width: 64px;
	}
	.list-link-ft {
		padding: 25px 0 15px;
	}
	.list-link-ft ul li {
		width: 100%;
		text-align: center;
		margin-bottom: 22px;
	}
	.list-link-ft ul li img {
		margin: 0 auto 7px;
	}
	.list-link-ft ul li .brand {
		font-size: 16px;
		margin-bottom: 5px;
	}
	.list-link-ft ul li p {
		color: #777777;
		margin-bottom: 6px;
	}
	.list-link-ft ul li a {
		color: #0070c9;
	}
}

/*カレンダー*/
.calender-table {
	table-layout: fixed;
}

.calender-table caption {
	text-align: center;
	font-weight: 700;
	padding: 15px 0 15px 0;
	border-top: 1px solid #f3f3f3;
	position: relative;
}

.calender-table caption a.with-arrow-red-right, .calender-table caption span.with-arrow-red-right {
	position: absolute;
	right: 0;
}

.calender-table caption a.with-arrow-red-left, .calender-table caption span.with-arrow-red-left {
	position: absolute;
	left: 0;
}

.calender-table th, .calender-table td {
	text-align: center;
	border: none;
	font-weight: 700;
}

.calender-table th {
	border-top: 1px solid #f3f3f3;
}


.calender-table td div {
	position: relative;
	z-index: 1;
	width: 6.5rem;
	height: 6.5rem;
	line-height: 1.5rem;
	padding-top: 4px;
	border-radius: 5px;
	color: #0070c9;
	text-decoration: underline;
}

.calender-table td div p, .calender-table td div span.full {
	margin: 0;
	padding: 1px;
	width: 100%;
	color: #333333;
	display: inline-block;
	text-decoration: none;
}

.calender-table td div a, .calender-table td div span.choise-date {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-indent: -999px;
	z-index: 2;
}

.calender-table td div.day:hover {
    -ms-filter: "alpha(opacity=70)";
    -moz-opacity: 0.7;
    -khtml-opacity: 0.7;
    opacity: 0.7;
    zoom: 1;
    cursor: pointer;
    text-decoration: none;
}

.calender-table td div.sat:hover {
    -ms-filter: "alpha(opacity=70)";
    -moz-opacity: 0.7;
    -khtml-opacity: 0.7;
    opacity: 0.7;
    zoom: 1;
    cursor: pointer;
    text-decoration: none;
}

.calender-table td div.sun:hover {
    -ms-filter: "alpha(opacity=70)";
    -moz-opacity: 0.7;
    -khtml-opacity: 0.7;
    opacity: 0.7;
    zoom: 1;
    cursor: pointer;
    text-decoration: none;
}

.calender-table td div.day {
	background-color: #FFF9CA;
	box-shadow: 0 2px 0 #f3f3f3;
}

.calender-table td div.sat {
	background-color: #DCEEFF;
	box-shadow: 0 2px 0 #f3f3f3;
}

.calender-table td div.sun {
	background-color: #FFD2D2;
	box-shadow: 0 2px 0 #f3f3f3;
}

.calender-table td div.holiday {
	background-color: #FFD2D2;
	box-shadow: 0 2px 0 #f3f3f3;
}

.calender-table td div.deadline {
	text-decoration: none;
	color: #000000;
}

.calender-table td p.rokuyo {
	font-size: 0.6em;
}

.calender-box {
	text-align: center;
	width: 50%;
	border: 4px solid rgba(235, 235, 235, 0.6);
	outline: none;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 16px;
	background-color: #fff;
	padding: 20px 15px 20px 15px;
	flex: 1;
	overflow-y: auto;
}

.calender-box a.step1 {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	padding: 10px 0 0 0;

}

.calender-box .calender-top-text {
	text-align: center;
	font-size: 18px;
	font-weight: 700;
	padding: 15px 0 15px 0;
}



.calender-box .calender-bottom-text {
	font-size: 12px;
}
/*カレンダー横テキスト*/
.calender-text {
	width: 50%;
	float: left;
	padding: 0 0 0 30px;
}

.calender-text .reserv-status {
	display: block;
	padding-bottom: 20px;
}

.calender-text .reserv-status .status-detail {
	width: 50%;
	float: left;
	padding-bottom: 15px;
}

.calender-text .reserv-status .status-detail .text {
	display: inline-block;
	margin-right: 10px;
}

.calender-text .btn-medium-custome-gray {
	margin-bottom: 30px;
}

.calender-text .note1 {
	display: inline-block;
	padding: 0 0 30px 0;
	font-weight: 700;
}

.calender-text .note1 span {
	font-weight: bold;
	color: #e94235;
}

.calender-bottom-text {
	display: inline-block;
	margin-top: 20px;
	text-align: left;
}

.calender-content {
	padding: 20px 0 0 0;
}

.modaal-container-custom {
	padding:30px;
}
.modaal-container .calender-content .calender-box, .modaal-container-custom .calender-content .calender-box {
	width: 70%;
}

.modaal-container .calender-content .calender-text, .modaal-container-custom .calender-content .calender-text {
	width: 30%;
	padding-top: 160px;
	font-size: 14px;
}

.modaal-container .calender-content .calender-text div p, .modaal-container-custom .calender-content .calender-text div p {
	margin: 1em 2em 0 0;
}

.modaal-container .calender-content .calender-text .status-detail .text, .modaal-container-custom .calender-content .calender-text .status-detail .text {
	padding-right: 10px;
}


/*カレンダーレスポンシブ*/
@media screen and ( max-width : 1048px) and (min-width : 750px)  {
	.calender-box {
		width: 65%;
	}
}
@media screen and ( max-width : 900px) and (min-width : 750px)  {
	.calender-table td div {
		width: 5rem;
	}
}
@media screen and ( max-width : 750px) {
	.calender-table td {
		padding:2px;
	}
	.modaal-container-custom {
		padding: 30px 0.5rem;
	}
	.calender-content {
		padding: 10px 0 0 0;
		-webkit-box-orient: vertical;
		webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}
	.calender-box {
		padding: 1.866vw;
	}
	.calender-box, .calender-text {
		width: auto;
		float: none;
	}
	.calender-text {
		padding: 0;
		margin: 10px;
	}
	.calender-table caption {
		font-weight: 700;
		padding: 10px 0 10px 0;
		border-top: 1px solid #f3f3f3;
	}
	.calender-table caption span {
		font-size: 1.2rem;
	}
	.calender-table th {
		background: none;
		border-top: 1px solid #f3f3f3;
		padding: 10px 0 0 0;
	}
	.calender-table td div {
		width: 12vw;
		height: 12vw;
		line-height: 2vw;
		margin: 0px;
	}
	.calender-table td div.before {
        color: #7d7d7d;
        /*井上追加*/
        width: 100%;
        margin: 0;
        /*井上追加*/
    }
	.calender-table td p.date {
		font-size: 2.8vw;
		line-height: 3vw;
	}
	.calender-table td p.rokuyo {
		font-size: 2vw;
		padding: 2px 0 5px 0;
	}
	.calender-table td .status {
		font-size: 2.8vw;
		font-weight: 700;
	}
	.calender-box .calender-bottom-text {
		line-height: 1.5em;
		/*井上追加*/
		padding: 0;
		/*井上追加*/
	}
	.calender-text .reserv-status {
		display: block;
		padding: 20px 0 20px 0;
	}
	.calender-text .reserv-status .status-detail {
		padding-bottom: 5px;
	}
	.calender-text .reserv-status .status-detail:last-child {
		width: 100%;
	}
	.calender-text .note1 {
		line-height: 1.5em;
	}
	.calender-text p {
		line-height: 1.5em;
	}
	/*モーダルカレンダー用*/
	.modaal-container .calender-content .calender-box, .modaal-container-custom .calender-content .calender-box {
		width: 100%;
	}
	.modaal-container .calender-content .calender-text, .modaal-container-custom .calender-content .calender-text {
		width: 100%;
		padding-top: 0;
	}
	.modaal-content-container .calender-table td div, .modaal-container-custom .calender-table td div {
		width: 12vw;
		height: 11vw;
	}
	.modaal-content-container .calender-table td p.date, .modaal-container-custom .calender-table td p.date {
		line-height: 2vw;
	}
	.modaal-content-container .calender-table td p.rokuyo, .modaal-container-custom .calender-table td p.rokuyo {
		font-size: 1.666vw;
		padding: 0;
	}
	.modaal-content-container .calender-table td .status, .modaal-container-custom .calender-table td .status {
		font-size: 2vw;
		line-height: 2vw;
	}
	.modaal-container .calender-content .calender-text .status-detail p, .modaal-container-custom .calender-content .calender-text .status-detail p {
		font-size: 1.2rem;
	}
	.modaal-container .calender-content .calender-text div p, .modaal-container-custom .calender-content .calender-text div p {
		margin: 1em 1em 0 0;
	}
}
/*スライダー*/
.block-slider-top {
	padding-bottom: 5px;
}

.block-slider-top .text-right {
	padding-top: 12px;
}

.block-slider-top .text-right a.link-cmn {
	font-size: 13px;
	position: relative;
	z-index: 20;
}

.slider-top.md {
	height: 326px;
}

.slider-top.sm {
	height: 311px;
}

.slider-top.slick-initialized {
	height: auto;
}

.slick-slide {
	height: auto;
}

.slider-basic.md {
	display: none;
	height: 222px;
}

.slider-basic.sm {
	display: none;
}

.slider-basic.slick-initialized {
	display: block;
	height: auto;
}

.slider-top.no-move .slick-arrow, .slider-top.no-move .slick-dots {
	display: none !important;
}
/*------------------------CP一覧(PC)------------------------*/
@media screen and ( min-width : 750px) {
	.cp_list_pc {
		margin: 30px auto;
	}
	.cp_list_pc ul {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}
	.cp_list_pc ul li {
		width: 23%;
		margin: 0 0 20px;
	}
}

@media screen and ( min-width : 750px) {
	.slider-top .first-image>img {
		height: 326px;
	}
}

/*キャンペーンスライダー*/
.slider-top .first-image.full {
	width: 100%;
}

.slider-top .second-image {
	float: left;
	width: 325px;
}

.slider-top .slick-arrow {
	z-index: 20;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 12px auto;
	background-color: rgba(0, 0, 0, 0.08);
	width: 36px;
	height: 100%;
	top: 0;
	position: absolute;
}

.slider-top .btn-prev {
	left: 0;
	background-image: url(../img/top/icon-prev.png);
}

.slider-top .btn-next {
	right: 0;
	background-image: url(../img/top/icon-next.png);
}

.slick-dots {
	position: absolute;
	width: 100%;
	text-align: center;
	bottom: -27px;
}

.slick-dots li {
	display: inline-block;
	margin: 0 4px;
}

.slick-dots li:only-child {
	display: none;
}

.slick-dots li.slick-active button {
	background-color: #333333;
}

.slick-dots li button {
	display: block;
	cursor: pointer;
	padding: 0;
	overflow: hidden;
	text-indent: -99px;
	border: 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	appearance: none;
	outline: none;
	margin: 0;
	width: 7px;
	height: 7px;
	background-color: #e4e4e4;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

@media screen and ( max-width : 750px) {
	.slider-top .slick-arrow {
		background-size: 8px auto;
		background-color: rgba(43, 35, 22, 0.5);
		width: 20px;
		height: 60px;
		top: 125px;
	}
	.slider-top .btn-prev {
		left: 0;
		background-image: url(../img/top/icon-prev-sm.png);
		-moz-border-radius: 0 8px 8px 0;
		-webkit-border-radius: 0;
		border-radius: 0 8px 8px 0;
	}
	.slider-top .btn-next {
		right: 0;
		background-image: url(../img/top/icon-next-sm.png);
		-moz-border-radius: 8px 0 0 8px;
		-webkit-border-radius: 8px;
		border-radius: 8px 0 0 8px;
	}
	.slick-dots {
		bottom: -32px;
	}
	.slick-dots li {
		margin: 0 5px;
	}
	.slick-dots li button {
		width: 10px;
		height: 10px;
	}
	.slider-basic.sm {
		margin-bottom: 48px;
	}
	.slider-basic.sm img {
		margin: 0 auto;
	}
	.slider-basic .slick-arrow {
		z-index: 30;
		background-size: 8px auto;
		background-color: rgba(43, 35, 22, 0.5);
		background-repeat: no-repeat;
		background-position: center center;
		width: 20px;
		height: 60px;
		top: 60;
		position: absolute;
	}
	.slider-basic .btn-prev {
		background-image: url(../img/top/icon-prev-sm.png);
		-moz-border-radius: 0 8px 8px 0;
		-webkit-border-radius: 0;
		border-radius: 0 8px 8px 0;
		left: 0;
	}
	.slider-basic .btn-next {
		right: 0;
		background-image: url(../img/top/icon-next-sm.png);
		-moz-border-radius: 8px 0 0 8px;
		-webkit-border-radius: 8px;
		border-radius: 8px 0 0 8px;
	}
	.slider-basic .slick-dots {
		bottom: -32px;
	}
	.slider-basic .slick-dots li {
		margin: 0 5px;
	}
	.slider-basic .slick-dots li button {
		width: 20px;
		height: 20px;
	}
}

/*ギャラリースライダー*/
.slider-gallery .slick-arrow {
	z-index: 20;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 30px auto;
	position: absolute;
	width: 30px;
	height: 100%;
}

.slider-gallery .btn-prev-g {
	left: -30;
	background-image: url(../img/common/icon-arrow-prev-red.png);
}

.slider-gallery .btn-next-g {
	top: 0;
	right: -30;
	background-image: url(../img/common/icon-arrow-next-red.png);
}

@media screen and ( max-width : 750px) {
	.slider-gallery .slick-arrow {
		z-index: 30;
		background-size: 8px auto;
		background-color: rgba(43, 35, 22, 0.5);
		background-repeat: no-repeat;
		background-position: center center;
		width: 20px;
		height: 60px;
		top: 50;
		position: absolute;
	}
	.slider-gallery .btn-prev-g {
		background-image: url(../img/top/icon-prev-sm.png);
		-moz-border-radius: 0 8px 8px 0;
		-webkit-border-radius: 0;
		border-radius: 0 12px 12px 0;
		left: -22;
	}
	.slider-gallery .btn-next-g {
		right: -22;
		background-image: url(../img/top/icon-next-sm.png);
		-moz-border-radius: 8px 0 0 8px;
		-webkit-border-radius: 8px;
		border-radius: 12px 0 0 12px;
	}
	/*------------------------CP一覧(SP)------------------------*/
	.cp_list {
		margin: 50px 0 30px 0;
		padding: 0 0 42px 0;
	}
	.cp_list ul {
		margin-bottom: 25px;
	}
	.cp_list ul li {
		border-bottom: 1px solid #eeeeee;
		background: url(../img/common/icon-next_b.png) no-repeat right 7px center;
		background-size: 8px;
	}
	.cp_list ul li a {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		padding: 15px 20px 15px 15px;
		color: #333333;
	}
	.cp_list ul li a img {
		width: 45%;
		height: 100px;
		margin-right: 8px;
		box-sizing: border-box;
	}
	.cp_list ul li a p span {
		font-size: 16px;
		font-weight: bold;
	}
	.cp_list ul li.new {
		position: relative;
	}
	.cp_list ul li a img.new {
		position: absolute;
		top: 15px;
		left: 15px;
		width: 40px;
		height: auto;
	}
}

@media ( min-width : 750px) {
	.cp_list_pc {
		margin: 30px auto;
	}
	.cp_list_pc ul {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}
	.cp_list_pc ul li {
		width: 23%;
		margin: 0 0 20px;
	}
}

@media screen and ( min-width: 750px) {
    .calender-box .calender-top-text span {
        font-size: 20px;
    }
}

/*井上コード追加部分********************************************/

.calender-content .calender-box .calender-table td div {
    padding: 12px 0px;
}

.calender-content .calender-box .calender-table td div p.date {
    padding: 5px 0px;
}

.calender-content .calender-table td div.before p {
    color: #D3D3D3;
}

details {
    background-color: #fff;
    width: 1048px;
    margin: auto;
    text-align: left;
    margin-top: 30px;
}

.add-serch-wrap details summary {
    list-style: none;
    cursor: pointer;
    padding: 12px 30px;
    background-color: #fff;
    color: #e94235;
    font-size: 24px;
    text-align: center;
    position: relative;
    border-radius: 15px;
    box-shadow: 0 6px 0 #ba352a;
    font-weight: bold;
    border: 2px solid #e94235;
}

details summary::-webkit-details-marker {
	display: none;
}

.add-serch-wrap details summary::after {
    position: absolute;
    right: 3%;
    top: 30%;
    content: '';
    display: inline-block;
    width: 30px;
    height: 30px;
    background-image: url(../img/search/ico_plus.svg);
    background-size: cover;
    vertical-align: middle;
}

details.refectures-wrap-2 summary::after {
	content: url(../img/search/ico_arrow_u.svg);
	width: 30px;
	margin-left: 20px;
	position: absolute;
}

details[open].refectures-wrap-2 summary {
	background: #fff2c7;
}

.add-serch-wrap details[open] summary::after {
    position: absolute;
    right: 3%;
    background-image: url(../img/search/ico_minus.svg);
}

.refectures-item-3.hokkaido-item, .refectures-item-3.okinawa-item {
	margin: 0;
	width: 100%;
}

.refectures-item-3.hokkaido-item p, .refectures-item-3.okinawa-item p {
	padding: 10px;
	text-align: left;
	font-size: 20px;
	border-radius: 0;
}

.refectures-container-2.hokkaido, .refectures-container-2.okinawa {
	margin-bottom: -1px;
}

.add-serch-item {
	display: flex;
	flex-wrap: wrap;
	padding: 20px 30px;
}

.add-serch-item-2 {
	padding: 20px 30px;
	border-left: 1px solid #efefef;
	width: 40%;
}

.tiku-add, .todofuken-add, .child-add {

	background-color: #fff2c7;
	color: #9e9e9e;
}


.open {
	cursor: pointer;
	font-size: 16px;
	color: #9e9e9e;
	display: block;
	padding: 9px 10px 9px 10px;
	line-height: 1;
}

.open-2 {
	cursor: pointer;
	font-size: 16px;
	color: #9e9e9e;
	display: block;
	line-height: 1;
}

#pop-up, #pop-up-2 {
	display: none;
}

.overlay {
	display: none;
}

#pop-up:checked + .overlay, #pop-up-2:checked + .overlay {
	display: block;
	position: fixed;
	width: 100%;
	height: 100vh;
	top: 0;
	left: 0;
	z-index: 9999;
	background: rgba(0, 0, 0, 0.6);
}

.window {
	position: fixed;
	top: 50%;
	left: 50%;
	width: 90vw;
	max-width: 620px;
	padding: 20px;
	height: auto;
	background-color: #fff;
	border-radius: 4px;
	align-items: center;
	transform: translate(-50%, -50%);
	display: flex;
	flex-direction: column;
	height: 80%;
}


.close {
	position: absolute;
	top: 4px;
	right: 4px;
	font-size: 40px;
	cursor: pointer;
	background-color: #8f8e8e;
	padding: 0px 10px;
	color: white;
}

.addmb20 {
	border: 2px solid rgba(235, 235, 235, 0.6);
	border-radius: 6px;
	font-family: arial;
	background-color: #fff2c7;
}

.addmb20-2 {
	border: 2px solid rgba(235, 235, 235, 0.6);
	border-radius: 6px;
	font-family: arial;
	background-color: #fff2c7;
	width: 48%;
	margin: 5px 2% 5px 0;
}

.mb20 {
	border-radius: 6px;
}

.todofuken, .tiku {
	background-color: #fff2c7;
	color: #9e9e9e;
}

.popup-calender {
	width: 100%;
}

.calender-table td div p.date {
	font-size: 20px;
}

.calender-table td .status {
	font-size: 13px;
	font-family: sans-serif;
}

.calender-table td div.day {
	background-color: #dbdbdb;
}

.calender-table th {
	background: none;
	background-color: #8f8e8e;
	border-right: 1px solid #f3f3f3;
	padding: 6px;
	color: white;
	font-size: 20px;
}

.calender-table td div.sat {
	background-color: #dbdbdb;
}

.calender-table td div.sat .date {
	color: blue;
}

.calender-table td div.sun {
	background-color: #dbdbdb;
}

.calender-table td div.sun .date {
    color: red;
}

.caption-area {
    margin-bottom: 20px;
}

.calender-content .calender-box .caption-area {
    margin-bottom: 0px;
    position: relative;
}

.calender-box .calender-top-text .required-mark {
    display: block;
    width: 20%;
    margin: 5px auto;
}

.calender-content .calender-box .calender-table th, .calender-content .calender-box .calender-table td {
    padding: 4px;
}

.add-serch-item-sub-tittle {
    font-size: 18px;
    width: 100%;
    font-weight: bold;
    display: flex;
    align-items: center;
}

.todofuken-add {
	margin: 5px 2% 5px 0;
	width: 48%;
}

.tiku-add, .child-add {
	margin: 5px 0 5px 2%;
	width: 48%;
}

.checkbox-wrap {
	padding: 5px 10px;
	border: 2px solid rgba(235, 235, 235, 0.6);
	border-radius: 6px;
	margin-bottom: 20px;
	margin-top: 5px;
	font-size: 16px;
}

.checkbox-wrap label {
	font-size: 16px;
}

.add-serch-contents {
	display: flex;
}

.section-result {
	padding-bottom: 0 !important;
}

.calender-table td.choisedate .sun .date, .calender-table td.choisedate .sun .rokuyo,
.calender-table td.choisedate .sat .date, .calender-table td.choisedate .sat .rokuyo,
.calender-table td.choisedate .date, .calender-table td.choisedate .rokuyo {
	color: #fff;
}

.more-search {
	width: 51%;
	padding: 5px 0;
	margin: 5px auto 10px auto;
}

.more-search-sp {
	display: none;
}

.tab-img.sm {
	border-top: 1px solid #c6c6c6;
	display: flex !important;
	justify-content: center;
	padding: 10px 15px 10px 15px;
	margin-top: 10px;
}
.tab-img.sm img {
	margin-right: 5px;
	width: 30%;
}
.add-serch-item-sub-tittle.parking:before {
	content: '';
	display: inline-block;
	width: 20px;
	height: 20px;
	background-image: url(../img/common/icon-parking_2.png);
	background-size: cover;
	vertical-align: middle;
	margin-right: 10px;
}

.add-serch-item-sub-tittle.kitamura:before {
	content: '';
	display: inline-block;
	width: 20px;
	height: 20px;
	background-image: url(../img/common/icon-kitamura_2.png);
	background-size: cover;
	vertical-align: middle;
	margin-right: 10px;
}

.add-serch-item-sub-tittle.picture:before {
	content: '';
	display: inline-block;
	width: 20px;
	height: 20px;
	background-image: url(../img/common/icon-user_2.png);
	background-size: cover;
	vertical-align: middle;
	margin-right: 10px;
}

.todofuken-add, .tiku-add, .child-add, .addmb20-2 {
	height: 50px;
}

.radio-button {
	display: flex;
	margin-bottom: 10px;
}

.radio-button img {
	width: 30%;
	margin-right: 10px;
}

.date-delete {
	position: absolute;
	top: 115%;
}
.addmb20.tooltip {
	margin-bottom: 40px;
}
.ttl_month {
	font-weight: bold;
	font-size: 24px;
	padding-bottom: 0;
	line-height: 1;
}
.bread-crumb {
	padding: 10px 15px;
}

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

	.section-browsing-history .wrapper {
		padding: 0;
	}

	.login_wrap {
		background-color: #f6f6f6;
		padding: 30px 10px;
		margin: 30px 15px;
	}

	.yoyaku_tyusyaku {
		padding: 15px;
	}

	.bottom-img {
		padding: 0 15px;
	}

	.ttl_month {
		padding-top: 5px;
		font-size: 20px;
	}

	.right-contents .popup-calender {
		width: 100%;
		padding: 1.866vw;
	}

	.right-contents .calender {
		padding: 0 !important;
	}

	.right-contents .window {
		padding: 20px;
		width: 90vw;
	}

	.close {
		font-size: 30px;
	}

	.right-contents .addmb20 {
		padding: 0;
	}

	.right-contents .mb20 {
		padding: 0;
	}

	.ttl-cmn-h3 {
		margin-bottom: 20px;
	}

	.calender-table td div.day, .calender-table td div.sun, .calender-table td div.sat {
		padding: 0;
	}

	.calender-table td div p.date {
        font-size: 16px;
        margin-top: 3px;
        padding-top: 0px;
    }
	.calender-table td .status {
		font-size: 11px;
	}
	details {
		width: 100%;
		margin-top: 10px;

	}

    .add-serch-wrap details summary {
        padding: 10px 40px 10px 20px;
        font-size: 20px;
        margin: 15px 15px 20px;
    }

	.add-serch-wrap details summary::after {
		right: 3%;
		top: 20%;
	}

	details.refectures-wrap-2 summary::after {
		right: 3%;
		top: 20%;
	}

	.add-serch-item {
		margin-bottom: 15px;
		display: block;
		padding: 20px 30px 10px 30px;
	}

	.todofuken-add, .tiku-add, .child-add, .addmb20-2 {
		width: 100%;
		margin: 5px 0;
	}

	.add-serch-item .calender-table td div {
		width: 100%;
		margin: 0;
	}

	.addmb20-2 .calender-table td {
		padding: 2px;
	}

	.addmb20 .calender-table td {
		padding: 2px;
	}

	.calender-box .calender-top-text .required-mark {
		width: 40%;
	}

	.calender-box .calender-top-text {
		padding: 8px 0 15px 0;
	}

	.add-serch-contents {
		display: block;
		background-color: #f6f6f6;
		padding-bottom: 10px;
	}

	.add-serch-item-2 {
		width: 100%;
		padding: 0px 30px 5px 30px;
		border-left: none;
	}

	.checkbox-wrap {
		width: 70%;
		background-color: #fff;
	}

	.ttl-cmn-h3:after {
		display: none;
	}

	details.refectures-wrap-2 {
		border: none;
		background: none;
		width: 100%;
		margin: auto;
		text-align: left;
	}

	details.refectures-wrap-2 summary {
		list-style: none;
		cursor: pointer;
		padding: 10px;
		background: white;
		color: black;
		font-size: 20px;
		text-align: left;
		position: relative;
		border: 1px solid black;
		margin-bottom: -1px;
	}

	.ttl-cmn-h3 {
		background: none;
		margin-bottom: 0;
		padding: 10px 0;
	}

	.map-container .left-contents {
		background-color: #f6f6f6;
		padding: 10px 15px 30px 15px;
	}

	.refectures-item-3 {
		width: calc(50% - 5px);
		display: block;
		text-align: center;
		margin: 10px 0;
	}

	.refectures-item-3:nth-child(3), .refectures-item-3:nth-child(4) {
		margin: 0;
	}

	.hukusima.refectures-item-3, .kanagawa.refectures-item-3, .aichi.refectures-item-3, .mie.refectures-item-3, .kagawa.refectures-item-3, .ehime.refectures-item-3, .kochi.refectures-item-3, .kagoshima.refectures-item-3, .okinawa.refectures-item-3 {
		margin: 0 0 10px 0;
	}


	.refectures-item-2 {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}

	.refectures-item-3 p {
		border: 1px solid black;
		font-size: 18px;
		color: black;
		background: white;
		border-radius: 3px;
		padding-bottom: 0;
	}

	details.refectures-wrap-2 summary::after {
		content: url(../img/search/ico_arrow_u.svg);
		width: 30px;
	}

	details[open].refectures-wrap-2 summary::after {
		content: url(../img/search/ico_arrow_u.svg);
		width: 30px;
		transform: rotate(180deg);
		top: 5%;
	}

	.right-contents {
		background-color: #f6f6f6;
		padding: 10px 15px 30px 15px;
		margin-top: 15px;
	}

	select {
		padding: 15px 40px 15px 10px;

	}

	.right-contents .btn-strong {
		width: 80% !important;
		margin: 40px auto 0 auto;
	}

	.right-contents .mb20 {
		margin-bottom: 10px;
	}

	.addmb20 {
		border: none;
	}

	.addmb20-2 {
		border: 2px solid rgba(235, 235, 235, 0.6);
		border-radius: 6px;
	}


	#read-more-0 label { /* label上のカーソルをリンク時と同じタイプにする*/
		text-align: center;
		display: block;
		background: #fff;
		width: 40%;
		margin: 5px auto;
		padding: 5px 10px;
	}

	#read-more-0 label::before {
		content: "+";
		margin-right: 5px;
	}

	#read-more-0 .more-close label {
		width: 45%;
	}

	#read-more-0 .more-close label::before {
		content: "－";
		margin-right: 5px;
	}


	#read-more-0 {
		padding: 0 10px 10px 10px;
	}

	#read-more-0 input { /* inputは非表示 */
		display: none;
	}

	#read-more-0 input ~ span.more-open { /* 無くても機能する */
		display: inline;
	}

	#read-more-0 input ~ span.more-contents {
		display: none;
	}

	#read-more-0 input ~ span.more-close {
		display: none;
	}

	#read-more-0 input:checked ~ span.more-open { /*チェックされたinputの弟で、クラス名がmore-openのspanに適用*/
		display: none;
	}

	#read-more-0 input:checked ~ span.more-contents {
		display: inline;
	}

	#read-more-0 input:checked ~ span.more-close { /* 無くても機能する */
		display: inline;
	}


	.search-list-tb td p.center-text {
		text-align: center;
	}

	table th, table td {
		padding: 15px 20px 20px 20px;
	}

	.news-wrap {
		background-color: #efefef;
	}

	.search-list-tb.search tr:nth-child(2n) {
		background: none !important;
	}

	.search-list-tb dd:nth-child(even), .search-list-tb dd:nth-child(odd) {
		width: 100% !important;
	}

	.search-list-tb dt {
		padding: 5px 0 5px 0px !important;
	}

	.search-list-tb dd {
		padding: 0 !important;
	}

	.link-cmn.with-vector {
		background-image: url(../img/common/icon-vector_2.png);
		padding: 0px 0 0px 23px;
	}

	.reserve-btn-new {
		padding: 10px 30px;
		display: block;
		margin: 20px auto;
	}

	.news-wrap {
		margin-bottom: 20px;
	}

	.go-reserve {
		width: 80%;
		margin: auto;
		border-radius: 15px;
	}

	.map-container {
		padding: 0 15px;
	}

	.section-map .wrapper {
		padding: 0;
	}

	.section-map .wrapper .ttl-custome-h2.text-left {
		padding: 15px;
		border: none;
		background: #fff2c7;

	}

	.go-reserve {
		position: relative;
	}

	.go-reserve::after {
		content: url(../img/search/plus.png);
		margin-left: 20px;
		position: absolute;
		right: 3%;
		top: 32%;
	}

	.add-serch-wrap details {
		margin-top: 0px;
	}

	.right-contents div {
		padding: 0;
	}

	.search-list-tb .go-reserve-wrap .btn-net-reserv-s-2 {
		width: 80%;
		padding: 1.4rem 15px;
		font-size: 1.6rem;
		position: static;
		margin: auto;
	}

	.search-list-tb .go-reserve-wrap .btn-net-reserv-s-2::after {
		content: '';
		position: absolute;
		background-image: url(../img/search/icon-arrow07.png);
		background-position: center center;
		background-repeat: no-repeat;
		width: 15px;
		height: 15px;
		top: 18px;
		right: 55px;
		display: inline-block;
		background-size: contain;
	}

	.go-reserve-wrap {
		position: relative;
	}

	.more-search {
		display: none;
	}

	.more-search-sp {
		width: 80%;
		display: block;
		margin: 20px auto 20px auto;
		width: calc(80% - 40px);
		padding: 10px;
	}

	.tab-content .tab-c {
		padding: 0px 0px 10px 0px;
	}

	.tab-img {
		border-bottom: none !important;
	}

	.add-serch-wrap {
		margin-top: 10px;
	}

	.todofuken-add, .tiku-add, .child-add, .addmb20-2 {
		height: auto;
	}

	.calender-table td {
		padding: 3px 1px;
	}

	.date-delete {
		top: 106%;
	}

    .calender-content .calender-table td p.rokuyo {
        font-size: 2vw;
        padding: 2px 0 10px 0;
    }

    .calender-content .calender-table td div {
        height: 14vw;
    }

    .calender-content .calender-table td div p.date {
        margin-top: 8px;
    }

    .calender-content .calender-box .calender-table td div p.date {
        padding: 5px 0px 8px;
    }

    .calender-table td .status {
        font-size: 14px;
    }


}

@media screen and (max-width: 1048px) and (min-width: 750px) {
	.add-serch-wrap details {
		min-width: 750px;
		width: 100%;
	}

	.add-serch-wrap {
		padding-right: 15px;
	}

	.more-search {
		margin: 40px auto 10px auto;
	}

	.todofuken-add {
		margin: 5px 2% 15px 0;
		width: 100%;
	}

	.tiku-add, .child-add {
		margin: 0 0 15px 0;
		width: 100%;
	}

	.addmb20-2 {
		width: 100%;
	}

	.add-serch-item {
		display: block;
		width: 50%;
	}

	.add-serch-item-2 {
		width: 50%;
	}
}

.calender #txtDispCalendar2 {
	font-size: 18px;
	margin: 0 30px;
}

.calender #txtDispCalendar {
	font-size: 18px;
	margin: 0 30px;
}

#cal_start {
	font-size: 18px;
}

@media screen and (max-width: 750px) {
	.calender #txtDispCalendar2 {
		font-size: 14px;
		margin: 0 15px;

	}

	.calender #txtDispCalendar {
		font-size: 14px;
		margin: 0 20px;
	}

	.window {
		height: 85%;
	}
}

/*井上コード追加部分終了********************************************/

/*井上コード追加部分20231207********************************************/

/* ポップアップ要素自体のスタイル */
#popup {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background: #fefefe;
	z-index: 9999;
	border-radius: 5px;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
}

#popup .modal-inner img {
	max-width: 100%;
	height: auto;
}

#popup button.close {
	position: absolute;
	right: -40%;
	border: none;
	cursor: pointer;
	background-color: transparent;
	font-size: 20px;
	color: #333;
}

@media screen and (max-width: 750px) {
	#popup {
		transform: translateX(-50%);
		bottom: 0;
		left: 50%;
		top: auto;
	}

	#popup button.close {
		transform: translateX(-50%);
		right: auto;
		left: 50%;
		top: -30%;
	}
}
/*井上コード追加部分20231207********************************************/

/*大野コード追加部分20231215********************************************/

.jikantai {
	background-color: #fff2c7;
	color: #9e9e9e;
	margin-top: 10px;
}

.right-contents .btn-strong {
	margin: 30px auto 0;
}

.date-add {
	border: 2px solid rgba(235, 235, 235, 0.6);
	border-radius: 6px;
	font-family: arial;
	background-color: #fff2c7;
	height: 50px;
}

.modal-scroll__container .calender-box .calender-top-text {
    text-align: center;
    font-size: 18px;
    font-weight: 700;
    padding: 5px 0;
    background-color: #fff2c7;
}

.modal-scroll__container .calender-box select {
	background-color: #fff;
	display: block;
	margin: 5px auto;
	padding: 10px 40px 10px 10px;
}

.modal-scroll__container .calender-box .calender-top-text span {
	font-size: 20px;
}

.modal-scroll__container .calender-box .calender-top-text .required-mark {
	display: inline-block;
	height: 24px;
	background-color: #e94235;
	color: #fff;
	font-size: 18px;
	padding: 1px 10px;
	vertical-align: middle;
	line-height: 24px;
	width: auto;
	margin: -5px 0 0 10px;
	border-radius: 0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
}

.modal-scroll__container .calender-box .wrp_calender .caption-area {
    margin-bottom: 0;
    position: relative
}

.modal-scroll__container .calender-box .wrp_calender .calender-table th {
    border: none;
}

.modal-scroll__container .calender-box .wrp_calender .calender-table td.tdCal {
    background-color: #ececec;
    height: 5rem;
}

.modal-scroll__container .calender-box .wrp_calender .calender-table td.tdCal:has(.day) {
    background-color: #fff;
}

.modal-scroll__container .calender-box .wrp_calender .calender-table td.tdCal:has(.sat) {
    background-color: #fff;
}

.modal-scroll__container .calender-box .wrp_calender .calender-table td.tdCal:has(.sun) {
    background-color: #fff;
}

.modal-scroll__container .calender-box .wrp_calender .calender-table td.tdCal:has(.tel) {
    background-color: #fff;
}

.modal-scroll__container .calender-box .wrp_calender .calender-table td.tdCal.choisedate:has(.day) {
    background-color: #e94235;
}

.modal-scroll__container .calender-box .wrp_calender .calender-table td.tdCal.choisedate:has(.sat) {
    background-color: #e94235;
}

.modal-scroll__container .calender-box .wrp_calender .calender-table td.tdCal.choisedate:has(.sun) {
    background-color: #e94235;
}

.modal-scroll__container .calender-box .wrp_calender .calender-table td div.sat {
    background-color: #fff0;
    box-shadow: none;
}

.modal-scroll__container .calender-box .wrp_calender .calender-table td div.day {
    background-color: #fff0;
    box-shadow: none;
}

.modal-scroll__container .calender-box .wrp_calender .calender-table td div.sun {
	background-color: #fff0;
	box-shadow: none;
}

.modal-scroll__container .calender-box .wrp_calender .calender-table td div {
	width: auto;
	height: auto;
}

.select_flex {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	justify-content: center;
	margin: 20px auto;
}

.select_flex select {
	margin: 10px !important;
}

.select_flex span {
	font-size: 18px;
}

.select_flex p {
	font-size: 18px;
	padding-bottom: 0px !important;
}

.wrp_calender {
    display: flex;
    justify-content: space-evenly;
    margin-top: 10px;
}

.calender_search {
	width: 45%;
}

.calender_search .calender-table th {
    background: none;
    padding: 0px;
    color: #000;
    font-size: 18px;
}

.calender_search .calender-table td div p.date {
    font-size: 20px;
    padding-top: 0px;
}

.calender_search .calender-table th, .calender_search .calender-table td {
    border: 1px solid #aeaeae;
}

.calender_search .calender-table td div.before p {
    color: #7d7d7d;
}

.modal-scroll__container .calender-box {
    text-align: center;
    width: 100%;
    outline: none;
    border: none;
    background-color: #fff;
    padding: 10px 20px;
    flex: 1;
    overflow-y: auto;
    margin-bottom: 120px;
}

.calender_search .txtDispCalendar {
	font-size: 18px;
	margin: 0 30px;
	font-weight: bold;
}

.wrp_calender .hide-calendar {
	display: none;
}

.add-serch-contents .add-serch-item .wrp_date-add {
	margin: 5px 2% 5px 0;
	width: 48%;
}

.add-serch-contents .add-serch-item .jikantai-add {
	width: 48%;
	height: 50px;
	margin: 5px 0 5px 2%;
}

@media (max-width: 750px) {
	.add-serch-contents .add-serch-item .wrp_date-add {
		width: 100%;
		margin: 5px 0;
	}

	.add-serch-contents .add-serch-item .jikantai-add {
		width: 100%;
		margin: 5px 0;
	}

	.calender_search {
		width: 100%;
		margin-bottom: 15px;
	}

	.wrp_calender {
		display: block;
	}

	.modal-scroll__container .calender-box .calender-top-text {
		padding: 10px;
	}

	.calender_search .calender-table td div p.date {
        font-size: 18px;
        margin: 0px;
        padding-top: 0px;
        line-height: 1em;
    }

    .calender_search span.caption-mv-month {
        display: none;
    }

    .wrp_calender .hide-calendar {
        display: block;
    }

    .modal-scroll__container .calender-box .wrp_calender .calender-table td div {
        line-height: 1em;
        padding: 0px;
    }

    .calender-content .calender-box .calender-table td div {
        padding: 0px;
    }

    .calender-content .calender-box .calender-table th, .calender-content .calender-box .calender-table td {
        padding: 3px 1px;
    }

}

body.fixed {
	position: fixed;
	width: 100%;
	height: 100%;
}

.modal {
	display: none;
}

.modal-bg {
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.7);
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100;
	transition: .3s;
}
.modal-scroll__container {
	overflow-y: auto;
}

.modal-main-container {
	color: black;
	z-index: 101;
	position: fixed;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	transition: .3s;
}

.modal-main-container.slide {
	transition: .3s;
}

.modal-main-contents {
	background-color: #fff;
	max-width: 932px;
	display: flex;
	flex-direction: column;
	box-shadow: rgba(0, 0, 0, 0.28) 0px 8px 28px;
	transition: .3s;
	width: 100%;
	height: 100%;
}

.modal-close-btn__wrapper {
	display: flex;
	align-items: center;
}

.modal-confirm-btn__wrapper {
	padding: 10px 20px;
	border-top: 1px solid #e6e6e6;
	background-color: #fff;
	z-index: 3;
	position: fixed;
	bottom: 0;
	margin: 0 auto;
	display: inline-block;
	left: 50%;
	transform: translate(-50%);
	width: 100%;
	max-width: 932px;
}

.modal-confirm-btn__wrapper p {
	font-size: 18px;
	text-align: center;
	font-weight: bold;
}

.btn-confirm {
	display: block;
	width: 240px;
	text-align: center;
	color: #fff;
	font-weight: bold;
	font-size: 18px;
	border: 0;
	outline: none;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	background-color: #e5e6de;
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	appearance: none;
	padding: 15px 0 13px;
	margin: 0 auto;
}

.btn-confirm-active {
	background-color: #e94235;
}

.modal-close-btn {
	width: 40px;
	height: 40px;
	top: -40px;
	position: absolute;
	cursor: pointer;
}

.modal-close-btn:before {
	content: "";
	width: 25px;
	height: 25px;
	border-right: 3px solid #fff;
	transform: rotate(-45deg);
	position: absolute;
	top: 14px;
	left: -3px;
}
.modal-close-btn:after {
	content: "";
	width: 25px;
	height: 25px;
	border-right: 3px solid #fff;
	transform: rotate(45deg);
	position: absolute;
	top: -2px;
	left: -3px;
}

input[name="tab_item_date"] {
	display: none;
}

input[name="tab_item_date2"] {
	display: none;
}

.tab_content_date {
    display: none;
    clear: both;
    overflow: hidden;
    padding-top: 15px;
}

#calender:checked ~ #calendar_content,
#flexible:checked ~ #flexible_content,
#calender1:checked ~ #calendar_content1,
#flexible1:checked ~ #flexible_content1 {
	display: block;
}

#calender2:checked ~ #calendar_content2,
#flexible2:checked ~ #flexible_content2 {
	display: block;
}

.tab_item_date {
	width: calc(100% / 2.1);
	font-size: 18px;
	color: #333;
	display: inline-block;
	text-align: center;
	transition: all 0.2s ease;
	cursor: pointer;
	position: relative;
	padding: 15px 0 10px;
	line-height: 24px;
	font-weight: bold;
	border-bottom: 2px solid #e5e6de;
}

.calender-box input:checked + .tab_item_date {
	border-bottom: 2px solid #e94235;
}

.td-note {
	border-width: 1px 1px;
}
.td-shopname {
	border-left: 1px solid rgb(220, 220, 220);
}

@media (min-width: 751px) {
    .modal-main-container {
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 100%;
        max-width: 1032px;
    }

    .modal-main-contents {
        min-height: 650px;
    }

    .open-2 {
        padding: 16px 40px 8px 10px;
    }
}

@media (max-width: 750px) {
	.modal-close-btn {
		left: 10px;
	}
	.modal-main-container {
		bottom: 0;
		left: 50%;
        transform: translate(-50%);
        width: 100%;
        height: 80%;
    }

    .modal-close-btn__wrapper {
        padding: 10px 0px;
    }

    .modal-main-contents {
        border-radius: 12px 12px 0px 0px;
    }

    .open-2 {
        padding: 9px 10px 9px 10px;
    }
}