html {
width: 100%;
height: 100%;
font-size: 62.5%;
margin: 0;
padding: 0;
}
body {
font-size: 17px;
font-size: 1.7rem;
height: 100%;
margin: 0;
padding: 0;
font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif; 
line-height: normal;
display: flex;
justify-content: center;
align-items: center;
color: #000;
}
*, *:before, *:after {
box-sizing: border-box;
}
*:focus {
outline: none;
}
a {
-webkit-tap-highlight-color: transparent;
cursor: pointer;
color: #0000EE;
display: inline-block;
}
img {
vertical-align: bottom;
}


.contents {
aspect-ratio: 1.414 / 1;
width: 100vw;
height: auto;
max-height: min(100vh, calc(100vw / (1.414 / 1)));
max-height: min(100svh, calc(100vw / (1.414 / 1)));
max-width: min(100vw, calc(100vh * (1.414 / 1)));
max-width: min(100vw, calc(100svh * (1.414 / 1)));
overflow: hidden;
}

.header_navi {
width: 100%;
height: auto;
aspect-ratio: 1 / 0.0505;
background: #fff;
align-items: center;
display: flex;
justify-content: space-between;
overflow: hidden;
}
.pankuzu {
margin-left: 8px;
display: flex;
align-items: center;
white-space: nowrap;
font-size: 95%;
}
.pankuzu > li:not(.mokuzi)::after {
content: "-";
padding: 0 0.4em;
}
.pankuzu > li:last-child::after {
content: "";
padding: 0;
}
.pankuzu > li span {
display: none;
}
.mokuzi a,
.mokuzi span {
display: inline-block;
border: solid 1px #000;
padding: 2px 14px;
margin-right: 1em;
color: #000;
text-decoration: none;
}
.back {
color: #000;
text-decoration: none;
display: flex;
align-items: center;
gap: 10px;
margin-right: 8px;
white-space: nowrap;
font-size: 95%;
}
.back img {
width: 24%
}
.main {
width: 100%;
height: 92.86%;
position: relative;
}
.imgmax {
display: block;
width: 100%;
}
.imgmax img {
width: 100%;
height: auto;
object-fit: cover;
}
.img100 img {
width: 100%;
height: auto;
}

.unit_menu {
display: grid;
grid-template-columns: repeat(5, 16.92%);
justify-content: center;
gap: 1.9%;
position: absolute;
top: 0;
margin-top: 59.01%;
}
.unit_menu li {
display: block;
}

.exbtn_1 {
display: block;
width: 16.92%;
position: absolute;
right:2.41%;
top: 0;
margin-top: 52.37%;
}
.exbtn_2 {
display: block;
width: 16.92%;
position: absolute;
right:2.41%;
top: 0;
margin-top: 58.3%;
}




#home .contents {
background: url(../img/home_back.png) center center no-repeat;
background-size: cover;
}
.contents_start {
display: block;
width: 16.92%;
margin: 54.53% auto 0;
}

#mokuzi .contents {
background: #58c2ec;
}
#mokuzi_card {
width: 86.58%;
margin: 2.55% auto 0;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
#mokuzi_btn {
width: 94.42%;
margin: 1.875% auto 0;
display: flex;
justify-content: space-between;
}
#mokuzi_card li,
#mokuzi_btn li {
display: inline-block;
}
#mokuzi_card li:nth-child(1),
#mokuzi_card li:nth-child(2) {
width: calc((100% - 2.22%) / 2);
}
#mokuzi_card li:nth-child(3),
#mokuzi_card li:nth-child(4),
#mokuzi_card li:nth-child(5) {
width: calc((100% - 4.44%) / 3);
margin-top: 2.22%;
}
#mokuzi_btn li:nth-child(1) {
width: 56.48%;
}
#mokuzi_btn li:nth-child(2) {
width: 41.14%;
}
#mokuzi_card li img,
#mokuzi_btn li img {
width: 100%;
height: auto;
}


#guidelines .contents {
background: url(../img/guidelines_back.png) center center no-repeat;
background-size: cover;
}
#guidelines_text {
position: absolute;
top: 0;
left: 0;
width: 89.07%;
margin-top: 5.87%;
margin-left: 5.2%;
}
#guidelines_db {
width: 38.85%;
position: absolute;
top: 0;
right: 0;
margin-top: 35.94%;
margin-right: 5.7%;
}
#guidelines_footer {
position: absolute;
top: 0;
left: 0;
width: 90.57%;
margin-top: 42.86%;
margin-left: 4.98%;
}


