@charset "UTF-8";

/*	reset
-------------------------------------------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,table,th,td {
	margin:0;
	padding:0;
}

article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary{
	display:block;
}

h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight: normal;
}

img {
	border:0;
	vertical-align:bottom;
}

a {

}

a:hover {

}
/* iOSでのデフォルトスタイルをリセット */
input[type="submit"],
input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
  display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus {
  outline-offset: -2px;
}

html { scroll-behavior: smooth;}

body {
	color: #fff;
	font-size: 16px;
	margin: 0 auto;
	padding: 0;
	background-color: #000;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 400;
}

#preloadedImages {
       width: 0px;
       height: 0px;
       display: inline;
       background-image: url('../img/top01.jpg');
       background-image: url('../img/top02.jpg');
       background-image: url('../img/top03.jpg');
       background-image: url('../img/top04.jpg');
       background-image: url('../img/top05.jpg');
}

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

header {
	position: fixed;
	top: 0;
	right: 80px;
	z-index: 9999;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 500;
}

header p:nth-of-type(1) {
	width: 304px;
	height: 60px;
	background: url(../img/head_mail.png) left 21px center no-repeat;
	background-color: #222;
	font-size: 18px;
	transition: opacity .6s ease;
	opacity:0;
	position: relative;
	right: -304px;
}

header p:nth-of-type(2) {
	width: 304px;
	height: 60px;
	background: url(../img/head_free.png) left 21px center no-repeat;
	background-color: #8D002C;
	font-size: 24px;
	transition: opacity .6s ease .2s;
	opacity:0;
	position: relative;
	right: -304px;
}

header p:nth-of-type(1).delighter.started,
header p:nth-of-type(2).delighter.started {
	opacity:1;
	right: 0px;
}

header p a {
	display: block;
	height: 60px;
	line-height: 60px;
	color: #fff;
	text-decoration: none;
	padding-left: 70px;
}

header p a:hover {
	color: #ccc;
	transition: all 0.2s;
}


.zoomslider {
    height: 100vh;
}

.zoomslider.zoom_sp {
    display: none;
}

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

.zoomslider {
    height: 100vh;
}

.zoomslider.zoom_sp {
    display: block;
}

.zoomslider.zoom_pc {
    display: none;
}

header {
	position: fixed;
	top: auto;
	bottom: 0px;
	right: 46px;
	z-index: 9999;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 500;
	width: calc(100% - 46px);
}

header p:nth-of-type(1) {
	width: 45%;
	height: 46px;
	background: url(../img/head_mail.png) left 16px center no-repeat;
	background-size: 20px;
	background-color: #222;
	font-size: 14px;
	opacity:1;
	position: relative;
	right: 0px;
	float: left;
}

header p:nth-of-type(1) span {
	display: none;
}

header p:nth-of-type(2) {
	width: 55%;
	height: 46px;
	background: url(../img/head_free.png) left 16px center no-repeat;
	background-size: 20px;
	background-color: #8D002C;
	font-size: 20px;
	opacity:1;
	position: relative;
	right: 0px;
	float: right;
}

header p a {
	display: block;
	height: 46px;
	line-height: 46px;
	color: #fff;
	text-decoration: none;
	padding-left: 46px;
}

}

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

header p:nth-of-type(1) {
	font-size: 12px;
}

header p:nth-of-type(2) {
	font-size: 16px;
}

}


/*	head_inst
-------------------------------------------------------------------*/

#head_inst {
	width: 80px;
	height: 120px;
	display: block;
	position: fixed;
	top: 0px;
	right: 0px;
	z-index: 9999;
}

#head_inst a {
	width: 80px;
	height: 120px;
	display: block;
	background-color: #fff;
	text-align: center;
	text-decoration: none;
	border-top: dotted 1px #212121;
	border-bottom: dotted 1px #212121;
	box-sizing: border-box;
	padding-top: 28px;
	font-size: 10px;
	line-height: 1;
	font-family: 'Noto Serif JP', serif;
	font-weight: 600;
}

#head_inst a img {
	width: 36px;
	height: 36px;
	margin-bottom: 15px;
}

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

#head_inst {
	width: 46px;
	height: 46px;
	display: block;
	position: fixed;
	top: auto;
	bottom: 0px;
	right: 0px;
	z-index: 9999;
}

#head_inst a {
	width: 46px;
	height: 46px;
	border: none;
	padding-top: 11px;
}

#head_inst a img {
	width: 24px;
	height: 24px;
	margin-bottom: 15px;
}

#head_inst a span {
	display: none;
}

}


/*	swiper01
-------------------------------------------------------------------*/

@-webkit-keyframes zoomUp {
0% {
-webkit-transform: scale(1.15);
transform: scale(1.15);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}

@keyframes zoomUp {
0% {
-webkit-transform: scale(1.15);
transform: scale(1.15);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}

.swiper-slide-active .slide-img,
.swiper-slide-duplicate-active .slide-img,
.swiper-slide-prev .slide-img {
-webkit-animation: zoomUp 12s linear 0s;
animation: zoomUp 12s linear 0s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.swiper-slide {
overflow: hidden;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.slide-img {
background-size: cover;
background-position: center center;
height: 100vh;
}



#head_info {
	position: absolute;
	width: 410px;
	z-index: 999;
	right: 60px;
	bottom: 60px;
	transition: opacity 1.5s ease .6s;
	opacity:0;
}

#head_info.delighter.started {
	opacity:1;
}

#head_info a {
	display: block;
	background:rgba(255,255,255,0.5);
	padding: 20px 20px 40px 20px;
	text-decoration: none;
}

#head_info a:hover {
	background:rgba(255,255,255,0.9);
}

#head_info h1 {
	font-family: 'Noto Serif JP', serif;
	color: #000;
	line-height: 1;
}

#head_info h1 span:nth-of-type(1) {
	font-weight: 400;
	font-size: 16px;
	display: block;
}

#head_info h1 span:nth-of-type(2) {
	margin: 20px 0 14px 0;
	display: block;
	text-align: center;
}

#head_info h1 span:nth-of-type(2) img {
	max-width: 100%;
}


#head_info p {
	font-family: 'Noto Serif JP', serif;
	color: #000;
	line-height: 1;
	font-size: 20px;
	font-weight: 600;
	text-align: center;
	margin-top: 40px;
}

#head_info p span {
	margin-top: 15px;
	display: block;
}

#head_info ul {
	list-style: none;
	width: 190px;
	margin: 40px auto 0 auto;
}

#head_info ul li {
	text-align: center;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	background-color: #2D4973;
	color: #fff;
	height: 36px;
	line-height: 36px;
	font-size: 16px;
	font-weight: 500;
}

#head_info ul li:not(:last-child) {
	margin-bottom: 8px;
}

#main_logo {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 9999;
	opacity:0;
	transition: opacity 1.5s ease 1.6s;
}

#main_logo.delighter.started {
	opacity:1;
}

#main_logo img {
	max-width: 100%;
}

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

#head_info {
	position: absolute;
	width: calc(100% - 40px) ;
	z-index: 999;
	right: 20px;
	bottom: auto;
	top: 20px;
}

#head_info a {
	display: block;
	background:rgba(255,255,255,0.5);
	padding: 20px 20px 20px 20px;
	text-decoration: none;
}

#head_info h1 span:nth-of-type(1) {
	font-weight: 400;
	font-size: 12px;
	display: block;
}

#head_info p {
	font-size: 16px;
	text-align: center;
	margin-top: 16px;
}

#head_info p span {
	margin-top: 10px;
	display: block;
}

#head_info ul {
	list-style: none;
	width: 100%;
	margin: 20px auto 0 auto;
}

#head_info ul li {
	width: 48%;
	height: 36px;
	line-height: 36px;
	font-size: 12px;
}

#head_info ul li:nth-of-type(odd) {
	float: left;
}

#head_info ul li:nth-of-type(even) {
	float: right;
}

#main_logo {
	display: none;
}

}

/*	main_info
-------------------------------------------------------------------*/

#main_info {
	max-width: 1360px;
	margin: 0 auto;
	padding: 50px 20px 0px 20px;
	box-sizing: border-box;
}

#main_info h2 {
	width: 100%;
	text-align: center;
	transition: all .6s ease;
	opacity:0;
	position: relative;
	top: 30px;
}

#main_info h2.delighter.started {
	opacity:1;
	top: 0px;
}

#main_info h2 span {
	display: block;
}

#main_info h2 span:nth-of-type(1) {
	max-width: 260px;
	margin: 0 auto 20px auto;
}

#main_info h2 span:nth-of-type(1) img {
	width: 100%;
}

