@charset "utf-8";
/* CSS Document */

/* ************************************************ 
 *	
 *	PageTitle
 *	
 * ************************************************ */
.page_title{
	margin-bottom:2em;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	overflow:hidden;
}
.page_title #entry-title{
	background:url(https://www.ooyufarm.com/images/common/post_icon.png) 0 0 no-repeat;
	-moz-background-size:50px 50px;
	background-size:50px 50px;
	padding:0.2em 0.5em 0.1em 60px;
	margin-top:1em;
	font-size:200%;
	line-height:160%;
	border-bottom:1px solid #ccc;
}
@media only screen and  ( max-width : 896px ) {
	.page_title #entry-title{
		background:url(https://www.ooyufarm.com/images/common/post_icon.png) 0 0.3em no-repeat;
		-moz-background-size:25px 25px;
		background-size:25px 25px;
		padding:0.2em 0.5em 0em 25px;
		font-size:150%;
		line-height:160%;
	}
}
.text_title{
	background:url(https://www.ooyufarm.com/images/common/posttitle_bg.jpg) top right no-repeat;
	-moz-background-size:cover;
	background-size:cover;
	padding:3em;
}
.text_title h1{
	font-size:250%;
	line-height:160%;
}
@media only screen and  ( max-width : 896px ) {
	.text_title{
		padding:1em;
	}
	.text_title h1{
		font-size:180%;
		line-height:160%;
	}
}


/* ************************************************ 
 *	
 *	WPブログ/ページ共通
 *	
 * ************************************************ */

.info_date_single{
	color:#444;
	padding-top:1em;
}
@media only screen and  ( max-width : 896px ) {
	.single_txt{
		padding:0em 1em;
	}
}
.single_txt{
	font-size:100%;
	line-height:180%;
}
.single_txt p,
.single_post p{
	margin-bottom:1em;
}
.single_txt strong,
.single_txt b{
	color:#ea3200;
	font-size:130%;
	line-height:170%;
}
.single_post iframe{
	width:100%;

}
.single_post img{
	margin:1em 0em;
}

/* ************************************************ 
 *	
 *	ブログ一覧
 *	
 * ************************************************ */

/* 記事がないとき */
.no_post{
	background:#f5f5f5;
	text-align:center;
	padding:100px 0px;
	color:#aaa;
}
/* 記事のループ一覧 */
.loop_box_ul li{
	overflow:hidden;
}
.loop_box{
	border-bottom:1px solid #f5f5f5;
}
.loop_box a{
	margin-bottom:0.5em;
	background:#fff url(https://www.ooyufarm.com/images/common/icon.png) 98% 50% no-repeat;
	-moz-background-size:10px 10px;
	background-size:10px 10px;
	padding:1em 5% 1em 1em;
}
.loop_postthumb{
	border:1px solid #ccc;
	padding:1%;
}
@media print, screen and ( min-width : 500px ) {
	.loop_postthumb{
		width:20%;
		float:left;
	}
	.loop_posttext{
		padding-left:25%;
	}
	.loop_box h2{
		font-size:120%;
		
	}
}
@media only screen and  ( max-width : 500px ) {
	.loop_postthumb{
		width:35%;
		float:left;
	}
	.loop_posttext{
		padding-left:40%;
	}
}
.loop_box h2{
	color: #ae3c22;
	text-decoration: underline !important;
	padding:0.3em 0em;
}

.info_date{
	margin-bottom:0.5em;
	font-size:70%;
}
.loop_excerpt{
	font-size:80%;
	line-height:160%;
}
/* blog side------------------------ */
.side_blog_menu li{

}
.side_blog_menu li a{
	display:block;
	background:#f5f5f5 url(https://www.ooyufarm.com/images/common/icon.png) 0.5em 50% no-repeat;
	-moz-background-size:10px 10px;
	background-size:10px 10px;
	padding:0.5em 5% 0.5em 1.5em;
	border-bottom:1px solid #ccc;
	letter-spacing:0em;
}
.cat-item-none{
	display:block;
	background:#f5f5f5 url(https://www.ooyufarm.com/images/common/icon.png) 0.5em 50% no-repeat;
	-moz-background-size:10px 10px;
	background-size:10px 10px;
	padding:0.5em 5% 0.5em 1.5em;
	border-bottom:1px solid #ccc;
	color:#aaa;
}




/* ************************************************ 
 *	
 *	PAGER
 *	
 * ************************************************ */
.screen-reader-text{
	display:none;
}
.list-load-message{
	text-align:center;
}


.pager{
	clear: both;
	text-align:center;
	padding:2em 0em;
	font-size:90%;
}
.pager span,
.pager a{
	text-decoration: none;
	padding: 0.2em 0.8em;
	margin: 5px;
	background:#f5f5f5;
	color: #ae3c22;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}
.pager a:hover,
.pager .current{
	color: #fff;
	background:#ae3c22;
}
@media only screen and  ( max-width : 896px ) {
	/* smp */
	.wp-pagenavi .first,
	.wp-pagenavi .last, 
	span.extend,
	span.pages{display:none;}
}

/* ************************************************ 
 *	
 *	TOP
 *	
 * ************************************************ */

/* 商品表示------------------------ */
.top_main_banner{
	max-width:1600px;
	margin:0 auto;
}
.top_main_banner_list li img{
	width:800px;
	height:270px;
}
@media print, screen and ( min-width : 800px ) {
	.top_main_banner_list li{
		width:50%;
		float:left;
		overflow:hidden;
	}
}
@media print, screen and ( min-width : 800px ) {
	.top_img_banner_list li{
		width:49%;
		margin-right:2%;
		margin-bottom:2%;
		float:left;
	}
	.top_img_banner_list li:nth-child(2n){
		margin-right:0%;
	}
	.top_img_full_banner_list li{
		margin-bottom:2%;
	}
	.top_img_full_banner_list li:last-child{
		margin-bottom:0%;
	}
}


@media only screen and  ( max-width : 896px ) {
	/* smp */
	.top_img_banner_list li,
	.top_img_full_banner_list li{
		margin-bottom:0.5em;
		text-align:center;
	}
}
#top_contents h2{
	margin-bottom:1em;
}
#top_contents img{
	vertical-align: bottom;
	max-width:100%;
	height:auto;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
.small_text{
	font-size:70%;
	line-height:160%;
}

/* スペース------------------------ */
.top_space{
	padding:4em 0em;
}
@media only screen and  ( max-width : 896px ) {
	/* smp */
	.top_space{
		padding:2em 0em;
	}
}
.top_bt_magrin{
	margin-bottom:3em;
}
@media only screen and  ( max-width : 800px ) {
	/* smp */
	.top_bt_magrin{
		margin-bottom:2em;
	}
}

/* 大湯ファームの減農薬りんご------------------------ */
#top_text h3{
	margin-bottom:2em;
}
#top_text .inner_block{
	max-width:1070px;
	position: relative;
}
@media print, screen and ( min-width : 800px ) {
	.top_text_main{
		padding:0% 20%;
	}
	.top_about_img01 {
		position: absolute;
		bottom: 0%;
		left: -5%;
		max-width:25%;
	}
	.top_about_img02 {
		position: absolute;
		bottom :10%;
		right: -5%;
		max-width:25%;
	}
}
@media only screen and  ( max-width : 800px ) {
	/* smp */
	.top_text_main h3{
		padding:0% 10%;
	}
}



