/*
* PCのスタイル全てここに記述。固有のものは各ウェブページに直接記述。
*
* structure element ..... 大枠サイズなど基本構造設定
* part ..... 共通パーツ
* module ..... 共通モジュール
* common ..... ヘッダー、パンくず、フッター、スライドメニュー、サブナビ
* index ..... インデックスページのスタイル
* webpage ..... ウェブページのスタイル
* categorypage ..... カテゴリページのスタイル（お知らせ一覧）
* entrypage ..... 記事ページのスタイル（お知らせ詳細）
*/

/*-------------------------------------------------------------------*\
    structure element ..... 大枠サイズなど基本構造設定
\*-------------------------------------------------------------------*/
body {
  margin: 0;
  color:#4D4D4D;
  font-size:14px;
  word-break: break-word;
  font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  line-height: 180%;
}
*{
  box-sizing: border-box;
}
.type-under-page.category-index .column,
.type-under-page.category-entry .column,
.type-under-page.layout-news .column{
  width: 960px;
  margin: 0 auto;
  overflow:hidden;
}
.type-under-page.category-entry .column-main,
.type-under-page.layout-news .column-main{
  width: 690px;
  float: right;
}
.type-under-page.category-entry .subnavi,
.type-under-page.layout-news .subnavi{
  width: 230px;
  float: left;
}
.contents-inner{
  position: relative;
  width: 960px !important;
  margin: 0 auto !important;
}

/* 構造 */
.section{
  margin: 0 0 40px !important;
}
.section-l{
  margin: 0 0 60px !important;
}
p{
  margin: 0 0 20px;
}
.type-index-page p:last-of-type {
  margin: 0;
}
span{
  display: inline-block;
}


/*-------------------------------------------------------------------*\
part ..... 共通パーツ
\*-------------------------------------------------------------------*/
/* リセット系 */
a,
a:visited{
  color:#2D71AA;
  text-decoration: none;
}
a:hover{
  text-decoration: underline;
}
a img:hover{
  opacity:0.8;
}
dl,dt,dd{
  margin: 0;
}
img{
  display:block;
  max-width: 100%;
  height:auto;
}
.ie img{

}

/* 表示制限 */
.pc-none{
  display:none !important;
}


