@charset "utf-8";


/*--------------------------------------------------------------------------
Kyoto Sangyo University
* version: 1.0
* author : loftwork Inc.
--------------------------------------------------------------------------*/



/*-------------------------------------
initial
-------------------------------------*/
body {
  min-width:100%;
  padding-top:52px;
}



/*-------------------------------------
common
-------------------------------------*/
.pc {display:none !important;}



/*-------------------------------------
header
-------------------------------------*/
#header {
  position:fixed;
  top:0;
  left:0;
  width:100%;
  font-size:11px;
  background-position:0 100%;
}

/* logo
-------------------------------------*/
#h-logo {margin:8px;}
#h-logo a {width:150px;}

/* btns
-------------------------------------*/
#h-btns li {
  position:absolute;
  top:0;
  width:52px;
  height:52px;
  background-image:url(/common-wr/img/header_btns.png);
  background-size:52px;
}
#h-btns .menu {
  right:0;
  background-position:0 0;
}
#h-btns .target {
  right:52px;
  background-position:0 -52px;
}
#h-btns .js-active        {background-position:0 -104px;}
#h-btns .js-active.menu   {background-color:#039;}
#h-btns .js-active.target {background-color:#747474;}

/* nav : menu, target
-------------------------------------*/
#h-menu,
#h-target {
  display:none;
  position:absolute;
  z-index:2;
  left:0;
  top:52px;
  width:100%;
  padding:20px;
  overflow:auto;
  -webkit-overflow-scrolling:touch;
}
#h-menu > *,
#h-target > * {margin-bottom:20px;}
#h-nav a {color:#fff;}
#h-nav .h-close {
  display:table;
  margin:0 auto;
  padding-top:25px;
  color:#fff;
  font-size:9px;
  font-weight:bold;
  background-image:url(/common-wr/img/header_close.png);
  background-repeat:no-repeat;
  background-position:50% 0;
  background-size:20px;
}

/* menu
-------------------------------------*/
#h-menu {background:#039;}
/* link */
#h-link {
  display:table;
  width:100%;
}
#h-link ul,
#h-link p {
  display:table-cell;
  vertical-align:top;
}
#h-link ul {width:68%;}
#h-link li {
  float:left;
  width:50%;
  border-right:1px solid #039;
}
#h-link a {padding:12px;}
#h-link li a {
  color:#039;
  background:#fff;
}
#h-link p a {
  color:#fff;
  background:#ff3a6d;
}
/* lang */
#h-lang p {display:none;}
#h-lang ul {
  display:table;
  table-layout:fixed;
  width:100%;
  border:1px solid #4d71b8;
  border-radius:4px;
}
#h-lang li {
  display:table-cell;
  border-right:1px solid #4d71b8;
  text-align:center;
}
#h-lang li:last-child {border-right:0;}
#h-lang li a,
#h-lang li span {padding:8px;}
#h-lang li span {
  color:#727d9d;
  background:#002267;
}
#h-lang li:nth-child(1) span {border-radius:4px 0 0 4px;}
#h-lang li:nth-child(3) span {border-radius:0 4px 4px 0;}
/* search */
#h-search input[type="text"] {
  width:100%;
  line-height:24px;
  font-size:16px;
  border-radius:4px;
}
#h-search input[type="submit"] {
  position:absolute;
  right:1px;
  top:1px;
  height:30px;
  width:30px;
  background-color:#fff;
  background-image:url(/common-wr/img/header_search_sp.png);
  background-size:15px;
  border-radius:4px;
}
/* sitemap */
#h-sitemap {text-align:right;}
#h-sitemap a {
  display:inline-block;
  padding-right:12px;
  background-image:url(/common-wr/img/tri_right_white.png);
  background-repeat:no-repeat;
  background-position:100% 50%;
  background-size:6px;
}
/* gnav */
#h-gnav {border-top:1px solid #4d71b8;}
#h-gnav > li {
  position:relative;
  border-bottom:1px solid #4d71b8;
}
#h-gnav > li > a {
  width:-webkit-calc(100% - 46px);
  width:calc(100% - 46px);
  padding:16px 10px;
  padding-left:64px;
  font-size:14px;
  font-weight:bold;
  background-image:url(/common-wr/img/header_gnav_sp.png);
  background-repeat:no-repeat;
  background-size:44px;
}
#h-gnav > .gnav01 > a {background-position:10px 0;}
#h-gnav > .gnav02 > a {background-position:10px -45px;}
#h-gnav > .gnav03 > a {background-position:10px -90px;}
#h-gnav > .gnav04 > a {background-position:10px -135px;}
#h-gnav > .gnav05 > a {background-position:10px -180px;}
#h-gnav > .gnav06 > a {background-position:10px -225px;}
#h-gnav > .gnav07 > a {background-position:10px -270px;}
#h-gnav > .gnav08 > a {background-position:10px -315px;}
#h-gnav > .gnav09 > a {background-position:10px -360px;}
#h-gnav .js-btn-li {
  position:absolute;
  top:10px;
  right:10px;
  width:26px;
  height:26px;
  background-color:#002267;
  background-image:url(/common-wr/img/header_gnav_open.png);
  background-repeat:no-repeat;
  background-position:50% 50%;
  background-size:8px;
}
#h-gnav .js-btn-li.js-close {
  background-color:#fff;
  background-image:url(/common-wr/img/header_gnav_close.png);
}
#h-gnav .subnav dl {margin-bottom:10px !important;}
#h-gnav .subnav dt {
  position:relative;
  background-color:#002267;
}
#h-gnav .subnav .js-close dt {background-color:#e3e3e3;}
#h-gnav .subnav dt a,
#h-gnav .subnav dt span {
  width:-webkit-calc(100% - 42px);
  width:calc(100% - 42px);
  padding:12px;
  font-size:14px;
}
#h-gnav .subnav dt a {
  padding-left:30px;
  color:#faf994;
  background-image:url(/common-wr/img/arrow_right_yellow.png);
  background-position:12px 50%;
  background-size:6px;
}
#h-gnav .subnav .js-close dt a {
  color:#333;
  background-image:url(/common-wr/img/arrow_right_pink.png);
}
#h-gnav .subnav dt span {color:#fff;}
#h-gnav .subnav .js-close dt span {color:#666;}
#h-gnav .js-btn-dt {
  position:absolute;
  top:9px;
  right:8px;
  width:26px;
  height:26px;
  background-image:url(/common-wr/img/header_gnav_open.png);
  background-repeat:no-repeat;
  background-position:50% 50%;
  background-size:8px;
}
#h-gnav .js-close .js-btn-dt {background-image:url(/common-wr/img/header_gnav_close.png);}
#h-gnav .subnav dd {
  display:none;
  padding:10px 0;
  background:#fff;
}
#h-gnav .subnav dd a {
  padding:6px 20px 6px 32px;
  font-size:13px;
  background-position:20px -webkit-calc(6px + .4em);
  background-position:20px calc(6px + .4em);
}

