@charset "UTF-8";
/* ――――――――――――――――――――――――――

共通

―――――――――――――――――――――――――― */
/* ----- #subtitle ----- */
#subtitle {
	position: relative;
}
#subtitle img {
	width: 100%;
	height: 320px;
}
#subtitle .space {
	width: 320px;
}
#subtitle h2 {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 90%;
	text-align: center;
	color: var(--jp-white);
}
#subtitle h2::after {
	content: "";
	position: absolute;
	bottom: -20px;
	left: calc(50% - 20px);
	width: 40px;
	height: 2px;
	background: var(--jp-white);
}
@media (min-width: 768px) {
	#subtitle h2 {
		top: 66%;
		left: 0;
		transform: translateX(0);
		width: auto;
		text-align: center;
		padding-left: 95px;
		color: var(--jp-white);
	}
	#subtitle h2::after {
		content: "";
		position: absolute;
		bottom: auto;
		top: 52.5%;
		transform: translateY(-52.5%);
		left: 0;
		width: 80px;
		height: 2px;
		background: var(--jp-white);
	}
}
@media (min-width: 1200px) {
	#subtitle img {
		width: 100%;
		height: 380px;
	}
	#subtitle .space {
		width: 380px;
	}
}

/* ----- #sns ----- */
main #sns {
	position: relative;
}
main #sns .white_area {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 450px;
	background: var(--jp-white);
}
main #sns .outer {
	position: relative;
	z-index: 1;
}
main #sns .logo img {
	width: 80%;
	max-width: 390px;
}
main #sns .sns a img {
	width: 45px;
	border-radius: 50rem;
}
@media (min-width: 576px) {
	main #sns ul.instagram li:nth-child(9) {
		display: none;
	}
}

/* ----- input.search_icon ----- */
input.search_icon {
	background: var(--jp-form) url(../../image/search.svg) no-repeat center left;
	background-size: 24px auto;
	background-position: 5px 50%;
	padding-left: 35px;
}

/* ----- .page_nav ----- */
.page_nav a {
	display: block;
}
.page_nav .back a,
.page_nav .next a {
	width: 20px;
	height: 20px;
	text-align: center;
	font-size: 10px;
	line-height: 18px;
	color: var(--jp-g03);
	font-weight: 700;
	border: 1px solid var(--jp-g03);
	background: var(--jp-white);
	border-radius: 50rem;
}
.page_nav .back a {
	padding-right: 2px;
}
.page_nav .next a {
	padding-left: 2px;
}
.page_nav .back a:hover,
.page_nav .next a:hover {
	color: var(--jp-white);
	background: var(--jp-body);
	border-color: var(--jp-body);
	border-radius: 50rem;
}

/* ----- .bt_arrow ----- */
.bt_arrow a {
	position: relative;
	display: inline-block;
	color: var(--jp-body);
	border: 1px solid var(--jp-body);
	padding-left: 1.75em;
	padding-right: 2.75em;
	border-radius: 50rem;
}
.bt_arrow a:hover {
	color: var(--jp-white);
	border-color: var(--jp-href-hover);
	background: var(--jp-href-hover);
}
.bt_arrow a::after {
	content: "";
	position: absolute;
	top: 50%;
	right: 5%;
	transform: translateY(-50%);
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 6px 0 6px 10px;
	border-color: transparent transparent transparent var(--jp-body);
}
.bt_arrow a:hover::after {
	border-color: transparent transparent transparent var(--jp-white);
}

/* ----- .bt_arrow-c01 ----- */
.bt_arrow-c01 a {
	position: relative;
	display: inline-block;
	color: var(--jp-white);
	background: var(--jp-c01);
	padding-left: 2.5em;
	padding-right: 3.5em;
	border-radius: 50rem;
}
.bt_arrow-c01 a:hover {
	background: var(--jp-c01-hover);
}
.bt_arrow-c01 a::after {
	content: "";
	position: absolute;
	top: 50%;
	right: 5%;
	transform: translateY(-50%);
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 6px 0 6px 10px;
	border-color: transparent transparent transparent var(--jp-white);
}

