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

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

reset

-------------------------------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
}

html {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

strong{
	font-weight:bold;
}

em{
	font-style:italic;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

q, blockquote {
  quotes: none;
}
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

img,a {
  vertical-align:top;
}

a img {
  border: none;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

*, *:before, *:after {
	box-sizing: border-box;
}



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

clearfix

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

.clearfix:after{
  content: "."; 
  display: block; 
  height: 0;
  font-size:0;   
  clear: both;
  visibility:hidden;
}
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display:block;}


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

html

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

html{
  font-size: 62.5%;
  height:100%;
}


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

body

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

body{
	font-family: "Noto Sans JP", YuGothic, 'Yu Gothic', 游ゴシック体, '游ゴシック', "Avenir Next", 'Helvetica Neue', Helvetica, Arial, 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, 'MS ゴシック', 'MS Gothic', sans-serif;
  font-size: 1.5rem;
  line-height:1.6;
  -webkit-text-size-adjust: 100%;
  height:100%;
	color:#333;
	box-sizing:border-box;
}


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

link

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

a:link{
  color: #1b63a0;
  text-decoration: none;
}
a:visited{
  color: #1b63a0;
  text-decoration: none;
}
a:hover{
  color: #1b63a0;
  text-decoration: none;
	opacity:0.8;
}
a:active{
  color: #1b63a0;
  text-decoration: none;
}


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

header

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

#header{
	background:#E6E6E6;
	color:#FFF;
	text-align:center;
	padding:2.2rem 0 1.8rem;
	overflow: hidden;
}

#header .inner {
	max-width: 1080px;
	display: -webkit-flex; /* Safari */
	display: flex;
	-webkit-justify-content: space-between; /* Safari */
	justify-content: space-between;
	-webkit-align-items: center; /* Safari */
	align-items:         center;
}

#header h1 {
}

#header h1 a {
	display: block;
}

@media screen and (max-width: 1080px) {
	#header h1 {
		width: 30%;
		margin: 0 auto;
	}
	
	#header h1 a {
		height: 100px;
	}

	#header h1 img{
		height: 100%;
	}
}

@media screen and (max-width: 480px) {
	#header{
		background:#fff;
		color:#FFF;
		text-align:center;
		padding:1.2rem 0 0.8rem;
	}
	
	#header h1 {
		width: 30%;
		margin: 0 auto;
	}
	
	#header h1 a {
		height: 40px;
	}

	#header h1 img{
		height: 100%;
	}
	
}


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

nav

-------------------------------------------------- */
#header nav {
	font-size: 1.3rem;
}

header nav ul li {
	display: inline-block;
	margin-right: 12px;
}

#header nav ul li a {
	display: block;
	background: #4D4648;
	color: #fff;
	padding: 7px 16px;
	border-radius:20px;
	line-height: 1;
}

#header nav ul li:last-child a {
	background: #885151;
}

@media screen and (max-width: 1080px) {
	#header nav {
		font-size: 1.4rem;
		text-align: left;
		padding-top: 20px;
	}
	
	header nav ul li {
		display: block;
		margin-right: 0;
	}
	
	#header nav ul li a {
		display: block;
		background: none;
		color: inherit;
		padding: 10px 16px;
		border-radius:0;
		line-height: 1;
	}
	
	#header nav ul li:last-child a {
		background: #fff;
		color: #885151;
	}
}

@media screen and (max-width: 600px) {
	#header nav {
		font-size: 1.1rem;
	}
	
}

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

contents

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

#contents {
  width: 100%;
	overflow:hidden;
	position:relative;
	box-sizing:border-box;
}

section{
	margin-bottom:8rem;
}

@media screen and (max-width: 1080px) {
	section{
		margin-bottom:6rem;
	}
}

@media screen and (max-width: 767px) {
	section{
		margin-bottom:4rem;
	}
}

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

side

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

#side {
  width: 30%;
	float:right;
	box-sizing:border-box;
}
.side-list{
	margin-bottom:2rem;
}
.side-list h3{
	font-size:1.7rem;
	padding:15px;
	text-align:center;
	background:#404040;
	color:#FFF;
}
.side-list li a{
	display:block;
	color:#000;
	background:#FFF;
	padding:15px 25px 15px 15px;
	font-size:1.4rem;
	line-height:1.2;
	border-left:#d2d2d2 solid 1px;
	border-right:#d2d2d2 solid 1px;
	border-bottom:#d2d2d2 solid 1px;
	position:relative;
}
.side-list li a:after{
	content:"\f105";
	line-height:1;
	font-size:1.4rem;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	position:absolute;
	right:1rem;
	top:50%;
	margin-top:-0.7rem;
}


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

main

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

#main {
  width: 70%;
	padding-right:5%;
	float:left;
	box-sizing:border-box;
	position:relative;
}


/* --------------------------------------------------
list
-------------------------------------------------- */
.list {
	margin-bottom: 4rem;
}

.list li {
	border-bottom: 1px solid #EAEAEA;
	padding: 2rem;
}

.list li:first-child {
	border-top: 1px solid #EAEAEA;
}


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

footer

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

#footer{
	background:#312D2E;
	color:#FFF;
	text-align:center;
	padding: 2rem 0 3rem;
	position: relative;
}

#footer a {
	color:#FFF;
}

#footer ul {
	margin-bottom: 2rem;
}

#footer ul li {
	display: inline-block;
}

#footer nav ul li {
	line-height: 1;
	font-size: 1.3rem;
	position: relative;
}

#footer nav ul li:after {
	content: " ";
	background: #fff;
	height: 10px;
	background-size: contain;
	padding: 0.5px;
	display: inline-block;
	margin: 0 1.4rem;
}

#footer nav ul li:last-child:after {
	content: normal;
}

#footer ul.sns {
	font-size: 2.4rem;
	line-height: 46px;
}

#footer ul.sns li {
	background: #4D4648;
	width: 46px;
	height:46px;
	margin: 0 0.4rem;
}

#footer ul.sns li a {
	display: block;
	background: #fff;
}

#footer ul.sns li .fab:before {
	color: #333;
}

#footer small {
	font-size: 1.1rem;
}

@media screen and (max-width: 767px) {
	#footer nav ul li {
		font-size: 1.1rem;
	}

}

@media screen and (max-width: 420px) {
	#footer{
		padding: 2rem 0 1.6rem;
	}

	#footer nav ul {
		display: flex;
		flex-wrap:wrap;
		justify-content:center;
		padding: 0 6px;
	}
	
	#footer nav ul li {
		font-size: 1.1rem;
		display: block;
	}

	#footer nav ul li:after {
		content: normal;
	}

	#footer nav ul li a {
		display: block;
		padding: 0.6rem;
		text-align: center;
	}

	#footer small {
		font-size: 0.9rem;
	}

}

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

pagetop 

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

#pagetop {
	vertical-align: middle;
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	position: fixed;
	right: 20px;
	bottom: 45px;
	margin-top: -2rem;
	font-size: 1.4rem;
	font-weight: bold;
	line-height: 1;
	z-index: 999;
}

#pagetop a {
	color: #fff;
	position:relative;
	display: block;
	background: rgba(49,45,46,0.6);
	padding: 30px 5px 12px 12px;
}

#pagetop .arrow{
	position: absolute;
	top:0;
	right:14px;
	display: inline-block;
	padding: 0 0 0 16px;
	color: #fff;
	vertical-align: middle;
	text-decoration: none;
	font-size: 15px;
	margin-top: 12px;
}
#pagetop .arrow::before,
#pagetop .arrow::after{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	content:"";
	vertical-align: middle;
}
#pagetop .arrow::before{
	left: 5px;
	width:1px;
	height: 85px;
	background: #fff;
}
#pagetop .arrow::after{
	left: 0px;
	width: 10px;
	height: 11px;
	border-top: 1px solid #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

@media screen and (max-width: 800px) {
	#pagetop {
		right: 10px;
	}
}

@media screen and (max-width: 420px) {
	#pagetop {
		font-size: 0.9rem;
		right: 3px;
	}

	#pagetop a {
		color: #fff;
		position:relative;
		display: block;
		background: rgba(49,45,46,0.6);
		padding: 20px 5px 12px 12px;
	}

	#pagetop .arrow{
		position: absolute;
		top:-2px;
		right:5px;
		display: inline-block;
		padding: 0 0 0 16px;
		color: #fff;
		vertical-align: middle;
		text-decoration: none;
		font-size: 15px;
		margin-top: 12px;
	}
	#pagetop .arrow::before,
	#pagetop .arrow::after{
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		margin: auto;
		content:"";
		vertical-align: middle;
	}
	#pagetop .arrow::before{
		left: 3px;
		width:1px;
		height: 55px;
		background: #fff;
	}
	#pagetop .arrow::after{
		left: 0px;
		width: 8px;
		height: 6px;
		border-top: 1px solid #fff;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}

}



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

wrapper inner 

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

.wrapper{
	max-width:980px;
  margin: 0 auto;
	position:relative;
	padding:0 10px;
}
.inner{
	max-width:980px;
  margin: 0 auto;
	position:relative;
	overflow:hidden;
}



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

title

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

/* ttl */
.ttl{
	font-size:4rem;
	background: #4E71AB;
	color:#FFF;
	padding:30px 0 30px 0;
	text-align:center;
	position:relative;
	letter-spacing:.2rem;
	z-index: 9;
}

.ttl.exhibition {
	background: #C8054A;
}

.ttl.cafe {
	background: #B7A014;
}

/* sttl */
.sttl{
	font-size:2.5rem;
	font-weight: bold;
	text-align: center;
	color: #666;
	margin: 20px 0 30px;
}

