@charset "shift-jis";
#container {
    font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;
    font-weight: 500;
    color: #000;
}
#container img {
    max-width: 100%;
    vertical-align: bottom;
}
#container sup {
    margin: 0 0 0 6px;
    font-size: 14px;
}
/* rj-title ----*/
#rj_title {
    background: url(/romanticjourney/img_new/title2001.jpg) no-repeat left -6vw;
    background-size: 180vw;
    padding: 62vw 0 0 0;
}
#rj_title h2 {
    background: url(/romanticjourney/img_new/title2003.png) no-repeat center 0;
    background-size: 100%;
    overflow: hidden;
    text-align: center;
}
#rj_title h2 img {
    margin: 8vw 0 6vw;
    width: 80%;
    max-width: 360px;
}
#rj_title .catch {
    padding: 20px;
    text-align: center;
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
    font-weight: 300;
    font-size: 20px;
    line-height: 160%;
}
#rj_title .catch br {
    display: none;
}
/*-- privilege --*/
#privilege {
    margin: 20px 0 0;
    padding: 15px 0;
    background: #f7eecc;
}
#privilege h3 {
    position: relative;
    text-align: center;
}
#privilege h3 span {
    display: inline-block;
    width: calc(100% - 108px);
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
    font-weight: 500;
    font-size: 28px;
    line-height: 120%;
}
#privilege h3::before,
#privilege h3::after {
    position: absolute;
    left: 5px;
    top: calc(50% - 7px);
    content: "";
    display: inline-block;
    width: 44px;
    height: 14px;
    background: url(/romanticjourney/img_new/privilege2004.png) no-repeat 0 0;
    background-size: 44px;
}
#privilege h3::after {
    left: auto;
    right: 5px;
    transform: scale(-1, 1);
}
#privilege ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 5px 0 0;
}
#privilege ul li {
    margin: 10px 10px 0;
    max-width: 340px;
    background: #fff;
    list-style: none;
}
#privilege ul li h4 {
    padding: 20px 30px 10px;
    background: url(/romanticjourney/img_new/privilege2005.png) no-repeat center bottom;
    text-align: center;
    font-size: 22px;
    font-weight: 300;
    line-height: 120%;
}
#privilege ul li h4 span {
    padding: 0 0 0 10px;
    font-size: 28px;
    line-height: 120%;
}
#privilege ul li p {
    padding: 12px 30px 26px 30px;
    font-size: 18px;
    line-height: 150%;
}
/* link_tab ----*/
#container .link_tab {
    display: flex;
    flex-wrap: wrap;
    padding: 24px 7px 0;
}
#container .link_tab li {
    border: 1px solid #fab;
    margin: 6px 3px 0;
    padding: 1px;
    width: calc(50% - 10px);
    list-style: none;
}
#container .link_tab li a {
    display: block;
    border: 1px solid #fab;
    text-decoration: none;
    text-align: center;
    font-size: 16px;
    line-height: 28px;
    color: #f56;
}
#container .link_tab li a::before {
    content: "\00bb";
    padding: 0 4px 0 0;
}
#container .link_tab li a:hover {
    background: #fab;
    color: #fff;
}
#container .link_tab li.active {
    border: 1px solid #ddd;
}
#container .link_tab li.active a {
    border: 1px solid #ddd;
    color: #ccc;
}
#container .link_tab li.active a:hover {
    background: #fff;
    color: #ccc;
}
/* rj_section ----*/
#container .rj_section {
    padding: 80px 0 0 0;
}
#container .rj_section .rj_day {
    border-bottom: 1px solid #000;
    margin: 0 10px;
    padding: 0 0 60px;
    background: url(/romanticjourney/img_new/section2001.png) no-repeat center 60px;
    text-align: center;
    font-size: 32px;
    line-height: 120%;
}
#container .rj_section .rj_day:first-letter {
    font-weight: 300;
    font-size: 64px;
    line-height: 120%;
}
#container .rj_section .rj_day + h3 {
    border-top: 2px solid #000;
    margin: 1px 10px 0;
    padding: 20px 0 0;
    text-align: center;
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
    font-weight: 500;
    font-size: 32px;
    line-height: 120%;
}
#container .rj_section h3 br {
    display: none;
}
#container .rj_section .catch {
    padding: 10px;
}
#container .rj_section .catch p {
    margin: 10px 0 0;
    font-size: 18px;
    line-height: 160%;
}
#container .rj_section .catch p br {
    display: none;
}
#container .rj_section .restaurant_course {
    margin: 30px 0 0;
}
#container .rj_section .restaurant_course .photo p {
    display: block;
    margin: 0 auto;
    max-width: 550px;
}
#container .rj_section .restaurant_course .photo p span {
    display: block;
    margin: -20px 0 0 0;
    padding: 0 8px 0 0;
    text-align: right;
    font-size: 14px;
    line-height: 140%;
    text-shadow: 0px -1px 0 #fff, 1px -1px 0 #fff, 1px 0 0 #fff, 1px 1px 0 #fff, 0 1px 0 #fff, -1px 1px 0 #fff, -1px 0 0 #fff, -1px -1px 0 #fff;
}
#container .rj_section .restaurant_course dl {
    margin: 30px 10px 0;
}
#container .rj_section .restaurant_course dl dt {
    padding: 0 0 30px;
    background: url(/romanticjourney/img_new/section2002.png) no-repeat center bottom;
    text-align: center;
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
    font-weight: 500;
    font-size: 26px;
    line-height: 120%;
}
#container .rj_section .restaurant_course dl dd {
    border-bottom: 1px solid #e6e6e6;
    padding: 12px 0;
    text-align: center;
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
    font-weight: 500;
    font-size: 18px;
    line-height: 130%;
}
#container .rj_section .restaurant_course dl dd span {
    padding: 0 8px;
    font-size: 14px;
}
#container .rj_section .restaurant_course dl dd.notice {
    border: none;
    padding: 6px 0 0;
    font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 120%;
}
/* optional_list */
#container .rj_section .optional_list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 10px 0 0;
}
#container .rj_section .optional_list > div {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    border: 2px solid #eee;
    margin: 10px 5px 0;
    padding: 3px;
    width: 260px;
}
#container .rj_section .optional_list div div {
    padding: 16px 15px 15px 15px;
    width: 236px;
}
#container .rj_section .optional_list div div h4 {
    padding: 0 0 6px 0;
    font-weight: 900;
    font-size: 20px;
    line-height: 120%;
}
#container .rj_section .optional_list div div p {
    font-weight: 500;
    font-size: 16px;
    line-height: 130%;
}
/* photo_plan */
#container .rj_section #photo_plan {
    position: relative;
    border: 2px solid #fab;
    margin: 30px 10px 0;
    padding: 10px;
    background: #fffbf3;
}
#container .rj_section #photo_plan h4 {
    text-align: center;
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
    font-weight: 900;
    font-size: 24px;
    line-height: 130%;
}
#container .rj_section #photo_plan h4 span {
    font-size: 28px;
    color: #f06;
}
#container .rj_section #photo_plan ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
#container .rj_section #photo_plan ul li {
    margin: 10px 5px 0;
    width: 340px;
    background: #fff;
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.2);
    list-style: none;
}
#container .rj_section #photo_plan ul li h5 {
    padding: 100px 0 0;
    /*	height:34px;*/
    height: auto;
    background: url(/romanticjourney/img_new/photo2006.jpg) no-repeat 0 0;
}
#container .rj_section #photo_plan ul li h5 {
    height: auto;
}
#container .rj_section #photo_plan ul li:nth-child(2) h5 {
    background: url(/romanticjourney/img_new/photo2007.jpg) no-repeat 0 0;
}
#container .rj_section #photo_plan ul li:nth-child(3) h5 {
    background: url(/romanticjourney/img_new/photo2008.jpg) no-repeat 0 0;
}
#container .rj_section #photo_plan ul li h5 span {
    display: block;
    padding: 0 0 0 10px;
    background: rgba(0, 0, 0, 0.5);
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
    font-weight: 900;
    font-size: 22px;
    line-height: 34px;
    color: #fff;
}
#container .rj_section #photo_plan ul li h5 span.photo_plan_text_sp {
    font-size: 20px;
}
#container .rj_section #photo_plan ul li p {
    padding: 0 10px 0 0;
    text-align: right;
    font-size: 18px;
}
#container .rj_section #photo_plan ul li p span {
    padding: 0 0 0 8px;
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
    font-size: 28px;
    line-height: 140%;
    color: #c00;
}
#container .rj_section #photo_plan ul li h5 span.photo_plan_text {
    font-size: 17px;
}
#container .rj_section #photo_plan ul + p {
    margin: 0 5px;
    padding: 12px 70px 0 0;
    font-size: 16px;
    line-height: 120%;
}
#container .rj_section #photo_plan ul + p span:first-child {
    display: block;
    padding: 5px 0;
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
    font-size: 24px;
    line-height: 120%;
    color: #f06;
}
#container .rj_section #photo_plan ul + p span + span {
    font-size: 14px;
    line-height: 120%;
}
#container .rj_section #photo_plan p + p,
#container .rj_section > .upgrade_plan p,
#container #schedule table td .upgrade_plan p + p {
    border: 1px solid #f78;
    margin: 15px 5px 0;
    padding: 1px;
    background: #fff;
    box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.2);
}
#container .rj_section #photo_plan p + p a,
#container .rj_section > .upgrade_plan p a,
#container #schedule table td .upgrade_plan p + p a {
    display: block;
    background: #f78;
    text-align: center;
    text-decoration: none;
    font-size: 20px;
    font-weight: 900;
    line-height: 38px;
    color: #fff;
}
#container .rj_section #photo_plan p + p a::before,
#container .rj_section > .upgrade_plan p a::before,
#container #schedule table td .upgrade_plan p + p a::before {
    content: "\00bb";
    margin: 0 4px 0 0;
}
#container .rj_section #photo_plan p + p a:hover,
#container .rj_section > .upgrade_plan p a:hover,
#container #schedule table td .upgrade_plan p + p a:hover {
    background: #c45;
}
#container .rj_section #photo_plan::after {
    position: absolute;
    top: 0;
    right: 0;
    content: "";
    display: block;
    width: 80px;
    height: 46px;
    background: url(/romanticjourney/img_new/section2003.png) no-repeat center top;
}
/* next_plan */
#container .rj_section .next_plan {
    margin: 20px 0 0;
    background: url(/romanticjourney/img_new/section2004.png) no-repeat center top;
    background-size: 150% auto;
}
#container .rj_section .next_plan h3 {
    margin: 0 10px;
    padding: 40px 0 0;
    text-align: center;
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
    font-weight: 500;
    font-size: 28px;
    font-size: 5.5vw;
    line-height: 120%;
}
/* upgrade_plan */
#container .rj_section .upgrade_plan {
    position: relative;
    margin: 20px 10px 0;
    padding: 15px;
    border: 1px solid #ddd;
    text-align: center;
}
#container .rj_section .upgrade_plan h4 {
    text-align: center;
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
    font-weight: 900;
    font-size: 24px;
    line-height: 130%;
}
#container .rj_section .upgrade_plan h4 span {
    font-size: 26px;
    color: #c00;
}
#container .rj_section .upgrade_plan h4 span span {
    padding: 0 4px 0 0;
    font-size: 36px;
}
#container .rj_section .upgrade_plan h4 br {
    display: none;
}
#container .rj_section .upgrade_plan::after {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    display: block;
    width: 40px;
    height: 23px;
    background: url(/romanticjourney/img_new/section2003.png) no-repeat center top;
    transform: scale(-1, 1);
    background-size: 40px;
}
/* uruwatsukecha */
#container .rj_section #uruwatsukecha {
    display: flex;
    flex-wrap: wrap;
    margin: 20px 0 0;
}
#container .rj_section #uruwatsukecha > p {
    width: 100%;
    text-align: center;
}
#container .rj_section #uruwatsukecha > div {
    margin: 15px 10px 0;
    max-width: 96%;
}
#container .rj_section #uruwatsukecha > div h4 {
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
    font-weight: 900;
    font-size: 26px;
    line-height: 130%;
}
#container .rj_section #uruwatsukecha > div h5 {
    margin: 4px 0 2px;
    font-weight: 900;
    font-size: 18px;
    line-height: 130%;
}
#container .rj_section #uruwatsukecha > div p {
    font-size: 16px;
    line-height: 150%;
}
#container .rj_section #spa {
    display: flex;
    flex-wrap: wrap;
    margin: 18px 0 0;
}
#container .rj_section #spa > p {
    width: 100%;
    text-align: center;
}
#container .rj_section #spa_service {
    padding: 10px 0 0;
}
#container .rj_section #spa_service > div {
    display: flex;
    flex-wrap: wrap;
    margin: 20px 0 0;
}
#container .rj_section #spa_service > div > p {
    width: 100%;
    text-align: center;
}
#container .rj_section #spa_service div div {
    padding: 10px 10px 0;
    width: 100%;
    text-align: center;
}
#container .rj_section #spa_service div div h4 {
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
    font-weight: 900;
    font-size: 26px;
    line-height: 130%;
}
#container .rj_section #spa_service div div dl {
    margin: 4px 0 0;
}
#container .rj_section #spa_service div div dl dt {
    font-weight: 900;
    font-size: 16px;
    line-height: 130%;
}
#container .rj_section #spa_service div div dl dd {
    padding: 4px 0 0 16px;
    text-indent: -16px;
    font-size: 16px;
    line-height: 130%;
}
/* schedule */
#container #schedule {
    border-top: 1px solid #000;
    margin: 60px 10px 0;
    padding: 1px 0 0;
}
#schedule h3,
#container #course h3 {
    border-top: 2px solid #000;
    padding: 10px 0 0;
    text-align: center;
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
    font-weight: 500;
    font-size: 28px;
    line-height: 120%;
}
#schedule table {
    border-collapse: collapse;
    border: none;
    border-top: 1px solid #aaa;
    margin: 20px 0 0;
}
#schedule table tr {
    display: block;
}
#schedule table th {
    display: block;
    border-bottom: 1px dotted #ccc;
    padding: 6px 5px;
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 120%;
}
#schedule table td {
    display: block;
    border-bottom: 1px solid #aaa;
    padding: 0 5px 8px;
    font-size: 16px;
    line-height: 120%;
}
#schedule table tr:nth-child(2n + 1) {
    background: #f7f7f7;
}
#schedule table td h4 {
    margin: 8px 0 0;
    border-top: 1px dotted #ccc;
    padding: 8px 0 0;
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
    font-weight: 500;
    font-size: 20px;
    line-height: 120%;
}
#schedule table td h4:first-child {
    border: none;
    padding: 0;
}
#schedule table td h4.select {
    padding: 8px 0 0 24px;
    text-indent: -24px;
}
/*#schedule table td h4.select::before{
	content:"v";
	display:inline-block;
	border-radius:11px;
	margin:0 2px 0 0;
	width:22px;
	background:#666;
	text-indent:0;
	text-align:center;
	font-family:"游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;
	font-size:16px;
	font-weight:900;
	line-height:22px;
	color:#fff;
}*/
#schedule table td h4 span.red {
    font-size: 17px;
    color: #f51b44;
    font-weight: bold;
}
#schedule table td h4 .sm {
    font-size: 16px;
}
#schedule table td ul + p {
    margin: 10px 0 0;
    font-size: 16px;
    font-weight: 900;
    line-height: 130%;
}
#schedule table td ul + p a {
    padding: 0 6px;
    color: #f56;
}
#schedule table td ul + p a::before {
    content: "\00bb";
}
#schedule table td ul {
    margin: 8px 0 0;
}
#schedule table td ul li {
    padding: 6px 0 0 16px;
    text-indent: -16px;
    list-style: none;
    font-size: 16px;
    line-height: 120%;
}
#schedule table td ul li::before {
    content: "\2756";
    color: #999;
}
#schedule table td ul li.circle::before {
    content: "\25EF";
    color: #000;
}
#schedule table td ul.select_list li {
    padding: 6px 0 0 48px;
    list-style: none;
    text-indent: -24px;
}
#schedule table td ul.select_list li h5 {
    font-size: 16px;
    font-weight: 900;
    line-height: 20px;
}
#schedule table td ul.select_list li span:first-child {
    display: inline-block;
    border-radius: 10px;
    margin: 0 4px 0 0;
    width: 20px;
    background: #aaa;
    text-indent: 0;
    text-align: center;
    font-size: 16px;
    font-weight: 900;
    line-height: 20px;
    color: #fff;
}
#schedule table td ul.select_list li h5 .price {
    width: auto !important;
    color: #f56;
    margin-bottom: 6px;
    font-size: 16px;
}
#schedule table td ul.select_list li h5 .price span {
    width: auto !important;
    border-radius: 5px;
    padding: 3px;
    background: #f56;
}
#schedule table td ul.select_list li {
    padding: 6px 0 0 48px;
    list-style: none;
    text-indent: -24px;
}
#schedule table td ul.select_list li::before {
    content: "";
}
#schedule table td ul.select_list li span:nth-child(2),
#schedule table td ul.select_list li span:nth-child(3) {
    text-indent: 0;
    font-size: 18px;
    font-weight: 900;
}
#schedule table td ul.select_list li span:nth-child(2) {
    display: inline-block;
    width: 100%;
}
#container #schedule table td .upgrade_plan {
    position: relative;
    background: #fff;
    text-align: left;
}
#schedule table tr:nth-child(2n) td .upgrade_plan {
    background: #f7f7f7;
}
#container #schedule table td .upgrade_plan::after {
    position: absolute;
    top: 0;
    left: auto;
    right: 0;
    content: "";
    display: block;
    width: 40px;
    height: 23px;
    background: url(/romanticjourney/img_new/section2003.png) no-repeat center top;
    background-size: 40px;
    transform: scale(1, 1);
}
#container #schedule table td .upgrade_plan h4 {
    color: #f56;
}
#container #schedule table td .upgrade_plan h5 {
    text-align: center;
    font-size: 18px;
    line-height: 120%;
}
#container #schedule table td .upgrade_plan h4 + p {
    padding: 0 0 0;
    font-size: 16px;
    font-weight: 500;
    line-height: 120%;
}
#container #schedule table td .upgrade_plan h4 + p br {
    display: none;
}
#container #schedule table td .upgrade_plan h4 + p span {
    font-size: 18px;
    font-weight: 900;
    line-height: 120%;
}
#container #schedule table td .upgrade_plan p + p {
    margin: 8px 0 0;
}
#container #course {
    border: none;
    margin: 60px 0 0;
    padding: 60px 10px 40px;
    background: #f7f7f7;
}
#container #course > div {
    border-top: 1px solid #000;
    padding: 1px 0 0;
}
#container #course > div .course_list {
    padding: 10px 0 0;
}
#container #course > div .course_list dl {
    margin: 10px 0 0;
    padding: 1px;
    background: #fff;
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.2);
}
#container #course > div .course_list dl dt {
    width: 100%;
    background: #fab;
    text-align: center;
    font-size: 18px;
    font-weight: 900;
    line-height: 30px;
    color: #fff;
}
#container #course > div .course_list dl dt br {
    display: none;
}
#container #course > div .course_list dl dd {
    padding: 10px 9px;
}
#container #course > div .course_list dl dd a {
    display: block;
    padding: 0 0 0 18px;
    text-indent: -18px;
    font-size: 18px;
    font-weight: 500;
    line-height: 150%;
    color: #000;
}
#container #course > div .course_list dl dd a::before {
    content: "\00bb";
    text-decoration: none;
    color: #f56;
}
/* link-button */
#container #link-button {
    padding: 10px 10px 30px;
}
#container #link-button p {
    padding: 10px 0 0;
}
#container #link-button p a {
    display: block;
    padding: 1px;
    background: #923;
    background: linear-gradient(to bottom, #cc3366 0%, #992233 100%);
    transition: 0.2s linear;
    text-decoration: none;
}
#container #link-button p + p a {
    background: #26b;
    background: linear-gradient(to bottom, #4488dd 0%, #2266bb 100%);
}
#container #link-button p a span {
    display: block;
    border: 1px solid #fff;
    padding: 10px 5px;
    text-align: center;
    font-size: 22px;
    font-weight: 900;
    line-height: 120%;
    color: #fff;
}
#container #link-button p a span::before {
    content: "\00bb";
    margin: 0 6px 0 0;
}
#container #link-button p a:hover {
    opacity: 0.8;
}
/* rjsm_image */
#container .rjsm_image {
    position: relative;
    margin: 18px 0 0;
}
#container .rjsm_image .bx-controls {
    position: absolute;
    bottom: 0px;
    width: 100%;
}
#container .rjsm_image .bx-controls div {
    text-align: center;
}
#container .rjsm_image .bx-controls div div {
    display: inline-block;
    margin: 0 5px;
}
#container .rjsm_image .bx-controls div div a {
    display: block;
    border-radius: 6px;
    border: 1px solid #fff;
    width: 10px;
    height: 10px;
    background: #fff;
    text-indent: -9999px;
}
#container .rjsm_image .bx-controls div div a.active {
    background: #000;
    opacity: 0.8;
}
#container .rj_section .rj_day + h3 span {
    font-size: 30px;
}
#container .rj_section .plan h3 {
    margin: 1px 10px 0;
    padding: 50px 0 0;
    text-align: center;
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
    font-weight: 500;
    font-size: 28px;
    line-height: 120%;
}
#container .rj_section .plan h3 span.pricebox {
    margin: 20px auto 0;
    color: #f51b44;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 22px;
}
#container .rj_section .plan h3 span.pricebox .ptext {
    margin: 0;
    background: #f56;
    color: #FFF;
    border-radius: 5px;
    padding: 10px;
}
#container .rj_section .plan h3 span.pricebox .price {
    padding: 10px;
    color: #f51b44;
}
#container .rj_section .catch p span.red {
    color: #f51b44;
    font-weight: bold;
    display: block;
}
#container .rj_section .plan h3 br {
    display: block !important;
}
#container .rj_section .next_plan p {
    margin: 1px 10px 0;
    padding: 50px 0 0;
    text-align: center;
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
    font-weight: 500;
    font-size: 20px;
    line-height: 170%;
}
.rjsm_image_noslider ul {
    display: flex;
    flex-wrap: wrap;
}
.rjsm_image_noslider ul li {
    width: 48%;
    list-style: none;
    justify-content: center;
}
.rjsm_image_noslider ul li:first-child {
    margin-right: 2%;
}
#container .rj_section .catch.free {
    border-bottom: 2px dotted;
    padding-bottom: 50px;
}
/* spa_service_menu */
#container .rj_section #spa_service_menu {
    margin: 20px 10px 0;
}
#container .rj_section #spa_service_menu h4 {
    text-align: center;
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
    font-weight: 900;
    font-size: 24px;
    line-height: 130%;
}
#container .rj_section #spa_service_menu h4 span {
    display: block;
    margin: 6px 0 0;
    font-size: 20px;
    line-height: 130%;
}
#container .rj_section #spa_service_menu dl {
    border-top: 1px solid #000;
    margin: 15px 0 0;
}
#container .rj_section #spa_service_menu dl dt {
    padding: 10px 10px 0 0;
    font-size: 20px;
    font-weight: 500;
    line-height: 120%;
}
#container .rj_section #spa_service_menu dl dt span {
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
    font-size: 30px;
    font-weight: 300;
    line-height: 120%;
}
#container .rj_section #spa_service_menu dl dd {
    border-bottom: 1px solid #000;
    padding: 0 0 10px;
}
#container .rj_section #spa_service_menu dl dd h5 {
    margin: 10px 0 0;
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
    font-size: 24px;
    font-weight: 900;
    line-height: 120%;
}
#container .rj_section #spa_service_menu dl dd p {
    margin: 8px 0 0;
    font-size: 18px;
    font-weight: 300;
    line-height: 130%;
}
#container .rj_section #spa_service_menu dl dd p + p {
    padding: 5px 0;
    text-align: center;
}
#container .bd {
    border-bottom: 2px dotted;
    padding-bottom: 50px;
}
#container .tour ul {
    margin: 50px auto 0;
}
#container .tour ul li {
    text-align: center;
    border: solid;
    margin-bottom: 20px;
    list-style: none;
    background: #FFF;
}
#container .tour ul li a {
    display: block;
    text-decoration: none;
    font-size: 23px;
    color: #000;
}
#container .tour ul li a:hover {
    opacity: 0.8;
}
#container .tour ul li .price {
    padding: 10px;
    font-weight: bold;
}
#container .tour ul li a:hover .price {
    color: #000;
}
#container .tour ul li .area {
    padding: 10px;
}
#container .tour ul li:nth-child(1) {
    border: solid #ed97af;
}
#container .tour ul li:nth-child(1) .area {
    background: #ed97af;
    color: #FFF;
}
#container .tour ul li:nth-child(2) {
    border: solid #87cd75;
}
#container .tour ul li:nth-child(2) .area {
    background: #87cd75;
    color: #FFF;
}
#container .tour ul li:nth-child(3) {
    border: solid #5bb7d3;
}
#container .tour ul li:nth-child(3) .area {
    background: #5bb7d3;
    color: #FFF;
}
#container .tour ul li:nth-child(4) {
    border: solid #e59c52;
    margin-right: 0;
}
#container .tour ul li:nth-child(4) .area {
    background: #e59c52;
    color: #FFF;
}
/*230703*/
div.attention-text {
    margin: 10px;
    border: 3px solid #f56;
    font-size: 3.8vw;
    font-weight: bold;
}
div.attention-text br.sp_none {
    display: none;
}
div.attention-text span {
    display: block;
    background: #f56;
    text-align: center;
    color: #fff;
    padding: 2px;
}
div.attention-text p {
    padding: 10px;
}
h4.ga-link .sp_none {
    display: none !important;
}
h4.ga-link a:hover {
    opacity: 0.8;
}
h4.ga-link2 a {
    margin: 10px;
    box-sizing: border-box;
    display: block;
}
/*20241017*/
.tab_menu {
    margin-top: 30px;
    background-color: #fff;
    box-sizing: border-box;
}
.tab_menu ul.area {
    display: flex;
}
.tab_menu ul.area li {
    width: 25%;
    list-style-type: none;
    border: 1px solid #5FBFEC;
    text-align: center;
    padding: 15px 0;
    font-size: 20px;
    cursor: pointer;
    border-right: none;
    border-bottom: none;
    font-weight: bold;
}
.tab_menu ul.area li:last-of-type {
    border-right: 1px solid #5FBFEC;
}
#course .tour-contents {
    border: 3px solid #5FBFEC;
    background-color: #fff;
    display: none;
}
#course .tour-contents * {
    box-sizing: border-box;
}
#course .tour-contents ul li {
    list-style-type: none;
    position: relative;
}
#course .tour-contents ul li a {
    display: flex;
    border-bottom: 1px dotted #ccc;
    padding: 10px;
    flex-wrap: wrap;
    text-decoration: none;
}
#course .tour-contents ul li a:hover {
    background-color: #80CCF0;
    transition: 0.2s linear;
}
#course .tour-contents ul li a:hover .box .item1,
#course .tour-contents ul li a:hover .box .item3,
#course .tour-contents ul li a:hover .box .item2,
#course .tour-contents ul li a:hover .box .bottom_box .hotel_item{
    color: #fff;
}
#course .tour-contents ul li .img img {
    object-fit: cover;
    width: 250px;
    height: 150px;
}
#course .tour-contents ul li .box {
    width: calc(100% - 250px);
    padding: 0 10px;
    position: relative;
}
#course .tour-contents ul li .box .item1 {
    text-decoration: underline;
    font-size: 16px;
    color: #333;
    font-weight: bold;
           overflow: hidden;
        display: -webkit-box;
        text-overflow: ellipsis;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
}
#course .tour-contents ul li .box .item3{
    color: #333;
    display: flex;
    justify-content: right;
    align-items: flex-start;
