@charset "utf-8";

.pageTitle.special_ttl{ background-color: #ffdd61; background-image: none; }
.pageTitle.special_ttl::before,.pageTitle.special_ttl::after{
  position: absolute;
  content: "";
  width: 300px;
  height: 300px;
  top: 50%;
  transform: translateY(-50%) ;
  -webkit-transform: translateY(-50%);
}
.pageTitle.special_ttl::before{
  left: 1em;
  background: url(./img/page_ttl_deco1.png) center / contain no-repeat;
}
.pageTitle.special_ttl::after{
  right: 1em;
  background: url(./img/page_ttl_deco2.png) center / contain no-repeat;
}
.pageTitle.special_ttl span{ z-index: 10; }

.university_list li{ width:47%; position: relative; }
.university_list li::before{
  position: absolute;
  content: "";
  background: url(./img/kyoto_uni_deco.png) center / contain no-repeat;
  width: 45px;
  height: 45px;
  right: 1em;
  bottom: 2em;
}
.university_list li:nth-child(n+3){ margin-top: 5em; }
.university_list li .uni_img{ position: relative; margin-bottom: 1em; padding:0 1em 1em 0; }
.university_list li .uni_img::before{
  position: absolute;
  content: "";
  width: 95%;
  height: 95%;
  right: 0;
  bottom: 0;
  background-color: #ffedd3;
  background-image: linear-gradient(
-45deg, #fff 10%, transparent 10%, transparent 50%, #fff 50%, #fff 60%, transparent 60%, transparent);
  background-size: 7px 7px;
  background-attachment: fixed;
  z-index: -1;
  opacity: .3;
}
.university_list li .uni_img img{ width: 100%; }
.university_list li .uni_img .triangle {
  position: absolute;
  border-bottom: 100px solid transparent;
  border-left: 100px solid #ff7d19;
  }
.university_list li .uni_img .label{
  position: absolute;
  top: 9%;
  left: 1%;
  font-size: .8em;
  line-height: 1.4;
  text-align: center;
  color: #fff;
  transform: rotate(-45deg);
}
.university_list li .uni_img .label2{
  position: absolute;
  top: 6%;
  left: 1%;
  font-size: .8em;
  line-height: 1.4;
  text-align: center;
  color: #fff;
  transform: rotate(-45deg);
}

.university_list li .uni_img .label_img {position: absolute; top: 0; left: 0; width: 120px;}
.university_list li.techc .uni_img .label2 { font-size: 0.4em; top: 6%; left: 0%; }
.university_list li.kcg .uni_img .label { top:7%; left:3.2%; font-size: 0.9em; }
.university_list li.kyobi_uni .uni_img .label { top:6%; }

.university_list li .uni_txt{ font-size: .93em; }
.university_list li .more{ margin-top: 1.5em; text-align: center; }
.university_list li .more a{
  display: inline-block;
  padding: 0.8em 4em;
  text-align: center;
  background: #ff7d19;
  color: #fff;
}
.university_list li .more a:hover{ opacity: 0.8; }
.uni_sub{ font-size: 1.32em; font-weight: bold; }

.uni_ttl{
  position: relative;
  display: inline-block;
  padding: 0 2em;
  margin-bottom: .3em;
  font-size: 1.56em;
  font-weight: 500;
  left: 50%;
  transform:translateX(-50%);
  -webkit-transform:translateX(-50%);
}

/* 京都デザイン&テクノロジー専門学校 */
.uni_ttl{text-align: center; min-height: 2.5em;
  display: flex;
  align-items: center;
  justify-content: center;}
.techc .uni_ttl {font-size: 1.3em; line-height: 1.4;}


.uni_ttl .double_line1,.uni_ttl .double_line2{
  content: '';
  position: absolute;
  top: 50%;
}
.uni_ttl .double_line1{ left:0; }
.uni_ttl .double_line2{ right:0; }

.uni_ttl .double_line1:before,.uni_ttl .double_line1:after,
.uni_ttl .double_line2:before,.uni_ttl .double_line2:after{
  content: '';
  position: absolute;
  width: 25px;
  height: 2px;
  background-color: #000;
}
.uni_ttl .double_line1:before,.uni_ttl .double_line1:after{ -webkit-transform: rotate(50deg); transform: rotate(50deg); }
.uni_ttl .double_line2:before,.uni_ttl .double_line2:after{ -webkit-transform: rotate(-50deg); transform: rotate(-50deg); }

.uni_ttl .double_line1:before { left:0; }
.uni_ttl .double_line1:after { left:7px; }
.uni_ttl .double_line2:before { right:0; }
.uni_ttl .double_line2:after { right:7px; }


.university_list li.rakusei .uni_img .label { top: 6.5%; left: -.5%; font-size: .7em;}
.university_list li.seisho .uni_img .label { top: 5.8%; left: 1.9%; font-size: .7em;}

.bukken-youtube { margin-top:3.3em; gap:1em; }
.bukken-youtube li { flex:1; max-width:600px; }
.bukken-youtube iframe { aspect-ratio: 16 / 9; }

/*--------色変え--------*/
/*京都大学*/
.university_list .kyoto_uni .uni_img .triangle{ border-left-color: #103a88; }
.university_list .kyoto_uni .uni_img::before{ background-color: #103a88; }
.university_list .kyoto_uni .uni_ttl{ color:#103a88; }
.university_list .kyoto_uni .more a{ background-color:#103a88; }

.university_list .kyoto_uni .uni_ttl .double_line1:before,
.university_list .kyoto_uni .uni_ttl .double_line1:after,
.university_list .kyoto_uni .uni_ttl .double_line2:before,
.university_list .kyoto_uni .uni_ttl .double_line2:after{ background-color:#103a88; }

/*同志社大学*/
.university_list .doushisya_uni::before{ background-image: url(./img/doushisya_uni_deco.png); }
.university_list .doushisya_uni .uni_img .triangle{ border-left-color: #8d249f; }
.university_list .doushisya_uni .uni_img::before{ background-color: #8d249f; }
.university_list .doushisya_uni .uni_ttl{ color:#8d249f; }
.university_list .doushisya_uni .more a{ background-color:#8d249f; }

.university_list .doushisya_uni .uni_ttl .double_line1:before,
.university_list .doushisya_uni .uni_ttl .double_line1:after,
.university_list .doushisya_uni .uni_ttl .double_line2:before,
.university_list .doushisya_uni .uni_ttl .double_line2:after{ background-color:#8d249f; }

/*佛教大学*/
.university_list .bukkyo_uni::before{ background-image: url(./img/bukkyo_uni_deco.png); }
.university_list .bukkyo_uni .uni_img .triangle{ border-left-color: #3f3389; }
.university_list .bukkyo_uni .uni_img::before{ background-color: #3f3389; }
.university_list .bukkyo_uni .uni_ttl{ color:#3f3389; }
.university_list .bukkyo_uni .more a{ background-color:#3f3389; }

.university_list .bukkyo_uni .uni_ttl .double_line1:before,
.university_list .bukkyo_uni .uni_ttl .double_line1:after,
.university_list .bukkyo_uni .uni_ttl .double_line2:before,
.university_list .bukkyo_uni .uni_ttl .double_line2:after{ background-color:#3f3389; }

/*京都美術工芸大学*/
.university_list .kyobi_uni::before{ background-image: url(./img/kyobi_uni_deco.png); }
.university_list .kyobi_uni .uni_img .triangle{ border-left-color: #de3300; }
.university_list .kyobi_uni .uni_img::before{ background-color: #de3300; }
.university_list .kyobi_uni .uni_ttl{ color:#de3300; }
.university_list .kyobi_uni .more a{ background-color:#de3300; }

.university_list .kyobi_uni .uni_ttl .double_line1:before,
.university_list .kyobi_uni .uni_ttl .double_line1:after,
.university_list .kyobi_uni .uni_ttl .double_line2:before,
.university_list .kyobi_uni .uni_ttl .double_line2:after{ background-color:#de3300; }

/*花園*/
.university_list .hanazono_uni::before{ background-image: url(./img/hanazono_uni_deco.png); }
.university_list .hanazono_uni .uni_img .triangle{ border-left-color: #54198a; }
.university_list .hanazono_uni .uni_img::before{ background-color: #54198a; }
.university_list .hanazono_uni .uni_ttl{ color:#54198a; }
.university_list .hanazono_uni .more a{ background-color:#54198a; }

.university_list .hanazono_uni .uni_ttl .double_line1:before,
.university_list .hanazono_uni .uni_ttl .double_line1:after,
.university_list .hanazono_uni .uni_ttl .double_line2:before,
.university_list .hanazono_uni .uni_ttl .double_line2:after{ background-color:#54198a; }

/*立命館大学*/
.university_list .ritsumeikan_uni::before{ background-image: url(./img/ritsumeikan_uni_deco.png); }
.university_list .ritsumeikan_uni .uni_img .triangle{ border-left-color: #990000; }
.university_list .ritsumeikan_uni .uni_img::before{ background-color: #990000; }
.university_list .ritsumeikan_uni .uni_ttl{ color:#990000; }
.university_list .ritsumeikan_uni .more a{ background-color:#990000; }

.university_list .ritsumeikan_uni .uni_ttl .double_line1:before,
.university_list .ritsumeikan_uni .uni_ttl .double_line1:after,
.university_list .ritsumeikan_uni .uni_ttl .double_line2:before,
.university_list .ritsumeikan_uni .uni_ttl .double_line2:after{ background-color:#990000; }

/*龍谷大学*/
.university_list .ryukoku_uni::before{ background-image: url(./img/ryukoku_uni_deco.png); }
.university_list .ryukoku_uni .uni_img .triangle{ border-left-color: #dc0000; }
.university_list .ryukoku_uni .uni_img::before{ background-color: #dc0000; }
.university_list .ryukoku_uni .uni_ttl{ color:#dc0000; }
.university_list .ryukoku_uni .more a{ background-color:#dc0000; }

.university_list .ryukoku_uni .uni_ttl .double_line1:before,
.university_list .ryukoku_uni .uni_ttl .double_line1:after,
.university_list .ryukoku_uni .uni_ttl .double_line2:before,
.university_list .ryukoku_uni .uni_ttl .double_line2:after{ background-color:#dc0000; }

/*京都薬科大学*/
.university_list .pharmaceutical_uni::before{ background-image: url(./img/pharmaceutical_uni_deco.png); }
.university_list .pharmaceutical_uni .uni_img .triangle{ border-left-color: #832248; }
.university_list .pharmaceutical_uni .uni_img::before{ background-color: #832248; }
.university_list .pharmaceutical_uni .uni_ttl{ color:#832248; }
.university_list .pharmaceutical_uni .more a{ background-color:#832248; }

.university_list .pharmaceutical_uni .uni_ttl .double_line1:before,
.university_list .pharmaceutical_uni .uni_ttl .double_line1:after,
.university_list .pharmaceutical_uni .uni_ttl .double_line2:before,
.university_list .pharmaceutical_uni .uni_ttl .double_line2:after{ background-color:#832248; }

/*京都医健専門学校*/
.university_list .iken::before{ background-image: url(./img/iken_deco.png); }
.university_list .iken .uni_img .triangle{ border-left-color: #eb5350; }
.university_list .iken .uni_img::before{ background-color: #eb5350; }
.university_list .iken .uni_ttl{ color:#eb5350; }
.university_list .iken .more a{ background-color:#eb5350; }

.university_list .iken .uni_ttl .double_line1:before,
.university_list .iken .uni_ttl .double_line1:after,
.university_list .iken .uni_ttl .double_line2:before,
.university_list .iken .uni_ttl .double_line2:after{ background-color:#eb5350; }

/* 京都デザイン&テクノロジー専門学校 */
.university_list .techc .uni_img .triangle {border-bottom: 110px solid transparent; border-left: 110px solid #eb5350;}

/*大和学園*/
.university_list .taiwa::before{ background-image: url(./img/taiwa_deco.png); }
.university_list .taiwa .uni_img .triangle{ border-left-color: #b4769e; }
.university_list .taiwa .uni_img::before{ background-color: #b4769e; }
.university_list .taiwa .uni_ttl{ color:#b4769e; }
.university_list .taiwa .more a{ background-color:#b4769e; }

.university_list .taiwa .uni_ttl .double_line1:before,
.university_list .taiwa .uni_ttl .double_line1:after,
.university_list .taiwa .uni_ttl .double_line2:before,
.university_list .taiwa .uni_ttl .double_line2:after{ background-color:#b4769e; }

/*京都医療福祉専門学校*/
.university_list .kyoisen::before{ background-image: url(./img/kyoisen_deco.png); }
.university_list .kyoisen .uni_img .triangle{ border-left-color: #56989b; }
.university_list .kyoisen .uni_img::before{ background-color: #56989b; }
.university_list .kyoisen .uni_ttl{ color:#56989b; }
.university_list .kyoisen .more a{ background-color:#56989b; }

.university_list .kyoisen .uni_ttl .double_line1:before,
.university_list .kyoisen .uni_ttl .double_line1:after,
.university_list .kyoisen .uni_ttl .double_line2:before,
.university_list .kyoisen .uni_ttl .double_line2:after{ background-color:#56989b; }

/*京都情報学園＆京都電子学園*/
.university_list .kcg::before{ background-image: url(./img/kcg_deco.png); }
.university_list .kcg .uni_img .triangle{ border-left-color: #2565c1; }
.university_list .kcg .uni_img::before{ background-color: #2565c1; }
.university_list .kcg .uni_ttl{ color:#2565c1; }
.university_list .kcg .more a{ background-color:#2565c1; }

.university_list .kcg .uni_ttl .double_line1:before,
.university_list .kcg .uni_ttl .double_line1:after,
.university_list .kcg .uni_ttl .double_line2:before,
.university_list .kcg .uni_ttl .double_line2:after{ background-color:#2565c1; }

/* 京都橘大学 */
.university_list .tachibana .uni_ttl { color: #764487; }
.university_list .tachibana .uni_img .triangle{ border-left-color: #764487; }
.university_list .tachibana .more a{ background-color:#764487; }

/*洛星中学校・洛星高等学校*/
.university_list .rakusei::before{ background-image: url(./img/rakusei_deco.png); }
.university_list .rakusei .uni_img .triangle{ border-left-color: #485bb3; }
.university_list .rakusei .uni_img::before{ background-color: #485bb3; }
.university_list .rakusei .uni_ttl{ color:#485bb3; }
.university_list .rakusei .more a{ background-color:#485bb3; }

.university_list .rakusei .uni_ttl .double_line1:before,
.university_list .rakusei .uni_ttl .double_line1:after,
.university_list .rakusei .uni_ttl .double_line2:before,
.university_list .rakusei .uni_ttl .double_line2:after{ background-color:#485bb3; }

/*京都成章高等学校*/
.university_list .seisho::before{ background-image: url(./img/seisho_deco.png); }
.university_list .seisho .uni_img .triangle{ border-left-color: #140d74; }
.university_list .seisho .uni_img::before{ background-color: #140d74; }
.university_list .seisho .uni_ttl{ color:#140d74; }
.university_list .seisho .more a{ background-color:#140d74; }

.university_list .seisho .uni_ttl .double_line1:before,
.university_list .seisho .uni_ttl .double_line1:after,
.university_list .seisho .uni_ttl .double_line2:before,
.university_list .seisho .uni_ttl .double_line2:after{ background-color:#140d74; }


/* ================================================================
  特集共通
=================================================================== */
.pageTitle { font-size: 2.5em; }
.pageTitle>span { line-height: 1.2;letter-spacing: .05em; color:#103a88; }
.pageTitle.purple > span { color:#832248; }
.pageTitle .big { font-size: 1.3em; }
.pageTitle .yellow { font-size: 1.4em; }
.pageTitle.navy { background: url("../img/kyouni_pageTitle.jpg?2021") no-repeat center /cover; }

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

.leadBox { margin: 40px auto; padding: 30px 0; text-align: center; border: 6px solid #898989; border-radius: 10px;}
.leadBox .ttl { margin-bottom: .6em; font-size: 2.25em; font-weight: bold; line-height: 1.5; letter-spacing: .1em; }
.leadBox p { margin: 0 auto; line-height: 2; }
.logo_pharmaceutical  { margin: 2.25em auto 1.5em; }


.ttl_etc { margin-bottom:2em; padding:.5em; font-size:1.5em; font-weight:bold; text-align:center; border:2px solid #45341d; border-radius:10px; background:#fff; position:relative; z-index:1; }

.sp-list .feature { margin-bottom:1em; margin-left:.5em; }
.sp-list .feature > li { margin-right:1em; }
.sp-list .feature > li > span { margin-left:.5em; }

.spm-list > li { width:100%; position:relative; }
.spm-box::after {
  position:absolute; top:3.75em; left:0; bottom:0; z-index:-1;
  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;
}
/*#pharmaceutical_university .spm-list > li:nth-child(1) .spm-box::after {
    position: absolute;
    top: 3.75em;
    left: 0;
    bottom: 0;
    z-index: -1;
    content: "";
    display: block;
    width: 100%;
    background-color: #ffe8f1;
    background-image: linear-gradient( transparent 95%, rgba(255, 255, 255, .6) 50%, rgba(255, 255, 255, .6)), linear-gradient( 90deg, transparent 95%, rgba(255, 255, 255, .6) 50%, rgba(255, 255, 255, .6) );
    background-size: 16px 16px;
    background-repeat: repeat;
}*/
.spm-img > img { width:100%; }
.spm-name > .name   { font-size:1.5em; font-weight:bold; line-height:2.9; }
.spm-name > .gender { font-size:.9rem; line-height:2.7; font-weight:bold; border-radius:5px; }
.spm-to > em { font-size:1.2em; }
.spm-feature > li { font-size:1.1em; }
.spm-feature > li > span { font-size:1.1em; }
.spm-feature > li > span > em { font-size:1.3em; }
.spm-traffic > dt::before { content:"●"; margin-right:.5em; }
.spm-traffic > dd { padding-left:1.5em; line-height:1.7; }
.spm.btn_con { text-align:right; }


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



.sps-list > li { background:#fff; }
.sps-img { margin-bottom:.5em; position:relative; }
.sps-img > .gender { position:absolute; top:0; left:0; font-size:.875em; line-height:2.5; }
.sps-info { padding:0 1.25em; }
.sps-name { padding:.7em 0; font-size:1.2em; font-weight:bold; line-height:1.4; border-bottom:1px solid #ccc; }
.sps-to { margin-top:.5em; }
.sps-to > em { font-size:1.1em; }
.sps-feature > li > span { font-size:1.1em; }
.sps-feature > li > span > em { font-size:1.1em; }
.sps.btn_con { text-align:center; }

.gender { display:inline-block; padding:0 1em; color:#fff;  }
.gender.ml     { background-color:#ffa749; }
.gender.mens   { background-color:#41a1be; }
.gender.ladies { background-color:#ff5f83; }

.spm > .button { min-width:200px; padding:.3em; }
.sps > .button { min-width:200px; padding:.4em; }

li[class^="ico-"] { padding-left:1.4em; position:relative; }
li[class^="ico-"]::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%);
  }
li.ico-walk::before { background-image:url(../img/icon/walk-navy.svg); }
li.ico-bicycle::before { background-image:url(../img/icon/bicycle-navy.svg); }
li.ico-train::before { background-image:url(../img/icon/train-navy.svg); }
li.ico-bus::before { background-image:url(../img/icon/bus-navy.svg); }

#sp-etc { margin-top:80px; padding-top:0 !important; position:relative; }
#sp-etc::before { content:""; position:absolute; top:0; left:0; right:0; display:block; height:2em; background:#fff; }

.map { padding-top: 0; padding-bottom: 80px; }
.youtube { margin-bottom: 100px; padding: 30px; background: #e5e9f1; }
.youtube iframe { width: 100%; height: 300px; }

.tbl_price2{ width: 100%; }
.tbl_price2 tr{ border-bottom: solid 1px #ccc; }
.tbl_price2 tr:last-child{ border-bottom: none; }
.tbl_price2 th{ width: 20%; background: #eee; }
.tbl_price2 td{ display: -webkit-flex; display: flex; padding: 1.5em; align-items: center; }
.tbl_price2 td .room_name{ display: inline-block; padding: 1.2em .5em; border: solid 1px; }
.tbl_price2 td [class^="price-"] { margin: 0 0 0 .7em; font-size: 2.6em; font-weight: bold; line-height: 1.2; }
.tbl_price2 td [class^="price-"] .meal{ display: block; font-size: 16px; font-weight: normal; }
.tbl_price2 td [class^="price-"] .small{ font-size: .6em; }
.tbl_price2 td .price-pur{ color:#832248; }

.tbl_price td{ display: table-cell; text-align: right!important; font-weight: normal!important; }

.shorei {margin: 0 auto 4em;}

/* ギャラリー */
.gallery { margin-top: 0; }
.gallery2 { margin-top: 3.5em;}
.gallery p.small { font-weight: bold !important;}
.gallery .ttl_etc { margin-bottom: 1.2em;}
[class^="gallery_list"] { margin: 2em auto 0; }
[class^="gallery_btn"] { display: flex; align-items: center; justify-content: center;
  width: 295px; margin: 40px auto 0; border: 1px solid #3e3a39; box-shadow: 1px 1px 3px 2px rgb(0 0 0 / 20%); 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-color: #832248; border-right-color: #832248;}


/* ================================================================
  特集個別
=================================================================== */
/* 京大生におすすめ kyoto_university ----------------------------*/
.kyoto_university-color1 { color:#00205b; }
.kyoto_university-color2, #kyoto_university .spm-traffic > dt::before { color:#27548c; }

#kyoto_university .pageTitle .sub::before { border-top-color:#27548c; }
#kyoto_university .pageTitle .sub::after  { border-bottom-color:#27548c; }
#kyoto_university .ttl_etc { border-color:#00205b; }

#kyoto_university .sps-name { border-color:#d6d7e2; }
#kyoto_university .btn_con > a::before { border-top-color:#61a4d6; border-right-color:#61a4d6; }


/* 京都薬科大学生におすすめ pharmaceutical_university ----------------------------*/
#osusume { padding-bottom: 0; }
.areamap { position: relative; }
.areamap .camera { position:absolute; top: 57.8%; left: 65.8%; border-radius:50%; width:5px; height:5px;/* background: #3da4a9;*/ box-shadow:0 0 0 rgba(61,164,169, 0.8);  animation:pulse 1.4s infinite; }
.bnrarea { margin-top: 40px; transition: all 0.6s;}
.bnrarea img { margin: 0 auto;}
.bnrarea:hover { opacity: 0.7; transition: all 0.6s;}

@-webkit-keyframes pulse {
  0% { -webkit-box-shadow:0 0 0 0 rgba(61,164,169, 0.8); }
  80% { -webkit-box-shadow:0 0 0 20px rgba(61,164,169, 0); }
  100% { -webkit-box-shadow:0 0 0 0 rgba(61,164,169, 0); }
}
@keyframes pulse {
  0% { -moz-box-shadow:0 0 0 0 rgba(61,164,169, 0.8); box-shadow:0 0 0 0 rgba(61,164,169, 0.8); }
  80% { -moz-box-shadow:0 0 0 20px rgba(61,164,169, 0); box-shadow:0 0 0 20px rgba(61,164,169, 0); }
  100% { -moz-box-shadow:0 0 0 0 rgba(61,164,169, 0); box-shadow:0 0 0 0 rgba(61,164,169, 0); }
}

#pharmaceutical_university{ color: #3e3a39; }
#pharmaceutical_university a:hover { color:#af597b; }
.pharmaceutical_university-color1 { color: #832248; }
.pharmaceutical_university-color2, #pharmaceutical_university .spm-traffic > dt::before { color:#af597b; }
#pharmaceutical_university .ttl_etc{
  border: 1.5px solid #3e3a39;
  background: #3e3a39;
  color: #fff;
  font-weight: 500;
  border-radius: 0;
 }
#pharmaceutical_university .btn_con > a::before { border-top-color:#832248; border-right-color:#832248; }
.pharmaceutical_university-color2 li.ico-walk::before { background-image:url(../img/icon/walk-purple.svg); }
.pharmaceutical_university-color2 li.ico-bicycle::before { background-image:url(../img/icon/bicycle-purple.svg); }
.pharmaceutical_university-color2 li.ico-train::before { background-image:url(../img/icon/train-purple.svg); }
.pharmaceutical_university-color2 li.ico-bus::before { background-image:url(../img/icon/bus-purple.png); }
#pharmaceutical_university .pageTitle.purple { position: relative; background: url(../img/pharmaceutical_pageTitle.jpg) no-repeat center /cover; }
#pharmaceutical_university .pageTitle.purple::before{ display: none; }
#pharmaceutical_university .pageTitle .logo{ position: absolute; top: 5%; left: 18%; }
#pharmaceutical_university .pageTitle.purple span{ color:#fff; line-height: 1.4; }
#pharmaceutical_university .spm-box::after {
  background-color: #eeeeee;
  background-image:none;
}
#pharmaceutical_university .spm-list > li,
#pharmaceutical_university .center{ font-weight: 400; }
#pharmaceutical_university .spm-list .feature > li:nth-child(1) .pharmaceutical_university-color1 em{ font-size: 2em; }
#pharmaceutical_university .spm-list .feature > li:nth-child(1)[class^="ico-"]::before{ width:2em; height:2em; }
#pharmaceutical_university .spm-list li:nth-child(1) .spm-img{ position:relative; }
#pharmaceutical_university .spm-list li:nth-child(1) .spm-img::before{
  position:absolute;
  content:"";
  background: url(./img/pharmaceutical_university/yamashina_open.png) center / contain no-repeat;
  top: 10px;
  left: 10px;
  width:154px;
  height:154px;
}
#pharmaceutical_university #yamashinahigashino .spm-list li:nth-child(1) .spm-img{ position:relative; }
#pharmaceutical_university #yamashinahigashino .spm-list li:nth-child(1) .spm-img::before{
  position:absolute;
  content:"";
  background: url(./img/pharmaceutical_university/higashino_open.png) center / contain no-repeat;
  top: 10px;
  left: 10px;
  width:154px;
  height:154px;
}
#pharmaceutical_university .spm-name > .gender{ border-radius:0; }
#pharmaceutical_university .button{ border-radius:0; }
#pharmaceutical_university .btn_con a{ border: 1px solid #3e3a39; box-shadow: 1px 1px 3px 2px rgb(0 0 0 / 20%); }
#pharmaceutical_university .infiniteslide{ margin:100px 0 0 0; }
#pharmaceutical_university .infiniteslide ul li img{ margin-left:10px; height: 300px; }
#pharmaceutical_university #sp-etc{ overflow:hidden; }
#pharmaceutical_university #sp-etc .sps-list > li + li{ z-index:10; }

#pharmaceutical_university .bnr_topics_member { margin-block: 0 min(8vw,80px); }






/*おすすめポイント*/
.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; }
.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 #832248; padding: .7em 0 .8em 1.5em; }

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


/*料金表*/
#pharmaceutical_university [class^="supBox-"]{ border:1px solid; }
.nyukan .price_box{ width:30%; margin-right: 2em; }
.nyukan .price_box .room_name{ width: 100%; margin-bottom:1em; padding:.2em 2em; font-size: .85em; text-align: center; }
#pharmaceutical_university .tbl_price2 td .room_name,
#pharmaceutical_university .tbl_price2 th{ color:#832248; line-height: 1.5; }
#pharmaceutical_university article > section#price{ padding-bottom:0; }


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


/* 800以上(幅広) */
@media screen and (min-width: 800px) {
  .spm-list > li { padding-bottom:3.75em; }
  .spm-box { max-width:1300px; margin:0 auto; }
  .spm-box::after {
    position:absolute; top:3.75em; left:0; bottom:0; z-index:-1;
    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;
  }
  .spm-list > li + li { margin-top:3.75em; }
  .spm-img { width:64.6%; }
  .spm-info { position:absolute; top:3.75em; right:3.8%; width:42.3%; padding:2% 3% 2.5%; background:#fff; }
  .spm-list > li:nth-child(2n) .spm-img { margin:0 0 0 auto; }
  .spm-list > li:nth-child(2n) .spm-info { right:auto; left:3.8%; }
  .sps-list > li { width:32% }
  .sps-list > li + li { margin-left:1.33% }

  li.ico-train .label { font-size:.9em; }
  .map figure { width: 85%; }


  /* 京都薬科大学生におすすめ pharmaceutical_university ----------------------------*/
  #pharmaceutical_university .spm-name > .name { font-size: 2.1em; line-height: 2.4; }

}

/* 1024以下 */
@media screen and (max-width: 1024px){
  .pageTitle.special_ttl::before,.pageTitle.special_ttl::after{ width:200px; height: 200px; }
  .pageTitle.special_ttl::before{ left: 0; }
  .pageTitle.special_ttl::after{ right: 0; }
  .pageTitle.special_ttl span{ width: 55%; }

  #pharmaceutical_university .pageTitle .logo{ width: 25%; top:0; left:2%; }
  .university_list li.rakusei .uni_img .label { top: 8.5%; left: .5%;}
  .university_list li.seisho .uni_img .label { top: 6%; left: 2.9%;}
}

/* 799以下(幅狭) */
@media screen and (max-width: 799px){
  .uni_ttl{ font-size: 1.3em; }
  .university_list li::before{ width: 35px; height: 35px; right: 0; }
  .university_list li .uni_img .label{ top:10%; }
  .university_list li .uni_img .triangle {
    border-left-width: 95px;
    border-bottom-width: 95px;
  }
  .university_list li.seisho .uni_img .label { top: 8%;}


  .spm-list > li { margin-bottom:3em; }
  .spm-box { margin:0 15px; }
  .sps-list > li { width:48% }
  .sps-list > li:nth-child(2n) { margin-left:4% }
  .sps-list > li:nth-child(n+3) { margin-top:4% }
  #sp-etc { margin-top:30px; }

  /* 京都薬科大学生におすすめ pharmaceutical_university ----------------------------*/
  #pharmaceutical_university .pageTitle { font-size: 2em; }
  #pharmaceutical_university .infiniteslide{margin: 0px 0 50px 0;}
  #pharmaceutical_university .infiniteslide ul{ height: 180px!important; }
  #pharmaceutical_university .infiniteslide ul li img{ height: 180px; }
  .areamap .camera { left: 68.5%; }

  .tbl_price2 td [class^="price-"]{ font-size: 2em; }
  .nyukan .price_box { width: 40%; }

  .techc .uni_ttl {font-size: 1.25em;}

}

/* 600以上(PC・タブレット) */
@media screen and (min-width: 600px) {
  /* ギャラリー */
  [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%; }

}

/* 599以下(スマホ) */
@media screen and (max-width: 599px){
  .pageTitle.special_ttl::before,.pageTitle.special_ttl::after{ width:120px; height:120px; }
  .pageTitle.special_ttl span { width: 80%;}

  .university_list li { width: 100%; }
  .university_list li:nth-child(n+2){ margin-top:3em!important; }

  .university_list li .uni_img .triangle {
    border-left-width: 90px;
    border-bottom-width: 90px;
  }

  .pageTitle { font-size: 1.8em; }
  .pageTitle>span { line-height: 1.1; letter-spacing: 0; }
  .lead { font-size:1.1em; }
  .ttl_etc { font-size:1.3em; }
  .spm-traffic > dd { padding-left:0;  }
  .sps-list > li { font-size:.9em; }
  .sps-info { padding:0 .5em; }
  .sps > .button { min-width:inherit; width:90%; }

  .map { padding-bottom: 50px; }
  .youtube { margin-bottom: 50px; padding: 20px; }
  .youtube iframe { height: 180px;}

  .tbl_price2 tr{ border-bottom: none; }
  .tbl_price2 th { width: 100%; display: block; padding: .5em 1em; }
  .tbl_price2 td{ padding:1em; }
  .tbl_price2 td .room_name{ font-size: .8em; }
  .tbl_price2 td [class^="price-"] { font-size: 1.5em; }
  .tbl_price2 td [class^="price-"] .meal{ font-size: 12px; }

  .tbl_price th{ display: table-cell; width: 40px; font-size: .8em; }

  .shorei {margin: -1.5em auto 2em;}

  .bukken-youtube li { flex: none; width:100%; }

  /* ギャラリー */
  [class^="gallery_list"] { margin: 1.5em auto 0;}
  [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%; }
  [class^="gallery_btn"] { margin-top: 30px;}

  /* 京都薬科大学生におすすめ pharmaceutical_university ----------------------------*/
  .areamap .camera { width: 10px; height: 10px;top:53.5%; left: 68.5%; }

  .leadBox { padding: 20px; }
  .leadBox .ttl { font-size: 1.5em; line-height: 1.6; }
  .leadBox p { margin: 0 auto .8em; line-height: 1.7; font-weight: normal; letter-spacing: .05em; }
  /*.logo_pharmaceutical { width: 80%; }*/

  #pharmaceutical_university .pageTitle { font-size: 1.5em; }
  #pharmaceutical_university .pageTitle>span{ top:55%; }
  #pharmaceutical_university .pageTitle .logo { width: 45%; top:2%; }
  #pharmaceutical_university .spm-list li:nth-child(1) .spm-img::before,
  #pharmaceutical_university #yamashinahigashino .spm-list li:nth-child(1) .spm-img::before { width: 90px; height: 90px; top: -25px; left: -10px;}
  .bnrarea { margin-top: 20px;}

  .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;  }

  .kanhi .tbl_price2 tr + tr{ border-top: solid 1px #ccc; }
  .nyukan .tbl_price2 td{ -webkit-flex-wrap: wrap; flex-wrap: wrap; }
  .nyukan .price_box { width: 100%; margin: 1em 0 0 0; }

  .university_list li.rakusei .uni_img .label { top: 8%; left: 0%;}


  .university_list li.techc .uni_img .label2 {font-size: 0.6em; top: 7%; left: 1%;}
}