/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 2017/02/03, 17:08:48
    Author     : kurota
*/
@import url(https://fonts.googleapis.com/css?family=Lato:400,700);
@import url(http://fonts.googleapis.com/earlyaccess/notosansjp.css);

body {
    font-family: Lato, "Noto Sans JP", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
@media (min-width: 768px) {
	  .hidden-lg {
		display: none !important; }
}


@media (max-width: 767px){
    /***********************
            全体
    ************************/
	  .hidden-xs {
		display: none !important; }

    body {
        width: 100%;
        background-position: 0 -151px;
        margin: 0;
    } 
    #wrapper{
        width: 100%;
    }
    #wrapper_l{
        width: 100%;
    }
    #wrapper_r{
        display: none;
    }
    .pc_view{
        display: none;
    }
    .con_r{
        float: none;
        width: 100%;
        margin: 0;
    }
    .con_l{
        float:none;
        width: 100%;
    }
    .con_r_info{
        width: 100%;
    }
    .con_l_up_l,
    .con_l_up_r{
        float: none;
    }
    
    h2{
        background-repeat: repeat-x;
/*        width: 99%;*/
        width: 97%;
        padding-left: 3%;
    }
    
    /* ヘッダー */
    #header{
        width: 100%;
        background-color: #FFF;
        background-image: url(../images/top/head2.jpg);
        background-size: 280px 48px;
        background-position: 5px 5px;
        padding-bottom: 10px;
        margin-bottom: 10px;
    }
    #header > h1{
        display: none;
    }
    #header > a >img{
        width: 100%!important;
        height: 50px;
    }
    
    /*　フッター */
    #footer{
        display: none;
    }
    
    /***********************
        テーブルフォーム共通
    ************************/
    
    table{
    width: 100%;
    }
    
    table.inq_form td.td_bg_name,
    table.inq_form td
    {
        display: block;
        width: 100%;
    }

    table.inq_form td.td_bg_name03 {
    width: 98%;
    margin: 5px 5px 10px 5px;
    }

    
    table.inq_form td input[type="text"]{
        display: block;
        width: 98%;
    }

    table.inq_form td > textArea{
        width: 98%;
    }
    
    /***********************
        検索フォーム共通
    ************************/

    #main_k_in form[method="GET"]{
        margin-bottom: 10px;
    }
    
    
    /***********************
        トップページ
    ************************/
    /* メイン */
    #main{
        margin-top:5px;
        padding: 0 2%;
        width: 96%;
    }
    
    /*新着サロン*/
    
    #tab_1 .info_in .new_salon_waku a img{
        margin-bottom: 0px;
		width:40%; height:auto;
    }
    
    /* ピックアップ */
    .pick_up_waku{
        width: 100%;
        overflow: hidden;
        margin-top: 10px;
    }
    .pick_up{
        width:100%;
        height:auto;
    }
    .pick_up_sam{
        display: none;
    }
    .bx-pager2{
        width: 100%;
    }

    .colum_button_in{
        padding:0;
        text-align: right;
    }
    
    .colum_button_waku{
        width: 100%;
    }
    
    /* トピックス */
    .topics > img{
        width: 96%!important;
        height: auto;
    }
    .topix_title_waku{
        width: 100%;
    }
    .topix_title_new{
        width: 88px;
    }
    .topix_title_new img{
        width: 96%;
        height: auto;
    }
    .topix_title_salon{
        width:148px;
    }
    .topix_title_salon img{
        width: 96%;
        height: auto;
    }
	
    /* コラム */
    .column_bg{
        height: auto;
        width: 100%;
        margin-bottom: 20px;
        float: none;
        background: url(../images/top/column_bg_2.jpg) top left no-repeat;
    }
    .column_in{
        padding: 0;
        padding-bottom: 10px;
    }
    .column_in > div{
        float: none;
        width: 100%;
        margin: 0;
        padding: 0;
        padding-top: 50px;
    }

    .column_in > div > img{
        width: 100%;
        height: auto;
    }
  
    p.colum_new{
        width: 92%;
        padding-left: 7.6%;
        background-size: contain;
    }
    
    p.colum_line{
        width: 98%;
    }
    
    .con_bn_waku{
        display: none;
    }
    .face_waku{
        display: none;
    }
    #navigation{
        display:none;
    }
    .map_waku{
        width: 100%;
        height: auto;
        margin: 0;
        float: none;
        text-align: center;
        font-size: 12.5px;

    }
    .map_waku > img{
        width: 100%;
        height: auto;
    }
    
    .map_link_in{
        padding: 0;
        background: #fefcef;
        text-align: center;
    }
    
    .map_link_in > p{
        font-size: 12.5px;
        padding-left: 7px;
    }
    
    .info_waku{
        width: 100%;
    }
    .info_waku > a > img{
        width: 100%;
        height: auto;
    }
    
    .info_waku_l,
    .info_waku_r{
        width: 100%;
        margin: 0;
        float: none;
    }
    /* バナー */
    .bra_waku{
        width: 100%;
        float: none;
    }
    .bra_waku p{
        line-height: 12px;
        font-size: 12px;
    }
    .bra_bg{
        background-size: contain;
        height:auto;
    }
    .bra_in{
/*      padding-left: 210px;
        padding-right: 5px;*/
        display: none;
    }
    .bra_info{
        width: 100%;
        float: none;
    }
    .bra_info img{
        width: 100%;
        height: auto;
    }
    .new_salon_waku{
        width: 46%;
        margin: 0 1% 5px 1%;
    }
    
    .info_bn_reference a{
        height: 0;
        /* 表示画像の高さ ÷ 表示画像の幅 × 100 */
        padding-top:31.25%;
        background-size: contain;
        background-image: url("../images/top/info_bn_reference_02.jpg");
        width: 100%;
    }

    .info_bn_05 a{
        height: 0;
        /* 表示画像の高さ ÷ 表示画像の幅 × 100 */
        padding-top:31.25%;
        background-size: contain;
        background-image: url("../images/top/info_bn_05_02.jpg");
        width: 100%;
    }
    
    .info_bn_03 a{
        height: 0;
        /* 表示画像の高さ ÷ 表示画像の幅 × 100 */
        padding-top:31.25%;
        background-size: contain;
        background-image: url("../images/top/info_bn_03_02.jpg");
        width: 100%;
    }
    
    .info_bn_01 a{
        height: 0;
        /* 表示画像の高さ ÷ 表示画像の幅 × 100 */
        padding-top:31.25%;
        background-size: contain;
        background-image: url("../images/top/info_bn_01_02.jpg");
        width: 100%;
    }

    .info_bn_04 a{
        height: 0;
        /* 表示画像の高さ ÷ 表示画像の幅 × 100 */
        padding-top:31.25%;
        background-size: contain;
        background-image: url("../images/top/info_bn_04_02.jpg");
        width: 100%;
    }

    .info_bn_06 a{
        height: 0;
        /* 表示画像の高さ ÷ 表示画像の幅 × 100 */
        padding-top:31.25%;
        background-size: contain;
        background-image: url("../images/top/info_bn_06_02.jpg");
        width: 100%;
    }
    
    .info_bn_datsumo_shr a{
        height: 0;
        /* 表示画像の高さ ÷ 表示画像の幅 × 100 */
        padding-top:31.25%;
        background-size: contain;
        background-image: url("../images/top/karinan320-2.png");
        width: 100%;
    }
    

    /* bxslider */
  
    .bx-pager a img{
        width: 15%;
        margin: 0 2.5% 0 0;
    }
    
    .bx-pager:last-child{
    margin: 0;
    }

    
    /***********************
        下層共通
    ************************/
    
    /*左右メニュー削除用*/
    
    #navi_k{
        display: none;
    }
    
    #wrapper_r{
        display: none;
    }
    
    /*メイン用*/
    
    #main_k{
        width: 100%;
        float: left;
    }  
    
    #main_k_in > img{
        width: 100%;
        height: auto;
    }
    
    #main_k_in > img.right{
        width: 100%;
        height: auto;
        margin:0 auto;
        display: block;
    }
    
    #main_k_in > img.right{
        width: 100%;
        max-width: 250px;
        height: auto;
        margin:0 auto;
        display: block;
    }

    
    .bx-wrapper img
    {
        width: 100%;
        height: auto;
    }
    
    /*見出し用*/
    
    .more_btn{
        margin: 5px 0 10px 0;
        width: 90%;
        padding:12px 5%;
    }

    
    /***********************
        協会設立
    ************************/
    
    /*協会設立趣旨用*/
      
    #main_k_in > img.right[src$="text_purpose.gif"]{
        width: 65%;
        height: auto;
        margin: 0 auto;
        display: block;
        max-width: 300px;
}
    
    /*理事長ご挨拶用*/

    .right{
        float: none;
    }
        
    .right > img{
        
        width: 80%;
        height: auto;
        margin:0 auto;
        display: block;
        max-width: 250px;
    }
    
    .right > p{
        text-align: center;
          /*padding-left:10px;*/
    }
    
    /*役員紹介用*/
    
    .for4{
        width: 100%;
    }
    
 

    /***********************
         会員制度ページ
    ************************/


    /*会員規定枠用*/
    
    .kasou_waku_s{
        width: 94%;
    }

    #main_k_in > p > a > img[src$="bn_kamei.jpg"]{ 
        width: 105%;
        height: auto;
        max-width: 416px;
    }
    
    #main_k_in img.right[src$="seikaiin.jpg"]{
        max-width: 200px;
