@charset "UTF-8";

/*-----------------------------------------------------------------------------------visual----------*/

.main_contact{
width:100%;
height:280px;
background:url( ../images/v_process.jpg) no-repeat center center #231815;
/*background-size:cover;*/
}

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

  .main_contact{ height:100%; }

}


/*----------------------------------------------------------------------------------page_tit----------*/

@media screen and (min-width: 980px) {

  #title h2{ margin-top:-205px; }

  #title p{ margin:-20px 0 0 70px; }

}

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

  #title h2{
  height:46px;
  background: url( ../images/title2_contact.png) no-repeat center top;
  }

}


/*----------------------------------------------------------------------------------content----------*/

#content{ padding-bottom:70px; }

.prgbar{ margin-top:30px; }

.read{ margin-top:30px; }

span.red_label{
padding-left:40px;
background:url(../images/red_label.png) no-repeat 0 6px;
display:block;
}

.tel{
margin-top:34px;
border:2px solid #c4a978;
padding-bottom:24px;
}

.tel h4{
text-align:center;
background-color:#c4a978;
color:#fff;
letter-spacing:3px;
padding:8px 0;
}

.tel p.num{
text-align:center;
padding-top:22px;
font-size:18px;
letter-spacing:2px;
font-weight:bold;
}

p.num span{
font-size:30px;
font-family:Helvetica, sans-serif;
color:#c4a978;
}

.tel p.time{
text-align:center;
padding-top:6px;
}

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

  .prgbar,
  .read,
  .tel{
  width:90%;
  margin:30px auto 0;
  }

}

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

  .tel p.num{
  line-height:1.4;
  font-size:14px;
  letter-spacing:0;
  }

  p.num span{
  font-size:22px;
  }

}




#form{
width:960px;
margin-top:40px;
border-top:1px dotted #ccc;
}

#form td{
border-bottom:1px dotted #ccc;
padding:14px 0 14px 30px;
vertical-align:top;
}

#form input{
border:1px solid #ccc;
padding:3px;
}

#form input[type="radio"]{
border:none;
}

#form input[type="checkbox"]{
border:none;
}

#form input,#form textarea,#form select{

font-family:"微軟正黑體", 'MS PGothic', sans-serif;
}

#form td p{ padding:2px 0; }

#form .bg_must{ background:url(../images/red_label.png) no-repeat 200px 12px; }

#form .bg_any{ background:url(../images/grey_label.png) no-repeat 200px 12px; }

#form .bg_address{ background:url(../images/bg_address.html) no-repeat 200px 12px; }
#form .bg_address_confirm{ background:url(../images/bg_address_confirm.html) no-repeat 200px 12px; }

#form .bg_address02{ background:url(../images/bg_address02.html) no-repeat 200px 12px; }

#form .bg_add_any{ background:url(../images/bg_add_any.png) no-repeat 200px 12px; }
#form .bg_add_any_confirm{ background:url(../images/bg_add_any_confirm.html) no-repeat 200px 12px; }

#form .bg_add_any02{ background:url(../images/bg_add_any02.png) no-repeat 200px 12px; }

#form .bg_tourdate{ background:url(../images/bg_tourdate.html) no-repeat 200px 20px; }

#form .left_cell{
background-color:#dfd8cf;
color:#8a7040;
font-weight:bold;
width:230px;
padding:14px 0 14px 20px;
}

.err{ background-color:#FFC; }

span.err input { background-color:#FFC; }

.name_last{ padding-right:1em; }

.name_first{ padding-left:1em; }

.must{ background-color:#FFC; }

.add{ width:100px; }

.room, .company{ width:400px; }

.name, .mail{ width:220px; }

.date, .child, .zip{ width:80px; }

.number{ width:130px; }

.address{ width:400px; }

.school{ width:400px; }

.text_area{
width:658px;
font-size:12px;
padding:5px;
border:1px solid #ccc;
}

#add_table td{
border:none;
padding:5px 0;
}

#add_table .add_left{ width:220px; }

#privacy_box{
padding:18px 25px;
border:1px solid #ddd;
margin-top:40px;
font-size:12px;
}

#privacy_box h4{
font-weight:bold;
color:#8a7040;
border-bottom:1px dotted #ccc;
padding-bottom:6px;
margin-bottom:8px;
}

