@charset "UTF-8";
body {
	
}

.gallery-menu-area {
	display: none;
}


/*--------------------------------------------------------------
#mainscreen
--------------------------------------------------------------*/

		
/* mobile */
@media (min-width: 300px) {
	
	#wrapper {
		margin: 80px 0 0 0;
		padding: 0;
	}
		
	#mainscreen {
		margin: 0;
		padding: 0;
		box-sizing: border-box;
	}
	
	.slide-wrapper {
		margin: 0 20px;
		padding: 0;
		position: relative;
	}
	
	.main-slide {
		margin: 0;
		padding: 0;
	}
	
	.main-slide li {
		margin: 0;
		padding: 0;
		height: calc(100vh - 160px);
	}
	
	.main-slide li.slideimg1 {
		background: url("images/main-01.jpg") center no-repeat;
		-webkit-background-size: 100% auto;
		background-size: 100% auto;
	}
	
	.main-slide li.slideimg2 {
		background: url("images/main-02.jpg") center no-repeat;
		-webkit-background-size: 100% auto;
		background-size: 100% auto;
	}
	
	.main-slide li.slideimg3 {
		background: url("images/main-03.jpg") center no-repeat;
		-webkit-background-size: 100% auto;
		background-size: 100% auto;
	}
	
	.main-slide li.slideimg4 {
		background: url("images/main-04.jpg") center no-repeat;
		-webkit-background-size: 100% auto;
		background-size: 100% auto;
	}
	
	.main-slide li.slideimg5 {
		background: url("images/main-05.jpg") center no-repeat;
		-webkit-background-size: 100% auto;
		background-size: 100% auto;
	}
	
	.main-slide li.slideimg6 {
		background: url("images/main-06.jpg") center no-repeat;
		-webkit-background-size: 100% auto;
		background-size: 100% auto;
	}
	
	.main-slide li.slideimg7 {
		background: url("images/main-07.jpg") center no-repeat;
		-webkit-background-size: 100% auto;
		background-size: 100% auto;
	}
	
	.main-slide li.slideimg8 {
		background: url("images/main-08.jpg") center no-repeat;
		-webkit-background-size: 100% auto;
		background-size: 100% auto;
	}
	
	.main-slide li.slideimg9 {
		background: url("images/main-09.jpg") center no-repeat;
		-webkit-background-size: 100% auto;
		background-size: 100% auto;
	}
	
	.main-slide li.slideimg10 {
		background: url("images/main-10.jpg") center no-repeat;
		-webkit-background-size: 100% auto;
		background-size: 100% auto;
	}
	
	.slide-wrapper p {
		font-family: 'Zilla slab',sans-serif;
		color: #fff;
		font-size: 12px;
		font-weight: 300;
		letter-spacing: 3px;
		position: absolute;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%); /* Safari用 */
		transform: translate(-50%, -50%);
		width: 100%;
		text-align: center;
		line-height: 1.5;
	}
}

/* Small than tablet */
@media (min-width: 768px) {
	
	#wrapper {
		margin: 110px 0 0 0;
		padding: 0;
	}
	
	.slide-wrapper {
		margin: 0 50px;
		padding: 0;
	}
	
	.main-slide li {
		margin: 0;
		padding: 0;
		height: calc(100vh - 160px);
	}
	
	.main-slide li.slideimg1 {
		-webkit-background-size: 100% auto;
		background-size: 100% auto;
	}
	
	.main-slide li.slideimg2 {
		-webkit-background-size: 100% auto;
		background-size: 100% auto;
	}
	
	.main-slide li.slideimg3 {
		-webkit-background-size: 100% auto;
		background-size: 100% auto;
	}
	
	.main-slide li.slideimg4 {
		-webkit-background-size: 100% auto;
		background-size: 100% auto;
	}
	
	.main-slide li.slideimg5 {
		-webkit-background-size: 100% auto;
		background-size: 100% auto;
	}
	
	.main-slide li.slideimg6 {
		-webkit-background-size: 100% auto;
		background-size: 100% auto;
	}
	
	.main-slide li.slideimg7 {
		-webkit-background-size: 100% auto;
		background-size: 100% auto;
	}
	
	.main-slide li.slideimg8 {
		-webkit-background-size: 100% auto;
		background-size: 100% auto;
	}
	
	.main-slide li.slideimg9 {
		-webkit-background-size: 100% auto;
		background-size: 100% auto;
	}
	
	.main-slide li.slideimg10 {
		-webkit-background-size: 100% auto;
		background-size: 100% auto;
	}
	
	.slide-wrapper p {
		font-size: 15px;
	}
	
}


