/************************************************************
 *   ロマンティックジャーニー用CSS
 ************************************************************/
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix {
    overflow: hidden;
    /*デザイン時のみ使用 */
    display: inline-table;
}
/* Hides from IE-mac \*/
* html .clearfix {
    height: 1%;
}
.clearfix {
    display: block;
}
img {
    vertical-align: text-bottom;
}
li {
    list-style-type: none;
}
h1, h2, h3, h4, h5 {
    font-size: 100%;
}
#container {
    width: 960px;
    padding: 0;
    margin: 0px auto;
}
#main {
    width: 960px;
    background-color: #FFF;
}
/*--------------------------------------------------*
 *   メイン
 *--------------------------------------------------*/
#head_grp {
    width: 960px;
    font-size: 15px;
    line-height: 1.35em;
    color: #553E36;
}
#head_grp p.lead {
    width: 930px;
    background-image: url(../img/romanticjourney/img_main_new2.png);
    background-repeat: no-repeat;
    padding-left: 30px;
    font-size: 15px;
    font-weight: 100;
    padding-top: 10px;
}
#head_grp .memory {
    width: 960px;
}
#head_grp .memory ul {
    width: 930px;
    background-image: url(../img/romanticjourney/frame_middle_memory.gif);
    background-repeat: repeat-y;
    padding-left: 30px;
}
#head_grp .memory ul li.tokuten_01 {
    width: 390px;
    height: 75px;
    background-image: url(../img/romanticjourney/img_back_tokuten_01.gif);
    background-repeat: no-repeat;
    float: left;
    padding: 75px 30px 0px 30px;
}
#head_grp .memory ul li.tokuten_02 {
    width: 390px;
    height: 75px;
    background-image: url(../img/romanticjourney/img_back_tokuten_02.gif);
    background-repeat: no-repeat;
    float: left;
    padding: 75px 30px 0px 30px;
}
#main_content {
    width: 920px;
    background-color: #F8F3ED;
    padding: 0px 20px 50px 20px;
    font-size: 14px;
    line-height: 1.35em;
    color: #333;
}
#main_content .img_bottom {
    font-size: 0px;
}
/*--------------------------------------------------*
 *   1日目
 *--------------------------------------------------*/
#main_content .day1 {
    width: 920px;
    position: relative;
    padding-top: 15px;
}
#main_content .day1 .in {
    width: 920px;
    background-image: url(../img/romanticjourney/frame_middle_day1.gif);
    background-repeat: repeat-y;
    padding-bottom: 5px;
}
#main_content p.main_photo {
    text-align: center;
}
#main_content p.day_menu {
    text-align: center;
    padding-top: 20px;
}
#main_content p.day_attention {
    width: 800px;
    margin: 0px auto;
    text-align: right;
    padding-top: 5px;
    font-size: 13px;
}
#main_content p.day_memo {
    text-align: center;
    padding-top: 20px;
}
/*--------------------------------------------------*
 *   2日目
 *--------------------------------------------------*/
#main_content .day2 {
    width: 920px;
    padding-top: 15px;
}
#main_content .day2 .in {
    width: 920px;
    background-image: url(../img/romanticjourney/frame_middle_day2.gif);
    background-repeat: repeat-y;
    padding-bottom: 5px;
}
#main_content .day2 .in .optional_box {
    width: 920px;
    margin-top: 10px;
}
#main_content .day2 .in .optional_box ul {
    padding-left: 60px;
}
#main_content .day2 .in .optional_box ul li.short {
    width: 260px;
    float: left;
    padding-top: 10px;
    padding-right: 10px;
}
#main_content .day2 .in .optional_box ul li.short .frm_middle {
    width: 224px;
    background-image: url(../img/romanticjourney/frame_middle_optional_s.png);
    background-repeat: repeat-y;
    padding: 0px 18px;
}
#main_content .day2 .in .optional_box ul li.short .frm_middle p.note_01 {
    min-height: 130px;
}
#main_content .day2 .in .optional_box ul li.short .frm_middle p.note_02 {
    /*	min-height: 136px;*/
    min-height: 147px;
}
#main_content .day2 .in .optional_box ul li.short .frm_middle p.bt_guide a:hover img {
    opacity: 0.7;
    filter: alpha(opacity=70);
    -ms-filter: "alpha(opacity=70)";
    /* ie 8 */
    -moz-opacity: 0.7;
    /* FF lt 1.5, Netscape */
    -khtml-opacity: 0.7;
    /* Safari 1.x */
}
#main_content .day2 .in .optional_box ul li.long {
    width: 395px;
    float: left;
    padding-top: 10px;
    padding-right: 10px;
}
#main_content .day2 .in .optional_box ul li.long .frm_middle {
    width: 359px;
    background-image: url(../img/romanticjourney/frame_middle_optional_l.png);
    background-repeat: repeat-y;
    padding: 0px 18px;
}
#main_content .day2 .in .optional_box ul li.long .frm_middle p.note_03 {
    min-height: 95px;
}
/*--------------------------------------------------*
 *   3日目
 *--------------------------------------------------*/
