@charset "UTF-8";

/*
Theme Name: 臨済宗妙心寺派 白華山禅叢寺
Description: 静岡市清水区臨済宗妙心寺派白華山禅叢寺さまのWebサイトです。
*/

/**********************************************************************************

	reset
	
***********************************************************************************/
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;
}*/
ol, 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;
}
ins {
    background-color: #ff9;
    color: #000;
    text-decoration: none;
}
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;
}
caption, th { text-align: left; }
hr {
    display: block;
    height: 1px;
    border: 0;  
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}
input, select { vertical-align:middle; }
input, textarea {
	margin: 0;
	padding: 0;
}
img {
    vertical-align: top;
    font-size: 0;
    line-height: 0;
    max-width: 100%;
	height: auto;
}
a:hover img {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
}
img {
	-webkit-transition: 0.6s;
	transition: 0.6s; 
}
*, *:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

/*** cleafix
*********************************************************************************/
.clearfix, div, ul, dl, ol { zoom: 1; }
.clearfix:after {
	content: "";
	display: block;
	clear: both;
}

/*** 初期設定
*********************************************************************************/
html, body { height: 100%; }
html { font-size: 62.5%;/*10px*/ }
body {
	font-family:"メイリオ", Meiryo, "KozGoPro-Light", "小塚ゴシック Pro L", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic,  sans-serif;
	font-size: 16px;
	font-size: 1.6rem;
	-webkit-text-size-adjust:none;
	line-height: 1.5;
	color: #666;
}

/*** link
***********************************************************************************/
a:link,
a:visited,
a:hover,
a:active {
	color: #666600;
}

/**********************************************************************************

	layout
	
***********************************************************************************/
#main {}
#main-in { padding-left: 200px; }
#global-head {
	position: fixed;
	width: 200px;
	text-align: center;
	padding-top: 25px;
	z-index: 100;
}
#sidebar {
	padding-top: 255px;/*トップからの位置*/
	width: 200px;
	height: 100%;
	position: fixed;
	overflow-y: scroll;
	background: #fff;
	border-right: 1px solid #d1d1d1;
	text-align: center;
}
.inner {
	width: 1200px;
	padding: 0 100px;
	margin: 0 auto;
}

/** media Queries
=====================================================================*/
@media only screen and (max-width: 980px) {

#main-in { padding-left: 0; }
#global-head {
	width: 100%;
	padding: 10px;
	background: rgba(255,255,255,.8);
	display: -webkit-flex;
	display: flex;
	z-index: 1500;
}
#sidebar {
	/*display: none;*/
	position: fixed;
	right: -300px;
	top: 0;
	height: 100%;
	width: 300px;
	padding-top: 60px;
	background: #fff;
	-webkit-transition: .35s ease-in-out;
	transition: .35s ease-in-out;
}
.inner { 
	width: 100%;
	min-width: 100%;
	padding: 0 15px;
	margin: 0 auto;
}
}

/**********************************************************************************

	gNav
	
***********************************************************************************/
#global-nav ul {
	list-style: none;
	margin: 0 auto;
	width: 160px;
}
#global-nav > ul > li {
	position: relative;
}
#global-nav ul li.sp { display: none; }
#global-nav a {
	color: #111;
	text-decoration: none;
	display: block;
	/*padding: 15px 0;*/
	height: 51px;
	line-height: 51px;
	border-top: 1px solid #eaeaea;
	font-size: 1.6rem;
	font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
	-moz-transition: background-color .3s linear;
	-webkit-transition: background-color .3s linear;
	transition: background-color .3s linear;
}
#global-nav a img { vertical-align: middle; }
#global-nav a:hover { color: #666600; }
/* nav-toggle */
#nav-toggle {
	display: none;
	position: fixed;
	top: 15px;
	right: 15px;
	height: 32px;
}
#nav-toggle > div {
	position: relative;
	width: 32px;
}
#nav-toggle span {
	width: 100%;
	height: 2px;
	left: 0;
	display: block;
	background: #111;
	position: absolute;
	-webkit-transition: .35s ease-in-out;
	-moz-transition: .35s ease-in-out;
	transition: .35s ease-in-out;
}
#nav-toggle span:nth-child(1) { top: 0; }
#nav-toggle span:nth-child(2) { top: 11px; }
#nav-toggle span:nth-child(3) { top: 22px; }
#overlay {
	display: none;
	position: fixed;
	background: rgba(0,0,0,.6);
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

/** media Queries
=====================================================================*/
@media only screen and (max-width: 980px) {

#global-nav ul li.sp { display: block; }
#global-nav a {
	height: 60px;
	line-height: 60px;
}
#nav-toggle { display: block }
/* nav open */
.open { overflow: hidden; }
.open #overlay { display: block; }
.open #sidebar  {
	-webkit-transform: translate3d(-300px,0,0);
	transform: translate3d(-300px,0,0);
}
/* #nav-toggle close */
.open #nav-toggle span:nth-child(1) {
	top: 11px;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	transform: rotate(45deg);
}
.open #nav-toggle span:nth-child(2) {
	width: 0;
	left: 50%;
}
.open #nav-toggle span:nth-child(3) {
	top: 11px;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
