.cp_cssslider input[name='cp_switch'] {
	display: none;

}
/* サムネイル */
.cp_cssslider label {
	margin: 0px 0px 0 0px;
	border: 2px solid #ffffff;
	display: inline-block;
	cursor: pointer;
	transition: all 0.5s ease;
	opacity: 1;
	border-radius: 3px;
    
}
.cp_cssslider label:hover {
	opacity: 0.5;
}
.cp_cssslider label img {
	display: block;
	width: 115px;
	border-radius: 2px;
}


.top-banner{ 
  display: flex; 
  flex-wrap:wrap; 
} 
.top-banner li { 
  width: calc(100%/2);/*←画像を横に4つ並べる場合*/ 
  padding:0 5px;/*←画像の左右に5pxの余白を入れる場合*/ 
  box-sizing:border-box; 
} 
.top-banner li img { 
  max-width:100%; /*画像のはみだしを防ぐ*/ 
  height: auto; /*画像の縦横比を維持 */ 
  border:solid 0px #ccc; /*←画像を1pxのグレーの枠線で囲む指定の場合*/ 
} 
ul{ 
  list-style: none; 
}

.input-prepend.input-append input {
  font-size: 24px;
  padding-top: 11px;
  padding-bottom: 11px;
  width: 100px;
  text-align: right;
}

#page_top{
  width: 50px;
  height: 50px;
  position: fixed;
  right: 0;
  bottom: 0;
  background: #3f98ef;
  opacity: 0.6;
  border-radius: 50%;
}
#page_top a{
  position: relative;
  display: block;
  width: 50px;
  height: 50px;
  text-decoration: none;
}
#page_top a::before{
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  content: '\f102';
  font-size: 25px;
  color: #fff;
  position: absolute;
  width: 25px;
  height: 25px;
  top: -5px;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
}

.breadcrumb li{
  color:#3c3c3c;
}
.breadcrumb a{
  color:#3c3c3c;
}

 /* ご利用案内 */
.guidance{
display: -webkit-box;
display: flex;
}
.guidance-item{
width:20%;
padding:0.5vw;
display: -webkit-box;
display: flex;
align-items: center;
justify-content: center;
}
@media screen and (min-width: 600px){
.guidance{
flex-wrap: wrap;
}
}
@media screen and (max-width:599px){
.guidance{
flex-wrap: nowrap;
overflow-x: scroll;
}
.guidance-item{
width:100%;
min-width:37.5%;
}
}
.guidance-item img{
  border-radius: 5px;
}

.guidance-item img:hover{
  opacity:0.65;
  transition:0.5s;
}
/* //ご利用案内 */

.product-content img {
  width:550px;
    height:auto;
}
.product-image-thumb img {
  width:188px;
    height:auto;
}

/* gift2カラム2カラム */
.giftitem {
  display: flex;
  flex-wrap: wrap;
}
.giftcolumn {
  width: 50%;
  margin-bottom:0px;
  margin-top:20px;
}
.giftcolumn img{
  width: 25%;
  border-radius: 15%;
  filter:drop-shadow(1px 1px 1px #aaa)
}

@media (min-width: 1024px) {
  .giftcolumn {
    width: 50%;
  }
}
/* //gift2カラム2カラム */

.在庫切れ {
  background-color:#f5f5f5;
  font-size:11px;
  text-align:center;
}

.パンくずリスト {
 font-size:12px;
  margin-top:0px;
  margin-bottom:24px;
  line-height: 1.9em;
}
Resources