/* ランキング------------------------ */
#top_ranking{
	background:#ebebeb;
	z-index:0;
}
.top_ranking_block{
	background:#fff;
	padding:1em;
	z-index:0;
}
.ranking_block_inner{
	padding:1em;
	z-index:0;
}
.top_ranking_list li{
	position: relative;
}
.ranking_icon{
	position: absolute;
	top: 0;
	left: 0;
	z-index:1;
}
.ranking_title{
	margin-bottom:0.5em;
}
.ranking_img{
	text-align:center;
}
.ranking_img{
	margin-bottom:0.8em;
}
@media print, screen and ( min-width : 900px ) {
	.top_ranking_list li{
		width:20%;
		float:left;
	}
	.ranking_float{
		display:none;
	}
}
@media only screen and  ( max-width : 896px ) {
	.ranking01,
	.ranking02,
	.ranking03,
	.ranking04,
	.ranking05{
		width:50%;
		float:left;
	}
}
@media only screen and  ( max-width : 600px ) {
	.ranking_icon img{
		width:23px;
	}
	.ranking_block_inner{
		padding:0.5em;
	}
}

/* 用途で選ぶ------------------------ */
@media print, screen and ( min-width : 900px ) {
	.youto_ul li{
		width:19%;
		margin-right:1.2%;
		float:left;
	}
	.youto_ul li:nth-child(5n){
		float:right;
		margin-right:0%;
	}
}
@media only screen and ( max-width : 900px ) and ( min-width : 600px ) {
	.youto_ul li{
		width:32%;
		margin-right:1.5%;
		margin-bottom:1em;
		float:left;
		font-size:90%;
	}
	.youto_ul li:nth-child(3n),
	.youto_ul li:nth-child(6n){
		margin-right:0%;
		float:left;
	}
}
@media only screen and  ( max-width : 600px ) {
	.youto_ul li{
		width:48%;
		margin:1% !important;
		float:left;
		font-size:80%;
	}
}
.youto_ul li a{
	display:block;
}
.youto_ul li a img{
	width:100%;
	height:auto;
}
.youto_text h3{
	background:#af3b22 url(https://www.ooyufarm.com/images/common/icon_white.png) 0.5em 1.5em no-repeat;
	-moz-background-size:8px 8px;
	background-size:8px 8px;
	padding:1em 0.5em 1em 1.5em;
	text-decoration: none;
	color:#fff;
	display:block;
	font-size:90%;
}
.youto_text h3:hover{
	text-decoration: none;
}
.youto_text h3 small{
	color:#fff !important;
}