/* z-index */
#overlay { z-index: 2000; }
#sidebar { z-index: 3000; }
#nav-toggle { z-index: 4000; }

}

/** media Queries
=====================================================================*/
@media only screen and (max-width: 480px) {

#sidebar {
	right: -200px;
	width: 200px;
	padding-top: 60px;
}
.open #sidebar  {
	-webkit-transform: translate3d(-200px,0,0);
	transform: translate3d(-200px,0,0);
}
}

/**********************************************************************************

	slider / mainVisual
	
***********************************************************************************/
#slide {
	width: auto;
	height: 700px;
	margin: 0;
	clear: both;
	position: relative;
}
#slider02 li {
	width: auto;
	height: 700px;
	background: left / cover no-repeat;
	background-position: center top;
	overflow: hidden;
}
#slide .copy {
	position: absolute;
	top: 50px;
	right: 50px;
	z-index: 1000;
}
#mainVisual { 
	width: 100%;
	/*min-width: 1100px;*/
	*overflow: hidden;
	margin-bottom: 70px;
}
#mainVisual .inner { 
	width: auto;
	height: 460px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	margin: 0 auto;
	display: flex;
	justify-content: center;
	align-items: center;
}
.yurai #mainVisual .inner { background-image: url(yurai/mainVisual.jpg); }
.keidai #mainVisual .inner { background-image: url(keidai/mainVisual.jpg); }
.event #mainVisual .inner { background-image: url(event/mainVisual.jpg); }
.zengo #mainVisual .inner { background-image: url(zengo/mainVisual.jpg); }
.suruga #mainVisual .inner { background-image: url(suruga/mainVisual.jpg); }
.access #mainVisual .inner { background-image: url(access/mainVisual.jpg); }
.contact #mainVisual .inner { background-image: url(contact/mainVisual.jpg); }
.privacy #mainVisual .inner { background-image: url(privacy/mainVisual.jpg); }
.sitemap #mainVisual .inner { background-image: url(sitemap/mainVisual.jpg); }

/** media Queries
=====================================================================*/
@media only screen and (max-width: 980px) {

#slide, #mainVisual { 
	width: 100%;
	min-width: 100%;
	height: 100%;
}
#slide .copy { top: 140px; }

}

/** media Queries
=====================================================================*/
@media only screen and (max-width: 480px) {

#mainVisual .inner { 
	height: 310px;
}
}

/**********************************************************************************

	contents
	
***********************************************************************************/
.section {}
.sectionTitle01 {
	color: #111;
	font-size: 2.2rem;
	font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
	line-height: 1.0;/*←これ大事*/
	background: url(common/bg_sectionTitle01.png) 0 2px no-repeat;
	padding: 0 0 10px 18px;
	border-bottom: 1px solid #ddd;
	margin-bottom: 25px;
}
.sectionTitle02 {
	color: #111;
	font-size: 2.1rem;
	font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
	line-height: 1.0;/*←これ大事*/
	background: url(common/bg_sectionTitle01.png) 0 2px no-repeat;
	padding: 0 0 10px 18px;
	border-bottom: 1px solid #ddd;
	margin-bottom: 25px;
}

/**********************************************************************************

	home
	
***********************************************************************************/
#pickup { 
	width: 100%;
	margin-bottom: 70px;
}
#pickup ul { display: flex; }
#pickup ul li { width: 25%; }
#utilityArea { margin-bottom: 80px; }
#utilityArea .inner {
	display: flex;
	justify-content: space-between;
}
#utilityArea .announce { width: 62%; }
#utilityArea .fb { width: 34%; }
.announce ul li {
	display: flex;
	justify-content: space-between;
}
.announce ul li:not(:last-of-type) { margin-bottom: 60px; }
.announce .eyecatch { width: 29.0322581%; }
.announce .txt { width: 67.7419355%; }
.announce .txt h2 {
	color: #111;
	font-size: 2.4rem;
	font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
	line-height: 1.0;
	background: url(common/bg_sectionTitle01.png) 0 2px no-repeat;
	padding: 0 0 10px 18px;
	border-bottom: 1px solid #ddd;
	margin-bottom: 25px;
}
.announce .txt a { color: #666600; }

/** media Queries
===================================================================================*/
@media screen and (max-width: 980px) {

#pickup ul { flex-direction: column; }
#pickup ul li { width: 100%; }
#pickup ul li img { width: 100vw; }/*親要素に影響されずに描画領域の横幅いっぱいに広げる*/
#utilityArea .inner { flex-direction: column; }
#utilityArea .announce { 
	width: 100%;
	margin-bottom: 80px; 
}
#utilityArea .fb { 
	width: 100%;
	margin: 0 auto;
	text-align: center;
}
}

