@charset "UTF-8";

/*-----------------------
base layout
-------------------------*/

body {
	width: 100%;
	height: 100%;
	overflow: auto;
}

img {
	max-width: 100%;
	max-height: 100%;
	height: auto;
	vertical-align: bottom;
}

a {
	color: inherit;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
	cursor: pointer;
}

a:focus {
	outline: 0;
	border: none;
}

button {
	padding: 0;
	border: none;
	background: transparent;
}

button img {
	display: block;
}

ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

li {
	margin: 0;
	padding: 0;
}

h1,
h2,
h3,
h4 {
	margin: 0;
}

.main-content {
	position: relative;
}

.main {
	width: 100%;
	margin: 0 auto;
}

/*mobile*/

@media screen and (max-width: 768px) {
	.main {
		margin: 76px auto 0;
	}
}

/* header */

header {
	height: 88px;
	position: fixed;
	top: 0;
	background: rgba(255,255,255,0.9);
	z-index: 9999;
}

header .header_logo {
	width: 355px;
	float: left;
}

header .header_logo .logo {
	background-color: #e39e83;
}

header .header_logo .logo a {
	display: block;
	padding: 15px 37px 6px;
	position: relative;
}

header .header_logo .logo a:hover img {
	opacity: 0.9;
}

header .header_logo .logo a img {
	width: 286px;
}

header .header_logo .logo a:after {
	content: '';
	position: absolute;
	background-image: url(../img/common/logo_frame.png);
	width: 45px;
	height: 39px;
	top: 1px;
	left: 1px;
	background-size: contain;
	background-repeat:  no-repeat;
}

header .header-top {
	width: 900px;
	float: right;
	text-align: right;
	margin: 10px 10px 5px 0;
}

header .header-top .acc-menu,
header .header-top .acc-parent,
header .header-top .search_area,
header .header-top .contact-link,
header .header-top .acc-soundlist,
header .header-top .acc-sizelist,
header .header-top .acc-colorlist,
header .header-top .fb_link,
header .header-top .sns_link {
	display: inline-block;
}

header .header-top .acc-menu {
	border-right: 1px solid #000;
	padding-right: 10px;
}

header .header-top .acc-menu .acc-parent {
	padding: 0 10px;
	border-left: 1px solid #fff;
	margin-bottom: 5px;
	display: inline-block;
}

header .header-top .acc-menu .acc-parent .acc_head {
	font-size: 12px;
	font-size: 1.2rem;
	font-weight: normal;
	line-height: 1;
	margin: 0 5px 0 0;
	display: inline-block;
}

header .header-top .acc-menu .acc-parent .acc-first {
	position: relative;
}

header .header-top .acc-menu .acc-parent .acc-first:after {
	position: absolute;
	content: '';
	top: -1px;
	left: -14px;
	width: 11px;
	height: 15px;
	background-image: url(../img/common/icon-kurumaisu.png);
	background-size: contain;
	background-repeat: no-repeat;
}

header .header-top .acc-menu .acc-parent .acc-first:hover:after {
	opacity: 0.9;
}

header .header-top .acc-menu .acc-parent .acc-colorlist .acc-color {
	display: inline-block;
}

header .header-top .acc-menu .acc-parent .acc-colorlist .acc-color > li {
	display: inline-block;
}

header .header-top .acc-menu .acc-parent .acc-colorlist .acc-color li:hover {
	opacity: 0.8;
}

header .header-top .acc-menu .acc-parent .acc-colorlist .acc-color-reset,
header .header-top .acc-menu .acc-parent .acc-colorlist .acc-color-blue,
header .header-top .acc-menu .acc-parent .acc-colorlist .acc-color-yellow,
header .header-top .acc-menu .acc-parent .acc-colorlist .acc-color-black {
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1;
	padding: 5px;
	margin: 0 2px 0px 0px;
	border-radius: 2px;
}

header .header-top .acc-menu .acc-parent .acc-colorlist .acc-color-reset {
	color: #000;
	background: #fff;
}

header .header-top .acc-menu .acc-parent .acc-colorlist .acc-color-blue {
	color: #fff;
	background: #0000ff;
}

header .header-top .acc-menu .acc-parent .acc-colorlist .acc-color-yellow {
	color: #000;
	background: #ffff00;
}

