/**
 * style rule
 * block_element-modifier
 *
 * window size: 3type
 * SMP: ~736px iPhone6plus landscape
 * Tablet: 737px~800px Nexus 10 portrait
 * PC: 801px~
 * contents size max 1000px
 * contents size max contain padding 1038px
 * contents size max contain padding and scroll 1058px
**/

@media (max-width: 1058px) {
	
}

@media (max-width: 800px) {
	
}

@media (max-width: 800px) {
	
}

@media (max-width: 736px) {
	
}

/**
 * base style
**/

body {
	background: #fff;
}

.wrapper {
	max-width: 1000px;
	margin: 5rem auto;
	padding: 0 2rem;
}

/*.wrapper {
	max-width: 1000px;
	margin: 5rem auto;
	padding: 0 2rem;
	display: flex;
	justify-content: space-between;
}

.wrapper .catch_copy {
	font-size: 3rem;
	font-weight: 100;
	width: 33%;
}

.wrapper .lead {
	width: 50%;
}*/

.wrapper p {
	margin: 2rem 0;
}

@media (max-width: 736px) {
	.wrapper {
		margin: 3rem auto;
	}
}

ul {
	margin-left: 1.5rem;
}



/* ------------------------------------------------------------ */
/* header
/* ------------------------------------------------------------ */

header {
	position: relative;
	height: 8rem;
	max-width: 1000px;
	margin: 0 auto;
	padding: 0 2rem;
}

#logo {
	position: absolute;
	top: 3rem;
	left: 2rem;
	margin: 0;
	padding: 0;
	width: 12rem;
	/*height: 2rem;*/
	line-height: 1.5;
}

#logo img {
	width: 100%;
	height: auto;
	vertical-align: bottom;
}

#globalNav {
	float: right;
	/*margin: 2rem 0 0;*/
	margin: 2rem 12rem 0 0;
	font-family: 'Open Sans', sans-serif;
	font-size: 1.4rem;
	line-height: 1.5;
}

#globalNav ul {
	clear: both;
	overflow: hidden;
	margin: 0;
	padding: 0;
	list-style: none;
}

#globalNav li {
	float: left;
	margin: 1rem 0 0 3.5rem;
	padding: 0;
}

#globalNav li a {
	color: #555;
}

#globalNav li a:hover {
	color: #8dc63f;
	text-decoration: none;
}

#globalNav li a.blog {
	display: block;
	border: solid 1px #333;
	padding: 0.5rem 1rem;
	position: relative;
	top: -1rem;
	font-size: 1.1rem;
}

#globalNav li a.blank:after {
	content: "";
	width: 1em;
	height: 1em;
	display: inline-block;
	background: url("../images/icon_blank.png") no-repeat;
	background-size: contain;
	margin: 0 0 0 0.8em;
	vertical-align: middle;
	opacity: 1;
}

#globalNav li a.blank:hover:after {
	opacity: 0.5;
}

#globalNav li .shopNav {
	text-decoration: underline;
	cursor: pointer;
}

#globalNav li .shopNav:hover {
	color: #8dc63f;
	text-decoration: none;
}

#globalNav li #shopNavList {
	display: none;
	position: absolute;
	margin: 0 0 0 -2.5rem;
	padding: 1rem 0 0 0;
	border-bottom: solid 1px #000;
	background: #fff;
	z-index: 9999;
}

#globalNav li #shopNavList li {
	float: none;
	margin: 0;
	padding: 0;
	text-align: center;
	border: solid 1px #000;
	border-bottom: none;
	font-size: 1.3rem;
}

#globalNav li #shopNavList li a {
	display: block;
	padding: 0.5rem;
	width: 15rem;
}

#globalNav li #shopNav_productList {
	display: none;
	position: absolute;
	margin: 0 0 0 -2.5rem;
	padding: 1rem 0 0 0;
	border-bottom: solid 1px #000;
	background: #fff;
	z-index: 9999;
}

#globalNav li #shopNav_productList li {
	float: none;
	margin: 0;
	padding: 0;
	text-align: center;
	border: solid 1px #000;
	border-bottom: none;
	font-size: 1.3rem;
}

#globalNav li #shopNav_productList li a {
	display: block;
	padding: 0.5rem;
	width: 20rem;
}

#globalNavSMP {
	display: none;
}

.fa-instagram {
	font-size: 2.8rem;
	color: #555;	
}