/* ----- .bt_arrow-c01 c02 c03 c04 ----- */
.bt_arrow-c01 a,
.bt_arrow-c02 a,
.bt_arrow-c03 a,
.bt_arrow-c04 a {
	position: relative;
	display: inline-block;
	color: var(--jp-white);
	padding-left: 2.5em;
	padding-right: 3.5em;
	border-radius: 50rem;
}
.bt_arrow-c01 a {
	background: var(--jp-c01);
}
.bt_arrow-c02 a {
	background: var(--jp-c02);
}
.bt_arrow-c03 a {
	background: var(--jp-c03);
}
.bt_arrow-c04 a {
	background: var(--jp-c04);
}
.bt_arrow-c01 a:hover {
	background: var(--jp-c01-hover);
}
.bt_arrow-c02 a:hover {
	background: var(--jp-c02-hover);
}
.bt_arrow-c03 a:hover {
	background: var(--jp-c03-hover);
}
.bt_arrow-c04 a:hover {
	background: var(--jp-c04-hover);
}
.bt_arrow-c01 a::after,
.bt_arrow-c02 a::after,
.bt_arrow-c03 a::after,
.bt_arrow-c04 a::after {
	content: "";
	position: absolute;
	top: 50%;
	right: 5%;
	transform: translateY(-50%);
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 6px 0 6px 10px;
	border-color: transparent transparent transparent var(--jp-white);
}

/* ----- .bt_arrow-c04-o ----- */
.bt_arrow-c04-o a {
	position: relative;
	display: inline-block;
	color: var(--jp-c04);
	border: 1px solid var(--jp-c04);
	padding-left: 2.5em;
	padding-right: 3.5em;
	border-radius: 50rem;
}
.bt_arrow-c04-o a:hover {
	color: var(--jp-white);
	background: var(--jp-c04);
}
.bt_arrow-c04-o a::after {
	content: "";
	position: absolute;
	top: 50%;
	right: 5%;
	transform: translateY(-50%);
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 6px 0 6px 10px;
	border-color: transparent transparent transparent var(--jp-c04);
}
.bt_arrow-c04-o a:hover::after {
	border-color: transparent transparent transparent var(--jp-white);
}

/* ----- .post_item ----- */
.post_item dl.writer {
	position: relative;
	min-height: 25px;
}
.post_item dl.writer dt {
	position: absolute;
	top: -25px;
	left: 0;
	width: 60px;
	height: 60px;
	z-index: 1;
}
.post_item dl.writer dt img {
	width: 60px;
	height: 60px;
	border-top-right-radius: 50rem;
	border-bottom-right-radius: 50rem;
	border-top-style: solid;
	border-top-width: 2px;
	border-right-style: solid;
	border-right-width: 2px;
	object-position: 66% 50%
}
.post_item dl.writer dd {
	padding-left: 62px;
}
.post_item .area_icon img {
	width: 1.25em;
	margin-top: 0.3em;
}
.post_item dl.writer a img:hover {
	opacity: 1;
}
.post_item .new {
	position: absolute;
	top: -12px;
	font-size: 12px;
	line-height: 1em;
	padding: 5px 11px 5px 15px;
	color: var(--jp-white);
	background: var(--jp-href);
	z-index: 1;
}
.post_item .new::before,
.post_item .new::after {
	content: "";
	position: absolute;
	right: -11px;
	width: 0;
	height: 0;
	border-style: solid;
}
.post_item .new::before {
	top: 0;
	border-width: 12px 12px 0 0;
	border-color: var(--jp-href) transparent transparent transparent;
}
.post_item .new::after {
	bottom: 0;
	border-width: 12px 0 0 12px;
	border-color: transparent transparent transparent var(--jp-href);
}

/* ----- .post_writer ----- */
.post_writer .writer img {
	width: 80px;
	height: 80px;
	border-top-right-radius: 50rem;
	border-bottom-right-radius: 50rem;
	object-position: 66% 50%
}
.post_writer .sns a img {
	width: 40px;
	border-radius: 50rem;
}