#column .contents,
#column_1 .contents {
background: url(../img/column/back.png) center center no-repeat;
background-size: cover;
}
#column_text_0 {
position: absolute;
top: 0;
left: 0;
width: 86.51%;
margin: 3.125% 0 0 7.45%;
}
#column_card {
position: absolute;
top: 0;
left: 0;
width: 100%;
display: grid;
grid-template-columns: repeat(4, 23.06%);
gap: 1.06%;
margin-top: 38.59%;
padding-left: 6.67%;
}
#column_card img {
vertical-align: middle;
}
#column_btn {
position: absolute;
top: 0;
left: 0;
width: 28.64%;
margin-top: 57.42%;
margin-left: 67.1%;
}

#column_1_text_0 {
position: absolute;
top: 0;
left: 0;
width: 86.56%;
padding-top: 2.23%;
margin-left: 7.55%;
}
#column_1_card {
position: absolute;
top: 0;
left: 0;
width: 100%;
display: grid;
grid-template-columns: repeat(3, 21.4%);
gap: 2.8% 2.06%;
margin-top: 22.61%;
margin-left: 9.25%;
}
#column_1_btn {
position: absolute;
top: 0;
right: 0;
width: 16.92%;
margin-top: 57.42%;
margin-right: 3.5%;
}


.timeline_menu {
width: 100%;
position: absolute;
top: 0;
left: 0;
}
.timeline_menu > li {
display: block;
width: 9.75%;
margin-left: 4.66%;
}
.timeline_menu > li + li {
margin-top: 0.4%;
}
#timeline_dougu_btn {
margin-top: 10.71%;
}
#timeline_machi_btn {
margin-top: 36.1%;
}
#timeline_btn > li {
display: block;
width: 17.81%;
position: absolute;
top: 0;
left: 0;
}
#timeline_btn > li:nth-child(1) {
margin-top: 35.19%;
margin-left: 64.33%;
}
#timeline_btn > li:nth-child(2) {
margin-top: 61.01%;
margin-left: 62.76%;
}
#timeline_btn > li:nth-child(3) {
margin-top: 61.01%;
margin-left: 81.35%;
}
#timeline_image_btn > li {
position: absolute;
top: 0;
left: 0;
display: block;
}
#timeline_image_btn > li a {
display: block;
width: 100%;
height: 100%;
}
#sentaku_1 {
width: 6.25%;
height: 7.14%;
margin-top: 10.9%;
margin-left: 35.5%;
}
#sentaku_2 {
width: 4.68%;
height: 9.53%;
margin-top: 10.1%;
margin-left: 56.6%;
}
#sentaku_3 {
width: 4.68%;
height: 9.53%;
margin-top: 10.1%;
margin-left: 62.2%;
}
#sentaku_4 {
width: 3.9%;
height: 8.73%;
margin-top: 10.1%;
margin-left: 92.8%;
}
#gohantaki_1 {
width: 6.87%;
height: 7.1%;
margin-top: 17%;
margin-left: 15.78%;
}
#gohantaki_2 {
width: 6.23%;
height: 7.1%;
margin-top: 17%;
margin-left: 22.65%;
}
#gohantaki_3 {
width: 7.03%;
height: 7.1%;
margin-top: 17%;
margin-left: 28.88%;
}
#gohantaki_4 {
width: 7.01%;
height: 7.1%;
margin-top: 17%;
margin-left: 60.3%;
}
#gohantaki_5 {
width: 6.25%;
height: 7.1%;
margin-top: 17%;
margin-left: 67.31%;
}
#gohantaki_6 {
width: 7.01%;
height: 7.1%;
margin-top: 17%;
margin-left: 91.2%;
}
#reizou_1 {
width: 4.60%;
height: 8.04%;
margin-top: 22.65%;
margin-left: 34.37%;
}
#reizou_2 {
width: 4.68%;
height: 9.52%;
margin-top: 22.61%;
margin-left: 52.44%;
}
#reizou_3 {
width: 4.68%;
height: 9.52%;
margin-top: 22.61%;
margin-left: 71.18%;
}
#reizou_4 {
width: 3.82%;
height: 8.73%;
margin-top: 22.75%;
margin-left: 92.81%;
}
#akari_1 {
width: 4.68%;
height: 9.5%;
margin-top: 28.65%;
margin-left: 17.7%;
}
#akari_2 {
width: 4.68%;
height: 9.5%;
margin-top: 28.65%;
margin-left: 22.38%;
}
#akari_3 {
width: 4.68%;
height: 9.5%;
margin-top: 28.65%;
margin-left: 28.48%;
}
#akari_4 {
width: 5.31%;
height: 7.14%;
margin-top: 29.4%;
margin-left: 37.83%;
}
#akari_5 {
width: 7.98%;
height: 7.14%;
margin-top: 29.4%;
margin-left: 57.7%;
}
#akari_6 {
width: 7.04%;
height: 7.14%;
margin-top: 29.4%;
margin-left: 91.2%;
}
#nagoyaeki_1 {
width: 7.59%;
height: 7.14%;
margin-top: 36.5%;
margin-left: 19.73%;
}
#nagoyaeki_2 {
width: 8.41%;
height: 7.14%;
margin-top: 36.5%;
margin-left: 29.89%;
}
#nagoyaeki_3 {
width: 4.68%;
height: 7.14%;
margin-top: 36.4%;
margin-left: 58.43%;
}
#nagoyaeki_4 {
width: 6.24%;
height: 7.14%;
margin-top: 36.4%;
margin-left: 91.56%;
}
#tvtou_1 {
width: 4.29%;
height: 8.73%;
margin-top: 42.12%;
margin-left: 49.4%;
}
#tvtou_2 {
width: 5.72%;
height: 8.73%;
margin-top: 42.12%;
margin-left: 54.3%;
}
#tvtou_3 {
width: 7.03%;
height: 7.1%;
margin-top: 42.6%;
margin-left: 61.0%;
}
#tvtou_4 {
width: 3.8%;
height: 8.73%;
margin-top: 42.12%;
margin-left: 92.8%;
}
#higashiyama_1 {
width: 7.28%;
height: 7.14%;
margin-top: 48.64%;
margin-left: 46.56%;
}
#higashiyama_2 {
width: 7.04%;
height: 7.14%;
margin-top: 48.64%;
margin-left: 61.04%;
}
#higashiyama_3 {
width: 7.03%;
height: 7.14%;
margin-top: 48.64%;
margin-left: 91.2%;
}
#nagoyakou_1 {
width: 7.37%;
height: 7.14%;
margin-top: 54.7%;
margin-left: 29.11%;
}
#nagoyakou_2 {
width: 7.34%;
height: 7.14%;
margin-top: 54.7%;
margin-left: 37.05%;
}
#nagoyakou_3 {
width: 7.02%;
height: 7.14%;
margin-top: 54.7%;
margin-left: 61.04%;
}
#nagoyakou_4 {
width: 7.04%;
height: 7.14%;
margin-top: 54.7%;
margin-left: 91.18%;
}



