@charset "utf-8";

@media (min-width: 768px) {
.site-nav-area .site-nav-link > li, .site-nav-area-2 .site-nav-link > li {
    margin-right: 10px;
}
.link-list > li a {
    padding-left: 12px;
    font-size:1.2rem;
}
}

.nav-local > .hdg {padding:0;font-size:2rem;}
.nav-local > .hdg > a {display:block;padding:25px 10px;}

@media (max-width: 767px) {
.nav-local > .hdg > a {padding:15px 10px;}
}

/*モーダル閉じるボタンポインタ*/
.mod-btn-close {cursor:pointer;}

/*Myページ注目ファンド欄*/
body.theme-mypage .mod-idx-6.of-image-pad > .item .image img {
    width: auto;
    max-width: 140px;
}
@media (max-width: 767px) {
    body.theme-mypage .mod-idx-6.of-image-pad > .item .image img {
/*        padding: 10px 30px; */
        width: 100%;
        max-width: 100%;
    }

}

/*注目ファンド一覧ページ*/
.mod-list-news.of-bg-reverse > .item2:nth-child(odd) {
  background-color: #fff;
}
.mod-list-news.of-bg-reverse > .item2:nth-child(even) {
  background-color: #f4f4f4;
}
.mod-list-news > .item2 {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -ms-flex-align: start;
  align-items: flex-start;
  padding: 10px 0 25px 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 1000px;
}
.mod-list-news > .item2:nth-child(odd) {
  background-color: #f4f4f4;
}
.mod-list-news > .item2:nth-child(even) {
  background-color: #fff;
}
.mod-list-news > .item2 > .list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 0 10px;
}
.mod-list-news > .item2 > .list.of-column {
  display: block;
}
.mod-list-news > .item2 > .list.of-column > dd {
  margin-top: .25em;
}
.mod-list-news > .item2 > .list > dt {
  -ms-flex: 0 0 150px;
  flex: 0 0 150px;
  font-weight: bold;
/*  font-size: 1.4rem; */
  min-width: 150px;
}
.mod-list-news > .item2 > .list > dt > .title {
  display: inline-block;
}
.mod-list-news > .item2 > .list > dt > .title > .date {
  color: #666;
}
.mod-list-news > .item2 > .list > dt > .title > .new {
  margin-left: 10px;
  color: #ee5c3b;
}
.mod-list-news > .item2 > .list > dd {
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
/*  color: #005180; */
}
.mod-list-news > .item2 > .list > dd a {
  color: #005180;
  text-decoration: none;
}
.mod-list-news > .item2 > .list > dd a:hover,
.mod-list-news > .item2 > .list > dd a:focus {
  text-decoration: underline;
}
.mod-list-news > .item2 > .list.of-label > dt {
  -ms-flex: 0 0 320px;
  flex: 0 0 320px;
}
.mod-list-news > .item2 > .list.of-label > dt > .title {
  width: 140px;
}
.mod-list-news > .item2 > .image {
  -ms-flex: 0 0 140px;
  flex: 0 0 140px;
  margin-left: 10px;
  margin-right: 10px;
  border-radius: 5px;
  overflow: hidden;
}
.mod-list-news > .item2 > .image > img {
  display: block;
  max-width: 100%;
  height: auto;
}
@media (max-width: 767px) {
  .mod-list-news {
    margin: 15px -10px 0;
  }
  .mod-list-news > .item2 > .list {
    display: block;
  }
  .mod-list-news > .item2 > .list > dt > .label {
    font-size: 1rem;
  }
  .mod-list-news > .item2 > .list > dd {
    margin-top: .25em;
  }
  .mod-list-news > .item2 > .image {
    -ms-flex: 0 0 70px;
    flex: 0 0 70px;
  }
  .mod-list-news.of-nallow-col-1 > .item2 {
    padding-right: 10px;
  }
  .mod-list-news.of-nallow-col-1 > .item2:nth-child(odd) {
    background-color: #f4f4f4;
  }
  .mod-list-news.of-nallow-col-1 > .item2:nth-child(even) {
    background-color: #fff;
  }
}

/*ETFアイコン修正*/
.mod-btn-2 > .text.of-icon-4::before {width:22px;height:22px;}

/*メール登録*/
.mod-form-flex {display:flex;justify-content:center;margin-bottom:20px;}
.mod-form-flex > .mod-txt {width:13em;margin-top:0;}
.mod-form-flex > .mod-txt > p {line-height:40px;}
.mod-form-flex > .mod-txt.tt {width:15em;}