/* アイコン
-------------------------------------*/
/* pdfアイコン */
a.pdf {
display:inline-block;
padding-left: 22px;
background: url(https://www.uenogakuen.ac.jp/assets/img/common/icon_pdf.gif) left center no-repeat transparent;
}
a.word {
display:inline-block;
padding-left: 22px;
background: url(https://www.uenogakuen.ac.jp/assets/img/common/icon_word.png) no-repeat transparent;
background-size: auto 100%;
background-position: left -4px center;
}


/* target、ファイル種別アイコン icomoon */
a[target="_blank"]:not(.img-link):after,
a[href$=".docx"]:not(.img-link):after,
a[href$=".xlsx"]:not(.img-link):after{
margin: 0 6px;
font-family: 'icomoon' !important;
display: inline-block;
font-size: 85%;
}
a[target="_blank"]:not(.img-link):after{ content: "\e904"; }
a[href$=".docx"]:not(.img-link):after,a[href$=".xlsx"]:not(.img-link):after { content: "\e903"; }


/* 矢印アイコン */
ul.arrow-style{
margin: 0 0 20px;
padding:0;
list-style:none;
}
.arrow-style li{
margin:0 0 5px;
}
.arrow-style li,
a.arrow-style{
position: relative;
padding: 0 0 0 12px;
font-weight: bold;
}
.arrow-style li:before,
a.arrow-style:before{
display: block;
content: "";
position: absolute;
top:50%;
left: 0;
margin-top: -3px;
border: solid 3px transparent;
border-left: solid 5px #2D71AA;
}




/* テキスト調整
-------------------------------------------------*/
/* 位置 */
.align-center{
text-align: center;
}
.align-right {
text-align: right;
}
/* サイズ */
.large{
font-size: 120%;
}
.smaller {
display: inline-block;
font-size: 85%;
line-height: 150%;
}

/* 色 */
.gray{ color: #777; }
.red{ color: red; }


/* レイアウト調整
-------------------------------------*/
.no-margin{
margin: 0 auto !important;
}
.pc-no-margin{
margin: 0 auto !important;
}


/* 装飾パーツ
-------------------------------------*/
/* リードテキスト */
.lead-text{
text-align: center;
font-size: 18px;
}

/* 学長挨拶などの明朝体の名前 */
.name {
font-family:serif;
font-weight: bold;
}

/* 罫線 */
hr {
height: 0;
border: 0;
border-bottom: 1px dotted #d4d4d4;
}

/* blockquote */
blockquote {
margin: 20px 0;
padding: 0 15px;
border-left: 4px double #d4d4d4;
}



/*-------------------------------------------------------------------*\
module ..... 共通モジュール
\*-------------------------------------------------------------------*/

/* グリッドレイアウト
-------------------------------------------------*/
.row{
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
flex-wrap: wrap;
justify-content: flex-start;
margin-left: -10px;
margin-right: -10px;
}
.col{
float: left;
margin: 0;
padding: 0 10px;
box-sizing: border-box;
}
.col img{
margin-bottom: 15px;
}

.col.m1{ width: 8.33333333333%; }
.col.m2{ width: 16.6666666667%; }
.col.m3{ width: 25%; }
.col.m4{ width: 33.3333333333%; }
.col.m5{ width: 41.6666666667%; }
.col.m6{ width: 50%; }
.col.m7{ width: 58.3333333333%; }
.col.m8{ width: 66.6666666667%; }
.col.m9{ width: 75%; }
.col.m10{ width: 83.3333333333%; }
.col.m11{ width: 91.6666666667%; }
.col.m12{ width: 100%; }


/* テキスト回り込み
-------------------------------------------------*/
.float-right{
float: right;
max-width:250px;
margin: 0 0 20px 20px;
}

.float-left{
float: left;
max-width:250px;
margin: 0 20px 20px 0;
}

.float-right img,
.float-left img{
margin: 0 0 10px;
}

.float-right:after,
.float-left:after{
content: "";
display: block;
clear: both;
height: 0;
visibility: hidden;
}


/* 画像
-------------------------------------------------*/
.image-center,
.image-center img{
margin: 0 auto 20px;
}


/* タイルレイアウト
-------------------------------------------------*/
.layout-tile .tile-item {
margin: 0 0 30px;
vertical-align: top;
}
.layout-tile .tile-item a p,
.layout-card .card-item a p{
margin: 5px 0 0;
color: #4d4d4d;
text-decoration: none;
line-height: 140%;
}
.layout-tile .tile-item a:hover,
.layout-card .card-item a:hover{
text-decoration: none;
}
.layout-tile .tile-item .btn-more,
.layout-card .card-item .btn-more{
margin: 5px 0 0;
}
.layout-tile .tile-item a:hover .btn-more,
.layout-card .card-item a:hover .btn-more{
text-decoration: underline;
}

/* 回り込み解除
------------------------------------------
.clearfix:after,
.entryBody ul.newsList li:after,
ol.numericalNotices li:after,
footer.contentsFooter .relatedLink:after,
.getAdobeReader:after,
.layout-teacher table:after{
content: "\0020";
display: block;
height: 0;
clear: both;
overflow: hidden;
visibility: hidden;
}*/


/* 見出し
--------------------------------------*/
/* cornerTitle */
.cornerTitle {
margin: 30px 0 25px;
padding: 0 0 0 15px;
border-left: 5px #D83661 solid;
position: relative;
font-size:22px;
font-weight: normal;
line-height:120%;
letter-spacing: 0.1em;
}
.cornerTitle:before{
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width:1px;
border-left: 2px #D83661 solid;
margin: 0 2px;
display: block;
}
.cornerTitle a {
color: #4d4d4d;
text-decoration: none;
}
.cornerTitle a:after {
position: relative;
content: "≫";
margin: 0 0 0 10px;
color: #4d4d4d;
font-size: 24px;
}
.cornerTitle a:hover,
.cornerTitle a:hover:after{
color: #D83661;
}
.cornerTitle .smaller{
font-size: 70%;
}
div + .cornerTitle,
p + .cornerTitle,
table + .cornerTitle,
ul + .cornerTitle,
hr + .cornerTitle{
margin-top: 60px;
}

.cornerTitleCategory{
font-size:14px;
font-weight:bold;
line-height:150%;
letter-spacing: 0.05em;
clear: both;
margin: 0 0 15px;
}

.cornerMainTitle {
display:block;
margin: 0 0 15px;
padding:8px 10px;
background-color:#fff;
background-size:8px 8px;
background-image:-moz-radial-gradient(rgba(255,240,164,1),rgba(255,240,164,1) 2px,transparent 2px,transparent);
background-image:-webkit-radial-gradient(rgba(255,240,164,1),rgba(255,240,164,1) 2px,transparent 2px,transparent);
background-image:-o-radial-gradient(rgba(255,240,164,1),rgba(255,240,164,1) 2px,transparent 2px,transparent);
background-image:-ms-radial-gradient(rgba(255,240,164,1),rgba(255,240,164,1) 2px,transparent 2px,transparent);
background-image:radial-gradient(rgba(255,240,164,1),rgba(255,240,164,1) 2px,transparent 2px,transparent);
font-size:14px;
font-weight:bold;
line-height:150%;
letter-spacing: 0.05em;
clear: both;

}

/* cornerSubTitle */
.cornerSubTitle {
display:block;
margin: 40px 0 15px;
padding:8px 10px;
background-color:#fff;
background-size:8px 8px;
background-image:-moz-radial-gradient(rgba(255,240,164,1),rgba(255,240,164,1) 2px,transparent 2px,transparent);
background-image:-webkit-radial-gradient(rgba(255,240,164,1),rgba(255,240,164,1) 2px,transparent 2px,transparent);
background-image:-o-radial-gradient(rgba(255,240,164,1),rgba(255,240,164,1) 2px,transparent 2px,transparent);
background-image:-ms-radial-gradient(rgba(255,240,164,1),rgba(255,240,164,1) 2px,transparent 2px,transparent);
background-image:radial-gradient(rgba(255,240,164,1),rgba(255,240,164,1) 2px,transparent 2px,transparent);
font-size:14px;
font-weight:bold;
line-height:150%;
letter-spacing: 0.05em;
clear: both;
}
.ie .cornerSubTitle {
background-image:url(https://www.uenogakuen.ac.jp/assets/img/common/bg-dot-yellow.png);
}
.cornerTitle + .cornerSubTitle{
margin-top: 0;
}

/* cornerSubSubTitle */
.cornerSubSubTitle:before{
content: "";
display: inline-block;
margin: 0 10px 15px;
padding-left: 8px;
font-weight:bold;
border-left: 5px solid rgb(243, 210, 40);
vertical-align: middle;
}

.cornerTitleList {
display: flex;
justify-content: space-between;
}

.cornerTitleList--item {
width: 48%;
}

.cornerSubList {
display: flex;
justify-content: space-between;
}

.cornerSubList--item {
width: 48%;
}


/* タグラベル
-------------------------------------------------*/
ul.tags{
text-align: right;
margin: -20px 0 0 !important;
}
ul.tags li {
display: inline;
margin: 0 10px 0 0;
padding: 5px;
background: #D83661;
color:#fff;
font-size: 12px;
font-weight: bold;
}


/* ボタン
--------------------------------------*/
/* ボタン共通 */
.btn{
transition: all 0.3s;
display: inline-block;
min-width: 100px;
margin: 0;
padding: 8px 20px;
font-weight: bold;
line-height: 1;
text-align: center;
text-decoration: none !important;
}

/* べた塗りボタン */
.btn-bg {
background: #000;
color: #fff !important;
}
.btn-bg:hover{
background:#bab9b9;
}

/* ラインボタン */
.btn-line {
border: 1px solid #fff;
color: #fff !important;
}
.btn-line:hover{
background:#fff;
color: #000 !important;
}

/* トップmoreボタン */
.more-btn{
position: relative;
display: inline-block;
background-color:#DD8543;
text-align: center;
}
.more-btn a{
display:block;
padding:5px 25px;
color:#fff;
font-size:14px;
font-weight:bold;
text-decoration: none;
line-height: 1;
}
.more-btn a:before{
content: "";
position: absolute;
top: 50%;
margin: -4px 0 0 -10px;
border: solid 3px transparent;
border-left: solid 5px #fff;
}
.more-btn:hover{
opacity: 0.8;
}

/* 申し込みボタン */
a.requestButton,
a.strongButton {
display: block;
position: relative;
width: 220px;
margin: 10px auto;
padding: 5px;
background-color: #1abc9c;
border-radius: 4px;
color: #fff;
-webkit-transition: none;
transition: none;
box-shadow: 0 3px 0 #0e8c73;
font-weight: bold;
text-align: center;
text-decoration: none;
text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
}
a.requestButton span,
a.strongButton span {
font-size: 12px;
}
a.requestButton:active,
a.strongButton:hover,
a.requestButton.memorialHallButton:hover,
a.strongButton.memorialHallButton:hover{
background-color: #31c8aa;
box-shadow: 0 3px 0 #23a188;
}
a.requestButton:active,
a.strongButton:active{
top: 3px;
box-shadow: none;
}


/* リスト
-------------------------------------------------*/
.category-entry .column-main ul:not(.arrow-style):not(.plain){
margin: 0 0 20px;
padding-left: 25px;
}
.category-entry .column-main ol{
margin: 20px 0;
padding-left: 25px;
}
.category-entry .column-main ul li,
.category-entry .column-main ol li{
margin-bottom:7px;
}

/* ヤクモノなし */
ul.plain {
list-style-type: none !important;
padding-left: 0 !important;
}

/* 注意書き
-------------------------------------------------*/
.attention{
list-style:none;
padding:0 !important;
}
.attention li{
padding-left: 1em;
}
.attention li:before{
content: "※";
margin-left: -1em;
}

/* ナンバー付き */
ul.attention.num li{
text-indent:-1.25em;
padding-left:2.25em;
}


/* 囲みボックス
-------------------------------------------------*/
/* 罫線囲み */
.line-box {
padding:15px 20px;
border: 1px solid #C6C6C6;
font-size:14px;
}

/* べた塗り */
.bg-box {
margin: 20px 0;
padding: 15px 20px;
background: #F7F7F7;
}


/* table
-------------------------------------------------*/
table {
width: 100%;
margin: 0 0 20px;
font-size:14px;
}
table caption {
margin: 5px 0;
font-weight:bold;
text-align:left;
}
table th,
table td {
border: 1px solid #E5E5E5;
text-align: left;
padding: 10px;
line-height: 140%;
}
table th {
background-color: #F7F7F7;
font-weight: bold;
}
table.noStrong td,
table.noStrong th {
font-weight: normal;
}
table tr.total th, table tr.total td {
border-top-width: 3px;
border-top-style: double;
}
table .bright {
background: #f7f7f7;
}
table .dark {
background: #eeeeee;
}
table .pink {
background: #ffece1;
}
table .yellow {
background: #fcf5cc;
}
table .green {
background: #e4f4e4;
}
table .blue {
background: #dbf5fe;
}

/* インフォメーション
------------------------------------*/
ul.contacts {
margin: 0;
padding-left: 0 !important;
}
.contactInformation {
margin: 30px 10px;
padding: 10px;
border: 1px solid #C6C6C6;
}
.contactInformation p {
margin: 0 0 5px !important;
}
.contactInformation .number .phone.freedial {
padding:0 0 0 30px;
color: #319f2d;
background: url(https://www.uenogakuen.ac.jp/assets/img/common/icon_freedial.png) left center no-repeat transparent;
}
.contactInformation .number .phone.freedial a {
color: #319f2d;
text-decoration: none;
}
.contactInformation .contact,
.contactInformation .number{
font-weight:bold;
}
ul.contacts li.contactInformation {
list-style: none;
margin: -1px 0 !important;
}


/* Q&A系コンテンツ共通
-------------------------------------------------*/
.question,
.answer {
padding-left: 25px;
text-indent: -25px;
}
.question {
margin: 0 0 10px;
font-weight: bold;
}
span.qa-icon {
display: initial;
margin-right: 10px;
font-weight: bold;
}


/* インタビュー系コンテンツ共通
--------------------------------------------------------------------------------*/
.interview-item {
margin: 0 0 90px;
clear: both;
}
.interview-item img {
margin: 0 0 20px;
}
.interview-title {
margin:0 0 20px;
font-size: 20px;
font-weight: bold;
letter-spacing: 0.1em;
line-height: 160%;
}
.interview-sub-title {
display: inline-block;
margin: 0 0 10px;
padding: 0 0 3px;
font-size: 16px;
border-bottom: 1px solid #999;
}
.interview-item.left img {
float: left;
width: 300px;
margin-right: 20px;
}
.interview-item.left p {
padding-left: 320px;
}

.interview-item.right img {
float: right;
width: 300px;
margin-left: 20px;
}
.interview-item.right p {
padding-right: 320px;
}

.interview-item.center img {
display: block;
max-width: 100%;
margin: 0 0 20px;
}
.interview-name {
color: #777;
font-size: 12px;
line-height: 160%;
}



/* 検索ボタン
--------------------------------------*/
.search-btn{
display: inline-block;
position: relative;
width: 40px;
height: 40px;
border-radius: 50%;
z-index:100;
cursor:pointer;
}
.search-btn-icon{
display: block;
position: absolute;
top: 13px;
left: 13px;
width: 12px;
height: 12px;
margin: 0;
background: #000;
transition: .2s;
border-radius: 6px;
}
.search-btn-icon:before{
display: block;
content: "";
position: absolute;
top: 0px;
left: 2px;
width: 8px;
height: 8px;
background: #fff;
transition: .3s;
border-radius: 4px;
}
.search-btn-icon:after{
display: block;
content: "";
position: absolute;
top: 11px;
left: 9px;
width: 6px;
height: 2px;
background: #000;
transition: .3s;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
}

.search-btn-icon:before{
margin-top: 2px;
}

.search-btn .close{
background: transparent;
}
.search-btn .close:before{
top: 4px;
left: 0px;
width: 14px;
height: 2px;
border-radius: 0px;
background-color:#000;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
}
.search-btn .close:after{
top: 6px;
left: 0px;
width: 14px;
height: 2px;
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
}

/* 検索ボックス */
/* .search {
position: absolute;
top: -140px;
right:65px;
margin: 10px 0;
background: #fff;
-webkit-transform: translateY(0px);
transform: translateY(0px);
transition: all 500ms ease-in-out;
z-index:10;
}
.search.show {
-webkit-transform: translateY(140px);
transform: translateY(140px);
width: 100%;
background: #fff;
text-align: right;
}
.ie .search.show {
top:36px;
}
.search form {
position: relative;
margin: 0;
}
.search input.search-box {
width: 260px;
border: 1px solid #999999;
border-radius: 2px;
}
.search input.submit {
padding: 8px;
border: none;
border-radius: 2px;
background-color: #4d4d4d;
color: #fff;
font-size: 12px;
font-weight: bold;
line-height: 1;
} */

/* パンくず
--------------------------------------*/
.bread-crumbs {
width: 960px;
margin: 0 auto;
}
.bread-crumb-list {
list-style: none;
margin: 15px 0;
padding: 0;
}
.bread-crumbs li {
display: inline-block;
font-size: 12px;
line-height: 1;
}
.bread-crumbs li a {
margin-right: 0.5em;
}
.bread-crumbs li:before {
content: ">";
color: #999999;
margin-right: 0.5em;
}
.bread-crumbs li:first-child:before {
content: " ";
margin-right: 0;
}

/* footer
--------------------------------------*/
.footer{
padding:25px 10px 80px;
background-color: #FFB948;
color: #222;
font-size:13px;
}
.site-junior_college .footer{
background-color:#F2E440;
}
.footer .inner{
width:960px;
margin:0 auto;
}
.footer a{
color: #222;
}
.footer-logo a{
display: inline-block;
float: left;
width:60px;
height:70px;
margin:0 40px 0 10px;
background: url(https://www.uenogakuen.ac.jp/assets/img/common/logo-footer.svg) no-repeat;
}
.ie .footer-logo a{
background: url(https://www.uenogakuen.ac.jp/assets/img/common/logo-footer_ie.png) no-repeat;/* ie8以下用 */
}
.footer-logo span{
display: none;
}
.footer ul{
list-style:none;
margin: 0;
padding: 0;
}
.footer-link-nav ul {
display: inline-block;
width: 21%;
margin: 0;
padding: 0;
vertical-align: top;
}
.footer-link-nav li:first-child {
margin: 0 15px 15px 0;
padding: 0 0 0 8px;
border-left: 3px solid #222;
font-weight: bold;
font-size: 14px;
line-height: 0.8;
}
.footer-link-nav li {
margin: 0 0 5px;
}
.footer-link-info {
margin: 10px 0 0;
padding: 10px 0;
border-top: 1px solid rgba(255,255,255,0.3);
}
.footer-link-info ul {
display: inline-block;
}
.footer-link-info li{
display: inline-block;
margin: 0 30px 10px 0;
padding: 0;
}
.footer .copyright{
float: right;
margin: 0;
font-size: 11px;
}

/* snsボタン
--------------------------------------*/
.sns-btn{
margin: 30px 0 0;
padding: 40px 10px 30px;
border-top: 1px solid #E5E5E5;
text-align: center;
clear: both;
}
.type-index-page .sns-btn{
margin: 0;
}
.sns-btn-wrap {
display: inline-block;
width: 172px;
margin: 0 8px;
vertical-align: top;
text-align: left;
}
.sns-btn-item {
display: block;
width: 100%;
padding: 10px 15px;
background: #f2f2f2;
border-radius: 5px;
}
.sns-btn-img {
display: inline-block;
width: 30px;
margin-right: 10px;
vertical-align: middle;
}
.sns-btn-text {
font-weight: bold;
line-height: 1;
vertical-align: middle;
color: #424242;
}
.sns-btn-subtext {
display: block;
font-size: 12px;
text-align: right;
}
.sns-btn-item:hover {
opacity: .8;
text-decoration: none;
}

/* ページトップボタン
--------------------------------------*/
.goto-top-btn-fix {
position: fixed;
bottom: 20px;
left: 20px;
z-index: 1;
width: 40px;
height: 40px;
background:#333;
border-radius: 20px;
text-indent: -9999px;
box-shadow: 0 3px 3px rgba(0, 0, 0, .2), inset 0 1px 1px rgba(0, 0, 0, 0);
cursor: pointer;
}

.goto-top-btn-fix:before {
display: block;
content: "";
position: absolute;
-moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
top: 50%;
right: 16px;
width: 8px;
height: 8px;
margin-top: -4px;
background: #fff;
}
.goto-top-btn-fix:after {
display: block;
content: "";
position: absolute;
-moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
top: 50%;
right: 16px;
width: 8px;
height: 8px;
margin-top: -1px;
background: #333;
}

/* チャットボットボタン
--------------------------------------*/
.qualvaBtn {
position: fixed;
bottom: 10px;
right: 20px;
cursor: pointer;
width: 216px;
}

/* モーダルウィンドウ
--------------------------------------*/
.overlay {
display:table;
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
margin: 0 !important;
background: rgba(220,220,220,0.9);
visibility: hidden;
opacity: 0;
-webkit-transform: scale(0.9);
transform: scale(0.9);
-webkit-transition: -webkit-transform 0.2s, opacity 0.2s, visibility 0s 0.2s;
transition: transform 0.2s, opacity 0.2s, visibility 0s 0.2s;
}
.ie .overlay{
background: #dcdcdc;
}

.overlay.open {
visibility: visible;
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
transition: transform 0.4s, opacity 0.4s;
z-index: 99999;
}

.overlay-contents{
display:table-cell;
vertical-align: middle;
}
.overlay-contents .inner{
width:580px;
margin:0 auto;
}
.overlay-contents .inner:after{
content: "\0020";
display: block;
height: 0;
clear: both;
overflow: hidden;
visibility: hidden;
}
.overlay-contents .overlay-ph{
float: left;
width: 250px;
}
.overlay-contents .overlay_comment{
float: right;
width: 300px;
font-size: 13px;
line-height: 24px;
}
.overlay-contents .overlay_comment hr{
height: 0;
border: 0;
border-bottom: 1px dotted #fff;
}

.overlay .overlay-close {
width: 40px;
height: 40px;
position: absolute;
right: 40px;
top: 40px;
overflow: hidden;
border: none;
background: url(https://www.uenogakuen.ac.jp/assets/img/common/cross.png) no-repeat center center;
z-index: 300;
cursor: pointer;
}
.overlay .overlay-close span{
display:none;
}

.overlay-trigger{
color: #2D71AA;
cursor:pointer;
}
.overlay-trigger:hover{
text-decoration: underline;
}

/* サブナビ
--------------------------------------*/
.subnavi-content {
list-style: none;
padding: 0;
margin:0;
/* border-top: 1px solid #E5E5E5; */
}
.subnavi-item {
/* border-bottom: 1px solid #E5E5E5; */
font-weight: bold;
line-height: 1.4;
}
.subnavi-item a {
font-size: 13px;
display: block;
position: relative;
padding: 8px 0px 8px 16px;
color: #888;
text-decoration: none;
}
.subnavi-item:first-child a {
margin-top: 8px;
}
.subnavi-category {
margin: 10px 0;
padding: 10px 0 6px;
}
.subnavi-category:first-child {
margin: 0 0 10px;
}
.site-uiversity .subnavi-category {
border-bottom: 2px solid #FFB948;
}
.site-junior_college .subnavi-category {
border-bottom: 2px solid #F2E43F;
}
.subnavi-entry a:before {
display: block;
content: "";
position: absolute;
top: 50%;
left: 0;
margin-top: -3px;
border: solid 3px transparent;
border-left: solid 5px #bbb;
}
.subnavi-item a:hover {
color: #D83661;
}
.subnavi-content .current a {
color: #D83661;
}
.subnavi-entry.current a:before {
border: solid 3px transparent;
border-left: solid 5px #FFB948;
}
.site-junior_college .subnavi-entry.current a:before {
border: solid 3px transparent;
border-left: solid 5px #F2E43F;
}



/*------------------------------------*\
index　トップページ
\*------------------------------------*/
/* 共通要素 */
.index-content-title {
margin-bottom: 20px;
font-size: 24px;
letter-spacing: 0.2em;
}

.content-wrapper{
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}

.text-container{
  flex: 1;
}

.image-container{
  width: 172px;
  margin-left: 36px;
}

/* 重要情報
--------------------------------------*/
.juyojoho {
display: block;
margin: 12px auto;
}
.juyojoho .entry-item {
display: block;
width: 960px;
list-style: none;
margin:0 auto;
padding: 10px;
border-top: 1px dotted #db2323;
border-right: 1px dotted #db2323;
border-left: 1px dotted #db2323;
}

.juyojoho .entry-item:last-child {
border-bottom: 1px dotted #db2323;
}

.juyojoho .entry-item a {
color: #4d4d4d;
text-decoration: none;
}
.juyojoho .entry-title {
margin: 8px 0 0;
font-size: 14px;
line-height: 140%;
}
.juyojoho .entry-category,
.juyojoho .entry-date {
display: inline-block;
}
.juyojoho .entry-title,
.juyojoho .entry-category {
color: #db2323;
}


/* カルーセル
--------------------------------------*/
.carousel-top {
background: #ffb948;
/* Old browsers */
background: -moz-linear-gradient(top, #ffb948 0%, #ffb948 70%, #ffffff 70%);
/* FF3.6-15 */
background: -webkit-linear-gradient(top, #ffb948 0%, #ffb948 70%, #ffffff 70%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ffb948 0%, #ffb948 70%, #ffffff 70%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb948', endColorstr='#ffffff', GradientType=0);
/* IE6-9 */
;
}
.site-junior_college .carousel-top {
background: #F2E440;
/* Old browsers */
background: -moz-linear-gradient(top, #F2E440 0%, #F2E440 70%, #ffffff 70%);
/* FF3.6-15 */
background: -webkit-linear-gradient(top, #F2E440 0%, #F2E440 70%, #ffffff 70%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #F2E440 0%, #F2E440 70%, #ffffff 70%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F2E440', endColorstr='#ffffff', GradientType=0);
/* IE6-9 */
;
}
.carousel-top-item-list .slick-track {
padding: 20px 0 60px;
}
.center .carousel-top-item {
width: 100%;
height: auto;
outline: none;
}
.carousel-inner {
max-width: 600px;
margin: 0 auto;
background-color: #FFF;
border-radius: 8px;
overflow: hidden;
box-shadow: 0 20px 30px rgba(0, 0, 0, 0.25);
}
.center .slick-next {
right: calc(50% - 400px);
z-index: 99;
margin-top: -40px;
width: 40px;
height: 40px;
}
.center .slick-prev {
left: calc(50% - 400px);
z-index: 100;
margin-top: -40px;
width: 40px;
height: 40px;
}
.slick-prev:before, .slick-next:before {
font-size: 40px;
}


/* カルーセル　サムネイル */
.slick-dots{
display: block;
width: 100%;
margin:0 !important;
padding: 0 !important;
list-style: none;
text-align: center;
line-height: 2;
}
.site-junior_college .slick-dots {
}

.slick-dots li{
position: relative;
display: inline-block;
width: 12px;
height: 12px;
margin: 0 5px;
padding: 0;
cursor: pointer;
}
.slick-dots li button{
font-size: 0;
line-height: 0;
display: block;
width: 12px;
height: 12px;
padding: 5px 10px;
cursor: pointer;
color: transparent;
border: 0;
outline: none;
background: transparent;
}
.slick-dots li button:before{
font-family: 'slick';
font-size: 14px;
position: absolute;
top: 0;
left: 0;
width: 12px;
height: 12px;
content: '•';
text-align: center;
opacity: 0.2;
color: #222;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before{
opacity: 1;
color: #222;
}

/* トップ　コンテンツ誘導枠
--------------------------------------*/
.guided-contents {
padding: 30px 0;
overflow: hidden;
}
.contents-lists {
display: flex;
flex-wrap: wrap;
list-style: none;
justify-content: space-between;
margin: 0;
padding: 0;
}
/* レイアウト変更 20200730 Choi */
.contents-list {
width: 48.5%;
max-width: 100%;
}
/* 短大のみレイアウト変更 20200109 Choi */
.type-index-page.site-junior_college .contents-list {
width: 48.5%;
max-width: 100%;
}
.contents-list-txt {
margin: 0 0 24px;
}

a.contents-list-thm {
display: flex;
align-items: flex-start;
justify-content: center;
position: relative;
background-position: 50% 50%;
background-size: cover;
height: 160px;
color: #fff;
font-family: serif;
font-size: 20px;
border-radius: 8px;
overflow: hidden;
margin: 0 0 10px;
}
a:hover.contents-list-thm {
text-decoration: none;
}
.cover__dark {
left: 0;
top: 0;
position: absolute;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,0.4);
z-index: 1;
transition: .3s;
}
a:hover .cover__dark {
background-color: rgba(0,0,0,0.6);
}
.contents-list-title {
display: flex;
align-items: center;
height: 160px;
font-weight: 700;
letter-spacing: 0.075em;
z-index: 2;
}
@media only screen and (max-width: 640px) {
.column-main ul.contents-lists{
  margin: 0 10px;
  padding: 0;
}
.bg-yellow {
  margin: 0 5px 0 0;
}
.contents-list {
  width: 100%;
  max-width: 100%;
  margin: 0 0 20px;
}
.contents-list p{
  padding-left: 0;
  padding-right: 0;
  margin: 0 0 15px;
}
}

/* トップ　受験生向けイベント
--------------------------------------*/
.guided-events {
position: relative;
margin: 0;
padding: 30px 0;
background-color:#fff;
background-size:6px 6px;
background-image:-moz-radial-gradient(rgba(184,219,162,0.7),rgba(184,219,162,0.7) 1px,transparent 1px,transparent);
background-image:-webkit-radial-gradient(rgba(184,219,162,0.7),rgba(184,219,162,0.7) 1px,transparent 1px,transparent);
background-image:-o-radial-gradient(rgba(184,219,162,0.7),rgba(184,219,162,0.7) 1px,transparent 1px,transparent);
background-image:-ms-radial-gradient(rgba(184,219,162,0.7),rgba(184,219,162,0.7) 1px,transparent 1px,transparent);
background-image:radial-gradient(rgba(184,219,162,0.7),rgba(184,219,162,0.7) 1px,transparent 1px,transparent);
}
.guided-events .more-btn {
padding: 0 25px;
color: #fff;
background-color: #D83661;
}
.ie .guided-events {
background-image:url(https://www.uenogakuen.ac.jp/assets/img/common/bg-dot-green.png);
}
.guided-events-items {
margin: 0;
padding: 0;
display: flex;
flex-wrap: wrap;
align-items: flex-start;
justify-content: space-between;
}
.guided-events-item {
display: inline-block;
width: 300px;
}
.guided-events-item .entry-photo img {
width: 100%;
}
.guided-events-item a {
color:#4d4d4d;
text-decoration: none;
}
.guided-events-item .entry-title-wrapper {
margin: 5px 0 0;
}
.guided-events-item .entry-subtitle {
font-size: 14px;
}
.guided-events-item .entry-title {
display: inline-block;
position: relative;
margin: 3px 0 0;
padding: 0 5px 2px 16px;
background:linear-gradient(transparent 50%, #FFEA71 50%);
background: -moz-linear-gradient(transparent 50%, #FFEA71 50%);/* FF3.6+ */
background: -webkit-linear-gradient(transparent 50%, #FFEA71 50%);/* Chrome10+, Safari5.1+ */
background: -o-linear-gradient(transparent 50%, #FFEA71 50%);/* Opera 11.10+ */
font-size: 18px;
font-weight: bold;
line-height: 120%;
}
.guided-events-item .entry-title:before {
content: "";
position: absolute;
top: 50%;
left: 0;
margin-top: -8px;
border: 6px solid transparent;
border-left: 8px solid #4d4d4d;
}
.guided-events-item .entry-title:hover {
background:linear-gradient(transparent 50%, #FFF57D 50%);
}

/* トップ　オープンキャンパス
--------------------------------------*/
.open-campus {
padding: 35px 0;
overflow: hidden;
}
.open-campus a:hover {
text-decoration: none;
}
.open-campus .entry-photo {
float: left;
margin:0 15px 0 0;
}
.open-campus .entry-photo img {
width: auto;
height: 170px;
}
.open-campus-item .entry-title {
display: inline-block;
margin: 0 10px 5px 0;
vertical-align: top;
color:#D83661;
font-size:16px;
font-weight:bold;
}
.open-campus-item .entry-title:hover {
text-decoration: underline;
}
.open-campus .more-btn {
padding: 0 25px;
color: #fff;
background-color: #D83661;
}
.open-campus-entry-data {
margin: 5px 0 0;
}
.open-campus-entry-data p{
color: #4d4d4d;
}
.open-campus-entry-data dl {
margin: 0 0 10px;
}
.open-campus-entry-data dt,
.open-campus-entry-data dd{
display: table-cell;
}
.bg-yellow {
display: inline-block;
margin: 0 5px 0 0;
padding: 5px;
background-color: #FFEA71;
font-size: 12px;
font-weight: bold;
line-height: 1;
}

.open-campus-next{
display: table;
width: 300px;
height: 162px;
margin: 0 0 10px;
padding: 30px;
background: url(https://www.uenogakuen.ac.jp/assets/img/index/bg-open-campus-next.png) center no-repeat;
background-size: contain;
text-align: center;
}
.open-campus-next-inner{
display: table-cell;
vertical-align: middle;
cursor: pointer;
}
.open-campus-next-text{
margin: 0 0 8px;
color: #4d4d4d;
font-size:14px;
font-weight:bold;
}

/* トップ　バナー
--------------------------------------*/
.carousel-bottom {
margin: 0;
padding: 35px 0;
background-color: #F4F4F4;
text-align: center;
}

/* トップ　イベント、お知らせ
--------------------------------------*/
.type-index-page .news {
position: relative;
margin: 0;
padding: 30px 0;
}
.news ul {
list-style: none;
margin: 0;
padding: 0;
}
.event,
.info{
display: inline-block;
position: relative;
width: 460px;
vertical-align: top;
}
.event {
margin: 0 35px 0 0;
}
.news .entry-item {
padding:10px 0;
border-bottom: 1px dotted #E0E0E0;
}
.news .entry-item a {
color:#4d4d4d;
text-decoration: none;
}
.entry-subinfo {
font-size:12px;
line-height: 100%;
}
.news .entry-category,
.news .entry-date{
display:inline-block;
margin: 0 5px 0 0;
}
.news .entry-category {
color:#E56117;
}
.icon-new {
padding: 3px 5px;
background: #FFEA71;
font-size: 10px;
font-weight: bold;
}
.news .entry-title {
margin:8px 0 0;
font-size:14px;
line-height: 140%;
}
.news .entry-item a .entry-title:hover {
text-decoration: underline;
}
.news .more-btn {
float: right;
margin-top: 10px;
background-color: #DD8543;
}


/* トップ　キャンパスライフ
--------------------------------------*/
.campus-life {
position: relative;
margin: 0;
padding:  30px 0;
background-color:#fff;
background-size:6px 6px;
background-image:-moz-radial-gradient(rgba(184,219,162,0.7),rgba(184,219,162,0.7) 1px,transparent 1px,transparent);
background-image:-webkit-radial-gradient(rgba(184,219,162,0.7),rgba(184,219,162,0.7) 1px,transparent 1px,transparent);
background-image:-o-radial-gradient(rgba(184,219,162,0.7),rgba(184,219,162,0.7) 1px,transparent 1px,transparent);
background-image:-ms-radial-gradient(rgba(184,219,162,0.7),rgba(184,219,162,0.7) 1px,transparent 1px,transparent);
background-image:radial-gradient(rgba(184,219,162,0.7),rgba(184,219,162,0.7) 1px,transparent 1px,transparent);
}
.ie .campus-life {
background-image:url(https://www.uenogakuen.ac.jp/assets/img/common/bg-dot-green.png);
}
.campus-life-lead {
margin: 0 0 20px;
}
.campus-life-item {
display: inline-block;
width: 300px;
}
.campus-life-item.second-item {
margin: 0 20px;
}
.campus-life-item .entry-photo img {
width: 100%;
}
.campus-life-item a {
color:#4d4d4d;
text-decoration: none;
}
.campus-life-item .entry-title-wrapper {
margin: 3px 0 0;
}
.campus-life-item .entry-subtitle {
font-size: 14px;
}
.campus-life-item .entry-title {
display: inline-block;
position: relative;
margin: 3px 0 0;
padding: 0 5px 2px 16px;
background:linear-gradient(transparent 50%, #FFEA71 50%);
background: -moz-linear-gradient(transparent 50%, #FFEA71 50%);/* FF3.6+ */
background: -webkit-linear-gradient(transparent 50%, #FFEA71 50%);/* Chrome10+, Safari5.1+ */
background: -o-linear-gradient(transparent 50%, #FFEA71 50%);/* Opera 11.10+ */
font-size: 18px;
font-weight: bold;
line-height: 120%;
}
.campus-life-item .entry-title:before {
content: "";
position: absolute;
top: 50%;
left: 0;
margin-top: -8px;
border: 6px solid transparent;
border-left: 8px solid #4d4d4d;
}
.campus-life-item .entry-title:hover {
background:linear-gradient(transparent 50%, #FFF57D 50%);
}
/* キャンパスライフ短大レイアウト */
.site-junior_college .campus-life-item {
display: inline-block;
width: 450px;
}
.site-junior_college .campus-life-item.second-item {
margin: 0 0 0 40px;
}


/* トップ　公開講座・マスタークラス
--------------------------------------*/
.lecture-masterclass {
margin: 0px;
padding: 30px 0;
}
.masterclass {
display: table-cell;
width: 460px;
margin: 0 25px 0 0;
padding: 15px 0 35px 15px;
border-right: 25px solid #fff;
background-color: #F9E5E5;
vertical-align: top;
}
.masterclass-item{
display: table-cell;
position: relative;
width: 50%;
background-color:#fff;
}
.masterclass-item{
border-right: 15px solid #F9E5E5;
}
.masterclass-item .entry-photo img{
display:block;
width:100%;
}
.masterclass-item .entry-text{
padding:10px;
}
.masterclass-item .entry-text a{
color:#4d4d4d;
}
.masterclass-item .entry-category{
display: inline-block;
margin: 0 0 10px;
padding: 0 5px;
background-color:#FFEA71;
font-size: 12px;
}
.masterclass-item .entry-title{
font-weight:bold;
}

.masterclass .more-btn{
position: absolute;
bottom:-22px;
width: 100%;
background-color: #C44E68;
}
.masterclass .more-btn a{
padding: 5px 0 7px;
font-size:12px;
}

/* トップ　movie
--------------------------------------*/
.movie {
display: table-cell;
width: 460px;
vertical-align: top;
}
.movie-youtube {
padding: 10px 0;
background-color: #000;
text-align: center;
}
.movie-youtube #movie {
width: 100%;
height: 305px;
}
.movie-ressons{
margin: 10px 0 0;
padding: 15px 15px 5px;
background-color: #E1ECEF;
}
.movie-ressons-title{
margin: 0 0 10px;
padding:5px 10px;
background-color:#fff;
border:1px solid #4d4d4d;
font-size:16px;
text-align:center;
}
.movie-ressons-item {
display: inline-block;
width: 130px;
margin: 0 15px 10px 0;
vertical-align: top;
}
.movie-ressons-item:last-child {
margin: 0;
}
.movie-ressons-item img {
width: 130px;
}
.movie-ressons-text {
padding-left: 10px;
line-height: 1.4;
}
.movie-ressons-item a {
position: relative;
color: #4d4d4d;
font-size: 12px;
}
.movie-ressons-text a:before{
content: "";
position: absolute;
top: 3px;
margin: 0 0 0 -10px;
border: solid 3px transparent;
border-left: solid 5px #4d4d4d;
}

/* トップ　キャリア・就職
--------------------------------------*/
.top-career {
margin: 0;
padding: 30px 0;
}

/* トップ　教員紹介
--------------------------------------*/
.top-teacher {
position: relative;
margin: 0 0 80px;
padding:0 10px 10px;
background-color:#fff;
background-size:6px 6px;
background-image:-moz-radial-gradient(rgba(209,210,222,0.7),rgba(209,210,222,0.7) 1px,transparent 1px,transparent);
background-image:-webkit-radial-gradient(rgba(209,210,222,0.7),rgba(209,210,222,0.7) 1px,transparent 1px,transparent);
background-image:-o-radial-gradient(rgba(209,210,222,0.7),rgba(209,210,222,0.7) 1px,transparent 1px,transparent);
background-image:-ms-radial-gradient(rgba(209,210,222,0.7),rgba(209,210,222,0.7) 1px,transparent 1px,transparent);
background-image:radial-gradient(rgba(209,210,222,0.7),rgba(209,210,222,0.7) 1px,transparent 1px,transparent);
}
.ie .top-teacher {
background-image:url(https://www.uenogakuen.ac.jp/assets/img/common/bg-dot-gray.png);
}
.top-teacher-item {
display: inline-block;
width: 440px;
/*width: 280px;*/
margin: 0 35px 15px 0;
overflow: hidden;
vertical-align: top;
}
.top-teacher-item a {
color:#4d4d4d;
text-decoration: none;
}
.top-teacher-item img {
float:left;
width:100px;
}
.top-teacher-item .top-teacher-text {
margin:0 !important;
padding:0 0 0 110px;
}
.top-teacher-item .top-teacher-text:hover {
text-decoration: underline;
}
.top-teacher-item .name-wrap {
margin: 0 0 10px;
}
.top-teacher-item .teacher-name {
font-size:16px;
}
.top-teacher-item .font-small {
font-size:12px;
}
.top-teacher .more-btn {
background-color:#838196;
}

/* トップ　ツイッター
--------------------------------------*/
.twitter-tl{
margin: 0;
padding: 0;
border: 2px solid #f2f2f2;
border-radius: 5px;
}



/*------------------------------------------------------------------------------------*\
webpage index　カテゴリインデックス
\*------------------------------------------------------------------------------------*/

/* indexページタイトル
------------------------------------*/
.category-index .pageTitle {
display: table-cell;
vertical-align: middle;
height: 260px;
width: 210px;
margin: 0;
padding: 10px;
background: #FFB948;
font-size: 16px;
font-weight: bold;
line-height: 140%;
text-align: center;
letter-spacing: 0.2em;
}
.site-junior_college.category-index .pageTitle {
background: #F2E440;
}
.category-index .category-main-img {
display: table-cell;
width: 730px;
height: 280px;
}
.category-index .category-main-img img {
display: block;
}
/* テキストのみ pageTitle */
.layout-teacher.category-index .pageTitle,
.layout-contact.category-index .pageTitle,
.layout-privacy_policy.category-index .pageTitle{
display: block;
width: 100%;
height: 22px;
}


/* 大学案内
------------------------------------*/
.manabi{
padding: 15px;
background: #AFDCDE;
}
.site-junior_college .manabi{ background: #fff100; }
.manabi-header{
width: 800px;
margin: 0 auto;
padding: 20px 50px;
background: url(https://www.uenogakuen.ac.jp/assets/img/aboutus/index-manabi.png) right 10px top 0 no-repeat;
background-size: 230px;
font-size: 16px;
line-height: 2.2;
}
.manabi-box .inner{
position: relative;
padding: 20px 20px 60px;
background: #fff;
}
.manabi-title-wrap {
display: flex;
align-items: center;
margin: 0 0 20px;
}
.manabi-title-num{
margin: 0 15px 0 0;
padding: 0 15px 0 0;
border-right: 3px solid #000;
font-size: 40px;
line-height: 40px;
}
.manabi-title{
vertical-align: middle;
font-size: 16px;
font-weight: bold;
}
.manabi-box .btn-bg{
position: absolute;
bottom: 10px;
left: 0;
right: 0;
width: 100px;
margin: 0 auto 10px;
}


/* 演奏活動
------------------------------------*/
.research-event-news .entry-item a .entry-title {
position: relative;
padding: 0 0 0 10px;
color: #2D71AA;
}
.research-event-news .entry-item a .entry-title:before {
display: block;
content: "";
position: absolute;
top: 0;
left: 0;
margin-top: 5px;
border: solid 3px transparent;
border-left: solid 5px #2D71AA;
}

/* 教員紹介
------------------------------------*/
.internal-links-item {
display: inline-block;
margin: 0 2px 5px;
border: 1px solid #cecece;
border-radius: 2px;
}
.internal-links-item a {
padding: 5px 8px;
text-decoration: none;
line-height: 1;
}
.teacherUnit {
display: inline-block;
width: 122px;
margin:0 0 10px 10px;
vertical-align: top;
line-height: 120%;
}
figure.teacherUnit img {
width:100%;
margin:0 0 5px;
}
figure.teacherUnit figcaption {
margin: 0;
}
figure.teacherUnit .fullname {
font-size: 14px;
margin: 0;
}
figure.teacherUnit .kana {
font-size: 12px;
margin:3px 0;
color: #999999;
}
figure.teacherUnit .title,
figure.teacherUnit .subject {
font-size: 12px;
}
img.lazy {
display: block;
margin: 0 auto;
}
.category-entry.layput-teacher img{
float: right;
width: 150px;
}
.category-entry.layput-teacher table {
float: left;
width: 520px;
margin: 0 !important;
}
/* 教員詳細ページ */
.ph-teacher {
float: right;
width: 150px;
margin: 0 0 60px !important;
}
.ph-teacher img {
width: 100%;
}
.layout-teacher table  {
width: 520px;
}
.layout-teacher table th  {
width: 25%;
}



/*------------------------------------------------------------------------------------*\
webpage entry　詳細ページ
\*------------------------------------------------------------------------------------*/
/* 詳細ページタイトル
------------------------------------*/
.category-entry .pageTitle {
margin: 0 0 30px;
padding: 0 0 10px;
border-bottom: 6px solid #FFB948;
font-size: 26px;
line-height: 140%;
letter-spacing: 0.1em;
}

.site-junior_college.category-entry .pageTitle {
border-bottom: 6px solid #F2E43F;
}


/*------------------------------------*\
department　学部・学科
\*------------------------------------*/

/* コースの種類 */
.course-title{
  padding: 0 10px;
  text-align: center;
}
.department-musician .course-title{
  background: #fdeeed;
}


/*------------------------------------*\
キャンパス・施設
\*------------------------------------*/
/* 古楽器コレクション */
.layout-card-with-subnavi .card-item {
  display: inline-block;
  width: 23%;
  margin: 0 10px 30px 0;
  vertical-align: top;
}
.layout-card-with-subnavi .card-item.last {
  margin: 0 0 30px;
}
.layout-card-with-subnavi .card-item img {
  width: 100%;
}
.layout-card-with-subnavi .card-item p {
margin: 5px 0 0;
font-size: 12px;
color: #777;
line-height: 130%;
}
.layout-card-with-subnavi .card-item .title {
font-size: 13px;
line-height: 140%;
}


/*------------------------------------*\
opencampus　オープンキャンパス
\*------------------------------------*/

/* index
-------------------------------------*/
/* スケジュール */
.schedule-box {
display: inline-block;
width: 270px;
margin:0 0 20px;
padding: 10px 15px;
background-color: #EAEAEA;
font-weight: bold;
}
.schedule-box.no-bg {
display:none;
}
.schedule-box.center {
margin:0 25px 20px;
}
.schedule-box.current {
background-color: #FFEA71;
}
.schedule-box .data {
margin: 0 0 10px;
}
.schedule-box .day {
font-size: 26px;
}
.schedule-box .week {
font-size: 16px;
}
.schedule-box .week.sat {
color: #1667BA;
}
.schedule-box .week.sun,
.schedule-box .week.holiday{
color: #CE1616;
}
.schedule-box .time {
margin-left: 8px;
}
.schedule-box .btn-schedule {
background-color: #fff;
margin: 0 0 10px;
padding: 8px 10px;
border-radius: 3px;
position: relative;
}
.schedule-box .btn-schedule a {
display: block;
color: #4d4d4d;
text-decoration: none;
}
.schedule-box .btn-schedule a:after,
.schedule-box .commingsoon:after{
content: "";
position: absolute;
top: 7px;
right: 10px;
width: 23px;
height: 23px;
background: url(https://www.uenogakuen.ac.jp/assets/img/common/icon-circle-arrow.png) 0 0 no-repeat;
background-size:23px auto;
}
.schedule-box .btn-schedule a:hover{
color:#D83661;
}
.schedule-box .btn-schedule.commingsoon {
opacity:0.7;
}

/* 過去のレポートボタン */
.btn-oc-report {
width: 400px;
margin: 10px auto 30px;
}
.btn-oc-report a {
display: block;
position: relative;
padding: 10px 5px;
border: 1px solid #515050;
border-radius: 4px;
color: #515050;
font-weight: bold;
text-align: center;
font-size: 16px;
}

/* 申込ボタン */
.oc-mousikomi-wrap {
padding: 15px;
background: #EBF1F2;
overflow: hidden;
}
.oc-mousikomi-photo {
display: inline-block;
width: 40%;
max-width:250px;
margin: 0 30px 0 0;
}
.oc-mousikomi-text {
width: 100%;
max-width: 600px;
display: inline-block;
vertical-align: top;
}
.oc-mousikomi-title {
margin: 15px 0;
color: #6BB7C9;
font-size: 22px;
font-weight: bold;
text-align: center;
}
.oc-mousikomi-attention {
float: left;
margin: 5px 0 0;
font-size: 12px;
line-height: 2;
}
.btn-oc-mousikomi a{
display: block;
position: relative;
margin: 10px 0;
padding: 15px 5px;
border-radius: 4px;
color: #fff;
font-weight: bold;
text-decoration: none;
text-align:center;
font-size: 18px;
}
.btn-oc-mousikomi a:hover {
top:3px;
box-shadow:none;
}
.btn-oc-form a {
background-color: #DB5270;
box-shadow: 0 3px 0 #B11E45;
}
.btn-oc-resson a {
float: right;
width:240px;
background-color: #71ABCC;
box-shadow: 0 3px 0 #006FA0;
font-size: 16px;
}

/* 主なプログラム */
.program-box {
display: inline-block;
width: 460px;
margin:0 0 30px;
vertical-align: top;
counter-reset: titleNum;
}
.program-box.program-know,
.program-box.program-listen{
margin-right: 20px;
}
.program-box .program-photo {
width: 100%;
margin:0 0 10px;
}
.program-box .program-item {
margin: 0 0 35px;
}
.program-box .program-title {
font-size: 18px;
font-weight: bold;
counter-increment: titleNum;
}
.program-box .program-title:before {
display: inline-block;
width: 20px;
height: 20px;
margin: 1px 8px 0 0;
border: 2px solid;
border-radius: 20px;
font-size: 14px;
line-height: 20px;
text-align: center;
text-indent: -0.2em;
letter-spacing: -0.2em;
vertical-align: top;
content: counter(titleNum);
}
.program-box .program-item p,
.program-box .program-item ul{
margin: 10px 0 0;
padding: 0 0 0 33px;
}
.program-know .program-title:before {
color:#E5B2A5;
border-color:#E5B2A5;
}
.program-experience .program-title:before {
color:#A9C4CC;
border-color:#A9C4CC;
}
.program-listen .program-title:before {
color:#C7A686;
border-color:#C7A686;
}
.program-talk .program-title:before {
color:#A8B7BF;
border-color:#A8B7BF;
}
.open-campus-wrapper .others-sport-title{
margin:50px 0 0;
padding: 10px;
background: #FFEA71;
font-weight: bold;
line-height: 120%;
text-align: center;
letter-spacing: 0.5em;
}
.open-campus-wrapper .others-sport-lead{
padding:5px 30px;
}

/* entry プログラム
-------------------------------------*/
.layout-open_campus.category-entry .column-main{
width: 960px !important;
margin: 0 auto;
overflow: hidden;
}
.layout-open_campus.category-entry .subnavi,
.layout-open_campus.category-entry .pageTitle{
display:none !important;
}
.layout-open_campus.category-entry .entry-opencampus-mainimg {
margin: 0 0 30px !important;
}

.entry-open-campus-wrapper {
counter-reset: titleNum;
}
.layout-1column .program-item {
position: relative;
margin: 35px 0 0 ;
padding: 0 0 35px;
border-bottom: 1px solid #E5E5E5;
overflow: hidden;
}
.layout-1column .program-item:first-child {
margin: 0;
}
.entry-open-campus-wrapper .program-title {
margin: 0 0 15px;
color:#CA3661;
font-size: 20px;
font-weight: bold;
counter-increment: titleNum;
}
.entry-open-campus-wrapper .program-title:before {
display: inline-block;
width: 20px;
height: 20px;
margin: 1px 8px 0 0;
border: 2px solid #CA3661;
border-radius: 20px;
font-size: 14px;
line-height: 20px;
text-align: center;
text-indent: -0.2em;
letter-spacing: -0.2em;
vertical-align: top;
content: counter(titleNum);
}
.layout-1column .program-photo {
float: right;
width: 400px;
margin: -30px 0 0;
}
.layout-1column .program-photo img {
width: 100%;
margin:0 0 10px;
}
.layout-1column .program-text {
padding: 0 420px 0 0;
}

.layout-2column .program-list {
display: table;
border-collapse: separate;
border-spacing: 10px 10px;
}
.layout-2column .program-item {
display:table-cell;
position: relative;
box-sizing: border-box;
width: 465px;
padding: 15px;
border: 8px solid #C1E3E2;
overflow: hidden;
vertical-align: top;
}
.layout-2column .program-photo img {
display: block;
width: 100%;
margin:  0 0 10px;
}
.layout-2column .program-text p {
margin: 0 0 10px;
}
.entry-open-campus-wrapper .program-item .time {
display: inline-block;
margin: 0 0 15px;
padding: 0 8px;
background-color: #E6F1F0;
font-size: 12px;
font-weight: bold;
}
.entry-open-campus-wrapper .program-item .subhead {
background-color: #FFEA71;
}
.resson-teache-list{
text-align:center;
}
.resson-teache-item {
display: inline-block;
width: 97px;
margin: 0 5px 10px 0;
font-weight:bold;
text-align: center;
line-height: 140%;
vertical-align: top;
}
.resson-teache-item:last-child {
margin: 0;
}
.resson-teache-item img {
width:100%
}
.resson-teache-item a .instrument {
color: #4d4d4d;
text-decoration: none;
}
.resson-teache-item .fullname {
margin: 0 0 5px;
}


/* タイムスケジュール */
.entry-open-campus-wrapper .time-schedule-title{
display:inline-block;
}
.entry-open-campus-wrapper table {
margin: 15px 0 30px;
}
.entry-open-campus-wrapper .tableTitle {
background-color: #FFEA71;
font-weight: bold;
text-align: center;
}
.entry-open-campus-wrapper table th,
.entry-open-campus-wrapper table td {
padding: 10px 20px;
line-height: 160%;
font-weight: normal;
}
.entry-open-campus-wrapper table th {
background-color: #F4F3F2;
}
.entry-open-campus-wrapper .btn-schedule {
display: inline-block;
position: relative;
top: -3px;
margin: 0 0 0 20px;
background-color: #2D719C;
line-height: 1;
border-radius: 3px;
font-size: 12px;
}
.entry-open-campus-wrapper .btn-schedule a {
display: block;
padding: 8px;
color: #fff;
font-weight: bold;
text-decoration: none;
}
.entry-open-campus-wrapper .btn-schedule:hover {
opacity: 0.8;
}
/* プレゼントバナー */
.bnr-present {
text-align: center;
}

/* entry　レポート
-------------------------------------*/
.oc-report-title {
height: 100px;
margin: 0;
background: url(https://www.uenogakuen.ac.jp/assets/img/event/open-campus/report/report-title-bg.png) 0 0 no-repeat;
text-align: center;
}
.oc-report-title .inner {
display:inline-block;
height:60px;
margin:15px 0;
padding: 0 20px;
border:3px solid #BA9858;
background-color:#fff;
font-size: 24px;
line-height:60px;
letter-spacing: 0.1em;
}
.oc-report-wrapper {
margin: 0 !important;
background: #B7DCDB url(https://www.uenogakuen.ac.jp/assets/img/event/open-campus/report/bg-ocreport.png);
overflow: hidden;
}
.oc-report-wrapper .inner {
background-color: #fff;
margin: 0 50px 50px;
padding: 30px;
}
.oc-report-read {
font-weight: bold;
text-align: center;
font-size: 16px;
}
.oc-report-cornertitle {
margin: 30px 0 20px;
padding: 10px;
background-color: #FFEA71;
font-size: 16px;
}
.oc-report-movie {
margin: 20px 0;
background-color: #000;
text-align: center;
}
.oc-report-movie iframe {
display: block;
width: 560px;
margin: 0 auto;
}
.oc-report-photo img {
display: inline-block;
width: 385px;
margin: 0 0 10px;
}
.oc-report-photo img:nth-child(odd) {
margin-right: 20px;
}
.oc-coment {
position: relative;
padding: 15px 15px 10px;
border: 2px solid #B4DCDB;
border-radius: 5px;
}
.oc-coment:before {
content: "";
display: block;
position: absolute;
top: -15px;
width: 16px;
height: 23px;
background: url(https://www.uenogakuen.ac.jp/assets/img/event/open-campus/report/icon-coment.png) no-repeat;
}
.oc-coment-title {
display: block;
margin: 0 0 5px;
color: #5BB1B5;
font-size: 16px;
}
.oc-report-next {
margin: 15px 0 5px;
padding: 20px;
border: 2px solid #F99073;
font-weight: bold;
text-align: center;
}
.oc-report-next span {
display:inline-block;
margin:0 0 5px;
font-size: 20px;
}
.oc-report-next strong {
color: #F99073;
}


/*------------------------------------*\
life-interview 学生インタビュー
\*------------------------------------*/
.other-interview-link{
  margin: 80px 0 0 !important;
  padding: 0 0 25px;
  text-align: center;
}
.other-interview-link .campus-life-item {
  margin: 0 10px;
}
.other-interview-link .index-content-title {
  margin: 0 0 10px;
  color:#fff;
  background-color: #a6c66b;
  padding:5px 10px;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  letter-spacing: 0.1em;
}
.other-interview-link .index-content-title span {
  margin: 0 5px;
  font-size: 10px;
  vertical-align: middle;
}
/* interview01 */
.layout-center,
.layout-left,
.layout-right{
  position: relative;
  margin: 0 0 35px;
  overflow: hidden;
}
.layout-left img,
.layout-right img{
  max-width: 450px;
}
.layout-left img{
  float:left;
}
.layout-right img{
  float:right;
}
.interview01-textbox {
  padding: 15px 15px 0;
  border: 1px solid #333;
  background-color: rgba(255, 255, 255, .5);
}
.layout-right .interview01-textbox,
.layout-left .interview01-textbox{
  position: absolute;
  width: 320px;
}
.layout-left .interview01-textbox{
  right: 0;
}
.interview01-textbox .interview-name {
  margin: 10px 0 20px 25px;
}
/* interview02 */
.interview02-lead{
  margin: 20px 0 15px;
  font-size:18px;
}
.no-margin {
  overflow: hidden;
}
.no-margin img {
  display: block;
  float: left;
  width: 340px;
  margin: 0;
}
.dormitory-title{
  margin: 40px 0 0 !important;
  padding: 10px;
  background: #FFEA71;
  font-weight: bold;
  line-height: 120%;
  text-align: center;
  letter-spacing: 0.5em;
}
.dormitory-photo img {
  vertical-align: top;
}
/* interview03 */
.interview03-profile {
  margin: 15px 0;
  padding:0 10px;
  clear: both;
  overflow: hidden;
}
.interview03-profile img {
  float: left;
  width:70px;
  margin-right: 10px;
}
.shitayagakuha{
  padding:15px 20px;
  border: 1px solid #E5E5E5;
}
.interview03-qtitle{
  margin: 40px 0 10px !important;
  padding: 5px 10px;
  background: #FFEA71;
  font-size:16px;
  font-weight: bold;
  line-height: 140%;
}


/*-----------------------------------------*\
career-interview キャリアインタビュー
\*-----------------------------------------*/
.career-interview-lead {
  margin: 0 0 50px;
  overflow: hidden;
}
.career-interview-lead img {
  float: right;
  width: 360px;
  margin: 30px 0 0;
}
.career-interview-lead p {
  margin:0;
  padding: 0 30px;
  line-height: 250%;
}
.interview-title .number {
  margin: 0 0 10px;
  padding: 0 0 3px;
  font-size: 16px;
  font-weight: normal;
  border-bottom: 3px solid #FFE371;
}


/*------------------------------------------------------------------------------------*\
categorypage　お知らせ一覧
\*------------------------------------------------------------------------------------*/
/* category-title */
.category-wrapper ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.category-title {
  margin: 0 0 5px ;
  padding: 10px ;
  background:#FFEA71;
  font-size:14px;
  font-weight:bold;
  line-height:120%;
  text-align:center;
  letter-spacing: 0.1em;
}
.category-entry-list .entry-item {
  list-style: none;
  padding:10px;
  border-bottom: 1px dotted #E0E0E0;
}
.category-entry-list .entry-item a {
  color:#4d4d4d;
  text-decoration: none;
}
.category-entry-list .entry-title {
  margin:8px 0 0;
  font-size:14px;
  line-height: 140%;
}
.category-entry-list .entry-title:hover {
  text-decoration: underline;
}
.layout-news .entry-category,
.layout-news .entry-date{
  display:inline-block;
}
.layout-news .entry-category {
  margin: 0 5px 0 0;
  color:#E56117;
}

/* pagenation */
.pagenation{
  margin: 10px 0 30px;
  text-align:center;
}
.pagenation .page-numbers{
  display:inline-block;
  margin:0 2px;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
}
.pagenation .page-numbers a{
  margin:0 2px;
  padding:5px 8px;
  background-color: #E5E5E5;;
  color: #4d4d4d;
  text-decoration:none;
}
.pagenation .page-numbers .current{
  padding: 5px 8px;
  background-color: #FFEA71;
  color: #4d4d4d;
}

/* 理事長室だより
-------------------------------------*/
.layout-chairman_topics .category-title{
background: url(https://www.uenogakuen.ac.jp/assets/img/news/header-chairman-topics.jpg) no-repeat;
height: 150px;
text-indent: -999999px;
margin: 0 0 20px;
}
.layout-chairman_topics .category-entry-list{
border-top: 1px dotted #E0E0E0;
}


/*------------------------------------------------------------*\
entrypage　お知らせ詳細ページ
\*------------------------------------------------------------*/
/* 記事タイトル */
.layout-news .pageTitle {
  margin: 10px 0 20px;
  padding: 0 0 10px;
  border-bottom:4px solid #FFEA71;
  background-color: #fff;
  font-size:22px;
  font-weight:bold;
  line-height:140%;
  text-align: left;
  letter-spacing: 0;
}
.layout-news .pageTitle + .entry-subinfo {
  text-align: right;
  margin: 0 0 10px;
}

/* SNS埋め込み */
.layout-news .column-main iframe {
  margin: 0 auto  20px !important;
}

.layout-news .column-main twitter-widget{
  margin: 0 auto 20px;
}

/*------------------------------------------------------------*\
教員インタビュー
\*------------------------------------------------------------*/
.teacher-interview-others-title {
padding-left: 10px;
padding-right: 10px;
}
.teacher-interview-others_pre {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin: 0 0 60px !important;
padding-left: 0px !important;
}
.teacher-interview-others_pre li {
display: flex;
flex-wrap: wrap;
align-items: center;
flex-direction: row;
list-style: none;
}
.teacher-interview-item_pre a {
display: flex;
flex-wrap: wrap;
flex-direction: column;
align-items: start;
color: #fff;
background-color: #000;
transition: all 0.3s;
}
.teacher-interview-item_pre a:hover {
text-decoration: none;
background-color: #bab9b9;
}
.teacher-interview-item_pre_txt {
margin: 0;
padding: 16px;
}
.teacher-interview-item_pre_txt p{
margin: 0;
padding: 0;
}
.teacher-interview-item_pre_lead {
font-size: 12px;
line-height: 1.5em;
margin: 1em 0;
color: #ddd;
}
.teacher-interview-item_pre_img {
overflow: hidden;
position: relative;
width: 220px;
height: 200px;
}
.teacher-interview-item_pre_img img{
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 100%;
height: auto;
}
a:hover .teacher-interview-item_pre_img img{
opacity: 1;
}
.teacher-interview-item_pre a:hover .teacher-interview-item_pre_img img{
opacity: 0.8;
transition: all 0.3s;
}

/*------------------------------------------------------------*\
ページ内スクロール用臨時対策 191002.choi
\*------------------------------------------------------------*/
.scr-space {
height: 60px;
}

/*------------------------------------------------------------*\
　　　　大学・短大相互移動バナー 231006.choi
\*------------------------------------------------------------*/
.btn-go-area {
display: flex;
justify-content: center;
margin: 10px auto;
}
.btn-go-area .btn-go {
padding: 10px;
width: 400px;
border-style: none;
border-radius: 8px;
font-weight: 700;
}
.btn-go-area .btn-go.btn-go-junior_college {
background-color: #F2E440
}
.btn-go-area .btn-go.btn-go-university {
background-color: #FFB948
}