@charset "UTF-8";

.clearfix:after {
	display: block;
	clear: both;
	height: 0px;
	visibility: hidden;
	content: "."
}

.sp {
	display: none
}

.tb {
	display: none
}

.pc {
	display: none
}

.sp-tb {
	display: none
}

.tb-pc {
	display: none
}

.js-media-queries {
	display: none
}

@media screen and (max-width:767px) {
	.sp {
		display: block
	}

	.sp-tb {
		display: block
	}

	.tb-pc {
		display: none
	}

	.pc {
		display: none
	}

	.js-media-queries {
		font-family: 'sp'
	}
}

@media screen and (min-width:768px) and (max-width:1023px) {
	.sp {
		display: none
	}

	.tb {
		display: block
	}

	.sp-tb {
		display: block
	}

	.tb-pc {
		display: block
	}

	.js-media-queries {
		font-family: 'tb'
	}
}

@media screen and (min-width:1024px) and (max-width:1440px) {
	.sp {
		display: none
	}

	.tb-pc {
		display: block
	}

	.pc {
		display: block
	}

	.js-media-queries {
		font-family: 'pc'
	}
}

@media screen and (min-width:1440px) {
	.sp {
		display: none
	}

	.tb-pc {
		display: block
	}

	.pc {
		display: block
	}

	.js-media-queries {
		font-family: 'pc'
	}
}

@media print {
	.sp {
		display: none
	}

	.tb {
		display: none
	}

	.pc {
		display: block
	}
}

@media print,
screen and (min-width:768px) {
	.container {
		width: 100%;
		min-width: 920px;
		text-align: center;
		position: relative
	}

	.container-inner {
		margin: 0 auto;
		max-width: 1200px;
		min-width: 920px;
		position: relative
	}

	.sp {
		display: none
	}

	.pc {
		display: block
	}

	.bold {
		font-weight: bold
	}

	img.btn-viewer:hover {
		cursor: pointer
	}

	a,
	a:active,
	a:hover,
	a:link,
	a:visited {
		color: #777053;
		/*text-decoration: underline*/
	}

	section {
		position: relative
	}

	.bg-color {
		background-color: #F0EEE3
	}

	.contents-main-bg-color {
		background-color: #B6A99D
	}

	h2,
	h3,
	h4,
	h5,
	p {
		color: #777055
	}

	.btn-rectangle {
		line-height: 1;
		letter-spacing: 0.2em;
		font-weight: bold;
		text-align: center;
		font-size: 13px;
		text-decoration: none !important
	}

	.btn-rectangle a {
		border: 1px solid #C0BDA0;
		width: 100%;
		height: 100%;
		display: block;
		padding: 15px 0;
		text-decoration: none !important
	}

	.btn-rectangle a:hover {
		background-color: #C0BDA0;
		color: #fff
	}

	.btn-rectangle.white {
		text-decoration: none !important
	}

	.btn-rectangle.white a {
		border: 1px solid #fff;
		width: 100%;
		height: 100%;
		display: block;
		padding: 15px 0;
		color: #fff;
		text-decoration: none !important
	}

	.btn-rectangle.white a:hover {
		background-color: #fff;
		color: #777053;
		background-image: url(../img/cmn-icon-external.png);
		background-repeat: no-repeat;
		background-size: 10px;
		background-position: 3.5em 17px;
		text-decoration: none !important
	}

	.btn-rectangle.external a {
		text-align: left;
		padding-left: 5em;
		text-decoration: none !important
	}

	.btn-rectangle.external a:hover {
		background-image: url(../img/cmn-icon-external-white.png);
		background-repeat: no-repeat;
		background-size: 10px;
		background-position: 3.5em 17px;
		text-decoration: none !important
	}

	.btn-rectangle.external {
		width: 19em !important;
		background-image: url(../img/cmn-icon-external.png);
		background-repeat: no-repeat;
		background-size: 10px;
		background-position: 3.5em 17px
	}

	.btn-rectangle.external.white {
		background-image: url(../img/cmn-icon-external-white.png)
	}

	.btn-rectangle.external.white a:hover {
		background-image: url(../img/cmn-icon-external.png)
	}

	.activities .photo-area a {
		overflow: hidden
	}

	a.img-over {
		background: #000;
		display: block
	}

	a.img-over-white {
		background: #fff;
		display: block
	}

	img.over {
		-webkit-transition: 1.2s ease-out;
		-moz-transition: 1.2s ease-out;
		-ms-transition: 1.2s ease-out;
		-o-transition: 1.2s ease-out;
		transition: 1.2s ease-out
	}

	img.over:hover {
		-webkit-transform: scale(1.03, 1.03);
		-moz-transform: scale(1.03, 1.03);
		-ms-transform: scale(1.03, 1.03);
		-o-transform: scale(1.03, 1.03);
		transform: scale(1.03, 1.03);
		opacity: 0.85;
		filter: alpha(opacity=85);
		-ms-filter: "alpha(opacity=85)"
	}

	.figcap {
		background-color: #C7BEB2;
		line-height: 1;
		position: relative;
		width: 100%;
		height: 40px
	}

	.figcap figcaption {
		color: #fff;
		font-weight: bold;
		margin: 12px 0 0 25px;
		float: left
	}

	.figcap .btn {
		float: right;
		height: 40px;
		position: absolute;
		background: #fff;
		right: 0
	}

	.figcap .btn img.cmn-icon-enlarge {
		width: 40px !important
	}

	.mb20 {
		margin-bottom: 20px !important
	}

	.mt20 {
		margin-top: 20px
	}

	header {
		/*text-align: center*/
	}

	header a,
	header a:active,
	header a:hover,
	header a:link,
	header a:visited {
		text-decoration: none
	}

	header #header-inner {
		position: relative;
		margin: 0 auto;
		max-width: 1200px;
		min-width: 920px;
		text-align: left
	}

	header #header-inner p#logo img.cmn-logo-canon-global {
		margin-top: 7px;
		width: 240px
	}

	header #header-inner p {
		margin: 0 !important;
		padding: 0 !important
	}

	header #header-inner p#logo {
		margin-top: 16px !important;
		margin-left: 20px !important
	}

	#contents header #header-inner {
		min-width: 920px
	}

	#contents header #header-inner p#site-logo-vertical {
		margin-top: 25px !important;
		margin-left: 30px !important;
		float: left;
		width: 23%
	}

	#contents header #header-inner p#site-title-vertical {
		float: left;
		margin-top: 41px !important;
		margin-left: 10px !important;
		width: 45%;
		min-width: 480px
	}

	#contents header #header-inner p#site-logo-vertical img.cmn-site-logo-vertical {
		width: 100%
	}

	#contents header #header-inner p#site-title-vertical img.cmn-site-title-vertival {
		width: 100%
	}

	img {
		max-width: 100%
	}

	#top img.cat-img {
		max-width: inherit
	}

	.ie #top img.cat-img {
		max-width: inherit;
		width: 720px
	}
}

@media print,
screen and (min-width:768px) and (max-width:920px) {
	.ie #top img.cat-img {
		width: 720px !important
	}
}

@media print,
screen and (min-width:768px) {
	#contents .container-inner {
		min-width: 920px;
		overflow: hidden
	}

	.contents-main-container {
		background: #B6A99D;
		min-width: 1100px;
		overflow: hidden
	}

	.contents-main-container .left {
		width: 40%;
		float: left;
		text-align: left;
		color: #fff !important
	}

	.contents-main-container .right {
		width: 60%;
		float: right;
		background: #F0EEE3
	}

	.contents-main-container .left .left-inner {
		line-height: 180%;
		margin-left: 30px;
		width: 80%;
		font-size: 16px;
	}

	.contents-main-container.howto-photograph-detail .left .left-inner {
		margin-left: auto;
		width: 100%
	}

	.contents-main-container .left .left-inner h1,
	.contents-main-container .left .left-inner h2,
	.contents-main-container .left .left-inner h3,
	.contents-main-container .left .left-inner p {
		color: #fff !important
	}

	.contents-main-container p.en {
		font-size: 32px;
		line-height: 120%
	}

	.contents-main-container.howto-photograph-detail h1 {
		margin-top: 30px;
		letter-spacing: 0.3em;
		font-size: 16px;
		margin-bottom: 10px
	}

	.contents-main-container h1 {
		margin-top: 10px;
		/*letter-spacing: 0.3em*/
	}

	.contents-main-container h1.act {
		letter-spacing: 0;
		line-height: 160% !important
	}
/*20220307 HLL ADD*/
.visible-xs,.visible-sm{display:none!important}
.hidden-xs,.hidden-sm{display:block;}
#contents .adcom{ position: fixed; bottom: 10px; right: 10px; border: #686868 solid 1px; padding: 2px 5px; color: #686868; font-size: 12px; background:rgba(0,0,0,.1); z-index: 999;line-height: 100%;}
#contents .head{overflow: hidden;display: block; padding: 20px 2.4% 20px;background: #fff;}
#contents .head .head1a{ float: left;width: 50%;}
#contents .head .head1a img {height: 48px;}
#contents .head .head1d {float: right;margin-top: 8px;}
#contents .head .head1d img {width: 144px;}

#contents .return-index{ display: block; margin: 30px; font-size: 14px; text-align: left; }
#contents .return-index a{color: #78552c; background-color: #f7f1e2; padding:5px 10px; border-radius: 10px;text-decoration: none;}

#contents .bird_footer{ width: 100%; padding: 20px 0;background-color: #000; color: #fff; overflow: hidden;}
#contents .bird_footer .copyright{text-align: center; font-size: 14px;}
#contents .bird_footer .copyright a{ color: #fff;text-decoration: none;}
#contents .bird_footer .copyright img{vertical-align: middle;}
}

@media print,
screen and (min-width:768px) and (max-width:1100px) {
	.contents-main-container p.act-hd {
		margin-top: 45px !important
	}
}

@media print,
screen and (min-width:768px) {
	.contents-main-container p.copy {
		margin-top: 30px;
		-webkit-font-smoothing: subpixel-antialiased
	}

	.contents-main-container.photo-gallery p.en {
		margin-top: 100px;
		letter-spacing: 0.1em;
		white-space: nowrap
	}

	.contents-main-container.howto-photograph-detail h1 a,
	.contents-main-container.howto-photograph-detail h1 a:active,
	.contents-main-container.howto-photograph-detail h1 a:hover,
	.contents-main-container.howto-photograph-detail h1 a:link,
	.contents-main-container.howto-photograph-detail h1 a:visited,
	.contents-main-container.howto-photograph-detail p.en a,
	.contents-main-container.howto-photograph-detail p.en a:active,
	.contents-main-container.howto-photograph-detail p.en a:hover,
	.contents-main-container.howto-photograph-detail p.en a:link,
	.contents-main-container.howto-photograph-detail p.en a:visited,
	.contents-main-container.howto-photograph-detail p.vol a,
	.contents-main-container.howto-photograph-detail p.vol a:active,
	.contents-main-container.howto-photograph-detail p.vol a:hover,
	.contents-main-container.howto-photograph-detail p.vol a:link,
	.contents-main-container.howto-photograph-detail p.vol a:visited {
		color: #fff;
		text-decoration: none
	}

	.contents-main-container.howto-photograph-detail h1,
	.contents-main-container.howto-photograph-detail h2,
	.contents-main-container.howto-photograph-detail p.copy,
	.contents-main-container.howto-photograph-detail p.en,
	.contents-main-container.howto-photograph-detail p.text,
	.contents-main-container.howto-photograph-detail p.vol {
		margin-left: 30px;
		width: 80%
	}

	.contents-main-container.howto-photograph-detail p.en,
	.contents-main-container.howto-photograph p.en {
		margin-top: 80px;
		letter-spacing: 0.2em;
		text-transform:uppercase;
	}

	.contents-main-container.howto-photograph-detail p.vol {
		margin-top: 30px;
		font-size: 16px;
		font-weight: bold;
		letter-spacing: 0.1em
	}

	.contents-main-container.howto-photograph-detail h2 {
		margin-top: 20px;
		font-size: 20px
	}

	.contents-main-container.howto-photograph-detail p.text {
		margin-top: 20px;
		-webkit-font-smoothing: subpixel-antialiased
	}

	.contents-main-container.howto-photograph-detail p.text a,
	.contents-main-container.howto-photograph-detail p.text a:hover,
	.contents-main-container.howto-photograph-detail p.text a:link,
	.contents-main-container.howto-photograph-detail p.text a:visited {
		color: #fff
	}

	.contents-main-container.activities p.en {
		margin-top: 88px;
		letter-spacing: 0.2em
	}

	.contents-main-container.activities__oce p.en {
		margin-top: 48px;
		letter-spacing: 0.2em
	}

	.contents-main-container.creative-park p.en {
		margin-top: 100px;
		letter-spacing: 0.1em
	}

	.contents-nav-container h1 a,
	.contents-nav-container h1 a:active,
	.contents-nav-container h1 a:hover,
	.contents-nav-container h1 a:link,
	.contents-nav-container h1 a:visited,
	.contents-nav-container p.en a,
	.contents-nav-container p.en a:active,
	.contents-nav-container p.en a:hover,
	.contents-nav-container p.en a:link,
	.contents-nav-container p.en a:visited {
		color: #fff;
		text-decoration: none
	}

	.contents-nav-container {
		background: #B6A99D;
		height: 75px
	}

	.contents-nav-container .left {
		width: 50%;
		float: left
	}

	.contents-nav-container .right {
		width: 50%;
		float: right
	}

	.contents-nav-container .left-inner {
		line-height: 1;
		text-align: left;
		margin-left: 30px
	}

	.contents-nav-container .left-inner p.en {
		color: #fff;
		font-size: 24px;
		letter-spacing: 0.2em;
		float: left;
		margin-top: 26px
	}

	.contents-nav-container .left-inner h1 {
		color: #fff;
		float: left;
		margin-top: 31px;
		margin-left: 20px;
		letter-spacing: 0.3em
	}

	.contents-nav-container nav {
		margin-top: 30px
	}

	.contents-nav-container .contents-nav-container .nav-area {
		width: 50%;
		float: right;
		margin-top: 32px
	}

	.contents-nav {
		display: none
	}

	.contents-nav.activities {
		display: block;
		padding-top: 35px
	}

	.contents-nav.activities:after {
		content: ".";
		display: block;
		clear: both;
		height: 0;
		visibility: hidden
	}

	.contents-nav.howto-top {
		display: block;
		padding-bottom: 70px !important
	}

	.contents-nav {
		margin-left: 20px;
		margin-right: 20px
	}

	.contents-nav nav ul li {
		float: left;
		line-height: 1;
		width: 33%
	}

	.contents-nav.howto-top nav ul li {
		float: left;
		line-height: 1;
		width: 24.9%
	}

	.contents-nav nav ul li.back,
	.contents-nav nav ul li.list {
		border-right: 1px solid #fff
	}

	.contents-nav nav ul li.howto-top1,
	.contents-nav nav ul li.howto-top2,
	.contents-nav nav ul li.howto-top3 {
		border-right: 1px solid #fff
	}

	.contents-nav nav ul li a {
		display: block;
		width: 100%;
		height: 100%;
		text-align: center;
		padding: 15px 0 !important;
		background: #C5BAB1
	}

	.contents-nav nav ul li a,
	.contents-nav nav ul li a:active,
	.contents-nav nav ul li a:hover,
	.contents-nav nav ul li a:link,
	.contents-nav nav ul li a:visited {
		text-decoration: none;
		color: #fff;
		font-weight: bold
	}

	.contents-nav nav ul li a:hover {
		background: #CEC5BD
	}

	.contents-nav nav ul li.back a {
		background-image: url(../img/cmn-icon-howto-back.png);
		background-repeat: no-repeat;
		background-size: 10px;
		background-position: 20px 16px
	}

	.contents-nav nav ul li.list a {
		background-image: url(../img/cmn-icon-howto-list.png);
		background-repeat: no-repeat;
		background-size: 80px;
		background-position: center 16px
	}

	.contents-nav nav ul li.next a {
		background-image: url(../img/cmn-icon-howto-next.png);
		background-repeat: no-repeat;
		background-size: 25px;
		background-position: right 16px
	}

	.contents-nav nav ul li.howto-top1 a {
		background-image: url(../img/cmn-icon-howto-category1.png);
		background-repeat: no-repeat;
		background-size: 180px;
		background-position: center 17px
	}

	.contents-nav nav ul li.howto-top2 a {
		background-image: url(../img/cmn-icon-howto-category2.png);
		background-repeat: no-repeat;
		background-size: 100px;
		background-position: center 17px
	}

	.contents-nav nav ul li.howto-top3 a {
		background-image: url(../img/cmn-icon-howto-category3.png);
		background-repeat: no-repeat;
		background-size: 100px;
		background-position: center 17px
	}

	.contents-nav nav ul li.howto-top4 a {
		background-image: url(../img/cmn-icon-howto-category3.png);
		background-repeat: no-repeat;
		background-size: 100px;
		background-position: center 17px
	}

	#contents .container.contents-main {
		background: #B6A99D
	}

	#contents .container.contents-howto.main {
		background: #B6A99D
	}

	#contents .container.contents-howto .title-area,
	#contents .container.contents-main .title-area {
		width: 40%;
		float: left;
		text-align: left;
		color: #fff;
		background: #B6A99D
	}

	#contents .container.contents-howto .title-area p,
	#contents .container.howto .title-area h1 {
		margin-left: 60px !important;
		margin-right: 50px !important
	}

	#contents .container.contents-howto .title-area p.title,
	#contents .container.contents-main .title-area p.title {
		margin-right: 0 !important;
		margin-top: 110px;
		font-size: 32px;
		line-height: 1;
		color: #fff;
		letter-spacing: 0.2em
	}

	#contents .container.contents-howto .title-area h1,
	#contents .container.contents-main .title-area h1 {
		margin-top: 10px;
		letter-spacing: 0.4em;
		font-weight: bold;
		line-height: 1.6;
		color: #fff
	}

	#contents .container.contents-howto .title-area p.copy,
	#contents .container.contents-main .title-area p.copy {
		color: #fff;
		line-height: 1.8;
		margin-top: 20px;
		margin-right: 70px !important;
		font-weight: bold
	}

	#contents .container.contents-howto .photo-area,
	#contents .container.contents-main .photo-area {
		width: 60%;
		float: right
	}

	#contents .container.contents-howto .photo-area img,
	#contents .container.contents-main .photo-area img {
		width: 100%
	}

	#contents h1 {
		line-height: 1;
		font-size: 18px;
	}

	.container-inner {
		min-width: 920px !important
	}

	#contents section.bird-list {
		margin-top: 40px;
		min-width: 920px;
		overflow: hidden
	}

	#contents section.bird-list .container-inner {
		min-width: 860px;
		padding-bottom: 30px;
		margin-bottom: 30px;
		padding-left: 30px !important;
		padding-right: 30px;
		position: relative
	}

	#contents section.bird-list h2 {
		font-size: 32px;
		padding-top: 60px;
		padding-bottom: 10px
	}

	#contents section.bird-list p.title {
		margin-top: 20px;
		margin-bottom: 35px;
		letter-spacing: 0.4em;
		font-weight: bold
	}

	#contents section.bird-list ul#contents-bird-slider {
		line-height: 1
	}

	#contents section.bird-list ul#contents-bird-slider li {
		position: relative
	}

	#contents section.bird-list ul#contents-bird-slider li img.contents-bird-thumb {
		width: 100%
	}

	#contents section.bird-list ul#contents-bird-slider li h3 {
		margin-top: 30px;
		text-align: center;
		margin-bottom: 10px;
		color: #333;
		line-height: 150%
	}

	#contents section.bird-list ul#contents-bird-slider li p {
		line-height: 120%;
		font-style: italic;
		text-align: center;
		margin-top: 0px !important
	}

	#contents section.bird-list ul#contents-bird-slider li h3,
	#contents section.bird-list ul#contents-bird-slider li p {
		margin-left: 20px;
		margin-right: 20px
	}

	#contents section.bird-list ul#contents-bird-slider li img.cmn-icon-new {
		width: 39px !important;
		height: 39px !important;
		position: absolute !important;
		margin-top: -20px !important
	}

	#contents section.bird-list #btn-rectangle {
		width: 22em;
		margin: 30px auto 10px auto
	}

	#contents section.bird-list ul#contents-bird-slider li {
		position: relative;
		overflow: hidden
	}

	#contents section.bird-list ul#contents-bird-slider li a.link {
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%
	}

	#contents section.bird-list ul#contents-bird-slider li a.link:hover {
		background-color: #F0EEE3;
		filter: alpha(opacity=50);
		-moz-opacity: 0.5;
		opacity: 0.5
	}

	#contents section.howto-list {
		margin-top: 40px
	}

	#contents section.howto-list .container-inner {
		padding-bottom: 30px;
		margin-bottom: 30px;
		padding-left: 30px !important;
		padding-right: 30px
	}

	#contents section.howto-list h2 {
		font-size: 32px;
		padding-top: 60px;
		padding-bottom: 10px
	}

	#contents section.howto-list p.title {
		margin-top: 20px;
		margin-bottom: 35px;
		letter-spacing: 0.4em;
		font-weight: bold
	}

	#contents section.howto-list ul#howto-slider li {
		position: relative
	}

	#contents section.howto-list ul#howto-slider li img {
		width: 100%
	}

	#contents section.howto-list ul#howto-slider li img.cmn-icon-new {
		position: absolute;
		width: 39px;
		height: 39px;
		margin-top: -28px
	}

	#contents section.howto-list ul#howto-slider li span.slide-icon {
		font-weight: bold;
		background: #777053;
		color: #fff !important;
		font-size: 11px;
		padding: 1px 10px;
		border-radius: 4px;
		position: absolute;
		float: left;
		margin-top: 18px;
		left: 15px;
		line-height: 150%
	}

	#contents section.howto-list ul#howto-slider li h3 {
		text-align: left;
		margin-top: 45px;
		line-height: 170%;
		margin-left: 15px;
		margin-right: 15px
	}

	#contents section.howto-list ul#howto-slider li p {
		text-align: left;
		line-height: 170%;
		margin-top: 5px;
		margin-left: 15px;
		margin-right: 15px
	}

	#contents section.howto-list .btn-rectangle {
		width: 24em;
		margin: 40px auto 0 auto
	}

	#contents section.howto-list ul#howto-slider li {
		position: relative
	}

	#contents section.howto-list ul#howto-slider li a.link {
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%
	}

	#contents section.howto-list ul#howto-slider li a.link:hover {
		background-color: #F0EEE3;
		filter: alpha(opacity=50);
		-moz-opacity: 0.5;
		opacity: 0.5
	}

	#contents section.howto-list .btn-rectangle-3column-container {
		position: relative;
		overflow: hidden
	}

	#contents section.howto-list .btn-rectangle-3column-container .btn-rectangle {
		width: 200px;
		margin-right: 20px;
		margin-left: 20px
	}

	#contents section.howto-list .btn-rectangle-3column-container ul {
		position: relative;
		left: 50%;
		float: left
	}

	#contents section.howto-list .btn-rectangle-3column-container li {
		position: relative;
		left: -50%;
		float: left
	}

	#contents section.howto-list .btn-rectangle-4column-container {
		position: relative
	}

	#contents section.howto-list .btn-rectangle-4column-container .btn-rectangle {
		width: 200px;
		margin-right: 10px;
		margin-left: 10px
	}

	#contents section.howto-list .btn-rectangle-4column-container ul {
		position: relative;
		text-align: center
	}

	#contents section.howto-list .btn-rectangle-4column-container li {
		position: relative;
		display: inline-block
	}

	#contents #gallery-sort {
		margin-top: 60px;
		padding: 30px 0;
		text-align: center !important;
		overflow: hidden
	}

	#contents #gallery-sort ul {
		float: left;
		left: 50%;
		position: relative
	}

	#contents #gallery-sort ul li {
		float: left;
		margin: 0 20px;
		left: -50%;
		position: relative
	}

	#contents #gallery-sort ul li .btn-rectangle a {
		padding-left: 12px;
		padding-right: 12px;
		border: 1px solid #B6A99D
	}

	#contents #gallery-sort ul li .btn-rectangle a:hover {
		background: #B6A99D
	}

	#contents #gallery-sort ul li .btn-rectangle a.selected {
		color: #fff;
		background: #B6A99D
	}

	#contents #gallery-list {
		margin: 0 30px
	}

	#contents #gallery-list ul li {
		float: left;
		width: 20%;
		height: 470px;
		position: relative
	}

	#contents #gallery-list ul li img {
		width: 100%
	}

	#contents #gallery-list ul li a {
		-webkit-transition: 0.4s;
		-o-transition: 0.4s;
		transition: 0.4s
	}

	#contents #gallery-list ul li a.link {
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		text-decoration: none
	}

	#contents #gallery-list ul li a.link:hover {
		background-color: #F0EEE3;
		filter: alpha(opacity=50);
		-moz-opacity: 0.5;
		opacity: 0.5
	}

	#contents #gallery-list ul li img.cmn-icon-new {
		position: relative;
		width: 39px !important;
		height: 39px !important;
		margin-top: -20px;
		float: left !important;
		left: -3px !important
	}

	.gecko #gallery-list ul li img.cmn-icon-new {
		position: relative !important;
		margin-top: -20px !important;
		float: left
	}

	.chrome #gallery-list ul li img.cmn-icon-new {
		left: 0 !important
	}

	#contents #gallery-list p.hidden {
		display: none
	}

	#contents #gallery-list p.size {
		font-size: 24px
	}

	#contents #gallery-list p.name {
		line-height: 150%;
		font-weight: bold;
		color: #000;
		margin-top: 25px
	}

	#contents #gallery-list p.sub {
		margin-top: 6px;
		line-height: 120%;
		font-style: italic
	}

	#contents #gallery-list p.more {
		text-align: center;
		margin-top: 20px;
		font-size: 12px;
		line-height: 30px;
		font-weight: bold;
		letter-spacing: 0.2em;
		border-top: 1px solid rgba(119, 112, 83, 0.3);
		border-bottom: 1px solid rgba(119, 112, 83, 0.3);
		margin-left: 30px;
		margin-right: 30px
	}
}

@media print,
screen and (min-width:768px) and (max-width:1100px) {
	#contents #gallery-list p.more {
		margin-left: 20px;
		margin-right: 20px
	}
}

@media print,
screen and (min-width:768px) {

	#contents #gallery-commentator-area,
	#contents #gallery-photographer-area {
		margin-top: 60px;
		width: 33%;
		text-align: left;
		line-height: 1.6
	}
}

@media print,
screen and (min-width:768px) and (max-width:1100px) {
	#contents #gallery-photographer-area.adjust-sound .title {
		letter-spacing: 0.05em
	}
}

@media print,
screen and (min-width:768px) {
	#contents #gallery-photographer-area {
		float: left
	}

	#contents #gallery-commentator-area {
		float: left
	}

	#contents #gallery-commentator-area h2,
	#contents #gallery-commentator-area h3,
	#contents #gallery-commentator-area p,
	#contents #gallery-photographer-area h2,
	#contents #gallery-photographer-area h3,
	#contents #gallery-photographer-area p {
		margin-left: 30px;
		margin-right: 30px
	}

	#contents #gallery-commentator-area h3,
	#contents #gallery-photographer-area h3 {
		width: 100% !important
	}

	#contents #gallery-commentator-area h3 span.ja,
	#contents #gallery-photographer-area h3 span.ja {
		display: block;
		width: 100%
	}

	#contents #gallery-commentator-area h3 span.font,
	#contents #gallery-photographer-area h3 span.font {
		display: block;
		width: 100%;
		margin-top: 0
	}

	#contents #gallery-commentator-area p.title,
	#contents #gallery-photographer-area p.title {
		font-size: 24px
	}

	#contents #gallery-commentator-area h2,
	#contents #gallery-photographer-area h2 {
		margin-top: -5px
	}

	#contents #gallery-commentator-area h3,
	#contents #gallery-photographer-area h3 {
		margin-top: 25px;
		font-size: 18px;
		width: 240px
	}

	#contents #gallery-commentator-area h3 span,
	#contents #gallery-photographer-area h3 span {
		font-size: 18px;
		margin-top: 5px;
		display: block;
		float: right
	}

	#contents #gallery-commentator-area p.txt,
	#contents #gallery-photographer-area p.txt {
		margin-top: 20px
	}

	.photographer-photo {
		padding-top: 20px;
		margin: 0 30px 0 30px !important
	}

	.photographer-photo .photo {
		width: 100% !important
	}

	.photographer-photo .photo img {
		width: 100% !important
	}

	#contents .gallery-main {
		width: 100%
	}

	#contents .gallery-main .photo {
		width: 100%
	}

	#contents .gallery-main .photo img.gallery-main {
		width: 100%
	}

	.gallery-main-photo-container {
		line-height: 0;
		padding-top: 20px;
		padding-bottom: 20px
	}

	.sound-container p {
		margin-top: 10px
	}

	#contents section.gallery .gallery-inner .spec-container #sound-description {
		text-align: left
	}

	#sound-description dl {
		line-height: 220%;
		clear: both
	}

	#sound-description dl dt {
		float: left
	}

	#sound-description dl dd {
		margin-left: 10em
	}

	#contents section.gallery .gallery-inner .photo-container {
		float: right;
		text-align: left;
		width: 40%;
		margin-bottom: 40px
	}

	#contents section.gallery .gallery-inner .photo-container img {
		width: 100%
	}

	#contents section.gallery .gallery-inner .photo-container figure {
		line-height: 0
	}

	#contents section.gallery .gallery-inner .photo-container p {
		margin: 30px 0 30px 0
	}

	.gallery-main-photo-container .figcap {
		padding: 0px !important;
		text-align: left !important;
		margin: 0 !important;
		padding: 0 !important
	}

	.gallery-main-photo-container .figcap .cap {
		font-size: 85%
	}

	.gallery-main-photo-container .figcap figcaption {
		font-size: 14px;
		line-height: 140%;
		margin: 0 !important;
		padding: 10px 50px 10px 30px !important;
		background: #C7BEB2
	}

	.gallery-main-photo-caption {
		line-height: 160%;
		font-size: 12px;
		text-align: left;
		text-indent: -1em;
		padding-left: 0.7em;
		margin-left: 30px;
		margin-right: 30px;
		padding-bottom: 20px
	}

	#contents .container-inner.about {
		margin-top: 40px
	}

	img.about-illust {
		width: 100%
	}

	#contents .container.about .summary-container {
		text-align: center;
		line-height: 180%;
		margin-top: -30px;
		margin-bottom: 160px
	}

	#contents .container.about .summary-container h1 img.about-site-title-vertival {
		width: 60%;
		z-index: 9999
	}

	#contents .container.about .summary-container .message {
		text-align: center
	}

	#contents .container.about .summary-container .message .left {
		float: left;
		width: 25%;
		position: relative;
		margin-top: -70px
	}

	#contents .container.about .summary-container .message .left img {
		margin-left: 30px
	}

	#contents .container.about .summary-container .message .right {
		float: right;
		width: 25%;
		margin-top: -180px;
		position: relative
	}

	#about-illust-bird1,
	#about-illust-bird2 {
		position: absolute;
		top: 0;
		left: 40px;
		z-index: -10;
		width: 170px
	}

	#contents .container.about .summary-container .message .center {
		margin: 0 auto;
		margin-top: 40px;
		font-size: 16px;
		line-height: 200%;
		position: relative
	}

	#contents .container.about .summary-container .message .center .inner {
		width: 50%;
		margin: 0 auto
	}

	.content-share-area {
		margin: 0 auto
	}

	.content-share-area.about {
		margin-top: 30px;
		width: 400px
	}

	.content-share-area p.title {
		float: left;
		margin-right: 2em
	}

	.content-share-area ul li {
		float: left
	}

	.content-share-area ul li {
		float: left;
		margin-right: 17px
	}

	.content-share-area img.contents-icon-sns {
		width: 28px
	}

	#contents .container.about .text-container {
		position: absolute;
		text-align: left;
		margin-top: 50px;
		margin-left: 60px;
		width: 400px
	}

	#contents .container.about .text-container h2 {
		font-size: 22px;
		line-height: 180%;
		margin-bottom: 10px
	}

	#contents .container.about .text-container p {
		line-height: 180%;
		margin-bottom: 60px
	}

	#contents .container.about .detail-container {
		position: absolute;
		width: 100%;
		max-width: 1200px;
		min-width: 920px
	}

	#contents .container.about .detail-container .details {
		display: table-cell;
		text-align: center;
		line-height: 160%
	}

	#contents .container.about .detail-container .details h3 {
		font-size: 18px;
		margin-bottom: 10px
	}

	#contents .container.about .detail-container .details .inner {
		display: table-cell;
		vertical-align: middle;
		text-align: center;
		background-image: url(../img/about-bg-detail.png);
		background-size: 100%;
		background-repeat: no-repeat
	}

	#contents .container.about .detail-container .detail1 {
		position: absolute;
		right: 4%;
		top: 50px
	}

	#contents .container.about .detail-container .detail1 .inner {
		width: 16em;
		height: 16em;
		padding: 3em
	}

	#contents .container.about .detail-container .detail2 {
		position: absolute;
		right: 15%;
		top: 400px
	}

	#contents .container.about .detail-container .detail2 .inner {
		width: 17em;
		height: 17em;
		padding: 3em
	}

	#contents .container.about .detail-container .detail3 {
		position: absolute;
		right: 10%;
		top: 740px
	}

	#contents .container.about .detail-container .detail3 .inner {
		width: 16em;
		height: 16em;
		padding: 3em
	}

	#contents .container.about .detail-container .detail4 {
		position: absolute;
		right: 5%;
		top: 1350px
	}

	#contents .container.about .detail-container .detail4 .inner {
		width: 11em;
		height: 11em;
		padding: 2.5em
	}

	#contents .container.about .detail-container .detail5 {
		position: absolute;
		right: 17%;
		top: 1530px
	}

	#contents .container.about .detail-container .detail5 .inner {
		width: 12em;
		height: 12em;
		padding: 2.5em
	}

	#contents .container.about .detail-container .detail6 {
		position: absolute;
		left: 5%;
		top: 1100px
	}

	#contents .container.about .detail-container .detail6 .inner {
		width: 10em;
		height: 10em;
		padding: 2.5em
	}

	#contents .container.about .detail-container .detail7 {
		position: absolute;
		right: 48%;
		top: 1390px
	}

	#contents .container.about .detail-container .detail7 .inner {
		width: 10em;
		height: 10em;
		padding: 2.5em
	}

	#contents .container.about .detail-container .detail8 {
		position: absolute;
		left: 40%;
		top: 1150px
	}

	#contents .container.about .detail-container .detail8 .inner {
		width: 11em;
		height: 11em;
		padding: 2.5em
	}

	#contents .container.about .detail-container .detail9 {
		position: absolute;
		left: 5%;
		top: 1300px
	}

	#contents .container.about .detail-container .detail9 .inner {
		width: 11em;
		height: 11em;
		padding: 2em
	}
}

@media print,
screen and (min-width:768px) and (max-width:1150px) {
	#contents .container.about .detail-container .detail2 {
		position: absolute;
		right: 13%;
		top: 400px
	}

	#contents .container.about .detail-container .detail3 {
		position: absolute;
		right: 9%;
		top: 740px
	}

	#contents .container.about .detail-container .detail4 {
		position: absolute;
		right: 5%;
		top: 1250px
	}

	#contents .container.about .detail-container .detail5 {
		position: absolute;
		right: 17%;
		top: 1430px
	}

	#contents .container.about .detail-container .detail6 {
		position: absolute;
		left: 5%;
		top: 1000px
	}

	#contents .container.about .detail-container .detail7 {
		position: absolute;
		right: 48%;
		top: 1290px
	}

	#contents .container.about .detail-container .detail8 {
		position: absolute;
		left: 40%;
		top: 1050px
	}

	#contents .container.about .detail-container .detail9 {
		position: absolute;
		left: 5%;
		top: 1200px
	}
}

@media print,
screen and (min-width:768px) {}

@media print,
screen and (min-width:768px) and (max-width:1080px) {
	#contents .container.about .detail-container .detail2 {
		position: absolute;
		right: 11%;
		top: 400px
	}

	#contents .container.about .detail-container .detail3 {
		position: absolute;
		right: 8%;
		top: 740px
	}

	#contents .container.about .detail-container .detail4 {
		position: absolute;
		right: 5%;
		top: 1150px
	}

	#contents .container.about .detail-container .detail5 {
		position: absolute;
		right: 13%;
		top: 1330px
	}

	#contents .container.about .detail-container .detail6 {
		position: absolute;
		left: 5%;
		top: 900px
	}

	#contents .container.about .detail-container .detail7 {
		position: absolute;
		right: 48%;
		top: 1190px
	}

	#contents .container.about .detail-container .detail8 {
		position: absolute;
		left: 40%;
		top: 950px
	}

	#contents .container.about .detail-container .detail9 {
		position: absolute;
		left: 5%;
		top: 1100px
	}
}