#main_content .day3 {
    width: 920px;
    padding-top: 15px;
}
#main_content .day3 .in {
    width: 920px;
    background-image: url(../img/romanticjourney/frame_middle_day3.gif);
    background-repeat: repeat-y;
    padding-bottom: 5px;
}
#main_content .day3 .in .spot {
    width: 800px;
    margin: 20px auto 0px auto;
}
#main_content .day3 .in .spot ul {
    width: 780px;
    background-image: url(../img/romanticjourney/frame_middle_introduce.gif);
    background-repeat: repeat-y;
    padding-left: 20px;
}
#main_content .day3 .in .spot ul li {
    width: 248px;
    float: left;
    padding-right: 8px;
    padding-bottom: 8px;
}
#main_content .day3 .in .spot ul li .frm_middle {
    width: 228px;
    background-image: url(../img/romanticjourney/frame_middle_spot.png);
    background-repeat: repeat-y;
    padding: 0px 10px;
    min-height: 85px;
}
#main_content .day3 .in .show {
    width: 800px;
    height: 220px;
    margin: 25px auto 0px auto;
    background-image: url(../img/romanticjourney/img_show_back.png);
    background-repeat: no-repeat;
}
#main_content .day3 .in .show p {
    padding-top: 85px;
    padding-left: 30px;
}
/*--------------------------------------------------*
 *   4日目
 *--------------------------------------------------*/
#main_content .day4 {
    width: 920px;
    padding-top: 15px;
}
#main_content .day4 .in {
    width: 920px;
    background-image: url(../img/romanticjourney/frame_middle_day4.gif);
    background-repeat: repeat-y;
    padding-bottom: 5px;
}
#main_content .day4 .in .charter {
    width: 800px;
    margin: 30px auto 20px auto;
}
#main_content .day4 .in .charter ul li {
    width: 380px;
    float: left;
    padding: 0px 10px;
}
#main_content .day4 .in .charter ul li .frm_top {
    width: 380px;
    height: 30px;
    background-image: url(../img/romanticjourney/frame_top_charter.gif);
    background-repeat: no-repeat;
}
#main_content .day4 .in .charter ul li .frm_bottom {
    width: 380px;
    height: 30px;
    background-image: url(../img/romanticjourney/frame_bottom_charter.gif);
    background-repeat: no-repeat;
}
#main_content .day4 .in .charter ul li .frm_middle {
    width: 320px;
    background-image: url(../img/romanticjourney/frame_middle_charter.gif);
    background-repeat: repeat-y;
    padding: 0px 30px;
}
#main_content .day4 .in .charter ul li .frm_middle p.text {
    padding-top: 10px;
    font-size: 15px;
}
#main_content .day4 .in .charter ul li .frm_middle a:hover img {
    opacity: 0.7;
    filter: alpha(opacity=70);
    -ms-filter: "alpha(opacity=70)";
    /* ie 8 */
    -moz-opacity: 0.7;
    /* FF lt 1.5, Netscape */
    -khtml-opacity: 0.7;
    /* Safari 1.x */
}
#main_content .day4 .in .spa {
    width: 810px;
    margin: 10px auto 0px auto;
}
#main_content .day4 .in ul.spa {
    width: 810px;
    margin: 10px auto 20px auto;
}
#main_content .day4 .in ul.spa li {
    width: 270px;
    float: left;
    text-align: center;
}
#main_content .day4 .in ul.spa li p {
    padding-top: 15px;
}
/*--------------------------------------------------*
 *   スケジュール詳細はこちら
 *--------------------------------------------------*/
