@charset "utf-8";


html{
    width:100%;
    max-width: 1600px;
}
body {
    margin: 0px;
    padding: 0px;
    color: #666;
    font-family: 'Kaisei Tokumin', serif;
    font-family: 'Zen Maru Gothic', sans-serif;
    font-size: 14px;
    line-height: 2;
    background: #fff url(../images/bg.jpg) center / 100px;

}

h1,
h2,
h3,
h4,
h5,
p,
ul,
ol,
li,
dl,
form,
figure,
form {
    margin: 0px;
    padding: 0px;
    font-size: 100%;
    font-weight: normal;
 font-family: 'Kaisei Tokumin', serif;
font-family: 'Klee One', cursive;
font-family: 'Raleway', sans-serif;
font-family: 'Zen Maru Gothic', sans-serif;
}
dd{
    font-weight: 600;
}
dt{
    color: green !important;
    font-weight: 600!important;

}
ul {
    list-style-type: none;
}

ol {
    padding-left: 40px;
    padding-bottom: 20px;
}

img {
    border: none;
    max-width: 100%;
    height: auto;
    vertical-align: middle;
}

table {
    border-collapse: collapse;
    font-size: 100%;
    border-spacing: 0;
}

video {
    max-width: 100%;
}


body h1,
h2,
h3,
h4,
h5,
h6,
p,
a {
    text-decoration: none;
    max-width: 1024px;
    font-family: 'Zen Maru Gothic', sans-serif;
    font-family: 'Kaisei Tokumin', serif;
    font-weight: 400;
    color: #663300;

}

/*リンク（全般）設定------------------------------------------------*/
a {
    color: #666;
    transition: 0.5s;
}

a:hover {
    color: #641414;
    text-decoration: none;
}

/*inner共通--------*/
.inner {
    max-width: 1600px;
    margin: 0 auto;
    padding: 0 3%;
}

/*ヘッダー（ロゴが入った最上段のブロック）--------*/
header {
    border-top: 6px solid #fff;
    background: linear-gradient(#fff, #fff 40%);
}

header .inner {
    position: relative;
    height: 100px;
    /*ヘッダーの高さ*/
}

/*ロゴ画像*/
header #logo img {
    width: 400px;
    position: absolute;
    left: 5%;
    top: 5px;
}

/*facebookやtwitterなどのアイコン----------*/
/*アイコンブロック*/
ul.icon {
    position: absolute;
    right: 0px;
    bottom: 5px;
}

/*アイコン１個あたりの設定*/
ul.icon li {
    display: inline;
    /*横並びにさせる指定*/
}

/*アイコン画像の設定*/
ul.icon img {
    width: 30px;
    margin: 5px;
}
/*アイコン１個あたりの設定*/
ul.icon li {
    display: inline;
    /*横並びにさせる指定*/
}

/*アイコン画像の設定*/
ul.icon img {
    width: 400px;
    margin: 5px;
}

.instaicon {
    width:80%;
    margin:20px auto;
text-align: center;
}
.instaicon img {
    width: 80px;
    text-align: center;
}

/*メインメニューのブロック------------------------------*/
/*メニューブロック*/
#menubar {
    clear: both;
    height: 75px;
    text-align: center;
    background: #6AB698;
    border-bottom: 1px solid #6AB698;
    text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #fff, 0 0 70px #fff, 0 0 80px #fff, 0 0 100px #fff, 0 0 150px #fff;
    /*ネオンテキスト効果*/

}

/*メニュー１個あたりの設定*/
#menubar li {
    float: left;
    width: 16.66%;
}

#menubar li a {
    text-decoration: none;
    display: block;
    line-height: 1.6;
    color: #fff;
    height: 60px;
    padding-top: 15px;
    border-right: 1px solid #fff;
    border-right: 1px solid rgba(255, 255, 255, 0.5);
    font-family: 'Kaisei Tokumin', serif;
}

/*１つ目のメニューへの追加設定*/
#menubar li:first-child a {
    border-left: 1px solid #fff;
    border-left: 1px solid rgba(255, 255, 255, 0.5);
}