@media print,
screen and (min-width:768px) {}

@media print,
screen and (min-width:768px) and (max-width:1000px) {
	#contents .container.about .detail-container .detail2 {
		position: absolute;
		right: 9%;
		top: 400px
	}

	#contents .container.about .detail-container .detail3 {
		position: absolute;
		right: 7%;
		top: 740px
	}

	#contents .container.about .detail-container .detail4 {
		position: absolute;
		right: 5%;
		top: 1050px
	}

	#contents .container.about .detail-container .detail5 {
		position: absolute;
		right: 13%;
		top: 1230px
	}

	#contents .container.about .detail-container .detail6 {
		position: absolute;
		left: 5%;
		top: 900px
	}

	#contents .container.about .detail-container .detail7 {
		position: absolute;
		right: 48%;
		top: 1190px
	}

	#contents .container.about .detail-container .detail8 {
		position: absolute;
		left: 40%;
		top: 950px
	}

	#contents .container.about .detail-container .detail9 {
		position: absolute;
		left: 5%;
		top: 1100px
	}
}

@media print,
screen and (min-width:768px) {}

@media print,
screen and (min-width:768px) and (max-width:940px) {
	#contents .container.about .detail-container .detail2 {
		position: absolute;
		right: 7%;
		top: 400px
	}

	#contents .container.about .detail-container .detail3 {
		position: absolute;
		right: 5%;
		top: 740px
	}

	#contents .container.about .detail-container .detail4 {
		position: absolute;
		right: 2%;
		top: 1000px
	}

	#contents .container.about .detail-container .detail5 {
		position: absolute;
		right: 8%;
		top: 1180px
	}

	#contents .container.about .detail-container .detail6 {
		position: absolute;
		left: 5%;
		top: 900px
	}

	#contents .container.about .detail-container .detail7 {
		position: absolute;
		right: 48%;
		top: 1190px
	}

	#contents .container.about .detail-container .detail8 {
		position: absolute;
		left: 40%;
		top: 950px
	}

	#contents .container.about .detail-container .detail9 {
		position: absolute;
		left: 5%;
		top: 1100px
	}
}

@media print,
screen and (min-width:768px) {
	#contents .container.about .ground-container {
		margin-top: -2px !important;
		background-image: url(../img/about-illust-ground.jpg);
		background-size: 100% auto;
		text-align: left;
		color: #fff;
		line-height: 180%
	}

	#contents .container.about .ground-container:after {
		display: block;
		clear: both;
		height: 0px;
		visibility: hidden;
		content: "."
	}

	#contents .container.about .ground-container .left {
		width: 45%;
		float: left;
		margin-top: 20px
	}

	#contents .container.about .ground-container .right {
		width: 45%;
		margin-right: 5%;
		float: right
	}

	img.about-diagram {
		width: 100%;
		margin-top: 50px
	}

	#contents .container.about .ground-container h2,
	#contents .container.about .ground-container p {
		margin-left: 60px
	}

	#contents .container.about .ground-container h2 {
		font-size: 22px;
		color: #fff;
		margin-bottom: 20px
	}

	#contents .container.about .ground-container p {
		color: #fff;
		margin-bottom: 20px;
		-webkit-font-smoothing: subpixel-antialiased
	}

	#contents .container.about .ground-container .btn-rectangle {
		margin-left: 60px;
		width: 30em;
		margin-bottom: 50px
	}

	#contents section.about .read {
		margin-top: 100px
	}

	#contents section.about hr {
		border: none;
		border-top: solid 1px #E9E5E1;
		height: 1px;
		color: #FFFFFF;
		margin-bottom: 60px
	}

	#contents section.about .read h2 {
		font-size: 24px;
		text-align: left;
		margin-left: 30px;
		line-height: 170%
	}

	#contents section.about .read p {
		margin-top: 20px;
		margin-right: 60px;
		margin-left: 30px;
		margin-bottom: 100px;
		line-height: 170%;
		text-align: left
	}

	#contents section.about h3 {
		text-align: left;
		font-size: 22px;
		margin-left: 30px;
		margin-top: 30px;
		margin-bottom: 10px;
		line-height: 150%
	}

	#contents section.about ul.about-list {
		text-align: left;
		margin-left: 30px;
		margin-right: 30px
	}

	#contents section.about ul.about-list.case {
		padding-top: 60px
	}

	#contents section.about ul.about-list li {
		clear: both
	}

	#contents section.about ul.about-list li h4 {
		font-size: 20px;
		margin-top: 30px;
		margin-bottom: 20px;
		line-height: 150%
	}

	#contents section.about ul.about-list li h4 span.cap {
		font-size: 16px
	}

	#contents section.about ul.about-list li .text p {
		line-height: 180%;
		margin-bottom: 20px
	}

	#contents section.about ul.about-list li .text {
		width: 50%;
		float: left;
		margin-bottom: 60px;
		margin-left: 30px
	}

	#contents section.about ul.about-list li .photo {
		float: right;
		text-align: center;
		width: 40%;
		margin-bottom: 40px;
		margin-top: 10px
	}

	#contents section.about ul.about-list li .photo img {
		width: 100%
	}

	#contents section.about ul.about-list .btn-rectangle {
		width: 24em
	}

	ul.activities-bird-list li {
		width: 31%;
		margin-right: 30px;
		float: left
	}

	ul.activities-bird-list li:nth-child(3n) {
		margin-right: 0 !important
	}

	ul.activities-bird-list li img {
		width: 100%
	}

	ul.activities-bird-list li h3 {
		font-size: 16px;
		font-weight: bold;
		text-align: left;
		margin-top: 10px !important;
		margin-bottom: 10px
	}

	ul.activities-bird-list li h3.withcaption {
		margin-top: -7px !important
	}

	ul.activities-bird-list li p {
		text-align: left;
		margin-top: 10px;
		margin-bottom: 50px;
		line-height: 180%
	}

	ul.activities-bird-list li p.line3 {
		min-height: 80px !important
	}

	ul.activities-bird-list li p.caption {
		margin-top: 0px;
		margin-bottom: 0px;
		font-size: 12px;
		text-align: right
	}

	.contents-main-container img.howto-main-illust {
		width: 95%;
		margin-top: 20px;
		margin-left: 15px;
		margin-right: 15px
	}

	.container.contents-howto {
		line-height: 170%
	}

	.howto-title p.title {
		font-size: 24px !important;
		line-height: 130% !important;
		margin-top: 80px !important;
		margin-bottom: 30px
	}

	.howto-title p.vol {
		font-weight: bold;
		float: left;
		margin-top: 0px;
		margin-bottom: 20px;
		font-size: 16px
	}

	.howto-title p.icon {
		font-weight: bold;
		background: #777053;
		color: #fff !important;
		font-weight: bold;
		float: left;
		margin-top: -2px !important;
		margin-bottom: 10px;
		margin-left: 30px;
		padding: 2px 12px;
		font-size: 11px;
		color: #fff;
		border-radius: 4px
	}

	.howto-title h2 {
		font-size: 22px;
		margin-top: 0px;
		margin-bottom: 25px;
		width: 100%;
		margin-left: 30px;
		color: #fff
	}

	.photographer-container p.title {
		margin-top: 20px;
		font-size: 24px;
		text-transform: uppercase;
	}

	.photographer-container h2 {
		margin-top: -15px;
		font-size: 14px !important;
		font-weight: normal
	}

	.photographer-container h3 {
		margin-top: 25px;
		font-size: 20px;
		width: 420px
	}

	.photographer-container span {
		font-size: 18px;
		margin-top: 3px;
		margin-left: 20px
	}

	.photographer-container span.CinzelAdjust {
		font-size: 24px;
		margin-top: auto;
		margin-left: auto;
		text-transform: uppercase;
	}

	.photographer-container p.txt {
		margin-top: -10px;
		line-height: 180%
	}

	.photographer-container img {
		margin-top: 25px !important
	}

	.contents-main p.text {
		-webkit-font-smoothing: subpixel-antialiased
	}

	.contents-main-container p.bird {
		margin-top: 30px;
		margin-left: 30px;
		margin-bottom: 30px;
		text-align: left;
		margin-right: 30px;
		line-height: 170%
	}

	.contents-main-container p.bird.pb20 {
		padding-bottom: 20px
	}

	.contents-main-container p.bird.pb30 {
		padding-bottom: 40px
	}

	.contents-main-container p.bird.pb40 {
		padding-bottom: 40px
	}

	.contents-main-container p.bird.pb60 {
		padding-bottom: 60px
	}

	.contents-main-container .exif-container.pb20 {
		margin-bottom: 20px
	}

	.contents-main-container .exif-container.pb30 {
		margin-bottom: 20px
	}

	.contents-main-container .exif-container.pb40 {
		margin-bottom: 40px
	}

	.contents-main-container .exif-container {
		padding-top: 15px;
		padding-bottom: 25px;
		border-top: 1px solid #BBB7A8;
		margin-left: 30px;
		margin-right: 30px;
		margin-top: 20px;
		line-height: 180%
	}

	.contents-main-container .exif-container .title {
		float: left;
		width: 15%
	}

	.contents-main-container .exif-container .list-left {
		width: 35%;
		float: left;
		margin-left: 20px;
		text-align: left
	}

	.contents-main-container .exif-container .list-right {
		width: 35%;
		float: right;
		text-align: left
	}

	.contents-main-container .exif-container.lesson2 {
		margin-bottom: 30px
	}

	.contents-main-container .exif-container.lesson3 {
		margin-bottom: 10px
	}

	.contents-main-container .exif-container.lesson4 {
		margin-bottom: 30px
	}

	.contents-main-container .exif-container.lesson15 {
		margin-bottom: 30px
	}

	.contents-main-container .exif-container.lesson16 {
		margin-bottom: 30px
	}

	#contents section.howto .photographer {
		padding-top: 50px;
		text-align: left;
		margin: 0 auto
	}

	#contents section.howto .howto-practice-container {
		padding: 60px 0 30px 0
	}

	#contents section.howto .howto-practice {
		text-align: left;
		margin-left: 30px;
		margin-right: 30px
	}

	#contents section.howto .howto-practice h3.practice {
		text-align: left;
		margin-left: 20%;
		font-size: 20px;
		margin-bottom: 20px
	}

	#contents section.howto .howto-practice h3.comment {
		text-align: left;
		margin-left: 20%;
		font-size: 18px;
		margin-bottom: 20px;
		margin-top: 30px
	}

	#contents section.howto .howto-practice .illust {
		width: 20%;
		float: left;
		margin-top: -30px
	}

	#contents section.howto .howto-practice .illust img {
		width: 100%;
		margin-top: -50px;
		width: 135px;
		margin-left: 20px
	}

	#contents section.howto .howto-practice h4 {
		margin-bottom: 20px
	}

	ul.howto-practice-photo.practice-figure-3column figcaption {
		margin-top: 10px;
		line-height: 160%
	}

	#contents section.howto .howto-practice .text {
		width: 80%;
		float: right
	}

	#contents section.howto .howto-practice p {
		line-height: 180%;
		width: 100%;
		margin-bottom: 40px
	}

	#contents section.howto .howto-practice div.column1,
	#contents section.howto .howto-practice div.column2,
	#contents section.howto .howto-practice p.column1,
	#contents section.howto .howto-practice p.column2 {
		line-height: 180%;
		width: 48%
	}

	#contents section.howto .howto-practice div.column1,
	#contents section.howto .howto-practice p.column1 {
		float: left;
		margin-bottom: 40px
	}

	#contents section.howto .howto-practice div.column2,
	#contents section.howto .howto-practice p.column2 {
		float: right;
		margin-bottom: 40px
	}

	#contents section.howto .howto-practice .column1.lesson7 p {
		margin-bottom: 10px
	}

	.lesson11 .text h5 {
		margin-bottom: 15px
	}

	.lesson11 .howto-practice-photo dl {
		margin-top: 20px
	}

	#contents section.howto .howto-practice ul.howto-practice-photo {
		margin-bottom: 50px
	}

	#contents section.howto .howto-practice ul.howto-practice-photo li {
		float: left;
		width: 31%;
		margin-right: 3%;
		line-height: 170%;
		margin-left: 0
	}

	#contents section.howto .howto-practice ul.howto-practice-photo.less3 {
		margin-left: 20%
	}

	#contents section.howto .howto-practice ul.howto-practice-photo.less3 li {
		float: left;
		width: 41%;
		margin-right: 3%;
		line-height: 170%
	}

	#contents section.howto .howto-practice ul.howto-practice-photo li:nth-child(3n) {
		margin-right: 0
	}

	#contents section.howto .howto-practice ul.howto-practice-photo li img {
		width: 100%
	}

	#contents section.howto .howto-practice ul.howto-practice-photo li p.position {
		margin-top: 20px;
		margin-bottom: 10px;
		margin-left: 25px;
		width: 100%
	}

	#contents section.howto .howto-practice ul.howto-practice-photo li figure {
		line-height: 1
	}

	#contents section.howto .howto-practice ul.howto-practice-photo li figure .figcap {
		margin-top: -1px
	}

	#contents section.howto .howto-practice ul.howto-practice-photo li dl dt {
		float: left;
		margin-left: 25px
	}

	#contents section.howto .howto-practice ul.howto-practice-photo li dl dd {
		margin-left: 12em
	}

	#contents section.howto .howto-practice ul.howto-practice-photo li .practice-schematic {
		margin-bottom: 10px
	}

	.ie11 .howto-practice-photo .figcap {
		margin-top: -3px !important
	}

	#contents section.howto .howto-practice .left {
		float: left
	}

	#contents section.howto .howto-practice .right {
		float: right
	}

	img.howto12-ico1,
	img.howto17-ico1 {
		width: 20px !important;
		vertical-align: middle
	}

	img.howto9-schematic1 {
		max-width: 900px;
		margin-top: 40px;
		margin-left: auto;
		margin-right: auto
	}

	.howto-practice .text h3.comment {
		margin: 0 !important;
		padding: 0 !important;
		margin-top: 20px !important;
		margin-bottom: 30px !important
	}

	.howto-practice .column2 img {
		width: 100%;
		margin-top: -50px
	}

	ul.howto-practice-photo li .figcap {
		margin-top: -2px !important
	}

	.howto-camera-table-heading {
		line-height: 140%;
		text-align: left;
		padding-left: 30px;
		margin-bottom: 30px;
		font-size: 18px
	}

	#contents section table.howto-camera-table {
		line-height: 170%;
		margin-left: 30px;
		margin-right: 30px
	}

	#contents section table.howto-camera-table td,
	#contents section table.howto-camera-table th {
		padding: 10px 15px
	}

	#contents section table.howto-camera-table td.category,
	#contents section table.howto-camera-table th.category {
		width: 10%;
		white-space: nowrap;
		background-color: #fff
	}

	#contents section table.howto-camera-table th.camera {
		width: 30%
	}

	#contents section table.howto-camera-table td.center {
		text-align: center;
		font-size: 20px
	}

	#contents section table.howto-camera-table td.left,
	#contents section table.howto-camera-table th.left {
		text-align: left !important
	}

	#contents section table.howto-camera-table tr {
		border-top: 1px solid #D6D4CB
	}

	#contents section table.howto-camera-table tr.noline {
		border-top: none
	}

	#contents section table.howto-camera-table tr.left td {
		text-align: left
	}

	#contents section table.howto-camera-table tr.first {
		border-top: 1px solid #777052
	}

	#contents section table.howto-camera-table {
		border-bottom: 1px solid #777052
	}

	#contents section table.howto-camera-table td,
	#contents section table.howto-camera-table th {
		background-color: #F7F6F1
	}

	#contents section table.howto-camera-table td.compact,
	#contents section table.howto-camera-table th.compact {
		background-color: #F0F0F0
	}

	#contents section table.function th.category {
		text-align: left !important
	}

	#contents section table.function td.description {
		text-align: left !important;
		padding-right: 60px;
		max-width: 200px
	}

	#contents section table.function th.center {
		text-align: center;
		white-space: nowrap !important
	}

	#contents section table.function span.func-title {
		display: block;
		text-align: right
	}

	#contents section h4.howto-range-table {
		line-height: 160%;
		text-align: left;
		margin-left: 40px;
		margin-bottom: 20px;
		font-size: 16px
	}

	#contents section table.howto-range-table {
		line-height: 170%;
		margin-left: 30px;
		margin-right: 30px
	}

	#contents section table.howto-range-table th.mode {
		width: 15%
	}

	#contents section table.howto-range-table th.area {
		width: 10%
	}

	#contents section table.howto-range-table th.txt {
		width: 75%
	}

	#contents section table.howto-range-table td,
	#contents section table.howto-range-table th {
		padding: 10px 15px
	}

	#contents section table.howto-range-table td.category,
	#contents section table.howto-range-table th.category {
		width: 10%;
		white-space: nowrap;
		background-color: #fff
	}

	#contents section table.howto-range-table td.left,
	#contents section table.howto-range-table th.left {
		text-align: left !important
	}

	#contents section table.howto-range-table tr {
		border-top: 1px solid #D6D4CB
	}

	#contents section table.howto-range-table tr.noline {
		border-top: none
	}

	#contents section table.howto-range-table tr.left td {
		text-align: left
	}

	#contents section table.howto-range-table tr.first {
		border-top: 1px solid #777052
	}

	#contents section table.howto-range-table {
		border-bottom: 1px solid #777052
	}

	#contents section table.howto-range-table thead th {
		background-color: #F7F6F1
	}

	.contents-share {
		width: 100%;
		max-width: 1200px;
		min-width: 920px;
		position: absolute;
		display: block;
		padding-top: 30px;
		margin-bottom: 30px
	}

	.contents-share.sp {
		display: none
	}

	.contents-share.category-top {
		z-index: 9999;
		position: relative
	}

	.contents-share-inner {
		width: 100%;
		float: right;
		margin-right: 30px;
		right: 20px
	}

	.content-share-area ul li:nth-child(3),
	.contents-share-inner ul li:nth-child(3) {
		display: none
	}

	.contents-share p {
		position: absolute;
		right: 185px;
		padding-top: 13px;
		text-align: right !important
	}

	.contents-share ul {
		width: 135px;
		float: right
	}

	.contents-share ul li {
		float: left;
		margin-left: 17px
	}

	.contents-share ul li img {
		width: 26px
	}

	.layout {
		line-height: 180%;
		text-align: left;
		margin: 0 30px 30px 30px
	}

	.layout p {
		margin-bottom: 20px
	}

	.layout p a {
		text-decoration: underline
	}

	.layout .left {
		float: left
	}

	.layout .right {
		float: right
	}

	.layout.first {
		padding-top: 40px !important
	}

	.layout.first.manners {
		padding-top: 60px !important
	}

	.layout figure {
		max-width: 450px
	}

	.layout figure img {
		width: 100%
	}

	.layout figure figcaption {
		margin-bottom: 30px;
		text-align: left
	}

	.layout .left .btn-rectangle,
	.layout .right .btn-rectangle {
		width: 50%
	}

	.layout dl {
		line-height: 180%;
		margin-bottom: 30px
	}

	.layout dl dt {
		float: left
	}

	.layout dl dd,
	.layout dl dt {
		padding-bottom: 5px
	}

	dl.no-title {
		margin-top: 20px
	}

	.layout dl.definition-list3em dd {
		margin-left: 3em
	}

	.layout dl.definition-list4em dd {
		margin-left: 4em
	}

	.layout dl.definition-list5em dd {
		margin-left: 5em
	}

	.layout dl.definition-list6em dd {
		margin-left: 6em
	}

	.layout dl.definition-list7em dd {
		margin-left: 7em
	}

	hr.layout {
		margin: 30px 30px 20px 30px !important;
		border: none;
		border-top: solid 1px #E9E5E1;
		height: 1px;
		color: #FFFFFF
	}

	.layout h2.plane {
		margin-top: 50px
	}

	.layout h3.plane {
		margin-top: 50px
	}

	.layout h4.plane {
		margin-top: 50px
	}

	.layout h5.plane {
		margin-top: 50px
	}

	.layout h2.article {
		margin-top: 50px;
		margin-bottom: 15px
	}

	.layout h3.article {
		margin-top: 50px;
		margin-bottom: 15px
	}

	.layout h4.article {
		margin-top: 50px;
		margin-bottom: 15px
	}

	.layout h5.article {
		margin-top: 50px;
		margin-bottom: 15px
	}

	.layout h2 {
		font-size: 22px;
		margin-bottom: 30px;
		line-height: 160%
	}

	.layout h3 {
		font-size: 22px;
		margin-bottom: 30px;
		line-height: 160%
	}

	.layout h4 {
		font-size: 20px;
		margin-bottom: 30px;
		line-height: 160%
	}

	.layout h5 {
		font-size: 18px;
		margin-bottom: 30px;
		line-height: 160%
	}

	.layout h4.not-heading {
		font-size: 18px;
		margin-bottom: 10px
	}

	.headline-with-illust {
		clear: both
	}

	.headline-with-illust h3,
	.headline-with-illust h4 {
		margin-top: 40px;
		float: left
	}
}

@media print,
screen and (min-width:768px) and (max-width:1000px) {
	.headline-with-illust h3 {
		max-width: 550px
	}
}

@media print,
screen and (min-width:768px) {

	.layout .left .headline-with-illust h3,
	.layout .right .headline-with-illust h3 {
		max-width: 79%;
		float: left
	}

	.headline-with-illust img.headline-illust {
		width: 20%;
		max-width: 70px;
		margin-left: 20px;
		float: left;
		margin-top: 20px
	}

	.text-2column .left,
	.text-2column .right {
		width: 48%
	}

	.layout-1headline-2column .left {
		width: 48%
	}

	.layout-1headline-2column .right {
		width: 48%
	}

	.layout-1headline-2column .adjust-with-screen {
		margin-top: -8px;
		width: 100%
	}

	.layout-1headline-2column .screen-photo {
		margin-left: 30px;
		margin-right: 30px;
		max-width: 450px
	}

	.dl-2colum.shooting {
		width: 70%
	}
}

@media print,
screen and (min-width:768px) and (max-width:1200px) {
	.dl-2colum.shooting {
		width: 70%
	}
}

@media print,
screen and (min-width:768px) and (max-width:960px) {
	.dl-2colum.shooting dl.left {
		margin-bottom: 0
	}
}

@media print,
screen and (min-width:768px) {
	.viewer-3column {
		margin-top: -30px
	}

	.viewer-3column ul li {
		margin-bottom: 30px
	}

	.viewer-3column ul li .viewer {
		margin-bottom: 0
	}

	.viewer-3column ul li .figcap {
		margin-top: -10px
	}

	.viewer-3column p.txt {
		margin-top: 10px
	}

	.viewer-3column figcaption.long-txt {
		padding-right: 40px;
		font-size: 12px;
		margin-top: 5px;
		line-height: 140%
	}

	.viewer-3column ul li p.txt {
		margin-top: 10px
	}

	.layout-1headline-2column .screen-photo .viewer {
		margin: 0 !important;
		padding: 0 !important
	}

	.layout-1headline-2column .screen-photo .viewer figure,
	.layout-1headline-2column .screen-photo .viewer img {
		margin: 0 !important;
		padding: 0 !important
	}

	.layout-1headline-2column .screen-photo .figcap {
		width: 100% !important
	}

	.dl-2colum .left {
		width: 36%
	}

	.dl-2colum .right {
		width: 45%
	}

	.dl-2colum .left {
		float: left
	}

	.dl-2colum .right {
		float: left
	}
}

@media print,
screen and (min-width:768px) and (max-width:1180px) {
	.dl-2colum .left {
		width: 100% !important;
		float: none;
		margin-bottom: 0 !important
	}

	.dl-2colum .right {
		width: 60% !important;
		float: none
	}

	.layout-1headline-2column .dl-2colum .left {
		width: 90% !important;
		float: none;
		margin-bottom: 0 !important
	}

	.layout-1headline-2column .dl-2colum .right {
		width: 90% !important;
		float: none
	}
}

@media print,
screen and (min-width:768px) {
	.dl-2colum dd {
		/*margin-left: 5em !important*/
	}

	.dl-2colum dt.note {
		font-size: 12px
	}
}

@media print,
screen and (min-width:768px) and (max-width:960px) {

	.dl-2colum .left,
	.dl-2colum .right {
		width: 90%
	}

	.dl-2colum .left {
		float: none
	}

	.dl-2colum .right {
		float: none
	}
}

@media print,
screen and (min-width:768px) {
	.layout-2headline-2column .left {
		width: 48%
	}

	.layout-2headline-2column .right {
		width: 48%
	}

	.layout-1headline-2column-rightschematictop .left {
		width: 55%
	}

	.layout-1headline-2column-rightschematictop .right {
		width: 40%;
		padding-top: 30px
	}

	.layout-1headline-2column-rightschematictop .right.top {
		padding-top: 0px
	}

	.layout-1headline-2column-rightschematictop .right figure {
		text-align: right
	}

	figure.howto-schematic-positoin {
		max-width: 100%
	}

	.layout-1headline-2column-gallery .left {
		width: 50%
	}

	.layout-1headline-2column-gallery .right {
		width: 40%;
		padding-top: 30px
	}

	.layout-1headline-2column-gallery .right.top {
		padding-top: 0px
	}

	.layout-1headline-2column-gallery .right {
		overflow: hidden
	}

	.layout-1headline-2column-gallery .right img {
		width: 100%
	}

	.layout-1headline-2column-gallery .viewer figure {
		max-width: 100%
	}

	.layout-1headline-2column-gallery h2 {
		color: #333;
		margin-top: 50px;
		margin-bottom: 0
	}

	.layout-1headline-2column-gallery h3 {
		color: #333;
		font-size: 20px
	}

	.layout-1headline-2column-gallery h4 {
		font-size: 18px;
		margin-top: 70px;
		margin-bottom: 20px
	}

	.layout-1headline-2column-gallery h4.first {
		margin-top: 40px
	}

	.layout-1headline-2column-gallery p.name-caption {
		margin-top: 0px
	}

	.layout-1headline-2column-gallery p.text {
		margin-top: 30px
	}

	.layout-1headline-2column-gallery .sound-container {
		margin-top: 100px
	}

	.layout-1headline-2column-gallery .right {
		padding-top: 0
	}

	.layout-1headline-2column-gallery .right figure {
		line-height: 0
	}

	.layout-1headline-2column-gallery .right p {
		margin-top: 20px;
		margin-bottom: 25px
	}

	.kidscolumn-setmargin-top {
		margin-top: 60px
	}

	.layout-1headline-2column-rightphoto.duplicate {
		padding-top: 10px !important
	}

	.layout-1headline-2column-rightphoto.layout {
		padding-top: 20px
	}

	.layout-1headline-2column-rightphoto .left {
		width: 50%;
		padding-top: 30px
	}

	.layout-1headline-2column-rightphoto .left.withcase {
		padding-top: 0px !important
	}

	.layout-1headline-2column-rightphoto .activities-new-title {
		float: left
	}

	.layout-1headline-2column-rightphoto .new-activities {
		float: left
	}

	.layout-1headline-2column-rightphoto .cmn-icon-new {
		width: 39px;
		height: 39px;
		margin-left: 30px;
		margin-top: -10px
	}

	.layout-1headline-2column-rightphoto .left h2 {
		margin-bottom: 10px
	}

	.layout-1headline-2column-rightphoto .left h2 span.cap,
	.layout-1headline-2column-rightphoto .left h3 span.cap,
	.layout-1headline-2column-rightphoto .left h4 span.cap {
		font-size: 18px
	}

	.layout-1headline-2column-rightphoto .left h2 span.cap {
		margin-left: 10px
	}

	.layout-1headline-2column-rightphoto .left p.text {
		margin-bottom: 20px
	}

	.layout-1headline-2column-rightphoto .left .btn-rectangle {
		margin: 0 !important
	}

	.layout-1headline-2column-rightphoto .right {
		width: 40%
	}

	.layout-1headline-2column-rightphoto .right.top {
		padding-top: 0px
	}

	.layout-1headline-2column-rightphoto .right figure {
		margin: 0 !important;
		padding: 0 !important;
		text-align: right
	}

	.layout-1headline-2column-rightphoto .right img {
		width: 100%
	}

	.layout-1headline-2column-rightphoto.activities .right img {
		margin-top: -50px
	}

	.layout-1headline-2column-rightphoto .left ul.list li {
		list-style: disc !important;
		margin-left: 2em;
		margin-bottom: 5px
	}

	.layout-2column-schematic ul {
		margin-left: 10%
	}

	.layout-2column-schematic ul li {
		float: left;
		width: 40%;
		margin-right: 10%
	}

	.layout-2column-schematic ul li:nth-child(2n) {
		margin-right: 0
	}

	ul.list-column2-photo-schematic {
		margin-top: 20px;
		margin-left: 5%
	}

	ul.list-column2-photo-schematic li {
		float: left
	}

	ul.list-column2-photo-schematic li.photo {
		width: 41%;
		margin-right: 6%
	}

	ul.list-column2-photo-schematic li.photo {
		line-height: 0
	}

	figure.list-column2 {
		max-width: 1000px;
		width: 100% !important
	}

	ul.list-column2-photo-schematic li.schematic {
		width: 46%;
		margin-right: 0%
	}

	ul.list-column2-photo-schematic li.schematic img {
		width: 100% !important
	}

	ul.list-column2-photo-schematic li:nth-child(2n) {
		margin-right: 0
	}

	.layout-3column-schematic ul li {
		float: left;
		width: 31.5%;
		margin-right: 2.5%
	}

	.layout-3column-schematic ul li:nth-child(3n) {
		margin-right: 0
	}

	.heading-number-3column-schematic h4,
	.heading-number-3column-schematic h5 {
		margin-left: 2em
	}

	.heading-number-3column-schematic ul {
		margin-left: 3em
	}

	.heading-number-3column-schematic ul li {
		float: left;
		width: 30.5%;
		margin-right: 3%;
		padding: 0 !important
	}

	.heading-number-3column-schematic ul li:nth-child(3n) {
		margin-right: 0
	}

	.heading-number-3column-schematic ul li figure {
		width: 100% !important;
		margin-left: 0
	}

	.heading-number-schematic-horizontal {
		margin-left: 2em;
		margin-right: 2em
	}

	.heading-number-schematic-horizontal h4,
	.heading-number-schematic-horizontal h5 {
		margin-left: 2em
	}

	.heading-number-schematic-horizontal .horizontal img.schematic {
		width: 100% !important
	}

	.layout-schematic-horizontal {
		margin-left: 30px;
		margin-right: 30px
	}

	.layout-schematic-horizontal .horizontal img.schematic {
		width: 100% !important
	}

	h3.column-heading span {
		display: block;
		float: left
	}

	h3.column-heading span.font {
		font-size: 28px;
		text-transform: uppercase;
	}

	h3.column-heading span.ja {
		font-size: 16px;
		font-weight: normal !important;
		margin-left: 10px;
		display: block
	}

	.layout-column-2column h3.column-heading {
		padding-top: 30px;
		padding-bottom: 30px
	}

	.layout-column-2column h4 {
		margin-bottom: 15px
	}

	.layout-column-2column .left {
		width: 48%
	}

	.layout-column-2column .right {
		width: 48%
	}

	.layout-column-2column-rightschematictop h3.column-heading {
		padding-top: 30px;
		padding-bottom: 30px
	}

	.layout-column-2column-rightschematictop h4 {
		margin-bottom: 15px
	}

	.layout-column-2column-rightschematictop h4.second {
		margin-top: 50px
	}

	.layout-column-2column-rightschematictop .left {
		width: 55%
	}

	.layout-column-2column-rightschematictop .right {
		width: 40%;
		padding-top: 30px
	}

	.layout-column-2column-rightschematictop .right figure {
		text-align: right;
		max-width: 450px
	}

	h3.heading-number {
		width: 100%;
		clear: both
	}

	h3.heading-number,
	h4.heading-number {
		margin-bottom: 20px !important;
		padding-left: 40px;
		text-indent: -40px;
		margin-top: 40px
	}

	h3.heading-number.about {
		margin-top: 10px
	}

	h3.heading-number.about.nolist {
		margin-bottom: 0 !important
	}

	h3.heading-number span.num,
	h4.heading-number span.num {
		font-size: 48px;
		font-style: italic;
		position: absolute;
		text-align: right;
		margin-top: -8px;
		padding-left: 30px
	}

	h3.heading-number span.num.number6,
	h3.heading-number span.num.number8,
	h4.heading-number span.num.number6,
	h4.heading-number span.num.number8 {
		margin-top: 0
	}

	h3.heading-number span.ja,
	h4.heading-number span.ja {
		margin-left: 40px
	}

	div.heading-number dl,
	div.heading-number p {
		margin-left: 40px
	}

	.heading-number.about-indent {
		margin-left: 30px
	}

	.heading-number.about-indent p {
		margin-left: 0
	}

	p.heading-number {
		margin-left: 40px;
		margin-right: 40px
	}

	h4.heading-number.paragraph {
		font-size: 14px;
		font-weight: normal;
		text-indent: -40px;
		line-height: 200%
	}

	h4.heading-number.line2 {
		height: 5em
	}

	h4.heading-number.line3 {
		height: 6em
	}

	h4.heading-number.line4 {
		height: 7em
	}

	h4.heading-number.line5 {
		height: 8em
	}

	h4.heading-number.line6 {
		height: 9em
	}

	h4.heading-number.line7 {
		height: 10em
	}

	h4.heading-number.line8 {
		height: 11em
	}

	h4.heading-number.line9 {
		height: 12em
	}

	h4.heading-number.line10 {
		height: 13em
	}

	.heading-number figure {
		margin-left: 40px
	}

	p.asterisk {
		padding-left: 1em;
		text-indent: -1em
	}

	p.asterisk2 {
		padding-left: 1em;
		text-indent: -1em;
		margin-top: -20px
	}

	p.asterisk.no-margin {
		padding-left: 1em;
		text-indent: -1em;
		margin-top: -70px
	}

	.layout-2column-container {
		text-align: left;
		padding-left: 30px;
		line-height: 180%;
		padding-right: 25px;
		padding-bottom: 30px
	}

	.layout-2column-container .title {
		font-size: 20px;
		margin-bottom: 20px
	}

	.layout-2column-txt {
		-moz-column-count: 2;
		-webkit-column-count: 2;
		column-count: 2;
		-moz-column-gap: 2em;
		-webkit-column-gap: 2em;
		column-gap: 2em;
		-moz-column-width: 50%;
		-webkit-column-width: 50%;
		column-width: 50%;
		margin-bottom: 40px
	}

	.layout-2column-txt p {
		margin-bottom: 15px
	}

	#contents ul#howto-manners-7list li:nth-child(2n) .left {
		float: right
	}

	#contents ul#howto-manners-7list li:nth-child(2n) .right {
		float: left
	}

	#contents ul#creative-park-list li {
		width: 100%
	}

	#contents ul#creative-park-list li:nth-child(2n) .left {
		float: right
	}

	#contents ul#creative-park-list li:nth-child(2n) .right {
		float: left
	}

	#contents ul#creative-park-list li {
		margin-bottom: 30px
	}

	#contents ul#creative-park-list li img.cmn-icon-new {
		width: 39px;
		height: 39px;
		margin-left: 20px;
		margin-top: -10px;
		vertical-align: middle
	}

	#contents ul#creative-park-list li img {
		margin-left: 30px;
		max-width: 100%
	}
}

@media print,
screen and (min-width:768px) and (max-width:960px) {
	#contents ul#creative-park-list li img {
		width: 90%;
		max-width: 90%
	}
}

@media print,
screen and (min-width:768px) {

	#contents .btn-rectangle.adjust-creative-park,
	#contents ul#creative-park-list li .btn-rectangle {
		margin-top: 30px;
		margin-bottom: 50px;
		max-width: none !important;
		background-position: 20px center !important;
		width: 300px
	}

	#contents .btn-rectangle.adjust-creative-park a,
	#contents ul#creative-park-list li .btn-rectangle a {
		max-width: none !important;
		padding-left: 0 !important;
		text-align: center !important;
		letter-spacing: 0;
		background-position: 20px center !important
	}

	footer {
		line-height: 1;
		min-width: 920px;
		overflow: hidden;
		position: relative
	}

	footer p#footer-logo {
		width: 20%
	}

	footer nav#footer-link {
		width: 26%;
		min-width: 300px;
		padding-top: 8px
	}

	footer #footer-catch-copy {
		width: 24%
	}

	footer #footer-share-area {
		width: 24%;
		padding-top: 6px
	}

	footer #footer-illust {
		z-index: -99;
		position: absolute;
		right: 0;
		margin-top: 20px
	}

	footer #footer-illust img.cmn-footer-illust {
		width: 360px
	}
}

