@charset "UTF-8"; /* ----------------------------------------------------------- CSS Information File name: page_special_content_roadtraveler.css Created: 2019-09-09 Style Info: 特集・楽しみ方(詳細ページ 記事コンテンツ《最旬情報の記事》) CSS ----------------------------------------------------------- */ #getContent .article_cnt .arcicle_description {display:none;} #getContent .article_cnt p a:not(.tw_tel_link) {text-decoration:underline;} #getContent .article_sec {margin-bottom:60px;} #getContent .article_sec .tour_panel.code {display:block;} @media screen and (max-width:767px) { #getContent .article_sec {margin-bottom:40px;} } /* ローディング画面 */ /* -------------------------------------------------------- */ .detail_cnt {position:relative;min-height:200px;} .detail_cnt #overlay {position:absolute;top:0;z-index:100;width:100%;height:100%;display:none;background:#fff;} .detail_cnt #overlay .spinner {position:absolute;top:0;left:0;z-index:200;height:100%;width:100%;display:flex;justify-content:center;align-items:center;background:url(../img/common/load.gif) center center no-repeat;} /* 記事のお問い合わせ */ /* -------------------------------------------------------- */ #getContent .article_contact_tit {font-weight:bold;text-align:center;line-height:1.8;font-size:16px;margin-bottom:20px;} #getContent .article_contact_tel i {vertical-align:top;display:inline-block;} #getContent .article_contact_tel span {color:#23af00;font-weight:bold;font-size:56px;line-height:1;font-family:'arial',sans-serif;display:block;text-align:center;position:relative;} #getContent .article_contact_tel span i {transform:rotate(90deg);-webkit-transform:rotate(90deg);margin-right:10px;font-size:75%;} #getContent .article_contact_tel a {display:none;} @media screen and (max-width:767px){ #getContent .article_contact {margin-bottom:0;} #getContent .article_contact_tel span {display:none;} #getContent .article_contact_tel a {position:relative;display:block;border-radius:5px;font-size:16px;overflow:hidden;height:44px;line-height:42px;text-decoration:none;font-weight:bold;border:2px solid #23af00;color:#23af00;padding-left:10px;background:#fff;text-align:center;letter-spacing:.1em;} #getContent .article_contact_tel a i {position:absolute;left:20px;top:50%;transform:rotate(-45deg) translate(0, -65%);-webkit-transform:rotate(-45deg) translate(0, -65%);font-size:160%;} } @media screen and (max-width:480px){ #getContent .article_contact_tit {line-height:1.6;font-size:4vw;} #getContent .article_contact_tel a {font-size:4.5vw;} } /* メルマガ登録枠 */ @media (min-width:768px),print { #getContent .article_cnt .contact_box_mid.newsletter .tit {margin-right: 20px;} } @media screen and (max-width:767px) { #getContent .article_cnt .contact_box_mid.newsletter {flex-direction:column;} #getContent .article_cnt .contact_box_mid.newsletter .tit {width:100%;display:block;margin-bottom:10px;} #getContent .article_cnt .contact_box_mid.newsletter .linkbtn {width:100%;} #getContent .article_cnt .contact_box_mid.newsletter .linkbtn a {display:flex;align-items:center;justify-content:center;height:40px;font-size:1.5rem;} } @media screen and (max-width: 480px) { #getContent .article_cnt .contact_box_mid.newsletter .linkbtn a {font-size:4.25vw;} } /* 記事本文 目次 */ /* ----------------------------------------------------------- */ #getContent .article_cnt .index_box {position:relative;background:#f4f4f4;padding:70px 40px 20px;margin:40px 0 70px;} #getContent .article_cnt .index_box::before {position:absolute;top:35px;left:40px;content:"Contents :";font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "MS P明朝", "MS 明朝", serif;letter-spacing:.2em;font-weight:bold;font-size:18px;} #getContent .article_cnt .index_box ol {counter-reset:mokujiNum;} #getContent .article_cnt .index_box li {font-size:16px;line-height:1.8;margin-bottom:5px;padding-left:20px;text-indent:-20px;} #getContent .article_cnt .index_box li::before {counter-increment:mokujiNum;content:counters(mokujiNum, "-")". ";margin-right:5px;font-size:18px;font-weight:bold;font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "MS P明朝", "MS 明朝", serif;} #getContent .article_cnt .index_box li a {text-decoration:underline;} #getContent .article_cnt .index_box .sb {margin-top:5px;} #getContent .article_cnt .index_box .sb li {padding-left:40px;text-indent:-40px;} @media screen and (max-width:767px) { #getContent .article_cnt .index_box {padding:55px 20px 20px 20px;} #getContent .article_cnt .index_box::before {left:20px;top:20px;} #getContent .article_cnt .index_box li {font-size:14px;line-height:1.6;padding-left:17px;text-indent:-17px;} #getContent .article_cnt .index_box li::before {font-size:115%;} } @media screen and (max-width:480px) { #getContent .article_cnt .index_box {margin:5vw 0 8vw;} #getContent .article_cnt .index_box li {/*font-size:3.5vw;*/padding-left:6vw;text-indent:-6vw;} #getContent .article_cnt .index_box .sb li {padding-left:10vw;text-indent:-10vw;} } /* 記事本文 画像・画像右配置+テキスト */ /* ----------------------------------------------------------- */ #getContent .article_txt_wrap, #getContent .article_img {overflow:hidden;margin:40px 0;} #getContent .article_img img {width:100%;height:auto;} #getContent .article_img.img_right {float:right;width:200px;margin-left:20px;} #getContent .article_img .img_capture {font-size:13px;color:#999;margin:10px 0 0 0 !important;line-height:1.6;text-align:center;} @media screen and (max-width:767px) { #getContent .article_cnt img {width:100%;height:auto;} #getContent .article_txt_wrap, #getContent .article_img {margin:30px 0;} #getContent .article_img.img_right {float:none;width:100%;margin:0;} #getContent .article_img.img_right .img {margin-bottom:30px;} } @media screen and (max-width:480px) { #getContent .article_txt_wrap, #getContent .article_img {margin:5vw 0;} #getContent .article_img.img_right {margin-bottom:5vw;} } /* 縦長画像 */ #getContent .article_img.vertical .img {text-align:center;} #getContent .article_img.vertical img {max-height:640px;width:auto;max-width: 100%;} @media screen and (max-width:767px) { #getContent .article_img.vertical img {max-height:480px;} } /* lazysizes.js */ #getContent .article_img:not(.vertical) .lazy-container {display:block;position:relative;height:0;} #getContent .article_img:not(.vertical) .lazy-container img {position:absolute;top:0;left:0;width:100%;height:100%;} /* 記事本文 補足情報BOX */ /* ----------------------------------------------------------- */ #getContent .article_box_01 {background:#f4f4f4;padding:25px 30px;margin:40px 8%;} #getContent .article_box_01 .box_tit {font-size:16px;line-height:1.8;padding-bottom:10px;font-weight:bold;margin-bottom:1px solid #ccc;} #getContent .article_box_01 p {margin-bottom:0;word-break:break-all; font-size: 15px;} #getContent .article_cnt iframe[src*="www.google.com/maps"]{width:100%;} @media screen and (max-width:767px) { #getContent .article_box_01 {padding:15px 20px;margin:5vw 0} #getContent .article_box_01 .box_tit {font-size:15px;} #getContent .article_box_01 p {font-size: 14px;} } /* 記事本文 リスト */ /* ----------------------------------------------------------- */ /* 数字リスト */ #getContent .article_ol_01 {margin:40px 5%;} #getContent .article_ol_01 ol {counter-reset:olNum;} #getContent .article_ol_01 li {font-size:16px;line-height:1.8;margin-bottom:5px;padding-left:26px;text-indent:-26px;} #getContent .article_ol_01 li a {text-decoration:underline;} #getContent .article_ol_01 li::before {counter-increment:olNum;content:counter(olNum)".";margin:0 8px 0 5px;font-size:18px;font-weight:bold;font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "MS P明朝", "MS 明朝", serif;} @media screen and (max-width:767px) { #getContent .article_ol_01 {margin:30px 0;} #getContent .article_ol_01 li {font-size:15px;padding-left:25px;text-indent:-25px;} #getContent .article_ol_01 li::before {font-size:115%;} } @media screen and (max-width:480px) { #getContent .article_ol_01 {margin:6vw 0;} #getContent .article_ol_01 li {padding-left:4.25vw;text-indent:-4.25vw;} } /* 丸点リスト */ #getContent .article_ul_01 {margin:40px 5%;} #getContent .article_ul_01 li {font-size:16px;line-height:1.8;margin-bottom:5px;padding-left:23px;text-indent:-23px;} #getContent .article_ul_01 li a {text-decoration:underline;} #getContent .article_ul_01 li::before {content:"・";margin-right:5px;font-size:18px;font-weight:bold;} @media screen and (max-width:767px) { #getContent .article_ul_01 {margin:30px 0;} #getContent .article_ul_01 li {font-size:15px;padding-left:20px;text-indent:-20px;} #getContent .article_ul_01 li::before {font-size:115%;} } @media screen and (max-width:480px) { #getContent .article_ul_01 {margin:6vw 0;} #getContent .article_ul_01 li {/*font-size:3.75vw;*/padding-left:4vw;text-indent:-4vw;} } /* 本文 - ボタンリンク */ /* ----------------------------------------------------------- */ #getContent .btn_cnt_01 {background:#f3f3f3;padding:15px 10px 5px 10px;margin:30px 0;margin:50px 0 80px;} #getContent .btn_cnt_01 .cnt_tit {line-height:1.6;font-weight:bold;margin:0 5px 10px 5px;} #getContent .btn_cnt_01 .btn_list {display:table;table-layout:fixed;width:100%;} #getContent .btn_cnt_01 .btn_list li {display:table-cell;} #getContent .btn_cnt_01 .btn_list li a {height:44px;line-height:44px;} #getContent .btn_cnt_01 .btn_list li a, #getContent .btn_cnt_01 .link_btn a {display:block;border:2px solid #f86900;border-radius:5px;margin:0 5px 10px 5px; background: #ffa700;position:relative;color:#fff;font-weight:bold;padding:10px 15px 8px 10px;line-height:1.4;text-align:center; background: -moz-linear-gradient(top, #ffa700 0%, #f86900 100%); background: -webkit-linear-gradient(top, #ffa700 0%,#f86900 100%); background: linear-gradient(to bottom, #ffa700 0%,#f86900 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa700', endColorstr='#f86900',GradientType=0 );} #getContent .btn_cnt_01 .btn_list li a::after, #getContent .btn_cnt_01 .link_btn a::after {content:"\f105";font-family:FontAwesome;position:absolute;top:50%;right:10px;height:20px;line-height:20px;margin-top:-10px;font-size:12px;} #getContent .btn_cnt_01 .txtleft a {text-align:left;} @media screen and (max-width:767px) { #getContent .btn_cnt_01 {margin:20px 0;margin:40px 0 60px;} } @media screen and (max-width:640px) { #getContent .btn_cnt_01 .btn_list {display:block;overflow:hidden;} #getContent .btn_cnt_01 .btn_list li {display:block;width:33.333333%;float:left;} #getContent .btn_cnt_01 .btn_list li a {line-height:40px;height:40px;padding:0 15px 0 10px;} } @media screen and (max-width:480px) { #getContent .btn_cnt_01 {margin:8vw 0 12vw;} #getContent .btn_cnt_01 .btn_list li {width:100%;float:none;} #getContent .btn_cnt_01 .btn_list li a {line-height:1.4;height:auto;padding:10px 15px 10px 10px;margin:0 0 10px 0} #getContent .btn_cnt_01 .btn_list li a::after, #getContent .btn_cnt_01 .link_btn a::after {right:5px;} } /* 記事本文 ブログカード(2019.10.15 add) */ /* -------------------------------------------------------- */ #getContent .article_cnt .blog_card {max-width:600px;margin:70px auto;} #getContent .article_cnt .blog_card_tit {display:inline-block;color:#fff;font-weight:bold;padding:5px 15px;border-radius:5px 5px 0 0;background:#23af00;position:absolute;bottom:100%;left:-1px;font-size:12px;line-height:1.4;} #getContent .article_cnt .blog_card_tit span::before {content:"\f15c";font-family:"Font Awesome 5 Free";margin-right:10px;} #getContent .article_cnt .blog_card .inner {display:block;border:1px solid #23af00;border-radius:0 5px 5px 5px;background:#fff;padding:20px;position:relative;text-decoration:none;} #getContent .article_cnt .blog_card .post_thumb {float:left;width:160px;} #getContent .article_cnt .blog_card .post_thumb img {width:100%;height:auto;} #getContent .article_cnt .blog_card .post_thumb .trim {position:relative;width:100%;height:0;background-color:#ccc;padding-top:69.23%;} #getContent .article_cnt .blog_card .post_thumb .trim > img {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:auto;} #getContent .article_cnt .blog_card .post_tit {padding-left:175px;font-weight:bold;font-size:14px;line-height:1.8;} #getContent .article_cnt .blog_card .post_excerpt {padding-left:175px;margin-top:10px;} #getContent .article_cnt .blog_card .post_excerpt p {font-size:12px;height:calc(12px*2*2);overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;margin-bottom:0;} @media screen and (max-width:640px) { #getContent .article_cnt .blog_card {margin:40px 0;} #getContent .article_cnt .blog_card .inner {padding:15px;} #getContent .article_cnt .blog_card .post_thumb {width:23%;margin-bottom:3vw;} #getContent .article_cnt .blog_card .post_thumb .trim {position:relative;width:100%;height:0;padding:0 0 100%;overflow:hidden;background-color:#ccc;} #getContent .article_cnt .blog_card .post_thumb .trim > img {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:auto;height:auto;max-width:179%;max-height:initial;} #getContent .article_cnt .blog_card .post_tit {padding-left:28%;line-height:1.6;} #getContent .article_cnt .blog_card .post_excerpt {padding:0;margin-top:3vw;clear:left;} #getContent .article_cnt .blog_card .post_excerpt p {height:calc(12px*1.8*3);-webkit-line-clamp:3;} } @media screen and (max-width:480px) { #getContent .article_cnt .blog_card {margin:calc(5vw + 30px) 0 10vw;} } /* 記事本文 お問い合わせ(2019.10.15 add) */ /* -------------------------------------------------------- */ #getContent .article_cnt .contact_box_mid {display:flex;align-items:center;justify-content:center;background:#f4f4f4;padding:15px;margin:60px auto;} #getContent .article_cnt .contact_box_mid .tit {font-size:15px;font-weight:bold;} #getContent .article_cnt .contact_box_mid a {text-decoration:none;} #getContent .article_cnt .contact_box_mid .tel a {color:#23af00;font-weight:bold;font-size:24px;position:relative;} #getContent .article_cnt .contact_box_mid .tel a::before {display:block;content:"\f2a0";font-family:"Font Awesome 5 Free";transform:rotate(-45deg) translate(0, -75%);font-size:90%;position:absolute;top:50%;left:15px;} #getContent .article_cnt .contact_box_mid .linkbtn a {position:relative;display:block;border-radius:5px;color:#fff;font-size:14px;padding:5px 25px 5px 15px;text-align:center;font-weight:bold;background:#ff6700;text-decoration:none;line-height:1.4;} #getContent .article_cnt .contact_box_mid .linkbtn a::after {font-size:12px;position:absolute;top:50%;right:5px;width:10px;height:10px;line-height:10px;margin-top:-5px;content: "\f105";font-family:"Font Awesome 5 Free";} @media (min-width:768px),print { #getContent .article_cnt .contact_box_mid .tel {margin:0 20px 0 30px;} #getContent .article_cnt .contact_box_mid .tel a {display:inline-block;line-height:1;pointer-events:none;font-family:'arial',sans-serif;padding-left:25px;} #getContent .article_cnt .contact_box_mid .linkbtn a {padding:5px 25px 5px 15px;} } @media screen and (max-width:767px) { #getContent .article_cnt .contact_box_mid {background:none;padding:0;max-width:480px;margin:8vw auto;flex-wrap:wrap;justify-content:space-between;align-items: stretch;} #getContent .article_cnt .contact_box_mid > div {width:48.5%;text-align:center;} #getContent .article_cnt .contact_box_mid > div a {display:flex;align-items:center;justify-content:center;height:100%;} #getContent .article_cnt .contact_box_mid .tit {display:none;} #getContent .article_cnt .contact_box_mid .tel {margin:0;} #getContent .article_cnt .contact_box_mid .tel a {border:2px solid #23af00;font-size:16px;border-radius:5px;padding-left:10px;} #getContent .article_cnt .contact_box_mid .tel a::before {font-size:140%;left:25px;} #getContent .article_cnt .contact_box_mid .linkbtn a {border-radius:5px;} } @media screen and (max-width:480px) { #getContent .article_cnt .contact_box_mid .tel a {font-size:4.5vw;} #getContent .article_cnt .contact_box_mid .linkbtn a::after {right:10px;} } /* for old posts*/ #getContent .tw_tel_link {padding-left:50px;color:#23af00;font-weight:bold;font-size:56px;line-height:1;font-family:'arial',sans-serif;margin:10px auto 10px auto;display:block; text-align:center;} #getContent .tw_tel_link:before {content:"\f095";font-family:FontAwesome;} /* 記事本文 スライダー(2019.10.15 add) */ /* -------------------------------------------------------- */ #getContent .article_cnt .post_slider {position:relative;margin:50px auto;max-width:750px;} #getContent .article_cnt .post_slider img {width:100%;height:auto;} #getContent .article_cnt .post_slider .caption {display:block;color:#fff;text-align:center;font-size:13px;line-height:1.6;background:#4c4c4c;padding:8px 10px 7px;} #getContent .article_cnt .post_slider_main {margin-bottom:18px;} #getContent .article_cnt .post_slider_main .slick-slide {text-align:center;background-color:#f4f4f4;} #getContent .article_cnt .post_slider_main img {margin:0 auto;} #getContent .article_cnt .post_slider_thumb {position:relative;} #getContent .article_cnt .post_slider_nav {padding:0 54px;position:relative;} #getContent .article_cnt .post_slider_nav .slick-slide {margin:0 6px;outline:none;} #getContent .article_cnt .post_slider_nav .slick-slide .thumb {position:relative;overflow:hidden;padding-top:65%;} #getContent .article_cnt .post_slider_nav .slick-slide .thumb > img {position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform: translate(-50%, -50%);} #getContent .article_cnt .post_slider_nav .slick-slide.slick-current .thumb::after {content:"";position:absolute;top:0;left:0;border:1px solid #000;width:100%;height:100%;z-index:2;} #getContent .article_cnt .post_slider_nav .slick-slide.slick-current .thumb::before {content:"";position:absolute;top:0;left:0;border:3px solid #fff;width:100%;height:100%;z-index:1;} #getContent .article_cnt .post_slider .slick-arrow {position:absolute;top:50%;overflow:hidden;padding-top:40px;z-index:20;width:40px;height:40px;text-align:center;border:0;transform:translateY(-50%);} #getContent .article_cnt .post_slider .slick-next {right:0;} #getContent .article_cnt .post_slider .slick-prev {left:0;} #getContent .article_cnt .post_slider .slick-arrow::after {display:block;position:absolute;top:50%;content:"";vertical-align: middle;width:20px;height:20px;-webkit-transform:rotate(45deg) translateY(-65%);transform:rotate(45deg) translateY(-65%);} #getContent .article_cnt .post_slider .slick-prev::after {left:5px;border-bottom:2px solid #000;border-left:2px solid #000;} #getContent .article_cnt .post_slider .slick-next::after {left:-5px;border-top:2px solid #000;border-right:2px solid #000;} @media (min-width:768px),print { #getContent .article_cnt .post_slider .slick-arrow:hover, #getContent .article_cnt .post_slider_nav .slick-slide:not(.slick-current):hover {opacity:0.65;cursor:pointer;} } @media screen and (max-width:767px) { #getContent .article_cnt .post_slider {margin:40px auto;} } @media screen and (max-width:480px) { #getContent .article_cnt .post_slider {margin:8vw auto;} #getContent .article_cnt .post_slider_main {margin-bottom:3vw;} #getContent .article_cnt .post_slider_nav {padding:0 5vw;} #getContent .article_cnt .post_slider_nav .slick-slide {margin:0 3px;} #getContent .article_cnt .post_slider .slick-arrow {padding-top:20px;width:20px;height:20px;} #getContent .article_cnt .post_slider .slick-arrow::after {width:14px;height:14px;} #getContent .article_cnt .post_slider .slick-prev::after {left:-3px;border-width:1px;} #getContent .article_cnt .post_slider .slick-next::after {left:-5px;border-width:1px;} } /* 記事の筆者 */ /* ----------------------------------------------------------- */ #getContent .article_author {text-align:right;margin:60px 0;} #getContent .article_author .author_name {color:#666;font-size:14px;line-height:1.6;} #getContent .article_author .author_name::before {content:"Written by";font-weight:bold;margin-right:5px;font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W6", "Hiragino Mincho ProN", "HG明朝E", "MS P明朝", "MS 明朝", serif;} @media screen and (max-width:767px){ #getContent .article_author {margin:30px 0;} } @media screen and (max-width:480px){ #getContent .article_author {margin:8vw 0;} } /* 記事本文 テーブル */ /* ----------------------------------------------------------- */ /* デフォルト */ #getContent .article_cnt table {width:100%;margin-bottom:30px;} #getContent .article_cnt table th, #getContent .article_cnt table td{padding:10px;font-size:16px;line-height:1.6;border:1px solid #ccc;text-align:left;font-weight:normal;} #getContent .article_cnt table thead th, #getContent .article_cnt table thead td {background:#d4ffc9;} #getContent .article_cnt table tbody th {background:#f4f4f4;} @media screen and (max-width:767px) { #getContent .article_cnt table {margin-bottom:20px;} #getContent .article_cnt table th, #getContent .article_cnt table td{font-size:15px;} } @media screen and (max-width:480px) { #getContent .article_cnt table {margin-bottom:5vw;} #getContent .article_cnt table th, #getContent .article_cnt table td {padding:2vw;/*font-size:3.75vw;*/} } /* スクロール機能付き */ @media screen and (max-width:640px) { #getContent .article_cnt .table_scrollable {position:relative;padding-top:20px;overflow-x:scroll;margin-bottom:5vw;-webkit-overflow-scrolling: touch;} #getContent .article_cnt .table_scrollable::before {content:"※横にスクロールしてご覧ください。";font-size:11px;position:absolute;top:0;left:2px;color:#666;} #getContent .article_cnt .table_scrollable::-webkit-scrollbar {height:10px;} #getContent .article_cnt .table_scrollable::-webkit-scrollbar-track {margin:0 2px;background:#ddd;border-radius:5px;} #getContent .article_cnt .table_scrollable::-webkit-scrollbar-thumb {border-radius:5px;background:#999;} #getContent .article_cnt .table_scrollable table {width:auto;margin-bottom:0;} } /* PC・スマホ表示切り替え */ #getContent .article_cnt .table_sp {display:none;} @media screen and (max-width:640px) { #getContent .article_cnt .table_pc {display:none;} #getContent .article_cnt .table_sp {display:block;} } /* オリジナルスタイル */ #getContent .table_cnt_01 {overflow:hidden;margin-bottom:20px;} #getContent .table_cnt_01 .table_tit {background:#d5edb6;padding:10px;font-size:18px;font-weight:bold;border:1px solid #ddd;border-bottom:0;border-top:0;text-align:center;margin:0;} #getContent .table_cnt_01 .table_tit:first-of-type {border-top:1px solid #ddd;} #getContent .table_cnt_01 table {background:#fff;line-height:1.6;} #getContent .table_cnt_01 table thead th, #getContent .table_cnt_01 table thead td {background:#f3f3f3;text-align:center;font-weight:bold;} #getContent .table_cnt_01 table th {width:auto;font-weight:bold;border-left:1px solid #ddd;border-right:1px solid #ddd;} #getContent .table_cnt_01 table td {border-right:1px solid #ddd;text-align:center;} #getContent .table_cnt_01 table th, #getContent .table_cnt_01 table td {padding:15px 2px 12px 2px;vertical-align:middle;border-bottom:1px solid #ddd;} #getContent .table_cnt_01 table tbody td:nth-of-type(7), #getContent .table_cnt_01 table tbody th {text-align:left;padding-left:8px;} #getContent .table_cnt_01 table tbody th a {color:#23af00;text-decoration:underline;} #getContent .table_cnt_02 {margin-bottom:20px;} #getContent .table_cnt_02 .table_tit {background:#d4ffc9;padding:10px;font-size:18px;font-weight:bold;border:1px solid #ddd;border-top:0;text-align:center;margin:0;} #getContent .table_cnt_02 .table_tit:first-of-type {border-top:1px solid #ddd;} #getContent .table_cnt_02 table {background:#fff;line-height:1.6;width:100%;} #getContent .table_cnt_02 table thead th, #getContent .table_cnt_02 table thead td {background:#f3f3f3;text-align:center;font-weight:bold;} #getContent .table_cnt_02 table th {width:auto;font-weight:bold;border-left:1px solid #ddd;border-right:1px solid #ddd;} #getContent .table_cnt_02 table td {border-right:1px solid #ddd;text-align:center;text-align:left !important;} #getContent .table_cnt_02 table th, #getContent .table_cnt_02 table td {padding:12px 12px 12px 12px;vertical-align:middle;border-bottom:1px solid #ddd;} #getContent .table_cnt_02 table tbody td:nth-of-type(7), #getContent .table_cnt_02 table tbody th {text-align:left;padding-left:8px;} #getContent .table_cnt_02 table tbody th a {color:#23af00;text-decoration:underline;} @media screen and (max-width:767px) { #getContent .table_cnt_01 .table_tit {border-top:1px solid #ddd;} #getContent .table_cnt_01 .tokuten {border:1px solid #ddd;border-top:0;padding:10px;} #getContent .table_cnt_01 .tokuten p {line-height:1.8;margin-bottom:0;} #getContent .table_cnt_01 .tokuten span {font-weight:bold;} #getContent .table_cnt_01 dl {border-left:1px solid #ddd;border-right:1px solid #ddd;} #getContent .table_cnt_01 dt {color:#23af00;border-bottom:1px solid #ddd;background:#f3f3f3;padding:10px;font-size:1.154em;line-height:1.6;font-weight:bold;} #getContent .table_cnt_01 dt a {color:#23af00;text-decoration:underline;} #getContent .table_cnt_01 dd {border-bottom:1px solid #ddd;padding:10px;} #getContent .table_cnt_01 dd p {margin:0;} #getContent .table_cnt_01 dd span {font-weight:bold;} #getContent .table_cnt_02 .table_tit {border-top:1px solid #ddd;} #getContent .table_cnt_02 .tokuten {border:1px solid #ddd;border-top:0;padding:10px;} #getContent .table_cnt_02 .tokuten p {line-height:1.8;margin-bottom:0;} #getContent .table_cnt_02 .tokuten span {font-weight:bold;} #getContent .table_cnt_02 dl {border-left:1px solid #ddd;border-right:1px solid #ddd;} #getContent .table_cnt_02 dt {color:#23af00;border-bottom:1px solid #ddd;background:#f3f3f3;padding:10px;font-size:1.154em;line-height:1.6;font-weight:bold;} #getContent .table_cnt_02 dt a {color:#23af00;text-decoration:underline;} #getContent .table_cnt_02 dd {border-bottom:1px solid #ddd;padding:10px;} #getContent .table_cnt_02 dd p {margin:0;} #getContent .table_cnt_02 dd span {font-weight:bold;} } /* ランキングテーブル */ #getContent .table_ranking {box-sizing:border-box;} #getContent .table_ranking_tit {background:url(https://www.travelwith.jp/wp-content/themes/roadtraveler/img/icon_ranking.png) no-repeat 20px center #23af00; color:#fff; font-weight:bold; line-height:1.4; padding:10px 10px 10px 70px; font-size:24px; margin-bottom:0;} .table_ranking table {background:#fff;font-size:14px;line-height:1.6;width:100%; border-top:1px solid #ddd; border-left:1px solid #ddd; margin-bottom:30px;} .table_ranking table.ranking_01 {margin-bottom:0;} .table_ranking table th , .table_ranking table td {border-right:1px solid #ddd;border-bottom:1px solid #ddd;} .table_ranking .rank {width:80px; text-align:center; vertical-align:middle; font-size:24px; font-weight:bold; background:#f1ffde; padding:10px; line-height:1;} #getContent .table_ranking_01 tr:first-child .rank , #getContent .table_ranking_02 tr:first-child .rank {background:#ffda78;} #getContent .table_ranking .last_rank { text-align: center; font-size: 12px; line-height: 1.2; font-weight: normal;} #getContent .table_ranking .bord .clearfix {display:table;} #getContent .table_ranking .bord .pic {width:43%; vertical-align:middle;display:table-cell; overflow:hidden; text-align:center;} #getContent .table_ranking .bord .pic img {width:100%; vertical-align:bottom;} #getContent .table_ranking .bord .note {width:53%; display:table-cell; padding:10px 10px 0;} #getContent .table_ranking p.name {font-size:18px; font-weight:bold; margin-bottom:10px;} #getContent .table_ranking p.txt_01 {font-size:14px; margin:0;} #getContent .table_ranking_name {vertical-align:middle; padding:0 10px;} #getContent .table_ranking_name p.name {margin-bottom:0;} #getContent .table_ranking_01 tr:last-child th , #getContent .table_ranking_01 tr:last-child td {border-bottom:none;} @media screen and (max-width:767px) { #getContent .table_ranking_tit {height:auto;;font-size:1.539em; line-height:1.4; padding:5px 5px 5px 70px;} #getContent .table_ranking_01 th , #getContent .table_ranking_01 td {width:100%; display:block; padding:0;} #getContent .table_ranking_01 th.rank , #getContent .table_ranking_01 td.last_rank {padding:10px 0;} #getContent .table_ranking_01 .bord .pic , #getContent .table_ranking_01 .bord .note {width:100%; display:block;} #getContent .table_ranking_01 .bord .pic img {max-width:300px; margin:10px auto 0;} #getContent .table_ranking_01 p.name {text-align:center;} #getContent .table_ranking .rank {width:40px;} #getContent .table_ranking .rank , #getContent .table_ranking_name p.name {font-size:1.154em;} #getContent .table_ranking .last_rank { padding-top: 7px; display: block; margin: 0 auto; width: 90px;} #getContent .table_ranking_01 .bord .pic img {width: 100%; margin: 0 auto;} } /* 記事本文 ナビゲーション */ /* ----------------------------------------------------------- */ #getContent .content_nav {margin:20px 0;} #getContent .content_nav ul {display:table;table-layout:fixed;width:100%;margin-top:2px;} #getContent .content_nav li {display:table-cell;vertical-align:middle;} #getContent .content_nav li div {display:table;width:100%;} #getContent .content_nav li a {position:relative;display:table-cell;height:50px;vertical-align:middle;border-left:2px solid #fff;color:#333;font-size:14px;line-height:1.6;font-weight:bold;background:#f3f3f3;padding:0 5px 0 20px;} #getContent .content_nav li:first-child a {border-left:0;} #getContent .content_nav li a::before {content:"\f105";font-family:"Font Awesome 5 Free";font-size:10px;position:absolute;top:50%;left:8px;margin-top:-10px;height:20px;line-height:20px;color:#aaa;} @media screen and (max-width:767px) { #getContent .content_nav {margin:30px 0;} } @media (max-width:640px) { #getContent .content_nav li a {font-size:14px;} } /* 記事本文 YouTube */ /* ----------------------------------------------------------- */ /* 本文への直接挿入用 */ @media screen and (max-width:767px) { #getContent .article_cnt iframe[src*="www.youtube.com/embed/"]{width:100%;height:54vw;} } /* YouTube登録欄用 */ #getContent .youtube {position:relative;width:100%;padding-top:56.25%;height:0;overflow:hidden;background:#f4f4f4;margin:50px auto;} #getContent .youtube iframe{position:absolute;top:0;right:0;width:100% !important;height:100% !important;} @media screen and (max-width:767px) { #getContent .youtube {margin:8vw auto;} } /* 記事本文 Googlemap */ /* ----------------------------------------------------------- */ #getContent .gmap {position:relative;width:100%;padding-top:75%;height:0;overflow:hidden;background:#f4f4f4;margin:50px auto;} #getContent .gmap iframe{position:absolute;top:0;left:0;border:0;width:100% !important;height:100% !important;} @media screen and (max-width:767px) { #getContent .gmap {margin:8vw auto;} } /* 記事本文 もっと見る */ /* ----------------------------------------------------------- */ #getContent .more_cnt .hide_area {display:none;} #getContent .more_cnt dl + dl.hide_area {margin-top:-20px;} #getContent .more_cnt table + .more_btn {margin-top:-31px;} #getContent .more_cnt .more_btn {cursor:pointer;background:#f3f3f3;text-align:center;border:1px solid #ddd;padding:15px 10px;overflow:hidden;margin-bottom:0;} #getContent .more_cnt .more_btn span {color:#666;font-weight:bold;display:inline-block;line-height:1.6;border:0;border-radius:0;background:none;max-widht:100%;min-height:0;} #getContent .more_cnt .more_btn span::before {content:"▼ もっと見る";} #getContent .more_cnt .more_btn.closebtn span::before {content:"▲ 閉じる";} @media screen and (max-width:767px) { #getContent .more_cnt dl + .more_btn, #getContent .more_cnt table + .more_btn {margin-top:-21px;} #getContent .more_cnt table + .more_btn {padding:10px;} } /* 記事本文 背景 */ /* ----------------------------------------------------------- */ #getContent .bk_gry1 {background-color:#f4f4f4;} #getContent .bk_grn1 {background-color:#d5edb6;} #getContent .bk_grn2 {background-color:#f9fef3;} /* 記事本文 画像 */ /* -------------------------------------------------------- */ /* PC画像2つ並び SP縦並び */ #getContent .imgset{display:block;width:100%;height:auto;clear:both;margin-bottom:10px;} #getContent .imgset img{width:100% !important;height:auto;margin:5px 0 !important;padding:0 !important;} #getContent .imgset p{text-align:left;margin:0 !important;font-size:14px !important;line-height:1.6 !important;} #getContent .imgset .leftset{float:left;width:49%;height:auto;} #getContent .imgset .rightset{float:right;width:49%;height:auto;} /* 右側画像配置バリエーション */ #getContent .article_img.img_right2 {float:right;width:300px;margin-left:20px;} @media screen and (max-width:767px) { #getContent .article_img.img_right2 {float:none;width:100%;margin:0 auto 15px auto;text-align:center;} #getContent .article_img.img_right2 .img {max-width:200px;margin:0 auto;} } /* 左側画像配置バリエーション */ #getContent .article_img.img_left2 {float:left;width:300px;margin-right:20px;} @media screen and (max-width:767px) { #getContent .article_img.img_left2 {float:none;width:100%;margin:0 auto 15px auto;text-align:center;} #getContent .article_img.img_left2 .img {max-width:200px;margin:0 auto;} } /* 記事本文 ショートコード[caption]使用バージョン */ /* -------------------------------------------------------- */ #getContent .wp-caption {overflow:hidden;margin:0 auto 20px auto;} #getContent .wp-caption.aligncenter {max-width:604px;} #getContent .wp-caption .wp-caption-text {font-size:14px;color:#7d7d7d;margin:10px 0 0 0;line-height:1.6} @media (min-width:768px) { #getContent .wp-caption.alignleft img {float:left;width:55%;height:auto;margin-right:20px;} #getContent .wp-caption.alignright img {float:right;width:55%;height:auto;margin-left:20px;} } @media screen and (max-width:767px) { #getContent .wp-caption {width:100% !important;margin:0 auto 15px auto} #getContent .wp-caption.alignleft img, #getContent .wp-caption.alignright img {max-width:200px;margin:0 auto;} } /* 記事本文 店舗データ枠 */ /* -------------------------------------------------------- */ #getContent .gray_box {display:block;background:#f3f3f3;padding:20px 20px 5px 20px;width:100%;border:1px solid #ddd;margin-bottom:20px;} #getContent .gray_box h4 {margin:0 0 10px;} #getContent .gray_box p {margin:0 0 15px;} /* ----------------------------------------------------------- */ /* ツアー表示 */ /* ----------------------------------------------------------- */ /* ----------------------------------------------------------- */ /* タブパネル */ /* -----------------------------------------------------------*/ #getContent .tour_tabpanel {margin:30px 0 50px 0;} #getContent .tour_tabpanel > .tour_panel:not(.selected) {display:none;} #getContent .tour_tab {padding-bottom:35px;border-bottom:0;} #getContent .tour_tab ul {display:table;table-layout:fixed;width:100%;margin:0;overflow:visible;} #getContent .tour_tab li {display:table-cell;border:1px solid #dadada;width:auto;float:none;height:auto;line-height:1.4;} #getContent .tour_tab li + li {border-left:0;} #getContent .tour_tab li.selected {border:1px solid #23af00;} #getContent .tour_tab li span {display:flex;justify-content: center;align-items: center;height:58px;line-height:1.2;font-size:16px;font-weight:bold;text-align:center;background:#f4f4f4;border:0;margin:0;border-radius:0;color:#333;} #getContent .tour_tab li:not(.selected) span {cursor:pointer;} #getContent .tour_tab li span::after {display:none;} #getContent .tour_tab li.selected span {color:#fff;background:#23af00;position:relative;} #getContent .tour_tab li.selected span::after {display:block;content:"";position:absolute;bottom:-40px;left:50%;margin-left:-30px;width:0;height:0;border:30px solid transparent;border-top:20px solid #23af00;} #getContent .tour_panel {display:block;padding-top:0;} @media (min-width:768px) { #getContent .tour_tab li:not(.selected):hover span {opacity:.65;} } @media (max-width:767px) { #getContent .tour_tabpanel {margin:20px 0 40px;} #getContent .tour_tab {padding:0 0 15px 0;} #getContent .tour_tab li {height:30px;line-height:30px;} #getContent .tour_tab li span {height:44px;font-size:14px;background:#fff;cursor:pointer;-webkit-tap-highlight-color:rgba(0, 0, 0, .2);} #getContent .tour_tab li.selected span::after {display:block;position:absolute;bottom:-6px;left:50%;margin-left:-6px;width:0;height:0;border-style:solid;border-width:6px 6px 0 6px;border-color:#23af00 transparent transparent transparent;} } /* ----------------------------------------------------------- */ /* リンクボタン */ /* ----------------------------------------------------------- */ #getContent .tour_panel .link_btn {background:#f3f3f3;padding:15px 10px 5px 10px;margin:30px auto 40px;max-width:100%;} #getContent .tour_panel .link_btn a {display:block;border-radius:8px;margin:0 5px 10px 5px;background:#ff6700;position:relative;color:#fff;font-weight:bold;padding:15px 15px 12px 10px;line-height:1.4;text-align:center;border:0;height:auto;font-size:16px;} #getContent .tour_panel .link_btn a::after {content:"\f105";font-family:FontAwesome;position:absolute;top:50%;right:10px;height:20px;line-height:20px;margin-top:-10px;font-size:12px;} @media screen and (max-width:767px) { #getContent .tour_panel .link_btn {margin:20px 0;} } @media screen and (max-width:480px) { #getContent .tour_panel .link_btn a::after {right:5px;} } /* ----------------------------------------------------------- */ /* ツアーコード版 */ /* ----------------------------------------------------------- */ #getContent .tour_panel.code img {width:100%;height:auto;} #getContent .tour_panel.code .tour_cnt {margin-bottom:30px;} #getContent .tour_panel.code .tour_cnt:nth-child(3n+1){clear: left;} #getContent .tour_panel.code .tour_cnt.soldout a{pointer-events: none;} #getContent .tour_panel.code .tour_cnt .wrap{background: #fff; border: 1px solid #dadada; overflow: hidden;} #getContent .tour_panel.code .tour_name {font-size:18px;line-height:1.4;font-weight:bold;margin:0 0 15px;border-left:0;padding-left:0;} #getContent .tour_panel.code .tour_name a {text-decoration:none;} #getContent .tour_panel.code .tour_img {width: 42%; float: left; margin: 3px 2% 15px 0; } #getContent .tour_panel.code .tour_txt {font-size:14px;line-height:1.6;margin-bottom:15px;} #getContent .tour_panel.code .tour_info_tab {width: 56%; float: right; clear: none; overflow:hidden;} #getContent .tour_panel.code .tour_info_tab_nav {overflow:hidden;table-layout:fixed;display:table;width:100%;} #getContent .tour_panel.code .tour_info_tab_nav li {display:table-cell;} #getContent .tour_panel.code .tour_info_tab_nav li span {display:block;cursor:pointer;padding:8px 0;margin:0 2px;font-size:9px;font-weight:bold;border-radius:4px 4px 0 0;color:#fff;text-align:center;line-height:1.4;background:#d2d2d2;} #getContent .tour_panel.code .tour_info_tab_nav li span strong {font-size:14px;display:block;} #getContent .tour_panel.code .tour_info_tab_nav li.active span {background:#23af00;} #getContent .tour_panel.code .tour_info_tab_nav li span:hover {opacity:.65;} #getContent .tour_panel.code .tour_info_tab_nav li.active span:hover {opacity:1;} #getContent .tour_panel.code .tour_info_tab_panel {background:#fff;overflow:hidden;margin:0 2px;} #getContent .tour_panel.code .tour_info_tab_panel .panel_cnt {display:none;padding:10px;border:2px solid #23af00;border-top:6px solid #23af00;} #getContent .tour_panel.code .tour_info_tab_panel .panel_cnt.active {display:block;} #getContent .tour_panel.code .tour_info_tab_panel .tour_price {overflow:hidden;margin-left:-10px;} #getContent .tour_panel.code .tour_info_tab_panel .tour_price_tit {width:80px;float:left;} #getContent .tour_panel.code .tour_info_tab_panel .tour_price_tit span {position:relative;display:flex;align-items:center;justify-content:center;line-height:1.4;width:80px;height:48px;background:#323232;color:#fff;font-size:12px;} #getContent .tour_panel.code .tour_info_tab_panel .tour_price_tit span:after {content:"";position:absolute;top:0;right:-10px;width:0;height:0;border-style:solid;border-width:24px 0 24px 10px;border-color: transparent transparent transparent #323232;} #getContent .tour_panel.code .tour_info_tab_panel .tour_price_tit span strong {font-size:12px;font-weight:normal;display:block;} #getContent .tour_panel.code .tour_info_tab_panel .tour_price_txt {padding-left:100px;} #getContent .tour_panel.code .tour_info_tab_panel .tour_price_txt .price {color:#fa3734;font-weight:bold;line-height:1.2;margin-bottom: 0;} #getContent .tour_panel.code .tour_info_tab_panel .tour_price_txt .min_price {font-size:17px;} #getContent .tour_panel.code .tour_info_tab_panel .tour_price_txt .max_price {font-size:12px;margin-left:5px;} #getContent .tour_panel.code .tour_info_tab_panel .tour_price_txt .member {overflow:hidden;} #getContent .tour_panel.code .tour_info_tab_panel .tour_price_txt .member .price {color:#505050;margin-right:10px;display:inline-block;background:url(../img/common/line_double_01.png) center center repeat-x;} #getContent .tour_panel.code .tour_info_tab_panel .tour_price_txt .member .min_price {font-size:16px;} #getContent .tour_panel.code .tour_info_tab_panel .tour_price_txt .member .max_price {font-size:12px;} #getContent .tour_panel.code .tour_info_tab_panel .tour_price_txt .member .discount {display:inline-block;width:90px;background:#fa3734;color:#fff;font-weight:bold;padding:2px 0;text-align:center;line-height:1.4;font-size:12px;} #getContent .tour_panel.code .tour_info_tab_panel .tour_price_txt .att p {display:inline-block;font-size:11px;line-height:1.4;margin-bottom: 0;} #getContent .tour_panel.code .tour_info_tab_panel .tour_price_txt .att .att_01 {display:block;color:#fa3734;} #getContent .tour_panel.code .tour_info_tab_panel .tour_price_txt .att .att_01 small {display:inline-block;font-size:1em;} #getContent .tour_panel.code .tour_info_tab_panel .tour_price_txt .att .att_03 {color:#0064d2;padding-left:17px;margin-left:5px;background:url(../img/common/icon_attention_01.png) left center no-repeat;} #getContent .tour_panel.code .tour_info_tab_panel .tour_price_txt .att .att_03 span {text-decoration:underline;} #getContent .tour_panel.code .tour_info_tab_panel .tour_btn {margin-top:10px;height:44px;} #getContent .tour_panel.code .tour_info_tab_panel .tour_btn a {position:relative;display:block;height:44px;border-radius:8px;color:#fff;font-size:15px;line-height:44px;text-align:center;font-weight:bold;background:#ff6700;text-decoration:none;} #getContent .tour_panel.code .tour_info_tab_panel .tour_btn a:after {font-size:12px;position:absolute;top:50%;right:5px;width:10px;height:10px;line-height:10px;margin-top:-5px;content:"\f105";font-family:FontAwesome;} #getContent .tour_panel.code .tour_cnt .similarity_btn{display: block; position: relative; border-radius: 30px; background: #f4f4f4; color: #222; text-align: center; width: 80%; padding: 10px; text-decoration: none; font-weight: bold; margin: 25px auto 10px;font-size: 16px; color: #000;} #getContent .tour_panel.code .tour_cnt .similarity_btn::after {position:absolute;top:50%;right:15px;width:10px;height:10px;line-height:10px;margin-top:-5px;content:"\f054";font-family:FontAwesome;} #getContent .tour_panel.code .tour_cnt .similarity_btn:hover{opacity: 0.75;} #getContent .tour_panel.code + .btn_cnt_01{margin-bottom: 40px;} @media (min-width:768px),print { #getContent .tour_panel.code {overflow:hidden;} #getContent .tour_panel.code img {width:100%;height:auto;} #getContent .tour_panel.code .tour_cnt .wrap {padding:15px;} #getContent .tour_panel.code .tour_name a:hover, #getContent .tour_panel.code .tour_img a:hover img, #getContent .tour_panel.code .tour_info_tab_panel .tour_btn a:hover {opacity:.65;} } @media screen and (max-width:1100px) { #getContent .tour_panel.code .tour_info_tab_panel .tour_price_txt .att {padding-right:0;} } @media (max-width:1100px) and (min-width:768px),print{ #getContent .tour_panel.code .tour_info_tab_panel .tour_price_txt .member .price {background:none;} #getContent .tour_panel.code .tour_info_tab_panel .tour_price_txt .member .price span {background:url(../img/common/line_double_01.png) center center repeat-x;} #getContent .tour_panel.code .tour_info_tab_panel .tour_price_txt .member .discount {font-size:11px;line-height:1.2;margin-bottom:5px;} } @media screen and (max-width:767px) { #getContent .tour_panel.code .tour_cnt {margin-bottom:10px;} #getContent .tour_panel.code .tour_cnt .wrap {padding:15px;} #getContent .tour_panel.code .tour_name {font-size:16px;} #getContent .tour_panel.code .tour_txt {padding-left:45%;line-height:1.5;} #getContent .tour_panel.code .tour_info_tab {width: 100%; float: none; clear: both;} #getContent .tour_panel.code .tour_info_tab_nav li span {font-size:10px;font-weight:normal;line-height:1.2;padding:5px 0;border:0;} #getContent .tour_panel.code .tour_info_tab_nav li:first-child span {margin-left:0;} #getContent .tour_panel.code .tour_info_tab_nav li:last-child span {margin-right:0;} #getContent .tour_panel.code .tour_info_tab_nav li span strong {display:block;font-size:16px;font-weight:bold;} #getContent .tour_panel.code .tour_info_tab_panel {background:#fff;overflow:hidden;margin:0;} #getContent .tour_panel.code .tour_info_tab_panel .tour_btn {position:static;width:100%;margin-top:15px;} #getContent .tour_panel.code .tour_info_tab_panel .tour_btn a {} } @media screen and (max-width:640px) { #getContent .tour_panel.code .tour_info_tab_panel .tour_price {margin-left:-10px;} #getContent .tour_panel.code .tour_info_tab_panel .tour_price_tit span {text-align:left;} #getContent .tour_panel.code .tour_info_tab_panel .tour_price_txt .att .att_03 {display:none;} #getContent .tour_panel.code .tour_cnt .similarity_btn{margin: 12px auto ;} } @media screen and (max-width:480px) { #getContent .tour_panel.code .tour_info_tab_panel .tour_price_tit span {width:70px;font-size:11px;} #getContent .tour_panel.code .tour_info_tab_panel .tour_price_txt {padding-left:85px;} #getContent .tour_panel.code .tour_info_tab_panel .tour_price_txt .max_price {margin-left:0;} #getContent .tour_panel.code .tour_info_tab_panel .tour_price_txt .att p {display:inline;font-size:11px;line-height:1.3;} #getContent .tour_panel.code .tour_info_tab_panel .tour_price_txt .member {margin-bottom:0;} #getContent .tour_panel.code .tour_info_tab_panel .tour_price_txt .member .price {margin-right:0;} #getContent .tour_panel.code .tour_info_tab_panel .tour_price_txt .member .discount {font-size:11px;width:80px;} #getContent .tour_panel.code .tour_info_tab_panel .tour_btn {margin-top:10px;} } /* TSJツアー ツアーコード 画像大きいパターン */ /* ------------------------------------------ */ #getContent .tour_panel.code .tour_cnt.tsj.large_img .tour_price {color:#fa3734;font-weight:bold;line-height:1.2;margin-bottom:15px;text-align:left;font-size:2rem;} #getContent .tour_panel.code .tour_cnt.tsj.large_img .tour_btn a {position:relative;display:block;height:44px;border-radius:8px;color:#fff;font-size:1.5rem;line-height:44px;text-align:center;font-weight:bold;background:#ff6700;text-decoration:none;} #getContent .tour_panel.code .tour_cnt.tsj.large_img .tour_btn a:after {font-size:1.2rem;position:absolute;top:50%;right:5px;width:10px;height:10px;line-height:10px;margin-top:-5px;content:"\f105";font-family:"Font Awesome 5 Free"; font-weight: 900;} @media (min-width:768px),print { #getContent .tour_panel.code .tour_cnt.tsj.large_img .wrap {width:100%;display:flex;justify-content:space-between;align-items:stretch;} #getContent .tour_panel.code .tour_cnt.tsj.large_img .tour_img {float:none;width:60%;} #getContent .tour_panel.code .tour_cnt.tsj.large_img .txt_wrap {width:38%;} #getContent .tour_panel.code .tour_cnt.tsj.large_img .tour_price {font-size:2.4rem;} #getContent .tour_panel.code .tour_cnt.tsj.large_img .tour_btn a:hover {opacity:.65;} } @media screen and (max-width:767px) { #getContent .tour_panel.code .tour_cnt.tsj.large_img .tour_txt {padding-left: 0;} #getContent .tour_panel.code .tour_cnt.tsj.large_img .tour_img {width:100%;float:none;margin:0 0 15px;} } /* TSJツアー ツアーコード 完売しました */ /* ------------------------------------------ */ #getContent .tour_panel.code .tour_cnt.tsj.soldout .soldout_info {margin:10px 0 0;height:44px;border-radius:8px;color:#fff;font-size:1.5rem;line-height:44px;text-align:center;font-weight:bold;background:#ccc;} @media (min-width:768px),print { #getContent .tour_panel.code .tour_cnt.tsj.soldout .wrap {width:100%;display:flex;justify-content:space-between;align-items:stretch;} #getContent .tour_panel.code .tour_cnt.tsj.soldout .tour_img {float:none;} #getContent .tour_panel.code .tour_cnt.tsj.soldout .txt_wrap {width:56%;} #getContent .tour_panel.code .tour_cnt.tsj.soldout.large_img .txt_wrap {width:38%;} #getContent .tour_panel.code .tour_cnt.tsj.soldout .tour_txt {padding-left:0;} } @media screen and (max-width:767px) { #getContent .tour_panel.code .tour_cnt.tsj.soldout .soldout_info {clear:both;} } /* ------------------------------- */ /* ジャンボツアー */ /* ------------------------------- */ #getContent .tour_panel.code .tour_cnt.jumbo .tour_name {float:right;width:56%;} #getContent .tour_panel.code .tour_cnt.jumbo .tour_price {float:right;width:56%;color:#fa3734;font-weight:bold;line-height:1.2;margin-bottom:0;text-align:right;font-size:1.8rem;} #getContent .tour_panel.code .tour_cnt.jumbo .tour_btn {margin-top:15px;height:44px;} #getContent .tour_panel.code .tour_cnt.jumbo .tour_btn a {position:relative;display:block;height:44px;border-radius:8px;color:#fff;font-size:1.5rem;line-height:44px;text-align:center;font-weight:bold;background:#ff6700;text-decoration:none;} #getContent .tour_panel.code .tour_cnt.jumbo .tour_btn a:after {font-size:1.2rem;position:absolute;top:50%;right:5px;width:10px;height:10px;line-height:10px;margin-top:-5px;content:"\f105";font-family:"Font Awesome 5 Free"; font-weight: 900;} @media (min-width:768px),print { #getContent .tour_panel.code .tour_cnt.jumbo .tour_btn {float:right;width:56%;} #getContent .tour_panel.code .tour_cnt.jumbo .tour_btn a:hover {opacity:.65;} } @media screen and (max-width:767px) { #getContent .tour_panel.code .tour_cnt.jumbo .tour_price {font-size:2rem;margin-bottom:15px;} #getContent .tour_panel.code .tour_cnt.jumbo .tour_btn {width:100%;clear:both;} } @media screen and (max-width:480px) { #getContent .tour_panel.code .tour_cnt.jumbo .tour_btn {margin-top:10px;} } /* ジャンボツアー 画像大きいパターン */ /* ------------------------------- */ @media (min-width:768px),print { #getContent .tour_panel.code .tour_cnt.jumbo.large_img .tour_img {width:60%} #getContent .tour_panel.code .tour_cnt.jumbo.large_img .tour_name, #getContent .tour_panel.code .tour_cnt.jumbo.large_img .tour_txt, #getContent .tour_panel.code .tour_cnt.jumbo.large_img .tour_price, #getContent .tour_panel.code .tour_cnt.jumbo.large_img .tour_btn {width:38%;} #getContent .tour_panel.code .tour_cnt.jumbo.large_img .tour_txt {float:right;} #getContent .tour_panel.code .tour_cnt.jumbo.large_img .tour_price {text-align:left;font-size:2.4rem;} } @media screen and (max-width:767px) { #getContent .tour_panel.code .tour_cnt.jumbo.large_img .tour_name.sp {float:none;width:100%;} #getContent .tour_panel.code .tour_cnt.jumbo.large_img .tour_txt.sp {width:100%;padding-left:0;} #getContent .tour_panel.code .tour_cnt.jumbo.large_img .tour_txt.sp + .tour_img {float:none;width:100%;} #getContent .tour_panel.code .tour_cnt.jumbo.large_img .tour_txt.sp + .tour_img + .tour_price {float:none;width:100%;text-align:left;} } /* ジャンボツアー 完売時 */ /* ------------------------------- */ #getContent .tour_panel.code .tour_cnt.jumbo.soldout .soldout_info {margin:10px 0 0;height:44px;border-radius:8px;color:#fff;font-size:1.5rem;line-height:44px;text-align:center;font-weight:bold;background:#ccc;} @media (min-width:768px),print { #getContent .tour_panel.code .tour_cnt.jumbo.soldout {} #getContent .tour_panel.code .tour_cnt.jumbo.soldout .soldout_info {float:right;width:56%;} #getContent .tour_panel.code .tour_cnt.jumbo.large_img.soldout .soldout_info {width:38%;} } @media screen and (max-width:767px) { #getContent .tour_panel.code .tour_cnt.jumbo:not(.large_img).soldout .tour_img {display: none;} #getContent .tour_panel.code .tour_cnt.jumbo:not(.large_img).soldout .tour_name {float:none;width:100%;} } /* ----------------------------------------------------------- */ /* カテゴリーコード版 */ /* ----------------------------------------------------------- */ #getContent .tour_panel.cate img {width:100%;height:auto;} #getContent .tour_panel.cate .panel_tit {color:#fff;font-size:16px;line-height:1.6;margin:40px 0 20px;font-weight:bold;padding:10px 15px;background:#23af00;} #getContent .tour_panel.cate .tour_cnt {border:1px solid #dadada;background:#fff;margin-bottom:30px;} #getContent .tour_panel.cate .tour_cnt_head {display:table;width:100%;background:#f4f4f4;padding:10px;} #getContent .tour_panel.cate .tour_cnt_head p {margin-bottom:0;} #getContent .tour_panel.cate .tour_cnt_head > div {display:table-cell;vertical-align:top;} #getContent .tour_panel.cate .tour_cnt_head .tour_img {display:none;} #getContent .tour_panel.cate .tour_cnt_head .cnt_head_01 {width:155px;background:#fff;border:2px solid #23af00;text-align:center;} #getContent .tour_panel.cate .tour_cnt_head .cnt_head_01 .tour_dep {color:#23af00;font-size:16px;font-weight:bold;padding:15px 5px;border-bottom:2px solid #23af00;} #getContent .tour_panel.cate .tour_cnt_head .cnt_head_01 .tour_code {font-size:11px;padding:15px 5px;line-height:1.4;} #getContent .tour_panel.cate .tour_cnt_head .cnt_head_02 {padding-left:10px;} #getContent .tour_panel.cate .tour_name {font-size:15px;margin:0 0 5px 0;font-weight:bold;line-height:1.4;border:0;padding:0;} #getContent .tour_panel.cate .tour_name a {color:#333;} #getContent .tour_panel.cate .tour_name a:hover {text-decoration:underline;} #getContent .tour_panel.cate .tour_comment {display:table;width:100%;background:#fff;} #getContent .tour_panel.cate .tour_comment > span {font-size:11px;line-height:1.6;display:table-cell;vertical-align:middle;} #getContent .tour_panel.cate .tour_comment_tit {color:#fff;width:86px;background:#23af00;text-align:center;font-weight:bold;} #getContent .tour_panel.cate .tour_comment_txt {padding:5px 10px;} #getContent .tour_panel.cate .tour_img a {display:block;} #getContent .tour_panel.cate .tour_img img {width:100%;height:auto;} #getContent .tour_panel.cate .tour_cnt_wrap {display:table;width:100%;padding:10px;} #getContent .tour_panel.cate .tour_cnt_wrap > div {display:table-cell;vertical-align:top;} #getContent .tour_panel.cate .tour_cnt_wrap .cnt_left {width:190px;} #getContent .tour_panel.cate .tour_cnt_wrap .cnt_right {padding-left:10px;} #getContent .tour_panel.cate .tour_cnt_wrap .tour_info_tab {background:#e6e6e6;padding:5px 3px;overflow:hidden;} #getContent .tour_panel.cate .tour_cnt_wrap .tour_info_tab {background:#e6e6e6;padding:5px 3px;overflow:hidden;} #getContent .tour_panel.cate .tour_cnt_wrap .tour_info_tab_nav {overflow:hidden;table-layout:fixed;display:table;width:100%;} #getContent .tour_panel.cate .tour_cnt_wrap .tour_info_tab_nav li {display:table-cell;} #getContent .tour_panel.cate .tour_cnt_wrap .tour_info_tab_nav li span {display:block;cursor:pointer;margin:0 2px;font-size:15px;font-weight:bold;background:#23af00;border-radius:4px 4px 0 0;color:#fff;text-align:center;line-height:33px;border-bottom:3px solid #23af00;} #getContent .tour_panel.cate .tour_cnt_wrap .tour_info_tab_nav li.active span {color:#fa3734;background:#fff;border-bottom:3px solid #fff;} #getContent .tour_panel.cate .tour_cnt_wrap .tour_info_tab_nav li span:hover {opacity:.65;} #getContent .tour_panel.cate .tour_cnt_wrap .tour_info_tab_nav li.active span:hover {opacity:1;} #getContent .tour_panel.cate .tour_cnt_wrap .tour_info_tab_panel {background:#fff;overflow:hidden;margin:0 2px;} #getContent .tour_panel.cate .tour_cnt_wrap .tour_info_tab_panel .panel_cnt {display:none;position:relative;min-height:80px;padding:10px 160px 10px 0;} #getContent .tour_panel.cate .tour_cnt_wrap .tour_info_tab_panel .panel_cnt.active {display:block;} #getContent .tour_panel.cate .tour_cnt_wrap .tour_info_tab_panel .tour_price {overflow:hidden;width:100%;} #getContent .tour_panel.cate .tour_cnt_wrap .tour_info_tab_panel .tour_price_tit {float:left;} #getContent .tour_panel.cate .tour_cnt_wrap .tour_info_tab_panel .tour_price_tit span {position:relative;display:flex;align-items:center;justify-content:center;line-height:1.4;width:80px;height:48px;background:#323232;color:#fff;font-size:11px;} #getContent .tour_panel.cate .tour_cnt_wrap .tour_info_tab_panel .tour_price_tit span:after {content:"";position:absolute;top:0;right:-10px;width:0;height:0;border-style:solid;border-width:24px 0 24px 10px;border-color: transparent transparent transparent #323232;} #getContent .tour_panel.cate .tour_cnt_wrap .tour_info_tab_panel .tour_price_tit span strong {font-size:14px;display:block;} #getContent .tour_panel.cate .tour_cnt_wrap .tour_info_tab_panel .tour_price_txt {padding-left:100px;} #getContent .tour_panel.cate .tour_cnt_wrap .tour_info_tab_panel .tour_price_txt p {margin-bottom:0;} #getContent .tour_panel.cate .tour_cnt_wrap .tour_info_tab_panel .tour_price_txt .price {color:#fa3734;font-weight:bold;line-height:1.2;} #getContent .tour_panel.cate .tour_cnt_wrap .tour_info_tab_panel .tour_price_txt .min_price {font-size:24px;} #getContent .tour_panel.cate .tour_cnt_wrap .tour_info_tab_panel .tour_price_txt .max_price {font-size:14px;margin-left:5px;} #getContent .tour_panel.cate .tour_cnt_wrap .tour_info_tab_panel .tour_price_txt .member {overflow:hidden;} #getContent .tour_panel.cate .tour_cnt_wrap .tour_info_tab_panel .tour_price_txt .member .price {color:#505050;margin-right:10px;display:inline-block;background:url(../img/common/line_double_01.png) center center repeat-x;} #getContent .tour_panel.cate .tour_cnt_wrap .tour_info_tab_panel .tour_price_txt .member .min_price {font-size:18px;} #getContent .tour_panel.cate .tour_cnt_wrap .tour_info_tab_panel .tour_price_txt .member .max_price {font-size:12px;} #getContent .tour_panel.cate .tour_cnt_wrap .tour_info_tab_panel .tour_price_txt .member .discount {display:inline-block;width:105px;background:#fa3734;color:#fff;font-weight:bold;padding:2px 0;text-align:center;line-height:1.4;font-size:14px;} #getContent .tour_panel.cate .tour_cnt_wrap .tour_info_tab_panel .tour_price_txt .member .price:after {} #getContent .tour_panel.cate .tour_cnt_wrap .tour_info_tab_panel .tour_price_txt .att p {display:inline-block;font-size:11px;line-height:1.4;} #getContent .tour_panel.cate .tour_cnt_wrap .tour_info_tab_panel .tour_price_txt .att .att_01 {display:block;color:#fa3734;} #getContent .tour_panel.cate .tour_cnt_wrap .tour_info_tab_panel .tour_price_txt .att .att_01 small {display:inline-block;font-size:10px;} #getContent .tour_panel.cate .tour_cnt_wrap .tour_info_tab_panel .tour_price_txt .att .att_03 {color:#0064d2;padding-left:17px;margin-left:5px;background:url(../img/common/icon_attention_01.png) left center no-repeat;} #getContent .tour_panel.cate .tour_cnt_wrap .tour_info_tab_panel .tour_price_txt .att .att_03 span {text-decoration:underline;} #getContent .tour_panel.cate .tour_cnt_wrap .tour_info_tab_panel .tour_btn {position:absolute;bottom:50%;right:10px;width:150px;height:44px;margin-bottom:-22px;} #getContent .tour_panel.cate .tour_cnt_wrap .tour_info_tab_panel .tour_btn a {position:relative;display:block;height:44px;border-radius:8px;color:#fff;font-size:15px;line-height:44px;text-align:center;font-weight:bold;background:#ff6700;text-decoration:none;} #getContent .tour_panel.cate .tour_cnt_wrap .tour_info_tab_panel .tour_btn a:after {font-size:12px;position:absolute;top:50%;right:5px;width:10px;height:10px;line-height:10px;margin-top:-5px;content:"\f105";font-family:FontAwesome;} @media (min-width:768px) { #getContent .tour_panel.cate .tour_cnt_head .tour_img a:hover img, #getContent .tour_panel.cate .tour_cnt_wrap .tour_info_tab_panel .tour_btn a:hover {opacity:.65;} } @media (max-width:767px) { #getContent .tour_panel.cate .panel_tit {font-size:14px;margin:30px 0 15px;} #getContent .tour_panel.cate .tour_cnt {margin-bottom:10px;background:#fff;} #getContent .tour_panel.cate .tour_cnt_head {overflow:hidden;display:block;background:#f4f4f4;padding:15px 15px 10px;} #getContent .tour_panel.cate .tour_cnt_head > div {display:block;} #getContent .tour_panel.cate .tour_cnt_head .tour_img {display:block;width:28%;float:left;} #getContent .tour_panel.cate .tour_cnt_head .cnt_head_01 {float:right;width:70%;text-align:left;background:none;margin-bottom:5px;border:0;} #getContent .tour_panel.cate .tour_cnt_head .cnt_head_01 > p {display:inline-block;line-height:20px;} #getContent .tour_panel.cate .tour_cnt_head .cnt_head_01 .tour_dep {font-size:11px;padding:0;width:70px;text-align:center;background:#23af00;color:#fff;border-bottom:0;} #getContent .tour_panel.cate .tour_cnt_head .cnt_head_01 .tour_code {font-size:11px;padding:0 0 0 5px;} #getContent .tour_panel.cate .tour_cnt_head .cnt_head_02 {padding-left:0;float:right;width:70%;} #getContent .tour_panel.cate .tour_cnt_head .cnt_head_02 .tour_comment {display:none;} #getContent .tour_panel.cate .tour_cnt_wrap {padding:10px 15px 15px;} #getContent .tour_panel.cate .tour_cnt_wrap, #getContent .tour_panel.cate .tour_cnt_wrap > div {display:block;} #getContent .tour_panel.cate .tour_cnt_wrap .cnt_left {display:none;} #getContent .tour_panel.cate .tour_cnt_wrap .cnt_right {padding-left:0;} #getContent .tour_panel.cate .tour_cnt_wrap .tour_info_tab {background:#fff;padding:0;} #getContent .tour_panel.cate .tour_cnt_wrap .tour_info_tab_nav li span {font-size:11px;font-weight:normal;line-height:1.2;padding:5px 0;border:0;background:#a8d6a3;} #getContent .tour_panel.cate .tour_cnt_wrap .tour_info_tab_nav li:first-child span {margin-left:0;} #getContent .tour_panel.cate .tour_cnt_wrap .tour_info_tab_nav li:last-child span {margin-right:0;} #getContent .tour_panel.cate .tour_cnt_wrap .tour_info_tab_nav li span strong {display:block;font-size:16px;font-weight:bold;} #getContent .tour_panel.cate .tour_cnt_wrap .tour_info_tab_nav li.active span {color:#fff;background:#23af00;border:0;} #getContent .tour_panel.cate .tour_cnt_wrap .tour_info_tab_panel {background:#fff;overflow:hidden;margin:0;border:2px solid #23af00;border-top:4px solid #23af00;} #getContent .tour_panel.cate .tour_cnt_wrap .tour_info_tab_panel .panel_cnt {padding:10px;} #getContent .tour_panel.cate .tour_cnt_wrap .tour_info_tab_panel .tour_price_txt .att {padding-right:0;} #getContent .tour_panel.cate .tour_cnt_wrap .tour_info_tab_panel .tour_price_txt .att .att_01, #getContent .tour_panel.cate .tour_cnt_wrap .tour_info_tab_panel .tour_price_txt .att .att_02 {display:inline;} #getContent .tour_panel.cate .tour_cnt_wrap .tour_info_tab_panel .tour_price_txt .att .att_01 {display:inline-block;margin-right:5px;} #getContent .tour_panel.cate .tour_cnt_wrap .tour_info_tab_panel .tour_btn {position:static;width:100%;margin:10px 0 0;} } @media (max-width:640px) { #getContent .tour_panel.cate .tour_cnt_head .cnt_head_01 {display:none;} #getContent .tour_panel.cate .tour_cnt_wrap .tour_info_tab_panel .tour_price {margin-left:-10px;} #getContent .tour_panel.cate .tour_cnt_wrap .tour_info_tab_panel .tour_price_tit span {text-align:left;font-size:12px;} #getContent .tour_panel.cate .tour_cnt_wrap .tour_info_tab_panel .tour_price_tit span strong {font-size:12px;display:block;font-weight:normal;} #getContent .tour_panel.cate .tour_cnt_wrap .tour_info_tab_panel .tour_price_txt .max_price {font-size:18px;} #getContent .tour_panel.cate .tour_cnt_wrap .tour_info_tab_panel .tour_price_txt .att p {font-size:12px;} #getContent .tour_panel.cate .tour_cnt_wrap .tour_info_tab_panel .tour_price_txt .att .att_03 {display:none;} } @media (max-width:480px) { #getContent .tour_panel.cate .panel_tit {margin:6vw 0 3vw;} #getContent .tour_panel.cate .tour_cnt_head .cnt_head_02 .tour_name {font-size:14px;} #getContent .tour_panel.cate .tour_cnt_wrap .tour_info_tab_panel .tour_price_tit {width:80px;} #getContent .tour_panel.cate .tour_cnt_wrap .tour_info_tab_panel .tour_price_tit span {width:80px;font-size:11px;} #getContent .tour_panel.cate .tour_cnt_wrap .tour_info_tab_panel .tour_price_txt {padding-left:95px;} #getContent .tour_panel.cate .tour_cnt_wrap .tour_info_tab_panel .tour_price_txt .min_price {font-size:20px;} #getContent .tour_panel.cate .tour_cnt_wrap .tour_info_tab_panel .tour_price_txt .max_price {font-size:14px;margin-left:0;} #getContent .tour_panel.cate .tour_cnt_wrap .tour_info_tab_panel .tour_price_txt .att p {display:inline;font-size:11px;line-height:1.3;} #getContent .tour_panel.cate .tour_cnt_wrap .tour_info_tab_panel .tour_price_txt .member {margin-bottom:0;} #getContent .tour_panel.cate .tour_cnt_wrap .tour_info_tab_panel .tour_price_txt .member .price {margin-right:0;} #getContent .tour_panel.cate .tour_cnt_wrap .tour_info_tab_panel .tour_price_txt .member .min_price {font-size:13px;} #getContent .tour_panel.cate .tour_cnt_wrap .tour_info_tab_panel .tour_price_txt .member .max_price {font-size:10px;} #getContent .tour_panel.cate .tour_cnt_wrap .tour_info_tab_panel .tour_price_txt .member .discount {font-size:11px;width:80px;} #getContent .tour_panel.cate .tour_cnt_wrap .tour_info_tab_panel .tour_btn {margin-top:10px;} } @media (max-width:360px) { #getContent .tour_panel.cate .tour_cnt_head .cnt_head_01 .tour_dep {font-size:10px;width:50px;} #getContent .tour_panel.cate .tour_cnt_head .cnt_head_01 .tour_code {font-size:10px;} #getContent .tour_panel.cate .tour_cnt_head .cnt_head_02 .tour_name {font-size:13px;} #getContent .tour_panel.cate .tour_cnt_wrap .tour_info_tab_panel .tour_price_tit span {width:70px;} #getContent .tour_panel.cate .tour_cnt_wrap .tour_info_tab_panel .tour_price_txt {padding-left:85px;} } /* lazysizes.js */ #getContent .tour_img .lazy-container {display:block;position:relative;height:0;} #getContent .tour_img .lazy-container img {opacity:0;position:absolute;top:0;left:0;width:100%;height:100%;transition:opacity 0.4s ease-in-out 0.4s;} #getContent .tour_img .lazy-container img.lazyloading {opacity:0.5;background:url(../img/common/load.gif) center center / 25px 25px no-repeat} #getContent .tour_img .lazy-container img.lazyloaded {opacity:1;}