/*------------------- 如果使用者之視窗寬度 <= 959px，將會再載入這裡的 CSS。 */
@media screen and (max-width: 959px) {
    .home-news-box ul li.home-news-box-1 h2,
    .home-sharing-box ul li.home-sharing-box-1 h2,
    .home-bulletin-box ul li.home-bulletin-box-1 h2
    {
        font-size: 28px;
    }
    .home-news-box ul li.home-news-box-1 h3,
    .home-bulletin-box ul li.home-bulletin-box-1 h3,
    .home-sharing-box ul li.home-sharing-box-1 h3
    {
        font-size: 15px;
    }
    
}




/*--------------------------- 如果使用者之視窗寬度 <= 768px，將會再載入這裡的 CSS。 */
@media screen and (max-width :768px) {
    .home-news-box ul li.home-news-box-1 h2,
    .home-sharing-box ul li.home-sharing-box-1 h2,
    .home-bulletin-box ul li.home-bulletin-box-1 h2
    {
        font-size: 22px;
        margin: 5px 0 0 8px;
    }
    .home-news-box ul li.home-news-box-1 h3,
    .home-bulletin-box ul li.home-bulletin-box-1 h3,
    .home-sharing-box ul li.home-sharing-box-1 h3
    {
        font-size: 13px;
        margin: 3px 0 0 9px;
    }
    .home-news-box ul li.home-news-box-1,
    .home-bulletin-box ul li.home-bulletin-box-1,
    .home-sharing-box ul li.home-sharing-box-1
    {
        min-height: 0;
    }
    .home-news-box ul li,
    .home-bulletin-box ul li,
    .home-sharing-box ul li
    {
        height: 285px;
    }
    .home-news-box ul li.home-news-box-2,
    .home-news-box ul li.home-news-box-3,
    .home-news-box ul li.home-news-box-4,
    .home-news-box ul li.home-news-box-5,

    .home-bulletin-box ul li.home-bulletin-box-2,
    .home-bulletin-box ul li.home-bulletin-box-3,
    .home-bulletin-box ul li.home-bulletin-box-4,
    .home-bulletin-box ul li.home-bulletin-box-5,

    .home-sharing-box ul li.home-sharing-box-2,
    .home-sharing-box ul li.home-sharing-box-3,
    .home-sharing-box ul li.home-sharing-box-4,
    .home-sharing-box ul li.home-sharing-box-5
    {
        height: 143px;
    }
    .home-news-box ul li.home-news-box-2 h2,
    .home-news-box ul li.home-news-box-3 h2,
    .home-news-box ul li.home-news-box-4 h2,
    .home-news-box ul li.home-news-box-5 h2
    
    {
        font-size: 12px;
        line-height: 14px!important;
    }
    
    .home-sharing-box ul li.home-sharing-box-6 h2,
    .home-sharing-box ul li.home-sharing-box-7 h2,
    .home-sharing-box ul li.home-sharing-box-8 h2,
    .home-sharing-box ul li.home-sharing-box-9 h2
    {
        font-size: 12px;
        line-height: 17px;
    }

    .home-news-box ul li.home-news-box-6 h2,
    .home-news-box ul li.home-news-box-7 h2,
    .home-news-box ul li.home-news-box-8 h2,
    .home-news-box ul li.home-news-box-9 h2,
    
    .home-bulletin-box ul li.home-bulletin-box-2 h2,
    .home-bulletin-box ul li.home-bulletin-box-3 h2,
    .home-bulletin-box ul li.home-bulletin-box-4 h2,
    .home-bulletin-box ul li.home-bulletin-box-5 h2

    {
        font-size: 12px;
        line-height: 20px;
    }
    
    .home-sharing-box ul li.home-sharing-box-2 h2,
    .home-sharing-box ul li.home-sharing-box-3 h2,
    .home-sharing-box ul li.home-sharing-box-4 h2,
    .home-sharing-box ul li.home-sharing-box-5 h2
    {
        font-size: 12px;
        line-height: 17px!important;
    }    
    
    .home-news-box ul li.home-news-box-2 h3,
    .home-news-box ul li.home-news-box-3 h3,
    .home-news-box ul li.home-news-box-4 h3,
    .home-news-box ul li.home-news-box-5 h3,
    
    .home-sharing-box ul li.home-sharing-box-2 h3,
    .home-sharing-box ul li.home-sharing-box-3 h3,
    .home-sharing-box ul li.home-sharing-box-4 h3,
    .home-sharing-box ul li.home-sharing-box-5 h3
    {
        font-size: 10px;
        line-height: 14px!important;
    }

    .home-news-box ul li.home-news-box-6 h3,
    .home-news-box ul li.home-news-box-7 h3,
    .home-news-box ul li.home-news-box-8 h3,
    .home-news-box ul li.home-news-box-9 h3,
    
    .home-bulletin-box ul li.home-bulletin-box-2 h3,
    .home-bulletin-box ul li.home-bulletin-box-3 h3,
    .home-bulletin-box ul li.home-bulletin-box-4 h3,
    .home-bulletin-box ul li.home-bulletin-box-5 h3

    {
        font-size: 10px;
        line-height: 22px;
    }
    
    .home-sharing-box ul li.home-sharing-box-6 h3,
    .home-sharing-box ul li.home-sharing-box-7 h3,
    .home-sharing-box ul li.home-sharing-box-8 h3,
    .home-sharing-box ul li.home-sharing-box-9 h3
    {
        font-size: 10px;
        line-height: 25px;
    }
    
    
    .home-news-box ul li.home-news-box-1 a,
    .home-bulletin-box ul li.home-bulletin-box-1 a,
    .home-sharing-box ul li.home-sharing-box-1 a
    {
        min-height: 0;
    }
    .month{
        font-size: 65px;
        margin: 2px 0 0 12px;
    }
    .day{
        font-size: 171px;
        margin: -51px 0 9px 86px;
        line-height: 171px;
    }
    .month-s{
        font-size: 31px;
        margin: 2px 0 0 5px;
    }
    .day-s{
        font-size: 80px;
        margin: -21px 0 -5px 30px;
        line-height: 80px;
    }
    footer{
        display: inline-block;
        height: auto;
        padding: 0 0 20px 0;
    }
    .bottom-logo {
        margin: 25px 20px 0 20px;
    }
    .footer-menu{
        padding: 25px 0 0 0;
    }
    .footer-school{
        width: 80%;
    }
    .footer-address{
        width: 80%;
        margin: 8px 0 0 0;
    }
    .h-fix {
        padding: 0;
    }
    .h-fix2{
        clear: both;
    }
    .footer-menu ul li:nth-child(7){
        clear: right;
    }

    .home-bulletin-box ul li.home-bulletin-box-1 h2
    {
        white-space: nowrap;
        text-overflow: ellipsis;
    }
    aside{
        display: none;
    }
    .about-article{
        width: 100%;
        padding: 0 15px;
    }
    .share-list-text{
        width: 65%;
    }
    .inner-ttl ul{
        margin: -2px 0 0 0;
    }
    .scid-name{
        display: none;
    }
    .sub-header-menu ul {
        margin: 0 5px 0 0;
    }
    .scid-name {
        display: none;
    }
    .sub-header-menu ul {
        overflow: hidden;
        float: right;
        margin: 0px 5px 0 0;
    }

}




