@charset "UTF-8";

img.pcimg {
    display: none !important;
}
img.spimg {
    display: block;
}

ul.navbar-nav li {
    margin-left: 10px;
    margin-right: 10px;
    max-height: 100%;/*IE11カラムバグ対策*/
}
ul.navbar-nav li.nav-item {
    max-height: 100%;/*IE11カラムバグ対策*/
}
ul.navbar-nav li,
a.nav-link,
ul.navbar-nav li.nav-item {
    -webkit-writing-mode: horizontal-tb;
    -ms-writing-mode: horizontal-tb;
    writing-mode: horizontal-tb;
        writing-mode: lr-tb; 
}
/*-------------------------------------
	ヘッダー
-------------------------------------*/
h1 {
    margin: 0;
}
header {
    width: 100%;
    margin: 0 auto;
}


header img.sp_logo {
    display: inline-block;
    width: 60%;
    margin: 0 0;
    padding: 0 0;
}
/*PCのロゴは消す*/
header img.logo {
    display: none;
}
/*svg アニメーションロゴ消す*/


/*ロゴアニメーション*/
.st1{
  fill:#fff;
  stroke:#fff;
  stroke-dasharray: 2000;
  stroke-dashoffset: 0;
  stroke-width: 1;
  -webkit-animation: hello 4s ease-in 0s forwards;
  animation: hello 4s ease-in 0s forwards;
}

  @-webkit-keyframes hello {
      0% {
        stroke-dashoffset: 2000;
        fill:transparent;
      }
      40% {
        stroke-dashoffset: 2000;
        fill:transparent;
      }
      50% {
        fill:transparent;
      }
      100% {
        stroke-dashoffset: 0;
        fill:#fff;
      }
    }
/*-------------------------------------
	ナビゲーション
-------------------------------------*/
div#navbarNav {
   padding: 0;

}


ul.fontnav li a {
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ipaexm", ipaexm, serif;
    text-rendering: auto;
    font-size: 16px;
    color: #000;
         -webkit-writing-mode: horizontal-tb;
    -ms-writing-mode: horizontal-tb;
    writing-mode: horizontal-tb;
        writing-mode: lr-tb;
    }
/*-------------------------------------
	コンテンツエリア
-------------------------------------*/
div#container {
    width: 100%;
    margin: 0 auto;
}

/*動画*/
div.video_frame {
    margin: 20px 0 !important;
}
/*バナーテキスト*/
div#sp_txtArea {
    display: block;
    width: 90%;
    margin: 30px auto;
    -webkit-font-smoothing: antialiased;
    font-size: 4vw;
    line-height: 1.75em;
}

div#topics {
    margin-top: 40px;

}
div#topics p {
        -webkit-writing-mode: horizontal-tb;
      -ms-writing-mode: horizontal-tb;
          writing-mode: horizontal-tb;
    letter-spacing: 1px;
}

div#topics h2 {
    background-image: url(../img/top_ornament.png);
    background-position: center top;
    background-repeat: no-repeat;
    height: auto;
    width: 161px;
    line-height: 161px;
    margin: 0 auto;
    display: block;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    padding-top: 30px;
    margin-bottom: 30px;
    float: none;
    font-size: 18px;
}
/*IE11 hack*/
@media all and (-ms-high-contrast:none){
  *::-ms-backdrop, 
    div#topics div.topic_ttl {
    max-height: 200px;
    width: 30%;
    margin: 0 auto;
}
    /* IE11 */
}

/*サブメニューエリア*/
div.submenuArea {
    margin: 30px auto;
}
div.submenuArea div.submenuList h3 {
    font-size: 12px;
}
div.submenuArea div.submenuList p {
    font-size: 10px;
    line-height: 1.4em;
}
div.submenuArea div.subArea_ttl p {
    text-align: center;
    font-size: 20px;
    letter-spacing: .45rem;
    color: #292929;
    -webkit-font-smoothing: antialiased;
}
div.submenuArea02 div.subArea_ttl {
        margin: 50px 0 20px 0;
}

