/* CSS Document */

* {
	padding:0;
	margin:0px;
	outline:none;
	}
html {
	overflow: auto;
	}

body {
	overflow: hidden;
	text-align:center;
	font-family: 'Helvetica Neue',"source-han-sans-japanese",'Hiragino Sans','Hiragino Kaku Gothic ProN', '游ゴシック', Meiryo, sans-serif;
	font-weight: 500;
	line-height: 1.6;
	-webkit-text-size-adjust:100%;
	color: #002855;
}
.ten {
	font-family: "ten-mincho", serif;
	font-weight: 400;
	font-style: normal;
}
img {
	vertical-align:top;
	border:0;
	width: 100%;
	height: auto;
	image-rendering: -webkit-optimize-contrast;
	}

li {
	list-style-type: none;
}
p,a,li,div {
	max-height: 100%;
}

/* --- class and other set --- */
.clearfix:after {
    content:"";
    display:block;
    clear:both;
}
.shadow {
	box-shadow:rgba(0, 0, 0, 0.25) -4px 5px 5px 5px;
}
.just {
	text-align: justify;
}
a {
	text-decoration: none;
}
@media only screen and (min-width: 1001px) {
	html, body {
		font-size: 20px;
	}
}
@media only screen and (max-width: 1000px) {
	html, body {
		font-size: 2vw;
	}
}
@media only screen and (min-width: 768px) {
	.sp {
		display: none;
	}
	.contents {
		width: 100%;
		max-width: 1000px;
		margin: 0 auto;
	}
	.left { float: left;}
	.right { float: right;}
}
@media only screen and (max-width: 767px) {
	html, body {
		font-size: 3.125vw;
	}
	.pc {
		display: none;
	}
	.contents {
		margin: 0 1.4rem;
	}
}

/* --- head --- */
#head {
	height: 100vh;
	position: relative;
	background-repeat: no-repeat;
	background-position: center top;
	
}
#head > .inner {
	height: 100%;
	background-color: rgba(255,255,255,.8);
}
#head > .inner > .box {
	width: 75.61%;
	margin: 0 auto;
	padding: 10% 0;
}

#head .box p:nth-child(1) img { width: 75.4%;}
#head .box h1:nth-child(2) img { width: 94.4%;}
#head .box p:nth-child(3) img { width: 93.6%;}
#head .box p:nth-child(4) img { width: 94.4%;}
#head .box p:nth-child(5) img { width: 51.2%;}
#head .inner .box p:nth-child(1),
#head .inner .box p:nth-child(5) {
	background-repeat: no-repeat;
	background-size: 100% auto;
}
#head .inner .box p:nth-child(1) {
	padding: 11% 0 10%;
	background-image: url(../images/bg_line.svg),url(../images/bg_line.svg);
	background-position: left top, left bottom;
	
}
#head .inner .box p:nth-child(1)::after { bottom: -1.25rem;}
#head .inner .box h1:nth-child(2) { padding-top: 12.5%; }
#head .inner .box p:nth-child(3) { padding-top: 8%; }
#head .inner .box p:nth-child(4) { padding: 8% 0; }
#head .inner .box p:nth-child(5) {
	padding-top:13%;
	background-image: url(../images/bg_line.svg);
	background-position: left top;
}

/* --- head SP --- */
@media only screen and (max-width: 767px) {
#head {
	height: 100vw;
	overflow: hidden;
	background-image: url(../images/bg_sp.jpg);
	background-position: center center;
	background-size: cover;
}
#head > .inner {
	width: calc(100% * 0.46);
	height: 100%;
	margin-left: 9%;
}
#head > .inner > .box {
	width: 82%;
	padding: 10% 0;
}

}
/* --- head PC --- */
@media only screen and (min-width: 768px) {
#head {
	background-image: url(../images/bg_pc.jpg);
	background-position: center center;
	background-size: cover;
}
#head > .inner {
	margin: 0 auto;
	width: calc(100vh * 0.4852);
	height: 100%;
}
}
@media only screen and (min-width: 1000px) {
	#head > .inner {
	margin: 0 0 0 13%;
	}
}

/* --- navi --- */
.soon {position: relative;}
.soon::after {
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0; top: 0;
	background-image: url(../images/soon.svg);
	background-repeat: no-repeat;
}

.navi { background-color: #fff; }
.navi.head {
	width: 100%;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 1;
}
.navi .contents {
	display: flex;
	width: 100%;
	max-width: 100%;
	height: 100%;
	justify-content: space-between;
	align-items: center;
}
.navi.head .logo { margin-left: 1rem; }
.navi .links,
.navi .links p { display: inline-block; width: auto;}
.navi .links p a,
.navi .links p span.soon {
	color: #002855;
	white-space: nowrap;
	line-height: 1;
}
.navi .links p.nv1 a { background-image: url(../images/menu_icon1.svg); background-size: 2.25em auto;}
.navi .links p.nv2 a { background-image: url(../images/menu_icon2.svg); background-size: 3.625em auto; background-position: center 0.5em;}
.navi .links p.nv3 a { background-image: url(../images/menu_icon3.svg); background-size: 2.56em auto;}
.navi .links p.nv4 a { background-image: url(../images/menu_icon4.svg); background-size: 2.94em auto;}
.navi .links p.nv5 a { background-image: url(../images/menu_icon5.svg); background-size: 4em auto; background-position: center 0.5em;}
.navi .links p.sel a,.navi .links p a:hover { color: #00818a;}
.navi .links p.nv1.sel a,.navi .links p.nv1 a:hover {background-image: url(../images/menu_icon1_sel.svg);}
.navi .links p.nv2.sel a,.navi .links p.nv2 a:hover {background-image: url(../images/menu_icon2_sel.svg);}
.navi .links p.nv3.sel a,.navi .links p.nv3 a:hover {background-image: url(../images/menu_icon3_sel.svg);}
.navi .links p.nv4 a:hover { background-image: url(../images/menu_icon4_sel.svg);}
.navi .links p.nv5.sel a,.navi .links p.nv5 a:hover { background-image: url(../images/menu_icon5_sel.svg);}


.navi .links p span.soon::after {
	background-size: 7em auto;
	background-position: center 55%;
}
#top .navi.head { transition: all ease .3s;}
#top .navi.head.default { background-color: transparent;}
#top .navi.head.default .contents { justify-content: right;}
#top .navi.head.default .logo { display: none;}

#lang { position: relative; margin-right: 1rem;}
#lang p {
	display: inline-block;
	line-height: 2.4rem;
	border-radius: 1.2rem;
	background-color: #fff;
	background-size: 1.25rem auto, 0.7rem auto;
	padding: 0 2em 0 2.5em;
	background-repeat: no-repeat;
	background-image: url(../images/pict01.svg), url(../images/arw.svg);
	background-position: 0.5em center, calc(100% - 0.5em) center;
}
#lang p::selection {background-color: transparent; }
#lang ul {
	text-align: left;
	position: absolute;
	z-index: 1;
	left: 0.6rem;
	top: 2.4rem;
	width: calc(100% - 1.2rem);
	background-color: #efefef;
	display: none;
	}