/*飾り文字*/
#menubar li span {
    display: block;
    font-size: 9px;
    font-weight: normal;
    letter-spacing: 0.2em;
    opacity: 0.8;
}

/*マウスオン時と、現在表示中(current)のメニューの設定*/
#menubar li a:hover,
#menubar li.current a {
    background: #add8e6;
    color: #fff;
}

#menubar-s {
    display: none;
}

#menubar_hdr {
    display: none;
}

/*上部固定メニュー用fixmenu設定*/
body.is-fixed-menu .nav-fix-pos {
    width: 100%;
    z-index: 100;
    position: fixed;
    top: 0;
    left: 0;
}

body.is-fixed-menu header {
    margin-bottom: 75px;
}



/*contents------*/
.contents {
    width: 90%;
    clear: both;
    overflow: hidden;
    padding-top: 20px;
    padding-bottom: 20px;
    margin:0 auto;
}

/*コンテンツのh2タグ設定*/
.contents h2 {
    clear: both;
    margin-bottom: 20px;
    padding: 10px 20px;
    font-size: 20px;
    background: #6b921f;
    color: #fff;
    border-radius: 5px;
    letter-spacing: 0.1em;

}

.contents h2::first-letter {

    padding-left: 15px;
}

.contents h2.simple {
    background: none;
    padding: 0;
    font-size: 24px;
    text-align: center;
    color: #315301;
}



.contents h2.simple + p {
    margin-top: -20px;
}

/*コンテンツのh3タグ設定*/
.contents h3 {
    clear: both;
    margin-bottom: 20px;
    padding: 6px 15px;
    font-size: 14px;
    border: 1px solid #ccc;
    border-radius: 5px;
    background: #fff;
    color: #333;
}

/*h3タグの１文字目への設定。。*/
.contents h3::first-letter {
    padding-left: 15px;
}

/*コンテンツの段落タグ設定*/
.contents p {
    padding: 0px 20px 20px;
}

/*他*/
.contents h2 + p,
.contents h3 + p {
    margin-top: -10px;
}

.contents section + section {
    margin: 30px;
}

.contents p + p {
    margin-top: -8px;
}
.top_slide_image{
    margin: 0 auto;
    width:100%;
}
.top_slide_image img{
    width: 100%;
    text-align: center;
    margin-bottom: 10px;
}
.top_slide_image2{
    margin: 0 auto;
    width:100%;
}
.top_slide_image2 img{
    width: 100%;
    text-align: center;
    margin-bottom: 5px;
}
.top_slide_image2 img:hover {
opacity: 0.9;
}
    #top-image  {
        width: 100%;
        display: inline-block;
        height: 100px;
        text-align: center;
    }

.top-image{
    width:100%;
    height:140px;
}
    .top-image img  {
        width: 24%;
        padding-left: 5px;
        margin: 0 auto;
        align-items: center;
        overflow: hidden;
        position: relative;
    }

    a.top1:hover img,
    a.top2:hover img,
    a.top3:hover img,
    a.top4:hover img {
        box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3);
        transform: translatey(-10px);
        transition-duration: 0.5s;
        position: relative;
    }
    .top-imagesp{
        display:none;
    }
.simple2{
    margin:0 auto;
    text-align: center;
}
.simple2 img{
    width: 80%;
    text-align: center;
}

iframe {
    width: 100%;
    margin:0 auto;
}

/*youtube-------------------*/
.youtube {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
}

.youtube iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
}

/*よく頂く質問--------------------------------------*/
/*外側ブロック*/
.faq {
    padding: 0px 20px;
}

/*質問*/
.faq dt {
    color: #6c8f3b;
    font-weight: normal;
    padding-left: 30px;
    background: url(../images/faq_q.png) no-repeat left top / 30px;
}

.faq dd {
    padding-left: 30px;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #ccc;
    background: url(../images/faq_a.png) no-repeat left top / 30px;
}

/*mainコンテンツ--------------*/
.main {
    float: right;
    width: 75%;
}

/*ソーシャルメディアアイコン*/
.icon img {
    width: 40px;
}

/*フッター設定-------------*/

