@charset "UTF-8";
/*!
 * ress.css • v2.0.1
 * MIT License
 * github.com/filipelinhares/ress
 */html{box-sizing:border-box;-webkit-text-size-adjust:100%;word-break:break-word;-moz-tab-size:4;tab-size:4}*,:after,:before{background-repeat:no-repeat;box-sizing:inherit}:after,:before{text-decoration:inherit;vertical-align:inherit}*{padding:0;margin:0}hr{overflow:visible;height:0}details,main{display:block}summary{display:list-item}small{font-size:80%}[hidden]{display:none}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}a{background-color:transparent}a:active,a:hover{outline-width:0}code,kbd,pre,samp{font-family:monospace,monospace}pre{font-size:1em}b,strong{font-weight:bolder}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}input{border-radius:0}[disabled]{cursor:default}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}textarea{overflow:auto;resize:vertical}button,input,optgroup,select,textarea{font:inherit}optgroup{font-weight:700}button{overflow:visible}button,select{text-transform:none}[role=button],[type=button],[type=reset],[type=submit],button{cursor:pointer}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button:-moz-focusring{outline:1px dotted ButtonText}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}button,input,select,textarea{background-color:transparent;border-style:none}select{-moz-appearance:none;-webkit-appearance:none}select::-ms-expand{display:none}select::-ms-value{color:currentColor}legend{border:0;color:inherit;display:table;white-space:normal;max-width:100%}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}img{border-style:none}progress{vertical-align:baseline}svg:not([fill]){fill:currentColor}@media screen{[hidden~=screen]{display:inherit}[hidden~=screen]:not(:active):not(:focus):not(:target){position:absolute!important;clip:rect(0 0 0 0)!important}}[aria-busy=true]{cursor:progress}[aria-controls]{cursor:pointer}[aria-disabled]{cursor:default}

/* RESPONSIVE */

.only-pc {
	display: none;
}

/* COMMON */

.nowrap {
	white-space: nowrap;
}
.btn-wrap {
	text-align: center;
	margin: 0;
    margin-top: 2.5rem;
}
.btn {
    display: inline-block;
    padding: 0.7rem 2rem;
	border-radius: 2.5rem;
    text-decoration: none;
    color: #FFF;
	background: #CE394E;
	/*font-weight: bold;*/
}
.radius {
	border-radius: 65% 35% 37% 63% / 43% 36% 64% 57%;
}

/* LAYOUT */

.container {
	width: 100%;
	min-width: 320px;
}
.box {
	width: 100%;
	padding: 2.5rem;
	min-width: 320px;
}

/* BASE */

html {
	font-size: 62.5%;/*10px*/
}
body {
	color: #4E2210;
	background: #FAEDC8;
	font-size: 1.6em;
	line-height: 1.8;
	font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "メイリオ", sans-serif;
}
h1, h2, h3, h4, strong, b {
	font-family: "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, "メイリオ", sans-serif;
	font-weight: bold;
}
a {
	text-decoration: none;
	color: #CE394E;
}
a:hover,
a img:hover  {
	opacity: 0.8;
}
a,
a img,
a div,
a span,
a:after,
a p:after {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
p {
	margin-bottom: 2.5rem;
}
ul, ol, li, dl, dt, dd {
	text-indent: 0;
	list-style-position: outside;
	list-style: none;
}
img {
	vertical-align: bottom;
	width: 80%;
	max-width: 100%;
	height: auto;
}

/* 見出し共通 */

h2 {
	color: #CE394E;
	text-align: center;
	margin-bottom: 5rem;
	font-family: 'M PLUS Rounded 1c', sans-serif;
	font-weight: normal;
}
h2::before {
	content: "";
	display: block;
	height: 3px;
	background: url(/img/hr-sp.png) center/cover;
	margin-bottom: 5rem;
	margin-top: -2.5rem;
}
h3 {
	margin-bottom: 1rem;
}

/* 画像共通 */

.img {
	text-align: center;
}
.small {
	line-height: 1.2;
	margin-bottom: 0;
}
/* スライド */

#top {
	height: 375px;
	background: center/cover;
	display: table;
}
#top .box {
	display: table-cell;
	vertical-align: middle;
}
#top .box h1 img {
    width: 5rem;
    height: auto;
    vertical-align: middle;
    margin-right: 0.8rem;
}
#top .box h1,
#top .box p {
	text-align: center;
	color: #fff;
	text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.8);
	font-family: 'M PLUS Rounded 1c', sans-serif;
	font-weight: normal;
}

/* スライド下リード */