#main_info h2 span:nth-of-type(2) {
	max-width: 420px;
	margin: 0 auto;
}

#main_info h2 span:nth-of-type(2) img {
	width: 100%;
}

#main_info h2 span:nth-of-type(3) {
	max-width: 460px;
	margin: 0 auto;
	text-align: right;
	font-family: 'Noto Serif JP', serif;
	font-weight: 400;
	font-size: 20px;
	margin-top: 10px;
	line-height: 1;
}

#main_info_txt {
	padding: 40px 0 60px 0;
	text-align: center;
	color: #e2c65e;
	transition: all .6s ease;
	opacity:0;
	position: relative;
	top: 30px;
}

#main_info_txt.delighter.started {
	opacity:1;
	top: 0px;
}

#main_info_txt p {
	line-height: 1.8;
	font-size: 14px;
	font-weight: 400;
}

#main_info_txt p:last-child {
	margin-top: 1em;
}

#main_info ul#main_info_list {
	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;
	width: 100%;
	list-style: none;
	transition: all .6s ease;
	opacity:0;
	position: relative;
	top: 30px;
}

#main_info ul#main_info_list.delighter.started {
	opacity:1;
	top: 0px;
}

#main_info ul#main_info_list li:nth-of-type(1) {
	width: calc(32% - 1px) ;
	box-sizing: border-box;
	border-right: 1px dotted #999;
	padding: 0 20px;
	font-family: 'Noto Serif JP', serif;
	font-weight: 600;
}

#main_info ul#main_info_list li:nth-of-type(2) {
	width: calc(32% - 1px) ;
	box-sizing: border-box;
	border-right: 1px dotted #999;
	padding: 0 20px;
	font-family: 'Noto Serif JP', serif;
	font-weight: 600;
}

#main_info ul#main_info_list li:nth-of-type(3) {
	width: 36%;
	box-sizing: border-box;
	padding: 0 20px 0 40px;
	font-family: 'Noto Serif JP', serif;
	font-weight: 600;
}

#main_info ul#main_info_list li:nth-of-type(1) dl dt {
	text-align: center;
	font-size: 26px;
	margin-bottom: 40px;
	line-height: 1;
}

#main_info ul#main_info_list li:nth-of-type(1) dl dd {
	font-size: 18px;
	margin-bottom: 10px;
	padding-left:1.2em;
	text-indent:-1.2em;
}

#main_info ul#main_info_list li:nth-of-type(1) dl dd span {
	margin-right: 0.2em;
}

#main_info ul#main_info_list li:nth-of-type(2) dl dt {
	text-align: center;
	font-size: 26px;
	margin-bottom: 20px;
	line-height: 1;
}

#main_info ul#main_info_list li:nth-of-type(2) dl dt span {
	display: block;
	font-size: 16px;
	margin-top: 20px;
}

#chiku_price {
	display: table;
	width: 100%;
}

#chiku_price span#chiku_price01,
#chiku_price span#chiku_price02 {
	display: table-cell;
	width: 50%;
	box-sizing: border-box;
	text-align: center;
	vertical-align: bottom;
	line-height: 1;
}

#chiku_price span#chiku_price01 {
	font-size: 120px;
	text-align: right;
}

#chiku_price span#chiku_price02 {
	font-size: 26px;
	text-align: left;
	padding-left: 20px;
}

#chiku_price span#chiku_price02 span {
	font-size: 20px;
	display: block;
	margin-top: 10px;
}

#chiku_txt {
	padding-top: 20px;
	font-size: 14px;
	text-align: center;
}

#main_info ul#main_info_list li:nth-of-type(3) dl dt {
	text-align: center;
	font-size: 26px;
	margin-bottom: 40px;
	line-height: 1;
}

#main_info ul#main_info_list li:nth-of-type(3) p {
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 400;
	margin-bottom: 10px;
	padding-left:1em;
	text-indent:-1em;
}

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

#main_info ul#main_info_list li:nth-of-type(1) dl dt {
	font-size: 20px;
}

#main_info ul#main_info_list li:nth-of-type(1) dl dd {
	font-size: 16px;
}

#main_info ul#main_info_list li:nth-of-type(2) dl dt {
	font-size: 20px;
}

#main_info ul#main_info_list li:nth-of-type(2) dl dt span {
	font-size: 14px;
	margin-top: 10px;
}

#chiku_price span#chiku_price01 {
	font-size: 100px;
	text-align: right;
}

#chiku_price span#chiku_price02 {
	font-size: 16px;
	text-align: left;
	padding-left: 20px;
}

#chiku_price span#chiku_price02 span {
	font-size: 16px;
	display: block;
	margin-top: 10px;
}

#chiku_txt {
	padding-top: 20px;
	font-size: 12px;
	text-align: center;
}

#main_info ul#main_info_list li:nth-of-type(3) dl dt {
	font-size: 20px;
}

#main_info ul#main_info_list li:nth-of-type(3) p {
	font-size: 12px;
}

}

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

#main_info ul#main_info_list li:nth-of-type(1) {
	width: calc(34% - 1px) ;
}

#main_info ul#main_info_list li:nth-of-type(2) {
	width: calc(34% - 1px) ;
}

#main_info ul#main_info_list li:nth-of-type(3) {
	width: 32%;
	padding: 0 20px 0 20px;
}

#main_info_txt {
	padding: 40px 0 60px 0;
	text-align: left;
	color: #e2c65e;
	transition: all .6s ease;
	opacity:0;
	position: relative;
	top: 30px;
}

#main_info ul#main_info_list li:nth-of-type(1) dl dt {
	font-size: 2.0vw;
}

#main_info ul#main_info_list li:nth-of-type(1) dl dd {
	font-size: 1.6vw;
}

#main_info ul#main_info_list li:nth-of-type(2) dl dt {
	font-size: 2.0vw;
}

#main_info ul#main_info_list li:nth-of-type(2) dl dt span {
	font-size: 1.4vw;
}

#chiku_price span#chiku_price01 {
	font-size: 10.0vw;
	text-align: right;
}

#chiku_price span#chiku_price02 {
	font-size: 1.6vw;
	text-align: left;
	padding-left: 10px;
}

#chiku_price span#chiku_price02 span {
	font-size: 1.6vw;
	display: block;
	margin-top: 10px;
}

#chiku_txt {
	padding-top: 20px;
	font-size: 1.2vw;
	text-align: center;
}

#main_info ul#main_info_list li:nth-of-type(3) dl dt {
	font-size: 2.0vw;
}

#main_info ul#main_info_list li:nth-of-type(3) p {
	font-size: 1.2vw;
}

}

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

#main_info h2 span:nth-of-type(1) {
	max-width: 200px;
	margin: 0 auto 20px auto;
}

#main_info h2 span:nth-of-type(2) {
	width: 80%;
	margin: 0 auto;
}

#main_info h2 span:nth-of-type(2) img {
	width: 100%;
}

#main_info h2 span:nth-of-type(3) {
	width: 90%;
	font-size: 16px;
}

#main_info_txt {
	padding: 30px 0 30px 0;
}

#main_info_txt p {
	font-size: 12px;
}

#main_info ul#main_info_list li:nth-of-type(1) {
	width: 100%;
	padding: 0;
	border-right: none;
	border-bottom: 1px dotted #999;
	padding-bottom: 14px;
	margin-bottom: 30px;
}

#main_info ul#main_info_list li:nth-of-type(2) {
	width: 100%;
	padding: 0;
	border-right: none;
	border-bottom: 1px dotted #999;
	padding-bottom: 30px;
	margin-bottom: 30px;
}

#main_info ul#main_info_list li:nth-of-type(3) {
	width: 100%;
	padding: 0;
}

#main_info ul#main_info_list li:nth-of-type(1) dl dt,
#main_info ul#main_info_list li:nth-of-type(2) dl dt,
#main_info ul#main_info_list li:nth-of-type(3) dl dt {
	font-size: 16px;
	margin-bottom: 20px;
}

#main_info ul#main_info_list li:nth-of-type(1) dl dd {
	font-size: 14px;
	margin-bottom: 6px;
}

#main_info ul#main_info_list li:nth-of-type(2) dl dt span {
	font-size: 12px;
	margin-top: 10px;
}

#chiku_price {
	display: table;
	width: 100%;
}

#chiku_price span#chiku_price01 {
	font-size: 120px;
	text-align: right;
}

#chiku_price span#chiku_price02 {
	font-size: 20px;
	text-align: left;
	padding-left: 20px;
}

#chiku_price span#chiku_price02 span {
	font-size: 16px;
	margin-top: 10px;
}