/*各ページ 概要 共用*/
div.primaryImg {
    position: relative;
    overflow: hidden;
}
div.primaryImg div.description {
    width: 40%;
    position: absolute;
    left: 10%;
}
div.primaryImg div.description h2 {
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    margin: 0 0;
    padding: 0 0;
     font-size: 4vw;
    float: none;
    line-height: 1.5em;
    text-indent: 1.5em;
    -webkit-font-smoothing: antialiased;
}
/*南蔵院について*/
div.primaryImg div.nanzouin_ttl {
    top: 7%;
}
/*教室のご案内*/
div.primaryImg div.kyousitu_ttl {
    top: 8%;
}
/*教室のご案内*/
div.primaryImg div.sadou_ttl h2 {
    font-size: 3.5vw;
    text-indent: 1em;
}
/*ご祈祷ご供養*/
div.primaryImg div.gokitougokuyou_ttl h2 {
        background: url(../gokitou/img/ttl_icon.svg) no-repeat top center;
    background-size:100%;
    text-indent: 1em;
    font-size: 2.2vw;
}
div.primaryImg div.sougiindex_ttl h2 {
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    margin: 0 0;
     font-size: 2.35vw;
    float: left;
    background: url(../sougi/img/sougi_icon.svg) no-repeat left top;
    background-size:100%;
    text-indent: 3em;
    line-height: 3em;
    padding-left: 0 !important;
  
    -webkit-font-smoothing: antialiased;
}

/*七五三タイトル*/
div.primaryImg div.sitigosan_ttl h2 {
        background: url(../gokitou/img/ttl_icon02.svg) no-repeat top center;
    background-size:100%;
    line-height: 1.5em;
    top: 0;
    font-size: 3vw;
    text-indent: 2.5em;
}

/*ご供養タイトル*/

div.primaryImg div.gokuyou_ttl h2 {
    margin-top: 25%;
     font-size: 5vw;
    }
    .gokuyou_img {
    width: 50% !important;
    
}

/*自彊術体操教室*/
div.primaryImg div.jikyoujyutu_ttl h2 {
      background: url(../gokitou/img/ttl_icon04.svg) no-repeat top center;
    background-size:100%;
   font-size: 5vw;
    margin-top:0;
    text-indent: 0.5em;
}
/*南蔵院ランチ会*/
div.primaryImg div.lunch_ttl h2 {
      background: url(../sien/img/ttl_icon02.svg) no-repeat top center;
    background-size:100%;
   font-size: 3.5vw;
    margin-top:0;
    text-indent: 1.5em;
}
/*華すがた会*/
div.primaryImg div.hanasugata_ttl h2 {
        background: url(../kyousitu/img/ttl_icon04.svg) no-repeat top center;
    background-size:100%;
    font-size: 5vw;
 text-indent: 1.5em;
}

/*御詠歌*/
div.primaryImg div.goeika_ttl{
       top: 8%; 
}
div.primaryImg div.goeika_ttl h2 {
        background: url(../kyousitu/img/ttl_icon03.svg) no-repeat top center;
    background-size:100%;
    font-size: 5vw;
 text-indent: 1em;

}

/*お問い合わせ*/
div.primaryImg div.contact_ttl h2 {
      background: url(../contact/img/ttl_icon.svg) no-repeat top center;
    background-size:100%;
   font-size: 4vw;
    margin-top:0;
    text-indent: 1em;
}

/*札所*/
div.primaryImg div.fudasyo_ttl h2 {
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    margin: 0 0;
    float: left;
    background: url(../nanzouin/img/ttl_icon04.svg) no-repeat center top;
    background-size:100%;
    text-indent: 3.5em;
    line-height: 3em;
     font-size: 4.5vw;
    -webkit-font-smoothing: antialiased;
}




/*教室・講座のご案内タイトル*/

