@charset "utf-8";

/* ------------------------------------
物件を探す #search
--------------------------------------- */
article>section { padding: 50px 0 0; }
article>section:last-child { padding-bottom:100px; }

#search .lead { font-size: 1.5em; font-weight: bold; }

.ra { margin: 0 auto 20px!important; }
.ra a { display: inline-block; padding:.1em .8em .2em; background: #dc0000; color: #fff; letter-spacing: .1em; line-height: 1.5; border: 2px solid #dc0000; text-align: center; }
.ra a:hover { background: #fff; color: #dc0000; }
.ra span { display: block; font-size: .7em; letter-spacing: -.01em; }


/*各アイコン*/
.ttl_icon span { position: relative; padding-left:60px; }
.ttl_icon span::before,.ttl_icon span::after { content: ""; position: absolute; top: 50%; left: 0; transform: translate(0,-50%); -webkit-transform: translate(0,-50%); }
.ttl_icon span::before { z-index: 2; left: 7px; background: url("../img/icon_map2.svg") no-repeat center /27px; width: 37px; height: 40px; }
.ttl_icon span::after { width: 50px; height: 50px; border-radius: 50%; background-color: #fff; }

.ttl_icon.school a { color: #fff; background-color:#00bf6c; border-color: #00bf6c; }
.ttl_icon.school span::before { background-image: url("../img/icon_school2.svg"); height: 34px; }

.ttl_icon.tag a { color: #fff; background-color:#2d78de;  border-color: #2d78de; }
.ttl_icon.tag span::before { left: 12px; background-image: url("../img/icon_tag2.svg"); background-size: 23px; width: 28px; height: 33px; }



.pageNav { padding: 0; }
.pageNav li { width: 32%; }
.pageNav li a { display: block; padding: 1em; border-radius: 10px; font-size: 1.25em; font-weight: bold; border: 2px solid #ffd53e; background: #ffd53e; }
.pageNav li a:hover { background: #fff; color: #ff7d19; }
.pageNav li.ttl_icon a:hover span::after { background-color: #ffd53e; }
.pageNav li.ttl_icon a:hover span::before { background-image: url("../img/icon_map.svg"); }
.pageNav li.ttl_icon.school a:hover span::after { background-color: #00bf6c; }
.pageNav li.ttl_icon.school a:hover span::before { background-image: url("../img/icon_school.svg"); }
.pageNav li.ttl_icon.tag a:hover span::after { background-color: #2d78de; }
.pageNav li.ttl_icon.tag a:hover span::before { background-image: url("../img/icon_tag.svg"); }


/*マップエリア*/
.mapBox { position: relative; /*padding: 30px;*/ border: 4px solid #ccc; }
.mapNav li { margin-bottom: .5em; padding: 0 1em .1em; text-align: center; font-size: 0.9em; background: #f39959; color: #fff;}
.mapNav li:nth-child(2) { background: #3fa1be; }
.mapNav li:nth-child(3) { background: #e6849a; }
.mapNav li:nth-child(4) { background: #3f3389; }
.mapNav li:nth-child(5) { background: #f50000; }

/*検索 共通*/
.searchArea .subTtl { text-align: left; font-size: 1.75em; }
.searchBox { padding: 30px;  border: 4px solid #ffd53e; border-radius: 10px; background: #fffdd8; }
.searchBox>div:not(:last-child) { margin-bottom: 20px; }
.ttl_disc { margin-bottom: .25em; font-size: 1.25em; font-weight: bold; }
.ttl_disc.orange { font-size: 1.5em; margin-bottom: 1em;}
.ttl_disc::before { content: "●"; font-size: 1rem; color: #ffd53e; }
.ttl_disc.orange::before { content: "●"; font-size: 1rem; color: #ffa749; }
.searchList { padding: 20px; border-radius: 10px; background: #fff; }
.searchList li { width: 24%; margin-bottom: 10px; }
.searchList li:not(:nth-child(4n)) { margin-right: 1%; }
.searchList a { position:relative; z-index:2; display:block; overflow:hidden;
    text-align:center; padding:.1em 1em .2em; font-size: .8em;
    border-radius: 5px; border: 2px solid #806642; background: #fff; }
.searchList a::before { content: ""; position: absolute; top: 0; right: 0;
    border: 6px solid transparent;
    border-top: 6px solid #ffd53e;
    border-right: 6px solid #ffd53e;}


/*学校名から探す*/
#search_school{ position: relative; }
#search_school .searchBox { border-color:#00bf6c; background: #ebfff6; }
#search_school .ttl_disc { float: left; }
#search_school .ttl_disc::before { color: #00bf6c; }
#search_school .btn_con { float: right; margin: 0 auto; }
#search_school .btn_con a { padding: .1em 1em .2em; min-width: 210px; font-size: .9em; border-radius: 5px;}
#search_school [class^="btn_"] a::before { border-top-color: #00bf6c; border-right-color: #00bf6c; border-width: 6px; }

.bnr_special{ margin-bottom: 1.5em; }
.special_btn{ position: absolute; top: 40px; right: 0; }
.special_btn a{
  position: relative;
  display: block;
  padding: 0.5em 3em 0.5em 4em;
  font-size: 1.2em;
  background: #00bf6c;
  color: #fff;
}
.special_btn a::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 1.5em;
  transform: translate(0,-50%);
  -webkit-transform: translate(0,-50%);
  background: url(/img/icon_school.svg)no-repeat center/contain;
  width: 34px;
  height: 25px;
}
.special_btn a::after {
  position: absolute;
  content: "";
  right: 1em;
  top: 50%;
  width: 8px;
  height: 8px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  -webkit-transform: rotate(
45deg
) translateY(-50%);
  transform: rotate(
45deg
) translateY(-50%);
}
.searchList+button { position: relative; float: none!important; display: block; margin-top: 10px!important; background: none; width: 100%; text-align: right; padding-right: 20px; }
.searchList+button::after { content: "";
    display: block; position: absolute; right: 0; top: 50%;
    width: 0; height: 0;
    transform: translate(0,-50%) rotate(90deg); transform: -webkit-translate(0,-50%) rotate(90deg);
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 10px solid #45341d;
  }



#search_school .searchBox>div:not(:last-child) { margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px dashed #c9e7da; }
#search_school .searchList li { position: relative; width: 32%; padding-left: 1.5em; font-size: .9em; }
#search_school .searchList li::before { content: "—"; position: absolute; top: 0;left: 0; color: #00bf6c; font-weight: bold;}
#search_school .searchList li:nth-child(4n) { margin-right: 1%; }


/*条件から探す*/
#search_tag .searchBox { border-color:#2d78de; background: #f2f9ff; }
#search_tag .ttl_disc::before { color: #2d78de; }
#search_tag .searchList a::before { border-top-color: #2d78de; border-right-color: #2d78de; }

#gender-ml .ttl_disc::before { color: #ffa749; }
#gender-ml .searchList a::before { border-top-color: #ffa749; border-right-color: #ffa749; }

#gender-ladies .ttl_disc::before { color: #ff5f83; }
#gender-ladies .searchList a::before { border-top-color: #ff5f83; border-right-color: #ff5f83; }




/* ------------------------------------
物件詳細 #search_detail
--------------------------------------- */

/*空セル右上がり斜線*/
.right_up_border {
background-image: linear-gradient(-20deg, transparent 49%, #ccc 49%, #ccc 51%,  transparent 51%, transparent);  }

.detailBox>div.inner { margin: 50px auto; }
.titleBox { text-align: center; margin: 0 auto!important; font-weight: bold; }

.gender { margin: 0 auto; color:#ffa749; }
.gender span { position: relative; padding: 0 1em; }
.gender span::before,.gender span::after { content: ""; position: absolute; }
.gender span::before { top: 0; left:0; border: 5px solid transparent; border-top: 5px solid #ffa749; border-left: 5px solid #ffa749; }
.gender span::after { bottom: 0; right:0; border: 5px solid transparent; border-bottom: 5px solid #ffa749; border-right: 5px solid #ffa749; }

.secTtl { font-size: 2.1875em; }
.lead { font-weight: normal; }
.sub_lead { margin-top: 1.5em; line-height: 1.7;}
.pink { color: #ff5f83;}

.ttl_stripe { margin-bottom: 1em; }
.ttl_bg { margin-bottom: clamp(20px,3vw,30px); margin-inline: 1% 3%; }
.ttl_disc { font-size: 1em; font-weight: 600;}
.s_inner { padding: 0 3% 0 1%; }


/*概要*/
.summary { position: relative; padding-bottom: 50px; }
.summary::before { content: ""; position: absolute; bottom: 0; right: 0; left: 0;
    width: 100%; min-height:  300px; z-index: -1;
    background-color: rgb(255 167 73 / 0.9);
    background-image: linear-gradient( transparent 95%, rgb(255 255 255 / 0.1) 50%, rgb(255 255 255 / 0.1)), linear-gradient( 90deg, transparent 95%, rgb(255 255 255 / 0.1) 50%, rgb(255 255 255 / 0.1) );
    background-size: 16px 16px;
    background-repeat: repeat;
}
.overview { width: 80%; margin: 20px auto 0; }
.summary .note_txt { width: 80%; margin: 0 auto; }

.bnr-cam { margin-bottom: 1.5em; }


/*スライド設定*/
#slider,#thumbnail_slider { position: relative; width: 80%; margin: 0 auto 10px; }
#slider img { width: 100%; }

#thumbnail_slider li { margin: 0 2px; }
#thumbnail-item img { width: 98%; margin: 0 auto; }
#thumbnail_slider .slick-current { background: #000; }
#thumbnail_slider .slick-current img { opacity: .5; }

.slick-arrow { z-index: 10; position: absolute; top: 50%; outline: none;
  width: 50px; height: 50px; background: #fff; border-radius: 100%; border: 1px solid #ccc; }
.slick-arrow::after {
    content: "";
    position: absolute; top: 50%; left:50%;
    width: 13px; height: 22px;
    background: url("../img/arrow.png") no-repeat center;
    transform: translate(-50%,-50%); }
.slick-prev::after { transform:scale(-1,1) translate(50%,-50%); }
.slick-next { right: -70px; }

.slick-prev { left: -70px; }


.detailBox .btn_con { margin: 50px auto; }


/*動画紹介*/
.movie { text-align: center; }
.youtube { padding: 30px; background: #ffedd3; }
.youtube iframe { width: 100%; height: 300px; }
.coming { width: 80%;  min-height: 250px; margin: 0 auto; padding: 100px 0; background: #ccc; font-size: 1.15em; color: #fff; }

/*360°カメラ*/
.panorama_list li{ border: solid 2px #e5e5e5; }
.panorama_list li:last-child{ margin-right: 0; }
.panorama_list li a{ display: block; }
.panorama_list li .ttl{ margin:0; padding:.5em 1em; }
.panorama_list li .img{ position: relative; background: #000; }
.panorama_list li .img img{ display: block; opacity: 1; transition: .3s; }


/*アクセス*/
.map { margin-bottom: 10px; }

/*料金表*/
.tbl_price2 { width: 100%; border: 3px solid #ccc; }
.tbl_price2 th, .tbl_price td { padding:1em; }
.tbl_price2 th { font-weight: bold; background: #ffedd3; border: 1px solid #ccc; }
.tbl_price2 td { text-align: center; border: 1px solid #ccc; }

.fee_nyukan .tbl_price2>tbody>tr:first-child,
.fee_nyukan .tbl_price2>tbody>tr.tr_line_ud { border-top: 3px solid #ccc; border-bottom: 3px solid #ccc; }

.fee_kanhi .tbl_price2>tbody>tr:nth-child(2) { border-bottom: 3px solid #ccc; }
.fee_kanhi .tbl_price2>tbody>tr>th { border-right: 3px solid #ccc; }
.fee_kanhi .tbl_price2>tbody>tr:nth-child(2)>th:nth-child(2n) { border-right: none; }

.fee_kanhi .tbl_price2>tbody>tr:nth-child(3)>td:nth-child(odd) {  border-right: 3px solid #ccc; }
.fee_kanhi .tbl_price2>tbody>tr:nth-child(4)>td:nth-child(odd) {  border-right: 3px solid #ccc; }
.fee_kanhi .tbl_price2>tbody>tr:nth-child(5)>td:nth-child(odd) {  border-right: 3px solid #ccc; }

/* 料金表・新デザイン */
.fee_kanhi { margin-block: clamp(20px,3vw,30px) clamp(40px,5vw,70px);}
.dormitory_fee_list { display: grid; grid-template-columns: repeat(2,1fr); gap: 1em;}
.dormitory_fee_list:not(:last-of-type) { margin-bottom: 1.5em;}
.dormitory_fee_list .fee_item { padding: 1.2em; padding-top: 1em; border: 3px solid #ccc; border-radius: 5px;}
.dormitory_fee_list .meal { margin-block: unset; padding-block: .2em .1em; font-size: .83em; font-weight: 500; text-align: center; background-color: #ffedd3; border-radius: 5px;}
.dormitory_fee_list .fee_dtl { display: grid; grid-template-columns:1fr; justify-items: center; width: max-content; margin-top: .5em; margin-inline: auto;}
.dormitory_fee_list .fee_item:nth-child(2) .monthly { display: grid; grid-template-columns: max-content 1fr; align-items: center; column-gap: 1em;}
.dormitory_fee_list .fee_dtl .monthly .price { padding-right: .05em; font-size: 2.5em; font-weight: 600;}
.dormitory_fee_list .fee_dtl .recommend { position: relative; top: .2em; padding: .3em .7em .2em; font-size: .83em; color: #fff; font-weight: 700; background-color: #ffa749; border-radius: 5px;}
.dormitory_fee_list .fee_dtl .other { font-size: .93em; color: #686868;}




.fee_duo { display: grid; grid-template-columns: repeat(2,1fr); gap: 2em 1.5em;}

.fee_other {display: grid; grid-template-columns: max-content 1fr; column-gap: 5em;}
.fee_other dd {position: relative; font-feature-settings:"palt";}
.fee_other dd::before { content:''; position: absolute; top: 1em; left: -4em; width: 3em; height: 2px; border-bottom: 2px dotted #979797;}


/*設備・備品*/
.tbl_icon>div { margin-bottom: 10px; }
.tbl_icon>div::after { content: ""; clear: both; display: block; }
.tbl_icon>div>dt { float: left; width: 20%; padding: 1.35em; border: 1px solid #9b2ad5; }
.tbl_icon>div:first-child dt { border-color: #ff7d19; }
.tbl_icon>div>dd { float: right; width: 78%; }
.iconBox li { width: 10%; margin-right: 1%; margin-bottom: 1%; }
.iconBox li img { width: 100%; }

/*周辺環境*/
.loca_imgBox{justify-content: flex-start;}
.loca_imgBox li { width: 23%; text-align: center; }
.loca_imgBox li:nth-of-type(5){margin-left: 0;}
.loca_imgBox li +li{margin-left: 2%;}
.loca_imgBox figure { display: block; position: relative; }
.loca_imgBox figure::after { content: ""; position: absolute; top: 5px; right: -5px; width: 100%; height: 100%; background: #fffccc; z-index: -1; }
.loca_imgBox li figcaption { display: block; margin: .5em auto; }
.loca_imgBox li img { width: 100%; }
.memoBox .subTtl { font-size: 1.5em; }
.memoBox::before { display: none; }

.timetable .btn_con,
.room .btn_con { margin: 20px auto!important; }


/* ----- 男子学生会館 ----- */
#search_detail.mens .gender { color:#41a1be; }
#search_detail.mens .tbl_icon>div:first-child dt { border-color: #41a1be; }
#search_detail.mens .gender span::before { border-top-color: #41a1be; border-left-color: #41a1be; }
#search_detail.mens .gender span::after { border-bottom-color: #41a1be; border-right-color: #41a1be; }
#search_detail.mens .summary::before { background-color: rgb(65 161 190 / 0.6); }
#search_detail.mens .ttl_stripe { background: #41a1be; }
#search_detail.mens .ttl_bg { background-color: #c8e3ec;}
#search_detail.mens .ttl_disc::before { color: #5eb9d4;}

/* ----- 女子学生会館 ----- */
#search_detail.ladies .gender { color:#ff5f83; }
#search_detail.ladies .tbl_icon>div:first-child dt { border-color: #ff5f83; }
#search_detail.ladies .gender span::before { border-top-color: #ff5f83; border-left-color: #ff5f83; }
#search_detail.ladies .gender span::after { border-bottom-color: #ff5f83; border-right-color: #ff5f83; }
#search_detail.ladies .summary::before { background-color: rgb(255 95 131 / 0.6); }
#search_detail.ladies .ttl_stripe { background: #ff5f83; }
#search_detail.ladies .ttl_bg { background-color: #e9b8c3; }
#search_detail.ladies .ttl_disc::before { color: #fa7f9a;}


/*施設・設備の利用時間について*/
.timetable .tbl_price td { text-align: left !important; }
.timetable .tbl_price .sp_none { display: table-cell;}

/* .timetable .tbl_price2 { font-size: 0.82rem; letter-spacing: .1em; line-height: 1.5;}
.timetable .tbl_price2 .holiday { background: #eee; margin: .5em;}
.timetable .tbl_price2 td { padding: 1em; }
.timetable .tbl_price2 td>ul { text-align: left; }

.timetable .tbl_price2>tbody>tr:first-child,
.timetable .tbl_price2>tbody>tr:nth-child(3),
.timetable .tbl_price2>tbody>tr:nth-child(5),
.timetable .tbl_price2>tbody>tr:nth-child(8),
.timetable .tbl_price2>tbody>tr:nth-child(10),
.timetable .tbl_price2>tbody>tr:nth-child(12),
.timetable .tbl_price2>tbody>tr:nth-child(2)>th:first-child,
.timetable .tbl_price2>tbody>tr:nth-child(4)>th:first-child,
.timetable .tbl_price2>tbody>tr:nth-child(6)>th:first-child,
.timetable .tbl_price2>tbody>tr:nth-child(9)>th:first-child{ border-bottom: 3px solid #ccc; }

.timetable .tbl_price2>tbody>tr:first-child>th:not(:last-child),
.timetable .tbl_price2>tbody>tr>th,
.timetable .tbl_price2>tbody>tr>td { border-right: 3px solid #ccc;  }

.timetable .tbl_price2>tbody>tr:nth-child(2)>th:first-child,
.timetable .tbl_price2>tbody>tr:nth-child(4)>th:first-child,
.timetable .tbl_price2>tbody>tr:nth-child(6)>th:first-child,
.timetable .tbl_price2>tbody>tr:nth-child(9)>th:first-child,
.timetable .tbl_price2>tbody>tr:nth-child(11)>th:first-child { border-right: 1px solid #ccc; }

.time-c { font-size: .9em; line-height: 1.5; }
.time-c>span.small { font-size: .5em; } */


/*おすすめポイント*/
.osusumeList{ margin-top:3em; }
.osusumeList li { width: 48%; margin-bottom: 40px; }
.osusumeList li .ttl { position: relative; text-align: center; margin-bottom: .8em; font-size: 1.375em; font-weight: bold; color: #ff7900; }
.osusumeList li .ttl::before { content: ""; z-index: -1; position: absolute; right: 0; bottom: -24px; background-repeat: no-repeat; }
.osusumeList li .txt { margin: 1em auto 0; border-left: 4px solid #ffa749; padding: .7em 0 .8em 1.5em; }

.osusumeList li:first-child .ttl::before { background-image: url("/special/img/pharmaceutical_university/01.png"); width: 97px; height: 78px; }
.osusumeList li:nth-child(2) .ttl::before { background-image: url("/special/img/pharmaceutical_university/02.png"); width: 113px; height: 78px; }
.osusumeList li:nth-child(3) .ttl::before { background-image: url("/special/img/pharmaceutical_university/03.png"); width: 113px; height: 78px; }
.osusumeList li:nth-child(4) .ttl::before { background-image: url("/special/img/pharmaceutical_university/04.png"); width: 109px; height: 78px; }
.osusumeList li:nth-child(5) .ttl::before { background-image: url("/special/img/pharmaceutical_university/05.png"); width: 115px; height: 78px; }
.osusumeList li:nth-child(6) .ttl::before { background-image: url("/special/img/pharmaceutical_university/06.png"); width: 113px; height: 78px; }
.osusumeList li:last-child{ margin-bottom: 0; }

.osusumeList li .btn_con{ margin: 1.5em 0; text-align: center; }

/*GoogleMapはこちら*/
.access .map_link {
  position: relative;
  display: inline-block;
  margin-left: 1em;
  padding-left: 1.5em;
  color: #ffa749;
}
.access .map_link::before {
  content: "";
  display: block;
  position: absolute;
  top: .15em;
  left: 0;
  width: 1.2em;
  height: 1.5em;
  background: url(../img/search/i-pin.svg) center / 100% no-repeat;
}


/*周辺施設*/
.syuhen .grid { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; gap: 25px 2.6%;}
.syuhen .img-li>figure { text-align: center; }
.syuhen img { max-width: 100%; height: auto; font-size: 0; line-height: 0; border-width: 0px; vertical-align: bottom; }
.syuhen figcaption { display: block; unicode-bidi: isolate; margin-top: 0.5em; line-height: 1.4; }
.syuhen small { font-size: smaller; }
.map-img-margin { margin-bottom: 2em; }

/* ギャラリー */
.gallery { margin-top: 70px; }
[class^="gallery_list"] { margin: 2em auto 0; }
[class^="gallery_list"] > li > a { display: block; position: relative; overflow: hidden; }
[class^="gallery_list"] > li > a::before { display: block; padding-top: 75%; content: "";}
[class^="gallery_list"] > li > a img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover;}
[class^="gallery_btn"] { display: flex; align-items: center; justify-content: center;
  width: 295px; margin: 40px auto 0; color: #45341d; border: 2px solid #806642; background: #fff;
  cursor: pointer; -webkit-transition: all .3s; transition: all .3s; }
[class^="gallery_btn"]:hover { color: #ff7d19; }
[class^="gallery_btn"]::before { content: ""; position: absolute; top: 0; right: 0; border: 10px solid transparent; border-top: 10px solid #fff100; border-right: 10px solid #fff100;}

/* ================================================================
  レスポンシブ
=================================================================== */
/* 600以上(PC・タブレット) */
@media screen and (min-width: 600px) {
  .ra { margin: 0 auto!important; }
  .ra a { padding: 0.1em 0.8em 0.2em; font-size: 1em; line-height: 1.4; }

  .mapNav { position: absolute; top: 30px; left: 30px; }
  .two_column .youtube {
    display: flex; -webkit-display: flex;
    flex-wrap: nowrap; -webkit-flex-wrap: nowrap;
    justify-content: space-between; -webkit-ustify-content: space-between;
    }
  .two_column .youtube iframe { width: 49%; height: 300px; }

  /*360°カメラ*/
  .panorama_list{ width: 90%; margin:2em auto 0; }
  .panorama_list li{ width:32%; margin-right: 2%; }
  .panorama_list li:nth-child(3n){ margin-right: 0; }
  .panorama_list li:nth-child(n+4){ margin-top: 2%; }
  .panorama_list li a:hover .img img{ opacity: 0.7; }
  .panorama_list li a:hover .img::before{
    position: absolute;
    content: "";
    width: 3.5em;
    height: 3.5em;
    background: url("/img/search/panorama/ico_panorama.svg")center / contain no-repeat;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    transform: -webkit-translateY(-50%) translateX(-50%);
    z-index: 10;
  }

  /* ギャラリー */
  [class^="gallery_list"] li { width: 23.5%; }
  [class^="gallery_list"] li:not(:nth-child(4n+1)) { margin-left: 2%; }
  [class^="gallery_list"] li:nth-child(n+5) { margin-top: 2%; }

}


/* 960px以上(PC) */
@media screen and (min-width: 960px) {
  .youtube iframe { width: 760px; height: 427px; }
}


/* 1024以下 (タブレット横以下) */
@media screen and (max-width: 1100px) {
  .searchList li { width: 49%; }
}


/* ================================================================
  タブレット
=================================================================== */
/* 1024以下 (タブレット横以下) */
@media screen and (max-width: 1024px) {

}

/* 959以下 (タブレット以下) */
@media screen and (max-width: 959px) {

  .pageNav li a { padding: 1em 0 1em .5em; font-size: 1.15em; }

  /* 料金表・新デザイン */
  .dormitory_fee_list { grid-template-columns: 1fr;}
  .fee_duo { column-gap: .5em;}
  .fee_other { column-gap: 3em;}
  .fee_other dd::before { left: -2.3em; width: 1.5em;}

  /*アクセス*/
  .map iframe { height: 300px; }


  .mapNav li { font-size: 13px; }
  .osusumeList li .ttl{ font-size: 1.15em; }

}

@media screen and (max-width: 759px) {
  .fee_duo { grid-template-columns: 1fr; margin-bottom: 3em;}
}

/* ================================================================
  スマホ
=================================================================== */
@media screen and (max-width: 599px){

.ra { text-align: center; margin: 0 auto 30px!important; }
.ra a { padding: 0 1em .1em; line-height: 1.4; }
.syuhen .grid { grid-template-columns: 1fr 1fr; }

/* ------------------------------------
物件を探す #search
--------------------------------------- */
.pageNav li { width: 100%; margin-bottom: 10px; }

#search .lead { font-size: 1.2em; }

.mapBox { padding: 0;border:none; }
.mapBox figure { border:2px solid #ccc; }

.mapNav { display: flex; -webkit-display: flex; flex-wrap: wrap; justify-content: space-between; -webkit-justify-content: space-between; font-size: .55em; }
.mapNav::after { display: block; content: ""; width: 32%; }
.mapNav li { width: 32%; padding: .5em 0; line-height: 1.3; }
.mapBox p.center { margin: 0 auto; }

.searchBox { padding:20px 10px; }
.searchList { padding: 10px; display: flex; -webkit-display: flex; justify-content: space-between; -webkit-justify-content: space-between; }
.searchList li { width: 100%; }
.searchList li:not(:nth-child(4n)) { margin-right: 0;  }
.searchList a { font-size: .9em; }

.special_btn{ position: initial; margin-top: 0; }
.special_btn a{ padding: 0.5em 2em 0.5em 3.5em; }
.special_btn a::before{ left: 0.5em; }
.bnr_special{ margin-bottom: 1em; }
#search_school .btn_con a { min-width: 160px; }
#search_school .searchList li { width: 100%; }
#search_school .searchBox>div:not(:last-child) { margin-bottom: 20px; padding-bottom: 20px; }


/* ------------------------------------
物件詳細 #search_detail
--------------------------------------- */
/*空セル右上がり斜線*/
.right_up_border {
background-image: linear-gradient(-52deg, transparent 49%, #ccc 49%, #ccc 51%,  transparent 51%, transparent);  }

.s_inner { padding: 0 2%; }
.secTtl { font-size: 2em; }
.lead { margin-bottom: 30px; }
.ttl_stripe { overflow: hidden;}
.ttl_stripe::before,.ttl_stripe::after { border-bottom-width: 100px!important; }
.ttl_bg { margin-inline: 2%; padding-block: .1em; font-size: 1.2em;}

#slider,#thumbnail_slider { width: 100%; }
.slick-arrow { display: none!important; }

.summary { padding-bottom: 40px; }
.overview { width: 100%; }

.detailBox>div.inner { margin: 30px auto 50px;}
.detailBox .btn_con { margin: 40px auto 0; }
.floormap { margin-bottom: 40px!important; }

.youtube { padding: 20px; }
.youtube iframe { height: 180px;}
.coming { width: 100%;  min-height: 200px;  padding: 80px 0; }

/*360度カメラ*/
.panorama_list{ margin-top: 1em; }
.panorama_list li{ width:49%; margin-right: 2%; }
.panorama_list li:nth-child(2n){ margin-right: 0; }
.panorama_list li:nth-child(n+3){ margin-top: 2%; }
.panorama_list li .ttl{ padding:.5em; }
.panorama_list li .img img{ opacity: 0.7; }
.panorama_list li .img::before{
  position: absolute;
  content: "";
  width: 3em;
  height: 3em;
  background: url("/img/search/panorama/ico_panorama.svg")center / contain no-repeat;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  transform: -webkit-translateY(-50%) translateX(-50%);
  z-index: 10;
}
.panorama_list.comingsoon li .img::before { display: none;}
.panorama_list.comingsoon li .img img { opacity: 1;}


.tbl_icon>div { margin-bottom: 20px; }
.tbl_icon>div>dt { float: none; width: 100%; padding: .3em 1em .2em; text-align: center; }
.tbl_icon>div>dd { float: none; width: 100%;}
.iconBox { margin: 10px 0 0 1%; }
.iconBox li { width: 19%; }

.tbl_price2 { font-size: .87em; }
.tbl_price2 th { padding: .5em 0; }

.fee_nyukan .tbl_price2 > tbody > tr:first-child > th:nth-child(2) ,
.fee_nyukan .tbl_price2 > tbody > tr:first-child > th:nth-child(3) ,
.fee_nyukan .tbl_price2 > tbody > tr:first-child > th:nth-child(4) { width: 85px;font-size: .9em;}

.fee_nyukan .tbl_price2 > tbody > tr:nth-child(2) > th:first-child { width: 60px; }
.fee_nyukan .tbl_price2 > tbody > tr:nth-child(2) > th:nth-child(2) { width: 43px; }

.fee_kanhi .tbl_price2  {  width: 180%; }

/* 料金表・新デザイン */
.dormitory_fee_list { gap: .7em;}
.dormitory_fee_list .fee_item { padding: .7em ;}
.dormitory_fee_list:not(:last-of-type) { margin-bottom: 1em;}
.dormitory_fee_list .fee_dtl { margin-top: .2em;}
.dormitory_fee_list .fee_dtl .monthly .price { font-size: 2em; line-height: 1.7;}

.dormitory_fee_list .fee_item { border: 1px solid #ccc;}
.dormitory_fee_list .fee_item:nth-child(2) { }
.dormitory_fee_list .fee_item:nth-child(2) .monthly { grid-template-columns: 1fr; position: relative;}
.dormitory_fee_list .fee_item:nth-child(2) .monthly .recommend { position: absolute; display: grid; align-items: center; justify-content: center; top: -1.6em; right: -6em; width: 5em; height: 5em; padding-inline: .4em; font-size: .75em; border-radius:50%;}
.dormitory_fee_list .fee_item:nth-child(2) .monthly .recommend::before {
  content: ''; position: absolute; top: 3.8em; left: -.2em; transform: rotate(50deg); width: 1em; height: .9em; background-color: #ffa749; clip-path: polygon(100% 0, 0 0, 50% 100%);
}

.scrollWrap > .scroll:before { display: none; }
.scrollWrap > .scroll { margin-bottom: 0!important; }

.loca_imgBox li { width: 48% ; margin-bottom: 1%; }

/*施設・設備の利用時間について*/
.timetable .tbl_price th { width: 80px; font-size: .85em;}
.timetable .tbl_price .sp_none { display: none;}

/* .timetable .tbl_price2 { width: 850px; }
.timetable .ttl_stripe::before,
.timetable .ttl_stripe::after { border-bottom-width: 100px!important; } */

.osusumeList { margin-top: 0; }
.osusumeList li .ttl{ font-size: 1.3em; }
.osusume .ttl_stripe::before,
.osusume .ttl_stripe::after { border-bottom-width: 100px!important; }
.osusumeList li { width: 100%; margin-bottom: 30px; }
.osusumeList li .ttl { margin-bottom: 1em; line-height: 1.5; }
.osusumeList li .txt { padding:.5em .5em .5em 1em;  }

/* ギャラリー */
[class^="gallery_list"] li { width: 49%; }
[class^="gallery_list"] li:not(:nth-child(2n+1)) { margin-left: 2%; }
[class^="gallery_list"] li:nth-child(n+3) { margin-top: 2%; }

}