@charset "utf-8";

/* ver.18.9.10 */

/*===============================================================
	
	web font
	
===============================================================*/
@font-face {
  font-family: "NotoSansCJKjp";
  font-style: normal;
  font-weight: 400;
  src: local("Noto Sans CJK JP Regular"),
	  url("../font/NotoSansCJKjp-Regular.woff2") format("woff2"),
	  url("../font/NotoSansCJKjp-Regular.woff") format("woff"),
	  url("../font/NotoSansCJKjp-Regular.otf") format("opentype");
}
@font-face {
  font-family: "NotoSansCJKjp";
  font-style: normal;
  font-weight: 500;
  src: local("Noto Sans CJK JP Medium"),
	  url("../font/NotoSansCJKjp-Medium.woff2") format("woff2"),
	  url("../font/NotoSansCJKjp-Medium.woff") format("woff"),
	  url("../font/NotoSansCJKjp-Mediumt.otf") format("opentype");
}
@font-face {
  font-family: "NotoSansCJKjp";
  font-style: normal;
  font-weight: 700;
  src: local("Noto Sans CJK JP Bold"),
	  url("../font/NotoSansCJKjp-Bold.woff2") format("woff2"),
	  url("../font/NotoSansCJKjp-Bold.woff") format("woff"),
	  url("../font/NotoSansCJKjp-Bold.otf") format("opentype");
}


