@charset "utf-8";
/**
 * 業界ジャーナル一覧
 * 
 * create: 2019-04-30
 * update: 2019-05-04
 * 
 * @package     yumeikusa
 * @author      ik
 * @copyright   Copyright (c) 2019
 * @version     yumeikusa 1.00
 */


/* メイン部 */

    div.main {
        padding-top: 67px;  /* c (p) */
    }

        @media screen and (max-width: 767px) {
            div.main {
                padding-top: 14px;  /* c (mm) ←28px */
            }
        }


    /* ライター一覧 */

        div.main > div:nth-child(2) {
            width: 100%;
            margin-left: auto;
            margin-right: auto;
        }

        /* [コラム一覧] */
        div.main > div:nth-child(2) h2 {
            text-align: center;
            padding-top: 40px; /* c (p) */
            padding-bottom: 46px; /* c (p) */

        }

            @media screen and (max-width: 767px) {
                div.main > div:nth-child(2) h2 {
                    padding-top: 25px; /* c (m) ←50px */
                    padding-bottom: 24px; /* c (m) ←48px */
                }

                div.main > div:nth-child(2) h2 img {
                    max-width: 123.5px; /* c (mm) ←247px */
                }
            }



        /* 記事部 */
        div.main > div:nth-child(2) dl {


        }


        /* ジャンル・日付部 */

            div.main > div:nth-child(2) dl dt {
                display: table;
                table-layout: fixed;
                width: 100%;
                background-color: #DCDDDD;
            }

            /* ジャンル表示部 */
            div.main > div:nth-child(2) dl dt p {
                display: table-cell;
                height: 53px; /* c (p) */
                color: #FFF;
                background-color: #725775; /* c () */
                vertical-align: middle;
                font-size: 28px; /* c (p) */
                font-weight: bold;
                text-align: center;
                background: linear-gradient(0deg , #725775 0% ,#725775 50% ,#906e94 50% ,#906e94 100%);
            }

                @media screen and (max-width: 767px) {
                    div.main > div:nth-child(2) dl dt p {
                        height: 26.5px; /* c (mm) ←53px */
                        font-size: 14px; /* c (mm)  ←28px */
                    }
                }


            /* 日付表示部 */
            div.main > div:nth-child(2) dl dt time {
                display: table-cell;
                padding-right: 15px; /* c (m) */
                vertical-align: middle;
                text-align: right;
                font-size: 28px; /* c (p) */
                font-family: sf-compact-display-medium; /* c (p) */
                font-weight: normal;
            }

                @media screen and (max-width: 767px) {
                    div.main > div:nth-child(2) dl dt time {
                        padding-right: 7.5px; /* c (mm) ←15px */
                        font-size: 14px; /* c (mm) ←28px */
                    }
                }



        /* タイトル・ライター名・ライター名(ローマ字) */

            div.main > div:nth-child(2) dl a {
				text-decoration: none;
            }

            div.main > div:nth-child(2) dl dd {
                padding-top: 27px; /* c (p) */
                padding-bottom: 42px; /* c (p) */
            }


                @media screen and (max-width: 767px) {
                    div.main > div:nth-child(2) dl dd {
                        padding-top: 13.5px; /* c (mm) ←27px */
                        padding-bottom: 21px; /* c (mm) ←42px */
                    }
                }


            /* タイトル */
            div.main > div:nth-child(2) dl dd h8 {
                display: block;
                font-weight: bold; /* c (p) */
                font-size: 32px; /* c (p) */
                line-height: 1.4;
            }

                @media screen and (max-width: 767px) {
                    div.main > div:nth-child(2) dl dd h8 {
                        font-size: 14px; /* c (mm) ←28px */
                    }
                }


            /* ライター名 */
            div.main > div:nth-child(2) dl dd em {
                display: block;
                padding-top: 33px; /* c (p) */
                padding-bottom: 23px; /* c (p) */
                font-size: 40px; /* c (p) */
                font-weight: bold; /* c (p) */
                text-align: center;
                line-height: 1;
            }

                @media screen and (max-width: 767px) {
                    div.main > div:nth-child(2) dl dd em {
                        padding-top: 14.5px; /* c (m) ←29px */
                        padding-bottom: 9.5px; /* c (m) ←19px */
                        font-size: 20px; /* c (m) ←40px */
                    }
                }


            /* ローマ字 */
            div.main > div:nth-child(2) dl dd small {
                display: block;
                font-size: 28px; /* c (p) */
                font-family: sf-compact-display-medium; /* c () */
                text-align: center;
                line-height: 1;
            }

                @media screen and (max-width: 767px) {
                    div.main > div:nth-child(2) dl dd small {
                        font-size: 14px; /* c (mm) ←28px */
                    }
                }