/*
Theme Name:理英会
Thema URL:理英会
Description:理英会
Author:理英会
*/

/*#Top #TopicsArea .TopiInner dl {
    align-items: center;
}
#Top #TopicsArea .TopiInner dl dd{
    width: calc(100% - 10em);
}
#Top #TopicsArea .TopiInner dl dt .Area span {
    display: block!important;
}

@media screen and (max-width: 700px) {
    #Top #TopicsArea .TopiInner dl dt {
        display: block;
    }
    #Top #TopicsArea .TopiInner dl dt .Area span {
        display: inline-block!important;
    }
    #Top #TopicsArea .TopiInner dl dd{
        width: 100%;
    }
}*/

.page-numbers .dots {
    border-style: none;
}



#NewsArea p {
    margin-bottom: 10px;
}

.photo_left {
	float:left;
}

.widget {
    margin-bottom: 25px;
}
.widget h2 {
    border-bottom: 1px solid #ed77ac;
    font-size: 16px;
    margin-bottom: 10px;
}
.widget ul {
    font-size: 14px;
}
.widget ul li a {
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 18px;
}
.widget ul li.recentcomments a {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    padding-left: 0;
    text-decoration: underline;
}
.widget.widget_search {
    background-color: #eee;
    padding: 10px;
}
.widget.widget_search div {
    margin-bottom: 0 !important;
}

/*↓20140924追加*/
.widget_sp_image {
	margin-top:-25px;
	margin-bottom:55px;
}

/*↑20140924追加*/

/*↓20141007追加*/
.entry{
    border-bottom: 1px solid #eee;
    margin-bottom: 30px;
    padding-bottom:25px;
}
.entry h2 a {
	text-decoration:underline;
}
.blog_entry{
    margin-bottom: 30px;
    padding-bottom:25px;
	border-bottom: 1px solid #eee;
}
.blog_entry:last-child {
	margin-bottom:0;
}
#commentArea {
	border-top:1px solid #ccc;
}
/*↑20141007追加*/


#pre_nex{
    clear: both;
    line-height: 1;
    text-align: center;
    width: 100%;
}
#pre_nex:after {
    clear: both;
    line-height: 1;
    text-align: center;
    width: 100%;
}
#pre_nex .pre {
    float: left;
}
#pre_nex .pre a {
    display: block;
    padding: 4px 5px 4px 18px;
	font-size:12px;
}
#pre_nex .nex {
    float: right;
}
#pre_nex .nex a {
    display: block;
    padding: 4px 18px 4px 5px;
	margin-right:32px;
	font-size:12px;
}
#pagelist {
    display: inline;
    margin: 0 auto;
    overflow: hidden;
}
.page-numbers span.current {
    display: block;
    width: 100%;
    height: 100%;
    background-color: #356cb6;
    color: #fff;
}
a.page-numbers{
    display: block;
    width: 100%;
    height: 100%;
}
#pagelist .current {
    background: none repeat scroll 0 0 #01A982;
    border-color: #01A982;
    color: #ffffff;
    border-radius: 50%;
    font-size: 1.3em;
    width: 2em;
    height: 2em;
    line-height: 1.3em;
}
#pagelist .next {
    display: inline-block;
    padding: 6px 9px;
    font-size: 1em;
    width: auto;
    border: none;
}
#pagelist .prev {
    display: inline-block;
    padding: 6px 9px;
    font-size: 1em;
    width: auto;
    border: none;
}



