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

.gold { color:#c8b242; }

/*タイトル*/
.bg_pageTtl{ position:relative; margin-bottom:60px; width:100%; height:450px;}
#about .bg_pageTtl,#en .bg_pageTtl { background:url("../img/about/ttl_bg.jpg")no-repeat center / cover ; }
#recommend .bg_pageTtl { background:url("../img/recommend/ttl_bg.jpg")no-repeat center / cover ; }
#roots .bg_pageTtl { background:url("../img/roots/ttl_bg.jpg")no-repeat center / cover ; }
#roots .bg_con { height:300px; background:url("../img/roots/img_reason.jpg")no-repeat center / cover ; }
#event .bg_pageTtl,#eventform .bg_pageTtl,#eventprivacy .bg_pageTtl { background:url("../img/event/ttl_bg.jpg")no-repeat center / cover ; }
#pray .bg_pageTtl,#contact .bg_pageTtl,#privacy .bg_pageTtl, #social .bg_pageTtl { background:url("../img/pray/ttl_bg.jpg")no-repeat center / cover ; }
#lunch .bg_pageTtl { background:url("../img/lunch/ttl_bg.jpg")no-repeat center / cover ; }
#access .bg_pageTtl { background:url("../img/access/ttl_bg.jpg")no-repeat center / cover ; }
#season .bg_pageTtl { background:url("../img/season/ttl_bg.jpg")no-repeat center / cover ; }
#info .bg_pageTtl { background:url("../img/info/ttl_bg.jpg")no-repeat center / cover ; }
#lightup .bg_pageTtl { background:url("../img/lightup/ttl_bg.jpg")no-repeat center / cover ; }
#hono_concert .bg_pageTtl { background:url("../img/hono_concert/ttl_bg.jpg")no-repeat center / cover ; }
#news .bg_pageTtl { background:url("../img/news/ttl_bg.jpg")no-repeat center / cover ; }

.pageTtl { display:inline-block; position:absolute; top:50%; left:50%; text-align:center; padding:20px 40px; font-size:28px; color:#fff; border:1px solid #fff;
filter:drop-shadow(0 0 10px rgba(0,0,0,0.8)); -webkit-filter:drop-shadow(0 0 10px rgba(0,0,0,0.8));
transform:translate(-50%,-50%); transform:-webkit-translate(-50%,-50%);}

.conTtl { font-size:1.5em;}

.subTtil { position:relative;text-align:left; padding-bottom:.5em; margin-bottom:1.2em;font-size:1.2em; font-weight:bold;}
.subTtil:before { content:""; position:absolute; width:100%; left:0; bottom:0; border-bottom:1px solid #c8b242; }

.subTtil02 { margin-bottom: 1em; padding: .5em 1em; font-size: 1.5em; 
background-color: #f7f1d5; }

.subTtil03 { margin: 0; font-size: 1.1em; }
.subTtil03 span { margin-left: .5em; font-size: .8em; }

/*section枠*/
.lineBox { /*padding:30px;*/ margin-bottom:60px; /*border:1px solid #c8b242;*/ }
.lineBox figure, .lineBox p { width:48%; margin:0; }
.lineBox p.wide { width:100%; }

/*dl*/
.dl_List { width:100%; }
.dl_List dt{ float:left; clear:left; width:30%; font-weight:bold;}
.dl_List dd { margin-left:32%; }

/*tbl*/
.tbl { border:1px solid #c8b242; }
.tbl tr > * { padding:1.2em; border:1px solid #c8b242; }
.tbl th { background:#f7f1d5; }

/*note*/
.noteList { margin:20px auto; padding:20px; background:#f7f1d5; }
.noteList li,.note li { padding-left:1em; text-indent:-1em;  }
.noteList li:before,.note li:before { content:"※"; }

.noteBox {margin:20px auto; padding:20px; background:#f7f1d5;}
.noteTtl + p{margin:0;}
.noteTtl:before { content:"●"; padding-left:-1em; text-indent:1em; }

.note_info { border:1px solid #c8b242; margin-top:30px; padding:20px;}
.note_info h4 {margin-top:0; }




/*金戒光明寺について---------------------------------------------------------------------*/
#about .conTtl { max-width:30%; }

#about .bg_about { background:url(../img/about/img_about.png) no-repeat 100% 50%/47%;padding:0 0 170px;}

.about_info { margin:30px auto;}
.about_info dl, .about_info figure { width:48%; }

.nenbutsu { position:relative; margin:70px auto; padding:30px; text-align:center; background:url("../img/bg_texture02.jpg") repeat center ; }
.nenbutsu:before,.nenbutsu:after { content:""; position:absolute; left:0;  width:100%; height:50px; background:url(../img/top/deco_washi.png) repeat-x center; }
.nenbutsu:before { top:-35px; }
.nenbutsu:after { bottom:-35px; transform:scale(1,-1); transform:-webkit-scale(1,-1); }
.nenbutsu h3 span { font-size:28px; }

.monjyu figure {text-align:center;}
.monjyu figure > img { margin-bottom:10px; }
.monjyu figure > img+img {width:100%; }

/*金戒光明寺の見どころ---------------------------------------------------------------------*/
#recommend .kibikanon .txtBox { position:relative; width:48%; margin:0; }
#recommend .kibikanon .txtBox .button { position:absolute; left:0; bottom:0; }
#recommend .kisyomon img { border:1px solid #eee; }

#recommend .kannon .txtBox { width:48%; margin:0; }
#recommend .kannon .txtBox p { width:auto; }

#recommend .gokoh .txtBox { width:48%; margin:0; }
#recommend .gokoh .txtBox p { width:auto; }

/*会津藩と黒谷と新撰組---------------------------------------------------------------------*/
#roots .conTtl:after { border-bottom:solid 2px #3ab2cb; }
#roots .subTtil:before {border-bottom:1px solid #3ab2cb;}

#roots .txtBox_col {margin:20px auto 40px;}
#roots .txtBox_col div { width:50%; padding:0 20px; border-right:1px dashed #cccccc;}
#roots .txtBox_col div:nth-child(2){border:none;}

/*納骨・写経会・仏前結婚式・浄焚式---------------------------------------------------------------------*/
#event h4 {margin:1em 0 0 .5em; }
#event .txtBox { width:48%; margin:0; }
#event .txtBox p { width:auto; }
#event .syakyokai .txtBox { position:relative;}
#event .syakyokai .txtBox .button { position:absolute; left:0; bottom:0; }
#event .dl_List {margin:20px auto;}
#event .dl_List dt:before {  content:"●"; }
#event .jyobonshiki .dl_List dt{ width:100%;}
#event .jyobonshiki .dl_List dd {margin-left:1em;}
#event .noteList li,#event .note li{margin:0.5em; font-feature-settings: "palt";}

#event #noukotsu .txtBox{position:relative;}
#event #noukotsu .dl_List dd { margin-left:28%; padding:2%; }
#event #noukotsu .dl_List dt { padding:2%; }
#noukotsu .button{ /*position:absolute; bottom:0;*/ margin-left:0; }

#wedding .noteBox p{width:100%;margin:0 1em 1em 1em;}
#wedding .note li:first-child{margin:0 0 0 .5em;}

/*合格祈願・厄除祈願---------------------------------------------------------------------*/
.amuletBox {margin:20px auto; justify-content:center; -webkit-justify-content:center;}
.amuletBox li { width:30%; margin:0 10px 20px; padding:20px 14.5px;text-align:center;border:1px solid #c8b242;  }
.amuletBox li figure,.amuletBox li p { width:auto;}
.amuletBox li h4 { margin:1em auto .5em; border-bottom:1px solid #c8b242; font-weight:bold;}
.amuletBox li span {display:block;margin-top:1em;}
#pray .noteTtl span { display:inline-block; margin-left:1em;}

#pray .formLink{background:#9f87d4;}
#pray #goukaku .txtBox,#pray #yakuyoke .txtBox{position:relative;width:48%;margin:0;}
#pray #goukaku .txtBox .button,#pray #yakuyoke .txtBox .button{position:absolute;left:0;bottom:0;}
#pray .txtBox > p { width:100%; }
#pray .txtBox > p + p { margin-top:1em; }
#pray #entry{padding:50px;}
#pray #entry h4.noteTtl {margin:0 0 0 0;}
#pray #entry h4.noteTtl + p {margin:0 0 2em 0;}
#pray #entry h4.noteTtl:nth-of-type(6) + p {margin:0 0 0 0;}
#pray #entry .flex {margin:1em 0 2em 0;}
#pray #entry .button{width:200px;}



/*新設墓地---------------------------------------------------------------------*/
.bochi .noteBox { text-align:center;}

/*交通・参拝情報---------------------------------------------------------------------*/
#access .inner { margin-bottom:60px;}
#access .dl_List { margin-bottom:50px;}
#access .dl_List dd {margin-bottom:2%;}
#access figure { width:48%;margin-bottom:50px;}
#access figcaption { padding:5px 0; text-align:center; color:#fff; background:#885e39; }
#access .access_bnr ul li a {border:2px solid #c04020; background: linear-gradient(to bottom, #eb6359, #f79e4f);
  background: -moz-linear-gradient(top, #eb6359, #f79e4f);
  background: -webkit-linear-gradient(top, #eb6359, #f79e4f)}

/*四季の便り---------------------------------------------------------------------*/
.slideBox {margin-bottom:50px;}
.slideBox .slide { width:80%; margin:0 auto; }
.slideBox .slide img { width:100%; }

#season .button { margin-bottom:50px;}

/*昼食プラン---------------------------------------------------------------------*/
#lunch .bg_pageTtl + p {text-align:center; }

.menu {margin:60px auto;}
.menu figure, .menu .txtBox {width:48%;}
.menu .txtBox h3 span {display:inline-block;padding:.1em 1.5em 0;margin-left:1em;font-size:.8em;color:#fff; background:#d83c2d;}

/*en---------------------------------------------------------------------*/
#en .lineBox .txtBox {width:48%;}
#en .lineBox .txtBox p {width:auto;}

/*合格祈願フォーム---------------------------------------------------------------------*/
#contact .c_inner,#privacy .c_inner{width:100%;margin:0 auto;}
#contact .c_subTtil{margin-top:2em;}
#contact .note{width:100%;margin-bottom:.8em;font-size:1.1em;padding-left:.6em; border-left:3px solid #c8b242;line-height:1.5;}
#contact .note2{width:100%;margin:2em 0 .8em;font-size:1.1em;padding-left:.6em; border-left:3px solid #c8b242;line-height:1.5;}
#contact .tbl{ width:100%; }
#contact .tbl th{ text-align:left;vertical-align:text-top; }
#contact .form_tbl th{position:relative;width:230px;}
#contact .form_tbl .req {position:absolute;right:15px;display:inline-block;color:#d83c2d;font-weight:bold;}
#contact .tbl p{width:100%;}
#contact .tbl .help{margin-bottom:1em;}
#contact .tbl .help2{margin-top:1em;}
#contact .tbl .syurui label{margin-left:6%;}
#contact .tbl .syurui label:nth-of-type(6n+1){margin-left:0;}
#contact .tbl .syurui label:nth-of-type(1){margin-left:0;}
#contact .submit{margin-top:30px;}
#contact .submit input{width:30%; padding:10px;border:0;background:#de3225;color:#fff;}
#contact .note_info p{width:100%;margin-bottom:1.2em;}
input[type="hiddun"]{display:none;}
input.required_day{border:1px solid #bdbdbd;border-left:2px solid #de3225;}

#eventprivacy .button { margin:40px auto; }

/*法要・塔婆フォーム---------------------------------------------------------------------*/
#eventform .c_inner,#privacy .c_inner{width:100%;margin:0 auto;}
#eventform .c_subTtil{margin-top:2em;}
#eventform .note{width:100%;margin-bottom:.8em;font-size:1.1em;padding-left:.6em; border-left:3px solid #c8b242;line-height:1.5;}
#eventform .note2{width:100%;margin:1.2em 0 .8em;font-size:1.1em;padding-left:.6em; border-left:3px solid #c8b242;line-height:1.5;}
#eventform .note3{width:100%;margin:1.2em 0 .8em;padding-left:.6em;}

#eventform .tbl{width:100%;}
#eventform .tbl tr > *{padding:1.2em;border:1px solid #c8b242;}
#eventform .tbl th{ text-align:left;vertical-align:text-top;background:#f7f1d5;border:1px solid #c8b242;}
#eventform .form_tbl th{position:relative;width:230px;}
#eventform .form_tbl .req {position:absolute;right:15px;display:inline-block;color:#d83c2d;font-weight:bold;}
#eventform .tbl p{width:100%;}
#eventform .tbl .help{margin-bottom:1em;}
#eventform .tbl .help2{margin-top:1em;}
#eventform .tbl .syurui label{margin-left:6%;}
#eventform .tbl .syurui label:nth-of-type(5n+1){margin-left:0;}
#eventform .tbl .syurui label:nth-of-type(1){margin-left:0;}
#eventform .submit{margin-top:30px;}
#eventform .submit input{width:30%; padding:10px;border:0;background:#de3225;color:#fff;}
#eventform .note_info p{width:100%;margin-bottom:1.2em;}
#eventform input[type="hiddun"]{display:none;}
#eventform input.required_day{border:1px solid #bdbdbd;border-left:2px solid #de3225;}
#eventform select{margin:0 .4em 0 0;}


/*お問い合わせフォーム---------------------------------------------------------------------*/
#contact .contents { margin-bottom:50px; }
#contact .form_tbl { width:100%; }
#contact .form_tbl th { position:relative; width:230px; text-align:left; vertical-align:text-top; background:#f7f1d5; border:1px solid #c8b242;}
#contact .form_tbl td { border:1px solid #c8b242; }
#contact .form_tbl tr > * { padding:1.2em;}


/*夜間特別拝観のお知らせ---------------------------------------------------------------------*/
#lightup.press > div > .inner { font-family:serif; } 
#lightup .inner{ max-width:900px; }
#lightup h3{ margin-bottom:1.5em; font-family:serif; line-height:1.5; }
#lightup p + h3{ margin-top:clamp(1.8em,3.3vw,30px); }
#lightup .lead { margin-bottom:3em; }

#lightup .dl_List { padding-left:1em; margin-top:2em; margin-bottom: 2em;}
#lightup .dl_List dd { margin-left:20%; font-family:serif; }
#lightup .dl_List dt{ display: flex; align-items: center; width:auto; }
#lightup .dl_List dt:before { content:"●"; margin-right: 5px; font-size: 5px; }

#lightup .dl_List + .txt { margin-top: -1em;}

#lightup .hogaku .dl_List { margin-top: 1em;}
#lightup.press .img-list { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1em; margin: 3em auto; }
#lightup.press .daytime .img-list .large { grid-row: span 2; }

#lightup .tbl { margin:1.5em auto; font-family:serif; }
#lightup .tbl tr > * { padding:.5em 1em; }
#lightup .tbl td { white-space:nowrap; background:#fff; }

#lightup .noteBox { margin:3em 0; }

#lightup .lead .flex {margin: 3em auto;}
#lightup .lead figure {width: 48%;}
#lightup.press .img-list figure { width: 100% !important; margin-bottom: unset !important;}

#lightup .lead_box {margin-bottom: 2em;}
#lightup .lead_box>p {width: 48%;}
#lightup .lead_box>figure {width: 48%;}
#lightup .subTtl2 {margin-bottom: .2em;}
#lightup .subTtl2::before {content: "◆"; color: #948849; margin-right: .3em; font-size: .8em;}
/* #lightup #gaiyou .dl_List {padding-left: 0;} */
#lightup .dl_List dd {margin-left: 16%;}
#lightup .tour_premium { margin-top: 2.5em;}

#lightup .col3 {margin-bottom: 1em;}
#lightup .gaiyou .dl_List {margin-bottom: 1em; padding-left: 0;}
#lightup .temple_treasure { margin-bottom: 60px; }
#lightup .lineBox.daytime  figure{width: 32%; margin-bottom: 1em;}
#lightup .lineBox.night figure {width: 32%; margin-bottom: 1em;}
#lightup .tour_premium .dl_List {margin-top: .5em; margin-bottom: .5em;}
#lightup .tour_premium ul.kome li {text-indent: 0;}
#lightup .tour_premium h5 {font-size: 1em; padding-left: 1.3em; margin-bottom: 0em; margin-top: 1em; position: relative;}
#lightup .tour_premium h5::before {content:"";position: absolute; top: 0;  bottom: 0; left: 0; width: 1em; height: 2px; margin: auto; background-color: #c8b242;}

#lightup .grid-box { display: grid; grid-template-columns: auto minmax(0,30%); gap: 1em 2em; }


/*奉納コンサートのお知らせ---------------------------------------------------------------------*/
#hono_concert { font-family:serif; }

#hono_concert .conTtl { margin-bottom: 2em; padding-bottom: .6em; 
  font-size: 1.8em; line-height: 1.5; }
  #hono_concert .conTtl span { font-size: .8em; }
  
  #hono_concert .lead_box { padding: 1em; font-size: 1.2em; line-height: 1.5; background: #ffefed; }
  
  #hono_concert .dl_List > div { padding: 1.2em; border-bottom: 1px solid #cccccc; }
  #hono_concert .dl_List dd { margin-left:20%; font-family:serif; }
  #hono_concert .dl_List dd { margin-left:20%; font-family:serif; }
#hono_concert .dl_List dt{ width:auto; padding-left: 1em; position: relative; }
#hono_concert .dl_List dt:before { 
  content: ""; position: absolute; top: .5em; left: 0; width: 10px; height: 10px; background-color: #c8b242; border-radius: 50px; }
#hono_concert .dl_List dd a { word-break: break-all; }

#hono_concert .dl_List dd .btn a { display: inline-block; padding: 0.8em 2.5em .8em 1.5em; 
  background: #c8b242; color: #fff; position: relative; }
  #hono_concert .dl_List dd .btn a:hover { background: #948849; }
  #hono_concert .dl_List dd .btn a::before {
    content: "";
    position: absolute;
    top: 0;
    right: 1em;
    bottom: 0;
    width: 8px;
    height: 8px;
    margin: auto;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  
  #hono_concert .dia-list li { padding-left: 1.2em; position: relative; }
  #hono_concert .dia-list li::before { 
    content: ""; position: absolute; top: .5em; left: 0;
    width: 10px; height: 10px; background-color: #c8b242; transform: rotate(45deg); }
    #hono_concert .dia-list li + li { margin-top: .5em; }
    
    #hono_concert .subTtil03 { float: left; }
    #hono_concert .sns-link { float: right; }
    #hono_concert .sns-link li + li { margin-left: .5em; }
    
    .sns-link li a { display: inline-block; width: 30px; color: #fff; }
    
    #hono_concert .tbl { margin:1.5em auto; font-family:serif; }

    .reserve_link { margin: 2em 0; text-align: center; }
    .reserve_link li { width: 32.5%; }
    .reserve_link a { display: flex; height: 100%; padding: 1em 0 0; 
      border: 1px solid #c8b242; justify-content: center; align-items: center; 
      flex-direction: column; }
.reserve_link a span { margin-bottom: 1em; font-weight: bold; }

.reserve_link a .btn { 
  width: 100%; margin-top: auto; margin-bottom: 0; padding: .2em; background: #c8b242; 
  color: #fff; transition: all .3s; }
.reserve_link a:hover { color: #333333; border: 1px solid #948849; }
.reserve_link a:hover .btn { background: #948849; }


#hono_concert .list-style li span { display: inline-block; margin-bottom: .5em; padding: .2em .5em .2em 1em; background-color: #f7f1d5; }
.list-style li + li { margin-top: 1em; }

.live_streaming { margin-top: 5em; }
.live_streaming .subTtil02 .small { font-size: .6em; }

.concert_list { margin-top: 5em; }
.concert_list > li + li { margin-top: 3em; padding: 3em 0 0; border-top: 1px dotted #c8b242; }

.concert_list .ttl-box { margin-bottom: .5em; padding: 0 0 .3em; border-bottom: 1px solid #c8b242; }

.concert_ttlhead { position: relative; }
.concert_ttlhead .img { width: 50%; }
.concert_list li:nth-child(odd) .img { order: 1; }
.concert_ttlhead .lead { width: 45%; margin: auto 0; }
.concert_list li:nth-child(even) .lead { padding-left: 5%; }
.concert_list li:nth-child(odd) .lead { padding-right: 2%; }
.concert_ttlhead .lead p { margin: 0; }
.concert_ttlhead .lead .ttl { margin: 0; font-size: 2.5em; }
.concert_ttlhead .lead .ttl2 { margin: 0; font-size: 1.5em; }
.concert_ttlhead .lead .ttl2 span { font-size: .6em; }

#hono_concert .concert_list li.kunugen .dia-list li span,
#hono_concert .concert_list li.minichestra .dia-list li span { margin-left: .8em; }
#hono_concert .covid19-box { margin-top: 5em; }

#hono_concert .button { display: inline-block; min-width: 240px; height: auto; 
  margin-top: 1.5em; padding: .8em 1em; background: #c8b242; color: #fff; 
  text-align: left; position: relative; }
  #hono_concert .button::before { 
    content: ""; position: absolute; top: 0; right: 1em; bottom: 0;
    width: 8px; height: 8px; margin: auto; 
    border-top: 1px solid #fff; border-right: 1px solid #fff; 
    -webkit-transform: rotate(45deg); transform: rotate(45deg); }
    #hono_concert .button:hover { background-color: #948849; }
    
    
/* 金戒光明寺公式SNS ---------------------------------------------------------------------*/
#social .amuletBox { display: grid; grid-template-columns: repeat(3, 1fr); }
#social .amuletBox li { width: unset; display: grid; padding: 33px 14.5px 25px; grid-template-rows: subgrid; grid-row: span 4; }
#social .amuletBox li h4 { width: 100%; }
#social .amuletBox li p { margin-block: 1em; text-align: left; font-feature-settings: "palt"; }
#social .noteList { margin-bottom: 3em; }
#social .noteList li { margin: 1em 1.5em; }


/*---------------------------------------------------------------------
タブレット
---------------------------------------------------------------------*/
@media screen and (max-width:999px) {
  
  /*金戒光明寺について*/
  #about .bg_about {  background:url(../img/about/img_about.png) no-repeat bottom -40px right -40px /60%;padding:0 0 50px;}
  
/*合格祈願・厄除祈願*/
/*.yakuyoke .amuletBox li { width:40%; }*/

/*合格祈願フォーム*/
#contact .c_inner{width:100%;}
#contact .c_subTtil{margin-top:1.2em;}
#contact .tbl tr > *{ display:block;padding:.6em;width:100%; border:none;}
#contact .tbl tr td{padding:2% 1% 4%;margin-bottom:.8em;}
#contact .tbl .syurui label{margin-left:1%;}
#contact .tbl .syurui label:nth-of-type(6n+1){margin-left:1%;}
#contact .tbl .syurui label:nth-of-type(1){margin-left:0;}
#contact .form_tbl .req{ position:static; margin-left:1.5em;}

/*納骨・写経会・仏前結婚式・浄焚式*/
#noukotsu .txtBox .button{position:relative; width:calc(240px - 80px); margin:0;}

/*法要・塔婆フォーム*/
#eventform .c_inner{width:100%;}
#eventform .c_subTtil{margin-top:1.2em;}
#eventform .tbl tr > *{ display:block;padding:.6em;width:100%; border:none;}
#eventform .tbl tr td{padding:2% 1% 4%;margin-bottom:.8em;}
#eventform .tbl .syurui label{margin-left:1%;}
#eventform .tbl .syurui label:nth-of-type(5n+1){margin-left:1%;}
#eventform .tbl .syurui label:nth-of-type(1){margin-left:0;}
#eventform .form_tbl .req{ position:static; margin-left:1.5em;}

/*夜間特別拝観のお知らせ---------------------------------------------------------------------*/
#lightup .dl_List { width:100%; }
#lightup .inner { max-width:90%;}
}


/*---------------------------------------------------------------------
タブレット 縦のみ
---------------------------------------------------------------------*/
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation:portrait) {
  
  .concert_ttlhead .lead .ttl2 { font-size: 1.4em; }
  .concert_ttlhead .lead .ttl { font-size: 2em; }
  
}

/*---------------------------------------------------------------------
スマホ
---------------------------------------------------------------------*/
@media screen and (max-width:699px) {
  
  .lineBox {/*padding:15px;*/ margin-bottom:30px;}
.lineBox figure, .lineBox p { width:100%; }
.lineBox figure { order:1;margin-bottom:10px; }
.lineBox p { order:2; }

.dl_List { margin-bottom:20px;}

/*タイトル*/
.bg_pageTtl {margin-bottom:40px; height:300px;}
.pageTtl { width:60%; padding:20px; font-size:20px; }
.subTtil { text-align:center; margin-bottom:1em; padding-bottom:.5em;}
.conTtl {margin-bottom:1em; padding-bottom:.5em;font-size:18px; }

.note_info p { text-align:left;}
.note_info .btn_line { text-align:center;}

/*金戒光明寺について---------------------------------------------------------------------*/
#about .bg_about {  background:none; padding:0;}
#about .conTtl {  max-width:100%; }
.about_info dl, .about_info figure { width:100%; }
.nenbutsu {margin:60px auto;padding:10px 20px;}
.nenbutsu p { text-align:left; }

/*金戒光明寺の見どころ---------------------------------------------------------------------*/
#recommend .kibikanon .txtBox { width:100%;order:2;}
#recommend .kibikanon .txtBox .button { position:inherit;margin:10px auto; }
#recommend .kannon .txtBox { width:100%;order:2; }
#recommend .gokoh .txtBox { width:100%;order:2; }

/*会津藩と黒谷と新撰組---------------------------------------------------------------------*/
#roots .bg_con {height:150px;}
#roots .pageTtl { width:50%; padding:10px; }
#roots .txtBox_col div {  width:100%; padding:0;border-right:none; }

/*納骨・写経会・仏前結婚式・浄焚式---------------------------------------------------------------------*/
#event .txtBox,#event .txtBox p  { width:100%; order:2;}
#event .syakyokai .txtBox .button {position:inherit;}

#noukotsu .txtBox .button{position:relative; margin:10px auto;}
#event h4{margin:0 auto;}
#wedding .noteBox p{margin:0 auto;}
#wedding .note li:first-child{margin:0 1em 1em;}

/*合格祈願・厄除祈願---------------------------------------------------------------------*/
#pray .pageTtl {width:65%;}
.amuletBox { display:block;}
.amuletBox li,.yakuyoke .amuletBox li { width:100%; margin:0 auto 20px;padding:10px;}

#pray #goukaku .txtBox,#pray #yakuyoke .txtBox{position:inherit;width:100%;order:2;}
#pray #goukaku .txtBox .button,#pray #yakuyoke .txtBox .button{position:inherit;margin:1em auto; width:50%;}
#pray #entry{padding:20px;}
#pray #entry .button{margin:1em auto;}
#pray .Form{display:inherit;}
#pray .Form .formLink,#pray .Form .pdfLink{width:calc(240px - 50px);margin:10px auto;}

/*交通・参拝情報---------------------------------------------------------------------*/
#access figure { width:100%; margin-bottom:30px;}
#access .dl_List { margin-bottom:30px; text-align:left;}
#access .dl_List dt { float:none; margin-bottom:.5em; width:100%; font-weight:bold; border-bottom:1px solid #c8b242;}
#access .dl_List dd { margin-bottom:20px; margin-left:0;  line-height:1.5; }

/*四季の便り--------------------------------------------------------------------*/
.slideBox { margin-bottom:30px;}
.slideBox .slide { width:100%;}

/*昼食プラン--------------------------------------------------------------------*/
#lunch .bg_pageTtl + p {text-align:left; }
.menu {margin:30px auto 60px;}
.menu figure, .menu .txtBox {width:100%;}
.menu .txtBox { order:1;}
.menu figure { order:2;}

/*en--------------------------------------------------------------------*/
#en .lineBox .txtBox {width:100%;}

/*合格祈願フォーム---------------------------------------------------------------------*/
#contact .c_inner{width:100%;}
#contact .tbl .syurui label{margin-left:0;}
#contact .tbl tr > *{ display:block;width:100%; border:none;}
#contact .tbl .syurui label{margin-left:0;}
#contact .tbl .syurui label:nth-of-type(6n+1){margin-left:0;}
#contact .tbl .syurui label:nth-of-type(1){margin-left:0;}
#contact .pageTtl {width:65%;}
#contact .noteBox{padding:10px;}
#contact .submit input{width:40%;padding:10px;}

/*法要・塔婆フォーム---------------------------------------------------------------------*/
#eventform .c_inner{width:100%;}
#eventform .tbl .syurui label{margin-left:0;}
#eventform .tbl tr > *{ display:block;width:100%; border:none;}
#eventform .tbl .syurui label{margin-left:1%;}
#eventform .tbl .syurui label:nth-of-type(5n+1){margin-left:0;}
#eventform .tbl .syurui label:nth-of-type(1){margin-left:0;}
#eventform .pageTtl {width:65%;}
#eventform .noteBox{padding:10px;}
#eventform .submit input{width:40%;padding:10px;}


/*お問い合わせフォーム---------------------------------------------------------------------*/
#contact .contents { margin-bottom:30px; }
#contact .form_tbl tr > * { display:block; padding:.6em; width:100%; border:none;}
#contact .form_tbl td { padding:1.2em .6em;}
#contact .submit { margin-top:10px;}
.c_inner .txtBox p { text-align:left; }

/*夜間特別拝観のお知らせ---------------------------------------------------------------------*/
#lightup .pageTtl { width:80%; }
#lightup .noteBox{ margin:20px 0; padding:20px; text-align:left; }
#lightup h3{ margin-bottom:1em; }

#lightup .dl_List { width:auto; padding:0; }
#lightup .dl_List dt { float:none; clear:none; margin-bottom:0px;}
#lightup .dl_List dd { padding-left:0; margin-bottom:20px; margin-left:1em; }

#lightup .tbl th { font-size:.9em; }

#lightup .lead figure {width: 100%;}
#lightup .lead p.center {text-align: left;}
#lightup .lead .flex {margin: 1.5em auto; gap: 1em;}
#lightup .lineBox.daytime  figure{width: 100%; margin-bottom: 1em;}
#lightup .lineBox.night figure {width: 100%; margin-bottom: 1em;}
#lightup .individual {margin-bottom: 2em;}

#lightup.press .img-list { grid-template-columns: 1fr; gap: 1em; margin: 2em auto; }
#lightup.press .daytime .img-list .large { display: none;}
#lightup .grid-box { grid-template-columns: 1fr; margin-bottom: 1.5em; }
#lightup .grid-box .dl_List { margin-bottom: 0;}
#lightup .grid-box .dl_List dd:last-child { margin-bottom: 0;}



/*奉納コンサートのお知らせ---------------------------------------------------------------------*/

#hono_concert .conTtl { font-size: 1.5em; }
#hono_concert .conTtl span { font-size: .7em; }

#hono_concert .lead_box { font-size: 1em; }

.reserve_link li { width: 100%; }  
.reserve_link li + li { margin-top: 1em; }

#hono_concert .list-style li { margin-top: .5em; }

#hono_concert .dl_List dt { width: 100%; }
#hono_concert .dl_List dd { display: inline-block; margin-left: 0; }
#hono_concert .dl_List dd .btn a { display: block; font-size: .85em; }

.concert_ttlhead .img,
.concert_ttlhead .lead { width: 100%; }
.concert_list li:nth-child(odd) .img { order: -1; }
  .concert_list li:nth-child(even) .lead { padding-left: 0; }
  .concert_list li .lead { margin-top: 1.5em; }
  .concert_ttlhead .lead .ttl { font-size: 2em; }
  .concert_ttlhead .lead .ttl2 { font-size: 1.3em; }
  
  
  
  /* 金戒光明寺公式SNS ---------------------------------------------------------------------*/
  #social .amuletBox { grid-template-columns: repeat(1,1fr); }
  #social .amuletBox li { width: 100%; padding: 1.6em 1.6em 1em; }
  #social .amuletBox li h4 { margin-top: 0; }
  #social .amuletBox li p { font-feature-settings: unset; }
  #social .noteList li { margin-inline: 0; }

}