/* CSS Document */


@media (min-width:751px){

/* #mv
---------------------------------------------------------------------------------------------------- */
	#mv { 
        /*background: url("../images/mv.jpg") center center no-repeat; */
        /*background-size: cover; */
    }
/*    #mv h2 {
        width: calc( 50% - 70px );
        min-width: 542px;
        height: 157px;
        margin-top: -78px;
    }
    #mv h2:after { 
        left: 0;
        bottom: 40px;
    }
    #mv h2 img {
        width: 542px;
        height: 157px;
    }
*/

/* #formwrap
---------------------------------------------------------------------- */
    #formwrap {
        padding-top: 100px;
        padding-bottom: 100px;

    }

    .form-area { 
       
     }

    .form-area table {
        width: 100%;
        margin-bottom: 50px;
    }
/*
    .form-area table th,
    .form-area table td {
        padding-top: 12px;
        padding-bottom: 12px;
    }
*/
    .form-area table th {
        width: 180px;
        vertical-align: middle;
        font-size: 16px;
        text-align: left;
        padding-left: 20px;
        padding-top: 1em;
        padding-bottom: 1em;
        /*border-bottom: 1px solid #E0E0E0;*/
        border-bottom: 1px solid #CCCCCC;

    }
    .form-area table.ctable tr th:before , .form-area table.ctable tr th:after {   
        width: 200px;
    }
    .form-area table td {
       /*border-bottom: 1px solid #E0E0E0;*/
       border-bottom: 1px solid #CCCCCC;
        padding-top: 1em;
        padding-bottom: 1em;
       vertical-align: middle;
    }


    .form-area table th span {
        color: #C91B45;
    }
    .c_red { 
        color: #C91B45;
    }
    .form-area table td input[type="text"] {
        border: #E0E0E0 1px solid;
        background: #FFFFFF;
        width: 100%;
        height: 55px;
        line-height: 33px;
        padding: 0 10px;
        font-size: 18px;
        font-family: "notoserif";
    }
    .form-area table td input[type="radio"] { 
        width: auto; 
        height: 35px; 
        padding: 0 10px; 
        margin-top: 0;
    }
    .form-area table td textarea {
        width: 100%;
        height: 130px;
        border: #E0E0E0 1px solid;
        background: #FFFFFF;
        padding: 10px;
        font-size: 18px;
        font-family: "notoserif";
    }

    .form-area table td select {
        border: #E0E0E0 1px solid;
        background: #FFFFFF url("../images/icon_select.svg") right center no-repeat ;
        background-size: contain;
        width: 130px;
        height: 55px;
        line-height: 33px;
        padding: 0 10px;
        font-size: 18px;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
    }
    .form-area table td select::-ms-expand{
        display: none;
    }
    .form-area .btn {
        display: flex;
        justify-content: center;
    }

    .form-area .btn input {
        font-size: 17px;
        display: block;
        line-height: 48px;
        width: 240px;
        height: 50px;
        position: relative;
        border: #E0E0E0 1px solid;
        transition: 0.3s;
        cursor: pointer;
    }

    .form-area .btn input:hover {
        opacity: 1;
        /*background: url("../images/icon_arrow.svg") right 1px center no-repeat #DCDDDD;*/
    }

    .en .form-area .btn input {
        width: 280px;
    }

    #SMIL_INFO {
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 20px;
    }

    #SMIL_ERR dl {
        display: flex;
        flex-wrap: wrap;
    }

    #SMIL_ERR dl dt {
        width: 15%;
    }

    #SMIL_ERR dl dd {
        width: 35%;
    }
    #formwrap .cbtn2 {
        margin: 0 auto;
    }

    .form-area table td #id_name {
        width:  100%;
    }
    .form-area table td #id_kana {
        width: 100%;
    }
    .form-area table td #id_day {
        width: 100%;
    }
    .form-area table td #id_stay {
        width: 100px;
    }
    .form-area table td #id_genre {
        width: 130px;
    }
    .form-area table td #id_price {
        width: 200px;
    }
    .form-area table td #id_price2 {
        width: 200px;
    }
    .form-area table td #id_roomtype {
        width: 200px;
    }
    .form-area table td #id_roomnumber {
        width: 100px;
    }
    .form-area table td #id_postnumber2 {
        width: 140px;
    }
    .form-area table td #id_men , .form-area table td #id_lady , .form-area table td #id_child {
        width: 100px;
    }
    .form-area table td #id_email {
        width: 100%;
    }
    .form-area table td #id_postnumber {
        width: 300px;
        margin-bottom: 15px;
    }
    .form-area table td #id_add {
        width: 100%;
    }
    .form-area table td #id_tel {
        width: 100%;
    }
    .form-area table td #id_checkin {
        width: 100px;
    }
    .form-area table td #id_message {
        width: 100%;
        height: 135px;
    }
    input[type="submit"] , input[type="button"]{
        -webkit-transition: 0.3s ease-in-out;
        -moz-transition: 0.3s ease-in-out;
        -o-transition: 0.3s ease-in-out;
        transition: 0.3s ease-in-out;
        cursor: pointer;
        margin-left: auto;
        margin-right: auto;       
        /*background: url(../../images/icon_arrow_rightwhite.svg) center right 15px no-repeat #C91B45;*/
        /*border: 1px solid #C91B45;*/
        /*color: #FFFFFF;*/
    }
    input[type="submit"] {
        margin-bottom: 15px;
    }

}
/* end @media (min-width:751px)*/

