@charset "utf-8";

@media screen and (max-width: 768px){



/* メインナビゲーション */
	#toggle {
		display: none;
	}
	#contentsNavi { /* common */
		height: 40px;
	}
	ul#contentsmainNavi {
		margin: 0;
		padding: 0;
		width: 100%;
		list-style: none;
		text-align: left;
	}
	ul#contentsmainNavi li { /* common */
		position: relative;
		float: left;
		width:50%; /* チャート・投資計算機の2つのみ */
		height: 40px;
	}
	*::-ms-backdrop, ul#contentsmainNavi li {
		width: 50%; /* IE11 */
	}
	ul#contentsmainNavi li a { /* common */
		padding: 0 10px;
		height: 40px;
		font-size: 13px;
		line-height: 38px;
		text-align: center;
	}
	ul#contentsmainNavi li a.naviCur {
		display: block;
		margin: 0;
		padding: 0 10px;
		height: 40px;
		font-size: 13px;
		line-height: 38px;
		background-image: url("../img/naviCur.png");
		background-repeat: no-repeat;
		background-position: bottom center;
	}
	ul#contentsmainNavi li.en a {
		font-size: 12px;
		line-height: 38px;
	}
	ul#contentsmainNavi li.en a.naviCur {
		font-size: 12px;
		line-height: 38px;
	}



/* 操作ボタン関連 */
	ul.mainNavi li a { /* common */
		font-size: 12px;
		line-height: 30px;
	}
	ul.mainNavi li a.naviCur { /* common */
		font-size: 12px;
		line-height: 30px;
	}
	.d5MA,
	.d25MA,
	.Nikkei225,
	.TOPIX,
	.OtherIndex {
		font-size: 8px;
	}



/* 四本値関連 */
	.stockBoardSp { /* common */
		display: none;
	}
	.stockBoard2Sp { /* common */
		display: none;
	}
	.stockBoard { /* common */
		display: block;
		height: 70px;
	}
	ul.stockPriceWrap li.stockTime {
		font-size: 11px;
		line-height: 11px;
	}
	ul.stockPriceWrap li.stockPrice { /* common */
		margin-top: 0;
		font-family: "Arial Black", arial-black, "Arial Bold", arial-bold, Verdana-Bold, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", Osaka, sans-serif;
		font-size: 28px;
		line-height: 28px;
	}
	ul.stockPriceWrap li.stockChange {
		margin-top: 4px;
		font-size: 16px;
	}
	.stockPriceWrapR ul li { /* common */
		width: 80px;
		height: 70px;
		font-size: 12px;
		line-height: 12px;
		/* border-left: ; */
	}
	.stockPriceWrapR ul li.volume {
		width: 105px;
	}
	.stockPriceWrapR ul li span.stockTitle { /* common */
		top: 15px;
		right: 5px;
	}
	.stockPriceWrapR ul li span.stockData { /* common */
		bottom: 15px;
		right: 5px;
		font-size: 14px;
		line-height: 14px;
	}



/* チャート期間指定 */
	.naviymd {
		height: 32px;
	}
	.YMDInput .YMDInputText {
		margin: 6px 0 6px 0;
		padding: 0 1px;
		width: 100px;
		height: 18px;
		font-size: 12px;
		line-height: 18px;
		text-align: center;
		/* border: ; */
		border-radius: 4px;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
	}
	.YMDInput  label {
		font-size: 12px;
	}



/* チャート */
	#chartSp { /* common */
		display: none;
	}
	#chart { /* common */
		display: block;
		height__: 400px;
	}
	.chartPrice .stockTitle {
		font-size: 10px;
		line-height: 10px;
	}
	.chartPrice .stockData { /* common */
		font-size: 12px;
		line-height: 12px;
	}
	#chart_pc {
		margin-bottom: 20px;
		width: 100%;
		height: 380px;
	}
	#chart_sp {
		margin-bottom: 20px;
		width: 100%;
		height: 280px;
	}



/* 適時開示リスト */
	.disclosureWrap .title { /* common */
		font-size: 13px;
	}
	.disclosureList table tr { /* common */
		font-size: 12px;
		line-height: 16px;
	}
	.disclosureList table tr,
	.disclosureList table th,
	.disclosureList table td { /* common */
		padding: 2px 10px;
		font-size: 12px;
		line-height: 16px;
	}



