@charset "UTF-8";
/* CSS Document */
/*
Theme Name: 雲龍院WEBサイト
Author: 株式会社和詩倶楽部
Version: 1.0.0
*/
/*==========================
リセットCSS
===========================*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
nav ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
a {
	margin: 0;
	padding: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
/ change colours to suit your needs / ins {
background-color:#ff9;
color:#000;
text-decoration:none;
}
/ change colours to suit your needs / mark {
background-color:#ff9;
color:#000;
font-style:italic;
font-weight:bold;
}
del {
	text-decoration: line-through;
}
abbr[title], dfn[title] {
	border-bottom: 1px dotted;
	cursor: help;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}  /* change border colour to suit your needs  */
hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #cccccc;
	margin: 1em 0;
	padding: 0;
}
input, select {
	vertical-align: middle;
}
ul li {
	list-style: none;
}
/*==========================
共通書式
===========================*/
/*各要素*/
body {
	font-family: Helvetica, "新ゴ R","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	overflow-x: hidden;
background: #fff;
}
a {
	cursor: pointer;
	cursor: hand;
}
a:hover {
	text-decoration: none;
}
#wrapper {
	width: 100%;
	text-align: left;
	background: #fff;
	position: relative;
	z-index: 120;
}
.fadein {
	opacity : 0.1;
	transform : translate(0, 50px);
	transition : all 700ms;
}
.fadein.scrollin {
	opacity : 1;
	transform : translate(0, 0);
}
.content_wrap {
	padding: 0px;
	margin-bottom: 60px;
}
#gallery_wrap {
	padding: 0px 0;
	background-color: #000;
}
/*ページタイトルPC*/
@media (min-width: 992px) {
#page_title {
	height: 1000px;
	width: 100%;
	position: relative;
}
.about {
	background-image: url(img/pagetitle_about.jpg);
	background-attachment: fixed;
	background-size: cover;
	background-position: bottom;
}
.worship {
	background-image: url(img/pagetitle_worship.jpg);
	background-attachment: fixed;
	background-size: cover;
	background-position: bottom;
}
.syakyo {
	background-image: url(img/pagetitle_syakyo.jpg);
	background-attachment: fixed;
	background-size: cover;
	background-position: bottom;
}
.news {
	background-image: url(img/pagetitle_news.jpg);
	background-attachment: fixed;
	background-size: cover;
	background-position: bottom;
}
.ryugekai {
	background-image: url(img/pagetitle_ryugekai.jpg);
	background-attachment: fixed;
	background-size: cover;
	background-position: bottom;
}
.ryugedou {
	background-image: url(img/pagetitle_ryugedou.jpg);
	background-attachment: fixed;
	background-size: cover;
	background-position: bottom;
}
.seasons {
	background-image: url(img/pagetitle_seasons.jpg);
	background-attachment: fixed;
	background-size: cover;
	background-position: bottom;
}
.contact {
	background-image: url(img/pagetitle_contact.jpg);
	background-attachment: fixed;
	background-size: cover;
	background-position: bottom;
}
#page_title_box {
	width: 50%;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.page_titlename {
	color: #fff;
	font-size: 2.4em;
	text-align: center;
}
.content_title {
	font-size: 2em;
	text-align: center;
	margin-bottom: 80px;
	font-family: "見出しゴMB31","Midashi Go MB31","Yu Mincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", "serif";
}
.content_title_white {
	font-size: 2em;
	text-align: center;
	margin-bottom: 80px;
	font-family: "見出しゴMB31","Midashi Go MB31","Yu Mincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", "serif";
	color: #fff;
}
}


/*ボタン設定*/
#link_btn {
	text-align: center;
}
.button {
	display: inline-block;
	width: 300px;
	height: 54px;
	text-align: center;
	text-decoration: none;
	line-height: 54px;
	outline: none;
}
.button::before, .button::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.button, .button::before, .button::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.button {
	position: relative;
	z-index: 2;
	background-color: #fff;
	border: 2px solid #333;
	color: #333;
	line-height: 48px;
}
.button::after {
	top: 4px;
	left: 4px;
	width: 288px;
	height: 42px;
	border: 1px solid #333;
	opacity: 0;
}
.button:hover::after {
	opacity: 1;
}
.button2 {
	display: block;
	width: 100%;
	padding: 20px;
	border: 1px solid #666;
	color: #666;
	margin: 25px 0;
	text-align: center;
	transition: 0.3s;
}
.button2:hover{
	background-color: #666;
	color: #fff;
	transition: 0.3s;
}
@media (min-width: 992px) {
.sub_copy {
	color: #732840;
	font-size: 1.5em;
	text-align: center;
	padding: 2em 0;
	font-weight: bold;
　　　　　
}
.text2x {
	font-size: 2em;
	padding: 0 0.2em;
}
.lead_copy {
	font-weight: bold;
	font-size: 1.4em;
	color: #666;
	line-height: 2.2em;
	margin-bottom: 2em;
}
.sentence {
	text-align: justify;
	font-size: 1.0em;
	line-height: 1.5em;
	color: #333;
	text-indent: 1em;
	margin-bottom: 2em;
}
}
/*セパレーター*/
#separator {
	width: 100%;
	height: 300px;
}
.sp01 {
	background-size: cover;
	background-attachment: fixed;
	background-image: url(img/separator01.jpg);
}
.sp02 {
	background-size: cover;
	background-attachment: fixed;
	background-image: url(img/separator02.jpg);
}
.sp07 {
	background-size: cover;
	background-attachment: fixed;
	background-image: url(img/separator07.jpg);
}
.sp08 {
	background-size: cover;
	background-attachment: fixed;
	background-image: url(img/separator08.jpg);
}
/*パンくずリスト*/
#breadcrumb_list {
	display: block;
	font-size: 0.8em;
	width: 100%;
	margin-top: 2em;
	border-top: 1px solid #fff;
	padding: 20px 20px;
	text-align: center;
	color: #fff;
}
#breadcrumb_list li {
	display: inline;
}
#breadcrumb_list a {
	color: #fff;
	padding: 10px 20px;
	transition: 0.5s;
}
#breadcrumb_list li+li:before {
	content: "\f054";
	font-family: FontAwesome;
	color: #fff;
	padding-right: 1em;
}
#breadcrumb_list li a:hover {
	background-color: rgba(250,246,246,0.8);
	color: #333;
	transition: 0.5s;
	border-radius: 3px;
}