/* target
-------------------------------------*/
#h-target {
  font-weight:bold;
  background:#747474;
}
#h-target ul {border-top:1px solid #949494;}
#h-target li {
  font-size:14px;
  background-image:url(/common-wr/img/header_target.png);
  background-repeat:no-repeat;
  background-position:12px -webkit-calc(50% - 13px);
  background-position:12px calc(50% - 13px);
  background-size:18px;
  border-bottom:1px solid #949494;
}
#h-target a {
  display:block;
  padding:15px 32px 15px 42px;
  color:#fff;
  background-image:url(/common-wr/img/arrow_right_white.png);
  background-repeat:no-repeat;
  background-position:-webkit-calc(100% - 12px) 50%;
  background-position:calc(100% - 12px) 50%;
  background-size:8px;
}



/*-------------------------------------
pagetop
-------------------------------------*/
#pagetop {
  margin:15px;
  text-align:right;
}



/*-------------------------------------
footer
-------------------------------------*/
#footer {font-size:11px;}

/* menu
-------------------------------------*/
#f-menu {padding:10px;}
#f-menu li {
  width:50%;
  padding:10px;
}

/* info : logo, social
-------------------------------------*/
#f-info {padding:15px;}
/* logo */
#f-logo {
  padding:20px 0;
  text-align:center;
}
#f-logo dt img {width:50%;}
#f-logo dd {
  margin-top:20px;
  font-size:12px;
}
/* social */
#f-social {dislay:table;}
#f-social > * {
  display:table-cell;
  vertical-align:middle;
}
#f-social dt {
  width:100%;
  font-size:12px;
  text-align:center;
}
#f-social dd {min-width:130px;}
#f-social dd a,
#f-social dd a img {width:40px;}
#f-social dd li {
  float:left;
  margin:5px 5px 0 0;
}
#f-social dd li:nth-child(3n) {margin-right:0;}
#f-social dd li:nth-child(1),
#f-social dd li:nth-child(2),
#f-social dd li:nth-child(3) {margin-top:0;}



/*-------------------------------------
contents
-------------------------------------*/
#contents {
  padding-top:15px;
  background:url(/common-wr/img/body_bg_sp.png) repeat-x;
}



/*-------------------------------------
/* breadcrumb
-------------------------------------*/
#breadcrumb {
  padding:0 15px 5px;
  font-size:10px;
}
#breadcrumb li {background-position:0 .2em;}
#breadcrumb li:first-child {background-position:0 0;}



/*-------------------------------------
/* side
-------------------------------------*/
#side {
  padding:15px;
  font-size:13px;
  border-top:10px solid #cfcfcf;
  background-image:url(/common-wr/img/side_bg.png);
  background-size:95px;
}

/* title
-------------------------------------*/
#side h2 a {
  position:relative;
  height:150px;
  overflow:hidden;
}
#side h2 img {
  position:absolute;
  left:50%;
  top:0;
  max-width:768px;
  height:150px;
  margin-left:-384px;
}

/* navi
-------------------------------------*/
/* 2nd */
#side .navi > li > ul > li {font-size:12px;}
#side .navi > li > ul > li > a {
  background-position:12px -webkit-calc(12px + .4em);
  background-position:12px calc(12px + .4em);
}

/* banner
-------------------------------------*/
#side .banner {
  margin-top:20px;
  padding:15px;
}



/*-------------------------------------
main
-------------------------------------*/
#main {
  margin:0 15px 40px;
  font-size:14px;
}

/* common
-------------------------------------*/
#main > div {margin-bottom:20px;}
#main-body #main > div {margin-bottom:0;}

/* anchor
-------------------------------------*/
/* btn */
#main a.btn {
  font-size:13px;
  min-width:200px;
}
#main a.btn-large {min-width:240px;}
#main a.btn-small,
#main a.btn-back {
  font-size:12px;
  min-width:0;
}
#main .btn-more a {
  padding:12px;
  font-size:13px;
}

/* wysiwyg
-------------------------------------*/
#main .wysiwyg {margin-bottom:20px;}

/* headline
-------------------------------------*/
#main h1 {
  margin-bottom:20px;
  padding:20px 10px;
  font-size:18px;
}
#main h1:before {width:100px;}
#main h1 span {
  padding:3px;
  font-size:11px;
}
#main h1.h-image {
  margin:0 -15px 20px;
  padding:0;
}
#main h2,
#main h3,
#main h4,
#main h5 {margin-bottom:15px;}
#main h2 {
  margin-top:50px;
  padding:15px;
  font-size:18px;
}
#main h2 span {font-size:14px;}
#main h2.h-c {font-size:22px;}
#main h2.h-faculty {font-size:16px;}
#faculty-ec #main h2.h-faculty {background-image:url(/common-wr/img/h_faculty_ec_sp.png);}
#faculty-bu #main h2.h-faculty {background-image:url(/common-wr/img/h_faculty_bu_sp.png);}
#faculty-ju #main h2.h-faculty {background-image:url(/common-wr/img/h_faculty_ju_sp.png);}
#faculty-ffl #main h2.h-faculty {background-image:url(/common-wr/img/h_faculty_ffl_sp.png);}
#faculty-fcsi #main h2.h-faculty {background-image:url(/common-wr/img/h_faculty_fcsi_sp.png);}
#faculty-sc #main h2.h-faculty {background-image:url(/common-wr/img/h_faculty_sc_sp.png);}
#faculty-cse #main h2.h-faculty {background-image:url(/common-wr/img/h_faculty_cse_sp.png);}
#faculty-nls #main h2.h-faculty {background-image:url(/common-wr/img/h_faculty_nls_sp.png);}
#faculty-fss #main h2.h-faculty {background-image:url(/common-wr/img/h_faculty_fss_sp.png);}
#main h2:first-child {margin-top:30px;}
#main .inner > h2 ,
#main h1 + div h2:first-child,
#main .article-header + div h2:first-child {margin-top:0;}
#main h3 {
  margin-top:30px;
  font-size:15px;
}
#main h3.h-b {padding:8px 10px;}
#main h3.h-d {
  font-size:19px;
  text-align:center;
}
#main h3.h-d span {
  display:block;
  font-size:9px;
}
#main h3.h-line {
  padding-top:20px;
  font-size:23px;
}
#main h3.h-line.h-small {font-size:18px;}
#main h3.h-border {font-size:23px;}
#main h3.h-border span:before {
  left:-40px;
  top:50%;
  width:30px;
  height:3px;
  margin-top:-1px;
}
#main h3.h-border span:after {
  right:-40px;
  top:50%;
  width:30px;
  height:3px;
  margin-top:-1px;
}
#main h3:first-child {margin-top:10px;}
#main h4 {
  margin-top:25px;
  padding-left:16px;
  font-size:14px;
  background-position:0 6px;
}
#main h4.h-back {
  margin-bottom:8px;
  font-size:15px;
}
#main h4.h-back a,
#main h4.h-back span {
  padding:12px;
  padding-right:32px;
  background-position:calc(100% - 12px) 50%;
}
#main h5 span {font-size:10px;}
#main h5 span.large {font-size:16px;}

