/* article01 page style  */

.txtbox {
	width:47%;	
	margin:0 0 0 6%;
	}
	
.stylearticle .article02 .txtbox,.stylearticle .article04 .txtbox,.stylearticle .article06 .txtbox {
	margin:0 6% 0 0;
	}

.imgbox {
	width:47%;
	}
	
.stylearticle .article01 ul {
	width:100%;
	margin-top:6%;
	}
	
.stylearticle .article01 ul li {
	float:left;
	margin-right:5%;
	width:47%;
	max-width:300px;
	}
	
.stylearticle .article01 ul li:last-child {
	margin:0;
	}
	
.stylearticle .article01 ul li img{
	width:100%;
	}
	
.stylearticle .article02 .txtbox {
	margin-top:4%;
	}
	
.stylearticle .article03 .imgbox {
	position:relative;
	min-height:405px;
	height:30%;
	}
	
.stylearticle .article03 .imgbox ul li img {
	position:absolute;
	}
	
.stylearticle .article03 .imgbox ul .img05 {
    left: 36%;
    top: 0;
}

.stylearticle .article03 .imgbox ul .img08 {
    left: 0;
    top: 40%;
    z-index: 1;
}

.stylearticle .article03 .imgbox ul .img09 {
    bottom: 0;
    left: 56%;
    z-index: 2;
}
	
.stylearticle .article04 .txtbox {
	margin-top:5%;
	}
	
.stylearticle .article05 .txtbox {
	margin-top:2%;
	}
	
.stylearticle .article05 .imgbox {
	position:relative;
	min-height:318px;
	height:30%;
	}
	
.stylearticle .article05 .imgbox .img11 {
	position:absolute;
    left: 17%;
	top:0;
	}
	
.stylearticle .article05 .imgbox .img12 {
	position:absolute;
    left:0;
	bottom:0;
	z-index:1;
	}
	
@media screen and (max-width: 999px) {

.stylearticle .article03 .imgbox ul .img09 {
    left: 52%;
}

.stylearticle .article05 .imgbox .img11 {
	width:83%;
	left:10%;
	}

}
	
@media screen and (max-width: 767px) {
	
.styleheader {
	display:block;
	}
	
.styleheader .icon_area {
    display: block;
    margin: 0 auto 9%;
    padding-right: 0;
    vertical-align: top;
    width: 156px;
}
	
.styleheader .title_area {
    display: block;
    vertical-align: top;
    width: 100%;
}
	
.f_left, .f_right {
	float:none;
	}
	
.stylearticle .col2 h2 {
    font-size: 150%;
    margin: 6% 0 4%;
    text-align: center;
}

.imgbox {
	margin:0 auto 5%;
	width:70%;
	}
	
.txtbox + .imgbox {
	margin:0 0 3% 0;
	}
	
.txtbox {
    display: block;
    width: 100%;
	margin-left:0;
}
	
.stylearticle .article01 ul {
	width:80%;
    margin: 5% auto 0;
	}
	
.stylearticle .article03 .imgbox {
	min-height:423pxpx;
	}

.stylearticle .article03 .imgbox ul .img08 {
    width: 63%;
}

.stylearticle .article04 .imgbox .img10 {
	width:100%;
}
	
.stylearticle .article01,.stylearticle .article02,.stylearticle .article03,.stylearticle .article04 {
	overflow:hidden;
	margin-bottom:8%;
    border-bottom: 1px dotted #C4AF96;
    padding-bottom: 8%;
	}

}
	
@media screen and (max-width: 479px) {


.col2 p {
	font-size:80%;
	}

.flex-direction-nav {
	display:none;
	}
	
.styleheader {
	margin:10% 0 15%;
	}

.styleheader .icon_area {
    width: 213px;
	margin-bottom:3%;
}

.styleheader .icon_area .top_box {
    background-color: #FFFFFF;
    float: left;
    padding: 10px 0 4px 12px;
    width: 69px;
}

.styleheader .icon_area .top_box .sharp {
    font-size: 23px;
    line-height: 0.6;
    padding-right: 4px;
    vertical-align: top;
}

.styleheader .icon_area .top_box .number {
    font-family: "ＭＳ Ｐ明朝","MS PMincho","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro",serif;
    font-size: 36px;
    line-height: 0.7;
}

.styleheader .icon_area .bottom_box {
    float: right;
    height: 47px;
    position: relative;
    width: 132px;
}

.styleheader .icon_area ul {
    margin:11px 0 0 16px;
    position: absolute;
    width: 114px;
    z-index: 1;
}

.styleheader .icon_area ul li {
    float: left;
    margin-right: 13px;
}

.styleheader .icon_area ul li img {
    width: 25px;
}

.styleheader .icon_area .season_area {
    display: block;
    height: 100%;
    width: 100%;
}

.styleheader .icon_area .spring {
    background-color: #F2C7CE;
}

.styleheader .l_cellmax h2 {
    line-height: 1.8;
    margin: 3% 0 2%;
	}

.imgbox {
	width:100%;
	}
	
.stylearticle .article03 .imgbox {
	min-height:240px;
	}
	
.stylearticle .article03 .imgbox ul .img05 {
	width: 50%
}

.stylearticle .article03 .imgbox ul .img08 {
    left: 0;
    top: 40%;
    z-index: 1;
}

.stylearticle .article03 .imgbox ul .img09 {
width: 50%
}
	
.stylearticle .article05 .imgbox {
	min-height:218px;
	}
	
.stylearticle .article05 .imgbox .img11 {
width: 85%
	}
	
.stylearticle .article05 .imgbox .img12 {
width: 60%
	}
	
}


#share { display: none; }
.lang_nav a span {display: none;}