@charset "utf-8";
/* @group Reset */
#wrapper {
	width: 100%;
	max-width: 1240px;
	margin: auto;
}
.point_btn_b li.wide40 {
	width: 60%;
}
.point_btn_b li.wide20 {
	width: 20%;
}
.point_btn_b li.wide50 {
	width: 50%;
}
.btn_wrap {
	z-index: 1000;
}
* {
	margin: 0;
	padding: 0
}
#contents .info_wrap {
	background-color: #000;
}
#contents .original_wrap {
	background-repeat: repeat;
	background-color: #FC35B6;
}
#contents .rental_wrap {
	margin: 0;
	padding: 0;
	background-color: #43341B;
	float: left;
	width: 100%;
}
.sp_only {
	display: inherit;
}
.pc_only {
	display: none;
}

ul, ol {
	list-style: none
}
img {
	vertical-align: middle;
	transition: 0.5s;
}
a img:hover {
	opacity: 0.6;
	transition: 0.5s;
}


/* @group Fluid-img */

img {
	max-width : 100%
}


/* @group HTML */
html {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #555;
}
body {
}
h1 {
	font-size: 1.5em; /* 24px */
	color: #333;
	font-weight: normal;
}
h2 {
	font-size : 1.125em; /* 36px */
	margin-bottom : 0.6667em;
	text-align: center;
	background: #ed4630;
}
h3 {
	font-size : 1em; /* 16px */
	margin-bottom : 1em;
}
h1, h2, h3 {
	color: #333;
}
p {
}
/* @end */

/* @main */
article#main {
	margin-bottom: 0;
}
article#main section {
	background-color: #fff;
	text-align: center;
	width: 100%;
}
article#main section img {
	width: 100%;
}
article#main p {
	background-color: #000000;
	padding: 1em 1em;
	color: #FFFFFF;
	text-align: center;
	font-size: 0.9em;
}
#main_area {
	position: relative;
	width: 100%;
}
.main_layer {
	position: absolute;
	top: 0;
}
/* @end */

article#contents {
}
/* @contents_btn */
article#contents section.btn {
	padding-top: 1em;
	padding-right: 1em;
	padding-left: 1em;
	padding-bottom: 3em;
	text-align: center;
	margin: 0 auto;
	width: 90%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#contents .btn_wrap {
	margin: 5% auto 0;
	/* background-image: url(../images/bg-btn.jpg); */
}
article#contents section.btn dl dt {
	font-size: 1.5em;
	font-weight: bold;
	color: #5e4c45;
	margin-bottom: 0.5em;
}
article#contents section.btn dl dt strong {
	-webkit-text-emphasis: filled circle #5e4c45;
	text-emphasis: filled circle #5e4c45;
}
article#contents section.btn h1 {
	margin-bottom: 0.5em;
}
article#contents section.btn p {
	margin-bottom: 1em;
}
article#contents section.btn p a {
	overflow: hidden;
	text-align: center;
	padding: 1em 0.5em;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	-ms-transition: 0.5s;
	transition: 0.5s;
	display: block;
	background: #ef4685;
	text-decoration: none;
	border-radius: 10px;
	color: #fff;
	width: 90%;
	margin: 0 auto 2em;
	font-size: 1.2em;
}
article#contents section.btn p a:hover {
	background:#F9C;
}
/* @end */

/* @article contents */
article#contents ul#contents01 {
	background: #e1e1e1;
	margin: 0 auto 1em;
	padding: 0 0 1em 0;
	width: 90%;
	overflow: hidden;
}
article#contents ul#contents01 li img {
	width: 45%;
	float: left;
	margin-right: 2.5%;
	margin-left: 2.5%;
}
/* @end */

article#contents p#lead01 {
	margin: 1em;
}
article#contents section#point {
	position: relative;
	margin: 2em 2em 0;
	color: #fff;
}
article#contents section#point h1 {
	position: absolute;
	top: -19px;
	left: 10%;
	color: #fff;
	text-align: center;
	background: #0b7b9a;
	padding: 0.25em;
}
article#contents section#point ol {
	border: 1px #fff solid;
	padding: 1.5em;
}
article#contents section#point ol li {
	margin-bottom: 0.5em;
}
/* @takei */
article#takei {
	text-align: center;
}
article.dot {
	background: url(../images/bg-dot.png);
	background-size: 15px;
}
article#takei h1 {
	text-align: center;
	padding-top: 1.5em;
	padding-right: 0.5em;
	padding-left: 0.5em;
	padding-bottom: 0.5em;
}
article#takei p {
	text-align: center;
	padding: 0.5em;
	font-size: 1em;
	font-weight: bold;
	color: #FFFFFF;
}
article#takei section#rental div{
	margin-top: 0.4em;
	margin-right: 0.2em;
	margin-left: 0.2em;
	margin-bottom: 0.4em;
	width: 45%;
	display: inline-block;
}
article#takei p#notice {
	color: #f41920;
	background: #f9e0d0;
	margin-top: 1em;
	margin-bottom: 1em;
	font-size: 1.3em;
	font-weight: normal;
}
/* @end */

