@font-face {
    font-family: 'GENJ';
    font-style: normal;
    font-weight: 500;
    src: url('../font/GenJyuuGothicX-MediumSub.eot');
    src: url('../font/GenJyuuGothicX-MediumSub.eot?#iefix') format('embedded-opentype'),
    url('../font/GenJyuuGothicX-MediumSub.ttf') format('truetype'),
    url('../font/GenJyuuGothicX-MediumSub.woff') format('woff');
}

/* 一般用 f6-76-32 2c-74-ea*/
html {height:100%; margin-bottom:0; overflow-x:hidden; -webkit-overflow-scrolling:touch;}
body {height:100%; width:100vw; font-family:GENJ,sans-serif; font-size:1.87vw; line-height:150%; background-image:url(../parts/back.jpg); background-repeat:repeat; z-index:0; margin:0; overflow-x:hidden; -webkit-overflow-scrolling:touch; font-feature-settings:"palt"; text-align:justify; text-justify:inter-ideograph; letter-spacing:-0.1vw;}
body {scroll-snap-type:y proximity;}
body > .main {height:auto; min-height:100%;}

header,footer {display:block; position:relative; box-sizing:border-box; width:100vw; border-width:0;}
header {z-index:4; height:96vw; margin:0 auto; padding:0; background-color:transparent;}
.main {display:block; position:relative; box-sizing:border-box; width:90vw; border-width:0;}
.main  {z-index:2; margin:-96vw auto -20vw auto; padding:103vw 0 25vw 0; background-color:transparent;}
footer {bottom:0; z-index:3; height:20vw; margin:0 auto; padding:0; background-color:#transparent;}
section section {margin:0; padding:0;}

a:link,a:visited,a:active,a:hover {font-weight:700; color:#f18492; line-height:150%;}
a:hover {background-color:#ffe8eb;}
.aimg a:hover,.rnday1 a:hover,.rnday2 a:hover,.rnday3 a:hover {background-color:#ffffff;}
.b0 a:link,.b0 a:visited,.b0 a:active,.b0 a:hover {font-weight:700; color:#f18492; line-height:150%;}
.b0 a:hover {background-color:#ffe8eb;}
.ac2 {color:#f18492;}
.pointer {cursor:pointer;}
.pointer:hover {background-color:#fdf2f4;}

img{color:#666666; border-width:0; margin:0 auto 0 auto; padding:0; vertical-align:bottom;}
.rad {border-radius:1vw;}

h1,h2,h3,h4,h5,h6 {color:#ffffff; margin:0; padding:0; box-sizing:border-box;}
h2,h3,h4,h5,h6 {display:block; height:20vw; border:none; background-color:transparent;}
h2 {position:relative; width:90vw; height:20vw; margin:0 auto 5vw auto; scroll-snap-align: start;}
h3 {width:80vw; height:9vw; margin:5vw 0 2vw auto;}

p {text-align:justify; margin:0; color:#333333; font-weight:400; max-height:999999px;}
.main > p {margin-left:5vw; margin-right:5vw;}
section > p {margin-left:5vw; margin-right:5vw;}
.i0 p,.i1 p,.i2 p,.i3 p,.i4 p {margin-left:0; margin-right:0;}
.b1 p {color:#f0f0f0;}
.h2-p11,.h2-p13 {position: absolute; top:5vw; left:1.6vw; margin:0; padding:0; font-size:3vw;}
.h2-p21,.h2-p23 {position: absolute; top:10.2vw; left:1.6vw; margin:0; padding:0; font-size:3vw;}
.h2-p31,.h2-p33 {position: absolute; top:14.5vw; left:1.6vw; margin:0; padding:0; font-size:4.4vw;}
.h2-p41 {position: absolute; top:3.6vw; left:1.6vw; margin:0; padding:0; font-size:3vw;}
.h2-p51 {position: absolute; top:9.6vw; left:1.6vw; margin:0; padding:0; font-size:4.4vw;}
.h2-p61 {position: absolute; top:8.8vw; left:1.6vw; margin:0; padding:0; font-size:3vw;}

.h2-p11,.h2-p21,.h2-p31,.h2-p41,.h2-p51,.h2-p61{color:#ffffff; letter-spacing:-0.2vw;
text-shadow: 0.1vw 0.3vw 0 #f18492, 0.1vw 0.2vw 0 #f18492, 0.1vw 0.1vw 0 #f18492, 0.1vw 0 0 #f18492, 0.1vw -0.1vw 0 #f18492, 0.1vw -0.2vw 0 #f18492, 0.1vw -0.3vw 0 #f18492,
0.2vw 0.2vw 0 #f18492, 0.2vw 0.1vw 0 #f18492, 0.2vw 0 0 #f18492, 0.2vw -0.1vw 0 #f18492, 0.2vw -0.2vw 0 #f18492,
0.3vw 0.1vw 0 #f18492, 0.3vw 0 0 #f18492, 0.3vw -0.1vw 0 #f18492,
0 0.3vw 0 #f18492, 0 0.2vw 0 #f18492, 0 0.1vw 0 #f18492, 0 0 0 #f18492, 0 -0.1vw 0 #f18492, 0 -0.2vw 0 #f18492, 0 -0.3vw 0 #f18492,
-0.1vw 0.3vw 0 #f18492, -0.1vw 0.2vw 0 #f18492, -0.1vw 0.1vw 0 #f18492, -0.1vw 0 0 #f18492, -0.1vw -0.1vw 0 #f18492, -0.1vw -0.2vw 0 #f18492, -0.1vw -0.3vw 0 #f18492,
-0.2vw 0.2vw 0 #f18492, -0.2vw 0.1vw 0 #f18492, -0.2vw 0 0 #f18492, -0.2vw -0.1vw 0 #f18492, -0.2vw -0.2vw 0 #f18492,
-0.3vw 0.1vw 0 #f18492, -0.3vw 0 0 #f18492, -0.3vw -0.1vw 0 #f18492;
}
.h2-p12,.h2-p22,.h2-p32{
text-shadow: 0.1vw 0.3vw 0 #ffffff, 0.1vw 0.2vw 0 #ffffff, 0.1vw 0.1vw 0 #ffffff, 0.1vw 0 0 #ffffff, 0.1vw -0.1vw 0 #ffffff, 0.1vw -0.2vw 0 #ffffff, 0.1vw -0.3vw 0 #ffffff,
0.2vw 0.3vw 0 #ffffff, 0.2vw 0.2vw 0 #ffffff, 0.2vw 0.1vw 0 #ffffff, 0.2vw 0 0 #ffffff, 0.2vw -0.1vw 0 #ffffff, 0.2vw -0.2vw 0 #ffffff, 0.2vw -0.3vw 0 #ffffff,
0.3vw 0.2vw 0 #ffffff, 0.3vw 0.1vw 0 #ffffff, 0.3vw 0 0 #ffffff, 0.3vw -0.1vw 0 #ffffff, 0.3vw -0.2vw 0 #ffffff,
0 0.3vw 0 #ffffff, 0 0.2vw 0 #ffffff, 0 0.1vw 0 #ffffff, 0 0 0 #ffffff, 0 -0.1vw 0 #ffffff, 0 -0.2vw 0 #ffffff, 0 -0.3vw 0 #ffffff,
-0.1vw 0.3vw 0 #ffffff, -0.1vw 0.2vw 0 #ffffff, -0.1vw 0.1vw 0 #ffffff, -0.1vw 0 0 #ffffff, -0.1vw -0.1vw 0 #ffffff, -0.1vw -0.2vw 0 #ffffff, -0.1vw -0.3vw 0 #ffffff,
-0.2vw 0.3vw 0 #ffffff, -0.2vw 0.2vw 0 #ffffff, -0.2vw 0.1vw 0 #ffffff, -0.2vw 0 0 #ffffff, -0.2vw -0.1vw 0 #ffffff, -0.2vw -0.2vw 0 #ffffff, -0.2vw -0.3vw 0 #ffffff,
-0.3vw 0.2vw 0 #ffffff, -0.3vw 0.1vw 0 #ffffff, -0.3vw 0 0 #ffffff, -0.3vw -0.1vw 0 #ffffff, -0.3vw -0.2vw 0 #ffffff;
}

.h2-p13,.h2-p23,.h2-p33{color:#ffffff; letter-spacing:-0.2vw;
text-shadow: 
0.3vw 0.2vw 0.1vw rgba(231,132,146,0.4),0.3vw 0.1vw 0.1vw rgba(231,132,146,0.4),0.3vw 0 0.1vw rgba(231,132,146,0.4),0.3vw -0.1vw 0.1vw rgba(231,132,146,0.4),0.3vw -0.2vw 0.1vw rgba(231,132,146,0.4),
0.2vw 0.3vw 0.1vw rgba(231,132,146,0.4),0.2vw 0.2vw 0.1vw rgba(231,132,146,0.4),0.2vw 0.1vw 0.1vw rgba(231,132,146,0.4),0.2vw 0 0.1vw rgba(231,132,146,0.4),0.2vw -0.1vw 0.1vw rgba(231,132,146,0.4),0.2vw -0.2vw 0.1vw rgba(231,132,146,0.4),0.2vw -0.3vw 0.1vw rgba(231,132,146,0.4),
0.1vw 0.3vw 0.1vw rgba(231,132,146,0.4),0.1vw 0.2vw 0.1vw rgba(231,132,146,0.4),0.1vw 0.1vw 0.1vw rgba(231,132,146,0.4),0.1vw 0 0.1vw rgba(231,132,146,0.4),0.1vw -0.1vw 0.1vw rgba(231,132,146,0.4),0.1vw -0.2vw 0.1vw rgba(231,132,146,0.4),0.1vw -0.3vw 0.1vw rgba(231,132,146,0.4),
0 0.3vw 0.1vw rgba(231,132,146,0.4),0 0.2vw 0.1vw rgba(231,132,146,0.4),0 0.1vw 0.1vw rgba(231,132,146,0.4),0 0 0.1vw rgba(231,132,146,0.4),0 -0.1vw 0.1vw rgba(231,132,146,0.4),0 -0.2vw 0.1vw rgba(231,132,146,0.4),0 -0.3vw 0.1vw rgba(231,132,146,0.4),
-0.1vw 0.3vw 0.1vw rgba(231,132,146,0.4),-0.1vw 0.2vw 0.1vw rgba(231,132,146,0.4),-0.1vw 0.1vw 0.1vw rgba(231,132,146,0.4),-0.1vw 0 0.1vw rgba(231,132,146,0.4),-0.1vw -0.1vw 0.1vw rgba(231,132,146,0.4),-0.1vw -0.2vw 0.1vw rgba(231,132,146,0.4),-0.1vw -0.3vw 0.1vw rgba(231,132,146,0.4),
-0.2vw 0.3vw 0.1vw rgba(231,132,146,0.4),-0.2vw 0.2vw 0.1vw rgba(231,132,146,0.4),-0.2vw 0.1vw 0.1vw rgba(231,132,146,0.4),-0.2vw 0 0.1vw rgba(231,132,146,0.4),-0.2vw -0.1vw 0.1vw rgba(231,132,146,0.4),-0.2vw -0.2vw 0.1vw rgba(231,132,146,0.4),-0.2vw -0.3vw 0.1vw rgba(231,132,146,0.4),
-0.3vw 0.2vw 0.1vw rgba(231,132,146,0.4),-0.3vw 0.1vw 0.1vw rgba(231,132,146,0.4),-0.3vw 0 0.1vw rgba(231,132,146,0.4),-0.3vw -0.1vw 0.1vw rgba(231,132,146,0.4),-0.3vw -0.2vw 0.1vw rgba(231,132,146,0.4);
}

.h2-p32 {position: absolute;
  top: 50%; left: 50%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  margin:0; padding:0;
}
svg {
  position: absolute; top:1vw; left:1.7vw;  margin:0; padding:0;
  display: inline-block;
  width: 100vw;
  height: auto;
  overflow: visible;
}
.foreground {
  fill: #ffffff;
}
.background {
  stroke: #000;
  stroke-width: 8;
  stroke-linejoin: round;
}
.foreground2 {
  fill: #fff;
  stroke: #000;
  stroke-width: 8;
  stroke-linejoin: round;
}


.cv  {padding-left:2vw;}
.cv2 {padding-left:4vw;}
.cv3 {padding-left:4vw;}
.cv,.cv2 {text-indent:-2vw;}
.t-ind02 {text-indent:2vw;}
.title {color:#f05e69; font-size:3vw;
  -webkit-text-shadow:0 0 0.2vw #ffffff;
  -moz-text-shadow:0 0 0.2vw #ffffff;
  text-shadow:0 0 0.2vw #ffffff;
}
.title2 {color:#f05e69; font-size:3.2vw;
  -webkit-text-shadow:0 0 0.2vw #ffffff;
  -moz-text-shadow:0 0 0.2vw #ffffff;
  text-shadow:0 0 0.2vw #ffffff;
}
.title-p {color:#ffffff; background-color;#f18492 font-size:3vw;
  -webkit-box-shadow: 0 0 5px 0 #f18492; /* Safari, Chrome用 */
  -moz-box-shadow: 0 0 5px 0 #f18492; /* Firefox用 */
  box-shadow: 0 0 5px 0 #f18492; /* CSS3 */
}

.disn {display:none;}
.nomg {margin:0;}
.nopd {padding-left:0; padding-right:0;}
.cond  {font-size:1.5vw;}
.cond2 {font-size:2vw;}
.li-bl {display:block; float:left;}
em,strong {font-weight:700; font-style:normal;}
strong {background-color:#ffe8eb;}
.nodc {text-decoration:none;}

hr {border:none; margin:0; padding:0;}

table  {margin:0 0 0 auto; padding:0; border-width:0; border-color:#f0f0f0; border-spacing:1px;}
th {color:#f18492; font-weight:700; empty-cells:show;}
td {empty-cells:show;}
th p,td p{margin:0;}
.rv p{text-align:right;}
.icon{min-height:7vw;}

/* i1 d1 b3 c0 rt　のように組み合わせて使う。ctは基本的に使わない。 */

.i0,.i1,.i2,.i3,.i4 {border-top:dashed 1px #333333; border-right:dashed 0 #ffffff; border-bottom:dashed 0 #333333;}
.i7 {border-top:dashed 1px #333333; border-right:dashed 0 #ffffff; border-bottom:dashed 1px #333333;}　/*表の最下行用*/
.i0 {margin:0 0 0.2vw 0;  padding:0;}
.i1 {margin:0 0 0.2vw 0;  padding:0 0.3vw 0 0.3vw;}
.i2 {margin:0 0 0.2vw 0;  padding:0 0.3vw 0 1.3vw;}
.i3 {margin:0 0 0.2vw 2vw; padding:0 0.3vw 0 0.3vw;}
.i4 {margin:0 0 0.2vw 3vw; padding:0 0.3vw 0 0.3vw;}
.i5 {margin:0 0 0.2vw 4vw; padding:0 0.3vw 0 0.3vw;}
.i6 {margin:0 0 0.2vw 5vw; padding:0 0.3vw 0 0.3vw;}
.i7 {margin:0 0 0.2vw 0;  padding:0 0.3vw 0 0.3vw;}
.i9 {border:none 0 #f9f9f9; margin:0 0 0.2vw 0.2vw; padding:0 0.3vw 0 0.3vw;}
.timetable {width:65vw; table-layout:fixed; font-size:1.7vw;  margin-bottom:4vw;}
table[class="timetable"] td {border-top:dashed 1px #333333; border-right:dashed 0 #ffffff; border-bottom:dashed 0 #333333;}
table[class="timetable"] th {border-top:dashed 1px #333333; border-right:dashed 0 #ffffff; border-bottom:dashed 0 #333333;}
.heading {color:#ffffff; background-color:#f87487;}

tr:last-child > td {border-bottom:dashed 1px #333333;}

.d0 {border-left:dashed 1px #666666;}
.d1 {border-left:solid 1vw #333333;}
.d2 {border-left:solid 1vw #999999;}
.d3 {border-left:solid 1vw #cccccc;}
.d9 {border-left:none;}
.d1:not(\*|*) {border-top:solid 1px #333333; border-right:none; border-bottom:none; border-left:solid 1vw #333333;}
.d2:not(\*|*) {border-top:solid 1px #333333; border-right:none; border-bottom:none; border-left:solid 1vw #999999;}
.d3:not(\*|*) {border-top:solid 1px #333333; border-right:none; border-bottom:none; border-left:solid 1vw #cccccc;}

.i9 + .b6 {border-left:none;}

.b0 {color:#f0f0f0; background-color:#ffffff;}
.b1 {color:#f0f0f0; background-color:#333333;}
.b2 {color:#333333; background-color:#d0d0d0;}
.b3 {color:#333333; background-color:#f3f3f3;}
.b4 {color:#333333; background-color:#ffffff;}
.b5 {color:#333333; background-color:#f3f3f3;}
.b6 {color:#333333; background-color:#ffffff;}
.b9 {color:#333333;}
.section .b4{background-color:#ffffff;}

.c0 {margin-bottom:0.1vw;}
.c1 {margin-bottom:2vw;}
.c2 {margin-bottom:4vw;}
.c5 {margin-top:2vw;}
.c6 {margin-top:0.5vw;}
.c7 {margin-bottom:0.1vw;}
.c8 {margin-top:4vw;}
.c9 {padding-top:1em;}

.rt {text-align:left;}
.rv {text-align:right;}
.ct {text-align:center;}
.md {vertical-align:middle;}
.nwrp {white-space:nowrap;}
.cent {margin-left:auto; margin-right:auto;}
.narrow {
 -webkit-transform:scale(0.9,1);
 -moz-transform:scale(0.9,1);
 transform:scale(0.9,1);
 -webkit-transform-origin: top left;
 -moz-transform-origin: top left;
 transform-origin: top left;
 width:111%;
}
.narrow2 {
 -webkit-transform:scale(0.8,1);
 -moz-transform:scale(0.8,1);
 transform:scale(0.8,1);
 -webkit-transform-origin: top left;
 -moz-transform-origin: top left;
 transform-origin: top left;
 width:125%;
}


.t-ind01{text-indent:2.4vw;}
.t-ind02{text-indent:4.8vw;}
.t-ind03{text-indent:7.2vw;}
.t-ind04{text-indent:9.6vw;}
.t-ind05{text-indent:12vw;}
.t-ind06{text-indent:14.4vw;}
.t-ind07{text-indent:16.8vw;}
.t-ind08{text-indent:19.2vw;}
.t-ind09{text-indent:21.6vw;}
.t-ind10{text-indent:24vw;}
.t-ind11{text-indent:26.4vw;}
.t-ind12{text-indent:28.8vw;}
.t-ind13{text-indent:31.2vw;}

.b-img,.b-imgv,.b-imgh,.b-imgh2,.b-imgh3,.b-imgh4,.b-imgh5,.b-imgsv,.b-imgsh
  {text-align:center; color:#666666; background-color:#ffffff; border-style:dotted; border-color:#ffffff #666666 #666666 #ffffff; border-width:0; margin:0; padding:0;}
.b-imgv  {width:auto; height:85vw;}
.b-imgv2 {width:auto; height:5.5vw;}
.b-imgh  {width:90vw; height:auto;}
.b-imgh2 {width:80vw; height:auto;}
.b-imgh3 {width:25vw; height:auto;}
.b-imgh4 {width:20vw; height:auto;}
.b-imgh5 {width:39vw; height:auto;}
.b-imgh6 {width:5vw; height:auto;}
.b-imgh7 {width:32vw; height:auto;}
.b-imgsv {width:auto; height:50vw;}
.b-imgsh {width:50vw; height:auto;}
.m-img{margin-left:auto; margin-right:0; text-align:right;}

.b-img80h,.b-img70h,.b-img30h,.b-img27h,.b-img25h,.b-img20h,.b-img10h,
  {text-align:center; color:#666666; background-color:#ffffff; border-style:dotted; border-color:#ffffff #666666 #666666 #ffffff; border-width:0; margin:0; padding:0;}
.b-img80h  {width:80vw; height:auto;}
.b-img70h  {width:70vw; height:auto;}
.b-img60h  {width:60vw; height:auto;}
.b-img50h  {width:50vw; height:auto;}
.b-img40h  {width:50vw; height:auto;}
.b-img30h  {width:30vw; height:auto;}
.b-img27h  {width:27.5vw; height:auto;}
.b-img25h  {width:25vw; height:auto;}
.b-img20h  {width:20vw; height:auto;}
.b-img10h  {width:10vw; height:auto;}
.b-img56h  {width:56vw; height:33.5vw;}


.div-901,.div-801,.div-551,.div-451,.div-401,.div-371,.div-321,.div-351,.div-301,.div-251,.div-201,.div-701
{border-width:0; box-sizing:border-box;}

.div-901 {width:90vw; margin:0 auto 10vw auto; padding:2.5vw 0;}
.div-801 {width:80vw; margin:0 auto 5vw auto; padding:2.5vw 5vw;}
.div-701 {width:70vw; margin:0 0 5vw 0; padding:2.5vw 5vw;}
.div-601 {width:60vw; margin:0 0 5vw 0; padding:2.5vw 5vw;}
.div-551 {width:55vw; margin:0 0 5vw 0; padding:2.5vw 5vw;}
.div-501 {width:50vw; margin:0 0 5vw 0; padding:2.5vw 5vw;}
.div-451 {width:45vw; margin:0 0 5vw 0; padding:2.5vw 5vw;}
.div-401 {width:40vw; margin:0 0 5vw 0; padding:2.5vw 5vw;}
.div-371 {width:37.5vw; margin:0 0 5vw 0; padding:2.5vw 5vw;}
.div-321 {width:32.5vw; margin:0 0 5vw 0; padding:2.5vw 5vw;}
.div-351 {width:35vw; margin:0 0 5vw 0; padding:2.5vw 5vw;}
.div-301 {width:30vw; margin:0 0 5vw 0; padding:2.5vw 5vw;}
.div-251 {width:25vw; margin:0 0 5vw 0; padding:2.5vw 5vw;}
.div-201 {width:20vw; margin:0 0 5vw 0; padding:2.5vw 5vw;}
.div-101 {width:10vw; margin:0 0 5vw 0; padding:2.5vw 5vw;}
.dc1 {background-color:#ffffff;}
.dc2 {background-color:rgba(240,132,146,0.2);}
.pd0 {padding-left:0; padding-right:0;}
.pd1 {padding-left:1vw; padding-right:1vw;}
.pd2 {padding-left:2.5vw; padding-right:2.5vw;}
.mb0  {margin-bottom:0vw;}
.mb2  {margin-bottom:2.5vw;}
.mb5  {margin-bottom:5vw;}
.mb10 {margin-bottom:10vw;}
.mb20 {margin-bottom:20vw;}


.jump {font-size:1.7vw; text-align:center;}


.cell-fl1 {width:85vw;}
.cell-nm1 {width:80vw;}
.cell-nm2 {width:75vw;}
.cell-nm3 {width:70vw;}
.cell-nm4 {width:65vw;}
.cell-nm5 {width:60vw;}
.cell-nm6 {width:55vw;}
.cell-nm7 {width:50vw;}
.cell-bn1 {width:20vw;}
.cell-dt1 {width:15vw;}
.cell-nr1 {width:5vw;}
.cell-nr1 {width:4vw;}

.cds,.cdsb {padding-left:1px; padding-right:1px; white-space:nowrap;}
.cdsb{font-weight:700;}

.fll {float:left; margin-right:5vw;}
.flr {float:right;}
.clb {clear:both; overflow:hidden; -webkit-overflow-scrolling:touch;}

/* ヘッダ・フッタ用　【各idのbackground-colorは、サイト配色に応じて変更】 */
ul {list-style:none; margin:0;}

.update1,.update2,.update3,.update12,.notice1,.notice2
 {display:block; position:relative; width:80vw; padding:0; border-width:0; background-color:#transparent; list-style:none;}
.update1 {height:20vw; margin:0 0 0 auto;       background:url(../../pic/top/update1.jpg);  background-size:100% 100%; background-repeat:none;}
.update2 {height:20vw; margin:0 0 0 auto;       background:url(../../pic/top/update2.jpg);  background-size:100% 100%; background-repeat:none;}
.update3 {height:20vw; margin:0 0 0 auto;       background:url(../../pic/top/update3.jpg);  background-size:100% 100%; background-repeat:none;}
.update12{height:10vw; margin:0.5vw 0 0 auto; background:url(../../pic/top/update12.jpg); background-size:100% 100%; background-repeat:none;}
.notice1 {height:15vw; margin:0 0 0 auto;       background:url(../../pic/top/notice1.jpg);  background-size:100% 100%; background-repeat:none;}
.notice2 {height:15vw; margin:0.5vw 0 0 auto; background:url(../../pic/top/notice2.jpg);  background-size:100% 100%; background-repeat:none;}

.bh,.jh,.pf,.jf {list-style:none; position:absolute; margin:0; padding:0;}
.jh {list-style:none; position:relative; margin:2vw auto 10vw auto; padding:0;}
.bh {top:0; left:0;  width:100vw; height:96vw;}
.jh {top:0; left:0; width:90vw; height:8vw;}
.jf {top:0; left:0vw; width:100vw; height:20vw;}

.h21,.h22,.h23 {position:absolute; margin:0; padding:0;}
.h21{top:20vw; left:0;}
.h22{top:30vw; left:0;}
.h23{top:40vw; left:20vw;}

.lh1a,.lh21a,.lh22a,.lh23a,.lh3a,.jh1a,.jh2a,.jh3a,.jh4a,.jh5a,.pfa,.jfa {border:0; background:no-repeat;}
.lh1a {width:100vw; height:96vw; z-index:7;}
.lh21a,.lh22a {width:90vw; height:10vw; z-index:8;}
.lh23a {width:70vw; height:10vw;}
.lh3a {width:90vw; height:10vw;}
.jh1a,.jh2a,.jh3a,.jh4a,.jh5a  {width:17.2vw; height:8vw;}
.jfa   {width:100vw; height:20vw; margin:0;}
.lua1  {width:80vw; height:20vw; margin:0;}
.lua211{width:53.5vw; height:20vw; margin:0;}
.lua212{width:26.5vw; height:20vw; margin:0;}
.lua121{width:26.5vw; height:20vw; margin:0;}
.lua122{width:53.5vw; height:20vw; margin:0;}
.lua31 {width:26.5vw; height:20vw; margin:0;}
.lua32 {width:27vw; height:20vw; margin:0;}
.lua33 {width:26.5vw; height:20vw; margin:0;}
.luax1 {width:80vw; height:10vw; margin:0;}
.nta1  {width:80vw; height:15vw; margin:0;}

#lh1,#lh2,#lh21,#lh22,#lh23,#lh3,#jf1,#pf1,
#lu11,#lu21,#lu31,#lu1121,#lu2121,#lu3121,#lu1122,#lu2122,#lu3122,#lu1211,#lu2211,#lu3211,#lu1212,#lu2212,#lu3212,
#lu131,#lu231,#lu331,#lu132,#lu232,#lu332,#lu133,#lu233,#lu333,#lx11,#nt11,#nt21
 {position:absolute; background-color:transparent;}
#jh1,#jh2,#jh3,#jh4,#jh5 {position:absolute; background-color:transparent;}
#lh1  {top:0; left:0;}
#lh2  {top:10vw; left:0;}
#lh21 {top:0vw; left:0;}
#lh22 {top:10vw; left:0;}
#lh23 {top:20vw; left:20vw;}
#lh3  {top:40vw; left:0;}
#jh1  {top:0; left:0;      z-index:3; background:url(../parts/navi1.jpg); background-size:100% 100%; background-repeat:none;}
#jh2  {top:0; left:18.2vw; z-index:4; background:url(../parts/navi2.jpg); background-size:100% 100%; background-repeat:none;}
#jh3  {top:0; left:36.4vw; z-index:5; background:url(../parts/navi3.jpg); background-size:100% 100%; background-repeat:none;}
#jh4  {top:0; left:54.6vw; z-index:6; background:url(../parts/navi4.jpg); background-size:100% 100%; background-repeat:none;}
#jh5  {top:0; left:72.8vw; z-index:7; background:url(../parts/navi5.jpg); background-size:100% 100%; background-repeat:none;}
#jf1  {top:0; left:0;}
#pf1  {top:0; left:0;}
#lu11,#lu21,#lu31       {top:0; left:0;}
#lu1121,#lu2121,#lu3121 {top:0; left:0;}
#lu1122,#lu2122,#lu3122 {top:0; left:26.5vw;}
#lu1211,#lu2211,#lu3211 {top:0; left:0;}
#lu1212,#lu2212,#lu3212 {top:0; left:53.5vw;}
#lu131,#lu231,#lu331    {top:0; left:0;}
#lu132,#lu232,#lu332    {top:0; left:26.5vw;}
#lu133,#lu233,#lu333    {top:0; left:53.5vw;}
#lx11 {top:0; left:0;}
#nt11,#nt21 {top:0; left:0;}

#timetable1 {display:none;}
#timetable2 {display:none;}

.bg0000{background:url(../parts/tt0000.jpg);}
.bf0000{background:url(../parts/ft0000.jpg);}
.bg0100{background:url(../parts/tt0100.jpg);}
.bg0200{background:url(../parts/tt0200.jpg);}
.bg0300{background:url(../parts/tt0300.jpg);}
.bg-top{background-size:100vw auto; background-position:top;}
.bg-btm{background-size:100vw auto; background-position:bottom;}

/*アニメーション用*/
.fd-in {background-color:#ffffff; opacity:0; transition: opacity 0.5s ease-in;}
.fd-out{background-color:#ffffff; opacity:1; transition: opacity 0.5s ease-in;}

/*タッチパネルでのhover解除が反映されたときは、.fd-inoutをコメントアウトして、直下のコメントアウトを復活させ、jQueryへのリンクを解除*/
/*
.fd-inout{opacity:0.5;}
*/
a:hover .fd-in  {opacity:0.5; transition: opacity 0.5s ease-out;}
a:hover .fd-out {opacity:0.5; transition: opacity 0.5s ease-out;}
.fd-in a:hover {opacity:0.5; transition: opacity 0.5s ease-out;}
.fd-out a:hover{opacity:0.5; transition: opacity 0.5s ease-out;}

@keyframes fadeIn {
 0%  {filter: alpha(opacity=0); -moz-opacity:0; opacity:0; height:0;}
100% {filter: alpha(opacity=100);-moz-opacity:1;opacity:1; height:100%;}
}

/*ブロックにクラス設定して、読み込み時の効果に使う*/
.read00 {animation:fadeIn 0.5s ease 0s both;}
.read01 {animation:fadeIn 0.5s ease 0.1s both;}
.read02 {animation:fadeIn 0.5s ease 0.2s both;}
.read03 {animation:fadeIn 0.5s ease 0.3s both;}
.read04 {animation:fadeIn 0.5s ease 0.4s both;}
.read05 {animation:fadeIn 0.5s ease 0.5s both;}
.read06 {animation:fadeIn 0.5s ease 0.6s both;}
.read07 {animation:fadeIn 0.5s ease 0.7s both;}
.read08 {animation:fadeIn 0.5s ease 0.8s both;}
.read09 {animation:fadeIn 0.5s ease 0.9s both;}
.read10 {animation:fadeIn 0.5s ease 1s both;}