/* 共通 */
.ritsumei_university-color1 { color: #990000; }
.ritsumei_university-color2, .ritsumei-traffic > dt::before { color:#ee8f8f; }

.bg_hogan { border-top: 1px solid rgba(0, 0, 0, .06); border-bottom: 1px solid rgba(0, 0, 0, .06);  position: relative; }
.bg_hogan::before {
  content: ""; z-index: -1; position: absolute; top: 0; left: 0; bottom: 0; display: block;
  width: 100%; background-color: #fff; background-image: linear-gradient( transparent 95%, rgba(0, 0, 0, .06) 50%, rgba(0, 0, 0, .06)), linear-gradient( 90deg, transparent 95%, rgba(0, 0, 0, .06) 50%, rgba(0, 0, 0, .06) ); background-size: 16px 16px;
  background-repeat: repeat; }

.bg_stripe { background-color: #f9efef; }

/* タイトル */
.ttl_etc { border: none; border-top: 4px solid #990000; border-bottom: 4px solid #990000; border-radius: 0;  }


/* ページタイトル */
.pageTitle.darkRed { display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column; padding: 1.5em 1.5em 1em; background: url(/img/ritsumeiuni_pageTitle.jpg) no-repeat center /cover; position: relative; }
.pageTitle.darkRed::before { background-image: url(/img/deco_ttl-darkRed.png);}

.pageTitle .logo-uni > span { display: block; font-weight: bold; }
.pageTitle .logo-uni .logo-dormy { margin-top: 10px; }
.pageTitle .logo-uni .logo-dormy img { margin: 0 10px; }
.pageTitle .logo-uni .logo-ritsumei em { margin-right: 5px; color: #990000; }

.pageTitle .apl_icon { position: absolute; right: 4%; top: 50%; transform: translateY(-50%); display: flex; align-items: center; justify-content: center; width: 220px; height: 220px; background: #fff; border-radius: 50%; font-size: 1.125rem;}
.pageTitle .apl_icon em { font-size: 1.39em; color:#990000; }

/* メッセージ */
.message { padding: 3.5em 0 5.5em; }
.message .lead { margin-block: 2em 1.5em; }
.message .txt-box { padding: 2em 4em; background: #fff; border: 2px solid #eee; }
.message .apl_icon { padding: .5em 3em 1em; background: #f9efef; border-radius: 3em; position: relative; }
.message .apl_icon::before { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -15px; border: 15px solid transparent; border-top: 15px solid #f9efef; }
.message .apl_icon span { font-size: 1.23em; color:#990000; }

/* map */
.map { margin-top: 5em; }

/* ドーミー4つの特徴 */
.features { padding: 4em 0; }
.feaList > li { width: 23%; text-align: center; border-radius: 10px; overflow: hidden; background: #fff; position: relative; }
.feaList > li::before { content: ""; position: absolute; bottom: 0; right: 0; border: 10px solid transparent; border-bottom: 10px solid #990000; border-right: 10px solid #990000; }
.feaList > li a { display: flex; align-items: stretch; flex-direction: column; }
.feaList > li .dtl { padding: 2em .5em; }
.feaList > li h3 { font-size: 1.2em; font-weight: bold; position: relative; }
.feaList > li h3 + p { margin: .6em 0 0; font-size: .87em; line-height: 1.5; }

.bnr_topics_member { padding-bottom: 80px; }

/* 物件一覧 */
.property { display: block; margin-bottom: 150px; padding: min(10%,100px) 0; }
.ritsumei-uni-list { max-width: 1000px; margin: 0 auto; }
.ritsumei-uni-list .pickup { position: absolute; top: 0; margin: 0; padding: .5em 1.5em; color: #fff; background: #990000; }
.ritsumei-uni-list .pickup > span { padding-left: 35px; position: relative; }
.ritsumei-uni-list .pickup > span::before { content: ""; position: absolute; top: 0;
left: 0; bottom: 0; background: no-repeat center / 100%; }
.ritsumei-uni-list .pickup > span.ninki::before { width: 25px; height: 25px; background-image: url("../img/ritsumei_university/ico-ninki.svg"); }
.ritsumei-uni-list .pickup > span.near::before { width: 20px; height: 25px; background-image: url("../img/ritsumei_university/ico-mappin.svg"); }
.ritsumei-uni-list .pickup > span.newbukken::before { width: 25px; height: 25px; background-image: url("../img/ritsumei_university/ico-newbukken.svg"); }
.ritsumei-uni-list .pickup + .ritsumei-uni-name { margin-top: 1em; }
.ritsumei-uni-list > li { background-color: #fff; border: 6px solid #990000; position: relative; }

.ritsumei-uni-list > li + li { margin-top: 5em; }
.ritsumei-uni-list > li .content-box { padding: 3em 4.5em 3em; }
.ritsumei-uni-name { margin-bottom: 1.5em; padding-bottom: .5em; font-weight: bold; position: relative; border-bottom: 5px solid #f9efef; }
.ritsumei-uni-name .name { font-size: 2em; }
.ritsumei-uni-name .gender { position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    padding: 0.36em 1em;
    border-radius: 5px;
    font-size: 0.8em; }
/*.ritsumei-uni-name::before { content: ""; position: absolute; bottom: 0; left: 0;
width: 100%; height: 12px; background-size: auto auto; background-color: transparent;
background-image: repeating-linear-gradient(135deg, transparent, transparent 3px, #e1b9e9 3px, #e1b9e9 6px ); }*/
.ritsumei-uni-info { margin-top: clamp(2.5em,0.6vw,60px); }
.ritsumei-uni-info .ttl-route { margin-bottom: 1.5em; padding-bottom: .5em; border-bottom: 2px solid #990000; font-size: clamp(1.063rem, 0.95rem + 0.48vw, 1.25rem); font-weight: 500; }
.ritsumei-uni-info .access-img { margin-block: 2em 3em; }
.ritsumei-uni-traffic { padding-left: 1.5em; position: relative; }
.ritsumei-uni-traffic dt { margin-bottom: .5em; }
.ritsumei-uni-traffic dt::before { content: "●"; position: absolute; top: 0; left: 0; color: #ee8f8f; }

.ritsumei-uni-info .btn_con { margin-top: 4em; }
.ritsumei-uni-info .btn_con { margin: 3.3em 0 0; }
.ritsumei-uni-info .btn_con a { display: block; width: 100%; background: #990000; color: #fff; border: 2px solid #990000; border-radius: 0; transition: all linear .3s; }
.ritsumei-uni-info .btn_con a:hover { background: #ee8f8f; }
.ritsumei-uni-info .btn_con a::before { display: none; }

.ritsumei-uni-slide .slick-slide img { margin-inline: auto; }

.ritsumei-uni-slide .slick-arrow { content: ""; position: absolute; z-index: 1; top: 50%; transform: translateY(-50%); text-indent: -9999px; background: none; }
.ritsumei-uni-slide .slick-prev::before,
.ritsumei-uni-slide .slick-next::before { content: ""; position: absolute; top: 0; width: 2em; height: 2em; border: 2px solid #990000; border-radius: 3em; }
.ritsumei-uni-slide .slick-prev::before { left: 0; right: auto; transform: rotate(180deg); }
.ritsumei-uni-slide .slick-next::before { right: 0; }
.ritsumei-uni-slide .slick-next { right: 0; }

.ritsumei-uni-slide .slick-prev::after,
.ritsumei-uni-slide .slick-next::after { content: ""; position: absolute; display: inline-block;
  top: 10px;
  width: 10px;
  height: 10px; transform: rotate(45deg); }
.ritsumei-uni-slide .slick-prev::after { left: 12px; border-left: 2px solid #990000;
  border-bottom: 2px solid #990000; }
.ritsumei-uni-slide .slick-next::after { right: 12px; border-top: 2px solid #990000;
  border-right: 2px solid #990000; }


.ritsumei-list { position: relative;}
.ritsumei-list::before { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: #FFF; background-image: linear-gradient( transparent 95%, rgba(0, 0, 0, .06) 50%, rgba(0, 0, 0, .06)), linear-gradient(
    90deg, transparent 95%, rgba(0, 0, 0, .06) 50%, rgba(0, 0, 0, .06) ); background-size: 16px 16px; background-repeat: repeat; content: "";}


/* 物件ごとのwrap */
.ritsumei-list > li { padding-bottom: 4.375em; width: 100%;}


/* 物件情報テキスト部 */



.feature li span { color: #45341d; font-size: 1.125em;}
.feature li span em,
.feature li span .label { color: #990000;}

/* xx分（数字）部分 */
.feature li span em { font-size: 1.39em; }

li.ico-bicycle { padding-left: 2.4em;}
li.ico-bicycle::before { top: 55%; left: 2%; background-image: url(/img/icon/bicycle-darkRed.svg); width: 33px; height: 20px;}
li.ico-bus::before { top: 53%; background-image: url(/img/icon/bus_darkRed.png.svg); width: 19px; height: 26px;}

.ritsumei-traffic { padding-left: 1.5625em; font-size: 0.875em; color: #45341d; position: relative;}
.ritsumei-traffic dt::before {position: absolute; left: 0; top: 0; content: "●";}

.neighbor { margin-bottom: .5em;}
.neighbor::before { content:"●"; margin-right:.5em; color: #ee8f8f; }
.neighbor_info { padding-left:1.5em; line-height:1.7; }
.neighbor_info li { display: inline-block; padding: 0.2em 0.875em 0; margin-right: 2em; font-size: 0.875em; color: #990000; border: 3px solid #990000; border-radius: 10px;}
.neighbor_info .eki { padding-top: 0.5em;}
.neighbor_info li::before { vertical-align: middle; margin-right: 5px;}
.neighbor_info .cvs::before { content: url(/img/icon/cvs-darkRed.svg);}
.neighbor_info .eki::before { content: url(/img/icon/train-darkRed.svg);}
.neighbor_info li em { font-size: 1.43em;}



@media screen and (min-width: 1025px) {
  
  .ritsumei-uni-thumbnail { width: 700px; margin: 0 auto; }

  .content-box { display: flex; flex-direction: column; }

}

@media screen and (max-width: 1024px) {
  
  .pageTitle.darkRed { min-height: 300px; }
  .pageTitle .apl_icon { bottom: 0; width: 150px; height: 150px; font-size:0.7rem; }
  
}



@media screen and (max-width: 960px) {
  
  .pageTitle .apl_icon { width: 100%;
    height: auto;
    margin: 3em auto 0;
    padding: 1em;
    transform: translateX(0);
    font-size: 0.7rem;
    border-radius: 10px;
    position: static; }
  
}

/* スマホ */
@media screen and (max-width: 600px) {
  
  .pageTitle.amaranth { padding: 1.5em .5em 1em; }
  .pageTitle.darkRed { min-height: 220px; padding: 1.5em 1em 1em; }
  .pageTitle.darkRed > span { top: 38%; }

  .neighbor_info > li + li { margin-top: .5em; }
  .neighbor_info .eki { padding-top: 0.3em; }
  
  /* メッセージ */
  .message { padding-block: 1.5em 3em; }
  .message .txt-box { padding: 1em 2em; }
  
  /* ドーミー4つの特徴 */
  .features { padding: 3em 0; }
  .feaList > li { width: 48%; }
  .feaList > li:nth-child(n+3) { margin-top: 4%; }
  
  /* map */
  .map { margin-top: 3em; }
  
  /* 物件一覧 */
  .ritsumei-uni-list > li { width: 95%; margin: auto; }
  .ritsumei-uni-list > li + li { margin-top: 2.5em; }
  .ritsumei-uni-list .pickup { font-size: .85em; padding: .2em 1em; }
  .ritsumei-uni-list .pickup > span { padding-left: 25px; }
  .ritsumei-uni-list .pickup > span.ninki::before { width: 20px; height: 20px; }
  .ritsumei-uni-list .pickup > span.near::before { width: 15px; height: 20px; }
  .ritsumei-uni-list .pickup > span.newbukken::before { width: 20px; height: 20px; }
  .ritsumei-uni-list > li::before { top: -5px; left: -5px; border-width: 0 0 40px 90px; }
  .ritsumei-uni-list > li::after { bottom: -5px; right: -5px; border-width: 40px 90px 0 0; }
  .ritsumei-uni-list > li .content-box { padding: 2em 1.5em 1.5em; }
  .ritsumei-uni-name .name { font-size: 1.3em; }
  .ritsumei-uni-name .gender { top: 40%; font-size: .6em; }
  
  .ritsumei-uni-slide .slick-prev::before { left: -15px; }
  .ritsumei-uni-slide .slick-prev::after { left: -3px; }
  .ritsumei-uni-slide .slick-next::before { right: -15px; }
  .ritsumei-uni-slide .slick-next::after { right: -3px; }
  
}