/***** #top *****/
#contents #top_slide{
	padding:0;
}
#contents #top_slide .owl-carousel .owl-wrapper-outer .owl-item{
	padding:4px;
	background:#fff;
	box-sizing:border-box;
}
#contents #top_slide .owl-prev{
  left:10px;
}
#contents #top_slide .owl-next{
  right:10px;
}
#contents #top_news .page_ttl{
	margin-bottom:10px;
}
#contents #top_blog .repeat_box	 dt{
	font-size:115%;
	font-weight:bold;
	color:#2084a4;
	margin-bottom:20px;
}
#contents #top_blog .repeat_box dt span{
	font-size:90%;
	color:#9c9c9c;
	font-weight:400;
}
#contents #top_blog .repeat_box .article_text{
	margin-bottom:20px;
}
#contents #top_blog .repeat_box .article_text img{
	max-width:100%;
	vertical-align:bottom;
	display:block;
	margin:0 auto;
}
#contents #top_map .map_img{
	margin-bottom:20px;
	text-align:center;
}
#contents #top_map .map_img img{
	max-width:100%;
	vertical-align:bottom;
}
#contents #top_map .map_list{
	margin-bottom:60px;
	text-align:center;
}
#contents #top_map .map_list ul{
	letter-spacing:-0.4em;
}
#contents #top_map .map_list li{
	display:inline-block;
	margin-bottom:10px;
	padding:0 10px;
	border-right:1px solid #ce5fc5;
	letter-spacing:normal;
}
#contents #top_map .map_list ul li:last-child{
	border-right:none;
	padding-right:0;
}
#contents #top_banner li{
	margin-bottom:10px;
	text-align:center;
}
#contents #top_banner img{
	max-width:100%;
	vertical-align:bottom;
}
/***** #top *****/

/***** #blog *****/
#blog .title_box{
	font-size:105%;
	background:#fff;
	padding:15px;
	color:#9c9c9c;
	margin-bottom:20px;
}
#blog .title_box h2 a,#blog #recent-posts li a,#blog #archives a{
	font-size:110%;
	text-decoration:underline;
	font-weight:bold;
}
#blog .title_box h2.single-title{
	font-size:110%;
	font-weight:bold;
	color:#cf60c6;
}
#blog .blog_text{
	padding:0 3%;
	line-height:1.6;
}
#blog .blog_text img{
	max-width:100%;
	height: auto !important;
	vertical-align:bottom;
	display:block;
	margin:0 auto;
	padding: 1rem 0;
}
#blog .blog_l{
	margin-bottom:100px;
}
#blog .selectarea{
	width:100%;
	display:block;
	color:#cf60c6;
	font-size:110%;
	letter-spacing:-0.4em;
	text-align:center;
}
#blog .selectarea li{
	letter-spacing:normal;
	display:inline-block;
	font-weight:500;
}
#blog .widget{
	margin-bottom: 50px;
}
#blog .widgettitle{
	font-size:130%;
	color:#666464;
	font-weight:bold;
	margin-bottom:30px;
}
#blog .widget_recent_entries li,#blog .widget_archive li{
	font-size:90%;
	color:#9c9c9c;
	font-weight:300;
	margin-bottom:12px;
}
#blog .widget_recent_entries li:last-child,#blog .widget_archive li:last-child{
	margin-bottom:0;
}
#blog .widget_recent_entries li a,#blog .widget_archive li a{
	font-size:120%;
	text-decoration:underline;
	font-weight:bold;
	display:inline-block;
	margin-right:2%;
}
/***** #blog *****/

/* デフォルトはSP用スライドだけ表示 */
#top_slide_pc {
  display: none;
}

/* 寺院マップ：デフォルトはSPマップのみ表示 */
#top_map_pc {
  display: none;    /* PC専用マップはスマホでは非表示 */
}