#lang.open ul {
	display: block;
}
#lang li a {
	display: block;
	color: #002855;
	line-height: 2;
	padding: 0 0 0 0.5em;
	border-bottom: 1px solid #ccc;
	}
.navi .links p span,
.navi .links p a {
	padding: 3.5em 0 0;
	display: inline-block;
	background-repeat: no-repeat;
	background-position: center top;}
#lang li a:hover { background-color: #009da6; color: #fff;}
#lang li a:nth-child(1) { padding-top: 0.25rem; }


/* --- navi sp--- */
@media only screen and (max-width: 767px) {
.navi { width: 100%; }
.navi.head { height: 4.7rem; }
.navi.head .links { display: none;}
.navi.head .logo{ width: 3.9rem;}
.navi#footmenu {
	position: fixed;
	left: 0;
	bottom: 0;
	z-index: 1;
}
.navi .links { text-align: left; width: 100%; font-size: 0;}
.navi .links p { width: 20%;; text-align: center; }
.navi .links p.nv1 { width: 16%;}
.navi .links p.nv2 { width: 23%;}
.navi .links p.nv3 { width: 25%;}
.navi .links p.nv4 { width: 18%;}
.navi .links p.nv5 { width: 18%;}
.navi .links p span,
.navi .links p a {
	display: block;
	padding: 4.5em 0 1em;
	background-position: center 1em;
	font-size: 0.7rem;
	border-right: 1px solid #002855;}
.navi .links p.nv2 a { background-position: center 1.5em;}
.navi .links p.nv5 a { background-position: center 1.5em;}
.navi .links p.nv4 a {border-right: 1px solid #fff;}
#lang {
	margin-right: 2rem;
}
#lang p {
	font-size: 1rem;
}
#lang li a { font-size: 1rem; line-height: 3;}
}


/* --- navi pc--- */
@media only screen and (min-width: 768px) {
.navi.head {
	height: 6.2rem;
	}
.navi.head .logo{ width: 3.9rem;}
.navi.head .links { margin-left: 1rem; }
.navi .links p a,
.navi .links p span.soon {
	width: 4em;
	padding-top: 3.5em;
	margin: 0 0.5em;
}
.navi .links p span,
.navi .links a {
	font-size: 0.8rem;
	transition: all ease .2s;}
.navi .links a:hover { /* transform: scale(110%); */}
.navi .links p.nv1 a { width: 6em;}
.navi .links p.nv2 a { width: 7.5em;}
.navi .links p.nv3 a { width: 8.5em;}
.navi#footmenu { display: none; }
#lang { display: inline-block;}
#lang p {
	font-size: 0.9rem;
	cursor: pointer;
}
#lang li a { font-size: 0.8rem;}
#top .navi.head.default .links { display: none;}
}



.navi.head.fl {
	background-color: #fff;
}
/* --- section1 --- */
section#section1 h2 {
	width: 100%;
	font-weight: 800;
	position: relative;
	background-image: url(../images/bg_line2.svg),url(../images/bg_line2.svg);
	background-position: left top, left bottom;
	background-repeat: no-repeat;
}
section#section1 h2 span {
	position: absolute;
	display: block;
	background-color:#ffe000;
	transform: rotate(7.5deg);
}
section#section1 #topmenu { text-align: left; width: 100%;}
section#section1 #topmenu p {
	position: relative;
}
section#section1 #topmenu p::after { content: ""; display: block; clear: both; }
section#section1 #topmenu p span.soon,
section#section1 #topmenu p a {
	background-repeat: no-repeat;
	background-size: 100% auto;
	text-align: center;
	width: 100%; height: 100%; 
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	text-shadow: 0.2em 0.1em 0.2em rgba(0,0,0, .8);
}
section#section1 #topmenu p span.soon { color: #ccc;}
section#section1 #topmenu p:nth-child(1) { float: left; margin-bottom: 1rem;}
section#section1 #topmenu p:nth-child(2) { float: right; margin-bottom: 1rem;}
section#section1 #topmenu p:nth-child(3) { float: left;}
section#section1 #topmenu p:nth-child(4) { float: right;}

section#section1 #topmenu p:nth-child(1) a { background-image: url(../images/img_menu01.jpg);}
section#section1 #topmenu p:nth-child(2) a { background-image: url(../images/img_menu02.jpg);}
section#section1 #topmenu p:nth-child(3) a { background-image: url(../images/img_menu03.jpg);}
section#section1 #topmenu p:nth-child(4) a { background-image: url(../images/img_menu04.jpg);}

section#section1 .anno_link {
	width: 100%;
	display: flex;
	justify-content: space-between;
}
section#section1 .anno_link > div {
	width: 50%;
}
section#section1 .anno_link p.btn {
	color: #fff;
	display: flex;
	align-items: center;
	text-align: center;
}
section#section1 .anno_link .lt p.btn { background-color: #009da6;}
section#section1 .anno_link .rt p.btn { background-color: #e74709;}
section#section1 .anno_link span {
	display: inline-block;
	padding: 0 0 0 1.4em;
	width: auto;
	margin: 0 auto;
	line-height: 1.5;
	background-position: left center;
	background-repeat: no-repeat;
	vertical-align: middle;
}
section#section1 .anno_link .lt p.btn span { background-image: url(../images/pict02.svg)}
section#section1 .anno_link .rt p.btn span { background-image: url(../images/pict03.svg);}
.container .cover {
	position: fixed;
	width: 100%;
	height: 100vh;
	left: 0;
	top: 0;
	z-index: 2;
}
.container .multiply { mix-blend-mode: multiply; }
.container .overlay {
	display: flex;
	justify-content: center;
	align-items: center;
}
.container .overlay .mat {
	background-color: #fff;
	position: relative;
	border-radius: 0.6rem;
	color: #231815;
	opacity: 1;
	transition: all ease .5s;
}
section#section1 .anno_link .overlay .mat p.ttl {
	padding: 0.5em 0 1em 0;
	font-weight: 700;
}
section#section1 .anno_link .lt .overlay .mat p.ttl { color:#009da6; }
section#section1 .anno_link .rt .overlay .mat p.ttl { color:#e74709; }
section#section1 .anno_link .overlay .mat p.sub,
section#section1 .anno_link .overlay .mat p.indent {
	text-align: left;
}

