@charset "UTF-8";

.mfp-content .white-popup {
    max-width: 480px;
}
.open-popup-link{text-decoration: none;}
.expansion {
    display: block!important;
    width: 100%!important;
    max-width: 170px!important;
    margin: 4px auto 0 auto!important;
    font-size: 0.59rem!important;
    line-height: 1rem!important;
    text-align: center;
}
.expansion img {
    width: 13%!important;
    max-width: 22px!important;
height: auto!important;
}

.expansion2 {
    display: block!important;
    width: 100%!important;
    max-width: 170px!important;
    margin: 4px auto 0 auto!important;
    font-size: 0.59rem!important;
    line-height: 1rem!important;
    text-align: center;
color:#000;
}
.expansion2 img {
    width: 13%!important;
    max-width: 22px!important;
height: auto!important;
}
.sponly{display: none;}

.l-grid {margin:6% 15px 0 15px;}

@media screen and (max-width: 639px){
.pconly{display: none;}
.sponly{display: block;}

#click-popup-02 img{width:100%;}
}

.mfp-hide {display: none !important;}

.sectionFormat01 ul li:before {
   width: 0px;
}

.menu ul li{width:32%;display: inline-block; padding: 10px 0!important;}

.sectionFormat01 img {
    max-width: 100%;
    height: auto;
    display: inline-block;
}

.sectionFormat01 ul li, .sectionFormat01 ol li {
    text-align: center;
    padding: 0;
    margin-bottom: 0px;
}

#row-7{background: #000;}
#row-5{margin-bottom: 0%; background: #bffaf6;}

.l-grid__inner-002 li{    width: 32%!important;}