#theme1 .contents {
background: url(../img/theme1/back.jpg) center center no-repeat;
background-size: cover;
}
#theme1__title img {
width: 51.82%;
height: auto;
position: absolute;
top: 0;
left: 0;
margin-left: 2.13%;
margin-top: 3%;
filter: drop-shadow(0.5mm 0.5mm 0.5mm rgba(27, 33, 20, 0.8));
}
#theme1__text img {
width: 33.38%;
height: auto;
position: absolute;
top: 0;
right: 0;
margin-right: 9.21%;
margin-top: 0.9%;
}
#theme1__menu {
position: relative;
z-index: 10;
}
#theme1__menu li {
display: block;
position: absolute;
top: 0;
left: 0;
width: 27.45%;
}
#theme1__menu li:nth-child(1) {
margin-left: 10.56%;
margin-top: 25.92%;
}
#theme1__menu li:nth-child(2) {
margin-left: 16.09%;
margin-top: 13.2%;
}
#theme1__menu li:nth-child(3) {
margin-left: 70.06%;
margin-top: 17.54%;
}
#theme1__menu li:nth-child(4) {
margin-left: 47.09%;
margin-top: 54.47%;
}
#theme1__menu li:nth-child(5) {
margin-left: 5.11%;
margin-top: 38.6%;
}
#theme1__map {
position: absolute;
top: 0;
left: 0;
width: 100%;
margin-left: 4.83%;
margin-top: 52.65%;
}
#theme1__map li {
display: block;
width: 22.23%;
}
#theme1__map li + li {
margin-top: 1%;
}

#theme1_1 .contents,
#theme1_2 .contents,
#theme1_3 .contents,
#theme1_4 .contents {
background: url(../img/theme1/c0_back.png) center center no-repeat;
background-size: cover;
}
#theme1_1_0__title {
position: absolute;
top: 0;
left: 0;
width: 88.17%;
margin-left: 2.65%;
margin-top: 2.39%;
}
#theme1_1_0__title img {
filter: drop-shadow(0.5mm 0.5mm 0.5mm rgba(27, 33, 20, 0.8));
}
#theme1_1_0__text {
position: absolute;
top: 0;
right: 0;
width: 39.42%;
height: auto;
margin-right: 6.25%;
margin-top: 14.47%;
}
#theme1_1_0__card {
position: absolute;
top: 0;
left: 0;
margin-top: 20.18%;
display: grid;
grid-template-columns: repeat(4, 22.08%);
justify-content: center;
gap: 2.76%;
}
#theme1_1_0__card li {
position: relative;
}
#theme1_1_0__card li::after {
content: "";
display: block;
width: 10.56%;
height: 8.24%;
position: absolute;
right: -11.6%;
top: 50%;
transform: translateY(-50%);
background: url(../img/arrow.svg) center center no-repeat;
background-size: cover;
}
#theme1_1_0__card li:last-child::after {
display: none;
}

