@charset "utf-8";
/* CSS Document */

/*footerデザイン*/

     @media screen and (min-width:768px) {
		 
		 .sp-only {
			 display: none!important;
		 }
		 
		 footer .accordion__content.is-open {
			 border: none;
			 padding: 0;
		 }

        footer .footer-wrap-all {
          width: 100%;
          background: #282828;
          
        }
  
        footer .footer-wrap1 {
          width: 100%;
          max-width: 1200px;
          margin: 0 auto;
          padding: 80px 0;
          
        }
  
        footer .footer-wrap1 .footer-lo-area {
          display: flex;
          width: 100%;
          justify-content: space-between;
          align-items: center;
        margin-bottom: 100px;
        }
  
  
        footer .footer-wrap1 .footer-lo-area p {
          color: #fff;
        }
  
        footer .footer-wrap1 .footer-lo-area a img {
          width: 200px;
          height: auto;
        }
  
        footer .footer-wrap1 ul {
          width: 100%;
          max-width: 2000px;
          display: flex;
        }
  
        footer .footer-wrap1 ul li {
          width: calc(100%/5);
          box-sizing: border-box;
          padding: 0 15px;
        }
  
  
        footer .footer-wrap1 ul li a {
          display: block;
          margin-bottom: 10px;
			transition: 0.5s ;
        }
  
        footer .footer-wrap1 ul li a,
        footer .footer-wrap1 ul li a:visited,
        footer .footer-wrap1 ul li a:link,
        footer .footer-wrap1 ul li p {
          color: #FFFFFF;
          text-decoration: none;
          line-height: 1.3;
          font-size: 13px;
        }
  
        footer .footer-wrap1 ul li a:hover {
          text-decoration: none;
			opacity: 0.7;
        }
  
        footer .footer-wrap1 ul li h3 {
          color: #fff;
          font-size: 16px;
          font-weight: 600;
          line-height: 1.4;
        border-bottom: 1px solid #8e8e8e;
        margin-bottom: 20px;
        }
  
        footer .footer-wrap1 ul li h3 span {
          color: #5d7ade;
          margin-bottom: 10px;
          display: block;
          font-size: 13px;
        }
  
        footer .footer-wrap1 ul li img {
          width: 100%;
          height: auto;
        margin-top: 5px;
        }
  
        a.footer_shoplist_btn {
          border: solid #fff 1px;
          text-align: center;
          padding: 10px 0;
          margin-top: 10px;
          -webkit-transition: 0.8s;
          -moz-transition: 0.8s;
          -o-transition: 0.8s;
          -ms-transition: 0.8s;
          transition: 0.8s;
          text-decoration: none;
        }
  
  
        a.footer_shoplist_btn:hover {
          background: #fff;
        }
  
        a.footer_shoplist_btn:link:hover {
          color: #000;
        }
  
        .list5 p {
          font-size: 13px;
        }
  
        .list5 img {
          margin: 20px 0;
        }
  
      .footer-wrap2 {
          background: #a6a6a6;
      position: fixed;
      bottom: 0;
      left: 0;
      background: rgba(0,0,0, 0.8);
      color: #fff;
        width: 100%;
		  z-index: 6;
      }
  
      .footer-wrap2 ul {
        display: flex;
        padding: 5px 0;
        }		
      
  
        .footer-wrap2 ul li {
        padding: 0 8px;
        box-sizing: border-box;
        border-right: solid 1px #fff;
        }
        
        .footer-wrap2 ul li:last-child {
        width: 300px;
			border: none;
        }		
  
        .footer-wrap2 ul li a {
        display: block;
        font-size: 12px;
			color: #fff!important;
        }
  
        .footer-wrap2 ul li:hover {
        background: #686868;
        }			
      
        .footer-wrap-all .footer-wrap2 a {
          color: #fff!important;
        }
  
        .footer-wrap-all .footer-wrap2 a:link,
        .footer-wrap-all .footer-wrap2 a:visited {
          text-decoration: none;
			color: #fff!important;
        }
      
      .footer-wrap-all .accordion-title {
        pointer-events: none;
      }

      .footer_wrap_bottom {
        max-width: 1200px;
        margin: 0 auto;
        border-top: 1px solid #8e8e8e;
        width: 100%;
        padding: 40px 0;
      }

      .footer_wrap_bottom_inner {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        color: #fff;
        margin-bottom: 30px;  
      }

      .footer-sns-wrap {
        width: 30%;
      }

      .company_information_area {
        width: 70%;
      }

      .footer-wrap-all .footer-sns-wrap ul, .footer-wrap-all .company_information_area ul {
        width: 100%;
        overflow: hidden;
      }

      .footer-wrap-all .footer-sns-wrap ul li  {
        float: left;
        margin-right: 10px;
      }

      .footer-wrap-all .footer-sns-wrap ul li a img {
        width: 30px;
        height: auto;
      }
      
      .footer-wrap-all .company_information_area ul li  {
        float: left;
        margin-right: 20px;
      }

      .footer-wrap-all .footer-sns-wrap ul li:last-child {
        margin-right: 0;
      }



      .footer-wrap-all .company_information_area ul li a, .footer-wrap-all .company_information_area p {
        color: #fff;
        font-size: 15px;
        text-align: right;
      }

      .secured-icon-wrap {
        display: flex;
        align-items: stretch;
      }

      .secured-icon-wrap .secured {
        margin-right: 10px;
      }

      .secured-icon-wrap_inner p {
        line-height: 1;
        margin-bottom: 10px;
      }

      }
  
      @media screen and (max-width:767px) {
		  
		  ::marker {
			  display: none!important;
		  }
		  
		  		 .pc-only {
			 display: none!important;
		 }
		  
		  .footer_sp_contents_wrap {
			  margin-top: 100px;
		  } 
		  
		 .footer-wrap-all .accordion__content {
			  height: auto;
			  border: none;
			  transition-duration: 0s;
			  margin-bottom: 20px;
		  }
  
        footer{
			margin-top: 25px;
        }		  
		  
        footer, .footer-wrap-all .footer-wrap1{
          width: 100%;
          padding: 25px 0 0;
          background: #282828;
        }
  
       .footer-wrap-all .footer_wrap_bottom{
          width: 100%;
          background: #282828;
          box-sizing: border-box;
          padding: 25px 20px 0;
        }

  
        .footer-wrap-all .footer-wrap2 {
          width: 100%;
          padding: 30px 0 0;
          background: #282828;
        }		
      
      .footer-wrap-all .footer-lo-area {
        padding: 0 30px;
        box-sizing: border-box;
      }
      
      .footer-wrap-all .footer-lo-area a {
        display: block;
        margin: 0 auto 15px;
        text-align: center;
      }
      
      .footer-wrap-all .footer-lo-area p {
        text-align: center;
      }
      
        .footer-wrap-all .footer-wrap1 .footer-lo-area {
          width: 100%;
        }
  
  
        .footer-wrap-all .footer-wrap1 .footer-lo-area p {
          color: #fff;
			line-height: 1.5;
        }
  
        .footer-wrap-all .footer-wrap1 .footer-lo-area a img {
          width: 200px;
          height: auto;
        }
  
        .footer-wrap-all .footer-wrap1 ul {
          width: 100%;
          display: flex;
          flex-direction: columun;
          flex-wrap: wrap;
        }
  
        .footer-wrap-all .footer-wrap1 ul li,
        .footer-wrap-all .footer-wrap2 ul li {
          width: 100%;
          box-sizing: border-box;
          border-bottom: 1px solid #8e8e8e;
        }
  
      .footer-wrap-all .footer-wrap1 ul li:last-child {
        border: none;
      }
      
        .footer-wrap-all .footer-wrap2 ul li {
          width: 100%;
          box-sizing: border-box;
          padding: 15px;
          border-bottom: 1px solid #fff;
        }
  
        .footer-wrap-all .footer-wrap1 ul li a {
          line-height: 2;
          font-size: 16px;
          display: block;
          text-align: center;
        }
  
        .footer-wrap-all .footer-wrap1 ul li a,
        .footer-wrap-all .footer-wrap1 ul li a:link,
        .footer-wrap-all .footer-wrap2 ul li a,
        .footer-wrap-all .footer-wrap2 ul li a:link {
          display: block;
          color: #fff;
        }
      
      
        .footer-wrap-all .footer-wrap2 ul li a {
  position: relative;
      }
  
       .footer-wrap-all .footer-wrap2 ul li a::after {
           content: '';
      display: block;
      position: absolute;
      top: 50%;
      right: 2.67vw;
      width: 1.6vw;
      height: 1.6vw;
      border-top: 1px solid #fff;
      border-right: 1px solid #fff;
      -webkit-transform: translate(0, -50%) rotate(45deg);
      transform: translate(0, -50%) rotate(45deg);
      }
		  
		        
      .footer-wrap-all .company_information_area ul li:nth-child(2) a {
        letter-spacing: -2px;
      }	
  
        .footer-wrap-all .footer-wrap1 ul li a,
        .footer-wrap-all .footer-wrap1 ul li a:visited,
        .footer-wrap-all .footer-wrap1 ul li a:link,
        .footer-wrap-all .footer-wrap1 ul li p {
          color: #FFFFFF;
          text-decoration: none;
        }
  
        .footer-wrap-all .footer-wrap1 ul li a:hover {
          text-decoration: none;
        }
  
        .footer-wrap-all .footer-wrap1 ul li h3 {
          color: #fff;
          font-weight: 600;
        text-align: center;
			line-height: 1;
        }
  
        .footer-wrap-all .footer-wrap1 ul li h3 span {
          color: #5d7ade;
          display: block;
          font-size: 15px;
			margin-top: 8px;
        }
  
        .footer-wrap-all .footer-wrap1 ul li img {
          width: 100%;
          height: auto;
        }
  
        .footer_shoplist_btn {
          border: solid #fff 1px;
          text-align: center;
          padding: 10px 0;
          margin: 10px 0;
        }
  
       .footer-wrap-all .footer-wrap2 a {
          color: 000;
        }
  
.footer-wrap2 {
  display: none;
}

        .footer-wrap-all .footer-wrap2 a:link,
        .footer-wrap-all .footer-wrap2 a:visited {
          text-decoration: none;
        }
  

        /* アコーディオン全体 */
       .footer-wrap-all .accordion {
          margin-left: auto;
          margin-right: auto;
          margin-top: 30px;
          position: relative;
          width: 100%;
        }
  
        .footer-wrap-all .accordion-title,
        .footer-wrap-all .footer-lastArea h3 {
          cursor: pointer;
          font-size: 16px;
          padding: 20px 0;
        }
      
      .footer-lastArea a {
        text-align: center;
      }
  
        .footer-wrap-all  .accordion__content{
          display: none;
          padding: 0 20px;
        }
  
      .footer-wrap-all .accordion__content section{
          width: 100%;
          display: flex;
          flex-wrap: wrap;
        }


       .footer-wrap-all .footer-wrap1 .footer-contents .accordion__content section a {
          width: 50%;
          box-sizing: border-box;
          padding: 15px 0;
          line-height: 1.5;
          font-size: 15px;
          text-align: left;
        }        

       .footer-wrap-all .footer-wrap1 .footer-contents .accordion__content section a:nth-child(odd) {
         padding-right: 3px;
        }
		  
        .footer-wrap-all .accordion__content p,
        .footer-wrap-all .footer-lastArea p {
          font-size: 16px;
          line-height: 1.5;
          text-align: center;
          margin-bottom: 10px;
        }
  
  
        /* 矢印 */
       .footer-wrap-all .accordion-title {
          position: relative;
        }
  
        .footer-wrap-all .accordion-title::after {
          border-right: solid 2px #fff;
          border-top: solid 2px #fff;
          content: "";
          display: block;
          height: 8px;
          position: absolute;
          right: 25px;
          top: 38%;
          transform: rotate(135deg);
          transition: transform .3s ease-in-out, top .3s ease-in-out;
          width: 8px;
        }
  
        .footer-wrap-all .accordion-title.open::after {
          top: 45%;
          transform: rotate(-45deg);
        }

       .footer-wrap-all .company_information_area {
          margin: 20px 0;
        }

        .footer-wrap-all .company_information_area ul {
          width: 100%;
        }

        .footer-wrap-all .company_information_area ul li {
          width: 100%;
          text-align: center;
          padding: 10px 0;
          box-sizing: border-box;
        }

        .footer-wrap-all .company_information_area ul li a {
          text-align: left;
        }		  
		  
        .footer-wrap-all .company_information_area ul li a, .footer_wrap_bottom_inner p {
          color: #fff;
          font-size: 15px;
          line-height: 2;
        }

        .footer_wrap_bottom_inner p:last-child {
          margin-bottom: 0;
          padding-bottom: 10px;
        }

        .footer_wrap_bottom_inner:last-child {
          text-align: center;
          line-height: 1;
          display: block;
        }

        .footer_wrap_bottom_inner:last-child img {
          margin-bottom: 15px;
        }
		  
        .secured-icon-wrap_inner {
          margin: 5px 0 0;
        }

        .secured-icon-wrap_inner p {
        line-height: 1.2;
        margin-bottom: 10px;
      }

      footer div#google_translate_element {
        margin-bottom: 0px!important;
      }


    }
  
  
      /*------------------------------------------------------*/
      /*--------------------SNSエリア--------------------*/
      /*------------------------------------------------------*/
  
      @media screen and (min-width: 768px) {
      
        .sp_sns li {
          float: left !important;
          width: 20% !important;
          text-align: center !important;
          margin: 0 !important;
        }
  
        .sp_sns li img {
          width: 50% !important;
        }
  
        .footer-contents .footer-sns-wrap section {
          width: 100%;
          box-sizing: border-box;
        }
  
        .sns-title {
          font-size: 18px;
          font-weight: 600;
          text-align: center;
        margin-bottom: 5px;
        }
  
        .footer-contents .footer-sns-wrap ul {
          display: flex;
          flex-wrap: wrap;
        }
  
        .footer-contents .footer-sns-wrap ul li {
          list-style: none;
          width: -webkit-calc(100% / 6);
          width: calc(100% / 6);
          padding: 0 2px;
      margin: 0;
        }
  
        .footer-contents .footer-sns-wrap ul li a, .footer-contents .footer-sns-wrap ul li img {
      margin: 0;
        }
      
        .footer-contents .footer-sns-wrap ul li img {
          width: 100%;
        }
  
        .add-member {
          padding: 20px 30px;
          text-align: center;
          font-size: 15px;
          font-weight: 600;
          color: #fff !important;
          background: #000;
          display: block;
          margin: 0 auto 20px;
        }
  
        .add-member a:link {
          text-decoration: none;
        }
  
        .add-member-text {
          font-size: 13px;
          margin: 5px 0;
          text-align: center;
        }

      .searchbox form {
        width: 100%;
        display: flex;
      }
      
      }
  
      @media screen and (max-width: 767px) {
  
        .sp_sns li {
          float: left !important;
          width: 20% !important;
          text-align: center !important;
          margin: 0 !important;
        }
  
        .sp_sns li img {
          width: 50% !important;
        }
  
        /*--------------------スマホ用--------------------*/
        .footer-contents .footer-sns-wrap {
          width: 80%;
			margin: 30px 0;
        }
  
        .footer-contents .footer-sns-wrap section {
          width: 100%;
          padding: 15px;
          border: 1px solid #ddd;
          box-sizing: border-box;
        }
  
        .sns-title {
          font-size: 18px;
          font-weight: 600;
          color: #fff;
          text-align: center;
          margin: 0;
        }

        footer .footer-sns-wrap {
          padding: 0 20px;
			max-width: 400px;
			width: 80%;
			margin: 0 auto;
        }
  
        footer .footer-sns-wrap ul {
          overflow: hidden;
          display: flex;
          margin: 0 auto;
          justify-content: space-between;
        }

  
        footer .footer-sns-wrap ul li a {
          display: block;
        }		  
		  
  
        footer .footer-sns-wrap ul li:last-child {
           margin-right: 0;
        }

        .footer-contents .footer-sns-wrap ul li img {
          width: 100%;
        }
  
        .add-member {
          width: 80%;
          padding: 20px 30px;
          text-align: center;
          font-size: 15px;
          font-weight: 600;
          color: #fff !important;
          background: #000;
          display: block;
          margin: 0 auto 20px;
        }
  
        .add-member a:link {
          text-decoration: none;
        }
  
        .add-member-text {
          font-size: 13px;
          margin: 20px 0;
          text-align: center;
        }

.searchbox input {
  padding: 2px 0;
  box-sizing: border-box;
}

      }
      footer .footer-Copyrights {
        color: #fff;
        background: #282828;
      }

.company_information_area ul li, .sns_box li {
    list-style: none;
}