@charset "UTF-8";
/* ===================================================================
CSS information
 style info : こだわり
=================================================================== */





#wrap {
	background-image: url(../img/Hounou-Ema-Tenjin/Bg_subWrap.jpg) !important;
}


#cateList {
	width:580px;
	margin-bottom: 10px;
}
#cateList ul {
	margin: 0 auto;
}
#cateList ul li {
	float: left;
	margin-right: 7px;
}
#cateList ul li a {
	display: block;
	background-color: #000000;
	color: #ffffff;
	padding: 2px 5px;
	text-align: center;
}
#cateList ul li a:hover {
	text-decoration: none;
}


/* -----------------------------------------------------------
#breadcrumbs : パンくずリスト
----------------------------------------------------------- */

#breadcrumbs{
	float:right;
	width:580px;
	font-size:10px;
	margin-bottom:5px;
}
#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;
}


#breadcrumbs{
	width: 540px;
	font-size:10px;
	margin-bottom:30px;
}

#breadcrumbs li{
	float:right;
	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;
}




@media (max-width: 768px) {
	#breadcrumbs{
		float: none;
		width: 100%;
		font-size:10px;
		padding-bottom:15px;
		margin: 0;
	}

	#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:580px;

}

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

}


@media (max-width: 768px) {
	#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;
	}

	#main h3 img{
		width: 100%;
		height: auto;
	}

}


.itemBlock {
}

.itemTitle {
	display: block;
	overflow: hidden;
}

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


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







/* -----------------------------------------------------------
		ギャラリースタイル
----------------------------------------------------------- */
#gallery {
	margin-top: 30px;
}
.ad-image-wrapper {
    padding: 8% 8% 20px;
    background-color: #2E2619;
    position: relative;
    overflow: hidden;
}
.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: 30px 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 1px;
  height: 65px;
*/
}
.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.8;
	transition: opacity .2s linear;
/*
    width: 79px;
	height: auto;
*/
}
.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: 11px 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.8;
		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: 11px 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.8;
		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%);
	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%);
	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;
}