@charset "UTF-8";

/* 1.base */
.clearfix,
footer,
section,
#gNavi ul,
#fNavi ul,
.search_box {
*zoom: 1;
}
.clearfix:after,
footer:after,
section:after,
#gNavi ul:after,
.search_box:after {
content: " ";
display: table;
clear: both;
}

/* 2.layout */
footer {
position: relative;
display: block;
z-index: 20;
width: 100%;
height: auto;
background-color: #6db131;
color:#fff;
}

footer section{ padding:0px;}
footer section:first-of-type{
border-left:1px solid #fff;
border-right:1px solid #fff;
}

footer form{
color:#000;
font-size:14px;
}
#footer  {
padding: 20px 0 40px 0;
-webkit-box-shadow:  0 0 3px 0 #999;
box-shadow:  0 0 3px 0 #999;
}

#footer .search_box{ margin-bottom:10px;}
#footer .search_box p{
width:12%;
padding:10px 0 0 20px;
font-weight: 700;
}
#footer .search_box form{ width:83%;}
#footer .search_box .select-wrap{
width:20%;
float:left;
line-height: 2.4em;
min-height: 36px;
-webkit-border-radius: 6px 0px 0px 6px; -moz-border-radius: 6px 0px 0px 6px; border-radius: 6px 0px 0px 6px;
}

#footer .search_box .inputTxt input[type="text"]{
float:left;
width:60%;
-webkit-border-radius: 6px 6px; -moz-border-radius: 6px 6px; border-radius: 6px 6px;
}

#footer .search_box input[type="submit"]{
float:left;
width:16%;
min-height: 36px;
background:url(/moetaku/_assets/images/common/icon_search_w.png) no-repeat top 48% left 10px #5c5c5c;
background-size:16px;
margin-left:20px;
}

/*sitemap*/
#footer .sitemap{ padding:20px 20px 0;}
#footer .sitemap li{
float:left;
width:20%;
padding-top:44px;
}

#footer .sitemap li:first-child{ padding-top:0px;}
#footer .sitemap p,#footer .sitemap dl{ margin-bottom:15px;}
#footer .sitemap p,#footer .sitemap dt{
font-weight: 700;
position: relative;
line-height: 1.5em;
}

#footer dt{
color:#c7e8aa;
margin-bottom:10px;
}
#footer dd{
color:#c7e8aa;
margin-bottom:5px;
font-size:14px;
padding-left:14px;
line-height: 1.2em;
}

#footer dl.genere{ font-size:12px;}
#footer dl.genere a{ padding: 0;}
#footer a{
color:#fff;
position: relative;
padding:0 0 0 24px;
/*text-indent: -1em;
padding-left: 1em;*/
display: inline-block;
}

#footer a:hover{
text-decoration: none;
opacity: 0.5;
}

#footer .sitemap p a:before,#footer .sitemap dt a:before {
font-family: 'Fontawesome';
content: "\f138";
position: absolute;
width:auto; height:auto;
text-align: center;
top:0%; left: 0px;
}

@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) {
#footer .sitemap p a:before,#footer .sitemap dt a:before { top: -9%;}
}

/*footer bottom*/
#footer .bottom { margin:40px 0 20px;}
#footer .bottom ul{ display: inline-block;}
#footer .bottom ul:last-child{ border-right: 1px solid #fff;}
#footer .bottom li{
display: inline-block;
border-left:1px solid #fff;
padding:0 20px;
font-size:14px;
}

#footer .bottom li a{ padding:0;}
#footer #copyright_wrap .fl{ width:89%;}
#footer #copyright_wrap .fr{ width:11%;}
#footer p.corp, copyright{ font-size:13px;}
#footer #copyright_wrap li { float: left;}
#footer .social-btn_fb img,
#footer .social-btn_tw img{
width:36px;
height:auto;
}

#footer .page-top {
display: none;
position: fixed;
bottom: 82px;
right: 50%;
width: 87px;
height: 192px;
margin-right: -576px;
}
#footer .page-top a {
display: block;
height: 100%;
width: 100%;
padding: 0;
}
#footer .page-top a:hover {
opacity: 1;
-webkit-transform: translate(0px,-5px);
-moz-transform: translate(0px,-5px);
-ms-transform: translate(0px,-5px);
-o-transform: translate(0px,-5px);
transform: translate(0px,-5px);
}
#footer .page-top a:after {
position: absolute;
top: 0;
left: 0;
width: 87px;
height: 192px;
background: url("/moetaku/_assets/images/common/pagetop.png") no-repeat center top;
content: "";
}

.lh	{line-height:22px !important;}

@media (max-width: 768px){
footer section:first-of-type{
border: 0;
}
#footer .search_box{ padding: 0 10px;}
#footer .search_box .fl{ display: none;}
#footer .search_box .fr{ float: none !important;}
#footer .search_box form{ width: auto;}
#footer .search_box .select-wrap{
width: 24%;
min-height: 40px;
}
#footer .select-wrap select { font-size: 10px;}
#footer .search_box .inputTxt input[type="text"]{
border-top-right-radius: 0;
border-bottom-right-radius: 0;
width: 80%;
min-height: 40px;
font-size: 12px;
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
}
#footer .search_box input[type="submit"]{
width: 16%;
min-height: 40px;
margin-left: 0;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
background-image: none;
}

/*sitemap*/
#footer .sitemap li{
/*width: 50%;*/
float: none;
width: auto;
padding-top: 25px;
min-width:50px;
}
#footer .sitemap li:nth-last-child(2){
clear: both;
padding-top: 0;
}
#footer .sitemap p,#footer .sitemap dl{ margin-bottom: 20px;}
#footer .sitemap p{
float: left;
width: 50%;
}
#footer .sitemap p.sp-oneline{
clear: both;
float: none;
width: 100%;
}
#footer .sitemap dl{
float: left;
width: 50%;
}
#footer dd{ padding:3px 0;}
#footer .sitemap dd > a{ display: inline-block;}
#footer .sitemap p a:after,#footer .sitemap dt a:after{
    top: 50%; left: 5px;
    margin-top: 0px;
}
#footer dl.genere {
margin-top: -25px;
padding-left: 15px;
}
#footer dl.genere.left{ width:60%;}
#footer dl.genere.right{ width:40%;}
/*footer bottom*/
#footer .bottom {
margin: 20px;
padding: 0 10px;
text-align: center;
}
#footer .bottom ul{
display: block;
margin-bottom: 10px;
}
#footer .bottom ul:last-child{
margin-bottom: 0;
border: 0;
}
#footer .bottom li{ padding: 0 10px;}
#footer .bottom li:last-child{ border-right: 1px solid #fff;}
#footer #copyright_wrap{ text-align: center;}
#footer #copyright_wrap .fl{
float: none;
width: 100%;
}
#footer #copyright_wrap .fr{
float: none;
width: 100%;
margin-top: 20px;
}
#footer #copyright_wrap .fr li{
display: inline-block;
float: none;
}

#footer .page-top {
bottom: 0;
width: 58px;
height: 128px;
right:5px;
margin-right:0;
}
#footer .page-top a{ width:auto;}
#footer .page-top a:after {
right: 3px;
width: 100%;
height: 100%;
background-size: contain;
}
}