@charset "utf-8";
/* subページ用 */

@media only screen and (max-width: 767px) {
    .wf-sawarabimincho { font-family: "Sawarabi Mincho"; }
    body{
	font-size: 14px;
        width: auto;
        line-height: 20px;
        letter-spacing: 0.1rem;
    }
    
    /***ヘッダー***/
    #header_line1{
        height: 4px;
    }
    
    /*H1スタイル*/
    #h1_style{
        height:auto;
        font-size:5px;
        line-height: 10px;
        letter-spacing: 0.07rem;
    }
    #h1_style h1{
        padding-top: 2px;
        width: auto;
    }
    #h1_style2 h1{
			height:30px;
			padding-top:10px;
			font-size:24px;
    }
    h2{
            font-size: 19px;
    }
	h3{
            font-size: 16px;
	}
    .h3_style1{
            background-size: 7px 15px;
            padding-left: 10px;
            height:auto;
            letter-spacing: 0.1rem;
    }

    .h3_style2{
            height: 35px;
    }

    #site_title{
            font-size:28px;
            margin-top: 22px;
            margin-bottom: 20px;
    }     
    
    /*Gnavi*/
    #gnavi_area {
        width: 100% !important;
    }
    #gnavi_area ul{
            font-size: 0;
            letter-spacing: 0;
            background-color: rgba(232,221,219,0.5);
    }
    #gnavi li{
            font-size:16px;
            vertical-align: top;
            width: 75px;
            padding: 5px;
            border-style: solid;
            border-color: rgba(232,221,219,0.5);
    }
    #gnavi .media_left_border{
            border-left-width: 1px;
    }
    #gnavi .media_right_border{
            border-right-width: 1px;
    }
    #gnavi #media_gnavi_end{
            height: 35px;
            display: inline-block;
    }
    #gnavi a{
            border-bottom-style:none;
    }
    .media_gnavi_piple{
        display: none !important;
    }
    #gnavi a{
            padding-bottom: 5px;
    }
    #gnavi_border{
            margin-top: 0px;
    }
    
    /*メイン画像*/
    #main_image_area{
            margin-top: 25px;
            background-image: url(../img/index_media/main_image.png);
            height:400px;
            padding-left: 45px;
            padding-top: 20px;
            padding-right: 55px;
    }
    #main_msg{
        font-size: 14px;
        margin-bottom: 10px;
		line-height:1.5rem;
    }
    #main_area_padding{
        padding-bottom: 30px;
    }
    
    /*提供サービスについて*/
		
    .mini_desc{
        font-size: 10px;
        line-height: 11px;
        margin-top: 4px;
        position: relative;
        z-index: 100;
        
    }
    #inner_care{
        width: 280px;
        margin-left: -25px;
    }
    #out_care_title, #inner_care_title{
        margin-top: 0px;
        padding-left: 15px;
    }
    #plus_img ,#equal_img{
        width: 330px;
        height: 70px;
    }
    #equal_img{
        background-image: url(../img/index_media/equal.png);
        margin-left: 2px;
    }
    #answer_img{
        height: 97px;
        margin-left: -5px;
    }

    /*こんなサロンにおすすめ*/
    #recommend_salon{
        height: 815px;
    } 
	
	#recommend_salon .h3_style1{
			font-size: 16px;
			padding-left:10px;
	}
    .recommend_box{
            background-size: 298px 220px;
            width:298px;
            margin: 7px
    }
    .recommend_detail{
		padding-left:14px !important;
        font-size: 14px;
        width: 274px;
    }

    /***キーワードエリア***/
    #keywords_area{
        background-image: url(../img/index_media/keyword_bg.png);
        height: 990px;
    }
    .keywords_box{
        height: 400px;
    }
    .keywords_title{
        font-size: 16px;
        margin-top: -10px;        
    }
    .keywords_box img{
        float: none;
        margin-top: -10px;
        margin-left: -230px;
        margin-bottom: 15px;
    }
    .keywords_detail{
        font-size: 14px;
        width: 340px;
    }
    
    /**5つのメリット**/
    #merit5_area{
        height: 1620px;
    }
    .merit5_title{
        margin:0;
    }
    .merit5_desc{
        margin-top: 15px;
        font-size: 14px;        
        float: left;
        width: 340px;    
    }
    
    /*ボタン*/
    #btn_detail_outline{
        font-size: 12px;
        padding-top: 15px;
        padding-right: 5px;
        padding-left: 5px;
        height: 36px;
    }
    #btn_detail_outline span{
            padding: 10px;
    }
    
    #page-buttom a {
           padding: 29px 0;
   }
   
   #footer_area li{
       line-height: 0.2rem;
       margin: 11px;
   }
    

    /*共通*/
    .contents_wrap{
        width: auto;
    }
    .media_size8{
        font-size: 8px !important;
        line-height: 10px !important;
        letter-spacing: 0.1rem;
    }
    .media_outline1{
        padding-left: 2%;
        padding-right: 2%;        
    }
    .media_outline2{
        padding-left: 4%;
        padding-right: 4%;        
    }
	.table_style1 th,.table_style1 td{
		font-size:14px !important;
	}
	.table_style1 th{
		min-width:60px;
	}
	.inc_img_area img{
		margin-bottom:20px;
		max-width:300px;
		float:none !important;
	}
	.atag_style1{
		padding-bottom:0;
		border-bottom-width:0;
	}
	
	#form_area select,input,textarea{
		font-size:14px;
		padding:5px;
		margin:5px;
	}
	#form_area select,#form_area input,#form_area textarea{
		width:200px;
	}
	#media_detail_h1{
			font-size:20px !important;
			padding-top:12px !important;		
	}
	.text_area_style1{
		padding-left:10px !important;
		padding-right:10px !important;
	}
	.text_area_style2{
		padding-left:20px !important;
		padding-right:20px !important;
		font-size:14px;
	}
	.media_non_comment{
		display:none;
	}

    /*IPHONE対策*/
    .iphone .merit5_title{
        margin-left: 48px;
    }
    
    .iphone #h1_style{
        font-size:10px;
        letter-spacing: 0.06rem;        
    }
	.iphone #recommend_salon .h3_style1{
		height:25px;
		font-size: 15px;
        letter-spacing: 0.07rem;
	}
	
	.iphone #recommend_salon{
        height: 845px;
    } 

}