#lead {
	background: url(/img/bg-alps.jpg) top/cover;
	min-height: 300px;
}
#lead .box {
	text-align: center;
}
#lead p {
	margin: 5rem 0 3rem;
	font-family: 'Noto Serif JP', serif;
}

/*ジュース*/

#juice dl dt {
	float: left;
	background: #CE394E;
	color: #fff;
	text-align: center;
	font-weight: bold;
    padding: 3rem 2rem;
    width: 12rem;
	clear: left;
}
#juice dl dd {
    overflow: auto;
    padding-left: 1rem;
    margin-bottom: 2rem;
}
#juice h3 {
	margin: 0;
}
#juice h3 img {
	width: 100%;
	border-radius: 2rem 2rem 0 0;
}
#juice ul {
	padding: 2rem;
	padding-bottom: 15rem;
	border-radius: 0 0 2rem 2rem;
	background: #fff url(/img/../img/img-giftbox.jpg) bottom/contain no-repeat;
}
#juice ul li {
	border-bottom: dashed 1px #4E2210;
    margin-bottom: 2rem;
}
#juice ul li:last-of-type {
	border: none;
}

#juice h4::before {
	content: "";
    display: inline-block;
    width: 23px;
    height: 24.5px;
    background: url(../img/icon-apple.png) center/cover;
    vertical-align: sub;
}
#juice h4 {
    font-size: 1.8rem;
}
#juice p span {
	background: #4E2210;
    color: #fff;
    font-size: 1.4rem;
    font-weight: normal;
    padding: 0.2rem 1rem;
}
#juice ul li p {
    margin-left: 3rem;
}
#juice .btn {
	margin: 0 auto;
}
/* 収穫時期 */

#schedule .img {
	/*margin-bottom: 0;*/
}
#schedule .img img {
	/*width: 100%;
	border-radius: 2rem 2rem 0 0;*/
}
#schedule>div {
	/*background: #fff;
	border-radius: 0 0 2rem 2rem;
	padding: 2rem;*/
}
#schedule dl dt {
	background: #4E2210;
    color: #fff;
	text-align: center;
	/*font-weight: bold;*/
}
#schedule dl dd {
	margin-bottom: 1rem;
}

/* 砂原果樹園について */

#about {
	background: url(/img/bg-sunahara.jpg) top 23rem right -4rem/contain no-repeat;
}
#about h3 {
	text-align: center;
}
#about .img img {
	width: 60%;
}

/* 取り扱い店 */
/* 贈答用 */

#shop h3::before,
#gift h3::before {
	content: "● ";
	display: inline;
	color: #CE394E;
}
#gift div:first-of-type {
	margin-bottom: 3rem;
}
#gift .img {
	margin-bottom: 0;
}
#gift .img img {
	width: 100%;
}
#shop ul,
#gift ul {
	padding-left: 2.5rem;
	margin-bottom: 2rem;
}
#shop li,
#gift ul li {
	list-style: disc;
}
#gift span {
	background: #4E2210;
    color: #FAEDC8;
    font-size: 1.4rem;
    padding: 0.2rem 1rem;
}

/* お問い合わせ */

#contact .radius {
	border-radius: 2rem;
	border: 3px solid #CE394E;
	background: #fff;
	overflow: hidden;
	text-align: center;
    padding: 2rem 1rem;
}
#contact .img {
	margin-bottom: 1.5rem;
}
#contact .img img {
	width: 50%;
}	
#contact address {
	font-style: normal;
	/*font-weight: bold;*/
	font-size: 2.2rem;
	color: #CE394E;
	font-family: 'M PLUS Rounded 1c', sans-serif;
	font-weight: normal;
}
#contact .small small {
	display: block;
}
/* フッター */

#footer {
	background: url(/img/bg-footer.jpg) center/cover;
	height: 375px;
	color: #fff;
	position: relative;
	text-align: center;
}
#footer p {
	font-family: 'M PLUS Rounded 1c', sans-serif;
	font-weight: normal;
	text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.8);
    font-size: 2em;
    margin-top: 10rem;
}
#footer p img {
    width: 5rem;
    height: auto;
    vertical-align: text-bottom;
    margin-right: 0.8rem;
}
/*#footer p:first-of-type {
    font-size: 2em;
    font-weight: bold;
    margin-bottom: 0;
    margin-top: 6rem;
}*/
/*#footer p:last-of-type {
	margin-bottom: 6rem;
}*/
#footer address {
	font-style: normal;
	font-size: 80%;
	text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.8);
}
#footer small {
	position: absolute;
	bottom: 1rem;
	left: 0;
	right: 0;
	margin: auto;
}
#footer small,
#footer small a {
	color: #4E2210;
}
#totop {
	display: none;
	opacity: 0.8;
	position: fixed;
	bottom: 1rem;
	right: 1rem;
	background: #CE394E;
	color: #fff;
    padding: 0.7rem 1.3rem;
}