@media print,
screen and (min-width:768px) and (max-width:1100px) {
	footer #footer-illust img.cmn-footer-illust {
		width: 280px
	}

	footer img.cmn-site-title-top {
		width: 200px !important;
		margin-top: 45px !important
	}

	footer #footer-catch-copy {
		width: 21%
	}

	footer #footer-catch-copy p.copy {
		font-size: 14px !important
	}

	footer #footer-share-area {
		width: 27%
	}

	footer #footer-share-area p.title {
		font-size: 14px !important;
		letter-spacing: 0.2em !important
	}

	footer #footer-share-area img.footer-icon-sns {
		width: 26px !important
	}

	footer #footer-share-area ul li {
		margin-right: 10 !important
	}
}

@media print,
screen and (min-width:768px) {
	footer p#footer-logo {
		float: left
	}

	footer img.cmn-site-title-top {
		width: 260px
	}

	footer #footer-catch-copy,
	footer #footer-share-area,
	footer nav#footer-link {
		margin-top: 200px
	}

	footer nav#footer-link {
		text-align: left;
		float: left
	}

	footer nav#footer-link ul li {
		margin-left: 40px;
		margin-bottom: 18px
	}

	footer nav#footer-link ul li a,
	footer nav#footer-link ul li a:active,
	footer nav#footer-link ul li a:link,
	footer nav#footer-link ul li a:visited {
		text-decoration: none
	}

	footer nav#footer-link ul li a:hover {
		text-decoration: underline
	}

	footer nav#footer-link ul li a {
		background: url(../img/cmn-icon-footer-link.png) left 5px no-repeat;
		background-size: 5px 7px;
		padding-left: 10px
	}

	footer nav#footer-link ul li.env-top {
		padding-top: 1em
	}

	footer #footer-catch-copy {
		float: left;
		text-align: left;
		line-height: 2
	}

	footer #footer-catch-copy p.copy {
		font-weight: bold;
		font-size: 16px;
		margin-bottom: 15px;
		line-height: 1;
		line-height: 170%
	}

	footer #footer-share-area {
		text-align: left;
		float: right
	}

	footer #footer-share-area p.title {
		font-size: 18px;
		line-height: 1;
		margin-top: -3px
	}

	footer #footer-share-area ul {
		margin-top: 15px
	}

	footer #footer-share-area ul li {
		float: left;
		margin-right: 17px
	}

	footer #footer-share-area img.footer-icon-sns {
		width: 34px
	}

	footer nav#footer-base {
		width: 100%;
		height: 36px;
		overflow: hidden;
		border-top: 4px solid #F0EEE3;
		background-color: #8D8770
	}

	footer nav#footer-base,
	footer nav#footer-base a,
	footer nav#footer-base p {
		color: #fff;
		font-size: 12px;
		font-weight: bold
	}

	footer nav#footer-base p.copyright {
		float: left;
		margin-top: 11px;
		margin-left: 30px
	}

	footer nav#footer-base ul {
		float: right;
		margin-top: 11px;
		margin-right: 30px
	}

	footer nav#footer-base ul li {
		float: left
	}

	footer nav#footer-base ul li a:hover {
		text-decoration: underline
	}

	footer #footer-pagetop p#pagetop {
		width: 185px;
		height: 32px;
		text-align: left;
		background-color: #F0EEE3;
		font-size: 12px;
		float: right;
		margin-right: 30px
	}

	footer #footer-pagetop p#pagetop a {
		width: 100%;
		height: 100%;
		padding-top: 12px;
		display: block;
		padding-left: 25px
	}

	footer #footer-pagetop p#pagetop a:hover {
		text-decoration: underline
	}

	footer #footer-pagetop p#pagetop {
		background-image: url(../img/cmn-footer-pagetop.png);
		background-repeat: no-repeat;
		background-size: 12px;
		background-position: 155px 15px
	}

	#footer-pagetop-vertical {
		display: none;
		position: fixed;
		bottom: -100px
	}
}

.isotope-item {
	z-index: 2
}

.isotope-hidden.isotope-item {
	pointer-events: none;
	z-index: 1
}

.isotope,
.isotope .isotope-item {
	-webkit-transition-duration: 0.8s;
	-moz-transition-duration: 0.8s;
	-ms-transition-duration: 0.8s;
	-o-transition-duration: 0.8s;
	transition-duration: 0.8s
}

.isotope {
	-webkit-transition-property: height, width;
	-moz-transition-property: height, width;
	-ms-transition-property: height, width;
	-o-transition-property: height, width;
	transition-property: height, width
}

.isotope .isotope-item {
	-webkit-transition-property: -webkit-transform, opacity;
	-moz-transition-property: -moz-transform, opacity;
	-ms-transition-property: -ms-transform, opacity;
	-o-transition-property: top, left, opacity;
	-webkit-transition-property: opacity, -webkit-transform;
	transition-property: opacity, -webkit-transform;
	-o-transition-property: transform, opacity;
	transition-property: transform, opacity;
	transition-property: transform, opacity, -webkit-transform
}

.isotope .isotope-item.no-transition,
.isotope.no-transition,
.isotope.no-transition .isotope-item {
	-webkit-transition-duration: 0s;
	-moz-transition-duration: 0s;
	-ms-transition-duration: 0s;
	-o-transition-duration: 0s;
	transition-duration: 0s
}

.resp-video16-9 {
	position: relative;
	width: 100%;
	padding-bottom: 56.25%
}

@media (max-width:480px) {

	.domain .after,
	.domain .before {
		height: 100px;
		line-height: 90px
	}

	.resp-video16-9 {
		position: relative;
		width: 100%;
		padding-bottom: 56.25%
	}

	.resp-video16-9.resp-video16-9__target-iframe iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%
	}

	.resp-video4-3 {
		position: relative;
		width: 100%;
		padding-bottom: 75%
	}
}

@media screen and (max-width:767px) {
	.container {
		width: 100%;
		max-width: 100% !important;
		min-width: auto !important
	}

	.container-inner {
		max-width: 100% !important;
		min-width: auto !important
	}

	.sp {
		display: block
	}

	.pc {
		display: none
	}

	.bold {
		font-weight: bold
	}

	.mb20 {
		margin-bottom: 20px !important
	}

	.mt20 {
		margin-top: 20px
	}

	.mt20-sp {
		margin-top: 20px
	}

	a,
	a:active,
	a:hover,
	a:link,
	a:visited {
		color: #777053;
		text-decoration: underline
	}

	section {
		position: relative
	}

	.container {
		width: 100%;
		max-width: 100% !important;
		min-width: auto !important;
		text-align: center;
		position: relative
	}

	.container-inner {
		max-width: 100% !important;
		min-width: auto !important;
		margin: 0 auto;
		position: relative
	}

	.bg-color {
		background-color: #F0EEE3
	}

	h2,
	h3,
	h4,
	h5,
	p {
		color: #777055
	}

	.btn-rectangle {
		line-height: 1;
		letter-spacing: 0.2em;
		font-weight: bold;
		text-align: center;
		font-size: 13px;
		text-decoration: none !important;
		max-width: 90%
	}

	.btn-rectangle a {
		border: 1px solid #C0BDA0;
		width: 100%;
		height: 100%;
		display: block;
		padding: 15px 0;
		text-decoration: none !important
	}

	.btn-rectangle a:hover {
		background-color: #C0BDA0;
		color: #fff
	}

	.btn-rectangle.white {
		text-decoration: none !important
	}

	.btn-rectangle.white a {
		border: 1px solid #fff;
		width: 100%;
		height: 100%;
		display: block;
		padding: 15px 0;
		color: #fff;
		text-decoration: none !important
	}

	.btn-rectangle.white a:hover {
		background-color: #fff;
		color: #777053;
		background-image: url(../img/cmn-icon-external.png);
		background-repeat: no-repeat;
		background-size: 10px;
		background-position: 3.5em 17px;
		text-decoration: none !important
	}

	.btn-rectangle.external a {
		text-align: left;
		padding-left: 5em;
		text-decoration: none !important
	}

	.btn-rectangle.external a:hover {
		background-image: url(../img/cmn-icon-external-white.png);
		background-repeat: no-repeat;
		background-size: 10px;
		background-position: 3.5em 17px;
		text-decoration: none !important
	}

	.btn-rectangle.external {
		background-image: url(../img/cmn-icon-external.png);
		background-repeat: no-repeat;
		background-size: 10px;
		background-position: 3.5em 17px
	}

	.btn-rectangle.external.white {
		background-image: url(../img/cmn-icon-external-white.png)
	}

	.btn-rectangle.external.white a:hover {
		background-image: url(../img/cmn-icon-external.png)
	}

	.activities .photo-area a {
		overflow: hidden
	}

	.about-btn-container {
		text-align: center !important;
		margin: 0 !important;
		padding: 0 !important
	}

	.about-btn-container .btn-rectangle.external.btn-about {
		background-image: url(../img/cmn-icon-external.png);
		background-repeat: no-repeat;
		background-size: 10px;
		background-position: 15px 17px;
		margin-left: auto !important;
		margin-right: auto !important;
		padding: 0 !important;
		max-width: 300px;
		min-width: 240px
	}

	.btn-rectangle.external a {
		text-align: center;
		padding-left: 0 !important;
		text-decoration: none !important
	}

	#btn-rectangle-top-about {
		letter-spacing: 0.2em
	}

	a.img-over {
		background: #000;
		display: block
	}

	a.img-over-white {
		background: #fff;
		display: block
	}

	.figcap {
		background-color: #C7BEB2;
		line-height: 1;
		position: relative;
		width: 100%;
		height: 40px
	}

	.figcap figcaption {
		color: #fff;
		font-weight: bold;
		margin: 12px 0 0 25px;
		float: left
	}

	.figcap .btn {
		float: right;
		height: 40px;
		position: absolute;
		background: #fff;
		right: 0
	}

	.figcap .btn img.cmn-icon-enlarge {
		width: 40px !important
	}

	header {
		/*text-align: center;*/
		overflow: hidden
	}

	header a,
	header a:active,
	header a:hover,
	header a:link,
	header a:visited {
		text-decoration: none
	}

	header {
		display: block;
		position: relative
	}

	header #header-inner {
		margin: 0 auto;
		text-align: left;
		width: 100%;
		height: 50px;
		border-bottom: 1px solid #D8D6CF
	}

	header #header-inner p {
		margin: 0 !important;
		padding: 0 !important
	}

	header #header-inner p#logo {
		width: 100px
	}

	header #header-inner p#logo img.cmn-logo-canon-global {
		margin-top: 12px;
		margin-left: 4px;
		width: 167px
	}

	header #header-inner p#logo {
		margin-top: 7px !important;
		margin-bottom: 10px !important;
		margin-left: 10px !important
	}

	header #header-logo-sp {
		line-height: 1;
		position: relative
	}

	header #header-logo-sp #top-site-title-sp img.cmn-site-title-sp {
		width: 80%;
		max-width: 400px;
		margin-top: 10px;
		margin-bottom: 10px
	}

	#contents header #header-inner p#site-logo-vertical {
		margin-top: 15px !important;
		margin-left: 30px !important;
		float: left;
		width: 23%
	}

	#contents header #header-inner p#site-title-vertical {
		float: left;
		margin-top: 31px !important;
		margin-left: 10px !important;
		width: 45%;
		min-width: 480px
	}

	#contents header #header-inner p#site-logo-vertical img.cmn-site-logo-vertical {
		width: 100%
	}

	#contents header #header-inner p#site-title-vertical img.cmn-site-title-vertival {
		width: 100%
	}

	#sp-menu-over {
		position: fixed;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		z-index: 99999;
		background: #F0EEE3;
		opacity: 0;
		display: none
	}

	.menu-open {
		width: 100%;
		overflow-x: hidden;
		overflow-y: auto;
		position: absolute
	}

	#sp-menu-container {
		background: #fff;
		display: none;
		width: 290px;
		height: 100%;
		position: fixed;
		height: 100%;
		top: 0;
		right: -200px;
		z-index: 99999
	}

	#sp-menu-btn {
		display: block;
		width: 42px;
		height: 42px;
		position: fixed;
		top: 8px;
		right: 10px;
		z-index: 999999
	}

	#sp-menu-btn span {
		display: block;
		background: #B6A99D;
		width: 20px;
		height: 2px;
		position: absolute;
		left: 9px;
		-o-transition: all 0.4s;
		transition: all 0.4s;
		-webkit-transition: all 0.4s;
		-moz-transition: all 0.4s
	}

	#sp-menu-btn span.sp-menu-line1 {
		top: 12px
	}

	#sp-menu-btn span.sp-menu-line2 {
		top: 50%;
		margin-top: -1px
	}

	#sp-menu-btn span.sp-menu-line3 {
		bottom: 12px
	}

	#sp-menu-btn.active span {
		background: #fff;
		-webkit-transition: 0.4s;
		-o-transition: 0.4s;
		transition: 0.4s
	}

	#sp-menu-btn.active span.sp-menu-line1 {
		-webkit-transform: translateY(8px) rotate(45deg);
		-moz-transform: translateY(8px) rotate(45deg);
		-ms-transform: translateY(8px) rotate(45deg);
		transform: translateY(8px) rotate(45deg)
	}

	#sp-menu-btn.active span.sp-menu-line2 {
		opacity: 0
	}

	#sp-menu-btn.active span.sp-menu-line3 {
		-webkit-transform: translateY(-8px) rotate(-45deg);
		-moz-transform: translateY(-8px) rotate(-45deg);
		-ms-transform: translateY(-8px) rotate(-45deg);
		transform: translateY(-8px) rotate(-45deg)
	}

	header #sp-menu-container,
	header nav#header-nav-sp,
	header nav#header-nav-sp #header-nav-inner ul li a {
		background-color: #B6A99D
	}

	header #header-nav-inner ul li a {
		background: none !important
	}

	header header nav#header-nav-sp #header-nav-inner ul li {
		font-size: 12px !important;
		line-height: 3.6
	}

	#header-nav-inner {
		padding-top: 50px;
		font-size: 14px;
		-webkit-font-smoothing: subpixel-antialiased
	}

	#sp-menu-container {
		overflow-y: scroll !important
	}

	#header-nav-inner ul li a {
		background: none !important
	}

	#header-nav-inner ul li div.open-btn {
		width: 48px;
		height: 44px;
		background: rgba(255, 255, 255, 0.1);
		position: absolute;
		top: 0;
		right: 0;
		cursor: pointer
	}

	#header-nav-inner ul {
		display: block;
		margin: 0 0 20px 0;
		padding: 0;
		text-align: left
	}

	#header-nav-inner ul li {
		display: block;
		position: relative;
		line-height: 44px;
		margin: 0 25px 0 25px;
		border-bottom: 1px solid rgba(255, 255, 255, 0.5) !important
	}

	#header-nav-inner ul li ul li {
		border-top: 1px solid rgba(255, 255, 255, 0.3) !important;
		border-bottom: none !important;
		margin: 0 0 0 20px
	}

	#header-nav-inner ul li.close {
		background-color: rgba(255, 255, 255, 0.3) !important;
		margin: 0 !important;
		text-align: right;
		border-bottom: none !important;
		background-image: url("../img/cmn-menu-icon-close.png") !important;
		background-repeat: no-repeat;
		background-position-x: right;
		background-position-y: 11px !important;
		background-size: 20px !important
	}

	#header-nav-inner ul li.close a {
		padding-right: 30px
	}

	#header-nav-inner ul li.link {
		background-image: url("../img/cmn-menu-icon-arrow.png");
		background-repeat: no-repeat;
		background-position-x: right;
		background-position-y: 8px;
		background-size: 30px
	}

	#header-nav-inner ul li {
		background-image: url("../img/cmn-menu-icon-plus.png");
		background-repeat: no-repeat;
		background-position-x: right;
		background-position-y: 8px;
		background-size: 30px
	}

	#header-nav-inner ul li.open {
		background-image: url("../img/cmn-menu-icon-minus.png");
		background-repeat: no-repeat;
		background-position-x: right;
		background-position-y: 8px;
		background-size: 30px
	}

	#header-nav-inner ul li ul li {
		background-image: url("../img/cmn-menu-icon-arrow.png");
		background-repeat: no-repeat;
		background-position-x: right;
		background-position-y: 8px;
		background-size: 30px
	}

	#header-nav-inner ul li#header-nav-inner-class-active>a,
	#header-nav-inner ul li#header-nav-inner-class-active>span,
	#header-nav-inner ul li.active>a,
	#header-nav-inner ul li.active>span,
	#header-nav-inner ul li:hover>a,
	#header-nav-inner ul li:hover>span {
		color: rgba(255, 255, 255, 0.5)
	}

	#header-nav-inner ul li a,
	#header-nav-inner ul li span {
		padding: 0;
		display: block;
		text-decoration: none;
		color: #fff
	}

	#header-nav-inner ul li ul {
		border-bottom: none;
		margin: 0
	}

	#header-nav-inner ul li ul li {
		line-height: 40px;
		font-size: 13px
	}

	#header-nav-inner ul li ul li.line2 {
		line-height: 20px !important
	}

	#header-nav-inner ul li ul li.line2 a {
		padding-top: 10px !important;
		padding-bottom: 10px !important;
		text-indent: -1em;
		padding-left: 1em
	}

	#header-nav-inner ul li ul li.nolink {
		background: none;
		color: #fff;
		opacity: 1
	}

	#header-nav-inner ul li ul li.nolink2l {
		background: none;
		color: #fff;
		opacity: 1;
		padding-top: 12px;
		padding-bottom: 12px;
		line-height: 180%
	}

	#header-nav-inner ul li ul li.nolink:hover,
	#header-nav-inner ul li ul li.nolink a:hover {
		cursor: default;
		opacity: 1
	}

	#header-nav-inner ul li ul li.line2.act a {
		padding-left: 0em;
		text-indent: 0 !important
	}

	#header-nav-inner ul li ul li:last-child {
		border-bottom: none
	}

	#header-nav-inner ul li ul li#header-nav-inner-class-active,
	#header-nav-inner ul li ul li.active {
		color: rgba(255, 255, 255, 0.8) !important
	}

	#header-nav-inner ul li ul li#header-nav-inner-class-active>a,
	#header-nav-inner ul li ul li#header-nav-inner-class-active>span,
	#header-nav-inner ul li ul li.active>a,
	#header-nav-inner ul li ul li.active>span,
	#header-nav-inner ul li ul li:hover>a,
	#header-nav-inner ul li ul li:hover>span {
		color: rgba(255, 255, 255, 0.5)
	}

	#header-nav-inner ul li ul li a,
	#header-nav-inner ul li ul li span {
		color: rgba(255, 255, 255, 0.8)
	}

	html.gecko #header-nav-inner ul li.link {
		background-position: right 10px
	}

	html.gecko #header-nav-inner ul li {
		background-position: right 10px
	}

	html.gecko #header-nav-inner ul li.open {
		background-position: right 10px
	}

	html.gecko #header-nav-inner ul li ul li {
		background-position: right 10px
	}

	html.gecko #contents #menu-select-container nav select {
		background-position: 77% 15px
	}

	#contents .container-inner {
		overflow: hidden
	}

	#contents .container.contents-main-bg-color {
		background-color: #B6A99D
	}

	.contents-main-container {
		background: #B6A99D
	}

	.contents-main-container .left {
		text-align: left;
		color: #fff !important
	}

	.contents-main-container .right {
		width: 100%
	}

	.contents-main-container .right img {
		width: 100%
	}

	.contents-main-container .left .left-inner {
		line-height: 180%
	}

	.contents-main-container .left .left-inner h1,
	.contents-main-container .left .left-inner h2,
	.contents-main-container .left .left-inner h3,
	.contents-main-container .left .left-inner p {
		color: #fff !important;
		margin-left: 30px;
		margin-right: 30px
	}

	.contents-main-container p.en {
		font-size: 18px;
		line-height: 120%;
		text-align: center;
		margin-top: 30px !important;
		margin-left: 10px !important;
		margin-right: 10px !important
	}

	.contents-main-container h1 {
		margin-top: 5px;
		letter-spacing: 0.3em;
		text-align: center;
		font-size: 14px;
		line-height: 180% !important
	}

	.contents-main-container p.copy {
		margin-top: 20px;
		margin-bottom: 30px;
		-webkit-font-smoothing: subpixel-antialiased
	}

	.contents-main-container.photo-gallery p.en {
		margin-top: 30px;
		letter-spacing: 0.2em
	}

	.contents-nav-container.photo-gallery h1 {
		font-size: 14px
	}

	.contents-main-container.howto-photograph-detail h1 a,
	.contents-main-container.howto-photograph-detail h1 a:active,
	.contents-main-container.howto-photograph-detail h1 a:hover,
	.contents-main-container.howto-photograph-detail h1 a:link,
	.contents-main-container.howto-photograph-detail h1 a:visited,
	.contents-main-container.howto-photograph-detail p.en a,
	.contents-main-container.howto-photograph-detail p.en a:active,
	.contents-main-container.howto-photograph-detail p.en a:hover,
	.contents-main-container.howto-photograph-detail p.en a:link,
	.contents-main-container.howto-photograph-detail p.en a:visited,
	.contents-main-container.howto-photograph-detail p.vol a,
	.contents-main-container.howto-photograph-detail p.vol a:active,
	.contents-main-container.howto-photograph-detail p.vol a:hover,
	.contents-main-container.howto-photograph-detail p.vol a:link,
	.contents-main-container.howto-photograph-detail p.vol a:visited {
		color: #fff;
		text-decoration: none
	}

	.contents-main-container.howto-photograph-detail p.en,
	.contents-main-container.howto-photograph p.en {
		margin-top: 30px;
		letter-spacing: 0.2em;
		text-transform:uppercase;
	}

	.contents-main-container.howto-photograph-detail p.vol {
		margin-top: 10px;
		font-size: 16px;
		font-weight: bold;
		letter-spacing: 0.1em;
		text-align: center;
		font-size: 14px
	}

	.contents-main-container.howto-photograph-detail h2 {
		margin-top: 30px;
		font-size: 20px
	}

	.contents-main-container.howto-photograph-detail p.text {
		margin-top: 20px;
		-webkit-font-smoothing: subpixel-antialiased
	}

	.contents-main-container.howto-photograph-detail p.text a,
	.contents-main-container.howto-photograph-detail p.text a:hover,
	.contents-main-container.howto-photograph-detail p.text a:link,
	.contents-main-container.howto-photograph-detail p.text a:visited {
		color: #fff
	}

	.contents-main-container.activities p.en {
		letter-spacing: 0.2em
	}

	.contents-main-container.creative-park p.en {
		letter-spacing: 0.1em
	}

	.contents-nav-container h1 a,
	.contents-nav-container h1 a:active,
	.contents-nav-container h1 a:hover,
	.contents-nav-container h1 a:link,
	.contents-nav-container h1 a:visited,
	.contents-nav-container p.en a,
	.contents-nav-container p.en a:active,
	.contents-nav-container p.en a:hover,
	.contents-nav-container p.en a:link,
	.contents-nav-container p.en a:visited {
		color: #fff;
		text-decoration: none
	}

	.contents-nav-container {
		background: #B6A99D
	}

	.contents-nav-container .left {
		width: 100%;
		clear: both
	}

	.contents-nav-container .right {
		width: 100%
	}

	.contents-nav-container .left-inner {
		width: 100%;
		line-height: 1;
		text-align: center;
		clear: both
	}

	.contents-nav-container .left-inner p.en {
		color: #fff;
		font-size: 24px;
		letter-spacing: 0.2em;
		margin-top: 32px;
		text-align: center
	}

	.contents-nav-container .left-inner h1 {
		color: #fff;
		margin-top: 12px;
		letter-spacing: 0.3em
	}

	.contents-nav-container .left-inner h2 {
		color: #fff;
		margin-top: 20px;
		letter-spacing: 0.2em;
		margin-bottom: 20px
	}

	.contents-nav-container nav {
		margin-top: 20px;
		display: none
	}

	.contents-nav-container .contents-nav-container .nav-area {
		width: 100%;
		margin-top: 32px
	}

	.contents-nav-container nav ul li {
		float: left;
		line-height: 1;
		width: 33%
	}

	.contents-nav-container nav ul li.back,
	.contents-nav-container nav ul li.list {
		border-right: 1px solid #fff
	}

	.contents-nav-container nav ul li a {
		display: block;
		width: 100%;
		height: 100%;
		text-align: center;
		padding: 15px 0 !important;
		background: #C5BAB1;
		font-size: 12px
	}

	.contents-nav-container nav ul li a,
	.contents-nav-container nav ul li a:active,
	.contents-nav-container nav ul li a:hover,
	.contents-nav-container nav ul li a:link,
	.contents-nav-container nav ul li a:visited {
		text-decoration: none;
		color: #fff;
		font-weight: bold
	}

	.contents-nav-container nav ul li a:hover {
		background: #CEC5BD
	}

	.contents-nav-container nav ul li.back a {
		background-image: url(../img/cmn-icon-howto-back-sp.png);
		background-repeat: no-repeat;
		background-size: 15px;
		background-position: left 16px
	}

	.contents-nav-container nav ul li.list a {
		background-image: url(../img/cmn-icon-howto-list-sp.png);
		background-repeat: no-repeat;
		background-size: 80px;
		background-position: center 16px
	}

	.contents-nav-container nav ul li.next a {
		background-image: url(../img/cmn-icon-howto-next-sp.png);
		background-repeat: no-repeat;
		background-size: 15px;
		background-position: right 16px
	}

	.contents-nav {
		margin-left: 20px;
		margin-right: 20px
	}

	.contents-nav {
		display: none
	}

	.contents-nav.activities {
		display: block;
		padding-top: 25px
	}

	.contents-nav.activities:after {
		content: ".";
		display: block;
		clear: both;
		height: 0;
		visibility: hidden
	}

	.container-inner.activities-nav {
		margin-bottom: -15px
	}

	.contents-nav nav ul li {
		float: left;
		line-height: 1;
		width: 33%
	}

	.contents-nav.howto-top {
		padding-bottom: 70px !important
	}

	.contents-nav.howto-top nav ul li {
		float: left;
		line-height: 1;
		width: 49.8%
	}

	.contents-nav.howto-top nav {
		padding-bottom: 50px
	}

	.contents-nav nav ul li.back,
	.contents-nav nav ul li.list {
		border-right: 1px solid #fff
	}

	.contents-nav nav ul li.howto-top1,
	.contents-nav nav ul li.howto-top3 {
		border-right: 1px solid #fff
	}

	.contents-nav nav ul li.howto-top1,
	.contents-nav nav ul li.howto-top2 {
		border-bottom: 1px solid #fff
	}

	.contents-nav nav ul li a {
		display: block;
		width: 100%;
		height: 100%;
		text-align: center;
		padding: 15px 0 !important;
		background: #C5BAB1
	}

	.contents-nav nav ul li a,
	.contents-nav nav ul li a:active,
	.contents-nav nav ul li a:hover,
	.contents-nav nav ul li a:link,
	.contents-nav nav ul li a:visited {
		text-decoration: none;
		color: #fff;
		font-weight: bold
	}

	.contents-nav nav ul li a:hover {
		background: #CEC5BD
	}

	.contents-nav nav ul li.back a {
		background-image: url(../img/cmn-icon-howto-back.png);
		background-repeat: no-repeat;
		background-size: 10px;
		background-position: 20px 16px
	}

	.contents-nav nav ul li.list a {
		background-image: url(../img/cmn-icon-howto-list.png);
		background-repeat: no-repeat;
		background-size: 80px;
		background-position: center 16px
	}

	.contents-nav nav ul li.next a {
		background-image: url(../img/cmn-icon-howto-next.png);
		background-repeat: no-repeat;
		background-size: 25px;
		background-position: right 16px
	}

	#contents .container.contents-main {
		background: #B6A99D
	}

	#contents .container.contents-howto.main {
		background: #B6A99D
	}

	#contents .container.contents-howto .title-area,
	#contents .container.contents-main .title-area {
		width: 100%;
		color: #fff
	}

	#contents .container.contents-howto .title-area p,
	#contents .container.howto .title-area h1 {
		margin-left: 60px !important;
		margin-right: 50px !important
	}

	#contents .container.contents-howto .title-area p.title,
	#contents .container.contents-main .title-area p.title {
		margin-right: 0 !important;
		margin-top: 110px;
		font-size: 32px;
		line-height: 1;
		color: #fff;
		letter-spacing: 0.2em
	}

	#contents .container.contents-howto .title-area h1,
	#contents .container.contents-main .title-area h1 {
		margin-top: 10px;
		letter-spacing: 0.4em;
		font-weight: bold;
		line-height: 1.6;
		color: #fff
	}

	#contents .container.contents-howto .title-area p.copy,
	#contents .container.contents-main .title-area p.copy {
		color: #fff;
		line-height: 1.8;
		margin-top: 20px;
		margin-right: 70px !important;
		font-weight: bold
	}

	#contents .container.contents-howto .photo-area,
	#contents .container.contents-main .photo-area {
		width: 100%
	}

	#contents .container.contents-howto .photo-area img,
	#contents .container.contents-main .photo-area img {
		width: 100%
	}

	#contents h1 {
		line-height: 1
	}

	#contents section.bird-list {
		margin-top: 40px;
		overflow: hidden
	}

	#contents section.bird-list .container-inner {
		padding-bottom: 30px;
		margin-bottom: 30px;
		position: relative
	}

	#contents section.bird-list h2 {
		font-size: 24px;
		padding-top: 60px;
		padding-bottom: 10px
	}

	#contents section.bird-list p.title {
		margin-top: 15px;
		font-size: 14px;
		margin-bottom: 35px;
		letter-spacing: 0.4em;
		font-weight: bold
	}

	#contents section.bird-list ul#contents-bird-slider {
		line-height: 1
	}

	#contents section.bird-list ul#contents-bird-slider li {
		position: relative
	}

	#contents section.bird-list ul#contents-bird-slider li img.contents-bird-thumb {
		width: 100%
	}

	#contents section.bird-list ul#contents-bird-slider li h3 {
		margin-top: 30px;
		text-align: center;
		margin-bottom: 10px;
		color: #333;
		line-height: 150%
	}

	#contents section.bird-list ul#contents-bird-slider li p {
		line-height: 120%;
		font-style: italic;
		text-align: left;
		text-align: center;
		margin-top: 0px !important
	}

	#contents section.bird-list ul#contents-bird-slider li h3,
	#contents section.bird-list ul#contents-bird-slider li p {
		margin-left: 20px;
		margin-right: 20px
	}

	#contents section.bird-list ul#contents-bird-slider li img.cmn-icon-new {
		width: 39px;
		height: 39px;
		position: absolute;
		margin-top: -20px
	}

	#contents section.bird-list #btn-rectangle {
		width: 22em;
		margin: 30px auto 10px auto
	}

	#contents section.bird-list ul#contents-bird-slider li {
		position: relative;
		overflow: hidden
	}

	#contents section.bird-list ul#contents-bird-slider li a.link {
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%
	}

	#contents section.bird-list ul#contents-bird-slider li a.link:hover {
		background-color: #F0EEE3;
		filter: alpha(opacity=50);
		-moz-opacity: 0.5;
		opacity: 0.5
	}

	#contents section.howto-list {
		margin-top: 40px
	}

	#contents section.howto-list .container-inner {
		padding-bottom: 30px;
		margin-bottom: 30px
	}

	#contents section.howto-list h2 {
		font-size: 24px;
		line-height: 120%;
		padding-top: 30px;
		padding-bottom: 10px;
		margin-left: 10px;
		margin-right: 10px
	}

	#contents section.howto-list p.title {
		margin-top: 15px;
		font-size: 14px;
		margin-bottom: 35px;
		letter-spacing: 0.4em;
		font-weight: bold
	}

	#contents section.howto-list ul#howto-slider li img {
		width: 100%
	}

	#contents section.howto-list ul#howto-slider li img.cmn-icon-new {
		position: absolute;
		width: 39px;
		height: 39px;
		margin-top: -20px
	}

	#contents section.howto-list ul#howto-slider li span.slide-icon {
		font-weight: bold;
		background: #777053;
		color: #fff !important;
		font-size: 11px;
		padding: 1px 10px;
		border-radius: 4px;
		position: absolute;
		float: left;
		margin-top: 23px;
		left: 12px;
		line-height: 150%
	}

	#contents section.howto-list ul#howto-slider li h3 {
		text-align: left;
		margin-top: 50px;
		line-height: 170%;
		margin-left: 15px;
		margin-right: 15px
	}

	#contents section.howto-list ul#howto-slider li p {
		text-align: left;
		line-height: 170%;
		margin-top: 5px;
		margin-left: 15px;
		margin-right: 15px
	}

	#contents section.howto-list .btn-rectangle {
		width: 14em;
		margin: 40px auto 0 auto
	}

	#contents section.howto-list ul#howto-slider li {
		position: relative
	}

	#contents section.howto-list ul#howto-slider li a.link {
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%
	}

	#contents section.howto-list ul#howto-slider li a.link:hover {
		background-color: #F0EEE3;
		filter: alpha(opacity=50);
		-moz-opacity: 0.5;
		opacity: 0.5
	}

	#contents section.howto-list .btn-rectangle-3column-container {
		position: relative;
		overflow: hidden;
		margin-right: 20px;
		margin-left: 20px
	}

	#contents section.howto-list .btn-rectangle-3column-container .btn-rectangle {
		width: 160px;
		margin-right: 5px;
		margin-left: 5px;
		margin-bottom: 0px !important;
		margin-top: 20px !important
	}

	#contents #gallery-sort {
		padding: 0px 0 30px 0;
		text-align: center !important;
		overflow: hidden;
		margin-top: -70px
	}

	#contents #gallery-sort ul {
		position: relative;
		margin-top: 60px
	}

	#contents #gallery-sort ul li {
		float: left;
		position: relative;
		width: 43% !important;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		margin: 0 0 10px 0 !important;
		padding: 0 !important
	}

	#contents #gallery-sort ul li:nth-child(odd) {
		margin-left: 5% !important;
		margin-right: 2% !important
	}

	#contents #gallery-sort ul li:nth-child(2n) {
		margin-left: 2% !important;
		margin-right: 4% !important
	}

	#contents #gallery-sort ul li .btn-rectangle {
		max-width: 100%
	}

	#contents #gallery-sort ul li .btn-rectangle a {
		width: 100% !important;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box
	}

	#contents #gallery-sort ul li .btn-rectangle a:hover {
		background: #B6A99D
	}

	#contents #gallery-sort ul li .btn-rectangle a.selected {
		color: #fff;
		background: #B6A99D
	}

	#contents #gallery-list ul li {
		float: left;
		width: 50%;
		min-height: 420px;
		position: relative
	}

	#contents #gallery-list ul li p {
		text-align: center !important
	}

	#contents #gallery-list ul li a.link {
		text-decoration: none;
		display: block
	}

	#contents #gallery-list ul li a.link:hover {
		background-color: #F0EEE3;
		filter: alpha(opacity=50);
		-moz-opacity: 0.5;
		opacity: 0.5
	}

	#contents #gallery-list ul li img.cmn-icon-new {
		position: absolute;
		width: 39px !important;
		height: 39px !important;
		margin-top: -20px;
		float: left !important;
		left: -3px !important
	}

	.gecko #gallery-list ul li img.cmn-icon-new {
		position: relative !important;
		margin-top: -20px !important;
		float: left
	}

	.chrome #gallery-list ul li img.cmn-icon-new {
		left: 0 !important
	}
}

@media screen and (max-width:767px) and (min-width:640px) and (max-width:768px) {
	#contents #gallery-list ul li {
		width: 33.33334%
	}
}

@media screen and (max-width:767px) {
	#contents #gallery-list p.more {
		text-align: center;
		margin-top: 25px;
		font-size: 12px;
		line-height: 30px;
		font-weight: bold;
		letter-spacing: 0.2em;
		border-top: 1px solid rgba(119, 112, 83, 0.3);
		border-bottom: 1px solid rgba(119, 112, 83, 0.3);
		margin-left: 30px;
		margin-right: 30px;
		margin-bottom: 30px
	}

	#contents #gallery-list ul li img {
		width: 100%
	}

	#contents #gallery-list p.hidden {
		display: none
	}

	#contents #gallery-list p.size {
		font-size: 24px
	}

	#contents #gallery-list p.name {
		line-height: 150%;
		font-weight: bold;
		color: #000;
		margin-top: 20px
	}

	#contents #gallery-list p.sub {
		margin-top: 7px;
		line-height: 120%;
		font-style: italic
	}

	#contents #gallery-list p.longname {
		letter-spacing: normal
	}
}

@media screen and (max-width:767px) and (max-width:780px) {
	#contents #gallery-list p.name {
		margin-left: 15px;
		margin-right: 10px;
		text-align: left
	}

	#contents #gallery-list p.sub {
		margin-left: 15px;
		margin-right: 10px;
		text-align: left
	}
}

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

	#contents #gallery-commentator-area,
	#contents #gallery-photographer-area {
		margin-top: 60px;
		width: 100%;
		text-align: left;
		line-height: 180%
	}

	#contents #gallery-commentator-area {
		margin-top: 30px;
		width: 100%;
		text-align: left;
		line-height: 180%
	}

	#contents #gallery-photographer-area.adjust-sound {
		margin-top: 30px
	}
}

