@charset "utf-8";

@media screen and (min-width: 769px) {
	/*main==================*/
	.cmn1200 {
		width: 1200px;
		margin: auto;
	}

	#atc_wrap {
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
	}

	#atc {
		width: 900px;
	}

	.atc_box {
		position: relative;
		margin-bottom: 25px;
		padding-bottom: 25px;
		border-bottom: 1px dotted #ccc;
	}

	.atc_box a {
		display: flex;
		justify-content: space-between;
	}

	.atc_box:last-child {
		margin-bottom: 0;
	}

	.atc_img {
		width: 300px;
	}

	.atc_img img {
		width: 280px;
		height: 180px;
		object-fit: cover;
	}

	.atc_rt {
		width: 590px;
		margin-top: 10px;
		padding-right: 10px;
		box-sizing: border-box;
	}

	.atc_box .atc_day {
		color: #a0a0a0;
		font-size: 12px;
		margin-bottom: 5px;
	}

	.atc_ttl {
		color: #6d4f2e;
		font-size: 18px;
		font-weight: bold;
		margin-bottom: 10px;
	}

	.atc_box:hover .atc_ttl {
		text-decoration: underline;
	}

	.atc_txt {
		color: #222;
		font-size: 16px;
		text-align: justify;
	}

	/*side==================*/
	#side {
		width: 240px;
	}

	.side_box {
		margin-bottom: 40px;
	}

	.side_box h3 {
		color: #fff;
		font-weight: bold;
		font-size: 17px;
		padding: 5px 10px;
		margin-bottom: 15px;
		background-color: #6d4f2e;
	}

	.side_box li {
		position: relative;
		border-bottom: 1px dotted #c8c8c8;
	}

	.side_box li::after {
		display: block;
		content: "";
		position: absolute;
		top: 45%;
		right: 5px;
		width: 6px;
		height: 6px;
		border-right: 1px solid #666;
		border-bottom: 1px solid #666;
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}

	.side_box li:first-child {
		padding-top: 0px;
	}

	#side_new .act_ttl,
	#side_popular .act_ttl {
		margin-bottom: 0;
	}

	#side_popular li,
	#side_new li a {
		display: block;
		padding: 15px 0;
	}

	.side_img,
	.side_subttl {
		display: table-cell;
		vertical-align: middle;
	}

	.side_img {
		width: 70px;
		height: 55px;
	}

	.side_subttl {
		color: #222;
		font-size: 14px;
		padding: 0px 20px 0px 10px;
	}
	.side_box li:hover .side_subttl {
		text-decoration: underline;
	}

	.side_subttl a {
		color: #222;
	}

	.not_post {
		padding: 15px 10px !important;
	}
}

/*スマホ=================================*/

@media screen and (max-width: 768px) {
	/*main==================*/
	#atc_wrap {
		padding: 0 5%;
	}

	.atc_list {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}

	.atc_box {
		width: 46%;
		position: relative;
		margin-bottom: 40px;
	}

	.atc_img {
		margin-bottom: 10px;
	}

	.atc_img img {
		width: 100%;
		height: 135px;
		object-fit: cover;
	}

	.atc_box .atc_day {
		color: #a0a0a0;
		font-size: 12px;
		margin-bottom: 5px;
	}

	.atc_ttl {
		color: #6d4f2e;
		font-size: 14px;
		font-weight: bold;
		margin-bottom: 3px;
	}

	.atc_txt {
		display: none;
	}

	.atc_box:hover .atc_ttl {
		text-decoration: underline;
	}

	#atc_single {
		padding: 0 0;
	}

	#side {
		margin-top: 40px;
		padding: 0 0;
	}

	/*side==================*/
	.side_box h3 {
		color: #fff;
		font-weight: bold;
		font-size: 17px;
		padding: 5px 10px;
		margin-bottom: 15px;
		background-color: #6d4f2e;
	}

	.side_box {
		margin-bottom: 40px;
	}

	.side_box li {
		position: relative;
		border-bottom: 1px solid #c8c8c8;
	}

	.side_box li::after {
		display: block;
		content: "";
		position: absolute;
		top: 45%;
		right: 10px;
		width: 6px;
		height: 6px;
		border-right: 1px solid #666;
		border-bottom: 1px solid #666;
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}

	.side_box li a {
		display: block;
	}

	#side_popular li,
	#side_new li a {
		padding: 15px 0;
	}

	#side_popular li:first-child,
	#side_new li:first-child a {
		padding-top: 0px;
	}

	.side_img,
	.side_subttl {
		display: table-cell !important;
		vertical-align: middle;
	}

	.side_img {
		width: 150px;
		height: 70px;
		object-fit: cover;
	}

	.side_img img {
		max-width: 100%;
		height: auto;
		object-fit: cover;
		float: none !important;
	}

	.side_subttl {
		width: 78%;
		font-size: 14px;
		padding: 0 8% 0 5%;
		box-sizing: border-box;
	}

	.side_box li:hover .side_subttl {
		text-decoration: underline;
	}

	.side_subttl a {
		color: #222;
	}
}

.side_month {
	margin-top: 15px;
}

.side_month select {
	width: 100%;
	padding: 5px;
	font-size: 16px;
	box-sizing: border-box;
}

#side_category li a {
	padding: 15px 0;
	display: block;
}

.wpp-no-data {
	margin-top: 10px;
}