/*--------------------------- 如果使用者之裝置寬度 <= 480px，將會再載入這裡的 CSS。 */
@media screen and (max-width: 480px) {
    .home-news-title,
    .home-bulletin-title,
    .home-sharing-title
    {
        width: 100%;
    }
    .home-news-title h3{
        width: 100px;
        height: 57px;
        background-image:url(../img/news-ttl-sp.png);
        margin: 25px 0 0 16px;
    }
    .home-bulletin-title h3{
        width: 100px;
        height: 57px;
        background-image:url(../img/bulletin-ttl-sp.png);
        margin: 25px 0 0 16px;
    }
    .home-sharing-title h3{
        width: 100px;
        height: 57px;
        background-image:url(../img/sharing-ttl-sp.png);
        margin: 25px 0 0 16px;
    }
    .home-news-box,
    .home-bulletin-box,
    .home-sharing-box
    {
        width: 100%;
    }
    .home-news-box ul li.home-news-box-1,
    .home-bulletin-box ul li.home-bulletin-box-1,
    .home-sharing-box ul li.home-sharing-box-1
    {
        width: 100%;
    }
    .home-news-box ul li.home-news-box-1 a,
    .home-bulletin-box ul li.home-bulletin-box-1 a,
    .home-sharing-box ul li.home-sharing-box-1 a
    {
        min-height: 0;
    }
    .home-news-box ul li,
    .home-bulletin-box ul li,
    .home-sharing-box ul li
    {
        height: 390px;
    }
    .home-news-box ul li.home-news-box-6,
    .home-news-box ul li.home-news-box-7,
    .home-news-box ul li.home-news-box-8,
    .home-news-box ul li.home-news-box-9,

    .home-sharing-box ul li.home-sharing-box-6,
    .home-sharing-box ul li.home-sharing-box-7,
    .home-sharing-box ul li.home-sharing-box-8,
    .home-sharing-box ul li.home-sharing-box-9
    {
        display: none;
    }
    .home-news-box ul li.home-news-box-2,
    .home-news-box ul li.home-news-box-3,
    .home-news-box ul li.home-news-box-4,
    .home-news-box ul li.home-news-box-5,

    .home-bulletin-box ul li.home-bulletin-box-2,
    .home-bulletin-box ul li.home-bulletin-box-3,
    .home-bulletin-box ul li.home-bulletin-box-4,
    .home-bulletin-box ul li.home-bulletin-box-5,

    .home-sharing-box ul li.home-sharing-box-2,
    .home-sharing-box ul li.home-sharing-box-3,
    .home-sharing-box ul li.home-sharing-box-4,
    .home-sharing-box ul li.home-sharing-box-5
    {
        width: 50%;
        height: 208px;
    }
    .month{
        font-size: 90px;
        margin: 17px 0 0 30px;
    }
    .day{
        font-size: 250px;
        margin: -137px 0 12px 125px;
    }
    .month-s{
        font-size: 45px;
        margin: 10px 0 0 20px;
    }
    .day-s{
        font-size: 117px;
        margin: -52px 0 -3px 67px;
    }
    footer{
        display: inline-block;
        height: auto;
        padding: 0 0 20px 0;
    }
    .bottom-logo {
        padding: 23px 0 0 20px;
        float: none;
        margin: 0;
    }
    .footer-menu{
        padding: 15px 0 0 15px;
    }
    .footer-school{
        width: 100%;
    }
    .footer-address{
        width: 100%;
        margin: 18px 0 0 0;
    }
    .inner-ttl ul{
        margin-bottom: 20px;
    }
    .inner-ttl ul li{
        width: 100%;
    }
    .inner-ttl ul li:nth-child(2){
        display: none;
    }
    .teacher ul li{
        width: 50%;
        height: auto;
        padding-bottom: 7px;
    }
    .visiting-teacher ul li{
        width: 50%;
        height: 45px;
    }
    .visiting-teacher ul li a h2 {
        line-height: 45px;
    }
    .pt-teacher ul li{
        width: 100%;
        margin-bottom: 20px;
    }
    .visiting-teacher-inside ul li{
        width: 100%;
    }
    .share-list-text{
        width: 100%;
        margin: 0;
    }
    .share-list ul li img{
        width: 100%;
    }
    .news-list-ttl{
        margin: 0 0 15px 0;
    }
    .share-list ul li{
        display: inline-block;
        height: auto;
    }
    .share-list-text p{
        max-height: 60px;
        overflow:hidden;
        text-overflow: ellipsis;
    }
    .bulletin-date{
        width: 100%;
    }
    .bulletin-list-text{
        width: 100%!important;
        margin: 0!important;
    }
    .bulletin-list ul li{
        display: inline-block;
        height: auto;
    }
    .bulletin-list-text p{
        margin: 0;
        max-height: 60px;
        overflow:hidden;
        text-overflow: ellipsis;
    }
    .share-list-ttl{
        margin: 9px 0 22px 0;
    }
    .share-list-text{
        width: 100%!important;
    }
    .bulletin-date p.bulletin-month{
        margin: 10px 0 0 -55px!important;
    }
    .bulletin-date p.bulletin-day{
        font-size: 120px!important;
        margin: -60px 0 0 -170px!important;
    }
    .connection-boxs ul li{
        width: 100%;
    }
    .connection-boxs ul li h3{
        font-size: 28px!important;
        margin: 27px 0 0 170px!important;
        line-height: 35px!important;
    }
    .connection-boxs ul li h4{
        font-size: 16px!important;
        margin: 0 0 0 170px!important;
    }
    .connection-boxs ul li:nth-child(1),
    .connection-boxs ul li:nth-child(3)
    {
        border-right:0;
    }
    .connection-boxs ul li:nth-child(1),
    .connection-boxs ul li:nth-child(2),
    .connection-boxs ul li:nth-child(3),
    .connection-boxs ul li:nth-child(4){
        background-position: 20% center!important;
    }
    .internship-img-fix img{
        width: 100%;
    }
    .flex-viewport {
        height: 160px;
    }
    .breadCrumb{
        display: none;
    }
}