footer {
    background: #e6fff5;
    display: inline-block;
    width: 100%;
    min-height: 200px;
    align-items: center;
    justify-content: center;
    color: #805500;
    text-align: center;
    flex-wrap: wrap;
}

footer img {
    border: solid 2px #805500;
    border-radius: 5px;
}

.ftbox {
    width: 80%;
    display: flex;
    margin:0 auto;
    padding: 20px 20px 0 20px;
    flex-direction: row;
    justify-content: space-between;

}
.ftbox ul li a,
h3 {
    text-decoration: none;
    color: #805500;
    font-size: 0.4rem;
    font-family: 'Zen Maru Gothic', sans-serif;
    font-weight: 600;
}

.ftbox ul li a:hover {
    text-decoration: none;
    color: #d2b48c;
    transition: .3s;
}


.ftbox1 a,.ftbox2 a,.ftbox3 a,.ftbox4 a {
    font-size: 0.4rem;
    line-height: 1rem;
}

.fttitle {
    text-align: left;
    flex: 0.5;
    vertical-align: middle;
}
.fttitle h3{
    vertical-align: middle;
}
.ftbox1 li {
    text-align: left;
}

.ftbox2 li {
    text-align: left;
}

.fttitle2 {
    text-align: left;
    flex: 0.5;
}

.ftbox3 li {
    text-align: left;
}

.ftbox4 li {
    text-align: left;
}

.ftbox ul {
    list-style: none;
    margin:20px;
}

.copy {
    width: 100%;
    display: flex;
    justify-content: center;
    padding: 0;
    margin: 0;

}
.copy img{
    width:200px;
}
.copy p{
    font-family: 'Klee One', cursive;
    font-size: 12px;
}

.ftbanner {
    width: 90%;
    display: flex;
    justify-content: center;
    margin: 0 auto;
}

.recruit,
.school,
.gift,
.welfare {
    flex: 1;
}

.ftbanner img {
    width: 90%;
    align-items: center;
    overflow: hidden;
    justify-content: center;
}

a.ftbn1:hover img,
a.ftbn2:hover img,
a.ftbn3:hover img,
a.ftbn4:hover img {
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3);
    transform: translatey(-5px);
    transition-duration: 0.5s;
}

.navbar li {
    margin-left: 2rem;
    flex-direction: column;
}

/*box1（１カラムボックス）-----------*/
/*ボックス１個あたりの設定*/

.box1 {
    overflow: hidden;
    background: #fff;
    color: #666;
    margin: 100px auto 20px;
    border: 1px solid #fff;
    padding: 5%;
}

/*box1内のh4(見出し)タグ*/
.box1 h4 {
    color: #6b921f;
    font-size: 24px;
    border-bottom: 2px dotted #333;
    margin-bottom: 10px;
    font-family: 'Kaisei Opti', serif;
    font-weight: 600;
}

/*box1内のp(段落)タグ*/
.box1 p {
    padding: 0 !important;
    line-height: 1.5;
    font-family: 'Zen Maru Gothic', sans-serif;
    font-weight: 600;
}
.box1 p center{
    font-family: 'Zen Maru Gothic', sans-serif;
    font-weight: 600;
}
.box1 p a {
    color: #666;
}

td img{
    width:400px;
}
/*box2内のbtn1。本体の設定はこの下の下のブロックにあります。*/
.box1 p.btn1 {
    margin-top: 20px;
}
.charge{
    text-align: center;
}
.charge img{
    width:500px;
}
/*トップページメニュー欄------*/

.box2 {
    position: relative;
    width: 22.5%;
    float: left;
    text-align: center;
    padding: 1%;
    padding-bottom: 30px;
    background: #fff;
    border: 1px solid #fff;
    margin: 0 auto 0px;
    line-height: 1.5;
    color: #666;
}


.box2 p {
    padding: 0 !important;
    height: 9em;
    overflow: hidden;
    font-size: 12px;
    text-align: left;
    font-family: 'Zen Maru Gothic', sans-serif;
}
/*メニューサブ見出しh5中央寄せ*/
.center{
    text-align: center;
}
/*トップページメニュー内のテキスト*/
.menu{
    display: flex;
    flex-direction: column;
    font-size: 14px;
    text-align: center;
    margin:20px auto 40px;
    width: 80%;
}
.menu img{
    width:600px;
}

