@charset "UTF-8";
/* CSS Document */


/* =========================================================
　ホーム
========================================================= */


/* カテゴリータイトル
--------------------------------------------------------- */
@media screen and (max-width:999px) {
	.category {
		padding-top: 80px;
	}
}
@media screen and (min-width:1000px) , print {
	.category {
		padding-top: 0;
	}
}


/* ヘッダー
--------------------------------------------------------- */
@media screen and (max-width:999px) {
	div {
	}
}
@media screen and (min-width:1000px) , print {
	header {
		z-index: 1;
		background: linear-gradient(hsla(0,0%,0%,1.00),hsla(0,0%,0%,0.70),hsla(0,0%,0%,0.00));
	}
	.site_logo {
		background: url("images/h_logo.png") no-repeat left top;
		background-size: 100% auto;
		height: 120px;
	}
	.site_logo img {
		display: none;
	}
	.gnav > li:hover {
		background: hsla(0,0%,0%,0.40);
		border-bottom: 3px solid #a96;
	}
	.gnav > li > a {
		color: #fff;
	}
	.unav li {
		color: #fff;
	}
	.unav li.unav_download {
		background: url(common/img/unav_download_w.png) no-repeat left center;
		background-size: 15px 14px;
	}
	.unav li.unav_news {
		background: url(common/img/unav_news_w.png) no-repeat left center;
		background-size: 18px 15px;
	}
	.unav li.unav_faq {
		background: url(common/img/unav_faq_w.png) no-repeat left center;
		background-size: 15px 15px;
	}
	.unav li.unav_contact {
		background: url(common/img/unav_contact_w.png) no-repeat left center;
		background-size: 15px 10px;
	}
	.unav li.unav_language {
		background: url(common/img/unav_language_w.png) no-repeat left center;
		background-size: 15px 15px;
	}
	.unav li a {
		color: #fff;
	}
}


/* メインスライダーだけ
--------------------------------------------------------- */
.slide_box li img {
	display: none;
}
.bx-viewport .slide_box li img {
	display: block !important;
}
@media screen and (max-width:999px) {
	div.slide_wrap div.bx-wrapper div.bx-viewport {
		border: none;
	}
	div.slide_wrap > p {
		display: none;
	}
}
@media screen and (min-width:1000px) , print {
	.main {
		position: relative;
	}
	div.slide_wrap {
		margin-top: -120px;
	}
	div.slide_wrap div.bx-wrapper {
		position: relative;
		margin: 0;
	}
	div.slide_wrap div.bx-wrapper div.bx-viewport {
		background: none;
		border: none;
	}
	div.slide_wrap div.bx-wrapper div.bx-viewport ul.slide_box {
	}
	div.slide_wrap div.bx-wrapper div.bx-viewport ul.slide_box li {
	}
	div.slide_wrap div.bx-wrapper div.bx-viewport ul.slide_box li img {
	}
	div.slide_wrap div.bx-wrapper div.bx-controls.bx-has-pager div.bx-pager.bx-default-pager {
		width: 120px;
		position: absolute;
		right: 0;
		bottom: 10px;
	}
	div.slide_wrap div.bx-wrapper div.bx-pager.bx-default-pager a {
		background: hsla(0,0%,100%,0.50);
	}
	div.slide_wrap div.bx-wrapper div.bx-pager.bx-default-pager a:hover,
	div.slide_wrap div.bx-wrapper div.bx-pager.bx-default-pager a.active {
		background: #fff;
	}
	div.slide_wrap > p {
		margin-top: -50px;
		text-align: center;
		position: absolute;
		width: 100%;
	}
	div.slide_wrap > p img {
		width: 94px;
		height: 48px;
	}
}