#main_content .schedule {
    width: 920px;
    padding-top: 30px;
}
#main_content .schedule .in {
    width: 920px;
    background-image: url(../img/romanticjourney/frame_middle_schedule.gif);
    background-repeat: repeat-y;
    padding-bottom: 5px;
}
#main_content .schedule .in table {
    width: 880px;
    margin: 0px auto;
    background-color: #FFF;
    border-top: 2px solid #F8C9C3;
    border-right: 2px solid #F8C9C3;
}
#main_content .schedule .in table th {
    width: 84px;
    border-bottom: 2px solid #F8C9C3;
    border-left: 2px solid #F8C9C3;
    font-size: 18px;
    color: #553E36;
    line-height: 1.2em;
    background-color: #FFEFBC;
    text-align: center;
    vertical-align: middle;
    padding: 15px 0px;
}
#main_content .schedule .in table td {
    border-bottom: 2px solid #F8C9C3;
    border-left: 2px solid #F8C9C3;
    font-size: 15px;
    color: #553E36;
    line-height: 1.5em;
    padding: 15px 15px 15px 20px;
}
#main_content .schedule .in table td span.bold {
    font-size: 16px;
    line-height: 1.5em;
    font-weight: bold;
}
#main_content .schedule .in table td span.arrow {
    font-size: 16px;
    line-height: 2em;
}
#main_content .schedule .in table td span.color_a {
    font-size: 16px;
    color: #EE5F8D;
    line-height: 1.5em;
    font-weight: bold;
}
#main_content .schedule .in table td p.space_left {
    padding-left: 20px;
}
#main_content .schedule .in table td p.bt_show {
    padding-top: 10px;
}
#main_content .schedule .in table td p.bt_show a:hover img {
    opacity: 0.7;
    filter: alpha(opacity=70);
    -ms-filter: "alpha(opacity=70)";
    /* ie 8 */
    -moz-opacity: 0.7;
    /* FF lt 1.5, Netscape */
    -khtml-opacity: 0.7;
    /* Safari 1.x */
}
#main_content .schedule .in table td dl.select {
    padding-top: 5px;
    padding-left: 20px;
}
#main_content .schedule .in table td dl.select dt {
    font-size: 16px;
    color: #60BDE6;
    line-height: 1.5em;
    font-weight: bold;
}
#main_content .schedule .in table td dl.select dd {
    padding-bottom: 5px;
    padding-left: 15px;
}
#main_content .schedule .in table td dl.select dd ul li.size_01 {
    width: 180px;
    float: left;
}
#main_content .schedule .in table td dl.select dd ul li.size_02 {
    width: 250px;
    float: left;
}
#main_content .schedule .in table td dl.select dd ul li.size_03 {
    width: 380px;
    float: left;
}
#main_content p.bt_course {
    text-align: center;
    padding-top: 50px;
}
#main_content p.bt_course a:hover img {
    opacity: 0.7;
    filter: alpha(opacity=70);
    -ms-filter: "alpha(opacity=70)";
    /* ie 8 */
    -moz-opacity: 0.7;
    /* FF lt 1.5, Netscape */
    -khtml-opacity: 0.7;
    /* Safari 1.x */
}
/*--------------------------------------------------*
 *   ページトップへ
 *--------------------------------------------------*/
