/* main_visual
----------------------------------- */
#sub_visual {padding-top:130px; height:300px;position:relative;z-index:0;overflow: hidden;}
#sub_visual .img { height:280px; position: absolute; top: 40px; width:200%;z-index:-1;text-align: center;left:auto;}
#sub_visual .img img{width:100%;height:100%;object-fit: cover;object-position: center;margin: 0 auto;position:relative;text-align: center;}
#sub_visual .h1_container{max-width:1140px;width:94%;margin:0 auto;padding-left:0;position:relative;text-align: right;color:#fff;}
#sub_visual .h1_container h1{font-size:50px; line-height: 100%;font-weight: bold;text-transform: capitalize;color:#fff;font-family: "Cormorant", serif;letter-spacing: 2px;}
#sub_visual .h1_container .ttl{font-size:20px;line-height:100%;font-weight: normal;color:#fff;padding: 0;font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif; margin-bottom: 10px;}

/* sub_contents
----------------------------------- */
#sub_contents {font-size: 16px; position: relative;z-index:0;}
#sub_contents .section{max-width: 94%; margin: 70px auto 80px;position: relative;padding-bottom: 30px;width:94%;}
#sub_contents .scroll_section { width: 100%;margin: 50px 0 50px;position: relative; }
#sub_contents .sub_ttl {scroll-margin-top: 120px;}
#sub_contents .sub_ttl h2{ text-align: center;font-size:32px; position: relative; line-height: 100%; letter-spacing: 0.08em;font-weight: normal;color: #ab996f;font-family: "Cormorant", serif;text-transform: uppercase;}
#sub_contents .sub_ttl .span{font-size:18px; display: block;margin-bottom:0px;font-weight: normal;letter-spacing: 0.1em;text-align: center;font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;}
#sub_contents .txt_cen{ text-align: center; font-size:18px; line-height: 200%;}
#sub_contents .txt_cen.white{ color: #fff;}
#sub_contents .txt_cen.strong{color: #a98465;}
#sub_contents .txt_st{ text-align: center; line-height: 200%;}
#sub_contents .mb10{margin-bottom: 10px;}
#sub_contents .mb20{margin-bottom: 20px;}
#sub_contents .mb30{margin-bottom: 30px;}
#sub_contents .mb50{margin-bottom: 50px;}
#sub_contents .mb80{margin-bottom: 80px;}
#sub_contents .mb100{margin-bottom: 100px;}
#sub_contents .mb150{margin-bottom: 150px;}
#sub_contents .sub_bg{background:url("../images/news_bg.png")repeat center center; padding: 20px 0;}

/* bread_crumb_list
----------------------------------- */
#sub_contents .bread_crumb_list{position:absolute;width:94%; top:-53px;line-height:100%;padding:0 2%;max-width:94%;}
#sub_contents .bread_crumb{text-align:right;padding:10px 0 0 0;max-width:1140px;margin:0 auto;margin-bottom:30px;}
#sub_contents .bread_crumb div { display:inline;color:#fff;}
#sub_contents .bread_crumb div:after {content : '＞';padding-left:10px; font-family: inherit; font-size:13px;}
#sub_contents .bread_crumb div:last-child:after { content : '';}
#sub_contents .bread_crumb div a {text-decoration:underline;color:#fff;font-size:13px;}
#sub_contents .bread_crumb p{margin-bottom:0px; font-size:13px;padding:0 2%;}

/* btn
----------------------------------- */
#sub_contents .anker__item.w50{width: 100%;}
#sub_contents .anker__item a {display: block;text-align: center;color: #fff;;text-transform: capitalize;padding: 1em;font-weight: 500;background-color: #ab996f;}
#sub_contents .anker__item a:hover {background-color: #ab996f;color:#fff;}
#sub_contents .anker__item p.btn_ttl{letter-spacing: 0.1em;}
#sub_contents .anker__items{column-gap: 10px;row-gap: 10px;}
#sub_contents .anker__item{width: 100%;position: relative;display: block;}
#sub_contents .anker__item a:hover{opacity:.8;}

/* about
----------------------------------- */
#sub_contents .box_greeting_com{padding: 15px; background:url("../images/sub_concept_img01.png")no-repeat center center; background-attachment: fixed;}
#sub_contents .box_greeting_com .inner{background: #ffffffcc;padding: 30px 10px; position: relative;text-align: center; margin:0 auto; width:100%; max-width:100%;border:solid 1px #bda791 ;}
#sub_contents .box_greeting_com .inner p{font-size:19px; font-weight: normal;line-height: 250%;}
#sub_contents .box_greeting_com .inner p.span{font-size:22px; font-weight: normal;color: #666;font-weight: bold;display: inline-block;}
#sub_contents .sub_st_box{width: 100%;position: relative;background-color: #fff;padding: 30px 20px 20px;}
#sub_contents .sub_st_box .img{width: 100%;margin-bottom: 10px;}
#sub_contents .sub_st_box .img img{width: 100%;height: 300px;object-fit: cover;}
#sub_contents .sub_st_box .num{font-size: 22px;font-weight: bold;color: #ab996f;}
#sub_contents .sub_st_box p.ttl{font-size: 18px;margin-bottom: 10px;border-bottom: double 4px #ab996f;color: #2d2d2d;}
#sub_contents .sub_st_box p.txt{margin-bottom: 30px;font-size: 16px;}
#sub_contents .sub_rank_box {gap: 3%;}
#sub_contents .sub_rank_box .sub_rank {padding: 10px 20px 10px;border: solid 1px #ab996f;width: 100%;margin-top: 5px;}
#sub_contents .sub_rank_box .sub_rank p.rank {color: #ab996f;font-weight: bold;font-size: 20px;text-align: center;line-height: 1em;margin-top: 15px;margin-bottom: 15px; font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;}
#sub_contents .sub_rank_box .sub_rank .img {width: 100%;}
#sub_contents .sub_rank_box .sub_rank .img img {object-fit: cover;width: 100%;height: auto;}
#sub_contents .sub_rank_box .sub_rank p.ex {line-height: 1.8em;}

