@charset "UTF-8";
/* CSS Document */

/*
Adobe Fonts ----------

■IvyPresto Display - Regular
font-family: ivypresto-display, serif;
font-weight: 400;

■IvyPresto Display - SemiBold
font-family: ivypresto-display, serif;
font-weight: 600;

■FOT-Cezanne ProN - Medium
font-family: fot-cezanne-pron, sans-serif;
font-weight: 500;
*/


/* ==================================================
FONT
================================================== */
html { font-size: 62.5%; }

body,
#allWrap {
	font-family: fot-cezanne-pron, sans-serif;
	
	font-style: normal;
	font-weight: 500;
	font-size: 1rem;
	line-height: 1.2;
	letter-spacing: 0.06em;
	color: #30362c;

	-webkit-font-smoothing: antialiased; /* WebKitブラウザサポート */
	text-rendering: optimizeLegibility; /* Chrome、Safariサポート */
	-moz-osx-font-smoothing: grayscale; /* Firefoxサポート */
	font-feature-settings: 'liga'; /* IEサポート */
	
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%; /* iPhoneの文字サイズバグの回避 */
}

/*IvyPresto Display - Regular*/
.wf400 {
	font-family: ivypresto-display, serif;
	font-weight: 400;
}

/*IvyPresto Display - SemiBold*/
.wf600 {
	font-family: ivypresto-display, serif;
	font-weight: 600;
}


/* ==================================================
LINK
================================================== */
a:link { text-decoration: underline; color: #30362c; }
a:visited { text-decoration: underline; color: #30362c; }
a:hover { text-decoration: none; color: #000; }
a:active { text-decoration: none; color: #000; }
/*a { outline: 0; transition: opacity 0.4s ease-out 0s, color 0.4s ease-out 0s; }*/
:focus { outline: 0; }


/* ==================================================
VIEW SWITCH
================================================== */

/* View Switch
------------------------------ */
@media screen and (min-width: 769px) {
.spOnly { display: none !important; }
}

@media screen and (max-width: 768px) {
.pcOnly { display: none !important; }
}


/* ==================================================
PAGE BASE
================================================== */
body {
}

#allWrap {
	overflow: hidden;
	font-size: 1.6rem;
}

img {
	display: block;
	margin: 0 auto;
}

p {
	line-height: 1.6;
}

p:not(:last-child) {
	margin-bottom: 2em;
}

i,b,em {
	display: inline-block;
}


@keyframes fadein {
	0% {
		opacity: 0;
		/*transform: scale(1.01);*/
	}
	100% { 
		opacity: 1;
		/*transform: scale(1.0);*/
	}
}

#allWrap {
	opacity: 0;
	will-change: animation;
	animation: fadein 1.6s ease-out 0.8s both;
}

/* ==================================================
HEADER
================================================== */
#hdrWrap {
	position: relative;
	height: 480px;
}

#topPage #hdrWrap {
	height: calc(100vh + 10px);
	/*height: 90vh;*/
	min-height: 500px;
	max-height: 860px;
}

/* CREDIT */
#hdrWrap .credit {
	width: 100%;
	font-size: 1.4rem;
	padding: 20px 10px;
	line-height: 1.4;
	position: absolute;
	bottom: -1px;
	background: #fff;
	text-align: center;
}

#hdrWrap .credit .date {
	display: none;
}

#hdrWrap .credit .separate {
	display: none;
}

#hdrWrap .credit .navigator {
}

#hdrWrap .credit .navigator .ttl {
	display: block;
	margin-bottom: 5px;
	font-size: 1.4rem;
}

#hdrWrap .credit .navigator em {
	font-size: 1.8rem;
}

#hdrWrap .credit .navigator b {
}

#hdrWrap .main {
	order: 1;
	width: 100%;
	height: 100%;
	background: url("/original/ethicalwave/asset/img/hdr_bg.jpg") no-repeat;
	background-size: cover;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	padding-bottom: 90px;
}

/* TITLE */
#siteTitle {
	width: 90%;
	max-width: 640px;
	border: 2px solid #fff;
	padding: 3px;
}

#siteTitle a {
	display: block;
	text-decoration: none;
}

#siteTitle .board {
	background: rgba(255, 255, 255, 0.7);
	padding: 20px;
	text-align: center;
}

#siteTitle .board h1 {
	margin: 0 auto 8px;
	max-width: 290px;
}

#siteTitle .board h1 img {
}

#siteTitle .board .time {
	font-family: ivypresto-display, serif;
	font-weight: 600;
	letter-spacing: 0.16em;
	font-size: 1.8rem;
}

#siteTitle .board .time i {
}

#topPage #siteTitle {
}