/* hr
-------------------------------------*/
#main hr {margin:30px 0;}
#main hr.hr80 {margin:40px 0;}
#main hr.hr30 {margin:15px 0;}

/* table
-------------------------------------*/
#main .wysiwyg table {
  display:block;
  width:auto;
  margin-bottom:20px;
  overflow-x:auto;
  white-space:nowrap;
}
#main .wysiwyg th,
#main .wysiwyg td {padding:8px;}
#main .wysiwyg th > *,
#main .wysiwyg td > * {margin-bottom:10px;}

/* menu
-------------------------------------*/
#main .menu {margin-bottom:15px;}
#main .menu a {background-position:100% .25em;}
#main .menu-small {
  margin-bottom:15px;
  font-size:11px;
}
#main .faculty-menu {
  margin-top:15px;
  padding:10px 0;
  border-top:2px solid #039;
  border-bottom:1px solid #d3d3d3;
}
#main .faculty-menu li {
  display:inline-block;
  margin:5px !important;
  padding-right:15px;
  border-right:1px dotted #039;
}
#main .faculty-menu li:last-child {
  padding-right:0;
  border-right:0;
}
#main .faculty-menu a {
  display:block;
  padding-right:20px;
  color:#007eff;
  background-image:url(/common-wr/img/main_menu.png);
  background-repeat:no-repeat;
  background-position:100% .25em;
  background-size:15px;
}
#main .faculty-menu .menu-member a {
  padding-right:13px;
  background-image:url(/common-wr/img/arrow_right_blue.png);
  background-position:100% .3em;
  background-size:8px;
}

/* box
-------------------------------------*/
#main .box,
#main .box > * {margin-bottom:20px;}
#main .box > * + * h2 {margin-top:50px;}
#main .box > * + * h3 {margin-top:30px;}
#main .box > * + * h4 {margin-top:25px;}

/* image, movie
-------------------------------------*/
#main .image,
#main .movie {font-size:11px;}
#main .image {margin-bottom:20px;}
#main .image-small figure {max-width:140px;}
#main .image-left.image-small {
  float:left;
  margin-right:20px;
}
#main .image-right.image-small {
  float:right;
  margin-left:20px;
}
#main .movie {margin:0 auto 20px;}

/* ul, ol
-------------------------------------*/
#main div + div > ul:first-child,
#main div + div > ol:first-child {margin-top:15px;}
#main .wysiwyg ul,
#main .wysiwyg ol {margin-bottom:15px;}

/* info
-------------------------------------*/
#main .info {margin-bottom:10px;}
/* tags */
#main .info .tags p {font-size:11px;}

/* rect
-------------------------------------*/
#main .rect {
  margin-bottom:20px;
  padding:15px;
}
/* image */
#main .rect .image {margin-bottom:15px;}
#main .rect .image-small figure {max-width:120px;}
#main .rect .image-right.image-small {margin-left:15px;}
#main .rect .image-left.image-small {margin-right:15px;}
#main .rect hr {margin:25px 0;}
#main .rect a.btn {font-size:12px;}

/* contact
-------------------------------------*/
#main .contact {margin-bottom:20px;}
#main .contact dt {font-size:15px;}
#main .contact dd {padding:15px;}

/* btns
-------------------------------------*/
#main .btns {margin-bottom:10px;}

/* navi
-------------------------------------*/
#main .navi {margin-bottom:15px;}
#main .navi dt {font-size:16px;}
#main .navi dt span {font-size:13px;}
#main .navi p,
#main .navi li {font-size:12px;}

/* gallery
-------------------------------------*/
#main .gallery {margin-bottom:20px;}
#main .gallery p {font-size:12px;}
#main .gallery li {
  width:32%;
  margin:10px 2% 0 0;
}
#main .gallery li:nth-child(3n) {margin-right:0;}

/* social
-------------------------------------*/
#main .social {margin-top:20px;}

/* tag
-------------------------------------*/
#main .tag {font-size:11px;}

/* news-link
-------------------------------------*/
#main .news-link {font-size:11px;}

/* news-list
-------------------------------------*/
#main .news-list li {font-size:12px;}
#main .news-list li a {
  padding:10px;
  padding-right:28px;
  background-position:calc(100% - 10px) 50%;
}
#main .section-news .news-list li .tag,
#main .top-news .news-list li .tag {margin-right:5px;}
#main .section-news .news-btn {
  right:15px;
  top:15px;
}

/* paging
-------------------------------------*/
#main .paging {
  position:relative;
  padding:20px;
  padding-bottom:80px;
}
#main .paging > * {margin:0;}
#main .paging a {height:30px;}
#main .paging p {
  position:absolute;
  font-size:12px;
  top:70px;
}
#main .paging .prev {right:52%;}
#main .paging .next {left:52%;}
#main .paging li a {width:30px;}
#main .paging li .current {font-size:20px;}

/* event-list
-------------------------------------*/
#main .event-list {margin-bottom:20px;}
#main .event-list li {font-size:12px;}
#main .event-list li:nth-child(1) {border-top:1px solid #ececec;}
#main .event-list a {padding:12px;}
#main .event-list div {
  margin-top:12px;
  padding-left:88px;
}
#main .event-list .event-date {
  width:76px;
  padding:8px;
}
#main .event-list .event-date .year {font-size:11px;}
#main .event-list .event-date .month {font-size:13px;}
#main .event-list .event-date .month:after {
  left:30px;
  top:20px;
  height:40px;
}
#main .event-list .event-date .day {font-size:22px;}
#main .event-list .event-date .week {font-size:10px;}
#main .event-list .event-text {
  left:88px;
  bottom:1px;
  font-size:11px;
}
#main .event-list .event-detail {
  right:0;
  bottom:0;
  font-size:11px;
}

