@charset "UTF-8";

.mb1em {
    margin-bottom: 1em !important;
}

/* green color link
--------------------------------------------------------- */
.glink {
    display: inline;
}

.glink:not([target=_blank])::after {
        vertical-align: -3px;
    }

.glink:not([target=_blank])::after {
    background-color: #017e4b;
    background-image: url(../images/icon_arrow_white.svg);
    background-repeat: no-repeat;
    background-position: 6px center;
    background-size: 6.5px;
    border-radius: 50%;
    width: 18px;
    height: 18px;
    margin-left: 8px;
    vertical-align: -4px;
}
.glink::after {
    content: "";
    display: inline-block;
} 


/* red color link
--------------------------------------------------------- */

.rlink {
    display: inline;
}

.rlink:not([target=_blank])::after {
        vertical-align: -3px;
    }

.rlink:not([target=_blank])::after {
    background-color: #d20024;
    background-image: url(../images/icon_arrow_white.svg);
    background-repeat: no-repeat;
    background-position: 6px center;
    background-size: 6.5px;
    border-radius: 50%;
    width: 18px;
    height: 18px;
    margin-left: 8px;
    vertical-align: -4px;
}
.rlink::after {
    content: "";
    display: inline-block;
} 
@media (max-width: 767px) {

            /* 注意書き
            --------------------------------------------------------- */
            #top-caution {
                background-color: #fefee7;
                padding: 23px 0 20px;
                width: 100%;
            }
            #top-caution p {
                font-size: 12px;
                font-size: 1.2rem;
                line-height: 1.8;
                margin: 0 auto;
                width: 980px;
            } 

            .fund-column h2 {
                    border-bottom: 4px solid #f2f2f2;
                    font-size: 16px;
                    font-weight: normal;
                    margin-top: 50px;
                    margin-left: 10px;
                    margin-right: 10px;
                    margin-bottom: 20px;
                    /* margin: 50px 0 20px; */
                    padding-bottom: 5px;
                    position: relative;
                    clear: both;
            } 
                
            .fund-column h2:after {
                    content: '';
                    background-color: #d20024;
                    display: block;
                    height: 4px;
                    width: 78px;
                    position: absolute;
                    bottom: -4px;
                    left: 0;
            }    

            /*
            ===============
            フッター
            ===============
            */
            #footer-sitemap {
                display: none;
            }

            #top-caution p {
                width: 100% !important;
            }

            #footer-sitemap-inner {
                width: 100% !important;
            }
            #footer-menu-inner {
                width: auto !important;
            }
            #footer-menu-inner ul {
                width: 100%;
                list-style-type: none;
                margin: 0 !important;
                padding: 0 !important;
                display: table;
            }
            #footer-menu-inner ul li {
                width: 50%;
                padding: 5px;
                text-align: left;
                vertical-align: middle !important;
                background-color: #313035;
                border: 1px solid #ffffff;
                display: table-cell;
            }
            #footer-menu-inner ul li a {
            /* 	width: 100%; */
            /* 	height: 40px; */
                height: 100%;
                color: #ffffff;
                font-size: 13px !important;
                text-decoration: none;
                text-align: left;
                vertical-align: middle;
                padding-top: 13px !important;
                padding-right: 13px !important;
                padding-bottom: 13px !important;
                padding-left: 35px !important;
                display: block;
                position: relative;
            }
            #footer-menu-inner ul li a:before {
                width: 100%;
                position: absolute;
                content: url("https://t-stockhouse.jp/material/common/sp-img/foot-arrow.png");
                top: 50%;
                left: 10px;
                margin-top: -8px;
            }


            #footer-menu {
                background-color: #f2f4f5;
                border-top: 1px solid #cdcdcd;
                margin-top: 20px;
                margin-left: 10px;
                margin-right: 10px;
                text-align: center;
                width: auto;
            }
            #copyright {
                color: #ffffff;
                font-size: 10px;
                text-align: center;
                margin-top: 20px;
                margin-bottom: 0px;
                padding: 5px;
                background-color: #191a1a;
            }



            #footer {
                height: 100% !important;
                margin-top: 0;
                margin-bottom: 0px !important;
                padding-top: 10px;
                background-color: #ffffff;
            }

            #footer-inner {
                width: auto !important;
                height: 100% !important;
                font-size: 12px;
                text-align: center;
                margin-left: 10px;
                margin-right: 10px;
            }
            #footer-inner a {
                color: #4d91ce;
                font-size: 12px;
                padding-top: 10px;
            }
            #footer-inner a:hover {
                color: #ff0000;
            }
          
            .sp-none {
                display: none !important;
            }
}

