@charset "utf-8";
/* 取引所CFD（くりっく株365） [kabu365] */



/* はじめての方へ 
---------------------------------------------------------------------------------------------- */
@media screen and (max-width: 1300px) {
  .btnType04 a dl dd.item02 {
	  font-size: 25px;
  }
  
  .btnType04 a dl dd .txt02 {
	  font-size: 16px;
  }
}

@media screen and (max-width: 1250px) {
  .btnType04 a dl dd.item02 {
	  font-size: 23px;
  }
  
  .btnType04 a dl dd .txt02 {
	  font-size: 16px;
  }
}



/* 配当相当額 [dividendArea]　
---------------------------------------------------------------------------------------------- */
#dividendArea .col {
	overflow: hidden;
	padding: 25px 0px 10px;
}

#dividendArea .col .ttl {
	margin-bottom: 10px;
	font-size: 18px;
	font-size: 1.8rem;
	line-height: 1.6;
	font-weight:bold;
	text-align: center;
}

#dividendArea .col .year {
	margin-bottom: 10px;
	padding: 0px 0;
	font-size: 18px;
	font-weight:bold;
	color: #ffffff;
	text-align: center;
	letter-spacing: 1px;
	background: #999999;
}

#dividendArea .col .year .number {
	font-size: 30px;
	font-weight:bold;
	color: #ffffff;
}

#dividendArea .col figure {
	max-width: 150px;
	width: 100%;
	margin: 0 auto 25px;
}

#dividendArea .col .total {
	padding: 0 10px;
	font-size: 18px;
	font-size: 1.8rem;
	font-weight:bold;
	text-align: center;
	line-height: 1.6;
}

#dividendArea .col .total span {
	font-size: 26px;
	font-size: 2.6rem;
	font-weight:bold;
	color: #ba001b;
}

#dividendArea .col .total .txtRed {
	font-size: 18px;
	font-size: 1.8rem;
	font-weight:bold;
	line-height: 1.6;
	color: #ba001b;
}

#dividendArea .col dl {
}

#dividendArea .col dl dt {
	margin-bottom: 10px;
	padding: 5px 0;
	font-size: 18px;
	font-size: 1.8rem;
	font-weight:bold;
	color: #ffffff;
	text-align: center;
	background: #999999;
}

#dividendArea .col dl dd {
	font-size: 18px;
	font-size: 1.8rem;
	font-weight:bold;
	text-align: center;
}
#dividendArea .col dl dd.totalDividend{
	margin-bottom: 15px;
	font-size: 22px;
	font-size: 2.2rem;
}
#dividendArea .col dl dd span{
	font-size: 26px;
	font-size: 2.6rem;
	color: #ba001b;
}
#dividendArea .col dl dd.totalDividend span{
	font-size: 30px;
	font-size: 3.0rem;
}

#dividendArea .col .pgh-plain-02 {
	font-size:75%;
	text-align:left;
	padding: 1em 10px 0;
}