#theme1_1_2_ex__card {
display: grid;
justify-content: center;
grid-template-columns: repeat(3, 30.36%);
gap: 2.7%;
margin-top: 9.5%;
}
#theme1_1_2_ex__card li {
display: block;
}

#theme1_1_3_ex__card {
display: grid;
justify-content: center;
grid-template-columns: repeat(2, 38.43%);
gap: 5.36% 3.53%;
margin-top: 2.92%;
}
#theme1_1_3_ex__card li {
display: block;
}

#theme1_1_kurabetemiru .contents,
#theme1_2_kurabetemiru .contents,
#theme1_3_kurabetemiru .contents,
#theme1_4_kurabetemiru .contents {
background: url(../img/theme1/kurabete_back.png) center center no-repeat;
background-size: cover;
}
#theme1_1_k__title img {
width: 54.27%;
height: auto;
margin-left: 2.92%;
margin-top: 2.03%;
}
#theme1_1_kurabete_img1 {
position: absolute;
top: 0;
left: 0;
width: 52.24%;
margin-top: calc(17.85% - 4px);
margin-left: calc(1.74% - 4px);
border: solid 4px #fff;
box-sizing: content-box;
}
#theme1_1_kurabete_cap1 {
position: absolute;
top: 0;
left: 0;
width: 25.625%;
margin-top: 51.71%;
margin-left: 15.23%;
}
#theme1_1_kurabete_img2 {
position: absolute;
top: 0;
right: 0;
width: 43.125%;
margin-top: calc(17.85% - 4px);
margin-right: calc(1.74% - 4px);
border: solid 4px #fff;
box-sizing: content-box;
}
#theme1_1_kurabete_cap2 {
position: absolute;
top: 0;
right: 0;
width: 21.145%;
margin-top: 51.71%;
margin-right: 11.95%;
}
#theme1_1_k__check {
display: none;
}
#theme1_1_k__btn {
display: block;
position: absolute;
top: 0;
right: 0;
margin-top: 8.21%;
margin-right: 5%;
width: 16.92%;
cursor: pointer;
}
#theme1_1_k__btn img {
position: absolute;
top: 0;
left: 0;
}
#theme1_1_k__btn img + img {
opacity: 0;
}
#theme1_1_k__balloon {
width: 89.375%;
position: absolute;
top: 0;
left: 0;
margin-top: 19.9%;
margin-left: 4.68%;
filter: drop-shadow(0.5mm 0.5mm 0.5mm rgba(27, 33, 20, 0.6));
opacity: 0;
transition: opacity 0.4s ease;
}
#theme1_1_k__check:checked ~ .main #theme1_1_k__balloon,
#theme1_1_k__check:checked ~ .main #theme1_1_k__btn img + img {
opacity: 1;
}
#theme1_1_k__check:checked ~ .header_navi .pankuzu li span {
display: inline;
}



#theme1_2_0__title {
position: absolute;
top: 0;
left: 0;
width: 94.94%;
height: auto;
margin-left: 2.18%;
margin-top: 2.37%;
}
#theme1_2_0__title img {
filter: drop-shadow(0.5mm 0.5mm 0.5mm rgba(27, 33, 20, 0.8));
}
#theme1_2_3_ex__card {
display: grid;
justify-content: center;
grid-template-columns: repeat(2, 38.43%);
gap: 5.36% 3.53%;
margin-top: 2.92%;
}
#theme1_2_3_ex__card li {
display: block;
}
#theme1_2_k__title img {
width: 69.53%;
height: auto;
margin-left: 2.92%;
margin-top: 2.03%;
}
#theme1_2_kurabete_img1 {
position: absolute;
top: 0;
left: 0;
width: 26.3%;
margin-top: calc(15.2% - 4px);
margin-left: calc(18.81% - 4px);
border: solid 4px #fff;
box-sizing: content-box;
}
#theme1_2_kurabete_img2 {
position: absolute;
top: 0;
right: 0;
width: 23.489%;
margin-top: calc(15.2% - 4px);
margin-right: calc(18.81% - 4px);
border: solid 4px #fff;
box-sizing: content-box;
}
#theme1_2_kurabete_cap1 {
position: absolute;
top: 0;
left: 0;
width: 32.239%;
margin-top: 52.1875%;
margin-left: 16%;
}
#theme1_2_kurabete_cap2 {
position: absolute;
top: 0;
right: 0;
width: 30.36%;
margin-top: 51.3%;
margin-right: 15.36%;
}
#theme1_2_k__balloon {
width: 79.895%;
position: absolute;
top: 0;
left: 0;
margin-top: 13.3%;
margin-left: 14.036%;
filter: drop-shadow(0.5mm 0.5mm 0.5mm rgba(27, 33, 20, 0.6));
opacity: 0;
transition: opacity 0.4s ease;
}
#theme1_1_k__check:checked ~ .main #theme1_2_k__balloon,
#theme1_1_k__check:checked ~ .main #theme1_1_k__btn img + img {
opacity: 1;
}


