@charset "utf-8";

@import url('header.css');
@import url('side.css');
@import url('footer.css');

/*---------------------------------
  contents > Layout
---------------------------------*/

#content {
    width:960px;
    margin:0 auto;
    text-align:left;
}

.contents_box {
    width:100%;
}

/*---------------------------------
  breadcrumb
---------------------------------*/

.breadcrumb {
    font-size: 12px;
    margin: 10px auto 5px;
    height: 15px;
    width: 980px;
}

.breadcrumb li{
    float: left;
    list-style: none;
}

.breadcrumb span {
    margin: 0 5px;
}

.breadcrumb a {
    color: #0070ad;
    font-size: 12px;
    text-decoration: underline;
}

.breadcrumb a:hover {
    color: #28b8ff;
}

/*---------------------------------
  listBox
---------------------------------*/
.listBox {
    border-left:1px solid #ccc;
    border-bottom:1px solid #ccc;
    border-right:1px solid #ccc;
    padding:0 12px;
}

.listBox a {
    text-decoration:none;
    color:inherit;
}

.listBox ul li {
    list-style-type:none;
    overflow:hidden;
    border-bottom-width:1px;
    border-bottom-color:#ccc;
}

.listBox p.img {
    float:left;
    margin-right:10px;
}

section .titArea {
    background-color:#0070ad;
    border-top:2px solid #333;
    padding:8px 10px;
}

section .titArea h2 {
    color:#28b8ff;
    font-size:12px;
}

section .titArea h2 img {
    margin-right:15px;
}

section .detail {
    font-size:10px;
    margin-top:15px;
    text-align:right;
}

section .detail a {
    color:#fff;
    background-color:#0070ad;
    background-image:url(../imgs/ico_arrow-w.png);
    background-repeat:no-repeat;
    background-position:90% 50%;
    border:1px solid transparent;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
    padding:4px 24px 4px 12px;
    display:inline-block;
}

section .detail a:hover {
    color:#0070ad;
    background-color:#efefef;
    background-image:url(../imgs/ico_arrow-b2.png);
    background-repeat:no-repeat;
    background-position:right 12px center;
    border:1px solid #0070ad;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
    padding:4px 24px 4px 12px;
    display:inline-block;
}

/*---------------------------------
  page
---------------------------------*/

.c_b {
    color: #0070ad;
}

.page h2 {
    background-color: #f5f5f5;
    border-bottom: 1px solid #333;
    border-top: 2px solid #333;
    color: #0070ad;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 20px;
    padding: 15px 10px 10px;
}

.page h3 {
    border-left: 5px solid #01a9db;
    margin-bottom: 15px;
    margin-top: 20px;
}

.page h3 span {
    border-left: 3px solid #333;
    color: #0070ad;
    display: inline-block;
    padding-left: 8px;
}

.page a {
    color: #01a9db;
}

.page a:hover {
    text-decoration: none;
}

.page .logo {
    margin: 20px auto 30px;
    text-align: center;
}

.page ul {
    list-style: none;
    padding-left: 1em;
}

.page li {
    font-weight: bold;
    margin-bottom: 8px;
}

.page li span {
    color: #3e3e3e;
}

.page table {
    border-top: 1px solid #A6A6A6;
    border-left: 1px solid #A6A6A6;
    border-right: 1px solid #A6A6A6;
    margin-bottom: 30px;
    box-sizing:border-box;
    width:100%;
    border-collapse: collapse;
}

.page tr {
    width: 100%;
}

.page th {
    background-image: url(../imgs/bg_line1.gif) , url(../imgs/bg_line2.gif) ;
    background-position: top right, top left;
    background-repeat: repeat-y, repeat-x;
    vertical-align: middle;
    /*border-right: 1px solid #A6A6A6;*/
    border-bottom: 1px solid #A6A6A6;
    box-sizing:border-box;
    background-color:#E2F1FF;


}

.page th span {
    margin: 0 0 0 10px;
    font-size: 14px;
    /*font-weight: ;*/
    display: inline-block;
    color:#3D3D3D;
}

.page td {
    border-bottom: 1px solid #A6A6A6 !important;
    font-size: 14px;
}