/*-以下給iPhone5--------------------- 。 */
@media screen and (max-width: 320px) {
    .home-news-title h3
    {
        width: 185px!important;
        height: 40px!important;
        background-size: 180%!important;
        margin: 10px 0 0 16px!important;
    }
    .home-bulletin-title h3{
        width: 185px!important;
        height: 47px!important;
        background-size: 180%!important;
        margin: 10px 0 0 16px!important;
    }
    .home-sharing-title h3{
        width: 185px!important;
        height: 47px!important;
        background-size: 180%!important;
        margin: 10px 0 0 16px!important;
    }
    .home-news-box ul,
    .home-bulletin-box ul
    {
        margin: -9px 0 0 0!important;
    }
    .home-news-box ul li, 
    .home-bulletin-box ul li, 
    .home-sharing-box ul li{
        height: auto!important;
    }
    .home-news-box ul li.home-news-box-2, 
    .home-news-box ul li.home-news-box-3, 
    .home-news-box ul li.home-news-box-4, 
    .home-news-box ul li.home-news-box-5, 
    .home-bulletin-box ul li.home-bulletin-box-2, 
    .home-bulletin-box ul li.home-bulletin-box-3, 
    .home-bulletin-box ul li.home-bulletin-box-4, 
    .home-bulletin-box ul li.home-bulletin-box-5, 
    .home-sharing-box ul li.home-sharing-box-2, 
    .home-sharing-box ul li.home-sharing-box-3, 
    .home-sharing-box ul li.home-sharing-box-4, 
    .home-sharing-box ul li.home-sharing-box-5{
        height: auto!important;
    }
    .home-news-box ul li.home-news-box-1 h3, 
    .home-bulletin-box ul li.home-bulletin-box-1 h3, 
    .home-sharing-box ul li.home-sharing-box-1 h3{
        padding-bottom: 8px!important;
    }
    .home-news-box ul li.home-news-box-2 h3, 
    .home-news-box ul li.home-news-box-3 h3, 
    .home-news-box ul li.home-news-box-4 h3, 
    .home-news-box ul li.home-news-box-5 h3, 
    .home-bulletin-box ul li.home-bulletin-box-2 h3, 
    .home-bulletin-box ul li.home-bulletin-box-3 h3, 
    .home-bulletin-box ul li.home-bulletin-box-4 h3, 
    .home-bulletin-box ul li.home-bulletin-box-5 h3, 
    .home-sharing-box ul li.home-sharing-box-2 h3, 
    .home-sharing-box ul li.home-sharing-box-3 h3, 
    .home-sharing-box ul li.home-sharing-box-4 h3, 
    .home-sharing-box ul li.home-sharing-box-5 h3{
        padding-bottom: 4px!important;
    }
    .home-news-box ul li.home-news-box-1 a:hover{
        height: 268px!important;
    }
    .home-bulletin-box ul li.home-bulletin-box-1 a:hover{
        height: 268px!important;
    }
    .home-sharing-box ul li.home-sharing-box-1 a:hover{
        height: 269px!important;
    }
    .month{
        font-size: 45px!important;
        margin: 3px 0 0 11px!important;
        letter-spacing: -1px!important;
    }
    .day{
        font-size: 180px!important;
        margin: -60px 0 0 68px!important;
        letter-spacing: -1px!important;
        line-height: 180px!important;
    }
    .month-s{
        font-size: 30px!important;
        margin: -2px 0 0 7px!important;
        letter-spacing: -1px!important;
    }
    .day-s{
        font-size: 75px!important;
        margin: -25px 0 0 23px!important;
        letter-spacing: -1px!important;
    }
    .footer-school {
        width: 90%!important;
    }
    .footer-menu ul li{
        margin: 5px 0 0 8px!important;
    }
    .footer-menu ul li:nth-child(7){
        padding: 0 0 0 0!important;
    }
    .footer-address{
        margin: 10px 0 0 0!important;
    }
    .connection-boxs ul li h3{
        margin: 27px 0 0 108px!important;
        font-size: 25px!important;
        line-height: 32px!important;
    }
    .connection-boxs ul li h4{
        margin: 0 0 0 108px!important;
    }
    .connection-boxs ul li:nth-child(1),
    .connection-boxs ul li:nth-child(2),
    .connection-boxs ul li:nth-child(3),
    .connection-boxs ul li:nth-child(4){
        background-position: 5% center!important;
    }
}
/*-以上給iPhone5--------------------- 。 */