/* Larger than tablet */
@media (min-width: 992px) {
	
	.slide-wrapper {
		margin: 0 5%;
		padding: 0;
	}
	
	.main-slide li {
		margin: 0;
		padding: 0;
		height: calc(100vh - 175px);
	}
	
	.main-slide li.slideimg1 {
		-webkit-background-size: auto 100%;
		background-size: auto 100%;
	}
	
	.main-slide li.slideimg2 {
		-webkit-background-size: auto 100%;
		background-size: auto 100%;
	}
	
	.main-slide li.slideimg3 {
		-webkit-background-size: auto 100%;
		background-size: auto 100%;
	}
	
	.main-slide li.slideimg4 {
		-webkit-background-size: auto 100%;
		background-size: auto 100%;
	}
	
	.main-slide li.slideimg5 {
		-webkit-background-size: auto 100%;
		background-size: auto 100%;
	}
	
	.main-slide li.slideimg6 {
		-webkit-background-size: auto 100%;
		background-size: auto 100%;
	}
	
	.main-slide li.slideimg7 {
		-webkit-background-size: auto 100%;
		background-size: auto 100%;
	}
	
	.main-slide li.slideimg8 {
		-webkit-background-size: auto 100%;
		background-size: auto 100%;
	}
	
	.main-slide li.slideimg9 {
		-webkit-background-size: auto 100%;
		background-size: auto 100%;
	}
	
	.main-slide li.slideimg10 {
		-webkit-background-size: auto 100%;
		background-size: auto 100%;
	}
}


/*--------------------------------------------------------------
.ウィンドウ高さ対応
--------------------------------------------------------------*/

/* mobile */
@media (min-height: 300px) {
	
	.slide-wrapper p span {
		margin: 0;
		padding: 0;
		display: block;
	}
	
}

/* mobile */
@media (min-height: 850px) {
	
	.slide-wrapper p span {
		margin: 0 0 0 10px;
		padding: 0;
		display: inline;
	}
	
}




/*--------------------------------------------------------------
.main-copy
--------------------------------------------------------------*/

/* mobile */
@media (min-width: 300px) {
	
	.main-copy {
		margin: 30px 0 130px 0;
		padding: 0 30px;
	}
	
	.main-copy > h2 {
		font-size: 20px;
		font-weight: 300;
		margin: 0 0 30px 0;
		letter-spacing: 5px;
		text-align: center;
	}
	
	.main-copy h2 br {
		display: inherit;
	}
	
	.main-copy > p {
		font-size: 13px;
		line-height: 2.5;
		text-align: left;
	}
	
	.main-copy p br {
		display: none;
	}
}

/* Small than tablet */
@media (min-width: 768px) {
	
	.main-copy {
		text-align: center;
		margin: 0 0 130px 0;
		padding: 0;
	}
	
	.main-copy > h2 {
		font-size: 25px;
		font-weight: 200;
		margin: 90px 0 50px 0;
	}
	
	.main-copy h2 br {
		display: none;
	}
	
	.main-copy > p {
		font-size: 13px;
		line-height: 2.5;
		text-align: center;
	}
	
	.main-copy p br {
		display: inherit;
	}
	
}


/* Larger than tablet */
@media (min-width: 992px) {
	


}


/*--------------------------------------------------------------
.title title_l
--------------------------------------------------------------*/

/* mobile */
@media (min-width: 300px) {
	
	.title {
		text-align: center;
		font-weight: 300;
		letter-spacing: 2px;
	}
	
	.title_l {
		font-size: 25px;
		font-family: 'Zilla Slab', sans-serif;
		margin: 0 0 30px 0;
		padding: 0;
	}
	
	.title_j {
		font-size: 20px;
		margin: 0 0 30px 0;
		padding: 0;
	}
	
	.title_s {
		font-size: 18px;
		margin: 0 0 50px 0;
		padding: 0;
	}
}

/* Small than tablet */
@media (min-width: 768px) {
	
	.title_l {
		font-size: 30px;
		margin: 0 0 50px 0;
		padding: 0;
	}
	
	.title_j {
		font-size: 25px;
		margin: 0 0 30px 0;
		padding: 0;
	}
	
	.title_s {
		font-size: 20px;
		margin: 0 0 80px 0;
		padding: 0;
	}
	
}

/* Larger than tablet */
@media (min-width: 992px) {

}


/*--------------------------------------------------------------
gallery-panel-menu
--------------------------------------------------------------*/

