html, body {
    width: 100%;
    height: 100%;
    font-family: "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro W6", sans-serif;
    margin: 0;
    padding: 0;
}

p {
    margin: 0px;
}
.clearfix::after {
    content: "";
    display: block;
    clear: both;
}

@font-face {
    font-family: 'GenShinGothic-P-Bold';
    src: url(../font/GenShinGothic-P-Bold.ttf);
}
@font-face {
    font-family: 'GenShinGothic-P-Heavy';
    src: url(../font/GenShinGothic-P-Heavy.ttf);
}
@font-face {
    font-family: 'GenShinGothic-P-Medium';
    src: url(../font/GenShinGothic-P-Medium.ttf);
}

@font-face {
    font-family: 'GenYoMinJP-Bold';
    src: url(../font/GenYoMinJP-Bold.ttf);
}
@font-face {
    font-family: 'GenYoMinJP-Heavy';
    src: url(../font/GenYoMinJP-Heavy.ttf);
}
@font-face {
    font-family: 'GenYoMinJP-Medium';
    src: url(../font/GenYoMinJP-Medium.ttf);
}

@font-face {
    font-family: 'mgenplus-1pp-black';
    src: url(../font/mgenplus-1pp-black.ttf);
}
@font-face {
    font-family: 'mgenplus-1pp-heavy';
    src: url(../font/mgenplus-1pp-heavy.ttf);
}
@font-face {
    font-family: 'mgenplus-1pp-medium';
    src: url(../font/mgenplus-1pp-medium.ttf);
}

@font-face {
    font-family: 'rounded-x-mgenplus-1pp-black';
    src: url(../font/rounded-x-mgenplus-1pp-black.ttf);
}
@font-face {
    font-family: 'rounded-x-mgenplus-1pp-heavy';
    src: url(../font/rounded-x-mgenplus-1pp-heavy.ttf);
}
@font-face {
    font-family: 'rounded-x-mgenplus-1pp-medium';
    src: url(../font/rounded-x-mgenplus-1pp-medium.ttf);
}
@font-face {
    font-family: 'TEST-KsoTouryu';
    src: url(../font/TEST-KsoTouryu.woff) format("woff"),
    url(../font/TEST-KsoTouryu.otf) format('opentype');
    font-display: swap;
}
@font-face {
    font-family: 'KsoGenbuSou';
    src: url(../font/KsoGenbuSou.woff) format("woff"),
    url(../font/KsoGenbuSou.otf) format('opentype');
    font-display: swap;
}
@font-face {
    font-family: 'TEST-KsoTouryuSou';
    src: url(../font/TEST-KsoTouryuSou.woff) format("woff"),
    url(../font/TEST-KsoTouryuSou.otf) format('opentype');
    font-display: swap;
}
@font-face {
    font-family: 'TEST-KsoFuraibou';
    src: url(../font/TEST-KsoFuraibou.woff) format("woff"),
    url(../font/TEST-KsoFuraibou.otf) format('opentype');
    font-display: swap;
}
@font-face {
    font-family: 'Furaibou';
    src: url(../font/Furaibou.woff) format("woff"),
    url(../font/Furaibou.otf) format('opentype');
    font-display: swap;
}

/*フリーフォント*/
@font-face {
    font-family: 'MPLUS1p-Medium';
    src: url(../font/MPLUS1p-Medium.woff) format("woff"),
    url(../font/MPLUS1p-Medium.ttf) format('truetype');
    font-display: swap;
}

@font-face {
    font-family: 'MPLUS1p-Black';
    src: url(../font/MPLUS1p-Black.woff) format("woff"),
    url(../font/MPLUS1p-Black.ttf) format('truetype');
    font-display: swap;
}


@font-face {
    font-family: 'SourceHanSerif-Heavy';
    src: url(../font/SourceHanSerif-Heavy.woff) format("woff"),
    url(../font/SourceHanSerif-Heavy.otf) format('opentype');
    font-display: swap;
}

@font-face {
    font-family: 'SourceHanSerif-SemiBold';
    src: url(../font/SourceHanSerif-SemiBold.woff) format("woff"),
    url(../font/SourceHanSerif-SemiBold.otf) format('opentype');
    font-display: swap;
}

