@charset "utf-8";

@font-face {
font-family: 'Montserrat';
src: url(//www.maluju-fuku.co.jp/wp-content/themes/maluju_temp/font/Montserrat-VariableFont_wght.ttf) format('truetype');
}  #albic .home_btn{
display:none;
}
.home_btn a{
margin:0 0 1em 0;
font-size:14px;
padding: 0.8em 1.5em 0.8em 0.8em;
display:block;
font-weight:800;
color: #222;
text-align: center;
transition: 0.2s;
border: 1px solid #999;
background:#fff!important;
border-radius: 5px;
position: relative;
box-shadow: 0 5px 0 0 rgb(0 0 0 / 50%);
}
.home_btn a::after{
content: "";
display:block;
position: absolute;
top: 50%;
left: 10px;
width: 8px;
height: 8px;
border-right: 2px solid #4c98ff;
border-bottom: 2px solid #4c98ff;
transform: translateY(-50%) rotate(135deg);
}
.home_btn a:hover{
transform: translateY(2px);
box-shadow: 0 3px 0 0 rgb(0 0 0 / 50%);
}
.home_btn a:active {
background:#fff!important;
transform: translateY(5px);
box-shadow: 0 0 0 0 rgb(0 0 0);
} .side_person_wrap{
background:#f7f7f7;
border-radius: 6px;
padding:3%;
margin-bottom:40px;
box-shadow: 0 0 2px 1px rgba(0, 0, 0, .2);
}
.side_person_wrap .tel{
text-align: center;
}
.searchform{
box-shadow: 0 0 2px 1px rgba(0, 0, 0, .2);
margin-bottom:1em;
border-radius: 6px;
}
.banner{
width: 100%;
margin-bottom:1em;
font-size:12px;
font-weight: 700;
}
.banner a{
padding: 5% 1% 5% 25%;
display:block;
font-weight:800;
transition: 0.2s;
border: 1px solid #999;
border-radius: 5px;
position: relative;
box-shadow: 0 5px 0 0 rgb(0 0 0 / 50%);
}
.banner a:after{
content: "";
display: inline-block;
position: absolute;
top: 50%;
right: 20px;
width: 8px;
height: 8px;
border-right: 2px solid #4c98ff;
border-bottom: 2px solid #4c98ff;
transform: translateY(-50%) rotate(-45deg);
transition: .3s;
}
.banner a:hover{
transform: translateY(2px);
box-shadow: 0 3px 0 0 rgb(0 0 0 / 50%);
}
.banner a:active {
transform: translateY(5px);
box-shadow: 0 0 0 0 rgb(0 0 0);
}
.side_person_wrap .banner:nth-child(1) a{
background:#fff url(//www.maluju-fuku.co.jp/wp-content/themes/maluju_temp/image/sidebar/catalog_img.png) no-repeat;
background-size: 44px;
background-position: 5px;
border: 1px solid #DD1A1A;
}
.side_person_wrap .banner:nth-child(2) a{
background:#fff url(//www.maluju-fuku.co.jp/wp-content/themes/maluju_temp/image/sidebar/info_img.png) no-repeat;
background-size: contain;
background-position: -8px 9px;
border: 1px solid #DD1A1A;
}
.tuijyu .side_person_wrap .banner:nth-child(1) a{
background:unset;
background-size: 44px;
background-position: 5px;
border: 1px solid #DD1A1A;
}
.tuijyu .side_person_wrap .banner:nth-child(2) a{
background:unset;
background-size: contain;
background-position: -8px 9px;
border: 1px solid #DD1A1A;
}
.side_person_wrap .banner:nth-child(3) a{
background:#fff url(//www.maluju-fuku.co.jp/wp-content/themes/maluju_temp/image/sidebar/mail_img.png) no-repeat;
background-size:35px;
background-position: 10px;
}
.side_person_wrap .banner:nth-child(4) a{
background:#fff url(//www.maluju-fuku.co.jp/wp-content/themes/maluju_temp/image/sidebar/fax_img.png) no-repeat;
background-size:35px;
background-position: 10px;
margin-bottom:1.5em;
} .side_person_wrap .banner:nth-child(1) a::after,
.side_person_wrap .banner:nth-child(2) a::after{
content: "";
display: inline-block;
position: absolute;
top: 50%;
right: 5px;
width: 8px;
height: 8px;
border-right: 2px solid #DD1A1A;
border-bottom: 2px solid #DD1A1A;
transform: translateY(-50%) rotate(-45deg);
}
.side_person_wrap .banner:nth-child(3) a::after,
.side_person_wrap .banner:nth-child(4) a::after{
top: 50%;
right: 5px;
}
.tel_text01{
font-weight: 600;
}
.tel_number{
color:#DD1A1A;
font-size:22px;
}
.tel_text02{
font-size:10px;
color:#DD1A1A;
margin-bottom:3px;
}
.tel_text03{
font-size:10px;
} .side_info_wrap{
font-size:80%;
text-align: center;
font-weight: 600;
margin-bottom:2em;
}
.side_info_wrap .title{
color:#fff;
background:#666;
border-radius:6px 6px 0 0;
padding:1em 0!important;
}
.side_info_wrap .side_info_list{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
border-left:1px solid #ccc;
border-right:1px solid #ccc;
border-bottom:1px solid #ccc;
border-radius: 0 0 6px 6px;
}
.side_info_wrap .side_info_list a{
border-top:1px solid #ccc;
width:50%;
}
.side_info_wrap .side_info_list a:nth-child(2n){
border-left:1px solid #ccc;
width:50%;
}
.side_info_wrap .side_info_list a:hover{
background:#DD1A1A;
color:#fff;
}
.side_info_wrap .side_info_list a:hover dd{
background:#fff;
border-radius: 50px; }
.side_info_wrap .side_info_list dl{
display: flex;
flex-wrap: wrap;
}
.side_info_wrap .side_info_list dt{
order:2;
width:100%;
}
.side_info_wrap .side_info_list dd{
margin:auto;
width:35px;
height:35px;
order:1;
}
.side_info_wrap .side_info_list dd img{
width:100%;
height:auto;
} .side_category_wrap{
font-size:80%;
border:1px solid #ccc;
border-radius:6px;
font-weight: 600;
margin-bottom:2em;
}
.side_category_wrap .title{
background:#666;
border-radius:6px 6px 0 0;
color:#fff;
padding: 0.7em 0!important;
text-align: center;
}
.side_category_wrap dt{
padding: 2%;
border-top:1px dotted #ccc;
}
.side_category_wrap dt:hover{
background:#eee;
}
.side_category_wrap dt:first-child{ border:0;
}
.side_category_wrap dd{
margin:0;
}
.side_category_wrap dt.open{
background:#eee;
}
.side_category_wrap dd ul li{
border-top:1px dotted #ccc;
list-style: none;
background:#f7f7f7;
}
.side_category_wrap dd ul li a{
margin:0;
padding:1em;
display:block;
display:flex;
flex-wrap:wrap;
align-items: center;
}
.side_category_wrap dd ul li a img{
width:15%;
margin-right:0.5em;
}
.side_category_wrap dd ul li:hover{
background:#fff;
}
.side_category_wrap dd a{
margin:0;
padding:2% 3%;
display:block;
display:flex;
flex-wrap:wrap;
align-items: center;
border-top:1px dotted #ccc;
}
.side_category_wrap dd a img{
width:10%;
height: auto;
margin-right:0.7em;
}
.side_category_wrap dd a:hover{
background:#fff;
}
#sidebar .menu-item .ac {
margin: 0 auto;
} .side_category_wrap .menu-item dd.ac-child-top a:last-child,
.side_category_wrap .menu-item dd.ac-child a:last-child{
position: relative;
justify-content: right;
padding-right:15%!important;
}
.side_category_wrap .menu-item dd.ac-child-top a:last-child:after,
.side_category_wrap .menu-item dd.ac-child a:last-child:after{
content: "";
display: inline-block;
position: absolute;
top: 50%;
right: 15px;
width: 8px;
height: 8px;
border-right: 2px solid #4c98ff;
border-bottom: 2px solid #4c98ff;
transform: translateY(-50%) rotate(-45deg);
transition: .3s;
} .ac-parent-top,
.ac-parent {
border-bottom: 1px solid #fff;
cursor: pointer;
position: relative;
display:flex;
flex-wrap:wrap;
align-items: center;
}
.ac-parent-top p:first-child,
.ac-parent p:first-child{
width:20%;
}
.ac-parent-top p:first-child img,
.ac-parent p:first-child img{
width:100%;
vertical-align: bottom;
height:auto;
}
.ac-parent-top p:last-child,
.ac-parent p:last-child{
width:80%;
padding: 0 0 0 2%;
} .ac-parent-top:before,
.ac-parent-top:after,
.ac-parent:before,
.ac-parent:after {
content: '';
width: 10px;
height: 2px;
background: #4c98ff;
position: absolute;
top: 50%;
right: 5%;
transform: translateY(-50%);
}
.ac-parent-top::after,
.ac-parent::after {
transform: translateY(-50%) rotate(90deg);
transition: .5s;
} .ac-parent-top.open:after,
.ac-parent.open:after {
transform: rotate(180deg);
} .ac-child-top,
.ac-child {
display: none;
}
.side_base_map{
font-size:80%;
border:1px solid #ccc;
border-radius:6px;
font-weight: 600;
position:relative;
}
.side_base_map .title{
font-size:150%;
position:absolute;
top:10%;
left:8%;
z-index:99;
}
.side_base_map .title span{
color:#DD1A1A;
}
.side_base_map .japan{
width:90%;
position: relative;
left:8%;
}
.side_base_map .japan img{
width:100%;
height: auto;
}
.side_base_map .side_base_img{
padding:8%;
}
.side_base_map .side_base_btn a{
border-top:1px solid #ccc;
padding:5% 8%;
text-align: center;
display:block;
position:relative;
}
.side_base_map .side_base_btn a:after{
content: "";
display: inline-block;
position: absolute;
top: 50%;
right: 20px;
width: 8px;
height: 8px;
border-right: 2px solid #4c98ff;
border-bottom: 2px solid #4c98ff;
transform: translateY(-50%) rotate(-45deg);
transition: .3s;
}
.side_base_map .side_base_btn a:hover{
background:#eee;
border-radius:0 0 5px 5px;
}
@media screen and (max-width: 960px) {
#sidebar{
width: 94%;
margin:auto;
}	
.side_person_wrap{ display:flex;
flex-wrap:wrap;
justify-content:space-between;
margin:0 3.5% 3.5% 3.5%; 
}
.side_person_wrap .banner{
width: 48%;
}  
.side_base_map{
display:none;
}
.side_person_wrap .tel{
width:260px!important;
margin:auto!important;
}   
}
@media screen and (max-width: 860px) {
.searchform{
width:94%;
margin:0 auto 2em auto;    
}
.search_wp{
padding: 3% 2%;
}
.sp-ft-list .searchform{
box-shadow: 0 0 0 0 rgba(0, 0, 0, .2);
margin-bottom:0;
border-radius:0;  
}
.sp-ft-list .search_wp{
background: unset;
margin: 3% 0;
padding: 0;
}   
.ac{
margin:0;
}
.side_category_wrap{
width:94%;
margin:0 auto 2em auto;
border-radius: 0;
}
.side_base_map{
display:none;
}
.side_info_wrap{
width:94%;
margin:0 auto 2em auto;
}
.side_info_wrap .side_info_list a{
width: 33%;
border-left:1px solid #ccc;
}
.side_info_wrap .side_info_list a:nth-child(2n){
width: 33%;
}
.home_btn{
display:none;
}
}
@media screen and (max-width: 599px) {
#sidebar{
width: 100%;
}
.side_person_wrap .banner{
width: 90%;
margin:0 auto 1em auto;
}
.side_person_wrap .tel{
width:unset;
margin:unset;
}   
}