/*===============================================================

	init

===============================================================*/
* { padding:0; margin:0; }
html { font-size:62.5%; }
body,div,dl,section,main,video,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,
pre,code,form,fieldset,legend,select,input,
p,blockquote,table,th,td { padding:0; margin:0; }
button, input, select, textarea { font-family : inherit; font-size : 100%; }
h1,h2,h3,h4,h5,h6,p,li,dt,dd { max-height:100%; } /* android font size bug fix */
input,textarea { -webkit-appearance: none; } /* iOS Reset */
body { font-family: 'NotoSansCJKjp', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', 'ＭＳ Ｐゴシック', Osaka, sans-serif; }
h1,h2,h3,h4,h5,h6,p,li,th,td,dt,dd { font-size:1.4rem; line-height:1.5; font-weight:400; }
th,td { text-align:left; vertical-align:top; }
img { vertical-align:top; border:0; }
ul,li { list-style:none; }
option { padding-right:1rem; }
address,caption { font-style:normal; font-weight:normal; }
a { color:#000; text-decoration: underline; outline:#fff; cursor: pointer; transition: .2s; -webkit-tap-highlight-color: rgba(0,0,0,0); }
a:hover { opacity: .6; }

/* Tablet  */
@media screen and (min-width:600px) {}
/* PC */
@media screen and (min-width:960px) {
	h1,h2,h3,h4,h5,h6,p,li,th,td,dt,dd { font-size:1.4rem; }
}
/* Wide PC */
@media screen and (min-width:1281px) {}

/* utility
----------------------------------------------------------------*/
.clear:after {
	content: ""; 
	display: block; 
	clear: both;
}
img[src$=".svg"],
.fit img {
	width: 100%;
	height: auto;
}
.mt10 { margin-top: 10px; }
.mt20 { margin-top: 20px; }
.mt30 { margin-top: 30px; }
.mt40 { margin-top: 40px; }
.mt50 { margin-top: 50px; }

/* Tablet  */
@media screen and (min-width:600px) {
	br.sp {
		display: none;
	}
}
/* PC */
@media screen and (min-width:960px) {
	br.tab {
		display: none;
	}
}
/* Wide PC */
@media screen and (min-width:1281px) {}

/* html/body設定
----------------------------------------------------------------*/
img {
	user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	-webkit-user-select:none;
	-khtml-user-select:none;
	-webkit-user-drag: none;
	-khtml-user-drag: none;
	-webkit-touch-callout: none;
}
body {
	color:#000;
	text-align:left;
	background: #f0f0f0;
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
/* 選択範囲 */
::selection {}
::-moz-selection {}

/* Tablet  */
@media screen and (min-width:600px) {}
/* PC */
@media screen and (min-width:960px) {}
/* Wide PC */
@media screen and (min-width:1281px) {}

/* ラッパー
----------------------------------------------------------------*/
.wrapper {
	position: relative;
	width: 100%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	/*background: #fff;
	overflow: hidden;*/
	z-index: 1;
}

/* Tablet  */
@media screen and (min-width:600px) {}
/* PC */
@media screen and (min-width:960px) {}
/* Wide PC */
@media screen and (min-width:1281px) {}

/* ヘッドセクション HEADER
----------------------------------------------------------------*/
section.head {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	overflow: hidden;
	z-index: 1000;
}
/* ヘッダ */
header {
	position: relative;
	top: 0;
	left: 0;
	height: 40px;
	background: #fdfe00;
}
header h1 {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
header h1 a {
	display: block;
	font-size: 0;
	line-height: 0;
}
header h1 a img[src$=".svg"] {
	height: 15px;
	width: auto;
}
header h1 a:hover {
	opacity: 1;
}
header .company {
	position: absolute;
	top: 50%;
	left: 8px;
	font-size: 0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
header .company img[src$=".svg"] {
	height: 7px;
	width: auto;
}
/* PC sns nav */
header .sns,
section.head nav.pc {
	display: none;
}

/* spmenu  */
.spmenu {
	position: fixed;
	top: 8px;
	right: 8px;
	width: 23px;
	height: 24px;
	/*background: #f00;*/
	z-index: 1002;
}
.spmenu a,
.spmenu a span,
.search.sp .close a,
.search.sp .close a span {
	display: inline-block;
	line-height: 2px;
	transition: all .4s;
	box-sizing: border-box;
}
.spmenu a,
.search.sp .close a {
	position: relative;
	width: 100%;
	height: 100%;
}
.spmenu a span,
.search.sp .close a span {
	position: absolute;
	width: 23px;
	height: 2px;
	left: 0;
	background-color: #222;
	border-radius: 1px;
}
.spmenu a span:nth-of-type(1) {
	top: 5px;
}
.spmenu a span:nth-of-type(2) {
	top: 11px;
}
.spmenu a span:nth-of-type(3) {
	top: 17px;
}
.spmenu.on span:nth-of-type(1) {
	left: 1px;
	-webkit-transform: translateY(6px) rotate(45deg);
	transform: translateY(6px) rotate(45deg);
}
.spmenu.on span:nth-of-type(2) {
	opacity: 0;
}
.spmenu.on span:nth-of-type(3) {
	left: 1px;
	-webkit-transform: translateY(-6px) rotate(-45deg);
	transform: translateY(-6px) rotate(-45deg);
}
/* SP nav */
nav.sp {
	display: block;
	position: fixed;
	top: 0;
	right: -50%;
	width: 50%;
	height: 100vh;
	text-align: left;
	background:  #fdff2f;
	overflow-y: scroll;
	transition: .3s;
	z-index: 1001;
}
nav.sp.disp {
	right: 0;
}
nav.sp ul {
	margin: 40px 0 0 20px;
}
nav.sp ul li {
	height: 26px;
	text-align: left;
	padding: 5px 0;
	margin-bottom: 10px;
}
nav.sp ul li:last-child {
	margin-bottom: 0;
}
nav.sp ul li a {
	position: relative;
	color: #000;
	font-size: 1.6rem;
	line-height: 2.0rem;
	font-weight: 500;
	text-decoration: none;
}
nav.sp ul li a span {
	display: inline-block;
	height: 20px;
	width: 25px;
	text-align: center;
	margin-right: 10px;
}
nav.sp ul li a span img[src$=".svg"] {
	height: 100%;
	width: auto;
}

/* Background Blur */
body.blur section.head,
body.blur section.body,
body.blur section.foot {
	/*transition: all .2s ease-out;
	-webkit-filter: blur(2px);
	-moz-filter: blur(2px);
	-ms-filter: blur(2px);
	filter: blur(2px);*/
}

/* Tablet  */
@media screen and (min-width:600px) {}
/* PC */
@media screen and (min-width:960px) {
	header {
		height: 50px;
	}
	header h1 a img[src$=".svg"] {
		height: 22px
	}
	header .company {
		left: 15px;
	}
	header .company img[src$=".svg"] {
		height: 12px;
		width: auto;
	}
	header ul.sns {
		display: flex;
		flex-wrap: nowrap;
		position: absolute;
		top: 50%;
		right: 15px;
		height: 18px;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
	}
	header .sns li {
		margin-right: 35px;
	}
	header .sns li.facebook {
		width: 9px;
	}
	header .sns li.instagram {
		width: 18px;
	}
	header .sns li.twitter {
		width: 22px;
	}
	header .sns li:last-child {
		margin-right: 0;
	}
	header .sns li a {
		display: block;
		font-size: 18px;
		line-height: 1;
	}
	header ul.sns li img[src$=".svg"] {
		height: 18px;
		width: auto;
	}
	.spmenu,
	nav.sp {
		display:none;
	}
	/* PC nav */
	section.head nav.pc {
		display: block;
		height: 80px;
		background: rgba(255, 255, 255, 1);
		transition: .5s;
	}
	section.head.scroll nav.pc {
		display: block;
		height: 80px;
		background: rgba(255, 255, 255, .6);
	}
	section.head nav.pc ul {
		position: relative;
		display: flex;
		width: 560px;
		margin: 0 auto;
	}
	section.head nav.pc ul:before {
		content: "";
		position: absolute;
		top: 0;
		left: 20px;
		width: 100px;
		height: 80px;
		background: #fdfe00;
		-webkit-transform: skewX(-32deg);
		transform: skewX(-32deg);
		transition: all .2s ease-in-out;
	}
	section.head nav.pc ul.yomimono:before {
		left: 160px;
	}
	section.head nav.pc ul.kaimono:before {
		left: 300px;
	}
	section.head nav.pc ul.kaisha:before {
		left: 440px;
	}
	section.head nav.pc ul li {
		position: relative;
		width: 140px;
		height: 80px;
		cursor: pointer;
	}
	section.head nav.pc ul li a {
		position: relative;
		display: block;
		color: #000;
		height: 80px;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		font-size: 1.3rem;
		line-height: 20px;
		font-weight: bold;
		text-align: center;
		text-decoration: none;
		padding: 15px 0 10px;
	}
	section.head nav.pc ul li a:hover {
		opacity: 1;
	}
	section.head nav.pc ul li span {
		display: block;
		line-height: 30px;
		margin-bottom: 5px;
	}
	section.head nav.pc ul li.home span {
		background: url(../images/icon_home_ye.svg) no-repeat center center;
		background-size: auto 30px;
	}
	section.head nav.pc ul li.yomimono span {
		background: url(../images/icon_yomimono_ye.svg) no-repeat center center;
		background-size: auto 30px;
	}
	section.head nav.pc ul li.kaimono span {
		background: url(../images/icon_kaimono_ye.svg) no-repeat center center;
		background-size: auto 30px;
	}
	section.head nav.pc ul li.kaisha span {
		background: url(../images/icon_kaisha_ye.svg) no-repeat center center;
		background-size: auto 30px;
	}
	section.head nav.pc ul li a span img[src$=".svg"] {
		display: block;
		height: 30px;
		width: auto;
		margin: 0 auto;
	}
	section.head nav.pc ul li a:not(.current) span img {
		transition: .2s;
	}
	section.head nav.pc ul li a:not(.current):hover span img {
		opacity: 0;
	}
}
/* Wide PC */
@media screen and (min-width:1281px) {}

/* ボディセクション BODY
----------------------------------------------------------------*/
section.body {}
/* コンテナ */
.container {
	width: 100%;
	/*background: #f0f0f0;*/
	padding-top: 40px;
	margin: 0 auto;
}
/* コンテンツ */
article.section {
	position: relative;
}
article.section .inner {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 30px 16px;
}
/* ページタイトル */
article.pagetitle {
	padding: 40px 0 20px;
}
article.pagetitle h2 {
	font-size: 36px;
	line-height: 1;
	font-weight: 500;
	text-align: center;
}
/* タイトル */
article .head .title h2 {
	font-size: 30px;
	font-weight: 500;
	text-align: center;
}
/* 本文 */
article .body {}

/* Tablet  */
@media screen and (min-width:600px) {}
/* PC */
@media screen and (min-width:960px) {
	/* コンテナ */
	.container {
		padding-top: 50px;
	}
	article.section .inner {
		width: 100%;
		padding: 40px 0;
	}
	article.pagetitle h2 {
		font-size: 46px;
	}
}
/* Wide PC */
@media screen and (min-width:1281px) {}

/* フッタセクション FOOTER
--------------------------------------------------------------*/
section.foot {
	position: relative;
	background: #292929;
}
footer {
	width: 100%;
	padding: 30px 0;
}
footer ul.sns {
	height: 30px;
	text-align: center;
	margin-bottom: 10px;
}
footer .sns li {
	display: inline-block;
	margin-right: 35px;
}
footer .sns li:last-child {
	margin-right: 0;
}
footer ul.sns li img[src$=".svg"] {
	height: 16px;
	width: auto;
}
footer .copyright {
	color: #fff;
	font-size: 8px;
	line-height: 10px;
	text-align: center;
}
/* Tablet  */
@media screen and (min-width:600px) {}
/* PC */
@media screen and (min-width:960px) {
	.top footer .sns {
		display: none;
	}
	footer {
		padding: 25px 0 200px;
	}
	footer ul.sns {
		display: none;
	}
	footer .copyright {
		font-size: 10px;
		line-height: 20px;
	}
}
/* Wide PC */
@media screen and (min-width:1281px) {}

/*===============================================================

	top

===============================================================*/
body.top main {
	position: relative;
	width: 100%;
	overflow: hidden;
}
body.top main .inner {
    position: relative;
	width: 100%;
}
body.top main .inner ul.slick-slider {
	-webkit-user-select: auto;
	-moz-user-select: auto;
	-ms-user-select: auto;
	user-select: auto;
}
body.top main .inner ul.slider li.slide {
	width: 100%;
}
body.top main .inner ul.slider li.slide .slide_wrp {
	width: 100%;
}
body.top main .inner ul.slider li.slide .eyecatch {
	position: relative;
	width: 100%;
	height: 100vw;
}
body.top main .inner ul.slider li.slide .eyecatch .image {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 10;
}
body.top main .inner ul.slider li.slide .eyecatch img {
	width: 100%;
	height: 100%;
}
/* home */
body.top main .inner ul.slider li.slide.home {}
body.top main .inner ul.slider li.slide.home .eyecatch .copy {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0 7.638888888%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	z-index: 20;
}
body.top main .inner ul.slider li.slide.home .eyecatch .copy  h2 {
	color: #fff;
	font-size: 2.4rem;
	line-height: 1.2;
	/*font-weight: bold;*/
	text-align: left;
}
body.top main .inner ul.slider li.slide.home .eyecatch .copy  p {
	color: #fff;
	font-size: 1.1rem;
    line-height: 1.4;
	padding-top: 20px;
}
body.top main .inner ul.slider li.slide .slide_wrp .slide_content {
	padding: 30px 2% 70px;
}
body.top main .inner ul.slider li.slide .slide_wrp .slide_content h3 {
	display: none;
}
/* list */
body.top main .inner ul.slider li.slide .slide_wrp .slide_content ul.list {
	display: flex;
	flex-wrap: wrap;
}
body.top main .inner ul.slider li.slide .slide_wrp .slide_content ul.list li {
	display: flex; /* for Old Browser */
	align-items: stretch; /* for Old Browser */
	width: 49%;
	padding-top: 2%;
	margin-right: 2%;
}
body.top main .inner ul.slider li.slide .slide_wrp .slide_content ul.list li a {
	display: block;
	/*height: 100%; 親をflexにしているので、逆に指定しない */
	text-decoration: none;
	background: #fff;
	border-radius: 5px;
	overflow: hidden;
}
body.top main .inner ul.slider li.slide .slide_wrp .slide_content ul.list li:nth-child(2n) {
	margin-right: 0;
}
body.top main .inner ul.slider li.slide .slide_wrp .slide_content ul.list li:nth-child(-n+2) {
	padding-top: 0;
}
body.top main .inner ul.slider li.slide .slide_wrp .slide_content ul.list li .upper {
	position: relative;
	height: 106px;
}
body.top main .inner ul.slider li.slide .slide_wrp .slide_content ul.list li .upper:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	border-bottom: 40px solid transparent;
	z-index: 20;
}
body.top main .inner ul.slider li.slide .slide_wrp .slide_content ul.list li.kaimono .upper:before {
	border-left: 40px solid rgba(189, 176, 162, .85);
}
body.top main .inner ul.slider li.slide .slide_wrp .slide_content ul.list li.yomimono .upper:before {
	border-left: 40px solid rgba(209, 208, 191, .85);
}
body.top main .inner ul.slider li.slide .slide_wrp .slide_content ul.list li .upper .icon {
	position: absolute;
	top: 6px;
	left: 4px;
	width: 15px;
	z-index: 21;
}
body.top main .inner ul.slider li.slide .slide_wrp .slide_content ul.list li .upper .date {
	position: absolute;
	bottom: 5px;
	right: 5px;
	display: inline-block;
	color: #fff;
	font-size: 1.0rem;
	background: rgba(0, 0, 0, .5);
	padding: 2px 5px;
	-webkit-transform: scale(0.8);
	transform: scale(0.8);
	-webkit-transform-origin: bottom right;
	transform-origin: bottom right;
	z-index: 20;
}
body.top main .inner ul.slider li.slide .slide_wrp .slide_content ul.list li .upper .photo {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
body.top main .inner ul.slider li.slide .slide_wrp .slide_content ul.list li .lower {
	font-size: 0;
	padding: 10px;
}
body.top main .inner ul.slider li.slide .slide_wrp .slide_content ul.list li h4 {
	display: inline;
	color: #000;
	font-size: 1.2rem;
	line-height: 1.6;
	font-weight: bold;
	background: linear-gradient(transparent 50%, #fdff2f 50%);
}
body.top main .inner ul.slider li.slide .slide_wrp .slide_content ul.list li p {
	color: #777;
	font-size: 0.8rem;
	margin-top: 5px;
}
body.top main .inner ul.slider li.slide .slide_wrp .slide_content ul.list li img {
	width: 100%;
	height: 100%;
}
body.top main .inner ul.slider li.slide .slide_wrp .slide_content .pager {
	/*display: none;*/
}

/* Tablet  */
@media screen and (min-width:600px) {}
/* PC */
@media screen and (min-width:960px)  {
	body.top main .inner ul.slider li.slide .eyecatch {
		width: 100%;
		height: auto;
	}
	/* home */
	body.top main .inner ul.slider li.slide.home .eyecatch {
		height: 725px;
	}
	body.top main .inner ul.slider li.slide.home .eyecatch .copy {
		width: 840px;
	}
	body.top main .inner ul.slider li.slide.home .eyecatch .copy  h2 {
		font-size: 3.6rem;
	}
	body.top main .inner ul.slider li.slide.home .eyecatch .copy  p {
		font-size: 1.8rem;
    padding-top: 30px;
    line-height: 1.4;
	}
	body.top main .inner ul.slider li.slide .slide_wrp .slide_content {
		width: 990px;
		padding: 50px 0;
		margin: 0 auto;
	}
	body.top main .inner ul.slider li.slide .slide_wrp .slide_content h3 {
		display: block;
		font-size: 2.0rem;
		text-align: center;
		font-weight: bold;
		margin-bottom: 50px;
	}
	body.top main .inner ul.slider li.slide .slide_wrp .slide_content ul.list li {
		width: 320px;
		padding-top: 0;
		margin-right: 15px;
		margin-bottom: 15px;
	}
	body.top main .inner ul.slider li.slide .slide_wrp .slide_content ul.list li:nth-child(2n) {
		margin-right: 15px;
	}
	body.top main .inner ul.slider li.slide .slide_wrp .slide_content ul.list li:nth-child(3n) {
		margin-right: 0;
	}
	body.top main .inner ul.slider li.slide .slide_wrp .slide_content ul.list li:nth-last-child(-n+3) {
		/*margin-bottom: 0;*/
	}
	body.top main .inner ul.slider li.slide .slide_wrp .slide_content ul.list li .upper {
		height: 174px;
	}
	body.top main .inner ul.slider li.slide .slide_wrp .slide_content ul.list li .upper:before {
		border-bottom: 65px solid transparent;
	}
	body.top main .inner ul.slider li.slide .slide_wrp .slide_content ul.list li.kaimono .upper:before {
	    border-left: 65px solid rgba(189, 176, 162, .85);
	}
	body.top main .inner ul.slider li.slide .slide_wrp .slide_content ul.list li.yomimono .upper:before {
	    border-left: 65px solid rgba(209, 208, 191, .85);
	}
	body.top main .inner ul.slider li.slide .slide_wrp .slide_content ul.list li .upper .icon {
		top: 8px;
		left: 6px;
		width: 24px;
	}
	body.top main .inner ul.slider li.slide .slide_wrp .slide_content ul.list li .upper .date {
		bottom: 10px;
		right: 10px;
		padding: 5px;
		-webkit-transform: scale(1);
		transform: scale(1);
	}
	body.top main .inner ul.slider li.slide .slide_wrp .slide_content ul.list li .lower {
		padding: 25px;
	}
	body.top main .inner ul.slider li.slide .slide_wrp .slide_content ul.list li h4 {
		font-size: 1.8rem;
	}
	body.top main .inner ul.slider li.slide .slide_wrp .slide_content ul.list li p {
		font-size: 1.4rem;
		margin-top: 10px;
	}
}
/* Wide PC */
@media screen and (min-width:1281px) {}

/* トップ
--------------------------------------------------------------*/
body.top main .slide.home {}

/* Tablet  */
@media screen and (min-width:600px) {}
/* PC */
@media screen and (min-width:960px) {}
/* Wide PC */
@media screen and (min-width:1281px) {}

/* ヨミモノ・カイモノ共通
--------------------------------------------------------------*/
body.top main .inner ul.slider li.slide.yomimono,
body.top main .inner ul.slider li.slide.kaimono {
	position: relative;
}
body.top main .inner ul.slider li.slide.yomimono:before,
body.top main .inner ul.slider li.slide.kaimono:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	border-left: 40px solid #fdff2f;
	border-bottom: 40px solid transparent;
	z-index: 20;
}
body.top main .inner ul.slider li.slide.yomimono .category,
body.top main .inner ul.slider li.slide.kaimono .category {
	position: absolute;
	top: 6px;
	left: 4px;
	width: 15px;
	z-index: 21;
}
body.top main .inner ul.slider li.slide.yomimono .eyecatch,
body.top main .inner ul.slider li.slide.kaimono .eyecatch {
	height: 62.5vw;
}
body.top main .slide .eyecatch .inner_slider {
	position: relative;
	margin-bottom: 0;
}
body.top main .slide .eyecatch .inner_slider li.slick-slide {
	height: 62.5vw;
}
body.top main .slide .eyecatch .inner_slider li.slick-slide a {
	position: relative;
	display: block;
	height: 100%;
}
body.top main .slide .eyecatch .inner_slider li.slick-slide a .detail {
	position: absolute;
	width: 100%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	bottom: 0;
	right: 0;
	background: rgba(0, 0, 0, .5);
	padding: 2.5% 5%;
}
body.top main .slide .eyecatch .inner_slider li.slick-slide a .detail h4 {
	color: #fff;
	font-size: 1.5rem;
	line-height: 1.333;
	font-weight: bold;
	margin-bottom: 2%;
}
body.top main .slide .eyecatch .inner_slider li.slick-slide a .detail .date {
	color: #fff;
	font-size: 0.8rem;
}
body.top main .slide .eyecatch .inner_slider li.slick-slide a:hover {
	opacity: .8;
}
body.top main .slide .eyecatch .inner_slider .slick-dots {
	display: inline-block;
	/*width: auto;*/
	left: 50%;
	bottom: 2%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	z-index: 30;
}
body.top main .slide .eyecatch .inner_slider .slick-dots {
	height: 20px;
	font-size: 0;
}
body.top main .slide .eyecatch .inner_slider .slick-dots li {
	margin: 0;
}
body.top main .slide .eyecatch .inner_slider .slick-dots li button:before {
	font-size: 10px;
	opacity: .7;
}
body.top main .slide .eyecatch .inner_slider .slick-dots li.slick-active button:before {
	color: #fdff2f;
	opacity: 1;
}

/* Tablet  */
@media screen and (min-width:600px) {}
/* PC */
@media screen and (min-width:960px) {
	body.top main .inner ul.slider li.slide.yomimono:before,
	body.top main .inner ul.slider li.slide.yomimono:before {
		content: none;
	}
	body.top main .inner ul.slider li.slide.yomimono .category,
	body.top main .inner ul.slider li.slide.kaimono .category {
		display: none;
	}
	body.top main .inner ul.slider li.slide.yomimono .eyecatch,
	body.top main .inner ul.slider li.slide.kaimono .eyecatch,
	body.top main .inner ul.slider li.slide .eyecatch .inner_slider li.slick-slide {
		height: 680px;
	}
	body.top main .slide .eyecatch .inner_slider li.slick-slide a .detail {
		width: 400px;
		bottom: 60px;
		right: 4.666666666%;
		border-radius: 5px;
		padding: 40px;
	}
	body.top main .slide .eyecatch .inner_slider li.slick-slide a .detail h4 {
		font-size: 2.2rem;
		margin-bottom: 20px;
	}
	body.top main .slide .eyecatch .inner_slider li.slick-slide a .detail .date {
		font-size: 1.2rem;
	}
	body.top main .slide .eyecatch .inner_slider .slick-dots {
		bottom: 25px;
	}
	body.top main .slide .eyecatch .inner_slider .slick-dots li {
		margin: 0 5px;
	}
	body.top main .slide .eyecatch .inner_slider .slick-dots li button:before {
		font-size: 12px;
	}
}
/* Wide PC */
@media screen and (min-width:1281px) {}

/* ヨミモノ
--------------------------------------------------------------*/
body.top main .inner ul.slider li.slide.yomimono {}

/* Tablet  */
@media screen and (min-width:600px) {}
/* PC */
@media screen and (min-width:960px) {}
/* Wide PC */
@media screen and (min-width:1281px) {}

/* カイモノ
--------------------------------------------------------------*/
.top main .inner ul.slider li.slide.kaimono {}

/* Tablet  */
@media screen and (min-width:600px) {}
/* PC */
@media screen and (min-width:960px) {}
/* Wide PC */
@media screen and (min-width:1281px) {}


/* カイシャ
--------------------------------------------------------------*/
body.top main .inner ul.slider li.slide.kaisha {}
body.top main .inner ul.slider li.slide.kaisha .eyecatch {
	height: 62.5vw;
}
body.top main .inner ul.slider li.slide.kaisha table {
	width: 100%;
	background: #eaeaea;
	margin-top: 15px;
}
body.top main .inner ul.slider li.slide.kaisha table th {
	width: 30%;
	background: #fff;
	padding: 5px;
}
body.top main .inner ul.slider li.slide.kaisha table td {
	background: #fff;
	padding: 5px;
}

/* Tablet  */
@media screen and (min-width:600px) {}
/* PC */
@media screen and (min-width:960px) {
	body.top main .inner ul.slider li.slide.kaisha .eyecatch {
		height: 600px;
	}
	body.top main .inner ul.slider li.slide.kaisha table {
		margin-top: 30px;
	}
	body.top main .inner ul.slider li.slide.kaisha table th {
		width: 15%;
		padding: 10px;
	}
	body.top main .inner ul.slider li.slide.kaisha table td {
		padding: 10px;
	}
}
/* Wide PC */
@media screen and (min-width:1281px) {}

/*===============================================================

	yomimono / kaimono

===============================================================*/
body.yomimono,
body.kaimono {}
body.yomimono .inner,
body.kaimono .inner {
	padding: 25px 2%;
}
body.yomimono .inner .entry,
body.kaimono .inner .entry {
	position: relative;
	width: 100%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background: #fff;
	border-radius: 5px;
	overflow: hidden;
	padding: 40px 20px 90px;
}
body.yomimono .inner .entry:before,
body.kaimono .inner .entry:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	border-left: 40px solid #c7bcb0;
	border-bottom: 40px solid transparent;
	z-index: 20;
}
body.yomimono .inner .entry .category,
body.kaimono .inner .entry .category {
	position: absolute;
	top: 6px;
	left: 4px;
	width: 15px;
	z-index: 21;
}
body.yomimono .inner .entry .headline,
body.kaimono .inner .entry .headline {
	position: relative;
	margin-bottom: 20px;
}
body.yomimono .inner .entry .headline h2,
body.kaimono .inner .entry .headline h2 {
	display: inline;
	font-size: 16px;
	font-weight: bold;
	background: linear-gradient(transparent 50%, #fdff2f 50%);
}
body.yomimono .inner .entry .headline p.date,
body.kaimono .inner .entry .headline p.date {
	position: absolute;
	top: -30px;
	right: 0;
	display: inline-block;
	color: #fff;
	font-size: 0.8rem;
	background: rgba(0, 0, 0, .5);
	padding: 2px 5px;
	z-index: 20;
}
body.yomimono .inner .entry .images, 
body.kaimono .inner .entry .images {
	margin-bottom: 20px;
}
body.yomimono .inner .entry .images li,
body.kaimono .inner .entry .images li {
	position: relative;
	width: 100%;
	height: 195px;
	overflow: hidden;
}
body.yomimono .inner .entry .images li a, 
body.kaimono .inner .entry .images li a {
	display: block;
	width: 100%;
	height: 100%;
}
body.yomimono .inner .entry .images li a:after, 
body.kaimono .inner .entry .images li a:after {
	content: url(../images/icon_zoom.svg);
	position: absolute;
	bottom: 10px;
	right: 10px;
	width: 15px;
	line-height: 15px;
	opacity: .5;
	z-index: 30;
}
body.yomimono .inner .entry .images li a:hover,
body.kaimono .inner .entry .images li a:hover {
	opacity: 1;
}
body.yomimono .inner .entry .images li a img,
body.kaimono .inner .entry .images li a img {
	width: 100%;
	height: 100%;
	transition: .5s;
}
body.yomimono .inner .entry .images li a:hover img,
body.kaimono .inner .entry .images li a:hover img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}
body.yomimono .inner .entry .body,
body.kaimono .inner .entry .body {
	color: #777;
	margin-bottom: 20px;
}
body.yomimono .inner .entry .body p,
body.kaimono .inner .entry .body p {
	margin-top: 2rem;
}
body.yomimono .inner .entry .body p:first-child,
body.kaimono .inner .entry .body p:first-child {
	margin-top: 0;
}
/* リンクテキスト 最大3つ */
body.yomimono .inner .entry .linktext,
body.kaimono .inner .entry .linktext {
	display: flex;
	flex-wrap: wrap;
}
body.yomimono .inner .entry .linktext li,
body.kaimono .inner .entry .linktext li {
	display: inline-block;
	margin-right: 15px;
	margin-bottom: 10px;
}
body.yomimono .inner .entry .linktext li:last-child,
body.kaimono .inner .entry .linktext li:last-child {
	margin-right: 0;
}
body.yomimono .inner .entry .linktext li a,
body.kaimono .inner .entry .linktext li a {
	display: inline-block;
	font-size: 1.2rem;
	color: #222;
	text-decoration: none;
	border: 1px solid #333;
	padding: 7px 5px;
}
body.yomimono .inner .entry .pager,
body.kaimono .inner .entry .pager {
	position: absolute;
	bottom: 20px;
	left: 0;
	width: 100%;
	height: 30px;
}
body.yomimono .inner .entry .pager .prev a,
body.yomimono .inner .entry .pager .next a,
body.kaimono .inner .entry .pager .prev a,
body.kaimono .inner .entry .pager .next a {
	display: flex;
	align-items: center;
	height: 30px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	color: #222;
	text-decoration: none;
	border: 1px solid #333;
	padding: 3px 5px;
}
body.yomimono .inner .entry .pager .next a,
body.kaimono .inner .entry .pager .next a {
	flex-direction: row-reverse;
}
body.yomimono .inner .entry .pager .prev,
body.kaimono .inner .entry .pager .prev {
	position: absolute;
	max-width: 40%;
	left: 20px;
}
body.yomimono .inner .entry .pager .next,
body.kaimono .inner .entry .pager .next {
	position: absolute;
	max-width: 40%;
	right: 20px;
}
body.yomimono .inner .entry .pager .prev .image,
body.yomimono .inner .entry .pager .next .image,
body.kaimono .inner .entry .pager .prev .image,
body.kaimono .inner .entry .pager .next .image {
	height: 18px;
	width: 25px;
}
body.yomimono .inner .entry .pager .prev p,
body.yomimono .inner .entry .pager .next p,
body.kaimono .inner .entry .pager .prev p,
body.kaimono .inner .entry .pager .next p {
	font-size: 1.2rem;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
body.yomimono .inner .entry .pager .prev .image img,
body.yomimono .inner .entry .pager .next .image img,
body.kaimono .inner .entry .pager .prev .image img,
body.kaimono .inner .entry .pager .next .image img {
	height: 100%;
	width: 100%;
}
body.yomimono .inner .entry .pager .prev .image,
body.kaimono .inner .entry .pager .prev .image {
	margin-right: 10px;
}
body.yomimono .inner .entry .pager .next .image,
body.kaimono .inner .entry .pager .next .image {
	margin-left: 10px;
}
body.yomimono .inner .entry .pager .next .image,
body.kaimono .inner .entry .pager .next .image {
	margin-left: 10px;
}
/* 投稿下部ナビ */
nav.entry_bottom_nav {
	margin-top: 25px;
}
nav.entry_bottom_nav ul {
	text-align: center;
}
nav.entry_bottom_nav ul li {
	display: inline;
}
nav.entry_bottom_nav ul li.separater {
	padding: 0 10px;
}
nav.entry_bottom_nav ul li a {
	text-decoration: none;
}

/* Tablet  */
@media screen and (min-width:600px) {}
/* PC */
@media screen and (min-width:960px) {
	body.yomimono .inner,
	body.kaimono .inner {
		padding: 140px 0;
	}
	body.yomimono .inner .entry,
	body.kaimono .inner .entry {
		width: 990px;
		padding: 69px 69px 150px;
		margin: 0 auto;
	}
	body.yomimono .inner .entry:before,
	body.kaimono .inner .entry:before {
		border-left: 70px solid #c7bcb0;
		border-bottom: 70px solid transparent;
		z-index: 20;
	}
	body.yomimono .inner .entry .category,
	body.kaimono .inner .entry .category {
		top: 10px;
		left: 6px;
		width: 25px;
	}
	body.yomimono .inner .entry .headline,
	body.kaimono .inner .entry .headline {
		width: 760px;
		padding-right: 92px;
		margin-bottom: 40px;
	}
	body.yomimono .inner .entry .headline h2,
	body.kaimono .inner .entry .headline h2 {
		font-size: 32px;
	}
	body.yomimono .inner .entry .headline p.date,
	body.kaimono .inner .entry .headline p.date {
		top: 5px;
		font-size: 1.0rem;
		padding: 5px 10px;
	}
	body.yomimono .inner .entry .images,
	body.kaimono .inner .entry .images {
		display: flex;
		flex-wrap: wrap;
		margin-bottom: 40px;
	}
	body.yomimono .inner .entry .images li,
	body.kaimono .inner .entry .images li {
		width: 33.3333333333%;
	}
	body.yomimono .inner .entry .body,
	body.kaimono .inner .entry .body {
		margin-bottom: 40px;
	}
	body.yomimono .inner .entry .linktext,
	body.kaimono .inner .entry .linktext {
		display: flex;
		flex-wrap: wrap;
	}
	body.yomimono .inner .entry .linktext li,
	body.kaimono .inner .entry .linktext li {
		display: inline-block;
		margin-right: 15px;
	}
	body.yomimono .inner .entry .linktext li:last-child,
	body.kaimono .inner .entry .linktext li:last-child {
		margin-right: 0;
	}
	body.yomimono .inner .entry .linktext li a,
	body.kaimono .inner .entry .linktext li a {
		font-size: 1.4rem;
		padding: 14px 10px;
	}
	body.yomimono .inner .entry .pager,
	body.kaimono .inner .entry .pager {
		position: absolute;
		bottom: 20px;
		left: 0;
		width: 100%;
		height: 50px;
	}
	body.yomimono .inner .entry .pager .prev a,
	body.yomimono .inner .entry .pager .next a,
	body.kaimono .inner .entry .pager .prev a,
	body.kaimono .inner .entry .pager .next a {
		display: flex;
		align-items: center;
		height: 50px;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		color: #222;
		text-decoration: none;
		border: 1px solid #333;
		padding: 7px 10px;
	}
	body.yomimono .inner .entry .pager .next a,
	body.kaimono .inner .entry .pager .next a {
		flex-direction: row-reverse;
	}
	body.yomimono .inner .entry .pager .prev,
	body.kaimono .inner .entry .pager .prev {
		position: absolute;
		left: 20px;
	}
	body.yomimono .inner .entry .pager .next,
	body.kaimono .inner .entry .pager .next {
		position: absolute;
		right: 20px;
	}
	body.yomimono .inner .entry .pager .prev .image,
	body.yomimono .inner .entry .pager .next .image,
	body.kaimono .inner .entry .pager .prev .image,
	body.kaimono .inner .entry .pager .next .image {
		height: 36px;
		width: 50px;
	}
	body.yomimono .inner .entry .pager .prev .image img,
	body.yomimono .inner .entry .pager .next .image img,
	body.kaimono .inner .entry .pager .prev .image img,
	body.kaimono .inner .entry .pager .next .image img {
		height: 100%;
		width: 100%;
	}
	body.yomimono .inner .entry .pager .prev .image,
	body.kaimono .inner .entry .pager .prev .image {
		margin-right: 10px;
	}
	body.yomimono .inner .entry .pager .next .image,
	body.kaimono .inner .entry .pager .next .image {
		margin-left: 10px;
	}
	body.yomimono .inner .entry .pager .next .image,
	body.kaimono .inner .entry .pager .next .image {
		margin-left: 10px;
	}
	/* 投稿下部ナビ */
	nav.entry_bottom_nav {
		margin-top: 50px;
	}
	nav.entry_bottom_nav ul {
		text-align: center;
	}
	nav.entry_bottom_nav ul li {
		display: inline;
	}
	nav.entry_bottom_nav ul li.separater {
		padding: 0 10px;
	}
	nav.entry_bottom_nav ul li a {
		text-decoration: none;
	}
	
}
/* Wide PC */
@media screen and (min-width:1281px) {}

/*===============================================================

	404 Not Found

===============================================================*/
.notfound {}
.notfound #message {}
.notfound #message .inner {
	padding-bottom: 130px;
}
.notfound #message .lead {}
.notfound #message .lead h3 {
	font-size: 20px;
	font-weight: 500;
	text-align: center;
}
.notfound #message .body p {
	color: #616161;
	font-size: 12px;
	text-align: center;
	margin-top: 30px;
}
.notfound #message .body p a {
	color: #222;
	text-decoration: underline;
}

/* Tablet  */
@media screen and (min-width:600px) {
	.notfound #message .lead h3 {
		font-size: 26px;
	}
	.notfound #message .body p {
		font-size: 14px;
	}
}
/* PC */
@media screen and (min-width:960px) {
	.notfound #message .lead {
		padding: 20px 0;
	}
	.notfound #message .lead h3 {
		font-size: 30px;
	}
	.notfound #message .body p {
		font-size: 18px;
		margin-top: 40px;
	}
}
/* Wide PC */
@media screen and (min-width:1281px) {}