/* @detail */
#contents .detail_wrap {
	background-color: #fff;
}
article#contents section#detail {
	padding: 0em;
	margin: 0 auto 5%;
}
.item_bg {
	background-color: #FEDFE1;
}

article#contents section#detail h1 {
	margin-bottom: 0.5em;
	text-align: center;
}
article#contents section#detail p {
	text-align: center;
	padding: 1em;
}
article#contents section#detail div{
	margin-bottom: 2em;
	text-align: center;
}
article#contents section#detail div ul li{
	width: 48%;
	display: inline-block;
}
article#contents section#detail div dl{
	text-align: left;
	margin-left: 1em;
}
article#contents section#detail div dl dt{
	font-size: 1.5em;
	font-weight: bold;
}
article#contents section#detail section {
	position: relative;
	margin: 3em 2% 0;
	border: 1px #5e3e2a solid;
	color: #5e3e2a;
	padding: 1.5em;
	background-color: #fff;
}
article#contents section#detail section h1 {
	position: absolute;
	top: -19px;
	left: 25%;
	color: #fff;
	text-align: center;
	background-color: #5e3e2a;
	padding: 0.5% 5%;
	border-radius: 2%;

}
article#contents section#detail section ol {
	display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:flex;
	-webkit-box-lines:multiple;
	-moz-box-lines:multiple;
	-webkit-flex-wrap:wrap;
	-moz-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	margin: 3% auto 0%;
	text-align: left;
}
article#contents section#detail section ol li {
	display: inline-block;
	width: 45%;
	margin: 0.25em 0.5em 0.25em 0;
}
article#contents section#detail section ol li span {
	font-size: 0.75em;
}
/* @end */

/* @prepare */
article#contents section#prepare {
	background: #fff;
	padding: 1em;
}
article#contents section#prepare h1 {
	font-size: 1.5em;
}
article#contents section#prepare p {
	margin-bottom: 1em;
}
article#contents section#prepare dl {
	background: #eeeeee;
	padding: 1em;
}
article#contents section#prepare dl dt {
	font-size: 1.5em;
}
article#contents section#prepare ul {
	font-family: 'メイリオ', Meiryo,'ヒラギノ角ゴシック','Hiragino Sans',YuGothic,'Yu Gothic',sans-serif;
	color: #5e4c45;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}
article#contents section#prepare ul li {
	background: #f9e1d1;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	margin-bottom: 10px;
	width: 48%;
	height: 3em;
	position: relative;
}
article#contents section#prepare ul li:before {
	content: "";
	display: block;
	padding-top: 100%;
}
article#contents section#prepare ul li span {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	padding: 2px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
}
article#contents section#prepare ul li span:before {
	content: "";
	height: 100%;
	vertical-align: middle;
	width: 0px;
	display: inline-block;
}
article#contents section#prepare ul li span > * {
	vertical-align: middle;
	display: inline-block;
}
/* @end */

/* @info*/
article#contents section#info {
	margin: 0 auto;
	overflow: hidden;
	color: #f04584;
	padding-top: 1em;
	padding-right: 1em;
	padding-left: 1em;
	padding-bottom: 1em;
	background-color: #000;
	max-width: 960px;
}
article#contents section#info p {
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
	/* font-weight: bold; */
	text-align: center;
	font-size: 1em;
	padding-top: 0.8em;
	padding-right: 0.5em;
	padding-bottom: 0.8em;
	margin-top: 0;
	margin-bottom: 0;
	width: 100%;
	float: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-left: 0.5em;
	line-height: 1.2em;
	color: #FFFFFF;
}
article#contents section#info ul.tab {
	width: 100%;
	max-width: 960px;
	margin-left: auto;
	margin-right: auto;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	clear: left;
}
article#contents section#info ul li{
	width: 49.5%;
	float: left;
	margin-right: 1%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