/************** PC VIEW ***************/

@media screen and (min-width: 560px) {

	/* RESPONSIVE */

	.only-sp {
		display: none;
	}
	.only-pc {
		display: block;
	}

	/* COMMON */

	.btn-wrap {
    	margin-top: 5.5rem;
	}
	
	/* LAYOUT */

	.container {
		min-width: 960px;
		/*text-align: center;*/
	}
	.box {
		width: 960px;
		margin: 0 auto;
		padding: 5rem 5rem 3rem;
		/*text-align: left;*/
	}
	
	/* BASE */
	
	img {
		width: 100%;
	}
	
	/* 見出し共通 */

	h1 {
    	font-size: 6rem;
    	font-weight: normal;
	}
	h2 {
	    font-size: 4rem;
	    font-weight: normal;
	}
	h2::before {
		background-image: url(/img/hr-pc.png);
	}
	
	/* スライド */

	#top {
		height: 593px;
	}
	#top .box h1 img {
		width: 10rem;
		margin-right: 2rem;
	}

	/* スライド下リード */
	
	#lead p {
		font-size: 2.2rem;
		margin-bottom: 5rem;
	}

	/* 酵素栽培 */
	
	#farming .img {
		float: right;
		width: 47%;
		margin-top: 3rem;
	}
	#farming>div {
		width: 50%;
	}
	
	/* 品種開発 */
	
	#hida {
		overflow: auto;
	}
	#hida .img {
		float: left;
		width: 33%;
		margin-top: 0.7rem;
		margin-right: 3rem;
	}
	#hida>div {
		overflow: auto;
	}
	
	/*ジュース*/

	#juice .img {
		float: right;
  		width: 33%;
	}
	/*#juice div {
		display: table;
	}*/
	
	#juice dl dt {
		padding: 3em 2em;
		width: 10em;
	}
	#juice dl dd {
		padding-left: 2rem;
		padding-top: 2rem;
	    margin-bottom: 4rem;
	}

	#juice ul {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		padding-bottom: 0;
		background-position: bottom -15px right 65px;
		background-size: 390px;
	}
	#juice ul li {
	    width: 50%;
		margin-bottom: 0;
		padding-top: 2rem;
		padding-left: 2rem;
	}
	#juice ul li:nth-of-type(odd) {
		padding-left: 0;
		padding-right: 2rem;
		border-right: dashed 1px #4E2210;
	}
	#juice ul li:last-of-type {
		border: none;
	}
	
	/* 収穫時期 */
	#schedule .img {
		float: left;
		width: 50%;
	}
	#schedule>div {
		overflow: auto;
		padding: 1rem 3rem 0;
	}

	/* 砂原果樹園について */
	#about {
		background-position: top 12rem right -2rem;
		background-size: 50%;
	}
	#about h3 {
		text-align: left;
	}
	#about>div { 
		width: 60%;
		margin: 0 auto;
		position: relative;
	}
	#about .img {
		position: absolute;
		bottom: 0;
		left: -120px;
		width: 100px;
		margin-bottom: 0;
	}
	#about .img img {
		width: 100%;
	}
	
	/* 取り扱い店 */
	
	#shop .img {
		float: right;
		width: 50%;
		margin-top: 2rem;
	}
	
	/* 贈答用 */
	
	#gift {
		overflow: auto;
	}
	#gift div {
		float: left;
	    width: 48%;
	}
	#gift div:first-of-type {
		margin: 0;
	}
	#gift div:last-of-type {
		float: right;
	}
	
	/* お問い合わせ */
	
	#contact .img {
		width: 50%;
		margin: 0 auto;
	}
	#contact address {
		/*font-weight: normal;*/
		font-size: 4.2rem;
	}
	#contact .btn {
		font-weight: normal;
		border-radius: 4rem;
	}
	#contact .small small {
		font-size: 1em;
		display: inline;
		margin: 0 0.5em;
	}
	
	/* フッター */
	
	#footer {
		height: 593px;
	}
	#footer p:first-of-type {
		/*font-size: 2em;*/
		margin-top: 20rem;
	}

	/* トップへ戻る*/
	
	#totop {
		bottom: 2rem;
		right: 2rem;
	}
}