.logout.my-false { display: none; }
.login.my-true { display: none; }

.fs-p-headerNavigation__link:link {
  color: #000;
}

.fs-p-headerNavigation__link:visited {
  color: #000;
}

.fs-p-headerNavigation__link:hover {
  color: #000;
}

.fs-p-headerNavigation__link:active {
  color: #000;
}

.facebook_class{
width:100%;
}

/* youtube　↓↓*/
.movie-wrap {
     position: relative;
     padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
     height: 0;
     overflow: hidden;
}
 
.movie-wrap iframe {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
}
/* youtube　↑↑*/


/* キャンペーン用右バナー　↓↓*/
/* PC */
#tab {
width: 80px;/* 最初に表示されるバナーの幅 */
height: 200px;/* バナーの高さ */
background: url() no-repeat;/* 画像のURL */
position: fixed;/* バナーを固定します */
right:0 ;/* 右から0pxの位置に指定 */
top: 400px;/* 上から●●pxの位置に指定 */
z-index:50;
}
#tab a {/* リンクするエリアをバナー全体に広げる設定 */
display: block;
width: 100%;
height: 100%;
}
#tab:hover {/* カーソルが乗った時の動きを指定 */
opacity: .7; /* 30%透過させる */
/* 以下アニメーションの設定 */
-webkit-transition: opacity .2s ease;
   transition: opacity .2s ease;
}


/* スマホ */
@media screen and (max-width:896px) { 
#tab {
width: 40px;/* 最初に表示されるバナーの幅 */
height: 100px;/* バナーの高さ */
background: url() no-repeat;/* 画像のURL */
background-size:100% auto;
}
}
/* キャンペーン用右バナー　↑↑*/