@media (min-width: 992px) {
#Content {
	background-color: #fff;
	z-index: 120;
	padding: 120px 0;
}
#Content_black{
		background-color: #000;
		z-index: 120;
		padding: 120px 0 0 0;
	}
	
#Footer {
	z-index: 120;
	background-image: url(img/footer_bg.jpg);
	background-attachment: fixed;
	background-size: cover;
	background-position: bottom center;
}
#Title {
	position: relative;
}
}
/*==========================
ページプリローダー
===========================*/
#loader-bg {
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	background: #fff;
	z-index: 5000;
}
#loader {
	display: none;
	position: fixed;
	top: 50%;
	left: 50%;
	width: 200px;
	height: 200px;
	margin-top: -100px;
	margin-left: -100px;
	text-align: center;
	color: #fff;
	z-index: 5100;
}
/*==========================
グローバルナビ　設定
===========================*/
header {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 200;
	width: 100%;
	height: 140px;
	background: none;
	transition: .5s;
}
header ul {
	color: #fff;
	transition: .5s;
	float: right;
	padding: 40px;
	font-weight: bold;
	font-size: 1.1em;
}
header li a {
	color: #fff;
	padding: 20px;
	display: block;
}
header li a:hover {
	background-color: #fff;
	opacity: 1;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	border-radius: 5px;
	color: #666;
}
header #header_logo {
	float: left;
	padding: 10px;
}
.is-animation {
	height: 90px;
	background-color: #000;
}
.is-animation ul {
	color: #fff;
	transition: .5s;
	text-align: right;
	padding: 25px 15px;
	font-weight: bold;
	font-size: 1.0em;
}
.is-animation li a {
	color: #fff;
	padding: 10px;
	display: block;
}
.is-animation li a:hover {
	background-color: #fff;
	opacity: 1;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	border-radius: 5px;
	color: #666;
}
#header_logo img {
	height: 70px;
	width: auto;
}
#overlay_menu {
	display: none;
}
/*トップページ　フルスクリーンスライド*/
/*トップページ　フルスクリーンスライド*/
.fullSlideShow {
	width: 100%;
	text-align: left;
	position: relative;
	overflow: hidden;
	z-index: -1;
}
.fullSlideShow ul {
	top: 50%;
	left: 50%;
	width: 100%;
	position: fixed; /* absolute or fixed */
	overflow: hidden;
}
.fullSlideShow ul li {
	top: 0;
	left: 0;
	width: 100%;
	display: none;
	position: absolute;
}
.fullSlideShow ul li img {
	width: 100%;
}
/* PagiNation
--------------------------- */
.pagiNation {
	bottom: 30px;
	left: 0;
	width: 100%;
	height: 15px;
	text-align: center;
	position: fixed;
	z-index: 90;
	visibility: hidden;
}
.pagiNation a {
	margin: 0 5px;
	width: 20px;
	height: 20px;
	display: inline-block;
	overflow: hidden;
	background: #000;
}
.pagiNation a.pnActive {
	filter: alpha(opacity=100)!important;
	-moz-opacity: 1!important;
	opacity: 1!important;
}
/* ClearFixElements*/
.fullSlideShow ul:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}
.fullSlideShow ul {
	display: inline-block;
	overflow: hidden;
}
/* ClearFixElements*/
.fullSlideShow ul:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}
.fullSlideShow ul {
	display: inline-block;
	overflow: hidden;
}
#top_logo {
	position: absolute;
	bottom: 100px;
	left: 100px;
}
#top_logo img {
	width: 250px;
	height: 444px;
}
/*==========================
フッター設定
===========================*/
#google_map, #map_canvas {
	height: 400px;
	width: 100%;
	z-index: 130;
}
#footer_name {
	padding: 30px 0;
	text-align: center;
	color: #fff;
}
#footer_name p {
	padding: 10px;
	color: #D5D162;
}
#footer_name address {
	font-size: 0.9em;
	padding: 10px;
}
#footer_name .tel-number {
	padding-left: 20px;
	font-family: Helvetica, Arial, "sans-serif";
	color: #D5D162;
	font-size: 1em;
}
#footer_menu, #footer_links, #calendar {
	padding: 20px 30px 40px 30px;
}
#footer_menu h4, #footer_links h4, #calendar h4 {
	font-size: 1.2em;
	text-align: center;
	color: #efefef;
	border: 1px solid #efefef;
	padding: 15px;
	margin-bottom: 1em;
	border-radius: 3px;
}
#footer_menu li a, #footer_links li a {
	padding: 15px;
	display: block;
	color: #fff;
	transition: 0.3s;
	border-bottom: 1px solid #fff;
}
#footer_menu li a:after, #footer_links li a:after {
	content: "\f138";
	font-family: FontAwesome;
	float: right;
	clear: both;
}
#footer_menu li a:hover, #footer_links li a:hover {
	background-color: #efefef;
	color: #333;
	transition: 0.3s;
}
.copyright {
	padding: 20px;
	text-align: center;
	font-size: 0.8em;
	color: #fff;
}
/* 拝観カレンダー*/
#calendar{
z-index:1000;
}
#explanatory_notes {
	font-size: 0.8em;
	color: #fff;
}
#explanatory_notes .calendar_mark_business {
	background-color: #fff;
	padding: 3px 6px;
	color: #333;
}
#explanatory_notes .calendar_mark_holiday {
	background-color: #E90205;
	padding: 3px 6px;
	color: #fff;
}
p.return_now a {
	clear: both;
	float: right;
	margin: 10px 0px;
	padding: 5px 10px;
	font-size: 1em;
	background-color: #6A6A6A;
	color: #fff;
	border-radius: 3px;
}
p .return_now:hover {
	background-color: #D5D162;
	color: #333;
}