/* kyoin
-------------------------------------*/
#main .kyoin-list {
  margin-bottom:20px;
  padding-bottom:1px;
  border-bottom:1px solid #d3d3d3;
}
#main .kyoin-list > li {
  margin:1px 0 0;
  padding-top:1px;
  border-top:1px solid #d3d3d3;
}
#main .kyoin-list div {
  position:relative;
  z-index:2;
  padding-left:85px;
  border-left:4px solid #039;
}
#main .kyoin-list div:after {
  position:absolute;
  z-index:1;
  left:0;
  top:0;
  content:"";
  width:35px;
  height:100%;
  background-color:#039;
  background-image:url(/common-wr/img/kyoin_bg.png);
}
#main .kyoin-list div > a,
#main .kyoin-list div > span {
  position:relative;
  padding:10px 0;
  padding-right:30px;
  color:#333;
  background-color:#fff;
}
#main .kyoin-list .faculty-ec div {border-left-color:#2ca9ff;}
#main .kyoin-list .faculty-bu div {border-left-color:#ffa115;}
#main .kyoin-list .faculty-ju div {border-left-color:#ad5dbf;}
#main .kyoin-list .faculty-ffl div {border-left-color:#e14591;}
#main .kyoin-list .faculty-fcsi div {border-left-color:#23c797;}
#main .kyoin-list .faculty-sc div {border-left-color:#71d944;}
#main .kyoin-list .faculty-cse div {border-left-color:#626ae6;}
#main .kyoin-list .faculty-nls div {border-left-color:#ffe343;}
#main .kyoin .kyoin-photo {margin:-47px 0 20px;}
#main .kyoin .kyoin-photo img {width:84px;}
#main .kyoin-list .kyoin-photo {
  position:absolute;
  z-index:2;
  left:-75px;
  top:50%;
  margin-top:-30px;
}
#main .kyoin-list .kyoin-photo img {width:60px;}
#main .kyoin-detail h2 {
  margin-top:20px;
  margin-bottom:20px;
  font-size:25px;
}
#main .kyoin-detail h2:first-child {margin-top:20px;}
#main .kyoin-detail h2 span {font-size:11px;}
#main .kyoin-detail .kyoin-position {font-size:13px;}
#main .kyoin-detail .kyoin-profile {padding:15px;}
#main .kyoin-profile dt,
#main .kyoin-profile dd {padding:10px;}
#main .kyoin-profile dt {font-size:13px;}
#main .kyoin-profile dd {font-size:13px;}
#main .kyoin-name {font-size:16px;}
#main .kyoin-name span {font-size:11px;}
#main .kyoin-text {
  margin:1em 0 0;
  font-size:11px;
}
#main .kyoin-btn {
  position:absolute;
  top:10px;
  right:0;
  width:20px;
  height:calc(100% - 20px);
  background-color:#ededed;
  background-position:50% 50%;
  text-indent:100%;
  white-space:nowrap;
  overflow:hidden;
}
#main .kyoin .kyoin-link li {
  display:table;
  margin-left:auto;
  margin-right:40px;
}
#main .kyoin .kyoin-link a {min-width:12em;}
#main .kyoin-list .kyoin-link {
  padding:10px 0;
  color:#333;
  border-top:1px solid #f2f2f2;
}
#main .kyoin-list .kyoin-link li {
  margin-right:12px;
  font-size:11px;
}
#main .kyoin-list .kyoin-link li:last-child {margin-right:0;}
#main .update-text {font-size:13px;}



/*-------------------------------------
top
-------------------------------------*/
#top-header {margin-top:-15px;}
#top-header h1 {
  right:50px;
  top:30px;
  width:64px;
}
#top-header .top-mv {
  height:200px;
  overflow:hidden;
}
#top-header .top-mv div {height:200px;}
#top-header .top-mv-text {
  padding:20px 15px;
  color:#000;
  font-size:13px;
}
#top-header .top-square {
  left:12px;
  top:152px;
  width:113px;
  height:64px;
  background-image:url(/common-wr/img/top_square_sp.png);
  background-size:cover;
}
#top-banner {padding:20px 0;}
#top-banner .slick-list li {
  width:280px;
  padding:5px 0;
}
#top-banner .slick-list li.slick-current {
  width:290px;
  padding:0px;
  border:5px solid #fff;
}
#top-banner .slick-next,
#top-banner .slick-prev {
  width:20px;
  height:60px;
  text-indent:20px;
  -webkit-transition:opacity .2s, color .2s, background-color .2s;
  transition:opacity .2s, color .2s, background-color .2s;
}
#top-banner .slick-next {
  top:30px;
  right:50%;
  margin-right:-160px;
}
#top-banner .slick-prev {
  top:30px;
  left:50%;
  margin-left:-160px;
}
#top-banner .slick-dots {height:4px;}
#top-banner .slick-dots li button {
  width:25px;
  height:4px;
}
#top-emergency {
  padding:20px 15px;
}
#top-emergency .title {
  text-align:center;
  font-size:17px;
  margin-bottom:15px;
}
#top-emergency dl {
  padding:15px;
  font-size:15px;
}
#top-emergency dd {margin-bottom:12px;}
#top-info {
  margin:0 -15px;
  padding:0 15px;
}
#main .top-article {
  margin-bottom:25px;
  padding:25px 0 0;
}
#main .top-news .top-news-tab {
  display:table;
  width:100%;
  table-layout:fixed;
  padding:0 15px;
}
#main .top-news .top-news-tab li {
  display:table-cell;
  padding:10px 0 24px;
  font-size:19px;
  background-image:url(/common-wr/img/tri_bottom_gray.png);
  background-position:50% calc(100% - 10px);
  text-align:center;
  vertical-align:middle;
}
#main .top-news .top-news-tab li.tab-small {font-size:15px;}
#main .top-news .top-news-tab li span {font-size:9px;}
#main .top-news .top-news-tab li.current {background-image:url(/common-wr/img/tri_bottom_blue.png);}
#main .top-news .top-news-contents {padding:15px;}
#main .top-news .news-list {
  margin-top:0;
  margin-bottom:20px;
}
#main .top-news .top-news-btn p {
  display:inline-block;
  vertical-align:middle;
}
#main .top-news .top-news-rss a {padding:4px 11px;}
#main .top-news .top-news-social {
  display:table;
  width:100%;
  padding:15px;
}
#main .top-news .top-news-social dt,
#main .top-news .top-news-social dd {
  display:table-cell;
  vertical-align:middle;
}
#main .top-news .top-news-social dt {font-size:1.2rem;}
#main .top-news .top-news-social dd {width:130px;}
#main .top-news .top-news-social dd li:nth-child(1),
#main .top-news .top-news-social dd li:nth-child(2),
#main .top-news .top-news-social dd li:nth-child(3) {margin-top:0;}
#main .top-section {
  margin:0 -15px;
  border-width:5px;
}
#main .top-section .top-section-bg {padding-bottom:50%;}
#main .top-section .inner {padding:20px;}
#main .top-section h2 {font-size:23px;}
#main .top-section p {
  color:#000;
  font-size:12px;
}
#main .top-section li {margin-bottom:10px;}
#main .top-section li a.btn {width:100%;}
#main .top-section .top-section-inner {z-index:2;}
#main .top-section .top-section-square01 {
  z-index:1;
  background-size:cover;
}
#top-section01 .top-section-square01 {
  z-index:1;
  left:25%;
  top:-60px;
  width:204px;
  height:109px;
  background-image:url(/common-wr/img/top_section01_square_sp.png);
}
#top-section02 .top-section-square01 {
  z-index:1;
  left:40%;
  top:-20px;
  width:145px;
  height:111px;
  background-image:url(/common-wr/img/top_section02_square_sp.png);
}
#top-section03 .top-section-square01 {
  z-index:1;
  left:45%;
  top:-60px;
  width:161px;
  height:104px;
  background-image:url(/common-wr/img/top_section03_square_sp.png);
}
#main .top-page-list {
  padding:15px;
  font-size:12px;
}
#main .top-page-list dt {
  margin-bottom:10px;
  padding:10px;
}
#main .top-page-list li {margin-bottom:10px;}
#main .top-page-list li .photo {width:60px;}
#main .top-page-list li .photo img {width:56px;}
#main .top-page-list li .text {height:60px;}
#top-access p {margin-bottom:20px;}
#top-access .top-access-anim {display:none;}
#top-access .top-access-text {font-size:15px;}
#top-access .top-access-text .text-large {font-size:29px;}
#top-access .top-access-text .text-star {
  padding:10px 0 0 5px;
  background-size:9px;
}
#top-access .top-access-way {
  font-size:12px;
  text-align:left;
}
#top-access .top-access-way li {margin-bottom:10px;}



