/* 全体 */
.sp-only {
  display: block;
}
@media screen and (min-width: 768px) {
  .sp-only {
    display: none;
  }
}
.pc-only {
  display: none;
}
@media screen and (min-width: 768px) {
  .pc-only {
    display: block;
  }
}
.header{
	position: relative;
}
#content{
	background-image: linear-gradient(rgb(237, 245, 249) 1px, transparent 1px), linear-gradient(to right, rgb(237, 245, 249) 1px, transparent 1px);
  background-size: 20px 20px;
  background-color: #fff;
  background-position: -14px 14px;
	margin-top: 0px !important;
}
@media only screen and (min-width: 769px){
	#content{
	}
}

/* トップ */
@media screen and (max-width: 768px) {
.page-id-4492 #inner-content.wrap{
	width: 92%;
}
}
.top-menu{
	font-family: "Zen Maru Gothic", serif;
	background-color: #fff;
	padding: 30px 10px 30px;
}
@media screen and (min-width: 768px) {
	.top-menu{
		padding: 60px 30px 60px;
  }
}
.top-menu-head {
	padding-top: 40px;
	position: relative;
}
.top-menu-head::after {
  content: "";
  position: absolute;
  right: 50%;
  top: 0;
  background: url(../img/article/site-icon.svg) no-repeat center/contain;
  width: 55px;
  height: 55px;
  transform: translateX(50%);
}
@media screen and (min-width: 768px) {
	.top-menu-head::after {
		width: 74px;
		height: 74px;
  }
}
.top-menu-head h1{
	font-size: 32px;
	color: #3575B3;
	text-align: center;
	font-weight: bold;
	margin-bottom: 10px;
}
@media screen and (min-width: 768px) {
	.top-menu-head h1{
		font-size: 55px;
	margin-bottom: 20px;

  }
}
.top-menu-head span{
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	display: block;
}
@media screen and (min-width: 768px) {
	.top-menu-head span{
		font-size: 27px;
  }
}
.top-menu-desc{
	margin-bottom: 40px;
	color: #555555;
	font-size: 14px;
}
@media screen and (min-width: 768px) {
	.top-menu-desc{
		text-align: center;
		font-size: 16px;
  }
}
.top-menu-title{
	text-align: center;
  margin-bottom: 20px;
	margin-top: 30px;
}
@media screen and (min-width: 768px) {
	.top-menu-title{
		margin-bottom: 40px;
		margin-top: 60px;
  }
}
.top-menu-title h2 {
  display: inline;
  font-size: 30px;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.03em;
  text-align: center;
  font-size: 20px;
  position: relative;
  background-color: #fff;
  padding: 0 7px;
}
@media screen and (min-width: 768px) {
  .top-menu-title h2 {
    font-size: 28px;
  }
}
.top-menu-list{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
@media screen and (min-width: 768px) {
  .top-menu-list{
    font-size: 28px;
  }
}
.top-menu-list-item{
	width: 100%;
	border-radius: 10px;
	color: #fff;
	text-align: center;
	position: relative;
	font-weight: bold;
	box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
	font-size: 22px;
}
@media screen and (min-width: 768px) {
	.top-menu-list-item{
		font-size: 26px;
		width: calc(323 / 672 *100%);
  }
}
.top-menu-list-item:nth-child(n+2){
  margin-top: 10px;
}
@media screen and (min-width: 768px) {
  .top-menu-list-item:nth-child(n+2) {
    margin-top: 0px;
  }
}
.top-menu-list-item:nth-child(n+3){
  margin-top: 10px;
}
@media screen and (min-width: 768px) {
  .top-menu-list-item:nth-child(n+3) {
    margin-top: 20px;
  }
}
.top-menu-list-item::before{
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 8px 0 8px 12px;
	border-color: transparent transparent transparent #fff;
	position: absolute;
	top: 50%;
	right: 30px;
	transform: translateY(-50%);
}
.top-menu-list-item:hover{
	text-decoration: none;
	box-shadow: 0 15px 30px -5px rgba(0, 0, 0, 0.15), 0 0 5px rgba(0, 0, 0, 0.1);
	transform: translateY(-4px);
}
.top-menu-list-item span{
	display: block;
	font-size: 14px;
}
.top-menu-list-item div{
	padding: 10px 45px 10px 10px ;
}
@media screen and (min-width: 768px) {
  .top-menu-list-item div{
		padding: 35px 45px 35px 10px ;

  }
}
.top-menu-list-item:nth-of-type(1){
	background-color: #E88649;
}
.top-menu-list-item:nth-of-type(1) div{
	background: url(../img/article/top-bg-grade2.png) no-repeat top left /auto;
}
.top-menu-list-item:nth-of-type(2){
	background-color: #EC6047;
}
.top-menu-list-item:nth-of-type(2) div{
	background: url(../img/article/top-bg-gradepre1.png) no-repeat top left /auto;
}
.top-menu-list-item:nth-of-type(3){
	background-color: #34AD67;
}
.top-menu-list-item:nth-of-type(3) div{
	background: url(../img/article/top-bg-gradepre2.png) no-repeat top left /auto;
}
.top-menu-list-item:nth-of-type(4){
	background-color: #3575B3;
}
.top-menu-list-item:nth-of-type(4) div{
	background: url(../img/article/top-bg-interview.png) no-repeat top left /auto;
}
.top-menu-list-item:nth-of-type(5){
	background-color: #FAC800;
}
.top-menu-list-item:nth-of-type(5) div{
	background: url(../img/article/top-bg-textbook.png) no-repeat top left /auto;
}
.top-menu-list-item:nth-of-type(6){
	background-color: #78C4E9;
}
.top-menu-list-item:nth-of-type(6) div{
	background: url(../img/article/top-bg-kakomon.png) no-repeat top left /auto;
}

.top-menu-btn{
	display: block;
	border-radius: 10px;
	color: #3575B3;
	text-align: center;
	padding: 25px 10px 25px 6px ;
	position: relative;
	background-color: #ECF5F9;
	border: #3575B3 3px solid;
	font-size: 17px;
	font-weight: bold;
	box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}
@media screen and (min-width: 768px) {
	.top-menu-btn{
		font-size: 28px;
		padding: 35px 45px 35px 10px ;
  }
}
.top-menu-btn::before{
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 8px 0 8px 12px;
	border-color: transparent transparent transparent #3575B3;
	position: absolute;
	top: 50%;
	right: 10px;
	transform: translateY(-50%);
}
@media screen and (min-width: 768px) {
	.top-menu-btn::before{
		right: 30px;
  }
}
.top-menu-btn span{
	display: block;
	font-size: 14px;
}
.top-section-head {
	margin-top: 90px;
  text-align: center;
  margin-bottom: 40px;
	font-family: "Zen Maru Gothic", serif;
}
@media screen and (min-width: 768px) {
  .top-section-head {
    margin-bottom: 60px;
  }
}
.top-section-head h2 {
  display: inline;
  font-size: 30px;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.03em;
  text-align: center;
  font-size: 20px;
  position: relative;
  background-color: #fff;
  padding: 0 7px;
}
@media screen and (min-width: 768px) {
  .top-section-head h2 {
    font-size: 28px;
  }
}
.top-section-head h2::after {
  content: "";
  position: absolute;
  left: -37px;
  top: -30px;
  background: url(../img/common/section-heading-triangle.svg) no-repeat center/contain;
  width: 64px;
  height: 62px;
}
@media screen and (min-width: 768px) {
  .top-section-head h2::after {
    left: -60px;
    top: -50px;
    width: 84px;
    height: 97px;
  }
}
.-reverse .top-section-head h2 {
  background-color: inherit;
  color: #fff;
}

/* 一覧 */
.cardtype{
	margin-top : 60px;
}
.cardtype__img{
	border-radius: 8px 8px 0 0; 
}
.cardtype__article{
	border-radius: 8px; 
}
.sidelong__article{
	box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.12), 0 2px 3px 0 rgba(0, 0, 0, 0.2);
}
#archive_header{
	margin-top: 20px;
}
@media screen and (min-width: 768px) {
	#archive_header{
		margin-top: 40px;
	}
}
.archive-header.main-bdr{
	border: none !important;
}
#archive_header h1 {
	padding: 0.5rem 1rem 1rem 0.7em;
	background-image: linear-gradient(135deg, #EDF5F9 0 100%),
			repeating-linear-gradient(45deg, #63A8EA 0 3px, transparent 3px 6px);
	background-repeat: no-repeat;
	background-size: calc(100% - 0.5rem) calc(100% - 0.5rem);
	background-position:0px 0px, 0.3rem 0.3rem;
	color: #1C3F73;
	font-weight: bold;
}
.cat-menu{
	font-family: "Zen Maru Gothic", serif;
}
.cat-menu-head{
	width: 100%;
	color: #fff;
    color: #fff;
    text-align: center;
    position: relative;
    font-weight: bold;
    font-size: 22px;
		margin-bottom: 15px;
		
	}
	@media screen and (min-width: 768px) {
		.cat-menu-head{
		margin-bottom: 40px;
		font-size: 36px;
		letter-spacing: .02em;

  }
}
.cat-grade2 .cat-menu-head{
	background-color: #E88649;
}
.cat-gradepre1 .cat-menu-head{
	background-color: #EC6047;
}
.cat-gradepre2 .cat-menu-head{
	background-color: #34AD67;
}
.cat-interview .cat-menu-head{
	background-color: #3575B3;
}
.cat-kakomon .cat-menu-head{
	background-color: #78C4E9;
}
.cat-menu-head div{
	padding: 30px  10px ;
}
@media screen and (min-width: 768px) {
	.cat-menu-head div{
		padding: 35px 10px 35px 10px ;
  }
}
.cat-grade2 .cat-menu-head div{
	background: url(../img/article/top-bg-grade2.png) no-repeat center /auto;
	background-size: 10%;
}
.cat-gradepre1 .cat-menu-head div{
	background: url(../img/article/top-bg-gradepre1.png) no-repeat center /auto;
	background-size: 24%;
}
.cat-gradepre2 .cat-menu-head div{
	background: url(../img/article/top-bg-gradepre2.png) no-repeat center /auto;
	background-size: 10%;
}
.cat-interview .cat-menu-head div{
	background: url(../img/article/top-bg-interview.png) no-repeat center /auto;
	background-size: 10%;
}
.cat-kakomon .cat-menu-head div{
	background: url(../img/article/top-bg-kakomon.png) no-repeat center /auto;
	background-size: 10%;
}
.cat-menu-head span{
	display: block;
	font-size: 14px;
}
@media screen and (min-width: 768px) {
	.cat-menu-head span{
		font-size: 15px;
		letter-spacing: .02em;
	}
}
.cat-menu-desc{
	margin-bottom: 5px;
	font-size: 15px;
	padding: 0 10px;
	color: #555555;
}
@media screen and (min-width: 768px) {
	.cat-menu-desc{
		padding: 0 20px;
		margin-bottom: 15px;
		font-size: 16px;
  }
}

.cat-menu-list{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-top: 30px;
}
@media screen and (min-width: 768px) {
	.cat-menu-list{
		margin-top: 40px;
    font-size: 28px;
  }
}
.cat-menu-list-item{
	width: 100%;
	border-radius: 10px;
	color: #252525;
	text-align: center;
	position: relative;
	font-weight: bold;
	box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
	font-size: 16px;
	display: block;
}
@media screen and (min-width: 768px) {
	.cat-menu-list-item{
		font-size: 18px;
		width: calc(323 / 672 *100%);
  }
}
.cat-menu-list-item:nth-child(n+2){
  margin-top: 10px;
}
@media screen and (min-width: 768px) {
  .cat-menu-list-item:nth-child(n+2) {
    margin-top: 0px;
  }
}
.cat-menu-list-item:nth-child(n+3){
  margin-top: 15px;
}
@media screen and (min-width: 768px) {
  .cat-menu-list-item:nth-child(n+3) {
    margin-top: 20px;
  }
}
.cat-menu-list-item::before{
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 8px 0 8px 12px;
	border-color: transparent transparent transparent #fff;
	position: absolute;
	top: 50%;
	right: 30px;
	transform: translateY(-50%);
}
.cat-menu-list-item:hover{
	text-decoration: none;
	box-shadow: 0 15px 30px -5px rgba(0, 0, 0, 0.15), 0 0 5px rgba(0, 0, 0, 0.1);
	transform: translateY(-4px);
}
.cat-menu-list-item span{
	display: block;
	padding: 15px 45px 15px 10px ;
}
@media screen and (min-width: 768px) {
  .cat-menu-list-item span{
		padding: 20px 45px 20px 10px ;
  }
}

.cat-grade2 .cat-menu-list-item{
	background-color: #FABA90;
}
.cat-gradepre1 .cat-menu-list-item{
	background-color: #f2a99c;
}
.cat-gradepre2 .cat-menu-list-item{
	background-color: #b5e9cb;
}
.cat-interview .cat-menu-list-item{
	background-color: #b2d1f0;
}
.cat-kakomon .cat-menu-list-item{
	background-color: #78C4E9;
}

.pagination a:hover{
	color:#fff ;
	background-color: #3575B3 !important;
}
.pagination a, .pagination span, .post-page-numbers{
	border: 1px solid #3575B3;
	line-height: 44px!important;
	background-color: #EDF5F9;
}
.page-numbers.dots{
	border: none;
}

/* 検索結果 */
.search-title{
	margin-top: 20px;
	margin-bottom: 0;
}
.search .cardtype{
	margin-top: 20px;
}
/* 詳細 */
.sns-dif ul{
	background-color: #EDF5F9;
	background-color: #EDF5F9;
}
.sns-btn__title{
	color: #78C4E9;
}
.sns-btn__title:before, .sns-btn__title:after{
	background-color: #78C4E9;
}
.author_label span{
	background: #EDF5F9;
}
.author_img img{
	border: solid 3px #2c639b;
}
.author-info{
	background-color: #2c639b !important;
	padding: 25px;
}
.entry-content h2 {
    padding: 1rem 1rem 1rem 2rem!important;
    background-color: #F0F9FD!important;
    background-image: repeating-linear-gradient(45deg, #3575B3 0 2px, transparent 2px 6px)!important;
    background-repeat: no-repeat!important;
    background-size: 1rem 100%!important;
    background-position: left!important;
    font-weight: bold!important;
		border: none!important;
		border-left: solid 2px #3575B3!important;
		box-shadow: 0 1.5px 2.4px rgba(0, 0, 0, 0.15);
	}
	.entry-content h3 {
		padding: 1rem 1rem 1rem 2rem!important;
		background-color: #fff!important;
		background-image: repeating-linear-gradient(45deg, #78C4E9 0 2px, transparent 2px 6px)!important;
		background-repeat: no-repeat!important;
		background-size: 1rem 100%!important;
		background-position: left!important;
		font-weight: bold!important;
		border: 1px solid #78C4E9!important;
		border-left: solid 2px #78C4E9!important;
}
.follow_btn .Twitter:before{
	content: '𝕏';
	font-family: unset;
	font-weight: bold;
	background: #000;
}
/* サイドバー */
.widgettitle, .sidebar .wp-block-group h2, .drawer .wp-block-group h2{
	background-color: #2c639b !important;
	border-radius: 4px;
	padding: 12px 13px;
	font-family: "Zen Maru Gothic", serif !important;
}

.sidebar .widgettitle:before{
	padding-right: 8px;
}
#sidebar1 .widget{
	box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.10), 0 2px 3px 0 rgba(0, 0, 0, 0.1);
}

#sidebar1{
	margin-top: 20px;
}
@media screen and (min-width: 768px) {
	#sidebar1{
		margin-top: 40px;
	}
}
#custom_html-3{
	font-family: "Zen Maru Gothic", serif !important;
}
#custom_html-3 .yourname{
	font-family: "Zen Maru Gothic", serif !important;
}
#custom_html-3 .yourprofile .profile-img{
	margin: 0 auto;
}
#custom_html-3 .yourprofile{
	margin: 0 auto;
	padding-top: 25px;
}
#custom_html-3 .profile-content{
	padding: 0 20px;
	color: #737373;
}
#block-3 a{
	transition: all .3s;
}
#block-3 a:hover{
	opacity: .6;
	transition: all .3s;
}