/*
 Theme Name:  UnderStrap Child
 Theme URI:  https://www.understrap.com
 Description: UnderStrap Child Theme
 Author:    Holger Koenemann
 Author URI:  http://www.holgerkoenemann.de
 Template:   understrap
 Version:   0.5.0
 License: GNU General Public License v2 or later
 License URI: http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain: understrap-child
 Tags: one-column, custom-menu, featured-images, theme-options, translation-ready
 GitHub Theme URI: holger1411/understrap-child
 */

/*##################################
基本設定 for japan times
##################################*/
.clearfix:after,.content_styles .entry hr:after {
	clear: both
}
.flex-direction-nav a,a {
	text-decoration: none;
	cursor: pointer
}
html {
	word-break: normal;
	font-family: sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	line-height: 1;
	/*font-size: 12px;*/
	font-size: 100%;
}
body,figure {
	margin: 0
}
p {
	font-family: Pluto,'Helvetica Neue',Helvetica,Arial,sans-serif!important;
}
a:focus {
	outline: dotted thin
}
a:active,a:hover {
	outline: 0
}
a:hover {
	text-decoration: none;
}

.entry-content p{
   font-family:utopia-std, Georgia, "Hiragino Mincho Pro", "Hiragino Mincho", serif!important;
  }
.entry-content ul{
    background: #efefef;
    padding: 20px;
}

.entry-content li{
   margin-bottom:5px;
}

/* アイコン */
@font-face {
	font-family: Pluto;
	src: url(library/fonts/pluto/plutosansbold-webfont.eot);
	src: url(library/fonts/pluto/plutosansbold-webfont.eot?#iefix) format('embedded-opentype'),url(library/fonts/pluto/plutosansbold-webfont.svg#PlutoSansBold) format('svg'),url(library/fonts/pluto/plutosansbold-webfont.woff) format('woff'),url(library/fonts/pluto/plutosansbold-webfont.ttf) format('truetype');
	font-weight: 400;
	font-style: normal
}
@font-face {
	font-family: Pluto;
	src: url(library/fonts/pluto/plutosansregular-webfont.eot);
	src: url(library/fonts/pluto/plutosansregular-webfont.eot?#iefix) format('embedded-opentype'),url(library/fonts/pluto/plutosansregular-webfont.svg#PlutoSansRegular) format('svg'),url(library/fonts/pluto/plutosansregular-webfont.woff) format('woff'),url(library/fonts/pluto/plutosansregular-webfont.ttf) format('truetype');
	font-weight: 200;
	font-style: normal
}
@font-face {
	font-family: icons;
	src: url(library/fonts/icons/icomoon.eot);
	src: url(library/fonts/icons/icomoon.eot?#iefix) format('embedded-opentype'),url(library/fonts/icons/icomoon.svg#icomoon) format('svg'),url(library/fonts/icons/icomoon.woff) format('woff'),url(library/fonts/icons/icomoon.ttf) format('truetype');
	font-weight: 400;
	font-style: normal;
	vertical-align:sub;
}
[data-icon]:before {
	font-family: icons;
	content: attr(data-icon);
	speak: none;
	font-weight: 400
}
.flex-next,.flex-prev,.related-posts-type li:before,[class*=" icon-"]:before,[class^=icon-]:before {
	font-family: icons;
	font-style: normal;
	speak: none;
	font-weight: 400;
	-webkit-font-smoothing: antialiased;
	vertical-align: sub
}
.icon-rss:before {
	content: "\21c4"
}
.icon-twitter:before {
	content: "\74";
	text-transform: none
}
.icon-facebook:before {
	content: "\66";
	text-transform: none
}
.white {
	color: #fff
}
.blue {
	color: #09c!important
}
.blue:hover {
	color: #ff5c1a!important
}
.red {
	color: #ff5c1a
}
.grey {
	color: #efefef
}
h3,h3 a {
	color: #ff5c1a
}
body,h1 a,h3 span {
	color: #333
}
* {
	margin: 0;
	padding: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box
}
body {
	line-height: 24px;
	line-height: 1.5rem;
	font-family: Pluto,'Helvetica Neue',Helvetica,Arial,sans-serif;
	font-weight: 200;
	vertical-align: baseline;
	background: #fbfbfb
}
h1,h2,h3,h4,h5 {
	-moz-font-smoothing: antialiased;
	font-smoothing: antialiased
}
h1 {
	font-family: utopia-std,Georgia,serif;
	font-size: 24px;
	font-size: 1.5rem;
	line-height: 27px;
	line-height: 1.6875rem;
	font-weight: 700;
	margin: 0 0 .125em
}
h2,h3 {
	font-family: Pluto,'Helvetica Neue',Helvetica,Arial,sans-serif;
	font-weight: 200
}
h2 {
	font-size: 14px;
	font-size: .875rem;
	line-height: 18px;
	line-height: 1.125rem;
	color: #666;
	margin-top: .4375em
}
h3 {
	font-size: 11px;
	font-size: .6875rem;
	line-height: 14px;
	line-height: .875rem
}
h3 span {
	padding: 0 .1875em
}
h4 {
	font-family: utopia-std,Georgia,serif
}
p {
	font-size: 19px;
	font-size: 1.1875rem;
	font-family: utopia-std,Georgia,"Hiragino Mincho Pro","Hiragino Mincho",serif
}
.topics p {
	font-family: Pluto,'Helvetica Neue',Helvetica,Arial,sans-serif
}
a {
	color: #09c;
	-webkit-transition: all .2s ease-out;
	-moz-transition: all .2s ease-out;
	transition: all .2s ease-out
}
a:focus,a:hover {
	color: #ff5c1a
}
ol,ul {
	font-size: 19px;
	font-size: 1.1875rem;
	padding-left: 1.25rem;
	list-style-type: none;
	margin: 1.25em
}
ul li {
	list-style-type: disc
}
ol li {
	list-style-type: decimal
}
em {
	font-style: italic
}

/*##################################
footer for japan times
##################################*/
a.back-to-top {
	line-height: 2.2rem;
	font-size: .9em;
	height: 2.3em;
	text-transform: none;
}
a.back-to-top {
	background: #09c;
	color: #fff;
	text-align: center;
	display: block;
	line-height: 40px;
	line-height: 2.5rem;
	font-size: .75em;
	height: 3.125em;
	width: 100%;
	-webkit-transition: all .5s ease-out;
	-moz-transition: all .5s ease-out;
	transition: all .5s ease-out
}
a.back-to-top:focus,a.back-to-top:hover {
	background: #ff5c1a
}
.site_footer {
	text-transform: uppercase
}
.site_footer .footer_top {
	background: #efefef;
	padding-top: 1em;
	padding-bottom: 0.1em;
}
.single_block {
	margin-bottom: 1em!important;
}
.site_footer .footer_middle {
	background: #999;
	padding: 1em 0;
	max-height: 46.875em
}
.site_footer .footer_middle#affiliates {
	background: #666
}
.site_footer .footer_middle#affiliates .footer_content a {
	display: block;
	font-weight: 200;
	color: #fff;
	font-size: 12px;
	font-size: .75rem;
	width: 100%
}
.site_footer .footer_middle#affiliates .footer_content a:hover {
	color: #ff5c1a
}
.site_footer .footer_middle .main_menu {
	padding: 0;
	margin: 0;
	-moz-column-count: 2;
	-moz-column-gap: 5%;
	-webkit-column-count: 2;
	-webkit-column-gap: 5%;
	column-count: 2;
	column-gap: 5%;
	width: 100%
}
.site_footer .footer_middle .main_menu li {
	font-size: 14px;
	font-size: .875rem;
	list-style-type: none;
	font-weight: 200
}
.site_footer .footer_middle .main_menu li a {
	color: #fff;
	display: block
}
.site_footer .footer_middle .main_menu li a:focus,.site_footer .footer_middle .main_menu li a:hover {
	color: #333
}
.site_footer .footer_middle .main_menu li ul.sub-menu {
	margin: 0;
	padding: 0
}
.site_footer .footer_middle .main_menu>li {
	font-size: 16px;
	font-size: 1rem;
	overflow: visible;
	display: inline-block;
	width: 100%;
	font-weight: 400;
	margin-bottom: 1.25em
}
.site_footer .footer_middle .main_menu>li ul {
	overflow: auto;
	padding: 0;
	margin: 0 0 1.25em
}
.site_footer .footer_bottom {
	background: top left #333;
	padding: 1em 0
}
.site_footer .footer_bottom .secondary_menu {
	text-align: center;
	margin: 0;
	padding: 0
}
.site_footer .footer_bottom .secondary_menu li {
	list-style-type: none;
	padding-bottom: 1em;
	font-size: 14px;
	font-size: .875rem;
	font-weight: 100;
	display: inline-block
}
.site_footer .footer_bottom .secondary_menu a {
	display: inline-block;
	padding: .3125em .625em;
	text-align: center
}
.site_footer .footer_bottom .secondary_menu a:focus,.site_footer .footer_bottom .secondary_menu a:hover {
	color: #ff5c1a
}
.site_footer .footer_bottom .copyright p {
	color: #fff;
	text-transform: uppercase;
	font-size: .6875em;
	font-weight: 100;
	margin-bottom: 1em;
	font-family: utopia-std,Georgia,"Hiragino Mincho Pro","Hiragino Mincho",serif!important;
}
.site_footer .footer_bottom .copyright .footer_logo {
	display: block;
	width: 33.33%;
	max-width: 9.375em;
	margin: 0 auto;
	height: 30px;
}
.site_footer .footer_bottom .copyright img {
	max-width: 100%
}
.site_footer .footer_content {
	text-align: center;
	width: 92.5%;
	width: 100%;
	margin-left: auto;
	margin-right: auto
}
.login_footer,.social_footer {
	display: block;
	margin-left: auto;
	margin-right: auto
}
.login_footer ul,.social_footer ul {
	margin: 0;
	padding: 0
}
.login_footer ul li,.social_footer ul li {
	list-style-type: none;
	display: block;
	font-size: 21px;
	font-size: 1.3125rem;
	padding-bottom: .4375em;
	margin-bottom: .4375em;
	border-bottom: 1px solid #999
}
.login_footer ul li a,.social_footer ul li a {
	padding: 0 .3125em;
	text-transform: none;
	text-transform: uppercase
}
.login_footer ul li span,.social_footer ul li span {
	display: none
}
.social_footer ul li {
	display: inline;
	border: none
}
.social_footer ul li a {
	text-transform: none
}
.social_footer ul li a span {
	position: absolute;
	left: -9999px
}