div.primaryImg div.kyousitu_ttl h2 {
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    margin: 0 0;
     font-size: 3.2vw;
    float: left;
    background: url(../kyousitu/img/ttl_icon01.svg) no-repeat left top;
    background-size:100%;
    text-indent: 2em;
    line-height: 3em;
    padding-left: 10px;
    -webkit-font-smoothing: antialiased;
}
/*支援活動*/
div.primaryImg div.sien_ttl {
    top: 8%;
}
div.primaryImg div.sien_ttl h2 {
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    margin: 0 0;
     font-size: 5vw;
    float: left;
    background: url(../sien/img/ttl_icon.svg) no-repeat center top;
    background-size:100%;
    text-indent: 2.2em;
    line-height: 2em;
    -webkit-font-smoothing: antialiased;
}
/*南蔵院の年中行事*/
div.primaryImg div.nenjyugyouji_ttl h2 {
      background: url(../nenjyugyouji/img/ttl_icon.svg) no-repeat top center;
    background-size:100%;
    margin-top: 0;
    line-height: 3em;
    text-indent: 2.5em;
     font-size: 3vw;
}
/*子供会*/
div.primaryImg div.kodomokai_ttl h2 {
    font-size: 4.5vw;
}
/*トピック*/
div.primaryImg div.topic_ttl h2 {
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    margin: 0 0;
     font-size: 4vw;
    float: left;
    background: url(../topic/img/ttl_icon.svg) no-repeat center top;
    background-size:100%;
    text-indent: 2em;
    line-height: 3.5em;
    -webkit-font-smoothing: antialiased;
}








div.primaryImg div.description p,
div.primaryImg div.description02 p{
    display: none;
}
div.primaryImg div.des_left {
    
}

div.primaryImg div.des_right {
    width: 40%;
    position: absolute;
    top: 10%;
    left: 74%;
}


/*コンテンツ*/

  /*初参り*/
div.commonArea {
    width: 100%;
    height: auto;
    margin:50px 0 0;

}
div.commonArea div.sectionArea {
    position: relative;
}

div.commonArea div.sectionArea div {
    width: 90%;
    margin: 0 auto;
    opacity: 0.8;
    background: #fff;
    padding: 5%;
    top: 70%;
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%);
    position: absolute;
    /*top: 30%;
    left:14%;*/
    border: 1px solid #f6f6f6;
}
div.commonArea div.sectionArea div p {
       font-size: 1.75vw;
    -webkit-font-smoothing: antialiased;
    line-height: 1.5em;
}
div.commonArea div.sectionArea div a {
    letter-spacing: 0.25em;
    font-size: 2.7vw;
    -webkit-font-smoothing: antialiased;
}

/*七五三*/
div.commonArea div.sitigosan {
    background: url(../gokitou/img/sitigosan_bg.jpg) no-repeat top right;
    background-size: contain;

}
/*初参り*/
div.commonArea div.hatumairi {
    background: url(../gokitou/img/hatumairi_bg.jpg) no-repeat top right;
    background-size: contain;
}

div.newsArea div {
    width: 100%;
}

/*注意事項*/
div.alert p.alert_ttl {
    font-size: 3.7vw;
    letter-spacing: 0.25em;
    -webkit-font-smoothing: antialiased;
}
div.alert p {
    font-size: 2.8vw;
    line-height: 1.5em;
    letter-spacing: 0.25em;
    -webkit-font-smoothing: antialiased;
}



/*-------------------------------------
	南蔵院について
-------------------------------------*/

/*南蔵院の略縁起*/
div.commonArea div.ryakuengi01,
div.commonArea div.ryakuengi02{
    /*background: url(../nanzouin/img/ryakuengi_bg01.jpg) no-repeat top right;
    background-size: contain;*/
    width: 100%;
    padding: 0 0;

}
div.commonArea div.ryakuengi01 img,
div.commonArea div.ryakuengi02 img{
    position: relative;
    left: 0;
    top: 0;
    display: block;
}
div.commonArea div.ryakuengi01 div,
div.commonArea div.ryakuengi02 div {
    width: 90%;
    margin: 0 auto;
    background: #fff;
    padding: 8%;
    position: absolute;
    top: 10%;
    border: 1px solid #f1f1f1;
    overflow: hidden;
    left: 0;
}