/* mobile */
@media (min-width: 300px) {
	
	#gallery {
		font-family: 'Zilla slab';
		margin: 0;
		padding: 0 0 100px;
		box-sizing: border-box;
	}
	
	.gallery-panel-menu {
		margin: 0;
		padding: 0;
		width: 100%;
		height: auto;
	}
	
	.gallery-panel-menu ul {
		margin: 0;
		padding: 0;
		width: 100%;
		height: auto;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-flow: row wrap;
		flex-flow: row wrap;
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
	}
	
	.gallery-panel-menu ul li {
		margin: 0;
		padding: 0;
		width: 100%;
		height: 250px;
	}
	
	.gallery-panel-menu ul li > a {
		display: block;
		width: 100%;
		height: 100%;
	}
	
	.gallery-panel-menu ul li > a::before {
		position: absolute;
		top: 30px;
		right: 30px;
		bottom: 30px;
		left: 30px;
		border: 1px solid #fff;
		content: '';
		-webkit-transform: scale(1.1);
		transform: scale(1.1);
	}
	
	.toppanel-inner {
		position: relative;
		width: 100%;
		height: 100%;
	}
	
	.toppanel-inner img {
		width: 100%;
		height: 100%;
		line-height: 1;
		vertical-align: bottom;
		object-fit: cover;
		object-position: center;
		margin: 0;
		padding: 0;
	}
	
	.photo-category {
		font-size: 20px;
		letter-spacing: 1px;
		color: #fff;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
		z-index: 100;
		text-align: center;
	}
	
	.photo-category span {
		font-size: 13px;
		display: block;
	}
}

/* Small than tablet */
@media (min-width: 768px) {
	
	.gallery-panel-menu ul li {
		width: 50%;
		height: 400px;
	}
	
	.photo-category {
		font-size: 25px;
	}
	
	.photo-category span {
		font-size: 15px;
	}
	
}


/* Larger than tablet */
@media (min-width: 992px) {
	


}


/*--------------------------------------------------------------
infomation
--------------------------------------------------------------*/

/* mobile */
@media (min-width: 300px) {
	
	#info {
		margin: 0 0 100px 0;
		padding: 0;
		box-sizing: border-box;
		overflow: hidden;
	}
	
	.info-list {
		width: 100%;
		margin: 0;
		padding: 0;
	}
	
	.info-list ul {
		margin: 0 0 50px 0;
		padding: 0;
		list-style-type: none;
		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;
	}
	
	.info-list ul li {
		width: 100%;
		margin: 0 0 20px 0;
		padding: 0 30px;
		float: left;
		box-sizing: border-box;
		line-height: 1.4;
	}
	
	.info-list ul li dl {
		margin: 0;
		padding: 0;
	}
	
	.info-list ul li dl dt {
		margin: 0;
		padding: 0;
		float: left;
		font-size: 12px;
		color: #939393;
	}
	
	.info-list ul li dl dd {
		margin: 0 0 0 80px;
		padding: 0;
		font-size: 13px;
	}
	
	.info-list ul li dl dd > a {
		transition: .3s;
	}
	
	.info-list ul li dl dd > a:hover {
		opacity: .6;
	}
	
	.btn-area {
		display: table;
		margin: 0 auto;
		padding: 0;
	}
	
	.more {
		display: inline-block;
		width: auto;
		height: auto;
		margin: 0;
		padding: 0;
		box-sizing: border-box;
	}
	
	.more > a {
		display: block;
		width: 100%;
		height: 100%;
		font-family: 'Zilla slab';
		margin: 0 auto;
		padding: 10px 30px;
		color: #fff;
		background: #313131;
		border: 1px solid #313131;
		box-sizing: border-box;
		font-size: 13px;
		letter-spacing: 2px;
		transition: .3s;
	}
	
	.more > a:hover {
		color: #313131;
		background: #fff;
	}


}

/* Small than tablet */
@media (min-width: 768px) {
	
	.info-list ul li {
		width: 50%;
		margin: 0 0 20px 0;
		padding: 0 30px;
	}
	
}


/* Larger than tablet */
@media (min-width: 992px) {
	
	#info {
		margin: 0 0 150px 0;
		padding: 0;
	}
	
	.info-list {
		max-width: 1000px;
		margin: 0 auto;
		padding: 0;
	}
	
	.info-list ul {
		margin: 0 0 70px 0;
		padding: 0;
	}
	
	.info-list ul li {
		width: 50%;
		margin: 0 0 20px 0;
		padding: 0 30px;
	}
	
	.info-list ul li dl dt {
		font-size: 12px;
		color: #939393;
	}
	
	.info-list ul li dl dd {
		margin: 0 0 0 100px;
		padding: 0;
	}
	
	.more > a {
		padding: 15px 50px;
		font-size: 15px;
	}

}

/*--------------------------------------------------------------
diary-area
--------------------------------------------------------------*/

