@charset "utf-8";

/* ============================================================================

 * TOPページ
 	※common.cssを読み込み後、top.cssを読み込む
 
 * ========================================================================= */



/* ============================================================================

 * main
 
 * ========================================================================= */
 
 
/*mainの中で2ボックスに分ける（50％）*/
/*左*/
.topBoxLeft {
	float: left;
	width: 49.6%;
	
}

/*右*/
.topBoxRight {
	float: right;
	width: 49.6%;

}



/*h2*/
h2.topMainTitle01{
  	font-weight: bold;
	position: relative;
	display: block;
	text-align:left;
	border-left: 6px solid #900;
	border-bottom: 2px solid #CCC;
	background-color: #fff;
	padding: 5px 0 5px 10px;
    margin: 0 0 10px 0;
}

h2.topMainTitle01 span.title{
	font-size: 20px;
	font-weight: bold;
	line-height:36px;
}



/*h2 編集ボタン（使用してない？）*/
h2.topMainTitle01 .editButton {
	position: absolute;
	bottom: 5px;
	right: 0px;
}

h2.topMainTitle01 .editButton li {
	margin-right:10px;
	font-weight:normal;
}

h2.topMainTitle01 .editButton li i {
	padding-right:5px;
}

h2.topMainTitle01 .editButton li a {
	text-align:center;
	text-decoration:underline;
	font-size:14px;
	line-height:36px;
	color: #333;
	display: inline-block;
}

h2.topMainTitle01 .editButton li a:hover,
h2.topMainTitle01 .editButton li.current a {
	text-decoration:none;
}



/*h2 詳細ボタン*/
h2.topMainTitle01 a.detail {
	color:#006;
	text-decoration:underline;
	text-align:center;
	font-size:14px;
	line-height:36px;
	border-radius: 4px;
	margin-left:5px;
}
h2.topMainTitle01 a.detail i {
	padding-right:3px;
}
h2.topMainTitle01  a.detail:hover {
	text-decoration:none;
}



/*h3*/
h3.topMainTitle01{
  	font-weight: bold;
	position: relative;
	display: block;
	text-align:left;
	border-bottom: 4px solid #ccc;
	background-color: #fff;
	padding: 5px 0 5px 10px;
    margin: 0;
}

h3.topMainTitle01 span.title{
	font-size: 16px;
	font-weight: bold;
	line-height:36px;
}
h3.topMainTitle01 span.title i{/*webicon*/
	margin-right:5px;	
	line-height: 20px;
	color: #900;
	font-size: 18px;
}

/*h3 詳細ボタン*/
h3.topMainTitle01 a.detail {
	color:#006;
	text-decoration:underline;
	text-align:center;
	font-size:14px;
	line-height:36px;
	border-radius: 4px;
	margin-left:5px;
}
h3.topMainTitle01 a.detail i {
	padding-right:3px;
}
h3.topMainTitle01  a.detail:hover {
	text-decoration:none;
}



/* ------------------------------
   編集ボタンまわりのcss
------------------------------ */ 


/*ドラッグアンドドロップでのコンテンツ移動時のプレースホルダー*/
.placeholder{
	display: block;
	border:1px #6e0101 dotted;
	background:#ebe9e9;
	height:60px;
	margin: 10px 0;
}		
/*　　新井　修正or追記ここから　　*/
.editButton {
	position: absolute;
	top:0.5rem;
}
.editButton.expanded {
	background:#FFF;
	z-index:10;
}
.editButton > button {
	width:180px;
	border:0;
	display: none;
}
.editButton.expanded button {
	text-align:left;
	display: block;
	background:#FFF;
	border-left:1px solid #CCC;
	border-right:1px solid #CCC;
}
.editButton.expanded button.first {
	border-top:1px solid #CCC;
}
.editButton.expanded button.last {
	border-bottom:1px solid #CCC;
}
.editButton.expanded button:hover {
	background:#e7e7e7;
}
.editButton button.edit{
	text-align: right;
	display:block;
	border: none;
	background:#FFF;
}
.editButton button.edit:hover{
	background:none;
	text-decoration:underline;
	color:#000;
}
.editButton button i{
	font-size:14px;
	color:#333;
	padding-right:8px;
}
.editButton button.remove:before,
.editButton button.up:before,
.editButton button.down:before,
.editButton button.add:before{
	font-family: FontAwesome ;
	font-size: 14px ;
	line-height:14px;
	color: #333;
}
.editButton button.remove:before {
	content: "\f068\A" ;		
}
.editButton button.up:before {
	content: "\f0aa\A" ;		
}
.editButton button.down:before {
	content: "\f0ab\A" ;		
}
.editButton button.add:before {
	content: "\f067\A" ;		
}


