@charset "utf-8";
@media screen and (max-width: 900px) {
    /* ==================================================
icon
================================================== */
    .item_label {
        display: inline-block;
        width: 36px;
        height: 34px;
        vertical-align: middle;
        background-size: contain !important;
    }
    .item_icn_red,
    .item_icn_gray,
    .item_icn_light_bl {
        background-size: 34px;
    }
    /*-------------My_Page-----------------------*/
    #temp_wrap_main #temp_mypage_cnt {
        margin-bottom: 80px;
        padding: 0 13px;
        margin-top: 12px;
    }
    .page_notice{
        border-radius: 3px;
        padding: 13px 8px 8px;
        display: inline ;
        height: 100%;
        width: 100%;
    }
    .page_notice>div{
        background-color: #f5f5f5;
    }
    .page_notice>div:nth-child(1){
        border-left: 1px solid #d40f75;
    }
    .page_notice>div:nth-child(2){
        border:none;
    }
    .m10{
        margin-top: 0;
    }
    #temp_wrap_main #temp_mypage_cnt .page_notice h2 {
        font-size: 100%;
        color: #d40f75;
        font-weight: bold;
        border-right: none;
        padding: 0 7px;
        line-height: 1.3;
    }
    #temp_wrap_main #temp_mypage_cnt .page_notice p {
        display: inline-block;
        font-size: 85.7%;
        color: #323232;
        font-weight: normal;
        padding-left: 0;
        margin-top: 5px;
    }
    #temp_wrap_main #temp_mypage_cnt .page_notice p ,
    #temp_wrap_main #temp_mypage_cnt .page_notice ul {
        font-size: 90%;
    }
    #temp_wrap_main #temp_mypage_cnt .page_item {
        margin-top: 5px;
    }
    #temp_wrap_main #temp_mypage_cnt .page_item .ttl_item {
        border-bottom: 1px solid #dadada;
    }
	#temp_wrap_main #temp_mypage_cnt .page_item .ttl_item h2,
    #temp_wrap_main #temp_mypage_cnt .page_item .ttl_item h3 {
        font-size: 100%;
        color: #323232;
        font-weight: bold;
        background: url(/shared/images/icon/icn_border_left.png) no-repeat left center;
        padding: 9px 10px;
        display: inline-block;
    }
    #temp_wrap_main #temp_mypage_cnt .page_item .ttl_item a {
        float: right;
        text-decoration: none;
        color: #515151;
        margin-top: 13px;
        background: url(/shared/images/icon/icon_link_ttl.png) no-repeat left center;
        padding-left: 27px;
    }
    #temp_wrap_main #temp_mypage_cnt .page_item ul {
        margin: 0 0 25px 0;
    }

    #temp_wrap_main #temp_mypage_cnt .page_item ul li {
        padding: 7px 0 9px 14px;
        font-size: 100%;
        list-style: none;
        border-bottom: 1px solid #dadada;
    }
    #temp_wrap_main .bg_list {
        background: url(/shared/images/icon/icon_link.png) no-repeat left 13px;
    }

    #temp_wrap_main #temp_mypage_cnt .page_item .item_icn_red {
        display: inline-block;
        background: url(/shared/images/icon/page_icn_red.png) no-repeat;
        width: 34px;
        height: 34px;
        background-size: 34px;
    }

    #temp_wrap_main #temp_mypage_cnt .page_item .item_icn_gray {
        display: inline-block;
        background: url(/shared/images/icon/page_icn_gray.png) no-repeat;
        width: 34px;
        height: 34px;
        vertical-align: middle;
        background-size: 34px;
    }

    #temp_wrap_main #temp_mypage_cnt .page_item ul li p {
        display: inline-block;
        font-size: 85.7%;
        margin: 2px 0;
    }

    .f80{
        font-size: 80.7%!important;
    }

    #temp_wrap_main #temp_mypage_cnt .page_item ul li .status_label {
        font-size: 85.7%;
        width:18%;
        text-align: center;
    }
    
    #temp_wrap_main #temp_mypage_cnt .page_item ul li .request_date_label {
        font-size: 85.7%;
        width:25%;
        text-align: center;
    }
    
    #temp_wrap_main #temp_mypage_cnt .page_item ul li .facility_name_label {
        font-size: 85.7%;
        width:25%;
        text-align: center;
    }
    
    #temp_wrap_main #temp_mypage_cnt .page_item ul li .limit_label{
        font-size: 85.7%;
        width:27%;
        text-align: center;
    }

    #temp_wrap_main #temp_mypage_cnt .page_item ul li .limit {
        display: inline-block;
        font-size: 80.7%;
        margin: 2px 0 0 5px;
    }

    .lottery_limit{
        width:43%;
        margin-left:5px
    }

    #temp_wrap_main #temp_mypage_cnt .page_item ul li .room_name {
        width:35%;
        font-size: 90%;
        margin: 2px 0 0 0;
    }

    .lottery_icon {
        width:25%;
        text-align: center;
    }

    #temp_wrap_main #temp_mypage_cnt .page_item ul li a {
        font-size: 85.7%;
        color: #0072bc;
        text-decoration: none;
        display: block;
        margin-top: 2px;
    }
    #temp_wrap_main #temp_mypage_cnt .page_item .bg_list.page_hot {
        background: url(/shared/images/icon/icon_link.png) no-repeat left 21px;
    }
    #temp_wrap_main #temp_mypage_cnt .page_item .page_hot a {
        padding-left: 5px;
        display: block;
    }
    /*-------------History-----------------------*/
    .ttl_history {
    	display: block;
    }
    .sub_history {
	padding: 2px 16px 2px;
    border: 1px solid #1564b3;
    border-radius: 30px;
    margin-right: 20px;
    display: inline-block;
    font-size: 100%;
    margin-bottom: 8px;
	}
    #temp_history_cnt {
        margin-bottom: 60px;
        padding: 0;
    }    

    #temp_history_popup {
        margin-bottom: 30px;
        padding: 0;
    }
    #temp_history_cnt a,
    #temp_history_popup a {
        text-decoration: none;
    }
    #temp_history_cnt .dissatisfied_inf,
    #temp_history_popup .dissatisfied_inf {
        margin: 0 0 8px 0;
        font-size: 85.7%;
    }
    #temp_history_cnt .tab,
    #temp_history_popup .tab {
        display: inline-block;
        margin-left: 5px;
        margin-right: 8px;
    }
    #temp_history_cnt .tab .btn_display:first-child,
    #temp_history_cnt .tab .btn_display:last-child,
    #temp_history_popup .tab .btn_display:first-child,
    #temp_history_popup .tab .btn_display:last-child,
    #temp_history_cnt .tab .btn_canseldisplay:first-child,
    #temp_history_cnt .tab .btn_canseldisplay:last-child,
    #temp_history_popup .tab .btn_canseldisplay:first-child,
    #temp_history_popup .tab .btn_canseldisplay:last-child {
        width: 46px;
        height: 20px;
        line-height: 1;
        border: 1px solid #dadada;
        display: inline-block;
        text-align: center;
        color: #1564b3;
        background-color: #f2f2f2;
    }
    #temp_history_cnt .tab .btn_display:first-child,
    #temp_history_popup .tab .btn_display:first-child,
    #temp_history_cnt .tab .btn_canseldisplay:first-child,
    #temp_history_popup .tab .btn_canseldisplay:first-child {
        border-radius: 3px 0 0 3px;
        margin-right: -4px;
    }
    #temp_history_cnt .tab .btn_display:last-child,
    #temp_history_popup .tab .btn_display:last-child,
    #temp_history_cnt .tab .btn_canseldisplay:last-child,
    #temp_history_popup .tab .btn_canseldisplay:last-child{
        border-radius: 0 3px 3px 0;
    }
    #temp_history_cnt .tab .btn_display.active,
    #temp_history_popup .tab .btn_display.active,
    #temp_history_cnt .tab .btn_canseldisplay.active,
    #temp_history_popup .tab .btn_canseldisplay.active {
        background-color: #1564b3;
        color: #ffffff;
        border: 1px solid #1564b3;
    }
    #temp_history_cnt table,
    #temp_history_popup table {
        width: 100%;
    }
    #temp_history_cnt tr,
    #temp_history_popup tr {
        border: 1px solid #cccccc;
        margin-bottom: 12px;
        display: block;
    }
    #temp_history_cnt tr td p,
    #temp_history_popup tr td p {
        font-size: 85.7%;
    }
    #temp_history_cnt tr td:first-child,
    #temp_history_popup tr td:first-child {
        background-color: #f2f2f2;
        width: 100% !important;
    }
    #temp_history_cnt tr td:nth-child(2),
    #temp_history_popup tr td:nth-child(2) {
        width: 100%;
        padding-bottom: 0;
        height: auto;
    }
    #temp_history_cnt tr td:last-child,
    #temp_history_popup tr td:last-child {
        padding: 9px 0 9px 13px;
        text-align: left;
    }
    #temp_history_cnt td,
    #temp_history_popup td {
        vertical-align: top;
        border: none;
        padding: 9px 0px 9px 13px;
        display: block;
    }
    #temp_history_cnt .action_btn,
    #temp_history_popup .action_btn {
        display: inline-block;
        margin: 0 auto;
    }
    #temp_history_cnt .column_cnt,
    #temp_history_popup .column_cnt {
        display: inline-block;
        vertical-align: middle;
        font-size: 85.7%;
        text-align: left;
    }
    #temp_history_cnt.popup_reserve_list .column_cnt,
    #temp_history_popup.popup_reserve_list .column_cnt {
        width: 100%;
    }
    #temp_history_cnt .dissatisfied_btn,
    #temp_history_popup .dissatisfied_btn {
        display: inline-block;
        width: 100px;
        min-height: 30px;
        line-height: 1;
        padding: 8px;
        text-align: center;
        margin-bottom: 5px;
        font-size: 85.7%;
        text-decoration: none;
    }
    #temp_history_cnt .dissatisfied_btn.btn_dark_blue, 
    #temp_history_cnt .dissatisfied_btn.btn_dark_blue:link,
    #temp_history_popup .dissatisfied_btn.btn_dark_blue, 
    #temp_history_popup .dissatisfied_btn.btn_dark_blue:link {
    -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.3);
	}
    #temp_history_cnt .dissatisfied_btn.btn_light_blue,
    #temp_history_popup .dissatisfied_btn.btn_light_blue {
        margin-right: 0;
        margin-left: 15px;
    }
    #temp_history_cnt .table-w100,
    #temp_history_popup .table-w100 {
        display: none;
    }
    #temp_history_cnt .table_sp,
    #temp_history_popup .table_sp {
        display: table;
    }
    #temp_history_cnt .table_sp thead,
    #temp_history_popup .table_sp thead {
        border-top: 1px solid #cccccc;
    }
    #temp_history_cnt .table_sp tr,
    #temp_history_popup .table_sp tr {
        margin-bottom: 0;
        border-top: none;
    }
    #temp_history_cnt .table_sp tbody tr td,
    #temp_history_popup .table_sp tbody tr td{
        background: #ffffff;
        text-align: left;
        padding: 10px;
    }
    /*-------------Favorite-----------------------*/
    #temp_favorite_cnt {
        padding: 0 10px;
        margin-bottom: 60px;
    }
    #temp_favorite_cnt .favorite_ttl {
        margin-top: 0;
    }
    #temp_favorite_cnt .favorite_ttl .btn_del {
        text-align: center;
        width: 80px;
        min-height: 33px;
        line-height: 1;
        padding: 10px;
        background-color: #f2f2f2;
        color: #d5d5d5;
        border: 1px solid #dadada;
        border-radius: 3px;
        font-size: 85.7%;
        float: left;
        margin-right: 10px;
        -webkit-appearance: none;
    }
    #temp_favorite_cnt .favorite_ttl label {
        color: #323232;
        margin-left: 0;
        font-size: 85.7%;
        text-align: left;
        overflow: hidden;
    }
    #temp_favorite_cnt table {
        width: 100%;
        margin-top: 8px;
        margin-bottom: 50px;
    }
    #temp_favorite_cnt table tr td {
        border: none;
        height: auto;
        vertical-align: middle;
        padding: 10px 0 8px;
        display: block;
        float: right;
        text-align: center;
    }
    #temp_favorite_cnt table tr td:first-child {
        text-align: center;
        background-color: #e7e7e7;
        vertical-align: middle;
        padding: 0;
        position: absolute;
        height: 100%;
        width: 10%;
        border-right: 1px solid #cccccc;
    }
    #temp_favorite_cnt table tr td:first-child input {
        position: absolute;
        top: 50%;
        margin-top: -6px;
        left: 50%;
        margin-left: -7px;
    }
    #temp_favorite_cnt tr {
        position: relative;
        display: block;
        margin-bottom: 10px;
        overflow: hidden;
        border: 1px solid #cccccc;
        font-size: 85.7%;
    }
    #temp_favorite_cnt tr td:nth-child(2) {
        width: 90%;
        background-color: #f2f2f2;
        padding-right: 0;
    }
    #temp_favorite_cnt tr td:nth-child(2) p {
        width: 210px;
        display: inline-block;
    }
    #temp_favorite_cnt tr td:nth-child(3) {
        width: 90%;
    }
    #temp_favorite_cnt tr td:nth-child(4) {
        width: 90%;
        padding: 0;
    }
    #temp_favorite_cnt tr td:nth-child(4) .reservation_btn {
        width: 117px;
        display: block;
        min-height: 26px;
        line-height: 1;
        padding: 8px;
        margin: 0 auto 10px;
    }
    #temp_favorite_cnt .reservation_btn.btn_dark_blue, 
    #temp_favorite_cnt .reservation_btn.btn_dark_blue:link {
    -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.3);
	}

    #temp_reservation .table_form tr > td:first-child {
            border-right: 1px solid #cccccc !important;
    }
    /*-------------Notice-----------------------*/
    #temp_wrap_main #temp_notice_cnt {
        padding: 0 10px;
        margin-bottom: 60px;
    }
    #temp_wrap_main #temp_notice_cnt ul {
        margin-top: 5px;
        background: url(/shared/images/icon/border_list.jpg) bottom;
        background-repeat: repeat-x;
    }
    #temp_wrap_main #temp_notice_cnt ul li {
        padding: 7px 0;
        background: url(/shared/images/icon/border_list.jpg) top;
        background-repeat: repeat-x;
        list-style: none;
    }
    #temp_wrap_main #temp_notice_cnt ul li a {
        text-decoration: none;
        color: #0054a6;
        font-size: 85.7%;
        display: block;
        padding: 9px 0 5px 14px;
        margin-left: 0;
    }
    #temp_wrap_main #temp_notice_cnt .detail_content {
        padding: 0;
        font-size: 100%;
    }
    /*-------------Detail-----------------------*/
    #temp_wrap_main .intro {
        margin-top: 15px;
        padding: 0 10px;
    }
    #temp_wrap_main .intro .intro_slider,
    #temp_wrap_main .intro .intro_summary {
        width: 100%;
        padding: 0;
    }
    #temp_wrap_main .intro .intro_slider .intro_img .slick-list .slick-track .img_item {
        margin-right: 0;
    }
    #temp_wrap_main .intro .intro_slider .intro_img_nav {
        padding: 0 26px 0 35px;
    }
    #temp_wrap_main .intro .intro_slider .slick-prev,
    #temp_wrap_main .intro .intro_slider .slick-next {
        -webkit-background-size: 100%;
        background-size: 100%;
        width: 30px;
        height: 30px;
        margin-top: 0px;
    }
    #temp_wrap_main .intro .intro_slider .slick-prev {
        left: -2px;
    }
    #temp_wrap_main .intro .intro_slider .slick-next {
        right: -2px;
    }
    #temp_wrap_main .intro .intro_slider .intro_img {
        margin-bottom: 16px;
    }
    #temp_wrap_main .intro .intro_slider .intro_img_nav .img_item_ttl {
        display: none;
    }
    #temp_wrap_main .intro .intro_slider {
        margin-bottom: 20px;
    }
    #temp_wrap_main .intro .intro_summary .summary_cnt p {
        font-size: 100%;
        line-height: 1.7;
    }
    #temp_wrap_main .intro .intro_summary .summary_cnt {
        margin-bottom: 15px;
    }
    #temp_wrap_main .intro .intro_summary .notice .notice_ttl {
        font-size: 114.3%;
        margin-bottom: 5px;
        line-height: 1.4;
    }
    #temp_wrap_main .intro .intro_summary .notice {
        padding: 8px 15px;
    }
    #temp_wrap_main .basic_info {
        margin-bottom: 30px;
        margin-top: 25px;
    }
    #temp_wrap_main .layout_b_ttl {
        font-size: 114.3%;
        padding: 8px 12px 6px;
        padding: 5px 10px;
        border-radius: 0;
    }
    #temp_wrap_main .basic_info .table_wrap {
        padding: 0 10px;
    }
    #temp_wrap_main .basic_info th,
    #temp_wrap_main .basic_info th,
    #temp_wrap_main .basic_info td {
        display: block;
    }
    #temp_wrap_main .basic_info .ryokin {
        background: transparent url(/shared/images/common/scroll_table_icon.png) 95% 5px no-repeat;
        background-size: auto 20px;
    }
    #temp_wrap_main .basic_info .ryokin table {
        max-width: 100%;
    }
    .scroll_table {
        overflow-x: auto;
        margin-bottom: 10px;
        padding: 23px 5px 5px;
        background-size: 75px 15px;
        -webkit-background-size: 75px 15px;
        -moz-background-size: 75px 15px;
    }
    #temp_wrap_main .basic_info .ryokin th,
    #temp_wrap_main .basic_info .ryokin th,
    #temp_wrap_main .basic_info .ryokin td {
        display: table-cell;
    }
    #temp_wrap_main .basic_info .ryokin th:first-child {
        width: 10%;
        padding: 14px 10px 13px;
        white-space: nowrap;
        min-width: 60px;
    }
    #temp_wrap_main .basic_info th, #temp_wrap_main .basic_info .ryokin th {
        width: 15%;
    }
    #temp_wrap_main .basic_info table,
    #temp_wrap_main .basic_info td {
        border: none;
    }
    #temp_wrap_main .basic_info th {
        width: 100%
    }
    #temp_wrap_main .basic_info th,
    #temp_wrap_main .basic_info td {
        padding: 7px 8px 6px;
    }
    #temp_wrap_main .how_to_access .layout_b_ttl {
        margin-bottom: 15px;
    }
    #temp_wrap_main .how_to_access .guide_cnt {
        font-size: 85.7%;
        line-height: 1.7;
        margin-bottom: 10px;
        padding: 0 10px;
    }
    #temp_wrap_main .how_to_access .guide_map {
        padding: 0 10px;
    }
    #temp_wrap_main .how_to_access .guide_map .guide_map_ttl {
        display: block;
        text-align: center;
        border-radius: 4px;
        background-color: #1564b3;
        font-size: 100%;
        font-weight: bold;
        color: #ffffff;
        padding: 5px 0;
        margin-bottom: 15px;
    }
    #temp_wrap_main .return_btn {
        margin: 30px 0;
    }
    #temp_wrap_main .return_btn a {
        padding: 6px 35px 5px;
        font-size: 100%;
        box-shadow: 1px 1px 1px 1px #d1d1d1;
    }
    /*-------------FAQ-----------------------*/
    #temp_wrap_main .faq_intro {
        font-size: 114.3%;
        padding: 0 10px;
    }
    #temp_wrap_main.faq .basic_info {
        margin-bottom: 20px;
        margin-top: 20px;
    }
    #temp_wrap_main .faq_list .faq_item {
        margin-top: 20px;
    }
    #temp_wrap_main .faq_list .faq_item a {
        padding-left: 25px;
        font-size: 100%;
        background: url(/shared/images/icon/icon_link.png) no-repeat top 6px left 8px;
    }
    #temp_wrap_main .faq_list {
        padding: 0 10px;
    }
    /*-------------agreement-----------------------*/
    #temp_wrap_main .faq_intro.agreement {
        margin-top: 25px;
    }
    #temp_wrap_main .basic_info .terms_service_cnt,
    #temp_wrap_main .form_check {
        padding: 0 10px;
    }
    #temp_wrap_main .basic_info .terms_service_cnt p {
        font-size: 100%;
    }
    #temp_wrap_main .form_check .form_check_label {
        padding: 25px 0 23px;
    }
    #temp_wrap_main .form_check .return,
    #temp_wrap_main .form_check .register {
        padding: 8px 0;
        width: 40%;
    }
    #temp_wrap_main .form_check {
        margin-bottom: 60px;
    }
    /*-------------howtouse-----------------------*/
    #temp_wrap_main.faq .howtouse {
        margin: 110px 0 40px;
    }
    #temp_wrap_main .layout_b_ttl.question:after {
        border-radius: 0;
        padding: 0 12px;
    }
    #temp_wrap_main .layout_b_ttl.question {
        margin-bottom: 15px;
        padding-left: 55px;
    }
    #temp_wrap_main .answer {
        font-size: 100%;
        padding-left: 40px;
        padding-right: 10px;
        line-height: 1.6;
    }
    /*-------------room-info-----------------------*/
    #temp_wrap_main .basic_info.room_info {
    	margin-top: 30px;
    }
    #temp_wrap_main .group_link_booking,
    #temp_wrap_main .article_b {
    	padding: 0 10px;
    }
    #temp_wrap_main .article_b .article_img,
    #temp_wrap_main .article_b .article_cnt {
    	width: 100%;
    	padding: 0;
    }
    #temp_wrap_main .article_b .article_cnt {
    	margin-top: 15px;
    }
    /*-------------Search Map-----------------------*/
/*    .search_map .search_map_inner{
        margin: 121px 0 40px;
    }*/
    .search_map .video_wrapper{
        padding-bottom: 100%;
    }
}