@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Raleway&display=swap');
html {scroll-behavior: smooth;}
body {margin:0;padding:0;font-family: 'Raleway', sans-serif;font-size:100%;line-height:1.15em;}
.wrp{width:100%;margin:auto;text-align:left;}
.row{width:100%}
.row [class^=col]{float:left;padding:1.5em 5%;min-height:.125rem;}

.col-1-10,.col-2-10,.col-3-10,.col-4-10,.col-5-10,.col-6-10,.col-7-10,.col-8-10,.col-9-10,.col-10-10,.col-1-12,.col-2-12,.col-3-12,.col-4-12,.col-5-12,.col-6-12,.col-7-12,.col-8-12,.col-9-12,.col-10-12,.col-11-12,.col-12-12, .sm-full{width:90%}

.col-2-10-sm, .col-4-12-sm{width:40%}
.row::after{content:"";display:table;clear:both}

@media only screen and (min-width:45em){
	
	.wrp {max-width:120rem}
	.row [class^=col] {padding:1.5em 2%;}
	
	.col-1-12 {width:4.33%}
	.col-2-12 {width:12.66%}
	.col-3-12 {width:21%}
	.col-4-12, .col-4-12-sm {width:29.33%}
	.col-5-12 {width:37.66%}
	.col-6-12 {width:46%}
	.col-7-12 {width:54.33%}
	.col-8-12 {width:62.66%}
	.col-9-12 {width:71%}
	.col-10-12 {width:79.33%}
	.col-11-12 {width:87.66%}
	.col-12-12,.col-10-10 {width:96%}
	
	.col-1-10 {width:6%}
	.col-2-10, .col-2-10-sm {width:16%}
	.col-3-10 {width:26%}
	.col-4-10 {width:36%}
	.col-5-10 {width:46%}
	.col-6-10 {width:56%}
	.col-7-10 {width:66%}
	.col-8-10 {width:76%}
	.col-9-10 {width:86%}
}

