﻿@charset "utf-8";


/* テーマのチカラ・エミンチャンネル */

#tradeinfo_theme-chikara h2.ttl-h2-01 span,
#tradeinfo_emin-channel h2.ttl-h2-01 span {
	font-size:77%;
}

#tradeinfo_theme-chikara #movieArea,
#tradeinfo_emin-channel #movieArea {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	margin-bottom: 10px;
}
#tradeinfo_theme-chikara #movieArea iframe,
#tradeinfo_emin-channel #movieArea iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}



/* 3分でわかる株式投資 */

#tradeinfo_kabu-3minutes h2.ttl-h2-01 span {
	font-size:77%;
}

#tradeinfo_kabu-3minutes #movieArea {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	margin-bottom: 10px;
}
#tradeinfo_kabu-3minutes #movieArea iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
#tradeinfo_kabu-3minutes .nav-go-03 {
	background-color:#f6f6f6;
	padding:20px 30px 0;
}
#tradeinfo_kabu-3minutes .nav-go-03 li {
	margin-bottom: 1em;
}




#kabu3minutesList {
	border-top:solid 1px #dddddd;
}
	#kabu3minutesList dl {
		border:solid 1px #dddddd;
		border-width:0 1px 1px 1px;
	}
	#kabu3minutesList dt,
	#kabu3minutesList dd {
		display:table-cell;
	}
	#kabu3minutesList dt {
		width:200px;
		border-right:solid 1px #dddddd;
		vertical-align:middle;
		text-align:center;
		background-color:#f4f4f4;
	}
	#kabu3minutesList dd {
		width:797px;
	}
		#kabu3minutesList dd p {
			padding:5px 20px;
			font-weight:bold;
			font-size:117%;
			cursor:pointer;
			position:relative;
		}


		#kabu3minutesList dd p.open::before {
			content: "";
			display: block;
			width: 1.2rem;
			height: 2px;
			background-color: #666;
			position: absolute;
			top: calc(50% - 0.1rem);
			right: 15px;
			transform: rotateZ(0deg);
			transition: transform .2s ease;
		}
		#kabu3minutesList dd p.open::after {
			content: "";
			display: block;
			width: 1.2rem;
			height: 2px;
			background-color: #666;
			position: absolute;
			top: calc(50% - 0.1rem);
			right: 15px;
			transform: rotateZ(90deg);
			transition: transform .2s ease;
		}
		#kabu3minutesList dd p.open.active:before {
			transform: rotateZ(180deg);
		}
		#kabu3minutesList dd p.open.active:after {
			transform: rotateZ(0deg);
		}




		#kabu3minutesList dd a {
			display:block;
		}
		#kabu3minutesList dd ul {
			border-top:solid 1px #dddddd;
			display:none;
		}
		#kabu3minutesList dd li {
			padding:5px 20px;
			border-bottom:solid 1px #dddddd;
		}
		#kabu3minutesList dd li:last-child {
			border:none;
		}

@media screen and (max-width: 768px){

	#kabu3minutesList dt,
	#kabu3minutesList dd {
		width:100%;
		display:block;
	}
	#kabu3minutesList dt {
		padding:10px 0;
	}

}




/* 株と為替の売買シナリオ */

#tradeinfo_daily_takebe #movieArea {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	margin-bottom: 10px;
}
#tradeinfo_daily_takebe #movieArea iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
#tradeinfo_daily_takebe .nav-go-03 li {
	margin-bottom:1.5em;
}
#tradeinfo_daily_takebe .btnBg01 {
margin-bottom:2em;
}
#tradeinfo_daily_takebe .btnBg01.none {
display:none;
}



.sosyal {
  margin: 50px auto;
}
.sosyal a {
  color:#fff;
  text-decoration:none;
}
.facebook {
  background-color: #2e4a88;
  box-shadow: 0 4px 0 #1B3D82;
  text-shadow: 0 -1px -1px #1B3D82;
  
  display: inline;
  position: relative;
  font-family: Arial;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  color: white;
  border-radius: 5px;
  padding: 14px 80px;
}
.facebook:hover {
  background-color: #354F84;
}
.facebook:active {
  top: 2px;
	box-shadow: 0 2px 0 #1B3D82;
}
.twitter {
  background-color: #008DDE;
  box-shadow: 0 4px 0 #0078BD;
  
  display: inline;
  position: relative;
  font-family: Arial;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  color: white;
  border-radius: 5px;
  padding: 14px 80px;
}
.twitter:active {
  top: 2px;
	box-shadow: 0 2px 0 #0078BD;
}
.twitter:hover {
  background-color: #1397D8;
}

#youtube_channel {
text-align:right;
position:relative;
margin-bottom:1.5em;
}
	#youtube_channel:before {
	content:"チャンネル登録";
	background:#e62117 url(/tradeinfo/img/daily_takebe_arrow.png) 100% 0 no-repeat;
	background-size:auto 100%;
	color:#fff;
	position:absolute;
	right:200px;
	top:0;
	padding:12px 55px 12px 30px;
	}

	#tradeinfo_theme-chikara #youtube_channel:before {
	right:215px;
	font-size:13px;
	}



@media screen and (max-width: 768px){

	.sosyal a {
	display:block;
	margin-bottom:1em;
	}
	#youtube_channel:before {
	left:0;
	padding:15px 35px 16px 0;
	}

}