header .header-top .acc-menu .acc-parent .acc-colorlist .acc-color-black {
	color: #fff;
	background: #000;
}

header .header-top .acc-menu .acc-parent .acc-sizelist .acc-size {
	display: inline-block;
}

header .header-top .acc-menu .acc-parent .acc-sizelist .acc-size > li {
	display: inline-block;
	font-size: 10px;
	font-size: 1rem;
	padding: 0 9px;
	border: 1px solid;
	margin: 0;
}

header .header-top .acc-menu .acc-parent .acc-sizelist .acc-size li:hover {
	background-color: #555;
	color: #fff;
	border: 1px solid #555;
}

header .header-top .contact-link {
	margin-left: 22px;
}

header .header-top .contact-link a {
	background-color: #fcd3ba;
	color: #ec5537;
	padding: 4px 8px;
	border-radius: 3px;
	font-size: 1.2rem;
	font-size: 12px;
	font-weight: bold;
}

header .header-top .contact-link a:hover {
	background-color: #ec5537;
	color: #fff;
	text-decoration: none;
}

header .header-top .search_area {
	margin-left: 12px;
}

header .header-top .search_area .search_input {
	background-color: #f2f2f2;
	outline: 0;
	border: 1px solid #d7d7d7;
	width: 130px;
	font-size: 1rem;
	font-size: 11px;
	padding: 4px 10px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

header .header-top .search_area .search_box {
	position: relative;
}

.search_box .search_button, .m-search_box .m-search_button {
    position: absolute;
    top: 2px;
    right: 0px;
    background-color: inherit;
    background-image: url(../img/common/icon-search.png);
    background-repeat: no-repeat;
    background-size: 16px;
    background-position: center center;
    text-indent: -9999px;
    width: 24px;
    height: 20px;
    padding: 0px;
    margin: 0px;
    border: none;
    box-sizing: border-box;
}

header .header-top .fb_link,
header .header-top .sns_link {
	margin-left: 5px;
	vertical-align: middle;
    display: inline-block;
}

header .header-top .sns_link .acc-sns img {
	width: 25px;
}

header .header-top .fb_link .acc-facebook:hover img,
header .header-top .sns_link .acc-sns:hover img {
	opacity: 0.9;
}

header .globalnav {
	width: 996;
	float: right;
	text-align: right;
	margin: 5px 0 10px;
}

header .globalnav .globalmenu {
	margin: 0 auto;
}

header .globalnav .globalmenu li {
	position: relative;
	font-weight: bold;
	display: inline-block;
	margin: 0 0.8em;
}

header .globalnav .globalmenu li:after {
	content: '';
	position: absolute;
	width: 7px;
	height: 7px;
	border-radius: 4px;
	background-color: #ee7948;
	top: 8px;
	left: -12px;
}

header .globalnav .globalmenu li a:hover {
	color: #fb7729;
}

/*mobile*/

.mobile-headerbar,
.mobile-headmenu {
	display: none;
}

/*mobile*/

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

	header {
		height: 88px;
	}

	body {
		min-width: auto;
	}

	.overlay {
		position: fixed;
		width: 100vw;
		height: 100vh;
		z-index: 200;
		background-color: rgba(0, 0, 0, 0.4);
		display: none;
	}

	.mobile-headerbar {
		display: block;
		background: #e39e83;
		height: 76px;
		width: 100%;
		position: fixed;
		top: 0;
		z-index: 99;
	}

	.m-headerinner {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-js-display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;
		width: 90%;
		margin: 0 auto;
	}

	.m-headerarea h1 {
		padding: 15px 0 0;
	}
	.m-headerarea h1 img {
		width: 267px;
	}

	.m-menubtn {
		padding-top: 18px;
	}
	.m-menubtn img {
		width: 32px;
	}

	.m-menuclose {
		position: absolute;
		width: 20px;
		height: 20px;
		top: 20px;
		right: 20px;
		z-index: 10;
	}

	.header-top,
	.header-main {
		display: none;
	}

	.mobile-headmenu {
		position: fixed;
		z-index: 9999;
		top: 0;
		left: 120vw;
		display: block;
		-webkit-transition: all .5s ease;
		transition: all .5s ease;
		height: 100vh;
		background-color: #fdf7e8;
		font-size: 1.5rem;
		font-size: 15px;
		letter-spacing: 0.05em;
	}
	.mobile-headmenu .sub {
		font-size: 1.2rem;
		font-size: 12px;
		padding-bottom: 15px;
	}
	.mobile-headmenu .sub > li > a {
		padding: 5px 10px;
	}

	.mobile-headmenu.active {
		left: 102px;
		-webkit-transition: all .5s ease;
		transition: all .5s ease;
	}

	.m-globalmenu {
	    border-bottom: 1px solid #7b989c;
	    margin-top: 6px;
	    margin-bottom: 15px;
	    padding-bottom: 10px;
	}

	.m-globalmenu > li {
		position: relative;
		padding: 0 20px;
	}

	.m-globalmenu > li > a,
	.m-infomenu > li > a {
		display: inline-block;
		width: 100%;
		padding: 7px 0;
		font-size: 15px;
		font-size: 1.5rem;
		line-height:  1.3;
	}

	.m-infomenu {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-js-display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		margin-bottom: 15px;
	}

	.m-infomenu > li {
		width: 48%;
		text-align: center;
		background: #a69f74;
		margin-bottom: 10px;
		border-radius: 2px;
		color: #fff;
	}

	.m-links {
		margin-bottom: 20px;
	}

	.m-exmenu {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-js-display: flex;
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
		-webkit-box-align: baseline;
		-ms-flex-align: baseline;
		align-items: baseline;
		color: #a69f74;
	}

	.fb-icon {
		margin-right: 30px;
	}

	.m-acc-menu {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-js-display: flex;
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}

	.m-acc-parent {
		margin-bottom: 10px;
		margin-right: 20px;
		margin-left: 30px;
		width: 100%;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}

	.m-acc-100 {
		width: 100%;
	}

	.m-search_area {
		width: 100%;
	}

	.m-search_box {
		position: relative;
		padding:;
	}
	.m-search_input:focus {
		outline: 0;
		border: none;
	}

	.m-search_input {
		width: 100%;
		padding: 7px 30px;
		background: #ebebeb;
		color: #333;
		border: none;
		font-size: 1.6rem;
		font-size: 16px;
		-webkit-appearance: none;
	}

	.m-acc-facebook img,
	.m-acc-sns img {
		width: 28px;
	}

	.acc_head {
		font-size: 13px;
		font-size: 1.3rem;
		font-weight: normal;
		display: inline-block;
		line-height: 1;
		margin: 0 5px 0 0;
	}

	.acc-first {
		padding: 5px 0;
		margin: 0;
	}

	.acc-soundlist,
	.acc-sizelist,
	.acc-colorlist {
		display: inline-block;
	}

	.acc-size,
	.acc-size > li {
		display: inline-block;
	}

	.acc-size > li {
		font-size: 13px;
		font-size: 1.3rem;
		padding: 1px 9px;
		border: 1px solid;
		margin: 0 2px;
		line-height:  1.3;
	}

	.acc-size li:hover {
		background-color: #a69f74;
		color: #fff;
		border: 1px solid #a69f74;
	}

	.header_purpose {
		background: #002638;
		text-align: center;
	}

	.button-sound {
		width: 16px;
		position: relative;
		top: 3px;
	}

	.acc-menu,
	.acc-parent,
	.search_area,
	.contact-link {
		display: inline-block;
	}

	.acc-color {
		display: inline-block;
	}

	.acc-color > li {
		display: inline-block;
	}

	.acc-color li:hover {
		opacity: 0.8;
	}

	.acc-color-reset,
	.acc-color-blue,
	.acc-color-yellow,
	.acc-color-black {
		font-size: 12px;
		font-size: 1.2rem;
		line-height: 1;
		padding: 5px;
		margin: 0 2px 0px 0px;
		border-radius: 2px;
	}

	.acc-color-reset {
		color: #000;
		background: #fff;
		border: 1px solid #000;
	}

	.acc-color-blue {
		color: #fff;
		background: #187fc4;
		border: 1px solid #187fc4;
	}

	.acc-color-yellow {
		color: #000;
		background: #fabe00;
		border: 1px solid #fabe00;
	}

	.acc-color-black {
		color: #fff;
		background: #000;
		border: 1px solid #000;
	}

	.search_input {
		margin: auto;
		width: 100%;
		-webkit-appearance: none;
		border: 0;
		background: #fff;
	}

	.search_box {
		margin: 0;
	}

	.search_area {
		max-width: 140px;
		padding: 0 0 0 2%;
		border-left: 1px solid #fff;
	}
}


