@charset "utf-8";

/* ADD Okuda 20210412 SDGs Start */


.addIcon:link {
    text-decoration: underline;
}
.addIcon:hover {
    text-decoration: none;
}
.addIcon::before {
    content: "\f138";
    padding-left: 4px;
    font-family: FontAwesome;
    color: #900;
}

/*tooltipの中のリンク*/
.sdgsIconLink,
.sdgsIconLink:link,
.sdgsIconLink:active{
    color: #000 !important;
    text-decoration: none !important;
}
.sdgsIconLink:hover{
    cursor: pointer; 
}


/* ============================================================================

 * SDGsコンテンツ

 * ========================================================================= */
/* -----------
 * SDGs共通：
 *  17の目標について Title
 * ----------- */
#main h2.stockTitle01 .popupExp,
h3.mainTitle01 .popupExp {
    position: absolute;
    right: 0;
    font-size: 12px;
    font-weight: normal;
    cursor: pointer;
}
#main h2.stockTitle01 .popupExp{top: 10px;}
h3.mainTitle01 .popupExp {top: 16px;}

#main h2.stockTitle01 .popupExp i,
h3.mainTitle01 .popupExp i {
    padding-right: 4px;
    font-size: 13px;
    color: #006;
}
#main h2.stockTitle01 .popupExp:hover,
h3.mainTitle01 .popupExp:hover{
    text-decoration: underline;
}
@media screen and (max-width: 480px) {
    #main h2.stockTitle01 .popupExp{top: 40px;}
    h3.mainTitle01 .popupExp {top: 57px;}
}
/* -----------
 * SDGs共通：
 *  17目標について Hover
 * ----------- */
table.SDGsScreeningResult .listSDGs .goal/*SDGs検索結果*/,
table.SDGsDetailTable .listSDGs .goal/*個別銘柄>SDGs*/ {
    position: relative;
    float: left;
    margin: 0 3px 3px 0;
}
table.SDGsScreeningResult .listSDGs .goal{width: 40px;}/*SDGs検索結果*/
table.SDGsDetailTable .listSDGs .goal{width: 20%; max-width: 80px;}/*個別銘柄>SDGs*/

table.SDGsScreeningResult .listSDGs::after,
table.SDGsDetailTable .listSDGs::after{
    content: "";
    clear: both;
}
/* -----------
 *　SDGs共通：
　　　17の目標について別ウィンドウ
 * ----------- */
.modalWrap {
    background: #fff;
    text-align: left;
    padding: 40px;
    overflow-y: scroll;
    height: 100vh;
}
/*
@media screen and (max-width: 480px) {
}
*/

/*共通*/
.difi_goal_Wrap_pc {display: block;}
.difi_goal_Wrap_sp {display: none;}
/*文言*/
.modalWrap .stockTitle01 {
    margin-bottom: 24px;
}
.modalWrap .stockTitle01 .title {
    font-size: 16px;
    font-weight: bold;
}
.modalWrap .stockTitle01 .title i {
    padding-right: 6px;
    color: #900;
}
.modalWrap .stockTitle01 .text{
    line-height: 1.2;
    font-size: 12px;
    font-weight: normal;
}
/*構成*/
.difi_goal_Wrap_pc {
    line-height: 1.2;
    font-size: 0;
}
.difi_goal_Wrap_pc .difi_goal {
    display: inline-block;
    margin-bottom: 18px;
    margin-right: 8%;
    width: 46%;
    min-height: 5em;
    vertical-align: top;
}
.difi_goal_Wrap_pc .difi_goal:nth-child(2n) {margin-right: 0;}

.difi_goal_Wrap_pc .difi_goal .difiTerm_goal,
.difi_goal_Wrap_pc .difi_goal .difiDesc_goal {
    display: inline-block;
    vertical-align: top;
}
.difi_goal_Wrap_pc .difi_goal .difiTerm_goal{width: 70px;padding-right: 10px;}
.difi_goal_Wrap_pc .difi_goal .difiDesc_goal {width: calc(100% - 70px);font-size: 12px;}
/*説明文*/
.difi_goal_Wrap_pc .difi_goal .difiDesc_goal .title,
.difi_goal_Wrap_sp .difi_goal .title{display: block;font-weight: bold;width: 100%;}
.difi_goal_Wrap_pc .difi_goal .difiDesc_goal .title{padding: 2px 0 4px;font-size: 13px;}
.difi_goal_Wrap_sp .difi_goal .title{padding: 2px 0 10px;font-size: 16px;}