/*-以下只給資料連結4-BOX-text--------------------- 。 */
@media screen and (max-width :788px) {
    .connection-boxs ul li h3{
        margin: 27px 0 0 140px;
        line-height: 25px;
    }
    .connection-boxs ul li h4{
        margin: 0 0 0 140px;
    }
}
@media screen and (max-width :768px) {
    .connection-boxs ul li h3{
        margin: 27px 0 0 160px;
    }
    .connection-boxs ul li h4{
        margin: 0 0 0 160px;
    }
}
@media screen and (max-width :643px) {
    .connection-boxs ul li:nth-child(1),
    .connection-boxs ul li:nth-child(2),
    .connection-boxs ul li:nth-child(3),
    .connection-boxs ul li:nth-child(4){
        background-position: 3% center;
    }
    .connection-boxs ul li h3{
        margin: 27px 0 0 100px;
    }
    .connection-boxs ul li h4{
        margin: 0 0 0 100px;
    }
}
@media screen and (max-width :526px) {
    .connection-boxs ul li h3{
        font-size: 25px;
    }
    .connection-boxs ul li h4{
        font-size: 15px;
    }
}
@media screen and (max-width :493px) {
    .connection-boxs ul li h3{
        font-size: 23px;
    }
}
/*-以上只給資料連結4-BOX-text--------------------- 。 */