.sttl:before{
	content: " ";
	display: block;
	background: repeating-linear-gradient(90deg, #B79F17, #B79F17 2px, rgba(255,255,255,0) 0, rgba(255,255,255,0) 10px);
	width: 140px;
	height: 7px;
	margin: 0 auto 6px;
	
}

/* ttl-end */
.ttl-end {
	border: 6px solid #9D3131;
	color: #9D3131;
	text-align: center;
	padding: 1.6rem;
	margin-bottom: 4rem;
	font-size: 3rem;
}

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

side-ttl

-------------------------------------------------- 
.side-ttl {
	vertical-align: middle;
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	font-size: 6rem;
	letter-spacing: .4rem;
	position: absolute;
	right: 1%;
	top: 30%;
	color: #5485A5;
	line-height: 1;
	font-weight: bold;
}

.side-ttl span{
	font-size: 2.8rem;
	vertical-align: bottom;
	line-height: 1;
}*/

.side-ttl {
	vertical-align: middle;
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	position: absolute;
	right: 1%;
	top: 46%;
	font-size: 7.0rem;
	font-weight: bold;
	line-height: 1;
}

.side-ttl span {
	font-size: 2.6rem;
	margin-top: 0.8rem;
	vertical-align: bottom;
	line-height: 1;
}

.side-ttl.ttl-cafe {
	color: #B69F13;
}

.side-ttl.ttl-default {
	color: #4E71AB;
}

.side-ttl.ttl-exhibition {
	color: #C8054A;
}


@media screen and (max-width: 1200px) {
.side-ttl {
	-webkit-writing-mode: horizontal-tb;
	-ms-writing-mode: horizontal-tb;
	writing-mode: horizontal-tb;
	position: initial;
	text-align: center;
	margin-bottom: 2rem;
}
.side-ttl span {
	margin-top: 0rem;
	margin-left: 0.6rem;
}
}

@media screen and (max-width: 800px) {
.side-ttl {
	font-size: 4.0rem;
}
.side-ttl span {
	font-size: 1.8rem;
}
}

@media screen and (max-width: 420px) {
.side-ttl {
	font-size: 2.6rem;
}
.side-ttl span {
	font-size: 1.6rem;
	margin-left: 0.4rem;
}
}

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

icon

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

/* icon-new */
.icon-new{
	font-size:1.2rem;
	line-height:1;
	padding:6px 5px 4px;
	display:inline-block;
	background:#c80000;
	color:#FFF;
	font-weight:bold;
	margin-right:5px;
	vertical-align:middle;
}


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

paging

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

.paging{
	padding:20px 0 40px;
	text-align:right;
	clear:both;
	position:relative;
	overflow: hidden;
}
.paging .paging-sort{
	float:left;
	margin-right:1rem;
}
.paging .paging-sort select{
	padding:5px 10px;
	line-height:1;
	vertical-align:middle;
}
.paging .paging-result{
	float:left;
	display:inline-block;
	line-height:2;
	vertical-align:middle;
}
.paging span{
	display:inline-block;
	vertical-align:middle;
	margin-bottom:.5rem;
}
.paging a{
	line-height:1;
	letter-spacing:normal;
	display:inline-block;
	padding:1rem 1.2rem;
	text-decoration:none;
	color:#272727;
	border:#d2d2d2 solid 1px;
	background:#FFF;
}
.paging a:hover{
	opacity:1;
	color:#FFF;
	background:#404040;
	border:#37211F solid 1px;
}
.paging .current{
	line-height:1;
	letter-spacing:normal;
	display:inline-block;
	padding:1rem 1.2rem;
	text-decoration:none;
	color:#FFF;
	border:#404040 solid 1px;
	background:#404040;
}


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

breadCrumbs

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

.breadCrumbs{
	display:block;
	width:100%;
	font-size:1.4rem;
	text-decoration:none;
	padding-top:5px;
	margin-bottom:4rem;
	z-index: 3;
	position: relative;
}
.breadCrumbs ul{
	max-width:980px;
	margin:0 auto;
	padding:0 10px;
}
.breadCrumbs li{
	display:inline-block;
	margin-right:1rem;
}
.breadCrumbs li::after{
	content:">";
	margin-left:1.5rem;
	font-family:sans-serif;
}
.breadCrumbs li:last-of-type::after{
	content:none;
	margin-left:0;
}

@media screen and (max-width: 767px) {
	.breadCrumbs{
		margin-bottom:3rem;
	}
}


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

btn

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

.btn{
	max-width: 300px;
	margin:50px auto;
	text-align:center;
}

.btn a{
	text-decoration:none;
	display:block;
	vertical-align: middle;
	padding:10px;
	border-radius:40px;
	position: relative;
}

.btn-pattern01 a{
	color:#fff;
	border:#4D5065 solid 2px;
	background: #4D5065;
}

.btn-pattern01 a:hover{
	color:#4D5065;
	border:#4D5065 solid 2px;
	background: #fff;
	opacity:1;
}

.btn-pattern02 a{
	color:#4D5065;
	border:#4D5065 solid 2px;
	background: #fff;
}

.btn-pattern02 a:hover{
	color:#fff;
	border:#4D5065 solid 2px;
	background: #4D5065;
	opacity:1;
}

.btn-postmore {
	position: relative;
}

.btn-postback {
	position: relative;
}

.btn-application a:before{
	content:"\f274";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	margin-right:2rem;
	color: #4D5065;
	left: 10px;
	top: 50%;
	margin-top: -12px;
}

.btn-application a:hover:before{
	color: #fff;
}

.btn-arrow {
	position:relative;
}
.arrow{
	position: absolute;
	top:50%;
	right:20px;
	display: inline-block;
	padding: 0 0 0 16px;
	color: #000;
	vertical-align: middle;
	text-decoration: none;
	font-size: 15px;
	z-index: 99;
}
.arrow::before,
.arrow::after{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	content:"";
	vertical-align: middle;
}
.arrow::before{
	left: 3px;
	width:15px;
	height: 1px;
	background: #FFF;
}
.arrow::after{
	left: 10px;
	width: 7px;
	height: 8px;
	border-top: 1px solid #FFF;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.btn-postback .arrow{
	position: absolute;
	top:50%;
	left:20px;
	display: inline-block;
	padding: 0 16px 0 0;
	color: #000;
	vertical-align: middle;
	text-decoration: none;
	font-size: 15px;
}
.btn-postback .arrow::before,
.btn-postback .arrow::after{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	content:"";
	vertical-align: middle;
}
.btn-postback .arrow::before{
	left: 3px;
	width:15px;
	height: 1px;
	background: #FFF;
}
.btn-postback .arrow::after{
	left: 3px;
	width: 7px;
	height: 8px;
	border-top: 1px solid #FFF;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.btn-pattern02 .arrow::before{
	background: #4D5065;
}
.btn-pattern02 .arrow::after{
	border-top: 1px solid #4D5065;
}
.btn-arrow:hover .arrow::before,
.btn-pattern01:hover .arrow::before{
	background: #4D5065;
}
.btn-arrow:hover .arrow::after,
.btn-pattern01:hover .arrow::after{
	border-top: 1px solid #4D5065;
}
.btn-pattern02:hover .arrow::before{
	background: #fff;
}
.btn-pattern02:hover .arrow::after{
	border-top: 1px solid #fff;
}


@media screen and (max-width: 767px) {
	.breadCrumbs{
		margin-bottom:3rem;
	}
	.btn-postmore a:after{
		margin-top: -9px;
	}
	
	.btn-postback a:before{
		margin-top: -9px;
	}
	
	.btn-application a:before{
		margin-top: -9px;
	}
}

@media screen and (max-width: 420px) {
	.arrow{
		right:15px;
	}
}

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

search

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

.search {
	background: #F2F2F2;
	margin-bottom: 8rem;
	border-radius:10px;
	padding: 40px;
}

.search dl {
	display: -webkit-flex; /* Safari */
	display: flex;
	-webkit-justify-content: space-between; /* Safari */
	justify-content: space-between;
	-webkit-align-items: center; /* Safari */
	align-items:         center;
	text-align: center;
}

.search dl dt {
	width: 20%;
	margin-right: 30px;
	font-size: 2rem;
}

.search dl dd {
	width: 80%;
	border-left: 1px solid #4E5065;
	padding-left: 20px;
}

.search dl dd ul {
	display: -webkit-flex; /* Safari */
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	margin: 10px -20px 0 0;
}

.search dl dd ul li {
	width:calc(100% / 4 - 20px);
	margin-right:20px;
	margin-bottom:10px;
}

.search dl dd ul li a {
	display: block;
	padding: 8px 0;
	border-radius:40px;
	margin-bottom: 2%;
	color: #fff;
}

@media screen and (max-width: 420px) {
	.search{
		padding: 20px;
	}
	.search dl {
		flex-wrap: wrap;
		flex-direction: column;
	}
	.search dl dt {
		width: 100%;
		margin-right: 0;
		font-size: inherit;
	}
	
	.search dl dd {
		width: 100%;
		border-left: none;
		padding-left: 0;
	}
	.search dl dd ul {
		margin: 10px -10px 0 0;
	}
	
	.search dl dd ul li {
		width:calc(100% / 3 - 10px);
		margin-right:10px;
		margin-bottom:10px;
	}
	
	.search dl dd ul li a {
		padding: 8px 0;
		border-radius:20px;
		margin-bottom: 2%;
	}


}

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

category

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

.category{
	display:flex;
	flex-wrap:wrap;
}

.category li {
	margin: 0 4px 4px 0;
}

/* label */
.label {
	padding: 4px 8px;
	line-height: 1;
	display: block;
	color: #fff;
}

.label-all {
	background: #529EA7;
}

.label-seminar {
	background: #AE7D6A;
}

.label-live {
	background: #82A2AC;
}

.label-experience {
	background: #A7A970;
}

.label-parenting {
	background: #BC8981;
}

.label-crafts {
	background: #8A86A0;
}

.label-exhibition {
	background: #77A499;
}

.label-food {
	background: #C79E78;
}

.label-culture {
	background: #DBB1BB;
}

.label-art {
	background: #667083;
}

.label-other {
	background: #8E6570;
}


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

pick_up

-------------------------------------------------- */
.pick_up {
	margin-bottom: 16rem;
	position: relative;
}

.pick_up-detail {
	position: relative;
	width: 70%;
	margin: -160px auto 0;
	background: #312D2E;
	color: #fff;
	padding: 50px;
}

.pick_up-detail h3 {
	font-size: 3rem;
}

.pick_up-detail .category {
	font-size: 1.3rem;
	display: block;
}

.pick_up-txt {
	font-size: 1.7rem;
}

.pick_up-detail .btn {
	width: 210px;
	position: absolute;
	bottom: -30px;
	left: 50%;
	margin: 0 auto 0 -105px;
}

.pick_up-detail .btn a {
	width: 100%;
}

#event .pick_up-detail {
	background: #5484A4;
}