.fa-instagram:hover {
	color: #8dc63f;
}

.fa-facebook-f {
	font-size: 2.3rem;
	color: #555;
}

.fa-facebook-f:hover {
	color: #8dc63f;
}

.sns_ig {
	clear: both;
	position: absolute;
    top: 2.8rem;
    right: 6rem;
}

.sns_fb {
	clear: both;
	position: absolute;
    top: 3rem;
    right: 2rem;
}


@media (max-width: 736px) {
	header {
		height: auto;
	}
	
	#logo {
		position: relative;
		top: 0;
		left: 0;
		margin: 2rem 0;
		width: 11rem;
	}
	
	#globalNav {
		display: none;
		position: absolute;
		margin: 0;
		z-index: 100000;
		width: 80%;
		right: 0;
		background: #fff;
	}
	
	#globalNav li {
		float: none;
		margin: 0;
		padding: 0;
	}
	
	#globalNav li a, 
	#globalNav li a.blog {
		display: block;
		padding: 1.5rem;
		border: none;
		border-bottom: solid 1px #ccc;
		border-left: solid 1px #ccc;
		text-decoration: none;
		font-size: 1.3rem;
		top: 0;
	}
	
	#globalNav li:first-child a {
		border-top: solid 1px #ccc;
	}
	
	#globalNav li .shopNav {
		display: block;
		padding: 1rem 1.5rem;
		border-left: solid 1px #ccc;
		text-decoration: none;
		font-size: 1.3rem;
	}
	
	#globalNav li #shopNavList {
		display: block;
		position: relative;
		margin: 0;
		padding: 0;
		border: none;
	}
	
	#globalNav li #shopNavList li {
		float: none;
		margin: 0;
		padding: 0;
		text-align: center;
		border: none;
		border-bottom: none;
		font-size: 1.3rem;
	}

	#globalNav li #shopNavList li a {
		display: block;
		padding: 1rem 0;
		width: 100%;
	}
	
	#globalNav li #shopNav_productList {
		display: block;
		position: relative;
		margin: 0;
		padding: 0;
		border: none;
	}
	
	#globalNav li #shopNav_productList li {
		float: none;
		margin: 0;
		padding: 0;
		text-align: center;
		border: none;
		border-bottom: none;
		font-size: 1.3rem;
	}

	#globalNav li #shopNav_productList li a {
		display: block;
		padding: 1rem 0;
		width: 100%;
	}
	
	#globalNavSMP {
		display: block;
		position: absolute;
		top: 0;
		right: 1rem;
		width: 5rem;
		height: 5rem;
		margin: -1.5rem 0 0;
		padding: 1rem;
		cursor: pointer;
	}
	
	#globalNavSMP img {
		width: 100%;
		height: auto;
		vertical-align: bottom;
	}
	
	.sns_ig {
		position: absolute;
		top: 1.2rem;
		right: 11rem;
		margin: -1.5rem 0 0
	}
	
	.sns_fb {
		position: absolute;
		top: 1.2rem;
		right: 7.5rem;
		margin: -1.3rem 0 0
	}
}



/* ------------------------------------------------------------ */
/* .hero
/* ------------------------------------------------------------ */

.hero {
	position: relative;
}

.hero_carousel_item a {
	display: block;
	width: 100%;
	height: 548px;
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 100% 386px;
}

.hero_carousel_item a span {
	display: block;
	height: 100%;
	width: 100%;
	margin: 0 auto;
	background-repeat: no-repeat;
	background-position: center top;
	background-size: auto 100%;
}

.owl-prev, 
.owl-next {
	position: absolute;
	top: 21%;
	height: 58%;
	width: 10rem;
	margin: 0!important;
	padding: 0!important;
	border-radius: 0!important;
	color: #fff!important;
	font-size: 2rem!important;
	opacity: 0.7;
}

.owl-prev span, 
.owl-next span {
	display: block;
	width: 100%;
	position: absolute;
	top: calc(50% - 11px);
	line-height: 1;
}

.owl-prev:hover, 
.owl-next:hover {
	opacity: 1;
}

.owl-prev {
	left: 0;
	background: #b89d4d!important;
}

.owl-next {
	right: 0;
	background: #df8f9a!important;
}

@media (max-width: 736px) {
	.hero_carousel_item a {
		height: 274px;
		background-size: 100% 193px;
	}
	
	.owl-prev, 
	.owl-next {
		display: none!important;
	}
}