#topPage #siteTitle a {
	pointer-events: none;
}

#topPage #siteTitle .board {
	padding: 40px 20px;
}

#topPage #siteTitle .board h1 {
	margin-bottom: 20px;
}

#topPage #siteTitle .board h1 img {
}

#topPage #siteTitle .board .time {
}

#topPage #siteTitle .board .time i {
}



/* MENU */
#siteMenu {
	width: 70%;
	max-width: 640px;
	margin-top: 30px;
}

#siteMenu ul {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-wrap: wrap;
	flex-direction: row;
}

#siteMenu ul li {
	font-family: ivypresto-display, serif;
	font-weight: 600;
	font-size: 1.8rem;
	width: calc((100% - 40px) / 2);
	margin-bottom: 20px;
}

#siteMenu ul li.m1 {
	width: 30%;
}

#siteMenu ul li.m2 {
	width: calc(70% - 20px);
}

#siteMenu ul li.m3 {
	width: 100%;
	margin-bottom: 0;
}

#topPage #siteMenu ul li.m1 {
	display: none;
}

#topPage #siteMenu ul li.m2 {
	width: 100%;
	max-width: 430px;
	margin-left: auto;
	margin-right: auto;
}

.archive-list #siteMenu ul li.m2 a {
	pointer-events: none;
	background-color: rgba(255, 255, 255, 0.2);
}

#topPage #siteMenu ul li.m3 {
	width: 100%;
	max-width: 430px;
	margin-left: auto;
	margin-right: auto;
}

#messagePage #siteMenu ul li.m3 a {
	pointer-events: none;
	background-color: rgba(255, 255, 255, 0.2);
}

#siteMenu ul li a {
	text-decoration: none;
	color: #fff;
	border: 2px solid #fff;
	height: 48px;
	display: flex;
	justify-content: center;
	align-items: center;
	transition: all 0.4s ease-out 0s;
}

#siteMenu ul li a:hover {
	background-color: rgba(255, 255, 255, 0.3);
}

/* ########## */
@media screen and (min-width: 769px) {
	#hdrWrap {
	}

	#topPage #hdrWrap {
	max-height: 100vh;
	height: calc(100vh - 185px);
	}

	/* CREDIT */
	#hdrWrap .credit {
		top: 0;
		bottom: auto;
		padding: 8px 10px;
	}
	
	#hdrWrap .credit * {
		font-size: 1.3rem !important;
	}

	#hdrWrap .credit .date {
		display: inline-block;
	}

	#hdrWrap .credit .date b {
		display: inline-block;
		margin-right: 8px;
	}

	#hdrWrap .credit .separate {
		display: inline-block;
		margin: 0 16px;
	}

	#hdrWrap .credit .navigator {}

	#hdrWrap .credit .navigator .ttl {
		display: inline-block;
		margin: 0 12px 0 0;
	}

	#hdrWrap .credit .navigator em {
	}

	#hdrWrap .credit .navigator b {}

	#hdrWrap .main {
		padding-bottom: 0;
		padding-top: 50px;
	}

	#siteTitle {}

	#siteTitle .board {padding: 40px 20px;}

	#siteTitle .board h1 {max-width: 100%;width: 460px;}

	#siteTitle .board h1 img {}

	#siteTitle .board .time {font-size: 2.4rem;}

	#siteTitle .board .time i {}
	
	#topPage #siteTitle {
	}

	#topPage #siteTitle .board {
	}

	#topPage #siteTitle .board h1 img {
	}

	#topPage #siteTitle .board .time {
	}

	#topPage #siteTitle .board .time i {
	}

	#siteMenu {
		width: 90%;
		max-width: 900px;
		margin-top: 40px;
	}

	#siteMenu ul {
		align-items: stretch;
	}

	#topPage #siteMenu ul {
		justify-content: space-between;
	}

	#siteMenu ul li {
		width: calc((100% - 80px) / 3) !important;
		font-size: 2.4rem;
	}

	#siteMenu ul li.m1 {}

	#siteMenu ul li.m2 {}

	#siteMenu ul li.m3 {}

	#topPage #siteMenu ul li.m1 {}

	#topPage #siteMenu ul li.m2 {
		width: calc(50% - 20px) !important;
		margin-left: 0;
	}

	#topPage #siteMenu ul li.m3 {
		width: calc(50% - 20px) !important;
		margin-right: 0;
	}

	#siteMenu ul li a {
		height: 64px;
	}

	#siteMenu ul li a:hover {}
}
/* //########## */



/* ==================================================
CONTENTS
================================================== */
#mainCnt {}

section.area {
	padding: 0 3%;
}


