@charset "UTF-8";
/*!
Theme Name: 鳥海山飛島ジオパーク
Description: 鳥海山飛島ジオパークの子テーマ
Theme URI: https://chokaitobishima.com/
Author: 鳥海山飛島ジオパーク
Author URI: https://chokaitobishima.com/
Template: geo_chokaisan
Version: 1.1.3
*/
/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
/*必要ならばここにコードを書く*/
}
/*834px以下*/
@media screen and (max-width: 834px){
/*必要ならばここにコードを書く*/
}
/*480px以下*/
@media screen and (max-width: 480px){
/*必要ならばここにコードを書く*/
}
/*****************************************************/
@charset "UTF-8";
* {
height: auto;
border: 0;
margin: 0;
padding: 0;
list-style-type: none;
}
html, body {
width: 100%;
}
body {
font-size: 120%;
color: #000;
}
a:link, a:visited {
text-decoration: none;
}
a:hover, a:active {
text-decoration: underline;
}
img {
max-width: 100%;
vertical-align: bottom;
image-rendering: auto;
}
.sp {
display: none;
}
a {
color: #002d76;
}
a:hover {
color: #002d76;
}
.sp {
display: none;
}
.letSpace {
letter-spacing: -30px;
}
body {
-webkit-text-size-adjust: 101.1%;
color: #000;
background: #fff;
}
p#page_top {
position: fixed;
right: -150px;
bottom: 1%;
z-index: 8;
-webkit-transition: 0.5s;
transition: 0.5s;
opacity: 0.5;
cursor: pointer;
}
p#page_top:hover {
-webkit-transition: 0.3s;
transition: 0.3s;
opacity: 0.8;
}
p#page_top img {
width: 40px;
height: 40px;
}
i img {
width: 25px;
height: 25px;
margin-right: 5px;
}
.inner {
max-width: 1200px;
width: 100%;
margin: auto;
}
.read {
text-align: justify;
line-height: 1.4;
margin-bottom: 1rem;
}
.readHead {
font-size: 18px;
text-align: justify;
margin-bottom: 1rem;
}
span.new-label {
-webkit-animation: flash02 2s infinite;
animation: flash02 2s infinite;
width: 60px !important;
font-size: 80%;
color: #fff;
line-height: 1;
text-align: center;
white-space: nowrap;
background: #e4007f;
margin-right: 10px;
padding: 5px 10px 3px 10px;
}
@-webkit-keyframes flash02 {
0%, 20%, 100% {
opacity: 1;
}
30%, 70% {
opacity: 0;
}
}
@keyframes flash02 {
0%, 20%, 100% {
opacity: 1;
}
30%, 70% {
opacity: 0;
}
}
ul.pager {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin: 30px 0 50px 0;
}
ul.pager li {
margin: 0 5px;
}
ul.pager li a {
width: 30px;
height: 30px;
color: #fff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
background: #333;
}
ul.pager li a:hover {
text-decoration: none;
}
ul.pager li.active a {
background: #c00;
}
h2.pageTitle div {
color: #002d76;
text-align: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 50px 0;
}
h2.pageTitle img {
width: 100px;
height: auto;
margin-bottom: 10px;
}
h2.pageTitle small {
font-size: 60%;
font-weight: normal;
color: #e4007f;
}
h2 span.fa.fa-search {
display: none;
}
h3.normal {
border: solid 3px #002d76 !important;
border-radius: 5px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 15px 12px 15px 15px;
}
h3.normal:before {
content: "";
width: 30px;
height: 30px;
background: url(https://chokaitobishima.com/wp-content/uploads/2024/05/icon_asterisk_blue01.svg) no-repeat;
margin-right: 10px;
}
.subTitle {
width: 100%;
font-size: 120%;
color: #002d76;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-bottom: 30px;
}
.subTitle p {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.subTitle p:first-child {
border-right: solid 1px #002d76;
margin-right: 15px;
padding-right: 15px;
}
.subTitle p:last-child {
font-size: 70%;
font-weight: normal;
color: #e4007f;
}
.button {
width: 100%;
margin: 50px 0;
}
.button a {
-webkit-transition: 0.3s;
transition: 0.3s;
max-width: 400px !important;
color: #fff;
text-decoration: none;
background: #002d76;
border-radius: 99px;
display: block;
margin: auto;
padding: 15px;
}
.button a:hover {
-webkit-transition: 0.2s;
transition: 0.2s;
opacity: 0.5;
}
.button a p {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.button a p:before {
content: "";
width: 26px;
height: 26px;
background: url(https://chokaitobishima.com/wp-content/uploads/2024/05/icon_arrow_white01.svg) no-repeat;
display: block;
margin-right: 10px;
}
.button.button_en a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.button.button_en a:before {
content: "";
width: 26px;
height: 26px;
background: url(https://chokaitobishima.com/wp-content/uploads/2024/05/icon_arrow_white01.svg) no-repeat;
display: block;
margin-right: 10px;
}
.button_sub {
-webkit-transition: 0.3s;
transition: 0.3s;
}
.button_sub p {
color: #002d76;
font-size: 80%;
font-weight: bold;
text-decoration: none;
background: #fff;
border: solid 3px #002d76;
border-radius: 99px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: auto;
padding: 5px;
}
.button_sub p:before {
content: "";
width: 16px;
height: 16px;
background: url(https://chokaitobishima.com/wp-content/uploads/2024/05/icon_arrow01.svg) no-repeat;
display: block;
margin-right: 10px;
}
header:not(.article-header) {
width: 1200px;
position: absolute;
top: 0;
left: calc(50% - 600px);
z-index: 2;
margin: auto;
padding-top: 20px;
}
nav#subNavi > div {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 10px;
}
nav#subNavi ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
nav#subNavi ul:first-child li {
position: relative;
margin-right: 10px;
}
nav#subNavi ul:first-child li a {
font-size: 70%;
font-weight: bold;
color: #000;
background: rgba(255, 255, 255, 0.8);
border-radius: 99px;
-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
padding: 5px 12px 5px 30px;
}
nav#subNavi ul:first-child li a:before {
content: "";
width: 16px;
height: 16px;
background: url(https://chokaitobishima.com/wp-content/uploads/2024/05/icon_arrow01.svg) no-repeat;
position: absolute;
top: 9px;
left: 7px;
}
nav#subNavi ul:last-child li {
margin-right: 20px;
}
nav#subNavi ul:last-child li a:hover {
text-decoration: none;
}
nav#subNavi ul:last-child li:not(:last-child) img {
-webkit-transition: 0.3s;
transition: 0.3s;
}
nav#subNavi ul:last-child li:not(:last-child) img:hover {
-webkit-transition: 0.2s;
transition: 0.2s;
opacity: 0.5;
}
nav#subNavi ul:last-child li:first-child img {
width: 100%;
height: 49px;
}
nav#subNavi ul:last-child li:last-child {
position: relative;
}
nav#subNavi ul:last-child li:last-child p {
font-size: 70%;
color: #fff;
background: #002d76;
border-radius: 99px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
cursor: pointer;
position: relative;
padding: 5px 30px 5px 8px;
}
nav#subNavi ul:last-child li:last-child p:before {
content: "";
width: 10px;
height: 10px;
background: url(https://chokaitobishima.com/wp-content/uploads/2024/05/icon_arrow_bottom01.svg) no-repeat;
position: absolute;
top: 15px;
right: 8px;
}
nav#subNavi ul:last-child li:last-child p.active:before {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
top: 10px;
}
nav#subNavi ul:last-child li:last-child p img {
width: 25px;
height: 25px;
margin-right: 10px;
}
nav#subNavi ul:last-child li:last-child p.active + div {
-webkit-transition: 0.5s;
transition: 0.5s;
opacity: 1 !important;
visibility: initial !important;
bottom: -95px !important;
}
nav#subNavi ul:last-child li:last-child div#langWrap {
width: 200px;
background: #fff;
border: solid 2px #002d76;
-webkit-transition: 0.5s;
transition: 0.5s;
position: absolute;
opacity: 0;
visibility: hidden;
bottom: -90px;
left: 0;
z-index: 1;
}
nav#subNavi ul:last-child li:last-child div#langWrap a {
font-size: 80%;
color: #000;
display: block;
padding: 10px;
}
nav#subNavi ul:last-child li:last-child div#langWrap a:not(:last-child) {
border-bottom: solid 1px #ccc;
}
nav#subNavi ul:last-child li:last-child div#langWrap a:hover {
background: #ebf3ff;
}
@media screen and (max-width: 1280px) {
nav#subNavi ul:last-child li:last-child div#langWrap {
left: initial;
right: 0;
}
}
nav#gNavi {
background: rgba(255, 255, 255, 0.8);
-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
nav#gNavi h1 {
width: 350px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
nav#gNavi h1 div.logo-image {
padding: initial;
}
nav#gNavi h1 a {
-webkit-transition: 0.3s;
transition: 0.3s;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 15px;
}
nav#gNavi h1 a:hover {
-webkit-transition: 0.2s;
transition: 0.2s;
opacity: 0.5;
}
nav#gNavi h1.logo-image {
padding: 0;
}
nav#gNavi div {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
nav#gNavi div ul {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
nav#gNavi div ul li {
width: calc(20% + 1px);
text-align: center;
line-height: 1;
position: relative;
}
nav#gNavi div ul li:not(:last-child):before {
content: "";
width: 1px;
height: 45px;
background: #ccc;
position: absolute;
top: 19px;
left: 0;
}
nav#gNavi div ul li.dropMenu {
font-size: 14px;
color: #000;
text-decoration: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
cursor: pointer;
-webkit-transition: 0.3s;
transition: 0.3s;
position: relative;
padding: 10px;
}
nav#gNavi div ul li.dropMenu img {
width: 30px;
height: 30px;
margin-bottom: 5px;
}
nav#gNavi div ul li.dropMenu p {
height: 30px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
nav#gNavi div ul li.dropMenu:hover img {
-webkit-transition: 0.2s;
transition: 0.2s;
opacity: 0.5;
}
nav#gNavi div ul li.dropMenu ul {
width: 250px;
background: #002d76;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.2s;
transition: all 0.2s;
position: absolute;
top: 85px;
left: 0;
}
nav#gNavi div ul li.dropMenu ul li {
width: 100%;
background: none;
}
nav#gNavi div ul li.dropMenu ul li:not(:last-child):before {
content: "";
width: 100%;
height: 1px;
background: #438bff;
position: absolute;
top: initial;
bottom: 0;
}
nav#gNavi div ul li.dropMenu ul li a {
color: #fff;
-webkit-transition: 0.3s;
transition: 0.3s;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-orient: initial;
-webkit-box-direction: initial;
-ms-flex-direction: initial;
flex-direction: initial;
padding: 20px 10px;
}
nav#gNavi div ul li.dropMenu ul li a:before {
content: "";
width: 20px;
height: 20px;
background: url(https://chokaitobishima.com/wp-content/uploads/2024/05/icon_asterisk_white01.svg) no-repeat;
margin-right: 10px;
}
nav#gNavi div ul li.dropMenu ul li a:hover {
color: #002d76;
background: #b1d9ff;
-webkit-transition: 0.2s;
transition: 0.2s;
}
nav#gNavi div ul li.dropMenu:hover ul {
opacity: 1;
visibility: visible;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
nav#gNavi div ul li:first-child img {
width: 45px;
height: 27px;
margin: 2px 0 5px 0;
}
nav#gNavi div ul li a {
font-size: 14px;
color: #000;
text-decoration: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-transition: 0.3s;
transition: 0.3s;
padding: 10px;
}
nav#gNavi div ul li a img {
width: 30px;
height: 30px;
-webkit-transition: 0.3s;
transition: 0.3s;
margin-bottom: 5px;
}
nav#gNavi div ul li a p {
height: 30px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
nav#gNavi div ul li a:hover img {
-webkit-transition: 0.2s;
transition: 0.2s;
opacity: 0.5;
}
nav#gNavi div ul li:last-child {
background: #FFCD2C;
}
nav#fNavi_ja,
nav#fNavi_en {
background: #eaf1ff;
margin-bottom: 40px;
}
nav#fNavi_ja ul,
nav#fNavi_en ul {
width: 1200px;
border: solid 3px #002d76;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: auto;
}
nav#fNavi_ja ul li,
nav#fNavi_en ul li {
position: relative;
-webkit-transition: 0.2s;
transition: 0.2s;
}
nav#fNavi_ja ul li:not(:first-child),
nav#fNavi_en ul li:not(:first-child) {
background: #002d76;
}
nav#fNavi_ja ul li:first-child,
nav#fNavi_en ul li:first-child {
width: 80px;
background: #fff;
}
nav#fNavi_ja ul li:first-child a,
nav#fNavi_en ul li:first-child a {
-webkit-transition: 0.3s;
transition: 0.3s;
}
nav#fNavi_ja ul li:first-child a:hover,
nav#fNavi_en ul li:first-child a:hover {
-webkit-transition: 0.2s;
transition: 0.2s;
opacity: 0.5;
}
nav#fNavi_ja ul li:first-child img,
nav#fNavi_en ul li:first-child img {
width: 42px;
height: 42px;
}
nav#fNavi_ja ul li:not(:first-child),
nav#fNavi_en ul li:not(:first-child) {
width: calc(33.3333333333% - 81px);
}
nav#fNavi_ja ul li:not(:first-child):hover,
nav#fNavi_en ul li:not(:first-child):hover {
background: #8096bb;
-webkit-transition: 0.3s;
transition: 0.3s;
}
nav#fNavi_ja ul li:nth-child(2):before, nav#fNavi_ja ul li:nth-child(3):before, nav#fNavi_ja ul li:nth-child(4):before, nav#fNavi_ja ul li:nth-child(5):before,
nav#fNavi_en ul li:nth-child(2):before,
nav#fNavi_en ul li:nth-child(3):before,
nav#fNavi_en ul li:nth-child(4):before,
nav#fNavi_en ul li:nth-child(5):before {
content: "";
width: 1px;
height: 45px;
background: #438bff;
position: absolute;
top: 13px;
right: 0;
}
nav#fNavi_ja ul li a,
nav#fNavi_en ul li a {
height: 70px;
font-size: 90%;
text-align: center;
text-decoration: none;
line-height: 1.3;
color: #fff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 15px;
}
nav#foot_link {
margin-bottom: 30px;
}
nav#foot_link ul {
width: 1200px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: space-evenly;
-ms-flex-pack: space-evenly;
justify-content: space-evenly;
margin: auto;
}
nav#foot_link ul li:not(:last-child) {
width: calc(30% - 10px);
margin-bottom: 40px;
}
nav#foot_link ul li:nth-child(-n+3) {
margin-bottom: 20px;
}
nav#foot_link ul li:last-child {
width: 100%;
}
nav#foot_link ul li:last-child p {
border-radius: 0;
}
nav#foot_link ul li a {
-webkit-transition: 0.3s;
transition: 0.3s;
text-decoration: none;
}
nav#foot_link ul li a:hover {
-webkit-transition: 0.2s;
transition: 0.2s;
opacity: 0.5;
}
nav#foot_link ul li a p {
padding: 10px 0;
}
section#secretariat {
margin-bottom: 50px;
}
section#secretariat div.inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
section#secretariat dl {
width: calc(50% - 10px);
border: solid 3px #002d76;
}
section#secretariat dl dt, section#secretariat dl dd {
font-size: 90%;
padding: 15px;
}
section#secretariat dl dt {
text-align: center;
background: #eaf1ff;
border-bottom: solid 3px #002d76;
}
@media screen and (min-width: 1000px) {
section#secretariat dl dd a {
pointer-events: none;
color: inherit;
text-decoration: none;
}
}
div#foot_img {
color: #fff;
font-size: 200%;
font-weight: bold;
text-align: center;
text-shadow: 0 0 5px #000, 0 0 5px #000, 0 0 5px #000, 0 0 5px #000, 0 0 5px #000, 0 0 5px #000, 0 0 5px #000, 0 0 5px #000;
background: url(https://chokaitobishima.com/wp-content/uploads/2025/07/subpage_footer_img01.webp) no-repeat;
background-size: cover;
background-position: center 75%;
margin-bottom: 20px;
padding: 60px 0 50px;
}
section#logo_copyright {
margin-bottom: 20px;
}
section#logo_copyright div.inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
section#logo_copyright div.inner a {
-webkit-transition: 0.3s;
transition: 0.3s;
width: 250px;
margin-right: 30px;
}
section#logo_copyright div.inner a:hover {
-webkit-transition: 0.2s;
transition: 0.2s;
opacity: 0.5;
}
section#logo_copyright div.inner small {
font-size: 70%;
}
footer.footer-en {
border-top: solid 2px #002d76;
padding: 70px 0 0 0;
}
footer.footer-en section#secretariat div.inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
dl.tableDesign01 {
border: solid 2px #002d76;
border-radius: 5px;
}
dl.tableDesign01 dt {
color: #fff;
background: #002d76;
padding: 15px;
}
dl.tableDesign01 dd {
margin: initial;
padding: 15px 15px 0 15px;
}
dl.tableDesign01 dd:last-of-type {
padding-bottom: 15px;
}
dl.tableDesign01 dd p {
background: #eaf1ff;
border-radius: 99px;
margin-bottom: 10px;
padding: 5px;
}
section.movie {
width: 100%;
height: 500px;
overflow: hidden;
margin-bottom: 60px;
}
section.movie video {
width: 100%;
margin-top: -25%;
}
div.eye-catch-wrap {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.insertPhoto {
text-align: center;
}
div.button button#loadMoreBtn {
max-width: 400px !important;
width: 100%;
font-size: 100%;
color: #fff;
text-decoration: none;
white-space: nowrap;
background: #002d76;
border-radius: 99px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
cursor: pointer;
-webkit-transition: opacity 0.3s;
transition: opacity 0.3s;
margin: auto;
padding: 15px;
}
div.button button#loadMoreBtn:before {
content: "";
width: 26px;
height: 26px;
background: url(https://chokaitobishima.com/wp-content/uploads/2024/05/icon_arrow_white01.svg) no-repeat;
display: block;
margin-right: 10px;
}
div.button button#loadMoreBtn:hover {
opacity: 0.5;
}
div.streetview_button {
position: relative;
border: solid 4px #002d76;
border-radius: 10px;
}
div.streetview_button:before {
content: "";
width: 200px;
height: 34px;
display: block;
background: url(https://chokaitobishima.com/wp-content/uploads/2024/09/streetview_article_subtitle01.png) no-repeat;
background-size: cover;
position: absolute;
left: -5px;
top: -17px;
}
div.streetview_button a {
font-weight: bold;
display: block;
padding: 25px 15px 15px 15px;
}
div.streetview_button_en {
position: relative;
border: solid 4px #002d76;
border-radius: 10px;
}
div.streetview_button_en:before {
content: "";
width: 200px;
height: 34px;
display: block;
background: url(https://chokaitobishima.com/wp-content/uploads/2025/05/streetview_article_subtitle_en01.png) no-repeat;
background-size: cover;
position: absolute;
left: -5px;
top: -17px;
}
div.streetview_button_en a {
font-weight: bold;
display: block;
padding: 25px 15px 15px 15px;
}
section.splide#stage {
height: 100vh;
overflow: hidden;
}
section.splide#stage p {
width: 100%;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: absolute;
z-index: 1;
}
section.splide#stage div.splide__slide img {
width: 100vw;
height: 100vh;
-o-object-fit: cover;
object-fit: cover;
}
section.splide#stage ul.splide__pagination li {
margin: 10px;
}
section.splide#stage ul.splide__pagination li button {
border: solid 1px #fff;
}
section#emergencyInfo {
background: #f00;
}
section#emergencyInfo div.inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
section#emergencyInfo dl {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-top: 10px;
}
section#emergencyInfo dl:last-child {
padding-bottom: 10px;
}
section#emergencyInfo dl dt, section#emergencyInfo dl dd {
color: #fff;
}
section#emergencyInfo dl dt, section#emergencyInfo dl dd:first-of-type {
margin-right: 10px;
}
section#emergencyInfo dl img {
width: 40px;
}
section#emergencyInfo dl a {
color: #fff;
text-decoration: underline;
}
section#emergencyInfo dl a:hover {
text-decoration: none;
}
section#regular_info {
background: #ffcc00;
}
section#regular_info div.inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
section#regular_info dl {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-top: 10px;
}
section#regular_info dl:last-child {
padding-bottom: 10px;
}
section#regular_info dl dt, section#regular_info dl dd {
color: #000;
}
section#regular_info dl dt, section#regular_info dl dd:first-of-type {
margin-right: 10px;
}
section#regular_info dl img {
width: 40px;
}
section#regular_info dl a {
color: #000;
text-decoration: underline;
}
section#regular_info dl a:hover {
text-decoration: none;
}
section#sightseeing_spot {
/*
.tab-list {
list-style-type: none;
display: flex;
flex-flow: row wrap;
justify-content: space-btween;
}
*/
/*
.tab-list {
list-style-type: none;
display: flex;
flex-flow: row wrap;
justify-content: space-btween;
}
*/
}
section#sightseeing_spot ul.tabNavi {
width: 1200px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin: auto;
padding-left: initial;
}
section#sightseeing_spot ul.tabNavi li {
-webkit-box-flex: 0;
-ms-flex: 0 0 calc(25% - 10px);
flex: 0 0 calc(25% - 10px);
color: #002d76;
font-weight: bold;
line-height: 1.5;
text-align: center;
background: #fff;
border-top: solid 3px #002d76;
border-right: solid 3px #002d76;
border-left: solid 3px #002d76;
border-radius: 10px 10px 0 0;
cursor: pointer;
position: relative;
padding: 25px 0;
}
section#sightseeing_spot ul.tabNavi li p {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: relative;
margin-top: 3px;
}
section#sightseeing_spot ul.tabNavi li p:before {
content: "";
width: 32px;
height: 32px;
background: url(https://chokaitobishima.com/wp-content/uploads/2024/05/icon_asterisk_blue01.svg) no-repeat;
display: block;
margin: -3px 10px 0 0;
}
section#sightseeing_spot ul.tabNavi li.active {
color: #fff;
background: #002d76;
}
section#sightseeing_spot ul.tabNavi li.active p:before {
background: url(https://chokaitobishima.com/wp-content/uploads/2024/05/icon_asterisk_white01.svg) no-repeat;
}
section#sightseeing_spot .tabContWrap {
display: none;
-webkit-animation-name: fade;
animation-name: fade;
-webkit-animation-duration: 0.5s;
animation-duration: 0.5s;
}
section#sightseeing_spot .tabContWrap.show {
-webkit-animation-name: fade;
animation-name: fade;
-webkit-animation-duration: 0.5s;
animation-duration: 0.5s;
}
section#sightseeing_spot .tabContWrap.show {
display: block;
}
section#sightseeing_spot .resultWrap.show {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
@-webkit-keyframes fade {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes fade {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@media screen and (max-width: 680px) {
section#sightseeing_spot .tabContWrap.show {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
section#sightseeing_spot ul.tabNavi li {
-webkit-box-flex: 0;
-ms-flex: 0 0 calc(50% - 50px);
flex: 0 0 calc(50% - 50px);
font-size: 3.5vw;
}
}
section#sightseeing_spot ul.tabSub_Navi {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
background: #002d76;
border-radius: 10px;
margin: auto auto 50px auto;
padding: 10px;
}
section#sightseeing_spot ul.tabSub_Navi li {
-webkit-box-flex: 0;
-ms-flex: 0 0 calc(20% - 5px);
flex: 0 0 calc(20% - 5px);
color: #002d76;
font-weight: bold;
line-height: 1.5;
text-align: center;
background: #fff;
border-top: solid 3px #002d76;
border-right: solid 3px #002d76;
border-left: solid 3px #002d76;
border-radius: 10px;
cursor: pointer;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
padding: 15px 0;
/*
p{
display:flex;
align-items:center;
justify-content:center;
position:relative;
margin-top:3px;
&:before{
content:"";
width:32px;
height:32px;
background:url(https://chokaitobishima.com/wp-content/uploads/2024/05/icon_asterisk_blue01.svg) no-repeat;
display:block;
margin:-3px 10px 0 0;
}
}
*/
}
section#sightseeing_spot ul.tabSub_Navi li.active {
color: #fff;
background: #e4007f;
}
section#sightseeing_spot ul.tabSub_Navi li.active p:before {
background: url(https://chokaitobishima.com/wp-content/uploads/2024/05/icon_asterisk_white01.svg) no-repeat;
}
section#sightseeing_spot ul.tabSub_Navi.product li {
-webkit-box-flex: 0;
-ms-flex: 0 0 calc(14.2857142857% - 5px);
flex: 0 0 calc(14.2857142857% - 5px);
}
section#sightseeing_spot .tabSubContWrap {
display: none;
-webkit-animation-name: fade;
animation-name: fade;
-webkit-animation-duration: 0.5s;
animation-duration: 0.5s;
}
section#sightseeing_spot .tabSubContWrap.show {
-webkit-animation-name: fade;
animation-name: fade;
-webkit-animation-duration: 0.5s;
animation-duration: 0.5s;
}
section#sightseeing_spot .tabSubContWrap.show {
display: block;
}
section#sightseeing_spot .resultWrap.show {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
@keyframes fade {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@media screen and (max-width: 680px) {
section#sightseeing_spot .tabSubContWrap.show {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
section#sightseeing_spot ul.tabSub_Navi {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
section#sightseeing_spot ul.tabSub_Navi li {
-webkit-box-flex: 0;
-ms-flex: 0 0 calc(33.3333333333% - 3px);
flex: 0 0 calc(33.3333333333% - 3px);
font-size: 3.5vw;
}
}
section#sightseeing_spot section.movie {
height: 250px;
position: relative;
/*
video{
position:absolute;
bottom:0;
}
*/
}
section#sightseeing_spot div.tab-contents {
border-top: solid 3px #002d76;
background: #eaf1ff;
padding: 60px 0;
}
section#sightseeing_spot div.tabc_region ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
section#sightseeing_spot div.tabc_region ul#akita_inner {
margin-bottom: 50px;
}
section#sightseeing_spot div.tabc_region ul li {
width: 30%;
}
section#sightseeing_spot div.tabc_region ul li a {
-webkit-transition: 0.3s;
transition: 0.3s;
width: 250px;
font-size: 90%;
color: #000;
text-align: center;
text-decoration: none;
display: block;
margin: auto;
}
section#sightseeing_spot div.tabc_region ul li a:hover {
-webkit-transition: 0.2s;
transition: 0.2s;
opacity: 0.5;
}
section#sightseeing_spot div.tabc_region ul li dl dt {
width: 192px;
height: 200px;
border: solid 4px #002d76;
border-radius: 20px;
background: #fff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: auto auto 15px auto;
}
section#sightseeing_spot div.tabc_region ul li dl dt img {
width: 95px;
}
section#sightseeing_spot div.tabc_region ul li dl dd:first-of-type {
font-weight: bold;
margin-bottom: 10px;
}
section#sightseeing_spot div.tabc_region ul li dl dd:nth-of-type(2) {
width: 60%;
font-size: 80%;
font-weight: bold;
color: #fff;
background: #e4007f;
border-radius: 99px;
margin: auto auto 10px auto;
padding: 3px 0 0 0;
}
section#sightseeing_spot div.tabc_region ul li dl dd:last-child {
font-size: 90%;
}
section#sightseeing_spot div.tabc_classification ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding-left: initial;
}
section#sightseeing_spot div.tabc_classification ul:first-child {
margin-bottom: 50px;
}
section#sightseeing_spot div.tabc_classification ul li {
width: 30%;
}
section#sightseeing_spot div.tabc_classification ul li a {
-webkit-transition: 0.3s;
transition: 0.3s;
width: 250px;
font-size: 90%;
color: #000;
text-align: center;
text-decoration: none;
display: block;
margin: auto;
}
section#sightseeing_spot div.tabc_classification ul li a:hover {
-webkit-transition: 0.2s;
transition: 0.2s;
opacity: 0.5;
}
section#sightseeing_spot div.tabc_classification ul li dl dt {
width: 192px;
height: 200px;
border: solid 4px #002d76;
border-radius: 20px;
background: #fff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: auto auto 15px auto;
}
section#sightseeing_spot div.tabc_classification ul li dl dt img {
width: 95px;
}
section#sightseeing_spot div.tabc_classification ul li dl dd:first-of-type {
font-weight: bold;
margin-bottom: 10px;
}
section#sightseeing_spot div.tabc_classification ul li dl dd:last-child {
font-size: 90%;
}
section#sightseeing_spot div.tabc_pointInterest ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding-left: initial;
}
section#sightseeing_spot div.tabc_pointInterest ul:first-child {
margin-bottom: 50px;
}
section#sightseeing_spot div.tabc_pointInterest ul li {
width: 30%;
}
section#sightseeing_spot div.tabc_pointInterest ul li a {
-webkit-transition: 0.3s;
transition: 0.3s;
width: 250px;
font-size: 90%;
color: #000;
text-align: center;
text-decoration: none;
display: block;
margin: auto;
}
section#sightseeing_spot div.tabc_pointInterest ul li a:hover {
-webkit-transition: 0.2s;
transition: 0.2s;
opacity: 0.5;
}
section#sightseeing_spot div.tabc_pointInterest ul li dl dt {
width: 192px;
height: 200px;
border: solid 4px #002d76;
border-radius: 20px;
background: #fff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: auto auto 15px auto;
}
section#sightseeing_spot div.tabc_pointInterest ul li dl dt img {
width: 95px;
}
section#sightseeing_spot div.tabc_pointInterest ul li dl dd:first-of-type {
font-weight: bold;
margin-bottom: 10px;
}
section#sightseeing_spot div.tabc_pointInterest ul li dl dd:last-child {
font-size: 90%;
}
section#sightseeing_spot div.tabc_photo ul.tabSub_Navi.photo li.tabSub-list-item {
-webkit-box-flex: 0;
-ms-flex: 0 0 calc(16.6666666667% - 5px);
flex: 0 0 calc(16.6666666667% - 5px);
}
section#sightseeing_spot div.tabc_photo div.tabSubContWrap div.inner div#articles {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
section#sightseeing_spot div.tabc_photo div.tabSubContWrap a {
width: calc(33.3333333333% - 20px);
color: #000;
text-decoration: none;
display: block;
border: solid 3px #002d76;
border-radius: 15px;
background: #fff;
margin-right: calc(10% - 90px);
margin-bottom: 30px;
padding: 5px;
}
section#sightseeing_spot div.tabc_photo div.tabSubContWrap a:nth-child(3n) {
margin-right: initial;
}
section#sightseeing_spot div.tabc_photo div.tabSubContWrap a figure {
-webkit-transition: 0.3s;
transition: 0.3s;
margin-bottom: 10px;
}
section#sightseeing_spot div.tabc_photo div.tabSubContWrap a figure img {
height: 240px;
border-radius: 10px 10px 0 0;
-o-object-fit: cover;
object-fit: cover;
}
section#sightseeing_spot div.tabc_photo div.tabSubContWrap a dl {
margin-bottom: initial;
}
section#sightseeing_spot div.tabc_photo div.tabSubContWrap a dl dt {
font-weight: bold;
color: #002d76;
text-align: center;
}
section#sightseeing_spot div.tabc_origin section#spot_poplar a {
border: solid 3px #002d76;
border-radius: 15px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
background: #fff;
margin-bottom: 15px;
padding: 15px;
}
section#sightseeing_spot div.tabc_origin section#spot_poplar a figure {
width: 300px;
margin-right: 20px;
}
section#sightseeing_spot div.tabc_origin section#spot_poplar a dl {
width: calc(100% - 30px - 20px);
}
section#sightseeing_spot div.tabc_origin section#spot_poplar a dl dt {
font-size: 120%;
font-weight: bold;
}
section#news div#newsWrap {
border-top: solid 1px #ccc;
}
section#news div#newsWrap dl {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 28px 0 25px 0;
border-bottom: solid 1px #ccc;
}
section#news div#newsWrap dl dt, section#news div#newsWrap dl dd {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
section#news div#newsWrap dl dt {
width: 15%;
color: #666;
}
section#news div#newsWrap dl dd {
width: 85%;
}
section#news div#newsWrap dl dd a {
color: #000;
}
section#disaster {
background: #eaf1ff;
padding-bottom: 1px;
}
section#disaster div#disasterWrap {
border-top: solid 1px #ccc;
}
section#disaster div#disasterWrap dl {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 28px 0 25px 0;
border-bottom: solid 1px #ccc;
}
section#disaster div#disasterWrap dl dt, section#disaster div#disasterWrap dl dd {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
section#disaster div#disasterWrap dl dt {
width: 15%;
color: #666;
}
section#disaster div#disasterWrap dl dd {
width: 85%;
}
section#disaster div#disasterWrap dl dd a {
color: #000;
}
section#guideline > div {
text-align: center;
padding: 50px 0;
}
section#guideline img {
-webkit-transition: 0.3s;
transition: 0.3s;
}
section#guideline img:hover {
-webkit-transition: 0.2s;
transition: 0.2s;
opacity: 0.5;
}
@media screen and (min-width: 680px) {
section#guideline img[src*=sp] {
display: none;
}
}
@media screen and (max-width: 680px) {
section#guideline img[src*=pc] {
display: none;
}
section#guideline img[src*=sp] {
display: inline;
}
}
section#event {
background: #eaf1ff;
padding-bottom: 1px;
}
section#event div#eventArticle_wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
section#event div#eventArticle_wrap a {
width: 30%;
color: #000;
text-decoration: none;
display: block;
border: solid 3px #002d76;
border-radius: 15px;
background: #fff;
padding: 5px;
}
section#event div#eventArticle_wrap a figure {
-webkit-transition: 0.3s;
transition: 0.3s;
margin-bottom: 10px;
}
section#event div#eventArticle_wrap a figure img {
width: 100%;
height: 240px;
border-radius: 10px 10px 0 0;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: 0 0;
object-position: 0 0;
}
section#event div#eventArticle_wrap a dl {
padding: 5px;
}
section#event div#eventArticle_wrap a dl dt {
font-size: 90%;
margin-bottom: 10px;
}
section#event div#eventArticle_wrap a dl dd:first-of-type {
font-size: 80%;
}
section#event div#eventArticle_wrap a:hover figure,
section#event div#eventArticle_wrap a:hover dd.button_sub {
-webkit-transition: 0.2s;
transition: 0.2s;
opacity: 0.5;
}
section#geo_site div.geoSite_inner {
position: relative;
margin-bottom: 100px;
padding-top: 80px;
}
section#geo_site div.geoSite_inner div.splide__slide {
width: 500px;
}
section#geo_site div.geoSite_inner div.splide__slide a {
color: #000;
text-decoration: none;
display: block;
border: solid 3px #002d76;
border-radius: 15px;
background: #fff;
padding: 5px;
}
section#geo_site div.geoSite_inner div.splide__slide a figure {
-webkit-transition: 0.3s;
transition: 0.3s;
margin-bottom: 10px;
}
section#geo_site div.geoSite_inner div.splide__slide a figure img {
height: 240px;
border-radius: 10px 10px 0 0;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: 0 0;
object-position: 0 0;
}
section#geo_site div.geoSite_inner div.splide__slide a dl {
padding: 5px;
}
section#geo_site div.geoSite_inner div.splide__slide a dl dt {
font-size: 80%;
font-weight: bold;
color: #333;
margin-bottom: 10px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
section#geo_site div.geoSite_inner div.splide__slide a dl dt p {
margin-right: 10px;
}
section#geo_site div.geoSite_inner div.splide__slide a dl dd:first-of-type {
font-size: 80%;
margin-bottom: 10px;
}
section#geo_site div.geoSite_inner div.splide__slide a:hover figure,
section#geo_site div.geoSite_inner div.splide__slide a:hover dd.button_sub {
-webkit-transition: 0.2s;
transition: 0.2s;
opacity: 0.5;
}
section#geo_site div.geoSite_inner div#geoSite_bg {
width: 100%;
height: 250px;
background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.4)), to(rgba(255, 255, 255, 0.4))), url(https://chokaitobishima.com/wp-content/uploads/2024/05/main-img-06.jpg) no-repeat;
background: linear-gradient(rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.4)), url(https://chokaitobishima.com/wp-content/uploads/2024/05/main-img-06.jpg) no-repeat;
background-size: cover;
background-position: center;
position: absolute;
top: 0;
left: 0;
z-index: -1;
}
section#geo_site div.geoSite_inner ul.splide__pagination {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
bottom: -3em;
}
section#geo_site div.geoSite_inner ul.splide__pagination li {
margin: 0 10px;
}
section#geo_site div.geoSite_inner ul.splide__pagination li button {
width: 12px;
height: 12px;
opacity: initial;
background: #c9d5ec;
}
section#geo_site div.geoSite_inner ul.splide__pagination li button.is-active {
background: #002d76;
}
section#geo_tour {
background: #eaf1ff;
padding-bottom: 1px;
}
section#geo_tour h3 {
font-size: 150%;
text-align: center;
color: #002d76;
line-height: 1.3;
word-break: keep-all;
padding: 0 15px;
}
section#geo_tour h3 p {
color: #e4007f;
margin-bottom: 10px;
}
section#geo_tour div.geoTour_inner {
position: relative;
padding: 50px 0 70px 0;
}
section#geo_tour div.geoTour_inner div.splide__slide {
width: 500px;
}
section#geo_tour div.geoTour_inner div.splide__slide a {
color: #000;
text-decoration: none;
display: block;
border: solid 3px #002d76;
border-radius: 15px;
background: #fff;
position: relative;
padding: 5px;
}
section#geo_tour div.geoTour_inner div.splide__slide a figure {
-webkit-transition: 0.3s;
transition: 0.3s;
}
section#geo_tour div.geoTour_inner div.splide__slide a figure img {
height: 300px;
border-radius: 10px;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center center;
object-position: center center;
}
section#geo_tour div.geoTour_inner div.splide__slide a p {
font-weight: bold;
color: #fff;
text-shadow: 0 0 3px #000, 0 0 3px #000, 0 0 3px #000, 0 0 3px #000, 0 0 3px #000;
position: absolute;
bottom: 10px;
left: 18px;
}
section#geo_tour div.geoTour_inner div.splide__slide a:hover figure {
-webkit-transition: 0.2s;
transition: 0.2s;
opacity: 0.5;
}
section#geo_tour div.geoTour_inner ul.splide__pagination {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
bottom: 0;
}
section#geo_tour div.geoTour_inner ul.splide__pagination li {
margin: 0 10px;
}
section#geo_tour div.geoTour_inner ul.splide__pagination li button {
width: 12px;
height: 12px;
opacity: initial;
background: #c9d5ec;
}
section#geo_tour div.geoTour_inner ul.splide__pagination li button.is-active {
background: #002d76;
}
section#product_perotto {
position: relative;
padding-top: 80px;
}
section#product_perotto h2 {
text-align: center;
}
section#product_perotto div.product_inner {
margin-bottom: 100px;
padding-top: 80px;
}
section#product_perotto div.product_inner div.splide__slide {
width: 500px;
}
section#product_perotto div.product_inner div.splide__slide a {
color: #000;
text-decoration: none;
display: block;
border: solid 3px #002d76;
border-radius: 15px;
background: #fff;
padding: 5px;
}
section#product_perotto div.product_inner div.splide__slide a figure {
-webkit-transition: 0.3s;
transition: 0.3s;
margin-bottom: 10px;
}
section#product_perotto div.product_inner div.splide__slide a figure img {
height: 240px;
border-radius: 10px 10px 0 0;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: 0 0;
object-position: 0 0;
}
section#product_perotto div.product_inner div.splide__slide a dl {
padding: 5px;
}
section#product_perotto div.product_inner div.splide__slide a dl dt {
font-size: 80%;
font-weight: bold;
text-align: center;
color: #333;
margin-bottom: 10px;
}
section#product_perotto div.product_inner div.splide__slide a dl dt img {
margin-right: 10px;
}
section#product_perotto div.product_inner div.splide__slide a dl dd:first-of-type {
font-size: 80%;
margin-bottom: 10px;
}
section#product_perotto div.product_inner div.splide__slide a:hover figure,
section#product_perotto div.product_inner div.splide__slide a:hover dd.button_sub {
-webkit-transition: 0.2s;
transition: 0.2s;
opacity: 0.5;
}
section#product_perotto div#product_perotto_bg {
width: 100%;
height: 700px;
background: -webkit-gradient(linear, left top, left bottom, from(rgba(17, 91, 182, 0.8)), to(rgba(17, 91, 182, 0.8))), url(https://chokaitobishima.com/wp-content/uploads/2024/05/main-img-01.jpg) no-repeat;
background: linear-gradient(rgba(17, 91, 182, 0.8), rgba(17, 91, 182, 0.8)), url(https://chokaitobishima.com/wp-content/uploads/2024/05/main-img-01.jpg) no-repeat;
background-size: cover;
background-position: center;
position: absolute;
top: 0;
left: 0;
z-index: -1;
}
section#product_perotto div#product_perotto_bg_en {
width: 100%;
height: 550px;
background: -webkit-gradient(linear, left top, left bottom, from(rgba(17, 91, 182, 0.8)), to(rgba(17, 91, 182, 0.8))), url(https://chokaitobishima.com/wp-content/uploads/2024/05/main-img-01.jpg) no-repeat;
background: linear-gradient(rgba(17, 91, 182, 0.8), rgba(17, 91, 182, 0.8)), url(https://chokaitobishima.com/wp-content/uploads/2024/05/main-img-01.jpg) no-repeat;
background-size: cover;
background-position: center;
position: absolute;
top: 0;
left: 0;
z-index: -1;
}
section#product_perotto ul.splide__pagination {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
bottom: -3em;
}
section#product_perotto ul.splide__pagination li {
margin: 0 10px;
}
section#product_perotto ul.splide__pagination li button {
width: 12px;
height: 12px;
opacity: initial;
background: #c9d5ec;
}
section#product_perotto ul.splide__pagination li button.is-active {
background: #002d76;
}
section#foot_banner {
border-top: solid 2px #002d76;
padding: 70px 0;
}
section#foot_banner ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
section#foot_banner ul li {
width: calc(25% - 15px);
}
section#foot_banner ul li a {
-webkit-transition: 0.3s;
transition: 0.3s;
}
section#foot_banner ul li a:hover {
-webkit-transition: 0.2s;
transition: 0.2s;
opacity: 0.5;
}
/* breadcrumbs-パンくず */
div.breadcrumbs {
background: #eaf1ff;
}
div.breadcrumbs div.inner {
font-size: 85%;
padding: 10px 0;
}
h1.attraction, h1.entry-title {
margin: 50px 0;
}
h1.entry-title {
font-size: 24px;
color: #fff;
line-height: 1.25;
background: #002d76;
border-radius: 5px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
margin: 50px 0;
padding: 15px;
}
h1.entry-title:before {
content: "";
width: 50px;
height: 50px;
background: url("https://chokaitobishima.com/wp-content/uploads/2024/05/icon_asterisk_white01.svg") no-repeat;
margin-right: 15px;
}
h2.entry-title {
font-size: 24px;
color: #fff;
line-height: 1.25;
background: #002d76;
border-radius: 5px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
margin: 50px 0;
padding: 15px;
}
h2.entry-title:before {
content: "";
width: 50px;
height: 50px;
background: url("https://chokaitobishima.com/wp-content/uploads/2024/05/icon_asterisk_white01.svg") no-repeat;
margin-right: 15px;
}
h2.subEntry-title {
font-size: 24px;
color: #fff;
line-height: 1.25;
background: #002d76;
border-radius: 5px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
margin: 50px 0;
padding: 15px;
}
div.date-tags {
text-align: left;
}
div.pagination-next {
max-width: 800px;
margin: 24px auto auto auto;
}
div.pagination-next a {
font-weight: bold;
color: #002d76;
border: solid 3px #002d76;
border-radius: 99px;
background: none;
}
section#entryFlow {
background: url(https://chokaitobishima.com/wp-content/uploads/2024/06/bg-flow.png) no-repeat #eaf1ff;
background-size: cover;
background-position: 0 65%;
overflow: hidden;
padding: 50px 0;
}
section#entryFlow h2 {
font-size: 200%;
color: #002d76;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin-bottom: 50px;
}
section#entryFlow h2 small {
color: #e4007f;
font-size: 45%;
font-weight: normal;
}
section#entryFlow div.inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
position: relative;
}
section#entryFlow div.inner dl {
width: calc(25% - 50px);
border: solid 2px #002d76;
border-radius: 3px;
background: #fff;
position: relative;
}
section#entryFlow div.inner dl:not(:last-of-type):before {
content: url(https://chokaitobishima.com/wp-content/uploads/2024/06/arrow.svg);
position: absolute;
right: -50px;
top: 95px;
margin: auto;
}
section#entryFlow div.inner dl dt {
text-align: center;
color: #fff;
background: #002d76;
padding: 10px;
}
section#entryFlow div.inner dl dd {
font-size: 90%;
text-align: justify;
line-height: 1.5;
padding: 20px;
}
section#entryFlow div.inner p {
position: absolute;
}
section#entryFlow div.inner p#staffImg01 {
left: -180px;
bottom: -150px;
}
section#entryFlow div.inner p#staffImg02 {
right: 0;
bottom: -170px;
}
section#entryFlow div.inner p#staffImg03 {
right: -150px;
bottom: -180px;
}
section#entryFlow div.button {
width: 500px;
margin: 50px auto 0 auto;
}
section#entryFlow div.button a {
border: solid 5px #fff;
}
section#stage.subPage {
height: 210px;
background: url(https://chokaitobishima.com/wp-content/uploads/2025/07/subpage_header_img01.webp) no-repeat center center;
background-size: 100%;
background-position: center 35%;
/*
ul.splide__pagination{
display:none;
}
*/
}
div.list_category {
/*
.tab-list {
list-style-type: none;
display: flex;
flex-flow: row wrap;
justify-content: space-btween;
}
*/
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
div.list_category ul.tabSub_Navi {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
background: #002d76;
border-radius: 10px;
margin: auto auto 50px auto;
padding: 10px;
}
div.list_category ul.tabSub_Navi li {
-webkit-box-flex: 0;
-ms-flex: 0 0 calc(20% - 5px);
flex: 0 0 calc(20% - 5px);
color: #002d76;
font-weight: bold;
line-height: 1.5;
text-align: center;
background: #fff;
border-top: solid 3px #002d76;
border-right: solid 3px #002d76;
border-left: solid 3px #002d76;
border-radius: 10px;
cursor: pointer;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
padding: 15px 0;
/*
p{
display:flex;
align-items:center;
justify-content:center;
position:relative;
margin-top:3px;
&:before{
content:"";
width:32px;
height:32px;
background:url(https://chokaitobishima.com/wp-content/uploads/2024/05/icon_asterisk_blue01.svg) no-repeat;
display:block;
margin:-3px 10px 0 0;
}
}
*/
}
div.list_category ul.tabSub_Navi li.active {
color: #fff;
background: #e4007f;
}
div.list_category ul.tabSub_Navi li.active p:before {
background: url(https://chokaitobishima.com/wp-content/uploads/2024/05/icon_asterisk_white01.svg) no-repeat;
}
div.list_category ul.tabSub_Navi.product li {
-webkit-box-flex: 0;
-ms-flex: 0 0 calc(14.2857142857% - 5px);
flex: 0 0 calc(14.2857142857% - 5px);
}
div.list_category .tabSubContWrap {
display: none;
-webkit-animation-name: fade;
animation-name: fade;
-webkit-animation-duration: 0.5s;
animation-duration: 0.5s;
}
div.list_category .tabSubContWrap.show {
-webkit-animation-name: fade;
animation-name: fade;
-webkit-animation-duration: 0.5s;
animation-duration: 0.5s;
}
div.list_category .tabSubContWrap.show {
display: block;
}
div.list_category .resultWrap.show {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
@keyframes fade {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@media screen and (max-width: 680px) {
div.list_category .tabSubContWrap.show {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
div.list_category ul.tabSub_Navi {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
div.list_category ul.tabSub_Navi li {
-webkit-box-flex: 0;
-ms-flex: 0 0 calc(33.3333333333% - 3px);
flex: 0 0 calc(33.3333333333% - 3px);
font-size: 3.5vw;
}
}
div.list_category div#list {
width: 100%;
-webkit-box-orient: initial;
-webkit-box-direction: initial;
-ms-flex-direction: initial;
flex-direction: initial;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
div.list_category div#list a {
width: calc(33.3333333333% - 20px);
color: #000;
border: solid 3px #002d76;
border-radius: 15px;
display: block;
margin-bottom: 35px;
padding: 5px;
}
div.list_category div#list a:not(:nth-child(3n)) {
margin-right: 30px;
}
div.list_category div#list a figure {
-webkit-transition: 0.3s;
transition: 0.3s;
margin-bottom: 15px;
}
div.list_category div#list a figure img {
height: 240px;
border-radius: 10px 10px 0 0;
-o-object-fit: cover;
object-fit: cover;
}
div.list_category div#list a dl dt, div.list_category div#list a dl dd {
padding: 5px;
}
div.list_category div#list a dl dt {
font-weight: bold;
text-align: center;
}
div.list_category div#list a dl dd {
margin-left: initial;
}
div.list_category div#list a:hover {
color: #000;
text-decoration: none;
background: none;
}
div.list_category div#list a:hover figure,
div.list_category div#list a:hover .button_sub {
-webkit-transition: 0.2s;
transition: 0.2s;
opacity: 0.5;
}
div.list_category div#list article {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
div.list_category div#list article figure {
width: initial;
margin: 0 0 12px 0;
}
div.list_category div#list article figure img {
border-radius: 10px 10px 0 0;
aspect-ratio: var(--card-ratio);
-o-object-fit: cover;
object-fit: cover;
}
div.list_category div#list article div.entry-card-content {
margin: 0 0 5px 0;
padding-bottom: initial;
}
div.list_category div#list article div.entry-card-content h2 {
text-align: center;
}
div.list_category div#list article div.entry-card-content div.entry-card-meta {
position: initial;
margin: 10px 0;
}
div.list_category.column div#list h2 {
text-indent: -0.8em;
padding-left: 0.2em;
}
section.subPage.aboutUs section#aboutStage {
position: relative;
overflow: hidden;
margin-bottom: 60px;
/*
//figure
figure{
img{
width:100%;
height:100%;
object-fit: cover;
}
}
//text
div#about_right{
text-align:center;
background:#F5F6F7;
display:flex;
align-items:center;
justify-content:center;
>div{
padding:50px 0;
}
h2{
background:none;
margin-bottom:initial;
padding-top:initial;
}
//button
div.button{
width:400px;
margin:auto;
>p{
display:none;
}
a p{
margin:initial;
}
}
p{
&:empty{
display:none;
}
}
// /button
}
*/
}
section.subPage.aboutUs section#aboutStage section.splide#stage {
height: 840px;
}
section.subPage.aboutUs section#aboutStage div#stage_text {
width: 600px;
background: rgba(255, 255, 255, 0.8);
position: absolute;
top: 115px;
left: calc(50% - 300px);
padding: 30px;
}
section.subPage.aboutUs section#aboutStage div#stage_text h2 {
background: none;
margin-bottom: initial;
}
section.subPage.aboutUs section#aboutStage div#stage_text p {
text-align: center;
}
section.subPage.aboutUs div#about_text {
text-align: center;
margin-bottom: 80px;
}
section.subPage.aboutUs div#about_text div.button {
max-width: 500px;
width: calc(100% - 30px);
margin: 50px auto;
}
section.subPage.aboutUs div#about_text div.button p#about_areaButton {
margin-bottom: initial !important;
}
section.subPage.aboutUs div#about_text div.button p:not(#about_areaButton) {
display: none;
}
section.subPage.aboutUs div#about_areaMap {
padding: 50px 0;
}
section.subPage.aboutUs div#about_areaMap img {
max-width: 600px;
width: 100%;
}
section.subPage.aboutUs div.aboutCont_wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
section.subPage.aboutUs div.aboutCont_wrap a {
width: calc(50% - 25px);
border: solid 1px #ccc;
margin-bottom: 50px;
/*
//ジオパークとは
&:first-child{
width:100%;
display:flex;
figure{
width:50%;
}
div:not(.button_sub){
width:calc(50% - 30px);
margin-left:30px;
}
}
// /ジオパークとは
*/
}
section.subPage.aboutUs div.aboutCont_wrap a figure,
section.subPage.aboutUs div.aboutCont_wrap a div.button_sub {
-webkit-transition: 0.2s;
transition: 0.2s;
}
section.subPage.aboutUs div.aboutCont_wrap a:hover {
color: #002d76;
text-decoration: none;
background: none;
}
section.subPage.aboutUs div.aboutCont_wrap a:hover figure,
section.subPage.aboutUs div.aboutCont_wrap a:hover .button_sub {
-webkit-transition: 0.2s;
transition: 0.2s;
opacity: 0.5;
}
section.subPage.aboutUs div.aboutCont_wrap a div:not(.button_sub) {
padding: 30px;
}
section.subPage.aboutUs div.aboutCont_wrap a div:not(.button_sub) h3 {
text-align: center;
border: none;
}
section.subPage.aboutUs div.other_about {
background: #eaf1ff;
padding-bottom: 50px;
}
section.subPage.aboutUs div.other_about h2.pageTitle {
background: none;
margin-bottom: initial;
}
section.subPage.aboutUs div.other_about div.inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 0 50px;
}
section.subPage.aboutUs div.other_about div.inner br, section.subPage.aboutUs div.other_about div.inner p {
display: none;
}
section.subPage.aboutUs div.other_about div.inner a {
width: calc(33.3333333333% - 30px);
border: solid 1px #ccc;
background: #fff;
}
section.subPage.aboutUs div.other_about div.inner a h2 {
font-size: 120%;
text-align: center;
background: initial;
margin-bottom: initial;
}
section.subPage.aboutUs div.other_about div.inner a figure {
-webkit-transition: 0.3s;
transition: 0.3s;
}
section.subPage.aboutUs div.other_about div.inner a:hover {
color: #002d76;
text-decoration: none;
}
section.subPage.aboutUs div.other_about div.inner a:hover figure {
-webkit-transition: 0.2s;
transition: 0.2s;
opacity: 0.5;
}
div.geoparks p.geoparkMeaning {
text-align: center;
border: solid 1px #002d76;
padding: 50px 0;
}
div.geoparks table th, div.geoparks table td {
padding: 20px;
}
div.geoparks table th {
width: 200px;
line-height: 1.4;
}
div.geoparks ul.link-collection {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding-left: initial !important;
}
div.geoparks ul.link-collection li {
width: calc(33.3333333333% - 10px);
border: solid 1px #002d76;
border-radius: 3px;
}
div.geoparks ul.link-collection li a {
text-align: center;
display: block;
padding: 10px;
}
div.geoparks p.geopark_linkbn {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
div.geoparks p.geopark_linkbn a {
margin: 20px;
}
div.vision h3 {
color: #002d76;
border: solid 3px #002d76;
border-radius: 5px;
background: #eaf1ff;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
div.vision p.role {
text-align: center;
border: solid 1px #002d76;
padding: 50px 15px;
}
div.action p.insertPhoto {
text-align: center;
border: solid 1px #002d76;
padding: 50px 0;
}
div.action ul.list-group {
padding-left: initial !important;
}
div.action ul.list-group li {
color: #002d76;
font-weight: bold;
text-align: center;
background: #eaf1ff;
margin-bottom: 10px;
padding: 10px;
}
div.access h2 {
background: #002d76;
}
div.access h3 {
color: #002d76;
border: solid 3px #002d76;
border-radius: 5px;
background: #eaf1ff;
}
div.access p.generalMap {
text-align: center;
}
div.access div.button p {
margin-bottom: initial;
}
div.access div.button p:not(#about_areaButton) {
display: none !important;
}
div.use-logo {
/*
h2{
@include mixin.subTitle;
}
*/
}
div.use-logo p.logoMark {
text-align: center;
border: solid 1px #002d76;
}
div.use-logo ul.download {
padding-left: initial !important;
}
div.use-logo ul.download a {
text-decoration: underline;
}
div.subPage.attraction {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
div.subPage.attraction div.mainColumn,
div.subPage.attraction article {
width: 850px;
}
div.subPage.attraction div.sidebar {
width: 300px;
display: block;
padding-top: 50px;
}
div.subPage.attraction div.column_content h1.entry-title.attraction {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
div.subPage.attraction div.column_content h1.entry-title.attraction:before {
display: none;
}
div.subPage.attraction div.column_content h1.entry-title.attraction img {
background: #fff;
border-radius: 5px;
padding: 2px;
}
div.subPage.attraction div.column_content h1.entry-title.attraction img:nth-of-type(2) {
margin-left: 5px;
}
div.subPage.attraction div.column_content h1.entry-title.attraction div {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding-left: 10px;
}
div.subPage.attraction div.column_content h1.entry-title.attraction div p {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 0;
}
div.subPage.attraction div.column_content h1.entry-title.attraction div a {
width: 150px;
font-size: 60%;
color: #fff;
text-align: center;
background: #e4007f;
border-radius: 99px;
display: block;
-webkit-transition: 0.3s;
transition: 0.3s;
margin-right: 5px;
padding: 2px 0 0 0;
}
div.subPage.attraction div.column_content h1.entry-title.attraction div a:hover {
color: #002d76;
text-decoration: none;
background: #fff;
-webkit-transition: 0.3s;
transition: 0.3s;
}
div.subPage.attraction div.column_content div.eye-catch-wrap figure {
width: 100%;
}
div.subPage.attraction div.column_content div.eye-catch-wrap figure img {
width: 100%;
}
div.subPage.attraction div.column_content section#attraction_data {
margin-bottom: 30px;
}
div.subPage.attraction div.column_content section#attraction_data h3 {
color: #fff;
background: #002d76;
padding: 5px 15px;
}
div.subPage.attraction div.column_content section#attraction_data table th {
width: 150px;
}
div.subPage.attraction div.column_content section#attraction_data div.googlemap iframe {
width: 100%;
height: 500px;
}
div.sidebar_attraction h4 {
color: #fff;
background: #002d76;
border-radius: 5px;
margin-bottom: 15px;
padding: 4px 10px 2px 10px;
}
div.sidebar_attraction h4 img {
width: 30px;
margin-bottom: 3px;
}
div.sidebar_attraction dt {
color: #002d76;
font-weight: bold;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: relative;
border-radius: 5px;
background-color: #eaf1ff;
margin-bottom: 25px;
padding: 10px;
}
div.sidebar_attraction dt:before {
position: absolute;
bottom: -15px;
width: 30px;
height: 15px;
background-color: #eaf1ff;
clip-path: polygon(0 0, 100% 0, 50% 100%);
content: "";
}
div.sidebar_attraction dt img {
width: 28px;
height: 25px;
margin: 2px 5px 0 0;
}
div.sidebar_attraction dl.search_classification {
margin-bottom: 30px;
}
div.sidebar_attraction dl.search_classification dd {
border-bottom: solid 1px #ccc;
margin-bottom: 15px;
padding-bottom: 15px;
}
div.sidebar_attraction dl.search_classification dd:first-of-type {
border-top: solid 1px #ccc;
margin-top: 15px;
padding-top: 15px;
}
div.sidebar_attraction dl.search_classification dd a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
div.sidebar_attraction dl.search_classification dd a img {
width: 50px;
}
div.sidebar_attraction dl.search_classification dd a ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
line-height: 1.3;
padding-left: 10px;
}
div.sidebar_attraction dl.search_classification dd a ul li:last-child {
font-size: 70%;
}
div.sidebar_attraction dl.search_classification.en dd a ul li:last-child {
font-size: initial;
}
div.sidebar_attraction dl.search_area {
margin-bottom: 30px;
}
div.sidebar_attraction dl.search_area dd {
border-bottom: solid 1px #ccc;
margin-bottom: 15px;
padding-bottom: 15px;
}
div.sidebar_attraction dl.search_area dd:first-of-type {
border-top: solid 1px #ccc;
margin-top: 15px;
padding-top: 15px;
}
div.sidebar_attraction dl.search_area dd a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
}
div.sidebar_attraction dl.search_area dd a:before {
content: "";
width: 20px;
height: 20px;
background: url(https://chokaitobishima.com/wp-content/uploads/2024/05/icon_arrow01.svg) no-repeat;
margin-right: 10px;
}
div.sidebar_attraction div.sidebar_reportList {
border-top: solid 1px #ccc;
margin-top: 15px;
padding-top: 15px;
}
div.sidebar_attraction div.sidebar_reportList a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
border-bottom: solid 1px #ccc;
margin-bottom: 15px;
padding-bottom: 15px;
}
div.sidebar_attraction div.sidebar_reportList a figure {
width: 50px;
-webkit-transition: 0.3s;
transition: 0.3s;
}
div.sidebar_attraction div.sidebar_reportList a div {
width: calc(100% - 50px - 10px);
font-size: 80%;
line-height: 1.5;
}
div.sidebar_attraction div.sidebar_reportList a div p {
font-size: 70%;
}
div.sidebar_attraction div.sidebar_reportList a:hover {
color: #002d76;
}
div.sidebar_attraction div.sidebar_reportList a:hover figure {
opacity: 0.5;
-webkit-transition: 0.2s;
transition: 0.2s;
}
div.sidebar_attraction ul.sidebar_banner li {
margin-bottom: 10px;
}
div.list_category.attraction_category ul.tabSub_Navi.cat_attraction li {
-webkit-box-flex: 0;
-ms-flex: 0 0 calc(16.6666666667% - 5px);
flex: 0 0 calc(16.6666666667% - 5px);
}
div.list_category.attraction_category div.tabSubContWrap div.inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
div.list_category.attraction_category div.tabSubContWrap div.inner div#articles {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
div.list_category.attraction_category div.tabSubContWrap div.inner a {
width: calc(33.3333333333% - 20px);
color: #000;
border: solid 3px #002d76;
border-radius: 15px;
display: block;
margin-bottom: 35px;
padding: 5px;
}
div.list_category.attraction_category div.tabSubContWrap div.inner a:not(:nth-child(3n)) {
margin-right: 30px;
}
div.list_category.attraction_category div.tabSubContWrap div.inner a figure {
-webkit-transition: 0.3s;
transition: 0.3s;
margin-bottom: 15px;
}
div.list_category.attraction_category div.tabSubContWrap div.inner a figure img {
height: 240px;
border-radius: 10px 10px 0 0;
-o-object-fit: cover;
object-fit: cover;
}
div.list_category.attraction_category div.tabSubContWrap div.inner a dl dt, div.list_category.attraction_category div.tabSubContWrap div.inner a dl dd {
padding: 5px;
}
div.list_category.attraction_category div.tabSubContWrap div.inner a dl dt {
font-weight: bold;
text-align: center;
}
div.list_category.attraction_category div.tabSubContWrap div.inner a dl dd {
margin-left: initial;
}
div.list_category.attraction_category div.tabSubContWrap div.inner a:hover {
color: #000;
text-decoration: none;
background: none;
}
div.list_category.attraction_category div.tabSubContWrap div.inner a:hover figure,
div.list_category.attraction_category div.tabSubContWrap div.inner a:hover .button_sub {
-webkit-transition: 0.2s;
transition: 0.2s;
opacity: 0.5;
}
div.list_category.attraction_category div.tabSubContWrap div.inner a {
margin-bottom: 35px;
}
div.list_category.attraction_category div.tabSubContWrap div.inner a figure {
position: relative;
}
div.list_category.attraction_category div.tabSubContWrap div.inner a figure p {
background: #fff;
border-radius: 10px;
position: absolute;
bottom: 10px;
left: 10px;
padding: 5px;
}
div.list_category.attraction_category div.tabSubContWrap div.inner a figure p img {
width: 60px;
height: 60px;
}
div.list_category.attraction_category div.tabSubContWrap div.inner a figure p:nth-child(2) {
left: 85px;
}
section#product {
/*
.tab-list {
list-style-type: none;
display: flex;
flex-flow: row wrap;
justify-content: space-btween;
}
*/
}
section#product ul.tabSub_Navi {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
background: #002d76;
border-radius: 10px;
margin: auto auto 50px auto;
padding: 10px;
}
section#product ul.tabSub_Navi li {
-webkit-box-flex: 0;
-ms-flex: 0 0 calc(20% - 5px);
flex: 0 0 calc(20% - 5px);
color: #002d76;
font-weight: bold;
line-height: 1.5;
text-align: center;
background: #fff;
border-top: solid 3px #002d76;
border-right: solid 3px #002d76;
border-left: solid 3px #002d76;
border-radius: 10px;
cursor: pointer;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
padding: 15px 0;
/*
p{
display:flex;
align-items:center;
justify-content:center;
position:relative;
margin-top:3px;
&:before{
content:"";
width:32px;
height:32px;
background:url(https://chokaitobishima.com/wp-content/uploads/2024/05/icon_asterisk_blue01.svg) no-repeat;
display:block;
margin:-3px 10px 0 0;
}
}
*/
}
section#product ul.tabSub_Navi li.active {
color: #fff;
background: #e4007f;
}
section#product ul.tabSub_Navi li.active p:before {
background: url(https://chokaitobishima.com/wp-content/uploads/2024/05/icon_asterisk_white01.svg) no-repeat;
}
section#product ul.tabSub_Navi.product li {
-webkit-box-flex: 0;
-ms-flex: 0 0 calc(14.2857142857% - 5px);
flex: 0 0 calc(14.2857142857% - 5px);
}
section#product .tabSubContWrap {
display: none;
-webkit-animation-name: fade;
animation-name: fade;
-webkit-animation-duration: 0.5s;
animation-duration: 0.5s;
}
section#product .tabSubContWrap.show {
-webkit-animation-name: fade;
animation-name: fade;
-webkit-animation-duration: 0.5s;
animation-duration: 0.5s;
}
section#product .tabSubContWrap.show {
display: block;
}
section#product .resultWrap.show {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
@keyframes fade {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@media screen and (max-width: 680px) {
section#product .tabSubContWrap.show {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
section#product ul.tabSub_Navi {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
section#product ul.tabSub_Navi li {
-webkit-box-flex: 0;
-ms-flex: 0 0 calc(33.3333333333% - 3px);
flex: 0 0 calc(33.3333333333% - 3px);
font-size: 3.5vw;
}
}
section#product p.product_text {
text-align: center;
margin-bottom: 40px;
}
@media screen and (max-width: 680px) {
section#product p.product_text {
text-align: justify;
}
section#product p.product_text br {
display: none;
}
}
section#product ul.tabSub_Navi.product li:last-child {
display: none;
}
section#product ul.tabSub_Navi.product_en li {
font-size: 95%;
padding: 15px 10px;
}
@media screen and (max-width: 680px) {
section#product ul.tabSub_Navi.product {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
}
section#product div.tabSubContWrap {
/*
a{
width:30%;
color:#000;
text-decoration:none;
display:block;
border:solid 3px setting.$siteMainColor;
border-radius:15px;
background:#fff;
margin-right: calc(100% - 30% * 3 - 60px);
padding:5px;
&:nth-child(3n){
margin-right:initial;
}
figure{
transition:.3s;
margin-bottom:10px;
img{
height:240px;
border-radius:10px 10px 0 0;
object-fit: cover;
//object-position:0 0;
}
}
//dl
dl{
padding:5px;
dt{
font-size:90%;
font-weight:bold;
margin-bottom:10px;
}
dd{
//text
&:first-of-type{
font-size:80%;
margin-bottom:10px;
}
}
}
// /dl
//hover
&:hover{
figure,
dd.button_sub{
transition:.2s;
opacity:.5;
}
}
// /hover
}
*/
}
section#product div.tabSubContWrap a {
width: calc(33.3333333333% - 20px);
color: #000;
border: solid 3px #002d76;
border-radius: 15px;
display: block;
margin-bottom: 35px;
padding: 5px;
}
section#product div.tabSubContWrap a:not(:nth-child(3n)) {
margin-right: 30px;
}
section#product div.tabSubContWrap a figure {
-webkit-transition: 0.3s;
transition: 0.3s;
margin-bottom: 15px;
}
section#product div.tabSubContWrap a figure img {
height: 240px;
border-radius: 10px 10px 0 0;
-o-object-fit: cover;
object-fit: cover;
}
section#product div.tabSubContWrap a dl dt, section#product div.tabSubContWrap a dl dd {
padding: 5px;
}
section#product div.tabSubContWrap a dl dt {
font-weight: bold;
text-align: center;
}
section#product div.tabSubContWrap a dl dd {
margin-left: initial;
}
section#product div.tabSubContWrap a:hover {
color: #000;
text-decoration: none;
background: none;
}
section#product div.tabSubContWrap a:hover figure,
section#product div.tabSubContWrap a:hover .button_sub {
-webkit-transition: 0.2s;
transition: 0.2s;
opacity: 0.5;
}
section#product div.tabSubContWrap div.inner div#articles {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
div.subPage.product {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
div.subPage.product div.mainColumn,
div.subPage.product article {
width: 850px;
}
div.subPage.product div.sidebar {
width: 300px;
display: block;
padding-top: 50px;
}
div.subPage.product div.column_content h1.entry-title.product {
margin: 50px 0;
}
div.subPage.product div.column_content div.eye-catch-wrap figure {
width: 100%;
}
div.subPage.product div.column_content div.eye-catch-wrap figure img {
width: 100%;
}
div.subPage.product div.column_content section#product_data h3 {
color: #fff;
background: #002d76;
padding: 5px 15px;
}
div.subPage.product div.column_content section#product_data div.googlemap iframe {
width: 100%;
height: 500px;
}
h2.related-entry-heading {
border: solid 3px #002d76;
border-radius: 5px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 12px;
}
h2.related-entry-heading:before {
content: "";
background: url(https://chokaitobishima.com/wp-content/uploads/2024/05/icon_asterisk_blue01.svg) no-repeat;
display: block;
width: 30px;
height: 30px;
margin-right: 15px;
}
div.related-list a {
border: solid 1px #ccc;
padding: 15px;
}
div.related-list a article {
width: 100% !important;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
div.related-list a article figure {
width: 150px;
margin-right: 15px;
}
div.related-list a article div.related-entry-card-content {
width: calc(100% - 150px);
margin-left: initial;
padding-bottom: initial;
}
div.subPage.column {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
div.subPage.column div.mainColumn,
div.subPage.column article {
width: 850px;
}
div.subPage.column div.sidebar {
width: 300px;
display: block;
padding-top: 50px;
}
div.subPage.column article h1.entry-title {
margin: 50px 0;
}
div.subPage.column article div.eye-catch-wrap figure {
width: 100%;
}
div.subPage.column article div.eye-catch-wrap figure img {
width: 100%;
}
div.subPage.column article div.writerProfile {
background: #eaf1ff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 30px;
padding: 30px;
}
div.subPage.column article div.writerProfile figure {
width: 150px;
height: 150px;
background: #fff;
border-radius: 99px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
overflow: hidden;
}
div.subPage.column article div.writerProfile figure img {
-o-object-fit: cover;
object-fit: cover;
}
div.subPage.column article div.writerProfile dl {
width: calc(100% - 150px);
margin: initial;
padding-left: 30px;
}
div.subPage.column article div.writerProfile dl dd {
margin: initial;
}
div.subPage.column article div.writerProfile dl dd p {
margin: initial;
}
div.subPage.column article h3.otherArticles {
border: solid 3px #002d76;
border-radius: 5px;
padding: 15px 12px;
}
div.subPage.column article h3.otherArticles img {
width: 30px;
}
div.subPage.column article ul {
padding: initial;
}
div.subPage.column article ul li {
border: solid 1px #ccc;
margin-bottom: 15px;
padding: 15px;
}
div.subPage.column article ul li a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
div.subPage.column article ul li a figure {
width: 150px;
-webkit-transition: 0.3s;
transition: 0.3s;
}
div.subPage.column article ul li a figure img {
width: 150px;
height: 100px;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: 0 0;
object-position: 0 0;
}
div.subPage.column article ul li a dl {
width: calc(100% - 150px - 15px);
}
div.subPage.column article ul li a dl dt {
font-size: 80%;
}
div.subPage.column article ul li a dl dd {
margin: initial;
}
div.subPage.column article ul li:hover a {
color: #002d76;
}
div.subPage.column article ul li:hover figure {
-webkit-transition: 0.3s;
transition: 0.3s;
opacity: 0.5;
}
section.subPage.modelCourse_entry h2 {
margin-bottom: 10px;
}
section.subPage.modelCourse_entry h3#entry_subTitle {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-bottom: 50px;
}
section.subPage.modelCourse_entry h3#entry_subTitle small {
text-align: center;
}
section.subPage.modelCourse_entry h3#entry_subTitle p {
font-size: 140%;
text-align: center;
color: #e4007f;
}
section.subPage.modelCourse_entry section#entryForm_wrap {
margin-bottom: 50px;
}
section.subPage.modelCourse_entry section#entryForm_wrap div.inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
section.subPage.modelCourse_entry section#entryForm_wrap div.formBox {
width: calc(50% - 20px);
border: solid 1px #ccc;
}
section.subPage.modelCourse_entry section#entryForm_wrap div.formBox h4 {
font-size: 140%;
line-height: 1.4;
color: #002d76;
background: #eaf1ff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 20px 10px;
}
section.subPage.modelCourse_entry section#entryForm_wrap div.formBox h4 div {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding-left: 10px;
}
section.subPage.modelCourse_entry section#entryForm_wrap div.formBox h4 div p {
font-size: 60%;
}
section.subPage.modelCourse_entry section#entryForm_wrap div.formBox dl.formInner {
padding: 20px;
}
section.subPage.modelCourse_entry section#entryForm_wrap div.formBox dl.formInner dt, section.subPage.modelCourse_entry section#entryForm_wrap div.formBox dl.formInner dd {
margin-bottom: 20px;
}
section.subPage.modelCourse_entry section#entryForm_wrap div.formBox dl.formInner dt {
color: #fff;
background: #002d76;
border-radius: 2px;
padding: 5px 12px;
}
section.subPage.modelCourse_entry section#entryForm_wrap div.formBox dl.formInner dd:not(:last-of-type) {
padding: 10px;
}
section.subPage.modelCourse_entry section#entryForm_wrap div.formBox dl.formInner dd label {
font-size: 100%;
background: #333;
border: solid 4px #eee;
border-radius: 99px;
}
section.subPage.modelCourse_entry section#entryForm_wrap div.formBox dl.formInner select + div {
font-size: 90%;
line-height: 1.5;
padding-top: 10px;
}
section.subPage.modelCourse_entry section#entryForm_wrap div.formBox dl.formInner a.form-btn {
-webkit-transition: 0.3s;
transition: 0.3s;
width: 60%;
color: #fff;
font-weight: bold;
border-radius: 5px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin: auto;
padding: 15px 10px;
}
section.subPage.modelCourse_entry section#entryForm_wrap div.formBox dl.formInner a.form-btn:hover {
-webkit-transition: 0.2s;
transition: 0.2s;
opacity: 0.5;
}
section.subPage.modelCourse_entry section#entryForm_wrap div.formBox dl.formInner a.form-btn:hover {
text-decoration: none;
}
section.subPage.modelCourse_entry section#entryForm_wrap div.formBox dl.formInner a.form-btn#ippan-link {
background: #22ab39;
border-bottom: solid 5px #1a802b;
}
section.subPage.modelCourse_entry section#entryForm_wrap div.formBox dl.formInner a.form-btn#ryoko-link {
background: #e95515;
border-bottom: solid 5px #ba4411;
}
section.subPage.modelCourse_entry section#entryForm_wrap div.formBox.general_form dl dt {
margin-bottom: 15px;
}
section.subPage.modelCourse_entry section#entryForm_wrap div.formBox.general_form dl dd {
margin-bottom: 15px;
}
section.subPage.modelCourse_entry section#entryForm_wrap div.formBox.travelAgency_form dl dt {
margin-bottom: 23px;
}
section.subPage.modelCourse_entry section#entryForm_wrap div.formBox.travelAgency_form dl dd {
margin-bottom: 26px;
}
section.subPage.modelCourse_entry section#entryForm_wrap div.formBox.travelAgency_form select + div {
padding-top: 30px !important;
}
section.subPage.modelCourse_entry section#applicationDetails_button {
background: #eaf1ff;
margin-bottom: 50px;
padding: 30px 0;
}
section.subPage.modelCourse_entry section#applicationDetails_button div {
width: 500px;
margin: 50px auto;
}
section#miniSearchbyArea {
margin-bottom: 50px;
}
section#miniSearchbyArea div.inner {
border: solid 3px #002d76;
border-radius: 15px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 30px;
}
section#miniSearchbyArea a {
width: calc(20% - 15px);
font-size: 90%;
border: solid 2px #002d76;
border-radius: 10px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding: 10px;
}
section#miniSearchbyArea a:hover {
text-decoration: none;
color: #002d76;
}
section#miniSearchbyArea a:hover figure,
section#miniSearchbyArea a:hover dd.button_sub {
-webkit-transition: 0.2s;
transition: 0.2s;
opacity: 0.5;
}
section#miniSearchbyArea a figure {
height: 180px;
text-align: center;
-webkit-transition: 0.3s;
transition: 0.3s;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 10px 10px 20px 10px;
}
section#miniSearchbyArea a dl dt {
text-align: center;
font-weight: bold;
}
section#miniSearchbyArea a dl dt:first-of-type {
color: #fff;
background: #e4007f;
border-radius: 99px;
margin-bottom: 10px;
}
section#miniSearchbyArea a dl dd:first-of-type {
margin-bottom: 10px;
}
section#miniSearchbyArea a div.button_sub {
margin-top: auto;
}
section#miniGeo_tour {
margin-bottom: 50px;
padding: 0 15px;
}
section#miniGeo_tour div.inner {
border: solid 3px #002d76;
border-radius: 15px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 30px;
}
section#miniGeo_tour p#subTitle {
color: #e4007f;
font-size: 120%;
font-weight: bold;
text-align: center;
margin: auto;
}
section#miniGeo_tour div.miniGeoTour_inner.splide {
width: 100%;
}
section#miniGeo_tour div.miniGeoTour_inner.splide div.splide__slide {
border: solid 3px #002d76;
border-radius: 15px;
background: #fff;
}
section#miniGeo_tour div.miniGeoTour_inner.splide a {
height: 100%;
color: #000;
text-decoration: none;
display: block;
/*
border:solid 3px setting.$siteMainColor;
border-radius:15px;
background:#fff;
*/
position: relative;
padding: 5px;
}
section#miniGeo_tour div.miniGeoTour_inner.splide a figure {
-webkit-transition: 0.3s;
transition: 0.3s;
margin-bottom: 10px;
}
section#miniGeo_tour div.miniGeoTour_inner.splide a figure img {
height: 200px;
border-radius: 10px 10px 0 0;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center center;
object-position: center center;
}
section#miniGeo_tour div.miniGeoTour_inner.splide a p {
font-size: 80%;
font-weight: bold;
color: #002d76;
line-height: 1.2;
/*
color:#fff;
text-shadow:0 0 3px #000,0 0 3px #000,
0 0 3px #000,0 0 3px #000,0 0 3px #000;
position:absolute;
bottom:10px;
left:18px;
*/
}
section#miniGeo_tour div.miniGeoTour_inner.splide a:hover figure {
-webkit-transition: 0.2s;
transition: 0.2s;
opacity: 0.5;
}
section#miniGeo_tour div.miniGeoTour_inner.splide ul.splide__pagination {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
bottom: -45px;
}
section#miniGeo_tour div.miniGeoTour_inner.splide ul.splide__pagination li {
margin: 0 10px;
}
section#miniGeo_tour div.miniGeoTour_inner.splide ul.splide__pagination li button {
width: 12px;
height: 12px;
opacity: initial;
background: #c9d5ec;
}
section#miniGeo_tour div.miniGeoTour_inner.splide ul.splide__pagination li button.is-active {
background: #002d76;
}
section#miniGeo_tour div.button {
width: 100%;
margin-top: 70px;
margin-bottom: initial;
}
section#miniGeo_tour div.button a {
padding: 15px !important;
}
section#miniGeo_tour div.button a p {
color: #fff !important;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
section#geoguide h4 {
background: #eaf1ff;
border: solid 1px #002d76;
padding: 15px;
}
section#geoguide ul {
padding-left: initial;
}
section#geoguide ul#geoguide_list {
border: solid 1px #ccc;
margin-bottom: 30px;
padding: 15px;
}
section#geoguide div.button {
max-width: 500px;
width: calc(100% - 30px);
margin: 50px auto;
}
section#geoguide div.button p#about_areaButton {
margin-bottom: initial;
}
section#geoguide div.button p:not(#about_areaButton) {
display: none;
}
section#geoTour {
/*
.tab-list {
list-style-type: none;
display: flex;
flex-flow: row wrap;
justify-content: space-btween;
}
*/
}
section#geoTour ul.tabSub_Navi {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
background: #002d76;
border-radius: 10px;
margin: auto auto 50px auto;
padding: 10px;
}
section#geoTour ul.tabSub_Navi li {
-webkit-box-flex: 0;
-ms-flex: 0 0 calc(20% - 5px);
flex: 0 0 calc(20% - 5px);
color: #002d76;
font-weight: bold;
line-height: 1.5;
text-align: center;
background: #fff;
border-top: solid 3px #002d76;
border-right: solid 3px #002d76;
border-left: solid 3px #002d76;
border-radius: 10px;
cursor: pointer;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
padding: 15px 0;
/*
p{
display:flex;
align-items:center;
justify-content:center;
position:relative;
margin-top:3px;
&:before{
content:"";
width:32px;
height:32px;
background:url(https://chokaitobishima.com/wp-content/uploads/2024/05/icon_asterisk_blue01.svg) no-repeat;
display:block;
margin:-3px 10px 0 0;
}
}
*/
}
section#geoTour ul.tabSub_Navi li.active {
color: #fff;
background: #e4007f;
}
section#geoTour ul.tabSub_Navi li.active p:before {
background: url(https://chokaitobishima.com/wp-content/uploads/2024/05/icon_asterisk_white01.svg) no-repeat;
}
section#geoTour ul.tabSub_Navi.product li {
-webkit-box-flex: 0;
-ms-flex: 0 0 calc(14.2857142857% - 5px);
flex: 0 0 calc(14.2857142857% - 5px);
}
section#geoTour .tabSubContWrap {
display: none;
-webkit-animation-name: fade;
animation-name: fade;
-webkit-animation-duration: 0.5s;
animation-duration: 0.5s;
}
section#geoTour .tabSubContWrap.show {
-webkit-animation-name: fade;
animation-name: fade;
-webkit-animation-duration: 0.5s;
animation-duration: 0.5s;
}
section#geoTour .tabSubContWrap.show {
display: block;
}
section#geoTour .resultWrap.show {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
@keyframes fade {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@media screen and (max-width: 680px) {
section#geoTour .tabSubContWrap.show {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
section#geoTour ul.tabSub_Navi {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
section#geoTour ul.tabSub_Navi li {
-webkit-box-flex: 0;
-ms-flex: 0 0 calc(33.3333333333% - 3px);
flex: 0 0 calc(33.3333333333% - 3px);
font-size: 3.5vw;
}
}
section#geoTour h3 {
font-size: 180%;
line-height: 1.2;
color: #e4007f;
text-align: center;
margin-bottom: 30px;
}
section#geoTour h3 + div {
text-align: center;
margin-bottom: 50px;
}
section#geoTour div.read {
margin-bottom: 60px;
}
section#geoTour ul.tabSub_Navi.geoTour li {
-webkit-box-flex: 0;
-ms-flex: 0 0 calc(14.2857142857% - 5px);
flex: 0 0 calc(14.2857142857% - 5px);
}
section#geoTour div.tabSubContWrap div.inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
section#geoTour a {
width: calc(33.3333333333% - 20px);
color: #000;
text-decoration: none;
display: block;
border: solid 3px #002d76;
border-radius: 15px;
background: #fff;
margin-right: calc(10% - 90px);
margin-bottom: 30px;
padding: 5px;
}
section#geoTour a:nth-child(3n) {
margin-right: initial;
}
section#geoTour a figure {
-webkit-transition: 0.3s;
transition: 0.3s;
margin-bottom: 10px;
}
section#geoTour a figure img {
height: 240px;
border-radius: 10px 10px 0 0;
-o-object-fit: cover;
object-fit: cover;
}
section#geoTour a dl {
padding: 5px;
}
section#geoTour a dl dt {
font-size: 90%;
font-weight: bold;
margin-bottom: 10px;
}
section#geoTour a dl dd:first-of-type {
font-size: 80%;
margin-bottom: 10px;
}
section#geoTour a:hover figure,
section#geoTour a:hover dd.button_sub {
-webkit-transition: 0.2s;
transition: 0.2s;
opacity: 0.5;
}
div.subPage.geo_tour {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
div.subPage.geo_tour div.mainColumn,
div.subPage.geo_tour article {
width: 850px;
}
div.subPage.geo_tour div.sidebar {
width: 300px;
display: block;
padding-top: 50px;
}
div.subPage.geo_tour div.entry-content {
border: solid 1px #002d76;
}
div.subPage.geo_tour div.entry-content p {
margin: initial;
padding: 15px;
}
div.subPage.geo_tour h2 {
font-size: 120%;
background: #eaf1ff;
border: solid 3px #002d76;
border-radius: 5px;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 40px;
padding: 15px 15px 12px 15px;
}
div.subPage.geo_tour h2:before {
content: "";
background: url(https://chokaitobishima.com/wp-content/uploads/2024/05/icon_asterisk_blue01.svg) no-repeat;
display: block;
width: 35px;
height: 35px;
margin-right: 15px;
}
div.subPage.geo_tour div.directions {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 40px;
}
div.subPage.geo_tour div.directions div {
font-weight: bold;
background: #eaf1ff;
border-radius: 99px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 20px;
padding: 0 20px 0 0;
}
div.subPage.geo_tour div.directions div span.dir_num {
width: 40px;
height: 40px;
color: #fff;
background: #e4007f;
border-radius: 99px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-right: 15px;
}
div.subPage.geo_tour div.directions span.arrow_forward {
width: 25px;
height: 25px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 0 15px;
}
@media screen and (min-width:1200px) {
div.subPage.geo_tour div.directions span.arrow_forward {
height: 35px;
}
}
div.subPage.geo_tour div.courseDetails div.courseDetails_box {
position: relative;
padding-bottom: 60px;
}
div.subPage.geo_tour div.courseDetails div.courseDetails_box:before {
content: "";
position: absolute;
left: 15px;
top: 0;
bottom: 0;
width: 10px;
height: calc(100% - 30px);
background-color: #e4007f;
z-index: -1;
}
div.subPage.geo_tour div.courseDetails div.courseDetails_box:not(:last-of-type):after {
content: "";
position: absolute;
left: -5px;
top: calc(100% - 40px);
width: 0;
height: 0;
border-left: 25px solid transparent;
border-right: 25px solid transparent;
border-top: 30px solid #e4007f;
}
div.subPage.geo_tour div.courseDetails div.courseDetails_box h3 {
font-weight: bold;
background: #eaf1ff;
border-radius: 99px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 40px;
padding: 0 20px 0 0;
}
div.subPage.geo_tour div.courseDetails div.courseDetails_box h3 span.cd_num {
width: 40px;
height: 40px;
color: #fff;
background: #e4007f;
border-radius: 99px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-right: 15px;
}
div.subPage.geo_tour div.courseDetails div.courseDetails_box div.site_details {
padding-left: 40px;
}
div.subPage.geo_tour div.courseDetails div.courseDetails_box div.site_details figure {
margin-bottom: 20px;
}
div.subPage.geo_tour div.courseDetails div.courseDetails_box div.site_details figure img {
width: 100%;
}
div.subPage.geo_tour div.courseDetails div.courseDetails_box div.site_details figure img + img {
padding-top: 20px;
}
@media screen and (min-width: 680px) {
div.subPage.geo_tour div.courseDetails div.courseDetails_box div.site_details figure img.smallImg {
width: 50%;
}
}
div.subPage.geo_tour div.courseDetails div.courseDetails_box div.site_details div.site_comment {
border: solid 1px #002d76;
margin-bottom: 20px;
padding: 15px;
}
div.subPage.geo_tour div.courseDetails div.courseDetails_box div.site_details div.site_time {
color: #fff;
background: #002d76;
border-radius: 99px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 10px;
}
div.subPage.geo_tour div.courseDetails div.courseDetails_box div.site_details div.site_time span.directions_car {
width: 50px;
height: 50px;
background: #fff;
border-radius: 99px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-right: 15px;
padding: 10px;
}
div.subPage.geo_tour div.courseDetails div.courseDetails_box div.site_details div.site_time span.directions_car img {
width: 30px;
}
div.application_form {
border: solid 5px #002d76;
border-radius: 10px;
}
div.application_form ul.app_head {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
background: url(https://chokaitobishima.com/wp-content/uploads/2024/06/bg-flow.png) no-repeat #eaf1ff;
background-size: cover;
background-position: 0 65%;
position: relative;
margin-bottom: 40px;
padding: 20px;
}
div.application_form ul.app_head li:first-child {
width: calc(100% - 330px);
}
div.application_form ul.app_head li:last-child {
width: 300px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
div.application_form ul.app_head li:last-child img {
width: 44%;
position: absolute;
right: 10px;
bottom: 10px;
}
div.application_form ul.app_head li h3 {
text-align: center;
margin-bottom: 20px;
}
div.application_form ul.app_head li h3 img {
width: 330px;
}
div.application_form ul.app_head li p {
border: solid 2px #002d76;
border-radius: 10px;
background: #fff;
padding: 15px;
}
div.application_form div.app_button {
margin-bottom: 40px;
}
div.application_form div.app_button a {
-webkit-transition: 0.3s;
transition: 0.3s;
width: 60%;
color: #fff;
font-weight: bold;
border-radius: 5px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin: auto;
padding: 15px 10px;
}
div.application_form div.app_button a:hover {
-webkit-transition: 0.2s;
transition: 0.2s;
opacity: 0.5;
}
div.application_form div.app_button a:hover {
text-decoration: none;
}
div.application_form div.app_button a#ippan-link {
background: #22ab39;
border-bottom: solid 5px #1a802b;
}
div.application_form div.app_button a#ryoko-link {
background: #e95515;
border-bottom: solid 5px #ba4411;
}
div.application_form div.app_button a img {
margin-right: 10px;
}
div.application_form div.app_button a span {
padding-top: 5px;
}
div.application_form dl.app_contact {
border: solid 3px #002d76;
border-radius: 5px;
margin: 0 20px 20px 20px;
}
div.application_form dl.app_contact dt, div.application_form dl.app_contact dd {
text-align: center;
padding: 10px;
}
div.application_form dl.app_contact dt {
color: #fff;
background: #002d76;
}
div.guidelines div ul,
div.guidelines-en div ul {
list-style-position: inside;
}
div.guidelines div ul li,
div.guidelines-en div ul li {
text-indent: -1.4em;
list-style-type: decimal;
padding-left: 1.4em;
}
section#report section#reportWrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
section#report section#reportWrap div#newsWrap,
section#report section#reportWrap div#eventArticle_wrap {
border-top: solid 1px #ccc;
width: calc(50% - 25px);
}
section#report section#reportWrap div#newsWrap dl,
section#report section#reportWrap div#eventArticle_wrap dl {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 28px 0 25px 0;
border-bottom: solid 1px #ccc;
}
section#report section#reportWrap div#newsWrap dl dt, section#report section#reportWrap div#newsWrap dl dd,
section#report section#reportWrap div#eventArticle_wrap dl dt,
section#report section#reportWrap div#eventArticle_wrap dl dd {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
section#report section#reportWrap div#newsWrap dl dt,
section#report section#reportWrap div#eventArticle_wrap dl dt {
width: 15%;
color: #666;
}
section#report section#reportWrap div#newsWrap dl dd,
section#report section#reportWrap div#eventArticle_wrap dl dd {
width: 85%;
}
section#report section#reportWrap div#newsWrap dl dd a,
section#report section#reportWrap div#eventArticle_wrap dl dd a {
color: #000;
}
section#report section#reportWrap div#newsWrap,
section#report section#reportWrap div#eventArticle_wrap {
border-top: initial;
}
section#report section#reportWrap div#newsWrap h3,
section#report section#reportWrap div#eventArticle_wrap h3 {
border-bottom: solid 1px #ccc;
-webkit-box-pack: initial;
-ms-flex-pack: initial;
justify-content: initial;
margin-bottom: initial;
padding-bottom: 30px;
}
section#report section#reportWrap div#newsWrap a,
section#report section#reportWrap div#eventArticle_wrap a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
border-bottom: solid 1px #ccc;
padding: 20px 0;
}
section#report section#reportWrap div#newsWrap a figure,
section#report section#reportWrap div#eventArticle_wrap a figure {
width: 100px;
}
section#report section#reportWrap div#newsWrap a figure img,
section#report section#reportWrap div#eventArticle_wrap a figure img {
width: 100px;
height: 100px;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: 50% 0;
object-position: 50% 0;
}
section#report section#reportWrap div#newsWrap a dl,
section#report section#reportWrap div#eventArticle_wrap a dl {
width: calc(100% - 100px - 20px);
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
border: initial;
padding: initial;
}
section#report section#reportWrap div#newsWrap a dl dt, section#report section#reportWrap div#newsWrap a dl dd,
section#report section#reportWrap div#eventArticle_wrap a dl dt,
section#report section#reportWrap div#eventArticle_wrap a dl dd {
width: 100%;
}
section#report section#reportWrap div#newsWrap div.button a,
section#report section#reportWrap div#eventArticle_wrap div.button a {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
div.inner.subPage.report {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
div.inner.subPage.report div.mainColumn,
div.inner.subPage.report article {
width: 850px;
}
div.inner.subPage.report div.sidebar {
width: 300px;
display: block;
padding-top: 50px;
}
section.education {
position: relative;
}
section.education p {
width: 100%;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: absolute;
z-index: 1;
}
section.education .splide.education {
width: 100vw;
overflow: hidden;
}
section.education .splide__slide {
width: 100% !important;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 2rem;
color: #fff;
}
section.education .splide__slide img {
max-width: 2500px;
width: 100%;
}
section.education div.inner {
position: relative;
z-index: 1;
margin: -100px auto 70px auto;
}
section.education nav.eduNavi {
background: #fff;
border: solid 5px #42a5dd;
border-radius: 15px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 30px;
}
section.education nav.eduNavi a {
width: calc(50% - 15px);
font-size: 25px;
color: #fff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-radius: 5px;
-webkit-transition: 0.3s;
transition: 0.3s;
-webkit-box-shadow: 4px 4px 0 #ddd;
box-shadow: 4px 4px 0 #ddd;
padding: 20px;
}
section.education nav.eduNavi a:first-child {
background: -webkit-gradient(linear, left top, right top, from(#ec88b1), to(#ea6e9f));
background: linear-gradient(to right, #ec88b1 0%, #ea6e9f 100%);
border: solid 2px #ea6e9f;
margin-bottom: 30px;
}
section.education nav.eduNavi a:nth-child(2) {
background: -webkit-gradient(linear, left top, right top, from(#67ce6a), to(#55ac6e));
background: linear-gradient(to right, #67ce6a 0%, #55ac6e 100%);
border: solid 2px #55ac6e;
margin-bottom: 30px;
}
section.education nav.eduNavi a:nth-child(2) img {
margin-right: 10px;
}
section.education nav.eduNavi a:nth-child(3) {
background: -webkit-gradient(linear, left top, right top, from(#f99740), to(#e6593b));
background: linear-gradient(to right, #f99740 0%, #e6593b 100%);
border: solid 2px #e6593b;
}
section.education nav.eduNavi a:last-child {
background: -webkit-gradient(linear, left top, right top, from(#f8bf4b), to(#fcb62a));
background: linear-gradient(to right, #f8bf4b 0%, #fcb62a 100%);
border: solid 2px #fcb62a;
}
section.education nav.eduNavi a:hover {
text-decoration: none;
-webkit-transition: 0.3s;
transition: 0.3s;
opacity: 0.6;
}
section.education nav.eduNavi a img {
width: 50px;
height: 50px;
margin-right: 5px;
}
div.subPage.education {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 60px;
}
div.subPage.education div.mainColumn,
div.subPage.education article {
width: 850px;
}
div.subPage.education div.sidebar {
width: 300px;
display: block;
padding-top: 50px;
}
div.subPage.education figure.eye-catch {
width: 100%;
}
div.subPage.education figure.eye-catch img {
width: 100%;
}
div.subPage.education h2.subEntry-title {
margin: 30px 0;
}
div.subPage.education div.edu_voice {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
div.subPage.education div.edu_voice div {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: relative;
margin-bottom: 15px;
padding: 0.8em 1.2em;
border: 3px solid #32abf0;
border-radius: 5px;
background-color: #fff;
width: calc(50% - 10px);
}
div.subPage.education div.edu_voice div:before, div.subPage.education div.edu_voice div:after {
position: absolute;
bottom: -15px;
width: 30px;
height: 15px;
clip-path: polygon(0 0, 100% 0, 50% 100%);
content: "";
}
div.subPage.education div.edu_voice div:before {
background-color: #32abf0;
}
div.subPage.education div.edu_voice div:after {
bottom: -11px;
background-color: #fff;
}
div.subPage.education div.education_flow {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
div.subPage.education div.education_flow dl {
width: calc(25% - 20px);
border: solid 2px #002d76;
border-radius: 3px;
position: relative;
}
div.subPage.education div.education_flow dl:not(:last-child):before {
content: url(https://chokaitobishima.com/wp-content/uploads/2024/06/arrow.svg);
position: absolute;
right: -28px;
top: 75px;
margin: auto;
}
div.subPage.education div.education_flow dl dt {
color: #002d76;
text-align: center;
background: #eaf1ff;
border-bottom: solid 2px #002d76;
padding: 10px;
}
div.subPage.education div.education_flow dl dd {
text-align: center;
padding: 10px;
}
div.subPage.education dl.faqs dt, div.subPage.education dl.faqs dd {
border-radius: 5px;
padding: 5px;
}
div.subPage.education dl.faqs dt {
background: #f8e6ef;
margin-bottom: 10px;
}
div.subPage.education dl.faqs dd {
background: #e9f5ea;
margin-bottom: 15px;
}
div.subPage.education dl.faqs dt:before,
div.subPage.education dl.faqs dd:before {
background: #E498BE;
color: white;
font-weight: 700;
border-radius: 4px;
margin-right: 10px;
padding: 2px 10px;
}
div.subPage.education dl.faqs dt:before {
content: "Q";
background: #E498BE;
}
div.subPage.education dl.faqs dd:before {
content: "A";
background: #66bb6a;
}
div.subPage.education ul.presentation li {
margin-bottom: 15px;
}
div.subPage.education ul.presentation a {
border: solid 1px #ccc;
border-radius: 5px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 15px;
}
div.subPage.education ul.presentation a figure {
width: 150px;
margin-right: 15px;
}
div.subPage.education ul.presentation a figure img {
width: 150px;
height: 120px;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: 0 0;
object-position: 0 0;
}
div.subPage.education div.edu_eventList {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding-top: 30px;
}
div.subPage.education div.edu_eventList a {
width: calc(33.3333333333% - 20px);
color: #000;
border: solid 3px #002d76;
border-radius: 15px;
display: block;
margin-bottom: 35px;
padding: 5px;
}
div.subPage.education div.edu_eventList a:not(:nth-child(3n)) {
margin-right: 30px;
}
div.subPage.education div.edu_eventList a figure {
-webkit-transition: 0.3s;
transition: 0.3s;
margin-bottom: 15px;
}
div.subPage.education div.edu_eventList a figure img {
height: 240px;
border-radius: 10px 10px 0 0;
-o-object-fit: cover;
object-fit: cover;
}
div.subPage.education div.edu_eventList a dl dt, div.subPage.education div.edu_eventList a dl dd {
padding: 5px;
}
div.subPage.education div.edu_eventList a dl dt {
font-weight: bold;
text-align: center;
}
div.subPage.education div.edu_eventList a dl dd {
margin-left: initial;
}
div.subPage.education div.edu_eventList a:hover {
color: #000;
text-decoration: none;
background: none;
}
div.subPage.education div.edu_eventList a:hover figure,
div.subPage.education div.edu_eventList a:hover .button_sub {
-webkit-transition: 0.2s;
transition: 0.2s;
opacity: 0.5;
}
div.subPage.education div.edu_eventList dl dd {
font-size: 80%;
}
div.subPage.education div.edu_eventList dl dt {
font-size: 90%;
line-height: 1.5;
text-align: left !important;
}
div.subPage.education div.bousai-map {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: distribute;
justify-content: space-around;
padding: 30px 0;
}
div.subPage.education div.bousai-map a {
border: solid 1px #ccc;
padding: 15px;
}
div.subPage.education p.safety_pdf_comment {
background: #eaf1ff;
padding: 15px;
}
div.sidebar_education h4 {
color: #fff;
background: #002d76;
border-radius: 5px;
margin-bottom: 15px;
padding: 4px 10px 2px 10px;
}
div.sidebar_education h4 img {
width: 30px;
margin-bottom: 3px;
}
div.sidebar_education dt {
color: #002d76;
font-weight: bold;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: relative;
border-radius: 5px;
background-color: #eaf1ff;
margin-bottom: 25px;
padding: 10px;
}
div.sidebar_education dt:before {
position: absolute;
bottom: -15px;
width: 30px;
height: 15px;
background-color: #eaf1ff;
clip-path: polygon(0 0, 100% 0, 50% 100%);
content: "";
}
div.sidebar_education dt img {
width: 28px;
height: 25px;
margin: 2px 5px 0 0;
}
div.sidebar_education dl {
margin-bottom: 30px;
}
div.sidebar_education dl dd {
border-bottom: solid 1px #ccc;
margin-bottom: 15px;
padding-bottom: 15px;
}
div.sidebar_education dl dd:first-of-type {
border-top: solid 1px #ccc;
margin-top: 15px;
padding-top: 15px;
}
div.sidebar_education dl dd a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
}
div.sidebar_education dl dd a:before {
content: "";
width: 20px;
height: 20px;
background: url(https://chokaitobishima.com/wp-content/uploads/2024/05/icon_arrow01.svg) no-repeat;
margin-right: 10px;
}
section.streetview div.headText {
margin-bottom: 50px;
}
section.streetview h3 {
font-size: 24px;
color: #fff;
line-height: 1.25;
background: #002d76;
border-radius: 5px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
margin: 50px 0;
padding: 15px;
}
section.streetview h3:before {
content: "";
width: 50px;
height: 50px;
background: url("https://chokaitobishima.com/wp-content/uploads/2024/05/icon_asterisk_white01.svg") no-repeat;
margin-right: 15px;
}
section.streetview div.streetview_random {
margin-bottom: 50px;
}
section.streetview div.streetview_random iframe {
width: 100%;
height: 600px;
}
section.streetview div.stView_wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
section.streetview div.streetview_box {
width: calc(33.3333333333% - 15px);
border: solid 3px #002d76;
border-radius: 5px;
margin-bottom: 20px;
padding: 5px;
}
section.streetview div.streetview_box a {
height: 100%;
}
section.streetview div.streetview_box a:hover {
color: #002d76;
text-decoration: none;
}
section.streetview div.streetview_box a:hover div.stView_thumb {
-webkit-transition: 0.3s;
transition: 0.3s;
}
section.streetview div.streetview_box a:hover div.stView_thumb:hover {
-webkit-transition: 0.2s;
transition: 0.2s;
opacity: 0.5;
}
section.streetview div.streetview_box div.stView_thumb {
width: 100%;
height: 200px;
margin-bottom: 15px;
}
section.streetview div.streetview_box h2 {
font-size: 100%;
margin-bottom: 15px;
}
section.streetview div.streetview_box span {
font-size: 80%;
color: #fff;
background: #e4007f;
border-radius: 99px;
padding: 2px 10px;
}
section.streetview div.adjust {
width: calc(33.3333333333% - 5px);
}
section.links div.links_list {
margin-bottom: 50px;
}
section.links div.links_list h3 {
color: #fff;
background: #002d76;
border-radius: 5px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 20px;
padding: 10px 10px 10px 15px;
}
section.links div.links_list h3 img {
width: 60px;
margin: -5px 20px 0 0;
}
section.links div.links_list table th, section.links div.links_list table td {
padding: 30px;
}
section.links div.links_list table th {
width: 35%;
}
section.download {
margin-bottom: 50px;
}
section.download div.read {
text-align: center;
margin-bottom: 50px;
}
section.download div.download_list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
section.download div.download_list a {
width: calc(33.3333333333% - 25px);
text-align: center;
border: solid 3px #002d76;
border-radius: 10px;
margin-bottom: 40px;
padding: 10px;
}
section.download div.download_list a figure {
-webkit-transition: 0.3s;
transition: 0.3s;
margin-bottom: 15px;
}
section.download div.download_list a h3 {
margin-bottom: 15px;
}
section.download div.download_list a:hover figure,
section.download div.download_list a:hover dd.button_sub {
-webkit-transition: 0.2s;
transition: 0.2s;
opacity: 0.5;
}
section.subPage.contact div.headText {
text-align: center;
margin-bottom: 50px;
}
section.subPage.contact div.headText div:first-child {
margin-bottom: 20px;
}
section.subPage.contact p {
width: 100%;
margin: initial;
}
section.subPage.contact div.contactForm_Wrap {
border: solid 1px #ccc;
padding: 20px;
}
section.subPage.contact dl dt, section.subPage.contact dl dd {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 15px;
padding: 10px;
}
section.subPage.contact dl dt {
background: #002d76;
border-radius: 5px;
padding: 15px;
}
section.subPage.contact dl dt p {
color: #fff;
line-height: 1.2;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
section.subPage.contact dl dt span {
font-size: 80%;
color: #fff;
background: #e4007f;
margin-left: 10px;
padding: 5px;
}
section.subPage.contact dl dd {
margin-left: initial;
}
section.subPage.contact div.contactForm_button {
text-align: center;
margin-bottom: 30px;
}
section.subPage.contact div.contactForm_button input {
max-width: 500px;
color: #fff;
background: #333;
border-radius: 5px;
padding: 20px;
}
section.sitepolicy h3 {
font-size: 24px;
color: #fff;
line-height: 1.25;
background: #002d76;
border-radius: 5px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
margin: 50px 0;
padding: 15px;
font-size: 24px;
margin: 0 0 30px 0;
}
section.sitepolicy h3:before {
width: 40px;
height: 40px;
}
section.sitepolicy div.read {
text-align: initial;
margin-bottom: 50px;
}
section#englishPage {
text-align: center;
}
form.search-box.input-box {
max-width: 500px;
width: 100%;
margin: auto auto 60px auto;
}
div.notFound {
text-align: center;
}
div.notFound img {
max-width: 500px;
width: 100%;
margin-bottom: 40px;
}
div.notFound ul.notFound_menu {
max-width: 900px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin: auto auto 50px auto;
}
div.notFound ul.notFound_menu li {
margin: 20px 10px;
}
div.notFound ul.notFound_menu a {
font-weight: bold;
text-decoration: none;
background: #eaf1ff;
border-radius: 99px;
padding: 10px 20px;
}
div.notFound ul.notFound_menu a:hover {
text-decoration: underline;
}
div.notFound div.search-box-on-404 p {
max-width: 500px;
color: #fff;
font-weight: bold;
background: #002d76;
border-radius: 99px;
margin: auto auto 40px auto;
padding: 10px;
}
div.notFound div.search-box-on-404 form {
max-width: 500px;
margin: auto auto 60px auto;
}
@media screen and (max-width: 1200px) {
.sp {
display: initial;
}
section#stage.subPage {
display: none;
}
/* breadcrumbs-パンくず */
div.breadcrumbs {
margin-top: 115px;
}
div.breadcrumbs div.inner {
font-size: 80%;
padding: 10px 15px;
}
}
body.iPhone section#article_umabble dd > div,
body.iPad section#article_umabble dd > div {
line-height: 1.99em !important;
}
body.iPhone section#article_umabble dl.topic01 div.article_img_topic01_hukidashi01,
body.iPad section#article_umabble dl.topic01 div.article_img_topic01_hukidashi01 {
margin-bottom: -0.3em;
}
body.iPhone section#article_umabble dl.topic01 dl.imgWrap01 img,
body.iPad section#article_umabble dl.topic01 dl.imgWrap01 img {
margin: 0 auto 30px auto !important;
}
@media screen and (max-width: 376px) {
body.iPhone section#article_umabble dl.topic01 p:nth-of-type(2),
body.iPad section#article_umabble dl.topic01 p:nth-of-type(2) {
margin-bottom: 0;
}
body.iPhone section#article_umabble dl.topic01 div.article_img_topic01_hukidashi01,
body.iPad section#article_umabble dl.topic01 div.article_img_topic01_hukidashi01 {
margin-bottom: 0;
}
}
body.iPhone section#article_umabble dl.topic03 p:first-of-type img,
body.iPad section#article_umabble dl.topic03 p:first-of-type img {
margin-bottom: 1.9em;
}
body.iPhone section#article_umabble dl.topic03 div.article_img_topic03_text01,
body.iPad section#article_umabble dl.topic03 div.article_img_topic03_text01 {
margin-bottom: -0.2em !important;
}
@media screen and (max-width: 376px) {
body.iPhone section#article_umabble dl.topic03 div.article_img_topic03_text01,
body.iPad section#article_umabble dl.topic03 div.article_img_topic03_text01 {
margin-bottom: 0.3em !important;
}
}
/*****************************************************/
/* ブレイクポイント上書き */
@media screen and (max-width: 1200px) {
.navi-footer {
float: none;
margin: 0;
width: 100%;
}
.copyright {
width: 100%;
}
.navi-footer-in > ul {
justify-content: center;
padding: 1em;
}
.footer-widgets {
display: block;
}
.footer-widgets > div {
width: 100%;
}
.content-in {
display: block;
}
main.main{
display: block;
margin: 10px;
width: auto;
}
div.sidebar {
display: block;
width: auto;
}
.footer-bottom-logo,
.footer-bottom-content {
float: none;
}
.footer-bottom-logo {
line-height: 1;
}
.footer-bottom-content {
text-align: center;
}
.fb-like-message {
font-size: 0.8em;
line-height: 1.4;
}
.sidebar-scroll {
position: static;
}
.ba-fixed.header {
background-position: top center;
}
.ba-fixed.header,
.ba-fixed.appeal {
background-attachment: scroll;
}
.header,
.appeal {
background-size: cover;
}
.footer-bottom-logo {
position: relative;
bottom: auto;
}
.logo-footer {
margin: 8px auto;
}
.mobile-menu-buttons {
display: flex;
align-items: stretch;
}
.mobile-header-menu-buttons {
top: 0;
bottom: auto;
justify-content: space-between;
min-width: 46px;
box-shadow: 0 0 5px darkgrey;
}
.logo-menu-button {
flex-grow: 1;
}
.mobile-footer-menu-buttons {
justify-content: space-around;
}
.mobile-footer-menu-buttons .menu-button {
width: 100%;
}
.no-mobile-sidebar .sidebar,
.mobile-button-fmb .go-to-top-button,
.no-mobile-header-logo #header .logo-header {
display: none;
}
.mblt-footer-mobile-buttons,
.mblt-header-and-footer-mobile-buttons {
margin-bottom: 50px;
}
.scrollable-mobile-buttons {
margin-bottom: 0;
}
.navi-footer-in > .menu-footer {
justify-content: center;
}
.footer-bottom.fdt-left-and-right .footer-bottom-content {
flex-direction: column;
}
.mblt-footer-mobile-buttons .go-to-top-button,
.mblt-header-and-footer-mobile-buttons .go-to-top-button {
display: none;
}
.navi-in .menu-pc {
display: none;
}
.no-mobile-header-logo .header .header-in {
min-height: auto;
}
#navi .navi-in > .menu-mobile {
display: flex;
}
#navi .navi-in > .menu-mobile > .menu-item-has-description > a > .caption-wrap {
height: 40px;
line-height: 16px;
}
#navi .navi-in > .menu-mobile li {
width: 50%;
height: 40px;
line-height: 40px;
}
#navi .navi-in > .menu-mobile li a {
font-size: 14px;
}
#navi .navi-in > .menu-mobile li a:after {
display: none;
}
.slicknav_menu {
display: block;
}
/* モバイルヘッダー高さ分、余白を設ける */
body:where(.mblt-header-mobile-buttons, .mblt-header-and-footer-mobile-buttons) {
margin-top: 60px;
}
/* adminバーがある場合、その余白分を除いた余白とする */
.admin-bar:where(.mblt-header-mobile-buttons, .mblt-header-and-footer-mobile-buttons) {
margin-top: calc(50px - var(--wp-admin--admin-bar--height));
}
/* モバイルヘッダー高さ分、余白を設ける-en */
body.page-template-page-frontpage-en{
margin-top: 80px;
}
}
/* 管理画面：投稿画面専用CSS */
.interface-complementary-area__fill {
width: 400px !important;
}
.interface-complementary-area.editor-sidebar {
width: 400px !important;
}
div.editor-post-panel__row-label{
font-size: calc(13px);
}
.css-174nrkn{
font-size: calc(13px);
}