@font-face {
    font-family: 'やさしさゴシック手書き';
    src: url(../font/yasasisaGothic.woff) format("woff"),
    url(../font/yasasisaGothic.otf) format('opentype');
    font-display: swap;
}

@font-face {
    font-family: 'sp-setofont';
    src: url(../font/sp-setofont.woff) format("woff"),
    url(../font/sp-setofont.ttf) format('truetype');
    font-display: swap;
}

@font-face {
    font-family: 'HonyaJi-Re';
    src: url(../font/HonyaJi-Re.woff) format("woff"),
    url(../font/HonyaJi-Re.ttf) format('truetype');
    font-display: swap;
}

@font-face {
    font-family: 'MPLUS1p-Light';
    src: url(../font/MPLUS1p-Light.woff) format("woff"),
    url(../font/MPLUS1p-Light.ttf) format('truetype');
    font-display: swap;
}

@font-face {
    font-family: 'SourceHanSerif-Regular';
    src: url(../font/SourceHanSerif-Regular.woff) format("woff"),
    url(../font/SourceHanSerif-Regular.otf) format('opentype');
    font-display: swap;
}

@font-face {
    font-family: 'TanukiMagic';
    src: url(../font/TanukiMagic.woff) format("woff"),
    url(../font/TanukiMagic.ttf) format('truetype');
    font-display: swap;
}

@font-face {
    font-family: 'KFhimaji';
    src: url(../font/KFhimaji.woff) format("woff"),
    url(../font/KFhimaji.otf) format('opentype');
    font-display: swap;
}

@font-face {
    font-family: 'APJapanesefont';
    src: url(../font/APJapanesefont.woff) format("woff"),
    url(../font/APJapanesefont.ttf) format('truetype');
    font-display: swap;
}

@font-face {
    font-family: 'font_1_honokamarugo_1_1';
    src: url(../font/font_1_honokamarugo_1_1.woff) format("woff"),
    url(../font/font_1_honokamarugo_1_1.ttf) format('truetype');
    font-display: swap;
}

@font-face {
    font-family: 'Hannari';
    src: url(../font/Hannari.woff) format("woff"),
    url(../font/Hannari.otf) format('opentype');
    font-display: swap;
}

@font-face {
    font-family: 'ipamp';
    src: url(../font/ipamp.woff) format("woff"),
    url(../font/ipamp.ttf) format('truetype');
    font-display: swap;
}

@font-face {
    font-family: 'HuiFontP29';
    src: url(../font/HuiFontP29.woff) format("woff"),
    url(../font/HuiFontP29.ttf) format('truetype');
    font-display: swap;
}

@font-face {
    font-family: 'mikachanALL';
    src: url(../font/mikachanALL.woff) format("woff"),
    url(../font/mikachanALL.ttc);
    font-display: swap;
}

@font-face {
    font-family: 'TheGwathmey';
    src: url(../font/TheGwathmey.woff) format("woff"),
    url(../font/TheGwathmey.ttf) format('truetype');
    font-display: swap;
}

@font-face {
    font-family: 'Benn-Free';
    src: url(../font/Benn-Free.woff) format("woff"),
    url(../font/Benn-Free.otf) format('opentype');
    font-display: swap;
}

@font-face {
    font-family: 'GalataSans';
    src: url(../font/GalataSans.woff) format("woff"),
    url(../font/GalataSans.otf) format('opentype');
    font-display: swap;
}

@font-face {
    font-family: 'aAnggaranDasar';
    src: url(../font/aAnggaranDasar.woff) format("woff"),
    url(../font/aAnggaranDasar.otf) format('opentype');
    font-display: swap;
}

@font-face {
    font-family: 'krusty craft';
    src: url(../font/krusty-craft.woff) format("woff"),
    url(../font/krusty-craft.otf) format('opentype');
    font-display: swap;
}

@font-face {
    font-family: 'jsbdoublejointed';
    src: url(../font/jsbdoublejointed.woff) format("woff"),
    url(../font/jsbdoublejointed.ttf) format('truetype');
    font-display: swap;
}

@font-face {
    font-family: 'Primova-Display';
    src: url(../font/Primova-Display.woff) format("woff"),
    url(../font/Primova-Display.otf) format('opentype');
    font-display: swap;
}

