.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(//eiken-dokugaku.com/wp-content/themes/sango-theme-poripu/assets/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(//eiken-dokugaku.com/wp-content/themes/sango-theme-poripu/assets/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(//eiken-dokugaku.com/wp-content/themes/sango-theme-poripu/assets/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(//eiken-dokugaku.com/wp-content/themes/sango-theme-poripu/assets/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(//eiken-dokugaku.com/wp-content/themes/sango-theme-poripu/assets/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(//eiken-dokugaku.com/wp-content/themes/sango-theme-poripu/assets/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(//eiken-dokugaku.com/wp-content/themes/sango-theme-poripu/assets/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(//eiken-dokugaku.com/wp-content/themes/sango-theme-poripu/assets/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(//eiken-dokugaku.com/wp-content/themes/sango-theme-poripu/assets/img/article/top-bg-grade2.png) no-repeat center /auto;
background-size: 10%;
}
.cat-gradepre1 .cat-menu-head div{
background: url(//eiken-dokugaku.com/wp-content/themes/sango-theme-poripu/assets/img/article/top-bg-gradepre1.png) no-repeat center /auto;
background-size: 24%;
}
.cat-gradepre2 .cat-menu-head div{
background: url(//eiken-dokugaku.com/wp-content/themes/sango-theme-poripu/assets/img/article/top-bg-gradepre2.png) no-repeat center /auto;
background-size: 10%;
}
.cat-interview .cat-menu-head div{
background: url(//eiken-dokugaku.com/wp-content/themes/sango-theme-poripu/assets/img/article/top-bg-interview.png) no-repeat center /auto;
background-size: 10%;
}
.cat-kakomon .cat-menu-head div{
background: url(//eiken-dokugaku.com/wp-content/themes/sango-theme-poripu/assets/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;
}