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


/* -------------------------------- PC版のスタイルここから ------------------------------------*/

@media print, screen and (min-width: 751px) {

    .contact-nav{
        max-width: 1198px;
        margin-left: auto;
        margin-right: auto;
        padding-left: 24px;
        padding-right: 24px;
    }

    .contact-nav ul{
        width: 100%;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: flex-start;
        justify-content: flex-start;
        align-items: flex-start;
        -webkit-align-items: flex-start;
        margin-bottom: 64px;
        padding: 0;
    }

    .contact-nav li{
        width: 50%;
        text-align: center;
        border-left: 1px solid #CCCCCC;
        border-right: 1px solid #CCCCCC;
        position: relative;
    }

    .contact-nav li a,
    .contact-nav li b{
        display: block;
        line-height: 50px;
        font-weight: bold;
        font-size: 16px;
    }

    .contact-nav li.active b{
        color: #1D315A;
    }

    .contact-nav li.active:after{
        content: '';
        width: 100%;
        height: 5px;
        background: #1D315A;
        position: absolute;
        bottom: 0;
        left: 0;
    }

    .contact-nav li a:hover{
        color: #1D315A;
    }

    .contact-nav li:last-child{
        border-left: none;
    }

    .contact-nav li{
        width: 50%;
        text-align: center;
    }

    .contact-wrap{
        margin-bottom: 0;
    }

    .contact-wrap hr{
        margin-top: 48px;
        margin-bottom: 48px;
    }

    .contact-wrap p{
        margin-bottom: 0;
    }

	 .contact-wrap p+dl{
        margin-top: 40px;
    }

    .contact-wrap h4{
        font-weight: bold;
        font-size: 30px;
        line-height: 30px;
        text-align: center;
        margin-top: 80px;
        margin-bottom: 40px;
    }

    .contact-wrap form{
        margin-top: 32px;
        margin-bottom: 0;
    }
    .contact-wrap dl{
        width: 100%;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: flex-start;
        justify-content: flex-start;
        align-items: flex-start;
        -webkit-align-items: flex-start;
        margin-bottom: 0;
        padding-left: 32px;
        padding-right: 32px;
    }

    .contact-wrap dl+dl{
        margin-top: 24px;
    }

    .contact-wrap .stay-presence{
        margin-bottom: 24px;
    }

    .contact-wrap dl:last-child{
        margin-bottom: 32px;
    }

    .contact-wrap dt{
        width: 35%;
        font-weight: bold;
        font-size: 18px;
        line-height: 30px;
        margin-bottom: 0;
    }

    .contact-wrap dt .req{
        color: #A44949;
    }

    .contact-wrap dd{
        width: 65%;
        margin-bottom: 0;
        position: relative;
        font-size: 14px;
    }

    .contact-wrap .member dl{
        margin-top: 16px;
        padding-left: 0;
        padding-right: 0;
    }

    .contact-wrap .member02 dd{
        width: 65%;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: flex-start;
        justify-content: flex-start;
        align-items: flex-start;
        -webkit-align-items: flex-start;
        -ms-flex-align: flex-start;
        -webkit-box-lines: multiple;
        -moz-box-lines: multiple;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .contact-wrap .member02 div{
        width: 48%;
        margin-bottom: 16px;
    }
    .contact-wrap .member02 div+div{
        margin-left: 2%;
    }
    .contact-wrap .member02 div:nth-child(2n+1){
        margin-left: 0;
    }

    .contact-wrap .member02 dd b{
        font-weight: normal;
        margin-right: 8px;
    }


    .contact-wrap dd select,
    .contact-wrap dd textarea{
        width: 100%;
        margin-bottom: 0;
        outline: none;
        background-image: none;
        box-shadow: none;
        -webkit-appearance: none;
        appearance: none;
        border-radius: 0;
        border: 1px solid #898989;
        background: #fff;
        padding: 8px 16px;
        font-size: 16px;
    }

	 .contact-wrap dd select::-ms-expand{
		 display: none;
	 }

	 .contact-wrap dd select::-ms-expand{
		 display: none;
	 }

    .contact-wrap dd input[type="text"] ,
    .contact-wrap dd input[type="tel"] ,
    .contact-wrap dd input[type="email"] {
        width: 60%;
        margin-bottom: 0;
        outline: none;
        background-image: none;
        box-shadow: none;
        -webkit-appearance: none;
        appearance: none;
        border-radius: 0;
        border: 1px solid #898989;
        background: #fff;
        padding: 8px 16px;
        font-size: 16px;
    }

    .contact-wrap .reservation-date dd input[type="text"],
    .contact-wrap .check-in dd input[type="text"],
    .contact-wrap .check-out dd input[type="text"]{
        width: 100%;
    }

    .contact-wrap dl.err dd select,
    .contact-wrap dl.err dd input[type="text"] ,
    .contact-wrap dl.err dd input[type="url"] ,
    .contact-wrap dl.err dd input[type="tel"] ,
    .contact-wrap dl.err dd input[type="email"] ,
    .contact-wrap dl.err dd textarea,
    .contact-wrap dl.err dd input[type="number"] ,
    .contact-wrap dl.err dd input[type="date"]{
        border: 1px solid #A44949;
    }

    .contact-wrap dd select::-ms-expand{
        display: none;
    }

    .contact-wrap dd input[type="number"] ,
    .contact-wrap dd input[type="date"] {
        margin-bottom: 0;
        outline: none;
        background-image: none;
        box-shadow: none;
        -webkit-appearance: none;
        appearance: none;
        border-radius: 0;
        border: 1px solid #898989;
        background: #fff;
        padding: 8px 16px;
        font-size: 16px;
        margin-right: 8px;
    }

    .contact-wrap dd input[type="date"] {
        width: 190px;
    }

    .contact-wrap dd input[name="pv"],
    .contact-wrap dd input[name="uu"] {
        width: 190px;
    }

    .contact-wrap dl.sessions dd,
    .contact-wrap dl.start-time dd,
    .contact-wrap .guest dl.-colum2:nth-child(2n) dd,
    .contact-wrap dl.reservation-date dd input[type="text"],
    .contact-wrap dl.meeting-date dd input[type="text"],
    .contact-wrap dl.party-date dd input[type="text"],
    .contact-wrap dl.check-in dd input[type="text"],
    .contact-wrap dl.check-out dd input[type="text"]{
         width: 190px;
    }

    .contact-wrap dl.reservation-date dd .-calendar{
      display: inline-block;
    }

    .contact-wrap dl.start-time dd{

    }

    .contact-wrap .start-time dd{
        position: relative;
    }

    .contact-wrap dd input[type="number"]{
        width: 96px;
    }

    .contact-wrap dl.adress01 input.number-box{
        width: 140px;
        margin-left: 8px;
    }

    .contact-wrap dd input[type="radio"],
    .contact-wrap dd input[type="checkbox"]{
        margin-right: 8px;
        position: relative;
        top:2px;
    }

    .contact-wrap .adress02 dd{
        width: 30%;
        position: relative;
    }

    .contact-wrap .hotel dd,
    .contact-wrap .payment dd,
    .contact-wrap .type dd{
        width: 39%;
        position: relative;
    }

    .contact-wrap dd p{
        font-size: 16px;
        line-height: 30px;
    }

    .contact-wrap dl.err p{
        color: #A44949;
        line-height: 1.6em;
        margin-top: 8px;
    }

    .contact-wrap dl.start-time.err p{
        position: absolute;
        top:40px;
        left: 0;
        width: 350%;
    }


    .contact-wrap dl.start-time.err+dl{
        padding-top: 20px;
    }

    .contact-wrap dl.err p+p{
        margin-top: 8px;
    }

    .contact-wrap dl.err.member02 span.txt-small{
        width: 100%;
    }

    .contact-wrap dl.meeting b,
    .contact-wrap dl.party b,
    .contact-wrap dl.stay-presence b{
        font-size: 16px;
        font-weight: normal;
        vertical-align: middle;
    }

    .contact-wrap dl.meeting b+input,
    .contact-wrap dl.party b+input,
    .contact-wrap dl.stay-presence b+input,
    .contact-wrap dl.stay-presence label+label{
        margin-left: 16px;
    }

    .contact-wrap .type dd:before,
    .contact-wrap .adress02 dd:before,
    .contact-wrap .sessions dd:before,
    .contact-wrap .start-time dd:before,
    .contact-wrap .payment dd:before,
    .contact-wrap .hotel dd:before,
    .contact-wrap .guest dl.-colum2:nth-child(2n) dd::before{
        position: absolute;
        right: 16px;
        top: 16px;
        content: '';
        width: 0;
        height: 0;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-top: 11px solid #898989;
        z-index: 2;
    }

    .contact-wrap .reservation-date dd:before,
    .contact-wrap .meeting-date dd:before,
    .contact-wrap .party-date dd:before,
    .contact-wrap .check-in dd:before,
    .contact-wrap .check-out dd:before{
        position: absolute;
        left: 160px;
        top: 10px;
        content: '';
        width: 20px;
        height: 20px;
        background: url(https://rusutsu.com/assets/svg/icon_datepicker.svg) no-repeat center center;
        background-size: cover;
        z-index: 2;
        border: none;
        display: block;
    }

    .contact-wrap .reservation-date dd .-calendar.-secondary{
      position: relative;
    }

    .contact-wrap .reservation-date dd .-calendar.-secondary::before{
        position: absolute;
        left: 160px;
        top: 10px;
        content: '';
        width: 20px;
        height: 20px;
        background: url(https://rusutsu.com/assets/svg/icon_datepicker.svg) no-repeat center center;
        background-size: cover;
        z-index: 2;
        border: none;
        display: block;
    }

    .contact-wrap form._confirm .reservation-date dd:before,
    .contact-wrap form._confirm .meeting-date dd:before,
    .contact-wrap form._confirm .party-date dd:before,
    .contact-wrap form._confirm .check-in dd:before,
    .contact-wrap form._confirm .check-out dd:before{
        display: none;
    }

    .contact-wrap ._confirm .sessions dd:before,
    .contact-wrap ._confirm .guest dl.-colum2:nth-child(2n) dd::before,
    .contact-wrap ._confirm .type dd:before,
    .contact-wrap ._confirm .adress02 dd:before,
    .contact-wrap ._confirm .start-time dd:before,
    .contact-wrap ._confirm .payment dd:before,
    .contact-wrap ._confirm .hotel dd:before{
        display: none;
    }

    .contact-wrap dl.type-select option:first-child{
        color: #898989;
    }

    .contact-wrap dd textarea::placeholder{
        color: #898989;
    }

    .contact-wrap button{
        border: 0;
        outline: none;
        background-image: none;
        box-shadow: none;
        -webkit-appearance: none;
        appearance: none;
        border-radius: 0;
        width: 430px;
    }

    .contact-wrap dl+p{
        margin-top: 32px;
    }

    .contact-wrap p a{
        text-decoration: underline;
    }

    .contact-wrap p a:hover{
        color: #1D315A;
    }

    .contact-wrap .btn-wrap{
        width: 100%;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: center;
        justify-content: center;
        align-items: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        margin-top: 64px;
    }

    .contact-wrap .btn-wrap button:first-child{
        margin-top: 0;
    }

    .contact-wrap .btn-wrap .btn-basic{
        border: 1px solid #000;
        color: #000;
    }

    .contact-wrap .btn-wrap .btn-basic+.btn-basic,.contact-wrap .btn-basic+.btn-entry,.contact-wrap .btn-entry+.btn-entry{
        margin-top: 0;
        margin-left: 4%;
    }

    .contact-wrap .c-btn{
        margin-top: 64px;
    }

    .contact-wrap .addto-btn,
    .contact-wrap .delete-btn{
        max-width: 200px;
        border: 0;
        outline: none;
        background-image: none;
        box-shadow: none;
        -webkit-appearance: none;
        appearance: none;
        border-radius: 0;
        line-height: 40px;
        font-size: 16px;
        position: relative;
    }

    .contact-wrap .addto-btn{
      margin-bottom: 16px;
      background: #1D315A;
      color: #fff;
    }

    .contact-wrap .addto-btn:before{
      content:'▼';
      position: absolute;
      left: 16px;
      top:2px;
      font-size: 12px;
    }

    .contact-wrap .delete-btn{
      margin-bottom: 16px;
      background: #999;
      color: #fff;
    }

    .contact-wrap .delete-btn:before{
      content:'×';
      position: absolute;
      left: 16px;
      top:0;
      font-size: 18px;
    }

    .contact-wrap dl.sns-info dd div{
      position: relative;
    }

    .contact-wrap dl.sns-info dd div+div{
      margin-top: 16px;
    }

    .contact-wrap dl.sns-info dd div:first-child select{
      max-width:200px;
      margin-left: 8px;
    }

    .contact-wrap dl.sns-info dd div:nth-child(2) input{
      max-width:300px;
      margin-left: 8px;
    }

    .contact-wrap dl.sns-info dd div:first-child:after{
      position: absolute;
      left: 210px;
      top: 16px;
      content: '';
      width: 0;
      height: 0;
      border-left: 6px solid transparent;
      border-right: 6px solid transparent;
      border-top: 11px solid #898989;
      z-index: 2;
    }

	 .contact-wrap ._confirm dl.sns-info dd div:first-child:after{
		 display: none;
	 }

	 .contact-wrap ._confirm dl.sns-info dd div{
		 display: flex;
	 }

	 .contact-wrap ._confirm dl.sns-info dd div p + p{
		 margin-top: 0;
	 }

    .contact-wrap dl.sns-info dd div:nth-child(3) input{
      max-width:500px;
      margin-left: 8px;
    }

    .contact-wrap input[type="url"]{
      max-width:400px;
      outline: none;
      background-image: none;
      box-shadow: none;
      -webkit-appearance: none;
      appearance: none;
      border-radius: 0;
      border: 1px solid #898989;
      background: #fff;
      padding: 8px 16px;
      font-size: 16px;
    }

    .contact-wrap .media-request-form div+div{
      margin-top: 40px;
    }

    .contact-wrap .media-request-form input[type='checkbox']{
      margin-right: 8px;
    }

    .contact-wrap .media-request-form input[type='checkbox']+b{
      font-size: 18px;
    }

    .contact-wrap .media-request-form label{
      font-size: 18px;
      line-height: 1.8em;
		font-weight: bold;
		cursor: pointer;
		margin-bottom: 0;
    }

	 .contact-wrap .media-request-form .inner-txt{
		margin-top: 8px;
		font-size: 16px;
		line-height: 1.8em;
		display: block;
	 }

   .contact-wrap .media-request-form .attention_imgbox {
        width: 64px;
        float: left;
        margin: 0 24px 16px 0;
        padding: 8px 0 0;
    }
    .contact-wrap .media-request-form .attention_imgbox img {
        width: 100%;
        display: block;
        margin: 0 0 8px;
    }

    .contact-wrap .media-request-form .agree-wrap{
      display: flex;
      align-items: flex-start;
      margin-top: 32px;
		margin-bottom: 120px;
    }

	 .contact-wrap .media-request-form .agree-wrap label{
     margin-top: -9px;
    }

    .contact-wrap .media-request-form .error{
      color: #A44949;
    }

    .contact-wrap .media-request-form .btn-entry{
        max-width: 420px;
    }

    .contact-wrap .guest dl{
      padding: 0;
    }

    .contact-wrap .guest > dd{
      /* display: flex;
      flex-wrap: wrap; */
      padding: 16px;
      border: 1px solid #898989;
    }

    .contact-wrap .guest dl dt{
      display: inline-block;
      width: 24%;
      margin-right: 2%;
      font-size: 16px;
    }

    /* .contact-wrap .guest dl.-colum2:nth-child(1n){
      width: 40%;
      margin-top: 0;
    }

    .contact-wrap .guest dl.-colum2:nth-child(2n){
      width: 60%;
      margin-top: 0;
    } */

    .contact-wrap .guest dl.-colum2 dd{
      width: 74%;
    }

    .contact-wrap .guest dl.-colum2 + dl dd{
      width: 74%;
    }

    .contact-wrap dd p.age{
      display:inline-block;
    }

}

/* @media screen and (max-width: 1150px) and (min-width:751px) {
  .contact-wrap .guest dl dt{
    width: 20%;
    margin-right: 0;
  }

  .contact-wrap .guest dl.-colum2:nth-child(1n){
    width: 100%;
    margin-top: 0;
  }

  .contact-wrap .guest dl.-colum2:nth-child(2n){
    width: 100%;
    margin-top: 16px;
  }

  .contact-wrap .guest dl{
    margin-top: 16px;
  }

  .contact-wrap .guest dl.-colum2 + dl dd{
    width: 80%;
  }
} */


/* -------------------------------- SP版のスタイルここから ------------------------------------*/

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


    .contact-nav{
        padding-left: 16px;
        padding-right: 16px;
    }

    .contact-nav ul{
        width: 100%;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: center;
        justify-content: center;
        margin-bottom: 64px;
        padding: 0;
    }

    .contact-nav li{
        width: 50%;
        text-align: center;
        border-left: 1px solid #CCCCCC;
        border-right: 1px solid #CCCCCC;
        position: relative;
    }

    .contact-nav li:first-child a,
    .contact-nav li:first-child b{
        line-height: 50px;
    }

    .contact-nav li a,
    .contact-nav li b{
        display: block;
        line-height: 1.5em;
        font-weight: bold;
        font-size: 16px;
    }

    .contact-nav li.active b{
        color: #1D315A;
    }

    .contact-nav li.active:after{
        content: '';
        width: 100%;
        height: 5px;
        background: #1D315A;
        position: absolute;
        bottom: -5px;
        left: 0;
    }

    .contact-nav li:last-child{
        border-left: none;
    }

    .contact-nav li{
        width: 50%;
        text-align: center;
    }

    .contact-wrap{
        margin-bottom: 0;
    }

    .contact-wrap hr{
        margin-top: 32px;
        margin-bottom: 32px;
    }

    .contact-wrap h4{
        font-weight: bold;
        font-size: 18px;
        line-height: 30px;
        text-align: center;
        margin-top: 40px;
        margin-bottom: 16px;
    }

    .contact-wrap .btn-basic{
        max-width: 90%;
    }

    .contact-wrap p.txt-reg{
        margin-bottom: 0;
        font-size: 14px;
    }

    .contact-wrap form{
        margin-top: 32px;
        margin-bottom: 0;
    }
    .contact-wrap dl{
        width: 100%;
        margin-bottom: 0;
    }
    .contact-wrap dl+dl{
        margin-top: 24px;
    }

    .contact-wrap .stay-presence{
        margin-bottom: 24px;
    }

    .contact-wrap dl:last-child{
        margin-bottom: 32px;
    }

    .contact-wrap .member02 dd{
        width: 100%;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: flex-start;
        justify-content: flex-start;
        align-items: flex-start;
        -webkit-align-items: flex-start;
        -ms-flex-align: flex-start;
        -webkit-box-lines: multiple;
        -moz-box-lines: multiple;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        font-size: 14px;
    }

    .contact-wrap .member02 dd div{
        width: 100%;
    }
    .contact-wrap .member02 dd div+div,
    .contact-wrap .member02 dd div+span{
        margin-top: 16px;
    }

    .contact-wrap .member02 dd b{
        font-weight: normal;
        margin-right: 8px;
    }


    .contact-wrap dt{
        width: 100%;
        font-weight: bold;
        font-size: 16px;
        line-height: 30px;
        margin-bottom: 8px;
    }

    .contact-wrap dt .req{
        color: #A44949;
    }

    .contact-wrap dt label{
        margin-bottom: 0;
    }

    .contact-wrap dd{
        width: 100%;
        margin-bottom: 0;
        position: relative;
    }

    .contact-wrap dd select,
    .contact-wrap dd input[type="text"] ,
    .contact-wrap dd input[type="tel"] ,
    .contact-wrap dd input[type="email"] ,
    .contact-wrap dd textarea{
        width: 100%;
        margin-bottom: 0;
        outline: none;
        background-image: none;
        box-shadow: none;
        -webkit-appearance: none;
        appearance: none;
        border-radius: 0;
        border: 1px solid #898989;
        background: #fff;
        padding: 8px 8px;
        font-size: 14px;
    }

    .contact-wrap dd input[type="number"] ,
    .contact-wrap dd input[type="date"] {
        margin-bottom: 0;
        outline: none;
        background-image: none;
        box-shadow: none;
        -webkit-appearance: none;
        appearance: none;
        border-radius: 0;
        border: 1px solid #898989;
        background: #fff;
        padding: 8px 8px;
        font-size: 14px;
        margin-right: 8px;
    }

    .contact-wrap dl.err dd select,
    .contact-wrap dl.err dd input[type="text"] ,
    .contact-wrap dl.err dd input[type="url"] ,
    .contact-wrap dl.err dd input[type="tel"] ,
    .contact-wrap dl.err dd input[type="email"] ,
    .contact-wrap dl.err dd textarea,
    .contact-wrap dl.err dd input[type="number"] ,
    .contact-wrap dl.err dd input[type="date"]{
        border: 1px solid #A44949;
    }

    .contact-wrap dd input[type="date"] {
        width: 190px;
        height: 40px;
    }

    .contact-wrap dd input[type="number"]{
        width: 96px;
    }

    .contact-wrap dl.adress01 input.number-box{
        width: 140px;
        margin-left: 8px;
    }

    .contact-wrap dl.start-time{
        width: 190px;
    }

    .contact-wrap dd input[name="pv"],
    .contact-wrap dd input[name="uu"] {
        width: 190px;
    }

    .contact-wrap .sessions dd,
    .contact-wrap .guest dl.-colum2:nth-child(2n) dd,
    .contact-wrap dl.reservation-date input[type="text"],
    .contact-wrap dl.meeting-date input[type="text"],
    .contact-wrap dl.party-date input[type="text"],
    .contact-wrap dl.check-in input[type="text"],
    .contact-wrap dl.check-out input[type="text"]{
        width: 190px;
    }

    .contact-wrap dd input[type="radio"]{
        margin-right: 8px;
    }

    .contact-wrap .adress02 dd{
        width: 100%;
        position: relative;
    }

    .contact-wrap dd p{
        font-size: 14px;
        line-height: 20px;
    }

    .contact-wrap dl.err p{
        color: #A44949;
        font-size: 12px;
    }

    .contact-wrap dl.start-time.err+dl{
        padding-top: 20px;
    }

    .contact-wrap dl.start-time.err p{
        position: absolute;
        top:40px;
        left: 0;
        width: 200%;
    }

    .contact-wrap dl.err p+p{
        margin-top: 0;
    }

    .contact-wrap dl.meeting b,
    .contact-wrap dl.party b,
    .contact-wrap dl.stay-presence b{
        font-size: 14px;
        font-weight: normal;
        vertical-align: middle;
    }

    .contact-wrap dl.meeting b+input,
    .contact-wrap dl.party b+input,
    .contact-wrap dl.stay-presence b+input,
    .contact-wrap dl.stay-presence label+label{
        margin-left: 16px;
    }

    .contact-wrap .sessions dd:before,
    .contact-wrap .guest dl.-colum2:nth-child(2n) dd::before,
    .contact-wrap .type dd:before,
    .contact-wrap .adress02 dd:before,
    .contact-wrap .start-time dd:before,
    .contact-wrap .hotel dd:before,
    .contact-wrap .payment dd:before{
        position: absolute;
        right: 16px;
        top: 16px;
        content: '';
        width: 0;
        height: 0;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-top: 11px solid #898989;
        z-index: 2;
    }

    .contact-wrap .reservation-date dd:before,
    .contact-wrap .meeting-date dd:before,
    .contact-wrap .party-date dd:before,
    .contact-wrap .check-in dd:before,
    .contact-wrap .check-out dd:before{
        position: absolute;
        left: 160px;
        top: 10px;
        content: '';
        width: 20px;
        height: 20px;
        background: url(https://rusutsu.com/assets/svg/icon_datepicker.svg) no-repeat center center;
        background-size: cover;
        z-index: 2;
        border: none;
        display: block;
    }

    .contact-wrap .reservation-date dd .-calendar.-secondary{
      position: relative;
      margin-top: 8px;
    }

    .contact-wrap .reservation-date dd .-calendar.-secondary::before{
        position: absolute;
        left: 160px;
        top: 10px;
        content: '';
        width: 20px;
        height: 20px;
        background: url(https://rusutsu.com/assets/svg/icon_datepicker.svg) no-repeat center center;
        background-size: cover;
        z-index: 2;
        border: none;
        display: block;
    }

    .contact-wrap form._confirm .reservation-date dd:before,
    .contact-wrap form._confirm .check-in dd:before,
    .contact-wrap form._confirm .check-out dd:before{
        display: none;
    }

    .contact-wrap ._confirm .sessions dd:before,
    .contact-wrap ._confirm .guest dl.-colum2:nth-child(2n) dd::before,
    .contact-wrap ._confirm .type dd:before,
    .contact-wrap ._confirm .adress02 dd:before,
    .contact-wrap ._confirm .start-time dd:before,
    .contact-wrap ._confirm .hotel dd:before,
    .contact-wrap ._confirm .payment dd:before{
        display: none;
    }

    .contact-wrap dl.type-select option:first-child{
        color: #898989;
    }

    .contact-wrap dd textarea::placeholder{
        color: #898989;
    }

    .contact-wrap button{
        border: 0;
        outline: none;
        background-image: none;
        box-shadow: none;
        -webkit-appearance: none;
        appearance: none;
        border-radius: 0;
        width: 100%;
        max-width: 90%;
        margin-top: 64px;
    }

    .contact-wrap dl+p{
        margin-top: 32px;
    }

    .contact-wrap p a{
        text-decoration: underline;
    }

    .contact-wrap p a:hover{
        color: #1D315A;
    }

	 .contact-wrap p+dl{
		  margin-top: 40px;
	 }

    .contact-wrap .btn-wrap{
        width: 90%;
        margin-left: auto;
        margin-right: auto;
    }

    .contact-wrap .btn-wrap button:first-child{
        margin-top: 0;
    }

    .contact-wrap .btn-wrap .btn-basic{
        border: 1px solid #000;
        color: #000;
        background: #fff;
        max-width: 100%;
    }

    .contact-wrap .btn-wrap .btn-entry{
        max-width: 100%;
    }

    .contact-wrap .addto-btn,
    .contact-wrap .delete-btn{
        max-width: 200px;
        border: 0;
        outline: none;
        background-image: none;
        box-shadow: none;
        -webkit-appearance: none;
        appearance: none;
        border-radius: 0;
        line-height: 40px;
        font-size: 16px;
        position: relative;
    }

    .contact-wrap .addto-btn{
      margin-bottom: 16px;
      background: #1D315A;
      color: #fff;
      margin-top: 0;
    }

    .contact-wrap .addto-btn:before{
      content:'▼';
      position: absolute;
      left: 16px;
      top:2px;
      font-size: 12px;
    }

    .contact-wrap .delete-btn{
      margin-bottom: 16px;
      background: #999;
      color: #fff;
      margin: 0;
    }

    .contact-wrap .delete-btn:before{
      content:'×';
      position: absolute;
      left: 16px;
      top:0;
      font-size: 18px;
    }

    .contact-wrap dl.sns-info dd div{
      position: relative;
    }

    /* .contact-wrap dl.sns-info dd div+div{
      margin-top: 16px;
    } */

    .contact-wrap dl.sns-info dd div:first-child select{
      max-width:200px;
      margin-left: 8px;
    }

    .contact-wrap dl.sns-info dd div:nth-child(2) input{
      max-width:220px;
      margin-left: 8px;
    }

    .contact-wrap dl.sns-info dd div:first-child:after{
      position: absolute;
      left: 210px;
      top: 16px;
      content: '';
      width: 0;
      height: 0;
      border-left: 6px solid transparent;
      border-right: 6px solid transparent;
      border-top: 11px solid #898989;
      z-index: 2;
    }

	 .contact-wrap ._confirm dl.sns-info dd div:first-child:after{
		 display: none;
	 }

   .contact-wrap ._confirm dl.sns-info dd div{
     display: flex;
   }

   .contact-wrap ._confirm dl.sns-info dd div p + p{
     margin-top: 0;
   }

    .contact-wrap dl.sns-info dd div:nth-child(3) input{
      max-width:220px;
      margin-left: 8px;
    }

    .contact-wrap input[type="url"]{
      max-width:200px;
      outline: none;
      background-image: none;
      box-shadow: none;
      -webkit-appearance: none;
      appearance: none;
      border-radius: 0;
      border: 1px solid #898989;
      background: #fff;
      padding: 8px 16px;
      font-size: 16px;
    }

    .contact-wrap .media-request-form div+div{
      margin-top: 40px;
    }

    .contact-wrap .media-request-form input[type='checkbox']{
      margin-right: 8px;
    }

    .contact-wrap .media-request-form input[type='checkbox']+b{
      font-size: 16px;
    }

	 .contact-wrap .media-request-form label{
      font-size: 16px;
      line-height: 1.8em;
		font-weight: bold;
		cursor: pointer;
		margin-bottom: 0;
    }

	 .contact-wrap .media-request-form .inner-txt{
		margin-top: 8px;
		font-size: 14px;
		line-height: 1.8em;
		display: block;
	 }

   .contact-wrap .media-request-form .attention_imgbox {
        width: 64px;
        float: left;
        margin: 0 24px 16px 0;
        padding: 8px 0 0;
    }
    .contact-wrap .media-request-form .attention_imgbox img {
        width: 100%;
        display: block;
        margin: 0 0 8px;
    }

    .contact-wrap .media-request-form .agree-wrap{
      margin-top: 32px;
		margin-bottom: 80px;
		display: -moz-box;
    	display: -ms-flexbox;
    	display: -webkit-flex;
    	display: flex;
    	-webkit-justify-content: flex-start;
    	justify-content: flex-start;
    }

    .contact-wrap .media-request-form .agree-wrap input[type="checkbox"]{
      flex-shrink: 0;
    }

	 .contact-wrap .media-request-form .agree-wrap label{
      position: relative;
		top:-8px;
    }

    .contact-wrap .media-request-form .btn-entry{
        max-width: 420px;
    }

    .contact-wrap .guest > dd{
      padding: 16px;
      border: 1px solid #898989;
    }

    .contact-wrap .guest dl.-colum2:nth-child(1n){
      margin: 0;
    }

    .contact-wrap .guest dl.-colum2:nth-child(2n){
      margin: 16px 0;
    }

    .contact-wrap .guest dl.-colum2 + dl{
      margin-top: 0;
    }

}