/* ――――――――――――――――――――――――――

トップページ
./
#pg_home

―――――――――――――――――――――――――― */
/* ----- #visual ----- */
#pg_home #visual {
}
#pg_home #visual .area {
	position: relative;
	width: 100%;
}
#pg_home #visual .area h2 {
	position: absolute;
	top: 1.75rem;
	left: 7.5%;
	color: var(--jp-white);
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 2.25em;
	font-weight: 400;
	line-height: 1em;
	white-space: nowrap;
	z-index: 20;
	-ms-writing-mode: tb-rl;
			writing-mode: vertical-rl;
}
#pg_home #visual .area h4 {
	position: absolute;
	top: 0.5rem;
	left: calc(50% - 730px);
	color: var(--jp-c05);
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 2.5em;
	font-weight: 400;
	line-height: 1em;
	white-space: nowrap;
	z-index: 20;
	-ms-writing-mode: tb-rl;
			writing-mode: vertical-rl;
}
#pg_home #visual .outer {
	width: 100%;
}
@media (min-width: 768px) {
	#pg_home #visual .area h2 {
		left: 6.5%;
		font-size: 2.5em;
	}
	#pg_home #visual .outer {
		width: 90%;
		max-width: 1024px;
		margin-right: auto;
		margin-left: auto;
	}
}
@media (min-width: 1200px) {
	#pg_home #visual .area h2 {
		font-size: 3em;
		left: calc(50% - 645px);
		color: var(--jp-body);
	}
}

/* ----- ul.js-slick-thumb ----- */
#pg_home #visual ul.js-slick-thumb .ratio-slick {
	--bs-aspect-ratio: 360px;
}
#pg_home #visual ul.js-slick-thumb li {
	position: relative;
	padding: 0 0.75em;
}
#pg_home #visual ul.js-slick-thumb li .inner {
	position: absolute;
	width: 70%;
	bottom: 0;
	right: 0;
	padding: 15px 20px 0 20px;
	border-top-left-radius: 30px;
	background: var(--jp-white);
	pointer-events: none;
}
#pg_home #visual ul.js-slick-thumb li .inner .writer img {
	width: 35px;
	height: 35px;
	border-radius: 50rem;
}
@media (min-width: 768px) {
	#pg_home #visual ul.js-slick-thumb .ratio-slick {
		--bs-aspect-ratio: 60.125%;
	}
	#pg_home #visual ul.js-slick-thumb li {
		padding: 0;
	}
	#pg_home #visual ul.js-slick-thumb li .inner {
		width: 85%;
	}
}

/* ----- ul.js-slick-thumb-s ----- */
#pg_home #visual ul.js-slick-thumb-s .slick-current {
	display: none;
}
#pg_home #visual ul.js-slick-thumb-s .slick-slide {
	border: none !important;
}

#pg_home #visual .area_icon2 {
	position: absolute;
	top: -10px;
	left: calc(50% - 10px);
}
#pg_home #visual .area_icon2 img {
	width: 20px;
}

/* ----- #about ----- */
#pg_home #about {
}
#pg_home #about dl dt {
	border-bottom: 1px solid var(--jp-body);
}
@media (min-width: 992px) {
	#pg_home #about dl dt {
		border-bottom: none;
		border-right: 1px solid var(--jp-body);
	}
}

/* ----- #favorite ----- */
#pg_home #favorite {
}
#pg_home #favorite .icon {
	display: inline-block;
	vertical-align: middle;
}
#pg_home #favorite .icon img {
	width: 1em;
}
#pg_home #favorite dl.title dt {
	border-bottom-right-radius: 1.25em;
}
@media (min-width: 1400px) {
	#pg_home #favorite dl.title {
		width: 90%;
		max-width: 1400px;
		margin-left: auto;
		margin-right: auto;
	}
	#pg_home #favorite dl.title dt {
		border-bottom-left-radius: 1.25em;
	}
}

/* ----- #report ----- */
#pg_home #report {
	position: relative;
}
#pg_home #report .shop_icon {
	position: absolute;
	top: -20px;
	left: 5%;
}
#pg_home #report .shop_icon img {
	width: 60px;
}
@media (min-width: 992px) {
	#pg_home #report .shop_icon {
		top: -30px;
	}
	#pg_home #report .shop_icon img {
		width: 80px;
	}
}
@media (min-width: 1200px) {
	#pg_home #report .shop_icon {
		left: calc(50% - 560px);
	}
}
#pg_home #report .banner img {
	width: 90%;
	max-width: 240px;
}

/* ----- #writer ----- */
#pg_home #writer {
}
#pg_home #writer .icon {
	display: inline-block;
	vertical-align: middle;
}
#pg_home #writer .icon img {
	width: 1em;
}
#pg_home #writer dl.title dt {
	border-bottom-right-radius: 1.25em;
}
@media (min-width: 1400px) {
	#pg_home #writer dl.title {
		width: 90%;
		max-width: 1400px;
		margin-left: auto;
		margin-right: auto;
	}
	#pg_home #writer dl.title dt {
		border-bottom-left-radius: 1.25em;
	}
}

