@charset "Shift_JIS";

/**
 -----Object/Project Style-----
 01.reset
 02.common
 03.header
 04.content
 05.btn
 06.validator
 07.thanksbox
 08.footer
 09.hack
 10.responsive
 ------------------------------
**/


/*** reset ***/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote {margin:0;padding:0;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;font-size:100%;line-height:1;}
fieldset, img {border:0;}
address, caption, cite, code, dfn, em, strong, th, var {font-style:normal;font-weight:normal;}
ol, ul {list-style:none;}
table {width:100%;margin:0;border-collapse:collapse;}
abbr, acronym {border:none;}
a {outline-width:0;}
input, textarea {
  padding:7px 10px;
  margin:0;
  vertical-align:middle;
  font-size:inherit;
  color:inherit;
  border:1px solid #cccccc;
  letter-spacing:2px;
  font-size:120%;
}


/*** common ***/
.ie6_error,
.noScript {
  background:#F66;
  padding:30px;
  text-align:center;
  font-size:150%;
  color:#333;
}
.inner {
  width:990px;
  margin:0 auto;
  padding:15px;
  text-align:center;
  overflow:hidden;
}

.inner * {
  font-family: sans-serif;
}

.pc {
  display: block;
}
.sp {
  display: none;
}

#content input[type="text"],
#content select,
#content input[type="password"] {
  border:1px solid #ddd;
  min-height:1.6em;
  margin-right:5px;
  display:inline;
  vertical-align:middle;
  font-size:120%;
  border-radius:6px;
  -webkit-border-radius:6px;
  -moz-border-radius:6px;
}
input::placeholder,
textarea::placeholder {
  font-size:75%;
  color:#999999;
}
input:focus,
textarea:focus {
  background:#FFFFCC;
}
#content label.checkbox {
  font-size:110%;
  margin-top:5px;
  display:block;
}
#content a {
  color:#005EBB;
}
.radio_label {
  cursor: pointer;
}

/*** header ***/
#header {
  border-bottom:3px solid #c00000;
}