/* ########## */
@media screen and (min-width: 641px) {
	section.area {
		padding: 0 5%;
	}
}
/* //########## */




/* ########## */
@media screen and (min-width: 769px) {
	section.area {
		padding: 0 10px;
	}
}
/* //########## */



section.area .areaTitle {
	font-family: ivypresto-display, serif;
	font-weight: 400;
	line-height: 1.2;
	font-size: 3.8rem;
	letter-spacing: 0.1em;
	padding: 80px 0;
	text-align: center;
}

section.area .areaTitle i {
	/*margin: 0 8px;*/
}


/* ########## */
@media screen and (min-width: 769px) {
	section.area .areaTitle {padding-top: 60px;}

	section.area .areaTitle i {}
}
/* //########## */



/* 記事エリア 基本設定 */
.articleBox {}

.articleBox:nth-child(n+2) {
	margin-top: 100px;
}

.articleBox:first-child {
	margin-top: 0;
}

.articleBox .head {
	font-size: 1.5rem;
	line-height: 1;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 20px;
}

.articleBox .head .label {
	color: #fff;
	background-color: #3c3c3c;
	display: inline-block;
	padding: 4px 15px;
}

.articleBox .head .label.next {
	background-color: #ff3636;
}

.articleBox .head .date {}


/* ########## */
@media screen and (min-width: 769px) {
	.articleBox {}

	.articleBox:nth-child(n+2) {}

	.articleBox:first-child {}

	.articleBox .head {}

	.articleBox .head .label {}

	.articleBox .head .label.next {}

	.articleBox .head .date {}
}
/* //########## */



/**/
.articleBox .pct {}

.articleBox .pct img {}


/* ########## */
@media screen and (min-width: 769px) {
	.articleBox .pct {}

	.articleBox .pct img {}
}
/* //########## */



/**/
.articleBox .ttl {
	font-size: 1.8rem;
	/*! height: 80px; */
	/*! display: flex; */
	/*! justify-content: flex-start; */
	/*! align-items: center; */
	padding: 30px 0;
}

.articleBox .txt {
	font-size: 1.6rem;
}

.articleBox .txt p {}


/* ########## */
@media screen and (min-width: 769px) {
	.articleBox .ttl {
		font-size: 2rem;
		padding: 50px 0;
	}

	.articleBox .txt {}

	.articleBox .txt p {
		line-height: 2;
	}
}
/* //########## */



/* .reporter */
.articleBox .reporter {
	padding: 100px 0 0;
}

.articleBox .reporter .profImg {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	flex-direction: row;
	margin-bottom: 40px;
}

.articleBox .reporter .profImg .pct {
	width: 40%;
}

.articleBox .reporter .profImg .pct img {}

.articleBox .reporter .profImg .credit {
	width: calc(60% - 30px);
}

.articleBox .reporter .profImg .credit .label {
	font-size: 1.4rem;
	margin-bottom: 20px;
}

.articleBox .reporter .profImg .credit .name {
	font-size: 2rem;
}

.articleBox .reporter .profTxt {}

.articleBox .reporter .profTxt p {}


/* ########## */
@media screen and (min-width: 769px) {
	.articleBox .reporter {}

	.articleBox .reporter .profImg {}

	.articleBox .reporter .profImg .pct {}

	.articleBox .reporter .profImg .pct img {}

	.articleBox .reporter .profImg .credit {}

	.articleBox .reporter .profImg .credit .label {}

	.articleBox .reporter .profImg .credit .name {}

	.articleBox .reporter .profTxt {}

	.articleBox .reporter .profTxt p {
		line-height: 2;
	}
}
/* //########## */



/* .foot */
.articleBox .foot {
	padding: 80px 0 0;
}

.articleBox .foot a.bnr {}

.articleBox .foot a.bnr img {
	transition: all 0.4s ease-out 0s;
}

.articleBox .foot a.bnr:hover img {
	transform: scale(1.03);
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}


/* ########## */
@media screen and (min-width: 769px) {
	.articleBox .foot {}

	.articleBox .foot a.bnr {}

	.articleBox .foot a.bnr img {}

	.articleBox .foot a.bnr:hover img {}
}
/* //########## */



/* GUEST AREA
------------------------------ */
#guestArea {
	margin-bottom: 100px;
}

#subPage #guestArea .areaTitle {
	padding: 40px 0 60px;
}

#subPage #guestArea .pageBack {
	display: none;
}

#guestArticle {
	max-width: 580px;
	margin: 0 auto;
}

#guestArticle .articleBox {}


