#l_area{width:250px;box-sizing:border-box;top:0;bottom:0;margin:0 auto 0;z-index:4;padding:0 0 40px 0;background-color:#fff;}
#l_area_1st{padding:10px 30px 0;position:relative}
#l_area_1st{width:100%;box-sizing:border-box;}
#l_area_1st ul{margin:0;padding:10px 0;height:auto;list-style:none;overflow:hidden;width:100%}
#l_area_1st ul li{font-size:80%;width:100%;max-width:200px;margin:0 auto 5px;padding:0}
#l_area_1st ul li a{color:#fff;text-align:center;display:block;padding:0;text-decoration:none;height:40px;line-height:36px;width:96%;margin:auto;box-sizing:border-box;border-radius:100px;border: 2px solid #5d4b4b;background-image:-webkit-linear-gradient(277deg, hsla(0,0%,100%,.1) 0%, hsla(0,0%,100%,0) 49.22%, hsla(0,0%,100%,.1) 49.22%, hsla(0,0%,100%,0) 98.96%);background-image:linear-gradient(173deg, hsla(0,0%,100%,.1) 0%, hsla(0,0%,100%,0) 49.22%, hsla(0,0%,100%,.1) 49.22%, hsla(0,0%,100%,0) 98.96%)}
#l_area_1st ul li a:hover{background-color:#ededed;color:#f36}
#menu_btn01 a{background-color:var(--main-color)}
#menu_btn02 a{background-color:#F8BB1A}
#menu_btn03 a{background-color:var(--sub-color)}
#menu_btn04 a{background-color:var(--green-color)}
#menu_btn05 a{background-color:#8f5ea3}
#menu_btn06 a{background-color:#A2907B}
#menu_btn07 a{background-color:var(--black-color)}
#l_area_2nd{width: 72%; box-sizing: border-box; height: auto; padding: 20px 10px 50px; margin: 10px auto; border: 1px solid #eaeaea; border-radius: 7px;background-color: #f5f5f5;}
.p_title{line-height:30px;margin:0 0 10px;padding:0;font-size:95%;text-align:center;color:var(--main-color);}
.p_title a{text-decoration:none;color:#E85169}
#nav_base{margin:0;padding:0;width:100%;overflow:hidden}
#nav_base li{display:block;box-sizing:border-box;list-style-type:none;height:38px;width:100%;margin:0 0 15px;padding:0;line-height:38px;text-align:center;font-size:90%}
#nav_base li a{display: block; border-radius: 19px; color:#798185; background-color: #f1f1f1; font-size: 90%; text-decoration: none; margin: 0 2px; box-sizing: border-box; border: 1px solid #00000029; border-bottom-width: 2px;}
#nav_base li a, #nav_base li a:hover{transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s}
#nav_base li a:hover{color:#fff;background-color:#5eaed6}
/************スマホのみ*/
@media screen and (min-width:319px) and (max-width:912px){
input#l-area-btn{display:none;}
input#l-area-btn + label{border-radius: 25px; text-indent: -1000px; z-index: 501; display: block; box-sizing: border-box; position: fixed; top: 25px; right: 20px; width: 50px; height: 50px;font-size: 10px; background-color: #f8bb1a; line-height: 40px; margin: 0 0 5px; border: rgba(0,0,0,.1) 1px solid; border-bottom: rgba(0,0,0,.15) 2px solid; background-image: url(/img/icon-menu.webp);background-size: 30px auto; background-repeat: no-repeat; background-position: center center; padding: 0 0 0 30px; color: rgba(255,255,255,1.00);}
	input#l-area-btn:checked + label{background-color:#f8bb1a;background-image: url(/img/icon-menu-x.webp);background-size: 20px auto;}
input#l-area-btn + label + #l_area{top:0px;bottom:0;right:-100%;-webkit-transition:.3s;transition:.3s;margin:auto;border-radius: 0px;box-sizing: border-box;backdrop-filter: blur(5px);background-color: #fffd;}
input#l-area-btn:checked + label + #l_area{right:0;left:0;-webkit-transition:.3s;transition:.3s;}
#l_area{position:fixed;height:calc(100% - 0px);z-index:500;overflow:auto;width:100%;box-sizing:border-box;}
input#l-area-btn + label + #l_area + label{position:fixed;z-index:110;height:calc(100% - 50px);width:calc(100% - 250px);color:white;box-sizing:border-box;padding:40vh 0 0 0;text-align:center;background-color:rgba(0,0,0,0.85);top:50px;right:-100%;-webkit-transition:.3s;transition:.3s;}
input#l-area-btn:checked + label + #l_area + label{right:0;-webkit-transition:.3s;transition:.3s;}
.title-box{position:fixed;width:100%;box-sizing:border-box;top:0;left:0;z-index:100;border-bottom:1px solid #0002;height:50px;background-color:var(--black-color);}
p.main-title {font-size:80%;padding:0;line-height:40px;margin:0;color:#F8BB1A;position:absolute;top:5px;left:55px;font-weight:400;}
p.main-title a{color:#ffffff;text-decoration:none;display:block}
.logo_pc{width:auto;height:30px;padding:0;margin:0;position:absolute;top:9px;left:9px;}
.display_pc, .logo_pc{display:block}
.display_phone, .logo_phone{display:none}
}
/************パソコンのみ*/
@media screen and (min-width:913px){input#l-area-btn,input#l-area-btn + label{display:none;}
input#l-area-btn + label + #l_area + label{display:none;}
p.main-title {font-size:100%;padding:0;line-height:30px;margin:0;color:#F8BB1A;font-weight:400;text-align: center;}
p.main-title a{color:#6c6c6c;text-decoration:none;display:block}
p.main-title a:hover{color:#0d0d0d}
	#l_area{margin-top:100px;}
.title-box{position: absolute; width: 250px; height: 100px; top: 0; left: 0; padding: 20px 0;box-sizing: border-box;background-color:white;}
}

/************202410*/
div.area-menu{width:180px; padding:2em 1em;box-sizing:border-box;margin:auto;background-color:#eaeaea;border: 2px solid #5b4141;border-radius:10px;}
div.area-menu ul{list-style:none;}
div.area-menu > ul > li{margin:0 0 1em;padding:0;}
div.area-menu ul label.area-label{background-color: #fff;text-align: center;display: block;border: 2px solid #0009;box-sizing: border-box;cursor: pointer;font-size: 85%;border-radius: 100px; padding: 0.61em;color: #888;}
div.area-menu ul label.area-label:hover{background-color:#aaa;color:white;}
div.area-menu ul input[type='radio']{display:none;}
div.area-menu > ul{position: relative; margin: auto; padding: 0;width: 100%;}
div.area-menu ul input[type='radio']:checked + label.area-label{background-color:black;color:white;}
div.area-menu ul input[type='radio'] + label.area-label + ul{transform:translate(-800px , -50%);display:none;position:absolute;opacity:0;transition:0.5s;padding:2em 1em;margin: 0;background-color:white;display:flex;flex-wrap:wrap;min-width: 320px;max-width: 400px;width: 90vw;}
div.area-menu ul input[type='radio']:checked + label.area-label + ul{position:absolute;transform:translate(175px , -50%);transition:0.5s;opacity:1.0;box-shadow: 10px 10px 1px 2px #0002;}
div.area-menu ul input[type='radio'] + label.area-label + ul + label.area-label2{position:absolute;display: flex;opacity:0;transition:0.5s;transform: translate(-400px, -40px);cursor: pointer;background-color: #1795cc;color: white; height: 40px;width: 40px;border-radius: 100px;align-items: center;justify-content: center;}
div.area-menu ul input[type='radio']:checked + label.area-label + ul + label.area-label2{opacity:1;position: absolute;opacity: 1;transform: translate(155px, -40px);transition:0.5s;}
div.area-menu > ul > li > ul{border: 2px solid #0009;border-radius: 10px;}
div.area-menu > ul > li > ul > li{width:50%;box-sizing:border-box;display:block;background-color:white;text-align:center;margin:0 0 0.6em;padding:5px;display:flex;align-items:center;}
div.area-menu > ul > li > ul > li a{text-decoration:none;font-size:12px;display:block;border-bottom:1px solid #0002;height:100%;width:100%;color:#777;}
div.area-menu > ul > li > ul > li a:hover{color:#e85169;}
div.area-menu > ul > li > ul > li:first-child{width: 61%; margin:0 auto 1em;min-width: 240px;}
div.area-menu > ul > li > ul > li:first-child a{border-bottom: 3px solid #0002;padding: 0.6em;height: inherit;color: #e85169;}
div.area-menu > ul > li > ul > li:first-child a:hover{background-color:#eaeaea;color:#e85169;}
div.area-menu > ul > li > ul > li:nth-last-child(2) a , div.area-menu > ul > li > ul > li:last-child a {}
div.area-menu > ul > li > ul > li:nth-child(odd){}
div.area-menu > ul > li > ul > li a{text-decoration:none;font-size:90%;display:block;border-bottom:1px solid #0002;height:100%;width:100%;color:#777;height:45px;line-height:45px;}
@media screen and (min-width:319px) and (max-width:912px){
	div.area-menu > ul > li > ul > li a {font-size:3.4cqw;}
div.area-menu > ul{position: inherit; margin: auto; padding: 0;width: 100%;}
div.area-menu ul input[type='radio']:checked + label.area-label{background-color:black;color:white;}
div.area-menu ul input[type='radio'] + label.area-label + ul{transform:translatex(0px);left:-800px;display:none;position:absolute;opacity:0;transition:0.5s;padding:2em 1em;margin: auto;background-color:white;display:flex;flex-wrap:wrap;min-width: 320px;max-width: inherit;width: 90%;height:auto;}
div.area-menu ul input[type='radio']:checked + label.area-label + ul{transform:translatex(0px);left:5%;right:5%;margin:auto;transition:0.5s;opacity:1.0;box-shadow: 10px 10px 1px 2px #0002;}
div.area-menu ul input[type='radio'] + label.area-label + ul + label.area-label2{right:600px;display: flex;opacity:0;transition:0.5s;cursor: pointer;background-color: black;color: white; height: 40px;width: 40px;border-radius: 100px;align-items: center;justify-content: center;transform: translate(0, 0);}
div.area-menu ul input[type='radio']:checked + label.area-label + ul + label.area-label2{opacity:1;right: calc(5% - 20px);opacity: 1;transition:0.5s;transform: translate(0, 0);margin: -20px auto 0;}
}