@font-face {
    font-family: 'ChistosoCF-Bold';
    src: url(../font/ChistosoCF-Bold.woff) format("woff"),
    url(../font/ChistosoCF-Bold.otf) format('opentype');
    font-display: swap;
}

@font-face {
    font-family: 'Shark Ready';
    src: url(../font/Shark-Ready.woff) format("woff"),
    url(../font/Shark-Ready.ttf) format('truetype');
    font-display: swap;
}

@font-face {
    font-family: 'Otama-ep';
    src: url(../font/Otama-ep.woff) format("woff"),
    url(../font/Otama-ep.otf) format('opentype');
    font-display: swap;
}

@font-face {
    font-family: 'aAlloyInk';
    src: url(../font/aAlloyInk.woff) format("woff"),
    url(../font/aAlloyInk.otf) format('opentype');
    font-display: swap;
}

@font-face {
    font-family: 'Hey November';
    src: url(../font/Hey-November.woff) format("woff"),
    url(../font/Hey-November.otf) format('opentype');
    font-display: swap;
}

@font-face {
    font-family: 'SIKAT';
    src: url(../font/SIKAT.woff) format("woff"),
    url(../font/SIKAT.ttf) format('truetype');
    font-display: swap;
}

@font-face {
    font-family: 'Ochre Script';
    src: url(../font/Ochre-Script.woff) format("woff"),
    url(../font/Ochre-Script.ttf) format('truetype');
    font-display: swap;
}

@font-face {
    font-family: 'Summer Pisces';
    src: url(../font/Summer-Pisces.woff) format("woff"),
    url(../font/Summer-Pisces.otf) format('opentype');
    font-display: swap;
}

@font-face {
    font-family: 'Adonay';
    src: url(../font/Adonay.woff) format("woff"),
    url(../font/Adonay.otf) format('opentype');
    font-display: swap;
}

@font-face {
    font-family: 'BanquetHollow';
    src: url(../font/BanquetHollow.woff) format("woff"),
    url(../font/BanquetHollow.ttf) format('truetype');
    font-display: swap;
}

@font-face {
    font-family: 'THICKHEA';
    src: url(../font/THICKHEA.woff) format("woff"),
    url(../font/THICKHEA.TTF) format('truetype');
    font-display: swap;
}

@font-face {
    font-family: 'FREEDAY';
    src: url(../font/FREEDAY.woff) format("woff"),
    url(../font/FREEDAY.ttf) format('truetype');
    font-display: swap;
}

@font-face {
    font-family: 'CurrentMoment';
    src: url(../font/CurrentMoment.woff) format("woff"),
    url(../font/CurrentMoment.ttf) format('truetype');
}

@font-face {
    font-family: 'DrunkMillionaire';
    src: url(../font/DrunkMillionaire.woff) format("woff"),
    url(../font/DrunkMillionaire.ttf) format('truetype');
}

@font-face {
    font-family: 'Orbitron-Black';
    src: url(../font/Orbitron-Black.woff) format("woff"),
    url(../font/Orbitron-Black.ttf) format('truetype');
}

@font-face {
    font-family: 'Gypsy Moon';
    src: url(../font/Gypsy-Moon.woff) format("woff"),
    url(../font/Gypsy-Moon.otf) format('opentype');
}

/*フリーフォント　ここまで*/

@font-face {
    font-family: 'Basakoro';
    src: url(../font/Basakoro.otf);
}
@font-face {
    font-family: 'Futokaisho';
    src: url(../font/Futokaisho.woff) format("woff"),
    url(../font/Futokaisho.otf) format('opentype');
    font-display: swap;
}
@font-face {
    font-family: 'Genbu';
    src: url(../font/Genbu.woff) format("woff"),
    url(../font/Genbu.otf) format('opentype');
    font-display: swap;
}
@font-face {
    font-family: 'Humming-B';
    src: url(../font/Humming-B.woff) format("woff"),
    url(../font/Humming-B.otf) format('opentype');
    font-display: swap;
}
@font-face {
    font-family: 'Raijin';
    src: url(../font/Raijin.woff) format("woff"),
    url(../font/Raijin.otf) format('opentype');
    font-display: swap;
}
@font-face {
    font-family: 'Seiryu';
    src: url(../font/Seiryu.woff) format("woff"),
    url(../font/Seiryu.otf) format('opentype');
    font-display: swap;
}
@font-face {
    font-family: 'Touryu';
    src: url(../font/Touryu.woff) format("woff"),
    url(../font/Touryu.otf) format('opentype');
    font-display: swap;
}
@font-face {
    font-family: 'UDMarugo_Small-E';
    src: url(../font/UDMarugo_Small-E.woff) format("woff"),
    url(../font/UDMarugo_Small-E.otf) format('opentype');
    font-display: swap;
}
@font-face {
    font-family: 'UDMarugo_Small-U';
    src: url(../font/UDMarugo_Small-U.woff) format("woff"),
    url(../font/UDMarugo_Small-U.otf) format('opentype');
    font-display: swap;
}
@font-face {
    font-family: 'Yuai';
    src: url(../font/Yuai.woff) format("woff"),
    url(../font/Yuai.otf) format('opentype');
}