/* ########## */
@media screen and (min-width: 769px) {
	#guestArea {
		margin-bottom: 160px;
	}

	#subPage #guestArea .areaTitle {
	padding: 60px 0;
	}
	
	#guestArticle {
		display: flex;
		justify-content: space-between;
		align-items: stretch;
		flex-wrap: wrap;
		flex-direction: row;
		max-width: 1600px;
	}

	#guestArticle .articleBox {
		width: 80%;
		max-width: 640px;
		margin: 0 auto;
	}

	#topPage #guestArticle .articleBox {
		width: calc(50% - 35px);
		max-width: 580px;
		margin: 0 auto;
	}

	#guestArticle .articleBox:nth-child(n+2) {
		margin-top: 0;
	}
}
/* //########## */



/* COLUMN WRAPPER
------------------------------ */
#columnWrap {
	margin-bottom: 100px;
}

#columnWrap .pageBack {
	text-align: center;
	margin-top: 100px;
	width: 100%;
}

#columnWrap .pageBack a {
	text-decoration: none;
	font-family: ivypresto-display, serif;
	font-weight: 600;
	font-size: 1.8rem;
	display: flex;
	justify-content: center;
	align-items: center;
	border: 1px solid #30362c;
	width: 80%;
	max-width: 300px;
	height: 48px;
	margin: 0 auto;
	transition: all 0.4s ease-out 0s;
}

#columnWrap .pageBack a:hover {
	opacity: 0.5;
}

/* ########## */
@media screen and (min-width: 769px) {
	#columnWrap {
		display: flex;
		justify-content: center;
		align-items: stretch;
		flex-wrap: wrap;
		flex-direction: row;
		margin: 0 auto 160px;
		max-width: 1600px;
	}
	
	#columnWrap .pageBack {
		margin-top: 160px;
	}

	#columnWrap .pageBack a {
		height: 64px;
		max-width: 500px;
	}

	#columnWrap .pageBack a:hover {
	}
}
/* //########## */



/* TOPICS AREA
------------------------------ */
#topicsArea {
	background-color: #faf9f9;
	padding: 0 3% 100px;
	margin-bottom: 2px;
}

#topicsArea .areaTitle {
	/*! height: 210px; */
	/*! padding-top: 80px; */
}

#topicsArea .areaMain {
	max-width: 580px;
	margin: 0 auto;
}

#topicsArea .articleBox {}


/* ########## */
@media screen and (min-width: 769px) {
	#topicsArea {
		width: calc(50% - 1px);
		padding: 0 0 100px;
		margin-right: 1px;
		/*! padding-left: 10px; */
	}

	#topicsArea .areaTitle {
		padding: 0;height: 230px;
		display: flex;
		justify-content: center;
		align-items: center;
		flex-wrap: wrap;
		flex-direction: column;
	}
	
	#topicsArea .areaMain {
		width: calc(100% - 35px);
	}

	#topicsArea .articleBox {}
}
/* //########## */

/* ########## */
@media screen and (min-width: 1001px) {
	#topicsArea {
	}

	#topicsArea .areaTitle {
		padding: 100px 0 0;
		height: 230px;
		display: block;
	}

	#topicsArea .areaTitle i {}

	#topicsArea .areaMain {
	}

	#topicsArea .articleBox {}
}
/* //########## */

/* VOICE AREA
------------------------------ */
#voiceArea {
	background-color: #f5f4f4;
	padding: 0 3% 100px;
}

#voiceArea .areaTitle {
	/*! height: 210px; */
	/*! padding-top: 80px; */
}

#voiceArea .areaTitle i {}

#voiceArea .areaMain {
	max-width: 580px;
	margin: 0 auto;
}

#voiceArea .articleBox {}


/* ########## */
@media screen and (min-width: 769px) {
	#voiceArea {
		width: calc(50% - 1px);
		padding: 0 0 100px;
		margin-left: 1px;
	}

	#voiceArea .areaTitle {
		padding: 0;
		height: 230px;
		display: flex;
		justify-content: center;
		align-items: center;
		flex-wrap: wrap;
		flex-direction: column;
	}

	#voiceArea .areaTitle i {}

	#voiceArea .areaMain {
		width: calc(100% - 35px);
	}

	#voiceArea .articleBox {}
}
/* //########## */


/* ########## */
@media screen and (min-width: 1001px) {
	#voiceArea {
	}

	#voiceArea .areaTitle {
		padding: 100px 0 0;
		height: 230px;
		display: block;
	}

	#voiceArea .areaTitle i {}

	#voiceArea .areaMain {
	}

	#voiceArea .articleBox {}
}
/* //########## */



/* ABOUT AREA
------------------------------ */
#aboutArea {
	background-color: #f4f7f6;
	margin-bottom: 100px;
	padding: 0 3% 100px;
}

