@charset "utf-8";
#headerinner {width: 1062px;}
#mainContent {width: 1062px;}
/* ドロップダウン検索スタイル */
.searchArea {
    position: relative; 
    z-index: 1000;
}
.searchTbl {
    width: 100%;
    border-collapse: separate;
    table-layout: fixed;
    border: 1px solid #C7C7C7;
    border-radius: 3px;
    background: white;
}
.searchTbl td {
    padding: 5px 0;
    border-right: none;
}
.searchTbl td div div {
    font-size: 14px;
    color: #333;
    width: calc(100% - 45px);
    margin-left: 45px;
    cursor: pointer;
    height: 35px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 35px;
    display: block;
}

/* プルダウンエリアスタイル */
.pulldownArea {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 100;
  width: 100%;
}
.pulldownArea .areaInner {
  position: relative;
}
.pulldownArea .areaInner .listwrap {
  position: absolute;
  border: 1px solid #C7C7C7;
  border-top: none;
  top: 0;
  background: white;
  display: list-item; /* JSでデフォルト非表示 */
  box-shadow: 2px 2px 2px #C7C7C7;
}
/* ドロップダウンの配置 */
/* エリアドロップダウン */
.pulldownArea .areaInner .listwrap:nth-child(1) { left: 0px; display:flex;}
/* ジャンルドロップダウン */
.pulldownArea .areaInner .listwrap:nth-child(2) { left: 200px; display:flex;}

.pulldownArea .areaInner .listwrap ul.cate li,
.pulldownArea .areaInner .listwrap .detail ul li {
  padding: 10px;
  font-size: 14px;
  cursor: pointer;
  min-width: 120px;
  list-style: none;
}
.pulldownArea .areaInner .listwrap ul.cate li:hover,
.pulldownArea .areaInner .listwrap .detail ul li:hover {
  background: #00a4d4;
  color: white;
}
.pulldownArea .areaInner .listwrap .detail {
  border-left: 1px solid #C7C7C7;
  min-width: 150px;
  display: none; /* デフォルト非表示 */
}
.listwrap { display: none; } /* デフォルト非表示 */
.cate, .detail ul { margin: 0; padding: 0; }

a:hover {text-decoration: none;}
header.globalheader {
  border-bottom: 1px solid #c7c7c7;
  width: 1062px;
  margin: 0 auto;
  background: white;
}
.study_abroad_mv {
  width: 100%;
  object-fit: cover;
  margin-top: 20px;
}
.location {
  color: #464646;
  font-size: 12px;
  margin-bottom: 11px;
}
.home_h2 {
    font-size: 20px;
    text-align: center;
    margin: 20px 0;
    font-weight: bold;
}
#search_result_list.type04 .block_list_box{margin: 70px auto 60px;}
#search_result_list.type04 .list_box .data_area {padding: 10px 10px 11px 12px;}
#search_result_list.type04 .list_box .data_area .scl_name h2 {
    font-size: 18px;
    line-height: 18px;
}
#search_result_list.type04 .list_box .data_area .scl_name h2 a{color:#364C9C;}
#search_result_list.type04 .list_box .data_area .scl_photo {margin-bottom: 0px;}
.searchArea {
    padding: 30px calc((100% - 980px) / 2);
    background: #F6F6F6;
    position: absolute;
    width: 980px;
    left: 0;
}

.searchArea .inner {
    position: relative;
}

.searchTbl {
    width: 100%;
    border-collapse: separate;
    table-layout: fixed;
    border: 1px solid #C7C7C7;
    border-radius: 3px;
    background: white;
}

.searchTbl td p {
    position: absolute;
    top: -24px;
    left: 6px;
}

.searchTbl td p.manabi {
    position: absolute;
    top: -24px;
    left: 210px;
}

.searchTbl td p span, .searchTbl td p span.karea {
    color: white;
    padding: 0 4px;
    background: #00a4d4;
    font-size: 11px;
    position: relative;
}

.searchTbl td p span::after, .searchTbl td p span.karea::after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: 4px solid transparent;
    border-top-color: #00a4d4;
    position: absolute;
    bottom: -8px;
    left: calc(50% - 4px);
}

.searchAreaBox {
    height: 137.6px;
}

div:not(.searchArea.all) .searchTbl td {
    width: 200px;
}

.searchTbl td:first-child {
    border-radius: 3px 0 0 3px;
}

.searchTbl td {
    border-right: none;
    padding: 5px 0;
}

div:not(.searchArea.all) .searchTbl td:nth-last-child(2) {
    width: auto;
}

.searchTbl td:last-child {
    border-radius: 0 3px 3px 0;
    border-right: 1px solid #C7C7C7;
    width: 80px !important;
    background: #00a4d4 url(https://school.js88.com/img/common/icon-search.png) no-repeat right 10px center;
}

