#modal {margin: auto;position: fixed;top: 50%;left: 50%;transform: translate(-50%,-50%);box-shadow: 0 0 10px #999;opacity: 0;z-index: -1; line-height: 0;}
#modal img{max-width: 600px;}
#modal.show {opacity: 1;z-index: 1;}
#modal p {display: block;position: absolute;right: -20px; top: -20px;margin: 0 auto;background: #fff;color: #333;cursor: pointer;padding: 1rem; box-sizing: border-box; border-radius: 50%;border: none;z-index: 1000;}

html,body {background: #fff;}
#enter #wrapper .inner{box-shadow: 0 2px 8px 0 rgba(0,0,0,.3); box-sizing: border-box;}
#enter header{padding: 10rem 15rem 1rem;}
#enter .btn{width: 60%;}
#enter .content {padding: 2rem 5rem; box-sizing: border-box;}
#enter .content h2{background: #0e4365; border-bottom: solid 2px #ccc; color: #fff;text-align: center;font-family: "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Helvetica Neue", Arial, Meiryo, sans-serif; font-size: 1.8rem;letter-spacing: 0.2rem; padding: .5rem 0; box-sizing: border-box; margin-bottom: 1rem;}
#enter .content h3{border-bottom: solid 2px #000; margin-bottom: 1rem; padding: .5rem .5rem; box-sizing: border-box;}
header .inner .opentime span{background-image: linear-gradient(15deg, rgba(24, 136, 236, 1), rgba(14, 244, 255, 1)); color: #fff;}
header .inner .hdtel span{background-image: linear-gradient(15deg, rgba(24, 136, 236, 1), rgba(14, 244, 255, 1)); color: #fff;}

h2{text-align: center;font-family: 'Noto Serif JP', serif; font-size: 2.4rem;letter-spacing: 0rem; color: #319ee1;}
h2 span{position: relative;display: inline-block;padding: 0 2rem; background: #319ee1;background-clip: border-box;-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;}
h2 span::before,h2 span::after{position: absolute;top: 50%;content: '';width: 13rem;height: 1px;}
h2 span::after{right: 100%;background: #4cb5f5;}
h2 span::before{left: 100%;background: #4cb5f5;}

.discri{text-align: center;width: 32%; margin: .5rem auto 2rem auto;position: relative; padding: .5rem 0; background-image: linear-gradient(15deg, rgba(24, 136, 236, 1), rgba(14, 244, 255, 1)); box-sizing: border-box; border-radius: 20px;}
.discri p{color: #fff;}

.outer{width: 1200px; margin: 0 auto;}
.block-01{background: #f4fbfd; padding: 5rem 0; box-sizing: border-box; border-top: solid 5px #29bec6; border-bottom: solid 5px #29bec6;}
.block-02{background: #f4fbfd; padding: 5rem 0; box-sizing: border-box;}
.block-03{background: #fff; padding: 5rem 0; box-sizing: border-box;}

input[type=submit]{background:#417d95;border:1px solid #533c0a;color:#fff;}
input[type=submit]:hover{background-color:#699fb4;}

#gnav{background-image: linear-gradient(15deg, rgb(24, 176, 236), rgb(22, 220, 230));}
#gnav nav li{border-left: solid 1px #fff;}
#gnav nav li:last-child{border-right: solid 1px #fff;}
#gnav nav li span{color:#393e48;}
#gnav nav li a:hover{opacity: .5;}

.anmarea h2{color: #fff;}
.anmarea .slick-slide img{padding: 0;}
.anmarea .block-left{background: #338ac0;}
.anmarea .block-left .box p{color: #fff;}
.anmarea .staff{border: solid 1px #b8dfe8; background: #fff;box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.2);}

.staff{background: #fff;}
.staff .prof{margin:.5rem 0; color: #000;}
.time{color:#fff; background: #20adce;}

#newstopics1{background: #fff;border: solid 1px #d7dfea;}
#pickup{background: #fff;}
#topnewface{background: #fff;border: solid 1px #d7dfea;}
#topnewface .ncstaff h3{color: #333;}
#newstopics1 .discri,#pickup .discri,#topnewface .discri{width: 70%; margin:.5rem auto 1rem auto !important;}
#newstopics1 .entry .body{display: flex; align-items: center;}
#newstopics1 .entry a {color: #000;border-image:none !important;border-bottom: 1px solid #338ac0;}
#newstopics1 .entry h3{color:#338ac0; margin-bottom: 0; padding-bottom: 0; margin-left: 1rem;}
#pickup h3{color: #338ac0;}

.list .inner{background: #fff; border-image: none;border: solid 1px #d7dfea;}

.postlist li a{background: #fff; color: #000;}
.postlist h3{background: linear-gradient(15deg, rgb(71, 131, 185), rgb(49, 237, 247)); color:#fff;}
.postlist h3 i{color: #fff;}

#ranking .lists{background:none;}
#ranking h3.ttl{color:#FEE9A0; border-bottom: 1px solid;background: linear-gradient(15deg, rgb(71, 131, 185), rgb(49, 237, 247)); color:#fff;border-image: linear-gradient(90deg, #B67B03 0%, #FEE9A0 50%, #B67B03 100%); border-image-slice: 1;}
#ranking h3.ttl i{margin-right: 1rem;}

#event .entry{border: solid 1px #c2d5f2; background: #fff;box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.2);}
#event h3{background: linear-gradient(15deg, rgb(71, 131, 185), rgb(49, 237, 247)); color:#fff;}


#contact h3{background: linear-gradient(15deg, rgb(71, 131, 185), rgb(49, 237, 247)); color:#fff; border-radius: 10px 10px 0 0;}

#pickup-parts h3{color: #333 !important; background: none;-webkit-text-fill-color:initial;}
.staff_row{background: #fff;border: 1px solid #b9e4f4; color: #000;}
.staff_row h3{color: #333;}

#profile h3{color: #319ee1;}
#profile h3 span::before,#profile h3 span::after{position: absolute;top: 50%;content: '';width: 10rem;height: 1px;}
#profile h3 span::after{background: #319ee1;}
#profile h3 span::before{background: #319ee1;}

#profarea{box-sizing: border-box;}
#profile ul.option li.on{background: #024079; color: #fff;}
#profile #schedule ul{border:solid 1px #2e97ca;}
#profile #schedule li{border-right: solid 1px #a8d3e8;}
#profile #schedule li:last-child{border-right: none;}
#profile #schedule li .date{background: #2e97ca;color: #fff;border-bottom:solid 1px #cdf0f4;}
#profile #schedule li .time{background: #fff;color: #000;}
#profile #schedule th,#profile #schedule td{border:solid 1px #cdf0f4;}
#profile #schedule th{background: #2e97ca;color: #fff !important;}
#profile #schedule td{background: #fff !important; color: #000 !important;}

th,td{border: solid 1px #cdf0f4;}
th{background: #3c7895; color:#fff;}
td{background: #fff;}

.fjbox h3{background: linear-gradient(15deg, rgb(71, 131, 185), rgb(49, 237, 247)); color:#fff; border-radius: 10px 10px 0 0;}
.fjbox tr>*:first-child {background: #3c7895; color: #fff;}
.fjbox dl dt {background: #3c7895; border-bottom: 1px solid #cdf0f4;border-right: 1px solid #cdf0f4; color: #fff;}
.fjbox dl dd {background-color: #fff; border-bottom: 1px solid #cdf0f4;}
.fjbox dl.onlydd dd .inner{border: 1px solid #4eacb7;}

@media (max-width: 480px) {
#modal{width: 85%;}
#modal img{width: 100%;}
#enter header{padding: 5rem 0rem 0rem;}
#enter .btn{width: 80%;}
#enter .content {padding: 2rem 1rem; box-sizing: border-box;}
header .inner{background:rgba(255,255,255,.7);border-bottom: 1px solid;border-image: linear-gradient(90deg, #B67B03 0%, #FEE9A0 50%, #B67B03 100%); border-image-slice: 1;}
header .inner .logo{line-height: 0; width: 60%;}
.numcount{background: #000;}
.numcount .num{color:#fff;}
#gnav{background-image: none !important; background: #000;}
#gnav .infobox{color: #fff;}
#gnav .logo{width: 70%; margin: 15px auto 0px auto; line-height: 0;}
#gnav nav li:last-child {border-right: none;}
#gnav nav ul li a {color: #339dd0;border: solid 1px #2596a2; background: #fff;}
#wrap{padding-top: 8rem;}
h2 span::before, h2 span::after{width: 6rem;}
.discri{width: 60%; margin: .5rem auto 1rem auto;}
#photoarea {padding: .5rem 0rem !important; background: none; }
#profile .discri{width: 80%;}
#profile ul.option li:nth-of-type(2n){margin-right: 0;}
#profile #schedule ul{border:solid 1px #2e97ca;}
#profile #schedule li{border-right: none;border-bottom:solid 1px #a8d3e8;}
#profile #schedule li:last-child{border-bottom: none;}
#profile #schedule li .date{border-bottom:none;border-right:solid 1px #2e97ca;}
#profile #schedule li .time{margin: 0;}
#newstopics1 .entry .body{flex-wrap: wrap;}
#newstopics1 .entry .date{width:100%;}
#newstopics1 .entry h3{margin-left:0;}
}