@charset "UTF-8";

/* ==========================================================
   1枚画像ページ（スクロール不要時）のナビフリーズ完全防衛策
   ========================================================== */






/* ----------------------------------------------------------
   Swiper 初期化フェード
   ---------------------------------------------------------- */
.swiper { opacity: 0; }
.swiper.is-initialized { opacity: 1; transition: opacity 1s ease; }



/*スマホで、縦位置画像で1枚しかない場合はswiperは起動されないがcssを変更する必要あり*/
@media screen and (max-width: 767px) {
  .single_project_layout .my-media-viewer.is_single_portrait .swiper-wrapper {
    display: block;
    height: auto;
  }
  .single_project_layout .my-media-viewer.is_single_portrait .swiper-slide {
    width: 100%;
    height: auto;
  }
  .single_project_layout .my-media-viewer.is_single_portrait .swiper-slide picture {
    display: block;
    width: 100%;
  }
  .single_project_layout .my-media-viewer.is_single_portrait .swiper-slide img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: contain;
  }

.single_project_layout .my-media-viewer.is_single_portrait {
height: auto !important;
margin-top: 0px;
margin-right: 10px !important;
margin-left: 10px !important;
width: calc( 100% - 20px );
}


}






/* BACK TO INDEX */
.back_to_index {
display: none;
visibility: hidden;
position: fixed;
z-index: 9;
top: 20px;
left: 6px;

font-family: "swiss-721-bt", sans-serif;
font-weight: 700;
font-style: normal;

/*FONT 375px計算*/
font-size: 10px;
font-size: 2.6666667vw;
font-size: clamp(9px, 2.6666667vw, 11px);

color: #fff;

font-feature-settings: "liga" 1, "pnum" 1;
letter-spacing: 0.0em;

transform: translateZ(0);
-webkit-transform: translateZ(0);

text-transform: uppercase;
mix-blend-mode: difference;
}

.back_to_index.is-visible {
/* JSからクラスが付与されたら即座に表示 */
display: block;
visibility: visible;
}


.back_to_index a {
position: relative;
inset: 0;
color: #fff;
padding: 15px 40px 50px 0;
touch-action: manipulation; /* スマホのタップ遅延を解除 */
}

.back_to_index .hover_shffule {
display: inline-block;
position: relative;
z-index: 0;
pointer-events: none;
white-space: nowrap;
}

.back_to_index a:hover{
color: #fff;
}

.back_to_index a:visited{
color: #fff;
}




/* ----------------------------------------------------------
   レイアウト基本
   ---------------------------------------------------------- */

/* 写真エリア基本 */
.photograph_layout {
position: relative;
width: calc(100vw - 20px);
margin: 0;
padding: 10vh 0 0 0;
text-align: left;
}

/* Swiper外の画像用（古いレイアウト）。Swiper内の .slide-media は別途100%指定。 */
.photograph_layout img:not(.slide-media) {
width: 100%;
height: auto;
}


/* SP swier起動せず、縦位置に画像を羅列するとき */
.single_project_layout .itiretu_wide {
width: calc(100% - 10px);
margin: 0 auto 5px auto;
}

.single_project_layout .itiretu_wide:first-child{
margin: 5px auto 5px auto;
}

/* 動画エリア（普通） */
#main_works_movie {
position: relative;
width: 86vw;
margin: 0 auto 0 auto;
padding: 14vh 0 50px 0;
text-align: center;
}

#main_works_movie .movie_basic {
position: relative;
width: 86vw;
margin: 0 auto;
}

/* 動画エリア（100%） */
#main_works_movie_100per {
position: relative;
width: 100vw;
margin: 0;
text-align: center;
background: #fff;
overflow: hidden;
}

/* 動画エリア（100%）罫線 */
#main_works_movie_100per::after {
content: '';
position: absolute;
bottom: 0;
left: 0;
right: 0;
margin: 0 auto;
width: 86vw;
max-width: 1200px;
height: 1px;
background: #eee;
}

#main_works_movie_100per .movie_basic {
position: relative;
width: calc(100vw + 4px);
height: auto;
margin: 0 auto;
}