/*削除後のバー*/
.cancel {
	display: none;
	background:rgba(0,0,0,0.5);
	color:#FFF;
	border:1px dotted #555;
	width:100%;
	padding:5px 5px;
	margin:10px 0;
	text-align: right;
}
button.removeCancel,button.removeOk
{
	position:relative;
	text-align: center;
	line-height: 30px;
	border: 1px solid #FFF;
	display:inline-block;
	margin-left: 5px;
	background:#006;
	color:#FFF;
	font-weight:900;
	float:right;
	top: -3px;
}
button.removeCancel:hover, button.removeOk:hover {
	background:#999;
}
button.removeCancel::before{
	font-family: FontAwesome ;
	font-size: 14px ;
	line-height:14px;
	color: #fff;			
	content: "\f060\A" ;
	padding: auto 4px;
	margin:left: 8px;
}
button.removeOk::before{
	font-family: FontAwesome ;
	font-size: 14px ;
	line-height:14px;
	color: #fff;			
	content: "\f00d\A" ;
	padding: auto 4px;            
}
/*コンテンツ変更画面関連*/
#content_select button img {
	width:230px;
	height:120px;
	z-index:-1;
	position:absolute;
	left:0;
	right:0;
	bottom:0;
}
#content_select button {
	width: 230px;
	height: 120px;            
	padding:0;
	position:relative;
	margin-bottom:1.6rem;
	margin-left:0.9rem;
	background:rgba(0,0,0,0.3);
	border:1px solid #c4c4c4;
	color:#FFF;
}
#content_select button::after{
	font-family: FontAwesome ;
	font-size: 20px ;
	line-height:20px;
	color: #ff0;			
	content: "\f058\A" ;
}
#content_select .pending{
	background:rgba(0,0,0,0.75);
}
#content_select .pending span {
	color:rgba(255,255,255,0.5);
}
#content_select .pending::after{
	font-family: FontAwesome ;
	font-size: 20px ;
	line-height:20px;
	color: #fff;			
	content: "\f055\A" ;
}
#content_select button span{
	display: block;
	width:100%;
	font-size:16px;
	font-weight:bold;
	color:#FFF;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}      

/*jquery-ui.cssの上書き*/
.ui-widget-overlay {
	background:#000;
	opacity:0.5;
	filter: Alpha(Opacity=50);
}
.ui-widget-content {
	border:none;
	background:#f1f1f1;
	color:#FFF;
}
.ui-widget-header{
	border:none;
	background:#000;
	color:#FFF;
	font-weight:bold;
}
.ui-button{
	width:150px;
	line-height: 30px;
	border: 1px solid, #CCC;
	background:#999;
	font-weight:normal;
	color:#FFF;
}

span.ui-button-icon{
	font-family: FontAwesome ;
	margin: 0;
}
span.ui-button-icon{
	content: "\f00d \A" ;/*unicode*/
	color: #fff;
	font-size:14px;
}


.ui-button:hover,
.ui-button:focus {
	border: 1px solid, #CCC;
	background:#006;
	font-weight:normal;
	color:#FFF;
}		
/*　　新井　修正or追記ここまで　　*/




