/* お知らせ,スタッフブログのcss設定 */



#main_container .triangle_left {

    font-size: 0.875rem;

    color: #808080;

}



#main_container .triangle_left:before {

    border-right-color: #808080;

}



#contents_area {

    font-size: 0.875rem;

    margin-top: 1rem;

    margin-bottom: 1rem;

}







/* 一覧ページ */

#contents_area .link_area {

    margin: 0 1.75rem;

    margin-bottom: 1.25rem;

}

#contents_area .link_area > .date {

    font-size: 1.5rem;

    color: #4082de;

    text-indent: 0.5rem;



    background-image: url("../images/line_dot_blog.png");

    background-repeat: no-repeat;

    background-attachment: scroll;

    background-position: right top;

}

#contents_area .link_area > .headline {

    padding-left: 0.75rem;

}

#contents_area .link_area > .headline div.title {

    font-size: 1.5rem;

    border-bottom: 1px solid #ccc;

}

#contents_area .link_area > .headline div.subtitle {

    font-size: 0.875rem;

    font-weight: 100;

    text-indent: 0.25rem;

}

#contents_area div.link_area:hover {

    background-color: #ecf0f6;

    color: #808080;

}





/* 詳細ページ */

#contents_area section {

    margin: 0 1.75rem;

}

#contents_area section.blog_title {

    padding: 10px;

    padding-left: 65px;

    height: 65px;

    font-size: 1.875rem;

    color: #fff;

    background-color: #4082de;

    background-repeat: no-repeat;

    background-attachment: scroll;

    background-position: left 15px top 15px;

    background-size: 38px 38px;

}

#contents_area section.blog_title.info {

    background-image: url("../images/icon_info.png");

}

#contents_area section.blog_title.staffblog {

    background-image: url("../images/icon_staffblog.png");

}

section.blog_title > .date {

    float: right;

    font-size: 1.5rem;

    padding-top: 0.25rem;

}



/* 本文エリアの設定*/

#contents_area section.blog_text {

    padding: 1.5rem;

    

    /*1px × 1pxのドットで間隔が3pxの点線を左右下に表示*/

    background-image: linear-gradient(to bottom, #4082de, #4082de 1px, transparent 1px, transparent 2px),

                      linear-gradient(to right, #4082de, #4082de 1px, transparent 1px, transparent 2px),

                      linear-gradient(to bottom, #4082de, #4082de 1px, transparent 1px, transparent 2px);

    background-size: 1px 3px,

                     3px 1px,

                     1px 3px;

    background-position: right, bottom, left;

    background-repeat: repeat-y, repeat-x, repeat-y;

}



/* 985以下*/

@media screen and (max-width: 985px) {



#contents_area section {

    margin: 0;

}

#contents_area section.blog_title {

    padding: 5px;

    padding-left: 37px;

    height: 40px;

    font-size: 1.25rem;

    background-position: left 7px top 8px;

    background-size: 25px 25px;

}

section.blog_title > .date {

    font-size: 1rem;

    padding-top: 0.25rem;

}



}



/* 767以下*/

@media screen and (max-width: 767px) {



#contents_area .link_area {

    margin: 0;

    margin-bottom: 1rem;

}

#contents_area .link_area > .date {

    font-size: 1rem;

    text-indent: 0.5rem;

}

#contents_area .link_area > .headline div.title {

    font-size: 1rem;

}



#contents_area section {

    margin: 0;

}

#contents_area section.blog_title {

    padding: 8px;

    padding-left: 39px;

    height: 40px;

    font-size: 1rem;

    background-position: left 7px top 8px;

    background-size: 25px 25px;

}

section.blog_title > .date {

    font-size: 0.875rem;

    padding-top: 0.2rem;

}





/* 本文エリアの設定*/

#contents_area section.blog_text {

    padding: 0.5rem;

}



}