@charset "utf-8";

html{ scroll-behavior: smooth;}

noto-sans-jp- {
font-family: "Noto Sans JP", sans-serif;
}
.zen-kaku-gothic-new-light 
{ font-family: "全角ゴシック新", sans-serif; font-weight: 300; font-style: normal; } 
.zen-kaku-gothic-new-regular { font-family: "全角ゴシック新", sans-serif; font-weight: 400; font-style: normal; } 
.zen-kaku-gothic-new-medium { font-family: "全角ゴシック新", sans-serif; font-weight: 500; font-style: normal; } 
.zen-kaku-gothic-new-bold { font-family: "全角ゴシック新", sans-serif; font-weight: 700; font-style: normal; } 
.zen-kaku-gothic-new-black { font-family: "Zen Kaku Gothic New", sans-serif; font-weight: 900; font-style: normal; }



/* CSS Document */


.top{
/* border: solid red; */
display: flex;
max-width: 100%;
}



.karuta{ 
/* border: solid red; */
width: 110px;
height: 94px;
margin-top: -350px;
margin-left: 60px;
}

.karuta{
animation:3s linear infinite rotation1;
}

@keyframes rotation1{
0%{ transform:rotate(0);}
100%{ transform:rotate(360deg); }
}


.gunma{
position: absolute;
top: 0;
left: 0;
}




.moji1{
animation: flowing 10s linear infinite;
transform:translatey(100%);
margin-left:542px;

}

@keyframes flowing {
0% { transform:translatey(-100%); }
100% { transform:translatey(-197%); }
}


.moji2,.moji02{
animation: flowing 10s linear infinite;
transform:translatey(100%);
margin-left:150px;



}



.moji02{
animation: flowing 10s linear infinite;
transform:translatey(100%);
margin-left:20px;







}
/* /* トップ左 * */


.box1{
/* border: solid red; */
width: 200px;
position: fixed;
}

/* 山の絵 */
.yama{
margin-top:780px;
}

.yama1{
position: absolute;
top:790px;
left:160px;
z-index: -10;

}

.para{
position: absolute;
bottom:400px;
left:100%;
animation: shake 2s infinite;
transform: rotate(20deg);

}


@keyframes shake {
50% {
transform: rotate(-20deg);
}

100% {
transform: rotate(20deg);
}
}

/* 群馬ローマ字 */
.box1-1{
/* border: solid red; */
width: 45px;
margin-left: 100px;
}

/* トップ中央 */
.box2{
/* border: solid red; */
background: linear-gradient(to bottom, #f5731b, #fa709a);
width: 570px;
background-size:525px;
height:850px;
background-repeat: no-repeat;
margin-left:613px;
position: relative;
z-index:30;
padding: 20px;

}
.saboten{
position: absolute;
z-index:10;
top:100px
}



.saboten {
animation: poyoyon2 1s ease-in-out forwards;
}

@keyframes poyoyon2 {
0%  {
transform: scale(1.0, 1.0) translate(0, 0);
}
30% {
transform: scale(0.98, 0.9) translate(0, 5px);
}
30% {
transform: scale(1.02, 1.0) translate(0, 8px);
}
50% {transform: scale(0.98, 1.05) translate(0, -8px);
}
70% {
transform: scale(1.0, 0.9) translate(0, 5px);
}
100% {
transform: scale(1.0, 1.0) translate(0, 0);
}
0%, 100% {
opacity: 1;
}
}

.jyosei{
position: absolute;
z-index: 20;
top: 200px;
left:60px;


}

.ikon{
position: absolute;
top:-200px

}


.box2-1{
margin-top:675px;
margin-left:210px;
position:absolute;
z-index: 30;
/* border: 1px solid red; */
}
.box2-1{
animation: mochimochi 1s infinite;
}

@keyframes mochimochi {
0% {
transform: scale(1, 0.8);
}
20% {
transform: scale(0.8, 1.1);
}
90% {
transform: scale(1, 1);
}
100% {
transform: scale(1, 0.8);
}
}

.box2-2{ 

/* border: 1px solid red; */
margin-top: 60px;
width: 100px;
height:100px;
margin-left:10px ;

}
.box2-2{
animation: fuwafuwa 3s ease-in-out infinite alternate;
background: url(../img/ico-apple.svg) no-repeat center center / 60px auto;
display: inline-block;
transition: 1.5s ease-in-out;
width: 70px;
height: 70px;
margin-top: 15px;
}

@keyframes fuwafuwa {
0% {
transform:translate(0, 0) rotate(-7deg);
}
50% {
transform:translate(0, -7px) rotate(0deg);
}
100% {
transform:translate(0, 0) rotate(7deg);
}
}

.box2-3{

animation-name: decoSwing;
animation-duration: 2400ms;
animation-timing-function: steps(2, end);
animation-iteration-count: infinite;
}
@keyframes decoSwing {
0% {
transform: rotate(0deg);
}

100% {
transform: rotate(25deg);
}
}

/* ダルマ */
.box2-7{
/* border: 1px solid red; */
margin-top: 100px;
width: 110px;
height:80px;
margin-left: 40px;

}
.box2-7{
transform-origin: center bottom;
animation: yurayura 2s linear infinite;
}

@keyframes yurayura {
0% , 100%{
transform: rotate(10deg);
}
50%{
transform: rotate(-10deg);
}
}
/* ダルマ終わり */

.box2-5{
/* border: solid 1px red; */
margin-bottom: 100px;
position: absolute;
top:702px;
}

.box2-5{
animation: poyopoyo 2s ease-out infinite;
opacity: 1;
}
@keyframes poyopoyo {
0%, 40%, 60%, 80% {
transform: scale(1.0);
}
50%, 70% {
transform: scale(0.95);
}
}

.box2-4{
/* border: solid 1px red; */
margin-bottom: 100px;
position: absolute;
top:650px;
margin-left:230px;
}

.box2-4 {
animation: poyoyon3 2.5s infinite;
opacity: 1;
}
@keyframes poyoyon3 {
0%, 40% {
transform: skew(0deg, 0deg);
}
5% {
transform: skew(5deg, 5deg);
}
10% {
transform: skew(-4deg, -4deg);
}
15% {
transform: skew(3deg, 3deg);
}
20% {
transform: skew(-2deg, -2deg);
}
25% {
transform: skew(1deg, 1deg);
}
30% {
transform: skew(-0.6deg, -0.6deg);
}
35% {
transform: skew(0.3deg, 0.3deg);
}
}



.box2-6{
display: flex;
margin-bottom: 100px;
position: absolute;
top:702px;
padding: 10px;
z-index: 30;

}


.box2-8{
display: flex;
position:absolute;
top: 200px;
z-index:30;
left:124px;
}
/* トップ右 */
.box3{
/* border: solid blue; */
/* background-image: url(../images/top_03.png); */
width:470px;
position: relative;
position: fixed;
left: 1000px;
/* top:-200px; */
height:1000px;
}


/* トップ電車画像 */
.train{
/* border: solid red; */
top:200px;
z-index: 530000;
position: absolute;
left:80%

}

.train {
animation: diagonal-move-anim 2s linear infinite alternate;
}
@keyframes diagonal-move-anim {

0% {
transform: translate(0, 0);
}

100% {
transform: translate(150px, 150px);
}

}
.animation-wrapper{
position:fixed;
bottom: 0;
left: 0;
z-index:530000;


}





/* トップボタンページ */
.topbtom{
/* border: solid red; */
left:500px;
top:650px;
width: 100px;
position:absolute

}

/* メニュー */

h1{
font-family: "Zen Kaku Gothic New", sans-serif; font-weight: 900; font-style: normal;
font-size: 30px;
} 

.MENU{ 
/* border: solid red;  */
width: 200px;
height: 50px;
margin-left: 150px;
margin-top: -678px;

}

/* グローバルナビ */
.mokuji{
/* border: solid red;  */
width: 250px;
height: 500px;
margin-left:150px;
font-family: "Zen Kaku Gothic New", sans-serif; font-weight: 600; font-style: normal;
font-size: 16px;

}
.eki{
font-family: "Zen Kaku Gothic New", sans-serif; font-weight: 600; font-style: normal;
font-size: 13px;

}

.otoibtm{
/* border: solid red;  */
position: absolute;
top:380px;
left:300px;
border-radius:25px;
border: 3px solid black;
background: #fff;
width: 110px;
height:50px;

}
.otoibtm p{
font-family: "Zen Kaku Gothic New", sans-serif; font-weight: 900; font-style: normal;
font-size:13px;
text-align: center;
margin-top:15px;
}



.otoibtm:hover{
background:#ffafbd;

}

.insta{
/* border: solid red;  */
position: absolute;
top:440px;
left: 100px;




}


/* 掲示板 */
.animation {
font-family: "Zen Kaku Gothic New", sans-serif; font-weight: 600; font-style: normal;
font-size: 20px;
line-height: 66px;
letter-spacing: 0em;
text-align: right;
margin-left: auto;
margin-right: 0;
color:#eb6d56;
white-space: nowrap;
letter-spacing: 0.3em;


}

.animation-wrapper {
width: 525px;
height: fit-content;
background-color: #000;
overflow: hidden;
margin-left:613px;

}



.animation-inner {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
height: 80px;
position: relative;
}

.animation-box {
transform: translateX(0%);  /* 初めは画面の右外側に配置 */
animation: flow-text 7s linear infinite;
display: flex;
}

@keyframes flow-text {
0% {
transform: translateX(0%);  /* 初めは画面の右外側に配置 */
}
100% {
transform: translateX(-50%);  /* 終わりは画面の左外側に配置 */
}
}


.animation {
position: relative;

}

.animation:before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: radial-gradient(
transparent 0 1px, 
rgba(0, 0, 0, .7) 1px
);
background-size: 3px 3px;
content: '';
}


