@charset "utf-8";
/* CSS Document */


/*---------------------------------------------------------------------------------------*/
/* 479px以下用（スマートフォン用）の記述のみ */
/*---------------------------------------------------------------------------------------*/
@media screen and (max-width: 479px) {
/* 480px以下用（スマートフォン用）の記述 */
    h2 {
        font-size: 1.6rem;
        font-size: 16px;
    }

    h3 {
        font-size: 1.4rem;
        font-size: 14px;
    }
    .br{ display:block}


    #divTopContents .box {
        float: none;
        width: auto;
    }

    #subpage #mainBanner {
        max-width: 720px;
    }

    #sidebar article {
        padding: 7px 8px;
    }

    .input_block select {
        max-width: 260px;
    }
/*ポップアップ*/   
    .popName 
    {
        width: 300px;
        margin-right: 0px;
        padding: 10px;
    }
    
    #CustomerList li a 
    {
        padding: 12px 12px;
    }
 
/*----ボタンエリア--------------------------------------------------------------------------*/

    .mainBtnarea a {
        padding: 16px;
        width: auto;
        height: auto;
        display: block;
        text-align: center;
        font-size: 1.4rem;
        font-size: 14px;
        width: 100%;
    }
/*
    .mainBtnarea a.back {
        width: 80%;
    }
*/
    .btn_col {
        width: 100%;
        padding-left: 0px;
        padding-right: 0px;
        margin-left: 0;
    }

/********************************************************************************************/
/*---ヘッダ---------------------------------------------------------------------------------*/
    /*
    #page_header_title .headerL {
        display: none;
    }

    #page_header_title .headerS {
        position: relative;
        height: 72px;
        width: 100%;
        display: block;
    }
    */

    #header_menu .area_UserName .UserName {
        float: none;
        max-width: 100%;
        padding: 10px 0;
    }

    #header_menu .area_UserName .Inquiry {
        float: none;
        max-width: 100%;
        line-height: 1.5em;
        cursor: pointer;
    }

/*------------------------------------------------------------------------------------------*/
/*
    #navigation {
        width: auto;
        height: auto;
        margin: 5px;
        padding: 0;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        border-radius: 6px;
        overflow: hidden;
    }

    #navigation li {
        width: auto;
        height: auto;
        list-style: none;
        margin: 0;
        display: block;
        float: none;
    }

    #navigation li:before {
        border: none;
    }

    #navigation li:after {
        border: none;
    }
*/
    #navigation2,
    #navigation3,
    #navigation4
    {
        width: auto;
        height: auto;
        margin: 10px 0;
        padding: 0;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        border-radius: 6px;
        overflow: hidden;
    }

    #navigation2 li,
    #navigation3 li,
    #navigation4 li
    {
        width: auto;
        height: auto;
        list-style: none;
        margin: 0;
        display: block;
        float: none;
    }

    #navigation2 li:before,
    #navigation3 li:before,
    #navigation4 li:before {
        border: none;
    }

    #navigation2 li:after,
    #navigation3 li:after,
    #navigation4 li:after {
        border: none;
    }
/*#btn_block
, .mypage_btnBlock_sanka{
	float: none;
	height: auto;
	margin-left: 0px;
	padding-right: 0px;
	clear: none;
	width: auto;
}
 */
/*
.mypage_btnBlock {
	padding-left: 0px;
}
*/




/*
#btn_block .col3 {
	margin-left: 0px;
	margin-right: 0px;
}
*/
/*.mypage_btnBlock_sanka .col3 .btn,
 .mypage_btnBlock .col3 .btn {
	width: 100%;
	min-width: 0px;
	margin-bottom: 10px;
	float: none;
	margin-left: 10px;
	margin-right: 0px;
}*/
/*#btn_block .col3, 
.mypage_btnBlock_sanka .col3, 
.mypage_btnBlock .col3{
	margin-right: 10px
} 
#btn_block .col3 .btn a {
	padding: 14px 10px 4px 10px;
	text-align: center;
	font-size: 14px
}
#btn_block .col3 .btn img {
	max-width: 39px;
}
*/
    #block_sum {
        width: auto;
        float: none;
        margin-right: 0px;
        padding: 10px;
        text-align: left;
        /*background-color: #F2F2F2;*/
        margin-top: 10px;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        border-radius: 6px;
        margin-left: 10px;
    }

    #block_sum div {
        width: auto;
        height: auto;
        padding: 5px 0px;
        text-align: right;
    }

    #block_sum div:first-child {
        padding-top: 0px;
    }

    #block_sum .title {
        font-weight: bold;
    }

    #block_sum .title, #block_sum .price {
        display: inline-block;
        *display: inline;
        *zoom: 1;
    }

    #block_sum .price {
        min-width: 5em;
        padding-left: 10px;
    }

    #con_Pay {
        margin-top: 0;
    }
    #Pay .reg_con .pay_block {
        font-size: 14px;
        font-weight: bold;
        display: block;
    }

    .con_block .msg {
        text-align: center;
        font-size: 14px;
        font-weight: bold;
        padding: 20px 10px;
    }

    .con_block .msg.normal {
        padding: 20px 10px;
    }

    .con_payeasy > .col2 {
        height: auto;
        clear: none;
        width: auto;
        float: none;
        padding-right: 0px;
        margin-left: 10px;
        margin-right: 10px;
    }

    .con_payeasy {
        padding: 10px 0 0 0px;
        font-size: 12px;
    }

    .con_payeasy > .col2 a img.ico_netB {
        height: 52px;
    }

    .con_payeasy > .col2.goriyou a {
        margin-bottom: 10px;
    }