div.commonArea div.ryakuengi02 {
    /*background: url(../nanzouin/img/ryakuengi_bg01.jpg) no-repeat top right;
    background-size: contain;*/
	padding: 0;

}


div.commonArea div.ryakuengi01 span,
div.commonArea div.ryakuengi02 span{
    -webkit-font-smoothing: antialiased;
    font-size: 4.5vw;
    letter-spacing: 0.2em;
    text-align: center;
    display: block;
    line-height: 1.75em;
}
div.commonArea div.ryakuengi01 p,
div.commonArea div.ryakuengi02 p{
        font-size: 1.85vw;
}

div.commonArea div.sectionArea02 {
    height: 100%;
    position: relative;
}
div.commonArea div.sectionArea02 img {
    width: 95%;
    margin: 0 auto;
    display: block;
}
div.commonArea div.sectionArea02 img:after{
    display: block;
    width: 100%;
    content: "";
}

div.commonArea div.sectionArea02 div {
    width: 90%;
    background: #fff;
    padding: 8%;
    margin-top: 10%;
    margin-bottom: 10%;
    margin-left: auto;
    margin-right: auto;
    /*position: absolute;
    top: 10%;*/
    border: 1px solid #f1f1f1
    overflow: hidden;
    position: relative;
}
div.commonArea div.sectionArea02 div p {
         font-size: 15px;
    -webkit-font-smoothing: antialiased;
    line-height: 1.75em;
}
div.commonArea div.sectionArea02 div a {
    letter-spacing: 0em;
    -webkit-font-smoothing: antialiased;
    font-size: 3.5vw;
}


/*南蔵院の桜*/

div.commonArea div.sakura01,
div.commonArea div.sakura02{
    /*background: url(../nanzouin/img/ryakuengi_bg01.jpg) no-repeat top right;
    background-size: contain;*/
    width: 100%;
    padding: 0 0;

}
div.commonArea div.sakura01 img,
div.commonArea div.sakura02 img{
    position: relative;
    left: 0;
    top: 0;
    display: block;
}
div.commonArea div.sakura01 div,
div.commonArea div.sakura02 div {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    background: #fff;
    padding: 8%;
    position: relative;
    top: 15%;
    border: 1px solid #f1f1f1;
    overflow: hidden;
    left: 0;
}

div.commonArea div.sakura02 {
    /*background: url(../nanzouin/img/ryakuengi_bg01.jpg) no-repeat top right;
    background-size: contain;*/
	padding: 0;

}


div.commonArea div.sakura01 span,
div.commonArea div.sakura02 span,
div.commonArea div.sakura02 span.ttl2,
div.commonArea div.sakura01 span.ttl2{
    -webkit-font-smoothing: antialiased;
    font-size: 4.5vw;
    letter-spacing: 0.2em;
    text-align: center;
    display: block;
    line-height: 1.5em;
    margin-bottom: 10px;
}

div.commonArea div.sakura01 p,
div.commonArea div.sakura02 p{
        font-size: 1.85vw;
}


/*-------------------------------------
	教室・講座案内
-------------------------------------*/
div.lecturer {
    width: 80%;
    margin-bottom: 70px;
}
div.lecturer div.col-lg-7 span {
     -webkit-font-smoothing: antialiased;
    font-size: 4vw;
    letter-spacing: 0.2em;
    line-height: 4em;
}
div.lecturer div.col-lg-7 p {
    -webkit-font-smoothing: antialiased;
    font-size: 3vw;
    letter-spacing: 0.2em;
    line-height: 1.75em;
}
/*-------------------------------------
	葬儀案内
-------------------------------------*/