/*** content ***/
#content {
  
}
#content h1 {
  padding:15px 15px 15px 15px;
  margin:0 auto 15px auto;
  color:#ffffff;
  text-align:center;
  font-size:200%;
  font-weight:bold;
  letter-spacing:5px;
  background-color:#c00000;
  display:block;
}
#content h2,
#content h3 {
  padding:10px;
  margin:0 0 15px 0;
  background-color:#c00000;
  text-align:left;
  color:#ffffff;
}
#content h2 {
  font-size:140%;
  font-weight:bold;
}
#content h2:nth-of-type(n+2) {
  margin:45px 0 15px 0;
}
#content h2 small {
  font-size:70%;
  margin-left: 1em;
}
#content p.catch {
  margin:0 0 30px 0;
  text-align:left;
  font-size:90%;
}
#content p.catch strong {
  color: #c00000;
  font-weight: bold;
  font-size: 120%;
}
#content table {
  width:100%;
  margin:15px auto;
  border-top:1px solid #cccccc;
  border-left:1px solid #cccccc;
}
#content table th,
#content table td {
  padding:10px;
  word-break:break-all;
  text-align:left;
  color:#555555;
}
#content table th {
  width:250px;
  background-color:#ebebeb;
  font-weight:bold;
  border-right:1px solid #cccccc;
  border-bottom:1px solid #cccccc;
}
#content table th span.required {
  background:#ee6557;
  color:#ffffff;
  display:inline-block;
  background:#ee6557;
  font-size:90%;
  font-weight:normal;
  padding:0 5px;
  float:right;
}
#content table td {
  font-size:80%;
  border-right:1px solid #cccccc;
  border-bottom:1px solid #cccccc;
}
#content table td .namebox {
  width:100%;
  display:table;
}
#content table td .namebox .nameiner {
  display:table-cell;
  vertical-align:bottom;
}
#content table td .namebox.selectbox {
  width:50%;
  display:table;
}
#content table td .namebox.selectbox .nameiner {
  width:33%;
  display:table-cell;
  vertical-align:bottom;
}
input#sei,
input#mei,
input#sei_kana,
input#mei_kana,
input#representative_sei,
input#representative_mei,
input#representative_sei_kana,
input#representative_mei_kana,
input#representative_sei_roma,
input#representative_mei_roma,
input#accompany_sei,
input#accompany_mei,
input#accompany_sei_1,
input#accompany_mei_1,
input#accompany_sei_2,
input#accompany_mei_2,
input#accompany_sei_3,
input#accompany_mei_3,
input#accompany_sei_4,
input#accompany_mei_4,
input#accompany_sei_kana,
input#accompany_mei_kana,
input#accompany_sei_kana_1,
input#accompany_mei_kana_1,
input#accompany_sei_kana_2,
input#accompany_mei_kana_2,
input#accompany_sei_kana_3,
input#accompany_mei_kana_3,
input#accompany_sei_kana_4,
input#accompany_mei_kana_4,
input#accompany_sei_roma_1,
input#accompany_mei_roma_1,
input#accompany_sei_roma_2,
input#accompany_mei_roma_2,
input#accompany_sei_roma_3,
input#accompany_mei_roma_3,
input#accompany_sei_roma_4,
input#accompany_mei_roma_4 {
  width:320px;
}
input#email,
input#emailcheck,
input#company,
input#service_name {
  width:668px;
}
input#address5 {
  width:564px;
}
select#representative_birthday_y,
select#representative_birthday_m,
select#representative_birthday_d,
select#accompany_birthday_y,
select#accompany_birthday_m,
select#accompany_birthday_d {
  width:90px;
}
#content table td a.gray_button {
  background-color:#e6e6e6;
  border-radius:6px;
  padding:7px 10px 7px 10px;
  border:1px solid #adadad;
  text-decoration:none;
  color:#333333;
}
#content table td .selectbox {
  width:100%;
  margin:0 0 10px 0;
  display:table;
}
#content table td .selectbox:last-child {
  margin:0 0 0 0;
}
#content table td .selectbox select {
  padding:10px;
}
#content table td .selectbox span {
  width:15%;
  padding:5px;
  display:table-cell;
  text-align:right;
}
/*連絡手段*/
#content table td ul.contactbox {
  overflow:hidden;
}
#content table td ul.contactbox li {
  width:14%;
  float:left;
  font-size:110%;
}
#content table td ul.contactbox li label {
  
}
#content table td ul.contactbox li label input {
  margin:0 5px 0 5px;
}
/*差額のお支払い方法*/
#content table td ul.paybox {
  overflow:hidden;
}
#content table td ul.paybox li {
  width:14%;
  float:left;
  font-size:110%;
}
#content table td ul.paybox li label {
  
}
#content table td ul.paybox li label input {
  margin:0 5px 0 5px;
}
/*旅行形態*/
#content table td ul.travelbox {
  overflow:hidden;
}
#content table td ul.travelbox li {
  width:14%;
  float:left;
  font-size:110%;
}
#content table td ul.travelbox li label {
  
}
#content table td ul.travelbox li label input {
  margin:0 5px 0 5px;
}
/*希望旅行先*/
#content table td ul.destinationbox {
  overflow:hidden;
}
#content table td ul.destinationbox li {
  width:14%;
  float:left;
  font-size:110%;
}
#content table td ul.destinationbox li label {
  
}
#content table td ul.destinationbox li label input {
  margin:0 5px 0 5px;
}
/*希望宿泊施設*/
#content table td ul.staybox {
  overflow:hidden;
}
#content table td ul.staybox li {
  width:14%;
  float:left;
  font-size:110%;
  margin:0 0 5px 0;
}
#content table td ul.staybox li label {
  
}
#content table td ul.staybox li label input {
  margin:0 5px 0 5px;
}
/*交通手段手配希望*/
#content table td ul.transportationbox {
  overflow:hidden;
}
#content table td ul.transportationbox li {
  width:20%;
  float:left;
  font-size:110%;
}
#content table td ul.transportationbox li label {
  
}
#content table td ul.transportationbox li label input {
  margin:0 5px 0 5px;
}
/*性別*/
#content table td ul.sexbox {
  overflow:hidden;
}
#content table td ul.sexbox li {
  width:10%;
  float:left;
  font-size:110%;
}
#content table td ul.sexbox li label {
  
}
#content table td ul.sexbox li label input {
  margin:0 5px 0 5px;
}
#content dl.note {
  text-align:left;
  border:1px dashed #333333;
  padding:15px;
  color:#333333;
}
#content dl.note dt {
  font-weight:bold;
  font-size:14px;
  letter-spacing:1px;
  line-height:1.6;
}
#content dl.note dd {
  font-size:12px;
  margin:0 0 15px 0;
}
#content table td p {
  line-height:1.4;
}
#content table td p.note {
  /* text-indent:-1em; */
  margin:5px 0 0 0;
  color:#999999;
  clear:both;
  font-size:90%;
}
/*#content .estimate table {
  border-color:#666666;
}
#content .estimate table th {
  background-color:#666666;
  color:#ffffff;
}
#content .estimate table td {
  border-color:#666666;
}*/
#content table td span.price {
  font-size:130%;
  color:#555555;
  font-weight:bold;
}
#content table.pricetable {
  
}
#content table.pricetable th {
  width:135px;
  text-align:center;
}
#content table.pricetable td {
  text-align:center;
}
/*決済方法*/
#content table td ul.radiobox {
  overflow:hidden;
}
#content table td ul.radiobox li {
  width:50%;
  float:left;
  font-size:110%;
  margin:5px 0 10px 0;
}
#content table td ul.radiobox li label {
  
}
#content table td ul.radiobox li label input[type="radio"] {
  margin:0 5px 0 5px;
}
#content table td ul.radiobox li p {
  margin-top:10px;
}
#content table td input[type="checkbox"] {
  margin:0 5px 0 5px;
}
/*配送物*/
#content table td ul.productsbox {
  overflow:hidden;
}
#content table td ul.productsbox li {
  width:50%;
  float:left;
  font-size:110%;
  margin:5px 0 10px 0;
}
#content table td ul.productsbox li label {
  font-size:110%;
}
#content table td ul.productsbox li label input {
  margin:0 5px 0 5px;
}
#content table td ul.productsbox li ul {
  
}
#content table td ul.productsbox li ul li {
  width:100% !important;
  font-size:100%;
  margin:0 0 0 25px;
}
#content table td ul.productsbox li p.note {
  font-size:90%;
}