.animation1 {
margin-top: 21px;
margin-left: 6px;
margin-right: 10px;
position: relative;

}

.animation1:before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: radial-gradient(
transparent 0 1px, 
rgba(0, 0, 0, .7) 1px
);
background-size: 3px 3px;
content: '';
}


.message{
border: 1px solid rgb(81, 106, 150);
background-color: #3a3af1;
position: relative;
width: 525px;
height: 600px;
margin-left:613px;
}

.message2{
position: absolute;
top:50px;
margin-left: 200px;
}

.message3{
position: absolute;
top:60px;
margin-left: 100px;
}

.message4{
height:60px;
text-align:center;
position:relative;


}

.message4 h1{
font-family: "Zen Kaku Gothic New", sans-serif; font-weight: 900; font-style: normal;
font-size: 20px;
color: aliceblue;
position: absolute;
top:260%;
left:50%;
transform:translate(-50%,-50%);
width:100%;
}


.message5 p{
text-align: center;
font-family: "Zen Kaku Gothic New", sans-serif; font-weight:700; font-style: normal;
font-size: 15px;
color: aliceblue;
position: absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
width:100%;
line-height: 50px;
}


.message6{
position: absolute;
top:70%;
left:80%;
}


.donnatokoro{
position: relative;
width: 525px;
height: 700px;
margin-left: 613px;
background: linear-gradient(to bottom, #ffafbd, #ffc3a0);
}






.donnatokoro2{
position: absolute;
top:10%;
left: 80%;
transform:translate(-50%,-50%);
width:100%;
}

.donnatokoro3 p{
text-align: center;
font-family: "Zen Kaku Gothic New", sans-serif; font-weight:700; font-style: normal;
font-size: 15px;
color: aliceblue;
position: absolute;
width: 500%;
height: 300px;
top:40%;
left:50%;
transform:translate(-50%,-50%);
width:100%;
line-height:50px;

}

.donnatokoro4{
position: absolute;
top:50%;

}



.donnatokoro5{
position: absolute;
top: 500px;
left: 200px;
transform: rotate(68deg);
}









/* 途中下車すべき4駅 */

.totyu{
margin-left:40%

}



.gesya{
/* border: 1px solid red; */
position: relative;
background-color:#46bd78;
width:525px;
height:2450px;
margin-left:613px;
overflow: hidden;
padding: 10px;
}

.gesya3{
/* border: 1px solid red;
width:300px;
height:300px;
display: flex; */

}



.gesya3-1{
border-radius: 10px;
border: 3px solid black;
background-color:#00bfff;
width:200px;
height: 50px;
margin-left:94px;
margin-top: 31px;
position: relative;
z-index: 20;
}

.gesya3 h1{
font-family: "Zen Kaku Gothic New", sans-serif; font-weight: 900; font-style: normal;
font-size: 20px;
position: absolute;
top:50%;
left:55%;
transform:translate(-50%,-50%);
width:100%;

}



.gesya3-2{
border-radius: 10px;
border: 3px solid black;
background-color:#000000;
width:200px;
height: 50px;
position: absolute;
z-index:10;
top:45px;
left: 105px;
}

.gesya4{
position: absolute;
top:-22px;
left:250px;
z-index:20;}

.gesya4{
/* アニメーションの名前 */
animation-name:UpDown;
/* アニメーションの１回分の長さ */
animation-duration: 1.5s;
/* アニメーションの回数 */
animation-iteration-count: infinite;
/* アニメーションの進行具合 */
animation-timing-function: ease-in-out;
/* アニメーション再生の向き */
animation-direction: alternate;
}
/* アニメーションの設定 */
@keyframes UpDown{
/* 開始地点 */
0%{
/* Y軸0px */
transform: translateY(0);
}
/* 終了地点 */
100%{
/* Y軸50px */
transform: translateY(110px);
}
}



/* 富岡 */

/* .tomioka{
border: 1px solid red;
width:600px ;
height: 600px;}
*/


.tomioka1{
position: absolute;
top: 2551px;
left:770px;
z-index: 30;
}


.tomioka2,.kiryu2{
border-radius: 10px;
width: 250px;
height: 400px;
background-color:#f5b000;
border: 3px solid black;
position: absolute;
top: 2558px;
margin-right:20px;
left: 837px;
z-index:10;
padding: 10px;
}



.tomioka2-1{

height:20px ;
margin-top:130px;
margin-left: 10px;
}


.tomioka2-1 h1{
font-family: "Zen Kaku Gothic New", sans-serif; font-weight: 900; font-style: normal;
font-size: 16px;
/* margin-top: 50px;
margin-left: 10px; */
display: inline-block;
background-color: aliceblue;
padding: 5px;
margin-left:-8px;

}

.tomioka2-2{
height:20px ;
margin-top:5px;
margin-left:10px;
}


.tomioka2-2 h1{
font-family: "Zen Kaku Gothic New", sans-serif; font-weight: 900; font-style: normal;
font-size: 16px;
/* margin-top: 50px; */
display: inline-block;
background-color: aliceblue;
padding: 5px;
margin-top: 10px;
margin-left:-8px;
}



.tomioka0 p{
font-family: "Zen Kaku Gothic New", sans-serif; font-weight:700; font-style: normal;
font-size: 15px;
margin-top: 25px;
line-height:30px;
text-align: justify;}

.tomioka00 p{
font-family: "Zen Kaku Gothic New", sans-serif; font-weight:700; font-style: normal;
font-size: 15px;
margin-left: 120px;
color: #e5004f;
width: 500px;
}

.kusari{
margin-left:1025px;
position: absolute;
top:2956px;
}



.kaiko{
position: absolute;
top: 2879px;
left:721px;
}

.kaiko1{
position: absolute;
top:2929px;
left:725px;
}

.kaiko1{
animation:katakata 4s infinite ease-in-out alternate;
}

@keyframes katakata {
0% {transform:translate(0, 0) rotate(0deg);}
21% {transform:translate(0, 0) rotate(0deg);}

22% {transform:translate(0, 0) rotate(-3deg);}
23% {transform:translate(0, -1px) rotate(0deg);}
24% {transform:translate(0, -1px) rotate(3deg);}

25% {transform:translate(1px, 0) rotate(-2deg);}
26% {transform:translate(0, 1px) rotate(0deg);}
27% {transform:translate(0, 0) rotate(3deg);}

28% {transform:translate(0, 0) rotate(0deg);}
100% {transform:translate(0, 0) rotate(0deg);}
}


/* 桐生 */


.kiryu2{
position: absolute;
top:3090px;
left:810px;



}
.kiryu2-1{

width: 140px;
height:20px ;
margin-top:120px;
margin-left: 40px;

}


.kiryu2-1 h1{
font-family: "Zen Kaku Gothic New", sans-serif; font-weight: 900; font-style: normal;
font-size: 16px;
display: inline-block;
background-color: aliceblue;
padding: 5px;
margin-top: 10px;
margin-left: -38px;



}

.kiryu2-2{
height:20px ;
margin-top:5px;
margin-left: 40px;
}


.kiryu2-2 h1{
font-family: "Zen Kaku Gothic New", sans-serif; font-weight: 900; font-style: normal;
font-size: 16px;
/* margin-top: 50px; */
margin-left: 5px;
background-color: aliceblue;
display:inline-block;
padding: 5px;
margin-top:20px;
margin-left: -38px;
}


.kiryu0 p{
font-family: "Zen Kaku Gothic New", sans-serif; font-weight:700; font-style: normal;
font-size: 15px;
margin-top: 35px;
line-height:30px;
text-align: justify;}

.kiryu00 p{
font-family: "Zen Kaku Gothic New", sans-serif; font-weight:700; font-style: normal;
font-size: 15px;
margin-left: 150px;
color: #e5004f
}


.kiryuu{
position: absolute;
top:3102px;
left:880px;
z-index:30;
}

.kiryu1{
position: absolute;
top: 3083px;
left:1057px;
z-index: 30;
}

.kusari2{
margin-left: 700px;
position: absolute;
top: 3485px;
left:125px;
}

.kura{
margin-left: 700px;
position: absolute;
top: 3474px;
left:215px;
z-index: 30;
}


.kura{
animation:katakata 3s infinite ease-in-out alternate;
}

@keyframes katakata {
0% {transform:translate(0, 0) rotate(0deg);}
21% {transform:translate(0, 0) rotate(0deg);}

22% {transform:translate(0, 0) rotate(-3deg);}
23% {transform:translate(0, -1px) rotate(0deg);}
24% {transform:translate(0, -1px) rotate(3deg);}

25% {transform:translate(1px, 0) rotate(-2deg);}
26% {transform:translate(0, 1px) rotate(0deg);}
27% {transform:translate(0, 0) rotate(3deg);}

28% {transform:translate(0, 0) rotate(0deg);}
100% {transform:translate(0, 0) rotate(0deg);}
}


/* 渋川駅 */


.shibukawa0{
position: absolute;
top:3637px;
left:697px;
z-index: 40;

}



.shibukawa2{
border-radius: 10px;
width: 250px;
height: 400px;
background-color:#f5b000;
border: 3px solid black;
position: absolute;
top: 3619px;
left:638px;
padding: 10px;


}

.shibukawa2-1{
height:20px ;
margin-top:150px;
margin-left:5px;
}

.shibukawa2-1 h1{
font-family: "Zen Kaku Gothic New", sans-serif; font-weight: 900; font-style: normal;
font-size: 16px;
margin-top: -40px;
margin-left: -3px;
background-color: aliceblue;
display: inline-block;


}

.shibukawa00 p{
font-family: "Zen Kaku Gothic New", sans-serif; font-weight:700; font-style: normal;
font-size: 15px;
margin-top: 10px;
line-height:30px;
text-align: justify;}

.shibukawa000{
font-family: "Zen Kaku Gothic New", sans-serif; font-weight:700; font-style: normal;
font-size: 15px;
margin-left: 150px;
margin-top: -20px;
color: #e5004f
}


.shibukawa000:hover{
cursor:pointer;


}




.shibukawa1{
position: absolute;
top: 3616px;
left:880px;
z-index: 30;
}

.onsen{
margin-left: 700px;
position: absolute;
top: 3977px;
left:140px;}




.onsen{
animation:katakata 2s infinite ease-in-out alternate;
}

@keyframes katakata {
0% {transform:translate(0, 0) rotate(0deg);}
21% {transform:translate(0, 0) rotate(0deg);}

22% {transform:translate(0, 0) rotate(-3deg);}
23% {transform:translate(0, -1px) rotate(0deg);}
24% {transform:translate(0, -1px) rotate(3deg);}

25% {transform:translate(1px, 0) rotate(-2deg);}
26% {transform:translate(0, 1px) rotate(0deg);}
27% {transform:translate(0, 0) rotate(3deg);}

28% {transform:translate(0, 0) rotate(0deg);}
100% {transform:translate(0, 0) rotate(0deg);}
}



.kusari3{
margin-left: 700px;
position: absolute;
top: 4017px;
left:-47px;

}


/* 草津 */

.kusatu2{
border-radius: 10px;
width: 250px;
height: 400px;
background-color:#f5b000;
border: 3px solid black;
position: absolute;
left: 630px;
z-index:10;
position: absolute;
top:993px;
left:75px;
padding: 10px;
}





.kusatu2-1{
width: 100px;
height:20px ;
margin-top:100px;
margin-left: 40px;
}


.kusatu2-1 h1{
font-family: "Zen Kaku Gothic New", sans-serif; font-weight: 900; font-style: normal;
font-size: 16px;
margin-top: 24px;
margin-left: -38px;
background-color: aliceblue;
display:inline-block;
padding: 5px;

}

.kusatu2-2{

height:20px ;
margin-left: 40px;
margin-top: -40px;
}


.kusatu2-2 h1{
font-family: "Zen Kaku Gothic New", sans-serif; font-weight: 900; font-style: normal;
font-size: 16px;
margin-top:76px;
margin-left:-38px;
background-color: aliceblue;
display:inline-block;
padding: 5px;
}


.kusatu00 p{
font-family: "Zen Kaku Gothic New", sans-serif; font-weight:700; font-style: normal;
font-size: 15px;
margin-top: 90px;
line-height:30px;
text-align: justify;}

.kusatu000 p{
font-family: "Zen Kaku Gothic New", sans-serif; font-weight:700; font-style: normal;
font-size: 15px;
margin-left: 90px;
color: #e5004f
}


.kusatu{
position: absolute;
top:3160px;
left:550px;
z-index:30;
}

.kusatu0{
position: absolute;
top:1004px;
left:140px;
z-index:30;
}

.onsen2{
animation:katakata 7s infinite ease-in-out alternate;
}

@keyframes katakata {
0% {transform:translate(0, 0) rotate(0deg);}
21% {transform:translate(0, 0) rotate(0deg);}

22% {transform:translate(0, 0) rotate(-3deg);}
23% {transform:translate(0, -1px) rotate(0deg);}
24% {transform:translate(0, -1px) rotate(3deg);}

25% {transform:translate(1px, 0) rotate(-2deg);}
26% {transform:translate(0, 1px) rotate(0deg);}
27% {transform:translate(0, 0) rotate(3deg);}

28% {transform:translate(0, 0) rotate(0deg);}
100% {transform:translate(0, 0) rotate(0deg);}
}




.kusatu1{
position: absolute;
top: 4150px;
left:876px;
z-index: 30;
}

.kusari4{
position: absolute;
left:635px;
z-index:30;
top:4551px;

}

.onsen2{
position: absolute;
left:895px;
top:4450px;
z-index: 30;
}

/* アクセス */
.access{
/* border: 1px solid rgb(81, 106, 150); */
background-color: #e16e4c;
position: relative;
width: 525px;
height:4000px;
margin-left:613px;
overflow: hidden;
}

.access1{
border-radius: 10px;
border: 3px solid black;
background-color:#0175b8;
width:130px;
height: 50px;
margin-left:190px;
padding-top:40px;
position: relative;
margin-top:30px;
z-index:30;
padding: 10px;}

.access2{
border-radius: 10px;
border: 3px solid black;
background-color:#000000;
width:130px;
height: 50px;
position: absolute;
z-index:10;
top:35px;
left:194px;
padding: 10px;
}

.access3{
position: absolute;
z-index:30;
top:40px;
left:200px;
}

.access4{
margin-left:60px;
margin-top:70px;
}


.takasaki{
position: absolute;
top:5400px;
left:770px;
z-index:30;
display: flex;

}

.takasaki2{
margin-top: 22px;

}

.takasaki1 h1{
font-family: "Zen Kaku Gothic New", sans-serif; font-weight:800; font-style: normal;
font-size: 14px;
position: absolute;
top:20px;
left: 25px;}

.takasaki3{
margin-top: 5px;

}

.tomiokazizu{
margin-left:682px;
position: absolute;
top: 5490px;
border: solid 2px black;
border-radius: 25px;
overflow: hidden;
z-index: 20;


}

.tomiokazizu1{
top: 6000px;
background-color: #000;
border-radius: 25px;
width: 407px;
height: 465px;
z-index:20 ;
position: absolute;
top:5490px;
left:680px;
z-index: 10;}


.tomiokazizu2{
position: absolute;
top:5980px;
left:770px;
}

.tomiokazizu2-1{
font-family: "Zen Kaku Gothic New", sans-serif; font-weight: 900; font-style: normal;
font-size: 16px;
padding: 10px;
}

.tomiokazizu2-3,.tomiokazizu2-4{
font-family: "Zen Kaku Gothic New", sans-serif; font-weight:700; font-style: normal;
font-size: 15px;
padding: 2px;
margin-left:25px;
letter-spacing: 3px;
}

/* 桐生地図 */

.kiryutizu{
margin-left:682px;
position: absolute;
top: 6200px;
border: solid 2px black;
border-radius: 25px;
overflow: hidden;
z-index: 20;
}


.kiryutizu1{
top: 6000px;
background-color: #000;
border-radius: 25px;
width: 416px;
height: 465px;
z-index:20 ;
position: absolute;
top:6200px;
left:681px;
z-index: 10;

}

.kiryu0001{
position: absolute;
left:770px;
top:6115px;
z-index: 30;
display: flex;

}

.kiryu00012 h1{
font-family: "Zen Kaku Gothic New", sans-serif; font-weight:800; font-style: normal;
font-size: 14px;
position: absolute;
top:18px;
left:22px;
}

.kiryu00014 h1{
font-family: "Zen Kaku Gothic New", sans-serif; font-weight:800; font-style: normal;
font-size: 14px;
position: absolute;
top:17px;
left: 154px;}


.kiryu00013{
margin-top: 22px;}



.kiryutizu2-1{
font-family: "Zen Kaku Gothic New", sans-serif; font-weight: 900; font-style: normal;
font-size: 16px;
padding: 10px;
}

.kiryutizu2-3,.kiryutizu2-4,.kiryutizu2-5{
font-family: "Zen Kaku Gothic New", sans-serif; font-weight:700; font-style: normal;
font-size: 15px;
padding: 2px;
margin-left:25px;
letter-spacing: 3px;
}

.kiryutizu2{
position: absolute;
top:6690px;
left:770px;
}
/* 渋川駅 */
.shibukawatizu{
margin-left:681px;
position: absolute;
top:6950px;
border: solid 2px black;
border-radius: 25px;
overflow: hidden;
z-index: 20;
}

.shibukawatizu1{
background-color: #000;
border-radius: 25px;
width: 416px;
height: 460px;
position: absolute;
top:6950px;
left:680px;
z-index: 10;

}

.shibukawatizu2{
position: absolute;
top:7280px;
left:770px;
}

.shibukawa2-1{
font-family: "Zen Kaku Gothic New", sans-serif; font-weight: 900; font-style: normal;
font-size: 16px;


}

.shibukawa2-3,.shibukawa2-4,.shibukawa2-5{
font-family: "Zen Kaku Gothic New", sans-serif; font-weight:700; font-style: normal;
font-size: 15px;
margin-left:25px;
letter-spacing: 3px;

}

.shibukawa2-3{margin-top: 10px;}

.shibukawa0001{
position: absolute;
left:770px;
top:6860px;
z-index: 30;
display: flex

}

.shibukawa00012 h1{
font-family: "Zen Kaku Gothic New", sans-serif; font-weight:800; font-style: normal;
font-size: 14px;
position: absolute;
top:20px;
left: 20px;

}


.shibukawa00014 h1{
font-family: "Zen Kaku Gothic New", sans-serif; font-weight:800; font-style: normal;
font-size: 14px;
position: absolute;
top:20px;
left: 154px;}

.shibukawa00013{
margin-top: 22px;}


/* 長野原草津口駅 */

.naganohara{
position: absolute;
top:7590px;
left:770px;
z-index:30;
display: flex;

}

.naganohara1 h1{
font-family: "Zen Kaku Gothic New", sans-serif; font-weight:800; font-style: normal;
font-size: 14px;
position: absolute;
top:20px;
left: 25px;

}

.naganohara2{
margin-top: 22px;

}

.naganoharazizu{
margin-left:682px;
position: absolute;
top:7680px;
border: solid 2px black;
border-radius: 25px;
overflow: hidden;
z-index: 30;
}


.naganoharazizu1{
background-color: #000;
border-radius: 25px;
width: 416px;
height: 465px;
z-index:20 ;
position: absolute;
top:7680px;
left:681px;
z-index: 20;}


.naganohara2-1,.naganohara2-31,.nagnohara2-6{
font-family: "Zen Kaku Gothic New", sans-serif; font-weight: 900; font-style: normal;
font-size: 16px;
padding: 10px;

}

.naganohara2-3,.nagnohara2-4,.nagnohara2-5,.naganohara2-30{
font-family: "Zen Kaku Gothic New", sans-serif; font-weight:700; font-style: normal;
font-size: 15px;
margin-left:25px;
letter-spacing: 3px;

}

.naganohara02{
position: absolute;
top:8160px;
left:770px;

}

.nagnohara2-6{
margin-left: 100px;
}



.saigo{
/* border: 1px solid red; */
display: flex;
width: 570px;
margin-left:373px;
position: relative;
}


.saigo1{
width: 270px;
height: 100px;
background-color: #000;
position: absolute;
bottom: 80px;

}

.saigo2{
width: 270px;
height: 100px;
background-color: #000;
position: absolute;
left:265px;
bottom:80px;


}

.saigo1 h1{
font-family: "Zen Kaku Gothic New", sans-serif; font-weight:800; font-style: normal;
font-size: 24px;
color: #ffffff;
text-align: center;
padding:40px;



}

.saigo2 h1{
font-family: "Zen Kaku Gothic New", sans-serif; font-weight:800; font-style: normal;
font-size:24px;
color: #ffffff;
text-align: center;
padding:40px;

}
/* 富岡紹介ページ */


/* 青い背景 */
#tomioka .box2{
background:#25c7d5;
width: 526px;
height:2700px;
position: relative;
}