.menu p{
    text-align: left;
    margin:0 auto;
}
.menu_caption{
    width:80%;
    margin: 0 auto;
    text-align: center;
    font-size:14px;
}
.box2 p a {
    color: #666;
}

.box2 h4 {
    color: #333;
    height: 1.5em;
    overflow: hidden;
}

.box2 figure {
    margin-bottom: 5px;
}

.giftcard {
    width:80%;
    margin:20px 5%;
}
.giftcard figure {
text-align: center;
    padding-bottom: 40px;
}
.giftcard figure img{
    width:400px;
margin:0 auto;
}

.box2 p.btn1 {
    height: auto;
    position: absolute;
    bottom: 30px;
    width: 80%;
}

.box2 p.btn2 {
    height: auto;
    position: absolute;
    bottom: 30px;
    width: 80%;
}

.box2 p.btn1 a {
    display: block;
    padding: 5px 0;
}

.box2 p.btn2 a {
    display: block;
    padding: 5px 0;
}

/*box1、box2のfigure写真共通設定------------*/
.box1 figure a:hover,
.box2 figure a:hover {
    opacity: 0.8;
}

/*btn1---------------------------------------*/
p.btn1 a {
    text-decoration: none;
    display: inline-block;
    border: 1px solid transparent;
    background:#6AB698;
    color: #fff !important;
    border-radius: 3px;
    padding: 5px 30px;
    text-align: center;

}

p.btn2 a {
    text-decoration: none;
    display: inline-block;
    border: 1px solid transparent;
    background: #5e953a;
    color: #fff !important;
    border-radius: 3px;
    padding: 5px 30px;
    text-align: center;


}

p.btn1 a:hover {
    border: 1px solid #000717;
    background: #fff;
    color: #000717 !important;
}


p.btn2 a:hover {
    border: 1px solid #000717;
    background: #fff;
    color: #000717 !important;
}


/*テーブル---------------------------------------*/
/*テーブル１行目に入った見出し部分（※caption）*/
.ta1 caption {
    border: 1px solid #ccc;
    border-bottom: none;
    text-align: center;
    background: #fef8f8;
    font-weight: normal;
    padding: 10px;

}

/*ta1設定*/
.ta1 {
    width: 80%;
    margin: 10px auto 5px;
    background: #fff;
}

.ta1,
.ta1 td,
.ta1 th {
    color: #666;
    padding: 5px 15px;
    word-break: break-all;
    color:#666;
    font-weight: 600;
}

.ta1 th {
    width: 140px;
    text-align: center;
    font-weight: normal;
    color:#666;
    font-weight: 600;
}
.ta1 a {
}

.ta1 td ul.disc {
    padding: 0 5px 0 20px;
}
.ta1 p {
    padding: 0;
}

/*テーブル------------*/
/*テーブル１行目に入った見出し部分（※caption）*/

.ta2 {
    width: 100%;
    margin: 0 auto 20px;
    background: #fff;
    color: #333;
}

.ta2,
.ta2 td,
.ta2 th {
    border: 1px solid #ccc;
    padding: 10px 15px;
    word-break: break-all;
}

.ta2 th {
    width: 140px;
    text-align: center;
    font-weight: normal;
}

/*リンクテキストの文字色*/
.ta2 a {
    font-family: 'Kaisei Tokumin', serif;
}

/*ta2のtdタグ内のリストタグ*/
.ta2 td ul.disc {
    padding: 0 5px 0 20px;
}

/*ta2のtdタグ内の段落(p)タグ*/
.ta2 p {
    padding: 0;
}
.info_number{
    background: #641414;
    color: #fff;
    padding:2px 10px;
    border-radius: 5px;

}
.info_number:hover{
    color:burlywood;
}

/*背景色（bg1）--------------*/
.bg1 {
    background: #e7dac4 url(../images/bg1.jpg);
    background: #e7dac4 url(../images/bg1.jpg) center / 100px;
}