@media screen and (max-width: 1230px){
  #dividendArea .col .total {
	  font-size: 16px;
	  font-size: 1.6rem;
  }
  
  #dividendArea .col .total span {
	  font-size: 23px;
	  font-size: 2.3rem;
  }
  
  #dividendArea .col .total .txtRed {
	  font-size: 16px;
	  font-size: 1.6rem;
  }
}
@media screen and (max-width: 1135px){
  #dividendArea .col .boxL {
	  float: left;
	  width: 28%;
	  padding: 0 0 0 4%;
  }
  
  #dividendArea .col .boxR {
	  float: left;
	  width: 60%;
	  padding: 0 4%;
  }
  #dividendArea .col .ttl {
	  font-size: 18px;
	  font-size: 1.8rem;
  }

  #dividendArea .col figure {
	  max-width: 190px;
	  margin: 0 auto;
  }

  #dividendArea .col .total {
	  padding: 0;
	  font-size: 20px;
	  font-size: 2.0rem;
	  text-align: left;
  }
  
  #dividendArea .col .total span {
	  font-size: 29px;
	  font-size: 2.9rem;
  }
  
  #dividendArea .col .total .txtRed {
	  font-size: 20px;
	  font-size: 2.0rem;
  }
  
  #dividendArea .col dl {
	  padding: 0;
  }
  
  #dividendArea .col dl dt {
	  font-size: 16px;
	  font-size: 1.6rem;
  }
  
  #dividendArea .col dl dd {
	  font-size: 16px;
	  font-size: 1.6rem;
  }
  #dividendArea .col .pgh-plain-02 {
	  padding: 1em 0 0;
  }

}
@media screen and (max-width: 810px){
  #dividendArea .col .total {
	  font-size:19px;
	  font-size: 1.9rem;
  }
  
  #dividendArea .col .total span {
	  font-size: 26px;
	  font-size: 2.6rem;
  }
  
  #dividendArea .col .total .txtRed {
	  font-size:19px;
	  font-size: 1.9rem;
  }
}
@media screen and (max-width: 500px){
  #dividendArea .col .boxL {
	  float: left;
	  width: 22%;
	  padding: 0 0 0 4%;
  }
  
  #dividendArea .col .boxR {
	  float: left;
	  width: 66%;
	  padding: 0 4%;
  }

  #dividendArea .col .ttl {
	  font-size: 16px;
	  font-size: 1.6rem;
  }

  #dividendArea .col .year {
	  font-size: 16px;
  }
  
  #dividendArea .col .year .number {
	  font-size: 26px;
  }

  #dividendArea .col .total {
	  font-size: 17px;
	  font-size: 1.7rem;
  }
  
  #dividendArea .col .total span {
	  font-size: 24px;
	  font-size: 2.4rem;
  }
  
  #dividendArea .col .total .txtRed {
	  font-size: 17px;
	  font-size: 1.7rem;
  }
}
@media screen and (max-width: 440px){
  #dividendArea .col .ttl {
	  line-height: 1.3;
  }

  #dividendArea .col .year {
	  font-size: 15px;
  }
  
  #dividendArea .col .year .number {
	  font-size: 21px;
  }

  #dividendArea .col .total {
	  font-size: 16px;
	  font-size: 1.6rem;
  }
  
  #dividendArea .col .total span {
	  font-size: 21px;
	  font-size: 2.1rem;
  }
  
  #dividendArea .col .total .txtRed {
	  font-size: 16px;
	  font-size: 1.6rem;
  }
  #dividendArea .col dl dt {
	  font-size: 15px;
	  font-size: 1.5rem;
  }
  
  #dividendArea .col dl dd {
	  font-size: 15px;
	  font-size: 1.5rem;
  }
}

@media screen and (max-width: 375px){
  #dividendArea .col .total {
	  font-size: 14px;
	  font-size: 1.4rem;
  }
  
  #dividendArea .col .total span {
	  font-size: 19px;
	  font-size: 1.9rem;
  }
  
  #dividendArea .col .total .txtRed {
	  font-size: 14px;
	  font-size: 1.4rem;
  }
  #dividendArea .col dl dt {
	  font-size: 14px;
	  font-size: 1.4rem;
  }
  
  #dividendArea .col dl dd {
	  font-size: 14px;
	  font-size: 1.4rem;
  }
}




/* 手数料・証拠金 
---------------------------------------------------------------------------------------------- */
table figure {
	margin-right: 0.7em;
	vertical-align: middle;
	display: inline-block;
}

table .product {
	min-width: 270px;
}

table .magnification {
	min-width: 120px;
}
@media screen and (max-width: 768px){
  table .product {
	  min-width: 220px;
  }
  
  table .magnification {
	  min-width: 60px;
  }
}



/* 投資情報 
---------------------------------------------------------------------------------------------- */
/*#tradingToolArea .unit-02 .toolBox .lead {
	margin-bottom: 20px;
}
*/
/*#tradingToolArea .btnType01 li {
    width: 80%;
    margin: 0 auto;
    font-weight: bold;
}
*/