p.pagetop {
    padding: 10px 0px;
    float: right;
    height: 40px;
    width: 180px;
}
p.pagetop a {
    width: 180px;
    height: 40px;
    display: block;
    background: url(../img/romanticjourney/bt_pagetop.gif);
    background-repeat: no-repeat;
    background-position: 0px 0px;
}
p.pagetop a:hover {
    background-position: bottom;
}
p.pagetop a span {
    position: absolute;
    left: -7650px;
}
/*2016/05/20追加*/
.taishou_course {
    width: 860px;
    margin: 30px auto 0;
    padding: 15px 30px;
    background-color: #f9e2df;
    margin-bottom: 10px;
}
.taishou_course .in {
    border: 3px solid #fabbb2;
    background-color: #fff;
    padding: 10px;
    width: 830px;
}
.taishou_course .in ul {
    margin-left: 35px;
}
.taishou_course .in ul li {
    padding: 10px 0px;
}
.taishou_course .in ul li .right {
    width: 650px;
    font-size: 14px;
    line-height: 1.35em;
    font-weight: bold;
    background-color: #fefbec;
    margin-right: 10px;
    display: table-cell;
    vertical-align: middle;
    padding: 10px;
}
.taishou_course .in ul li.last_child {
    border-bottom: none;
}
.taishou_course_title {
    margin-left: 30px;
    padding: 15px;
}
.taishou_course .in_2 {
    width: 805px;
    border: 8px solid #9e7e73;
    border-radius: 5px;
    padding: 15px 20px;
    background-color: #f1dfcc;
    margin-left: 20px;
}
.taishou_course .in ul li .left {
    width: 110px;
    background-color: #f384a8;
    text-align: center;
    padding: 10px 0px;
    font-size: 18px;
    line-height: 1.1em;
    font-weight: bold;
    color: #fff;
    margin-left: 10px;
    display: table-cell;
    vertical-align: middle;
}
.taishou_course .in ul li .left span {
    display: block;
    font-size: 14px;
}
.right .rink_01 {
    color: #d34070;
    display: block;
    line-height: 160%;
    padding: 5px;
}
.tour_sonota {
    margin: 20px auto;
    width: 702px;
}
.tour_sonota :hover {
    opacity: 0.9;
    filter: alpha(opacity=90);
    -ms-filter: "alpha(opacity=90)";
    /* ie 8 */
    -moz-opacity: 0.9;
    /* FF lt 1.5, Netscape */
    -khtml-opacity: 0.9;
    /* Safari 1.x */
}
.right {
    padding: 0px;
}
/*ホテル評価*/
#main .data-box {
    display: flex;
    font-size: 14px;
    position: absolute;
    top: 458px;
    left: 380px;
}
#main .data-box .iconbox p.rank {
    width: auto;
    color: #fff;
    border-radius: 12px;
    padding: 0 10px;
    text-align: center;
    display: inline-block;
    font-weight: bold;
}
#main .data-box .iconbox p.rank.high {
    background: #a48700;
}
#main .data-box .iconbox p.rank.low {
    background: #213264;
}
#main .data-box p.kuchikomi .evaluation {
    font-weight: bold;
    padding-left: 4px;
}
#main .data-box p.kuchikomi {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 10px;
}
#main .data-box p.kuchikomi .evaluation.ore {
    color: #ff4e00;
}
#main .data-box p.kuchikomi .evaluation.yellow {
    color: #ff9900;
}
#main .data-box p.kuchikomi .evaluation .comment {
    padding-left: 0;
}
#main .data-box p.kuchikomi .number {
    font-weight: normal;
    color: #000;
    padding: 0;
    margin: 0;
}
#main .data-box p.kuchikomi .number a {
    text-decoration: underline;
    display: inline;
}
#main .data-box p.kuchikomi .star {
    display: flex;
}
#main .box-left .data-box, #main .box-right .data-box {
    width: 100%;
}
/* PCデザイン */
@media (min-width: 640px) {
    .pc_none {
        display: none !important;
    }
}
/* スマホデザイン */
@media (max-width: 639px) {
    .sp_none {
        display: none !important;
    }
    body {
        padding-top: 88px !important;
    }
    #container, #main, #head_grp, #head_grp p.lead, #head_grp .memory, #head_grp .memory ul, #main_content, #main_content .day1, #main_content .day2, #main_content .day3, #main_content .day4, #main_content .schedule, #main_content .day1 .in, #main_content p.day_attention, #main_content .day2 .in, #main_content .day2 .in .optional_box, #main_content .day3 .in, #main_content .day3 .in .spot, #main_content .day3 .in .show, #main_content .day3 .in .spot ul, #main_content .day4, #main_content .day4 .in, #main_content .day4 .in .charter, #main_content .day4 .in .charter ul li, #main_content .day4 .in ul.spa, #main_content .day4 .in ul.spa li, #main_content .schedule .in, #main_content .schedule .in table, #head_grp .memory ul li.tokuten_01, #head_grp .memory ul li.tokuten_02, .tour_sonota {
        width: auto;
    }
    #head_grp .memory ul li.tokuten_01, #head_grp .memory ul li.tokuten_02, #main_content .day2 .in .optional_box ul li.short, #main_content .day2 .in .optional_box ul li.long, #main_content .day4 .in .charter ul li, #main_content .day4 .in ul.spa li {
        float: none;
    }
    #head_grp h2 img, #head_grp .memory img, h3 img, #main_content p.main_photo img, #main_content p.day_menu img, #main_content p.day_memo img, #main_content .day3 .in .spot p img, #main_content p.day_memo img, #main_content .day4 .in .charter ul li .frm_middle img, .tour_sonota img, #main_content .schedule .in table td p.bt_show img, #main_content .schedule .img_bottom img, #main_content .day4 h4 img {
        width: 100%;
        height: auto;
    }
    #head_grp p.lead {
        background-size: 100%;
        padding: 2rem 10px 10px;
        background: #F8F3EF;
        font-size: 1.2rem;
    }
    #head_grp .memory ul {
        background-size: 100%;
        padding-left: 0;
    }
    #head_grp .memory ul li.tokuten_01, #head_grp .memory ul li.tokuten_02 {
        height: auto;
    }
    #head_grp .memory ul li.tokuten_01 {
        background-image: url(../img/romanticjourney/img_back_tokuten_01_sp.png);
        background-repeat: no-repeat;
        padding: 0;
        height: 64px;
    }
    #head_grp .memory ul li.tokuten_02 {
        background-image: url(../img/romanticjourney/img_back_tokuten_02_sp.png);
        background-repeat: no-repeat;
        padding: 0;
        height: 64px;
    }
    #head_grp .memory ul li.tokuten_01 + li, #head_grp .memory ul li.tokuten_02 + li {
        margin: 15px;
        font-size: 1.2rem;
        background: #FFF;
        padding: 10px;
    }
    #main_content .day1 .in, #main_content .day2 .in, #main_content .day3 .in, #main_content .day4 .in {
        background: #FFF;
        padding: 0 10px 15px;
    }
    #main_content .day1 .img_bottom {
        display: none;
    }
    #main_content p.day_attention {
        font-size: 1.2rem;
    }
    #main_content .day2 .in .optional_box ul {
        padding-left: 0px;
    }
    #main_content .day2 .in .optional_box ul li.short {
        margin: 0 auto;
        padding-right: 0;
        width: 48%;
        display: inline-block;
        vertical-align: top;
    }
    #main_content .day2 .in .optional_box ul li.short .frm_middle {
        background-size: 100%;
        width: auto;
    }
    #main_content .day2 .in .optional_box ul li.short .frm_middle p.note_01, #main_content .day2 .in .optional_box ul li.short .frm_middle p.note_02, #main_content .day2 .in .optional_box ul li.long .frm_middle, #main_content .day2 .in .optional_box ul li.long .frm_middle {
        height: auto;
        min-height: auto;
        font-size: 1.2rem;
    }
    #main_content .day2 .in .optional_box ul li.long {
        margin: 0 auto;
        padding-right: 0;
        width: 49%;
        display: inline-block;
        vertical-align: top;
    }
    #main_content .day2 .in .optional_box ul li.short h4 img, #main_content .day2 .in .optional_box ul li.long h4 img, .bt_guide img, #main_content .day2 .in .optional_box ul li.short .img_bottom img, #main_content .day2 .in .optional_box ul li.long .img_bottom img, #main_content .day2 h4 img {
        width: 100%;
        height: auto;
    }
    #main_content .day2 .in .optional_box ul li.long .frm_middle {
        width: auto;
        background-size: 100%;
    }
    #main_content .day3 .in .spot ul {
        padding-left: 0;
    }
    #main_content .day3 .in .spot ul li {
        float: none;
        margin: 0 auto;
    }
    #main_content .day3 .in .spot ul li h4 img {
        width: 100%;
        height: auto;
    }
    #main_content .day3 .in .spot ul li .frm_middle {
        width: 100%;
        min-height: inherit;
        background-size: 100%;
        font-size: 1.2rem;
    }
    #main_content .day3 .in .show {
        height: auto;
        background-size: 100%;
        background: #FDF7E3;
        margin: 15px 0;
        padding: 10px;
    }
    #main_content .day3 .in .show p {
        padding: 0;
        font-size: 1.2rem;
    }
    #main_content .day3 .in .show img {
        width: 100%;
        height: auto;
    }
    #main_content .day4 .in .charter ul li {
        margin-bottom: 10px;
    }
    #main_content .day4 .in .charter ul li .frm_top, #main_content .day4 .in .charter ul li .frm_middle {
        width: auto;
        height: auto;
        background-size: 100%;
    }
    #main_content .day4 .in .charter ul li .frm_bottom {
        width: auto;
        background-size: 100%;
    }
    #main_content .schedule .in table {
        width: 100%;
        padding: 5px;
        font-size: 1.2rem;
        table-layout: fixed;
    }
    #main_content .schedule .in table th, #main_content .schedule .in table td {
        width: 100%;
        display: block;
        border-right: 2px solid #F8C9C3;
        border-top: 2px solid #F8C9C3;
        padding: 5px;
        font-size: 1.2rem;
    }
    #main_content .schedule .in table td span.color_a, #main_content .schedule .in table td dl.select dt, #main_content .schedule .in table td span.bold {
        font-size: 1.2rem;
    }
    /*ホテル評価スマホ*/
    #main .data-box .iconbox p.rank {
        padding: 0 2px;
    }
    #main .data-box {
        font-size: 3vw;
        position: static;
        justify-content: center;
        margin-bottom: 5px;
    }
    #main .data-box p.kuchikomi {
        margin-left: 5px;
    }
    #main .data-box p.kuchikomi .star img {
        width: 15px;
    }
}