/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

	共通css

■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */

    * {
    margin: 0;
    padding: 0;
    }
    html{
        margin-top: 0 !important;
    }
    body {
        position: relative;
        color: #212121;
        background: #ffffff;
        font-size: 17px;
        font-weight: 400;
        line-height: 1.7;
        word-wrap: break-word;
        font-family: 'Noto Serif JP','游明朝',YuMincho,'ヒラギノ明朝 ProN W2','Hiragino Mincho ProN','HG明朝B',serif !important;

    }
 

    /* リンク設定 */
    a{
        color: red;
        text-decoration: none;
    }
    a:hover{
        opacity: 0.7;
    }

     /* フッターのいらない部分消し */
     .entry-footer.default-max-width,
     .widget-area{
         display: none;
     }       
     
     /* 各ページの固定ページに表示されるのサムネイル画像を消す */
     .post-thumbnail{
        display: none;
    }
    
	/* フロート回り込み解除 clearfix */
    .clearfix:after {
        display: block;
        clear: both;
        height: 0px;
        line-height: 0px;
        visibility: hidden;
        content: "";
        overflow: hidden;
        float: none;
    }
    .clearfix {
        display: block; /* for IE8 */
    }


     /* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
     /* マージン設定 */
     .top_margin{
        margin-top: 10em;
    }

     /* パッディング設定 */
    .top_padding_s{
        padding-top: 2em;
    }


}

/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
    body {
        font-size: 4vw;

    }


     /* マージン設定 */
     .top_margin{
        margin-top: 20vw;
    }

     /* パッディング設定 */
    .top_padding_s{
        padding-top: 2em;
    }

}

/* ================================================================================

ヘッダー

================================================================================ */
/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
    /* h1 */
    .nav_box > h1{
        font-size: 24px;
        font-weight: bold;
    }
    .nav_box > h1 > a{
        display: inline-block;
    }
}

/* ================================================================================

ナビ

================================================================================ */

/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
    .nav_box{
        background-color: #212121;
        width: 100%;
        position: fixed;
        text-align: center;
        padding: 25px 0;
        z-index: 3;
    }
    .nav_box > ul{
        font-size: 0;
        padding-top: 20px;
    }
    .nav_box >ul > li{
        display: inline-block;
        font-size: 16px;
        letter-spacing: 0.08em;
        font-weight: 300;
    }
    .nav_box > ul > li:not(:first-of-type){
        margin-left: 2em;
    }
    .nav_box a{
        color: #ffffff;
    }
/* ドロップメニュー
	----------------------------------------------- */
	.nav_box > ul > li > ul {
		list-style: none;
		position: absolute;
		z-index: 99999;
        top: 127px;
        margin: 0 0 0 -12px;
		padding: 0;
		overflow: hidden;
		transition: 0.3s ease-in-out;
	}
	.nav_box > ul > li > ul > li {
		overflow: hidden;
		font-size: 15px;
        width: auto;
		height: 0;
		transition: 0.3s ease-in-out;
		opacity: 0;
	}
	.nav_box > ul > li:hover > ul {
		overflow: visible;
		padding-top: 10px;
	}
	.nav_box > ul > li:hover > ul > li {
		overflow: visible;
		opacity: 1;
		height: 100%;
	}
	.nav_box > ul > li > ul > li > a {
		display: block;
		background-color: #212121;
		color: #ffffff;
		padding: 0.8em 1em;
		text-align: left;
		font-weight: 700;
		border-bottom: none;
	}
	.nav_box > ul > li > ul > li > a:hover {
		opacity: 1;
		background-color: #464646;
	}
}

/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {

}

/* ================================================================================

大見出し

================================================================================ */

/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
    .top_h2 h2{
        color: #212121 !important;
        font-weight: 300 !important;
        font-size: 36px !important;
        border-bottom: 1px solid;
        padding: 0 0 10px;
        margin-bottom: 70px;
    }
}

/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
    .top_h2 h2{
        color: #212121 !important;
        font-weight: 300 !important;
        font-size: 6.5vw !important;
        border-bottom: 1px solid;
        padding: 0 0 2vw;
        margin-bottom: 5vw;
    }

}

/* ================================================================================

リンク設定

================================================================================ */
/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
    ul.link_box{
        font-size:0;
        list-style-type: none;
        text-align:center;
    }
    ul.link_box li{
        font-size:18px;
        display: inline-block;
    }
    ul.link_box li a{
        position: relative;
        background-color: #212121;
        padding: 15px 50px;
        color: #ffffff;
        border-radius: 10px;
    }
    ul.link_box li a::before{
        position: absolute;
        content: ">";
        top: 27%;
        right: 13px;
        font-size: 13px;
    }
}

/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
    ul.link_box{
        font-size:0;
        list-style-type: none;
        text-align:center;
    }
    ul.link_box li{
        font-size: 4.5vw;
        display: inline-block;
    }
    ul.link_box li a{
        position: relative;
        background-color: #212121;
        padding: 3vw 10vw;
        color: #ffffff;
        border-radius: 10px;
    }
    ul.link_box li a::before{
        position: absolute;
        content: ">";
        top: 27%;
        right: 3vw;
        font-size: 3.2vw;
    }
}

/* ================================================================================

フッター

================================================================================ */
footer{
    background-color: #212121;
    text-align: center;
    color: #ffffff;
}
footer a{
    color: #ffffff;
}

/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
    footer{
        font-size: 11px;
        margin-top: 120px;
        padding: 73px 70px;
    }

    /* ロゴサイズ */
    footer .site-name{
        font-size: 20px;
    }
    /* 注意喚起テキスト */
    p.worning_text{
        padding: 20px 0;
      }
}

/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {

    footer{
        margin-top: 20vw;
        padding: 10vw 0 3vw;
        font-size: 2.5vw;
      }

    /* ロゴサイズ */
    footer .site-name{
        font-size: 5vw;
    }
    /* 注意喚起テキスト */
    p.worning_text{
        padding: 8vw 5vw;
      }
}