/*==========================
トップページ設定
===========================*/
#greeting h2 {
	font-size: 2em;
	letter-spacing: 0.2em;
}
#greeting h3 {
	font-size: 1.3em;
	text-align: center;
	font-weight: bold;
	padding: 30px 0;
}
#greeting p {
	text-align: center;
	font-size: 1.1em;
	line-height: 2.5em;
}

/*コンテンツメニュー*/


@media (min-width: 992px) {
#content_menu {
	background-color: #000;
}
#syakyo_information {
	position: relative;
	overflow: hidden;
	height: 500px;
	padding: 0;
	margin: 0;
}
#syakyo_information:after {
	position: absolute;
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	top: 0;
	background-image: url(img/menu_syakyo.jpg);
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	background-size: cover;
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-ms-transition: all .3s ease-out;
	transition: all .3s ease-out;
}
#syakyo_information:hover:after, #unryuin_information:hover:after, #worship_information:hover:after, #ryugekai_information:hover:after {
	opacity: .6;
	-moz-transform: scale(1.2);
	-webkit-transform: scale(1.2);
	-ms-transform: scale(1.2);
	transform: scale(1.2);
	cursor: auto;
}
#unryuin_information, #worship_information, #ryugekai_information {
	position: relative;
	overflow: hidden;
	height: 500px;
	padding: 0;
	margin: 0;
}
#unryuin_information:after {
	position: absolute;
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	top: 0;
	background-image: url(img/menu_unryuin.jpg);
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	background-size: cover;
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-ms-transition: all .3s ease-out;
	transition: all .3s ease-out;
}
#worship_information:after {
	position: absolute;
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	top: 0;
	background-image: url(img/menu_worship.jpg);
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	background-size: cover;
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-ms-transition: all .3s ease-out;
	transition: all .3s ease-out;
}
#ryugekai_information:after {
	position: absolute;
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	top: 0;
	background-image: url(img/menu_ryugekai.jpg);
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	background-size: cover;
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-ms-transition: all .3s ease-out;
	transition: all .3s ease-out;
}
#menu_linkbox a {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	font-size: 1.2em;
	color: #fff;
	text-align: center;
	z-index: 130;
	opacity: 1;
	border: 1px solid #fff;
	padding: 15px 60px;
	transition: 0.3s;
	background-color: rgba(255,255,255,0.2);
}
#menu_linkbox a:hover {
	background-color: rgba(255,255,255,0.8);
	color: #666;
	border: 1px solid #fff;
	padding: 15px 60px;
	transition: 0.3s;
}
}
/*トップカバーヘッドライナー*/
#headliner{
	position: absolute;
	right: 50px;
	bottom: 100px;
	width: 40%;
}
#headliner h3{
	font-family: 'Oswald', sans-serif;
	font-size: 2.5em;
	font-weight: 400;
	color: #fff;
	padding: 1em 0;
}
#headliner dl{
	color: #fff;
}
#headliner dt{
	float: left;
	width: 120px;
	clear: both;
	padding: 15px 5px;
}
#headliner dd{
	padding: 10px 5px 10px 140px;
	border-bottom: 1px solid #fff;	
}
#headliner dd a{
	padding: 5px;
	color: #fff;
	display: block;
	transition: 0.3s;
}
#headliner dd a:hover{
	background-color: rgba(255,255,255,0.7);
	color: #333;
	transition: 0.3s;
}
/*新着情報抜粋表示*/
.cat_info {
	background-color: #A40E10;
}
.cat_news {
	background-color: #0CA5B0;
}
.cat_eventend {
	background-color: #5C205C;
}
.cat_admission {
	background-color: #438D03;
}
/*新着情報抜粋表示*/
#headlinenews {
	
}
#latest_news article{
	padding: 5px;
}
#latest_news article a{
	display: block;
	border: 1px solid #cdcdcd;
	padding: 10px;
	transition: 0.3s;
}
#latest_news article a:hover{
	background-color: #666;
	transition: 0.3s;
}
#latest_news article a #cat_icon {
	width: 100%;
	text-align: center;
	color: #fff;
	padding: 5px;
}
#latest_news_img {
	height: 200px;
	width: auto;
	overflow: hidden;
}
#latest_news article a #post_info {
	background-color: #fff;
}
#latest_news article a:hover #post_info {
	background-color: #666;
}
#latest_news article a .news_date {
	font-weight: bold;
	font-size: 0.9em;
	text-align: right;
	padding: 3px;
	background-color: #7E7E7E;
	color: #fff;
	margin-top: 5px;
}
#latest_news article a:hover .news_date {
	background-color: #fff;
	color: #666;
	
}
#latest_news article a h3 {
	height: 50px;
	overflow: hidden;
	color: #666;
	font-size: 1em;
	line-height: 1.4em;
	display: block;
	transition: 0.3s;
	background-color: #fff;
	padding: 10px 0;
}
#latest_news article a:hover h3 {
	color: #fff;
	transition: 0.3s;
	background-color: #666;
}