/* Swiperエリア（my-media-viewer）上下余白 */
.my-media-viewer {
padding-top: 0px !important;
padding-bottom: 0px !important;
box-sizing: border-box !important;
}


/* ----------------------------------------------------------
テキストエリア
---------------------------------------------------------- */
.single_project_layout .info_area {
width: calc(100vw - 20px);
margin: 40px 10px 10px 10px;
}



/* SPの作品タイトル */
.single_project_layout h1.single_works_h1_sp {
position: relative;
width: 100%;
margin: 0;
padding: 0;
text-align: left;

font-family: "swiss-721-bt", sans-serif;
font-weight: 700;
font-style: normal;

/*FONT 375px計算*/
font-size: 14px;
font-size: 3.7333333vw;
font-size: clamp(13px, 3.7333333vw, 15px);

/*FONT 375px計算*/
font-size: 13px;
font-size: 3.4666667vw;
font-size: clamp(12px, 3.4666667vw, 14px);

color: #333;
line-height: 1.1;

font-feature-settings: "liga" 1, "pnum" 1;
letter-spacing: -0.02em;
}

.single_project_layout h1 a {
color: #333;
}



/* 見出し Statement Information */
.single_project_layout .title_info {
margin: 0 0 8px 0;
padding: 0;

font-family: "swiss-721-bt", sans-serif;
font-weight: 700;
font-style: normal;

/*FONT 375px計算*/
font-size: 11px;
font-size: 2.9333333vw;
font-size: clamp(10px, 2.9333333vw, 12px);

line-height: 1.3;
color: #333;

font-feature-settings: "liga" 1, "pnum" 1;
letter-spacing: 0.03em;
}



/* 日本語ステートメント */
.single_project_layout .japanese_statement {
width: 100%;
margin: 15px auto 0 auto;
}


.single_project_layout .japanese_statement p {
width: 100%;
margin: 0 0 14px 0;

/* Noto Sans - Google */
font-family: YakuHanJPs, "swiss-721-bt","Noto Sans JP", sans-serif;
font-optical-sizing: auto;
font-weight: 800;
font-style: normal;

/*FONT 375px計算*/
font-size: 11px;
font-size: 2.9333333vw;
font-size: clamp(10px, 2.9333333vw, 12px);

/*FONT 375px計算*/
font-size: 10px;
font-size: 2.6666667vw;
font-size: clamp(9px, 2.6666667vw, 11px);

line-height: 1.6;
color: #333;
text-align: left;
}






/* 英語ステートメント */
.single_project_layout .english_statement {
width: 100%;
margin: 20px auto 0 auto;
text-align: left;
}

.single_project_layout .english_statement p {
width: 100%;
margin: 0 0 17px 0;

font-family: "swiss-721-bt", sans-serif;
font-weight: 700;
font-style: normal;

/*FONT 375px計算*/
font-size: 12px;
font-size: 3.2vw;
font-size: clamp(11px, 3.2vw, 13px);

color: #333;
line-height: 1.5;

font-feature-settings: "liga" 1, "pnum" 1;
letter-spacing: 0.0em;
}


/* 作品情報 */
.single_project_layout .works_information {
margin: 30px 0 0 0;
padding: 0;

font-family: "swiss-721-bt", sans-serif;
font-weight: 700;
font-style: normal;

/*FONT 375px計算*/
font-size: 9px;
font-size: 2.4vw;
font-size: clamp(8px, 2.4vw, 10px);

color: #333;
line-height: 1.4;

font-feature-settings: "liga" 1, "pnum" 1;
letter-spacing: -0.01em;
}


.single_project_layout .works_information a {
color: #414141;
}





/*Copyright*/
.single_project_layout .english_small p {
margin: 40px 0 0 0;

font-family: "swiss-721-bt", sans-serif;
font-weight: 700;
font-style: normal;

/*FONT 375px計算*/
font-size: 7px;
font-size: 1.8666667vw;
font-size: clamp(6px, 1.8666667vw, 8px);

line-height: 1.1;
color: #000;

letter-spacing: -0.02em;
font-feature-settings: "liga" 1, "pnum" 1;
}