@media only screen and (min-width: 34.375em),print {
	.site_footer .footer_top .login_footer {
	width: 70%;
	float: left;
	margin-bottom: 0!important;
	padding-bottom: 0
}
.site_footer .footer_top .login_footer li {
	border: none;
	float: left
}
.site_footer .footer_top .login_footer li span {
	display: inline
}
.site_footer .footer_top .social_footer {
	width: 30%;
	float: left;
	text-align: right
}
.site_footer .footer_top .social_footer li {
	border: none;
	display: inline
}
.site_footer .footer_middle .main_menu li input[type=search] {
	float: right
}
.site_footer .footer_middle .main_menu li:last-child {
	margin-top: 0;
	display: inline
}
.site_footer .footer_content {
	width: 95%;
	max-width: 80em
}
}
@media only screen and (min-width: 46.875em),print {
	.site_footer .footer_middle#affiliates .footer_content {
	text-align: center
}

.site_footer .footer_middle#affiliates .footer_content a {
	display: inline-block;
	width: auto;
	padding: 0 .625em
}
.site_footer .footer_middle .main_menu {
	padding: 0;
	margin: 0;
	-moz-column-count: inherit;
	-moz-column-gap: inherit;
	-webkit-column-count: inherit;
	-webkit-column-gap: inherit;
	column-count: inherit;
	column-gap: inherit;
	width: 100%
}
.site_footer .footer_middle .main_menu li {
	font-size: 12px;
	font-size: .75rem;
	list-style-type: none;
	font-weight: 200;
	text-align: center
}
.site_footer .footer_middle .main_menu>li {
	font-size: 14px;
	font-size: .875rem;
	overflow: auto;
	display: inherit;
	float: left;
	font-weight: 400;
	width: 14.8936170213%;
	margin-right: 2.12765957447%;
	margin-bottom: .3125em
}
.site_footer .footer_middle .main_menu>li:last-child,.site_footer .footer_middle .main_menu>li:nth-last-child(2) {
	margin-right: 0
}
.site_footer .footer_bottom .copyright p {
	float: left
}
.site_footer .footer_bottom .copyright .footer_logo {
	display: block;
	float: right;
	width: 20%;
	margin: 0
}
.site_footer .footer_content {
	text-align: left
}
}
@media screen and (max-width: 767px) {

}








/*####################################################################  original  ####################################################################*/



/*##################################
基本設定
##################################*/
html {
	overflow: auto;
}

body {
	overflow: hidden;
	list-style: none;
}
.widht767{
	display:none;
}
.pc-only {
	display: block!important;
}
.sp-only {
	display: none!important;
}

.wrapper {
	padding: 0 0 30px ;
}
.post-type-archive main#main {
	width: 100%;
}
.posts_navigation {
	text-align: center;
}

/*##################################
サイトヘッダー
##################################*/
.bg-primary {
	background-color: #FFF!important;
}
.header-logo {
	text-align: center;
	margin: 0 auto;
}
.header-logo img {
	width: 300px;
}
.site-title {
	background: #c8102e;
	color: #fff;
	text-align: center;
	margin-bottom: 50px;
}
.main-title {
	padding: 15px 0;
}
.top-sub-title {
	padding-bottom: 5px;
}

.home.page-template-page-top .top-only {
	display:block;
}
.top-only {
	display:none;
}
.home.page-template-page-top #breadcrumb {
	display: none;
}
img.header-logo.sp-only {
	margin-top: -20px;
	margin-bottom: 10px;
}
div#breadcrumb {
	margin: 10px;
}
#breadcrumb span.cate {
	/*display: none;*/
}
.single-post #breadcrumb span.cate {
    display: none;
}

/*##################################
School
##################################*/
.blog-card {
	display: inline-block;
	width: 33.3%;
	vertical-align: top;
}

.blog-card:nth-child(3n+1) {
	/*padding-left:12px;*/
	padding-right:15px;
	margin-right: -3px;
	border-right:dotted 1px #ddd;

}

.blog-card:nth-child(3n+2) {
	padding: 0 15px;
	border-right:dotted 1px #ddd;
}

.blog-card:nth-child(3n+3) {
	padding-left:15px;
/*	padding-right:12px;*/
	margin-left: -3px;

}
.blog-card:nth-child(n+4) {
	border-top:dotted 1px #ddd;
	padding-top:10px
}
.blog-card:nth-child(-n+3) {
	padding-bottom:10px;

}
.school-card {
	position: relative;
		height: 620px;
}
@media screen and (max-width: 1199px) {
	.school-card {
			height: 680px;
	}
}
@media screen and (max-width: 767px) {
	.school-card {
			height: 560px;
	}
}
@media screen and (max-width: 414px) {
	.school-card {
			height: 610px;
	}
}


/*.blog-card:nth-child(3n+1) p.block,
.blog-card:nth-child(3n+2) p.block {
	background: url(http://create-web-site.work/wp-content/themes/understrap-child/library/img/block.gif);
	width: 45px;
	height: 45px;
	position: absolute;
	right: -38px;
}*/


/*スクール名とロゴ*/
ul.school-card-header {
	padding: 0;
	margin: 0 0 5px;
	height: 90px;
}
ul.school-card-header li {
	list-style: none!important;
}

li.school_name {
	display: inline-block;
	width: 69%;
	vertical-align: middle;
	font-weight: bold;
}
h3.entry-title {
	color: #333;
	font-size: 20px;
	line-height: 23px;
	font-weight: bold;
}
li.school_logo {
	width: 29%;
	display: inline-block;
}
/*アイキャッチ部分*/
.school-card-image {
	position: relative;
}
.school-card-image img {
	height: 160px;
	object-fit: cover;
	border-bottom: solid 2px #c8112f;
}