/** media Queries
===================================================================================*/
@media screen and (max-width: 480px) {

.announce ul li { flex-direction: column; }
.announce .eyecatch, .announce .txt { width: 100%; }
.announce .eyecatch { margin-bottom: 20px; }

}

/**********************************************************************************

	yurai
	
***********************************************************************************/
#about { margin-bottom: 70px; }
#about .contentsBox { 
	display: flex;
	justify-content: space-between;
}
#about .contentsBox .txt { width: 29%; }
#about .contentsBox .photo { width: 67%; }
#about .contentsBox .txt dl,
#about .contentsBox .txt dt,
#about .contentsBox .txt dd {
	border: 1px none #ccc;
}
#about .contentsBox .txt dt,
#about .contentsBox .txt dd {
	margin: 0;
	border-top: 1px solid #ccc;
	padding: 15px;
}
#about .contentsBox .txt dl {
	display: flex; 
	flex-wrap: wrap;
	border-bottom:1px solid #ccc;
}
#about .contentsBox .txt dt {
	width: 27.5862068966%;
	background: #eee;
	font-weight: bold;
}
#about .contentsBox .txt dd {
	width: 72.4137931034%;
}
#about .contentsBox .photo ul {
	display: flex;
	justify-content: space-between;
}
#about .contentsBox .photo ul li {
	height: 339px;
	overflow: hidden;
}
#about .contentsBox .photo ul li:first-of-type { width: 64.1791044776%; }
#about .contentsBox .photo ul li:nth-of-type(2) { width: 34.328358209%; }
.yuraiBox:not(:last-of-type) { margin-bottom: 80px; }
.yuraiBox p { text-indent: 1em; }
.yuraiBox:nth-of-type(2),
.yuraiBox:nth-of-type(3),
.yuraiBox:nth-of-type(4) { 
	display: flex;
	justify-content: space-between;
}
.yuraiBox:nth-of-type(3) { flex-direction: row-reverse; }
.yuraiBox:nth-of-type(2) .photo { width: 30%; }
.yuraiBox:nth-of-type(3) .photo { width: 52%; }
.yuraiBox:nth-of-type(3) .photo ul {
	display: flex;
	justify-content: space-between;
}
.yuraiBox:nth-of-type(3) .photo ul li { width: 49.0384615385%; }
.yuraiBox:nth-of-type(2) .txt { width: 66%; }
.yuraiBox:nth-of-type(3) .txt { width: 44%; }
.yuraiBox:nth-of-type(4) .photo { width: 52%; }
.yuraiBox:nth-of-type(4) .txt { width: 44%; }
.yuraiBox:nth-of-type(4) .photo ul { 
	display: flex;
	justify-content: space-between;
}
.yuraiBox:nth-of-type(4) .photo ul li { width: 49.0384615385%; }
.yuraiBox figure img { margin-bottom: 5px; }
.yuraiBox figcaption { text-align: center; }

/** media Queries
===================================================================================*/
@media screen and (max-width: 980px) {

#about .contentsBox { flex-direction: column; }
#about .contentsBox .txt,
#about .contentsBox .photo { 
	width: 100%;
}
#about .contentsBox .txt { margin-bottom: 40px; }

}

/** media Queries
===================================================================================*/
@media screen and (max-width: 768px) {

.yuraiBox:nth-of-type(2),
.yuraiBox:nth-of-type(3),
.yuraiBox:nth-of-type(3) .photo ul,
.yuraiBox:nth-of-type(4) { 
	flex-direction: column-reverse;
}
.yuraiBox:nth-of-type(2) .photo,
.yuraiBox:nth-of-type(3) .photo,
.yuraiBox:nth-of-type(3) .photo ul li,
.yuraiBox:nth-of-type(4) .photo,
.yuraiBox:nth-of-type(2) .txt,
.yuraiBox:nth-of-type(3) .txt,
.yuraiBox:nth-of-type(4) .txt {
	width: 100%;
}
.yuraiBox:nth-of-type(2) .txt,
.yuraiBox:nth-of-type(3) .txt,
.yuraiBox:nth-of-type(4) .txt {
	margin-bottom: 40px;
}
.yuraiBox:nth-of-type(3) .photo figure:first-of-type,
.yuraiBox:nth-of-type(4) .photo figure:first-of-type { 
	margin-bottom: 10px; 
}
}

/** media Queries
===================================================================================*/
@media screen and (max-width: 480px) {

#about .contentsBox .photo ul {
	flex-direction: column;
}
#about .contentsBox .photo ul li { height: auto; }
#about .contentsBox .photo ul li:first-of-type,
#about .contentsBox .photo ul li:nth-of-type(2) {
	width: 100%;
}
#about .contentsBox .photo ul li:first-of-type { margin-bottom: 10px; }
.yuraiBox:nth-of-type(4) .photo ul { flex-direction: column; }
.yuraiBox:nth-of-type(4) .photo ul li { width: 100%; }
.yuraiBox:nth-of-type(4) .photo ul li:first-of-type { margin-bottom: 10px; }

}