/* お知らせ･行事予定
--------------------------------------------------------- */
.news_list h2 {
	margin: 0 auto 30px;
	font-size: 180%;
	letter-spacing: 3px;
	text-align: center;
	display: block;
	width: 100%;
}
.news_list h2 span {
	display: block;
	font-size: 50%;
}
@media screen and (max-width:999px) {
	.news_list {
        padding: 0 10px 4em;
        margin-bottom: 30px;
	}
	.news_list a.news_bnr {
		display: block;
		padding: 0 0 2em;
	}
	.news_list .mov .frame-wrapper__video {
		position: relative;
		width: 100%;
		height: 0;
		padding-bottom: 56.25%;
		overflow: hidden;
	}
	.news_list .mov .frame-wrapper__video iframe {
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
	}
	.news_list img {
        		margin-bottom: 4em;
	}
	.news_list dl {
		border-top: 1px solid hsla(0,0%,0%,0.20);
		margin-bottom: 4em;
	}
	.news_list dl dt {
		padding-top: 1em;
		padding-bottom: .4em;
		color: #000;
	}
	.news_list dl dd {
		border-bottom: 1px solid hsla(0,0%,0%,0.20);
		padding-bottom: 1.2em;
		line-height: 1.4;
		font-weight: bold;
		font-size: 120%;
	}
	.news_list dl dd img {
		display: none;
	}
	.news_list dl {
		border-top: 1px solid hsla(0,0%,0%,0.20);
		margin-bottom: 2em;
	}
	.news_list dl a:hover {
		background: hsla(0,0%,0%,0.05);
		display: block;
	}
	.news_list dl a dt {
		padding-top: 1em;
		padding-bottom: .4em;
		color: #000;
	}
	.news_list dl a dt span {
		display: inline-block;
		color: #fff;
		font-size: 70%;
		padding: .2em .6em;
		margin-right: .5em;
	}
	.news_list dl a dt span.news {
		background: #784;
	}
	.news_list dl a dt span.event {
		background: #864;
	}
	.news_list dl a dd {
		border-bottom: 1px solid hsla(0,0%,0%,0.20);
		padding-bottom: 1.2em;
		line-height: 1.4;
		font-weight: bold;
		font-size: 120%;
	}
}
@media screen and (min-width:1000px) , print {
	.news_list {
		padding: 0 5% 3em;
		margin: 4em auto;
		max-width: 1000px;
	}
	
	.news_list .news_bnr {
		display: block;
		float: right;
		width: 35%;
		padding: 0 0 2em 2em;
	}
	.news_list img {
		display: block;
		float: right;
		width: 100%;
		padding: 0 0 2em 2em;
	}
	.news_list dl {
		border-top: 1px solid hsla(0,0%,0%,0.20);
		margin-bottom: 4em;
		width: 60%;
	}
	
	.news_list .mov {
/*		display: none;*/
		float: right;
		width: 36%;
		padding: 0 0 2em 2em;
	}
	.news_list .mov .frame-wrapper__video {
		position: relative;
		width: 100%;
		height: 0;
		padding-bottom: 56.25%;
		overflow: hidden;
	}
	.news_list .mov .frame-wrapper__video iframe {
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
	}
	.news_list dl {
		border-top: 1px solid hsla(0,0%,0%,0.20);
		margin: 0 0 4em;
		width: 61%;/*61%*/
        float: left
	}
	.news_list dl dt {
		padding-top: 1em;
		color: #000;
	}
	.news_list dl dd {
		border-bottom: 1px solid hsla(0,0%,0%,0.20);
		padding-left: 10em;
		padding-bottom: 1.4em;
		margin-top: -1.7em;
		line-height: 1.4;
		font-weight: bold;
	}
	.news_list dl dd img {
		display: none;
	}
	.news_list dl a:hover {
		background: hsla(0,0%,0%,0.05);
		display: block;
	}
	.news_list dl a dt {
		padding-top: 1em;
		color: #000;
	}
	.news_list dl a dt span {
		display: inline-block;
		color: #fff;
		font-size: 70%;
		padding: .1em .6em;
		margin-right: .5em;
	}
	.news_list dl a dt span.news {
		background: #784;
	}
	.news_list dl a dt span.event {
		background: #864;
	}
	.news_list dl a dd {
		border-bottom: 1px solid hsla(0,0%,0%,0.20);
		padding-left: 14em;
		padding-bottom: 1.4em;
		margin-top: -1.7em;
		line-height: 1.4;
		font-weight: bold;
	}
	.news_list .btn {
		width: 50%;
		margin: 0 auto;
		clear: both;
	}
}


