/*重要*/
.wrapper{
width: 100vw;
overflow: hidden;
cursor: pointer;
user-select: none;
-webkit-user-select: none;
-webkit-touch-callout: none; /* リンク長押しのポップアップを無効化 */
-webkit-user-select: none; /* テキスト長押しの選択ボックスを無効化 */
padding: 0;
margin: 0;
}


/*LOOP スマホ
-----------------------------------------------------------------*/
.b-slider{
width: 96vw;
outline: 0;
margin: 0 auto 80px auto;
padding: 0;
/*全体 */
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
}

.b-slider:hover .b-slider__img{

}

.b-slider__slide{
position: relative;
text-align: center;
flex-basis: 28vw;
margin: 0 2vw 0 2vw;
}

.b-slider__slide img{
position: relative;
margin: 4px 0 0 0;
width: calc( 28vw - 8px );
width: -webkit-calc( 28vw - 8px );
height: auto;

user-select: none;
-webkit-user-select: none;
-webkit-touch-callout: none; /* リンク長押しのポップアップを無効化 */
-webkit-user-select: none; /* テキスト長押しの選択ボックスを無効化 */
}

.b-slider__slide.first{
background: #9dd0d1;
}

.b-slider__slide.second{
background: #f8858b;
}

.b-slider__slide.third{
background: #bfb8a6;
}



.b-slider__slide .text_area{
display: block;
width: calc( 28vw - 8px );
width: -webkit-calc( 28vw - 8px );
margin: 9px auto 9px auto;
}

.b-slider__slide .text_area img{
width: 100%;
height: auto;
}



.b-slider__ref {
width: 100%;
}


/*スマホ終了
--------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (min-width: 768px) {
/*重要*/
.wrapper{
width: 68%;
overflow: visible;
margin: 0 auto;
padding: 90px 0 100px 0;
}


.wrapper .pc_show{
width: 100%;
}

.b-slider{
width: 690px;
/*outline: 0;*/
margin: 0 auto;
padding: 0;

/*全体 */
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
}



.b-slider__slide{
position: relative;
text-align: center;
width: auto;
flex-basis: 200px;
margin: 0 15px 0 15px;
cursor: pointer;

opacity: 1.0;
transition: opacity .3s;
-webkit-transition: opacity .3s;
}

.b-slider__slide img{
position: relative;
margin: 0;
width: 190px;
height: auto;

user-select: none;
-webkit-user-select: none;
-webkit-touch-callout: none; /* リンク長押しのポップアップを無効化 */
-webkit-user-select: none; /* テキスト長押しの選択ボックスを無効化 */
}


.b-slider__slide a:hover{
opacity: 0.6;
transition: all .3s;
-webkit-transition: all .3s;
}

.b-slider__slide .photo{
width: 190px;
margin: 5px auto;
}

.b-slider__slide.first{
background: #9dd0d1;
}

.b-slider__slide.second{
background: #f8858b;
}

.b-slider__slide.third{
background: #bfb8a6;
}

.b-slider__slide .text_area{
display: block;
width: 90%;
margin: 13px auto 13px auto;
}








}/*768px PC・タブレット終了*/




















/**/