section#section1 .anno_link .overlay .mat p a { color:#e74709; margin-right: 0.5em;}
section#section1 .anno_link .overlay .mat p a:hover { text-decoration: underline; }
section#section1 .anno_link .overlay .mat p.indent {
	margin-left: 1.3em;
	position: relative;
	line-height: 1.5;
}
section#section1 .anno_link .overlay .mat p.indent span {
	display: block;
	margin: 1.5em 0 0.75em;
	text-align: center;
}
section#section1 .anno_link .overlay .mat p.indent::before {
	content: "";
	display: inline-block;
	width: 1em;
	height: 1em;
	background-color: #231815;
	border-radius: 0.5em;
	position: absolute;
	left: -1.3em;
	top: 0.38em;
}
section#section1 .anno_link .overlay .mat p.ac {
	margin-top: 3em;
}
section#section1 .anno_link .overlay .mat p.close {
	position: absolute;
	right: 1rem;
	top: -2.5rem;
	width: 1.7rem;
	height: 1.7rem;
	background-image: url(../images/cls.svg);
	background-size: 100% auto;
	background-repeat: no-repeat;
	cursor: pointer;
}
.container.hide .cover {display: none;}
section#section1 .anno_link .container.hide .cover .mat {  opacity: 0;}
section#section1 .anno_link .lt .multiply { background-color: #009da6; }
section#section1 .anno_link .rt .multiply { background-color: #e74709; }
section#section1 #sns {
	position: relative;
}
section#section1 #sns p,
section#section1 #sns a { display: inline-block; }
section .linkbtn a {
	display: block;
	margin: 0 auto;
	border-radius: 0.5rem;
	background-color: #f4b819;
	background-repeat: no-repeat;
	color: #002855;
	font-weight: 700;
	transition: all ease .5s;
}
section .linkbtn.maplink a { background-image: url(../images/pict08_1.svg); }
section .linkbtn.timelink a { background-image: url(../images/pict08_2.svg); }

section .linkbtn a:hover { opacity: 0.8; }
/* --- section1 sp--- */

@media only screen and (max-width: 767px) {
.contents section {
	padding-bottom: 2.7rem;
}
section#section1 h2 {
	font-size: 1.3rem;
	line-height: 2rem;
	padding: 1rem 0;
	margin: 2rem 0;
}

section#section1 #topmenu p {
	width: calc(50% - 0.25rem);
	height: 5.3rem;
	font-size: 1.4rem;
	margin-bottom: 0;
}
section#section1 #topmenu p:nth-child(1) { margin-bottom: 0.5rem;}
section#section1 #topmenu p:nth-child(2) { margin-bottom: 0.5rem;}
section#section1 #topmenu p a:hover { background-color: rgba(255,255,255,.2);}
section#section1 #topmenu p span.soon::after {
	background-size: 35% auto;
	background-position: 80% 80%;
}
section#section1 .anno_link { padding-top: 1.75rem; }
section#section1 .anno_link p.btn {
	font-size: 0.8rem;
	font-weight: 700;
	height: 3.8rem;
}
section#section1 .anno_link span {
	padding: 0 1.2em;
	margin: 0 auto;
}
section#section1 .anno_link .lt p.btn span { background-size: 0.9rem auto;}
section#section1 .anno_link .rt p.btn span { background-size: 0.8rem auto; background-position: left 55%;}

section#section1 .anno_link .overlay .mat {
	padding: 1.4rem;
	width: calc(100vw - 5.6rem);
	margin-top: 1rem;
	max-height: 65vh;
	overflow-y: scroll;
}
section#section1 .anno_link .overlay .mat p { font-size: 0.95rem;}
section#section1 .anno_link .overlay .mat p.ttl { font-size: 1.5rem;}
section#section1 .anno_link .overlay .mat p.close { position: fixed; right: 1rem; top: 10vh; }
section#section1 #sns {
	margin: 1rem 0 2rem;
	line-height: 2rem;
	font-size: 0.8rem;
}
section#section1 #sns p {
	width: 100%;
	font-size: 1.25rem;
	background-image: url(../images/arw_tri2.svg);
	background-repeat: no-repeat;
	background-position: center bottom;
	padding-bottom: 1em;
	margin-bottom: 0.75rem;
	background-size: 3.5em auto;
	font-weight: 700;
}
section#section1 #sns a {
	width: 2rem;
	height: 2rem;
	margin: 0 0.4rem;
}
section p.linkbtn.timelink { margin: 2rem 0 3rem;}
section .linkbtn a {
		width: 18.6rem;
		font-size: 1.05rem;
		line-height: 4.2rem;
		
	}
section .linkbtn.maplink a { background-position: -3.5rem center; background-size: 7rem auto;}
section .linkbtn.timelink a { background-position: -0.25rem center; background-size: 3rem auto;}
}
/* --- section1 pc--- */
@media only screen and (min-width: 768px) {
.contents section {
	padding-bottom: 4.5rem;
}
section#section1 h2 {
	font-size: 1.7rem;
	line-height: 2.2rem;
	margin: 3.3rem 0 0;
	padding: 1em 0;
}
section p.btn {
	cursor: pointer;
	transition: all ease .5s;
}
section p.btn:hover { opacity: 0.8; }
section#section1 .anno_link,
section#section1 #topmenu { padding-top: 3.3rem;}
section#section1 #topmenu p {
	width: calc(50% - 0.5rem);
	height: 9.2rem;
	font-size: 1.9rem;
}
section#section1 #topmenu p a { border-radius: 1.25rem; transition: all ease .5s; background-position: center center; background-size: 100% auto;}
section#section1 #topmenu p a:hover { background-size: 110% auto; }
section#section1 #topmenu p span.soon::after {
	background-size: 30% auto;
	background-position: 80% 70%;
}
section#section1 #topmenu p.soon:hover { opacity: 1; }
section#section1 .anno_link p.btn {
	font-size: 1.2rem;
	font-weight: 700;
	height: 4.7rem;
}
section#section1 .anno_link .lt p.btn span { background-size: 1.35rem auto;}
section#section1 .anno_link .rt p.btn span { background-size: 1.25rem auto;}
section#section1 .anno_link .overlay .mat {
	padding: 2rem;
	font-size: 0.85rem;
	max-width: calc(1000px - 4rem);
}
section#section1 .anno_link .overlay .mat p {
	font-size: 0.85rem;
}
section#section1 .anno_link .overlay .mat p.ttl {
	font-size: 1.25rem;
}
section#section1 #sns {
	display: inline-block;
	margin: 2.3rem auto;
	padding: 0 1rem;
	line-height: 2.9rem;
	font-size: 1.2rem;
}
section#section1 #sns p {
	background-image: url(../images/arw_tri.svg);
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 2.5em;
	background-size: 2em auto;
	font-weight: 700;
}
section#section1 #sns a {
	width: 2.9rem;
	height: 2.9rem;
	margin-left: 1.1rem;
	}