min-width: 350px;
}
#course .tour-contents ul li .box .item3 .midashi{
width: 20px;
}
#course .tour-contents ul li .box .item3 .price,
#course .tour-contents ul li .box .item2 {
    color: #333;
    font-size: 15px;
}
#course .tour-contents ul li .box .item3 .t-item span{
display: block;
}
#course .tour-contents ul li .box .item3 .t-item span.per-person,
#course .tour-contents ul li .box .item3 .t-item span.nenyu{
font-size: 13px;

}
#course .tour-contents ul li .box .item3 .t-item span.per-person{
color: #f51b44;
}
#course .tour-contents ul li .box .item3 .t-item{
margin-left: 6px;
}

#course .tour-contents ul li .box .bottom_box{
display: flex;
justify-content: space-between;
}
#course .tour-contents ul li .box .bottom_box .hotel_item{
color: #333;
  font-size: 14px;
  background: url(../img_new/hotel_icon.png) no-repeat;
  background-size: 20px;
  width: calc(100% - 350px);
  padding-left: 25px;
  padding-top: 30px;
  background-position: left 30px;
}


#course .tour-contents ul li .box .item3 .price{
    font-size: 28px;
    color: #f51b44;
line-height: 1;
}
.tab_menu ul.area li.on {
    background-color: #5FBFEC;
    color: #fff;
    border-color: #5FBFEC;
}
.tab_menu ul.area li:hover {
    background-color: #5FBFEC;
    color: #fff;
}
#course .tour-contents .link-button a {
    display: block;
    width: 800px;
    margin: 0 auto;
    background: #923;
    text-align: center;
    text-decoration: none;
    background: linear-gradient(to bottom, #5fbfec 0%, #3897c4 100%);
    transition: 0.2s linear;
    padding: 1px;
    color: #fff;
}
#course .tour-contents .link-button a span {
    display: inline-block;
    font-size: 25px;
    padding: 15px;
}
#course .tour-contents .link-button {
    margin: 20px 0;
}
#course .tour-contents .link-button a:hover {
    opacity: 0.8;
}
.tour-contents p.img {
    position: relative;
}
.tour-contents .area-name {
    position: absolute;
    top: 0;
    left: 0;
    background-color: #676767;
    padding: 5px;
    color: #fff;
    font-size: 13px;
}
#course .tour-contents .link-button a span::before {
    content: "\00bb";
    margin: 0 6px 0 0;
}
#container #course .genre_detail{

	height: auto;
    font-size: 0;
}
#container #course .genre_detail span{
border: 1px solid #bebebe;
border-radius: 15px;
  margin-right: 5px;
    font-size: 12px;
    line-height: 175%;
    display: inline-block;
    padding: 1px 7px;
    font-weight: bold;
    margin-bottom: 3px;

    color: #333;
      background-color: #fff;
}
#container #course .genre_detail .left_area{
	float:left;
	width:525px;
	padding:0px;
	margin:0px;
}
#container #course .genre_detail .right_area{
	float:right;
	width:326px;
}
#container #course .genre_detail .right_area .bt_detail a{
	background:url(../img/bt_detail_l.png) left top no-repeat;
	width:326px;		
	height:54px;
	padding:0px;
	display:block;
	margin:0px;
}
#container #course .genre_detail .right_area .bt_detail:hover{
    opacity:0.5;
    -moz-opacity:0.5;
    filter:alpha(opacity = 50);
}

