/*-pppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppp

                                                                                                  PCビュー 

pppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppp*/

@media only screen and (min-width: 920px){


	/*pppppppppppppppppppppppppppppppppp 全体とヘッダーフッター pppppppppppppppppppppppppppppppppp*/        
    #wrapper{
        width: 100%;
        padding: 0;
        margin: 0;
        background-color: #f5f5f5;
    }
    
    
    #headerWrapper {/*ヘッダー画面100%*/    
        width: 100%; 
        padding: 0;
        margin: 0;
        background:#fff;
    }

    #header {/*ヘッダー内のロゴや検索BOXなど1200px*/
        display: table;
        width: 1360px;
        height: 60px;
        border-bottom: 1px solid #ccc;
        position: relative;
        padding: 0;
        margin: 0 auto;
        margin-bottom: 10px;
        overflow: hidden;
    }

    .rainbow{
        padding: 0;
        margin: 0 auto;    
        width: 1360px;    
        height:3px;
        background : linear-gradient(to right,rgba(70,78,150,0.7),rgba(33,146,189,0.8),rgba(159,181,43,0.8),rgba(236,174,50,0.9),rgba(208,61,61,0.9),rgba(70,78,150,0.7),rgba(33,146,189,0.8),rgba(159,181,43,0.8),rgba(236,174,50,0.9),rgba(208,61,61,0.9));
    }

    .titleWrapper{
        height: 60px;
        display: table-cell;   
        vertical-align: middle;           
        width:200px;
    }    
    
    .siteicon{
        padding-left: 30px;    
        height: 40px;
    }


    #header .globalNavi{
        height: 60px;
        display: table-cell;   
        vertical-align: middle;      
        width:960px;    
    }
    #header .search{
        height: 60px;
        display: table-cell;   
        vertical-align: middle;        
        width:200px;    
    }    
    
    
    .searchForm{
        margin-bottom:0px; 
        margin-right: 20px;
    }

    dl.search1{
        margin-top:0px;
        margin-bottom:0px;
        width:200px;

        position:relative;
        background-color:#fff;
        border:1px solid #777;
    }
    dl.search1 dt{
        margin-right:30px;
        padding:0px 0px 0px 8px;
    }
    dl.search1 dt input{
        width:100%;
        height:24px;
        line-height:24px;
        background:none;
        border:none;
    }
    dl.search1 dd{
        position:absolute;
        top:0;
        right:0;
    }
    dl.search1 dd button{
        display:block;
        padding:3px;
        padding-right:6px;
        background:none;
        border:none;
    }
    dl.search1 dd button span{
        display:block;
        width:16px;
        height:16px;
        background:url('/img/searche_btn.png') no-repeat scroll -35px 0;
        outline: none;
    }

    dl.search1 dd button span:hover{
        background:url('/img/searche_btn_over.png') no-repeat scroll -35px 0;

    }
    .searchRoupe{
        outline: none;
    }    
    

    

    /* pppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppp 新ナビゲーションバー＋サブカテゴリー表示 pppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppp */

    
    .navbar_button a{
        padding: 0 15px 0 15px;
    }
    
    .n1 , .n6{border-top: 2px solid #D03D3D;}
    .n2 , .n7{border-top: 2px solid #ECAE32;}
    .n3 , .n8{border-top: 2px solid #9FB52B;}
    .n4 , .n9{border-top: 2px solid #2192BD;}
    .n5 , .n10{border-top: 2px solid #464E96;}
    
    
    /* pppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppp レスポンシブ対応 pppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppp */
    .pDisplayNone{display: none;}    
    
    .leftwrapper{
        width : -webkit-calc(100% - 330px) ;
        width : calc(100% - 330px);
        display: inline-block;
        padding-right: 10px;
    }
    
    .rightwrapper{
        width:310px;
        display: inline-block;
        vertical-align: top;
    }        
    
    .left{
        width:100%;
    
    }

    .right{
        width:100%;

    }

    /*角丸 影をなくす*/
    .articleTitleBox , .articleContentsBox , .linkListBox{
        border-radius:0px;;
        box-shadow: 0px 0px 0px rgba(0,0,0,0.2);
    }
    
    .linkList1{
        width:50%;
    }
    .linkList2{    
        width:50%;
    }   


    /* pppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppp コンテンツ部分 pppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppp */
    
    /* pppppppppppppppppppp vの時のターゲット部分表示 pppppppppppppppppppp */

    .targetItem{
        list-style: none;
        padding: 15px;
    }

    .targetItem a{
        height: 170px;    
        display: block;    
        color: #333;
        display: table;
        width:100%;      
        border: 1px solid #ccc;    
    }

    .targetItem .left{
        display: table-cell;
        vertical-align: top;
        padding-bottom: 1px;
        position: relative;    
        width: 70px;   
    }
    .targetItem .right{
        display: table-cell;   
    }

    .targetItem img{
        position: relative;     
        margin-top: 5px;        
        margin-left: 8px;
        width: 160px;   
        height: 160px;   		
        border-radius: 2px;    
    }

    /* 記事タイトルラッパー*/
    .targetItem .article_title_wrapper{
        overflow: hidden;
        margin-bottom: 18px;
        padding-top: 11px;	
        padding-left: 14px;	
        padding-right: 14px;
        height : 110px;
    }

    /*記事タイトル*/
    .targetItem .article_title{
        margin: 0;
        height : 40px;    
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        word-break: break-all;
        font-size: 16pt;
        line-height: 36px;
        font-weight: bold;
    }

    .targetItem .blogService{
        padding-left: 20px;			
        color: #777 ;	
        font-size: 13pt;
    }

    .targetItem .readNext{	
        float: right;    
        position:relative;
        right:20px;
        color: #444 ;	
        font-size: 13pt;
    }
    
    
    /* pppppppppppppppppppp info系で使うテーブルなど pppppppppppppppppppp */    
    .nomalTable{
        width: 100%;
    }
    
    .nomalTable {
        width:100%;
    }

    .nomalTable ,  table th  , table tr , table td {
        border:#ccc solid  1px;   
        padding : 8px; 
    }

    .nomalTable{
        border:#ccc solid  0px;     
    }
    
    .oddcolor:nth-child(odd) {  /* 奇数番目 */
       background: #fefefe;
    }
    .oddcolor:nth-child(even) {    /* 偶数番目 */
       background: #f9f9f9;
    }
    
    
/* ppppppppppppppppppppppppppppppppppppppppアクセストレード pppppppppppppppppppppppppppppppppppppppp */

.inOutReturnBoxOuter{
    border-collapse: separate;
    border-spacing:30px 10px;   
    margin-top:20px;
    margin-bottom:20px; 
}    
    
.inOutReturnBox{
    list-style:none;
    line-height:20px; 
    width:260px;
    height:160px;
    text-align:center;
    border:#ccc solid  1px;
	border-radius: 4px; 
	-webkit-border-radius: 4px; 
	-moz-border-radius: 4px; 	
    padding : 15px;
}
.inOutReturnBox .dt{
     font-size: 20px;   
}

.inOutReturnBox .dd{
     font-size: 30px;   
}
.inOutReturnBox .dd2{
     font-size: 7px;
}


.inOutReturnGraphBox{
    width:482px;
    display: inline-block;
    vertical-align: top;
    
}

.inOutReturnTableBox {
    width:100%;
}

.inOutReturnTableBox ,  table th  , table tr , table td {
    border:#ccc solid  1px;   
    padding : 8px;
    text-align : center;    
}

.inOutReturnTableBox{
    border:#ccc solid  0px;     
}



	/* pppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppp サイド内の箱 pppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppp */
	.side_box{
		margin-bottom:10px;
		min-height: 100px;
		word-wrap: break-word;
    
	}
	.side_box_content{
		border: 1px solid #ccc;		
		border-top: 0px;		
        background: #fff;    
	}    
    
	.side_box_title{
		padding:0px 0px 0px 5px;
		border: 1px solid #ccc;
		height:auto;
		background: #fafafa;
	}
	.side_box_title span{
		margin-left:8px;
		line-height:38px;
		font-size: 16px; 
		font-weight: bold;
		color: #444;	
		vertical-align:middle;			
	}        
    
	/* pppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppp 人気記事ランキング pppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppp */    
	.side_box_poparticle_li{
		font-size: 12px; 
		border-bottom:#ccc solid  1px;
        background: #fff;	
	}
	.side_box_poparticle_li:last-child{
		border-bottom:none;          
    }
    
	.side_box_poparticle_li a{
		display: block;	
		line-height:28px;
		margin-left:30px;
	}
	.side_box_poparticle_li .rank{
		font-size: 12px; 
		width:16px;
		height:16px;
		line-height:16px;
		border:#ccc solid  1px;
		float: left;
		background: #444;
		color:#FFF;
		
		text-align: center;			
		position: relative;		
		top: 4px;
		left :4px;
	}
	.side_box_poparticle_li:nth-child(1) .rank{
		background-color:#D03D3D;
		color:#FFF;
        opacity: 0.95;
	}
	.side_box_poparticle_li:nth-child(2) .rank{
		background-color:#ECAE32;
		color:#FFF;
        opacity: 0.95;
        
	}
	.side_box_poparticle_li:nth-child(3) .rank{
		background-color:#9FB52B;
		color:#FFF;
        opacity: 0.95;    
	}
	.side_box_poparticle_li:nth-child(4) .rank{
		background-color:#2192BD;
		color:#FFF;
        opacity: 0.95;
	}
	.side_box_poparticle_li:nth-child(5) .rank{
		background-color:#464E96;
		color:#FFF;
        opacity: 0.95;    
	}

	div .side_box_poparticle_li .article_title{
		color: #222;
        margin-right: 5px;
	}
        
	/* pppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppp トレンドワード pppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppp */        
    .menuTrendWordWrapper div{
        display: inline-block;
        border: 1px solid ;
        padding: 3px 8px;
        margin:5px;
        margin-left:10px;
        font-size:17px;	
        color:#555;
        background-color: #FaFaFa;
        border-radius: 4px; 
        -webkit-border-radius: 4px; 
        -moz-border-radius: 4px; 	
    }

    /*---トレンドワードの周りの枠---*/
    .menuTrendWordWrapper div{
        border: 1px solid #2192BD;
    }    
    
    
	/* pppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppp ノーマルリストリンク pppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppp */       
    
    	/* ノーマルリンク */
	.side_box_normail_li{
		font-size: 12px; 
		border-bottom:#ccc solid  1px;
		height:28px;
	}
	.side_box_normail_li:last-child{
		border-bottom:none;        
    }

	.side_box_normail_li a{
		display: block;	
		line-height:28px;
	}
    
}
/* pppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppp ↑↑↑↑↑↑↑↑ pppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppp */