/* main_visual
----------------------------------- */
#sub_visual {margin-top:0px;padding-top:100px;background:url(../images/sub_visual.jpg) no-repeat center bottom; height: 300px; position:relative;z-index:0; background-size:cover;}
#sub_visual .b {max-width:1280px;width:94%;margin:0 auto;position: relative;color:#fff;}
#sub_visual .b .span{font-family: "Noto Serif JP", serif;font-size:16px; line-height: 100%;font-weight: 200;display: block;margin:10px 0;}
#sub_visual .b h1{font-family: "Cormorant", serif;font-size:50px; line-height: 100%;font-weight: 500; display: inline-block;text-transform: uppercase;}  
/* bread_crumb_list
----------------------------------- */
#sub_contents .breadcrumb{font-size: 12px; text-align:right; display:block;margin-top:-50px;margin-right:0px;}
/* sub_contents 
----------------------------------- */
#sub_contents {font-size: 14px; position: relative;padding:0px 0px 50px 0;z-index:0;background:#c4a684;color:#fff;}
#sub_contents a {color:#fff;}
#sub_contents .section{max-width: 1280px;width:94%; margin: 80px auto 80px;position: relative;}
#sub_contents .sub_ttl {text-align:center;display: flex;flex-direction: column;align-items: center;margin-bottom:40px;}
#sub_contents .sub_ttl h2{ position: relative;font-family: "Cormorant", serif;font-weight:500; font-size:30px;position: relative; line-height: 100%;letter-spacing: 0.08em; display: inline-block;text-transform: uppercase;}
#sub_contents .sub_ttl h2::before{content: '';position: absolute;background:#ce131a;height:3px;width:40px;top:-15px;left:50%;transform: translateX(-50%);}
#sub_contents .sub_ttl h2:first-letter {color: #ce131a;}
#sub_contents .sub_ttl .span{ font-size:14px;font-weight:200; display: inline-block;font-family: "Noto Serif JP", serif; margin-bottom:10px; }
#sub_contents .txt_cen{ text-align: center;line-height: 200%;}
#sub_contents .txt_cen p{display:inline-block;}
#sub_contents .txt_cen .font-min{display:inline-block;font-family: "Noto Serif JP", serif;font-size:16px;}
#sub_contents .tcen{text-align:center;}
#sub_contents .underbar_tcen {text-align: center; margin:20px 0;}
#sub_contents .underbar_tcen p {font-size: 18px;font-weight: 500;position: relative;display: inline;background: linear-gradient(to bottom, transparent 70%, #d9d4cd 100%);}
#sub_contents .f13 {font-size:14px;}
#sub_contents .mb10{margin-bottom: 10px;}
#sub_contents .mb20{margin-bottom: 20px;}
#sub_contents .mb30{margin-bottom: 25px;}
#sub_contents .mb50{margin-bottom: 40px;}
#sub_contents .mb80{margin-bottom: 50px;}
#sub_contents .mb100{margin-bottom: 80px;}
#sub_contents .mb150{margin-bottom: 100px;}
#sub_contents .sub_bg {background:#ca8452;padding: 20px 0;}
#sub_contents .dis-none{display:none;}
/* btn
----------------------------------- */
#sub_contents .anker__items{column-gap: 4%;row-gap: 20px;padding-top:0px;}
#sub_contents .anker__item{width: 45%;height: 30px;position: relative;display: block;}
#sub_contents .anker__item a:hover{opacity:.8;}
#sub_contents .anker__item a {display: block;text-align: center;font-weight:500;line-height: 50px;color:#fff;background: linear-gradient(135deg, #11289c, #baa5cc);border-radius:50px;}
#sub_contents .anker__item p {line-height: 40px;font-size:12px;font-family: "Noto Serif JP", serif;}
#link01,#link02,#link03,#link04,#link05,#link06,#link07,#link08,#link09,#link10,#link11,#link12{margin-top:-120px;padding-top:120px;}
/* concept
----------------------------------- */
#sub_contents .salon_tbl .tr {border-bottom: 1px solid #dfd1c4;display:block;padding:10px 0;}
#sub_contents .salon_tbl .tr:last-of-type {margin-bottom: 20px;}
#sub_contents .salon_tbl .tr .th {display:block;width:100%;padding:10px 10px 0 10px;}
#sub_contents .salon_tbl .tr .td {display:block;width:100%;padding:10px;line-height:1.6;}
#sub_contents .salon_img {width:49%;margin-bottom:30px;}
/* technique
----------------------------------- */
#sub_contents .concept_area {background:url(../images/sub_tech_bg.png) repeat center center; background-size:cover; padding:20px;color: #fff;background-attachment: inherit; height:auto;}
#sub_contents .concept_area.sub_space {background:url(../images/sub_space_bg.png) repeat center center; background-size:cover; padding:20px;color: #fff;background-attachment: inherit; height:auto;}
#sub_contents .concept_area.sub_concept {background:url(../images/sub_concept_bg.png) repeat center center; background-size:cover; padding:20px;color: #fff;background-attachment: inherit; height:auto;}
#sub_contents .concept_area .box {background:rgba(0, 0, 0, 0.6);padding:20px;}
#sub_contents .concept_area .box .ttl {font-size:18px;font-weight:500;line-height:2;font-family: "Noto Serif JP", serif;display:inline-block;margin-top:0;}
#sub_contents .concept_area .box p {line-height:2;margin-top:20px;}
#sub_contents .com_txtbox {margin:50px 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:10px;}
#sub_contents .com_txtbox .txt .ttl .num{color:#ce131a;font-size:60px; font-family: "Cormorant", serif; line-height:1;margin-right:20px;transform: translateY(-8px);}
#sub_contents .com_txtbox .txt .ttl .num::first-letter {color:#fff;}
#sub_contents .com_txtbox .txt .ttl .ja{font-size:16px;display:inline-block;font-family: "Noto Serif JP", serif;}
#sub_contents .com_txtbox .txt .point_box {margin-top:20px;}
#sub_contents .com_txtbox .txt .point_box .point {font-size: 16px;margin:0;position: relative;padding-left: 20px;line-height: 1.6;letter-spacing: 0.075em;display:block;font-weight:500;}
#sub_contents .com_txtbox .txt .point_box .point::before {content: "";position: absolute;width: 7px;height: 7px;background:#71741c;border-radius: 50%;top: 10px;left: 0;}
/* menu
----------------------------------- */
#sub_contents .sub_menu_box {width:100%;margin-bottom:30px;}
#sub_contents .sub_menu_box.w30 {width:100%;margin-bottom:30px;}
#sub_contents .sub_menu_box.w30 .menu__ul .li{border-bottom: 0px solid #dfd1c4;}
#sub_contents .menu__ul {width:100%;margin:0 auto 20px;background:none;padding:0;}
#sub_contents .menu__ul .li {padding: 20px 5px;border-bottom: 1px solid #dfd1c4;}
#sub_contents .menu__ul .li .menu__text {width: 100%;margin-bottom: 0px;}
#sub_contents .menu__ul .li .menu__title {font-size: 16px;margin:0;position: relative;padding-left: 20px;line-height: 1.6;letter-spacing: 0.075em;display:block;font-weight:normal;}
#sub_contents .menu__ul .li .menu__title::before {content: "";position: absolute;width: 7px;height: 7px;background: #ce131a;border-radius: 50%;top: 10px;left: 0;}
#sub_contents .menu__ul .li .menu__small {padding-left: 20px;font-size: 13px;margin:5px 0 10px 0;}
#sub_contents .menu__ul .li .menu__price {width: 100%;text-align: right;font-size: 14px;}
#sub_contents .menu_h3 {text-align:center;}
#sub_contents .menu_h3 .span{position: relative;font-weight:bold;font-size:18px;display:inline-block;}
#sub_contents .menu_h3 .span::before{content: '';position: absolute;background:#fff;height:2px;width:20px;top:50%;left:-40px;transform: translateY(-50%);}
#sub_contents .menu_h3 .span::after{content: '';position: absolute;background:#Fff;height:2px;width:20px;top:50%;right:-40px;transform: translateY(-50%);}
/* faq
----------------------------------- */
#sub_contents .faq__item {padding:10px;border-radius:0px;width:100%;margin:0 auto;border:1px solid #e1d3c7;}
#sub_contents .faq__item:not(:last-of-type) {margin-bottom: 30px;}
#sub_contents .faq__item .dt {padding: 15px 10px 15px 50px;position: relative;border-bottom:1px solid #e1d3c7;font-weight:bold;}
#sub_contents .faq__item .dd {padding: 15px 10px 15px 50px;position: relative;}
#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:600;color:#fff;font-family: "Cormorant", serif;}
#sub_contents .faq__item .dd::before {content: "A.";font-size: 20px;font-weight:600;color:#ce131a;font-family: "Cormorant", serif;}
/* guide
----------------------------------- */
#sub_contents .res__btn {width:70%;margin:5px;}
#sub_contents .res__btn a img{width:100%;}
#sub_contents .res__list {width:90%;margin:0 auto;}
#sub_contents .res__list .li {padding:10px;}
#sub_contents .res__list .li .span{position: relative;padding-left:20px; font-size:16px;display: inline-block; line-height:1.5;margin-bottom:0px;}
#sub_contents .res__list .li .span::before {content: "";position: absolute;width: 10px;height: 10px;border-radius: 50%; background:#ce131a;left:0;top: 0;transform: translateY(8px)}
/* news
----------------------------------- */
#sub_contents .news_list {margin-top:-100px;}
#sub_contents .webgene-blog .webgene-item.news_area {padding:20px 0;border-bottom:1px solid #e1d3c7;}
#sub_contents .webgene-blog .news__date{font-family: "Noto Serif JP", serif;margin-right: 20px;display:inline-block;font-size:15px;font-weight:400;}
#sub_contents .webgene-blog .news__cate{margin-right: 15px;display:inline-block;padding:3px 10px;font-size:15px;border-radius:0px;margin-bottom:0;color:#e0aa82;background:#f9efe8;}
#sub_contents .webgene-blog .news_ttl{display:inline-block;margin-top:0px;width:auto;}
/* detail_news
----------------------------------- */
#sub_contents .news_detail .news_img {text-align: center;margin: 0 auto;}
#sub_contents .news_detail .news_img img{width: auto; text-align: center; margin: 0 auto 50px;}
#sub_contents .news_detail .news_date{text-align: center; display: block;margin: 0 auto 20px;font-weight:400;font-family: "Noto Serif JP", serif;}
#sub_contents .news_text{padding: 50px;}
#sub_contents .news_detail .news_datail_ttl {font-size:22px;margin-bottom:20px;text-align:center;}
/* hairdesign
----------------------------------- */
#sub_contents .case__item .webgene-blog {display:flex;justify-content: space-between;column-gap: 1%;row-gap: 20px;flex-wrap: wrap;}
#sub_contents .webgene-blog .webgene-item.cases__item{width: 48%;margin-bottom:0px;}
#sub_contents .webgene-blog .webgene-item.cases__item figure img{border-radius:0px;}
/* カテゴリー */
#sub_contents .pageWrap__inner {max-width: 100%; margin: 0 auto;}
#sub_contents .cateList{padding-bottom: 30px;margin-bottom:50px;}
#sub_contents .cateList .webgene-blog{grid-gap: 10px; display: grid; grid-template-columns: repeat(auto-fit, 150px); justify-content: center;}
#sub_contents .cateList .webgene-item {width: 150px;margin-bottom:0px;}
#sub_contents .cateList__item a{display: flex;justify-content: center;align-items: center; text-align: center;height:80px;color:#fff;font-weight:500;}
#sub_contents .webgene-item:nth-child(1) .cateList__item a {background:url(../images/sub_hairdesign_01.jpg) no-repeat;background-size:cover;}
#sub_contents .webgene-item:nth-child(2) .cateList__item a {background:url(../images/sub_hairdesign_02.jpg) no-repeat;background-size:cover;}
#sub_contents .webgene-item:nth-child(3) .cateList__item a {background:url(../images/sub_hairdesign_03.jpg) no-repeat;background-size:cover;}
#sub_contents .webgene-item:nth-child(4) .cateList__item a {background:url(../images/sub_hairdesign_04.jpg) no-repeat;background-size:cover;}
/* pager */
#sub_contents .webgene-pagination{margin-top: 50px;text-align: center;display: block;width: 100%;}
#sub_contents .webgene-pagination ul{margin-top:0px;text-align: center;display: flex;justify-content: center;column-gap: 20px;}
#sub_contents .webgene-pagination ul li a{display: inline-block;padding: 5px 15px;background: #252525;color:#fff;border-radius:0px;}
@media screen and (min-width:414px) {
/* technique
----------------------------------- */
#sub_contents .concept_area {background:url(../images/sub_tech_bg.png) repeat center center; background-size:cover; padding:24px;color: #fff;background-attachment: inherit; height:auto;}
#sub_contents .concept_area.sub_space {background:url(../images/sub_space_bg.png) repeat center center; background-size:cover; padding:24px;color: #fff;background-attachment: inherit; height:auto;}
#sub_contents .concept_area.sub_concept {background:url(../images/sub_concept_bg.png) repeat center center; background-size:cover; padding:24px;color: #fff;background-attachment: inherit; height:auto;}
#sub_contents .concept_area .box {background:rgba(0, 0, 0, 0.6);padding:30px;}
}
@media screen and (min-width:768px) {
/* technique
----------------------------------- */
#sub_contents .concept_area {background:url(../images/sub_tech_bg.png) repeat center center; background-size:cover; padding:40px;color: #fff;background-attachment: inherit; height:auto;}
#sub_contents .concept_area.sub_space {background:url(../images/sub_space_bg.png) repeat center center; background-size:cover; padding:40px;color: #fff;background-attachment: inherit; height:auto;}
#sub_contents .concept_area.sub_concept {background:url(../images/sub_concept_bg.png) repeat center center; background-size:cover; padding:40px;color: #fff;background-attachment: inherit; height:auto;}
#sub_contents .concept_area .box {background:rgba(0, 0, 0, 0.6);padding:40px;}
/* guide
----------------------------------- */
#sub_contents .res__list .li .span{position: relative;padding-left:16px; font-size:18px;display: inline-block; line-height:1.5;margin-bottom:0px;}
}
@media screen and (min-width:1024px) {

/* main_visual
----------------------------------- */
#sub_visual {margin-top:0px;padding-top:230px;background:url(../images/sub_visual.jpg) no-repeat center bottom; height: 500px; position:relative;z-index:0; background-size:cover;}
#sub_visual .b {max-width:1280px;width:94%;margin:0 auto;position: relative;color:#fff;}
#sub_visual .b .span{font-family: "Noto Serif JP", serif;font-size:20px; line-height: 100%;font-weight: 200;display: block;margin:10px 0;}
#sub_visual .b h1{font-family: "Cormorant", serif;font-size:100px; line-height: 100%;font-weight: 500; display: inline-block;text-transform: uppercase;}  
/* bread_crumb_list
----------------------------------- */
#sub_contents .breadcrumb{font-size: 12px; text-align:right; display:block;margin-top:-50px;margin-right:20px;}
/* sub_contents 
----------------------------------- */
#sub_contents {font-size: 15px; position: relative;padding:0px 0px 50px 0;z-index:0;background:#c4a684;}
#sub_contents .section{max-width: 1280px;width:94%; margin: 80px auto 80px;position: relative;}
#sub_contents .sub_ttl {text-align:center;display: flex;flex-direction: column;align-items: center;margin-bottom:40px;}
#sub_contents .sub_ttl h2{ position: relative;font-family: "Cormorant", serif;font-weight:500; font-size:45px;position: relative; line-height: 100%;letter-spacing: 0.08em; display: inline-block;text-transform: uppercase;}
#sub_contents .sub_ttl h2::before{content: '';position: absolute;background:#ce131a;height:3px;width:40px;top:-15px;left:50%;transform: translateX(-50%);}
#sub_contents .sub_ttl h2:first-letter {color: #ce131a;}
#sub_contents .sub_ttl .span{ font-size:15px;font-weight:200; display: inline-block;font-family: "Noto Serif JP", serif; margin-bottom:10px; }
#sub_contents .txt_cen{ text-align: center;line-height: 200%;}
#sub_contents .txt_cen p{display:inline-block;}
#sub_contents .txt_cen .font-min{display:inline-block;font-family: "Noto Serif JP", serif;font-size:20px;}
#sub_contents .tcen{text-align:center;}
#sub_contents .underbar_tcen {text-align: center; margin:20px 0;}
#sub_contents .underbar_tcen p {font-size: 18px;font-weight: 500;position: relative;display: inline;background: linear-gradient(to bottom, transparent 70%, #d9d4cd 100%);}
#sub_contents .f13 {font-size:14px;}
#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:#ca8452;padding: 20px 0;}
#sub_contents .dis-none{display:none;}
/* btn
----------------------------------- */
#sub_contents .anker__items{column-gap: 4%;row-gap: 20px;padding-top:0px;}
#sub_contents .anker__item{width: 45%;height: 30px;position: relative;display: block;}
#sub_contents .anker__item a:hover{opacity:.8;}
#sub_contents .anker__item a {display: block;text-align: center;font-weight:500;line-height: 50px;color:#fff;background: linear-gradient(135deg, #11289c, #baa5cc);border-radius:50px;}
#sub_contents .anker__item p {line-height: 40px;font-size:12px;font-family: "Noto Serif JP", serif;}
#link01,#link02,#link03,#link04,#link05,#link06,#link07,#link08,#link09,#link10,#link11,#link12{margin-top:-120px;padding-top:120px;}
/* concept
----------------------------------- */
#sub_contents .salon_tbl .tr {border-bottom: 1px solid #dfd1c4;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;}
#sub_contents .salon_img {width:49%;margin-bottom:30px;}
/* technique
----------------------------------- */
#sub_contents .concept_area {background:url(../images/sub_tech_bg.png) repeat center center; background-size:cover; padding:50px;color: #fff;background-attachment: fixed; height:auto;}
#sub_contents .concept_area.sub_space {background:url(../images/sub_space_bg.png) repeat center center; background-size:cover; padding:50px;color: #fff;background-attachment: fixed; height:auto;}
#sub_contents .concept_area.sub_concept {background:url(../images/sub_concept_bg.png) repeat center center; background-size:cover; padding:50px;color: #fff;background-attachment: fixed; height:auto;}
#sub_contents .concept_area .box {background:rgba(0, 0, 0, 0.6);padding:60px 50px;}
#sub_contents .concept_area .box .ttl {font-size:26px;font-weight:500;line-height:2;font-family: "Noto Serif JP", serif;display:inline-block;}
#sub_contents .concept_area .box p {line-height:2.5;margin-top:30px;}
#sub_contents .com_txtbox {margin:80px 0 80px 0;}
#sub_contents .com_txtbox .txt {width:45%;}
#sub_contents .com_txtbox .img {width:50%;}
#sub_contents .com_txtbox .txt .ttl{display:flex;align-items:center;margin-bottom:20px;}
#sub_contents .com_txtbox .txt .ttl .num{color:#ce131a;font-size:100px; font-family: "Cormorant", serif; line-height:1;margin-right:20px;transform: translateY(-8px);}
#sub_contents .com_txtbox .txt .ttl .num::first-letter {color:#fff;}
#sub_contents .com_txtbox .txt .ttl .ja{font-size:18px;display:inline-block;font-family: "Noto Serif JP", serif;}
#sub_contents .com_txtbox .txt .point_box {margin-top:20px;}
#sub_contents .com_txtbox .txt .point_box .point {font-size: 16px;margin:0;position: relative;padding-left: 20px;line-height: 1.6;letter-spacing: 0.075em;display:block;font-weight:500;}
#sub_contents .com_txtbox .txt .point_box .point::before {content: "";position: absolute;width: 7px;height: 7px;background:#71741c;border-radius: 50%;top: 10px;left: 0;}
/* menu
----------------------------------- */
#sub_contents .sub_menu_box {width:45%;margin-bottom:50px;}
#sub_contents .sub_menu_box.w30 {width:32%;margin-bottom:50px;}
#sub_contents .sub_menu_box.w30 .menu__ul .li{border-bottom: 0px solid #dfd1c4;}
#sub_contents .menu__ul {width:100%;margin:0 auto 20px;background:none;padding:0;}
#sub_contents .menu__ul .li {padding: 20px 5px;border-bottom: 1px solid #dfd1c4;}
#sub_contents .menu__ul .li .menu__text {width: 100%;margin-bottom: 0px;}
#sub_contents .menu__ul .li .menu__title {font-size: 17px;margin:0;position: relative;padding-left: 20px;line-height: 1.6;letter-spacing: 0.075em;display:block;font-weight:normal;}
#sub_contents .menu__ul .li .menu__title::before {content: "";position: absolute;width: 7px;height: 7px;background: #ce131a;border-radius: 50%;top: 10px;left: 0;}
#sub_contents .menu__ul .li .menu__small {padding-left: 20px;font-size: 13px;margin:5px 0 10px 0;}
#sub_contents .menu__ul .li .menu__price {width: 100%;text-align: right;font-size: 14px;}
#sub_contents .menu_h3 {text-align:center;}
#sub_contents .menu_h3 .span{position: relative;font-weight:bold;font-size:20px;display:inline-block;}
#sub_contents .menu_h3 .span::before{content: '';position: absolute;background:#fff;height:2px;width:20px;top:50%;left:-40px;transform: translateY(-50%);}
#sub_contents .menu_h3 .span::after{content: '';position: absolute;background:#fff;height:2px;width:20px;top:50%;right:-40px;transform: translateY(-50%);}
/* faq
----------------------------------- */
#sub_contents .faq__item {padding:20px 30px;border-radius:0px;width:100%;margin:0 auto;border:1px solid #e1d3c7;}
#sub_contents .faq__item:not(:last-of-type) {margin-bottom: 30px;}
#sub_contents .faq__item .dt {padding: 15px 20px 15px 50px;position: relative;border-bottom:1px solid #e1d3c7;font-weight:bold;}
#sub_contents .faq__item .dd {padding: 15px 20px 15px 50px;position: relative;}
#sub_contents .faq__item .dd a{text-decoration:underline;}
#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:600;color:#fff;font-family: "Cormorant", serif;}
#sub_contents .faq__item .dd::before {content: "A.";font-size: 20px;font-weight:600;color:#ce131a;font-family: "Cormorant", serif;}
/* guide
----------------------------------- */
#sub_contents .res__btn {width:30%;margin:5px;}
#sub_contents .res__btn a img{width:100%;}
#sub_contents .res__list {width:100%;margin:0 auto;}
#sub_contents .res__list .li {padding:10px;}
#sub_contents .res__list .li .span{position: relative;padding-left:16px; font-size:18px;display: inline-block; line-height:1.5;margin-bottom:0px;}
#sub_contents .res__list .li .span::before {content: "";position: absolute;width: 10px;height: 10px;border-radius: 50%; background:#ce131a;left:0;top: 50%;transform: translateY(-50%)}
/* news
----------------------------------- */
#sub_contents .news_list {margin-top:-100px;}
#sub_contents .webgene-blog .webgene-item.news_area {padding:20px 0;border-bottom:1px solid #e1d3c7;}
#sub_contents .webgene-blog .news__date{font-family: "Noto Serif JP", serif;margin-right: 20px;display:inline-block;font-size:15px;font-weight:400;}
#sub_contents .webgene-blog .news__cate{margin-right: 15px;display:inline-block;padding:3px 10px;font-size:15px;border-radius:0px;margin-bottom:0;color:#e0aa82;background:#f9efe8;}
#sub_contents .webgene-blog .news_ttl{display:inline-block;margin-top:0px;width:auto;}
/* detail_news
----------------------------------- */
#sub_contents .news_detail .news_img {text-align: center;margin: 0 auto;}
#sub_contents .news_detail .news_img img{width: auto; text-align: center; margin: 0 auto 50px;}
#sub_contents .news_detail .news_date{text-align: center; display: block;margin: 0 auto 20px;font-weight:400;font-family: "Noto Serif JP", serif;}
#sub_contents .news_text{padding: 50px;}
#sub_contents .news_detail .news_datail_ttl {font-size:22px;margin-bottom:20px;text-align:center;}
/* hairdesign
----------------------------------- */
#sub_contents .case__item .webgene-blog {display:flex;justify-content: start;column-gap: 1%;row-gap: 20px;flex-wrap: wrap;}
#sub_contents .webgene-blog .webgene-item.cases__item{width: 24.25%;margin-bottom:0px;}
#sub_contents .webgene-blog .webgene-item.cases__item figure img{border-radius:0px;}
/* カテゴリー */
#sub_contents .pageWrap__inner {max-width: 100%; margin: 0 auto;}
#sub_contents .cateList{padding-bottom: 30px;margin-bottom:100px;}
#sub_contents .cateList .webgene-blog{grid-gap: 30px; display: grid; grid-template-columns: repeat(auto-fit, 200px); justify-content: center;}
#sub_contents .cateList .webgene-item {width: 200px;margin-bottom:20px;}
#sub_contents .cateList__item a{display: flex;justify-content: center;align-items: center; text-align: center;height:80px;color:#fff;font-weight:500;}
#sub_contents .webgene-item:nth-child(1) .cateList__item a {background:url(../images/sub_hairdesign_01.jpg) no-repeat;background-size:cover;}
#sub_contents .webgene-item:nth-child(2) .cateList__item a {background:url(../images/sub_hairdesign_02.jpg) no-repeat;background-size:cover;}
#sub_contents .webgene-item:nth-child(3) .cateList__item a {background:url(../images/sub_hairdesign_03.jpg) no-repeat;background-size:cover;}
#sub_contents .webgene-item:nth-child(4) .cateList__item a {background:url(../images/sub_hairdesign_04.jpg) no-repeat;background-size:cover;}
/* pager */
#sub_contents .webgene-pagination{margin-top: 50px;text-align: center;display: block;width: 100%;}
#sub_contents .webgene-pagination ul{margin-top:0px;text-align: center;display: flex;justify-content: center;column-gap: 20px;}
#sub_contents .webgene-pagination ul li a{display: inline-block;padding: 5px 15px;background: #252525;color:#fff;border-radius:20px;}

}

@media screen and (min-width:1025px) {
  
/* guide
----------------------------------- */
#sub_contents .res__list {width:90%;margin:0 auto;}

}