/* 詳細情報 */
	.stockBoardAccordion .title { /* common */
		font-size: 13px;
	}
	.stockPriceSubWrapSp { /* common */
		display: none;
	}
	.stockPriceSubWrap { /* common */
		display: block;
	}
	.stockPriceSubWrap ul li { /* common */
		margin-top: 5px;
		width: 25%;
		height: 40px;
		font-size: 12px;
		line-height: 12px;
	}
	.stockPriceSubWrap ul li span.stockTitle small {
		font-size: 10px;
	}
	.stockPriceSubWrap ul li span.stockData { /* common */
		font-size: 13px;
		line-height: 13px;
	}
	.stockPriceSubWrap ul li span.stockData small {
		font-size: 10px;
	}
	.stockBoardSubText {
		margin-top: 10px;
	}
	.stockBoardSubText p { /* common */
		font-size: 10px;
		line-height: 14px;
	}



/* 配当グラフ */
	#transition {
		position: relative;
		margin-top: 10px;
		padding: 0;
		width: 100%;
		color: #555;
	}
	.transitionSwitch {
		float: right;
		margin: 0;
		padding: 0;
	}
	.transitionSwitch ul {
		margin: 5px 10px 5px 0;
		padding: 0;
		height: 30px;
	}
	.transitionSwitch li {
		float: left;
		width: 120px;
		height: 30px;
	}
	.transitionSwitch li a {
		display: block;
		cursor: pointer;
		padding: 0 0 0 35px;
		width: 85px;
		height: 30px;
		font-size: 12px;
		line-height: 30px;
	}
	.transitionSwitch li a.switch10 {
		color: #333;
		text-decoration: none;
		text-shadow: 1px 1px 0px #fff;
		background: url("../img/switchBtn10.png") no-repeat;
	}
	.transitionSwitch li a.switch11 {
		color: #fff;
		text-decoration: none;
		text-shadow: 1px 1px 0px #555;
		background: url("../img/switchBtn11.png") no-repeat;
	}
	.transitionSwitch li a.switch20 {
		color: #333;
		text-decoration: none;
		text-shadow: 1px 1px 0px #fff;
		background: url("../img/switchBtn20.png") no-repeat;
	}
	.transitionSwitch li a.switch21 {
		color: #fff;
		text-decoration: none;
		text-shadow: 1px 1px 0px #555;
		background: url("../img/switchBtn21.png") no-repeat;
	}



/* 配当グラフ枠 */
	#mychart {
		clear: both;
		margin: 10px 0 0 0;
		width: 100%;
		height: 380px;
		/* font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", Osaka, sans-serif; */
		font-size: 16px;
	}



/* 配当グラフツールチップ */
	.tooltip {
		padding: 5px;
		line-height: 15px;
		text-align: center;
		background: #fff;
	}
	.tooltip span {
		font-size: 12px;
		font-weight: bold;
	}
	.tooltip small {
		font-size: 12px;
		color: #333;
	}



/* 配当グラフ操作 */
	.controls {
		margin: 20px auto 0 auto;
		text-align: center;
	}
	.controls ul {
		list-style-type: none;
	}
	.controls li {
		float: left;
		margin: 0 5px;
		margin-bottom: 5px;
		/* width: 25%; */
		/*　height: 24px;　*/
		/* background: url("../img/controlBtn.png") repeat-x right; */
		list-style-type: none;
	}
	.controls li label {
		display: block;
		cursor: pointer;
		/* padding: 0 5px 0 20px; */
		/*　height: 24px;　*/
		font-size: 11px;
		/*　line-height: 24px;　*/
	}
	.controls li label span {
		font-size: 9px;
	}
	.controls li input {
		/* display: none; */
	}