#chiku_txt {
	padding-top: 20px;
	font-size: 12px;
	text-align: center;
}

#main_info ul#main_info_list li:nth-of-type(3) p {
	margin-bottom: 6px;
	font-size: 13px;
}

}


/*	main_info_img
-------------------------------------------------------------------*/

.main_info_img {
	margin-top: 60px;
	transition: all .6s ease;
	opacity:0;
	position: relative;
	top: 30px;
}

.main_info_img.delighter.started {
	opacity:1;
	top: 0px;
}

.main_info_img .slider img {
	max-width: 100%;
	height: auto;
}

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

.main_info_img {
	margin-top: 40px;
}

}

/*	open_house
-------------------------------------------------------------------*/

#open_house {
	max-width: 1360px;
	margin: 0 auto;
	padding: 60px 20px 100px 20px;
	box-sizing: border-box;
	transition: all .6s ease;
	opacity:0;
	position: relative;
	top: 30px;
}

#open_house.delighter.started {
	opacity:1;
	top: 0px;
}

#open_house h2 {
	background: url(../img/open_house_icon.png) center top no-repeat;
	padding-top: 98px;
	font-family: 'Noto Serif JP', serif;
	text-align: center;
	width: 230px;
	margin: 0 auto;
}

#open_house h2 span:nth-of-type(1),
#open_house h2 span:nth-of-type(2) {
	font-size: 20px;
	font-weight: 400;
	line-height: 1;
}

#open_house h2 span:nth-of-type(2) {
	margin-left: 0.5em;
}

#open_house h2 span:nth-of-type(3) {
	font-size: 30px;
	font-weight: 600;
	display: block;
	background-color: #fff;
	color: #000;
	margin-top: 20px;
	padding: 10px 0;
	line-height: 1;
	letter-spacing: 0.2em;
	text-indent: 0.2em;
}

#open_house #open_house_date {
	font-family: 'Crimson Text', serif;
	font-weight: 400;
	text-align: center;
	font-size: 70px;
	line-height: 1;
	margin: 60px 0;
}

#open_house #open_house_date span.sat {
	font-size: 20px;
	color: #4CD2FF;
	margin: 0 20px 0 10px;
}

#open_house #open_house_date span.sun {
	font-size: 20px;
	color: #FF7272;
	margin: 0 20px 0 10px;
}

#open_house #open_house_date span.ten {
	display: inline-block;
	vertical-align: 3%;
	margin: 0 4px;
}

#open_house #open_house_add {
	text-align: center;
	font-size: 20px;
	margin-bottom: 60px;
	line-height: 1.6;
}

#open_house_contact {
	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;
	width: 100%;
	max-width: 1023px;
	margin: 0 auto 30px auto;
	list-style: none;
}

#open_house_contact li {
	text-align: center;
}

#open_house_contact li:nth-of-type(1) {
	width: 50%;
	box-sizing: border-box;
	padding-right: 10px;
}

#open_house_contact li:nth-of-type(2) {
	width: 50%;
	box-sizing: border-box;
	padding-left: 10px;
}

#open_house_contact li a {
	display: block;
	border: solid 3px #fff;
	height: 80px;
	line-height: 80px;
	font-size: 26px;
	font-weight: 500;
	color: #fff;
	text-decoration: none;
	transition: all 0.2s;
	background: url(../img/link_list01.png) right bottom no-repeat;
}

#open_house_contact li a:hover {
	border: solid 3px #8D002C;
	background: url(../img/link_list02.png) right bottom no-repeat;
}

#open_house_contact li a.mail span {
	background: url(../img/page_mail.png) left center no-repeat;
	padding-left: 70px;
}

#open_house_contact li a.tel span {
	background: url(../img/page_free.png) left center no-repeat;
	padding-left: 70px;
}

#open_house #open_house_txt {
	text-align: center;
	font-size: 16px;
	margin-bottom: 60px;
}

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

#open_house #open_house_date {
	font-size: 7.0vw;
	line-height: 1;
	margin: 40px 0;
}

#open_house #open_house_date span.sat {
	font-size: 2.0vw;
}

#open_house #open_house_date span.sun {
	font-size: 2.0vw;
}

#open_house #open_house_add {
	margin-bottom: 40px;
}

#open_house_contact li a {
	height: 80px;
	line-height: 80px;
	font-size: 2.6vw;
}

#open_house_contact li a.mail span {
	background: url(../img/page_mail.png) left 20px center no-repeat;
	background-size: 36px;
	padding-left: 60px;
}

#open_house_contact li a.tel span {
	background: url(../img/page_free.png) left 20px center no-repeat;
	background-size: 36px;
	padding-left: 64px;
}

}

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

#open_house {
	padding: 60px 20px 30px 20px;
}

#open_house h2 {
	background: url(../img/open_house_icon.png) center top no-repeat;
	padding-top: 70px;
	width: 230px;
	background-size: 60px;
}

#open_house h2 span:nth-of-type(1),
#open_house h2 span:nth-of-type(2) {
	font-size: 18px;
}

#open_house h2 span:nth-of-type(3) {
	font-size: 22px;
	margin-top: 16px;
}

#open_house #open_house_date {
	font-size: 32px;
	line-height: 1;
	margin: 30px 0;
}

#open_house #open_house_date span.sp {
	display: block;
}

#open_house #open_house_date span.sat {
	font-size: 20px;
	color: #4CD2FF;
	margin: 0 20px 0 10px;
}

#open_house #open_house_date span.sun {
	font-size: 20px;
	color: #FF7272;
	margin: 0 0px 0 10px;
}

#open_house #open_house_date span.ten {
	display: inline-block;
	vertical-align: 3%;
	margin: 0 4px;
}

#open_house #open_house_date span.sp {
	display: block;
	margin-bottom: 10px;
}

#open_house #open_house_add {
	text-align: center;
	font-size: 14px;
}

#open_house_contact {
	margin: 0 auto 20px auto;
}

#open_house_contact li {
	text-align: left;
}

#open_house_contact li:nth-of-type(1) {
	width: 100%;
	padding-right: 0px;
	margin-bottom: 10px;
}

#open_house_contact li:nth-of-type(2) {
	width: 100%;
	padding-left: 0px;
}

#open_house_contact li a {
	height: 60px;
	line-height: 60px;
	font-size: 18px;
	transition: all 0.2s;
}

#open_house_contact li a.mail span {
	background: url(../img/page_mail.png) left 20px center no-repeat;
	background-size: 30px;
	padding-left: 70px;
}

#open_house_contact li a.tel span {
	background: url(../img/page_free.png) left 20px center no-repeat;
	background-size: 30px;
	padding-left: 70px;
}

#open_house #open_house_txt {
	text-align: left;
	font-size: 12px;
	margin-bottom: 60px;
}

}

/*	open_house_form
-------------------------------------------------------------------*/

#open_house_form h2 {
	background: url(../img/open_house_icon2.png) center top no-repeat;
	padding-top: 98px;
	font-family: 'Noto Serif JP', serif;
	text-align: center;
	width: 230px;
	margin: 0 auto;
}

#open_house_form h2 span:nth-of-type(1),
#open_house_form h2 span:nth-of-type(2) {
	font-size: 20px;
	font-weight: 400;
	line-height: 1;
}

#open_house_form h2 span:nth-of-type(2) {
	margin-left: 0.5em;
}

#open_house_form h2 span:nth-of-type(3) {
	font-size: 30px;
	font-weight: 600;
	display: block;
	background-color: #000;
	color: #fff;
	margin-top: 20px;
	padding: 10px 0;
	line-height: 1;
	letter-spacing: 0.2em;
	text-indent: 0.2em;
}

#open_house_form #open_house_date {
	font-family: 'Crimson Text', serif;
	font-weight: 400;
	text-align: center;
	font-size: 70px;
	line-height: 1;
	margin: 60px 0;
}

#open_house_form #open_house_date span.sat {
	font-size: 20px;
	color: #003366;
	margin: 0 20px 0 10px;
}

#open_house_form #open_house_date span.sun {
	font-size: 20px;
	color: #B20000;
	margin: 0 20px 0 10px;
}

#open_house_form #open_house_date span.ten {
	display: inline-block;
	vertical-align: 3%;
	margin: 0 4px;
}

#open_house_form #open_house_add {
	text-align: center;
	font-size: 20px;
	margin-bottom: 60px;
}

.ggmap {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
	margin-bottom: 60px;
}
 
.ggmap iframe,
.ggmap object,
.ggmap embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


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

#open_house_form #open_house_date {
	font-size: 5.5vw;
	line-height: 1;
	margin: 40px 0;
}