section p.linkbtn.timelink { margin: 2rem 0 4rem;}
section .linkbtn a {
		width: 18.6rem;
		font-size: 1.15rem;
		line-height: 4.2rem;
		
		
	}
section .linkbtn.maplink a { background-position: -3.5rem center; background-size: 7rem auto;}
section .linkbtn.timelink a { background-position: -0.25rem center; background-size: 3rem auto;}
}

section h2.darkblue {
	background-color: #002855;
	color: #fff;
	font-weight: 700;
}
section#section2 p { font-weight: 700; }
section#section2 p span { font-weight: 500; display: block; margin-top: 0.5em;}
section#section2 #map iframe { position: absolute; display: block; width: 100%; height: 100%; left: 0; top: 0; }
section#section2 #access p {
	font-weight: 500;
}
section#section2 #access .shelf {
	width: 100%;
	display: flex;
	justify-content: space-between;
}
section#section2 #access .shelf a {
	display: block;
	height: 100%;
	width: 48%;
	background-repeat: no-repeat;
	color: #fff;
	line-height: 1;
	border-radius: 0.8rem;
}
section#section2 #access .shelf a span {display: block; }
section#section2 #access .shelf a:nth-child(1){
	background-color: #009da6;
	background-image: url(../images/pict05.svg);
	background-position: -12% center;
}
section#section2 #access .shelf a:nth-child(2){
	background-color: #e74709;
	background-image: url(../images/pict06.svg);
	background-position: -5% center;
}

@media only screen and (max-width: 767px) {
section h2.darkblue {
	font-size: 1.2rem;
	line-height: 1.5rem;
	padding: 0.7rem 0;
	margin-bottom: 1.6rem;
}
section#section2 p { font-size: 1.1rem;}
section#section2 p span { font-size: 0.9rem; }
section#section2 #map {
	width: 100%;
	margin: 1.4rem 0;
	padding-bottom: 100%;
	position: relative;
}
section#section2 #access p {
	font-size: 0.85rem;
	line-height: 1.5rem;
	margin: 0 0 2rem;
	text-align: left;
}
section#section2 #access .shelf {
	height: 5.8rem;
	margin-bottom: 3rem;
}
section#section2 #access .shelf a:nth-child(1) img {width: 9rem; margin-top: 1.5rem;}
section#section2 #access .shelf a { font-size: 0.9rem; transition: all ease .5s;}
section#section2 #access .shelf a:hover { opacity: 0.8; }
section#section2 #access .shelf a span { font-size: 0.75rem; margin: 0.5em 0;}
section#section2 #access .shelf a:nth-child(1){
	background-size: 4.9rem auto;
}
section#section2 #access .shelf a:nth-child(2){
	background-size: 4.2rem auto;
	line-height: 5.8rem;
}
}
@media only screen and (min-width: 768px) {
section h2.darkblue {
	font-size: 1.25rem;
	line-height: 3.75rem;
	margin-bottom: 2.7rem;
}
section#section2 p { font-size: 1.25rem;}
section#section2 p span { font-size: 0.9rem; }
section#section2 #map {
	width: 100%;
	margin: 2rem 0;
	padding-bottom: 55%;
	position: relative;
}

section#section2 #access {
	margin: 0 14%;
}
section#section2 #access p {
	font-size: 0.9rem;
	line-height: 1.7rem;
	text-align: left;
	margin: 0 -10% 1.5em 0;
}
section#section2 #access .shelf {
	height: 7.3rem;
}
section#section2 #access .shelf a:nth-child(1) img {width: 11.2rem; margin-top: 1.9rem;}
section#section2 #access .shelf a { font-size: 1.15rem; transition: all ease .5s;}
section#section2 #access .shelf a:hover { opacity: 0.8; }
section#section2 #access .shelf a span { font-size: 0.9rem; margin: 0.5em 0;}
section#section2 #access .shelf a:nth-child(1){
	background-size: 6.1rem auto;
}
section#section2 #access .shelf a:nth-child(2){
	background-size: 5.2rem auto;
	line-height: 7.3rem;
}
section#section2 p.bnr { margin: 4.5rem 0 0; }
}


section p.intro strong { color: #e74709; font-weight: 700; display: block; margin-bottom: 1em;}

section table {
	width: 100%;
	border-collapse:collapse;
	background-repeat: no-repeat;
}
section table.info {
	background-image: url(../images/bg_line2.svg), url(../images/bg_line2.svg);
	background-size: 100% auto, 100% auto;
	background-position: left top, left bottom;
	margin: 4rem 0 0;
}
#summary section table.info {
	background-image: url(../images/bg_line2.svg);
	background-size: 100% auto;
	background-position: left top;
	margin-top: 2rem;
	margin-bottom: 1.5rem;
	border-bottom: 1px solid #002855;
}
section tr {
	border-top: 1px solid #002855;
}
section table.info tr:nth-child(1) { border-top: none; }
section table.info tr:nth-child(1) td{ padding-top: 1.7em; }
section td {
	text-align: left;
	padding: 1.5em 1em;
}
section td span {
	display: block;
	padding: 0.5em 1em;
}
section th { width: 18%;}
section td { width: 82%;}
section td span { border-left: 1px solid #002855;}
section .note td a { color: #036e9a; text-decoration: underline; margin: 0 0.25em;}

section#section3 table a { color: #036eb6; }
section#section3 table a:hover { text-decoration: underline; }
section#section3 p.ban {
	margin-bottom: 0;
}
section#section3 p.ban a {
	display: block;
	background-color: #008b4f;
	color: #fff;
	font-weight: 700;
	border-radius: 0.6rem;
	background-repeat:no-repeat;
	background-image: url(../images/pict07_1.svg), url(../images/pict07_2.svg);
}

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