.searchTbl td:last-child a {
    display: block;
    color: white;
    font-size: 16px;
    padding: 5px 10px;
    text-decoration: none;
}

.btn_checked_all {
    display: inline-block;
    font-size: 15px;
}

.btn_checked_all a {
    background: #f4f4f4;
    padding: 2px;
    color: #464646;
}

.v-align-top {
    vertical-align: top;
    width:20px;
}

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

.areaBox {
  background: url(/oc2021/search_icon2.gif) no-repeat left 12px center
}

.genreBox {
  background: url(/oc2021/search_icon4.gif) no-repeat left 12px center;
}

/*パンフデザインここから*/
#search_result_list .block_list_action:first-child {
  height: auto;
  margin-bottom: 0px;
}
#search_result_list .list_inner{
  padding: 2px 0;
}
#search_result_list .block_list_action{
  height: auto;
}
.checkTop{
  display: flex;
  align-items: center;
  background: url(/common_img/r_seikyu/cart.png) no-repeat left 0px center;
}
.checkTop :not(.update_notice, .update_img){
  font-family: "Hiragino Mincho ProN W6", "ヒラギノ明朝 ProN W6", "Hiragino Mincho ProN","游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.checkTop .ikkatuCartNum{
  position: absolute;
  font-size: 26px;
  color: #f00;
  margin-left: 180px;
  width: 31px;
  text-align: center;
  font-weight: 600;
}
.cart{
  font-size: 18px;
  line-height:21px;
  margin-left: 50px;
  color: #333;
  font-family: "Hiragino Mincho ProN W6", "ヒラギノ明朝 ProN W6", "Hiragino Mincho ProN","游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.cart span{
  font-size: 15px;
  padding-left: 40px;
}
.seikyuBtn{
  width: 380px;
  margin: 0 auto 50px;
}
.seikyuBtn a{
  font-size: 20px;
  padding: 13px 20px;
  background: #F50000;
  color: #fff;
  border-radius: 46px;
  display: block;
  font-weight: bold;
}
.chk_txt{
  font-size: 15px;
  line-height: 18px;
  margin-right: 18px;
  color: #1c1c1c;
  font-family: "Hiragino Mincho ProN W6", "ヒラギノ明朝 ProN W6", "Hiragino Mincho ProN","游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.chk_txt input[type="checkbox"]{
  width: 19px;
  height: 19px;
  margin-right: 10px;
}
.update_notice{
  font-size: 12px;
  color: #1c1c1c;
}
.update_notice .update_img, .scl_update .update_img{
  color: #d91617;
  font-weight: bold;
  font-size: 11px;
  border-bottom: 1px solid;
  vertical-align: top;
}
.block_list_action .checkSec {
  position: relative;
}
.block_list_action .checkSec > div {
  position: absolute;
  right:0;
}
.search_result_pager.single .result_num{
  font-size: 15px;
  color: #1c1c1c;
}

#headerinner #h_btm{
  padding:0;
}

.search-button{
  background:#C1C1C1;
}
/*パンフデザインここまで*/
/* pagenation */
ul.pagenation {display: table;margin: 0 auto;}
ul.pagenation li:not(.prev):not(.next):not(.mid) {width: 32px;}
ul.pagenation li:not(.mid) {border-top: 1px solid #C7C7C7;border-bottom: 1px solid #C7C7C7;}
ul.pagenation li {text-align: center;float: left;line-height: 15px;}
ul.pagenation li.on {
  border-bottom: 4px solid #3e5299;
  box-sizing: border-box;
  height: 30px;
  width: 31px;
  padding: 7px 0 6px;
  font-size: 13px;
}
ul.pagenation li a {
  display: block;
  color: #333;
  font-size: 13px;
  padding: 7px 0 6px;
}
ul.pagenation li.page{border-left:1px solid #C7C7C7;border-right:1px solid #C7C7C7;}
ul.pagenation li.page + li.page{border-left:0;border-right:1px solid #C7C7C7;}
ul.pagenation li.prev {margin-right: 10px;}
ul.pagenation li.next {margin-left: 10px;}
ul.pagenation li.prev a,
ul.pagenation li.next a{padding: 7px 8px 6px 9px;}
ul.pagenation li.mid{padding: 7px 10px 6px;}
ul.pagenation li.prev,
ul.pagenation li.lastpage,
ul.pagenation li.next{border: 1px solid #C7C7C7;}
p.show_num {font-size: 12px;text-align: center;}

/* cartFilter */
#cartFilter {
  font-family: initial;
}
a.seikyuBtn22 {
  width: 345px;
  font-size: 20px;
  padding: 13px 20px;
  background: #F50000;
  color: #fff;
  border-radius: 46px;
  display: block;
  font-weight: bold;
}