#open_house_form #open_house_date span.sat {
	font-size: 1.5vw;
}

#open_house_form #open_house_date span.sun {
	font-size: 1.5vw;
}

#open_house_form #open_house_add {
	margin-bottom: 40px;
}

}

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

#open_house_form h2 {
	background: url(../img/open_house_icon2.png) center top no-repeat;
	padding-top: 70px;
	width: 230px;
	background-size: 60px;
}

#open_house_form h2 span:nth-of-type(1),
#open_house_form h2 span:nth-of-type(2) {
	font-size: 18px;
}

#open_house_form h2 span:nth-of-type(3) {
	font-size: 22px;
	margin-top: 16px;
}

#open_house_form #open_house_date {
	font-size: 32px;
	line-height: 1;
	margin: 30px 0;
}

#open_house_form #open_house_date span.sp {
	display: block;
}

#open_house_form #open_house_date span.sat {
	font-size: 16px;
	margin: 0 20px 0 10px;
}

#open_house_form #open_house_date span.sun {
	font-size: 16px;
	margin: 0 0px 0 10px;
}

#open_house_form #open_house_date span.ten {
	display: inline-block;
	vertical-align: 3%;
	margin: 0 4px;
}

#open_house_form #open_house_date span.sp {
	display: block;
	margin-bottom: 10px;
}

#open_house_form #open_house_add {
	text-align: center;
	font-size: 14px;
}

}

/*	page_title
-------------------------------------------------------------------*/

.page_title {
	display: flex;
	align-items: center;
	transition: all .6s ease;
	opacity:0;
	position: relative;
	top: 30px;
	left: 0;
	right: 0;
	width: 50%;
	margin: auto;
}

.page_title.delighter.started {
	opacity:1;
	top: 0px;
	width: 100%;
}

.page_title:before {
	content: "";
	flex-grow: 1;
	height: 1px; /* 線の太さ */
	background: #fff; /* 線の色 */
	margin:0 2em 0 20px; /* 文字と線の余白 */
}

.page_title:after {
	content: "";
	flex-grow: 1;
	height: 1px; /* 線の太さ */
	background: #fff; /* 線の色 */
	margin:0 20px 0 2em; /* 文字と線の余白 */
}

.page_title h2 {
	font-size: 40px;
	line-height: 1;
	font-family: 'Noto Serif JP', serif;
	font-weight: 400;
	text-align: center;
}

.page_title h2 span {
	font-size: 16px;
	display: block;
	font-weight: 600;
	margin-top: 14px;
}

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

.page_title#page_title_contact h2 {
	font-size: 4.0vw;
}

}

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

.page_title {
	width: 90%;
}

.page_title h2 {
	font-size: 30px;
}

.page_title h2 span {
	font-size: 12px;
	display: block;
	font-weight: 600;
	margin-top: 12px;
}

.page_title#page_title_contact h2 {
	font-size: 20px;
}

.page_title#page_title_contact h2 span {
	font-size: 20px;
	font-weight: 400;
}

.page_title:before {
	margin:0 2em 0 10px; /* 文字と線の余白 */
}

.page_title:after {
	margin:0 10px 0 2em; /* 文字と線の余白 */
}

}

/*	container
-------------------------------------------------------------------*/

.container {
	padding: 0 20px;
	box-sizing: border-box;
}

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

.container {
	padding: 0 10px;
	box-sizing: border-box;
}

}

/*	video
-------------------------------------------------------------------*/

#video {

	text-align: center;
	padding-top: 100px;
}

#video .container {
	transition: all .6s ease;
	opacity:0;
	position: relative;
	top: 30px;
}

#video .container.delighter.started {
	opacity:1;
	top: 0px;
}


#youtube_box {
	padding-bottom: 40px;
	transition: all .6s ease;
	opacity:0;
	position: relative;
	top: 30px;
}

#youtube_box.delighter.started {
	opacity:1;
	top: 0px;
}

#youtube_box a {
	cursor: pointer;
}


#youtube_box img {
	max-width: 100%;
	height: auto;
}

.youtube {
	margin: 80px auto 120px auto;
	position: relative;
	padding-bottom: 56.25%; /* アスペクト比16:9の場合 */
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}

.youtube iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

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

#video {
	padding-top: 60px;
}

.youtube {
	margin: 40px auto 60px auto;
}

}

/*	lineup
-------------------------------------------------------------------*/

#lineup .container {
	transition: all .6s ease;
	opacity:0;
	position: relative;
	top: 30px;
}

#lineup .container.delighter.started {
	opacity:1;
	top: 0px;
}

#lineup_list {
	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;
	width: 100%;
	max-width: 1260px;
	margin: 60px auto 180px auto;
	list-style: none;
}

#lineup_list2 {
	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;
	width: 100%;
	max-width: 1260px;
	margin: 60px auto 60px auto;
	list-style: none;
}

#lineup_list li,
#lineup_list2 li {
	width: calc(50% - 10px) ;
	box-sizing: border-box;
	background-color: #fff;
}

#lineup_list li:nth-of-type(1),
#lineup_list2 li:nth-of-type(1) {
	margin-right: 10px;
}

#lineup_list li:nth-of-type(2),
#lineup_list2 li:nth-of-type(2) {
	margin-left: 10px;
}

#lineup_list li a,
#lineup_list2 li a {
	display: block;
	color: #000;
	text-decoration: none;
}

#lineup_list li a p.img,
#lineup_list2 li a p.img {
	width: 49%;
	float: left;
}

#lineup_list li a p.img img,
#lineup_list2 li a p.img img {
	max-width: 100%;
	height: auto;
}

#lineup_list li a div,
#lineup_list2 li a div {
	width: 51%;
	float: left;
	text-align: center;
	font-family: 'Noto Serif JP', serif;
	font-weight: 400;
	background: url(../img/lineup_list.png) center bottom 34px no-repeat;
	background-color: #fff;
	display: block;
	position: relative;
	transition: all 0.2s;
}

#lineup_list li a:hover div,
#lineup_list2 li a:hover div {
	background: url(../img/lineup_list.png) center bottom 24px no-repeat;
}

#lineup_list li a div p,
#lineup_list2 li a div p {
	font-size: 18px;
	line-height: 1;
	position: absolute;
	top: 70px;
	left: 0;
	right: 0;
	margin: auto
	z-index: 2;
}

#lineup_list li a div p span,
#lineup_list2 li a div p span {
	font-size: 32px;
	display: block;
	margin-top: 30px;
}

#lineup_list li a div img,
#lineup_list2 li a div img {
	max-width: 100%;
	height: auto;
	vertical-align: top;
}

.lineup_container {
	padding: 0 20px;
}

.lineup_container#lineup02 {
	margin-top: 200px;
}

.lineup_container h3 {
	text-align: center;
	font-size: 20px;
	line-height: 1;
	font-family: 'Noto Serif JP', serif;
	font-weight: 400;
	padding-top: 20px;
}

.lineup_container h3 span {
	font-size: 60px;
	display: block;
	margin-top: 30px;
}

.lineup_add {
	width: 170px;
	height: 36px;
	line-height: 36px;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	color: #fff;
	text-align: center;
	background-color: #2D4973;
	margin: 20px auto 0 auto;
}

.lineup_stone {
	text-align: center;
	margin: 20px 0 30px 0;
}

.lineup_txt {
	text-align: center;
	font-size: 16px;
}

.lineup_gl {
	max-width: 1200px;
	margin: 40px auto 0 auto;
	box-sizing: border-box;
}

.lineup_gl img {
	width: 100%;
	vertical-align: bottom;
}

.lineup_gl .swiper-my-pagination .swiper-pagination-bullet {
	width: auto;
	height: auto;
	border-radius: 0;
}

.lineup_gl .swiper-container-horizontal > .swiper-my-pagination.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0;
}

.lineup_gl .swiper-my-pagination img {
	box-shadow: none;
	margin: 0;
	vertical-align: bottom;
}

.lineup_gl .swiper-my-pagination {
	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;
	width: 100%;
}

.lineup_gl .swiper-my-pagination.pagination01 .swiper-pagination-bullet {
	opacity: 0.4;
	width: 10%;
	background: transparent;
	padding-right: 1px;
	box-sizing: border-box;
	margin-top: 1px;
}

.lineup_gl .swiper-my-pagination.pagination02 .swiper-pagination-bullet {
	opacity: 0.4;
	width: 16.6%;
	background: transparent;
	padding-right: 1px;
	box-sizing: border-box;
	margin-top: 1px;
}

.lineup_gl .swiper-my-pagination.pagination01 .swiper-pagination-bullet-active,
.lineup_gl .swiper-my-pagination.pagination02 .swiper-pagination-bullet-active {
	background: transparent;
	opacity: 1;
}


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

