@charset "utf-8";
@charset "utf-8";

  html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video,picture {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
vertical-align: baseline;
line-height: 1.5em;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
margin : 0;
border-collapse: collapse;
border-spacing: 0;
empty-cells: show;
}
img {
vertical-align: bottom;
border: none;
}
picture {
display: block;
} :root {
--inner: 100rem;
}
@media (prefers-reduced-motion: reduce) {
* {
animation-duration: 0.01ms !important;
animation-iteration-count: 1 !important;
transition-duration: 0.01ms !important;
scroll-behavior: auto !important;
}
}
html {
-webkit-font-smoothing: antialiased;
font-size: 62.5%;
}
@media screen and (max-width: 1200px) {
html {
font-size: 0.7320644217vw;
}
}
@media screen and (max-width: 767px) {
html {
font-size: 2.6666666667vw;
}
}
body {
margin: 0 auto;
padding: 0;
font-size: 1.6rem;
line-height: 1.8em;
color: #2C2623;
height: 100%;
font-family: YakuHanJP,"Zen Kaku Gothic New", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
font-weight: 500;
position: relative;
}
@media screen and (max-width: 767px) {
body {
font-size: 1.4rem;
}
}
.en {
font-family: "Outfit", sans-serif;
font-weight: 400;
font-style: normal;
}
.en2 {
font-family: "Braah One", sans-serif;
font-weight: 400;
font-style: normal;
}
table {
margin : 0;
border-collapse: collapse;
border-spacing: 0;
empty-cells: show;
}
img {
vertical-align: bottom;
border: none;
max-width: 100%;
height: auto;
-webkit-backface-visibility: hidden;
}
main {
display: block;
position: relative;
}
a {
outline:none;
color: #2C2623;
}
a:hover {
text-decoration: none;
}
a,a:hover,a:hover img,button,input {
-webkit-transition: 0.5s;
transition: 0.5s;
text-decoration: none;
}
a:hover {
filter: alpha(opacity=80);
-moz-opacity:0.80;
opacity:0.80;
}
* {
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
} input[type=text]:focus {
outline: none;
}
#main {
overflow: hidden;
}
section {
position: relative;
}
.container {
max-width: calc(var(--inner) + 6rem);
margin-left: auto;
margin-right: auto;
padding-left: 3rem;
padding-right: 3rem;
}
.pt-0 {
padding-top: 0 !important;
}
.pb-0 {
padding-bottom: 0 !important;
}
@media only screen and ( max-width : 767px ) {
.container {
max-width: 100%;
}
.br_pc {
display: none;
}
.sp_none{display:none !important;}
}
@media print, screen and ( min-width : 768px ) {
.br_sp {
display: none;
}
.sp { display:none !important; }
} .d-flex {
display: -ms-flexbox !important;
display: flex !important;
}
.d-inline-flex {
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
.flex-row {
-ms-flex-direction: row !important;
flex-direction: row !important;
}
.flex-column {
-ms-flex-direction: column !important;
flex-direction: column !important;
}
.flex-row-reverse {
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important;
}
.flex-column-reverse {
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important;
}
.flex-wrap {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
}
.flex-nowrap {
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important;
}
.flex-wrap-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important;
}
.justify-content-start {
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.justify-content-end {
-ms-flex-pack: end !important;
justify-content: flex-end !important;
}
.justify-content-center {
-ms-flex-pack: center !important;
justify-content: center !important;
}
.justify-content-between {
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
.align-items-start {
-ms-flex-align: start !important;
align-items: flex-start !important;
}
.align-items-end {
-ms-flex-align: end !important;
align-items: flex-end !important;
}
.align-items-center {
-ms-flex-align: center !important;
align-items: center !important;
}
@media (min-width: 576px) {
.d-sm-flex {
display: -ms-flexbox !important;
display: flex !important;
}
.justify-content-sm-start {
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.justify-content-sm-end {
-ms-flex-pack: end !important;
justify-content: flex-end !important;
}
.justify-content-sm-center {
-ms-flex-pack: center !important;
justify-content: center !important;
}
.justify-content-sm-between {
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
.align-items-sm-start {
-ms-flex-align: start !important;
align-items: flex-start !important;
}
.align-items-sm-end {
-ms-flex-align: end !important;
align-items: flex-end !important;
}
.align-items-sm-center {
-ms-flex-align: center !important;
align-items: center !important;
}
}
@media (min-width: 768px) {
.d-md-flex {
display: -ms-flexbox !important;
display: flex !important;
}
.justify-content-md-start {
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.justify-content-md-end {
-ms-flex-pack: end !important;
justify-content: flex-end !important;
}
.justify-content-md-center {
-ms-flex-pack: center !important;
justify-content: center !important;
}
.justify-content-md-between {
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
.align-items-md-start {
-ms-flex-align: start !important;
align-items: flex-start !important;
}
.align-items-md-end {
-ms-flex-align: end !important;
align-items: flex-end !important;
}
.align-items-md-center {
-ms-flex-align: center !important;
align-items: center !important;
}
}
@media (min-width: 992px) {
.d-lg-flex {
display: -ms-flexbox !important;
display: flex !important;
}
.justify-content-lg-start {
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.justify-content-lg-end {
-ms-flex-pack: end !important;
justify-content: flex-end !important;
}
.justify-content-lg-center {
-ms-flex-pack: center !important;
justify-content: center !important;
}
.justify-content-lg-between {
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
.align-items-lg-start {
-ms-flex-align: start !important;
align-items: flex-start !important;
}
.align-items-lg-end {
-ms-flex-align: end !important;
align-items: flex-end !important;
}
.align-items-lg-center {
-ms-flex-align: center !important;
align-items: center !important;
}
}
@media (min-width: 1200px) {
.d-xl-flex {
display: -ms-flexbox !important;
display: flex !important;
}
.flex-xl-wrap-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important;
}
.justify-content-xl-start {
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.justify-content-xl-end {
-ms-flex-pack: end !important;
justify-content: flex-end !important;
}
.justify-content-xl-center {
-ms-flex-pack: center !important;
justify-content: center !important;
}
.justify-content-xl-between {
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
.align-items-xl-start {
-ms-flex-align: start !important;
align-items: flex-start !important;
}
.align-items-xl-end {
-ms-flex-align: end !important;
align-items: flex-end !important;
}
.align-items-xl-center {
-ms-flex-align: center !important;
align-items: center !important;
}
} .text-left {
text-align: left !important;
}
.text-right {
text-align: right !important;
}
.text-center {
text-align: center !important;
}
@media (min-width: 576px) {
.text-sm-left {
text-align: left !important;
}
.text-sm-right {
text-align: right !important;
}
.text-sm-center {
text-align: center !important;
}
}
@media (min-width: 768px) {
.text-md-left {
text-align: left !important;
}
.text-md-right {
text-align: right !important;
}
.text-md-center {
text-align: center !important;
}
}
@media (min-width: 992px) {
.text-lg-left {
text-align: left !important;
}
.text-lg-right {
text-align: right !important;
}
.text-lg-center {
text-align: center !important;
}
}
@media (min-width: 1200px) {
.text-xl-left {
text-align: left !important;
}
.text-xl-right {
text-align: right !important;
}
.text-xl-center {
text-align: center !important;
}
} #header {
display: flex;
align-items: center;
justify-content: space-between;
position: sticky;
top: 0;
left: 0;
width: 100%;
z-index: 99;
transition: transform 0.3s 0.3s;
}
#header.scroll {
background: transparent;
backdrop-filter: blur(5px);
}
#header.hidden {
transform: translateY(-100%);
transition: transform 0.3s ease-out;
}
@media only screen and ( max-width : 767px ) {
#header {
height: 6.5rem;
padding: 1.5rem;
align-items: center;
}
header.hidden {
transform: translateY(-6.8rem) !important;
}
.open header.hidden {
transform: translateY(0) !important;
}
#h_logo {
position: fixed;
top: 1.2rem;
left: 1.5rem;
z-index: 104;
}
#h_logo img {
width: 18rem;
}
#menu_btn {
transition: .3s;
cursor: pointer;
position: absolute !important;
z-index: 9999;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
width: 4.5rem;
height: 4.5rem;
background: #DAA039;
right: 1.5rem;
top: 1rem;
border-radius: 50%;
}
#menu_btn.active {
}
.overlay {
content: "";
display: block;
width: 0;
height: 0;
background-color: rgba(0, 0, 0, 0);
position: absolute;
top: 0;
left: 0;
z-index: 100;
opacity: 0;
transition: opacity .5s;
}
.overlay.open {
width: 100%;
height: 100vh;
opacity: 1;
}
#main {
height: 100%;
transition: all .5s;
}
.menu-trigger {
vertical-align: middle;
text-align: center;
position: relative;
width: 1.2rem;
height: .6rem;
}
.menu-trigger span {
display: inline-block;
box-sizing: border-box;
position: absolute;
left: 0;
width: 100%;
height: .2rem;
background-color: #fff;
transition: all .5s;
border-radius: 1rem;
}
#menu_btn.active .menu-trigger span {
}
.menu-trigger span:nth-of-type(1) {
top: 0;
}
.menu-trigger span:nth-of-type(3) {
}
#menu_btn.active .menu-trigger span:nth-of-type(1) {
transform: translateY(.2rem) rotate(-45deg);
} .menu-trigger span:nth-of-type(2) {
bottom: 0;
}
#menu_btn.active .menu-trigger span:nth-of-type(2) {
transform: translateY(-.2rem) rotate(45deg);
}
#gNav {
min-height: 100vh;
overflow: auto;
-webkit-overflow-scrolling: touch;
background-color: #fff;
position: fixed;
top: 0;
right: 0;
left: 0;
z-index: 101;
transition: all .2s;
width: 100%;
padding: 7rem 2rem 3.2rem;
opacity: 0;
visibility: hidden;
}
#gNav.open { opacity: 1;
visibility: visible;
display: flex;
flex-direction: column;
background: rgba(255,255,255,1);
}
#gNav .nav {
border: 1px solid #3a9d5c;
border-radius: 1.6rem;
width: 100%;
max-width: 52rem;
margin: 0 auto;
min-height: 0;
padding: 1.2rem 0 0.4rem;
display: flex;
flex-direction: column;
justify-content: flex-start;
position: relative;
background: #47B46D;
box-shadow: 0 0.6rem 2.8rem rgba(44, 38, 35, 0.12);
}
#gNav .nav > li {
text-align: left;
margin-bottom: 0;
padding: 0 1.6rem;
border-bottom: 1px solid rgba(255, 255, 255, 0.28);
}
#gNav .nav > li:last-child {
border-bottom: none;
}
#gNav .nav > li > a {
position: relative;
display: block;
width: 100%;
box-sizing: border-box;
font-size: 1.8rem;
line-height: 1.45;
border-bottom: none;
padding: 1.5rem 0 1.55rem;
font-weight: 700;
color: #fff;
letter-spacing: 0.02em;
}
#gNav .nav > li.has-dropdown {
padding-top: 0.2rem;
padding-bottom: 0.2rem;
}
#gNav .nav > li.has-dropdown > .nav-parent {
display: flex;
align-items: center;
justify-content: space-between;
gap: 1.2rem;
padding-right: 0;
min-height: 5.2rem;
}
#gNav .nav > li.has-dropdown > .nav-parent::after {
content: "";
flex-shrink: 0;
width: 0;
height: 0;
border: 0.45rem solid transparent;
border-top-color: #fff;
border-bottom: 0;
margin-top: 0.35rem;
transition: transform 0.25s ease;
}
#gNav .nav > li.has-dropdown.is-open > .nav-parent::after {
transform: rotate(180deg);
margin-top: 0;
margin-bottom: 0.35rem;
}
#gNav .nav > li.has-dropdown.is-open > .nav-parent {
color: #fff;
}
#gNav .nav .submenu {
max-height: 0;
overflow: hidden;
margin: 0;
padding: 0;
text-align: left;
opacity: 0;
visibility: hidden;
transition: max-height 0.35s ease, opacity 0.25s ease, margin 0.25s ease, padding 0.25s ease, visibility 0.25s;
}
#gNav .nav > li.has-dropdown.is-open .submenu {
max-height: 24rem;
margin: 0 0 1.4rem;
padding: 1rem 1rem 1.2rem;
background: rgba(255, 255, 255, 0.16);
border-radius: 1rem;
opacity: 1;
visibility: visible;
}
#gNav .nav .submenu li {
margin-bottom: 0.6rem;
}
#gNav .nav .submenu li:last-child {
margin-bottom: 0;
}
#gNav .nav .submenu a {
display: flex;
align-items: center;
position: relative;
font-size: 1.55rem;
font-weight: 600;
line-height: 1.5;
color: #fff;
padding: 1.15rem 1rem 1.15rem 2.8rem;
border-radius: 0.65rem;
border-bottom: none;
background: rgba(255, 255, 255, 0.08);
transition: background 0.2s ease;
}
#gNav .nav .submenu a::before {
content: "";
position: absolute;
left: 1rem;
top: 50%;
width: 0.55rem;
height: 0.55rem;
margin-top: -0.1rem;
border-right: 0.2rem solid rgba(255, 255, 255, 0.95);
border-bottom: 0.2rem solid rgba(255, 255, 255, 0.95);
transform: translateY(-50%) rotate(-45deg);
opacity: 0.9;
}
#gNav .nav .submenu a:active {
background: rgba(255, 255, 255, 0.2);
}
}
@media print, screen and ( min-width : 768px ) {
#header {
height: 9rem;
padding: 0 6rem;
display: flex;
align-items: center;
justify-content: space-between;
}
header.hidden {
transform: translateY(-9rem) !important;
}
#h_logo img {
width: 24.8rem;
}
#menu_btn,.overlay {
display: none;
}
#gNav .nav > li {
font-weight: 600;
margin-right: 2.4rem;
padding-right: 2.4rem;
position: relative;
}
#gNav .nav > li:last-child {
margin-right: 0;
padding-right: 0;
}
#gNav .nav > li:after {
content: "";
width: .1rem;
height: 1.2em;
background: #222;
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%) rotate(25deg);
}
#gNav .nav > li:last-child:after {
content: none;
}
#gNav .nav > li:last-child {
margin-right: 0;
}
#gNav .nav > li.has-dropdown > .nav-parent {
position: relative;
padding-right: 1.4rem;
}
#gNav .nav > li.has-dropdown > .nav-parent::after {
content: "";
position: absolute;
top: 50%;
right: 0;
width: 0;
height: 0;
border: .35rem solid transparent;
border-top-color: #2C2623;
transform: translateY(-25%);
}
#gNav .nav > li.has-dropdown .submenu {
position: absolute;
top: calc(100% + .8rem);
left: 50%;
transform: translateX(-50%);
min-width: 24rem;
margin: 0;
padding: .8rem 0;
list-style: none;
background: #fff;
border-radius: .8rem;
box-shadow: 0 .4rem 2rem rgba(44, 38, 35, 0.12);
opacity: 0;
visibility: hidden;
transition: opacity 0.2s ease, visibility 0.2s ease;
z-index: 120;
}
#gNav .nav > li.has-dropdown:hover .submenu,
#gNav .nav > li.has-dropdown:focus-within .submenu {
opacity: 1;
visibility: visible;
}
#gNav .nav > li.has-dropdown .submenu li {
margin: 0;
padding: 0;
}
#gNav .nav > li.has-dropdown .submenu li:after {
content: none;
}
#gNav .nav > li.has-dropdown .submenu a {
display: block;
padding: 1rem 1.8rem;
font-weight: 600;
font-size: 1.5rem;
line-height: 1.4;
white-space: nowrap;
opacity: 1;
}
#gNav .nav > li.has-dropdown .submenu a:hover {
background: #f4f4f2;
opacity: 1;
}
} .footer_logo .logo {
margin-bottom: 2rem;
display: block;
max-width: 27rem;
}
.footer_logo .address {
line-height: 1.64em;
}
.footer_nav_inner li {
font-weight: 500;
position: relative;
padding-left: 2.4rem;
}
.footer_nav_inner li:before {
content: "";
position: absolute;
top: .5rem;
left: 0;
width: 1.2rem;
height: 1.1rem;
background: url(https://akabirakankoukyoukai.jp/wp/wp-content/themes/akabirakankoukyoukai/img/arrow.svg) no-repeat center / contain;
}
.footer_nav_inner li a {
display: block;
position: relative;
}
.footer_bottom {
border-top: 1px solid #ddd;
}
.f_sub_nav li {
position: relative;
margin-right: 1em;
padding-right: 1em;
}
.f_sub_nav li:after {
content: "";
height: 1em;
background: #222;
width: 1px;
position: absolute;
top: 50%;
right: 0;
transform: translateY(-50%);
}
.f_sub_nav li:last-child {
margin-right: 0;
padding-right: 0;
}
.f_sub_nav li:last-child:after {
content: none;
}
@media only screen and ( max-width : 767px ) {
#footer {
padding: 4rem 0;
}
.footer_logo {
padding-bottom: 3rem;
border-bottom: 1px solid #ddd;
margin-bottom: 3rem;
}
.footer_logo .address {
}
.f_nav_list {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.f_nav_list li {
width: 48%;
margin-bottom: 1rem;
}
.footer_bottom {
margin-top: 3rem;
padding-top: 2rem;
}
.f_copy {
font-size: 1rem;
text-align: center;
margin-top: 3rem;
}
.f_sub_nav {
font-size: 1.2rem;
}
}
@media print, screen and ( min-width : 768px ) {
#footer {
padding: 6rem 0;
}
.footer_logo {
width: 38rem;
margin-right: 6rem;
}
.footer_logo .address {
}
.footer_nav {
width: 40rem;
}
.footer_nav_inner li:before {
top: .8rem;
}
.footer_nav_inner {
margin-right: 5rem;
flex: auto;
}
.footer_nav_inner:last-child {
margin-right: 0;
}
.footer_nav_inner .f_nav_list {
}
.footer_nav_inner li {
margin-bottom: 1.5rem;
}
.footer_nav_inner li:last-child {
margin-bottom: 0;
}
.footer_bottom {
margin-top: 4rem;
padding-top: 4rem;
}
.f_copy {
font-size: 1.1rem;
}
.f_sub_nav {
font-size: 1.3rem;
}
} .fit {
-o-object-fit: cover;
object-fit: cover;
font-family: 'object-fit: cover;';
width: 100%;
height: 100%;
}
.title_heading,
.title_heading_inner {
position: relative;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column-reverse;
}
.title_heading .title_jp {
font-weight: 900;
text-align: center;
}
.title_heading .title_en img {
display: block;
}
.btn {
display: flex;
align-items: center;
justify-content: center;
position: relative;
max-width: 22rem;
color: #fff;
background: #222;
height: 6rem;
border-radius: 6rem;
font-weight: 700;
}
.btn:after {
content: "";
position: absolute;
width: 3.4rem;
height: 3.4rem;
background: url(https://akabirakankoukyoukai.jp/wp/wp-content/themes/akabirakankoukyoukai/img/arrow_bg_black.svg) no-repeat center / contain;
right: 1.5rem;
top: 50%;
transform: translateY(-50%);
}
.btn_center {
margin: 0 auto;
}
.btn_medium {
max-width: 35rem;
height: 6rem;
}
.btn_brown {
background: #B4987C;
}
.btn_red {
background: #D64545;
}
.btn_white {
background: #fff;
color: #47B46D;
}
.btn_green {
background: #47B46D;
}
.btn_brown:after {
background: url(https://akabirakankoukyoukai.jp/wp/wp-content/themes/akabirakankoukyoukai/img/arrow_brown.svg) no-repeat center / contain;
}
.btn_red:after {
background: url(https://akabirakankoukyoukai.jp/wp/wp-content/themes/akabirakankoukyoukai/img/arrow_red.svg) no-repeat center / contain;
}
.btn_white:after {
background: url(https://akabirakankoukyoukai.jp/wp/wp-content/themes/akabirakankoukyoukai/img/arrow_green.svg) no-repeat center / contain;
}
.btn_green:after {
background: url(https://akabirakankoukyoukai.jp/wp/wp-content/themes/akabirakankoukyoukai/img/arrow_green.svg) no-repeat center / contain;
}
@keyframes akabiraCircleSpin {
from {
transform: translate(-50%, -50%) rotate(0deg);
}
to {
transform: translate(-50%, -50%) rotate(360deg);
}
}
.about_illust {
position: relative;
}
.about_illust_img {
position: absolute;
z-index: 10;
transform-origin: center bottom;
backface-visibility: hidden;
animation-timing-function: ease-in-out;
animation-iteration-count: infinite;
}
.about_illust01 {
animation-name: aboutIllustPopA;
animation-duration: 2.7s;
animation-delay: 0s;
width: 5rem;
}
.about_illust02 {
animation-name: aboutIllustPopB;
animation-duration: 3.2s;
animation-delay: 0.35s;
width: 11.2rem;
}
.about_illust03 {
animation-name: aboutIllustPopB;
animation-duration: 2.4s;
animation-delay: 0.75s;
width: 7rem;
}
.about_illust04 {
animation-name: aboutIllustPopA;
animation-duration: 3.5s;
animation-delay: 0.2s;
width: 9rem;
}
@media only screen and ( max-width : 767px ) {
.sec {
padding: 5rem 0;
}
.title_heading {
margin-bottom: 4rem;
}
.title_en {
}
.title_heading .title_jp {
font-size: 2.8rem;
}
.btn_center_sp {
margin: 0 auto;
}
.btn {
font-size: 1.5rem;
}
}
@media print, screen and ( min-width : 768px ) {
.sec {
padding: 10rem 0;
}
.title_heading {
margin-bottom: 6rem;
}
.title_heading .title_jp {
font-size: 4.2rem;
}
.btn {
font-size: 1.7rem;
}
} @keyframes akabiraCircleSpin {
from {
transform: translate(-50%, -50%) rotate(0deg);
}
to {
transform: translate(-50%, -50%) rotate(360deg);
}
}
@keyframes aboutIllustPopA {
0%,
100% {
transform: translateY(0) rotate(0deg);
}
18% {
transform: translateY(-5px) rotate(-2.5deg);
}
36% {
transform: translateY(-2px) rotate(1.8deg);
}
54% {
transform: translateY(-6px) rotate(-1.2deg);
}
72% {
transform: translateY(-1px) rotate(2deg);
}
88% {
transform: translateY(-3px) rotate(-0.8deg);
}
}
@keyframes aboutIllustPopB {
0%,
100% {
transform: translateY(0) rotate(0deg);
}
22% {
transform: translateY(-4px) rotate(2.2deg);
}
44% {
transform: translateY(-7px) rotate(-2deg);
}
62% {
transform: translateY(-2px) rotate(1.2deg);
}
80% {
transform: translateY(-5px) rotate(-1.6deg);
}
}
@keyframes journeyTitleTalk {
0%,
100% {
transform: translateX(0) scaleX(1) scaleY(1) rotate(0deg);
}
18% {
transform: translateX(0.25rem) scaleX(1.06) scaleY(0.95) rotate(1deg);
}
36% {
transform: translateX(0.1rem) scaleX(0.98) scaleY(1.03) rotate(-1deg);
}
52% {
transform: translateX(0.4rem) scaleX(1.08) scaleY(0.94) rotate(1.2deg);
}
72% {
transform: translateX(0) scaleX(1) scaleY(1.01) rotate(-0.6deg);
}
100% {
transform: translateX(0) scaleX(1) scaleY(1) rotate(0deg);
}
} .news_list li:last-child {
margin-bottom: 0;
}
.news_list li a {
position: relative;
padding-right: 3.4rem;
}
.news_list li a:after {
content: "";
width: 2.4rem;
height: 2.4rem;
background: url(https://akabirakankoukyoukai.jp/wp/wp-content/themes/akabirakankoukyoukai/img/arrow_bg_green.svg) no-repeat center / contain;
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
}
.news_list li .news_date {
}
.news_list li .news_title {
font-weight: 500;
white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
@media only screen and ( max-width : 767px ) {
.news_list li {
}
.news_list li a {
display: flex;
flex-direction: column;
justify-content: center;
height: 7rem;
}
}
@media print, screen and ( min-width : 768px ) {
.news_list li {
}
.news_list li a {
display: flex;
align-items: center;
height: 6rem;
}
.news_list li .news_date {
width: 12rem;
padding-right: 2rem;
}
.news_list li .news_title {
width: calc(100% - 12rem);
}
} .pamphlet_wrap {
background: #F8F8EC;
box-shadow: 0 .3rem .6rem rgba(0, 0, 0, 0.16);
position: relative;
}
.pamphlet_wrap:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 12rem;
height: 12rem;
background: url(https://akabirakankoukyoukai.jp/wp/wp-content/themes/akabirakankoukyoukai/img/pamphlet_title.png) no-repeat center / contain;
}
.pamphlet_img {
width: 10rem;
display: block;
margin: 0 auto 2rem;
}
.pamphlet_img img {
width: 100%;
}
.pamphlet_btn {
display: flex;
align-items: center;
justify-content: center;
color: #fff;
background: #222;
max-width: 23rem;
height: 4.2rem;
font-size: 1.2rem;
border-radius: 4.2rem;
font-weight: 700;
margin: 0 auto;
}
@media only screen and ( max-width : 767px ) {
.pamphlet_wrap {
border-radius: 2rem;
padding: 2rem;
}
.pamphlet_wrap:before {
border-radius: 2rem 0 0 0;
width: 10rem;
height: 10rem;
}
}
@media print, screen and ( min-width : 768px ) {
.pamphlet_wrap {
border-radius: 3rem;
padding: 3rem;
}
.pamphlet_wrap:before {
border-radius: 3rem 0 0 0;
}
} .wp-pagenavi {
display: flex;
justify-content: center;
flex-wrap: wrap;
}
.wp-pagenavi .pages,
.previouspostslink,
.nextpostslink {
display: none;
}
.wp-pagenavi .page,
.wp-pagenavi .current {
width: 6rem;
height: 6rem;
background: #fff;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
margin: 0 1rem;
color: #ccc;
font-family: "din-2014", sans-serif;
font-weight: 700;
font-size: 2.4rem;
border: none;
border-radius: 50%;
}
.wp-pagenavi .page:hover {
background: var(--mainColor);
color: #fff;
}
.wp-pagenavi .current {
background: var(--mainColor);
color: #fff;
}
.wp-pagenavi a, .wp-pagenavi span {
border: none !important;
}
.wp-pagenavi .extend {
display: flex;
align-items: center; 
}
.wp-pagenavi .first,
.wp-pagenavi .last {
display: flex;
align-items: center;
padding-top: .7em;
}
@media only screen and ( max-width : 767px ) {
.wp-pagenavi {
margin-top: 5rem;
}
.wp-pagenavi .page,
.wp-pagenavi .current {
width: 4rem;
height: 4rem;
line-height: 3.5rem;
margin: 0 .5rem;
font-size: 2rem;
}
}
@media print, screen and ( min-width : 768px ) {
.wp-pagenavi {
margin-top: 10rem;
}
.wp-pagenavi .page,
.wp-pagenavi .current {
line-height: 5.5rem;
}
} @media only screen and ( max-width : 767px ) {
}
@media print, screen and ( min-width : 768px ) {
}
 #page_title {
position: relative;
overflow: hidden;
background: url(//akabirakankoukyoukai.jp/wp/wp-content/themes/akabirakankoukyoukai/img/page_tit_bg01.jpg) no-repeat center / cover;
display: flex;
flex-direction: column-reverse;
align-items: center;
justify-content: center;
color: #fff;
}
.information #page_title {
background: url(//akabirakankoukyoukai.jp/wp/wp-content/themes/akabirakankoukyoukai/img/page_tit_bg01.jpg) no-repeat center / cover;
}
.access #page_title {
background: url(//akabirakankoukyoukai.jp/wp/wp-content/themes/akabirakankoukyoukai/img/page_tit_bg02.jpg) no-repeat center / cover;
}
.post-type-archive-event #page_title {
background: url(//akabirakankoukyoukai.jp/wp/wp-content/themes/akabirakankoukyoukai/img/page_tit_bg03.jpg) no-repeat center / cover;
}
.post-type-archive-tourism #page_title,
.tourism #page_title {
background: url(//akabirakankoukyoukai.jp/wp/wp-content/themes/akabirakankoukyoukai/img/page_tit_bg04.jpg) no-repeat center / cover;
}
.post-type-archive-gourmet #page_title,
.gourmet #page_title {
background: url(//akabirakankoukyoukai.jp/wp/wp-content/themes/akabirakankoukyoukai/img/page_tit_bg05.jpg) no-repeat center / cover;
}
.post-type-archive-specialty #page_title,
.specialty #page_title {
background: url(//akabirakankoukyoukai.jp/wp/wp-content/themes/akabirakankoukyoukai/img/page_tit_bg06.jpg) no-repeat center / cover;
}
.about #page_title {
background: #333;
}
.about #page_title .page_title_video {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
z-index: 0;
pointer-events: none;
}
.about #page_title .page_title_heading,
.about #page_title .page_title_en {
position: relative;
z-index: 1;
}
.page_title_heading {
font-weight: 900;
letter-spacing: .15em;
text-align: center;
}
.page_title_en {
letter-spacing: .1em;
}
#page_content {
background: #F8F8EC;
position: relative;
}
#page_content:before {
content: "";
z-index: -1;
width: 100%;
left: 0;
position: absolute;
background: #F8F8EC;
height: 10rem;
top: -10rem;
}
.title_illust {
position: absolute;
}
@media only screen and ( max-width : 767px ) {
#page_title {
width: calc(100svw - 4rem);
height: 24rem;
margin: 0 auto;
border-radius: 2rem;
}
.about #page_title {
height: 35rem;
}
.page_title_heading {
font-size: 3rem;
}
.page_title_en {
font-size: 1.8rem;
}
#page_content {
border-radius: 0 0 4rem 4rem;
}
.access .title_illust01 {
left: -7.5rem;
top: -1rem;
width: 6rem;
}
.access .title_illust02 {
right: -9rem;
top: 0rem;
width: 8rem;
}
}
@media print, screen and ( min-width : 768px ) {
#page_title {
width: calc(100svw - 10rem);
height: 50rem;
margin: 0 auto;
border-radius: 4rem;
}
.about #page_title {
height: 70rem;
}
.page_title_heading {
font-size: 4.8rem;
}
.page_title_en {
font-size: 3rem;
}
#page_content {
border-radius: 0 0 8rem 8rem;
}
.access .title_illust01 {
left: -22rem;
top: -2rem;
width: 10.6rem;
}
.access .title_illust02 {
right: -22rem;
top: -1rem;
width: 14rem;
}
} .notfound_content {
text-align: center;
}
.notfound_heading {
display: inline-flex;
flex-direction: column;
align-items: center;
gap: .9rem;
}
.notfound_heading_en {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 14rem;
padding: .35em 1.2em;
border-radius: 99px;
background: #47B46D;
color: #fff;
font-weight: 700;
letter-spacing: .08em;
line-height: 1;
}
.notfound_heading_main {
display: block;
font-weight: 700;
letter-spacing: .05em;
line-height: 1.5;
}
.notfound_text {
font-weight: 500;
line-height: 2;
letter-spacing: .06em;
}
.notfound_content .btn {
margin-left: auto;
margin-right: auto;
}
@media only screen and ( max-width : 767px ) {
.notfound_content {
max-width: 64rem;
margin: 0 auto;
}
.notfound_heading {
margin-bottom: 1.8rem;
}
.notfound_heading_en {
font-size: 1.3rem;
}
.notfound_heading_main {
font-size: 2.2rem;
}
.notfound_text {
font-size: 1.6rem;
margin-bottom: 3.2rem;
}
}
@media print, screen and ( min-width : 768px ) {
.notfound_content {
max-width: 86rem;
margin: 0 auto;
}
.notfound_heading {
margin-bottom: 2.4rem;
}
.notfound_heading_en {
font-size: 1.5rem;
}
.notfound_heading_main {
font-size: 3.2rem;
}
.notfound_text {
font-size: 1.8rem;
margin-bottom: 5rem;
}
} .news_list li {
background: #fff;
border-radius: 6rem;
margin-bottom: 2rem;
}
.news_list .no_posts {
background: none;
}
.news_list li a {
padding: 0 6rem 0 2rem;
}
.news_list li a:after {
right: 1.5rem;
}
.pagination {
display: flex;
justify-content: center;
align-items: center;
gap: 1.2rem;
}
.pagination a {
width: 4.2rem;
height: 4.2rem;
border-radius: 50%;
border: 0.1rem solid #47B46D;
display: inline-flex;
align-items: center;
justify-content: center;
font-family: "Outfit", sans-serif;
font-weight: 500;
line-height: 1;
color: #47B46D;
text-decoration: none;
background: #fff;
transition: background-color .25s, color .25s, border-color .25s;
}
.pagination .pagination_arrow {
background: #fff;
color: #47B46D;
border-color: #47B46D;
}
.pagination .pagination_num.is-current {
background: #47B46D;
color: #fff;
border-color: #47B46D;
}
@media (hover: hover) {
.pagination a:hover {
background: #47B46D;
color: #fff;
border-color: #47B46D;
}
} .post_detail_date {
display: inline-block;
color: #47B46D;
font-weight: 600;
letter-spacing: .08em;
}
.post_detail_title {
font-weight: 900;
line-height: 1.4;
}
.post_detail_eyecatch {
text-align: center;
}
.post_detail_eyecatch img {
display: block;
width: 100%;
height: auto;
}
.post_detail_content > * {
}
.post_detail_content p {
line-height: 2;
text-align: justify;
margin: 2rem 0;
}
.post_detail_content h2,
.post_detail_content h3,
.post_detail_content h4,
.post_detail_content h5,
.post_detail_content h6 {
font-weight: 700;
line-height: 1.5;
margin-top: 4rem;
margin-bottom: 2rem;
}
.post_detail_content h2 {
border-left: .6rem solid #47B46D;
padding-left: 1.2rem;
}
.post_detail_content h3 {
border-bottom: .2rem solid #47B46D;
padding-bottom: .4rem;
}
.post_detail_content h4 {
color: #47B46D;
}
.post_detail_content h5,
.post_detail_content h6 {
font-size: 1.6rem;
}
.post_detail_content ul,
.post_detail_content ol {
margin: 2rem 0;
padding-left: 0;
margin-left: 0;
}
.post_detail_content ul {
list-style: none;
}
.post_detail_content ul li {
position: relative;
padding-left: 2.2rem;
}
.post_detail_content ul li::before {
content: "";
width: .8rem;
height: .8rem;
border-radius: 50%;
background: #47B46D;
position: absolute;
left: .4rem;
top: .75em;
transform: translateY(-50%);
}
.post_detail_content ol {
counter-reset: post-detail-ol;
list-style: none;
}
.post_detail_content ol li {
counter-increment: post-detail-ol;
position: relative;
padding-left: 3.2rem;
}
.post_detail_content ol li::before {
content: counter(post-detail-ol);
width: 2.2rem;
height: 2.2rem;
border-radius: 50%;
background: #47B46D;
color: #fff;
font-family: "Outfit", sans-serif;
font-weight: 600;
font-size: 1.3rem;
display: inline-flex;
align-items: center;
justify-content: center;
position: absolute;
left: 0;
top: 1em;
transform: translateY(-50%);
}
.post_detail_content li + li {
margin-top: .9rem;
}
.post_detail_content figure {
margin: 2rem 0;
}
.post_detail_content figcaption {
margin-top: .8rem;
font-size: 1.3rem;
color: #666;
}
.post_detail_content blockquote {
margin: 2rem 0;
padding: 1.6rem 2rem;
border-left: .4rem solid #47B46D;
background: #fff;
line-height: 1.9;
}
@media only screen and ( max-width : 767px ) {
.post_detail_date {
font-size: 1.4rem;
margin-bottom: 1.2rem;
}
.post_detail_title {
font-size: 2.8rem;
margin-bottom: 2.4rem;
}
.post_detail_eyecatch {
margin-bottom: 2.4rem;
}
.post_detail_content h2 {
font-size: 2.4rem;
}
.post_detail_content h3 {
font-size: 2.2rem;
}
.post_detail_content h4 {
font-size: 2rem;
}
.post_detail_content h5 {
font-size: 1.8rem;
}
.post_detail_content h6 {
font-size: 1.7rem;
}
.pagination {
margin-top: 4rem;
gap: .8rem;
}
.pagination a {
width: 3.6rem;
height: 3.6rem;
font-size: 1.4rem;
}
}
@media print, screen and ( min-width : 768px ) {
.post_detail_date {
font-size: 1.6rem;
margin-bottom: 1.6rem;
}
.post_detail_title {
font-size: 4rem;
margin-bottom: 3rem;
}
.post_detail_eyecatch {
margin-bottom: 3.6rem;
}
.post_detail_content h2 {
font-size: 3.4rem;
}
.post_detail_content h3 {
font-size: 3rem;
}
.post_detail_content h4 {
font-size: 2.6rem;
}
.post_detail_content h5 {
font-size: 2.4rem;
}
.post_detail_content h6 {
font-size: 2.2rem;
}
.post_detail_content p,
.post_detail_content li,
.post_detail_content blockquote {
font-size: 1.7rem;
}
.pagination {
margin-top: 6rem;
}
.pagination a {
font-size: 1.8rem;
}
} .access_map iframe {
width: 100%;
display: block;
border-radius: 2rem;
}
.access_info_col + .access_info_col {
margin-top: 2.4rem;
}
.access_info_heading {
margin: 0;
background: #47B46D;
color: #fff;
border-radius: 1.2rem;
font-weight: 700;
line-height: 1;
display: flex;
align-items: center;
}
.access_info_icon {
display: inline-flex;
align-items: center;
justify-content: center;
flex: 0 0 auto;
}
.access_info_icon img {
display: block;
width: 100%;
height: 100%;
object-fit: contain;
}
.access_info_body {
line-height: 1.7;
font-weight: 500;
}
.access_info_body p + p {
margin-top: .8rem;
}
.access_info_body dl {
margin: 0;
}
.access_info_body dt {
margin-top: 1.8rem;
margin-bottom: .4rem;
}
.access_info_body dd {
margin: 0;
}
@media only screen and ( max-width : 767px ) {
.access_map {
margin-bottom: 3rem;
}
.access_map iframe {
height: 30rem;
}
.access_info_heading {
font-size: 2rem;
padding: .8rem 1.5rem;
gap: 1rem;
}
.access_info_icon {
width: 2.8rem;
height: 2.8rem;
}
.access_info_body {
margin-top: 2rem;
}
}
@media print, screen and ( min-width : 768px ) {
.access_map {
margin-bottom: 6rem;
}
.access_map iframe {
height: 45rem;
}
.access_info {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 4rem;
}
.access_info_col + .access_info_col {
margin-top: 0;
}
.access_info_col--car {
grid-column: 1 / 2;
grid-row: 1 / 3;
}
.access_info_col--jr {
grid-column: 2 / 3;
grid-row: 1 / 2;
}
.access_info_col--bus {
grid-column: 2 / 3;
grid-row: 2 / 3;
}
.access_info_heading {
font-size: 2.2rem;
padding: 1rem 1.5rem;
gap: 1.4rem;
}
.access_info_icon {
width: 3.2rem;
height: 3.2rem;
}
.access_info_body {
margin-top: 2.4rem;
}
} .event_date_nav {
position: relative;
}
.event_date_nav .splide__track {
overflow: hidden;
}
.event_date_nav .splide__list {
align-items: stretch;
}
.event_date_nav .splide__slide {
border-right: .1rem solid #ccc;
border-left: .1rem solid #ccc;
margin-left: -.1rem;
background: #fff;
}
.event_date_nav .splide__slide a {
display: block;
text-align: center;
text-decoration: none;
color: #333;
white-space: nowrap;
}
.event_date_nav .event_date_nav_inner {
display: inline-flex;
align-items: baseline;
gap: .2em;
font-weight: 700;
}
.event_date_nav .event_year,
.event_date_nav .event_month {
font-variant-numeric: tabular-nums;
}
.event_date_nav .splide__slide.is-current {
background: #47B46D;
}
.event_date_nav .splide__slide.is-current a {
color: #fff;
}
.event_date_nav .splide__arrows {
pointer-events: none;
}
.event_date_nav .splide__arrow {
pointer-events: auto;
width: 4rem;
height: 4rem;
border-radius: 50%;
background: #47B46D;
opacity: 1;
border: none;
}
.event_date_nav .splide__arrow:disabled {
opacity: .5;
}
.event_date_nav .splide__arrow svg {
fill: #fff;
}
.event_list_item {
border-bottom: .1rem dashed #C8B25D;
}
.event_list_item:last-child {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: none;
}
.event_list_item_body_list dt {
background: #47B46D;
color: #fff;
font-weight: 700;
padding: .2em .5em;
border-radius: .5rem;
text-align: center;
}
.event_list_item_body_list dd {
font-weight: 500;
}
.event_external_link {
display: inline-flex;
align-items: center;
gap: .45em;
color: #0b63c9;
text-decoration: underline;
text-underline-offset: .15em;
font-weight: 700;
word-break: break-all;
}
.event_external_link::after {
content: "";
width: 1.2em;
height: 1.2em;
flex-shrink: 0;
background: url(//akabirakankoukyoukai.jp/wp/wp-content/themes/akabirakankoukyoukai/img/ico-window.svg) no-repeat center / contain;
}
.event_external_link:focus-visible {
outline: .2rem solid #0b63c9;
outline-offset: .2rem;
border-radius: .2rem;
}
@media (hover: hover) {
.event_external_link:hover {
color: #084d9d;
text-decoration-thickness: .2rem;
}
}
.event_list_item_img img {
border-radius: 1.5rem;
}
.event_list_item_title--mobile {
display: none;
}
.event_image_trigger {
display: block;
width: 100%;
border: none;
padding: 0;
background: transparent;
cursor: zoom-in;
position: relative;
overflow: hidden;
border-radius: 1.5rem;
}
.event_image_trigger img {
display: block;
width: 100%;
height: auto;
transition: transform .3s ease, filter .3s ease;
}
.event_image_zoom_hint {
position: absolute;
left: 50%;
bottom: 1.2rem;
transform: translateX(-50%);
background: rgba(0, 0, 0, 0.68);
color: #fff;
font-size: 1.3rem;
font-weight: 700;
line-height: 1;
letter-spacing: .04em;
padding: .7rem 1.1rem .75rem;
border-radius: 999px;
pointer-events: none;
}
.event_image_trigger::before {
content: "";
position: absolute;
inset: 0;
background: rgba(0, 0, 0, 0.2);
opacity: 0;
transition: opacity .3s ease;
pointer-events: none;
}
@media (hover: hover) {
.event_image_trigger:hover img {
transform: scale(1.04);
filter: brightness(.9);
}
.event_image_trigger:hover::before {
opacity: 1;
}
.event_image_trigger:hover .event_image_zoom_hint {
background: rgba(0, 0, 0, 0.8);
}
}
.event_image_modal {
position: fixed;
inset: 0;
z-index: 1000;
opacity: 0;
visibility: hidden;
pointer-events: none;
transition: opacity .3s ease, visibility .3s ease;
}
.event_image_modal.is-open {
opacity: 1;
visibility: visible;
pointer-events: auto;
}
.event_image_modal_backdrop {
position: absolute;
inset: 0;
background: rgba(0, 0, 0, 0.75);
}
.event_image_modal_dialog {
position: relative;
z-index: 1;
width: min(92vw, 100rem);
max-height: 90vh;
margin: 5vh auto;
display: flex;
justify-content: center;
align-items: center;
opacity: 0;
transform: translateY(1rem) scale(.98);
transition: opacity .35s ease, transform .35s ease;
}
.event_image_modal.is-open .event_image_modal_dialog {
opacity: 1;
transform: translateY(0) scale(1);
}
.event_image_modal_img {
display: block;
width: 100%;
max-height: 90vh;
object-fit: contain;
border-radius: 1.2rem;
}
.event_image_modal_close {
position: absolute;
top: -1.6rem;
right: -1.6rem;
width: 4rem;
height: 4rem;
border: none;
border-radius: 50%;
background: #fff;
color: #222;
font-size: 2.4rem;
line-height: 1;
cursor: pointer;
}
body.is-event-modal-open {
overflow: hidden;
}
@media only screen and ( max-width : 767px ) {
.event_date_nav {
margin: 0 0 4rem;
}
.event_date_nav .splide__slide a {
padding: 1.1rem .6rem;
}
.event_date_nav .event_date_nav_inner {
font-size: 1.5rem;
}
.event_date_nav .event_year,
.event_date_nav .event_month {
font-size: 2rem;
}
.event_date_nav .splide__arrow {
width: 3.6rem;
height: 3.6rem;
}
.event_date_nav .splide__arrow--prev {
left: 1.5rem;
}
.event_date_nav .splide__arrow--next {
right: 1.5rem;
}
.event_list_item_img {
margin-bottom: 3rem;
}
.event_list_item_title--mobile {
display: block;
}
.event_list_item_title--desktop {
display: none;
}
.event_list_item_title {
position: relative;
font-size: 2rem;
line-height: 1.3;
font-weight: 900;
letter-spacing: .04em;
background: #fff;
border-radius: 1rem;
padding: .65em .65em .65em 1em;
margin-bottom: 3rem;
}
.event_list_item_title::before {
content: "";
position: absolute;
left: 0;
top: .6em;
bottom: .6em;
width: .45rem;
background: #47B46D;
border-radius: 999px;
}
.event_list { }
.event_list_item {
margin-bottom: 4rem;
padding-bottom: 4rem;
}
.event_list_item_body { }
.event_image_zoom_hint {
font-size: 1.2rem;
bottom: .8rem;
padding: .6rem 1rem .65rem;
}
.event_image_modal_dialog {
width: 92vw;
margin-top: 8vh;
}
.event_image_modal_close {
top: -1.2rem;
right: -1.2rem;
width: 3.6rem;
height: 3.6rem;
font-size: 2rem;
}
.event_list_item_body_list dt {
margin-bottom: 1rem;
}
.event_list_item_body_list dd {
margin-bottom: 2rem;
}
.event_list_item_body_list dd:last-of-type {
margin-bottom: 0;
}
}
@media print, screen and ( min-width : 768px ) {
.event_date_nav {
margin: 0 auto 10rem;
max-width: 130rem;
}
.event_date_nav .splide__slide a {
padding: 1.35rem .8rem;
}
.event_date_nav .event_date_nav_inner {
font-size: 1.8rem;
}
.event_year,
.event_month {
font-size: 2.4rem;
}
.event_date_nav .splide__arrow {
width: 4.8rem;
height: 4.8rem;
}
.event_date_nav .splide__arrow--prev {
left: 2rem;
}
.event_date_nav .splide__arrow--next {
right: 2rem;
}
.event_list_item {
margin-bottom: 8rem;
padding-bottom: 8rem;
}
.event_list_item_img {
width: 36%;
}
.event_list_item_body {
width: 60%;
}
.event_list_item_title--mobile {
display: none;
}
.event_list_item_title--desktop {
display: block;
}
.event_list_item_title {
font-size: 2.6rem;
margin-bottom: 3rem;
font-weight: 700;
letter-spacing: 0;
line-height: 1.4;
background: transparent;
border-radius: 0;
padding: 0;
box-shadow: none;
}
.event_list_item_title::before {
content: none;
}
.event_list_item_body_list {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
}
.event_list_item_body_list dt,
.event_list_item_body_list dd {
margin-bottom: 1.5rem;
}
.event_list_item_body_list dt:last-of-type,
.event_list_item_body_list dd:last-of-type {
margin-bottom: 0;
}
.event_list_item_body_list dt {
width: 12rem;
margin-right: 2rem;
}
.event_list_item_body_list dd {
width: calc(100% - 14rem);
padding: .2em 0;
}
} .post-type-archive-tourism #page_content,
.post-type-archive-gourmet #page_content,
.post-type-archive-specialty #page_content,
.tourism #page_content,
.gourmet #page_content,
.specialty #page_content {
background: #fff;
}
#page_nav_wrap {
background: #F8F8EC;
}
#page_nav li a {
display: flex;
justify-content: center;
border: .1rem solid #222;
border-radius: 1rem;
width: 100%;
background: #fff;
height: 6rem;
position: relative;
font-weight: 700;
letter-spacing: .08em;
}
#page_nav li a:after {
content: "";
position: absolute;
width: 2.4rem;
height: 2.4rem;
background: url(//akabirakankoukyoukai.jp/wp/wp-content/themes/akabirakankoukyoukai/img/arrow_bg_green.svg) no-repeat center / contain;
}
.specialty #page_nav li a:after {
background: url(//akabirakankoukyoukai.jp/wp/wp-content/themes/akabirakankoukyoukai/img/arrow_bg_brown.svg) no-repeat center / contain;
}
@media only screen and ( max-width : 767px ) {
#page_nav_wrap {
padding: 3rem 0;
border-radius: 0 0 4rem 4rem;
}
#page_nav li {
width: 48%;
margin-right: 4%;
font-size: 1.5rem;
margin-top: 4%;
}
#page_nav li:nth-child(-n+2) {
margin-top: 0;
}
#page_nav li:nth-child(2n) {
margin-right: 0;
}
#page_nav li a {
height: 7.5rem;
padding-top: 1rem;
}
#page_nav li a:after {
left: 50%;
transform: translateX(-50%) rotate(90deg);
bottom: 1rem;
}
}
@media print, screen and ( min-width : 768px ) {
#page_nav_wrap {
padding: 6rem 0;
border-radius: 0 0 8rem 8rem;
}
#page_nav li {
width: 24%;
margin-right: 1.33333333%;
font-size: 1.8rem;
}
#page_nav li:last-child {
margin-right: 0;
}
#page_nav li a {
align-items: center;
height: 6rem;
}
#page_nav li a:after {
top: 50%;
right: 1rem;
transform: translateY(-50%) rotate(90deg);
}
} .tourism_category_sec .title_en,
.gourmet_category_sec .title_en {
position: relative;
}
#specialty_souvenir .title_heading,
#specialty_product .title_heading {
margin-bottom: 0;
}
@media only screen and ( max-width : 767px ) {
#tourism_stay-onsen .title_illust {
width: 18rem;
max-width: 18rem;
bottom: -8rem;
right: -8rem;
}
#tourism_stay-onsen .title_en {
left: -7rem;
width: 10rem;
margin-bottom: -1rem;
}
#tourism_shop .title_illust {
width: 16rem;
max-width: 16rem;
bottom: -6rem;
right: -14rem;
}
#tourism_shop .title_en {
left: -5rem;
width: 7rem;
margin-bottom: -1rem;
}
#tourism_coal-mine .title_illust {
width: 10rem;
max-width: 10rem;
bottom: -6rem;
right: -12rem;
}
#tourism_coal-mine .title_en {
left: -5rem;
margin-bottom: -1rem;
width: 9rem;
}
#tourism_art .title_illust {
width: 12rem;
max-width: 12rem;
bottom: -4rem;
right: -14rem;
}
#tourism_art .title_en {
left: -6rem;
margin-bottom: -1rem;
width: 2.4rem;
}
#restaurant .title_illust {
width: 10.6rem;
max-width: 10.6rem;
bottom: -6rem;
right: -10rem;
}
#restaurant .title_en {
left: -9rem;
margin-bottom: -1rem;
width: 8rem;
}
#specialty_souvenir .title_illust01 {
width: 6.6rem;
max-width: 9rem;
bottom: 0;
left: -8rem;
}
#specialty_souvenir .title_illust02 {
width: 5rem;
max-width: 6.8rem;
bottom: 0;
right: -7rem;
}
#specialty_souvenir .title_en {
left: -12rem;
margin-bottom: 1rem;
width: 16rem;
}
#specialty_product .title_illust03 {
width: 4.6rem;
max-width: 4.6rem;
bottom: 0;
left: -7.6rem;
}
#specialty_product .title_illust04 {
width: 6.8rem;
max-width: 6.8rem;
bottom: 0;
right: -10rem;
}
#specialty_product .title_en {
left: -12rem;
margin-bottom: -1rem;
width: 14rem;
}
}
@media print, screen and ( min-width : 768px ) {
#tourism_stay-onsen .title_illust {
width: 30rem;
max-width: 30rem;
bottom: -10rem;
right: -35rem;
}
#tourism_stay-onsen .title_en {
left: -8.5rem;
width: 15.4rem;
margin-bottom: -1.5rem;
}
#tourism_shop .title_illust {
width: 27.6rem;
max-width: 27.6rem;
bottom: -10rem;
right: -30rem;
}
#tourism_shop .title_en {
left: -5.5rem;
margin-bottom: -1.5rem;
width: 10.2rem;
}
#tourism_coal-mine .title_illust {
width: 16rem;
max-width: 16rem;
bottom: -10rem;
right: -30rem;
}
#tourism_coal-mine .title_en {
left: -8rem;
margin-bottom: -1.5rem;
width: 13.7rem;
}
#tourism_art .title_illust {
width: 21rem;
max-width: 21rem;
bottom: -6rem;
right: -26rem;
}
#tourism_art .title_en {
left: -8rem;
margin-bottom: -1.5rem;
width: 3.4rem;
}
#restaurant .title_illust {
width: 15.6rem;
max-width: 15.6rem;
bottom: -10rem;
right: -18rem;
}
#restaurant .title_en {
left: -12rem;
margin-bottom: -2rem;
width: 12.8rem;
}
#specialty_souvenir .title_illust01 {
width: 9rem;
max-width: 9rem;
bottom: 0;
left: -12rem;
}
#specialty_souvenir .title_illust02 {
width: 6.8rem;
max-width: 6.8rem;
bottom: 0;
right: -12rem;
}
#specialty_souvenir .title_en {
left: -12rem;
margin-bottom: 1rem;
width: 24.4rem;
}
#specialty_product .title_illust03 {
width: 6rem;
max-width: 6rem;
bottom: 0;
left: -12rem;
}
#specialty_product .title_illust04 {
width: 9.2rem;
max-width: 9.2rem;
bottom: 0;
right: -16rem;
}
#specialty_product .title_en {
left: -12rem;
margin-bottom: -1rem;
width: 21.4rem;
}
} #tourism_stay-onsen .tourism_category_content {
background: #FFF7F1;
}
#tourism_shop .tourism_category_content {
background: #F2F8FF;
}
#tourism_coal-mine .tourism_category_content {
background: #FFFDF2;
}
#tourism_art .tourism_category_content {
background: #FFF2F4;
}
.item_gallery img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
.item_gallery_main.splide {
position: relative;
}
.item_gallery_main .splide__slide {
overflow: hidden;
}
.item_gallery_main .splide__arrow {
width: 4.8rem;
height: 4.8rem;
border: none;
opacity: 1;
background-color: transparent;
}
.tourism_item_gallery .item_gallery_main .splide__arrow--prev {
background: url(//akabirakankoukyoukai.jp/wp/wp-content/themes/akabirakankoukyoukai/img/prev_green.svg) center / contain no-repeat;
}
.tourism_item_gallery .item_gallery_main .splide__arrow--next {
background: url(//akabirakankoukyoukai.jp/wp/wp-content/themes/akabirakankoukyoukai/img/next_green.svg) center / contain no-repeat;
}
.gourmet_item_gallery .item_gallery_main .splide__arrow--prev,
.akabira_character_gallery .item_gallery_main .splide__arrow--prev {
background: url(//akabirakankoukyoukai.jp/wp/wp-content/themes/akabirakankoukyoukai/img/prev_red.svg) center / contain no-repeat;
}
.gourmet_item_gallery .item_gallery_main .splide__arrow--next,
.akabira_character_gallery .item_gallery_main .splide__arrow--next {
background: url(//akabirakankoukyoukai.jp/wp/wp-content/themes/akabirakankoukyoukai/img/next_red.svg) center / contain no-repeat;
}
.item_gallery_main .splide__arrow svg {
display: none;
}
.item_gallery_main .splide__arrow:disabled {
opacity: .5;
}
.item_gallery_thumbs .splide__track {
overflow: visible;
}
.item_gallery_thumbs .splide__list {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 1rem;
}
.item_gallery_thumbs .splide__slide {
opacity: .7;
cursor: pointer;
overflow: hidden;
border-radius: .8rem;
}
.item_gallery_thumbs .splide__slide.is-active {
opacity: 1;
}
.item_gallery_thumbs .splide__slide img {
transition: transform .25s;
}
.item_gallery_thumbs .splide__slide:hover img {
transform: scale(1.04);
}
.tourism_item_text,
.gourmet_item_text {
line-height: 2;
text-align: justify;
font-weight: 500;
}
.item_detail_right iframe {
width: 100%;
border-radius: 1.5rem;
}
.item_detail_list {
display: flex;
flex-wrap: wrap;
}
.item_detail_list dt,
.item_detail_list dd {
font-weight: 500;
}
.item_detail_list dt {
text-align: center;
border-radius: 1rem 0 0 1rem;
}
.item_detail_list dd {
border-radius: 0 1rem 1rem 0;
}
.item_detail_list dt:nth-of-type(odd),
.item_detail_list dd:nth-of-type(odd) {
background: #fff;
}
.gourmet_item_detail_list dt:nth-of-type(odd),
.gourmet_item_detail_list dd:nth-of-type(odd) {
background: #F8F8EC;
}
.tourism_item,
.gourmet_item {
border-bottom: .1rem solid #ddd;
}
.tourism_item:last-child,
.gourmet_item:last-child {
border-bottom: none;
margin-bottom: 0;
padding-bottom: 0;
}
.item_detail_list_snsLink {
display: inline-block;
width: 4rem;
}
.art_map_nav figure img {
border-radius: 1rem;
margin: 1.5rem 0;
}
.art_map_nav_list {
background: #fff;
border-radius: 1rem;
padding: 2rem;
}
.art_map_nav_list li {
font-weight: 500;
line-height: 1.8;
}
.gourmet_item_heading {
display: flex;
align-items: center;
gap: 1rem;
}
.gourmet_item_heading .gourmet_item_heading_icon {
display: inline-flex;
align-items: center;
gap: 1rem;
}
.gourmet_item_menu_list {
display: flex;
flex-wrap: wrap;
gap: 1rem;
margin-bottom: 2rem;
}
.gourmet_item_menu_list li {
border: .1rem solid #222;
border-radius: 5rem;
font-weight: 500;
padding: 0 1em;
}
.tourism_item_gallery {
position: relative;
}
.tourism_item_attention {
background: #D64545;
color: #fff;
border-radius: 1rem;
padding: 1rem;
margin-bottom: 2rem;
font-weight: 700;
text-align: center;
position: absolute;
z-index: 10;
top: 0;
right: 0;
}
@media only screen and ( max-width : 767px ) {
.tourism_item,
.gourmet_item {
margin-bottom: 4rem;
padding-bottom: 4rem;
}
.tourism_category_sec .tourism_category_content {
border-radius: 4rem;
}
.tourism_item_detail,
.gourmet_item_detail {
margin-top: 3rem;
}
.item_gallery_main {
margin-bottom: 1rem;
border-radius: 1rem;
overflow: hidden;
}
.item_gallery_main .splide__slide {
height: 25rem;
}
.item_gallery_main .splide__arrow {
width: 4rem;
height: 4rem;
}
.item_gallery_main .splide__arrow--prev {
left: .8rem;
}
.item_gallery_main .splide__arrow--next {
right: .8rem;
}
.item_gallery_thumbs .splide__list {
gap: .8rem;
grid-template-columns: repeat(5, minmax(0, 1fr));
}
.item_gallery_thumbs .splide__slide {
height: 5rem;
border-radius: .5rem;
}
.tourism_item_heading,
.gourmet_item_heading {
font-size: 2.4rem;
margin-bottom: 1.5rem;
}
.tourism_item_text,
.gourmet_item_text {
margin-bottom: 2rem;
}
.item_detail_list dt,
.item_detail_list dd {
padding: 1rem;
}
.item_detail_list dt {
width: 8rem;
}
.item_detail_list dd {
width: calc(100% - 8rem);
}
.item_detail_left {
margin-bottom: 2rem;
}
.item_detail_right iframe {
height: 25rem;
}
.art_map_nav_list ul {
width: 50%;
}
.gourmet_item_heading .gourmet_item_heading_icon img {
width: 3rem;
}
.tourism_item_attention {
width: 100%;
}
}
@media print, screen and ( min-width : 768px ) {
.tourism_item,
.gourmet_item {
margin-bottom: 10rem;
padding-bottom: 10rem;
}
.tourism_category_sec .tourism_category_content {
border-radius: 8rem;
}
.tourism_item_detail,
.gourmet_item_detail {
margin-top: 6rem;
}
.item_detail_left {
width: 56%;
}
.item_detail_right {
width: 40%;
}
.item_gallery {
display: flex;
flex-direction: row-reverse;
gap: 2rem;
}
.item_gallery_thumbs {
width: 22rem;
flex-shrink: 0;
}
.item_gallery_thumbs .splide__slide {
height: 9rem;
}
.item_gallery_main {
width: calc(100% - 24.4rem);
}
.item_gallery_main .splide__slide {
height: 49rem;
border-radius: 1.5rem;
overflow: hidden;
}
.item_gallery_main .splide__arrow--prev {
left: 2rem;
}
.item_gallery_main .splide__arrow--next {
right: 2rem;
}
.tourism_item_heading,
.gourmet_item_heading {
font-size: 3.2rem;
margin-bottom: 2.5rem;
}
.tourism_item_text,
.gourmet_item_text {
font-size: 1.7rem;
margin-bottom: 4.5rem;
}
.item_detail_list dt,
.item_detail_list dd {
padding: 2rem;
}
.item_detail_list dt {
width: 17rem;
}
.item_detail_list dd {
width: calc(100% - 17rem);
}
.item_detail_right iframe {
height: 35rem;
}
.art_map_nav_list {
gap: 1rem;
}
.art_map_nav_list ul {
flex: 1;
}
} #gourmet_intro {
background: #F8F8EC;
}
.gourmet_intro_item:last-child {
margin-bottom: 0;
}
.gourmet_intro_item_text_note {
background: #fff;
border-radius: 1rem;
font-weight: 500;
margin-top: 2rem;
display: flex;
align-items: center;
justify-content: center;
gap: 1rem;
}
.gourmet_intro_item_heading .en_number {
color: #D64545;
font-weight: 900;
line-height: 1;
display: inline-block;
}
.gourmet_intro_item_text_desc {
line-height: 1.8;
font-weight: 500;
text-align: justify;
}
.gourmet_intro_item_icon {
width: 4rem;
}
.gourmet_intro_item_icon img {
width: 100%;
}
@media only screen and ( max-width : 767px ) {
#gourmet_intro {
border-radius: 0 0 4rem 4rem;
}
.gourmet_intro_item {
margin-bottom: 4rem;
}
.gourmet_intro_item_img {
margin-bottom: 2rem;
}
.gourmet_intro_item_img img {
border-radius: 2rem;
}
.gourmet_intro_item_heading {
font-size: 2.6rem;
margin-bottom: 1.5rem;
}
.gourmet_intro_item_heading .en_number {
font-size: 4.4rem;
margin-right: 1.5rem;
}
.gourmet_intro_item_text_note {
height: 6rem;
}
}
@media print, screen and ( min-width : 768px ) {
#gourmet_intro {
border-radius: 0 0 8rem 8rem;
}
.gourmet_intro_item {
margin-bottom: 10rem;
}
.gourmet_intro_item_img {
width: 50%;
}
.gourmet_intro_item_text {
width: 44%;
}
.gourmet_intro_item_img img {
border-radius: 4rem;
}
.gourmet_intro_item_heading {
font-size: 3.2rem;
margin-bottom: 2rem;
}
.gourmet_intro_item_heading .en_number {
font-size: 6rem;
margin-right: 1.5rem;
}
.gourmet_intro_item_text_desc {
font-size: 1.7rem;
}
.gourmet_intro_item_text_note {
height: 7rem;
font-size: 1.7rem;
}
} .specialty_item {
border-bottom: .1rem solid #ddd;
}
.specialty_item:last-child {
border-bottom: none;
margin-bottom: 0;
padding-bottom: 0;
}
.specialty_item_detail_left img {
border-radius: 1.5rem;
}
.specialty_item_text {
line-height: 1.8;
font-weight: 500;
text-align: justify;
}
.specialty_item_detail_list_wrap {
background: #F8F8EC;
border-radius: 1rem;
padding: 2rem;
}
.specialty_item_detail_list dt,
.specialty_item_detail_list dd {
font-weight: 500;
line-height: 1.6;
}
.specialty_item_detail_list dd .text_link {
text-decoration: underline;
color: #009DFF;
}
.specialty_banner {
display: block;
width: 24.4rem;
margin: 1.5rem auto 0;
}
@media only screen and ( max-width : 767px ) {
.specialty_item {
padding-bottom: 3rem;
margin-bottom: 3rem;
}
.specialty_item_detail_left {
margin-bottom: 2rem;
}
.specialty_item_heading {
font-size: 2.2rem;
margin-bottom: 1rem;
}
.specialty_item_text {
margin-bottom: 2rem;
}
.specialty_item_detail_list_wrap {
font-size: 1.3rem;
}
.specialty_item_detail_list dt {
font-weight: 700;
margin-bottom: .5rem;
position: relative;
padding-left: 1.2em;
}
.specialty_item_detail_list dt:before {
content: '';
width: 1em;
height: 1em;
background: #B4987C;
border-radius: 50%;
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
}
.specialty_item_detail_list dd {
border-bottom: rgba(0, 0, 0, .2) .1rem solid;
padding-bottom: 1.5rem;
margin-bottom: 1.5rem;
}
.specialty_item_detail_list dd:last-of-type {
margin-bottom: 0;
border-bottom: none;
padding-bottom: 0;
}
}
@media print, screen and ( min-width : 768px ) {
.specialty_item {
padding-bottom: 7rem;
margin-bottom: 7rem;
}
.specialty_item_detail_left {
width: 50%;
}
.specialty_item_detail_right {
width: 44.4%;
}
.specialty_item_heading {
font-size: 3rem;
margin-bottom: 1.8rem;
}
.specialty_item_text {
margin-bottom: 2.5rem;
font-size: 1.7rem;
}
.specialty_item_detail_list {
display: flex;
flex-wrap: wrap;
}
.specialty_item_detail_list dt,
.specialty_item_detail_list dd {
font-size: 1.5rem;
margin-bottom: 1.5rem;
}
.specialty_item_detail_list dt:last-of-type,
.specialty_item_detail_list dd:last-of-type {
margin-bottom: 0;
}
.specialty_item_detail_list dt {
width: 13rem;
margin-right: 2rem;
border-right: .1rem solid rgba(0, 0, 0, .2);
}
.specialty_item_detail_list dd {
width: calc(100% - 15rem);
}
} #about_top {
position: relative;
}
#about_top:after {
content: "";
background: url(//akabirakankoukyoukai.jp/wp/wp-content/themes/akabirakankoukyoukai/img/about/mountain.png) repeat-x center / auto 100%;
position: absolute;
z-index: 2;
left: 0;
width: 100%;
}
.about #page_content {
background: #fff;
}
#about_intro {
position: relative;
}
#about_intro:before {
content: "";
background: #F8F8EC;
position: absolute;
left: 0;
top: 0;
width: 100%;
}
#about_intro .container {
position: relative;
}
.about_illust_mapPin {
width: 17rem;
position: relative;
z-index: 5;
}
.about_illust_mapPin_circle {
position: relative;
text-align: center;
}
.akabira_circle {
position: absolute;
z-index: 2;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
transform-origin: center center;
animation: akabiraCircleSpin 16s linear infinite;
}
.akabira_pin {
position: absolute;
left: 50%;
z-index: 6;
top: 0;
opacity: 0;
will-change: transform, opacity;
}
.akabira_pin img {
width: 100%;
}
.about_illust {
position: relative;
}
.about_illust_img {
position: absolute;
z-index: 10;
transform-origin: center bottom;
backface-visibility: hidden;
animation-timing-function: ease-in-out;
animation-iteration-count: infinite;
}
.about_illust01 {
animation-name: aboutIllustPopA;
animation-duration: 2.7s;
animation-delay: 0s;
width: 5rem;
}
.about_illust02 {
animation-name: aboutIllustPopB;
animation-duration: 3.2s;
animation-delay: 0.35s;
width: 11.2rem;
}
.about_illust03 {
animation-name: aboutIllustPopB;
animation-duration: 2.4s;
animation-delay: 0.75s;
width: 7rem;
}
.about_illust04 {
animation-name: aboutIllustPopA;
animation-duration: 3.5s;
animation-delay: 0.2s;
width: 9rem;
}
.about_intro_content,
.about_note_wrap {
position: relative;
z-index: 10;
}
.about_intro_text {
text-align: center;
font-weight: 500;
line-height: 2.2em;
letter-spacing: .1em;
}
.about_note_item {
border: .3rem solid #00A502;
border-radius: 1.5rem;
background: #F8F8EC;
position: relative;
}
.about_note_item:before {
content: "";
position: absolute;
z-index: 2;
left: 50%;
transform: translateX(-50%);
width: 3.7rem;
height: 3.7rem;
top: -2.1rem;
background: url(//akabirakankoukyoukai.jp/wp/wp-content/themes/akabirakankoukyoukai/img/about/pin.png) no-repeat center center / contain;
}
.about_note_title {
border-bottom: .3rem solid #00A502;
text-align: center;
padding-bottom: .3em;
letter-spacing: .1em;
}
.about_note_item p {
line-height: 1.8em;
text-align: justify;
font-weight: 500;
}
.about_note_item p:last-of-type {
margin-bottom: 0;
}
.about_intro_illust {
position: absolute;
z-index: 2;
}
@media (prefers-reduced-motion: reduce) {
.akabira_circle {
animation: none;
}
.akabira_pin {
opacity: 1;
transform: translateX(-50%);
}
.about_illust_img {
animation: none;
}
}
@media only screen and ( max-width : 767px ) {
#about_top:after {
bottom: -4rem;
height: 7rem;
}
.about_illust{
position: relative;
min-height: 34rem;
}
.about_illust_mapPin {
left: 22%;
top: 4rem;
width: 14rem;
padding-top: 10rem;
}
.about_illust_mapPin_circle img {
width: 9.5rem;
}
.about_illust_mapPin_circle .akabira_circle {
width: 11rem;
}
.about_illust_map {
position: absolute;
right: -3rem;
left: -3rem;
top: 0;
}
.about_illust01 {
left: 1rem;
top: 18rem;
width: 3.5rem;
}
.about_illust02 {
right: 0;
top: 8rem;
width: 9rem;
}
.about_illust03 {
left: 8rem;
top: 25rem;
width: 5rem;
}
.about_illust04 {
right: 5rem;
top: 22rem;
width: 6rem;
}
#about_intro {
padding-top: 12rem;
}
#about_intro:before {
height: 24rem;
border-radius: 0 0 4rem 4rem;
}
.about_intro_text {
font-size: 1.7rem;
}
.about_intro_title {
width: 16rem;
margin: 0 auto 4rem;
}
.about_intro_title img {
display: block;
--about-title-clip-left: 0%;
-webkit-clip-path: inset(0 0 0 var(--about-title-clip-left));
clip-path: inset(0 0 0 var(--about-title-clip-left));
will-change: clip-path;
}
.about_note_wrap {
margin-top: 4rem;
}
.about_note_left {
}
.about_note_item {
padding: 2rem;
margin-bottom: 3rem;
}
.about_note_right .about_note_item {
margin-bottom: 0;
}
.about_note_title {
font-size: 2rem;
margin-bottom: 1rem;
}
.about_note_title span {
font-size: 1.6rem;
}
.about_note_item .btn {
margin-top: 2rem;
}
.about_note_illust {
margin: 2rem 0;
}
.about_note_item p {
margin-bottom: 1rem;
}
.about_intro_illust01 {
width: 4rem;
top: -5rem;
left: -2rem;
}
.about_intro_illust02 {
width: 6rem;
top: 0;
left: 0rem;
}
.about_intro_illust03 {
width: 9rem;
top: 20rem;
left: -4rem;
}
.about_intro_illust04 {
width: 30rem;
top: -5.6rem;
right: -20rem;
}
.about_intro_illust05 {
width: 8rem;
top: 19rem;
right: 0rem;
}
}
@media print, screen and ( min-width : 768px ) {
#about_top:after {
bottom: -12rem;
height: 21.8rem;
}
#about_intro {
padding-top: 30rem;
}
#about_intro:before {
height: 45rem;
border-radius: 0 0 8rem 8rem;
}
.about_illust_map {
width: 154.2rem;
right: -55rem;
top: -27rem;
position: absolute;
z-index: 1;
}
.about_illust_mapPin {
left: 50%;
transform: translateX(-50%);
padding-top: 11rem;
top: 2rem;
width: 15rem;
}
.about_illust_mapPin_circle img {
width: 11rem;
}
.about_illust_mapPin_circle .akabira_circle {
width: 13rem;
}
.akabira_pin {
width: 15rem;
}
.about_illust01 {
left: 25rem;
top: 16rem;
}
.about_illust02 {
right: 23rem;
top: 5rem;
}
.about_illust03 {
left: 42rem;
top: 28rem;
}
.about_illust04 {
right: 29rem;
top: 22rem;
}
.about_intro_text {
font-size: 2rem;
margin-bottom: 5rem;
}
.about_intro_title {
width: 23rem;
margin: 0 auto 6rem;
}
.about_intro_title img {
display: block;
--about-title-clip-left: 0%;
-webkit-clip-path: inset(0 0 0 var(--about-title-clip-left));
clip-path: inset(0 0 0 var(--about-title-clip-left));
will-change: clip-path;
}
.about_note_wrap {
margin-top: 24rem;
}
.about_note_left {
width: 50%;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.about_note_right {
width: 47%;
}
.about_note_item {
padding: 2rem 3rem 4rem;
font-size: 1.7rem;
}
.about_note_title {
font-size: 2.6rem;
margin-bottom: 2rem;
}
.about_note_title span {
font-size: 2.2rem;
}
.about_note_item .btn {
margin-top: 3rem;
}
.about_note_illust {
margin: 5rem 0;
}
.about_note_item p {
margin-bottom: 2.5rem;
}
.about_intro_illust01 {
width: 8.4rem;
top: -8rem;
left: 0;
}
.about_intro_illust02 {
width: 11.2rem;
top: 0;
left: 15.8rem;
}
.about_intro_illust03 {
width: 18.6rem;
top: 30rem;
left: -6rem;
}
.about_intro_illust04 {
width: 39.2rem;
top: -5.6rem;
right: -20rem;
}
.about_intro_illust05 {
width: 14.2rem;
top: 17rem;
right: 9.4rem;
}
} #akabira_character {
background: #FFF4F4;
}
.akabira_character_text {
line-height: 2;
font-weight: 500;
margin-bottom: 2rem;
}
.akabira_character_right dl {
display: flex;
flex-wrap: wrap;
font-weight: 500;
line-height: 1.8;
}
.akabira_character_right dt,
.akabira_character_right dd {
padding: 1rem;
}
.akabira_character_right dt:nth-of-type(odd),
.akabira_character_right dd:nth-of-type(odd) {
background: #FFF;
}
.akabira_character_right dt {
border-radius: 1rem 0 0 1rem;
text-align: center;
}
.akabira_character_right dd {
border-radius: 0 1rem 1rem 0;
}
#akabira_character .title_heading_inner {
align-items: flex-start;
}
#akabira_character .title_en {
position: relative;
}
@media only screen and ( max-width : 767px ) {
#akabira_character {
border-radius: 4rem;
}
.akabira_character_left {
width: 100%;
margin-bottom: 3rem;
}
.akabira_character_gallery .item_gallery_thumbs .splide__list {
grid-template-columns: repeat(6, minmax(0, 1fr));
gap: 0.5rem;
}
.akabira_character_gallery .item_gallery_thumbs .splide__slide {
height: auto;
aspect-ratio: 1;
}
#akabira_character .title_en {
width: 15rem;
left: -4rem;
margin-bottom: -1rem;
}
#akabira_character .title_illust {
width: 12rem;
right: -4rem;
top: -3rem;
}
.akabira_character_right dt {
width: 9rem;
}
.akabira_character_right dd {
width: calc(100% - 9rem);
}
}
@media print, screen and ( min-width : 768px ) {
#akabira_character {
border-radius: 8rem;
}
.akabira_character_left {
width: 44%;
}
.akabira_character_right {
width: 50%;
}
.akabira_character_text {
font-size: 1.7rem;
margin-bottom: 3rem;
} .akabira_character_gallery.item_gallery {
flex-direction: column;
gap: 1.6rem;
}
.akabira_character_gallery .item_gallery_main {
width: 100%;
}
.akabira_character_gallery .item_gallery_thumbs {
width: 100%;
}
.akabira_character_gallery .item_gallery_thumbs .splide__list {
grid-template-columns: repeat(6, minmax(0, 1fr));
gap: 1rem;
}
.akabira_character_gallery .item_gallery_thumbs .splide__slide {
height: auto;
aspect-ratio: 1;
max-height: none;
}
.akabira_character_gallery .item_gallery_main .splide__slide {
height: 32rem;
}
.akabira_character_gallery .item_gallery_main .splide__arrow--next {
right: -2rem;
}
.akabira_character_gallery .item_gallery_main .splide__arrow--prev {
left: -2rem;
}
.akabira_character_right dt {
width: 12rem;
}
.akabira_character_right dd {
width: calc(100% - 12rem);
}
#akabira_character .title_en {
width: 19.5rem;
left: -6rem;
margin-bottom: -1rem;
}
#akabira_character .title_illust {
width: 17.7rem;
right: -14rem;
top: -2rem;
}
} #akabira_numbers .title_en {
position: relative;
}
.akabira_numbers_item {
border: .3rem solid #EF8837;
border-radius: 1.5rem;
background: #FFFDF1;
position: relative;
}
.akabira_numbers_item:before {
content: "";
position: absolute;
z-index: 2;
left: 50%;
transform: translateX(-50%);
width: 3.7rem;
height: 3.7rem;
top: -2.1rem;
background: url(//akabirakankoukyoukai.jp/wp/wp-content/themes/akabirakankoukyoukai/img/about/pin.png) no-repeat center center / contain;
}
.akabira_numbers_title {
border-bottom: .3rem solid #EF8837;
text-align: center;
padding-bottom: .3em;
letter-spacing: .1em;
}
.akabira_numbers_item .akabira_numbers_text_sub {
line-height: 1.8em;
text-align: justify;
font-weight: 500;
}
.akabira_numbers_item p:last-of-type {
margin-bottom: 0;
}
.akabira_numbers_item .akabira_numbers_text {
font-weight: 900;
text-align: center;
color: #EF8837;
}
.akabira_numbers_item .akabira_numbers_text .en,
.akabira_numbers_number_small {
font-weight: 900;
line-height: 1;
}
.akabira_numbers_item .akabira_numbers_text .akabira_numbers_unit.en {
}
@media only screen and ( max-width : 767px ) {
#akabira_numbers .title_en {
width: 19rem;
left: -3rem;
}
#akabira_numbers .title_illust {
width: 12rem;
right: -10rem;
top: -9rem;
}
.akabira_numbers_item {
padding: 2rem;
margin-bottom: 3rem;
}
.akabira_numbers_item:last-child {
margin-bottom: 0;
}
.akabira_numbers_title {
font-size: 2rem;
margin-bottom: 1rem;
}
.akabira_numbers_title span {
font-size: 1.6rem;
}
.akabira_numbers_item .akabira_numbers_text {
font-size: 3.6rem;
margin-bottom: 1rem;
}
.akabira_numbers_item .akabira_numbers_text .en {
font-size: 7rem;
}
.akabira_numbers_item .akabira_numbers_text .en.akabira_numbers_number_small {
font-size: 5rem;
}
.akabira_numbers_item .akabira_numbers_text .akabira_numbers_unit.en {
font-size: 4rem;
}
.akabira_numbers_item .akabira_numbers_text .akabira_numbers_unit_small {
font-size: 2.4rem;
}
.akabira_numbers_item_small .akabira_numbers_text {
font-size: 3.6rem;
}
.akabira_numbers_item_small .akabira_numbers_text .en {
font-size: 7rem;
}
}
@media print, screen and ( min-width : 768px ) {
#akabira_numbers .title_heading_inner {
align-items: flex-start;
}
#akabira_numbers .title_en {
width: 27.8rem;
left: -4rem;
}
#akabira_numbers .title_illust {
width: 18.7rem;
right: -24rem;
top: -5rem;
}
.akabira_numbers_item {
width: 48%;
padding: 2rem 3rem 4rem;
font-size: 1.7rem;
margin-top: 4%;
}
.akabira_numbers_item:nth-child(-n+2) {
margin-top: 0;
}
.akabira_numbers_title {
font-size: 2.6rem;
margin-bottom: 2rem;
}
.akabira_numbers_title span {
font-size: 2.2rem;
}
#akabira_numbers .title_heading {
margin-bottom: 9rem;
}
.akabira_numbers_item .akabira_numbers_text {
font-size: 5.4rem;
margin-bottom: 1.5rem;
}
.akabira_numbers_item .akabira_numbers_text .en {
font-size: 11rem;
}
.akabira_numbers_item .akabira_numbers_text .en.akabira_numbers_number_small {
font-size: 5rem;
}
.akabira_numbers_item .akabira_numbers_text .akabira_numbers_unit.en {
font-size: 7rem;
}
.akabira_numbers_item .akabira_numbers_text .akabira_numbers_unit_small {
font-size: 3rem;
}
.akabira_numbers_item_small .akabira_numbers_text {
font-size: 4.4rem;
}
.akabira_numbers_item_small .akabira_numbers_text .en {
font-size: 9rem;
}
} #journey {
position: relative;
background: #47B46D;
}
#journey:before {
content: "";
z-index: 1;
left: 0;
top: 0;
width: 100%;
height: 100%;
position: absolute;
}
#journey .container,
.journey_wrap {
position: relative;
}
.journey_main {
flex: 1;
min-width: 0;
position:  relative;
z-index: 2;
}
.journey_visual {
flex-shrink: 0;
width: 100%;
max-width: 72rem;
position: absolute;
top: 0;
}
.journey_visual_cols {
display: flex;
gap: 2.5rem;
height: 100%;
}
.journey_gallery_splide.splide {
flex: 1;
height: 100%;
min-width: 0;
overflow: hidden;
border-radius: 1.2rem;
}
.journey_gallery_splide .splide__track,
.journey_gallery_splide .splide__list {
height: 100%;
}
.journey_gallery_splide .splide__slide {
overflow: hidden;
border-radius: 1rem;
}
.journey_gallery_splide .splide__slide img {
display: block;
width: 100%;
height: 24rem;
object-fit: cover;
}
#journey .top_heading .title_jp {
text-align: left;
color: #FFFFBA;
}
#journey .title_en img {
display: block;
transform-origin: left center;
}
#journey .title_en img.is-inview {
animation: journeyTitleTalk 1.1s ease-in-out 1 both;
}
#journey .top_heading_inner {
position: relative;
display: flex;
flex-direction: column-reverse;
}
#journey .top_heading .title_jp {
font-weight: 900;
}
#journey .title_en img {
width: 100%;
}
.journey #page_content {
background: #FFF;
}
@media (prefers-reduced-motion: reduce) {
#journey .title_en img {
animation: none;
}
}
@media only screen and ( max-width : 767px ) {
#journey:before {
background: rgba(71,180,109,.85);
}
.journey_wrap {
padding: 8rem 3rem;
}
#journey .title_en {
width: 12rem;
}
.journey_visual_cols {
gap: 1rem;
}
.journey_gallery_splide .splide__slide img {
height: 12rem;
}
.journey_visual {
left: 0;
padding: 0 1rem;
}
.journey_illust {
width: 100%;
margin-top: 2rem;
}
#journey .top_heading .title_jp {
font-size: 5.4rem;
}
}
@media print, screen and ( min-width : 768px ) {
#journey:before {
background: linear-gradient(to right,  rgba(71,180,109,1) 0%,rgba(71,180,109,0.8) 50%,rgba(71,180,109,0.69) 57%,rgba(255,255,255,0) 100%);
}
.journey_main {
display: flex;
align-items: center;
min-height: calc(100svh - 9rem);
max-height: calc(100svh - 9rem);
}
.journey_wrap {
width: calc(100% - clamp(2rem, 4vw, 8rem));
max-width: min(90%, 160rem);
margin: 0 auto;
}
#journey .top_heading {
margin-bottom: 4vw;
}
#journey .top_heading_inner {
align-items: flex-start;
}
.journey_visual {
align-self: stretch;
right: -10rem;
}
.journey_illust {
width: clamp(40rem, 44vw, 72rem);
}
#journey .top_heading .title_jp {
font-size: clamp(5.4rem, 8vw, 12rem);
}
#journey .top_heading .title_en {
width: clamp(14rem, 18vw, 28rem);
}
} #journey_story {
color: #fff;
height: 100svh;
display: flex;
align-items: center;
justify-content: center;
position: relative;
overflow: hidden;
}
.journey_story_bg {
position: absolute;
left: 0;
top: -12%;
width: 100%;
height: 124%;
background: url(//akabirakankoukyoukai.jp/wp/wp-content/themes/akabirakankoukyoukai/img/journey/story_bg_ph.jpg) no-repeat center center / cover;
z-index: 0;
will-change: transform;
}
#journey_story .container {
position: relative;
z-index: 1;
}
#journey_story .title_jp {
letter-spacing: .2em;;
}
#journey_story .title_heading_inner {
align-items: flex-start;
}
#journey_story .title_en {
position: relative;
}
.journey_story_text {
text-align: center;
font-weight: 700;
line-height: 2.5;
letter-spacing: .1em;
}
@media only screen and ( max-width : 767px ) {
#journey_story .title_en {
left: -5rem;
width: 14rem;
}
.journey_story_text {
font-size: 1.6rem;
}
}
@media print, screen and ( min-width : 768px ) {
#journey_story .title_en {
left: -10rem;
width: 23.4rem;
}
.journey_story_text {
font-size: 2rem;
}
} #journey_history {
position: relative;
}
.journey_history_item {
position: relative;
}
.journey_history_item + .journey_history_item {
margin-top: 4rem;
}
.journey_history_item_img {
position: relative;
}
.journey_history_item_img > img {
display: block;
width: 100%;
height: auto;
}
.journey_history_way {
position: absolute;
left: 50%;
bottom: 0;
width: min(92%, 43.4rem);
transform: translateX(-50%);
pointer-events: none;
z-index: 1;
}
.journey_history_way_inner {
--journey-way-clip-bottom: 0%;
-webkit-clip-path: inset(0 0 var(--journey-way-clip-bottom) 0);
clip-path: inset(0 0 var(--journey-way-clip-bottom) 0);
will-change: clip-path;
}
.journey_history_way_inner img {
display: block;
width: 100%;
height: auto;
}
.journey_history_item_img_title {
position: absolute;
z-index: 3;
}
.journey_history_item_img_title img {
display: block;
max-width: 100%;
height: auto;
}
.journey_history_item_text p {
line-height: 2;
text-align: justify;
font-weight: 500;
}
.journey_history_item_img_figure {
text-align: right;
position: relative;
z-index: 2;
}
.journey_history_item_img_figure img {
border-radius: 1.5rem;
}
.journey_history_item_img_figure figcaption {
font-weight: 500;
margin-top: 1rem;
background: rgba(255,255,255,.8);
display: inline-block;
}
.journey_history_item_text {
position: relative;
z-index: 2;
}
.journey_history_item_text .journey_history_item_title {
text-align: center;
}
.journey_history_item_text .journey_history_item_last_text {
color: #fff;
text-align: center;
font-weight: 700;
line-height: 2;
letter-spacing: .1em;
}
.story_illust {
position: absolute;
z-index: 3;
}
.story_illust img {
width: 100%;
}
@media (prefers-reduced-motion: reduce) {
.journey_history_way_inner {
-webkit-clip-path: none;
clip-path: none;
}
}
@media only screen and ( max-width : 767px ) {
#journey_history {
border-radius: 0 0 4rem 4rem;
background: url(//akabirakankoukyoukai.jp/wp/wp-content/themes/akabirakankoukyoukai/img/journey/history_bg_sp.jpg) no-repeat left bottom / 100%;
padding-bottom: 8rem;
}
.journey_history_item_text {
margin-top: 2rem;
}
.journey_history_item_text p {
font-size: 1.5rem;
}
#journey_history_item01 {
margin-top: 4rem;
}
#journey_history_item03,
#journey_history_item05,
#journey_history_item06 {
margin-top: 8rem;
}
#journey_history_item01 .journey_history_item_img,
#journey_history_item05 .journey_history_item_img {
margin-left: -6rem;
}
#journey_history_item03 .journey_history_item_img {
margin-right: -6rem;
}
#journey_history_item01 .journey_history_item_img_title {
width: 4.3rem;
left: 6rem;
top: -4rem;
}
.journey_history_item_img_figure figcaption {
font-size: 1.1rem;
}
#journey_history_item03 .journey_history_item_img_title {
width: 4.3rem;
right: 6rem;
top: -4rem;
}
#journey_history_item03 .journey_history_item_img_figure figcaption {
margin-right: 6rem;
}
#journey_history_item05 .journey_history_item_img_figure figcaption {
margin-left: 6rem;
}
#journey_history_item05 .journey_history_item_img_title {
width: 9.8rem;
left: auto;
right: -2rem;
top: -4rem;
}
#journey_history_item06 .journey_history_item_title {
width: 26rem;
margin: 0 auto 3rem;
}
.journey_history_way {
width: 10rem;
}
.journey_history_way--01 {
bottom: -49rem;
left: 22rem;
}
.journey_history_way--02 {
bottom: -28rem;
left: 16rem;
}
.journey_history_way--03 {
bottom: -40rem;
left: 16rem;
}
.journey_history_way--04 {
bottom: -25rem;
left: 16rem;
}
.journey_history_way--05 {
bottom: -46rem;
left: 22rem;
}
.story_illust01 {
width: 16rem;
right: -4rem;
top: -8rem;
}
.story_illust02 {
width: 14rem;
right: -2rem;
top: -4rem;
}
.story_illust03 {
width: 16.4rem;
left: -2rem;
top: 4rem;
}
.story_illust04 {
width: 10.6rem;
left: -17.4rem;
top: -7rem;
}
.story_illust05 {
width: 5rem;
right: -2rem;
top: -6rem;
}
.story_illust06 {
width: 12rem;
left: -4rem;
bottom: -2rem;
}
.story_illust07 {
width: 19rem;
right: 0rem;
bottom: -18rem;
}
.story_illust08 {
width: 4rem;
left: 0;
top: -8rem;
}
.story_illust09 {
width: 8rem;
left: 4rem;
top: -17rem;
}
#journey_history_item05 .journey_history_item_text {
margin-bottom: 21rem;
}
}
@media print, screen and ( min-width : 768px ) {
#journey_history {
border-radius: 0 0 8rem 8rem;
background: url(//akabirakankoukyoukai.jp/wp/wp-content/themes/akabirakankoukyoukai/img/journey/history_bg.jpg) no-repeat left bottom / 100%;
}
.journey_history_item {
margin-bottom: 15rem;
}
.journey_history_item:nth-child(odd) {
width: 72%;
}
.journey_history_item:nth-child(even) {
width: 50%;
margin-left: 50%;
}
#journey_history_item06 {
width: 100%;
margin-left: 0;
}
.journey_history_item_img {
}
.journey_history_item_text {
}
.journey_history_item_text p {
font-size: 1.7rem;
}
.journey_history_item_img_title {
left: 3rem;
top: -5rem;
}
.journey_history_item_img_title img {
width: 7rem;
}
#journey_history_item05 .journey_history_item_img_title {
top: -10rem;
}
#journey_history_item05 .journey_history_item_img_title img {
width: 15.5rem;
}
#journey_history_item06 .journey_history_item_title img {
width: 41rem;
}
#journey_history_item06 .journey_history_item_title {
margin-bottom: 6rem;
}
.journey_history_item_img_figure figcaption {
font-size: 1.4rem;
}
.journey_history_item_text {
margin-top: 4.5rem;
}
.journey_history_item_text .journey_history_item_last_text {
font-size: 2rem;
}
.journey_history_way {
width: 43.4rem;
}
.journey_history_way--01 {
bottom: -62rem;
left: 32.5rem;
}
.journey_history_way--02 {
bottom: -33rem;
right: 32.5rem;
}
.journey_history_way--03 {
bottom: -55rem;
left: 32.5rem;
}
.journey_history_way--04 {
bottom: -37rem;
right: 32.5rem;
}
.journey_history_way--05 {
width: 86.8rem;
left: 53.5rem;
bottom: -108.5rem;
}
.story_illust01 {
width: 35.7rem;
right: -38.3rem;
bottom: 0;
}
.story_illust02 {
width: 25.2rem;
left: -50rem;
bottom: -6rem;
}
.story_illust03 {
width: 31.2rem;
right: -26rem;
bottom: -18rem;
}
.story_illust04 {
width: 10.6rem;
left: -17.4rem;
top: -7rem;
}
.story_illust05 {
width: 20.2rem;
left: -53rem;
top: 5rem;
}
.story_illust06 {
width: 41.2rem;
left: -19.5rem;
bottom: -12rem;
}
.story_illust07 {
width: 36rem;
right: -28rem;
bottom: -2rem;
}
.story_illust08 {
width: 9rem;
right: 4rem;
top: -12rem;
}
.story_illust09 {
width: 16.9rem;
left: 7rem;
top: 0;
}
} #journey_route .title_heading_inner {
align-items: flex-start;
}
.journey_route_text {
text-align: center;
font-weight: 500;
line-height: 2;
letter-spacing: .1em;
}
.journey_route_time {
border: .3rem solid #46B46C;
border-radius: 1.5rem;
}
.journey_route_time_title {
background: #46B46C;
color: #FFFFBA;
font-weight: 700;
text-align: center;
}
.journey_route_time_title span {
display: block;
margin-top: .4em;
}
.journey_route_time_list {
position: relative;
}
.journey_route_time_list li {
position: relative;
padding-left: 1.4em;
font-weight: 500;
letter-spacing: .05em;
margin-bottom: 1rem;
}
.journey_route_time_list li:last-child {  
margin-bottom: 0;
}
.journey_route_time_list li .journey_route_time_list_item_title {
font-weight: 700;
}
.journey_route_time_list li .journey_route_time_list_item_title {
font-size: 120%;
}
.journey_route_time_list li .en {
font-size: 130%;
font-weight: 700;
}
.journey_route_time_list li:before {
content: "";
width: 1em;
height: 1em;
border-radius: 50%;
background: #46B46C;
position: absolute;
left: 0;
top: 1.1em;
transform: translateY(-50%);
}
.journey_route_item {
background: #FFFFE8;
border: .3rem solid #46B46C;
position: relative;
overflow: hidden;
}
.journey_route_item:last-child {
margin-bottom: 0;
}
.journey_route_item_heading {
position: absolute;
top: 0;
left: 0;
z-index: 2;
}
.journey_route_item_img img {
border-radius: 1.5rem;
}
.journey_route_item_text h3 {
position: relative;
border-bottom: .3rem solid #222;
}
.journey_route_item_text h3 .journey_route_item_text_pin {
position: absolute;
left: 0;
display: block;
transform-origin: 50% 90%;
transform: translateY(-1.2rem) scale(0.96, 1.04);
opacity: 0;
}
.journey_route_item_text h3 .journey_route_item_text_pin img {
display: block;
width: 100%;
height: auto;
}
.journey_route_item_text h3 .journey_route_item_text_pin.is-inview {
animation:
journeyPinDrop 0.56s cubic-bezier(0.2, 0.85, 0.25, 1.2) forwards,
journeyPinBounce 2.1s ease-in-out 0.6s infinite;
}
@keyframes journeyPinDrop {
0% {
transform: translateY(-1.2rem) scale(0.96, 1.04);
opacity: 0;
}
65% {
transform: translateY(0.1rem) scale(1.04, 0.95);
opacity: 1;
}
100% {
transform: translateY(0) scale(1, 1);
opacity: 1;
}
}
@keyframes journeyPinBounce {
0%,
24%,
100% {
transform: translateY(0) scale(1, 1);
}
8% {
transform: translateY(-0.45rem) scale(1.06, 0.94);
}
14% {
transform: translateY(0) scale(0.96, 1.05);
}
19% {
transform: translateY(-0.18rem) scale(1.02, 0.98);
}
}
@media (prefers-reduced-motion: reduce) {
.journey_route_item_text h3 .journey_route_item_text_pin {
animation: none;
}
}
.journey_route_item_text p {
line-height: 2;
font-weight: 500;
text-align: justify;
}
.journey_route_item_info_list {
display: flex;
flex-wrap: wrap;
font-weight: 500;
}
.journey_route_item_info_list dt,
.journey_route_item_info_list dd {
display: flex;
flex-direction: column;
justify-content: center;
}
.journey_route_item_info_list dt {
text-align: center;
}
.journey_route_item_info_list dd {
overflow-wrap: anywhere;
word-break: normal;
line-break: strict;
}
.text_link {
text-decoration: underline;
}
.map_link {
background: #B4987C;
color: #fff;
width: 12rem;
height: 2.2rem;
display: inline-flex;
align-items: center;
position: relative;
font-size: 1.2rem;
padding: 0 1.5rem;
font-weight: 700;
border-radius: 3rem;
margin-top: .5rem;
}
.map_link:after {
content: "";
position: absolute;
width: 1.8rem;
height: 1.8rem;
background: url(//akabirakankoukyoukai.jp/wp/wp-content/themes/akabirakankoukyoukai/img/arrow_bg_brown.svg) no-repeat center / contain;
right: 0;
top: 50%;
transform: translateY(-50%);
}
@media only screen and ( max-width : 767px ) {
#journey_route .title_heading {
margin-bottom: 2rem;
}
#journey_route .title_en {
width: 19rem;
margin-left: -4rem;
}
#journey_route .title_illust01 {
width: 10rem;
right: -4rem;
top: -2rem;
}
.journey_route_time {
margin-top: 4rem;
margin-bottom: 4rem;
}
.journey_route_time_title {
font-size: 1.9rem;
padding: 1.5rem;
}
.journey_route_time_title span {
font-size: 1.3rem;
}
.journey_route_time_list {
padding: 1.5rem;
}
#journey_route .journey_route_time_list .title_illust02 {
width: 7.8rem;
right: -2rem;
bottom: -2rem;
}
.journey_route_item {
border-radius: 2rem;
margin-bottom: 3rem;
}
.journey_route_item_cols {
}
.journey_route_item_img {
padding: 1.5rem 1.5rem 0;
}
.journey_route_item_text {
padding: 2rem;
}
.journey_route_item_text h3 {
padding-bottom: 1rem;
padding-left: 4rem;
font-size: 2rem;
margin-bottom: 2rem;
}
.journey_route_item_text h3 .journey_route_item_text_pin {
bottom: 1rem;
width: 3rem;
}
.journey_route_item_info_list {
}
.journey_route_item_info_list:first-child dt:nth-of-type(odd),
.journey_route_item_info_list:first-child dd:nth-of-type(odd) {
background: #fff;
}
.journey_route_item_info_list:last-child dt:nth-of-type(even),
.journey_route_item_info_list:last-child dd:nth-of-type(even) {
background: #fff;
}
.journey_route_item_info_list dt,
.journey_route_item_info_list dd {
min-height: 5rem;
padding: 1rem 1.5rem;
}
.journey_route_item_info_list dt {
width: 10rem;
}
.journey_route_item_info_list dd {
width: calc(100% - 10rem);
}
.journey_route_item_heading {
width: 8rem;
}
}
@media print, screen and ( min-width : 768px ) {
#journey_route .title_heading {
margin-bottom: 4rem;
}
#journey_route .title_en {
width: 30.2rem;
margin-left: -8rem;
}
#journey_route .title_illust01 {
width: 14.5rem;
right: -14rem;
top: 0;
}
.journey_route_text {
font-size: 1.7rem;
}
.journey_route_time {
margin-top: 8rem;
margin-bottom: 6rem;
}
.journey_route_time_title {
font-size: 2.4rem;
padding: 2rem;
width: 41.6rem;
}
.journey_route_time_title span {
font-size: 1.8rem;
}
.journey_route_time_list {
padding: 2rem;
width: calc(100% - 41.6rem);
}
.journey_route_time_list li {
font-size: 1.8rem;
}
#journey_route .journey_route_time_list .title_illust02 {
width: 10rem;
right: 3.6rem;
top: -7.2rem;
}
.journey_route_item {
border-radius: 4rem;
padding: 4.6rem;
margin-bottom: 6rem;
}
.journey_route_item_cols {
margin-bottom: 3.6rem;
}
.journey_route_item_img {
width: 45.4rem;
}
.journey_route_item_text {
width: 40.6rem;
font-size: 1.7rem;
}
.journey_route_item_text h3 {
padding-bottom: 1rem;
padding-left: 6rem;
font-size: 2.6rem;
margin-bottom: 3rem;
margin-top: 3rem;
}
.journey_route_item_text h3 .journey_route_item_text_pin {
bottom: 1rem;
width: 4.6rem;
}
.journey_route_item_info_list {
width: 43rem;
}
.journey_route_item_info_list_fullw {
width: 100%;
}
.journey_route_item_info_list dt:nth-of-type(odd),
.journey_route_item_info_list dd:nth-of-type(odd) {
background: #fff;
}
.journey_route_item_info_list dt,
.journey_route_item_info_list dd {
min-height: 7rem;
padding: 0 2rem;
}
.journey_route_item_info_list dt {
width: 16rem;
}
.journey_route_item_info_list dd {
width: calc(100% - 16rem);
}
.journey_route_item_heading {
width: 13.5rem;
}
.journey_route_item_text_note {
font-size: 1.4rem;
margin-top: 1rem;
}
.journey_route_item_info_list_fullw .map_link {
margin: 0 0 0 .8rem;
}
} @media only screen and ( max-width : 767px ) {
}
@media print, screen and ( min-width : 768px ) {
}.wp-pagenavi {
clear: both;
}
.wp-pagenavi a, .wp-pagenavi span {
text-decoration: none;
border: 1px solid #BFBFBF;
padding: 3px 5px;
margin: 2px;
}
.wp-pagenavi a:hover, .wp-pagenavi span.current {
border-color: #000;
}
.wp-pagenavi span.current {
font-weight: bold;
}