#aboutArea .areaTitle {
	/*! height: 210px; */
	
}

#aboutArea .areaTitle i {}


/* ########## */
@media screen and (min-width: 769px) {
	#aboutArea {
		margin: 0 auto 160px;
		max-width: 1600px;
		padding: 0 10px 100px;
	}

	#aboutArea .areaTitle {
		padding-top: 100px;
	}

	#aboutArea .areaTitle i {}
}
/* //########## */



/* .lead */
#aboutArea .lead {
	text-align: center;
	margin-bottom: 80px;
}

#aboutArea .lead p {
	line-height: 2;
}

#aboutArea .lead p.concept {}

#aboutArea .lead p.concept i:nth-child(1) {
	width: 100%;
}

#aboutArea .lead p i {}


/* ########## */
@media screen and (min-width: 769px) {
	#aboutArea .lead {}

	#aboutArea .lead p {}

	#aboutArea .lead p.concept {}

	#aboutArea .lead p.concept i:nth-child(1) {
		width: auto;
	}

	#aboutArea .lead p i {}
}
/* //########## */



/* .navigator */
#aboutArea .navigator {
	max-width: 580px;
	margin: 0 auto;
}

#aboutArea .navigator li {
	width: 80%;
	margin: 0 auto 60px;
}

#aboutArea .navigator li:last-child {
	margin-bottom: 0;
}

#aboutArea .navigator li a {
	text-decoration: none;
	transition: all 0.4s ease-out 0s;
}

#aboutArea .navigator li .pct {
	margin-bottom: 20px;
	position: relative;
}

#aboutArea .navigator li .pct::after {
	content: "";
	width: 14px;
	height: 14px;
	position: absolute;
	background: url("/original/ethicalwave/asset/img/icon_info_fff.svg") no-repeat center center;
	background-size: contain;
	bottom: 12px;
	right: 12px;
}

#aboutArea .navigator li .pct img {
	transition: all 0.4s ease-out 0s;
}

#aboutArea .navigator li a:hover .pct img {
	transform: scale(1.03);
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);
	filter: brightness(105%) contrast(110%) saturate(110%);
}

#aboutArea .navigator li .caption {
	text-align: center;
}

#aboutArea .navigator li .caption .label {
	font-size: 1.2rem;
	margin-bottom: 10px;
}

#aboutArea .navigator li .caption .name {
	font-size: 2rem;
	letter-spacing: 0.2em;
}


/* ########## */
@media screen and (min-width: 769px) {
	#aboutArea .navigator {
		display: flex;
		justify-content: center;
		align-items: flex-start;
		flex-wrap: wrap;
		flex-direction: row;
		max-width: 1200px;
	}

	#aboutArea .navigator li {
		width: calc(50% - 80px);
		max-width: 440px;
		margin: 0 40px;
	}

	#aboutArea .navigator li:last-child {}

	#aboutArea .navigator li a {}

	#aboutArea .navigator li .pct {
		margin-bottom: 30px;
	}

	#aboutArea .navigator li .pct img {}

	#aboutArea .navigator li a:hover .pct img {}

	#aboutArea .navigator li .caption {}

	#aboutArea .navigator li .caption .label {}

	#aboutArea .navigator li .caption .name {}
}
/* //########## */



/* TWITTER AREA
------------------------------ */
#twitterArea {
	padding: 80px 0;
	margin-bottom: 100px;
	background: url("/original/ethicalwave/asset/img/tw_bg.jpg") no-repeat;
	background-size: cover;
}

#twitterArea .areaTitle {
	display: none;
}

#twitterArea .twWrap {
	width: 86%;
	max-width: 680px;
	height: 70vh;
	max-height: 640px;
	min-height: 420px;
	margin: 0 auto;
}

#twitterArea .twWrap .twFrame {
	width: 100%;
	height: 100%;
}

#twitterArea .twWrap .twFrame .twitter-timeline {}


/* ########## */
@media screen and (min-width: 769px) {
	#twitterArea {
		padding: 100px 0;
		margin-bottom: 160px;
	}

	#twitterArea .areaTitle {}

	#twitterArea .twWrap {}

	#twitterArea .twWrap .twFrame {}

	#twitterArea .twWrap .twFrame .twitter-timeline {}
}
/* //########## */



/* ARCHIVE LIST AREA
------------------------------ */
#archivelistArea {
	margin-bottom: 160px;
}

#archivelistArea .areaTitle {
	padding: 40px 0 60px;
}

/* #listWrap */
#listWrap {
}

#listWrap li {
	background: #f8f8f8;
	padding: 15px;
	position: relative;
	margin: 0 auto 60px;
}