/* 追加：デフォルト（スマホ）では PC 用フッターを非表示 */
#footer .footer_area {
  display: none;
}


  #top_banner2 {
	display: block;
  }
  
  #top_banner2 img{
    width: 100%;
    height: auto;
  }



  /* 右カラム：活動ブログ一覧 */
  #top_blog_list_pc {
    display: block;           
    border: 1px solid #e4dccd;
    padding: 20px 15px;
    margin-top: 20px;
	margin-left: 0 auto !important;
    box-sizing: border-box;
	background: url(/image/flower.jpg) no-repeat bottom left #fff;
  }
  
  #top_blog_list_pc #blog_flower {
    height: 100px;
	padding-top: 20px;
  }

  #top_blog_list_pc .blog p.bt_to {
    text-align: right;
	
  }
  
  #top_blog_list_pc .page_ttl {
    margin-bottom: 15px;
    text-align: left;
  }

  #top_blog_list_pc .blog_list_box dl {
    margin: 0;
  }

  #top_blog_list_pc dt {
    font-size: 90%;
    color: #999;
    margin-top: 10px;
	border-top: dotted 1px gray;
  }

  #top_blog_list_pc dd {
    margin-left: 0;
    font-size: 95%;
    line-height: 1.2;
  }

  #top_blog_list_pc dd a {
    color: #0073da;          /* 旧PC版っぽい色 */
    text-decoration: underline;
  }

  #top_blog_list_pc .blog_list_box dd a:hover {
    opacity: 0.7;
  }

  

/* =========================================
   PCレイアウト用（画面幅 960px 以上）
   ========================================= */
