@charset "UTF-8";
/* ===================================================================
CSS information
 style info : こだわり
=================================================================== */
/* -----------------------------------------------------------
#breadcrumbs : パンくずリスト
----------------------------------------------------------- */

#breadcrumbs{
/* 	float:right; */
	width:580px;
	font-size:10px;
	margin-bottom:15px;
}
#breadcrumbs ul {
	float: right;
	margin-right: 45px;
}
#breadcrumbs li{
	float:left;
	width:auto;
	text-decoration:none;
}

#breadcrumbs a{
	color:#FFFFFF

}

#breadcrumbs a:hover{
	text-decoration:underline;

}

#breadcrumbs .arrow{
	padding:1px 2px 0 2px;

}


#contents {
	margin-bottom: 100px;
}


#contentsArea {
	width: 537px;
	margin-bottom: 100px;
}

.introTxt {
	line-height: 25px;
	margin-bottom: 30px;
}




/* -----------------------------------------------------------
#main : メインタグ
----------------------------------------------------------- */

#main{
	color:#FFFFFF;

}

#main h2{
	float:left;
	width:580px;

}

#main h3{
	float:left;
	width:580px;
	margin-bottom:30px;
	color:#A9825A;
	font-size:27px;
	font-weight:bold;

}





/* -----------------------------------------------------------
		.itemBlock
----------------------------------------------------------- */
.itemBlock {
	margin-bottom: 50px;
}





/* レスポンシブスタイル */
@media (max-width: 768px) {
	/* -----------------------------------------------------------
	#breadcrumbs : パンくずリスト
	----------------------------------------------------------- */
	
	#breadcrumbs{
		float: none;
		width: 100%;
		font-size:10px;
		padding-bottom:15px;
	}

	#breadcrumbs ul{
		display: flex;
		justify-content: flex-end;
		align-items: center;
		margin-right: 0;
	}
	
	#breadcrumbs li{
		float:left;
		width:auto;
		text-decoration:none;
		font-size: 13px;
	}
	
	#breadcrumbs a{
		color:#FFFFFF
	
	}
	
	#breadcrumbs a:hover{
		text-decoration:underline;
	
	}
	
	#breadcrumbs .arrow{
		padding:1px 2px 0 2px;
	
	}
	
	
	#contents {
		margin-bottom: 100px;
	}
	
	
	#contentsArea {
		width: 100%;
		margin-bottom: 50px;
	}
	
	.introTxt {
		line-height: 25px;
		margin-bottom: 30px;
	}
	
	
	/* -----------------------------------------------------------
	#main : メインタグ
	----------------------------------------------------------- */
	
	#main{
		color:#FFFFFF;
	
	}
	
	#main h2{
		float:left;
		width:100%;
		overflow: hidden;
	}

	#main h2 img{
		width: 100%;
		height: auto;
	}
	
	#main h3{
		display: block;
		float: none;
		width: 100%;
		font-weight: normal !important;
		margin-bottom:30px;
		font-size: 22px;
		font-weight:bold;
		text-align: center;
	}
	
	
	/* -----------------------------------------------------------
			.itemBlock
	----------------------------------------------------------- */
	.itemBlock {
		margin-bottom: 50px;
	}
	
	.itemTitle {
		display: block;
		overflow: hidden;
	}

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


}

@media (max-width: 480px) {
	#main h2 img{
		width: 140%;
		height: auto;
	}
	.itemTitle img {
	}
}




/* -----------------------------------------------------------
		ギャラリースタイル
----------------------------------------------------------- */
#gallery {
	margin-top: 30px;
}
.ad-image-wrapper {
    padding: 8% 8% 20px;
    background-color: #2E2619;
    position: relative;
}
.gallery-list {
}
.gallery-list .item {
}
.gallery-list .item .g-image {
	display: block;
    position: relative;
    width: 100%;
}
.gallery-list .item .g-image:before {
    content:"";
    display: block;
    padding-top: 79.16666%;
}
.gallery-list .item .g-image img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.gallery-list .item .g-caption {
	display: block;
	font-size: 13px;
	color: #fff;
	line-height: 1.3;
    padding-top: 10px;
    text-align: center;
}