#lineup_list li a div p,
#lineup_list2 li a div p {
	font-size: 16px;
	top: 40px;
}

#lineup_list li a div p span,
#lineup_list2 li a div p span {
	font-size: 26px;
	margin-top: 20px;
}

}

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

#lineup_list li a p.img,
#lineup_list2 li a p.img {
	width: 100%;
	float: none;
	text-align: center;
}

#lineup_list li a p.img img,
#lineup_list2 li a p.img img {
	width: 100%;
	height: auto;
}

#lineup_list li a div,
#lineup_list2 li a div {
	width: 100%;
}

#lineup_list li a div img,
#lineup_list2 li a div img {
	height: 200px;
}

}

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

#lineup_list li a div p,
#lineup_list2 li a div p {
	font-size: 2vw;
	top: 40px;
}

#lineup_list li a div p span,
#lineup_list2 li a div p span {
	font-size: 4vw;
	margin-top: 20px;
}

.lineup_container h3 {
	font-size: 2.0vw;
	padding-top: 20px;
}

.lineup_container h3 span {
	font-size: 6.0vw;
	display: block;
	margin-top: 30px;
}

}

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

.lineup_container#lineup02 {
	margin-top: 120px;
}

#lineup_list {
	margin: 30px auto 60px auto;
}

#lineup_list li,
#lineup_list2 li {
	width: calc(50% - 2px) ;
	box-sizing: border-box;
	background-color: #fff;
}

#lineup_list li:nth-of-type(1),
#lineup_list2 li:nth-of-type(1) {
	margin-right: 2px;
}

#lineup_list li:nth-of-type(2),
#lineup_list2 li:nth-of-type(2) {
	margin-left: 2px;
}

#lineup_list li a div,
#lineup_list2 li a div {
	background: url(../img/lineup_list.png) center bottom 20px no-repeat;
	background-color: #fff;
	background-size: 14px;
}

#lineup_list li a:hover div,
#lineup_list2 li a:hover div {
	background: url(../img/lineup_list.png) center bottom 16px no-repeat;
	background-size: 14px;
}

#lineup_list li a div p,
#lineup_list2 li a div p {
	font-size: 10px;
	top: 20px;
}

#lineup_list li a div p span,
#lineup_list2 li a div p span {
	font-size: 15px;
	margin-top: 10px;
}

#lineup_list li a div img,
#lineup_list2 li a div img {
	height: 120px;
}

.lineup_container {
	padding: 0 10px;
}

.lineup_container h3 {
	text-align: center;
	font-size: 12px;
	padding-top: 20px;
}

.lineup_container h3 span {
	font-size: 22px;
	margin-top: 20px;
}

.lineup_add {
	width: 170px;
	height: 30px;
	line-height: 30px;
	font-size: 14px;
}

.lineup_stone {
	text-align: center;
	margin: 20px 0 20px 0;
}

.lineup_stone img {
	width: 200px;
	height: auto;
}

.lineup_txt {
	text-align: left;
	font-size: 14px;
}

.lineup_gl .swiper-my-pagination.pagination01 .swiper-pagination-bullet {
	opacity: 0.4;
	width: 16.6%;
	background: transparent;
	padding-right: 1px;
	box-sizing: border-box;
	margin-top: 1px;
}

.lineup_gl .swiper-my-pagination.pagination02 .swiper-pagination-bullet {
	opacity: 0.4;
	width: 16.6%;
	background: transparent;
	padding-right: 1px;
	box-sizing: border-box;
	margin-top: 1px;
}

.lineup_gl .swiper-my-pagination.pagination01 .swiper-pagination-bullet-active,
.lineup_gl .swiper-my-pagination.pagination02 .swiper-pagination-bullet-active {
	background: transparent;
	opacity: 1;
}

}


/*	plan_view
-------------------------------------------------------------------*/

.plan_view {
	max-width: 1060px;
	margin: 50px auto 60px auto;
}

.plan_view h4 {
	font-size: 20px;
	line-height: 1;
	font-family: 'Noto Serif JP', serif;
	font-weight: 400;
	text-align: center;
	margin-bottom: 50px;
}

.plan_img {
	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;
	width: 100%;
	list-style: none;
}

.plan_img li {
	width: 33.3%;
	box-sizing: border-box;
}

.plan_img li:nth-of-type(1) {
	text-align: left;
	padding-right: 4px;
}

.plan_img li:nth-of-type(2) {
	text-align: center;
	padding: 0 2px;
}

.plan_img li:nth-of-type(3) {
	text-align: right;
	padding-left: 4px;
}

.plan_img li span {
	padding: 5px;
	background-color: #fff;
	display: block;
}

.plan_img li span p {
	color: #000;
	text-align: center;
	margin-top: 5px;
}

.plan_img li img {
	max-width: 100%;
}

.plan_view dl {
	margin-top: 30px;
}

.plan_view dl dt {
	margin-bottom: 10px;
	font-size: 16px;
}

.plan_view dl dd {
	font-size: 16px;
}

.plan_view dl dd span.pc {
	display: block;
}

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

.plan_view dl dt {
	margin-bottom: 10px;
	font-size: 1.6vw;
}

.plan_view dl dd {
	font-size: 1.6vw;
}

}

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

.plan_img li {
	width: 100%;
	box-sizing: border-box;
	margin-bottom: 10px;
}

.plan_img li img {
	width: 260px;
	height: auto;
}

.plan_img li:nth-of-type(1) {
	text-align: center;
	padding-right: 0px;
}

.plan_img li:nth-of-type(2) {
	text-align: center;
	padding: 0 0px;
}

.plan_img li:nth-of-type(3) {
	text-align: center;
	padding-left: 0px;
}

.plan_view dl dt {
	margin-bottom: 10px;
	font-size: 14px;
}

.plan_view dl dd {
	font-size: 12px;
}

.plan_view dl dd span.sp {
	display: block;
}

}


/*	form_link
-------------------------------------------------------------------*/

.form_link {
	max-width: 580px;
	box-sizing: border-box;
	margin: 0 auto;
}

.form_link a {
	max-width: 580px;
	display: block;
	border: solid 3px #fff;
	height: 80px;
	line-height: 80px;
	font-size: 20px;
	font-weight: 500;
	color: #fff;
	text-decoration: none;
	transition: all 0.2s;
	text-align: center;
	background: url(../img/link_list01.png) right bottom no-repeat;
}

.form_link a:hover {
	border: solid 3px #8D002C;
	background: url(../img/link_list02.png) right bottom no-repeat;
}

.form_link a span.mail_icon {
	background: url(../img/page_mail.png) left center no-repeat;
	padding-left: 70px;
}


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

.form_link a {
	max-width: 580px;
	font-size: 16px;
}

.form_link a span.mail_icon {
	background: url(../img/page_mail.png) left center no-repeat;
	background-size: 30px;
	padding-left: 42px;
}

}

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

.form_link {
	margin: 0 10px;
}

.form_link a {
	font-size: 14px;
	height: 64px;
	line-height: 64px;
}

.form_link a span.sp {
	display: none;
}

}

/*	interior
-------------------------------------------------------------------*/

#interior {
	margin-top: 160px;
}

.part_img {
	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;
	width: 100%;
	max-width: 1200px;
	list-style: none;
	transition: all .6s ease;
	opacity:0;
	position: relative;
	top: 30px;
}

.part_img.delighter.started {
	opacity:1;
	top: 0px;
}

.part_img#part_img01 {
	margin: 60px auto 0 auto;
}

.part_img#part_img02 {
	margin: 0px auto 0 auto;
}

.part_img#part_img03 {
	margin: 0px auto 60px auto;
}

.part_img li {
	width: 25%;
	box-sizing: border-box;
	padding-right: 1px;
	margin-top: 1px;
}

.part_img#part_img03 li {
	width: 50%;
}

.part_img li img {
	max-width: 100%;
	height: auto;
}

.part_txt {
	max-width: 1200px;
	margin: 0 auto;
	text-align: center;
	padding: 40px 0;
	transition: all .6s ease;
	opacity:0;
	position: relative;
	top: 30px;
}

.part_txt.delighter.started {
	opacity:1;
	top: 0px;
}

.part_txt p:not(:last-child) {
	margin-bottom: 40px;
}


/*タブ切り替え全体のスタイル*/
.tabs {
  margin-top: 50px;
  background-color: #000;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto 80px auto;
	transition: all .6s ease;
	opacity:0;
	position: relative;
	top: 30px;
}

.tabs.delighter.started {
	opacity:1;
	top: 0px;
}