/*サイドメニュー用*/
.display_none {
	display:none;
}



/* ------------------------------
   市場動向（今日の市場）
------------------------------ */ 

/*　タイトル（今日の市場）　*/
.jaMarket > span.title {
	display:block;
	vertical-align:middle;
	font-size:30px;	
	color:#b9bbbc;
	line-height:1;
	margin-bottom:15px;
}
/*　タイトル（UP企業数）※未使用　*/
/*.jaMarket > span.up {
	display:block;
	vertical-align:middle;
	font-size:46px;
	color:#f6aeae;
	line-height:1;
}*/


/* -------------------------------
 マーケットニュース、開示資料のBOX
----------------------------------*/
.boxWrap {
	padding:8px;
	text-align:left;
}


/* -------------------------------
  マーケットニュース（marketnews）
  タイトル高さ：40px　本文高さ：200px  合計240px 
  
  ※それ以上書くと隠す設定
----------------------------------*/
.boxWrap > .title {
	height:40px;
	overflow:hidden;
	white-space:nowrap; 
	text-overflow:ellipsis; 
	-moz-text-overflow:ellipsis; 
	-o-text-overflow:ellipsis; 
}

.boxWrap > .title a {
	font-weight:bold;
	color:#039;
	font-size:18px;
	vertical-align:middle;
	text-decoration:underline;

}
.boxWrap > .title i {
	padding-right:8px;
}
.boxWrap > .title a:hover {
	color:#900;
	text-decoration:none;
}
.boxWrap > .text {
	position:relative;
	line-height:1.5;
	height:200px;
	overflow:hidden;
	
}

