@charset "utf-8";
/* ===================================================================
//CSS information

// file name  :  common.css
// style info :  スタイル指定
=================================================================== */
html .spNone {
    display: block !important;
}
html .spNone.vcenter {
    display: inline-block !important;
}
html.sp .spNone,
html.sp .spNone.vcenter {
    display: none !important;
}
html .pcNone {
    display: none !important;
}
html.sp .pcNone {
    display: block !important;
}

/* ===================================================================
//共通
=================================================================== */
.secondSection,
.thirdSection { margin-top: 80px;}
.contentsAllWrap {
    padding-top: 100px;
}

/*h2.sectionHdd {
    margin-bottom: 40px;
}*/
h2.sectionHdd .sectionSubHdd {
    display: block;
    font-weight: 700;
    letter-spacing: .5em;
    color: #a9894a;
    margin-bottom: 30px;
}
h2.sectionHdd .sectionHddDetails {
    font-size: 46px;
    font-weight: 400;
    line-height: 1.4;
    letter-spacing: 0;
}
.sectionReadText {
    line-height: 3;
    color: #a9894a;
    margin-bottom: 60px;
}
h3.articleHdd {
    display: block;
    font-weight: 700;
    letter-spacing: .5em;
    margin-bottom: 30px;
	line-height: 1.4;
}

.shadow {
    -webkit-box-shadow: -30px 30px 50px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: -30px 30px 50px 0px rgba(0,0,0,0.15);
    box-shadow: -30px 30px 50px 0px rgba(0,0,0,0.15);
}

.slideshow {width: 100%; height: auto; overflow: hidden; -webkit-transform: translateZ(0);-webkit-backface-visibility: hidden;-webkit-perspective: 1000;}
.zs-enabled{position:relative}
.zs-enabled .zs-slideshow,.zs-enabled .zs-slides,.zs-enabled .zs-slide{position:absolute;z-index:1;top:0;left:0;width:100%;height:100%;overflow:hidden}
.zs-enabled .zs-slideshow .zs-slides .zs-slide{background:transparent none no-repeat 50% 50%;background-size:cover;position:absolute;visibility:hidden;opacity:0;transform:scale(1.6, 1.6);-webkit-transform:scale(1.2, 1.2);-moz-transform:scale(1.2, 1.2);-ms-transform:scale(1.6, 1.6);-o-transform:scale(1.2, 1.2);}
.zs-enabled .zs-slideshow .zs-slides .zs-slide.active{visibility:visible;opacity:1}
.zs-enabled .zs-slideshow .zs-bullets{position:absolute;z-index:4;bottom:20px;left:0;width:100%;text-align:center}
.zs-enabled .zs-slideshow .zs-bullets .zs-bullet{display:inline-block;cursor:pointer;border:2px solid #ccc;width:14px;height:14px;border-radius:8px;margin:10px;background-color:#4a4a4a}
.zs-enabled .zs-slideshow .zs-bullets .zs-bullet.active{background-color:#ccc}
.zs-enabled .zs-slideshow:after{content:" ";position:absolute;top:0;left:0;width:100%;height:100%;z-index:3;background:transparent none repeat 0 0}

.picWrap { position: relative;}
.picCaps {
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: 10;
	font-size: 10px;
	line-height: 1.4;
	color: #333;
	padding: 5px;
}
.picCaps.white {
	color: #fff;
	text-shadow: 0px 0px 4px rgba(0, 0, 0, 1), 0px 0px 4px rgba(0, 0, 0, 1);
}
.picCaps.Lside {
	right: auto;
	left: 0;
}
.picCaps.withBG {
	background: rgba(0,0,0,.8);
	color: #fff;
}


@media only screen and (max-width: 991px) {
/* ===================================================================
//共通
=================================================================== */
h2.sectionHdd .sectionHddDetails {
    font-size: 40px;
}
	
.contentsAllWrap {
    padding-top: 80px;
}
	.secondSection, .thirdSection{
		margin-top: 0px;
	}
}
@media only screen and (max-width: 768px) {
}
@media only screen and (max-width: 767px) {
/* ===================================================================
//共通
=================================================================== */
.secondSection,
.thirdSection { margin-top: 40px;padding-top: 40px !important;}
.contentsAllWrap {
    padding-top: 0;
}
h2.sectionHdd {
    margin-bottom: 40px;
}
h2.sectionHdd .sectionHddDetails {
    font-size: 30px;
}
.sectionReadText {
    line-height: 2.4;
    margin-bottom: 40px;
	margin-top: 30px;
}

}
@media only screen and (max-width: 679px) {
}
@media only screen and (max-width: 479px) {
}
@media only screen and (max-width: 320px) {
.hidden-xxs {
    display: none !important;
}
}