/* Overlay
--------------------------------------------------------------*/
#overlay{
	display: none;
	width: 100vw;
	height: 100vh;
	text-align: center;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1000;
	background: rgba(0, 0, 0, .6);
}
#lock,
#send {
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	z-index: 1000;
}
#lock {
	display: block;
	background: #f0f0f0;
}
#send {
	display: none;
	background: #f0f0f0;
	opacity: .8;
}
#lock .loader,
#lock .loader:after,
#send .loader,
#send .loader:after {
	border-radius: 50%;
	width: 30px;
	height: 30px;
}
#lock .loader,
#send .loader {
	position: absolute;
	top: 50%;
	left: 50%;
	text-indent: -9999px;
	border-top: 2px solid rgba(0, 0, 0, 0.2);
	border-right: 2px solid rgba(0, 0, 0, 0.2);
	border-bottom: 2px solid rgba(0, 0, 0, 0.2);
	border-left: 2px solid #222;
	margin: -15px 0 0 -15px;
	-webkit-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-animation: load 1.1s infinite linear;
	animation: load 1.1s infinite linear;
}

@-webkit-keyframes load {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

/* PAGETOP 
--------------------------------------------------------------*/
.pagetop {
	display: none;
	position: fixed;
	bottom: 20px;
	right: 10px;
	z-index: 1900;
}
.pagetop a {
	display: block;
	width: 30px;
	height: 30px;
	border-radius: 25px;
	transition: .2s;
}
.pagetop a img {
	width: 100%;
	height: auto;
}
.pagetop a:hover {
	opacity: 0.5;
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
}

/* Tablet  */
@media screen and (min-width:600px) {}
/* PC */
@media screen and (min-width:960px) {
	.pagetop {
		right: 20px;
	}
}
/* Wide PC */
@media screen and (min-width:1281px) {}

/*===============================================================
	
	noscript
	
===============================================================*/
noscript {
	display: block;
	background: #000;
	padding: 20px 0;
}
noscript p.message {
	color: #f6c;
	font-size: 30px;
	line-height: 1.5;
	font-weight: 700;
	text-align: center;
}
noscript p.message {}
noscript p a {
	color: #fff;
	font-size: 18px;
	font-weight: 400;
}

/* Tablet  */
@media screen and (min-width:600px) {}
/* PC */
@media screen and (min-width:960px) {}
/* Wide PC */
@media screen and (min-width:1281px) {}

/*===============================================================
	
	Infinite scroll
	
===============================================================*/
.loadcomplete {
	display: none;
	text-align: center;
	margin-top: 10px;
}
.loadcomplete.disp {
	display: block;
}
.loadcomplete span {
	display: inline-block;
	color: #b0b0b0;
	font-size: 1rem;
	text-align: center;
}
.status {
	position: relative;
	width: 100%;
	height: 43px;
	margin: 10px 0 0;
}
.status span,
.status span:after {
	border-radius: 50%;
	width: 30px;
	height: 30px;
}
.status span {
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	border-top: 2px solid rgba(0, 0, 0, 0.2);
	border-right: 2px solid rgba(0, 0, 0, 0.2);
	border-bottom: 2px solid rgba(0, 0, 0, 0.2);
	border-left: 2px solid #222;
	margin: -15px 0 0 -15px;
	-webkit-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-animation: load 1.1s infinite linear;
	animation: load 1.1s infinite linear;
}

/* Tablet  */
@media screen and (min-width:600px) {}
/* PC */
@media screen and (min-width:960px) {
	.end span {
		font-size: 1.2rem;
	}
	.status {
		margin: 10px 0 30px;
	}
}
/* Wide PC */
@media screen and (min-width:1281px) {}

/*===============================================================
	
	PLUN INs
	
===============================================================*/
.inview {
	opacity: 0;
}
.ofi {
  object-fit: cover;
  font-family: "object-fit: cover";
}
body.lightcase {
	position: fixed;
	overflow-x: hidden;
	overflow-y: hidden;
}