@charset "UTF-8";
/**************************************************************
 reset
**************************************************************/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,
blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,
em,font,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,
b,u,i,center,dl,dt,dd,ol,ul,li,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    font-weight:normal;
    background: transparent;
    line-height: 2;
    text-align:left;
}
fieldset, img {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    overflow:hidden;
    line-height: 1;
}
ol,ul { list-style: none; }
blockquote,q { quotes: none; }
blockquote:before,blockquote:after,
q:before,q:after {
    content: '';
    content: none;
}
/* emember to define focus styles! */
:focus { outline: 0;}
/* emember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }
/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: collapse;
    border-spacing: 0;
}


body
{
font-size:24px;
font-family: 'Yu Mincho Light','YuMincho','Yu Mincho','游明朝体','メイリオ', Meiryo,'ヒラギノ明朝 ProN','Hiragino Mincho ProN','Arial',sans-serif;
color: #000000;
background-image: url("img/000_back.jpg");
}



/*--------------------
文字の指定
--------------------*/


.bold
{
font-weight: bold;
}

.small{
font-size: 80%;
}

.title{
font-weight: bold;
font-size: 105%;
}

.title_s{
font-weight: bold;
font-size: 100%;
}

.circle{
list-style: circle;

}

.center{
text-align: center;
}

.right{
text-align: right;
}

.boldred{
font-weight: bold;
color: #F28F79;
}

.blue{
color: #34BFBF;
}

.yellow{
color: #F3E449;
}

.brown{
color: #F2DA91;
}

.red{
color: #F28F79;
}

.glay{
color: #F2F2F2;
}

/*--------------------
00_見出しの指定
--------------------*/

.style01{
margin: 1em 0;
border: solid 1px #FFFFFF;
}

h1 {
}

h2 {
  font-size: 180%;
  font-weight: bold;
  position: relative;
  margin: 0.5em 0;
  padding: 0.5em 0;
  text-indent: 0.5em;
}

h2:after {
  content: "";
  display: block;
  height: 4px;
  background: -webkit-linear-gradient(to right, #34BFBF, transparent);
  background: linear-gradient(to right, #34BFBF, transparent);
}


h3{
  color: #34BFBF;
  font-size: 100%;
  font-weight: bold;
  border-bottom: dashed 1px #34BFBF;
  margin: 1em;
  }


h4{
  color: #34BFBF;
  text-indent: 1em;
  font-weight: bold;
  margin: 0 1em 0.5em 1.5em;
  }

h4:before {
    content: '●';
    display: inline-block;
    width: 1em;
    text-indent: 0;
    margin: 0 0.5em 0 0;
}


/*--------------------
00_全体的な枠の指定
--------------------*/


/*----------全体を包む一番外側の枠----------*/
#wrapper
{
width: 100vw;
margin: 0;
background-color: #FFFFFF;
}

#wrapper img{
}

/*----------コンテンツを包む枠----------*/
#wrapper_contents
{
font-size: 170%;
width: 98%;
background: #FFFFFF;
height: auto;
display: block;
position: relative;
margin: 0 auto;
}

#wrapper_contents img{
width: 98%;
}

#wrapper_contents a
{
}

#wrapper_contents a:hover{
}


/*--------------------
ドロップダウンメニューの指定 997
--------------------*/

div#nav {
 z-index: 997;
 margin: 0;
 position: fixed;
 top: 0;
 width: 100%;
}

div#nav img{
width: 100%;
}


/****メニュー全体****/
#menu{
	/*配置*/
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100px;
	pointer-events: none;
	z-index: 100;
}

#menu a{
color: rgba(255,255,255,0.5);
text-decoration: none;
}

#menu a:hover{
}

#menu ul{
 list-style: none;
 line-height: 2em;
}

#menu li {
}

#menu li a{
display: block;
color: rgba(255, 255, 255, 1);
background-color: rgba(52, 191, 191, 0.5);
border-bottom: 1px rgba(255,255,255, 1) solid;
}