/* ------------------------------------------------------------ */
/* .conceptImage
/* ------------------------------------------------------------ */

.conceptImage {
	position: relative;
}

.conceptImage .image {
	background-repeat: no-repeat;
	background-size: 100% 234px;
}

.conceptImage .image span {
	display: block;
	height: 432px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: auto 100%;
}

.conceptImage .text {
	position: absolute;
	top: 260px;
	left: calc(50% + 90px);
	max-width: 390px;
	padding-right: 1em;
	font-size: 1.2rem;
	letter-spacing: 0.08em;
	line-height: 1.7;
}

.conceptImage .price {
	position: absolute;
	top: 350px;
	left: calc(50% + 90px);
	font-family: "Open Sans", sans-serif;
	font-size: 1.3rem;
	letter-spacing: 0.08em;
	color: #b1b1b1;
}

.conceptImage .linkBtnTtl {
	position: absolute;
	top: 390px;
	left: calc(50% + 90px);
	font-size: 1.2rem;
}

.conceptImage .linkBtnTtl img {
	margin-right: 1rem;
	vertical-align: middle;
}

.conceptImage .linkBtnArea {
	position: absolute;
	top: 425px;
	left: calc(50% + 90px);
	list-style: none;
	margin: 0;
	padding: 0;
}

.conceptImage .linkBtn {
	float: left;
	margin: 0 1rem 0 0;
	padding: 0;
}

.conceptImage .linkBtn a {
	display: block;
	margin: 0;
	padding: 1rem 2rem;
	border: solid 1px #000;
	text-align: center;
	text-decoration: none;
	color: #333;
	font-size: 1.2rem;
	line-height: 1.5;
	position: relative;
}

.conceptImage .linkBtn a img {
	margin-right: 0.8rem;
	vertical-align: middle;
}

.conceptImage .linkBtn a:after {
	content: "";
	width: 1.1rem;
	height: 1.1rem;
	display: block;
	background: url("../images/icon_blank.png") no-repeat right bottom;
	background-size: contain;
	position: absolute;
	bottom: 0.8rem;
	right: 0.5rem;
	opacity: 1;
}

.conceptImage .linkBtn a:hover {
	color: #8dc63f;
	border-color: #8dc63f;
}

.productDetailWrapper {
	margin: 8rem 0;
}

.no_link {
	pointer-events:none;
	color: #B1B1B1;
}

@media (max-width: 850px) {
	.conceptImage .image {
		background-size: 100% 190px;
	}
	
	.conceptImage .image span {
		height: 350px;
	}
	
	.conceptImage .text {
		top: 210px;
		left: calc(50% + 72px);
	}
	
	.conceptImage .price {
		top: 320px;
		left: calc(50% + 72px);
	}
	
	.conceptImage .linkBtnTtl {
		top: 360px;
		left: calc(50% + 72px);
	}
	
	.conceptImage .linkBtnArea {
		top: 405px;
		left: calc(50% + 72px);
	}
	
	.conceptImage .linkBtn a {
		padding: 1rem 1.6rem;
		font-size: 1.1rem;
	}
	
	.productDetailWrapper {
		margin: 14rem 0;
	}
}

@media (max-width: 736px) {
	.conceptImage .image {
		background-size: 100% 100px;
	}
	
	.conceptImage .image span {
		height: 190px;
	}
	
	.conceptImage .text {
		position: relative;
		top: 0;
		left: 0;
		max-width: 100%;
		margin: 1rem 3rem;
		padding: 0;
		font-size: 1.1rem;
	}
	
	.conceptImage .price {
    	position: relative;
    	top: 0;
    	left: 0;
    	text-align: center;
		margin-top: 1rem;
    	font-size: 1.3rem;
	}
	
	.conceptImage .linkBtnTtl {
		position: relative;
		top: 0;
		left: 0;
		text-align: center;
		margin-top: 2rem;
		padding: 0 3rem;
		font-size: 1.1rem;
	}
	
	.conceptImage .linkBtnArea {
		position: relative;
		top: 0;
		left: 0;
		text-align: center;
		padding: 0 3rem;
	}
	
	.conceptImage .linkBtn {
		float: none;
		padding: 0;
		margin-top: 1rem;
	}
	
	.conceptImage .linkBtn a {
		padding: 1rem 0;
	}
}



