/*
 * /gototravel のページ別CSS。
 *
 * もとはWPBakeryの「ページ設定」にDBで持っていたもの（postmeta の _wpb_post_custom_css）。
 * プラグインを消して管理画面から編集できなくなったため、テーマのファイルへ移した。
 *
 * 移すときに、画面のどの要素にも当たらないルールのうち
 * WPBakeryの部品用・ブロックエディタ既定・アイコン用のものを落としている。
 *
 *   3,056字 → 3,011字（ルール 32件を残し 1件を削除）
 *
 * 読み込みは inc/wpbakery-legacy-css.php。元と同じ wp_head 優先度1000の位置に出す。
 */
.navxtBreads { display: none; }
.goto-item a { text-decoration: none; }
h3 { font-size: 16px; margin-bottom: 16px; line-height: 1.4em; color: rgb(58, 58, 58); height: 40px; }
.goto-tours { padding: 20px 0px 40px; }
.goto-tours::after { content: ""; display: block; clear: both; }
h2 { font-size: 24px; color: rgb(230, 102, 61); text-align: center; margin-bottom: 10px; }
.english-title { text-align: center; }
.goto-container { margin: -30px auto 0px; position: relative; left: 50%; }
.goto-item { float: left; width: 340px; background: rgb(255, 255, 255); border-radius: 5px; box-shadow: rgb(214, 229, 229) 5px 5px 10px 0px; margin: 40px 15px 0px; position: relative; left: -50%; }
.tour-image { width: 340px; height: 180px; margin: 0px auto; overflow: hidden; border-top-left-radius: 5px; border-top-right-radius: 5px; }
.tour-image img { width: 340px; height: 180px; object-fit: cover; transition: 1s; }
.tour-image img:hover { transform: scale(1.2, 1.2); transition: 1s; }
.goto-inner { padding: 20px; }
.goto-price { margin-bottom: 10px; }
.goto-price-before, .goto-price-after, .goto-price-before p, .goto-price-after p { display: inline-block; margin: 0px; }
.goto-price-before { margin-bottom: 5px; }
.goto-price-after { margin-bottom: 8px; }
.goto-price-before p:nth-child(1) { background: rgb(110, 110, 110); color: rgb(255, 255, 255); padding: 3px 10px; font-size: 12px; font-weight: bold; text-align: center; width: 100px; }
.goto-price-before p:nth-child(2) { color: rgb(170, 170, 170); text-decoration: line-through; margin-left: 5px; font-size: 15px; }
.goto-price-after p:nth-child(1) { background: rgb(222, 36, 36); color: rgb(255, 255, 255); padding: 3px 10px; font-size: 12px; font-weight: bold; text-align: center; width: 100px; }
.goto-price-after p:nth-child(2) { color: rgb(222, 36, 36); font-size: 15px; font-weight: bold; margin-left: 5px; }
.goto-notice p { font-size: 12px; color: rgb(136, 136, 136); margin: 0px 0px 3px; padding: 0px; }
.goto-notice p:nth-child(1) { font-weight: bold; color: rgb(61, 61, 61); }
.goto-item button { width: 100%; height: 45px; border-radius: 3px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; color: rgb(255, 255, 255); background: rgb(255, 174, 44); font-weight: bold; letter-spacing: 1px; margin-top: 10px; }
.goto-end { background: rgb(221, 221, 221) !important; }
.goto-table th { background: rgb(246, 253, 255); padding: 16px 20px; color: rgb(3, 111, 141); border: 1px solid rgb(3, 111, 141); width: 25%; text-align: center; }
.goto-table td { background: rgb(255, 255, 255); padding: 16px 20px; color: rgb(3, 111, 141); border: 1px solid rgb(3, 111, 141); }
.goto-coupon { background: rgb(246, 253, 255); padding: 40px 15px; text-align: center; }
.goto-coupon img { width: 600px; }
.goto-notes h4 { font-size: 16px; font-weight: bold; color: rgb(51, 51, 51); margin-bottom: 5px; }
.goto-notes p { margin-bottom: 30px; }
@media screen and (max-width: 767px){.goto-table th { width: 115px !important; }}