.boxWrap > .text:after {/*　グラデーション、フェードアウト　*/
	content: '';
	display: block;
	height: 80px;
	width: 100%;
	position: absolute;
	bottom: 0;
	background-color: #fff;
	background-image: linear-gradient(rgba(255,255,255,0),#ffffff);
	background-color: transparent;
}


/*　続きを読む　*/
.moreDetail a {
	display:block;
	margin-top:10px;
	margin-left: auto;
	color:#fff!important;
	text-align:center;
	width:50%;
	padding: 5px 0;
	font-weight:bold;
	background-color:#999;
	border-radius: 4px;
}
.moreDetail a i {
	padding-right:5px;
}
.moreDetail a:hover {
	width:50%;
	color:#fff!important;
	background-color:#006;
}

/* -------------------------------
  開示資料（disclosure）
  
　高さ：240px   
  ※それ以上書くと隠す設定
----------------------------------*/
.boxWrap > .boxinner {	
	height:240px;
	overflow:hidden;
}
.boxWrap > .boxinner > dl.topDisclosure dt {	
	text-align:left;
	font-size:12px;
}
.boxWrap > .boxinner > dl.topDisclosure dd {
	border-bottom: 1px solid #b9b9b9;
	text-align:left;
	display:block;
	height:30px;
	white-space:nowrap; 
	overflow:hidden; 
	text-overflow:ellipsis; 
	-moz-text-overflow:ellipsis; 
	-o-text-overflow:ellipsis; 
}
.boxWrap > .boxinner > dl.topDisclosure dt a i {
	color:#900;
}
.boxWrap > .boxinner > dl.topDisclosure dt a {
	color:#333!important;
	text-decoration:none!important;
}
.boxWrap > .boxinner > dl.topDisclosure dt a:hover {
	text-decoration:underline!important;
}
.boxWrap > .boxinner > dl.topDisclosure dt a {
	color:#006;
	text-decoration:underline;
}
.boxWrap > .boxinner > dl.topDisclosure dd a:hover {
	text-decoration:none;
}
.boxWrap > .boxinner > dl.topDisclosure dd a {
	color:#006;
	text-decoration:underline;
}

.boxWrap > .boxinner > dl.topDisclosure dd a:hover {
	text-decoration:none;
}

.boxWrap > .boxinner > dl.topDisclosure img {
	width:22px;
	height:22px;
}


.boxWrap > .boxinner > dl.topDisclosure dt.news p:after ,.boxWrap > .boxinner > dl.topDisclosure dt.settle p:after ,.boxWrap > .boxinner > dl.topDisclosure dt.revision p:after ,.boxWrap > .boxinner > dl.topDisclosure dt.other p:after {
	display:inline-block;
	margin: 0px 8px;
	padding: 1px 3px;
	color:#FFF;
	text-align:center;
	width:60px;
	font-size:12px;
	border-radius: 3px;
}

.boxWrap > .boxinner > dl.topDisclosure dt.news p:after {
	background : #c00;	
	content: "ニュース" ;
}
.boxWrap > .boxinner > dl.topDisclosure dt.settle p:after {
	background : #36c;
	content: "決算関連" ;
}
.boxWrap > .boxinner > dl.topDisclosure dt.revision p:after {
	background : #399;
	content: "株式関連" ;
}
.boxWrap > .boxinner > dl.topDisclosure dt.other p:after {
	background : #999;
	color:#FFF;
	content: "その他" ;
}


/* -------------------------------

  Ｍｙ銘柄
  
----------------------------------*/
.my_attention {
	background : #e6e6e6;
	padding:8px;
	font-size:13px;
	margin:10px 0;
}

/*ボタン：新規銘柄追加*/
.my_attention .portfolioButton{
	width: 160px;
	margin:0 auto;
}
.portfolioButton a ,.portfolioButton a:hover{
	background: #006;
	width:100%;
	border-radius: 4px;
	color: #fff!important;
	font-size: 14px;
	text-decoration: none;
	box-shadow:1px 1px 1px #666;
	font-weight:bold;
	display: block;
	text-align: center;
	padding: 4px;
}
.portfolioButton a:hover{
	background-color:#999;
}	

/* -------------------------------

  兜町カタリスト
  
----------------------------------*/

.boxcatalystWrap {
	padding:2px;
	text-align:left;
	height:100px;
	overflow:hidden;	
}
.catalystTitle a {
	font-size:16px;
	color:#039;
	font-weight:bold;
	line-height: 1.5;
	text-decoration:underline;
}
.catalystTitle a:hover {
	color:#900;
	text-decoration:none;	
}
.catalystTitle i {
	padding-right:8px;
}
.catalystText {
	position:relative;
	text-align:left;
	font-size:14px;
	line-height: 1.5;
}
.catalystText:after {/*　グラデーション、フェードアウト　*/
	content: '';
	display: block;
	height: 100px;
	width: 100%;
	position: absolute;
	bottom: 0;
	background-color: #fff;
	background-image: linear-gradient(rgba(255,255,255,0),#ffffff);
	background-color: transparent;
}


/* -------------------------------

  あなたは何をする？
  
----------------------------------*/
.whatBoxWrap{
	display:block;

}
.whatBoxWrap:after	{content: "";
	display: block;
	clear: both;
}
.whatBox{
	float: left;
	width: 19%;
	margin: 0 0.5%;
}
.whatsLink a{/* ボックス毎aタグ*/
	display: block;
	background-color: #e9e9e9;
	color: #900;
	text-align: center;
	text-decoration: none;
	box-shadow:2px 2px #ccc;
	border-bottom: 4px solid #900;
}
.whatsLink a:hover {opacity: 0.6}


/*webアイコン設定*/
.whatsLink i{
	display: block;
	color: #900;
	background-color: #e9e9e9;
	padding:10px 0;
	font-size: 35px;
	line-height: 35px;
}

/*リンクタイトル*/
.whatsLink h4{
	padding:2px 0;
	font-size: 16px;
}

/*リンクタイトルの説明文*/
.whatsLink p.detail {
	padding:10px;
	background-color: #f6f6f6;
	color: #333;
	line-height:1.5;
	font-size: 12px;
}

/*リンクタイトルの説明文*/
.whatsLink p.arrow {
	background-color: #f6f6f6;
	color: #900;
	padding-bottom:10px;
	line-height:1;
}


/* ============================================================================

 * sub
 
 * ========================================================================= */


/*sub BOX設定*/
#sub .topSubBox{
	background-color: #FFF;
    width:100%;
    text-align:center;
	vertical-align: middle;
	position: relative;
	border: 1px solid #CCC;
	margin-bottom: 10px;
}

/* sub div.subTitle01 */
#sub div.subTitle01 {
	position: relative;
	display: block;
	font-size: 16px;
	padding:8px;
	vertical-align: middle;
	border-bottom: 4px solid #900;
	font-weight:bold;
	text-align:left;
}