.GENSHINGOTHIC_P_HEAVY {
    font-family: GenShinGothic-P-Heavy,sans-serif;
}
.GENSHINGOTHIC_P_BOLD {
    font-family: GenShinGothic-P-Bold,sans-serif;
}
.GENSHINGOTHIC_P_MEDIUM {
    font-family: GenShinGothic-P-Medium,sans-serif;
}
.GENYOMINJP_HEAVY {
    font-family: GenYoMinJP-Heavy, serif;;
}
.GENYOMINJP_BOLD {
    font-family: GenYoMinJP-Bold, serif;;
}
.GENYOMINJP_MEDIUM {
    font-family: GenYoMinJP-Medium, serif;;
}
.MGENPLUS_1PP_HEAVY {
    font-family: mgenplus-1pp-heavy,sans-serif;
}
.MGENPLUS_1PP_BOLD {
    font-family: mgenplus-1pp-black,sans-serif;
}
.MGENPLUS_1PP_MEDIUM {
    font-family: mgenplus-1pp-medium,sans-serif;
}
.ROUNDED_X_MGENPLUS_1PP_HEAVY {
    font-family: rounded-x-mgenplus-1pp-heavy,sans-serif;
}
.ROUNDED_X_MGENPLUS_1PP_BOLD {
    font-family: rounded-x-mgenplus-1pp-black,sans-serif;
}
.ROUNDED_X_MGENPLUS_1PP_MEDIUM {
    font-family: rounded-x-mgenplus-1pp-medium,sans-serif;
}
.TEST_KSOTOURYU {
    font-family: TEST-KsoTouryu,sans-serif;
}
.font_title:hover {
    background-color: gray;
}
/*フリーフォント*/
.MPLUS1p-Medium {
    background-image: url("../img/pop_font_img1.png");
}
.MPLUS1p-Medium:hover {
    background-image: url("../img/pop_font_hover_img1.png");
}

.MPLUS1p-Black {
    background-image: url("../img/pop_font_img2.png");
}
.MPLUS1p-Black:hover {
    background-image: url("../img/pop_font_hover_img2.png");
}

.SourceHanSerif-Heavy {
    background-image: url("../img/pop_font_img3.png");
}
.SourceHanSerif-Heavy:hover {
    background-image: url("../img/pop_font_hover_img3.png");
}

.SourceHanSerif-SemiBold {
    background-image: url("../img/pop_font_img4.png");
}
.SourceHanSerif-SemiBold:hover {
    background-image: url("../img/pop_font_hover_img4.png");
}
.yasasisa {
    background-image: url("../img/pop_font_img5.png");
}
.yasasisa:hover {
    background-image: url("../img/pop_font_hover_img5.png");
}
.sp-setofont {
    background-image: url("../img/pop_font_img6.png");
}
.sp-setofont:hover {
    background-image: url("../img/pop_font_hover_img6.png");
}
.HonyaJi-Re {
    background-image: url("../img/pop_font_img7.png");
}
.HonyaJi-Re:hover {
    background-image: url("../img/pop_font_hover_img7.png");
}

.MPLUS1p-Light {
    background-image: url("../img/pop_font_img8.png");
}
.MPLUS1p-Light:hover {
    background-image: url("../img/pop_font_hover_img8.png");
}

.SourceHanSerif-Regular {
    background-image: url("../img/pop_font_img9.png");
}
.SourceHanSerif-Regular:hover {
    background-image: url("../img/pop_font_hover_img9.png");
}