/*ページャー*/
.m_pager {
    text-align: center;
}
ul.page-numbers {
    display: inline;
    margin: 0 auto;
    overflow: hidden;
}
ul.page-numbers li {
    display: inline-block;
    width: 2em;
    height: 2em;
    border-radius: 50%;
    margin: 0 1px;
    text-align: center;
}
ul.page-numbers li a.page-numbers {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #356cb6;
    padding-top: 6px;
    padding-bottom: 6px;
    border-radius: 50%;
    font-size: 1em;
    width: 2em;
    height: 2em;
    line-height: 1.1em;
}
ul.page-numbers li a.prev,
ul.page-numbers li a.next {
    border: none;
    font-size: .8em;
}
.page-numbers span.current {
  background-color: #356cb6;
    border: 1px solid #356cb6;
    padding-top: 6px;
    padding-bottom: 6px;
    border-radius: 50%;
    font-size: 1em;
    width: 2em;
    height: 2em;
    line-height: 1.1em;
}


.monthly-calendar table{
	border-collapse: collapse;
}
.monthly-calendar table td,.monthly-calendar table th{
	border:1px solid #e5e5e5;
	border-collapse: collapse;
}

.list_extra {
    margin-bottom: 15px;
    overflow: hidden;
}
.list_extra li {
    float: left;
    margin-right: 15px;
}
.list_extra .date {
	font-size:12px;
	color:#666;
}
.list_extra .comment {
    float: right;
    margin-right: 0;
	font-size:12px;
	color:#666;
}
.list_extra a {
    text-decoration: none;
}
.list_extra a:hover {
    text-decoration: underline;
}


#gf_comment {
    clear: both;
    display: block;
    overflow: hidden;
    width: 100%;
}
#gf_comment .comment_body {
    display: block;
    margin-bottom: 20px;
    padding:15px 0;
    overflow: hidden;
    position: relative;
    width: 100%;
    border-bottom:1px dotted #999;
}
#gf_comment .comment_body .comment_meta {
    display: block;
    float: left;
    overflow: hidden;
    width: 30%;
}
#gf_comment .comment_body .comment_meta dt {
    display: block;
    float: left;
    height: 42px;
    width: 42px;
}
#gf_comment .comment_body .comment_meta dt img {
    border: 2px solid #EEEEEE;
    margin-right: 8px;
}
#gf_comment .comment_body .comment_meta dd {
    line-height: 1.6;
}
#gf_comment .comment_body .comment_time {
    font-size: 10px;

}
#gf_comment .comment_post {
    display: block;
    float: right;
    width: 60%;
}
#gf_comment .comment_post p {
    margin-bottom: 5px;
}

#comment_form {
    margin-top: 5px;
    padding-top: 5px;
}
#comment_form #cf_left {
    float: left;
    line-height: 1.9;
    width: 30%;
}
#comment_form #cf_left dd {
    margin-bottom: 5px;
}
#comment_form #cf_left input {
    border: 1px solid #bbbbbb;
    width: 100%;
}
#comment_form #cf_right {
    float: right;
    width: 60%;
}
#comment_form #cf_right dd {
    margin-bottom: 10px;
}
#comment_form #cf_right .comment_detail {
    border: 1px solid #bbbbbb;
    height: 120px;
    width: 100%;
}
#comment_form .btn_comment_send {
    background-color: #3e4146;
    border: medium none;
    color: #fff;
    padding: 1px 3px;
}

/*input#submit {
    padding: 15px 70px;
	margin:40px;
    font-size: 1.2em;
    background-color: #f39800;
    color: #fff;
    border-style: none;
}
input#submit:hover {
    background-color: #fabd00;
	cursor:pointer;
}

#comment_form .comment_logout {
    font-size: 10px;
}
#comment_form #cancel-comment-reply {
    margin-bottom: 0;
}*/

#Blog h2 {
    text-align: center;
}
#Blog figure {
	text-align: center;
}
#Blog figure img {
    height: auto;
	max-height: 800px;
	width: auto;
}

#Blog .Conte .Inner .Inner {
    max-width: 1100px;
}
#Blog img {
    height: auto;
}
#Blog p {
    margin-bottom: 1em;
}
#Blog section {
    margin-bottom: 90px;
}