@media screen and (max-width:767px) and (max-width:640px) {
	#contents #gallery-photographer-area.adjust-sound .title {
		line-height: 120%;
		letter-spacing: 0.05em
	}
}

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

	#contents #gallery-commentator-area h2,
	#contents #gallery-commentator-area h3,
	#contents #gallery-commentator-area p,
	#contents #gallery-photographer-area h2,
	#contents #gallery-photographer-area h3,
	#contents #gallery-photographer-area p {
		margin-left: 30px;
		margin-right: 30px
	}

	#contents #gallery-commentator-area h3,
	#contents #gallery-photographer-area h3 {
		width: 100% !important
	}

	#contents #gallery-commentator-area h3 span.ja,
	#contents #gallery-photographer-area h3 span.ja {
		display: block;
		line-height: 180%;
		float: none !important
	}

	#contents #gallery-commentator-area h3 span.font,
	#contents #gallery-photographer-area h3 span.font {
		display: block;
		line-height: 180%;
		float: none !important;
		margin-top: 0 !important
	}

	#contents #gallery-commentator-area p.title,
	#contents #gallery-photographer-area p.title {
		font-size: 24px;
		margin-bottom: 10px
	}

	#contents #gallery-commentator-area h2,
	#contents #gallery-photographer-area h2 {
		margin-top: -5px
	}

	#contents #gallery-commentator-area h3,
	#contents #gallery-photographer-area h3 {
		margin-top: 25px;
		font-size: 18px;
		width: 240px
	}

	#contents #gallery-commentator-area h3 span,
	#contents #gallery-photographer-area h3 span {
		font-size: 18px;
		margin-top: 5px;
		display: block;
		float: right
	}

	#contents #gallery-commentator-area p.txt,
	#contents #gallery-photographer-area p.txt {
		margin-top: 20px;
		float: none
	}

	.photographer-photo {
		padding-top: 20px;
		margin: 0 30px 30px 30px
	}

	.photographer-photo .photo {
		width: 100%;
		margin-bottom: -20px
	}

	.photographer-photo .photo img {
		width: 100%;
		margin-bottom: 20px
	}

	#contents .gallery-main {
		width: 100%
	}

	#contents .gallery-main .photo {
		width: 100%
	}

	#contents .gallery-main .photo img.gallery-main {
		width: 100%
	}

	.gallery-main-photo-container {
		line-height: 0
	}

	.gallery-main-photo-container .viewer {
		width: 100%
	}

	.gallery-main-photo-container .viewer img {
		width: 100%
	}

	.gallery-main-photo-container figure {
		margin: 0 !important;
		padding: 0 !important
	}

	.gallery-main-photo-container .figcap {
		padding: 0px !important;
		text-align: left !important;
		margin: 0 !important;
		padding: 0 !important
	}

	.gallery-main-photo-container .figcap .cap {
		font-size: 90%
	}

	.gallery-main-photo-container .figcap figcaption {
		font-size: 14px;
		line-height: 140%;
		margin: 0 !important;
		padding: 15px 50px 15px 30px !important;
		background: #C7BEB2
	}

	.gallery-main-photo-caption {
		line-height: 160%;
		font-size: 12px;
		text-align: left;
		text-indent: -1em;
		padding-left: 0.7em;
		margin-top: 20px;
		margin-left: 30px;
		margin-right: 30px;
		padding-bottom: 20px
	}

	.sound-container p {
		margin-top: 10px
	}

	#contents section.gallery .gallery-inner .spec-container #sound-description {
		text-align: left
	}

	#sound-description dl {
		line-height: 220%
	}

	#sound-description dl dt {
		float: left
	}

	#sound-description dl dd {
		margin-left: 10em
	}

	#contents section.gallery .gallery-inner .photo-container {
		float: right;
		text-align: left;
		width: 40%;
		margin-bottom: 40px
	}

	#contents section.gallery .gallery-inner .photo-container img {
		width: 100%
	}

	#contents section.gallery .gallery-inner .photo-container figure {
		line-height: 0
	}

	#contents section.gallery .gallery-inner .photo-container p {
		margin: 30px 0 30px 0
	}

	#contents .container-inner.about {
		margin-top: 40px
	}

	img.about-illust {
		width: 100%
	}

	#contents .container.about .summary-container {
		text-align: center;
		line-height: 180%;
		margin-top: -30px;
		margin-bottom: 20px;
		position: relative
	}

	#contents .container.about .summary-container h1 img.about-site-title-vertival {
		width: 60%;
		z-index: 9999;
		display: none
	}

	#contents .container.about .summary-container .message img.about-site-title {
		width: 45%;
		max-width: 400px;
		margin-top: 50px
	}

	#contents .message p.text {
		margin-top: 30px
	}

	#contents .container.about .summary-container .message img.about-illust-bird1 {
		width: 100px
	}

	#contents .container.about .summary-container .message img.about-illust-bird2 {
		width: 100px
	}

	#contents .container.about .summary-container .message p.text {
		margin-left: 30px;
		margin-right: 30px;
		margin-bottom: 30px
	}

	.content-share-area {
		margin: 0 auto
	}

	.content-share-area.about {
		margin-top: 230px;
		padding-bottom: 30px;
		width: 460px
	}

	.content-share-area.about p.title {
		width: 100%;
		text-align: center;
		margin: 0 auto 15px auto !important;
		padding: 0 !important
	}

	.content-share-area.about ul {
		width: 215px;
		left: 50%;
		margin-left: -107px;
		position: absolute
	}

	.content-share-area.about ul li {
		float: left
	}

	.content-share-area.about ul li {
		float: left;
		margin-right: 17px
	}

	.content-share-area.about ul li:last-child {
		margin-right: 0px
	}

	.content-share-area img.contents-icon-sns {
		width: 28px
	}

	#contents .container.about .text-container {
		position: relative;
		text-align: left;
		margin-left: 30px;
		margin-right: 30px
	}

	#contents .container.about .text-container h2 {
		font-size: 22px;
		line-height: 180%;
		margin-bottom: 10px
	}

	#contents .container.about .text-container p {
		line-height: 180%;
		margin-bottom: 60px
	}

	#contents .container.about .detail-container {
		background-color: #987D5A;
		position: relative;
		background-image: url(../img/about-illust-ground.jpg);
		background-size: 100% auto;
		background-repeat: no-repeat;
		padding: 30px
	}

	#contents .container.about .detail-container .details {
		margin-bottom: 20px
	}

	#contents .container.about .detail-container .details {
		line-height: 180%;
		text-align: left
	}

	#contents .container.about .detail-container .details h3 {
		font-size: 18px;
		margin-bottom: 10px;
		color: #fff !important
	}

	#contents .container.about .detail-container .details p {
		color: #fff !important
	}

	#contents .container.about .detail-container .details .inner {}

	#contents .container.about .ground-container {
		margin-top: -2px !important;
		text-align: left;
		background-color: #987D5A
	}

	#contents .container.about .ground-container {
		line-height: 180%
	}

	#contents .container.about .ground-container .left {
		padding-top: 60px
	}

	#contents .container.about .ground-container .right {
		width: 100%
	}

	#contents .container.about .ground-container {
		margin: 0 !important;
		padding: 0 !important
	}

	#contents .container.about .ground-container p img.about-diagram {
		width: 100% !important;
		max-width: 600px;
		margin-top: 20px;
		margin-bottom: 20px
	}

	#contents .container.about .ground-container h2,
	#contents .container.about .ground-container p {
		margin-left: 30px;
		margin-right: 30px;
		color: #fff
	}

	#contents .container.about .ground-container h2 {
		font-size: 20px;
		margin-bottom: 20px
	}

	#contents .container.about .ground-container .btn-rectangle {
		width: 100%;
		margin: 30px auto 50px auto;
		max-width: 300px;
		background-position: 20px center !important
	}

	#contents .container.about .ground-container .btn-rectangle a {
		max-width: none !important;
		padding-left: 0 !important;
		text-align: center !important;
		letter-spacing: 0
	}

	.detail-container {
		margin: 0 !important;
		padding-left: 0 !important;
		padding-right: 0 !important
	}

	.detail-container .details {
		width: 100%;
		clear: both;
		padding-top: 30px !important
	}

	.detail-container .details .illust {
		width: 30%;
		text-align: center;
		float: left
	}

	.detail-container .details .inner {
		width: 58%;
		float: right;
		margin-right: 30px
	}

	.detail-container .details .illust img.about-illust-chain {
		width: 80%
	}

	#contents section.about .read {
		margin-top: 100px
	}

	#contents section.about hr {
		border: none;
		border-top: solid 1px #E9E5E1;
		height: 1px;
		color: #FFFFFF;
		margin-bottom: 60px
	}

	#contents section.about .read h2 {
		font-size: 24px;
		text-align: left;
		margin-left: 30px;
		line-height: 170%
	}

	#contents section.about .read p {
		margin-top: 20px;
		margin-right: 60px;
		margin-left: 30px;
		margin-bottom: 100px;
		line-height: 170%;
		text-align: left
	}

	#contents section.about h3 {
		text-align: left;
		font-size: 22px;
		margin-left: 30px;
		margin-top: 30px;
		margin-bottom: 10px;
		line-height: 150%
	}

	#contents section.about ul.about-list {
		text-align: left;
		margin-left: 30px;
		margin-right: 30px
	}

	#contents section.about ul.about-list.case {
		padding-top: 60px
	}

	#contents section.about ul.about-list li {
		clear: both
	}

	#contents section.about ul.about-list li h4 {
		font-size: 20px;
		margin-top: 30px;
		margin-bottom: 20px;
		line-height: 150%
	}

	#contents section.about ul.about-list li h4 span.cap {
		font-size: 16px
	}

	#contents section.about ul.about-list li .text p {
		line-height: 180%;
		margin-bottom: 20px
	}

	#contents section.about ul.about-list li .text {
		width: 50%;
		float: left;
		margin-bottom: 60px;
		margin-left: 30px
	}

	#contents section.about ul.about-list li .photo {
		float: right;
		text-align: center;
		width: 40%;
		margin-bottom: 40px;
		margin-top: 10px
	}

	#contents section.about ul.about-list li .photo img {
		width: 100%
	}

	#contents section.about ul.about-list .btn-rectangle {}

	#contents .container.about .layout-1headline-2column-rightphoto .right .btn-rectangle.sp {
		margin-top: 30px;
		width: 17em;
		letter-spacing: 0
	}

	#contents .container.about .layout-1headline-2column-rightphoto .right .btn-rectangle.sp.internal {
		width: 17em
	}

	#contents .layout-1headline-2column-rightphoto .btn-rectangle.sp {
		max-width: 300px;
		margin-top: 20px;
		margin-left: auto;
		margin-right: auto
	}

	#contents .layout-2headline-2column .btn-rectangle {
		max-width: 300px;
		margin-top: 30px;
		margin-left: auto;
		margin-right: auto
	}

	ul.activities-bird-list li {
		width: 100%;
		float: left
	}

	ul.activities-bird-list li:nth-child(3n) {
		margin-right: 0 !important
	}

	ul.activities-bird-list li img {
		width: 100%
	}

	ul.activities-bird-list li h3 {
		font-size: 16px;
		font-weight: bold;
		text-align: left;
		margin-top: 10px !important;
		margin-bottom: 10px
	}

	ul.activities-bird-list li h3.withcaption {
		margin-top: -7px !important
	}

	ul.activities-bird-list li p {
		text-align: left;
		margin-top: 10px;
		margin-bottom: 50px;
		line-height: 180%
	}

	ul.activities-bird-list li p.caption {
		margin-top: 0px;
		margin-bottom: 0px;
		font-size: 12px;
		text-align: right
	}

	.layout-1headline-2column.adjust-activiteis-h2 h2 {
		padding-top: 40px !important
	}

	.container-inner.adjust-activities .btn-rectangle.sp {
		margin-top: 20px
	}

	.container.contents-howto {
		line-height: 170%
	}

	.howto-title p.title {
		font-size: 24px !important;
		line-height: 130% !important;
		margin-top: 80px !important;
		margin-bottom: 30px
	}

	.howto-title p.vol {
		font-weight: bold;
		float: left;
		margin-top: 0px;
		margin-bottom: 20px;
		font-size: 16px
	}

	.howto-title p.icon {
		font-weight: bold;
		background: #777053;
		color: #fff !important;
		font-weight: bold;
		float: left;
		margin-top: -2px !important;
		margin-bottom: 10px;
		margin-left: 30px;
		padding: 2px 12px;
		font-size: 11px;
		color: #fff;
		border-radius: 4px
	}

	.howto-title h2 {
		font-size: 22px;
		margin-top: 0px;
		margin-bottom: 25px;
		width: 100%;
		margin-left: 30px;
		color: #fff
	}

	.photographer-container p.title {
		margin-top: 20px;
		font-size: 22px;
		margin-right: 50px
	}

	.photographer-container h2 {
		margin-top: -15px;
		font-size: 14px !important;
		font-weight: normal
	}

	.photographer-container h3 {
		margin-top: 25px;
		font-size: 20px;
		width: 300px
	}

	.photographer-container span {
		font-size: 18px;
		margin-top: 3px;
		display: block
	}

	.photographer-container span.CinzelAdjust {
		font-size: 22px;
		display: inline
	}

	.photographer-container p.txt {
		margin-top: -10px;
		line-height: 180%
	}

	.photographer-container img {
		margin-top: 25px !important
	}

	.contents-main p.text {
		-webkit-font-smoothing: subpixel-antialiased
	}

	.contents-main-container .right {
		background: #F0EEE3
	}

	.contents-main-container p.bird {
		margin-top: 30px;
		margin-left: 30px;
		margin-bottom: 30px;
		text-align: left;
		margin-right: 30px;
		line-height: 170%
	}

	.contents-main-container .exif-container {
		border-top: 1px solid #BBB7A8
	}

	.contents-main-container .exif-container .title {
		text-align: left;
		width: 100%;
		font-weight: bold;
		margin-top: 40px;
		margin-left: 30px;
		margin-bottom: 20px
	}

	.contents-main-container .exif-container .list-left {
		width: 100%;
		text-align: left;
		line-height: 200%;
		margin-left: 30px
	}

	.contents-main-container .exif-container .list-right {
		width: 100%;
		text-align: left;
		line-height: 200%;
		margin-left: 30px;
		margin-bottom: 30px
	}

	#contents section.howto .photographer {
		padding-top: 50px;
		text-align: left;
		margin: 0 auto
	}

	#contents section.howto .howto-practice-container {
		padding: 60px 0 30px 0
	}

	#contents section.howto .howto-practice {
		text-align: left;
		margin-left: 30px;
		margin-right: 30px
	}

	#contents section.howto .howto-practice h3.practice {
		text-align: left;
		font-size: 20px;
		margin-bottom: 40px
	}

	#contents section.howto .howto-practice h3.comment {
		text-align: left;
		font-size: 18px;
		margin-bottom: 40px;
		margin-top: 30px
	}

	#contents section.howto .howto-practice .illust {
		display: none
	}

	#contents section.howto .howto-practice h4 {
		margin-bottom: 20px
	}

	ul.howto-practice-photo.practice-figure-3column figcaption {
		margin-top: 10px;
		line-height: 160%
	}

	#contents section.howto .howto-practice .text {
		width: 100%
	}

	#contents section.howto .howto-practice p {
		line-height: 180%;
		width: 100%;
		margin-bottom: 40px
	}

	#contents section.howto .howto-practice p.column1 {
		float: left;
		margin-bottom: 40px
	}

	#contents section.howto .howto-practice p.column2 {
		float: right;
		margin-bottom: 40px
	}

	#contents section.howto .howto-practice .column1.lesson7 p {
		margin-bottom: 20px
	}

	#contents section.howto .howto-practice .column1.lesson7 h5 {
		margin-bottom: 20px
	}

	#contents section.howto .howto-practice .practice-schematic {
		margin-top: 20px;
		margin-bottom: 20px
	}

	#contents section.howto .howto-practice ul.howto-practice-photo {
		margin-bottom: 50px
	}

	#contents section.howto .howto-practice ul.howto-practice-photo li {
		width: 100%;
		line-height: 170%;
		margin-left: 0;
		padding-bottom: 30px
	}

	#contents section.howto .howto-practice ul.howto-practice-photo.less3 li {
		width: 100%;
		line-height: 170%;
		margin-bottom: 30px !important
	}

	#contents section.howto .howto-practice ul.howto-practice-photo li:nth-child(3n) {
		margin-right: 0
	}

	#contents section.howto .howto-practice ul.howto-practice-photo li img {
		width: 100%
	}

	#contents section.howto .howto-practice ul.howto-practice-photo li p.position {
		margin-top: 20px;
		margin-bottom: 10px;
		width: 100%
	}

	.figcap.adjust-lesson5 {
		margin-bottom: 20px
	}

	#contents section.howto .howto-practice ul.howto-practice-photo li figure {
		line-height: 1
	}

	#contents section.howto .howto-practice ul.howto-practice-photo li figure .figcap {
		margin-top: -1px
	}

	#contents section.howto .howto-practice ul.howto-practice-photo li dl dt {
		float: left
	}

	#contents section.howto .howto-practice ul.howto-practice-photo li dl dd {
		margin-left: 11em
	}

	img.howto12-ico1,
	img.howto17-ico1 {
		width: 20px !important;
		vertical-align: middle
	}

	.howto-practice .text h3.comment {
		margin: 0 !important;
		padding: 0 !important;
		margin-top: 20px !important;
		margin-bottom: 30px !important
	}

	.howto-practice .column2 img {
		width: 100%
	}

	ul.howto-practice-photo li .figcap {
		margin-top: -2px !important
	}

	.lesson11 .text h5 {
		margin-bottom: 15px
	}

	.lesson11 .howto-practice-photo dl {
		margin-top: 20px
	}

	.howto-camera-table-heading {
		line-height: 140%;
		text-align: left;
		padding: 0 30px;
		margin-bottom: 30px;
		font-size: 16px
	}

	#contents section table.howto-camera-table {
		display: none
	}

	#contents section .howto-camera-list {
		line-height: 180%;
		text-align: left;
		margin-left: 30px;
		margin-right: 30px;
		border-bottom: 1px solid #D6D4CB;
		margin-bottom: 50px
	}

	#contents section .howto-camera-list h4 {
		border-top: 1px solid #D6D4CB;
		padding-top: 20px;
		margin-bottom: 15px;
		width: 100%;
		display: block
	}

	#contents section .howto-camera-list dl {
		padding-bottom: 20px
	}

	#contents section .howto-camera-list dl dt {
		float: left
	}

	#contents section .howto-camera-list dl dd {
		margin-left: 10em
	}

	#contents section .howto-camera-list dl dd.break,
	#contents section .howto-camera-list dl dt.break {
		padding-bottom: 20px
	}

	#contents section .howto-camera-list p.last {
		margin-bottom: 30px
	}

	.howto-photograph-detail .left {
		width: 100%
	}

	.howto-photograph-detail .howto-main-illust-container {
		width: 100%;
		text-align: center
	}

	.howto-photograph-detail .left img.howto-main-illust {
		width: 100% !important;
		margin: 20px auto 0 auto !important;
		max-width: 450px
	}

	.sp .contents-share {
		width: 100%;
		line-height: 1;
		margin-bottom: 10px
	}

	.sp .contents-share-inner {
		width: calc(100% - 40px);
		height: 60px;
		padding-top: 15px;
		padding-bottom: 50px
	}

	.sp .content-share-area ul li:nth-child(3),
	.sp .contents-share-inner ul li:nth-child(3) {
		display: none
	}

	.sp .contents-share.category-top {
		z-index: 9999;
		position: relative
	}

	.sp .contents-share p {
		margin-bottom: 10px;
		text-align: center;
		line-height: 180%;
		font-size: 14px
	}

	.sp .contents-share ul {
		width: 240px;
		margin-left: -100px;
		position: absolute;
		left: 50%
	}

	.sp .contents-share ul li {
		float: left;
		margin-left: 17px
	}

	.sp .contents-share ul li img {
		width: 26px
	}

	.right img {
		width: 100%
	}

	.layout {
		line-height: 180%;
		text-align: left;
		margin: 0 30px 30px 30px
	}

	.layout p {
		margin-bottom: 20px
	}

	.layout .left {
		float: left
	}

	.layout .right {
		float: right
	}

	.layout.first.manners {
		padding-top: 60px !important
	}

	.layout figure img {
		width: 100%
	}

	.layout figure figcaption {
		margin-bottom: 30px;
		text-align: left
	}

	.layout .left .btn-rectangle,
	.layout .right .btn-rectangle {}

	.layout dl {
		line-height: 180%;
		margin-bottom: 30px
	}

	.layout dl dt {
		float: left
	}

	.layout dl dd,
	.layout dl dt {
		padding-bottom: 5px
	}

	dl.no-title {
		margin-top: 20px
	}

	.layout dl.definition-list3em dd {
		margin-left: 3em
	}

	.layout dl.definition-list4em dd {
		margin-left: 4em
	}

	.layout dl.definition-list5em dd {
		margin-left: 5em
	}

	.layout dl.definition-list6em dd {
		margin-left: 6em
	}

	.layout dl.definition-list7em dd {
		margin-left: 7em
	}

	hr.layout {
		margin: 30px 30px 20px 30px !important;
		border: none;
		border-top: solid 1px #E9E5E1;
		height: 1px;
		color: #FFFFFF
	}

	.layout h2.plane {
		margin-top: 50px
	}

	.layout h3.plane {
		margin-top: 50px
	}

	.layout h4.plane {
		margin-top: 50px
	}

	.layout h5.plane {
		margin-top: 50px
	}

	.layout h2.article {
		margin-top: 50px;
		margin-bottom: 15px
	}

	.layout h3.article {
		margin-top: 50px;
		margin-bottom: 15px
	}

	.layout h4.article {
		margin-top: 50px;
		margin-bottom: 15px
	}

	.layout h5.article {
		margin-top: 50px;
		margin-bottom: 15px
	}

	.layout h2 {
		font-size: 22px;
		margin-bottom: 30px;
		line-height: 160%
	}

	.layout h3 {
		font-size: 22px;
		margin-bottom: 30px;
		line-height: 160%
	}

	.layout h4 {
		font-size: 20px;
		margin-bottom: 30px;
		line-height: 160%
	}

	.layout h5 {
		font-size: 18px;
		margin-bottom: 30px;
		line-height: 160%
	}

	.layout h4.not-heading {
		font-size: 18px;
		margin-bottom: 10px
	}

	.headline-with-illust {
		margin-top: 30px;
		clear: both
	}

	.headline-with-illust h3,
	.headline-with-illust h4 {
		float: left;
		width: 80% !important
	}

	.headline-with-illust img.headline-illust {
		width: 20%;
		max-width: 60px;
		float: right;
		right: 0
	}

	.text-2column .left,
	.text-2column .right {
		width: 100%
	}

	.layout-1headline-2column .left {
		width: 100%
	}

	.layout-1headline-2column .right {
		width: 100%
	}

	.layout-1headline-2column .adjust-with-screen {
		margin-top: -8px;
		width: 100%
	}

	.heading-number.no-number {
		padding-left: 0 !important
	}

	.layout-1headline-2column .screen-photo.shooting {
		margin-bottom: 30px
	}

	.viewer-3column {
		margin-top: -30px
	}

	.viewer-3column ul li {
		margin-bottom: 30px
	}

	.viewer-3column ul li .viewer {
		margin-bottom: 0
	}

	.viewer-3column ul li .figcap {
		margin-top: -10px
	}

	.viewer-3column ul li p.txt {
		margin-top: 10px
	}

	.viewer-3column figcaption.long-txt {
		font-size: 13px
	}

	.dl-2colum .left,
	.dl-2colum .right {
		width: 50%
	}

	.dl-2colum .left {
		float: left;
		margin-bottom: 0
	}

	.dl-2colum .right {
		float: left
	}

	.dl-2colum dd {
		margin-left: 5em !important
	}
/*20220307 HLL ADD*/
.hidden-xs,.hidden-sm{display:none!important}
.visible-xs,.visible-sm{display:block!important;}

#contents .adcom{ position: fixed; bottom: 10px; right: 10px; border: #686868 solid 1px; padding: 2px 5px; color: #686868; font-size: 12px; background:rgba(0,0,0,.1); z-index: 999;line-height: 100%;}
#contents .head{ overflow: hidden;display: block; padding: 10px 2.4% 10px;background: #fff;}
#contents .head .head1a{ float: left;width: 50%;}
#contents .head .head1a img {height: 24px;}
#contents .head .head1d {float: right;margin-top: 8px;}
#contents .head .head1d img {width: 72px;}

#contents .return-index{ display: block; margin:30px; font-size: 14px; text-align: left; }
#contents .return-index a{color: #78552c; background-color: #f7f1e2; padding:5px 10px; border-radius: 10px;text-decoration: none;}

#contents .bird_footer{ width: 100%; padding: 20px 0;background-color: #000; color: #fff; overflow: hidden;}
#contents .bird_footer .copyright{text-align: center; font-size: 12px;line-height: 100%;}
#contents .bird_footer .copyright a{ color: #fff;text-decoration: none;}
#contents .bird_footer .copyright img{vertical-align: middle;}
}

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

	.dl-2colum .left,
	.dl-2colum .right {
		width: 90%
	}

	.dl-2colum .left {
		float: none
	}

	.dl-2colum .right {
		float: none
	}
}

@media screen and (max-width:767px) {
	.layout-2headline-2column .left {
		width: 100%
	}

	.layout-2headline-2column .right {
		width: 100%
	}

	.layout-1headline-2column-rightschematictop .left {
		width: 100%
	}

	.layout-1headline-2column-rightschematictop .right {
		width: 100%
	}

	.layout-1headline-2column-rightschematictop .right.top {
		padding-top: 0px
	}

	.layout-1headline-2column-rightschematictop .right figure {
		text-align: right
	}

	figure.howto-schematic-positoin {
		max-width: 100%
	}

	.layout-1headline-2column-gallery .left {
		width: 100%
	}

	.layout-1headline-2column-gallery .right {
		width: 100%
	}

	.layout-1headline-2column-gallery .right.top {
		padding-top: 0px
	}

	.layout-1headline-2column-gallery h2 {
		color: #333;
		margin-top: 20px;
		margin-bottom: 0
	}

	.layout-1headline-2column-gallery h3 {
		color: #333;
		font-size: 20px
	}

	.layout-1headline-2column-gallery h4 {
		font-size: 18px;
		margin-top: 40px;
		margin-bottom: 20px
	}

	.layout-1headline-2column-gallery h4.first {
		margin-top: 40px
	}

	.layout-1headline-2column-gallery p.name-caption {
		margin-top: 0px
	}

	.layout-1headline-2column-gallery p.text {
		margin-top: 30px
	}

	.layout-1headline-2column-gallery .sound-container {
		margin-top: 20px
	}

	.layout-1headline-2column-gallery .right {
		padding-top: 0
	}

	.layout-1headline-2column-gallery .right figure {
		line-height: 0
	}

	.layout-1headline-2column-gallery .right p {
		margin-top: 20px;
		margin-bottom: 25px
	}

	.kidscolumn-setmargin-top {
		margin-top: 30px
	}

	.layout-1headline-2column-rightphoto.duplicate {
		padding-top: 10px !important
	}

	.layout-1headline-2column-rightphoto.layout {
		padding-top: 20px
	}

	.layout-1headline-2column-rightphoto .left {
		width: 100%
	}

	.layout-1headline-2column-rightphoto .activities-new-title {
		float: left
	}

	.layout-1headline-2column-rightphoto .new-activities {
		float: left
	}

	.layout-1headline-2column-rightphoto .left h2 {
		margin-bottom: 10px
	}

	.layout-1headline-2column-rightphoto .left h2 span.cap,
	.layout-1headline-2column-rightphoto .left h3 span.cap,
	.layout-1headline-2column-rightphoto .left h4 span.cap {
		font-size: 18px
	}

	.layout-1headline-2column-rightphoto .left h2 span.cap {
		margin-left: 10px
	}

	.layout-1headline-2column-rightphoto .left p.text {
		margin-bottom: 20px
	}

	.layout-1headline-2column-rightphoto .left .btn-rectangle {
		margin: 0 !important
	}

	.layout-1headline-2column-rightphoto .right {
		width: 100%
	}

	.layout-1headline-2column-rightphoto .right.top {
		padding-top: 0px
	}

	.layout-1headline-2column-rightphoto .right figure {
		margin: 0 !important;
		padding: 0 !important;
		text-align: right
	}

	.layout-1headline-2column-rightphoto .right img {
		width: 100%
	}

	.layout-1headline-2column-rightphoto .left ul.list {
		margin-bottom: 30px
	}

	.layout-1headline-2column-rightphoto .left ul.list li {
		list-style: disc !important;
		margin-left: 2em;
		margin-bottom: 5px
	}

	.layout-1headline-2column-rightphoto .cmn-icon-new {
		width: 39px;
		height: 39px;
		margin-left: 30px;
		margin-top: -10px
	}

	.layout-2column-schematic ul {
		margin-left: 10%
	}

	.layout-2column-schematic ul li {
		float: left;
		width: 40%;
		margin-right: 10%
	}

	.layout-2column-schematic ul li:nth-child(2n) {
		margin-right: 0
	}

	ul.list-column2-photo-schematic {
		margin-top: 20px
	}

	ul.list-column2-photo-schematic li {
		float: left
	}

	ul.list-column2-photo-schematic li.photo {
		width: 100%
	}

	ul.list-column2-photo-schematic li.photo {
		line-height: 0
	}

	figure.list-column2 {
		width: 100% !important
	}

	ul.list-column2-photo-schematic li.schematic {
		width: 100%
	}

	ul.list-column2-photo-schematic li.schematic img {
		width: 100% !important
	}

	ul.list-column2-photo-schematic li:nth-child(2n) {
		margin-right: 0
	}

	.layout-3column-schematic ul li {
		float: left;
		width: 100%
	}

	.layout-3column-schematic ul li:nth-child(2n) {
		margin-right: 0
	}

	.heading-number-3column-schematic ul li {
		width: 100%;
		padding: 0 !important
	}

	.heading-number-3column-schematic ul li:nth-child(3n) {
		margin-right: 0
	}

	.heading-number-3column-schematic ul li figure {
		width: 100% !important;
		margin-left: 0
	}

	.heading-number-schematic-horizontal {
		width: 100% !important
	}

	.heading-number-schematic-horizontal h4,
	.heading-number-schematic-horizontal h5 {
		margin-left: 2em
	}

	.heading-number-schematic-horizontal {
		width: 100% !important
	}

	.heading-number-schematic-horizontal .horizontal {
		width: 100% !important
	}

	.heading-number-schematic-horizontal .horizontal img.schematic {
		width: 100% !important;
		margin-left: 0
	}

	.layout-schematic-horizontal {
		margin-left: 30px;
		margin-right: 30px
	}

	.layout-schematic-horizontal .horizontal img.schematic {
		width: 100% !important
	}

	h3.column-heading span {
		display: block;
		float: left
	}

	h3.column-heading span.font {
		font-size: 28px
	}

	h3.column-heading span.ja {
		font-size: 16px;
		font-weight: normal !important;
		margin-left: 10px;
		display: block
	}

	.layout-column-2column h3.column-heading {
		padding-top: 30px;
		padding-bottom: 30px
	}

	.layout-column-2column h4 {
		margin-bottom: 15px
	}

	.layout-column-2column .left {
		width: 100%
	}

	.layout-column-2column .right {
		width: 100%
	}

	.layout-column-2column-rightschematictop h3.column-heading {
		padding-top: 30px;
		padding-bottom: 30px
	}

	.layout-column-2column-rightschematictop h4 {
		margin-bottom: 15px
	}

	.layout-column-2column-rightschematictop h4.second {
		margin-top: 50px
	}

	.layout-column-2column-rightschematictop .left {
		width: 100%
	}

	.layout-column-2column-rightschematictop .right {
		width: 100%;
		padding-top: 30px
	}

	.layout-column-2column-rightschematictop .right figure {
		text-align: right
	}

	.container.about h3.heading-number {
		margin-right: 30px !important;
		width: 90% !important
	}

	h3.heading-number {
		width: 100%;
		clear: both
	}

	h3.heading-number,
	h4.heading-number {
		padding-left: 40px;
		text-indent: -40px
	}

	h3.heading-number.about {
		margin-top: 10px
	}

	h3.heading-number.about.nolist {
		margin-bottom: 0 !important
	}

	h3.heading-number span.num,
	h4.heading-number span.num {
		font-size: 48px;
		font-style: italic;
		margin-top: -20px;
		position: absolute;
		margin-top: -8px;
		padding-left: 40px
	}

	h3.heading-number span.num.number6,
	h3.heading-number span.num.number8,
	h4.heading-number span.num.number6,
	h4.heading-number span.num.number8 {
		margin-top: 0
	}

	h3.heading-number span.ja,
	h4.heading-number span.ja {
		padding-left: 40px
	}

	.heading-number.about-indent p {
		margin-left: 0
	}

	h4.heading-number.paragraph {
		font-size: 16px;
		font-weight: normal;
		text-indent: -40px;
		line-height: 200%
	}

	h4.heading-number.paragraph.no-num {
		font-size: 16px;
		font-weight: bold;
		text-indent: -80px !important;
		line-height: 160%;
		margin-top: 30px
	}

	p.asterisk {
		padding-left: 1em;
		text-indent: -1em
	}

	p.asterisk2 {
		padding-left: 1em;
		text-indent: -1em;
		margin-top: -10px
	}

	.layout-2column-container {
		text-align: left;
		padding-left: 30px;
		padding-bottom: 30px;
		line-height: 180%;
		padding-right: 30px
	}

	.layout-2column-container .title {
		font-size: 20px;
		margin-bottom: 20px
	}

	.layout-2column-txt {
		margin-bottom: 40px
	}

	.layout-2column-txt p {
		margin-bottom: 15px
	}

	#contents ul#howto-manners-7list li:nth-child(2n) .left {
		float: right
	}

	#contents ul#howto-manners-7list li:nth-child(2n) .right {
		float: left
	}

	#contents ul#creative-park-list li {
		width: 100%;
		border-bottom: 1px solid #E9E5E1;
		padding-top: 40px
	}

	img.creative-park-photo {
		max-width: 450px !important;
		margin: 0 auto !important
	}

	#contents ul#creative-park-list li .right {
		text-align: center
	}

	#contents ul#creative-park-list li img.cmn-icon-new {
		width: 39px;
		height: 39px;
		margin-left: 20px;
		margin-top: -10px;
		vertical-align: middle
	}

	#contents .btn-rectangle.adjust-creative-park,
	#contents ul#creative-park-list li .right .btn-rectangle {
		margin-top: 30px;
		margin-bottom: 50px;
		max-width: none !important;
		background-position: 20px center !important;
		width: 300px;
		margin: 0 auto 30px auto
	}

	#contents .btn-rectangle.adjust-creative-park a,
	#contents ul#creative-park-list li .right .btn-rectangle a {
		max-width: none !important;
		padding-left: 0 !important;
		text-align: center !important;
		letter-spacing: 0
	}

	.btn-rectangle.external {
		width: 100% !important
	}
}

@media screen and (max-width:767px) and (min-width:321px) and (max-width:768px) {
	.btn-rectangle.external {
		width: 300px !important
	}
}

@media screen and (max-width:767px) {
	footer {
		line-height: 1;
		overflow: hidden;
		position: relative
	}

	footer #footer-illust {
		z-index: -99;
		position: absolute;
		right: 20px;
		margin-top: -40px
	}

	footer #footer-illust img.cmn-footer-illust {
		width: 160px
	}
}

@media screen and (max-width:767px) and (max-width:640px) {
	footer #footer-illust img.cmn-footer-illust {
		width: 120px
	}
}