#exhibition .pick_up-detail {
	background: #312D2E;
}

#exhibition .post-pht {
	width: 60%;
}

#exhibition .pick_up-detail {
	width: 50%;
	margin-right: -0.5%;
	margin-top: -310px;
}

@media screen and (max-width: 1080px) {
	.pick_up-detail h3 {
		font-size: 1.8rem;
	}
	
	.pick_up-txt {
		font-size: 1.3rem;
	}

	#exhibition .pick_up-detail {
	}

}

@media screen and (max-width: 767px) {
	.pick_up-detail h3 {
		font-size: 1.3rem;
	}
	
	.pick_up-detail .category {
		font-size: 0.9rem;
		display: block;
	}
	
	.pick_up-txt {
		font-size: 1.1rem;
	}

	#exhibition .post-pht {
		width: 100%;
	}

	#exhibition .pick_up-detail {
		position: inherit;
		width: 80%;
		margin: -160px auto 0;
	}

}

@media screen and (max-width: 420px) {
	.pick_up {
		margin-bottom: 5rem;
	}
	.pick_up-detail {
		width: 90%;
		margin: -40px auto 0;
		padding: 20px;
	}
	
	.pick_up-detail .btn {
		width: 80%;
		left: 10%;
		bottom: -48px;
		margin: 0 0 0 0;
	}

	#exhibition .pick_up-detail {
		width: 90%;
		margin: -40px auto 0;
		padding: 20px;
	}
}


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

