@charset 'utf-8';

@font-face {
	font-family: 'Noto Sans JP';
	font-style: normal;
	font-weight: 400;
	src: local("Noto Sans CJK JP"),
	local("Noto Sans JP"),
	url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Regular.woff2) format('woff2'),
	url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Regular.woff) format('woff'),
	url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Regular.otf) format('opentype');
}
h3.pgh-plain-01 {
	background-color: #70b157;
	background-image: -moz-linear-gradient( 90deg, rgb(107,167,81) 0%, rgb(117,182,88) 100%);
	background-image: -webkit-linear-gradient( 90deg, rgb(107,167,81) 0%, rgb(117,182,88) 100%);
	background-image: -ms-linear-gradient( 90deg, rgb(107,167,81) 0%, rgb(117,182,88) 100%);
	color: #fff;
	font-size: 154%;
	font-weight: 700;
	font-family: 'Noto Sans JP', sans-serif;
	line-height: 1;
	overflow: hidden;
	padding: 12px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
h3[class^=pgh-plain-] .logo_click365 {
	background: url(/fx/products/images/logo_click365.png) no-repeat 0 0;
	background-size: 100%;
	display: block;
	width: 154px;
	height: 32px;
	margin-right: 12px;
	text-indent: -9999%;
}
.icon_turkeylira {
    color: #ffca61;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.icon_turkeylira::before {
    content: "";
    background: url(/fx/products/images/tryjpy_pair.png) no-repeat center center;
    background-size: 100%;
    display: block;
    width: 100px;
    height: 33px;
    margin-right: 12px;
}
.icon_southAfrica {
	color: #ffca61;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.icon_southAfrica::before {
    content: "";
    background: url(/fx/products/images/zarjpy_pair.png) no-repeat center center;
    background-size: 100%;
    display: block;
    width: 100px;
    height: 33px;
    margin-right: 12px;
}
.icon_mexicopeso {
	color: #ffca61;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.icon_mexicopeso::before {
    content: "";
    background: url(/fx/products/images/mxnjpy_pair.png) no-repeat center center;
    background-size: 100%;
    display: block;
    width: 100px;
    height: 33px;
    margin-right: 12px;
}


section.pgh-center-01 {}

ul.pgh-country-rate {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: flex-end;
}

ul.pgh-country-rate li {
	min-width: 80px;
	margin-left: 25px;
}

ul.pgh-country-rate li figure {
    margin: 0 auto 5px;
}

ul.pgh-country-rate li figure img {
    width: 100%;
    height: 100%;
    border: 1px solid #d1d1d1;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

ul.pgh-country-rate li p {
    font-family: 'Noto Sans JP', sans-serif;
}

p.pgh-country-name {
    background: #313131;
    color: #fff;
    font-size: 80%;
    padding: 2px 0;
}

p.pgh-interestrate {
    font-size: 85%;
    font-weight: bold;
    line-height: 1;
    margin: 10px auto 5px;
}

p.pgh-ratenumber {
    font-weight: 900;
    font-size: 200%;
    line-height: 1;
}

p.pgh-ratenumber::after {
    content: "%";
    font-size: 60%;
}


ul.pgh-country-rate li.rate01 figure {
    width: 216px;
    height: calc(216px * 0.668);
}
ul.pgh-country-rate li.rate02 figure {
    width: 181px;
    height: calc(181px * 0.668);
}
ul.pgh-country-rate li.rate03 figure {
    width: 141px;
    height: calc(141px * 0.668);
}
ul.pgh-country-rate li.rate04 figure {
    width: 106px;
    height: calc(106px * 0.668);
}
ul.pgh-country-rate li.rate05 figure {
    width: 90px;
    height: calc(90px * 0.668);
}
ul.pgh-country-rate li.rate06 figure {
    width: 66px;
    height: calc(66px * 0.668);
}



.zar_jpy01 dl.jpy dt {
	position: relative;
}
.evidence {
	position: absolute;
	display: block;
	width: 100%;
	z-index: 100;
	font-family: 'Noto Sans JP', sans-serif;
}
.evidence > span {
	font-size: 30px;
}
.evidence span.textbody {
	position: absolute;
	display: block;
	width: 100%;
	text-align: center;
	top: 0;
	left: -8px;
	color: rgb(218,136,11);
    background-image: -webkit-gradient( linear, left top, right top, from(rgb(218,136,11)), to(rgb(237,173,47)));
    background-image: -webkit-linear-gradient( left, rgb(218,136,11) 0%, rgb(237,173,47) 100%);
    background-image: -o-linear-gradient( left, rgb(218,136,11) 0%, rgb(237,173,47) 100%);
    background-image: linear-gradient( 90deg, rgb(218,136,11) 0%, rgb(237,173,47) 100%);
	background-image: -moz-linear-gradient( 90deg, rgb(218,136,11) 0%, rgb(237,173,47) 100%);
	background-image: -webkit-linear-gradient( 90deg, rgb(218,136,11) 0%, rgb(237,173,47) 100%);
	background-image: -ms-linear-gradient( 90deg, rgb(218,136,11) 0%, rgb(237,173,47) 100%);
	background-image: none\9;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	z-index: 10;
}
@media all and (-ms-high-contrast:none){
	*::-ms-backdrop, .evidence span.textbody {
		background-image: none\0;
	}
}
.evidence span.textedge {
	color: #fff;
	text-shadow:
    #fff 2px 0px,  #fff -2px 0px,
    #fff 0px -2px, #fff 0px 2px,
    #fff 2px 2px , #fff -2px 2px,
    #fff 2px -2px, #fff -2px -2px,
    #fff 1px 2px,  #fff -1px 2px,
    #fff 1px -2px, #fff -1px -2px,
    #fff 2px 1px,  #fff -2px 1px,
    #fff 2px -1px, #fff -2px -1px;
	z-index: 1;
}
.evidence:after {
	content: "円";
	position: relative;
	z-index: 1;
	color: rgb(218,136,11);
	text-shadow:
    #fff 2px 0px,  #fff -2px 0px,
    #fff 0px -2px, #fff 0px 2px,
    #fff 2px 2px , #fff -2px 2px,
    #fff 2px -2px, #fff -2px -2px,
    #fff 1px 2px,  #fff -1px 2px,
    #fff 1px -2px, #fff -1px -2px,
    #fff 2px 1px,  #fff -2px 1px,
    #fff 2px -1px, #fff -2px -1px;
}
picture.bar {
  position: relative;
  width: 165px;
  height: 133px;
  display: block;
  margin: 50px auto 10px;
}
picture.bar img {
  position: absolute;
  display: block;
  z-index: 1;
  bottom: 0;
  left: 31px;
  margin: 0 auto;
  background-image: -webkit-gradient( linear, left bottom, left top, color-stop(10%, rgb(205,138,0)), color-stop(50%, rgb(227,160,19)), color-stop(90%, rgb(205,138,0)));
  background-image: -webkit-linear-gradient( bottom, rgb(205,138,0) 10%, rgb(227,160,19) 50%, rgb(205,138,0) 90%);
  background-image: -o-linear-gradient( bottom, rgb(205,138,0) 10%, rgb(227,160,19) 50%, rgb(205,138,0) 90%);
  background-image: linear-gradient( 0deg, rgb(205,138,0) 10%, rgb(227,160,19) 50%, rgb(205,138,0) 90%);
  background-image: -moz-linear-gradient( 0deg, rgb(205,138,0) 10%, rgb(227,160,19) 50%, rgb(205,138,0) 90%);
  background-image: -webkit-linear-gradient( 0deg, rgb(205,138,0) 10%, rgb(227,160,19) 50%, rgb(205,138,0) 90%);
  background-image: -ms-linear-gradient( 0deg, rgb(205,138,0) 10%, rgb(227,160,19) 50%, rgb(205,138,0) 90%);
  width: 102px;
}
picture.bar img:first-of-type {
  content: "";
  display: block;
  position: absolute;
  z-index: 10;
  left: 31px;
  background: #ecaf32;
  width: 102px;
  height: 20px;
  border-radius: 51px 51px 51px 51px / 10px 10px 10px 10px;
}
picture.bar img:last-of-type {
  content: "";
  display: block;
  position: absolute;
  z-index: 5;
  bottom: -10px;
  left: 31px;
  background-image: -webkit-gradient( linear, left bottom, left top, color-stop(10%, rgb(205,138,0)), color-stop(50%, rgb(227,160,19)), color-stop(90%, rgb(205,138,0)));
  background-image: -webkit-linear-gradient( bottom, rgb(205,138,0) 10%, rgb(227,160,19) 50%, rgb(205,138,0) 90%);
  background-image: -o-linear-gradient( bottom, rgb(205,138,0) 10%, rgb(227,160,19) 50%, rgb(205,138,0) 90%);
  background-image: linear-gradient( 0deg, rgb(205,138,0) 10%, rgb(227,160,19) 50%, rgb(205,138,0) 90%);
  background-image: -moz-linear-gradient( 0deg, rgb(205,138,0) 10%, rgb(227,160,19) 50%, rgb(205,138,0) 90%);
  background-image: -webkit-linear-gradient( 0deg, rgb(205,138,0) 10%, rgb(227,160,19) 50%, rgb(205,138,0) 90%);
  background-image: -ms-linear-gradient( 0deg, rgb(205,138,0) 10%, rgb(227,160,19) 50%, rgb(205,138,0) 90%);
  width: 102px;
  height: 20px;
  border-radius: 51px 51px 51px 51px / 10px 10px 10px 10px;
}
.zar_jpy01 dl.jpy dd strong {
	font-size: 18px;
	font-weight: 900;
	font-family: 'Noto Sans JP', sans-serif;
	display: block;
}






ul.pgh-swap-point {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}
.interest_diff {}
ul.pgh-swap-point li {
}

ul.pgh-swap-point li.arrow {
    margin: 0 10px;
}

.image01 {
    background: url(/fx/products/attractive/zar_jpy/images/zarjpy_rate_bg.png) repeat-x;
    padding: 0 15px;
}
.image01 .image01_inner {
	display: table;
}
.zarjpy_rate_separate01 {
    display: table-cell;
}
.zarjpy_rate_separate01 p {
	font-size: 13px;
    font-weight: 900;
}
.zarjpy_rate_separate02 {
    display: table-cell;
}
.zarjpy_rate_separate03 {
    display: table-cell;
}
.zarjpy_rate_separate03 p {
	font-size: 13px;
    font-weight: 900;
}
li.image02 {}

li.arrow {}

.image02 .interest_diff {
    background: #ffa93a;
    color: #fff;
    font-weight: 900;
    line-height: 1;
    padding: 10px 0;
}

.interest_rate_expression {
    font-weight: 900;
}

.interest_rate_expression .expression01 {
    font-size: 160%;
}
.interest_rate_expression .expression02 {
    font-size: 160%;
}

.interest_rate_expression .expression01::after,
.interest_rate_expression .expression02::after {
	content: "%";
    font-size: 16px;
}

.interest_rate_expression .result {
    font-size: 240%;
    color: #ed3130;
}
.interest_rate_expression .result::after {
	content: "%";
    font-size: 16px;
    color: #000
}






.swap_wrapper {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.swap_wrapper ul {
	min-width: 740px;
}
.swap_wrapper ul li {
	font-family: 'Noto Sans JP', sans-serif;
}
.swap_title {
	border-bottom: 2px solid #488235;
	font-size: 125%;
	font-weight: 900;
}
.swap_title.tr::after {
	content: "";
	background: url(/fx/products/images/tryjpy_pair.png) no-repeat center center;
	background-size: 100%;
	display: inline-block;
	width: 100px;
	height: 33px;
	margin-bottom: -3px;
}
.swap_title.za::after {
	content: "";
	background: url(/fx/products/images/zarjpy_pair.png) no-repeat center center;
	background-size: 100%;
	display: inline-block;
	width: 100px;
	height: 33px;
	margin-bottom: -3px;
}
.swap_title.mx::after {
	content: "";
	background: url(/fx/products/images/mxnjpy_pair.png) no-repeat center center;
	background-size: 100%;
	display: inline-block;
	width: 100px;
	height: 33px;
	margin-bottom: -3px;
}
.swap_performance {
	font-size: 140%;
	font-weight: 900;
	margin-top: 5px;
	-webkit-font-feature-settings: "palt";
	font-feature-settings : "palt";
}
.swap_performance .red {
	color: #ee2629;
}
.swap_performance strong {
	font-size: 130%;
	font-weight: 900;
	margin-right: 0.7em;
}






/** weekly swap point */
.tblWrapper {
	
}
.tblWrapper section {
	
}
.tblWrapper section > div {
	
}
.tblWrapper ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.tblWrapper li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	border: 1px solid #dddddd;
	border-right-width: 0;
	width: calc((100% - 240px) / 5);
	text-align: center;
	font-size: 95%;
}
.tblWrapper li time {
	background-color: #85898e;
	font-weight: normal;
	color: #ffffff;
	padding: 0.8em .3em;
}
.tblWrapper li p {	
	padding: 0.8em .3em;
}
.tblWrapper li.threepointleader {
	
width: 80px;
}
.tblWrapper li.threepointleader time {
	
}
.tblWrapper li.threepointleader p {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	height: 3.2em;
}
.tblWrapper li:last-of-type {
	width: 160px;
	border-right-width: 1px;
}
.tblWrapper li:last-of-type p {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	height: 2.25em;
}



.tbl-data-01.lay-space-btm-02 {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.tbl-data-01.lay-space-btm-02 td {
	background-color: #f8f8f8;
	width: 33.33%;
}
.tbl-data-01.lay-space-btm-02 td > div {
	height: 320px;
	width: 100%;
}



/** not table */
.tbl-data-01.lay-space-btm-02 header {
    background-color: #85898e;
    font-weight: normal;
    color: #ffffff;
    text-align: center;
    padding: 0.8em 15px;
    border: 1px solid #dddddd;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.tbl-data-01.lay-space-btm-02 article {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.tbl-data-01.lay-space-btm-02 article > div {
	width: 33.33%;
}
.tbl-data-01.lay-space-btm-02 article div:nth-of-type(2) li{
	border-right: 0;
	border-left: 0;
}
.tbl-data-01.lay-space-btm-02 article ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}
.tbl-data-01.lay-space-btm-02 article li {
	background: #f3f3f3;
	border: 1px solid #dddddd;
	color: #333333;
	padding: 0.8em 15px;
	text-align: center;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.tbl-data-01.lay-space-btm-02 article li > div {min-height: 300px;}
.tbl-data-01.lay-space-btm-02 article li:nth-of-type(odd) {
	border-top: 0;
	border-bottom: 0;
}
.tbl-data-01.lay-space-btm-02 article li:nth-of-type(even) {
	background: #f8f8f8;
}

.tbl-data-01.lay-space-btm-02 article b {
	font-weight: 400;
}
@media print, screen and (min-width: 1025px){
.zar_jpy01{
    margin: 0 0 0 120px!important;
}
}
@media print, screen and (min-width: 1440px){
.zar_jpy01{
    margin: 0 0 0 150px!important;
}
}
@media print, screen and (max-width: 1025px){
.zar_jpy01 {
    margin: 0 0 0 0!important;
}
#maincolumn > div:nth-child(17) > section > article > div.tryjpy_pair_wrap > ul > li:nth-child(1){
	height:118px;
}
#maincolumn > div:nth-child(17) > section > article > div.zarjpy_pair_wrap > ul > li:nth-child(1){
	height:118px;
}
#maincolumn > div:nth-child(17) > section > article > div.mxnjpy_pair_wrap > ul > li:nth-child(1){
	height:118px;
}
.tblWrapper li time{
	height:48px;
}
.swap_performance{
	font-size:130%;
}
.interest_rate_expression .result{
	font-size:210%;
}
p.pgh-interestrate{
	font-size:80%;
}
ul.pgh-country-rate li{
	margin-left: 15px;
}
ul.pgh-country-rate li.rate01 figure {
    width: 135px;
    height: calc(135px * 0.668);
}
ul.pgh-country-rate li.rate02 figure {
    width: 113px;
    height: calc(113px * 0.668);
}
ul.pgh-country-rate li.rate03 figure {
    width: 88px;
    height: calc(88px * 0.668);
}
ul.pgh-country-rate li.rate04 figure {
    width: 66px;
    height: calc(66px * 0.668);
}
ul.pgh-country-rate li.rate05 figure {
    width: 56px;
    height: calc(56px * 0.668);
}
ul.pgh-country-rate li.rate06 figure {
    width: 42px;
    height: calc(42px * 0.668);
}
}
.pgh-center-01 img{width:100%}
.zar_jpy02 dl.margin{
	width:100%!important;
}
.zar_jpy02 dl.margin dt{
	width:30%!important;
}
.zar_jpy02 dl.margin dd{
	width:70%!important;
}


/* 棒グラフ表示崩れの暫定対応 */
@media screen and (max-width: 768px){
.zar_jpy-box-02 {
    min-height: 360px!important;
    padding-top: 100px 10px 10px 10px!important;
}
}
@media screen and (min-width: 768px){
.zar_jpy-box-02 {
    min-height: 300px!important;
    padding: 50px 10px 10px 10px!important;
}
}

/* 一日当たり平均 */
.average {
	margin:0 auto;
	max-width:320px;
	font-size:24px;
	font-weight:700;
	border-bottom:solid 5px #ffa93a;
}
	.average span {
		font-size:36px;
		color:#FB0000;
	}