/*-------------------------------------
2nd
-------------------------------------*/
/* student
-------------------------------------*/
#student-header {margin:-15px 0 15px;}
#student-header h1 {display:none;}
#student-header h2 {
  right:50px;
  top:30px;
  width:64px;
}
#student-header .student-mv {
  overflow:hidden;
  height:200px;
}
#student-header .student-mv div {height:200px;}
#main #student01.section {padding-top:20px;}
#student01 .section-header h3.h-c:after {
  left:-40px;
  top:-40px;
  width:64px;
  height:64px;
  background-image:url(/common-wr/img/student_badge_pickup.png);
  background-repeat:no-repeat;
  background-size:contain;
}
#main .student-table .student-article {margin-bottom:20px;}
#main .student-table .article-card {
  width:80%;
  margin:-25% auto 20px;
}
#main .section-student {margin:0 -15px;}
#student03 {
  background-size:cover;
}
#main .student-title .inner {padding:20px 15px 5px;}
#main .student-title h3 {
  width:calc(100% - 110px);
  padding:15px;
  font-size:14px;
}
#main .student-title h3:after {top:20px;}
#main #student02 .student-title .character-image {
  width:90px;
  right:20px;
  top:20px;
}
#main #student03 .student-title .character-image {
  width:76px;
  left:30px;
  top:40px;
}
#main .student-title .character-text {font-size:10px;}
#main #student02 .student-body {padding:20px;}
#main #student02 .student-body li {
  width:47%;
  margin-right:3%;
  margin-bottom:20px;
  font-size:12px;
}
#main #student02 .student-body li img {border:10px solid #fff;}
#main #student02 .student-body li:nth-child(2n) {margin-right:0;}
#main #student03 .student-body {padding:50px 30px;}
#main #student03 .student-body li a {width:100%;}

/* main-header
-------------------------------------*/
#main-header {
  margin-top:-15px;
  padding:115px 0 25px;
  text-align:center;
}
#main-header h1 {
  margin:0 40px 20px;
  background-color:#039;
}
#main-header h1 img {width:210px;}
#main-header .header-text {padding:0 15px;}
#main-header .header-text h2 {
  margin-bottom:15px;
  font-size:17px;
}
#main-header .header-text p {font-size:14px;}
#main-header .header-bg {
  height:145px;
  background-size:cover;
}

	#about #main-header .header-bg {background-image:url(/about/ahcetq0000000sdb-img/about_bg_sp.jpg);}

	#schools #main-header .header-bg {background-image:url(/faculty/ahcetq00000028a2-img/schools_bg_sp.jpg);}

	#features #main-header .header-bg {background-image:url(/features/ahcetq00000028c2-img/features_bg_sp.jpg);}

	#life #main-header .header-bg {background-image:url(/campuslife/ahcetq00000028e2-img/life_bg_sp.jpg);}

	#global #main-header .header-bg {background-image:url(/international/lpom47000000ro2r-img/global_bg_sp.jpg);}

	#career #main-header .header-bg {background-image:url(/career/ahcetq00000028i2-img/career_bg_sp.jpg);}

	#campus #main-header .header-bg {background-image:url(/facilities/ahcetq00000028k2-img/facilities_bg_sp.jpg);}

	#research #main-header .header-bg {background-image:url(/collaboration/ahcetq00000028m2-img/research_bg_sp.jpg);}

	#admissions #main-header .header-bg {background-image:url(/admissionguide/ahcetq00000085vz-img/admissions_bg_sp.jpg);}



/* faculty-header
-------------------------------------*/
#faculty-header {margin:-15px 0 15px;}
#faculty-header h1 {position:relative;}
#faculty-header .bx-wrapper,
#faculty-header .header-bg {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
}
#faculty-header .bx-viewport {
  z-index:1;
  width:100%;
  height:100%;
}
#faculty-header .bx-wrapper .header-bg {position:static;}
#faculty-header .header-bg li {
  width:100%;
  height:100%;
  background-size:cover;
}

/* target-header
-------------------------------------*/
#target-header {margin:-15px 0 15px;}

/* breadcrumb
-------------------------------------*/
#main-header + #breadcrumb {display:none;}

