/*==================================================
スライダーのためのcss
===================================*/
.bxsl_01 {/*横幅94%で左右に余白を持たせて中央寄せ*/
    max-width: 100%;
     margin:0 auto;
 }
 
 .bxsl_01 img {
     width:100%;/*スライダー内の画像を横幅100%に*/
     height:auto;
 }
 
 /*slickのJSで書かれるタグ内、スライド左右の余白調整*/
 
 .bxsl_01 .slick-slide {
     margin:0 18px;
 }
/*-
sp-------------------------*/
@media only screen and (max-width:599px) {
    .bxsl_01 {
        max-width: 100%;
        width:100%;
     }
}




/*==================================================
スライダーのためのcss
===================================*/
.news00 {/*横幅94%で左右に余白を持たせて中央寄せ*/
    width:94%;
     margin:0 auto;
 }
 
 .news00 img {
     width:100%;/*スライダー内の画像を横幅100%に*/
     height:auto;
 }
 
 /*slickのJSで書かれるタグ内、スライド左右の余白調整*/
 
 .news00 .slick-slide {
     margin:0 18px;
 }
 
/*==================================================
スライダー2のためのcss
===================================*/
.news00_shop {/*横幅94%で左右に余白を持たせて中央寄せ*/
    width:94%;
     margin:0 auto;
 }
 
 .news00_shop img {
     width:100%;/*スライダー内の画像を横幅100%に*/
     height:auto;
 }
 
 /*slickのJSで書かれるタグ内、スライド左右の余白調整*/
 
 .news00_shop .slick-slide {
     margin:0 18px;
 }

/*==================================================
スライダー2のためのcss
===================================*/
.slider_item {/*横幅94%で左右に余白を持たせて中央寄せ*/
    width:94%;
     margin:0 auto;
 }
 
 .slider_item img {
     width:100%;/*スライダー内の画像を横幅100%に*/
     height:auto;
 }
 
 /*slickのJSで書かれるタグ内、スライド左右の余白調整*/
 
 .slider_item .slick-slide {
     margin:0 18px;
 }


/*==================================================
スライダー2のためのcss
===================================*/
.slider_shop {/*横幅94%で左右に余白を持たせて中央寄せ*/
    width:100%;
     margin:0 auto;
 }
 
 .slider_shop img {
     width:100%;/*スライダー内の画像を横幅100%に*/
     height:auto;
 }
 
 /*slickのJSで書かれるタグ内、スライド左右の余白調整*/
 
 .slider_shop .slick-slide {
     margin:0 0;
 }




 /*矢印の設定*/
 
 /*戻る、次へ矢印の位置*/
 .slick-prev, 
 .slick-next {
     position: absolute;/*絶対配置にする*/
     top: 42%;
     cursor: pointer;/*マウスカーソルを指マークに*/
     outline: none;/*クリックをしたら出てくる枠線を消す*/
     border-top: 2px solid #666;/*矢印の色*/
     border-right: 2px solid #666;/*矢印の色*/
     height: 15px;
     width: 15px;
 }
 
 .slick-prev {/*戻る矢印の位置と形状*/
     left: -1.5%;
     transform: rotate(-135deg);
 }
 
 .slick-next {/*次へ矢印の位置と形状*/
     right: -1.5%;
     transform: rotate(45deg);
 }
 
 /*ドットナビゲーションの設定*/
 
 .slide-dots {
     text-align:center;
     margin:20px 0 30px;
 }
 
 .slide-dots li {
     display:inline-block;
     margin:0 5px;
 }
 
 .slide-dots button {
     color: transparent;
     outline: none;
     width:8px;/*ドットボタンのサイズ*/
     height:8px;/*ドットボタンのサイズ*/
     display:block;
     border-radius:50%;
     background:#ccc;/*ドットボタンの色*/
 }
 
 .slide-dots li button:before{
	font-size:4px!important;
}


 .slide-dots .slick-active button{
     background:#333;/*ドットボタンの現在地表示の色*/
 }

/*-20220301_---------------*/

.slall{
    margin-bottom: 35px;
}


.slbox{
    padding: 0 0 20px;
    background-color: rgba( 0, 0, 0, 0.3 );
}

.sl_imgsize{
    max-width: 400px;
    height: auto;
    padding: 10px 10px 0;
}
.sl_txt{
    color:#ccc;
    font-size: 1.0rem;
    line-height: 1.8rem;
    padding: 14px;
}

.sl_imgsize_shop{
    max-width: 800px;
    height: auto;
    padding: 10px 10px 0;
}


/*---------------------
会員ページ関連
---------------------------------*/
img.member_smimg{
    width: 460px;
    height: auto;
}