/*** btn ***/
.btn {
  width:50%;
  margin:45px auto;
  background-color:#c00000;
  border-radius:6px;
}
.btn:hover {
  background-color:#ed0a0a;
}
.btn input {
  width:100%;
  padding:15px;
  border:none;
  background:none;
  display:block;
  color:#ffffff;
  font-size:18px;
  letter-spacing:1px;
}
.btn input:hover {
  cursor:pointer;
}


/*** validator ***/
form p.error {
  color:#c00000;
  display:block;
  padding:0 0 0 5px;
  background-color:#ffd3d3;
  clear:both;
  margin:0 0 10px 0;
  border:1px solid #fb7f7f;
}
form .nameiner p.error {
  margin:0 5px 10px 0;
}

/*** thanksbox ***/
.thanksbox {
  margin:0 0 45px 0;
  overflow:hidden;
}
.thanksbox p.thx_message {
  margin:60px 0 45px 0;
  font-size:220%;
  text-align:center;
  color:#c00000;
  letter-spacing:2px;
  font-weight:bold;
}
.thanksbox p.catch {
  text-align:center !important;
}
.thanksbox p.inqtel {
  font-size:120%;
  font-weight:bold;
  color:#555555;
}
.thanksbox p.inqtel span {
  font-size:160%;
}
.thanksbox ul.notes {
  width:60%;
  margin:0 auto 60px auto;
}
.thanksbox ul.notes li {
  text-align:left;
  text-indent:-1em;
  margin-left:1em;
  font-size:90%;
}
.thanksbox h2 {
  width:80% !important;
  background:none !important;
  text-align:center !important;
  color:#c00000 !important;
  display:inline-block !important;
  border-top:2px solid #c00000;
  border-bottom:2px solid #c00000;
  line-height:1.4 !important;
}
.thanksbox h2 br {
  display:none;
}
.thanksbox .btn {
  background-color:#f1f1f1;
  border:1px solid #b1b1b1;
}
.thanksbox .btn a {
  display:block;
  color:#333333 !important;
  padding:15px 0 15px 0;
  text-decoration:none;
}
.thanksbox .btn a:hover {
  background-color:#cccccc;
  box-shadow:0 2px 5px rgba(0,0,0,.1),0 2px 30px rgba(0,0,0,.1);
}
.thanksbox .btn a:before {
  font-family:"Font Awesome 5 Free";
  font-weight:900;
  content:"\f1c3";
  margin-right:5px;
  color:#1f6f43 !important;
}
#other {
  width:100%;
  height:120px;
  margin:0 0 5px 0;
  box-sizing: border-box;
}
/*** footer ***/
#footer {
  background-color:#c80420;
  color:#ffffff;
}
#footer ul.footer_link {
  margin:30px auto;
  display:table;
  overflow:hidden;
}
#footer ul.footer_link li {
  float:left;
}
#footer ul.footer_link li a:hover {
  
}
#footer ul.footer_link li:after {
  content:"｜";
}
#footer ul.footer_link li:last-child:after {
  content:"";
}
#footer a {
  font-size:95%;
  color:#ffffff;
  text-decoration:none;
}
#footer a:hover {
  text-decoration:underline;
}
#footer p {
  font-size:80%;
}
input[type="date"]::-webkit-calendar-picker-indicator:hover {
  cursor: pointer;
}
input[type="date"]::-webkit-calendar-picker-indicator {
  width: 20px;
  height: 20px;
}
input[type="date"] {
  border-radius:6px;
  -webkit-border-radius:6px;
  -moz-border-radius:6px;
  -webkit-appearance: none;
  -moz-appearance: none;
  
}

