/*
 Theme Name:   daylight
 Template:     xeory_extension
*/
/* ----------------------------------------
* カラースキーム 04
---------------------------------------- */
/* ----------------------------------------
* frontpage
---------------------------------------- */
@media screen and (max-width: 767px) {
  footer#footer {
      margin-bottom: 90px;
  }
}

#footer .row {
    margin-left: -15px;
    margin-right: -15px;
    display: flex!important;
}

#footer .row.officialsite div{
  border: 1px solid #808080; 
  padding: 15px;
  margin: 10px 10px 10px 15px;
}

#footer-content-area {
    font-size: 14px;
}

#footer-content-area #footer-cont-about li, #footer-content-area #footer-cont-content li {
    position: relative;
}

#footer-content-area #footer-cont-content li:before {
    color: #000;
}

#footer-content-area #footer-cont-about li:before, #footer-content-area #footer-cont-content li:before {
    content: '';
    font-family: FontAwesome;
    position: absolute;
    top: 7px;
    left: 0;
    color: #fff;
}

#footer-content-area #footer-cont-about li a, #footer-content-area #footer-cont-content li a {
    padding: 8px 12px 8px 14px;
    display: inline-block;
    text-decoration-line: none;
}

#footer-cont-content .footer_h4ttl{
  font-size: 20px;
  font-weight: bold;
}

@media screen and (max-width: 767px) {
  #footer .row.officialsite{
    padding: 0px 10px 0 6px;
  }
  #footer-gnav-ul{
    padding-bottom: 20px !important;
    width: 100%;
  }
  #footer-content-area #footer-cont-about li,
  #footer-content-area #footer-cont-content li {
    position: relative;
    float: left;
    width: 50%;
  }
  #footer-cont-content .footer_h4ttl{
    background: #998a64;
    font-size: 16px;
    font-weight: unset;
    padding: 5px 10px;
    border-bottom: 2px solid #3f3f3f;
    border-top: 2px solid #3f3f3f;
  }

  #footer-content-area #footer-cont-about li a, #footer-content-area #footer-cont-content li a {
      color: #3f3f3f;
      padding: 14px 0px 14px 24px;
  }
  #footer-content-area #footer-cont-about li:before, #footer-content-area #footer-cont-content li:before {
      left: 15px;
      color: #3f3f3f;
      top: 13px;
  }
}

body.color04 #footer-brand-area {
  border-top: 1px solid #f5f0ea;
  border-bottom: none;
  padding-top: 10px;
}

.footer-cta {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 15px;
    background: #ffffcc;
    z-index: 99;
    opacity: 0.9;
}

.contents {
    max-width: 1000px;
    margin: 0 auto;
    box-sizing: border-box;
}

.fixed-sp-footer{
   display: none; 
}

.fixed-sp-footer {
width:100%;
background:#FEF3E7;
text-align:center;
padding:4px 0;
z-index: 2000;
left: 0;
position: fixed;
bottom: 0;
}

@media screen and (max-width: 767px) {
    .footer-cta{
        display: none !important;
    }

    .fixed-sp-footer{
       display: block; 
    }
}

@media screen and ( max-width: 767px ){

    .footer-logo{
        /*padding-left: 15px;*/
    }

  .footer-01 .footer-address {
    margin-top: 24px;
    padding: 0 17px;
  }
}

.flexcontainer {
    display: flex;
}
.flexitem{
  width: 100%;
  height: 100px;
  text-align: center;

}
 
.item1{
  background: none;
}

.item1 img{
  width: 85%;
}

.item2{
  background: none;
}

.item2 img {
    width: 50%;
    margin-right: 40px;
}



.item2 a:hover img {
opacity:0.8;
filter:alpha(opacity=80);
-ms-filter: “alpha( opacity=80 )”;
}


 @media screen and ( max-width: 767px ){
.item2 img {
  margin-right: 0;
}
.flexcontainer{
   display: flex;
  flex-direction: column;
}
}


@media screen and ( max-width: 767px ){
.flexitem{
  width: 100%;
  height: 100px;
  text-align: center;
}
}

 @media screen and ( max-width: 767px ){
.item1{
  background: none;
}
}
 @media screen and (max-width: 767px){
.item2 {
    background: none;
    margin-bottom: 90px;
}
@media screen and (max-width: 767px){
.item2 img{
  width: 60%;
}
}

 @media screen and (max-width: 767px){
.flex_img p{
    text-align: center;
    padding-top: 20px;
}

@media screen and (max-width: 767px){
.item2 a:hover img {
opacity:0.8;
filter:alpha(opacity=80);
-ms-filter: “alpha( opacity=80 )”;
}

body.color04 .footer-01 {
  background: #6D516A　!important;
}



.foot_zenkoku_online{
margin-left: 84px; 
}

@media screen and ( max-width: 767px ){
    .foot_zenkoku_online{
margin-left: 118px; 
}
}