/*        float:right;*/
    }
    
    .right img[src$="seikaiin.jpg"]{
        max-width: 200px;
    }
    
    .right img[src$="nintei.jpg"]{
        max-width: 200px;
    }

        
    /***********************
         認定講師制度ページ
    ************************/

    #main_k_in p img[src$="point5.jpg"]{ 
        width: 100%;
        height: auto;
    }
        
    #main_k_in p a img[src$="banner_shiken.jpg"]{ 
        width: 100%;
        height: auto;
        max-width: 410px;
    }
    
    

    /***********************
         会員専用ページ
    ************************/
    
    /*　新着情報　*/
    
    .member_info{
        width: 100%;
        background: url(../images/member-page/index/member_info_title_bg.jpg) repeat-x top;
        overflow: hidden;
	    margin-bottom: 15px;
    }
    

    
    .member_info_scroll{
        width: 100%;
	    height: 300px;
    }
    
    /* 重要なお知らせ用　*/
    
    .member_bn{
    margin: 10px 0 0 0;
    width: 100%;
    }
    .member{
        margin: 0;
    width: 100%;
	}
    
    .member_bn_waku{
	overflow: auto;
    width: 100%;
	}
    
    .member_bn_waku p{
        width: 100%;
    }
	.member_bn-pc{
		display: none;
	}
	.member_bn-sp{
		display: block;
	}
	img.c-beauty01.c_beauty-img {
    width: 100%;
    height: auto;
}
	.scroll-table{
	overflow: auto;
    white-space: nowrap;
    width: 100%;
    display: flex;
    justify-content: flex-start;
	}
    /*バナー用*/
    
    .mem_bn_03 a {
        height: 0;
        /* 表示画像の高さ ÷ 表示画像の幅 × 100 */
        padding-top: 44%;
        background-size: contain;
        background-image: url(../images/member-page/index/bn_important_2.jpg);
        width: 100%
    }
    .mem_bn_01 a {
        height: 0;
        /* 表示画像の高さ ÷ 表示画像の幅 × 100 */
        padding-top: 74.5%;
        background-size: contain;
        background-image: url(../images/member-page/bn_kit_04_2.jpg);
        width: 100%
    }

    .mem_bn_02 a {
        height: 0;
        /* 表示画像の高さ ÷ 表示画像の幅 × 100 */
        padding-top: 74.5%;
        background-size: contain;
        background-image: url(../images/member-page/bn_kit_05_2.jpg);
        width: 100%
    }
        
    .mem_bn_04 a {
        height: 0;
        /* 表示画像の高さ ÷ 表示画像の幅 × 100 */
        padding-top: 74.5%;
        background-size: contain;
        background-image: url(../images/member-page/bn_text_link_2.jpg);
        width: 100%
    }
    
    /*更新手続きバナー各種用*/
    
    .member_bn_01 a,.member_bn_02 a,.member_bn_03 a,.member_bn_04 a,.member_bn_05 a,.member_bn_06 a,.member_bn_07 a,.member_bn_08 a,.member_bn_09 a,.member_bn_10 a,.member_bn_11 a,.member_bn_12 a,.member_bn_s_01 a,.member_bn_s_02 a{
	margin-right: 10px;
	}
	img.member-bnner-img {
    width: 100%;
    height: auto;
}
   .member_02.member_02-sp {
    margin: 0px;
    padding: 0px;
    width: 100%;
	}
    
    a img[src$="/bn_c_beauty_topics.jpg"]{
        
        width: 100%;
        height: auto;
    }
    
    .member p{
        line-height: 19px;
    }


    /***********************
          更新手続きページ
    ************************/
    
    /*協会員・認定講師の皆様へ重要なお知らせ*/
    
    p > img[src$="text_topics_flow.gif"]{
        width: 100%;
        height: auto;
    }
    
    p > img[src$="topics/dip.jpg"]{
        width: 105%;
        height: auto;
    }
    
    /*更新申請テーブルフォーム用*/

    p > img[src$="text_topics_form.gif"]{
        width: 100%;
        height: auto;
    }
        
    
    /***********************
        セミナー情報ページ
    ************************/    
    
    table.seminar_t tr td{
        display: block;
    }
    
    table.seminar_t tr td[width="200px"]{
        margin: 0 auto;
    }

    table.seminar_t_02 tbody tr td:first-child{
        margin-top: 10px;
    }

    table.seminar_t td.mar_siza {
    padding: 0 0 0 10px;
    text-align: center;
    margin: -10px 0 15px 0;
    }
    
    
    table.seminar_t_02 td.blue_bg {
        width: 100%;
    }
    
    table.seminar_t_02{
        margin: 0;
    }
    
    table.seminar_t_02 td.bor_bo{
        width: 100%;
    }

    /***********************
          住所変更ページ用
    ************************/
    
    
    .top_waku {
        width: 98%;
    }

    
    #main_k_in p img[src$="text_topics_form3.gif"]{
        width: 100%;
        height: auto;
    }
    
    /***********************
        会員向け会員向けQ&A
    ************************/

    
    p.answer00{
        padding-right: 10px;
    }
    
    /*******************************
    認定講師会員　新規登録・申し込みについて
    ********************************/
    
    p img[src$="examination/img_03.jpg"]{
        width: 100%;
        height: auto;
    }
    
    .nintei_waku img:first-child{
        width: 100%;
        height: auto;
    }
    
    .nintei_waku img{
        display: block;
        margin: 0 auto;
    }

    .kasou_waku_s{
        width: 97%;
    }

    .nintei_waku{
        width: 97%;
    }
        

    /***********************
         コラムページ一覧用
    ************************/
    
    
    .colum{
        width: 100%;
    }
    
    #main_k_in > img.sub_title{
     width: 100%;
    height: auto;
    margin: 10px 0;
    }
    
    /***********************
         コラムページ11用
    ************************/

    /*コラムトップ画像用*/
    
    
    
    .kiji_link{
        text-align: center;
    }
    
    .kiji_prev{
        float: none;
        display: inline;
        margin: 0;
    }
    
    .kiji_prev a img{
        width: 31%;
        height: auto;
    }
    
    .kiji_index{
        float: none;
        display: inline;
        margin-left:1%;
    }
    
    .kiji_index a img{
        width: 31%;
        height: auto;
    }
    
    .kiji_next{
        float: none;
        display: inline;
        margin-left:1%;
    }
    
    .kiji_next a img{
        width: 31%;
        height: auto;
    }
    
    /*フォームタイトル用*/
    
    .kiji_form_waku > img{
        width: 100%;
        height: auto;
    }
    
    /*入力フォームテーブル用*/
    
    table.kiji_form td{
        display: block;
        width: 100%;   
    } 
    
    table.kiji_form td input,
    textArea{
        width: 98%
    }
    
    table.kiji_form td.td_bg_name{
        width: 100%;
    }
    
    /****************************
    JBWA加盟サロン：Clarity Academy
    ****************************/

    
    iframe{
        width: 101%;
    }
    
    /***********************
       ピックアップサロン一覧
    ************************/
    
    .pick_waku_l,
    .pick_waku_r{
        width: 45%;
        height: 233px;
        text-align: center;
        margin-top: 0;
		padding:0;
    }
    .pick_waku_r{
        margin-left:2.5%;
    }
    
    img.left02{
        display: inline;
        float: none;
        margin: 0;
		width:100%;
		height:auto;
    }
    
    .pick_waku_bosyuu{
        width: 95%;
        height: auto;
        margin-top: 0;
        text-align: center;
    }
    
    .pick_waku_bosyuu a img{
        width: 85%;
        height: auto;
    }
    
    p.pageTop{
        text-align: center;
    }
    
    /***************************************************
    ピックアップ／サロン詳細ページ
    ***************************************************/
    
    
    .pick-up_waku_l{
        width: 100%;
        float: none;
        text-align: center;
    }
    
    .pick-up_waku_l img{
        width: 80%;
        height: auto;
        max-width: 400px;
    }
    
    .pick-up_waku_r{
        width: 100%;
        float: none;
        margin: 0;
        
    }
    
    .pick-up_waku_r img{
        width: 100%;
        height: auto;
    }
    
    table.pick,
    table.pick_02{
        width: 100%;
    }
    
    table.pick tr td,
    table.pick_02 tr td{
        display: block;
    }
    
    table.pick_02 td.td_pick_back,
    table.pick_02 td.td_pick_back_03{
        border-right-style: none;    
    }
    
    table.pick td.td_pick_back{
    border-right-style: none;    
    }
  

    
    .img_waku_01,
    .img_waku_02{
    
        width: 100%;
        margin: 0;
        text-align: center;
        
    }
    
    .img_waku_01 img,
    .img_waku_02 img{
        width: 80%;
        height: auto;
        max-width: 400px;
    }
    
    /***********************
        求人募集中サロン
    ************************/
    
    
    .job_logo{
        margin-right:10px;
        height: auto;
        width: 40%;
        max-width: 180px;
		height: auto;
        min-width: 140px;
        margin-bottom: 65px;
        background-color: #f6ecdd;
/*        text-align: center;*/
    }
    
    .job_logo a img {
        width: 100%;
        height: auto;
        max-width: 180px;
        min-width: 140px;
    }
    
    .job_button_waku a{
        display: inline-block;
    }
    
    .job_button_waku{
        margin-top:10px;
        padding: 0;
    }
    
    .job_info{
        float: none;
    }
    
    .job_button{
        text-align: center;
    }
    
    .job_info_in{
        height: 160px;
        padding-top: 40px;
/*        border:none;*/
    }
    
    /***********************  
           加盟サロン共通
    ************************/
  
    /*加盟店ピックアップ用*/
    
    .kamei_pickup_waku{
        width: 100%;
/*        background-size: contain;*/
        text-align: center;
        height: 210px;
        padding-top:15px;
        background: url(../images/salon/kamei_pick_bg_4_1.jpg) no-repeat left top,
                    url(../images/salon/kamei_pick_bg_4_2.jpg) no-repeat right top,
                    url(../images/salon/kamei_pick_bg_4_3.jpg) no-repeat left bottom,
                    url(../images/salon/kamei_pick_bg_4_4.jpg) no-repeat right bottom,
                    url(../images/salon/kamei_pick_bg_4_5.jpg) repeat-x top,
                    url(../images/salon/kamei_pick_bg_4_7.jpg) repeat-x bottom,
                    url(../images/salon/kamei_pick_bg_4_8.jpg) repeat-y right,
                    url(../images/salon/kamei_pick_bg_4_6.jpg) repeat-y left
                    #f5e6d3;
    }
    
    .kamei_pickup{
        margin:30px 2% 0 2%;
        float: none;
        display: inline-block;
        vertical-align:middle;

    }
    
        
    .kamei_pick_09 a{
        background-image: url(../images/salon/bn_pick_09_2.jpg);

    }

    .kamei_pick_10 a{
        background-image: url(../images/salon/bn_pick_10_2.jpg);
    }
    
    .kamei_pick_03 a{
        background-image: url(../images/salon/bn_pick_03_2.jpg);
    }

    .kamei_pick_09 a{
        background-image: url(../images/salon/bn_pick_09_2.jpg);
    }

    .kamei_pick_11 a{
        background-image: url(../images/salon/bn_pick_11_2.jpg);
    }

    .kamei_pick_05 a{
        background-image: url(../images/salon/bn_pick_05_2.jpg);
    }

    /*加盟店サロン地方用*/
    
    img.right[src$="syousai_bottan.jpg"]{
        float:right;
    }

    a img.left[width$="88"]{
        margin-bottom: 75px;
    }
    
    /***********************
    　JBWA認定講師在籍サロン一覧
    ************************/

     p img[src$="title_01.gif"]{
         width: 100%;
     }

    /*テーブルリスト用*/
     
    table.all_salon{
    width: 100%;
    }
    
    table.all_salon td.nametitle{
        display: none;
    }
    
    table.all_salon td{
        display: block;
        border-bottom: none;
        border-top: 1px solid #fff;
        width: 96%;
        padding: 6px 2% 6px 2%;
    }
    
    table.all_salon tr{
       display: block;
       margin-bottom: 10px;
    }
    
    table.all_salon tr td:first-child{
        color: #FFFFFF;
        font-weight: bold;
        background-color: #b19673;
        border-bottom-width: 3px;
        border-bottom-style: double;
        border-bottom-color: #FFFFFF;
    }



    /***********************
        中国語ページ
    ************************/    
    p img[src$="china/img_03.jpg"]{
        width: 100%;
        height: auto;
    }
    
    p img[src$="china/img_02.jpg"]{
        width: 100%;
        height: auto;
    }
    

    /***********************
        広告掲載について
    ************************/    
    .koukoku_text_waku{
        width: 100%;
    }
	
	img.koukoku_img{
        display: inline;
        float: none;
        margin-right: 0;
    }

	img.koukoku_title{
        display: inline;
        float: none;
        margin-right: 0;
		width:90%;
		height:auto;
    }
	
	.koukoku_button_waku { margin:0; padding:0; float:none;}


    /***********************
        日本医療・美容研究協会と業務提携しました
    ************************/    
    #main_k_in p a img[src$="bn_jmb.jpg"]{ 
        width: 100%;
        height: auto;
        max-width: 410px;
    }


    /***********************
        JBWA認定ホームページ制作：ユニティーサービス
    ************************/    
        .work_waku { margin:0; padding:0; width:100%; }
		
		.work_img { margin:0; float: none; width:100%; background: none;
     }


    /***********************
        ハンバーガーメニュー
    ************************/    
        
    #header_sp {
    display: block;
    position: absolute;
    top: 25px;
    right: 10px;
    
    }

    #navtoggle {
        display: block;
        width: 25px;
        height: 25px;
        cursor: pointer;
    }
    
    #navtoggle div {
        position: relative;
    }
    
    #navtoggle span:nth-child(1) {
        top: 0;
    }
    
    #navtoggle span:nth-child(2) {
        top: 8px;
    }
    
    #navtoggle span:nth-child(3) {
        top: 16px;
    }
    
    #navtoggle span {
        display: block;
        position: absolute;
        width: 100%;
        border-bottom: solid 2px #000;
        -webkit-transition: .35s ease-in-out;
        -moz-transition: .35s ease-in-out;
        transition: .35s ease-in-out;
    }
    
    .open #navtoggle span:nth-child(1) {
        top: 11px;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    .open #navtoggle span:nth-child(2) {
        width: 0;
        left: 50%;
    }

    .open #navtoggle span:nth-child(3) {
            top: 11px;
            -webkit-transform: rotate(-45deg);
            -moz-transform: rotate(-45deg);
            transform: rotate(-45deg);
    }   

    #navigation_sp {
        width: 106%;
        display: none;
        position: absolute;
        top: 60px;
        z-index: 1000;
        height: 500px;
        overflow-y: scroll;
        overflow-x: hidden;
    }
    
    .fixed {
        position: fixed !important;
        top: 0 !important;
        transform: translateZ(0);
        z-index: 10000 !important;
        box-shadow:0px 2px 10px 0px #000000;
        
    }
    
    #navigation_sp ul {
        padding-left: 0;
        margin: 0;
    }
    
    .home_navsp,
    .association_navsp,
    .member_navsp,
    .lecture_navsp,
    .seminar_navsp,
    .salon_navsp,
    .colum_navsp,
    .gaiyou_navsp,
    .china_navsp,
    .member_page_navsp{
        background: rgba(0,0,0,0.9);
        padding: 10px 0 10px 30px;
        border-bottom: 1px solid #444;
    }
    
    .home_navsp a,
    .association_navsp a,
    .member_navsp a,
    .lecture_navsp a,
    .seminar_navsp a,
    .salon_navsp a,
    .colum_navsp a,
    .gaiyou_navsp a,
    .china_navsp a,
    .member_page_navsp a{
        color: #fff;
        display: block;
        text-align: left;
		font-size:15px;
	 font-family: "Meiryo"'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', 'sans-serif';
    }
            
    #navigation_sp .before:before {
        content: "";
        position: absolute;
        left: 0;
        width: 5px;
        height: 5px;
        border-top: 2px solid #9f9f9f;
        border-right: 2px solid #9f9f9f;
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg);
        margin-left: 12px;
        margin-top: 4px;
    }

    .before {
        color: #fff;
        text-align: left;
        padding: 10px 0 10px 30px;
        border-bottom: 1px solid #444;
        position: relative;
		font-size:15px;
	 font-family: "Meiryo"'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', 'sans-serif'
    }
    

    /************************************
       【下層コンテンツ】全国加盟サロン検索
    *************************************/    

