body {
    width: 100%;
    margin: 0;
    background-color: #ffecf5;
    font-family: YakuHanJP, ibm-plex-sans, source-han-sans-japanese, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Hiragino Kaku Gothic Pro', 'Yu Gothic', Meiryo, "Helvetica Neue", Arial, sans-serif;
}


/*Hide Scroll-Bar*/
html::-webkit-scrollbar { 
    width: 0;
}

/*リンクのアンダーバー外す*/
a {
    text-decoration: none;
}


/*At A Grance*/
.At_A_Glance {
    width: 100vw;
    display: flex;
    justify-content: center;
}

.At_A_Glance_Contents {
    position: absolute;
    max-width: 1010px;
    margin: 0 auto;

    margin-top: calc(100vh - 155px - 875.16px);
}

.At_A_Glance_Title {
    z-index: 100;
    position: relative;
    color: white;
    font-family: ab-kirigirisu, sans-serif;
    font-weight: normal;
    font-size: 48px;
    letter-spacing: -0.1em;
    text-shadow: 0px 0px 15px rgba(0, 0, 0, 0.25);
    margin-bottom: 27px;
}

.At_A_Glance_Tiles {
    z-index: 100;
    position: relative;
    display: grid;
    grid-template-columns: repeat(6, 145px);
    grid-auto-rows: 145px;
    column-gap: 28px;
    row-gap: 28px;
}

.At_A_Glance_Arrow-Up {
    padding: 0 471px;
}


.twitter-timeline,
.Tile5 > iframe {
    border-radius: 15px;
}


/*タイル*/
.Tile1,
.Tile2,
.Tile3,
.Tile4,
.Tile5,
.Tile6,
.Tile7 {
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.25);
    border-radius: 15px;
}

/*タイル・「何かあるよ！」・文字の左のスペーシング*/
.Tile1,/*
.Tile2,
.Tile3,
.Tile4,
.Tile5,
.Tile6,
.Tile7,*/
.Tile_Infos,
.Tile_SelfIntro,
.Tile_Avatars,
.Tile_FavWorlds,
.Tile_VRC,
.Tile_AttendedEvents {
    padding: 0 0 0 12px;/*文字の左のスペーシング*/
}

/*タイル・「何もないよ！」*/
/*.Tile1,*/
.Tile2,
.Tile3,
.Tile4,
.Tile5,
.Tile6,
.Tile7 {
    background: rgba(247, 246, 245, 0.5);
    backdrop-filter: blur(4px);
    font-family: ab-kirigirisu, sans-serif;
    letter-spacing: -0.1em;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}


/*h1のマージン指定*/

.Tile1_Title h1,
.Tile2_Title h1,
.Tile3_Title h1,
.Tile4_Title h1,
.Tile5_Title h1,
.Tile6_Title h1,
.Tile7_Title h1,
.Tile2-1_Name h1,
.Tile2-2_Name h1,
.Tile2-3_Name h1,
.Tile2-4_Name h1,
.Tile2-5_Name h1,
.Tile2-6_Name h1,
.Tile2-7_Name h1,
.Tile_SelfIntro h1,
.Tile_Avatars h1,
.Tile_FavWorlds h1/*,
.Tile_VRC h1,
.Tile_AttendedEvents h1*/ {
    margin: 39px 0 0 0;
    font-size: 36px;
}


/*h2のボールド外し*/

.Tile1_Title h2,
.Tile2_Title h2,
.Tile3_Title h2,
.Tile4_Title h2,
.Tile5_Title h2,
.Tile6_Title h2,
.Tile7_Title h2,
.Tile2-1_Name h2,
.Tile2-2_Name h2,
.Tile2-3_Name h2,
.Tile2-4_Name h2,
.Tile2-5_Name h2,
.Tile2-6_Name h2,
.Tile2-7_Name h2,
.Tile_SelfIntro h2,
.Tile_Avatars h2,
.Tile_FavWorlds h2,
.Tile_VRC h2,
.Tile_AttendedEvents h2 {
    font-weight: normal;
    margin: 0;
    font-size: 18px;
}

/*Tiles At_A_Glance, Prof*/