/**********************************************************************************

	keidai
	
***********************************************************************************/
.keidai .lead {
	text-align: center;
	margin-bottom: 80px;
}
.keidai .lead figure img { margin-bottom: 30px; }
.keidaiBox {
	display: flex;
	justify-content: space-between;
}
.keidaiBox:not(:last-of-type) { margin-bottom: 80px; }
.keidaiBox:nth-of-type(2n) { flex-direction: row-reverse; }
.keidaiBox .txt p { text-indent: 1em; }
.keidaiBox:first-of-type .txt { width: 30%; }
.keidaiBox:first-of-type .photo { width: 66%; }
.keidaiBox:first-of-type .photo .box01 { margin-bottom: 10px; }
.keidaiBox:first-of-type .photo .box01 ul,
.keidaiBox:first-of-type .photo .box02 ul {
	display: flex;
	justify-content: space-between;
}
.keidaiBox:first-of-type .photo .box01 ul li.left { width: 68.1818181818%; }
.keidaiBox:first-of-type .photo .box01 ul li.right { width: 30.303030303%; }
.keidaiBox:first-of-type .photo .box02 ul li.left,
.keidaiBox:first-of-type .photo .box02 ul li.right { 
	width: 49.2424242424%; 
}
.keidaiBox:nth-of-type(2) .txt { width: 47%; }
.keidaiBox:nth-of-type(2) .photo { width: 49%; }
.keidaiBox:nth-of-type(3) .txt { width: 47%; }
.keidaiBox:nth-of-type(3) .photo { width: 49%; }
.keidaiBox:nth-of-type(4) .txt { width: 66%; }
.keidaiBox:nth-of-type(4) .photo { width: 30%; }
.keidaiBox:nth-of-type(5) .txt { width: 30%; }
.keidaiBox:nth-of-type(5) .photo { width: 66%; }
.keidaiBox:nth-of-type(5) .photo ul { 
	display: flex;
	justify-content: space-between;
}
.keidaiBox:nth-of-type(5) .photo ul li:first-of-type { width: 68.1818181818%; }
.keidaiBox:nth-of-type(5) .photo ul li:nth-of-type(2) { width: 30.303030303%; }
.keidaiBox:nth-of-type(6) .txt { width: 47%; }
.keidaiBox:nth-of-type(6) .photo { width: 49%; }
.keidaiBox:nth-of-type(7) .txt { width: 30%; }
.keidaiBox:nth-of-type(7) .photo { width: 66%; }
.keidaiBox:nth-of-type(8) .txt { width: 30%; }
.keidaiBox:nth-of-type(8) .photo { width: 66%; }
.keidaiBox:nth-of-type(8) .photo ul { 
	display: flex;
	justify-content: space-between;
}
.keidaiBox:nth-of-type(8) .photo ul li:first-of-type { width: 68.1818181818%; }
.keidaiBox:nth-of-type(8) .photo ul li:nth-of-type(2) { width: 30.303030303%; }
.keidaiBox:nth-of-type(9) .txt { width: 30%; }
.keidaiBox:nth-of-type(9) .photo { width: 66%; }
.keidaiBox:nth-of-type(9) .photo .box01 { margin-bottom: 10px; }
.keidaiBox:nth-of-type(9) .photo .box01 ul,
.keidaiBox:nth-of-type(9) .photo .box02 ul {
	display: flex;
	justify-content: space-between;
}
.keidaiBox:nth-of-type(9) .photo .box01 ul li.left { width: 68.1818181818%; }
.keidaiBox:nth-of-type(9) .photo .box01 ul li.right { width: 30.303030303%; }
.keidaiBox:nth-of-type(9) .photo .box01 ul li.right ul {
	display: flex;
	flex-direction: column;
}
.keidaiBox:nth-of-type(9) .photo .box01 ul li.right ul li:first-of-type { margin-bottom: 10px; }
.keidaiBox:nth-of-type(9) .photo .box02 ul li.left { width: 34.0909090909%; }
.keidaiBox:nth-of-type(9) .photo .box02 ul li.right { width: 64.3939393939%; }
.keidaiBox:nth-of-type(10) .txt { width: 47%; }
.keidaiBox:nth-of-type(10) .photo { width: 49%; }
.keidaiBox:nth-of-type(11) .txt { width: 66%; }
.keidaiBox:nth-of-type(11) .photo { width: 30%; }
.keidaiBox .photo figure { position: relative; }
.keidaiBox .photo figcaption {
	position: absolute;
	left: 7px;
	bottom: 3px;
	color: #fff;
}