p.no-image {
    height: 10px;
}
/*エリア名*/
p.area_name {
	position: absolute;
	top: 0;
	font-size: 15px;
	padding: 3px 10px;
	background: #c8112f;
	color: #fff;
}
/*タイトル*/
p.shool_page_title {
	padding: 10px 5px;
	margin: 0;
/*	height: 40px;*/
	font-size: 16px;
	font-weight: bold;
}
/*本文*/
.shool_page_text p {
	padding: 0 10px;
	margin: 0;
	height: 120px;
	font-size: 14px;
}

.school-card-txt .text_area {
	min-height: 210px;
}
@media screen and (max-width: 1199px) {
.school-card-txt .text_area {
	min-height: 280px;
}
}
@media screen and (max-width: 767px) {
	.school-card-txt .text_area {
	min-height: 160px;
}
}
@media screen and (max-width: 414px) {
	.school-card-txt .text_area {
	min-height: 200px;
}
}


/*moreボタン*/
a.more {
	border: 1px solid #c8112f;
	color: #c8112f;
	padding: 5px 10px;
	border-radius: 5px;
	font-size: 18px;
}

.more-btn a.more:hover {
	background: #c8112f;
	color: #ffffff;
}
p.more-btn {
	text-align: right;
	margin-bottom: 20px;
}
/*スクールフッター*/
.school-card-info {
    position: absolute;
    bottom: 0;
    width: 100%;
}
/*url*/
p.official_web_site_url {
	padding: 0 10px;
	height: 20px;
	font-size: 13px;
}
/*タグエリア*/
ul.school-tag {
	background: rgba(2, 153, 204, 0.14);
	margin: 0;
	padding: 10px;
	height: 60px;
	line-height: 20px;
	font-size: 10px;
}
ul.school-tag li {
	list-style: none;
	display: inline-block;
	margin-right: 10px;
}

/*--------------------------------------詳細ページ--------------------------------------*/
.entry-meta {
	display: none;
}
#thumbnail-top {
	position: relative;
	left:-50%;
	width: 200%;
	height: 400px;
}
#thumbnail-top img {
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	margin:auto;
	width: 100vw;
	height:400px;
	object-fit: cover;
}
#thumbnail-top_no-img {
	position: relative;
	height: 200px;
}
.icatching {
	display: block;
	position: relative;
}

.schoolinfo {
	position: absolute;
	top: 30%;
	background: rgba(255, 255, 255, 0.8);
	width: 70vw;
}
.schoolinfo_no-img {
	position: absolute;
	top: 20%;
	background: rgba(255, 255, 255, 0.8);
	width: 70vw;
}

header.entry-header {
	position: relative;
}

li.school_logo-single {
	display: inline-block;
	width: 15%;
	min-width: 105px;
}

li.school_name-single {
	display: inline-block;
	margin-left: 10px;
	vertical-align: middle;
	width: 80%;
}

li.school_name-single h1 {
	font-size: 30px;
	line-height: 40px;
}
.content_body, .content_body ul {
	font-size: 14px;
}

h2.PHOTOS,
h2.COURSE,
h2.VOICE,
h2.SCHOOL_OUTLINE,
h2.OFFICIAL_SNS {
	margin-top: 50px;
}
h2.PHOTOS,
h2.COURSE,
h2.VOICE,
h2.SCHOOL_OUTLINE,
h2.OFFICIAL_SNS {
	overflow: hidden;
	text-align: center;
	font-size: 35px;
	line-height: 30px;
	margin-bottom: 50px;
	font-family: utopia-std,Georgia,"Hiragino Mincho Pro","Hiragino Mincho",serif;
	color: #333;
}
h2.PHOTOS span,
h2.COURSE span,
h2.VOICE span,
h2.SCHOOL_OUTLINE span,
h2.OFFICIAL_SNS span {
	position: relative;
	display: inline-block;
	margin: 0 2.5em;
	padding: 0 1em;
	text-align: left;
}
h2.PHOTOS span::before,
h2.PHOTOS span::after,
h2.COURSE span::before,
h2.COURSE span::after,
h2.VOICE span::before,
h2.VOICE span::after,
h2.SCHOOL_OUTLINE span::before,
h2.SCHOOL_OUTLINE span::after,
h2.OFFICIAL_SNS span::before,
h2.OFFICIAL_SNS span::after {
	position: absolute;
	content: '';
	width: 100vw;
	height: 20px;
	top: 4px;
	background-color: #c8112f;
}
h2.PHOTOS span::before,
h2.COURSE span::before,
h2.VOICE span::before,
h2.SCHOOL_OUTLINE span::before,
h2.OFFICIAL_SNS span::before {
	right: 100%;
}
h2.PHOTOS span::after,
h2.COURSE span::after,
h2.VOICE span::after,
h2.SCHOOL_OUTLINE span::after,
h2.OFFICIAL_SNS span::after {
	left: 100%;
}
.mfp-counter {
    display: none;
}


/*--------------------------------------告知--------------------------------------*/
div#information {
	width: 100%;
	text-align: center;
}

.info_data {
	background: #f39800;
	color: #fff;
	display: inline-block;
	padding: 10px 20px;
	border-radius: 10px;
	margin: 20px 15px;
	font-size: 21px;
}

/*--------------------------------------title text--------------------------------------*/
div#shool_page_title {
	width: 100%;
	height: auto;
}
.shool_page_title_data {
	margin: 20px 0;
}
.shool_page_title_data h3 {
	font-weight: bold;
	font-size: 20px;
	line-height: 25px;
	color: #333;
}
div#shool_text_label {
	width: 100%;
}
.shool_text_label_data {
	margin: 30px 0 10px;
	font-size: 16px;
}
div#shool_page_text {
	width: 100%;
}
.shool_page_text_data {
	margin: 0 100px 50px;
}
.shool_page_text_data p {
	font-size: 16px;
}
/*--------------------------------------youtube--------------------------------------*/


div#you_tube {
	text-align: center;
}
.you_tube_data iframe {
	width: 100%;
	max-width: 640px;
}
.VideoWrapper {
	position: relative;
	width: 100%;
	padding-top: 56.25%;

}
.VideoWrapper iframe{
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}

.you_tube_data {
	width: 640px;
	margin: 0 auto;
}
/*--------------------------------------youtube--------------------------------------*/
div#photos {
	overflow: hidden;
}



/*--------------------------------------PHOTOS--------------------------------------*/
@media screen and (max-width: 767px) {
div.PHOTOS_contener .row {
    margin-right: 0;
    margin-left: 0;
}
div.PHOTOS_contener .gallery-item.item {
    width: 150px!important;
}
}
@media screen and (max-width: 568px){
   .wc-gallery .gallery-caption p{
        font-size:0.8rem;
        line-height: 1.5;
        }
}

/*--------------------------------------COURSE--------------------------------------*/
div#course {
	width: 100%;
}
.course_name {
	width: 82.4565%;
	margin: 0 auto;
	text-align: center;
	font-weight: 300;
	font-size: 20px;
	margin-bottom: 15px;
	position: relative;
	padding-bottom: .5em;
	border-bottom: 4px solid #c8112f;
}
.course_name::before {
	position: absolute;
	bottom: -4px;
	left: 0;
	z-index: 2;
	content: '';
	width: 30%;
	height: 4px;
	background-color: #333;
}
.course_name::after {
	position: absolute;
	bottom: -4px;
	right: 0;
	z-index: 2;
	content: '';
	width: 30%;
	height: 4px;
	background-color: #333;
}


.course_description {
	width: 82.4565%;
	margin: 0 auto 20px;
	font-size: 16px;
}

.official_Page_url {
	width: 82.4565%;
	margin: 0 auto;
}
a.course_more {
	background: #c8112f;
	border: solid 1px #c8112f;
	color: #fff;
	padding: 5px 15px;
	border-radius: 5px;
}

