@charset "utf-8";

/* 佛教大学生向け！通学に便利なドーミー5選 */
body { overflow: hidden;}
.bukkyo_university-color1,
.pageTitle>span { color: #3f3389;}
.pageTitle.violet { background: url(/img/bukkyouni_pageTitle.jpg) no-repeat center /cover;}
.pageTitle.violet::before { background-image: url(/img/deco_ttl-violet.svg);}
#bukkyo_university .spm-traffic > dt::before { color: #6b6eb4;}

.bukkyo-list > li {margin-bottom: 2.5em; width:100%; position:relative; }
.bukkyo-list > li:last-child { padding-bottom: 2.5em; margin-bottom: 0;}
.bukkyo-list li .bukkyo-feature > li > span > span em {display: inline-block; transform: translateY(2px); color: #3f3389; font-size: 1.8125em; line-height: 1;}
.bukkyo-list li:nth-child(1) .bukkyo-feature > li > span > span em { color: #de3225; font-size: 1.8125em;}
.bukkyo-box { padding-bottom: 3.125em;}
.bukkyo-box::after {
  position:absolute; top:0; left:0; bottom:0; z-index:-2;
  content:""; 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;
}

.bukkyo-box .inner {position: relative;  background-color: #FFF;}
.bukkyo-box .inner::before {position: absolute; z-index: -1; display: block; left: -20px; top: -20px; width: 52%; height: 243px; background: #3f3389; content: "";  }
.bukkyo-box .inner::after {position: absolute; z-index: -1; display: block; right: -20px; bottom: -20px; width: 323px; height: 243px; background: #fff100; content: "";  }

.map { padding-bottom: 60px;}
.bnr-cam { padding-top: 0; padding-bottom: 70px;}

.bukkyo-img { width: 56.8%; min-height: 100%; position: relative; }
.bukkyo-img::before {position: absolute; top: 0; right: -45%; left: 93%; display: block; height: 100%; transform: skew(-10deg); background: #fff;  content: "";}
.bukkyo-img img { height: 100%; width: auto; min-width: 110%; object-fit: cover;}
.bukkyo-info { flex:1; margin-left: 1.25em; padding-top: 1.8em; padding-bottom: 4.8125em;; position: relative;}
.bukkyo-name > .name   { font-size:1.5em; font-weight:bold; line-height:2.9; position: relative; z-index: 2;}
.bukkyo-name > .name::before {display: block; position: absolute; right: 0; top: 0; transform: translate(100%, -35%); width:  50px; height: 36px; background: url(/img/deco_name.png) no-repeat center /100% 100%; content: ""; z-index: -1;}
.bukkyo-name > .gender {margin-right: 2.25em; font-size:.9rem; line-height:2.7; font-weight:bold; border-radius:5px; z-index: 2;}
.bukkyo-to > em { font-size:1.2em; }
li.ico-walk::before { background-image: url(/img/icon/walk-violet.svg);}
.bukkyo-feature > li { font-size:1.1em; }
.bukkyo-feature > li > span { font-size:1.1em; }
.bukkyo-feature > li > span > span { color: #45341d;}
.bukkyo-feature > li > span .label { color: #3f3389;}
.bukkyo-feature > li > span > em { font-size:1.3em; }
li.ico-bicycle::before {left: -7px; background-image: url(/img/icon/bicycle-violet.svg); width: 33px; height: 22px;}
li.ico-bus::before { background-image: url(/img/icon/bus-violet.svg); width: 24px; height: 24px;}

.bukkyo-info .neighbor { margin-bottom: .5em;}
.bukkyo-traffic > dt::before,
.bukkyo-info .neighbor::before { content:"●"; margin-right:.5em; color: #6b6eb4; }
.bukkyo-traffic > dd,
.bukkyo-info .neighbor_info { padding-left:1.5em; line-height:1.7; }
.bukkyo-info .neighbor_info li { display: inline-block; padding: 0.2em 0.875em 0; margin-right: 2em; font-size: 0.875em; color: #3f3389; border: 3px solid #3f3389; border-radius: 10px;}
.bukkyo-info .neighbor_info .eki { padding-top: 0.5em;}
.bukkyo-info .neighbor_info li::before { vertical-align: middle; margin-right: 5px;}
.bukkyo-info .neighbor_info .cvs::before { content: url(/img/icon/cvs_violet.svg);}
.bukkyo-info .neighbor_info .eki::before { content: url(/img/icon/train_violet.svg);}
.bukkyo-info .neighbor_info li em { font-size: 1.43em;}
.bukkyo.btn_con { position: absolute; right: 0; bottom: -3px; margin: 0; line-height: 1;}
.bukkyo.btn_con a { padding: 1.8125em 2.025em 1.1875em 2.0625em; background: #fff100; text-align: left; font-size: 1.125em; color: #3f3389; border: none; border-radius: 0;}
.bukkyo.btn_con a::before { display: none;}
.bukkyo.btn_con a::after { display: block; position: absolute; right: 1.625em; top: 57%; transform: translateY(-50%); width: 29px; height: 6px; background: url(/img/arrow_right.png) no-repeat right /100% 100%; content: ""; transition: all ease .3s;}
.bukkyo.btn_con a:hover::after { right: 0.8em;}


.bukkyo-access { margin: 1em auto; padding: .2em 0 .5em; border-top: 4px double #832248; border-bottom: 4px double #832248; }
.bukkyo-access .ico-walk { position: relative; margin: 0 auto; padding-left: 1.8em; }
.bukkyo-access .ico-walk::before { content:""; position:absolute; top:50%; left:0;
  display:inline-block; width:1.5em; height:1.5em;
  background:no-repeat center / contain;
  -webkit-transform:translateY(-50%);
  transform:translateY(-50%);
  background:url(/img/icon/walk-purple.svg) no-repeat center; }

.ttl_etc {transform: skew(-20deg); padding: 0.75em 0.5em; color: #fff; border: none; border-radius: 0; background: #3f3389;}
.ttl_etc span { display: block; transform: skew(20deg);}

.sps-feature > li { line-height: 1.3;}
.sps-feature > li > span { font-size: 1.1875em; font-weight: bold; color: #3f3389;}
.sps-feature span em { font-size: 1.875em;}
.sps-list [class^="btn_"] a::before {border-top: 10px solid #3f3389; border-right: 10px solid #3f3389;}
.sps-feature .yaku { color: #45341d;}
.sps-list { row-gap: 1em; }
.sps-list li.ico-bicycle::before { width: 27px; height: 18px;}
.sps-list li.ico-bus::before { left: 4px; width: 19px; height: 19px;}
.sps-list li[class^="ico-"]::before { top: 66%;}

/* 英語ページ*/
.bukkyo-info .neighbor_info li {margin-bottom: .5em; padding: .3em .5em;  margin-bottom: 0.4em; display: flex; align-items: center;
  letter-spacing: 0.05em; margin-right: .5em; position: relative; min-height: 48px;}
.bukkyo-info .neighbor_info .eki {padding-top: .2em;}
.bukkyo-list li .bukkyo-feature > li > span > span em {margin-left: .2em;}
.bukkyo-to {margin-bottom: 1em; margin-left: 3em;}

.bukkyo-info .neighbor_info .cvs::before {content: ""; background: url(/img/icon/cvs_violet.svg); background-size: contain; display: inline-block;
  width: 28px; height: 28px; background-repeat: no-repeat; background-position: 1px 2px;     position: absolute;
  top: 50%;
  transform: translateY(-50%);}
.bukkyo-info .neighbor_info .eki::before {content: ""; background: url(/img/icon/train_violet.svg); background-size: contain; display: inline-block;
  width: 28px; height: 28px; background-repeat: no-repeat; background-position: 4px 0px;}

.neighbor_info .cvs>span {padding-left: 2.6em; line-height: 1;}

.neighbor_info>li {width: 100%;}

/* 600以上(PC・タブレット) */
@media screen and (min-width: 600px) {


}

/* 960px以上(PC) */
@media screen and (min-width: 960px) {
 }

 /* レスポンシブ */
@media screen and (min-width: 800px){
  .sps-list > li + li {margin-left: 2%;}
}
 
 
 
 /* ================================================================
   タブレット
 =================================================================== */
 /* 1024以下 (タブレット横以下) */
 @media screen and (max-width: 1024px) {
  .pageTitle {font-size: 1.65em;}
 }
 
 @media screen and (max-width: 959px) {

 }

  @media screen and (max-width: 960px){
    .bukkyo-info .neighbor_info li { margin-bottom: .5em; margin-right: 1em;}
    
    .bukkyo-box .inner { flex-direction: column;}
    .bukkyo-img { width: 100%; min-height: auto; overflow: hidden;}
    .bukkyo-img::before { display: none;}
    .bukkyo-img img { height: auto;}
    .bukkyo-info { margin-left: 0; width: 100%;}

  }
 
 @media screen and (max-width: 799px){


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

  .bukkyo-box .inner::after { width: 310px;}
  .bukkyo-info { padding-bottom: 7em;}
  .bukkyo-info .neighbor_info .eki { padding-top: 0.3em;}
  .bukkyo-name { flex-direction: column; align-items: flex-start; margin-bottom: 1.5em;}
  .bukkyo-name > .name {line-height: 2;}
  .bukkyo-name > .gender { margin-right: 0;}

  .map { padding-bottom: 40px;}
  .bnr-cam { padding-bottom: 60px;}

  .sps-list > li { font-size:.9em; }
  .sps-info { padding:0 .5em; }
  .sps > .button { min-width:inherit; width:90%; margin-inline: auto; }
  .sps-feature { padding-left: 0;}
  .sps-feature li { padding-left: 3em; font-size:.7em;}
  .sps-list li[class^="ico-"]::before { left: 0;}
  .sps-list li[class^="ico-bus"]::before { left: 3px;}
  
  .bukkyo.btn_con a::after {right: 0;}

  /* 英語 */
  .pageTitle {font-size: 1.2em;}
  
  .bukkyo-info .neighbor_info li {line-height: 1;}
  .bukkyo-info {padding: 1em 1.3em 7em}
  .bukkyo-name > .name {line-height: 1.35; margin-bottom: 0.5em;}
 }