info-area

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

.info-area {
	overflow:hidden;
	position:relative;
	margin-bottom:10rem;
}
/* col-left */
.info-area .col-left{
	float: left;
	padding-right: 0%;
	width: 50%;
}
.info-area .info-ttl {
	font-size:3.2rem;
	font-weight: bold;
	margin-bottom:20px;
	line-height:1.2;
}
.info-area .spot-icon {
	margin-bottom:12px;
}
.info-area .spot-icon .labels {
	display: inline-block;
	margin-bottom: 0.5rem;
	margin-left: 0.5rem;
}
.info-area .sns {
	margin-bottom:5px;
	font-size: 1.3rem;
}
.info-area .btn-myplan {
	margin-bottom: 10px;
}
.info-area .advisor {
	display:block;
	text-align: center;
	margin: 0.8rem 0 4rem 0;
	font-size: 1.2rem;
}
.info-area .advisor a {
	color: #339179;
	text-decoration: underline;
}
/*col-right */
.info-area .col-right {
	float:right;
	padding-left: 3.5%;
	width: 50%;
	font-size: 1.6rem;
}
.info-area .info-txt {
	margin-bottom: 4rem;
}
.info-area table {
	border-top: 1px solid #C4CED2;
	width: 100%;
}
.info-area table tr {
	border-bottom: 1px solid #C4CED2;
}
.info-area table th {
	font-weight: 600;
	width: 24%;
}
.info-area table th,
.info-area table td {
	padding: 18px 0;
	word-break: break-all;
}
.info-area table td span {
	display: inline-block;
	margin-right: 0.8rem;
}
.info-area table td span a {
	text-decoration: underline;
}

@media screen and (max-width: 767px) {
	
	.info-area {
		padding-top:5px;
	}
	
	/* col-left */
	.info-area .col-left{
		float: none;
		padding-right: 0%;
		width: 100%;
	}
	.info-area .info-ttl {
		font-size: 2.8rem;
	}
	/*col-right */
	.info-area .col-right {
		float:none;
		padding-left: 0%;
		width: 100%;
		font-size: 1.4rem;
	}
}
	
