@font-face {
	font-family: 'cmdfont';
	src: url(font/irohamaru-Medium.ttf) format('woff');
    font-weight: bold;
}


@font-face {
	font-family: 'cmdfont';
	src: url(font/irohamaru-Light.ttf) format('woff');
    font-weight: normal;
}

@font-face {
	font-family: 'cmdfont2';
	src: url(font/Honoka-Shin-Maru-Gothic_R.ttf) format('woff');
    font-weight: normal;
}

html,body {
	font-family: cmdfont;
}

.bold{
    font-weight: bold;
}

/* PC */
@media (min-width: 992px) {

    .sp{
        display: none!important;
    }

    .page{
        margin: 0;
    }

    .maru{
        font-family: cmdfont, sans-serif;
    }

    #page{
        background-color: #fffff7;
    }

    p {
        margin: 0;
    }

    .marginzero{
        margin: 0;
    }

    .red{
        color: #d90000!important;
    }

    .white{
        color: #fff!important;
    }

    .bgred{
        background-color: #d90000;
    }

    .contentsfl{
        display: flex;
        margin: auto;
    }

    #secondary{
        width: 22%;
    }

    .contents {
        width: 73%;
    }

    .contentsaround{
        justify-content: space-around;
    }

    .contentsbetween{
        justify-content: space-between;
    }

    .contentsevenly{
        justify-content: space-evenly;
    }

    .center{
        text-align: center;
    }

    .left{
        text-align: left;
    }

    .right{
        text-align: right;
    }

    ul{
        margin: 0;
        padding: 0;
    }

    .sem{
        line-height: 0.5vw;
    }

    a {
        text-decoration: none;
    }

    .sidemidashi{
        border-bottom: solid 1px #d7d7d7;
    }

    .hasen{
        border-top: dashed 1px #000;
    }

    .small{
        font-size: 0.8vw;
    }

    .big{
        font-size: 1.2vw;
    }

    .huge{
        font-size: 1.5vw;
    }

    .huge2{
        font-size: 1.8vw;
    }

    .huge3{
        font-size: 2.2vw;
    }

    .giga{
        font-size: 3vw;
    }

    .titlesmall{
        font-size: 1.1vw;
    }

    .giga2 {
        font-size: 5vw;
    }


    .kasen {
        background: linear-gradient(transparent 70%, #fff5a2 70%);
        line-height: 1.5vw;
    }

    .kasen2 {
        background: linear-gradient(transparent 70%, #ffe400 70%);
        line-height: 1.5vw;
    }
    
    .inlineblock{
        display: inline-block;
    }
    
    .letterspace {
        letter-spacing: 0.1vw;
    }

    .spacezero{
        letter-spacing: 0px;
    }

    .sla{
        width: 2%;
    }


    .support1 h2,.support2 h2{
        background: #fffbde;
        border: solid 1px #ebebeb;
        border-radius: 1vw;
        display: flex;
        align-items: center;
    }

    .nayami{
        margin-top: 5vw;
        margin-left: 4.5vw;
        letter-spacing: 0.15vw;
        margin-bottom: 1vw;
        font-weight: bold;

    }

    .nayami2{
        margin-top: 5vw;
        margin-left: 2.9vw;
        letter-spacing: 0.15vw;
        margin-bottom: 1vw;
        font-weight: bold;
    }

    .shitasankaku{
        text-align: center;
        margin: 2vw 0;
    }

    .shitasankaku img {
        width: 5%;
    }

    .shitasankaku2{
        text-align: center;
        margin: 2vw 0;
    }

    .shitasankaku2 img{
        width: 5%;
    }
    
    .shitasankaku p {
        letter-spacing: 0.15vw;
        margin: 1vw 0;
    }

    .shitasankaku2 p {
        letter-spacing: 0.15vw;
        margin-top: 1vw;
    }

    .shitasankaku2 span {
        letter-spacing: 0.1vw;
        margin-top: 1vw;
    }

}



/* PC以下サイズ */
@media (max-width: 991px) {

    .pc{
        display: none!important;
    }

    html,body{
        font-family: cmdfont, sans-serif;
    }

    p {
        line-height: 6vw;
        letter-spacing: 0.1vw;
    }

    .page{
        margin: 0;
    }

    .maru{
        font-family: cmdfont, sans-serif;
    }

    #page{
        background-color: #fffff7;
    }

    p {
        margin: 0;
    }

    .marginzero{
        margin: 0;
    }

    .red{
        color: #d90000!important;
    }

    .white{
        color: #fff!important;
    }

    .bgred{
        background-color: #d90000;
    }

    .spcontentsfl{
        display: flex;
        margin: auto;
    }

    #secondary{
        width: 22%;
    }

    .contents {
        width: 95%;
        margin: 5vw auto 0;
    }

    .spcontentsaround{
        justify-content: space-around;
    }

    .spcontentsbetween{
        justify-content: space-between;
    }

    .spcontentsevenly{
        justify-content: space-evenly;
    }

    .topnews p {
        font-size: 3vw;
    }

    .topnews h1{
        font-size: 6vw;
        margin: 0;
    }

    .center{
        text-align: center;
    }

    .left{
        text-align: left;
    }

    .right{
        text-align: right;
    }

    ul{
        margin: 0;
        padding: 0;
    }

    .sem{
        line-height: 0.5vw;
    }

    a {
        text-decoration: none;
    }

    .sidemidashi{
        border-bottom: solid 1px #d7d7d7;
    }

    .hasen{
        border-top: dashed 1px #000;
    }

    .small{
        font-size: 2vw;
    }

    .nomal{
        font-size: 3vw;
    }

    .big{
        font-size: 4vw;
    }

    .big2{
        font-size: 3.8vw;
    }

    .huge{
        font-size: 4.5vw!important;
    }

    .huge2{
        font-size: 6vw;
    }

    .huge3{
        font-size: 7vw;
    }

    .giga{
        font-size: 9vw;
    }

    .titlesmall{
        font-size: 2.5vw;
    }

    .giga2 {
        font-size: 10vw;
    }


    .kasen {
        background: linear-gradient(transparent 70%, #fff5a2 70%);
        line-height: 1.5vw;
    }

    .kasen2 {
        background: linear-gradient(transparent 70%, #ffe400 70%);
        line-height: 4vw;
    }
    
    .inlineblock{
        display: inline-block;
    }
    
    .letterspace {
        letter-spacing: 0.1vw;
    }

    .spacezero{
        letter-spacing: 0px;
    }

    .sla{
        width: 4%;
    }


    .support1 h2,.support2 h2{
        background: #fffbde;
        border: solid 1px #ebebeb;
        border-radius: 1vw;
        display: flex;
        align-items: center;
    }

    .nayami{
        margin-top: 5vw;
        margin-left: 2vw;
        letter-spacing: 0.15vw;
        margin-bottom: 5vw;
    }

    .shitasankaku{
        text-align: center;
        margin: 2vw 0;
    }

    .shitasankaku img {
        width: 15%;
    }

    .shitasankaku2{
        text-align: center;
        margin: 20vw 0 2vw;
    }

    .shitasankaku2 img{
        width: 15%;
    }

    .shitasankaku p {
        letter-spacing: 0.15vw;
        margin: 5vw 0;
    }

    .shitasankaku2 p {
        letter-spacing: 0.15vw;
        margin-top: 1vw;
    }

    .shitasankaku2 span {
        letter-spacing: 0.1vw;
        margin-top: 1vw;
        font-size: 3vw;
    }

    #page{
        margin-bottom: 15vw;
    }


}