/* 配当表形式 */
	.transitionTable {
		clear: both;
		margin: 10px 10px 0 10px;
	}
	.transitionTable .transitionTableUnit {
		width: 100%;
		margin-bottom: 5px;
		text-align: right;
		font-size: 11px;
		line-height: 11px;
	}
	.transitionTable table {
		width: 100%;
		clear: both;
		margin: 0;
		font-size: 12px;
		line-height: 12px;
		color: #555;
		text-overflow: ellipsis;
		border: medium none !important;
		border-collapse: collapse;
	}
	.transitionTable table tr th, td {
		vertical-align: middle;
	}
	.transitionTable table thead tr th {
		padding: 6px;
		font-size: 13px;
		line-height: 16px;
		color: #fff;
		text-align: center;
		/* white-space: nowrap; */ /* 20161213 削除 */
		border-top: 1px solid #ddd;
		border-bottom: 1px solid #ddd;
		border-right: 1px dotted #ddd;
		/* background: ; */
	}
	.transitionTable table thead tr th.theadLineNone {
		border-right: 0px;
	}
	.transitionTable table tbody tr th {
		padding: 0 10px;
		width: 180px; /* 20161213 追加 */
		height: 36px;
		font-size: 13px;
		line-height: 13px;
		text-align: left;
		color: #fff;
		border-top: 1px solid #ddd;
		border-bottom: 1px solid #ddd;
		/* background: ; */
	}
	.transitionTable table tbody tr td {
		padding: 5px 10px;
		/* width: 14%; */ /* 20161213 削除 */
		font-size: 13px;
		line-height: 18px;
		color: #333;
		text-align: right;
		border-top: 1px solid #ddd;
		border-bottom: 1px solid #ddd;
	}
	.transitionTable table thead tr th.unit,
	.transitionTable table tbody tr th.unit {
		/* width: 50px; */ /* 20161213 削除 */
		font-size: 12px;
		text-align: center;
		white-space: nowrap;
	}
	.transitionTable table tbody tr.even {
		background: #fff;
	}
	.transitionTable table tbody tr.odd {
		background: #f5f5f5;
	}
	.transitionTable table tbody tr.total {
		/* background: ; */
	}



/* 投資計算機（入力枠） */
	.simulationWrapper {
		margin: 10px auto 0 auto;
		padding: 0;
		width: 98%;
	}
	.simulationInput {
		float: left;
		margin: 0;
		padding: 0;
		width: 70%;
	}
	.simulationInput ul {
		margin: 0;
		padding: 0;
	}
	.simulationInput li {
		margin-bottom: 1px;
		padding: 0;
		color: #333;
		text-align: left;
		/* border-left: ; */
		/* border-right: ; */
		/* border-top: ; */
		/* border-bottom: ; */
		border-radius: 3px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		background: #fff;
	}
	.simulationInput .border {
		margin: 0 10px;
		/* border-bottom: ; */
	}
	.simulationInput .inputTL {
		float: left;
		margin-left: 10px;
		font-size: 13px;
		line-height: 33px;
	}
	.simulationInput .inputTL small {
		font-size: 11px;
	}
	.simulationInput .inputTR {
		float: right;
		margin-right: 10px;
		font-size: 15px;
		line-height: 24px;
	}
	.simulationInput .inputTR small {
		font-size: 13px;
	}
	.simulationInputText {
		margin: 6px 20px 6px 0;
		padding: 0 1px;
		width: 120px;
		height: 19px;
		/* font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", Osaka, sans-serif; */
		font-size: 13px;
		line-height: 19px;
		text-align: center;
		/* border: ; */
		border-radius: 4px;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
	}
	.simulationInput select {
		margin-right: 5px;
		padding: 1px;
		width: 80px;
		height: 20px;
		/* font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", Osaka, sans-serif; */
		font-size: 13px;
		line-height: 100%;
		/* border: ; */
	}
	.simulationSubmit {
		float: right;
		margin: 97px 0 0 2%;
		padding: 0;
		width: 28%;
	}
	input.formSubmitS {
		float: left;
		width: 49%;
		height: 40px;
		/* font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", Osaka, sans-serif; */
		font-size: 12px;
		/* color: ; */
		/* text-shadow: ; */
		/* border: ; */
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		/* background: ; */
	}
	input.formResetS {
		float: right;
		width: 49%;
		height: 40px;
		/* font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", Osaka, sans-serif; */
		font-size: 12px;
		/* color: ; */
		/* text-shadow: ; */
		/* border: ; */
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		/* background: ; */
	}



