@charset 'UTF-8';

#globalBlandHeader{
position: relative;
margin-bottom: 0;
padding-bottom: 0;
z-index: 100;
}
#wrap {
padding-top: 0;
}
#bcList{
background: #fff;
}
.contents .contents_inner{
padding: 0 0 100px 0;
}
#footer .footer_menu_pc{
display: none !important;
}
#footer .footer_menu_sp{
display: none !important;
}
#footer .footer_info{
padding: 0;
background: #fff;
}
@media screen and (max-width:767px){
#wrap {
padding-top: 0;
background-position: top center;
background-size: 100%;
}
body.menuOpen #wrap:after{
content: "";
display: block;
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.4);
}
.contents .contents_inner{
padding: 0;
}
#bcList{
display: none;
}
}
/*===========================================
moredeli_nav
===========================================*/
.moredeli_nav {
position: relative;
padding: 0 20px;
background: #fff;
box-shadow: 0 3px 3px 0 rgba(0,0,0,0.05);
z-index: 11;
}
.moredeli_nav .moredeli_nav_wrap{
position: relative;
background: #fff;
z-index: 1;
}
.moredeli_nav .moredeli_nav_flex{
display: flex;
}
.moredeli_nav .menu{
flex-basis: 68px;
background: url(/communication/image/index_logo_01.svg) center left no-repeat;
background-size: 68px;
}
.moredeli_nav .menu a{
display: block;
width: 68px;
position: relative;
text-align: left;
white-space: nowrap;
text-indent: -9999px;
overflow: hidden;
}
.moredeli_nav .menu a:after{
content: normal;
}
.moredeli_nav .menu span{
font-size: 1.8rem;
flex-wrap: wrap;
height: auto;
}
.moredeli_nav .menu small{
font-size: 1.4rem;
}
.moredeli_nav .moredeli_nav_scroll{
flex-basis: calc(100% - 68px);
overflow-y: auto;
}
.moredeli_nav .moredeli_nav_wrap{
max-width: 1000px;
margin: auto;
}
.moredeli_nav ul{
display: flex;
}
.moredeli_nav li{
display: flex;
flex-grow: 1;
position: relative;
}
.moredeli_nav a{
display: flex;
align-items: center;
justify-content: center;
flex-grow: 1;
text-decoration: none;
height: 90px;
}
.moredeli_nav a:after{
content: "";
display: block;
position: absolute;
bottom: 0;
left: 0;
right: 0;
width: calc(100% - 4px);
height: 3px;
margin: auto;
background: #000;
}
.moredeli_nav .customer a:hover{
color: #eb579e;
}
.moredeli_nav .customer a:after{
background-color: #eb579e;
background-image: linear-gradient(90deg, #f88ea7 0%, #eb579e 100%);
}
.moredeli_nav .improvement a:hover{
color: #ec7992;
}
.moredeli_nav .improvement a:after{
background-color: #ec7992;
}
.moredeli_nav .manzoku a:hover{
color: #f1b131;
}
.moredeli_nav .manzoku a:after{
background-color: #f1b131;
}
.moredeli_nav .monitor a:hover{
color: #59bee2;
}
.moredeli_nav .monitor a:after{
background-color:#59bee2;
}
.moredeli_nav .family a:hover{
color: #59bee2;
}
.moredeli_nav .family a:after{
background-color: #59bee2;
}
.moredeli_nav li span{
display: flex;
flex-grow: 1;
align-items: center;
justify-content: center;
height: 40px;
border-right: 1px dotted #ddd;
font-size: 1.4rem;
text-align: center;
font-weight: bold;
}

@media screen and (min-width:768px){
.moredeli_nav .moredeli_nav_list{
height: auto !important;
}
}
@media screen and (max-width:767px){
.moredeli_nav .menu{
position: relative;
padding-left: 65px;
background: none;
}
.moredeli_nav .menu a{
display: flex;
width: auto;
text-indent: 0;
}
.moredeli_nav .menu a:after{
transform: none;
content: '';
display: block;
position: absolute;
width: 12px;
height: 12px;
top: 0;
bottom: 0;
right: 0;
left: auto;
margin: auto;
border: none;
background: url(/shared/image/icon_plus_red.svg) center no-repeat;
background-size: contain;
}
.moredeli_nav .menu a.open:after{
background-image: url(/shared/image/icon_minus_red.svg);
}
.moredeli_nav .menu .communication_logo{
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 50px;
background: url(/communication/image/index_logo_01.svg) center left no-repeat;
background-size: contain;
z-index: 1;
}
.moredeli_nav .menu .communication_logo:after{
content: normal;
}
.moredeli_nav .menu .communication_logo span{
display: none;
}
.moredeli_nav .menu small{
flex-basis: 100%;
}
.moredeli_nav{
padding: 0;
}
.moredeli_nav .flex{
flex-wrap: wrap;
}
.moredeli_nav .menu{
flex-basis: 100%;
background-size: 50px;
}
.moredeli_nav .menu a{
display: flex;
}
.moredeli_nav .menu span{
justify-content: flex-start;
flex-wrap: wrap;
padding-right: 20px;
line-height: 1.4;
text-align: left;
}
.moredeli_nav .moredeli_nav_flex{
flex-wrap: wrap;
position: relative;
padding: 0 20px;
}
.moredeli_nav .moredeli_nav_scroll{
flex-basis: 100%;
flex-wrap: wrap;
position: fixed;
top: 114px;
bottom: 0;
left: 0;
right: 0;
width: 100%;
height: 0;
}
.moredeli_nav .moredeli_nav_list{
transition: none;
height: 0;
padding: 0 20px;
background: #fff;
box-shadow: 0 3px 3px 0 rgba(0,0,0,0.05);
}
.moredeli_nav ul{
flex-wrap: wrap;
}
.moredeli_nav li{
flex-basis: 100%;
border-top: 1px solid #ddd;
}
.moredeli_nav li + li{
border-top: 1px dotted #ddd;
}
.moredeli_nav a{
height: 74px;
}
.moredeli_nav a:after{
content: normal;
}
.moredeli_nav li span{
border: none;
font-weight: normal;
}

body.menuOpen .moredeli_nav .moredeli_nav_scroll{
height: calc(100% - 114px);
}
}