/* 中尊寺を知る
--------------------------------------------------------- */
@media screen and (max-width:999px) {
	.know {
		padding-bottom: 4em;
		background: url("images/know_title.jpg") no-repeat center top;
		background-size: 200% auto;
	}
	.know h2::before {
		content: '';
		display: block;
		width: 4px;
		height: 50px;
		background: #a96;
		margin: 0 auto .5em;
	}
	.know h2 {
		text-align: center;
		font-size: 200%;
	}
	.know h2 span {
		display: block;
		font-size: 40%;
		padding-bottom: 2em;
	}
	.know p {
		margin: 2%;
		width: 96%;
		margin: 0 auto;
	}
	.know p a {
		display: inline-block;
		width: 31.33%;
		margin: 0 1%;
		overflow: hidden;
	}
	.know p a img {
		margin: 0 -25%;
		width: 150%;
	}
}
@media screen and (min-width:1000px) , print {
	.know {
		padding-bottom: 6em;
		background: url("images/know_title.jpg") no-repeat center top;
		background-size: 100% auto;
	}
	.know h2::before {
		content: '';
		display: block;
		width: 4px;
		height: 50px;
		background: #a96;
		margin: 0 auto .5em;
	}
	.know h2 {
		text-align: center;
		font-size: 200%;
	}
	.know h2 span {
		display: block;
		font-size: 40%;
		padding-bottom: 2em;
	}
	.know p {
		width: 900px;
		margin: 0 auto;
	}
	.know p a {
		display: inline-block;
		width: 31.33%;
		margin: 0 1%;
	}
	.know p a img {
	}
}


/* 中尊寺を巡る
--------------------------------------------------------- */
@media screen and (max-width:999px) {
	.around {
		padding-bottom: 2em;
		position: relative;
	}
	.around h2 {
		position: absolute;
		left: 20%;
		right: 20%;
		top: 40%;
		bottom: 50%;
		text-align: center;
		font-size: 200%;
		display: inline-block;
	}
	.around h2 span {
		display: block;
		font-size: 40%;
		padding-bottom: 2em;
	}
	.around h2 a {
		color: #000;
	}
	.around p img {
		width: 100%;
		height: auto;
	}
	.around .pc {
		display: none;
	}
}
@media screen and (min-width:1000px) , print {
	.around {
		padding-bottom: 6em;
	}
	.around .sp {
		display: none;
	}
	.around p img {
		width: 100%;
		height: auto;
	}
}


/* 年中行事
--------------------------------------------------------- */
@media screen and (max-width:999px) {
	.event_info {
		position: relative;
		width: 100%;
		padding-bottom: 4em;
	}
	.event_info a {
	}
	.event_info h2 {
		position: absolute;
		right: 0;
		top: 20px;
		width: 45%;
	}
	.event_info h2 img {
		width: 100%;
		padding: 0;
	}
	.event_info p {
		display: none;
	}
	.event_info img {
		width: 85%;
		padding-right: 15%;
	}
}
@media screen and (min-width:1000px) , print {
	.event_info {
		background: url(common/img/bg01.png) repeat left top;
		background-size: 200px;
		width: 100%;
		position: relative;
	}
	.event_info a {
		color: #000;
	}
	.event_info h2 {
		position: absolute;
		right: 240px;
		top: 50px;
		z-index: 1;
	}
	.event_info h2 img {
		width: 180px;
		height: 180px;
	}
	.event_info p {
		position: absolute;
		right: 100px;
		top: 50px;
		writing-mode: vertical-rl;
		-ms-writing-mode: tb-rl;
		-webkit-writing-mode:vertical-rl;
	}
	.event_info img {
		width: 75%;
	}
}


/* 祈り
--------------------------------------------------------- */
@media screen and (max-width:999px) {
	.prayer_info {
		position: relative;
		width: 100%;
	}
	.prayer_info a {
	}
	.prayer_info h2 {
		position: absolute;
		left: 0;
		bottom: 10px;
		width: 45%;
	}
	.prayer_info h2 img {
		width: 100%;
		padding: 0;
	}
	.prayer_info p {
		display: none;
	}
	.prayer_info img {
		width: 85%;
		padding-left: 15%;
	}
}
@media screen and (min-width:1000px) , print {
	.prayer_info {
		background: url(common/img/bg01.png) repeat left top;
		background-size: 200px;
		width: 100%;
		position: relative;
		text-align: right;
		margin-top: -50px;
	}
	.prayer_info a {
		color: #000;
	}
	.prayer_info h2 {
		position: absolute;
		left: 240px;
		top: 100px;
		z-index: 1;
	}
	.prayer_info h2 img {
		width: 180px;
		height: 180px;
	}
	.prayer_info p {
		text-align: left;
		position: absolute;
		left: 100px;
		top: 50px;
		writing-mode: vertical-rl;
		-ms-writing-mode: tb-rl;
		-webkit-writing-mode:vertical-rl;
	}
	.prayer_info img {
		margin-top: -50px;
		width: 75%;
	}
}