#menu li a:hover{
display: block;
color: rgba(52, 191, 191,1);
background-color: rgba(255, 255, 255, 0.5);
border-bottom: 1px rgba(52, 191, 191, 1) solid;
}

#menu img{
width: 100%;
}

/****メニュー開閉ボタン****/
#menu div{
width: 100%;
height: 100px;
	/*配置*/
	overflow: hidden;
	position: absolute;
}

#menu .menuopen{
background-image: url("img/001_header_spece.png");
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	pointer-events: auto;
}

#menu .menuclose{
background-image: url("img/001_header_spece.png");
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	pointer-events: auto;
}

#menu .menuclose02{
background-image: url("img/001_header_spece.png");
	pointer-events: auto;
}

/****メニュー一覧****/
#menu ul{
width: 100%;
color: #FFFFFF;
background: rgba(52, 191, 191,0.8);
position: absolute;
top: 150px;/*#menu divの高さ*/
left: 0;
display: none;
}

#menu li{
width: 100%;
pointer-events: auto;
display: block;
text-indent: 2em;
}


/****メニューオープン時****/
#menu:target .menuopen{
	/*配置*/
	display: none;
}

#menu:target .menuclose{
	/*配置*/
	display: block;
}

#menu:target ul{
	/*配置*/
	display: block;
}



/*----------ヘッダー----------*/
#header{
width: 100%;
}

#header img{
}

#header a{
}

#header a:hover{
}


/*----------ヘッダー／telephone----------*/
#telephone{
width: 100%;
position: absolute;
margin: 0;
}

#telephone img{
width: 98%;
}

/*----------フッターメニュー----------*/
#footer{
margin: 7em 0 0 0;
}

#footer:after{
content: "";
clear: both;
display: block;
}

#footer_menu{
}

#footer dl{
list-style-type: square;
border-collapse: separate;
border-spacing: 2em 1em;
border-top: 1px #34BFBF solid;
border-bottom: 1px #34BFBF solid;
margin: 0 auto;
}

#footer dl a{
color: #34BFBF;
font-weight: bold;
text-decoration: none;
padding: 0.5em;
}

#footer dl a:hover{
color: #FFFFFF;
background-color:  #F28F79;
opacity: 0.5;
padding: 0.5em;
border-radius: 0.5em;
}

#footer dd{
text-align: center;
}


#footer_menu ul{
border-top: solid #34BFBF 5px;
margin: 0 auto;
padding: 2em;
}

#footer_menu li{
text-align: right;
}

#footer_menu li a{
color: #34BFBF;
font-weight: bold;
text-decoration: none;
padding: 0.5em;
}

#footer_menu li a:hover{
color: #FFFFFF;
background-color:  #F28F79;
opacity: 0.5;
padding: 0.5em;
border-radius: 0.5em;
}


/*----------アニメーション----------*/

.js-animation {
  opacity: 0;
  visibility: hidden;
  transform: translateY(40px);
  transition: all 1s;
}
.js-animation.is-show {
  opacity: 1;
  visibility: visible;
  transform: translateY(0px);
}

/*----------01南院紹介----------*/
.aboutus{
position: relative;
overflow:hidden;
margin: 1em 0;
}

.aboutus:after{
content: "";
clear: both;
display: block;
}

.aboutus img{
margin: 1em 0;
}

.aboutus a{
color: #F28F79;
text-decoration: none;
font-weight: bold;
}

.aboutus a:hover{
color: #F3E449;
}

.aboutus dl{
list-style-type: square;
border-collapse: separate;
border-spacing: 2em 1em;
border-top: 1px #34BFBF solid;
border-bottom: 1px #34BFBF solid;
margin: 0 auto;
}

.aboutus dl a{
color: #34BFBF;
font-weight: bold;
text-decoration: none;
padding: 0.5em;
}

.aboutus dl a:hover{
color: #FFFFFF;
background-color:  #F28F79;
opacity: 0.5;
padding: 0.5em;
border-radius: 0.5em;
}

.aboutus dd{
text-align: center;
}

.aboutus img{
bottom: 0;
}

.aboutus p{
}

.aboutus_text{
}