/* main-body
-------------------------------------*/
#main .section {
  margin:0 -15px;
  padding:30px 15px;
}
#main .section-blue,
#main .section-gray,
#main .section-white,
#main .section-gray-white {
  margin:0 -15px;
  padding:15px;
}
#main .section-tab-news {
  padding:10px 15px 0;
}
#main .section-gray-white:before {height:100px;}
/* section-header */
#main .section-header {margin-bottom:20px;}
#main .section-header h3.h-c {
  margin-top:0;
  font-size:23px;
}
#main .section-header .btns {
  text-align:right;
}
/* border-box */
#main .border-box {
  padding:15px 0;
  margin-bottom:20px;
}
/* book-box */
#main .book-box dd {font-size:12px;}
#main .book-box .title {font-size:15px;}
/* message-box */
#main .message-box {margin:40px 0 20px;}
#main .message-box .title span {
  padding:10px 20px;
  font-size:15px;
  border-radius:30px;
}
#main .message-box .text {padding:20px;}
#main .message-box .photo + .text {padding-top:70px;}
/* table-box */
#main .table-box li {
  display:block;
  margin-bottom:0;
  padding:20px 0;
  border-bottom:1px dotted #039;
}
#main .table-box li:first-child {padding-top:0;}
#main .table-box p {margin-bottom:10px;}
#main .table-box .table-arrow {
  padding-bottom:32px;
  background-size:24px;
}
#main .table-box .table-tri {padding-bottom:20px;}
#main .table-box .table-tri:after {
  right:0;
  bottom:15px;
  border-left:15px solid #fff;
}
#main .table-box .tri-pink:after {border-bottom:15px solid #ff3a6d;}
#main .table-box .tri-green:after {border-bottom:15px solid #3adfa7;}
#main .table-box .tri-blue:after {border-bottom:15px solid #5eb9ff;}
#main .table-box .table-number {font-size:50px;}
#main .table-box .table-title {font-size:18px;}
#main .table-box .table-title span {font-size:14px;}
#life #main .table-box.table-column2 .table-title {
  font-size:21px;
  font-weight:normal;
}
#faculty-fcsi #main .table-box .page-list {
  width:80%;
  margin-top:15px;
}
#faculty-fcsi #main .table-box .page-list li {
  margin:0 0 10px;
  padding:0;
  border:0;
}

/* faculty-fss */
#faculty-fss #main .faculty-ffl-list.faculty-fss-ss .title {
    background-color: #FBDDD6;
    border-top-color: #EA5532;
}
#faculty-fss #main .faculty-ffl-list.faculty-fss-hss .title {
    background-color: #C1E6F8;
    border-top-color: #32ADE9;
}
#faculty-fss .feature-lead {
    margin-bottom: 15px;
}
#faculty-fss .feature-lead .title {
    font-size: 16px;
    font-weight: bold;
}
#faculty-fss .feature-lead .title + p {
    text-align: left;
}
#faculty-fss .column2-wrap .column-box {
    text-align: center;
    margin-bottom: 15px;
}

#faculty-fss #main #faculty-introdcution {
    padding-bottom: 30px;
}
#faculty-fss #main #faculty-introdcution .wysiwyg ul {
    background: #FFFFFF;
    margin: 0;
    padding: 15px;
}

/* banner-box */
#main .banner-sagi {
  margin-bottom:15px;
  font-size:14px;
}
#main .banner-sagi dt {
  padding:20px;
  font-size:12px;
}
#main .banner-box {margin:0 auto 20px;}
#main .banner-box li {
  margin-bottom:10px;
  text-align:center;
}
#main .banner-box a,
#main .banner-box img {
  display:inline-block;
  max-width:100%;
}
#main .banner-box.banner-large li {
  margin:0;
}
#main .banner-box.banner-mini li {
  display:inline-block;
  width:48%;
  margin:20px 2% 0 0;
}
#main .banner-box.banner-mini li:nth-child(1),
#main .banner-box.banner-mini li:nth-child(2) {margin-top:0;}
#main .banner-box.banner-mini li:nth-child(2n) {margin-right:0;}
#main .section-news + .banner-box {
  margin-top:20px !important;
  padding:0 30px;
}
#main .banner-sagi dt span {font-size:15px;}
#main .banner-sagi dd {padding:12px;}
#main .banner-box.banner-kwc {
  margin:0 auto 20px;
  max-width:312px;
  border:1px solid #ccc;
}
#main .banner-box.banner-kwc ul {
  margin:0;
}
#main .banner-box.banner-kwc li {
  margin:0;
  border-top:1px solid #ccc;
}
/* icon-plus */
#main .icon-plus {margin:20px 0;}
/* section-news */
#main .section-news {padding:15px;}
#main .section-news .news-title {margin-bottom:15px;}
#main .section-news .news-title p {font-size:19px;}
#main .section-news .news-title p span {font-size:10px;}
#main .section-news .news-title ul {
  position:absolute;
  top:0;
  right:0;
}
#main .section-news .news-title .news-tab {
  position:static;
  display:table;
  padding-bottom:10px;
  table-layout:fixed;
  width:100%;
  border-bottom:1px solid #bcbcbc;
}
#main .section-news .news-title .news-tab li {
  display:table-cell;
  font-size:11px;
  border-left:1px solid #bcbcbc;
  text-align:center;
  white-space:nowrap;
}
#main .section-news .news-title .news-tab li:last-child {
  border-right:1px solid #bcbcbc;
}
#main .section-news .news-title .news-tab span {
  position:relative;
  padding:6px;
}
#main .section-news .news-title .news-tab span.current:before {
  content:"";
  position:absolute;
  bottom:-6px;
  left:50%;
  width:0;
  height:0;
  margin-left:-6px;
  border-top:6px solid #bcbcbc;
  border-left:6px solid transparent;
  border-right:6px solid transparent;
}
/* section-topics */
#main .section-topics {margin-bottom:20px;}
#main .section-topics .topics-title {
  margin-bottom:20px;
  padding-top:18px;
}
#main .section-topics .topics-title.no-border {padding-top:0;}
#main .section-topics .topics-title p {font-size:19px;}
#main .section-topics .topics-title span {font-size:10px;}
#main .section-topics .slider {
  position:relative;
  margin:0 -15px;
}
#main .section-topics .topics-list li {
  margin:0 15px;
  width:200px;
}
#main .section-topics .topics-list li:last-child {margin-right:0;}
#main .section-topics .topics-list a {padding-bottom:3em;}
#main .section-topics .topics-list a:after {
  border-left:15px solid #fff;
  border-bottom:15px solid #ff3a6d;
}
#main .section-topics .topics-list .topics-photo div {padding-top:60%;}
#main .section-topics .topics-list .topics-date,
#main .section-topics .topics-list .topics-text {
  margin-left:10px;
  margin-right:10px;
}
#main .section-topics .topics-list .topics-date {font-size:11px;}
#main .section-topics .topics-list .topics-text {font-size:12px;}
#main .section-topics .topics-list .topics-tag {
  left:10px;
  font-size:10px;
}
/* page-list */
#main .page-list,
#main .page-list-blue {margin-bottom:20px;}
#main .page-list li,
#main .page-list-blue li {margin-bottom:5px;}
#main .page-list .icon-tag {font-size:12px;}
#main .page-list p {
  margin-top:8px;
  font-size:11px;
}
/* check-list */
#main .check-list {margin:40px 0 20px;}
#main .check-list p {width:65px;}
#main .check-list ul {padding:15px;}
#main .check-list li {margin-bottom:8px;}