/* guide
----------------------------------- */
#sub_contents .flow_g_area:not(:last-child):before{bottom: -13%;}
#sub_contents .flow_g_area{margin-bottom:55px;}
#sub_contents .faq__item:not(:last-of-type) {margin-bottom: 20px;}
#sub_contents .faq__item .dt {padding: 25px 20px 25px 60px;position: relative;font-weight: bold;}
#sub_contents .faq__item .dd {padding: 25px 20px 25px 60px;position: relative;}
#sub_contents .faq__item .dt::before,
#sub_contents .faq__item .dd::before {position: absolute;left: 20px;top: 8px;}
#sub_contents .faq__item .dt::before {content: "Q.";font-size: 30px;}
#sub_contents .faq__item .dd::before {content: "A.";font-size: 30px;}

/* menu
-----------------------------*/
#sub_contents .sub_menu_box {padding: 40px 40px;}
#sub_contents .sub_menu_box .tbl_menu {width: 100%;margin-inline: auto;position: relative;}
#sub_contents .sub_menu_box .tbl_menu .tr {display: flex;align-items: center;position: relative;align-items: stretch;}
#sub_contents .sub_menu_box .tbl_menu .th {width: 80%;padding: 20px;border-bottom: none;text-align: left;vertical-align: middle;}
#sub_contents .sub_menu_box .tbl_menu .th p.ttl {font-weight: bold;line-height: 2em;}
#sub_contents .sub_menu_box .tbl_menu .td {width: 20%;text-align: right;padding: 20px;border-bottom: none;}
#sub_contents .sub_menu_box .tbl_menu .td p.info {font-weight: bold;display: inline-block;line-height: 2em;}
#sub_contents .sub_menu_box .tbl_menu p.ex {font-weight: normal;font-size: 15px;}
#sub_contents .menu_ttl {font-size: 22px;}

/* worry
-----------------------------*/
#sub_contents .rank_g_area .txt_area .name::before {content: "";position: absolute;width: 100%;height: 1px;background: #ab996f;left: 0;bottom: -5px;}
#sub_contents .rank_g_area .txt_area .name{position: relative;letter-spacing: .04em;padding-bottom: 10px;border-bottom: 2px solid #ab996f; font-size:15px; font-weight:bold;font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;color:#ab996f;margin-bottom: 15px;}
#sub_contents .rank_g_area .txt_area .bold{font-size:18px;}
#sub_contents .rank_g_area {padding: 30px 20px; background: url(.../images/news_bg.png) repeat top center / cover ; position: relative;position: relative;box-shadow: 0px 5px 25px 0px rgba(174, 166, 154, 0.2);}
#sub_contents .rank_g_area .img {width: 100%; margin-bottom:10px;}
#sub_contents .rank_g_area .txt_area {width: 100%;}
#sub_contents .rank_g_area .txt_area .name{font-size:18px;margin-top: 15px;}
#sub_contents .rank_g_area .txt_area .bold{font-size:18px;font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;}
#sub_contents .rank_g_area .rank_check_area{padding:0px;display:flex; margin-bottom:10px;}
#sub_contents .rank_g_area .rank_check_list{font-size:16px; position:relative;padding-left:30px;margin-bottom:10px;width:100%;}
#sub_contents .rank_g_area .rank_check_list:last-child{margin-bottom: 0;}
#sub_contents .rank_g_area .rank_check_list::before{position:absolute;content:"";background: url(../images/check.png) no-repeat top center / cover ;width:18px;height:18px;top: 50%;left: 0%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);}

/* menu
-----------------------------*/
#sub_contents .com_txtbox {margin:80px 0 50px 0;}
#sub_contents .com_txtbox .txt {width:100%;}
#sub_contents .com_txtbox .img {width:100%; margin-bottom: 15px;}
#sub_contents .com_txtbox .txt .ttl{display:flex;align-items:center;margin-bottom:40px;}
#sub_contents .com_txtbox .txt .ttl .num{font-size:32px;font-family: "EB Garamond", serif;font-weight:300;display:inline-block;padding-right:20px;border-right:1px solid #111;line-height:1;margin-right:20px;}
#sub_contents .com_txtbox .txt .ttl .ja{font-size:20px;display:inline-block;}

#sub_contents .menu_box {width:100%;margin:0 auto;}
#sub_contents .menu__ul .li {padding: 25px 0px;border-bottom: 1px solid #d7d2c7;display:block;}
#sub_contents .menu__ul .li .menu__text {width: 100%;margin-bottom: 10px;}
#sub_contents .menu__ul .li .menu__title {font-size: 18px;margin:0;position: relative;padding-left: 20px;line-height: 1.6;letter-spacing: 0.075em;display:block;font-weight:bold;font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;}
#sub_contents .menu__ul .li .menu__title::before {content: "";position: absolute;width: 7px;height: 7px;background:#ab996f;border-radius: 50%;top: 10px;left: 0;}
#sub_contents .menu__ul .li .menu__p {font-size: 16px;letter-spacing: 0.075em;padding-left: 20px;margin-top:10px;margin-bottom: 20px;}
#sub_contents .menu__ul .li .menu__price {width: 100%;font-size: 16px;display: flex;justify-content: space-between;align-items: center;margin-bottom: 15px;}
#sub_contents .menu__ul .li .menu__price .small{font-size: 16px;margin-left: 20px;font-weight: bold;font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;}
#sub_contents .menu__ul .li .menu__price .strong{font-size: 17px;margin-right: 10px;}
#sub_contents .menu_h3{font-size:20px;border-left:5px solid #302210;border-bottom:1px solid #d7d2c7;padding:5px 20px;margin-bottom:20px;font-family: "Noto Serif JP", serif;}
#sub_contents .sub_menu_box .box{width:48%;background:#fff;padding:30px;}
#sub_contents .sub_menu_box .box .menu__title {font-size: 15px;margin:0;position: relative;padding-left: 20px;line-height: 1.6;letter-spacing: 0.075em;display:block;font-weight:500;}
#sub_contents .sub_menu_box .box .menu__title::before {content: "";position: absolute;width: 7px;height: 7px;background:#302210;border-radius: 50%;top: 10px;left: 0;}
#sub_contents .sub_menu_box .box .tr {padding: 20px 5px;border-bottom: 1px solid #d7d2c7;display:flex;}
#sub_contents .sub_menu_box .box .tr .th {width:30%;}
#sub_contents .sub_menu_box .box .tr .td {width:70%;}