#container #course .genre_detail .right_area .bt_detail a span{
	display:none;
}

#container #course .genre_detail .right_area .tour_cd{
	margin:0px;
	padding:4px 0px 0px 0px;
	text-align:center;
}
#container #course .genre_detail span.icon_ebf{background:url(../img_new/icon_ebf.png) no-repeat right center #fff; padding-right:25px;background-size: 30px;}
#container #course .genre_detail span.icon_car{background:url(../img_new/icon_car.png) no-repeat right center #fff; padding-right:35px}

#container .data-box{
    display: flex;
    position: absolute;
  bottom: 56px;
  left: 270px;
}
#container .data-box .iconbox p.rank{
    width: auto;
    font-size: 13px;
    color: #fff;
    border-radius: 12px;
    padding: 0 10px;
    text-align: center;
    display: inline-block;
    font-weight: bold;
}
#container .data-box .iconbox p.rank.high{
    background: #a48700;
}
#container .data-box .iconbox p.rank.low {
    background: #213264;
}
#container .data-box p.kuchikomi .evaluation{
    font-weight: bold;
    padding-left: 4px;
    font-size: 15px;
}
#container .data-box p.kuchikomi{
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 10px;
}
#container .data-box p.kuchikomi .evaluation.ore{
    color: #ff4e00;
}
#container .data-box p.kuchikomi .evaluation.yellow{
   color: #ff9900;
}
#container .data-box p.kuchikomi .evaluation .comment{
font-size: 14px;
    padding-left: 0;
}
#container .data-box p.kuchikomi .number {
    font-size: 14px;
    font-weight: normal;
    color: #000;
    padding: 0;
    margin: 0;
}
#container .data-box p.kuchikomi .number a{
      text-decoration: underline;
      display: inline;
}
#container .data-box p.kuchikomi .star {
    display: flex;
}
#container .data-box p.kuchikomi .evaluation.ore{
    color: #ff4e00;
}
#container .data-box p.kuchikomi .evaluation.yellow{
   color: #ff9900;
}
#container .box-left .data-box,#container .box-right .data-box{
    width: 100%;
}

