@charset "shift_jis";
/* CSS Document */

#contents .ct_inbox.tabidachi01 {
background: url(../images/bg01_white.png) top center repeat-y;
background-size: 100% auto;
}
#contents .ct_inbox.tabidachi02 {
background: url(../images/bg02_white.png) top center repeat-y;
background-size: 100% auto;
}

#contents .ct_inbox.tabidachi03 {
background: url(../images/bg03_white.png) top center repeat-y;
background-size: 100% auto;
}

#contents .ct_inbox.tabidachi04 {
background: url(../images/bg04_white.png) top center repeat-y;
background-size: 100% auto;
}

#contents .ct_inbox.tabidachi05 {
background: url(../images/bg05_white.png) top center repeat-y;
background-size: 100% auto;
}

#contents .ct_inbox.tabidachi06 {
background: url(../images/bg06_white.png) top center repeat-y;
background-size: 100% auto;
}

#contents .ct_inbox.tabidachi07 {
background: url(../images/bg07_white.png) top center repeat-y;
background-size: 100% auto;
}

#contents .ct_inbox.tabidachi08 {
background: url(../images/bg08_white.png) top center repeat-y;
background-size: 100% auto;
}

#contents .ct_inbox.tabidachi09 {
background: url(../images/bg09_white.png) top center repeat-y;
background-size: 100% auto;
}

#contents .tabidachi01 .slide_bg {
background: url(../images/bg01.png) top center repeat-y;
background-size: 100% auto;
}
#contents .tabidachi02 .slide_bg {
background: url(../images/bg02.png) top center repeat-y;
background-size: 100% auto;
}
#contents .tabidachi03 .slide_bg {
background: url(../images/bg03.png) top center repeat-y;
background-size: 100% auto;
}
#contents .tabidachi04 .slide_bg {
background: url(../images/bg04.png) top center repeat-y;
background-size: 100% auto;
}
#contents .tabidachi05 .slide_bg {
background: url(../images/bg05.png) top center repeat-y;
background-size: 100% auto;
}
#contents .tabidachi06 .slide_bg {
background: url(../images/bg06.png) top center repeat-y;
background-size: 100% auto;
}
#contents .tabidachi07 .slide_bg {
background: url(../images/bg07.png) top center repeat-y;
background-size: 100% auto;
}
#contents .tabidachi08 .slide_bg {
background: url(../images/bg08.png) top center repeat-y;
background-size: 100% auto;
}
#contents .tabidachi09 .slide_bg {
background: url(../images/bg09.png) top center repeat-y;
background-size: 100% auto;
}


/*-----------------------------------------*/

#contents .slide_outbox {
background: none;
}

#contents .slide_bg {
padding: 20px 0 25px;
}
#contents .slide_outbox .slide_box {
max-width: 800px;
}
@media (max-width: 767px) {
#contents .slide_outbox .slide_box {
width: 90%;
margin-left: auto;
margin-right: auto;
}
/* max-width: 767px */}

#contents .slide_outbox .flex-direction-nav a {
left: calc(50% - 400px - 52px);
}
#contents .slide_outbox .flex-direction-nav .flex-nav-next a {
left: inherit;
right: calc(50% - 400px - 52px);
}

#contents .tabidachi05 .flex-direction-nav a {
background: url(../images/arowicon_slide05_left.png) no-repeat;
}
#contents .tabidachi05 .flex-direction-nav .flex-nav-next a {
background: url(../images/arowicon_slide05_right.png) no-repeat;
}



@media (max-width: 767px) {
#contents .slide_outbox .flex-direction-nav a {
left: 10px;
width: 24px;
height: 24px;
background-size: cover;
}
#contents .slide_outbox .flex-direction-nav .flex-nav-next a {
left: inherit;
right: 10px;
width: 24px;
height: 24px;
background-size: cover;
}
/* max-width: 767px */}



#contents .each_pkg {
max-width: 465px;
width: 70%;
margin: 20px auto 0;
}

#contents .tabidachi_ttl {
background: #fff;
padding: 12px 0 0;
margin-bottom: 30px;
}
#contents .tabidachi_ttl .tabidachi_logo {
max-width: 480px;
width: 80%;
margin: 0 auto;
}
#contents .tabidachi_ttl h2 {
display: block;
background: #686564;
margin-top: 12px;
padding: 8px 0 6px;
font-size: 22px;
font-weight: bold;
color:#fff;
text-align: center;
}
#contents .price_txt {
color:#000;
}


/*-----------------------------------------*/