.ad-nav {
    background: url(../img/Ema-Tenjin/Bg_thumbPhotoArea.jpg) no-repeat left top;
    margin-top: 28px;
	height: 120px;
	padding: 34px 5% 0;
	box-sizing: border-box;
	position: relative;
}
.ad-thumbs {
}
.thumbs-list {
}
.thumbs-list .item {
  cursor: pointer;
  outline: none;
  background:#2e2619;
  margin: 0 8px;
/*   padding: 0 1%; */
}
.thumbs-list .item .g-image {
	display: block;
    position: relative;
    width: 100%;
/*     background-color: #fff; */
}
.thumbs-list .item .g-image:before {
    content:"";
    display: block;
    padding-top: 59.0909%;
}
.thumbs-list .item .g-image img {
	display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
	opacity: 0.6;/*選択されていないものは透過40%*/
	transition: opacity .2s linear;
}
.thumbs-list .item:hover img,
.thumbs-list .item.slick-current img{
  opacity: 1;/*選択されているものは透過しない*/
}

@media (max-width: 768px) {

	#gallery {
		margin-top: 10px;
	}
	.ad-image-wrapper {
	    padding: 5%;
	}
	.gallery-list {
	}
	.gallery-list .item {
	}
	.gallery-list .item .g-image {
		display: block;
	    position: relative;
	    width: 100%;
	}
	.gallery-list .item .g-image:before {
	    content:"";
	    display: block;
	    padding-top: 79.16666%;
	}
	.gallery-list .item .g-image img {
	    position: absolute;
	    top: 0;
	    left: 0;
	    width: 100%;
	    height: 100%;
	    object-fit: contain;
	}
	.gallery-list .item .g-caption {
		display: block;
		font-size: 13px;
		color: #fff;
		line-height: 1.3;
	    padding-top: 10px;
	    text-align: center;
	}
	
	.ad-nav {
	    background: url(../img/Ema-Tenjin/Bg_thumbPhotoArea.jpg) no-repeat left top;
	    margin-top: 28px;
		height: 120px;
		padding: 17px 3% 0;
		box-sizing: border-box;
		position: relative;
		background-size: cover;
	}
	.ad-thumbs {
	}
	.thumbs-list {
	}
	.thumbs-list .item {
	  cursor: pointer;
	  outline: none;
	  background:#2e2619;
	  margin: 0 8px;
	  padding: 0 1%;
	}
	.thumbs-list .item .g-image {
		display: block;
	    position: relative;
	    width: 100%;
/* 	    background-color: #fff; */
	}
	.thumbs-list .item .g-image:before {
	    content:"";
	    display: block;
	    padding-top: 59.0909%;
	}
	.thumbs-list .item .g-image img {
		display: block;
	    position: absolute;
	    top: 0;
	    left: 0;
	    width: 100%;
	    height: 100%;
	    object-fit: contain;
		opacity: 0.6;/*選択されていないものは透過40%*/
		transition: opacity .2s linear;
	}
	.thumbs-list .item:hover img,
	.thumbs-list .item.slick-current img{
	  opacity: 1;/*選択されているものは透過しない*/
	}

}
@media (max-width: 480px) {

	#gallery {
		margin-top: 10px;
	}
	.ad-image-wrapper {
	    padding: 5%;
	}
	.gallery-list {
	}
	.gallery-list .item {
	}
	.gallery-list .item .g-image {
		display: block;
	    position: relative;
	    width: 100%;
	}
	.gallery-list .item .g-image:before {
	    content:"";
	    display: block;
	    padding-top: 79.16666%;
	}
	.gallery-list .item .g-image img {
	    position: absolute;
	    top: 0;
	    left: 0;
	    width: 100%;
	    height: 100%;
	    object-fit: contain;
	}
	.gallery-list .item .g-caption {
		display: block;
		font-size: 13px;
		color: #fff;
		line-height: 1.3;
	    padding-top: 10px;
	    text-align: center;
	}
	
	.ad-nav {
		background: url(../img/Ema-Tenjin/Bg_thumbPhotoArea.jpg) no-repeat center center;
	    margin-top: 15px;
	    height: 77px;
	    padding: 17px 3% 0;
	    box-sizing: border-box;
	    position: relative;
	    background-size: cover;
	}
	.ad-thumbs {
	}
	.thumbs-list {
	}
	.thumbs-list .item {
	  cursor: pointer;
	  outline: none;
	  background:#2e2619;
	  margin: 0 8px;
	  padding: 0 1%;
	}
	.thumbs-list .item .g-image {
		display: block;
	    position: relative;
	    width: 100%;
/* 	    background-color: #fff; */
	}
	.thumbs-list .item .g-image:before {
	    content:"";
	    display: block;
	    padding-top: 59.0909%;
	}
	.thumbs-list .item .g-image img {
		display: block;
	    position: absolute;
	    top: 0;
	    left: 0;
	    width: 100%;
	    height: 100%;
	    object-fit: contain;
		opacity: 0.6;/*選択されていないものは透過40%*/
		transition: opacity .2s linear;
	}
	.thumbs-list .item:hover img,
	.thumbs-list .item.slick-current img{
	  opacity: 1;/*選択されているものは透過しない*/
	}

}