/* 上州富岡駅 */
.tomiokatittle1-1{
margin-left:100px;
}

/* 歴史 */
.tomiokatittle1-2{
margin-left:200px;
margin-top:50px;
}


/* 文章 */
.tomiokatittle1-3{
/* border: solid 1px red; */
width:350px;
height:300px;
text-align: center;
font-family: "Zen Kaku Gothic New", sans-serif; font-weight:700; font-style: normal;
font-size: 15px;
color: #000;
margin-top:10px;
margin-left:60px;
line-height:30px;
}



/* 白い背景 */
.tomiokatittle1-4{
border-radius: 10px;
border: 3px solid black;
background-color:#ffffff;
width:100px;
height: 50px;
margin-left:190px;
padding-top:40px;
position: relative;
margin-top:30px;
z-index:30;
padding: 10px;

}

/* 緑背景 */
.tomiokatittle1-5{
border-radius: 10px;
border: 3px solid black;
background-color:#46bd78;
width:100px;
height: 50px;
position: absolute;
z-index:10;
top:552px;
left:218px;
padding: 10px;
}

/* 見る文字 */
.tomiokatittle1-6{
position: absolute;
z-index:30;
top:40px;
left:200px;
top:550px;
left: 230px;
}

/* 背景白 */
.tomiokatittle1-7{
border-radius: 10px;
border: 3px solid black;
background-color:#ffffff;
width:350px;
height:300px;
margin-left:60px;
padding-top:40px;
position:absolute;
margin-top:30px;
z-index:30;
}