@media screen and (min-width: 960px) {

  /* 全体：中央寄せ */
  body {
    font-size: 16px;
    line-height: 1.8;
    background: #f5f5f5;
  }

  #wrap {
    width: 100%;
    max-width: none;  /* ← ここがポイント */
    margin: 0;
  }

  #header .hd_inner,
  #contents,
  #footer .fd_inner {
    max-width: 1100px;
    margin: 0 auto;
  }
  
  #tennyo {
    margin: 0;
    padding: 0;
    width: 100%;
    background: 
      linear-gradient(
        to bottom,
        rgba(222, 203, 168, 0.65) 0px,
        rgba(222, 203, 168, 0.0) 200px
      ),
      url(/image/bg_tennyo.png) no-repeat top center !important;
  }

  #contents {
    padding-bottom: 0;
	background: none !important;
  }

  /***** ヘッダー上段 *****/
  #header {
    width: 100%;  /* 背景は画面いっぱい */
  }

  #header .hd_inner {
    padding: 27px 0 17px; /* 左右の 4% はカットして中央寄せに */
    position: relative;
  }

  #header .hd_inner_top {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
	margin-bottom: 0px !important;
  }

  #header .hd_inner_top .logo {
    width: auto;   /* スマホ用の％指定を無効寄りに */
  }
  
  #header .hd_inner .hd_inner_top .logo img {
    position: relative;
    left: 40px;
  }



  /* PC ではハンバーガーを消す */
  #header .hd_inner_top .menu_btn {
    display: none;
  }

  /* カウントダウンをロゴ右側に固定配置 */
  #header .hd_inner {
    position: relative;   /* これが基準になる */
    padding: 17px 0 0 0;
  }

  #header .hd_inner_btm {
    position: absolute;
    top: 38px;    /* 上からの位置（お好みで微調整） */
    right: 300px;  /* 右からの位置（お好みで微調整） */
    margin: 0;
  }

  #header .hd_inner_btm .koutan800 {
    display: block;
  }

  /***** グローバルナビ（もともとの #menu 相当） *****/
  #navi {
    display: block;          /* スマホでは非表示だが PC では常時表示 */
    position: static;        /* スマホの全画面オーバーレイをやめる */
    width: 100%;
    height: auto;
    max-height: none;
    padding: 0;
    overflow: visible;
    background: #f5e9d7;     /* 旧PCサイトの帯っぽい色（好みで調整可） */
    border-top: 1px solid #e0d0b5;
    border-bottom: 1px solid #e0d0b5;
    box-sizing: border-box;
  }

  /* メニュー全体の下にうっすら影を付ける */
  #navi nav li {
    position: relative;
  }

  #navi nav li::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;

    height: 3px;
    background: linear-gradient(
      to bottom,
      rgba(0,0,0,0) 0%,
      rgba(0,0,0,0.12) 100%
    );
  }
  
  #navi nav {
    max-width: 1100px;
    margin: 0 auto;
    padding: 0;
  }

  #navi nav ul {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
  }

  #navi nav li {
    flex: 1;
    padding: 0;
    font-size: 14px;
    border-right: 1px solid rgba(255, 255, 255, 0.6);
	background: url(/sp_common/common/images/bg.jpg) repeat;
  }

  #navi nav li:last-child {
    border-right: none;
  }

  #navi nav a {
    display: block;
    padding: 12px 0;
    text-decoration: none;
    color: #000;
  }


  /* PCメニューは明朝体Webフォントを使用 */
  #navi nav a {
    font-family: "Noto Serif JP", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN",
                 "游明朝", "游明朝体", YuMincho, "MS PMincho", "MS 明朝", serif;
    font-weight: 700;   /* 文字を少し太めにして見やすく */
    letter-spacing: 0.06em;  /* ほんの少し字間を空けると上品に見える */
  }


  #navi nav a:hover {
    background: rgba(255, 255, 255, 0.4);
  }

  #header {
    background: url("/image/header_bg.jpg") no-repeat;
	background-position: center top -2px;
	background-color: white;
  }

  /* スマホ用の左右の花画像（.img_pc, .img_sp）が残るので非表示にする */
  #header .img_pc,
  #header .img_sp {
    display: none;
  }

  #header .hd_inner .hd_inner_top .logo {
    position: relative;
    left: 50px;
    top: -20px;
  }


  /* スライド画像（PCでは 990px 幅に） */
  #contents #top_slide .slide_area {
    width: 990px;       /* 旧PCサイトと同じ幅 */
    margin: 0 auto 40px;
  }
  
  #contents .slide {
	padding: 0;
  }

  #contents #top_slide .slide_area li,
  #contents #top_slide .slide_area img {
    width: 100%;        /* コンテナ幅いっぱい＝990px */
    height: auto;       /* 画像本来の比率（=382px想定）で表示 */
  }

  /* PC ではSP用を隠し、PC用スライドを表示 */
  #top_slide_sp {
    display: none;
  }

  #top_slide_pc {
    display: block;
  }

  /* PCスライドのサイズを旧PCサイトの 990x382px に寄せる */
  #top_slide_pc .slide_area_pc {
    width: 1000px;
    margin: 0 auto 0px;
  }

  #top_slide_pc .slide_area_pc li {
    text-align: center;
  }
  
  #top_slide_pc .slide_area_pc img {
    display: inline-block;
    width: 950px;
    height: auto;
  }

	#top_slide_pc .owl-carousel .owl-wrapper-outer {
	  overflow: visible !important;
	}

  /* ==============================
     トップコンテンツ 3 カラム
     ============================== */

  /* ラッパーを flex にして3列に */
  #top_columns {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 0px;          /* カラム間のすき間 */
    margin-top: 0px;
  }

  #top_col_left,
  #top_col_center,
  #top_col_right {
    box-sizing: border-box;
  }

  /* 幅配分（好みで調整可） */
  #top_col_left {
    width: 26%;   /* お知らせ（左） */
    order: 1;
    background-color: white;
    padding-top: 30px;
	margin-left: 20px;
    border-style: solid;
	border-width: 1px;
	border-color: #E4DCCD;
  }
  #top_col_center {
    width: 48%;   /* ブログ＋マップ（中央） */
    order: 2;
  }

  #top_col_right {
    width: 26%;   /* バナー（右） */
    order: 3;
  }

  /* セクション同士の余白を少し減らす（中央・右カラム用） */
  #top_col_center .section,
  #top_col_right .section {
    margin-bottom: 20px;
  }
  
  /* 千葉県西部宗務所からのお知らせ */
  #top_col_left #top_news .page_contents h5 {
	border-top: dotted;
	border-width: 1px;
	padding-top: 10px;
  }
  
  /* 新着活動ブログ */
  #top_col_center #top_blog {
    background-color: white;
    padding: 20px;
    border-style: solid;
	border-width: 1px;
	border-color: #E4DCCD;
  }
  
  #top_blog .repeat_box dt a {
    text-decoration: none;
    line-height: 100%;
    font-size: 120%;
    color: #0073da;
    font-weight: normal;
  }
  
  #top_blog .article_text {
    line-height: 120%;
  }
  
  #contents #top_blog .repeat_box .article_text img {
	width: 100%;
    height: auto;
  }

  /* ==============================
     寺院マップ（PCは旧PC版を表示）
     ============================== */

  /* PCではスマホ用マップを隠し、PC用マップを表示 */
  #top_map {
    display: none;
  }

  #top_map_pc {
    display: block;
    border: 1px solid #e4dccd;
    background: #fff;
  }
  
  #top_map_pc .page_ttl {
	text-align: left !important;
  }
  
  #top_map_pc .page_ttl img {
	position: relative;
    top: 10px;
    left: 10px;
  }
  
  #top_map_pc .newbg {
    float: right;
    position: relative;
    top: -10px;
    right: 10px;
  }
  
  /* 旧PC版っぽい箱のスタイルに寄せる */
  #top_map_pc .maparea {
    width: 430px;                  /* 旧PC版は 430px 幅の箱 */
    margin: 0 auto;      /* 中央寄せ */
    box-sizing: border-box;
  }

  #top_map_pc .maparea .mapimg {
    width: 420px;
    margin: 10px auto 16px auto;
  }

  #top_map_pc .maparea .mapimg img {
    width: 418px;
    height: 307px;
    display: block;
  }

  /* 地域リンク（旧PC版の .selectarea 相当） */
  #top_map_pc .selectarea {
    text-align: center;
    margin-bottom: 30px;
  }

  #top_map_pc .selectarea li {
    display: inline;
  }

  #top_map_pc .selectarea li a {
    text-decoration: none;
    color: #8f3e69;
    margin: 0 4px;
  }

  #top_map_pc .selectarea li a:hover {
    color: #ccc;
  }
  
  /* 右カラム */
  #top_col_right #top_banner {
    margin-left: 0;
  }
  
  section#top_btn {
    display: none !important;
  }

  /* ==== PCではフッター直前のバナー（カルーセル）を非表示 ==== */
  #footer_banner {
    display: none;
  }

  /* =============== PC用フッター =============== */

  /* スマホ用フッターを消し、PC用を表示 */
  #footer .fd_inner {
    display: none;
  }

  #footer .footer_area {
    display: flex;
    width: 1100px;         /* PC全体と揃える */
    margin: 0 auto;
    padding: 20px;
    align-items: flex-start;
  }

  /* 左カラム（画像） */
  #footer .footer_left img {
  }

  /* 右カラム（リンク一覧＋著作権） */
  #footer .footer_right {
    margin-left: 40px;     /* 画像との間の余白 */
    flex: 1;               /* 右側いっぱい使う */
  }

  #footer .footer_right ul {
    padding-top: 30px;
    margin-bottom: 20px;
    font-size: 15px;
    list-style: none;
  }

  #footer .footer_right ul li {
    display: inline;
    margin-right: 10px;
    padding-left: 12px;
    background: url("/image/footer_list-line.jpg") no-repeat left center;
  }

  #footer .footer_right ul li:first-child {
    background: none;
    padding-left: 0;
  }

  #footer .footer_right ul li a {
    text-decoration: none;
    color: #b54c96;
  }

  #footer .footer_right ul li a:hover {
    opacity: 0.7;
  }

  #footer .footer_right .copyright {
    margin-left: 2px;
    font-size: 14px;
    color: #555;
  }

  #top_blog_list_pc {
	margin-left: 0 !important;
  }


  /* SNSアイコンの配置エリア */
  #header .sns_links_pc {
    position: absolute;
    right: 100px;
    top: 50px;
    display: flex;
    gap: 12px;
    align-items: center;
    z-index: 20;
  }

  /* 各アイコン共通スタイル */
  #header .sns_links_pc .sns {
    width: 28px;
    height: 28px;
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat;
    opacity: 0.85;
    transition: opacity .2s;
  }

  #header .sns_links_pc .sns:hover {
    opacity: 1;
  }

  /* X（旧Twitter） */
  #header .sns_links_pc .sns-x {
    background-image: url("https://about.x.com/content/dam/about-twitter/x/brand-toolkit/logo-black.png.twimg.1920.png");
  }

  /* Facebook */
  #header .sns_links_pc .sns-fb {
    background-image: url("/image/facebook.png");
  }

  /* LINE */
  #header .sns_links_pc .sns-line {
    background-image: url("/image/line.png");
  }


}

/* =====================
   スライド矢印ボタン
   ===================== */

/* 左右位置（SP / PC 共通） */
#top_slide_sp .owl-prev,
#top_slide_pc .owl-prev {
  left: 15px;
}

#top_slide_sp .owl-next,
#top_slide_pc .owl-next {
  right: 15px;
}

/* PC だけ少し大きくしても OK */
@media screen and (min-width: 960px) {
  #top_slide_pc .owl-prev,
  #top_slide_pc .owl-next {
    width: 50px;
    height: 50px;
    margin-top: -25px;
    line-height: 50px;
    font-size: 50px;
  }
}