/*
Theme Name: Qbook
Template: html5blank
Description: Qbook
Author: Akira Kuroe - Shop Maker web designers_
Author URI: http://shopmaker.co.nz
Template: Qbook
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags:
Text Domain: qbook
*/
/*Reset
-------------------------------------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
img {
vertical-align: bottom;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
display: block;
}
/* General
-------------------------------------------------------*/
html {
-webkit-text-size-adjust: 100%;
width: 100%;
}
body {
color: #333;
width: 100%;
font-family: 'Noto Sans JP', sans-serif;
font-weight: 400;
line-height: 100%;
font-size: 1.6em !important;
}
body * {
font-family: 'Noto Sans JP', sans-serif;
}
a {
transition: all .5s;
text-decoration: none;
}
a:visited {
text-decoration: none;
-webkit-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
a:active {
color: #fff;
text-decoration: none;
-webkit-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
a:hover {
color: #a5bc28 !important;
text-decoration: none;
}
h1, h2, h3, h4, h5, h6 {
font-size: 100%;
font-weight: 400;
line-height: 140%;
}
p {
line-height: 1.7;
}
img {
max-width: 100%;
width/***/
: auto;
/*IE8 hack*/
border: none;
padding: 0;
margin: 0;
}
li {
list-style: none;
line-height: 1.7;
}
hr {
display: none;
}
strong {
font-weight: bold;
}
.row {
padding:0 20px;
}
/*=====================================================
Header nav
======================================================*/
.navbar-header {
min-height: 80px;
}
.navbar-brand {
padding: 11px 13px;
margin-right: 0px;
}
.navbar-collapse {
padding-right: 0px;
padding-left: 0px;
}
.navbar {
padding: 0px;
margin-bottom: 0;
border-radius: 0px;
}
.navbar-nav {
margin: 0 auto;
display: table;
table-layout: fixed;
float: none;
}
.navbar-nav .nav-item {
float: left;
}
.navbar-nav .nav-link {
line-height: 100%;
color: #444 !important;
padding: 32px 25px 32px 20px !important;
font-size: 16.5px;
font-weight: 400;
}
.navbar-nav .nav-link:hover {
color: #a5bc28 !important;
text-decoration: none;
}
.navbar-toggler {
padding: 5px;
float: left;
margin-top: 20px;
margin-bottom: 20px;
margin-left: 0px;
border: none;
}
.navbar-toggler .navbar-toggler-icon {
display: block;
width: 40px;
height: 6px;
border-radius: 10px;
}
.navbar-toggler .navbar-toggler-icon {
background-color: #a8bd44;
background-image: none;
}
.navbar-toggler .navbar-toggler-icon+.navbar-toggler-icon {
margin-top: 6px;
}
.navbar-light .navbar-toggler:focus, .navbar-light .navbar-toggler:hover {
opacity: 0.7;
}
.navbar-light .navber-dropdown>li>a {
line-height: 100%;
color: #444;
padding: 25px 20px 25px 20px;
font-size: 16px;
}
.navbar-light .navber-dropdown>li>a:hover {
opacity: 0.7;
}
.navbar-light .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
background-color: #fff;
}
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
background-color: #fff;
}
.nav>li>a:focus, .nav>li>a:hover {
background-color: #fff;
}
.navbar-brand {
position: absolute;
left: 50%;
transform: translate(-50%, -0%);
top: 5px;
}
/*Nav icons
----------------------------------------------------*/
.nav-link i {
transition: all 0.5s ease-in-out;
}
.icon_header_01 {
background: url(/images/icon_header_01.png) no-repeat 0px 62%;
padding-left: 30px !important;
}
.icon_header_01.hover {
background: url(/images/icon_header_01_on.png) no-repeat 0px 62%;
}
.icon_header_02 {
background: url(/images/icon_header_02.png) no-repeat 0 62%;
padding-left: 25px !important;
}
.icon_header_02.hover {
background: url(/images/icon_header_02_on.png) no-repeat 0px 62%;
}
.icon_header_03 {
background: url(/images/icon_header_03.png) no-repeat 0px 80%;
padding-left: 20px;
}
.icon_header_03.hover {
background: url(/images/icon_header_03_on.png) no-repeat 0px 80%;
}
.icon_header_04 {
background: url(/images/icon_header_04.png) no-repeat 0px 70%;
padding-left: 20px;
}
.icon_header_04.hover {
background: url(/images/icon_header_04_on.png) no-repeat 0px 70%;
}
/*Lang dropdown
-------------------------------------------------------*/
.dropdown-menu {
min-width: 100px;
}
.dropdown-menu a {
color: #444;
display: block;
padding: 4px 10px;
}
.dropdown-menu a:hover {
color: #a8bd44;
background-color: #fff;
}
.navber-dropdown {
position: absolute;
top: 25px;
right: 20px;
}
.navber-dropdown a.dropdown-toggle {
padding: 10px 15px;
}
.navber-dropdown a.dropdown-toggle:hover {
opacity: 0.7;
}
.dropdown-toggle::after {
display: none;
}
@media (max-width: 767px) {
.dropdown-menu {
position: absolute;
}
.dropdown-menu.show {
background-color: #fcfcfc;
border: none;
}
.navber-dropdown {
top: 25px;
right: 10px;
}
.navbar-default .navbar-nav>li>a {
padding: 20px 10px;
}
}
/*Header
-------------------------------------------------------*/
#header ul li.current_page_item {
color: #a5bc28;
}
#header ul li:active, #header ul li a:active {
color: #a5bc28;
}
@media only screen and (max-width: 1024px) {
.navbar-nav {
margin: 0px !important;
}
.navbar-brand {
float: right;
}
.menu {
width: 100%;
}
.nav>li {
text-align: center;
}
#header .nav>li {
border-right: none;
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
}
/*=====================================================
Main images top
======================================================*/
/*Background*/
.wrrap_bg_top {
overflow: hidden;
}
.wrrap_bg_top .tittle {
padding: 60px 20px;
margin: 0 auto;
text-align: center;
max-width: 797px;
}
.wrrap_bg_top .tittle img {
max-width: none;
max-height: calc(100vw * .34);
}
@media (max-width: 1000px) {
.d-md-block {
display: none !important;
}
}
@media (max-width: 837px) {
.wrrap_bg_top .tittle img {
max-width: 100%;
}
}
@media (max-width: 768px) {
.wrrap_bg_top .tittle {
padding: 50px 20px;
}
}
/*=====================================================
Main 2
======================================================*/
#main h2 {
text-align: center;
font-size: 30px;
margin-bottom: 40px;
margin-top: 50px;
padding-bottom: 20px;
background: url(/images/h2_line.png) bottom no-repeat;
}
@media (max-width: 992px) {
#main h2 {
font-size: 30px;
margin-top: 30px;
}
}
@media (max-width: 767px) {
#main h2 {
font-size: 25px;
margin-top: 30px;
margin-bottom: 30px;
}
}
/*=====================================================
Top
======================================================*/
.sidebar .sidebar-widget h3,
#home-bottom-widget h3,
.post-663 h3,
.page-id-910 h3 {
text-align: left;
font-size: 24px;
margin-bottom: 40px;
margin-top: 50px;
padding-bottom: 20px;
}
.sidebar .sidebar-widget h3,
.post-663 h3,
.page-id-910 h3 {
margin-bottom: 0;
}
/*Service
-------------------------------------------------------*/
.bg_main-bottom {
margin-top: -80px;
padding-top: 80px;
background: url(/images/bg_main-bottom.png) top center no-repeat;
background-size: contain;
}
.wrrap_service {
padding-bottom: 30px;
}
.service_txt {
text-align: left;
font-size: 1.3em;
padding-bottom: 20px;
}
.wrrap_service .row {
margin-bottom: 20px;
}
.wrrap_service .col-sm-3 {
max-width: 325px;
}
.wrrap_service .col-sm-3 img {
width: 100%;
}
@media (min-width: 1400px) {
.bg_main-bottom {
margin-top: -120px;
padding-top: 90px;
background-size: contain;
}
}
@media (min-width: 1300px) {
.bg_main-bottom {
margin-top: -100px;
padding-top: 90px;
background-size: contain;
}
}
@media (max-width: 767px) {
.bg_main-bottom {
margin-top: -40px;
padding-top: 40px;
background-size: contain;
}
}
/*Activity
-------------------------------------------------------*/
.home-activities {
cursor:pointer;
}
.wrrap_service a.service_01 {
display: block;
height: 0;
padding-top: 100%;
background: url(/images/service_01.png) no-repeat 0 0;
background-size:contain;
}
.wrrap_service a.service_01:hover {
height: 0;
padding-top: 100%;
background: url(/images/service_01_on.png) no-repeat 0 0;
background-size:contain;
}
/*NZ info
-------------------------------------------------------*/
.wrrap_service a.service_02 {
display: block;
height: 0;
padding-top: 100%;
background: url(/images/service_02.png) no-repeat 0 0;
background-size:contain;
}
.wrrap_service a.service_02:hover {
height: 0;
padding-top: 100%;
background: url(/images/service_02_on.png) no-repeat 0 0;
background-size:contain;
}
/*About Qbook
-------------------------------------------------------*/
.wrrap_service a.service_03 {
display: block;
height: 0;
padding-top: 100%;
background: url(/images/service_03.png) no-repeat 0 0;
background-size:contain;
}
.wrrap_service a.service_03:hover {
height: 0;
padding-top: 100%;
background: url(/images/service_03_on.png) no-repeat 0 0;
background-size:contain;
}
/*Reservations/Contact
-------------------------------------------------------*/
.wrrap_service a.service_04 {
display: block;
height: 0;
padding-top: 100%;
background: url(/images/service_04.png) no-repeat 0 0;
background-size:contain;
}
.wrrap_service a.service_04:hover {
height: 0;
padding-top: 100%;
background: url(/images/service_04_on.png) no-repeat 0 0;
background-size:contain;
}
@media (max-width: 767px) {
.service_txt {
font-size: 1.1em;
padding-top: 20px;
padding-bottom: 40px;
}
.wrrap_service .col-sm-3 {
margin-bottom: 20px;
}
}
/*Recommendations
-------------------------------------------------------*/
.wrrap_recomend {
background-color: #f5f5f5;
padding-top: 1px;
padding-bottom: 50px;
}
.wrrap_recomend .col-md-3 {
border-radius: 10px;
}
.wrrap_recomend .col-md-3 img {
border-radius: 10px 10px 0 0;
width: 100%;
}
.wrrap_recomend .col-md-3 .inner {
height: 100%;
background-color: #fff;
border-radius: 10px;
position: relative;
transition: all .5s;
}
.wrrap_recomend .col-md-3 .inner .inner_txt {
padding: 10px;
}
.wrrap_recomend .col-md-3 .inner .inner_txt p {
line-height: 1.5em;
color: #444;
}
.wrrap_recomend .col-md-3 .inner h3 {
margin-bottom: 5px;
font-size: 18px;
color: #a5bc28;
}
.wrrap_recomend .col-md-3 .inner:hover {
opacity: 0.7;
}
/*Recommendations - icon*/
.wrrap_recomend .col-md-3 .inner .icon_recommend {
text-indent: -9999px;
width: 67px;
height: 77px;
background: url(/images/icon_recommend.png) no-repeat 0 0;
background-repeat: no-repeat;
position: absolute;
left: 10px;
top: -20px;
}
/*Popular! - icon*/
.wrrap_recomend .col-md-3 .inner .icon_popular {
text-indent: -9999px;
width: 67px;
height: 77px;
background: url(/images/icon_popular.png) no-repeat 0 0;
background-repeat: no-repeat;
position: absolute;
left: 10px;
top: -20px;
}
/*World Heritage - icon*/
.wrrap_recomend .col-md-3 .inner .icon_world_heritage {
text-indent: -9999px;
width: 67px;
height: 77px;
background: url(/images/icon_world_heritage.png) no-repeat 0 0;
background-repeat: no-repeat;
position: absolute;
left: 10px;
top: -20px;
}
/*Panoramic View - icon*/
.wrrap_recomend .col-md-3 .inner .icon_panorama_view {
text-indent: -9999px;
width: 67px;
height: 77px;
background: url(/images/icon_panorama_view.png) no-repeat 0 0;
background-repeat: no-repeat;
position: absolute;
left: 10px;
top: -20px;
}
/*NZ Experience - icon*/
.wrrap_recomend .col-md-3 .inner .icon_nz_experience {
text-indent: -9999px;
width: 67px;
height: 77px;
background: url(/images/icon_nz_experience.png) no-repeat 0 0;
background-repeat: no-repeat;
position: absolute;
left: 10px;
top: -20px;
}
/*Origin - icon*/
.wrrap_recomend .col-md-3 .inner .icon_origin {
text-indent: -9999px;
width: 67px;
height: 77px;
background: url(/images/icon_origin.png) no-repeat 0 0;
background-repeat: no-repeat;
position: absolute;
left: 10px;
top: -20px;
}
/*Nature - icon*/
.wrrap_recomend .col-md-3 .inner .icon_nature {
text-indent: -9999px;
width: 67px;
height: 77px;
background: url(/images/icon_nature.png) no-repeat 0 0;
background-repeat: no-repeat;
position: absolute;
left: 10px;
top: -20px;
}
@media (max-width: 992px) {
.wrrap_recomend .col-md-3 {
margin-bottom: 25px;
}
.wrrap_recomend .col-md-3 img {
width: 100%;
}
}
@media (max-width: 767px) {
.wrrap_recomend .col-md-3 {
margin-bottom: 25px;
}
.wrrap_recomend .recomend-tour .col-md-3 {
width: 100%;
}
.wrrap_recomend .col-md-3 img {
width: 100%;
}
}
/*Tours
-------------------------------------------------------*/
.wrrap_bigtour {
padding: 50px 15px;
max-width: 933px;
margin: 0 auto;
}
.wrrap_bigtour span.bnr_ski2018 {
text-indent: -9999px;
max-width: 933px;
height: auto;
padding-top: 30%;
display: block;
background-repeat: no-repeat;
background-image: url(/images/bnr_ski2018.jpg);
background-size: contain;
}
@media (max-width: 992px) {
.wrrap_bigtour span.bnr_ski2018 {
margin: 0 auto;
height: auto;
}
}
@media (max-width: 767px) {
.wrrap_bigtour {
padding: 25px 15px;
}
.wrrap_bigtour span.bnr_ski2018 {
text-indent: -9999px;
margin: 0 auto;
max-width: 400px;
height: auto;
padding-top: 40%;
display: block;
background-repeat: no-repeat;
background-image: url(/images/bnr_ski2018_sp.jpg);
background-size: contain;
}
}
/*Contact
-------------------------------------------------------*/
.wrrap_contact {
background-image: url(/images/bg_contact.jpg);
background-size: cover;
background-attachment: fixed;
position: relative;
height: 100%;
}
.wrrap_contact .inner {
padding: 60px 20px 30px 20px;
background-color: rgba(0, 0, 0, 0.4);
}
.wrrap_contact p {
color: #fff;
font-size: 24px;
text-align: center;
}
@media (max-width: 767px) {
.wrrap_contact .inner {
padding: 25px 20px 1px 20px;
}
.wrrap_contact p {
font-size: 16px;
}
}
/*=====================================================
Banner
======================================================*/
.bnr span {
transition: all .5s;
}
.bnr a span:hover {
opacity: 0.7;
transition: all .5s;
}
/*=====================================================
Button
======================================================*/
button:focus {
outline: none;
}
.btn {
font-size: 24px;
font-weight: 300;
line-height: 1.3333333;
text-align: center;
transition: all .5s;
}
.btn-primary {
margin: 50px auto;
border: 2px #b2c741 solid;
color: #b2c741;
background-color: #fff;
padding: 10px 25px 10px 70px;
border-radius: 50px;
}
.btn-primary:hover {
border: 2px #b2c741 solid;
color: #b2c741;
background-color: #fdfdfd;
}
.btn .btn-arrow {
position: relative;
display: inline-block;
}
.btn .btn-arrow::after {
position: absolute;
top: 50%;
left: -35px;
content: '';
margin-top: -8px;
width: 15px;
height: 15px;
border-top: 2px solid #b2c741;
border-right: 2px solid #b2c741;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.btn-contact {
margin: 30px auto;
color: #fff;
background-color: #b2c741;
padding: 25px 25px 25px 40px;
border-radius: 50px;
}
.btn-general {
font-size: 16px;
margin: 0 auto 10px;
color: #fff;
background-color: #b2c741;
padding: 15px 15px 15px 25px;
border-radius: 50px;
}
.btn-contact:hover,
.btn-general:hover {
color: #fff;
background-color: #8a9f2a;
}
.btn-contact img,
.btn-general img {
padding-right: 20px;
}
.btn-qbook{
background-color:#b2c741;
border-color:#b2c741;
color:#fff;
font-size:18px;
padding:5px 25px;
}
.btn-qbook:hover,.btn-qbook:focus,.btn-qbook:active,.btn-qbook.active{
background-color:#95a631;
border-color:#95a631;
color:#eee;
-webkit-transition-duration:0.2s;
-moz-transition-duration:0.2s;
-ms-transition-duration:0.2s;
-o-transition-duration:0.2s;
transition-duration:0.2s;
}
.btn-qbook.disabled:hover,.btn-qbook.disabled:focus,.btn-qbook.disabled:active,.btn-qbook.disabled.active,
.btn-qbook[disabled]:hover,.btn-qbook[disabled]:focus,.btn-qbook[disabled]:active,.btn-qbook[disabled].active,
fieldset[disabled] .btn-qbook:hover,fieldset[disabled] .btn-qbook:focus,fieldset[disabled] .btn-qbook:active,fieldset[disabled] .btn-qbook.active{
background-color:#b2c741;
border-color:#b2c741;
}
select.form-control:not([size]):not([multiple]) {
font-size:100%;
height:30px;
}
.footer-inner-container {
color:#fff;
}
@media (max-width: 1024px) {
.btn-bigtour {
right: 25px;
bottom: 20px;
}
.btn-primary {
margin: 20px auto 30px auto;
}
}
@media (max-width: 767px) {
.btn-primary {
margin: 10px auto 30px auto;
}
.btn {
font-size: 20px;
}
}
@media (max-width: 360px) {
.btn-contact img {
padding-right: 5px;
}
.btn-contact {
padding: 25px 15px 25px 20px;
}
}
/*=====================================================
Footer
======================================================*/
.wrrap_footer {
padding: 10px 0 60px 0;
background-image: url(/images/bg_footer.png);
}
.wrrap_footer h2 {
padding-top: 40px;
font-size: 20px;
font-weight: 300;
margin-bottom: 30px;
text-align: left;
}
.wrrap_footer .list_service {
margin-bottom: 30px;
}
.wrrap_footer .list_service li {
border-bottom: 1px solid #acacac;
padding-bottom: 10px;
margin-bottom: 15px;
}
.list_service li a {
color: #444;
}
.list_service li a:hover {
color: #a5bc28;
text-decoration: none;
}
.wrrap_footer .exchange .inner {
background-color: #f5f5f5;
border-radius: 5px;
padding: 5px;
margin-bottom: 10px;
}
.wrrap_footer .exchange img {
vertical-align: middle;
}
.wrrap_footer .exchange span {
padding: 0 16px;
}
.wrrap_footer .exchange span.currency-jpy {
padding: 0;
}
@media (max-width: 767px) {
.wrrap_footer h2 {
text-align: center;
}
}
.footer_bottom {
font-size: 14px;
background-color: #333;
color: #fff;
padding: 15px 0;
}
.footer_bottom ul.sns-icon {
margin-bottom: 10px;
text-align: center;
}
.footer_bottom .sns-icon li {
display: inline-block;
padding: 6px;
overflow: hidden;
}
/*Icon general
-------------------------------------------------------*/
.footer_bottom ul.sns-icon li span:hover {
transition: all .5s;
opacity: 0.6;
}
/*facebook*/
.footer_bottom ul.sns-icon li span.icon_facebook {
text-indent: -9999px;
width: 48px;
height: 46px;
display: block;
background: url(/images/icon_facebook.png) no-repeat 0 0;
background-repeat: no-repeat;
}
/*flicr*/
.footer_bottom ul.sns-icon li span.icon_flicr {
text-indent: -9999px;
width: 48px;
height: 46px;
background: url(/images/icon_flicr.png) no-repeat 0 0;
background-repeat: no-repeat;
display: block;
}
/*instagram*/
.footer_bottom ul.sns-icon li span.icon_instagram {
text-indent: -9999px;
width: 48px;
height: 46px;
background: url(/images/icon_instagram.png) no-repeat 0 0;
background-repeat: no-repeat;
display: block;
}
/*twitter*/
.footer_bottom ul.sns-icon li span.icon_twitter {
text-indent: -9999px;
width: 48px;
height: 46px;
background: url(/images/icon_twitter.png) no-repeat 0 0;
background-repeat: no-repeat;
display: block;
}
/*youtube*/
.footer_bottom ul.sns-icon li span.icon_youtube {
text-indent: -9999px;
width: 48px;
height: 46px;
background: url(/images/icon_youtube.png) no-repeat 0 0;
background-repeat: no-repeat;
display: block;
}
/*=====================================================
Adjustments
======================================================*/
/*Height*/
.row-eq-height {
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
}
.txt_small {
font-size: 14px;
line-height: 120%;
font-weight: 300;
}
.txt_gray {
color: #9f9f9f;
}
.txt_red {
color: #c00;
}
.currency-note {
font-weight:500;
margin-bottom:10px;
}
@media (max-width: 767px) {
.col-6:nth-child(odd) {
padding-right: 10px;
}
.col-6:nth-child(even) {
padding-left: 10px;
}
}
/*=====================================================
Menu toggle for iPad
======================================================*/
@media (max-width: 1210px) {
.navbar-toggle {
display: block;
}
.navbar-collapse {
border-top: 1px solid #e7e7e7;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
}
.navbar-nav {
width: 100%;
float: none!important;
margin: 7.5px -15px;
}
.navbar-nav .nav-item {
float: none;
}
.navbar-nav .nav-link {
padding: 20px 10px 20px 10px !important;
}
.navbar-collapse.collapse.in {
display: block!important;
}
.collapsing {
overflow: hidden!important;
}
body .wrrap_bg_top {
height: 51vw !important;
}
}
@media (max-width: 768px) {
body .wrrap_bg_top {
height: 68vw !important;
}
}
@media (max-width: 425px) {
body .wrrap_bg_top {
height: 91vw !important;
}
}
@media (min-width: 1024px) {
.big_none {
display:none !important;
}
}
/*=====================================================
activitiy pages
======================================================*/
/* Main images top
-------------------------------------------------------*/
/*Background*/
.wrrap_bg_activities {
overflow: hidden;
height: auto;
margin-bottom: 60px;
}
.wrrap_bg_activities p {
line-height: 100%;
color:#fff;
padding: 60px 0 50px 0;
text-align: center;
font-size: 30px;
text-shadow: 0px 4px 3px rgba(0,0,0,0.4),
0px 8px 13px rgba(0,0,0,0.1),
0px 18px 23px rgba(0,0,0,0.1);
}
.wrrap_bg_activities p span {
font-size: 16px;
}
@media screen and (max-width: 640px) {
.wrrap_bg_activities {
margin-bottom: 40px;
}
}
/* title
-------------------------------------------------------*/
.activities-jp h1 {
margin-top: 0px;
text-align: center;
font-size: 30px;
margin-bottom: 50px;
padding-top: 60px;
line-height: 150%;
background: url(images/h1_line.png) top no-repeat;
}
.page-id-663 .activities-jp h1,
.page-id-910 .activities-jp h1 {
background: url(images/h1_line_qbook.png) top no-repeat;
}
/*
.activities-jp h1 {
position: relative;
display: inline-block;
}
.activities-jp h1::before {
content: "";
position: absolute;
left: 0;
right: 0;
bottom: 0;
border-bottom: 2px solid #5b9ec0;
width : 252px;
margin: 0 auto;
}
*/
@media (max-width: 992px) {
.activities-jp h1 {
font-size: 30px;
}
}
@media (max-width: 767px) {
.activities-jp h1 {
font-size: 25px;
margin-bottom: 30px;
}
}
@media screen and (max-width: 640px) {
.activities-jp h1 {
font-size: 25px;
margin: 0 0 20px 0;
}
}
.activities-jp h3.h3-01 {
margin-top: 30px;
margin-bottom: 15px;
display: table;
position: relative;
background: #f5f5f5;
padding: 10px 15px 10px 60px;
font-size: 20px;
border-radius: 20px 10px 10px 20px;
}
.activities-jp h3.h3-01:before {
content:url(images/icon-h3-02.png);
display: inline-block;
line-height: 55px;
position: absolute;
padding: 0em;
color: white;
background: #a6c02e;
font-weight: normal;
width: 55px;
text-align: center;
height: 55px;
line-height: 55px;
left: -1px;
top: 50%;
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
border: solid 3px white;
border-radius: 50%;
}
.activities-jp {
padding-bottom: 60px;
}
.activities-jp p {
margin-bottom: 20px;
}
.activities-jp .row-pic {
margin-top: 30px;
margin-bottom: 30px;
}
/* dl
-------------------------------------------------------*/
dl{
line-height: 140%;
display:flex;
flex-wrap: wrap;
margin-bottom: 50px;
}
dt{
font-weight: bold;
width: 30%;
padding: 15px;
box-sizing: border-box;
border-bottom: 1px dashed #ccc;
}
dd{
padding: 15px;
margin: 0;
width: 70%;
border-bottom: 1px dashed #ccc;
box-sizing: border-box;
}
dl.schedule {
display:flex;
flex-wrap: wrap;
margin-bottom: 50px;
}
dl.schedule dt {
padding: 20px;
width:18%;
font-weight: normal;
border-right: 1px solid #ccc;
border-bottom: none;
}
dl.schedule dd {
padding: 20px;
padding-left: 50px;
width:82%;
border-bottom: none;
margin-left: -14px;
background: url(images/icon-schedule.png) no-repeat ;
background-position: 0 15px;
padding-left: 50px !important;
}
@media screen and (max-width: 640px) {
dl{
margin-bottom: 0;
flex-flow: column nowrap;
}
dt {
padding: 15px 15px 0px 15px;
border-bottom: none;
}
dt,
dd{
width: 100%;
}
dd{
border-left: none;
}
dl.schedule {
flex-flow: wrap;
}
dl.schedule dt {
width:30%;
}
dl.schedule dd {
width:70%;
}
dl.schedule {
margin-bottom: 20px;
}
}
/* caution
-------------------------------------------------------*/
.activities-jp .caution {
margin-top: 40px;
border-radius: 10px;
background-color: #f5f5f5;
padding: 40px 50px 30px 50px;;
box-sizing: border-box;
}
.activities-jp .caution h3 {
font-size: 20px;
margin-bottom: 20px;
position: relative;
text-align: center;
}
.activities-jp .caution h3 span {
position: relative;
z-index: 2;
display: inline-block;
margin: 0 2.5em;
padding: 0 1em;
background-color: #f5f5f5;
text-align: left;
}
.activities-jp .caution h3::before {
position: absolute;
top: 50%;
z-index: 1;
content: '';
display: block;
width: 100%;
height: 1px;
background-color: #ccc;
}
.activities-jp .caution h4 {
border-radius: 5px;
color: #fff;
background-color: #7c7c7c;
display: inline-block;
padding: 5px;
margin-bottom: 5px;
}
@media screen and (max-width: 640px) {
.activities-jp .caution {
padding: 20px 15px 10px 15px;
}
}
/*list
-------------------------------------------------------*/
.activities-jp dl ul.normal {
margin-bottom: 0px;
}
.activities-jp ul.normal {
margin-bottom: 20px;
}
.activities-jp ul.normal li {
position: relative;
padding-left: 15px;
}
.activities-jp ul.normal li::after {
display: block;
content: '';
position: absolute;
top: .7em;
left:0;
width: 6px;
height: 6px;
background-color: #a6c02e;
border-radius: 100%;
}
.activities-jp .txt-arrow{
padding-left: 20px;
position: relative;
text-decoration: underline;
}
.activities-jp .txt-arrow:after {
content: '';
display: block;
position: absolute;
top: 40%;
left: 0;
width: 10px;
height: 10px;
border-top: #a5bc28 2px solid;
border-right: #a5bc28 2px solid;
transform: rotate(45deg);
}
/*=====================================================
slider
======================================================*/
/*arrow color*/
.slick-prev:before,
.slick-next:before {
color: #000;
}
/*arrow position*/
.slick-next {
right: 20px!important;
z-index: 99;
}
.slick-prev {
left: 15px!important;
z-index: 100;
}
/*dod color*/
.slick-dots li.slick-active button:before,
.slick-dots li button:before {
color: #fff;
}
img {
max-width: 100%;
height: auto;
}
/* link style adjustments */
article.page a {
color: #a5bc28 !important;
text-decoration: underline !important;
transition:all ease-in-out .3s;
}
article.page a:hover {
color: #a5bc28 !important;
text-decoration: none !important;
}
article.page a.btn-general {
color: #fff !important;
text-decoration: none !important;
}
article.page .row-eq-height a {
text-decoration: none !important;
}
.activity-banners {
margin-bottom: 15px;
}
.subpage-logo-wrapper {
text-align:center;
margin-top:-335px;
line-height:200px;
vertical-align:middle;
}
.subpage-logo-wrapper img {
width:50%;
max-width:590px;
}
.page-template-template-activities-jp #main,
.page-template-template-general-jp #main,
.page-template-template-general-maps-jp #main {
margin-top:100px;
}
@media all and (max-width:991px) {
.subpage-logo-wrapper {
display:none;
}
}
/* Contact Form 7 */
.wpcf7 .form-control {
max-width:450px;
font-size:1.4rem;
}
.round-corners {
border-radius:10px;
}
.adce_currency_table {
display:none;
}
#ui-datepicker-div {
font-size: .95em;
}
.ui-datepicker-title {
font-size: .87em;
}
.nav-activity-count {
display: block;
text-align: center;
color: #c00;
margin: 10px 0 -10px;
font-style: italic;
font-weight: 500;
}
/* OTS */
.ots-search-wrapper {
width:100%;
max-width:297px;
margin-left:2px;
}
#ots_rentacar_search {
font-size:13px;
background:#f2f2f2;
padding:15px 8px 10px;
border:1px solid #ccc;
}
#ots_rentacar_search tr td {
padding:0 0 5px;
}
#ots_rentacar_search #searchSub {
margin:10px auto 8px;
color:#fff;
background-color:#b2c741;
padding:5px 25px;
border-radius:40px;
-webkit-appearance:button-bevel;
}
#ots_rentacar_search #fday,
#ots_rentacar_search #fmonth,
#ots_rentacar_search #fyear,
#ots_rentacar_search #tday,
#ots_rentacar_search #tmonth,
#ots_rentacar_search #tyear {
margin-right:2px;
}
#ots_rentacar_search #foffice,
#ots_rentacar_search #foffice-end {
float:right;
}
#ots_rentacar_search #car_type1 {
margin-left:16px;
}
#ots_rentacar_search input[type=radio] {
margin-left:8px;
}
.ski-snowboard div#lift-passes,
.ski-snowboard div#transport,
.ski-snowboard div#heli-ski,
.ski-snowboard div#accommodation {
height:160px;
margin-bottom:20px;
cursor:pointer;
background-size:cover !important;
}
.ski-snowboard div#lift-passes {
background:transparent url(/wp-content/themes/qbook/images/ski-snowboard/lift-passes.jpg) 0 0 no-repeat;
float:left;
max-width:49.5%;
}
.ski-snowboard div#heli-ski {
background:transparent url(/wp-content/themes/qbook/images/ski-snowboard/heli-skiing.jpg) 0 0 no-repeat;
float:right;
max-width:49.5%;
}
.ski-snowboard div#transport {
background:transparent url(//qbooknz.com/images/ski-snowboard/transport.jpg) 0 0 no-repeat;
}
.ski-snowboard div#accommodation {
background:transparent url(//qbooknz.com/images/ski-snowboard/accommodation.jpg) 0 0 no-repeat;
}
.ski-snowboard div#lift-passes a,
.ski-snowboard div#lift-passes a:hover,
.ski-snowboard div#transport a,
.ski-snowboard div#transport a:hover,
.ski-snowboard div#heli-ski a,
.ski-snowboard div#heli-ski a:hover,
.ski-snowboard div#accommodation a,
.ski-snowboard div#accommodation a:hover {
color:#fff !important;
text-decoration:none !important;
margin:10px;
}
.ski-snowboard div#lift-passes a,
.ski-snowboard div#lift-passes a:hover {
color:#000 !important;
}
/* Grid override */
.container {
width:100%;
margin:0 auto;
padding:0 15px 30px;
}
@media (min-width: 576px) {
.container {
max-width:540px;
}
}
@media (min-width: 768px) {
.container {
max-width:98%;
}
}
@media (min-width: 992px) {
.container {
max-width:960px;
}
}
@media (min-width: 1200px) {
.container {
max-width:1300px;
}
}
@media (max-width: 992px) {
.ots-search-wrapper {
margin-top:20px;
max-width:300px;
margin-left:0;
}
.ski-snowboard div#lift-passes,
.ski-snowboard div#heli-ski {
float:none;
max-width:none;
}
}