#theme1_3_0__title {
position: absolute;
top: 0;
left: 0;
width: 96.61%;
height: auto;
margin-left: 1.45%;
margin-top: 2.38%;
}
#theme1_3_0__title img {
filter: drop-shadow(0.5mm 0.5mm 0.5mm rgba(27, 33, 20, 0.8));
}
#theme1_3_0__card {
position: absolute;
top: 0;
left: 0;
display: grid;
grid-template-columns: repeat(3, 26.197%);
justify-content: center;
gap: 3.8%;
margin-top: 20.18%;
}
#theme1_3_0__card li {
position: relative;
}
#theme1_3_0__card li::after {
content: "";
display: block;
width: 10.56%;
height: 8.24%;
position: absolute;
right: -12.6%;
top: 50%;
transform: translateY(-50%);
background: url(../img/arrow.svg) center center no-repeat;
background-size: cover;
}
#theme1_3_0__card li:last-child::after {
display: none;
}
#theme1_3_2_ex__card {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 0 1.67%;
margin-top: 2.92%;
}
#theme1_3_2_ex__card li:not(.spacer) {
display: block;
width: 30.729%;
margin-bottom: 3.575%;
}
#theme1_3_2_ex__card li.spacer {
width: 100%;
}
#theme1_3_k__title img {
width: 85.41%;
height: auto;
margin-left: 2.91%;
margin-top: 2.08%;
}
#theme1_3_k__btn {
display: block;
position: absolute;
top: 0;
right: 0;
margin-top: 11.92%;
margin-right: 1.875%;
width: 16.92%;
cursor: pointer;
}
#theme1_3_k__btn img {
position: absolute;
top: 0;
left: 0;
}
#theme1_3_k__btn img + img {
opacity: 0;
}
#theme1_3_kurabete_img1 {
position: absolute;
top: 0;
left: 0;
width: 47.81%;
margin-top: calc(19.22% - 4px);
margin-left: calc(1.56% - 4px);
border: solid 4px #fff;
box-sizing: content-box;
}
#theme1_3_kurabete_img2 {
position: absolute;
top: 0;
right: 0;
width: 47.81%;
margin-top: calc(19.22% - 4px);
margin-right: calc(1.56% - 4px);
border: solid 4px #fff;
box-sizing: content-box;
}
#theme1_3_kurabete_cap1 {
position: absolute;
top: 0;
left: 0;
width: 46.458%;
margin-top: 51.71%;
margin-left: 2.96%;
}
#theme1_3_kurabete_cap2 {
position: absolute;
top: 0;
right: 0;
width: 35.36%;
margin-top: 53.85%;
margin-right: 7.7%;
}
#theme1_3_k__balloon {
width: 88.8%;
position: absolute;
top: 0;
left: 0;
margin-top: 17%;
margin-left: 4.22%;
filter: drop-shadow(0.5mm 0.5mm 0.5mm rgba(27, 33, 20, 0.6));
opacity: 0;
transition: opacity 0.4s ease;
}
#theme1_1_k__check:checked ~ .main #theme1_3_k__balloon,
#theme1_1_k__check:checked ~ .main #theme1_1_k__btn img + img {
opacity: 1;
}