@media screen and (max-width: 768px) {
    /*共通*/
    .difi_goal_Wrap_pc {display: none;}
    .difi_goal_Wrap_sp  {display: block;}
    /*POPUP*/
    .popup-inner {width: 90%;height: auto;}
    /*構成*/
    .difi_goal_Wrap_sp {line-height: 1.2;font-size: 0;}
    
    /*スライダー*/
    .swiper-wrapper{flex-wrap:wrap;}
    .swiper-slide{width: 33.3%;}
    .swiper-button-prev,.swiper-button-next,.swiper-pagination{display: none;}
    /*構成*/
    .difi_goal_Wrap_sp .difi_goal {text-align: center;}
    .difi_goal_Wrap_sp .difi_goal img { width: 56%;max-width: 200px;}
    .difi_goal_Wrap_sp .difi_goal .difiDesc_goal {margin-top: 14px; font-size: 14px;}
    .difi_goal_Wrap_sp .flexslider .difi_goal .difiTerm_goal{width: 50%;}
    /*ナビゲーション*/
    .difi_goal_Wrap_sp .flex-control-nav {text-align: left;}
    .difi_goal_Wrap_sp .flex-control-nav li{display: inline-block;font-size: 12px;width: calc(100% / 6);}
    .difi_goal_Wrap_sp .flex-control-nav li a{display: block;padding: 4px;width: 100%;color: #fff;text-align: center;}
    .difi_goal_Wrap_sp .flex-control-nav li:nth-child(1) a{background: #e5243b;}
    .difi_goal_Wrap_sp .flex-control-nav li:nth-child(2) a{background: #DDA63A;}
    .difi_goal_Wrap_sp .flex-control-nav li:nth-child(3) a{background: #4C9F38;}
    .difi_goal_Wrap_sp .flex-control-nav li:nth-child(4) a{background: #C5192D;}
    .difi_goal_Wrap_sp .flex-control-nav li:nth-child(5) a{background: #FF3A21;}
    .difi_goal_Wrap_sp .flex-control-nav li:nth-child(6) a{background: #26BDE2;}
    .difi_goal_Wrap_sp .flex-control-nav li:nth-child(7) a{background: #FCC30B;}
    .difi_goal_Wrap_sp .flex-control-nav li:nth-child(8) a{background: #A21942;}
    .difi_goal_Wrap_sp .flex-control-nav li:nth-child(9) a{background: #FD6925;}
    .difi_goal_Wrap_sp .flex-control-nav li:nth-child(10) a{background: #DD1367;}
    .difi_goal_Wrap_sp .flex-control-nav li:nth-child(11) a{background: #FD9D24;}
    .difi_goal_Wrap_sp .flex-control-nav li:nth-child(12) a{background: #BF8B2E;}
    .difi_goal_Wrap_sp .flex-control-nav li:nth-child(13) a{background: #3F7E44;}
    .difi_goal_Wrap_sp .flex-control-nav li:nth-child(14) a{background: #0A97D9;}
    .difi_goal_Wrap_sp .flex-control-nav li:nth-child(15) a{background: #56C02B;}
    .difi_goal_Wrap_sp .flex-control-nav li:nth-child(16) a{background: #00689D;}
    .difi_goal_Wrap_sp .flex-control-nav li:nth-child(17) a{background: #19486A;}
    .difi_goal_Wrap_sp .flex-control-nav li a.flex-active{opacity: 0.6;}
    /*Next Previous*/
    .difi_goal_Wrap_sp .flex-direction-nav li a {
        text-decoration: none;
        display: block;
        margin: -20px 0 0;
        position: absolute;
        top: 40%;
        z-index: 10;
        overflow: hidden;
        opacity: 0;
        cursor: pointer;
        color: rgba(0, 0, 0, 0.8);
        text-shadow: 1px 1px 0 rgb(255 255 255 / 30%);
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }
    .difi_goal_Wrap_sp .flex-direction-nav .flex-prev,
    .difi_goal_Wrap_sp .flex-direction-nav .flex-next {opacity: 0.7;font-size: 0;}
    .difi_goal_Wrap_sp .flex-direction-nav .flex-prev {left: 10px;}
    .difi_goal_Wrap_sp .flex-direction-nav .flex-next {right: 10px;}
    .difi_goal_Wrap_sp .flex-direction-nav .flex-prev:before,
    .difi_goal_Wrap_sp .flex-direction-nav .flex-next:before {
        font-family: FontAwesome;
        font-size: 70px;
        display: inline-block;
        color: rgba(0, 0, 0, 0.8);
        text-shadow: 1px 1px 0 rgb(255 255 255 / 30%);
    }
    .difi_goal_Wrap_sp .flex-direction-nav .flex-prev:before{content: "\f104";}
    .difi_goal_Wrap_sp .flex-direction-nav .flex-next:before{content: "\f105";}
}
@media screen and (max-width: 480px) {
    /*POPUP*/
    /*.popup-inner {padding: 30px;}*/
    /*ナビゲーション*/
}
/*免責事項*/
a.disclaimerLink {
    margin: 30px auto;
    display: block;
    width: 100%;
    text-decoration: underline;
    text-align: left;
    color: #006 ;
}
a.disclaimerLink:hover {
    text-decoration: none;
}

/*-----
 *
 ------*/
/*テキスト*/
.text {
    margin-bottom: 30px;
    padding: 10px;
    text-align: left;
}
/*目標画像クリック～の文言*/
.notice {
    line-height: 1.2;
    text-align: left;
}
@media screen and (max-width: 480px) {
    .text {
        color: #333;
        font-size: 14px;
    }
    .notice {
        font-size: 12px;
    }
}

/* ============================================================================

 * SDGs検索

 * ========================================================================= */
/* -----------
 * 目標別に企業を探す
 * ----------- */
/* 構成 */
.searchSDGs {padding-left: 30px;text-align: left;}
/* icon */
.searchSDGs .goal {
    float: left;
    margin: 0 1% 1% 0;
    width: 18%;
    font-size: 0;
}
.searchSDGs .goal::after{content: "";clear: both;}

/* checkedの動き */
.searchSDGs .goal input[type=checkbox] {display: none;}/* チェックボックスを非表示にする */
.searchSDGs .goal .goal_box {
    -webkit-transition: -webkit-transform .3s cubic-bezier(.68,-.55,.265,1.55);
    transition: -webkit-transform .3s cubic-bezier(.68,-.55,.265,1.55);
    transition: transform .3s cubic-bezier(.68,-.55,.265,1.55);
    transition: transform .3s cubic-bezier(.68,-.55,.265,1.55),-webkit-transform .5s cubic-bezier(.68,-.55,.265,1.55);    
}
.searchSDGs .goal input:checked + label .goal_box img {padding: 2px;border: 5px solid #006;}

@media screen and (max-width: 480px) {
    /* PCの設定をリセット */
    .searchSDGs .goal input:checked + label .goal_box img {padding:inherit;border:none;}
    
    /* 構成 */
    .searchSDGs {padding-left: 0px;}
    /* icon */
    .searchSDGs .goal {width: 48%;}
    .searchSDGs .goal:nth-child(2n) {margin-right: 0;}
    /* icon 構成 */
    .searchSDGs .goal .goal_box{border: 1px solid #ccc;width: 100%;height: 34px;}
    .searchSDGs .goal .goal_box::after{content: "";clear: both;}
    .searchSDGs .goal .goal_box img{float: left;width: 32px;}
    .searchSDGs .goal .goal_box .goal_txt{float: left;width: calc(100% - 32px);padding-left: 6px;font-size: 13px;line-height: 32px;}
    /* checkの動き */
    .searchSDGs .goal input:checked + label .goal_box {background: #006;color: #fff;}
}
/*
 * IEのバグ
 * <label>内の画像<img>がクリックできずイベントを拾わない
 */
.searchSDGs .goal label {display:inline-block;width: 100%;}
.searchSDGs .goal label img{pointer-events: none;}

/* ============================================================================

 * SDGs検索結果

 * ========================================================================= */
/*絞込条件*/
/*reset Table*/
.SDGsNarrowItemWrap th,
.SDGsNarrowItemWrap td {
    padding: 0;
    vertical-align: middle;
}
.SDGsNarrowItemWrap th {min-width: 4em;}
.SDGsNarrowItemWrap td {font-size: 0;}
.SDGsNarrowItemWrap .narrowItem {display: inline-block;}
.SDGsNarrowItemWrap .narrowItem img{display: inline-block;width: 40px;height: 40px;}
.SDGsNarrowItemWrap .narrowItem .narrowText{display: inline-block;font-size: 14px;vertical-align: middle;}

/*SDGsTable:検索結果*/
table.SDGsScreeningResult {
    display: table;
    width: 100%;
    margin: 0 auto;
    position: relative;
}
table.SDGsScreeningResult thead tr th,
table.SDGsScreeningResult tbody tr td {
    padding: 1px auto;
    font-size: 14px;
    line-height: 1.2;
}
table.SDGsScreeningResult thead tr th {
    color: #FFF;
    background-color: #006;
    border: 1px #999 solid;
}
table.SDGsScreeningResult tbody tr.bgGray {
    background: #f5f4f4;
}
/*SDGsTable:検索結果 経線*/
table.SDGsScreeningResult tbody {border: 1px #999 solid;}
table.SDGsScreeningResult tbody tr th {border-right: 1px #999 solid;border-bottom: 1px #999 solid;}
table.SDGsScreeningResult tbody tr td {border-bottom: 1px #999 solid;}
table.SDGsScreeningResult tbody tr td.subject {border-bottom: 1px #999 dotted;}

/*銘柄名*/
table.SDGsScreeningResult tbody tr th a:before{
	font-family: FontAwesome ;
	margin: 0;
}
table.SDGsScreeningResult tbody tr th a:before{
	content: "\f138\A" ;/*unicode*/
	color: #900 ;
}
/*文字OVER 三点リーダ表示*/
table.SDGsScreeningResult tbody .stockname {
    white-space: nowrap;
    font-weight: normal;
    text-align: left;
}
table.SDGsScreeningResult tbody .stockname a {
	width: 240px;
    display: block;
    line-height: 1;
    color: #006;
    overflow: hidden;
    text-overflow: ellipsis;
}
/*重要課題*/
/*文字OVER 三点リーダ表示*/
table.SDGsScreeningResult tbody tr td.subject .txt {
	display: -webkit-box;
    line-height: 1.2;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
/*文字OVER 三点リーダ表示(IE用)*/
@media all and (-ms-high-contrast: none) {
	table.SDGsScreeningResult tbody tr td.subject .txt {
        position: relative;
        display: block;
		max-height: calc(1.2em * 2);/*line-height: 1.2;×3行*/
	}
    table.SDGsScreeningResult tbody tr td.subject .txt:before,
    table.SDGsScreeningResult tbody tr td.subject .txt:after {
      background: #fff;
      position: absolute;
    }
    table.SDGsScreeningResult tbody tr td.subject .txt:before,
    table.SDGsScreeningResult tbody tr td.subject .txt:after {background: #fff;}
    table.SDGsScreeningResult tbody tr td.subject .txt:before {
      content: "…";
      bottom: 0px;
      right: 0px;
    }
    table.SDGsScreeningResult tbody tr td.subject .txt:after {
      content: "";
      height: 100%;
      width: 100%;
    }
}
@media screen and (max-width: 768px) {
    table.SDGsScreeningResult tbody .stockname a{width: 180px;}/*Table>銘柄名*/
}
@media screen and (max-width: 480px) {
    .SDGsNarrowItemWrap .narrowItem img{width: 22px;height: 22px;}
    table.SDGsScreeningResult tbody .stockname a{width: 140px;}/*Table>銘柄名*/
    table.SDGsScreeningResult .listSDGs .goal,
    table.SDGsDetailTable .listSDGs .goal{max-width: 30px;}/*Table>該当する目標*/
}

/*検索結果をさらに絞り込む*/
.searchNarrowSDGsWrap{
    margin: 6px 0 20px;
}
.searchNarrowSDGs .goal {
    float: left;
    margin: 0 4px 4px 0;
    font-size: 0;
}
.searchNarrowSDGs .goal input[type=radio] {
    /*display: none;*/
}
.searchNarrowSDGs .goal .goal_box {
    width: 100%;
    height: 26px;
}
.searchNarrowSDGs .goal .goal_box img {
    float: left;
    width: 24px;
}
.searchNarrowSDGs .goal .goal_box .goal_txt {
    float: left;
    width: calc(100% - 24px);
    padding: 0 6px;
    font-size: 14px;
    line-height: 24px;
    background: #E4E4E3;
    color: #006;
    white-space: nowrap;
}
.searchNarrowSDGs .goal .goal_box.current .goal_txt {
    background: #006;
    color: #fff;
}
/* ============================================================================

 * SDGs（個別銘柄）

 * ========================================================================= */
/*SDGsTable:個別銘柄 > 重要課題*/
table.SDGsDetailTable {
    display: table;
    width: 100%;
    margin: 0 auto;
    position: relative;
}
table.SDGsDetailTable tr th,
table.SDGsDetailTable tr td {
    padding: 1px auto;
    border: 1px solid #999;
    font-size: 14px;
    line-height: 1.2;
}
table.SDGsDetailTable tr th {
    color: #FFF;
    background-color: #006;
    border: 1px #999 solid;
}
table.SDGsDetailTable tr .subject{
    min-width: 170px;
    max-width: 300px; 
}
table.SDGsDetailTable tbody tr:nth-child(2n+1) {
    background: #f5f4f4;
}
/*SDGsTable:個別銘柄 > 基本情報*/
table.SDGsInfoTable {
    display: table;
    width: 100%;
    margin: 10px auto;
    position: relative;
}
table.SDGsInfoTable tr th,
table.SDGsInfoTable tr td {
    padding: 1px auto;
    border: 1px solid #999;
    font-size: 14px;
    line-height: 1.2;
}
table.SDGsInfoTable thead tr th {
    color: #FFF;
    background-color: #006;
    border: 1px #999 solid;
}
table.SDGsInfoTable tbody tr th {
    width: 16%;
    min-width: 5em;
    background: #d8d8d4;
}
table.SDGsInfoTable tbody tr:nth-child(2n+1) {
    background: #f5f4f4;
}
table.SDGsInfoTable tbody tr td.url {
    word-break: break-all;
}
table.SDGsInfoTable tbody tr td.url a{
    color: #006;
    text-decoration: underline;
}
@media screen and (max-width: 480px) {
    /* PCの設定をリセット */
    table.SDGsDetailTable tr .subject{min-width: none;max-width: none;}
    table.SDGsDetailTable .listSDGs .goal {max-width: 44px;}
    /* 構成 */
    table.SDGsDetailTable tr th,
    table.SDGsDetailTable tr td{
        float: left;
        width: 100%;
    }
    /*Table reset*/
    table.SDGsDetailTable tr th,
    table.SDGsDetailTable tr td {border: none;}
    /*Table*/
    table.SDGsDetailTable tr th {padding: 3px 0 8px;}
    table.SDGsDetailTable tr th.subject {padding: 8px 0 3px;}
    /*Table経線*/
    table.SDGsDetailTable tr td{border: 1px solid #999;border-top: none;}
    table.SDGsDetailTable tr td.subject{border: 1px solid #999;border-top: none;border-bottom: 1px dotted #999;}
}
/* ADD Okuda 20210412 SDGs END */