/*検索折り返し*/
.mf_finder_organic_doc_url span {
    word-break:break-all;
    overflow-wrap :break-word;
/*    display:block; */
    display:inline;
}

body.theme-search .str-results-container .mf_finder_organic_doc {
    overflow: hidden;
}

@media screen and (max-width:767px){
    
    /*検索ボタン*/
    .mod-form-comp .button,
    .mod-form-comp .input {height:40px;}
    .mod-form-comp .button button {height: 100%;}

    /*切替タブ*/
    #sct-details .mod-panel-tab-2 > .list > li,
    #sct-search-report .mod-panel-tab-2 > .list > li {display:table;width:calc(33.3% - 4px);flex:none;}
    #sct-search-report .mod-panel-tab-2 > .list > li {width:calc(50% - 4px);}
    #sct-details .mod-panel-tab-2 > .list > li > a,
    #sct-search-report .mod-panel-tab-2 > .list > li > a {display: table-cell;height: 5em;width:100%;vertical-align: middle;font-size:1.4rem;}
    #sct-search-report .mod-panel-tab-2 > .list > li > a {height: 4em;}
    
    /*メール登録*/
    .mod-form-flex {display:block;}
    .mod-form-text input {width:100%;min-width:inherit;}
}

.loader {
  margin: 100px auto;
  font-size: 25px;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  position: relative;
  text-indent: -9999em;
  -webkit-animation: load5 1.1s infinite ease;
  animation: load5 1.1s infinite ease;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
}
@-webkit-keyframes load5 {
  0%,
  100% {
    box-shadow: 0em -2.6em 0em 0em #0600ff, 1.8em -1.8em 0 0em rgba(6,0,255, 0.2), 2.5em 0em 0 0em rgba(6,0,255, 0.2), 1.75em 1.75em 0 0em rgba(6,0,255, 0.2), 0em 2.5em 0 0em rgba(6,0,255, 0.2), -1.8em 1.8em 0 0em rgba(6,0,255, 0.2), -2.6em 0em 0 0em rgba(6,0,255, 0.5), -1.8em -1.8em 0 0em rgba(6,0,255, 0.7);
  }
  12.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(6,0,255, 0.7), 1.8em -1.8em 0 0em #0600ff, 2.5em 0em 0 0em rgba(6,0,255, 0.2), 1.75em 1.75em 0 0em rgba(6,0,255, 0.2), 0em 2.5em 0 0em rgba(6,0,255, 0.2), -1.8em 1.8em 0 0em rgba(6,0,255, 0.2), -2.6em 0em 0 0em rgba(6,0,255, 0.2), -1.8em -1.8em 0 0em rgba(6,0,255, 0.5);
  }
  25% {
    box-shadow: 0em -2.6em 0em 0em rgba(6,0,255, 0.5), 1.8em -1.8em 0 0em rgba(6,0,255, 0.7), 2.5em 0em 0 0em #0600ff, 1.75em 1.75em 0 0em rgba(6,0,255, 0.2), 0em 2.5em 0 0em rgba(6,0,255, 0.2), -1.8em 1.8em 0 0em rgba(6,0,255, 0.2), -2.6em 0em 0 0em rgba(6,0,255, 0.2), -1.8em -1.8em 0 0em rgba(6,0,255, 0.2);
  }
  37.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(6,0,255, 0.2), 1.8em -1.8em 0 0em rgba(6,0,255, 0.5), 2.5em 0em 0 0em rgba(6,0,255, 0.7), 1.75em 1.75em 0 0em #0600ff, 0em 2.5em 0 0em rgba(6,0,255, 0.2), -1.8em 1.8em 0 0em rgba(6,0,255, 0.2), -2.6em 0em 0 0em rgba(6,0,255, 0.2), -1.8em -1.8em 0 0em rgba(6,0,255, 0.2);
  }
  50% {
    box-shadow: 0em -2.6em 0em 0em rgba(6,0,255, 0.2), 1.8em -1.8em 0 0em rgba(6,0,255, 0.2), 2.5em 0em 0 0em rgba(6,0,255, 0.5), 1.75em 1.75em 0 0em rgba(6,0,255, 0.7), 0em 2.5em 0 0em #0600ff, -1.8em 1.8em 0 0em rgba(6,0,255, 0.2), -2.6em 0em 0 0em rgba(6,0,255, 0.2), -1.8em -1.8em 0 0em rgba(6,0,255, 0.2);
  }
  62.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(6,0,255, 0.2), 1.8em -1.8em 0 0em rgba(6,0,255, 0.2), 2.5em 0em 0 0em rgba(6,0,255, 0.2), 1.75em 1.75em 0 0em rgba(6,0,255, 0.5), 0em 2.5em 0 0em rgba(6,0,255, 0.7), -1.8em 1.8em 0 0em #0600ff, -2.6em 0em 0 0em rgba(6,0,255, 0.2), -1.8em -1.8em 0 0em rgba(6,0,255, 0.2);
  }
  75% {
    box-shadow: 0em -2.6em 0em 0em rgba(6,0,255, 0.2), 1.8em -1.8em 0 0em rgba(6,0,255, 0.2), 2.5em 0em 0 0em rgba(6,0,255, 0.2), 1.75em 1.75em 0 0em rgba(6,0,255, 0.2), 0em 2.5em 0 0em rgba(6,0,255, 0.5), -1.8em 1.8em 0 0em rgba(6,0,255, 0.7), -2.6em 0em 0 0em #0600ff, -1.8em -1.8em 0 0em rgba(6,0,255, 0.2);
  }
  87.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(6,0,255, 0.2), 1.8em -1.8em 0 0em rgba(6,0,255, 0.2), 2.5em 0em 0 0em rgba(6,0,255, 0.2), 1.75em 1.75em 0 0em rgba(6,0,255, 0.2), 0em 2.5em 0 0em rgba(6,0,255, 0.2), -1.8em 1.8em 0 0em rgba(6,0,255, 0.5), -2.6em 0em 0 0em rgba(6,0,255, 0.7), -1.8em -1.8em 0 0em #0600ff;
  }
}
@keyframes load5 {
  0%,
  100% {
    box-shadow: 0em -2.6em 0em 0em #0600ff, 1.8em -1.8em 0 0em rgba(6,0,255, 0.2), 2.5em 0em 0 0em rgba(6,0,255, 0.2), 1.75em 1.75em 0 0em rgba(6,0,255, 0.2), 0em 2.5em 0 0em rgba(6,0,255, 0.2), -1.8em 1.8em 0 0em rgba(6,0,255, 0.2), -2.6em 0em 0 0em rgba(6,0,255, 0.5), -1.8em -1.8em 0 0em rgba(6,0,255, 0.7);
  }
  12.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(6,0,255, 0.7), 1.8em -1.8em 0 0em #0600ff, 2.5em 0em 0 0em rgba(6,0,255, 0.2), 1.75em 1.75em 0 0em rgba(6,0,255, 0.2), 0em 2.5em 0 0em rgba(6,0,255, 0.2), -1.8em 1.8em 0 0em rgba(6,0,255, 0.2), -2.6em 0em 0 0em rgba(6,0,255, 0.2), -1.8em -1.8em 0 0em rgba(6,0,255, 0.5);
  }
  25% {
    box-shadow: 0em -2.6em 0em 0em rgba(6,0,255, 0.5), 1.8em -1.8em 0 0em rgba(6,0,255, 0.7), 2.5em 0em 0 0em #0600ff, 1.75em 1.75em 0 0em rgba(6,0,255, 0.2), 0em 2.5em 0 0em rgba(6,0,255, 0.2), -1.8em 1.8em 0 0em rgba(6,0,255, 0.2), -2.6em 0em 0 0em rgba(6,0,255, 0.2), -1.8em -1.8em 0 0em rgba(6,0,255, 0.2);
  }
  37.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(6,0,255, 0.2), 1.8em -1.8em 0 0em rgba(6,0,255, 0.5), 2.5em 0em 0 0em rgba(6,0,255, 0.7), 1.75em 1.75em 0 0em #0600ff, 0em 2.5em 0 0em rgba(6,0,255, 0.2), -1.8em 1.8em 0 0em rgba(6,0,255, 0.2), -2.6em 0em 0 0em rgba(6,0,255, 0.2), -1.8em -1.8em 0 0em rgba(6,0,255, 0.2);
  }
  50% {
    box-shadow: 0em -2.6em 0em 0em rgba(6,0,255, 0.2), 1.8em -1.8em 0 0em rgba(6,0,255, 0.2), 2.5em 0em 0 0em rgba(6,0,255, 0.5), 1.75em 1.75em 0 0em rgba(6,0,255, 0.7), 0em 2.5em 0 0em #0600ff, -1.8em 1.8em 0 0em rgba(6,0,255, 0.2), -2.6em 0em 0 0em rgba(6,0,255, 0.2), -1.8em -1.8em 0 0em rgba(6,0,255, 0.2);
  }
  62.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(6,0,255, 0.2), 1.8em -1.8em 0 0em rgba(6,0,255, 0.2), 2.5em 0em 0 0em rgba(6,0,255, 0.2), 1.75em 1.75em 0 0em rgba(6,0,255, 0.5), 0em 2.5em 0 0em rgba(6,0,255, 0.7), -1.8em 1.8em 0 0em #0600ff, -2.6em 0em 0 0em rgba(6,0,255, 0.2), -1.8em -1.8em 0 0em rgba(6,0,255, 0.2);
  }
  75% {
    box-shadow: 0em -2.6em 0em 0em rgba(6,0,255, 0.2), 1.8em -1.8em 0 0em rgba(6,0,255, 0.2), 2.5em 0em 0 0em rgba(6,0,255, 0.2), 1.75em 1.75em 0 0em rgba(6,0,255, 0.2), 0em 2.5em 0 0em rgba(6,0,255, 0.5), -1.8em 1.8em 0 0em rgba(6,0,255, 0.7), -2.6em 0em 0 0em #0600ff, -1.8em -1.8em 0 0em rgba(6,0,255, 0.2);
  }
  87.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(6,0,255, 0.2), 1.8em -1.8em 0 0em rgba(6,0,255, 0.2), 2.5em 0em 0 0em rgba(6,0,255, 0.2), 1.75em 1.75em 0 0em rgba(6,0,255, 0.2), 0em 2.5em 0 0em rgba(6,0,255, 0.2), -1.8em 1.8em 0 0em rgba(6,0,255, 0.5), -2.6em 0em 0 0em rgba(6,0,255, 0.7), -1.8em -1.8em 0 0em #0600ff;
  }
}