/* ---------------------------------------------------------------------------------------------------- */

@media (min-width: 751px) and (max-width:1245px){

}

/* ---------------------------------------------------------------------------------------------------- */

@media (min-width: 751px) and (max-width:1100px){

}

/* ---------------------------------------------------------------------------------------------------- */

@media (min-width: 751px) and (max-width:945px){ 

 }

/* ---------------------------------------------------------------------------------------------------- */

@media (max-width:750px) {


/* #mv
---------------------------------------------------------------------------------------------------- */	
	#mv .img { 
		background: url("../images/mv_sp.jpg") center center no-repeat; 
		background-size: cover;
	}
/*    #mv h2 {
        display: none;
    }
    #mv h2:after { 
        width: 100%;
        bottom: 25%;
    }
    #mv h2 img {
        
    }*/


/* #formwrap SP
---------------------------------------------------------------------- */
    #formwrap{
        padding-top: 16vw;
        padding-bottom: 32vw;
    }

    #formwrap p.lead {
        width: 88vw;
        margin-right: auto;
        margin-left: auto;
        text-align: left;
    }
    #formwrap .w1000 {
        width: 100%;
    }
    .form-area { 
        /*background: #FFFFFF;*/
    }
    .form-area table th span {
        color: #C91B45;
    }
    .c_red { 
        color: #C91B45;
    }
    .form-area table {
        width: 100%;
        margin-bottom: 5vw;
    }
    .form-area table th,
    .form-area table td {
        display: block;
    }
    .form-area table th {
        vertical-align: middle;
        font-size: 4vw;
        text-align: left;
        padding-top: 3vw;
        padding-bottom: 3vw;
    }

    .form-area table.ctable tr th:before {
        width: 0;
        height: 0;
    }

    .form-area table tr:last-child th {
        border-bottom: none;
    }

    .form-area table td {
        padding-top: 3vw;
        padding-bottom: 3vw;
    }

    .form-area table td input[type="text"] {
        border: #E0E0E0 1px solid;
        background: #FFFFFF;
        width: 100%;
        height: 13vw;
        line-height: 13vw;
        padding: 0 2vw;
        font-size: 4vw;
        border-radius: 0;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        font-family: "notoserif";
    }
    .form-area table td input[type="radio"] { 
        padding: 0 2vw; 
    }    
    .form-area table td select {
        border: #e1e3e4 1px solid;
        background: #FFFFFF;
        height: 13vw;
        line-height: 13vw;
        padding: 0 2vw;
        font-size: 4vw;
    }
    .form-area table td textarea {
        width: 100%;
        height: 20vw;
        border: #E0E0E0 1px solid;
        background: #FFFFFF;
        padding: 2vw;
        margin-bottom: 2vw;
        font-size: 4vw;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        font-family: "notoserif";
    }

    .form-area .btn {
        display: flex;
        justify-content: center;
        margin-bottom: 20vw;
    }

    .form-area input.btn {
        font-size: 3.7vw;
        display: block;
        text-align: center;
        line-height: 13vw;
        width: 100%;
        height: 13vw;
        position: relative;
/*        background: url("../images/icon_arrow.svg") right 2vw center no-repeat;*/
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
    }

    #SMIL_INFO {
        font-size: 3.7vw;
        line-height: 4.4vw;
        margin-bottom: 2vw;
    }

    #SMIL_ERR dl {
        display: flex;
        flex-wrap: wrap;
    }

    #SMIL_ERR dl dt {
        width: 30%;
    }

    #SMIL_ERR dl dd {
        width: 70%;
    }

    #formwrap iframe {
        height: 150vw;
    }
    #formwrap .cbtn {
        margin: 0 auto;
    }


    .form-area table td #id_day {
        width: 32vw;
    }
    .form-area table td #id_stay {
        width: 20vw;
    }
    .form-area table td #id_fish {
        width: 73vw;
    }
    .form-area table td #id_roomtype {
        width: 73vw;
    }
    .form-area table td #id_roomnumber {
        width: 20vw;
    }
    .form-area table td #id_postnumber2 {
        width: 40vw;
    }
    .form-area table td #id_men , .form-area table td #id_lady , .form-area table td #id_child {
        width: 19vw;
        margin: 1vw auto 1vw 33.2vw;
    }
    .form-area table td #id_name {
        width: 100%;
    }
    .form-area table td #id_kana {
        width: 100%;
    }
    .form-area table td #id_email {
        width: 100%;
    }
    .form-area table td #id_postnumber {
        width: 40vw;
        margin-bottom: 2vw;
    }
    .form-area table td #id_address {
        width: 65vw; margin-left: 1em;
    }
    .form-area table td #id_tel {
        width: 100%;
    }
    .form-area table td #id_checkin {
        width: 73vw;
    }
    .form-area table td #id_message {
        width: 100%;
        height: 32vw;
    }
    .form-area table td #id_day {
        width: 100%;
    }
    .form-area table td #id_fish {
        width: 100%;
    }
    .form-area table td #id_genre {
        width: 40%;
    }
    .form-area table td #id_price {
        width: 35%;
    }
    .form-area table td #id_price2 {
        width: 35%;
    }


    #id_men , #id_lady , #id_postnumber {  }

    .form-area table td select {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        border-radius: 0;
/*        background: url(../images/icon_select.svg) right center no-repeat #FFFFFF;*/
        /*background-size: contain;*/
    }
    .form-area table td select::-ms-expand{
    display: none;
    }
    input[type="submit"] {
        -webkit-transition: 0.3s ease-in-out;
        -moz-transition: 0.3s ease-in-out;
        -o-transition: 0.3s ease-in-out;
        transition: 0.3s ease-in-out;
        cursor: pointer;  
        width: 100%; 
        height: 12.6vw;
        -webkit-appearance: none;
/*        background: url(../../images/icon_arrow_rightwhite.svg) center right 4vw no-repeat #C91B45;*/
/*        background-size: 4vw auto;
        border: 1px solid #C91B45;
        color: #FFFFFF;*/
        border-radius: 0;
        margin-bottom: 4vw;
    }
    #formwrap #formWrap input[type="submit"] {
        margin-bottom: 4vw;
    }


}
/* ---------------------------------------------------------------------------------------------------- */