#theme1_4_0__title {
position: absolute;
top: 0;
left: 0;
width: 88.23%;
height: auto;
margin-left: 2.63%;
margin-top: 1.538%;
}
#theme1_4_0__title img {
filter: drop-shadow(0.5mm 0.5mm 0.5mm rgba(27, 33, 20, 0.8));
}
#theme1_4_0__text {
position: absolute;
top: 0;
right: 0;
width: 39.42%;
height: auto;
margin-right: 6.25%;
margin-top: 11.93%;
}
#theme1_4_0__card {
position: absolute;
top: 0;
left: 0;
display: grid;
grid-template-columns: repeat(4, 22.08%);
justify-content: center;
gap: 2.76%;
margin-top: 18.07%;
}
#theme1_4_0__card li {
position: relative;
}
#theme1_4_0__card li::after {
content: "";
display: block;
width: 10.56%;
height: 8.24%;
position: absolute;
right: -11.6%;
top: 50%;
transform: translateY(-50%);
background: url(../img/arrow.svg) center center no-repeat;
background-size: cover;
}
#theme1_4_0__card li:last-child::after {
display: none;
}
#theme1_4_columnbtn {
display: block;
width: 35.83%;
position: absolute;
top: 0;
left: 0;
margin-top: 49%;
margin-left: 1.67%;
}
#theme1_4_k__title img {
width: 54.27%;
height: auto;
margin-left: 2.91%;
margin-top: 2.08%;
}
#theme1_4_kurabete_img1 {
position: absolute;
top: 0;
left: 0;
width: 48.385%;
margin-top: calc(18.53% - 4px);
margin-left: calc(1.48% - 4px);
border: solid 4px #fff;
box-sizing: content-box;
}
#theme1_4_kurabete_img2 {
position: absolute;
top: 0;
right: 0;
width: 47.291%;
margin-top: calc(18.53% - 4px);
margin-right: calc(1.48% - 4px);
border: solid 4px #fff;
box-sizing: content-box;
}
#theme1_4_kurabete_cap1 {
position: absolute;
top: 0;
left: 0;
width: 38.33%;
margin-top: 52.84%;
margin-left: 6.596%;
}
#theme1_4_kurabete_cap2 {
position: absolute;
top: 0;
right: 0;
width: 21.4%;
margin-top: 52.84%;
margin-right: 14.375%;
}
#theme1_4_k__balloon {
width: 95.2%;
position: absolute;
top: 0;
left: 0;
margin-top: 16.848%;
margin-left: 2.586%;
filter: drop-shadow(0.5mm 0.5mm 0.5mm rgba(27, 33, 20, 0.6));
opacity: 0;
transition: opacity 0.4s ease;
}
#theme1_1_k__check:checked ~ .main #theme1_4_k__balloon,
#theme1_1_k__check:checked ~ .main #theme1_1_k__btn img + img {
opacity: 1;
}




#theme2 .contents {
background: url(../img/theme2/back.jpg) center center no-repeat;
background-size: cover;
}
#theme2__title img {
width: 52.76%;
height: auto;
position: absolute;
top: 0;
left: 0;
margin-left: 2.187%;
margin-top: 1.47%;
filter: drop-shadow(0.5mm 0.5mm 0.5mm rgba(27, 33, 20, 0.8));
}
#theme2__text img {
width: 29.48%;
height: auto;
position: absolute;
top: 0;
right: 0;
margin-right: 6.185%;
margin-top: 2%;
}
#theme2__image img {
width: 94.739%;
height: auto;
border: solid 3px #fff;
box-sizing: content-box;
position: absolute;
top: 0;
left: 0;
margin-top: calc(18.09% - 3px);
margin-left: calc(2.62% - 3px);
}
#theme2__menu {
position: relative;
z-index: 10;
}
#theme2__menu li {
display: block;
position: absolute;
top: 0;
left: 0;
width: 20.468%;
}
#theme2__menu li:nth-child(1) {
margin-left: 1.475%;
margin-top: 47.385%;
}
#theme2__menu li:nth-child(2) {
margin-left: 36.29%;
margin-top: 14.11%;
}
#theme2__menu li:nth-child(3) {
margin-left: 43.626%;
margin-top: 47.385%;
}
#theme2__menu li:nth-child(4) {
margin-left: 77.86%;
margin-top: 20.346%;
}
.theme2__othermenu {
position: relative;
z-index: 10;
}
.theme2__othermenu li {
display: block;
position: absolute;
top: 0;
left: 0;
}
#theme2__othermenu_1 {
width: 28.54%;
margin-top: 56.859%;
margin-left: 1.475%;
}
#theme2__othermenu_2 {
width: 26.77%;
margin-top: 14.11%;
margin-left: 9.16%;
}
#theme2__othermenu_3 {
width: 24.479%;
margin-top: 14.11%;
margin-left: 73.85%;
}
#theme2__othermenu_4 {
width: 25.78%;
margin-top: 50.51%;
margin-left: 69%;
}
#theme2__othermenu_5 {
width: 21.354%;
margin-top: 56.859%;
margin-left: 76.02%;
}
#theme2_1 .contents,
#theme2_2 .contents,
#theme2_3 .contents,
#theme2_4 .contents {
background: url(../img/theme2/c0_back.png) center center no-repeat;
background-size: cover;
}
#theme2_1_0__title {
position: absolute;
top: 0;
left: 0;
width: 63.125%;
height: auto;
margin-left: 2.34%;
margin-top: 3.38%;
}
#theme2_1_0__title img {
filter: drop-shadow(0.5mm 0.5mm 0.5mm rgba(27, 33, 20, 0.8));
}
#theme2_1_0__text {
position: absolute;
top: 0;
right: 0;
width: 21.97%;
margin-right: 4.55%;
margin-top: 2%;
}
#theme2_1_0__card {
position: absolute;
top: 0;
left: 0;
display: grid;
grid-template-columns: repeat(4, 22.08%);
justify-content: center;
gap: 2.76%;
margin-top: 11.85%;
}
#theme2_1_0__card li {
position: relative;
}
#theme2_1_0__card li img {
vertical-align: middle;
}
#theme2_1_0__card li::after {
content: "";
display: block;
width: 10.56%;
height: 8.24%;
position: absolute;
right: -11.6%;
top: 50%;
transform: translateY(-50%);
background: url(../img/arrow.svg) center center no-repeat;
background-size: cover;
}
#theme2_1_0__card li:last-child::after {
display: none;
}
.theme2_addbtn {
position: absolute;
top: 0;
left: 0;
width: 100%;
display: grid;
grid-template-columns: repeat(4, 22.08%);
justify-content: center;
gap: 2.76%;
margin-top: 42.83%;
}
#theme2_1_graphbtn {
display: block;
width: 34.53%;
position: absolute;
top: 0;
right: 0;
margin-top: 43.67%;
margin-right: 1.7%;
}
.theme2_matomete_btn {
display: block;
width: 16.92%;
position: absolute;
top: 0;
left: 0;
}
.theme2_movie_btn {
display: block;
width: 22.08%;
position: absolute;
top: 0;
left: 0;
}
#theme2_1_1_matomete {
margin-top: 35.2%;
margin-left: 74.82%;
}
#theme2_1_1_movie {
margin-top: 41.68%;
margin-left: 74.82%;
}
#theme2_1_2_movie {
margin-top: 44.65%;
margin-left: 68.02%;
}