section table td { font-size: 0.8rem; }
section table th { font-size: 0.9rem; white-space: nowrap;}
section p.intro {
	font-size: 1.1rem;
	line-height: 2;
	margin-bottom: 1.6rem;
	margin: 3rem auto;
}
section p.intro strong {
	font-size: 1.25rem;
}
section#section3 p.ban a {
	font-size: 0.9rem;
	line-height: 4rem;
	background-size: 5.4rem auto, 5.4rem auto;
	background-position: 3% center, 97% center;
}

}
@media only screen and (min-width: 768px) {
section#section3 {
	padding-top: 4rem;
	padding-bottom: 4rem;
}
section p.intro {
	font-size: 0.9rem;
	line-height: 2.1rem;
}
section p.intro strong {
	font-size: 1.05rem;
}
section table { font-size: 0.8rem; }
section#section3 p.ban {
	width: 36rem;
	margin: 0 auto;
}
section#section3 p.ban a {
	font-size: 1.05rem;
	line-height: 4.3rem;
	margin: 3em;
	background-size: 5.65rem auto, 5.65rem auto;
	background-position: 3% center, 97% center;
	transition: all ease .5s;
}
section#section3 p.ban a:hover { opacity: 0.8; }
}




footer {
	background-color: #002855;
	color: #fff;
	position: relative;
}
footer .pagetop {
	background-color: #002855;
	position: absolute;
}
footer .pagetop a {
	display: block;
	background-color: #ffe000;
	background-repeat: no-repeat;
	background-position: center 55%;
	background-image: url(../images/arw.svg);
	background-size: 60% auto;
	transform: rotate(180deg);
	
}
footer p.links a {
	color: #fff;
	margin: 0 1em;
}
footer p.links a:hover { text-decoration: underline;}

@media only screen and (max-width: 767px) {
footer {
		padding: 2.7rem 0 5.5rem;
}
footer .pagetop {
	width: 2.4rem;
	height: 2.4rem;
	border-radius: 1.2rem;
	left: calc(50% - 1.2rem);
	top: -1.2rem;
}
footer .pagetop a {
	width: 2.2rem;
	height: 2.2rem;
	border-radius: 1.1rem;
	margin: 0.1rem auto;
}
footer p.links {
	font-size: 0.85rem;
	margin-bottom: 1.5em;
}
footer small {
	font-size: 10px;
}
}
@media only screen and (min-width: 768px) {
footer {
		padding: 0 0 2.7rem 0;
}
footer .navi {
	padding: 1.5rem 0;
	border-top: 1px solid #002855;
}
footer .pagetop {
	width: 1.9rem;
	height: 1.9rem;
	border-radius: 0.95rem;
	left: calc(50% - 0.9rem);
	top: -0.95rem;
}
footer .pagetop a {
	width: 1.7rem;
	height: 1.7rem;
	border-radius: 0.85rem;
	margin: 0.1rem auto;
}
footer p.links {
	padding: 2.7rem 0 0;
	font-size: 0.85rem;
	margin-bottom: 2em;
}
footer small {
	font-size: 10px;
}
}




.headline h1 {
	display: block;
	width: 100%;
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: center top;
	color: #fff;
	text-shadow: 4px 4px 0.1em rgba(0,0,0, .8);
	letter-spacing: 0.05em;
}


#summary .headline h1 { background-image: url(../summary/images/main.jpg);}
#summary #coorp .shelf { font-size: 0; }
#summary #coorp .shelf.upper { padding-bottom: 1rem; }
#summary #coorp p { color: #002855;}
#summary #coorp p span { display: inline-block; white-space: nowrap; }
#summary section p a { color: #036e9a; text-decoration: underline;}
#summary #coorp p.cp2 {
	background-repeat: no-repeat;
	background-image: url(../images/bg_line2.svg);
	background-size: 100% auto;
	background-position: left bottom;
	padding: 2rem 0 3rem;
}
#summary #keyvisual figure { margin: 0 -1%;}
#summary #keyvisual p { margin-top: 0.5em; text-align: left;}

@media only screen and (max-width: 767px) {
	.headline {
		padding-top: 4.7rem;
		font-size: 3.125vw;}
	.headline h1 {
		font-size: 185%;
		line-height: 1;
		padding: 1.8em 0;}
	#summary #coorp p { font-size: 0.9rem; color: #002855;}
	#summary #coorp .shelf.upper img { width: 49%; margin: 0.75rem 0.5%;}
	#summary #coorp .shelf.below img { width: 31%; margin: 0.75rem 1%;}
	#summary #coorp p.cp1,#summary #coorp p.cp2 { text-align: left; line-height: 2.3; }
	#summary #coorp p.cp1 { font-size: 0.9rem; margin-top: 2em;}
	#summary #coorp p.cp2 { font-size: 0.8rem;}
	
	#summary h2.darkblue { margin-bottom: 1.5rem; }
	#summary section#keyvisual { padding-bottom: 3rem;}
	#summary section#keyvisual p { font-size: 0.85rem;}
	#summary section#citta2019 h2.darkblue { font-size: 1.05rem; }
}
@media only screen and (min-width: 768px) {
	.headline {
		padding-top: 6.2rem;
		font-size: 2vw;}
	.headline h1 {
		font-size: 200%;
		line-height: 1;
		padding: 2.71em 0 2.72em;}
	#summary #coorp p { font-size: 0.8rem; color: #002855;}
	#summary #coorp .shelf.upper img { width: 29%; margin: 0.75rem 2%;}
	#summary #coorp .shelf.below img { width: 18%; margin: 0.75rem 1%;}
	#summary #coorp p.cp1,#summary #coorp p.cp2 { text-align: left; line-height: 2.3; }
	#summary #coorp p.cp1 { font-size: 0.75rem; margin-top: 2em;}
	#summary #coorp p.cp2 { font-size: 0.6rem;}
	
	#summary h2.darkblue { margin-bottom: 1.5rem; }
	#summary section#keyvisual { padding-bottom: 3rem;}
	#summary section#keyvisual p { font-size: 0.85rem;}
}