/* guide
-----------------------------*/
#sub_contents .flow_g_area .ttl {border-bottom:4px double #ab996f;margin-bottom:20px;}
#sub_contents .flow_g_area .num {font-size:20px;color:#ab996f;padding-right:10px;display:inline-block;font-weight: bold;}
#sub_contents .flow_g_area .txt {font-size:16px;display:inline-block;font-weight:500;font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;}
#sub_contents .flow_g_area{background-color: #fff;padding:12px;position:relative;box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.10);margin-bottom:45px;}
#sub_contents .flow_g_area:not(:last-child):before{display: block;content: "";width: 0;height: 0;width: 0;height: 0;border-top: 15px solid #ab996f;border-right: 15px solid transparent;border-left: 15px solid transparent;position: absolute;bottom: -8%;right: 0;left: 0;margin: 0 auto;}
#sub_contents .flow_g_area .img{width: 100%;margin-bottom: 15px;position:relative;}
#sub_contents .flow_g_area .txt_area {width: 100%;}
#sub_contents .flow_g_area .txt_area p.lh {font-size:16px;}
#sub_contents .c_policy {margin-bottom:50px;}
#sub_contents .c_policy .ttl {font-size:20px;padding:10px 0;border-bottom:1px solid #ab996f;margin-bottom:20px;background:none;font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;}
#sub_contents .c_policy p {background:#faf8f3;padding:15px;line-height: 200%;}
#sub_contents .c_policy .strong {color:#111;margin:70px 0 0 0;font-size:20px;text-align:center;background:none;}
#sub_contents .checkbox-label{font-size:12px;}

/* faq
----------------------------------- */
#sub_contents .button-wrapper {display: flex;justify-content: center;flex-wrap: wrap;gap: 20px;margin-bottom: 50px;}
#sub_contents .button_area{display: flex;justify-content: center;flex-wrap: wrap;gap: 20px;/*margin-bottom: 20px;*/}
#sub_contents .button{width: 250px;height: 45px;position: relative;display: block; margin-inline: auto;}
#sub_contents .button a{display: block;text-align: center;line-height: 30px; transition: all .5s; padding: 14px 0;background: #888888;color: #fff;}
#sub_contents .button a:hover{background: #fff;color: #888888;border: 1px solid #888888;}
#sub_contents .button p{font-weight: bold;font-size: 14px;font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;}
#sub_contents .faq__item {padding: 10px; width:100%;margin:0 auto;background:#faf8f3;}
#sub_contents .faq__item:not(:last-of-type) {margin-bottom: 40px;}
#sub_contents .faq__item .dt {padding: 15px 20px 15px 50px;position: relative;border-bottom:1px solid #ab996f;font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;color:#ab996f;}
#sub_contents .faq__item .dd {padding: 15px 20px 15px 50px;position: relative;font-size: 16px;color: #494949;}
#sub_contents .faq__item .dt::before,#sub_contents .faq__item .dd::before {position: absolute;left: 15px;top: 8px;}
#sub_contents .faq__item .dt::before {content: "Q.";font-size: 20px;font-weight:400;color:#ab996f;font-family: "Cormorant", serif;}
#sub_contents .faq__item .dd::before {content: "A.";font-size: 20px;font-weight:400;color:#494949;font-family: "Cormorant", serif;}

/* shop
----------------------------------- */
#sub_contents .guide_area {position: relative;margin-bottom:450px;}
#sub_contents .guide_area .txt_area {width:100%;background:rgba(255, 255, 255, 0.9);padding:40px 40px 60px 40px ;z-index:1;position: absolute;right:20px;left:auto;bottom:-500px;}
#sub_contents .guide_area .txt_area.left {width:100%;background:rgba(255, 255, 255, 0.9);padding:40px;z-index:1;position: absolute;right:auto;left:20px;bottom:-100px;}
#sub_contents .guide_area .txt_area p {line-height:2;}
#sub_contents .guide_area_line {width:1px;height:150px;background:#999;margin:0 auto 50px;}
#sub_contents .guide_area_tcen {font-size:18px;font-weight:500;text-align:center;}
#sub_contents .salon_img_area {gap:10px;}
#sub_contents .salon_img_area .salon_img {width:100%;}
#sub_contents .salon_tbl .tr {border-bottom:1px solid #111;display:flex;padding:10px 0;}
#sub_contents .salon_tbl .tr:last-of-type {margin-bottom: 20px;}
#sub_contents .salon_tbl .tr .th {display:block;width:35%;padding:20px;}
#sub_contents .salon_tbl .tr .td {display:block;width:65%;padding:20px 20px;line-height:1.6;}

/* gallery
----------------------------------- */
#sub_contents .webgene-blog .cnt-news-li {border-top:unset!important;}
#sub_contents .webgene-blog figure {padding: 0;margin: 0 auto 0 0;height: auto; margin-bottom:5px;}
#sub_contents .webgene-blog figure img {aspect-ratio: 1/1; margin: 0;width: 100%;height:auto;object-fit: cover;}
#sub_contents .gallery-cate{display:inline-block; border: 1px solid #ab996f; padding:3px 10px; font-size:14px; font-weight:bold;}
#sub_contents .gallery-ttl{font-weight: normal; margin-bottom: 5px; font-size:15px;}
#sub_contents .gallery-txt{margin-bottom: 10px;}
#imgPopup { position: fixed; inset: 0; display: flex; justify-content: center; align-items: center; background: rgba(0,0,0,0.85); opacity: 0; pointer-events: none; transition: opacity 0.3s ease; z-index: 9999; }
#imgPopup.active { opacity: 1; pointer-events: auto; }
#imgPopup img { max-width: 100%; max-height: 100%; border-radius: 10px; box-shadow: 0 10px 30px rgba(0,0,0,0.6); transform: scale(0.8); transition: transform 0.3s ease;  object-fit:cover;}
#imgPopup.active img { transform: scale(1); }
#imgPopup .close-btn { position: absolute; top: 20px; right: 20px; font-size: 28px; color: #fff; cursor: pointer; }
#sub_contents #wgc-1763628606317.webgene-blog{display:flex;flex-wrap:wrap;gap:5px;}
#sub_contents #wgc-1763628606317.webgene-blog .categorylist {width: 100%;min-width: auto;}
#sub_contents #wgc-1763628611843.webgene-blog{display:flex;flex-wrap:wrap;gap:20px;}
#sub_contents #wgc-1763628611843.webgene-blog article:hover{opacity:0.7; transition:1.0s; cursor:pointer;}
#sub_contents #wgc-1763628611843.webgene-blog article{width: 100%;}