/* ----------------------------------------------------------
   1-5. ユーティリティ
   ---------------------------------------------------------- */


/* タップハイライト・選択禁止 */
.single_project_layout a,
.single_project_layout .swiper ~ a {
-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none;
-webkit-user-select: none;
user-select: none;
}

.single_project_layout * {
-webkit-tap-highlight-color: transparent;
}

/* スクロールパララックス用 keyframes */
@keyframes swiperParallax {
from { transform: translateY(0); }
to   { transform: translateY(0); }
}


.single_project_layout .photograph_layout {
width: 100%;
margin: 0;
padding: 0;
}


/* ----------------------------------------------------------
   2-2. Swiper本体　スマホ
   ---------------------------------------------------------- */

/* Swiper本体：左25px余白（margin-leftで確保。フリックしても常に維持）スマホ　 */
.single_project_layout .swiper {
position: relative;
width: calc(100% - 25px);
margin-left: 25px;
height: 84svh;
overflow: hidden;
}

.single_project_layout .swiper-wrapper {
height: 100%;
align-items: center;
transition-timing-function: linear;
}

/* 各スライド：width:auto !important でSwiperのインラインwidthを上書き */
.single_project_layout .swiper-slide {
width: auto !important;
height: 100% !important;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
}

.single_project_layout .swiper-slide picture {
display: flex;
align-items: center;
justify-content: center;
height: 100%;
width: auto;
}

/* 画像：高さ100%、幅は実寸 */
.single_project_layout .slide-media {
display: block;
height: 100%;
width: auto;
max-width: none;
object-fit: contain;
}


/* ----------------------------------------------------------
   2-3. 非表示要素
   ---------------------------------------------------------- */

/* カウンター・カーソル */
.single_project_layout .swiper-counter,
.single_project_layout .swiper-cursor-prev,
.single_project_layout .swiper-cursor-next {
display: none !important;
}

/* 矢印・ページネーション */
.single_project_layout .swiper-button-next,
.single_project_layout .swiper-button-prev,
.single_project_layout .swiper-pagination {
display: none !important;
}

/* +INFO トグル */
.single_project_layout .info_toggle {
display: none !important;
}