/* 富岡製糸場タイトル */
.tomiokatittle1-7 h1{
padding-bottom: 10px;
text-align: center;

}



/* 富岡製糸場説明文 */
.tomiokatittle1-7-2{
font-family: "Zen Kaku Gothic New", sans-serif; font-weight:700; font-style: normal;
font-size: 13px;
line-height: 30px;
margin-left: 10px;


}

.tomiokatittle1-7-3{
margin-top:100px;
position: absolute;
top:100px;
left:150px;

}

.tom4iokatittle1-7-4{
position: absolute;
top:-70px;
left: 0;

}

/* 背景黄色 */
.tomiokatittle1-8{
border-radius: 10px;
border: 3px solid black;
background-color:#f5b000;
width:350px;
height:300px;
position: absolute;
top:11px;
left:75px;
padding-top:40px;
position: relative;
margin-top:30px;
z-index:20;


}


/* 背景オレンジ */
.tomiokatittle1-9{
border-radius: 10px;
border: 3px solid black;
background-color:#e26a29;
width:350px;
height:300px;
position: relative;
top:-275px;
z-index:10;
left:88px;
}

/* 食べる */

.tomiokatittle1-10 h1{
padding-bottom: 10px;
text-align: center;
transform: rotate(-60deg);

}
.tomiokatittle1-10{
position: absolute;
top: 1000px;
left: 0px;
overflow: hidden;

}

.tomiokatittle1-10 p{
font-family: "Zen Kaku Gothic New", sans-serif; font-weight:900; font-style: normal;
font-size: 24px;
position: absolute;
top: 60px;
transform: rotate(-10deg);
}


/* 食べる */
.tomiokatittle1-11-0{
border-radius: 10px;
border: 3px solid black;
background-color:#ffffff;
width:100px;
height: 50px;
margin-left:190px;
padding-top:40px;
position: relative;
margin-top:-52px;
z-index:30;
padding: 10px;

}

.tomiokatittle1-11-01{
border-radius: 10px;
border: 3px solid black;
background-color:#f5b000;
width:100px;
height: 50px;
position: absolute;
z-index:10;
top:1180px;
left:216px;
padding: 10px;
}



.tomiokatittle1-11{
position: absolute;
z-index:30;
top:40px;
left:200px;
top:1178px;
left: 217px;

}

.tomiokatittle1-12 h1{
padding-bottom: 10px;
text-align: center;

}


.tomiokatittle1-12{
border-radius: 10px;
border: 3px solid black;
background-color:#ffffff;
width:350px;
height:300px;
margin-left:60px;
padding-top:40px;
position:absolute;
margin-top:30px;
z-index:30;

}


.tomiokatittle1-13-1{
font-family: "Zen Kaku Gothic New", sans-serif; font-weight:700; font-style: normal;
font-size: 13px;
line-height: 30px;
margin-left: 10px;

}

.tomiokatittle1-13-2{
margin-top:100px;
position: absolute;
top:100px;
left:140px;


}

.tom4iokatittle1-13-3{
position: absolute;
top:0;
left: 0;

}

.tomiokatittle1-14{

border-radius: 10px;
border: 3px solid black;
background-color:#e26a29;
width:350px;
height:300px;
position: absolute;
top:11px;
left:75px;
padding-top:40px;
position: relative;
margin-top:30px;
z-index:20;

}

.tomiokatittle1-15{
border-radius: 10px;
border: 3px solid black;
background-color:#46bd78;
width:350px;
height:300px;
position: relative;
top:-275px;
z-index:10;
left:88px;

}


.tomiokatittle1-16 h1{
padding-bottom: 10px;
text-align: center;

}
.tomiokatittle1-16{
position: absolute;
top: 1600px;
left: 0px;

}

.tomiokatittle1-16 p{
font-family: "Zen Kaku Gothic New", sans-serif; font-weight:900; font-style: normal;
font-size: 24px;
transform: rotate(21deg);
position: absolute;
top:100px;
}



/* 体験 */


.tomiokatittle1-11-0-1{
border-radius: 10px;
border: 3px solid black;
background-color:#ffffff;
width:100px;
height: 50px;
margin-left:190px;
padding-top:40px;
position: relative;
margin-top:-52px;
z-index:30;
padding: 10px;

}

.tomiokatittle1-11-01-1{
border-radius: 10px;
border: 3px solid black;
background-color:#e26a29;
width:100px;
height: 50px;
position: absolute;
z-index:10;
top:1808px;
left:216px;
padding: 10px;
}



.tomiokatittle1-11-1{
position: absolute;
z-index:30;
top:40px;
left:200px;
top:1804px;
left: 224px;

}

.tomiokatittle1-12-1 h1{
padding-bottom: 16px;
text-align: center;

}



.tomiokatittle1-12-1{
border-radius: 10px;
border: 3px solid black;
background-color:#ffffff;
width:350px;
height:300px;
margin-left:60px;
padding-top:40px;
position:absolute;
margin-top:30px;
z-index:30;

}


.tomiokatittle1-13-1-1{
font-family: "Zen Kaku Gothic New", sans-serif; font-weight:700; font-style: normal;
font-size: 13px;
line-height: 30px;
margin-left: 10px;

}

.tomiokatittle1-13-2-1{
margin-top:100px;
position: absolute;
top:150px;
right:200px;



}

.tom4iokatittle1-13-3-1{
position: absolute;
top:0;
left: 0;

}

.tomiokatittle1-14-1{

border-radius: 10px;
border: 3px solid black;
background-color:#46bd78;
width:350px;
height:300px;
position: absolute;
top:11px;
left:75px;
padding-top:40px;
position: relative;
margin-top:30px;
z-index:20;

}

.tomiokatittle1-15-1{
border-radius: 10px;
border: 3px solid black;
background-color:#f5b000;
width:350px;
height:300px;
position: relative;
top:-275px;
z-index:10;
left:88px;

}