article#contents section#info ul li:nth-child(2n){
	margin-right: 0%;
}
.frame_black {
	border: 2px solid #000000;
}
.btn_off {
	opacity: 0.6;
}
.text_black {
	color: #000000;
}
article#contents section#info dl dt{
	padding-top: 0.8em;
	padding-right: 0.3em;
	padding-left: 0.3em;
	padding-bottom: 0.8em;
	text-align: center;
	font-weight: bold;
	opacity: 1.0;
	color: #000000;
}
article#contents section#info dl dt.pink2.is-active{
	background-color: #f94877;
	color: #fff;
	font-weight: bold;
	opacity: 1.0;
}
.pink2 {
	color: #f94877;
}
article#contents section#info dl dt.red.is-active{
	background-color: #D4116E;
	color: #fff;
	font-weight: bold;
	opacity: 1.0;
}
.red {
	color: #D4116E;
}
article#contents section#info dl dt.blue.is-active{
	background-color: #8840C8;
	color: #fff;
	font-weight: bold;
	opacity: 1.0;
}
.blue {
	color: #8840C8;
}
article#contents section#info dl dt.green.is-active{
	background-color: #11A678;
	color: #fff;
	font-weight: bold;
	opacity: 1.0;
}
.green {
	color: #11A678;
}
article#contents section#info dl dt.orange.is-active{
	background-color: #BF961E;
	color: #fff;
	font-weight: bold;
	opacity: 1.0;
}
.orange {
	color: #BF961E;
}
article#contents section#info dl dt.purple.is-active{
	background-color: #9F36B7;
	color: #fff;
	font-weight: bold;
	opacity: 1.0;
}
.purple {
	color: #9F36B7;
}
article#contents section#info dl dt.dt_white.is-active{
	background-color: #FFFFFF;
}
article#contents section#info dl dt.is-active i.fas{
	display: none;
}
article#contents section#info dl dd{
	color: #333;
	font-weight: bold;
}
article#contents section#info dl dd div{
	padding-bottom: 0.5em;
	margin-bottom: 0.5em;
	border-bottom: 1px dotted #B9B9B9;
}
article#contents section#info dl dd div.yoyaku_btn {
	padding: 0.5em;
	text-align: center;
	text-decoration: none;
	border: 1px solid #FF0000;
	margin-bottom: 0.5em;
}
article#contents section#info dl dd div.yoyaku_btn a {
	text-decoration: none;
	color: #ff0000;
	display: block;
}
article#contents section#info dl dd dl.date{
	margin-bottom: 1em;
	border-bottom: dotted 1px #ccc;
}
article#contents section#info dl dd dl.date dt{
	display:inline;
	text-align: left;
	color: #333;
	margin-right: 1em;
}
article#contents section#info dl dd dl.date dd{
	display: inline-block;
}
/* @end */
/* @contact */
section#contact {
	margin: 2em auto;
	text-align: center;
}
section#contact h1 {
	margin: 0 auto 1em;
}
section#contact p {
	margin: 0 auto;
	width: 50%;
}
/* @end */

/* @footer */
footer {
	background: #ccc;
	text-align: center;
}
footer small {
	margin: 2em;
}
/* @end */

/*768px*/
@media screen and (min-width : 768px) {
	html {
		font-size: 87.5%;
	}
	.pc_only {
		display: inherit;
	}
	.sp_only {
		display: none;
	}

	article#main p {
		font-size: 1.25em;
	}
	/* @contents */
	article#contents section.btn {
		width: 70%;
		max-width: 960px;
	}
	article#contents ul#contents02 li.list-mv03 {
		right: 5%;
		top: 30%;
	}
	article#contents ul#contents02 li.list-mv03 img {
		width: 100%;
	}
	article#contents p#lead01 {
		margin: 2em auto 3em;
		width: 80%;
	}
	article#contents section.btn p a {
		width: 70%;
	}
	article#contents section#point {
		width: 90%;
		margin: 0 auto;
	}
	article#contents section#point h1 {
		position: absolute;
		top: -23px;
		left: 32%;
	}
	/* @detail */
	article#contents section#detail {
		padding-right: 2em;
		padding-left: 2em;
		/* padding-bottom: 2em; */
	}
	article#contents section#detail p {
		margin-bottom: 2em;
	}
	article#contents section#detail section {
		display: table;
		width: 91%;
		margin: 3em auto 0;
	}
	article#contents section#detail section h1 {
		position: absolute;
		left: 35%;
	}
	article#contents section#detail div dl{
		margin-left: 2em;
	}
	article#contents section#detail section ol li{
		width: 32%;
	}
	/* @end */

	article#takei section#rental div{
		margin: 1em;
		width: 21%;
	}
	article#takei p {
		font-size: 1.5em;
	}

	/* @prepare */
	article#contents section#prepare {
		padding: 2em;
	}
	article#contents section#prepare p {
		margin-bottom: 1.5em;
	}
	article#contents section#prepare ul li {
		width: 24%;
	}
	/* @end */

	/* @info*/
	article#contents section#info {
		padding-left: 2em;
		padding-right: 2em;
	}
	article#contents section#info p{
		font-size: 1.5em;
		padding: 1em;
		margin: 0 2em;
	}
	article#contents section#info dl dd dl.date dt{
		width: 30%;
		display: inline-block;
	}
	/* @end */
	/* @contact */
	section#contact {
		margin: 2em auto;
		text-align: center;
	}
	section#contact h1 {
		margin: 0 auto 1em;
	}
	section#contact p {
		margin: 0 auto 1em;
		width: 50%;
	}
	/* @end */
}