.page td p, .page td ul {
    margin-left:7px;
    font-size: 14px;
    padding: 1px;
    color:#4F4E4E;
}

/* 会社概要 */
.company_t th {
    width: 20%;
}

.company_t td {
    width: 80%;
}

.company_t td p, .company_t th span {
    font-size: 14px;
    line-height: 1.5;
}

/* お問い合わせ */
/*------------------------------------------------*/
.contact_t th {
    width: 20%;
}

.contact_t td {
    width: 80%;
}

.contact_t .person {
    width: 10%;
}

.contact_t .p_item {
    width: 25%;
}

.contact_t .p_status {
    width: 60%;
}

.contact_t th .c_r {
    margin-left: 0;
}

/* ご旅行条件書 */
dl.accordion {
    width:100%;
    margin:0 auto 30px;
    font-size: 16px;
}
dl.accordion dt {
    border-left: 5px solid #01a9db;
    line-height: 1;
    margin-bottom: 15px;
    margin-top: 20px;
    cursor: pointer;
}

dl.accordion dt span {
    border-left: 3px solid #333;
    color: #0070ad;
    display: inline-block;
    padding-left: 8px;
}

dl.accordion dt span:hover {
    color: #28b8ff;
}

dl.accordion dd {
    background: #fff;
    font-size: 14px;
    padding: 10px;
    line-height: 1.5;
    display: none;
}

dl.accordion table {
    margin-bottom: 20px;
}

dl.accordion .app_fee th {
    text-align: center;
    font-weight: normal;
    padding: 10px 0;
    width: 50%;
}

.app_fee td {
    padding: 10px;
    width: 50%;
}

.app {
    border-right: 1px solid #ccc;
}

dl.accordion .cancel th {
    text-align: center;
    font-weight: normal;
    padding: 10px 0;
}

.cancel .cancel_date {
    width: 85%;
}

.cancel .cancel_rates {
    width: 15%;
}

.cancel td {
    padding: 10px;
}

.c_date {
    border-right: 1px solid #ccc;
}

.accordion .songai th {
    text-align: center;
    font-weight: normal;
    padding: 10px 0;
}

.songai .table_a {
    width: 70%;
}

.songai .songai_rates {
    width: 30%;
}

.songai td {
    padding: 10px;
    line-height: 1.5;
}

.songai .t_before {
    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc;
    width: auto;
    text-align: center;
}

.songai .t_after {
    width: auto;
    text-align: center;
}

.songai .a_change {
    text-align: center;
}

/* よくあるご質問 - アコーディオン */
ul.accordion {
    list-style: none;
    padding-left: 0;
}

ul.accordion ul {
    display: none;
}

ul.accordion > li > p {
    border-bottom: 1px solid #ccc;
    margin-bottom: 20px;
}

ul.accordion .outer {
    border-left: 5px solid #01a9db;
    margin: 20px 0 10px;
    line-height: 1;
    display: block;
}

ul.accordion .inner {
    border-left: 3px solid #333;
    color: #0070ad;
    display: inline-block;
    padding-left: 8px;
    font-size: 16px;
    cursor: pointer;
}

ul.accordion .inner:hover {
    color: #28b8ff;
}

ul.accordion > li > ul {
    margin: 0 0 30px 10px;
}

ul.accordion > li >  ul > li > p:hover {
    background: #f5f5f5;
}

.inner_q:hover {
    color: #28b8ff;
}

ul.accordion > li >  ul > li > p > span {
    cursor: pointer;
}

ul.accordion > li > ul > li > ul {
    list-style: none;
    padding-left: 0;
    margin-bottom: 20px;
}

ul.accordion > li > ul > li > ul > li {
    font-weight: bold;
    text-indent: -1em;
}

/* お問い合わせ */
.planname select {
    width: 490px;
    overflow: hidden;
}

.contact_t input, .contact_t select, .contact_t textarea {
    padding: 5px;
    font-size: 16px;
    margin-top:5px;
    border-radius: 5px;
    border:1px solid #82BBC5;
    box-shadow: 0 0 0 2px #CCC, 0 0 0 2px #999;




}

/*---------------------------
　アンケート
---------------------------*/
#questionnaire p, #questionnaire ul , #questionnaire li {
    margin: 0;
    padding: 0;
}

