@charset "UTF-8";

@media screen and (max-width: 768px){

    /*------style--------*/
    header {
        width: 767px;
    }

    .header_right_content {
        display:none;
    }

    .header_left_content {
        width: 90%;
    }

    .header_title {
        font-size: 17px;
    }

    .header_menu {
        display: none;
    }

    .header_menu ul{
        display: block; 
        padding: 70px 60px 120px;
    }

    .header_menu li {
        font-size: 20px;
        margin: 20px;
    }

    .header_menu button {
        margin: 0 auto;
    }

    .menu-icon {
        display: block;
        color: black;
        position: absolute;
        top: 0px;
        right: 5%;
    }

    .menu-close-icon {
        color: black;
        width: 260px;
        font-size: 15px;
        display: none;
        position: absolute;
        top: 230px;
        right: 0px;
        z-index: 200;
    }

    .container {
        padding-bottom: 100px;
    }

    footer {
        width: 100%;
    }

    .top_img {
        width: 95%;
    }

    .top_text p {
        width: 80%;
        font-size: 14px;
    }

    ul.list_item_wrap li {
        width: 90%;
    }

    .cancel_btn_wrap {
        width: 93%;
    }
    .sct table {
        width: 95%;
    }

    .list_wrap {
        width: calc(47% - 30px);
        height: auto;
    }

    .team_list_wrap {
        width: calc(47% - 30px);
    }

    .list_img {
        height: 180px;
    }

    .list_img img {
        height: 180px
    }

    .menu_modal li button {
        display: block;
    }

    .menu_modal {
        background-color: #fff;
        position: absolute;
        top: 0%;
        right: 0%;
        z-index: 100;
    }

    .header_right_content {
        position: absolute;
        top: 10px;
        right: 10px;
        z-index: 100;
    }

    .btn {
        width: 100%;
    }

    /*------form--------*/
    .step_wrap {
        width: 93%;
    }

    .step_wrap li {
        font-size: 15px;
    }

    .h3_wrap h3 {
        width: 93%;
    }

    #address {
        width: 85%;
    }

    .form_table_wrap #email {
        width: 75%;
    }

    .form_table_wrap input {
        width: 100%;
    }

    .form_table_wrap #zip_cd_1, .form_table_wrap #zip_cd_2 {
        width: 18%;
    } 

    #reason_cancel {
        width: 90%;
    }

    .form_table_wrap .flex {
        width: 93%;
    }

    .form_table_wrap th {
        font-size: 10px;
        width: 0px;
    }

    .form_table_wrap th, .form_table_wrap td {
        width: 100%;
        display: block;
    }

    .name_wrap span {
        font-size: 10px;
    }

    .salon_form_table_wrap img {
        width: 85%;
    }

    .kiyaku {
        width: 93%;
    }

    /*------login--------*/
    .login {
		width: 60%;
	}

    .login_input input {
        width: 30vw;
    }

    .login_text_wrap .error {
        width: 30vw;
        font-size: 10px;
    }

    .login_btn_wrap {
        margin: 0;
    }

    .login_btn {
        font-size: 10px; 
        padding: 15px 0;
        width: 30vw;
    }

    .change_password_wrap {
        margin:20px 0 20px 40px;
    }

    .change_password_wrap #change_password_link {
        font-size: 10px;
        width: 30vw;
        margin-left: 0;
    }

	.login_border {
		display: none;
    }

	#change_password_link {
		color: #fd9535;
	}

    /*------applySalon--------*/
    .datail_img{
        width: 100%;
        text-align: center;
    }

    .datail_img img{
        width: 95%;
    }

    .datail_text {
        width: 90%;
    }

    /*------applySalonBlog--------*/
    .salon_form_table_wrap {
        width: 90%;
    }

    /*------applySalonDetail--------*/
    .zoom_form_table_wrap ,
    .salon_form_table_wrap {
        width: 90%;
    }

    .btn_list {
        display: block;
        text-align: center;
    }

    /*------applyStreamer--------*/
    .container{
        width:100%;
    }

    #thumbnail_wrap #thumbnail_file_path_img img {
        width: 85%;
    }

    /*------reissuePasswordMail--------*/
    #systemMsg {
		text-align: center;
		width: 92%;
	}

    /*------reserveStreaing--------*/
    #thumbnail_wrap img {
        width: 300px;
    }

    .reserve_streaming_data p {
        margin: 0;
        padding: 0;
    }

    /*------salonBlogList--------*/
    .blog_content {
        width: 93%;
    }

    /*------salonBlog--------*/
    .prev, .next, .cent {
        margin: 0px;
        float: left;
    }

    .pagenation {
        display: none;
    }

    .pagenation_responsive {
        text-align: center;
    }

    .pagenation_responsive table {
        display: inline-block;
    }

    .pagenation_responsive td {
        border: 1px solid #000;
        padding: 0 10px;
    }

    .pagenation_left:hover,
    .pagenation_right:hover {
        background-color: #fd9535;
    }

    .pagenation_responsive .disabled {
        display : none;
    }

    /*------streamerSalonDetail--------*/
    .datail_text {
        width: 93%;
    }
    
    .precautions {
        color: red;
        font-size: 18pt;
        width: 100%;
    }
    
    #salon_detail_wrap button {
        width: 201px;
    }

    /*------teamSalonList--------*/
    .member_hitokoto  {
        display: block;
        width: 50vw;
    }

    /*------topSalon--------*/
    .recommend_team .flex {
		display: block;
	}

	.topStream {
		width: 90%;
		margin: 0 auto;
	}

	.stream_text {
        left: 85px;
        position: relative;
        left: 13%;
	}

	.salon_movie_list {
		text-align: center;
		margin: 0 auto;
	}

	.movie_list_wrap {
		margin: 0 auto;
    }
    
    video {
        width: 80%;
    }

	.recommend_team .blog_content {
		width: 80%;
		margin: 50px auto;
		border: 1px solid #333;
	}

	.recommend_team .blog_content img {
		height: auto;
	}

	.blog_title {
        position: relative;
        top: 0px;
        left: 5%;
        float: left;
	}

	.recommend_team .blog_at {
        font-size: 10px;
        position: relative;
        top: 0;
        left: 25%;
        margin: 0;
	}

	.blog_text {
		padding-left: 50px;
	}

	.blog_more {
		display: none;
    }
    
    /*------salonBlogList--------*/
    .blog_at {
        font-size: 10px;
        position: relative;
        top: 0;
        left: 0%;
        margin: 0;
    }

    /*------logout--------*/
    .logout_text p {
        font-size: 10px;
    }

    /*------withdraw--------*/
    .flex_jc_sapace_around {
        display: block;
    }

}