/** media Queries
===================================================================================*/
@media screen and (max-width: 768px) {

.keidai .lead { text-align: left; }
.keidaiBox,
.keidaiBox:nth-of-type(2n) {
	flex-direction: column;
}
.keidaiBox:first-of-type .txt,
.keidaiBox:nth-of-type(2) .txt,
.keidaiBox:nth-of-type(3) .txt,
.keidaiBox:nth-of-type(4) .txt,
.keidaiBox:nth-of-type(5) .txt,
.keidaiBox:nth-of-type(6) .txt,
.keidaiBox:nth-of-type(7) .txt,
.keidaiBox:nth-of-type(8) .txt,
.keidaiBox:nth-of-type(9) .txt,
.keidaiBox:nth-of-type(10) .txt,
.keidaiBox:nth-of-type(11) .txt,
.keidaiBox:first-of-type .photo,
.keidaiBox:nth-of-type(2) .photo,
.keidaiBox:nth-of-type(3) .photo,
.keidaiBox:nth-of-type(4) .photo,
.keidaiBox:nth-of-type(5) .photo,
.keidaiBox:nth-of-type(6) .photo,
.keidaiBox:nth-of-type(7) .photo,
.keidaiBox:nth-of-type(8) .photo,
.keidaiBox:nth-of-type(9) .photo,
.keidaiBox:nth-of-type(10) .photo,
.keidaiBox:nth-of-type(11) .photo {
	width: 100%;
}
.keidaiBox .txt { margin-bottom: 40px; }
.keidaiBox .photo img {
	display: block;
	margin: 0 auto;
}
}

/** media Queries
===================================================================================*/
@media screen and (max-width: 480px) {

.keidaiBox:first-of-type .photo .box01 ul,
.keidaiBox:first-of-type .photo .box02 ul,
.keidaiBox:nth-of-type(5) .photo ul,
.keidaiBox:nth-of-type(8) .photo ul,
.keidaiBox:nth-of-type(9) .photo .box01 ul,
.keidaiBox:nth-of-type(9) .photo .box02 ul {
	flex-direction: column;
}
.keidaiBox:first-of-type .photo .box01 ul li.left,
.keidaiBox:first-of-type .photo .box01 ul li.right,
.keidaiBox:first-of-type .photo .box02 ul li.left,
.keidaiBox:first-of-type .photo .box02 ul li.right,
.keidaiBox:nth-of-type(5) .photo ul li:first-of-type,
.keidaiBox:nth-of-type(5) .photo ul li:nth-of-type(2),
.keidaiBox:nth-of-type(8) .photo ul li:first-of-type,
.keidaiBox:nth-of-type(8) .photo ul li:nth-of-type(2),
.keidaiBox:nth-of-type(9) .photo .box01 ul li.left,
.keidaiBox:nth-of-type(9) .photo .box01 ul li.right,
.keidaiBox:nth-of-type(9) .photo .box02 ul li.left,
.keidaiBox:nth-of-type(9) .photo .box02 ul li.right { 
	width: 100%;
	display: block;
	margin: 0 auto 10px;
}
.keidaiBox:first-of-type .photo .box01,
.keidaiBox:nth-of-type(9) .photo .box01 { 
	margin-bottom: 0;
}
.keidaiBox .photo figcaption {
	left: 22px;
}
}

/**********************************************************************************

	event
	
***********************************************************************************/
#eventDetail {
	display: flex;
	justify-content: space-between;
	margin-bottom: 70px;
}
#eventDetail .txt { width: 66%; }
#eventDetail .photo { width: 30%; }
.calendar:not(:last-of-type) { margin-bottom: 50px; }
.calendar .box:not(:last-of-type) { margin-bottom: 30px; }
.calendar h2 {
	height: 35px;
	line-height: 35px;
	background: #eee;
	text-align: center;
	color: #000;
	margin-bottom: 25px;
}
.calendar h3 {
	color: #111;
	font-size: 2.4rem;
	font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
	line-height: 1.0;/*←これ大事*/
	background: url(common/bg_sectionTitle01.png) 0 2px no-repeat;
	padding: 0 0 10px 18px;
	/*margin-bottom: 10px;*/
}
.calendar .box p.time { font-weight: bold; }
#eventDetail .photo ul li:not(:last-of-type) { margin-bottom: 40px; }
#eventDetail .photo ul li:last-of-type img:first-of-type { margin-bottom: 10px;}
#eventDetail .photo ul li figure img { margin-bottom: 3px; }
#eventDetail .photo ul li figcaption { text-align: center; }
#zazen {
	padding: 30px;
	background: #F6F6EA;
	border-radius: 5px;
	display: flex;
	justify-content: space-between;
}
#zazen .photo { width: 31.914893617%; }
#zazen .photo ul li:first-of-type { margin-bottom: 5px; }
#zazen .txt { width: 63.829787234%; }
#zazen .txt h2+p { 
	font-weight: bold;
	margin-bottom: 20px;
}
#zazen .txt p a { color: #666600; }