#sub div.subTitle01 span.title i{
	margin-right:5px;
	color: #900;
}

#sub div.subTitle01 span.link i{
	margin-left:5px;
	color: #006;
}


/*h3 詳細ボタン*/
#sub div.subTitle01 a.detail {
	color:#006;
	text-decoration:underline;
	text-align:center;
	font-size:13px;
	border-radius: 4px;
	margin-left:2px;
}
#sub div.subTitle01 a.detail i {
	padding-right:3px;
}
#sub div.subTitle01 a.detail:hover {
	text-decoration:none;
}

/*h3 編集ボタン*/
#sub div.subTitle01 .editButton {
	position: absolute;
	bottom: 8px;
	right: 0px;
}

#sub div.subTitle01 .editButton li {
	margin-right:10px;
	font-weight:normal;
}

#sub div.subTitle01 .editButton li i {
	padding-right:5px;
}

#sub div.subTitle01 .editButton li a {
	text-align:center;
	text-decoration:underline;
	font-size:13px;
	color: #333;
	display: inline-block;
}

#sub div.subTitle01 .editButton li a:hover,
#sub div.subTitle01 .editButton li.current a {
	text-decoration:none;
}


/* -------------------------------

  sub 株価指数
  
----------------------------------*/

/* 株価数値表示 */

#sub div.marketToday {
	text-align:center;
}

#sub div.marketToday span.stockPrice {/* 株価 */
	color: #333;
	font-weight:bold;
	font-size:16px;
	margin-right:8%;
}

#sub div.marketToday span.red ,#sub div.marketToday span.blue {/* プラスの時 */
	color: #f00;
	font-size:13px;
	font-weight:bold;
}
#sub div.marketToday span.blue {/* マイナスの時 */
	color: #039;
}

/* セレクトボックス */
#sub .topSelect-box {
	width: 96%;
	margin: 10px auto;
	background-color: #fff;
}

#sub .topSelect-box select {
	position: relative;
	width: 100%;
	padding: 6px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 1px solid #ccc;
    border-radius: 4px;
	background: #eee;
	background: -webkit-linear-gradient(top, #fff 0%,#efebe1 100%);
	background: linear-gradient(to bottom, #fff 0%,#efebe1 100%);
}
#sub .topSelect-box label {
	position: relative;
}
#sub .topSelect-box label:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 15px;
    display: block;
    width: 0;
    height: 0;
    margin: -2px 0 0 0;
    border: 5px solid transparent;
    border-top: 7px solid #600;
}



/* -------------------------------

  sub 業種別ランキング
  
----------------------------------*/

#sub .industryTypeRank {
	width: 80%;
	margin: 10px auto;
}
#sub .industryTypeRank ul {
	text-align:center;
}
#sub .industryTypeRank ul li a {
	width:48%;
	float:left;
	color: #fff;
	background: #999;
	border-radius: 4px;
	font-weight:bold;
	padding: 4px 0;
	margin-right:2%;
}
#sub .industryTypeRank ul li:nth-child(2){
	margin-right:0;
}