/*雲龍院の四季*/
@media (min-width: 992px) {
#four_seasons {
	background-color: #fff;
	padding: 0;
}
#four_seasons_photo {
	margin: 0px 0 0 0;
	position: relative;
}
#four_seasons_photo h3 {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	font-size: 1.1em;
	color: #fff;
	text-align: center;
	
	border: 1px solid #fff;
	padding: 15px 80px;
	background-color: rgba(252,250,250,0.5);
	transition: 0.5s;
}
#four_seasons_photo h3:after {
	content: "\f138";
	font-family: FontAwesome;
	float: right;
	clear: both;
}
#four_seasons_photo h3:hover {
	background-color: rgba(252,250,250,0.8);
	color: #000;
	transition: 0.5s;
}
}


/*SNSタイトル*/
.facebook_title {
	display: block;
	width: 100%;
	font-size: 1.4em;
	padding: 10px;
	text-align: center;
	color: #fff;
	background-color: #3B5998;
	margin-bottom: 1em;
}
.instagram_title {
	display: block;
	width: 100%;
	font-size: 1.4em;
	padding: 10px;
	text-align: center;
	color: #fff;
	background: linear-gradient( #400080, transparent),  linear-gradient(  200deg, #d047d1, #ff0000, #ffff00);
	margin-bottom: 1em;
}
/*==========================
雲龍院ご案内
===========================*/
.facility_name {
	font-size: 1.3em;
	text-align: left;
	padding: 15px 0;
	font-weight: bold;
	color: #732840;
}
legend {
	font-size: 1em;
	line-height: 1.3em;
	text-align: justify;
}
#precincts {
	height: 600px;
	margin-bottom: 10px;
}
#trim_box {
	overflow: hidden;
	width: 100%;/* トリミングしたい枠の幅 */
	height: 240px;/* トリミングしたい枠の高さ */
	position: relative;
}
/*年中行事*/
@media (min-width: 992px) {
	
#season_event {
	padding: 0;
	margin: 0;
}
#season_event #tab {
	display: table;
	table-layout: fixed;
	text-align: center;
	width: 100%;
}
#season_event #tab li {
	display: table-cell;
	vertical-align: middle;
}
#season_event #tab .event_month {
	font-size: 0.9em;
	padding: 10px 0 0 0;
}
#season_event #tab li a {
	color: #A9A654;
	display: block;
	font-size: 1.3em;
	text-decoration: none;
	padding: 20px 0;
	background-color: #efefef;
	transition: 0.5s
}
#season_event #tab li a:hover {
	background: #A9A654;
	color: #fff;
}
#season_event #tab li.active, #season_event #tab li.active a, #season_event #tab li.active a:hover {
	background: #c81528;
	color: #fff;
}
.tabbox {
	display: none;
}
#event_wrap {
	clear: both;
	overflow: hidden;
	background: #fff;
	padding: 40px 25px 0 25px;
	margin: 0;
	border: #A4A4A4 1px solid;
	margin: 10px 0;
}
#event_details {
	padding: 0;
	margin-bottom: 80px;
	transition: 0.5s;
}
#event_details:last-child {
	padding: 0;
	margin-bottom: 40px;
	transition: 0.5s;
}
#event_details h4 {
	font-size: 1.4em;
	text-align: left;
	padding: 15px 0;
	color: #732840;
	font-weight: bold;
}
#event_details #event_date {
	font-family: Helvetica, Arial, "sans-serif";
	font-size: 1.8em;
	background-color: #7A7A7A;
	padding: 5px 10px;
	color: #fff;
	border-radius: 3px;
}
#event_details .event_text {
	padding: 1em 0;
	font-size: 1em;
	line-height: 1.3em;
	text-align: justify;
}
#event_list .tabs li {
	display: block;
	padding: 15px;
	background-color: #EEEEEE;
	color: #666;
	transition: 0.5s;
}
#event_list .tabs li:hover {
	background-color: #868686;
	color: #fff;
}
#event_list .tabs li:after {
	float: right;
	clear: both;
	content: "\f105";
	font-family: FontAwesome;
}
#event_list {
	overflow: hidden;
}
#event_list .active {
	background-color: #732840;
	color: #fff;
}
#event_guide {
	border: 1px solid #cdcdcd;
}
#event_guide th {
	border: 1px solid #FFF;
	background-color: #cdcdcd;
	font-weight: bold;
	padding: 10px;
	vertical-align: middle;
	text-align: center;
	width: 25%;
}
#event_guide td {
	border: 1px solid #cdcdcd;
	padding: 10px;
	line-height: 1.3em;
	width: 75%;
}
#event_thumbnail {
	display: table;
	table-layout: fixed;
	text-align: center;
	width: 100%;
}
#event_thumbnail li {
	display: table-cell;
	vertical-align: middle;
	width: 100%;
}
.caution {
	background-color: #E20206;
	padding: 7px;
	color: #fff;
	margin-bottom: 1em;
}
}