/*タブのスタイル*/
.tab_item {
  width: calc(100%/3 - 1px);
  height: 50px;
  background-color: #222;
  line-height: 50px;
  font-size: 16px;
  text-align: center;
  color: #fff;
  display: block;
  text-align: center;
  transition: all 0.2s ease;
	box-sizing: border-box;
	margin-right: 1px;
	font-family: 'Noto Serif JP', serif;
	  font-weight: 600;
	  cursor: pointer;
	  margin-bottom: 1px;
	    float: left;
}


.tab_item span.tab_name {
	display: block;
	height: 50px;
}

/*ラジオボタンを全て消す*/
input[name="tab_item"] {
  display: none;
}

/*タブ切り替えの中身のスタイル*/
.tab_content {
  display: none;
  clear: both;
  overflow: hidden;
}


/*選択されているタブのコンテンツのみを表示*/
#room01:checked ~ #room01_content,
#room02:checked ~ #room02_content,
#room03:checked ~ #room03_content,
#room04:checked ~ #room04_content,
#room05:checked ~ #room05_content,
#room06:checked ~ #room06_content {
  display: block;
}

/*選択されているタブのスタイルを変える*/
.tabs input:checked + .tab_item {
  background-color: #8D002C;
  color: #fff;
}

#room01_content ul,
#room02_content ul,
#room03_content ul,
#room04_content ul,
#room05_content ul,
#room06_content ul {
	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;
	width: 100%;
}

#room01_content ul.room_img01 li {
	width: 50%;
}

#room01_content ul.room_img02 li {
	width: 25%;
}

#room01_content ul li img {
	max-width: 100%;
	height: auto;
}

#room02_content ul li {
	width: 50%;
}

#room02_content ul li img {
	max-width: 100%;
	height: auto;
}

#room03_content ul li {
	width: 50%;
}

#room03_content ul li img {
	max-width: 100%;
	height: auto;
}

#room04_content ul li {
	width: 50%;
}

#room04_content ul li img {
	max-width: 100%;
	height: auto;
}

#room05_content ul li {
	width: 50%;
}

#room05_content ul li img {
	max-width: 100%;
	height: auto;
}

#room06_content ul.room_img01 li {
	width: 50%;
}

#room06_content ul.room_img02 li {
	width: calc(100%/3);
}

#room06_content ul li img {
	max-width: 100%;
	height: auto;
}

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

.part_txt {
	font-size: 1.6vw;
}

.tab_item {
  font-size: 1.6vw;
}

}

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

#interior {
	margin-top: 80px;
}

.part_txt {
	text-align: left;
	font-size: 12px;
}

.part_txt span {
	display: block;
}

.tab_item {
  font-size: 12px;
}

.tab_item span.tab_name span {
	display: none;
}

#room01_content ul.room_img01 li {
	width: 50%;
}

#room01_content ul.room_img02 li {
	width: 50%;
}

#room06_content ul.room_img02 li {
	width: 50%;
}


.part_img#part_img03 li {
	width: 100%;
}

}


/*	quality
-------------------------------------------------------------------*/

#quality {
	margin-top: 160px;
}

.quality_head_txt {
	font-size: 16px;
	text-align: center;
	margin: 40px 0 60px;
	transition: all .6s ease;
	opacity:0;
	position: relative;
	top: 30px;
}

.quality_head_txt.delighter.started {
	opacity:1;
	top: 0px;
}

#quality .container {
	position: relative;
}
#quality_list {
	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;
	width: 100%;
	max-width: 1060px;
	margin: 0 auto;
	list-style: none;
}

#quality_list li {
	width: 50%;
	box-sizing: border-box;
	padding-bottom: 60px;
	transition: all .6s ease;
	opacity:0;
	position: relative;
	top: 30px;
}

#quality_list li.delighter.started {
	opacity:1;
	top: 0px;
}

#quality_list li:nth-of-type(odd) {
	padding-right: 10px;
}

#quality_list li:nth-of-type(even) {
	padding-left: 10px;
}

#quality_list li img {
	max-width: 100%;
}

#quality_list li dl dt {
	font-size: 20px;
	font-family: 'Noto Serif JP', serif;
	font-weight: 600;
	margin: 20px 0;
}

#quality_list li dl dd {
	font-size: 14px;
}

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

#quality_list li dl dt {
	font-size: 14px;
	margin: 20px 0;
}

#quality_list li dl dd {
	font-size: 12px;
}

}

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

#quality {
	margin-top: 80px;
}

.quality_head_txt {
	font-size: 13px;
	text-align: center;
	margin: 40px 0 40px;
}

.quality_head_txt span.sp {
	display: block;
}

#quality_list {
	max-width: 510px;
	margin: 0 auto;
}

#quality_list li {
	width: 100%;
}

#quality_list li:nth-of-type(odd) {
	padding-right: 0px;
}

#quality_list li:nth-of-type(even) {
	padding-left: 0px;
}

#quality_list li dl dt {
	font-size: 16px;
	margin: 20px 0;
}

}

/*	contact
-------------------------------------------------------------------*/

#contact {
	margin-top: 60px;
	padding-bottom: 100px;
}

#contact_head_txt {
	font-size: 16px;
	text-align: center;
	margin: 40px 0 60px;
}

#contact_set {
	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;
	width: 100%;
	max-width: 1060px;
	margin: 0 auto;
	list-style: none;
}

#contact_set li {
	width: calc(97%/2);
	box-sizing: border-box;
}

#contact_set li:nth-of-type(1) {
	margin-right: 1.5%;
}

#contact_set li:nth-of-type(2) {
	margin-left: 1.5%;
}

#contact_set li a {
	display: block;
	border: solid 3px #fff;
	text-align: center;
	font-weight: 500;
	font-size: 20px;
	line-height: 1;
	color: #fff;
	text-decoration: none;
	padding: 100px 0 50px 0;
	background: url(../img/link_list01.png) right bottom no-repeat;
	transition: all 0.2s;
}

#contact_set li a:hover {
	border: solid 3px #8D002C;
	background: url(../img/link_list02.png) right bottom no-repeat;
}

#contact_set li:nth-of-type(1) {
	background: url(../img/page_mail.png) center top 32px no-repeat;
}

#contact_set li:nth-of-type(2) {
	background: url(../img/page_ct.png) center top 24px no-repeat;
}

#contact_tel {
	width: 100%;
	max-width: 1060px;
	margin: 30px auto 0 auto;
	border: solid 1px #666;
	background-color: #222;
	text-align: center;
}

#contact_tel a {
	text-decoration: none;
	color: #fff;
}

#contact_tel p {
	line-height: 1;
	font-weight: 500;
	padding: 10px 10px 10px 10px;
}

#contact_tel span:nth-of-type(1) {
	font-size: 16px;
	display: inline-block;
}

#contact_tel span:nth-of-type(2) {
	font-size: 30px;
	display: inline-block;
	margin: 0 30px 0 40px;
}

#contact_tel span:nth-of-type(3) {
	font-size: 30px;
	display: inline-block;
	padding-right: 40px;
	padding-top: 6px;
}

#contact_tel span:nth-of-type(4) {
	font-size: 16px;
	display: inline-block;
	padding-left: 30px;
	border-left: 1px dotted #666;
}

#contact_tel p img {
	vertical-align: middle;
}

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

#contact_set li a {
	font-size: 2.0vw;
}

#contact_tel span:nth-of-type(1) {
	font-size: 1.6vw;
}

#contact_tel span:nth-of-type(2) {
	font-size: 3.0vw;
}

#contact_tel span:nth-of-type(3) {
	font-size: 3.0vw;
}

#contact_tel span:nth-of-type(4) {
	font-size: 1.6vw;
}

}

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

#contact_head_txt {
	font-size: 13px;
	margin: 40px 0 40px;
}

#contact_head_txt span.sp {
	display: block;
}

#contact_set li {
	width: 100%;
	box-sizing: border-box;
}

#contact_set li:nth-of-type(1) {
	margin: 0 10px 10px 10px;
}

#contact_set li:nth-of-type(2) {
	margin: 0 10px 10px 10px;
}

#contact_set li:nth-of-type(3) {
	margin: 0 10px 10px 10px;
}

#contact_set li a {
	font-size: 18px;
}

#contact_tel {
	width: calc(100% - 20px) ;
	margin: 0px 10px 0 10px;
	padding: 10px 0;
}

#contact_tel span:nth-of-type(1) {
	font-size: 14px;
	display: block;
}

#contact_tel span:nth-of-type(2) {
	font-size: 30px;
	display: block;
	margin: 10px 0px 0 0px;
}