/* news
----------------------------------- */
#sub_contents .illustration {position: relative;}
#sub_contents .illustration::after {content: "";position: absolute;    position: absolute;top: 48px;left: 858px;width: 350px;height: 150px;display: inline-block;background: url(../images/illust.png) no-repeat center;  z-index: -10;}
#sub_contents .category-wrapper {display: flex;justify-content: center;flex-wrap: wrap;gap: 10px;margin-bottom: 50px;}
#sub_contents .webgene-item.categorylist {flex: 0 0 auto;}
#sub_contents .webgene-item.categorylist a {display: inline-block;background: #ab996f;text-align: center;padding: 8px 16px;transition: .5s;color: #fff;}
#sub_contents .webgene-item.categorylist a:hover {opacity: .8;}
#sub_contents .category-wrapper {display: flex;justify-content: center;flex-wrap: wrap;gap: 20px;margin-bottom: 50px;width: 100%;}    
#sub_contents .webgene-item.categorylist {width: 23%;min-width: 200px;}
#sub_contents .webgene-item.categorylist a {display: block;background: #ab996f;text-align: center;padding: 8px 16px;transition: .5s;color: #fff;}
#sub_contents .news__img {width: 100%;}
#sub_contents .webgene-pagination{margin-top: 50px;text-align: center;    display: block;width: 100%;}
#sub_contents .webgene-pagination ul{display: flex;justify-content: center;column-gap: 20px;}
#sub_contents .webgene-pagination ul li a{display: inline-block;padding: 5px 30px;color:#fff;}
#sub_contents .webgene-blog:has(.categorylist) {margin-bottom: 50px; justify-content: space-between;}
#sub_contents .subnews_flex{border-bottom: solid 1px #ab996f;padding-bottom: 1em;;}
#sub_contents .webgene-blog:has(.news__item) {display: block; justify-content: flex-start; flex-wrap: wrap; position: relative; row-gap: 40px;}
#sub_contents .webgene-blog:has(.news__item)::after {content: ""; display: block; width: 100%;}
#sub_contents .webgene-blog .news__item {width: 100%;}
#sub_contents .webgene-blog .news__item a {display: block;    justify-content: center;}
#sub_contents .webgene-blog .news__item .news__img {margin-bottom: 20px;}
    /* #sub_contents .webgene-blog .news__item .news__img img {aspect-ratio: 3 / 2; object-fit: cover;}  */
#sub_contents .webgene-blog .news__item .news__title {     font-weight: normal;   width: 100%; line-height: 1.5; overflow: hidden; display: -webkit-box; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 3;  margin-top: 1.2em; font-size: 15px;}
#sub_contents .webgene-blog .news__item a:hover .news__title {opacity: .8;}
#sub_contents .webgene-blog .news__item .news__date {margin: 0 30px 0px 0px;  font-weight: normal;   font-family: "Cormorant", serif;color: #ab996f;font-size: 18px;font-weight: bold;}
#sub_contents .webgene-blog .news__item .news__cate {padding: 5px 10px;}
#sub_contents .webgene-pagination{margin-top: 50px;text-align: center;    display: block;width: 100%;}
#sub_contents .webgene-pagination ul{display: flex;justify-content: center;column-gap: 20px;}
#sub_contents .webgene-pagination ul li a{display: inline-block;padding: 5px 30px;background: #ab996f;color:#fff;}
#sub_contents .subnews_flex{display: flex;align-items: baseline;}

/* detail_news
----------------------------------- */
#sub_contents .new_ttl {text-align: center;font-size:15px;font-weight:normal;position: relative;}
#sub_contents .new_ttl span{text-align: center;font-size:20px;font-weight:normal;font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;}
#sub_contents .new_ttl:before { z-index: -20; content: '';position: absolute;top: -31px;display: inline-block;width: 130px;height: 130px; right: 0;left: 0;margin: 0 auto;}
#sub_contents .news_detail .news_img {text-align: center;margin: 0 auto;width: 50%; }
#sub_contents .news_detail .news_img img{width: 100%; text-align: center; margin: 0 auto 50px;}
#sub_contents .news_detail .news_date{text-align: center; display: block;margin: 0 auto 20px;        font-size: 20px;font-family: "Cormorant", serif;color: #ab996f;}
#sub_contents .news_text{background:url("../images/news_bg.png")repeat center center;  padding: 30px;}

/* about
----------------------------------- */
#sub_contents .box_greeting_com .inner p{font-size:14px; text-align:left;}
#sub_contents .sub_st_box p.check{font-size: 13px;margin-bottom: 20px;padding-left: 20px;position: relative;}

/* guide
----------------------------------- */
#sub_contents .flow_g_area .txt_area p.lh {font-size:13px;}
#sub_contents .faq__item .dd {font-size:13px;}