a.course_more:hover {
	background: #ffffff;
	color: #c8112f;
	padding: 5px 15px;
	border: solid 1px #c8112f;
	border-radius: 5px;
}

/*--------------------------------------VOICE--------------------------------------*/
div#voice {
	width: 100%;
}
div#voice li {
	list-style: none;
}

ul.voice_txt {
	display: inline-block;
	width: 76%;
	vertical-align: top;
	margin: 0;
}
ul.voice_image {
	display: inline-block;
	border: solid #ddd 1px;
	width: 23%;
	padding: 10px;
	margin: 0;
}

li.voice_title h3 {
	font-weight: 300;
	font-size: 20px;
	line-height: 25px;
	color: #333;
}
li.voice_text {
	margin-top: 20px;
	font-size: 14px;
}
.voice_photo img {
	width: 250px;
	height: 340px;
	object-fit: cover;
}

li.voice_name {
	margin: 10px 0;
}

li.voice_caption {
	margin: 0 0 10px;
}

/*--------------------------------------school_outline--------------------------------------*/

div#school_outline {
	margin: 0 auto;
  /* width: 400px; */
  max-width: 600px;
}
div#school_outline > div {
  margin: 10px 0;
}
div#school_outline .left,
div#school_outline .right {
	display: inline-block;
	vertical-align: middle;
}
div#school_outline .left{
	width: 88px;
	/* margin: 10px 0; */
	font-weight: bold;
	font-size: 16px;
}
div#school_outline .right{
	width: 78%;
	border-left: solid 1px #c8112f;
	padding-left: 25px;
	font-size: 16px;
}
.OUTLINE_Website li {
	list-style: none;
}

/*-------------------------------------- SNS --------------------------------------*/

div#official_sns {
	width: 100%;
}

ul.official_sns {
	text-align: center;
}
div#official_sns li {
	list-style: none;
	width: 30px;
	height: 30px;
	display: inline-block;
	margin: 0 15px;
}

/*##################################
INFORMATION
##################################*/

h2.info {
	margin-top: 50px;
}
h2.info {
	overflow: hidden;
	text-align: center;
	font-size: 35px;
	line-height: 30px;
	font-family: utopia-std,Georgia,"Hiragino Mincho Pro","Hiragino Mincho",serif;
	color: #333;
}
h2.info span {
	position: relative;
	display: inline-block;
	margin: 0 2.5em;
	padding: 0 1em;
	text-align: left;
}
h2.info span::before,
h2.info span::after {
	position: absolute;
	content: '';
	width: 100vw;
	height: 20px;
	top: 4px;
	background-color: #c8112f;
}
h2.info span::before {
	right: 100%;
}
h2.info span::after {
	left: 100%;
}
.new_date {
	text-align: center;
	margin-top: 15px;
}
.info-inner ul {
	width: 760px;
	margin-left: auto;
	margin-right: auto;
}
.info-inner li {
	list-style: none;
	display: inline-block;
	font-size: 16px;
}
li.News,
li.Article,
li.Event {
	padding-left: 10px;
	min-width: 80px;
	max-width: 111px;
	color: #9a9a9a;
	font-size: 14px;
}
li.News {
	border-left: solid 3px #7e6b5a;
}
li.Article{
	border-left: solid 3px #a6937c;
}
li.Event{
	border-left: solid 3px #59493f;
}
i.News_arrow{
	color: #7e6b5a;
	padding-right: 20px
}
i.Article_arrow{
	color: #a6937c;
	padding-right: 20px
}

i.Event_arrow{
	color: #59493f;
	padding-right: 20px
}

p.info-more-btn {
	text-align: right;
	width: 760px;
	margin: 0 auto;
}

p.info-more-btn a {
	color: #656665;
}

li.el_border {
  border-left: solid 3px #a6937c;
  padding-left: 10px;
}


/*information一覧*/
.post-type-archive main#main {
	margin: 0 auto;
	padding: 0 15px;
}
.posts_navigation ul.pagination {display: inline-table;text-align: center;}






/*--------------------------------------詳細ページ--------------------------------------*/
.single-info main#main {
	width: 100%;
}
.single-info li {
	list-style:none;
}

.single-info #single-wrapper {
	border-top: solid 1px #ddd;
	padding-top: 20px;
}

/**/
.single-info header.entry-header {
	text-align: center;
}

.single-info header.entry-header h1 {
	font-size: 30px;
	margin: 30px 0 50px;
	line-height: 40px;
}



/*見出し*/
.single-info section.f_heading {
	margin: 0 0 50px;
}
.single-info section.f_heading h2 {
	width:100%;
	text-align: center;
	font-size: 20px;
	line-height: 30px;
	color: #333333;
	display: inline-block;
	padding: 20px;
	border-left: solid 1px #ccc;
	border-right: solid 1px #ccc;
	position: relative;
}

.single-info section.f_heading h2:before {
	content: "";
	border: solid 4px #ccc;
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 2px;
	width: calc(100% - 4px);
	height: calc(100% - 0px);
}

.single-info section.f_heading h2:after {
	content: "";
	border: solid 4px #fbfbfb;
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 12px;
	width: calc(100% - 24px);
	height: calc(100% - 0px);

}


/*text1*/

.single-info section.f_text1 {
	width: 100%;
	margin-bottom: 50px;
}
.single-info section.f_text1 p {
	padding-left: 1.2em;
	text-indent: -1.2em;
	font-size: 16px;
}


/*画像右配置*/
.single-info section.f_image-R {
	width: 100%;
	margin-bottom: 50px;
}
.single-info section.f_image-R .f_left {
	display: inline-block;
	width: 69%;
}

.single-info section.f_image-R .f_right {
	display: inline-block;
	width: 30%;
}

.single-info section.f_image-R p {
	padding-left: 1.2em;
	text-indent: -1.2em;
	font-size: 16px;
}

.single-info section.f_image-R h2 {
	border-bottom: 2px solid #c8112f;
	padding-bottom: 10px;
	font-size: 28px;
	color: #333;
	line-height: 30px;
	margin-bottom: 20px;
}

.single-info section.f_image-R .f_left {
	vertical-align: top;
}

.single-info section.f_image-R .f_right ul.f_img-area{
	margin: 0 0 0 30px;
	padding: 0;
}

.single-info section.f_image-R .f_right ul.f_img-area li img {
	height: 350px;
	object-fit: cover;
}
.single-info section.f_image-R .f_right ul.f_img-area li.f_img_caption {
	text-align: center;
	margin: 5px 0;
}


/*画像左配置*/
.single-info section.f_image-L {
	width: 100%;
	margin-bottom: 50px;
}
.single-info section.f_image-L .f_left {
	display: inline-block;
	width: 30%;
}

.single-info section.f_image-L .f_right {
	display: inline-block;
	width: 69%;
}
.single-info section.f_image-L h2 {
	border-bottom: 2px solid #c8112f;
	padding-bottom: 10px;
	font-size: 28px;
	color: #333;
	line-height: 30px;
	margin-bottom: 20px;
}
.single-info section.f_image-L .f_left ul.f_img-area{
	margin: 0 30px 0 0;
	padding: 0;
}

.single-info section.f_image-L .f_left ul.f_img-area li img {
	height: 350px;
	object-fit: cover;
}
.single-info section.f_image-L .f_left ul.f_img-area li.f_img_caption {
	text-align: center;
	margin: 5px 0;
}

.single-info section.f_image-L .f_right {
	vertical-align: top;
}
.single-info section.f_image-L .f_right p {
	padding-left: 1.2em;
	text-indent: -1.2em;
	font-size: 16px;
}

.single-info section.f_image-L .f_right h3 {
	border-bottom: 2px dashed #c8112f;
	padding-bottom: 10px;
	font-size: 20px;
	color: #333;
	line-height: 30px;
	margin: 50px 0 20px;
}
/*h4と大きめ画像エリア*/
.single-info section.f_large-img {
	width: 100%;
	margin-bottom: 50px;
}