#questionnaire label:hover{
    background: #E8FBFF;
    cursor: pointer;
}

#questionnaire input[type="checkbox"] {
    cursor: pointer;
}

#questionnaire .red {
    color: #ff0000;
    border: none;
}

#questionnaire strong{
    color: #3e3e3e;
}

#questionnaire h3{
    font-size: 16px;
    font-weight: bold;
}

#questionnaire > div:nth-of-type(1) {
    padding: 0px 10px 15px 20px;
    margin-bottom: 40px;
}

#questionnaire > div:nth-of-type(1) h3:nth-of-type(1){
    margin-top: 30px;
    border-left: 15px solid #3e3e3e;
    padding-left: 10px;
}

#questionnaire > h3:nth-of-type(1){
    font-size: 20px;
    border: 1px solid #cccccc;
    background:linear-gradient(#F9F9F9, #E2E1E1);
    padding: 15px 10px 10px;
    margin: 0px 0 15px 0 ;
}

#questionnaire_box > div:nth-of-type(1){
    padding: 0 20px;
}

#questionnaire_box > div:nth-of-type(1) p:nth-of-type(1) {
    margin: 10px 0 10px;
    font-weight: bold;
}

#questionnaire_box > div:nth-of-type(1) ul {
    margin: 0 0 30px 13px;
}

#questionnaire_box > div:nth-of-type(1) li {
    margin: 0px 10px;
    color: #3e3e3e;
}

#questionnaire_box h3 {
    font-size: 16px;
    font-weight: bold;
    background: #E4EAFA;
    margin: 0px 0 20px 0;
    height: 30px;
    line-height: 30px;
}

#q1 {
    margin-bottom: 60px;
}

#q1 ul {
    padding: 0;
}

#q1 li {
    list-style: none;
    border-bottom: 1px solid #D0D0D0;
    margin-bottom: 20px;
    padding-bottom: 5px;
    color: #3e3e3e;
}

#q1 li:nth-last-of-type(n+4) p {
    display: inline;
}

#q1 li:nth-last-of-type(n+4) .wpcf7-list-item {
    margin-left: 30px;
}

#q1 li:nth-of-type(n+4) {
    padding-left: 10px;
}

#q1 li:nth-of-type(4) > span:nth-of-type(1) {
    margin: 0 20px 0 30px;
}

#q1 li:nth-of-type(4) > span:nth-of-type(2) {
    margin: 0 0 0 20px;
}

#q1 li:nth-of-type(n+4) p {
    margin: 10px 0 0 15px;
}

#q1 li:nth-of-type(6) > div p:nth-of-type(1) {
    border-bottom: 2px dotted #D0D0D0;
}

#q1 li:nth-of-type(6) > div p .wpcf7-list-item {
    margin-left: 30px;
}

input#q1_travel_number_time {
    ime-mode: disabled;
}

input#q1_length_stay {
    ime-mode: disabled;
}

#q2 {
    margin-bottom: 60px;
}

#q2 p:nth-of-type(1){
    margin-bottom: 10px;
}

#q2 p:nth-of-type(2){
    margin-bottom: 30px;
}

#q2 p:nth-of-type(2) strong {
    width: 100px;
    display: inline-block;
}

#q2 span.wpcf7-list-item{
    display: block;
    float: left;
    width: 220px;
    padding-bottom: 10px;
}

#q2 span.wpcf7-list-item:nth-of-type(3n-1){
    width: 240px;
}

#q2 span.wpcf7-list-item:nth-of-type(3n){
    width: auto;
}

#q2 > div {
    margin-left: 10px;
}

#q2 li{
    list-style: none;
    margin-bottom: 25px;
}

#q2 li p:nth-of-type(1) {
    margin-bottom: 10px;
    display: inline-block;
    background: #E8EEFF;
    width: 100%;
    border-bottom: 1px solid #DBE5FF;
}

#q2 li p:nth-of-type(2) input{
    width: 543px;
    height: 16px;
    font-size: 16px;
}

.q2_access_info {
    display: inline-block;
}

#q3 {
    margin-bottom: 60px;
}

#q3 p:nth-of-type(1) {
    margin-bottom: 30px;
}