/* PC  */
@media screen and (min-width: 768px) {

/* main_visual
----------------------------------- */
#sub_visual {padding-top:300px; height:550px;position:relative;z-index:0;overflow: hidden;}
#sub_visual .img { height:690px; position: absolute; top: 60px; width:100%;z-index:-1;text-align: center;left:0px;}
#sub_visual .img img{width:100%;height:100%;object-fit: cover;object-position: center;margin: 0 auto;position:relative;text-align: center;}
#sub_visual .h1_container{max-width:1140px;width:94%;margin:0 auto;padding-left:0;position:relative;text-align: right;color:#fff;bottom:30px;}
#sub_visual .h1_container h1{font-size:80px; line-height: 100%;font-weight: bold;text-transform: capitalize;color:#fff;font-family: "Cormorant", serif;letter-spacing: 2px;}
#sub_visual .h1_container .ttl{font-size:24px;line-height:100%;font-weight: normal;color:#fff;background-color: none;padding: 0;margin: 10px;font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif; }

/* sub_contents
----------------------------------- */
#sub_contents {font-size: 16px; position: relative;z-index:0;}
#sub_contents .section{max-width: 1140px; margin: 70px auto 80px;position: relative;padding-bottom: 50px;width:94%;}
#sub_contents .scroll_section { width: 100%;margin: 50px 0 50px;position: relative; }
#sub_contents .sub_ttl { scroll-margin-top: 120px;}
#sub_contents .sub_ttl h2{ text-align: center;font-size:40px; margin-bottom:10px; position: relative; line-height: 100%; padding-top: 20px;letter-spacing: 0.08em;font-weight: normal;color: #ab996f;font-family: "Cormorant", serif;text-transform: uppercase;}
#sub_contents .sub_ttl .span{font-size:18px; display: block;margin-bottom:0px;font-weight: normal;letter-spacing: 0.1em;text-align: center;font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;}
#sub_contents .txt_cen{ text-align: center; font-size:20px; line-height: 200%;}
#sub_contents .txt_cen.white{ color: #fff;}
#sub_contents .txt_cen.strong{color: #a98465;}
#sub_contents .txt_st{ text-align: center; line-height: 200%;}
#sub_contents .mb10{margin-bottom: 10px;}
#sub_contents .mb20{margin-bottom: 20px;}
#sub_contents .mb30{margin-bottom: 30px;}
#sub_contents .mb50{margin-bottom: 50px;}
#sub_contents .mb80{margin-bottom: 80px;}
#sub_contents .mb100{margin-bottom: 100px;}
#sub_contents .mb150{margin-bottom: 150px;}
#sub_contents .sub_bg{background:url("../images/news_bg.png")repeat center center; padding: 20px 0;}

/* bread_crumb_list
----------------------------------- */
#sub_contents .bread_crumb_list{position:absolute;width:94%; top:-53px;line-height:100%;padding:0 2%;max-width:1140px;}
#sub_contents .bread_crumb{text-align:right;padding:10px 0 0 0;max-width:1140px;margin:0 auto;margin-bottom:30px;}
#sub_contents .bread_crumb div { display:inline;color:#fff;}
#sub_contents .bread_crumb div:after {content : '＞';padding-left:10px; font-family: inherit; font-size:13px;}
#sub_contents .bread_crumb div:last-child:after { content : '';}
#sub_contents .bread_crumb div a {text-decoration:underline;color:#fff;font-size:13px;}
#sub_contents .bread_crumb p{margin-bottom:0px; font-size:13px;padding:0 2%;}

/* btn
----------------------------------- */
#sub_contents .anker__item.w50{width: 100%;}
#sub_contents .anker__item a {display: block;text-align: center;color: #fff;;text-transform: capitalize;padding: 1em;font-weight: 500;background-color: #ab996f;}
#sub_contents .anker__item a:hover {background-color: #ab996f;color:#fff;}
#sub_contents .anker__item p.btn_ttl{letter-spacing: 0.1em;}
#sub_contents .anker__items{column-gap: 10px;row-gap: 10px;}
#sub_contents .anker__item{width: 32%;position: relative;display: block;}
#sub_contents .anker__item a:hover{opacity:.8;}

/* about
----------------------------------- */
#sub_contents .box_greeting_com{padding: 80px 40px 80px;background:url("../images/sub_concept_img01.png")no-repeat center center; background-attachment: fixed;}
#sub_contents .box_greeting_com .inner{background: #ffffffcc;padding: 35px; position: relative;text-align: center; margin:0 auto; width:80%; max-width:100%;border:solid 1px #bda791 ;}
#sub_contents .box_greeting_com .inner p{font-size:17px; font-weight: normal;line-height: 280%; text-align:left;}
#sub_contents .box_greeting_com .inner p.span{font-size:22px; font-weight: normal;color: #666;font-weight: bold;display: inline-block;}
#sub_contents .sub_st_box{width: 100%;position: relative;background-color: #fff;padding: 40px 40px 30px;}
#sub_contents .sub_st_box .img{width: 100%;margin-bottom: 10px;}
#sub_contents .sub_st_box .img img{width: 100%;height: 300px;object-fit: cover;}
#sub_contents .sub_st_box .num{font-size: 22px;font-weight: bold;color: #ab996f;}
#sub_contents .sub_st_box p.ttl{font-size: 24px;margin-bottom: 10px;border-bottom: double 4px #ab996f;color: #2d2d2d;}
#sub_contents .sub_st_box p.txt{margin-bottom: 30px;font-size: 16px;}
#sub_contents .sub_rank_box {gap: 3%;}
#sub_contents .sub_rank_box .sub_rank {padding: 10px 40px 30px;border: solid 1px #ab996f;width: 48%;margin-top: 15px;}
#sub_contents .sub_rank_box .sub_rank p.rank {color: #ab996f;font-weight: bold;font-size: 20px;text-align: center;line-height: 1em;margin-top: 15px;margin-bottom: 15px; font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;}
#sub_contents .sub_rank_box .sub_rank .img {width: 100%;}
#sub_contents .sub_rank_box .sub_rank .img img {object-fit: cover;width: 100%;height: auto;}
#sub_contents .sub_rank_box .sub_rank p.ex {line-height: 1.8em;}

/* guide
----------------------------------- */
#sub_contents .flow_g_area:not(:last-child):before{bottom: -13%;}
#sub_contents .flow_g_area{margin-bottom:55px;}
#sub_contents .faq__item:not(:last-of-type) {margin-bottom: 20px;}
#sub_contents .faq__item .dt {padding: 25px 20px 25px 60px;position: relative;font-weight: bold;}
#sub_contents .faq__item .dd {padding: 25px 20px 25px 60px;position: relative;}
#sub_contents .faq__item .dt::before,
#sub_contents .faq__item .dd::before {position: absolute;left: 20px;top: 8px;}
#sub_contents .faq__item .dt::before {content: "Q.";font-size: 30px;}
#sub_contents .faq__item .dd::before {content: "A.";font-size: 30px;}

/* menu
-----------------------------*/
#sub_contents .sub_menu_box {padding: 40px 40px;}
#sub_contents .sub_menu_box .tbl_menu {width: 100%;margin-inline: auto;position: relative;}
#sub_contents .sub_menu_box .tbl_menu .tr {display: flex;align-items: center;position: relative;align-items: stretch;}
#sub_contents .sub_menu_box .tbl_menu .th {width: 80%;padding: 20px;border-bottom: none;text-align: left;vertical-align: middle;}
#sub_contents .sub_menu_box .tbl_menu .th p.ttl {font-weight: bold;line-height: 2em;}
#sub_contents .sub_menu_box .tbl_menu .td {width: 20%;text-align: right;padding: 20px;border-bottom: none;}
#sub_contents .sub_menu_box .tbl_menu .td p.info {font-weight: bold;display: inline-block;line-height: 2em;}
#sub_contents .sub_menu_box .tbl_menu p.ex {font-weight: normal;font-size: 15px;}
#sub_contents .menu_ttl {font-size: 22px;}

/* worry
-----------------------------*/
#sub_contents .rank_g_area .txt_area .name::before {content: "";position: absolute;width: 100%;height: 1px;background: #ab996f;left: 0;bottom: -5px;}
#sub_contents .rank_g_area .txt_area .name{position: relative;letter-spacing: .04em;padding-bottom: 10px;border-bottom: 2px solid #ab996f; font-size:15px; font-weight:bold;font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;color:#ab996f;margin-bottom: 15px;}
#sub_contents .rank_g_area .txt_area .bold{font-size:18px;}
#sub_contents .rank_g_area {padding: 30px; background: url(.../images/news_bg.png) repeat top center / cover ; position: relative;position: relative;box-shadow: 0px 5px 25px 0px rgba(174, 166, 154, 0.2);}
#sub_contents .rank_g_area .img {width: 33%; margin-bottom:0px;}
#sub_contents .rank_g_area .txt_area {width: 65%;}
#sub_contents .rank_g_area .txt_area .name{font-size:21px;margin-top: 15px;}
#sub_contents .rank_g_area .txt_area .bold{font-size:18px;font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;}
#sub_contents .rank_g_area .rank_check_area{padding:0px;display:flex; margin-bottom:10px;}
#sub_contents .rank_g_area .rank_check_list{font-size:18px; position:relative;padding-left:30px;margin-bottom:10px;width:100%;}
#sub_contents .rank_g_area .rank_check_list:last-child{margin-bottom: 0;}
#sub_contents .rank_g_area .rank_check_list::before{position:absolute;content:"";background: url(../images/check.png) no-repeat top center / cover ;width:18px;height:18px;top: 50%;left: 0%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);}

/* menu
-----------------------------*/
#sub_contents .com_txtbox {margin:80px 0 50px 0;}
#sub_contents .com_txtbox .txt {width:100%;}
#sub_contents .com_txtbox .img {width:100%; margin-bottom: 15px;}
#sub_contents .com_txtbox .txt .ttl{display:flex;align-items:center;margin-bottom:40px;}
#sub_contents .com_txtbox .txt .ttl .num{font-size:30px;font-family: "EB Garamond", serif;font-weight:300;display:inline-block;padding-right:20px;border-right:1px solid #111;line-height:1;margin-right:20px;}
#sub_contents .com_txtbox .txt .ttl .ja{font-size:22px;display:inline-block;}
#sub_contents .menu_box {width:80%;margin:0 auto;}
#sub_contents .menu__ul .li {padding: 25px 5px;border-bottom: 1px solid #d7d2c7;display:block;}
#sub_contents .menu__ul .li .menu__text {width: 100%;margin-bottom: 10px;}
#sub_contents .menu__ul .li .menu__title {font-size: 18px;margin:0;position: relative;padding-left: 20px;line-height: 1.6;letter-spacing: 0.075em;display:block;font-weight:bold;font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;}
#sub_contents .menu__ul .li .menu__title::before {content: "";position: absolute;width: 7px;height: 7px;background:#ab996f;border-radius: 50%;top: 10px;left: 0;}
#sub_contents .menu__ul .li .menu__p {font-size: 16px;letter-spacing: 0.075em;padding-left: 20px;margin-top:10px;margin-bottom: 20px;}
#sub_contents .menu__ul .li .menu__price {width: 100%;font-size: 16px;display: flex;justify-content: space-between;align-items: center;margin-bottom: 15px;}
#sub_contents .menu__ul .li .menu__price .small{font-size: 16px;margin-left: 20px;font-weight: bold;font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;}
#sub_contents .menu__ul .li .menu__price .strong{font-size: 17px;margin-right: 10px;}
#sub_contents .menu_h3{font-size:20px;border-left:5px solid #302210;border-bottom:1px solid #d7d2c7;padding:5px 20px;margin-bottom:20px;font-family: "Noto Serif JP", serif;}
#sub_contents .sub_menu_box .box{width:48%;background:#fff;padding:30px;}
#sub_contents .sub_menu_box .box .menu__title {font-size: 15px;margin:0;position: relative;padding-left: 20px;line-height: 1.6;letter-spacing: 0.075em;display:block;font-weight:500;}
#sub_contents .sub_menu_box .box .menu__title::before {content: "";position: absolute;width: 7px;height: 7px;background:#302210;border-radius: 50%;top: 10px;left: 0;}
#sub_contents .sub_menu_box .box .tr {padding: 20px 5px;border-bottom: 1px solid #d7d2c7;display:flex;}
#sub_contents .sub_menu_box .box .tr .th {width:30%;}
#sub_contents .sub_menu_box .box .tr .td {width:70%;}

/* guide
-----------------------------*/
#sub_contents .flow_g_area .ttl {border-bottom:4px double #ab996f;margin-bottom:20px;}
#sub_contents .flow_g_area .num {font-size:20px;color:#ab996f;padding-right:10px;display:inline-block;font-weight: bold;}
#sub_contents .flow_g_area .txt {font-size:18px;display:inline-block;font-weight:500;font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;}
#sub_contents .flow_g_area{background-color: #fff;padding:30px;position:relative;box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.10);margin-bottom:45px;}
#sub_contents .flow_g_area:not(:last-child):before{display: block;content: "";width: 0;height: 0;width: 0;height: 0;border-top: 15px solid #ab996f;border-right: 15px solid transparent;border-left: 15px solid transparent;position: absolute;bottom: -13%;right: 0;left: 0;margin: 0 auto;}
#sub_contents .flow_g_area .img{width: 26%;margin-bottom: 20px;position:relative;}
#sub_contents .flow_g_area .txt_area {width: 70%;}
#sub_contents .flow_g_area .txt_area p.lh {font-size:16px;}

#sub_contents .c_policy {margin-bottom:50px;}
#sub_contents .c_policy .ttl {font-size:20px;padding:10px 0;border-bottom:1px solid #ab996f;margin-bottom:20px;background:none;font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;}
#sub_contents .c_policy p {background:#faf8f3;padding:30px;line-height: 200%;}
#sub_contents .c_policy .strong {color:#111;margin:70px 0 0 0;font-size:20px;text-align:center;background:none;}
#sub_contents .checkbox-label{font-size:12px;}

/* faq
----------------------------------- */
#sub_contents .button-wrapper {display: flex;justify-content: center;flex-wrap: wrap;gap: 20px; margin-bottom: 50px;}
#sub_contents .button_area{display: flex;justify-content: center;flex-wrap: wrap;gap: 20px; /*margin-bottom: 20px;*/}
#sub_contents .button{width: 250px;height: 45px;position: relative;display: block; /*margin-bottom:50px;*/ margin-inline: auto;}
#sub_contents .button a{display: block;text-align: center;line-height: 30px; transition: all .5s; padding: 14px 0;background: #888888;color: #fff;}
#sub_contents .button a:hover{background: #fff;color: #888888;border: 1px solid #888888;}
#sub_contents .button p{font-weight: bold;font-size: 14px;font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;}

#sub_contents .faq__item {padding:20px 30px;width:100%;margin:0 auto;background:#faf8f3;}
#sub_contents .faq__item:not(:last-of-type) {margin-bottom: 40px;}
#sub_contents .faq__item .dt {padding: 15px 20px 15px 50px;position: relative;border-bottom:1px solid #ab996f;font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;color:#ab996f;}
#sub_contents .faq__item .dd {padding: 15px 20px 15px 50px;position: relative;font-size: 16px;color: #494949;}
#sub_contents .faq__item .dt::before,#sub_contents .faq__item .dd::before {position: absolute;left: 15px;top: 8px;}
#sub_contents .faq__item .dt::before {content: "Q.";font-size: 20px;font-weight:400;color:#ab996f;font-family: "Cormorant", serif;}
#sub_contents .faq__item .dd::before {content: "A.";font-size: 20px;font-weight:400;color:#494949;font-family: "Cormorant", serif;}

/* shop
----------------------------------- */
#sub_contents .guide_area {position: relative;margin-bottom:180px;}
#sub_contents .guide_area .txt_area {width:75%;background:rgba(255, 255, 255, 0.9);padding:40px 40px 60px 40px ;z-index:1;position: absolute;right:20px;left:auto;bottom:-100px;}
#sub_contents .guide_area .txt_area.left {width:70%;background:rgba(255, 255, 255, 0.9);padding:40px;z-index:1;position: absolute;right:auto;left:20px;bottom:-100px;}
#sub_contents .guide_area .txt_area p {line-height:2;}
#sub_contents .guide_area_line {width:1px;height:150px;background:#999;margin:0 auto 50px;}
#sub_contents .guide_area_tcen {font-size:18px;font-weight:500;text-align:center;}
#sub_contents .salon_img_area {gap:10px;}
#sub_contents .salon_img_area .salon_img {width:48%;}
#sub_contents .salon_tbl .tr {border-bottom:1px solid #111;display:flex;padding:10px 0;}
#sub_contents .salon_tbl .tr:last-of-type {margin-bottom: 20px;}
#sub_contents .salon_tbl .tr .th {display:block;width:20%;padding:20px;}
#sub_contents .salon_tbl .tr .td {display:block;width:80%;padding:20px 20px;line-height:1.6;}

/* gallery
----------------------------------- */
#sub_contents .webgene-blog .cnt-news-li {border-top:unset!important;}
#sub_contents .webgene-blog figure {padding: 0;margin: 0 auto 0 0;height: auto; margin-bottom:5px;}
#sub_contents .webgene-blog figure img {aspect-ratio: 1/1; margin: 0;width: 100%;max-width: 100%;height:auto;object-fit: cover;}
#sub_contents .gallery-cate{display:inline-block; border: 1px solid #ab996f; padding:3px 10px; font-size:14px; font-weight:bold;}
#sub_contents .gallery-ttl{font-weight: normal; margin-bottom: 5px; font-size:15px;}
#sub_contents .gallery-txt{margin-bottom: 10px;}
#imgPopup { position: fixed; inset: 0; display: flex; justify-content: center; align-items: center; background: rgba(0,0,0,0.85); opacity: 0; pointer-events: none; transition: opacity 0.3s ease; z-index: 9999; }
#imgPopup.active { opacity: 1; pointer-events: auto; }
#imgPopup img { max-width: 90%; max-height: 90%; border-radius: 10px; box-shadow: 0 10px 30px rgba(0,0,0,0.6); transform: scale(0.8); transition: transform 0.3s ease;  object-fit:cover;}
#imgPopup.active img { transform: scale(1); }
#imgPopup .close-btn { position: absolute; top: 20px; right: 20px; font-size: 28px; color: #fff; cursor: pointer; }
#sub_contents #wgc-1763628606317.webgene-blog{display:flex;flex-wrap:wrap;gap:5px;}
#sub_contents #wgc-1763628606317.webgene-blog .categorylist {width: 23%;min-width: auto;}
#sub_contents #wgc-1763628611843.webgene-blog{display:flex;flex-wrap:wrap;gap:20px;}
#sub_contents #wgc-1763628611843.webgene-blog article{width: 32%;}
#sub_contents #wgc-1763628611843.webgene-blog article:hover{opacity:0.7; transition:1.0s; cursor:pointer;}

/* news
----------------------------------- */
#sub_contents .illustration {position: relative;}
#sub_contents .illustration::after {content: "";position: absolute;    position: absolute;top: 48px;left: 858px;width: 350px;height: 150px;display: inline-block;background: url(../images/illust.png) no-repeat center;  z-index: -10;}
#sub_contents .category-wrapper {display: flex;justify-content: center;flex-wrap: wrap;gap: 10px;margin-bottom: 50px;}
#sub_contents .webgene-item.categorylist {flex: 0 0 auto;}
#sub_contents .webgene-item.categorylist a {display: inline-block;background: #ab996f;text-align: center;padding: 8px 16px;transition: .5s;color: #fff;}
#sub_contents .webgene-item.categorylist a:hover {opacity: .8;}
#sub_contents .category-wrapper {display: flex;justify-content: center;flex-wrap: wrap;gap: 20px;margin-bottom: 50px;width: 100%;}    
#sub_contents .webgene-item.categorylist {width: 23%;min-width: 200px;}
#sub_contents .webgene-item.categorylist a {display: block;background: #ab996f;text-align: center;padding: 8px 16px;transition: .5s;color: #fff;}
#sub_contents .news__img {width: 100%;}
#sub_contents .webgene-pagination{margin-top: 50px;text-align: center;    display: block;width: 100%;}
#sub_contents .webgene-pagination ul{display: flex;justify-content: center;column-gap: 20px;}
#sub_contents .webgene-pagination ul li a{display: inline-block;padding: 5px 30px;color:#fff;}
#sub_contents .webgene-blog:has(.categorylist) {margin-bottom: 50px; justify-content: space-between;}
#sub_contents .subnews_flex{border-bottom: solid 1px #ab996f;padding-bottom: 1em;;}
#sub_contents .webgene-blog:has(.news__item) {display: block; justify-content: flex-start; flex-wrap: wrap; position: relative; row-gap: 40px;}
#sub_contents .webgene-blog:has(.news__item)::after {content: ""; display: block; width: 100%;}
#sub_contents .webgene-blog .news__item {width: 100%;}
#sub_contents .webgene-blog .news__item a {display: block;    justify-content: center;}
#sub_contents .webgene-blog .news__item .news__img {margin-bottom: 20px;}
    /* #sub_contents .webgene-blog .news__item .news__img img {aspect-ratio: 3 / 2; object-fit: cover;}  */
#sub_contents .webgene-blog .news__item .news__title {     font-weight: normal;   width: 100%; line-height: 1.5; overflow: hidden; display: -webkit-box; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 3;  margin-top: 1.2em; font-size: 15px;}
#sub_contents .webgene-blog .news__item a:hover .news__title {opacity: .8;}
#sub_contents .webgene-blog .news__item .news__date {margin: 0 30px 0px 0px; font-weight: normal; font-family: "Cormorant", serif;color: #ab996f;font-size: 22px;font-weight: bold;}
#sub_contents .webgene-blog .news__item .news__cate {padding: 5px 10px;}
#sub_contents .webgene-pagination{margin-top: 50px;text-align: center; display: block;width: 100%;}
#sub_contents .webgene-pagination ul{display: flex;justify-content: center;column-gap: 20px;}
#sub_contents .webgene-pagination ul li a{display: inline-block;padding: 5px 30px;background: #ab996f;color:#fff;}
#sub_contents .subnews_flex{display: flex;align-items: baseline;}

/* detail_news
----------------------------------- */
#sub_contents .new_ttl {text-align: center;font-size:20px;font-weight:normal;position: relative;}
#sub_contents .new_ttl span{text-align: center;font-size:28px;font-weight:normal;font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;}
#sub_contents .new_ttl:before { z-index: -20; content: '';position: absolute;top: -31px;display: inline-block;width: 130px;height: 130px; right: 0;left: 0;margin: 0 auto;}
#sub_contents .news_detail .news_img {text-align: center;margin: 0 auto;width: 50%; }
#sub_contents .news_detail .news_img img{width: 100%; text-align: center; margin: 0 auto 50px;}
#sub_contents .news_detail .news_date{text-align: center; display: block;margin: 0 auto 20px; font-size: 26px;font-family: "Cormorant", serif;color: #ab996f;}
#sub_contents .news_text{background:url("../images/news_bg.png")repeat center center;  padding: 50px;}

}

