/* ---------------------------------------------------------------------------------------------------   

　.block_portraits_archive

   --------------------------------------------------------------------------------------------------- */

.block_portraits_archive{  padding: 120px 10% 200px;}

/* .archive_area */
.block_portraits_archive .archive_area { margin: -135px -10% 0; font-size: 0; }
.block_portraits_archive .archive_item { display: inline-block; width: 30%; margin: 135px 10% 0; vertical-align: middle;}
.block_portraits_archive .archive_item a {display: block;}

.block_portraits_archive .archive_item:nth-child(1){width: 27.5%;}
.block_portraits_archive .archive_item:nth-child(2){width: 32.5%;}
.block_portraits_archive .archive_item:nth-child(3),
.block_portraits_archive .archive_item:nth-child(15){ display: block; margin: 120px auto 0;}
.block_portraits_archive .archive_item:nth-child(4),
.block_portraits_archive .archive_item:nth-child(16){width: 32.5%;}
.block_portraits_archive .archive_item:nth-child(5),
.block_portraits_archive .archive_item:nth-child(17){vertical-align: top; width: 27.5% }
.block_portraits_archive .archive_item:nth-child(6),
.block_portraits_archive .archive_item:nth-child(18){display: block; margin: 120px 10% 0 30%;}
.block_portraits_archive .archive_item:nth-child(7),
.block_portraits_archive .archive_item:nth-child(19){margin: 120px 7.5% 0 10%; }
.block_portraits_archive .archive_item:nth-child(9),
.block_portraits_archive .archive_item:nth-child(21){ display: block; margin: 120px 0 0 37.5%;}
.block_portraits_archive .archive_item:nth-child(10),
.block_portraits_archive .archive_item:nth-child(22){width: 32.5%;}
.block_portraits_archive .archive_item:nth-child(11),
.block_portraits_archive .archive_item:nth-child(23){vertical-align: middle; width: 27.5% }
.block_portraits_archive .archive_item:nth-child(12),
.block_portraits_archive .archive_item:nth-child(24){  display: block; margin: 120px auto 0;}

/* .img_area */
.block_portraits_archive .archive_item .img_area img {transition: opacity .6s ease-out;}