/*雲龍院概要*/
#outline table {
	border-top: 2px solid #cdcdcd;
	border-bottom: 2px solid #cdcdcd;
}
#outline th {
	padding: 15px;
	border-bottom: 1px solid #cdcdcd;
	width: 20%;
	text-align: center;
	letter-spacing: 1em;
}
#outline td {
	padding: 15px;
	border-bottom: 1px solid #cdcdcd;
	width: 80%;
}
#outline th:last-child {
	border-bottom: none;
}

/*===================================
参拝ご案内
====================================*/
/*拝観ガイド*/


@media (min-width: 992px) {
#admission_guide {
	font-size: 1em;
	width: 100%;
	margin: 2em 0;
	padding: 25px;
	border: 7px solid #cdcdcd;
	box-sizing: border-box;
}
#admission_guide dt {
	padding: 15px;
	width: 150px;
	text-align: center;
	float: left;
	clear: both;
	color: #732840;
	line-height: 1.7em;
}
#admission_guide dd {
	padding: 15px 15px 15px 180px;
	border-bottom: 1px solid #cdcdcd;
	line-height: 1.7em;
}
}
/*雲龍院アクセスマップ*/
#accese_map, #map_canvas2 {
	height: 500px;
	width: 100%;
	padding: 0px;
}
/*アクセス方法*/
#accese_route {
	padding: 20px 15px;
}
#accese_route h5 {
	font-size: 1.3em;
	font-weight: bold;
	margin-bottom: 1em;
	border: 3px solid #cdcdcd;
	padding: 15px;
	border-radius: 5px;
	text-align: center;
}
#accese_route li {
	font-size: 1em;
}
#accese_route i {
	margin-right: 0.5em;
}
#accese_route .walk_icon {
	background-color: #6A6A6A;
	color: #fff;
	padding: 5px 15px;
	border-radius: 3px;
	margin-right: 5px;
}
#accese_route .station {
	padding: 10px;
	background-color: #0CA5B0;
	border-radius: 5px;
	margin: 10px 0;
	text-align: center;
	color: #fff
}
#accese_route .interchange {
	padding: 10px;
	background-color: #01532F;
	border-radius: 5px;
	margin: 10px 0;
	text-align: center;
	color: #fff
}
#accese_route .keihan {
	padding: 10px;
	background-color: #0C9B13;
	color: #fff;
	border-radius: 5px;
	margin: 10px 0;
	text-align: center;
}
#accese_route .kintetsu {
	padding: 10px;
	background-color: #732840;
	color: #fff;
	border-radius: 5px;
	margin: 10px 0;
	text-align: center;
}
#accese_route .jr_naraline {
	background-color: #A4581F;
	color: #fff;
	padding: 5px 15px;
	border-radius: 3px;
	margin-right: 5px;
}
#accese_route .keihan_line {
	background-color: #438D03;
	color: #fff;
	padding: 5px 15px;
	border-radius: 3px;
	margin-right: 5px;
}
#accese_route .route {
	background-color: #969090;
	color: #fff;
	padding: 5px 15px;
	border-radius: 3px;
	margin-right: 5px;
}
#accese_route .kyoto_citybas {
	background-color: #EEC623;
	color: #333;
	padding: 5px 15px;
	border-radius: 3px;
	margin-right: 5px;
}
#accese_route .crosspoint {
	padding: 10px;
	background-color: #3F4D94;
	color: #fff;
	border-radius: 5px;
	margin: 10px 0;
	text-align: center;
}
#accese_route .busstop {
	padding: 10px;
	background-color: #BAEDCD;
	color: #333;
	border-radius: 5px;
	margin: 10px 0;
	text-align: center;
}
#accese_route .goal {
	padding: 10px;
	background-color: #E00206;
	color: #fff;
	border-radius: 5px;
	margin: 10px 0;
	text-align: center;
	font-weight: bold;
}
#accese_route .train, #accese_route .bus, #accese_route .car {
	text-align: center;
	font-weight: bold;
}
#accese_route .walk {
	text-align: center;
	font-weight: bold;
}
#accese_route .train:before, #accese_route .walk:before, #accese_route .bus:before, #accese_route .car:before {
	display: block;
	content: "\f063";
	font-family: FontAwesome;
	padding-bottom: 10px;
	color: #B6B594;
}
#accese_route .train:after, #accese_route .walk:after, #accese_route .bus:after, #accese_route .car:after {
	padding-top: 10px;
	display: block;
	content: "\f063";
	font-family: FontAwesome;
	color: #B6B594;
}