@media screen and (max-width: 420px) {
	
	/* col-left */
	.info-area .info-ttl {
		font-size: 2rem;
	}
	/*col-right */
	.info-area .col-right {
		font-size: inherit;
	}
	.info-area .info-txt {
		margin-bottom: 2rem;
	}
	.info-area table {
		border-top: 1px solid #C4CED2;
		width: 100%;
	}
	
	.info-area .sns {
		font-size: .9rem;
	}
}


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

article-relation

-------------------------------------------------- */
.article-relation {
	margin-bottom: 4rem;
}

/* article-list */
.article-list {
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	margin: 10px -40px 0 0;
}

.article-list > li {
	width:calc(100% / 3 - 40px);
	margin-right:40px;
	margin-bottom:40px;
	font-size: 1.2rem;
}

.article-list > li:nth-child(3n) {
	margin-right: 0;
}

.article-list h4 {
	font-size: 1.8rem;
	margin-bottom: 0.2rem;
}

.article-list > li > p {
	font-size: 1.3rem;
}

.schedule {
	color: #B79F17;
}

.reservation {
	position: absolute;
	right: -18px;
	bottom: 18px;
	z-index: 1;
}

.reservation span {
	padding: 4px 30px;
	color: #fff;
	border-radius:20px;
}

.reservation .needed {
	background: #9D3131;
}

.reservation .no-needed {
	background: #666666;
}

.holding {
	position: absolute;
	right: -18px;
	bottom: 18px;
	z-index: 1;
}

.holding {
	position: absolute;
	left: -20px;
	top: -20px;
	z-index: 1;
}

.holding span {
	width: 58px;
	height: 58px;
	color: #fff;
	border-radius:58px;
	line-height: 58px;
	display: block;
	text-align: center;
}

.holding .now {
	background: #B79F17;
}


@media screen and (max-width: 1080px) {
	.article-list h4 {
		font-size: 1.5rem;
	}
	
	.article-list > li > p {
		font-size: 1.2rem;
	}

	.reservation {
		position: absolute;
		right: 10px;
		bottom: 15px;
		z-index: 1;
	}

	.holding {
		position: absolute;
		left: 10px;
		top: 10px;
		z-index: 1;
	}
}

@media screen and (max-width: 767px) {
	/* article-list */
	.article-list {
		margin: 10px -20px 0 0;
	}
	
	.article-list > li {
		width:calc(100% / 2 - 20px);
		margin-right:20px;
		margin-bottom:40px;
		font-size: 1.2rem;
	}
	
	.article-list > li:nth-child(3n) {
		margin-right: 20px;
	}
	.article-list h4 {
		font-size: 1.3rem;
	}
	
	.article-list > li > p {
		font-size: 1.1rem;
	}


}

@media screen and (max-width: 420px) {
	/* article-list */
	.article-list {
		margin: 10px 0 0 0;
	}
	
	.article-list > li {
		width:100%;
		margin-right:0;
		margin-bottom:20px;
		font-size: 1.2rem;
	}
	
	.article-list > li:nth-child(3n) {
		margin-right: 0;
	}

}

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

bxslider

-------------------------------------------------- */
.control-wrap {
	position: relative;
	margin-bottom: 20px
}

.bx-viewport .post-pht div {
	border-radius:0;
}

.bx-viewport .post-pht div img {
	border-radius: 0;
}

.bx-viewport .post-pht .caption {
	font-size: 1.2rem;
	line-height: 1.1;
	text-align: center;
	display: block;
}

#bxslider-thumbnail.post-pht div {
	margin-bottom: 3px;
}

#bxslider-thumbnail.post-pht div img {
	border-radius: 0;
}

#bxslider-thumbnail .caption {
	font-size: 0.9rem;
	line-height: 1;
}

.main-slider .prev-icon a{/*矢印画像（前へ）*/
	display:block;
	width:50px;
	height:50px;
	position:absolute;
	background: url(../js/bxslider/img/prev-icon.svg) no-repeat;
	background-size:cover;
	color:#fff;
	top:50%;
	left:0px;
	margin-top: -43px;
	text-indent:-9999px;
}

.main-slider .next-icon a{/*矢印画像（次へ）*/
	display:block;
	width:50px;
	height:50px;
	position:absolute;
	background: url(../js/bxslider/img/next-icon.svg) no-repeat;
	background-size:cover;
	color:#fff;
	top:50%;
	right:0px;
	margin-top: -43px;
	text-indent:-9999px;
}

.thumbnail .prev-icon a{/*矢印画像（前へ）*/
	display:block;
	width:20px;
	height:20px;
	position:absolute;
	background: url(../js/bxslider/img/prev-icon.svg) no-repeat;
	background-size:cover;
	color:#fff;
	top:50%;
	left:0px;
	margin-top: -16px;
	text-indent:-9999px;
	outline: none;
}