#overlay{
    width: 100%;
    height:100%;
    text-align: center;
    position: fixed;
    top: 0;
    z-index: 10000;
    background-color: rgba(255,255,255,0.7);
}

#overlay > div{
position: absolute;
top: 50%;
left: 50%;
width: 88px;
height: 88px;
margin: -44px 0px 0px -44px;
}

@media screen and (max-width:767px){
body.theme-etf .mod-panel-tab.of-balloon > .list > li > .button {font-size:1.2rem;}
}

@media screen and (max-width:767px){
li.disabled {display:none !important;}
}

@media screen and (max-width:767px){
.code-data-list {
    max-width: 100%;
}
}

.mod-btn.of-type-1 > .text::before {
	background:url(data:image/jpeg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAABkAAD/4QN/aHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjYtYzE0NSA3OS4xNjM0OTksIDIwMTgvMDgvMTMtMTY6NDA6MjIgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6YjBhMGI3NzItMGRmYi05ZjQyLTgwMzgtN2UxOTg1NTFkODFkIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjc4N0JBMTJCMDFCQjExRTk4MjIzRUI2QjRDNUFFMDlEIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjc4N0JBMTJBMDFCQjExRTk4MjIzRUI2QjRDNUFFMDlEIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE5IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjdlZTM3ZGI2LTgwYjAtZDc0NC05MGQ2LTgzZDU3Yjk1NjU4MiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpiMGEwYjc3Mi0wZGZiLTlmNDItODAzOC03ZTE5ODU1MWQ4MWQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7/7gAOQWRvYmUAZMAAAAAB/9sAhAABAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAgICAgICAgICAgIDAwMDAwMDAwMDAQEBAQEBAQIBAQICAgECAgMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwP/wAARCAASABgDAREAAhEBAxEB/8QAmQABAAMBAAAAAAAAAAAAAAAACQQFBgcBAAEEAwAAAAAAAAAAAAAAAAUDBAYIAAEJEAAABAMFBAkFAQAAAAAAAAADBAUGAhQHARMVNwgAERYXEiIjY1Q1ZTYJITIkNBgZEQAABAMEBQkGBwEAAAAAAAABAgMEERIFABMUByExUTI18EFhUjM0FQYIIkJiI1MXgXJjZDY3GAn/2gAMAwEAAhEDEQA/AE9cq6m/JrTlPGSkpvNzWfRttmoY2qWDLlC2oxjFAAz6qfQT9sJZQ5go5yEwaw0cwYDjhHFjBt3DCWlpoQo0hUZhEWCg6+oPT8I7eQ8QqxU2nrF8ppKMkGjT1CeX2hotigUpa8zKAHUOieBVMckedTDnOoUQOcyYwUPck3In8TwTAh8Zn8LwiWU8TxOYlMOkL6an5rsrnoXl51d2/wCmxqIQmj7MIx0Wo5hnWM8OwxvEL27upVLy8mlu5IzTzezLCabRCNl1YC40PjEacS09GmgVB1h1ObYZgJgGDMIZHT8zjpQUyiGnKsABnFcu+FxQFLDmE8iYJjWEwujaODbCGMOEVKpVzypmErAg73XHngGqAbRjpte/ytUqD6NqGNR8wsWtVz8rLQDAyMYAJRGpyiZEzhUAOqV4scUznQROke6LC8TgRRTn9BqHl9H6Ki6vtTyQsJC8lDk1XTfQ4A+IlPCpLxsTyasmutySAsR9tsJswnwBDcI1kAwg3Yjh/YVOqOXAvjCxZiAlHtD8xQ1QDaYebkIRXLLLhLISnt8+c5EF0KmgYilAo4HFJ0/dSEVTcuJBnbsm85DKgcAOY/y1CbqLib/oNT3irn5Zo1Yn9a3G/mfxI5+XeP3dxxzypupTimW6t7PX9/8AkTHT6u2eFqyYa/NgurAJobJtn4dELOf9T+VRrf3PDL+mffOXiOIcYG/hDGeGwlxMuia+nn+bezaLVuoCjRDVm3HFrG02Jawoq6hGZVdSlExzg6u7aZO+MuMqqjwQLTkeIL9O3DARHHAtDhijLRw2wBwWQwiliW2zgWJgYOxAChoTPqAwaoDsMHLaLTNHL9rnlSXef2UKLhV+qJlK/SDHFV1T3QlFRR0hMM67FcCHOSUBFMQEpCgUDottz8x2dVM8xcuhPP8ALHzozlJ6d4vuJLZOg93Pub3Nvave5bbST1+/2HR+LcJHtuHdqbhn6f1Pgw9h/wBjlqFWaT4XMzK6+8stET9DLv3cS9/d94b0rFtgFf7JLd3x/Nq93lrlt0M/56fzDzLxDg6O53DvRO+9P0/22Ot//9k=) no-repeat;
}
.mod-btn.of-type-1:hover > .text::before {
	background: url(/common/images/icon-link-mail.png) no-repeat;
}
.mod-btn.of-type-1::before {
	border-color: #00b28a;
}

.mod-btn.of-type-1 > .text {
	color: #00b28a;
}
.mod-btn.of-type-1:hover > .text {
	color: #fff;
}
.mod-btn.of-type-1:hover > .text::before {
	url(/common/images/icon-link-mail.png) no-repeat;
}
.mod-btn.of-type-1::before {
	background-color: #fff;
}
.mod-btn.of-type-1:hover::before {
	background-color: #00b28a;
}
/* ETF販社リンク修正 */
a.list-nolink {
  pointer-events:none;
  color:#000000;
}

/* 中央画像 */
.lyt-inner > .image_center {
        text-align: center;
}

.mod-media-fluid_block {
        display: inline-block;
}

.mod-media-fluid_block > div {
        display: inline-block;
}
.mod-media-fluid_block img {
  width: 100%;
}

/* グローバルマーケット */
.of-icon-flag_america > .country-name::after{background-image: url("/market/images/flag_america.png");background-size:contain;}
.of-icon-flag_australia > .country-name::after {background-image: url("/market/images/flag_australia.png");background-size:contain;}
.of-icon-flag_brazil > .country-name::after {background-image: url("/market/images/flag_brazil.png");background-size:contain;}
.of-icon-flag_canada > .country-name::after {background-image: url("/market/images/flag_canada.png");background-size:contain;}
.of-icon-flag_china > .country-name::after {background-image: url("/market/images/flag_china.png");background-size:contain;}
.of-icon-flag_colombia > .country-name::after {background-image: url("/market/images/flag_colombia.png");background-size:contain;}
.of-icon-flag_flag_england > .country-name::after {background-image: url("/market/images/flag_england.png");background-size:contain;}
.of-icon-flag_EU > .country-name::after {background-image: url("/market/images/flag_EU.png");background-size:contain;}
.of-icon-flag_france > .country-name::after {background-image: url("/market/images/flag_france.png");background-size:contain;}
.of-icon-flag_germany > .country-name::after {background-image: url("/market/images/flag_germany.png");background-size:contain;}
.of-icon-flag_hongkong > .country-name::after {background-image: url("/market/images/flag_hongkong.png");background-size:contain;}
.of-icon-flag_india > .country-name::after {background-image: url("/market/images/flag_india.png");background-size:contain;}
.of-icon-flag_indonesia > .country-name::after {background-image: url("/market/images/flag_indonesia.png");background-size:contain;}
.of-icon-flag_japan > .country-name::after {background-image: url("/market/images/flag_japan.png");background-size:contain;background-size:contain;}
.of-icon-flag_korea > .country-name::after {background-image: url("/market/images/flag_korea.png");background-size:contain;}
.of-icon-flag_malaysia > .country-name::after {background-image: url("/market/images/flag_malaysia.png");background-size:contain;}
.of-icon-flag_mexico > .country-name::after {background-image: url("/market/images/flag_mexico.png");background-size:contain;}
.of-icon-flag_newzealand > .country-name::after {background-image: url("/market/images/flag_newzealand.png");background-size:contain;}
.of-icon-flag_norway > .country-name::after {background-image: url("/market/images/flag_norway.png");background-size:contain;}
.of-icon-flag_philippines > .country-name::after {background-image: url("/market/images/flag_philippines.png");background-size:contain;}
.of-icon-flag_poland > .country-name::after {background-image: url("/market/images/flag_poland.png");background-size:contain;}
.of-icon-flag_russia > .country-name::after {background-image: url("/market/images/flag_russia.png");background-size:contain;}
.of-icon-flag_singapore > .country-name::after {background-image: url("/market/images/flag_singapore.png");background-size:contain;}
.of-icon-flag_south_africa > .country-name::after {background-image: url("/market/images/flag_south_africa.png");background-size:contain;}
.of-icon-flag_sweden > .country-name::after {background-image: url("/market/images/flag_sweden.png");background-size:contain;}
.of-icon-flag_switzerland > .country-name::after {background-image: url("/market/images/flag_switzerland.png");background-size:contain;}
.of-icon-flag_taiwan > .country-name::after {background-image: url("/market/images/flag_taiwan.png");background-size:contain;}
.of-icon-flag_thailand > .country-name::after {background-image: url("/market/images/flag_thailand.png");background-size:contain;}
.of-icon-flag_turkey > .country-name::after {background-image: url("/market/images/flag_turkey.png");background-size:contain;}
.of-icon-flag_vietnam > .country-name::after {background-image: url("/market/images/flag_vietnam.png");background-size:contain;}

.mod-hdg-6[class*="of-icon-"] > .country-name {
  position: relative;
  font-size: 2rem;
  padding-left: 60px;
  line-height:2.4;
}
.modal_chart_frame {
  height:88%;
  padding:30px;
}

@media (max-width: 767px){
  .mod-hdg-6[class*="of-icon-"] > .country-name {
    position: relative;
    //font-size: 2.1rem;
    font-size: 1rem;
    padding-left: 50px;
    line-height:initial;
  }
  .mod-hdg-6[class*="of-icon-"] > .graph-title {
    font-size: 1.2rem;
    padding-left: 10px;
  }
  .modal_chart_frame {
    height:88%;
    padding:0px;
  }
 .mod-hdg-6[class*="of-icon-"] > .country-name::before, .mod-hdg-6[class*="of-icon-"] > .country-name::after {
    width: 40px;
    height: 25px;
    top: -.2em;
  }
  .mod-hdg-6[class*="of-icon-"] > .country-name::before, .mod-hdg-6[class*="of-icon-"] > .country-name::after {
    width: 40px;
    height: 20px;
    top: -.2em;
  }
}

.modal-content-wrap .modal-content_graph {
    position: absolute;
    top: 50%;
    left: 50%;
    max-width: 1000px;
    width: calc(100% - 36px);
    padding: 0px;
    height: 90%;
    border-radius: 5px;
    background-color: #fff;
    transform: translate(-50%, -50%);
}