@media screen and (max-width: 768px) {
	.header-wrap {
		display: none;
	}
}

@media screen and (min-width: 2000px) {
	header .header-top {
		width: 1600px;
	}
	header .globalnav {
		width: 1600px;
	}
}
@media screen and (max-width: 1350px) {
	header .header-top {
		width: 520px;
	}
	header .globalnav {
		width: 520px;
	}
	header {
		height: 123px;
	}
	header .header_logo .logo {
		padding: 18px 0;
	}
}


@media screen and (max-width: 900px) {
	header {
		height: 170px;
	}
	header .header_logo .logo {
		padding: 41px 0;
	}
	header .header-top {
		width: 386px;
	}
	header .globalnav {
		width: 400px;
	}
	header .header-top .sns_link .acc-sns img {
        width: 22px;
    }
}

/*-----------------------
footer
-------------------------*/

.footer {
	width: 100%;
	background: #e39e83;
	color: #fff;
	padding: 26px 0 0;
}

.footer a:hover img {
	opacity: 0.9;
}

.ft_top {
	width: 97%;
	margin: 0 auto;
	position: relative;
}

.footer_logo {
	text-align: center;
	margin-bottom: 30px;
}

.footer_logo img {
	width: 238px;
}

.ft-sitemap {
	max-width: 820px;
	margin: 0 auto 30px;
}