/* ----- #banner ----- */
#pg_home #banner {
}
#pg_home #banner h2 {
	font-size: 2em;
	font-weight: 400;
	text-align: center;
}
#pg_home #banner .outer {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	background: rgba(255,255,255,0.8);
}
@media (min-width: 992px) {
	#pg_home #banner {
		position: relative;
		padding: 0 0 3.5em 0;
	}
	#pg_home #banner h2 {
		position: absolute;
		top: 3rem;
		left: calc(50% - 1.25em);
		font-family: 'Noto Sans JP', sans-serif;
		font-size: 2.5em;
		line-height: 1em;
		white-space: nowrap;
		-ms-writing-mode: tb-rl;
				writing-mode: vertical-rl;
	}
	#pg_home #banner .outer {
		width: 80%;
	}
	#pg_home #banner .title_area {
		border-right: solid var(--jp-body) 1px;
	}
}



/* ――――――――――――――――――――――――――

食パラダイス鳥取県とは
./about/
#pg_about

―――――――――――――――――――――――――― */
/* ----- #index ----- */
#pg_about #index {
}
#pg_about #index .outer {
	width: 100%;
}
@media (min-width: 768px) {
	#pg_about #index .outer {
		width: 90%;
		max-width: 1024px;
		margin-left: auto;
		margin-right: auto;
	}
}
#pg_about #index .illust {
	position: relative;
	width: 100%;
	padding-top: 125px;
}
#pg_about #index .illust .map {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: -1;
}
#pg_about #index .illust .arrow {
	position: relative;
	height: 60px;
}
#pg_about #index .illust .arrow .up,
#pg_about #index .illust .arrow .down {
	position: absolute;
	width: 20px;
	height: 40px;
	background: var(--jp-c01);
}
#pg_about #index .illust .arrow .up {
	top: 10px;
	left: calc(50% - 40px);
}
#pg_about #index .illust .arrow .down {
	top: 20px;
	left: calc(50% + 20px);
}
#pg_about #index .illust .arrow .up::after,
#pg_about #index .illust .arrow .down::after {
	content: "";
	position: absolute;
	left: calc(50% - 20px);
	width: 0;
	height: 0;
	border-style: solid;
}
#pg_about #index .illust .arrow .up::after {
	top: 30px;
	border-width: 20px 20px 0 20px;
	border-color: var(--jp-c01) transparent transparent transparent;
}
#pg_about #index .illust .arrow .down::after {
	top: -10px;
	border-width: 0 20px 20px 20px;
	border-color: transparent transparent var(--jp-c01) transparent;
}
@media (min-width: 576px) {
	#pg_about #index .illust {
		padding-top: 200px;
	}
}
@media (min-width: 768px) {
	#pg_about #index .illust {
		padding-top: 250px;
	}
	#pg_about #index .illust .map {
		left: 5%;
		width: 90%;
	}
	#pg_about #index .illust .arrow {
		position: absolute;
		top: auto;
		bottom: 70px;
		left: calc(50% - 30px);
		width: 60px;
		height: 80px;
		-webkit-transform: rotate(90deg);
						transform: rotate(90deg);
	}
	#pg_about #index .illust .arrow .up,
	#pg_about #index .illust .arrow .down {
		position: absolute;
		width: 20px;
		height: 60px;
		background: var(--jp-c01);
	}
	#pg_about #index .illust .arrow .up {
		left: calc(50% - 35px);
	}
	#pg_about #index .illust .arrow .down {
		left: calc(50% + 15px);
	}
	#pg_about #index .illust .arrow .up::after {
		top: 50px;
	}
}



/* ――――――――――――――――――――――――――

食パラダイス鳥取県アンバサダー
./ambassador/
#pg_supporter

―――――――――――――――――――――――――― */
/* ----- #index ----- */
#pg_supporter #index {
}
#pg_supporter #index .outer {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
}
@media (min-width: 768px) {
	#pg_supporter #index .outer {
		width: 90%;
		max-width: 896px;
	}
}

