@import url("https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@400;500;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700&display=swap"); body {
font-family: 'M PLUS Rounded 1c', sans-serif !important;
max-width: 1920px;
margin: 0 auto;
}
p {
margin: 0;
}
a {
transition: 0.3s;
}
a[href^="tel:"] {
cursor: default;
}
.page-section {
width: 85%;
max-width: 1266px;
margin: 0 auto !important;
}
.page-section2 {
width: 85%;
max-width: 1600px;
margin: 0 auto !important;
}
.flex {
display: flex;
}
.ib {
display: inline-block;
}
.sans {
font-family: "Noto Sans JP", sans-serif !important;
}
.title-module-wrap.page-title-module-custom {
display: none;
}
@media (min-width: 1024px) {
a[href^="tel:"] {
pointer-events: none;
}
}
@media screen and (max-width: 767px) {
.page-section, .page-section2 {
width: 90%;
}
} #main-wrapper {
opacity: 0;
}
.nojava {
font-size: 14px;
font-weight: 700;
text-align: center;
}
.loading {
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
opacity: 0;
animation-name: loadingdelay;
animation-duration: 1250ms;
animation-timing-function: linear;
animation-fill-mode: forwards;
}
.loadanim-box {
position: relative;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
text-align: center;
}
.loadanim-icon {
position: relative;
}
.loadanim-n {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
}
.loadanim-star img {
animation-name: loadinganim;
animation-duration: 1000ms;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@keyframes loadingdelay {
0% {
opacity: 0;
}
80% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes loadinganim {
0% {
transform: rotate(0);
}
100% {
transform: rotate(60deg);
}
} #header-top-bar {
background-image: url(//nayoro-tourism.com/wp-content/themes/oshin_child/img/header-bg.png), url(//nayoro-tourism.com/wp-content/themes/oshin_child/img/header-text-bg.svg);
background-repeat: no-repeat;
background-position: top center, center;
background-size: cover, auto;
position: relative;
}
#header-top-bar-left {
height: 130px;
padding: 0;
}
.header-logo-wrapper {
padding: 9px 0 9px 8.3vw;
}
.header-logo-sp {
display: none;
}
#header-top-bar-right {
font-family: 'Noto Sans JP', sans-serif !important;
font-size: 13px;
height: 130px;
padding: 35px 8.3vw 0 0;
}
.header-text {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
text-align: center;
width: 100%;
z-index: -1;
}
.header-text1 {
font-size: 30px;
font-weight: 700;
line-height: 1;
padding-bottom: 10px;
letter-spacing: 8px;
}
.header-text2 {
font-size: 18px;
font-weight: 700;
letter-spacing: 3px;
}
.header-R {
width: 195px;
}
.lang-select {
font-weight: 700;
text-align: center;
}
.lang-left {
border: 2px solid black;
background-color: white;
transition: 0.3s;
width: 60%;
line-height: 20px;
}
.lang-right {
color: white;
background-color: black;
transition: 0.3s;
width: 40%;
line-height: 24px;
}
.lang-select:hover .lang-left {
background-color: #8CAEDC
}
.lang-select:hover .lang-right {
color: #8CAEDC
}
.header-shop-menu {
font-weight: 500;
padding-top: 10px;
align-items: center;
justify-content: flex-end;
width: 150px;
}
.header-shop-menu a {
margin-right: 20px;
}
.header-shop-menu a:hover {
opacity: 0.4;
}
.header-cart-controls {
right: -155px;
top: -33px;
}
.header-cart-controls .cart-contents {
transition: opacity 0.3s !important;
}
.header-cart-controls .cart-contents i.icon-icon_bag_alt {
font-size: 28px;
}
.header-cart-controls .cart-contents i.icon-icon_bag_alt::before {
font-family: "Font Awesome 5 Free" !important;
content: "\f07a";
font-weight: bold;
color: black;
}
.header-cart-controls .cart-contents:hover {
opacity: 0.4;
}
.header-cart-controls .cart-contents span {
position: absolute;
top: -5px;
right: -5px;
color: white !important;
background-color: red !important;
}
.header-cart-controls a.remove_from_cart_button {
display: none !important;
}
.woocommerce.widget_shopping_cart .buttons a.button {
border-radius: 20px;
}
.lang-sp {
display: none;
}
@media screen and (max-width: 1200px) {
#header-top-bar {
background-size: 1200px auto, auto;
}
.header-logo-wrapper {
padding-left: 50px;
}
#header-top-bar-right {
padding-right: 20px;
}
}
@media screen and (max-width: 960px) {
#header-top-bar {
background-image: url(//nayoro-tourism.com/wp-content/themes/oshin_child/img/header-bg.png);
background-position: top center;
background-size: cover;
}
.header-text1 {
font-size: 17px;
letter-spacing: 7px;
}
.header-text2 {
font-size: 13px;
line-height: 15px;
letter-spacing: 5px;
}
.header-text2 .divider {
display: block;
}
#header-top-bar-wrap {
padding: 0 !important;
}
#header-top-bar-wrap #header-top-bar-left {
height: 90px;
text-align: left;
float: left;
width: auto;
padding: 0 !important;
}
.header-logo,
.header-shop-menu a:first-child {
display: none;
}
.header-logo-sp {
display: inline;
}
.lang-sp {
display: flex;
padding-bottom: 10px;
justify-content: space-between;
}
.lang-sp-icon {
margin: 0 3px;
}
#header-top-bar-wrap #header-top-bar-right {
height: 90px;
float: right;
width: auto;
padding: 10px 50px 0 0 !important;
}
.header-R {
width: 90px;
}
.header-shop-menu {
padding: 0;
width: auto;
justify-content: flex-start;
}
.header-cart-controls {
right: -25px;
}
.lang-select {
display: block !important;
}
.wpml-ls-legacy-list-horizontal {
padding: 0 0 7px !important;
}
#header-top-bar-right .wpml-ls-legacy-list-horizontal ul {
justify-content: space-between;
padding: 0 2px;
}
.wpml-ls-legacy-list-horizontal a {
padding: 0 0 3px 0 !important;
}
}
@media screen and (max-width: 767px) {
#header-top-bar {
background-size: 768px auto, auto;
}
}
@media screen and (max-width: 640px) {
#header-top-bar {
background-image: url(//nayoro-tourism.com/wp-content/themes/oshin_child/img/header-bg-sp.png);
background-position: bottom left 40%;
}
.header-logo-wrapper {
padding-left: 20px;
}
#header-top-bar-wrap #header-top-bar-right {
padding: 10px 15px 0 0 !important;
}
}
@media screen and (max-width: 480px) {
#header-top-bar-right .top-bar-widgets {
margin: 0;
}
.header-R {
width: 70px;
}
.lang-sp {
padding-left: 5px;
}
.lang-sp-icon {
width: 25px;
}
.header-cart-controls {
right: -20px;
top: -28px;
}
.wpml-ls-legacy-list-horizontal {
padding: 5px 0 7px !important;
}
#header-top-bar-right .wpml-ls-legacy-list-horizontal ul {
padding: 0;
}
#header-top-bar-right .wpml-ls-legacy-list-horizontal ul li {
width: 30px;
}
.header-shop-menu a img {
width: 30px;
}
.header-cart-controls .cart-contents i.icon-icon_bag_alt {
font-size: 24px;
}
}
@media screen and (max-width: 413px) {
#header-top-bar {
background-size: 768px auto;
}
.header-text1 {
font-size: 15px;
letter-spacing: normal;
}
.header-text2 {
letter-spacing: normal;
}
.header-cart-controls {
right: -15px;
}
#header-top-bar-wrap #header-top-bar-right {
padding: 10px 10px 0 0 !important;
}
} #menu li {
pointer-events: none;
}
#menu li.current-menu-item,
#menu li:hover {
background-image: url(//nayoro-tourism.com/wp-content/themes/oshin_child/img/header-hover.png);
background-position: center;
background-repeat: no-repeat;
}
#menu li a {
color: white !important;
border-right: 2px solid white;
padding: 0 1.5vw;
line-height: 20px;
pointer-events: auto;
}
#menu li:last-child a {
border: 0;
}
#mobile-menu li {
background-color: black;
padding-left: 40px;
}
ul#mobile-menu a {
color: white !important;
font-family: 'Noto Sans JP', sans-serif !important;
}
@media screen and (max-width: 1300px) {
#menu li a {
font-size: 14px;
}
}
@media screen and (max-width: 960px) {
#header-inner-wrap {
background-color: black !important;
height: 34px !important;
}
.style2 #header-controls-right {
top: -8px;
z-index: 999;
}
.mobile-nav-controller-wrap {
line-height: 34px !important;
}
.exclusive-mobile-bg .menu-controls {
padding: 0;
}
} footer#bottom-widgets {
padding: 15px 0;
background-image: url(//nayoro-tourism.com/wp-content/themes/oshin_child/img/footer-bg2.png);
background-size: 100% auto;
background-repeat: no-repeat;
background-position: bottom center;
}
footer#bottom-widgets .one-third:first-child,
footer#bottom-widgets .one-third:last-child {
display: none;
}
footer#bottom-widgets .one-third {
width: 100%;
margin: 0;
text-align: center;
}
footer#bottom-widgets .widget:first-child {
margin-bottom: 0;
}
footer#bottom-widgets .widget:nth-child(2) {
margin: 15px auto 25px;
width: 124px;
}
.footer-text {
text-align: center;
}
.footer-text1 {
font-size: 18px;
padding-bottom: 2px;
}
.footer-text2 {
font-size: 14px;
}
@media screen and (max-width: 1200px) {
footer#bottom-widgets {
background-size: 1200px auto;
}
}
@media screen and (max-width: 960px) {
#footer-wrap.style1 .footer-center-area {
flex: 0 0 100%;
line-height: 28px;
padding: 0;
}
.footer-content-inner-center {
margin: 0;
}
}
@media screen and (max-width: 767px) {
footer#bottom-widgets {
background-image: url(//nayoro-tourism.com/wp-content/themes/oshin_child/img/footer-bg-s.png);
background-size: 898px auto;
background-position: top left 47%;
padding: 5px 0;
}
footer#bottom-widgets .be-wrap {
max-width: 90%;
}
footer#bottom-widgets .widget:nth-child(2) {
width: 85px;
margin: 5px auto;
}
.footer-address-box {
font-size: 13px;
line-height: 16px;
}
.footer-address2 .ib {
display: block;
}
} a#back-to-top {
background-image: url(//nayoro-tourism.com/wp-content/themes/oshin_child/img/back-to-top.svg) !important;
background-color: transparent !important;
height: 64px;
width: 56px;
right: 40px;
bottom: 40px;
}
a#back-to-top i {
display: none;
}
@media screen and (max-width: 480px) {
a#back-to-top {
height: 38px;
width: 33px;
right: 5px;
background-size: 33px 38px !important;
}
} .button1 {
display: flex;
justify-content: center;
align-items: center;
font-size: 14px;
font-weight: 700;
width: 150px;
height: 34px;
border: 1px solid black;
border-radius: 17px;
}
.button1:hover {
background-color: black;
color: white;
}
.sub-bg {
background-image: url(//nayoro-tourism.com/wp-content/themes/oshin_child/img/bg-top2.png);
background-repeat: no-repeat;
background-position: center top;
background-size: 100% auto;
}
.sub-header {
text-align: center;
}
.header-title {
padding: 35px 0 !important;
}
.header-title .tatsu-single-image img {
left: 50% !important;
transform: translateX(-50%) !important;
}
@media screen and (max-width: 1200px) {
.sub-bg {
background-size: 1200px auto;
}
}
@media screen and (max-width: 767px) {
.sub-bg {
background-size: 768px auto;
background-position: right -160px top -50px;
}
.header-title {
padding: 20px 0 !important;
}
.header-title img {
width: 160px;
}
} rs-module {
overflow: visible;
} .front-title {
font-size: 26px;
padding: 15px 0 30px;
font-weight: 700;
}
@media screen and (max-width: 767px) {
.front-title {
font-size: 20px;
padding: 10px 0 20px;
}
}
@media screen and (max-width: 767px) {
.front-title {
font-size: 16px;
padding: 7px 0;
}
} #front-activity {
overflow: visible;
}
.bg-top {
position: absolute;
right: 0;
top: -40px;
width: 100vw;
z-index: 0;
min-width: 1200px;
}
.front-activ-text {
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
padding-top: 15px;
margin: 0 auto;
max-width: 783px;
}
.front-activ-title {
font-size: 24px;
width: calc(100% - 185px);
font-weight: 700;
}
.front-activ-cat {
border-radius: 2px;
line-height: 24px;
font-size: 16px;
color: #FFFDEE;
padding: 0 10px;
font-weight: 700;
} .act-cat1 {
background-color: #8CAEDC;
}
.act-cat2 {
background-color: rgb(118, 216, 208);
}
.front-activ-desc {
font-size: 14px;
line-height: 20px;
width: 100%;
font-weight: 700;
padding-top: 10px;
margin-bottom: 20px;
}
.page-id-2153 .front-activ-desc {
margin-bottom: 0;
}
.front-activ-desc2 {
font-size: 14px;
line-height: 20px;
}
.front-activ-button img {
display: none;
}
@media screen and (max-width: 1024px) {
#front-activity .tatsu-column .tatsu-column {
width: 100%;
}
.tatsu-DFI_jCr_u .front-activ-text {
padding-bottom: 35px;
}
}
@media screen and (max-width: 767px) {
.bg-top {
width: 768px;
top: -50px;
right: -160px;
min-width: 0;
}
.front-activ-title {
font-size: 20px;
}
.front-activ-cat {
font-size: 14px;
line-height: 20px;
}
.front-activ-desc {
padding-bottom: 15px;
}
.front-activ-desc2 {
display: none;
}
.front-activ-text p {
width: 100%;
}
.front-activ-button {
margin: 0 auto;
width: 200px;
height: 40px;
border-radius: 20px;
}
.front-activ-button img {
display: inline-block;
width: 15px;
margin-left: 30px;
}
}
@media screen and (max-width: 480px) {
.bg-top {
right: -175px;
}
.front-activ-title {
font-size: 16px;
line-height: 20px;
}
.front-activ-cat {
font-size: 12px;
}
} #front-movie {
background-image: url(//nayoro-tourism.com/wp-content/themes/oshin_child/img/bg2.png);
background-repeat: no-repeat;
background-size: 15vw auto;
background-position: right 8.8vw top 25px;
}
@media screen and (max-width: 1024px) {
#front-movie {
background-size: 144px auto;
}
#front-movie .tatsu-column .tatsu-column {
width: 100%;
max-width: 600px;
margin-right: auto !important;
margin-left: auto !important;
}
} #front-other {
background-image: url(//nayoro-tourism.com/wp-content/themes/oshin_child/img/bg3.png), url(//nayoro-tourism.com/wp-content/themes/oshin_child/img/bg4.png);
background-repeat: no-repeat;
background-size: 17.4vw auto, 9.7vw auto;
background-position: left 10.9vw top 15px, right 28.5% bottom 8%;
}
.other-title {
font-size: 18px;
font-weight: 700;
padding-bottom: 15px;
opacity: 0;
}
.front-act-box {
justify-content: space-between;
}
.front-act-item {
width: 23%;
opacity: 0;
}
.front-act-img {
text-align: center;
}
.front-act-title {
font-size: 18px;
font-weight: 700;
padding: 5px 0 30px;
letter-spacing: -1px;
}
.front-act-title a:hover {
opacity: 0.4;
}
#front-other a.button1 {
margin: 0 auto;
}
@media screen and (max-width: 1024px) {
#front-other {
background-size: 165px auto, 93px auto;
}
.other-title {
text-align: center;
}
.front-act-title {
font-size: 16px;
line-height: 22px;
}
.front-act-box {
flex-wrap: wrap;
max-width: 600px;
margin: 0 auto;
}
.front-act-item {
width: 48%;
}
}
@media screen and (max-width: 480px) {
.front-act-box {
justify-content: center;
}
.front-act-item {
width: 100%;
max-width: 290px;
}
.front-act-title {
padding-bottom: 20px;
}
} #front-topics {
background-image: url(//nayoro-tourism.com/wp-content/themes/oshin_child/img/bg1.png);
background-repeat: no-repeat;
background-size: 15.6vw auto;
background-position: left 13.5vw bottom 20px;
}
.swiper_topics {
margin: 0 58px;
}
.swiper_topics .swiper-slide__inner--item {
border: 1px solid #cccccc;
background-color: white;
margin-bottom: 2px !important;
max-width: 350px;
margin: 0 auto;
height: 100%;
}
.swiper_topics .text-block {
padding: 25px 4.3% 10px;
}
.swiper_topics .meta-block {
flex-wrap: wrap;
flex-direction: column; min-height: 125px;
}
.swiper_topics .meta-block a {
font-size: 24px;
font-weight: 700;
text-align: center;
line-height: 1.1;
}
.swiper_topics a:hover {
opacity: 0.4;
}
.swiper_topics .date {
font-size: 14px;
line-height: 20px;
width: 100%;
}
.topics_arrow .swiper-button-prev::after {
content: url(//nayoro-tourism.com/wp-content/themes/oshin_child/img/arrow-prev.png);
}
.topics_arrow .swiper-button-next::after {
content: url(//nayoro-tourism.com/wp-content/themes/oshin_child/img/arrow-next.png);
}
.swiper-pagination {
left: 50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
padding-top: 10px;
}
.swiper-pagination-bullet {
margin: 0 5px;
height: 10px;
width: 10px;
}
.swiper-pagination-bullet-active {
background-color: black;
}
.topics-more {
position: absolute;
bottom: -3px;
right: 58px;
font-size: 14px;
font-weight: 700;
line-height: 1;
}
.topics-more img {
margin-left: 5px;
}
.topics-more:hover {
opacity: 0.4;
}
.swiper-slide figure img {
height: auto;
}
.swiper-slide {
height: auto !important;
}
.swiper-slide__inner {
height: 100%;
}
.space {
margin-right: 0.5em;
}
@media screen and (max-width: 1024px) {
#front-topics {
background-size: 145px auto;
}
}
@media screen and (max-width: 1490px) and (min-width: 1025px) {
.swiper_topics .meta-block a {
font-size: calc(1.29vw + 4.77px);
}
}
@media screen and (max-width: 1024px) and (min-width: 640px) {
.swiper_topics .meta-block a {
font-size: calc(1.56vw + 8.03px);
}
}
@media screen and (max-width: 767px) {
.swiper_topics {
margin: 0 38px;
}
.topics_arrow .swiper-button-prev {
left: 0;
}
.topics_arrow .swiper-button-next {
right: 0;
}
}
@media screen and (max-width: 640px) {
.swiper_topics .meta-block a {
font-size: calc(3.125vw + 4px);
}
.swiper-pagination {
padding-top: 5px;
}
.swiper-pagination-bullet {
height: 7px;
width: 7px;
}
.topics-more {
bottom: -23px;
right: 38px;
}
} .news-list {
list-style-type: none;
font-size: 14px;
font-weight: 700;
line-height: 20px;
margin-bottom: 15px;
padding: 0;
}
.news-list + br {
display: none;
}
.news-list-item {
margin: 0;
padding: 20px 0 20px 15px;
border-bottom: 1px solid black;
}
.news-list-item:first-child {
border-top: 1px solid black;
}
.news-line {
align-items: center;
}
.news-date {
width: 115px;
}
.news-title {
width: calc(100% - 120px);
}
.news-title a:hover,
.news-more a:hover {
opacity: 0.4;
}
.news-more {
font-size: 14px;
font-weight: 700;
}
.news-more img {
margin-left: 20px;
}
.news-more:hover {
opacity: 0.4;
}
@media screen and (max-width: 1024px) {
#front-news .tatsu-column {
width: 100%;
}
.news-list-item {
padding: 15px 0 15px 15px;
}
}
@media screen and (max-width: 640px) {
.news-list-item {
padding: 10px 0 8px 10px;
}
.news-line {
flex-wrap: wrap;
}
.news-date, .news-title {
width: 100%;
}
} .swiper_review .swiper-wrapper {
padding-bottom: 50px;
font-weight: 700;
}
.review_arrow .swiper-button-prev {
top: auto;
bottom: 0;
left: calc(50% - 80px);
}
.review_arrow .swiper-button-next {
top: auto;
bottom: 0;
right: calc(50% - 80px);
}
.review_arrow .swiper-button-prev::after {
content: url(//nayoro-tourism.com/wp-content/themes/oshin_child/img/review-arrow1.svg);
}
.review_arrow .swiper-button-next::after {
content: url(//nayoro-tourism.com/wp-content/themes/oshin_child/img/review-arrow2.svg);
} .page-id-2153 .review_arrow .swiper-button-prev::after {
content: url(//nayoro-tourism.com/wp-content/themes/oshin_child/img/review-arrow1-en.svg);
}
.page-id-2153 .review_arrow .swiper-button-next::after {
content: url(//nayoro-tourism.com/wp-content/themes/oshin_child/img/review-arrow2-en.svg);
}
.page-id-2153 .br-180 {
display:block;
}
@media screen and (max-width: 1800px) {
.page-id-2153 .br-180 {
display:inline;
}
}
.page-id-2153 .swiper_topics .date {
font-size: 13px;
line-height: 15px;
}
@media screen and (max-width: 767px) {
.page-id-2153 .section-title-en .tatsu-gradient-border {
height: 20px;
}
.page-id-2153 .front-activ-button {
width: 220px !important;
padding-left: 10px;
}
} .swiper_review .swiper-slide__inner--item {
align-items: center;
}
.review-title {
font-size: 18px;
font-weight: 700;
position: relative;
text-align: center;
padding: 10px 35px;
}
.review-title::before {
content: url(//nayoro-tourism.com/wp-content/themes/oshin_child/img/review-icon1.png);
position: absolute;
left: 0;
bottom: 0;
}
.review-title::after {
content: url(//nayoro-tourism.com/wp-content/themes/oshin_child/img/review-icon2.png);
position: absolute;
right: 0;
top: 0;
}
.review-content {
font-size: 13px;
line-height: 20px;
width: 100%;
padding: 10px 0;
}
.review-star {
font-size: 22px;
}
.swiper_review .text-block {
border: 3px black solid;
background-color: white;
border-radius: 7px;
padding: 15px 5%;
width: 68%;
margin: 0 0 0 20px;
position: relative;
flex-wrap: wrap;
justify-content: center;
}
.swiper_review .text-block::before {
content: "";
border-color: black transparent transparent black;
border-style: solid;
border-width: 10px 10px;
right: -20px;
position: absolute;
top: 20%;
}
.swiper_review .text-block::after {
content: "";
border-color: white transparent transparent white;
border-style: solid;
border-width: 10px 10px;
right: -15px;
position: absolute;
top: calc(20% + 2px);
}
.review-desc {
width: 32%;
text-align: center;
font-size: 14px;
line-height: 20px;
padding-left: 10px;
min-width: 145px;
letter-spacing: -1px;
}
.review-text {
padding: 5px 0 0 0;
margin: 0 -30px;
white-space: nowrap;
}
.review-name {
padding: 5px 0;
}
@media screen and (max-width: 1024px) {
.swiper_review .text-block {
margin: 0 0 0 2px;
padding: 15px 30px;
}
.review-desc {
min-width: 120px;
}
.swiper_review .swiper-button-prev {
left: 40%;
}
.swiper_review .swiper-button-next {
right: 40%;
}
}
@media screen and (max-width: 767px) {
.review-content {
font-size: 12px;
line-height: 16px;
}
.swiper_review .text-block {
padding: 10px;
}
.swiper_review .swiper-button-prev {
left: auto;
right: 60%;
}
.swiper_review .swiper-button-next {
right: auto;
left: 60%;
}
}
@media screen and (max-width: 480px) {
.review-text {
transform: scale(0.7, 1);
}
}
@media screen and (max-width: 400px) {
.review-title {
padding: 20px 5px 25px;
}
} #front-sns {
background-image: url(//nayoro-tourism.com/wp-content/themes/oshin_child/img/bg5.png), url(//nayoro-tourism.com/wp-content/themes/oshin_child/img/bg6.png);
background-repeat: no-repeat;
background-size: 9.3vw auto, 12.3vw auto;
background-position: left 20.8vw top, right 50px bottom 110px;
}
.insta_text {
font-size: 14px;
font-weight: 700;
padding-top: 15px;
}
#sb_instagram #sbi_images {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
#sb_instagram.sbi_col_3 #sbi_images .sbi_item {
width: 31%;
padding: 5px 0 20px !important;
float: none;
}
.insta_text {
visibility: hidden;
}
.insta_button {
color: white !important;
background-color: black !important;
margin: 0 auto;
}
.insta_button:hover {
opacity: 0.5;
}
.facebook-wrapper {
max-width: 500px;
margin: 46px auto 0;
}
.facebook-wrapper > .fb-page {
width: 100%;
}
.facebook-wrapper > .fb-page > span,
.facebook-wrapper iframe {
width: 100% !important;
}
@media screen and (max-width: 1024px) {
#front-sns {
background-size: 134px auto, 168px auto;
}
#sb_instagram.sbi_col_3 #sbi_images .sbi_item {
width: 48%;
}
}
@media screen and (max-width: 767px) {
#sb_instagram {
margin: 0 auto; }
#sb_instagram.sbi_col_3 #sbi_images .sbi_item {
width: 31%;
}
.insta_button {
width: 200px;
}
.facebook-wrapper {
margin: 25px auto 0;
}
}
@media screen and (max-width: 640px) {
#sb_instagram.sbi_col_3 #sbi_images .sbi_item {
padding: 5px 0 10px !important;
}
} #front-style {
background-image: url(//nayoro-tourism.com/wp-content/themes/oshin_child/img/bg1.png);
background-repeat: no-repeat;
background-size: 15vw auto;
background-position: left 45px center;
}
.front-style-text {
font-size: 18px;
font-weight: 700;
margin-top: 50px;
margin-bottom: 50px;
}
.front-style-box {
justify-content: space-between;
max-width: 850px;
margin: 30px auto 0;
}
.front-style-icon {
width: 20%;
max-width: 147px;
opacity: 0;
}
@media screen and (max-width: 1500px) {
.front-style-box {
flex-wrap: wrap;
justify-content: center;
max-width: 850px;
margin: 20px auto 0;
}
}
@media screen and (max-width: 1500px) and (min-width: 768px) { 
.front-style-icon {
width: 18%;
margin: 10px 1%;
}
.front-style-icon:first-child {
margin-left: 0
}
.front-style-icon:nth-child(5) {
margin-right: 0
}
}
@media screen and (max-width: 1024px) {
#front-style {
background-size: 145px auto;
}
}
@media screen and (max-width: 767px) {
.front-style-text {
font-size: 14px;
line-height: 20px;
margin-top: 20px;
margin-bottom: 20px;
}
.front-style-text .ib {
display: block;
}
.front-style-box {
max-width: 600px;
margin-top: 5px;
}
.front-style-icon {
width: 30%;
margin: 10px 2%;
}
.front-style-icon:nth-child(3n+1) {
margin-left: 0
}
.front-style-icon:nth-child(3n) {
margin-right: 0
}
}
@media screen and (max-width: 480px) {
.front-style-text {
text-align: left;
}
.front-style-text .ib {
display: inline-block;
}
} .topics_wrapper section {
padding: 70px 0 90px;
background-image: url(//nayoro-tourism.com/wp-content/themes/oshin_child/img/topics-bg.png);
background-position: center top;
background-repeat: repeat-y;
background-size: 1920px auto;
}
.topics_box {
flex-wrap: wrap;
justify-content: space-between;
}
.topics_item {
width: 30.4%;
border: 1px solid #cccccc;
box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.4); 
background-color: white;
margin-bottom: 40px;
opacity: 0;
}
.topics_main {
padding: 20px 15px 12px;
flex-wrap: wrap;
justify-content: center;
}
.topics-thumb img {
height: auto;
}
.topics_title {
text-align: center;
font-size: 25px;
font-weight: 700;
height: 90px;
}
.topics_date {
font-size: 14px;
line-height: 18px;
padding-bottom: 15px;
}
.topics_more {
width: 100%;
}
.topics_more .button1 {
margin: 0 auto;
}
.topics_paged {
font-family: 'M PLUS Rounded 1c', sans-serif !important;
font-size: 16px;
font-weight: 700;
}
.topics_paged a.page-numbers {
color: black !important;
}
.topics_paged a.page-numbers:hover {
color: white !important;
}
.topics_paged .next, .topics_paged .prev {
width: auto;
padding: 0 5px;
}
@media screen and (max-width: 1490px) {
.topics_wrapper section {
background-size: 135% auto;
}
.topics_title {
font-size: calc(1.5vw + 2.57px);
}
}
@media screen and (max-width: 1024px) {
.topics_box {
max-width: 800px;
margin: 0 auto;
}
.topics_item {
width: 48%;
}
.topics_title {
font-size: calc(1.82vw + 6.33px);
}
}
@media screen and (max-width: 960px) {
.topics-header {
margin: 0;
}
}
@media screen and (max-width: 767px) {        
.topics_wrapper section {
padding: 50px 0 10px;
}
}
@media screen and (max-width: 640px) {
.topics_box {
justify-content: center;
}
.topics_item {
width: 100%;
max-width: 385px;
}
.topics_title {
font-size: 18px;
height: auto;
padding-bottom: 15px;
}
} .topics-single_wrapper section {
padding: 70px 0 130px;
background-image: url(//nayoro-tourism.com/wp-content/themes/oshin_child/img/topics-single-bg.png);
background-position: center top;
background-repeat: repeat-y;
background-size: 1920px auto;
position: relative;
}
.topics-single_wrapper {
position: relative;
z-index: 5;
}
.topics-single_title {
font-family: 'Noto Sans JP', sans-serif !important;
font-size: 30px;
font-weight: 700;
line-height: 1;
}
.topics-single_title br {
display: none;
}
.topics-single_content {
font-family: 'M PLUS Rounded 1c', sans-serif !important;
padding-top: 50px;
}
.topics-single_content p {
font-size: 16px;
line-height: 20px;
font-weight: 700;
margin-bottom: 25px;
}
.topics-single_content div {
margin-bottom: 25px !important;
}
.topics-single_content .wp-block-image::after {
content: "";
display: block;
clear: both;
}
.topics-single_content .wp-block-gallery {
margin-bottom: 20px;
}
.topics-single_content a:hover {
opacity: 0.4;
}
.topics_contact {
padding: 30px 0;
border-top: 1px solid black;
border-bottom: 1px solid black;
max-width: 500px;
}
.topics3-img {
flex-wrap: wrap;
justify-content: space-between;
max-width: 830px;
}
.topics3-img a {
padding: 10px 0;
}
@media screen and (max-width: 1490px) {
section {
background-size: 120% auto;
}
}
@media screen and (max-width: 1024px) {
.topics3-img a {
width: 100%;
}
}
@media screen and (max-width: 767px) {
.topics-single_wrapper section {
padding: 50px 0;
}
.topics-single_title {
font-size: 24px;
}
.topics-single_content {
padding-top: 25px;
}
} .postid-2200 .br-76 {
display: block;
}
@media screen and (max-width: 768px) {
.postid-2200 .br-76 {
display: inline;
}
}
@media screen and (max-width: 480px) {
.postid-2200 .br-76 {
display: block;
}
}  .post_wrapper {
font-family: 'M PLUS Rounded 1c', sans-serif !important;
}
.post_wrapper section {
background-image: url(//nayoro-tourism.com/wp-content/themes/oshin_child/img/topics-bg.png);
background-position: center top 50px;
background-repeat: repeat-y;
background-size: 1920px auto;
}
.post_box {
width: 71.3%;
margin-right: 3.7%;
padding-bottom: 90px;
}
.post_item {
padding-bottom: 25px;
margin-bottom: 35px;
border-bottom: 1px solid black;
}
.post_thumb img {
padding-bottom: 15px;
height: auto;
}
.post_single .post_thumb img {
padding-bottom: 65px;
}
.post_date {
font-family: 'Noto Sans JP', sans-serif !important;
font-size: 18px;
padding-bottom: 15px;
}
.post_title {
font-family: 'Noto Sans JP', sans-serif !important;
font-size: 22px;
font-weight: 700;
padding-bottom: 25px;
}
.post_content {
font-size: 14px;
line-height: 20px;
padding-bottom: 35px;
}
.post_content p {
margin-bottom: 15px;
}
.post_content p:last-child {
margin: 0;
}
.post_sidebar {
width: 25%;
max-width: 270px;
}
.widget.widget_search {
margin-bottom: 75px;
}
.widget.widget_search input.s {
border: 2px solid black;
color: black;
font-family: 'Noto Sans JP', sans-serif !important;
margin: 0;
}
.widget.widget_search .searchform i.search-icon {
color: #BFC1C2;
line-height: 43px;
font-size: 22px;
}
.post_sidebar .widget_search input.s::-webkit-input-placeholder {
color: #BFC1C2 !important;
}
.post_sidebar .widget_search input.s::-moz-placeholder {
color: #BFC1C2 !important;
}
.post_sidebar .widget_search input.s:-moz-placeholder {
color: #BFC1C2 !important;
}
.post_sidebar .widget_search input.s::-ms-input-placeholder {
color: #BFC1C2 !important;
}
.post_sidebar .widget_search input.s:-ms-input-placeholder {
color: #BFC1C2 !important;
}
.post_sidebar .widget_search input.s::placeholder {
color: #BFC1C2 !important;
}
.widget.widget_archives2 h6 {
font-size: 18px;
font-family: 'Noto Sans JP', sans-serif !important;
margin-bottom: 15px;
}
.widget.widget_archives2 ul {
font-family: 'Noto Sans JP', sans-serif !important;
list-style-type: none;
font-size: 14px;
line-height: 20px;
}
ul.yearArchiveList {
padding-left: 15px;
margin-bottom: 20px;
}
ul.yearArchiveList .year_outer {
position: relative;
}
ul.yearArchiveList .year_outer::before {
content: url(//nayoro-tourism.com/wp-content/themes/oshin_child/img/archive_arrow.png);
position: absolute;
top: 2px;
}
ul.yearArchiveList .year {
text-decoration: underline;
cursor: pointer;
transition: 0.3s;
padding-left: 25px;
}
ul.yearArchiveList .year:hover,
li.singleList a:hover {
opacity: 0.5;
}
ul.eachYear {
margin: 0;
padding-left: 38px;
height: 0;
overflow: hidden;
}
li.singleList {
margin: 0;
line-height: 30px;
}
li.singleList a {
text-decoration: underline;
}
@media screen and (max-width: 1490px) {
.post_wrapper section {
background-size: 135% auto;
}
}
@media screen and (max-width: 767px) {
.post_outer {
flex-wrap: wrap;
}
.post_box {
width: 100%;
margin: 0;
padding-bottom: 50px;
}
.post_item {
padding-bottom: 15px;
margin-bottom: 10px;
}
.post_single .post_thumb img {
padding-bottom: 15px;
}
.post_date {
font-size: 14px;
padding: 0;
}
.post_title {
font-size: 18px;
padding-bottom: 10px;
}
.post_content {
padding-bottom: 15px;
}
.post_sidebar {
width: 100%;
}
.widget.widget_search {
margin-bottom: 30px;
}
}
@media screen and (max-width: 480px) {
.topics_paged.pagination span,
.topics_paged.pagination a {
margin-right: 0;
}
} #hotel {
background-image: url(//nayoro-tourism.com/wp-content/themes/oshin_child/img/hotel-bg.png);
background-repeat: repeat-y;
background-size: 1920px auto;
background-position: center top;
} .hotel-text {
padding: 25px 0 0 25px;
align-content: space-between;
flex-wrap: wrap;
height: 300px;
}
.hotel-info {
width: 100%;
}
.hotel-name {
font-family: 'Noto Sans JP', sans-serif !important;
font-size: 20px;
font-weight: 700;
}
.hotel11 .hotel-name {
letter-spacing: -2px;
} .page-id-2332 .hotel11 .hotel-name {
letter-spacing: 0;
} .hotel-address {
font-size: 14px;
font-weight: 700;
line-height: 18px;
padding-top: 10px;
}
.hotel-tel {
font-size: 24px;
padding-top: 5px;
font-weight: 700;
}
.hotel-tel img {
margin-right: 5px;
}
.hotel-buttons {
flex-wrap: wrap;
justify-content: space-between;
width: 100%;
}
.hotel-button {
height: 48px;
width: 190px;
border: 1px solid black;
font-size: 14px;
font-weight: 700;
justify-content: center;
align-items: center;
margin-top: 10px;
line-height: 20px;
background-color: white;
} .page-id-2610 #tourism .hotel-button {
width: 190px !important;
}
.page-id-2610 .button-center {
width: 190px;
}
.page-id-2610 #tourism .hotel_link .ib {
display: inline;
letter-spacing: normal;
white-space: normal;
}
@media screen and (max-width: 480px) {
.page-id-2610 #tourism .hotel_link .ib {
display: block;
}
.page-id-2610 #tourism #two-buttons .hotel_icon {
margin-right: 15px;
margin-left: 20px;
}
}
.page-id-2610 .tourism-list-time .tourism-listL,
.page-id-2610 .tourism-list-fee .tourism-listL {
width: 180px !important;
white-space: nowrap;
}
@media screen and (max-width: 1020px) {
.page-id-2610 .tourism-list-time .tourism-listL,
.page-id-2610 .tourism-list-fee .tourism-listL {
width: 160px !important;
}
}
@media screen and (max-width: 510px) {
.page-id-2610 .tourism-list-time .tourism-listL,
.page-id-2610 .tourism-list-fee .tourism-listL {
width: 180px !important;
}
}
@media screen and (max-width: 480px) {
.page-id-2610 #tourism #two-buttons a.hotel-button {
line-height: 1;
}
}
.page-id-2610 .br-ie {
display: none;
}
@media screen and (min-width: 1020px) {
.page-id-2610 .tourism-museum .tourism-list {
white-space: nowrap;
}
}
@media screen and (min-width: 1400px) {
.page-id-2610 .tourism-kitasubaru .tourism-list {
white-space: nowrap;
}
} @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
.page-id-2610 #tourism .hotel_link .ib {
display: block;
}
.page-id-2610 #tourism .hotel-button {
width: 150px !important;
font-size: 14px;
letter-spacing: normal;
white-space: normal;
}
.page-id-2610 .button-center {
width: 150px;
}
}
.hotel_icon {
margin-right: 6px;
position: relative;
}
.hotel_icon .hover-icon {
opacity: 0;
transition: 0.3s;
position: absolute;
top: 0;
left: 0;
}
.hotel-button:hover {
background-color: black;
color: white;
}
.hotel-button:hover .hotel_icon .normal-icon {
opacity: 0;
}
.hotel-button:hover .hotel_icon .hover-icon {
opacity: 1;
}
@media screen and (max-width: 1490px) {
#hotel {
background-size: 120% auto;
}
.hotel-text {
height: 20.1vw;
}
.hotel-tel {
font-size: calc(0.86vw + 11.2px);
}
}
@media screen and (max-width: 1200px) and (min-width: 1025px) {
.hotel-text {
padding-top: 20px;
}
.hotel-text {
height: auto;
}
}
@media screen and (max-width: 1024px) {
#hotel .page-section {
justify-content: center;
} 
.hotel-item {
width: 100% !important;
max-width: 616px;
}
.hotel-text {
height: 300px;
}
.hotel-tel {
font-size: 24px;
}
}
@media screen and (max-width: 767px) {
.hotel-text {
padding-top: 15px 
}
.hotel-item .tatsu-column.tatsu-one-half {
width: 50% !important;
}
.hotel-tel {
font-size: 20px;
}
}
@media screen and (max-width: 640px) {
.hotel-text {
padding: 0 0 0 10px;
height: 45vw;
}
.hotel-name {
font-size: 16px;
line-height: 20px;
}
}
@media screen and (max-width: 480px) {
.hotel-item .tatsu-column.tatsu-one-half {
width: 100% !important;
margin-bottom: 5px !important;
}
.hotel-text {
height: auto;
padding: 0 0 35px 0;
max-width: 300px;
margin: 0 auto;
}
.hotel-button {
width: 48%;
}
} #contact_us, #guide {
background-image: url(//nayoro-tourism.com/wp-content/themes/oshin_child/img/contact-bg.png);
background-repeat: repeat-y;
background-size: 1920px auto;
background-position: center top;
z-index: 9;
}
.contact-logo {
max-width: 970px;
margin: 0 auto;
justify-content: space-between;
padding-top: 35px;
}
.contact-logo-left {
text-align: right;
width: 50%;
padding-right: 2.6vw;
border-right: 1px solid black;
}
.contact-logo-right {
width: 50%;
padding-left: 2.6vw;
flex-wrap: wrap;
align-content: flex-end;
}
.contact-address {
font-size: 14px;
line-height: 18px;
padding-top: 20px;
width: 100%;
}
.contact-tel {
font-size: 18px;
font-weight: 700;
width: 100%;
line-height: 22px;
}
.contact-text {
max-width: 730px;
margin: 0 auto;
padding: 30px 0 45px;
font-size: 16px;
line-height: 22px;
}
@media screen and (min-width: 960px) {
.page-id-2325 .contact-text {
white-space: nowrap;
}
}
@media screen and (max-width: 1490px){
#contact_us, #guide {
background-size: 120% auto;
}
}
@media screen and (max-width: 1024px) {
.contact-logo {
padding-top: 0;
max-width: 600px;
}
.contact-text {
padding: 10px 0;
}
}
@media screen and (max-width: 767px) {
.contact-logo {
flex-wrap: wrap;
justify-content: center;
max-width: 320px;
}
.contact-logo-left {
width: 150px;
padding: 0 0 30px;
border: 0;
}
.contact-logo-right {
width: 100%;
padding: 30px 0 0;
border-top: 1px solid black;
}
.contact-address {
padding-top: 10px;
}
} #contact-form {
z-index: 2;
}
.contact-form {
max-width: 970px;
margin: 0 auto;
}
.contact-form table {
width: 100%;
}
.contact-form td {
border: 0;
}
.contact-form .item-t {
vertical-align: middle;
width: 23.7%;
padding: 0 0 0 7.7%;
font-size: 16px;
}
.contact-form .txtarea .item-t {
vertical-align: top;
padding-top: 25px;
}
.contact-form .txtarea .item-d {
padding-bottom: 0;
}
.contact-form .item-d {
width: 76.3%;
padding: 15px 0;
}
.contact-form .item-d input {
border: 1px solid #E3DEBE;
border-radius: 2px;
max-width: 648px;
color: black;
}
.contact-form .item-d select {
border: 1px solid #E3DEBE;
max-width: 289px;
}
.contact-form .item-d textarea {
border: 1px solid #E3DEBE;
border-radius: 2px;
max-width: 648px;
background-color: white;
margin-top: 15px;
height: 95px;
color: black;
resize: none;
}
.contact_bottom td {
padding: 20px 4.6% 0 0;
text-align: right;
}
.contact_bottom span.wpcf7-form-control-wrap {
display: inline-block !important;
position: absolute !important;
}
.contact_bottom span.wpcf7-list-item {
margin: 0;
}
.contact_bottom input {
height: 23px;
width: 23px;
margin: 0
}
.contact_bottom .check-text {
font-size: 14px;
padding-left: 35px;
}
.form-bottom td {
text-align: center;
padding: 65px 0 0 23.7%;
}
.form-button {
max-width: 648px;
padding-left: 20px
}
.form-bottom input {
margin: 0;
padding: 0;
width: 200px;
line-height: 52px;
border: 1px solid black !important;
border-radius: 26px !important;
color: black !important;
background-color: transparent !important;
font-size: 14px;
font-weight: 700 !important;
font-family: 'M PLUS Rounded 1c', sans-serif !important;
transition: 0.3s;
}
.form-bottom input:hover {
background-color: black !important;
color: white !important;
}
.cancel-text {
color: red;
font-size: 14px;
font-weight: 700;
display: none;
padding-left: 5px;
}
.grecaptcha-badge {
bottom: 50px !important;
}
@media screen and (max-width: 1024px) {
.contact-form .item-t {
padding: 0 0 0 10px;
}
.contact_bottom td {
padding: 10px 0 0 0;
text-align: center;
}
.form-bottom td {
padding: 30px 0 0 0;
}
.form-button {
max-width: none;
}
}
@media screen and (max-width: 767px) {
.contact-form .item-t {
font-size: 14px;
line-height: 18px;
}
.contact-form .item-d {
padding: 8px 0;
}
.contact-form .txtarea .item-t {
padding-top: 15px;
}
.form-bottom td {
padding: 15px 0 0 0;
}
.form-bottom input {
line-height: 36px;
border-radius: 18px;
}
}
@media screen and (max-width: 600px) {
.contact-form .item-t {
padding: 0 5px 0 0;
width: 30%;
}
.contact-form .item-d {
width: 70%;
}
.contact_bottom td {
text-align: left;
}
} .policy-title {
font-size: 16px;
font-weight: 700;
text-align: center;
cursor: pointer;
}
.policy-title::after {
content: "+";
margin-left: 35px;
font-size: 24px;
}
.policy-title.open::after {
content: "-";
margin-left: 35px;
font-size: 24px;
}
.policy-content {
font-size: 14px;
line-height: 20px;
display: none;
padding-top: 30px;
}
.policy-text {
padding-bottom: 20px;
}
.policy-text:first-child {
padding-bottom: 40px;
}
@media screen and (max-width: 400px) {
.policy-title {
font-size: 14px;
}
.policy-title::after,
.policy-title.open::after {
margin-left: 5px;
font-size: 20px;
}
} #access {
background-image: url(//nayoro-tourism.com/wp-content/themes/oshin_child/img/access-bg.png);
background-repeat: repeat-y;
background-position: top center;
}
.access-top {
max-width: 980px;
margin: 0 auto;
}
.access-header {
font-size: 40px;
font-weight: 700;
padding: 15px 0 30px;
line-height: 1;
}
.access-text {
font-size: 24px;
line-height: 1.65;
}
.access-sec1 {
max-width: 980px;
margin: 35px auto 0;
position: relative;
height: 864px;
}
.access-air {
width: 330px;
padding-top: 70px;
position: relative;
}
.access-air table,
.access-sec2 table {
width: 100%;
font-size: 22px;
margin: 0;
}
.access-air table td {
border: 0;
width: 50%;
padding: 0;
line-height: 1.8;
}
.access-table-header {
font-size: 26px;
}
.access-table-header td {
border-bottom: 1px solid black !important;
}
.access-air .access-table-icon {
position: absolute;
top: 76px;
right: -35px;
}
.access-air-map {
position: absolute;
top: 0;
left: 270px;
height: 100%;
width: 864px;
z-index: -1;
opacity: 0;
}
.access-sec2 {
max-width: 980px;
margin: 15px auto 0;
position: relative;
height: 710px;
flex-direction: column;
align-items: flex-end;
}
.access-car {
width: 440px;
position: relative;
margin: 35px 12px 0 0;
}
.access-car td.col1 {
width: 58%;
}
.access-car td.col2 {
width: 42%;
}
.access-train, .access-bus {
width: 378px;
position: relative;
margin-right: 12px;
margin: 25px 12px 0 0;
}
.access-train td.col1,
.access-bus td.col1 {
width: 36%;
}
.access-train td.col2,
.access-bus td.col2 {
width: 64%;
}
.access-car table td,
.access-train table td,
.access-bus table td {
padding: 0;
border: 0;
line-height: 1.8;
}
.access-sec2 .access-table-icon {
position: absolute;
top: 6px;
right: -5px;
}
.access2-map {
position: absolute;
bottom: 0;
left: 0;
z-index: -1;
width: 100%;
height: auto;
opacity: 0;
}
.access-sec3 {
max-width: 980px;
margin: 0 auto;
justify-content: space-between;
}
.access-left {
width: 48%;
padding-top: 20px;
}
.access-right {
width: 48%;
}
.access-address {
font-size: 16px;
font-weight: 700;
padding: 20px 0 5px;
line-height: 22px;
}
.access-tel {
font-size: 20px;
font-weight: 700;
}
.map-box {
max-width: 980px;
margin: 0 auto;
}
.map-wrapper {
width: 100%;
height: 0;
padding-top: 67.5%;
position: relative;
}
.map-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: none;
display: block;
}
@media screen and (max-width: 1500px) {
#access {
background-size: 90% auto;
}
.access-sec1 {
height: 57.6vw;
}
.access-air-map {
width: 57.6vw;
}
}
@media screen and (max-width: 1150px) {
.access-sec2 {
height: 59.5vw;
}
}
@media screen and (max-width: 1024px) {
.access-header {
font-size: 32px;
}
.access-text {
font-size: 20px;
}
.access-air {
width: 260px;
}
.access-car {
width: 370px;
}
.access-train, .access-bus {
width: 300px;
}
.access-air table,
.access-sec2 table {
font-size: 18px;
}
.access-table-header {
font-size: 20px;
}
.access-air-map {
left: auto;
right: 0;
}
.access-left {
padding: 0;
}
.access-address {
padding: 10px 0 5px;
}
}
@media screen and (max-width: 767px) {
.access-header {
font-size: 24px;
padding: 0 0 15px;
}
.access-text {
font-size: 16px;
}
.access-sec1 {
height: 400px;
}
.access-air-map {
width: 400px;
}
.access-air table,
.access-sec2 table {
font-size: 14px;
}
.access-table-header {
font-size: 16px;
}
.access-sec2 {
height: 63vw;
}
.access-table-icon {
width: 40px;
height: 40px;
}
.access-air {
width: 220px;
}
.access-car {
width: 276px;
}
.access-train, .access-bus {
width: 200px;
}
.access-train td.col1,
.access-bus td.col1 {
width: 40%;
}
.access-train td.col2,
.access-bus td.col2 {
width: 60%;
}
.access-address {
font-size: 14px;
line-height: 18px;
}
.access-tel {
font-size: 16px;
line-height: 20px;
}
.map-wrapper {
padding-top: 53%;
}
}
@media screen and (max-width: 640px) {
.access-sec1 {
height: 480px;
}
.access-air {
padding: 0;
}
.access-air .access-table-icon {
top: 6px;
}
.access-air-map {
top: 60px;
height: 400px;
}
.access-sec2 {
height: 405px;
}
.access-car {
margin-top: 0;
}
.access2-map {
width: 576px;
}
.access-sec3 {
flex-wrap: wrap;
justify-content: center;
}
.access-left {
width: auto;
padding-bottom: 15px;
}
.access-right {
width: 100%;
text-align: center;
}
}
@media screen and (max-width: 480px) {
.access-sec1 {
height: auto;
}
.access-air-map {
position: static;
height: auto;
width: 100%;
}
.access-sec2 {
height: 495px;
}
}
@media screen and (max-width: 413px) {
.access-sec2 {
height: 690px;
}
} @media screen and (max-width: 767px) {
.page-id-1757 .access-header {
line-height: 1.3;
}
}  .guide-top {
padding: 35px 0 15px;
}
.guide-top-text {
font-size: 16px;
text-align: center;
padding-top: 15px;
line-height: 20px;
}
.guide-concept {
padding-top: 130px;
}
.guide-title {
font-size: 22px;
text-align: center;
font-weight: 700;
}
.guide-concept-text {
padding-top: 30px;
font-size: 16px;
line-height: 20px;
text-align: center;
}
.guide-flow {
padding-top: 130px;
}
.flow-box {
position: relative;
justify-content: space-between;
padding-top: 55px;
}
.flow-item {
text-align: center;
position: relative;
width: 11.8%;
opacity: 0;
}
.flow-item.item4 {
width: 16.3%;
}
.flow-item.item7 {
width: 12.4%;
}
.flow-text {
font-size: 19px;
font-weight: 700;
padding-top: 5px;
line-height: 1.2;
position: relative;
}
.flow-notice {
position: absolute;
bottom: 2px;
right: 0;
font-size: 14px;
font-weight: 700;
}
.flow-notice-text {
position: absolute;
font-size: 14px;
line-height: 20px;
font-weight: 700;
bottom: -60px;
right: 0;
}
.flow-box2 {
justify-content: center;
margin-top: 15px;
}
.flow-item2 {
width: 15.7%;
position: relative;
text-align: center;
opacity: 0;
}
.flow-arrows {
position: absolute;
width: 16.6%;
top: -80%;
left: -20%;
opacity: 0;
}  .page-id-2335 .flow-item img {
height: 190px;
}
.page-id-2335 .flow-item.item4 {
width: 15.3%;
}
.page-id-2335 .flow-item.item5 {
width: 13%;
}
.page-id-2335 .flow-item2 {
width: 17.7%;
}
.page-id-2335 .flow-arrows {
left: -12%;
}
.page-id-2335 .cancel-desc-en {
padding-top: 30px;
}
.page-id-2335 .cancel-notice-text {
text-align: center;
font-size: 14px;
line-height: 1.5em;
}
.page-id-2335 .br-pc,
.page-id-2325 .br-pc {
display: block;
}
@media screen and (max-width: 1000px) {
.page-id-2335 .br-pc,
.page-id-2325 .br-pc {
display: inline;
}
}
.page-id-2325 .br-60 {
display: inline;
}
@media screen and (max-width: 600px) {
.page-id-2325 .br-60 {
display: block;
}
}
.page-id-2325 .name-eng,
.page-id-2335 .name-eng {
font-weight: 700;
font-size: 28px;
letter-spacing: -2px;
line-height: 32px;
}
@media screen and (min-width: 600px) {
.page-id-2325 .contact_bottom td {
padding: 20px 0 0 24%;
text-align: left;
}
}
@media screen and (max-width: 780px) {
.page-id-2325 .contact_bottom td {
padding: 20px 0 0 0;
text-align: center;
}
}
@media screen and (max-width: 767px) {
.page-id-2325 .contact-tel,
.page-id-2335 .contact-tel {
display: flex;
font-size: 14px;
}
} .flow-sp {
display: none;
}
.guide-cancel {
padding: 100px 0 80px;;
}
.cancel-box {
padding: 50px 0 15px;
max-width: 970px;
margin: 0 auto;
justify-content: space-between;
}
.cancel-item {
text-align: center;
width: 31.5%;
opacity: 0;
}
.cancel-img img:last-child {
display: none;
}
.cancel-desc {
font-size: 16px;
font-weight: 700;
position: relative;
line-height: 20px;
padding-top: 15px;
}
.cancel-notice {
font-size: 13px;
font-weight: 700;
position: absolute;
bottom: 0;
right: 12%;
}
.cancel-notice-text {
font-size: 12px;
font-weight: 700;
max-width: 820px;
text-align: right;
margin: 0 auto;
}
.guide-tokutei {
padding: 70px 10px;
max-width: 970px;
margin: 0 auto;
}
table.tokutei {
width: 100%;
margin-top: 15px; }
table.tokutei td {
border-color: #E6E6E6;
border-style: solid;
border-width: 0 0 1px 0;
font-size: 14px;
padding: 20px 10px 20px 0;
line-height: 22px;
}
table.tokutei tr:last-child td {
border-width: 0;
}
table.tokutei td:first-child {
width: 16.7%;
}
table.tokutei td:last-child {
width: 83.7%;
}
.pay-notice {
padding-top: 15px;
}
.tokutei-link:hover {
opacity: 0.5;
}
.guide-kiyaku {
padding: 75px 0 35px;
}
.kiyaku-content {
font-size: 14px;
line-height: 20px;
padding-top: 20px;
}
.kiyaku-content:first-child {
padding-top: 35px;
}
.pay-notice img {
margin: 10px 0;
}
.pay2, .pay4 {
display: none;
}
@media screen and (max-width: 1490px) {
.guide-concept {
padding-top: 50px;
}
.guide-flow,
.guide-cancel {
padding-top: 80px;
}
.flow-box,
.cancel-box {
padding-top: 30px;
}
.flow-item.item7 .flow-text br {
display: none;
}
.flow-text {
font-size: calc(0.85vw + 6.37px);
}
.flow-notice {
top: 5px;
}
.cancel-desc {
font-size: calc(0.34vw + 10.95px);
}
}
@media screen and (max-width: 1024px) {
.guide-top {
padding-bottom: 30px;
}
.pay1 {
display: none;
}
.pay4 {
display: inline;
}
}
@media screen and (max-width: 900px) {
.guide-flow-sp {
padding-top: 80px;
}
.flow-pc {
display: none;
}
.flow-sp {
display: block;
}
.flow-box-sp {
max-width: 540px;
margin: 0 auto;
padding-top: 40px;
justify-content: space-between;
}
.flow-ok {
flex-direction: column;
height: 708px;
flex-wrap: wrap;
border: 2px solid black;
position: relative;
padding: 28px 8px 0;
width: 344px;
align-content: space-between;
}
.flow-ng {
flex-direction: column;
height: 708px;
border: 2px solid black;
position: relative;
padding: 28px 8px 0;
width: 176px;
}
.flow-status {
position: absolute;
border: 2px black solid;
text-align: center;
width: 112px;
border-radius: 3px;
background-color: #FFFDEE;
font-size: 16px;
font-weight: 700;
line-height: 22px;
top: -13px;
left: 50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
}
.flow-item-sp {
padding: 0 0 20px;
width: 100%;
max-width: 160px;
text-align: center;
opacity: 0;
}
.flow-text {
font-size: 14px;
}
.flow-notice {
font-size: 11px;
top: auto;
bottom: 2px;
right: 16px;
}
.flow-notice-text {
position: static;
font-size: 12px;
text-align: left;
line-height: 15px;
padding-top: 5px;
}
.cancel-box {
flex-wrap: wrap;
justify-content: center;
padding: 30px 0 0;
}
.cancel-item {
width: 100%;
padding-bottom: 25px;
}
.cancel-img img:first-child {
display: none;
}
.cancel-img img:last-child {
display: inline;
}
.cancel-desc {
font-size: 14px;
max-width: 310px;
margin: 0 auto;
}
.cancel-notice-text {
font-size: 14px;
line-height: 18px;
max-width: 300px;
margin: 0 auto;
text-align: left;
}
.cancel-notice-text .divider {
display: block;
padding-left: 14px;
} .page-id-2335 .flow-ok,
.page-id-2335 .flow-ng {
height: 820px;
padding: 100px 8px 0;
}
}
@media screen and (max-width: 767px) {
.guide-concept {
padding-top: 30px;
}
.guide-flow-sp {
padding-top: 50px;
}
.guide-cancel {
padding: 50px 0
}
.guide-kiyaku {
padding: 50px 0 20px;
}
.guide-concept-text {
padding-top: 15px;
}
.flow-box-sp {
padding-top: 30px;
}
.cancel-box {
padding-top: 15px;
}
.guide-tokutei {
padding: 30px 10px;
}
.pay2 {
display: inline;
width: 100%;
max-width: 385px;
}
.pay4 {
display: none;
}
}
@media screen and (max-width: 640px) {    
.guide-top-text {
font-size: 14px;
}
.guide-title {
font-size: 18px;
}
.guide-concept-text {
font-size: 14px;
}
.flow-box-sp {
max-width: 372px;
}
.flow-ok {
width: 47.5%;
max-width: 176px;
height: auto;
}
.flow-ng {
width: 47.3%;
max-width: 176px;
}
table.tokutei td:first-child {
width: 90px;
}
table.tokutei td:last-child {
width: calc(100% - 110px);
} .page-id-2335 .flow-ok {
height: auto;
}
}
@media screen and (max-width: 480px) {
.guide-concept-text {
text-align: left;
}
}
@media screen and (max-width: 400px) {
.guide-top-text {
text-align: left;
}
.guide-top-text .ib {
display: inline;
}
.cancel-notice-text .divider {
display: inline;
padding: 0;
}
} .text404 {
font-size: 28px;
line-height: 1.6;
text-align: center;
font-weight: 700;
}
@media screen and (max-width: 1200px) {
.text404 {
font-size: calc(2.14vw + 2.29px);
}
}
@media screen and (max-width: 640px) {
.text404 {
font-size: 16px;
}
} .woocommerce ul.products li.product,
.woocommerce ul.products li.product .product-meta-data {
background-color: transparent !important;
} 
.woocommerce ul.products li.product a:hover img,
.woocommerce ul.products li.product a:hover h2 {
opacity: 0.6
}
.woocommerce-page .woocommerce button.button,
.woocommerce-page .woocommerce a.button.alt,
.woocommerce-page .woocommerce a.button {
border-radius: 21px;
font-family: 'M PLUS Rounded 1c', sans-serif !important;
font-size: 14px;
}
.woocommerce-page .woocommerce button.button:hover,
.woocommerce-page .woocommerce a.button.alt:hover,
.woocommerce-page .woocommerce a.button:hover {
border-width: 1px !important;
}
.woocommerce-notices-wrapper,
.woocommerce-NoticeGroup {
font-size: 16px;
font-family: 'Noto Sans JP', sans-serif !important;
}
.woocommerce form .form-row label {
color: black;
font-size: 14px;
}
.woocommerce-page .woocommerce table.shop_table th {
color: black;
}
.woocommerce-LostPassword a {
font-size: 16px;
}
.woocommerce-LostPassword a:hover {
opacity: 0.6;
}
.woocommerce-ResetPassword p {
font-size: 14px;
}
.woocommerce-form input.input-text,
.woocommerce-MyAccount-content input.input-text {
color: black;
font-size: 16px;
}
.woocommerce-page table.shop_table td {
padding: 15px;
}
.woocommerce .woocommerce-cart-form table.shop_table.cart,
.woocommerce .woocommerce-cart-form table.shop_table.cart tr th,
.woocommerce .woocommerce-cart-form table.shop_table.cart tr td {
border-color: black !important;
border-bottom-color: black !important;
}
.woocommerce-cart-form table.shop_table th {
font-size:  14px;
color: black;
}
.woocommerce-cart-form table.shop_table.cart td {
font-size:  16px;
padding: 15px;
}
.woocommerce .cart-collaterals h2 {
font-family: 'M PLUS Rounded 1c', sans-serif !important;
color: black;
}
.cart-collaterals .cart_totals table.shop_table th {
font-size:  14px;
color: black;
}
.cart-collaterals .cart_totals table.shop_table td {
font-size:  16px;
}
.cart-collaterals .cart_totals table.shop_table td strong {
color: black;
}
.woocommerce .cart-collaterals .cart_totals tr.cart-subtotal th,
.woocommerce .cart-collaterals .cart_totals tr.cart-subtotal td {
border-bottom: 1px solid black
}
.cart-collaterals tr.woocommerce-shipping-totals.shipping {
display: none;
}
.woocommerce-account h2 {
font-size: 32px;
text-align: center;
}
.woocommerce-info {
color: white;
font-size: 16px;
font-family: 'Noto Sans JP', sans-serif !important;
}
.woocommerce-info a:hover {
color: #dddddd;
}
.woocommerce-MyAccount-navigation ul li a {
font-size: 16px;
padding-bottom: 0;
height: 34px;
margin-top: 10px;
}
.woocommerce-MyAccount-navigation ul li a:hover {
border-bottom: 2px solid black;
}
.woocommerce-MyAccount-content {
font-size: 14px;
}
.woocommerce-MyAccount-content a,
.woocommerce-privacy-policy-text a {
text-decoration: underline;
}
.woocommerce-MyAccount-content a:hover,
.woocommerce-privacy-policy-text a:hover {
opacity: 0.6;
}
.woocommerce-MyAccount-content a.button:hover {
opacity: 1;
}
.woocommerce-MyAccount-content .woocommerce-orders-table th {
color: black;
}
.woocommerce-MyAccount-content input.input-text {
color: black;
font-size: 16px;
}
.woocommerce-billing-fields h3,
h3#order-review-headging {
font-family: 'M PLUS Rounded 1c', sans-serif !important;
color: black;
}
.woocommerce-checkout input.input-text {
color: black;
}
.woocommerce-page .woocommerce-checkout .col2-set .col-1 {
width: 100%;
max-width: 850px
}
.woocommerce-page .woocommerce-checkout .col2-set .col-2 {
width: 100%;
max-width: 850px;
float: left;
}
.woocommerce-page .woocommerce-checkout .col2-set .col-2 textarea {
height: 200px;
resize: none;
}
.woocommerce-checkout .woocommerce-shipping-fields,
.woocommerce-additional-fields h3 {
display: none;
opacity: 0;
}
.woocommerce-checkout textarea {
color: black;
background-color: white;
}
table.woocommerce-checkout-review-order-table th,
table.woocommerce-checkout-review-order-table td {
font-size: 14px;
}
.woocommerce-checkout-payment label {
font-size: 14px;
}
.woocommerce-privacy-policy-text {
font-size: 14px;
}
.woocommerce-checkout-payment .payment_box {
color: black;
font-size: 14px;
padding: 10px 0;
}
.woocommerce-order p.woocommerce-thankyou-order-received {
font-size: 16px;
font-weight: 700;
padding-bottom: 10px;
}
.woocommerce-order ul.woocommerce-order-overview li,
.woocommerce-order ul.woocommerce-order-overview li strong {
font-size: 14px;
}
.woocommerce-order-details table.order_details th,
.woocommerce-order-details table.order_details td {
font-size: 14px;
}
.woocommerce-order-details table.order_details th:last-child,
.woocommerce-order-details table.order_details td:last-child {
min-width: 100px;;
}
.woocommerce-privacy-policy-text p {
font-size: 14px;
line-height: 20px;
padding-bottom: 15px;
}
.woocommerce-page form .form-row .required {
color: red;
}
.woocommerce-Addresses h3,
.woocommerce-Address h3,
.woocommerce-MyAccount-content h3 {
font-size: 30px;
}
.woocommerce-Addresses .col-2 {
visibility: hidden;
}
.woocommerce-order .woocommerce-column--shipping-address {
display: none;
} h3#order_review_heading {
font-family: 'M PLUS Rounded 1c', sans-serif !important;
}
.woocommerce span.optional {
display: none;
}
.woocommerce-checkout-review-order-table tr.cart-subtotal,
.woocommerce-checkout-review-order-table tr.shipping,
.woocommerce-table--order-details tfoot tr:first-child {
display: none;
}
.woocommerce-table--order-details ul.wc-item-meta li {
display: flex;
line-height: 22px;
}
.woocommerce-table--order-details ul.wc-item-meta li strong.wc-item-meta-label,
.woocommerce-table--order-details ul.wc-item-meta li p {
font-size: 14px;
}
.woocommerce-table--order-details ul.wc-item-meta li p {
padding-left: 5px;
}
.woocommerce-form-login {
max-width: 650px;
margin: 0 auto 50px !important;
}
.woocommerce-EditAccountForm,
.woocommerce-MyAccount-content form .woocommerce-address-fields {
max-width: 850px;
}
.payment_box.payment_method_atstore {
display: none !important;
}
.woocommerce-pagination {
margin-top: 20px;
}
.post-type-archive-product .product-meta-data .button_ajax_wrapper {
display: none;
}
@media screen and (max-width: 960px) {
.woocommerce-page .no-sidebar-page #content-wrap {
padding: 50px 0;
}
.woocommerce table.shop_table tr td.actions {
padding: 20px 15px !important;
}
}
@media screen and (max-width: 767px) {
.woocommerce-page .be-wrap {
max-width: 90% !important;
}
.woocommerce-page .quantity input.qty {
border-width: 1px !important;
}
.woocommerce table.cart td.actions .button {
margin: 0 auto !important;
}
.woocommerce-page table.shop_table td {
padding: 10px;
}
.woocommerce-Addresses .col-2 {
display: none;
}
table.woocommerce-MyAccount-orders th,
table.woocommerce-MyAccount-orders td {
text-align: center;
}
} .woocommerce.single-product section.right-sidebar-page {
padding-bottom: 0;
}
.woocommerce.single-product #content-wrap {
width: 85% !important;
max-width: 1266px !important;
}
.woocommerce.single-product .product-single-boxed-content {
margin-bottom: 0;
}
.woocommerce.single-product div.product {
margin-bottom: 20px !important;
}
.woocommerce.single-product .summary h1.product_title {
font-family: 'Noto Sans JP', sans-serif !important;
}
.woocommerce.single-product .summary .wapf-wrapper {
font-family: 'Noto Sans JP', sans-serif !important;
}
.woocommerce.single-product .wapf-field-input {
width: 100%;
max-width: 260px;
padding-right: 20px;
}
.woocommerce.single-product input.wapf-input {
color: black !important;
border: 1px solid #dedede;
}
.woocommerce.single-product button.single_add_to_cart_button {
margin-left: 113px;
}
.woocommerce.single-product table.variations tr td {
padding-top:  10px;
padding-bottom: 10px;
}
.woocommerce.single-product table.variations tr td.label {
width: 80px;
}
.woocommerce.single-product table.variations select { }
.woocommerce-variation.single_variation {
font-family: 'Noto Sans JP', sans-serif !important;
}
.woocommerce.single-product .wapf-field-container {
display: flex;
}
.woocommerce.single-product .quantity {
display: none !important;
}
.woocommerce table.variations {
width: 100%;
max-width: 340px;
}
.woocommerce.single-product .woocommerce-product-gallery figure {
display: flex;
flex-wrap: wrap;
margin: 0 -7px;
}
.woocommerce div.product div.images .woocommerce-product-gallery__image:nth-child(n+2) img {
width: 100% !important;
height: auto !important;
}
.rnt-tbl {
margin-top: 10px;
}
.wapf-field-container .wapf-field-label {
padding-top: 6px;
width: 80px;
}
.wapf-field-container .wapf-field-label span {
font-weight: 700;
}
.woocommerce.single-product .entry-content a {
text-decoration: underline;
}
.woocommerce.single-product span.posted_in a:hover,
.woocommerce.single-product .entry-content a:hover {
opacity: 0.4;
}
.activity-text .activity-notice {
font-weight: 700;
}
.woocommerce.single-product input.wapf-input::-webkit-input-placeholder,
.woocommerce-billing-fields input::-webkit-input-placeholder,
.woocommerce-additional-fields textarea::-webkit-input-placeholder,
.woocommerce-account-fields input::-webkit-input-placeholder {
color: #BFC1C2 !important;
}
.woocommerce.single-product input.wapf-input::-moz-placeholder,
.woocommerce-billing-fields input::-moz-placeholder,
.woocommerce-additional-fields textarea::-moz-placeholder,
.woocommerce-account-fields input::-moz-placeholder {
color: #BFC1C2 !important;
}
.woocommerce.single-product input.wapf-input:-moz-placeholder,
.woocommerce-billing-fields input:-moz-placeholder,
.woocommerce-additional-fields textarea:-moz-placeholder,
.woocommerce-account-fields input:-moz-placeholder {
color: #BFC1C2 !important;
}
.woocommerce.single-product input.wapf-input::-ms-input-placeholder,
.woocommerce-billing-fields input::-ms-input-placeholder,
.woocommerce-additional-fields textarea::-ms-input-placeholder,
.woocommerce-account-fields input::-ms-input-placeholder {
color: #BFC1C2 !important;
}
.woocommerce.single-product input.wapf-input:-ms-input-placeholder,
.woocommerce-billing-fields input:-ms-input-placeholder,
.woocommerce-additional-fields textarea:-ms-input-placeholder,
.woocommerce-account-fields input:-ms-input-placeholder {
color: #BFC1C2 !important;
}
.woocommerce.single-product input.wapf-input::placeholder,
.woocommerce-billing-fields input::placeholder,
.woocommerce-additional-fields textarea::placeholder,
.woocommerce-account-fields input::placeholder {
color: #BFC1C2 !important;
}
@media screen and (max-width: 960px) {
.woocommerce.single-product .woocommerce-product-gallery {
max-width: 442px;
margin-right: auto;
margin-left: auto;
float: none !important;
}
}
@media screen and (max-width: 767px) {
.woocommerce.single-product #content-wrap {
width: 90% !important;
}
.woocommerce.single-product div.product {
margin-bottom: 0 !important;
}
}
@media screen and (max-width: 640px) {
.woocommerce form.woocommerce-form-login {
padding: 30px;
}
.woocommerce form.woocommerce-form-login .form-row {
margin-bottom: 15px;
}
} .post-type-archive-product .products .product br {
display: block;
}  p, h1, h2, h3, h4, h5, h6, .button1, .front-activ-desc, .front-activ-cat, .other-title, .front-act-title, .topics-more, .news-list-item, .review-title, .review-desc, .insta_text, .front-style-text, .footer-address-box, .prd-overview, .hotel-text, .policy-title, .contact-logo-right, .shop_table th, .shop_table td, .woocommerce-order-overview li, .cancel-text, .guide-title, table.tokutei td, .contact-text, .tourism-text, .tourism-list div, .tourism-list-sp div, .hotel_link, .hotel_map, .faq-title, .faq-headline div, .faq-detail
{
transform: rotate(0.03deg);
-moz-transform: rotate(0.03deg);
-ms-transform: rotate(0.03deg);
-o-transform: rotate(0.03deg);
-webkit-transform: rotate(0.03deg);
} .anim, .anim1, .logo-anim,
.post-type-archive-product li.product {
opacity: 0;
} .header-shop-menu a.en-login {
margin-right: 22px;
font-size: 15px;
}
.front-activ-title.eng-page {
width: calc(100% - 230px) !important;
}
.english .front-style-box {
max-width: 1430px;
margin: 30px auto 0;
}
.english .front-style-icon {
width: 10.7%;
}
.english .access-title {
font-size: 26px;
border-bottom: 1px solid black;
padding-bottom: 10px;
}
.english .access-place {
font-size: 20px;
padding-top: 5px;
line-height: 1.4;
}
.english .access-time {
font-size: 20px;
padding-left: 20px;
line-height: 1.4;
}
.english .name-eng {
font-weight: 700;
font-size: 28px;
letter-spacing: -2px;
line-height: 32px;
}
@media screen and (max-width: 1500px) {
.english .front-style-box {
max-width: 660px;
}
.english .front-style-icon {
width: 23%;
}
}
@media screen and (max-width: 1024px) {
.english .access-title {
font-size: 20px;
}
.english .access-place,
.english .access-time {
font-size: 18px;
}
.english .access-car {
margin-top: 0;
}
.english .access-train,
.english .access-bus {
margin-top: 10px;
}
}
@media screen and (max-width: 767px) {
.front-activ-button.eng-page img {
margin-left: 10px;
}
.front-activ-title.eng-page {
width: calc(100% - 205px) !important;
}
.english .access-title {
font-size: 16px;
}
.english .access-place,
.english .access-time {
font-size: 14px;
}
.english .access-train,
.english .access-bus {
width: 170px;
}
}
@media screen and (max-width: 600px) {
.english .access-sec2 {
height: 600px;
}
}
@media screen and (max-width: 480px) {    
.front-activ-title.eng-page {
width: calc(100% - 180px) !important;
}
}
@media screen and (max-width: 413px) {
.english .access-sec2 {
height: 800px;
}
}
@media screen and (max-width: 400px) {
.front-activ-title.eng-page {
width: 100% !important;
}
.act-cat1.eng-page {
margin: 5px 0 0 calc(100% - 174px);
}
.act-cat2.eng-page {
margin: 5px 0 0 calc(100% - 223px);
}
} _:-ms-lang(x)::-ms-backdrop, table.tokutei {
table-layout: fixed;
}
@media screen and (min-width: 600px) {
_:-ms-lang(x)::-ms-backdrop, .wp-block-gallery.columns-3 .blocks-gallery-item {
width: calc(33% - 0.5em);
}
} .notfound {
padding: 180px 0;
text-align: center;
}
.notfound h1 {
font-size: 44px;
line-height: 1.2;
margin-bottom: 40px;
}
.notfound p {
font-size: 24px;
}
@media screen and (max-width: 960px) {
.notfound p {
font-size: 20px;
}
}
@media screen and (max-width: 640px) {
.notfound {
padding: 80px 0;
}
.notfound h1 {
font-size: 36px;
}
.notfound p {
font-size: 16px;
}
}