#theme2_2_0__title {
position: absolute;
top: 0;
left: 0;
width: 69.58%;
height: auto;
margin-left: 2.7%;
margin-top: 3.1%;
}
#theme2_2_0__title img {
filter: drop-shadow(0.5mm 0.5mm 0.5mm rgba(27, 33, 20, 0.8));
}
#theme2_2_1_movie {
margin-top: 41.68%;
margin-left: 74.82%;
}
#theme2_2_0__text {
position: absolute;
top: 0;
right: 0;
width: 21.97%;
margin-right: 2.25%;
margin-top: 1.98%;
}
#theme2_2_0__card li {
position: absolute;
top: 0;
left: 0;
}
#theme2_2_0__card li:nth-child(1) {
width: 16.3%;
margin-top: 13.01%;
margin-left: 5.45%;
}
#theme2_2_0__card li:nth-child(2) {
width: 16.3%;
margin-top: 33.85%;
margin-left: 5.45%;
}
#theme2_2_0__card li:nth-child(3) {
width: 16.3%;
margin-top: 13.01%;
margin-left: 22.46%;
}
#theme2_2_0__card li:nth-child(4) {
width: 21.61%;
margin-top: 13.01%;
margin-left: 44.75%;
}
#theme2_2_0__card li:nth-child(5) {
width: 21.61%;
margin-top: 33.85%;
margin-left: 44.75%;
}
#theme2_2_0__card li:nth-child(6) {
width: 22.08%;
margin-top: 13.01%;
margin-left: 72.47%;
}
.theme2_2_1__arrow::after {
content: "";
display: block;
width: 10.84%;
height: 13.4%;
position: absolute;
left: -18.74%;
top: 74.22%;
background: url(../img/arrow.svg) center center no-repeat;
background-size: cover;
}
.theme2_2_2__arrow::after {
content: "";
display: block;
width: 10.61%;
height: 8.3%;
position: absolute;
left: -19.29%;
top: 50%;
transform: translateY(-50%);
background: url(../img/arrow.svg) center center no-repeat;
background-size: cover;
}
#theme2_2_0__movie {
display: block;
width: 16.3%;
position: absolute;
top: 0;
left: 0;
margin-left: 22.46%;
margin-top: 36.42%;
}

#theme2_3_0__title {
position: absolute;
top: 0;
left: 0;
width: 64.11%;
height: auto;
margin-left: 2.34%;
margin-top: 3.18%;
}
#theme2_3_0__title img {
filter: drop-shadow(0.5mm 0.5mm 0.5mm rgba(27, 33, 20, 0.8));
}
#theme2_3_1_matomete {
margin-top: 44.34%;
margin-left: 69.27%;
}
#theme2_3_2_more {
margin-top: 44.34%;
margin-left: 71.145%;
}
#theme2_3_2_ex__card {
display: grid;
justify-content: center;
grid-template-columns: repeat(2, 45%);
gap: 3.7% 2.3%;
margin-top: 2.52%;
}
#theme2_3_2_ex__card li {
display: block;
}


