@charset "utf-8";

/***************************************************************************
   home.css 
****************************************************************************/

/*#topbanner {
	width: 100%;
}
#topbanner img {
	width: 100%;
}

.area1 {
	width: 100%;
	background: #FFFFFF;
	padding: 56px 0 86px;
}
.area1 .text_area {
	text-align: center;
	line-height: 2;
	font-size: 12px;
	margin-top: 44px;
}
*/
.area2 {
	width: 100%;
	padding: 0 0 60px;
}
/*.area2 .list_photo {
	overflow: hidden;
	margin-top: 30px;
}
.area2 .list_photo li {
	float: left;
	overflow: hidden;
	margin-bottom: 28px;
}
.area2 .list_photo li.col2 {
	margin-right: 28px;
}
.area2 .list_photo li.col3 {
	margin-right: 29px;
}
.area2 .list_photo li.last {
	margin-right: 0;
}
.area2 .list_photo li a {
	display: block;
}
.area2 .list_photo li img {
	float: left;
}*/

.AreaRead1 {
    float: left;
    width: 100%;
    padding-bottom: 35px;
    margin-bottom: 25px;
}

.AreaRead1 p.Photo1 {
    float: left;
    width: 100%;
}

.AreaRead1 h2 {
    float: left;
    width: 100%;
    font-size: 28px;
    margin: 40px 0 15px;
}

.AreaRead1 p.Text {
    float: left;
    width: 100%;
    font-size: 14px;
}

.AreaRead2 h2 {
    float: left;
    width: 100%;
    text-align: center;
    font-size: 28px;
}
.AreaRead2 h2.title {
	border-bottom: 1px solid #b08019;
	padding-bottom: 25px;
    margin-bottom: 10px;
}

.AreaRead2 .Sub1 {
    float: left;
    width: 100%;
    margin-top: 30px;
    padding-bottom: 30px;
}

.AreaRead2 .Sub1 p.Photo {
    float: left;
}

.AreaRead2 .Sub1 .QA {
    float: right;
    width: 655px;
}

.AreaRead2 .Sub1 .QA p {
    float: left;
    width: 100%;
}

.AreaRead2 .Sub1 .QA p span {
    float: left;
    width: 100%;
}

.AreaRead2 .Sub1 .QA p span.Text1{
    font-size: 24px;
    color: #5fb138;
    font-weight: bold;
}
.AreaRead2 .Sub1 .QA p span.Text2{
    font-size: 16px;
    font-weight: bold;
}

.AreaRead2 .Sub1 .QA p span.Text3{
    font-size: 14px;
}

.AreaRead2 .Sub1 .QA p span.Text4{
    color: #f6a319;
}
.AreaRead2 .Sub1.Sub2 {}

.AreaRead2 .Sub1.Sub2 p.Photo {
    float: right;
}

.AreaRead2 .Sub1.Sub2 .QA {
    float: left;
}

.AreaRead2 .Sub3 {
    float: left;
    width: 100%;
    margin-top: 0;
    padding-bottom: 60px;
}

.AreaRead2 .Sub3 p {
    float: left;
    width: 306px;
    margin-right: 29px;
    text-align: center;
}
.AreaRead2 .Sub3 p span:last-child{
	float: left;
	width: 100%;
	margin-top: 10px;
}
.AreaRead2 .Sub3 p:last-child {
	margin-right: 0;
}

.area2 .plink {
	text-align: center;
	margin-top: 50px;
}
.area2 .plink a {
	color: #000000;
	font-size: 16px;
	background: url(../img/home/icon_link.png) no-repeat left 35%;
	padding-left: 50px;
	font-weight: bold;
	text-decoration: none;
}
.area2 .plink a span {
	border-bottom: 2px solid #7c7974;
	padding-bottom: 4px;
}

.line {
	padding-bottom: 40px;
    border-bottom: 1px solid #b08019;
    margin-bottom: 40px;
}

.banner-instagram img{
	max-width: 100%;
}
.banner-instagram img.sp{
	display: none;
}

#sns_box{
	float: left;
	width: 100%;
}
.area3{
	float: left;
    width: 100%;
    background-color: #F7F2E8;
}
.area3 .AreaRead2 {
    width: 976px;
    margin: 0 auto;
    padding: 25px 0 10px;
}
/* SP */
@media (max-width: 767px) {
		
	.area3 .AreaRead2 {
	    width: 100%;
	    margin: 0 auto;
	    padding: 25px 0 10px;
	}
	.area2 {
		padding: 2px 0 30px;
	}

	.AreaRead1 p.Text{
		padding: 0 2.5%;
		box-sizing: border-box;
	}
	.AreaRead2 .Sub1{
		padding: 0 2.5%;
		box-sizing: border-box;
	    padding-bottom: 30px;
	}
	.AreaRead2 .Sub1 p.Photo{
		width: 100%;
		
	}
	.AreaRead2 .Sub1 p.Photo img{
		width: 100%;
	}
	.AreaRead2 .Sub1 .QA{
		width: 100%;
	}
	.AreaRead2 .Sub3{
		padding: 0 1.5%
	}
	.AreaRead2 .Sub3 p{
		width: 100%;
		margin-right: 0;
		margin-bottom: 2%;
	}
	.area2 .plink {
		margin-top: 40px;
	}
	.area2 .plink a span {
		border-bottom: 1px solid #000000;
	}
	.banner-instagram{
		width: 100%;
		margin-top: 0;
		margin-bottom: 15px;
	}
	.banner-instagram img.pc{
		display: none;
	}	
	.banner-instagram img.sp{
		display: block;
	}

}