body::after {
            content: '';
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: #fff;
            /* 背景カラー */
            z-index: 9999;
            /* 一番手前に */
            pointer-events: none;
            /* 他の要素にアクセス可能にするためにポインターイベントは無効に */
            opacity: 0;
            /* 初期値 : 透過状態 */
            -webkit-transition: opacity .8s ease;
            /* アニメーション時間は 0.8秒 */
            transition: opacity .8s ease;
        }

        body.fadeout::after {
            opacity: 1;
        }

        body.fadeout article {
            -webkit-transform: scale(1.2);
            transform: scale(1.2);
        }


        .mttp {
            position: relative;
            width: 100%;
            height: 0px;
            padding-top: 56.25%;
            margin-bottom: 15%;
        }

        .mmt-inner {
            width: 60%;
            margin: 15% auto 10%;
                font-size: 15px;
        }

        .mmt-inner h1 {
            margin-bottom: 100px;
        }

        .mttp iframe {

            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 70%;
            right: 0;
            bottom: 0;
            margin: auto;
        }

        .totop {
            margin: 100px 0;
            text-align: center;

        }

        .totop a {
            text-decoration: none;
            display: block;
            padding: 20px;
            border: 1px solid grey;
            width: 15%;
            margin: auto;
            font-size: 14px;
            color: #222;
            /* box-shadow: 0 6px 14px -4px rgb(0 0 0 / 34%); */
            -webkit-transition: all .3s ease;
            transition: all .3s ease;

        }

        .totop a:hover {
            border: 1px solid rgba(90, 191, 202, 0.7);
            /* color: #fff; */
        }

        .swiper-container {
            width: 100%;
            height: 100%;
        }

        .artSwiper {
            margin-top: -20%;
            margin-bottom: 200px;
        }

        .swiper-slide {
            text-align: center;
            font-size: 15px;
            background: #fff;

            /* Center slide text vertically */
            display: -webkit-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            -webkit-justify-content: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            -webkit-align-items: center;
            align-items: center;
        }

        .swiper-slide img {
            display: block;
            width: 100%;
            height: 100%;
            object-fit: cover;
            
        }
        .artSwiper .swiper-slide img {
            max-height:300px;
        }

        .swiper-slide a {
            text-decoration: none;
            text-align: left;
        }

        .swiper-pagination-bullet-active {
            background-color: #fff;
        }

    .p2 {padding:2%;}




    .tabs{
  position:relative;
}
.tab-buttons {
    width:210px;
}
.tab-buttons span{
    font-family: 'Uchen', serif;
    /* font-size: 28px; */
    font-weight: 400;
  cursor:pointer;
  display:block;
  width:33.3%;
  float:left;
  text-align:center;
  height:40px;
  line-height:30px;
}
.tab-content{
  padding:100px 0;
  display:inline-block;
  width: 100%;
}


#lamp{
  width:70px;
  height:1px;
  background:#333;
  display:block;
  position:absolute;
  top:40px;
  transition: all .3s ease-in;
-o-transition: all .3s ease-in;
-webkit-transition: all .3s ease-in;
-moz-transition: all .3s ease-in;
}
#lamp.content2{
  left:70px;
  transition: all .3s ease-in;
-o-transition: all .3s ease-in;
-webkit-transition: all .3s ease-in;
-moz-transition: all .3s ease-in;
}
#lamp.content3{
  left:140px;
  transition: all .3s ease-in;
-o-transition: all .3s ease-in;
-webkit-transition: all .3s ease-in;
-moz-transition: all .3s ease-in;
}
#lamp.content1{
  left:0;
  transition: all .3s ease-in;
-o-transition: all .3s ease-in;
-webkit-transition: all .3s ease-in;
-moz-transition: all .3s ease-in;
}

/* .tab-content .content3.zh {
font-family: 'Microsoft YaHei', sans-serif;
} */

        /*480px以下*/
        @media screen and (max-width: 480px) {
            .mmt-inner {
                width: 85%;
            }

            .totop a {
                width: 30%;
                padding: 15px;
            }

    .mttp {
        margin-top:200px;
    }    
    .mttp iframe {
        height:70vh;
    }

    .artSwiper {
        margin-top:40%;
    }

        }