/* .ttl_area */
.block_portraits_archive .archive_item .ttl_area {margin: 15px 0 0; text-align: left;}
.block_portraits_archive .archive_item .t_ttl {font-size: 14px; font-weight: 500;  line-height: 1.5; letter-spacing: .025em; position: relative; z-index: 0;}
.block_portraits_archive .archive_item .t_number { margin: 3px 0 0; color: #a9a7a0; font-size: 11px;font-weight: 400; line-height: 1.5; letter-spacing: .025em;}
.block_portraits_archive .archive_item .t_number span {margin-left: .25em}

@media only screen and (min-width: 961px) {
.block_portraits_archive .archive_item:hover img {opacity: .6;}
}
@media screen and (max-width: 960px) {
.block_portraits_archive{  padding: 100px 2.5% 175px; overflow: hidden;}

/* .archive_area */
.block_portraits_archive .archive_area { margin: -100px -7% 0; }
.block_portraits_archive .archive_item { width: 36%; margin: 100px 7% 0;}

.block_portraits_archive .archive_item:nth-child(1){width: 31.5%;}
.block_portraits_archive .archive_item:nth-child(2){width: 38.5%;}
.block_portraits_archive .archive_item:nth-child(3),
.block_portraits_archive .archive_item:nth-child(15) {  margin: 100px auto 0;}
.block_portraits_archive .archive_item:nth-child(4),
.block_portraits_archive .archive_item:nth-child(16) {width: 38.5%;}
.block_portraits_archive .archive_item:nth-child(5),
.block_portraits_archive .archive_item:nth-child(17) {vertical-align: top; width: 31.5% }
.block_portraits_archive .archive_item:nth-child(6),
.block_portraits_archive .archive_item:nth-child(18) { margin: 100px 10% 0 30%;}
.block_portraits_archive .archive_item:nth-child(7),
.block_portraits_archive .archive_item:nth-child(19) {margin: 100px 7% 0 7%; }
.block_portraits_archive .archive_item:nth-child(9),
.block_portraits_archive .archive_item:nth-child(21) {margin: 100px 0 0 35%;}
.block_portraits_archive .archive_item:nth-child(10),
.block_portraits_archive .archive_item:nth-child(22) {width: 32.5%;}
.block_portraits_archive .archive_item:nth-child(11),
.block_portraits_archive .archive_item:nth-child(23) {width: 32.5% }

/* .ttl_area */
.block_portraits_archive .archive_item .ttl_area {margin: 12px 0 0;}
.block_portraits_archive .archive_item .t_ttl {font-size: 13px;letter-spacing: .025em;}
.block_portraits_archive .archive_item .t_number { margin: 2px 0 0; font-size: 11px;}
}
@media screen and (max-width: 738px) {
.block_portraits_archive{ padding: 70px 2.5% 100px;}

/* .archive_area */
.block_portraits_archive .archive_area { margin: -90px 15% 0; }
.block_portraits_archive .archive_item { width: 100%; margin: 90px 0 0;}

.block_portraits_archive .archive_item:nth-child(1){width: 100%;}
.block_portraits_archive .archive_item:nth-child(2){width:100%;}
.block_portraits_archive .archive_item:nth-child(3),
.block_portraits_archive .archive_item:nth-child(15) { margin: 90px auto 0;}
.block_portraits_archive .archive_item:nth-child(4),
.block_portraits_archive .archive_item:nth-child(16) {width: 100%;}
.block_portraits_archive .archive_item:nth-child(5),
.block_portraits_archive .archive_item:nth-child(17) { width: 100% }
.block_portraits_archive .archive_item:nth-child(6),
.block_portraits_archive .archive_item:nth-child(18) { margin: 90px 0 0;}
.block_portraits_archive .archive_item:nth-child(7),
.block_portraits_archive .archive_item:nth-child(19) {margin: 90px 0 0; }
.block_portraits_archive .archive_item:nth-child(9),
.block_portraits_archive .archive_item:nth-child(21) {margin: 90px 0 0;}
.block_portraits_archive .archive_item:nth-child(10),
.block_portraits_archive .archive_item:nth-child(22) {width: 100%;}
.block_portraits_archive .archive_item:nth-child(11),
.block_portraits_archive .archive_item:nth-child(23) {width: 100% }

/* .ttl_area */
.block_portraits_archive .archive_item .ttl_area {margin: 12px 0 0;}
.block_portraits_archive .archive_item .t_ttl {font-size: 13px;letter-spacing: .025em; line-height: 1.65}
.block_portraits_archive .archive_item .t_number { margin: 2px 0 0; font-size: 11px;line-height: 1.65}
}










/* ---------------------------------------------------------------------------------------------------   

　.block_portraits_detail

   --------------------------------------------------------------------------------------------------- */

.block_portraits_detail{  padding: 120px 10% 200px;}

/* .headline */
.block_portraits_detail .headline { position: absolute; top: 0; left: 0; width: 25%;}
.block_portraits_detail .headline .t_ttl {font-size: 15px; font-weight: 500;  line-height: 1.7; letter-spacing: .025em;}

/* .archive_area */
.block_portraits_detail .archive_area { position: relative; z-index: 0; padding: 0 0 0 37.5%;}
.block_portraits_detail .archive_area .img_item { text-align: center;}
.block_portraits_detail .archive_area .img_item+.img_item {margin: 175px 0 0;}
.block_portraits_detail .archive_area .img_item img {display: block;margin: 0 auto; width: 95%; height: auto; }
.block_portraits_detail .archive_area .img_item .img_vertical { margin: 0 auto; width: 65%;height: auto; }
.block_portraits_detail .archive_area .img_item .img_square { margin: 0 auto; width: 72.5%;height: auto;}

@media screen and (max-width: 960px) {
.block_portraits_detail{  padding: 100px 3.5% 175px;}
/* .headline */
.block_portraits_detail .headline { width: 20%;}
.block_portraits_detail .headline .t_ttl {font-size: 14px; line-height: 1.7; letter-spacing: .025em;}
/* .archive_area */
.block_portraits_detail .archive_area .img_item+.img_item {margin: 135px 0 0;}
.block_portraits_detail .archive_area .img_item img {width: 100%;}
.block_portraits_detail .archive_area .img_item .img_vertical { width: 100%; }
.block_portraits_detail .archive_area .img_item .img_square { width: 100%;}
}
@media screen and (max-width: 738px) {
.block_portraits_detail{ padding: 70px 3.5% 100px;}
/* .headline */
.block_portraits_detail .headline { position: static; width: 87.5%; width: 100%; margin: 0 auto; }
.block_portraits_detail .headline .t_ttl {font-size: 14px; line-height: 1.7; letter-spacing: .025em;}
/* .archive_area */
.block_portraits_detail .archive_area { padding: 0 5%;}
.block_portraits_detail .archive_area .img_item,
.block_portraits_detail .archive_area .img_item+.img_item {margin: 95px 0 0;}
.block_portraits_detail .archive_area .img_item .img_vertical { width: 87.5%; }
.block_portraits_detail .archive_area .img_item .img_square { width: 95%;}
}










/* ---------------------------------------------------------------------------------------------------   

　.block_portraits_others

   --------------------------------------------------------------------------------------------------- */

.block_portraits_others{  padding: 150px 10% 180px; position: relative; z-index: 0; background: #f1f1ed}

/* .headline */
.block_portraits_others .headline .t_ttl {font-size: 16px; font-weight: 500;  line-height: 1.7; letter-spacing: .025em;}

/* .other_area */
.block_portraits_others .other_area { position: relative; z-index: 0;}
.block_portraits_others .archive_area {margin: 0 -3.5% 0;font-size: 0;}
.block_portraits_others .archive_item { display: inline-block; width: 18%; margin: 90px 3.5% 0; vertical-align: middle;}

/* .other_area */
.block_portraits_others .archive_item .ttl_area {margin: 10px 0 0; text-align: left;}
.block_portraits_others .archive_item .t_ttl {font-size: 12px; font-weight: 400;  line-height: 1.5; letter-spacing: .025em; position: relative; z-index: 0;}
.block_portraits_others .archive_item .t_number { margin: 2px 0 0; color: #a9a7a0; font-size: 10px;font-weight: 400; line-height: 1.5; letter-spacing: .025em;}
.block_portraits_others .archive_item .t_number span {margin-left: .25em}

/* .link_area */
.block_portraits_others .link_area { position: absolute; top: 6px; right: 0; text-align: right;}
.block_portraits_others .link_area .btn {display: inline-block;padding-right: 1.25em; font-size: 14px;letter-spacing: 0.01em;  font-feature-settings: "calt" 1;line-height: 30px; position: relative; z-index: 0; }
.block_portraits_others .link_area .btn:before{position: absolute; top: 52%;right: 0; font-family: 'themify'; content: "\e649";font-size: .65em;-webkit-transform: translate(0, -50%); transform: translate(0, -50%);}
.block_portraits_others .link_area .btn:after { position: absolute; bottom: 5px; right: 2px; left: 0; height: 1px; content: "";background: #111; z-index: 1;transition: transform .3s cubic-bezier(.215, .61, .355, 1);transform-origin: right center;transform:scaleX(0) }

@media only screen and (min-width: 961px) {
.block_portraits_others .archive_item:hover img {opacity: .6;}
.block_portraits_others .link_area .btn:hover:after { transform-origin: left center;transform:scaleX(1)}
}
@media screen and (max-width: 960px) {
.block_portraits_others { padding: 100px 3.5% 175px; overflow: hidden;}
.block_portraits_others .headline .t_ttl {font-size: 14px;}
.block_portraits_others .archive_area {margin: 0 -3.5%;}
.block_portraits_others .archive_item { width: 26.333%; margin: 75px 3.5% 0;}
.block_portraits_others .archive_item .ttl_area {margin: 8px 0 0; text-align: left;}
.block_portraits_others .archive_item .t_ttl {font-size: 12px; }
.block_portraits_others .archive_item .t_number { margin: 1px 0 0;}
.block_portraits_others .link_area { top: -2px; }
}
@media screen and (max-width: 738px) {
.block_portraits_others { padding: 90px 3.5% 100px;}
.block_portraits_others .headline .t_ttl {font-size: 14px;}
.block_portraits_others .archive_area {margin: 10px -2.5% 0;}
.block_portraits_others .archive_item { width: 26.333%; margin: 45px 3.5% 0;}
.block_portraits_others .archive_item .ttl_area {margin: 8px 0 0; text-align: left;}
.block_portraits_others .archive_item .t_ttl {font-size: 11px; }
.block_portraits_others .archive_item .t_number { margin: 1px 0 0; font-size: 9px;}
.block_portraits_others .link_area { top: -4px; }
}