#theme2_4_0__title {
position: absolute;
top: 0;
left: 0;
width: 57.86%;
height: auto;
margin-left: 2.39%;
margin-top: 1.537%;
}
#theme2_4_0__title img {
filter: drop-shadow(0.5mm 0.5mm 0.5mm rgba(27, 33, 20, 0.8));
}
#theme2_4_0__text {
position: absolute;
top: 0;
right: 0;
width: 21.97%;
margin-right: 4.55%;
margin-top: 2.58%;
}
#theme2_4_0__card li {
position: absolute;
top: 0;
left: 0;
width: 16.3%;
}
#theme2_4_0__card li:nth-child(1) {
margin-top: 12.82%;
margin-left: 1.74%;
}
#theme2_4_0__card li:nth-child(2) {
margin-top: 33.46%;
margin-left: 1.74%;
}
#theme2_4_0__card li:nth-child(3) {
margin-top: 15.66%;
margin-left: 21.78%;
}
#theme2_4_0__card li:nth-child(4) {
margin-top: 15.66%;
margin-left: 41.82%;
}
#theme2_4_0__card li:nth-child(5) {
margin-top: 15.66%;
margin-left: 61.86%;
}
#theme2_4_0__card li:nth-child(6) {
margin-top: 15.66%;
margin-left: 81.9%;
}
.theme2_4_0__arrow::after {
content: "";
display: block;
width: 14.32%;
height: 9.87%;
position: absolute;
left: -18.40%;
top: 50%;
transform: translateY(-50%);
background: url(../img/arrow.svg) center center no-repeat;
background-size: cover;
}
#theme2_4_0__movie {
display: block;
width: 24.479%;
position: absolute;
top: 0;
left: 0;
margin-left: 19.65%;
margin-top: 45.62%;
}
#theme2_4_2_matomete {
margin-top: 35.2%;
margin-left: 70.55%;
}
#theme2_4_2_movie {
margin-top: 41.68%;
margin-left: 70.55%;
}


#theme2_kurabetemiru .contents {
background: url(../img/theme2/kurabete_back.png) center center no-repeat;
background-size: cover;
}
#theme2_k__title {
width: 59.79%;
height: auto;
position: absolute;
top: 0;
left: 0;
margin-left: 2.91%;
margin-top: 2.08%;
}
#theme2_kurabete_img1 {
position: absolute;
top: 0;
left: 0;
width: 47.65%;
margin-top: calc(16.43% - 4px);
margin-left: calc(1.75% - 4px);
border: solid 4px #fff;
box-sizing: content-box;
}
#theme2_kurabete_cap1 {
position: absolute;
top: 0;
left: 0;
width: 26.82%;
margin-top: 50%;
margin-left: 11.83%;
}
#theme2_kurabete_img2 {
position: absolute;
top: 0;
right: 0;
width: 47.65%;
margin-top: calc(16.43% - 4px);
margin-right: calc(1.75% - 4px);
border: solid 4px #fff;
box-sizing: content-box;
}
#theme2_kurabete_cap2 {
position: absolute;
top: 0;
right: 0;
width: 26.875%;
margin-top: 50%;
margin-right: 12.03%;
}
#theme2_k__check {
display: none;
}
#theme2_k__btn {
display: block;
position: absolute;
top: 0;
right: 0;
margin-top: 1.87%;
margin-right: 1.87%;
width: 16.92%;
cursor: pointer;
}
#theme2_k__btn img {
position: absolute;
top: 0;
left: 0;
}
#theme2_k__btn img + img {
opacity: 0;
}
#theme2_k__balloon {
width: 97.86%;
position: absolute;
top: 0;
left: 0;
margin-top: 8.64%;
margin-left: 0.4%;
filter: drop-shadow(0.5mm 0.5mm 0.5mm rgba(27, 33, 20, 0.6));
opacity: 0;
transition: opacity 0.4s ease;
}
#theme2_k__check:checked ~ .main #theme2_k__balloon,
#theme2_k__check:checked ~ .main #theme2_k__btn img + img {
opacity: 1;
}
#theme2_k__check:checked ~ .header_navi .pankuzu li span {
display: inline;
}


#documents .main {
background: url(../img/documents/back.png) no-repeat;
background-size: cover;
}
#documents__title {
width: 16.4%;
position: absolute;
top: 0;
left: 0;
margin-top: 1.68%;
margin-left: 9.17%;
}
#documents_movie {
position: absolute;
top: 0;
left: 0;
width: 30.416%;
margin-top: 19.3%;
margin-left: 2.27%;
}
#documents_photo {
position: absolute;
top: 0;
left: 0;
width: 27.86%;
margin-top: 6.99%;
margin-left: 37.44%;
}
#documents_other {
position: absolute;
top: 0;
left: 0;
width: 29.16%;
margin-top: 10.9%;
margin-left: 68.85%;
}
#documents_movie li,
#documents_photo li,
#documents_other li {
display: block;
}
#documents_movie li + li {
margin-top: 4.57%;
}
#documents_photo li + li {
margin-top: 2.34%;
}
#documents_other li + li {
margin-top: 3.86%;
}