/* 共通 */
html {
scroll-behavior: smooth;
}
body{
text-align: center;
margin: 10px -80px 10px 5px;
padding: 0;
}
a{
color:inherit;
text-decoration: none;
}
.smart {
border: 0px solid #828282;
width: 980px;
height: 490px;
position: absolute;
padding: 0px;
left: -36px;
top: 230px;
opacity: 0.3;
z-index: 10;
}
.smartparent {
transform: scale(0.4);
transform-origin: center top;
border: 0px solid #828282;
width: 960px;
height: 480px;
position: relative;
}
.smarttxt {
border: 0px solid #828282;
width: 1000px;
height: 20px;
position: absolute;
padding: 0px;
left: -65px;
top: 830px;
font-family: 'M PLUS Rounded 1c', sans-serif;
font-size: 300%;
color: #666;
}
.hako {
border: 2px solid #828282;
width: 1000px;
height: 500px;
position: absolute;
left: -50px;
top: 200px;
z-index:5 ;
}
.shape {
width: 1280px; /* 幅指定 */
height: 580px; /* 高さ指定 */
border: solid 4px #828282; /* 枠線指定 */
background-color: #fff; /* 背景色指定 */
border-radius: 70px; /* 角丸指定 */
position: absolute;
left: -190px;
top: 160px;
z-index: 2;
}
.circle {
width: 80px; /* 幅指定 */
height: 80px; /* 高さ指定 */
border-radius: 50%;/*角丸*/
border: solid 4px #828282; /* 枠線指定 */
background-color: #fff; /* 背景色指定 */
position: absolute;
left: 975px;
top: 412px;
z-index: 5;
}
/* ここからリンクマップ */
.LMtitle {
padding-top: 0px;
padding-left: 0px;
text-align: left;
font-family: 'Quantico', sans-serif;
font-size: 40px;
color: #666;
position: absolute;
width: 300px;
height: 50px;
left: -1px;
top: -100px;
}
.mapparent {
width: 930px;
height: 420px;
border: 1px solid #828282; /* 線の太さと可視化 */
padding: 0px;
font-family: 'IBM Plex Sans JP', sans-serif;
font-size: 100%;
color: #666;
display: table;
position:relative;
text-align: center;
vertical-align: middle;
}
.kuichi{
display: table-cell;
text-align: center;
vertical-align: middle;
}
/* 駅名のフォント */
.ekimei {
font-family: 'IBM Plex Sans JP', sans-serif;
font-size: 60%;
color: #828282;
}
/* 区名のフォント */
.kufont {
position: absolute;
font-family: 'IBM Plex Sans JP', sans-serif;
font-size: 100%;
color: #666;
}
.ada20line {
border: 0px solid #828282;
background: #828282;
clip-path: polygon(0px 0px, 225px 0px, 225px 120px, 0px 120px);
position: absolute;
width: 225px;
height: 120px;
left: 583px;
top: -1px;
z-index: 10;
}
.ada20base {
border: 0px solid #828282;
background: #fff;
clip-path: polygon(2px 2px, 223px 2px, 223px 118px, 2px 118px);
position: absolute;
width: 225px;
height: 120px;
left: 583px;
top: -1px;
z-index: 11;
}
.ada20 {
border: 0px solid #828282;
padding-top: 6px;
padding-left: 0px;
text-align: center;
clip-path: polygon(2px 2px, 223px 2px, 223px 118px, 2px 118px);
position: absolute;
width: 225px;
height: 120px;
left: 583px;
top: -1px;
z-index: 13;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.ada20:hover {
background-color: rgba(240, 187, 27, 0.5);
color: #828282;
}
.ara21line {
border: 0px solid #828282;
background: #828282;
clip-path: polygon(0px 0px, 175px 0px, 175px 59px, 0px 59px);
position: absolute;
width: 175px;
height: 59px;
left: 583px;
top: 60px;
z-index: 20;
}
.ara21base {
border: 0px solid #828282;
background: #fff;
clip-path: polygon(2px 2px, 173px 2px, 173px 57px, 2px 57px);
position: absolute;
width: 175px;
height: 59px;
left: 583px;
top: 60px;
z-index: 21;
}
.ara21 {
border: 0px solid #828282;
padding-top: 4px;
padding-left: 0px;
text-align: center;
clip-path: polygon(2px 2px, 173px 2px, 173px 57px, 2px 57px);
position: absolute;
width: 175px;
height: 59px;
left: 583px;
top: 60px;
z-index: 23;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.ara21:hover {
background-color: rgba(102, 123, 247, 0.5);
color: #828282;
}
.nippori{
border: 0px solid #828282;
position: absolute;
width: 50px;
height: 5px;
left: 600px;
top: 102px;
z-index: 22;
padding: 0px;
}
.bun7line {
border: 0px solid #828282;
background: #828282;
clip-path: polygon(0px 0px, 125px 0px, 125px 80px, 0px 80px);
position: absolute;
width: 125px;
height: 80px;
left: 510px;
top: 97px;
z-index: 3;
}
.bun7base {
border: 0px solid #828282;
background: #fff;
clip-path: polygon(2px 2px, 123px 2px, 123px 78px, 2px 78px);
position: absolute;
width: 125px;
height: 80px;
left: 510px;
top: 97px;
z-index: 4;
}
.bun7 {
border: 0px solid #828282;
padding-top: 24px;
padding-left: 0px;
text-align: center;
clip-path: polygon(2px 2px, 123px 2px, 123px 78px, 2px 78px);
position: absolute;
width: 125px;
height: 80px;
left: 510px;
top: 97px;
z-index:6;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.bun7:hover {
background-color: rgba(255, 141, 141, 0.5);
color: #828282;
}
.chiyo14line {
border: 0px solid #828282;
background: #828282;
padding-top: 6px;
padding-left: 25px;
text-align: left;
clip-path: polygon(0px 0px, 150px 0px, 150px 40px, 125px 40px,125px 60px, 75px 60px, 75px 80px, 0px 80px);
position: absolute;
width: 150px;
height: 80px;
left: 510px;
top: 175px;
z-index: 15;
font-family: 'IBM Plex Sans JP', sans-serif;
font-size: 100%;
color: #fff;
}
.chiyo14base {
border: 0px solid #828282;
background: #fff;
padding-top: 6px;
padding-left: 25px;
text-align: left;
clip-path: polygon(2px 2px, 148px 2px, 148px 38px, 123px 38px,123px 58px, 73px 58px, 73px 78px, 2px 78px);
position: absolute;
width: 150px;
height: 80px;
left: 510px;
top: 175px;
z-index: 16;
font-family: 'IBM Plex Sans JP', sans-serif;
font-size: 100%;
color: #fff;
}
.chiyo14 {
border: 0px solid #828282;
padding-top: 6px;
padding-left: 25px;
text-align: left;
clip-path: polygon(2px 2px, 148px 2px, 148px 38px, 123px 38px,123px 58px, 73px 58px, 73px 78px, 2px 78px);
position: absolute;
width: 150px;
height: 80px;
left: 510px;
top: 175px;
z-index: 18;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.chiyo14:hover {
background-color: rgba(222, 255, 37, 0.5);
color: #828282;
}
.tokyo {
border: 0px solid #828282;
position: absolute;
width: 30px;
height: 5px;
left: 600px;
top: 215px;
z-index: 17;
padding: 0px;
}
.aki {
border: 0px solid #828282;
position: absolute;
width: 40px;
height: 5px;
left: 615px;
top: 178px;
z-index: 17;
padding: 0px;
}
.chu15line {
border: 0px solid #828282;
background: #828282;
text-align: left;
clip-path: polygon(0px 0px, 127px 0px, 127px 60px, 0px 60px);
position: absolute;
width: 127px;
height: 60px;
left: 583px;
top: 213px;
z-index: 10;
font-family: 'IBM Plex Sans JP', sans-serif;
font-size: 100%;
color: #fff;
}
.chu15base {
border: 0px solid #828282;
background: #fff;
text-align: left;
clip-path: polygon(2px 2px, 125px 2px, 125px 58px, 2px 58px);
position: absolute;
width: 127px;
height: 60px;
left: 583px;
top: 213px;
z-index: 11;
font-family: 'IBM Plex Sans JP', sans-serif;
font-size: 100%;
color: #fff;
}
.chu15 {
border: 0px solid #828282;
padding-top: 3px;
padding-left: 62px;
text-align: left;
clip-path: polygon(2px 2px, 125px 2px, 125px 58px, 2px 58px);
position: absolute;
width: 127px;
height: 60px;
left: 583px;
top: 213px;
z-index: 13;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.chu15:hover {
background-color: rgba(255, 79, 64, 0.5);
color: #828282;
}
.ginza {
border: 0px solid #828282;
position: absolute;
width: 30px;
height: 5px;
left: 600px;
top: 240px;
z-index: 12;
padding: 0px;
}
.nihon {
border: 0px solid #828282;
position: absolute;
width: 60px;
height: 5px;
left: 630px;
top: 215px;
z-index: 12;
padding: 0px;
}
.edo23line {
border: 0px solid #828282;
background: #828282;
clip-path: polygon(0px 0px, 145px 0px, 145px 200px, 0px 200px);
position: absolute;
width: 145px;
height: 200px;
left: 782px;
top: 135px;
z-index: 20;
}
.edo23base {
border: 0px solid #828282;
background: #fff;
clip-path: polygon(2px 2px, 143px 2px, 143px 198px, 2px 198px);
position: absolute;
width: 145px;
height: 200px;
left: 782px;
top: 135px;
z-index: 21;
}
.edo23 {
border: 0px solid #828282;
padding-top: 70px;
padding-left: 0px;
text-align: center;
clip-path: polygon(2px 2px, 143px 2px, 143px 198px, 2px 198px);
position: absolute;
width: 145px;
height: 200px;
left: 782px;
top: 135px;
z-index: 23;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.edo23:hover {
background-color: rgba(34, 34, 34, 0.5);
color: #fff;
}
.isailine {
border: 0px solid #828282;
background: #828282;
clip-path: polygon(0px 0px, 90px 0px, 90px 430px, 0px 430px);
position: absolute;
width: 90px;
height: 430px;
left: -1px;
top: -1px;
z-index: 30;
}
.isaibase {
border: 0px solid #828282;
background: #fff;
clip-path: polygon(2px 2px, 88px 2px, 88px 428px, 2px 428px);
position: absolute;
width: 90px;
height: 430px;
left: -1px;
top: -1px;
z-index: 31;
}
.isai {
border: 0px solid #828282;
padding-top: 166px;
padding-left: 0px;
text-align: center;
clip-path: polygon(2px 2px, 88px 2px, 88px 428px, 2px 428px);
position: absolute;
width: 90px;
height: 430px;
left: -1px;
top: -1px;
z-index: 33;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.isai:hover {
background-color: rgba(34, 34, 34, 0.5);
color: #fff;
}
.ita4line {
border: 0px solid #828282;
background: #828282;
clip-path: polygon(0px 0px, 175px 0px, 175px 100px, 0px 100px);
position: absolute;
width: 175px;
height: 100px;
left: 317px;
top: -1px;
z-index: 20;
}
.ita4base {
border: 0px solid #828282;
background: #fff;
clip-path: polygon(2px 2px, 173px 2px, 173px 98px, 2px 98px);
position: absolute;
width: 175px;
height: 100px;
left: 317px;
top: -1px;
z-index: 21;
}
.ita4 {
border: 0px solid #828282;
padding-top: 26px;
padding-left: 64px;
text-align: left;
clip-path: polygon(2px 2px, 173px 2px, 173px 98px, 2px 98px);
position: absolute;
width: 175px;
height: 100px;
left: 317px;
top: -1px;
z-index: 23;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.ita4:hover {
background-color: rgba(34, 34, 34, 0.5);
color: #fff;
}
.katsu22line {
border: 0px solid #828282;
background: #828282;
clip-path: polygon(0px 0px, 145px 0px, 145px 140px, 0px 140px);
position: absolute;
width: 145px;
height: 140px;
left: 782px;
top: -1px;
z-index: 1;
}
.katsu22base {
border: 0px solid #828282;
background: #fff;
clip-path: polygon(2px 2px, 143px 2px, 143px 138px, 2px 138px);
position: absolute;
width: 145px;
height: 140px;
left: 782px;
top: -1px;
z-index: 2;
}
.katsu22{
border: 0px solid #828282;
padding-top: 40px;
padding-left: 60px;
text-align: left;
clip-path: polygon(2px 2px, 143px 2px, 143px 138px, 2px 138px);
position: absolute;
width: 145px;
height: 140px;
left: 782px;
top: -1px;
z-index: 4;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.katsu22:hover {
background-color: rgba(34, 34, 34, 0.5);
color: #fff;
}
.kita5line {
border: 0px solid #828282;
background: #828282;
clip-path: polygon(0px 0px, 98px 0px, 98px 100px, 0px 100px);
position: absolute;
width: 98px;
height: 100px;
left: 490px;
top: -1px;
z-index: 3;
}
.kita5base {
border: 0px solid #828282;
background: #fff;
clip-path: polygon(2px 2px, 96px 2px, 96px 98px, 2px 98px);
position: absolute;
width: 98px;
height: 100px;
left: 490px;
top: -1px;
z-index: 4;
}
.kita5 {
border: 0px solid #828282;
padding-top: 24px;
padding-left: 0px;
text-align: center;
clip-path: polygon(2px 2px, 96px 2px, 96px 98px, 2px 98px);
position: absolute;
width: 98px;
height: 100px;
left: 490px;
top: -1px;
z-index: 6;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.kita5:hover {
background-color: rgba(34, 34, 34, 0.5);
color: #fff;
}
.koto16line {
border: 0px solid #828282;
background: #828282;
padding-top: 5px;
padding-left: 25px;
text-align: left;
clip-path: polygon(50px 0px, 175px 0px, 175px 100px, 150px 100px,150px 180px, 125px 180px, 125px 160px, 100px 160px, 100px 100px, 75px 100px, 75px 180px, 0px 180px, 0px 97px, 25px 97px, 25px 77px, 50px 77px);
position: absolute;
width: 175px;
height: 180px;
left: 609px;
top: 213px;
z-index: 5;
font-family: 'IBM Plex Sans JP', sans-serif;
font-size: 100%;
color: #fff;
}
.koto16base {
border: 0px solid #828282;
background: #fff;
padding-top: 5px;
padding-left: 25px;
text-align: left;
clip-path: polygon(52px 2px, 173px 2px, 173px 98px, 148px 98px,148px 178px, 127px 178px, 127px 158px, 102px 158px, 102px 98px, 73px 98px, 73px 178px, 2px 178px, 2px 99px, 27px 99px, 27px 79px, 52px 79px);
position: absolute;
width: 175px;
height: 180px;
left: 609px;
top: 213px;
z-index: 6;
font-family: 'IBM Plex Sans JP', sans-serif;
font-size: 100%;
color: #fff;
}
.koto16 {
border: 0px solid #828282;
padding-top: 52px;
padding-left: 87px;
text-align: left;
clip-path: polygon(52px 2px, 173px 2px, 173px 98px, 148px 98px,148px 178px, 127px 178px, 127px 158px, 102px 158px, 102px 98px, 73px 98px, 73px 178px, 2px 178px, 2px 99px, 27px 99px, 27px 79px, 52px 79px);
position: absolute;
width: 175px;
height: 200px;
left: 609px;
top: 213px;
z-index: 8;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.koto16:hover {
background-color: rgba(223, 144, 236, 0.5);
color: #828282;
}
.kiyosu {
border: 0px solid #828282;
position: absolute;
width: 70px;
height: 5px;
left: 715px;
top: 215px;
z-index: 7;
padding: 0px;
}
.kiba {
border: 0px solid #828282;
position: absolute;
width: 30px;
height: 5px;
left: 740px;
top: 235px;
z-index: 7;
padding: 0px;
}
.meg13line {
border: 0px solid #828282;
background: #828282;
clip-path: polygon(0px 0px, 177px 0px, 177px 60px, 0px 60px);
position: absolute;
width: 177px;
height: 60px;
left: 285px;
top: 311px;
z-index: 20;
}
.meg13base {
border: 0px solid #828282;
background: #fff;
clip-path: polygon(2px 2px, 175px 2px, 175px 58px, 2px 58px);
position: absolute;
width: 177px;
height: 60px;
left: 285px;
top: 311px;
z-index: 21;
}
.meg13 {
border: 0px solid #828282;
padding-top: 3px;
padding-left: 64px;
text-align: left;
clip-path: polygon(2px 2px, 175px 2px, 175px 58px, 2px 58px);
position: absolute;
width: 177px;
height: 60px;
left: 285px;
top: 311px;
z-index: 23;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.meg13:hover {
background-color: rgba(179, 185, 27, 0.5);
color: #828282;
}
.meguro {
border: 0px solid #828282;
position: absolute;
width: 30px;
height: 5px;
left: 410px;
top: 315px;
z-index: 22;
padding: 0px;
}
.mina17line {
border: 0px solid #828282;
background: #828282;
padding-top: 6px;
padding-left: 25px;
text-align: left;
clip-path: polygon(0px 0px, 250px 0px, 250px 60px, 174px 60px,174px 37px, 224px 37px, 224px 20px, 150px 20px, 150px 60px, 0px 60px);
position: absolute;
width: 250px;
height: 60px;
left: 435px;
top: 253px;
z-index: 1;
font-family: 'IBM Plex Sans JP', sans-serif;
font-size: 100%;
color: #fff;
}
.mina17base {
border: 0px solid #828282;
background: #fff;
padding-top: 6px;
padding-left: 25px;
text-align: left;
clip-path: polygon(2px 2px, 248px 2px, 248px 58px, 176px 58px,176px 39px, 226px 39px, 226px 18px, 148px 18px, 148px 58px, 2px 58px);
position: absolute;
width: 250px;
height: 60px;
left: 435px;
top: 253px;
z-index: 2;
font-family: 'IBM Plex Sans JP', sans-serif;
font-size: 100%;
color: #fff;
}
.mina17 {
border: 0px solid #828282;
padding-top: 3px;
padding-left: 62px;
text-align: left;
clip-path: polygon(2px 2px, 248px 2px, 248px 58px, 176px 58px,176px 39px, 226px 39px, 226px 18px, 148px 18px, 148px 58px, 2px 58px);
position: absolute;
width: 250px;
height: 60px;
left: 435px;
top: 253px;
z-index: 4;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.mina17:hover {
background-color: rgba(68, 178, 118, 0.5);
color: #828282;
}
.odaiba {
border: 0px solid #828282;
position: absolute;
width: 40px;
height: 5px;
left: 613px;
top: 275px;
z-index: 3;
padding: 0px;
}
.omote {
border: 0px solid #828282;
position: absolute;
width: 60px;
height: 5px;
left: 430px;
top: 255px;
z-index: 3;
padding: 0px;
}
.roppongi {
border: 0px solid #828282;
position: absolute;
width: 60px;
height: 5px;
left: 480px;
top: 258px;
z-index: 3;
padding: 0px;
}
.naka10line {
border: 0px solid #828282;
background: #828282;
clip-path: polygon(0px 0px, 75px 0px, 75px 100px, 0px 100px);
position: absolute;
width: 75px;
height: 100px;
left: 260px;
top: 155px;
z-index: 20;
}
.naka10base {
border: 0px solid #828282;
background: #fff;
clip-path: polygon(2px 2px, 73px 2px, 73px 98px, 2px 98px);
position: absolute;
width: 75px;
height: 100px;
left: 260px;
top: 155px;
z-index: 21;
}
.naka10 {
border: 0px solid #828282;
padding-top: 24px;
padding-left: 0px;
text-align: center;
clip-path: polygon(2px 2px, 73px 2px, 73px 98px, 2px 98px);
position: absolute;
width: 75px;
height: 100px;
left: 260px;
top: 155px;
z-index: 23;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.naka10:hover {
background-color: rgba(158, 246, 105, 0.5);
color: #828282;
}
.nakano {
border: 0px solid #828282;
position: absolute;
width: 30px;
height: 5px;
left: 285px;
top: 180px;
z-index: 22;
padding: 0px;
}
.neri1line {
border: 0px solid #828282;
background: #828282;
clip-path: polygon(0px 0px, 248px 0px, 248px 180px, 0px 180px);
position: absolute;
width: 248px;
height: 180px;
left: 87px;
top: -1px;
z-index: 3;
}
.neri1base {
border: 0px solid #828282;
background: #fff;
clip-path: polygon(2px 2px, 246px 2px, 246px 178px, 2px 178px);
position: absolute;
width: 248px;
height: 180px;
left: 87px;
top: -1px;
z-index: 4;
}
.neri1 {
border: 0px solid #828282;
padding-top: 67px;
padding-left: 84px;
text-align: left;
clip-path: polygon(2px 2px, 246px 2px, 246px 178px, 2px 178px);
position: absolute;
width: 248px;
height: 180px;
left: 87px;
top: -1px;
z-index: 5;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.neri1:hover {
background-color: rgba(34, 34, 34, 0.5);
color: #fff;
}
.ota19line {
border: 0px solid #828282;
background: #828282;
clip-path: polygon(0px 0px, 300px 0px, 300px 60px, 0px 60px);
position: absolute;
width: 300px;
height: 60px;
left: 285px;
top: 369px;
z-index: 20;
}
.ota19base {
border: 0px solid #828282;
background: #fff;
clip-path: polygon(2px 2px, 298px 2px, 298px 58px, 2px 58px);
position: absolute;
width: 300px;
height: 60px;
left: 285px;
top: 369px;
z-index: 21;
}
.ota19 {
border: 0px solid #828282;
padding-top: 3px;
padding-left: 122px;
text-align: left;
clip-path: polygon(2px 2px, 298px 2px, 298px 58px, 2px 58px);
position: absolute;
width: 300px;
height: 60px;
left: 285px;
top: 369px;
z-index: 23;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.ota19:hover {
background-color: rgba(34, 34, 34, 0.5);
color: #fff;
}
.umi1line {
border: 0px solid #828282;
background: #828282;
clip-path: polygon(0px 0px, 75px 0px, 75px 20px, 0px 20px);
position: absolute;
width: 75px;
height: 20px;
left: 609px;
top: 334px;
z-index: 10;
}
.umi1 {
border: 0px solid #828282;
background: #fff;
clip-path: polygon(0px 2px, 77px 2px, 77px 18px, 0px 18px);
position: absolute;
width: 77px;
height: 20px;
left: 608px;
top: 334px;
z-index: 11;
}
.umi2line {
border: 0px solid #828282;
background: #828282;
clip-path: polygon(0px 0px, 28px 0px, 28px 19px, 0px 19px);
position: absolute;
width: 28px;
height: 19px;
left: 583px;
top: 269px;
z-index: 10;
}
.umi2 {
border: 0px solid #828282;
background: #fff;
clip-path: polygon(2px 0px, 26px 2px, 26px 23px, 2px 23px);
position: absolute;
width: 26px;
height: 23px;
left: 583px;
top: 266px;
z-index: 11;
}
.seta3line {
border: 0px solid #828282;
background: #828282;
clip-path: polygon(0px 0px, 200px 0px, 200px 155px, 0px 155px);
position: absolute;
width: 200px;
height: 155px;
left: 87px;
top: 274px;
z-index: 3;
}
.seta3base {
border: 0px solid #828282;
background: #fff;
clip-path: polygon(2px 2px, 198px 2px, 198px 153px, 2px 153px);
position: absolute;
width: 200px;
height: 155px;
left: 87px;
top: 274px;
z-index: 4;
}
.seta3 {
border: 0px solid #828282;
padding-top: 49px;
padding-left: 0px;
text-align: center;
clip-path: polygon(2px 2px, 198px 2px, 198px 153px, 2px 153px);
position: absolute;
width: 200px;
height: 155px;
left: 87px;
top: 274px;
z-index: 5;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.seta3:hover {
background-color: rgba(130, 184, 234, 0.5);
color: #828282;
}
.shib12line {
border: 0px solid #828282;
background: #828282;
clip-path: polygon(0px 0px, 177px 0px, 177px 60px, 0px 60px);
position: absolute;
width: 177px;
height: 60px;
left: 260px;
top: 253px;
z-index: 20;
}
.shib12base {
border: 0px solid #828282;
background: #fff;
clip-path: polygon(2px 2px, 175px 2px, 175px 58px, 2px 58px);
position: absolute;
width: 177px;
height: 60px;
left: 260px;
top: 253px;
z-index: 21;
}
.shib12 {
border: 0px solid #828282;
padding-top: 3px;
padding-left: 64px;
text-align: left;
clip-path: polygon(2px 2px, 175px 2px, 175px 58px, 2px 58px);
position: absolute;
width: 177px;
height: 60px;
left: 260px;
top: 253px;
z-index: 23;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.shib12:hover {
background-color: rgba(250, 134, 174, 0.5);
color: #828282;
}
.shibuya {
border: 0px solid #828282;
position: absolute;
width: 30px;
height: 5px;
left: 388px;
top: 276px;
z-index: 22;
padding: 0px;
}
.harajuku {
border: 0px solid #828282;
position: absolute;
width: 30px;
height: 5px;
left: 370px;
top: 255px;
z-index: 22;
padding: 0px;
}
.ebisu {
border: 0px solid #828282;
position: absolute;
width: 60px;
height: 5px;
left: 380px;
top: 295px;
z-index: 22;
padding: 0px;
}
.shin11line {
border: 0px solid #828282;
background: #828282;
clip-path: polygon(0px 0px, 179px 0px, 179px 100px, 0px 100px);
position: absolute;
width: 179px;
height: 100px;
left: 333px;
top: 155px;
z-index: 3;
}
.shin11base {
border: 0px solid #828282;
background: #fff;
clip-path: polygon(2px 2px, 177px 2px, 177px 98px, 2px 98px);
position: absolute;
width: 179px;
height: 100px;
left: 333px;
top: 155px;
z-index: 4;
}
.shin11 {
border: 0px solid #828282;
padding-top: 24px;
padding-left: 0px;
text-align: center;
clip-path: polygon(2px 2px, 177px 2px, 177px 98px, 2px 98px);
position: absolute;
width: 179px;
height: 100px;
left: 333px;
top: 155px;
z-index: 6;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.shin11:hover {
background-color: rgba(255, 168, 84, 0.5);
color: #828282;
}
.yotsuya {
border: 0px solid #828282;
position: absolute;
width: 40px;
height: 5px;
left: 468px;
top: 200px;
z-index: 5;
padding: 0px;
}
.shinjuku {
border: 0px solid #828282;
position: absolute;
width: 30px;
height: 5px;
left: 365px;
top: 180px;
z-index: 5;
padding: 0px;
}
.yoyogi {
border: 0px solid #828282;
position: absolute;
width: 40px;
height: 5px;
left: 365px;
top: 220px;
z-index: 5;
padding: 0px;
}
.kitasenju {
border: 0px solid #828282;
position: absolute;
width: 50px;
height: 5px;
left: 668px;
top: 44px;
z-index: 12;
padding: 0px;
}
.shina18line {
border: 0px solid #828282;
background: #828282;
clip-path: polygon(0px 0px, 125px 0px, 125px 60px, 0px 60px);
position: absolute;
width: 125px;
height: 60px;
left: 460px;
top: 311px;
z-index: 2;
}
.shina18base {
border: 0px solid #828282;
background: #fff;
clip-path: polygon(2px 2px, 123px 2px, 123px 58px, 2px 58px);
position: absolute;
width: 125px;
height: 60px;
left: 460px;
top: 311px;
z-index: 3;
}
.shina18 {
border: 0px solid #828282;
padding-top: 3px;
padding-left: 40px;
text-align: left;
clip-path: polygon(2px 2px, 123px 2px, 123px 58px, 2px 58px);
position: absolute;
width: 125px;
height: 60px;
left: 460px;
top: 311px;
z-index: 5;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.shina18:hover {
background-color: rgba(248, 255, 49, 0.5);
color: #828282;
}
.shina {
border: 0px solid #828282;
position: absolute;
width: 30px;
height: 5px;
left: 500px;
top: 317px;
z-index: 4;
padding: 0px;
}
.tennou {
border: 0px solid #828282;
position: absolute;
width: 30px;
height: 5px;
left: 550px;
top: 317px;
z-index: 4;
padding: 0px;
}
.sugi2line {
border: 0px solid #828282;
background: #828282;
clip-path: polygon(0px 0px, 175px 0px, 175px 100px, 0px 100px);
position: absolute;
width: 175px;
height: 100px;
left: 87px;
top: 176px;
z-index: 20;
}
.sugi2base {
border: 0px solid #828282;
background: #fff;
clip-path: polygon(2px 2px, 173px 2px, 173px 98px, 2px 98px);
position: absolute;
width: 175px;
height: 100px;
left: 87px;
top: 176px;
z-index: 21;
}
.sugi2 {
border: 0px solid #828282;
padding-top: 24px;
padding-left: 0px;
text-align: center;
clip-path: polygon(2px 2px, 173px 2px, 173px 98px, 2px 98px);
position: absolute;
width: 175px;
height: 100px;
left: 87px;
top: 176px;
z-index: 23;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.sugi2:hover {
background-color: rgba(181, 147, 230, 0.5);
color: #828282;
}
.sumi9line {
border: 0px solid #828282;
background: #828282;
clip-path: polygon(0px 0px, 76px 0px, 76px 98px, 0px 98px);
position: absolute;
width: 76px;
height: 98px;
left: 708px;
top: 117px;
z-index: 6;
}
.sumi9base {
border: 0px solid #828282;
background: #fff;
clip-path: polygon(2px 2px, 74px 2px, 74px 96px, 2px 96px);
position: absolute;
width: 76px;
height: 98px;
left: 708px;
top: 117px;
z-index: 7;
}
.sumi9{
border: 0px solid #828282;
padding-top: 24px;
padding-left: 0px;
text-align: center;
clip-path: polygon(2px 2px, 74px 2px, 74px 96px, 2px 96px);
position: absolute;
width: 76px;
height: 98px;
left: 708px;
top: 117px;
z-index: 9;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.sumi9:hover {
background-color: rgba(99, 219, 234, 0.5);
color: #828282;
}
.tai8line {
border: 0px solid #828282;
background: #828282;
clip-path: polygon(0px 0px, 77px 0px, 77px 100px, 0px 100px);
position: absolute;
width: 77px;
height: 100px;
left: 633px;
top: 117px;
z-index: 1;
}
.tai8base {
border: 0px solid #828282;
background: #fff;
clip-path: polygon(0px 0px, 77px 0px, 77px 100px, 0px 100px);
position: absolute;
width: 77px;
height: 100px;
left: 633px;
top: 117px;
z-index: 2;
}
.tai8 {
border: 0px solid #828282;
padding-top: 20px;
padding-left: 0px;
text-align: center;
clip-path: polygon(2px 2px, 75px 2px, 75px 98px, 2px 98px);
position: absolute;
width: 77px;
height: 100px;
left: 633px;
top: 117px;
z-index: 4;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.tai8:hover {
background-color: rgba(255, 154, 0, 0.5);
color: #828282;
}
.bakuro {
border: 0px solid #828282;
position: absolute;
width: 40px;
height: 5px;
left: 663px;
top: 180px;
z-index: 3;
padding: 0px;
}
.ueno {
border: 0px solid #828282;
position: absolute;
width: 30px;
height: 5px;
left: 640px;
top: 138px;
z-index: 3;
padding: 0px;
}
.toshi6line {
border: 0px solid #828282;
background: #828282;
clip-path: polygon(0px 0px, 179px 0px, 179px 60px, 0px 60px);
position: absolute;
width: 179px;
height: 60px;
left: 333px;
top: 97px;
z-index: 20;
}
.toshi6base {
border: 0px solid #828282;
background: #fff;
clip-path: polygon(2px 2px, 177px 2px, 177px 58px, 2px 58px);
position: absolute;
width: 179px;
height: 60px;
left: 333px;
top: 97px;
z-index: 21;
}
.toshi6 {
border: 0px solid #828282;
padding-top: 3px;
padding-left: 0px;
text-align: center;
clip-path: polygon(2px 2px, 177px 2px, 177px 58px, 2px 58px);
position: absolute;
width: 179px;
height: 60px;
left: 333px;
top: 97px;
z-index: 23;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.toshi6:hover {
background-color: rgba(144, 208, 74, 0.5);
color: #828282;
}
.ikebukuro {
border: 0px solid #828282;
position: absolute;
width: 50px;
height: 5px;
left: 392px;
top: 104px;
z-index: 22;
padding: 0px;
}
.sugamo {
border: 0px solid #828282;
position: absolute;
width: 50px;
height: 5px;
left: 460px;
top: 100px;
z-index: 22;
padding: 0px;
}
/* ここからエリアリンク */
.arealine {
border: 0px solid #828282;
background: #828282;
clip-path: polygon(0px 0px, 928px 0px, 928px 336px, 783px 336px, 783px 318px, 760px 318px, 760px 395px, 735px 395px, 735px 375px, 710px 375px, 710px 318px, 685px 318px, 685px 336px, 610px 336px, 610px 292px, 660px 292px, 660px 273px, 587px 273px, 587px 430px, 0px 430px);
position: absolute;
width: 930px;
height: 430px;
left:-1px;
top: -1px;
z-index: 1;
}
.areabase {
border: 0px solid #fff;
background: #fff;
clip-path: polygon(2px 2px, 926px 2px, 926px 334px, 785px 334px, 785px 316px, 758px 316px, 758px 393px, 737px 393px, 737px 373px, 712px 373px, 712px 316px, 683px 316px, 683px 334px, 612px 334px, 612px 294px, 662px 294px, 662px 271px, 585px 271px, 585px 428px, 2px 428px);
position: absolute;
width: 930px;
height: 430px;
left:-1px;
top: -1px;
z-index: 2;
}
.asaB {
display: inline-block;
padding: 0.3em;
transition: .3s;
transform: scale(1);
color: #666;
width: 40px;
margin: 0 0;
position: absolute;
left: 760px;
top: 138px;
z-index: 6;
}
.asaB:hover {
transform: scale(1.5);
}
.azaB {
display: inline-block;
padding: 0.3em;
transition: .3s;
transform: scale(1);
color: #666;
width: 40px;
margin: 0 0;
position: absolute;
left:510px;
top: 278px;
z-index: 6;
}
.azaB:hover {
transform: scale(1.5);
}
.bakuB {
display: inline-block;
padding: 0.3em;
transition: .3s;
transform: scale(1);
color: #666;
width: 80px;
margin: 0 0;
font-size: 20px;
position: absolute;
left: 683px;
top: 170px;
z-index: 6;
}
.bakuB:hover {
transform: scale(1.5);
}
.chaB {
display: inline-block;
padding: 0.3em;
transition: .3s;
transform: scale(1);
color: #666;
width: 80px;
margin: 0 0;
position: absolute;
left: 560px;
top: 150px;
z-index: 6;
}
.chaB:hover {
transform: scale(1.5);
}
.daiB {
display: inline-block;
padding: 0.3em;
transition: .3s;
transform: scale(1);
color: #666;
width: 60px;
margin: 0 0;
position: absolute;
left: 310px;
top: 280px;
z-index: 6;
}
.daiB:hover {
transform: scale(1.5);
}
.ebiB {
display: inline-block;
padding: 0.3em;
transition: .3s;
transform: scale(1);
color: #666;
width: 60px;
margin: 0 0;
position: absolute;
left: 370px;
top: 290px;
z-index: 6;
}
.ebiB:hover {
transform: scale(1.5);
}
.edoB {
display: inline-block;
padding: 0.3em;
transition: .3s;
transform: scale(1);
color: #666;
width: 70px;
margin: 0 0;
font-size: 13px;
position: absolute;
left: 445px;
top: 122px;
z-index: 6;
}
.edoB:hover {
transform: scale(1.5);
}
.gaienB {
display: inline-block;
padding: 0.3em;
transition: .3s;
transform: scale(1);
color: #666;
width: 60px;
margin: 0 0;
position: absolute;
left: 420px;
top: 230px;
z-index: 6;
}
.gaienB:hover {
transform: scale(1.5);
}
.ginB {
display: inline-block;
padding: 0.3em;
transition: .3s;
transform: scale(1);
color: #666;
width: 60px;
margin: 0 0;
font-size: 20px;
position: absolute;
left: 580px;
top: 234px;
z-index: 6;
}
.ginB:hover {
transform: scale(1.5);
}
.hanB {
display: inline-block;
padding: 0.3em;
transition: .3s;
transform: scale(1);
color: #666;
width: 48px;
margin: 0 0;
position: absolute;
left: 525px;
top: 190px;
z-index: 6;
}
.hanB:hover {
transform: scale(1.5);
}
.haraB {
display: inline-block;
padding: 0.3em;
transition: .3s;
transform: scale(1);
color: #666;
width: 60px;
margin: 0 0;
font-size: 20px;
position: absolute;
left: 365px;
top: 230px;
z-index: 6;
}
.haraB:hover {
transform: scale(1.5);
}
.ikeB {
display: inline-block;
padding: 0.3em;
transition: .3s;
transform: scale(1);
color: #666;
width: 40px;
margin: 0 0;
position: absolute;
left: 410px;
top: 88px;
z-index: 6;
}
.ikeB:hover {
transform: scale(1.5);
}
.kaguB {
display: inline-block;
padding: 0.3em;
transition: .3s;
transform: scale(1);
color: #666;
width: 60px;
margin: 0 0;
position: absolute;
left: 465px;
top: 142px;
z-index: 6;
}
.kaguB:hover {
transform: scale(1.5);
}
.kanB {
display: inline-block;
padding: 0.3em;
transition: .3s;
transform: scale(1);
color: #666;
width: 40px;
margin: 0 0;
position: absolute;
left: 640px;
top: 175px;
z-index: 6;
}
.kanB:hover {
transform: scale(1.5);
}
.kitasenB {
display: inline-block;
padding: 0.3em;
transition: .3s;
transform: scale(1);
color: #666;
width: 60px;
margin: 0 0;
position: absolute;
left: 670px;
top: 35px;
z-index: 6;
}
.kitasenB:hover {
transform: scale(1.5);
}
.kiyoB {
display: inline-block;
padding: 0.3em;
transition: .3s;
transform: scale(1);
color: #666;
width: 80px;
margin: 0 0;
position: absolute;
left: 725px;
top: 215px;
z-index: 6;
}
.kiyoB:hover {
transform: scale(1.5);
}
.komaB {
display: inline-block;
padding: 0.3em;
transition: .3s;
transform: scale(1);
color: #666;
width: 40px;
margin: 0 0;
position: absolute;
left: 520px;
top: 58px;
z-index: 6;
}
.komaB:hover {
transform: scale(1.5);
}
.maruB {
display: inline-block;
padding: 0.3em;
transition: .3s;
transform: scale(1);
color: #666;
width: 60px;
margin: 0 0;
position: absolute;
left: 610px;
top: 200px;
z-index: 6;
}
.maruB:hover {
transform: scale(1.5);
}
.meguB {
display: inline-block;
padding: 0.3em;
transition: .3s;
transform: scale(1);
color: #666;
width: 40px;
margin: 0 0;
position: absolute;
left: 380px;
top: 318px;
z-index: 6;
}
.meguB:hover {
transform: scale(1.5);
}
.nakaB {
display: inline-block;
padding: 0.3em;
transition: .3s;
transform: scale(1);
color: #666;
width: 40px;
margin: 0 0;
position: absolute;
left: 240px;
top: 187px;
z-index: 6;
}
.nakaB:hover {
transform: scale(1.5);
}
.nihonB {
display: inline-block;
padding: 0.3em;
transition: .3s;
transform: scale(1);
color: #666;
width: 60px;
margin: 0 0;
position: absolute;
left: 650px;
top: 225px;
z-index: 6;
}
.nihonB:hover {
transform: scale(1.5);
}
.nippoB {
display: inline-block;
padding: 0.3em;
transition: .3s;
transform: scale(1);
color: #666;
width: 60px;
margin: 0 0;
position: absolute;
left: 620px;
top: 82px;
z-index: 6;
}
.nippoB:hover {
transform: scale(1.5);
}
.nishiazaB {
display: inline-block;
padding: 0.3em;
transition: .3s;
transform: scale(1);
color: #666;
width: 60px;
margin: 0 0;
position: absolute;
left:455px;
top: 278px;
z-index: 6;
}
.nishiazaB:hover {
transform: scale(1.5);
}
.nogiB {
display: inline-block;
padding: 0.3em;
transition: .3s;
transform: scale(1);
color: #666;
width: 60px;
margin: 0 0;
position: absolute;
left: 470px;
top: 228px;
z-index: 6;
}
.nogiB:hover {
transform: scale(1.5);
}
.odaiB {
display: inline-block;
padding: 0.3em;
transition: .3s;
transform: scale(1);
color: #666;
width: 50px;
margin: 0 0;
font-size: 13px;
position: absolute;
left:605px;
top: 290px;
z-index: 6;
}
.odaiB:hover {
transform: scale(1.5);
}
.omoB {
display: inline-block;
padding: 0.3em;
transition: .3s;
transform: scale(1);
color: #666;
width: 70px;
margin: 0 0;
font-size: 20px;
position: absolute;
left: 415px;
top: 245px;
z-index: 6;
}
.omoB:hover {
transform: scale(1.5);
}
.ropponB {
display: inline-block;
padding: 0.3em;
transition: .3s;
transform: scale(1);
color: #666;
width: 70px;
margin: 0 0;
font-size: 20px;
position: absolute;
left:490px;
top: 248px;
z-index: 6;
}
.ropponB:hover {
transform: scale(1.5);
}
.shibuB {
display: inline-block;
padding: 0.3em;
transition: .3s;
transform: scale(1);
color: #666;
width: 60px;
margin: 0 0;
font-size: 20px;
position: absolute;
left: 365px;
top: 260px;
z-index: 6;
}
.shibuB:hover {
transform: scale(1.5);
}
.shinB {
display: inline-block;
padding: 0.3em;
transition: .3s;
transform: scale(1);
color: #666;
width: 60px;
margin: 0 0;
font-size: 20px;
position: absolute;
left: 355px;
top: 175px;
z-index: 6;
}
.shinB:hover {
transform: scale(1.5);
}
.shinaB {
display: inline-block;
padding: 0.3em;
transition: .3s;
transform: scale(1);
color: #666;
width: 40px;
margin: 0 0;
position: absolute;
left: 480px;
top: 317px;
z-index: 6;
}
.shinaB:hover {
transform: scale(1.5);
}
.setaB {
display: inline-block;
padding: 0.3em;
transition: .3s;
transform: scale(1);
color: #666;
width: 60px;
margin: 0 0;
position: absolute;
left: 147px;
top: 327px;
z-index: 6;
}
.setaB:hover {
transform: scale(1.5);
}
.sugaB {
display: inline-block;
padding: 0.3em;
transition: .3s;
transform: scale(1);
color: #666;
width: 40px;
margin: 0 0;
position: absolute;
left: 500px;
top: 75px;
z-index: 6;
}
.sugaB:hover {
transform: scale(1.5);
}
.sugiB {
display: inline-block;
padding: 0.3em;
transition: .3s;
transform: scale(1);
color: #666;
width: 40px;
margin: 0 0;
position: absolute;
left: 137px;
top: 207px;
z-index: 6;
}
.sugiB:hover {
transform: scale(1.5);
}
.tenB {
display: inline-block;
padding: 0.3em;
transition: .3s;
transform: scale(1);
color: #666;
width: 60px;
margin: 0 0;
position: absolute;
left: 520px;
top: 317px;
z-index: 6;
}
.tenB:hover {
transform: scale(1.5);
}
.ueB {
display: inline-block;
padding: 0.3em;
transition: .3s;
transform: scale(1);
color: #666;
width: 40px;
margin: 0 0;
position: absolute;
left: 670px;
top: 138px;
z-index: 6;
}
.ueB:hover {
transform: scale(1.5);
}
.yotsuB {
display: inline-block;
padding: 0.3em;
transition: .3s;
transform: scale(1);
color: #666;
width: 40px;
margin: 0 0;
position: absolute;
left: 490px;
top: 200px;
z-index: 6;
}
.yotsuB:hover {
transform: scale(1.5);
}
.yurakuB {
display: inline-block;
padding: 0.3em;
transition: .3s;
transform: scale(1);
color: #666;
width: 60px;
margin: 0 0;
position: absolute;
left: 565px;
top: 220px;
z-index: 6;
}
.yurakuB:hover {
transform: scale(1.5);
}
.shimaline {
border: 0px solid #828282;
background: #828282;
clip-path: polygon(610px 352px, 685px 352px, 685px 394px, 610px 394px);
position: absolute;
width: 930px;
height: 430px;
left:-1px;
top: -1px;
z-index: 1;
}
.shimabase {
border: 0px solid #fff;
background: #fff;
clip-path: polygon(612px 354px, 683px 354px, 683px 392px, 612px 392px);
position: absolute;
width: 930px;
height: 430px;
left:-1px;
top: -1px;
z-index: 2;
}
/* ここまでエリアリンク */
.MLtitle {
padding-top: 0px;
padding-left: 0px;
text-align: left;
font-family: 'Quantico', sans-serif;
color: #666;
position: absolute;
width: 400px;
height: 50px;
left: -1px;
top: 500px;
}
.MLtitle a{
display: inline-block;
color:#666;
font-size:40px;
text-decoration:none;
transition: 0.3s;
}
.MLtitle a:hover{
color: #fff;
text-shadow: -1px 1px 4px #828282, 1px -1px 4px #828282;
}
.GLtitle {
padding-top: 0px;
padding-left: 0px;
text-align: left;
font-family: 'Quantico', sans-serif;
font-size:40px;
color: #666;
position: absolute;
width: 930px;
height: 50px;
border: 2px solid #828282;
border-right: transparent; /* 右辺を透明に */
border-left: transparent; /* 左辺を透明に */
border-top: transparent; /* 上辺を透明に */
left: -1px;
top: 620px;
}
/* ここまでリンクマップ */
.mapbutton
a {
display: block;
border: 0px solid #828282;
position: fixed;
bottom: 10px;
right: 10px;
border-radius: 50%;
background-color: rgba(34, 34, 34, 0.5);
width: 120px;
height:120px;
font-family: 'IBM Plex Sans JP', sans-serif;
font-size: 15px;
color: #fff;
z-index: 900;
}
.buttontxt
{
border: 0px solid #828282;
position: fixed;
width: 90px;
height:1px;
bottom: 95px;
right: 25px;
background-color: rgba(34, 34, 34, 0);
padding: 0 0;
font-family: 'IBM Plex Sans JP', sans-serif;
font-size: 15px;
color: #fff;
z-index: 1100;
}
.button {
display: block;
border: 0px solid #828282;
width: 114px;
height: 66px;
clip-path: polygon(0px 0px, 114px 0px, 114px 51px, 96px 51px, 96px 48px, 93px 48px, 93px 60px, 90px 60px, 90px 57px, 87px 57px, 87px 48px, 84px 48px, 84px 51px, 75px 51px, 75px 45px, 81px 45px, 81px 42px, 72px 42px, 72px 66px, 0px 66px);
background-color: rgba(34, 34, 34, 0.5);
padding-top: 23px;
padding-left: 1px;
font-family: 'Quantico', sans-serif;
font-size: 15px;
color: #FFF;
text-align: center;
letter-spacing: .1rem;
text-decoration: none;
position: fixed;
bottom: 10px;
right: 10px;
z-index: 900;
}
.buttons {
display: block;
border: 0px solid #828282;
width: 114px;
height: 66px;
clip-path: polygon(75px 54px, 84px 54px, 84px 60px, 75px 60px);
background-color: rgba(34, 34, 34, 0.5);
padding-top: 23px;
padding-left: 1px;
font-family: 'IBM Plex Sans JP', sans-serif;
font-size: 15px;
color: #FFF;
text-align: center;
letter-spacing: .1rem;
text-decoration: none;
position: fixed;
bottom: 10px;
right: 10px;
z-index: 900;
}
.areabutton
a {
display: block;
border: 0px solid #828282;
position: fixed;
bottom: 10px;
right: 150px;
border-radius: 50%;
background-color: rgba(41, 41, 41, 0.2);
width: 120px;
height:120px;
font-family: 'IBM Plex Sans JP', sans-serif;
font-size: 15px;
color: #666;
z-index: 900;
}
.areabuttontxt
{
border: 0px solid #828282;
position: fixed;
width: 90px;
height:1px;
bottom: 95px;
right: 175px;
background-color: rgba(41, 41, 41, 0);
padding: 0 0;
font-family: 'IBM Plex Sans JP', sans-serif;
font-size: 15px;
color: #666;
z-index: 1100;
}
.arbutton {
display: block;
border: 0px solid #828282;
width: 114px;
height: 66px;
clip-path: polygon(0px 0px, 114px 0px, 114px 51px, 96px 51px, 96px 48px, 93px 48px, 93px 60px, 90px 60px, 90px 57px, 87px 57px, 87px 48px, 84px 48px, 84px 51px, 75px 51px, 75px 45px, 81px 45px, 81px 42px, 72px 42px, 72px 66px, 0px 66px);
background-color: rgba(41, 41, 41, 0.2);
padding-top: 23px;
padding-left: 1px;
font-family: 'Quantico', sans-serif;
font-size: 15px;
color: #666;
text-align: center;
letter-spacing: .1rem;
text-decoration: none;
position: fixed;
bottom: 10px;
right: 150px;
z-index: 900;
}
.arbuttons {
display: block;
border: 0px solid #828282;
width: 114px;
height: 66px;
clip-path: polygon(75px 54px, 84px 54px, 84px 60px, 75px 60px);
background-color: rgba(41, 41, 41, 0.2);
padding-top: 23px;
padding-left: 1px;
font-family: 'IBM Plex Sans JP', sans-serif;
font-size: 15px;
color: #666;
text-align: center;
letter-spacing: .1rem;
text-decoration: none;
position: fixed;
bottom: 10px;
right: 150px;
z-index: 900;
}
/* ここから区域トップ */
.buttonparent {
width: 930px;
height: 30px;
padding: 0px;
border:0px solid #828282; /* 線の太さと可視化 */
display: flex;
flex-direction: row;
justify-content: space-between;
margin:0px 0px;
}
.bu{
text-align: center;
width:90px;
height:20px;
font-family: 'IBM Plex Sans JP', sans-serif;
color: #828282;
font-size: 15px;
border-radius: 2px;
border: 2px solid #828282;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.bu:hover {
background-color: #828282;
color: #fff;
}
.buno{
text-align: center;
width:90px;
height:20px;
font-family: 'IBM Plex Sans JP', sans-serif;
color: #828282;
font-size: 15px;
border-radius: 2px;
border: 2px solid #828282;
}
.bu2{
text-align: center;
width:90px;
height:20px;
background-color: #ccc;
font-family: 'IBM Plex Sans JP', sans-serif;
color: #828282;
font-size: 15px;
border-radius: 2px;
border: 2px solid #828282;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.bu2:hover {
background-color: #828282;
color: #fff;
}
.bunow{
text-align: center;
width:94px;
height:22px;
padding-top: 1px;
font-family: 'IBM Plex Sans JP', sans-serif;
color: #fff;
font-size: 15px;
border-radius: 2px;
border: 0px solid #828282;
background:linear-gradient(45deg, #ff6d1d, #ddeb46, #8ebee7, #464cff, #c21dff, #f885ef);/*グラデーションを定義*/
background-size: 800% 800%;/*サイズを大きくひきのばす*/
animation: bggradient 80s ease infinite;
}
@keyframes bggradient{
0% {
background-position: 0% 50%;
}
50% {
background-position: 100% 50%;
}
100% {
background-position: 0% 50%;
}
}
.buada{
text-align: center;
width:90px;
height:20px;
background-color: #f1d27d;
font-family: 'IBM Plex Sans JP', sans-serif;
color: #828282;
font-size: 15px;
border-radius: 2px;
border: 2px solid #828282;
}
.buada2{
text-align: center;
width:90px;
height:20px;
font-family: 'IBM Plex Sans JP', sans-serif;
color: #828282;
font-size: 15px;
border-radius: 2px;
border: 2px solid #828282;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.buada2:hover {
background-color: #f1d27d;
color: #828282;
}
.buara{
text-align: center;
width:90px;
height:20px;
background-color: #a0adf8;
font-family: 'IBM Plex Sans JP', sans-serif;
color: #828282;
font-size: 15px;
border-radius: 2px;
border: 2px solid #828282;
}
.buara2{
text-align: center;
width:90px;
height:20px;
font-family: 'IBM Plex Sans JP', sans-serif;
color: #828282;
font-size: 15px;
border-radius: 2px;
border: 2px solid #828282;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.buara2:hover {
background-color: #a0adf8;
color: #828282;
}
.bubun{
text-align: center;
width:90px;
height:20px;
background-color: #ffd1d1;
font-family: 'IBM Plex Sans JP', sans-serif;
color: #828282;
font-size: 15px;
border-radius: 2px;
border: 2px solid #828282;
}
.bubun2{
text-align: center;
width:90px;
height:20px;
font-family: 'IBM Plex Sans JP', sans-serif;
color: #828282;
font-size: 15px;
border-radius: 2px;
border: 2px solid #828282;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.bubun2:hover {
background-color: #ffd1d1;
color: #828282;
}
.buchiyo{
text-align: center;
width:90px;
height:20px;
background-color: #e9ff72;
font-family: 'IBM Plex Sans JP', sans-serif;
color: #828282;
font-size: 15px;
border-radius: 2px;
border: 2px solid #828282;
}
.buchiyo2{
text-align: center;
width:90px;
height:20px;
font-family: 'IBM Plex Sans JP', sans-serif;
color: #828282;
font-size: 15px;
border-radius: 2px;
border: 2px solid #828282;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.buchiyo2:hover {
background-color: #e9ff72;
color: #828282;
}
.buchu{
text-align: center;
width:90px;
height:20px;
background-color: #ffa199;
font-family: 'IBM Plex Sans JP', sans-serif;
color: #828282;
font-size: 15px;
border-radius: 2px;
border: 2px solid #828282;
}
.buchu2{
text-align: center;
width:90px;
height:20px;
font-family: 'IBM Plex Sans JP', sans-serif;
color: #828282;
font-size: 15px;
border-radius: 2px;
border: 2px solid #828282;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.buchu2:hover {
background-color: #ffa199;
color: #828282;
}
.budai{
text-align: center;
width:90px;
height:20px;
background-color: #bff3dc;
font-family: 'IBM Plex Sans JP', sans-serif;
color: #828282;
font-size: 15px;
border-radius: 2px;
border: 2px solid #828282;
}
.bukou{
text-align: center;
width:90px;
height:20px;
background-color: #e5c6ea;
font-family: 'IBM Plex Sans JP', sans-serif;
color: #828282;
font-size: 15px;
border-radius: 2px;
border: 2px solid #828282;
}
.bukou2{
text-align: center;
width:90px;
height:20px;
font-family: 'IBM Plex Sans JP', sans-serif;
color: #828282;
font-size: 15px;
border-radius: 2px;
border: 2px solid #828282;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.bukou2:hover {
background-color: #e5c6ea;
color: #828282;
}
.bumegu{
text-align: center;
width:90px;
height:20px;
background-color: #e9ed82;
font-family: 'IBM Plex Sans JP', sans-serif;
color: #828282;
font-size: 15px;
border-radius: 2px;
border: 2px solid #828282;
}
.bumegu2{
text-align: center;
width:90px;
height:20px;
font-family: 'IBM Plex Sans JP', sans-serif;
color: #828282;
font-size: 15px;
border-radius: 2px;
border: 2px solid #828282;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.bumegu2:hover {
background-color: #e9ed82;
color: #828282;
}
.bumina{
text-align: center;
width:90px;
height:20px;
background-color: #91d0ae;
font-family: 'IBM Plex Sans JP', sans-serif;
color: #828282;
font-size: 15px;
border-radius: 2px;
border: 2px solid #828282;
}
.bumina2{
text-align: center;
width:90px;
height:20px;
font-family: 'IBM Plex Sans JP', sans-serif;
color: #828282;
font-size: 15px;
border-radius: 2px;
border: 2px solid #828282;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.bumina2:hover {
background-color: #74b592;
color: #828282;
}
.bumuseum{
text-align: center;
width:90px;
height:20px;
background-color: #fc96ea;
font-family: 'IBM Plex Sans JP', sans-serif;
color: #828282;
font-size: 15px;
border-radius: 2px;
border: 2px solid #828282;
}
.bunaka{
text-align: center;
width:90px;
height:20px;
background-color: #c1f89f;
font-family: 'IBM Plex Sans JP', sans-serif;
color: #828282;
font-size: 15px;
border-radius: 2px;
border: 2px solid #828282;
}
.bunaka2{
text-align: center;
width:90px;
height:20px;
font-family: 'IBM Plex Sans JP', sans-serif;
color: #828282;
font-size: 15px;
border-radius: 2px;
border: 2px solid #828282;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.bunaka2:hover {
background-color: #c1f89f;
color: #828282;
}
.buseta{
text-align: center;
width:90px;
height:20px;
background-color: #c0d7f0;
font-family: 'IBM Plex Sans JP', sans-serif;
color: #828282;
font-size: 15px;
border-radius: 2px;
border: 2px solid #828282;
}
.buseta2{
text-align: center;
width:90px;
height:20px;
font-family: 'IBM Plex Sans JP', sans-serif;
color: #828282;
font-size: 15px;
border-radius: 2px;
border: 2px solid #828282;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.buseta2:hover {
background-color: #c0d7f0;
color: #828282;
}
.bushibu{
text-align: center;
width:90px;
height:20px;
background-color: #f9b9cf;
font-family: 'IBM Plex Sans JP', sans-serif;
color: #828282;
font-size: 15px;
border-radius: 2px;
border: 2px solid #828282;
}
.bushibu2{
text-align: center;
width:90px;
height:20px;
font-family: 'IBM Plex Sans JP', sans-serif;
color: #828282;
font-size: 15px;
border-radius: 2px;
border: 2px solid #828282;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.bushibu2:hover {
background-color: #f9b9cf;
color: #828282;
}
.bushin{
text-align: center;
width:90px;
height:20px;
background-color: #ffd9b3;
font-family: 'IBM Plex Sans JP', sans-serif;
color: #828282;
font-size: 15px;
border-radius: 2px;
border: 2px solid #828282;
}
.bushin2{
text-align: center;
width:90px;
height:20px;
font-family: 'IBM Plex Sans JP', sans-serif;
color: #828282;
font-size: 15px;
border-radius: 2px;
border: 2px solid #828282;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.bushin2:hover {
background-color: #ffd9b3;
color: #828282;
}
.bushina{
text-align: center;
width:90px;
height:20px;
background-color: #faff7a;
font-family: 'IBM Plex Sans JP', sans-serif;
color: #828282;
font-size: 15px;
border-radius: 2px;
border: 2px solid #828282;
}
.bushina2{
text-align: center;
width:90px;
height:20px;
font-family: 'IBM Plex Sans JP', sans-serif;
color: #828282;
font-size: 15px;
border-radius: 2px;
border: 2px solid #828282;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.bushina2:hover {
background-color: #faff7a;
color: #828282;
}
.busho{
text-align: center;
width:90px;
height:20px;
background-color: #aad7f4;
font-family: 'IBM Plex Sans JP', sans-serif;
color: #828282;
font-size: 15px;
border-radius: 2px;
border: 2px solid #828282;
}
.busugi{
text-align: center;
width:90px;
height:20px;
background-color: #cdbce6;
font-family: 'IBM Plex Sans JP', sans-serif;
color: #828282;
font-size: 15px;
border-radius: 2px;
border: 2px solid #828282;
}
.busugi2{
text-align: center;
width:90px;
height:20px;
font-family: 'IBM Plex Sans JP', sans-serif;
color: #828282;
font-size: 15px;
border-radius: 2px;
border: 2px solid #828282;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.busugi2:hover {
background-color: #cdbce6;
color: #828282;
}
.busumi{
text-align: center;
width:90px;
height:20px;
background-color: #8fe0ea;
font-family: 'IBM Plex Sans JP', sans-serif;
color: #828282;
font-size: 15px;
border-radius: 2px;
border: 2px solid #828282;
}
.busumi2{
text-align: center;
width:90px;
height:20px;
font-family: 'IBM Plex Sans JP', sans-serif;
color: #828282;
font-size: 15px;
border-radius: 2px;
border: 2px solid #828282;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.busumi2:hover {
background-color: #8fe0ea;
color: #828282;
}
.butai{
text-align: center;
width:90px;
height:20px;
background-color: #ffc66e;
font-family: 'IBM Plex Sans JP', sans-serif;
color: #828282;
font-size: 15px;
border-radius: 2px;
border: 2px solid #828282;
}
.butai2{
text-align: center;
width:90px;
height:20px;
font-family: 'IBM Plex Sans JP', sans-serif;
color: #828282;
font-size: 15px;
border-radius: 2px;
border: 2px solid #828282;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.butai2:hover {
background-color: #ffc66e;
color: #828282;
}
.butoshi{
text-align: center;
width:90px;
height:20px;
background-color: #abcf83;
font-family: 'IBM Plex Sans JP', sans-serif;
color: #828282;
font-size: 15px;
border-radius: 2px;
border: 2px solid #828282;
}
.butoshi2{
text-align: center;
width:90px;
height:20px;
font-family: 'IBM Plex Sans JP', sans-serif;
color: #828282;
font-size: 15px;
border-radius: 2px;
border: 2px solid #828282;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.butoshi2:hover {
background-color: #abcf83;
color: #828282;
}
.kutopparents {
width: 930px;
height: 35px;
border: 0px solid #828282; /* 線の太さと可視化 */
padding: 0px;
font-family: 'IBM Plex Sans JP', sans-serif;
position:relative;
text-align: center;
vertical-align: middle;
}
.kutopparent {
width: 930px;
height: 50px;
border: 0px solid #828282; /* 線の太さと可視化 */
padding: 0px;
font-family: 'IBM Plex Sans JP', sans-serif;
position:relative;
text-align: center;
vertical-align: middle;
}
.kutopparent1 {
width: 930px;
height: 35px;
border: 0px solid #828282; /* 線の太さと可視化 */
padding: 0px;
font-family: 'IBM Plex Sans JP', sans-serif;
position:relative;
text-align: center;
vertical-align: middle;
}
.kutopparent3 {
width: 930px;
height: 48px;
border: 0px solid #828282; /* 線の太さと可視化 */
padding: 0px;
font-family: 'IBM Plex Sans JP', sans-serif;
position:relative;
text-align: center;
vertical-align: middle;
}
.kutopparent4 {
width: 930px;
height:110px;
border: 0px solid #828282; /* 線の太さと可視化 */
padding: 0px;
font-family: 'IBM Plex Sans JP', sans-serif;
position:relative;
text-align: center;
vertical-align: middle;
}
.kutopparentm {
width: 930px;
height: 65px;
border: 0px solid #828282; /* 線の太さと可視化 */
padding: 0px;
font-family: 'IBM Plex Sans JP', sans-serif;
position:relative;
text-align: center;
vertical-align: middle;
}
.kutopparentl {
width: 930px;
height: 80px;
border: 0px solid #828282; /* 線の太さと可視化 */
padding: 0px;
font-family: 'IBM Plex Sans JP', sans-serif;
position:relative;
text-align: center;
vertical-align: middle;
}
.kubottom {
width: 930px;
height: 35px;
border: 0px solid #828282; /* 線の太さと可視化 */
padding: 0px;
font-family: 'IBM Plex Sans JP', sans-serif;
position:relative;
text-align: center;
vertical-align: middle;
}
.kinpen{
width: 180px;
height:5 0px;
text-align:left;
font-size: 20px;
border: solid 0px #828282;
color: #828282;
line-height: 0.4; /* 行の高さを割合（％）で指定する */
position: absolute;
left: 0px;
top: 63px;
z-index: 1;
}
.kinpenf{
width: 180px;
height:50px;
text-align:left;
font-size: 20px;
border: solid 0px #828282;
color: #828282;
line-height: 0.4; /* 行の高さを割合（％）で指定する */
position: absolute;
left: 0px;
top: 58px;
z-index: 1;
}
.kinpens{
width: 180px;
height:50px;
text-align:left;
font-size: 20px;
border: solid 0px #828282;
color: #828282;
line-height: 0.4; /* 行の高さを割合（％）で指定する */
position: absolute;
left: 0px;
top: 50px;
z-index: 1;
}
.kinpenss{
width: 180px;
height:50px;
text-align:left;
font-size: 20px;
border: solid 0px #828282;
color: #828282;
line-height: 0.4; /* 行の高さを割合（％）で指定する */
position: absolute;
left: 0px;
top: 30px;
z-index: 1;
}
.kinpen1{
width: 180px;
height:50px;
text-align:left;
font-size: 20px;
border: solid 0px #828282;
color: #828282;
line-height: 0.4; /* 行の高さを割合（％）で指定する */
position: absolute;
left: 0px;
top: 44px;
z-index: 1;
}
.kutopparent2 {
width: 930px;
height: 85px;
border: 0px solid #828282; /* 線の太さと可視化 */
padding: 0px;
font-family: 'IBM Plex Sans JP', sans-serif;
position:relative;
text-align: center;
vertical-align: middle;
}
.kinpen2{
width: 180px;
height:50px;
text-align:left;
font-size: 20px;
border: solid 0px #828282;
color: #828282;
line-height: 0.4; /* 行の高さを割合（％）で指定する */
position: absolute;
left: 0px;
top: 59px;
z-index: 1;
}
.kinpen3{
width: 180px;
height:50px;
text-align:left;
font-size: 20px;
border: solid 0px #828282;
color: #828282;
line-height: 0.4; /* 行の高さを割合（％）で指定する */
position: absolute;
left: 0px;
top: 29px;
z-index: 1;
}
.kinpen4{
width: 180px;
height:50px;
text-align:left;
font-size: 20px;
border: solid 0px #828282;
color: #828282;
line-height: 0.4; /* 行の高さを割合（％）で指定する */
position: absolute;
left: 0px;
top: 55px;
z-index: 1;
}
.kutopparent5 {
width: 930px;
height: 55px;
border: 0px solid #828282; /* 線の太さと可視化 */
padding: 0px;
font-family: 'IBM Plex Sans JP', sans-serif;
position:relative;
text-align: center;
vertical-align: middle;
}
.kinpen5{
width: 180px;
height:50px;
text-align:left;
font-size: 20px;
border: solid 0px #828282;
color: #828282;
line-height: 0.4; /* 行の高さを割合（％）で指定する */
position: absolute;
left: 0px;
top: 30px;
z-index: 1;
}
.kutopparent6 {
width: 930px;
height:80px;
border: 0px solid #828282; /* 線の太さと可視化 */
padding: 0px;
font-family: 'IBM Plex Sans JP', sans-serif;
position:relative;
text-align: center;
vertical-align: middle;
}
.kinpen6{
width: 180px;
height:50px;
text-align:left;
font-size: 20px;
border: solid 0px #828282;
color: #828282;
line-height: 0.4; /* 行の高さを割合（％）で指定する */
position: absolute;
left: 0px;
top: 26px;
z-index: 1;
}
.kinpensmaho{
width: 180px;
height:5 0px;
text-align:left;
font-size: 20px;
border: solid 0px #828282;
color: #828282;
line-height: 0.4; /* 行の高さを割合（％）で指定する */
position: absolute;
left: 23px;
top: 13px;
z-index: 1;
}
.skufont {
position: absolute;
font-family: 'IBM Plex Sans JP', sans-serif;
font-size: 12px;
text-align: center;
}
.ku{
width: 930px;
height: 50px;
text-align:left;
border: solid 2px #828282;
border-top: transparent; /* 上辺を透明に */
border-left: transparent; /* 左辺を透明に */
border-right: transparent; /* 右辺を透明に */
font-size: 30px;
color: #828282;
position: absolute;
left: 0px;
top: 0px;
z-index: 1;
}
.chiyokan{
width: 180px;
height:50px;
text-align:left;
font-size: 20px;
border: solid 0px #828282;
color: #828282;
line-height: 0.4; /* 行の高さを割合（％）で指定する */
position: absolute;
left: 0px;
top: 50px;
z-index: 1;
}
.chiyobaku{
width: 180px;
height:30px;
text-align:left;
font-size: 20px;
border: solid 0px #828282;
color: #828282;
position: absolute;
left: 0px;
top: 70px;
z-index: 1;
}
.chubaku{
width: 180px;
height:60px;
text-align:left;
font-size: 20px;
border: solid 0px #828282;
color: #828282;
line-height: 0.4;
position: absolute;
left: 0px;
top: 63px;
z-index: 1;
}
.shibushin{
width: 180px;
height:30px;
text-align:left;
font-size: 20px;
border: solid 0px #828282;
color: #828282;
line-height: 0.4;
position: absolute;
left: 0px;
top: 33px;
z-index: 1;
}
.tobakuchu{
border: 1px solid #828282;
color: #828282;
padding:12px 20px 10px 20px;
line-height: 0.6;
display: inline-block;
text-decoration: none;
outline: none;
transition: all .3s;
position: absolute;
left: 0px;
top: 5px;
z-index: 1;
}
.tobakuchu:hover {
box-shadow: 0 7px 10px rgba(0, 0, 0, 0.3);
border-color: transparent;
}
.tobakuchus{
border: 1px solid #828282;
color: #828282;
padding:12px 20px 10px 20px;
line-height: 0.6;
display: inline-block;
text-decoration: none;
outline: none;
transition: all .3s;
position: absolute;
left: 22px;
top: 5px;
z-index: 1;
}
.tobakuchus:hover {
box-shadow: 0 7px 10px rgba(0, 0, 0, 0.3);
border-color: transparent;
}
.tobakutai{
border: 1px solid #828282;
color: #828282;
padding:12px 20px 10px 20px;
line-height: 0.6;
display: inline-block;
text-decoration: none;
outline: none;
transition: all .3s;
position: absolute;
left: 230px;
top: 5px;
z-index: 1;
}
.tobakutai:hover {
box-shadow: 0 7px 10px rgba(0, 0, 0, 0.3);
border-color: transparent;
}
.tochiyogin{
border: 1px solid #828282;
color: #828282;
padding:12px 20px 10px 20px;
line-height: 0.6; /* 行の高さを割合（％）で指定する */
display: inline-block;
text-decoration: none;
outline: none;
/*アニメーションの指定*/
transition: all .3s;
position: absolute;
left: 200px;
top: 5px;
z-index: 1;
}
/*hoverをしたらボックスに影がつく*/
.tochiyogin:hover {
box-shadow: 0 7px 10px rgba(0, 0, 0, 0.3);
border-color: transparent;
}
.tominamegu{
border: 1px solid #828282;
color: #828282;
padding:12px 20px 10px 20px;
line-height: 0.6; /* 行の高さを割合（％）で指定する */
display: inline-block;
text-decoration: none;
outline: none;
/*アニメーションの指定*/
transition: all .3s;
position: absolute;
left: 295px;
top: 5px;
z-index: 1;
}
/*hoverをしたらボックスに影がつく*/
.tominamegu:hover {
box-shadow: 0 7px 10px rgba(0, 0, 0, 0.3);
border-color: transparent;
}
.lines {
border-bottom:1px solid #666;
padding: 0 0 0 0;
background: #fff;
text-align: center;
vertical-align: bottom;
font-family: sans-serif;
font-size: 20%;
color: #828282;
line-height: 1.6; /* 行の高さを割合（％）で指定する */
}
.lineb {
border-bottom:3px solid #666;
padding: 0 0 0 0;
background: #fff;
text-align: center;
vertical-align: bottom;
font-family: sans-serif;
font-size: 20%;
color: #828282;
}
.linebs {
border-bottom:3px solid #666;
padding: 0 0 0 0;
background: #fff;
text-align: center;
vertical-align: bottom;
font-family: sans-serif;
font-size: 20%;
color: #fff;
}
.linel {
border-bottom:3px solid #afafaf;
padding: 0 0 0 0;
background: #fff;
text-align: center;
vertical-align: bottom;
font-family: sans-serif;
font-size: 20%;
color: #828282;
}
.linels {
border-bottom:3px solid #afafaf;
padding: 0 0 0 0;
background: #fff;
text-align: center;
vertical-align: bottom;
font-family: sans-serif;
font-size: 20%;
color: #fff;
}
.line{
border-bottom:1px solid #666;
padding: 0 0 0 0;
background: #fff;
text-align: center;
vertical-align: bottom;
font-family: sans-serif;
font-size: 20%;
color: #fff;
}
.linethin{
border-bottom:1px solid #666;
padding: 0 0 0 0;
background: #fff;
text-align: center;
vertical-align: bottom;
font-family: sans-serif;
font-size: 20%;
color: #fff;
}
.dayb{
border-bottom:1px solid #666;
padding: 0 0 0 0;
background: #666;
text-align: center;
vertical-align: bottom;
font-family: sans-serif;
font-size: 100%;
color: #666;
}
.dayl{
border-bottom:1px solid #afafaf;
padding: 0 0 0 0;
background: #afafaf;
text-align: center;
vertical-align: bottom;
font-family: sans-serif;
font-size: 100%;
color: #afafaf;
}
.linet {
border-bottom:2px solid #666;
padding: 0 0 2px 0;
margin: 0 0 4px 0;
background: #fff;
text-align: center;
vertical-align: bottom;
font-family: sans-serif;
font-size: 20%;
color: #828282;
line-height: 4em
}
#center {
width: 930px;
height: 300px
text-align: center;
background: #fff;
margin: auto;
padding: 0;
}
.toptd {
width: 930px;
height: 100px;
background: -webkit-linear-gradient(top, #fff 0%, #f0f0f0 100%);
background: linear-gradient(to bottom, #fff 0%, #f0f0f0 100%);
border: 1px solid #ccc;
box-shadow: 0 -1px 0 rgba(255, 255, 255, 1) inset;
margin: 0 0;
padding: 0;
border-spacing: 0px;
display: flex;
align-items: center;
justify-content: center;
}
#title {
font-size: 160%; /* フォントのサイズを指定する */
font-family: 'M PLUS Rounded 1c', sans-serif;
color: #777777;
line-height: 100%; /* 行の高さを割合（％）で指定する */
}
.tc{
width: 684px;
height: 30px;
border: 1px dotted #777777;
font-size: 100%; /* フォントのサイズを指定する */
font-family: 'Sawarabi Mincho', serif;
color: #777777;
text-align:center;
vertical-align: middle;
line-height: 2; /* 行の高さを割合（％）で指定する */
}
#smp5 {
align-items: center;
}
.under {
background: linear-gradient(transparent 40%, #8ebee7 80%);
font-size: 120%;
}
.under2 {
background: linear-gradient(transparent 40%, #f885ef 80%);
font-size: 120%;
}
.tag{
background-color: #4e4e4e;
margin: 0 0;
padding: 0;
border-spacing: 0px;
}
.tab{
background-color: #202020;
margin: 0 0;
padding: 0;
border-spacing: 0px;
}
.setsumei
{
font-family: 'Noto Serif JP', serif;
font-size: 100%;
color: #666666;
}
.setsu
{
font-family: 'Sawarabi Mincho', serif;
font-size: 1vw;
color: #777777;
}
.bold
{
font-family: 'Noto Sans JP', sans-serif;
font-size: 1vw;
color: #777777;
}
.setsu1 p
{
text-align: center;
}
.height {
height: 50px; /* auto */
background-color: #ffffff;
}
.heights {
height: 25px; /* auto */
background-color: #ffffff;
}
.heightss {
height: 10px; /* auto */
background-color: #ffffff;
}
.heightsm {
height: 5px; /* auto */
background-color: #ffffff;
}
.heightl {
height: 500px; /* auto */
background-color: #ffffff;
}
.attention
{
width: 633px;
border: 1px dotted; /* 線の太さと可視化 */
border-top: transparent; /* 下辺を透明に */
border-bottom: transparent; /* 下辺を透明に */
border-color: #777777;
text-align: left;
font-family: 'Sawarabi Mincho', serif;
font-size: 1vw;
padding-right : 30px;
padding-left : 30px;
color: #777777;
margin: 0.5em auto;
}
.jump
{
font-family: sans-serif;
font-size: 100%;
color: #828282;
}
.kutab
a {
display: block;
text-align: center;
font-family: 'IBM Plex Sans JP', sans-serif;
font-size: 80%;
color: #828282;
border: 1px solid #828282; /* 線の太さと可視化 */
border-top-left-radius: 8px; /* 左上を角丸に */
border-top-right-radius: 8px; /* 右上を角丸に */
padding: 0px;
}
.kumei {
font-family: 'IBM Plex Sans JP', sans-serif;
font-size: 80%;
color: #ffffff;
}
.btab {
font-family: 'IBM Plex Sans JP', sans-serif;
font-size: 80%;
color: #ffffff;
}
.bigkutab
a {
height: 40px;
display: block;
text-align: center;
background-color: #a3a3a3;
border: 1px solid #828282; /* 線の太さと可視化 */
border-top-left-radius: 8px; /* 左上を角丸に */
border-top-right-radius: 8px; /* 右上を角丸に */
padding: 0px;
font-family: 'IBM Plex Sans JP', sans-serif;
font-size: 100%;
color: #ffffff;
}
.jumptable {
width: 80px;
height: 20px;
border-collapse: separate;
border: 0px;
border-spacing: 1px;
background-color: #828282;
}
.areatable {
width: 600px;
height: 100px;
border-collapse: separate;
border: 0px;
border-spacing: 2px;
background-color: #828282;
}
.areatitlesize {
width: 100px;
padding: 0px;
border: 0px;
border-spacing: 0px;
}
.areatoptd {
width: 930px;
height: 50px;
background: -webkit-linear-gradient(top, #fff 0%, #f0f0f0 100%);
background: linear-gradient(to bottom, #fff 0%, #f0f0f0 100%);
border: 1px solid #ccc;
box-shadow: 0 -1px 0 rgba(255, 255, 255, 1) inset;
margin: 0 0;
padding: 0;
border-spacing: 0px;
font-size: 140%; /* フォントのサイズを指定する */
line-height: 0.8; /* 行の高さを割合（％）で指定する */
text-align: center;
font-family: sans-serif;
color: #828282;
display: flex;
align-items: center;
justify-content: center;
}
.kairotitle {font-family: "M PLUS Rounded 1c";
font-size: 200%;
color: #828282;
}
.bar{
height: 2px;
background-color: #828282;
}
.wholetable{
width: 930px;
/*コレ*/padding: 0px;
}
.tabledaytime{
width: 930px;
height: 15px;
}
.daytd {
width: 30px;
vertical-align: bottom;
text-align: center;
font-family: sans-serif;
font-size: 40%;
color: #828282;
line-height: 1.25;
}
.timetd {
width: 13px;
vertical-align: bottom;
text-align: center;
font-family: sans-serif;
font-size: 40%;
color: #828282;
}
.maptd {
width: 30px;
background: #fff;
text-align: center;
vertical-align: bottom;
font-family: sans-serif;
font-size: 80%;
color: #828282;
line-height: 1.2;
}
.mnspace {
width: 5px;
background: #fff;
}
.mnspace2 {
width: 5px;
background: #fff;
border-bottom:1px solid #666;
}
.nametd {
width: 147px;
}
.dt {
border: #ffffff;
width: 185px;
height: 5px;
font-family: 'M PLUS Rounded 1c', sans-serif;
font-size: 130%;
color: #5FB9CE;
vertical-align: middle;
line-height: 1.2; /* 行の高さを割合（％）で指定する */
}
.nameg {
width: 147px;
height: 30px;
text-align: left;
vertical-align: bottom;
border-bottom:1px solid #666;
padding: 0 0 0 0;
background: #fff;
}
.nameada a{
display: inline-block;
width: 147px;
height: 30px;
text-align: left;
vertical-align: bottom;
border:0px solid #666;
padding: 0 0 0 0;
background: #fff;
position:relative;
font-family: 'IBM Plex Sans JP', sans-serif;
font-size: 13px;
color: #666666;
background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 50%, rgba(241, 210, 125, 1) 50%);
background-position: 0 0;
background-size: 200% auto;
transition: .6s;
}
.nameada a:hover{
background-position: -100% 0;
color: #666;
}
.nameada p{
position:absolute;
top: -6px;
left: 2px;
}
.nameada10 a{
display: inline-block;
width: 147px;
height: 30px;
text-align: left;
vertical-align: bottom;
border:0px solid #666;
padding: 0 0 0 0;
background: #fff;
position:relative;
font-family: 'IBM Plex Sans JP', sans-serif;
font-size: 10px;
color: #666666;
background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 50%, rgba(241, 210, 125, 1) 50%);
background-position: 0 0;
background-size: 200% auto;
transition: .6s;
}
.nameada10 a:hover{
background-position: -100% 0;
color: #666;
}
.nameada10 p{
position:absolute;
top: 0px;
left: 2px;
}
.nameara a{
display: inline-block;
width: 147px;
height: 30px;
text-align: left;
vertical-align: bottom;
border:0px solid #666;
padding: 0 0 0 0;
background: #fff;
position:relative;
font-family: 'IBM Plex Sans JP', sans-serif;
font-size: 80%;
color: #666666;
background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 50%, rgba(160, 173, 248, 1) 50%);
background-position: 0 0;
background-size: 200% auto;
transition: .6s;
}
.nameara a:hover{
background-position: -100% 0;
color: #666;
}
.nameara p{
position:absolute;
top: -6px;
left: 2px;
}
.nameara10 a{
display: inline-block;
width: 147px;
height: 30px;
text-align: left;
vertical-align: bottom;
border:0px solid #666;
padding: 0 0 0 0;
background: #fff;
position:relative;
font-family: 'IBM Plex Sans JP', sans-serif;
font-size: 10px;
color: #666666;
background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 50%, rgba(160, 173, 248, 1) 50%);
background-position: 0 0;
background-size: 200% auto;
transition: .6s;
}
.nameara10 a:hover{
background-position: -100% 0;
color: #666;
}
.nameara10 p{
position:absolute;
top: 0px;
left: 2px;
}
.nameara10w a{
display: inline-block;
width: 147px;
height: 30px;
text-align: left;
vertical-align: top;
border:0px solid #666;
padding: 0 0 0 0;
background: #fff;
line-height: 13px; /* 行の高さを割合（％）で指定する */
font-family: 'IBM Plex Sans JP', sans-serif;
position: relative;
font-size: 10px;
color: #666666;
background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 50%, rgba(160, 173, 248, 1) 50%);
background-position: 0 0;
background-size: 200% auto;
transition: .6s;
}
.nameara10w a:hover{
background-position: -100% 0;
color: #666;
}
.nameara10w p{
position:absolute;
top: -7px;
left: 2px;
}
.namebun a{
display: inline-block;
width: 147px;
height: 30px;
text-align: left;
vertical-align: bottom;
border:0px solid #666;
padding: 0 0 0 0;
background: #fff;
position:relative;
font-family: 'IBM Plex Sans JP', sans-serif;
font-size: 13px;
color: #666666;
background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 50%, rgba(255, 209, 209, 1) 50%);
background-position: 0 0;
background-size: 200% auto;
transition: .6s;
}
.namebun a:hover{
background-position: -100% 0;
color: #666;
}
.namebun p{
position:absolute;
top: -6px;
left: 2px;
}
.namebun10 a{
display: inline-block;
width: 147px;
height: 30px;
text-align: left;
vertical-align: bottom;
border:0px solid #666;
padding: 0 0 0 0;
background: #fff;
position:relative;
font-family: 'IBM Plex Sans JP', sans-serif;
font-size: 10px;
color: #666666;
background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 50%, rgba(255, 209, 209, 1) 50%);
background-position: 0 0;
background-size: 200% auto;
transition: .6s;
}
.namebun10 a:hover{
background-position: -100% 0;
color: #666;
}
.namebun10 p{
position:absolute;
top: 0px;
left: 2px;
}
.namebun10w a{
display: inline-block;
width: 147px;
height: 30px;
text-align: left;
vertical-align: bottom;
border:0px solid #666;
padding: 0 0 0 0;
background: #fff;
line-height: 13px;
position:relative;
font-family: 'IBM Plex Sans JP', sans-serif;
font-size: 10px;
color: #666666;
background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 50%, rgba(255, 209, 209, 1) 50%);
background-position: 0 0;
background-size: 200% auto;
transition: .6s;
}
.namebun10w a:hover{
background-position: -100% 0;
color: #666;
}
.namebun10w p{
position:absolute;
top: -7px;
left: 2px;
}
.namebun11 a{
display: inline-block;
width: 147px;
height: 30px;
text-align: left;
vertical-align: bottom;
border:0px solid #666;
padding: 0 0 0 0;
background: #fff;
position:relative;
font-family: 'IBM Plex Sans JP', sans-serif;
font-size: 11px;
color: #666666;
background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 50%, rgba(255, 209, 209, 1) 50%);
background-position: 0 0;
background-size: 200% auto;
transition: .6s;
}
.namebun11 a:hover{
background-position: -100% 0;
color: #666;
}
.namebun11 p{
position:absolute;
top: -3px;
left: 2px;
}
.namebun12 a{
display: inline-block;
width: 147px;
height: 30px;
text-align: left;
vertical-align: bottom;
border:0px solid #666;
padding: 0 0 0 0;
background: #fff;
position:relative;
font-family: 'IBM Plex Sans JP', sans-serif;
font-size: 12px;
color: #666666;
background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 50%, rgba(255, 209, 209, 1) 50%);
background-position: 0 0;
background-size: 200% auto;
transition: .6s;
}
.namebun12 a:hover{
background-position: -100% 0;
color: #666;
}
.namebun12 p{
position:absolute;
top: -5px;
left: 2px;
}
.namechiyo a{
display: inline-block;
width: 147px;
height: 30px;
text-align: left;
vertical-align: bottom;
border:0px solid #666;
padding: 0 0 0 0;
background: #fff;
position:relative;
font-family: 'IBM Plex Sans JP', sans-serif;
font-size: 13px;
color: #666666;
background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 50%, rgba(233, 255, 114, 1) 50%);
background-position: 0 0;
background-size: 200% auto;
transition: .6s;
}
.namechiyo a:hover{
background-position: -100% 0;
color: #666;
}
.namechiyo p{
position:absolute;
top: -6px;
left: 2px;
}
.namechiyo10 a{
display: inline-block;
width: 147px;
height: 30px;
text-align: left;
vertical-align: bottom;
border:0px solid #666;
padding: 0 0 0 0;
background: #fff;
position:relative;
font-family: 'IBM Plex Sans JP', sans-serif;
font-size: 10px;
color: #666666;
background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 50%, rgba(233, 255, 114, 1) 50%);
background-position: 0 0;
background-size: 200% auto;
transition: .6s;
}
.namechiyo10 a:hover{
background-position: -100% 0;
color: #666;
}
.namechiyo10 p{
position:absolute;
top: 0px;
left: 2px;
}
.namechiyo10w a{
display: inline-block;
width: 147px;
height: 30px;
text-align: left;
vertical-align: bottom;
border:0px solid #666;
padding: 0 0 0 0;
background: #fff;
line-height: 13px;
position:relative;
font-family: 'IBM Plex Sans JP', sans-serif;
font-size: 10px;
color: #666666;
background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 50%, rgba(233, 255, 114, 1) 50%);
background-position: 0 0;
background-size: 200% auto;
transition: .6s;
}
.namechiyo10w a:hover{
background-position: -100% 0;
color: #666;
}
.namechiyo10w p{
position:absolute;
top: -7px;
left: 2px;
}
.namechiyo11 a{
display: inline-block;
width: 147px;
height: 30px;
text-align: left;
vertical-align: bottom;
border:0px solid #666;
padding: 0 0 0 0;
background: #fff;
position:relative;
font-family: 'IBM Plex Sans JP', sans-serif;
font-size: 11px;
color: #666666;
background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 50%, rgba(233, 255, 114, 1) 50%);
background-position: 0 0;
background-size: 200% auto;
transition: .6s;
}
.namechiyo11 a:hover{
background-position: -100% 0;
color: #666;
}
.namechiyo11 p{
position:absolute;
top: -3px;
left: 2px;
}
.namechiyo12 a{
display: inline-block;
width: 147px;
height: 30px;
text-align: left;
vertical-align: bottom;
border:0px solid #666;
padding: 0 0 0 0;
background: #fff;
position:relative;
font-family: 'IBM Plex Sans JP', sans-serif;
font-size: 12px;
color: #666666;
background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 50%, rgba(233, 255, 114, 1) 50%);
background-position: 0 0;
background-size: 200% auto;
transition: .6s;
}
.namechiyo12 a:hover{
background-position: -100% 0;
color: #666;
}
.namechiyo12 p{
position:absolute;
top: -5px;
left: 2px;
}
.namechu a{
display: inline-block;
width: 147px;
height: 30px;
text-align: left;
vertical-align: bottom;
border:0px solid #666;
padding: 0 0 0 0;
background: #fff;
position:relative;
font-family: 'IBM Plex Sans JP', sans-serif;
font-size: 13px;
color: #666666;
background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 50%, rgba(255, 161, 153, 1) 50%);
background-position: 0 0;
background-size: 200% auto;
transition: .6s;
}
.namechu a:hover{
background-position: -100% 0;
color: #666;
}
.namechu p{
position:absolute;
top: -6px;
left: 2px;
}
.namechu10 a{
display: inline-block;
width: 147px;
height: 30px;
text-align: left;
vertical-align: bottom;
border:0px solid #666;
padding: 0 0 0 0;
background: #fff;
position:relative;
font-family: 'IBM Plex Sans JP', sans-serif;
font-size: 10px;
color: #666666;
background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 50%, rgba(255, 161, 153, 1) 50%);
background-position: 0 0;
background-size: 200% auto;
transition: .6s;
}
.namechu10 a:hover{
background-position: -100% 0;
color: #666;
}
.namechu10 p{
position:absolute;
top: 0px;
left: 2px;
}
.namechu10w a{
display: inline-block;
width: 147px;
height: 30px;
text-align: left;
vertical-align: bottom;
border:0px solid #666;
padding: 0 0 0 0;
background: #fff;
line-height: 13px;
position:relative;
font-family: 'IBM Plex Sans JP', sans-serif;
font-size: 10px;
color: #666666;
background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 50%, rgba(255, 161, 153, 1) 50%);
background-position: 0 0;
background-size: 200% auto;
transition: .6s;
}
.namechu10w a:hover{
background-position: -100% 0;
color: #666;
}
.namechu10w p{
position:absolute;
top: -7px;
left: 2px;
}
.namechu11 a{
display: inline-block;
width: 147px;
height: 30px;
text-align: left;
vertical-align: bottom;
border:0px solid #666;
padding: 0 0 0 0;
background: #fff;
position:relative;
font-family: 'IBM Plex Sans JP', sans-serif;
font-size: 11px;
color: #666666;
background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 50%, rgba(255, 161, 153, 1) 50%);
background-position: 0 0;
background-size: 200% auto;
transition: .6s;
}
.namechu11 a:hover{
background-position: -100% 0;
color: #666;
}
.namechu11 p{
position:absolute;
top: -3px;
left: 2px;
}
.namechu12 a{
display: inline-block;
width: 147px;
height: 30px;
text-align: left;
vertical-align: bottom;
border:0px solid #666;
padding: 0 0 0 0;
background: #fff;
position:relative;
font-family: 'IBM Plex Sans JP', sans-serif;
font-size: 12px;
color: #666666;
background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 50%, rgba(255, 161, 153, 1) 50%);
background-position: 0 0;
background-size: 200% auto;
transition: .6s;
}
.namechu12 a:hover{
background-position: -100% 0;
color: #666;
}
.namechu12 p{
position:absolute;
top: -5px;
left: 2px;
}
.namedai a{
display: inline-block;
width: 147px;
height: 30px;
text-align: left;
vertical-align: bottom;
border:0px solid #666;
padding: 0 0 0 0;
background: #fff;
position:relative;
font-family: 'IBM Plex Sans JP', sans-serif;
font-size: 13px;
color: #666666;
background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 50%, rgba(191, 243, 220, 1) 50%);
background-position: 0 0;
background-size: 200% auto;
transition: .6s;
}
.namedai a:hover{
background-position: -100% 0;
color: #666;
}
.namedai p{
position:absolute;
top: -6px;
left: 2px;
}
.namedai10 a{
display: inline-block;
width: 147px;
height: 30px;
text-align: left;
vertical-align: bottom;
border:0px solid #666;
padding: 0 0 0 0;
background: #fff;
position:relative;
font-family: 'IBM Plex Sans JP', sans-serif;
font-size: 10px;
color: #666666;
background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 50%, rgba(191, 243, 220, 1) 50%);
background-position: 0 0;
background-size: 200% auto;
transition: .6s;
}
.namedai10 a:hover{
background-position: -100% 0;
color: #666;
}
.namedai10 p{
position:absolute;
top: 0px;
left: 2px;
}
.namedai10w a{
display: inline-block;
width: 147px;
height: 30px;
text-align: left;
vertical-align: bottom;
border:0px solid #666;
padding: 0 0 0 0;
background: #fff;
line-height: 13px;
position:relative;
font-family: 'IBM Plex Sans JP', sans-serif;
font-size: 10px;
color: #666666;
background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 50%, rgba(191, 243, 220, 1) 50%);
background-position: 0 0;
background-size: 200% auto;
transition: .6s;
}
.namedai10w a:hover{
background-position: -100% 0;
color: #666;
}
.namedai10w p{
position:absolute;
top: -7px;
left: 2px;
}
.namekou a{
display: inline-block;
width: 147px;
height: 30px;
text-align: left;
vertical-align: bottom;
border:0px solid #666;
padding: 0 0 0 0;
background: #fff;
position:relative;
font-family: 'IBM Plex Sans JP', sans-serif;
font-size: 13px;
color: #666666;
background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 50%, rgba(229, 198, 234, 1) 50%);
background-position: 0 0;
background-size: 200% auto;
transition: .6s;
}
.namekou a:hover{
background-position: -100% 0;
color: #666;
}
.namekou p{
position:absolute;
top: -6px;
left: 2px;
}
.namekou10 a{
display: inline-block;
width: 147px;
height: 30px;
text-align: left;
vertical-align: bottom;
border:0px solid #666;
padding: 0 0 0 0;
background: #fff;
position:relative;
font-family: 'IBM Plex Sans JP', sans-serif;
font-size: 10px;
color: #666666;
background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 50%, rgba(229, 198, 234, 1) 50%);
background-position: 0 0;
background-size: 200% auto;
transition: .6s;
}
.namekou10 a:hover{
background-position: -100% 0;
color: #666;
}
.namekou10 p{
position:absolute;
top: 0px;
left: 2px;
}
.namekou10w a{
display: inline-block;
width: 147px;
height: 30px;
text-align: left;
vertical-align: bottom;
border:0px solid #666;
padding: 0 0 0 0;
background: #fff;
line-height: 13px;
position:relative;
font-family: 'IBM Plex Sans JP', sans-serif;
font-size: 10px;
color: #666666;
background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 50%, rgba(229, 198, 234, 1) 50%);
background-position: 0 0;
background-size: 200% auto;
transition: .6s;
}
.namekou10w a:hover{
background-position: -100% 0;
color: #666;
}
.namekou10w p{
position:absolute;
top: -7px;
left: 2px;
}
.namemegu a{
display: inline-block;
width: 147px;
height: 30px;
text-align: left;
vertical-align: bottom;
border:0px solid #666;
padding: 0 0 0 0;
background: #fff;
position:relative;
font-family: 'IBM Plex Sans JP', sans-serif;
font-size: 13px;
color: #666666;
background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 50%, rgba(233, 237, 130, 1) 50%);
background-position: 0 0;
background-size: 200% auto;
transition: .6s;
}
.namemegu a:hover{
background-position: -100% 0;
color: #666;
}
.namemegu p{
position:absolute;
top: -6px;
left: 2px;
}
.namemegu10 a{
display: inline-block;
width: 147px;
height: 30px;
text-align: left;
vertical-align: bottom;
border:0px solid #666;
padding: 0 0 0 0;
background: #fff;
position:relative;
font-family: 'IBM Plex Sans JP', sans-serif;
font-size: 10px;
color: #666666;
background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 50%, rgba(233, 237, 130, 1) 50%);
background-position: 0 0;
background-size: 200% auto;
transition: .6s;
}
.namemegu10 a:hover{
background-position: -100% 0;
color: #666;
}
.namemegu10 p{
position:absolute;
top: 0px;
left: 2px;
}
.namemina a{
display: inline-block;
width: 147px;
height: 30px;
text-align: left;
vertical-align: bottom;
border:0px solid #666;
padding: 0 0 0 0;
background: #fff;
position:relative;
font-family: 'IBM Plex Sans JP', sans-serif;
font-size: 13px;
color: #666666;
background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 50%, rgba(145, 208, 174, 1) 50%);
background-position: 0 0;
background-size: 200% auto;
transition: .6s;
}
.namemina a:hover{
background-position: -100% 0;
color: #666;
}
.namemina p{
position:absolute;
top: -6px;
left: 2px;
}
.namemina10 a{
display: inline-block;
width: 147px;
height: 30px;
text-align: left;
vertical-align: bottom;
border:0px solid #666;
padding: 0 0 0 0;
background: #fff;
position:relative;
font-family: 'IBM Plex Sans JP', sans-serif;
font-size: 10px;
color: #666666;
background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 50%, rgba(145, 208, 174, 1) 50%);
background-position: 0 0;
background-size: 200% auto;
transition: .6s;
}
.namemina10 a:hover{
background-position: -100% 0;
color: #666;
}
.namemina10 p{
position:absolute;
top: 0px;
left: 2px;
}
.namemina10w a{
display: inline-block;
width: 147px;
height: 30px;
text-align: left;
vertical-align: bottom;
border:0px solid #666;
padding: 0 0 0 0;
background: #fff;
line-height: 13px;
position:relative;
font-family: 'IBM Plex Sans JP', sans-serif;
font-size: 10px;
color: #666666;
background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 50%, rgba(145, 208, 174, 1) 50%);
background-position: 0 0;
background-size: 200% auto;
transition: .6s;
}
.namemina10w a:hover{
background-position: -100% 0;
color: #666;
}
.namemina10w p{
position:absolute;
top: -7px;
left: 2px;
}
.namemina11 a{
display: inline-block;
width: 147px;
height: 30px;
text-align: left;
vertical-align: bottom;
border:0px solid #666;
padding: 0 0 0 0;
background: #fff;
position:relative;
font-family: 'IBM Plex Sans JP', sans-serif;
font-size: 11px;
color: #666666;
background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 50%, rgba(145, 208, 174, 1) 50%);
background-position: 0 0;
background-size: 200% auto;
transition: .6s;
}
.namemina11 a:hover{
background-position: -100% 0;
color: #666;
}
.namemina11 p{
position:absolute;
top: -3px;
left: 2px;
}
.namemina12 a{
display: inline-block;
width: 147px;
height: 30px;
text-align: left;
vertical-align: bottom;
border:0px solid #666;
padding: 0 0 0 0;
background: #fff;
position:relative;
font-family: 'IBM Plex Sans JP', sans-serif;
font-size: 12px;
color: #666666;
background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 50%, rgba(145, 208, 174, 1) 50%);
background-position: 0 0;
background-size: 200% auto;
transition: .6s;
}
.namemina12 a:hover{
background-position: -100% 0;
color: #666;
}
.namemina12 p{
position:absolute;
top: -5px;
left: 2px;
}
.namemuse a{
display: inline-block;
width: 147px;
height: 30px;
text-align: left;
vertical-align: bottom;
border:0px solid #666;
padding: 0 0 0 0;
background: #fff;
position:relative;
font-family: 'IBM Plex Sans JP', sans-serif;
font-size: 13px;
color: #666666;
background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 50%, rgba(252, 150, 234, 1) 50%);
background-position: 0 0;
background-size: 200% auto;
transition: .6s;
}
.namemuse a:hover{
background-position: -100% 0;
color: #666;
}
.namemuse p{
position:absolute;
top: -6px;
left: 2px;
}
.namemuse10 a{
display: inline-block;
width: 147px;
height: 30px;
text-align: left;
vertical-align: bottom;
border:0px solid #666;
padding: 0 0 0 0;
background: #fff;
position:relative;
font-family: 'IBM Plex Sans JP', sans-serif;
font-size: 10px;
color: #666666;
background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 50%, rgba(252, 150, 234, 1) 50%);
background-position: 0 0;
background-size: 200% auto;
transition: .6s;
}
.namemuse10 a:hover{
background-position: -100% 0;
color: #666;
}
.namemuse10 p{
position:absolute;
top: 0px;;
left: 2px;
}
.namemuse10w a{
display: inline-block;
width: 147px;
height: 30px;
text-align: left;
vertical-align: bottom;
border:0px solid #666;
padding: 0 0 0 0;
background: #fff;
line-height: 13px;
position:relative;
font-family: 'IBM Plex Sans JP', sans-serif;
font-size: 10px;
color: #666666;
background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 50%, rgba(252, 150, 234, 1) 50%);
background-position: 0 0;
background-size: 200% auto;
transition: .6s;
}
.namemuse10w a:hover{
background-position: -100% 0;
color: #666;
}
.namemuse10w p{
position:absolute;
top: -7px;
left: 2px;
}
.namemuse11 a{
display: inline-block;
width: 147px;
height: 30px;
text-align: left;
vertical-align: bottom;
border:0px solid #666;
padding: 0 0 0 0;
background: #fff;
position:relative;
font-family: 'IBM Plex Sans JP', sans-serif;
font-size: 11px;
color: #666666;
background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 50%, rgba(252, 150, 234, 1) 50%);
background-position: 0 0;
background-size: 200% auto;
transition: .6s;
}
.namemuse11 a:hover{
background-position: -100% 0;
color: #666;
}
.namemuse11 p{
position:absolute;
top: -3px;
left: 2px;
}
.namemuse12 a{
display: inline-block;
width: 147px;
height: 30px;
text-align: left;
vertical-align: bottom;
border:0px solid #666;
padding: 0 0 0 0;
background: #fff;
position:relative;
font-family: 'IBM Plex Sans JP', sans-serif;
font-size: 12px;
color: #666666;
background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 50%, rgba(252, 150, 234, 1) 50%);
background-position: 0 0;
background-size: 200% auto;
transition: .6s;
}
.namemuse12 a:hover{
background-position: -100% 0;
color: #666;
}
.namemuse12 p{
position:absolute;
top: -5px;
left: 2px;
}
.namenaka a{
display: inline-block;
width: 147px;
height: 30px;
text-align: left;
vertical-align: bottom;
border:0px solid #666;
padding: 0 0 0 0;
background: #fff;
position:relative;
font-family: 'IBM Plex Sans JP', sans-serif;
font-size: 13px;
color: #666666;
background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 50%, rgba(193,248, 159, 1) 50%);
background-position: 0 0;
background-size: 200% auto;
transition: .6s;
}
.namenaka a:hover{
background-position: -100% 0;
color: #666;
}
.namenaka p{
position:absolute;
top: -6px;
left: 2px;
}
.namenaka10 a{
display: inline-block;
width: 147px;
height: 30px;
text-align: left;
vertical-align: bottom;
border:0px solid #666;
padding: 0 0 0 0;
background: #fff;
position:relative;
font-family: 'IBM Plex Sans JP', sans-serif;
font-size: 10px;
color: #666666;
background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 50%, rgba(193,248, 159, 1) 50%);
background-position: 0 0;
background-size: 200% auto;
transition: .6s;
}
.namenaka10 a:hover{
background-position: -100% 0;
color: #666;
}
.namenaka10 p{
position:absolute;
top: 0px;;
left: 2px;
}
.nameseta a{
display: inline-block;
width: 147px;
height: 30px;
text-align: left;
vertical-align: bottom;
border:0px solid #666;
padding: 0 0 0 0;
background: #fff;
position:relative;
font-family: 'IBM Plex Sans JP', sans-serif;
font-size: 13px;
color: #666666;
background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 50%, rgba(192, 215, 240, 1) 50%);
background-position: 0 0;
background-size: 200% auto;
transition: .6s;
}
.nameseta a:hover{
background-position: -100% 0;
color: #666;
}
.nameseta p{
position:absolute;
top: -6px;
left: 2px;
}
.nameseta10 a{
display: inline-block;
width: 147px;
height: 30px;
text-align: left;
vertical-align: bottom;
border:0px solid #666;
padding: 0 0 0 0;
background: #fff;
position:relative;
font-family: 'IBM Plex Sans JP', sans-serif;
font-size: 10px;
color: #666666;
background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 50%, rgba(192, 215, 240, 1) 50%);
background-position: 0 0;
background-size: 200% auto;
transition: .6s;
}
.nameseta10 a:hover{
background-position: -100% 0;
color: #666;
}
.nameseta10 p{
position:absolute;
top: 0px;;
left: 2px;
}
.nameseta11 a{
display: inline-block;
width: 147px;
height: 30px;
text-align: left;
vertical-align: bottom;
border:0px solid #666;
padding: 0 0 0 0;
background: #fff;
position:relative;
font-family: 'IBM Plex Sans JP', sans-serif;
font-size: 11px;
color: #666666;
background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 50%, rgba(192, 215, 240, 1) 50%);
background-position: 0 0;
background-size: 200% auto;
transition: .6s;
}
.nameseta11 a:hover{
background-position: -100% 0;
color: #666;
}
.nameseta11 p{
position:absolute;
top: -3px;
left: 2px;
}
.nameseta12 a{
display: inline-block;
width: 147px;
height: 30px;
text-align: left;
vertical-align: bottom;
border:0px solid #666;
padding: 0 0 0 0;
background: #fff;
position:relative;
font-family: 'IBM Plex Sans JP', sans-serif;
font-size: 12px;
color: #666666;
background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 50%, rgba(192, 215, 240, 1) 50%);
background-position: 0 0;
background-size: 200% auto;
transition: .6s;
}
.nameseta12 a:hover{
background-position: -100% 0;
color: #666;
}
.nameseta12 p{
position:absolute;
top: -5px;
left: 2px;
}
.nameshibu a{
display: inline-block;
width: 147px;
height: 30px;
text-align: left;
vertical-align: bottom;
border:0px solid #666;
padding: 0 0 0 0;
background: #fff;
position:relative;
font-family: 'IBM Plex Sans JP', sans-serif;
font-size: 13px;
color: #666666;
background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 50%, rgba(249, 185, 207, 1) 50%);
background-position: 0 0;
background-size: 200% auto;
transition: .6s;
}
.nameshibu a:hover{
background-position: -100% 0;
color: #666;
}
.nameshibu p{
position:absolute;
top: -6px;
left: 2px;
}
.nameshibu10 a{
display: inline-block;
width: 147px;
height: 30px;
text-align: left;
vertical-align: bottom;
border:0px solid #666;
padding: 0 0 0 0;
background: #fff;
position:relative;
font-family: 'IBM Plex Sans JP', sans-serif;
font-size: 10px;
color: #666666;
background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 50%, rgba(249, 185, 207, 1) 50%);
background-position: 0 0;
background-size: 200% auto;
transition: .6s;
}
.nameshibu10 a:hover{
background-position: -100% 0;
color: #666;
}
.nameshibu10 p{
position:absolute;
top: 0px;;
left: 2px;
}
.nameshibu10w a{
display: inline-block;
width: 147px;
height: 30px;
text-align: left;
vertical-align: bottom;
border:0px solid #666;
padding: 0 0 0 0;
background: #fff;
line-height: 13px;
position:relative;
font-family: 'IBM Plex Sans JP', sans-serif;
font-size: 10px;
color: #666666;
background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 50%, rgba(249, 185, 207, 1) 50%);
background-position: 0 0;
background-size: 200% auto;
transition: .6s;
}
.nameshibu10w a:hover{
background-position: -100% 0;
color: #666;
}
.nameshibu10w p{
position:absolute;
top: -7px;
left: 2px;
}
.nameshibu11 a{
display: inline-block;
width: 147px;
height: 30px;
text-align: left;
vertical-align: bottom;
border:0px solid #666;
padding: 0 0 0 0;
background: #fff;
position:relative;
font-family: 'IBM Plex Sans JP', sans-serif;
font-size: 11px;
color: #666666;
background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 50%, rgba(249, 185, 207, 1) 50%);
background-position: 0 0;
background-size: 200% auto;
transition: .6s;
}
.nameshibu11 a:hover{
background-position: -100% 0;
color: #666;
}
.nameshibu11 p{
position:absolute;
top: -3px;
left: 2px;
}
.nameshibu12 a{
display: inline-block;
width: 147px;
height: 30px;
text-align: left;
vertical-align: bottom;
border:0px solid #666;
padding: 0 0 0 0;
background: #fff;
position:relative;
font-family: 'IBM Plex Sans JP', sans-serif;
font-size: 12px;
color: #666666;
background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 50%, rgba(249, 185, 207, 1) 50%);
background-position: 0 0;
background-size: 200% auto;
transition: .6s;
}
.nameshibu12 a:hover{
background-position: -100% 0;
color: #666;
}
.nameshibu12 p{
position:absolute;
top: -5px;
left: 2px;
}
.nameshin a{
display: inline-block;
width: 147px;
height: 30px;
text-align: left;
vertical-align: bottom;
border:0px solid #666;
padding: 0 0 0 0;
background: #fff;
position:relative;
font-family: 'IBM Plex Sans JP', sans-serif;
font-size: 13px;
color: #666666;
background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 50%, rgba(255, 217, 179, 1) 50%);
background-position: 0 0;
background-size: 200% auto;
transition: .6s;
}
.nameshin a:hover{
background-position: -100% 0;
color: #666;
}
.nameshin p{
position:absolute;
top: -6px;
left: 2px;
}
.nameshin10 a{
display: inline-block;
width: 147px;
height: 30px;
text-align: left;
vertical-align: bottom;
border:0px solid #666;
padding: 0 0 0 0;
background: #fff;
position:relative;
font-family: 'IBM Plex Sans JP', sans-serif;
font-size: 10px;
color: #666666;
background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 50%, rgba(255, 217, 179, 1) 50%);
background-position: 0 0;
background-size: 200% auto;
transition: .6s;
}
.nameshin10 a:hover{
background-position: -100% 0;
color: #666;
}
.nameshin10 p{
position:absolute;
top: 0px;;
left: 2px;
}
.nameshin10w a{
display: inline-block;
width: 147px;
height: 30px;
text-align: left;
vertical-align: bottom;
border:0px solid #666;
padding: 0 0 0 0;
background: #fff;
line-height: 13px;
position:relative;
font-family: 'IBM Plex Sans JP', sans-serif;
font-size: 10px;
color: #666666;
background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 50%, rgba(255, 217, 179, 1) 50%);
background-position: 0 0;
background-size: 200% auto;
transition: .6s;
}
.nameshin10w a:hover{
background-position: -100% 0;
color: #666;
}
.nameshin10w p{
position:absolute;
top: -7px;
left: 2px;
}
.nameshin11 a{
display: inline-block;
width: 147px;
height: 30px;
text-align: left;
vertical-align: bottom;
border:0px solid #666;
padding: 0 0 0 0;
background: #fff;
position:relative;
font-family: 'IBM Plex Sans JP', sans-serif;
font-size: 11px;
color: #666666;
background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 50%, rgba(255, 217, 179, 1) 50%);
background-position: 0 0;
background-size: 200% auto;
transition: .6s;
}
.nameshin11 a:hover{
background-position: -100% 0;
color: #666;
}
.nameshin11 p{
position:absolute;
top: -3px;
left: 2px;
}
.nameshin12 a{
display: inline-block;
width: 147px;
height: 30px;
text-align: left;
vertical-align: bottom;
border:0px solid #666;
padding: 0 0 0 0;
background: #fff;
position:relative;
font-family: 'IBM Plex Sans JP', sans-serif;
font-size: 12px;
color: #666666;
background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 50%, rgba(255, 217, 179, 1) 50%);
background-position: 0 0;
background-size: 200% auto;
transition: .6s;
}
.nameshin12 a:hover{
background-position: -100% 0;
color: #666;
}
.nameshin12 p{
position:absolute;
top: -5px;
left: 2px;
}
.nameshina a{
display: inline-block;
width: 147px;
height: 30px;
text-align: left;
vertical-align: bottom;
border:0px solid #666;
padding: 0 0 0 0;
background: #fff;
position:relative;
font-family: 'IBM Plex Sans JP', sans-serif;
font-size: 13px;
color: #666666;
background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 50%, rgba(250, 255, 122, 1) 50%);
background-position: 0 0;
background-size: 200% auto;
transition: .6s;
}
.nameshina a:hover{
background-position: -100% 0;
color: #666;
}
.nameshina p{
position:absolute;
top: -6px;
left: 2px;
}
.nameshina10 a{
display: inline-block;
width: 147px;
height: 30px;
text-align: left;
vertical-align: bottom;
border:0px solid #666;
padding: 0 0 0 0;
background: #fff;
position:relative;
font-family: 'IBM Plex Sans JP', sans-serif;
font-size: 10px;
color: #666666;
background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 50%, rgba(250, 255, 122, 1) 50%);
background-position: 0 0;
background-size: 200% auto;
transition: .6s;
}
.nameshina10 a:hover{
background-position: -100% 0;
color: #666;
}
.nameshina10 p{
position:absolute;
top: 0px;;
left: 2px;
}
.nameshina10w a{
display: inline-block;
width: 147px;
height: 30px;
text-align: left;
vertical-align: bottom;
border:0px solid #666;
padding: 0 0 0 0;
background: #fff;
line-height: 13px;
position:relative;
font-family: 'IBM Plex Sans JP', sans-serif;
font-size: 10px;
color: #666666;
background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 50%, rgba(250, 255, 122, 1) 50%);
background-position: 0 0;
background-size: 200% auto;
transition: .6s;
}
.nameshina10w a:hover{
background-position: -100% 0;
color: #666;
}
.nameshina10w p{
position:absolute;
top: -7px;
left: 2px;
}
.nameshina11 a{
display: inline-block;
width: 147px;
height: 30px;
text-align: left;
vertical-align: bottom;
border:0px solid #666;
padding: 0 0 0 0;
background: #fff;
position:relative;
font-family: 'IBM Plex Sans JP', sans-serif;
font-size: 11px;
color: #666666;
background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 50%, rgba(250, 255, 122, 1) 50%);
background-position: 0 0;
background-size: 200% auto;
transition: .6s;
}
.nameshina11 a:hover{
background-position: -100% 0;
color: #666;
}
.nameshina11 p{
position:absolute;
top: -3px;
left: 2px;
}
.nameshina12 a{
display: inline-block;
width: 147px;
height: 30px;
text-align: left;
vertical-align: bottom;
border:0px solid #666;
padding: 0 0 0 0;
background: #fff;
position:relative;
font-family: 'IBM Plex Sans JP', sans-serif;
font-size: 12px;
color: #666666;
background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 50%, rgba(250, 255, 122, 1) 50%);
background-position: 0 0;
background-size: 200% auto;
transition: .6s;
}
.nameshina12 a:hover{
background-position: -100% 0;
color: #666;
}
.nameshina12 p{
position:absolute;
top: -5px;
left: 2px;
}
.namesho a{
display: inline-block;
width: 147px;
height: 30px;
text-align: left;
vertical-align: bottom;
border:0px solid #666;
padding: 0 0 0 0;
background: #fff;
position:relative;
font-family: 'IBM Plex Sans JP', sans-serif;
font-size: 13px;
color: #666666;
background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 50%, rgba(170, 215, 244, 1) 50%);
background-position: 0 0;
background-size: 200% auto;
transition: .6s;
}
.namesho a:hover{
background-position: -100% 0;
color: #666;
}
.namesho p{
position:absolute;
top: -6px;
left: 2px;
}
.namesho10 a{
display: inline-block;
width: 147px;
height: 30px;
text-align: left;
vertical-align: bottom;
border:0px solid #666;
padding: 0 0 0 0;
background: #fff;
position:relative;
font-family: 'IBM Plex Sans JP', sans-serif;
font-size: 10px;
color: #666666;
background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 50%, rgba(170, 215, 244, 1) 50%);
background-position: 0 0;
background-size: 200% auto;
transition: .6s;
}
.namesho10 a:hover{
background-position: -100% 0;
color: #666;
}
.namesho10 p{
position:absolute;
top: 0px;;
left: 2px;
}
.namesho10w a{
display: inline-block;
width: 147px;
height: 30px;
text-align: left;
vertical-align: bottom;
border:0px solid #666;
padding: 0 0 0 0;
background: #fff;
line-height: 13px;
position:relative;
font-family: 'IBM Plex Sans JP', sans-serif;
font-size: 10px;
color: #666666;
background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 50%, rgba(170, 215, 244, 1) 50%);
background-position: 0 0;
background-size: 200% auto;
transition: .6s;
}
.namesho10w a:hover{
background-position: -100% 0;
color: #666;
}
.namesho10w p{
position:absolute;
top: -7px;
left: 2px;
}
.namesho11 a{
display: inline-block;
width: 147px;
height: 30px;
text-align: left;
vertical-align: bottom;
border:0px solid #666;
padding: 0 0 0 0;
background: #fff;
position:relative;
font-family: 'IBM Plex Sans JP', sans-serif;
font-size: 11px;
color: #666666;
background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 50%, rgba(170, 215, 244, 1) 50%);
background-position: 0 0;
background-size: 200% auto;
transition: .6s;
}
.namesho11 a:hover{
background-position: -100% 0;
color: #666;
}
.namesho11 p{
position:absolute;
top: -3px;
left: 2px;
}
.namesho12 a{
display: inline-block;
width: 147px;
height: 30px;
text-align: left;
vertical-align: bottom;
border:0px solid #666;
padding: 0 0 0 0;
background: #fff;
position:relative;
font-family: 'IBM Plex Sans JP', sans-serif;
font-size: 12px;
color: #666666;
background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 50%, rgba(170, 215, 244, 1) 50%);
background-position: 0 0;
background-size: 200% auto;
transition: .6s;
}
.namesho12 a:hover{
background-position: -100% 0;
color: #666;
}
.namesho12 p{
position:absolute;
top: -5px;
left: 2px;
}
.namesugi a{
display: inline-block;
width: 147px;
height: 30px;
text-align: left;
vertical-align: bottom;
border:0px solid #666;
padding: 0 0 0 0;
background: #fff;
position:relative;
font-family: 'IBM Plex Sans JP', sans-serif;
font-size: 13px;
color: #666666;
background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 50%, rgba(205, 188, 230, 1) 50%);
background-position: 0 0;
background-size: 200% auto;
transition: .6s;
}
.namesugi a:hover{
background-position: -100% 0;
color: #666;
}
.namesugi p{
position:absolute;
top: -6px;
left: 2px;
}
.namesugi10 a{
display: inline-block;
width: 147px;
height: 30px;
text-align: left;
vertical-align: bottom;
border:0px solid #666;
padding: 0 0 0 0;
background: #fff;
position:relative;
font-family: 'IBM Plex Sans JP', sans-serif;
font-size: 10px;
color: #666666;
background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 50%, rgba(205, 188, 230, 1) 50%);
background-position: 0 0;
background-size: 200% auto;
transition: .6s;
}
.namesugi10 a:hover{
background-position: -100% 0;
color: #666;
}
.namesugi10 p{
position:absolute;
top: 0px;;
left: 2px;
}
.namesugi12 a{
display: inline-block;
width: 147px;
height: 30px;
text-align: left;
vertical-align: bottom;
border:0px solid #666;
padding: 0 0 0 0;
background: #fff;
position:relative;
font-family: 'IBM Plex Sans JP', sans-serif;
font-size: 12px;
color: #666666;
background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 50%, rgba(205, 188, 230, 1) 50%);
background-position: 0 0;
background-size: 200% auto;
transition: .6s;
}
.namesugi12 a:hover{
background-position: -100% 0;
color: #666;
}
.namesugi12 p{
position:absolute;
top: -5px;
left: 2px;
}
.namesumi a{
display: inline-block;
width: 147px;
height: 30px;
text-align: left;
vertical-align: bottom;
border:0px solid #666;
padding: 0 0 0 0;
background: #fff;
position:relative;
font-family: 'IBM Plex Sans JP', sans-serif;
font-size: 13px;
color: #666666;
background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 50%, rgba(143, 224, 234, 1) 50%);
background-position: 0 0;
background-size: 200% auto;
transition: .6s;
}
.namesumi a:hover{
background-position: -100% 0;
color: #666;
}
.namesumi p{
position:absolute;
top: -6px;
left: 2px;
}
.namesumi10 a{
display: inline-block;
width: 147px;
height: 30px;
text-align: left;
vertical-align: bottom;
border:0px solid #666;
padding: 0 0 0 0;
background: #fff;
position:relative;
font-family: 'IBM Plex Sans JP', sans-serif;
font-size: 10px;
color: #666666;
background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 50%, rgba(143, 224, 234, 1) 50%);
background-position: 0 0;
background-size: 200% auto;
transition: .6s;
}
.namesumi10 a:hover{
background-position: -100% 0;
color: #666;
}
.namesumi10 p{
position:absolute;
top: 0px;;
left: 2px;
}
.namesumi10w a{
display: inline-block;
width: 147px;
height: 30px;
text-align: left;
vertical-align: bottom;
border:0px solid #666;
padding: 0 0 0 0;
background: #fff;
line-height: 13px;
position:relative;
font-family: 'IBM Plex Sans JP', sans-serif;
font-size: 10px;
color: #666666;
background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 50%, rgba(143, 224, 234, 1) 50%);
background-position: 0 0;
background-size: 200% auto;
transition: .6s;
}
.namesumi10w a:hover{
background-position: -100% 0;
color: #666;
}
.namesumi10w p{
position:absolute;
top: -7px;
left: 2px;
}
.namesumi11 a{
display: inline-block;
width: 147px;
height: 30px;
text-align: left;
vertical-align: bottom;
border:0px solid #666;
padding: 0 0 0 0;
background: #fff;
position:relative;
font-family: 'IBM Plex Sans JP', sans-serif;
font-size: 11px;
color: #666666;
background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 50%, rgba(143, 224, 234, 1) 50%);
background-position: 0 0;
background-size: 200% auto;
transition: .6s;
}
.namesumi11 a:hover{
background-position: -100% 0;
color: #666;
}
.namesumi11 p{
position:absolute;
top: -3px;
left: 2px;
}
.namesumi12 a{
display: inline-block;
width: 147px;
height: 30px;
text-align: left;
vertical-align: bottom;
border:0px solid #666;
padding: 0 0 0 0;
background: #fff;
position:relative;
font-family: 'IBM Plex Sans JP', sans-serif;
font-size: 12px;
color: #666666;
background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 50%, rgba(143, 224, 234, 1) 50%);
background-position: 0 0;
background-size: 200% auto;
transition: .6s;
}
.namesumi12 a:hover{
background-position: -100% 0;
color: #666;
}
.namesumi12 p{
position:absolute;
top: -5px;
left: 2px;
}
.nametai a{
display: inline-block;
width: 147px;
height: 30px;
text-align: left;
vertical-align: bottom;
border:0px solid #666;
padding: 0 0 0 0;
background: #fff;
position:relative;
font-family: 'IBM Plex Sans JP', sans-serif;
font-size: 13px;
color: #666666;
background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 50%, rgba(255, 198, 110, 1) 50%);
background-position: 0 0;
background-size: 200% auto;
transition: .6s;
}
.nametai a:hover{
background-position: -100% 0;
color: #666;
}
.nametai p{
position:absolute;
top: -6px;
left: 2px;
}
.nametai10 a{
display: inline-block;
width: 147px;
height: 30px;
text-align: left;
vertical-align: bottom;
border:0px solid #666;
padding: 0 0 0 0;
background: #fff;
position:relative;
font-family: 'IBM Plex Sans JP', sans-serif;
font-size: 10px;
color: #666666;
background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 50%, rgba(255, 198, 110,1) 50%);
background-position: 0 0;
background-size: 200% auto;
transition: .6s;
}
.nametai10 a:hover{
background-position: -100% 0;
color: #666;
}
.nametai10 p{
position:absolute;
top: 0px;;
left: 2px;
}
.nametai11 a{
display: inline-block;
width: 147px;
height: 30px;
text-align: left;
vertical-align: bottom;
border:0px solid #666;
padding: 0 0 0 0;
background: #fff;
position:relative;
font-family: 'IBM Plex Sans JP', sans-serif;
font-size: 11px;
color: #666666;
background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 50%, rgba(255, 198, 110, 1) 50%);
background-position: 0 0;
background-size: 200% auto;
transition: .6s;
}
.nametai11 a:hover{
background-position: -100% 0;
color: #666;
}
.nametai11 p{
position:absolute;
top: -3px;
left: 2px;
}
.nametai12 a{
display: inline-block;
width: 147px;
height: 30px;
text-align: left;
vertical-align: bottom;
border:0px solid #666;
padding: 0 0 0 0;
background: #fff;
position:relative;
font-family: 'IBM Plex Sans JP', sans-serif;
font-size: 12px;
color: #666666;
background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 50%, rgba(255, 198, 110, 1) 50%);
background-position: 0 0;
background-size: 200% auto;
transition: .6s;
}
.nametai12 a:hover{
background-position: -100% 0;
color: #666;
}
.nametai12 p{
position:absolute;
top: -5px;
left: 2px;
}
.nametoshi a{
display: inline-block;
width: 147px;
height: 30px;
text-align: left;
vertical-align: bottom;
border:0px solid #666;
padding: 0 0 0 0;
background: #fff;
position:relative;
font-family: 'IBM Plex Sans JP', sans-serif;
font-size: 13px;
color: #666666;
background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 50%, rgba(171, 207, 131, 1) 50%);
background-position: 0 0;
background-size: 200% auto;
transition: .6s;
}
.nametoshi a:hover{
background-position: -100% 0;
color: #666;
}
.nametoshi p{
position:absolute;
top: -6px;
left: 2px;
}
.nametoshi10 a{
display: inline-block;
width: 147px;
height: 30px;
text-align: left;
vertical-align: bottom;
border:0px solid #666;
padding: 0 0 0 0;
background: #fff;
position:relative;
font-family: 'IBM Plex Sans JP', sans-serif;
font-size: 50%;
color: #666666;
background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 50%, rgba(171, 207, 131, 1) 50%);
background-position: 0 0;
background-size: 200% auto;
transition: .6s;
}
.nametoshi10 a:hover{
background-position: -100% 0;
color: #666;
}
.nametoshi10 p{
position:absolute;
top: 0px;;
left: 2px;
}
.nametoshi10w a{
display: inline-block;
width: 147px;
height: 30px;
text-align: left;
vertical-align: bottom;
border:0px solid #666;
padding: 0 0 0 0;
background: #fff;
line-height: 13px;
position:relative;
font-family: 'IBM Plex Sans JP', sans-serif;
font-size: 10px;
color: #666666;
background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 50%, rgba(171, 207, 131, 1) 50%);
background-position: 0 0;
background-size: 200% auto;
transition: .6s;
}
.nametoshi10w a:hover{
background-position: -100% 0;
color: #666;
}
.nametoshi10w p{
position:absolute;
top: -7px;
left: 2px;
}
.nametoshi11 a{
display: inline-block;
width: 147px;
height: 30px;
text-align: left;
vertical-align: bottom;
border:0px solid #666;
padding: 0 0 0 0;
background: #fff;
position:relative;
font-family: 'IBM Plex Sans JP', sans-serif;
font-size: 11px;
color: #666666;
background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 50%, rgba(171, 207, 131, 1) 50%);
background-position: 0 0;
background-size: 200% auto;
transition: .6s;
}
.nametoshi11 a:hover{
background-position: -100% 0;
color: #666;
}
.nametoshi11 p{
position:absolute;
top: -3px;
left: 2px;
}
.nametoshi12 a{
display: inline-block;
width: 147px;
height: 30px;
text-align: left;
vertical-align: bottom;
border:0px solid #666;
padding: 0 0 0 0;
background: #fff;
position:relative;
font-family: 'IBM Plex Sans JP', sans-serif;
font-size: 12px;
color: #666666;
background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 50%, rgba(171, 207, 131, 1) 50%);
background-position: 0 0;
background-size: 200% auto;
transition: .6s;
}
.nametoshi12 a:hover{
background-position: -100% 0;
color: #666;
}
.nametoshi12 p{
position:absolute;
top: -5px;
left: 2px;
}
.mapg {
border:0px solid #666;
width:30px;
height: 30px;
background-color: #666;
text-align: center;
}
.mapada a{
display: flex;
justify-content: center;
align-items: center;
width: 26px;
height: 26px;
text-align: center;
vertical-align: middle;
border:3px solid #666;
padding: 0 0 0 0;
background: #666;
position:relative;
font-family: 'Jura', sans-serif;
font-size: 40%;
color: #fff;
line-height: 1; /* 行の高さを割合（％）で指定する */
-webkit-transition: all 0.1s ease;
-moz-transition: all 0.1s ease;
-o-transition: all 0.1s ease;
transition: all 0.1s ease;
}
.mapada a:hover{
background: #f1d27d ;
color: #666;
}
.mapara a{
display: flex;
justify-content: center;
align-items: center;
width: 26px;
height: 26px;
text-align: center;
vertical-align: middle;
border:3px solid #666;
padding: 0 0 0 0;
background: #666;
position:relative;
font-family: 'Jura', sans-serif;
font-size: 40%;
color: #fff;
line-height: 1; /* 行の高さを割合（％）で指定する */
-webkit-transition: all 0.1s ease;
-moz-transition: all 0.1s ease;
-o-transition: all 0.1s ease;
transition: all 0.1s ease;
}
.mapara a:hover{
background: #a0adf8 ;
color: #666;
}
.mapbun a{
display: flex;
justify-content: center;
align-items: center;
width: 26px;
height: 26px;
text-align: center;
vertical-align: middle;
border:3px solid #666;
padding: 0 0 0 0;
background: #666;
position:relative;
font-family: 'Jura', sans-serif;
font-size: 40%;
color: #fff;
line-height: 1; /* 行の高さを割合（％）で指定する */
-webkit-transition: all 0.1s ease;
-moz-transition: all 0.1s ease;
-o-transition: all 0.1s ease;
transition: all 0.1s ease;
}
.mapbun a:hover{
background: #ffd1d1 ;
color: #666;
}
.mapchiyo a{
display: flex;
justify-content: center;
align-items: center;
width: 26px;
height: 26px;
text-align: center;
vertical-align: middle;
border:3px solid #666;
padding: 0 0 0 0;
background: #666;
position:relative;
font-family: 'Jura', sans-serif;
font-size: 40%;
color: #fff;
line-height: 1; /* 行の高さを割合（％）で指定する */
-webkit-transition: all 0.1s ease;
-moz-transition: all 0.1s ease;
-o-transition: all 0.1s ease;
transition: all 0.1s ease;
}
.mapchiyo a:hover{
background: #e9ff72;
color: #666;
}
.mapchu a{
display: flex;
justify-content: center;
align-items: center;
width: 26px;
height: 26px;
text-align: center;
vertical-align: middle;
border:3px solid #666;
padding: 0 0 0 0;
background: #666;
position:relative;
font-family: 'Jura', sans-serif;
font-size: 40%;
color: #fff;
line-height: 1; /* 行の高さを割合（％）で指定する */
-webkit-transition: all 0.1s ease;
-moz-transition: all 0.1s ease;
-o-transition: all 0.1s ease;
transition: all 0.1s ease;
}
.mapchu a:hover{
background: #ffa199;
color: #666;
}
.mapdai a{
display: flex;
justify-content: center;
align-items: center;
width: 26px;
height: 26px;
text-align: center;
vertical-align: middle;
border:3px solid #666;
padding: 0 0 0 0;
background: #666;
position:relative;
font-family: 'Jura', sans-serif;
font-size: 40%;
color: #fff;
line-height: 1; /* 行の高さを割合（％）で指定する */
-webkit-transition: all 0.1s ease;
-moz-transition: all 0.1s ease;
-o-transition: all 0.1s ease;
transition: all 0.1s ease;
}
.mapdai a:hover{
background: #bff3dc;
color: #666;
}
.mapkou a{
display: flex;
justify-content: center;
align-items: center;
width: 26px;
height: 26px;
text-align: center;
vertical-align: middle;
border:3px solid #666;
padding: 0 0 0 0;
background: #666;
position:relative;
font-family: 'Jura', sans-serif;
font-size: 40%;
color: #fff;
line-height: 1; /* 行の高さを割合（％）で指定する */
-webkit-transition: all 0.1s ease;
-moz-transition: all 0.1s ease;
-o-transition: all 0.1s ease;
transition: all 0.1s ease;
}
.mapkou a:hover{
background: #e5c6ea;
color: #666;
}
.mapmegu a{
display: flex;
justify-content: center;
align-items: center;
width: 26px;
height: 26px;
text-align: center;
vertical-align: middle;
border:3px solid #666;
padding: 0 0 0 0;
background: #666;
position:relative;
font-family: 'Jura', sans-serif;
font-size: 40%;
color: #fff;
line-height: 1; /* 行の高さを割合（％）で指定する */
-webkit-transition: all 0.1s ease;
-moz-transition: all 0.1s ease;
-o-transition: all 0.1s ease;
transition: all 0.1s ease;
}
.mapmegu a:hover{
background: #e9ed82 ;
color: #666;
}
.mapmina a{
display: flex;
justify-content: center;
align-items: center;
width: 26px;
height: 26px;
text-align: center;
vertical-align: middle;
border:3px solid #666;
padding: 0 0 0 0;
background: #666;
position:relative;
font-family: 'Jura', sans-serif;
font-size: 40%;
color: #fff;
line-height: 1; /* 行の高さを割合（％）で指定する */
-webkit-transition: all 0.1s ease;
-moz-transition: all 0.1s ease;
-o-transition: all 0.1s ease;
transition: all 0.1s ease;
}
.mapmina a:hover{
background: #91d0ae;
color: #666;
}
.mapmuse a{
display: flex;
justify-content: center;
align-items: center;
width: 26px;
height: 26px;
text-align: center;
vertical-align: middle;
border:3px solid #666;
padding: 0 0 0 0;
background: #666;
position:relative;
font-family: 'Jura', sans-serif;
font-size: 40%;
color: #fff;
line-height: 1; /* 行の高さを割合（％）で指定する */
-webkit-transition: all 0.1s ease;
-moz-transition: all 0.1s ease;
-o-transition: all 0.1s ease;
transition: all 0.1s ease;
}
.mapmuse a:hover{
background: #fc96ea;
color: #666;
}
.mapnaka a{
display: flex;
justify-content: center;
align-items: center;
width: 26px;
height: 26px;
text-align: center;
vertical-align: middle;
border:3px solid #666;
padding: 0 0 0 0;
background: #666;
position:relative;
font-family: 'Jura', sans-serif;
font-size: 40%;
color: #fff;
line-height: 1; /* 行の高さを割合（％）で指定する */
-webkit-transition: all 0.1s ease;
-moz-transition: all 0.1s ease;
-o-transition: all 0.1s ease;
transition: all 0.1s ease;
}
.mapnaka a:hover{
background: #c1f89f ;
color: #666;
}
.mapseta a{
display: flex;
justify-content: center;
align-items: center;
width: 26px;
height: 26px;
text-align: center;
vertical-align: middle;
border:3px solid #666;
padding: 0 0 0 0;
background: #666;
position:relative;
font-family: 'Jura', sans-serif;
font-size: 40%;
color: #fff;
line-height: 1; /* 行の高さを割合（％）で指定する */
-webkit-transition: all 0.1s ease;
-moz-transition: all 0.1s ease;
-o-transition: all 0.1s ease;
transition: all 0.1s ease;
}
.mapseta a:hover{
background: #c0d7f0 ;
color: #666;
}
.mapshibu a{
display: flex;
justify-content: center;
align-items: center;
width: 26px;
height: 26px;
text-align: center;
vertical-align: middle;
border:3px solid #666;
padding: 0 0 0 0;
background: #666;
position:relative;
font-family: 'Jura', sans-serif;
font-size: 40%;
color: #fff;
line-height: 1; /* 行の高さを割合（％）で指定する */
-webkit-transition: all 0.1s ease;
-moz-transition: all 0.1s ease;
-o-transition: all 0.1s ease;
transition: all 0.1s ease;
}
.mapshibu a:hover{
background: #f9b9cf;
color: #666;
}
.mapshin a{
display: flex;
justify-content: center;
align-items: center;
width: 26px;
height: 26px;
text-align: center;
vertical-align: middle;
border:3px solid #666;
padding: 0 0 0 0;
background: #666;
position:relative;
font-family: 'Jura', sans-serif;
font-size: 40%;
color: #fff;
line-height: 1; /* 行の高さを割合（％）で指定する */
-webkit-transition: all 0.1s ease;
-moz-transition: all 0.1s ease;
-o-transition: all 0.1s ease;
transition: all 0.1s ease;
}
.mapshin a:hover{
background: #ffd9b3 ;
color: #666;
}
.mapshina a{
display: flex;
justify-content: center;
align-items: center;
width: 26px;
height: 26px;
text-align: center;
vertical-align: middle;
border:3px solid #666;
padding: 0 0 0 0;
background: #666;
position:relative;
font-family: 'Jura', sans-serif;
font-size: 40%;
color: #fff;
line-height: 1; /* 行の高さを割合（％）で指定する */
-webkit-transition: all 0.1s ease;
-moz-transition: all 0.1s ease;
-o-transition: all 0.1s ease;
transition: all 0.1s ease;
}
.mapshina a:hover{
background: #faff7a;
color: #666;
}
.mapsho a{
display: flex;
justify-content: center;
align-items: center;
width: 26px;
height: 26px;
text-align: center;
vertical-align: middle;
border:3px solid #666;
padding: 0 0 0 0;
background: #666;
position:relative;
font-family: 'Jura', sans-serif;
font-size: 40%;
color: #fff;
line-height: 1; /* 行の高さを割合（％）で指定する */
-webkit-transition: all 0.1s ease;
-moz-transition: all 0.1s ease;
-o-transition: all 0.1s ease;
transition: all 0.1s ease;
}
.mapsho a:hover{
background: #aad7f4;
color: #666;
}
.mapsugi a{
display: flex;
justify-content: center;
align-items: center;
width: 26px;
height: 26px;
text-align: center;
vertical-align: middle;
border:3px solid #666;
padding: 0 0 0 0;
background: #666;
position:relative;
font-family: 'Jura', sans-serif;
font-size: 40%;
color: #fff;
line-height: 1; /* 行の高さを割合（％）で指定する */
-webkit-transition: all 0.1s ease;
-moz-transition: all 0.1s ease;
-o-transition: all 0.1s ease;
transition: all 0.1s ease;
}
.mapsugi a:hover{
background: #cdbce6;
color: #666;
}
.mapsumi a{
display: flex;
justify-content: center;
align-items: center;
width: 26px;
height: 26px;
text-align: center;
vertical-align: middle;
border:3px solid #666;
padding: 0 0 0 0;
background: #666;
position:relative;
font-family: 'Jura', sans-serif;
font-size: 40%;
color: #fff;
line-height: 1; /* 行の高さを割合（％）で指定する */
-webkit-transition: all 0.1s ease;
-moz-transition: all 0.1s ease;
-o-transition: all 0.1s ease;
transition: all 0.1s ease;
}
.mapsumi a:hover{
background: #8fe0ea;
color: #666;
}
.maptai a{
display: flex;
justify-content: center;
align-items: center;
width: 26px;
height: 26px;
text-align: center;
vertical-align: middle;
border:3px solid #666;
padding: 0 0 0 0;
background: #666;
position:relative;
font-family: 'Jura', sans-serif;
font-size: 40%;
color: #fff;
line-height: 1; /* 行の高さを割合（％）で指定する */
-webkit-transition: all 0.1s ease;
-moz-transition: all 0.1s ease;
-o-transition: all 0.1s ease;
transition: all 0.1s ease;
}
.maptai a:hover{
background: #ffc66e;
color: #666;
}
.maptoshi a{
display: flex;
justify-content: center;
align-items: center;
width: 26px;
height: 26px;
text-align: center;
vertical-align: middle;
border:3px solid #666;
padding: 0 0 0 0;
background: #666;
position:relative;
font-family: 'Jura', sans-serif;
font-size: 40%;
color: #fff;
line-height: 1; /* 行の高さを割合（％）で指定する */
-webkit-transition: all 0.1s ease;
-moz-transition: all 0.1s ease;
-o-transition: all 0.1s ease;
transition: all 0.1s ease;
}
.maptoshi a:hover{
background: #abcf83;
color: #666;
}
.name a{
display: inline-block;
width: 147px;
height: 30px;
text-align: left;
border-bottom:1px solid #666;
padding: 0 0 0 0;
background: #fff;
font-family: 'IBM Plex Sans JP', sans-serif;
font-size: 80%;
color: #666666;
text-decoration:none;
background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 50%, rgba(102, 102, 102, 1) 50%);
background-position: 0 0;
background-size: 200% auto;
transition: .6s;
}
.name a:hover{
background-position: -100% 0;
color: #fff;
}
.names a{
display: inline-block;
width: 147px;
height: 30px;
text-align: left;
border-bottom:1px solid #666;
padding: 0 0 0 0;
background: #fff;
font-family: 'IBM Plex Sans JP', sans-serif;
font-size: 40%;
color: #666666;
text-decoration:none;
background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 50%, rgba(102, 102, 102, 1) 50%);
background-position: 0 0;
background-size: 200% auto;
transition: .6s;
}
.names a:hover{
background-position: -100% 0;
color: #fff;
}
.parent {
display: flex;
width: 930px;
height: 30px;
}
.map {
width:30px
;
background-color: #666;
font-family: 'Jura', sans-serif;
font-size: 40%;
color: #ffffff;
text-align: center;
}
.mapfont {
font-family: 'Jura', sans-serif;
font-size: 40%;
color: #ffffff;
}
.mapfontb {
font-family: 'Jura', sans-serif;
font-size: 140%;
color: #666;
font-weight: 900;
}
.mapspace {
width: 3px;
height: 30px;
background: #fff;
}
.trspace {
height: 2px;
}
.trw {
height: 10px;
}
.day {
font-family: sans-serif;
font-size: 40%;
color: #828282;
}
.undername {
border-bottom:1px solid #666;
padding: 0 0 0 0;
background: #fff;
}
.tnote {
width="170px";
border-bottom:1px solid #666;
padding: 0 0 0 0;
background: #fff;
text-align: right;
vertical-align: bottom;
font-family: 'IBM Plex Sans JP', sans-serif;
font-size: 20%;
color: #828282;
}
.tablenote {
width="170px";
border-bottom:1px solid #666;
padding: 0 0 0 0;
background: #fff;
text-align: right;
vertical-align: bottom;
font-family: sans-serif;
font-size: 20%;
color: #828282;
}
.close {
background-color: #ffffff;
text-align: center;
font-family: sans-serif;
font-size: 40%;
color: #828282;
}
.space {
border-top: 15px solid #fff;
border-bottom: 15px solid #fff;
background-color: #fff;
text-align: center;
font-family: sans-serif;
font-size: 40%;
color: #ffffff;
}
.info
{
width: 627px;
border: 1px dotted; /* 線の太さと可視化 */
border-right: transparent; /* 右辺を透明に */
border-left: transparent; /* 左辺を透明に */
border-color: #777777;
text-align: center;
font-family: 'Sawarabi Mincho', serif;
font-size: 1vw;
padding-top : 30px;
padding-bottom : 30px;
color: #777777;
margin: 0.5em auto;
}
.ub
{
text-decoration:underline solid #777777
}
.dow {
width: 205px;
font-family: 'Inconsolata', monospace;
font-size: 100%;
color: #828282;
text-align: center;
vertical-align: bottom;
}
.dtspace {
width: 13px;
}
.tod {
width: 360px;
font-family: 'Inconsolata', monospace;
font-size: 100%;
color: #828282;
text-align: center;
vertical-align: bottom;
}
.dtbspace {
width: 160px;
}
.chiyo {
border-top: 15px solid #fff;
border-bottom: 15px solid #fff;
background-color: #313131;
text-align: center;
font-family: sans-serif;
font-size: 40%;
color: #ffffff;
}
.chiyog {
border-top: 15px solid #fff;
border-bottom: 15px solid #fff;
background-color: #cfcfcf;
text-align: center;
font-family: sans-serif;
font-size: 40%;
color: #fff;
}
.ta0{
background-color: #ffffff;
margin: 0 0;
padding: 0;
border-spacing: 0px;
}
.ta{
background-color: #818181;
margin: 0 0;
padding: 0;
border-spacing: 0px;
}
.ta2{
background-color: #999;
margin: 0 0;
padding: 0;
border-spacing: 0px;
}
.ta3{
background-color: #999;
margin: 0 0;
padding: 0;
border-spacing: 0px;
}
.ta4{
background-color: #818181;
margin: 0 0;
padding: 0;
border-spacing: 0px;
}
.ta5{
background-color: #999;
margin: 0 0;
padding: 0;
border-spacing: 0px;
}
.ta6{
background-color: #818181;
margin: 0 0;
padding: 0;
border-spacing: 0px;
}
.ta7{
background-color: #999;
margin: 0 0;
padding: 0;
border-spacing: 0px;
}
.ta8{
background-color: #818181;
margin: 0 0;
padding: 0;
border-spacing: 0px;
}
.ta9{
background-color: #999;
margin: 0 0;
padding: 0;
border-spacing: 0px;
}
.ta10{
background-color: #999;
margin: 0 0;
padding: 0;
border-spacing: 0px;
}
.ta11{
background-color: #999;
margin: 0 0;
padding: 0;
border-spacing: 0px;
}
.ta12{
background-color: #999;
margin: 0 0;
padding: 0;
border-spacing: 0px;
}
.kgbanner {
border: 0px solid #828282;
width: 980px;
height: 490px;
position: absolute;
padding: 0px;
left: -36px;
top: 230px;
z-index: 10;
}
.kgbannerparent {
transform: scale(0.6);
transform-origin: center top;
border: 0px solid #828282;
width: 960px;
height: 480px;
position: relative;
}
.kghako {
border: 2px solid #828282;
width: 780px;
height: 250px;
position: absolute;
left: 100px;
top: -30px;
z-index:5 ;
}
.kghako:hover{
transform: scale(0.99, 0.99) translateY(2px);
}
.kgtxt {
border: 0px solid #828282;
width: 1000px;
height: 200px;
position: absolute;
padding: 0px;
left: -46px;
top: 460px;
font-family: 'M PLUS Rounded 1c', sans-serif;
font-size: 25px;
color: #666;
z-index:20 ;
}