#Blog #Project dl dt p.Category {
    width: auto !important;
    padding: 0 .5em;
}
#Blog #Project dl dt p.Category {
    width: 8em;
    color: #fff;
    font-size: 70%;
    height: 2em;
    /* margin-top: 6px; */
    margin-right: 8px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
}
#Blog #Project dl dt p.type_info {
    background: #9171b5;
}
#Blog #Project dl dt p.type_trade_project {
    background: #2367a5;
}
#Blog #Project dl dt p.type_consul_project {
    background: #dc7357;
}


.wp-block-file__button {
    background: #1063A9;
    color: #fff;
    text-decoration: none;
    padding: .6em 1em;
    border-radius: 100px;
}



#Single #EventPostInner .kb-table-data p {
    margin-top: auto!important;
    margin-bottom: auto!important;
}



#LowPage .BlogTitleBox {
    margin-top: 140px;
    background-color: #479cd7;
    color: #fff;
    padding: 3em 0;
}
@media screen and (max-width: 1000px) {
    #LowPage .BlogTitleBox {
        margin-top: 100px;
    }
}
#Single #EventPostInner {
    /*max-width: calc(1000px + 6.8%);*/
    width: calc(1000px + ((100vw - 1000px) / 2));
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding: 0 3.4%;
}
@media screen and (max-width: 1000px) {
    #Single #EventPostInner {
        width: 100%;
    }
}
#Single #EventPostInner h2 {
    border-bottom: 2px solid #1063A9;
    padding-bottom: .5em;
}
#Single #EventPostInner h3 {
    font-size: 1.5em;
    position: relative;
    padding-left: 1.5em;
}
#Single #EventPostInner h3::before {
  content: ""; /* 疑似要素の内容 */
  position: absolute; /* 親要素を基準に配置 */
  left: 0; /* タイトルの左端に配置 */
  top: 0.7em; /* 垂直方向の中央に配置 */
  transform: translateY(-50%); /* 垂直方向の中央を調整 */
  width: 1em; /* 線の幅 */
  height: 1px; /* 線の高さ（太さ） */
  background-color: #1063A8; /* 線の色 */
}
#Single #EventPostInner h4 {
    font-size: 1.3em;
    font-weight: bold;
}
#Single #EventPostInner ul {
    list-style: disc;
    padding-left: 1em;
}
#Single table thead th {
    font-weight: bold;
    background-color: #E7EEF8;
}
#Single table tbody th {
    font-weight: bold;
    background-color: #fafafa;
}


.wp-block-file object[type="application/pdf"][hidden] {
  display: unset;
}

#Single #EventPostInner .wp-block-file > a {
  display: block;
  margin-bottom: 0.5em;
  text-align: center;
}
#Single #EventPostInner .wp-block-file > a.wp-block-file__button.wp-element-button {
    width: 16em;
    text-align: center;
    margin: 2em auto;
}

#Single .wp-block-file__embed {
  overflow: auto !important;
  -webkit-overflow-scrolling: touch;
  height: auto!important; /* または必要に応じて固定px */
}

#Single p {
    line-height: 1.7;
    margin-top: .9em;
    margin-bottom: .9em;
}



/*＝＝＝＝＝＝＝＝＝＝
シングルページ関連記事表示
＝＝＝＝＝＝＝＝＝＝＝*/
#Single .related-post-wrap {
    margin: 2em 0;
}
#Single .related-post-wrap section {
    background-color: #f7f7f7;
}
#Single .related-post-wrap #Connection {
    /* max-width: calc(1000px + 6.8%); */
    width: calc(1200px + ((100vw - 1200px) / 2));
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding: 0 3.4%;
}
@media screen and (max-width: 640px) {
    #Single .related-post-wrap #Connection {
        width: 100%;
    }
}
#Single .related-post-wrap h4 {
    font-size: 1.25em;
    margin-bottom: 1em;
}
#Single .related-post-wrap ul {
    display: grid;
    list-style: none;
    gap: .875em;
    grid-template-columns: repeat(4, 1fr);
}
#Single .related-post a {
    display: block;
    text-decoration: none;
    color: #000;
}
#Single .related-post a:hover {
    opacity: .6;
}
 