.TanukiMagic {
    background-image: url("../img/pop_font_img10.png");
}
.TanukiMagic:hover {
    background-image: url("../img/pop_font_hover_img10.png");
}

.KFhimaji {
    background-image: url("../img/pop_font_img11.png");
}
.KFhimaji:hover {
    background-image: url("../img/pop_font_hover_img11.png");
}

.APJapanesefont {
    background-image: url("../img/pop_font_img12.png");
}
.APJapanesefont:hover {
    background-image: url("../img/pop_font_hover_img12.png");
}

.font_1_honokamarugo_1_1 {
    background-image: url("../img/pop_font_img13.png");
}
.font_1_honokamarugo_1_1:hover {
    background-image: url("../img/pop_font_hover_img13.png");
}

.Hannari {
    background-image: url("../img/pop_font_img14.png");
}
.Hannari:hover {
    background-image: url("../img/pop_font_hover_img14.png");
}

.ipamp {
    background-image: url("../img/pop_font_img15.png");
}
.ipamp:hover {
    background-image: url("../img/pop_font_hover_img15.png");
}

.HuiFontP29 {
    background-image: url("../img/pop_font_img16.png");
}
.HuiFontP29:hover {
    background-image: url("../img/pop_font_hover_img16.png");
}

.mikachanALL {
    background-image: url("../img/pop_font_img17.png");
}
.mikachanALL:hover {
    background-image: url("../img/pop_font_hover_img17.png");
}

.TheGwathmey {
    background-image: url("../img/pop_font_img18.png");
}
.TheGwathmey:hover {
    background-image: url("../img/pop_font_hover_img18.png");
}

.Benn-Free {
    background-image: url("../img/pop_font_img19.png");
}
.Benn-Free:hover {
    background-image: url("../img/pop_font_hover_img19.png");
}

.GalataSans {
    background-image: url("../img/pop_font_img20.png");
}
.GalataSans:hover {
    background-image: url("../img/pop_font_hover_img20.png");
}

.aAnggaranDasar {
    background-image: url("../img/pop_font_img21.png");
}
.aAnggaranDasar:hover {
    background-image: url("../img/pop_font_hover_img21.png");
}

.krusty_craft {
    background-image: url("../img/pop_font_img22.png");
}
.krusty_craft:hover {
    background-image: url("../img/pop_font_hover_img22.png");
}

.jsbdoublejointed {
    background-image: url("../img/pop_font_img23.png");
}
.jsbdoublejointed:hover {
    background-image: url("../img/pop_font_hover_img23.png");
}

.Primova-Display {
    background-image: url("../img/pop_font_img24.png");
}
.Primova-Display:hover {
    background-image: url("../img/pop_font_hover_img24.png");
}

.ChistosoCF-Bold {
    background-image: url("../img/pop_font_img25.png");
}
.ChistosoCF-Bold:hover {
    background-image: url("../img/pop_font_hover_img25.png");
}

.Shark_Ready {
    background-image: url("../img/pop_font_img26.png");
}
.Shark_Ready:hover {
    background-image: url("../img/pop_font_hover_img26.png");
}

.Otama-ep {
    background-image: url("../img/pop_font_img27.png");
}
.Otama-ep:hover {
    background-image: url("../img/pop_font_hover_img27.png");
}

.aAlloyInk {
    background-image: url("../img/pop_font_img28.png");
}
.aAlloyInk:hover {
    background-image: url("../img/pop_font_hover_img28.png");
}

.Hey_November {
    background-image: url("../img/pop_font_img29.png");
}
.Hey_November:hover {
    background-image: url("../img/pop_font_hover_img29.png");
}

.SIKAT {
    background-image: url("../img/pop_font_img30.png");
}
.SIKAT:hover {
    background-image: url("../img/pop_font_hover_img30.png");
}

.Ochre_Script {
    background-image: url("../img/pop_font_img31.png");
}
.Ochre_Script:hover {
    background-image: url("../img/pop_font_hover_img31.png");
}

.Summer_Pisces {
    background-image: url("../img/pop_font_img32.png");
}
.Summer_Pisces:hover {
    background-image: url("../img/pop_font_hover_img32.png");
}

