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

	/* =========================================================
	header
	========================================================= */
	header {
		display: none;
	}
	#pankuzuArea {
		border: none;
	}

	/* =========================================================
	detailContent
	========================================================= */
	#detailContainer {
		width: auto;
	}

	/* =========================================================
	#content
	========================================================= */
	#content {
		float: none;
		width: auto;
		margin: 0;
		overflow: hidden;
	}

	#titleImgSp img {
		width: 100%;
	}
	#photoSubContent img {
		width: 100%;
	}
	#headArea {
		margin-bottom: 10px;
	}
	#categoryLabel {
		width: 100px;
		height: 45px;
		line-height: 45px;
		text-align: center;
		font-size: 13px;
		font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		margin-left: 15px;
		float: left;
	}
	#dateArea {
		height: 45px;
		line-height: 45px;
		margin-right: 15px;
		font-size: 11px;
		color: #7E7E7E;
		float: right;
	}
	#dateArea .date i {
		padding-left: 0;
	}
	#dateArea .update i {
		padding: 0 5px 0 5px;
	}
	#dateArea .date {
	}

	#dateArea .update {
	}

	#title {
		font-size: 18px;
		font-weight: bold;
		line-height: 1.5em;
		padding-top: 15px;
		margin: 0 15px;
		clear: both;
	}

	#author {
		background-image: url(../../common/img/ico_logo_01.png);
		background-position: left center;
		background-repeat: no-repeat;
		background-size: 8px 10px;
		font-size: 14px;
		color: #333;
		margin: 15px;
		padding-left: 25px;
	}

	/*** 投資ニュース用 ***/
	.newsIcon#author {
		background: none;
		padding-left: 0;
	}
	.newsIcon i {
		font-size: 20px;
		margin-right: 10px;
		vertical-align: sub;
	}
	.cornerParent .newsCorner li {
		padding: 15px 0;
	}
	.cornerParent .newsCorner li .headArea {
		padding: 0 0 15px;
	}
	.cornerParent .newsCorner li .date {
		font-size: 12px;
		padding-right: 0;
	}
	.cornerParent .newsCorner li .photoArea {
		width: 32%;
		border: 1px solid #E1E1E1;
		float: right;
	}
	.cornerParent .newsCorner li .photoArea img {
		width: 100%;
		height: 62px;
		object-fit: cover;
		font-family: 'object-fit: cover;';
	}
	.cornerParent .newsCorner li .rightArea {
		width: 65%;
		padding: 0;
		float: left;
	}
	.cornerParent .newsCorner li .title {
		font-size: 14px;
		-webkit-box-orient: initial;
		-webkit-line-clamp: initial;
		overflow: initial;
	}
	.cornerParent .newsCorner li .rightArea .description {
		display: none;
	}

	/*** メインコンテンツ ***/
	#mainArea {
		margin-top: 10px;
		font-size: 15px;
		line-height: 1.8em;
	}
	#firstContent,
	#mainContent,
	#lastContent {
		padding: 0 15px;
	}

	#firstContent p,
	#mainContent p,
	#lastContent p {
		margin: 20px 0 20px 0;
	}

	/*** 序文 ***/
	#firstContent {
		margin-bottom: 30px;
	}
	/*** 本文 ***/
	#mainContent {
		color: #333;
	}
	/*** 末文 ***/
	#lastContent {
		margin-top: 50px;
	}
	#firstContent h2,
	#mainContent h2,
	#lastContent h2 {
		margin: 15px -15px;
		padding: 15px 10px 15px 15px;
		font-size: 16px;
		line-height: 1.5em;
		font-weight: bold;
		border-left: 6px solid #DAB000;
		background-size: 50px;
		background-color: #F7F7F0;
	}
	#firstContent h3,
	#mainContent h3,
	#lastContent h3 {
		padding: 10px 15px;
		margin: 20px 0;
		font-size: 16px;
		font-weight: bold;
		line-height: 1.5em;
		background-color: #F7F7F0;
		border-left: 3px solid #DAB000;
	}
	#firstContent h4,
	#mainContent h4,
	#lastContent h4 {
		padding: 5px 0px;
		margin: 20px 0;
		font-size: 14px;
		font-weight: bold;
		line-height: 1.8em;
		color: #977F68;
		border-top: 1px solid #977F68;
		border-bottom: 1px solid #977F68;
	}
	#firstContent span,
	#mainContent span,
	#lastContent span {
		display: inline;
		font-weight: bold;
		color: #D87937;
	}
	#firstContent .markerTxt,
	#mainContent .markerTxt,
	#lastContent .markerTxt,
	#firstContent .cautionTxt,
	#mainContent .cautionTxt,
	#lastContent .cautionTxt {
		background-color: #FF0;
		color: #333;
		font-weight: bold;
	}
	#firstContent a,
	#mainContent a,
	#lastContent a {
		color: #3B6C85;
	}
	#firstContent a:hover,
	#mainContent a:hover,
	#lastContent a:hover{
		text-decoration: none;
	}
	#firstContent img,
	#mainContent img,
	#lastContent img {
		width: 100%;
		height: auto;
	}

	.orgLink {
		margin: 0 15px;
		text-align: center;
	}
	.orgLink a {
		width: 100%;
		height: 60px;
		margin: 20px 0;
		line-height: 60px;
		font-size: 16px;
		font-weight: bold;
		color: #333;
		text-align: center;
		text-decoration: none;
		border: 2px solid #4C443E;
		background-color: #FFF;
		display: inline-block;
		position: relative;
	}
	.orgLink i {
		padding: 0;
		display: inline-block;
		font-weight: bold;
		font-size: 30px;
		color: #333;
		position: absolute;
		right: 25px;
		top: 13px;
	}


	/*** コンテンツのフッター周り ***/
	#ftContent {
		color: #333;
		background-color: #F7F7F0;
		margin: 30px 10px 0;
		padding: 25px 10px 10px;
		position: relative;
	}

	#ftContent #ftAuthorLogo {
		width: 35px;
		height: 35px;
		text-indent: -9999px;
		background-color: #FFF;
		background-image: url(../../common/img/ico_logo_01.png);
		background-size: 15px;
		background-position: center;
		background-repeat: no-repeat;
		border-radius: 35px;
		position: absolute;
		top: 20px;
		left: 10px;
	}

	#ftContent #ftAuthor {
		padding-left: 50px;
		font-size: 14px;
		line-height: 1.5em;
		font-weight: bold;
	}
	#ftContent #ftAuthor .authorName {
		/*color: #6A90A1;*/
	}
	#ftContent #ftAuthor a {
		color: #3B6C85;
	}
	#ftContent .tag p {
		font-size: 13px;
		background-image: url(../../common/img/ico_tag_02.png);
		background-size: 13px;
		background-position: left center;
		background-repeat: no-repeat;
		margin: 15px 0;
		padding-left: 23px;
	}

	#ftSns {
		margin: 0 10px 20px;
		background-color: #F7F7F0;
	}
	.sns a.mail {
		display: none;
	}

	.tagArea p {
		padding: 20px 0;
		font-size: 16px;
		text-align: center;
		font-weight: bold;
		background-color: #F4F6F1;
		border-top: 1px solid #E1E1E1;
	}
	.tag {
		margin: 20px 25px 0;
		/*padding-bottom: 5px;
		border-bottom: 1px solid #E1E1E1;*/
	}
	#tagLink {
		margin-right: 40px;
		float: right;
	}
	#tagLink a {
		color: #333;
		text-decoration: none;
	}
	#tagLink span {
		color: #E0C447;
	}
	.newColumn {
		padding: 20px;
		background-color: #FFF;
		position: relative;
	}
	.newColumn h3 {
		height: 30px;
		line-height: 30px;
		padding-left: 35px;
		margin-bottom: 25px;
		font-size: 14px;
		font-weight: bold;
		background-image: url(../img/ico_newColumn_01.png);
		background-size: 30px;
		background-repeat: no-repeat;
		background-position: left center;
	}
	.newColumn h3 .onlySP {
		display: inline;
	}
	.newColumn li {
		margin-bottom: 20px;
		padding-bottom: 20px;
		border-bottom: 1px solid #E9E9E9;
	}
	.newColumn li:last-child {
		margin-bottom: 0px;
	}
	.newColumn li .rightArea,
	.newColumn li .onlyPostArea {
		display: flex;
		flex-direction: column;
		padding-top: 15px;
	}

	.newColumn li .title {
		order: 1;
		margin-bottom: 15px;
		font-weight: bold;
	}
	.newColumn li .headArea {
		order: 2;
		vertical-align: middle;
	}

	.newColumn img {
		width: 100%;
	}
	.newColumn a {
		line-height: 1.5em;
		text-decoration: none;
		font-size: 14px;
		color: #333;
	}
	.newColumn .tagText {
		display: none;
	}
	.newColumn .headArea .date {
		height: 20px;
		line-height: 20px;
		color: #7E7E7E;
		font-weight: initial;
		float: right;
	}
	#headArea .sns {
		display: none;
	}
	.cornerParent .linkList {
		text-align: right;
		padding: 0 20px 15px;
		border-bottom: 1px solid #E9E9E9;
	}
	.cornerParent .linkList a {
		line-height: 1.5em;
		text-decoration: none;
		font-size: 14px;
		color: #333;
	}
	.cornerParent .listLink {
		width: 100%;
		height: 60px;
		margin: 20px 0;
		line-height: 60px;
		font-size: 16px;
		font-weight: bold;
		color: #333;
		text-align: center;
		text-decoration: none;
		border: 2px solid #4C443E;
		background-color: #FFF;
		display: inline-block;
		position: relative;
		box-sizing: border-box;
	}
	.newColumn .listLink.onlyPC {
		display: none;
	}

	#investSearch {
		font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		padding: 5px 0;
		background-color: #FFF;
		position: relative;
	}
	#investSearch #ittouArea,
	#investSearch #kubunArea {
		position: relative;
        padding-bottom: 160px;
	}
	#investSearch #kubunArea {
		position: relative;
        padding-bottom: 130px;
	}
	#investSearch #ittouArea .investSearchList,
	#investSearch #kubunArea .investSearchList{
		width: 87.5%;
		margin-left: 20px;
		padding-left: 0 !important;
		position: absolute;
		bottom: 0;
	}
	#investSearch #ittouArea .investSearchList li:first-child,
	#investSearch #kubunArea .investSearchList li:first-child {
		padding-left: 0;
		font-size: 15px;
		background: none;
	}
	#investSearch #ittouArea .investSearchList li,
	#investSearch #kubunArea .investSearchList li {
		font-size: 14px;
		padding-left: 20px;
		margin: 10px 0;
		border: none;
		background-image: url(../../common/img/icon/icon_zoom_blue.png);
		background-repeat: no-repeat;
		background-size: 10px;
		background-position: left center;
	}
	#investSearch #ittouArea .investSearchList li a,
	#investSearch #kubunArea .investSearchList li a {
		color: #007EB8;
	}
	#investSearch #kubunArea .investSearchList li:first-child {
		width: 100%;
	}
	#investSearch #kubunArea .investSearchList li {
		width: 100px;
	}
	#investSearch #kubunArea .investSearchList li span.onlySP{
		display: inline;
	}

	#investSearch h3 {
		height: 30px;
		line-height: 30px;
		padding-left: 40px;
		padding-bottom: 25px;
		margin: 0 15px 15px;
		font-size: 14px;
		font-weight: bold;
		background-image: url(../img/ico_investSearch_01.png);
		background-repeat: no-repeat;
		background-position: left top;
		background-size: 30px;
	}

	#investSearch h3 span {
		font-size: 7px;
		background-image: url(../../common/img/img_investlogo_01.png);
		background-repeat: no-repeat;
		background-position: left 70px center;
		background-size: 110px;
		float: left;
		padding-right: 165px;
	}
	#investSearch #kubunArea {
		margin-top: 15px;
		padding-top: 10px;
		border-top: 1px solid #E1E1E1;
	}
	#investSearch #ittouArea p,
	#investSearch #kubunArea p {
		font-size: 13px;
		font-weight: bold;
		height: 50px;
		line-height: 50px;
		padding-left: 60px;
		margin: 0 15px 10px;
		background-repeat: no-repeat;
		background-position: left center;
		background-size: 50px;
	}
	#investSearch #ittouArea p {
		background-image: url(../../common/img/icon/icon_tit02_02.png);
	}
	#investSearch #kubunArea p {
		background-image: url(../../common/img/icon/icon_tit01_02.png);
	}
	#investSearch #ittouArea p span {
		color: #1F7B28;
	}
	#investSearch #kubunArea p span {
		color: #C69226;
	}
	#investSearch #ittouArea ul,
	#investSearch #kubunArea ul{
		margin: auto;
		padding-left: 10px !important;
	}
	#investSearch #ittouArea li ,
	#investSearch #kubunArea li {
		width: 90vw;
		margin-right: 5px;
		padding-right: 0px;
		border: 1px solid #D7D2CA;
		background: #FFF;
		position: relative;
		overflow: hidden;
		float: left;
	}
	#investSearch li a {
		text-decoration: none;
	}
	#investSearch li .pic01 img {
		width: 100%;
		height: 62.5vw;
		object-fit: cover;
		font-family: 'object-fit: cover;';
	}
	#investSearch li .pic01 {
		width: 100%;
	}
	#investSearch li .infoBox {
		position: relative;
	}
	#investSearch li .info01 {
		height: 20px;
		margin-bottom: 6px;
		line-height: 20px;
		text-align: center;
		font-weight: bold;
		color: #FFF;
		background: #D8CCB8;
	}

	.listWrap .price01{
		height: 20px;
		margin-bottom: 1px;
		padding-left: 10px;
		font-size: 17px;
		line-height: 20px;
		font-weight: bold;
		color: #F60;
		overflow: hidden;
	}
	.listWrap .price01 span {
		font-size: 12px;
	}
	.listWrap .price01 .rimawari01 {
		padding-left: 40px;
		margin-left: 5px;
		vertical-align: middle;
		background: url(../../common/img/ico_rimawari_01.png) no-repeat 0 center;
		background-size: 38px 16px;
		overflow: hidden;
		display: inline-block;
		line-height: 20px;
		font-size: 14px;
		font-weight: bold;
		color: #C9583F;
	}
	.listWrap .price01 img {
		vertical-align: middle;
	}
	.listWrap .info02,
	.listWrap .info03 {
		height: 20px;
		line-height: 20px;
		padding-left: 10px;
		color: #333;
	}
	.listWrap .info03 {
		margin-bottom: 5px;
		color: #007EB8;
	}
	.listWrap .info02 .spt {
		color: #999;
		display: inline-block;
		padding: 0 5px;
	}
	.listWrap .icon01 {
		width: 32px;
		line-height: 12px;
		padding: 4px 11px 0 0;
		position: absolute;
		top: 25px;
		right: 0;
	}

	.icon01 span.picon {
		width: 32px;
		height: 16px;
		margin-bottom: 3px;
		float: left;
		text-indent: -9999px;
		background-size: 32px;
		background-repeat: no-repeat;
	}
	.icon01 span.prop_icon_structure_wood {
		background-image: url(../../common/img/icon/ico_kozo_moku.gif);
	}
	.icon01 span.prop_icon_structure_steel {
		background-image: url(../../common/img/icon/ico_kozo_tetsu.gif);
	}
	.icon01 span.prop_icon_structure_light_steel {
		background-image: url(../../common/img/icon/ico_kozo_keitetsu.gif);
	}
	.icon01 span.prop_icon_structure_rc {
		background-image: url(../../common/img/icon/ico_kozo_rc.gif);
	}
	.icon01 span.prop_icon_structure_src {
		background-image: url(../../common/img/icon/ico_kozo_src.gif);
	}
	.icon01 span.prop_icon_now_movein {
		background-image: url(../../common/img/icon/ico_state_tintaityu.gif);
	}
	.icon01 span.prop_icon_full_movein {
		background-image: url(../../common/img/icon/ico_state_manshitsu.gif);
	}
	.icon01 span.prop_icon_build_new {
		background-image: url(../../common/img/icon/ico_tiku_sintiku.gif);
	}
	.icon01 span.prop_icon_build_ing {
		background-image: url(../../common/img/icon/ico_tiku_kentikutyu.gif);
	}
	.icon01 span.prop_icon_build_lit {
		background-image: url(../../common/img/icon/ico_tiku_tikuasa.gif);
	}
	.icon01 span.prop_icon_brokerage_free {
		background-image: url(../../common/img/icon/ico_tyukai_zero.gif);
	}
	.icon01 span.prop_icon_brokerage_half {
		background-image: url(../../common/img/icon/ico_tyukai_half.gif);
	}
	.icon01 span.prop_icon_shikireiho_zero {
		background-image: url(../../common/img/icon/ico_shiki_rei_ho_zero.gif);
	}
	.icon01 span.prop_icon_shikirei_zero {
		background-image: url(../../common/img/icon/ico_shiki_rei_zero.gif);
	}
	.icon01 span.prop_icon_inuki {
		background-image: url(../../common/img/icon/ico_inuki.gif);
	}

	.investSearchLink {
		width: 87.5%;
		height: 80px;
		margin: 20px auto;
	}

	.investSearchLink a {
		height: 76px;
		font-size: 13px;
		font-weight: bold;
		color: #333;
		border: 2px solid #E0C447;
		display: block;
		position: relative;
	}
	.investSearchLink a:after {
		content: "＞";
		width: 7px;
		height: 12px;
		color: #E0C447;
		display: inline-block;
		position: absolute;
		top: 32px;
		right: 20px;

	}
	.investSearchLink a span {
		width: 170px;
		padding-top: 30px;
		margin: 17px 0 0 20px;
		text-align: left;
		background-image: url(../../common/img/img_investlogo_02.png);
		background-repeat: no-repeat;
		background-position: left top;
		background-size: 167px;
	}

	/* =========================================================
	sidebar
	========================================================= */
	#detailContainer #sidebar {
		display: none;;
	}

}


@media screen and (max-width:640px) {
	#columnContent .tableContents {
		background-color: #F8F8F6;
		margin-top: 25px;
		padding: 20px 15px;
	}
	#columnContent .tableContents p {
		font-size: 17px;
		font-weight: bold;
		margin : 0px;
	}
	#columnContent .tableContents > ul {
		margin-top: 20px;
		line-height: 30px;
	}
	#columnContent .tableContents a {
		color: #3398DA;
		text-decoration: none;
	}
	#columnContent .tableContents a strong {
		font-weight: normal !important;
	}

	#columnContent .tableContents .indent_3 {
		padding-left: 3%;
	}
	#columnContent .tableContents .indent_4 {
		padding-left: 3%;
	}
}