#nagomi {
	padding: 30px;
	background: #F6F6EA;
	border-radius: 5px;
	display: flex;
	justify-content: space-between;
}
#nagomi .photo { width: 31.914893617%; }
#nagomi .photo ul li:first-of-type { margin-bottom: 5px; }
#nagomi .txt { width: 63.829787234%; }
#nagomi .txt h2+p { 
	font-weight: bold;
	margin-bottom: 20px;
}
#nagomi .txt p a { color: #666600; }

#yoga {
	padding: 30px;
	background: #F6F6EA;
	border-radius: 5px;
	display: flex;
	justify-content: space-between;
}
#yoga .photo { width: 31.914893617%; }
#yoga .photo ul li:first-of-type { margin-bottom: 5px; }
#yoga .txt { width: 63.829787234%; }
#yoga .txt h2+p { 
	font-weight: bold;
	margin-bottom: 20px;
}
#yoga .txt p a { color: #666600; }

/** media Queries
===================================================================================*/
@media screen and (max-width: 768px) {

#eventDetail {
	flex-direction: column;
}
#eventDetail .txt,
#eventDetail .photo {
	width: 100%;
}
#eventDetail .txt { margin-bottom: 40px; }
#eventDetail .photo ul li figure img { 
	display: block;
	margin: 0 auto 5px; 
}
#zazen {
	flex-direction: column;
}
#zazen .photo,
#zazen .txt { width: 100%; }
#zazen .photo { margin-bottom: 40px; }

#nagomi {
	flex-direction: column;
}
#nagomi .photo,
#nagomi .txt { width: 100%; }
#nagomi .photo { margin-bottom: 40px; }

#yoga {
	flex-direction: column;
}
#yoga .photo,
#yoga .txt { width: 100%; }
#yoga .photo { margin-bottom: 40px; }
}

/**********************************************************************************

	zengo
	
***********************************************************************************/
.zengo .lead { margin-bottom: 80px; }
.zengoBox {
	display: flex;
	justify-content: space-between;
}
.zengoBox:not(:last-of-type) { margin-bottom: 80px; }
.zengoBox:nth-of-type(2n) { flex-direction: row-reverse; }
.zengoBox:first-of-type .txt { width: 44%; }
.zengoBox:first-of-type .photo { width: 52%; }
.zengoBox:first-of-type .photo ul { 
	display: flex;
	justify-content: space-between;
}
.zengoBox:first-of-type .photo ul li { width: 49.0384615385%; }
.zengoBox:nth-of-type(2) .txt { width: 47%; }
.zengoBox:nth-of-type(2) .photo { width: 49%; }
.zengoBox:nth-of-type(3) .txt { width: 66%; }
.zengoBox:nth-of-type(3) .photo { width: 30%; }
.zengoBox:nth-of-type(4) .txt { width: 47%; }
.zengoBox:nth-of-type(4) .photo { width: 49%; }
.zengoBox:nth-of-type(3) .fnt15 { letter-spacing: -1.5px; }

/** media Queries
===================================================================================*/
@media screen and (max-width: 768px) {

.zengoBox,
.zengoBox:nth-of-type(2n) {
	flex-direction: column;
}
.zengoBox:first-of-type .txt,
.zengoBox:first-of-type .photo,
.zengoBox:nth-of-type(2) .txt,
.zengoBox:nth-of-type(2) .photo,
.zengoBox:nth-of-type(3) .txt,
.zengoBox:nth-of-type(3) .photo,
.zengoBox:nth-of-type(4) .txt,
.zengoBox:nth-of-type(4) .photo {
	width: 100%;
}
.zengoBox:first-of-type .txt,
.zengoBox:nth-of-type(2) .txt,
.zengoBox:nth-of-type(3) .txt,
.zengoBox:nth-of-type(4) .txt {
	margin-bottom: 40px;
}
.zengoBox:first-of-type .photo img,
.zengoBox:nth-of-type(2) .photo img,
.zengoBox:nth-of-type(3) .photo img,
.zengoBox:nth-of-type(4) .photo img {
	display: block;
	margin: 0 auto;
}
}

/** media Queries
===================================================================================*/
@media screen and (max-width: 480px) {

.zengoBox:first-of-type .photo ul { 
	flex-direction: column;
}
.zengoBox:first-of-type .photo ul li { 
	width: 100%;
	display: block;
	margin: 0 auto; 
}
.zengoBox:first-of-type .photo ul li:first-of-type { margin-bottom: 10px; }

}

/**********************************************************************************

	suruga
	
***********************************************************************************/
.suruga .lead { 
	text-align: center;
	margin-bottom: 60px;
}
.suruga .lead figure img { 
	width: 74%;
	margin-bottom: 30px;
}
.suruga .lead .txt p:not(:last-of-type) { margin-bottom: 30px; }
#yakushi {
	display: flex;
	justify-content: space-between;
}
#yakushi dl { width: 48%; }
#yakushi dl,
#yakushi dl dt,
#yakushi dl dd {
	border: 1px none #ccc;
}
#yakushi dl dt,
#yakushi dl dd {
	margin: 0;
	border-top: 1px solid #ccc;
	padding: 20px;
}
#yakushi dl {
	display: flex; 
	flex-wrap: wrap;
	border-bottom:1px solid #ccc;
}
#yakushi dl dt {
	width: 31.25%;
	background: #eee;
	font-weight: bold;
	text-align: center;
}
#yakushi dl dd {
	width: 68.75%;
}