.aboutus_text p{
margin: 0.5em 1em;
text-indent: 1em;
}

.aboutus_center{
width: 100%;
margin: 3em 0;
clear: both;
}

.aboutus_center p{
margin: 0.5em 1em;
}


/*----------02宿坊案内----------*/
.syukubou{
position: relative;
overflow:hidden;
}

.syukubou:after{
content: "";
clear: both;
display: block;
}

.syukubou img{
margin: 1em 0;
}

.syukubou a{
color: #F28F79;
text-decoration: none;
font-weight: bold;
}

.syukubou a:hover{
color: #F3E449;
}

.syukubou dl{
list-style-type: square;
border-collapse: separate;
border-spacing: 2em 1em;
border-top: 1px #34BFBF solid;
border-bottom: 1px #34BFBF solid;
margin: 0 auto;
}

.syukubou dl a{
color: #34BFBF;
font-weight: bold;
text-decoration: none;
padding: 0.5em;
}

.syukubou dl a:hover{
color: #FFFFFF;
background-color:  #F28F79;
opacity: 0.5;
padding: 0.5em;
border-radius: 0.5em;
}

.syukubou dd{
text-align: center;
}

.syukubou p{
}

.syukubou_text{
}

.syukubou_text p{
margin: 0.5em 1em;
text-indent: 1em;
}

.syukubou_center{
width: 100%;
margin: 3em 0;
clear: both;
}

.syukubou_center p{
margin: 0.5em 1em;
}


.syukubou_guide{
padding: 0 0 2em 0;
}

.syukubou ul{
margin: 0.5em 1em 1em 1em;
border-bottom: dashed #F2DA91 1px;
}

.syukubou li{
}

.syukubou_first{
margin: 0 1em 0 0;
font-weight: bold;
}

.syukubou_first:before{
content:"◆　";
color: #F2DA91;
}
.syukubou_second{
text-indent: 1.5em;
}

.syukubou_line{
}



/*----------03年中行事----------*/
.annualevent{
position: relative;
overflow:hidden;
}

.annualevent:after{
content: "";
clear: both;
display: block;
}

.annualevent img{
margin: 1em 0;
}

.annualevent a{
color: #F28F79;
text-decoration: none;
font-weight: bold;
}

.annualevent a:hover{
color: #F3E449;
}

.annualevent dl{
list-style-type: square;
border-collapse: separate;
border-spacing: 2em 1em;
border-top: 1px #34BFBF solid;
border-bottom: 1px #34BFBF solid;
margin: 0 auto;
}

.annualevent dl a{
color: #34BFBF;
font-weight: bold;
text-decoration: none;
padding: 0.5em;
}

.annualevent dl a:hover{
color: #FFFFFF;
background-color:  #F28F79;
opacity: 0.5;
padding: 0.5em;
border-radius: 0.5em;
}

.annualevent dd{
text-align: center;
}

.annualevent img{
margin: 1em 0;
}

.annualevent p{
}

.annualevent_text{
}

.annualevent_text p{
margin: 0.5em 1em;
text-indent: 1em;
}

.annualevent_center{
width: 100%;
margin: 3em 0;
clear: both;
}

.annualevent_center p{
margin: 0.5em 1em;
}


.annualevent_guide{
padding: 0 0 2em 0;
}

.annualevent ul{
margin: 0.5em 1em 1em 1em;
border-bottom: dashed #F2DA91 1px;
}

.annualevent li{
}

.annualevent_first{
margin: 0 1em 0 0;
font-weight: bold;
}

.annualevent_first:before{
content:"◆　";
color: #F2DA91;
}

.annualevent_second{
text-indent: 1.5em;
}

.annualevent_third{
margin: 0 1em 0 0;
content:"◆　";
color: #F28F79;
}

.annualevent_forth{
text-indent: 1.5em;

}


/*----------04回向・祈願----------*/
.memorial{
position: relative;
overflow:hidden;
}

.memorial:after{
content: "";
clear: both;
display: block;
}

.memorial img{
margin: 1em 0;
}

.memorial a{
color: #F28F79;
text-decoration: none;
font-weight: bold;
}

