@charset "utf-8";

/*PC*/
@media print, screen and (min-width:641px) {
	.content2Area{
		margin:0 auto 100px;
	}
	.content2Area > .commonArticle1 > section > .facebook{
		margin:35px 0px 45px;
	}
	.content2Area > .commonArticle1 > section > .facebookarea{
		color:#EBAD7A;
		font-size:14px;
		font-size:1.4rem;
		border-top:1px solid #f0f0f0;
		margin:0 0 10px;
	}
	.content2Area > .commonArticle1 > section > .facebookarea > span{
		background-color:#FFF;
		display:inline-block;
		padding-right:20px;
		position:relative;
		top:-13px;
	}
	.content2Area .commonDiv2{
		width: 90%;
		margin: 75px auto 0;
		border: 2px solid #000;
	}
	
	/* .content3Area */
	.content3Area{
		max-width: 1000px;
		width:100%;
		margin:-65px auto 60px;
		position:relative;
		box-sizing:border-box;
		display:table;
		font-size:14px;
		font-size:1.4rem;
		padding: 0 20px;
		line-height: 1.5;
	}
	.content3Area > *{
		color:#090909;
		position:relative;
	}
	.content3Area > .right,
	.content3Area > .left{
		display:table-cell;
		width:35%;
	}
	.content3Area > .right > img,
	.content3Area > .left > img{
		padding: 9px 10px 9px 12px;
		border:2px solid #000;
		display:inline-block;
		vertical-align:middle;
		position:absolute;
		top: 50%;
		margin-top: -15px;
	}
	.content3Area > .right > .pc,
	.content3Area > .left > .pc{
		display:inline-block;
		vertical-align:middle;
	}
	.content3Area > .right > .pc{
		margin: 0px 48px 0px 0px;
	}
	.content3Area > .left > .pc{
		margin: 0px 0px 0px 48px;
	}
	.content3Area > .right > img{
		right:0;
	}
	.content3Area > .left > img{
		left:0;
	}
	.content3Area > .right > .smart,
	.content3Area > .left > .smart{
		display:none;
	}
	.content3Area > .left{
		text-align:left;
	}
	.content3Area > .left > img{
		transform:rotate(180deg);
		-moz-transform:rotate(180deg);
		-webkit-transform:rotate(180deg);
	}
	.content3Area > .center{
		display:table-cell;
		width:30%;
		text-align:center;
	}
	.content3Area > .right{
		text-align:right;
	}
}

/*小さいサイズ 1 */
@media screen and (max-width:975px) and (min-width:641px) {
}

/*小さいサイズ 2 */
@media screen and (max-width:800px) and (min-width:641px) {
}

/* 印刷CSS pc */
@media print {
}

/*tablet*/
@media screen and (max-width:1000px) and (min-width:641px) {
	/* .content2Area */
	.content2Area .commonDiv2 > .img{
		width:270px;
		height:auto;
	}
	.content2Area .commonDiv2 > .caption{
		min-height: 185px;
	}
	
	/* .content3Area */
	.content3Area > .right > .pc,
	.content3Area > .left > .pc{
		display:none;
	}
	.content3Area > .right > .smart,
	.content3Area > .left > .smart{
		display:inline-block;
		vertical-align:middle;
		margin: 0 6px;
	}
}

/*smart*/
@media screen and (max-width:640px) {
	.content2Area{
	}
	.content2Area > .commonArticle1 > section > .facebook{
		margin:35px 0px 30px 5%;
	}
	.content2Area > .commonArticle1 > section > .facebookarea{
		color:#EBAD7A;
		font-size:1.4rem;
		border-top:1px solid #f0f0f0;
		margin:0 0 10px 5%;
	}
	.content2Area > .commonArticle1 > section > .facebookarea > span{
		background-color:#FFF;
		display:inline-block;
		padding-right:20px;
		position:relative;
		top:-13px;
	}
	.content2Area .facebookCommentarea{
		width:90%;
		margin:0 auto;
	}
	.content2Area .commonDiv2{
		width: 90%;
		margin: 10px auto 0;
	}
	.content2Area .commonDiv2 .commonTitle1{
		background-color:inherit;
		text-align:left;
		padding: 15px 0 0 5%;
		margin-bottom: 5px;
	}
	.content2Area .commonDiv2 .caption > dt strong {
		margin:5px 0;
	}
	.content2Area .commonBtn1{
		margin:10px auto 0;
	}
	
	/* .content3Area */
	.content3Area{
		width:90%;
		margin:20px auto;
		display:table;
		font-size:1.2rem;
	}
	.content3Area > *{
		color:#090909;
	}
	.content3Area > .right,
	.content3Area > .left{
		display:table-cell;
		width:35%;
	}
	.content3Area > .right > img,
	.content3Area > .left > img{
		display:inline-block;
		vertical-align:middle;
		position:relative;
		top:-2px;
	}
	.content3Area > .right > .pc,
	.content3Area > .left > .pc{
		display:none;
	}
	.content3Area > .right > .smart,
	.content3Area > .left > .smart{
		display:inline-block;
		vertical-align:middle;
		margin: 0 6px;
	}
	.content3Area > .left{
		text-align:left;
	}
	.content3Area > .left > img{
		transform:rotate(180deg);
		-moz-transform:rotate(180deg);
		-webkit-transform:rotate(180deg);
	}
	.content3Area > .center{
		display:table-cell;
		width:30%;
		text-align:center;
	}
	.content3Area > .right{
		text-align:right;
	}
}