@charset "UTF-8";

.panel {
	position: relative;
	z-index: 2;
	top: 0;
	left: 0;
	width: 100%;
	height: 450px;
	-webkit-transition: .3s all ease-out;
	        transition: .3s all ease-out;
	opacity: 0;
}
.panel.on {
	opacity: 1;
}
.pickup {
	position: absolute;
	z-index: 10;
	bottom: 0;
	left: 0;
	left: 50%;
	width: 796px;
	margin: 0 auto;
	margin-left: -398px;
	padding-top: 0;
	padding-top: 40px;
}
.pickup_inner {
	line-height: 50px;
	width: 796px;
	height: 116px;
	margin: 0 auto;
}
.pickup_inner a:hover {
	text-decoration: underline;
}
.pickup_inner .bx-wrapper .bx-viewport {
	height: 115px !important;
}
.pickup_inner .pickup_slider {
	height: 80px;margin-top: 37px;padding-left: 22px;background: rgba(0,0,0,.85);
}
.pickup.single .pickup_inner {
	position: relative;
}
.pickup.single .pickup_slider {
	position: absolute;
	width: 100%;
}
.slidep span {
	font-family: Times;
	line-height: 106px;
	position: absolute;
	top: -36px;
	right: 42px;
	display: block;
	width: 106px;
	height: 106px;
	margin-top: 0;
	text-align: center;
	letter-spacing: 1px;
	color: #fff;
	border-radius: 9999px;
	border-radius: 9999;
}
.slidep span.life {
	background: #daca45;
}
.slidep span.interview {
	background: #576fb5;
}
.slidep span.gift {
	background: #1a9b79;
}
.slidep span.art {
	background: #927bbc;
}
.pickup_txt {
	font-family: "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size: 20px;
	line-height: 80px;
	color: #fff;
}
.slide_all {
	position: relative;
	overflow: hidden;
	width: 100%;
	min-width: 960px;
	height: 450px;
	margin: 0 auto;
	background: #f7f7f7;
}
.slide_wrap {
	position: absolute;
	left: 50%;
	width: 2388px;
	margin-left: -1194px;
}
.slide_body {
	width: 100%;
}
.pickup  .slide {
	width: 796px !important;
}
.panel img {
	max-width: 796px;
  min-height: 450px;
}
.slide_all.single .slide{
	width: 796px;
	margin: 0 auto;
}
.slide img {
	width: 100%; vertical-align: bottom;
}
.slide_pager .prev span {
	font-size: 0;
	line-height: 0;
	position: absolute;
	top: 0;
	left: 0;
	width: 796px;
	height: 450px;
	cursor: pointer;
	-webkit-transition: background-position .3s ease;
	        transition: background-position .3s ease;
	text-indent: -9000px;
	background: url(/jp/resources/img/top/bg_slide.png);
}
.slide_pager .next span {
	font-size: 0;
	line-height: 0;
	position: absolute;
	top: 0;
	right: 0;
	width: 796px;
	height: 450px;
	cursor: pointer;
	-webkit-transition: background-position .3s ease;
	        transition: background-position .3s ease;
	text-indent: -9000px;
	background: url(/jp/resources/img/top/bg_slide.png);
}
.slide_all.single .btn_prev,
.slide_all.single .btn_next{
	display: none;
}
.slide_pager .next a:hover {
	background-position: 45px center;
}
.cat_editors-eye .bx-wrapper .bx-pager {
	display: none;
}
.editors_eye {
	padding: 100px 0 70px;
	background: url(/jp/resources/img/cmn/bg_gray.png) repeat 0 0;
}
.editors_eye .title_head {
	display: table;
	width: 100%;
	margin-bottom: 34px;
}
.editors_eye a {
	display: block;
	-webkit-transition: .5s;
	        transition: .5s;
	color: #000;
}
.editors_eye a:hover {
	opacity: .7;
}
.editors_eye .title {
	display: table-cell;
	vertical-align: middle;
}
.editors_eye .copy {
	line-height: 1.71;
	display: table-cell;
	padding-left: 50px;
	vertical-align: middle;
}
.editors_eye h2 {
	font-family: Times;
	position: absolute;
	margin-top: 0;
	text-align: center;
	letter-spacing: 1px;
	color: #fff;
	border-radius: 9999px;
}
.editors_eye .date {
	font-size: 12px;
	line-height: 1;
	color: #555859;
}
.editors_eye .title_editors_eye {
	font-family: "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

.editors_eye .inner >ul >li:nth-of-type(1) .title_editors_eye {
	font-size: 20px;
	line-height: 1.4;
	margin-bottom: 8px;
}
.editors_eye .inner >ul >li:nth-of-type(1) {
	position: relative;
	float: left;
	width: 386px;
	margin-right: 106px;
}
.editors_eye .inner >ul >li:nth-of-type(1) h2 {
	top: -31px;
	left: -53px;
}
.editors_eye .inner >ul >li:nth-of-type(1) .image {
	margin-bottom: 20px;
}
.editors_eye .inner >ul >li:nth-of-type(1) .date {
	margin-bottom: 15px;
}
.editors_eye .inner >ul >li:nth-of-type(1) .interviewee {
	margin-bottom: 6px;
}
.editors_eye .inner >ul >li:nth-of-type(2) {
	position: relative;
	display: table;
	margin-top: 10px;
	margin-bottom: 70px;
}

.editors_eye .inner >ul >li:nth-of-type(2) h2 {
	top: -35px;
	left: -22px;
}
.editors_eye .inner >ul >li:nth-of-type(2) .detail {
	padding-left: 25px;
}
.editors_eye .inner >ul >li:nth-of-type(2) .detail .date {
	margin-bottom: 12px;
}
.editors_eye .inner >ul >li:nth-of-type(2) .title_editors_eye {
	font-size: 16px;
	margin-bottom: 10px;
}
.editors_eye .inner >ul >li:nth-of-type(3) {
	position: relative;
	display: table;
	margin-bottom: 70px;
}
.editors_eye .inner >ul >li:nth-of-type(3) h2 {
	top: -33px;
	left: -28px;
}
.editors_eye .inner >ul >li:nth-of-type(3) .detail {
	padding-left: 25px;
}
.editors_eye .inner >ul >li:nth-of-type(3) .detail .date {
	margin-bottom: 12px;
}
.editors_eye .inner >ul >li:nth-of-type(3) .title_editors_eye {
	font-size: 16px;
	margin-bottom: 10px;
}
.editors_eye .inner >ul >li:nth-of-type(4) {
	position: relative;
	top: -42px;
	display: table;
	float: left;
	width: 492px;
	padding-right: 30px;
	padding-bottom: 0;
}
.editors_eye .inner >ul >li:nth-of-type(4) h2 {
	top: -36px;
	left: -28px;
}
.editors_eye .inner >ul >li:nth-of-type(4) .detail {
	padding-top: 0;
	padding-left: 24px;
}
.editors_eye .inner >ul >li:nth-of-type(4) .detail .date {
	margin-bottom: 12px;
}
.editors_eye .inner >ul >li:nth-of-type(4) .title_editors_eye {
	font-size: 16px;
	margin-bottom: 10px;
}
.editors_eye .inner >ul >li:nth-of-type(5) {
	position: relative;
	display: table;
	float: left;
	width: 463px;
	margin-top: 11px;
	padding-bottom: 130px;
}
.editors_eye .inner >ul >li:nth-of-type(5) h2 {
	top: -35px;
	left: -22px;
}
.editors_eye .inner >ul >li:nth-of-type(5) .detail {
	padding-left: 25px;
}
.editors_eye .inner >ul >li:nth-of-type(5) .detail .date {
	margin-bottom: 12px;
}
.editors_eye .inner >ul >li:nth-of-type(5) .title_editors_eye {
	font-size: 16px;
	margin-bottom: 10px;
}
.editors_eye .inner >ul >li:nth-of-type(6) .title_editors_eye {
	font-size: 20px;
	line-height: 1.4;
	margin-bottom: 8px;
}
.editors_eye .inner >ul >li:nth-of-type(6) {
	position: relative;
	float: left;
	width: 386px;
	margin-right: 106px;
}
.editors_eye .inner >ul >li:nth-of-type(6) h2 {
	top: -31px;
	left: -53px;
}
.editors_eye .inner >ul >li:nth-of-type(6) .image {
	margin-bottom: 20px;
}
.editors_eye .inner >ul >li:nth-of-type(6) .date {
	margin-bottom: 15px;
}
.editors_eye .inner >ul >li:nth-of-type(6) .interviewee {
	margin-bottom: 6px;
}

.editors_eye .inner >ul >li:nth-of-type(7) {
	position: relative;
	display: table;
	margin-bottom: 70px;
}
.editors_eye .inner >ul >li:nth-of-type(7) h2 {
	top: -35px;
	left: -22px;
}
.editors_eye .inner >ul >li:nth-of-type(7) .detail {
	padding-left: 25px;
}
.editors_eye .inner >ul >li:nth-of-type(7) .detail .date {
	margin-bottom: 12px;
}
.editors_eye .inner >ul >li:nth-of-type(7) .title_editors_eye {
	font-size: 16px;
	margin-bottom: 10px;
}
.editors_eye .inner >ul >li:nth-of-type(8) {
	position: relative;
	display: table;
	margin-bottom: 70px;
}
.editors_eye .inner >ul >li:nth-of-type(8) h2 {
	top: -33px;
	left: -28px;
}
.editors_eye .inner >ul >li:nth-of-type(8) .detail {
	padding-left: 25px;
}
.editors_eye .inner >ul >li:nth-of-type(8) .detail .date {
	margin-bottom: 12px;
}
.editors_eye .inner >ul >li:nth-of-type(8) .title_editors_eye {
	font-size: 16px;
	margin-bottom: 10px;
}
.editors_eye .inner >ul >li:nth-of-type(9) {
	position: relative;
	top: -42px;
	display: table;
	float: left;
	width: 492px;
	padding-right: 30px;
}
.editors_eye .inner >ul >li:nth-of-type(9) h2 {
	top: -36px;
	left: -28px;
}
.editors_eye .inner >ul >li:nth-of-type(9) .detail {
	padding-top: 0;
	padding-left: 24px;
}
.editors_eye .inner >ul >li:nth-of-type(9) .detail .date {
	margin-bottom: 12px;
}
.editors_eye .inner >ul >li:nth-of-type(9) .title_editors_eye {
	font-size: 16px;
	margin-bottom: 10px;
}
.editors_eye .inner >ul >li:nth-of-type(10) {
	position: relative;
	display: table;
	float: left;
	width: 463px;
	margin-top: 11px;
}
.editors_eye .inner >ul >li:nth-of-type(10) h2 {
	top: -35px;
	left: -22px;
}
.editors_eye .inner >ul >li:nth-of-type(10) .detail {
	padding-left: 25px;
}
.editors_eye .inner >ul >li:nth-of-type(10) .detail .date {
	margin-bottom: 12px;
}
.editors_eye .inner >ul >li:nth-of-type(10) .title_editors_eye {
	font-size: 16px;
	margin-bottom: 10px;
}
.editors_eye .inner >ul >li:nth-of-type(2) .image,
.editors_eye .inner >ul >li:nth-of-type(2) .detail,
.editors_eye .inner >ul >li:nth-of-type(3) .image,
.editors_eye .inner >ul >li:nth-of-type(3) .detail,
.editors_eye .inner >ul >li:nth-of-type(4) .image,
.editors_eye .inner >ul >li:nth-of-type(4) .detail,
.editors_eye .inner >ul >li:nth-of-type(5) .image,
.editors_eye .inner >ul >li:nth-of-type(5) .detail,
.editors_eye .inner >ul >li:nth-of-type(7) .image,
.editors_eye .inner >ul >li:nth-of-type(7) .detail,
.editors_eye .inner >ul >li:nth-of-type(8) .image,
.editors_eye .inner >ul >li:nth-of-type(8) .detail,
.editors_eye .inner >ul >li:nth-of-type(9) .image,
.editors_eye .inner >ul >li:nth-of-type(9) .detail,
.editors_eye .inner >ul >li:nth-of-type(10) .image,
.editors_eye .inner >ul >li:nth-of-type(10) .detail {
	display: table-cell;
	vertical-align: middle;
}
.interviewee {
	display: none;
}
.editors_eye .inner >ul >li:nth-of-type(1) .interviewee,
.editors_eye .inner >ul >li:nth-of-type(3) .interviewee,
.editors_eye .inner >ul >li:nth-of-type(6) .interviewee,
.editors_eye .inner >ul >li:nth-of-type(8) .interviewee {
	display: block;
}
.editors_eye .interview_circle {
	font-size: 18px;
	line-height: 105px;
	width: 105px;
	height: 105px;
	background: #576fb5;
}
.editors_eye .art_circle {
	font-size: 14px;
	line-height: 70px;
	width: 70px;
	height: 70px;
	background: #927bbc;
}
.editors_eye .life_circle {
	font-size: 14px;
	line-height: 70px;
	width: 70px;
	height: 70px;
	background: #daca45;
}
.editors_eye .gift_circle {
	font-size: 16px;
	line-height: 70px;
	width: 70px;
	height: 70px;
	background: #1a9b79;
}
.editors_eye .gourmet_circle {
	font-size: 14px;
	line-height: 70px;
	width: 70px;
	height: 70px;
	background: #ed6377;
}

.carousel_slide.backnumber_slide {
	width: 960px;
	margin: 0 auto;
	margin-top: -24px;
	background: #fff;
}
.carousel_slide.backnumber_slide .slide {
	float: left;
	width: calc((100% - 48px)/3);
	margin-top: 24px;
	margin-right: 24px;
}
.carousel_slide.backnumber_slide .slide:nth-child(3n) {
	margin-right: 0;
}

.text_more {
	position: absolute;
	right: 0;
	bottom: 0;
}
.backnumber_sec {
	position: relative;
	overflow: hidden;
	width: 100%;
	min-width: 960px;
	margin: 0 auto;
	background: #fff;
}
.backnumber_sec .wrapper {
	position: relative;
	margin-top: 65px;
	padding-bottom: 0;
}
.cat_editors-eye .backnumber_sec h2 {
	margin-top: 0;
}
.backnumber_sec .bx-wrapper .bx-viewport {
	position: absolute !important;
	left: 50%;
	width: 2304px !important;
	margin: 0 auto;
	margin-left: -1152px;
	background: #fff;
}
.carousel_slide .bx-wrapper .bx-controls-direction .bx-prev {
	top: 100px;
	left: 2px;
}
.carousel_slide .bx-wrapper .bx-controls-direction .bx-next {
	top: 100px;
	right: 2px;
}
.title {
	display: table-cell;
	vertical-align: middle;
}
.copy {
	line-height: 1.71;
	display: table-cell;
	padding-left: 50px;
	vertical-align: middle;
}
.topic_path +.wrapper {
	margin-top: 50px;
	padding-bottom: 20px;
}
.backnumber_sec .slide .image {
	position: relative;
}
.backnumber_sec .slide .image span {
	font-family: "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size: 12px;
	line-height: 28px;
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 28px;
	padding-left: 12px;
	color: #fff;
	background: rgba(0,0,0,.85);
}
.entry_body .img .icn {
	font-family: Times;
	line-height: 105px;
	position: absolute;
	top: 20px;
	left: 20px;
	display: block;
	width: 105px;
	height: 105px;
	margin-top: 0;
	text-align: center;
	letter-spacing: 1px;
	color: #fff;
	border-radius: 9999px;
	border-radius: 9999;
}
.entry_body .img .icn.icn_interview {
	background: #576fb5;
}
.entry_body .img {
	position: relative;
}
.backnumber_sec .wrapper .btn_normal {
	font-size: 11px;
	position: absolute;
	top: 5px;
	right: 0;
}
.backnumber_sec .wrapper .btn_normal a {
	line-height: 1;
	height: 26px;
	padding-top: 5px;
}
.backnumber_sec .wrapper .btn_normal a:before {
	top: 8px;
}



/* 2017年9月7日より運用追記分 */

.ee	{
	width: 100%;
}

.ee p	{
	margin-top: 0;
}

.ee__1clm-2win {
	width: 100%;
}

	.ee__1clm-2win > div:last-child {
		margin-left: 30px;
	}

	.ee__1clm-2win__img {
		float: left;
		width: 304px;
	}

	.ee__1clm-2win__img__caption {
		margin-top: 10px !important;
	}

	.ee__1clm-2win__txt {
		float: left;
		width: 380px;
	}

.ee__caption {
	width: 100%;
}

	.ee__caption > div:last-child {
		margin-left: 20px;
	}

	.ee__caption__img {
		float: left;
		width: 140px;
	}

	.ee__caption__txt {
		float: left;
		width: 554px;
	}

.ee__images {
	width: 100%;
}

	.ee__images__list {
		display: flex;
		display: -webkit-flex;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: stretch;
		flex-grow: 1;
	}

	.ee__images__list > li {
		width: 228px;
		margin-bottom: 30px;
	}

	.ee__images__list > li:nth-last-of-type(-n+3) {
		margin-bottom: 0;
	}

	.ee__images__list__txt {
		margin-top: 5px !important;
		font-size: .8em;
	}

.ee__2clm {
	width: 100%;
}

	.ee__2clm__list {
		width: 100%;
	}

	.ee__2clm__list > li {
		display: inline-block;
		width: 49%;
		margin-bottom: 5%;
		vertical-align: top;
	}

	.ee__2clm__list > li:nth-child(2n) {
		margin-left: 1%;
	}

	.ee__2clm__list > li > img {
		display: block;
		width: 100%;
	}

	.ee__2clm__list > li > p {
		margin-top: 5px;
		font-size: 1em;
	}


.ee__3clm {
	width: 100%;
}

	.ee__3clm__list {
		width: 100%;
	}

	.ee__3clm__list > li {
		display: inline-block;
		width: 32%;
		margin:0 0 5% 1%;
		vertical-align: top;
	}

	.ee__3clm__list > li:nth-child(3n+1) {
		margin-left: 0;
	}

	.ee__3clm__list > li > img {
		display: block;
		width: 100%;
	}

	.ee__3clm__list > li > p {
		margin-top: 5px;
		font-size: .8em;
	}

.gourmet {
	background-color: #ed6377;
}

.life {
	background-color: #daca45;
}

.fashion {
	background-color: #1a9b79;
}

.design {
	background-color: #576fb5;
}

.editors_eye .life_circle {
	font-size: 14px;
	line-height: 70px;
	width: 70px;
	height: 70px;
	background: #daca45;
}

.editors_eye .fashion_circle {
	font-size: 14px;
	line-height: 70px;
	width: 70px;
	height: 70px;
	background: #1a9b79;
}

.editors_eye .design_circle {
	font-size: 14px;
	line-height: 70px;
	width: 70px;
	height: 70px;
	background: #576fb5;
}

.icn_gourmet {
	background-color: #ed6377;
}

.icn_life {
	background-color: #daca45;
}

.icn_fashion {
	background-color:  #1a9b79;
}

.icn_design {
	background-color: #576fb5;
}