.btn a {
	display: inline-block;  /* ブロック要素にしてリンク範囲を作る */
	width: 48%;  /* ボタンの幅 */
	background: #FFFFFF;  /* ボタンの背景色 */
	border-radius: 20px;  /* 角丸（半径10px） */
	color: #70593d;  /* リンクテキストのカラー */
	line-height: 46px;  /* ボタンの高さ＋テキストを中央（上下方向）にする */
	text-decoration: none;  /* リンクの下線（装飾）を消す */
	text-align: center;  /* テキストを中央寄せ */
	font-size: 16px;
	border: 1px solid #70593d;
	margin-bottom:10px !important;
}


}
 

    /***************************
        ハンバーガーメニューPC側用
    ****************************/  

    #navigation_sp {
        display: none;
    }

    ul, menu, dir {
        display: block;
        list-style-type: disc;
        -webkit-margin-before: 1em;
        -webkit-margin-after: 1em;
        -webkit-margin-start: 0px;
        -webkit-margin-end: 0px;
        -webkit-padding-start: 40px;
    }
    
    .navigation_sp_ul a {
        color: #fff;
        display: block;
        text-align: left;
        padding: 10px 0 10px 55px;
		font-size:15px;
	 font-family: "Meiryo"'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', 'sans-serif'
    }
    
    .navigation_sp_ul li {
        background: rgba(30,30,30,0.9);
    }
        
    
    /***********************
          協会ページ画像用
    ************************/