.bg-drk {background:#F1F1F1;}
.bg-grn {background:#78BE21; color:#FFFFFF; }
.bg-nat {background:#F5F5F5;}
.bg-lht {background:#F9F9F9;}
.bg-pef {}
.bg-blk {background:#000;color:#FFF;}
.bg-slv {background:rgba(153, 153, 153, 0.75);color:#FFF;}
.bg-gld {background:rgba(178, 148, 0, 0.75);color:#FFF;}
.bg-red {background:rgba(178, 0, 0, 0.75);color:#FFF;}
.bg-grn-drk {background:rgba(60, 95, 16, 0.75);color:#FFF;}
.bg-grn-nat {background:rgba(90, 142, 25, 0.75);color:#FFF;}
.bg-grn-lht {background:rgba(120, 190, 33, 0.75);color:#FFF;}

/* new products start */

.bg-img-avatar { background-color:black; background-image:url(images/avatar.jpg); background-size:contain; background-position-x:center; background-position-y:-450px; background-repeat:repeat; }
@media (max-width: 640px) {
	.bg-img-monalisa { background-color:black; background-image:url(images/monalisa.jpg); background-size:contain; background-position-x:center; background-position-y:50px; background-repeat:repeat-y; }
}
@media (min-width: 641px) {
	.bg-img-monalisa { background-color:black; background-image:url(images/monalisa.jpg); background-size:contain; background-position-x:center; background-position-y:0px;  background-repeat:repeat-y; }
}
@media (max-width: 640px) {
	.bg-img-seminar { background-color:black; background-image:url(images/seminar_image.jpg); background-size:contain; background-position-x:center; background-position-y:80px; background-repeat:repeat-y; }
	.slide_copy { font-size:12pt; }
}
@media (min-width: 641px) {
	.bg-img-seminar { background-color:black; background-image:url(images/seminar_image.jpg); background-size:contain; background-position-x:center; background-position-y:0px; background-repeat:repeat-y; }
	.slide_copy { font-size:24pt; }
}


.footer-prd {
	display:flex; 
	flex-direction:row; 
}

@media (max-width: 640px) {
	.footer-prd {
		display:flex; 
		flex-direction:column; 
	}
}

/* new products end */

.bg-img {position:relative;color:#FFF;} .bg-img::after{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;background-size:cover;background-position:50% 50%;}
.bg-img-hongkong::after {background-image: url(images/intro-superfund-us-hongkong.jpg);}
.bg-img-vienna::after {background-image: url(images/intro-superfund-us-vienna.jpg);}
.bg-img-tokio::after {background-image: url(images/intro-superfund-us-tokio.jpg); background-size:contain; background-position-x:center; background-position-y:100px;  background-repeat:repeat-y; }
.bg-img-shanghai::after {background-image: url(images/intro-superfund-us-shanghai.jpg);}
.bg-img-chicago::after {background-image: url(images/intro-superfund-us-chicago.jpg);}
.bg-img-ny::after {background-image: url(images/intro-superfund-us-ny.jpg);}
.bg-img-silver::after {background-image: url(images/intro-silver.jpg);}
.bg-img-gold::after {background-image: url(images/intro-gold.jpg);}
.bg-img-zlotowki::after {background-image: url(images/intro-zlotowki.jpg);}
.bg-img-cb-office::after {background-image: url(images/cb-office.jpg);}
.bg-img-chartscreen-mq::after {background-image: url(images/chartscreen-mq.jpg);}
.bg-img-arrowup-mq::after {background-image: url(images/arrowup-mq.jpg);}
.bg-img-bull-mq::after {background-image: url(images/bull-mq.jpg);}
.bg-img-columns-mq::after {background-image: url(images/columns-mq.jpg);}
.bg-img-leafgrow-mq::after {background-image: url(images/leafgrow-mq.jpg);}
.bg-img-copper-mq::after {background-image: url(images/copper-mq.jpg);}
.bg-img-wheat-mq::after {background-image: url(images/wheat-mq.jpg);}
.bg-img-oil-mq::after {background-image: url(images/oil-mq.jpg);}
.bg-img-precmetals-mq::after {background-image: url(images/precmetals-mq.jpg);}
.bg-img-stocks-mq::after {background-image: url(images/stocks-mq.jpg);}
.bg-img-bonds-mq::after {background-image: url(images/bonds-mq.jpg);}
.bg-img-currencies-mq::after {background-image: url(images/currencies-mq.jpg);}
.bg-img-coffee-mq::after {background-image: url(images/coffee-mq.jpg);}
.bg-img-silver-mq::after {background-image: url(images/silver-mq.jpg);}
.bg-img-gold-mq::after {background-image: url(images/gold-mq.jpg);}
.bg-img-parkiet-portfel-mq::after {background-image: url(images/parkiet-portfel-mq.jpg);}
.bg-img-ao-alfy-mq::after {background-image: url(images/ao-alfy-mq.jpg);}
.btn {font-family:'Bebas Neue', sans-serif;font-size:125%;line-height:1.15em;background:#78BE21;color:#FFF;padding:.25em .5em;margin:0;text-decoration:none;font-weight:normal;white-space:nowrap;border:0;border-radius:.1em;cursor:pointer;}
.btn:hover {text-decoration:none;color:#FFF !important;}
.btn-box {position:relative;}
.btn-box > *:last-child {padding-bottom:2em;}
.btn-box .btn:last-child {position:absolute;bottom:1em;right:1em;}
.btn-box .btn:nth-last-child(2) {position:absolute;bottom:1em;left:1em;background:#999999;}
.btn-box .btn.inln {position:static;font-size:100%;padding:0 .5em;}
p {font-family:'Raleway',sans-serif;margin:0;padding:0;color:inherit;}
.txt p {margin-bottom: .5em;}
a {text-decoration:none;}
a, a:hover {color:inherit;}
a:hover {text-decoration:underline;}
h1 {font-size: 300%; font-family:'Bebas Neue', sans-serif;font-weight:normal;line-height:1em;margin:0;padding:0;color:inherit;}
h2 {font-size: 200%; font-family:'Bebas Neue', sans-serif;font-weight:normal;line-height:1.15em;margin:0;padding:0;color:inherit;}
h3 {font-size: 100%; font-family:inherit;font-weight:bold; line-height:1.15em; margin:.5em 0;padding:0; color:inherit; text-transform:uppercase;}
.txt h3 {margin: 2em 0;}
h4 {font-size: 100%; font-family:'Bebas Neue', sans-serif;font-weight:normal;line-height:1.15em;margin:0;padding:0;color:inherit;}
ul {margin:0 0 1em 0;padding:0;}
li {margin:0;padding:0;list-style:none;line-height:1.15em;}
.txt li {margin-left:1.5em;margin-bottom:1em;}
input[type=text] {line-height:1.15em;background:#FFF;color:#000;padding:.5em;margin:0 0 .25em;font-family:inherit;border:0;border-radius:.1em;}
nav {position:fixed;width:100%;z-index:99;}
nav + div.wrp {padding-top:4.5em;}
nav a.home {position:absolute;top:1em;left:50%;transform:translate(-50%, 0);width:12em;height:3em;}
nav [class^=col] {background-image: url(images/sflogo.svg?v=new);background-repeat:no-repeat;background-size:12em 3em;background-position:50% 1em;}
nav ul {margin:0;}
/* nav ul li {display:inline-block;padding:0 1%;margin:0;position:relative;} */
nav ul li {display:inline-block; margin:0; position:relative; }
nav a {text-transform:uppercase;font-weight:bold;}
nav a:hover {color:#FFFFFF;text-decoration:underline;}
.nav-btn {cursor:pointer;text-align:center;overflow:hidden;}
.nav-btn:after {content:"\02261";font-size:200%;line-height:1em;}
.nav-click .nav-btn:after {content:"\000D7";}
.nav-full {display:none;}
.nav-compact {display:block;float:right;padding:0 2%;}
@media only screen and (min-width:55em) {
	nav [class^=col] {text-align:right;background-position:1em 50%;}
	nav a.home {top:50%;left:1em;transform:translate(0, -50%);}
	.nav-full {display:inline-block;}
	.nav-compact {display:none;}
}
.nav-click .nav-full {display:block;float:left;width:96%;padding:1em 2%;}
.idnt {padding:5% 0 0 10%;}
.rsk p, .rsk .idnt {width:44%;display:inline-block;padding-top:0;}
.rsk h2 {color:#FFF;}
@media only screen and (min-width:45em) {
	.rsk p, .rsk .idnt {width:auto;display:block;}
	.rsk .idnt {padding-top:5%;}
}
.lft {text-align: left;}
.rht {text-align: right;}
.cnt {text-align: center;}
.rel {position: relative;}
.bld {font-weight:bold;}
.beb {font-size:125%;font-family:'Bebas Neue', sans-serif;font-weight:normal;}
.big {font-size:150%;}
.blk {color:#000;}
.mid {position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);}
.sml {font-size:80%;line-height:1em;}
.grn {color: #78BE21}
.gld {color: #B29400;}
.slv {color: #999999;}
footer h4 {font-size:200%;}
footer .sml {font-size:100%;line-height:1.15em;}
@media only screen and (min-width:45em){
	footer h4 {font-size:100%;}
	footer .sml {font-size:80%;line-height:1em;}
}
.sm-hidden {display:none;}
@media only screen and (min-width:45em){
	.sm-hidden {display:block;}
}
.sm-breake::after {content:"";display:table;clear:both;}
@media only screen and (min-width:55em){
	.sm-breake::after {display:none;}
}
.hidden {display:none;}
#slides {position:relative;color:#FFF;}
#slides::after {content:'<div></div>';position:absolute;top:0;left:0;width:100%;height:100%;z-index:-2;background:black;}
#slides .idnt {padding:5% 10%;}
@media only screen and (min-width:45em){
	#slides-h {font-size: 400%;}
}
#slides-btn {float:left;margin:2em 0;}
#slides-brochure {float:right;}
.slide {position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;opacity:0;-webkit-transition: opacity 1s;-moz-transition: opacity 1s;-o-transition: opacity 1s;transition: opacity 1s;}
.slide-show {opacity:1;}
.slides-prev, .slides-next {cursor:pointer;position:absolute;top:50%;transform:translate(0, -50%);padding:0;font-family:'Bebas Neue', sans-serif;font-size:1000%;opacity:.25;}
.slides-prev::after {content:'\2039';} .slides-next::after {content:'\203A';}
.slides-prev {left:-1%;} .slides-next {right:-1%;}
@media only screen and (min-width:55em){
	.slides-prev {left:0;} .slides-next {right:0;}
	.slides-prev, .slides-next {padding:1%;opacity:0;-webkit-transition: opacity .5s;-moz-transition: opacity .5s;-o-transition: opacity .5s;transition: opacity .5s;}
	#slides .idnt:hover .slides-prev, #slides .idnt:hover .slides-next {opacity:1;}
}
select {font-size:100%; font-family: 'Raleway', sans-serif; font-weight:normal;line-height:1em;border:1px solid #000;border-radius:.2em;margin:0;padding:.5em 2%;width:100%;}
select option:disabled {font-size:150%;font-family:'Bebas Neue', sans-serif;font-weight:normal;}
table {width:100%;border-collapse: collapse;}
table th, table td {padding:.25em 0;}
.docs table tr td {vertical-align:top;}
.docs table tr td.date {white-space:nowrap;width:4em;}
.docs table tr td.date-spacer {padding:.25em .5em;}
.docs table tr td a {font-weight:bold;}
.docs-full table tr {border-bottom: .15em solid #F9F9F9;}
@media only screen and (min-width:55em){
	.docs-full table tr td.date-spacer {display:none;}
	.docs-full table tr td.date {width:8em;}
}
.rtable table {width:100%;table-layout: fixed;border-collapse: collapse;}
.rtable table th {border-bottom: .2em solid #F1F1F1;}
.rtable table td {border-bottom: .15em solid #F9F9F9;}
.rtable table th, .rtable table td {text-align:right;font-size:80%;}
.rtable table th:nth-child(1), .rtable table td:nth-child(1) {font-weight:bold;text-align:left;width:3em;} 
@media only screen and (min-width:45em){
	.rtable table th, .rtable table td {font-size:80%;}
}
@media only screen and (min-width:55em){
	.rtable table th, .rtable table td {font-size:90%;}
}
@media only screen and (min-width:65em){
	.rtable table th, .rtable table td {font-size:100%;}
}
.ptable table {width:100%;table-layout: fixed;border-collapse: collapse;}
.ptable table tr.ptname {border-bottom: .2em solid #F1F1F1;padding-top:3em;}
.ptable table tr.ptname th {padding:3em 0 .5em 0;text-transform:uppercase;}
.ptable table tr.ptname th, .ptable table tr.ptprice td {background: none;}
.ptable table tr.ptresultshead td {font-size:70%;padding:.5em .5em 0 .5em;}
.ptable table tr.ptresults td {font-size:80%;font-family:'Bebas Neue', sans-serif;font-weight:normal;line-height:1.15em;text-align:right;margin:0;padding:.5em .25em;color:inherit;}
.ptable .btn {font-size:100%;}
.ptable .tview .btn {display:none;}
@media only screen and (min-width:35em){
	.ptable table tr.ptresults td {font-size:100%;}
}
@media only screen and (min-width:45em){
	.ptable table tr.ptresultshead td {font-size:80%;}
	.ptable table tr.ptresults td {font-size:120%;}
}
@media only screen and (min-width:55em){
	.ptable table tr.ptresultshead td {font-size:90%;}
	.ptable table tr.ptresults td {font-size:160%;}
}
@media only screen and (min-width:65em){
	.ptable table tr.ptresultshead td {font-size:100%;}
	.ptable table tr.ptresults td {font-size:200%;}
}
#amcharts-div {width:100%;height:360px;max-width:100%;margin:auto;}
#amcharts-controls {overflow:hidden;width:100%;max-width:100%;margin:auto;}
@media only screen and (min-width:45em) {
	#amcharts-div {width:85%;height:500px;max-width:85%;margin:auto;}
	#amcharts-controls {overflow:hidden;width:85%;max-width:85%;margin:auto;}
}
#amcharts-controls button.active {background:#78BE21;color:#FFF;}
.amcharts-range-selector-period-button {font-family:inherit;font-size:80%;line-height:1em;padding:.5em 1em;border:none;background:rgba(115, 115, 115, 0.1);text-decoration:none;border-radius:2px;margin:.5em 0 0 .5em !important;cursor:pointer;}
.amcharts-date-pick {font-size: 200%; font-family:'Bebas Neue', sans-serif;font-weight:normal;line-height:1.15em;margin:0;padding:0;color:inherit;float:right;background:inherit;border:0 !important;outline:none !important;text-align:right;cursor:pointer;width:95%;}

input.amcharts-date-pick::-webkit-calendar-picker-indicator {font-size:50%;padding:0;margin:0 0 0 .5em;}
.amcharts-date-info {font-weight:normal;}
.amcharts-date-info:before {content:"";display:table;clear:both;}
@media only screen and (min-width:45em){
	.amcharts-date-info:before {display:none;}
	.amcharts-date-info {float:right;}
}
.amcharts-donut {float:left;width:100%;height:15em;padding-bottom:2em;}
.amcharts-legend {float:right;width:100%;}
@media only screen and (min-width:100em) {
	.amcharts-donut {width:50%;}
	.amcharts-legend {width:50%;margin-top:2.5%;}
}
.ratings {float:right;width:100%;text-align:center}
.ratings img {height:36px;margin:2% 2% 0 2%;}
@media only screen and (min-width:45em){
	.ratings {width:90%;text-align:right;}
	.ratings img {margin:0 1%;}
}

/* PC（デフォルト）＝横並び */
.parent {
    display: flex;
    flex-wrap: wrap;
}

.ticker-infobox {
	width: 21%;
}

@media (max-width: 768px) {
	.col-10-10 h1 {
		font-size: 180%;   /* ← 好みに応じて調整可能 */
		line-height: 1.1em;
	}
	.parent {
		flex-direction: column; /* ← これだけで縦一列になる */
	}
	.ticker-infobox {
		width: 90%;
	}
}

/*
.new { 
	margin-left:1em; 
	border-radius: 10px; 
	background: rgba(178, 0, 0, 0.75); 
	padding: 2px 7px 2px 7px;
	width: fit-content; 
	color: white; 
	/*float: right;
	animation: superstar 1s cubic-bezier(.77,0,.18,1) infinite alternate; 
} 
@keyframes superstar { 
	0% { 
		text-shadow: 0 0 10px #ff1493, 0 0 5px #fff, 0 0 13px #ffc0cb; 
	} 
	90% { 
		text-shadow: 0 0 60px #ff1493, 0 0 15px #fff, 0 0 40px #ffc0cb; 
	} 
}
.soon { 
	margin-left:0em; 
	border-radius: 10px; 
	background: rgba(97, 125, 149, 0.75); 
	padding: 2px 7px 2px 7px;
	width: fit-content; 
	color: white; 
	/*float: right;
	animation: soonblue 1s cubic-bezier(.77,0,.18,1) infinite alternate; 
	white-space: nowrap;
} 
@keyframes soonblue { 
	0% { 
		text-shadow: 0 0 10px #ff1493, 0 0 5px #fff, 0 0 13px #ffc0cb; 
	} 
	90% { 
		text-shadow: 0 0 60px #ff1493, 0 0 15px #fff, 0 0 40px #ffc0cb; 
	} 
}
*/

/* IFA テーブル全体の幅を整える */
.IFAparentTable {
	width: 100%;
	max-width: 900px;   /* ← PC で広がりすぎない最適値 */
	margin: 0 auto;	 /* 中央寄せ */
}
/* 各 IFA の個別テーブルも揃える */
.IFATable {
	width: 100%;
	max-width: 900px;   /* 親と揃える */
	margin: 0 auto;
	border-collapse: collapse;
}
/* 行間と余白を整えて読みやすく */
.IFATable td {
	padding: 0.4rem 0.6rem;
	vertical-align: top;
}
/* 地域名（IFAregionName）を見やすく */
.IFAregionName {
	font-size: 1.3rem;
	font-weight: bold;
	padding: 0.8rem 0.4rem;
}
.IFAname {
	width:50%;
}
.IFAaddr {
	width:50em;
}
.IFAorderBy {
	text-decoration: underline;
	padding-bottom:1em;
	text-align:right;
}
.IFAurl {
	padding-bottom:3em;
	text-decoration: underline;
}
p.Folge {
	font-family: Trebuchet MS, Arial, Helvetica, Sans-Serif;
	font-weight: normal;
	color: #000;
	font-size: 10pt;
	line-height: 20px;
	margin-bottom: 20px;
}
.contactbox {
	margin-top: 2em;
	margin-bottom: 2em;
	padding: 7px 7px 7px 7px;
	width: 35em;
	margin-left: auto;
	margin-right: auto;
	background-color: #ffffff;
	border: 2px solid #69240;
	-moz-box-shadow: 0px 0px 20px #000000;
	-webkit-box-shadow: 0px 1px 0px #000000;
	box-shadow: 0px 1px 0px grey;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffebdb', endColorstr = '#ffbe86');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffebdb', endColorstr = '#ffbe86')";
	background-image: -moz-linear-gradient(top, #ffebdb, #ffbe86);
	background-image: -ms-linear-gradient(top, #ffebdb, #ffbe86);
	background-image: -o-linear-gradient(top, #ffebdb, #ffbe86);
	background-image: -webkit-gradient(linear, center top, center bottom, from(#ffebdb), to(#ffbe86));
	background-image: -webkit-linear-gradient(top, #ffebdb, #ffbe86);
	background-image: linear-gradient(top, #ffebdb, #ffbe86);
}