#course .tour-contents ul li .data-box a{
border-bottom: none;
padding: 0;
}
#course .tour-contents ul li .data-box a:hover{
background-color: transparent;
color: #333;
}


/*260127*/
#container .rj_section .optional_list > div.op-TAE{
position: relative;
}
#container .rj_section .optional_list > div.op-TAE .sale-end{
position: absolute;
z-index: 10;
  color: #fff;
  width: 100%;
  text-align: center;
  font-size: 35px;
  font-weight: bold;
  letter-spacing: 0.1em;
}
#container .rj_section .optional_list > div.op-TAE::before{
content: "";
width: 100%;
height: 100%;
display: block;
position: absolute;
top: 0;
background:#000;
background: rgba(0,0,0,0.6);
}








@media screen and (min-width:330px), print {
    #container .rj_section #photo_plan ul li h5 span.photo_plan_text {
        font-size: 16px;
    }
    #container .rj_section #photo_plan ul li h5 span.photo_plan_text_sp {
        font-size: 22px;
    }
}
@media screen and (min-width:440px), print {
    #container .link_tab li {
        border: 1px solid #fab;
        margin: 6px 3px 0;
        padding: 1px;
        width: calc(33% - 10px);
        list-style: none;
    }
}
@media screen and (min-width:640px), print {
    h4.ga-link .pc_none {
        display: none !important;
    }
    h4.ga-link .sp_none {
        display: block !important;
    }
    h4.ga-link2 a img {
        display: block;
        margin: 0 auto;
    }
    #rj_title {
        position: relative;
        padding: 42vw 0 0 0;
        background-position: center top;
        background-size: 100vw;
    }
    #rj_title h2 {
        position: absolute;
        top: 3vw;
        right: 3vw;
        display: table-cell;
        width: 50%;
        height: 36vw;
        max-width: 600px;
        max-height: 500px;
        vertical-align: middle;
    }
    #rj_title h2 img {
        width: 80%;
        max-width: 494px;
    }
    #rj_title .catch {
        padding: 40px 0 0;
        font-size: 24px;
        line-height: 160%;
    }
    #rj_title .catch br {
        display: inline;
    }
    /*-- privilege --*/
    #privilege {
        margin: 70px auto 0;
        padding: 0;
        width: 1200px;
        text-align: center;
    }
    #privilege h3 {
        position: relative;
        display: inline-block;
        padding: 36px 98px 0;
        text-align: center;
    }
    #privilege h3 span {
        display: inline;
        font-size: 40px;
        line-height: 120%;
    }
    #privilege h3::before,
    #privilege h3::after {
        position: absolute;
        left: 0;
        top: calc(50% + 4px);
        width: 88px;
        height: 27px;
        background-size: 88px;
    }
    #privilege h3::after {
        left: auto;
        right: 0;
        transform: scale(-1, 1);
    }
    #privilege ul {
        padding: 30px 0 40px;
    }
    #privilege ul li {
        margin: 0 20px 0;
    }
    #privilege ul li h4 {
        padding: 20px 30px 10px;
        background: url(/romanticjourney/img_new/privilege2005.png) no-repeat center bottom;
        text-align: center;
        font-size: 22px;
        line-height: 120%;
    }
    /* link_tab ----*/
    #container .link_tab {
        margin: 0 auto;
        padding: 50px 0 0;
        width: 1200px;
    }
    #container .link_tab li {
        border: 1px solid #fab;
        margin: 0 6px 0 0;
        padding: 1px;
        width: 191px;
        list-style: none;
    }
    #container .link_tab li:last-child {
        margin: 0;
    }
    #container .link_tab li a {
        font-size: 18px;
        line-height: 58px;
    }
    /* rj_section ----*/
    #container .rj_section {
        padding: 100px 0 0 0;
        min-width: 1200px;
    }
    #container .rj_section .rj_day {
        margin: 0 auto;
        padding: 0 0 65px;
        width: 1200px;
        background: url(/romanticjourney/img_new/section2001.png) no-repeat center 100px;
        font-size: 50px;
        line-height: 120%;
    }
    #container .rj_section .rj_day:first-letter {
        font-size: 100px;
        line-height: 120%;
    }
    #container .rj_section .rj_day + h3 {
        margin: 1px auto 0;
        padding: 40px 0 0;
        width: 1200px;
        font-weight: 500;
        font-size: 54px;
        line-height: 120%;
    }
    #container .rj_section h3 br {
        display: inline;
    }
    #container .rj_section .catch {
        margin: 0 auto;
        padding: 20px;
        width: 1200px;
    }
    #container .rj_section .catch p {
        margin: 26px 0 0;
        text-align: center;
        font-size: 24px;
        font-weight: 300;
        line-height: 160%;
    }
    #container .rj_section .catch p br {
        display: inline;
    }
    #container .rj_section .restaurant_course {
        display: flex;
        align-items: center;
        margin: 94px 0 0;
        width: 100%;
        min-width: 1200px;
    }
    #container .rj_section .restaurant_course + .restaurant_course {
        margin: 50px 0 0;
        flex-direction: row-reverse;
    }
    #container .rj_section .restaurant_course .photo {
        width: 550px;
    }
    #container .rj_section .restaurant_course dl {
        margin: 0 75px 0;
        width: calc(100% - 550px);
    }
    #container .rj_section .restaurant_course dl dt {
        padding: 0 0 46px;
        font-size: 32px;
        line-height: 120%;
    }
    #container .rj_section .restaurant_course dl dd {
        padding: 16px 0;
        font-size: 22px;
        line-height: 130%;
    }
    #container .rj_section .restaurant_course dl dd span {
        padding: 0 8px;
        font-size: 16px;
    }
    #container .rj_section .restaurant_course dl dd.notice {
        font-size: 16px;
        line-height: 120%;
    }
    /* optional_list */
    #container .rj_section .optional_list {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        margin: 0 auto;
        padding: 74px 0 0;
        max-width: 1200px;
    }
    #container .rj_section .optional_list > div {
        flex-wrap: no-wrap;
        justify-content: flex-start;
        align-items: center;
        width: 580px;
    }
    #container .rj_section .optional_list > div:nth-child(3),
    #container .rj_section .optional_list > div:nth-child(4),
    #container .rj_section .optional_list > div:nth-child(5) {
        flex-direction: row-reverse;
    }
    #container .rj_section .optional_list div div {
        padding: 20px;
        width: 280px;
    }
    #container .rj_section .optional_list div div h4 {
        padding: 0 0 10px 0;
        font-size: 24px;
        font-weight: 500;
        line-height: 120%;
    }
    #container .rj_section .optional_list div div p {
        font-size: 18px;
        line-height: 130%;
    }
    /* photo_plan */
    #container .rj_section #photo_plan {
        position: relative;
        border: 2px solid #fab;
        margin: 80px auto 0;
        padding: 16px 0 20px;
        width: 1096px;
        background: #fffbf3;
    }
    #container .rj_section #photo_plan h4 {
        font-size: 32px;
        line-height: 130%;
    }
    #container .rj_section #photo_plan h4 span {
        font-size: 40px;
    }
    #container .rj_section #photo_plan h4 br {
        display: none;
    }
    #container .rj_section #photo_plan ul {
        margin: 16px 0 0;
    }
    #container .rj_section #photo_plan ul li {
        margin: 0 6px;
    }
    #container .rj_section #photo_plan ul + p {
        float: left;
        margin: 0;
        padding: 20px 70px 0 23px;
        font-size: 18px;
        line-height: 120%;
    }
    #container .rj_section #photo_plan ul + p span:first-child {
        padding: 4px 0;
        font-size: 28px;
        line-height: 120%;
    }
    #container .rj_section #photo_plan p + p,
    #container .rj_section > .upgrade_plan p,
    #container #schedule table td .upgrade_plan p + p {
        width: 336px;
    }
    #container .rj_section #photo_plan p + p a,
    #container .rj_section > .upgrade_plan p a,
    #container #schedule table td .upgrade_plan p + p a {
        line-height: 48px;
    }
    /* next_plan */
    #container .rj_section .next_plan {
        margin: 60px auto 0;
        width: 1400px;
        background: url(/romanticjourney/img_new/section2004.png) no-repeat center top;
        background-size: 100% auto;
    }
    #container .rj_section .next_plan h3 {
        margin: 0;
        padding: 100px 0 0;
        text-align: center;
        font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
        font-weight: 500;
        font-size: 40px;
        line-height: 120%;
    }
    /* upgrade_plan */
    #container .rj_section .upgrade_plan {
        position: relative;
        border: 1px solid #ddd;
        margin: 60px auto 0;
        padding: 12px 0 20px;
        width: 798px;
        text-align: center;
    }
    #container .rj_section .upgrade_plan h4 {
        font-size: 32px;
        line-height: 130%;
    }
    #container .rj_section .upgrade_plan h4 span {
        font-size: 36px;
    }
    #container .rj_section .upgrade_plan h4 span span {
        padding: 0 4px 0 0;
        font-size: 40px;
    }
    #container .rj_section .upgrade_plan h4 br {
        display: inline;
    }
    #container .rj_section > .upgrade_plan p {
        margin: 16px auto 0;
    }
    #container .rj_section .upgrade_plan::after {
        position: absolute;
        top: 0;
        left: 0;
        content: "";
        display: block;
        width: 60px;
        height: 34px;
        background: url(/romanticjourney/img_new/section2003.png) no-repeat center top;
        transform: scale(-1, 1);
        background-size: 60px;
    }
    /* uruwatsukecha */
    #container .rj_section #uruwatsukecha {
        align-items: center;
        flex-direction: row-reverse;
        margin: 80px auto 0;
        min-width: 1200px;
    }
    #container .rj_section #uruwatsukecha > p {
        width: 500px;
    }
    #container .rj_section #uruwatsukecha > div {
        width: 680px;
        margin: 0 20px 0 0;
    }
    #container .rj_section #uruwatsukecha > div h4 {
        font-weight: 500;
        font-size: 38px;
        line-height: 130%;
    }
    #container .rj_section #uruwatsukecha > div h5 {
        margin: 12px 0 6px;
        font-weight: 500;
        font-size: 24px;
        line-height: 130%;
    }
    #container .rj_section #uruwatsukecha > div p {
        font-size: 18px;
        line-height: 150%;
    }
    #container .rj_section #uruwatsukecha .rjsm_image {
        width: 500px;
        margin: 0;
    }
    #container .rj_section #spa {
        flex-wrap: nowrap;
        flex-direction: row-reverse;
        align-items: center;
        margin: 46px 0 0;
        min-width: 1200px;
    }
    #container .rj_section #spa > p {
        width: 520px;
    }
    #container .rj_section #spa .catch {
        padding: 0;
        width: calc(100% - 520px);
    }
    #container .rj_section #spa .catch p {
        margin: 0 20px 0 calc(50% - 600px);
        text-align: left;
    }
    #container .rj_section #spa_service {
        padding: 20px 0 0;
        min-width: 1200px;
    }
    #container .rj_section #spa_service > div {
        flex-wrap: nowrap;
        align-items: center;
        margin: 40px 0 0;
    }
    #container .rj_section #spa_service > div:nth-child(2),
    #container .rj_section #spa_service > div:nth-child(4) {
        flex-direction: row-reverse;
    }
    #container .rj_section #spa_service > div > p {
        width: 460px;
    }
    #container .rj_section #spa_service div div {
        width: calc(100% - 500px);
        text-align: left;
    }
    #container .rj_section #spa_service div div h4 {
        padding: 6px calc(50% - 600px) 0 40px;
        font-weight: 500;
        font-size: 38px;
        line-height: 130%;
    }
    #container .rj_section #spa_service div div dl {
        padding: 0 calc(50% - 600px) 0 40px;
    }
    #container .rj_section #spa_service > div:nth-child(2) div h4,
    #container .rj_section #spa_service > div:nth-child(4) div h4,
    #container .rj_section #spa_service div:nth-child(2) div dl,
    #container .rj_section #spa_service div:nth-child(4) div dl {
        padding: 0 40px 0 calc(50% - 600px);
    }
    #container .rj_section #spa_service div div dl dt {
        font-weight: 500;
        font-size: 20px;
        line-height: 130%;
    }
    #container .rj_section #spa_service div div dl dd {
        text-indent: -18px;
        font-size: 18px;
        line-height: 130%;
    }
    /* schedule */
    #container #schedule {
        border-top: 1px solid #000;
        margin: 80px auto 0;
        padding: 1px 0 0;
        width: 1200px;
    }
    #schedule h3,
    #container #course h3 {
        padding: 16px 0 0;
        font-size: 40px;
        line-height: 120%;
    }
    #schedule table {
        margin: 36px 0 0;
    }
    #schedule table tr {
        display: table-row;
    }
    #schedule table th {
        display: table-cell;
        border-bottom: 1px solid #aaa;
        padding: 16px 0 16px 20px;
        width: 110px;
        vertical-align: top;
        font-size: 30px;
        line-height: 120%;
    }
    #schedule table td {
        display: table-cell;
        border-bottom: 1px solid #aaa;
        padding: 16px 20px 16px 0;
        font-size: 18px;
        line-height: 120%;
    }
    #schedule table td h4 {
        margin: 16px 0 0;
        padding: 16px 0 0;
        font-size: 26px;
        line-height: 120%;
    }
    #schedule table td h4:first-child {
        border: none;
        margin: 0;
        padding: 0;
    }
    #schedule table td ul + p {
        margin: 16px 0 0;
    }
    #schedule table td ul {
        margin: 2px 0 0;
    }
    #schedule table td ul li {
        padding: 6px 0 0 18px;
        text-indent: -18px;
        font-size: 18px;
        line-height: 120%;
    }
    #schedule table td ul.select_list li {
        padding: 6px 0 0 52px;
    }
    #schedule table td ul.select_list li h5 {
        font-size: 20px;
    }
    #schedule table td ul.select_list li h5 .price {
        font-size: 23px;
        padding: 6px;
    }
    #schedule table td ul.select_list li span:first-child {
        border-radius: 11px;
        width: 22px;
        font-size: 18px;
        line-height: 22px;
    }
    #schedule table td ul.select_list li {
        padding: 6px 0 0 50px;
        text-indent: -26px;
    }
    #schedule table td ul.select_list li span:nth-child(2) {
        width: 18%;
    }
    #container #schedule table td .upgrade_plan {
        position: relative;
        padding: 16px 20px;
        width: calc(100% - 42px);
        background: #fff;
        text-align: left;
    }
    #schedule table tr:nth-child(2n) td .upgrade_plan {
        position: relative;
        background: #f7f7f7;
    }
    #container #schedule table td .upgrade_plan::after {
        width: 60px;
        height: 34px;
        background-size: 60px;
    }
    #container #schedule table td .upgrade_plan h4 {
        text-align: left;
    }
    #container #schedule table td .upgrade_plan h5 {
        padding: 2px 0 4px;
        clear: both;
        text-align: left;
    }
    #container #schedule table td .upgrade_plan h4 + p {
        font-size: 18px;
        line-height: 120%;
    }
    #container #schedule table td .upgrade_plan h4 + p br {
        display: inline;
    }
    #container #schedule table td .upgrade_plan h4 + p span {
        font-size: 24px;
        font-weight: 900;
        line-height: 120%;
    }
    #container #schedule table td .upgrade_plan p + p {
        position: absolute;
        top: calc(50% - 36px);
        right: 20px;
        width: 208px;
    }
    #container #course {
        margin: 80px 0 0;
        padding: 80px 0 40px;
    }
    #container #course > div {
        margin: 0 auto;
        width: 1000px;
    }
    #container #course > div .course_list {
        padding: 40px 0 0;
    }
    #container #course > div .course_list dl {
        display: table;
        border-collapse: separate;
        border-spacing: 1px;
        margin: 20px 0 0;
        padding: 0;
    }
    #container #course > div .course_list dl dt {
        display: table-cell;
        width: 170px;
        vertical-align: middle;
        font-size: 20px;
        line-height: 120%;
    }
    #container #course > div .course_list dl dt br {
        display: inline;
    }
    #container #course > div .course_list dl dd {
        display: table-cell;
        padding: 16px 19px;
    }
    #container #course > div .course_list dl dd a {
        padding: 0 0 0 20px;
        text-indent: -20px;
        font-size: 20px;
        line-height: 150%;
    }
    /* rjsm_image */
    #container .rjsm_image {
        margin: 52px auto 0;
        width: 1200px;
    }
    #container .rjsm_image .bx-controls div div a {
        border-radius: 6px;
        width: 12px;
        height: 12px;
    }
    /* link-button */
    #container #link-button {
        margin: 0 auto;
        padding: 20px 0 0;
        width: 800px;
    }
    #container #link-button p {
        padding: 40px 0 0;
    }
    #container #link-button p a span {
        padding: 0;
        font-size: 32px;
        line-height: 86px;
        color: #fff;
    }
    #container .rj_section #photo_plan ul li h5 {
        padding: 136px 0 0;
    }
    #container .rj_section #photo_plan ul li h5 span.photo_plan_text_sp {
        font-size: 22px;
    }
    #container .rj_section #photo_plan p + p {
        margin: 34px auto 10px;
    }
    #container .rj_section #photo_plan p + p a,
    #container .rj_section #photo_plan p + p {
        width: 450px;
    }
    /* spa_service_menu */
    #container .rj_section #spa_service_menu {
        margin: 60px auto 0;
        width: 1200px;
    }
    #container .rj_section #spa_service_menu h4 {
        font-size: 36px;
        line-height: 130%;
    }
    #container .rj_section #spa_service_menu h4 span {
        margin: 6px 0 0;
        font-size: 32px;
        line-height: 130%;
    }
    #container .rj_section #spa_service_menu dl {
        display: flex;
        flex-wrap: wrap;
        border-top: 1px solid #000;
        margin: 30px 0 0;
    }
    #container .rj_section #spa_service_menu dl dt {
        border-bottom: 1px solid #000;
        padding: 26px 0;
        width: 220px;
        font-size: 28px;
        line-height: 120%;
    }
    #container .rj_section #spa_service_menu dl dt span {
        margin: 0 4px 0 0;
        font-size: 60px;
        font-weight: 300;
        line-height: 120%;
    }
    #container .rj_section #spa_service_menu dl dd {
        padding: 16px 0 26px;
        width: 980px;
    }
    #container .rj_section #spa_service_menu dl dd h5 {
        margin: 10px 0 0;
        font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
        font-size: 28px;
        line-height: 120%;
    }
    #container .rj_section #spa_service_menu dl dd:nth-child(2) h5 {
        margin: 30px 0 0;
    }
    #container .rj_section .ugp_breeze {
        align-items: start;
    }
    #container .rjsm_image_noslider {
        max-width: 1200px;
        margin: 20px auto 0;
    }
    #container .bd {
        width: 1200px;
        margin: 0 auto;
    }
    #container .tour ul {
        display: flex;
        flex-wrap: wrap;
    }
    #container .tour ul li {
        width: 285px;
    }
    .rjsm_image_noslider ul li:last-child {
        margin-right: 0;
    }
    #container .rj_section .plan h3 {
        font-size: 34px;
    }
    #container .rj_section .plan h3 span {
        font-size: 28px;
    }
    #container .rj_section .next_plan p {
        font-size: 25px;
    }
    #container .rj_section .next_plan p {
        padding: 100px 0 0;
    }
    #container .tour ul li {
        margin-right: 10px;
        margin-bottom: 0;
    }
    #container .tour ul li:last-child {
        margin-right: 0;
    }
    #container .tour ul li a {
        font-size: 26px;
    }
    #container .rj_section {
        min-width: 1200px;
        margin: 0 auto;
    }
    #container .rj_section .plan h3 span.pricebox {
        width: 500px;
    }
    #container .rj_section .plan h3 span.pricebox .price {
        font-size: 30px;
        padding: 6px 16px;
    }
    #container .rj_section .plan h3 span.pricebox .ptext {
        padding: 5px 30px;
    }
    #schedule table td h4 span.red {
        font-size: 20px;
    }
    #schedule table td h4 .sm {
        font-size: 20px;
    }
    /*230703*/
    div.attention-text {
        max-width: 1200px;
        margin: 25px auto -20px;
        border: 2px solid #f56;
        font-size: 19px;
    }
}
@media screen and (min-width:1200px), print {
    #rj_title h2 {
        top: calc(21vw - 250px);
        right: 40px;
    }
}
@media screen and (max-width:1200px), print {
    #privilege, #container .rj_section, #container .rj_section .optional_list, #container .rjsm_image, #container .rj_section .rj_day + h3, #container .rj_section .next_plan {
        max-width: 1200px;
    }
    #container .rj_section .catch {
        max-width: 1100px;
    }
}
@media screen and (max-width:639px) {
.sp_none{display: none;}
    /*241017*/
    .tab_menu ul.area li {
        font-size: 3.8vw;
        width: 30%;
        background-color: #fff;
        border-right: 1px solid #5FBFEC;
        border-bottom: 1px solid #5FBFEC;
        margin-right: 2%;
        margin-bottom: 2%;
        padding: 10px 0;
    }
    .tab_menu ul.area {
        flex-wrap: wrap;
        justify-content: center;
    }
    .tab_menu {
        background: transparent;
        margin: 15px 0;
    }
    .tab_menu ul.area li:nth-of-type(3) {
        margin-right: 0;
    }
    #course .tour-contents ul li .img img {
        width: 100px;
        height: 70px;
    }
    .tour-contents .area-name {
        font-size: 3.3vw;
        bottom: -10px;
padding: 0 5px;
width: ;
width: 100px;
text-align: center;
top: auto;
    }
    #course .tour-contents ul li .box {
        width: calc(100% - 100px);
        position: static;
        min-height: 94px;
    }
    #course .tour-contents ul li .box .item1 {
        font-size: 3.5vw;
 
    }
    #course .tour-contents ul li .box .item2 {