@media (max-width: 469px){
    
        .top_waku > img{
        width: 100%;
        height: auto;
    }
}

    /***********************
       求人募集中サロン調整用
    ************************/
    @media (max-width: 492px){
    .job_logo{
        margin-bottom: 0;
    }
    .job_info_in {
        margin: 0 0 10px 0;
        border-bottom: dotted 1px #d5bb95;
    }

}

    /***********************
       　　検索フォーム用
    ************************/

    @media (min-width: 768px){
    .sp_view{
        display: none;
    }
    }
/*JBWA本部認定講師講習 20230323*/
.jbwa-honbu_common-items_grop {
    background-color: #eee9e9;
    padding: 20px;
	font-weight: bold;
}
@media(max-width:767px) {
.jbwa-honbu_common-items_grop {
    padding: 20px 5px;
}
}
.jbwa-honbu_common-items_red {
	color:#FC0004;
}
@media(max-width:767px) {
.jbwa-honbu_common-items_red {
    font-size: 14px;
}
}
.jbwa-honbu_common-items_grop .koumoku-text{
    margin-left: -22px!important;
}
.jbwa-honbu_common-items_grop .koumoku-text li{
	font-size: 13px!important;
	margin-bottom: 10px!important;
}
.honbu_price_img{
	margin-top: 15px;
}

@media(max-width:767px) {
p.copy {
    margin-bottom: 60px;
    font-size: 10px;
}
}
@media(max-width:767px) {
.soshiki2022{
	width: 100%!important;
	height: auto;
}
}