/*h4 二重丸付き*/
.single-info h4.f_h4 {
	text-align: center;
	margin-bottom: 30px;
	font-size: 18px;
}
.single-info .f_h4 i {
	color: #c8112f;
}


/*大きめ画像*/
.single-info .f_largeimg {
	width: 80%;
	margin: 0 auto;
}

.single-info .f_caption {
	text-align: center;
	margin: 10px 0;
}
















/*##################################
feature
##################################*/
h2.feature {
	margin-top: 50px;
}
h2.feature {
	overflow: hidden;
	text-align: center;
	font-size: 25px;
	line-height: 20px;
	font-family: utopia-std,Georgia,"Hiragino Mincho Pro","Hiragino Mincho",serif;
}
h2.feature span {
	position: relative;
	display: inline-block;
	margin: 0 2.5em;
	padding: 0 1em;
	text-align: left;
}
h2.feature span::before,
h2.feature span::after {
	position: absolute;
	content: '';
	width: 100vw;
	height: 20px;
	background-color: #c8112f;
}
h2.feature span::before {
	right: 100%;
}
h2.feature span::after {
	left: 100%;
}
.new_date {
	text-align: center;
	margin-top: 15px;
}
.feature-inner ul {
	width: 760px;
	margin-left: auto;
	margin-right: auto;
}
.feature-inner li {
	list-style: none;
	display: inline-block;
	font-size: 16px;
}
ul.feature_list li {
	border-left: solid 3px #a6927b;
	color: #a6927b;
/*	height: 20px;*/
	padding-left: 18px;
	text-indent: -15px;
	margin-bottom:30px;
}
ul.feature_list li:before {
	font-family: "FontAwesome";
	content:'\f0da';
	margin-right: 8px;
	font-size:15px;
	position: relative;
	top: 0px;
}

ul.feature_list li a {
	vertical-align: baseline;
	height: 20px;
	font-size:16px;
}

/*--------------------------------------詳細ページ--------------------------------------*/
.single-feature li {
	list-style:none;
}

.single-feature #single-wrapper {
	border-top: solid 1px #ddd;
	padding-top: 20px;
}

/**/
.single-feature header.entry-header {
	text-align: center;
}

.single-feature header.entry-header h1 {
	font-size: 30px;
	margin: 30px 0 50px;
	line-height: 40px;
}



/*見出し*/
.single-feature section.f_heading {
	margin: 0 0 50px;
}
.single-feature section.f_heading h2 {
	width:100%;
	text-align: center;
	font-size: 20px;
	line-height: 30px;
	color: #333333;
	display: inline-block;
	padding: 20px;
	border-left: solid 1px #ccc;
	border-right: solid 1px #ccc;
	position: relative;
}

.single-feature section.f_heading h2:before {
	content: "";
	border: solid 4px #ccc;
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 2px;
	width: calc(100% - 4px);
	height: calc(100% - 0px);
}

.single-feature section.f_heading h2:after {
	content: "";
	border: solid 4px #fbfbfb;
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 12px;
	width: calc(100% - 24px);
	height: calc(100% - 0px);

}


/*text1*/

.single-feature section.f_text1 {
	width: 100%;
	margin-bottom: 50px;
}
.single-feature section.f_text1 p {
	padding-left: 1.2em;
	text-indent: -1.2em;
	font-size: 16px;
}


/*画像右配置*/
.single-feature section.f_image-R {
	width: 100%;
	margin-bottom: 50px;
}
.single-feature section.f_image-R .f_left {
	display: inline-block;
	width: 69%;
}

.single-feature section.f_image-R .f_right {
	display: inline-block;
	width: 30%;
}

.single-feature section.f_image-R p {
	padding-left: 1.2em;
	text-indent: -1.2em;
	font-size: 16px;
}

.single-feature section.f_image-R h2 {
	border-bottom: 2px solid #c8112f;
	padding-bottom: 10px;
	font-size: 28px;
	color: #333;
	line-height: 30px;
	margin-bottom: 20px;
}

.single-feature section.f_image-R .f_left {
	vertical-align: top;
}

.single-feature section.f_image-R .f_right ul.f_img-area{
	margin: 0 0 0 30px;
	padding: 0;
}

.single-feature section.f_image-R .f_right ul.f_img-area li img {
	height: 350px;
	object-fit: cover;
}
.single-feature section.f_image-R .f_right ul.f_img-area li.f_img_caption {
	text-align: center;
	margin: 5px 0;
}


/*画像左配置*/
.single-feature section.f_image-L {
	width: 100%;
	margin-bottom: 50px;
}
.single-feature section.f_image-L .f_left {
	display: inline-block;
	width: 30%;
}

.single-feature section.f_image-L .f_right {
	display: inline-block;
	width: 69%;
}
.single-feature section.f_image-L h2 {
	border-bottom: 2px solid #c8112f;
	padding-bottom: 10px;
	font-size: 28px;
	color: #333;
	line-height: 30px;
	margin-bottom: 20px;
}
.single-feature section.f_image-L .f_left ul.f_img-area{
	margin: 0 30px 0 0;
	padding: 0;
}

.single-feature section.f_image-L .f_left ul.f_img-area li img {
	height: 350px;
	object-fit: cover;
}
.single-feature section.f_image-L .f_left ul.f_img-area li.f_img_caption {
	text-align: center;
	margin: 5px 0;
}

.single-feature section.f_image-L .f_right {
	vertical-align: top;
}
.single-feature section.f_image-L .f_right p {
	padding-left: 1.2em;
	text-indent: -1.2em;
	font-size: 16px;
}

.single-feature section.f_image-L .f_right h3 {
	border-bottom: 2px dashed #c8112f;
	padding-bottom: 10px;
	font-size: 20px;
	color: #333;
	line-height: 30px;
	margin: 50px 0 20px;
}
/*h4と大きめ画像エリア*/
.single-feature section.f_large-img {
	width: 100%;
	margin-bottom: 50px;
}

/*h4 二重丸付き*/
.single-feature h4.f_h4 {
	text-align: center;
	margin-bottom: 30px;
	font-size: 18px;
}
.single-feature .f_h4 i {
	color: #c8112f;
}


/*大きめ画像*/
.single-feature .f_largeimg {
	width: 80%;
	margin: 0 auto;
}

.single-feature .f_caption {
	text-align: center;
	margin: 10px 0;
}





/*##################################
contact
##################################*/
.page-template-page-contact .wpcf7 {
  max-width: 777px;
}
.page-template-page-contact form.wpcf7-form {
	position: relative;
}
.page-template-page-contact #page-wrapper {
  border-top: solid 1px #ddd;
  padding-top: 20px;
}

.page-template-page-contact header.entry-header {
  text-align: center;
}

.page-template-page-contact header.entry-header h1 {
  font-size: 30px;
  margin: 30px 0 50px;
  line-height: 40px;
}
@media screen and (max-width: 767px) {
.page-template-page-contact header.entry-header h1 {
  margin-bottom: 20px;
}
}

.page-template-page-contact .form_text {
  text-align: center;
  margin-bottom: 50px;
  border-bottom: solid 1px #ddd;
  padding-bottom: 40px;
  margin-right: calc(50% - 50vw);
  margin-left: calc(50% - 50vw);
}
.page-template-page-contact .form_text p {
  max-width: 777px;
  margin: 0 auto;
}
.page-template-page-contact p.required_text {
  position: absolute;
  right: 0;
  top: -38px;
  margin-right: calc(20% - 20vw);
  margin-left: calc(20% - 20vw);
}
@media screen and (max-width: 767px) {
	.page-template-page-contact p.required_text {
    position: relative;
    top: 0;
    text-align: right;
    margin: 20px 0;
}
}

.page-template-page-contact p.required_text span {
  color: #c8102e;
}
.page-template-page-contact label li.form_name,
.page-template-page-contact label li.form_input {
	display: inline-block;
	vertical-align: middle;
	font-size: 16px;
}

.page-template-page-contact label.form_label {
  margin-bottom: 20px;
}