#Single .related-post img {
    display: block;
    width: 100%;
    aspect-ratio: 3/2;
    margin-bottom: .5em;
    object-fit: cover;
}
#Single .related-post .text-wrap {
    font-size: .875em;
    font-weight: bold;
    line-height: 1.6;
}
 
@media screen and (max-width: 640px) {
    #Single .related-post-wrap ul {
        grid-template-columns: repeat(2, 1fr);
    }
}


#Single .button_s {
    background-color: #019ae9;
    background-image: url(../images/common/arrow_link_white_s.png);
    background-repeat: no-repeat;
    background-position: 5px center;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    border: 1px #019ae9 solid;
    padding: 6px 15px 4px 25px;
    color: #FFF;
    font-size: 13px;
    font-weight: bold;
    white-space: nowrap;
}
#Single .button.red {
    background-color: #f64f4f;
    border: 1px #f64f4f solid;
}


#Single .tableA {
    width: 100%;
}
#Single .tableA thead th{
    /*font-size:21px;*/
    border-bottom:0;
    background:#d6f2ff;
    padding: 15px 10px 12px;
    text-align: center;
}


#Single .tableA thead .td_contact{
    padding:0;
}
#Single .tableA thead .td_contact p{
    margin-bottom:0;
    border:4px solid #ffeded;
    color:#9b1818;
    font-size:14px;
    text-align:center;
    padding:6px 5px 3px;
}
#Single .tableA tbody .th_name{
    background:#d6f2ff;
    color:#333;
    border-right:3px solid #1eacec;
}
#Single .tableA tbody .td_price{
    background-color:#fffbeb;
}
#Single .tableA thead .td_mn{
    font-weight:bold;
    background-color:#fcfcfc;
}
#Single .tableA tbody .td_week{
    background-color:#fff8f8;
    text-align:center;
}
#Single .tableA tbody .even .td_price{
    background-color:#fff8e3;
}
#Single .tableA tbody .even .td_week{
    background-color:#fff0f0;
}
#Single .tableA tbody .td_gallery{
    padding:15px 15px 5px;
    background:#fff !important;
}
#Single .tableA tbody .hover .td_gallery{
    background:#fff !important;
}
#Single .tableA tbody th{
    padding: 15px 10px 12px;
    color: #fff;
    border: 1px solid #d8d8d8;
}
#Single .tableA tbody td {
    padding: 15px 10px 12px;
}
#Single .tableA td {
    padding: 15px 10px 12px;
    border: 1px solid #d8d8d8;
    background: #fff;
}

/*＝＝＝＝＝＝＝＝＝＝
先輩ママ先生の受験こぼれ話
＝＝＝＝＝＝＝＝＝＝＝*/

@media screen and (max-width: 640px) {
    #Single #LowPage #Open .u_flex {
        flex-direction: column-reverse;
    }
}


#Single strong,
#Single h4,
#Single h5 {
    font-weight: bold!important;
}

