@charset "UTF-8";
/*スマホ & PC*/


@media screen and (max-width: 767px) {
/*マウスフォロー----------------------------------------------*/
#mouse_follow{
visibility: hidden;
transition:all 0.3s cubic-bezier(.18,.34,.57,.79);
-webkit-transition:all 0.3s cubic-bezier(.18,.34,.57,.79);

pointer-events: none;
position: fixed;
z-index: 9999;

transform: translateX(-50%) translateY(-50%) scale(1);
width: 120px;
height: 120px;
border-radius: 50%;
background: url(../img/mouse.svg) no-repeat center center;
opacity: 0.0;
border: none;
}

#mouse_follow.hover_mouse{
transition:all 0.6s cubic-bezier(.18,.34,.57,.79);
-webkit-transition:all 0.6s cubic-bezier(.18,.34,.57,.79);

transform: translateX(-50%) translateY(-50%) scale(1);
width: 120px;
height: 120px;
background: url(../img/mouse.svg) no-repeat center center;
opacity: 1.0;
border: none;
}








/*Loop基本 PC-----------------------------------*/
#loop_js_last_layout{
position: relative;
z-index: 3;
width: 100%;
height: auto;
margin: 120px 0 50px 0;
padding: 0;
overflow: hidden;
}



/*横タイトル*/
.yoko_title_loop{
position: relative;
width: 90%;
margin: 0 auto 20px auto;
padding: 0;
opacity: 1;
}

.yoko_title_loop img{
width: 100%;
height: auto;
}







/*最後のLOOP
-----------------------------------------------------------------*/
/*重要*/
.wrapper02{
width: 100%;
height: 480px;
overflow: hidden;
margin: 0;
padding: 0;
font-size: 0;

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


/*各要素*/
.b-slider02{
width: 100%;
min-width: 100%;
height: 480px;
outline: 0;
margin: 0;
padding: 0;
cursor: pointer;
}

.b-slider__slide02{
position: relative;
text-align: left;
width: 313px;
height: 480px;
margin: 0;
padding: 0;

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

.b-slider__slide02 img{
width: 100%;
height: auto;

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

/*各リンク　画像エリアごとに設定する必要あり*/
a.mouse_over{
position: absolute;
z-index: 999;
top: 0;
left: 0;
width: 100%;
height: 100%;
}



/*各要素*/
.b-slider__slide02 ul{
font-size: 0px;
letter-spacing:0;
}

.b-slider__slide02 ul li{
position: absolute;
overflow: hidden;
display: block;
width: 313px;
height: 480px;
margin: 0;
padding: 0;

display: inline-block;
vertical-align: top;
font-size: 0px;
letter-spacing:0;

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


/*各要素 Inner*/
.b-slider__slide02 ul li .photo_zone{
position: absolute;
top: 0;
left: 0;
width: 313px;
height: 480px;
transform-origin: top left;
}










/*01------*/
ul.loop_01 li:first-child .photo_zone{
z-index: 2;
background: url(../img/p01_04_sp.jpg) no-repeat top left;
background-size: cover;
}

ul.loop_01 li:nth-child(2) .photo_zone{
z-index: 1;
background: url(../img/p01_01_sp.jpg) no-repeat top left;
background-size: cover;
}


/*02------*/
ul.loop_02 li:first-child .photo_zone{
z-index: 2;
background: url(../img/p02_01_sp.jpg) no-repeat top left;
background-size: cover;
}

ul.loop_02 li:nth-child(2) .photo_zone{
z-index: 1;
background: url(../img/p02_02_sp.jpg) no-repeat top left;
background-size: cover;
}

/*03------*/
ul.loop_03 li:first-child .photo_zone{
z-index: 2;
background: url(../img/p03_01_sp.jpg) no-repeat top left;
background-size: cover;
}

ul.loop_03 li:nth-child(2) .photo_zone{
z-index: 1;
background: url(../img/p03_04_sp.jpg) no-repeat top left;
background-size: cover;
}

/*04------*/
ul.loop_04 li:first-child .photo_zone{
z-index: 2;
background: url(../img/p04_01_sp.jpg) no-repeat top left;
background-size: cover;
}

ul.loop_04 li:nth-child(2) .photo_zone{
z-index: 1;
background: url(../img/p04_03_sp.jpg) no-repeat top left;
background-size: cover;
}

/*05------*/
ul.loop_05 li:first-child .photo_zone{
z-index: 2;
background: url(../img/p05_01_sp.jpg) no-repeat top left;
background-size: cover;
}

ul.loop_05 li:nth-child(2) .photo_zone{
z-index: 1;
background: url(../img/p05_02_sp.jpg) no-repeat top left;
background-size: cover;
}


/*06------*/
ul.loop_06 li:first-child .photo_zone{
z-index: 2;
background: url(../img/p06_01_sp.jpg) no-repeat top left;
background-size: cover;
}

ul.loop_06 li:nth-child(2) .photo_zone{
z-index: 1;
background: url(../img/p06_02_sp.jpg) no-repeat top left;
background-size: cover;
}

}


































/**/