/* SNS公式アカウントのご案内
--------------------------------------------------------- */
@media screen and (max-width:999px) {
	.sns {
		margin: 0;
		padding: 4em 20px;
		text-align: center;
	}
	.sns h2 {
		font-size: 200%;
		padding-bottom: 1em;
	}
	.facebook {
		width: 100%;
		padding-bottom: 2em;
		margin: 0 auto;
	}
	.instagram_sp .btn {
		margin-bottom: 1em;
	}
	.instagram_pc {
		display: none;
	}
}
@media screen and (min-width:1000px) , print {
	.sns {
		max-width: 1000px;
		margin: 0 auto;
		padding: 4em 0 3em;
		text-align: center;
	}
	.sns h2 {
		font-size: 200%;
		padding-bottom: 1em;
	}
	.facebook {
		float: left;
		width: 340px;
	}
	.instagram_sp {
		display: none;
	}
	.instagram_pc {
		float: right;
		width: 610px;
	}
	.instagram_pc .btn {
		margin-bottom: 1em;
	}
}


/* banner
--------------------------------------------------------- */
.slick-prev::before, .slick-next::before {
	font-family: 'slick';
	font-size: 20px;
	line-height: 1;
	opacity: .75;
	color: #fff;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.banner {
/*	max-width: 1000px;*/
	position: relative;
	padding-bottom: 3em;background-color: #666;
	padding-top:3em;
	clear: both;
}
.slick-prev {
	position: absolute;
	left: 15px;
	z-index: 100;
}
.slick-next {
	position: absolute;
	right: 15px;
	z-index: 99;
}
/*
.slick-slide img,fgure,.slick-slide{
	max-height: 80px;
	max-width: 260px;
}
*/
.slick-slide {
	margin: 0 1em;
	cursor : pointer;
}


/* 地図
--------------------------------------------------------- */
@media screen and (max-width:999px) {
	.map {
	}
	iframe {
		width: 100%;
		height: 400px;
	}
	.map div {
		padding: 1em 2em 2em;
		border-top: 5px solid #a96;
		text-align: center;
		margin: 20px;
		box-shadow: 0 0 10px 0 rgba(0,0,0,0.1);
	}
	.map div h2 {
		margin-top: 1em;
		font-weight: bold;
		text-shadow: -5px 0 0 #fff, 0 5px 0 #fff, 5px 0 0 #fff, 0 -5px 0 #fff;
	}
	.map div h2::after {
		content: '';
		display: block;
		width: 100%;
		height: 2px;
		background: #a96;
		margin: -12px auto 1em;
	}
	.map div p {
		line-height: 1.6;
		font-size: 90%;
	}
	.map table , .map th , .map td {
		border: 1px solid #fff;
	}
	.map table {
		font-size: 80%;
		margin-bottom: 1em;
	}
	.map tr {
	}
	.map th {
		background: #ac8;
	}
	.map td {
		background: #ddd;
	}
}
@media screen and (min-width:1000px) , print {
	.map {
		position: relative;
	}
	iframe {
		width: 100%;
	}
	.map div {
		position: absolute;
		right: 50px;
		top: 50px;
		background: #fff;
		padding: 1em 2em 2em;
		border-top: 5px solid #a96;
		text-align: center;
	}
	.map div h2 {
		margin-top: 1em;
		font-weight: bold;
		text-shadow: -5px 0 0 #fff, 0 5px 0 #fff, 5px 0 0 #fff, 0 -5px 0 #fff;
	}
	.map div h2::after {
		content: '';
		display: block;
		width: 100%;
		height: 2px;
		background: #a96;
		margin: -12px auto 1em;
	}
	.map div p {
		line-height: 1.6;
		font-size: 90%;
	}
	.map table , .map th , .map td {
		border: 1px solid #fff;
	}
	.map table {
		font-size: 80%;
		margin-bottom: 1em;
	}
	.map tr {
	}
	.map th {
		background: #ac8;
	}
	.map td {
		background: #ddd;
	}
}

.slick-slider .slick-track{
    margin-left: 0;
    margin-right: 0;
}