/*背景色（bg2）-----------*/
.bg2 {
    background: #fff url(../images/bg2.jpg);
    background: #fff url(../images/bg2.jpg) center / 100px;
    color: #333;
}

.bg2 a {
    color: #333;
}

.bg2 h2 {
    color: #333 !important;
}

/*下部予約ボタン-----------------------------------*/
.reservebanner {
    align-items: center;
    justify-content: center;
    display: flex;
    position: fixed;
    bottom: 30px;
    right: 80px;
    width: 200px;
    background: #6AB698;
    background-position: 50% 50%;
    height: 40px;
    border-radius: 5px;
    opacity: 8;
    animation-duration: 1S;
    animation-name: scroll;
    animation-fill-mode: forwards;
}

.reservebanner:hover {
    background: #add8e6;
}
.reservebanner a{
    color:#fff;
}


/*PAGE TOP（↑）設定-------*/
/*アニメーションのキーフレーム設定（変更不要）*/
@keyframes scroll {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

/*デフォルトでは非表示に*/
body .nav-fix-pos-pagetop a {
    display: none;
}

/*ボタンの設定*/
body.is-fixed-pagetop .nav-fix-pos-pagetop a {
    display: block;
    text-decoration: none;
    text-align: center;
    z-index: 100;
    position: fixed;
    width: 30px;
    line-height: 30px;
    border-radius: 50%;
    bottom: 30px;
    right: 3%;
    background: #6AB698;
    background: rgba(106,182,152, 0.8);
    color: #fff;
    border: 1px solid #fff;
    animation-name: scroll;
    animation-duration: 1S;
    animation-fill-mode: forwards;
}

body.is-fixed-pagetop .nav-fix-pos-pagetop a:hover {
    background:#add8e6;
    color:#fff ;
}



/*「NEW」アイコ---------------------------------------------------*/

.newicon {
    background: #F00;
    /*背景色*/
    color: #FFF;
    /*文字色*/
    font-size: 80%;
    /*文字サイズ*/
    line-height: 1.5;
    padding: 2px 5px;
    border-radius: 2px;
    margin: 0px 5px;
    vertical-align: text-top;
}

/*checkブロック。-------------------------------------*/
p.check {
    background: #ff0000;
    color: #fff;
    padding: 10px 25px !important;
    margin-bottom: 20px;
}

p.check a {
    color: #fff;
}

/*その他----------------------------------------------------------*/
.look {
    background: #ccc;
    padding: 5px 10px;
    border-radius: 4px;
}

.mb15,
.mb1em {
    margin-bottom: 15px;
}

.mb40 {
    margin-bottom: 40px !important;
}

.clear {
    clear: both;
}

.ofh {
    overflow: hidden;
}

ul.disc {
    padding: 0em 25px 20px;
    list-style: disc;
}

.color1,
.color1 a {
    color: #d69700;
}

.pr {
    font-size: 10px;
}

.wl {
    width: 96%;
}

.ws {
    width: 50%;
}

.c {
    text-align: center;
}

.r {
    text-align: right;
}

.l {
    text-align: left;
}

img.fr,
figure.fr {
    float: right;
    margin: 10px;
}

img.fl,
figure.fl {
    float: left;
    margin: 10px;
}

.fr {
    float: right;
}

.fl {
    float: left;
}

.w30p {
    width: 30%;
}

.w65p {
    width: 65%;
}

.big1 {
    font-size: 28px;
    letter-spacing: 0.1em;
}

.mini1 {
    font-size: 11px;
    display: inline-block;
    line-height: 1.5;
}

.sh {
    display: none;
}

.link {
    display: block;
    margin-top: -120px;
    padding-top: 120px;
}

.menutitle {
    font-size: 20px;
    background: #6AB698;
    color:#fff;
    border-radius: 5px;
    width: 100%;
    padding: 0;
    font-family: 'Zen Maru Gothic', sans-serif;
    font-weight: 600;
}


.menusub {
    font-size:14px;
}

.condition {
    display: flex;
    margin: 0 auto;
    width:90%;
}
.pf p{
    font-family: 'Zen Maru Gothic', sans-serif;
    font-weight: 600;
    font-size: 10px;
    padding:5px;
}
/*----------------全店舗情報-----------------------------*/


.flex_container {
    width:80%;
    display:flex;
    flex-direction: row;
    justify-content:flex-start;
    margin: 0 auto;
    flex-flow:wrap;
}

.salon_location {
    width:200px;
    margin: 5px;
    padding:10px 20px;
    background:#f5f5dc;

}
.salon_image img{
    object-fit: cover;
    width: 100%;
    height: 150px;
}
.salon_image img:hover{
    opacity: 0.7;
}
.section_title {
    text-align: left;
    font-size:20px;
}

.flex_box {
    display:flex;
    flex-wrap: wrap;

}
.reservation_salon_btn{
    background: #EDD9DC;
    padding:5px;
    text-align: center;
    border: solid 1px #8A061E;
}
.reservation_salon_btn:hover{
    opacity: 0.7;
}
.reservation_salon_btn a{
    font-family: 'Zen Maru Gothic', sans-serif;
    color:#333;
    font-size: 14px;
    font-weight: 600;

}
#content_wrap {
    width:100%;

}