#stalls .headline h1 { background-image: url(../stalls/images/main.jpg);}
#stalls p.note span {display: inline-block; margin: 0 0.5em;}
#stalls .shelf { font-size: 0; text-align: left; }
#stalls .shelf .unit { display: inline-block; position: relative;}
#stalls .shelf .unit figure {
	font-size: 0;
	border-radius: 0.8rem;
	overflow: hidden;
}
#stalls .shelf .unit p.num { position: absolute; background-color: #c64709; color: #fff; text-align: center; line-height: 1.6em; width: 3.5em; right: 0.8em; top: 0.8em;}
#stalls .shelf .unit p.sub, #stalls .shelf .unit p.link { display: none;}
#stalls .shelf .unit .txt-area { overflow: hidden; }
#stalls .shelf .unit p.shop { color: #818182; }
#overlay.container .mat .txt-area p.dish span,
#stalls .shelf .unit p.dish span { display: inline-block; margin-left: -0.4em;}

#overlay.container .multiply { background-color: rgba(203,71,8,0.7);}
#overlay.container.hide .multiply { background-color: rgba(203,71,8,0.0); }
#overlay.container .contents { position: relative; }
#overlay.container .contents > p { position: absolute; cursor: pointer;}
#overlay.container .contents .mat {
	width: 100%;
	box-sizing: border-box;
	background-color: #fff;
	border-radius: 0.8rem;
	position: relative;
}
#overlay.container .mat figure {
	overflow: hidden;
	font-size: 0;
	border-radius: 1rem;
	
}
#overlay.container .mat .txt-area {
	display: flex;
	flex-flow: column;
	align-items: center;
	text-align: left;
	margin-bottom: 2%;
}
#overlay.container .mat .txt-area p { width: 100%; }
#overlay.container .mat .txt-area p.link { font-size: 0;}
#overlay.container .mat .txt-area p.shop { color: #cb4709; font-weight: 700;}
#overlay.container .mat .txt-area p.num { position: absolute; background-color: #c64709; color: #fff; text-align: center;}

@media only screen and (max-width: 767px) {
	#stalls p.intro span { display: block; font-size: 0.8rem; line-height: 1.6; margin: 1.5em 0 0 ;}
	#stalls p.note {
		font-size: 0.8rem;
		line-height: 1.8;
		margin: 2.5em 0 0;
	}
	#stalls .maplink { margin: 2rem 0 2.5rem;}
	#stalls .shelf { margin-top: 3rem; text-align: left; vertical-align: top; font-size: 0;}
	#stalls .shelf::after { content: ""; display: block; clear: both; }
	#stalls .shelf .unit { width: 48%; margin-bottom: 1.2rem; min-height: 9.1rem; display: block;}
	#stalls .shelf .unit:nth-child(odd) {float: left; clear: both;}
	#stalls .shelf .unit:nth-child(even) { float: right;}
	#stalls .shelf .unit p { line-height: 1.3rem;}
	#stalls .shelf .unit p.dish { font-size: 0.9rem;}
	#stalls .shelf .unit p.shop { font-size: 0.8rem;}
	#stalls .shelf .unit .txt-area {
		display: block;
		height: 5.2rem;
		margin-top: 0.5rem;
		
	}
	#stalls .shelf .unit p.num { font-size: 0.9rem; }
	#overlay.container .contents .mat {
		padding: 1.4rem 1.4rem 1.2rem;
		margin: 0 0 0.5rem 0;
	}
	#overlay.container .mat .txt-area {
		max-height: 40vh;
		overflow-y: scroll;
	}
	#overlay.container .mat .txt-area p { margin-top: 0.5em;}
	
	#overlay.container .mat .txt-area p.shop { font-size: 1.2rem;}
	#overlay.container .mat .txt-area p.dish { font-size: 1rem;}
	#overlay.container .mat .txt-area p.sub { font-size: 0.9rem;}
	#overlay.container .mat .txt-area p.link { margin-top: 1.25rem;}
	#overlay.container .mat .txt-area p.link a {
		display: inline-block;
		width: 2.9rem;
		margin: 0 0.5rem;
	}
	#overlay.container .mat .txt-area p.num {font-size: 1rem; line-height: 1.8em; width: 3.5em; right: 2.4em; top: 2em;}
	
	#overlay.container .contents .close {position: fixed;  width: 2rem; right: 1.4rem; top: 1.5rem;}
	#overlay.container .contents .rwd,
	#overlay.container .contents .fwd {position: fixed; width: 3rem; bottom: 2rem;}
	#overlay.container .contents .rwd {left: calc(50% - 4rem);}
	#overlay.container .contents .fwd {right: calc(50% - 4rem);}
}
@media only screen and (min-width: 768px) {
	#stalls .contents section { padding-bottom: 3rem; }
	#stalls p.intro span { font-size: 0.75rem;}
	#stalls p.note {
		font-size: 0.75rem;
		line-height: 2;
		margin: 2em 0 0;
	}
	#stalls #section3 p.note { margin: 0;}
	#stalls .maplink { margin: 1.5rem 0 4rem;}
	#stalls .shelf { margin-top: 3rem; }
	#stalls .shelf .unit { width: 30%; cursor: pointer; margin-bottom: 1.2rem; }
	#stalls .shelf .unit:nth-child(3n+2) { margin-left: 5%; margin-right: 5%;}
	#stalls .shelf .unit figure img { transition: all ease .5s;}
	#stalls .shelf .unit:hover figure img { transform:  scale(1.15);}
	#stalls .shelf .unit p { line-height: 1.2rem;}
	#stalls .shelf .unit p.dish { font-size: 0.8rem;}
	#stalls .shelf .unit p.shop { font-size: 0.7rem;}
	#stalls .shelf .unit .txt-area { height: 3.6rem; margin-top: 0.5rem;}
	#stalls .shelf .unit p.num { font-size: 0.9rem; }
	
	#overlay.container .contents .mat {
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 1.5rem;
		min-height: 14rem;
	}
	#overlay.container .mat figure { width: 43%; height: 14rem;}
	#overlay.container .mat .txt-area { width: 53%;}
	#overlay.container .mat .txt-area p { margin-top: 0.5rem;}
	
	#overlay.container .mat .txt-area p.shop { font-size: 1.05rem;}
	#overlay.container .mat .txt-area p.dish { font-size: 0.9rem;}
	#overlay.container .mat .txt-area p.sub { font-size: 0.75rem;}
	#overlay.container .mat .txt-area p.link { margin-top: 1rem;}
	#overlay.container .mat .txt-area p.link a {
		display: inline-block;
		width: 2.9rem;
		margin: 0 0.25rem;
	}
	#overlay.container .mat .txt-area p.num {line-height: 1.6em; width: 3.5em; right: 1.6em; top: 0.8em;}
	#overlay.container .contents .close { width: 1.7rem; right: 0.5rem; top: -2.4rem;}
	#overlay.container .contents .rwd,
	#overlay.container .contents .fwd { width: 2.3rem; top: 110%;}
	#overlay.container .contents .rwd {left: calc(50% - 3rem);}
	#overlay.container .contents .fwd {right: calc(50% - 3rem);}
}
@media only screen and (min-width: 1200px) {
	#overlay.container .contents .close { right: -2.4rem; }
	#overlay.container .contents .rwd,
	#overlay.container .contents .fwd {top: calc(50% - 1.15rem);}
	#overlay.container .contents .rwd {left: -8%;}
	#overlay.container .contents .fwd {right: -8%;}
}


