@charset "utf-8";
/* CSS Document */


/*=================================================
font-family
==================================================*/
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700;900&family=Noto+Serif+JP:wght@200;300;400;500;600;700;900&display=swap');

/*==============================================================================
コンテンツ
===============================================================================*/

.contents_inner{
    width: 100%;
    max-width: 1150px;
    margin: 250px auto 0;
    padding :0 0px;    
}
.contents_inner h2{font-size:30px; margin-bottom: 72px;}
.contents_inner h3{font-feature-settings: "palt";}

/*スマホ*/
@media screen and (max-width: 960px) {
    .contents_inner{margin: 150px auto 0;}
    .contents_inner h2{font-size:24px; text-align: center; margin-bottom: 52px;}
}

/*------------------------------------------
永神館からのお知らせ
-------------------------------------------*/

/*お知らせ-----------------*/
.info_contents{width: 100%; max-width: 1000px; margin: 0 auto;}
.info_contents ul{padding: 0px 0 0 40px;}
.info_contents ul li .kiji_box,
.info_contents ul li .thumb_box{display: inline-block; vertical-align: middle; margin-bottom: 40px;}

/*サムネイル*/
.info_contents ul li .thumb_box{width:20%; max-width: 184px; padding:0 2% 0 0; text-align: center;}
.info_contents ul li .thumb_box .thumb img{
    width:100%;
    height: 162px;
    object-fit: cover;
}

/*記事*/
.info_contents ul li .kiji_box{
    width:78%;
    max-width: 760px;
    text-align: left;
    font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo,"Noto Sans JP","sans-serif"!important;
}
.info_contents ul li .kiji_box .date{font-size: 20px;}
.info_contents ul li .kiji_box .title{font-size: 24px;}
.info_contents ul li .kiji_box .honbun{font-size:20px;}

/*スマホ*/
@media screen and (max-width: 960px) {
    /*お知らせ-----------------*/
    .info_contents{width: 100%; padding:0 10px;}  
    .info_contents ul{padding: 0px 0 0 0px;}
    .info_contents ul li{border-bottom: dotted 1px #CCC; margin: 20px 0;}
    .info_contents ul li .kiji_box,
    .info_contents ul li .thumb_box{margin-bottom: 10px; vertical-align: top;}
    
    /*サムネイル*/
    .info_contents ul li .thumb_box{width:35%; max-width: 132px;}
    /*記事*/
    .info_contents ul li .kiji_box{width:63%;}
    .info_contents ul li .thumb_box .thumb img{width:100%; height: 120px;}
    .info_contents ul li .kiji_box .date{font-size: 14px;}
    .info_contents ul li .kiji_box .title{font-size: 16px;}
    .info_contents ul li .kiji_box .honbun{font-size:14px;}
    .info_contents .list_link{font-size:16px; text-align: right; width:100%; padding-right: 20px;}

}