#main_content {
}

/*----------店舗詳細ページ----------*/
.salon_info {
    display: flex;
    flex-direction: row;
    font-size: 14px;
    margin:20px auto 10px;
    width: 90%;
}

.salon_box {
    width:100%;
    overflow: hidden;
    background: #fff;
    color: #666;
    margin: 0px 0 0px;
    border: 1px solid #fff;
    flex:1;
}

.salonname {
    text-align: center;
    font-size: 20px;
    background: #6AB698;
    color:#fff;
    border-radius: 5px;
    width: 100%;
    padding: 0px;
    margin: 0 auto;
    font-family: 'Zen Maru Gothic', sans-serif;
}
.salon_box figure img{
    margin:0 0 5px;
}



#salon_about {
    flex: 1;
    width:100%;
    overflow: hidden;
    background: #fff;
    color: #666;
    margin: 0px ;
    border: 1px solid #fff;
    flex:1;
}
.reserve_section{
    border: solid 4px #e6c8a1;
    padding:10px 10px;
    margin: 10px;
    background: #e6dccf;
}


.salon_reservebtn p{
    font-family: 'Zen Maru Gothic', sans-serif;
    padding:5px auto 0;
    color: #fff;
    padding: 5px;
    font-weight: 600;
}
.salon_reservebtn p:hover{
    color:#fff;
}
.phone{
    display: flex;
    justify-content:center;
    align-items: center;
    margin-top: 8px;
}
.phone_text p {
    font-size: 8px;

}
.phone_number {
    margin:5px;
}
.phone_number p{
    font-size: 20px;
}
.material-icons{
    margin: 10px;
}


.salon_address {
    width: 95%;
    padding: 0;
    margin:0 auto;
}
.salon_address tr{
    border:#556b2f;
    border:solid 1px #66cdaa;
}
.salon_address th{
    border:solid 1px #66cdaa;
    background: #ccffeb;
    width:5rem;
}
.salon_address td {
    text-align: left;
    padding:10px;
    font-family: 'Zen Maru Gothic', sans-serif;
    font-weight: 600;
}
.salon_reservebtn {
    display: block;
    width:100%;
    background: #641414;
    height: 2rem;
    margin-top: 5px;
    font-weight: 600;
    text-align: center;
    font-family: 'Zen Maru Gothic', sans-serif;
    border-radius: 5px;
}
.salon_reservebtn:hover{
    background:#803333;
    color:#fff;
}


#map {
    width:80%;
    margin: 10px auto;
}

iframe{
    padding:20px;
    height: 500px;
    overflow: hidden;
}
.review {
    display:flex;
    background: #d2b48c;
    border-radius: 5px;
}
.review:hover{
    background:#e6d2b8;
}



.hukidasi {
    padding: 10px 5px 0
}
.hukidasi img{
    width:100%;
    text-align: center;

}

