@media screen and (max-width:640px){
	/* =========================================================
	headerCategory
	========================================================= */
	#headerCategory {
		background-color: #F7F6EE ;
	}

	#headerCategoryArea {
		margin: 0 auto;
		padding: 20px 10px 10px;
	}

	#headerCategoryArea h1 {
		font-size: 22px;
		font-weight: bold;
		font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	}

	#headerCategoryArea h1 span {
		display: inline-block;
		padding: 0px 20px;
    margin-right: 15px;
		line-height: 30px;
		font-size: 11px;
		font-weight: initial;
		vertical-align: bottom;
	}

	#headerCategoryArea .tag span:nth-child(n + 11) {
		display: none;
	}
	
	
	#headerCategoryArea .description {
		margin: 20px 0;
		font-size: 15px;
		line-height: 1.5em;
	}
	
	#headerCategoryArea .tag span a {
		margin: 0 3px 3px 0;
	}

	/* =========================================================
	headerKeyword
	========================================================= */
	#headerKeyword {
		background-color: #F0F3EC;
	}

	#headerKeywordArea {
		margin: 0 auto;
		padding: 10px 15px;
		background-color: #F6F6F6;
	}

	#headerKeyword h1 {
		font-size: 20px;
		font-weight: bold;
		line-height: 40px;
	}
	header {
		display: none;
	}
	/* =========================================================
	listCateContainer
	========================================================= */
	#listCateContainer {
		border-top: 1px solid #DADADA;
	}
	
	#listCateContainer #content .categoryArea .topArea .categoryEn,
	#listCateContainer #content .categoryArea .topArea .categoryDescription,
	#listCateContainer #content .categoryArea .bottomArea .thisCateText{
		display: none;
	}
	#listCateContainer #content .categoryArea .topArea {
		height: 35px;
    line-height: 35px;
		padding: 0 20px;
		margin: 20px 0 10px;
		color: #333;
    font-size: 20px;
    font-weight: bold;
    background-color: #FFF;
	}
	#listCateContainer #content .categoryArea .topArea .categoryName {
		padding-left: 45px;
		display: inline-block;
		background-size: 30px;
    background-repeat: no-repeat;
    background-position: left top;
	}
	#listCateContainer #content .purchaseList .topArea .categoryName {
		background-image: url(../../invest/img/ico_purchase_01.png);
	}
	#listCateContainer #content .managementList .topArea .categoryName {
		background-image: url(../../invest/img/ico_management_01.png);
	}
	#listCateContainer #content .financeList .topArea .categoryName {
		background-image: url(../../invest/img/ico_finance_01.png);
	}
	#listCateContainer #content .strategyList .topArea .categoryName {
		background-image: url(../../invest/img/ico_strategy_01.png);
	}
	#listCateContainer #content .inheritanceList .topArea .categoryName {
		background-image: url(../../invest/img/ico_inheritance_01.png);
	}
	#listCateContainer #content .interviewList .topArea .categoryName {
		letter-spacing: -1px;
		background-image: url(../../invest/img/ico_interview_01.png);
	}
	#listCateContainer #content .categoryArea .topArea a {
		width: 66px;
    height: 26px;
		margin-top: 2px;
    line-height: 26px;
    font-size: 12px;
    color: #333;
    border: 2px solid #333;
    text-align: center;
    text-decoration: none;
    float: right;
	}
	#listCateContainer #content .categoryArea .topArea a.onlyPC {
		display: none;
	}
	#listCateContainer #content ul {
		width: 6000px;
    padding-left: 20px !important;
	}
	#listCateContainer #content ul li {
		width: 87.5vw;
    margin-right: 10px;
    float: left;
	}
	#listCateContainer #content ul li a {
		color: #333;
		text-decoration: none;
		display: block;
	}
	#listCateContainer #content ul li .photoArea {
		width: 100%;
		height: auto;
	}
	#listCateContainer #content ul li .photoArea img {
		width: 100%;
    height: 56.25vw;
    object-fit: cover;
		font-family: 'object-fit: cover;';
	}
	#listCateContainer #content ul li .rightArea {
    line-height: 25px;
    font-size: 13px;
    padding: 10px 0;
    position: relative;
	}
	#listCateContainer #content .categoryArea .bottomArea .newArticleArea .titleArea {
		font-size: 14px;
    font-weight: bold;
    line-height: 1.5em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
	}
	#listCateContainer #content .categoryArea .bottomArea .newArticleArea .titleArea .title {
		margin-bottom: 10px;
		display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
	}
	#listCateContainer #content .categoryArea .bottomArea .newArticleArea .titleArea .company,
	#listCateContainer #content .categoryArea .bottomArea .newArticleArea .titleArea .person {
		display: block;
    padding-bottom: 5px;
    font-size: 13px;
    font-weight: normal;
    line-height: 1.2;
	}
	#listCateContainer #content ul li .columnCategory {
		display: inline-block;
	}
	#listCateContainer #content ul li .date {
		height: 20px;
    line-height: 24px;
    padding-right: 30px;
    color: #7E7E7E;
    float: right;
	}
	#listCateContainer #content ul li .columnLogo {
		width: 20px;
    height: 20px;
    text-indent: -9999px;
    background-color: #FFF;
    background-image: url(../../common/img/ico_logo_01.png);
    background-size: 10px;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 30px;
    border: 1px solid #E9E9E9;
    position: absolute;
    top: 10px;
    right: 0;
	}


	#listCateContainer #content ul li .columnContent {
	}
	#listCateContainer #content ul li .columnTitle {
		font-size: 14px;
    font-weight: bold;
    line-height: 1.5em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
	}
	/*3点リーダー：firefox対応*/
	@-moz-document url-prefix() {
		#listCateContainer #content ul li .columnTitle {
			overflow: hidden;
			text-overflow: ellipsis;
			white-space: nowrap;
			display: block;
		}
	}
	_:-ms-lang(x), #listCateContainer #content ul li .columnTitle { 
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		display: block;
	}

	#listCateContainer #content ul li .columnTitle a {
		color: #333;
		text-decoration: none;
	}

	#listCateContainer #content ul li .columnDescription,
	#listCateContainer #content ul li .tagText {
		display: none;
	}

	
	#listCateContainer #content .keywordArea {
		overflow-x: auto;
    padding-bottom: 10px;
    background-color: #F8F8F5;
	}
	#listCateContainer #content .keywordArea p {
		position: absolute;
    font-size: 13px;
    font-weight: bold;
    padding: 0 0 0 45px;
    margin-top: 15px;
    background-image: url(../../common/img/ico_tag_01.png);
    background-repeat: no-repeat;
    background-position: left 22px center;
    background-size: 13px;
	}
	#listCateContainer #content .keywordArea .tag {
		width: 100%;
		height: 30px;
		overflow: hidden;
    margin-top: 40px;
    padding-left: 15px;
	}
	#listCateContainer #content .keywordArea .tag span a {
		background-image: none;
    padding-left: 10px;
	}
	
	#listCateContainer #content ul li .categoryPhotoArea {
		width: 100%;
    height: 56.25vw;
		text-indent: -9999px;
		background-color: #FAFAF7;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100px;
	}
	#listCateContainer #content .purchaseList ul .categoryPhotoArea {
		background-image: url(../../invest/img/img_purchase_01.png);
	}
	#listCateContainer #content .managementList ul .categoryPhotoArea {
		background-image: url(../../invest/img/img_management_01.png);
	}
	#listCateContainer #content .financeList ul .categoryPhotoArea {
		background-image: url(../../invest/img/img_finance_01.png);
	}
	#listCateContainer #content .strategyList ul .categoryPhotoArea {
		background-image: url(../../invest/img/img_strategy_01.png);
	}
	#listCateContainer #content .inheritanceList ul .categoryPhotoArea {
		background-image: url(../../invest/img/img_inheritance_01.png);
	}
	#listCateContainer #content .interviewList ul .categoryPhotoArea {
		letter-spacing: -1px;
		background-image: url(../../invest/img/img_interview_01.png);
	}
	#listCateContainer #content ul li .categoryTextArea {
		padding: 30px 0 25px;
    font-size: 16px;
    font-weight: bold;
		text-align: center;
	}
	
	#listCateContainer #content .interviewList ul li .categoryTextArea {
		padding-top: 48px;
	}
	
	.pointer {
		height: 4px;
		padding-bottom: 15px;
		text-align: center;
	}
	.pointer span {
		width: 15px;
    height: 3px;
    margin: 0 5px;
    display: inline-block;
    background-color: #C9C5B4;
    text-indent: -9999px;
	}
	.pointer span.current {
		background-color: #D77A40;
	}
	
	/*** アニメーション関係 ***/
	.tag {
		margin-left: 99%;
	}
	body .rightSlideIn {
		display: block;
		margin-left: 0%;
		animation-duration: 1s;
		-webkit-animation-name: rightSlideIn;
		animation-name: rightSlideIn;
	}
}