島々が織りなす美しい景観。クルーズ船や温泉、
展望台など、様々な場所から絶景を楽しめます。
<!-- 
-->
@charset "utf-8";
/* --------------------------------------------
common
-------------------------------------------- */
.commonContentBox {
background-color: #fff;
}
.Mitaiken {
text-align: center;
margin: 0 auto;
max-width: 1160px;
}
.Mitaiken p,
.Mitaiken h4,
.Mitaiken h5,
.Mitaiken h6,
.Mitaiken li,
.Mitaiken span,
.Mitaiken a,
.Mitaiken th,
.Mitaiken td {
font-family: 'Noto Sans JP', sans-serif;
color: #000;
}
.Mitaiken a {
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
.Mitaiken a:hover {
opacity: .8;
}
.no-link{
pointer-events: none;
}
.Mitaiken .flex {
display: flex;
display: -webkit-flex;
flex-wrap: wrap;
}
.MitaikenLow {
padding-bottom: 80px;
}
.MitaikenLow .kv-area {
background-size: cover;
background-position: center center;
height: 320px;
padding: 30px;
}
.MitaikenLow .copy-area {
justify-content: space-between;
align-items: center;
height: 100%;
}
.MitaikenLow .copy-area img {
width: 360px;
height: auto;
}
.MitaikenLow .copy-area p {
font-size: 16px;
font-weight: 700;
line-height: 2;
color: #fff;
margin-top: 40px;
text-align: left;
}
.MitaikenLow .page-link {
justify-content: space-between;
margin: 40px 0;
}
.MitaikenLow .page-link .page-link-item {
background-size: cover;
background-position: center center;
width: 31%;
height: 90px;
display: flex;
display: -webkit-flex;
justify-content: center;
align-items: center;
text-decoration: none;
}
.MitaikenLow .page-link .page-link-item span {
color: #fff;
font-size: 16px;
font-weight: 700;
}
.MitaikenLow .lineup h4.lineup-ttl {
font-size: 18px;
font-weight: 700;
color: #fff;
padding: 7px 0;
margin: 0 0 40px
}
.MitaikenLow .lineup02 h4.lineup-ttl,
.MitaikenLow .lineup03 h4.lineup-ttl {
margin-top: 70px;
}
.banners {
display: flex;
display: -webkit-flex;
justify-content: space-between;
flex-wrap: wrap;
}
.banners::after {
display: block;
content: "";
width: 31%;
}
.banners .banner {
width: 31%;
height: auto;
padding-top: 31%;
}
.bg-zoom {
position: relative;
overflow: hidden;
}
.bg-zoom:after {
position: absolute;
content: "";
display: block;
width: 100%;
height: 100%;
top: 0;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
.bg-zoom:hover:after {
transform: scale(1.05);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.bg-zoom .bg-zoom-content .city-name {
z-index: 1;
position: absolute;
top: 14px;
left: 15px;
font-size: 16px;
color: #fff;
background-color: #71D7DE;
width: 95px;
height: 24px;
display: flex;
align-items: center;
justify-content: center;
}
.bg-zoom .bg-zoom-content .banner-cap {
z-index: 1;
position: absolute;
bottom: 0;
font-size: 16px;
font-weight: 700;
color: #fff;
background: rgba(113, 215, 222, .75);
width: 100%;
height: 80px;
display: flex;
display: -webkit-flex;
align-items: center;
margin-bottom: 0;
padding-left: 18px;
padding-right: 65px;
text-align: left;
}
.bg-zoom .bg-zoom-content .banner-cap::after {
content: "";
background-size: cover;
width: 40px;
height: 40px;
position: absolute;
right: 16px;
top: 50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
}
.lineup .banners .banner {
margin-bottom: 40px;
}
.banners .banner:hover {
opacity: 1;
}
.MitaikenLow .bnr-area {
/* justify-content: space-between; */
justify-content: center;
margin-top: 120px;
flex-wrap: wrap;
}
/* .MitaikenLow .bnr-area::after {
content: "";
display: block;
width: 24%;
} */
.MitaikenLow .bnr-area a {
width: 23.5%;
margin: 0 .6% 1.2%;
}
.MitaikenLow .bnr-area img {
width: 100%;
}
.MitaikenLow .lineup-btn {
background: #71D7DE;
border: solid 2px #71D7DE;
border-radius: 10px;
width: 400px;
height: 60px;
display: flex;
display: -webkit-flex;
align-items: center;
justify-content: center;
text-decoration: none;
margin: 20px auto 0;
position: relative;
z-index: 1;
}
.MitaikenLow .lineup-btn:hover {
background: #fff;
}
.MitaikenLow .lineup-btn span {
color: #fff;
font-size: 18px;
font-weight: 700;
}
.MitaikenLow .lineup-btn:hover span {
color: #71D7DE;
}
.MitaikenLow .lineup01 {
display: block;
padding-top: 150px!important;
margin-top: -150px!important;
}
.MitaikenLow .lineup02,
.MitaikenLow .lineup03 {
display: block;
padding-top: 80px;
margin-top: -80px;
}
.Mitaiken .s-border {
border: 0;
margin: 0 calc(50% - 50vw);
width: 100vw;
height: 15px;
background: url("https://image.dive-hiroshima.com/wp-content/uploads/2022/02/stripe_border@2x.png") repeat-x center;
background-size: contain;
}
.Mitaiken .btn01 a {
width: 300px;
height: 60px;
display: flex;
display: -webkit-flex;
align-items: center;
background: linear-gradient(to right, #71D7DE, #6C7EE2);
border-radius: 50px;
padding-left: 25px;
color: #fff;
font-size: 20px;
font-weight: 700;
text-decoration: none;
letter-spacing: .15rem;
margin: 50px auto 0;
position: relative;
box-shadow: 0 2rem 2rem -2rem hsl(200 50% 20% / 40%);
text-align: left;
}
.Mitaiken .btn01 a:hover {
opacity: 1;
}
.Mitaiken .btn01 a::after {
content: "";
background: url("https://image.dive-hiroshima.com/wp-content/uploads/2022/02/btn01_arrow@2x.png") no-repeat center center;
background-size: cover;
width: 81px;
height: 17px;
position: absolute;
right: 19px;
-webkit-transition: all .2s ease;
-moz-transition: all .2s ease;
-o-transition: all .2s ease;
transition: all .2s ease;
}
.Mitaiken .btn01 a:hover::after {
right: 8px;
}
.Mitaiken .bnr-area02 {
/* justify-content: space-between; */
justify-content: center;
}
.Mitaiken .bnr-area02 div {
width: 24%;
margin: 0 15px;
}
.Mitaiken .bnr-area02 div img {
width: 100%;
}
@media screen and (max-width: 1024px) {
.MitaikenLow {
padding-left: 15px;
padding-right: 15px;
}
.bg-zoom:hover:after {
transform: unset;
}
}
@media screen and (min-width: 769px) {
.sp-only {
display: none !important;
}
a[href^="tel:"] {
pointer-events: none;
}
.Mitaiken .pc-indention {
display: inline-block;
}
}
@media screen and (max-width: 768px) {
.pc-only {
display: none !important;
}
.MitaikenLow .kv-area {
height: auto;
}
.MitaikenLow .copy-area {
width: 100%;
margin-top: 40px;
}
.MitaikenLow .kv-area .banners {
width: 100%;
}
.MitaikenLow .copy-area p {
margin-bottom: 40px;
}
.lineup {
margin-top: 40px;
}
.lineup .banners .banner {
width: 48%;
padding-top: 48%;
margin-bottom: 30px;
}
.MitaikenLow .bnr-area {
flex-wrap: wrap;
margin-top: 40px;
}
.MitaikenLow .bnr-area a {
width: 48%;
margin-bottom: 30px;
}
.MitaikenLow {
padding-bottom: 80px;
}
}
@media screen and (max-width: 767px) {
.sp-none {
display: none !important;
}
.MitaikenLow {
padding-bottom: 40px;
}
.MitaikenLow .copy-area img {
width: 100%;
}
.MitaikenLow .copy-area p {
font-size: 14px;
margin-top: 20px;
margin-bottom: 30px;
}
.MitaikenLow .page-link {
margin-top: 30px;
margin-bottom: 50px;
}
.MitaikenLow .page-link .page-link-item {
width: 100%;
margin-bottom: 10px;
}
.MitaikenLow .page-link .page-link-item:last-child {
margin-bottom: 0;
}
.lineup {
margin-top: 50px;
}
.MitaikenLow .lineup h4.lineup-ttl {
font-size: 16px;
margin-bottom: 20px;
}
.MitaikenLow .lineup02 h4.lineup-ttl,
.MitaikenLow .lineup03 h4.lineup-ttl {
margin-top: 60px;
}
.MitaikenLow .lineup-btn {
width: 85%;
height: 50px;
margin: 10px auto 0;
}
.MitaikenLow .lineup-btn span {
font-size: 14px;
}
.banners .banner-01 {
width: 100%;
height: auto;
padding-top: 50%;
}
.bg-zoom .bg-zoom-content .city-name {
font-size: 11px;
width: 70px;
height: 20px;
top: 8px;
left: 8px;
}
.bg-zoom {
overflow: unset;
}
.banner-01 .bg-zoom-content .banner-cap {
bottom: -50px;
font-size: 12px;
background: rgba(113, 215, 222, 1);
padding-right: 31px;
padding-left: 10px;
height: 50px;
}
.lineup .bg-zoom .bg-zoom-content .banner-cap {
height: 74px;
bottom: -74px;
font-size: 11px;
background: rgba(113, 215, 222, 1);
padding-right: 31px;
padding-left: 10px;
}
.lineup .banners .banner {
margin-bottom: 90px;
}
.bg-zoom .bg-zoom-content .banner-cap::after {
width: 20px;
height: 20px;
right: 8px;
}
.MitaikenLow .bnr-area {
margin-top: 60px;
}
.MitaikenLow .bnr-area a {
width: 90%;
margin: 0px auto 10px;
}
.MitaikenLow .lineup01 {
display: block;
padding-top: 70px!important;
margin-top: -70px!important;
}
.MitaikenLow .lineup02,
.MitaikenLow .lineup03 {
display: block;
padding-top: 20px;
margin-top: -20px;
}
.Mitaiken .s-border {
height: 10px;
}
.Mitaiken .btn01 a {
width: 240px;
height: 50px;
font-size: 16px;
margin-top: 30px;
}
.Mitaiken .btn01 a::after {
width: 60px;
height: 12px;
}
.Mitaiken .bnr-area02 {
justify-content: center;
}
.Mitaiken .bnr-area02 div {
width: 75%;
margin-bottom: 4%;
}
.Mitaiken .bnr-area02 div:last-child {
margin-bottom: 0;
}
}
/* --------------------------------------------
MitaikenTop
-------------------------------------------- */
.MitaikenTop .top-contents {
margin-top: 45px;
}
.MitaikenTop .top-contents .contents-ttl {
margin-bottom: 30px;
}
.MitaikenTop .top-contents .con01 .contents-ttl h4 {
margin: 0 0 1px;
}
.MitaikenTop .top-contents .con01 .contents-ttl h4 img {
width: auto;
height: 186px;
}
.MitaikenTop .top-contents .contents-ttl p {
font-size: 16px;
line-height: 2;
margin-bottom: 0;
}
.MitaikenTop .top-contents .con01 {
margin: 10px 0;
padding: 25px 0 50px;
position: relative;
}
.MitaikenTop .top-contents .con01 .bg-deco-l {
position: absolute;
top: 0;
left: 0;
margin: 0 calc(50% - 50vw);
width: 86px;
height: auto;
}
.MitaikenTop .top-contents .con01 .bg-deco-r {
position: absolute;
bottom: 0;
right: 0;
margin: 0 calc(50% - 50vw);
width: 86px;
height: auto;
}
.MitaikenTop .top-contents .con01 .rmd-report {
justify-content: space-between;
align-items: baseline;
z-index: 2;
}
.MitaikenTop .top-contents .con01 .rmd-report article {
width: 22%;
}
.MitaikenTop .top-contents .con01 .rmd-report article .thumb {
position: relative;
background: #000;
}
.MitaikenTop .top-contents .con01 .rmd-report article .thumb img {
width: 100%;
height: auto;
-webkit-transition: all .2s ease;
-moz-transition: all .2s ease;
-o-transition: all .2s ease;
transition: all .3s ease;
}
.MitaikenTop .top-contents .con01 .rmd-report article a:hover img {
opacity: .5;
}
.MitaikenTop .top-contents .con01 .rmd-report article .thumb p {
position: absolute;
left: 0;
bottom: 0;
font-size: 14px;
padding: 2px 13px;
background: #FFFE00;
margin: 0;
}
.MitaikenTop .top-contents .con01 .rmd-report article .cap {
font-size: 14px;
font-weight: 700;
margin-top: 10px;
text-align: left;
}
.MitaikenTop .top-contents .con01 .btn01 {
background: url("https://image.dive-hiroshima.com/wp-content/uploads/2022/02/con01_btn-bg@2x.png") no-repeat center center;
background-size: contain;
}
.MitaikenTop .top-contents .con01 .model-corce {
padding-top: 60px;
}
.MitaikenTop .top-contents .con01 .model-corce h5 {
margin-bottom: 20px;
}
.MitaikenTop .top-contents .con01 .model-corce .btn01 {
background: none;
}
.MitaikenTop .top-contents .con02 .contents-ttl h4,
.MitaikenTop .top-contents .con03 .contents-ttl h4 {
margin: 0 0 30px;
}
.MitaikenTop .top-contents .con02 .contents-ttl h4 img,
.MitaikenTop .top-contents .con03 .contents-ttl h4 img,
.MitaikenTop .top-contents .con04 .contents-ttl h4 img {
width: auto;
height: 137px;
}
.MitaikenTop .top-contents .con02,
.MitaikenTop .top-contents .con04,
.MitaikenTop .top-contents .con05 {
padding: 50px 0;
}
.MitaikenTop .top-contents .con02 .ig-gallery {
max-width: 712px;
margin: 0 auto;
justify-content: space-between;
}
.MitaikenTop .top-contents .con02 .ig-gallery article {
width: 31%;
background: #000;
}
.MitaikenTop .top-contents .con02 .ig-gallery article:not(:nth-last-child(-n+3)) {
margin-bottom: 30px;
}
.MitaikenTop .top-contents .con02 .ig-gallery article img {
width: 100%;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
.MitaikenTop .top-contents .con02 .ig-gallery article a:hover img {
opacity: .5;
}
.MitaikenTop .top-contents h3 {
background: url("https://image.dive-hiroshima.com/wp-content/uploads/2022/02/con03_g-ttl_bg@2x.jpeg") center center;
background-size: cover;
padding: 35px 0 30px;
margin: 0 calc(50% - 50vw);
width: 100vw;
}
.MitaikenTop .top-contents h3 img {
width: 152px;
height: auto;
}
.MitaikenTop .top-contents .con03 {
background: url("https://image.dive-hiroshima.com/wp-content/uploads/2022/02/con03_bg@2x.jpeg") top center;
background-size: cover;
margin: 0 calc(50% - 50vw);
width: 100vw;
padding: 50px 0;
}
.MitaikenTop .top-contents .con03 .four-mitaiken {
max-width: 1160px;
margin: 0 auto;
justify-content: space-between;
}
.MitaikenTop .top-contents .con03 .four-mitaiken .four-child {
width: 22%;
position: relative;
}
.MitaikenTop .top-contents .con03 .four-mitaiken .four-child:nth-child(1):before {
content: "";
width: 100%;
height: 100%;
position: absolute;
bottom: -20px;
right: -20px;
background: url("https://image.dive-hiroshima.com/wp-content/uploads/2022/02/con03_4m-see_bg@2x.jpeg") center center;
background-size: cover;
}
.MitaikenTop .top-contents .con03 .four-mitaiken .four-child:nth-child(2):before {
content: "";
width: 100%;
height: 100%;
position: absolute;
bottom: -20px;
right: -20px;
background: url("https://image.dive-hiroshima.com/wp-content/uploads/2022/02/con03_4m-gourmet_bg@2x.jpeg") center center;
background-size: cover;
}
.MitaikenTop .top-contents .con03 .four-mitaiken .four-child:nth-child(3):before {
content: "";
width: 100%;
height: 100%;
position: absolute;
bottom: -20px;
right: -20px;
background: url("https://image.dive-hiroshima.com/wp-content/uploads/2022/02/con03_4m-experience_bg@2x.jpeg") center center;
background-size: cover;
}
.MitaikenTop .top-contents .con03 .four-mitaiken .four-child:nth-child(4):before {
content: "";
width: 100%;
height: 100%;
position: absolute;
bottom: -20px;
right: -20px;
background: url("https://image.dive-hiroshima.com/wp-content/uploads/2022/02/con03_4m-appeal_bg@2x.jpeg") center center;
background-size: cover;
}
.MitaikenTop .top-contents .con03 .four-mitaiken .four-child a {
width: 100%;
height: 100%;
display: inline-block;
position: relative;
right: 0;
bottom: 0;
-webkit-transition: all 0.1s ease;
-moz-transition: all 0.1s ease;
-o-transition: all 0.1s ease;
transition: all 0.1s ease;
}
.MitaikenTop .top-contents .con03 .four-mitaiken .four-child a:hover {
opacity: 1;
position: absolute;
right: -5px;
bottom: -5px;
}
.MitaikenTop .top-contents .con03 .four-mitaiken .four-child a img {
width: 100%;
height: auto;
z-index: 2;
}
.MitaikenTop .top-contents .con04 .contents-ttl h4 {
margin: 0 0 50px;
}
.MitaikenTop .top-contents .con05 {
position: relative;
margin-bottom: 16px;
}
.MitaikenTop .top-contents .con05 .bg {
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
z-index: inherit;
}
.MitaikenTop .top-contents .con05 .inner {
position: relative;
z-index: 1;
}
.MitaikenTop .top-contents .con05 .contents-ttl h4 img {
width: auto;
height: 139px;
}
.MitaikenTop .top-contents .con05 .contents-ttl h4 {
margin: 0 0 20px;
}
.MitaikenTop .top-contents .con05 .contents-ttl p .marker {
font-weight: 700;
background-color: #FFFE00;
border-radius: 50px;
margin: 0 .2%;
}
.MitaikenTop .top-contents .con05 .outline .logo {
width: 315px;
height: auto;
margin-bottom: 30px;
}
.MitaikenTop .top-contents .con05 .outline table {
margin: 0 auto 25px;
}
.MitaikenTop .top-contents .con05 .outline table tr:not(:last-of-type) th,
.MitaikenTop .top-contents .con05 .outline table tr:not(:last-of-type) td {
padding-bottom: 10px;
}
.MitaikenTop .top-contents .con05 .outline table th {
display: inline-block;
margin-right: 10px;
line-height: 1.1;
}
.MitaikenTop .top-contents .con05 .outline table th span {
/* width: 100px; */
width: 130px;
background-color: #71D7DE;
padding: 4px 0;
display: inline-block;
text-align: center;
border-radius: 50px;
color: #fff;
letter-spacing: .05em;
vertical-align: top;
}
.MitaikenTop .top-contents .con05 .outline table td {
letter-spacing: .05em;
vertical-align: top;
font-size: 20px;
font-weight: 700;
text-align: left;
padding-top: .3%;
line-height: 1.1;
}
.MitaikenTop .top-contents .con05 .outline table td span {
font-weight: 400;
font-size: 14px;
}
.MitaikenTop .top-contents .con05 .outline .btn01 a {
margin-top: 14px;
line-height: 1.15;
}
.MitaikenTop .top-contents .con05 .con-10ticket {
border-top: solid 1px #71D7DE;
margin-top: 50px;
padding-top: 50px;
}
.MitaikenTop .top-concept {
background-image: url("https://image.dive-hiroshima.com/wp-content/uploads/2022/02/concept_bg@2x.jpeg");
background-size: cover;
background-position: top center;
padding: 80px 20px;
margin-left: calc(((100vw - 100%) / 2) * -1);
margin-right: calc(((100vw - 100%) / 2) * -1);
}
.MitaikenTop .top-concept .about .about-ttl {
font-size: 25px;
font-weight: 700;
margin-bottom: 20px;
letter-spacing: .1rem;
}
.MitaikenTop .top-concept .about img {
max-width: 543px;
width: 100%;
height: auto;
margin-bottom: 15px;
}
.MitaikenTop .top-concept .about .about-subttl {
font-size: 15px;
font-weight: 700;
color: #fff;
letter-spacing: .15rem;
}
.MitaikenTop .top-concept .about .about-txt {
line-height: 2.3;
font-size: 18px;
letter-spacing: .05rem;
}
.MitaikenTop .top-concept .about .held-info {
margin-top: 50px;
margin-bottom: 60px;
}
.MitaikenTop .top-concept .about .held-info p {
font-size: 18px;
font-weight: 700;
text-align: left;
line-height: 2;
margin: 0;
padding: 17px 0;
border-top: solid 1px #000;
border-bottom: solid 1px #000;
display: inline-block;
}
.MitaikenTop .top-concept .about .about-item {
max-width: 1160px;
margin: 0 auto;
justify-content: space-between;
align-items: center;
}
.MitaikenTop .top-concept .about .about-item .about-txt {
width: 42%;
font-size: 16px;
font-weight: 700;
text-align: left;
margin: 0;
letter-spacing: .1rem;
}
.MitaikenTop .top-concept .about .about-item .movie {
width: 54%;
}
.MitaikenTop .top-concept .about .about-item .movie iframe {
width: 100%;
}
@media screen and (max-width: 1024px) {
.MitaikenTop {
padding-right: 20px;
padding-left: 20px;
}
.MitaikenTop .top-mv {
margin-left: calc(((100vw - 100%) / 2) * -1);
margin-right: calc(((100vw - 100%) / 2) * -1);
}
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
.MitaikenTop {
margin-top: 60px;
}
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
.MitaikenTop .top-contents .con03 .four-mitaiken {
padding: 0 20px;
}
.MitaikenTop .top-contents .con03 .four-mitaiken .four-child::before {
bottom: -10px;
right: -10px;
}
}
@media screen and (max-width: 767px) {
.MitaikenTop .top-contents {
margin-top: 20px;
}
.MitaikenTop .top-contents .con01 {
margin: 5px 0;
padding: 15px 0 30px;
}
.MitaikenTop .top-contents .con01 .bg-deco-l {
width: 50px;
}
.MitaikenTop .top-contents .con01 .bg-deco-r {
width: 50px;
}
.MitaikenTop .top-contents .contents-ttl {
margin-bottom: 20px;
}
.MitaikenTop .top-contents .con01 .contents-ttl h4 img {
height: 146px;
}
.MitaikenTop .top-contents .contents-ttl p {
font-size: 14px;
line-height: 1.5;
text-align: left;
}
.MitaikenTop .top-contents .con01 .rmd-report article {
width: 47.5%;
}
.MitaikenTop .top-contents .con01 .rmd-report article:not(:nth-last-child(-n+2)) {
margin-bottom: 10px;
}
.MitaikenTop .top-contents .con01 .rmd-report article .cap {
font-size: 12px;
margin-top: 8px;
}
.MitaikenTop .top-contents .con01 .model-corce {
padding-top: 30px;
}
.MitaikenTop .top-contents .con01 .model-corce h5 {
margin-bottom: 10px;
}
.MitaikenTop .top-contents .con01 .model-corce .btn01 {
background: none;
}
.MitaikenTop .top-contents .con02,
.MitaikenTop .top-contents .con04,
.MitaikenTop .top-contents .con05 {
padding: 30px 0;
}
.MitaikenTop .top-contents .con02 .contents-ttl h4,
.MitaikenTop .top-contents .con03 .contents-ttl h4 {
margin: 0 0 20px;
}
.MitaikenTop .top-contents .con02 .contents-ttl h4 img,
.MitaikenTop .top-contents .con03 .contents-ttl h4 img,
.MitaikenTop .top-contents .con04 .contents-ttl h4 img {
height: 107px;
}
.MitaikenTop .top-contents .con02 .ig-gallery article:not(:nth-last-child(-n+3)) {
margin-bottom: 0.75em;
}
.MitaikenTop .top-contents h3 {
padding: 17px 0 15px;
}
.MitaikenTop .top-contents h3 img {
width: 100px;
}
.MitaikenTop .top-contents .con03 {
padding: 30px 20px 40px;
}
.MitaikenTop .top-contents .con03 .four-mitaiken .four-child {
width: 47%;
}
.MitaikenTop .top-contents .con03 .four-mitaiken .four-child:not(:nth-last-child(-n+2)) {
margin-bottom: 1.2em;
}
.MitaikenTop .top-contents .con03 .four-mitaiken .four-child::before {
bottom: -8px!important;
right: -8px!important;
}
.MitaikenTop .top-contents .con04 .contents-ttl h4 {
margin: 0 0 25px;
}
.MitaikenTop .top-contents .con05 .bg {
width: 100%;
}
.MitaikenTop .top-contents .con05 .contents-ttl h4 img {
height: 110px;
}
.MitaikenTop .top-contents .con05 .outline .logo {
width: 80%;
margin-bottom: 20px;
}
.MitaikenTop .top-contents .con05 .outline table th span {
font-size: 14px;
width: 80px;
letter-spacing: 0;
}
.MitaikenTop .top-contents .con05 .outline table td {
font-size: 18px;
}
.MitaikenTop .top-contents .con05 .outline table td span {
font-size: 12px;
}
.MitaikenTop .top-contents .con05 .outline table {
margin-bottom: 15px;
}
.MitaikenTop .top-contents .con05 .outline .btn-area img {
width: 30%;
}
.MitaikenTop .top-contents .con05 .outline .btn01 a {
margin-top: 6px;
}
.MitaikenTop .top-contents .con05 .con-10ticket {
margin-top: 30px;
padding-top: 30px;
}
.MitaikenTop .top-concept {
padding: 60px 20px 40px;
background-image: url("https://image.dive-hiroshima.com/wp-content/uploads/2022/02/concept_bg_sp@2x.jpeg");
}
.MitaikenTop .top-concept .about .about-ttl {
font-size: 15px;
margin-bottom: 20px;
}
.MitaikenTop .top-concept .about .about-subttl {
font-size: 10px;
}
.MitaikenTop .top-concept .about .held-info {
margin-top: 30px;
margin-bottom: 30px;
}
.MitaikenTop .top-concept .about .held-info p {
font-size: 16px;
line-height: 2;
}
.MitaikenTop .top-concept .about .about-item {
flex-direction: column-reverse;
}
.MitaikenTop .top-concept .about .about-item .about-txt {
width: 100%;
font-size: 14px;
line-height: 2;
letter-spacing: 0;
}
.MitaikenTop .top-concept .about .about-item .movie {
width: 100%;
margin-bottom: 16px;
}
.MitaikenTop .top-concept .about .about-item .movie iframe {
width: 100%;
height: 188px;
}
}
@media screen and (max-width: 320px) {
.MitaikenTop .top-concept .about .about-item .movie iframe {
height: 168px;
}
}
/* --------------------------------------------
Experience
-------------------------------------------- */
.Experience .kv-area {
background-image: url("https://image.dive-hiroshima.com/wp-content/uploads/2022/02/kv_bg@2x-1.jpeg");
}
.Experience .page-link .page-link-item01 {
background-image: url("https://image.dive-hiroshima.com/wp-content/uploads/2022/02/page-link01@2x.jpeg");
}
.Experience .page-link .page-link-item02 {
background-image: url("https://image.dive-hiroshima.com/wp-content/uploads/2022/02/page-link02@2x.jpeg");
}
.Experience .page-link .page-link-item03 {
background-image: url("https://image.dive-hiroshima.com/wp-content/uploads/2022/02/page-link03@2x.jpeg");
}
.Experience .lineup01 h4.lineup-ttl {
background: #65ACB5;
}
.Experience .lineup02 h4.lineup-ttl {
background: #88C64B;
}
.Experience .lineup03 h4.lineup-ttl {
background: #966E45;
}
.Experience .bg-zoom .bg-zoom-content .banner-cap::after {
background-image: url("https://image.dive-hiroshima.com/wp-content/uploads/2022/02/banners_arrow@2x.jpeg");
}
.Experience .banner-01:after {
background: url("https://image.dive-hiroshima.com/wp-content/uploads/2022/02/ph01@2x.jpeg") no-repeat center center;
background-size: cover;
}
.Experience .banner-02:after {
background: url("https://image.dive-hiroshima.com/wp-content/uploads/2022/02/ph02@2x.jpeg") no-repeat center center;
background-size: cover;
}
.Experience .banner-03:after {
background: url("https://image.dive-hiroshima.com/wp-content/uploads/2022/02/ph03@2x.jpeg") no-repeat center center;
background-size: cover;
}
.Experience .banner-04:after {
background: url("https://image.dive-hiroshima.com/wp-content/uploads/2022/02/ph04@2x.jpeg") no-repeat center center;
background-size: cover;
}
.Experience .banner-05:after {
background: url("https://image.dive-hiroshima.com/wp-content/uploads/2022/02/ph05@2x.jpeg") no-repeat center center;
background-size: cover;
}
.Experience .banner-06:after {
background: url("https://image.dive-hiroshima.com/wp-content/uploads/2022/02/ph06@2x.jpeg") no-repeat center center;
background-size: cover;
}
.Experience .banner-07:after {
background: url("https://image.dive-hiroshima.com/wp-content/uploads/2022/02/ph07@2x.jpeg") no-repeat center center;
background-size: cover;
}
.Experience .banner-08:after {
background: url("https://image.dive-hiroshima.com/wp-content/uploads/2022/02/ph08@2x.jpeg") no-repeat center center;
background-size: cover;
}
.Experience .banner-09:after {
background: url("https://image.dive-hiroshima.com/wp-content/uploads/2022/02/ph09@2x.jpeg") no-repeat center center;
background-size: cover;
}
.Experience .banner-10:after {
background: url("https://image.dive-hiroshima.com/wp-content/uploads/2022/02/ph10@2x.jpeg") no-repeat center center;
background-size: cover;
}
.Experience .banner-11:after {
background: url("https://image.dive-hiroshima.com/wp-content/uploads/2022/02/ph11@2x.jpeg") no-repeat center center;
background-size: cover;
}
.Experience .banner-12:after {
background: url("https://image.dive-hiroshima.com/wp-content/uploads/2022/02/ph12@2x.jpeg") no-repeat center center;
background-size: cover;
}
.Experience .banner-13:after {
background: url("https://image.dive-hiroshima.com/wp-content/uploads/2022/02/ph13@2x.jpeg") no-repeat center center;
background-size: cover;
}
.Experience .banner-14:after {
background: url("https://image.dive-hiroshima.com/wp-content/uploads/2022/02/ph14@2x.jpeg") no-repeat center center;
background-size: cover;
}
.Experience .banner-15:after {
background: url("https://image.dive-hiroshima.com/wp-content/uploads/2022/02/ph15@2x.jpeg") no-repeat center center;
background-size: cover;
}
.Experience .banner-16:after {
background: url("https://image.dive-hiroshima.com/wp-content/uploads/2022/02/ph16@2x.jpeg") no-repeat center center;
background-size: cover;
}
.Experience .banner-17:after {
background: url("https://image.dive-hiroshima.com/wp-content/uploads/2022/02/ph17@2x.jpeg") no-repeat center center;
background-size: cover;
}
.Experience .banner-18:after {
background: url("https://image.dive-hiroshima.com/wp-content/uploads/2022/02/ph18@2x.jpeg") no-repeat center center;
background-size: cover;
}
.Experience .banner-19:after {
background: url("https://image.dive-hiroshima.com/wp-content/uploads/2022/02/ph19@2x.jpeg") no-repeat center center;
background-size: cover;
}
.Experience .banner-20:after {
background: url("https://image.dive-hiroshima.com/wp-content/uploads/2022/02/ph20@2x.jpeg") no-repeat center center;
background-size: cover;
}
.Experience .banner-21:after {
background: url("https://image.dive-hiroshima.com/wp-content/uploads/2022/02/ph21@2x.jpeg") no-repeat center center;
background-size: cover;
}
.Experience .banner-22:after {
background: url("https://image.dive-hiroshima.com/wp-content/uploads/2022/02/ph22@2x.jpeg") no-repeat center center;
background-size: cover;
}
.Experience .banner-23:after {
background: url("https://image.dive-hiroshima.com/wp-content/uploads/2022/02/ph23@2x.jpeg") no-repeat center center;
background-size: cover;
}
.Experience .banner-24:after {
background: url("https://image.dive-hiroshima.com/wp-content/uploads/2022/02/ph24@2x.jpeg") no-repeat center center;
background-size: cover;
}
.Experience .banner-25:after {
background: url("https://image.dive-hiroshima.com/wp-content/uploads/2022/02/ph25@2x.jpeg") no-repeat center center;
background-size: cover;
}
.Experience .banner-26:after {
background: url("https://image.dive-hiroshima.com/wp-content/uploads/2022/02/ph26@2x.jpeg") no-repeat center center;
background-size: cover;
}
.Experience .banner-27:after {
background: url("https://image.dive-hiroshima.com/wp-content/uploads/2022/02/ph27@2x.jpeg") no-repeat center center;
background-size: cover;
}
.Experience .banner-28:after {
background: url("https://image.dive-hiroshima.com/wp-content/uploads/2022/02/ph28@2x.jpeg") no-repeat center center;
background-size: cover;
}
.Experience .banner-29:after {
background: url("https://image.dive-hiroshima.com/wp-content/uploads/2022/02/ph29@2x.jpeg") no-repeat center center;
background-size: cover;
}
.Experience .banner-30:after {
background: url("https://image.dive-hiroshima.com/wp-content/uploads/2022/02/ph30@2x.jpeg") no-repeat center center;
background-size: cover;
}
.Experience .banner-31:after {
background: url("https://image.dive-hiroshima.com/wp-content/uploads/2022/02/ph31@2x.jpeg") no-repeat center center;
background-size: cover;
}
.Experience .banner-32:after {
background: url("https://image.dive-hiroshima.com/wp-content/uploads/2022/02/ph32@2x.jpeg") no-repeat center center;
background-size: cover;
}
.Experience .banner-33:after {
background: url("https://image.dive-hiroshima.com/wp-content/uploads/2022/02/ph33@2x.jpeg") no-repeat center center;
background-size: cover;
}
.Experience .banner-34:after {
background: url("https://image.dive-hiroshima.com/wp-content/uploads/2022/02/ph34@2x.jpeg") no-repeat center center;
background-size: cover;
}
.Experience .banner-35:after {
background: url("https://image.dive-hiroshima.com/wp-content/uploads/2022/02/ph35@2x.jpeg") no-repeat center center;
background-size: cover;
}
.Experience .banner-37:after {
background: url("https://image.dive-hiroshima.com/wp-content/uploads/2022/02/ph37@2x.jpeg") no-repeat center center;
background-size: cover;
}
.Experience .banner-38:after {
background: url("https://image.dive-hiroshima.com/wp-content/uploads/2022/02/ph38@2x.jpeg") no-repeat center center;
background-size: cover;
}
.Experience .banner-39:after {
background: url("https://image.dive-hiroshima.com/wp-content/uploads/2022/02/ph39@2x.jpeg") no-repeat center center;
background-size: cover;
}
.Experience .banner-40:after {
background: url("https://image.dive-hiroshima.com/wp-content/uploads/2022/02/ph40@2x.jpeg") no-repeat center center;
background-size: cover;
}
.Experience .banner-41:after {
background: url("https://image.dive-hiroshima.com/wp-content/uploads/2022/02/ph41@2x.jpeg") no-repeat center center;
background-size: cover;
}
.Experience .banner-42:after {
background: url("https://image.dive-hiroshima.com/wp-content/uploads/2022/02/ph42@2x.jpeg") no-repeat center center;
background-size: cover;
}
.Experience .banner-43:after {
background: url("https://image.dive-hiroshima.com/wp-content/uploads/2022/02/ph43@2x.jpeg") no-repeat center center;
background-size: cover;
}
/* --------------------------------------------
See
-------------------------------------------- */
.See .kv-area {
background-image: url("https://image.dive-hiroshima.com/wp-content/uploads/2022/02/kv_bg@2x-2.jpeg");
}
.See .page-link .page-link-item01 {
background-image: url("https://image.dive-hiroshima.com/wp-content/uploads/2022/02/page-link01@2x-2.jpeg");
}
.See .page-link .page-link-item02 {
background-image: url("https://image.dive-hiroshima.com/wp-content/uploads/2022/02/page-link02@2x.jpeg");
}
.See .page-link .page-link-item03 {
background-image: url("https://image.dive-hiroshima.com/wp-content/uploads/2022/02/page-link03@2x-2.jpeg");
}
.See .lineup01 h4.lineup-ttl {
background: #4652AC;
}
.See .lineup02 h4.lineup-ttl {
background: #88C64B;
}
.See .lineup03 h4.lineup-ttl {
background: #7D5D98;
}
.See .bg-zoom .bg-zoom-content .banner-cap::after {
background-image: url("https://image.dive-hiroshima.com/wp-content/uploads/2022/02/banners_arrow@2x-2.jpeg");
}
.See .banner-01:after {
background: url("https://image.dive-hiroshima.com/wp-content/uploads/2022/02/ph01@2x-2.jpeg") no-repeat center center;
background-size: cover;
}
.See .banner-02:after {
background: url("https://image.dive-hiroshima.com/wp-content/uploads/2022/02/ph02@2x.jpeg") no-repeat center center;
background-size: cover;
}
.See .banner-03:after {
background: url("https://image.dive-hiroshima.com/wp-content/uploads/2022/02/ph03@2x-2.jpeg") no-repeat center center;
background-size: cover;
}
.See .banner-04:after {
background: url("https://image.dive-hiroshima.com/wp-content/uploads/2022/02/ph04@2x.jpeg") no-repeat center center;
background-size: cover;
}
.See .banner-06:after {
background: url("https://image.dive-hiroshima.com/wp-content/uploads/2022/02/ph06@2x.jpeg") no-repeat center center;
background-size: cover;
}
.See .banner-07:after {
background: url("https://image.dive-hiroshima.com/wp-content/uploads/2022/02/ph07@2x.jpeg") no-repeat center center;
background-size: cover;
}
.See .banner-08:after {
background: url("https://image.dive-hiroshima.com/wp-content/uploads/2022/02/ph08@2x-2.jpeg") no-repeat center center;
background-size: cover;
}
.See .banner-09:after {
background: url("https://image.dive-hiroshima.com/wp-content/uploads/2022/02/ph09@2x-2.jpeg") no-repeat center center;
background-size: cover;
}
.See .banner-10:after {
background: url("https://image.dive-hiroshima.com/wp-content/uploads/2022/02/ph10@2x.jpeg") no-repeat center center;
background-size: cover;
}
.See .banner-11:after {
background: url("https://image.dive-hiroshima.com/wp-content/uploads/2022/02/ph11@2x-2.jpeg") no-repeat center center;
background-size: cover;
}
.See .banner-12:after {
background: url("https://image.dive-hiroshima.com/wp-content/uploads/2022/02/ph12@2x-2.jpeg") no-repeat center center;
background-size: cover;
}
.See .banner-13:after {
background: url("https://image.dive-hiroshima.com/wp-content/uploads/2022/02/ph13@2x-2.jpeg") no-repeat center center;
background-size: cover;
}
.See .banner-14:after {
background: url("https://image.dive-hiroshima.com/wp-content/uploads/2022/02/ph14@2x-2.jpeg") no-repeat center center;
background-size: cover;
}
.See .banner-15:after {
background: url("https://image.dive-hiroshima.com/wp-content/uploads/2022/02/ph15@2x-2.jpeg") no-repeat center center;
background-size: cover;
}
.See .banner-16:after {
background: url("https://image.dive-hiroshima.com/wp-content/uploads/2022/02/ph16@2x.jpeg") no-repeat center center;
background-size: cover;
}
.See .banner-17:after {
background: url("https://image.dive-hiroshima.com/wp-content/uploads/2022/02/ph17@2x-2.jpeg") no-repeat center center;
background-size: cover;
}
.See .banner-18:after {
background: url("https://image.dive-hiroshima.com/wp-content/uploads/2022/02/ph18@2x.jpeg") no-repeat center center;
background-size: cover;
}
.See .banner-19:after {
background: url("https://image.dive-hiroshima.com/wp-content/uploads/2022/02/ph19@2x-2.jpeg") no-repeat center center;
background-size: cover;
}
.See .banner-20:after {
background: url("https://image.dive-hiroshima.com/wp-content/uploads/2022/02/ph20@2x-2.jpeg") no-repeat center center;
background-size: cover;
}
.See .banner-21:after {
background: url("https://image.dive-hiroshima.com/wp-content/uploads/2022/02/ph21@2x.jpeg") no-repeat center center;
background-size: cover;
}
.See .banner-22:after {
background: url("https://image.dive-hiroshima.com/wp-content/uploads/2022/02/ph22@2x-2.jpeg") no-repeat center center;
background-size: cover;
}
.See .banner-23:after {
background: url("https://image.dive-hiroshima.com/wp-content/uploads/2022/02/ph23@2x-2.jpeg") no-repeat center center;
background-size: cover;
}
.See .banner-25:after {
background: url("https://image.dive-hiroshima.com/wp-content/uploads/2022/02/ph25@2x-2.jpeg") no-repeat center center;
background-size: cover;
}
.See .banner-26:after {
background: url("https://image.dive-hiroshima.com/wp-content/uploads/2022/02/ph26@2x-2.jpeg") no-repeat center center;
background-size: cover;
}
.See .banner-27:after {
background: url("https://image.dive-hiroshima.com/wp-content/uploads/2022/02/ph27@2x-2.jpeg") no-repeat center center;
background-size: cover;
}
.See .banner-28:after {
background: url("https://image.dive-hiroshima.com/wp-content/uploads/2022/02/ph28@2x-2.jpeg") no-repeat center center;
background-size: cover;
}
.See .banner-29:after {
background: url("https://image.dive-hiroshima.com/wp-content/uploads/2022/02/ph29@2x.jpeg") no-repeat center center;
background-size: cover;
}
.See .banner-30:after {
background: url("https://image.dive-hiroshima.com/wp-content/uploads/2022/02/ph30@2x.jpeg") no-repeat center center;
background-size: cover;
}
.See .banner-32:after {
background: url("https://image.dive-hiroshima.com/wp-content/uploads/2022/02/ph32@2x-2.jpeg") no-repeat center center;
background-size: cover;
}
.See .banner-33:after {
background: url("https://image.dive-hiroshima.com/wp-content/uploads/2022/02/ph33@2x-2.jpeg") no-repeat center center;
background-size: cover;
}
.See .banner-35:after {
background: url("https://image.dive-hiroshima.com/wp-content/uploads/2022/02/ph35@2x.jpeg") no-repeat center center;
background-size: cover;
}
.See .banner-36:after {
background: url("https://image.dive-hiroshima.com/wp-content/uploads/2022/02/ph36@2x.jpeg") no-repeat center center;
background-size: cover;
}
.See .banner-37:after {
background: url("https://image.dive-hiroshima.com/wp-content/uploads/2022/02/ph37@2x-2.jpeg") no-repeat center center;
background-size: cover;
}
.See .banner-38:after {
background: url("https://image.dive-hiroshima.com/wp-content/uploads/2022/02/ph38@2x-2.jpeg") no-repeat center center;
background-size: cover;
}
.See .banner-39:after {
background: url("https://image.dive-hiroshima.com/wp-content/uploads/2022/02/ph39@2x-2.jpeg") no-repeat center center;
background-size: cover;
}
.See .banner-40:after {
background: url("https://image.dive-hiroshima.com/wp-content/uploads/2022/02/ph40@2x-2.jpeg") no-repeat center center;
background-size: cover;
}
.See .banner-41:after {
background: url("https://image.dive-hiroshima.com/wp-content/uploads/2022/02/ph41@2x-2.jpeg") no-repeat center center;
background-size: cover;
}
.See .banner-42:after {
background: url("https://image.dive-hiroshima.com/wp-content/uploads/2022/02/ph42@2x-2.jpeg") no-repeat center center;
background-size: cover;
}
.See .banner-43:after {
background: url("https://image.dive-hiroshima.com/wp-content/uploads/2022/02/ph43@2x-2.jpeg") no-repeat center center;
background-size: cover;
}
.See .banner-44:after {
background: url("https://image.dive-hiroshima.com/wp-content/uploads/2022/02/ph44@2x.jpeg") no-repeat center center;
background-size: cover;
}
.See .banner-45:after {
background: url("https://image.dive-hiroshima.com/wp-content/uploads/2022/02/ph45@2x.jpeg") no-repeat center center;
background-size: cover;
}
.See .banner-46:after {
background: url("https://image.dive-hiroshima.com/wp-content/uploads/2022/02/ph46@2x.jpeg") no-repeat center center;
background-size: cover;
}
.See .banner-47:after {
background: url("https://image.dive-hiroshima.com/wp-content/uploads/2022/02/ph47@2x.jpeg") no-repeat center center;
background-size: cover;
}
.See .banner-48:after {
background: url("https://image.dive-hiroshima.com/wp-content/uploads/2022/02/ph48@2x.jpeg") no-repeat center center;
background-size: cover;
}
.See .banner-49:after {
background: url("https://image.dive-hiroshima.com/wp-content/uploads/2022/02/ph49@2x.jpeg") no-repeat center center;
background-size: cover;
}
.See .banner-48 .bg-zoom-content .city-name {
width: 200px;
}
@media screen and (max-width: 767px) {
.See .banner-48 .bg-zoom-content .city-name {
width: 130px;
}
}
@media screen and (max-width: 320px) {
.See .banner-48 .bg-zoom-content .city-name {
width: 122px;
font-size: 9px;
}
}
/* --------------------------------------------
Appeal
-------------------------------------------- */
.Appeal .kv-area {
background-image: url("https://image.dive-hiroshima.com/wp-content/uploads/2022/02/kv_bg@2x.jpeg");
}
.Appeal .page-link .page-link-item01 {
background-image: url("https://image.dive-hiroshima.com/wp-content/uploads/2022/02/page-link01@2x-3.jpeg");
}
.Appeal .page-link .page-link-item02 {
background-image: url("https://image.dive-hiroshima.com/wp-content/uploads/2022/02/page-link02@2x-2.jpeg");
}
.Appeal .page-link .page-link-item03 {
background-image: url("https://image.dive-hiroshima.com/wp-content/uploads/2022/02/page-link03@2x-3.jpeg");
}
.Appeal .lineup01 h4.lineup-ttl {
background: #EB7144;
}
.Appeal .lineup02 h4.lineup-ttl {
background: #A190AD;
}
.Appeal .lineup03 h4.lineup-ttl {
background: #C7659A;
}
.Appeal .bg-zoom .bg-zoom-content .banner-cap::after {
background-image: url("https://image.dive-hiroshima.com/wp-content/uploads/2022/02/banners_arrow@2x-3.jpeg");
}
.Appeal .banner-01:after {
background: url("https://image.dive-hiroshima.com/wp-content/uploads/2022/02/ph01@2x-3.jpeg") no-repeat center center;
background-size: cover;
}
.Appeal .banner-02:after {
background: url("https://image.dive-hiroshima.com/wp-content/uploads/2022/02/ph02@2x-2.jpeg") no-repeat center center;
background-size: cover;
}
.Appeal .banner-03:after {
background: url("https://image.dive-hiroshima.com/wp-content/uploads/2022/02/ph03@2x-3.jpeg") no-repeat center center;
background-size: cover;
}
.Appeal .banner-04:after {
background: url("https://image.dive-hiroshima.com/wp-content/uploads/2022/02/ph04@2x-3.jpeg") no-repeat center center;
background-size: cover;
}
.Appeal .banner-05:after {
background: url("https://image.dive-hiroshima.com/wp-content/uploads/2022/02/ph05@2x-2.jpeg") no-repeat center center;
background-size: cover;
}
.Appeal .banner-06:after {
background: url("https://image.dive-hiroshima.com/wp-content/uploads/2022/02/ph06@2x-3.jpeg") no-repeat center center;
background-size: cover;
}
.Appeal .banner-07:after {
background: url("https://image.dive-hiroshima.com/wp-content/uploads/2022/02/ph07@2x-3.jpeg") no-repeat center center;
background-size: cover;
}
.Appeal .banner-08:after {
background: url("https://image.dive-hiroshima.com/wp-content/uploads/2022/02/ph08@2x-3.jpeg") no-repeat center center;
background-size: cover;
}
.Appeal .banner-09:after {
background: url("https://image.dive-hiroshima.com/wp-content/uploads/2022/02/ph09@2x-3.jpeg") no-repeat center center;
background-size: cover;
}
.Appeal .banner-10:after {
background: url("https://image.dive-hiroshima.com/wp-content/uploads/2022/02/ph10@2x-3.jpeg") no-repeat center center;
background-size: cover;
}
.Appeal .banner-11:after {
background: url("https://image.dive-hiroshima.com/wp-content/uploads/2022/02/ph11@2x-2.jpeg") no-repeat center center;
background-size: cover;
}
.Appeal .banner-12:after {
background: url("https://image.dive-hiroshima.com/wp-content/uploads/2022/02/ph12@2x-3.jpeg") no-repeat center center;
background-size: cover;
}
.Appeal .banner-13:after {
background: url("https://image.dive-hiroshima.com/wp-content/uploads/2022/02/ph13@2x-3.jpeg") no-repeat center center;
background-size: cover;
}
.Appeal .banner-14:after {
background: url("https://image.dive-hiroshima.com/wp-content/uploads/2022/02/ph14@2x-3.jpeg") no-repeat center center;
background-size: cover;
}
.Appeal .banner-15:after {
background: url("https://image.dive-hiroshima.com/wp-content/uploads/2022/02/ph15@2x-3.jpeg") no-repeat center center;
background-size: cover;
}
.Appeal .banner-16:after {
background: url("https://image.dive-hiroshima.com/wp-content/uploads/2022/02/ph16@2x-3.jpeg") no-repeat center center;
background-size: cover;
}
.Appeal .banner-17:after {
background: url("https://image.dive-hiroshima.com/wp-content/uploads/2022/02/ph17@2x-3.jpeg") no-repeat center center;
background-size: cover;
}
.Appeal .banner-18:after {
background: url("https://image.dive-hiroshima.com/wp-content/uploads/2022/02/ph18@2x-3.jpeg") no-repeat center center;
background-size: cover;
}
.Appeal .banner-19:after {
background: url("https://image.dive-hiroshima.com/wp-content/uploads/2022/02/ph19@2x-3.jpeg") no-repeat center center;
background-size: cover;
}
.Appeal .banner-20:after {
background: url("https://image.dive-hiroshima.com/wp-content/uploads/2022/02/ph20@2x.jpeg") no-repeat center center;
background-size: cover;
}
.Appeal .banner-21:after {
background: url("https://image.dive-hiroshima.com/wp-content/uploads/2022/02/ph21@2x-3.jpeg") no-repeat center center;
background-size: cover;
}
.Appeal .banner-22:after {
background: url("https://image.dive-hiroshima.com/wp-content/uploads/2022/02/ph22@2x-3.jpeg") no-repeat center center;
background-size: cover;
}
.Appeal .banner-23:after {
background: url("https://image.dive-hiroshima.com/wp-content/uploads/2022/02/ph23@2x.jpeg") no-repeat center center;
background-size: cover;
}
.Appeal .banner-24:after {
background: url("https://image.dive-hiroshima.com/wp-content/uploads/2022/02/ph24@2x-2.jpeg") no-repeat center center;
background-size: cover;
}
.Appeal .banner-25:after {
background: url("https://image.dive-hiroshima.com/wp-content/uploads/2022/02/ph25@2x-3.jpeg") no-repeat center center;
background-size: cover;
}
.Appeal .banner-26:after {
background: url("https://image.dive-hiroshima.com/wp-content/uploads/2022/02/ph26@2x-3.jpeg") no-repeat center center;
background-size: cover;
}
.Appeal .banner-27:after {
background: url("https://image.dive-hiroshima.com/wp-content/uploads/2022/02/ph27@2x.jpeg") no-repeat center center;
background-size: cover;
}
.Appeal .banner-28:after {
background: url("https://image.dive-hiroshima.com/wp-content/uploads/2022/02/ph28@2x-3.jpeg") no-repeat center center;
background-size: cover;
}
.Appeal .banner-29:after {
background: url("https://image.dive-hiroshima.com/wp-content/uploads/2022/02/ph29@2x.jpeg") no-repeat center center;
background-size: cover;
}
.Appeal .banner-30:after {
background: url("https://image.dive-hiroshima.com/wp-content/uploads/2022/02/ph30@2x.jpeg") no-repeat center center;
background-size: cover;
}
.Appeal .banner-31:after {
background: url("https://image.dive-hiroshima.com/wp-content/uploads/2022/02/ph31@2x-2.jpeg") no-repeat center center;
background-size: cover;
}
.Appeal .banner-32:after {
background: url("https://image.dive-hiroshima.com/wp-content/uploads/2022/02/ph32@2x-3.jpeg") no-repeat center center;
background-size: cover;
}
.Appeal .banner-33:after {
background: url("https://image.dive-hiroshima.com/wp-content/uploads/2022/02/ph33@2x-3.jpeg") no-repeat center center;
background-size: cover;
}
/* --------------------------------------------
Gourmet
-------------------------------------------- */
.Gourmet .kv-area {
background-image: url("https://image.dive-hiroshima.com/wp-content/uploads/2022/02/kv_bg@2x-4.jpeg");
}
.Gourmet .page-link .page-link-item01 {
background-image: url("https://image.dive-hiroshima.com/wp-content/uploads/2022/02/page-link01@2x-4.jpeg");
}
.Gourmet .page-link .page-link-item02 {
background-image: url("https://image.dive-hiroshima.com/wp-content/uploads/2022/02/page-link02@2x-3.jpeg");
}
.Gourmet .page-link .page-link-item03 {
background-image: url("https://image.dive-hiroshima.com/wp-content/uploads/2022/02/page-link03@2x-4.jpeg");
}
.Gourmet .lineup01 h4.lineup-ttl {
background: #4B9BC6;
}
.Gourmet .lineup02 h4.lineup-ttl {
background: #648833;
}
.Gourmet .lineup03 h4.lineup-ttl {
background: #747276;
}
.Gourmet .bg-zoom .bg-zoom-content .banner-cap::after {
background-image: url("https://image.dive-hiroshima.com/wp-content/uploads/2022/02/banners_arrow@2x.jpeg");
}
.Gourmet .banner-01:after {
background: url("https://image.dive-hiroshima.com/wp-content/uploads/2022/02/ph01@2x-4.jpeg") no-repeat center center;
background-size: cover;
}
.Gourmet .banner-02:after {
background: url("https://image.dive-hiroshima.com/wp-content/uploads/2022/02/ph02@2x-3.jpeg") no-repeat center center;
background-size: cover;
}
.Gourmet .banner-03:after {
background: url("https://image.dive-hiroshima.com/wp-content/uploads/2022/02/ph03@2x-4.jpeg") no-repeat center center;
background-size: cover;
}
.Gourmet .banner-04:after {
background: url("https://image.dive-hiroshima.com/wp-content/uploads/2022/02/ph04@2x-4.jpeg") no-repeat center center;
background-size: cover;
}
.Gourmet .banner-05:after {
background: url("https://image.dive-hiroshima.com/wp-content/uploads/2022/02/ph05@2x-3.jpeg") no-repeat center center;
background-size: cover;
}
.Gourmet .banner-06:after {
background: url("https://image.dive-hiroshima.com/wp-content/uploads/2022/02/ph06@2x.jpeg") no-repeat center center;
background-size: cover;
}
.Gourmet .banner-07:after {
background: url("https://image.dive-hiroshima.com/wp-content/uploads/2022/02/ph07@2x.jpeg") no-repeat center center;
background-size: cover;
}
.Gourmet .banner-08:after {
background: url("https://image.dive-hiroshima.com/wp-content/uploads/2022/02/ph08@2x-4.jpeg") no-repeat center center;
background-size: cover;
}
.Gourmet .banner-09:after {
background: url("https://image.dive-hiroshima.com/wp-content/uploads/2022/02/ph09@2x-4.jpeg") no-repeat center center;
background-size: cover;
}
.Gourmet .banner-10:after {
background: url("https://image.dive-hiroshima.com/wp-content/uploads/2022/02/ph10@2x-4.jpeg") no-repeat center center;
background-size: cover;
}
.Gourmet .banner-11:after {
background: url("https://image.dive-hiroshima.com/wp-content/uploads/2022/02/ph11@2x-4.jpeg") no-repeat center center;
background-size: cover;
}
.Gourmet .banner-12:after {
background: url("https://image.dive-hiroshima.com/wp-content/uploads/2022/02/ph12@2x-4.jpeg") no-repeat center center;
background-size: cover;
}
.Gourmet .banner-13:after {
background: url("https://image.dive-hiroshima.com/wp-content/uploads/2022/02/ph13@2x-4.jpeg") no-repeat center center;
background-size: cover;
}
.Gourmet .banner-15:after {
background: url("https://image.dive-hiroshima.com/wp-content/uploads/2022/02/ph15@2x-4.jpeg") no-repeat center center;
background-size: cover;
}
.Gourmet .banner-16:after {
background: url("https://image.dive-hiroshima.com/wp-content/uploads/2022/02/ph16@2x-4.jpeg") no-repeat center center;
background-size: cover;
}
.Gourmet .banner-17:after {
background: url("https://image.dive-hiroshima.com/wp-content/uploads/2022/02/ph17@2x-4.jpeg") no-repeat center center;
background-size: cover;
}
.Gourmet .banner-18:after {
background: url("https://image.dive-hiroshima.com/wp-content/uploads/2022/02/ph18@2x-4.jpeg") no-repeat center center;
background-size: cover;
}
.Gourmet .banner-19:after {
background: url("https://image.dive-hiroshima.com/wp-content/uploads/2022/02/ph19@2x-4.jpeg") no-repeat center center;
background-size: cover;
}
.Gourmet .banner-20:after {
background: url("https://image.dive-hiroshima.com/wp-content/uploads/2022/02/ph20@2x-4.jpeg") no-repeat center center;
background-size: cover;
}
/* --------------------------------------------
Modelroute
-------------------------------------------- */
.Modelroute .kv-area {
height: auto;
padding: 0;
}
.Modelroute .kv-area img {
width: 100%;
}
.Modelroute .kv-area p {
color: #71D7DE;
font-size: 16px;
font-weight: 700;
letter-spacing: .2rem;
line-height: 1.7;
margin-top: 40px;
margin-bottom: 50px;
}
.Modelroute .tab-area {
display: flex;
justify-content: space-between;
cursor: pointer;
}
.Modelroute .tab {
width: 19.6%;
height: 100px;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
color: #fff;
background-color: #E0E0E0;
}
.Modelroute .tab.active {
border: none;
}
.Modelroute .tab01.active {
background-color: #25D0C5;
}
.Modelroute .tab02.active {
background-color: #FC5D65;
}
.Modelroute .tab03.active {
background-color: #D74155;
}
.Modelroute .tab04.active {
background-color: #FF945C;
}
.Modelroute .tab05.active {
background-color: #009FE0;
}
.Modelroute .tab p {
color: #fff;
margin-bottom: 0;
}
.Modelroute .tab p.route-name {
font-size: 14px;
font-weight: 400;
border-bottom: solid 1px #fff;
padding-bottom: 6px;
display: inline-block;
}
.Modelroute .tab p.route-num {
font-size: 40px;
font-weight: 700;
line-height: 1.15;
}
.Modelroute .conTent-area {
font-size: 30px;
text-align: center;
}
.Modelroute .conTent {
display: none;
}
.Modelroute .conTent.show {
display: block;
}
.Modelroute .conTent-area img {
width: 100%;
}
.Modelroute .tab-ttl {
margin-bottom: 20px;
}
.Modelroute .bnr-area {
margin-top: 100px;
}
.Modelroute .tab-area.bottom {
align-items: flex-start;
}
@media screen and (max-width: 768px) {
}
@media screen and (max-width: 767px) {
.Modelroute .kv-area p {
font-size: 14px;
letter-spacing: normal;
margin-top: 20px;
margin-bottom: 30px;
}
.Modelroute .tab {
height: 60px;
}
.Modelroute .tab p.route-name {
font-size: 12px;
letter-spacing: -.1rem;
padding-bottom: 3px;
}
.Modelroute .tab p.route-num {
font-size: 20px;
}
.Modelroute .tab-route {
margin-left: calc(((100vw - 100%) / 2) * -1);
margin-right: calc(((100vw - 100%) / 2) * -1);
}
.Modelroute .bnr-area {
margin-top: 40px;
}
}
/* --------------------------------------------
print
-------------------------------------------- */
@media print {
.sp-only {
display: none;
}
}
<!--
-->
すべてのリストから削除しました
保存中です...
旅のしおりに追加しました
旅のしおりの追加に失敗しました
このウェブサイトでは、お客様のコンピューターにCookieを保存します。 このCookieは、ウェブサイト体験の改善のため、またより個人向けにカスタマイズされたサービスを提供するためにこのサイトおよび他のメディアで使用されるものです。 当社のCookieについての詳細は、プライバシーポリシーをご覧ください。当サイトでは、訪問者の個人情報を追跡することはありません。
承認