/* ----- #supporter ----- */
#pg_supporter #supporter {
}
#pg_supporter #supporter .ratio-1x2 {
	--bs-aspect-ratio: 112.5%;
}
#pg_supporter #supporter .outer {
	width: 100%;
}
@media (min-width: 768px) {
	#pg_supporter #supporter .ratio-1x2 {
		--bs-aspect-ratio: 200%;
	}
	#pg_supporter #supporter .position-md-absolute {
		position: absolute;
	}
	#pg_supporter #supporter .translate-md-middle {
		transform: translate(-50%,-50%) !important;
	}
}
@media (min-width: 992px) {
	#pg_supporter #supporter .ratio-1x2 {
		--bs-aspect-ratio: 150%;
	}
}
@media (min-width: 1200px) {
	#pg_supporter #supporter .outer {
		width: 90%;
		max-width: 1200px;
		margin-left: auto;
		margin-right: auto;
	}
}



/* ――――――――――――――――――――――――――

食パラダイス鳥取県とは
./search/
#pg_search

―――――――――――――――――――――――――― */
#pg_search .search_icon img {
	width: 90%;
	max-width: 60px;
}
@media (min-width: 576px) {
	#pg_search .search_icon img {
		max-width: 70px;
	}
}

/* ----- #search ----- */
#pg_search #search {
}
#pg_search #search .area_all img {
	width: 90%;
	max-width: 200px;
}
#pg_search #search .area_icon img {
	width: 90%;
	max-width: 100px;
}
@media (min-width: 576px) {
	#pg_search #search .area_icon img {
		max-width: 120px;
	}
}

/* ----- #list ----- */
#pg_search #list {
}

/* ----- #single ----- */
#pg_search #single {
}
#pg_search #single .movie {
}
#pg_search #single .movie .movie-thumbnail {
	position: relative;
	display: block;
	cursor: pointer;
	color: #FF0000;
}
#pg_search #single .movie .movie-thumbnail:hover {
	color: #FF4444;
}
#pg_search #single .movie .movie-thumbnail img:hover {
	opacity: 1;
}
#pg_search #single .movie .movie-thumbnail .fa {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	display: block;
	margin: auto;
	width: 1em;
	height: 1em;
	background: #ffffff;
	border-radius: 100vw;
	font-size: 110px;
	text-align: center;
	line-height: 1;
}
#pg_search #single .movie .movie-wrapper {
	position: relative;
}
#pg_search #single .movie .movie-wrapper::after {
	content: '';
	display: block;
	padding-top: 56.25%;
}
#pg_search #single .movie .movie-wrapper .player {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
#pg_search #single .writer img {
	width: 50px;
	height: 50px;
	border-radius: 50rem;
}
#pg_search #single .share a img {
	width: 45px;
	border-radius: 50rem;
}
#pg_search #single .side .sns a img {
	width: 35px;
	border-radius: 50rem;
}
#pg_search #single .side .writer img {
	width: 100px;
	height: 100px;
	border-radius: 50rem;
}
@media (min-width: 768px) {
	#pg_search #single .movie .movie-thumbnail .fa {
		font-size: 170px;
	}
}



/* ――――――――――――――――――――――――――

食パラダイス鳥取県とは
./writer/
#pg_writer

―――――――――――――――――――――――――― */
#pg_writer .writer_icon img {
	width: 90%;
	max-width: 60px;
}
@media (min-width: 576px) {
	#pg_writer .writer_icon img {
		max-width: 70px;
	}
}

/* ----- #writer ----- */
#pg_writer #writer .writer img {
	width: 100px;
	height: 100px;
	border-radius: 50rem;
}



/* ――――――――――――――――――――――――――

プライバシーポリシー
./policy/
#pg_policy

―――――――――――――――――――――――――― */
/* ----- #index ----- */
#pg_policy #index {
}



/* ――――――――――――――――――――――――――

お問い合わせフォーム
./contact/
#pg_contact

―――――――――――――――――――――――――― */
/* ----- #index ----- */
#pg_contact #index {
}



/* ――――――――――――――――――――――――――

Javascript

―――――――――――――――――――――――――― */
/* ----- ul.js-slick ul.js-slick3 ----- */
ul.js-slick,
ul.js-slick3 {
	width: 100%;
	overflow: hidden;
}
ul.js-slick li,
ul.js-slick3 li {
	padding: 0 0.75em;
}
@media (min-width: 768px) {
	ul.js-slick,
	ul.js-slick3 {
		width: 90%;
		max-width: calc(1024px + 1.5em);
		margin-left: auto;
		margin-right: auto;
	}
}
@media (min-width: 1200px) {
	ul.js-slick,
	ul.js-slick3 {
		overflow: visible;
	}
}