#events h3 {
	color: #fff;
	font-weight: normal;
	border-radius: 0.8em 0.8em 0 0;
}
#events table.info { font-size: 0.9rem;}
#events table.info tr.note td { font-size: 0.8rem; text-align: center; padding-bottom: 1.9em;}
#events h3 img { margin-top: 1em;}
#events #overview p { color: #fff; line-height: 1.73; text-shadow: 0.2em 0.1em 0.2em rgba(0,0,0, .8);
background-repeat: no-repeat; background-image: url(../images/img_top01.jpg); background-size: cover; background-position: center center;}
#events #night h3 { background: linear-gradient(#002855, #415e80);}
#events #night h3 img { width: 18rem;}
#events #day h3 { background: linear-gradient(#008085, #69b3b7);}
#events #day h3 img { width: 16.6rem;}
#events #night .shelf { font-size: 0;}
#events #night .shelf .unit a { color: #002855; }
#events #night .shelf .unit .img-area {
	position: relative;
	padding-bottom: 100%;
	overflow: hidden;
	font-size: 0;
	cursor: pointer;
}
#events #night .shelf .unit p { text-align: center; font-size: 1rem; margin-top: 0.5em;}
#events #night .shelf .unit p span, 
#events #night .shelf .unit p strong { display: block;}
#events #night .shelf .unit p strong span { display: inline-block; padding-right: 1em; position: relative; margin: 0 auto;}
#events #night .shelf .unit .img-area img { display: block; position: absolute; left: 0; top: 0;}
#events #day .shelf .unit {
	box-sizing: border-box;
	border: 2px solid #002855;
	box-shadow: 0.5rem 0.5rem 0 #002855;
}
#events #day { color: #008085;}
#events #day p.sub { color: #008085; }
#events #day .shelf .unit { border-color: #008085; box-shadow: 0.5rem 0.5rem 0 #008085;}
section#events #day .shelf .unit .info .img-area { overflow: hidden; font-size: 0;}
section#events #day .shelf .unit#de01 .info .img-area img { margin-top: -30%; }
section#events #day .shelf .unit#de02 .info .img-area img { margin-top: -15%; }

section#events .txt-area p.ttl {
	color: #fff;
	background-color: #c64709;
	font-weight: 700;
	margin: 0 1em 0 0;
}
section#events .txt-area p.notes { text-align: left; }
section#events #day .shelf .unit p.category { color: #008085; font-size: 0.9rem; font-weight: 700; text-align: left; margin-bottom: 0.5em;}
section#events #day .shelf .unit td a {display: inline-block; height: 100%; color: #008085; padding-right: 1.5em; position: relative;}
section#events #day .shelf .unit td a:hover { text-decoration: underline;}
section#events #night .shelf .unit p strong span::after,
section#events #day .shelf .unit td a::after {
	content: ""; position: absolute; display: block; clip-path: polygon(0% 0%, 100% 50%, 0% 100%);}
section#events #night .shelf .unit p strong span::after { background-color: #002855; width: 0.6em;  height:0.6em; right: 0; top: 0.5em;}
section#events #day .shelf .unit td a::after { background-color: #008085; width: 0.8em;  height:0.8em; right: 0; top: 0.4em;}
#top #overlay.container .mat .txt-area p { color: #717071; }
#top #overlay.container .mat .txt-area p.info { line-height: 1.7;  margin-top: 0;}
#top #overlay.container .mat .txt-area p.info span {display: inline-block; min-width: 3em;  vertical-align: top;}
#top #overlay.container .mat .txt-area p.info span.indent {display: inline-block; width: auto;}
#top #overlay.container .mat .txt-area p.sub { line-height: 1.6; margin-top: 1.5em; text-indent: -0.5em;}
#top #overlay.container .mat .txt-area p.link { margin-top: 1.2rem;}