@media screen and (max-width:767px) {
	footer .container-inner p.title {
		margin-top: 5px;
		margin-bottom: 25px;
		font-size: 16px;
		font-weight: bold;
		line-height: 1.6;
		letter-spacing: 0em;
		text-align: center
	}

	footer .container-inner p {
		margin-bottom: 30px
	}

	footer img.cmn-site-title-top {
		width: 200px !important;
		margin-top: 45px !important;
		display: none
	}

	footer #footer-catch-copy p.copy {
		font-size: 14px !important
	}

	footer img.cmn-site-title-top {
		width: 260px
	}

	footer nav#footer-link {
		text-align: left;
		width: 100%;
		margin-top: 80px;
		margin-bottom: 40px;
		margin-left: 30px
	}

	footer nav#footer-link ul li {
		margin-bottom: 18px
	}

	footer nav#footer-link ul li a,
	footer nav#footer-link ul li a:active,
	footer nav#footer-link ul li a:link,
	footer nav#footer-link ul li a:visited {
		text-decoration: none
	}

	footer nav#footer-link ul li a:hover {
		text-decoration: underline
	}

	footer nav#footer-link ul li a {
		background: url(../img/cmn-icon-footer-link.png) left 5px no-repeat;
		background-size: 5px 7px;
		padding-left: 12px
	}

	footer nav#footer-link ul li.env-top {
		padding-top: 1em;
		padding-bottom: 2em
	}

	footer #footer-catch-copy {
		text-align: left;
		line-height: 2
	}

	footer #footer-catch-copy p.copy {
		font-size: 16px !important;
		font-weight: bold;
		margin-bottom: 15px;
		line-height: 1;
		line-height: 170%;
		text-indent: -0.7em
	}

	footer #footer-share-area p.title {
		font-size: 16px !important;
		letter-spacing: 0.2em !important;
		margin-bottom: 10px !important
	}

	footer #footer-share-area p.font.title {
		font-weight: normal !important
	}

	footer #footer-share-area img.footer-icon-sns {
		width: 26px !important
	}

	footer nav#footer-base {
		width: 100%
	}

	footer nav#footer-base,
	footer nav#footer-base a,
	footer nav#footer-base p {
		line-height: 170%
	}

	footer nav#footer-base p.copyright {
		margin-top: 20px;
		margin-left: 30px;
		text-align: left
	}

	footer #footer-catch-copy {
		margin-left: 30px;
		margin-right: 30px;
		margin-top: 30px
	}

	footer nav#footer-base ul {
		margin-top: 11px;
		margin-left: 30px;
		margin-bottom: 20px;
		line-height: 1;
		font-size: 14px
	}

	footer nav#footer-base ul li {
		float: left;
		margin-right: 20px
	}

	footer nav#footer-base ul li a,
	footer nav#footer-base ul li a:link {
		text-decoration: none !important
	}

	footer .footer-base-link ul li a,
	footer .footer-base-link ul li a:active,
	footer .footer-base-link ul li a:hover,
	footer .footer-base-link ul li a:link,
	footer .footer-base-link ul li a:visited {
		text-decoration: none !important
	}

	footer #footer-pagetop {
		height: 42px;
		position: relative
	}

	footer #footer-pagetop p#pagetop p {
		position: absolute;
		width: 100%;
		height: 100%;
		display: block
	}

	footer #footer-pagetop p#pagetop a {
		background-color: #8D8770;
		background-image: url(../img/cmn-footer-pagetop-sp.png);
		background-size: 13px;
		background-position: center 18px;
		background-repeat: no-repeat;
		position: absolute;
		width: 100%;
		height: 100%;
		display: block
	}

	#footer-pagetop-vertical {
		width: 36px;
		padding: 12px 5px 5px 5px;
		cursor: pointer;
		position: fixed;
		bottom: 15px;
		right: 15px;
		opacity: .90;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
		opacity: 0.9;
		filter: alpha(opacity=90);
		-ms-filter: "alpha(opacity=90)";
		-khtml-opacity: .90;
		-moz-opacity: .90
	}

	#footer-pagetop-vertical img.footer-pagetop-vertical {
		width: 26px
	}

	html {
		width: 100%;
		overflow-x: hidden
	}

	body#top {
		width: 100%;
		overflow-x: hidden
	}
}

.isotope-item {
	z-index: 2
}

.isotope-hidden.isotope-item {
	pointer-events: none;
	z-index: 1
}

.isotope,
.isotope .isotope-item {
	-webkit-transition-duration: 0.8s;
	-moz-transition-duration: 0.8s;
	-ms-transition-duration: 0.8s;
	-o-transition-duration: 0.8s;
	transition-duration: 0.8s
}

.isotope {
	-webkit-transition-property: height, width;
	-moz-transition-property: height, width;
	-ms-transition-property: height, width;
	-o-transition-property: height, width;
	transition-property: height, width
}

.isotope .isotope-item {
	-webkit-transition-property: -webkit-transform, opacity;
	-moz-transition-property: -moz-transform, opacity;
	-ms-transition-property: -ms-transform, opacity;
	-o-transition-property: top, left, opacity;
	-webkit-transition-property: opacity, -webkit-transform;
	transition-property: opacity, -webkit-transform;
	-o-transition-property: transform, opacity;
	transition-property: transform, opacity;
	transition-property: transform, opacity, -webkit-transform
}

.isotope .isotope-item.no-transition,
.isotope.no-transition,
.isotope.no-transition .isotope-item {
	-webkit-transition-duration: 0s;
	-moz-transition-duration: 0s;
	-ms-transition-duration: 0s;
	-o-transition-duration: 0s;
	transition-duration: 0s
}

.resp-video16-9 {
	position: relative;
	width: 100%;
	padding-bottom: 56.25%
}

@media (max-width:480px) {

	.domain .after,
	.domain .before {
		height: 100px;
		line-height: 90px
	}

	.resp-video16-9 {
		position: relative;
		width: 100%;
		padding-bottom: 56.25%
	}

	.resp-video16-9.resp-video16-9__target-iframe iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%
	}

	.resp-video4-3 {
		position: relative;
		width: 100%;
		padding-bottom: 75%
	}
}

html {
	width: 100%;
	font-family:'Helvetica Neue',Helvetica,'PingFang SC','Hiragino Sans GB','Microsoft YaHei',Arial,sans-serif;
	margin: 0 !important;
	padding: 0 !important
}

body {
	-webkit-text-size-adjust: 100%;
	line-height: 0;
	margin: 0 !important;
	padding: 0 !important;
	color: #777053;
	-webkit-text-size-adjust: none;
	-webkit-font-smoothing: antialiased;
	line-height: 0;
	font-size: 14px
}

@media screen and (max-width:768px) {
	body {
		font-size: 16px
	}
}

.font {
	/*font-family: 'Cinzel Decorative', cursive;*/
	font-weight: 400;
	letter-spacing: 0.14em
}

.red {
	color: red
}

.font-garamond {
	font-family: 'EB Garamond', cursive;
	font-weight: 400;
	letter-spacing: 0.1em
}

sup {
	font-size: 75.5%;
	vertical-align: top;
	position: relative;
	top: -0.1em
}

a,
p {
	word-break: break-all
}

footer,
header {
	margin: 0;
	padding: 0
}

p {
	margin: 0;
	padding: 0
}

ul li {
	list-style: none
}

strong {
	font-weight: bold
}

a {
	text-decoration: none
}

a:hover {
	text-decoration: none
}

p a {
	text-decoration: none
}

button,
fieldset,
form,
input,
label,
legend,
select,
textarea {
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	padding: 0;
	vertical-align: baseline
}

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

section {
	margin: 0;
	padding: 0
}

.bgcolor {
	background: #F0EEE3
}

.l-container {
	width: 100%;
	min-width: 920px;
	text-align: center;
	position: relative
}

.l-container .l-container-inner {
	margin: 0 auto;
	max-width: 1200px;
	min-width: 920px;
	position: relative
}

@media screen and (max-width:768px) {
	.l-container {
		width: 100%;
		max-width: 100% !important;
		min-width: 100% !important;
		text-align: center;
		position: relative
	}

	.l-container .l-container-inner {
		margin: 0 auto;
		width: 100% !important;
		max-width: 100% !important;
		min-width: 100% !important;
		position: relative
	}
}

.pc #top #header-inner,
.pc #top .container,
.pc #top .l-container,
.pc #top .nav-global,
.pc #top .p-bird-slide,
.pc #top .p-topkv-slide,
.pc #top .top-nav-global {
	min-width: 1024px !important;
	overflow-x: hidden !important
}

.tb #header-inner,
.tb #nav-global {
	min-width: 100% !important;
	max-width: 100% !important
}

.p-top-sitelogo-container {
	position: relative;
	width: 100%;
	max-width: 1200px;
	margin: 0 auto
}

.p-top-sitelogo-container .p-top-sitelogo-inner {
	width: 260px
}

.p-top-sitelogo-container .p-top-sitelogo-inner .p-top-sitelogo {
	width: 260px;
	position: absolute;
	z-index: 9999;
	left: 0
}

.p-top-sitelogo-container .p-top-sitelogo-inner .p-top-sitelogo img.cmn-site-title-top {
	width: 260px
}

.p-top-contents-title,
.p-top-contents-title-column,
.p-top-contents-title-howto,
.p-top-contents-title-photogallery,
.sp .p-top-contents-title-howto,
.sp .p-top-contents-title-photogallery {
	line-height: 1
}

.p-top-contents-title-column .title,
.p-top-contents-title-howto .title,
.p-top-contents-title-photogallery .title,
.p-top-contents-title .title {
	font-size: 32px;
	text-transform: uppercase;
	letter-spacing: 0.15em;
}

.p-top-contents-title-column .subtitle,
.p-top-contents-title-howto .subtitle,
.p-top-contents-title-photogallery .subtitle,
.p-top-contents-title .subtitle {
	letter-spacing: 0.4em;
	font-weight: bold;
	margin-top: 0
}

.sp .p-top-contents-title,
.sp .p-top-contents-title-column,
.sp .p-top-contents-title-howto,
.sp .p-top-contents-title-photogallery {
	line-height: 1
}

.sp .p-top-contents-title-column .title,
.sp .p-top-contents-title-howto .title,
.sp .p-top-contents-title-photogallery .title,
.sp .p-top-contents-title .title {
	font-size: 28px
}

.sp .p-top-contents-title-column .subtitle,
.sp .p-top-contents-title-howto .subtitle,
.sp .p-top-contents-title-photogallery .subtitle,
.sp .p-top-contents-title .subtitle {
	letter-spacing: 0.4em;
	font-weight: bold
}

.p-top-contents-title-photogallery {
	margin: 55px auto 30px auto
}

.p-top-contents-title-photogallery .subtitle {
	margin-top: 10px
}

.p-top-contents-title-column {
	margin: 55px auto 30px auto
}

.p-top-contents-title-column .subtitle {
	margin-top: 10px
}

@media screen and (max-width:768px) {
	.p-top-contents-title-column {
		margin: 35px auto 30px auto
	}
}

.p-top-contents-title-howto {
	margin: 55px auto 30px auto
}

.p-top-contents-title-howto .title {
	font-size: 28px !important
}

.p-top-contents-title-howto .subtitle {
	margin-top: 10px
}

.sp .p-top-contents-title-photogallery {
	margin: 0px auto 0px auto
}

.sp .p-top-contents-title-photogallery .title {
	padding-top: 30px;
	font-size: 26px;
	margin-left: 20px;
	margin-right: 20px;
	line-height: 120% !important;
	text-transform: uppercase;
}

.sp .p-top-contents-title-photogallery .subtitle {
	margin-top: 16px;
	padding-bottom: 30px;
	margin-left: 20px;
	margin-right: 20px;
	font-size: 12px
}

.sp .p-top-contents-title-howto {
	margin: 0px auto 0px auto
}

.sp .p-top-contents-title-howto .title {
	padding-top: 30px;
	font-size: 26px;
	margin-left: 20px;
	margin-right: 20px;
	line-height: 120% !important
}

.sp .p-top-contents-title-howto .subtitle {
	margin-top: 16px;
	padding-bottom: 30px;
	margin-left: 20px;
	margin-right: 20px;
	font-size: 12px
}

#top.tb-pc .container,
#top.tb-pc .container-inner,
.top.tb-pc .container,
.top.tb-pc .container-inner {
	min-width: 920px;
	overflow: hidden
}

#top.tb-pc .container h2,
.top.tb-pc .container h2 {
	font-size: 32px
}

@media print,
screen and (max-width:1100px) {

	#top.tb-pc .container.about h2,
	#top.tb-pc .container.activities h2,
	#top.tb-pc .container.creative-park h2,
	#top.tb-pc .container.howto h2,
	.top.tb-pc .container.about h2,
	.top.tb-pc .container.activities h2,
	.top.tb-pc .container.creative-park h2,
	.top.tb-pc .container.howto h2 {
		font-size: 28px
	}

	#top.tb-pc .container.about h2,
	.top.tb-pc .container.about h2 {
		margin-top: 40px !important
	}

	#top.tb-pc .container.creative-park h2,
	.top.tb-pc .container.creative-park h2 {
		margin-top: 50px !important
	}

	#top.tb-pc .container.about .btn-rectangle,
	#top.tb-pc .container.creative-park .btn-rectangle,
	.top.tb-pc .container.about .btn-rectangle,
	.top.tb-pc .container.creative-park .btn-rectangle {
		letter-spacing: 0em;
		width: 280px
	}
}

@media print,
screen and (max-width:940px) {

	#top.tb-pc .container .title-area .btn-rectangle,
	#top.tb-pc .container .title-area h2,
	#top.tb-pc .container .title-area p,
	.top.tb-pc .container .title-area .btn-rectangle,
	.top.tb-pc .container .title-area h2,
	.top.tb-pc .container .title-area p {
		margin-left: 40px !important;
		margin-right: 30px !important
	}

	#top.tb-pc .container.about h2,
	.top.tb-pc .container.about h2 {
		margin-top: 60px !important
	}

	#top.tb-pc .container ul#recommend-list li,
	.top.tb-pc .container ul#recommend-list li {
		width: 28% !important;
		margin: 10px !important;
		width: 200px
	}
}

#top #btn-rectangle-top-howto,
.top #btn-rectangle-top-howto {
	width: 20em
}

#top #btn-rectangle-top-about,
.top #btn-rectangle-top-about {
	width: 26em;
	letter-spacing: 0.2em
}

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

	#top #btn-rectangle-top-about,
	.top #btn-rectangle-top-about {
		width: 22em;
		letter-spacing: 0.1em
	}
}

#top #btn-rectangle-top-activities,
.top #btn-rectangle-top-activities {
	width: 20em
}

#top #btn-rectangle-top-creative-park,
.top #btn-rectangle-top-creative-park {
	width: 24em
}

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

	#top #btn-rectangle-top-creative-park,
	.top #btn-rectangle-top-creative-park {
		width: 20em
	}
}

#top.sp #btn-rectangle-top-howto,
.top.sp #btn-rectangle-top-howto {
	max-width: 90%;
	width: 20em;
	padding-bottom: 50px;
	margin-bottom: 0
}

#top.sp #btn-rectangle-top-about,
.top.sp #btn-rectangle-top-about {
	max-width: 90%;
	width: 26em;
	letter-spacing: 0.2em;
	padding-bottom: 20px
}

#top.sp #btn-rectangle-top-activities,
.top.sp #btn-rectangle-top-activities {
	max-width: 90%;
	width: 20em;
	padding-bottom: 50px;
	margin-bottom: 0
}

#top.sp #btn-rectangle-top-creative-park,
.top.sp #btn-rectangle-top-creative-park {
	max-width: 90%;
	padding-bottom: 50px;
	margin-bottom: 50px
}

#top.tb-pc .container,
.top.tb-pc .container {
	background-repeat: repeat-y;
	background-position: 0 0;
	background-size: 100% auto
}

#top.tb-pc .container .photo-area.left,
#top.tb-pc .container .title-area.left,
.top.tb-pc .container .photo-area.left,
.top.tb-pc .container .title-area.left {
	float: left
}

#top.tb-pc .container .photo-area.right,
#top.tb-pc .container .title-area.right,
.top.tb-pc .container .photo-area.right,
.top.tb-pc .container .title-area.right {
	float: right;
	overflow: visible
}

#top.tb-pc .container .photo-area,
.top.tb-pc .container .photo-area {
	min-height: 290px;
	width: 60%;
	overflow: hidden
}

#top.tb-pc .container .title-area,
.top.tb-pc .container .title-area {
	min-height: 290px;
	width: 40%;
	text-align: left;
	line-height: 1;
	overflow: hidden
}

#top.tb-pc .container .title-area h2,
.top.tb-pc .container .title-area h2 {
	margin-top: 60px;
	margin-left: 60px;
	margin-right: 60px
}

#top.tb-pc .container .title-area p,
.top.tb-pc .container .title-area p {
	margin-top: 20px;
	margin-left: 60px;
	margin-right: 60px;
	line-height: 1.8;
	font-size: 16px;
}

#top.tb-pc .container .title-area p.title,
.top.tb-pc .container .title-area p.title {
	margin-top: 10px;
	/*letter-spacing: 0.2em;*/
	font-weight: bold;
	line-height: 1.6;
	font-size: 18px;
}

#top.tb-pc .container .title-area .btn-rectangle,
.top.tb-pc .container .title-area .btn-rectangle {
	margin-top: 25px;
	margin-left: 60px;
	margin-bottom: 30px
}

#top.tb-pc .container.column,
.top.tb-pc .container.column {
	background-image: url(../img/top-bg-right-E0DBCF.png)
}

#top.tb-pc .container.column-right-title,
.top.tb-pc .container.column-right-title {
	background-image: url(../img/top-bg-left-E0DBCF.png)
}

#top.tb-pc .container.activities,
.top.tb-pc .container.activities {
	background-image: url(../img/top-bg-right-E0DBCF.png)
}

#top.tb-pc .container.about,
.top.tb-pc .container.about {
	background-image: url(../img/top-bg-left-97B15E.png)
}

#top.tb-pc .container.creative-park,
.top.tb-pc .container.creative-park {
	background-image: url(../img/top-bg-right-F4F4E9.png)
}

#top.tb-pc .container.column .title-area h2,
.top.tb-pc .container.column .title-area h2 {
	margin-top: 80px
}

#top.tb-pc .container.activities .title-area h2,
.top.tb-pc .container.activities .title-area h2 {
	margin-top: 80px
}

#top.tb-pc .container.creative-park .title-area h2,
.top.tb-pc .container.creative-park .title-area h2 {
	margin-top: 80px
}

#top.tb-pc .container.recommend .title-area h2,
.top.tb-pc .container.recommend .title-area h2 {
	margin-top: 120px
}

#top.tb-pc .container.information .title-area h2,
.top.tb-pc .container.information .title-area h2 {
	margin-top: 80px;
	font-size: 28px
}

#top.tb-pc .container.information dl.top-information,
.top.tb-pc .container.information dl.top-information {
	margin-top: 80px;
	margin-bottom: 30px;
	line-height: 180%;
	text-align: left
}

#top.tb-pc .container.information dl.top-information dt,
.top.tb-pc .container.information dl.top-information dt {
	margin-bottom: 8px
}

#top.tb-pc .container.information dl.top-information dd,
.top.tb-pc .container.information dl.top-information dd {
	margin-bottom: 30px;
	padding-right: 1em
}

#top.tb-pc .btn-rectangle a,
.top.tb-pc .btn-rectangle a {
	background: url(../img/cmn-icon-top-link.png) 20px 16px no-repeat;
	background-size: 6px 9px;
	padding-left: 10px;
	-webkit-transition: background-color 0.5s;
	-o-transition: background-color 0.5s;
	transition: background-color 0.5s
}

#top.tb-pc .btn-rectangle a:hover,
.top.tb-pc .btn-rectangle a:hover {
	background: url(../img/cmn-icon-top-link-over.png) 20px 16px no-repeat;
	background-color: #BFBEA1;
	background-size: 6px 9px;
	padding-left: 10px;
	-webkit-transition: background-color 0.4s;
	-o-transition: background-color 0.4s;
	transition: background-color 0.4s
}

#top.tb-pc ul#recommend-list,
.top.tb-pc ul#recommend-list {
	margin: 30px 0 30px 0
}

#top.tb-pc ul#recommend-list a,
#top.tb-pc ul#recommend-list a:active,
#top.tb-pc ul#recommend-list a:hover,
#top.tb-pc ul#recommend-list a:link,
#top.tb-pc ul#recommend-list a:visited,
.top.tb-pc ul#recommend-list a,
.top.tb-pc ul#recommend-list a:active,
.top.tb-pc ul#recommend-list a:hover,
.top.tb-pc ul#recommend-list a:link,
.top.tb-pc ul#recommend-list a:visited {
	text-decoration: none
}

#top.tb-pc ul#recommend-list li.first,
#top.tb-pc ul#recommend-list li.second,
.top.tb-pc ul#recommend-list li.first,
.top.tb-pc ul#recommend-list li.second {
	margin-right: 5%
}

#top.tb-pc ul#recommend-list li,
.top.tb-pc ul#recommend-list li {
	width: 30%;
	float: left;
	overflow: hidden
}

#top.tb-pc ul#recommend-list li h3,
.top.tb-pc ul#recommend-list li h3 {
	font-weight: normal;
	line-height: 1.5;
	padding: 35px 20px 0px 20px;
	z-index: 9999;
	background: #fff
}

#top.tb-pc ul#recommend-list li h3 .line3L,
.top.tb-pc ul#recommend-list li h3 .line3L {
	padding-top: 30px;
	padding-bottom: 5px
}

#top.tb-pc ul#recommend-list li h3 a,
.top.tb-pc ul#recommend-list li h3 a {
	display: block;
	width: 100%;
	height: 100%;
	height: 85px
}

#top.tb-pc ul#recommend-list li .recommend-title,
.top.tb-pc ul#recommend-list li .recommend-title {
	width: 100%;
	overflow: hidden
}

#top.tb-pc ul#recommend-list li .recommend-photo img,
.top.tb-pc ul#recommend-list li .recommend-photo img {
	width: 100%
}

#top.sp .container,
.top.sp .container {
	overflow: hidden
}

#top.sp .container .photo-area,
.top.sp .container .photo-area {
	min-height: auto;
	width: 100%;
	overflow: hidden;
	background-image: none
}

#top.sp .container .title-area,
.top.sp .container .title-area {
	min-height: auto;
	width: 100%;
	background-image: none
}

#top.sp ul#recommend-list,
.top.sp ul#recommend-list {
	width: 90%;
	margin-left: 5%;
	margin-right: 5%
}

#top.sp ul#recommend-list li,
.top.sp ul#recommend-list li {
	position: relative;
	width: 100%;
	background: #fff;
	margin-bottom: 15px
}

#top.sp ul#recommend-list li h3,
.top.sp ul#recommend-list li h3 {
	font-weight: normal;
	line-height: 1.5;
	text-align: left;
	margin: 40px 0 0 40px
}

@media print,
screen and (max-width:640px) {

	#top.sp ul#recommend-list li h3,
	.top.sp ul#recommend-list li h3 {
		margin: 20px 0 0 20px;
		font-size: 14px
	}
}

#top.sp ul#recommend-list li h3 a,
.top.sp ul#recommend-list li h3 a {
	text-decoration: none
}

#top.sp ul#recommend-list li .recommend-title,
.top.sp ul#recommend-list li .recommend-title {
	width: 60%;
	float: left
}

#top.sp ul#recommend-list li .recommend-photo,
.top.sp ul#recommend-list li .recommend-photo {
	width: 40%;
	float: right
}

#top.sp .container .howto .title-area.sp,
.top.sp .container .howto .title-area.sp {
	margin-top: -20px !important;
	padding-top: 24px !important
}

#top.sp .container .act .title-area,
#top.sp .container .howto .title-area,
.top.sp .container .act .title-area,
.top.sp .container .howto .title-area {
	width: 100% !important;
	overflow: hidden
}

#top.sp #top-catch-copy,
.top.sp #top-catch-copy {
	margin-top: 50px;
	margin-bottom: 60px;
	margin-left: 30px;
	margin-right: 30px;
	line-height: 180%
}

#top.sp #top-catch-copy h2,
.top.sp #top-catch-copy h2 {
	font-size: 16px;
	margin-bottom: 15px
}

#top.sp .container.about p.title,
#top.sp .container.activities p.title,
#top.sp .container.howto p.title,
.top.sp .container.about p.title,
.top.sp .container.activities p.title,
.top.sp .container.howto p.title {
	letter-spacing: 0.2em
}

#top.sp .container.creative-park .btn-rectangle a,
#top.sp .container.creative-park p.title,
.top.sp .container.creative-park .btn-rectangle a,
.top.sp .container.creative-park p.title {
	letter-spacing: 0em !important
}

#top.sp .container.recommend h2,
.top.sp .container.recommend h2 {
	padding-top: 0 !important;
	margin-top: 40px !important
}

#top.sp .container.recommend p.title,
.top.sp .container.recommend p.title {
	letter-spacing: 0.2em !important
}

#top.sp .container-inner .title-area,
.top.sp .container-inner .title-area {
	text-align: left;
	line-height: 180%;
	width: 100%
}

#top.sp .container-inner .title-area p,
.top.sp .container-inner .title-area p {
	padding-left: 30px;
	padding-right: 30px
}

#top.sp .container-inner .photo-area,
.top.sp .container-inner .photo-area {
	width: 100%
}

#top.sp .container-inner .photo-area img,
.top.sp .container-inner .photo-area img {
	width: 100%
}

#top.sp .container.information dl.top-information,
.top.sp .container.information dl.top-information {
	margin-top: 30px;
	line-height: 180%;
	text-align: left;
	margin-left: 30px;
	margin-right: 30px
}

#top.sp .container.information dl.top-information dt,
.top.sp .container.information dl.top-information dt {
	font-size: 14px
}

#top.sp .container.information dl.top-information dd,
.top.sp .container.information dl.top-information dd {
	margin-bottom: 10px
}

#top.sp .container-inner h2,
.top.sp .container-inner h2 {
	font-size: 26px;
	text-align: center;
	margin-left: 20px;
	margin-right: 20px;
	letter-spacing: 0.2em;
	line-height: 1.2
}

#top.sp .container-inner h2,
.top.sp .container-inner h2 {
	margin-top: 40px !important
}

#top.sp h2.photo-gallery,
.top.sp h2.photo-gallery {
	margin-top: 0px !important;
	padding-top: 30px !important
}

#top.sp .container-inner p,
.top.sp .container-inner p {
	margin-bottom: 30px
}

#top.sp .container-inner p.title,
.top.sp .container-inner p.title {
	margin-top: 5px;
	margin-bottom: 25px;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.6;
	letter-spacing: 0em;
	text-align: center
}

#top.sp .container.recommend h2,
.top.sp .container.recommend h2 {
	padding-top: 40px
}

#top.sp p.photo-gallery.title,
.top.sp p.photo-gallery.title {
	margin-top: 0px !important;
	margin-bottom: 25px !important;
	padding-bottom: 0 !important
}

#top.sp .container.recommend,
.top.sp .container.recommend {
	padding-bottom: 30px
}

#top.sp .container.recommend p,
.top.sp .container.recommend p {
	text-align: center
}

#top.sp p.title.photo-gallery,
.top.sp p.title.photo-gallery {
	margin-top: 15px;
	margin-bottom: 40px;
	letter-spacing: 0.4em;
	font-weight: bold
}

#top.sp .container .title-area .btn-rectangle,
.top.sp .container .title-area .btn-rectangle {
	margin: 25px auto 50px auto;
	width: 70%
}

#top.sp .container-inner.creative-park,
.top.sp .container-inner.creative-park {
	margin-top: 0 !important;
	padding-top: 0 !important
}

#top.sp .container.creative-park,
.top.sp .container.creative-park {
	margin-bottom: -40px
}

#top.sp .container.recommend,
.top.sp .container.recommend {
	margin: 0 !important;
	padding: 0 !important
}

#top.sp .container-inner.recommend,
.top.sp .container-inner.recommend {
	margin-top: 0 !important;
	padding-top: 0 !important
}

@media print,
screen and (max-width:480px) {

	#top.sp .container-inner h2,
	#top.sp h2.photo-gallery {
		font-size: 22px !important
	}
}

#nav-global:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden
}

#top nav#nav-global {
	margin-top: -3px;
	border-top: none;
	margin-bottom: -10px;
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto
}

hr.top-nav-global {
	border: 0;
	height: 1px;
	background-image: -webkit-linear-gradient(left, #f0f0f0, #CFC5BD, #f0f0f0);
	background-image: -moz-linear-gradient(left, #f0f0f0, #CFC5BD, #f0f0f0);
	background-image: -ms-linear-gradient(left, #f0f0f0, #CFC5BD, #f0f0f0);
	background-image: -o-linear-gradient(left, #f0f0f0, #CFC5BD, #f0f0f0)
}

nav#nav-global {
	margin-top: 15px;
	border-top: 1px solid #CFC5BD;
	min-width: 920px
}

nav#nav-global ul {
	margin: 0 30px
}

nav#nav-global ul li {
	float: left;
	height: 60px;
	line-height: 4.5;
	text-align: center;
	font-weight: bold;
	letter-spacing: 0.1em;
	font-size: 14px
}

nav#nav-global ul li a {
	width: 100%;
	height: 100%;
	display: block;
	text-decoration: none
}

nav#nav-global ul li:hover {
	opacity: 0.6
}

@media print,
screen and (max-width:1024px) {
	nav#nav-global ul li {
		letter-spacing: 0em !important;
		font-size: 13px
	}
}

@media print,
screen and (max-width:1100px) {
	nav#nav-global ul li {
		letter-spacing: 0 !important
	}
}

nav#nav-global ul .home {
	width: 10%
}

nav#nav-global ul .gallery {
	width: 15%
}

nav#nav-global ul .howto {
	width: 15%
}

nav#nav-global ul .column {
	width: 14%
}

nav#nav-global ul .about {
	width: 16%
}

nav#nav-global ul .activities {
	width: 14%
}

nav#nav-global ul .creativepark {
	width: 15%
}

@media screen and (min-width:768px) and (max-width:1024px) {
	nav#nav-global ul {
		margin: 0 0px
	}

	nav#nav-global ul li {
		font-size: 13px;
		line-height: 60px
	}

	nav#nav-global ul .home {
		width: 8%
	}

	nav#nav-global ul .gallery {
		width: 14%
	}

	nav#nav-global ul .howto {
		width: 14%
	}

	nav#nav-global ul .column {
		width: 14%
	}

	nav#nav-global ul .about {
		width: 20%
	}

	nav#nav-global ul .activities {
		width: 14%
	}

	nav#nav-global ul .creativepark {
		width: 15%
	}
}

.sound-container p.title {
	margin-bottom: 15px
}

.sound-container p.note {
	margin-top: 10px
}

.sound-container p.note-double {
	margin-top: -25px;
	padding-left: 1em;
	text-indent: -1em
}

.sound-container img.cmn-btn-sound {
	width: 170px !important
}

.sound-container #jp-container-1 {
	margin-bottom: 5px;
	margin-right: 10px;
	float: left
}

.sound-container #jp-container-2 {
	margin-bottom: 5px;
	float: left
}

.sound-container.sound-2column .left,
.sound-container.sound-2column .right {
	width: 50%;
	float: left
}

.p-bird-slide {
	overflow-x: hidden;
	background: #F0EEE3
}

.p-bird-slide .p-bird-slide-inner {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	max-width: 1140px
}

@media print,
screen and (min-width:768px) and (max-width:1200px) {
	.p-bird-slide .p-bird-slide-inner {
		margin-left: 30px;
		margin-right: 30px
	}
}

.p-bird-slide .p-bird-slide-inner .swiper-container {
	width: 100%;
	height: auto;
	overflow: hidden;
	z-index: 1
}

.p-bird-slide .p-bird-slide-inner .swiper-container img {
	max-width: 100%
}

.p-bird-slide .p-bird-slide-inner .swiper-button-next,
.p-bird-slide .p-bird-slide-inner .swiper-button-prev {
	top: 50%;
	width: 30px;
	height: 30px;
	margin-top: -15px;
	z-index: 10;
	cursor: pointer;
	background-position: center;
	background-repeat: no-repeat;
	-moz-background-size: 8px 16px;
	-webkit-background-size: 8px 16px;
	background-size: 8px 16px;
	margin-top: -65px
}

.p-bird-slide .p-bird-slide-inner .swiper-button-next:hover,
.p-bird-slide .p-bird-slide-inner .swiper-button-prev:hover {
	opacity: 0.5
}

.p-bird-slide .p-bird-slide-inner .swiper-button-prev {
	left: -35px;
	right: auto;
	background-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%0A%09%20y%3D%220px%22%20viewBox%3D%220%200%208%2016%22%20style%3D%22enable-background%3Anew%200%200%208%2016%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill%3A%23767156%3B%7D%0A%3C%2Fstyle%3E%0A%3Cpolygon%20class%3D%22st0%22%20points%3D%220%2C8.1%208%2C16%208%2C13.1%202.8%2C8%208%2C2.9%208%2C0%200%2C7.9%20%22%2F%3E%0A%3C%2Fsvg%3E%0A")
}

.p-bird-slide .p-bird-slide-inner .swiper-button-next {
	right: -35px;
	left: auto;
	background-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%0A%09%20y%3D%220px%22%20viewBox%3D%220%200%208%2016%22%20style%3D%22enable-background%3Anew%200%200%208%2016%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill%3A%23767156%3B%7D%0A%3C%2Fstyle%3E%0A%3Cpolygon%20class%3D%22st0%22%20points%3D%228%2C7.9%200%2C0%200%2C2.9%205.2%2C8%200%2C13.1%200%2C16%208%2C8.1%20%22%2F%3E%0A%3C%2Fsvg%3E%0A")
}

.p-bird-slide .p-bird-slide-inner .swiper-pagination-bullet-active {
	background: #fff
}

.p-bird-slide.include-slide-gallery {
	margin-top: 40px
}

.p-bird-slide {
	line-height: 1;
	margin: 0;
	padding: 0
}

.p-bird-slide .btn-rectangle {
	width: 22em;
	margin: 20px auto 35px auto
}

.p-bird-slide ul li {
	position: relative
}

.p-bird-slide ul li .slide-box {
	position: relative;
	display: block
}

.p-bird-slide ul li a {
	text-decoration: none;
	display: block;
	top: 0;
	left: 0;
	width: 100%;
	padding-bottom: 15px
}

.p-bird-slide ul li a:hover h3,
.p-bird-slide ul li a:hover img,
.p-bird-slide ul li a:hover p {
	opacity: 0.6
}

.p-bird-slide ul li img.cmn-icon-new {
	position: absolute;
	width: 39px;
	top: -20px;
	left: 0;
	z-index: 999
}

.p-bird-slide ul li h3 {
	padding-top: 25px;
	text-align: center;
	margin-bottom: 10px;
	color: #333;
	line-height: 150%;
	margin-left: 20px;
	margin-right: 20px
}

.p-bird-slide ul li p {
	line-height: 120%;
	font-style: italic;
	text-align: center;
	margin-left: 20px;
	margin-right: 20px;
	padding-top: 0px
}

.p-howto-slide {
	overflow-x: hidden;
	background: #F0EEE3
}

.p-howto-slide .p-howto-slide-inner {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	max-width: 1140px
}

@media print,
screen and (min-width:768px) and (max-width:1200px) {
	.p-howto-slide .p-howto-slide-inner {
		margin-left: 30px;
		margin-right: 30px
	}
}

.p-howto-slide .p-howto-slide-inner .swiper-container {
	width: 100%;
	height: auto;
	overflow: hidden;
	z-index: 1
}

.p-howto-slide .p-howto-slide-inner .swiper-container img {
	max-width: 100%
}

.p-howto-slide .p-howto-slide-inner .swiper-button-next,
.p-howto-slide .p-howto-slide-inner .swiper-button-prev {
	top: 50%;
	width: 30px;
	height: 30px;
	margin-top: -15px;
	z-index: 10;
	cursor: pointer;
	background-position: center;
	background-repeat: no-repeat;
	-moz-background-size: 8px 16px;
	-webkit-background-size: 8px 16px;
	background-size: 8px 16px;
	margin-top: -65px
}

.p-howto-slide .p-howto-slide-inner .swiper-button-next:hover,
.p-howto-slide .p-howto-slide-inner .swiper-button-prev:hover {
	opacity: 0.5
}

.p-howto-slide .p-howto-slide-inner .swiper-button-prev {
	left: -35px;
	right: auto;
	background-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%0A%09%20y%3D%220px%22%20viewBox%3D%220%200%208%2016%22%20style%3D%22enable-background%3Anew%200%200%208%2016%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill%3A%23767156%3B%7D%0A%3C%2Fstyle%3E%0A%3Cpolygon%20class%3D%22st0%22%20points%3D%220%2C8.1%208%2C16%208%2C13.1%202.8%2C8%208%2C2.9%208%2C0%200%2C7.9%20%22%2F%3E%0A%3C%2Fsvg%3E%0A")
}

.p-howto-slide .p-howto-slide-inner .swiper-button-next {
	right: -35px;
	left: auto;
	background-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%0A%09%20y%3D%220px%22%20viewBox%3D%220%200%208%2016%22%20style%3D%22enable-background%3Anew%200%200%208%2016%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill%3A%23767156%3B%7D%0A%3C%2Fstyle%3E%0A%3Cpolygon%20class%3D%22st0%22%20points%3D%228%2C7.9%200%2C0%200%2C2.9%205.2%2C8%200%2C13.1%200%2C16%208%2C8.1%20%22%2F%3E%0A%3C%2Fsvg%3E%0A")
}

.p-howto-slide .p-howto-slide-inner .swiper-pagination-bullet-active {
	background: #fff
}

.p-howto-slide.include-slide-howto {
	margin-top: 40px
}

.p-howto-slide {
	line-height: 1;
	margin: 0;
	padding: 0
}