.memorial a:hover{
color: #F3E449;
}

.memorial dl{
list-style-type: square;
border-collapse: separate;
border-spacing: 2em 1em;
border-top: 1px #34BFBF solid;
border-bottom: 1px #34BFBF solid;
margin: 0 auto;
}

.memorial dl a{
color: #34BFBF;
font-weight: bold;
text-decoration: none;
padding: 0.5em;
}

.memorial dl a:hover{
color: #FFFFFF;
background-color:  #F28F79;
opacity: 0.5;
padding: 0.5em;
border-radius: 0.5em;
}

.memorial dd{
text-align: center;
}

.memorial img{
margin: 1em 0;
}

.memorial p{
margin: 0.5em 1em;
}

.memorial_text{
}

.memorial_text p{
margin: 0.5em 1em;
text-indent: 1em;
}

.memorial_center{
width: 100%;
margin: 3em 0;
clear: both;
}

.memorial_center p{
margin: 0.5em 1em;
}




/*----------05よくあるご質問----------*/
.qa{
position: relative;
overflow:hidden;
}

.qa:after{
content: "";
clear: both;
display: block;
}

.qa img{
margin: 1em 0;
}

.qa a{
color: #F28F79;
text-decoration: none;
font-weight: bold;
}

.qa a:hover{
color: #F3E449;
}

.qa dl{
list-style-type: square;
border-collapse: separate;
border-spacing: 2em 1em;
border-top: 1px #34BFBF solid;
border-bottom: 1px #34BFBF solid;
margin: 0 auto;
}

.qa dl a{
color: #34BFBF;
font-weight: bold;
text-decoration: none;
padding: 0.5em;
}

.qa dl a:hover{
color: #FFFFFF;
background-color:  #F28F79;
opacity: 0.5;
padding: 0.5em;
border-radius: 0.5em;
}

.qa dd{
text-align: center;
}

.qa img{
margin: 1em 0;
}

.qa p{
margin: 0.5em 1em;
text-indent: 1em;
}

.qa_text{
}

.qa_text p{
margin: 0.5em 1em;
text-indent: 1em;
}

.qa_center{
width: 100%;
margin: 3em 0;
clear: both;
}

.qa_center p{
margin: 0.5em 1em;
}


/*----------06アクセス----------*/
.access{
position: relative;
overflow:hidden;
}

.access:after{
content: "";
clear: both;
display: block;
}

.access img{
margin: 1em 0;
}

.access a{
color: #F28F79;
text-decoration: none;
font-weight: bold;
}

.access a:hover{
color: #F3E449;
}

.access dl{
list-style-type: square;
border-collapse: separate;
border-spacing: 2em 1em;
border-top: 1px #34BFBF solid;
border-bottom: 1px #34BFBF solid;
margin: 0 auto;
}

.access dl a{
color: #34BFBF;
font-weight: bold;
text-decoration: none;
padding: 0.5em;
}

.access dl a:hover{
color: #FFFFFF;
background-color:  #F28F79;
opacity: 0.5;
padding: 0.5em;
border-radius: 0.5em;
}

.access dd{
text-align: center;
}

.access p{
margin: 0.5em 1em;
text-indent: 1em;
}

.access_text{
}

.access_text p{
margin: 0.5em 1em;
text-indent: 1em;
}

.access_center{
width: 100%;
margin: 3em 0;
clear: both;
}

.access_center p{
margin: 0.5em 1em;
}


.access_guide{
padding: 0 0 2em 0;
}

.access ul{
margin: 0.5em 1em 1em 1em;
border-bottom: dashed #F2DA91 1px;
}

.access li{
}

#access_gmap{
margin: 0 0 5em 0;
text-align: center;
}

/*----------07お問い合わせ----------*/
.contact{
position: relative;
overflow:hidden;
}

.contact:after{
content: "";
clear: both;
display: block;
}

.contact img{
margin: 1em 0;
}

.contact a{
color: #F28F79;
text-decoration: none;
font-weight: bold;
}

.contact a:hover{
color: #F3E449;
}

