@charset "utf-8";

@media screen and (min-width: 768px){
  #gnavArea, #wrap {
    width: 100%
  }
  #breadcrumbsArea #breadcrumbsAreaInner a, #gnavArea ul li a {
    text-decoration: none
  }
  body {
    font-family: source-han-sans-japanese, sans-serif;
    font-size: 16px;
    line-height: 1.75;
    width: 100%!important;
    color: #2b2b2b
  }
  a {
    /* color: #79371b; */
    color: #2d2b2b;
  }
  img:not(.emoji) {
    font-size: 0;
    line-height: 0;
    vertical-align: bottom
  }
  #headerArea {
    border-top: 2px solid #871516;
    background: #fff;
    padding: 8px 0 12px;
    width: 100%
  }
  .page-id-316 #headerArea {
    border-bottom: 2px solid #eee
  }
  #headerArea #headerAreaOuter {
    margin: 0 auto;
    width: 1100px
  }
  #headerArea #headerAreaOuter #headerAreaInnerLeft {
    float: left;
    width: 400px
  }
  #headerArea #headerAreaOuter #headerAreaInnerLeft .txt {
    font-size: 10px;
    margin-bottom: 5px
  }
  #headerArea #headerAreaOuter #headerAreaInnerRight {
    float: right;
    width: 700px;
    padding-top: 10px
  }
  #headerArea #headerAreaOuter #headerAreaInnerRight ul {
    float: right
  }
  #headerArea #headerAreaOuter #headerAreaInnerRight ul li {
    float: left;
    margin-left: 15px
  }
  #gnavArea {
    background: url(/wp-content/themes/template-pc/common/img/gnav_bg_001.jpg);
    padding: 7px 0
  }
  #gnavArea ul {
    width: 1100px;
    margin: 0 auto;
    background: url(/wp-content/themes/template-pc/common/img/gnav_bg_001.png) left center no-repeat
  }
  #gnavArea ul li {
    width: 175px;
    float: left;
    padding: 5px 0;
    background: url(/wp-content/themes/template-pc/common/img/gnav_bg_001.png) right center no-repeat
  }
  #gnavArea ul li.home {
    width: auto
  }
  #gnavArea ul li a {
    color: #fff;
    display: block;
    text-align: center;
    font-size: 13px
  }
  #gnavArea ul li.home a {
    padding: 0 18px
  }
  #gnavArea ul li a:hover {
    color: #0F0
  }

  /***********sub-nav****************/
  #gnavArea ul .nav-introduction{
    position: relative;
  }
  #gnavArea ul li .sub-nav-list{
    position: absolute;
    opacity: 0;
    visibility: hidden;
    width: auto;
    background: #221818;
    transition: .2s;
    z-index:10;
  }
  #gnavArea ul li .sub-nav-list .sub-nav-item{
    border-bottom: 1px solid #ccc;
  }
  #gnavArea ul li .sub-nav-list .sub-nav-item a{
    padding: 5px 0;
  }
  #gnavArea ul .nav-introduction:hover .hov-none{
    color: #fff;
  }
  #gnavArea ul .nav-introduction:hover .sub-nav-list{
    opacity: 1;
    visibility: visible;
    top: 33px;
  }
  /***********sub-nav****************/

  #titleArea #titleAreaInner {
    width: 1100px;
    margin: 0 auto;
    background: url(/wp-content/themes/template-pc/common/img/title_bg_001.png) right center no-repeat #fff;
    display: flex;
    justify-content: center;
    flex-direction: column;
    gap: 10px 0;
    height: 142px;
  }
  #titleArea #titleAreaInner h1 {
    font-size: 24px;
    font-weight: 700;
  }
  #titleArea #titleAreaInner .titleAreaDesc{
    font-size: 14px;
  }
  #breadcrumbsArea {
    background: #dedede
  }
  #breadcrumbsArea #breadcrumbsAreaInner {
    width: 100%;
    max-width: 1100px;
    margin: 0 auto;
    font-size: 10px;
    padding: 5px 0
  }
  #contentArea {
    margin-bottom: 100px;
    margin-top: 40px
  }
  .home #contentArea {
    margin-top: 0
  }
  #contentArea #contentAreaInner {
    width: 1100px;
    margin: 0 auto;
    padding: 0 10px;
  }
  #mainContentArea {
    width: 760px;
    float: left
  }
  #sidebarArea {
    width: 300px;
    float: right;
    font-size: 14px
  }
  #sidebarArea .asideBlockA {
    margin-bottom: 20px
  }
  #sidebarArea .asideBlockA p {
    border-radius: 6px 6px 0 0;
    font-size: 15px;
    padding: 10px;
    background: url(/wp-content/themes/template-pc/common/img/gnav_bg_001.jpg) top left;
    color: #fff;
    text-align: center;
    font-weight: 700
  }
  #sidebarArea .asideBlockA ul li a, #sidebarArea .asideBlockA ul li span {
    padding: 13px 15px;
    display: block;
    text-decoration: none
  }
  #sidebarArea .asideBlockA ul {
    border: 1px solid #ccc;
    border-top: none
  }
  #sidebarArea .asideBlockA ul li {
    border-bottom: 1px dotted #ccc
  }
  #sidebarArea .asideBlockA ul li:last-child {
    border-bottom: none
  }
  #sidebarArea .asideBlockA ul li a:hover {
    background: #ddd
  }
  #sidebarArea .asideBlockA ul li a:before {
    content: "\f0da";
    font-family: FontAwesome, tex, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", verdana, arial, sans-serif;
    margin-right: 5px
  }
  #sidebarArea .asideBlockB {
    margin-bottom: 20px;
    border: 1px solid #ccc;
    padding: 15px
  }
  #sidebarArea .asideBlockB dl dt {
    margin-bottom: 8px
  }
  #sidebarArea .asideBlockB dl dt img {
    width: 100%;
    height: auto
  }
  #sidebarArea .asideBlockB dl dd p {
    line-height: 1.3
  }
  #sidebarArea .asideBlockB dl dd ul li {
    margin-top: 8px
  }
  #sidebarArea .asideBlockB dl dd ul li a {
    color: #282525;
    text-decoration: none;
    text-align: center;
    display: block;
    border: 1px solid #282525;
    padding: 5px 10px
  }
  #sidebarArea .asideBlockB dl dd ul li a:hover {
    background: #282525;
    color: #fff
  }
  #sidebarArea .asideBlockC {
    margin-bottom: 30px
  }
  #sidebarArea .asideBlockC p {
    border-radius: 6px 6px 0 0;
    font-size: 16px;
    padding: 10px;
    background: url(/wp-content/themes/template-pc/common/img/gnav_bg_001.jpg) top left;
    color: #fff;
    text-align: center;
    font-weight: 700
  }
  #sidebarArea .asideBlockC ul {
    border: 1px solid #ccc;
    border-top: none;
    padding: 15px 17px
  }
  #articleListArea .articleListBlock .articleListBlockInner, #articleSingleArea .articleSingleBlock .articleSingleBlockInner {
    padding: 0 10px
  }
  #sidebarArea .asideBlockC ul li {
    margin-bottom: 10px
  }
  #sidebarArea .asideBlockC ul li:last-child {
    margin-bottom: 0
  }
  #sidebarArea .asideBlockC ul li span {
    text-decoration: none;
    display: block
  }
  /* 20260715 ブログカテゴリ一覧ページ改修ここから */
  #articleListArea.blogListArea{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
  }
  #articleListArea.blogListArea .blogListBlock{
    position: relative;
    display: flex;
    flex-direction: column;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    background: #fff;
  }
  #articleListArea.blogListArea .blogListBlock.featured {
    grid-column: 1 / -1;
    flex-direction: row;
    flex-wrap: wrap;
  }
  #articleListArea.blogListArea .blogListBlock .blogListBlockInner{
    padding: 15px 25px 20px;
  }
  #articleListArea.blogListArea .blogListBlock.featured .blogListBlockInner{
    width: 62%;
  }
  #articleListArea.blogListArea .blogListBlock .newBadge{
    display: none;
  }
  #articleListArea.blogListArea .blogListBlock.featured .newBadge {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background: #871516;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    padding: 2px 10px 3px;
    z-index: 2;
  }
  #articleListArea.blogListArea .blogListBlock .thumbnail{
    overflow: hidden;
    height: 200px;
  }
  #articleListArea.blogListArea .blogListBlock.featured .thumbnail{
    width: 38%;
    height: auto;
    min-height: 190px;
  }
  #articleListArea.blogListArea .blogListBlock .thumbnail img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
  }
  #articleListArea.blogListArea .blogListBlock .thumbnail img.default{
    object-position: 0 44%;
  }
  #articleListArea.blogListArea .blogListBlock .date{
    color: #998989;
    font-size: 12px;
    margin-bottom: 3px;
  }
  #articleListArea.blogListArea .blogListBlock h2{
    margin-bottom: 5px;
    font-size: 17px;
    font-weight: bold;
  }
  #articleListArea.blogListArea .blogListBlock .excerptText{
    font-size: 14px;
    margin-bottom: 5px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  #articleListArea.blogListArea .blogListBlock .readMore{
    color: #871516;
    font-size: 13px;
    text-decoration: underline;
    text-underline-offset: 3px;
  }
  .pickupArea{
    padding-bottom: 20px;
    border-bottom: 1px solid #ddd;
    margin-bottom: 30px;
  }
  .pickupArea .pickupBadge {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 15px;
  }
  .pickupArea .pickupBadgeLabel {
    background: #871516;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    padding: 2px 10px 3px;
  }
  .pickupArea .pickupBadge::after {
    content: "";
    flex: 1;
    height: 1px;
    background: #ddd;
  }
  .pickupArea .pickupColumns {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 35px;
  }
  .pickupColumn .pickupTitle {
    padding-bottom: 5px;
    font-weight: bold;
    color: #871516;
    border-bottom: 1px solid #871516;
    margin-bottom: 5px;
  }
  .pickupColumn .pickupList li:not(:last-child) {
    border-bottom: 1px solid #ddd;
  }
  .pickupColumn .pickupList li a {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    padding: 5px 0;
  }
  .pickupColumn .pickupList li a::before {
    content: "\203A";
    color: #871516;
    font-size: 16px;
    font-weight: bold;
    line-height: 1;
    margin-top: -3px;
  }
  .pagerWrapArea{
    display: flex;
    align-items: center;
    margin-top: 30px;
  }
  .pagerWrapArea .postCount{
    font-size: 14px;
    color: #998989;
  }
  .pagerWrapArea #pagerArea {
    margin-left: auto;
  }
  /* 20260715 ブログカテゴリ一覧ページ改修ここまで */
  #articleListArea .articleListBlock {
    margin-bottom: 40px;
    overflow: hidden
  }
  #articleSingleArea .articleSingleBlock {
    margin-bottom: 40px
  }
  #articlePageArea .eyecatch {
    border: 2px solid #eee;
    margin-bottom: 30px
  }
  #articlePageArea .eyecatch img {
    width: 100%;
    height: auto
  }
  #pagerArea .page-numbers {
    display: inline-block;
    width: 40px;
    aspect-ratio: 1;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-size: 13px;
    border: 1px solid #ddd;
    padding-bottom: 1px;
    opacity: inherit;
  }
  #pagerArea .page-numbers.prev,
  #pagerArea .page-numbers.next{
    color: #871516;
    border: 1px solid #871516;
  }
  #pagerArea .page-numbers.dots{
    border: none;
  }
  #pagerArea .page-numbers.dots:hover{
    background-color: inherit;
    border: none;
    color: inherit;
  }
  #pagerArea .page-numbers.current,
  #pagerArea .page-numbers:hover {
    background-color: #871516;
    color: #fff;
    border: 1px solid #871516
  }
  #informationArea #informationAreaOuter #informationAreaInnerLeft .tableBlock table tr td, #informationArea #informationAreaOuter #informationAreaInnerLeft .tableBlock table tr th {
    padding: 3px 5px;
    text-align: center;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc
  }
  #informationArea {
    margin-bottom: 30px
  }
  #informationArea #informationAreaOuter {
    width: 1100px;
    margin: 0 auto
  }
  #informationArea #informationAreaOuter #informationAreaInnerLeft {
    width: 400px;
    float: left
  }
  #informationArea #informationAreaOuter #informationAreaInnerLeft dl {
    margin-bottom: 5px;
    line-height: 1.4
  }
  #informationArea #informationAreaOuter #informationAreaInnerLeft dl dt {
    margin-bottom: 5px
  }
  #informationArea #informationAreaOuter #informationAreaInnerLeft dl dt img {
    width: 270px;
    height: auto
  }
  #informationArea #informationAreaOuter #informationAreaInnerLeft .tableBlock, #informationArea #informationAreaOuter #informationAreaInnerLeft dl dd {
    font-size: 13px
  }
  #informationArea #informationAreaOuter #informationAreaInnerLeft .tableBlock table {
    margin-bottom: 5px;
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    box-sizing: border-box;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc
  }
  #informationArea #informationAreaOuter #informationAreaInnerLeft .tableBlock table tr th {
    background: #b67576;
    color: #fff;
    font-weight: 400
  }
  #informationArea #informationAreaOuter #informationAreaInnerLeft .tableBlock p {
    color: red;
    text-align: right;
    font-size: 13px;
    line-height: 1.3
  }
  #informationArea #informationAreaOuter #informationAreaInnerRight {
    width: 660px;
    float: right;
    box-sizing: border-box;
    border: 3px solid #ccc;
    padding: 21px;
    background: url(/wp-content/themes/template-pc/common/img/info_bg_002.png) right bottom no-repeat #fff;
    font-size: 0;
    line-height: 0;
    vertical-align: bottom
  }
  #informationArea #informationAreaOuter #informationAreaInnerRight dl dt, #informationArea #informationAreaOuter #informationAreaInnerRight h4 {
    margin-bottom: 16px
  }
  #informationArea #informationAreaOuter #informationAreaInnerRight dl dd {
    margin-bottom: 17px
  }
  #googleMapArea {
    border-top: 1px solid #eee
  }
  #googleMapArea #map_basic {
    width: 100%;
    height: 400px
  }

  #googleMapArea {
    border-top: 1px solid #eee;
    position: relative;
  }
  #googleMapArea #map {
    width: 100%;
    height: 400px;
  }
  #googleMapArea #map_detail {
    position: absolute;
    top: 20px;
    right: 20px;
    padding: 30px;
    background: #FFF;
    border: 2px solid #ccc;
    z-index: 10;
  }
  #googleMapArea #map_detail .name {
    font-size: 22px;
    font-weight: bold;
  }
  #googleMapArea #map_detail .address {
    margin-bottom: 20px;
    font-weight: bold;
  }
  #googleMapArea #map_detail .tel_fax {
    font-weight: bold;
  }
  #googleMapArea .linkBtnBlockA {
    margin: 20px 20px 40px;
  }
  #googleMapArea .linkBtnBlockA a {
    padding: 10px 40px;
    font-size: 16px;
  }
  #footerArea {
    background: #282525
  }
  #footerArea #pagetop a {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 100
  }
  #footerArea #pagetop a img {
    width: 60px;
    height: 60px;
    border: 2px solid #fff
  }
  #footerArea #footerAreaInner {
    width: 1100px;
    margin: 0 auto;
    padding: 30px 0
  }
  #footerArea #footerAreaInner #copyright {
    text-align: center;
    color: #fff;
    font-size: 13px
  }
}