.p-howto-slide .btn-rectangle {
	width: 22em;
	margin: 20px auto 35px auto
}

.p-howto-slide ul li {
	position: relative
}

.p-howto-slide ul li .slide-box {
	position: relative;
	padding-top: 10px
}

.p-howto-slide ul li a {
	text-decoration: none;
	display: block;
	top: 0;
	left: 0;
	width: 100%;
	padding-bottom: 15px;
	-webkit-transition: 0.4s;
	-o-transition: 0.4s;
	transition: 0.4s
}

.p-howto-slide ul li a:hover h3,
.p-howto-slide ul li a:hover img,
.p-howto-slide ul li a:hover p,
.p-howto-slide ul li a:hover span {
	opacity: 0.6
}

.p-howto-slide ul li img.cmn-icon-new {
	position: absolute;
	width: 39px;
	top: -30px;
	left: 0;
	z-index: 999;
	display: none;
}

.p-howto-slide ul li span.slide-icon {
	font-weight: bold;
	background: #777053;
	color: #fff !important;
	font-size: 11px;
	border-radius: 4px;
	padding: 3px 10px;
	margin-left: 25px;
	line-height: 200%
}

.p-howto-slide ul li h3 {
	margin: 10px 30px 0 30px;
	font-weight: bold
}

.p-howto-slide ul li p {
	margin: 6px 20px 0px 30px;
	padding-bottom: 20px;
	min-height: 70px;
	line-height: 140%
}

.p-activities-slide {
	overflow-x: hidden
}

.p-activities-slide .p-activities-slide-inner {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	max-width: 1140px
}

@media print,
screen and (min-width:768px) and (max-width:1200px) {
	.p-activities-slide .p-activities-slide-inner {
		margin-left: 30px;
		margin-right: 30px
	}
}

.p-activities-slide .p-activities-slide-inner .swiper-container {
	width: 100%;
	height: auto;
	overflow: hidden;
	z-index: 1
}

.p-activities-slide .p-activities-slide-inner .swiper-container img {
	max-width: 100%
}

.p-activities-slide .p-activities-slide-inner .swiper-button-next,
.p-activities-slide .p-activities-slide-inner .swiper-button-prev {
	top: 50%;
	width: 30px;
	height: 30px;
	margin-top: -15px;
	z-index: 10;
	cursor: pointer;
	background-position: center;
	background-repeat: no-repeat;
	-moz-background-size: 8px 16px;
	-webkit-background-size: 8px 16px;
	background-size: 8px 16px;
	margin-top: -65px
}

.p-activities-slide .p-activities-slide-inner .swiper-button-next:hover,
.p-activities-slide .p-activities-slide-inner .swiper-button-prev:hover {
	opacity: 0.5
}

.p-activities-slide .p-activities-slide-inner .swiper-button-prev {
	left: -35px;
	right: auto;
	background-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%0A%09%20y%3D%220px%22%20viewBox%3D%220%200%208%2016%22%20style%3D%22enable-background%3Anew%200%200%208%2016%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill%3A%23767156%3B%7D%0A%3C%2Fstyle%3E%0A%3Cpolygon%20class%3D%22st0%22%20points%3D%220%2C8.1%208%2C16%208%2C13.1%202.8%2C8%208%2C2.9%208%2C0%200%2C7.9%20%22%2F%3E%0A%3C%2Fsvg%3E%0A")
}

.p-activities-slide .p-activities-slide-inner .swiper-button-next {
	right: -35px;
	left: auto;
	background-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%0A%09%20y%3D%220px%22%20viewBox%3D%220%200%208%2016%22%20style%3D%22enable-background%3Anew%200%200%208%2016%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill%3A%23767156%3B%7D%0A%3C%2Fstyle%3E%0A%3Cpolygon%20class%3D%22st0%22%20points%3D%228%2C7.9%200%2C0%200%2C2.9%205.2%2C8%200%2C13.1%200%2C16%208%2C8.1%20%22%2F%3E%0A%3C%2Fsvg%3E%0A")
}

.p-activities-slide .p-activities-slide-inner .swiper-pagination-bullet-active {
	background: #fff
}

.p-activities-slide-container {
	background: #e7e4d2;
	padding-bottom: 30px;
	padding-top: 0 !important;
	margin-top: 0 !important
}

.p-activities-slide-container .p-activities-slide {
	padding-top: 0 !important;
	margin-top: 0 !important
}

.p-activities-slide-container .l-container {
	background: #e7e4d2
}

.p-activities-slide.include-slide-activities {
	margin-top: 40px
}

.p-activities-slide {
	line-height: 1;
	margin: 0;
	padding: 0
}

.p-activities-slide .btn-rectangle {
	width: 22em;
	margin: 20px auto 35px auto
}

.p-activities-slide ul li {
	position: relative
}

.p-activities-slide ul li .slide-box {
	position: relative;
	padding-top: 10px
}

.p-activities-slide ul li a {
	text-decoration: none;
	display: block;
	top: 0;
	left: 0;
	width: 100%;
	padding-bottom: 15px;
	-webkit-transition: 0.4s;
	-o-transition: 0.4s;
	transition: 0.4s
}

.p-activities-slide ul li a:hover h3,
.p-activities-slide ul li a:hover img,
.p-activities-slide ul li a:hover p,
.p-activities-slide ul li a:hover span {
	opacity: 0.6
}

.p-activities-slide ul li img.cmn-icon-new {
	position: absolute;
	width: 39px;
	top: -30px;
	left: 0;
	z-index: 999
}

.p-activities-slide ul li span.slide-icon {
	font-weight: bold;
	background: #777053;
	color: #fff !important;
	font-size: 11px;
	border-radius: 4px;
	padding: 3px 10px;
	margin-left: 25px;
	line-height: 200%
}

.p-activities-slide ul li h3 {
	text-align: left;
	margin: 10px 30px 0 30px;
	line-height: 140%;
	font-weight: bold
}

.p-activities-slide ul li p {
	text-align: left;
	margin: 6px 20px 0px 30px;
	line-height: 140%
}

.p-gallery-activities-slide {
	overflow-x: hidden;
	background: #F0EEE3;
	line-height: 1;
	margin: 0;
	padding: 0
}

.p-gallery-activities-slide .p-gallery-activities-slide-inner {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	max-width: 1140px;
	margin-bottom: 20px
}

@media print,
screen and (min-width:768px) and (max-width:1200px) {
	.p-gallery-activities-slide .p-gallery-activities-slide-inner {
		margin-left: 30px;
		margin-right: 30px
	}
}

.p-gallery-activities-slide .p-gallery-activities-slide-inner .swiper-container {
	width: 100%;
	height: auto;
	overflow: hidden;
	z-index: 1
}

.p-gallery-activities-slide .p-gallery-activities-slide-inner .swiper-container img {
	max-width: 100%
}

.p-gallery-activities-slide .p-gallery-activities-slide-inner .swiper-button-next,
.p-gallery-activities-slide .p-gallery-activities-slide-inner .swiper-button-prev {
	top: 50%;
	width: 30px;
	height: 30px;
	margin-top: -15px;
	z-index: 10;
	cursor: pointer;
	background-position: center;
	background-repeat: no-repeat;
	-moz-background-size: 8px 16px;
	-webkit-background-size: 8px 16px;
	background-size: 8px 16px;
	margin-top: -65px
}

.p-gallery-activities-slide .p-gallery-activities-slide-inner .swiper-button-next:hover,
.p-gallery-activities-slide .p-gallery-activities-slide-inner .swiper-button-prev:hover {
	opacity: 0.5
}

.p-gallery-activities-slide .p-gallery-activities-slide-inner .swiper-button-prev {
	left: -35px;
	right: auto;
	background-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%0A%09%20y%3D%220px%22%20viewBox%3D%220%200%208%2016%22%20style%3D%22enable-background%3Anew%200%200%208%2016%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill%3A%23767156%3B%7D%0A%3C%2Fstyle%3E%0A%3Cpolygon%20class%3D%22st0%22%20points%3D%220%2C8.1%208%2C16%208%2C13.1%202.8%2C8%208%2C2.9%208%2C0%200%2C7.9%20%22%2F%3E%0A%3C%2Fsvg%3E%0A")
}

.p-gallery-activities-slide .p-gallery-activities-slide-inner .swiper-button-next {
	right: -35px;
	left: auto;
	background-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%0A%09%20y%3D%220px%22%20viewBox%3D%220%200%208%2016%22%20style%3D%22enable-background%3Anew%200%200%208%2016%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill%3A%23767156%3B%7D%0A%3C%2Fstyle%3E%0A%3Cpolygon%20class%3D%22st0%22%20points%3D%228%2C7.9%200%2C0%200%2C2.9%205.2%2C8%200%2C13.1%200%2C16%208%2C8.1%20%22%2F%3E%0A%3C%2Fsvg%3E%0A")
}

.p-gallery-activities-slide .p-gallery-activities-slide-inner .swiper-pagination-bullet-active {
	background: #fff
}

.p-gallery-activities-slide .btn-rectangle {
	width: 22em;
	margin: 20px auto 35px auto
}

.p-gallery-activities-slide ul li {
	position: relative
}

.p-gallery-activities-slide ul li .slide-box {
	position: relative;
	display: block
}

.p-gallery-activities-slide ul li a {
	text-decoration: none;
	display: block;
	top: 0;
	left: 0;
	width: 100%;
	padding-bottom: 15px
}

.p-gallery-activities-slide ul li a:hover h3,
.p-gallery-activities-slide ul li a:hover img,
.p-gallery-activities-slide ul li a:hover p {
	opacity: 0.6
}

.p-gallery-activities-slide ul li img.cmn-icon-new {
	position: absolute;
	width: 39px;
	top: -20px;
	left: 0;
	z-index: 999
}

.p-gallery-activities-slide ul li h3 {
	padding-top: 15px;
	text-align: center;
	margin-bottom: 10px;
	color: #333;
	line-height: 150%;
	margin-left: 10px;
	margin-right: 10px
}

.p-gallery-activities-slide ul li p {
	line-height: 120%;
	font-size: 12px;
	text-align: center;
	margin-left: 20px;
	margin-right: 20px;
	padding-top: 0px
}

.p-column-slide {
	overflow-x: hidden;
	background: #F0EEE3
}

.p-column-slide .p-column-slide-inner {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	max-width: 1140px
}

@media print,
screen and (min-width:768px) and (max-width:1200px) {
	.p-column-slide .p-column-slide-inner {
		margin-left: 30px;
		margin-right: 30px
	}
}

.p-column-slide .p-column-slide-inner .swiper-container {
	width: 100%;
	height: auto;
	overflow: hidden;
	z-index: 1
}

.p-column-slide .p-column-slide-inner .swiper-container img {
	max-width: 100%
}

.p-column-slide .p-column-slide-inner .swiper-button-next,
.p-column-slide .p-column-slide-inner .swiper-button-prev {
	top: 50%;
	width: 30px;
	height: 30px;
	margin-top: -15px;
	z-index: 10;
	cursor: pointer;
	background-position: center;
	background-repeat: no-repeat;
	-moz-background-size: 8px 16px;
	-webkit-background-size: 8px 16px;
	background-size: 8px 16px;
	margin-top: -65px
}

.p-column-slide .p-column-slide-inner .swiper-button-next:hover,
.p-column-slide .p-column-slide-inner .swiper-button-prev:hover {
	opacity: 0.5
}

.p-column-slide .p-column-slide-inner .swiper-button-prev {
	left: -35px;
	right: auto;
	background-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%0A%09%20y%3D%220px%22%20viewBox%3D%220%200%208%2016%22%20style%3D%22enable-background%3Anew%200%200%208%2016%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill%3A%23767156%3B%7D%0A%3C%2Fstyle%3E%0A%3Cpolygon%20class%3D%22st0%22%20points%3D%220%2C8.1%208%2C16%208%2C13.1%202.8%2C8%208%2C2.9%208%2C0%200%2C7.9%20%22%2F%3E%0A%3C%2Fsvg%3E%0A")
}

.p-column-slide .p-column-slide-inner .swiper-button-next {
	right: -35px;
	left: auto;
	background-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%0A%09%20y%3D%220px%22%20viewBox%3D%220%200%208%2016%22%20style%3D%22enable-background%3Anew%200%200%208%2016%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill%3A%23767156%3B%7D%0A%3C%2Fstyle%3E%0A%3Cpolygon%20class%3D%22st0%22%20points%3D%228%2C7.9%200%2C0%200%2C2.9%205.2%2C8%200%2C13.1%200%2C16%208%2C8.1%20%22%2F%3E%0A%3C%2Fsvg%3E%0A")
}

.p-column-slide .p-column-slide-inner .swiper-pagination-bullet-active {
	background: #fff
}

.p-column-slide.include-slide-howto {
	margin-top: 40px
}

.p-column-slide {
	line-height: 1;
	margin: 0;
	padding: 0
}

.p-column-slide .btn-rectangle {
	width: 22em;
	margin: 20px auto 35px auto
}

.p-column-slide ul li {
	position: relative
}

.p-column-slide ul li .slide-box {
	position: relative;
	margin-top: -4px;
	padding-top: 10px;
	background: #fff;
	padding-bottom: 10px
}

.p-column-slide ul li a {
	text-decoration: none;
	display: block;
	top: 0;
	left: 0;
	width: 100%;
	padding-bottom: 15px;
	-webkit-transition: 0.4s;
	-o-transition: 0.4s;
	transition: 0.4s
}

.p-column-slide ul li a:hover h3,
.p-column-slide ul li a:hover img,
.p-column-slide ul li a:hover p,
.p-column-slide ul li a:hover span {
	opacity: 0.6
}

.p-column-slide ul li img.cmn-icon-new {
	position: absolute;
	width: 39px;
	top: -30px;
	left: 0;
	z-index: 999
}

.p-column-slide ul li span.slide-icon {
	font-weight: bold;
	background: #777053;
	color: #fff !important;
	font-size: 11px;
	border-radius: 4px;
	padding: 3px 10px;
	margin-left: 25px;
	line-height: 200%
}

.p-column-slide ul li h3 {
	margin: 10px 30px 5px 30px;
	font-weight: bold
}

.p-column-slide ul li p {
	margin: 6px 0px 0px 30px;
	padding-bottom: 0px;
	line-height: 140%
}

.p-columnall-slide .slide-box p {
	font-size: 12px;
	line-height: 160%;
	padding-right: 15px
}

.p-columnall-slide .slide-box h3 {
	line-height: 160%;
	padding-right: 15px
}

#contents .btn-rectangle-3column-container ul {
	position: relative;
	left: 50%;
	float: left
}

#contents .btn-rectangle-3column-container li {
	position: relative;
	left: -50%;
	float: left
}

#contents .btn-rectangle-4column-container {
	position: relative
}

#contents .btn-rectangle-4column-container .btn-rectangle {
	width: 200px;
	margin-right: 10px;
	margin-left: 10px
}

#contents.sp .btn-rectangle-4column-container .btn-rectangle {
	width: 160px
}

#contents .btn-rectangle-4column-container ul {
	position: relative;
	text-align: center
}

#contents .btn-rectangle-4column-container li {
	position: relative;
	display: inline-block
}

#contents.sp .btn-rectangle-4column-container li .btn-rectangle {
	margin-top: 10px !important;
	margin-bottom: 10px !important
}

#contents.sp .btn-rectangle-4column-container {
	margin-bottom: 30px
}

@media screen and (max-width:768px) {
	.p-top-column-slide {
		background: #F0EEE4
	}
}

.p-top-activities-slide,
.p-top-column-slide,
.p-top-howto-slide {
	overflow-x: hidden;
	padding-left: 30px;
	padding-right: 30px
}

.p-top-activities-slide .p-top-activities-slide-inner,
.p-top-activities-slide .p-top-column-slide-inner,
.p-top-activities-slide .p-top-howto-slide-inner,
.p-top-column-slide .p-top-activities-slide-inner,
.p-top-column-slide .p-top-column-slide-inner,
.p-top-column-slide .p-top-howto-slide-inner,
.p-top-howto-slide .p-top-activities-slide-inner,
.p-top-howto-slide .p-top-column-slide-inner,
.p-top-howto-slide .p-top-howto-slide-inner {
	position: relative;
	margin-left: 30px;
	margin-right: 30px
}

.p-top-activities-slide .p-top-activities-slide-inner .swiper-container,
.p-top-activities-slide .p-top-column-slide-inner .swiper-container,
.p-top-activities-slide .p-top-howto-slide-inner .swiper-container,
.p-top-column-slide .p-top-activities-slide-inner .swiper-container,
.p-top-column-slide .p-top-column-slide-inner .swiper-container,
.p-top-column-slide .p-top-howto-slide-inner .swiper-container,
.p-top-howto-slide .p-top-activities-slide-inner .swiper-container,
.p-top-howto-slide .p-top-column-slide-inner .swiper-container,
.p-top-howto-slide .p-top-howto-slide-inner .swiper-container {
	width: 100%;
	height: auto;
	overflow: hidden;
	z-index: 1
}

.p-top-activities-slide .p-top-activities-slide-inner .swiper-container img,
.p-top-activities-slide .p-top-column-slide-inner .swiper-container img,
.p-top-activities-slide .p-top-howto-slide-inner .swiper-container img,
.p-top-column-slide .p-top-activities-slide-inner .swiper-container img,
.p-top-column-slide .p-top-column-slide-inner .swiper-container img,
.p-top-column-slide .p-top-howto-slide-inner .swiper-container img,
.p-top-howto-slide .p-top-activities-slide-inner .swiper-container img,
.p-top-howto-slide .p-top-column-slide-inner .swiper-container img,
.p-top-howto-slide .p-top-howto-slide-inner .swiper-container img {
	max-width: 100%
}

.p-top-activities-slide .p-top-activities-slide-inner .swiper-button-next,
.p-top-activities-slide .p-top-activities-slide-inner .swiper-button-prev,
.p-top-activities-slide .p-top-column-slide-inner .swiper-button-next,
.p-top-activities-slide .p-top-column-slide-inner .swiper-button-prev,
.p-top-activities-slide .p-top-howto-slide-inner .swiper-button-next,
.p-top-activities-slide .p-top-howto-slide-inner .swiper-button-prev,
.p-top-column-slide .p-top-activities-slide-inner .swiper-button-next,
.p-top-column-slide .p-top-activities-slide-inner .swiper-button-prev,
.p-top-column-slide .p-top-column-slide-inner .swiper-button-next,
.p-top-column-slide .p-top-column-slide-inner .swiper-button-prev,
.p-top-column-slide .p-top-howto-slide-inner .swiper-button-next,
.p-top-column-slide .p-top-howto-slide-inner .swiper-button-prev,
.p-top-howto-slide .p-top-activities-slide-inner .swiper-button-next,
.p-top-howto-slide .p-top-activities-slide-inner .swiper-button-prev,
.p-top-howto-slide .p-top-column-slide-inner .swiper-button-next,
.p-top-howto-slide .p-top-column-slide-inner .swiper-button-prev,
.p-top-howto-slide .p-top-howto-slide-inner .swiper-button-next,
.p-top-howto-slide .p-top-howto-slide-inner .swiper-button-prev {
	top: 50%;
	width: 30px;
	height: 30px;
	margin-top: -15px;
	z-index: 10;
	cursor: pointer;
	background-position: center;
	background-repeat: no-repeat;
	-moz-background-size: 8px 16px;
	-webkit-background-size: 8px 16px;
	background-size: 8px 16px
}

.p-top-activities-slide .p-top-activities-slide-inner .swiper-button-next:hover,
.p-top-activities-slide .p-top-activities-slide-inner .swiper-button-prev:hover,
.p-top-activities-slide .p-top-column-slide-inner .swiper-button-next:hover,
.p-top-activities-slide .p-top-column-slide-inner .swiper-button-prev:hover,
.p-top-activities-slide .p-top-howto-slide-inner .swiper-button-next:hover,
.p-top-activities-slide .p-top-howto-slide-inner .swiper-button-prev:hover,
.p-top-column-slide .p-top-activities-slide-inner .swiper-button-next:hover,
.p-top-column-slide .p-top-activities-slide-inner .swiper-button-prev:hover,
.p-top-column-slide .p-top-column-slide-inner .swiper-button-next:hover,
.p-top-column-slide .p-top-column-slide-inner .swiper-button-prev:hover,
.p-top-column-slide .p-top-howto-slide-inner .swiper-button-next:hover,
.p-top-column-slide .p-top-howto-slide-inner .swiper-button-prev:hover,
.p-top-howto-slide .p-top-activities-slide-inner .swiper-button-next:hover,
.p-top-howto-slide .p-top-activities-slide-inner .swiper-button-prev:hover,
.p-top-howto-slide .p-top-column-slide-inner .swiper-button-next:hover,
.p-top-howto-slide .p-top-column-slide-inner .swiper-button-prev:hover,
.p-top-howto-slide .p-top-howto-slide-inner .swiper-button-next:hover,
.p-top-howto-slide .p-top-howto-slide-inner .swiper-button-prev:hover {
	opacity: 0.5
}

.p-top-activities-slide .p-top-activities-slide-inner .swiper-button-prev,
.p-top-activities-slide .p-top-column-slide-inner .swiper-button-prev,
.p-top-activities-slide .p-top-howto-slide-inner .swiper-button-prev,
.p-top-column-slide .p-top-activities-slide-inner .swiper-button-prev,
.p-top-column-slide .p-top-column-slide-inner .swiper-button-prev,
.p-top-column-slide .p-top-howto-slide-inner .swiper-button-prev,
.p-top-howto-slide .p-top-activities-slide-inner .swiper-button-prev,
.p-top-howto-slide .p-top-column-slide-inner .swiper-button-prev,
.p-top-howto-slide .p-top-howto-slide-inner .swiper-button-prev {
	left: -35px;
	right: auto;
	background-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%0A%09%20y%3D%220px%22%20viewBox%3D%220%200%208%2016%22%20style%3D%22enable-background%3Anew%200%200%208%2016%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill%3A%23767156%3B%7D%0A%3C%2Fstyle%3E%0A%3Cpolygon%20class%3D%22st0%22%20points%3D%220%2C8.1%208%2C16%208%2C13.1%202.8%2C8%208%2C2.9%208%2C0%200%2C7.9%20%22%2F%3E%0A%3C%2Fsvg%3E%0A")
}

.p-top-activities-slide .p-top-activities-slide-inner .swiper-button-next,
.p-top-activities-slide .p-top-column-slide-inner .swiper-button-next,
.p-top-activities-slide .p-top-howto-slide-inner .swiper-button-next,
.p-top-column-slide .p-top-activities-slide-inner .swiper-button-next,
.p-top-column-slide .p-top-column-slide-inner .swiper-button-next,
.p-top-column-slide .p-top-howto-slide-inner .swiper-button-next,
.p-top-howto-slide .p-top-activities-slide-inner .swiper-button-next,
.p-top-howto-slide .p-top-column-slide-inner .swiper-button-next,
.p-top-howto-slide .p-top-howto-slide-inner .swiper-button-next {
	right: -35px;
	left: auto;
	background-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%0A%09%20y%3D%220px%22%20viewBox%3D%220%200%208%2016%22%20style%3D%22enable-background%3Anew%200%200%208%2016%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill%3A%23767156%3B%7D%0A%3C%2Fstyle%3E%0A%3Cpolygon%20class%3D%22st0%22%20points%3D%228%2C7.9%200%2C0%200%2C2.9%205.2%2C8%200%2C13.1%200%2C16%208%2C8.1%20%22%2F%3E%0A%3C%2Fsvg%3E%0A")
}

.p-top-activities-slide .p-top-activities-slide-inner .swiper-pagination-bullet-active,
.p-top-activities-slide .p-top-column-slide-inner .swiper-pagination-bullet-active,
.p-top-activities-slide .p-top-howto-slide-inner .swiper-pagination-bullet-active,
.p-top-column-slide .p-top-activities-slide-inner .swiper-pagination-bullet-active,
.p-top-column-slide .p-top-column-slide-inner .swiper-pagination-bullet-active,
.p-top-column-slide .p-top-howto-slide-inner .swiper-pagination-bullet-active,
.p-top-howto-slide .p-top-activities-slide-inner .swiper-pagination-bullet-active,
.p-top-howto-slide .p-top-column-slide-inner .swiper-pagination-bullet-active,
.p-top-howto-slide .p-top-howto-slide-inner .swiper-pagination-bullet-active {
	background: #fff
}

.sp .p-top-activities-slide,
.sp .p-top-column-slide,
.sp .p-top-howto-slide {
	padding-left: 0;
	padding-right: 0
}

.sp .p-top-activities-slide .p-top-activities-slide-inner,
.sp .p-top-activities-slide .p-top-column-slide-inner,
.sp .p-top-activities-slide .p-top-howto-slide-inner,
.sp .p-top-column-slide .p-top-activities-slide-inner,
.sp .p-top-column-slide .p-top-column-slide-inner,
.sp .p-top-column-slide .p-top-howto-slide-inner,
.sp .p-top-howto-slide .p-top-activities-slide-inner,
.sp .p-top-howto-slide .p-top-column-slide-inner,
.sp .p-top-howto-slide .p-top-howto-slide-inner {
	position: relative;
	margin-left: 0px;
	margin-right: 0px
}

.sp .p-top-activities-slide .p-top-activities-slide-inner .swiper-container,
.sp .p-top-activities-slide .p-top-column-slide-inner .swiper-container,
.sp .p-top-activities-slide .p-top-howto-slide-inner .swiper-container,
.sp .p-top-column-slide .p-top-activities-slide-inner .swiper-container,
.sp .p-top-column-slide .p-top-column-slide-inner .swiper-container,
.sp .p-top-column-slide .p-top-howto-slide-inner .swiper-container,
.sp .p-top-howto-slide .p-top-activities-slide-inner .swiper-container,
.sp .p-top-howto-slide .p-top-column-slide-inner .swiper-container,
.sp .p-top-howto-slide .p-top-howto-slide-inner .swiper-container {
	width: 100%;
	height: auto;
	overflow: hidden;
	z-index: 1
}

.sp .p-top-activities-slide .p-top-activities-slide-inner .swiper-container img,
.sp .p-top-activities-slide .p-top-column-slide-inner .swiper-container img,
.sp .p-top-activities-slide .p-top-howto-slide-inner .swiper-container img,
.sp .p-top-column-slide .p-top-activities-slide-inner .swiper-container img,
.sp .p-top-column-slide .p-top-column-slide-inner .swiper-container img,
.sp .p-top-column-slide .p-top-howto-slide-inner .swiper-container img,
.sp .p-top-howto-slide .p-top-activities-slide-inner .swiper-container img,
.sp .p-top-howto-slide .p-top-column-slide-inner .swiper-container img,
.sp .p-top-howto-slide .p-top-howto-slide-inner .swiper-container img {
	max-width: 100%
}

.sp .p-top-activities-slide .p-top-activities-slide-inner .swiper-button-next,
.sp .p-top-activities-slide .p-top-activities-slide-inner .swiper-button-prev,
.sp .p-top-activities-slide .p-top-column-slide-inner .swiper-button-next,
.sp .p-top-activities-slide .p-top-column-slide-inner .swiper-button-prev,
.sp .p-top-activities-slide .p-top-howto-slide-inner .swiper-button-next,
.sp .p-top-activities-slide .p-top-howto-slide-inner .swiper-button-prev,
.sp .p-top-column-slide .p-top-activities-slide-inner .swiper-button-next,
.sp .p-top-column-slide .p-top-activities-slide-inner .swiper-button-prev,
.sp .p-top-column-slide .p-top-column-slide-inner .swiper-button-next,
.sp .p-top-column-slide .p-top-column-slide-inner .swiper-button-prev,
.sp .p-top-column-slide .p-top-howto-slide-inner .swiper-button-next,
.sp .p-top-column-slide .p-top-howto-slide-inner .swiper-button-prev,
.sp .p-top-howto-slide .p-top-activities-slide-inner .swiper-button-next,
.sp .p-top-howto-slide .p-top-activities-slide-inner .swiper-button-prev,
.sp .p-top-howto-slide .p-top-column-slide-inner .swiper-button-next,
.sp .p-top-howto-slide .p-top-column-slide-inner .swiper-button-prev,
.sp .p-top-howto-slide .p-top-howto-slide-inner .swiper-button-next,
.sp .p-top-howto-slide .p-top-howto-slide-inner .swiper-button-prev {
	display: none
}

.sp .p-top-activities-slide .p-top-activities-slide-inner .swiper-pagination-bullet-active,
.sp .p-top-activities-slide .p-top-column-slide-inner .swiper-pagination-bullet-active,
.sp .p-top-activities-slide .p-top-howto-slide-inner .swiper-pagination-bullet-active,
.sp .p-top-column-slide .p-top-activities-slide-inner .swiper-pagination-bullet-active,
.sp .p-top-column-slide .p-top-column-slide-inner .swiper-pagination-bullet-active,
.sp .p-top-column-slide .p-top-howto-slide-inner .swiper-pagination-bullet-active,
.sp .p-top-howto-slide .p-top-activities-slide-inner .swiper-pagination-bullet-active,
.sp .p-top-howto-slide .p-top-column-slide-inner .swiper-pagination-bullet-active,
.sp .p-top-howto-slide .p-top-howto-slide-inner .swiper-pagination-bullet-active {
	background: #fff
}

.p-top-activities-slide,
.p-top-howto-slide {
	line-height: 1;
	margin: 0;
	padding: 0
}

.p-top-activities-slide ul li,
.p-top-howto-slide ul li {
	padding: 0px;
	text-align: left;
	line-height: 1.6;
	background-color: #E0DBCF;
	min-height: 380px;
	border-right: 1px solid #fff;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.p-top-activities-slide ul li .slide-box,
.p-top-howto-slide ul li .slide-box {
	position: relative;
	padding-top: 10px
}

.p-top-activities-slide ul li a,
.p-top-howto-slide ul li a {
	text-decoration: none;
	display: block;
	top: 0;
	left: 0;
	width: 100%;
	height: auto;
	padding-bottom: 15px
}

.p-top-activities-slide ul li a:hover h3,
.p-top-activities-slide ul li a:hover img,
.p-top-activities-slide ul li a:hover p,
.p-top-howto-slide ul li a:hover h3,
.p-top-howto-slide ul li a:hover img,
.p-top-howto-slide ul li a:hover p {
	opacity: 0.6
}

.p-top-activities-slide ul li img.cmn-icon-new,
.p-top-howto-slide ul li img.cmn-icon-new {
	position: absolute;
	width: 39px !important;
	top: -26px;
	left: 0;
	z-index: 999
}

.p-top-activities-slide ul li span.slide-icon,
.p-top-howto-slide ul li span.slide-icon {
	font-weight: bold;
	background: #777053;
	color: #fff !important;
	font-size: 11px;
	border-radius: 4px;
	padding: 3px 10px;
	margin-left: 45px;
	line-height: 200%
}

.p-top-activities-slide ul li h3,
.p-top-howto-slide ul li h3 {
	margin: 10px 30px 0 30px;
	font-weight: bold
}

.p-top-activities-slide ul li p,
.p-top-howto-slide ul li p {
	margin: 6px 20px 0px 30px;
	padding-bottom: 20px;
	min-height: 70px;
	line-height: 160%
}

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

	.p-top-activities-slide ul li .slide-box,
	.p-top-howto-slide ul li .slide-box {
		padding-top: 15px
	}

	.p-top-activities-slide ul li span.slide-icon,
	.p-top-howto-slide ul li span.slide-icon {
		margin-left: 20px
	}

	.p-top-activities-slide ul li h3,
	.p-top-howto-slide ul li h3 {
		margin: 10px 10px 0 20px
	}

	.p-top-activities-slide ul li p,
	.p-top-howto-slide ul li p {
		margin: 6px 10px 0px 20px;
		line-height: 160%;
		font-size: 14px
	}
}

.p-top-column-slide {
	line-height: 1;
	margin: 0;
	padding: 0
}

.p-top-column-slide ul li {
	padding: 0px;
	text-align: left;
	line-height: 1.6;
	background-color: #E0DBCF;
	min-height: 380px;
	border-right: 1px solid #fff;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.p-top-column-slide ul li .slide-box {
	position: relative;
	padding-top: 10px
}

.p-top-column-slide ul li a {
	text-decoration: none;
	display: block;
	top: 0;
	left: 0;
	width: 100%;
	height: auto;
	padding-bottom: 15px
}

.p-top-column-slide ul li a:hover h3,
.p-top-column-slide ul li a:hover img,
.p-top-column-slide ul li a:hover p {
	opacity: 0.6
}

.p-top-column-slide ul li img.cmn-icon-new {
	position: absolute;
	width: 39px !important;
	top: -26px;
	left: 0;
	z-index: 999
}

.p-top-column-slide ul li span.slide-icon {
	font-weight: bold;
	background: #777053;
	color: #fff !important;
	font-size: 11px;
	border-radius: 4px;
	padding: 3px 10px;
	margin-left: 45px;
	line-height: 200%
}

.p-top-column-slide ul li h3 {
	margin: 0px 30px 0 30px;
	font-weight: bold;
	font-size: 18px;
}

.p-top-column-slide ul li p {
	margin: 6px 20px 0px 30px;
	padding-bottom: 10px;
	line-height: 160%;
	font-size: 16px;
}

@media screen and (max-width:768px) {
	.p-top-column-slide ul li .slide-box {
		padding-top: 15px
	}

	.p-top-column-slide ul li span.slide-icon {
		margin-left: 20px
	}

	.p-top-column-slide ul li h3 {
		margin: -30px 10px 0 20px
	}

	.p-top-column-slide ul li p {
		margin: 6px 10px 0px 20px;
		line-height: 160%;
		font-size: 14px
	}
}

.sp .p-top-activities-slide,
.sp .p-top-column-slide,
.sp .p-top-howto-slide {
	line-height: 1;
	margin: 0;
	padding: 0
}

.sp .p-top-activities-slide ul li,
.sp .p-top-column-slide ul li,
.sp .p-top-howto-slide ul li {
	background-color: #F0EEE3;
	min-height: 280px;
	border-right: none
}

.p-topkv-slide {
	max-width: 100%;
	overflow-x: hidden;
	overflow-y: hidden;
	min-width: 1024px
}

.p-topkv-slide .p-topkv-slide-inner {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	max-width: 1200px
}

.p-topkv-slide .p-topkv-slide-inner .swiper-container {
	width: 100%;
	height: auto;
	overflow: visible
}

.p-topkv-slide .p-topkv-slide-inner .swiper-wrapper .swiper-slide {
	margin: 0;
	padding: 0
}

.p-topkv-slide .p-topkv-slide-inner .swiper-pagination-bullet {
	width: 8px;
	height: 8px;
	display: inline-block;
	border-radius: 100%;
	background: #fff;
	opacity: 0.2
}

.p-topkv-slide .p-topkv-slide-inner .swiper-pagination-bullet-active {
	background: #fff;
	opacity: 1
}

.p-topkv-slide .p-topkv-slide-inner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 10px
}

.p-topkv-slide .p-topkv-slide-inner .swiper-container-horizontal>.swiper-pagination-bullets {
	bottom: 30px
}

.p-topkv-slide-sp {
	overflow-x: hidden;
	width: 100%
}

.p-topkv-slide-sp .p-topkv-slide-sp-inner {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	max-width: 768px
}

.p-topkv-slide-sp .p-topkv-slide-sp-inner .swiper-container {
	width: 100%;
	height: auto;
	overflow: hidden;
	z-index: 1
}

.p-topkv-slide-sp .p-topkv-slide-sp-inner .swiper-container img {
	max-width: 100%
}

.p-topkv-slide-sp .p-topkv-slide-sp-inner .swiper-pagination-bullet {
	width: 8px;
	height: 8px;
	display: inline-block;
	border-radius: 100%;
	background: #fff;
	opacity: 0.2
}

.p-topkv-slide-sp .p-topkv-slide-sp-inner .swiper-pagination-bullet-active {
	background: #fff;
	opacity: 1
}

.p-topkv-slide-sp .p-topkv-slide-sp-inner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 10px
}

.p-topkv-slide-sp .p-topkv-slide-sp-inner .swiper-container-horizontal>.swiper-pagination-bullets {
	bottom: 20px
}

.column1-contents {
	margin-top: 80px
}

.column-1column .center {
	text-align: center
}

.column-1column:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden
}

.column-1column h3,
.column-1column h4 {
	margin-top: 40px
}

.column-1column.column1-table-container {
	margin-top: -40px;
	margin-bottom: 0
}

@media screen and (max-width:768px) {
	.column-1column.column1-table-container {
		padding-top: 30px
	}
}

.column-2column figure,
.column-2column figure img {
	max-width: 100%
}

.column-indent {
	padding-left: 1em;
	text-indent: -1em;
	padding-bottom: 30px;
	font-size: 13px
}

.column4-point-indent li {
	margin-bottom: 15px
}

.column-2column.notopmargin {
	margin-top: -100px
}