.tomiokatittle1-16-1 h1{
padding-bottom: 10px;
text-align: center;

}
.tomiokatittle1-16-1{
position: absolute;
top: 2450px;
left: 0px;

}

.tomiokatittle1-16-1 p{
font-family: "Zen Kaku Gothic New", sans-serif; font-weight:900; font-style: normal;
font-size: 24px;
transform: rotate(-10deg);
position: absolute;
top:57px;
}

/* 桐生 */






/* 青い背景 */
#kiryu .box2{
background:#d9534f;
width: 526px;
height:2500px;
position: relative;
}

/* 桐生駅 */
.kiryutittle1-1{
margin-left:132px;
}

/* 歴史 */
.kiryutittle1-2{
margin-left:200px;
margin-top:50px;
}


/* 文章 */
.kiryutittle1-3{
/* border: solid 1px red; */
width:350px;
height:300px;
text-align: center;
font-family: "Zen Kaku Gothic New", sans-serif; font-weight:700; font-style: normal;
font-size: 15px;
color: #000;
margin-top:10px;
margin-left:60px;
line-height:30px;
}



/* 白い背景 */
.kiryutittle1-4{
border-radius: 10px;
border: 3px solid black;
background-color:#ffffff;
width:100px;
height: 50px;
margin-left:190px;
padding-top:40px;
position: relative;
margin-top:38px;
z-index:30;
padding: 10px;

}

/* 緑背景 */
.kiryutittle1-5{
border-radius: 10px;
border: 3px solid black;
background-color:#e9c123;
width:100px;
height: 50px;
position: absolute;
z-index:10;
top:572px;
left:218px;
padding: 10px;
}

/* 見る文字 */
.kiryutittle1-6{
position: absolute;
z-index:30;
top:40px;
left:200px;
top:570px;
left: 230px;
}

/* 背景白 */
.kiryutittle1-7{
border-radius: 10px;
border: 3px solid black;
background-color:#ffffff;
width:350px;
height:300px;
margin-left:60px;
padding-top:40px;
position:absolute;
margin-top:30px;
z-index:30;
}

/* 宝徳寺タイトル */
.kiryutittle1-7 h1{
padding-bottom: 10px;
text-align: center;

}



/* 宝徳寺説明文 */
.kiryutittle1-7-2{
font-family: "Zen Kaku Gothic New", sans-serif; font-weight:700; font-style: normal;
font-size: 13px;
line-height: 30px;
margin-left: 10px;


}

.kiryutittle1-7-3{
margin-top:100px;
position: absolute;
top:73px;
left:163px;

}

.kiryutittle1-7-4{
position: absolute;
top:-70px;
left: 0;

}

/* 背景黄色 */
.kiryutittle1-8{
border-radius: 10px;
border: 3px solid black;
background-color:#a138f5;
width:350px;
height:300px;
position: absolute;
top:11px;
left:75px;
padding-top:40px;
position: relative;
margin-top:30px;
z-index:20;


}


/* 背景青 */
.kiryutittle1-9{
border-radius: 10px;
border: 3px solid black;
background-color:#7ac9bb;
width:350px;
height:300px;
position: relative;
top:-275px;
z-index:10;
left:88px;
}

/* 食べる */

.kiryutittle1-10 h1{
padding-bottom: 10px;
text-align: center;

}
.kiryutittle1-10{
position: absolute;
top: 1000px;
left:-47px;

}

.kiryutittle1-10 p{
font-family: "Zen Kaku Gothic New", sans-serif; font-weight:900; font-style: normal;
font-size: 24px;
transform: rotate(-10deg);
position: absolute;
top:58px;
left:50px;

}

/* 食べる */
.kiryutittle1-11-0{
border-radius: 10px;
border: 3px solid black;
background-color:#ffffff;
width:100px;
height: 50px;
margin-left:190px;
padding-top:40px;
position: relative;
margin-top:-52px;
z-index:30;
padding: 10px;

}

.kiryutittle1-11-01{
border-radius: 10px;
border: 3px solid black;
background-color:#a138f5;
width:100px;
height: 50px;
position: absolute;
z-index:10;
top:1200px;
left:217px;
padding: 10px;
}



.kiryutittle1-11{
position: absolute;
z-index:30;
top:40px;
left:200px;
top:1198px;
left: 217px;

}

.kiryutittle1-12 h1{
padding-bottom: 10px;
text-align: center;

}


.kiryutittle1-12{
border-radius: 10px;
border: 3px solid black;
background-color:#ffffff;
width:350px;
height:300px;
margin-left:60px;
padding-top:40px;
position:absolute;
margin-top:30px;
z-index:30;

}


.kiryutittle1-13-1{
font-family: "Zen Kaku Gothic New", sans-serif; font-weight:700; font-style: normal;
font-size: 13px;
line-height: 30px;
margin-left: 10px;

}

.kiryutittle1-13-2{
margin-top:100px;
position: absolute;
top:100px;
left:170px;


}

.kiryutittle1-13-3{
position: absolute;
top:0;
left: 0;

}

.kiryutittle1-14{

border-radius: 10px;
border: 3px solid black;
background-color:#7ac9bb;
width:350px;
height:300px;
position: absolute;
top:11px;
left:75px;
padding-top:40px;
position: relative;
margin-top:30px;
z-index:20;

}

.kiryutittle1-15{
border-radius: 10px;
border: 3px solid black;
background-color:#f5d701;
width:350px;
height:300px;
position: relative;
top:-275px;
z-index:10;
left:88px;

}


.kiryutittle1-16 h1{
padding-bottom: 10px;
text-align: center;

}
.kiryutittle1-16{
position: absolute;
top: 1600px;
left: 0px;

}

.kiryutittle1-16 p{
font-family: "Zen Kaku Gothic New", sans-serif; font-weight:900; font-style: normal;
font-size: 24px;
transform: rotate(21deg);
position: absolute;
top:102px;
}



/* 体験 */


.kiryutittle1-11-0-1{
border-radius: 10px;
border: 3px solid black;
background-color:#ffffff;
width:100px;
height: 50px;
margin-left:190px;
padding-top:40px;
position: relative;
margin-top:-52px;
z-index:30;
padding: 10px;

}

.kiryutittle1-11-01-1{
border-radius: 10px;
border: 3px solid black;
background-color:#7ac9bb;
width:100px;
height: 50px;
position: absolute;
z-index:10;
top:1829px;
left:218px;
padding: 10px;
}



.kiryutittle1-11-1{
position: absolute;
z-index:30;
top:40px;
left:200px;
top:1825px;
left: 224px;

}

.kiryutittle1-12-1 h1{
padding-bottom: 16px;
text-align: center;

}



.kiryutittle1-12-1{
border-radius: 10px;
border: 3px solid black;
background-color:#ffffff;
width:350px;
height:300px;
margin-left:60px;
padding-top:40px;
position:absolute;
margin-top:30px;
z-index:30;

}


.kiryutittle1-13-1-1{
font-family: "Zen Kaku Gothic New", sans-serif; font-weight:700; font-style: normal;
font-size: 13px;
line-height: 30px;
margin-left: 10px;

}

.kiryutittle1-13-2-1{
margin-top:100px;
position: absolute;
top: 56px;
right:12px;



}

.kiryutittle1-13-3-1{
position: absolute;
top:0;
left: 0;

}

.kiryutittle1-14-1{

border-radius: 10px;
border: 3px solid black;
background-color:#f5d701;
width:350px;
height:300px;
position: absolute;
top:11px;
left:75px;
padding-top:40px;
position: relative;
margin-top:30px;
z-index:20;

}

.kiryutittle1-15-1{
border-radius: 10px;
border: 3px solid black;
background-color:#a138f5;
width:350px;
height:300px;
position: relative;
top:-275px;
z-index:10;
left:88px;

}


.kiryutittle1-16-1 h1{
padding-bottom: 10px;
text-align: center;

}
.kiryutittle1-16-1{
position: absolute;
top: 2270px;
left: 0px;

}

.kiryutittle1-16-1 p{
font-family: "Zen Kaku Gothic New", sans-serif; font-weight:900; font-style: normal;
font-size: 24px;
transform: rotate(-10deg);
position: absolute;
top:56px;
}




/* 渋川駅 */

#shibukawa .box2{
background:#10ad63;
width: 526px;
height:2500px;
position: relative;
}

/* 桐生駅 */
.shibukawatittle1-1{
margin-left:132px;
}

/* 歴史 */
.shibukawatittle1-2{
margin-left:200px;
margin-top:50px;
}


/* 文章 */
.shibukawatittle1-3{
/* border: solid 1px red; */
width:350px;
height:300px;
text-align: center;
font-family: "Zen Kaku Gothic New", sans-serif; font-weight:700; font-style: normal;
font-size: 15px;
color: #000;
margin-top:10px;
margin-left:60px;
line-height:30px;
}



/* 白い背景 */
.shibukawatittle1-4{
border-radius: 10px;
border: 3px solid black;
background-color:#ffffff;
width:100px;
height: 50px;
margin-left:190px;
padding-top:40px;
position: relative;
margin-top:17px;
z-index:30;
padding: 10px;

}

/* 緑背景 */
.shibukawatittle1-5{
border-radius: 10px;
border: 3px solid black;
background-color:#e7317b;
width:100px;
height: 50px;
position: absolute;
z-index:10;
top:572px;
left:218px;
padding: 10px;
}

/* 見る文字 */
.shibukawatittle1-6{
position: absolute;
z-index:30;
top:40px;
left:200px;
top:570px;
left: 230px;
}