/*＝＝＝＝＝＝＝＝＝＝
サムネつきarchiveページ
＝＝＝＝＝＝＝＝＝＝＝*/
#LowPage #Course #ArchiveCategory.u_news .Inner div.NewsBlock .CategoryTemp {
    display: flex;
    gap: 2%;
    margin-bottom: 1em;
    padding: 0 0 1em 0;
    border-bottom: 1px dotted #333;
}
#LowPage #Course #ArchiveCategory.u_news .Inner div.NewsBlock .CategoryTemp .EyeCatch {
    width: 25%;
}
#LowPage #Course #ArchiveCategory.u_news .Inner div.NewsBlock .CategoryTemp .EyeCatch img {
    vertical-align: bottom;
}
#LowPage #Course #ArchiveCategory.u_news .Inner div.NewsBlock .CategoryTemp .PostDetail {
    margin-bottom: 0;
    padding: 0;
    border: none;
    width: calc(100% - 27%);
}
#LowPage #Course #ArchiveCategory.u_news .Inner div.NewsBlock .CategoryTemp .PostDetail a {
    line-height: 1.6;
}
#LowPage #Course #ArchiveCategory.u_news .Inner div.NewsBlock .CategoryTemp .PostDetail .DayTime {
    font-size: .8em;
    line-height: 1.4;
}
@media screen and (max-width: 640px) {
    #LowPage #Course #ArchiveCategory.u_news .Inner div.NewsBlock .CategoryTemp .PostDetail .DayTime {
        font-size: .6em;
    }
}
#LowPage #Course #ArchiveCategory.u_news .Inner div.NewsBlock .CategoryTemp .PostDetail .Area {
    white-space: nowrap;
    font-size: .6em;
    width: 10em;
    color: #fff;
    margin-right: 1em;
    /*display: -webkit-box;
    display: -ms-flexbox;
    display: flex;*/
}
@media screen and (max-width: 640px) {
    #LowPage #Course #ArchiveCategory.u_news .Inner div.NewsBlock .CategoryTemp .PostDetail .Area {
      width: fit-content !important;
      white-space: normal !important;
      display: flex;
      flex-wrap: wrap;
      margin-top: .5em;
    }
}
#LowPage #Course #ArchiveCategory.u_news .Inner div.NewsBlock .CategoryTemp .PostDetail .Area span {
    display: inline-block;
    line-height: 2;
    padding: 1px 6px;
}
#LowPage #Course #ArchiveCategory.u_news .Inner div.NewsBlock .CategoryTemp .PostDetail .Area span.TokyoArea {
    background-color: #004699;
}
#LowPage #Course #ArchiveCategory.u_news .Inner div.NewsBlock .CategoryTemp .PostDetail .Area span.KanagawaArea {
    background-color: #2089d2;
}
#LowPage #Course #ArchiveCategory.u_news .Inner div.NewsBlock .CategoryTemp .PostDetail .Area span.KansaiArea {
    background-color: #46ccb7;
}

#LowPage #Course #ArchiveCategory.u_news .Inner div.NewsBlock .CategoryTemp .PostDetail .Area span a {
    color: #fff;
}



/*＝＝＝＝＝＝＝＝＝＝
トップ調整
＝＝＝＝＝＝＝＝＝＝＝*/
@media screen and (max-width: 700px) {
  #Top #TopicsArea .TopiInner dl dt .Area {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        flex-wrap: wrap;
    }
    #Top #TopicsArea .TopiInner dl dt .Area span {
        width: auto;
        margin: 0 2px 2px 0;
    }
    .btn a {
        letter-spacing: -1px!important;;
    }
    #Classroom .u_area_btn::after {
        top: 45%;
    }
}




/*＝＝＝＝＝＝＝＝＝＝
教室ブログのarchiveページ（教室アイコン用）
＝＝＝＝＝＝＝＝＝＝＝*/
.AreaClassNews .Area {
    display: flex;
    white-space: normal !important;
    flex-wrap: wrap;
    width: fit-content !important;
}
.AreaClassNews .tokyo_u_dt_school {
    background-color: #004699;
    margin-bottom: 2px;
    margin-right: 2px;
}
.AreaClassNews .kanagawa_u_dt_school {
    background-color: #2089d2;
    margin-bottom: 2px;
    margin-right: 2px;
}
.AreaClassNews .kansai_u_dt_school {
    background-color: #46ccb7;
    margin-bottom: 2px;
    margin-right: 2px;
}
.AreaClassNews .tokyo_u_dt_school a,
.AreaClassNews .kanagawa_u_dt_school a,
.AreaClassNews .kansai_u_dt_school a {
    color: #fff;
}
.Area {
    /*width: auto!important;
    white-space: normal!important;*/
}