@charset "UTF-8";
   
------------------------------------------------- */
.detailArea {
	padding-bottom: 7em;
}
.detailArea .ttl01 {
	font-weight: normal;
	text-align: center;
	padding: 1.4em 0 3.8em;
}
.detailArea .ttl01 .ja {
	display: inline-block;
	border-bottom: #000 1px solid;
	line-height: 1.7;
	padding: 0.15em 1em;
	margin-bottom: 0.6em;
}
.detailArea .ttl01 .dates {
	display: block;
}
.detailArea .mimg {
	width: 99%;
	margin: 0 auto;
	padding-bottom: 7.4em;
}
.detailArea .cont {
	padding: 1em 0 5.5em;
}
.detailArea .cont .sec {
	width: 52.45%;
	float: left;
}
.detailArea .cont .sec p {
	line-height: 2.1;
	padding-bottom: 2.2em;
}
.detailArea .cont .photo01 {
	width: 44.15%;
	float: right;
}
@media only screen and (max-width:750px){
.detailArea {
	padding-bottom: 24vw;
}
.detailArea .inner {
	width: 100%;
	padding-bottom: 7vw;
}
.detailArea .ttl01 {
	padding: 7.5vw 0 8vw;
}
.detailArea .ttl01 .ja {
	font-size: 5.055vw;
	display: block;
	padding: 0.5em 0;
	line-height: 1.5;
	margin-bottom: 0.9em;
}
.detailArea .ttl01 .dates {
	font-size: 2.8vw;
}
.detailArea .mimg {
	width: 100%;
	padding-bottom: 7.5vw;
}
.detailArea .cont {
	width: 92.667%;
	margin: 0 auto;
	padding: 0;
}
.detailArea .cont .sec {
	width: 100%;
	float: none;
	padding-bottom: 8.5vw;
}
.detailArea .cont .sec p {
	padding: 0;
	font-size: 3.2vw;
	line-height: 1.8;
}
.detailArea .cont .photo01 {
	width: 100%;
	float: none;
	padding-bottom: 8.5vw;
}
}


/* feature/feature_001.html
------------------------------------------------- */
.detailArea.column {
    padding-bottom: 2.5em;
}
section.detailArea.column .inner {
    max-width: 880px;
}
.detailArea.column .ttl01 {
    padding-bottom: 1.2em;
}
.detailArea.column .ttl01 .ja {
	border-bottom: none;
    padding-bottom: 0;
	margin-bottom: 0;
}
.detailArea.column .ttl02 {
    font-weight: normal;
    text-align: center;
    padding-bottom: 1.5em;
    line-height: 1.75;
}
.detailArea.column .firstview,
.detailArea.column .cont {
	padding: 1em 0 3.5em;
}
.detailArea.column .firstview p,
.detailArea.column .cont p,
.detailArea.column .profileBox p {
    letter-spacing: 0.03em;
    line-height: 2.1;
}
.detailArea.column .firstview .photo {
	width: 45.45%;
    margin: 0 auto 3em;
}.detailArea.column .firstview .photow {
	width: 100%;
    margin: 0 auto 3em;
}
.detailArea.column .cont .inter {
	font-weight: bold;
    border-bottom: 1px solid #000;
    padding-bottom: 1.2em;
    margin-bottom: 1.2em;
}
.detailArea.column .cont .caption {
	padding: 0 3em;
}
.detailArea.column .cont .photoArea {
	display: flex;
    padding: 3.2em 0 1.8em;
    margin: 0 auto;
}

.detailArea.column .cont .photoArea li {
	margin: 0 1.4%;
}
.detailArea.column .cont .photoArea.flex1 li {
	width: 65%;
    margin: 0 auto;
}
.detailArea.column .cont .photoArea.flex2 {
	width: 72%;
}
.detailArea.column .cont .photoArea.flex3 {
	width: 94%;
}

.detailArea.column .cont .photoAreas {
	display: flex;
    padding: 3.2em 0 1.8em;
    margin: 0 auto;
}

.detailArea.column .cont .photoAreas li {
	margin: 0;
}
.detailArea.column .cont .photoAreas.flex1 li {
	width: 65%;
    margin: 0 auto;
}
.detailArea.column .cont .photoAreas.flex2 {
	width: 100%;
}
.detailArea.column .cont .photoAreas.flex3 {
	width: 100%;
}


.detailArea.column .profileBox {
    margin: 1em 0 4.5em;
    border: 1px solid #000;
    padding: 1.5em 2em;
}
.detailArea.column .profileBox .prof {
    border-bottom: 1px solid #000;
    padding-bottom: 0.5em;
    margin-bottom: 0.5em;
}
.detailArea.column .profileBox .linkArea {
    padding-top: 0.5em;
}
.detailArea.column .profileBox .linkArea a {
    text-decoration: underline;
}
@media only screen and (min-width:751px){
.detailArea.column .profileBox .linkArea a:hover {
    text-decoration: none;
}
}
@media only screen and (max-width:750px){
.detailArea.column {
    padding-bottom: 8.5vw;
}
.detailArea.column .ttl02 {
    padding-bottom: 3em;
    font-size: 2.9vw;
}
.detailArea.column .firstview,
.detailArea.column .cont {
	padding: 0;
}
.detailArea.column .firstview p,
.detailArea.column .cont p,
.detailArea.column .profileBox p {
    letter-spacing: normal;
    font-size: 3.2vw;
    line-height: 1.8;
    padding-bottom: 10vw;
}    
.detailArea.column .firstview {
    width: 100%;
}
.detailArea.column .firstview p {
    width: 92.667%;
    margin: 0 auto;
}
.detailArea.column .firstview .photo {
	width: 100%;
    margin: 0;
    padding-bottom: 7.5vw;
}  .detailArea.column .firstview .photow {
	width: 100%;
    margin: 0;
    padding-bottom: 7.5vw;
}   
.detailArea.column .cont .inter {
    padding-bottom: 1.5em;
    margin-bottom: 1.5em;
}
.detailArea.column .cont .caption {
    font-size: 2.8vw;
	padding: 0 0 10vw;
}
.detailArea.column .cont .photoArea {
	display: flex;
    padding: 0 0 4vw;
}
.detailArea.column .cont .photoArea li {
	margin: 0 3.665% 0 0;
}
.detailArea.column .cont .photoArea li:last-child {
	margin-right: 0;
}
.detailArea.column .cont .photoArea.flex1 li,
.detailArea.column .cont .photoArea.flex2,
.detailArea.column .cont .photoArea.flex3 {
	width: 100%;
}
	
	
	.detailArea.column .cont .photoArea2 {
	display: flex;
    padding: 0;
}
.detailArea.column .cont .photoArea2 li {
	margin: 0 3.665% 0 0;
}
.detailArea.column .cont .photoArea2 li:last-child {
	margin-right: 0;
}
.detailArea.column .cont .photoArea2.flex1 li,
.detailArea.column .cont .photoArea2.flex2,
.detailArea.column .cont .photoArea2.flex3 {
	width: 100%;
}
	
	
.detailArea.column .profileBox {
    width: 92.667%;
    margin: 2vw auto 7vw;
    padding: 3.665%;
    box-sizing: border-box;
}
.detailArea.column .profileBox p {
    padding-bottom: 0;
}
.detailArea.column .profileBox .prof {
    padding-bottom: 0.7em;
    margin-bottom: 0.7em;
}
}