#sub .industryTypeRank ul li a:hover,
#sub .industryTypeRank ul li a.current {
	color: #fff;
	background: #006;
	font-weight:bold;
	text-align: center; 
}


/* -------------------------------

  sub　ランキング(値上がり率・・・）
  
----------------------------------*/

#sub #topRank {
	padding:4px;
}

#sub #topRank table{
	width : 100%;
	margin : 0 auto;
	font-size:13px;
	background : #fff;
}
#sub #topRank table tbody tr:nth-child(2n+1) {
	background: #f5f4f4; 
}

#sub #topRank table th,
#sub #topRank table td {
	padding: 2px 4px;
	border: 1px #999 solid;
}
#sub #topRank table th {
	text-align : center;
	background : #e6e6e6;
}
#sub #topRank table td {
	text-align : right;
}

#sub #topRank table td.stockname a {
	width: 100px;
	display:block;
	color:#006;
	text-align : left;
	white-space: nowrap;
	overflow: hidden; 
	text-overflow: ellipsis; 
	text-decoration:underline;
}
#sub #topRank table td.stockname a:hover {
	text-decoration:none;
} 

/* -------------------------------

  sub 為替チャート
  
----------------------------------*/


/*　詳細リンク　*/
#sub .exchangeDetail a {
	display:block;
	margin:10px auto;
	color:#fff;
	text-align:center;
	width:80%;
	padding: 3px 0;
	font-weight:bold;
	background-color:#999;
	border-radius: 4px;
}
#sub .exchangeDetail a i {
	padding-left:10px;
}
#sub .exchangeDetail a:hover {
	width:80%;
	background-color:#006;
}

/* -------------------------------

  sub 宣伝（iphoneアプリ）
  
----------------------------------*/

/*　アプリ詳細リンク　*/
#sub .rnvMobile01 a {
	display:block;
	margin:10px auto;
	color:#fff;
	text-align:center;
	width:90%;
	padding: 3px 0;
	font-weight:bold;
	background-color:#999;
	border-radius: 4px;
}
#sub .rnvMobile01 a i {
	padding-left:10px;
}
#sub .rnvMobile01 a:hover {
	width:90%;
	background-color:#006;
}

#sub .rnvMobile01 {
	width: 100%;
	padding:8px;
}

/*　iphone画像（左）　*/
#sub .rnvMobile01 > .topPr {
	float: left;
	margin-right:8px;
}

#sub .rnvMobile01 > div.title {
	font-size:14px;
	line-height:1;
	font-weight:bold;
	text-align:left;
	margin-bottom:4px;
}

#sub .rnvMobile01 > p {
	font-size:14px;
	line-height:1.4;
	text-align:left;
}
#sub .rnvMobile01 > div.attention {
	font-size:12px;
	text-align:left;
	margin-top:3px;
	color:#900;
	line-height:1.3;
}

/* -------------------------------

  sub マーケットカレンダー
  
----------------------------------*/

#rnvCalender {
	padding:4px;
}

#rnvCalender table{
	display: table; 
	width : 100%;
	margin : 0 auto;
	line-height:1.2;
}

#rnvCalender table th,
#rnvCalender table td {
	width:100%;
	border-bottom: 1px #999 solid;	
}
#rnvCalender table th {
	text-align : left;
	background : #f3f2e5;
	
}
#rnvCalender table th span {
	padding-left:3px;
	color:#613203;
}
#rnvCalender table th span:before {
	font-family: FontAwesome ;
	margin: 0;
}
#rnvCalender table th span:before {
	content: "\f044\A" ;/*unicode*/
	color: #006;
	font-size:15px;
}





/* ============================================================================*/
/* ========================================================================================

 * 画面1090px以下の設定（PC用）

 * ===================================================================================== */
 /* ============================================================================*/