@media screen and (max-width:768px) {
	.column-2column.notopmargin {
		margin-top: 0px
	}
}

.column-2column.last-column {
	margin-bottom: 60px
}

.column-2column.nomargin {
	margin-bottom: 0px
}

.column-2column.semimargin {
	margin-top: 30px;
	margin-bottom: 30px
}

.column-birdwatching .column-2column {
	margin-bottom: 100px
}

@media screen and (max-width:768px) {
	.column-birdwatching .column-2column {
		margin-bottom: 40px
	}
}

.column-2column {
	margin-bottom: 0px
}

@media screen and (max-width:768px) {
	.column-2column {
		margin-bottom: 40px
	}
}

.column-2column:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden
}

.column-2column figure {
	margin-bottom: 20px;
	width: 720px !important;
	padding: 0 !important;
	margin: 0 !important
}

.column-2column h3,
.column-2column h4 {
	margin-top: 40px
}

.column-2column .left {
	width: 46%;
	float: left
}

.column-2column .right {
	width: 46%;
	float: right
}

@media screen and (max-width:768px) {
	.column-2column .left {
		width: 100%;
		float: none
	}

	.column-2column .right {
		width: 100%;
		float: none
	}
}

@media screen and (max-width:768px) {
	.column-center {
		padding-left: 30px;
		padding-right: 30px
	}
}

.column-center {
	max-width: 720px;
	margin-left: auto;
	margin-right: auto
}

figure.column-photo,
figure.column-photo-solid {
	max-width: 100%
}

figure.column-photo.top-margin {
	margin-top: 110px !important
}

@media screen and (max-width:768px) {
	figure.column-photo.top-margin {
		margin-top: 0px !important
	}
}

figure.column-photo.top-margin2L {
	margin-top: 145px !important
}

@media screen and (max-width:768px) {
	figure.column-photo.top-margin2L {
		margin-top: 0px !important
	}
}

figure.column-photo-vertical {
	max-width: 60%;
	margin-left: 20% !important
}

figure.column-photo-vertical.nocaption,
figure.column-photo.nocaption {
	padding-bottom: 30px !important
}

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

	figure.column-photo-vertical.nocaption,
	figure.column-photo.nocaption {
		padding-bottom: 0px !important
	}
}

figure.column-photo-vertical img,
figure.column-photo img {
	margin-top: 0px;
	margin-right: 0px
}

figure.column-photo figcaption {
	padding-top: 6px
}

.howto-category-list-container {
	line-height: 140%;
	text-align: left;
	padding: 0 30px;
	margin-bottom: 40px
}

.howto-category-list-container h3 {
	font-size: 18px;
	padding: 0 30px 10px 40px;
	line-height: 160%
}

@media screen and (max-width:768px) {
	.howto-category-list-container h3 {
		padding: 0 0px 10px 0px
	}
}

.howto-category-list-container p {
	padding: 0 30px 0 35px;
	line-height: 160%
}

@media screen and (max-width:768px) {
	.howto-category-list-container p {
		padding: 0 0px 0 0px
	}
}

.howto-category-list {
	margin-top: 30px;
	padding: 0 30px
}

@media screen and (max-width:768px) {
	.howto-category-list {
		padding: 0 0px
	}
}

.howto-category-list li {
	padding: 0 20px;
	width: calc(33.3% - 40px);
	float: left
}

.howto-category-list li h5 {
	padding: 20px 10px 10px 10px
}

.howto-category-list li p {
	padding: 1px 10px;
	line-height: 160%
}

@media screen and (max-width:768px) {
	.howto-category-list li {
		padding: 0 0px;
		width: 100%;
		float: none
	}

	.howto-category-list li h5 {
		padding: 20px 10px 10px 10px
	}

	.howto-category-list li p {
		padding: 1px 10px 30px 10px;
		line-height: 160%
	}
}

.howto-category-list a {
	text-decoration: none;
	-webkit-transition: 0.4s;
	-o-transition: 0.4s;
	transition: 0.4s
}

.howto-category-list a img {
	-webkit-transition: 0.4s;
	-o-transition: 0.4s;
	transition: 0.4s
}

@media screen and (max-width:768px) {
	.howto-category-list a img {
		width: 100%
	}
}

.howto-category-list a:hover {
	text-decoration: underline
}

.howto-category-list a:hover img {
	opacity: 0.6
}

table.column1-table {
	text-align: left;
	line-height: 170%;
	border-bottom: 1px solid #777052
}

table.column1-table .category {
	background: #fff;
	width: 20%
}

table.column1-table .bird {
	width: 15%;
	font-weight: bold
}

table.column1-table .txt {
	width: 65%
}

table.column1-table td,
table.column1-table th {
	padding: 20px 20px;
	background-color: #F0EDEB
}

table.column1-table .noline td {
	padding-top: 0px
}

table.column1-table td.title,
table.column1-table th.title {
	width: 10%;
	white-space: nowrap;
	background-color: #fff
}

table.column1-table td.center {
	text-align: center;
	font-size: 20px
}

table.column1-table td.left,
table.column1-table th.left {
	text-align: left !important
}

table.column1-table tr {
	border-top: 1px solid #D6D4CB
}

table.column1-table tr.noline {
	border-top: none
}

table.column1-table tr.left td {
	text-align: left
}

table.column1-table tr.first {
	border-top: 1px solid #777052
}

table.column1-table td.compact,
table.column1-table th.compact {
	background-color: #F0F0F0
}

.column1-list {
	line-height: 180%;
	text-align: left;
	border-bottom: 1px solid #D6D4CB;
	margin-bottom: 50px
}

@media screen and (max-width:768px) {
	.column1-list {
		margin-bottom: 0px
	}
}

.column1-list h4 {
	border-top: 1px solid #D6D4CB;
	padding-top: 20px;
	margin-bottom: 15px;
	width: 100%;
	display: block
}

.column1-list h5 {
	margin-bottom: 10px;
	padding-left: 1em
}

.column1-list p {
	margin-bottom: 10px;
	padding-left: 1em
}

.column1-list p.last {
	margin-bottom: 30px
}

.column2-last-container {
	text-align: left !important;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 60px;
	padding-bottom: 40px
}

@media screen and (max-width:768px) {
	.column2-last-container {
		padding-top: 0px;
		padding-bottom: 20px
	}
}

.column2-last-container h3.center,
.column2-last-container p.center {
	text-align: center
}

#includeSlideColumn,
#includeSlideColumnBirdWatching {
	margin-top: 60px
}

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

	#includeSlideColumn,
	#includeSlideColumnBirdWatching {
		margin-top: 30px
	}
}

.column-2column-first {
	margin-top: 100px
}

@media screen and (max-width:768px) {
	.column-2column-first {
		margin-top: -20px
	}
}

.column-2column-last {
	margin-bottom: 60px
}

@media screen and (max-width:768px) {
	.column-2column-last {
		margin-bottom: 40px
	}
}

.column-num {
	font-size: 64px;
	font-style: italic;
	position: absolute;
	margin-left: -10px
}

.column-num-container {
	padding-left: 50px
}

.column-num-container h3 {
	margin-top: -10px
}

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

	.column-num-container figure,
	.column-num-container p {
		margin-left: -50px !important
	}
}

.column2-txt-report {
	margin-top: 0 !important;
	margin-bottom: 20px !important
}

.column2-title {
	font-size: 28px !important;
	margin-top: 0 !important;
	margin-bottom: 10px !important
}

@media screen and (max-width:768px) {
	.column2-title {
		font-size: 24px !important
	}
}

.column2-txt-cap {
	margin-top: 0 !important;
	margin-bottom: 50px !important
}

@media screen and (max-width:768px) {
	.column2-txt-cap {
		padding-left: 30px;
		padding-right: 30px;
		margin-bottom: 20px !important
	}
}

.sp .column2-txt-report.column-category {
	margin-top: 30px !important
}

.sp .column2-0 {
	margin-top: 30px
}

.column-separate {
	text-align: left !important;
	width: 100%;
	-webkit-column-count: 2;
	column-count: 2;
	-webkit-column-gap: 40px;
	column-gap: 40px;
	margin-bottom: 30px
}

.column-separate p {
	text-align: left !important
}

@media screen and (max-width:768px) {
	.column-separate {
		-webkit-column-count: 1;
		column-count: 1;
		-webkit-column-gap: 0px;
		column-gap: 0px
	}
}

.column-bg-color {
	background: #F0EDEB !important
}

.column2-1 {
	margin-top: 60px
}

.column-main-container {
	min-width: 1100px;
	color: #777053 !important;
	overflow: hidden
}

.column-main-container .withcaption {
	padding-bottom: 15px
}

.column-main-container .withcaption figcaption {
	margin-top: 10px;
	text-align: left;
	line-height: 160%
}

@media screen and (max-width:768px) {
	.column-main-container .withcaption figcaption {
		padding-left: 30px;
		padding-right: 30px
	}
}

.column-main-container .column-category {
	margin-top: 110px !important;
	margin-bottom: 20px
}

.column-main-container .column-category.biodiversity {
	margin-top: 80px !important
}

@media screen and (max-width:768px) {
	.column-main-container .column-category.biodiversity {
		margin-top: 30px !important
	}
}

.column-main-container .column-category.kids {
	margin-top: 70px !important
}

@media screen and (max-width:768px) {
	.column-main-container .column-category.kids {
		margin-top: 30px !important
	}
}

.column-main-container h1 {
	font-size: 14px;
	margin-bottom: 20px
}

.column-main-container .kids h1 {
	margin-top: 0px
}

.column-main-container .kids h2 {
	margin-top: 40px
}

@media screen and (max-width:768px) {
	.column-main-container .kids h2 {
		margin-top: 20px;
		margin-bottom: 0px
	}
}

.column-main-container .left-inner.kids {
	padding-bottom: 30px
}

.column-main-container h2 {
	font-size: 22px;
	line-height: 160%
}

.column-main-container .left {
	width: 45%;
	float: left;
	text-align: left
}

.column-main-container .left-inner {
	line-height: 180%;
	margin-left: 30px;
	width: 80%
}

.column-main-container .right {
	width: 45%;
	margin-right: 30px;
	float: right
}

.column-main-container a {
	text-decoration: none
}

@media screen and (max-width:768px) {
	.column-main-container {
		min-width: 100%;
		color: #777053 !important;
		overflow: hidden
	}

	.column-main-container .column-category {
		margin-top: 30px !important;
		margin-bottom: 10px
	}

	.column-main-container h1 {
		font-size: 14px;
		margin-bottom: 10px
	}

	.column-main-container h2 {
		font-size: 22px;
		margin-bottom: 30px;
		line-height: 140%;
		padding-left: 20px;
		padding-right: 20px
	}

	.column-main-container .left {
		width: 100%;
		float: none;
		text-align: center
	}

	.column-main-container .left-inner {
		line-height: 180%;
		margin-left: auto;
		width: 100%
	}

	.column-main-container .right {
		width: 100%;
		margin-right: 0%;
		float: none;
		background: #F0EEE3
	}

	.column-main-container a {
		text-decoration: none
	}
}

.txt-left {
	text-align: left !important
}

.column-title-birdwatching {
	width: 336px;
	height: 74px
}

@media screen and (max-width:768px) {
	.column-title-birdwatching {
		max-width: 40%;
		height: auto
	}
}

.column-title-birdcolumn {
	padding-left: 0;
	width: 336px;
	height: 85px
}

@media screen and (max-width:768px) {
	.column-title-birdcolumn {
		max-width: 40%;
		height: auto
	}
}

.column-title-birdwatching-short,
.include-column-title-birdcolumn,
.include-column-title-birdwatching,
.include-column-title-column {
	width: 306px;
	height: 68px
}

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

	.column-title-birdwatching-short,
	.include-column-title-birdcolumn,
	.include-column-title-birdwatching,
	.include-column-title-column {
		max-width: 40%;
		height: auto
	}
}

.column-title-kids {
	width: 360px;
	height: 74px
}

@media screen and (max-width:768px) {
	.column-title-kids {
		max-width: 40%;
		height: auto
	}
}

.column-title-message-from-bird {
	width: 360px;
	height: 74px
}

.column-title-message-from-bird.first {
	margin-top: 40px
}

@media screen and (max-width:768px) {
	.column-title-message-from-bird {
		max-width: 40%;
		height: auto
	}
}

.column-title-birdcolumn-short {
	width: 276px;
	height: 68px
}

.column-title-birdcolumn-short.first {
	margin-top: 40px
}

@media screen and (max-width:768px) {
	.column-title-birdcolumn-short {
		max-width: 40%;
		height: auto
	}
}

.contents-main-container.bird-column p.en {
	margin-top: 100px
}

@media screen and (max-width:768px) {
	.contents-main-container .column-title {
		margin-top: -30px
	}
}

.column-top-kids-container {
	margin-top: 30px
}

@media screen and (max-width:768px) {
	.column-top-kids-container {
		margin-top: -80px;
		margin-bottom: 30px
	}
}

.column-top-biodiversity-container {
	margin-bottom: -30px
}

@media screen and (max-width:768px) {
	.column-top-biodiversity-container {
		margin-top: -80px;
		margin-bottom: 0px
	}
}

.column-top-birdWatch-container {
	margin-top: 30px;
	margin-bottom: 80px
}

@media screen and (max-width:768px) {
	.column-top-birdWatch-container {
		margin-top: -80px;
		margin-bottom: 30px
	}
}

.btn-rectangle--column1 a {
	width: 30em !important
}

@media screen and (max-width:768px) {
	.btn-rectangle--column1 a {
		width: 30em !important;
		max-width: 100% !important;
		margin-bottom: 30px;
		letter-spacing: 0;
		line-height: 160%;
		padding-left: 15px;
		padding-right: 15px
	}
}

.column-top-biodiversity-container .title-area .sp,
.column-top-birdWatch-container .title-area .sp {
	padding-bottom: 10px
}

.sp .column-top-birdWatch-container .title-area {
	padding-top: 50px;
	padding-bottom: 10px
}

.column1-btn-list {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin-top: -60px
}

@media screen and (max-width:768px) {
	.column1-btn-list {
		margin-top: -30px
	}
}

.column1-btn-list li {
	width: 30%;
	float: left;
	text-align: center;
	width: 20em;
	max-width: 30%;
	margin: 10px;
	line-height: 50px;
	height: 50px;
	-webkit-box-shadow: 0 0 0 1px #b5a99d;
	box-shadow: 0 0 0 1px #b5a99d;
	position: relative;
	-webkit-transition: 0.4s;
	-o-transition: 0.4s;
	transition: 0.4s
}

@media screen and (max-width:768px) {
	.column1-btn-list li {
		width: 32%;
		max-width: 32%
	}
}

.column1-btn-list li a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-decoration: none;
	letter-spacing: 0.2em;
	font-weight: bold
}

.column1-btn-list li:hover {
	background: #b5a99d;
	color: #fff !important;
	-webkit-box-shadow: 0 0 0 1px #b5a99d !important;
	box-shadow: 0 0 0 1px #b5a99d !important
}

.column1-btn-list li:hover a {
	color: #fff !important
}

.tb-pc .birdwatching1-1 {
	margin-top: -120px;
	padding-bottom: 30px
}

.tb-pc .birdwatching2-5 {
	margin-bottom: 40px
}

.sp .birdwatching2-3 {
	padding-top: 40px
}

.ie .layout-1headline-2column .adjust-with-screen {
	margin-top: -10px
}

.m-layout-2column,
.m-layout-2column__leftphoto {
	padding-top: 50px;
	padding-bottom: 40px
}

.m-layout-2column:after,
.m-layout-2column__leftphoto:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden
}

.m-layout-2column *,
.m-layout-2column__leftphoto * {
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.m-layout-2column__leftphoto img,
.m-layout-2column img {
	max-width: 100%
}

.m-layout-2column__leftphoto figure.sp,
.m-layout-2column figure.sp {
	margin-bottom: 10px
}

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

	.m-layout-2column,
	.m-layout-2column__leftphoto {
		padding-top: 20px;
		padding-bottom: 20px;
		padding-left: 30px;
		padding-right: 30px;
		width: 100%;
		max-width: calc(100% - 60px)
	}
}

.m-layout-2column .title-sub,
.m-layout-2column__leftphoto .title-sub {
	margin-bottom: 10px !important
}

.m-layout-2column .text-wrap,
.m-layout-2column__leftphoto .text-wrap {
	float: left;
	text-align: left;
	line-height: 180%;
	width: 47%;
	padding-top: 30px;
	padding-left: 30px;
	padding-right: 30px
}

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

	.m-layout-2column .text-wrap,
	.m-layout-2column__leftphoto .text-wrap {
		float: none;
		width: 100%;
		padding-top: 0px;
		padding-left: 0px;
		padding-right: 0px
	}
}

.m-layout-2column .text-wrap h2,
.m-layout-2column__leftphoto .text-wrap h2 {
	margin-bottom: 15px;
	font-size: 22px;
	font-weight: bold;
	line-height: 160%
}

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

	.m-layout-2column .text-wrap h2,
	.m-layout-2column__leftphoto .text-wrap h2 {
		margin-top: 20px
	}
}

.m-layout-2column .text-wrap p,
.m-layout-2column__leftphoto .text-wrap p {
	margin-bottom: 20px
}

.m-layout-2column .text-wrap p.u-indent,
.m-layout-2column__leftphoto .text-wrap p.u-indent {
	text-indent: -1em;
	padding-left: 1em;
	font-size: 13px
}

.m-layout-2column .photo-wrap,
.m-layout-2column .photo-wrap__vertical,
.m-layout-2column__leftphoto .photo-wrap,
.m-layout-2column__leftphoto .photo-wrap__vertical {
	float: right;
	width: 47%
}

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

	.m-layout-2column .photo-wrap,
	.m-layout-2column .photo-wrap__vertical,
	.m-layout-2column__leftphoto .photo-wrap,
	.m-layout-2column__leftphoto .photo-wrap__vertical {
		float: none;
		width: 100%
	}
}

.m-layout-2column .photo-wrap__vertical figure,
.m-layout-2column .photo-wrap figure,
.m-layout-2column__leftphoto .photo-wrap__vertical figure,
.m-layout-2column__leftphoto .photo-wrap figure {
	margin: 0 !important;
	padding-right: 30px;
	text-align: right
}

.m-layout-2column .photo-wrap__vertical figure figcaption,
.m-layout-2column .photo-wrap figure figcaption,
.m-layout-2column__leftphoto .photo-wrap__vertical figure figcaption,
.m-layout-2column__leftphoto .photo-wrap figure figcaption {
	line-height: 180%;
	padding-top: 5px
}

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

	.m-layout-2column .photo-wrap__vertical figure,
	.m-layout-2column .photo-wrap figure,
	.m-layout-2column__leftphoto .photo-wrap__vertical figure,
	.m-layout-2column__leftphoto .photo-wrap figure {
		padding-right: 0px
	}
}

.m-layout-2column .photo-wrap .cmn-icon-new,
.m-layout-2column .photo-wrap__vertical .cmn-icon-new,
.m-layout-2column__leftphoto .photo-wrap .cmn-icon-new,
.m-layout-2column__leftphoto .photo-wrap__vertical .cmn-icon-new {
	width: 39px;
	height: 39px;
	margin-left: 30px;
	margin-top: -10px
}

.m-layout-2column .photo-wrap__vertical,
.m-layout-2column__leftphoto .photo-wrap__vertical {
	width: 30%;
	margin-left: 8%;
	margin-right: 8%
}

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

	.m-layout-2column .photo-wrap__vertical,
	.m-layout-2column__leftphoto .photo-wrap__vertical {
		width: 60%;
		margin-left: 20%;
		margin-right: 20%
	}

	.m-layout-2column .photo-wrap__vertical figcaption,
	.m-layout-2column__leftphoto .photo-wrap__vertical figcaption {
		text-align: left
	}
}

.m-layout-2column__leftphoto .text-wrap {
	float: right;
	padding-left: 0
}

.m-layout-2column__leftphoto .photo-wrap,
.m-layout-2column__leftphoto .photo-wrap__vertical {
	float: left;
	padding-right: 0px;
	padding-left: 30px
}

.activities-bird-list .photo figcaption {
	text-align: right;
	font-size: 11px;
	margin-bottom: -10px
}

.youtube-video {
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 56.25%;
	overflow: hidden
}

.youtube-video iframe {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0
}

p.u-indent {
	text-indent: -1em;
	padding-left: 1em;
	font-size: 13px
}

p.u-indent2w {
	text-indent: -2.2em;
	padding-left: 2.2em;
	font-size: 13px
}

.column-kids-bg-wrap {
	width: 100%
}

@media screen and (max-width:768px) {
	.column-top-kids-container {
		margin-top: 0px
	}
}

@media screen and (max-width:768px) {
	.column-top-birdWatch-container {
		margin-top: 0px
	}
}

@media screen and (max-width:768px) {
	.column-kids-slide-lead {
		padding-top: 30px;
		padding-bottom: 30px
	}
}

.column-kids {
	font-size: 18px;
	max-width: 900px;
	margin-left: auto;
	margin-right: auto;
	line-height: 200%;
	text-align: left;
	padding-top: 60px;
	padding-left: 30px;
	padding-right: 30px;
	padding-bottom: 60px
}

.column-kids .column-kids-notice-wrap {
	padding-top: 60px;
	padding-bottom: 60px;
	max-width: 800px;
	margin-left: auto;
	margin-right: auto;
	border: 2px solid rgba(130, 162, 107, 0.5);
	border-radius: 20px
}

@media screen and (max-width:768px) {
	.column-kids .column-kids-notice-wrap {
		padding-top: 50px;
		padding-bottom: 30px;
		padding-left: 30px;
		padding-right: 30px
	}
}

.column-kids img {
	border-radius: 20px
}

.column-kids img.img-border {
	-webkit-box-shadow: 0 0 0 2px #EFEDEB;
	box-shadow: 0 0 0 2px #EFEDEB
}

.column-kids.column-kids-first {
	padding-top: 0px;
	padding-bottom: 0px;
	margin-top: 100px
}

.column-kids.column-kids-first .lead {
	text-align: center
}

.column-kids .title-challenge {
	width: 180px;
	margin: 0 auto 0 auto
}

.column-kids .title-challenge img {
	width: 100%;
	height: auto
}

.column-kids .title-challenge-sub {
	text-align: center;
	margin-top: -10px;
	font-weight: bold
}

.column-kids .title-challenge-main {
	text-align: center;
	font-size: 24px;
	font-weight: bold;
	margin-top: 30px;
	margin-bottom: 30px
}

.column-kids p {
	margin-bottom: 40px
}

.column-kids .kids-2column img {
	width: 100%
}

@media screen and (max-width:768px) {
	.column-kids .kids-2column figcaption {
		margin-bottom: 20px
	}
}

.column-kids .kids-2column:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden
}

.column-kids .kids-2column .kids-2column-column {
	width: 46%;
	float: left
}

.column-kids .kids-2column .kids-2column-column:nth-child(2) {
	margin-left: 8%
}

@media screen and (max-width:768px) {
	.column-kids .kids-2column .kids-2column-column {
		width: 100%;
		float: none
	}

	.column-kids .kids-2column .kids-2column-column:nth-child(2) {
		margin-left: 0%;
		margin-top: 30px
	}
}

.column-kids .kids-2column.set-margin-bottom {
	margin-bottom: 60px
}

.column-kids .kids-2column .title-question {
	text-align: left
}

.column-kids .title-question {
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 30px;
	text-align: center
}

.column-kids .title-notice {
	text-align: center;
	font-size: 20px
}

.column-kids dl.notice-dl {
	margin-left: auto;
	margin-right: auto;
	max-width: 600px;
	margin-top: 40px
}

.column-kids dl.notice-dl dt {
	font-size: 16px;
	font-weight: bold;
	margin-top: 0px;
	padding-bottom: 10px
}

.column-kids dl.notice-dl dd {
	margin-bottom: 20px
}

.column-kids .btn-download {
	position: relative;
	margin-bottom: 30px;
	max-width: 360px;
	height: 48px;
	border: 1px solid #7F7962;
	border-radius: 10px;
	background: #fff;
	width: 100%;
	text-align: center;
	font-weight: bold;
	cursor: pointer;
	-webkit-transition: 0.4s;
	-o-transition: 0.4s;
	transition: 0.4s
}

.column-kids .btn-download a {
	text-decoration: none;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	font-size: 12px;
	height: 48px;
	line-height: 48px
}

.column-kids .btn-download a:hover {
	color: #fff
}

.column-kids .btn-download a:after {
	content: '　';
	display: inline-block;
	vertical-align: middle;
	margin-left: 10px;
	width: 20px !important;
	height: 20px !important;
	position: relative;
	background: url(../img/cmn-icon-pdf.svg) no-repeat;
	background-size: 20px 20px
}

@media screen and (max-width:768px) {
	.column-kids .btn-download a {
		font-size: 10px
	}
}

@media screen and (max-width:768px) {
	.column-kids .btn-download {
		max-width: 100%
	}
}

.column-kids .btn-download:hover {
	background: #7F7962;
	color: #fff
}

@media screen and (max-width:768px) {
	.column-kids .btn-download {
		margin-left: auto;
		margin-right: auto
	}
}

hr.column-kids-hr {
	border: 0;
	background-color: #ECEBE7
}

.layout-1column {
	text-align: left;
	line-height: 180%;
	margin-top: -30px;
	margin-bottom: 60px;
	margin-left: 30px
}

nav#nav-global ul {}

nav#nav-global ul .home {
	width: 15%
}

nav#nav-global ul .gallery {
	width: 20%
}

nav#nav-global ul .howto {
	width: 21%
}

nav#nav-global ul .about {
	width: 22%
}

nav#nav-global ul .creativepark {
	width: 21%
}

@media screen and (min-width:768px) and (max-width:1024px) {
	nav#nav-global ul .home {
		width: 13%
	}

	nav#nav-global ul .gallery {
		width: 19%
	}

	nav#nav-global ul .howto {
		width: 20%
	}

	nav#nav-global ul .about {
		width: 26%
	}

	nav#nav-global ul .creativepark {
		width: 21%
	}
}

.p-top-activities-slide ul li span.slide-icon,
.p-top-howto-slide ul li span.slide-icon {
	margin-left: 30px
}

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

	.p-top-activities-slide ul li span.slide-icon,
	.p-top-howto-slide ul li span.slide-icon {
		margin-left: 20px
	}
}

#top.tb-pc .container.column,
.top.tb-pc .container.column {
	background-image: url(../img/top-bg-right-E0DBCF.png)
}

#top.tb-pc .container.column-right-title,
.top.tb-pc .container.column-right-title {
	background-image: url(../img/top-bg-left-E0DBCF.png)
}

#top.tb-pc .container.howto,
.top.tb-pc .container.howto {
	background-image: url(../img/top-bg-right-E0DBCF.png)
}

#top.tb-pc .container.activities,
.top.tb-pc .container.activities {
	background-image: url(../img/top-bg-right-E0DBCF.png)
}

#top.tb-pc .container.about,
.top.tb-pc .container.about {
	background-image: url(../img/top-bg-left-97B15E.png)
}

#top.tb-pc .container.creative-park,
.top.tb-pc .container.creative-park {
	background-image: url(../img/top-bg-right-F4F4E9.png)
}

#top.tb-pc .container.column .title-area h2,
.top.tb-pc .container.column .title-area h2 {
	margin-top: 80px
}

#top.tb-pc .container.activities .title-area h2,
.top.tb-pc .container.activities .title-area h2 {
	margin-top: 80px
}

#top.tb-pc .container.creative-park .title-area h2,
.top.tb-pc .container.creative-park .title-area h2 {
	margin-top: 80px
}

#top.tb-pc .container.recommend .title-area h2,
.top.tb-pc .container.recommend .title-area h2 {
	margin-top: 120px
}

.contents-nav {
	display: block
}

.ground-container {
	padding-bottom: 60px
}

@media screen and (max-width:768px) {
	#contents .container.about .ground-container {
		padding-bottom: 60px !important
	}
}

@media screen and (max-width:768px) {
	.sp .contents-share-inner {
		width: 100%
	}

	.sp .contents-share ul {
		width: 240px;
		margin-left: auto;
		margin-right: auto;
		position: relative;
		left: auto
	}

	.sp .contents-share ul li {
		float: none;
		display: inline-block
	}

	.sp .contents-share ul li img {
		width: 26px
	}
}

header .btn-language-btn-contianer,
header .btn-language-contianer {
	color: #828282
}

header .btn-language-btn-contianer a,
header .btn-language-contianer a {
	color: #828282
}

header .btn-language-btn-contianer img,
header .btn-language-contianer img {
	width: 32px;
	height: 32px;
	vertical-align: middle
}

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

	header .btn-language-btn-contianer img,
	header .btn-language-contianer img {
		width: 24px;
		height: 24px
	}
}

header .btn-language-btn-contianer {
	position: absolute;
	width: 32px;
	height: 32px;
	top: 10px;
	right: 30px;
	line-height: 0;
	cursor: pointer
}

@media screen and (max-width:768px) {
	header .btn-language-btn-contianer {
		top: 11px;
		right: 60px
	}
}

header .btn-language-btn-contianer:hover,
header .btn-language-contianer .btn-language-en:hover,
header .btn-language-contianer .btn-language-ja:hover {
	opacity: 0.6
}

.btn-language-contianer {
	z-index: 9999 !important;
	display: none;
	border: 1px solid rgba(0, 0, 0, 0.1);
	background: white;
	padding: 10px 10px 0px 20px;
	position: absolute;
	width: 120px;
	top: 52px;
	right: 16px;
	line-height: 0
}

.btn-language-contianer a {
	width: 100%;
	height: 100%;
	display: block
}

.btn-language-contianer .btn-language-en,
.btn-language-contianer .btn-language-ja {
	margin-bottom: 10px;
	float: left;
	position: relative;
	width: 120px
}

.btn-language-contianer .btn-language-en img,
.btn-language-contianer .btn-language-ja img {
	margin-right: 10px
}

@media screen and (max-width:768px) {
	.btn-language-contianer {
		top: 58px;
		right: 0px;
		z-index: 99;
		border-top: none;
		padding: 16px 16px 6px 26px
	}

	.btn-language-contianer .btn-language-en {
		margin-bottom: 16px
	}
}

header {
	overflow: visible
}

#top header {
	height: 62px
}

@media screen and (max-width:768px) {
	#top header {
		height: auto
	}
}

#top .btn-language-contianer {
	top: 62px
}

@media screen and (max-width:768px) {
	#top .btn-language-contianer {
		top: 50px
	}
}

@media screen and (max-width:768px) {
	.btn-language-contianer {
		top: 50px
	}
}

footer #footer-share-area {
	width: 27%
}

@media screen and (min-width:768px) and (max-width:1024px) {
	footer #footer-share-area {
		width: 20%
	}
}

@media screen and (max-width:768px) {
	footer #footer-share-area {
		width: 100%
	}
}

@media screen and (max-width:768px) {
	footer #footer-share-area ul {
		width: 100%;
		margin: 0 auto 0 auto;
		padding-bottom: 60px
	}

	footer #footer-share-area ul li {
		display: inline-block;
		margin-left: 5px;
		margin-right: 5px !important
	}

	footer #footer-share-area img.footer-icon-sns {
		width: 34px
	}
}

#footer-share-area {
	display: none !important
}

.content-share {
	display: none !important
}

.content-share-area {
	display: none !important
}

.contents-share {
	margin-bottom: 10px
}

.contents-share .contents-share-inner {
	display: none !important
}

#gallery-sort {
	margin-top: 0px !important
}

@media screen and (max-width:768px) {
	#gallery-sort {
		margin-top: -35px !important
	}
}
























