@charset "utf-8";
/* New COMMON CSS Styles Starting in 202605  */

:root {
--necolico-yellow:#e5eb36;
--necolico-red:#dc6877;
--necolico-gray:#596869;
--necolico-gray50:#acb3b4;
--necolico-gray30:#cdd1d2;
}


/* from /css/styles.css */
article,header {
background-color: #fff;
width:100%;
max-width:100%;
}
#all,
.wrap-all{
transition:opacity .3s;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
footer{
width:100%;
max-width:100%;
}


.container {
position: relative;
background: #FFF;
padding: clamp(25px,15vw,100px) 0;
}
hr {
height: 0;
border:0;
margin: 30px 0;
border-top:1px solid #f0eee9;
}
hr.newline {
border-top:transparent;
margin: 0;
width: 100%;
height: 1px!important;
}
a.anchor {
display: block;
padding-top: 90px;
margin-top: -90px;
}

@media screen and (min-width:768px) {
hr {margin: 40px 0;}
}/* min-width:768px */



/* HEADER */
.header {display: none;}

@media screen and (min-width:768px) {
.header {
display: table;
background: #FFF;
position: inherit;
top: 0;
transition: .2s;
width: 100%;
z-index: 55;
}
.header.hide {
transform: translateY(-100%);
}
.header h1,
.header .gnav {
padding: 8px 15px;
display: table-cell;
}
.header h1 {
width: 160px;
}
.header .gnav {
text-align: right;
font-family: "YakuHanJP",dnp-shuei-mgothic-std, sans-serif;
font-weight: bold;
}
.header .gnav > li {
position: relative;
display: inline-block;
padding: 0 10px;
}
.header .gnav > li:last-child {
padding-right: 0;
}
.header .gnav > li > a,
.header .gnav > li > span {
position: relative;
cursor: pointer;
}
.header .gnav > li > a:before,
.header .gnav > li > span:before {
content: "";
position: absolute;
bottom:-21px;
left:0;
display: block;
width: 100%;
height: 2px;
background: var(--necolico-yellow);
transition: transform .2s;
transform-origin: 50% center;
transform: scaleX(0);
}
.header .gnav > li > a:hover:before,
.header .gnav > li.current > a:before,
.header .gnav > li > span:hover:before,
.header .gnav > li.current > span:before {
transform: scaleX(1);
}

.header .gnav > li > .lower_menu {
display: none;
position: absolute;
top:47px;
left:50%;
transform: translateX(-50%);
width: 220px;
background:#DAE000;
z-index: 100;
}
.header .gnav > li > .lower_menu a {
display: block;
padding: 15px 12px;
line-height: 1.3;
transition: all .2s;
}
.header .gnav > li > .lower_menu a:before {
display: none;
}
.header .gnav > li > .lower_menu a:hover {
background:#E9EC66;
opacity: 1;
}
}/* min-width:768px */


@media screen and (min-width:1080px) {
/* HEADER */
.header .gnav {
padding-right: 25px;
}
.header .gnav > li {
padding: 0 25px;
}

}/* min-width:1080px */




/* FOOTER */
.footer {
padding: 10px 0 80px;
letter-spacing: normal;
/* font-size: 15px; */
}
.footer .wrapper + .wrapper:before {
content: "";
display: block;
margin: 15px 1.851% 20px;
height: 1px;
background: #e5e5e5;
}
.footer .footer_menu {
font-size: 87%;
}
.footer .footer_menu .main_menu .lower,
.footer .footer_menu .contact_menu {
display: none;
}
.footer h1 > a > span {
display: inline-block;
margin-left: 20px;
font-size: 87%;
font-weight: 600;
}
.footer h1 > a > span:after {
content: "";
display: inline-block;
margin-left: 5px;
width: 6px;
height: 6px;
border-top: 1px solid #cad0d2;
border-right: 1px solid #cad0d2;
transform: rotate(45deg) translateY(-1px);
}
.footer .main_menu > a {
position: relative;
display: block;
padding: 10px 0;
border-top: 1px solid #e5e5e5;
font-weight: 600;
}
.footer .main_menu > a:after {
position: absolute;
top:50%;
right:5px;
content: "";
display: inline-block;
margin-left: 5px;
width: 8px;
height: 8px;
border-top: 1px solid #cad0d2;
border-right: 1px solid #cad0d2;
transform: rotate(45deg) translateY(-50%);
}
.footer .main_menu > a .copy {
display: block;
font-size: 86%;
font-weight: normal;
color: #677980;
}
.footer .corpo_menu {
padding-top: 15px;
border-top: 1px solid #e5e5e5;
}
.footer .corpo_menu > p {
display: none;
}
.footer .corpo_menu .lower > a {
display: inline-block;
font-size: 94%;
font-weight: 600;
}
.footer .corpo_menu .lower > a:after {
content: "";
display: inline-block;
vertical-align: middle;
margin: 0 6px 0 8px;
width: 1px;
height: 14px;
background: #e5e5e5;
transform: translateY(-1px);
}
.footer .corpo_menu .lower > a:last-child:after,
.footer .corpo_menu .lower > a.on-sp:after {
display: none;
}

.footer .powered,
.footer .copyright {
font-size: min(3.6vw,13px);
font-family: var(--font-family-mont);
letter-spacing: normal;
padding-right: 0;
padding-left: 0;
}
.footer .powered {
padding: 0 ;
text-align: right;
}
.footer .powered p,
.footer .powered a {
display: inline-block;
vertical-align: middle;
}
.footer .powered a {
margin-left: 5px;
}
.icon_new {
display: inline-block;
padding: 2px 5px;
margin-left: 5px;
background: var(--necolico-red);
border-radius: 3px;
color: #FFF;
font-family: "YakuHanJP",dnp-shuei-mgothic-std, sans-serif;
font-weight: bold;
font-size: 94%;
line-height: 1;
}
.gnav .icon_new {
padding: 1px 4px 2px;
font-size: 75%;
transform: translateY(-2px);
}
.footer .flex{
display: block!important;
}


@media screen and (min-width:768px) {
.footer {
padding: 25px 0 20px;
}
.footer .wrapper + .wrapper:before {
margin: 10px auto 20px;
width: calc(100% - 40px);
}
.footer .footer_menu {
display: inline-block;
padding-left:0;
text-align: right;
}
.footer h1 > a > span {
display: none;
}
.footer .footer_menu a {
display: inline-block;
margin-left: 5px;
margin-bottom: 10px;
}

.footer .footer_menu .flex {
display: flex;
}
.footer .footer_menu .flex > div {
padding: 0 10px;
}
.footer .footer_menu .flex > div + div {
border-left:1px solid #E5E5E5;
}
.footer .footer_menu .flex > div > a {
margin: 0;
font-weight: 700;
font-size: 94%;
}
.footer .footer_menu .flex > div > .lower {
display: block;
}
.footer .footer_menu .flex > div > .lower a {
/* font-size: 82%; */
font-size: 94%;
margin-bottom: 6px;
}
.footer .footer_menu .flex > div > .lower + a {
margin-top: 10px;
}

.footer .footer_menu .main_menu .lower,
.footer .footer_menu .contact_menu {
display: block;
}
.footer .main_menu > a {
padding: 0;
border-top:none;
}
.footer .main_menu > a:after,
.footer .main_menu > a .copy {
display: none;
}
.footer .corpo_menu {
padding-top:0;
border-top: none;
}
.footer .corpo_menu > p {
display: block;
}
.footer .corpo_menu .lower > a {
font-weight: normal;
}
.footer .corpo_menu .lower > a:after {
display: none;
}
.footer .powered,
.footer .copyright {
padding-right: 20px;
padding-left: 20px;
}
.footer .powered a {
margin-left: 15px;
}
.footer .powered a img {
width: 72px;
}
.footer .powered p + a img {
width: 36px;
}
.footer .flex{
display: flex!important;
}
}/* min-width:768px */



@media screen and (min-width:1080px) {
.footer .footer_menu a {
margin-left: 15px;
}
.footer .footer_menu .flex > div {
padding: 0 30px;
}


}/* min-width:1080px */




/* from /css/footer_hmenu_sns.css */
.sp_header {
background: #FFF;
position: relative;
width: 100%;
height: 60px;
z-index: 995;
}
.sp_header h1{
display: inline-block;
}
.sp_header h1 {
position: absolute;
z-index: 100;
top:8px;
left:10px;
text-align: left;
width: 90%;
}
.sp_header h1 img {
display: inline-block;
vertical-align: bottom;
width: 110px;
margin-top: 5px;
}
.sphead_btn_buy,
.sphead_btn_rental {
position: fixed;
top:13px;
right:65px;
display: none;
width: 82px;
height: 48px;
z-index: 996;
}
.sphead_btn_rental {
right:152px;
}
.sphead_btn_rental.new:before {
position: absolute;
top:-10px;
right:-5px;
content:"";
display:block;
width:24px;
height:24px;
background: url(../images/header_icon_new.svg) no-repeat 50% 50%;
background-size: 100%;
}

@media screen and (max-width:321px) {
.sp_header h1 img {
width: 100px;
}
.sphead_btn_buy,
.sphead_btn_rental {
top:15px;
width: 60px;
}
.sphead_btn_rental {
right:130px;
}
.sphead_btn_rental.new:before {
width: 18px;
height: 18px;
}
}/*min-width:375px*/

@media screen and (min-width:768px) {
.sphead_btn_buy,
.sphead_btn_rental{
display: none;
}
}/*min-width:768px*/


/* hamburger menu */
.hmenu-wrapper{
position:fixed;
top:0;
right:0;
z-index: 999;
background-color:#e2e537;
}
.hmenu{
width: 60px;
height:60px;
position:relative;
cursor:pointer;
display: inline-block;
float:right;
z-index: 999;
}
.hmenu1{
width:34px;
height:4px;
position:absolute;
top:16px;
left:15px;
}
.hmenu2{
width:34px;
height:4px;
position:absolute;
top:28px;
left:15px;
}
.hmenu3{
width:34px;
height:4px;
position:absolute;
top:40px;
left:15px;
}
.hmenu1,.hmenu2,.hmenu3{
transition: all 0.3s ease-out;
display: inline-block;
background-color: #585656;
border-radius: 2px;
}
.hmenuclick1{
top:28px;
transform: rotate(45deg);
}
.hmenuclick2{
opacity:0;
}
.hmenuclick3{
top:28px;
transform: rotate(-45deg);
}
.hmenu-back{
display: none;
position: fixed;
background-color: #FFF;
opacity: 1;
z-index: 997;
width: 100%;
height: 100%;
top:0;
left:0;
}
.hmenu-nav {
display: none;
position:fixed;
top:0;
z-index: 998;
top: 0;
width: 100%;
height: 100%;
padding: 15px 0;
box-sizing: border-box;
background-color: #e2e537;
}
.small_menu .hmenu{
width: 40px;
height:40px;
}
.small_menu .hmenu1{
width:22px;
height:2px;
top:12px;
left:10px;
}
.small_menu .hmenu2{
width:22px;
height:2px;
top:18px;
left:10px;
}
.small_menu .hmenu3{
width:22px;
height:2px;
top:24px;
left:10px;
}
.small_menu .hmenuclick1{
top:20px;
}
.small_menu .hmenuclick3{
top:20px;
}

.hmenu-nav h1 {
margin-bottom: 20px;
}
.hmenu-nav h1 a{
display: block;
width: auto;
padding: 0;
margin: 0;
text-align: left;
}
.hmenu-nav > nav {
padding: 0 20px;
width: 100%;
height: 100%;
overflow-y:auto;
-webkit-overflow-scrolling: touch;
box-sizing: border-box;
}
.hmenu-nav li {
margin-top: 10px;
}
.hmenu-nav li.lower {
margin-top: 0;
font-size: 90%;
}
.hmenu-nav li a,
.hmenu-nav li strong {
display: block;
padding: 3px 0;
font-size: 110%;
font-family: "YakuHanJP", dnp-shuei-mgothic-std, sans-serif;
font-weight: 600;
}
.hmenu-nav li.lower a {
display: inline-block;
padding: 0 7px 3px 0;
font-size: 106%;
font-weight: 400;
}

.hmenu-nav li.other_menu {
position: relative;
}
.hmenu-nav li.other_menu:before {
content: "";
display: block;
margin: 20px auto;
width: min(40vw,180px);
height: 1px;
background: #b5b094;
}

.hmenu-nav.mamolico li > .small-head {
display: inline-block;
margin-bottom: 6px;
text-align: center;
font-size: 80%;
font-family: var(--font-family-round);
border: 1px solid #b5b093;
padding: 0 min(2vw,10px);
}



@media screen and (min-width:768px) {
.sp_header,
.hmenu-wrapper{
display: none;
}
.small_menu .hmenu1{
width:30px;
}
.small_menu .hmenu2{
width:30px;
}
.small_menu .hmenu3{
width:30px;
}

}/* min-width:768px */



/* Social Button */
.social-button {
padding:14px 0;
}
.social-button ul {
width: 90%;
margin: 0 auto;
text-align: right;
overflow: hidden;
}
.social-button ul li {
display: block;
margin-left: 8px;
float: right;
}
.social-button ul li.fb {
position: relative;
top:-7px;
}


@media screen and (min-width:768px) {
/* Social Button */
.social-button ul {
width: 96%;
}
.social-button ul li {
margin-left: 15px;
}


}/* min-width:768px */


@media screen and (min-width:1080px) {
.social-button ul {
padding: 10px;
max-width: 1040px;
}

}/* min-width:1080px */




/* footer-top-btn */
.footer {
position: relative;
}
.footer-top-btn {
position: fixed;
bottom:10px;
right:10px;
display: inline-block;
background: #d1d721;
text-align: center;
width: 50px;
height: 50px;
z-index: 500;
border-radius: 30px;
opacity: 0;
}
.footer-top-btn span {
display: none;
}
.footer-top-btn:before {
position: absolute;
top:55%;
left:50%;
display:block;
content: "";
width: 10px;
height: 10px;
border-top:2px solid #231815;
border-right: 2px solid #231815;
-webkit-transform: translate(-50%, -55%) rotate(-45deg);
transform:translate(-50%,-55%) rotate(-45deg);
}


@media screen and (min-width:768px) {
.footer-top-btn {
right: 20px;
}
}/* min-width:768px */

/* //footer_hmenu_sns.css */








/* BOTTOM NAV - /css/styles.cssから移植・編集 */

.bottom_nav {
position: relative;
margin-top: 10px;
background-color: #e5eb36;
font-family: "YakuHanJP", dnp-shuei-mgothic-std, sans-serif;
font-weight: bold;
}
.bottom_nav.service h1 {
display: none;
}
.bottom_nav ul {
padding: 0 20px;
}
.bottom_nav ul li {
border-bottom:1px solid #FFF;
}
.bottom_nav ul li:last-of-type {
border-bottom:none;
}
.bottom_nav ul li a {
position: relative;
display: block;
padding: 15px 0;
}
.bottom_nav ul li.current a:before {
content: "";
position: absolute;
bottom:-1px;
left:0;
display: block;
width: 40%;
height: 2px;
background: #000;
}



@media screen and (min-width:768px) {
.bottom_nav {
min-height: 60px;
text-align: center;
}
.bottom_nav ul {
display: inline-block;
padding: 15px 0 0;
}
.bottom_nav ul li {
display: inline-block;
margin: 0 3px;
padding: 0;
border-bottom:none;
}
.bottom_nav ul li a {
position: relative;
display: inline-block;
padding: 0;
font-size: min(1.5vw,15px);

}
.bottom_nav ul li a:before {
content: "";
position: absolute;
top:-18px;
bottom:auto;
left:0;
display: block;
width: 100%;
height: 2px;
background: #000;
transition: transform .2s;
transform-origin: 50% center;
transform: scaleX(0);
}
.bottom_nav ul li a:hover {
opacity: 1;
}
.bottom_nav ul li a:hover:before,
.bottom_nav ul li.current a:before {
width: 100%;
top:-18px;
bottom:auto;
transform: scaleX(1);
}


}/* min-width:768px */





/* NEWS - /css/styles.cssから移植・編集 */
/* newslist */
.news_index li {
border-bottom: 1px solid #e4e8eb;
}
.news_index li > a {
display: block;
padding: 15px 0;
}
.news_index li > a > span {
display: inline-block;
}
.news .news_index .date {
font-family: 'Ropa Sans', sans-serif;
}
.news .news_index .lavel {
margin-left: 5px;
padding: 5px;
min-width: 90px;
text-align: center;
line-height: 1.2;
color: #FFF;
font-size: 76%;
font-family: dnp-shuei-mgothic-std, sans-serif;
}
.news .news_index .lavel.information {
background: #e5eb36;
color: #333;
}
.news .news_index .lavel.release {
background: #83929c;
}
.news .news_index .lavel.event {
background: #90a900;
}
.news .news_index .lavel.rec {
background: #498FAD;
}
.news .news_index .lavel.emo,
.news .news_index .lavel.mamolico,
.news .news_index .lavel.dokkyo,
.news .news_index .lavel.airoco {
padding: 3px 5px;
white-space: nowrap;
width: auto;
min-width: auto;
}
.news .news_index .lavel.emo {
background: #D24F5C; 
}
.news .news_index .lavel.mamolico {
background: var(--necolico-red); 
}
.news .news_index .lavel.dokkyo {
background: #c9cf00;
}
.news .news_index .lavel.airoco {
background: #77b3db;
}


@media screen and (min-width:768px) {
.news_index  li > a > span,
.news_index li > a > p {
letter-spacing: normal;
display: inline-block;
vertical-align: top;
box-sizing: border-box;
}
.news_index li > a > span.date {
width: 80px;
}
.news_index li > a > span.lavel {
width: 100px;
}
.news_index li > a > p {
padding-left: 15px;
width: calc(100% - 200px);
}
.news .news_index .lavel.emo,
.news .news_index .lavel.mamolico,
.news .news_index .lavel.dokkyo,
.news .news_index .lavel.airoco {
translate: 0 5px;
width: auto;
min-width: auto;
}

}/* min-width:768px */







/* SECTION TITLE - /css/styles.cssから移植・編集 */
.section_title {
position: relative;
padding: 30px 0 30px 20px;
background-image: url(../images/bg_sectiontitle.svg);
background-repeat: no-repeat;
background-position: 0 0;
background-size: 45px;
}
.section_title.no_triangle {
background:none;
}
.section_title h1,
.section_title h2 {
font-size: 140%;
font-family: "YakuHanJP",dnp-shuei-mgothic-std, sans-serif;
line-height: 1.2;
}
.section_title h1 span,
.section_title h2 span {
display: block;
font-size: 70%;
font-family: 'Ropa Sans', sans-serif;
letter-spacing: 0.04em;
}
.section_title h1 strong:after,
.section_title h2 strong:after {
content: "";
margin: 15px 0;
display: block;
height: 2px;
width: 94px;
background: #333;
}
.section_title h1 small {
display: inline-block;
margin-bottom:8px; 
font-size:70%;
}
nav.category_head + .section_title:before {
content: "";
position: absolute;
top:-60px;
left:0;
display: block;
width: 185px;
height: 60px;
z-index: 60;
}
.section_title.noborder h1 strong:after,
.section_title.noborder h2 strong:after {
display: none;
}
.section_title + .container {
padding: 10px 0 50px;
}
.section_title.noborder + .container {
padding: 10px 0 50px;
}





@media screen and (min-width:768px) {
.section_title {
padding: 30px 0 0 50px;
background-size: 54px;
}
.section_title h1,
.section_title h2 {
font-size: 182%;
}
.section_title h1 span,
.section_title h2 span {
display: block;
margin-left: 0;
}

.section_title + .container {
padding: 0 0 70px;
}
.section_title.noborder + .container {
padding: 60px 0 90px;
}


}/* min-width:768px */





/* PARTS */
/* link / button */
.btn_yellow_round {
display: inline-block;
line-height: 1;
padding: min(4vw, 14px) min(6vw, 26px);
box-sizing: border-box;
background: var(--necolico-yellow);
border-radius: 30px;
font-family:var(--font-family-round);
font-weight: 600;
text-align: center;
}

.btn_red_round {
display: inline-block;
padding: min(3vw,12px) min(8vw,36px) min(3vw,10px);
box-sizing: border-box;
background: var(--necolico-red);
border-radius: 30px;
font-family:var(--font-family-round);
font-weight: 600;
color: #FFF;
text-align: center;
}

.btn_gray_round {
display: inline-block;
padding: min(3vw,12px) min(8vw,36px) min(3vw,10px);
box-sizing: border-box;
background: var(--necolico-gray);
border-radius: 30px;
font-family:var(--font-family-round);
font-weight: 600;
color: #FFF;
text-align: center;
}