/* 背景白 */
.shibukawatittle1-7{
border-radius: 10px;
border: 3px solid black;
background-color:#ffffff;
width:350px;
height:300px;
margin-left:60px;
padding-top:40px;
position:absolute;
margin-top:30px;
z-index:30;
}

/* 宝徳寺タイトル */
.shibukawatittle1-7 h1{
padding-bottom: 10px;
text-align: center;

}



/* 宝徳寺説明文 */
.shibukawatittle1-7-2{
font-family: "Zen Kaku Gothic New", sans-serif; font-weight:700; font-style: normal;
font-size: 13px;
line-height: 30px;
margin-left: 10px;


}


.ikahotoieba{
margin-top:20px;
margin-left:30px
}

.shibukawatittle1-7-3{
margin-top:100px;
position: absolute;
top:73px;
left:-50px;
transform: rotate(-40deg);

}

.shibukawatittle1-7-4{
position: absolute;
top:-70px;
left: 0;

}

/* 背景黄色 */
.shibukawatittle1-8{
border-radius: 10px;
border: 3px solid black;
background-color:#2571bb;
width:350px;
height:300px;
position: absolute;
top:11px;
left:75px;
padding-top:40px;
position: relative;
margin-top:30px;
z-index:20;


}


/* 背景青 */
.shibukawatittle1-9{
border-radius: 10px;
border: 3px solid black;
background-color:#00b5ce;
width:350px;
height:300px;
position: relative;
top:-275px;
z-index:10;
left:88px;
}

/* 食べる */

.shibukawatittle1-10 h1{
padding-bottom: 10px;
text-align: center;

}
.shibukawatittle1-10{
position: absolute;
top: 1000px;
left:-2px;

}

.shibukawatittle1-10 p{
font-family: "Zen Kaku Gothic New", sans-serif; font-weight:900; font-style: normal;
font-size: 24px;
transform: rotate(-11deg);
position: absolute;
top:67px;
left:6px;

}

/* 食べる */
.shibukawatittle1-11-0{
border-radius: 10px;
border: 3px solid black;
background-color:#ffffff;
width:100px;
height: 50px;
margin-left:190px;
padding-top:40px;
position: relative;
margin-top:-52px;
z-index:30;
padding: 10px;

}

.shibukawatittle1-11-01{
border-radius: 10px;
border: 3px solid black;
background-color:#2571bb;
width:100px;
height: 50px;
position: absolute;
z-index:10;
top:1200px;
left:217px;
padding: 10px;
}



.shibukawatittle1-11{
position: absolute;
z-index:30;
top:40px;
left:200px;
top:1198px;
left: 217px;

}

.shibukawatittle1-12 h1{
padding-bottom: 10px;
text-align: center;

}


.shibukawatittle1-12{
border-radius: 10px;
border: 3px solid black;
background-color:#ffffff;
width:350px;
height:300px;
margin-left:60px;
padding-top:40px;
position:absolute;
margin-top:30px;
z-index:30;

}


.shibukawatittle1-13-1{
font-family: "Zen Kaku Gothic New", sans-serif; font-weight:700; font-style: normal;
font-size: 13px;
line-height: 30px;
margin-left: 10px;

}

.shibukawatittle1-13-2{
margin-top:100px;
position: absolute;
top:100px;
left:170px;


}

.shibukawatittle1-13-3{
position: absolute;
top:0;
left: 0;

}

.shibukawatittle1-14{

border-radius: 10px;
border: 3px solid black;
background-color:#00b5ce;
width:350px;
height:300px;
position: absolute;
top:11px;
left:75px;
padding-top:40px;
position: relative;
margin-top:30px;
z-index:20;

}

.shibukawatittle1-15{
border-radius: 10px;
border: 3px solid black;
background-color:#e7317b;
width:350px;
height:300px;
position: relative;
top:-275px;
z-index:10;
left:88px;

}


.shibukawatittle1-16 h1{
padding-bottom: 10px;
text-align: center;

}
.shibukawatittle1-16{
position: absolute;
top: 1600px;
left: 0px;

}

.shibukawatittle1-16 p{
font-family: "Zen Kaku Gothic New", sans-serif; font-weight:900; font-style: normal;
font-size: 24px;
transform: rotate(21deg);
position: absolute;
top:102px;
}



/* 体験 */


.shibukawatittle1-11-0-1{
border-radius: 10px;
border: 3px solid black;
background-color:#ffffff;
width:100px;
height: 50px;
margin-left:190px;
padding-top:40px;
position: relative;
margin-top:-52px;
z-index:30;
padding: 10px;

}

.shibukawatittle1-11-01-1{
border-radius: 10px;
border: 3px solid black;
background-color:#00b5ce;
width:100px;
height: 50px;
position: absolute;
z-index:10;
top:1829px;
left:218px;
padding: 10px;
}



.shibukawatittle1-11-1{
position: absolute;
z-index:30;
top:40px;
left:200px;
top:1825px;
left: 224px;

}

.shibukawatittle1-12-1 h1{
padding-bottom: 16px;
text-align: center;

}



.shibukawatittle1-12-1{
border-radius: 10px;
border: 3px solid black;
background-color:#ffffff;
width:350px;
height:300px;
margin-left:60px;
padding-top:40px;
position:absolute;
margin-top:30px;
z-index:30;

}


.shibukawatittle1-13-1-1{
font-family: "Zen Kaku Gothic New", sans-serif; font-weight:700; font-style: normal;
font-size: 13px;
line-height: 30px;
margin-left: 10px;

}

.shibukawatittle1-13-2-1{
margin-top:100px;
position: absolute;
top:128px;
right:167px;
z-index:20;




}

.shibukawatittle1-13-3-1{
position: absolute;
top:-55px;
left: 0;

}

.shibukawatittle1-14-1{

border-radius: 10px;
border: 3px solid black;
background-color:#e7317b;
width:350px;
height:300px;
position: absolute;
top:11px;
left:75px;
padding-top:40px;
position: relative;
margin-top:30px;
z-index:20;

}

.shibukawatittle1-15-1{
border-radius: 10px;
border: 3px solid black;
background-color:#2571bb;
width:350px;
height:300px;
position: relative;
top:-275px;
z-index:10;
left:88px;

}


.shibukawatittle1-16-1 h1{
padding-bottom: 10px;
text-align: center;

}
.shibukawatittle1-16-1{
position: absolute;
top: 2270px;
left: 0px;
z-index:30;

}

.shibukawatittle1-16-1 p{
font-family: "Zen Kaku Gothic New", sans-serif; font-weight:900; font-style: normal;
font-size: 24px;
transform: rotate(-9deg);
position: absolute;
top:56px;
}





/* 長野原草津口駅 */


#nagano .box2{
background:#0075b7;
width: 526px;
height:2500px;
position: relative;
}

/* 桐生駅 */
.naganotittle1-1{
margin-left:132px;
}

/* 歴史 */
.naganotittle1-2{
margin-left:200px;
margin-top:50px;
}


/* 文章 */
.naganotittle1-3{
/* border: solid 1px red; */
width:350px;
height:300px;
text-align: center;
font-family: "Zen Kaku Gothic New", sans-serif; font-weight:700; font-style: normal;
font-size: 15px;
color: #000;
margin-top:10px;
margin-left:60px;
line-height:30px;
}



/* 白い背景 */
.naganotittle1-4{
border-radius: 10px;
border: 3px solid black;
background-color:#ffffff;
width:100px;
height: 50px;
margin-left:190px;
padding-top:40px;
position: relative;
margin-top:44px;
z-index:30;
padding: 10px;

}

/* 緑背景 */
.naganotittle1-5{
border-radius: 10px;
border: 3px solid black;
background-color:#ff0000;
width:100px;
height: 50px;
position: absolute;
z-index:10;
top:587px;
left:218px;
padding: 10px;
}

/* 見る文字 */
.naganotittle1-6{
position: absolute;
z-index:30;
top:40px;
left:200px;
top:584px;
left: 230px;
}

/* 背景白 */
.naganotittle1-7{
border-radius: 10px;
border: 3px solid black;
background-color:#ffffff;
width:350px;
height:300px;
margin-left:60px;
padding-top:40px;
position:absolute;
margin-top:30px;
z-index:30;
}

/* 宝徳寺タイトル */
.naganotittle1-7 h1{
padding-bottom: 10px;
text-align: center;

}



/* 宝徳寺説明文 */
.naganotittle1-7-2{
font-family: "Zen Kaku Gothic New", sans-serif; font-weight:700; font-style: normal;
font-size: 13px;
line-height: 30px;
margin-left: 10px;


}

.naganotittle1-7-3{
margin-top:100px;
position: absolute;
top:73px;
left:33px;
transform: rotate(-19deg);

}

.naganotittle1-7-4{
position: absolute;
top:-70px;
left: 0;

}

/* 背景黄色 */
.naganotittle1-8{
border-radius: 10px;
border: 3px solid black;
background-color:#46bd78;
width:350px;
height:300px;
position: absolute;
top:11px;
left:75px;
padding-top:40px;
position: relative;
margin-top:30px;
z-index:20;


}


/* 背景青 */
.naganotittle1-9{
border-radius: 10px;
border: 3px solid black;
background-color:#f5b000;
width:350px;
height:300px;
position: relative;
top:-275px;
z-index:10;
left:88px;
}

/* 食べる */

.nagnaotittle1-10 h1{
padding-bottom: 10px;
text-align: center;

}
.naganotittle1-10{
position: absolute;
top: 1000px;
left:-2px;

}