@media (min-width: 992px) {
	.syakyo_intro{
	background-image: url(img/image_syakyo01.jpg);
	background-size: cover;
	height: 900px;
}
#syakyo_headcopy{
	padding: 100px 100px;
}
	#syakyo_headcopy h3{
	color: #fff;
	font-size: 2em;
	margin-bottom: 1.5em;
	font-family:  "Yu Mincho", "YuMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","ＭＳ Ｐ明朝", "MS PMincho", "serif"
}
#syakyo_headcopy .syakyo_sentence{
	font-size: 1.0em;
	line-height: 1.7em;
	color: #fff;
}
}

#experience h5{
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","ＭＳ Ｐ明朝", "MS PMincho", "serif";
	font-size: 1.3em;
	text-align: center;
	width: 160px;
	height: 160px;
	border: 1px solid #666;
	color: #666;
	padding: 70px 0;
	margin: 2em auto 2em auto;
	border-radius: 80px;
	display: block;
	vertical-align: middle;
}
.att {
  padding-left: 1em;
  text-indent: -1em;
}
/*===================================
サイドバー
====================================*/
#sidebar {
	text-align: left;
	list-style: none;
}
#sidebar .widget-title {
	text-align: left;
	font-size: 1.4em;
	padding: 15px 0;
	border-bottom: 2px solid #aaa;
	margin-bottom: 10px;
}
#sidebar .widget {
	margin-bottom: 40px;
}
.count {
	font-family: Helvetica, Arial, "sans-serif";
}
/*最近の投稿*/
#lastest_post li a {
	line-height: 1.7em;
}
#lastest_post li a, #archive_list li a, #category_list li a {
	padding: 10px 7px;
	border-bottom: 1px solid #efefef;
	display: block;
	color: #666;
	transition: 0.3s;
}
#lastest_post a:hover, #archive_list a:hover, #category_list a:hover {
	background-color: #6A6A6A;
	color: #fff;
	border-radius: 3px;
	text-decoration: none;
	transition: 0.3s;
}
#lastest_post li i {
	float: right;
	clear: both;
	font-size: 1.6em;
}
#lastest_post .new_mark2 {
	background-color: #ee0202;
	color: #fff;
	padding: 3px;
	margin-right: 5px;
	text-align: center;
	width: 50px;
	border-radius: 3px;
}
/*カテゴリー*/
#category_list li .count, #archive_list li .count {
	float: right;
	clear: both;
	font-size: 1.2em;
}
/*検索フォーム*/
#sidebar .widget_search label {
	display: none;
}
#sidebar #post_search {
	position: relative;
	width: 100%;
	border: 1px solid #cdcdcd;
	padding: 3px;
}
#post_search input[type="text"] {
	font-size: 1.4em;
	padding: 5px;
	width: 80%;
	display: block;
	float: left;
	border: none;
}
#post_search input[type="submit"] {
	font-family: FontAwesome;
	background-color: #6A6A6A;
	color: #fff;
	padding: 10px;
	width: 20%;
	font-size: 1.4em;
}