/* ------------------------------------------------------------ */
/* .topIndex
/* ------------------------------------------------------------ */

.topIndex {
	display: table;
	width: 100%;
	margin: 5rem 0;
}

.topIndex > div {
	display: table-cell;
	position: relative;
	width: 50%;
	padding: 7rem 5rem;
	vertical-align: middle;
	background-position: center center;
	background-size: cover;
}

.topIndex > div.line2 {
	padding: 4.5rem 5rem;
}

.topIndex > div.ttl {
	text-align: center;
}

.topIndex > div.text {
	color: #fff;
	font-size: 1.3rem;
	line-height: 1.7;
	letter-spacing: 0.09em;
}

.topIndex > div.ttl a {
	margin-top: 0.5rem;
	color: #fff;
	font-size: 1.7rem;
	letter-spacing: 0.08em;
}

.topIndex > div.ttl .more {
	display: block;
	margin-top: 2rem;
	font-family: 'Crimson Text', serif;
}

.topIndex > div.ttl a:hover {
	color: #8dc63f;
}

@media (max-width: 736px) {
	.topIndex {
		display: block;
		margin: 3rem 0;
	}
	
	.topIndex > div {
		display: block;
		width: 100%;
	}
	
	.topIndex > div.ttl img {
		max-width: 100%;
	}
	
	.topIndex > div.text {
		padding: 4rem 4rem;
	}
}



/* ------------------------------------------------------------ */
/* .indexProduct
/* ------------------------------------------------------------ */

.indexProduct {
	max-width: 800px;
	margin: 5rem auto 8rem;
	text-align: center;
}

.indexProduct a {
	display: block;
	width: 25%;
	margin: 0 auto;
	color: #333;
	text-decoration: none;
}

.indexProduct a:hover {
	color: #8dc63f;
}

.indexProduct a > span {
	display: block;
}

.indexProduct a > span.image {
	width: 56%;
	margin: 0 auto 3px;
}

.indexProduct a > span.image img {
	width: 100%;
	height: auto;
}

.indexProduct a:hover > span.image img {
	opacity: 0.8;
}

.indexProduct a > span.productName {
	font-family: "Open Sans", sans-serif;
	font-size: 1.4rem;
}

.indexProduct a > span.price {
	font-family: "Open Sans", sans-serif;
	font-size: 1.3rem;
	letter-spacing: 0.08em;
	color: #b1b1b1;
	display: block;
	margin-top: 12px;
	/*background: url(../images/price_bar.png) no-repeat;
	line-height: 1px;
	padding-left: 10px;*/
}

.indexProduct a > span.price span {
	font-size: 1.2rem;
	letter-spacing: 1px;
	color: #b1b1b1;
}

.indexProduct a > span.more {
	margin-top: 1.6rem;
	font-family: 'Crimson Text', serif;
	font-size: 1.6rem;
	text-decoration: underline;
}

.indexProduct.multi {
	display: table;
	border-collapse: separate;
	border-spacing: 5rem 0;
}

.indexProduct.multi a > span.price {
	font-family: "Open Sans", sans-serif;
	font-size: 1.3rem;
	letter-spacing: 0.08em;
	color: #b1b1b1;
	display: block;
	margin-top: 7px;
}

.indexProduct.multi a {
	display: table-cell;
}

.indexProduct.multi.item6 a {
	width: 33%;
}

.indexProduct.multi.item5 a {
	width: 20%;
}

.indexProduct.multi.item4 a {
	width: 25%;
}

.indexProduct.multi.item3 a {
	width: 33%;
}

.indexProduct.parallel a {
	display: inline-block;
	margin: 0 2rem;
}

@media (max-width: 736px) {
	.indexProduct {
		margin: 3rem auto;
	}
	
	.indexProduct a, 
	.indexProduct.multi a {
		width: 50%;
	}
	
	.indexProduct a > span.image {
		width: 40%;
	}
	
	.indexProduct.multi {
		display: block;
	}
	
	.indexProduct.multi a {
		display: block;
		margin: 1rem auto 3rem;
	}
	
	.indexProduct.multi.item6 a, 
	.indexProduct.multi.item5 a, 
	.indexProduct.multi.item4 a, 
	.indexProduct.multi.item3 a {
		width: 50%;
	}
}



/* ------------------------------------------------------------ */
/* .productDetail
/* ------------------------------------------------------------ */

.productDetail {
	clear: both;
	overflow: hidden;
	width: 100%;
}