.thumbnail .next-icon a{/*矢印画像（次へ）*/
	display:block;
	width:20px;
	height:20px;
	position:absolute;
	background: url(../js/bxslider/img/next-icon.svg) no-repeat;
	background-size:cover;
	color:#fff;
	top:50%;
	right:0px;
	margin-top: -16px;
	text-indent:-9999px;
	outline: none;
}


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

post-content

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

.post-content{
	overflow:hidden;
}

/* post-ttl */

.post-ttl{
	line-height:1.4;
	font-size:2.7rem;
	padding:2rem;
	background:#EAEAEA;
	margin-bottom:1rem;
}
.post-ttl span{
	margin-left:1rem;
	margin-top:-0.5em;
}

/* post-date */

.post-date{
	display:block;
	text-align:right;
	padding:0 0 1rem;
}

.post-date:before{
	content:"\f303";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	margin-right:1rem;
}

/* post-sttl-large */

.post-sttl-large {
	margin-bottom:1rem;
	font-size:2.4rem;
	padding-left:15px;
	border-left:5px solid #666; 
}

/* post-sttl-small */

.post-sttl-small {
	margin-bottom:1rem;
	font-size:1.8rem;
	background:#EEE;
	padding:0.5em;
}

/* post-pht */

.post-pht {
	margin-bottom:1rem;
	position: relative;
}

.post-pht div {
	margin: 0 auto 5px 0;
	overflow: hidden;
	padding-top: 69.7%;
	position: relative;
	text-align: center;
	width: 100%;
	background:#E5E5E5;
	border-radius: 10px;
	box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
}
.post-pht div img {
	position: absolute;
	top: -200%;
	bottom: -200%;
	left: -200%;
	right: -200%;
	margin: auto;
	width: auto;
	height: auto;
	max-height:100%;
	min-height:100%;
	max-width:none;
	transition: transform .4s linear;
}

.post-pht figcaption{
	display:block;
	font-size:1.2rem;
	padding:5px;
	line-height:1.2;
	text-align:center;
}

/* two-post-pht */

.two-post-pht {
	font-size:0;
	margin:0 -2%;
}

.two-post-pht .post-pht {
	width:46%;
	margin:0 2% 1em;
	display:inline-block;
	font-size:1.6rem;
	vertical-align:top;
}

@media screen and (max-width: 767px) {
	/* post-ttl */
	
	.post-ttl{
		font-size:1.5rem;
		padding:1.6rem;
	}

	/* post-sttl-large */
	
	.post-sttl-large {
		font-size:1.4rem;
	}
	
	/* post-sttl-small */
	
	.post-sttl-small {
		font-size:1.3rem;
	}
}

@media screen and (max-width: 420px) {
	
	.post-pht div {
		max-height: 300px;
	}
	
	.post-pht img {
		max-height: 300px;
	}
	
}

/* iframe-area */
.iframe-area {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
	margin: 0 0 1rem;
}

.iframe-area iframe {
	// filter: grayscale(.4);
	filter: saturate(1.2);
	// filter: sepia(0.3);
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
	border-radius: 10px;
}



/* wysiwyg */

.wysiwyg {
	word-wrap : break-word;
	overflow-wrap : break-word;
	margin-bottom:4%;
}

/* 太字 <strong> */
.wysiwyg strong {
	font-weight: bold;
}