#privacy_box a{
color:#d12727;
cursor:pointer;
border-bottom:1px dashed #d12727;
}

#privacy_box a:hover {
color:#9c0c0c;
cursor:pointer;
border-bottom:1px solid #9c0c0c;
}

p.btn{
margin-top:40px;
text-align:center; margin: .5em;
}

p.btn input{
border:0;
cursor:pointer;
}

.btn_grey{
text-indent:-9999px;
background:url(../images/btn_grey.gif) no-repeat top left;
width:368px;
height:68px;
}

.btn_confirm{
text-indent:-9999px;
background:url(../images/btn_confirm.gif) no-repeat top left;
width:368px;
height:68px;
}

.btn_send{
text-indent:-9999px;
background:url(../images/btn_send.gif) no-repeat top left;
width:368px;
height:68px;
}

.btn_reinput{
text-indent:-9999px;
background:url(../images/btn_reinput.gif) no-repeat top left;
width:200px;
height:68px;
margin-right:30px;
}

.note{ margin-top:15px; }

.link_top{
margin-top:50px;
text-align:center;
}

.btn_top {
display:inline-block;
width:240px;
height:42px;
text-align:center;
text-decoration:none;
line-height:42px;
outline:none;
}

.btn_top::before,
.btn_top::after {
position:absolute;
z-index:-1;
display:block;
content:'';
}

.btn_top,
.btn_top::before,
.btn_top::after {
-webkit-transition:all .3s;
transition:all .3s;
}

.btn_top {
border:1px solid #c4a978;
color:#c4a978;
overflow:hidden;
font-weight:bold;
}

.btn_top:hover {
color:#fff;
background-color:#c4a978;
cursor:pointer;
}


.formError .formErrorContent {
background: #c4a978;
}

.formError .formErrorClose {
border: solid #c4a978 2px;
background: #c4a978;
line-height: 1.5;
}

.formError .formErrorClose:hover {
background: #c4a978;
}

.formError .formErrorArrow div {
background: #c4a978;
}

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

  #form input{
  margin-bottom:5px;
  }

  #form,
  #privacy_box{
  box-sizing:border-box;
  width:90%;
  margin:30px auto;
  }

  #form .left_cell{
  background-color:#dfd8cf;
  color:#c4a978;
  font-weight:bold;
  width:220px;
  padding:14px 0 14px 20px;
  }

  #form .bg_must{ background-position:180px 12px; }

  #form .bg_any{ background-position:180px 12px; }
  
  #form .bg_add_any{ background:url(../images/grey_label.png) no-repeat 180px 12px #F5F5F5; }

  .name_first{ padding:0 1em 0 0; }

  .address,
  .room{ width:90%; }

  .mail{ width:40%; }

  .number{ width:6em; }

  .text_area{
  width:90%;
  }

  #add_table{ width:100%;}
  #add_table td{
  display:block;
  padding:0 !important;
  }

}

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

  #form { width:100%; }
  #form td{
  box-sizing:border-box;
  display:block;
  width:auto !important;
  padding:14px;
  }

  #form .bg_must{ background-position:95% 12px; }

  #form .bg_any{ background-position:95% 12px; }
  
  #form .bg_add_any{ background-position:95% 12px; }

  .name{ width:80%; }

  .add{ width:auto; }

  .mail{ width: 30%; }

  .room,
  .company,
  .address,
  .school{ width:90%; }

  .btn_grey,
  .btn_confirm,
  .btn_send{
  background-size:cover;
  width:285px;
  height:52px;
  }

  .btn_reinput{
  background-size:cover;
  width:153px;
  height:52px;
  }

}
.demo_line_05{
  letter-spacing: -1px;
  color: #9e8c70;
}
.demo_line_05 span{
  letter-spacing: 0;
  color: #9e8c70;
  margin:0 20px;
}
.btn_back_a {
display:inline-block;
width:320px;
height:42px;
text-align:center;
text-decoration:none;
line-height:42px;
outline:none;
background:#a08657; color:#FFF;
margin: .5em !important;
}