#q3 span.wpcf7-list-item{
    display: block;
    float: left;
    width: 210px;
    padding-bottom: 10px;
}

#q3 div {
    margin-left: 10px;
}

#q3 li p:nth-of-type(2) input{
    width: 545px;
}

#q3 div > p:nth-of-type(1) {
    margin-bottom: 10px;
    display: inline-block;
    background: #E8EEFF;
    width: 100%;
    border-bottom: 1px solid #DBE5FF;
}

#q3 div > p:nth-of-type(2) strong {
    width: 100px;
    display: inline-block;
}

#q3 div > p:nth-of-type(2) input{
    width: 543px;
}

span#q3_transportation {
    display: inline-block;
}


#q4 {
    margin-bottom: 60px;
}

#q4 span.wpcf7-list-item {
    display: block;
    float: left;
    width: 320px;
    padding-bottom: 10px;
}

#q5 {
    margin-bottom: 60px;
}

#q5 span.wpcf7-list-item:nth-last-of-type(n+2) {
    margin-right: 30px;
}

span#q5_schedule {
    margin-bottom: 10px;
    display: inline-block;
}

#q6 {
    margin-bottom: 60px;
}

span#q6_theme {
    display: inline-block;
}

#q6 span.wpcf7-list-item {
    display: block;
    float: left;
    width: 320px;
    padding-bottom: 10px;
}

#q7 {
    margin-bottom: 60px;
}

#q7 ul {
    margin-bottom: 30px;
}

#q7 li {
    list-style: none;
    float: left;
    width: 165px;
    font-size: 13px;
    text-align: center;
    margin-bottom: 15px;
}

#q7 span.wpcf7-list-item {
    display: block;
    float: left;
    width: 210px;
    padding-bottom: 10px;
}

#q8 {
    margin-bottom: 60px;
}

#q8 span.wpcf7-list-item {
    display: block;
    float: left;
    width: 230px;
    padding-bottom: 10px;
}

#q8 span.wpcf7-list-item:nth-of-type(3n-2) {
    width: 150px;
}

#q8 p:nth-of-type(2n-1) {
    margin-bottom: 30px;
}

#q8 p:nth-of-type(2n) {
    margin-bottom: 10px;
    display: inline-block;
    background: #E8EEFF;
    width: 100%;
    border-bottom: 1px solid #DBE5FF;
}

span#q8_point {
    display: inline-block;
}

span#q8_pricerange {
    display: inline-block;
}

span#q8_time_required{
    display: inline-block;
}

span#q8_multiple_languages{
    display: inline-block;
}

#q9 {
    margin-bottom: 60px;
}

#q9 span.wpcf7-list-item {
    display: block;
    float: left;
    width: 320px;
    padding-bottom: 10px;
}

#q10 {
    margin-bottom: 60px;
}

textarea#q10_epidemic_tour {
    width: 99%;
}

input.wpcf7-form-control.wpcf7-submit {
    height: 40px;
}

img.ajax-loader {
    width: 30px;
    height: auto;
}

#questionnaire span.wpcf7-not-valid-tip {
    display: inline-block;
    width: 100%;
}

#q1 span.wpcf7-not-valid-tip {
    color: #ff0000;
    display: inline-block;
}

.page > h2:nth-of-type(1) + p {
    margin-bottom: 30px;
}

.calender{
    width:100%;
    float:left;
    display:block;
}
.select-month{
    display: block;
    width:100%;
    /*height:50px;*/
    margin-top:20px;
}
.select-month-btn{
    cursor:pointer;
    display:block;
    width:13%;
    border-radius:5px;
    border:1px solid #72BDDF;
    padding:5px;
    text-align: center;
}
.select-month-btn a{
    text-decoration: none;
    color:#fff;
}
.select-month-btn:hover {
    background-color: #72BDDF;
    color:#FFF;
}

.prev-month{
    float:left;
    margin: 10px;
}
.next-month{
    float:right;
    margin:10px;
}
.cal-caption{
    text-align:center;
    color:#0070AD;
    background-color:#fff;
    border:none;
}
.cal-left{
    width:47%;
    float:left;
}
.cal-right{
    width:47%;
    float:right;
}
.cal-table th{
    text-align: center;
    width:14%;
}
.cal-date{
    display: block;
    text-align: center;
    font-weight: bold;
}
.cal-table td a{
    text-decoration: none;
}
.date-blue{
    color:#0070ad;
}