.page-template-page-contact .gender span.first,
.page-template-page-contact .gender span.last {
  display: inline-block!important
}
.page-template-page-contact li.form_name {
	width: 35%;
}

.page-template-page-contact li.form_input {
	width: 64%;
}

.page-template-page-contact .form_input span.wpcf7-list-item {
	display: block;
}

.page-template-page-contact li.form_input {
	border-left: 2px solid #c8112f;
	padding-left: 25px;
}


.page-template-page-contact ul.form_btn li {
	list-style: none;
}

.page-template-page-contact li.reset_btn,
.page-template-page-contact li.check_btn,
.page-template-page-contact li.back_btn,
.page-template-page-contact li.submit_btn {
	display: inline-block;
}

.page-template-page-contact ul.form_btn {
  width: 100%;
  text-align: center;
  margin: 20px 0;
  padding: 0;
}

.page-template-page-contact li.back_btn,
.page-template-page-contact li.reset_btn {
  margin-right: 80px;
}
ul.form_btn2 {
	text-align: center;
}

ul.form_btn1 {
	text-align: center;
	position: relative;
	left: -10px;
}
.page-template-page-contact input.wpcf7-form-control.wpcf7-reset,
.page-template-page-contact input.wpcf7-form-control.wpcf7-confirm,
.page-template-page-contact input.wpcf7-form-control.wpcf7-back,
.page-template-page-contact input.wpcf7-form-control.wpcf7-submit.wpcf7c-elm-step2 {
  border-radius: 5px;
  cursor: pointer;
  cursor: hand;
  width: 200px;
  color: #c8102e;
  border-color: #c8102e;
  height: 40px;
  padding: 5px;
  font-weight: bold;
}
.page-template-page-contact input.wpcf7-form-control.wpcf7-reset:hover,
.page-template-page-contact input.wpcf7-form-control.wpcf7-confirm:hover,
.page-template-page-contact input.wpcf7-form-control.wpcf7-back:hover,
.page-template-page-contact input.wpcf7-form-control.wpcf7-submit.wpcf7c-elm-step2:hover {
	background:#c8102e;
	color: #ffffff;
	border-color: #c8102e;
}

div.wpcf7 input,
div.wpcf7 select,
div.wpcf7 select option,
div.wpcf7 span.wpcf7-list-item-label,
div.wpcf7 span.wpcf7-not-valid-tip {
    font-weight: 100;
}







.page-template-page-contact .contact_school {
    margin-bottom: 40px;
}

.page-template-page-contact .contact_school ul {
    margin:0;
}


.page-template-page-contact .contact_school ul li {
    list-style: none;
    display: inline-block;
}

.page-template-page-contact .contact_school ul li.school_name-contact {
    padding-left:10px;
    vertical-align: middle;
}

.page-template-page-contact .contact_school ul li.school_logo-contact {
    padding-right:10px;
    vertical-align: middle;
}
.page-template-page-contact .contact_school ul li.school_logo-contact img {
    width:150px;
}

@media screen and (max-width: 767px) {
.page-template-page-contact .contact_school ul li.school_name-contact h1 {
    font-size: 25px;
    line-height: 30px;
}
.page-template-page-contact .contact_school {
    margin-bottom: 20px;
}
.page-template-page-contact .contact_school ul li.school_name-contact {
    padding-left:0px;
}

.page-template-page-contact .contact_school ul li.school_logo-contact {
    padding-right:0px;
}
}
@media screen and (max-width: 425px) {
   .page-template-page-contact .contact_school ul li.school_name-contact h1 {
	font-size: 20px;
	line-height:25px;
}
.page-template-page-contact .contact_school {
    margin-bottom: 0px;
}
}

/*layout*/
#page {
  position:relative; /*topBtnの親要素に指定*/
}
.contact_box {
    position: relative;
    z-index: 999999;
}
div#contact_inner {
    right: 30px;
}

a.ContactJump {
  width: 200px;
  padding: 30px 20px;
	background: #fff;
	border: 1px solid #c8112f;
	z-index: 2;
	border-radius: 5px;
}
a.ContactJump img {
	width: 100px;
	padding:  5px;
}
img.contact_jump {
	display: inline-block;
}

p.contact_link {
	display:  inline-block;
	font-size: 20px;
	margin:  0 10px;
	vertical-align:  middle;
	color: #c8112f;

}
a.ContactJump:hover > img {
	opacity: 0.5;
}
a.ContactJump:hover > p {
	text-decoration: underline;
}


/*##################################
ARTICLE ON JAPANTIMES LANGUEGE LEARNING
##################################*/
h2.aojll {
	margin-top: 50px;
}
h2.aojll {
	overflow: hidden;
	text-align: center;
	font-size: 25px;
	line-height: 20px;
	font-family: utopia-std,Georgia,"Hiragino Mincho Pro","Hiragino Mincho",serif;
	color: #333;
}
h2.aojll span {
	position: relative;
	display: inline-block;
	margin: 0 2.5em;
	padding: 0 1em;
	text-align: left;
}
h2.aojll span::before,
h2.aojll span::after {
	position: absolute;
	content: '';
	width: 100vw;
	height: 8px;
	top: 6px;
	background-color: #b27a50;
}
h2.aojll span::before {
	right: 100%;
}
h2.aojll span::after {
	left: 100%;
}

.aojll-inner ul {
	display: inline-block;
}
.aojll-inner li {
	list-style: none;
	display: inline-block;
}
.aojll-inner p {
	display: inline-block;
}

.aojll-inner {
	margin: 0 auto;
	margin-top: 50px;
}
.aojll,
.aojll_banner,
.aojll_sns {
	text-align: center;
}
.aojll li p {
	padding-left: 10px;
	font-size: 15px;
}

.aojll-inner li {
	padding: 20px;
}
.aojll_banner li img {
	height: 60px;
	width: auto;
}

.aojll_sns li a.icon-twitter:before {
	font-size: 30px;
	color: #fff;
	background: #0299cc;
	border-radius: 50%;
	padding: 8px 7px 8px 9px;
}

.aojll_sns li a.icon-facebook:before {
	font-size: 30px;
	color: #fff;
	background: #0300b3;
	border-radius: 50%;
	padding: 8px 8px 8px 8px;
}

/*##################################
footer
##################################*/
div#wrapper-footer {
	padding: 0;
}





div#shool_page_title {
	padding: 0 105px;
}
div#shool_text_label {
	padding: 0 105px;
}
div#shool_page_text {
	padding: 0 110px;
}
div.PHOTOS_contener {
	padding: 0 80px;
}

div.COURSE_contener {
	padding: 0 98px;
}

div.VOICE_contener {
	padding: 0 70px;
}
.single-info main#main {
	padding: 0 65px;
}
.single-feature main#main {
	width: 100%;
	padding: 0 65px;
}





/*##################################   max-width: 1199px   ##################################*/
@media screen and (max-width: 1199px) {

	/*--------------------------------------
	School
	#--------------------------------------*/
	p.shool_page_text {
	height: 140px;
}
p.official_web_site_url{
	font-size:10px;
}
}




/*##################################   max-width: 991px   ##################################*/
@media screen and (max-width: 991px) {
	div#shool_page_title,
	div#shool_text_label,
	div#shool_page_text,
	div.PHOTOS_contener,
	div.COURSE_contener,
	div.VOICE_contener,
	.single-info main#main,
	.single-feature main#main {
	padding: 0;
}

	/*--------------------------------------School--------------------------------------*/
	.blog-card {
	width: 50%;
}
/*--------------------------------------
3列表示の打ち消し
--------------------------------------*/
.blog-card:nth-child(3n+1) {
	padding-left:0;
	padding-right:0;
	margin-right:0;
	border-right:none

}

.blog-card:nth-child(3n+2) {
	padding: 0;
	border-right:none;
}

.blog-card:nth-child(3n+3) {
	padding-left:0;
	padding-right:0;
	margin-left:0;

}
.blog-card:nth-child(n+4) {
	border-top:none;
	padding-top:0
}
.blog-card:nth-child(-n+3) {
	padding-bottom:0;

}
.school-card {
	position: relative;
}
/*
.blog-card:nth-child(-n+2) p.block {
	background: url(http://create-web-site.work/wp-content/themes/understrap-child/library/img/block.gif);
	width: 0;
	height: 0;
	position: absolute;
	right: 0;
}*/