@media (min-width: 768px) {
            #top-caution {
                background-color: #fefee7;
                padding: 23px 0 20px;
                width: 100%;
                z-index: 9;
            }
            #top-caution p {
                font-size: 16px;
                line-height: 1.5;
                margin: 0 auto;
                width: 980px;
            }

            .cf {
                zoom: 1;
            }

            .fund-column h2 {
                border-bottom: 4px solid #f2f2f2;
                font-size: 18px;
                font-size: 1.8rem;
                font-weight: normal;
                margin: 50px 0 20px;
                padding-bottom: 5px;
                position: relative;
            }

            .fund-column h2:after {
                content: '';
                background-color: #d20024;
                display: block;
                height: 4px;
                width: 78px;
                position: absolute;
                bottom: -4px;
                left: 0;
            }            

            /* フッターサイトマップ
            --------------------------------------------------------- */
            #footer-sitemap {
                background-color: #f2f4f5;
                border-top: 2px solid #fff;
                padding: 30px 0;
                width: 100%;
            }

            #footer-sitemap-inner {
                margin: 0 auto;
                width: 960px;
            }

            #footer-sitemap dl {
                float: left;
                margin-right: 24px;
                width: auto;
            }

            #footer-sitemap dt {
                margin-bottom: 10px;
            }

            #footer-sitemap dt a {
                color: #222;
                font-size: 13px;
                font-weight: bold;
            }

            #footer-sitemap dd {
                padding-left: 1.5em;
            }

            #footer-sitemap dd li {
                list-style: disc outside;
            }

            #footer-sitemap dd li a {
                color: #034e9a;
                font-size: 13px;
                line-height: 1.9;
                white-space: nowrap;
            }

            #footer-sitemap a:hover {
                text-decoration: none;
            }

            #footer-sitemap-btn {
                float: right;
                width: 188px;
            }

            #footer-sitemap-btn li.btn-entry, #footer-sitemap-btn li.btn-kouza,
            #footer-sitemap-btn li.btn-click {
                height: 63px;
                margin-bottom: 5px;
                width: 188px;
            }

            #footer-sitemap-btn li.btn-entry a, #footer-sitemap-btn li.btn-kouza a,
            #footer-sitemap-btn li.btn-click a {
                display: block;
                height: 100%;
                text-indent: -9999px;
                width: 100%;
            }

            #footer-sitemap-btn li.btn-entry a {
                background: url(https://t-stockhouse.jp/material/common/img/ft_btn_entry01.png) no-repeat;
            }

            #footer-sitemap-btn li.btn-kouza a {
                background: url(https://t-stockhouse.jp/material/common/img/ft_btn_kouza01.png) no-repeat;
            }

            #footer-sitemap-btn li.btn-entry a:hover, #footer-sitemap-btn li.btn-kouza a:hover,
            #footer-sitemap-btn li.btn-click a:hover {
                background-position: 0 -73px;
            }

            #footer-sitemap-btn li.btn-houjin {
                margin: 8px 0 10px;
                text-align: center;
            }

            #footer-sitemap-btn li.btn-houjin a {
                background: url(https://t-stockhouse.jp/material/common/img/ft_ico_circle01.png) left center no-repeat;
                color: #034e9a;
                font-size: 13px;
                line-height: 1.9;
                padding-left: 18px;
            }

            /* フッターメニュー
            --------------------------------------------------------- */
            #footer-menu {
                background-color: #f2f4f5;
                border-top: 1px solid #cdcdcd;
                padding: 25px 0 10px;
                text-align: center;
                width: 100%;
            }

            #footer-menu-inner {
                margin: 0 auto;
                width: 960px;
            }

            #footer-menu ul {
                display: inline-block;
                text-align: center;
            }

            #footer-menu ul li {
                border-right: 1px solid #b9b9b9;
                display: inline-block;
                margin-bottom: 15px !important;
                width: auto;
                *display: inline;
                *zoom: 1;
            }

            #footer-menu ul li a {
                color: #034e9a;
                font-size: 13px;
                line-height: 1;
                padding: 0 10px;
            }

            #footer-menu ul li:nth-child(5), #footer-menu ul li:last-child {
                border-right: none;
            }

            /* コピーライト
            --------------------------------------------------------- */
            #copyright {
                background-color: #333;
                height: 30px;
                text-align: center;
                width: 100%;
            }

            #copyright p {
                color: #fff;
                font-size: 12px;
                text-align: center;
                line-height: 30px;
            }

            /* フッター
            --------------------------------------------------------- */
            #footer {
                background-color: #fff;
                height: 70px;
                text-align: center;
                width: 100%;
            }

            #footer-inner {
                height: 70px;
                margin: 0 auto;
                padding-top: 12px;
                position: relative;
                width: 980px;
            }

            #footer-inner p {
                display: inline-block;
                *display: inline;
                *zoom: 1;
            }

            #footer-inner p a {
                color: #034e9a;
            }

            #footer-inner p a:hover {
                text-decoration: none;
            }

            #footer-inner p.txt {
                font-size: 12px;
                line-height: 1.7;
                margin-right: 20px;
                text-align: center;
            }

            .pc-none {
                display: none !important;
            }

            .cf:before, .cf:after {
                    content: "";
                    display: table;
                }

            dl, menu, ol, ul {
                    list-style-type: none;
                    margin: 0;
                } 
        
            .cf:after {
                clear: both;
            }
}