#contact_tel span:nth-of-type(2) img {
	width: 40px;
	height: auto;
}

#contact_tel span:nth-of-type(3) {
	font-size: 30px;
	display: block;
	padding-right: 0px;
	padding-top: 6px;
}

#contact_tel span:nth-of-type(4) {
	font-size: 16px;
	display: block;
	padding-left: 0px;
	margin-top: 10px;
	border-left: 0px dotted #666;
}

}

/*	topmasion
-------------------------------------------------------------------*/

#topmaison {
	transition: all .6s ease;
	opacity:0;
	position: relative;
	top: 30px;
}

#topmaison.delighter.started {
	opacity:1;
	top: 0px;
}
#topmaison {
	background-color: #fff;
	color: #000;
}

#topmaison h2 {
	height: 69px;
	background: url(../img/topmaison_logo.png) left top no-repeat;
	padding-left: 280px;
	padding-top: 18px;
	font-size: 12px;
	line-height: 1;
}

#topmaison h2 span {
	font-size: 18px;
	display: block;
	margin-top: 6px;
}

.topmaison_container {
	max-width: 1260px;
	margin: 40px auto 0 auto;
}

.topmaison_container .img {
	width: 59.5%;
	float: left;
	box-sizing: border-box;
}

.topmaison_container .img img {
	width: 100%;
	height: auto;
}

.topmaison_container .txt {
	width: 40.5%;
	float: right;
	box-sizing: border-box;
	padding-left: 2.8%;
}

.topmaison_container .txt p {
	font-size: 14px;
	line-height: 1.6;
	margin-bottom: 30px;
}

.topmaison_container .txt ul {
	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;
	width: 100%;
	max-width: 1060px;
	margin: 0 auto;
	list-style: none;
	border-bottom: solid 1px #000;
	padding-bottom: 40px;
	margin-bottom: 10px;
}

.topmaison_container .txt ul li {
	width: 100%;
}

.topmaison_container .txt ul li:nth-of-type(1) {
	text-align: left;
}

.topmaison_container .txt ul li:nth-of-type(2) {
	text-align: right;
}

.topmaison_container .txt ul li img {
	width: 100%;
	height: auto;
}

.topmaison_container .txt dl {
	padding-bottom: 20px;
}

.topmaison_container .txt dl dt {
	font-size: 12px;
	line-height: 1;
	margin-bottom: 6px;
}

#web_link {
	display: block;
	color: #000;
	text-decoration: none;
	font-size: 14px;
	line-height: 1;
}

#web_link:hover {
	color: #8D002C;
}

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

#web_link {
	font-size: 12px;
	overflow-wrap: break-word;
}

}

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

#topmaison h2 {
	height: 50px;
	background: url(../img/---) left top no-repeat;
	background-color: #8D002C;
	padding-left: 20px;
	padding-top: 14px;
	font-size: 12px;
	color: #fff;
}

#topmaison h2 span {
	font-size: 16px;
	margin-top: 6px;
}

.topmaison_container {
	margin: 0px auto 0 auto;
}

.topmaison_container .img {
	width: 100%;
	float: none;
}

.topmaison_container .img img {
	width: 100%;
	height: auto;
}

.topmaison_container .txt {
	width: 100%;
	float: none;
	box-sizing: border-box;
	padding-left: 0;
}

.topmaison_container .txt p {
	padding: 20px;
	font-size: 12px;
	margin-bottom: 0px;
}

.topmaison_container .txt ul {
	border-bottom: solid 0px #000;
	padding-bottom: 40px;
}

.topmaison_container .txt dl {
	padding: 0 0 20px 20px;
}


}

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

footer {
	background-color: #fff;
	color: #000;
	text-align: center;
	padding-top: 100px;
	padding-bottom: 40px;
}

footer p:nth-of-type(1) {
	font-size: 14px;
	line-height: 1;
	margin-bottom: 20px;
}

footer p:nth-of-type(3) {
	font-size: 18px;
	line-height: 1;
	margin-top: 18px;
	margin-bottom: 20px;
}

footer p:nth-of-type(4) {
	font-size: 12px;
	line-height: 1;
}

#foot_inst {
	text-aling: center;
	margin-bottom: 20px;
}

#foot_inst img {
	width: 30px;
	height: auto;
}

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

footer {
	padding-top: 60px;
	padding-bottom: 200px;
}

footer p:nth-of-type(1) {
	font-size: 12px;
	line-height: 1;
	margin-bottom: 20px;
}

footer p:nth-of-type(3) {
	font-size: 16px;
	line-height: 1;
	margin-top: 10px;
	margin-bottom: 20px;
}

footer.page_footer {
	padding-top: 60px;
	padding-bottom: 40px;
}

}


/*	form
-------------------------------------------------------------------*/

#home_btn {
	display: block;
	width: 190px;
	height: 60px;
	line-height: 60px;
	color: #fff;
	font-weight: 500;
	padding-left: 28px;
	box-sizing: border-box;
	text-decoration: none;
	background: url(../img/home_btn_list.png) right 28px center no-repeat;
	background-color: #000;
	position: absolute;
	top: 20px;
	right: 0;
	transition: all 0.2s;
}

#home_btn:hover {
	color: #ddd;
	background: url(../img/home_btn_list.png) right 18px center no-repeat;
	background-color: #000;
}

#form_head_txt {
	padding: 10px 20px;
}

.form_page {
	padding: 20px;
	position: relative;
}

.form_page_inner {
	background-color: #fff;
	color: #000;
}

.form_page h1 {
	height: 69px;
	background: url(../img/topmaison_logo.png) left top no-repeat;
	padding-left: 251px;
	color: #000;
	line-height: 69px;
	font-family: 'Noto Serif JP', serif;
	font-weight: 600;
	font-size: 26px;
}

.form_page h1 span {
	padding-left: 20px;
	height: 68px;
	border-bottom: solid 1px #000;
	display: inline-block;
}

.form_container {
	max-width: 1260px;
	margin: 0 auto 80px auto;
	padding: 100px 20px 80px  20px;
}

.form_container table {
	border-collapse: collapse;
}

.form_container table th {
	width: 260px;
	white-space: nowrap;
	text-align: right;
	padding-right: 40px;
	padding-top: 12px;
	box-sizing: border-box;
	font-size: 16px;
	line-height: 1;
	vertical-align: top;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 400;
}

.form_container table th span {
	font-size: 12px;
	display: inline-block;
	background-color: #8D002C;
	color: #fff;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	padding: 4px 8px;
	margin-left: 10px;
}

.form_container table td {
	width: calc(100% - 260px);
	font-size: 16px;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 400;
	padding-bottom: 20px;
}

.form_container table label {
	display: block;
	margin-bottom: 4px;
}

.form_container table label input {
	margin-right: 4px;
}

.form_container table textarea {
	width: 100%;
	box-sizing: border-box;
	border: solid 1px #ccc;
	background-color: #FFF3F3;
	font-size: 16px;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 400;
	padding: 10px;
}

.form_container table input.form_txt {
	width: 100%;
	box-sizing: border-box;
	border: solid 1px #ccc;
	background-color: #FFF3F3;
	font-size: 16px;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 400;
	padding: 10px;
}

.form_container table input.form_txt_post {
	width: 200px;
	box-sizing: border-box;
	border: solid 1px #ccc;
	background-color: #FFF3F3;
	font-size: 16px;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 400;
	padding: 10px;
	margin-bottom: 10px;
}

.form_container table input.form_txt_pref {
	width: 220px;
	box-sizing: border-box;
	border: solid 1px #ccc;
	background-color: #FFF3F3;
	font-size: 16px;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 400;
	padding: 10px;
	margin-bottom: 10px;
}

.form_container table input.form_txt_addr {
	width: 100%;
	box-sizing: border-box;
	border: solid 1px #ccc;
	background-color: #FFF3F3;
	font-size: 16px;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 400;
	padding: 10px;
}

.form_container table input.form_date {
	width: 300px;
	box-sizing: border-box;
	border: solid 1px #ccc;
	background-color: #FFF3F3;
	font-size: 16px;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 400;
	padding: 10px;
	margin-top: 10px;
}

.form_container table select {
	width: 300px;
	box-sizing: border-box;
	border: solid 1px #ccc;
	background-color: #FFF3F3;
	font-size: 16px;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 400;
	padding: 10px;
}

.form_container table select option {
	font-size: 18px;
	padding: 6px;
}

/*奇数行の背景をライトグレーに*/
.form_container table select option:nth-child(2n+1){
	background: #fff;
}


#naiyo {
	margin-top: 10px;
	height: 200px;
}

#free {
	margin-top: 10px;
	height: 100px;
}