/* global
-------------------------------------*/
#global-feature a {
  display:block;
  padding:0 15px;
  text-decoration:none;
  background-position:calc(100% - 15px) calc(100% - 10px);
  background-size:24px;
}
#global-feature a:last-child {border-top:1px solid #039;}
#global-feature dl {padding:15px 0 44px;}
#global-feature dt {
  margin-bottom:10px;
  font-size:18px;
}
#global-feature dt span {
  padding-top:36px;
  background-position:50% 0;
}
#global-get  {padding:20px 15px;}
#global-get dt {margin-bottom:10px;}
#global-get p {text-align:center;}
#global-get p img {width:140px;}
#global04 h3.h-line span {
  padding-right:28px;
  background-size:22px;
}
#global05 h3.h-line span {
  padding-right:45px;
  background-size:40px;
}
#main .faculty-ffl-list .title {
  margin-bottom:20px;
  padding:20px;
  border-top-width:3px;
  border-top-style:solid;
}
#main .faculty-ffl-list .title img {height:35px;}
#main .faculty-ffl-list.faculty-ffl-en .title {
  background-color:#e8e8f6;
  border-top-color:#909eda;
}
#main .faculty-ffl-list.faculty-ffl-el .title {
  background-color:#f0facf;
  border-top-color:#b5cd4b;
}
#main .faculty-ffl-list.faculty-ffl-al .title {
  background-color:#ffecd6;
  border-top-color:#ff8f89;
}
#main .faculty-ffl-list.faculty-ffl-lir .title {
  background-color:#e3f0f7;
  border-top-color:#8db5c0;
}
#main .faculty-ffl-box {margin:30px -15px;}
#main .faculty-ffl-box h2 {display:none;}
#main .faculty-ffl-box iframe {max-height:300px;}
#main .faculty-sc-box {
  margin-bottom:20px;
  padding:20px;
}
#main .faculty-sc-box > * {margin-bottom:15px;}
#main .faculty-cse-box {
  margin-bottom:20px;
  padding:20px;
  border-width:4px;
}
#main .faculty-cse-box > * {margin-bottom:15px;}

/* about
-------------------------------------*/
#about01 {padding-bottom:25px;}
#about01 a.btn {min-width:240px;}

/* admissions
-------------------------------------*/
#admissions01 .admissions-mv {margin-bottom:20px;}

/* features
-------------------------------------*/
#main .features-box .box-item {margin-bottom:15px;}
#main .features-box dt {font-size:18px;}
#main .features-box dt p span {font-size:14px;}
#main .features-box dd {font-size:14px;}

/* career
-------------------------------------*/
#career01 .career-box {padding:25px;}
#career01 .career-box-title {margin:-25px -25px 0;}
#career01 .career-box-card {margin:-25% 0 20px;}
#career01 .career-box-card .article-card {margin-bottom:20px;}
#career01 .career-box-btn {text-align:center;}

/* challenging, interview, ,message
-------------------------------------*/
/* list header */
.artilce-list {margin:-15px 0 15px;}
/* category */
#main .cat {font-size:12px;}
#main .article-card .cat {font-size:11x;}
/* category check */
#main .section-list {
  margin:0 -15px;
  padding:20px 15px 15px;
  border-top:1px solid #e9e9e9;
}
/* article-list */
#main .section-article {
  margin:0 -15px;
  padding:40px 40px 20px;
}
/* article-card */
#main .article-card {width:100%;}
#main .article-card a.tri:after {
  border-left:12px solid #fff;
  border-bottom:12px solid #333;
}
#main .article-card .photo div {padding-top:60%;}
#main .article-card .text {
  padding:12px;
  font-size:11px;
}
#main .article-card .text .job {font-size:11px;}
#main .article-card .text .name {font-size:15px;}
#main .article-card .text .title {font-size:13px;}
#main .article-card .text .category {font-size:10px;}
#main .article-card .link {
  padding:6px 12px;
  font-size:11px;
}
/* more */
#main .section-article .btn-more {margin:40px 0 20px !important;}
/* keyoword */
#main .table-box .keyword {
  padding-top:12px;
  font-size:12px;
}
#main .table-box .keyword dt {background-position:0 .3em;}
#main .article-card .keyword {
  padding:4px 12px;
  font-size:11px;
}
#main .article-card .keyword dt {background-position:0 .3em;}
#main .article-header .keyword {
  padding-top:15px;
  font-size:12px;
}
#main .article-header .keyword dt {background-position:0 .3em;}
/* article-header */
#main .article-header {
  margin:0 -15px;
  padding:10px 15px 0;
}
#main .article-header .logo {margin-bottom:10px;}
#main #challenge-header .logo img {height:34px;}
#main #message-header .logo img {height:52px;}
#main #interview-header .logo img {height:30px;}
#main .article-header .social {display:none;}
#main .article-header .title {
  padding:20px;
  padding-top:40px;
}
#main .article-header .job,
#main .article-header .name {font-size:15px;}
#main .article-header .graduate {margin-bottom:15px;}
#main .article-header .photo-inner p {
  padding:12px;
  font-size:11px;
}
#main #challenge-header {
  background-image:url(/common-wr/img/challenge_header_bg_sp.png);
  background-repeat:repeat-x;
}
#main #challenge-header .challenge-header {
  padding-top:40px;
  background-color:rgba(51,51,51,.1);
}
#main #challenge-header .challenge-header h1 {
  margin-bottom:15px;
  padding:0 15px;
}
#main #challenge-header .badge {
  top:10px;
  right:10px;
}
#main #challenge-header .badge li {
  width:50px;
  margin-bottom:10px;
}
#main #challenge-header .challenger {margin-top:20px;}
#main #challenge-header .challenger img {width:65px;}
#main #challenge-header .challenger ul {
  padding:20px;
  padding-bottom:15px;
}
#main #challenge-header .challenger li {
  width:32%;
  margin-top:15px;
  font-size:9px;
  text-align:center;
}
#main #challenge-header .challenger li:nth-child(1),
#main #challenge-header .challenger li:nth-child(2),
#main #challenge-header .challenger li:nth-child(3) {margin-top:0;}
#main #challenge-header .challenger li span {font-size:11px;}
#main #message-header h1 {
  margin-bottom:15px;
  font-size:18px;
}
#main #message-header h1 + p {padding-top:15px;}
#main #interview-header h1 {
  margin-bottom:10px;
  font-size:24px;
}
#main #interview-header h1 span {font-size:18px;}
/* other-article */
#main .other-article {
  margin:0 -15px;
  padding:25px 40px;
}
#main .section + .other-article {margin-top:30px;}
#main .other-article h4 {font-size:15px;}
#main .article-slider .slick-next,
#main .article-slider .slick-prev {top:40%;}
#main .article-slider .slick-next {right:-36px;}
#main .article-slider .slick-prev {left:-36px;}
/* article-back */
#main .article-back {margin-bottom:30px;}
#main .article-back a {font-size:13px;}