/* 新着情報------------------------ */
.top_blog_text .entry-title{
	color: #ae3c22;
}
.top_blog_img img{
	width:100%;
}

.top_loop_box a{
	position: relative;
}
.top_post_icon{
	display:inline-block;
	padding:0.5em 1em;
	font-size:70%;
	line-height:100%;
	color:#fff;
}
.post_icon_news{background:#2484ae;}
.post_icon_applecultivation{background:#ed1b24;}
.post_icon_challenges{background:#2e3192;}
.post_icon_yomenikkis{background:#eb5d4f;}
.post_icon_experience{background:#008870;}

@media print, screen and ( min-width : 896px ) {
	.top_blog_img{
		margin-bottom:0.8em;
	}
	.top_post_icon{
		position: absolute;
		top: 0;
		left: 0;
	}
}

@media print, screen and ( min-width : 1000px ) {
	.top_col5_ul li{
		width:18.5%;
		margin-right:1.8%;
		margin-bottom:1.8%;
		float:left;
	}
	.top_col5_ul li:nth-child(5n){
		float:right;
		margin-right:0%;
	}
}
@media only screen and ( max-width : 1000px ) and ( min-width : 896px ) {
	.top_col5_ul li{
		width:24%;
		margin-right:1.3%;
		margin-bottom:1.3%;
		float:left;
	}
	.top_col5_ul li:nth-child(4n){
		float:right;
		margin-right:0%;
	}
}
@media only screen and  ( max-width : 896px ) {
	.top_col5_ul li{
		width:100%;
	}
	.top_apple_ul li{
		margin-bottom:0.5em;
	}
	.top_loop_box{
		margin-bottom:0.5em;
		background:#fff url(https://www.ooyufarm.com/images/common/icon.png) 98% 50% no-repeat;
		-moz-background-size:10px 10px;
		background-size:10px 10px;
		border-bottom:1px solid #f5f5f5;
		padding:3% 0%;
	}
	.top_loop_box:first-child{
		border-top:1px solid #f5f5f5;
	}
	.top_blog_img{
		width:30%;
		float:left;
	}
	.top_blog_text{
		width:55%;
		float:right;
		padding-right:10%;
	}
}

/* 大湯ファームのこと------------------------ */
#top_about{
	background:#ae3c22 url(images/top/top_about_bg.jpg) right top no-repeat;
}
.top_about_text h3{
	margin-bottom:0.8em;
	color:#ae3c22;
}
@media print, screen and ( min-width : 896px ) {
	.top_about_text h3{
		text-align:center;
	}
	.top_about_text {
		padding:1em;
		height:10em;
		background:#fff;
	}
}
@media print, screen and ( min-width : 1000px ) {
	.top_about_ul li{
		width:23%;
		margin-right:2.4%;
		float:left;
		margin-bottom:2.4%;
	}
	.top_about_ul li:nth-child(4n){
		margin-right:0%;
	}
}
@media only screen and ( max-width : 1000px ) and ( min-width : 896px ) {
	.top_about_ul li{
		width:32%;
		margin-right:2%;
		float:left;
		margin-bottom:2%;
	}
	.top_about_ul li:nth-child(3n){
		float:right;
		margin-right:0%;
	}
}
@media only screen and  ( max-width : 896px ) {
	.top_about_ul li{
		background:#fff url(https://www.ooyufarm.com/images/common/icon.png) 98% 50% no-repeat;
		-moz-background-size:10px 10px;
		background-size:10px 10px;
		margin-bottom:0.5em;
		width:100%;
	}
	.top_about_img{
		width:35%;
		float:left;
		overflow:hidden;
	}
	.top_about_text{
		width:52%;
		float:right;
		padding:4% 8% 4% 0%;
	}
	.top_about_text h3{
		margin-bottom:0em;
	}
	.top_about_text p{
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 3;
		overflow: hidden;
	}
}

/* りんごについて------------------------ */
.flex_text_main{
	background:#ae3c22;
	color:#fff;
	font-size:90%;
	padding:1em 1em;
}

@media print, screen and ( min-width : 896px ) {
	.flex_text_main{
		height:3.5em;
		text-align:center;
	}
}
@media only screen and  ( max-width : 896px ) {
	.flex_box_sp{
		background:#ae3c22;
		-moz-background-size:8px 8px;
		background-size:8px 8px;
		display: flex;
		justify-content: center;
		align-items: center;
		overflow:hidden;
		z-index:-1;
		position: relative;
	}
	.flex_box_sp .flex_img_sp{
		flex: 0 0 25%;
		z-index:0;
	}
	.flex_box_sp .flex_text_sp{
		flex: 0 0 75%;
	}
	.flex_text_main{
		background:#ae3c22 url(https://www.ooyufarm.com/images/common/icon_white.png) 98% 50% no-repeat;
		-moz-background-size:10px 10px;
		background-size:10px 10px;
	}
}

/* ************************************************ 
 *	
 *	PAGE
 *	
 * ************************************************ */

/* よくある質問------------------------ */
.faq_title{
	background:url(images/page/faq_q_icon.png) 10px 0.5em no-repeat;
	-moz-background-size:40px 40px;
	background-size:40px 40px;
	padding:1em 0.5em 1em 60px;
	font-size:110%;
	border-bottom:1px dotted #ccc;
}
#faq_entry_title{
	background:url(images/page/faq_q_icon.png) 0em 0em no-repeat;
	-moz-background-size:50px 50px;
	background-size:50px 50px;
	padding:0.2em 0.5em 0.1em 60px;
	font-size:200%;
	line-height:160%;
	border-bottom:1px solid #ccc;
	margin-top:1em;
}
.faq_contents{
	background:#f5f5f5;
	padding:40px 1em 40px 60px;
	position: relative;
	margin:0.5em;
}
.faq_contents:before{
	content: " ";
	display: block;
	position: absolute;
	top: -0.5em;
	left: -0.5em;
	width:50px;
	height:50px;
	background:url(images/page/faq_a_icon.png) 0 0 no-repeat;
	-moz-background-size:50px 50px;
	background-size:50px 50px;
}
@media only screen and  ( max-width : 896px ) {
	#faq_entry_title{
		background:url(images/page/faq_q_icon.png) 0em 0.4em no-repeat;
		-moz-background-size:25px 25px;
		background-size:25px 25px;
		padding:0.2em 0.5em 0em 30px;
		font-size:150%;
		line-height:160%;
	}
	.faq_contents{
		padding:20px 1em 20px 30px;
	}
	.faq_contents:before{
		content: " ";
		display: block;
		position: absolute;
		top: -0.5em;
		left: -0.5em;
		width:25px;
		height:25px;
		background:url(images/page/faq_a_icon.png) 0 0 no-repeat;
		-moz-background-size:25px 25px;
		background-size:25px 25px;
	}
}

/* ご注文方法------------------------ */
@media print, screen and ( min-width : 896px ) {
	.shopguide_list_left{
		width:48%;
		float:left;
	}
	.shopguide_list_right{
		width:48%;
		float:right;
	}
}

/* お問い合わせ------------------------ */
.page_tel_number,
.page_fax_number{
	border:1px solid #f5f5f5;
}
.page_tel_number_comment{
	font-size:80%;
	line-height:160%;
}
@media print, screen and ( min-width : 896px ) {
	.page_tel_number_tel{
		width:55%;
		float:left;
		text-align:right;
		padding:1em 0em;
	}
	.page_tel_number_comment{
		width:40%;
		float:right;
		padding-top:1.5em;
	}
}
@media only screen and  ( max-width : 896px ) {
	.page_tel_number{
		text-align:center;
		padding:1em;
	}
	.page_tel_number_tel{
		margin-bottom:1em;
	}
	.page_tel_number_tel a{
		border:2px solid #ccc;
		background:#fff url(https://www.ooyufarm.com/images/common/icon.png) 98% 50% no-repeat;
		-moz-background-size:10px 10px;
		background-size:10px 10px;
		padding:1em 3em 1.5em 3em;
		display:block;
	}
	.page_tel_number_tel img,
	.page_fax_number_Fax img{
		width:200px;
	}
}

/* Fax問い合わせ------------------------ */
.page_fax_number{
	padding:1em 1em;
}
.page_fax_number_comment a{
	background:#006837 url(https://www.ooyufarm.com/images/common/icon_white.png) 0.5em 50% no-repeat;
	-moz-background-size:10px 10px;
	background-size:10px 10px;
	display:inline-block;
	line-height:50px;
	color:#fff;
	padding:0em 2em;
	text-align:center;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}
@media print, screen and ( min-width : 896px ) {
	.page_fax_number_Fax{
		width:55%;
		float:left;
		text-align:right;
	}
	.page_fax_number_comment{
		width:40%;
		float:right;
	}
}
@media only screen and  ( max-width : 896px ) {
	.page_fax_number{
		text-align:center;
	}
	.page_fax_number_Fax{
		margin-bottom:0.5em;
	}
}

/* お問い合わせフォーム------------------------ */
.page_contactform{
	border:1px solid #aaa;
	font-size:90%;
	background:#f5f5f5;
}
.page_contactform p{
	display:none;
}
#contact_block{
	border-bottom:1px solid #aaa;
}
.required{
	color: #ae3c22;
	font-size:80%;
}
.contact_block_left{
	font-weight:bold;
}
.contact_block_right{
	background:#fff;
}
@media print, screen and ( min-width : 896px ) {
	.contact_block_left{
		width:30%;
		float:left;
		padding:2%;
	}
	.contact_block_right{
		width:61%;
		float:right;
		padding:2%;
		border-left:1px solid #aaa;
	}
}
@media only screen and  ( max-width : 896px ) {
	.contact_block_left,
	.contact_block_right{
		padding:1em;
	}
	.contact_block_left{
		border-bottom:1px solid #aaa;
	}
}
.soushinblock{
	text-align:center;
	padding:1em;
	background:#fff;
}

/* 大湯ファームのこと------------------------ */
.about_ooyu_list li{
	background:#f5f5f5;
}
.about_ooyu_text{
	padding:0.5em 1em 1em 1em;
}
.about_ooyu_text h3{
	border-bottom:3px solid #aaa;
	margin-bottom:0.5em;
	font-size:120%;
}
.about_ooyu_text p{
	font-size:80%;
	line-height:160%;
}
.about_ooyu_list li img{
	width:100%;
}

@media print, screen and ( min-width : 500px ) {
	.about_ooyu_list li{
		width:31%;
		float:left;
		margin:1%;
	}
	.about_ooyu_list li:nth-child(3n) {
		float:right;
	}
}
@media only screen and  ( max-width : 500px ) {
	.about_ooyu_list li{
		width:100%;
	}
}