/*--------------------------------------
2列表示の調整
--------------------------------------*/
.blog-card:nth-child(2n+1) {
	padding-left:12px;
	padding-right:15px;
	margin-right: -3px;
	border-right:dotted 1px #ddd;
}

.blog-card:nth-child(2n+2) {
	padding: 0 15px;
}

.blog-card:nth-child(n+3) {
	border-top:dotted 1px #ddd;
	padding-top:10px
}

.blog-card:nth-child(-n+3) {
	padding-bottom:10px;

}
.school-card {
	position: relative;
}
/*.blog-card:nth-child(2n+1) p.block {
	background: url(http://create-web-site.work/wp-content/themes/understrap-child/library/img/block.gif);
	width: 45px;
	height: 45px;
	position: absolute;
	right: -38px;
}*/
/*--------------------------------------information--------------------------------------*/
.info-inner ul {
	width: 100%;
	padding:0;
}
p.info-more-btn {
	width: 100%;
}
/*--------------------------------------feature--------------------------------------*/
.feature-inner ul {
	width: 100%;
	padding:0;
}
/*--------------------------------------ARTICLE ON JAPANTIMES LANGUEGE LEARNING--------------------------------------*/
h2.aojll {
	font-size: 23px;
}
.aojll-inner ul {
	margin:0;
	padding:0;
}
.aojll-inner li {
	padding: 0;
}

li.COMMUNICATION_CUES {
	margin: 0 20px;
}
.aojll_banner {
	margin: 30px 0;
}
.aojll_banner li {
	margin: 10px 0;
}
.aojll_sns li {
	margin: 10px;
}
.aojll_banner li img {
	height: auto;
	width: 100%;
}
}


/*##################################   max-width: 892px   ##################################*/
@media screen and (max-width: 992px) {

	/*--------------------------------------School 詳細--------------------------------------*/
	#thumbnail-top_no-img {
	    height: 260px;
	}
		.schoolinfo,
	.schoolinfo_no-img {
	width: 100vw;
}
.schoolinfo_no-img {
    top: 10%;
}
li.school_logo-single {
	display: block;
	margin:0 auto;
}
li.school_name-single {
	display: block;
	margin: 10px auto;
}
.shool_page_text_data {
	margin-left: 30px;
	margin-right: 30px;
}
.course_name {
	width: 93%;
}
.course_description {
	width: 93%;
}

.official_Page_url {
	width: 93%;
}
div#voice{
	display:-webkit-box;
	display: -webkit-flex;
	display:-ms-flexbox;
	display: flex;
	-webkit-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
}
ul.voice_image{
	text-align: center;
	display: block;
	-webkit-box-ordinal-group:0;
	-ms-flex-order:0;
	-webkit-order:0;
	order:0;
	width: 100%;
}
ul.voice_txt{
	display: block;
	-webkit-box-ordinal-group:1;
	-ms-flex-order:1;
	-webkit-order:1;
	order:1;
	width: 100%;
	margin-top: 20px;
}
.voice_photo img {
	height: 350px;
	object-fit: cover;
}

/*--------------------------------------information 詳細--------------------------------------*/
.single-info section.f_image-R .f_left,
.single-info section.f_image-R .f_right {
	display: block;
	width: 100%;
}


.single-info section.f_image-R .f_right ul.f_img-area {
	margin: 50px 0 0 0;
	padding: 0;
}
.single-info section.f_image-R .f_right ul.f_img-area li img {
	width: 100%;
	object-fit: cover;
}
.single-info section.f_image-L .f_left,.single-info section.f_image-L .f_right {
	display: block;
	width: 100%;
}
.single-info section.f_image-L .f_left ul.f_img-area {
	margin: 20px 0 50px 0;
	padding: 0;
}
.single-info section.f_image-L .f_left ul.f_img-area li img {
	width: 100%;
	object-fit: cover;
}

.single-info h4.f_h4 {
	text-align: left;
	margin-bottom: 20px;
}
.single-info .f_largeimg {
	width: 100%;
	margin: 0 auto;
}



/*--------------------------------------feature 詳細--------------------------------------*/
.single-feature section.f_image-R .f_left,
.single-feature section.f_image-R .f_right {
	display: block;
	width: 100%;
}


.single-feature section.f_image-R .f_right ul.f_img-area {
	margin: 50px 0 0 0;
	padding: 0;
}
.single-feature section.f_image-R .f_right ul.f_img-area li img {
	width: 100%;
	object-fit: cover;
}
.single-feature section.f_image-L .f_left,.single-feature section.f_image-L .f_right {
	display: block;
	width: 100%;
}
.single-feature section.f_image-L .f_left ul.f_img-area {
	margin: 20px 0 50px 0;
	padding: 0;
}
.single-feature section.f_image-L .f_left ul.f_img-area li img {
	width: 100%;
	object-fit: cover;
}

.single-feature h4.f_h4 {
	text-align: left;
	margin-bottom: 20px;
}
.single-feature .f_largeimg {
	width: 100%;
	margin: 0 auto;
}
}


/*##################################   max-width: 767px   ##################################*/
@media screen and (max-width: 767px) {
	/*--------------------------------------基本設定--------------------------------------*/
	.pc-only {
	display: none!important;
}
.sp-only {
	display: block!important;
}

.posts_navigation ul.pagination {
	display: flex!important;
}
.header-logo img {
	width: 200px;
}
div#breadcrumb {
	display: none;
}
/*--------------------------------------School--------------------------------------*/
.blog-card {
	width: 100%;
}
.you_tube_data {
width: 100%;
}

/*--------------------------------------School 詳細--------------------------------------*/
.schoolinfo ul,
.schoolinfo_no-img ul {
	margin-left: 0;
	margin-right: 0;
	text-align: center;
  padding: 0;
}
li.school_name-single {
	width: 90%;
}
li.school_name-single h1 {
	font-size: 25px;
	line-height:30px;
}


.course_name {
	width: 100%;
}
.course_description,
.official_Page_url {
	width: 100%;
	padding-left: 10px;
	padding-right: 10px
}

.ly_spBlock {
  padding: 0 15px;
}
/*--------------------------------------
2列表示の打ち消し
--------------------------------------*/
.blog-card:nth-child(3n+1) p.block, .blog-card:nth-child(3n+2) p.block {
	display:none;
}
.blog-card:nth-child(2n+1) {
	padding-left:0;
	padding-right:0;
	margin-right: 0;
	border-right:none;
}

.blog-card:nth-child(2n+2) {
	padding: 0;
}

.blog-card:nth-child(n+3) {
	border-top:none;
	padding-top:0;
}

.blog-card:nth-child(-n+3) {
	padding-bottom:10px;

}
.school-card {
	position: relative;
}
.blog-card:nth-child(2n+1) p.block {
	background: none;
	width: 0;
	height: 0;
	right: 0;
}
/*--------------------------------------
1列表示の調整
--------------------------------------*/
.blog-card:nth-child(n+2) {
	border-top:dotted 1px #ddd;
	padding-top:10px;
	margin-top:10px;
}
li.school_logo {
	text-align:center;
}
li.school_logo img {
	max-height:70px;
}

p.shool_page_text {
	height: auto;
}


/*--------------------------------------information 詳細--------------------------------------*/

.single-info header.entry-header h1{
	font-size: 25px;
	line-height:30px;
}

.single-info section.f_image-R h2,
.single-info section.f_image-L h2,
.single-info section.f_image-L .f_right h3 {
	font-size: 20px;
	line-height:25px;
}

/*--------------------------------------feature 詳細--------------------------------------*/

.single-feature header.entry-header h1{
font-size: 25px;
line-height:30px;
}

.single-feature section.f_image-R h2,
.single-feature section.f_image-L h2,
.single-feature section.f_image-L .f_right h3 {
	font-size: 20px;
	line-height:25px;
}