/*增加爱鸟图鉴*/
*{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-tap-highlight-color: transparent;}
.bbpmain{color:#000;background-color: #FAF9F5;box-sizing: border-box; vertical-align: baseline;margin: 0;padding: 0;border: none;}
.bbpmain img{ width: 100%;max-width: 100%;height: auto;vertical-align: baseline;}
.bbpmain figure{ display: block; }
.bbpmain button{
    margin: 0;
    padding: 0;
    background: none;
    border: none;
    border-radius: 0;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.bbpgallery {
  width: 100%;
  padding-bottom: 120px;
  position: relative;
}
.bbpgallery__content-illust {
  width: 100%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}
@media screen and (max-width: 1023px) {
  .bbpgallery__content-illust {
    max-width: 100%;
  }
}
.bbpgallery__content-illust1 {
  position: absolute;
  width: 80px;
  top: 40px;
  left: 10%;
}
@media screen and (max-width: 767px) {
  .bbpgallery__content-illust1 {
    top: 0;
    width: 50px;
    left: 10px;
  }
}
.bbpgallery__content-illust2 {
  position: absolute;
  width: 130px;
  top: 40px;
  right: 10%;
}
@media screen and (max-width: 767px) {
  .bbpgallery__content-illust2 {
    width: 80px;
    top: 0;
    right: 0;
  }
  .bbpgallery__playlist .audio{    margin-left: 15px;
    margin-right: 15px;}
}
.bbpgallery__content-title {
  font-size: 26px!important;
  font-weight: 600;
  font-style: normal;
  letter-spacing: 0;
  line-height: 200%!important;
  letter-spacing: 0.1em;
  text-align: center;
  color: #035028;
  padding-top: 40px;
  text-decoration: underline;
}
.bbpgallery__content-title a {
  color: #035028;
}
.bbpgallery__content-title a:hover {
  text-decoration: none;
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .bbpgallery__content-title {
    padding-top: 60px;
    font-size: 1.375em;
    font-weight: 600;
    font-style: normal;
    letter-spacing: 0;
    line-height: 200%;
  }
}
@media screen and (max-width: 767px) {
  .bbpgallery__content-title {
    font-size: 1.25em;
    font-weight: 600;
    font-style: normal;
    letter-spacing: 0;
    line-height: 200%;
  }
}
.bbpgallery__content-lead {
  font-size: 16px;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0;
  line-height: 200%;
  letter-spacing: 0.1em;
  text-align: center;
  color: #035028;
  padding-top: 10px;
  padding-bottom: 60px;
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .bbpgallery__content-lead {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media screen and (max-width: 767px) {
  .bbpgallery__content-lead {
    font-size: 16px;
    font-weight: 400;
    font-style: normal;
    letter-spacing: 0;
    line-height: 200%;
    padding-left: 30px;
    padding-right: 30px;
  }
}
.bbpgallery__isotope {
  position: relative;
  width: 100%;
  max-width: 1240px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .bbpgallery__isotope {
    max-width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .bbpgallery__isotope {
    max-width: 100%;
  }
}
.bbpgallery__isotope-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-bottom: 40px;
  display: none;
}
@media screen and (max-width: 767px) {
  .bbpgallery__isotope-btn {
    padding-bottom: 60px;
  }
}
.bbpgallery__isotope-btn .button {
  font-size: 16px;
  font-weight: 600;
  font-style: normal;
  letter-spacing: 0;
  line-height: 200%;
  letter-spacing: 0.1em;
  line-height: 34px;
  color: #035028;
  margin-left: 30px;
  margin-right: 30px;
  cursor: pointer;
  border-bottom: 2px solid #FAF9F5;
}
.bbpgallery__isotope-btn .button.is-checked {
  border-bottom: 2px solid #035028;
}
@media screen and (max-width: 767px) {
  .bbpgallery__isotope-btn .button {
    font-size: 0.875em;
    font-weight: 600;
    font-style: normal;
    letter-spacing: 0;
    line-height: 200%;
    letter-spacing: 0.1em;
    line-height: 34px;
    color: #035028;
    margin-left: 10px;
    margin-right: 10px;
  }
}
.bbpgallery__isotope-btn .button:focus {
  border: 2px solid #035028 !important;
  border-radius: 4px;
}
.bbpgallery__isotope-grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  visibility: hidden;
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .bbpgallery__isotope-grid {
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media screen and (max-width: 767px) {
  .bbpgallery__isotope-grid {
    padding-left: 10px;
    padding-right: 10px;
  }
}
.bbpgallery__isotope-grid .element-item {
  position: relative;
  width: 25%;
  padding: 30px 30px 40px 30px;
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .bbpgallery__isotope-grid .element-item {
    width: calc(33.3% - 10px);
    padding: 20px 20px 26px 20px;
  }
}
@media screen and (max-width: 767px) {
  .bbpgallery__isotope-grid .element-item {
    width: calc(50% - 10px);
    padding: 10px 10px 26px 10px;
  }
}
.bbpgallery__isotope-grid .element-item a {
  display: block;
}
.bbpgallery__isotope-grid .element-item a:hover .name {
  text-decoration: underline !important;
}
.bbpgallery__isotope-grid .element-item .new {
  width: 110px;
  position: absolute;
  top: -20px;
  right: -20px;
}
@keyframes iconrotation {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(-360deg);
            transform: rotate(-360deg);
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .bbpgallery__isotope-grid .element-item .new {
    width: 80px;
  }
}

@media (min-width: 1200px) and (max-width: 1439px) {
   .bbpgallery__isotope-grid .element-item .new {
    width: 100px;
    right: -10px;
  }
}



@media screen and (max-width: 767px) {
  .bbpgallery__isotope-grid .element-item .new {
    width: 70px;
    top: -20px;
    right: -10px;
  }
}
.bbpgallery__isotope-grid .element-item .name {
  font-size: 18px;
  font-weight: 600;
  text-align: center;
  padding-top: 20px;
  padding-bottom: 10px;
  color: #000;
  letter-spacing: 0.1em;
  line-height: 1;
  text-decoration: none;
}
.bbpgallery__isotope-grid .element-item .sub {
  text-align: center;
  font-size: 12px;
  font-weight: 400;
  font-style: italic;
  letter-spacing: 0.1em;
  line-height: 1;
  text-decoration: none;
}
.bbpgallery__isotope-grid .element-item .more {
  display: none;
}
.bbpgallery__isotope-grid .element-item .hidden {
  display: none;
}
.bbpgallery__main {
  padding-top: 20px;
  width: 100%;
  max-width: 1300px;
  padding-left: 30px;
  padding-right: 30px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .bbpgallery__main {
    padding-left: 0;
    padding-right: 0;
  }
}
@media screen and (max-width: 767px) {
  .bbpgallery__main {
    padding-left: 0;
    padding-right: 0;
  }
}
.bbpgallery__main-figure {
  line-height: 0;
}
.bbpgallery__main-photo {
  line-height: 0;
}
.bbpgallery__main-figcaption {
  text-align: center;
  color: #035028;
  font-size:16px;
  line-height: 180%;
  padding-top: 10px;
  padding-bottom: 60px;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1023px) {
  .bbpgallery__main-figcaption {
    padding-left: 30px;
    padding-right: 30px;
    font-weight: 500;
  }
}
@media screen and (max-width: 767px) {
  .bbpgallery__main-figcaption {
    text-align: left;
  }
}
.bbpgallery__content {
  width: 100%;
  max-width: 700px;
  padding-left: 30px;
  padding-right: 30px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 767px) {
  .bbpgallery__content {
    max-width: 100%;
  }
}
.bbpgallery__content-heading {
  text-align: center;
  font-size: 22px!important;
  font-weight: 600;
  font-style: normal;
  letter-spacing: 0;
  line-height: 200%!important;
  letter-spacing: 0.1em;
}
.bbpgallery__content-scientific {
  font-size: 12px;
  font-weight: 400;
  font-style: italic;
  text-align: center;
  letter-spacing: 0.1em;
  padding-bottom: 12px;
  line-height: 1;
  padding-bottom: 30px;
}
.bbpgallery__content-class {
  text-align: center;
  font-size: 0.875em;
  padding-bottom: 30px;
  letter-spacing: 0.2em;
}
.bbpgallery__content-p {
	color: #000;
  font-size: 16px;
  font-weight: 400;
  line-height: 200%;
  padding-bottom: 20px;
  letter-spacing: 0.05em;
}
.bbpgallery__content-notice-center {
  text-align: center;
  font-size: 14px;
  padding-bottom: 40px;
  line-height: 180%;
  text-indent: -1em;
  padding-left: 1em;
  color:#000;
}
@media screen and (max-width: 767px) {
  .bbpgallery__content-notice-center {
    text-align: center;
  }
}
.bbpgallery__playlist {
  padding-bottom: 24px;
}
.bbpgallery__playlist .tracks {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (max-width: 767px) {
  .bbpgallery__playlist .tracks.is-wrap {
    display: block;
  }
  .bbpgallery__playlist .tracks.is-wrap .audio {
    padding-bottom: 20px;
    width: 100%;
  }
  .bbpgallery__playlist .tracks.is-wrap .audio .play {
    margin-left: 0;
    margin-right: auto;
  }
  .bbpgallery__playlist .tracks.is-wrap .audio .track-title {
    width: 100%;
    text-align: left;
  }
}
.bbpgallery__playlist .audio {
  margin-left: 15px;
  margin-right: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.bbpgallery__playlist .audio .track-title {
  font-size: 14px;
  color: #035028;
  font-weight: 400;
  letter-spacing: 0.1em;
}
.bbpgallery__playlist .audio button {
  cursor: pointer;
  border: none;
  background-color: transparent;
  position: relative;
}
.bbpgallery__playlist .audio button.play::before {
  content: "";
  display: inline-block;
  height: 60px;
  width: 60px;
  vertical-align: -10px;
  margin-right: 12px;
  background-repeat: no-repeat;
  background-image: url("../../assets/img/bbp-btn-sound-play.svg");
  -webkit-transition: background-image 0s;
  transition: background-image 0s;
}
.bbpgallery__playlist .audio button.play:hover::before {
  background-image: url("../../assets/img/bbp-btn-sound-on.svg");
}
.bbpgallery__playlist .audio button.play.playing::before {
  background-image: url("../../assets/img/bbp-btn-sound-pause.svg");
}

.bbpgallery-profile {
  width: 100%;
  padding-left: 30px;
  padding-right: 30px;
  padding-bottom: 50px;
}
@media screen and (max-width: 767px) {
  .bbpgallery-profile {
    padding-left: 0;
    padding-right: 0;
  }
}
.bbpgallery-profile__inner {
  width: 100%;
  max-width: 1180px;
  margin-left: auto;
  margin-right: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #fff;
  padding: 50px;
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .bbpgallery-profile__inner {
    padding: 30px;
  }
}
@media screen and (max-width: 767px) {
  .bbpgallery-profile__inner {
    display: block;
    padding: 30px;
  }
}
.bbpgallery-profile__column {
  width: 100%;
  max-width: 1180px;
  margin-left: auto;
  margin-right: auto;
  background-color: #fff;
  padding: 50px 80px;
}
@media screen and (max-width: 767px) {
  .bbpgallery-profile__column {
    max-width: 100%;
    padding: 30px;
  }
}
.bbpgallery-profile__column-title {
  font-size: 1.25em;
  font-weight: 600;
  font-style: normal;
  letter-spacing: 0;
  line-height: 200%;
  padding-bottom: 12px;
}
@media screen and (max-width: 767px) {
  .bbpgallery-profile__column-title {
    font-size: 1.125em;
    font-weight: 600;
    font-style: normal;
    letter-spacing: 0;
    line-height: 200%;
  }
}
.bbpgallery-profile__column-text {
  -webkit-column-count: 2;
     -moz-column-count: 2;
          column-count: 2;
  -webkit-column-gap: 60px;
     -moz-column-gap: 60px;
          column-gap: 60px;
  line-height: 200%;
  font-size: 0.875em;
}
.bbpgallery-profile__column-text p {
  padding-bottom: 20px;
}
@media screen and (max-width: 767px) {
  .bbpgallery-profile__column-text {
    -webkit-column-count: 1;
       -moz-column-count: 1;
            column-count: 1;
  }
}
.bbpgallery-profile__text {
  width: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 30px;
  padding-right: 60px;
}
@media screen and (max-width: 767px) {
  .bbpgallery-profile__text {
    width: 100%;
    padding: 0;
  }
}
.bbpgallery-profile__text-inner {
  position: relative;
}
.bbpgallery-profile__text-position {
  font-size: 1em;
  font-weight: 600;
  font-style: normal;
  letter-spacing: 0;
  line-height: 200%;
  font-size: 1em;
  letter-spacing: 0.1em;
  line-height: 180%;
  padding-bottom: 16px;
}
.bbpgallery-profile__text-title {
  font-size: 0.75em;
  letter-spacing: 0.1em;
  padding-bottom: 10px;
}
.bbpgallery-profile__text-name {
  font-size: 1.25em;
  font-weight: 600;
  font-style: normal;
  letter-spacing: 0;
  line-height: 200%;
  padding-bottom: 12px;
}
.bbpgallery-profile__text-name-en {
  font-size: 0.875em;
  font-weight: 400;
  font-style: normal;
  margin-left: 20px;
}
.bbpgallery-profile__text-p {
  font-size: 0.875em;
  line-height: 200%;
  font-weight: 400;
}
.bbpgallery-profile__photo {
  width: 50%;
}
@media screen and (max-width: 767px) {
  .bbpgallery-profile__photo {
    width: 100%;
    padding-top: 30px;
  }
}





.module-content {
  width: 100%;
  padding-top: 30px;
  padding-bottom: 0px;
  background-color: #fff;
color: #000;
}
.module-content.is-bg-color {
  background-color: #FAF9F5;
}
.module-content.is-padding-bottom {
  padding-bottom: 60px !important;
}
@media screen and (max-width: 767px) {
  .module-content.is-padding-bottom {
    padding-bottom: 30px !important;
  }
}
@media screen and (max-width: 767px) {
  .module-content {
    padding-top: 30px;
  }
}
.module-content__hr {
  width: 100%;
  max-width: 960px;
  height: 1px;
  background-color: rgba(0, 0, 0, 0.1);
  margin-left: auto;
  margin-right: auto;
  margin-top: 40px;
  margin-bottom: 40px;
}
@media screen and (max-width: 767px) {
  .module-content__hr {
    margin-top: 10px;
    margin-bottom: 40px;
    padding-left: 20px;
    padding-right: 20px;
    max-width: calc(100% - 40px);
    margin-left: 20px;
  }
}
.module-content__hr--full {
  width: 100%;
  max-width: 1200px;
  height: 1px;
  background-color: rgba(0, 0, 0, 0.1);
  margin-left: auto;
  margin-right: auto;
  margin-top: 40px;
  margin-bottom: 40px;
}
@media screen and (max-width: 767px) {
  .module-content__hr--full {
    margin-top: 10px;
    margin-bottom: 10px;
    padding-left: 20px;
    padding-right: 20px;
    max-width: calc(100% - 40px);
    margin-left: 20px;
  }
}
.module-content__youtube {
  margin-top: 20px;
  margin-bottom: 30px;
  width: 100%;
  max-width: 700px;
  padding-left: 30px;
  padding-right: 30px;
  margin-left: auto;
  margin-right: auto;
  background-color: rgba(3, 80, 40, 0.1);
  padding: 40px 40px 10px 40px;
}
@media screen and (max-width: 767px) {
  .module-content__youtube {
    max-width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .module-content__youtube {
    width: calc(100% - 40px);
    margin-left: 20px;
    margin-right: 20px;
  }
}
.module-content__youtube.is-no-caption {
  padding: 40px 40px 40px 40px;
}
@media screen and (max-width: 767px) {
  .module-content__youtube.is-no-caption {
    padding: 10px;
  }
}
@media screen and (max-width: 767px) {
  .module-content__youtube {
    padding: 10px;
    margin-bottom: 0;
  }
}
.module-content__youtube-video {
  width: 100%;
  aspect-ratio: 16/9;
}
.module-content__youtube-video iframe {
  width: 100%;
  height: 100%;
}
.module-content__youtube-caption {
  font-size: 1em;
  font-weight: 600;
  font-style: normal;
  letter-spacing: 0;
  line-height: 200%;
  color: #035028;
  text-align: center;
  padding-top: 5px;
}
@media screen and (max-width: 767px) {
  .module-content__youtube-caption {
    font-size: 0.8125em;
    font-weight: 600;
    font-style: normal;
    letter-spacing: 0;
    line-height: 200%;
    line-height: 140%;
    padding-top: 4px;
    padding-bottom: 4px;
  }
}
.module-content__number {
  width: 100%;
  max-width: 700px;
  padding-left: 30px;
  padding-right: 30px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  font-size: 90px;
  font-weight: 400;
  font-style: italic;
  margin-top: 80px;
  margin-bottom: -30px;
}
@media screen and (max-width: 767px) {
  .module-content__number {
    max-width: 100%;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .module-content__number {
    font-size: 72px;
    font-weight: 400;
    font-style: italic;
  }
}
@media screen and (max-width: 767px) {
  .module-content__number {
    font-size: 42px;
    font-weight: 400;
    font-style: italic;
  }
}
.module-content__heading {
  width: 100%;
  max-width: 700px;
  padding-left: 30px;
  padding-right: 30px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  font-size: 1.625em;
  font-weight: 600;
  font-style: normal;
  letter-spacing: 0;
  line-height: 200%;
  letter-spacing: 0.1em;
  line-height: 160%;
  padding-top: 40px;
  padding-bottom: 20px;
  color: #000;
}
@media screen and (max-width: 767px) {
  .module-content__heading {
    max-width: 100%;
  }
}
.module-content__heading.is-left {
  text-align: left;
  padding-left: 0;
  padding-right: 0;
}
.module-content__heading.is-theme-color {
  color: #035028;
}
@media screen and (max-width: 767px) {
  .module-content__heading {
    font-size: 1.25em;
    font-weight: 600;
    font-style: normal;
    letter-spacing: 0;
    line-height: 200%;
    line-height: 140%;
    text-align: left;
    padding-top: 20px;
    padding-bottom: 20px;
  }
}
.module-content__heading.is-howto-experience {
  position: relative;
}
.module-content__heading.is-howto-experience:before {
  content: "";
  width: 80px;
  height: 100px;
  background-image: url(../../assets/img/bbp-howto-icon-illust1.svg);
  background-size: 100% auto;
  background-repeat: no-repeat;
  display: block;
  position: absolute;
  left: 15%;
  top: 20px;
}
@media screen and (max-width: 767px) {
  .module-content__heading.is-howto-experience:before {
    left: auto;
    right: 10%;
    top: 0;
  }
}
.module-content__heading.is-howto-comment {
  position: relative;
}
.module-content__heading.is-howto-comment:before {
  content: "";
  width: 80px;
  height: 100px;
  background-image: url(../../assets/img/bbp-howto-icon-illust2.svg);
  background-size: 100% auto;
  background-repeat: no-repeat;
  display: block;
  position: absolute;
  right: 15%;
  top: 20px;
}
.module-content__heading2 {
  width: 100%;
  max-width: 700px;
  padding-left: 30px;
  padding-right: 30px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  font-size: 1.375em;
  font-weight: 600;
  font-style: normal;
  letter-spacing: 0;
  line-height: 200%;
  letter-spacing: 0.1em;
  line-height: 160%;
}
@media screen and (max-width: 767px) {
  .module-content__heading2 {
    max-width: 100%;
  }
}
.module-content__heading2.is-left {
  text-align: left;
}
@media screen and (max-width: 767px) {
  .module-content__heading2 {
    font-size: 1.25em;
    font-weight: 600;
    font-style: normal;
    letter-spacing: 0;
    line-height: 200%;
    text-align: left;
  }
}
.module-content__heading-column {
  text-align: center;
  font-size: 1.375em;
  font-weight: 600;
  font-style: normal;
  letter-spacing: 0;
  line-height: 200%;
  letter-spacing: 0.1em;
  line-height: 160%;
  padding-top: 30px;
  margin-bottom: -30px;
}
@media screen and (max-width: 767px) {
  .module-content__heading-column {
    font-size: 1.25em;
    font-weight: 600;
    font-style: normal;
    letter-spacing: 0;
    line-height: 200%;
    margin-bottom: 0px;
  }
}
.module-content__subheading {
  width: 100%;
  max-width: 700px;
  padding-left: 30px;
  padding-right: 30px;
  margin-left: auto;
  margin-right: auto;
  font-size: 1.375em;
  font-weight: 600;
  font-style: normal;
  letter-spacing: 0;
  line-height: 200%;
  letter-spacing: 0.1em;
  text-align: center;
  line-height: 160%;
  padding-bottom: 20px;
  color: #000;
}
@media screen and (max-width: 767px) {
  .module-content__subheading {
    max-width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .module-content__subheading {
    font-size: 1.125em;
    font-weight: 600;
    font-style: normal;
    letter-spacing: 0;
    line-height: 200%;
    text-align: left;
  }
}
.module-content__subheading2 {
  width: 100%;
  max-width: 700px;
  padding-left: 30px;
  padding-right: 30px;
  margin-left: auto;
  margin-right: auto;
  font-size: 1.125em;
  font-weight: 600;
  font-style: normal;
  letter-spacing: 0;
  line-height: 200%;
  letter-spacing: 0.1em;
  text-align: center;
  line-height: 160%;
  padding-top: 10px;
  padding-bottom: 10px;
}
@media screen and (max-width: 767px) {
  .module-content__subheading2 {
    max-width: 100%;
  }
}
.module-content__subheading2.is-left {
  text-align: left;
}
.module-content__photo-column-thumb {
  width: 100%;
  max-width: 700px;
  padding-left: 30px;
  padding-right: 30px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 400px;
}
@media screen and (max-width: 767px) {
  .module-content__photo-column-thumb {
    max-width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .module-content__photo-column-thumb {
    max-width: 80%;
    padding-bottom: 10px;
  }
}
.module-content__list {
  font-size: 14px;
  line-height: 140%;
}
.module-content__list h4 {
  font-size: 1.25em;
  padding-top: 20px;
  padding-bottom: 14px;
}
.module-content__list h5 {
  font-size: 1.125em !important;
  padding-bottom: 4px;
  font-size: 13px;
  padding-left: 12px;
}
.module-content__list p {
  padding-left: 12px;
  line-height: 180%;
  padding-bottom: 16px;
}
.module-content__list p a {
  text-decoration: underline;
}
.module-content__list dl {
  width: 100%;
  padding-left: 12px;
}
.module-content__list dl dt {
  padding-bottom: 10px;
  font-weight: bold;
  padding-top: 20px;
}
.module-content__list dl dd {
  padding-bottom: 10px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.module-content__list dl .bold {
  display: block;
  padding-top: 20px;
  padding-bottom: 10px;
}
.module-content__list--dot {
  width: 100%;
  max-width: 700px;
  padding-left: 30px;
  padding-right: 30px;
  margin-left: auto;
  margin-right: auto;
  font-size: 1em;
  font-weight: 400;
  line-height: 200%;
  padding-bottom: 20px;
  letter-spacing: 0.05em;
  padding-left: 30px;
}
@media screen and (max-width: 767px) {
  .module-content__list--dot {
    max-width: 100%;
  }
}
.module-content__list--dot li:before {
  content: " ・ ";
  text-indent: -0.8em;
  padding-left: 0.8em;
}
.module-content__list--number {
  width: 100%;
  max-width: 700px;
  padding-left: 30px;
  padding-right: 30px;
  margin-left: auto;
  margin-right: auto;
  font-size: 1em;
  font-weight: 400;
  line-height: 200%;
  padding-bottom: 20px;
  letter-spacing: 0.05em;
  padding-left: 60px;
}
@media screen and (max-width: 767px) {
  .module-content__list--number {
    max-width: 100%;
  }
}
.module-content__list--number li {
  list-style-type: decimal !important;
}
.module-content__p {
  width: 100%;
  max-width: 700px;
  padding-left: 30px;
  padding-right: 30px;
  margin-left: auto;
  margin-right: auto;
  font-size: 16px;
  font-weight: 400;
  line-height: 200%;
  padding-bottom: 20px;
  letter-spacing: 0.05em;
  color: #000;
}
@media screen and (max-width: 767px) {
  .module-content__p {
    max-width: 100%;
  }
}
.module-content__p.is-center {
  text-align: center;
}
@media screen and (max-width: 767px) {
  .module-content__p.is-center {
    text-align: left;
  }
}
.module-content__p--exif {
  width: 100%;
  max-width: 700px;
  padding-left: 30px;
  padding-right: 30px;
  margin-left: auto;
  margin-right: auto;
  font-size: 1em;
  font-weight: 400;
  line-height: 200%;
  padding-bottom: 20px;
  letter-spacing: 0.05em;
  font-size: 0.875em;
  line-height: 200%;
  padding-bottom: 20px;
  -webkit-column-count: 2;
     -moz-column-count: 2;
          column-count: 2;
}
@media screen and (max-width: 767px) {
  .module-content__p--exif {
    max-width: 100%;
  }
}
.module-content__p--exif .bold {
  font-weight: bold;
}
@media screen and (max-width: 767px) {
  .module-content__p--exif {
    -webkit-column-count: 1;
       -moz-column-count: 1;
            column-count: 1;
  }
}
.module-content__p--exif--spnopadding {
  width: 100%;
  max-width: 700px;
  padding-left: 30px;
  padding-right: 30px;
  margin-left: auto;
  margin-right: auto;
  font-size: 1em;
  font-weight: 400;
  line-height: 200%;
  padding-bottom: 20px;
  letter-spacing: 0.05em;
  font-size: 0.875em;
  line-height: 200%;
  padding-bottom: 20px;
  -webkit-column-count: 2;
     -moz-column-count: 2;
          column-count: 2;
}
@media screen and (max-width: 767px) {
  .module-content__p--exif--spnopadding {
    max-width: 100%;
  }
}
.module-content__p--exif--spnopadding .bold {
  font-weight: bold;
}
@media screen and (max-width: 767px) {
  .module-content__p--exif--spnopadding {
    -webkit-column-count: 1;
       -moz-column-count: 1;
            column-count: 1;
    padding-left: 0;
    padding-right: 0;
  }
}
.module-content__p--indent {
  width: 100%;
  max-width: 700px;
  padding-left: 30px;
  padding-right: 30px;
  margin-left: auto;
  margin-right: auto;
  font-size: 1em;
  font-weight: 400;
  line-height: 200%;
  padding-bottom: 20px;
  letter-spacing: 0.05em;
  font-size: 0.875em;
  text-indent: -1em;
  padding-left: 40px;
  padding-bottom: 10px;
}
@media screen and (max-width: 767px) {
  .module-content__p--indent {
    max-width: 100%;
  }
}
.module-content__p--indent2 {
  width: 100%;
  max-width: 700px;
  padding-left: 30px;
  padding-right: 30px;
  margin-left: auto;
  margin-right: auto;
  font-size: 1em;
  font-weight: 400;
  line-height: 200%;
  padding-bottom: 20px;
  letter-spacing: 0.05em;
  font-size: 0.875em;
  text-indent: -2.6em;
  padding-left: 66px;
  padding-bottom: 10px;
}
@media screen and (max-width: 767px) {
  .module-content__p--indent2 {
    max-width: 100%;
  }
}
.module-content__p--center {
  width: 100%;
  max-width: 700px;
  padding-left: 30px;
  padding-right: 30px;
  margin-left: auto;
  margin-right: auto;
  font-size: 1em;
  font-weight: 400;
  line-height: 200%;
  padding-bottom: 20px;
  letter-spacing: 0.05em;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .module-content__p--center {
    max-width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .module-content__p--center {
    text-align: left;
  }
}
.module-content__p--color {
  width: 100%;
  max-width: 700px;
  padding-left: 30px;
  padding-right: 30px;
  margin-left: auto;
  margin-right: auto;
  font-size: 1em;
  font-weight: 400;
  line-height: 200%;
  padding-bottom: 20px;
  letter-spacing: 0.05em;
  color: #035028;
}
@media screen and (max-width: 767px) {
  .module-content__p--color {
    max-width: 100%;
  }
}
.module-content__diagram {
  width: 100%;
  max-width: 700px;
  padding-left: 30px;
  padding-right: 30px;
  margin-left: auto;
  margin-right: auto;
  font-size: 1em;
  font-weight: 400;
  line-height: 200%;
  padding-bottom: 20px;
  letter-spacing: 0.05em;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .module-content__diagram {
    max-width: 100%;
  }
}
.module-content__diagram .is-left {
  text-align: left;
}
.module-content__photo--content {
  width: 100%;
  max-width: 700px;
  padding-left: 30px;
  padding-right: 30px;
  margin-left: auto;
  margin-right: auto;
  font-size: 1em;
  font-weight: 400;
  line-height: 200%;
  padding-bottom: 20px;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 767px) {
  .module-content__photo--content {
    max-width: 100%;
  }
}
.module-content__photo {
  width: 100%;
  max-width: 1100px !important;
  padding-top: 40px;
  padding-bottom: 40px;
  padding-left: 30px;
  padding-right: 30px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 767px) {
  .module-content__photo {
    max-width: 100% !important;
  }
}
.module-content__photo-photo {
  line-height: 0;
}
.module-content__photo figure {
  padding-top: 50px;
  width: calc(50% + 320px);
  padding-bottom: 120px;
}
.module-content__photo figure.is-reverse {
  margin-left: auto;
  margin-right: 0;
}
.module-content__photo figure figcaption {
  width: 640px;
  margin-left: auto;
  margin-right: 0;
  padding-top: 22px;
}
.module-content__photo figure figcaption.is-reverse {
  margin-left: 0;
  margin-right: auto;
}
.module-content__photo figure figcaption .title {
  padding-bottom: 12px;
  font-size: 1.125em;
  font-weight: 600;
  display: block;
}
.module-content__photo figure figcaption .p {
  font-size: 0.875em;
  line-height: 180%;
  padding-bottom: 20px;
  letter-spacing: 0.05em;
}
.module-content__photo figure figcaption .p a {
  text-decoration: underline;
}
.module-content__photogallery {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.module-content__photogallery-photo {
  line-height: 0;
}
.module-content__photogallery-photo.is-content {
  max-width: 700px;
  padding-left: 30px;
  padding-right: 30px;
  margin-left: -30px;
}
@media screen and (max-width: 767px) {
  .module-content__photogallery-photo.is-content {
    margin-left: 0px;
    max-width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .module-content__photogallery {
    padding-top: 40px;
  }
}
.module-content__photogallery figure {
  padding-top: 50px;
  width: calc(50% + 320px);
  padding-bottom: 120px;
}
@media screen and (max-width: 767px) {
  .module-content__photogallery figure {
    width: 100%;
    max-width: 100%;
    padding: 0;
    padding-bottom: 40px;
  }
}
.module-content__photogallery figure.is-reverse {
  margin-left: auto;
  margin-right: 0;
}
.module-content__photogallery figure figcaption {
  width: 640px;
  margin-left: auto;
  margin-right: 0;
  padding-top: 22px;
}
@media screen and (max-width: 767px) {
  .module-content__photogallery figure figcaption {
    width: 100%;
    padding-left: 30px;
    padding-right: 30px;
  }
}
.module-content__photogallery figure figcaption.is-reverse {
  margin-left: 0;
  margin-right: auto;
}
.module-content__photogallery figure figcaption .title {
  padding-bottom: 12px;
  font-size: 18px;
  font-weight: 600;
  display: block;
  line-height: 1;
}
.module-content__photogallery figure figcaption .p {
  font-size: 16px;
  line-height: 180%;
  padding-bottom: 20px;
  letter-spacing: 0.05em;
  width: 100%;
  max-width: 100%;
}
.module-content__photogallery figure figcaption .p a {
  text-decoration: underline;
}
.module-content__photogallery-photo--vertical {
  width: 100%;
  max-width: 640px;
}
.module-content__photogallery-photo--vertical.is-reverse {
  margin-left: auto;
  margin-right: 0;
}







.module-slider {
  position: relative;
  width: 100%;
  max-width: 1240px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 30px;
  padding-right: 30px;
  padding-top: 40px;
}
.module-slider__bg {
  width: 100%;
  background-color: #fff;
}
@media screen and (max-width: 767px) {
  .module-slider {
    max-width: 100%;
    padding-left: 0px;
    padding-right: 0px;
  }
}
.module-slider__heading {
  font-size: 1.375em;
  font-weight: 600;
  font-style: normal;
  letter-spacing: 0;
  line-height: 200%;
  letter-spacing: 0.2em;
  text-align: center;
  color: #035028;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-bottom: 20px;
}
@media screen and (max-width: 767px) {
  .module-slider__heading {
    font-size: 1.125em;
    font-weight: 600;
    font-style: normal;
    letter-spacing: 0;
    line-height: 200%;
    padding-left: 20px;
    padding-right: 20px;
  }
}
.module-slider__heading:before, .module-slider__heading:after {
  content: "";
  height: 1px;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  background-color: rgba(3, 80, 40, 0.2);
}
.module-slider__heading:before {
  margin-right: 2rem;
}
.module-slider__heading:after {
  margin-left: 2rem;
}
.module-slider__lead {
  font-size: 0.875em;
  color: #035028;
  line-height: 200%;
  text-align: center;
  padding-bottom: 20px;
  padding-left: 30px;
  padding-right: 30px;
}
@media screen and (max-width: 767px) {
  .module-slider__lead {
    text-align: left;
  }
}
.module-slider__link {
  width: 280px;
  margin-left: auto;
  margin-right: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-top: 50px;
}
.module-slider__link.is-howto {
  padding-top: 0px;
  padding-bottom: 30px;
}
.module-slider__link-illust {
  width: 90px;
  padding-right: 20px;
}
.module-slider__link-link a {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  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;
  color: #035028;
  font-size: 0.9375em;
  font-weight: 600;
  font-style: normal;
  letter-spacing: 0;
  line-height: 200%;
  letter-spacing: 0.1em;
  position: relative;
  padding-right: 30px;
  background-image: url(../../assets/img/bbp-icon-link-arrow.svg);
  background-repeat: no-repeat;
  background-position: right -6px center;
  background-size: 30px 30px;
}
.module-slider__link-link a:after {
  position: absolute;
  content: "";
  display: inline;
  height: 1px;
  width: 100%;
  background-color: #035028;
  bottom: 10px;
}













.contents-swiper {
  position: relative;
  width: 100%;
  max-width: 100%;
  padding-bottom: 0px;
  padding-left: 20px;
  padding-right: 20px;
}
.contents-swiper.is-not-new {
  margin-top: -20px;
}
@media screen and (min-width: 1024px) {
  .contents-swiper a:hover .contents-swiper__text-company,
  .contents-swiper a:hover .contents-swiper__text-title--photogallery,
  .contents-swiper a:hover .contents-swiper__text-vol,
  .contents-swiper a:hover .contents-swiper__text-birdname {
    text-decoration: underline !important;
  }
}
.contents-swiper__thumb {
  line-height: 0;
}
.contents-swiper__text {
  padding-bottom: 30px;
}
@media screen and (max-width: 767px) {
  .contents-swiper__text {
    padding-bottom: 0px;
  }
}
.contents-swiper__text-birdname {
  font-size: 16px;
  font-weight: 600;
  padding-top: 20px;
  padding-bottom: 12px;
  text-align: center;
  line-height: 1;
  color:#000;
}
.contents-swiper__text-birdsub {
  font-size: 12px;
  font-weight: 400;
  font-style: italic;
  text-align: center;
  line-height: 1;
  color:#000;
}
.contents-swiper__text-vol {
  font-size: 1em;
  font-weight: 600;
  padding-top: 30px;
  padding-bottom: 20px;
  line-height: 180%;
}
@media screen and (max-width: 767px) {
  .contents-swiper__text-vol {
    padding-top: 20px;
    padding-bottom: 8px;
    font-size: 0.875em;
  }
}
.contents-swiper__text-company {
  font-size: 1em;
  font-weight: 600;
  padding-top: 10px;
  padding-bottom: 0px;
  line-height: 180%;
}
@media screen and (max-width: 767px) {
  .contents-swiper__text-company {
    padding-top: 16px;
    font-size: 0.875em;
  }
}
.contents-swiper__text-title {
  padding-bottom: 20px;
}
.contents-swiper__text-title, .contents-swiper__text-p {
  font-size: 0.875em;
  font-weight: 400;
  line-height: 180%;
}
@media screen and (max-width: 767px) {
  .contents-swiper__text-title, .contents-swiper__text-p {
    font-size: 0.8125em;
  }
}
.contents-swiper__text-vol--photogallery {
  font-size: 0.75em;
  font-weight: 500;
  padding-top: 24px;
  padding-bottom: 12px;
}
.contents-swiper__text-title--photogallery {
  font-size: 0.9375em;
  font-weight: 600;
  line-height: 160%;
  padding-bottom: 6px;
}
.contents-swiper__text-p--photogallery {
  font-size: 0.8125em;
  font-weight: 400;
  line-height: 200%;
  padding-right: 10px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.contents-swiper .swiper-container {
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
  overflow: hidden;
}
.contents-swiper .swiper-slide {
  position: relative;
  padding-top: 30px;
}
.contents-swiper .swiper-slide .new {
  width: 70px;
  height: 70px;
  position: absolute;
  top: 0px;
  right: -6px;
  z-index: 999;
}
@-webkit-keyframes iconrotation {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(-360deg);
            transform: rotate(-360deg);
  }
}
@keyframes iconrotation {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(-360deg);
            transform: rotate(-360deg);
  }
}
.contents-swiper .swiper-contents-button-prev,
.contents-swiper .swiper-contents-button-next {
  position: absolute;
  top: 190px;
  width: 60px;
  height: 60px;
  border-radius: 100px;
  z-index: 9;
  cursor: pointer;
  background-color: #035028;
  -webkit-transition: all 400ms 0s ease-out;
  transition: all 400ms 0s ease-out;
}
.contents-swiper .swiper-contents-button-prev.swiper-button-disabled,
.contents-swiper .swiper-contents-button-next.swiper-button-disabled {
  opacity: 0;
}
@media screen and (max-width: 767px) {
  .contents-swiper .swiper-contents-button-prev,
  .contents-swiper .swiper-contents-button-next {
    position: relative;
    top: auto;
    width: 50px;
    height: 50px;
    margin-top: 10px;
    margin-bottom: 10px;
  }
}
.contents-swiper .swiper-contents-button-prev {
  left: -20px;
  background-image: url(../../assets/img/bbp-icon-swiper-prev.svg);
  background-repeat: no-repeat;
  background-size: 40px 40px;
  background-position: center center;
}
@media screen and (max-width: 767px) {
  .contents-swiper .swiper-contents-button-prev {
    left: auto;
    margin-left: calc(50% - 60px);
    margin-right: 10px;
  }
}
.contents-swiper .swiper-contents-button-next {
  right: -20px;
  background-image: url(../../assets/img/bbp-icon-swiper-next.svg);
  background-repeat: no-repeat;
  background-size: 40px 40px;
  background-position: center center;
}
@media screen and (max-width: 767px) {
  .contents-swiper .swiper-contents-button-next {
    right: auto;
  }
}
.contents-swiper .swiper-contents-pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 10px;
  padding-bottom: 30px;
}
@media screen and (max-width: 767px) {
  .contents-swiper .swiper-contents-pagination {
    gap: 0px;
  }
}
.contents-swiper .swiper-contents-pagination .swiper-pagination-bullet {
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: 1px solid #035028;
  border-radius: 100px;
  width: 48px;
  height: 48px;
  opacity: 1;
  background-color: #fff;
  font-size: 1em;
  font-weight: 600;
  font-style: normal;
  letter-spacing: 0;
  line-height: 200%;
  color: #035028;
  -webkit-transition: all 400ms 0s ease-out;
  transition: all 400ms 0s ease-out;
}
.contents-swiper .swiper-contents-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #035028;
  opacity: 1;
  color: #fff;
}
@media screen and (max-width: 767px) {
  .contents-swiper .swiper-contents-pagination .swiper-pagination-bullet {
    margin-top: 30px;
    width: 36px;
    height: 36px;
    font-size: 0.875em;
    font-weight: 600;
    font-style: normal;
    letter-spacing: 0;
    line-height: 200%;
    display: none;
  }
}
.module-content__link-illust {
  width: 80px;
  position: absolute;
  margin-left: -100px;
  margin-top: -40px;
}


.module-content__link--arrow {
  text-align: center;
  padding-top: 40px;
  padding-bottom: 40px;
}
@media screen and (max-width: 767px) {
  .module-content__link--arrow {
    padding-top: 10px;
    padding-bottom: 10px;
  }
}
.module-content__link--arrow.is-left {
  text-align: left;
}
.module-content__link--arrow.is-thin {
  text-align: left;
  padding-top: 0px;
  padding-bottom: 0px;
}
.module-content__link--arrow.is-center {
  text-align: center;
}
.module-content__link--arrow a {
  padding: 10px 60px;
  display: inline-block;
  border-radius: 40px;
  border: 1px solid #035028;
  color: #035028;
  font-size: 1em;
  font-weight: 600;
  font-style: normal;
  letter-spacing: 0;
  line-height: 200%;
  letter-spacing: 0.1em;
  background-image: url(../../assets/img/bbp-icon-link-arrow.svg);
  background-repeat: no-repeat;
  background-size: 40px 40px;
  background-position: center right 10px;
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .module-content__link--arrow a {
    padding: 10px 50px;
    background-position: center right 10px;
    font-size: 0.8125em;
    font-weight: 600;
    font-style: normal;
    letter-spacing: 0;
    line-height: 200%;
  }
}
@media screen and (max-width: 767px) {
  .module-content__link--arrow a {
    padding: 6px 50px;
    font-size: 0.875em;
    font-weight: 600;
    font-style: normal;
    letter-spacing: 0;
    line-height: 200%;
  }
}
@media screen and (min-width: 1024px) {
  .module-content__link--arrow a {
    -webkit-transition: all 400ms 0s ease-out;
    transition: all 400ms 0s ease-out;
  }
  .module-content__link--arrow a:hover {
    color: #fff;
    background-image: url(../../assets/img/bbp-icon-link-arrow-white.svg);
    background-color: #035028;
  }
}