.menulist {
	float: left;
	line-height: 2;
}

.menulist:nth-of-type(1) {
	width: 25%;
}

.menulist:nth-of-type(2) {
	width: 22%;
}

.menulist:nth-of-type(3) {
	width: 33%;
}

.menulist:nth-of-type(4) {
	width: 20%;
}

.menulist > li {
	position: relative;
	padding-left: 14px;
}

.menulist > li::before {
	content: '';
	background: url(../img/common/footer_link_icon.png) no-repeat;
	background-size: contain;
	position: absolute;
	left: 0;
	top: 7px;
	width: 13px;
	height: 13px;
}

.menulist > li > ul > li {
	line-height: 1.5;
	font-size: 12px;
	font-size: 1.2rem;
}

.ft_btm {
	font-size: 12px;
	font-size: 1.2rem;
	width: 97%;
	padding: 15px 20px 20px;
	margin: 0 auto;
	border-top: 1px solid #d2dcdd;
	position: relative;
}

.ft-address a.map {
	display: none;
}

.ft-address > a {
	text-decoration: underline;
}

.ft-address > a:hover {
	text-decoration: none;
}

.ft-banners {
	margin: 40px auto 38px;
	max-width: 820px;
}

.ft-banners .banner {
	text-align: center;
}

.ft-banners .banner > li {
	display: inline-block;
	margin: 0 21px;
}

.ft-banners .banner > li img {
	width: 215px;
}

.infomation {
	margin: 0 auto 15px;
	max-width: 900px;
}

.infolist {
	text-align: center;
}

.infolist > li {
	display: inline-block;
	padding: 0 13px;
	border-left: 1px solid #fff;
	font-size: 1.2rem;
	font-size: 12px;
	letter-spacing: 0.2rem;
}

.infolist > li:first-child {
	border-left: none;
}

.copyright {
	position: absolute;
	right: 20px;
	bottom: 20px;
}

.m-ftlogo {
	display: none;
}

@media screen and (max-width: 768px) {
	.ft_top .ft-sitemap{
		display:none;
	}
	.infomation {

	}

	.footer_logo {
    position: absolute;
    bottom: 10%;
    left: 0;
    right: 0;
  }

	.ft-banners {
		margin: 11px auto;
		max-width: 820px;
		padding-bottom: 120px;
	}
	.ft-banners .banner {
		text-align: center;
	}
	.ft-banners .banner > li {
		margin: 8px 8%;
	}
	.ft-banners .banner > li img {
		width: 100%;
	}

	.ft-address a.map {
		display: inline;
	}

	.ft_btm {
		border: none;
		padding-top: 0;
	}

	.m-ftlogo {
		display: block;
		margin-bottom: 30px;
	}

	.copyright {
		text-align: center;
		position: static;
		font-size: 10px;
		font-size: 1rem;
		margin: 20px 0 0;
		letter-spacing: 0.5px;
	}
}