#pp_box {
	width: 100%;
	box-sizing: border-box;
	border: solid 1px #ccc;
	height: 300px;
	overflow: auto;
	padding: 30px;
	font-size: 14px;
	margin-bottom: 20px;
	background-color: rgba(0,0,0,0.02);
	color: #333;
	line-height: 1.6;
}

#pp {
	font-size: 14px;
	margin-top: 10px;
	margin-bottom: 20px;
}

#pp_ck span {
	display: inline-block;
	padding-bottom: 6px;
	padding-left: 4px;
	border-bottom: dotted 1px #ccc;
}

.send {
	margin-top: 60px;
	text-align: center;
}

.send_btn {
	max-width: 640px;
	margin: 0 auto;
	margin-top: 60px;
	text-align: center;
}

.send_btn p {
	width: 320px;
	float: left;
}

#kakunin,
.soshin {
	width: 300px;
	height: 50px;
	line-height: 50px;
	color: #fff;
	font-size: 20px;
	background-color: #8D002C;
	border: none;
}

.back_btn {
	width: 300px;
	height: 50px;
	line-height: 50px;
	color: #fff;
	font-size: 20px;
	background-color: #000;
	border: none;
}

#yoyaku_txt {
	font-size: 14px;
	margin-top: 10px;
	padding-left: 1em;
	text-indent: -1em;
	padding-bottom: 20px;
}

.form_err {
	text-align: center;
	border-bottom: dotted 1px #ccc;
	padding-bottom: 10px;
	margin-bottom: 30px;
}

.err_box {
	max-width: 600px;
	margin: 0 auto;
}

.err_box p {
	margin-bottom: 10px;
	color: #8d002c;
	font-size: 18px;
}

#kakunin_txt {
	text-align: center;
	border-bottom: dotted 1px #ccc;
	padding-bottom: 10px;
	margin-bottom: 30px;
}

.form_container .kakunin_box table {
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
}

.form_container .kakunin_box th,
.form_container .kakunin_box td {
	border-bottom: dotted 1px #ccc;
	padding: 0;
	vertical-align: top;
	line-height: 1.6;
	padding: 10px 0;
}

.form_container .kakunin_box th {
	font-weight: 500;
	font-size: 14px;
	padding-right: 40px;
}

.thanks {
	max-width: 1000px;
	margin: 0 auto;
}

.thanks p {
	font-size: 16px;
	margin-bottom: 20px;
}

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

.form_page h1 {
	font-size: 20px;
}

}

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

#home_btn {
	display: block;
	width: 140px;
	height: 40px;
	line-height: 40px;
	color: #fff;
	font-weight: 500;
	padding-left: 28px;
	background: url(../img/home_btn_list.png) right 28px center no-repeat;
	background-size: 6px;
	background-color: #000;
	font-size: 14px;
}

#home_btn:hover {
	color: #ddd;
	background: url(../img/home_btn_list.png) right 18px center no-repeat;
	background-size: 6px;
	background-color: #000;
}

.form_page h1 {
	height: 40px;
	background: url(../img/topmaison_logo.png) left top no-repeat;
	background-size: 146px;
	padding-left: 146px;
	color: #000;
	line-height: 40px;
	font-size: 16px;
}

.form_page h1 span {
	padding-left: 20px;
	height: 39px;
	border-bottom: solid 1px #000;
	display: inline-block;
}

.form_container table th {
	width: 220px;
	white-space: nowrap;
	text-align: right;
	padding-right: 20px;
	padding-top: 12px;
	box-sizing: border-box;
	font-size: 14px;
	line-height: 1;
	vertical-align: top;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 400;
}

.form_container table th span {
	font-size: 11px;
	padding: 4px 6px;
	margin-left: 10px;
}

.form_container table td {
	width: calc(100% - 220px);
	font-size: 14px;
	padding-bottom: 20px;
}

.form_container table textarea {
	font-size: 14px;
}

.form_container table input.form_txt {
	font-size: 14px;
}

.form_container table input.form_txt_post {
	font-size: 14px;
}

.form_container table input.form_txt_pref {
	font-size: 14px;
}

.form_container table input.form_txt_addr {
	font-size: 14px;
}

.form_container table input.form_date {
	font-size: 14px;
}

.form_container table select {
	font-size: 14px;
}

#naiyo {
	height: 100px;
}

#pp_box {
	font-size: 12px;
}

#pp {
	font-size: 12px;
}

.send_btn {
	max-width: 320px;
}

.send_btn p {
	width: 320px;
	float: none;
	margin-bottom: 10px;
}

}

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

#home_btn {
	top: 10px;
}

.form_page {
	padding: 10px;
}

.form_page h1 {
	height: 90px;
	padding-left: 0px;
	color: #000;
	line-height: 1;
	font-size: 14px;
}

.form_page h1 span {
	padding-top: 50px;
	padding-left:0px;
	height: 40px;
	line-height: 40px;
	border-bottom: solid 0px #000;
	display: block;
	text-align: center;
}

#form_head_txt {
	padding: 10px 0px;
	font-size: 12px;
	text-align: center;
}

.form_container {
	padding: 50px 20px 80px  20px;
}

.form_container table th {
	width: 100%;
	display: block;
	text-align: left;
	padding: 0 0 10px 0;
}

.form_container table th span {

}

.form_container table td {
	width: 100%;
	display: block;
	padding: 0;
	margin-bottom: 30px;
}

.form_container table textarea {
	font-size: 14px;
	padding: 4px;
}

.form_container table input.form_txt {
	font-size: 14px;
	padding: 4px;
}

.form_container table input.form_txt_post {
	font-size: 14px;
	padding: 4px;
}

.form_container table input.form_txt_pref {
	font-size: 14px;
	padding: 4px;
}

.form_container table input.form_txt_addr {
	font-size: 14px;
	padding: 4px;
}

.form_container table input.form_date {
	font-size: 14px;
	padding: 4px;
}

.form_container table select {
	font-size: 14px;
	padding: 4px;
}

.send {
	margin-top: 20px;
	text-align: center;
}

.send_btn {
	margin-top: 20px;
	max-width: 200px;
}

.send_btn p {
	width: 200px;
	float: none;
	margin-bottom: 10px;
}


#kakunin_txt {
	font-size: 14px;
}

#kakunin_txt span {
	display: block;
}

#kakunin,
.soshin {
	font-size: 16px;
	width: 200px;
}

.back_btn {
	font-size: 16px;
	width: 200px;
}

.form_container .kakunin_box th {
	font-size: 12px;
	border-bottom: none;
	padding-bottom: 0;
	color: #999;
}

.form_container .kakunin_box td {
	font-size: 14px;
	margin-bottom: 10px;
	padding: 5px 0;
}

.thanks p {
	font-size: 14px;
	margin-bottom: 20px;
}

}


/*	page_top
-------------------------------------------------------------------*/

/* ページトップへ戻るボタン */
#page-top {
    display: none;
    position: fixed;
    right: 0px;   /* ボタン右の余白 */
    bottom: 0px;    /* ボタン下の余白 */
    margin: 0;
	z-index: 50;
	transition: .3s all;
}

#move-page-top {
    opacity: 0.5;    /* ボタンの透明度 */
    display: block;
    cursor: pointer;
}

#move-page-top:hover {
    opacity: 1.0;    /* マウスを重ねたときのボタンの透明度*/
}

#page-top img {
    width: 190px;    /* ボタンの横幅 */
    height: auto;
}

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

#move-page-top {
    opacity: 0.8;    /* ボタンの透明度 */
    display: block;
    cursor: pointer;
}

#move-page-top:hover {
    opacity: 0.8;    /* マウスを重ねたときのボタンの透明度*/
}

#page-top {
    display: none;
    position: fixed;
    right: 0px;   /* ボタン右の余白 */
    bottom: 46px;    /* ボタン下の余白 */
    margin: 0;
	z-index: 50;
	transition: .3s all;
}

#page-top img {
    width: 120px;    /* ボタンの横幅 */
    height: auto;
}

#page-top.page-top2 {
    bottom: 0px;    /* ボタン下の余白 */
}

}

/*	随時
-------------------------------------------------------------------*/

#zuiji {
	text-align: center;
	font-family: 'Crimson Text', serif;
	font-weight: 400;
	text-align: center;
	font-size: 40px;
	line-height: 1;
	margin: 46px 0;
}


/*	clearfix
-------------------------------------------------------------------*/

.clear:after {
	content: "";
	display: block;
	clear: both;
}
 
.clear:before {
　　　　content: "";
	display: block;
	clear: both;
}
 
.clear {
	display: block;
}