@media print, screen and (max-width: 1090px) {

/* -------------------------------

  あなたは何をする？
  
----------------------------------*/
.whatBox{
	width: 32%;
	margin-right: 0.8%;
	margin-bottom:10px;
}

/*webアイコン設定*/
.whatsLink i{
	padding:20px 0;
	font-size: 35px;
	line-height: 35px;
}

/*リンクタイトル*/
.whatsLink h4{
	padding:2px 0;
	font-size: 16px;
}

/* ============================================================================

 * sub
 
 * ========================================================================= */

#sub div.subTitle01 span.title{
	width:75%;
	display:block;
	white-space:nowrap; 
	overflow:hidden; 
	text-overflow:ellipsis; 
	-moz-text-overflow:ellipsis; 
	-o-text-overflow:ellipsis; 
}

#sub #topRank table td.stockname a {
	width: 50px;

}



}

/* ============================================================================*/
/* ========================================================================================

 * ★画面768px以下の設定（タブレット用） ※floatを全て解除

 * ===================================================================================== */
 /* ============================================================================*/
@media print, screen and (max-width: 768px) {
	
	
/*h2*/
h2.topMainTitle01 span.title{
	font-size: 18px;
}
#sub #topRank table td.stockname a {
	width: 80px;
}


/* ============================================================================

 * sub
 
 * ========================================================================= */

/*subコンテンツ内box設定*/
#sub .topSubBox{
	width:50%;
	height:300px;
	overflow: hidden;
	float:left;
	margin-top:0px;
}

#sub .fade768:after {/*　グラデーション、フェードアウト　*/
	content: '';
	display: block;
	height: 100px;
	width: 100%;
	position: absolute;
	bottom: 0;
	background-color: #fff;
	background-image: linear-gradient(rgba(255,255,255,0),#ffffff);
	background-color: transparent;
}

#sub .fade768:after {/*　グラデーション、フェードアウト　*/
	content: '';
	display: block;
	height: 100px;
	width: 100%;
	position: absolute;
	bottom: 0;
	background-color: #fff;
	background-image: linear-gradient(rgba(255,255,255,0),#ffffff);
	background-color: transparent;
}

#sub div.subTitle01 span.title{
	width:auto;
	display:inline;
	white-space:normal; 

}



	
}
/* ============================================================================*/
/* ========================================================================================

 * ★画面480px以下の設定（スマートフォン用）

 * ===================================================================================== */
 /* ============================================================================*/

@media print, screen and (max-width: 480px) {
	
.topBoxLeft, .topBoxRight {
	float: none;
	width: auto;
}


/* -------------------------------

  あなたは何をする？ 480
  
----------------------------------*/
.whatBox{
	width: 48%;
	margin: 0 1%;
	margin-bottom:10px;
}

/*webアイコン設定*/
.whatsLink i{
	padding:10px 0;
	font-size: 30px;
	line-height: 30px;
}

/*リンクタイトル*/
.whatsLink h4{
	padding:2px 0;
	font-size: 16px;
}


/* ============================================================================

 * sub 480
 
 * ========================================================================= */

/*sub BOX設定*/
#sub .topSubBox{
	background-color: #FFF;
    width:100%;
	height: auto;
    text-align:center;
	vertical-align: center;
	position: relative;
	border: 1px solid #CCC;
	margin-bottom: 10px;
}
#sub .topSubBox:after {/*　グラデーション、フェードアウト　*/
	display:none;
}


/* sub h3 */
#sub div.subTitle01 {
	background: #900;
	color: #fff;
	border-bottom: none;
}
#sub div.subTitle01 span.title i ,#sub div.subTitle01 span.link i ,#sub div.subTitle01 .editButton li a,
#sub div.subTitle01 a.detail,#sub div.subTitle01 .editButton li a{
	color: #fff;
}

#sub #topRank table th,
#sub #topRank table td {
	padding: 8px 4px;
	font-size:14px;
}
#sub #topRank table td.stockname a {
	width: 170px;
}




}