/*-----------------------
go-to-top
-------------------------*/

.totop-wrap {
  position: fixed;
  right: 0;
  bottom: 100px;
  width: 60px;
  height: 60px;
  z-index: 99999;
	opacity: 0.9;
}

@media screen and (max-width: 768px) {
	.totop-wrap {
		opacity: 0.9;
	}
	  .totop-wrap {
	    bottom: 30px;
	}
}

/*-----------------------
base layout
-------------------------*/

body {
	width: 100%;
	height: 100%;
	overflow: auto;
}

img {
	max-width: 100%;
	max-height: 100%;
	height: auto;
	vertical-align: bottom;
}

a {
	color: inherit;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
	cursor: pointer;
}

a img:hover,
button img:hover {
	opacity: 0.8;
}

button {
	padding: 0;
	border: none;
	background: transparent;
}

button img {
	display: block;
}

ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

li {
	margin: 0;
	padding: 0;
}

.main-content {
	width:100%;
	margin: 0 auto;
	position: relative;
}

.main-content.page{
	max-width:984px;
	width:97%;
	padding:60px 0;
}

.main-content.child{
	max-width:984px;
	width:97%;
	padding:0 0 60px;
}

.main {
	width: 100%;
	margin: 0 auto;
}

/*mobile*/

@media screen and (max-width:768px) {
	.main {
		margin: 76px auto 0;
	}
	.main-content.page{
		padding:30px 0;
	}
}


/*-----------------------
main
-------------------------*/

.nav-breadcrumb {
	margin: 10px 0 0 20px;
	font-size: 12px;
	font-size: 1.2rem;
}

.bleadcrumb > li {
	display: inline-block;
	position: relative;
	margin-right: 30px;
}

.bleadcrumb > li {
	display: inline-block;
	position: relative;
	margin-right: 20px;
	font-size: 12px;
	font-size: 1.2rem;
}

.bleadcrumb > li::after {
	content: ">>";
	position: absolute;
	top: 0;
	right: -20px;
}

.bleadcrumb > li:last-child::after {
	display: none;
}

/*-----------------------
投稿共通
-------------------------*/

.content_header {
	padding-bottom: 50px;
}

.post_pagehd {
	text-align: center;
	margin-bottom: 30px;
}
@media screen and (max-width:768px) {
	.content_header {
		padding-bottom: 0;
	}
}


/*-----------------------
イベント
-------------------------*/