.date-red{
    color:#EB6B6B;
}
.date-grey{
    background-color:#DFDFDF;
}
.cal-states{
    display:block;
    text-align: center;
    border-radius:5px;
    margin:2px;
    padding:4px;
    line-height: 1.3em;
}
.pointer{
    cursor: pointer;
}
.states-blue{
    background-color:#58B5F4;
    color:#fff;
}
.states-blue:hover{
    background-color:#1473B3;
}

.states-yellow{
    background-color:#C77E94;
    color:#fff;
}
.states-yellow:hover{
    background-color:#965E6F;
}

.states-red{
    background-color:#D54949;
    color:#fff;
}
.cal-back-btn{
    margin:auto;
    text-decoration: none;
}
.states-green{
    background-color:#00CC33;
    color:#fff;
}
.states-green:hover{
    background-color:#339933;
}
.cal-footer{
    margin-top: 30px;
    clear:both;
}
.cal-footer a{
    display: block;
    text-decoration: none;
    color:#01a9db;
}
.cal-footer ul li{
    /*width:13%;*/
    border-radius:5px;
    padding:5px;
}

.step_pc{
    /*display: ;*/
}
.step_sp{
    display: none;
}
.page dl dd p{
    font-weight:bold;
    font-size:1.2em;
}
.rest_caption{
    display: flex;
    margin-bottom:20px;
}
.rest_caption li{
    margin-right:20px;
}
.steps{
    margin-bottom: 20px;
}

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

    #content {
        width: 100%;
    }

    .contents_box {
        width: 100%;
        float: none;
        margin-right: 0;
        margin-bottom: 30px;
    }

    .breadcrumb {
        font-size: 14px;
        padding: 10px 5px;
        height: auto;
        margin: 0;
        width: 90%;
    }

    .breadcrumb a {
        font-size: 14px;
    }

    .page h2 {
        font-size: 22px;
    }

    .page h3 {
        border-left: 5px solid #01a9db;
        margin:20px 10px 15px;
        font-size: 20px;
    }

    .page p {
        margin: 10px;
        font-size: 14px;
    }

    .page ul {
        font-size: 14px;
    }

    .page td p, .page td ul {
        font-size: 14px;
    }

    .page th {
        background-image: url(../imgs/bg_line2.gif);
        background-position: top left;
        background-repeat: repeat-x;
        border-right: none;
    }

    .page th span {
        font-size: 14px;
    }

    .page ul {
        margin: 0 10px;
    }

    /* 会社概要 */
    .logo img {
        width: 95%;
    }

    table.company_t {
        border-top: 2px solid #ccc;
        border-left: none;
        border-right: none;
    }

    .company_t th {
        display: block;
        width: auto;
        border-right: none;
    }

    .company_t td {
        font-size: 14px;
        display: block;
        width: auto;
        border-bottom: 2px solid #ccc;
    }

    /* ご旅行条件書 アコーディオン */
    dl.accordion dt {
        border-left: none;
        border-top: 1px solid #ccc;
        border-bottom: 1px solid #fff;
        font-size: 14px;
        background-color: #d9f3ff;
        padding: 15px 10px;
        margin: 0;
        display: block;
        background-image: url(../imgs/icon_down1.png);
        background-repeat: no-repeat;
        background-position: 98% center;
    }

    dl.accordion dt span {
        border-left: none;
        color: #0070ad;
        padding-left: 0;
        width: 95%;
        line-height: 1.2;
    }

    dl.accordion dt.open {
        display: block;
        background-image: url(../imgs/icon_up1.png);
    }

    dl.accordion dd {
        font-size: 14px;
    }

    dl.accordion dt span:hover {
        color: #0070ad;
    }

    dl.accordion .app_fee th:first-of-type {
        border-right: 1px solid #ccc;
    }

    .app_fee td {
        font-size: 14px;
    }

    /* よくあるご質問 アコーディオン */
    ul.accordion {
        margin: 0;
    }

    ul.accordion > li > p {
        border-left: none;
        border-top: 1px solid #ccc;
        border-bottom: 1px solid #fff;
        font-size: 20px;
        background-color: #d9f3ff;
        padding: 15px 10px;
        margin: 0;
    }

    ul.accordion .outer {
        border-left: none;
        margin: 0;
        line-height: 1;
        background-image: url(../imgs/icon_down1.png);
        background-repeat: no-repeat;
        background-position: right center;
    }

    ul.accordion > li > p > .open {
        border-left: none;
        margin: 0;
        line-height: 1;
        background-image: url(../imgs/icon_up1.png);
        background-repeat: no-repeat;
        background-position: right center;
    }

    ul.accordion .inner {
        border-left: none;
        padding-left: 0;
        font-size: 16px;
        width: 90%;
    }

    ul.accordion .inner:hover {
        color: #0070ad;
    }

    ul.accordion > li {
        margin: 0;
    }

    ul.accordion > li > ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }

    ul.accordion > li > ul > li {
        margin: 0;
        font-size: 14px;
    }

    ul.accordion > li > ul > li > p {
        border-top: 1px solid #ccc;
        border-bottom: 1px solid #fff;
        background-color: #f5f5f5;
        padding: 10px 15px;
        margin: 0;
    }

    ul.accordion > li > ul > li > p > span {
        display: block;
        background-image: url(../imgs/icon_down2.png);
        background-repeat: no-repeat;
        background-position: right center;
    }

    ul.accordion > li > ul > li > p > .open {
        background-image: url(../imgs/icon_up2.png);
    }

    .inner_q {
        display: block;
        width: 93%;
    }

    ul.accordion > li >  ul > li > p > span:hover {
        color: #3e3e3e;
    }

    ul.accordion > li > ul > li > ul {
        margin: 10px 10px 0 35px;
    }

    /* お問い合わせ */

    contact_t input {
        font-size: 14px;
    }

    .contact_t th {
        display: block;
        width: 100%;
        padding: 10px 0;
    }

    .contact_t td {
        display: block;
        width: 100%;
    }

    .planname select {
        width: 90%;
    }

    .contact_t .person {
        width: 100%;
        background: #bbb;
    }

    .contact_t .p_item {
        width: 100%;
    }

    .contact_t .p_status {
        width: 100%;
    }

    .contact_t input, .contact_t select, .contact_t textarea {
        font-size: 14px;
    }

    .message textarea {
        width: 90%;
    }
    .cal-left{
        width:100%;
    }
    .cal-right{
        width:100%;
    }
    .select-month-btn{
        font-size:0.7em;
    }
    .cal-footer ul li{
        /*width:32%;*/
    }
}
/*******************************************************************************
 max-width:420px
*******************************************************************************/
@media screen and (max-width: 420px) {
    /* よくあるご質問 */
    ul.accordion .inner {
        width: 85%;
    }

    .inner_q {
        width: 90%;
    }

    /* お問い合わせ */
    .name input, .kana input {
        width: 50%;
    }

    .email input, .hotel input, .address input, .planname select {
        width: 90%;
    }

    /* ご旅行条件書 */
    dl.accordion dt span {
        width: 90%;
    }




    /*---------------------------
　アンケート
    ---------------------------*/

    #questionnaire_box .wpcf7-list-item{
        margin-bottom: 15px;
    }

    #q1 li:nth-last-of-type(n+4) p:nth-of-type(1) {
        float: left;
    }

    #q1 li:nth-last-of-type(n+4) .wpcf7-list-item {
        display: block;
        float: left;
        width: 95px;
    }

    #q1 li:nth-last-of-type(n+4) .wpcf7-list-item:nth-of-type(3) {
        margin-left: 100px;
    }

    #q1 li:nth-last-of-type(n+4) .wpcf7-list-item:nth-of-type(5) {
        margin-left: 100px;
    }

    #q1 li:nth-of-type(6) > div p .wpcf7-list-item {
        margin-left: 25px;
    }

    #q1 li:nth-of-type(n+4) p {
        margin: 10px 0 0 0px;
    }

    #questionnaire_box h3 {
        font-size: 15px;
        height: auto;
    }

    #q2 li p:nth-of-type(2) input {
        width: 280px;
        height: 20px;
    }

    input#q1_travel_number_time {
        height: 20px;
    }

    input#q1_length_stay {
        height: 20px;
    }

    #q2 span.wpcf7-list-item:nth-of-type(3n-1) {
        width: 280px;
    }

    #q3 div > p:nth-of-type(2) input {
        width: 250px;
    }

    #q4 span.wpcf7-list-item {
        width: 310px;
    }

    #q5_schedule span.wpcf7-list-item {
        width: 280px;
        display: block;
        margin-bottom: 25px;
    }

    #q6 span.wpcf7-list-item {
        width: 310px;
    }

    #q7 li {
        width: 160px;
    }

    #q9 span.wpcf7-list-item {
        width: 310px;
    }

    #questionnaire .red {
        font-size: 14px;
    }


    textarea#q10_epidemic_tour {
        width: 98%;
    }

    .step_pc{
        display: none;
    }
    .step_sp{
        display: block;
    }

    .select-month-btn{
        width:26%;
    }

    .page dl dd p{
        font-size:0.8em;
    }

    .cal-footer ul li{
        /*width:20%;*/
    }


}
/*Reservations/form.ctp*/
.price{
    font-size:1.3em;
}
.formb {
    cursor:pointer;
    font-size:130%;
    font-weight: bold;
    width:200px;
    padding: 5px 0;
    margin:0.5em 0.5em 1em 0;
    border-style:none;
    color: #fff;
    background:#ECA816;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 2px 2px 3px 1px #666;
    -webkit-box-shadow: 2px 2px 3px 1px #666;
    box-shadow: 2px 2px 3px 1px #666;
    text-shadow: 1px 1px 2px #000; 
    background: rgb(255,183,107); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(255,183,107,1) 0%, rgba(255,167,61,1) 50%, rgba(255,124,0,1) 51%, rgba(255,127,4,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,183,107,1)), color-stop(50%,rgba(255,167,61,1)), color-stop(51%,rgba(255,124,0,1)), color-stop(100%,rgba(255,127,4,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(255,183,107,1) 0%,rgba(255,167,61,1) 50%,rgba(255,124,0,1) 51%,rgba(255,127,4,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(255,183,107,1) 0%,rgba(255,167,61,1) 50%,rgba(255,124,0,1) 51%,rgba(255,127,4,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(255,183,107,1) 0%,rgba(255,167,61,1) 50%,rgba(255,124,0,1) 51%,rgba(255,127,4,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(255,183,107,1) 0%,rgba(255,167,61,1) 50%,rgba(255,124,0,1) 51%,rgba(255,127,4,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb76b', endColorstr='#ff7f04',GradientType=0 ); /* IE6-9 */

}
.formb:hover {
    background-color: #C28A35;
}

/*Reservations/form_complete.ctp*/
.thanksm{
    font-size: 1.3em;
    font-weight: bold;
    border-bottom: 5px solid #0070AD;
    margin-bottom: 30px !important;
}
.toplink{
    margin-bottom: 30px !important;
}
.toplink a{
    color:#fff;
    text-decoration: none;
    font-size: 1.1em;
    background-color: #0070AD;
    padding:10px;
    border-radius: 5px;
    box-shadow: 2px 2px 3px 1px #666;
    text-shadow: 1px 1px 2px #000; 
}
.toplink a:hover{
    cursor: pointer;
    background-color: #0B6291;
}

/*Reservations/form_conrirm.ctp*/    
.rsvalert{
    color:red;
    font-size:1.3em;
    font-weight: bold;
    text-align: center;
}
.formbr {
    cursor:pointer;
    font-size:130%;
    font-weight: bold;
    width:200px;
    padding: 5px 0;
    margin:0.5em 0.5em 1em 0;
    border-style:none;
    color: #fff;
    background:#9E9E9E;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 2px 2px 3px 1px #666;
    -webkit-box-shadow: 2px 2px 3px 1px #666;
    box-shadow: 2px 2px 3px 1px #666;
    text-shadow: 1px 1px 2px #000; 
}
.formbr:hover {
    background-color: #8B8B8B;
}

.error-message,#badMessage{ 
    background-color: #f2dede;
    border-color: #ebccd1;
    color: #a94442;
    padding: 10px;
    line-height: 2;
}