.productDetail > div {
	width: 50%;
	height: 410px;
	background-size: cover;
	background-position: center center;
	vertical-align: middle;
	font-size: 1.2rem;
}

.productDetail > div span {
	width: 50%;
	height: 410px;
	background-size: cover;
	background-position: center center;
	vertical-align: middle;
	font-size: 1.1rem;
}

.productDetail.leftImg > div {
	float: left;
}

.productDetail.rightImg > div {
	float: right;
}

.productDetail > div.text {
	padding: 0;
}

.productDetail.leftImg > div.text {
	padding-left: 10rem;
	padding-right: 2rem;
}

.productDetail.rightImg > div.text {
	padding-right: 10rem;
	padding-left: calc(50% - 10rem - 45rem);
}

.productDetail > div h2 {
	margin: 3.5rem 0 2rem;
	font-family: "Open Sans", sans-serif;
	font-size: 2.5rem;
	font-weight: lighter;
}

.productDetail > div h2.coconut {
	margin: 1rem 0 1rem;
	font-family: "Open Sans", sans-serif;
	font-size: 2.5rem;
	font-weight: lighter;
}

.productDetail > div h3 {
	margin: 2rem 0 1rem;
	font-size: 1.4rem;
	font-weight: bold;
}

.productDetail > div p {
	margin: 1rem 0;
}

.productDetail > div table {
	min-width: 300px;
}

.productDetail > div table th {
	padding: 0.2rem 0.5rem;
	border-bottom: dashed 1px #ddd;
	text-align: right;
	font-weight: normal;
}

.productDetail > div table td {
	padding: 0.2rem 0.5rem;
	border-bottom: dashed 1px #ddd;
	text-align: right;
}

.productDetail > div table thead td {
	font-size: 1.1rem;
}

@media (max-width: 1150px) {
	.productDetail.leftImg > div.text {
		padding-left: 5rem;
		padding-right: 2rem;
	}
	
	.productDetail.rightImg > div.text {
		padding-right: 5rem;
		padding-left: 2rem;
	}
}

@media (max-width: 736px) {
	.productDetailWrapper {
		margin: 3rem 0;
	}
	
	.productDetail {
		display: block;
		height: auto;
	}
	
	.productDetail > div {
		display: block;
		width: 100%;
	}
	
	.productDetail > div h2 {
		font-size: 1.8rem;
	}
	
	.productDetail > div h2.coconut {
		font-size: 1.8rem;
	}
	
	.productDetail > div {
		height: auto;
	}
	
	.productDetail > div.image {
		height: 200px;
		margin-top: 3.5rem;
	}
	
	.productDetail.leftImg > div.text, 
	.productDetail.rightImg > div.text {
		padding-right: 3rem;
		padding-left: 3rem;
	}
}



/* ------------------------------------------------------------ */
/* .farm
/* ------------------------------------------------------------ */

.farmImg {
	border-top: solid 1px #efefef;
	border-bottom: solid 1px #efefef;
}

.farmImg > div {
	margin: 0 auto;
	padding: 0 20px;
	max-width: 1000px;
}

.firmImg-01 {
	margin: 4rem 0 0!important;
}

.firmImg-02 {
	margin: 3rem 0 0!important;
	position: relative;
	left: 26%;
}

.firmImg-03 {
	margin: 0!important;
	text-align: right;
}

.firmImg-04 {
	margin: 3rem 0 0!important;
	text-align: right;
	position: relative;
	right: 8%;
}

.firmImg-05 {
	margin: 3rem 0 0!important;
	text-align: right;
	position: relative;
	right: 30%;
}

.firmImg-01 img {
	width: 94%;
	height: auto;
}

.firmImg-02 img {
	width: 57%;
	height: auto;
}

.firmImg-03 img {
	width: 93%;
	height: auto;
}

.firmImg-04 img {
	width: 48%;
	height: auto;
}

.firmImg-05 img {
	width: 62%;
	height: auto;
}

.farmProof {
	margin: 8rem 0;
	border-collapse: collapse;
	font-size: 1.2rem;
	line-height: 2;
}

.farmProof th, .farmProof td {
	border-top: solid 1px #efefef;
	border-bottom: solid 1px #efefef;
	padding: 5rem 3rem;
	vertical-align: middle;
}

.farmProof th {
	width: 30%;
	padding-left: 8rem;
	text-align: center;
}