/* 斜体 <em> */
.wysiwyg em {
	font-style: italic;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", "Yu Gothic", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

/* 下線 <u> */
.wysiwyg u {
	text-decoration:underline;
}

/* 打ち消し線 <s> */
.wysiwyg s {
	text-decoration:line-through;
}

/* 下付き <sub> */
.wysiwyg sub {
	font-size:0.8rem;
}

/* 上付き <sup> */
.wysiwyg sup {
	font-size:0.8rem;
}

/* 順序のないリスト <ol> */
.wysiwyg ol {
	margin:0.5em 0;
	padding:0 1.5em;
	list-style: decimal outside;
}
.wysiwyg li ol>li {
	text-indent:0;
}

/*順序のないリスト <ul> */
.wysiwyg ul {
	margin:0.5em 0;
	padding:0 0.5em;
	list-style: none;
}
.wysiwyg ul>li {
	padding-left:1em;
	text-indent:-1em;
}
.wysiwyg ul>li:before {
	content: "\f0da";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	margin-right: 0.5em;
}

/* インデント <p class="txt-indent"> */
.wysiwyg .txt-indent {
	text-indent:1em;
}

/* ブロック引用文 <blockquote> */
.wysiwyg blockquote {
	position: relative;
	padding: 1em 2em;
	box-sizing: border-box;
	font-style: italic;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", "Yu Gothic", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background: #FBFBFB;
	margin:0.5em 1em;
}

/* 中央揃え <p class="txt-center"> */
.wysiwyg .txt-center {
	text-align:center;
}

/* 右揃え <p class="txt-right"> */
.wysiwyg .txt-right {
	text-align:right;
}

/* 両端揃え <p class="txt-justify"> */
.wysiwyg .txt-justify {
	text-align:justify;
}

/* ハイパーリンク <a href=""> */
.wysiwyg a[href] {
	text-decoration:underline;
	color:#03F;
}

/* アンカー挿入 <a id="" name=""> */
.wysiwyg a {
	text-decoration:none;
	color: inherit;
}

/* テーブル <table> */
.wysiwyg table {
	width: auto;
	margin:1em 0;
	border-collapse:collapse;
	border: 1px solid #DDD;
	max-width:100%;
	border-spacing: 0;
}
.wysiwyg table caption {
	text-align:center;
	margin-bottom:0.5em;
}
.wysiwyg table tr th {
	background: #f6f6f6;
	padding: 0.5em 0.25em;
	border: 1px solid #DDD;
}
.wysiwyg table tr td {
	background: #FFFFFF;
	padding: 0.5em 0.25em;
	border: 1px solid #DDD;
	word-break: break-all;
	word-wrap: break-word;
}

.wysiwyg table .txt-justify {
	-moz-text-align-last: justify;
	text-align-last: justify;
}

/* フォントサイズ小 <span class="font-size-small"> */
.wysiwyg .font-size-small {
	font-size:1.1rem;
}

/* フォントサイズ大 <span class="font-size-large"> */
.wysiwyg .font-size-large {
	font-size:2.2rem;
}


/* 文字の間隔0.5em <span class="font-space-small"> */
.wysiwyg .font-space-small {
	letter-spacing:0.5em;
}

/* 文字の間隔1.0em <span class="font-space-medium"> */
.wysiwyg .font-space-medium {
	letter-spacing:1.0em;
}

/* 文字の間隔1.5em <span class="font-space-large"> */
.wysiwyg .font-space-large {
	letter-spacing:1.5em;
}

/* 文字の間隔2.0em <span class="font-space-xlarge"> */
.wysiwyg .font-space-xlarge {
	letter-spacing:2.0em;
}

/* related-file */

.related-file {
	line-height:1.2;
	border-top:#eef0f1 solid 1px;
	border-bottom:#eef0f1 solid 1px;
	margin-bottom:-1px;
	padding:1em 0;
}

.related-file:before{
	content:"\f019";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	margin-right:1rem;
	color:#999;
}

/* related-link */

.related-link {
	line-height:1.2;
	border-top:#eef0f1 solid 1px;
	border-bottom:#eef0f1 solid 1px;
	margin-bottom:-1px;
	padding:1em 0;
}

.related-link:before{
	content:"\f0c1";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	margin-right:1rem;
	color:#999;
}



@media screen and (max-width: 1080px) {

	body{
		font-size: 1.3rem;
	}
	
	
	/* --------------------------------------------------
	side
	-------------------------------------------------- */
	#side {
		width: auto;
		float:none;
	}
	.side-list h3{
		padding:10px;
	}
	.side-list li a{
		padding:10px;
	}
	
	/* --------------------------------------------------
	main
	-------------------------------------------------- */
	#main {
		width: auto;
		float:none;
		padding-left:0;
	}

	/* --------------------------------------------------
	title
	-------------------------------------------------- */
	
	/* ttl */
	.ttl{
		font-size:2rem;
		padding: 20px 0;
	}
	.ttl span{
		font-size:1.5rem;
	}
		
	/* sttl */
	.sttl{
		font-size:1.8rem;
		margin: 20px 0 30px;
	}

	/* ttl-end */
	.ttl-end {
		border: 4px solid #9D3131;
		font-size: 2rem;
	}

	/* --------------------------------------------------
	btn
	-------------------------------------------------- */
	
	/* btn-postmore */
	.btn-postmore{
		margin:20px 0;
	}
	

}

@media screen and (max-width: 767px) {
	
		body{
			font-size: 1.1rem;
		}
		
		/* --------------------------------------------------
		header
		-------------------------------------------------- */
		#header {
			font-size: 3rem;
		}


	
		/* --------------------------------------------------
		footer
		-------------------------------------------------- */
		
		#footer {
			font-size:3rem;
		}
		
	
		/* --------------------------------------------------
		title
		-------------------------------------------------- */
		
		/* ttl */
		.ttl{
			font-size: 1.8rem;
			padding: 10px 0;
		}
		
		/* sttl */
		.sttl{
			font-size:1.4rem;
			margin: 20px 0 30px;
		}

		/* ttl-end */
		.ttl-end {
			border: 2px solid #9D3131;
			font-size: 1.3rem;
			margin-bottom: 2rem;
		}

		/* breadCrumbs */	
		.breadCrumbs{
			font-size:1rem;
		}
		
		
		
		/* --------------------------------------------------
		post-content
		-------------------------------------------------- */

		
}