/*矢印の設定*/

/*戻る、次へ矢印の位置*/
.slick-prev, 
.slick-next {
    position: absolute;/*絶対配置にする*/
	z-index: 3;
    top: 42%;
    cursor: pointer;/*マウスカーソルを指マークに*/
    outline: none;/*クリックをしたら出てくる枠線を消す*/
}
.slick-prev {
    left:0;
}
.slick-next {/*次へ矢印の位置と形状*/
    right:0;
}
.slick-prev .arrow {
	display: block;
	width: 30px;
	height: 30px;
	background-color: rgba(255,255,255,0.6);
	position: relative;
    border-radius:0px 3px 3px 0px ;
    -webkit-border-radius:0px 3px 3px 0px ;
    -moz-border-radius:0px 3px 3px 0px ;
}
.slick-next .arrow {
	display: block;
	width: 30px;
	height: 30px;
	background-color: rgba(255,255,255,0.6);
	position: relative;
    border-radius:3px 0px 0px 3px ;
    -webkit-border-radius:3px 0px 0px 3px ;
    -moz-border-radius:3px 0px 0px 3px ;
}

.slick-prev .arrow:before {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 8px 12px 8px 0;
	border-color: transparent #312f2b transparent transparent;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%); /* Safari用 */
	transform: translate(-50%, -50%);
}
.slick-next .arrow:before {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 8px 0 8px 12px;
	border-color: transparent transparent transparent #312f2b;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%); /* Safari用 */
	transform: translate(-50%, -50%);
}



.thumbs-slick-prev, 
.thumbs-slick-next {
	display: block;
    position: absolute;/*絶対配置にする*/
	z-index: 3;
    top: 42%;
    cursor: pointer;/*マウスカーソルを指マークに*/
    outline: none;/*クリックをしたら出てくる枠線を消す*/
}
.thumbs-slick-prev {
    left: 10px;
}
.thumbs-slick-next {/*次へ矢印の位置と形状*/
    right: 10px;
}
.thumbs-slick-prev .thumbs-arrow {
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 11px 8px 11px 0;
	border-color: transparent rgba(255,255,255,0.6) transparent transparent;
}
.thumbs-slick-next .thumbs-arrow {
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 11px 0 11px 8px;
	border-color: transparent transparent transparent rgba(255,255,255,0.6);
}





.slick-slider {
  position: initial !important;
}
.gallery-list,
.thumbs-list {
  opacity: 0;
  transition: opacity .3s linear;
}
.gallery-list.slick-initialized,
.thumbs-list.slick-initialized {
  opacity: 1;
}

.slick-prev, 
.slick-next {
	opacity: 0;
	transition: opacity .18s linear;
}
.ad-image-wrapper:hover .slick-prev, 
.ad-image-wrapper:hover .slick-next {
	opacity: 1;
}