/*===================================
新着情報
====================================*/
/*新着情報一覧*/
#news_list {
}
#news_list li a {
	color: #666;
	display: block;
	transition: 0.3s;
	padding: 20px;
	border: 1px solid #cdcdcd;
	margin-bottom: 50px;
}
#news_list .news_title {
	font-size: 1.4em;
	text-align: left;
	color: #6A6A6A;
	padding: 15px 0px 15px 0;
	font-weight: bold;
	margin-bottom: 0.5em;
}
#news_list p {
	font-size: 1em;
	text-align: justify;
	line-height: 1.5em;
}
#post_info {
	background-color: #e6e6e6;
	margin-bottom: 1em;
	padding: 0px;
}
#post_info li {
	display: inline;
}
#post_info .news_cat_icon span {
	font-size: 0.8em;
	line-height: 1.2em;
	padding: 5px 20px;
	color: #fff;
	width: 150px;
	text-align: center;
	margin: 0;
	display: inline-block;
}
#post_info .post_date {
	font-family: Helvetica, Arial, "sans-serif";
	padding: 7px;
	line-height: 1.2em;
	font-size: 1em;
}
.read_more {
	width: 100%;
	padding: 10px 10px;
	text-align: center;
	border: 1px solid #666;
	border-radius: 3px;
	margin-top: 1em;
	transition: 0.3s
}
/*ホバー時*/
#news_list li a:hover {
	background-color: #6A6A6A;
	color: #fff;
	transition: 0.3s;
}
#news_list li a:hover .news_title {
	color: #fff;
	transition: 0.3s;
}
#news_list li a:hover .post_date {
	color: #666;
}
#news_list li a:hover .read_more {
	background-color: #cdcdcd;
	color: #666;
	transition: 0.3s;
}
/*===================================
新着情報個別表示
====================================*/
#news_post {
}
#news_post h4 {
	font-size: 1.3em;
	color: #666;
	font-weight: bold;
	padding: 10px 0;
}
#news_post img {
	width: 100%;
	height: auto;
	margin: 10px 0px;
}
#news_post p {
	font-size: 1em;
	line-height: 1.5em;
	text-align: justify;
	text-indent: 1em;
}
/*===================================
龍華会ご案内
====================================*/
/*龍華会ご案内定義リスト*/
@media (min-width: 992px) {
#ryugekai dl{
	line-height: 1.9em;
	
}
#ryugekai dl dt{
	float: left;
	width: 150px;
	text-align: left;
	line-height: 1.9em;
	color: #A9A654;
	padding: 0.5px 0;
	clear: both;
}
#ryugekai dl dd{
	padding-left: 180px;
	border-bottom: 1px solid #cdcdcd;
	line-height: 1.9em;
	padding: 0.5px 0;
}
}
/*龍華会ご案内リスト*/
#ryugekai ul li{
	line-height: 1.9em;
	border-bottom: 1px solid #cdcdcd;
	padding: 0.5px 0;
}
#ryugekai li:before{
	content: "\f058";
	font-family: FontAwesome;
	margin-right: 0.7em;
	color: #A9A654;
}
/*龍華会会則*/
#regulations{
	border: 1px solid #cdcdcd;
	padding: 15px;
	margin: 2em 0;
}
#regulations h5{
	font-size: 1.2em;
	font-weight: bold;
	padding: 0.5em;
	display: block;
	background-color: #cdcdcd;
	margin: 10px 0;
}
#regulations h5 small{
	font-weight: bold;
}
#regulations p{
	font-size:1em;
	line-height: 1.5em;
	text-align: justify;
}
/*===================================
龍華堂ご案内
====================================*/
/*龍華堂ご案内定義リスト*/
@media (min-width: 992px) {
#ryugedou dl{
	line-height: 1.9em;
	
}
#ryugedou dl dt{
	float: left;
	width: 150px;
	text-align: left;
	line-height: 1.9em;
	color: #A9A654;
	padding: 0.5em 0;
	clear: both;
}
#ryugedou dl dd{
	padding-left: 180px;
	border-bottom: 1px solid #cdcdcd;
	line-height: 1.9em;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	padding-right: 0;
}
}
/*龍華堂ご案内リスト*/
#ryugedou .listtype li{
	line-height: 1.9em;
	border-bottom: 1px solid #cdcdcd;
	padding: 0.5px 0;
}
#ryugedou .listtype li:before{
	content: "\f058";
	font-family: FontAwesome;
	margin-right: 0.7em;
	color: #A9A654;
}
#ryugedou #ryugedou_images{
	display: table;
	width: 100%;
	table-layout: fixed;
	padding: 30px 0;
	border-spacing: 5px;
}
#ryugedou #ryugedou_images li{
	display: table-cell;
}

/*===================================
お問い合わせ
====================================*/
@media (min-width: 992px) {
/*フォーム本体*/
#form_wrap {
	border: 1px solid #cdcdcd;
}
#form_wrap dl{
	padding: 15px;
}
#form_wrap p{
	font-size: 1.1em;
	padding: 30px 0px;
}
#form_wrap h4{
	font-size:1.1em;
	font-weight: bold;
	color: #127945;
	padding: 15px 0;
}
#form_wrap .form_text,
#form_wrap .form_textarea{
	font-size;1.1em;
	padding: 5px;
	width: 100%;
	border: 1px solid #cdcdcd;
}
#form_wrap .form_text_zip{
	font-size;1.1em;
	padding: 5px;
	border: 1px solid #cdcdcd;
}
#form_wrap .input_addr{
	width: 100%;
	float: left;
}
#form_wrap .form_text_pref{
	font-size;1.1em;
	padding: 5px;
	border: 1px solid #cdcdcd;
	width: 20%:
}
#form_wrap .form_text_addr{
	font-size;1.1em;
	padding: 5px;
	border: 1px solid #cdcdcd;
	width: 80%:
}
#form_wrap dt .hissu{
	font-size:0.8em;
	background-color: #EC7E26;
	color: #fff;
	padding: 0 5px;
	border-radius: 3px;
	float: right;
}
#form_wrap dt{
	width:230px;
	float: left;
	clear: left;
	font-size:1.1em;
	border-bottom: 3px solid #127945;
	padding: 10px 0;
	margin-bottom: 0.5em;
	line-height: 1.7em;
	color: #666;
	}
