/* article01 page style  */

.stylearticle .article01,.stylearticle .article02,.stylearticle .article03,.stylearticle .article04,.stylearticle .article05,.stylearticle .article06 {
	overflow:hidden;
	margin-bottom:7%;
	}

.txtbox {
	width:47%;	
	margin:4% 6% 0 0;
	}

.txtbox p {
	margin-bottom: 1em;
	}
	
.stylearticle .article02 .txtbox,.stylearticle .article04 .txtbox,.stylearticle .article06 .txtbox {
	margin:4% 0 0 6%;
	}

.imgbox {
	width:47%;
	}

.imgbox img {
	max-width:100%;
	height: auto;
	}
	
.stylearticle .article01 .txtbox {
    margin-top: 4%;
	}
	
.stylearticle .article01 .imgbox {
	position:relative;
	min-height:823px;
	height:45%;
	}
	
.stylearticle .article01 .txtbox .img01 {
	width: 100%;
	}
	
.stylearticle .article01 .imgbox .img01 {
	width: 80%;
	position:absolute;
  left: 10%;
	top: 0;
	}
	
.stylearticle .article01 .imgbox .img02 {
	width: 60%;
	position:absolute;
  right: 0;
	top: 26%;
	}
	
.stylearticle .article01 .imgbox .img03 {
	width: 80%;
	position:absolute;
  right: 5%;
	bottom: 24%;
	}
	
.stylearticle .article01 .imgbox .img04 {
	width: 75%;
	position:absolute;
  left: 5%;
	bottom: 0;
	}
	
.stylearticle .article02 .imgbox {
	position:relative;
	min-height:540px;
	height:30%;
	}
	
.stylearticle .article02 .imgbox .img01 {
	width: 85%;
	position:absolute;
  right: 0;
	top:0;
	}
	
.stylearticle .article02 .imgbox .img02 {
	width: 85%;
	position:absolute;
	left: 0;
	bottom: 0;
	}
	
.stylearticle .article03 .imgbox {
	position:relative;
	min-height:450px;
	height:45%;
	}
	
.stylearticle .article03 .imgbox .img01 {
	width: 90%;
	position:absolute;
  left: 5%;
	top:0;
	}
	
.stylearticle .article03 .imgbox .img02 {
	width: 60%;
	position:absolute;
	right: 0;
	bottom: 5%;
	}
	
.stylearticle .article03 .imgbox .img03 {
	width: 45%;
	position:absolute;
	left: 0;
	bottom: 0;
	}

.stylearticle .article04 .imgbox {
	position:relative;
	min-height:450px;
	height:40%;
	}
	
.stylearticle .article04 .imgbox .img01 {
	width: 100%;
	position:absolute;
	left:0;
	top:0;
	}
	
.stylearticle .article05 .txtbox {
	margin-top:4%;
	min-height:500px;
	height:50%;
	}
		
.stylearticle .article05 .imgbox {
	position:relative;
	min-height:630px;
	height:63%;
	}
	
.stylearticle .article05 .imgbox .img01 {
	width: 52%;
	position:absolute;
	left:0;
	top:0;
	}
	
.stylearticle .article05 .imgbox .img02 {
	width: 52%;
	position:absolute;
  left: 48%;
	bottom: 68%;
	}
	
.stylearticle .article05 .imgbox .img03 {
	width: 93%;
	position:absolute;
  left: 2%;
	bottom: 26%;
	}
	
.stylearticle .article05 .imgbox .img04 {
	width: 42%;
	position:absolute;
  left: 0%;
	bottom: 12%;
	}
	
.stylearticle .article05 .imgbox .img05 {
	width: 55%;
	position:absolute;
  left: 45%;
	bottom: 0;
	}
	
.stylearticle .article06 {

	}
	

.stylearticle .article06 p {
	margin-bottom: 1em;
	line-height: 2;
	font-size: 114%;
	}

.stylearticle .article06 .photos li { display: inline-block; position: relative; margin: 30px 0; text-align: center;	width: 920px;}
.stylearticle .article06 .photos li:after { position: absolute; display: block; content: ""; top: 0; left: 40px; width: 100%; height: 100%; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3); transform: rotate(3deg); background: #fff; z-index: -1;}
.stylearticle .article06 .photos li:firdt-child:after { position: absolute; display: block; content: ""; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3); transform: rotate(1deg); background: #fff; z-index: -1;}

.stylearticle .article06 .photos img {
	width: 900px;
	border: 10px solid #FFF;
	display: block;
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
	margin-left: 40px!important;
	}
	
@media screen and (max-width: 999px) {
}
	
@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: left;
}

.imgbox {
	margin:0 auto 5%;
	width:70%;
	}
	
.txtbox + .imgbox {
	margin:0 0 3% 0;
	}
	
.txtbox {
    display: block;
    width: 100%;
	margin-left:0;
}
	
.stylearticle .article01 .txtbox,.stylearticle .article02 .txtbox,.stylearticle .article03.txtbox,.stylearticle .article04 .txtbox,.stylearticle .article05 .txtbox,.stylearticle .article06 .txtbox {
	margin:0;
	}
	
.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 .article01 .imgbox {
    min-height: 650px;
}
	
.stylearticle .article01 .imgbox .img01{
    top: 0;
}
	
.stylearticle .article02 .imgbox {
    min-height: 180px;
}

.stylearticle .article02 .imgbox .img01 {
	width: 52%;
	position:absolute;
  left: 0;
	top:0;
	}
	
.stylearticle .article02 .imgbox .img02 {
	width: 52%;
	position:absolute;
	left: 46%;
	bottom: 0;
	}
	
.stylearticle .article02 .imgbox .img03 {
	width: 52%;
	position:absolute;
	left: 2%;
	bottom: 15%;
	}
	
.stylearticle .article02 .imgbox .img04 {
	width: 52%;
	position:absolute;
	left: 48%;
	bottom: 0;
	}


.stylearticle .article03 .imgbox {
    min-height: 350px;
}
	
.stylearticle .article04 .imgbox {
    min-height: 260px;
}
	
.stylearticle .article05 .imgbox {
    min-height: 430px;
}

.stylearticle .article06 .photos li { display: inline-block; position: relative; margin: 10px 0; text-align: center;	width: 100%;}
.stylearticle .article06 .photos li:after { position: absolute; display: block; content: ""; top: 0; left: 10px; width: 95%; height: 100%; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3); transform: rotate(3deg); background: #fff; z-index: -1;}
.stylearticle .article06 .photos li:firdt-child:after { position: absolute; display: block; content: ""; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3); transform: rotate(1deg); background: #fff; z-index: -1;}

.stylearticle .article06 .photos img {
	width: 92%;
	border: 5px solid #FFF;
	display: block;
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
	margin-left: 10px!important;
	}

}

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

.stylearticle .article01 .imgbox {
    min-height: 200px;
}

.stylearticle .article02 .imgbox {
    min-height: 280px;
}

.stylearticle .article03 .imgbox {
    min-height: 300px;
}
	
.stylearticle .article04 .imgbox {
    min-height: 270px;
}
	
.stylearticle .article05 .imgbox {
    min-height: 380px;
}

}

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