.review_link_text p{
    font-weight: 600;
    font-family: 'Zen Maru Gothic', sans-serif;
    margin: 5px auto 0;
}

.review_link_note{
    padding: 0 auto;
}
.review_link_note p{
    font-family: 'Zen Maru Gothic', sans-serif;
    font-size: 0.1rem;
    font-weight: 600;
    padding:2px 5px;
    text-align: center;
}

.sns{
    margin:10px;
}
.insta_icon{
    text-align: center;
}
.insta_icon p{
    font-size:0.8rem;
    font-family: 'Zen Maru Gothic', sans-serif;
}
.insta_icon img{
    width:100px;

}
.insta_icon img:hover{
    opacity: 0.7;
}
.salon_info_image{
    width:90%;
    display:flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-left: 40px;

}
.salon_info_image img{
    object-fit: cover;
    width: 20%;
    margin:1px 1px 0 0;
    border:transparent solid 5px  ;
    display: flex;
    transition: 0.8s;

}
.salon_info_image img:hover{
    transform: scale(2.0, 2.0);
    border:none;
}

.price{
    width: 90%;
    margin:10px auto 0;

}

h2.price_bar{
    font-size: 20px;
    background: #d2b48c;
    width: 100%;
    vertical-align: middle;
    text-align:center;
    padding:5px;
    letter-spacing: 0.4em;
    margin: 0 auto;
    text-align: center;
}
.pricesub{
    font-size: 10px;
}
.salon_price{
    width:90%;
    display: flex;
    margin:10px 40px 0 40px;
    border:solid 2px #e6c8a1;
}
.salon_menu_title{
    font-size: 14px;
    font-weight: 100;
    text-align: center;
    background:#bdb76b;
    margin-top:10px;
    border-radius: 2px;
    padding:5px 0;
}

.salon_menu_image img{
    width:100%;
    padding:0;
    margin:10px 0;
}
.salon_menu_image{
    margin: 15px;
    flex:5;

}
.condition2{
    flex:1;
    margin: 30px 30px;
    text-align: center;
    padding:10px 0;
}
.pf2{
    flex-direction: column;
    justify-content: center;
    align-items: stretch;
    width:100px;
    padding: 10px 5px;
    text-align: center;
    background: #fffde6;
    border-left: solid 5px #bdb76b;
    float: left;
    margin: 3px;
    font-size: 10px;
}
.pf2 p{
    font-family: 'Zen Maru Gothic', sans-serif;
    font-weight: 600;
}
.menu_table{
    flex:6;
    font-family: 'Zen Maru Gothic', sans-serif;
    padding:40px;
    margin: 0;
    font-size: 16px;
    text-align: left;
}
.menu_table p{
    text-align: center;
    margin: 0;
    font-family: 'Zen Maru Gothic', sans-serif;
}
.menu_table th{
    padding: 10px 0;
    width:30%;
    vertical-align:top;
}
.menu_table td{
    width:60%;
}
.btn3{
    text-align: center;
    vertical-align: top;
    margin:10px auto;

}
.btn3 a {
    text-decoration: none;
    display: inline-block;
    background:#641414;
    color: #fff !important;
    border-radius: 3px;
    padding: 5px 30px;
    text-align: center;

    font-family: 'Zen Maru Gothic', sans-serif;
    font-weight: 600;
    width:200px;
}
.btn3 a:hover {
    opacity: 0.9;
}
.mens_info {
    font-size: 10px;
    font-weight: 600;
    color:#666;
}
.map_anker {
    width:3rem;
    padding: 3px;
    background: #d2b48c;
    border-radius: 5px;
    text-align: center;
}
.map_anker:hover{
    background:#e6d2b8;
    color:#fff;
}




.salon_news {
    padding: 30px 0;
    background: #FFF7EA;
}


.salon_news_inner {
    width: 80%;
    background-color: #fff;
    margin: 0 auto;
    padding: 20px 0 40px;
}


.sub_ttl {
    font-size: 16px;
    text-align: center;
    margin-bottom: 10px;

}

/*-----------お知らせページ--------------*/
#information {
    padding: 50px 0 100px;
    color: #222;
    text-align: center;
    background-color: #fff;
}

