/* seisaku 2023.5.   alank  kinoshita tsubasa */


/* リセットcss */
html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,b, i,dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent;}
*{box-sizing:border-box;}
a{text-decoration:none;color:#5e4727;}
li{list-style:none;}
h1,h2,h3,h4,h5,h6 {font-weight:normal;}
body{background:#ffffff;width:100%;height:auto;font-family:"Century",serif;color:#5e4727;}
.rel{position:relative;}
.ab{position:absolute;}
.flex{display:flex;}
.fixed{position:fixed;}
.underline{border-bottom:1px solid #8e723f;}
.hv-underline::after{position:absolute;bottom:-3px;left:0;content:'';width:100%;height:.3px;background:#664a23;transform:scale(0, 1);transform-origin:center top;transition:transform .3s;}
.hv-underline:hover::after{transform:scale(1, 1);}
.more{position:relative;color:#333;display:inline-block;text-decoration:none;outline:none;}
.more::before,.more::after{content:'';position:absolute;z-index:1;bottom:0;left:0;width:100%;height:.3px;transition:all 0.3s ease-in-out;}
.more::after{width:0;background:#8e723f;}
.more:hover::after{width:100%;}
.title{margin:0 0 5vw 10vw;font-size:1.8rem;letter-spacing:.3rem;}
.sec{background-color:#fff;width:100%;padding:3vw 0;letter-spacing:.3rem;}
p{font-size:12px;}
h1{font-size:20px;}
h2{font-size:18px;}
h3{font-size:16px;}
h4,h5,h6{font-size:14px;}

@media screen and (max-width:800px){
  .title{margin:0 auto 5vw;text-align:center;font-size:1.4rem;}
}

@font-face{
  font-family:'AsenineThin';
  src: url('./AsenineThin.ttf') format('truetype');
}
.col-md-3 .col-md-offset-1 .subSection{display:none;}
/*-------------------- ハンバーガー ----------------------*/
.hamburger{display:block;position:fixed;z-index:4;right:13px;top:12px;width:42px;height:42px;cursor:pointer;text-align:center;}
.hamburger span{display:block;position:absolute;width:30px;height:2px;left:6px;background:#555;-webkit-transition:0.3s ease-in-out;-moz-transition:0.3s ease-in-out;transition:0.3s ease-in-out;}
.hamburger span:nth-child(1){top:10px;}
.hamburger span:nth-child(2){top:20px;}
.hamburger span:nth-child(3){top:30px;}
.hamburger.active span{background:#fff;}
.hamburger.active span:nth-child(1){-webkit-transform:translateY(6px);-moz-transform:translateY(6px);transform:translateY(6px);}
.hamburger.active span:nth-child(2){-webkit-transform:translateY(-4px);-moz-transform:translateY(-4px);transform:translateY(-4px);}
.hamburger.active span:nth-child(3){-webkit-transform:translateY(-14px);-moz-transform:translateY(-14px);transform:translateY(-14px);}
nav.globalMenuSp{position:fixed;z-index:3;top:0;right:0;color:#fff;background:rgba(0,0,0,0.8);text-align:center;width:50%;opacity:0;transition:opacity .6s ease,width 0s .6s;;height:100vh;visibility: hidden;}
nav.globalMenuSp ul{margin:0 auto;padding:0;width:100%;}
nav.globalMenuSp ul li{list-style-type:none;padding:0;width:100%;transition:.4s all;}
nav.globalMenuSp ul li:last-child{padding-bottom:0;}
nav.globalMenuSp ul li:hover{background:#ddd;}
nav.globalMenuSp ul li a{display:block;color:#fff;padding:1.5em 0;text-decoration:none;}
nav.globalMenuSp.active{opacity:100;width:50%;transition:opacity 1.6s ease,width 0s;visibility:visible;}

@media screen and (max-width:800px){.hamburger,.globalMenuSp{display:block;}}
@media screen and (max-width:600px){nav.globalMenuSp{width:100%;}nav.globalMenuSp.active{opacity:100;width:100%;}}
@media screen and (min-width:801px){.hamburger,.globalMenuSp{display:none;}}

/*--------------------------- top ---------------------------*/
.top{width:100%;height:100vh;overflow:hidden;}
.top h1{font-size:4rem;z-index:1;text-align:right;color:#8f7046;font-family:'AsenineThin';letter-spacing:.5rem;transform:scale(1.2,1);}
.ko{bottom:175px;left:60px;}
.ha{bottom:98px;left:115px;}
.de{bottom:25px;left:160px;}
.img-wh{width:100vw;height:90vh;padding:5vh 15vw 5vw 0;}
.top-img{object-fit:cover;width:100%;height:100%;opacity:.7;position:fixed;z-index:-3;}
.img-wh p{bottom:-10vh;right:0;border-right:13vw solid #ffffff;border-top:200vh solid transparent;border-bottom:80vh solid #ffffff;border-left:5vw solid transparent;}

@media screen and (max-width:800px){
  .top-img{width:200%;left:-40%;object-fit:contain;}
  .top h1{color:#6f6052;}
  .ko{bottom:195px;left:40px;}
  .ha{bottom:118px;left:95px;}
  .de{bottom:45px;left:140px;}
}

@media screen and (max-width:450px){
  .img-wh{padding:0 15vw 5vw 0;}
  .top{width:100%;height:90vh;overflow:hidden;}
}

/*-------------- scroll ------------*/
.scrolldown1{position:absolute;right:5%;bottom:0;height:50vh;}
.scrolldown1 span{color:#5a5a5a;font-size:1rem;letter-spacing:.3rem;-webkit-text-orientation:upright;text-orientation:upright;-ms-writing-mode:tb-rl;writing-mode:vertical-rl;}
.scrolldown1::before{content:"";position:absolute;left:-40%;bottom:10%;width:.7px;background:#8d8d8d;animation:pathmove 2s ease-in-out infinite;opacity:0;}
@keyframes pathmove{
  0%{height:0;top:0;opacity:0;}
  30%{height:200px;opacity:1;}
  100%{height:0;top:280px;opacity:0;}
}


/*---------------- menu ------------------*/
.top-header{top:0;right:3vw;padding:5vw 0;}
.top-menu{z-index:3;vertical-align:center;}
.top-menu li{margin-left:4vw;}
.top-menu li a{font-size:1.2rem;color:#664a23;position:relative;}
.HeightMin{position:fixed;z-index:4;animation:DownAnime 0.5s forwards;background-color:#93774fe3;padding:2vw 0;width:100%;left:0;}
.HeightMin ul li a{color:#fff;}
.HeightMin .hv-underline::after{background-color:#fff;}
.HeightMin .top-menu{float:right;padding-right:3vw;}

@keyframes DownAnime{
  from{opacity:0;transform:translateY(-170px);}
  to{opacity:1;transform:translateY(0);}
}

@media screen and (max-width:800px){
  .top-header{display:none;}
}

/*--------------------------- news ---------------------------*/
.news{padding:3vw 0;width:100%;text-align:center;background-color:#fff;overflow:hidden;}
.news h1{margin:4vw 0;font-size:1.8rem;letter-spacing:.3rem;}
.news-box{width:50vw;text-align:left;margin:0 auto;}
.news li{margin:1vw 0;font-size:1.2rem;letter-spacing:.3rem;}
.news-a{margin:2vw 10vw 0 0;font-size:1.4rem;letter-spacing:.6rem;float:right;padding:10px 5px 0 60px;}
.news-a-title{margin-left:5vw;}
@media screen and (max-width:1150px){
	.news-box{width:60vw;}
}
@media screen and (max-width:950px){
	.news-box{width:70vw;margin:0 auto;}
}
@media screen and (max-width:800px){
  .news{padding:3vw 0 15vw 0;}
  .news-box{width:80vw;}
  .news h1{font-size:1.4rem;letter-spacing:.3rem;}
  .news li{font-size:1rem;letter-spacing:.1rem;margin:2vw 0;}
  .news-a{font-size:1.1rem;letter-spacing:.3rem;}
}
@media screen and (max-width:500px){
	.news-box{width:85vw;}
	.news li{font-size:.8rem;}
}
@media screen and (max-width:375px){
	.news-box{width:90vw;}
}
/*--------------------------- content ---------------------------*/
.accordion-box{width:100%;background-color:#fff;padding:4vw 0 7vw;overflow:hidden;}
.accordion{width:100%;max-width:1080px;height:250px;overflow:hidden;margin:0 auto;}
.accordion ul{width:100%;display:table;table-layout:fixed;margin:0;padding:0;}
.accordion ul li{display:table-cell;vertical-align:bottom;position:relative;width:16.666%;height:250px;background-size:cover;background-repeat:no-repeat;transition:all 500ms ease;filter:grayscale(100);}
.accordion ul li div{display:block;overflow:hidden;width:100%;}
.accordion ul li div a{display:block;height:250px;width:100%;position:relative;z-index:3;vertical-align:bottom;padding:15px 30px;box-sizing:border-box;text-decoration:none;transition:all 200ms ease;}
.accordion ul li div a p,.accordion ul li div a h2{opacity:0;margin:0;width:100%;text-overflow:ellipsis;position:relative;z-index:5;white-space:nowrap;-webkit-transform:translateX(-20px);transform:translateX(-20px);-webkit-transition:all 400ms ease;transition:all 400ms ease;color:#fff;}
.accordion ul li div a h2{opacity:1;text-overflow:clip;font-size:1.3rem;text-transform:uppercase;margin-bottom:2px;top:160px;}
.accordion ul li div a p{top:160px;font-size:1rem;overflow:hidden;}
.accordion ul li:nth-child(1){background-image:url("./img/content1.jpg");background-position:center center;}
.accordion ul li:nth-child(2){background-image:url("./img/content2.jpg");background-position:left center;}
.accordion ul li:nth-child(3){background-image:url("./img/content3.png");background-position:center center;}
.accordion ul li:nth-child(4){background-image:url("./img/content4.jpg");background-position:right center;}
.accordion ul li:nth-child(5){background-image:url("./img/content5.jpg");background-position:center center;}
.accordion ul li:nth-child(6){background-image:url("./img/content6.jpg");background-position:center center;}
.accordion ul:hover li, .accordion ul:focus-within li{width:8%;}
.accordion ul li:focus{outline:none;}
.accordion ul:hover li:hover,.accordion ul li:focus, .accordion ul:focus-within li:focus{width:60%;filter:grayscale(0);}
.accordion ul:hover li:hover a *,.accordion ul li:focus a *,
.accordion ul:focus-within li:focus a *{opacity:1;-webkit-transform:translateX(0);transform:translateX(0);}
.accordion ul:hover li{width:8% !important;}
.accordion ul:hover li a *{opacity:0 !important;}
.accordion ul:hover li:hover{width:60% !important;}
.accordion ul:hover li:hover a{background:rgba(255, 255, 255, 0.6);}
.accordion ul:hover li:hover a *{opacity:1 !important;-webkit-transform:translateX(0);transform:translateX(0);color:rgb(53, 53, 53);}

@media screen and (max-width:600px){
  .accordion{display:none;}
}
@media screen and (min-width:601px){
  .accordion{display:block;}
}
/*--------------------------- contentレスポンシブ ---------------------------*/
.content-ph{width:100%;margin:0 auto;overflow:hidden;display:none;}
.content-ph ul{width:100%;text-align:center;background:#8e723f71;}
.content-ph a{padding:3rem 0;display:block; color:#fff;text-shadow: 0.2vw 0.2vw 0.3vw #575757;}
.content-ph-1{background-image:url("./img/content1.jpg");background-position:center center;}
.content-ph-2{background-image:url("./img/content2.jpg");background-position:left center;}
.content-ph-3{background-image:url("./img/content3.png");background-position:center;}
.content-ph-4{background-image:url("./img/content4.jpg");background-position:right center;}
.content-ph-5{background-image:url("./img/content5.jpg");background-position:center center;}
.content-ph-6{background-image:url("./img/content6.jpg");background-position:center center;}
.content-ph-1,.content-ph-2,.content-ph-3,.content-ph-4,
.content-ph-5,.content-ph-6{background-color:rgb(109 109 109 / 70%);background-blend-mode:lighten;background-size:cover;}
@media screen and (max-width:600px){
  .accordion-box{padding:4vw 0 0;}
  .content-ph{display:block;}
}

/*--------------------------- trans-back ---------------------------*/
.trans-back{width:100%;height:50vh;background-color:#ffffff51;background-attachment:fixed;background-size:cover;background-position:center;background-image:url();background-size:100%;background-repeat:no-repeat;overflow:hidden;}

@media screen and (max-width:750px){
  .trans-back{width:100%;height:25vh;}
}

/*--------------------------- hair-catalog ---------------------------*/
.haircatalog{overflow:hidden;}
.haircatalog h1{text-align:center;margin-left:0;}
.item{width:20vw;position:relative;}
.item1{margin:0 auto;}
.item2{margin:3vw auto;}
.item3{margin:6vw auto;}
.item4{margin:9vw auto;}
.item:hover .item_text{opacity:1;}
.item_img img{width:20vw;}
.item_text{width:100%;height:100%;top:0;left:0;text-align:center;background-color:rgba(255, 255, 255, 0.8);transition:.3s ease-in-out;opacity:0;display:flex;flex-direction:column;align-items:center;justify-content:center;}
.item_text p{font-size:.9rem;}
.item_text a{font-size:.75rem;}

@media screen and (max-width:600px){
  .haircatalog{display:none;}
}

/*--------------------------- haircatalog-ph ---------------------------*/
.haircatalog-ph h1{text-align:center;font-size:1.8rem;letter-spacing:.3rem;padding:5vw 0;overflow:hidden;}
.haircatalog-ph{padding:5vw auto;background-color:#fff;}
@media screen and (min-width:601px){
  .haircatalog-ph{display:none;}
}
@media screen and (max-width:800px){
  .haircatalog-ph h1{font-size:1.4rem;}
}
/*--------------------------- haircatalog-phone ---------------------------*/
.haircatalog-ph{background:#fff;}
.wrapper{overflow:hidden;width:100%;position:relative;}
.next{width:40px;height:40px;position:absolute;right:0;top:60%;transition:all 0.3s;z-index:10;cursor:pointer;}
.next::after{content:"";display:block;width:15px;height:15px;border-top:solid 3px #828282;border-right:solid 3px #828282;-webkit-transform:rotate(45deg);transform:rotate(45deg);position:absolute;right:15px;top:10px;}
.next:hover{opacity:.7;transition:all 0.3s;}
.prev{width:40px;height:40px;position:absolute;left:0;top:60%;transition:all 0.3s;z-index:10;cursor:pointer;}
.prev::after{content:"";display:block;width:15px;height:15px;border-top:solid 3px #828282;border-right:solid 3px #828282;-webkit-transform:rotate(-135deg);transform:rotate(-135deg);position:absolute;left:15px;top:10px;}
.prev:hover{opacity:.7;transition:all 0.3s;}
.slider{width:400vw;display:flex;margin:0 auto;}
.slider1{transform:translateX(0);transition:all 0.3s;}
.slider2{transform:translateX(-100vw);transition:all 0.3s;}
.slider3{transform:translateX(-200vw);transition:all 0.3s;}
.slider4{transform:translateX(-300vw);transition:all 0.3s;}
.slider .content{width:100%;height:600px;display:flex;justify-content:center;align-items:center;}
.slider .content1 img,.slider .content2 img,.slider .content3 img,.slider .content4 img{position:relative;object-fit:cover;}
.haircatalog-ph-com{margin-top:-20%;}
.content1 h1,.content2 h1,.content3 h1,.content4 h1{font-size:1.7rem;padding:1vw 3vw 1vw 3vw;color:#fff;background:#6245166f;position:relative;z-index:99;display:inline-block;}
.indicator{width:100%;position:absolute;bottom:10px;display:flex;z-index:10;justify-content:center;align-items:center;}
.indicator li{width:16px;height:16px;border-radius:50%;position:relative;list-style:none;border:1px #000 solid;margin-left:10px;margin-right:10px;cursor:pointer;}
/* .indicator li:after{content:"";width:20px;height:20px;border:1px #000 solid;border-radius:50%;position:absolute;top:-4px;left:-4px;z-index:9;}
#list1{background-color: #000;} */

/* .haircatalog-ph button{display:none;}
.slider {width:94%;margin:0 auto;padding:10vw 0;}
.slider img {width:60vw;height:auto;position:relative;}
.haircatalog-ph-com {position:absolute;bottom:0;left:0;background:#6245166f;}
.haircatalog-ph-com h1{font-size:1.7rem;padding:1vw 3vw 1vw 3vw;color:#fff;}
.slider .slick-slide {transform:scale(0.8);transition:all .5s;opacity:0.5;}
.slider .slick-slide.slick-center{transform:scale(1);opacity:1;} */
/*矢印の設定*/
/* .slick-prev, .slick-next {position: absolute;top:42%;cursor:pointer;outline:none;border-top:2px solid #666;border-right:2px solid #666;height:15px;width:15px;}
.slick-prev {left:-1.5%;transform:rotate(-135deg);}
.slick-next {right:-1.5%;transform:rotate(45deg);}
@media screen and (max-width:500px){
  .haircatalog-ph-com h1{font-size:1.2rem;}
} */
/*--------------------------- recruit ---------------------------*/
.recruit a{color:#fff;}
.recruit{color:#fff;height:400px;width:100%;margin:0 auto;background-color:#8e723f71;overflow:hidden;}
.recruit h1{padding:5% 0 70px 10%;font-size:2rem;}
.recruit p{text-align:center;font-size:1.8rem;margin:0 auto 90px;}
.recruit a{margin-left:80vw;font-size:1.2rem;display:inline-block;}
.recruit .hv-underline::after{background:#ffffff;}
.kz-hv:hover{opacity:.3;}

@media screen and (max-width:900px){
  .recruit p span{display:block;}
  .recruit p{width:60vw;text-align:left;margin:0 auto 30px;}
  .recruit a{margin-left:72vw;}
}

@media screen and (max-width:600px){
  .recruit a{margin-left:60vw;}
  .recruit p{margin:0 auto 50px;}
}

@media screen and (max-width:500px){
  .recruit h1{font-size:1.6rem;text-align:center;padding:10% 0 50px 0;}
  .recruit p{font-size:1.4rem;margin:10px auto 70px;width:65vw;}
  .recruit a{font-size:1rem;}
  .recruit{height:370px;}
}

/*--------------------------- access ---------------------------*/
.access{padding:3vw 0;overflow:hidden;}
.access h1{margin-bottom:5vw;}
.google-ph,.google,.access-right{width:40vw;margin:0 auto;}
.google-ph,.google{height:20vw;filter:grayscale(1);margin-top:8vw;}
.access-box{width:90vw;margin:0 auto 2vw;}
.access-right h1{font-size:2.5rem;letter-spacing:.4rem;font-family:'AsenineThin';transform:scale(1.2,1);margin:0 0 2vw 3vw;}
.access-right p{text-align:left;font-size:1rem;margin:1vw 0;padding:0 0 .5vw;}
.payment{margin:1vw 0 3vw 0;}
.payment h2{display:inline-block;}

@media screen and (max-width:800px){
  .google-ph{display:block;}
  .google{display:none;}
  .access .flex{display:block;}
  .google-ph{width:80vw;}
  .access-right h1{font-size:1.7rem;letter-spacing:.4rem;margin:0 auto 8vw;width:77vw;text-align:center;}
  .access-right p{font-size:.8rem;margin:4vw 0;}
  .access-img-first{margin-top:6vw;}
  .google-ph,.google{height:40vw;}
  .access-right,.access-box,.mb1{width:90vw;}
  .access{padding:3vw 0 8vw;}
}

@media screen and (min-width:801px){
  .google-ph{display:none;}
}


/*--------------------------- footer ---------------------------*/
footer{background-color:#ffffff;width:100%;overflow:hidden;}
footer h1{padding:3vw 0 4vw 4vw;font-size:1.6rem;color:#5c5c5c;}
.footer-box{margin-left:10vw;padding-bottom:6vw;text-align:left;}
.footer-box a{display:block;font-size:1.2rem;margin-bottom:1.6vw;color:#5c5c5c;}
footer p{bottom:2%;right:2%;font-size:.8rem;color:#5c5c5c;}
footer a .more{background:#ccc;color:#5c5c5c;}
.footer-google{height:20vw;width:40vw;}
.footer-box img{width:25vw;opacity:.4;}

@media screen and (max-width:750px){
  .footer-box{margin-left:20vw;}
  .footer-goggle-box{display:none;}
  footer .flex{display:inline-block;}
  .footer-box{margin-left:10vw;padding-bottom:0;}
  .footer-box a{display:inline-block;margin-bottom:4vw;width:25vw;}
}

@media screen and (max-width:550px){
  .footer-box a{font-size:.8rem;margin-bottom:6vw;}
  .footer-bo{margin-bottom:10vw;}
  footer h1{padding:3vw 0 8vw 4vw;font-size:1.2rem;}
}



/*--------------------------------------------------------------------------------------------------------------------------------*/
/*---------------- menu-page ------------------*/
/*--------------------------------------------------------------------------------------------------------------------------------*/
.menu{padding:3vw 0;width:100%;background-color:#8e723fb3;color:#fff;}
.menu a{color:#fff;}
.menu-title{font-size:1.6rem;text-align:center;}
.menu-content-title{font-size:1.3rem;width:80vw;margin:0 auto 1vw;border-bottom:1px solid #b9b6b2;font-weight:bold;}
.menu-box{width:74vw;margin:0 auto;}
.menu-box p{font-size:1.2rem;margin-bottom:2.7vw;}
.menu-name{width:50vw;margin-left:6vw;}
.menu-price{width:16vw;}
.menu-name p{position:relative;}
.menu-name p span{font-size:1rem;color:#402b0e;position:absolute;top:1.5rem;left:0;}
.menu-explanation{font-size:1rem;width:80vw;margin:0 auto 3vw;color:#402b0e;}
.remarks{margin:0 auto;width:80vw;padding:4vw 0;}
.remarks h1{border-bottom:1px solid #b9b6b2;font-weight:bold;font-size:1.3rem;}
.remarks p{font-size:1.1rem;margin-top:2vw;}
.remarks h2 a{color:#792929;font-size:1.1rem;}

@media screen and (max-width:850px){
  .menu-box{width:80vw;margin:0 auto;}
  .menu-box p{font-size:1.1rem;margin-bottom:2.7vw;}
  .menu-name{width:50vw;margin-left:6vw;}
  .menu-price{width:24vw;}
  .menu-name p span{font-size:.9rem;top:1.4rem;}
}

@media screen and (max-width:650px){
  .menu-content-title{font-size:1.1rem;margin:3vw auto;}
  .menu-box p{font-size:.8rem;margin-bottom:3.5vw;}
  .menu-name p span{font-size:.7rem;top:.9rem;}
  .menu-box{width:92vw;margin:0 auto;}
  .menu-name{width:61vw;margin-left:6vw;}
  .menu-price{width:25vw;}
  .menu-explanation{font-size:.6rem;width:80vw;}
  .remarks h1{font-size:1.1rem;}
  .remarks h2 a,.remarks h2,.remarks p{font-size:.8rem;}
}

@media screen and (max-width:400px){
  .menu-content-title{font-size:1.1rem;margin:3vw auto;}
  .menu-box p{font-size:.7rem;margin-bottom:3.5vw;}
  .menu-name p span{font-size:.6rem;top:.9rem;}
  .menu-price{width:25vw;}
}
/*--------------------------------------------------------------------------------------------------------------------------------*/
/*------------------------- recruit-page ----------------------------*/
/*--------------------------------------------------------------------------------------------------------------------------------*/
.recruit-page{color:#fff;width:100%;margin:0 auto;background-color:#8e723fb3;}
.recruit-page a {color:#fff;}
.company-overview{width:80vw;margin:3vw auto 0;}
.company-overview .item{display:grid;grid-template-columns:1fr 5fr;padding:30px 0;border-bottom:1px solid #ddd;width:100%;}
.recruit-title{font-size:1.6rem;text-align:center;padding:3vw 0;}

@media screen and (max-width:800px){
  .company-overview{width:84vw;}
  .company-overview .item{display:block;}
  .company-overview .item dt{margin-bottom:4vw;}
}

@media screen and (max-width:500px){
  .item dt{font-size:1rem;font-weight:bold;}
  .item dd{font-size:.8rem;}
}

/*--------------------------------------------------------------------------------------------------------------------------------*/
/*--------------------------- haircatalog-page & staff-page ---------------------------*/
/*--------------------------------------------------------------------------------------------------------------------------------*/
.haircatalog-sec .hv-underline::after {background:#fff;}
.haircatalog-sec{width:100%;text-align:center;background-color:#8e723fb3;color:#fff;}
.haircatalog-sec a{color:#fff;}
.hair-box-sec h6{width:80%;height:1px;background:#ddd;display:inline-block;}
.haircatalog-sec-title{font-size:1.6rem;padding-top:3vw;}
.haircatalog-sec-link{margin:3vw auto 1vw;font-size:1.2rem;}
.hair-box-sec{width:100%;margin-top:5vw;}
.hair-box-sec-flex,.hair-box-flex{display:flex;}
.hair-box-sec-flex{padding:4vw;}
.clearfix{width:100%;height:auto;display:flex;flex-wrap:wrap;justify-content:space-between;}
.hair-box-flex{margin:0 auto;text-align:left;width:40vw;}
.hair-box-flex img,.hair-box-flex-right img{width:14vw;height:21vw;object-fit:cover;}
.hair-box-p p,.hair-box-flex-right p{margin:0 0 0 3vw; line-height:2rem;font-size:1rem;}
/* .hair-box-flex-right{margin:3vw 0 0 5vw;width:16vw;} */
/* .hair-box-flex-right p{margin-bottom:1vw;} */
.hair-more{font-size:1.2rem;}
.hair-more-box{margin:0 auto;padding:7vw 0;}
.hair-more-box p{margin-bottom:2vw;font-size:1.2rem;}

@media screen and (max-width:900px){
	.hair-box-p p,.hair-box-flex-right p{font-size:.8rem;line-height:1.5rem;}
}

@media screen and (max-width:750px){
  .hair-box-sec-flex{display:block;}
  .hair-box-flex{margin:5vw auto;}
  .hair-box-flex img{height:auto;}
}

/* @media screen and (max-width:700px){
  .haircatalog-sec-link{width:70vw;margin-top:7vw;}
  .haircatalog-sec-link a{display:block;margin-bottom:2vw;}
  .haircatalog-sec-link span{display:none;}
} */

@media screen and (max-width:650px){
  .haircatalog-sec-link a{font-size:.8rem;}
  .haircatalog-sec{margin-top:10vw;}
  .haircatalog-sec h1{font-size:1.4rem;}
  .hair-box-sec-flex{width:90vw;}
  .hair-box-flex{width:90vw;margin:0 auto;}
  .hair-box-flex img{width:40vw;}
  .hair-box-flex-right{width:40vw;}
  .hair-box-sec h1{font-size:1rem;margin-top:7vw;}
  .hair-more-box{padding:10vw 0;}
}
/*--------------------------------------------------------------------------------------------------------------------------------*/
/*--------------------------- shop-page ---------------------------*/
/*--------------------------------------------------------------------------------------------------------------------------------*/
.shop-sec .hv-underline::after {background:#fff;}
.shop-sec{width:100%;text-align:center;background-color:#8e723fb3;color:#fff;overflow:hidden;}
.shop-sec-title{font-size:1.6rem;padding-top:3vw;}
.shop-box-sec{width:100%;margin-top:5vw;}
.shop-box-sec li {width:50%;}
.shop-box-sec-flex,.shop-box-flex{display:flex;}
.shop-box-sec-flex{padding:4vw 0;}
.shop-clearfix{width:90%;margin:0 auto;display:flex;flex-wrap:wrap;justify-content:space-between;}
.shop-box-flex{text-align:left;}
.shop-box-flex img{width:20vw;height:20vw;object-fit:cover;}
.shop-box-p{padding:0 2vw;}
.shop-box-p h2,.shop-box-p h4,.shop-box-p p{font-size:1rem;line-height:2rem;letter-spacing:.08rem;}
.shop-box-p h2{border-bottom:1px solid #fff;}
.shop-box-p h4{text-align:right;margin:1vw 0 2vw 0;}
@media screen and (max-width:900px){
  .shop-clearfix{width:95%;}
  .shop-box-p h2,.shop-box-p h4,.shop-box-p p{font-size:.8rem;line-height:1.5rem;letter-spacing:.05rem;}
}
@media screen and (max-width:750px){
  .shop-box-sec-flex{display:block;}
  .shop-box-flex{margin:5vw auto;}
}
@media screen and (max-width:700px){
  .shop-sec{margin-top:10vw;}
  .shop-sec h1{font-size:1.4rem;}
  .shop-box-sec-flex{width:90vw;}
  .shop-box-flex{width:90vw;margin:0 auto;}
  .shop-box-flex img{width:45vw;height:45vw;}
  .shop-clearfix{display:block;width:90%;}
  .shop-box-p h2{font-size:1.2rem;line-height:2rem;}
  .shop-box-p h2,.shop-box-p h4,.shop-box-p p{letter-spacing:.2rem;}
}
@media screen and (max-width:500px){
  .shop-box-flex img{width:35vw;height:40vw;}
  .shop-box-p h2,.shop-box-p h4,.shop-box-p p{font-size:.7rem;line-height:1.2rem;letter-spacing:.1rem;}
}

@media screen and (max-width:400px){
  .shop-box-p h2{font-size:.8rem;line-height:1.4rem;}
  .shop-box-p h4,.shop-box-p p{font-size:.6rem;line-height:1rem;letter-spacing:.08rem;}
}

/*--------------------------------------------------------------------------------------------------------------------------------*/
/*-------------------------------- お知らせ一覧,ブログ --------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------------------*/
.phone { display:none; }
.news-page { display:flex;color:black;}
.news-itiran { width:30%; background:#8e723fb3; color:#fff; padding:2vw 0 10vw; }
.news-itiran2 { display:none; width:100%; background:#8e723fb3; color:#fff; padding:2vw 0; }
.news-itiran h1,.news-itiran2 h1 { font-size:min(2vw,30px); margin-bottom:3vw; text-align:center; }
.news-itiran li,.news-itiran2 li { font-size:1.5vw; margin:1vw 0 0; color:#fff; }
.news-joho a{ font-size:1.2vw; color:#fff; }
.news-joho a:hover { text-decoration:underline 1px #fff; }
.news-name { width:70%; padding-bottom:2rem;background:#ffffffb0;}
.news-joho { padding-left:1.5vw; }
.news-name h4 { margin:1vw 0 0 25vw; font-size:min(1.7vw,25px); color: #FF9900; }
.news-name h1 { text-align:center; font-size:min(3vw,40px);padding:3vw 0;}
.news-name h5 { width:4vw; height:.2vw; background:orange; margin:0 auto; }
.hdline2 { font-size:min(2vw,25px); letter-spacing:.3vw; }/* margin:1vw 0 1vw 4vw; position:relative; display:inline-block;  */
/* .hdline2::before { content:""; width:100%; height:.5vw; position:absolute; bottom:.1vw; left:0; background:#FF9900; opacity:.7; z-index:-1; } */
.news-content { margin:4vw 0 0; text-align:left; width:100%; padding:0 5rem; }
.news-content p { font-size:min(1.5vw,22px); letter-spacing:.3vw; line-height:2.5vw; margin:1vw 0 1vw 4vw; }
@media screen and (max-width:800px) {
   .phone { display:block;}
	.sab-pc { display:none; }
   .news-page { display:block;}
	.news-itiran { display:none; }
	.news-itiran2 { display:block; }
	.news-name { width:100%; }
	.news-name h1 { font-size:3vw; margin-top:4vw; }
   .news-name h4 { text-align:center; font-size:2vw; margin:2vw 0 0; }
	.hdline2 { font-size:3vw;  margin:0 auto 6vw;  }
	.news-content { text-align:center; margin:4vw auto; padding:0; }
	.news-content p { width: 80%; text-align: left; font-size:2vw; line-height:4vw; margin: 1vw auto; }
	.news-itiran2 h1 { font-size:3vw; }
	.news-joho {width:50%;margin:2vw auto;}
	.news-itiran2 li { font-size:2vw; }
	.news-itiran2 a { font-size:2.5vw; }
}
@media screen and (max-width:500px) {
	.news-name h1 { font-size:1.4rem; }
	.hdline2 { font-size:1rem; }
	.news-content p { width:90%; font-size:.9rem; margin: 2vw auto; line-height:1.5rem; }
	.news-joho {width:60%;}
	.news-itiran2 h1 { font-size:1.4rem; }
	.news-itiran2 li { font-size:1rem; }
	.news-itiran2 a { font-size:1rem; }
}