/*----------- 国内メインビジュアル -------------*/ .kokunaifair_rwd_mainVisual .kokunaifair_rwd_fixImg img{position:absolute ;bottom:40px;left:-340px; width:511px; } @media screen and (max-width:599px),(max-width:767px) and (min-width:600px) and (orientation: landscape){ .kokunaifair_rwd_mainVisual .kokunaifair_rwd_fixImg img{position:absolute; left:12%;max-width: 45%;} } @media (max-width: 959px) and (min-width: 600px) and (orientation: portrait){ body { width: 1600px !important; }} .kokunaifair_rwd_mainVisual_koyo { position:relative; background: url(imgs/index_mv.jpg) no-repeat center bottom; background-size: auto; } .kokunaifair_rwd_mainVisual .kokunaifair_rwd_fixType{height: 350px; background-position:center 0} .kokunaifair_rwd_kokunaimv { background-image: url(imgs/index_mv.jpg) ; background-repeat: no-repeat; } @media (max-width: 599px), (min-width: 600px) and (max-width: 767px) and (orientation: landscape) { .kokunaifair_rwd_kokunaimv { background-image: url(imgs/index_sp_mv01.jpg); } } @media print{ .kokunaifair_rwd_mainVisual .kokunaifair_rwd_fixType.kokunaifair_rwd_kokunaipc{ background-image: url(imgs/index_mv.jpg) !important; background-repeat: no-repeat !important; height: 480px !important;}} @media screen and (max-width: 599px), (max-width: 767px) and (min-width: 600px) and (orientation: landscape) { .kokunai_text {background-color: rgba(0,0,0,0.7) !important;} ._setsubi {width: 100% !important;}} /* ====================================================== */ /* Last Update : 2018.9.25 */ /* For : 特集用 */ /* ====================================================== */ /*
に class名 kokunai bustour kaigai cruise 付与でベースカラー変更 汎用以外のスタイルを使いたい場合は、ローカルCSSに記述する */ /*------------------------------------- レイアウト -------------------------------------*/ .kokunaifair_rwd_contents {line-height: 1.5} .kokunaifair_rwd_contents .kokunaifair_rwd_wrap { min-width: 960px; max-width: 1280px; margin: 0 auto; clear: both; } .kokunaifair_rwd_contents .kokunaifair_rwd_specialWrap { width: 1080px; margin: 0 auto; clear: both; } .kokunaifair_rwd_displayPC {display: block} .kokunaifair_rwd_displaySP {display: none} .kokunaifair_rwd_blockPC {display: block} .kokunaifair_rwd_inlinePC {display: inline} .kokunaifair_rwd_inlineblockPC {display: inline-block} @media screen and (max-width: 599px), (min-width: 600px) and (max-width: 767px) and (orientation: landscape) { .kokunaifair_rwd_contents {font-size: 13px} .kokunaifair_rwd_contents .kokunaifair_rwd_wrap {min-width: inherit;max-width: inherit} .kokunaifair_rwd_contents .kokunaifair_rwd_specialWrap {width: 100%} .kokunaifair_rwd_contents .kokunaifair_rwd_specialWrap > .kokunaifair_rwd_wrap {padding: 0 15px} .kokunaifair_rwd_displayPC {display: none} .kokunaifair_rwd_displaySP {display: block} .kokunaifair_rwd_blockSP {display: block} .kokunaifair_rwd_inlineSP {display: inline} .kokunaifair_rwd_inlineblockSP {display: inline-block} } /*------------------------------------- 見出し -------------------------------------*/ .kokunaifair_rwd_hStyle1 {margin-bottom:.83em;font-size:2.25em;line-height:1.12} .kokunaifair_rwd_hStyle2 {margin-bottom:.73em;border-bottom:2px solid #d6d6d6;font-size:1.375em;line-height:1.12} .kokunaifair_rwd_hStyle3 {margin-bottom:.67em;border-bottom:2px solid #d6d6d6;font-size:1.125em;line-height:1.12} .kokunaifair_rwd_hStyle2 .kokunaifair_rwd_hInner,.kokunaifair_rwd_hStyle3 .kokunaifair_rwd_hInner {display:inline-block;margin-bottom:.41em} [class*="kokunaifair_rwd_hStyle"].kokunaifair_rwd_bg {border:none} [class*="kokunaifair_rwd_hStyle"].kokunaifair_rwd_noborder {border:none} [class*="kokunaifair_rwd_hStyle"].kokunaifair_rwd_border, [class*="kokunaifair_rwd_hStyle"] .kokunaifair_rwd_border {border-bottom:2px solid #d6d6d6} [class*="kokunaifair_rwd_hStyle"] .kokunaifair_rwd_specialWrap {display:block;padding:.5em 0 .4167em} .kokunaifair_rwd_hcolWrap {display:table;width:100%} [class*="kokunaifair_rwd_hStyle"] .kokunaifair_rwd_hcolWrap {display:table;width:960px} .kokunaifair_rwd_hcolWrap .kokunaifair_rwd_col {display:table-cell;padding-bottom:9px;vertical-align:bottom} [class*="kokunaifair_rwd_hStyle"] .kokunaifair_rwd_hcolWrap .kokunaifair_rwd_col {padding-bottom:0;vertical-align:middle} [class*="kokunaifair_rwd_hStyle"] .kokunaifair_rwd_text {font-size:15px;font-weight:bold;text-align:right} [class*="kokunaifair_rwd_hStyle"] .kokunaifair_rwd_img {padding-bottom:0;font-size:16px;text-align:right;vertical-align:bottom} [class*="kokunaifair_rwd_hStyle"] .kokunaifair_rwd_thumbnail {display:none} [class*="kokunaifair_rwd_hStyle"].kokunaifair_rwd_pickup > span { padding: .55em 0 .37em .68em; color: #fff; } .kokunaifair_rwd_kokunai [class*="kokunaifair_rwd_hStyle"].kokunaifair_rwd_pickup > span {border-bottom: 4px solid #a9032c;background: #e9093e} .kokunaifair_rwd_kaigai [class*="kokunaifair_rwd_hStyle"].kokunaifair_rwd_pickup > span {border-bottom: 4px solid #0376a6;background: #0b92ca} .kokunaifair_rwd_bustour [class*="kokunaifair_rwd_hStyle"].kokunaifair_rwd_pickup > span {border-bottom: 4px solid #9f4503;background: #e96809} .kokunaifair_rwd_cruise [class*="kokunaifair_rwd_hStyle"].kokunaifair_rwd_pickup > span {border-bottom: 4px solid #005225;background: #00823a} [class*="kokunaifair_rwd_hStyle"].kokunaifair_rwd_pickup2 .kokunaifair_rwd_icon6w { position: relative; width: 36px; height: 36px; margin-right: 12px; margin-bottom: 10px; background-position: center center; vertical-align: middle; } [class*="kokunaifair_rwd_hStyle"].kokunaifair_rwd_pickup2 .kokunaifair_rwd_icon6w::before { content: ''; display: block; position: absolute; left: 0; bottom: -7px; width: 0; height: 0; border-style: solid; border-width: 7px 18px 0 18px; } [class*="kokunaifair_rwd_hStyle"].kokunaifair_rwd_pickup2 .kokunaifair_rwd_icon6w::after { content: ''; display: block; position: absolute; top: 0; right: -6px; width: 0; height: 0; border-style: solid; border-width: 10px 0 0px 6px; } .kokunaifair_rwd_kokunai [class*="kokunaifair_rwd_hStyle"].kokunaifair_rwd_pickup2 .kokunaifair_rwd_icon6w {background-color: #e9093e} .kokunaifair_rwd_kokunai [class*="kokunaifair_rwd_hStyle"].kokunaifair_rwd_pickup2 .kokunaifair_rwd_icon6w::before {border-color: #e9093e transparent transparent transparent} .kokunaifair_rwd_kokunai [class*="kokunaifair_rwd_hStyle"].kokunaifair_rwd_pickup2 .kokunaifair_rwd_icon6w::after {border-color: transparent transparent transparent #a9032c} .kokunaifair_rwd_kaigai [class*="kokunaifair_rwd_hStyle"].kokunaifair_rwd_pickup2 .kokunaifair_rwd_icon6w {background-color: #0b92ca} .kokunaifair_rwd_kaigai [class*="kokunaifair_rwd_hStyle"].kokunaifair_rwd_pickup2 .kokunaifair_rwd_icon6w::before {border-color: #0b92ca transparent transparent transparent} .kokunaifair_rwd_kaigai [class*="kokunaifair_rwd_hStyle"].kokunaifair_rwd_pickup2 .kokunaifair_rwd_icon6w::after {border-color: transparent transparent transparent #0376a6} .kokunaifair_rwd_bustour [class*="kokunaifair_rwd_hStyle"].kokunaifair_rwd_pickup2 .kokunaifair_rwd_icon6w {background-color: #e96809} .kokunaifair_rwd_bustour [class*="kokunaifair_rwd_hStyle"].kokunaifair_rwd_pickup2 .kokunaifair_rwd_icon6w::before {border-color: #e96809 transparent transparent transparent} .kokunaifair_rwd_bustour [class*="kokunaifair_rwd_hStyle"].kokunaifair_rwd_pickup2 .kokunaifair_rwd_icon6w::after {border-color: transparent transparent transparent #9f4503} .kokunaifair_rwd_cruise [class*="kokunaifair_rwd_hStyle"].kokunaifair_rwd_pickup2 .kokunaifair_rwd_icon6w {background-color: #00823a} .kokunaifair_rwd_cruise [class*="kokunaifair_rwd_hStyle"].kokunaifair_rwd_pickup2 .kokunaifair_rwd_icon6w::before {border-color: #00823a transparent transparent transparent} .kokunaifair_rwd_cruise [class*="kokunaifair_rwd_hStyle"].kokunaifair_rwd_pickup2 .kokunaifair_rwd_icon6w::after {border-color: transparent transparent transparent #005225} [class*="kokunaifair_rwd_hStyle"].kokunaifair_rwd_pickup2 .kokunaifair_rwd_hInner { margin-bottom: 0; vertical-align: middle; } @media (min-width: 768px) and (max-width: 1280px) { .kokunaifair_rwd_specialWrap > .kokunaifair_rwd_wrap [class*="kokunaifair_rwd_hStyle"] {padding-left:10px} [class*="kokunaifair_rwd_hStyle"] .kokunaifair_rwd_text {padding-right:10px} } @media screen and (max-width: 599px), (min-width: 600px) and (max-width: 767px) and (orientation: landscape) { .kokunaifair_rwd_hStyle1 {font-size:1.616em;line-height:1.1} .kokunaifair_rwd_hStyle2 {margin-bottom:11px;font-size:1.154em;line-height:1.14} .kokunaifair_rwd_hStyle3 {margin-bottom:11px;font-size:1.077em;line-height:1.15} [class*="kokunaifair_rwd_hStyle"] {padding:0 15px} [class*="kokunaifair_rwd_hStyle"].kokunaifair_rwd_bg.kokunaifair_rwd_bgWhite1 {padding:0} .kokunaifair_rwd_specialWrap .kokunaifair_rwd_wrap [class*="kokunaifair_rwd_hStyle"] {padding:0} .kokunaifair_rwd_hcolWrap,[class*="kokunaifair_rwd_hStyle"] .kokunaifair_rwd_hcolWrap {width:100%} .kokunaifair_rwd_hcolWrap.kokunaifair_rwd_hw2 {display:block} .kokunaifair_rwd_hcolWrap .kokunaifair_rwd_col.kokunaifair_rwd_blockSP {display:block} [class*="kokunaifair_rwd_hStyle"] .kokunaifair_rwd_text {display:block;width:100%;text-align:left;font-size:13px} [class*="kokunaifair_rwd_hStyle"] .kokunaifair_rwd_hcolWrap .kokunaifair_rwd_text {padding-top:9px;font-size:13px} [class*="kokunaifair_rwd_hStyle"] .kokunaifair_rwd_thumbnail {display:table-cell;width:70px;padding:0 10px 0 0;vertical-align:middle} [class*="kokunaifair_rwd_hStyle"] .kokunaifair_rwd_img img,[class*="kokunaifair_rwd_hStyle"] .kokunaifair_rwd_thumbnail img {width:auto;height:36px} } .kokunaifair_rwd_bgNavy{ background: #1f3571!important; } .kokunaifair_rwd_bcNavy{ border-color: #1f3571!important; } .kokunaifair_rwd_kokunai .bg { background: #1f3571!important; } .okinawa_title { color: #ffffff!important; } /*------------------------------------- アイコン -------------------------------------*/ *[class*="kokunaifair_rwd_icon"] { display: inline-block; padding-left: 1.56em; background-repeat: no-repeat; background-size: auto 1em; } .kokunaifair_rwd_txtC *[class*="kokunaifair_rwd_icon"] {padding-right: 1.56em} .kokunaifair_rwd_icon1 {background-image: url(/img/ico_hStyle2_08.png)}/*グルメ*/ .kokunaifair_rwd_icon2 {background-image: url(/img/ico_calendar_03.png)}/*カレンダー*/ .kokunaifair_rwd_icon3 {background-image: url(/img/ico_hStyle2_06.png)}/*フラグ*/ .kokunaifair_rwd_icon4 {background-image: url(/img/ico_hStyle2_01.png)}/*カバン*/ .kokunaifair_rwd_icon5 {background-image: url(/img/ico_hStyle2_07.png)}/*位置*/ .kokunaifair_rwd_icon6 {background-image: url(/img/ico_search_05.png)}/*ルーペ*/ .kokunaifair_rwd_icon6w {background-image: url(/img/ico_search_06.png)}/*ルーペ*/ .kokunaifair_rwd_icon7 {background-image: url(/img/ico_hStyle2_04.png)}/*ランキング*/ .kokunaifair_rwd_icon8 {background-image: url(/img/ico_hStyle2_03.png)}/*ベル*/ .kokunaifair_rwd_icon9 {background-image: url(/img/ico_hStyle2_02.png)}/*Book*/ .kokunaifair_rwd_icon10 {background-image: url(/img/ico_hStyle2_09.png)}/*飛行機*/ .kokunaifair_rwd_icon11 {background-image: url(/img/ico_hStyle2_10.png)}/*列車*/ .kokunaifair_rwd_icon12 {background-image: url(/img/ico_hStyle2_11.png)}/*バス*/ .kokunaifair_rwd_icon13 {background-image: url(/img/ico_hStyle2_12.png)}/*クルーズ*/ .kokunaifair_rwd_icon14 {background-image: url(/img/ico_hStyle2_13.png)}/*ホテル*/ .kokunaifair_rwd_icon15 {background-image: url(/img/ico_hStyle2_14.png)}/*海外*/ .kokunaifair_rwd_icon16 {background-image: url(/img/ico_hStyle2_15.png)}/*国内*/ .kokunaifair_rwd_icon17 {background-image: url(/img/ico_hStyle2_16.png)}/*カメラ*/ .kokunaifair_rwd_iconhana { background-image: url(imgs/ico_hStyle2_hana.png); } /*------------------------------------- ボタン -------------------------------------*/ .kokunaifair_rwd_contents .kokunaifair_rwd_btn01 { position: relative; display: inline-block; padding: 16px 32px 14px 20px; border: none; border-bottom: 3px solid #b86315; outline: none; background: linear-gradient(90deg, #e97409, #e97409); color: #fff; font-family: inherit; font-size: 1.125em;/*18px*/ font-weight: bold; line-height: inherit; text-decoration: none; cursor: pointer; -moz-appearance: none; -webkit-appearance: none; appearance: none; } .kokunaifair_rwd_contents .kokunaifair_rwd_btn01::after { content: ""; position: absolute; top: 50%; right: 10px; display: block; margin-top: -4px; width: 7px; height: 7px; border-bottom: 2px solid #fff; border-right: 2px solid #fff; transform: rotate(-45deg); } .kokunaifair_rwd_contents .kokunaifair_rwd_btn01:hover {opacity: .85} .kokunaifair_rwd_contents .kokunaifair_rwd_btn02 { position: relative; display: inline-block; padding: 12px 32px 8px 20px; border: 1px solid #dbdbdb; border-bottom: 3px solid #dbdbdb; background: #fff; font-weight: bold; font-size: .875em;/*14px*/ line-height: 1.15; text-decoration: none; cursor: pointer; } .kokunaifair_rwd_contents .kokunaifair_rwd_btn02::after { content: ""; position: absolute; top: 50%; right: 14px; display: block; width: 7px; height: 7px; margin-top: -4px; border-right: 2px solid #999; border-bottom: 2px solid #999; transform: rotate(-45deg); } .kokunaifair_rwd_contents .kokunaifair_rwd_btn02:hover {text-decoration: underline} .kokunaifair_rwd_contents .kokunaifair_rwd_btn03 { position: relative; display: inline-block; padding: 12px 12px 9px 24px; border: none; background: #131; font-weight: bold; font-size: 1.125em;/*18px*/ line-height: 1.12; text-decoration: none; cursor: pointer; } .kokunaifair_rwd_contents .kokunaifair_rwd_btn03::before { content: ""; position: absolute; top: 50%; left: 14px; display: block; width: 5px; height: 5px; margin-top: -4px; border-right: 2px solid #999; border-bottom: 2px solid #999; transform: rotate(45deg); } .kokunaifair_rwd_contents .kokunaifair_rwd_btn03:hover { background: #944040; } .kokunaifair_rwd_contents .kokunaifair_rwd_btn03.kokunaifair_rwd_strong::before { border-right: 2px solid #fff; border-bottom: 2px solid #fff; } .kokunaifair_rwd_contents *[class*="kokunaifair_rwd_btn"].kokunaifair_rwd_b100 {width: 100%} .kokunaifair_rwd_contents .kokunaifair_rwd_btn01.kokunaifair_rwd_b100 {padding: 16px 32px 14px 32px;} @media screen and (max-width: 599px), (min-width: 600px) and (max-width: 767px) and (orientation: landscape) { .kokunaifair_rwd_contents .kokunaifair_rwd_btn01 { font-size: 1.385em;/*18px*/ line-height: 1.12; } .kokunaifair_rwd_contents .kokunaifair_rwd_btn02 { padding: 12px 32px 12px 20px; font-size: 0.924em;/*12px*/ line-height: 1.17; } .kokunaifair_rwd_contents .kokunaifair_rwd_btn03 { padding: 16px 10px 16px 24px; font-size: 0.924em;/*12px*/ line-height: 1.17; } .kokunaifair_rwd_contents .kokunaifair_rwd_btn03::before {left: 11px} .kokunaifair_rwd_contents .kokunaifair_rwd_btn03:hover {background: #131F3C} } /*------------------------------------- ボタン バリエーション -------------------------------------*/ .kokunaifair_rwd_contents .kokunaifair_rwd_btn02.kokunaifair_rwd_b01, .kokunaifair_rwd_contents .kokunaifair_rwd_btn02.kokunaifair_rwd_b03, .kokunaifair_rwd_contents .kokunaifair_rwd_btn02.kokunaifair_rwd_b04 { padding: 12px 17px 9px 45px; font-size: 0.75em;/*12px*/ line-height: 1.17; text-align: center; } .kokunaifair_rwd_contents .kokunaifair_rwd_btn02.kokunaifair_rwd_b02 { padding: 12px 17px 9px 34px; font-size: 0.75em;/*12px*/ line-height: 1.17; text-align: center; } .kokunaifair_rwd_contents .kokunaifair_rwd_btn02.kokunaifair_rwd_b01::after, .kokunaifair_rwd_contents .kokunaifair_rwd_btn02.kokunaifair_rwd_b02::after, .kokunaifair_rwd_contents .kokunaifair_rwd_btn02.kokunaifair_rwd_b03::after, .kokunaifair_rwd_contents .kokunaifair_rwd_btn02.kokunaifair_rwd_b04::after { right: 8px; } .kokunaifair_rwd_contents .kokunaifair_rwd_btn02.kokunaifair_rwd_b01::before { content: ''; display: block; position: absolute; top: 50%; left: 4px; width: 35px; height: 16px; margin-top: -8px; background: url(/img/special/ico_btn_01.png) no-repeat; } .kokunaifair_rwd_contents .kokunaifair_rwd_btn02.kokunaifair_rwd_b02::before { content: ''; display: block; position: absolute; top: 50%; left: 4px; width: 35px; height: 18px; margin-top: -9px; background: url(/img/special/ico_btn_02.png) no-repeat; } .kokunaifair_rwd_contents .kokunaifair_rwd_btn02.kokunaifair_rwd_b03::before { content: ''; display: block; position: absolute; top: 50%; left: 4px; width: 38px; height: 18px; margin-top: -9px; background: url(/img/special/ico_btn_03.png) no-repeat; } .kokunaifair_rwd_contents .kokunaifair_rwd_btn02.kokunaifair_rwd_b04::before { content: ''; display: block; position: absolute; top: 50%; left: 4px; width: 38px; height: 18px; margin-top: -9px; background: url(/img/special/ico_btn_04.png) no-repeat; } .kokunaifair_rwd_contents .kokunaifair_rwd_btn02.kokunaifair_rwd_bwindow::after { right: 10px; width: 12px; height: 10px; border: none; background: url(/img/ico_window.gif) 0 0 no-repeat; transform: rotate(0); } .kokunaifair_rwd_contents .kokunaifair_rwd_btn02.kokunaifair_rwd_banker {padding: 12px 20px 8px 32px} .kokunaifair_rwd_contents .kokunaifair_rwd_btn02.kokunaifair_rwd_banker::after { right: inherit; left: 12px; margin-top: -5px; transform: rotate(45deg); } .kokunaifair_rwd_contents *[class*="kokunaifair_rwd_btn"].kokunaifair_rwd_disable { border-bottom: 3px solid #d6d6d6; background: #d6d6d6; color: #fff; cursor: default; } .kokunaifair_rwd_contents *[class*="kokunaifair_rwd_btn"].kokunaifair_rwd_disable:hover { text-decoration: none; opacity: 1; } .kokunaifair_rwd_contents *[class*="kokunaifair_rwd_btn"].kokunaifair_rwd_disable::before, .kokunaifair_rwd_contents *[class*="kokunaifair_rwd_btn"].kokunaifair_rwd_disable::after { border-right: 2px solid #fff; border-bottom: 2px solid #fff; } .kokunaifair_rwd_contents .kokunaifair_rwd_btn02.kokunaifair_rwd_bwindow.kokunaifair_rwd_disable::after {border: none} @media screen and (max-width: 599px), (min-width: 600px) and (max-width: 767px) and (orientation: landscape) { .kokunaifair_rwd_contents .kokunaifair_rwd_btn02.kokunaifair_rwd_b01, .kokunaifair_rwd_contents .kokunaifair_rwd_btn02.kokunaifair_rwd_b02, .kokunaifair_rwd_contents .kokunaifair_rwd_btn02.kokunaifair_rwd_b03, .kokunaifair_rwd_contents .kokunaifair_rwd_btn02.kokunaifair_rwd_b04 { font-size: 0.924em;/*12px*/ line-height: 1.17; } .kokunaifair_rwd_contents .kokunaifair_rwd_btn02.kokunaifair_rwd_b01, .kokunaifair_rwd_contents .kokunaifair_rwd_btn02.kokunaifair_rwd_b03 { padding: 10px 17px 10px 45px; } .kokunaifair_rwd_contents .kokunaifair_rwd_btn02.kokunaifair_rwd_b02 {padding: 10px 17px 10px 34px} .kokunaifair_rwd_contents .kokunaifair_rwd_btn02.kokunaifair_rwd_banker {padding: 12px 20px 12px 32px;} .kokunaifair_rwd_contents .kokunaifair_rwd_btn02.kokunaifair_rwd_b04 {padding: 10px 39px 10px 45px} .kokunaifair_rwd_contents .kokunaifair_rwd_btn02.kokunaifair_rwd_b01::before, .kokunaifair_rwd_contents .kokunaifair_rwd_btn02.kokunaifair_rwd_b03::before, .kokunaifair_rwd_contents .kokunaifair_rwd_btn02.kokunaifair_rwd_b04::before { left: 8px; } .kokunaifair_rwd_contents .kokunaifair_rwd_btn02.kokunaifair_rwd_b01, .kokunaifair_rwd_contents .kokunaifair_rwd_btn02.kokunaifair_rwd_b02, .kokunaifair_rwd_contents .kokunaifair_rwd_btn02.kokunaifair_rwd_b03, .kokunaifair_rwd_contents .kokunaifair_rwd_btn02.kokunaifair_rwd_b04 { text-align: center; } } /*------------------------------------- テキスト -------------------------------------*/ /* 文字サイズ */ .kokunaifair_rwd_fs12 {font-size: 12px!important} .kokunaifair_rwd_fs14 {font-size: 14px!important} .kokunaifair_rwd_fs15 {font-size: 15px!important} .kokunaifair_rwd_fs16 {font-size: 16px!important} .kokunaifair_rwd_fs18 {font-size: 18px!important} .kokunaifair_rwd_fs20 {font-size: 20px!important} .kokunaifair_rwd_fsSS {font-size: 0.75em!important} .kokunaifair_rwd_fsS {font-size: 0.875em!important} .kokunaifair_rwd_fsL {font-size: 1.125em!important} .kokunaifair_rwd_fsLL {font-size: 1.25em!important} /* 太字 */ .kokunaifair_rwd_fwB {font-weight:bold!important} .kokunaifair_rwd_fwN {font-weight:normal!important} /* 下線 */ .kokunaifair_rwd_txtLine {text-decoration:underline!important} /* 書体 */ .kokunaifair_rwd_ffM {font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;} /*------------------------------------- 注釈 -------------------------------------*/ .kokunaifair_rwd_notes {margin-top: 3px;font-size: 0.8125em;/*13px*/} .kokunaifair_rwd_iconNotes { padding-left: 23px; background: url(/img/ico_urgentNotice.png) 0 3px no-repeat; background-size: 16px 16px; color: #fe3232; font-weight: bold; } @media screen and (max-width: 599px), (min-width: 600px) and (max-width: 767px) and (orientation: landscape) { .kokunaifair_rwd_notes {font-size: 0.847em;/*11px*/} .kokunaifair_rwd_icoNotes { padding-left: 19px; background-size: 13px 13px; } } /*------------------------------------- カラーバリエーション -------------------------------------*/ /* 文字色 */ .kokunaifair_rwd_fcRed {color: #e9093e!important} .kokunaifair_rwd_fcOrange {color: #e96809!important} .kokunaifair_rwd_fcBlue {color: #0b92ca!important} .kokunaifair_rwd_fcGreen {color: #00823a!important} .kokunaifair_rwd_fcWhite {color: #fff!important} .kokunaifair_rwd_fcBlack {color: #333!important} .kokunaifair_rwd_fcGray {color: #787878!important} .kokunaifair_rwd_fcPink {color: #dd7e71!important} .kokunaifair_rwd_fcOlive {color: #8daa5a!important} .kokunaifair_rwd_fcBluegray {color: #58829d!important} .kokunaifair_rwd_fcBrown {color: #b56e23!important} /* 背景色 */ .kokunaifair_rwd_kokunai .kokunaifair_rwd_bg {background: #ffeff0 url(/img/top/bg_kokunai.gif)} .kokunaifair_rwd_bustour .kokunaifair_rwd_bg {background: #fff6f0 url(/img/top/bg_bustour.gif)} .kokunaifair_rwd_kaigai .kokunaifair_rwd_bg {background: #ebf9ff url(/img/top/bg_kaigai.gif)} .kokunaifair_rwd_kokunaifair .kokunaifair_rwd_bg {background: #e8faf0 url(/img/top/bg_cruise.gif)} .kokunaifair_rwd_bgRed1 {background: #e9093e!important} .kokunaifair_rwd_bgRed2 {background: #ffe0e6!important} .kokunaifair_rwd_bgRed3 {background: #fff7f9!important} .kokunaifair_rwd_bgOrange1 {background: #e96809!important} .kokunaifair_rwd_bgOrange2 {background: #ffddc5!important} .kokunaifair_rwd_bgOrange3 {background: #fff6f0!important} .kokunaifair_rwd_bgBlue1 {background: #0b92ca!important} .kokunaifair_rwd_bgBlue2 {background: #c5e8fb!important} .kokunaifair_rwd_bgBlue3 {background: #ebf9ff!important} .kokunaifair_rwd_bgGreen1 {background: #00823a!important} .kokunaifair_rwd_bgGreen2 {background: #bfefd5!important} .kokunaifair_rwd_bgGreen3 {background: #e8faf0!important} .kokunaifair_rwd_bgWhite1 {background: #fff!important} .kokunaifair_rwd_bgBlack1 {background: #333!important} .kokunaifair_rwd_bgGray1 {background: #787878!important} .kokunaifair_rwd_bgGray2 {background: #e8e8e8!important} .kokunaifair_rwd_bgGray3 {background: #f5f5f5!important} /* border-color */ .kokunaifair_rwd_bcRed1 {border-color: #e9093e!important} .kokunaifair_rwd_bcRed2 {border-color: #ffe0e6!important} .kokunaifair_rwd_bcRed3 {border-color: #fff7f9!important} .kokunaifair_rwd_bcOrange1 {border-color: #e96809!important} .kokunaifair_rwd_bcOrange2 {border-color: #ffddc5!important} .kokunaifair_rwd_bcOrange3 {border-color: #fff6f0!important} .kokunaifair_rwd_bcBlue1 {border-color: #0b92ca!important} .kokunaifair_rwd_bcBlue2 {border-color: #c5e8fb!important} .kokunaifair_rwd_bcBlue3 {border-color: #ebf9ff!important} .kokunaifair_rwd_bcGreen1 {border-color: #00823a!important} .kokunaifair_rwd_bcGreen2 {border-color: #bfefd5!important} .kokunaifair_rwd_bcGreen3 {border-color: #e8faf0!important} .kokunaifair_rwd_bcGray1 {border-color: #787878!important} .kokunaifair_rwd_bcGray2 {border-color: #e8e8e8!important} .kokunaifair_rwd_bcGray3 {border-color: #f5f5f5!important} /*------------------------------------- 配置 -------------------------------------*/ /* float */ .kokunaifair_rwd_fl {float: left} .kokunaifair_rwd_fr {float: right} /* テキスト配置 */ .kokunaifair_rwd_txtC {text-align:center!important} .kokunaifair_rwd_txtL {text-align:left!important} .kokunaifair_rwd_txtR {text-align:right!important} /* 縦揃え */ .kokunaifair_rwd_verT {vertical-align:top!important} .kokunaifair_rwd_verM {vertical-align:middle!important} .kokunaifair_rwd_verB {vertical-align:bottom!important} /*------------------------------------- リンク -------------------------------------*/ .kokunaifair_rwd_contents .kokunaifair_rwd_arrow01 { display: inline-block; padding-left: 13px; background: url(/img/bullet_arrow_01.png) 0 .5em no-repeat; line-height: 1.625; } .kokunaifair_rwd_contents .kokunaifair_rwd_arrow02 { position: relative; display: inline-block; padding-left: 13px; line-height: 1.625; } .kokunaifair_rwd_contents .kokunaifair_rwd_arrow02::before { content: ""; position: absolute; top: 50%; left: 0; display: block; width: 4px; height: 4px; margin-top: -4px; border-right: 2px solid #999; border-bottom: 2px solid #999; transform: rotate(45deg); } .kokunaifair_rwd_contents .kokunaifair_rwd_arrow03 { position: relative; display: inline-block; padding-left: 13px; line-height: 1.625; } .kokunaifair_rwd_contents .kokunaifair_rwd_arrow03::before { content: ""; position: absolute; top: 50%; left: 0; display: block; width: 4px; height: 4px; margin-top: -4px; border-right: 2px solid #fff; border-bottom: 2px solid #fff; transform: rotate(45deg); } .kokunaifair_rwd_contents .kokunaifair_rwd_linkWindow { padding-right: 18px; background: url(/img/ico_window.gif) right .4em no-repeat; line-height: 1.625; } @media screen and (max-width: 599px), (min-width: 600px) and (max-width: 767px) and (orientation: landscape) { .kokunaifair_rwd_ contents .kokunaifair_rwd_arrow01 {background-position: 0 .43em} } /*------------------------------------- リスト -------------------------------------*/ ul.kokunaifair_rwd_listStyle {margin-left: 1em} ul.kokunaifair_rwd_listStyle li {position: relative} ul.kokunaifair_rwd_listStyle li::before { position: absolute; left: -1.2em; font-size: 1em; color: #999; } ul.kokunaifair_rwd_listStyle + .kokunaifair_rwd_listStyle, ul.kokunaifair_rwd_listStyle li + li {margin-top: 0.5em} ul.kokunaifair_rwd_disc li::before {content: '・'} ul.kokunaifair_rwd_square li::before {content: '■'} ul.kokunaifair_rwd_dia li::before {content: '◆'} ul.kokunaifair_rwd_star li::before {content: '★'} ul.kokunaifair_rwd_notes li::before {content: '※'} ul.kokunaifair_rwd_listStyle.kokunaifair_rwd_red li::before, ul.kokunaifair_rwd_listStyle li.kokunaifair_rwd_red::before {color: #e9093e!important} ul.kokunaifair_rwd_listStyle.kokunaifair_rwd_orange li::before, ul.kokunaifair_rwd_listStyle li.kokunaifair_rwd_orange::before {color: #e96809!important} ul.kokunaifair_rwd_listStyle.kokunaifair_rwd_blue li::before, ul.kokunaifair_rwd_listStyle li.kokunaifair_rwd_blue::before {color: #0b92ca!important} ul.kokunaifair_rwd_listStyle.kokunaifair_rwd_green li::before, ul.kokunaifair_rwd_listStyle li.kokunaifair_rwd_green::before {color: #00823a!important} ul.kokunaifair_rwd_listStyle.kokunaifair_rwd_black li::before, ul.kokunaifair_rwd_listStyle li.kokunaifair_rwd_black::before {color: #333!important} /*------------------------------------- カラム -------------------------------------*/ .kokunaifair_rwd_columnWrap {width:960px;margin:0 auto;overflow:hidden} .kokunaifair_rwd_columnWrap.kokunaifair_rwd_cwrap1 {width:900px} .kokunaifair_rwd_columnWrap.kokunaifair_rwd_cwrap2 {width:760px} .kokunaifair_rwd_column {width:102%;margin-left:-1%;margin-right:-1%} .kokunaifair_rwd_column > * {float:left;margin-bottom:10px;padding:0 10px} .kokunaifair_rwd_column.kokunaifair_rwd_col-1 > * {width: 100%} .kokunaifair_rwd_column.kokunaifair_rwd_col-2 > * {width: 50%} .kokunaifair_rwd_column.kokunaifair_rwd_col-3 > * {width: 33.33%} .kokunaifair_rwd_column.kokunaifair_rwd_col-4 > * {width: 25%} .kokunaifair_rwd_column.kokunaifair_rwd_col-5 > * {width: 20%} .kokunaifair_rwd_column.kokunaifair_rwd_col-6 > * {width: 16.66%} .kokunaifair_rwd_column.kokunaifair_rwd_col-7 > * {width: 14.2857%} .kokunaifair_rwd_column.kokunaifair_rwd_col-2 > .kokunaifair_rwd_col-w1 {width: 61.5%} .kokunaifair_rwd_column.kokunaifair_rwd_col-2 > .kokunaifair_rwd_col-w2 {width: 38.5%} .kokunaifair_rwd_column.kokunaifair_rwd_col-2 > .kokunaifair_rwd_col-w2 > *:first-child {margin-bottom: 15px} .kokunaifair_rwd_column.kokunaifair_rwd_col-3 > .kokunaifair_rwd_colspan-2 {width: 66.66%} .kokunaifair_rwd_column.kokunaifair_rwd_col-4 > .kokunaifair_rwd_colspan-2 {width: 50%} .kokunaifair_rwd_column.kokunaifair_rwd_col-4 > .kokunaifair_rwd_colspan-3 {width: 75%} @media screen and (max-width: 599px), (min-width: 600px) and (max-width: 767px) and (orientation: landscape) { .kokunaifair_rwd_columnWrap {min-width:inherit;max-width:inherit;width:100%;padding:0 10px} .kokunaifair_rwd_columnWrap.kokunaifair_rwd_cwrap1,.kokunaifair_rwd_columnWrap.kokunaifair_rwd_cwrap2 {width:100%} .kokunaifair_rwd_column {min-width:inherit;max-width:inherit;width:100%;margin-left:0;margin-right:0} .kokunaifair_rwd_column > * {padding: 0 5px} .kokunaifair_rwd_column.kokunaifair_rwd_col-sp-1 > * {width: 100%;padding: 0} .kokunaifair_rwd_tourWrap .kokunaifair_rwd_column.kokunaifair_rwd_col-sp-2 > *, .kokunaifair_rwd_column.kokunaifair_rwd_col-sp-2 > * {float: left;width: 50%;padding: 0 5px} .kokunaifair_rwd_column.kokunaifair_rwd_col-2 > .kokunaifair_rwd_col-w1, .kokunaifair_rwd_column.kokunaifair_rwd_col-2 > .kokunaifair_rwd_col-w2 {width: 100%} .kokunaifair_rwd_column.kokunaifair_rwd_col-2 > .kokunaifair_rwd_col-w2 {padding: 0} .kokunaifair_rwd_column.kokunaifair_rwd_col-2 > .kokunaifair_rwd_col-w2 > * { float: left; width: 50%; padding: 0 5px; } .kokunaifair_rwd_column.kokunaifair_rwd_col-2 > .kokunaifair_rwd_col-w2 > *:first-child {margin-bottom: 0} } /*------------------------------------- ボックス -------------------------------------*/ .kokunaifair_rwd_contents .kokunaifair_rwd_box {padding:20px} .kokunaifair_rwd_boxBorder01 {padding:1px;border:1px solid #dbdbdb} .kokunaifair_rwd_boxBorder01 > ul {display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;border-top:1px solid #dbdbdb;border-left:1px solid #dbdbdb} .kokunaifair_rwd_boxBorder01 > ul > li {padding:10px 15px 8px;border-right:1px solid #dbdbdb;border-bottom:1px solid #dbdbdb} .kokunaifair_rwd_boxBorder01 > .kokunaifair_rwd_col-2 li {width:50%} .kokunaifair_rwd_boxBorder01 > .kokunaifair_rwd_col-4 li {width:25%} .kokunaifair_rwd_boxBorder01 > .kokunaifair_rwd_col-2 > li:nth-child(4n+2),.kokunaifair_rwd_boxBorder01 > .kokunaifair_rwd_col-2 > li:nth-child(4n+3),.kokunaifair_rwd_boxBorder01 > .kokunaifair_rwd_col-4 > li:nth-child(8n+2),.kokunaifair_rwd_boxBorder01 > .kokunaifair_rwd_col-4 > li:nth-child(8n+4),.kokunaifair_rwd_boxBorder01 > .kokunaifair_rwd_col-4 > li:nth-child(8n+5),.kokunaifair_rwd_boxBorder01 > .kokunaifair_rwd_col-4 > li:nth-child(8n+7) {background-color:#f5f5f5} .kokunaifair_rwd_boxPanel, .kokunaifair_rwd_boxPanel2, .kokunaifair_rwd_boxPanel3 {margin-bottom:20px} .kokunaifair_rwd_boxPanel a {display:block;color:#fff;text-align:center;text-decoration:none} .kokunaifair_rwd_kokunai .kokunaifair_rwd_boxPanel a {background:#e9093e} .kokunaifair_rwd_bustour .kokunaifair_rwd_boxPanel a {background:#e96809} .kokunaifair_rwd_kaigai .kokunaifair_rwd_boxPanel a {background:#0b92ca} .kokunaifair_rwd_kokunaifair .kokunaifair_rwd_boxPanel a {background:#00823a} [class*="boxPanel"] a:hover .kokunaifair_rwd_photo {background:#fff} [class*="boxPanel"] a:hover .kokunaifair_rwd_photo img {opacity:.7;transition: opacity .2s} .kokunaifair_rwd_boxPanel .kokunaifair_rwd_text {padding:8px 12px 6px} .kokunaifair_rwd_boxPanel .kokunaifair_rwd_text .kokunaifair_rwd_arrow03 {display:block} .kokunaifair_rwd_boxPanel2 a, .kokunaifair_rwd_boxPanel3 a, .kokunaifair_rwd_boxPanel4 a, .kokunaifair_rwd_boxPanel5 a {display:table;width: 100%;border-bottom: 3px solid #dbdbdb;background: #f0f0f0; text-decoration:none} .kokunaifair_rwd_boxPanel2 a > *, .kokunaifair_rwd_boxPanel3 a > *, .kokunaifair_rwd_boxPanel4 a > *, .kokunaifair_rwd_boxPanel5 a > * {display:table-cell} .kokunaifair_rwd_boxPanel2 a > :first-child {width:33.5%} .kokunaifair_rwd_boxPanel2 a > :last-child {width:66.5%;vertical-align:top} .kokunaifair_rwd_boxPanel2 .kokunaifair_rwd_text, .kokunaifair_rwd_boxPanel3 .kokunaifair_rwd_text { padding: 10px 10px 5px; font-size: 0.875em;/*14px*/ line-height: 1.15; } .kokunaifair_rwd_boxPanel2 .kokunaifair_rwd_number, .kokunaifair_rwd_boxPanel3 .kokunaifair_rwd_number { display: inline-block; margin-bottom: 4px; padding: 2px 5px; background: #333; color: #fff; } .kokunaifair_rwd_boxPanel2 .kokunaifair_rwd_arrow02, .kokunaifair_rwd_boxPanel3 .kokunaifair_rwd_arrow02 {display: block; line-height: 1.15} .kokunaifair_rwd_boxPanel3 a > :first-child {width:25%} .kokunaifair_rwd_boxPanel3 a > :last-child {width:75%;vertical-align:top} .kokunaifair_rwd_boxPanel4 a > :first-child {width:45%} .kokunaifair_rwd_boxPanel4 a > :last-child {width:55%;vertical-align:top} .kokunaifair_rwd_boxPanel4 div.kokunaifair_rwd_text {padding: 15px;} .kokunaifair_rwd_boxPanel5 a > :first-child {width:66.7%} .kokunaifair_rwd_boxPanel5 a > :last-child {width:33.3%;vertical-align:bottom} .kokunaifair_rwd_boxPanel5 div.kokunaifair_rwd_text {padding: 15px 18px 20px 15px} .kokunaifair_rwd_contents .kokunaifair_rwd_icoBox {display:inline-block;margin-top:-2px;padding:2px 7px 1px;border:1px solid #444;background:#fff;font-size:.86em;line-height:1.5} @media screen and (max-width: 599px),(min-width: 600px) and (max-width: 767px) and (orientation: landscape) { .kokunaifair_rwd_contents .kokunaifair_rwd_box {padding:10px} .kokunaifair_rwd_boxBorder01 > ul > li {padding:10px} .kokunaifair_rwd_boxBorder01 > .kokunaifair_rwd_col-sp-1 li {width:100%} .kokunaifair_rwd_boxBorder01 > .kokunaifair_rwd_col-sp-1 li:nth-child(odd) {background-color:#fff} .kokunaifair_rwd_boxBorder01 > .kokunaifair_rwd_col-sp-1 li:nth-child(even) {background-color:#f5f5f5} .kokunaifair_rwd_boxBorder01 > .kokunaifair_rwd_col-sp-2 li {width:50%} .kokunaifair_rwd_boxBorder01 > .kokunaifair_rwd_col-sp-2 > li:nth-child(4n),.kokunaifair_rwd_boxBorder01 > .kokunaifair_rwd_col-sp-2 > li:nth-child(4n+1) {background-color:#fff} .kokunaifair_rwd_boxBorder01 > .kokunaifair_rwd_col-sp-2 > li:nth-child(4n+2),.kokunaifair_rwd_boxBorder01 > .kokunaifair_rwd_col-sp-2 > li:nth-child(4n+3) {background-color:#f5f5f5} [class*="boxPanel"] {margin-bottom:10px} .kokunaifair_rwd_boxPanel a {display:table} .kokunaifair_rwd_boxPanel a > * {display:table-cell} .kokunaifair_rwd_boxPanel a > :first-child {width:25%} .kokunaifair_rwd_boxPanel a > :last-child {width:75%;vertical-align:middle} .kokunaifair_rwd_boxPanel a:hover .kokunaifair_rwd_photo img, .kokunaifair_rwd_boxPanel2 a:hover .kokunaifair_rwd_photo img, .kokunaifair_rwd_boxPanel3 a:hover .kokunaifair_rwd_photo img {opacity:1} .kokunaifair_rwd_boxPanel .kokunaifair_rwd_text.kokunaifair_rwd_s .kokunaifair_rwd_arrow03 {font-size:.847em;line-height:1} .kokunaifair_rwd_boxPanel2 .kokunaifair_rwd_text, .kokunaifair_rwd_boxPanel3 .kokunaifair_rwd_text {padding: 5px 7px 3px} .kokunaifair_rwd_boxPanel2 .kokunaifair_rwd_number, .kokunaifair_rwd_boxPanel3 .kokunaifair_rwd_number {display: none} .kokunaifair_rwd_boxPanel3 a > :first-child {width:33.5%} .kokunaifair_rwd_boxPanel2 a > :last-child, .kokunaifair_rwd_boxPanel3 a > :last-child {width:66.5%;vertical-align:middle} } @media (max-width: 320px) { .kokunaifair_rwd_boxPanel a > :first-child {width:26%} .kokunaifair_rwd_boxPanel a > :last-child {width:74%} } /*------------------------------------- 表 -------------------------------------*/ .kokunaifair_rwd_tableLayout {border:2px solid #333} .kokunaifair_rwd_tableLayout dt {padding:8px 8px 6px;background:#f8b014;color:#fff;font-weight:bold;text-align:center} .kokunaifair_rwd_tableLayout dd {padding:8px 12px} .kokunaifair_rwd_tableLayout.kokunaifair_rwd_noborder {border:none} .kokunaifair_rwd_tableLayout.kokunaifair_rwd_noborder dd {padding:8px 0 6px} .kokunaifair_rwd_tableLayout.kokunaifair_rwd_horizon {overflow:hidden} .kokunaifair_rwd_tableLayout.kokunaifair_rwd_horizon dt {clear:both;float:left;width:32%} .kokunaifair_rwd_tableLayout.kokunaifair_rwd_horizon dd {float:left;width:68%} .kokunaifair_rwd_tableLayout.kokunaifair_rwd_horizon.kokunaifair_rwd_t02 dt {width:40%} .kokunaifair_rwd_tableLayout.kokunaifair_rwd_horizon.kokunaifair_rwd_t02 dd {width:60%;background-color: #f7eacf;} .kokunaifair_rwd_tableLayout.kokunaifair_rwd_horizon.kokunaifair_rwd_noborder dd {padding:8px 0 6px 12px} .kokunaifair_rwd_tableLayout.kokunaifair_rwd_horizon.kokunaifair_rwd_noborder dd.kokunaifair_rwd_w100 {padding-left:0} @media screen and (max-width: 599px),(min-width: 600px) and (max-width: 767px) and (orientation: landscape) { .kokunaifair_rwd_tableLayout dt {padding:4px} .kokunaifair_rwd_tableLayout dd {padding:8px 10px} .kokunaifair_rwd_tableLayout.kokunaifair_rwd_horizon.kokunaifair_rwd_noborder dd {padding:4px 0 4px 10px} .kokunaifair_rwd_tableLayout img {width:100%;height:auto} } /*------------------------------------- 余白 -------------------------------------*/ /* margin Top */ .kokunaifair_rwd_mt0 {margin-top:0px!important} .kokunaifair_rwd_mt5 {margin-top:5px!important} .kokunaifair_rwd_mt10 {margin-top:10px!important} .kokunaifair_rwd_mt15 {margin-top:15px!important} .kokunaifair_rwd_mt20 {margin-top:20px!important} .kokunaifair_rwd_mt25 {margin-top:25px!important} .kokunaifair_rwd_mt30 {margin-top:30px!important} .kokunaifair_rwd_mt35 {margin-top:35px!important} .kokunaifair_rwd_mt40 {margin-top:40px!important} .kokunaifair_rwd_mt45 {margin-top:45px!important} .kokunaifair_rwd_mt50 {margin-top:50px!important} .kokunaifair_rwd_mt55 {margin-top:55px!important} .kokunaifair_rwd_mt60 {margin-top:60px!important} .kokunaifair_rwd_mt70 {margin-top:70px!important} .kokunaifair_rwd_mt80 {margin-top:80px!important} .kokunaifair_rwd_mt90 {margin-top:90px!important} .kokunaifair_rwd_mt100 {margin-top:100px!important} /* margin Bottom */ .kokunaifair_rwd_mb0 {margin-bottom:0px!important} .kokunaifair_rwd_mb5 {margin-bottom:5px!important} .kokunaifair_rwd_mb10 {margin-bottom:10px!important} .kokunaifair_rwd_mb15 {margin-bottom:15px!important} .kokunaifair_rwd_mb20 {margin-bottom:20px!important} .kokunaifair_rwd_mb25 {margin-bottom:25px!important} .kokunaifair_rwd_mb30 {margin-bottom:30px!important} .kokunaifair_rwd_mb35 {margin-bottom:35px!important} .kokunaifair_rwd_mb40 {margin-bottom:40px!important} .kokunaifair_rwd_mb45 {margin-bottom:45px!important} .kokunaifair_rwd_mb50 {margin-bottom:50px!important} .kokunaifair_rwd_mb55 {margin-bottom:55px!important} .kokunaifair_rwd_mb60 {margin-bottom:60px!important} .kokunaifair_rwd_mb70 {margin-bottom:70px!important} .kokunaifair_rwd_mb80 {margin-bottom:80px!important} .kokunaifair_rwd_mb90 {margin-bottom:90px!important} .kokunaifair_rwd_mb100 {margin-bottom:100px!important} /* margin Left */ .kokunaifair_rwd_ml0 {margin-left:0px!important} .kokunaifair_rwd_ml5 {margin-left:5px!important} .kokunaifair_rwd_ml10 {margin-left:10px!important} .kokunaifair_rwd_ml15 {margin-left:15px!important} .kokunaifair_rwd_ml20 {margin-left:20px!important} .kokunaifair_rwd_ml25 {margin-left:25px!important} .kokunaifair_rwd_ml30 {margin-left:30px!important} .kokunaifair_rwd_ml35 {margin-left:35px!important} .kokunaifair_rwd_ml40 {margin-left:40px!important} .kokunaifair_rwd_ml45 {margin-left:45px!important} .kokunaifair_rwd_ml50 {margin-left:50px!important} /* margin Right */ .kokunaifair_rwd_mr0 {margin-right:0px!important} .kokunaifair_rwd_mr5 {margin-right:5px!important} .kokunaifair_rwd_mr10 {margin-right:10px!important} .kokunaifair_rwd_mr15 {margin-right:15px!important} .kokunaifair_rwd_mr20 {margin-right:20px!important} .kokunaifair_rwd_mr25 {margin-right:25px!important} .kokunaifair_rwd_mr30 {margin-right:30px!important} .kokunaifair_rwd_mr35 {margin-right:35px!important} .kokunaifair_rwd_mr40 {margin-right:40px!important} .kokunaifair_rwd_mr45 {margin-right:45px!important} .kokunaifair_rwd_mr50 {margin-right:50px!important} /* padding Top */ .kokunaifair_rwd_pt0 {padding-top:0px!important} .kokunaifair_rwd_pt5 {padding-top:5px!important} .kokunaifair_rwd_pt10 {padding-top:10px!important} .kokunaifair_rwd_pt15 {padding-top:15px!important} .kokunaifair_rwd_pt20 {padding-top:20px!important} .kokunaifair_rwd_pt25 {padding-top:25px!important} .kokunaifair_rwd_pt30 {padding-top:30px!important} .kokunaifair_rwd_pt40 {padding-top:40px!important} .kokunaifair_rwd_pt45 {padding-top:45px!important} .kokunaifair_rwd_pt50 {padding-top:50px!important} /* padding Bottom */ .kokunaifair_rwd_pb0 {padding-bottom:0px!important} .kokunaifair_rwd_pb5 {padding-bottom:5px!important} .kokunaifair_rwd_pb10 {padding-bottom:10px!important} .kokunaifair_rwd_pb15 {padding-bottom:15px!important} .kokunaifair_rwd_pb20 {padding-bottom:20px!important} .kokunaifair_rwd_pb25 {padding-bottom:25px!important} .kokunaifair_rwd_pb30 {padding-bottom:30px!important} .kokunaifair_rwd_pb40 {padding-bottom:40px!important} .kokunaifair_rwd_pb45 {padding-bottom:45px!important} .kokunaifair_rwd_pb50 {padding-bottom:50px!important} /* padding Left */ .kokunaifair_rwd_pl0 {padding-left:0!important} .kokunaifair_rwd_pl5 {padding-left:5px!important} .kokunaifair_rwd_pl10 {padding-left:10px!important} .kokunaifair_rwd_pl15 {padding-left:15px!important} .kokunaifair_rwd_pl20 {padding-left:20px!important} .kokunaifair_rwd_pl25 {padding-left:25px!important} .kokunaifair_rwd_pl30 {padding-left:30px!important} .kokunaifair_rwd_pl35 {padding-left:35px!important} .kokunaifair_rwd_pl40 {padding-left:40px!important} .kokunaifair_rwd_pl45 {padding-left:45px!important} .kokunaifair_rwd_pl50 {padding-left:50px!important} /* padding Right */ .kokunaifair_rwd_pr0 {padding-right:0!important} .kokunaifair_rwd_pr5 {padding-right:5px!important} .kokunaifair_rwd_pr10 {padding-right:10px!important} .kokunaifair_rwd_pr15 {padding-right:15px!important} .kokunaifair_rwd_pr20 {padding-right:20px!important} .kokunaifair_rwd_pr25 {padding-right:25px!important} .kokunaifair_rwd_pr30 {padding-right:30px!important} .kokunaifair_rwd_pr35 {padding-right:35px!important} .kokunaifair_rwd_pr40 {padding-right:40px!important} .kokunaifair_rwd_pr45 {padding-right:45px!important} .kokunaifair_rwd_pr50 {padding-right:50px!important} /*------------------------------------- 幅 -------------------------------------*/ .kokunaifair_rwd_w5 {width:5%!important} .kokunaifair_rwd_w10 {width:10%!important} .kokunaifair_rwd_w15 {width:15%!important} .kokunaifair_rwd_w20 {width:20%!important} .kokunaifair_rwd_w25 {width:25%!important} .kokunaifair_rwd_w30 {width:30%!important} .kokunaifair_rwd_w35 {width:35%!important} .kokunaifair_rwd_w40 {width:40%!important} .kokunaifair_rwd_w45 {width:45%!important} .kokunaifair_rwd_w50 {width:50%!important} .kokunaifair_rwd_w55 {width:55%!important} .kokunaifair_rwd_w60 {width:60%!important} .kokunaifair_rwd_w65 {width:65%!important} .kokunaifair_rwd_w70 {width:70%!important} .kokunaifair_rwd_w75 {width:75%!important} .kokunaifair_rwd_w80 {width:80%!important} .kokunaifair_rwd_w85 {width:85%!important} .kokunaifair_rwd_w90 {width:90%!important} .kokunaifair_rwd_w95 {width:95%!important} .kokunaifair_rwd_w100 {width:100%!important} /*------------------------------------- form部品 -------------------------------------*/ .kokunaifair_rwd_contents input[type="text"] { padding: 6px 10px 5px 10px; border-top: 3px solid #cecece; border-left: 2px solid #cecece; border-right: 2px solid #cecece; border-bottom: 1px solid #cecece; background: #f6f6f6; color: inherit; font-family: inherit; font-size: inherit; } .kokunaifair_rwd_contents input[type="text"]:focus { border-top: 3px solid #a0a0a0; border-left: 2px solid #a0a0a0; border-right: 2px solid #a0a0a0; border-bottom: 1px solid #a0a0a0; outline: 0; background: #fff; } .kokunaifair_rwd_contents select { padding: 9px 10px 7px 10px; border: 1px solid #dbdbdb; border-bottom: 2px solid #dbdbdb; background: url(/img/bullet_arrow_10.png) right center no-repeat; color: #333; font-size: inherit; font-family: inherit; -webkit-appearance: none; appearance: none; cursor: pointer; } .kokunaifair_rwd_contents input[type="submit"]:focus {outline: 0} .kokunaifair_rwd_contents select:focus {outline: 0} /*------------------------------------- clear -------------------------------------*/ .kokunaifair_rwd_clearfix:before, .kokunaifair_rwd_clearfix:after, .kokunaifair_rwd_wrap:before, .kokunaifair_rwd_wrap:after, .kokunaifair_rwd_specialWrap:before, .kokunaifair_rwd_specialWrap:after, .kokunaifair_rwd_column:before, .kokunaifair_rwd_column:after { display:table; content:""; } .kokunaifair_rwd_clearfix:after, .kokunaifair_rwd_wrap:after, .kokunaifair_rwd_specialWrap:after, .kokunaifair_rwd_column:after { clear:both; } .kokunaifair_rwd_clearfix, .kokunaifair_rwd_wrap, .kokunaifair_rwd_specialWrap, .kokunaifair_rwd_column { zoom:1; } /*------------------------------------- パンくず -------------------------------------*/ .kokunaifair_rwd_pnavBlock {padding-bottom:4px} .kokunaifair_rwd_kokunai .kokunaifair_rwd_pnavBlock {background:#fff7f9} .kokunaifair_rwd_bustour .kokunaifair_rwd_pnavBlock {background:#fff6f0} .kokunaifair_rwd_kaigai .kokunaifair_rwd_pnavBlock {background:#ebf9ff} .kokunaifair_rwd_kokunaifair .kokunaifair_rwd_pnavBlock {background:#e8faf0} #topicPath {padding:7px 0 6px;font-size:.75em;line-height:1.17} #topicPath p {display:inline-block} #topicPath p + p::before {content:'\003e\0020'} .kokunaifair_rwd_pnavBlock .kokunaifair_rwd_pageCategory {padding:2px 0 2px 45px;font-size:2em;line-height:1.063} .kokunaifair_rwd_kokunai .kokunaifair_rwd_pageCategory {background:url(/img/ico_category01_02.png) 2px top no-repeat;color:#e9093e} .kokunaifair_rwd_bustour .kokunaifair_rwd_pageCategory {background:url(/img/ico_category02_02.png) 4px 2px no-repeat;color:#e96809} .kokunaifair_rwd_kaigai .kokunaifair_rwd_pageCategory {background:url(/img/ico_category03_02.png) 2px top no-repeat;color:#0b92ca} .kokunaifair_rwd_kokunaifair .kokunaifair_rwd_pageCategory {background:url(/img/ico_category04_02.png) 2px top no-repeat;color:#094} .kokunaifair_rwd_pageCategory span {display:inline-block;padding-bottom:1px;vertical-align:bottom} @media screen and (min-width: 768px) and (max-width: 1280px) { .kokunaifair_rwd_pnavBlock .kokunaifair_rwd_wrap {padding: 0 10px} } @media screen and (max-width: 599px), (min-width: 600px) and (max-width: 767px) and (orientation: landscape) { .kokunaifair_rwd_pnavBlock {padding:0 0 9px} .kokunaifair_rwd_pnavBlock > .kokunaifair_rwd_wrap {margin-left:15px;margin-right:15px} #topicPath {position:relative;width:100%;height:34px;padding:0;border:1px solid #e3e3e3;background:#ccc;border-left:none;border-right:none;font-size:100%;overflow:hidden} #topicPath p {float:left;position:absolute;width:20px;height:32px;padding:10px 0 8px;background:#fff;background:-moz-linear-gradient(top,#fff 0%,#f0f0f0 100%);background:-webkit-linear-gradient(top,#fff 0%,#f0f0f0 100%);background:linear-gradient(to bottom,#fff 0%,#f0f0f0 100%);font-size:12px} #topicPath p + p::before {content:none} #topicPath p:after {position:absolute;right:-15px;top:0;content:'';height:32px;width:23px;border-left:none;border-bottom:none;background-color:transparent;background-image:url(/img/special/breadcrumb_img_01.png);background-size:100% auto;background-position:center right;pointer-events:none;z-index:8} #topicPath .kokunaifair_rwd_noAnimation {transition:none} #topicPath p a {display:inline-block;color:#333;text-decoration:none;line-height:1} #topicPath span {position:relative;display:inline-block;padding:0 10px 0 20px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;opacity:0;z-index:9} #topicPath p.kokunaifair_rwd_active:after {display:inline-block;background-image:url(/img/special/breadcrumb_img_01_on.png)} #topicPath p.kokunaifair_rwd_active span {opacity:1!important} #topicPath p:first-child {width:100px} #topicPath p:first-child span {padding-left:10px;padding-right:10px;opacity:1} #topicPath p:last-child {background:#ccc} #topicPath p:last-child span {line-height:1;opacity:1} #topicPath p:last-child:after {opacity:0} .kokunaifair_rwd_pnavBlock .kokunaifair_rwd_pageCategory {margin-top:9px;padding:0 0 0 30px;background-size:auto 21px;background-position:0 top;font-size:1.77em;line-height:1.09} } /*------------------------------------- mainVisual -------------------------------------*/ .kokunaifair_rwd_mainVisual {position:relative} .kokunaifair_rwd_mainVisual .kokunaifair_rwd_roundType {height:480px;background-position:0 0} .kokunaifair_rwd_mainVisual.kokunaifair_rwd_slideType {height:466px;background:#000} .kokunaifair_rwd_mainVisual .kokunaifair_rwd_fixImg {position:absolute;top:20;right:0;bottom:0;left:30%;width:347px;margin:auto;z-index:999} .kokunaifair_rwd_mainVisual.kokunaifair_rwd_slideType .kokunaifair_rwd_item {position:relative;width:960px;height:462px;opacity:.7} .kokunaifair_rwd_mainVisual.kokunaifair_rwd_slideType .slick-center {box-shadow:-5px 0 10px 0 rgba(0,0,0,0.4),5px 0 10px 0 rgba(0, 0, 0, 0.4);z-index:9999;opacity:1} .kokunaifair_rwd_mainVisual .kokunaifair_rwd_fixType {height:480px;background-position:center 0;} .kokunaifair_rwd_mainVisual .slick-dots {bottom:-10px} @media screen and (max-width: 599px),(min-width: 600px) and (max-width: 767px) and (orientation: landscape) { .kokunaifair_rwd_mainVisual {height:170px} .kokunaifair_rwd_mainVisual .kokunaifair_rwd_roundType {height:170px;background-size:contain} .kokunaifair_rwd_mainVisual.kokunaifair_rwd_slideType {width:100%;height:170px} .kokunaifair_rwd_mainVisual .kokunaifair_rwd_fixImg {width:100%} .kokunaifair_rwd_mainVisual.kokunaifair_rwd_slideType .kokunaifair_rwd_item {width:auto;height:170px;opacity:1} .kokunaifair_rwd_mainVisual.kokunaifair_rwd_slideType .kokunaifair_rwd_item img {width:auto;height:100%} .kokunaifair_rwd_mainVisual.kokunaifair_rwd_slideType .slick-center {box-shadow:none} .kokunaifair_rwd_mainVisual .kokunaifair_rwd_fixType {height:170px;background-size:cover} } @media screen and (min-width: 600px) and (max-width: 767px) and (orientation: landscape) { .kokunaifair_rwd_mainVisual .kokunaifair_rwd_fixType {height:170px;background-size:contain} } /*------------------------------------- 追従メニュー -------------------------------------*/ .kokunaifair_rwd_fixedMenu {position:relative;top:0;width:100%;background:url(imgs/nav_bg.gif);z-index:10000} .kokunaifair_rwd_fixedMenu.kokunaifair_rwd_fix {position:fixed} .kokunaifair_rwd_fixedMenu .kokunaifair_rwd_columnWrap {padding:0} .kokunaifair_rwd_fixedMenu .kokunaifair_rwd_column {width:964px;margin-left:-2px;margin-right:-2px} .kokunaifair_rwd_fixedMenu .kokunaifair_rwd_column > div {margin-bottom:0;padding:0 2px;text-align:center} .kokunaifair_rwd_fixedMenu .kokunaifair_rwd_column > div:last-child {float: right} .kokunaifair_rwd_fixedMenu .kokunaifair_rwd_column.kokunaifair_rwd_col-2 > div:last-child {width: 440px} .kokunaifair_rwd_fixedMenu .kokunaifair_rwd_column.kokunaifair_rwd_col-3 > div:last-child {width: 321px} .kokunaifair_rwd_fixedMenu .kokunaifair_rwd_column.kokunaifair_rwd_col-5 > div:last-child {width: 192px} .kokunaifair_rwd_fixedMenu .kokunaifair_rwd_column.kokunaifair_rwd_col-6 > div:last-child {width: 160px} .kokunaifair_rwd_fixedMenu .kokunaifair_rwd_column.kokunaifair_rwd_col-7 > div:last-child {width: 137px} .kokunaifair_rwd_fixedMenu .kokunaifair_rwd_btn03 {display:table;width:100%;min-height:60px; background-color: #d59c2a;} .kokunaifair_rwd_fixedMenu .kokunaifair_rwd_col-6 .kokunaifair_rwd_btn03 {font-size:1em} .kokunaifair_rwd_fixedMenu .kokunaifair_rwd_col-7 .kokunaifair_rwd_btn03 {font-size:1em} .kokunaifair_rwd_fixedMenu .kokunaifair_rwd_btn03 span {display:table-cell;width:100%;text-align:center;vertical-align:middle} .kokunaifair_rwd_fixedMenu p {font-size:1.125em} .kokunaifair_rwd_fixedMenuSpace {height:1px} @media screen and (max-width: 599px),(min-width: 600px) and (max-width: 767px) and (orientation: landscape) { .kokunaifair_rwd_fixedMenu .kokunaifair_rwd_column {width:100%;margin-left:0;margin-right:0} .kokunaifair_rwd_fixedMenu .kokunaifair_rwd_columnWrap {width:78%;overflow:inherit} .kokunaifair_rwd_fixedMenu .kokunaifair_rwd_column > * {float:none} .kokunaifair_rwd_fixedMenu .kokunaifair_rwd_column > div {width:auto} .kokunaifair_rwd_fixedMenu .slick-slide {margin-right:4px} .kokunaifair_rwd_fixedMenu .slick-prev,.kokunaifair_rwd_fixedMenu .slick-next {width:30px;height:30px;border-radius:15px;margin:0} .kokunaifair_rwd_fixedMenu .slick-prev {left:-34px} .kokunaifair_rwd_fixedMenu .slick-next {right:-34px} .kokunaifair_rwd_fixedMenu .slick-prev::before {left:11px} .kokunaifair_rwd_fixedMenu .slick-next::before {right:11px} .kokunaifair_rwd_fixedMenu p {font-size:.875em} .kokunaifair_rwd_fixedMenu .kokunaifair_rwd_btn03 {display:inline-block;width:auto;min-height:inherit} .kokunaifair_rwd_fixedMenu .kokunaifair_rwd_btn03 {display: none} .kokunaifair_rwd_fixedMenu .slick-slide .kokunaifair_rwd_btn03 {display: block} .kokunaifair_rwd_fixedMenu .kokunaifair_rwd_btn03 span {display:inline-block;width:auto} } /*------------------------------------- おすすめツアー -------------------------------------*/ .kokunaifair_rwd_tourWrap {margin:40px auto;padding:30px;background:#fff} .kokunaifair_rwd_tourWrap kokunaifair_rwd_tourBody + [class*="kokunaifair_rwd_hStyle"] {margin-top:30px} .kokunaifair_rwd_tourWrap [class*="kokunaifair_rwd_col-"] + [class*="kokunaifair_rwd_col-"] {margin-top:30px} .kokunaifair_rwd_tourWrap .kokunaifair_rwd_col-1 > * {float:none;padding:0} .kokunaifair_rwd_tourWrap .kokunaifair_rwd_col-2 {display:table;width:100%} .kokunaifair_rwd_tourWrap .kokunaifair_rwd_col-2 > * {display:table-cell;width:50%} .kokunaifair_rwd_tourWrap .kokunaifair_rwd_col-2 > :first-child {padding-right:10px} .kokunaifair_rwd_tourWrap .kokunaifair_rwd_col-2 > :last-child {padding-left:10px} .kokunaifair_rwd_tourWrap > .kokunaifair_rwd_col-3,.kokunaifair_rwd_tourWrap > .kokunaifair_rwd_col-4 {display:table;width:102%;margin-left:-10px;margin-right:-10px} .kokunaifair_rwd_tourWrap .kokunaifair_rwd_col-3 > * {display:table-cell;width:33.33%;padding:0 10px} .kokunaifair_rwd_tourWrap .kokunaifair_rwd_col-4 > * {display:table-cell;width:25%;padding:0 10px} .kokunaifair_rwd_tourBody .kokunaifair_rwd_copyright {margin:3px auto 6px;color:#666;font-size: 0.6875em} .kokunaifair_rwd_tourWrap .kokunaifair_rwd_btnBlock {margin-top:10px} .kokunaifair_rwd_tourWrap .kokunaifair_rwd_btnBlock [class*="btn"] {margin-top:5px} .kokunaifair_rwd_btnBlock .kokunaifair_rwd_btn01 {width:390px} .kokunaifair_rwd_tourWrap .kokunaifair_rwd_btnBlock .kokunaifair_rwd_btn02 {display:table} .kokunaifair_rwd_tourWrap .kokunaifair_rwd_btnBlock .kokunaifair_rwd_btn02 span {display:table-cell;vertical-align:middle} .kokunaifair_rwd_col-1 .kokunaifair_rwd_btnBlock {width:756px;margin:10px auto 0} .kokunaifair_rwd_col-1 .kokunaifair_rwd_btnBlock.kokunaifair_rwd_col-2 {width: 520px} .kokunaifair_rwd_box .kokunaifair_rwd_btnBlock {margin: 0 auto} .kokunaifair_rwd_box.kokunaifair_rwd_col-1 .kokunaifair_rwd_btnBlock + .kokunaifair_rwd_btnBlock {margin: 20px auto 0} .kokunaifair_rwd_box .kokunaifair_rwd_btnBlock.kokunaifair_rwd_column > * {margin-bottom: 0} .kokunaifair_rwd_col-1 .kokunaifair_rwd_btnBlock .kokunaifair_rwd_btn02.kokunaifair_rwd_b01,.kokunaifair_rwd_col-1 .kokunaifair_rwd_btnBlock .kokunaifair_rwd_btn02.kokunaifair_rwd_b03,.kokunaifair_rwd_col-1 .kokunaifair_rwd_btnBlock .kokunaifair_rwd_btn02.kokunaifair_rwd_b04 {padding:12px 32px 9px 45px} .kokunaifair_rwd_col-1 .kokunaifair_rwd_btnBlock .kokunaifair_rwd_btn02.kokunaifair_rwd_b02 {padding:12px 24px 9px 34px} .kokunaifair_rwd_col-1 .kokunaifair_rwd_btnBlock .kokunaifair_rwd_btn02,.kokunaifair_rwd_col-3 .kokunaifair_rwd_btnBlock .kokunaifair_rwd_btn02 {height:40px} .kokunaifair_rwd_tourWrap .kokunaifair_rwd_col-2 .kokunaifair_rwd_btnBlock.kokunaifair_rwd_column > * {padding:0 2px} .kokunaifair_rwd_col-2 .kokunaifair_rwd_btnBlock.kokunaifair_rwd_col-3 .kokunaifair_rwd_btn02 {height:53px} .kokunaifair_rwd_tourWrap .kokunaifair_rwd_col-3 .kokunaifair_rwd_btnBlock {width:236px;margin:10px auto 0} .kokunaifair_rwd_col-3 .kokunaifair_rwd_btnBlock .kokunaifair_rwd_btn01,.kokunaifair_rwd_col-4 .kokunaifair_rwd_btnBlock .kokunaifair_rwd_btn01 {width:100%} .kokunaifair_rwd_col-3 .kokunaifair_rwd_btnBlock .kokunaifair_rwd_btn02.kokunaifair_rwd_b01,.kokunaifair_rwd_col-3 .kokunaifair_rwd_btnBlock .kokunaifair_rwd_btn02.kokunaifair_rwd_b02,.kokunaifair_rwd_col-3 .kokunaifair_rwd_btnBlock .kokunaifair_rwd_btn02.kokunaifair_rwd_b03 {padding:12px 32px 9px 45px} .kokunaifair_rwd_tourWrap .kokunaifair_rwd_col-4 .kokunaifair_rwd_btnBlock .kokunaifair_rwd_btn01 {font-size:1em} @media screen and (max-width: 599px),(min-width: 600px) and (max-width: 767px) and (orientation: landscape) { .kokunaifair_rwd_tourWrap {margin:20px auto;padding:13px 15px} .kokunaifair_rwd_tourWrap [class*="kokunaifair_rwd_hStyle"] {padding-left:0} .kokunaifair_rwd_tourWrap .kokunaifair_rwd_tourBody + [class*="kokunaifair_rwd_hStyle"] {margin-top:0} .kokunaifair_rwd_tourWrap [class*="kokunaifair_rwd_col-"] + [class*="kokunaifair_rwd_col-"] {margin-top:0} .kokunaifair_rwd_tourWrap [class*="kokunaifair_rwd_col-"] {display:block;width:100%} .kokunaifair_rwd_tourWrap [class*="kokunaifair_rwd_col-"] > * {display:block;float:none;width:100%;padding:0} .kokunaifair_rwd_tourWrap .kokunaifair_rwd_col-2 > :first-child {padding-right:0} .kokunaifair_rwd_tourWrap .kokunaifair_rwd_col-2 > :last-child {padding-left:0} .kokunaifair_rwd_tourWrap [class*="kokunaifair_rwd_col-"] > .kokunaifair_rwd_col + .kokunaifair_rwd_col {margin-top:40px} .kokunaifair_rwd_tourWrap .kokunaifair_rwd_col-3,.kokunaifair_rwd_tourWrap .kokunaifair_rwd_col-4 {margin-left:0;margin-right:0} .kokunaifair_rwd_tourWrap .kokunaifair_rwd_tourBody .kokunaifair_rwd_btnBlock {width:100%;margin-top:5px} .kokunaifair_rwd_col-1 .kokunaifair_rwd_btnBlock.kokunaifair_rwd_col-2 {width: 100%} .kokunaifair_rwd_box.kokunaifair_rwd_col-1 .kokunaifair_rwd_btnBlock + .kokunaifair_rwd_btnBlock {margin-top:5px} .kokunaifair_rwd_tourBody .kokunaifair_rwd_btnBlock.kokunaifair_rwd_column {margin-left:0;margin-right:0} [class*="kokunaifair_rwd_col-"] .kokunaifair_rwd_btnBlock {width:100%} .kokunaifair_rwd_btnBlock .kokunaifair_rwd_btn01,.kokunaifair_rwd_col-3 .kokunaifair_rwd_btnBlock .kokunaifair_rwd_btn01,.kokunaifair_rwd_col-4 .kokunaifair_rwd_btnBlock .kokunaifair_rwd_btn01 {width:80%;padding:16px 32px 14px} .kokunaifair_rwd_tourWrap .kokunaifair_rwd_col-4 .kokunaifair_rwd_btnBlock .kokunaifair_rwd_btn01 {font-size:1.125em} [class*="kokunaifair_rwd_col-"] .kokunaifair_rwd_btnBlock.kokunaifair_rwd_column > * {margin-bottom:0} [class*="kokunaifair_rwd_col-"] .kokunaifair_rwd_btnBlock .kokunaifair_rwd_btn02 {display: table;width:80%;height:auto;margin:5px auto 0;} [class*="kokunaifair_rwd_col-"] .kokunaifair_rwd_btnBlock .kokunaifair_rwd_btn02.kokunaifair_rwd_b01 {padding:10px 35px 10px 45px} [class*="kokunaifair_rwd_col-"] .kokunaifair_rwd_btnBlock .kokunaifair_rwd_btn02.kokunaifair_rwd_b02 {padding:10px 23px 10px 34px} [class*="kokunaifair_rwd_col-"] .kokunaifair_rwd_btnBlock .kokunaifair_rwd_btn02.kokunaifair_rwd_b03 {padding:10px 30px 10px 45px} } /*------------------------------------- トピックス -------------------------------------*/ .kokunaifair_rwd_topicsList .kokunaifair_rwd_date { margin-bottom: 3px; font-size: 0.875em;/*14px*/ color: #787878; } .kokunaifair_rwd_topicsList .kokunaifair_rwd_icoBox { display: inline-block; margin-top: -2px; margin-left: 10px; padding: 2px 15px 1px; border: 1px solid #e9093e; background: #fff; font-size: 0.86em; font-weight: bold; color: #e9093e; } .kokunaifair_rwd_topicsList dd + dt {margin-top: 14px} /*------------------------------------- 動画 -------------------------------------*/ .kokunaifair_rwd_movieBody { text-align: center; } @media screen and (max-width: 599px), (min-width: 600px) and (max-width: 767px) and (orientation: landscape) { .kokunaifair_rwd_movieBody { position: relative; display: block; width: 100%; max-width: none; height: 0; padding-bottom: 0; padding-top: 56.25%; } .kokunaifair_rwd_movieBody iframe { position: absolute; top: 0; left: 0; width: 100%; max-width: 441px; height: 100%; max-height: 248px; } } /*------------------------------------- ランキング -------------------------------------*/ .kokunaifair_rwd_rankList [class*="rank"] a {position: relative} .kokunaifair_rwd_rankList [class*="rank"] a::before { content: ''; display: block; position: absolute; top: 0; left: 0; width: 40px; height: 40px; z-index: 99; } .kokunaifair_rwd_rankList .kokunaifair_rwd_rank1 a::before {background: url(/img/ico_rank1.png) no-repeat} .kokunaifair_rwd_rankList .kokunaifair_rwd_rank2 a::before {background: url(/img/ico_rank2.png) no-repeat} .kokunaifair_rwd_rankList .kokunaifair_rwd_rank3 a::before {background: url(/img/ico_rank3.png) no-repeat} .kokunaifair_rwd_rankList .kokunaifair_rwd_rank1 {margin-bottom: 15px;} .kokunaifair_rwd_rankList .kokunaifair_rwd_text2 { font-size: 0.875em;/*14px*/ } .kokunaifair_rwd_rankList .kokunaifair_rwd_title {margin-top: 7px} .kokunaifair_rwd_rankList .kokunaifair_rwd_price { margin-top: 7px; font-size: 1.0625em; font-weight: bold; color: #cd0000; text-align: right; } @media screen and (max-width: 599px), (min-width: 600px) and (max-width: 767px) and (orientation: landscape) { .kokunaifair_rwd_rankList [class*="kokunaifair_rwd_col-"] > .kokunaifair_rwd_col + .kokunaifair_rwd_col {margin-top: 20px} .kokunaifair_rwd_rankList [class*="kokunaifair_rwd_boxPanel"] a { border-bottom: none; background: #fff; } .kokunaifair_rwd_rankList .kokunaifair_rwd_rank1 {margin-top: 20px} .kokunaifair_rwd_rankList .kokunaifair_rwd_rank1 a, .kokunaifair_rwd_rankList .kokunaifair_rwd_rank1 a > * {display: block} .kokunaifair_rwd_rankList .kokunaifair_rwd_boxPanel5 a > * {width:100%;vertical-align:top} .kokunaifair_rwd_boxPanel5 div.kokunaifair_rwd_text {padding: 10px 0 0 0} .kokunaifair_rwd_rankList .kokunaifair_rwd_boxPanel4 a > :first-child {width:38%} .kokunaifair_rwd_rankList .kokunaifair_rwd_boxPanel4 a > :last-child {width:62%;vertical-align:top} .kokunaifair_rwd_boxPanel4 div.kokunaifair_rwd_text {padding: 0 0 0 10px} } /*------------------------------------- アコーディオン -------------------------------------*/ @media screen and (max-width: 599px),(min-width: 600px) and (max-width: 767px) and (orientation: landscape) { .kokunaifair_rwd_acWrap {padding:0;border-top:2px solid #d6d6d6} .kokunaifair_rwd_acWrap [class*="kokunaifair_rwd_col-"] > .kokunaifair_rwd_col + .kokunaifair_rwd_col {margin-top:0} .kokunaifair_rwd_acHead {position:relative;margin-bottom:0;padding:18px 24px 8px 15px} .kokunaifair_rwd_acHead::before {content:'';display:block;position:absolute;top:50%;right:10px;width:15px;height:3px;margin-top:-2px;background:#333} .kokunaifair_rwd_acHead::after {content:'';display:block;position:absolute;top:50%;right:16px;width:3px;height:15px;margin-top:-8px;background:#333} .kokunaifair_rwd_acHead .kokunaifair_rwd_open::after {content:none} .kokunaifair_rwd_acBody,.kokunaifair_rwd_tourWrap .kokunaifair_rwd_acBody {display:none;padding-bottom:20px;border-bottom:2px solid #d6d6d6} .kokunaifair_rwd_tourWrap .kokunaifair_rwd_acHead {padding:8px 27px 8px 15px} .kokunaifair_rwd_tourWrap .kokunaifair_rwd_acHead .kokunaifair_rwd_col {padding-bottom:0;vertical-align:middle} .kokunaifair_rwd_tourWrap .kokunaifair_rwd_acHead .kokunaifair_rwd_text {padding-top:5px} .kokunaifair_rwd_tourWrap .kokunaifair_rwd_acBody {padding-top:11px;padding-left:15px;padding-right:15px} .kokunaifair_rwd_acWrap .kokunaifair_rwd_specialWrap {padding:0} .kokunaifair_rwd_acWrap .kokunaifair_rwd_specialWrap > .kokunaifair_rwd_wrap {padding:0} .kokunaifair_rwd_acWrap .kokunaifair_rwd_specialWrap > .kokunaifair_rwd_wrap > [class*="kokunaifair_rwd_hStyle"] {margin-bottom:0} .kokunaifair_rwd_acWrap .kokunaifair_rwd_specialWrap .kokunaifair_rwd_hcolWrap .kokunaifair_rwd_col {padding-left:15px;padding-bottom:0;vertical-align:middle} .kokunaifair_rwd_acWrap .kokunaifair_rwd_specialWrap .kokunaifair_rwd_hcolWrap .kokunaifair_rwd_thumbnail img,.kokunaifair_rwd_acWrap .kokunaifair_rwd_specialWrap.kokunaifair_rwd_hcolWrap .kokunaifair_rwd_thumbnail img {margin:7px 0} .kokunaifair_rwd_acWrap .kokunaifair_rwd_specialWrap .kokunaifair_rwd_hcolWrap .kokunaifair_rwd_thumbnail + .kokunaifair_rwd_col {padding-left:0} .kokunaifair_rwd_acWrap .kokunaifair_rwd_specialWrap .kokunaifair_rwd_wrap [class*="kokunaifair_rwd_hStyle"] .kokunaifair_rwd_hInner {margin-bottom:0;padding:15px 35px 15px 15px} [class*="kokunaifair_rwd_hStyle"].kokunaifair_rwd_bg.kokunaifair_rwd_acHead {padding:0;border-bottom:2px solid #d6d6d6} .kokunaifair_rwd_acWrap [class*="kokunaifair_rwd_hStyle"] .kokunaifair_rwd_img {padding-right:35px} .kokunaifair_rwd_acWrap [class*="kokunaifair_rwd_hStyle"] .kokunaifair_rwd_img img {margin:7px 0} .kokunaifair_rwd_columnWrap.kokunaifair_rwd_acBody {padding-top:11px} } /*------------------------------------- anchorBlock -------------------------------------*/ .kokunaifair_rwd_anchorBlock {text-align: center;line-height: 2;} .kokunaifair_rwd_anchorBlock a {display: inline-block} .kokunaifair_rwd_anchorBlock span { display: inline-block; padding: 0 10px; } @media screen and (max-width: 599px), (min-width: 600px) and (max-width: 767px) and (orientation: landscape) { .kokunaifair_rwd_anchorBlock { font-size: 0.924em;/*12px*/ text-align: left; } } /*------------------------------------- スライド -------------------------------------*/ .kokunaifair_rwd_photoList { position: relative; height: 342px; } .kokunaifair_rwd_photoList .kokunaifair_rwd_photo { position: absolute; top: 0; left: 0; right: 0; opacity: 0; transition: opacity .5s; } .kokunaifair_rwd_col-1 .kokunaifair_rwd_photoList { height: 525px; } .kokunaifair_rwd_col-1 .kokunaifair_rwd_photoList .kokunaifair_rwd_photo { width: 720px; margin: 0 auto; } .kokunaifair_rwd_photoList .kokunaifair_rwd_photo.kokunaifair_rwd_current { opacity: 1; transition: opacity .5s; } .kokunaifair_rwd_col-1 .kokunaifair_rwd_slidList { width: 640px; margin: 0 auto; } .kokunaifair_rwd_slidList.kokunaifair_rwd_col-4 > * {padding: 0 5px} .kokunaifair_rwd_slidList img { width: 100%; height: auto; border: 2px solid #e8e8e8; cursor: pointer; } .kokunaifair_rwd_slidList img.kokunaifair_rwd_current {border: 2px solid #fe4102} .kokunaifair_rwd_slidList img:hover { opacity: .7; transition: opacity .2s; } @media screen and (max-width: 599px), (min-width: 600px) and (max-width: 767px) and (orientation: landscape) { .kokunaifair_rwd_photoList, .kokunaifair_rwd_col-1 .kokunaifair_rwd_photoList {height: auto} .kokunaifair_rwd_col-1 .kokunaifair_rwd_photoList .kokunaifair_rwd_photo {width: 100%} .kokunaifair_rwd_photoList .kokunaifair_rwd_photo {position: static;opacity: 1} .kokunaifair_rwd_slidBlock .kokunaifair_rwd_slidList, .kokunaifair_rwd_slidList + .kokunaifair_rwd_notes {display: none} .kokunaifair_rwd_slidBlock .slick-dots {bottom: -27px} } /*------------------------------------- modal -------------------------------------*/ .kokunaifair_rwd_modalList .kokunaifair_rwd_modalItem { position: relative; display: block; } .kokunaifair_rwd_modalList .kokunaifair_rwd_modalItem::after { content: ''; display: block; position: absolute; width: 43px; height: 43px; bottom: 5px; right: 5px; background: url(/img/special/ico_zoom.png) 0 0 no-repeat; background-size: cover; } .kokunaifair_rwd_modalList .kokunaifair_rwd_modalItem:hover img { opacity: .7; transition: opacity .2s; } .kokunaifair_rwd_modalList img { width: 100%; height: auto; } @media screen and (max-width: 599px), (min-width: 600px) and (max-width: 767px) and (orientation: landscape) { .kokunaifair_rwd_modalList .kokunaifair_rwd_modalItem:hover img { opacity: 1; transition: none; } .kokunaifair_rwd_modalList .kokunaifair_rwd_modalItem::after { width: 30px; height: 30px; } } .kokunaifair_rwd_modalList .kokunaifair_rwd_modalItem2 { position: relative; display: block; } .kokunaifair_rwd_modalList .kokunaifair_rwd_modalItem2::after { content: ''; display: block; position: absolute; width: 43px; height: 43px; bottom: 5px; right: 5px; background: url(/img/special/ico_zoom.png) 0 0 no-repeat; background-size: cover; } .kokunaifair_rwd_modalList .kokunaifair_rwd_modalItem2:hover img { opacity: .7; transition: opacity .2s; } .kokunaifair_rwd_modalList img { width: 100%; height: auto; } @media screen and (max-width: 599px), (min-width: 600px) and (max-width: 767px) and (orientation: landscape) { .kokunaifair_rwd_modalList .kokunaifair_rwd_modalItem2:hover img { opacity: 1; transition: none; } .kokunaifair_rwd_modalList .kokunaifair_rwd_modalItem2::after { width: 30px; height: 30px; } } /*------------------------------------- pagetop -------------------------------------*/ .kokunaifair_rwd_pagetopBlock { position: fixed; bottom: 0; width: 100%; min-width: 960px; } .kokunaifair_rwd_btnPagetop { position: absolute; right: 0; bottom: 20px; display: block; width: 94px; height: 41px; background: url(/img/btn_pagetop.png) 0 0 no-repeat; background-size: 100% 100%; text-indent: -9999px; z-index: 9999; opacity: 0; transition: opacity .5s; -webkit-backface-visibility:hidden; backface-visibility:hidden; } @media screen and (max-width: 599px), (min-width: 600px) and (max-width: 767px) and (orientation: landscape) { .kokunaifair_rwd_pagetopBlock { min-width: inherit; margin-top: 50px; } .kokunaifair_rwd_btnPagetop { right: 10px; bottom: 10px; width: 94px; height: 41px; } } /*------------------------------------- slick -------------------------------------*/ .slick-dots {bottom:-36px} .slick-dots li {width:30px;height:4px} .slick-dots li button {width:30px;height:4px;padding:0} .slick-dots li button:before {content:"";width:28px;height:2px;border:1px solid #999;background:#fff;opacity:1} .slick-dots li.slick-active button:before {border:1px solid #333;background:#333} /*------------------------------------- print -------------------------------------*/ @media print { .kokunaifair_rwd_fixedMenu.kokunaifair_rwd_fix {position: static} } /* 以下 /js/colorbox/colorbox.cssより抜き出し */ /* Colorbox Core Style: The following CSS is consistent between example themes and should not be altered. */ #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:10001; -webkit-transform: translate3d(0,0,0);} #cboxWrapper {max-width:none;} #cboxOverlay{position:fixed; width:100%; height:100%;} #cboxMiddleLeft, #cboxBottomLeft{clear:left;} #cboxContent{position:relative;} #cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;} #cboxTitle{margin:0;} #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;} .cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;} .cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;} #colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;} /* User Style: Change the following styles to modify the appearance of Colorbox. They are ordered & tabbed in a way that represents the nesting of the generated HTML. */ #cboxOverlay{background:#000; opacity: 0.9; filter: alpha(opacity = 90);} #colorbox{outline:0;} #cboxContent{margin-top:20px;background:#000;} .cboxIframe{background:#fff;} #cboxError{padding:50px; border:1px solid #ccc;} #cboxLoadedContent{margin-bottom: 50px; border:5px solid #000; background:#fff;} #cboxTitle{position:absolute; bottom: 26px; left: 16px; color:#fff;} #cboxCurrent{position:absolute; bottom:9px; left: 16px; color:#fff; font-size: 13px} #cboxLoadingGraphic{background:url(/js/colorbox/loading.gif) no-repeat center center;} #cboxSlideshow {display: none!important} /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */ #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; } /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */ #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;} #cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;} #cboxPrevious{position:absolute; top:50%; left:-40px; margin-top:-32px; width:65px; height:65px; text-indent:-9999px;outline: 0} #cboxPrevious:hover{background-position:bottom left;} #cboxPrevious::after { content: ''; display: block; position: absolute; top: 50%; left: 10px; width: 34px; height: 34px; margin-top: -17px; border-left: 4px solid #fff; border-bottom: 4px solid #fff; transform: rotate(45deg); } #cboxNext{position:absolute; top:50%; right:-40px; margin-top:-32px; width:65px; height:65px; text-indent:-9999px;outline: 0} #cboxNext::after { content: ''; display: block; position: absolute; top: 50%; right: 10px; width: 34px; height: 34px; margin-top: -17px; border-left: 4px solid #fff; border-bottom: 4px solid #fff; transform: rotate(-135deg); } #cboxClose{position:absolute; bottom:16px; right:10px; display:block; border-radius: 12px; background:#333; width:24px; height:24px; text-indent:-9999px;outline: 0} #cboxClose:hover {background: #535353} #cboxClose::before { content: ''; display: block; position: absolute; top: 50%; left: 50%; width: 16px; height: 2px; margin-top: -1px; margin-left: -8px; background: #fff; transform: rotate(45deg); } #cboxClose::after { content: ''; display: block; position: absolute; top: 50%; left: 50%; width: 2px; height: 16px; margin-top: -8px; margin-left: -1px; background: #fff; transform: rotate(45deg); } @media (max-width: 767px) { #cboxPrevious{position:absolute; top:50%; left:-15px; margin-top:-25px; width:50px; height:50px; text-indent:-9999px;outline: 0} #cboxPrevious::after { content: ''; display: block; position: absolute; top: 50%; left: 10px; width: 24px; height: 24px; margin-top: -12px; border-left: 3px solid #fff; border-bottom: 3px solid #fff; transform: rotate(45deg); } #cboxNext{position:absolute; top:50%; right:-15px; margin-top:-25px; width:50px; height:50px; text-indent:-9999px;outline: 0} #cboxNext::after { content: ''; display: block; position: absolute; top: 50%; right: 10px; width: 24px; height: 24px; margin-top: -12px; border-left: 3px solid #fff; border-bottom: 3px solid #fff; transform: rotate(-135deg); } } .kokunaifair_rwd_scroll { overflow-x: auto; } .kokunaifair_rwd_tbl-r07 { min-width: 640px; margin: 0 10px 50px; } .kokunaifair_rwd_tbl-r07 td { border-top: solid 1px #ccc; border-bottom: solid 1px #ccc; @media screen and (max-width: 640px) { .scroll { overflow-x: auto; } } } /* calender -------------------------------------*/ .kokunaifair_rwd_inner_box{ padding-bottom: 60px;; } .kokunaifair_rwd_arrow01{ background-image: url(imgs/triangle_parts_01jpg),url(imgs/hanabi_bg_01.jpg),url(imgs/flower_bg_01.png); background-repeat:no-repeat,no-repeat,no-repeat; background-position: top center,0 44px,right 330px; } .kokunaifair_rwd_pattern_box{ padding:20px; background:url(imgs/section_bg.01.gif) repeat 0 0; } .kokunaifair_rwd_hwrap{ width:960px; margin:0 auto; } .kokunaifair_rwd_box_inr { width: 960px; margin-top: 36px; } .kokunaifair_rwd_box_bg_001 { margin: 0 -30px; padding: 30px; background: url(/kokunai/summer/imgs/index_bg_001.png) repeat 0 0;} .kokunaifair_rwd_box_3column_001 .kokunaifair_rwd_item_col { float: left; width: 304px; } .kokunaifair_rwd_box_3column_001 .kokunaifair_rwd_item_col+.kokunaifair_rwd_item_col { margin-left: 4px; } .kokunaifair_rwd_box_cal_001 { background: #fff; box-shadow:3px 5px 0px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow:3px 5px 0px 0px rgba(0, 0, 0, 0.1); -webkit-box-shadow:3px 5px 0px 0px rgba(0, 0, 0, 0.1); } .kokunaifair_rwd_box_cal_001 .kokunaifair_rwd_cal_ttl { position:relative; padding: 13px 0; background: #033f53; text-align: center; } .kokunaifair_rwd_box_cal_001 .kokunaifair_rwd_cal_ttl .kokunaifair_rwd_left_clip{ position:absolute; left:31px; top:-15px; } .kokunaifair_rwd_box_cal_001 .kokunaifair_rwd_cal_ttl .kokunaifair_rwd_right_clip{ position:absolute; right:30px; top:-15px; } .kokunaifair_rwd_cal_table { padding: 20px 7px 16px; } .kokunaifair_rwd_cal_table table { width: 100%; } .kokunaifair_rwd_cal_table table th { padding-bottom: 10px; text-align: center; } .kokunaifair_rwd_cal_table table td { padding: 10px 2px 33px; text-align: center; } .kokunaifair_rwd_cal_table table .kokunaifair_rwd_date td { vertical-align: top; } .kokunaifair_rwd_cal_table table .kokunaifair_rwd_date { border-top: 1px solid #b5b5b5; } .kokunaifair_rwd_cal_table table a:after { content:""; margin: 7px auto 0; width: 20px; height: 20px; display: block; background: url(imgs/cal/sum_cal_arrow01.png) no-repeat 0 0; } .kokunaifair_rwd_cal_table table .kokunaifair_rwd_date a { display: block; margin: -10px 0 -33px; padding: 10px 2px 7px; } .kokunaifair_rwd_cal_table table a:hover { background: #ffdada; } /*------------------------------------- 背景 -------------------------------------*/ .kokunaifair_rwd_bgPattern01 { background: #fdf8df!important; } .kokunaifair_rwd_bgPattern02 { background: #ffffff!important; } .kokunaifair_rwd_bgPattern03 { position: relative; background-image: url(imgs/ct3_bg_01.jpg), url(imgs/ct3_bg_02.jpg), url(imgs/ct3_bg_03.jpg);background-repeat: no-repeat, no-repeat, no-repeat; background-position: bottom 630px left, bottom 630px right, bottom center; background-size: auto, auto, contain; } .kokunaifair_rwd_bgGold { background: #f2eedb!important; } .kokunaifair_rwd_bgYellow { background: #fcf6e4!important; } .kokunaifair_rwd_bgSakura { background: url(imgs/index_bg_03.png) repeat ; background-size: auto, auto, contain;; } .kokunaifair_rwd_bgSakura2 { background: url(imgs/index_bg_02.jpg) repeat ; background-size: auto, auto, contain;; } /*--------- /*------------------------------------- 下部承認番号 -------------------------------------*/ .kokunaifair_rwd_img_credit{ position: absolute; bottom: 5px; right: 10px; } .kokunaifair_rwd_img_credit p{ font-size: 8px; color: #fff; text-shadow: 0 0 5px rgba(0,0,0,0.25); } /*------------------------------------- 見出しカラー -------------------------------------*/ .kokunaifair_rwd_bgKimidori{ background: #91775d!important; } .kokunaifair_rwd_bcKimidori{ border-color: #91775d!important; } .kokunaifair_rwd_kokunai .bg { background: #0F1930!important; } .kokunaifair_rwd_txtW { color: #fff; } /*------------------------------------- Pick_Up -------------------------------------*/ .kokunaifair_rwd_Pick_Up { margin: 40px auto; padding: 0 30px 30px; background: #fff; } .kokunaifair_rwd_kokunai [class*="hStyle"].kokunaifair_rwd_pickup > span { border-bottom: 4px solid #91775d; background: #a68768; } @media screen and (max-width: 599px), (max-width: 767px) and (min-width: 600px) and (orientation: landscape){ .kokunaifair_rwd_Pick_Up { margin: 20px auto; padding: 0 15px 13px;} .kokunaifair_rwd_Pick_Up h3{ padding-left: 0; } } /************************************************* 地図 **************************************************/ .koyo_map_wrap{ position: relative; } .koyo_map_line{ position: absolute; top: 0; left: 0; right:0.8px; z-index: 5; pointer-events: none; z-index: 15; } .koyo_map_btn{ position: absolute; -webkit-box-shadow: 0 0 10px rgba(147,118,29,0.2); box-shadow: 0 0 10px rgba(147,118,29,0.2); } .koyo_map_btn:before, .koyo_map_btn:after{ position: absolute; display: inline-block; content: ""; } .koyo_map_btn:before{ z-index: 10; } .koyo_map_btn:hover:before{ opacity: 0; } .koyo_map_btn:after{ width: 169px; height: 169px; z-index: 5; pointer-events: none; } .koyo_map_btn_hokkaido{ top: 30px; right: 28px; } .koyo_map_btn_kanto{ top: 213px; right: 79px; } .koyo_map_btn_hokuriku{ top: 412px; right: 236px; } .koyo_map_btn_kansai{ top: 30px; left: 252px; } .koyo_map_btn_sanin{ top: 153px; left: 80px; } .koyo_map_btn_kyusyu{ top: 343px; left: 20px; } .koyo_map_btn a{ position: relative; display: block; } .koyo_map_btn a:before{ position: absolute; top: 0; left: 0; display: inline-block; content: ""; width: 100%; height: 100%; background: #fff; opacity: 0; z-index: 25; } .koyo_map_btn:hover a:before{ opacity: 0.2; } .koyo_map_btn img{ position: relative; z-index: 20; } .koyo_map_txt{ position: absolute; bottom: 70px; right: 10px; display: inline-block; padding: 4px 2px 3px 5px; background: rgba(255,255,255,0.8); } .koyo_map_txt p{ font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", serif; font-size: 12px; color: #000; } /************* sec_ttl *************/ .koyo_sec_ttlWrap{ width: 100%; margin: 0 auto 40px; padding-top: 28px; } .koyo_sec_ttlWrap:before{ position: absolute; top: 0; left: 50%; display: inline-block; content: ""; width: 578px; height: 88px; background: url(imgs/info_ttl_bg_02.png) no-repeat; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .koyo_sec_ttl{ position: relative; font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", serif; font-size: 30px; color: #000; text-align: center; z-index: 10; } .kokunaifair_rwd_iconkoyo1 { background-image: url(imgs/badge_bg_01.png); } .kokunaifair_rwd_iconkoyo2 { background-image: url(imgs/badge_bg_02.png); } .kokunaifair_rwd_iconkoyo3 { background-image: url(imgs/badge_bg_03.png); } .kokunaifair_rwd_iconkoyo4 { background-image: url(imgs/badge_bg_04.png); } .kokunaifair_rwd_iconkoyo5 { background-image: url(imgs/badge_bg_05.png); } .kokunaifair_rwd_iconkoyo6 { background-image: url(imgs/badge_bg_06.png); } .displayPC { display: none; } @media (max-width: 599px), (min-width: 600px) and (max-width: 767px) and (orientation: landscape) { .displaySP { display: block; } }