header {
	color: #fff; /* ヘッダーの文字色 */
}

.logo {
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
    background-color: #FFC666;
}

.logo-size {
	width: 300px;
	margin: 30px 35px 5px 35px;
}

.pankuzu-list-box {
	text-align: right;
    height: 10px;
}
.pankuzu-list {
	width: fit-content;
    margin-top: 15px;
    background-color: #8c8dab;
    font-size: 24px;
    color: white;
    text-align: center;
    border-radius: 30px;
    display: inline-block;
    position: relative;
    bottom: 90px;
    right: 60px;
    border: 2px solid #fff;
    padding: 0px 30px;
}

.pankuzu-list a{
    color: #fff;
    text-decoration: none;
}

@media screen and (max-width: 1080px) {
	.logo-size {
		/*width: 60%;*/
		width: 250px;
	}
	.pankuzu-list {
		font-size: 18px;
	}
}

@media screen and (min-width: 759px) {
	.menu-btn {
		display: none;
	}
}



















/*----------header menu ----------*/
nav {
    width: 100%;
    height: 70px;
    background-color: #ffffff;
    padding-top: 5px;
    box-sizing: border-box;
    box-shadow: 0px 10px 10px -5px rgba(0, 0, 0, 0.178);

}



.nav_01{
    display: flex;
    margin: 0 auto;
    padding-left: 30px;
}


.menu {
    list-style: none;
}

#menu1 {
    display: block;
    text-decoration: none;
}

#menu {
    display: block;
    text-decoration: none;
    color: #272727;
    font-weight: bold;
    font-size: 17px;
    padding: 0px 10px;
    /* margin-right: 15px;
    margin-left: 20px; */
}


.PCmenu{
    padding: 0px;
}




/*全体のボタンcss*/
.readbtn {
	cursor: pointer;
    display: block;
    width: 20%;
    max-width: 300px;
    margin: 15px auto;
    padding: 5px;
    border: 0;
    border-radius: 30px;
    color: ghostwhite;
    font-size: 20px;
    background: #00afcc;
    box-shadow: 0 4px 0 hsl(200deg 35% 50%), 0 6px 0 rgba(0,0,0,.2);
    transition: color .3s, background .3s, box-shadow .3s, transform 0.3s;
    font-weight: bold;
}

.readbtn:hover {
	color: white;
	background: hsl(200deg 62% 75%);
	box-shadow: 0 3px 0 hsl(200deg 47% 60%), 0 6px 0 rgba(0,0,0,.2);
	transform: translateY(3px);
}
.readbtn:active {
	color: gainsboro;
	background: hsl(200deg 47% 60%);
	box-shadow: 0 0 0 hsl(200deg 37% 50%), 0 0 0 rgba(0,0,0,.2);
	transform: translateY(6px);
	transition-duration: .1s;
	
}

@media screen and (max-width: 960px) {
	.readbtn {
		width: 25%;
		font-size: 18px;
	}

}

@media screen and (max-width: 480px) {
	.readbtn {
		width: 25%;
		font-size: 14px;
	}
}

  @media screen and (max-width: 960px) {
	/* 959px以下に適用されるCSS（タブレット用）*/
    
	.container {
		display: block;
	}

	.left-block {
		width: 100%; /* 左側ブロックの幅 */
	  }
	
	  .right-block {
		width: 100%; /* 右側ブロックの幅 */
	  }

}

@media screen and (max-width: 750px) {
	.june {
		/*text-align: right;*/
		/*font-size: 16pt;*/
		/*position: relative;*/
		/*top: 0px; */
		width: 100%;
		float: left;
		text-align: left;
	}
}




















/*ここからハンバーガーメニュー*/
 
.menu-btn {
    position: fixed;
    top: 20px;
    right: 10px;
    display: flex;
    height: 50px;
    width: 50px;
    justify-content: center;
    align-items: center;
    z-index: 90;
    background-color: rgba(255, 166, 0, 0.774);
    border: #ffffffd5 solid 1px;
}

.menu-btn span,
.menu-btn span:before,
.menu-btn span:after {
    content: '';
    display: block;
    height: 3px;
    width: 25px;
    border-radius: 3px;
    background-color: #ffffff;
    position: absolute;
}
.menu-btn span:before {
    bottom: 8px;
}
.menu-btn span:after {
    top: 8px;
}

#menu-btn-check:checked ~ .menu-btn span {
	/*メニューオープン時は真ん中の線を透明にする*/
    background-color: rgba(255, 255, 255, 0);
}
#menu-btn-check:checked ~ .menu-btn span::before {
    bottom: 0;
    transform: rotate(45deg);
}
#menu-btn-check:checked ~ .menu-btn span::after {
    top: 0;
    transform: rotate(-45deg);
}
#menu-btn-check {
    display: none;
}
.menu-content {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 80;
    background-color: #222;
}
.menu-content ul {
    padding: 70px 10px 0;
}
.menu-content ul li {
    border-bottom: solid 1px #ffffff;
    list-style: none;

}
.menu-content ul li a {
    display: block;
    width: 100%;
    font-size: 15px;
    box-sizing: border-box;
    color:#ffffff;
    text-decoration: none;
    padding: 9px 15px 10px 0;
    position: relative;
}
.menu-content ul li a::before {
    content: "";
    width: 10px;
    height: 10px;
    border-top: solid 3px #ffffff;
    border-right: solid 3px #ffffff;
    transform: rotate(45deg);
    position: absolute;
    right: 11px;
    top: 19px;
}
.menu-content {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 100%;/*leftの値を変更してメニューを画面外へ*/
    z-index: 80;
    background-color: #ffa600ea;
    transition: all 0.5s;/*アニメーション設定*/
}
#menu-btn-check:checked ~ .menu-content {
    left: 0;/*メニューを画面内へ*/
}

@media screen and (min-width: 751px) {
    .menu-btn {
        display: none;
    }
}


/* .menu_img{
} */

/*ハンバーガーメニューここまでー*/
/*---------- header menu ここまで----------*/

@media screen and (max-width: 960px) {
    .nav_01{
        display: flex;
        width: 100%;
    }

    #menu {
		display: block;
		text-decoration: none;
		color: #272727;
		font-weight: bold;
		font-size: 16px;
		padding: 2px 10px;
	}

    /* #menu {
        display: block;
        text-decoration: none;
        color: #222;
        font-weight: bold;
        font-size: 14px;
    } */
}

@media screen and (max-width: 750px) {
	header {
        background: #FFC666;
        color: #fff; /* ヘッダーの文字色 */
        padding-top:15px; /* ヘッダーの上下左右の間隔 */
        padding-bottom: 15px;
	}

    nav {
        width: 100%;
        height: 70px;
        background-color: #FFC666;

        padding-top: 5px;
        box-sizing: border-box;
    }

    ul.PCmenu {
        display: flex;
    }

    
    #menu {
        display: block;
        text-decoration: none;
        color: #ffffff;
        font-weight: bold;
        font-size: 20px;
        padding: 0.5rem;
}

@media screen and (max-width: 750px) {
    nav {
        display: none;
    }
    .paging-box nav {
        display: none;
    }
    .pankuzu-list {
        display: none;
    }
}

}