/*
Theme Name: ichigoichie
*/


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

    news

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

.sec_in1200 {max-width: 1200px; width: 88%; margin: auto;}
.sec_in900 {max-width: 900px; width: 88%; margin: auto;}

.page_title {width: 88%; margin: 0 auto 80px; text-align: center; padding: 50px 0 70px; border-bottom: solid 1px #ccc;}
.page_title h2 {font-size: 40px; line-height: 1; letter-spacing: 5px; display: block; font-weight: 600; margin-bottom: 15px !important;}
.page_title p {font-size: 16px; letter-spacing: 3px; line-height: 1.2; color: #999;}

.news01 {
	margin: 60px 0;
}

.news01_in {
	overflow: hidden;
}

.news_box {
	float: left;
	width: 30.3%;
	margin: 0 1.5% 20px;
	min-height: 300px;
}

.date {
	font-size: 13px;
	margin-bottom: 10px;
	letter-spacing: 1px;
	overflow: hidden;
}

.news_cat {
	float: left;
	display: inline-block;
	box-sizing: border-box;
	padding: 4px 10px;
	border: solid 1px #333;
	line-height: 1;
}

.news_img {
	margin-bottom: 10px;
}

.news_img a:hover img {
	filter: brightness(0.6);
	transition: .3s;
}

.news_img img {
	object-fit: cover;
	width: 100%;
	height: 240px;
	transition: .3s;
}

.news_title {
	margin-bottom: 10px !important;
	line-height: 1.3;
}

.news_title a {
	font-size: 16px;
	letter-spacing: 1px;
	transition: .2s;
	font-weight: 500;
	color: #666;
	line-height: 1.3;
	display: block;
}

.news_title a:hover {
	color: #D94258;
	transition: .2s;
}

.news_box .news_cat a {
	margin-left: 0;
}

.news_date {
	float: right;
	font-size: 14px;
	color: #666;
	    line-height: 1;
}

.blog_pages {
	text-align: center;
	min-height: 30px;
	margin-bottom: 30px;
}

.blog_pages .page-numbers {
    border: solid 1px #ccc;
    padding: 4px 6px 4px 10px;
    font-size: 15px;
    margin-right: 1px;
    color: #333;
	box-sizing: border-box;
}

.blog_pages .prev {
	padding: 4px 8px 4px;
}

.blog_pages .next {
	padding: 4px 8px 4px;
}

.blog_pages .current {
    border: solid 1px #333;
    padding: 4px 6px 4px 10px;
    font-size: 15px;
    margin-right: 1px;
    color: #fff;
	background: #333;
	box-sizing: border-box;
}

a.page-numbers:hover {
	color: #fff;
	background: #333;
	text-decoration: none;
}

.cat_title {
	font-size: 26px;
	display: block;
	margin-bottom: 30px;
	border-bottom: solid 3px #333;
	padding-bottom: 4px;
}




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

    single

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

.single_wrap {
	padding: 80px 0 50px;
}

.entry-header {height: auto;}

.single_img {
	padding-top: 10px;
	margin-bottom: 30px;
	text-align: center;
}

.single_img img {
	width: 100%;
	object-fit: cover;
	height: 450px;
}

.single_btn a {
	display: block;
	max-width: 500px;
	width: 100%;
	margin: 0 auto 60px;;
	box-sizing: border-box;
	background: #222;
	color: #fff;
	text-align: center;
	padding: 17px 10px;
	letter-spacing: 1px;
	font-size: 15px;
	transition: .3s;
}

.single_btn a:hover {
	transition: .3s;
	background: #F99300;
}


.single_title {
	font-size: 30px;
	letter-spacing: 0;
	display: block;
	line-height: 1.3;
	padding-bottom: 10px;
	margin-bottom: 20px;
	border-bottom: solid 1px #333;
}

.sec_title001 {
	font-size: 30px;
	letter-spacing: 2px;
}




.post-navigation {
	padding: 30px 0;
}

.nav-links {
	overflow: hidden;
	width: 100%;
	box-sizing: border-box;
	padding: 20px 0;
}

.nav-links a {
	font-size: 12px;
	letter-spacing: 0;
}



.nav-links a:nth-of-type(1) {
	display: block;
	width: 50%;
	float: left;
	border-right: solid 1px #ccc;
	box-sizing: border-box;
	padding: 20px 0;
}

.nav-links a:nth-of-type(2) {
	display: block;
	width: 50%;
	float: right;
	text-align: right;
	box-sizing: border-box;
	padding: 20px 0;
}

.nav-links a:hover {
	color: #FFA400;
}

.nav-links a span {
	font-size: 13px;
}

.nav-links a:hover span {
	color: #FFA400;
}

.entry-content {
	padding-bottom: 30px;
	border-bottom: solid 5px #ccc;
}

.cat-links {
	margin-bottom: 10px;
}

.cat-links a {
	display: inline-block;
    box-sizing: border-box;
    font-size: 12px;
    color: #868686;
    letter-spacing: 1px;
    padding: 4px 10px;
    text-align: center;
    line-height: 1;
    width: 108px;
    border: solid 1px #868686;
}

.single .entry-title {
	font-size: 27px;
	padding-top: 10px;
	letter-spacing: 1px;
	color: #333;
}

.byline {
	display: none;
	
}

.comments-link {
	display: none;
}

.edit-link {
	display: none;
}



.single .post-thumbnail {
	margin-bottom: 25px;
}

.single .post-thumbnail img {
	width: 100%;
	height: 520px;
	object-fit: cover;
}

.single .entry-content {
	padding: 30px 0 30px;
	margin-top: 40px;
	border-top: solid 1px #aaa;
	clear: both;
}

.single .entry-content p {
	font-size: 16px;
	line-height: 1.7;
	letter-spacing: 1px;
}

.entry-date {
	color: #333;
	float: right;letter-spacing: 0;
}



@media screen and ( max-width:1199px ){
	.news_img img {height: 190px;}
}


@media screen and ( max-width:767px ){
	.single_img img {height: 350px;}
	.news_box {min-height: 225px;}
	.news_img img {height: 160px;}
	.news_date {font-size: 13px;}
	.news_cat a {font-size: 11px;}
}

@media screen and ( max-width:567px ){
	.single_img img {height: 300px;}	
	.news_box {float: left;width: 46%;margin: 0 2% 10px;}
	.nav-links a {
		font-size: 12px;
		float: none !important;
		width: 100% !important;
		padding: 10px 15px !important;
		background: #eee;
		margin-bottom: 10px;
		text-align: center !important;
	}
	
	.nav-links a:nth-of-type(1) {border-right: none;}
	.post-navigation {padding: 0 0 30px;}
	.single .entry-title {font-size: 20px;}
	.single .post-thumbnail img {height: 290px;}
}

@media screen and ( max-width:450px ){
	.single_img img {height: 220px;}
	.news_img img {height: 140px;}	
	.news_title a {font-size: 13px;}	
	.news_box {min-height: 195px;}
	.news01 {margin: 40px 0 20px;}
	.news_img {margin-bottom: 5px;}
	.news_date {font-size: 11px;}
	.single .post-thumbnail img {height: 210px;}
	.single_wrap {padding-top: 80px;}
	.single .entry-title {font-size: 18px;}
	.cat-links a {font-size: 11px;}
	.t_news_box dt {font-size: 11px;}
	.news_cat a {width: 60px;font-size: 10px;}	
	.single .entry-content {padding: 20px 0 20px;margin-top: 30px;}
}

@media screen and ( max-width:359px ){
	.news_img img {height: 120px;}
	.news_box {min-height: 175px;}
	.news_cat a {width: 50px;font-size: 10px;}
	.single .post-thumbnail img {height: 170px;}
}