.btn_back_a::before,
.btn_back_a::after {
position:absolute;
z-index:-1;
display:block;
content:'';
}

.btn_back_a,
.btn_back_a::before,
.btn_back_a::after {
-webkit-transition:all .3s;
transition:all .3s;
}

.btn_back_a {
border:1px solid #a08657;
color:#FFF;
overflow:hidden;
font-weight:bold;
}

.btn_back_a:hover {
color:#fff;
background-color:#e47f7f;
cursor:pointer;
}



.btn_back_b {
  display:inline-block;
  width:340px;
  height:42px;
  text-align:center;
  text-decoration:none;
  line-height:42px;
  outline:none;
  background:#00b900; color:#FFF;
  }
  
  .btn_back_b::before,
  .btn_back_b::after {
  position:absolute;
  z-index:-1;
  display:block;
  content:'';
  }
  
  .btn_back_b,
  .btn_back_b::before,
  .btn_back_b::after {
  -webkit-transition:all .3s;
  transition:all .3s;
  }
  
  .btn_back_b {
  border:1px solid #00b900;
  color:#FFF;
  overflow:hidden;
  font-weight:bold;
  }
  
  .btn_back_b:hover {
  color:#fff;
  background-color:#03a903;
  cursor:pointer;
  }
.background{ font-size: 100%; font-weight: 900; padding: .5em;}
.nlink{ border-bottom:1px dashed #CC0000 !important; color:#C00; cursor:pointer}



.rwd-table_area {
  margin: 0 15px 90px; }

.rwd-table {
  margin: 0 auto 18px; width:100%;
  padding: 0;
  background-color: #f9f9f9;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  border: 1px #ddd solid;
  border-spacing: 0; }
  .rwd-table thead {
    background-color: #bbb2a6;
    color: #000; }
  .rwd-table th {
    margin-bottom: 9px;
    padding: 9px 15px;
    border-left: 1px #bbb2a6 solid; text-align:left;
    font-weight: normal; }
    .rwd-table th:first-child {
      border-left-width: 0; }
  .rwd-table tbody {
    vertical-align: top; }
    .rwd-table tbody td {
      border-left: 1px #ddd solid; }
      .rwd-table tbody td:first-child {
        border-left-width: 0; }



        .rwd-table_sub {
          margin: 0 auto 18px; width:100%;
          padding: 0;
          background-color: #f9f9f9;
          -moz-border-radius: 3px;
          -webkit-border-radius: 3px;
          border-radius: 3px;
          border: 1px #ddd solid;
          border-spacing: 0; }
          .rwd-table_sub thead {
            background-color: #bbb2a6;
            color: #000; }
          .rwd-table_sub th {
            margin-bottom: 9px;
            padding: 9px 15px;
            border-left: 1px #bbb2a6 solid; text-align:left;
            font-weight: normal; }
            .rwd-table_sub th:first-child {
              border-left-width: 0; }
          .rwd-table_sub tbody {
            vertical-align: top; }
            .rwd-table_sub tbody td {
              border-left: 1px #ddd solid; }
              .rwd-table_sub tbody td:first-child {
                border-left-width: 0; }

/*  */
@media screen and (max-width: 768px) {
  /*body {
    font-size: 12px; }
*/
  .rwd-table {
    width: 100%; }
    .rwd-table tbody tr {
      display: block;
      padding-bottom: 12px; }
    .rwd-table tbody td {
      display: block;
      padding: 3px 0;
      width: 100%; 
      border-left-width: 0; }
      .rwd-table tbody td:before {
        display: inline-block;
        vertical-align: middle;
        *vertical-align: auto;
        *zoom: 1;
        *display: inline;
        margin-right: 5px;
        color: #888;
        font-weight: normal; }
      .rwd-table tbody td:nth-of-type(2):before {
        content: "折價劵:"; }
      .rwd-table tbody td:nth-of-type(3):before {
        content: "折價內容:"; }
      .rwd-table tbody td:nth-of-type(4):before {
        content: "開始使用日期:"; }
      .rwd-table tbody td:nth-of-type(5):before {
        content: "截止使用日期:"; }


    .rwd-table tbody .funayado {
      margin: 0 -15px;
      padding-right: 15px;
      padding-left: 15px;
      margin-bottom: 9px;
      background-color: #bbb2a6;
      color: #000;
      text-align: center; }




      .rwd-table_sub {
        width: 100%; }
        .rwd-table_sub tbody tr {
          display: block;
          padding-bottom: 12px; }
        .rwd-table_sub tbody td {
          display: block;
          padding: 3px 0;
          width: 100%; 
          border-left-width: 0; }
          .rwd-table_sub tbody td:before {
            display: inline-block;
            vertical-align: middle;
            *vertical-align: auto;
            *zoom: 1;
            *display: inline;
            margin-right: 5px;
            color: #888;
            font-weight: normal; }
          .rwd-table_sub tbody td:nth-of-type(2):before {
            content: "贈送劵:"; }
          .rwd-table_sub tbody td:nth-of-type(3):before {
            content: "開始使用日期:"; }
          .rwd-table_sub tbody td:nth-of-type(4):before {
            content: "截止使用日期:"; }
          /*.rwd-table_sub tbody td:nth-of-type(5):before {
            content: "截止使用日期:"; }*/
    
    
        .rwd-table_sub tbody .funayado {
          margin: 0 -15px;
          padding-right: 15px;
          padding-left: 15px;
          margin-bottom: 9px;
          background-color: #bbb2a6;
          color: #000;
          text-align: center; }

  .rwd-table_area01 th {
    display: none; }
  .rwd-table_area01 tr {
    padding: 0 15px; }
   
  /* IE8對應 */
  .rwd-table_area02 .rwd-table_pc {
    display: none; }
  .rwd-table_area02 .rwd-table tr {
    display: block; }
  .rwd-table_area02 .rwd-table thead {
    display: none; }
  .rwd-table_area02 .rwd-table tbody tr {
    overflow: hidden; }
    .rwd-table_area02 .rwd-table tbody tr:after {
      *zoom: 1; }
      .rwd-table_area02 .rwd-table tbody tr:after:after {
        content: "\0020";
        display: block;
        height: 0;
        clear: both;
        overflow: hidden;
        visibility: hidden; }
  .rwd-table_area02 .rwd-table tbody td {
    float: left; }
    .rwd-table_area02 .rwd-table tbody td:before {
      display: inline-block;
      vertical-align: middle;
      *vertical-align: auto;
      *zoom: 1;
      *display: inline;
      content: attr(data-th) ":"; }
  .rwd-table_area02 .rwd-table tbody .rwd-table_inner {
    padding: 0 15px; }
  .rwd-table_area02 .rwd-table tbody .funayado {
    margin: 0\9;
    padding-right: 0\9;
    padding-left: 0\9; }
    .rwd-table_area02 .rwd-table tbody .funayado:before {
      content: none; } }
/* PC用 */
@media screen and (min-width: 769px) {
  /*body {
    font-size: 14px; }
*/
  .rwd-table_mobile {
    display: none; }

  .rwd-table th,
  .rwd-table td {
    display: table-cell; }

  .rwd-table td:before {
    display: none; }

  .rwd-table tr:nth-child(even) {
    background-color: #eaeaea; }
  .rwd-table td {
    padding: 9px 15px; }
    .rwd-table td:before {
      display: none; }
  .rwd-table .target {
    width: 6em; } 
  
  
  
    .rwd-table_sub th,
    .rwd-table_sub td {
      display: table-cell; }
  
    .rwd-table_sub td:before {
      display: none; }
  
    .rwd-table_sub tr:nth-child(even) {
      background-color: #eaeaea; }
    .rwd-table_sub td {
      padding: 9px 15px; }
      .rwd-table_sub td:before {
        display: none; }
    .rwd-table_sub .target {
      width: 6em; } 
  }