.naganotittle1-10 p{
font-family: "Zen Kaku Gothic New", sans-serif; font-weight:900; font-style: normal;
font-size: 24px;
transform: rotate(-10deg);
position: absolute;
top:67px;
left:6px;

}

/* 食べる */
.naganotittle1-11-0{
border-radius: 10px;
border: 3px solid black;
background-color:#ffffff;
width:100px;
height: 50px;
margin-left:190px;
padding-top:40px;
position: relative;
margin-top:-52px;
z-index:30;
padding: 10px;

}

.naganotittle1-11-01{
border-radius: 10px;
border: 3px solid black;
background-color:#46bd78;
width:100px;
height: 50px;
position: absolute;
z-index:10;
top:1215px;
left:217px;
padding: 10px;
}



.nagnaotittle1-11{
position: absolute;
z-index:30;
top:40px;
left:200px;
top:1198px;
left: 217px;

}


.naganotittle1-11 h1{
position: absolute;
top: 1213px;
left: 215px;
z-index: 30;


}

.naganotittle1-12 h1{
padding-bottom: 10px;
text-align: center;

}


.naganotittle1-12{
border-radius: 10px;
border: 3px solid black;
background-color:#ffffff;
width:350px;
height:300px;
margin-left:60px;
padding-top:40px;
position:absolute;
margin-top:30px;
z-index:30;

}


.naganotittle1-13-1{
font-family: "Zen Kaku Gothic New", sans-serif; font-weight:700; font-style: normal;
font-size: 13px;
line-height: 30px;
margin-left: 10px;

}

.naganotittle1-13-2{
margin-top:100px;
position: absolute;
top:79px;
left:91px;


}

.naganotittle1-13-3{
position: absolute;
top:0;
left: 0;

}

.naganotittle1-14{

border-radius: 10px;
border: 3px solid black;
background-color:#f5b000;
width:350px;
height:300px;
position: absolute;
top:11px;
left:75px;
padding-top:40px;
position: relative;
margin-top:30px;
z-index:20;

}

.naganotittle1-15{
border-radius: 10px;
border: 3px solid black;
background-color:#ff564b;
width:350px;
height:300px;
position: relative;
top:-275px;
z-index:10;
left:88px;

}


.naganotittle1-16 h1{
padding-bottom: 10px;
text-align: center;

}
.naganotittle1-16{
position: absolute;
top: 1631px;
left: 0px;

}

.naganotittle1-16 p{
font-family: "Zen Kaku Gothic New", sans-serif; font-weight:900; font-style: normal;
font-size: 24px;
transform: rotate(21deg);
position: absolute;
top:102px;
}



/* 体験 */


.naganotittle1-11-0-1{
border-radius: 10px;
border: 3px solid black;
background-color:#ffffff;
width:100px;
height: 50px;
margin-left:190px;
padding-top:40px;
position: relative;
margin-top:-52px;
z-index:30;
padding: 10px;

}

.naganotittle1-11-01-1{
border-radius: 10px;
border: 3px solid black;
background-color:#f5b000;
width:100px;
height: 50px;
position: absolute;
z-index:10;
top:1843px;
left:218px;
padding: 10px;
}



.naganotittle1-11-1{
position: absolute;
z-index:30;
top:40px;
left:200px;
top:1840px;
left: 224px;

}

.naganotittle1-12-1 h1{
padding-bottom: 16px;
text-align: center;

}



.naganotittle1-12-1{
border-radius: 10px;
border: 3px solid black;
background-color:#ffffff;
width:350px;
height:300px;
margin-left:60px;
padding-top:40px;
position:absolute;
margin-top:30px;
z-index:30;

}


.naganotittle1-13-1-1{
font-family: "Zen Kaku Gothic New", sans-serif; font-weight:700; font-style: normal;
font-size: 13px;
line-height: 30px;
margin-left: 10px;

}

.naganotittle1-13-2-1{
margin-top:100px;
position: absolute;
top:70px;
left: 70px;
transform: rotate(30deg);

}

.naganotittle1-13-2-2{
margin-left:148px;
margin-top:33px;



}

.naganotittle1-13-3-1{
position: absolute;
top:0;
left: 0;

}

.naganotittle1-14-1{
border-radius: 10px;
border: 3px solid black;
background-color:#ff564b;
width:350px;
height:300px;
position: absolute;
top:11px;
left:75px;
padding-top:40px;
position: relative;
margin-top:30px;
z-index:20;

}

.naganotittle1-15-1{
border-radius: 10px;
border: 3px solid black;
background-color:#46bd78;
width:350px;
height:300px;
position: relative;
top:-275px;
z-index:10;
left:88px;

}


.naganotittle1-16-1 h1{
padding-bottom: 10px;
text-align: center;

}
.naganotittle1-16-1{
position: absolute;
top: 2270px;
left: 0px;

}

.naganotittle1-16-1 p{
font-family: "Zen Kaku Gothic New", sans-serif; font-weight:900; font-style: normal;
font-size: 24px;
transform: rotate(-10deg);
position: absolute;
top:56px;
}