.hd-title-section {
	height: 100%;
	width: 97%;
	margin: auto;
	position: relative;
	max-width: 1000px;
	margin: 0 auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-js-display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.hd-eng {
	color: #b1a46e;
	font-size: 26px;
	font-size: 2.6rem;
	letter-spacing: 4px;
	line-height: 0.9;
	margin-bottom: 5px;
	word-break: break-all;
}

.hd-eng > img {
	max-height: 100%;
}

.event-h1 {
	color: #333;
	font-size: 15px;
	font-size: 1.5rem;
	margin: 0;
	font-weight: bold;
	letter-spacing: 2px;
}

.main-content.event {
	max-width:984px;
	padding: 40px 0;
	width: 97%;
}

.sp-serch-btn {
	display: none;
}

.disp-none {
	top: 100%;
}

/*mobile*/

@media screen and (max-width:768px) {
	.sp-serch-btn {
		display: block;
	}
	.main-content.event {
		padding: 20px 0 40px;
	}
}

@media screen and (max-width:480px) {
	.event-header,
	.page-header {
		height: 120px;
		background-size: cover;
		background-repeat: no-repeat;
		background-position: right center;
	}

	.hd-eng {
		letter-spacing: 1px;
	}
}

/*-----------------------
compornent
-------------------------*/

/* a */

.main-content a {
	color: #ee7948;
}

/* 投稿_h1 */

.post_h1,
.page-h2 {
	color: #b19e6d;
	text-align: center;
	letter-spacing: 4px;
	margin: 0;
	font-weight: normal;
	font-size: 24px;
	font-size: 2.4rem;
	margin-bottom:20px;
}

.post_h1::after,
.page-h2::after {
	display: block;
	content: url(../img/hd_deco01.png);
}

/*投稿_h2*/

.post_h2 {
	color: #b19e6d;
	font-size: 24px;
	margin-bottom: 30px;
	letter-spacing: 1px;
	font-weight: normal;
	line-height: 1.2;
	text-align: center;
	padding: 15px 0;
	border-bottom: 1px solid #b19e6d;
}

.post_h2::before {
	display: block;
	content: "";
	width: 100%;
	height: 24px;
	background: url(../img/post/posth2_deco_.png) center;
	margin-bottom: 10px;
}

@media screen and (max-width:480px) {
	.post_h2 {
		font-size: 18px;
		font-size: 1.8rem;
	}
}

/* MAP */

.main-content .map-wrap {
  position: relative;
  padding-bottom: 28.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
  margin-bottom: 30px;
}

.mce-object-iframe,
.main-content .map-wrap iframe,
.main-content .map-wrap object,
.main-content .map-wrap embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* 投稿カテゴリ */

.post_category {
	text-align: center;
}

.category_list > li {
	display: inline-block;
	padding: 0 10px;
	position: relative;
}

.category_list > li.active {
	color: #b19e6d;
}

.category_list > li:last-child {
	padding-right: 0;
}

.category_list > li::before {
	content: "/";
	position: absolute;
	right: -3px;
	top: -1px;
	color: #333;
}

.category_list > li:last-child::before {
	display: none;
}

/* ペジネ */

.pagination-area {
	margin-bottom: 40px;
}

.paging-nav {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-js-display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
}

.paging-list {
	min-width: 180px;
	width: 20%;
	text-align: center;
}

.main-content .paging-list > a {
	color: #333;
	text-align: center;
	display: inline-block;
	border: 1px solid #7ebfa7;
	padding: 10px;
	width: 100%;
}

.main-content .paging-list > a:hover {
	border: 1px solid #7ebfa7;
	color: #fff;
	background: #7ebfa7;
	text-decoration: none;
}

.main-content .paging-list > ul {
	width: 100%;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
}

.main-content .paging-list > ul > li > a {
	width: 100%;
	display: inline-block;
	color: #7ebfa7;
	padding: 2px 8px;
}

.main-content .paging-list > ul > li > a:hover {
	background: #7ebfa7;
	color: #fff;
	text-decoration: none;
}

.paging-list > ul > li.current {
	background: #7ebfa7;
	color: #fff;
	padding: 2px 8px;
}

.main-content .paging-prev > a,
.main-content .paging-next > a {
	display: inline-block;
	color: #fff;
	border: 1px solid #7ebfa7;
	background: #7ebfa7;
	padding: 3px 10px;
}

.main-content .paging-prev > a:hover,
.main-content .paging-next > a:hover {
	border: 1px solid #7ebfa7;
	background: #fff;
	color: #7ebfa7;
	text-decoration: none;
}

.paging-next > a::after,
.paging-prev > a::before {
	content: "▲";
	display: inline-block;
}

.paging-prev > a::before {
	margin-right: 10px;
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);
}

.paging-next > a::after {
	margin-left: 10px;
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
}

/* ページヘッダー:展示イベント詳細・固定ページ */

.event-header,
.page-header {
	width: 100%;
	height: 160px;
}

.event-header {
	background: url(../img/event/ev-headerimg.png) no-repeat right;
	background-size: cover;
}

.page-header {
	background-position: 50% 50%;
	background-size: cover;
}
/* 井澤ここから */
/* 施設概要 */
.link-list {
  text-align: center;
  width: 100%;
  display: inline-block;
}

.link-list > li {
  display: inline-block;
  margin-bottom: 10px;
	background-color: #f5fbfd;
}

.link-list > li.current {
  background-color: #d7f0f8;
}

.link-list > li > a {
  display: inline-block;
  font-size: 15px;
  font-size: 1.5rem;
  color: #000;
  padding: 6px 30px;
  letter-spacing: 2px;
	font-weight: bold;
}