/* mobile */
@media (min-width: 300px) {
	
	#diary {
		margin: 0;
		padding: 0 0 80px 0;
	}
	
	.diary-list {
		margin: 0;
		padding: 0;
		width: 100%;
		height: auto;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-flow: row wrap;
		flex-flow: row wrap;
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
	}
	
	.diary-list li {
		width: 50%;
		height: auto;
		margin: 0 0 40px;
		padding: 0;
	}
	
	.diary-list li dl {
		text-align: center;
		margin: 0;
		padding: 0;
	}
	
	.diary-list li dl dt {
		margin: 0 0 15px 0;
		padding: 0;
		background: #000;
		line-height: 0;
		overflow: hidden;
	}
	
	.diary-list li dl dt img {
		transition-duration: 0.3s;
	}
	
	.diary-list li a:hover img {
		transform: scale(1.2);
		transition-duration: 1s;
		opacity: 0.6;
	}
	
	.diary-list li dl dd {
		margin: 0;
		padding: 0 10px;
		font-size: 13px;
		font-weight: 300;
		line-height: 1.3;
	}
	
	.diary-list li dl dd span {
		display: block;
		color: #939393;
		font-family: 'Zilla Slab', sans-serif;
		font-size: 10px;
		font-weight: 500;
		margin-bottom: 8px;
	}
}

/* Small than tablet */
@media (min-width: 768px) {
	
	#diary {
		margin: 0;
		padding: 0 0 100px 0;
	}
	
	.diary-list li {
		width: 33.3%;
		margin: 0 0 40px 0;
		padding: 0;
	}
	
	.diary-list li:nth-child(7),
	.diary-list li:nth-child(8) {
		display: none;
	}
	
}


/* Larger than tablet */
@media (min-width: 992px) {
	
	#diary {
		margin: 0;
		padding: 0 0 150px 0;
	}
	
	.diary-list {
		margin: 0;
		padding: 0;
	}
	
	.diary-list li {
		width: 25%;
		margin: 0 0 40px 0;
		padding: 0;
	}
	
	.diary-list li:nth-child(7),
	.diary-list li:nth-child(8) {
		display: inherit;
	}
	
	.diary-list li dl {
		text-align: center;
		margin: 0;
		padding: 0;
	}
	
	.diary-list li dl dt {
		margin: 0 0 15px 0;
		padding: 0;
	}
	
	.diary-list li dl dd {
		font-size: 13px;
	}
	
	.diary-list li dl dd span {
		font-size: 10px;
	}

}
/*--------------------------------------------------------------
summary
--------------------------------------------------------------*/

/* mobile */
@media (min-width: 300px) {
	
	#summary {
		margin: 0 auto;
		padding: 0 0 50px 0;
		box-sizing: border-box;
	}
	
	#summary ul {
		margin: 0 20px;
		padding: 0;
		list-style-type: none;
		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;
	}
	
	.price-area,
	.about-area {
		width: 100%;
		height: 250px;
		margin: 0;
		position: relative;
	}
	
	.price-area {
		background: url("images/price.jpg") no-repeat center;
		background-size: cover;
		margin: 0 0 10px 0;
		padding: 0;
	}
	
	.about-area {
		background: url("images/about.jpg") no-repeat center;
		background-size: cover;
		margin: 0;
		padding: 0;
	}
	
	.price-area > a,
	.about-area > a {
		display: block;
		width: 100%;
		height: 100%;
		transition: .3s;
	}
	
	.price-area > a:hover,
	.about-area > a:hover {
		background: rgba(0,0,0,0.4);
	}
	
	.inner-box {
		background: #fff;
		position: absolute;
		margin: 0;
		padding: 25px 30px;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
		text-align: center;
	}
	
	.box-title {
		font-size: 13px;
		font-weight: 300;
	}
	
	.box-title span {
		display: block;
		font-family: 'Zilla Slab', sans-serif;
		font-size: 11px;
		font-weight: 300;
	}
}

/* Small than tablet */
@media (min-width: 768px) {
	
	#summary ul {
		margin: 0 10%;
		padding: 0;
	}
	
	.price-area,
	.about-area {
		height: 300px;
	}
	
	.inner-box {
		padding: 30px 40px;
	}
	
	.box-title {
		font-size: 14px;
	}
	
}


/* Larger than tablet */
@media (min-width: 992px) {
	
	#summary {
		padding: 0 0 80px 0;
	}
	
	#summary ul {
		margin: 0 10%;
		padding: 0;
	}
	
	.price-area,
	.about-area {
		width: 49%;
	}
	
	.price-area {
		margin: 0 0.5%;
		padding: 0;
	}
	
	.about-area {
		margin: 0 0.5%;
		padding: 0;
	}
	
	.inner-box {
		padding: 50px;
	}
	
	.box-title {
		font-size: 15px;
	}
	
	.box-title span {
		font-size: 12px;
	}

}