.box0{
/* background: linear-gradient(to bottom, #f5731b, #fa709a); */
width:515px;
background-size:525px;
height:100vh;
background-repeat: no-repeat;
margin-left:-2px;
position: relative;
z-index:30;
position: fixed;
background: linear-gradient(to bottom, #c48ca2, #cd8e84,#ce8571,#cd6844,#ce744d)
}


.MENU0{
width: 200px;
height: 50px;
margin-left:22px;
position: relative;
z-index: 30;

}

.mokuji0{
width: 250px;
height: 500px;
margin-top: 50px;
margin-left:140px;
font-family: "Zen Kaku Gothic New", sans-serif; font-weight: 600; font-style: normal;
font-size: 16px;
}


.moji01{
animation: flowing 10s linear infinite;
transform:translatey(100%);
margin-left:420px;


}


.box03{
width:1030px;
position: relative;
position: fixed;
/* top:-200px; */
top: 0;
height:100vh;
position: fixed;
background: linear-gradient(to bottom, #c48ca2, #cd8e84,#ce8571,#cd6844,#ce744d);
left:1130px;

}




.animation-wrapper0 {
width: 525px;
height: fit-content;
background-color: #000;
overflow: hidden;
margin-left:353px;
position:fixed;
bottom: 0;
left: 0;
z-index:530000;
}
.karasu{
position: absolute;
top:50px;
left:218px;
transform: rotate(12deg);
}

span{
display:inline-block;
width:100px;
height:100px;
margin:50px;
}



@keyframes rotationx{
0%{ transform:rotateX(0);}
50%{ background:tomato; }
100%{ transform:rotateX(360deg); }
}

.topbtom0{
left:330px;
top:600px;
width: 100px;
position:absolute
}

.yama01{
position: absolute;
top: 825px;
left:65px;
z-index:10;

}

.kumo{
position: absolute;
margin-left: -44px;
top:-36px;
z-index: 10;
}

.kumo2{
position: absolute;
top: 244px;
left:670px;
z-index:30;
}

.yama02{
position: absolute;
top:830px;
left:-100px;



}

.MENU00{
padding-top:38px;
margin-left:126px;
}

.kuma{
position: absolute;
top:580px;
left:-27px;
z-index:30;

}

.haikei02{
border-radius: 10px;
width: 500px;
height: 300px;
border-radius: 10px;
width: 490px;
height:650px;
position: absolute;
top:-79px;
left:-22px;
bottom:162px;
z-index:30;
}

.haikei03{
border-radius: 10px;
width: 500px;
height: 300px;
border-radius: 10px;
width: 490px;
height:650px;
position: absolute;
top:-79px;
left:416px;
bottom:162px;
z-index:30;
}

.haikei2{
text-align: center;
position: relative;

}


.Form{
margin-right: -29px;
max-width: 720px;
margin-right:-10px;
justify-content: center;

}
@media screen and (max-width: 480px) {
.Form {
margin-top: 40px;
}
}
.Form-Item {
font-family: "Zen Kaku Gothic New", sans-serif; font-weight: 600; font-style: normal;
font-size: 16px;
color: #000;
padding-top: 24px;
padding-bottom: 24px;
width:250px;
display: flex;
align-items: center;
margin: 0 auto;
text-align: center;
margin-right: 116px;
}
@media screen and (max-width: 480px) {
.Form-Item {
font-family: "Zen Kaku Gothic New", sans-serif; font-weight: 600; font-style: normal;
font-size: 16px;
padding-left: 14px;
padding-right: 14px;
padding-top: 16px;
padding-bottom: 16px;
flex-wrap: wrap;
margin-right: 10px;
}
}

.Form-Item-Label {
width: 100%;
max-width: 248px;
letter-spacing: 0.05em;
font-weight: bold;
font-size: 18px;
}
@media screen and (max-width: 480px) {
.Form-Item-Label {
max-width: inherit;
display: flex;
align-items: center;
font-size: 15px;
}
}
.Form-Item-Label.isMsg {
margin-top: 8px;
margin-bottom: auto;
}
@media screen and (max-width: 480px) {
.Form-Item-Label.isMsg {
margin-top: 0;
}
}
.Form-Item-Label-Required {
border-radius: 6px;
margin-right: 8px;
padding-top: 8px;
padding-bottom: 8px;
width: 48px;
display: inline-block;
text-align: center;
background: #5bc8ac;
color: #fff;
font-size: 14px;
}
@media screen and (max-width: 480px) {
.Form-Item-Label-Required {
border-radius: 4px;
padding-top: 4px;
padding-bottom: 4px;
width: 32px;
font-size: 10px;
}
}
.Form-Item-Input {
color: #000;
border: 2px solid #000;
border-radius: 6px;
margin-left: 40px;
padding-left: 1em;
padding-right: 1em;
height: 48px;
flex: 1;
width: 100%;
max-width: 410px;
background:#e16e4c;
font-size: 18px;
}

::placeholder {
color:#000;
}
@media screen and (max-width: 480px) {
.Form-Item-Input {
margin-left: 0;
margin-top: 18px;
height: 40px;
flex: inherit;
font-size: 15px;
}
}

@media screen and (max-width: 480px) {
.Form-Item-Textarea {
margin-top: 18px;
margin-left: 0;
height: 200px;
flex: inherit;
font-size: 15px;
}
}
.Form-Btn {
border-radius: 6px;
margin-top: 32px;
margin-left:192px;
margin-right:185px;
padding: 10px;
width: 90px;
height: 50px;
display: block;
letter-spacing: 0.05em;
background: #1866aa;
color: #fff;
font-weight: bold;
font-size: 20px;
color: #000;
border: 2px solid #000;
padding-left:23px;
}



.Form-Btn:hover{
background-color: #daa417;
}
@media screen and (max-width: 480px) {
.Form-Btn {
margin-top: 24px;
/* padding-top: 8px; */
/* padding-bottom: 8px; */
width: 160px;
font-size: 16px;
}
}

.naiyou{
text-align: center;


}
.naiyou{
font-family: "Zen Kaku Gothic New", sans-serif; font-weight: 600; font-style: normal;
font-size: 16px;
border: 2px solid #000;
border-radius: 6px;
width: 300px;
height: 141px;
background-color:#e16e4c;
padding: 50px;
}

.Form-Item1{
margin-left: 20%;
margin-top: 5%;

}


.oto{
font-family: "Zen Kaku Gothic New", sans-serif; font-weight:900px; font-style: normal;
font-size: 36px;
margin: 0 auto;
width: 300px;
color: #000000;
position: relative;
}


.oto1{
font-family: "Zen Kaku Gothic New", sans-serif; font-weight:900px; font-style: normal;
font-size: 36px;
margin: 0 auto;
width: 300px;
color: #cd6844;
position: absolute;
top:0;
left:-3px;

}

.haikei02{
animation: flowing 10s linear infinite;
transform:translatey(100%);

}

@keyframes flowing {
0% { transform:translatey(-100%); }
100% { transform:translatey(-197%); }
}

.haikei03{
animation: flowing 10s linear infinite;
transform:translatey(0%);
margin-left:3px;

}

@keyframes flowing {
0% { transform:translatey(-100%); }
100% { transform:translatey(-197%); }
}

/* クーポン */
.stars {
position: relative;
width: 137%; /* 星空の横幅 */
height: 100vh; /* 星空の縦幅 */
background-image: linear-gradient(0deg, #00dedc, #115d89, #080f1c); /* 星空の背景色 */
overflow: hidden; /* 星が枠外にはみ出すのを防ぐ */
}

/* 星のスタイル */
.star {
position: absolute;
display: block;
background-color: #fff; /* 星の色 */
border-radius: 50%;
box-shadow: 0 0 4px 2px rgba(#fff, 0.2); /* 星の影 */
opacity: 0;
animation: twinkle 5s infinite;
}





/* 星がキラキラ光るアニメーション */
@keyframes twinkle {
0% {
opacity: 0;
}

50% {
transform: scale(1.1);
opacity: 1;
}

100% {
opacity: 0;
transform: scale(1);
}
}






.box07{
width: 355px;
background-size:525px;
height:100vh;
background-repeat: no-repeat;
margin-left:-2px;
position: relative;
z-index:30;
position: fixed;
}

.MENU07{
width: 200px;
height: 50px;
margin-left:22px;
position: relative;
z-index: 30;


}


.mokuji07{
font-family: "Zen Kaku Gothic New", sans-serif; font-weight: 600; font-style: normal;
font-size: 16px;
color:#fff;
width: 250px;
height: 300px;
margin-top: 50px;
margin-left:70px;


}

.MENU007{
color: #fff;
text-align: center;
margin-top:111px;
margin-left:122px;
}



.yama07{
position: absolute;
top: 690px;
left:-28px;
z-index: 10;
width: 500px;
height: 200px;
}

.box027{
width:658px;
height:900px;
background:#4b60a6;
position: absolute;
top: 0;
left:475px;

}

.moji017{
animation: flowing 10s linear infinite;
transform:translatey(100%);
margin-left:383px;
position: relative;
z-index: 30;

}

.yama0718{
position: absolute;
top: 710px;
left:-28px;
z-index: 10;
width: 500px;
height: 200px;

}

.ressya{
position: absolute;
top:100px;
left:100px;
transform: rotate(5deg);


}

.animation07{
font-family: "Zen Kaku Gothic New", sans-serif; font-weight: 600; font-style: normal;
font-size: 20px;
line-height: 66px;
letter-spacing: 0em;
text-align: right;
margin-left: auto;
margin-right: 0;
color:#f1b822;
white-space: nowrap;
letter-spacing: 0.3em;

}

.animation-wrapper07{
position:fixed;
bottom: 0;
left: 0;
z-index:530000;
width:668px;
height: fit-content;
background-color: #000;
overflow: hidden;
margin-left:475px;
position: absolute;
z-index: 30;
}

.animation-inner7{
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
height: 80px;
position: relative;
}
.animation-box7{
transform: translateX(0%);  /* 初めは画面の右外側に配置 */
animation: flow-text 7s linear infinite;
display: flex;


}

.animation07:before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: radial-gradient(
transparent 0 1px, 
rgba(0, 0, 0, .7) 1px
);
background-size: 3px 3px;
content: '';
}


.qrcode{
position: absolute;
top: 228px;
left:486px;
z-index:30;

}

.sikaku18{
width: 260px;
height: 40px;
background-color: #d46058;
border: 1px solid #000;
margin: 0 auto;
margin-top: 50px;
transform: rotate(-10deg);
position: relative;
z-index: 10;



}

.sikaku18 h1{
font-family: "Zen Kaku Gothic New", sans-serif; font-weight: 600; font-style: normal;
font-size: 20px;
text-align: center;
margin-top: 10px;




}

.sikaku28{
width: 250px;
height: 40px;
background-color: #daa417;
border: 1px solid #000;
transform: rotate(-10deg);
position: absolute;
top: 120px;
left: 550px;
z-index: 10;
transform: rotate(13deg);
padding: 10px;

}
.sikaku28 h1{
font-family: "Zen Kaku Gothic New", sans-serif; font-weight: 600; font-style: normal;
font-size: 24px;
position: absolute;
top: 5px;
left: 20px;

}

.gunma718{
position: absolute;
top:300px;
left:357px;
z-index: 10;
}

.qrcode1{
position: absolute;
top: 230px;
left: 490px;
z-index: 20;


}

.sikaku29{
width: 270px;
height:50px;
background-color: #1866aa;
border: 1px solid #000;
transform: rotate(-10deg);
position: absolute;
top: 528px;
left: 450px;
z-index: 10;
transform: rotate(-10deg);
padding: 10px;


}
.sikaku29 h1{
font-family: "Zen Kaku Gothic New", sans-serif; font-weight: 600; font-style: normal;
font-size: 24px;
color: #fff;
text-align: center;

}

.yama0719{
position: absolute;
top:900px;
left:30px;

}

.yama077{
position: absolute;
top:800px;
left:-110px;

}



/* プライバシーポリシー */
.box214{
background: #ca566c;
width: 570px;
background-size:525px;
height:970px;
margin-left:550px;
position: relative;
z-index:30;
padding: 20px;
border: 1px solid #000;


}

.shibukawatittle214{
margin-left: 100px;
margin-bottom:50px;
margin-top: 50px;

}

.box215{
width: 400px;
height: 500px;
border: 1px solid #000;
background-color: #fff;
margin: 0 auto;
border-radius: 10px;
}


.box38{

background-image: url(../images/top_03.png);
width:470px;
position: relative;
position: fixed;
left:960px;
top: 0;


}

.otoiawa h1{
font-family: "Zen Kaku Gothic New", sans-serif; font-weight: 900; font-style: normal;
font-size: 36px;
margin-left:150px;
color:#28979a;
-webkit-text-stroke: 1px black;
margin-left:125px;

}


.kaisyamei{
/* border: 1px solid red;  */
position: absolute;
top:50px;
left:120px;
}


.box02{
width: 450px;
height: 700px;
margin-left:600px;
margin-top: 50px;
border-radius: 10px;

}

.qqqqqqqq1{
position: absolute;
left:-472px;
top:30px;

}

.otoibtm1{
position: absolute;
top:500px;
left:300px;
border-radius:25px;
border: 3px solid black;
background: #fff;
width: 110px;
height:50px;

}

.otoibtm1 p{
font-family: "Zen Kaku Gothic New", sans-serif; font-weight: 900; font-style: normal;
font-size:13px;
text-align: center;
margin-top:15px;
}

.otoibtm1:hover{
background:#ffafbd;

}

.otoibtm2{
position: absolute;
top:500px;
left:200px;
border-radius:25px;
border: 3px solid black;
background: #fff;
width: 110px;
height:50px;

}


.otoibtm2 p{
font-family: "Zen Kaku Gothic New", sans-serif; font-weight: 900; font-style: normal;
font-size:13px;
text-align: center;
margin-top:15px;
}


.otoibtm2:hover{
  background:#ffafbd;
  
  }