/*案内*/
div.guideArea {
    width: 95%;
    margin: 30px auto;
    padding: 30px;
    border: 1px solid #f1f1f1;
}
div.guideArea p.subttl {
        background: url(../img/common/list_ico.svg) no-repeat top center;
    padding-top: 50px;
    text-align: center;
      font-size: 4vw;
}
ul.listtxt {
    padding: 0;
}
ul.listtxt li {
    list-style: none;
    border-bottom:1px solid #f1f1f1;
    padding: 20px 0;
}
ul.listtxt li p.information {
    padding-left: 45px;
    line-height: 40px;
    height: 40px;
    font-size: 4vw;
    background: url(../img/common/list_ico.svg) no-repeat;
}

/*-------------------------------------
	支援活動
-------------------------------------*/
/*南蔵院ランチ倶楽部*/
div.sectionArea02 .lunchArea01 {
    padding: 0 0 0;
}

/*-------------------------------------
	年中行事
-------------------------------------*/

table.nenjyugyouji_cale {
      -webkit-font-smoothing: antialiased;
        font-size: 4vw;
    border: 1px solid #dee2e6;
    margin-bottom: 80px;
}
div.nenjyugyouji span {
  font-size: 6vw;  
}

/*-------------------------------------
	交通案内
-------------------------------------*/
div.accessArea {
    margin-top: 120px;
    margin-bottom: 100px;
     -webkit-font-smoothing: antialiased;
}
div.accessArea img {
    display: inline-block;
    vertical-align: top;
    width: 100%;
}
ul.access {
    width: 100%;
    display: inline-block;
    margin-right:0;
}
ul.access li {
    list-style: none;
    border-bottom:1px solid #f1f1f1;
    padding: 20px 0;
}
ul.access li span.information {
    padding-left: 0px;
    font-size: 24px;
    line-height: 1em;
    vertical-align: middle;
}
ul.access li span.information::before {
    content: "";
    background: url(../img/common/list_ico.svg) no-repeat left center;
    background-size: contain;
    display: inline-block;
    width: 2.5em;
    height: 2em;
}

/*-------------------------------------
	お知らせ
-------------------------------------*/
ul.linkbox-news  {
    padding: 0;
    margin: 0;
}
ul.linkbox-news li {
    margin: 0;
    padding: 0 0 5px 0;
}
ul.linkbox-news li p {
    padding: 0 0 0 0px;
    display: inline-block;
    margin: 0;
}
ul.linkbox-news li p,
ul.linkbox-news li time,
ul.linkbox-news li a{
    -webkit-font-smoothing: antialiased;
    color: #292929;
    letter-spacing: 0.2em;
    font-size: 3.5vw;
}

div.newsArea {
    margin-top: 80px;
}
div.newsArea img {
    display: inline-block;
    vertical-align: top;
    width: 100%
}
ul.news {
    width: 100%;
    display: inline-block;
    padding-left: 0;
}
ul.news li {
    list-style: none;
    border-bottom:1px solid #f1f1f1;
    padding: 20px 0;
    font-size: 14px;
}
ul.news li span.information {
    padding-left: 5px;
    font-size: 14px;
    vertical-align: middle;
}
ul.news li span.information::before {
    content: "";
    background: url(../img/common/list_ico.svg) no-repeat left center;
    background-size: contain;
    display: inline-block;
    width: 4em;
    height: 3em;
}
/*-------------------------------------
	交通情報
-------------------------------------*/
ul.access {
    padding-left: 0;
}
/*-------------------------------------
	サブメニューフッター
-------------------------------------*/
div.f_submenu img {
    width: 100%;
}
div.f_submenu {
    
    line-height: 0.8em;
}
div.f_submenu a {
    font-size: 10px;
    
}
div.submenuArea02 div.subArea_ttl p {
    font-size: 20px;
}