.storey-block {
  border: 1px solid #ff916c;
  padding: 5%;
	position: relative;
  margin-bottom: 60px;
}

.storey-level {
	background-color: #ff916c;
  position: absolute;
  left: 0;
  top: 0;
  margin: 0;
  padding: 0 14px;
  color: #fff;
  font-size: 3rem;
}

.storey-num {
	font-size: 4rem;
}

.center-img {
  text-align: center;
  margin-bottom: 40px;
}

.floorimg-cap {
  display: block;
  margin-top: 6px;
}

.storey-point {
  position: relative;
}

.storey-h3,
.storey-fourth-h3
 {
  padding: 5px 16px;
  font-weight: normal;
  font-size: 1.8rem;
	margin-bottom: 10px
}

.storey-h3 {
  background-color: #fbf5f0;
  color: #000;
}

.storey-fourth-h3 {
  background-color: #7ebfa7;
  color: #fff;
}

.point-img {
  float: left;
  width: 30%;
	margin-right: 2%;
}

.point-txt {
  float: left;
  width: 68%;
}

.point-link {
  position: absolute;
  bottom: 0;
  margin-left: 32%;
	border: 1px solid #7ebfa7;
	padding: 2px 10px;
}

/* ミュシャについて */
.mucha-chronology {
    width: 100%;
}

.mucha-chronology tr {
	border: 1px solid;
}

.mucha-chronology td {
	padding: 10px;
}

.mucha-chronology td:nth-child(odd) {
	background-color: #f7ece2;
	width: 150px;
	text-align: center;
	border-right: 1px solid;
}

.mucha-chronology td:nth-child(even) {
	padding-left: 10px;
}

.age {
  margin-left: 6px;
}
/* 開館時間・料金 */
.mansion-schedule {
  text-align: center;
}

.schedule-emp {
	font-size: 2rem;
  display: block;
  margin: 6px 0;
}

.mansion-charge {
  width: 75%;
  margin: auto;
  text-align: center;
}

.mansion-charge tr {
  border: 1px solid;
}

.mansion-charge th,
.mansion-charge td {
  border-left: 1px solid;
}

.mansion-charge th {
  background-color: #ffcda4;
	padding: 14px 0;
  width: 110px;
}

.mansion-charge td {
	padding: 16px 0;
}

.mansion-charge td:first-child {
  padding: 16px 0;
  background-color: #f7ece2;
}

/* ミュージアムショップオリジナルグッズ */
.goods-h3 {
  border-bottom: 1px solid #b19e6d;
  padding-bottom: 4px;
  margin-bottom: 10px;
}

/* ミュージアムショップその他グッズ */
.post-card {
  margin-right: -35.6px;
}
.card-list {
	width: 110px;
  float: left;
  margin-right: 35.6px;
	margin-bottom: 40px;
}

.card-cap {
  width: 103px;
  display: inline-block;
  font-size: 1rem;
}

.access-h3 {
  background-color: #7b989c;
  color: #fff;
  padding: 5px 30px;
  font-weight: normal;
  font-size: 1.8rem;
	margin-bottom: 30px
}

/* pdf */

.pdf-note-wrap {
  background: #eeeeee;
  padding: 30px;
}

.pdf-note-link {
  display: inline-block;
  width: 166px;
}

.pdf-note-body {
  max-width: 642px;
  display: inline-block;
  margin-right: 40px;
  vertical-align: middle;
}

.pdf-note-link > a {
  display: inline-block;
  width: 100%;
}

@media screen and (max-width: 768px) {
  .pdf-note-body {
    width: 100%;
    display: inline-block;
    margin: 0 0 10px;
  }
}

/* ここまで */

/*mobile*/

@media screen and (max-width:768px) {
	.main-content.event {
		padding: 20px 0 40px;
	}
	.scroll {
	 width: 100%;
	 overflow: auto;
	 white-space: nowrap;
 }
}

@media screen and (max-width:480px) {
	.event-header,
	.page-header {
		height: 90px;
		background-size: cover;
	}
}
/* リキャプチャ バッジ非表示 */
.grecaptcha-badge {
  visibility: hidden;
}