/***************************************************************************/
/*-演題-------------------------------------------------------------------*/

    .shozoku_input span {
        padding-left: 0;
        margin-left: 0;
    }

    .shozoku_input span:before {
        display: none;
        padding: 0em;
    }
/**********************************************************************************
***宿泊*RegTravel_v3.aspx*******************************************************************************/    
/*検索ラン*/
.search_form li{ height:auto; padding-bottom:0.8em}
.search_form li span:first-child {
    display: block;
    width: auto;
    padding-right: 0px;
    padding-bottom:0.2em
    
}
/*テキストボックスname入力テキストボックス３個*/

#hotel_reg .textbox_LeaveArea_name .textbox_name,
#Fileup_reg .textbox_LeaveArea_name .textbox_name {
    width: 33.333%;
}
#hotel_reg .textbox_LeaveArea_name .textbox_name.Link,
#Fileup_reg .textbox_LeaveArea_name .textbox_name.btn_copy {
 width: 100% ;padding-top:5px}


#hotel_reg .textbox_LeaveArea_name .textbox_name.Link a,
#Fileup_reg .textbox_LeaveArea_name .textbox_name.btn_copy input
 {
    display: inline-block;
    width: auto;
    margin-left:0
}
#hotel_detail .block_layout>.detail_con_l,
#hotel_detail .block_col2_layout .detail_con_l {
	width: 60%;
}

#hotel_detail .block_layout > .name, #hotel_detail .block_col2_layout .name {
	width:40%; 
}
.search_area .btn_block a.btn_search{ padding:8px; width:100% }
/*オプショナル--------------------------------------------------------------------*/
.area_optional_gaiyou .block_col5{ width:50%;}
/*.area_optional_gaiyou .block_col5 img{ width:90px; height:68px}*/


/*---完了ページ------------------------------------------------------------------*/
    #completion {
        width: auto;
        margin: 0 auto;
        height: auto;
        padding: 20px;
        text-align: center;
    }

    #completion img {
        display: block;
        margin-right: 0px;
        margin: auto;
        height: 62px;
    }

    #completion p {
        display: block;
        font-weight: bold;
        font-size: 16px;
        text-align:center;
    }
/*---マイページ--------------------------------------------------*/
    .area_main .row .block_col3 {
        width: 100%;
    }

    #myMenu .area_main span {
        height: 94px;
    }

    #myMenu .area_main span a {
        height: 94px;
    }

    .btn_area_mypage_reg_appli {
        padding: 5px 0;
    }

    .btn_area_mypage_reg_appli .row .block_col5 {
        display: block;
        width: 100%;
        padding-top: 3px;
    }

    .btn_Bottomarea_mypage_reg .row .block_col2 {
        width: auto;
        float: none;
        padding-top: 3px;
    }

    .btn_Bottomarea_mypage_reg .row .block_col2:first-child {
        padding-top: 0;
    }

/**精算*******************************************/
    .sum_mypage {
        width: 280px;
        padding: 10px;
    }

    .sum_mypage span {
        width: 100px;
        font-size: 1.4rem;
        font-size: 14px;
    }

    .sum_mypage span:first-child {
        width: 130px;
    }
 .Total span.title,.Billing_area span.title {
 width:55%}   
 .check_default_single.payment_check{width: 95%;}
/**参加個人情報***************************************************************/
/*個人情報*/
h2.title_user,
h2.title_group,
h2.title_otherMember {
    display:block
}
h2.title_user+div.btnarea_personal,
h2.title_group+div.btnarea_personal,
h2.title_otherMember+div.btnarea_personal {
  display:block;
  margin-top: 6px;
  }

h2.title_user+div.btnarea_personal a,
h2.title_group+div.btnarea_personal a,
h2.title_otherMember+div.btnarea_personal a {
  display:block;
  margin-top:3px
    
}
/*テキストボックス個数入力用*/
    .textbox_LeaveArea_kazu .textbox_kazu {
        width: 120px;
    }

    .btn_block.personalEdit {
        width: auto;
    }
/*-----------------------------------------------------------------*/
/*******************************************************************/
/*---お問い合わせ管理-RegInquiry_v3.aspx---------------------------*/
    .inquiry_selectArea a.selectBtn {
        padding: 0.8em 0.3em;
        width: auto;
    }
 /***パスワード再発行*RegRe_PassWord_v3.aspx****************************************/   
  .passID_con .mailTextbox input  { width:44%}
/****RegGuide_v3.aspx**************************************************************/    
    .block_HotelList .detil_HotelList_boshu .t1-label .col3{ float:none; width:auto}

/*--↓↓BT13382*2015/10/20*hiro↓↓--
/*************************************************
 **招待者ログイン画面********************************/
    #BasicCheck {
	    margin: 0 auto;
	    width: 350px;
    }
/*--↑↑BT13382*2015/10/20*hiro↑↑--

/***media screen 479px end*********************************************************/
}
@media screen and (max-width: 399px) 
{
    /********************************************************************************************/
    /*---ヘッダ---------------------------------------------------------------------------------*/    
    #page_header_title .headerL {
        display: none;
    }

    #page_header_title .headerS {
        position: relative;
        height: 72px;
        width: 100%;
        display: block;
    }
    /*
    #header_menu .area_UserName .UserName {
        float: none;
        max-width: 100%;
        padding: 10px 0;
    }

    #header_menu .area_UserName .Inquiry {
        float: none;
        max-width: 100%;
        line-height: 1.5em;
        cursor: pointer;
    }
    */
    /*------------------------------------------------------------------------------------------*/
    
    /*--↓↓BT13382*2015/10/20*hiro↓↓--
    /*************************************************
     **招待者ログイン画面********************************/
    #BasicCheck {
        margin: 0 auto;
        width: 310px;
    }
    /*--↑↑BT13382*2015/10/20*hiro↑↑--
}