@media screen and (min-width: 1024px) {

/* about
----------------------------------- */
#sub_contents .box_greeting_com{padding: 80px 40px 80px;background:url("../images/sub_concept_img01.png")no-repeat center center; background-attachment: fixed;}
#sub_contents .box_greeting_com .inner{background: #ffffffcc;padding: 35px; position: relative;text-align: center; margin:0 auto; width:80%; max-width:100%;border:solid 1px #bda791 ;}
#sub_contents .box_greeting_com .inner p{font-size:17px; font-weight: normal;line-height: 280%; text-align:center;}
#sub_contents .box_greeting_com .inner p.span{font-size:22px; font-weight: normal;color: #666;font-weight: bold;display: inline-block;}

/* menu
-----------------------------*/
#sub_contents .com_txtbox {margin:80px 0 50px 0;}
#sub_contents .com_txtbox .txt {width:45%;}
#sub_contents .com_txtbox .img {width:50%; margin-bottom: 0px;}
#sub_contents .com_txtbox .txt .ttl{display:flex;align-items:center;margin-bottom:40px;}
#sub_contents .com_txtbox .txt .ttl .num{font-size:60px;font-family: "EB Garamond", serif;font-weight:300;display:inline-block;padding-right:20px;border-right:1px solid #111;line-height:1;margin-right:20px;}
#sub_contents .com_txtbox .txt .ttl .ja{font-size:22px;display:inline-block;}

}