@charset "UTF-8";
/*
 gallery.css（ファイル名変更可）
 本サイト各ページ用CSS
*/

ul, li { list-style: none; }
.d-box-body {
	position: relative;
	z-index: 1;
	background: #fff;
	padding: 10px 40px 30px;
}

/* gallery */
.gallery-outline {
	margin-bottom: 30px;
}
.gallery-outline-inner {
	text-align: center;
	font-size: 20px;
	color: #835908;
}
.gallery-outline-inner .f-red {
	color: #ce0000;
}
/* gallery-box-top */
.gallery-box-top {
	background-image: url("../images/gallery/gallery_bg_flower.png");
	background-color: #cd9935;
	background-position: bottom center;
	background-repeat: no-repeat;
	background-size: contain;
	padding-bottom: 60px;
}
.gallery-top-subTit {
	position: relative;
	z-index: 1;
	width: 100%;
	height: 0;
	background-image: url("../images/gallery/gallery_bg_heading.png");
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
	font-size: 30px;
	color: #fff;
	text-align: center;
	padding-top: 21.43%;
}
.gallery-top-subTit span {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	transform: translate(-50%, -80%) rotate(0.028deg);
}
.gallery-top-subTit span:before,
.gallery-top-subTit span:after {
	content: "";
	display: inline-block;
	vertical-align: middle;
	width: 10px;
	height: 10px;
	background: #fff;
	border-radius: 50%;
	margin: 0 30px;
}
.gallery-top-img {
	position: relative;
	z-index: 2;
	width: 90%;
	max-width: 620px;
	padding: 10px;
	background: #e4b760;
	margin: -65px auto 30px;
}
.gallery-top-txt {
	padding: 0 40px;
	font-size: 16px;
	color: #fff;
}
.gallery-top-txt p {
	text-indent: 1em;
}
.gallery-top-txt-link {
	display: inline-block;
	font-size: 13px;
	margin-top: 1.0em;
}
.gallery-top-txt-link .sp {
	display: none;
}
/* gallery-box-thumb */
.gallery-list {
	width: 100%;
	overflow: hidden;
}
.gallery-list li {
	float: left;
	width: 31%;
	margin-left: 3.5%;
	margin-top: 30px;
}
.gallery-list li:nth-child(3n + 1){
	margin-left: 0;
}
.gallery-list li a {
	display: block;
	width: 100%;
	line-height: 0;
}
.gallery-list img {
	width: 100%;
}

/* gallery-backnumber-area */
.gallery-backnumber-area {
	background: #efefef;
	padding: 30px;
	margin-top: 40px;
}
.gallery-backnumber-list {
	width: 100%;
	overflow: hidden;
}
.gallery-backnumber-item {
	width: 23%;
	margin-left: 2.66%;
	margin-top: 2%;
	float: left;
	line-height: 0;
}
.gallery-backnumber-item:nth-child(4n + 1) {
	margin-left: 0;
}
.gallery-backnumber-item a {
	display: block;
	width: 100%;
}
.gallery-backnumber-item a img {
	width: 100%;
	max-width: 100%;
}

/* .modal-item */
.modal-item {
	width: 100%;
	margin: 0 auto;
}
.modal-thumb {
	width: 100%;
}
.modal-thumb img {
	width: 100%;
	max-width: 100%;
}
/* ------------------------------------------------------------------
 SP 〜 tablet　（〜992px）
------------------------------------------------------------------ */
@media screen and (max-width: 992px) {
	.d-box-body {
		margin: 0;
		padding: 20px 10px 10px;
	}
	.gallery-outline-inner {
		text-align: left;
		font-size: 13px;
		padding: 0 15px;
	}
	.gallery-outline-inner .pc {
		display: none;
	}
	.gallery-box-top {
		padding-bottom: 25px;
	}
	.gallery-top-img {
		width: calc(100% - 20px);
		padding: 5px;
		margin: -7% auto 20px;
	}
	.gallery-top-subTit {
		font-size: 4.2vw;
	}
	.gallery-top-subTit span {
		transform: translate(-50%, -60%) rotate(0.028deg);
	}
	.gallery-top-txt {
		padding: 0 10px;
		font-size: 13px;
	}
	.gallery-top-txt-link {
		font-size: 10px;
	}
	.gallery-list li {
		margin-top: 3%;
	}
	.gallery-backnumber-area {
		margin-top: 30px;
		padding: 15px;
	}
	.gallery-backnumber-item {
		width: 31%;
	}
	.gallery-backnumber-item:nth-child(n) {
		margin-left: 3.5%;
		margin-top: 3.5%;
	}
	.gallery-backnumber-item:nth-child(3n + 1) {
		margin-left: 0;
	}

}

/* ---------------------------------
 SP用
--------------------------------- */
@media only screen and (max-width: 600px) {
	.gallery-outline img {
		max-width: 90%;
	}
	.gallery-top-subTit span:before,
	.gallery-top-subTit span:after {
		width: 5px;
		height: 5px;
		margin: 0 15px;
	}
	.outline-link .sp { display: block; }
}

/* ---------------------------------
 PC用
--------------------------------- */
@media screen and (min-width: 993px) {
	.gallery-top-subTit {
		padding-top: 180px;
	}
}

/* ---------------------------------
 tablet FONT用
--------------------------------- */
@media screen and (min-width : 601px){
}