font-size: 3vw;
    font-feature-settings: "palt";
    }
    #course .tour-contents ul li .box .item3 {
font-size: 5vw;
    right: auto;
    position: absolute;
    min-width: 0;
    left: 0;
    width: 100%;
    display: block;
    bottom: 0;
    }
    #course .tour-contents ul li a {
        position: relative;
        padding: 5px;
        padding-bottom: 12vw;
        }
    #course .tour-contents .link-button a {
        width: 90%;
    }
    #course .tour-contents .link-button a span {
        font-size: 5vw;
        padding: 5px;
    }
    #course .tour-contents .link-button {
        margin: 10px 0;
    }
    #container #course h3 {
        font-size: 5vw;
        font-feature-settings: "palt";
    }
    #course .tour-contents ul li .box .bottom_box .hotel_item{
    width: auto;
font-size: 3.3vw;
    line-height: 1.3;
    padding-top: 25px;
  background-position: left 25px;
    }
    #course .tour-contents ul li .box .bottom_box{
    display: block;
    }
.tour-contents p.img{
    height: 80px;
    }
    #course .tour-contents ul li .box .item3 .price{
    font-size: 5vw;
    }
    #course .tour-contents ul li .box .item3 .t-item span.per-person,
    #course .tour-contents ul li .box .item3 .t-item span.nenyu {
  font-size: 3vw;
}
#course .tour-contents ul li .box .item3 .t-item{
display: flex;
  flex-wrap: wrap;
  margin-top: 6px;
}
#course .tour-contents ul li .box .item3 .t-item span.nenyu{
     width: 100%;
     }