/*
PC　スマホ終了
======================================================================================================================== */
@media screen and (min-width: 768px) {

.project_single .common_bg_white{
position: fixed;
z-index: 0;
top: 0;
left: 0;
width: 100%;
height: 100%;
pointer-events: none;
background-color: #fff;
}

.single_project_layout h1.single_works_h1_sp {
visibility: hidden;
display: none;
}


.single_project_layout {
position: relative;
width: 100%;
margin: 0;
padding: 0;
width: 100%;
height: 100%;
}


/* INFO テキストエリア */
.single_project_layout .info_area {
position: fixed;
z-index: 9999;
bottom: 50px;
left: 20px;

width: 280px;

margin: 0;
padding:0;
mix-blend-mode: difference;
}


.single_project_layout .info_area .info_area_layout{
width: auto;
margin: 0;
padding: 0;
}


/*PC横スクロール画像表示エリア*/
.single_project_layout .photo_area {
width: calc( 100vw - 0 );
height: 100%;
margin: 0 0 0 0;
padding: 0 0 0 0;

box-sizing: border-box;
}


.single_project_layout .photo_area img{
width: 100%;
height: auto;
margin: 0 0 10px 0;
}



/* ----------------------------------------------------------
   【開始】Swiper本体　PC 一旦クリア！
   ---------------------------------------------------------- */
/* photograph_layoutの制約を解除 */
.single_project_layout .photograph_layout {
position: relative;
width: 100%;
max-width: none;
padding: 0 0 0 0;
margin: 0;
box-sizing: border-box;
}


/* PC：横スクロールコンテナ（横Lenisがこれを動かす）。
   overflow-x:auto でスクロール可能にし、中身(wrapper)を横flexで並べる。 */
.single_project_layout .swiper {
position: relative;
width: 100%;
margin: 100px 0 0 0;
padding: 0 0 0 0;

height: calc( 100vh - 190px ) !important;/*重要*/

overflow-x: auto;
overflow-y: hidden;
scrollbar-width: none;        /* Firefox：スクロールバー隠す */
-ms-overflow-style: none;

  touch-action: pan-x;              /* iPad：横パンのみ許可、縦の指の動きは無視 */
  overscroll-behavior: contain;     /* バウンス/オーバースクロールを抑える（保険） */
}


.single_project_layout .swiper::-webkit-scrollbar {
display: none;                /* WebKit：スクロールバー隠す */
}

/* wrapper：画像を横一列に並べる。 */
.single_project_layout .swiper-wrapper {
margin: 0;
padding: 0;

display: flex;
flex-wrap: nowrap;
height: 100%;

align-items: flex-start;
width: max-content;           /* 中身の合計幅に広がる（横スクロールの距離を確保）*/
}

/* 各スライド：高さ100%・幅は画像比率。横に並ぶ。 */
.single_project_layout .swiper-slide {
width: auto !important;
height: 100% !important;

display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
line-height: 0;

margin: 0;
padding: 0;
margin-left: 50px;           /* スライド間の余白 */
}

.single_project_layout .swiper-slide:first-child {
  margin-left: 350px;
}

.swiper-slide:last-child {
margin-right: var(--last-slide-margin);/*JSでコントロール。single_project_swiper.js*/
}



/* PC 縦位置1枚：横スクロール構造を解除して、画像を中央に配置する。（pc_portrait_only_one　をjsで付与）
   .my-media-viewer に付与される。中の wrapper / slide の横並びCSSも打ち消す。 */
.single_project_layout .my-media-viewer.pc_portrait_only_one {
overflow: hidden;              /* 横スクロール解除 */
display: flex;
justify-content: center;       /* 中央寄せ（横） */
align-items: center;           /* 中央寄せ（縦） */
height: 100vh !important;/*重要　上書き*/
height: 100dvh !important;/*重要　上書き*/
margin: 0;
padding: 0;
}

/* 中の wrapper：横並び・max-content を解除して、中央配置の単一要素に */
.single_project_layout .my-media-viewer.pc_portrait_only_one .swiper-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;                   /* max-content を打ち消す */
  height: 100vh;
}

/* 中の slide：横並びの余白・幅指定を打ち消し、中央に */
.single_project_layout .my-media-viewer.pc_portrait_only_one .swiper-slide {
  margin-right: 0 !important;    /* --last-slide-margin の余白を消す */
  width: auto !important;
  height: 100vh !important;
height: 100dvh !important;/*重要　上書き*/
  flex-shrink: 0;
background-color: blue;
}

.single_project_layout .my-media-viewer.pc_portrait_only_one .swiper-slide:first-child {
  margin-left: 0px;
}


.single_project_layout .swiper-slide picture {
display: block;
align-items: center;
justify-content: center;
height: 100%;
width: auto;

line-height: 0;
margin: 0;
padding: 0;
}

.swiper-slide img {
  display: block;
}

/* 画像：高さ100%・幅は実寸（.swiperの84vhにフィット）。
   .photograph_layout img{height:auto} に勝つため詳細度を上げる。 */
.single_project_layout .photograph_layout .slide-media {
display: block;
height: 100%;
width: auto;
max-width: none;
object-fit: contain;
}







/*Swiperクリア後のPC*/
/*PC　横位置　一枚のみの条件をjsでクラス付与*/
.pc_yokoiti_one_only img{
position: absolute;
top: 60px;
right: 0px;
width: calc( 100vw - 60px - 300px ) !important;/*300がテキストエリア、60がマージン*/
margin: 0;
padding: 0 0 0 0;
}




/* ----------------------------------------------------------
   3-2. 動画エリア
   ---------------------------------------------------------- */

/* 動画（普通） */
#main_works_movie {
position: absolute;
top: 80px;
right: 45px;
width: 70vw;
margin: 0;
padding: 0;


top:80px;
right: 0;
left: 0;
margin: auto;
}

.single_project_layout #main_works_movie .movie_basic {
display: block;
position: relative;
width: auto;
height: auto;
max-width: 100%;
max-height: 100%;
margin: 0;
padding: 0;
}