/* 投資計算機（結果1） */
	.result1Wrapper {
		margin: 20px auto 0 auto;
		padding: 0;
		width: 100%;
		text-align: left;
	}
	.result1Wrapper .resultUnit {
		margin: 0 1% 5px 1%;
		padding: 0;
		width: 98%;
		font-size: 12px;
		line-height: 12px;
		text-align: left;
	}
	.result1Wrapper .resultUnit span {
		font-size: 15px;
		font-weight: bold;
	}
	.result1Wrapper ul {
		margin: 0;
		padding: 0;
	}
	.result1Wrapper ul li {
		float: left;
		margin: 0 1%;
		padding: 0;
		width: 23%;
		color: #333;
		text-align: left;
		/* border-left: ; */
		/* border-right: ; */
		/* border-bottom: ; */
		border-radius: 3px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
	}
	.resultRed {
		/* border-top: ; */
		/* background: ; */
		text-align: center;
	}
	.resultBlue {
		/* border-top: ; */
		/* background: ; */
		text-align: center;
	}
	.resultTitle {
		margin-top: 3px;
		padding: 0;
		/* border-bottom: ; */
		font-size: 13px;
		line-height: 24px;
	}
	.resultNum {
		font-size: 20px;
		line-height: 40px;
	}



/* 投資計算機（結果2） */
	.result2Wrapper {
		margin: 10px auto 0 auto;
		padding: 0;
		width: 100%;
		text-align: left;
	}
	.result2Wrapper .resultUnit {
		margin: 0 1% -5px 1%;
		padding: 0;
		width: 98%;
		font-size: 12px;
		line-height: 30px;
		text-align: left;
	}
	.result2Wrapper .resultUnit span {
		font-size: 15px;
		font-weight: bold;
	}
	.result2Wrapper ul {
		margin: 0;
		padding: 0;
	}
	.result2Wrapper ul li {
		float: left;
		margin: 0 1%;
		padding: 0;
		width: 23%;
		color: #333;
		text-align: left;
		/* border-left: ; */
		/* border-right: ; */
		/* border-bottom: ; */
		border-radius: 3px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
	}
	.result2Wrapper ul li.result2L {
		width: 32%;
	}
	.result2Wrapper ul li.result2R {
		width: 64%;
	}
	.result2Gray {
		text-align: center;
		/* border-top: ; */
		/* background: ; */
	}
	.result2Title {
		margin-top: 3px;
		padding: 0;
		font-size: 13px;
		line-height: 21px;
	}
	.result2Table {
		clear: both;
		margin: 0;
	}
	.result2Table table {
		width: 100%;
		clear: both;
		margin: 0;
		font-size: 12px;
		line-height: 12px;
		color: #555;
		text-overflow: ellipsis;
		border: medium none !important;
		border-collapse: collapse;
	}
	.result2Table table tr th, td {
		vertical-align: middle;
	}
	.result2Table table thead tr th {
		padding: 6px;
		font-size: 12px;
		line-height: 12px;
		/* color: ; */
		text-align: center;
		white-space: nowrap;
		/* border-top: ; */
		/* border-bottom: ; */
		/* border-right: ; */
		/* background: ; */
	}
	.result2Table table thead tr th.theadLineNone {
		border-right: 0px;
	}
	.result2Table table tbody tr th {
		padding: 4px 5px;
		font-size: 12px;
		line-height: 24px;
		text-align: left;
		/* color: ; */
		/* border-top: ; */
		/* border-bottom: ; */
		/* background: ; */
	}
	.result2Table table tbody tr th p {
		line-height: 18px;
	}
	.result2Table table tbody tr th p span {
		font-size:0.95em;
	}
	.result2Table table tbody tr td {
		padding: 4px 5px;
		font-size: 12px;
		line-height: 36px;
		/* color: ; */
		text-align: right;
		/* border-top: ; */
		/* border-bottom: ; */
	}
	.result2Table table tbody tr td.center {
		text-align: center;;
	}
	.result2Table table tbody tr.even {
		/* background: ; */
	}
	.result2Table table tbody tr.odd {
		/* background: ; */
	}
	.result2L .result2Table table tbody tr th,
	.result2L .result2Table table tbody tr td {
		width: 50%;
	}
	.result2L .result2Table table tbody tr th,
	.result2L .result2Table table tbody tr td {
		padding: 2px 5px;
		font-size: 12px;
		line-height: 24px;
	}
	.result2R .result2Table table tbody tr th,
	.result2R .result2Table table tbody tr td {
		width: 25%;
	}
	.result2R .result2Table table tbody tr th.high {
		/* color: ; */
		/* background: ; */
	}
	.result2R .result2Table table tbody tr th.low {
		/* color: ; */
		/* background: ; */
	}
	.result2Table table tbody tr.last th,
	.result2Table table tbody tr.last td {
		border-bottom: 0;
	}