/*** hack ***/
@media all and (-ms-high-contrast:none){
  #content p.catch {
    line-height:1.6;
  }
  #content table th span.required {
    padding:5px;
    font-size:12px;
  }
  #content dl.note dd {
    line-height:1.6;
  }
}


/*** responsive ***/
@media(max-width:599px) {
  .pc {
    display: none;
  }
  .sp {
    display: block;
  }
  .inner {
    width:auto;
  }
  #content table {
    border-top:none;
    border-left:none;
  }
  #content table th {
    width:auto !important;
    display:block;
    border-top:1px solid #cccccc;
    border-left:1px solid #cccccc;
  }
  #content table td {
    width:auto !important;
    display:block;
    border-right:none;
    border-bottom:none;
  }
  #content select,
  #content input[type="text"] {
    width:100%;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    -webkit-appearance :none
  }
  #content input[type="text"]#postcode1,
  #content input[type="text"]#postcode2,
  #content input[type="text"]#postcode1-2,
  #content input[type="text"]#postcode2-2 {
    width:42%;
  }
  #content input[type="text"]#postcode2,
  #content input[type="text"]#postcode2-2 {
    float:right;
  }
  #content input[type="text"]#user,
  #content input[type="text"]#base {
    width:50%;
  }
  #content table td .selectbox span {
    width:100% !important;
    display:block !important;
    text-align:left;
  }
  #content table td ul.industrybox li label {
    text-indent:-1.5em;
    margin-left:1.5em;
    display:block;
  }
  #content table td ul.productsbox li,
  #content table td ul.radiobox li,
  #content table td ul.radiobox li {
    width:100% !important;
  }
  #content .feetable {
    overflow-y:scroll;
  }
  #content .feetable table.pricetable {
    width:900px;
    border-left:1px solid #cccccc;
  }
  #content .feetable table.pricetable th {
    display:table-cell !important;
  }
  #content .feetable table.pricetable td {
    display:table-cell !important;
    border-right:1px solid #cccccc;
    border-bottom:1px solid #cccccc;
  }
  .btn {
    width:auto !important;
  }
  .thanksbox {
    margin:0 0 15px 0;
  }
  .thanksbox ul.notes {
    width:auto !important;
  }
  .thanksbox h2 {
    width:100% !important;
  }
  .thanksbox h2 br {
    display:inline-block;
  }
  input[type="date"] {
      width: 48%;
      height: 30px;
  }
}