.Tile1 {
    background: linear-gradient(to left, rgba(255,255,255,0) 30%, #fff 55%), url(./Mates/Pics/file_2f65263f-acc1-4b90-91dc-0e435bfe1da1_blob.png);
    background-size: 110%;
    background-position: bottom;
    z-index: 100;
}

.Tile1,
.Tile_Infos {
    /*Grid指定*/
    grid-column-start: 1;
    grid-column-end: 5;
    grid-row-start: 1;
    grid-row-end: 3;
}

.Tile2,
.Tile_SelfIntro {
    z-index: 100;
    grid-column-start: 5;
    grid-column-end: 7;
    grid-row-start: 1;
    grid-row-end: 3;
}

.Tile3,
.Tile_Avatars {
    z-index: 100;
    grid-column-start: 1;
    grid-column-end: 3;
    grid-row-start: 3;
    grid-row-end: 5;
}

.Tile4,
.Tile_Twitter,
.twitter-timeline {
    z-index: 100;
    grid-column-start: 3;
    grid-column-end: 5;
    grid-row-start: 3;
    grid-row-end: 5;
}

.Tile5,
.Tile_FavWorlds {
    z-index: 100;
    grid-column-start: 5;
    grid-column-end: 7;
    grid-row-start: 3;
    grid-row-end: 4;
}

.Tile6,
.Tile_VRC {
    z-index: 100;
    grid-column-start: 5;
    grid-column-end: 6;
    grid-row-start: 4;
    grid-row-end: 5;
}

.Tile_Twitter_Logo {
    padding: 22.5px;
}

.Tile7,
.Tile_AttendedEvents {
    z-index: 100;
    grid-column-start: 6;
    grid-column-end: 7;
    grid-row-start: 4;
    grid-row-end: 5;
}

.Tile_YouTube_Logo {
    padding: 12.5px;
}

.At_A_Glance_Arrow-Up {
    z-index: 100;
    position: relative;
    width: 68px;
}

.At_A_Glance_Arrow-Up_svg {
    display: inline-block;
}

.At_A_Glance_Background {
    z-index: 0;
    position: relative;
    width: 100%;
    height: calc(100vh - 155px);
    background: url(./Mates/Pics/file_2f65263f-acc1-4b90-91dc-0e435bfe1da1_blob.png);
    background-size: cover;
    filter: drop-shadow(0px 0px 15px rgba(0, 0, 0, 0.5));
    border-radius: 0 0 30px 30px;
}


/*Menu Bar*/

.Menu_Bar {
    height: 155px;
    margin: 0 36px;
    font-family: inherit;
    text-shadow: 0px 0px 15px rgba(0, 0, 0, 0.25);
    display: flex;
    flex-direction: row;
    align-items: center;
}

.Menu_Bar > img {
    max-width: 70%;
    max-height: 70%;
    padding: 0 15px;
}

.Menu_Bar h1,
.Members_Title,
.Prof_Menu_Bar h1 {
    font-family: ab-kirigirisu, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 64px;
    letter-spacing: -0.1em;
    color: #660000;
    margin: 0;
}

.Menu_Bar h2 {
    font-family: ab-kirigirisu, sans-serif;
    font-weight: 400;
    font-style: normal;
    letter-spacing: -0.1em;
    color: #660000;
    margin: 0;
}

.Menu_Bar_Buttons {
    display: flex;
    margin-left: auto;
}

.Button_Members,
.Button_Activities {
    color: #660000;
    background: rgba(247, 246, 245, 0.5);
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.25);
    backdrop-filter: blur(4px);
    border-radius: 15px;
    padding: 0 50px;
    margin: 0 25px;
    height: 80px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.Button_Members p,
.Button_Activities p {
    font-family: ab-kirigirisu, sans-serif;
    font-size: 48px;
    font-weight: normal;
    letter-spacing: -0.2em;
    text-align: center;
}


/*Members, Prof*/

.Members,
.Prof {
    width: 100vw;
    display: flex;
    justify-content: center;
}

.Members_Contents,
.Prof_Contents {
    position: absolute;
    max-width: 1010px;
    margin: 0 auto;
    padding-bottom: 100px;
}

.Members_Title,
.Prof_Title {
    margin-top: 100px;
    margin-bottom: 27px;
}

.Members_Tiles {
    display: grid;
    grid-template-columns: repeat(6, 145px);
    grid-auto-rows: 145px;
    column-gap: 28px;
    row-gap: 28px;
}

/*夜兎理 九月*/
.Tile2-1 {
    background: linear-gradient(to top, rgba(255,255,255,0) 30%, #fff 55%),
                url(./Mates/Pics/file_2f65263f-acc1-4b90-91dc-0e435bfe1da1_blob.png);
    background-size: 110%;
    background-position: bottom;

    /*Grid指定*/
    grid-column-start: 1;
    grid-column-end: 3;
    grid-row-start: 1;
    grid-row-end: 3;
}

.Tile2-1 h1 {
    color:#000;
}

.Tile2-1 h2 {
    color:#000;
}

.Tile2-1 > .Tags p {
    color:rgb(255, 255, 255);
    background: rgb(0, 0, 0);
}


/*あまねむめい*/
.Tile2-2 {
    background: linear-gradient(to top, rgba(11,11,28,0) 30%, #0B0B1C 55%),
                url("./Mates/Pics/Prof_Pics/MoomA/Screenshots/VRChat_3840x2160_2021-10-19_22-12-50.460%20(2).png");
    background-size: 110%;
    background-position: bottom;

    /*Grid指定*/
    grid-column-start: 3;
    grid-column-end: 5;
    grid-row-start: 1;
    grid-row-end: 3;
}

.Tile2-2 h1 {
    color:#EABCFF;
}

.Tile2-2 h2 {
    color:#A988BD;
}

.Tile2-2 > .Tags p {
    color:rgba(255, 255, 255, .9);
    background: #5390FF;
}


/*ぽた*/
.Tile2-3 {
    background: linear-gradient(to top, rgba(255,255,255,0) 30%, #fff 55%),
                url(./Mates/Pics/Prof_Pics/Pota/Screenshots/pota_VRChat_1920x1080_2021-09-16_05-39-37.911.png);
    background-size: 110%;
    background-position: bottom;

    /*Grid指定*/
    grid-column-start: 5;
    grid-column-end: 7;
    grid-row-start: 1;
    grid-row-end: 3;
}

.Tile2-3 h1 {
    color:#000;
}

.Tile2-3 h2 {
    color:#000;
}

.Tile2-3 > .Tags p {
    color:rgb(255, 255, 255);
    background: rgb(0, 0, 0);
}


/*かいざー*/
.Tile2-4 {
    background: linear-gradient(to top, rgba(253,251,247,0) 30%, #FDFBF7 55%),
                url(./Mates/Pics/Prof_Pics/Kaiser/Screenshots/aa.png);
    background-size: 110%;
    background-position: bottom;
    
    /*Grid指定*/
    grid-column-start: 1;
    grid-column-end: 3;
    grid-row-start: 3;
    grid-row-end: 5;
}

.Tile2-4 h1 {
    color:#C05959;
}

.Tile2-4 h2 {
    color:#E19898;
}

.Tile2-4 > .Tags p {
    color:rgba(255, 255, 255, 0.9);
    background: #E4AC1B;
}


/*みとてゃん*/
.Tile2-5 {
    background: linear-gradient(to top, rgba(255,255,255,0) 30%, #fff 55%),
                url(./Mates/Pics/file_2f65263f-acc1-4b90-91dc-0e435bfe1da1_blob.png);
    background-size: 110%;
    background-position: bottom;

    /*Grid指定*/
    grid-column-start: 3;
    grid-column-end: 5;
    grid-row-start: 3;
    grid-row-end: 5;
}

.Tile2-5 h1 {
    color:#000;
}

.Tile2-5 h2 {
    color:#000;
}

.Tile2-5 > .Tags p {
    color:rgb(255, 255, 255);
    background: rgb(0, 0, 0);
}


/*むむがみ*/
.Tile2-6 {
    background: linear-gradient(to top, rgba(255,255,255,0) 30%, #fff 55%),
                url(./Mates/Pics/file_2f65263f-acc1-4b90-91dc-0e435bfe1da1_blob.png);
    background-size: 110%;
    background-position: bottom;

    /*Grid指定*/
    grid-column-start: 5;
    grid-column-end: 7;
    grid-row-start: 3;
    grid-row-end: 5;
}

.Tile2-6 h1 {
    color:#000;
}

.Tile2-6 h2 {
    color:#000;
}

.Tile2-6 > .Tags p {
    color:rgb(255, 255, 255);
    background: rgb(0, 0, 0);
}


/*キリエ=エレイソン*/
.Tile2-7 {
    background: linear-gradient(to top, rgba(246,249,253,0) 30%, #F6F9FD 55%),
                url(./Mates/Pics/Prof_Pics/Kyrie/Screenshots/VRChat_1920x1080_2021-08-30_00-29-56.374.png);
    background-size: 110%;
    background-position: bottom;

    /*Grid指定*/
    grid-column-start: 1;
    grid-column-end: 3;
    grid-row-start: 5;
    grid-row-end: 7;
}

.Tile2-7 h1 {
    color:#FE67A5;
    letter-spacing: -0.1em;
}

.Tile2-7 h2 {
    color:#FFB4D3;
}

.Tile2-7 > .Tags p {
    color:rgba(255, 255, 255, 0.9);
    background: #A19FB2;
}


.Tile2-1,
.Tile2-2,
.Tile2-3,
.Tile2-4,
.Tile2-5,
.Tile2-6,
.Tile2-7 {
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.25);
    border-radius: 15px;
    padding: 0 0 0 12px;
}

/*タグ*/
.Tags {
    display: flex;
}

.Tags p {
    font-size: 18px;
    text-align: left;
    font-family: ab-kirigirisu, sans-serif;
    letter-spacing: -0.2em;


    background: rgb(255, 161, 66);
    border-radius: 15px;
    padding: 4.5px 15px 4.5px 10px;
    margin: 10px 10px 0 0;
}

/*Footer*/
.Footer {
    display: flex;
    position: absolute;
    margin-top: 1301px;/*メンバータイル分落としてる*/
	margin-bottom: 30px;
	width: 100%;
    height: auto;
	background-color: #660000;
    filter: drop-shadow(0px 0px 15px rgba(0, 0, 0, 0.5));
    border-radius: 30px 30px 0 0;
}

.Footer_Title {
	margin: 0 auto;
}

.Footer_Title h1 {
	color: white;
    font-family: ab-kirigirisu, sans-serif;
    font-weight: normal;
    font-size: 21.6px;
    letter-spacing: -0.1em;
	text-align: center;
}

.Footer_Title h1 > .Sp1 {
	font-family: YakuHanJP, ibm-plex-sans, source-han-sans-japanese, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Hiragino Kaku Gothic Pro', 'Yu Gothic', Meiryo, "Helvetica Neue", Arial, sans-serif;
}

.Footer_Title h1 > .Sp2 {
	font-size: 60%;
	color: rgba(255, 255, 255, 0.6);
	
}

.Footer_Title h2 {
	color: white;
    /*font-family: ab-kirigirisu, sans-serif;*/
    font-weight: normal;
    font-size: 10.8px;
    /*letter-spacing: -0.1em;*/
	text-align: center;
	margin-bottom: 30px;
}



/*Prof HTML*/

.Prof_Title {
    color: white;
    font-family: ab-kirigirisu, sans-serif;
    font-weight: normal;
    font-size: 64px;
    letter-spacing: -0.1em;
    text-shadow: 0px 0px 15px rgba(0, 0, 0, 0.25);
}

.Prof_Title > span,
.Prof_Menu_Bar_Title > h1 > span {
    font-size: 36px;
    opacity: 0.5;
}

.Prof_Tiles {
    display: grid;
    grid-template-columns: repeat(6, 145px);
    grid-auto-rows: 145px;
    column-gap: 28px;
    row-gap: 28px;
}

.Tile_Infos,
.Tile_SelfIntro,
.Tile_Avatars,
.Tile_Twitter,
.Tile_FavWorlds,
.Tile_VRC,
.Tile_AttendedEvents {
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.25);
    border-radius: 15px;
}

/*Tile_Infosの中身*/

.Info_Bubbles1 h1,
.Info_Bubbles2 h1,
.Info_Bubbles3 h1,
.Info_Bubbles4 h1,
.Info_Bubbles5 h1,
.Info_Bubbles6 h1,
.Info_Bubbles7 h1 {
    z-index: 20;
    font-size: 18px;
    font-weight: normal;
    text-align: left;
    font-family: ab-kirigirisu, sans-serif;
    letter-spacing: -0.2em;

    background: rgba(235, 129, 125, 1);
    border-radius: 15px 15px 15px 5px;
    padding: 4.5px 15px 4.5px 10px;
    margin: 10px 10px 0 0;
}

.Info_Bubbles1 h2,
.Info_Bubbles2 h2,
.Info_Bubbles3 h2,
.Info_Bubbles4 h2,
.Info_Bubbles5 h2,
.Info_Bubbles6 h2,
.Info_Bubbles7 h2 {
    z-index: 10;
    position: absolute;
    font-size: 20px;
    font-weight: bold;
    text-align: left;
    padding: 10px 15px 10px 15px;

    margin-top: 25px;

    background: #FBF9F9;
    box-shadow: -5px -5px 4px rgba(233, 233, 233, 0.25), 5px 5px 15px #DAD6D6;
    border-radius: 5px 25px 25px 25px;
}


/*バブルの幅*/
.Info_Bubbles1 h2,
.Info_Bubbles2 h2,
.Info_Bubbles3 h2,
.Info_Bubbles4 h2,
.Info_Bubbles5 h2,
.Info_Bubbles7 h2 {
    width: 206px;
}

/*誕生日*/
.Info_Bubbles6 > .h2-1 {
    width: 145px;
}

/*血液型*/
.Info_Bubbles6 > .h2-2 {
    width: 19px;
    border-radius: 25px;
    margin-left: 187px;
}

.Info_Bubbles1,
.Info_Bubbles2,
.Info_Bubbles3,
.Info_Bubbles4,
.Info_Bubbles5,
.Info_Bubbles6,
.Info_Bubbles7 {
    display: flex;
}

.Info_Bubbles1,
.Info_Bubbles2,
.Info_Bubbles3,
.Info_Bubbles4 {
    margin: 0 0 40px 0;
}

.Info_Bubbles5,
.Info_Bubbles6,
.Info_Bubbles7 {
    margin: 0 0 40px 246px;
}

.Infos_Right {
    margin-top: -270px;
}


.Tile_Infos {
    background: linear-gradient(to left, rgba(255,255,255,0) 30%, #fff 55%), url(./Mates/Pics/file_2f65263f-acc1-4b90-91dc-0e435bfe1da1_blob.png);
    background-size: 110%;
    background-position: bottom;
}

.Info_Bubbles5 > h2 > span {
    font-size: 10px;
    opacity: 50%;
}

/* Prof HTML/Background */

/*MoomA*/
.Prof_Tiles_MoomA > .Tile_SelfIntro {
    background: linear-gradient(to top, rgba(255,255,255,0) 30%, #fff 55%),
                url(./Mates/Pics/Prof_Pics/Pota/Screenshots/pota_VRChat_1920x1080_2021-09-16_05-39-37.911.png);
    background-size: 110%;
    background-position: bottom;
}

.Prof_Tiles_MoomA > .Tile_Avatars {
    background: linear-gradient(to top, rgba(241,197,216,1), rgba(247,246,245,1) 30%);
}

.Prof_Tiles_MoomA > .Tile_FavWorlds {
    background: linear-gradient(to top, rgba(0,0,0,0.25), rgba(0,0,0,0.25)),
                url(./Mates/Pics/Prof_Pics/MoomA/FavWorlds/file_c388e424-705f-47aa-9a71-07c998801fa0.9d6938205cba7f46bda21606ee9b87bdad604b15a626a6d4f87d231387998da7.5.thumbnail-256.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.Prof_Tiles_MoomA > .Tile_FavWorlds > a > .Tile_FavWorlds_Title h1,
.Prof_Tiles_MoomA > .Tile_FavWorlds > a > .Tile_FavWorlds_Title h2 {
    color: white;
    opacity: 0.8;
}

.Tile_VRC {
    background: linear-gradient(to top, rgba(0,0,0,0.6), rgba(0,0,0,0) 50%),
                url(./Mates/Pics/Prof_Pics/MoomA/Icons/file_fdb28550-213f-4947-8f2f-4d05e940df7d_camera_user_icon.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;

    display: flex;
    align-items: flex-end;
}

.Tile_VRC_Title h1 {
    font-weight: normal;
    margin: 0;
    font-size: 18px;
    margin-bottom: 10px;
    color: white;
}

.Tile_AttendedEvents {
    background: linear-gradient(to top, rgba(0,0,0,0.6), rgba(0,0,0,0) 50%),
                url(./Mates/Pics/Prof_Pics/MoomA/Icons/file_fdb28550-213f-4947-8f2f-4d05e940df7d_camera_user_icon.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;

    display: flex;
    align-items: flex-end;
}

.Tile_AttendedEvents_Title h1 {
    font-weight: normal;
    margin: 0;
    font-size: 18px;
    margin-bottom: 10px;
    color: white;
}

.Prof_MoomA_Body {
    background-image: url(./Mates/Pics/Prof_Pics/MoomA/Screenshots/VRChat_1920x1080_2021-10-11_03-20-26.367.png);
    background-size: cover;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
}


/*Menu Bar*/

.Prof_Menu_Bar_Buttons {
    display: flex;
}

.Prof_Menu_Bar {
    height: 100px;
    padding: 0 36px;
    font-family: inherit;
    text-shadow: 0px 0px 15px rgba(0, 0, 0, 0.25);
    display: flex;
    flex-direction: row;
    align-items: center;
    background: linear-gradient(180deg, #FFECF5 0%, rgba(255, 236, 245, 0.5) 100%);
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    backdrop-filter: blur(15px);
    border-radius: 0 0 30px 30px;
}

.Button_Back {
    color: #660000;
    background: rgba(247, 246, 245, 0.5);
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.25);
    backdrop-filter: blur(4px);
    border-radius: 15px;
    padding: 0 50px 0 5px;
    margin: 0 25px;
    height: 80px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.Button_Back p {
    font-family: ab-kirigirisu, sans-serif;
    font-size: 48px;
    font-weight: normal;
    letter-spacing: -0.2em;
    text-align: center;
}

.Button_Back > p > span {
    padding-right: 16px;
    opacity: 0.5;
}



/*Media Query*/

/*scale 0.6*/
@media screen and (max-width: 1357px), screen and (max-height: 1000px) {
    .At_A_Glance_Contents,
    .Prof_Contents {
        z-index: 100;
        transform-origin: top;
        transform: scale(0.6);
        margin-top: calc(100vh - 93px - calc(875.16px * 0.6));
    }

    .At_A_Glance_Background {
        height: calc(100vh - 93px);
        border-radius: 0 0 18px 18px;
    }

    .Menu_Bar {
        height: 93px;
    }

    .Prof_Menu_Bar {
        height: 60px;
    }
    
    .Menu_Bar h1,
    .Prof_Menu_Bar_Title h1 {
        font-size: 38.4px;
    }

    .Prof_Title > span,
    .Prof_Menu_Bar_Title > h1 > span {
        font-size: 21.6px;
    }

    .Button_Members p,
    .Button_Activities p,
    .Button_Back p {
        font-size: 28.8px;
    }

    .Button_Members,
    .Button_Activities,
    .Button_Back {
        border-radius: 9px;
        padding: 0 30px;
        margin: 0 15px;
        height: 48px;
    }

    .Members_Contents {
        transform-origin: top;
        transform: scale(0.6);
    }

    .twitter-timeline {
        width: 318px;
        height: 318px;
    }

    /*Footer*/
    .Footer {
        margin-top: 781px;/*メンバータイル分落としてる*/
    }
}


/*SmartPhone*/
@media screen and (orientation: portrait) and (max-width: 540px) {
}

/*PlayGround*/
/*background: linear-gradient(to bottom, transparent 0%, transparent 70%, #fff 100%), url(/Mates/Pics/file_2f65263f-acc1-4b90-91dc-0e435bfe1da1_blob.png);*/

/*background: linear-gradient(to bottom, rgba(255,255,255,0), #fff 30%), url(/Mates/Pics/file_2f65263f-acc1-4b90-91dc-0e435bfe1da1_blob.png);*/