#information .wrapper {
    margin: 0 auto;
    width: 80%;
    max-width: 1000px;
}
#information h1 {
    display: inline-block;
    margin: 0 auto 40px;
    padding-bottom: 5px;
    font-size: 1.25rem;
    font-weight: 400;
    border-bottom: 2px solid #222;
    border-bottom-color: #fff;
    padding: 0 40px;
}

#information article {
    margin-bottom: 20px;
    padding: 20px 40px 35px;
    text-align: left;
    border-radius: 20px;
    background-color: #fff;
}

#information article .text_date {
    font-size: 0.85rem;
}

#information article h2 {
    margin-bottom: 30px;
    padding-bottom: 5px;
    font-size: 1.15rem;
    line-height: 1.8em;
    border-bottom: 2px solid #d5c800;
}

#information article .text_content {
    line-height: 2.0em;
    font-size: 0.85rem;
}
#information article img{
    width:80%;
    text-align: center;
}


/* サロンニュース記事のCSS */

.news_list {
    margin: 0 5%;
}

.news_list_item {
    padding: 5px 0;
    border-bottom: 1px solid #E6E6E6;
}

.news_list_item:first-child {
    border-top: 1px solid #E6E6E6;
}
.news_list_item a {
    position: relative;
    display: flex;
    padding-right: 30px;
}

.news_list_date {
    font-size: 12px;
    display: flex;
    margin-right: 15px;
    align-items: center;
}

.news_item {
    background: #F6C6A2;
    border-radius: 14px;
    width: 6em;
    text-align: center;
    margin-left: 20px;
}

.arrow {
    width: 14px;
    height: 1px;
    background: #707070;
    position: absolute;
    top: 50%;
    right: 0;
}

.arrow::after {
    content: "";
    display: block;
    width: 6px;
    height: 1px;
    background: #707070;
    transform: rotate(45deg);
    position: absolute;
    right: 0px;
    bottom: 2px;
}



ta3 {
    width:100%;
    margin: 0 auto;
}

.ta3 {
    margin:0 auto 0 ;
}
.ta3,
.ta3 td,
.ta3 th {
    color: #666;
    padding: 5px 15px;
    word-break: break-all;
    color:#666;
}

.value_text {
    text-align: center;
    margin:0 auto;

}

.great_value {
    width:80%;
    margin:20px 5%;

}

.swiper-container {
    margin: 40px 0px;
}
/*---研修ページ---------------------------------------------------*/
.education_container{
    width:90%;
    margin:100px auto;
}

.education_box{
    margin: 0 auto;
    display: flex;
}
.education_box_reverse{
    display: flex;
    flex-direction: row-reverse;
}
.education_caption {
    height: 5rem;
    align-self: center;
    margin:10px 20px;
}
.education_caption p{
    font-family: 'Zen Maru Gothic', sans-serif;
    font-weight: 600;
}
.education_image{

}
.education_image img{
    width:460px;
}
.btn4{
    background:#641414;
    width:200px;
    border-radius: 5px;
    text-align: center;
    margin:10px auto;
    padding: 5px 30px;
}
.btn4:hover{
    opacity: 0.7;
}
.btn4 a{
    color: #fff;
    font-family: 'Zen Maru Gothic', sans-serif;
    font-weight: 600;
}
/*---研修を終えて-----------------------------------*/
h2.senior_title{
    background: #6AB698;
}
.senior_container{
    display: flex;
    width:80%;
    margin:0 auto;
}

.senior_box{
    margin:40px;
    width:40%;
}
.senior_box h3{
    margin:20px 0;
}
.senior_image{
    margin:20px auto;
}
.recruit_btn{
    background: #6AB698;
    width:200px;
    margin: 20px auto;
    text-align: center;
    border-radius: 5px;
}
.recruit_btn:hover{
    opacity: 0.9;
}
.recruit_btn a{
    color: #fff;
    font-family: 'Zen Maru Gothic', sans-serif;
    font-weight: 600;

}
.senior_voice_p{
    text-align: center;
}
.recruit_box{
    margin:20px auto 0;
        width:80%;
}