#contents .infoslide_outbox {
width: 100%;
overflow: hidden;
    position: relative;
margin-bottom: 60px;
}
#contents .infoslide_outbox .infoslide_box {
    max-width: 740px;
margin: 0 auto;
}
#contents .infoslide_outbox .flex-direction-nav a {
    text-decoration: none;
    display: block;
    width: 32px;
    height: 32px;
    margin: -16px 0 0;
    position: absolute;
    top: 50%;
    /* left: 20px; */
    left: calc(50% - 400px - 52px);
    z-index: 10;
    overflow: hidden;
    cursor: pointer;
    background: url(../images/arowicon_info_left.png) no-repeat;
}
#contents .infoslide_outbox .flex-direction-nav .flex-nav-next a {
    left: inherit;
    right: calc(50% - 400px - 52px);
    background: url(../images/arowicon_info_right.png) no-repeat;
}

@media (max-width: 767px) {
#contents .infoslide_outbox .flex-direction-nav a {
left: 0px;
width: 24px;
height: 24px;
background-size: cover;
}
#contents .infoslide_outbox .flex-direction-nav .flex-nav-next a {
left: inherit;
right: 0px;
width: 24px;
height: 24px;
background-size: cover;
}
/* max-width: 767px */}




#contents .info_each h3.name {
display: block;
color:#fff;
width: 260px;
margin: 0 auto;
font-size: 30px;
font-weight: bold;
background: #0b9069;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
text-align: center;
padding: 8px 0 4px;
}
#contents .infoslide_outbox .info_box {
color:#000;
background: #fff;
border: solid 4px #2a9269;

padding: 0;
border-radius: 12px;

overflow: hidden;
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
align-items: stretch;
}

#contents .infoslide_outbox .info_box .info_img {
display: -webkit-flex;
display: flex;align-items: center;
width: 50%;
background: #a9cfab;
}

#contents .infoslide_outbox .info_box .info_txt {
width: 50%;
padding: 30px 20px;
font-size: 18px;
font-weight: bold;
line-height: 1.4;
}

#contents .infoslide_outbox .info_box .info_txt .type,
#contents .infoslide_outbox .info_box .info_txt .data {
padding-bottom: 16px;
margin-bottom: 18px;
border-bottom: solid 1px #a8cfaa;
}

#contents .infoslide_outbox .info_box .info_txt .type span {
padding-right: 10px;
}
#contents .infoslide_outbox .info_box .info_txt .type img {
width: 105px;
height: auto;
margin-right: 10px;
}
#contents .infoslide_outbox .info_box .info_txt .feature_txt {
font-size: 16px;
    line-break: auto;
    word-break: keep-all;
    overflow-wrap: break-word;
}


#contents .info_each.hono h3.name {
background: #c34d55;
}
#contents .infoslide_outbox .info_each.hono .info_box {
border: solid 4px #c34d55;
}
#contents .infoslide_outbox .info_each.hono .info_box .info_img {
background: #e7ada2;
}
#contents .infoslide_outbox .info_each.hono .info_box .info_txt .type,
#contents .infoslide_outbox .info_each.hono .info_box .info_txt .data {
border-bottom: solid 1px #e7ada2;
}


#contents .info_each.mizu h3.name {
background: #337fa2;
}
#contents .infoslide_outbox .info_each.mizu .info_box {
border: solid 4px #337fa2;
}
#contents .infoslide_outbox .info_each.mizu .info_box .info_img {
background: #a7c4df;
}
#contents .infoslide_outbox .info_each.mizu .info_box .info_txt .type,
#contents .infoslide_outbox .info_each.mizu .info_box .info_txt .data {
border-bottom: solid 1px #a7c4df;
}

@media (max-width: 639px) {

#contents .info_each h3.name {
width: 200px;
font-size: 22px;
padding: 8px 0 2px;
}
#contents .slides {
width: calc(100% - 50px);
margin-left: auto;
margin-right: auto;
}
#contents .infoslide_outbox .info_box .info_txt {
font-size: 16px;
}
#contents .infoslide_outbox .info_box {
display: block;
border-width: 2px;
}
#contents .infoslide_outbox .info_box .info_txt .type img {
width: 85px;
height: auto;
margin-right: 8px;
}

#contents .infoslide_outbox .info_box .info_img {
display: block;
width: 100%;
}

#contents .infoslide_outbox .info_box .info_txt {
width: 100%;
padding: 18px 15px;
}

#contents .infoslide_outbox .info_box .info_txt .feature_txt {
font-size: 14px;
}
/* max-width: 639px */}