/*-------------------------------------
	フッターエリア
-------------------------------------*/
footer {
    width: 100%;
    height: auto;
    margin: 0 auto;
    background: url(../img/common/footer_bg.png) left top no-repeat;
    background-size: cover;
    padding: 0px 0px;
}
footer hr {
    display: none;
}
footer div#footerArea {
    width: 100%;
    margin: 0 auto;
}
footer div#footerMenu div:nth-child(2) {
    background: none;
}

footer div#footerMenu {
    display: none;
    
}
footer div#footerArea {
    padding: 20px 0 0 0;

}

footer div.ad_area {
    font-size: 12px;
    line-height: 1.5;
    letter-spacing:  .07em;
}
footer div#footer_navmenuArea {
    position: inherit;
}
footer div#footer_navmenuArea ul#footer_navmenu {
    width: 100%;
    margin:  0 0;
    padding: 0 0;
}
footer ul#footer_navmenu li {
    width: 100%;
    display: block;
    margin: 0 0 ;
    background-color: #3a3a3a;
    border-bottom: 1px solid #484747;
    padding: 10px 0 10px 10px;
}
footer ul#footer_navmenu li a {
    color:#fff;
    letter-spacing: .25em;
    font-size: 12px;
    display: block;
}


/*-------------------------------------
	スマホ 360px 以下 メディアクエリ
-------------------------------------*/


@media (max-width:361px) {

    .navbar-brand {
        margin-right: 0;
    }
    
  /*注意事項*/

    div.alert p.alert_ttl {
    font-size: 5vw;
    letter-spacing: 0.25em;
    -webkit-font-smoothing: antialiased;
}


}


/*-------------------------------------
	スマホ 414px 以下 736以上 メディアクエリ
-------------------------------------*/

@media screen and (min-width:335px) and (max-width:736px) {
   img.pcimg {
    display: none !important;
}
    
    /*メインイメージ*/
    div.primaryImg div.des_right {
    width: 40%;
    position: absolute;
    top: 5%;
    left: 72%;
}

    
    
        /*初参り*/
div.commonArea {
    width: 100%;
    height: auto;
    margin:50px 0 0;

}
div.commonArea div.sectionArea {
    position: relative;
    height: 450px;
    }

div.commonArea div.sectionArea div {
    width: 90%;
    margin: 0 auto;
    opacity: 0.8;
    background: #fff;
    padding: 5%;
    top: 70%;
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%);
    position: absolute;
    /*top: 30%;
    left:14%;*/
    border: 1px solid #f6f6f6;
}
div.commonArea div.sectionArea div p {
       font-size: 4vw;
    -webkit-font-smoothing: antialiased;
    line-height: 1.75em;
}
div.commonArea div.sectionArea div a {
    letter-spacing: 0.25em;
    font-size: 5vw;
    -webkit-font-smoothing: antialiased;
}
    /*初参り*/
div.commonArea div.hatumairi {
    background: url(../gokitou/img/hatumairi_bg.jpg) no-repeat top right;
    background-size: contain;

}
    
    /*七五三*/
div.commonArea div.sitigosan {
    background: url(../gokitou/img/sitigosan_bg.jpg) no-repeat top right;
    background-size: contain;

}
    
/*ご供養*/
div.commonArea div.gokuyou {
    background: url(../gokitou/img/gokuyou_bg_2.jpg) no-repeat -80px 0;
    background-size: contain;

}
      /*注意事項*/
    div.alert p.alert_ttl {
    font-size: 4vw;
    letter-spacing: 0.25em;
    -webkit-font-smoothing: antialiased;
}
    
/*========================== added 2021/09 ===========================*/
.pc-only{ display: none !important; }
.sp-only{ display:  initial;  }
html body #sakuraryou_ttl{     padding-top: 2rem;    font-size: 0.8rem;}
#recomWrap{
    margin: 4rem 2rem auto 2rem;
}
#recomWrap div{
    text-align: center;
}
#recomWrap img{ max-width: 100%; }
#panfDetail, 
#ansinDetail{
    position: relative;
    top: initial;
    left: initial;
    width: auto;
}