/*ホテル評価スマホ*/
#container .data-box .iconbox p.rank{
font-size: 2.5vw;
padding: 0 2px;
}
#container .data-box p.kuchikomi .evaluation,
#container .data-box p.kuchikomi .number,
#container .data-box p.kuchikomi .evaluation .comment{
font-size: 2.5vw;
}
#container .data-box p.kuchikomi{
margin-left: 2px;
}
#container .data-box p.kuchikomi .star img{
width: 15px;
height: auto;
}
  #container .data-box{
  bottom: auto;
  left: 110px;
  top: 18vw;
  font-feature-settings: "palt";
  }   
#container .data-box .kuchikomi .star img{
  width: 20px;
height: 19px;
  position: absolute;
}
#container .data-box p.kuchikomi .star img:nth-child(1){
    left: 0px;
    z-index: 14;
}
#container .data-box p.kuchikomi .star img:nth-child(2){
    left: 10px;
    z-index: 13;
}
#container .data-box p.kuchikomi .star img:nth-child(3){
    left: 20px;
    z-index: 12;
}
#container .data-box p.kuchikomi .star img:nth-child(4){
    left: 30px;
    z-index: 11;
}
#container .data-box p.kuchikomi .star img:nth-child(5){
    left: 40px;
    z-index: 10;
}
#container .data-box p.kuchikomi .star{
position: relative;
width: 55px;
  height: 15px;
}
    
}