#snsArea ul li { display: inline-block; margin: 0 12px;}
#snsArea ul li a {
border: solid 1px #333;
display: block;
transition:0.5s;}
#snsArea ul li a:hover { background-color: #fff;}
#snsArea ul li a span{background-position: center center; background-repeat: no-repeat; background-size: contain; text-indent: -9999px;display: block;}
#snsArea ul li.snsX a span{ background-image: url(../img/beechan/sns_x.png);}
#snsArea ul li.snsInstagram a span{ background-image: url(../img/beechan/sns_instagram.png);}
#snsArea ul li.snsYoutube a span{ background-image: url(../img/beechan/sns_youtyube.png);}
#snsArea { text-align: center;}


/* ↓スマホ */
@media all and (max-width: 767px) {

	/* 記事 */

		main .frame{
			padding:0;
			padding-top:12px;
			padding-bottom: 40px;
		}

		article{
			text-align: left;
		}
		article .heading1{
			margin-bottom:2.0em;

		}
		article .heading1 h1{
			display: block;
			padding-top: 7px;
			padding-left: 5px;
			padding-bottom: 7px;
			border-left: solid 6px #6db05a;
			line-height: 1.35em;
			box-sizing: border-box;
			font-size: 135%;
		}
		article section{
			position: relative;
		}
		article section span.anchor{
			display: block;
			position: absolute;
			top:-100px;
		}
		article section.notes{
			padding:10px;
			border:solid 1px #6db05a;
			box-sizing: border-box;
			margin-bottom: 2.0em;
		}
		article section h2{
			display:block;
			padding: 5px 0;
			border-bottom: solid 2px #6db05a;
			box-sizing: border-box;
			line-height: 1.5em;
			margin:0 auto 1.0em;
			font-size: 112.5%;
		}
		article section h3{
			display:block;
			padding: 2px 5px;
			border-left: solid 3px #6db05a;
			box-sizing: border-box;
			line-height: 1.5em;
			margin:0 auto 0.5em;
			font-size:100%;
		}
		article section p{
			display:block;
			margin:0 auto 2.0em;
			line-height: 1.75em;
			font-size:100%;
		}
		article section a{
			color:#0094b4;
			text-decoration: none;
		}
		article section a:hover{
			color:#33ccff;
		}
		article section a:visited{
			color:#ccc;
		}
		article section figure{
			margin:0 auto 2.0em;
		}
		article section figure .img{
			background-color: #e5e5e5;
			background-size:cover;
			height:0;
			position: relative;
		}
		article section figure .img img{
			position: absolute;
			top:0;
			left:0;
			width: 100%;
			height:100%;
		}

		figure.mainimg{width:100%;}
		figure.mainimg .img{width:100%;padding-top:56.25%;}
		figure.yoko{width:75%;}
		figure.yoko .img{width:100%;padding-top:66.67%;}
		figure.tate{width:43.75%;}
		figure.tate .img{width:100%;padding-top:150%;}

		article section figure figcaption{
			margin-top:10px;
			text-align: center;
			line-height: 1.5em;
			font-size:80%;
		}

	/* シェアボタン */
	.shareButton{
		overflow: hidden;
		text-align: right;
		margin-right: 10px;
	}
	.shareButton span:first-child{
		display: inline-block;
		padding-left:15px;
		background-image: url(../img/parts/share_arrow.png);
		background-repeat: no-repeat;
		background-position: left center;
		background-size: 9px 14px;
		height:30px;
		line-height: 30px;
		font-weight: bold;
		font-size:75%;
		vertical-align:top;
	}
	.shareButton a{
		display: inline-block;
		width:30px;
		height:30px;
		background-repeat: no-repeat;
		background-size: 30px 30px;
		text-indent: -9999px;
		margin-left: 5px;
		text-align: left;
		vertical-align:top;
	}
	.shareButton a.tw{background-image: url(../img/parts/share_x.png);}
	.shareButton a.fb{background-image: url(../img/parts/share_fb.png);}
	.shareButton a.line{background-image: url(../img/parts/share_line.png);}
	
	#snsArea h2 { font-size: 0.8em;}
	#snsArea { margin: 0 10px;}
	#snsArea ul { padding: 20px 0;}
	#snsArea ul li { display: inline-block; margin: 0 0.5%; width: 30%; max-width: 140px;}
	#snsArea ul li a {
border-radius: 15px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
	padding: 15px 0;
}
	#snsArea ul li a span{width: 100px; height: 20px; margin: 0 auto;}

}
/* ↑スマホ */
/* ↓PC */
@media all and (min-width: 768px) {

/* 記事 */
	main .frame{
		width:960px;
		background: #fff;
		margin:0 auto 50px;
		padding:0;
		padding-top:24px;
		padding-bottom: 40px;
		border-left: solid 1px #ccc;
		border-right: solid 1px #ccc;
		border-bottom: solid 1px #ccc;
		box-sizing: border-box;
	}

	article{
		text-align: left;
	}
	article .heading1{
		width:800px;
		margin:0 auto 45px;

	}
	article .heading1 h1{
		display: block;
		padding-top: 7px;
		padding-left: 14px;
		padding-bottom: 7px;
		border-left: solid 10px #6db05a;
		line-height: 1.35em;
		box-sizing: border-box;
		font-size: 150%;
	}
	article section{
		/* padding-top: 60px; */
		width: 640px;
		margin:0 auto 3.0em;
		position: relative;
	}
	article section span.anchor{
		display: block;
		position: absolute;
		top:-100px;
	}
	article section.notes{
		padding:15px 30px;
		border:solid 1px #6db05a;
		box-sizing: border-box;
	}
	/* article section h2{
		display:block;
		padding: 5px;
		border-left: solid 7px #6db05a;
		border-bottom: solid 1px #ccc;
		box-sizing: border-box;
		line-height: 1.5em;
		margin:0 auto 1.5em;
		font-size: 112.5%;
	} */
	article section h2{
		display:block;
		/* padding: 5px; */
		padding: 5px 0;
		/* border-left: solid 7px #6db05a; */
		border-bottom: solid 2px #6db05a;
		box-sizing: border-box;
		line-height: 1.5em;
		margin:0 auto 1.5em;
		font-size: 125%;
	}
	article section h3{
		display:block;
		padding: 2px 5px;
		border-left: solid 5px #6db05a;
		box-sizing: border-box;
		line-height: 1.5em;
		margin:0 auto 1.0em;
		font-size:100%;
	}
	article section p{
		display:block;
		margin:0 auto 2.0em;
		line-height: 1.75em;
		font-size:100%;
	}

	article section a{
		color:#0094b4;
		text-decoration: none;
	}
	article section a:hover{
		color:#33ccff;
	}
	article section a:visited{
		color:#ccc;
	}
	article section figure{
		margin:0 auto 2.0em;
	}
	article section figure .img{
		background-color: #e5e5e5;
		background-size:cover;
	}

	figure.mainimg{width:640px;}
	figure.mainimg .img{width:640px;height:360px;}
	figure.yoko{width:480px;}
	figure.yoko .img{width:480px;height:320px;}
	figure.tate{width:280px;}
	figure.tate .img{width:280px;height:420px;}

	article section figure figcaption{
		text-align: center;
		margin-top:10px;
		line-height: 1.25em;
		font-size:75%;
	}
	

/* シェアボタン */
	.shareButton{
		overflow: hidden;
		text-align: right;
		margin-right: 80px;
	}
	.shareButton span:first-child{
		display: inline-block;
		padding-left:15px;
		background-image: url(../img/parts/share_arrow.png);
		background-repeat: no-repeat;
		background-position: left center;
		background-size: 9px 14px;
		height:30px;
		line-height: 30px;
		font-weight: bold;
		font-size:75%;
		vertical-align:top;
	}
	.shareButton a{
		display: inline-block;
		width:30px;
		height:30px;
		background-repeat: no-repeat;
		background-size: 30px 30px;
		text-indent: -9999px;
		margin-left: 10px;
		text-align: left;
		vertical-align:top;
	}
	.shareButton a.tw{background-image: url(../img/parts/share_x.png);}
	.shareButton a.fb{background-image: url(../img/parts/share_fb.png);}
	.shareButton a.line{background-image: url(../img/parts/share_line.png);}

#snsArea ul { padding: 26px 0;}
	#snsArea ul li a {
border-radius: 18px;
-webkit-border-radius: 18px;
-moz-border-radius: 18px;
padding: 18px 0; width: 155px;}
	#snsArea ul li a span{width: 130px; height: 28px; margin: 0 auto;}
}
/* ↑PC */