#form_wrap dd{
	font-size:1.1em;
	padding: 13px 0 10px 250px;	
	margin-bottom: 0.5em;
	line-height: 1.7em;
}

/*フォームフロー*/
#contact_flow{
	padding: 0;
}
#contact_flow ul{
	display:table;	
	table-layout: fixed;
	width: 100%;
	padding: 1em 0;
	
}
#contact_flow li{
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	padding: 0.7em;
	font-weight: bold;
	background-color: #cdcdcd;
	color: #efefef;
}
#contact_flow ul > .active{
	background-color:#0A5A32;
}
#formset input:focus,
#formset input[type="text"]:focus,
#formset input[type="email"]:focus,
#formset textarea:focus{
	background-color: #fffcd1;
	border: 1px solid #666;
}
/*プライバシーポリシーの同意*/
#privacy_policy_check h5{
		text-align: center;
		padding: 10px;
		border: 1px solid #666;
		display: block;
		width: 100%;
		cursor: pointer;
	margin-bottom: 20px;
}
#privacy_policy_check h5:hover{
		background-color: #efefef;
}
#privacy_policy_check #privacy_policy{
		border: 4px solid #cdcdcd;
	}
#privacy_policy_check #privacy_policy p,
#privacy_policy_check #privacy_policy ul{
		padding: 15px;
		background-color: #fff;
		line-height: 1.3em;
	font-size:0.8em;
	}
#form_wrap #link_btn{
	margin: 20px 0;
}
/*確認画面*/
	.mw_wp_form_preview dd {
	margin-left: 200px;
	margin-bottom: 0.5em;
	text-align: left;
	font-size: 1.1em;
    border: 1px solid #cdcdcd;
    padding:10px 10px 0px 10px;
}
 .mw_wp_form_preview #privacy_policy_check{
   display:none;
  }
#form_wrap #error_message{
	background-color: #fffde5;
	border: 2px solid #D90C0C;
	padding: 15px;
}
#form_wrap #error_message .error{
	font-size: 1em;
	line-height: 1.4em;
	display: block;
	color: #D90C0C;
}
/*完了画面*/
#form_wrap .send_end{
	text-align: center;
	font-size:1.2em;
	padding: 40px 0;
}
#form_wrap .send_message{
	font-size: 1em;
	line-height: 1.4em;
	text-align: justify;
	padding: 0 80px; 
	margin-bottom: 1em;
}
#inquery{
	padding: 15px;
	border: 5px solid #cdcdcd;
	margin: 80px;
}
#inquery h5{
	text-align: center;
	font-size: 1.2em;
	padding: 15px;
	font-weight: bold;
}
#inquery address{
	text-align: center;
	font-size: 2em;
	font-weight: bold;
	color: #0A5A32;
}
#inquery small{
	text-align: center;
	font-size: 0.8em;
	display: block;
	background-color: #cdcdcd;
	color: #fff;
	padding: 5px 15px;
}
}


/*雲龍院の四季*/
#gallery{
	padding: 0 25px;
}
#season_photo{
	padding: 10px 10px;
}
#profile{
	background-color: #340506;
	padding: 20px 0;
}
.profile_name{
	font-size: 1.5em;
	color: #fff;
	padding: 15px 0;
}
.profile_text{
	font-size: 0.8em;
	color: #fff;
	letter-spacing: 0.2em;
	line-height: 1.4em;
}
#season_select{
	padding: 60px 0;
}
#season_select ul{
	display: table;
	table-layout: fixed;
	text-align: center;
	width: 100%;
	padding: 0 15px;
}
#season_select li{
	display: table-cell;
	padding:0;	
}
#season_select li a{
	border: 1px solid #fff;
	color: #fff;
	display: block;
	padding: 15px;
	transition: 0.3s;
}
#season_select li a:hover{
	background-color: #fff;
	color: #666;
	transition: 0.3s;
}
#season_select li a.active{
	background-color:#D5D162;
	color: #666;
	transition: 0.3s;
}

/*SNSタイトル*/
.facebook_title {
	display: block;
	width: 100%;
	font-size: 1.4em;
	padding: 10px;
	text-align: center;
	color: #fff;
	background-color: #3B5998;
	margin-bottom: 1em;
}
.fb_iframe_widget,
.fb_iframe_widget span,
.fb_iframe_widget iframe[style]{
  width: 100% !important;
}

.instagram_title {
	display: block;
	width: 100%;
	font-size: 1.4em;
	padding: 10px;
	text-align: center;
	color: #fff;
	background: linear-gradient( #400080, transparent),  linear-gradient(  200deg, #d047d1, #ff0000, #ffff00);
	margin-bottom: 1em;
}
.tripadviser_title{
	display: block;
	width: 100%;
	font-size: 1.4em;
	padding: 10px;
	text-align: center;
	color: #fff;
	background-color: #3fc759;
	margin-bottom: 1em;
}
#TA_wrap{
	width: 100%;
	height: 400px;
	border: 1px solid #3fc759;
	padding: 15px;
	overflow-y: auto;
	
}