@charset "UTF-8";
/* category.css
========================================*/
@media print, screen and (min-width: 768px) {
	#header._lower {
		background-color:#fff !important;
	}
}

#main {
	border-bottom:1px solid #7badc7;
}
@media print, screen and (min-width: 768px) {
	#main {
		padding-bottom:60px;
	}
}
@media screen and (max-width: 767px) {
	#main {
		padding-bottom:10.6666666667vw;
	}
}
@media print, screen and (min-width: 768px) {
	#main .p-header {
		background-image:url(../img/category/bg_header_pc.jpg);
	}
	#main .p-header .-inner {
		justify-content:flex-end;
	}
	#main .p-header .-inner>h1 {
		width:400px;
	}
}
@media screen and (max-width: 767px) {
	#main .p-header {
		background-image:url(../img/category/bg_header_sp.jpg);
	}
	#main .p-header .-inner {
		justify-content:flex-end;
	}
	#main .p-header .-inner>h1 {
		width:60vw;
	}
}
@media print, screen and (min-width: 768px) {
	#main .cate-nav {
		margin-left:auto;
		margin-right:auto;
		width:1200px;
		display:flex;
		flex-wrap:wrap;
		align-items:center;
		background-color:#7badc7;
		margin-top:-55px;
		margin-bottom:20px;
		padding:10px 40px;
		position:relative;
		z-index:10;
	}
}
@media print, screen and (min-width: 768px) {
	#main .cate-nav .-list {
		display:flex;
		flex-wrap:wrap;
	}
	#main .cate-nav .-list>li {
		font-weight:500;
		margin:5px;
	}
	#main .cate-nav .-list>li>a {
		border-radius:15px;
		color:#fff;
		letter-spacing:0;
		padding:4px 15px 5px;
		transition:all .2s ease;
	}
	#main .cate-nav .-list>li>a:hover {
		opacity:.7;
	}
	#main .cate-nav .-list>li.is-cur>a {
		background-color:#fff;
		color:#7badc7;
	}
	#main .cate-nav .-list>li.is-cur>a:hover {
		opacity:1;
	}
	#main .cate-nav .-list._all {
		border-right:1px solid #eaf2f6;
		margin-right:30px;
		padding-right:30px;
	}
}
@media screen and (max-width: 767px) {
	#main .cate-nav .-list._all {
		display:flex;
		flex-wrap:wrap;
		align-items:center;
		justify-content:space-between;
		background-color:#7badc7;
		padding:2.6666666667vw;
	}
	#main .cate-nav .-list._all>li {
		font-size:4.2666666667vw;
		font-weight:500;
		width:50%;
	}
	#main .cate-nav .-list._all>li>a {
		border-radius:4vw;
		color:#fff;
		display:table;
		letter-spacing:0;
		margin:auto;
		padding:1.8666666667vw 5.3333333333vw 2vw;
	}
	#main .cate-nav .-list._all>li.is-cur>a {
		background-color:#fff;
		color:#7badc7;
	}
	#main .cate-nav .-list._all>li._catebtn {
		border-left:1px solid #eaf2f6;
		color:#fff;
		font-weight:500;
		padding:1.8666666667vw 5.3333333333vw 2vw;
		text-align:center;
	}
	#main .cate-nav .-list._all>li._catebtn>i {
		font-size:5.6vw;
		margin-left:2vw;
		vertical-align:-.1em;
	}
}
@media print, screen and (min-width: 768px) {
	#main .cate-nav .-spcatewrap {
		flex:1;
	}
}
@media screen and (max-width: 767px) {
	#main .cate-nav .-spcatewrap {
		background-color:#7badc7;
		position:fixed;
		top:0;
		right:-100vw;
		min-height:calc(var(--vh) * 100);
		width:100%;
		z-index:2000;
		transition:all .3s ease;
	}
	#main .cate-nav .-spcatewrap.is-show {
		right:0;
	}
	#main .cate-nav .-spcatewrap .-spblock {
		display:flex;
		flex-wrap:wrap;
		align-items:center;
		justify-content:space-between;
		border-bottom:1px solid #eaf2f6;
		margin:4vw 5.3333333333vw 5.3333333333vw;
		padding:0 2.6666666667vw 4vw;
	}
	#main .cate-nav .-spcatewrap .-spblock>p {
		color:#fff;
		font-size:5.3333333333vw;
		font-weight:700;
	}
	#main .cate-nav .-spcatewrap .-spblock ._close img {
		width:7.4666666667vw;
	}
	#main .cate-nav .-spcatewrap .-list {
		padding:0 8vw;
	}
	#main .cate-nav .-spcatewrap .-list>li {
		font-size:4.8vw;
		font-weight:500;
		margin-bottom:2.6666666667vw;
	}
	#main .cate-nav .-spcatewrap .-list>li>a {
		border-radius:2.6666666667vw;
		color:#fff;
		display:block;
		padding:2vw 5.3333333333vw;
	}
	#main .cate-nav .-spcatewrap .-list>li.is-cur>a {
		background-color:#fff;
		color:#7badc7;
	}
}
#main .search-sec>h2 {
	font-weight:700;
	text-align:center;
}
#main .search-sec #searchform>input {
	border:3px solid #7badc7;
	font-weight:500;
	padding:.4em 1.5em .4em;
	width:100%;
}
#main .search-sec #searchform>input::placeholder {
	opacity:.6;
}
#main .search-sec #searchform .-btn {
	background-color:#7badc7;
	color:#fff;
	display:block;
	font-weight:700;
	letter-spacing:.1em;
	padding:.5em;
	text-align:center;
}
@media print, screen and (min-width: 768px) {
	#main .search-sec {
		margin-left:auto;
		margin-right:auto;
		width:1000px;
		margin-top:60px;
		padding-bottom:30px;
	}
	#main .search-sec>h2 {
		font-size:1.6666666667rem;
		margin-bottom:40px;
	}
	#main .search-sec #searchform>input {
		border-radius:25px;
		font-size:1.1111111111rem;
	}
	#main .search-sec #searchform .-btn {
		border:2px solid #7badc7;
		border-radius:20px;
		cursor:pointer;
		font-size:1.3333333333rem;
		margin:30px auto 0;
		width:180px;
		transition:.2s ease;
	}
	#main .search-sec #searchform .-btn:hover {
		background-color:#fff;
		color:#7badc7;
	}
}
@media screen and (max-width: 767px) {
	#main .search-sec {
		margin-top:10.6666666667vw;
		padding:0 5.3333333333vw 5.3333333333vw;
	}
	#main .search-sec>h2 {
		font-size:5.6vw;
		margin-bottom:5.3333333333vw;
	}
	#main .search-sec #searchform>input {
		border-radius:5.3333333333vw;
		font-size:4.2666666667vw;
	}
	#main .search-sec #searchform .-btn {
		border-radius:4vw;
		font-size:4.8vw;
		margin:5.3333333333vw auto 0;
		width:40vw;
	}
}
#main .archives-list>li>figure img {
	height:auto;
}
@media print, screen and (min-width: 768px) {
	#main .archives-list {
		margin-left:auto;
		margin-right:auto;
		width:1000px;
		margin-top:60px;
	}
	#main .archives-list>li {
		display:flex;
		flex-wrap:wrap;
		justify-content:space-between;
		margin-bottom:40px;
	}
	#main .archives-list>li>figure {
		min-height:180px;
		width:300px;
	}
	#main .archives-list>li>figure>a {
		transition:all .2s ease;
	}
	#main .archives-list>li>figure>a:hover {
		opacity:.7;
	}
}
@media screen and (max-width: 767px) {
	#main .archives-list {
		margin-top:10.6666666667vw;
		padding:0 5.3333333333vw;
	}
	#main .archives-list>li {
		margin-bottom:10.6666666667vw;
	}
	#main .archives-list>li>figure {
		margin-bottom:5.3333333333vw;
		min-height:53.3333333333vw;
	}
}
#main .archives-list .-box .-meta {
	display:flex;
	flex-wrap:wrap;
}
#main .archives-list .-box .-meta ._category {
	color:#7badc7;
	font-weight:500;
	line-height:1.2em;
}
#main .archives-list .-box .-meta ._category:after {
	color:#4d4d4d;
	content:"｜";
	font-size:1.1em;
	font-weight:300;
	line-height:1em;
	margin:0 .3em;
}
#main .archives-list .-box .-meta time {
	line-height:1.3em;
}
#main .archives-list .-box>dl>dt {
	font-weight:700;
}
#main .archives-list .-box>dl>dd {
	line-height:1.6em;
}
#main .archives-list .-box .-btn {
	background-color:#7badc7;
	color:#fff;
	display:table;
	font-weight:500;
	margin-left:auto;
}
@media print, screen and (min-width: 768px) {
	#main .archives-list .-box {
		flex:1;
		margin-left:50px;
	}
	#main .archives-list .-box .-meta {
		margin-bottom:10px;
	}
	#main .archives-list .-box .-meta ._category {
		font-size:1.1111111111rem;
	}
	#main .archives-list .-box>dl>dt {
		margin-bottom:5px;
	}
	#main .archives-list .-box>dl>dd {
		font-size:.8888888889rem;
	}
	#main .archives-list .-box .-btn {
		border-radius:20px;
		font-size:.8888888889rem;
		margin-top:15px;
		padding:2px 12px 3px 17px;
		transition:all .2s ease;
	}
	#main .archives-list .-box .-btn:hover {
		opacity:.7;
	}
	#main .archives-list .-box .-btn>i {
		font-size:1rem;
		margin-left:5px;
		vertical-align:-1px;
	}
}
@media screen and (max-width: 767px) {
	#main .archives-list .-box .-meta {
		margin-bottom:2vw;
	}
	#main .archives-list .-box .-meta ._category {
		font-size:4.2666666667vw;
	}
	#main .archives-list .-box .-meta time {
		font-size:4vw;
	}
	#main .archives-list .-box>dl>dt {
		font-size:4vw;
		margin-bottom:1.3333333333vw;
	}
	#main .archives-list .-box .-btn {
		border-radius:5.3333333333vw;
		margin-top:2.6666666667vw;
		padding:.9333333333vw 4vw .8vw 5.3333333333vw;
	}
	#main .archives-list .-box .-btn>i {
		font-size:4.8vw;
		margin-left:1.3333333333vw;
		vertical-align:-.5333333333vw;
	}
}
@media print, screen and (min-width: 768px) {
	#main .pagination {
		margin-left:auto;
		margin-right:auto;
		width:1000px;
		margin-top:60px;
	}
}
@media screen and (max-width: 767px) {
	#main .pagination {
		margin-top:10.6666666667vw;
	}
}
#main .pagination .screen-reader-text {
	overflow:hidden;
	height:0;
}
#main .pagination .nav-links>ul {
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	justify-content:center;
}
#main .pagination .nav-links>ul>li {
	/*> .prev {
  	&:before {
  		content: "\f104";
  		font-family: "Font Awesome 5 Pro";
  		position: absolute;
  		text-indent: 9999px;
  	}
  }
  > .next {
  	&:before {
  		content: "\f105";
  		font-family: "Font Awesome 5 Pro";
  		position: absolute;
  		text-indent: 9999px;
  	}
  }*/
}
#main .pagination .nav-links>ul>li>a {
	background-color:#7badc7;
	color:#fff;
	text-align:center;
}
#main .pagination .nav-links>ul>li>.current {
	background-color:#fff;
	border:1px solid #7badc7;
	color:#7badc7;
	display:inline-block;
	font-weight:500;
	text-align:center;
}
#main .pagination .nav-links>ul>li>.prev, #main .pagination .nav-links>ul>li .next {
	text-align:center;
}
@media print, screen and (min-width: 768px) {
	#main .pagination .nav-links>ul>li {
		margin:0 6px;
	}
	#main .pagination .nav-links>ul>li>a {
		border-radius:50%;
		padding:3px 5px 4px;
		height:35px;
		width:35px;
		transition:all .1s ease;
	}
	#main .pagination .nav-links>ul>li>a:hover {
		background-color:#fff;
		border:1px solid #7badc7;
		color:#7badc7;
	}
	#main .pagination .nav-links>ul>li>.current {
		border-radius:50%;
		padding:3px 5px 4px;
		height:35px;
		width:35px;
	}
	#main .pagination .nav-links>ul>li>.prev, #main .pagination .nav-links>ul>li .next {
		padding:3px 10px 4px;
		height:35px;
		width:35px;
	}
	#main .pagination .nav-links>ul>li>.prev>i, #main .pagination .nav-links>ul>li .next>i {
		font-size:1.4444444444rem;
		line-height:1.1em;
	}
}
@media screen and (max-width: 767px) {
	#main .pagination .nav-links>ul>li {
		font-size:4vw;
		margin:0 1.6vw;
	}
	#main .pagination .nav-links>ul>li>a {
		border-radius:50%;
		padding:1.0666666667vw 1.3333333333vw;
		height:9.0666666667vw;
		width:9.0666666667vw;
	}
	#main .pagination .nav-links>ul>li>.current {
		border-radius:50%;
		padding:1.0666666667vw 1.3333333333vw;
		height:9.0666666667vw;
		width:9.0666666667vw;
	}
	#main .pagination .nav-links>ul>li>.prev, #main .pagination .nav-links>ul>li .next {
		padding:.6666666667vw 2vw;
		height:9.0666666667vw;
		width:9.0666666667vw;
	}
	#main .pagination .nav-links>ul>li>.prev>i, #main .pagination .nav-links>ul>li .next>i {
		font-size:6.4vw;
		line-height:1.1em;
	}
}