/* campus
-------------------------------------*/
#main .campus-header {
  margin:0 -15px;
  padding:50px 0;
  text-align:center;
  background-size:cover;
}
#main .section-campus {padding:0 0 30px;}
#main .section-campus h2.h-image img {width:156px;}
#main .campus-box {
  margin:0 -15px;
  padding:15px;
}
#main .campus-box-text {padding:25px 15px;}
#main .campus-box-text h5 {font-size:16px;}
#main .campus-box-text .campus-btns {margin-top:15px;}
#main .campus-box-text .campus-btns a.btn {
  font-size:1.4rem;
  width:100%;
}
#main .campus-box-other {padding:15px 0;}
#main .campus-box-other .other {
  width:234px;
  margin-left:auto;
  margin-right:auto;
}
#main .campus-box-other .other-title {font-size:15px;}
#main .section-campus-other {
  margin:0 -15px;
  padding:15px 15px 30px;
}
#main .section-campus-other .campus-title {display:none;}
#main .section-campus-other .other {
  max-width:460px;
  margin-left:auto;
  margin-right:auto;
  padding:15px;
}
#main .section-campus-other .other:nth-child(2),
#main .section-campus-other .other:nth-child(4) {background-color:#eee;}
#main .section-campus-other .other-title {font-size:16px;}
#main .wysiwyg .campus-title ul {display:none;}
#main .campus-open {
  position:relative;
  margin-bottom:20px;
  line-height:1;
  background-color:#eee;
  font-size:18px;
  font-weight:bold;
  padding:15px;
}
#main #campus01 .campus-open {
  border-top:3px solid #05acd6;
  background-color:#ecf7f1;
}
#main #campus02 .campus-open {
  border-top:3px solid #ff7165;
  background-color:#fefaef;
}
#main #campus03 .campus-open {
  border-top:3px solid #836eed;
  background-color:#ecf2ff;
}
#main #campus04 .campus-open {
  font-size:14px;
}
#main .campus-open .campus-open-close {
  position:absolute;
  right:12px;
  top:10px;
}
#main .campus-close {
  line-height:1;
  font-size:14px;
  font-weight:bold;
  text-align:right;
  margin-top:15px;
}
#main #campus04 .campus-close {margin-top:30px;}
#main .campus-close .campus-open-close {
  display:inline-block;
  margin-left:10px;
  vertical-align:middle;
}
#main .campus-open-close {
  width:28px;
  height:28px;
  background-image:url(/common-wr/img/campus_open.png);
  background-position:50% 50%;
  background-repeat:no-repeat;
  background-size:11px;
}
#main .js-close .campus-open-close {
  width:28px;
  height:28px;
  background-image:url(/common-wr/img/campus_close.png);
  background-position:50% 50%;
  background-repeat:no-repeat;
  background-size:11px;
}
#main #campus01 .campus-open-close {background-color:#05acd6;}
#main #campus02 .campus-open-close {background-color:#ff7165;}
#main #campus03 .campus-open-close {background-color:#836eed;}
#main #campus04 .campus-open-close {
  top:8px;
  background-color:#039;
}

/* koayamaao, library, sagi
-------------------------------------*/
#main .btns.btns-koyamaao {
  margin-bottom:20px;
  padding:20px 0;
  background-color:#e2ecff;
}
#main .schedule-koyamaao {
  padding:15px;
  font-size:14px;
}
#main .star-koyamaao {
  padding-bottom:15px;
}
#main .star-koyamaao .star-bg {
  margin-bottom:15px;
  padding:20px;
}
#main .star-koyamaao dt {
  margin-bottom:20px;
  padding-bottom:15px;
  font-size:20px;
}
#main .star-koyamaao dt span {
  font-size:32px;
}
#main .star-koyamaao dd {
  margin-bottom:10px;
}
#main .star-koyamaao .star-hoshimiiru {
  font-size:10px;
}
#main .star-koyamaao .star-hoshimiiru span {
  margin-top:15px;
  display:block;
  text-align:right;
}
#main .library-mylibrary {
  margin-bottom:20px;
  padding:20px;
}
#main .library-mylibrary dt {
  display:table;
  margin:0 auto 15px;
}
#main .library-mylibrary dt span {
  display:table-cell;
  vertical-align:middle;
  white-space:nowrap;
}
#main .library-mylibrary dt span:first-child {padding-right:15px;}
#main .library-mylibrary dt span img {width:53px;}
#main .library-mylibrary dd {text-align:center;}
#main .library-mylibrary a.btn span {line-height:20px;}
#main .library-time {margin-bottom:20px;}
#main .library-time li {width:48%;}
#main .library-search .search-tab li {font-size:12px;}
#main .library-search .search-tab li span {font-size:8px;}
#main .library-search .search-box > div {
  padding:20px;
}
#main .library-search .search-box .search-item {margin-bottom:15px;}
#main .library-search .search-box .search-link {font-size:13px;}
#main .library-search .search-item input[type="text"] {
  height:38px;
  padding:10px;
  padding-right:48px;
  font-size:16px;
}
#main .library-search .search-item input[type="submit"] {
  width:38px;
  height:38px;
  background-position:50% 50%;
  background-size:16px;
  overflow:hidden;
  white-space:nowrap;
  text-indent:40px;
}
#main .library-calendar .calendar-title .year {font-size:11px;}
#main .library-calendar .calendar-title .month {font-size:13px;}
#main .library-calendar .calendar-title .month span {font-size:26px;}
#main .library-calendar .calendar-table table {
  display:table;
  width:100%;
}
#main .sagi-link {
  margin-bottom:20px;
  padding:15px;
  border:1px solid #ccc;
}
#main .sagi-link dt {
  margin-bottom:15px;
  text-align:center;
}
#main .sagi-link dd {font-size:16px;}