@charset "UTF-8";
.vdl_same{
  margin: 0 .25em .1em 0;
  padding: 0.84em 3.3em 0.84em 3.8em;
  font-family: Hiragino Sans,ヒラギノ角ゴシック,Hiragino Kaku Gothic ProN,ヒラギノ角ゴ ProN W3,メイリオ,Meiryo,sans-serif;
  font-weight: 500;
  font-size: .9em;
  border-radius: 5px;
  border: 1px solid;
  cursor: pointer;
}

  /* PC */
  @media print, screen and (min-width: 769px) {
      .vdl_tit{
          position: relative;
          margin-top: 2em;
      }
      .vdl_tit h1{
          font-size: 1.25em;
          margin-right: 0;
          margin-left: -70px;
      }
      .vdl_btn{
          position: absolute;
          top: 50%;
          right: 0;
          transform: translateY(-80%);
      }
      .vdl_same:hover {
          background: #d4d4d4;
      }
  }

  /* SP */
  @media screen and (max-width: 768px) {
      .vdl_tit{
          position: relative;
          margin-top: 3em;
       }
       .vdl_tit h1 {
          padding: 1.5em 0 1em 0;
          border-bottom: none;
      }
      .vdl_btn{
          position: absolute;
          top: 50%;
          right: 0;
          transform: translateY(-40%);
      }
       .vdl_same{
          padding: 0.5em;
      }
  }


.vdl_input input[type='text']{
  display: inline-block;
  width: 45%;
  margin-left: 15px;
}
.vdl_input input[type='text']:first-child{
  margin-left: 0;
}
/* 郵便番号 */
.vdl_input span{
  display: inline-block;
  padding: 0 5px 0 3px;
  margin-left: 5px;
}
.vdl_input #nonmember_customerplus_6 {
  display: inline-block;
  text-align: left;
  width: auto;
  max-width: 8em;
  margin-left: 0;
}
/* 曜日 */
#nonmember_customerplus_13 label{
  margin-right: 10px;
}
/* 使用許諾 */
#vdl_kiyakutit.ec-borderedDefs dt{ width: 50%;}
#vdl_kiyakutit.ec-borderedDefs dd{ width: 60%;}
.vdl_eccube_kiyaku{
  font-size: .9em;
  max-height: 20em;
  overflow-y: scroll;
  padding: 1.5em;
  border: 1px solid #ccc;
  line-height: 1.75;
}
.vdl_eccube_kiyaku_midashi{
  background: #777;
  color: #fff;
  font-size: 1.8rem;
  padding: .25em 1em;
}
.vdl_eccube_kiyaku_subtit{ font-size: 1.8rem;}
dt{font-weight: normal;}
.vdl_eccube_kiyaku_dl dt{
  width: 3em;
}
.vdl_eccube_kiyaku_dl dd {
  width: calc(100% - 3em);
}

.vdl_eccube_kiyaku_dl {
  display: flex;
  flex-wrap: wrap
}

.notes_f dt {
  width: 2em
}

.notes_f dd {
  width: calc(100% - 2em)
}



/* ヘッダ */
/* PC */
@media print, screen and (min-width: 769px) {
    .header_vdl{
        max-width: 1200px;
        margin: auto;
        position: relative;
    }
}

.headmenu_name a:focus,
.headmenu_name a:hover{
    color: #000;
    opacity: 1;
}
.ec-headerNaviRole{
    position: absolute;
    top: -130px;
    right: 0;
    width: calc(100% / 2);
    display: flex;
    padding: 0;
    z-index: 9999;
}
.ec-headerNaviRole .ec-headerNaviRole__left{
    width:calc(100% / 2);
}
.ec-headerSearch .ec-headerSearch__keyword input[type="search"]{
        border-radius: 50px;
}


.ec-headerRole__cart {
    width: calc(100% / 2.5);
}
.ec-cartNaviWrap{margin-top: 10px;}
.ec-cartNavi{
    height: 36px;
    align-items: center;
}

/* SP */
@media screen and (max-width: 768px) {
    .ec-headerNaviRole{top:0;}
    .ec-cartNavi{padding: 1.34vw 0 0 0;}
    .headmenuSP{ display: none;}

    .head_inner{padding: 0 5.91vw;}
    .vdllogo{ 
        margin-left: 0!important;
        margin-right: 5.91vw;
        padding-left: 0!important;
    }
    .fa-bars:before{content: none;}

}