.contact dl{
list-style-type: square;
border-collapse: separate;
border-spacing: 2em 1em;
border-top: 1px #34BFBF solid;
border-bottom: 1px #34BFBF solid;
margin: 0 auto;
}

.contact dl a{
color: #34BFBF;
font-weight: bold;
text-decoration: none;
padding: 0.5em;
}

.contact dl a:hover{
color: #FFFFFF;
background-color:  #F28F79;
opacity: 0.5;
padding: 0.5em;
border-radius: 0.5em;
}

.contact dd{
text-align: center;
}

.contact img{
margin: 1em 0;
}

.contact p{
margin: 0.5em 1em;
text-indent: 1em;
}

.contact_text{
}

.contact_text p{
margin: 0.5em 1em;
text-indent: 1em;
}

.contact_center{
width: 100%;
margin: 3em 0;
clear: both;
}

.contact_center p{
margin: 0.5em 1em;
}


.contact_guide{
padding: 0 0 2em 0;
}

.contact ul{
margin: 0.5em 1em 1em 1em;
padding: 0.5em;
border-top: solid #F2DA91 0.5em;
border-bottom: solid #F2DA91 0.5em;
}

.contact li{
}

/*----------07お問い合わせ／リンク----------*/
.link{
position: relative;
overflow:hidden;
}

.link:after{
content: "";
clear: both;
display: block;
}

.link img{
margin: 1em 0;
}

.link a{
color: #F28F79;
text-decoration: none;
font-weight: bold;
}

.link a:hover{
color: #F3E449;
}

.link img{
margin: 1em 0;
}

.link p{
margin: 0.5em 1em;
text-indent: 1em;
}

.link_text{
}

.link_text p{
margin: 0.5em 1em;
text-indent: 1em;
}

.link_center{
width: 100%;
margin: 3em 0;
clear: both;
}

.link_center p{
margin: 0.5em 1em;
}


.link_guide{
padding: 0 0 2em 0;
}

.link ul{
margin: 0.5em 1em 1em 1em;
border-bottom: dashed #F2DA91 1px;
}

.link li{
}

.link_first{
margin: 0 1em 0 0;
font-weight: bold;
}

.link_first:before{
content:"◆　";
color: #F2DA91;
}
.link_second{
text-indent: 1.5em;
}


/*--------------------
上へ戻るボタンの指定
--------------------*/


#pageTop {
  position: fixed;
  bottom: 3em;
  right: 2em;
  font-size: 24pt;
}
 
#pageTop a {
  display: block;
  z-index: 999;
  padding: 1em;
  border-radius: 0.5em;
  width: 2em;
  height: 2em;
  background-color: #34BFBF;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
}
 
#pageTop a:hover {
  text-decoration: none;
  opacity: 0.7;
}


/*----------打ち消し線----------*/

.border_double{
	display: inline-block;         /* 打ち消し線と文字の幅を揃えられるようにする */
	position: relative;            /* 打ち消し線の位置を調整する時の基準点になるようにする */
}

.border_double::before {
	content: '';                	/* 擬似要素に実体を持たせる */
	width: 100%;                	/* 打ち消し線の幅を指定する*/
	height: 1px;                	/* 線を表示させるために1pxだけ高さを入れる */
	border-top: solid 1px #000;     /* 二重線の上側になる線をひく */
	position: absolute;            	/* 線の位置を自由に動かせるようにする */
	left: 0 ;                   	/* 線の位置を左に揃える */
	top: calc(50% - 3px);           /* 線の位置を真ん中から3px上にする */
}

.border_double::after {
	content: '';                	/* 擬似要素に実体を持たせる */
	width: 100%;                	/* 打ち消し線の幅を指定する*/
	height: 1px;                	/* 線を表示させるために1pxだけ高さを入れる */
	border-bottom: solid 1px #000;  /* 二重線の上側になる線をひく */
	position: absolute;            	/* 線の位置を自由に動かせるようにする */
	left: 0 ;                    	/* 線の位置を左に揃える */
	bottom: calc(50% - 3px);        /* 線の位置を真ん中から3px下にする */