@media screen and (min-width: 640px){
.content-wrap .row-1 .news {border-top: 4px solid #0270bc;border-bottom: 4px solid #0270bc;padding: 90px 40px;}.content-wrap .row-1 .news .scroll-wrap {height: 200px;margin-left: 110px;}.white-popup { position: relative; background: #fff; padding: 20px; width: auto; max-width: 500px; font-size: 1rem; text-align: left; margin: 5% auto;}

}
.row-1 .news .scroll-wrap { height: 90px;}
.content-wrap .row-1 .news {background: url(/img/fes/row-1-bg.png);-webkit-background-size: cover;background-size: cover;width: 100%;position: relative; max-height: 216px; padding: 8% 2%;}
.row {max-width: 960px;margin-left: auto;margin-right: auto; background: #85bc83;}
.row::before, .row::after {content: ' ';display: table;}
@media screen and (min-width: 640px){.content-wrap {padding: 0;border: 4px solid #0270bc;}
.content-wrap .temp-cardlist .content {padding: 0 30px;}}
.content-wrap .row-7 .content {
    position: sticky;
    top: 0;
    left: 0;
    text-align: center;
    display: block;
    width: 100%;
    z-index: 2;
    padding-top: 77%!important;
}


.content-wrap .temp-cardlist .content .inner-content {background-color: rgba(255, 255, 255, 0.8);}
.row-7 .leadtxt {width: 100%;padding: 3% 7.94813979706877% 3%;box-sizing: border-box;}
.row-5 .leadtxt {width: 100%;padding: 3% 7.94813979706877% 3%;box-sizing: border-box;}
.small-12 {width: 100%;}
.row-1 .news .scroll-wrap dl dt { float: left; margin-right: 30px; width: 80px;}
.row-1 .news .scroll-wrap dl dt {color: #ff7200; font-weight:bold;}
.row-1 .news .scroll-wrap dl dd {text-overflow: ellipsis;overflow: hidden; white-space: nowrap; color: #001856 !important;font-size: 18px !important; font-weight: bold !important; margin-bottom:7px;}
.content-wrap [class^="row-"] {position: relative;}
.content-wrap .image-wrap img {width: 100%;}
@media screen and (min-width: 640px){.content-wrap .row-1 .news:before {height: 128px;top: -64px;-webkit-background-size: contain;background-size: contain;}}
.content-wrap .row-1 .news:before {position: absolute;left: 0;content: "";width: 100%;background: url(/img/fes/row-1-deco-top.png) center no-repeat;-webkit-background-size: contain;background-size: contain;height: 13vw;top: -7vw;}
@media screen and (min-width: 640px) {.content-wrap .row-1 .news .scroll-wrap {height: 200px;margin-left: 220px;}
.content-wrap .temp-cardlist .content .inner-content .discraimer {padding: 0 30px 30px;}
.content-wrap .row-4 {margin-bottom: 0;}
.sectionFormat01 ul li, .sectionFormat01 ol li {font-size: 16px;text-align: left;  word-break: break-all;  border-bottom: none;  padding: 0; margin-bottom: 0; position: relative; display: inline-block;}
.sectionFormat01 ul li:before {content: none;}
.sectionFormat01 ul, .sectionFormat01 ol {
    padding: 0 20px;
    margin: 0 auto;
    text-align: center;
}

.sectionFormat01 ul li, .sectionFormat01 ol li {
    font-size: 16px;
    text-align:center;
    word-break: break-all;
    padding:0;
    margin-bottom: 0px;
    position: relative;
}

.content-wrap .row-1 .news:after {height: 118px;bottom: -59px;-webkit-background-size: contain;background-size: contain;}
.content-wrap .row-2 nav.menu {margin:0;}}
.content-wrap .row-1 .news:after {position: absolute;left: 0;content: "";width: 100%;background: url(images/dmv2/page-official-event/row-1-deco-bottom.png) center no-repeat;-webkit-background-size: cover;background-size: cover;height: 12vw;bottom: -6vw;}
.content-wrap .row-emergency a {font-size: 13px;color: #000;font-weight: bold;padding: 1em;background-color: #ffe400;border: 3px solid #0270bc;width: 100%;margin: 18px 0;display: block;}
.content-wrap .row-2 nav.menu {margin-bottom: 0;background: url(/img/fes/row-2-woodpanel.png);}
.content-wrap .row-3 a.link-1 { top: 1444px; }
@media screen and (max-width: 640px) {
    .l-grid__inner-002 li{    width: 50%!important;}
    .content-wrap .row-3 a.link-1 { top: 149vw; }.content-wrap .temp-cardlist .content {padding: 0 15px;}.content-wrap .temp-cardlist .content .inner-content .reading {font-size: 21px;}}
@media screen and (min-width: 960px){.content-wrap .row-3 a.link {top: 1330px;}.content-wrap .row-4 a.link {top: 87%;} .content-wrap .row-3 a.link {top: 83%;}}

.content-wrap .row-10 .content {position: absolute;top: 26.6vw;left: 0;padding: 0 15px;text-align: center;display: block;width: 100%;}
@media screen and (min-width: 960px){.content-wrap .row-10 .content {top: 286px;}}
.row-7 .leadtxt{width: 100%;padding: 3% 7.94813979706877% 3%;box-sizing: border-box;}
.l-grid[class*="has-4-col"] .btn-open-modal p {font-size: 13px; font-weight:bold; text-align:center;}
.l-grid[class*="has-4-col"] .btn-open-modal p:last-child {margin-bottom: 15px;}
.btn-open-modal .clr-yellow {color: yellow;}
.btn-open-modal hr {margin: 15px 0;}
.l-grid[class*="has-4-col"] .btn-open-modal img {height: 115px; width:auto; margin:0 auto;}
.has-gutter .l-grid__inner {}
.btn-open-modal {padding: 25px 10px 10px;display: block;background-color: #030737;border-radius: 8px;text-decoration: none;color: #fff;min-height: 100%;}
.has-gutter .l-grid__item {padding: 0 7.5px 30px;}
.content-wrap .row-5 .content .inner-content {padding-bottom: 0px;}
.content-wrap .temp-cardlist .content .inner-content {background-color: rgba(255, 255, 255, 0.8);}
.content-wrap .row-5 .content {position:sticky; top: 0; left: 0;padding: 0 15px;text-align: center;display: block;width: 100%;padding-top: 63%;z-index: 2;}
#row-5 .image-wrap{position: absolute;top: 0;z-index: 1; background: #bffaf6;}
#row-7 .image-wrap{position: absolute;top: 0;z-index: 1;}
.content-wrap .row-3 a.link {position: absolute;　left: 0;padding: 0 15px;text-align: center;display: block;width: 100%; top: 81.5%;}
.content-wrap .row-3 a.link2 {position: absolute;　left: 0;padding: 0 15px;text-align: center;display: block;width: 100%; top: 63%;}
.content-wrap .row-3 a.link3 {position: absolute;　left: 0;padding: 0 15px;text-align: center;display: block;width: 100%; top: 77.5%;}
.content-wrap .image-wrap img {width: 100%;}
.content-wrap .row-4 a.link {position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    padding: 0 15px;
    text-align: center;
    display: block;
    width: 82%;
    top: 82%;}
.l-grid.has-4-col .l-grid__item, .l-grid--lv2.has-4-col .l-grid--lv2__item {width: 24%;  vertical-align: top;  display:inline-block; box-sizing: border-box;height: auto;}
.h1_basic01 { display:none;}
.l-grid__item p {margin-bottom:0;}
@media screen and (max-width: 640px){

.content-wrap .row-3 a.link {position: absolute;left: 0; right: 0;padding: 0 15px;text-align: center;display: block;width: 90%; top: 81.5%; margin: 0 auto;}
.content-wrap .row-3 a.link2 {position: absolute;left: 0; right: 0;padding: 0 15px;text-align: center;display: block;width: 90%; top: 63%; margin: 0 auto;}
.content-wrap .row-3 a.link3 {position: absolute;left: 0; right: 0;padding: 0 15px;text-align: center;display: block;width: 90%; top: 77.5%; margin: 0 auto;}

#row-7{height:auto;margin-bottom: 0%;} 
#row-5{margin-bottom: 0%; background: #bffaf6;} 
.l-grid.has-4-col .l-grid__item, .l-grid--lv2.has-4-col .l-grid--lv2__item {
    width: 50%;
    vertical-align: top;
    display: inline-block;
    box-sizing: border-box;
    height: auto;
}

.l-grid[class*="has-4-col"] .btn-open-modal img {
    height: auto;
}

.btn-open-modal p {0.8rem !important}.l-grid[class*="has-4-col"].sectionFormat01 ul li:before {content: none;}.row-7 {margin-top:0px;
    background: #020706;}.row-5 {margin-bottom: 180%;
    background: #85bc83;}
.sectionFormat01 ul li, .sectionFormat01 ol li {
    border-bottom:none;
}

.dmv2.page.event .content-wrap .row-3 a.link-1 { top: 83%; }
@media screen and (max-width: 640px) {
	.dmv2.page.event .content-wrap .row-3 a.link-1 { top: 83%; }
}