/* 投資計算機（投資金額・投資株式数 非活性対応） */
	#vu span,
	#vp span {
		display: inline-block;
		margin: 6px 20px 6px 0;
		padding: 0 1px;
		width: 120px;
		height: 19px;
		font-size: 13px;
		line-height: 19px;
		text-align: center;
		/* border: ; */
		border-radius: 4px;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		/* background: ; */
	}

/* 投資計算機（チャート） */
	#calchart {
		margin: 15px auto 0 auto;
		width: 100%;
		height: 300px;
	}



/* 時系列 */
	.historicalInput {
		clear: both;
		margin: 10px 0 0 0;
		padding: 0;
		color: #333;
		text-align: left;
		/* border-left: ; */
		/* border-right: ; */
		/* border-top: ; */
		/* border-bottom: ; */
		border-radius: 3px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		background: #fff;
	}
	.historicalInput .inputTL {
		float: left;
		margin-left: 10px;
		font-size: 13px;
		line-height: 33px;
	}
	.historicalInput .inputTL small {
		font-size: 13px;
	}
	.historicalInput .inputTR {
		float: right;
		margin-right: 10px;
		font-size: 13px;
		line-height: 24px;
	}
	.historicalInput .inputTR small {
		font-size: 13px;
	}
	.historicalInput .inputTR .historicalInputText {
		margin: 6px 0 6px 0;
		padding: 0 1px;
		width: 90px;
		height: 19px;
		font-size: 12px;
		line-height: 19px;
		text-align: center;
		/* border: ; */
		border-radius: 4px;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
	}
	.historicalInput .inputTR label {
		font-size: 12px;
	}
	.historicalTable {
		clear: both;
		margin: 10px 0 0 0;
	}
	.historicalTable .historicalTableUnit {
		width: 100%;
		margin-bottom: 5px;
		text-align: right;
		font-size: 11px;
		line-height: 11px;
	}
	.historicalTable table {
		width: 100%;
		clear: both;
		margin: 0;
		font-size: 12px;
		line-height: 12px;
		/* color: ; */
		text-overflow: ellipsis;
		border: medium none !important;
		border-collapse: collapse;
	}
	.historicalTable table tr th, td {
		vertical-align: middle;
	}
	.historicalTable table thead tr th {
		padding: 6px;
		font-size: 13px;
		line-height: 16px;
		/* color: ; */
		text-align: center;
		/* white-space: nowrap; */ /* 20161213 削除 */
		border-top: 1px solid #ddd;
		border-bottom: 1px solid #ddd;
		border-right: 1px dotted #ddd;
		/* background: ; */
	}
	.historicalTable table thead tr th.theadLineNone {
		border-right: 0px;
	}
	.historicalTable table tbody tr th {
		padding: 0 10px;
		width: 180px; /* 20161213 追加 */
		height: 36px;
		font-size: 13px;
		line-height: 13px;
		text-align: left;
		/* color: ; */
		border-top: 1px solid #ddd;
		border-bottom: 1px solid #ddd;
		/* background: ; */
	}
	.historicalTable table tbody tr td {
		padding: 5px 10px;
		/* width: 14%; */ /* 20161213 削除 */
		font-size: 13px;
		line-height: 18px;
		/* color: ; */
		text-align: right;
		border-top: 1px solid #ddd;
		border-bottom: 1px solid #ddd;
	}
	.historicalTable table thead tr th.unit,
	.historicalTable table tbody tr th.unit {
		/* width: 50px; */ /* 20161213 削除 */
		font-size: 12px;
		text-align: center;
		white-space: nowrap;
	}
	.historicalTable table tbody tr.even {
		/* background: ; */
	}
	.historicalTable table tbody tr.odd {
		/* background: ; */
	}
	.historicalTable table tbody tr.total {
		/* background: ; */
	}
	.historicalTablePagelink {
		margin-top: 20px;
		font-size: 12px;
		text-align: center;
	}
	.historicalTablePagelink span{
		display: inline-block;
		margin: 0 3px;
		padding: 6px 10px;
		/* border: ; */
	}
	.historicalTablePagelink span.none_page {
		border: none;
	}
	.historicalTablePagelink span.link_page {
		color: #00f;
		cursor: pointer;
	}
	.historicalTablePagelink span.active_page {
		color: #fff;
		background-color :#aaa;
	}



}