/*--------------------------------------INFORMATION--------------------------------------*/
li.News,
li.Article,
li.Event {
	vertical-align: top;
	min-width: 9%;
	max-width: 13%;
	margin-right: 10px;
}
.info-inner li {width: 80%;}

i.News_arrow,
i.Article_arrow,
i.Event_arrow{
	display:none;
}

li.el_border {
  width: 100%;
}

/*--------------------------------------feature--------------------------------------*/
.feature-inner li {width: 80%;}



/*--------------------------------------ARTICLE ON JAPANTIMES LANGUEGE LEARNING--------------------------------------*/
h2.aojll {
	font-size: 20px;
}
h2.aojll span {
	text-align: center;
}
h2.aojll span::before, h2.aojll span::after {
	height: 20px;
	top: 10px;
}
.widht767{
	display:block;
}
.aojll-inner ul {
	display: block;
}
.aojll ul {
	width: 280px;
	text-align: left;
	margin: 0 auto;
}
li.COMMUNICATION_CUES {
	margin: 0;
}
.aojll li {
	margin: 10px 0;
}


/*--------------------------------------contact--------------------------------------*/

.page-template-page-contact li.back_btn,
.page-template-page-contact li.reset_btn {
	margin-right: 30px;
}

.page-template-page-contact input.wpcf7-form-control.wpcf7-reset,
.page-template-page-contact input.wpcf7-form-control.wpcf7-confirm,
.page-template-page-contact input.wpcf7-form-control.wpcf7-back,
.page-template-page-contact input.wpcf7-form-control.wpcf7-submit.wpcf7c-elm-step2 {
	width: 150px;
}
img.contact_jump {
}
a.ContactJump img {
    width: 80px;
}
/*--------------------------------------footer--------------------------------------*/

.site_footer .footer_middle#affiliates .footer_content a {
display: block;
font-weight: 200;
color: #fff;
font-size: 12px;
font-size: .75rem;
width: 100%;
}


.site_footer .footer_top {
	padding-top: 1em;
/*	padding-bottom: 0;*/
}
.login_footer ul li,
.social_footer ul li {
/*	padding-bottom: 1em;
	margin-bottom: 1em;*/
}
.site_footer .footer_middle .main_menu li {
/*	font-size: 1rem;
	line-height: 2rem;*/
}
.site_footer .footer_middle {
	max-height: none;
}
.site_footer .footer_bottom .secondary_menu li {
/*	font-size: 1.2rem;
	line-height: 2rem;*/
}
a.back-to-top {
	line-height: 2.2rem;
	font-size: .9em;
	height: 2.3em;
	text-transform: none;
}
}

/*##################################   max-width: 575px   ##################################*/
@media screen and (max-width: 575px) {
	div#shool_page_title,
	.shool_text_label_data {
	padding-left: 10px;
	padding-right: 10px;
}
div#course {
    margin-left: 30px;
    margin-right: 30px;
}
div#voice ul {
	margin: 20px 30px;
	padding-left: 10px;
	padding-right: 10px;
}
h2.PHOTOS,
h2.COURSE,
h2.VOICE,
h2.SCHOOL_OUTLINE,
h2.OFFICIAL_SNS {
	font-size: 25px;
	line-height: 30px;
}
div#school_outline {
	margin: 0;
	width: 100%;
	padding-left: 10px;
	padding-right: 10px;
}
div#school_outline .left {
  width: 19%;
  margin: 20px 0;
}
div#school_outline .right {
  width: 80%;
  padding-left: 20px;
}
div#school_outline .right li {
    margin-bottom: 10px;
}
div#school_outline .right a {
    word-wrap: break-word;
    overflow-wrap: break-word;
}
h2.info {
	font-size:20px
}

/*--------------------------------------information 詳細--------------------------------------*/
.single-info section.f_heading h2 {
	padding: 0 20px;
}
.single-info section.f_heading h2:after {
	left: 6px;
	width: calc(100% - 12px);
	border: solid 5px #fbfbfb;
}

.single-info section.f_heading h2:before {
	border-left: solid 4px #ccc;
	border-right: solid 4px #ccc;
	border-top: none;
	border-bottom: none;
	position: absolute;
}

.single-info header.entry-header,
.single-info section.f_heading,
.single-info section.f_text1,
.single-info section.f_image-R,
.single-info section.f_image-L,
.single-info section.f_large-img {
	padding-left: 10px;
	padding-right: 10px;
}

.single-info ul.feature_list li:before {
	display:none;
}

.single-info ul.feature_list li {
	padding-left: 8px;
	text-indent: 0px;
}
/*--------------------------------------feature 詳細--------------------------------------*/
.single-feature section.f_heading h2 {
	padding: 0 20px;
}
.single-feature section.f_heading h2:after {
	left: 6px;
	width: calc(100% - 12px);
	border: solid 5px #fbfbfb;
}

.single-feature section.f_heading h2:before {
	border-left: solid 4px #ccc;
	border-right: solid 4px #ccc;
	border-top: none;
	border-bottom: none;
	position: absolute;
}

.single-feature header.entry-header,
.single-feature section.f_heading,
.single-feature section.f_text1,
.single-feature section.f_image-R,
.single-feature section.f_image-L,
.single-feature section.f_large-img {
	padding-left: 10px;
	padding-right: 10px;
}

.single-feature ul.feature_list li:before {
	display:none;
}

.single-feature ul.feature_list li {
	padding-left: 8px;
	text-indent: 0px;
}

/*--------------------------------------contact--------------------------------------*/
ul.form_btn1,
ul.form_btn2 {
	padding: 0;
	margin: 0;
}
.page-template-page-contact label li.form_name,
.page-template-page-contact label li.form_input {
	display: block;
}
.page-template-page-contact li.form_name,
.page-template-page-contact li.form_input {
	width: 100%;
}

.page-template-page-contact li.form_input {
	border-left: none;
	padding-left: 0;
}

label.form_label{
	border-left: 2px solid #c8112f;
	padding-left: 10px;
}
li.form_name {
	margin-bottom:10px;
}

.page-template-page-contact input.wpcf7-form-control.wpcf7-reset,
.page-template-page-contact input.wpcf7-form-control.wpcf7-confirm,
.page-template-page-contact input.wpcf7-form-control.wpcf7-back,
.page-template-page-contact input.wpcf7-form-control.wpcf7-submit.wpcf7c-elm-step2 {
	width: 100px;
}






}

/*##################################   max-width: 425px   ##################################*/
@media screen and (max-width: 425px) {

	/*--------------------------------------School 詳細--------------------------------------*/
	li.school_name-single h1 {
	font-size: 20px;
	line-height:25px;
}
div#school_outline .left {
  width: 22%;
}
div#school_outline .right {
  width: 77%;
  padding-left: 8px;
}
h2.PHOTOS, h2.COURSE, h2.VOICE, h2.SCHOOL_OUTLINE, h2.OFFICIAL_SNS {
  font-size: 20px;
  line-height: 30px;
}



	/*--------------------------------------INFORMATION--------------------------------------*/
	li.News,
	li.Article,
	li.Event {
	min-width: 13%;
	max-width: 15%;
}
/*--------------------------------------ARTICLE ON JAPANTIMES LANGUEGE LEARNING--------------------------------------*/
h2.aojll {
	font-size: 16px;
}
}


/*##################################   max-width: 390px   ##################################*/
@media screen and (max-width: 390px) {
	/*--------------------------------------INFORMATION--------------------------------------*/
	h2.info,
	h2.feature {
	font-size: 20px;
}
li.News, li.Article, li.Event {
	min-width: 18%;
	max-width: 20%;
}
.info-inner li {
	width: 73%;
}
li.el_border {
  width: 100% !important;
}
}



/*not found*/

body.error404 div#breadcrumb {
    display: none;
}
div#error-404-wrapper h1 {
    text-align: center;
    margin: 200px 0;
}
@media screen and (max-width: 640px) {
div#error-404-wrapper h1 {
    margin: 80px 0;
}
}