@media only screen and (max-width: 767px) {
	#events #night { padding-bottom: 3rem; }
	#events h2 { margin-bottom: 2rem; }
	#events h3 { font-size: 1.2rem; line-height: 4rem;}
	#events #overview { margin: 0 0 2.5rem; }
	#events #overview p { padding: 2em 0;}
	#events #night .shelf::after { content: ""; display: block; clear: both;}
	#events #night .shelf .unit { width: 48%;}
	#events #night .shelf .unit:nth-child(odd) { float: left; clear: both;}
	#events #night .shelf .unit:nth-child(even) { float: right;}
	#events #night .shelf .unit p { min-height: 6rem; }
	#events #day p.sub { font-size: 0.9rem; margin: 1.5em 0;}
	#events #day .shelf .unit {
		padding: 1rem;
		margin-bottom: 2.2rem; width: calc(100% - 0.5rem);
	}
	#events #day .shelf .unit { padding: 1rem 1rem 0.5rem; }
	#events #day .shelf .unit .img-area.soon { min-height: 6.05rem; cursor: auto; }
	#events #day .shelf .unit .img-area.soon::after {
		width: 100%;
		height: 100%;
		background-size: 18.5% auto;
		background-position: center center;}
	section#events .info { width: 100%;}
	#top #overlay.container .mat figure,
	section#events #day .shelf .unit .info .img-area { height: 18.6rem; overflow: hidden;}
	section#events #day .shelf .unit p.category { font-size: 1.1rem; margin: 1em 0 0;}
	section#events #day .shelf .unit:last-child tr { border-top: 1px solid #008085;}
	section#events #day .shelf .unit table tr { border-top: 1px solid #008085;}
	section#events #day .shelf .unit table tr:first-child { border-top: none;}
	section#events #day .shelf .unit th { font-size: 1rem; width: 15%; padding: 0.5em 0; white-space: nowrap;}
	section#events #day .shelf .unit td { font-size: 0.9rem; padding: 1.1em 1em;}
	section#events #day .shelf .unit#de01 table { border-bottom: 1px solid #008085;}
	section#events #day .shelf .unit#de01 td { padding: 0.5em 0 0.5em 1em;}
	section#events #day .shelf .unit td span { border-left: 1px solid #008085;}
	section#events .txt-area { padding: 2rem 0 1rem;}
	section#events .txt-area p.ttl { font-size: 0.8rem; line-height: 2rem; width: 7em; margin-bottom: 0.5em;}
	section#events .txt-area p.notes { font-size: 0.9rem; line-height: 1.68;}
	#top #overlay.container .mat figure { border-radius: 0;}
	#top #overlay.container .mat#player1 figure img { margin-top: -40%; }
	#top #overlay.container .mat#player2 figure img { margin-top: -15%; }
	#top #overlay.container .mat .txt-area { margin-top: 1.5em; padding-right: 0.5em;}
}
@media only screen and (min-width: 768px) {
	.contents section#events { padding-bottom: 2.3rem; }
	#events #night { padding-bottom: 4.5rem; }
	#events h2 { margin-bottom: 2rem; }
	#events h3 { font-size: 1.5rem; line-height: 4rem;}
	#events #overview { margin: 0 0 2.5rem 0;}
	#events #overview p { font-size: 1.1rem; padding: 2.5em 0;}
	#events #day .shelf .unit {
		padding: 1.5rem;
	}
	#events #day p.sub { font-size: 0.9rem; margin: 2em 0;}
	#events .shelf .unit .img-area img { transition: all ease .4s; }
	#events .shelf .unit .img-area:hover img {transform:  scale(1.15);}
	#events #night .shelf .unit { display: inline-block; vertical-align: top; width: 22%; margin-right: 4%;}
	#events #night .shelf .unit#ne05,#events #night .shelf .unit#ne08 { margin-left: 4%;}
	#events #night .shelf .unit:nth-child(4) { margin-right: 0; }
	#events #night .shelf .unit p { font-size: 0.85rem; min-height: 6rem; }
	#events #night .shelf .unit p span { font-size: 0.8rem;}
	#events #night .shelf .unit p strong span { font-size: 1rem;}
	#events #night .shelf .unit:hover p strong span { text-decoration: underline; }
	#events #day .shelf .unit { margin-bottom: 2.2rem; width: calc(100% - 0.5rem);}
	#events #day .shelf .unit .img-area { cursor: pointer; }
	#events #day .shelf .unit .img-area.soon { min-height: 10.75rem; cursor: auto; }
	#events #day .shelf .unit .img-area.soon::after {
		width: 100%;
		height: 100%;
		background-size: 18.5% auto;
		background-position: center center;}
	#events #day .shelf .unit .img-area.soon:hover img {transform:  scale(1);}
	
	section#events .info { width: 100%;}
	section#events .info::after { content: ""; display: block; clear: both; }
	section#events #day .shelf .unit .info .img-area { width: 45%; float: left; height: 15.2rem; overflow: hidden;}
	section#events #day .shelf .unit#de02 .info .img-area { height: 16.4rem; }
	section#events #day .shelf .unit p.category { width: 50%; float: right;}
	section#events #day .shelf .unit table { width:50%; float: right; border-bottom: 1px solid #008085; }
	section#events #day .shelf .unit tr { border-top: 1px solid #008085;}
	section#events #day .shelf .unit th { font-size: 0.9rem; width: 13%; padding: 0.5em 0; white-space: nowrap;}
	section#events #day .shelf .unit td { font-size: 0.75rem; padding: 1em 1em; line-height: 1.4;}
	section#events #day .shelf .unit td span { border-left: 1px solid #008085;}
	section#events .txt-area {
		display: flex;
		justify-content: left;
		margin-top: 1rem;
	}
	section#events .txt-area p.ttl { font-size: 1.15rem; width: 7.1rem; height: 5.4rem; display: flex; align-items: center; justify-content: center;}
	section#events .txt-area p.notes { font-size: 0.8rem; line-height: 1.68;}
	section#events .txt-area p.notes span { font-size: 0.75rem;}
	#top #overlay.container .mat figure { height: auto; border-radius: 0;}
	#top #overlay.container .mat .txt-area { width: 52%;}
	#top #overlay.container .mat .txt-area p.info { font-size: 0.9rem;}
}


#campaign .headline h1 { background-image: url(../campaign/images/main.jpg);}
#campaign section p.intro strong span.hashtag {
	display: inline-block;
	margin: 0.5em;
	padding: 0 0.5em;
	color: #fff;
	background-color:#e74709;
	font-size: 132%;
	line-height: 2.2;
	border-radius: 0.5em;
}
#campaign .shelf .unit figure {  width: 100%; box-sizing: border-box; border-radius: 50%; overflow: hidden; font-size: 0; }
#campaign .shelf .unit:last-child figure { border: 2px solid #002855; display: flex; align-items: center; justify-content: center;}
#campaign .shelf .unit:last-child figure a { display: block; width: 100%;}
#campaign .shelf .unit:last-child figure a img { width: 40%; height: auto;}
#campaign tr:nth-child(1) { border-top: none;}

@media only screen and (max-width: 767px) {
	#campaign .shelf { margin-top: 4rem;}
	#campaign .shelf .unit {
		display: block;
		width: 20rem;
		margin: 0 auto 2rem;
	}
	#campaign .shelf .unit figure { height: 20rem; }
	#campaign .shelf .unit p { font-size: 1rem; margin-top: 1em;}
	
}
@media only screen and (min-width: 768px) {
	#campaign section { padding-top: 4rem;}
	#campaign .shelf { margin-top: 4rem;}
	#campaign .shelf .unit {
		display: inline-block;
		width: 17rem;
		margin: 0 2rem;
	}
	#campaign .shelf .unit figure { height: 17rem; }
	#campaign .shelf .unit figure img { transition: all ease .3s;}
	#campaign .shelf .unit figure:hover img { transform: scale(110%);}
	#campaign .shelf .unit p { font-size: 0.85rem; margin-top: 1em;}
	
}