/* 動画（100%） */
#main_works_movie_100per {
position: relative;
width: 100vw;
margin: 0;
text-align: center;
background: #fff;
overflow: hidden;
}

#main_works_movie_100per::after {
content: '';
position: absolute;
bottom: 0;
left: 0;
right: 0;
margin: 0 auto;
width: 86vw;
max-width: 1200px;
height: 1px;
background: #eee;
}

#main_works_movie_100per .movie_basic {
position: relative;
width: calc(100vw + 4px);
height: auto;
margin: 0 auto;
}

/* 写真2列と一緒に使う1列 */
.single_project_layout .itiretu_wide {
width: calc(100% - 20px);
margin: 0 auto 0 auto;
}

.single_project_layout .itiretu_wide:first-child{
margin: 10px auto 0 auto;
}


/*テキストエリアーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
/* 日本語ステートメント */
.single_project_layout .japanese_statement {
width: 100%;
margin: 0;
padding: 0;
box-sizing: border-box;
}


.single_project_layout .japanese_statement p {
width: 100%;
margin: 0 0 16px 0;

/* Noto Sans - Google */
font-family: YakuHanJPs, "swiss-721-bt","Noto Sans JP", sans-serif;
font-optical-sizing: auto;
font-weight: 800;
font-style: normal;

font-size: 11px;

color: #fff;
line-height: 1.4;

letter-spacing: 0.0em;
font-feature-settings: "liga" 1, "pnum" 1;
}



/* 英語ステートメント */
.single_project_layout .english_statement {
width: 100%;

margin: 0;
padding: 0;
box-sizing: border-box;
}



.single_project_layout .english_statement p {
width: 100%;
margin: 0 0 17px 0;

font-family: "swiss-721-bt", sans-serif;
font-weight: 700;
font-style: normal;

font-size: 12px;
line-height: 1.2;
color: #fff;

letter-spacing: -0.01em;
font-feature-settings: "liga" 1, "pnum" 1;
}



/*Statement Info*/
.single_project_layout .title_info{
margin: 0 0 8px 0 ;
padding: 0;

font-family: "swiss-721-bt", sans-serif;
font-weight: 700;
font-style: normal;

font-size: 11px;
line-height: 1.1;
color: #fff;

letter-spacing: -0.02em;
font-feature-settings: "liga" 1, "pnum" 1;
}


/* 作品情報 */
.single_project_layout .works_information{
width: 100%;
padding: 20px 0 0 0;
margin: 0;
box-sizing: border-box;

font-family: "swiss-721-bt", sans-serif;
font-weight: 700;
font-style: normal;

font-size: 10px;
line-height: 1.2;
color: #fff;

letter-spacing: -0.02em;
font-feature-settings: "liga" 1, "pnum" 1;
}


.single_project_layout .works_information a{
color: #fff;
}



/* Informationの中のh1 */
.single_project_layout .single_works_h1_pc_info {
margin: 0;
padding: 0;

line-height: 1.1;
color: #fff;
}


/*Copyright*/
.single_project_layout .english_small p {
margin: 30px 0 0 0;

font-family: "swiss-721-bt", sans-serif;
font-weight: 700;
font-style: normal;

/*FONT 1440px計算*/
font-size: 18px;
font-size: 1.25vw;
font-size: clamp(17px, 1.25vw, 19px);

font-size: 8px;
line-height: 1.1;
color: #fff;

letter-spacing: -0.02em;
font-feature-settings: "liga" 1, "pnum" 1;
}



/*UI PC-------------------------------------------------------------*/
/* BACK TO INDEX（PC版） */
.back_to_index {
display: none;

position: fixed;
z-index: 9;
top: 50px;
left: 13px;
right: auto;

user-select: none;
-webkit-user-select: none;

font-family: "swiss-721-bt", sans-serif;
font-weight: 700;
font-style: normal;

font-size: 16px;
color: #fff;
letter-spacing: -0.02em;
font-feature-settings: "liga" 1, "pnum" 1;

mix-blend-mode: difference;
text-transform: uppercase;
}