#listWrap li:last-child {
	margin-bottom: 0;
}

#listWrap li .box {
}

#listWrap li .box .pct {
}

#listWrap li .box .pct a {
	display: block;
	border: 1px solid #fff;
	margin-bottom: 15px;
	transition: all 0.4s ease-out 0s;
	overflow: hidden;
}

#listWrap li .box .pct a img {
	transition: all 0.4s ease-out 0s;
}

#listWrap li .box .pct a:hover img {
	transform: scale(1.03);
	filter: brightness(105%) contrast(110%) saturate(105%);
}

#listWrap li .box .detail {
	position: relative;
	padding-bottom: 35px;
}

#listWrap li .box .detail .date {
	font-size: 1.3rem;
	margin-bottom: 30px;
	text-align: right;
}

#listWrap li .box .detail .date::after {
	content: "ON AIR";
	display: inline-block;
	margin-left: 15px;
}

#listWrap li .box .detail .ttl {
	font-size: 1.8rem;
	margin-bottom: 30px;
}

#listWrap li .box .detail .txt {
}

#listWrap li .box .detail .txt p {
	font-size: 1.4rem;
}

#listWrap li .box .detail .moreLink {
	position: absolute;
	width: 129px;
	height: 26px;
	bottom: -15px;
	right: -15px;
}

#listWrap li .box .detail .moreLink a {
	display: block;
	position: relative;
	background: #30362c;
	color: #fff;
	text-decoration: none;
	line-height: 1;
	width: 100%;
	height: 100%;
	padding: 6px 0 0 0;
	font-size: 1.5rem;
	text-align: center;
	transition: all 0.4s ease-out 0s;
}

#listWrap li .box .detail .moreLink a:hover {
	opacity: 0.7;
}

#listWrap li .box .detail .moreLink a::after {
	content: "";
	position: absolute;
	width: 8px;
	height: 8px;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	transform: rotate(45deg);
	top: 9px;
	right: 10px;
}
/**/


/* ########## */
@media screen and (min-width: 521px) {

#archivelistArea {
}

#archivelistArea .areaTitle {
}

/* #listWrap */
#listWrap {
}

#listWrap li {
	padding: 30px 15px 15px;
}

#listWrap li:last-child {
}

#listWrap li .box {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-wrap: wrap;
	flex-direction: row;
}

#listWrap li .box .pct {
	width: 38%;
}

#listWrap li .box .pct a {
}

#listWrap li .box .pct a img {
}

#listWrap li .box .detail {
	width: calc(62% - 20px);
	padding-top: 5px;
}

#listWrap li .box .detail .date {
	text-align: left;
}

#listWrap li .box .detail .date::after {
}

#listWrap li .box .detail .ttl {
}

#listWrap li .box .detail .txt {
}

#listWrap li .box .detail .txt p {
}

#listWrap li .box .detail .moreLink {
}

#listWrap li .box .detail .moreLink a {
}

#listWrap li .box .detail .moreLink a::after {
}

}
/* //########## */

/* ########## */
@media screen and (min-width: 769px) {

#archivelistArea {
	padding: 0 40px;
}

#archivelistArea .areaTitle {
	padding: 60px 0;
}

/* #listWrap */
#listWrap {
}

#listWrap li {
	padding: 30px;
	max-width: 1000px;
	margin-bottom: 40px;
}

#listWrap li:last-child {
}

#listWrap li .box {
	display: flex;
	justify-content: space-between;
	align-items: stretch;
	flex-wrap: wrap;
	flex-direction: row;
}

#listWrap li .box .pct {
	width: 300px;
}

#listWrap li .box .pct a {
}

#listWrap li .box .pct a img {
}

#listWrap li .box .detail {
	width: calc(100% - 330px);
	padding-top: 10px;
}

#listWrap li .box .detail .date {
	text-align: left;
}

#listWrap li .box .detail .date::after {
}

#listWrap li .box .detail .ttl {
}

#listWrap li .box .detail .txt {
}

#listWrap li .box .detail .txt p {
}

#listWrap li .box .detail .moreLink {
	width: 120px;
	height: 22px;
	bottom: -30px;
	right: -30px;
}

#listWrap li .box .detail .moreLink a {
	font-size: 1.3rem;
	padding: 5px 0 0 0;
}

#listWrap li .box .detail .moreLink a::after {
	top: 7px;
}

}
/* //########## */

/* ==================================================
全ページ共通フッター
================================================== */
#commonWrap {}

#commonWrap .link {}

#commonWrap .link a {}

#commonWrap .link a img {}