/* ----- ul.js-slick2 ----- */
ul.js-slick2 {
	width: 100%;
	overflow: hidden;
}
ul.js-slick2 li {
	padding: 0 0.75em;
}
@media (min-width: 768px) {
	ul.js-slick2 {
		width: 90%;
		max-width: calc(1024px + 1.5em);
		margin-left: auto;
		margin-right: auto;
	}
}
@media (min-width: 1200px) {
	ul.js-slick2 {
		overflow: visible;
	}
}

/* ----- .js-slick-dots ----- */
.js-slick-dots {
	position: absolute;
	height: 0.5em;
	top: 0;
	right: 0.25em;
	z-index: 10;
}
.js-slick-dots ul {
	letter-spacing: -.4em;
}
.js-slick-dots li {
	display: inline-block;
	letter-spacing: normal;
	width: 1.75em;
	height: 0.375em;
	margin: 0 2px;
}
.js-slick-dots li button {
	position: relative;
	text-indent: -9999px;
	cursor: pointer;
	border: none;
	background: none;
	width: 2em;
	height: 0.375em;
}
.js-slick-dots li button:focus {
	outline: none;
	outline: none -webkit-focus-ring-color;
}
.js-slick-dots li button:before {
	content: '';
	position: absolute;
	top: 0;
	left: -1em;
	width: 1.75em;
	height: 0.375em;
	background: transparent;
	border: 1px solid var(--jp-line);
}
.js-slick-dots li.slick-active button:before{
	background: var(--jp-body);
	border-color: var(--jp-body);
}
.js-slick-dots li button:hover:before {
	background: var(--jp-href-hover);
	border-color: var(--jp-href-hover);
}

/* ----- .js-slick-back .js-slick-next ----- */
.js-slick-back,
.js-slick-next,
.js-slick-back2,
.js-slick-next2 {
	display: none !important;
	position: absolute;
	top: calc(50% - 18px);
	cursor: pointer;
	width: 40px;
	height: 40px;
	border-radius: 50rem;
	z-index: 10;
	-webkit-transition: .2s all ease;
					transition: .2s all ease;
}
.js-slick-back,
.js-slick-next {
	border: 2px solid var(--jp-c01);
}
.js-slick-back2,
.js-slick-next2 {
	border: 2px solid var(--jp-c04);
}
.js-slick-back,
.js-slick-back2 {
	left: -50px;
}
.js-slick-next,
.js-slick-next2 {
	right: -50px;
}
.js-slick-back::before,
.js-slick-next::after,
.js-slick-back2::before,
.js-slick-next2::after {
	content: "";
	position: absolute;
	top: calc(50% - 7px);
	width: 14px;
	height: 14px;
	-webkit-transition: .2s all ease;
					transition: .2s all ease;
}
.js-slick-back::before,
.js-slick-next::after {
	border-top: solid var(--jp-c01) 2px;
	border-right: solid var(--jp-c01) 2px;
}
.js-slick-back2::before,
.js-slick-next2::after {
	border-top: solid var(--jp-c04) 2px;
	border-right: solid var(--jp-c04) 2px;
}
.js-slick-back::before,
.js-slick-back2::before {
	right: calc(50% - 10px);
	-webkit-transform: rotate(-135deg);
					transform: rotate(-135deg);
}
.js-slick-next::after,
.js-slick-next2::after {
	right: calc(50% - 4px);
	-webkit-transform: rotate(45deg);
					transform: rotate(45deg);
}
.js-slick-back:hover,
.js-slick-next:hover {
	background: var(--jp-c01);
}
.js-slick-back2:hover,
.js-slick-next2:hover {
	background: var(--jp-c04);
}
.js-slick-back:hover::before,
.js-slick-next:hover::after,
.js-slick-back2:hover::before,
.js-slick-next2:hover::after {
	border-color: var(--jp-white);
}
@media (min-width: 1200px) {
	.js-slick-back,
	.js-slick-next,
	.js-slick-back2,
	.js-slick-next2 {
		display: block !important;
	}
}

/* ----- 【 parallax.min.js 】 ----- */
.parallax {
	min-height: 20em;
	background: transparent;
	box-shadow: 0px -15px 15px -15px rgba(0,0,0,0.3) inset,0px 10px 10px -10px rgba(0,0,0,0.2) inset;
	-webkit-transition: .2s all ease;
			-ms-transition: .2s all ease;
					transition: .2s all ease;
}
.parallax-slider {
	top: 0;
	left: 0;
}
.parallax .inner {
	display: block;
}