/** media Queries
===================================================================================*/
@media screen and (max-width: 768px) {

.suruga .lead figure img {
	width: 100%;
	display: block;
	margin: 0 auto 30px;
}
.suruga .lead p { text-align: left; }
.suruga .lead p br { display: none; }

#yakushi {
	flex-direction: column;
}
#yakushi dl { width: 100%; }
#yakushi dl:first-of-type { border-bottom: 0; }

}

/**********************************************************************************

	access
	
***********************************************************************************/
#gMapContainer { margin-bottom: 80px; }
#gMapContainer .txt { text-align: center; }
#gMapContainer .txt h2 br { display: none; }
.gMap {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 50%;
    overflow: hidden;
    margin-bottom: 10px;
}
.gMap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.routeBox:first-of-type { margin-bottom: 70px; }
.routeBox dt, .routeBox dd {
	margin: 0;
	border: 1px solid #ccc;
	padding: 10px;
}
.routeBox dl {
	display: flex;
	flex-wrap: wrap;
}
.routeBox dt {
	width: 20%;
	background: #eee;
}
.routeBox dd {
	width: 80%;
	border-left: none;
}
.routeBox dt:not(:first-of-type),
.routeBox dd:not(:first-of-type) {
	border-top: none;
}

/** media Queries
===================================================================================*/
@media screen and (max-width: 480px) {

#gMapContainer .txt h2 br { display: block; }
.routeBox dl { flex-direction: column; }
.routeBox dt, .routeBox dd {
	width: 100%;
}
.routeBox dt:first-of-type { border-bottom: 0; }
.routeBox dd { border-left: 1px solid #ccc; }

}

/**********************************************************************************

	contact
	
***********************************************************************************/
#contact .box:first-of-type { margin-bottom: 70px; }
#contact .box:nth-of-type(2) { margin-bottom: 60px; }
#contact .box:nth-of-type(2) p { margin-bottom: 30px; }
#contact .notice {
	padding: 25px;
	border: 1px solid #ddd;
}
#contact .notice a { color: #666600; }
#mailform {
	padding: 40px;
	background: #F6F6EA;
	border-radius: 5px;
}
#mailform h2 {
	text-align: center;
	margin-bottom: 15px;
}
dl.form, dl.form dt, dl.form dd {
	margin: 0;
	padding: 0;
}
dl.form {
	background: #edede9;
	border: 1px solid #ccc;
	width: 100%;
	margin-bottom: 15px;
}
dl.form dt { line-height: 1.4; }
dl.form dt, dl.form dd { padding: 10px; }
dl.form dd { background: #fff; }
label.add span { display: block; }
.eng { 
	font-size: 1.3rem;
	color: #666;
}
.required { color: #ff0000; }
span.inline { display: inline; }
input, select, textarea {
	max-width:99%;
	padding: 5px 0 5px 5px;
	margin: 0;
}
input[type="radio"] { margin-right: 5px; }
label.name span { margin-left: 5px; }
label.admin,
label.tel,
label.experience {
	margin-right: 1em;
}
.confirm { text-align: center; }
.button {
	display: inline-block;
	width: 200px;
	height: 54px;
	text-align: center;
	text-decoration: none;
	line-height: 54px;
	font-size: 1.6rem;
	outline: none;
	border: none;
	border-radius: 5px;
}
.button::before,
.button::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.button,
.button::before,
.button::after {
  -webkit-transition: all .3s;
  transition: all .3s;
}
.button {
	background-color: #474838;
	color: #fff;
}
.button:hover {
	background-color: #acae89;
}
#thanks p:first-of-type { margin-bottom: 30px; }

/** media Queries
=====================================================================*/
@media only screen and (min-width: 980px) {

dl.form{
	border-top: none;
	width: 100%;
	margin: 0 auto 15px;
}
dl.form dt,
dl.form dd {
	padding: 10px 10px 0 10px;
	border-top: 1px solid #ccc;
}
dl.form dt {
	width: 27.0833333%;
	float: left;
}
dl.form dd {
	background: #fff;
	margin-left: 27.0833333%;
	padding-bottom: 10px;
	border-left: 1px solid #ccc;
}
dl.form dd:after {
	content: '';
	display: block;
	clear: both;
}
}

/** media Queries
===================================================================================*/
@media screen and (max-width: 768px) {

#thanks br.pc { display: none; }

}

/** media Queries
===================================================================================*/
@media screen and (max-width: 480px) {

#mailform {
	padding: 30px 20px;
}
#contact .notice {
	padding: 20px;
}
}