/* ########## */
@media screen and (min-width: 769px) {
	#commonWrap {}

	#commonWrap .link {}

	#commonWrap .link a {}

	#commonWrap .link a img {}
}
/* //########## */



/* Gigya Share [ for J-me Bar ]
------------------------------ */
#snsArea {
	display: none;
}

#topPage #snsArea {
	display: block;
	margin: 80px auto 0;
	max-width: 420px;
	width: 100%;
}

#gigyaShare {}

#jme-point-img {
	margin: 0 8px 20px;
}


/* ########## */
@media screen and (min-width: 769px) {
	#topPage #snsArea {
		max-width: 100%;
		width: 100%;
	}

	#jme-point-img {
		margin: 0 16px 0 8px;
	}
}
/* //########## */



/* PAGE TOP
------------------------------ */
#pagetopBtn {
	padding: 160px 0 40px;
}

#pagetopBtn a {
	display: block;
	width: 40px;
	height: 40px;
	position: relative;
	margin: 0 auto;
}

#pagetopBtn a::before {
	content: "";
	display: block;
	width: 17px;
	height: 17px;
	border-top: 2px solid #000;
	border-left: 2px solid #000;
	transform: rotate(45deg);
	position: absolute;
	top: calc(50% - 4px);
	left: 0;
	right: 0;
	margin: 0 auto;
}


/* ########## */
@media screen and (max-width: 540px) {
	#pagetopBtn {
		padding: 80px 0 40px;
	}
}
/* //########## */



/* ==================================================
FOOTER
================================================== */
#ftrWrap {
	background-color: #304250;
	padding: 40px;
}

#ftrWrap .inner {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	flex-direction: row;
}

#ftrWrap .logo {
	width: 160px;
	height: 20px;
}

#ftrWrap .logo a {
	position: relative;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}

#ftrWrap .logo a::before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22154%22%20height%3D%2218%22%20viewBox%3D%220%200%20154%2018%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M151.159%2017.852V7.16l-5.71%206.18-5.707-6.18v10.692H136.9V.244l8.549%209.123L154%20.244v17.608zM127.11%207.65h5.659v2.747h-5.66v7.454h-2.84V.44h10.093v2.795h-7.252zm-11.95%2010.28c-2.07%200-3.993-.926-5.064-2.486l1.972-1.658a3.451%203.451%200%200%200%202.994%201.658c1.924%200%203.36-1.242%203.36-3.29-.025-1.974-1.34-3.363-3.457-3.363h-1.631l3.164-5.825h-5.671V.433h9.737l-3.408%206.287c2.483.731%203.968%202.754%203.968%205.435%200%203.436-2.386%205.775-5.965%205.775zm-8.525%200c-.933%200-1.727-.771-1.727-1.73%200-.958.794-1.728%201.727-1.728.957%200%201.727.77%201.727%201.728%200%20.959-.77%201.73-1.727%201.73zM99.738%202.966h-2.9l1.17-2.534h4.434v17.418h-2.704zm-4.66%209.796c0%201.512-.493%202.75-1.48%203.715-.986.966-2.249%201.45-3.788%201.45-1.576%200-2.875-.489-3.899-1.461-1.03-.973-1.546-2.197-1.546-3.67%200-1.918.77-3.259%202.309-4.025-1.252-.885-1.879-2.09-1.879-3.615%200-1.387.476-2.543%201.426-3.473.957-.93%202.146-1.392%203.567-1.392%201.414%200%202.592.463%203.534%201.392.943.923%201.414%202.083%201.414%203.484%200%201.466-.622%202.663-1.866%203.593a3.945%203.945%200%200%201%201.612%201.614c.398.707.597%201.504.597%202.388zm-3.552-9.346a2.397%202.397%200%200%200-1.76-.736c-.684%200-1.27.245-1.76.736-.49.49-.735%201.066-.735%201.728%200%20.714.242%201.313.724%201.796.49.49%201.08.735%201.77.735.685%200%201.272-.245%201.761-.735.49-.49.735-1.077.735-1.762a2.4%202.4%200%200%200-.735-1.762zm.153%207.355a2.661%202.661%200%200%200-1.957-.813c-.757%200-1.41.27-1.957.813-.541.54-.811%201.186-.811%201.937%200%20.772.266%201.435.8%201.99.54.55%201.196.824%201.968.824.764%200%201.417-.27%201.957-.812.54-.548.811-1.205.811-1.97a2.68%202.68%200%200%200-.81-1.969zm-13.802%204.012l-.89%203.07h-9.46V.44h10.35l-.89%203.07H70.64v4.125h5.826l-.891%203.024H70.64v4.124zM50.042.44h3.438l4.6%2010.4%204.623-10.4h3.414L58.08%2018zm1.05%2017.413l-1.51-3.215-7.507.02-1.513%203.195h-3.347L45.843%200l8.62%2017.854zm-5.25-11.208l-2.389%205.083h4.767zM30.18%2010.498L26.74%2018%2018.704.44h3.319l4.785%2010.84%201.842-4.123L25.576.44h3.27l4.757%2010.677L38.333.441h3.319L33.614%2018zm-11.099.36h-5.77V7.905h5.77zm-8.443%201.491v.192l-.002.206-.004.205-.003.098-.003.092-.005.087-.005.079-.006.076-.007.07C10.277%2016.587%207.788%2018%205.319%2018%202.861%2018%20.383%2016.587.04%2013.454l-.014-.139-.01-.136-.008-.132-.003-.063-.001-.06-.002-.06v-.056L0%2012.754%200%2012.7v-.196h3.138l.006.166.006.16.009.152.011.143.019.14.026.14.017.07.019.071.022.072.025.072c.3.83%201.01%201.313%202.025%201.332.888%200%201.83-.426%202.114-1.569l.017-.07.014-.074.013-.08.01-.086.009-.09.007-.098.009-.204.005-.205.001-.097v-.094l.002-.086V3.512H2.75V.44h7.89v11.822z%22%2F%3E%3C%2Fsvg%3E');
	background-repeat: no-repeat;
	background-position: left top;
	background-size: contain;
}

