/* Font Face */
    @font-face {
        font-family: "Yu Gothic";
        src: local("Yu Gothic Medium");
        font-weight: 100;
    }
    @font-face {
        font-family: "Yu Gothic";
        src: local("Yu Gothic Medium");
        font-weight: 200;
    }
    @font-face {
        font-family: "Yu Gothic";
        src: local("Yu Gothic Medium");
        font-weight: 300;
    }
    @font-face {
        font-family: "Yu Gothic";
        src: local("Yu Gothic Medium");
        font-weight: 400;
    }
    @font-face {
        font-family: "Yu Gothic";
        src: local("Yu Gothic Bold");
        font-weight: bold;
    }

/* Type */

    body, input, textarea, select {
        /* font-family: "Source Sans Pro", "sans-serif", "游ゴシック", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "Meiryo", "メイリオ"; */
        font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", "Yu Gothic", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "Meiryo", "メイリオ", "sans-serif";
        font-weight: 400;
    }

    @media screen and (max-width: 1920px) {

        body, input, textarea, select {
            font-size: 13pt;
        }

    }

    @media screen and (max-width: 1680px) {

        body, input, textarea, select {
            font-size: 13pt;
        }

    }

    @media screen and (max-width: 1280px) {

        body, input, textarea, select {
            font-size: 13pt;
        }

    }

    @media screen and (max-width: 1000px) {

        body, input, textarea, select {
            font-size: 13pt;
        }

    }

    @media screen and (max-width: 736px) {

        body, input, textarea, select {
            font-size: 12pt;
            line-height: 1.5em;
        }

    }

/* Icons */
    section.icons {
        position: fixed;
        z-index: 10001;
        left: 0px;
        top: 3em;
        width: 100%;
        padding: 0;
        margin: 0;
        border: 0;
    }
    
    section.icons ul.icons {
        float: right;
    }
    
    section.icons a {
        /* color: rgba(185, 186, 187, 0.5); */
        text-shadow: 1px 1px 1px #fff;
    }
    
    section.icons a:hover {
        /* color: #b9babb; */
        text-shadow: 2px 2px 2px #fff,
                     -1px -1px 2px #fff,
                      1px -1px 2px #fff,
                     -1px  1px 2px #fff;
    }

    .fa-home {
        color:#d8bfd8;
    }
    .fa-twitter {
        color:#1da1f2;
    }
    .fa-facebook, .fa-facebook-f, .fa-facebook-square {
        color:#3b5998;
    }
    .fa-instagram {
        color:#e1306c;
    }
    .fa-youtube {
        color:#ff0000;
    }
    .fa-line {
        color:#00c300;
    }
    .fa-twitch {
        color:#6441a5;
    }



/* Main */
        @media screen and (max-width: 736px) {
            .main > .content br {
                display: unset;
            }
        }

/* Three */

	#three {
		background: url("images/overlay.png"), url("../../images/three.jpg");
		background-size: 256px 256px, cover;
		background-attachment: fixed, fixed;
		background-position: top left, center center;
	}

/* Four */

	#four {
		background: url("images/overlay.png"), url("../../images/four.jpg");
		background-size: 256px 256px, cover;
		background-attachment: fixed, fixed;
		background-position: top left, center center;
	}

/* Five */

	#five {
		background: url("images/overlay.png"), url("../../images/five.jpg");
		background-size: 256px 256px, cover;
		background-attachment: fixed, fixed;
		background-position: top left, center center;
	}