/**********************************************************************************

	privacy
	
***********************************************************************************/
#sample img {
  width: 100%;
  height: 620px;
  object-fit: cover;
}
.privacy .lead { margin-bottom: 70px; }
#privacy .box:not(:last-of-type) { margin-bottom: 60px; }
#privacy .box h2 {
	height: 35px;
	line-height: 35px;
	background: #eee;
	padding-left: 30px;
	margin-bottom: 20px;
	font-weight: bold;
	color: #222;
}
#privacy .box:nth-of-type(3) p { margin-bottom: 10px; }
#privacy .box:last-of-type p:first-of-type { margin-bottom: 30px; }
#privacy .box:last-of-type p a { color: #666600; }

/** media Queries
===================================================================================*/
@media screen and (max-width: 480px) {

#sample img {
  height: 310px;
}
}

/**********************************************************************************

	sitemap
	
***********************************************************************************/
ul#sitemap li { 
	position: relative;
	margin-bottom: 30px;
}
ul#sitemap li::after,
ul#sitemap li ul li::after {
	display: block;
	content: '';
	position: absolute;
	top: .5em;
	left: -1em;
	width: 6px;
	height: 6px;
	background-color: #222;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
ul#sitemap li.sm02::after,
ul#sitemap li.sm03::after { 
	background: none;
}
ul#sitemap li ul li::after { left: 0; }
ul#sitemap li:first-of-type,
ul#sitemap li ul li {
	padding-bottom: 10px;
	border-bottom: 1px dotted #bbb;
}
ul#sitemap li ul li { 
	margin-bottom: 10px;
	text-indent: 1em;
}
ul#sitemap li a { color: #666600; }

/**********************************************************************************

	footer
	
***********************************************************************************/
#footerCatch {
	color: #eee;
	font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
	font-size: 5.6rem;
	line-height: 1.0;
	letter-spacing: 10px;
	text-align: center;
	margin-top: 80px;
}
footer {
	width: 100%;
	height: 120px;
	margin: 0;
	background: url(common/bg_footer.png) repeat;
}
footer .inner { 
	padding: 17px 100px;
	display: flex;
	justify-content: space-between;
}
.zensoujiInfo h2, .zensoujiInfo p,
.footerUtility ul li a {
	color: #444;
	font-size: 1.3rem;
	line-height: 1.3;
}
.zensoujiInfo h2 { font-weight: normal; }
.footerUtility {
	display: flex;
	align-items: flex-end;
}
.footerUtility ul { display: flex; }
.footerUtility ul li { 
	line-height: 1.0;
	padding: 0 10px;
}
.footerUtility ul li+li { border-left: 1px solid #666; }
.footerUtility ul li a { text-decoration: none; }

/** media Queries
===================================================================================*/
@media screen and (max-width: 980px) {

footer { height: auto; }
footer .inner { 
	padding: 17px 15px;
	flex-direction: column;
}
.zensoujiInfo { margin-bottom: 20px; }
.footerUtility { justify-content: center; }

}

/*** attachment
***********************************************************************************/
.indent {
	padding-left: 1em;
	text-indent: -1em;
}
.red { color: #920c13; }
.bold { font-weight: bold; }
.gothic { font-family:"メイリオ", Meiryo, "KozGoPro-Light", "小塚ゴシック Pro L", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic,  sans-serif; }
.mincho { font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif; }
.fnt15 { 
	font-size: 1.5rem;
	font-weight: normal;
}
.mt05 { margin-top: 5px; }
.mt10 { margin-top: 10px; }
.mt15 { margin-top: 15px; }
.mt20 { margin-top: 20px; }
.mt25 { margin-top: 25px; }
.mt30 { margin-top: 30px; }
.mt35 { margin-top: 35px; }
.mt40 { margin-top: 40px; }
.mt45 { margin-top: 45px; }
.mt50 { margin-top: 50px; }
.mt55 { margin-top: 55px; }
.mt60 { margin-top: 60px; }
.mt65 { margin-top: 65px; }
.mt70 { margin-top: 70px; }
.mb05 { margin-bottom: 5px; }
.mb10 { margin-bottom: 10px; }
.mb15 { margin-bottom: 15px; }
.mb20 { margin-bottom: 20px; }
.mb25 { margin-bottom: 25px; }
.mb30 { margin-bottom: 30px; }
.mb35 { margin-bottom: 35px; }
.mb40 { margin-bottom: 40px; }
.mb45 { margin-bottom: 45px; }
.mb50 { margin-bottom: 50px; }
.mb55 { margin-bottom: 55px; }
.mb60 { margin-bottom: 60px; }
.mb65 { margin-bottom: 65px; }
.mb70 { margin-bottom: 70px; }
.mb100 { margin-bottom: 100px; }

.tal { text-align: left; }
.tac { text-align: center; }
.tar { text-align: right; }