.Adonay {
    background-image: url("../img/pop_font_img33.png");
}
.Adonay:hover {
    background-image: url("../img/pop_font_hover_img33.png");
}

.BanquetHollow {
    background-image: url("../img/pop_font_img34.png");
}
.BanquetHollow:hover {
    background-image: url("../img/pop_font_hover_img34.png");
}

.THICKHEA {
    background-image: url("../img/pop_font_img35.png");
}
.THICKHEA:hover {
    background-image: url("../img/pop_font_hover_img35.png");
}

.FREEDAY {
    background-image: url("../img/pop_font_img36.png");
}
.FREEDAY:hover {
    background-image: url("../img/pop_font_hover_img36.png");
}

.CurrentMoment {
    background-image: url("../img/pop_font_img37.png");
}
.CurrentMoment:hover {
    background-image: url("../img/pop_font_hover_img37.png");
}

.DrunkMillionaire {
    background-image: url("../img/pop_font_img38.png");
}
.DrunkMillionaire:hover {
    background-image: url("../img/pop_font_hover_img38.png");
}

.Orbitron-Black {
    background-image: url("../img/pop_font_img39.png");
}
.Orbitron-Black:hover {
    background-image: url("../img/pop_font_hover_img39.png");
}

.Gypsy_Moon {
    background-image: url("../img/pop_font_img40.png");
}
.Gypsy_Moon:hover {
    background-image: url("../img/pop_font_hover_img40.png");
}

/*フリーフォント　ここまで*/
.TEST-KsoTouryu {
    background-image: url("../img/pop_font_img41.png");
}
.TEST-KsoTouryu:hover  {
    background-image: url("../img/pop_font_hover_img41.png");
}
.KsoGenbuSou {
    background-image: url("../img/pop_font_img52.png");
}
.KsoGenbuSou:hover  {
    background-image: url("../img/pop_font_hover_img52.png");
}
.TEST-KsoTouryuSou {
    background-image: url("../img/pop_font_img53.png");
}
.TEST-KsoTouryuSou:hover  {
    background-image: url("../img/pop_font_hover_img53.png");
}
.TEST-KsoFuraibou {
    background-image: url("../img/pop_font_img54.png");
}
.TEST-KsoFuraibou:hover  {
    background-image: url("../img/pop_font_hover_img54.png");
}

.Furaibou {
    background-image: url("../img/pop_font_img55.png");
}
.Furaibou:hover  {
    background-image: url("../img/pop_font_hover_img55.png");
}

.Basakoro {
    background-image: url("../img/pop_font_img42.png");
}
.Basakoro:hover  {
    background-image: url("../img/pop_font_hover_img42.png");
}
.Futokaisho {
    background-image: url("../img/pop_font_img43.png");
}
.Futokaisho:hover  {
    background-image: url("../img/pop_font_hover_img43.png");
}
.Genbu {
    background-image: url("../img/pop_font_img44.png");
}
.Genbu:hover  {
    background-image: url("../img/pop_font_hover_img44.png");
}
.Humming-B {
    background-image: url("../img/pop_font_img45.png");
}
.Humming-B:hover  {
    background-image: url("../img/pop_font_hover_img45.png");
}
.Raijin {
    background-image: url("../img/pop_font_img46.png");
}
.Raijin:hover  {
    background-image: url("../img/pop_font_hover_img46.png");
}
.Seiryu {
    background-image: url("../img/pop_font_img47.png");
}
.Seiryu:hover  {
    background-image: url("../img/pop_font_hover_img47.png");
}
.Touryu {
    background-image: url("../img/pop_font_img48.png");
}
.Touryu:hover  {
    background-image: url("../img/pop_font_hover_img48.png");
}
.UDMarugo_Small-E {
    background-image: url("../img/pop_font_img49.png");
}
.UDMarugo_Small-E:hover  {
    background-image: url("../img/pop_font_hover_img49.png");
}
.UDMarugo_Small-U {
    background-image: url("../img/pop_font_img50.png");
}
.UDMarugo_Small-U:hover  {
    background-image: url("../img/pop_font_hover_img50.png");
}
.Yuai {
    background-image: url("../img/pop_font_img51.png");
}
.Yuai:hover  {
    background-image: url("../img/pop_font_hover_img51.png");
}