.farmProof td {
	width: 70%;
	padding-right: 8rem;
	text-align: left;
}

@media (max-width: 736px) {
	.farmImg > div {
		max-width: 100%;
	}
	.farmImg > div img {
		width: 100%;
		height: auto;
	}
	
	.firmImg-01 {
		text-align: center;
	}
	
	.firmImg-02 {
		text-align: center;
		left: 0;
	}
	
	.firmImg-03 {
		margin: 3rem 0 0!important;
		text-align: center;
	}
	
	.firmImg-04 {
		text-align: center;
		right: 0;
	}
	
	.firmImg-05 {
		text-align: center;
		right: 0;
	}
	
	.farmProof {
		margin: 4rem 0;
	}
	
	.farmProof th, .farmProof td {
		display: block;
		width: 100%;
		padding: 3rem;
	}
	
	.farmProof th {
		border-bottom: none;
		padding-bottom: 1rem;
		text-align: center;
	}
	
	.farmProof td {
		border-top: none;
		padding-top: 1rem;
		text-align: left;
	}
}



/* ------------------------------------------------------------ */
/* .howtouse
/* ------------------------------------------------------------ */

.howtouse-head {
	margin-top: 5rem;
	font-size: 1.6rem;
	font-weight: bold;
}

.howtouse {
	margin: 6rem 0;
	padding: 6rem 0 0;
	border-top: solid 1px #efefef;
}

.howtouse .img {
	margin: 0;
}

.howtouse .howtouse-01 {
	margin-top: 0;
	line-height: 2;
}

.howtouse .howtouse-02 {
	font-size: 1.2rem;
	line-height: 2;
}

a.howtouseBtn {
	display: block;
	width: 30%;
	margin: 3rem auto;
	padding: 1rem;
	border: solid 1px #000;
	color: #333;
	font-size: 1.2rem;
	text-decoration: none;
	text-align: center;
}

a.howtouseBtn:hover {
	border: solid 1px #8dc63f;
	color: #8dc63f;
}

@media (max-width: 736px) {
	.howtouse {
		margin: 3rem 0;
		padding: 3rem 0 0;
	}
	
	.howtouse .img img {
		width: 100%;
	}
	
	.howtouse .howtouse-01 {
		margin-top: 1rem;
		line-height: 1.5;
	}

	.howtouse .howtouse-02 {
		line-height: 1.5;
	}
	
	a.howtouseBtn {
		margin: 3rem;
		width: auto;
	}
}



/* ------------------------------------------------------------ */
/* .voice
/* ------------------------------------------------------------ */

.voice-head {
	margin-top: 5rem;
	font-size: 1.6rem;
	font-weight: bold;
}

.wrapper .voice-q-head {
	margin: 2rem 0 0;
	font-size:  1.5rem;
}

.wrapper .voice-q-body {
	margin: 0;
	padding-left: 1.5em;
}

.wrapper .voice-a-head {
	margin: 0.5rem 0 0;
	font-size:  1.5rem;
}

.wrapper .voice-a-body {
	margin: 0;
	padding-left: 1.5em;
}



/* ------------------------------------------------------------ */
/* .footerImg
/* ------------------------------------------------------------ */

.footerImg {
	background: url("../images/topProduct_00.jpg") no-repeat center center;
	background-size: cover;
	height: 389px;
}

@media (max-width: 736px) {
	.footerImg {
		height: 200px;
	}
}



/* ------------------------------------------------------------ */
/* .toStore
/* ------------------------------------------------------------ */

.toStore {
	background: #efefef;
	padding: 4rem 0;
}

.toStoreOnline {
	margin: 0 auto;
	background: #fff;
	width: 60rem;
	max-width: 90%;
	text-align: center;
}

.toStoreOnline h2 {
	padding: 3rem 0;
	color: #666;
	font-family: 'Open Sans', sans-serif;
	font-size: 1.8rem;
	font-weight: 100;
	line-height: 1;
}

.toStoreOnline h2 img {
	margin-right: 1rem;
}

.toStoreOnline ul {
	margin: 0;
	padding: 0 2rem 3rem;
	clear: both;
	overflow: hidden;
	list-style: none;
}

.toStoreOnline ul li {
	float: left;
	margin: 0;
	padding: 0 1rem;
	width: 33.333%;
}