#ftrWrap .copyright {
	font-size: 1.4rem;
	color: #fff;
}

#ftrWrap .copyright b {
	display: inline-block;
	margin-right: 4px;
}

/* J-WAVE COMMON FOOTER
------------------------------ */

/* ########## */
@media screen and (max-width: 640px) {
	#jwave_footer_wrapper {
		padding-bottom: env(safe-area-inset-bottom) !important;
	}
}
/* //########## */


/* ////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////// */


/* ==================================================
OTHERS
================================================== */

.scrollto {/**/}

/* clrfix */
.clrfix::before, .clrfix::after { display: table; content: ''; }
.clrfix::after { clear: both; }

/* iOS フルサイズディスプレイ対応 */
.vfit-cover {
	padding-left: env(safe-area-inset-left);
	padding-right: env(safe-area-inset-right);
}


/*

<!-- #################################################################################################### -->
<!-- #################################################################################################### -->
<!-- #################################################################################################### -->
<!-- #################################################################################################### -->
<!-- #################################################################################################### -->
<!-- ##########　HTML コメントアウト記述ルール　######################################################### -->
<!-- #################################################################################################### -->
<!-- #################################################################################################### -->


<!-- ▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼ -->
<!-- //////////////////////////////////////////////////////////////////// -->
<!-- ///// メインコンテンツエリア（編集エリア） ///////////////////////// -->
<!-- //////////////////////////////////////////////////////////////////// -->

<!-- //////////////////////////////////////////////////////////////////// -->
<!-- //////////////////////////////////////////////////////////////////// -->
<!-- ▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲ -->

<!-- ==================== 大ブロックエリア ==================== -->
<!-- ==================== //大ブロックエリア ==================== -->

<!-- ***** 中ブロックエリア *************** -->
<!-- ***** //中ブロックエリア *************** -->

<!-- #ID名 -->
<!-- //#ID名 -->

<!-- .class名 -->
<!-- //.class名 -->

<!-- [memo] -->
<!-- //[memo] -->


<!-- ※※※※※ INCLUDE - HEADER ※※※※※ -->
<!--#include virtual="/common/inc_header.html"-->
<!-- ※※※※※ //INCLUDE - HEADER ※※※※※ -->

<!-- ※※※※※ INCLUDE - FOOTER ※※※※※ -->
<!--#include virtual="/common/inc_footer.html"-->
<!-- ※※※※※ //INCLUDE - FOOTER ※※※※※ -->

<!--
[ id/class Name List ]
wrap > area > (group) > set > box

[ memmo ]
TOPページ → <body id="topPage">
Newsページ(第2階層) → <body id="subPage" class="news">
-->
*/


/* #################################################################################################### */
/* #################################################################################################### */
/* #################################################################################################### */
/* #################################################################################################### */
/* #################################################################################################### */
/* ##########　コメントアウト記述ルール　############################################################## */
/* #################################################################################################### */
/* #################################################################################################### */


/* //////////////////////////////////////////////////////////////////// */
/* ///// ブロック区切り /////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////// */

/* ==================================================
大見出し
================================================== */

/* 中見出し（他、説明など）
------------------------------ */

/* ### 小見出し 1 ### */
/* ### ----- ### */

/* 小見出し 2 */
/* ----- */