/* addquicktag */
.blue { color: blue; }
.red { color: red; }
.yellow { color: yellow; }
.green { color: green; }
.orange { color: orange; }
.pink { color: pink; }
.b { font-weight: bold; }
.black { color: #000; }
.bg-y { background: yellow; }
.bg-gray { background: #ccc; }
.bg-lightsky { background: #EDF6FF; }
.bg-w { background: #fff; }
.marker_yellow { background: linear-gradient(transparent 60%, #ffff66 60%); font-weight: bold; }
.marker_lime { background: linear-gradient(transparent 60%, #66ffcc 60%); font-weight: bold; }
.marker_water { background: linear-gradient(transparent 60%, #55ccff 60%); font-weight: bold; }
.marker_pink { background: linear-gradient(transparent 60%, #ff66ff 60%); font-weight: bold; }
.marker_red { background: linear-gradient(transparent 60%, #ffadad 60%); font-weight: bold; }
.marker_blue { background: linear-gradient(transparent 60%, #c1e0ff 60%); font-weight: bold; }
.marker_lightgreen { background: linear-gradient(transparent 60%, #b2ffb2 60%); font-weight: bold; }
.marker_yellowgreen { background: linear-gradient(transparent 60%, #bfff7f 60%); font-weight: bold; }
.marker_orange { background: linear-gradient(transparent 60%, #ffce9e 60%); font-weight: bold; }
.marker_purple { background: linear-gradient(transparent 60%, #ce9eff 60%); font-weight: bold; }
.center { text-align: center; }
.entry-content .ma0 { margin: 0; }
.pa5 { padding: 5px; }
.pa10 { padding: 10px; }
.f11em { font-size: 1.1em; }
.f-xx-small { font-size: xx-small; }
.f-x-small { font-size: x-small; }
.f-small { font-size: small; }
.f-medium { font-size: medium; }
.f-large { font-size: large; }
.f-x-large { font-size: x-large; }
.f-xx-large { font-size: xx-large; }
.flex-col {
  flex-direction: column;
}

.flex-center {
  justify-content: center;
}
.pc {
	display: block !important;
}
.sp {
	display: none !important;
}

#content {
	margin-top: -10px;
}

.entry-content .border-r-none {
  border-right: none;
}

.entry-content .border-b-none {
  border-bottom: none;
}

.text-left {
  text-align: left;
}

h1 {
	font-size: 1.2em;
	border-bottom: 3px solid #264B67;
}

.entry-content h3,
.entry-content h4,
.entry-content h5 {
	font-size: 1em;
}

#archive_header {
	border-top-style: none;
}

#question_wrap dd {
	border: none;
}

#search-filter-form-6731 ul li,
dl.aut dd {
	display: none;
}
#search-filter-form-6731 ul li.sf-field-search,
#search-filter-form-6731 ul li.sf-field-post-meta-area_id,
#search-filter-form-6731 ul li.sf-field-submit,
#search-filter-form-6731 ul li.sf-field-reset,
#search-filter-form-6731 ul li.sf-field-taxonomy-area_tag,
#search-filter-form-6731 ul li ul li
{
	display: block;
}

.flec-space-between {
  justify-content: space-between;
}

/* H3の見出しを再現 */
#main .entry-content .h3 {
  font-size: 1em;
  padding: 10px 0 10px 10px;
  border-color: #264b67;
  border-left-width: 4px;
  border-left-style: solid;
	border-top-style: none;
  border-bottom-style: none;
  line-height: 1.3;
}

.entry-content table.area-table {
  margin-bottom: 2.5em;
	font-size: 14px;
}

.entry-content table.area-table th {
  width: 20%;
}

.entry-content table.area-table th,
.entry-content table.area-table td {
	padding: 2px;
}

.toppage .entry-content h3 {
  margin-top: .2em;
  font-size: 1em;
}

#breadcrumb { padding: 3px 15px;}

table.tablepress th { background: #fff; text-align: center; }
table.tablepress tr:nth-child(even) th { background: #F9F9F9; }

#search-filter-form-6731 ul li ul{
	display: flex;
	flex-wrap: wrap;
}

#search-filter-form-6731 ul li ul li {
	margin-right: 15px;
}

.searchandfilter li[data-sf-field-input-type=checkbox] label {
	padding-left: 3px;
}

#post_image img,
.cat-item-378 {
	display: none;
}

#toc_container a:link {
	color: blue;
}

.entry-content th ul,
.entry-content td ul {
  margin: 0;
  padding: 0 20px;
}

.school-table {
/*   border: 1px solid #eee;
	box-shadow: 2px 2px 2px rgba(0,0,0,0.2); */
	padding: 10px;
	margin-bottom: 20px;
}

.school-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.school-list .thumbnail {
  margin-right: 10px;
}

.school-list .thumbnail img {
  border: 1px solid #ddd;
}

.school-info {
  flex-grow: 2;
}

.school-info h3 {
  margin: 0;
}

.school-introduction {
  border-bottom: 2px solid #ddd;
}

/* この記事を書いた人のリンク色 */
dl.aut dt a {
	color: #fff;
}


/* 
 * コンバージョンボタン
 */
.btn-cv {
  padding: .5em 0;
  overflow: hidden;
  position: relative;
}
.btn-cv a {
  border: solid #fff 3px;
  border-radius: 12px;
  box-shadow: 1px 1px 10px 0 #a1a1a1;
  color: #fff;
  display: block;
  font-size: 2em;
  font-weight: bold;
  line-height: 1.3;
  /* margin: 2em auto; */
  padding: 1em 2em .8em;
  position: relative;
  text-align: center;
  text-decoration: none;
  -webkit-transition: .2s ease-in-out;
  transition: .2s ease-in-out;
  vertical-align: middle;
 /* width: 59%; */
}
.btn-cv.is-fz20 a {
  font-size: 20px;
}
.btn-cv a img {
  vertical-align: middle;
}
.btn-cv a:after {
  content: ' ' !important;
}
 
/* ボタン内のアイコン */
.btn-cv a:before {
  content: "\f138";
  font-family: "fontawesome";
  font-weight: normal;
  font-size: 1.1em;
  margin-top: -.6em;
  position: absolute;
  right: 25px;
  top: 50%;
}
.btn-cv a:hover {
  box-shadow: 1px 1px 2px 0 #a1a1a1;
  filter: alpha(opacity=70);
  opacity: .7;
}
 
/* 2つ連続で並べる場合の余白 */
.btn-cv + .btn-cv a {
  margin-top: 0;
}
 
/* 緑ボタン */
.btn-cv a {
  background: #00a23f;
  background: -webkit-linear-gradient(#00a23f, #39900a);
  background: linear-gradient(#00a23f, #39900a);
  text-shadow: 0 0 10px rgba(255,255,255,.8), 1px 1px 1px rgba(0,0,0,1);
}
 
/* 赤ボタン */
.btn-cv.is-red a {
  background: #fb4e3e;
  background: -webkit-linear-gradient(#00a23f, #39900a);
  background: linear-gradient(#fb4e3e, #d64b26);
}
 
/* 青ボタン */
.btn-cv.is-blue a {
  background: #09c;
  background: -webkit-linear-gradient(#09c, #069);
  background: linear-gradient(#09c, #069);
}
 
/* 黒ボタン */
.btn-cv.is-black a {
  background: #666;
  background: -webkit-linear-gradient(#8a8a8a, #666);
  background: linear-gradient(#8a8a8a, #666);
}
 
/* ボタンの光沢 */
.is-reflection a {
  overflow: hidden;
}
.is-reflection a:after {
  -moz-animation: is-reflection 2s ease-in-out infinite;
  -moz-transform: rotate(45deg);
  -ms-animation: is-reflection 2s ease-in-out infinite;
  -ms-transform: rotate(45deg);
  -o-animation: is-reflection 2s ease-in-out infinite;
  -o-transform: rotate(45deg);
  -webkit-animation: is-reflection 2s ease-in-out infinite;
  -webkit-transform: rotate(45deg);
  animation: is-reflection 2s ease-in-out infinite;
  background-color: #fff;
  content: " ";
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: -180px;
  transform: rotate(45deg);
  width: 30px;
}
/* アニメーションを遅延させる */
.is-reflection + .is-reflection a:after {
  -webkit-animation-delay: .2s;
  animation-delay: .2s;
}
@keyframes is-reflection {
  0% { -webkit-transform: scale(0) rotate(45deg); transform: scale(0) rotate(45deg); opacity: 0; }
  80% { -webkit-transform: scale(0) rotate(45deg); transform: scale(0) rotate(45deg); opacity: 0.5; }
  81% { -webkit-transform: scale(4) rotate(45deg); transform: scale(4) rotate(45deg); opacity: 1; }
  100% { -webkit-transform: scale(50) rotate(45deg); transform: scale(50) rotate(45deg); opacity: 0; }
}
@-webkit-keyframes is-reflection {
  0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; }
  80% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.5; }
  81% { -webkit-transform: scale(4) rotate(45deg); opacity: 1; }
  100% { -webkit-transform: scale(50) rotate(45deg); opacity: 0; }
}


/* ぷるるるるん！ */
.is-purun {
  -webkit-animation: is-purun 5s infinite;
  -moz-animation: is-purun 5s infinite;
  animation: is-purun 5s infinite;
}
@-webkit-keyframes is-purun {
   0% { -webkit-transform: scale(1.0, 1.0) translate(0%, 0%); }
   4% { -webkit-transform: scale(0.9, 0.9) translate(0%, 3%); }
   8% { -webkit-transform: scale(1.1, 0.8) translate(0%, 7%); }
  12% { -webkit-transform: scale(0.9, 0.9) translate(0%, -7%); }
  18% { -webkit-transform: scale(1.1, 0.9) translate(0%, 3%); }
  25% { -webkit-transform: scale(1.0, 1.0) translate(0%, 0%); }
}
@keyframes is-purun {
   0% { transform: scale(1.0, 1.0) translate(0%, 0%); }
   4% { transform: scale(0.9, 0.9) translate(0%, 3%); }
   8% { transform: scale(1.1, 0.8) translate(0%, 7%); }
  12% { transform: scale(0.9, 0.9) translate(0%, -7%); }
  18% { transform: scale(1.1, 0.9) translate(0%, 3%); }
  25% { transform: scale(1.0, 1.0) translate(0%, 0%); }
}
/* アニメーションを遅延させる */
.is-purun + .is-purun {
  -webkit-animation-delay: .5s;
  animation-delay: .5s;
}


/* ボタンをバウンドさせる */
.is-bounce {
  animation: bounce 4s infinite;
  -moz-animation: bounce 4s infinite;
  -webkit-animation: bounce 4s infinite;
  -webkit-animation-delay: 4s;
  animation-delay: 4s;
}
@-webkit-keyframes bounce {
  0%, 4%, 10%, 18%, 100% {-webkit-transform: translateY(0);}
  5% {-webkit-transform: translateY(-6px);}
  12% {-webkit-transform: translateY(-4px);}
}
@keyframes bounce {
  20%, 24%, 30%, 34%, 100% {-webkit-transform: translateY(0);transform: translateY(0);}
  25% {-webkit-transform: translateY(-6px);transform: translateY(-6px);}
  32% {-webkit-transform: translateY(-4px);transform: translateY(-4px);}
}
/* アニメーションを遅延させる */
.is-bounce + .is-bounce {
  -webkit-animation-delay: .5s;
  animation-delay: .5s;
}

/* CVボタン矢印揺れ */
.is-trembling a:before {
  -webkit-animation-name:is-trembling;
  -webkit-animation-duration:.8s;
  -webkit-animation-iteration-count:infinite;
  -webkit-animation-timing-function:ease;
  -moz-animation-name:is-trembling;
  -moz-animation-duration:1s;
  -moz-animation-iteration-count:infinite;
  -moz-animation-timing-function:ease;
}
@-webkit-keyframes is-trembling {
  0% {-webkit-transform:translate(-3px, 0);}
  100% {-webkit-transform:translate(0, 0);}
}

.yellow-box {
    background: #fff8e8;
    border-left: solid 10px #ffc06e;
}

.green-box {
    background: #e0fffb;
    border-left: solid 10px #00d6be;
}

.blue-box {
    background: #E1F5FE;
    border-left: solid 10px #B3E5FC;
}

.yellow-box,
.green-box,
.blue-box {
    padding: 0.5em 1em;
    margin: 2em 0;
    color: #232323;
}

.yellow-box *,
.green-box *,
.blue-box * {
  font-size: 15px !important;
}

.yellow-box p,
.green-box p,
.blue-box p,
.review_area p{
    margin: 0; 
    padding: 0;
}

.point-box {
    position: relative;
    margin: 4em 0 2em;
    padding: 0.5em 1em;
    border: solid 3px #60B0A9;
}
.point-box .box-title {
    position: absolute;
    display: inline-block;
    top: -27px;
    left: -3px;
    padding: 0 9px;
    height: 25px;
    line-height: 25px;
    vertical-align: middle;
    font-size: 17px;
    background: #60B0A9;
    color: #ffffff;
    font-weight: bold;
    border-radius: 5px 5px 0 0;
}
.point-box p {
    margin: 0 0 10px 0; 
    padding: 0;
}

.block {
border-bottom: 1px solid #000;
border-left: 5px solid green;
margin: 10px;
padding: 5px;
}

/* トリプル　囲み枠 */
.triple {
 position: relative;
 border: 1px solid #007b43; /*左枠線*/
 margin: 2em auto;
 padding: 20px 15px 15px 20px;
 z-index: 0;
}
.triple::before,
.triple::after {
 position: absolute;
 content: '';
 width: 100%;
 height: 100%;
}
.triple::before {
 border: 1px solid #3eb370; /*中枠線*/
 bottom: -4px;
 right: -4px;
 z-index: -1;
}
.triple::after {
 border: 1px solid #7ebea5; /*右枠線*/
 bottom: -7px;
 right: -7px;
 z-index: -1;
}


/* トリプル　囲み枠 */
.triple-blue {
 position: relative;
 border: 1px solid #1e90ff; /*左枠線*/
 margin: 2em auto;
 padding: 20px 15px 15px 20px;
 z-index: 0;
}
.triple-blue::before,
.triple-blue::after {
 position: absolute;
 content: '';
 width: 100%;
 height: 100%;
}
.triple-blue::before {
 border: 1px solid #00bfff; /*中枠線*/
 bottom: -4px;
 right: -4px;
 z-index: -1;
}
.triple-blue::after {
 border: 1px solid #add8e6; /*右枠線*/
 bottom: -7px;
 right: -7px;
 z-index: -1;
}

/* トリプル　囲み枠 */
.triple-red {
 position: relative;
 border: 1px solid #ff0000; /*左枠線*/
 margin: 2em auto;
 padding: 20px 15px 15px 20px;
 z-index: 0;
}
.triple-red::before,
.triple-red::after {
 position: absolute;
 content: '';
 width: 100%;
 height: 100%;
}
.triple-red::before {
 border: 1px solid #ff7f50; /*中枠線*/
 bottom: -4px;
 right: -4px;
 z-index: -1;
}
.triple-red::after {
 border: 1px solid #ffb6c1; /*右枠線*/
 bottom: -7px;
 right: -7px;
 z-index: -1;
}
/*テーブル（横幅がはみ出る場合にテーブルを囲む要素に設定）*/
.table-scroll{
  width: 100%;
  overflow-x: auto;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
  margin-bottom: 10px;
}
.table-scroll::-webkit-scrollbar{  /*tableにスクロールバーを追加*/
/*   height: 10px; */
}
.table-scroll::-webkit-scrollbar-track{  /*tableにスクロールバーを追加*/
  background: #F1F1F1;
}
.table-scroll::-webkit-scrollbar-thumb {  /*tableにスクロールバーを追加*/
  background: #BCBCBC;
}


.table-scroll th,
.table-scroll td {
  padding: 0.5em;
}

/*フロー図*/
.flow-chart{
	margin-left: 0;
}

.flow-chart li{
	list-style: none;
	margin-bottom: 20px;
	padding-bottom: 60px !important;
	background: url(//okinawa-ec.or.jp/englishfactor/wp-content/uploads/2020/06/icon-arrow-b-chart.png) center bottom no-repeat;
}

	/*Retina（高解像度）ディスプレイ用*/
	@media screen and (-webkit-min-device-pixel-ratio:2),
	(min-resolution: 2dppx){

		.flow-chart li{
			background: url(//okinawa-ec.or.jp/englishfactor/wp-content/uploads/2020/06/99c9578f900705c69a7d996831d614bf.png) center bottom no-repeat;
			-webkit-background-size: 161px 40px;
			background-size: 161px 40px;
		}

	}

.flow-chart li.end,
.flow-chart li:last-child{
	padding-bottom: 0;
	background: none;
}

.flow-chart .process-box p{
  line-height: 1.5;
}

.flow-chart .process-box{
	padding: 30px;
	background: #eafdff;
	color: #333;
}
ol.flow-chart li:before {
  content: none;
  counter-increment: none;
  position: static;
  top: 0;
  left: 0;
  width: 0;
  padding: 0;
  border-top: none !important;
  color: none;
  background: none;
  font-weight: none;
  font-family: "Helvetica Neue", Arial, sans-serif;
  text-align: center;
}

.flow-chart ul.nomal-list,
.flow-chart ul.nomal-list li {
  list-style-type: disc;
}

.nomal-list li{
	list-style: disc;
	margin-bottom: 0;
	padding-bottom: 0;
	background: none;
	color: #333;
}

.clip-memobox {
    display: table;
    border-radius: 3px;
    margin-bottom: 20px;
    padding: 10px;
}

.clip-fonticon {
    font-size: 100%;
    color: #F48FB1;
    padding: 0 15px 0 10px;
    text-align: center;
}

.clip-fonticon, .clip-memotext {
    display: table-cell;
    vertical-align: middle;
}

.fa {
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.clip-memotext {
    padding-left: 15px;
    border-left: 1px solid #E0E0E0;
    width: 100%;
    box-sizing: border-box;
    border-color: #F48FB1;
}

.clip-memotext p:last-child {
    margin-bottom: 0;
}

.clip-memotext > * {
    font-size: 95%;
    line-height: 1.7;
}

dt {
  margin-top: 1em;
  padding: .25em .5em;
  color: #FFF;
	font-size: 18px;
	font-weight: bold;
  text-shadow: 1px 1px rgba(0,0,0,.4);
  background-color: #264B67;
}
dd {
  padding: .5em 1em;
  margin-left: 0;
  border-width: 0 1px 1px;
  border-style: none solid solid;
  border-color: #264B67;
}

.post_content h3 {
  position: relative;
  color: white;
  background: #60b0a9;
  line-height: 1.4;
  padding: 0.5em 0.5em 0.5em 1.8em;
	font-weight: bold;
	margin: 20px 0;
}

.post_content h3:before {
  font-family: "Font Awesome 5 Free";
  content: "\f14a";
  position: absolute;
  left : 0.5em; /*左端からのアイコンまでの距離*/
}

.post_content h4 {
  color: #60b0a9;/*文字色*/
  padding: .5em 0 .5em 1em;/*上下の余白*/
  border-top: solid 3px #60b0a9;/*上線*/
  border-bottom: solid 3px #60b0a9;/*下線*/
	font-weight: bold;
	margin-top: 30px;
}

.post_content h5 {
  padding: .5em 0 .5em .75em;
  border-left: 6px solid #ccc;
	border-bottom: 2px solid #ccc;
	margin-top: 15px;
	font-weight: bold;
	font-size: 1.2em;
	color: #333;
}

/*Q&A*/
.qa-list dt{
  display: block;
	margin-top: 0;
  margin-bottom: 5px;
  padding: 10px 0 10px 65px;
  background: url(//okinawa-ec.or.jp/englishfactor/wp-content/uploads/2020/06/icon-q.png) left 3px no-repeat;
  font-size: 1.25em;
	color: #333;
	text-shadow: none;
	background-color: none;
}

.qa-list dd{
  margin-left: 0;
  margin-bottom: .5em;
  padding: 10px 0 10px 65px;
  background: url(//okinawa-ec.or.jp/englishfactor/wp-content/uploads/2020/06/icon-a.png) left 3px no-repeat;
	border-style: none;
	border-color: none;
}

  /*Retina（高解像度）ディスプレイ用*/
  @media screen and (-webkit-min-device-pixel-ratio:2),
  (min-resolution: 2dppx){

    .qa-list dt{
      background: url(//okinawa-ec.or.jp/englishfactor/wp-content/uploads/2020/06/icon-q@2x.png) left 3px no-repeat;
      -webkit-background-size: 48px 48px;
      background-size: 48px 48px;
    }

    .qa-list dd{
      background: url(//okinawa-ec.or.jp/englishfactor/wp-content/uploads/2020/06/icon-a@2x.png) left 3px no-repeat;
      -webkit-background-size: 48px 49px;
      background-size: 48px 49px;
    }

  }

.has_header_content #header_top {
  background: #000;
  opacity: .8;
}

#header_logo {
	opacity: 1;
}

.post_content p {
  font-size: 16px;
  line-height: 1.5em;
  color: #333;
  margin-bottom: 2em;
  letter-spacing: 2px;
}

.archive_sort {
	display: flex;
	flex-wrap: wrap;
}

.archive_sort dt{
	width: 100%;
}

.archive_sort dd {
	width: 33%;
	padding: 0;
}

.cb_content-category_list ul li a {
/* 	height: 140px; */
}

#wprmenu_bar a {
	color: #fff;
}

.accbox {
    margin: 2em 0;
    padding: 0;
    max-width: 400px;/*最大幅*/
	  position: relative;
}

/*ラベル*/
.accbox label.lavel-title {
    display: block;
    margin: 1.5px 0;
    padding : 11px 12px;
/*     color :#2f8fcf; */
    font-weight: bold;
/*     background :#a4cbf3; */
    cursor :pointer;
    transition: all 0.5s;
  	border: 1px solid #ddd;
	  font-size: 16px;
	  color: #b69e84;
}

.accbox label.lavel-title:after {
	position: absolute;
	content: '＋';
	right: 10px;
}

/*ラベルホバー時*/
/* .accbox label.lavel-title:hover {
    background :#85baef;
} */

/*チェックは隠す*/
.accbox input.cssacc {
    display: none;
}

/*中身を非表示にしておく*/
.accbox .accshow {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.8s;
}

/*クリックで中身表示*/
.cssacc:checked + .accshow {
    height: auto;
    padding: 5px;
/*     background: #eaeaea; */
    opacity: 1;
}

.caution-list,
.check-list {
	background: #f2f2f2;
	border-radius: 5px;
	box-sizing: border-box;
	margin: 0 auto 25px !important;
	padding: 20px 35px;
/* 	width: 554px; */
}

.caution-list li,
.check-list li {
	font-size: 20px;
	line-height: 1.2;
	list-style: none;
	padding: 5px 0 5px 40px;
	margin-bottom: .5em;
}
.caution-list li { background: url('https://okinawa-ec.or.jp/englishfactor/wp-content/uploads/2020/08/caution-list-icon.png') no-repeat left .1em; }
.check-list li { background: url('https://okinawa-ec.or.jp/englishfactor/wp-content/uploads/2020/08/check-list-icon.png') no-repeat left .1em; }

.caution-list li:last-of-type { margin-bottom: 0; }
.check-list li:last-of-type { margin-bottom: 0; }

.caution-list.pattern02 li { padding-left: 0; }
.caution-list.pattern02 li dl {
	margin: 0;
}

.caution-list.pattern02 li dt {
	padding-left: 40px;
	margin-bottom: 13px;
}

.caution-list.pattern02 li dd {
	font-size: 15px;
}

.well p,
.yellow-box p,
.blue-box p,
.green-box p {
	margin-bottom: .5em;
}

.youtube2,
.youtube {
  position: relative;
  width: 100%;
}
.youtube2,
.youtube iframe {
/*   position: absolute; */
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}

table.line-ver{
  width: 100%;
}

table.line-ver th{
  position: relative;
  text-align: left;
  width: 15%;
}

table.line-ver th:after{
  display: block;
  content: "";
  width: 30px;
  height: 2px;
  background-color: #333;
  position: absolute;
  top:calc(50% - 1px);
  right:20px;
}

table.line-ver td{
  text-align: left;
  width: 85%;
}

#npcatch a {
  display: flex;
}

#npcatch a span {
  margin-left: 10px;
}

/* ボタンの光沢 */
.reflection-img{
    position    :relative;
    overflow    :hidden;
}

.reflection {
    height      :100%;
    width       :30px;
    position    :absolute;
    top         :-180px;
    left        :0;
    background-color: #fff;
    opacity     :0;
    transform: rotate(45deg);
    animation: reflection 10s ease-in-out infinite;
    -webkit-transform: rotate(45deg);
    -webkit-animation: reflection 5s ease-in-out infinite;
    -moz-transform: rotate(45deg);
    -moz-animation: reflection 5s ease-in-out infinite;
    -ms-transform: rotate(45deg);
    -ms-animation: reflection 5s ease-in-out infinite;
    -o-transform: rotate(45deg);
    -o-animation: reflection 5s ease-in-out infinite;
}

@keyframes reflection {
    0% { transform: scale(0) rotate(45deg); opacity: 0; }
    80% { transform: scale(0) rotate(45deg); opacity: 0.5; }
    81% { transform: scale(4) rotate(45deg); opacity: 1; }
    100% { transform: scale(50) rotate(45deg); opacity: 0; }
}
@-webkit-keyframes reflection {
    0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; }
    80% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.5; }
    81% { -webkit-transform: scale(4) rotate(45deg); opacity: 1; }
    100% { -webkit-transform: scale(50) rotate(45deg); opacity: 0; }
}
@-moz-keyframes reflection {
    0% { -moz-transform: scale(0) rotate(45deg); opacity: 0; }
    80% { -moz-transform: scale(0) rotate(45deg); opacity: 0.5; }
    81% { -moz-transform: scale(4) rotate(45deg); opacity: 1; }
    100% { -moz-transform: scale(50) rotate(45deg); opacity: 0; }
}

@-o-keyframes reflection {
    0% { -o-transform: scale(0) rotate(45deg); opacity: 0; }
    80% { -o-transform: scale(0) rotate(45deg); opacity: 0.5; }
    81% { -o-transform: scale(4) rotate(45deg); opacity: 1; }
    100% { -o-transform: scale(50) rotate(45deg); opacity: 0; }
}

#main #entry .entry-content h4,
.entry-content h4{
    border-color: #264b67;
    border-bottom-width: 5px;
    border-bottom-style: double;
}

#main #entry .entry-content h4,
#main #entry .entry-content h5 {
    margin: 2.5em 0 1em;
    padding: 0;
/*     border: 0; */
    background: 0 0;
    box-shadow: none;
    font-weight: 700;
}

#main #entry .entry-content h5 {
    background-color: #c8e4ff;
    padding: .5em;
}

.entry-content > * > ul {
	margin: 0;
	border: none;
	padding: .5em;
}

ol.flow-chart {
	margin: 0;
	border: none;
	padding: 0;
}

/* #inner-content .red-bc2 {
	background-color: #f33 !important;
} */

#inner-content .red-bc2 {
	background-color: #f39c12 !important;
}


#main .entry-content table caption {
	font-size: 15px;
	font-weight: bold;
	color: #333;
	background: #F8F9FA;
	border: 3px solid #f3f3f3;
	text-align: center;
}

.raised2 {
	width: 80% !important;
	line-height: 2.5em !important;
/* 	box-shadow: 0 5px 0 0 rgba(198, 39, 39, 1); */
	box-shadow: 0 5px 0 0 #f37b12;
	position: relative;
	overflow: hidden;
}

.raised2:hover {
  transform: translateY(5px);
  -webkit-transform: translateY(5px);
	box-shadow: none;
}

.raised2::before {
    position: absolute;
    content: '';
    display: inline-block;
    top: -180px;
    left: 0;
    width: 30px;
    height: 100%;
    background-color: #fff;
    transition: 0.2s;
	  animation: shiny-btn2 2s ease-in-out infinite;
}

@-webkit-keyframes shiny-btn2 {
    0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; }
    80% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.5; }
    81% { -webkit-transform: scale(4) rotate(45deg); opacity: 1; }
    100% { -webkit-transform: scale(50) rotate(45deg); opacity: 0; }
}

/*アコーディオン*/
.cp_actab {
	position: relative;
	overflow: hidden;
	width: 100%;
	margin: 0 auto .5em;
	color: #ffffff;
}
.cp_actab input {
	position: absolute;
	z-index: -1;
	opacity: 0;
}
.cp_actab label {
	font-weight: bold;
	line-height: 3;
	position: relative;
	display: block;
	padding: 0 0 0 1em;
	cursor: pointer;
	margin: 0 0 1px 0;
	background: #264B67;
}
.cp_actab .cp_actab-content {
	overflow: hidden;
	max-height: 0;
	-webkit-transition: max-height .5s;
	transition: max-height .5s;
	color: #111;
	background: #F9F9F9;
}
.cp_actab .cp_actab-content p {
	margin: 1em;
}
/* :checked */
.cp_actab input:checked ~ .cp_actab-content {
	max-height: 150em;
}
/* Icon */
.cp_actab label::after {
	line-height: 3;
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	width: 3em;
	height: 3em;
	-webkit-transition: all .5s;
	transition: all .5s;
	text-align: center;
}
.cp_actab input[type=checkbox] + label::after {
	content: '▼';
}
.cp_actab input[type=checkbox]:checked + label::after {
	transform: rotate(180deg);
}

.cp_actab p {
	margin: 0;
}

table.stripe tr:nth-child(odd) td {
	background: #F8F9FA;
}

table.stripe tr:nth-child(even) td {
	background: #fff;
}

.entry-content th ul,
.entry-content td ul {
	border: none;
}

tr.th-fff th,
tr.td-fff td,
tr.bg-fff th,
tr.bg-fff td {
	background: #fff;
}
.res td {
		background: #fff;
}

.entry-content h2 {
  font-size: 1.2em;
  border-color: #264B67;
/* 	color: #264B67; */
  padding: .2em 0;
  border-width: 3px;
  border-top-style: solid;
  border-bottom-style: solid;
  margin: 2.5em 0 1em;
}

table.fixed th:first-child {
  vertical-align: middle;
  position: sticky;
	position: -webkit-sticky;
  left: 0;
}
table.fixed th:first-child:before {
/*   content: ""; */
  position: absolute;
  top: -1px;
  left: -1px;
  width: 100%;
  height: 100%;
}

table.fixed-wh th,
#main .entry-content table.fixed-wh th,
#main .entry-content table.tablepress thead tr th.column-1{
  position: sticky;
	position: -webkit-sticky;
  top: 0;
  left: 0;
  z-index: 1;
}



table.fixed-wh th:before{
  content: "";
  position: absolute;
  top: -1px;
  left: -1px;
  width: 100%;
  height: 100%;
  border: 1px solid #ccc;
}

table.tablepress th.column-1:before {
	width: auto;
	height: auto;
}

table.tablepress th.column-1 {
	border: 1px solid #ccc;
}

#main .entry-content table.tablepress thead tr th:before {
	position: static;
	border: none;
}

#main .entry-content table.tablepress thead tr th{
	position: static;
	z-index: auto;
}

#main .entry-content table.fixed-wh thead tr th:first-child,
#main .entry-content table.fixed-wh tbody tr th:first-child{
  z-index: 2;
}

.setimg-area {
	display: none;
}

.accordion,
.pc-accordion {
	position: relative;
}

/* アコーディオンのレイアウト */
.entry-content .accordion {
	cursor: pointer;
	transition: .3s;
	padding-right: 1em !important;
}
.entry-content .pc-accordion:before {
	content: "▼";
	color: #fff;
	position: absolute;
	right: 10px;
	top: 50%;
	font-size: 1rem;
	margin-top: -.8rem;
	vertical-align: middle;
	width: 1.6rem;
	height: 1.6rem;
	border: 2px solid #fff;
	text-align: center;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.entry-content .accordion.on:before {
	content: "▲";
	transform: translate(0.5turn);
}

.entry-content .accordion:before{
	content: "▼";
	color: #666 !important;
	position: absolute;
	right: 1px;
	top: 50%;
	font-size: .8rem !important;
	margin-top: -.8rem;
	vertical-align: middle;
	width: 1.6rem;
	height: 1.6rem;
	border: 2px solid #666 !important;
	text-align: center;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

/* .entry-content .accordion + div,
.entry-content .pc-accordion + div { display: none; } */
.entry-content .accordion:hover {
	opacity: .7;
}
/* アコーディオンのレイアウトここまで */

.cube2{
  border: 1px solid #f0e68c;
  color: #000;
  border-radius: 2px;
  padding: 5px;
  margin: 0 5px;
  vertical-align: 3%;
  background-color: #fafad2;
  box-shadow: 1px 1px 5px rgba(20,20,20,0.2);
}

.cube3{
  border: 1px solid #b5c9b5;
  color: #000;
  border-radius: 2px;
  padding: 5px;
  margin: 0 5px;
  vertical-align: 3%; 
  background-color: #f0fff0;
	box-shadow: 1px 1px 5px rgba(20,20,20,0.2);
}

.cube4{
  border: 1px solid #c3c9d4;
  color: #000;
  border-radius: 2px;
  padding: 5px;
  margin: 0 5px;
  vertical-align: 3%; 
  background-color: #e0ebff;
	box-shadow: 1px 1px 5px rgba(20,20,20,0.2);
}

.cube5{
  border: 1px solid #ddb8b8;
  color: #000;
  border-radius: 2px;
  padding: 5px;
  margin: 0 5px;
  vertical-align: 3%; 
  background-color: #ffeaea;
  box-shadow: 1px 1px 5px rgba(20,20,20,0.2);
}

.box29 {
 position: relative;
 margin: 2em 0;
 padding: 30px 15px 15px;
 border: solid 2px #ff8c00;
}
.box29 .box-title {
 display: inline-block;
 position: absolute;
 top: -2px;
 left: -2px;
 height: 25px;
 padding: 0 9px;
 background: #ff8c00;
 color: #fff;
 font-size: 17px;
 vertical-align: middle;
 line-height: 25px;
 font-weight: bold;
}
.box29 .box-title:before {
 padding-right: 4px;
 font-family: FontAwesome;
 content: "\f0eb";
}

.point-css-red {
    position: relative;
    margin: 3em 0 1em;
    padding: 0.5em 1em;
    border: solid 3px #b22222;
}

.point-css-red .box-title {
    position: absolute;
    display: inline-block;
    top: -27px;
    left: -3px;
    padding: 0 9px;
    height: 25px;
    line-height: 25px;
    vertical-align: middle;
    font-size: 17px;
    background: #b22222;
    color: #ffffff;
    font-weight: bold;
    border-radius: 5px 5px 0 0;
}

.point-css-red p {
    margin: 0; 
    padding: 0;
}

.point-box ul,
#main .point-box ul,
.point-box ol,
.box29 ul,
.box29 ol,
.point-css-red ul,
.point-css-red ol {
  border: none;
  margin: 0 0 0 20px;
  padding: 0;
}

/* ポップアップ関係 */

.popup_txt {
    background: #ffdfdf;
    padding: 8px;
    margin-bottom: 4px;
    color: #333;
}

.popup_txt .txt {
    font-size: 140%;
    color: #ff6363;
    font-weight: bold;
}

.popup_txt .txt a {
    color: #ff6363;
}

.ranktable img,
.ranktable2 img{
    width: 25px;
    height: 25px;
}

.ranktable,
.ranktable2{
    position: relative;
    padding-top: 5px;
}

.ranktable .hukidashi{
    position: absolute;
    top: -5px;
    left: 80px;
}

.ranktable2 .hukidashi2,
.tablepress .hukidashi2{
	position: absolute;
		top: -8px;
    left: 5px;
}

/* 続きを読むの開閉 */

.cp_box *, .cp_box *:before, .cp_box *:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.cp_box {
  position: relative;
}
.cp_box label {
  position: absolute;
  z-index: 1;
  bottom: 0;
  width: 100%;
  height: 140px; /* グラデーションの高さ */
  cursor: pointer;
  text-align: center;
  /* 以下グラデーションは背景を自身のサイトに合わせて設定してください */
  background: linear-gradient(to bottom, rgba(250, 252, 252, 0) 0%, rgba(250, 252, 252, 0.95) 90%);
}
.cp_box input:checked + label {
  background: inherit; /* 開いた時にグラデーションを消す */
}
.cp_box label:after {
  line-height: 2.5rem;
  position: absolute;
  z-index: 2;
  bottom: 20px;
  left: 50%;
  width: 16rem;
  font-family: FontAwesome;
  content: '\f13a'' 続きをよむ';
  transform: translate(-50%, 0);
  letter-spacing: 0.05em;
  color: #ffffff;
  border-radius: 20px;
  background-color: rgba(27, 37, 56, 1);
}
.cp_box input {
  display: none;
}
.cp_box .cp_container {
  overflow: hidden;
  height: 150px; /* 開く前に見えている部分の高さ */
  transition: all 0.5s;
}
.cp_box input:checked + label {
  /* display: none ; 閉じるボタンを消す場合解放 */
}
.cp_box input:checked + label:after {
  font-family: FontAwesome;
  content: '\f139'' 閉じる';
}
.cp_box input:checked ~ .cp_container {
  height: auto;
  padding-bottom: 80px; /* 閉じるボタンのbottomからの位置 */
  transition: all 0.5s;
}

/**
 * ===============================================
 * 口コミフォーム用
 * ===============================================
 */

.voice_box {
  background: #264B67;
  margin: 4% 0;
  padding: 3% 5%;
}

.voice_box .voice_title {
  padding: 2% 4%;
  background: #fff;
  border-radius: 5px;
  font-weight: 700;
  text-align: center;
  font-size: 1.5em;
}

.voice_box .voice_title p {
  margin: 0;
}

.voice_box dl {
  background: #fff;
  margin: 2% 0;
  padding: 1% 0;
}

.voice_box dl dt {
  display: inline-block;
  width: 16%;
}

.voice_box div p.kuchikomi_none {
  color: #fff;
}

.kuchikomi_form_field dt {
  font-weight: normal;
  background-color: transparent;
  text-shadow: none;
}

.voice_box dl dd {
  display: inline-block;
/*   font-size: 15px; */
/*   width: 80%; */
  vertical-align: top;
  line-height: 1.5;
  margin: 0;
  border: none;
}

.kuchikomi_list_star {
  display: block;
  margin-bottom: 5px;
  color: #f39800;
  font-weight: 700;
  padding-bottom: 10px;
  margin: 0 0 10px 0;
  border-bottom: 1px dashed #ccc;
}

.kuchikomi_list_txt {
  display: block;
  margin-bottom: 10px;
  color: #000;
}

.kuchikomi_form_wrap .kuchikomi_form_field dd {
  font-size: 16px;
  padding: 0;
  border: none;
}

.required {
  display: inline-block;
}

.required select#CustomerVoiceArea {
  margin: 0;
  padding: 0 15px 0 5px;
  border: solid 1px #333;
}

ul.kuchikomi_form_radio {
  list-style-type: none;
}

ul.kuchikomi_form_radio_list,
.kuchikomi_form_comment dd,
.voice_box dl dt {
  margin: 0;
  padding: 0;
  border: none;
}

ul.kuchikomi_form_radio_list li {
  display: inline;
}

.kuchikomi_form_icon {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 80px;
}

.kuchikomi_ptn02 .icon01,
.kuchikomi_ptn02 .icon02 {
  width: 123px;
  height: 123px;
}

/**
 * ===============================================
 * コンテンツ監修者一覧
 * ===============================================
 */

.kansyu table thead th {
  background: #235180;
  color: #fff;
}

.kansyu table thead th a {
  color: #fff;
	text-decoration: underline;
}

.entry-content .kansyu table tr,
.entry-content .kansyu table th,
.entry-content .kansyu table td,
.entry-content .kansyu table{
  border: 1px solid #235180;
}

/**
 * ===============================================
 * 記事下監修者一覧
 * ===============================================
 */

.supervision {
  border: 1px solid #ccc;
}

.supervision p {
  font-size: 14px;
	line-height: 1.5;
	margin: 0;
}

.supervision p span {
	font-size: 16px;
}


.supervision__image {
  flex-basis: 150px;
}

.supervision__text {
  flex-basis: 100%;
}

.text {
  line-height: 16px;
}

.readmore-btn {
  text-align: right;
  display: none;
}

/**
 * ===============================================
 * 採用情報
 * ===============================================
 */
.entry-content dl.recruit {
  display: flex;
  flex-wrap: wrap;
}

.entry-content dl.recruit dt {
  width: 20%;
  margin-top: 0;
  margin-bottom: 2rem;
  color: #264B67;
  background-color: transparent;
  text-shadow: none;
}

.entry-content dl.recruit dd {
  width: 80%;
  border-width: 0;
  border-style: none;
  border-color: transparent;
  margin-bottom: 2rem;
  color: #222;
  font-weight: bold;
}

/**
 * ===============================================
 * 地域検索「続きを表示」
 * ===============================================
 */

p.efb_next_record_class_load {
	color: #fff !important;
	cursor: pointer;
	background: #696969 !important;
}

p.efb_next_record_class_load:hover {
	background: #454545 !important;
}

/**
 * ===============================================
 * 地域検索「検索ボタンエリア」
 * ===============================================
 */

#main #post_sc select#esse-form-select-p,
#main #post_sc select#esse-form-select-city,
#text-25 #prefectures-div select,
div#post_sc #prefectures-div select{
  font-size: 13px !important;
  background: #f9f9f9 !important;
  background-image: linear-gradient(to bottom,#fefefe,#f2f2f2);
  background-repeat: repeat-x;
  cursor: pointer;
}

#text-25 #prefectures-div table {
	width: 100% !important;
}

#main #post_sc select#esse-form-select-p:after,
#main #post_sc select#esse-form-select-city:after {
  content: " ";
  display: block;
  position: absolute;
  top: 50%;
  right: 15px;
  margin-top: -3px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 5px 0 5px;
  border-color: gray transparent transparent transparent;
}

#main #post_sc div#prefectures-div,
#text-25 div#prefectures-div,
div#post_sc div#prefectures-div{
  background: #fff !important;
  width: 100% !important;
  font-size: 13px !important;
}

div#prefectures-div table tbody tr td:first-child {
  width: 20%;
}


/**
 * ===============================================
 * TOPランキング用
 * ===============================================
 */

.ranking-tabs p {
  margin: 0;
}

.ranking-tabs p a {
  padding: 0;
}

ul.rank-tab {
  padding: 0;
  border: none;
}

ul.rank-tab li {
  list-style: none;
  display: block;
  width: 100%;
  padding: 0;
  border-bottom: 1px solid #ccc;
  position: relative;
}

ul.rank-tab li:hover {
  background: #eee;
}

.rank-tab li::after {
  font-family: 'Font Awesome 5 Free';
  content: '\f054';
  font-weight: 900;
  position: absolute;
  top: 40%;
  right: 2%;
  color: #ccc;
}

.rank-tab li.rank-tab-title {
  border: none;
  text-align: center;
  font-weight: bold;
  font-size: 17px;
}

.rank-tab li.rank-tab-title:hover {
  background: #fff;
}

.rank-tab li.rank-tab-title::after {
  content: '';
}

.ranking-pc .rank-tab-title p {
  background: #235180;
  color: #fff;
}

.rank-tab-no1,
.rank-tab-no1 a i {
  color: #e6b422;
}

.rank-tab-no2,
.rank-tab-no2 a i {
  color: #C0C0C0;
}

.rank-tab-no3,
.rank-tab-no3 a i {
  color: #d69f81;
}

.ranking-icon-crown {
  width: 30px;
  padding: 0;
  display: inline-block;
  vertical-align: top;
  font-size: 20px;
}

.ranking-item {
  width: calc(100% - 20px);
  display: inline-block;
}

.ranking-pc {
  display: flex;
}

/* .ranking-pc .ranking-item {
  text-align: center;
} */

.ranking-pc .rank-tab {
  padding: 10px;
  width: 100%;
}

.ranking-item a {
  padding: 10px 20px 7px 0;
  display: block;
}

.ranking-item a:hover {
  text-decoration: none;
}

.ranking-image {
  width: 100px;
  height: 100px;
  display: inline-block;
  padding: 2px;
  border: 1px solid #ccc;
}

.ranking-txt {
  padding-left: 10px;
  font-weight: bold;
  display: inline-block;
  vertical-align: top;
  line-height: 2;
}

.ranking-txt p {
  margin-bottom: 10px;
}

.ranking-pc .ranking-txt {
  font-size: 14px;
}

.ranking-tabs .su-tabs-nav span {
  min-height: auto;
  line-height: 1;
}
.ranking-tabs .su-tabs {
  margin: -10px;
}

.ranking-tabs .su-tabs-nav {
  font-size: 15px;
}

.entry-content ul.child-list {
  display: flex;
  flex-wrap: wrap;
}
/**
 * ===============================================
 * TOPランキングスマホ用
 * ===============================================
 */


@media only screen and (max-width: 1250px) {
  .sp {
    display: block !important;
  }
  .pc {
    display: none !important;
  }
  .ranking-item {
  width: 100%;
  }
  .sp .su-tabs-nav span {
    color: #fff;
  }
  .sp .su-tabs-nav span.su-tabs-current,
  .sp .fukidesc .su-tabs-nav span:hover {
    color: #333;
  }
}


/**
 * ===============================================
 * MediaQuery : スマホ対応
 * ===============================================
 */
@media only screen and (max-width: 767px) {
  /* コンバージョンボタン */
	.btn-cv a {
    font-size: 1.3em;
    margin: 0 auto;
    width: 65%;
  }
	#header_slider .item img {
		width: 100%;
		height: auto;
	}
	.slick-list {
		height: 100px !important;
	}
	.archive_sort dd {
		width: 30%;
	}
	#global_menu,
	a.menu_button{
		display: none;
	}
	#header_top a.search_button {
		right: 0;
	}
	#cb_0 .carousel,
	#cb_0 .slick-list {
		height: auto !important;
	}
	.res {
		width: 90%;
	}
	.res th,
	.res td {
		width: 100% !important;
		display: block;
		border-right: none;
	}
	.res td {
		border-bottom: 2px solid #e0e0e0;
	}
	.res td:last-child {
		border-bottom: none;
	}
	.sp-left {
		text-align: left;
	}
	.reflection-img img {
		width: 80%;
	}
	#header-image {
/*   background-size: cover; */
  	background-size: contain;
  }
	.table-scroll {
/* 		max-height: 500px; */
	}
	table.fixed th:first-child {
    width: 25%;
	}
	.fukidesc {
    margin: .5em;
	}
	.ranktable .hukidashi {
    left: 75px;
	}
	.ranktable2 .hukidashi2 {
	  left: 5px;
	  }
	.school-list .thumbnail {
	  margin: 10px auto;
	  }
	.school-info {
	  width: 100%;
	  }
	/* 口コミ用 */
	.voice_box .voice_title {
		font-size: 1.125em !important;
	}
	.kuchikomi_form_radio ul.kuchikomi_form_radio_list {
		display: flex;
		flex-wrap: wrap;
	}
	.voice_box dl dt {
		width: 30%;
	}
	.voice_box dl dd {
/* 		width: 60%; */
	}
	.kuchikomi_list_star {
		font-size: .9rem;
	}
	/* Popup Maker コンテンツの縦幅制限 */
	.pum-container.pum-scrollable .pum-content {
	max-height: 80%;
	}
	/* 採用情報 */
	.entry-content dl.recruit dt {
  font-size: .9em;
}
}


/**
 * ===============================================
 * ランキング用
 * ===============================================
 */

.su-tabs-nav {
  display: flex;
  flex-wrap: wrap;
}

.su-tabs-nav span {
	flex: 1;
	text-align: center;
	font-weight: bold;
	font-size: 1.1em;
	background: #235180;
}

.fukidesc .su-tabs-nav span {
	color: #fff;
}

.fukidesc .su-tabs-nav span.su-tabs-current,
.fukidesc .su-tabs-nav span:hover {
  color: #333;
}


.ranking-img img {
  margin-bottom: 20px;
}

.su-tabs-pane {
	font-size: 15px;
}

.title1 {
text-align: center;
background: #e6b422;
margin: 17px -16.5px -17px;
}
.title2 {
text-align: center;
background: #C0C0C0;
margin: 17px -16.5px -17px;
}
.title3 {
text-align: center;
background: #d69f81;
margin: 17px -16.5px -17px;
}
.title4 {
text-align: center;
background: #4169e1;
margin: 17px -16.5px -17px;
}
.rank1{
color: #ffffff;
 vertical-align: middle;
 font-size: 20px;
}
.ch1{
list-style-type: none;
 padding-left: 0;
 text-align: center;
 line-height: 40px;
}
.ch1-co{
display: inline; 
background: white; 
border: solid #235180;
 color: #235180;
 font-weight: bold;
/*  width: 50px;
 height: 50px;  */
 padding: 5px !important;
 margin: 5px;
}
.fukidesc {
    display: table;
    margin: 1em auto;
    width: 95%;
}
.fukicell {
    display: table-cell;
    vertical-align: middle;
    width: 50%;
    padding-right: 10px;
}
.fukidesc .fukibig {
    width: 62%;
}

ul.small {
  display: flex;
  flex-wrap: wrap;
}

.fukiimg {
    display: table-cell;
    vertical-align: middle;
    width: 50%;
    padding-right: 10px;
}
.fukiimg img {
    width: 100%;
}

.fukiimg i {
	font-size: 2em;
	margin-right: 10px;
}

.boxshadow {
    box-shadow: 0 2px 7px rgba(0,0,0,0.15), 0 5px 6px rgba(0,0,0,0.15);
}
.fukicell {
    display: table-cell;
    vertical-align: middle;
    width: 49%;
    position: relative;
}
.fukip {
    border: #ccc solid 4px;
    position: relative;
    background: white;
    padding: 12px 10px;
    border-radius: 13px;
}
.fukip:before {
    border-right: 23px solid #ccc;
    border-bottom: 20px solid transparent;
    border-top: 20px solid transparent;
    top: 30%;
    content: '';
    position: absolute;
    left: -23px;
}
.fukip p {
    margin: 0;
}
.fukip:after {
    content: '';
    position: absolute;
    border-right: 24px solid #fff;
    border-bottom: 20px solid transparent;
    border-top: 20px solid transparent;
    top: 30%;
    left: -17px;
   }
@media screen and (max-width: 600px){
.fukicell, .fukidesc, .fukip, .fukiimg, .post-content .codefuki .codebig, .fukiimg img, .post-content .fukidesc .fukisml, .post-content .fukidesc .fukibig {
    display: block;
    width: 95%;
	}	
		.fukidesc {
    margin: .5em;
	}
}
@media screen and (max-width: 600px){
.fukiimg.fukibig {
    max-width: 600px;
	}
		.fukidesc {
    margin: .5em;
	}
}
@media screen and (max-width: 600px){
.fukiimg {
    padding-right: 0;
    max-width: 400px;
    text-align: center;
	}
		.fukidesc {
    margin: .5em;
	}
}
@media screen and (max-width: 600px){
.fukip:before {
    border-bottom: 20px solid silver;
    border-left: 30px solid transparent;
    border-right: 30px solid transparent;
    top: -40px;
    content: '';
    position: absolute;
    left: 40%;
	}
		.fukidesc {
    margin: .5em;
	}
}
@media screen and (max-width: 600px){
.fukip:after {
    border-bottom: 20px solid white;
    border-left: 30px solid transparent;
    border-right: 30px solid transparent;
    top: -37px;
    content: '';
    position: absolute;
    left: 40%;
	}
		.fukidesc {
    margin: .5em;
	}
}
@media screen and (max-width: 600px){
.fukicell {
    padding-top: 0px;
	padding-right: 0;
	}
		.fukidesc {
    margin: .5em;
	}
}
@media screen and (max-width: 600px){
.fukip {
    border-radius: 6px;
    background: white;
	margin-top: -14px;
    border: solid 2px silver;
	}
		.fukidesc {
    margin: .5em;
	}
}
.mc-plus-btn{/*全体（ボタンと文字）*/
    text-align: center;/*中央揃え*/
    margin: 1em 0 1.5em 0;/*外側の余白（上1em 下1.5em）*/
}
.mc-plus-btn .btn{/*ボタンの設定*/
    width: 100%;/*幅100%*/
    padding: .2em 1.3em;/*内側の余白（上下.2em 左右1.3em）*/
    font-size: 1.3em;/*文字の大きさ*/
    font-weight: bold;/*文字を太文字に*/
}
.mc-top-text, .mc-btn{/*文字＋ボタン*/
    margin-bottom:-.2em!important;/*外側の余白（下-2em）*/
}
.mc-top-text{/*上の文字*/
    font-weight: bold;/*太文字に*/
}
.mc-under-text{/*下の文字*/
    font-size: .8em;/*ちょい小さく*/
}
.mc-btn a:after{/*ボタンのアイコン*/
    content: "\f138";/*お好きに変更してください*/
    font-family:"FontAwesome";
    margin-left: 20px;/*ボタンの文字との余白*/
}

/**
 * ===============================================
 * 比較表用
 * ===============================================
 */
.hikakuhyo table {
  border-collapse: collapse;
  margin: 0 auto;
  padding: 0;
/*   width: 850px; */
/*   table-layout: fixed; */
}

.hikakuhyo table tr {
  background-color: #fff;
  padding: .35em;
  border: 2px solid #eee;
}
.hikakuhyo table tr:last-child{
  border: none;
}
.hikakuhyo table th{
  padding: 1.5em 0;
  border-right: 2px solid #fff;
}
.hikakuhyo table td {
  padding: 1em .5em;
  border-right: 2px solid #eee;
  text-align: center;
}
.hikakuhyo table th {
  font-size: .85em;
}
.entry-content .hikakuhyo table thead tr th{
  background-color: #50535d;
  color:#fff;
}
.hikakuhyo table tbody th {
    border-right: 2px solid #eee;
}
.hikakuhyo th.non {
    border-right: none;
}
.hikakuhyo .txt{
   text-align: left;
   font-size: .85em;
}
.hikakuhyo .price{
  color: #000;
  font-weight: bold;
  font-size:1.3em
}
.hikakuhyo .price span {
    font-size: .6em;
}
.hikakuhyo .red_bk{
  background: #e81010 !important;
}
.hikakuhyo .red-txt{
  color: #e81010;
}
.hikakuhyo .btn{
  background:#e81010;
  border: 2px solid #e81010;
  color:#fff;
  padding: 1em;
  border-radius:20px;
  display:block;
  text-decoration:none;
  font-size:.8em
}
.hikakuhyo .btn:hover{
  background: #fff;
  border: 2px solid #e81010;
  color: #e81010;
  transition: .2s;
}
.hikakuhyo table .btnarea td {
  padding: .2em .5em;
  border-right:none
}
@media screen and (max-width: 600px) {
  .hikakuhyo .wrap{
     overflow-x: scroll;
  }
}

/**
 * ===============================================
 * 211130追加：簡易口コミ用
 * ===============================================
 */

.voice {
  margin: 1em 0 1.3em;
  font-size: 0.95em;
}

.voice.r .reviewer_icon {
  float: right;
}

.voice .reviewer_icon {
  width: 12%;
  text-align: center;
}

.voice figure {
  margin: 0;
}

.voice .reviewer_icon img {
  border-radius: 50%;
  margin: 0;
  border: 4px solid #f5f5f5;
}

.voice .reviewer_icon .name {
  font-size: 0.65em;
  padding: 0.4em 0;
}

.voice.r .voicecomment {
  float: left;
  border: 3px solid #eee;
  background-color: #fff;
  color: #444;
  padding: 0 2.5% 2.5% 2.5%;
  position: relative;
  width: 85%;
  border-radius: 5px;
}

.voice.r .voicecomment:before {
  content: '';
  position: absolute;
  border-left: 8px solid #eee;
  border-bottom: 8px solid transparent;
  border-top: 8px solid transparent;
  top: 10px;
  right: -11px;
}

.voice.r .voicecomment:after {
  content: '';
  position: absolute;
  border-left: 10px solid #fff;
  border-bottom: 8px solid transparent;
  border-top: 8px solid transparent;
  top: 10px;
  right: -7px;
}

.voicecomment hr {
  margin: 0;
}

.voice .stars {
  display: inline-block;
  margin-right: 10px;
}

.voice .stars ul {
  display: inline-block;
  list-style-type: none;
  margin-left: 0;
  margin-bottom: 0;
}

.voice .stars p {
	display: inline-block;
}

.voice .stars ul li {
  display: inline-block;
  margin: 0;
  padding: 0;
  line-height: 1em;
}

.voice .stars ul li img {
  height: 15px;
  width: auto;
}

.review_big {
  font-size: 18px;
  font-weight: bold;
}

hr.review_hr {
  margin: 0 0 0.6em 0;
}

.cf:after {
  clear: both;
}

.entry-content .voicecomment .stars ul {
  padding: 0;
  border: none;
  border-radius: 0;
}

.review_area{
    opacity: 1;
    display: block;
}
.review_area.is-hidden {
    opacity: 0;
    height: 0;
    margin: 0;
    display: none;
}
.list-btn,
.voice_box_review {
    margin-top: 20px;
}
.list-btn.is-btn-hidden,
.voice_box_review.is-btn-hidden {
  display:none;
}
.list-btn button,
.voice_box_review button {
    background-color: #264B67;
    color:#fff;
    font-weight: bold;
    border: none;
    cursor: pointer;
    outline: none;
    padding: 15px;
    width: 60%;
    display: block;
    margin: 0 auto;
}

.entry-content .is-hidden {
    opacity: 0;
    height: 0;
    margin: 0;
    display: none;
}

/**
 * ===============================================
 * 221219追加：検索結果H1用
 * ===============================================
 */

.search-title {
  margin: 1em 0 1em;
}

h1.search-title {
  line-height: 2.5;
}

/**
 * ===============================================
 * 230406追加：TOPカテゴリーリンク用
 * ===============================================
 */
.category-list {
  display: flex;
  flex-wrap: wrap;
}

.category-list-item {
  flex-basis: 48%;
  margin-right: 2%;
}

.category-list ul {
  border: none;
  margin-top: .5em;
  padding-top: 0;
}

.category-list-item h2 {
  margin: 1em 0 .5em;
}

@media only screen and (max-width: 767px) {
  .category-list-item {
    flex-basis: 100%;
    margin-right: 0;
  }
}

/**
 * ===============================================
 * 230420追加：SNSアイコンTikTok
 * ===============================================
 */
.follow_btn .TikTok:before,
.profile-sns li .TikTok {
  background: url("https://okinawa-ec.or.jp/englishfactor/wp-content/uploads/2023/04/tiktok_logo_135x135.png");
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
}