.back_to_index a {
inset: 0;
color: #fff;
padding: 0;
/* タップ領域を上下左右に広げたい場合 */
inset: -3px;
}


/* カウンター（枚数 PC） */
.single_project_layout .swiper-counter {
display: block;
position: fixed;
z-index: 20;
bottom: 15px;
left: 15px;

font-family: "swiss-721-bt", sans-serif;
font-weight: 700;
font-style: normal;

font-size: 14px;
color: #000;
letter-spacing: -0.06em;
font-feature-settings: "liga" 1, "pnum" 1;

pointer-events: none;
}



/* ----------------------------------------------------------
   3-4. Swiper本体
   ---------------------------------------------------------- */

/* Swiper本体：fixed配置 */
/*


.single_project_layout .info_toggle {
position: fixed;
z-index: 4;
bottom: 15px;
left: auto;
right: 15px;
width: fit-content;

cursor: pointer;
user-select: none;
-webkit-user-select: none;

font-family: "swiss-721-bt", sans-serif;
font-weight: 700;
font-style: normal;

font-size: 14px;
color: #fff;
letter-spacing: 0.0em;
font-feature-settings: "liga" 1, "pnum" 1;

mix-blend-mode: difference;
}

.single_project_layout .swiper {
position: relative;
top: auto;
left: auto;
right: auto;
bottom: auto;

width: calc(100vw - 240px);
height: calc(100vh - 140px);
height: calc(100dvh - 20px);
height: calc(100svh - 20px);

margin: 10px 120px;
box-sizing: border-box;

opacity: 0;
transition: opacity 2s ease;

animation: swiperParallax linear both;
animation-timeline: scroll(root);

-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none;
touch-action: pan-y;
}

.single_project_layout .swiper.is-initialized {
opacity: 1;
}

.single_project_layout .swiper *,
.single_project_layout .swiper-wrapper,
.single_project_layout .swiper-slide {
-webkit-user-select: none;
user-select: none;
-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none;
}

.single_project_layout .swiper img {
-webkit-user-select: none;
user-select: none;
pointer-events: none;
-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none;
}

.single_project_layout .swiper-wrapper {
height: 100%;
}

.single_project_layout .swiper-slide {
display: flex;
justify-content: center;
align-items: center;
overflow: hidden;
width: 100%;
height: 100%;
margin: 0;
}

.single_project_layout .swiper-slide picture {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
}

.single_project_layout .slide-media {
display: block;
width: auto;
height: 100%;
max-width: none;
max-height: 100%;
object-fit: contain;
margin: 0;
}

body.project_single .swiper-cursor-prev {
display: block;
position: fixed;
z-index: 10;

top: 0;
left: 0;
width: 50%;
height: 100%;

cursor: url('/common/css/img/arrow-left.svg') 8 8, w-resize;

-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none;
-webkit-user-select: none;
user-select: none;
touch-action: manipulation;
}

body.project_single .swiper-cursor-next {
display: block;
position: fixed;
z-index: 10;
top: 0;
right: 0;
width: 50%;
height: 100%;

cursor: url('/common/css/img/arrow-right.svg') 8 8, e-resize;

-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none;
-webkit-user-select: none;
user-select: none;
touch-action: manipulation;
}

.single_project_layout .ipad-arrow {
display: none;
}

@media (hover: none) and (pointer: coarse) {

  .single_project_layout .ipad-arrow {
    display: block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 15px;
    height: auto;
    z-index: 5;
    pointer-events: none;
  }

  .single_project_layout .ipad-arrow-prev {
    left: 15px;
  }

  .single_project_layout .ipad-arrow-next {
    right: 15px;
  }
}




.single_project_layout .swiper {
position: fixed;
top: 70px;
left: 120px;
right: 120px;
bottom: 70px;
width: auto;
height: auto;
box-sizing: border-box;
margin: 0;

opacity: 0;
transition: opacity 0.25s ease;

animation: swiperParallax linear both;
animation-timeline: scroll(root);

-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none;
touch-action: pan-y;
}
*/




} /* 3. PC終了 */