
.link01{
	position:absolute;
	top:18.7%;
	left: 2%;
	padding:1% 8.8%;
	z-index: 2;
	/*border:solid #fec500;*/
}

.link02{
	position:absolute;
	top:21.4%;
	left: 2%;
	padding:1% 8.8%;
	z-index: 2;
	/*border:solid #fec500;*/
}

.link03{
	position:absolute;
	top:24.1%;
	left: 2%;
	padding:1% 8.8%;
	z-index: 2;
	/*border:solid #fec500;*/
}

.link04{
	position:absolute;
	top:26.8%;
	left: 2%;
	padding:1% 8.8%;
	z-index: 2;
	/*border:solid #fec500;*/
}

.link05{
	position:absolute;
	top:29.5%;
	left: 2%;
	padding:1% 8.8%;
	z-index: 2;
	/*border:solid #fec500;*/
}

.link06{
	position:absolute;
	top:32.2%;
	left: 2%;
	padding:1% 8.8%;
	z-index: 2;
	/*border:solid #fec500;*/
}

.link07{
	position:absolute;
	top:39.1%;
	left: 2%;
	padding:1% 8.8%;
	z-index: 2;
	/*border:solid #fec500;*/
}

.link08{
	position:absolute;
	top:41.8%;
	left: 2%;
	padding:1% 8.8%;
	z-index: 2;
	/*border:solid #fec500;*/
}

.link09{
	position:absolute;
	top:44.5%;
	left: 2%;
	padding:1% 8.8%;
	z-index: 2;
	/*border:solid #fec500;*/
}

.link10{
	position:absolute;
	top:47.2%;
	left: 2%;
	padding:1% 8.8%;
	z-index: 2;
	/*border:solid #fec500;*/
}

.link11{
	position:absolute;
	top:49.8%;
	left: 2%;
	padding:1% 8.8%;
	z-index: 2;
	/*border:solid #fec500;*/
}

.link12{
	position:absolute;
	top:52.5%;
	left: 2%;
	padding:1% 8.8%;
	z-index: 2;
	/*border:solid #fec500;*/
}

.link13{
	position:absolute;
	top:59.5%;
	left: 2%;
	padding:1% 8.8%;
	z-index: 2;
	/*border:solid #fec500;*/
}

.link14{
	position:absolute;
	top:62.2%;
	left: 2%;
	padding:1% 8.8%;
	z-index: 2;
	/*border:solid #fec500;*/
}

.link15{
	position:absolute;
	top:64.9%;
	left: 2%;
	padding:1% 8.8%;
	z-index: 2;
	/*border:solid #fec500;*/
}

.link16{
	position:absolute;
	top:67.6%;
	left: 2%;
	padding:1% 8.8%;
	z-index: 2;
	/*border:solid #fec500;*/
}

.link17{
	position:absolute;
	top:70.3%;
	left: 2%;
	padding:1% 8.8%;
	z-index: 2;
	/*border:solid #fec500;*/
}

.link18{
	position:absolute;
	top:73%;
	left: 2%;
	padding:1% 8.8%;
	z-index: 2;
	/*border:solid #fec500;*/
}

.link19{
	position:absolute;
	top:79.9%;
	left: 2%;
	padding:1% 8.8%;
	z-index: 2;
	/*border:solid #fec500;*/
}

.link20{
	position:absolute;
	top:82.6%;
	left: 2%;
	padding:1% 8.8%;
	z-index: 2;
	/*border:solid #fec500;*/
}

.link21{
	position:absolute;
	top:85.3%;
	left: 2%;
	padding:1% 8.8%;
	z-index: 2;
	/*border:solid #fec500;*/
}

.link22{
	position:absolute;
	top:88%;
	left: 2%;
	padding:1% 8.8%;
	z-index: 2;
	/*border:solid #fec500;*/
}

.link23{
	position:absolute;
	top:90.6%;
	left: 2%;
	padding:1% 8.8%;
	z-index: 2;
	/*border:solid #fec500;*/
}

.link24{
	position:absolute;
	top:93.3%;
	left: 2%;
	padding:1% 8.8%;
	z-index: 2;
	/*border:solid #fec500;*/
}


.link01_sp{
	position:absolute;
	bottom:3.3%;
	left: 15.5%;
	padding:4.6% 34%;
	z-index: 2;
	/*border:solid #fec500;*/
}

.link02_sp{
	position:absolute;
	bottom:0%;
	left: 15.5%;
	padding:4% 34%;
	z-index: 3;
	/*border:solid #fec500;*/
}


/*-----------------------*/
#shop_search {
    position: fixed;
    bottom: 0px;
    width:100%;
    z-index:100;
    background: #cc0000;
}

#shop_search a {
    background: #cc0000;
    text-decoration: none;
    width: 100%;
    padding: 0 0px;
    text-align: center;
    display: block;
}

#shop_search img{
   /*width: 80%;*/
}
.footer_padding {
    padding-bottom: 30px !important;
  }

.logo{
  	width: 60%;
  	margin:25px auto;
  }
  .logo img{
  	width: 100%;
  }
  
@media screen and (min-width: 768px) {
  .footer_padding {
    padding-bottom: 100px !important;
  }
  
  #shop_search img{
   /*width: 100%;*/
  }
  
  .logo{
  	width: 42%;
  	margin:40px auto;
  }
  .logo img{
  	width: 100%;
  }
}

/*ボックス全体*/
.accbox {
    margin: 0 auto 1.3em;
    padding: 0;
    background: #ffffff;
    width:93.3%;
    text-align:left;
}
  
@media screen and (min-width: 768px) {
  /*ボックス全体*/
  .accbox {
    margin: 0 auto 3em;
    width:94.8%;
  }
}

@media screen and (min-width: 991px) {
  /*ボックス全体*/
  .accbox {
    width:92.08%;
  }
}

/*ラベル*/
.accbox label {
    display: block;
    margin: 0em 0 1em;
    padding : 11px 10px;
    cursor :pointer;
    background: url(./images/acd-01_sp.jpg) no-repeat center center;
    background-size:contain;
}

.accbox input[type="checkbox"]:checked + label {
    background: url(./images/acd-02_sp.jpg) no-repeat center center;
    background-size:contain;
}
	
@media screen and (min-width: 768px) {
	.accbox label {
	    margin: 0em 0 2em ;
	    background: url(./images/acd-01.jpg) no-repeat center center;
	    width:100%;
	}

	.accbox input[type="checkbox"]:checked + label {
	    background: url(./images/acd-02.jpg) no-repeat center center;
	}
}

/*ラベルホバー時*/
.accbox label:hover {
    opacity: 0.8;
}

/*チェックは隠す*/
.accbox input {
    display: none;
}

/*中身を非表示にしておく*/
.accbox .accshow {
    max-height: 0;
    overflow: hidden;
    background: #ffffff;
    /*opacity: 0;*/
    transition: all 0.6s ;
    padding:0 20px;
}

/*クリックで中身表示*/
.cssacc:checked ~ article{
    /*height: auto;*/
    opacity: 1;
    max-height: 100em;
    padding:0 20px;
     padding-bottom:20px;
}