/*-以下只給活動公告list-------------------------- 。 */
@media screen and (max-width :911px) {
    .bulletin-list-text{
        width: 60%;
    }
}
@media screen and (max-width :802px) {
    .bulletin-list-text{
        width: 55%;
    }
}
@media screen and (max-width :768px) {
    .bulletin-list-text{
        width: 65%;
    }
}
@media screen and (max-width :744px) {
    .bulletin-list-text{
        width: 60%;
    }
}
@media screen and (max-width :656px) {
    .bulletin-list-text{
        width: 55%;
    }
}
@media screen and (max-width :589px) {
    .bulletin-list-text{
        width: 50%;
    }
}
@media screen and (max-width :534px) {
    .bulletin-list-text{
        width: 45%;
    }
}
@media screen and (max-width :490px) {
    .bulletin-list-text{
        margin: 0 0 0 15px;
    }
}
@media screen and (max-width :490px) {
    .bulletin-list-text{
        margin: 0 0 0 7px;
    }
}
/*-以上只給活動公告list-------------------------- 。 */



/*-以下只給設計分享list-------------------------- 。 */
@media screen and (max-width :905px) {
    .share-list-ttl h2{
        overflow:hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
}
@media screen and (min-width: 769px) and (max-width: 904px) {
    .share-list-text{
        width: 55%;
    } 
}
@media screen and (max-width :738px) {
    .share-list-text{
        width: 60%;
    }
}
@media screen and (max-width :651px) {
    .share-list-text{
        width: 55%;
    }
}
@media screen and (max-width :584px) {
    .share-list-text{
        width: 50%;
    }
    .share-list-text p{
        max-height: 40px;
    }
}
@media screen and (max-width :530px) {
    .share-list-text{
        width: 45%;
    }
}
@media screen and (max-width :486px) {
    .share-list-text{
        width: 40%;
    }
}
/*-以上只給設計分享list-------------------------- 。 */



/*-以下只給首頁-活動公告-------------------------- 。 */
@media screen and (min-width: 769px) and (max-width: 840px) {
    .month-s{
        margin: 10px 0 0 10px;
    }
    .day-s{
        font-size: 90px;
        margin: -39px 0 -1px 39px;
    }
}
@media screen and (min-width: 481px) and (max-width: 700px) {
    .month{
        font-size: 38px;
        margin: -3px 0 0 8px;
    }
    .day{
        font-size: 100px;
        margin: -47px 0 11px 36px;
    }
    .month-s{
        font-size: 23px;
        margin: 0 0 0 7px;
    }
    .day-s{
        font-size: 58px;
        margin: -12px 0 -0 9px;
    }
}

/*-以上只給首頁-活動公告-------------------------- 。 */

/*-以下footer修正-------------------------- 。 */
@media screen and (min-width: 481px) and (max-width: 508px) {
    .footer-school{
        width: 75%;
    }
    .footer-address{
        width: 75%;
        margin: 18px 0 0 98px;
    }
    .h-fix {
        padding: 0;
    }
    .h-fix2 {
        clear: both;
    }
    
}
@media screen and (min-width: 769px) and (max-width: 860px) {
    .bottom-logo {
        margin: 25px 20px 0 20px;
    }
    .footer-menu{
        padding: 15px 0 0 0;
    }
    .footer-school{
        width: 65%;
    }
    .footer-address{
        width: 80%;
        margin: 18px 0 0 0;
    }
    .h-fix {
        padding: 0px 0 0 12px;
    }
    
}
/*-以上footer修正-------------------------- 。 */



/*-以下首頁分類標題bg-img修正---------------- 。 */
@media screen and (min-width: 535px) and (max-width: 768px) {
    .home-news-title h3{
        margin: 89px 0 0 8px;
        background-size: 85%;
        height: 50px;
    }
    .home-bulletin-title h3{
        margin: 89px 0 0 8px;
        background-size: 85%;
        height: 60px;
    }
    .home-sharing-title h3{
        margin: 89px 0 0 8px;
        background-size: 85%;
        height: 60px;
    }

}
@media screen and (min-width: 481px) and (max-width: 534px) {
    .home-news-title h3{
        margin: 89px 0 0 8px;
        background-size: 75%;
        height: 40px;
    }
    .home-bulletin-title h3{
        margin: 89px 0 0 8px;
        background-size: 75%;
        height: 50px;
    }
    .home-sharing-title h3{
        margin: 89px 0 0 8px;
        background-size: 75%;
        height: 50px;
    }   
}

/*-以上首頁分類標題bg-img修正--------------- 。 */



/*-以下只給選單-------------------------- 。 */
@media screen and (max-width :976px) {
    .mega-menu .menu-search-bar input:focus {
        padding-left: 4px!important;
    }
}
@media screen and (max-width :960px) {
    .mega-menu ul.menu-links > li > a {
        padding: 0 15px!important;
    }
    .mega-menu .menu-search-bar input:focus {
        padding-left: 5px!important;
    }
}
@media screen and (max-width :929px) {
    .mega-menu ul.menu-links > li > a {
        padding: 0 14px!important;
    }
}
@media screen and (max-width :913px) {
    .mega-menu ul.menu-links > li > a {
        padding: 0 13px!important;
    }
}
@media screen and (max-width :897px) {
    .mega-menu ul.menu-links > li > a {
        padding: 0 12px!important;
    }
}
@media screen and (max-width :881px) {
    .mega-menu ul.menu-links > li > a {
        padding: 0 11px!important;
    }
}
@media screen and (max-width :865px) {
    .mega-menu ul.menu-links > li > a {
        padding: 0 10px!important;
    }
}
@media screen and (max-width :849px) {
    .mega-menu .menu-search-bar input:focus {
        max-width:50px!important;
    }
}
@media screen and (max-width :836px) {
    .mega-menu .menu-search-bar input:focus {
        max-width:40px!important;
    }
}
@media screen and (max-width :826px) {
    .mega-menu .menu-search-bar input:focus {
        max-width:30px!important;
    }
}
@media screen and (min-width: 769px) and (max-width: 816px) {
    .mega-menu ul.menu-links > li > a {
        padding: 0 7px!important;
    }
     
}

/*-以上只給選單-------------------------- 。 */


@media only screen and (max-width:1024px){
    .inner-ttl ul li{
        margin: -2px 0 0 0;
    }
    .home-news-box ul li.home-news-box-2 h2,
    .home-news-box ul li.home-news-box-3 h2,
    .home-news-box ul li.home-news-box-4 h2,
    .home-news-box ul li.home-news-box-5 h2
    
    {
        font-size: 12px;
        line-height: 20px;
    }
    
    .home-sharing-box ul li.home-sharing-box-6 h2,
    .home-sharing-box ul li.home-sharing-box-7 h2,
    .home-sharing-box ul li.home-sharing-box-8 h2,
    .home-sharing-box ul li.home-sharing-box-9 h2
    {
        font-size: 12px;
        line-height: 17px;
    }

    .home-news-box ul li.home-news-box-6 h2,
    .home-news-box ul li.home-news-box-7 h2,
    .home-news-box ul li.home-news-box-8 h2,
    .home-news-box ul li.home-news-box-9 h2,
    
    .home-bulletin-box ul li.home-bulletin-box-2 h2,
    .home-bulletin-box ul li.home-bulletin-box-3 h2,
    .home-bulletin-box ul li.home-bulletin-box-4 h2,
    .home-bulletin-box ul li.home-bulletin-box-5 h2

    {
        font-size: 12px;
        line-height: 20px;
    }
    
    .home-sharing-box ul li.home-sharing-box-2 h2,
    .home-sharing-box ul li.home-sharing-box-3 h2,
    .home-sharing-box ul li.home-sharing-box-4 h2,
    .home-sharing-box ul li.home-sharing-box-5 h2
    {
        font-size: 12px;
        line-height: 20px;
    }    
    
    .home-news-box ul li.home-news-box-2 h3,
    .home-news-box ul li.home-news-box-3 h3,
    .home-news-box ul li.home-news-box-4 h3,
    .home-news-box ul li.home-news-box-5 h3,
    
    .home-sharing-box ul li.home-sharing-box-2 h3,
    .home-sharing-box ul li.home-sharing-box-3 h3,
    .home-sharing-box ul li.home-sharing-box-4 h3,
    .home-sharing-box ul li.home-sharing-box-5 h3
    {
        font-size: 10px;
        line-height: 14px;
    }

    .home-news-box ul li.home-news-box-6 h3,
    .home-news-box ul li.home-news-box-7 h3,
    .home-news-box ul li.home-news-box-8 h3,
    .home-news-box ul li.home-news-box-9 h3,
    
    .home-bulletin-box ul li.home-bulletin-box-2 h3,
    .home-bulletin-box ul li.home-bulletin-box-3 h3,
    .home-bulletin-box ul li.home-bulletin-box-4 h3,
    .home-bulletin-box ul li.home-bulletin-box-5 h3

    {
        font-size: 10px;
        line-height: 22px;
    }
    
    .home-sharing-box ul li.home-sharing-box-6 h3,
    .home-sharing-box ul li.home-sharing-box-7 h3,
    .home-sharing-box ul li.home-sharing-box-8 h3,
    .home-sharing-box ul li.home-sharing-box-9 h3
    {
        font-size: 10px;
        line-height: 25px;
    }
    .home-news-box ul li.home-news-box-1 h2,
    .home-sharing-box ul li.home-sharing-box-1 h2,
    .home-bulletin-box ul li.home-bulletin-box-1 h2
    {
        margin: 5px 0 0 8px;
    }
    .home-news-box ul li.home-news-box-1 h3,
    .home-bulletin-box ul li.home-bulletin-box-1 h3,
    .home-sharing-box ul li.home-sharing-box-1 h3
    {
        margin: 3px 0 0 9px;
    }
}
@media only screen and (max-width:768px){
    .inner-ttl ul li {
        margin: 0 0 0 0;
    }
}

@media only screen and (max-width: 720px) {
    .month {
      font-size: 81px;
      margin: 0px 0 0 7px;
    }
    .day {
      font-size: 137px;
      margin: -137px 0 12px 116px;
    }
    .month-s {
      font-size: 45px;
      margin: 0px 0 0 3px;
    }
    .day-s {
      font-size: 61px;
    margin: -52px 0 -3px 61px;
    }
}