.toStoreOnline ul li a {
	display: block;
	padding: 1rem 0;
	border: solid 1px #000;
	font-size: 1.3rem;
	color: #333;
	text-decoration: none;
	position: relative;
}

.toStoreOnline ul li a:hover {
	color: #8dc63f;
	text-decoration: none;
}

.toStoreOnline ul li a:after {
	content: "";
	width: 1.1rem;
	height: 1.1rem;
	display: block;
	background: url("../images/icon_blank.png") no-repeat;
	background-size: contain;
	position: absolute;
	bottom: 0.5rem;
	right: 0.5rem;
	opacity: 1;
}

@media (max-width: 736px) {
	.toStoreOnline ul li {
		float: none;
		margin: 0;
		padding: 0 1rem 1rem;
		width: 100%;
	}
}



/* ------------------------------------------------------------ */
/* footer
/* ------------------------------------------------------------ */

footer {
	position: relative;
	max-width: 1000px;
	margin: 0 auto;
	padding: 0 2rem;
	font-family: 'Open Sans', sans-serif;
	clear: both;
	overflow: hidden;
}

#footerLogo {
	margin: 2rem 0 1rem;
	width: 9.6rem;
	line-height: 1.5;
}

#footerLogo img {
	width: 100%;
	height: auto;
}

#copyright {
	margin: 1rem 0 2rem;
	font-family: 'Open Sans', sans-serif;
	font-size: 1.1rem;
	line-height: 1.5;
}

#footerNav {
	line-height: 1.5;
}

#footerNav ul {
	position: absolute;
	right: 14rem;
	top: 2rem;
	margin: 0;
	padding: 0;
	list-style: none;
	clear: both;
	overflow: hidden;
}

#footerNav ul li {
	float: left;
	margin-top: 1rem;
	padding: 0 2.1rem;
	font-family: 'Open Sans', sans-serif;
	font-size: 1.2rem;
}

#footerNav li:last-child {
	padding-right: 0;
}

#footerNav li a {
	color: #777882;
}

#footerNav li a.blog {
	display: block;
	border: solid 1px #333;
	padding: 0.5rem 1rem;
	position: relative;
	top: -1rem;
}

#footerNav li a.blank:after {
	content: "";
	width: 1em;
	height: 1em;
	display: inline-block;
	background: url("../images/icon_blank.png") no-repeat;
	background-size: contain;
	margin: 0 0 0 0.8em;
	vertical-align: middle;
	opacity: 1;
}

#footerNav li a:hover {
	color: #8dc63f;
	text-decoration: none;
}

#footerNav li:hover img {
	opacity: 0.5;
}

footer .sns_ig {
	clear: both;
	position: absolute;
    top: 2.6rem;
    right: 6rem;
}

footer .sns_fb {
	clear: both;
	position: absolute;
    top: 2.8rem;
    right: 2rem;
}

@media (max-width: 736px) {
	#footerNav ul {
		position: relative;
		left: 0;
		top: 0;
	}
	
	#footerNav ul li {
		width: 50%;
		padding: 0.5rem 0;
	}
	
	#footerNav ul li a {
		padding: 0.5rem 0;
	}
	
	#footerNav ul li a.blog {
		top: 0;
	}
	
	#copyright {
		text-align: center;
	}
	
	footer .sns_ig {
		clear: both;
		position: absolute;
		top: 3rem;
		right: 6rem;
}

	footer .sns_fb {
		clear: both;
		position: absolute;
		top: 2.9rem;
		right: 2rem;
}
}



/* ------------------------------------------------------------ */
/* ttl
/* ------------------------------------------------------------ */

.ttl1 {
	margin: 10rem 0 5rem;
	padding: 0;
	font-size: 1.8rem;
	font-family: 'Open Sans', sans-serif;
	font-weight: normal;
	text-align: center;
}

.ttl2 {
	margin: 10rem 0 5rem;
	padding: 0;
	font-size: 3rem;
	font-family: 'Open Sans', sans-serif;
	font-weight: normal;
	text-align: center;
}

.ttl3 {
	margin: 10rem 0 5rem;
	padding: 0;
	font-size: 2.5rem;
	font-family: 'Open Sans', sans-serif;
	font-weight: normal;
	color: #8ab169;
	text-align: center;
}

@media (max-width: 736px) {
	.ttl1 {
		margin: 5rem 0 3rem;
	}
	
	.ttl2 {
		margin: 5rem 0 3rem;
	}
}