html body#sakuraryouDetail #container #goriyouannaiWrap h3,
html body#sakuraryouDetail #container #panfWrap h3,
html body#sakuraryouDetail #container #omoiWrap h3,
html body#sakuraryouDetail #container #ansinDetail h3{
    font-size: 20px ;
    font-weight: bolder;
}

#goriyouannaiWrap,
#panfWrap,
#ansinWrap{
    margin: auto 15px;
    width: auto;  
}
#panfWrap,
#picEidaikuyou{ margin-bottom: 1rem; }
#panfWrap,
#ansinWrap{ background-image: none; }
#sakuraryouDetail .spTextArea{
    font-size: 4vw;
    line-height: 1.75em;
}
#container #ansinWrap{ min-height: fit-content; margin-bottom: 4rem;  }
#goriyouannaiWrap {
    font-size: 4vw;
     padding: 1rem 0;
     margin-top: 4rem;
}


#sakuraryouDetail a#mitsumoriLink,
#sakuraryouDetail a.linkButton{
    border: 1px solid #787879;
    padding: 1rem 0;
    margin: 1rem auto;
    background-color: rgba(0,0,0,0.05);
    display: block;
    font-size: 4vw;

}
#container #goriyouannaiWrap h4{ text-align: left; font-size: 18px; padding-left: 1rem; font-weight: bold; margin-top: 1rem !important; }
#goriyouannaiWrap h4, #goriyouannaiWrap p{ margin: auto; }
#goriyouannaiWrap p{ padding-left: 1rem; padding-right: 1rem; }

html body #detailLinkWrap h3{ font-size: 16px; }
a#contactLink{ margin: auto;     font-size: 5vw;}
#sakuraryouDetail div.submenuArea02{
    margin: 4rem auto;
}
#contactInfo .fa-2x{ font-size: 4.5vw; }
#contactInfo img{ max-width: 100%; }
#mitsumoriLink{ margin-top: 2rem; }
#recomWrap div.col-sm-3 img{ max-width: 50vw; margin-bottom: 1rem; }
#sakuraryouTopImg{
    min-height: 240px;
    object-fit: cover;
    object-position: right top;
}
#sakuraryouTitle{ padding-top: 2.5rem; font-size: 3.35vw }
/*========================== added 2021/09 ===========================*/

#topYouTube{
        margin: 5rem auto auto auto !important;
}

html body #newsIndivWrap div.newsTxWrap figure{
    text-align: center;
}

    html body #newsIndivWrap div.newsTxWrap figure img{
        max-height: 30vh;
        width: auto;
        object-fit: contain;
        margin: auto;
}

    html body .guideArea.newsArea{
        margin: 1rem auto;
        padding: 15px;
    }
    
    ul#news{
        padding: 0;
        margin: auto;
    }
    
    #sp_txtArea{
        font-size: 12px;
        text-align: center;
    }
    li.newsTip:first-child{    margin-top: auto;  }
    
    h3.newsTitle{
        font-size: 1.25rem;
        font-weight: bold;
    }
    
    dd.newsPrev p.newsTx span{
         display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3; 
        overflow: hidden;
    }
    #news .newsthumb img,
    p.newsthumb img{ max-width: 100%; height: auto; }
    
    #newsIndivWrap dd.newsPrev div.newsTxWrap, p.newsTx {
        flex: 0 0 68.5%;
        line-height: 1.75;
        margin-left: 4%;
    }
    
    html body #newsIndivWrap.indivPost .newsTxWrap{
        font-size: 16px;
        margin-left: auto;
    }
    
    #topicLists ul#news{
        margin: auto;
        padding-left: 0;
    }
    
    div#topicLists.guideArea{
        padding:10px;
        border-color: transparent;
    }
}