@media screen and (max-width: 767px){
  body {
    font-family: source-han-sans-japanese, sans-serif;
    font-size: 14px;
    line-height: 1.75;
    -webkit-text-size-adjust: 100%;
    width:100% !important;
    border:none !important;
  }
  a { color:#2b2b2b;}
  img:not(.emoji) { font-size:0; line-height:0; vertical-align: bottom;}

  /*====================================
  headerArea
  ====================================*/
  #headerArea { border-top:3px solid #871516; position:relative;}
  #headerArea .top_text { font-size: 11px; padding: 5px; font-family: a-otf-ryumin-pr6n,serif;}
  .page-id-316 #headerArea { border-bottom:1px solid #eeeeee;}
  #headerArea #titleBlock {
    background:#871516;
    color:#ffffff;
    font-size:10px;
    text-align:center;
    padding:3px 0 2px 0;
  }
  #headerArea #headerAreaInner { padding:5px 3% 10px; display:table; width:94%;}
  #headerArea #headerAreaInner #logo { display:table-cell; vertical-align:middle; text-align:left;}
  #headerArea #headerAreaInner #logo img { width:220px; height:auto;}
  #headerArea #headerAreaInner #location { display:table-cell; vertical-align:middle; text-align:right;}
  #headerArea #headerAreaInner #location img { width:70px; height:auto;}
  #headerArea #menu { position:absolute; top:50%; right:15px; font-size:24px;}
  #sidr-right { display:none;}

  /*====================================
  titleArea
  ====================================*/
  #titleArea {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #e6e4e5), color-stop(0.00, #f6f4f5));
    background: -webkit-linear-gradient(top, #f6f4f5 0%, #e6e4e5 100%);
    background: -moz-linear-gradient(top, #f6f4f5 0%, #e6e4e5 100%);
    background: -o-linear-gradient(top, #f6f4f5 0%, #e6e4e5 100%);
    background: -ms-linear-gradient(top, #f6f4f5 0%, #e6e4e5 100%);
    background: linear-gradient(top, #f6f4f5 0%, #e6e4e5 100%);
    color: #222222;
    text-shadow: 1px 1px 1px #ffffff;
    border-bottom: 1px solid #cccccc;
    border-top: 1px solid #cccccc;
    text-align: center;
    padding: 10px;
  }
  #titleArea #titleAreaInner h1 { font-weight:bold; font-size:16px; text-align:center;}
  #titleArea #titleAreaInner .titleAreaDesc{
    font-size: 12px;
  }

  /*====================================
  mainContentArea
  ====================================*/
  #mainContentArea { margin-bottom:30px;}

  #contentArea #contentAreaInner {
    width: 100%;
    margin: 0 auto;
  }

  /*====================================
  sidebarArea
  ====================================*/
  #sidebarArea { margin-bottom:20px;}
  #sidebarArea .asideBlockA { border-radius:6px; margin: 0 10px 15px 10px;}
  #sidebarArea .asideBlockA p { font-weight:bold; border-radius:6px 6px 0 0; padding:10px; background:url(/wp-content/themes/template-pc/common/img/gnav_bg_001.jpg) top left repeat; color:#ffffff; text-align:center; font-weight:bold;}
  #sidebarArea .asideBlockA ul { border:1px solid #cccccc; border-top:none; background:#f0f0f0; border-radius: 0 0 6px 6px;}
  #sidebarArea .asideBlockA ul li { border-bottom:1px solid #cccccc;}
  #sidebarArea .asideBlockA ul li:last-child { border-bottom: none;}
  #sidebarArea .asideBlockA ul li a { padding:10px; display:block; text-decoration:none; font-weight:bold; font-size:13px;}
  #sidebarArea .asideBlockA ul li a:before {
    content: "\f054";
    font-family: FontAwesome, tex, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", verdana, arial, sans-serif;
    margin-right:5px;
  }
  #sidebarArea .asideBlockB { margin-bottom:15px; padding:0 15px;}
  #sidebarArea .asideBlockB dl {}
  #sidebarArea .asideBlockB dl dt { margin-bottom:8px;}
  #sidebarArea .asideBlockB dl dt img { width:100%; height:auto;}
  #sidebarArea .asideBlockB dl dd {}
  #sidebarArea .asideBlockB dl dd a { text-decoration:none;}
  #sidebarArea .asideBlockB dl dd p { line-height:1.3;}
  #sidebarArea .asideBlockB dl dd ul {}
  #sidebarArea .asideBlockB dl dd ul li { margin-top:8px;}
  #sidebarArea .asideBlockB dl dd ul li a { color:#282525; text-decoration:none; text-align:center; display:block; border:1px solid #282525; padding:5px 10px;}

  #sidebarArea .asideBlockC { padding:0 10px;}
  #sidebarArea .asideBlockC .tableBlockA01 { font-size:13px;}
  #sidebarArea .asideBlockC .tableBlockA01 table { margin-bottom:5px;}
  #sidebarArea .asideBlockC .tableBlockA01 table tr {}
  #sidebarArea .asideBlockC .tableBlockA01 table tr th { padding:5px; text-align:center;}
  #sidebarArea .asideBlockC .tableBlockA01 table tr td { padding:5px; text-align:center;}
  #sidebarArea .asideBlockC .tableBlockA01 p { text-align:right; color:#F00; font-weight:bold;}

  #sidebarArea .asideBlockD { padding:0 10px; margin-bottom:15px; }
  #sidebarArea .asideBlockD img { width:100%; height:auto;}

  #sidebarArea .asideBlockE { border-radius:6px; margin: 0 10px 15px 10px;}
  #sidebarArea .asideBlockE p { font-weight:bold; border-radius:6px 6px 0 0; padding:10px; background:url(/wp-content/themes/template-pc/common/img/gnav_bg_001.jpg) top left repeat; color:#ffffff; text-align:center; font-weight:bold;}
  #sidebarArea .asideBlockE ul { border:1px solid #cccccc; border-top:none; background:#f0f0f0; border-radius: 0 0 6px 6px; padding:10px;}
  #sidebarArea .asideBlockE ul li { margin-bottom:10px;}
  #sidebarArea .asideBlockE ul li:last-child { margin-bottom:0;}
  #sidebarArea .asideBlockE ul li span { display:block; text-decoration:none; font-weight:bold; font-size:13px;}

  /*====================================
  articleListArea
  ====================================*/
  #articleListArea .articleListBlock { margin-bottom:20px; overflow:hidden;}
  #articleListArea .articleListBlock .articleListBlockInner { padding:0 10px;}

  /* 20260715 ブログカテゴリ一覧ページ改修ここから */
  #articleListArea.blogListArea{
    display: flex;
    flex-direction: column;
    border-top: 1px solid #ddd;
    padding: 25px 10px 0;
  }
  #articleListArea.blogListArea .blogListBlock{
    position: relative;
    display: flex;
    flex-direction: column;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-top: 1px solid #ddd;
  }
  #articleListArea.blogListArea .blogListBlock:last-child{
    border-bottom: 1px solid #ddd;
  }
  #articleListArea.blogListArea .blogListBlock.featured {
    flex-wrap: wrap;
  }
  #articleListArea.blogListArea .blogListBlock .blogListBlockInner{
    padding: 10px 15px 20px;
  }
  #articleListArea.blogListArea .blogListBlock .newBadge{
    display: none;
  }
  #articleListArea.blogListArea .blogListBlock.featured .newBadge {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background: #871516;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    padding: 2px 10px 3px;
    z-index: 2;
  }
  #articleListArea.blogListArea .blogListBlock .thumbnail{
    overflow: hidden;
    aspect-ratio: 825 / 510;
  }
  #articleListArea.blogListArea .blogListBlock.featured .thumbnail{
    height: auto;
    min-height: 190px;
  }
  #articleListArea.blogListArea .blogListBlock .thumbnail img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
  }
  #articleListArea.blogListArea .blogListBlock .thumbnail img.default{
    object-position: 0 44%;
  }
  #articleListArea.blogListArea .blogListBlock .date{
    color: #998989;
    font-size: 12px;
    margin-bottom: 3px;
  }
  #articleListArea.blogListArea .blogListBlock h2{
    margin-bottom: 5px;
    font-size: 16px;
    font-weight: bold;
  }
  #articleListArea.blogListArea .blogListBlock .excerptText{
    font-size: 14px;
    margin-bottom: 5px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  #articleListArea.blogListArea .blogListBlock .readMore{
    color: #871516;
    font-size: 13px;
    text-decoration: underline;
    text-underline-offset: 3px;
  }
  .pickupArea .pickupBadge {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 15px;
  }
  .pickupArea{
    padding: 15px 10px;
  }
  .pickupArea .pickupBadgeLabel {
    background: #871516;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    padding: 2px 10px 3px;
  }
  .pickupArea .pickupBadge::after {
    content: "";
    flex: 1;
    height: 1px;
    background: #ddd;
  }
  .pickupArea .pickupColumns {
    display: flex;
    flex-direction: column;
    gap: 15px;
  }
  .pickupColumn .pickupTitle {
    padding-bottom: 5px;
    font-weight: bold;
    color: #871516;
    border-bottom: 1px solid #871516;
    margin-bottom: 5px;
  }
  .pickupColumn .pickupList li:not(:last-child) {
    border-bottom: 1px solid #ddd;
  }
  .pickupColumn .pickupList li a {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    padding: 5px 0;
  }
  .pickupColumn .pickupList li a::before {
    content: "\203A";
    color: #871516;
    font-size: 16px;
    font-weight: bold;
    line-height: 1;
    margin-top: -5px;
  }
  .pagerWrapArea{
    padding: 0 10px;
    margin-top: 10px;
  }
  .pagerWrapArea .postCount{
    font-size: 12px;
    color: #998989;
    text-align: right;
    margin-bottom: 15px;
  }
  /* 20260715 ブログカテゴリ一覧ページ改修ここまで */

  /*====================================
  articleSingleArea
  ====================================*/
  #articleSingleArea .articleSingleBlockInner { padding:0 10px 50px 10px; overflow:hidden;}

  /*====================================
  articlePageArea
  ====================================*/
  #articlePageArea .eyecatch img { width:100%; height:auto;}

  /*====================================
  pagerArea
  ====================================*/
  #pagerArea {
    text-align:center;
  }
  #pagerArea .page-numbers {
    display: inline-block;
    line-height: 1;
    width: 30px;
    aspect-ratio: 1;
    display: inline-flex !important;
    justify-content: center;
    align-items: center;
    font-size: 12px;
    border: 1px solid #ddd;
    padding: 0 0 2px !important;
    opacity: inherit;
  }
  #pagerArea .page-numbers.prev,
  #pagerArea .page-numbers.next{
    color: #871516;
    border: 1px solid #871516;
  }
  #pagerArea .page-numbers.dots{
    border: none;
  }
  #pagerArea .page-numbers.dots:hover{
    background-color: inherit !important;
    border: none !important;
    color: inherit !important;
  }
  #pagerArea .page-numbers.current,
  #pagerArea .page-numbers:hover {
    background-color: #871516 !important;
    color: #fff !important;
    border: 1px solid #871516 !important;
  }

  /*====================================
  informationArea
  ====================================*/
  #informationArea { padding:0 10px; margin-bottom:30px;}
  #informationArea dl { border:1px solid #dddddd; border-radius:3px; background:#ffffff;}
  #informationArea dl dt { font-size:15px; background:#624a3a; color:#ffffff; font-weight:bold; text-align:center;border-radius:3px 3px 0 0; padding:5px 10px;}
  #informationArea dl dd { padding:10px; text-align:center;}
  #informationArea dl dd .txt { margin-bottom:7px; font-size:14px; color:#624a3a;}
  #informationArea dl dd .tel { margin-bottom:15px;}
  #informationArea dl dd .tel img { width:100%; height:auto;}
  #informationArea dl dd .contact { margin-bottom:5px;}
  #informationArea dl dd .contact a { color:#ffffff; text-decoration:none; font-weight:bold; display:block; padding:10px; background:#fa9022; border-radius:5px;}
  #informationArea dl dd .mail { text-align:right;}
  #informationArea dl dd .mail a { text-decoration:none; font-size:12px;}

  /*====================================
  googleMapArea
  ====================================*/
  #googleMapArea {
    border-top: 1px solid #eee;
    position: relative;
  }
  #googleMapArea #map {
    width: 100%;
   height: 230px;
  }
  #googleMapArea .headingBlockA {
    background: url(/wp-content/themes/template-pc/common/img/heading_bg_001.png) left bottom no-repeat;
    padding: 0;
    margin-bottom: 20px;
    color:#000;
  }
  #googleMapArea #map_detail {
    position: static;
    top: 20px;
    right: 20px;
    padding: 30px 20px;
    background: #FFF;
    border: 2px solid #ccc;
    z-index: 10;
  }
  #googleMapArea #map_detail .name {
    font-size: 18px;
    font-weight: bold;
  }
  #googleMapArea #map_detail .address {
    margin-bottom: 20px;
    font-weight: bold;
  }
  #googleMapArea #map_detail .tel_fax {
    font-weight: bold;
  }
  #googleMapArea .linkBtnBlockA {
    margin: 20px;
    text-align: center;
  }
  #googleMapArea .linkBtnBlockA a {
    padding: 10px 40px;
    font-size: 16px;
  }

  /*====================================
  footerArea
  ====================================*/
  #footerArea { background:#282525; padding:15px 10px 70px 10px;}
  #footerArea #copyright { font-size:10px; color:#ffffff; text-align:center;}

  /* fontsize
  ----------------------------*/
  .fontSize10 {
    font-size: 10px;
  }
  .fontSize11 {
    font-size: 11px;
  }
  .fontSize12 {
    font-size: 12px;
  }
  .fontSize13 {
    font-size: 13px;
  }
  .fontSize14 {
    font-size: 14px;
  }
  .fontSize15 {
    font-size: 15px;
  }
  .fontSize16 {
    font-size: 16px;
  }
  .fontSize17 {
    font-size: 17px;
  }
  .fontSize18 {
    font-size: 18px;
  }
  .fontSize19 {
    font-size: 19px;
  }
  .fontSize20 {
    font-size: 20px;
  }
  .fontSize21 {
    font-size: 21px;
  }
  .fontSize22 {
    font-size: 22px;
  }
  .fontSize23 {
    font-size: 23px;
  }
  .fontSize24 {
    font-size: 24px;
  }
  .fontSize25 {
    font-size: 25px;
  }
  .fontSize27 {
    font-size: 26px;
  }
  .fontSize28 {
    font-size: 27px;
  }
  .fontSize29 {
    font-size: 28px;
  }
  .fontSize29 {
    font-size: 29px;
  }
  .fontSize30 {
    font-size: 30px;
  }

  .smallComment{
    font-size:12px;
    color:#BDBDBD;
  }

  .starArea{
    color:#FF7E00;
  }

  .nameArea{
    color:#636363;
  }

  .bnr_img_sp img{
    width: 100%;
    height: auto;
  }
}