/*	.header
============================== */
/* kv */
div.header {
}
div.header header {
	text-align:left;
	position:relative;
}
div.header header > div,
div.header header > div ul li {
}
div.header header > div {
	background-color:#243817;
}
div.header header > div ul li span,
div.header header > div ul li span img {
	display:block;
}
div.header header > div ul li span {
	position:relative;
	height:0;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
}
div.header header > div,
div.header header > div ul li span {
	position:relative;
	height:0;
	padding-top: -webkit-calc(608 / 1080 * 100%);
	padding-top: calc(608 / 1080 * 100%);
}
div.header header > div ul li,
div.header header > div ul li span img {
	position: absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
}
@media all and (min-width: 768px) {
div.header {
	padding:30px 0;
}
div.header header > div {
	margin-bottom:24px;
}
div.header header {
	max-width:1080px;
	margin:0 auto;
}
div.header header > div {
	/**/
	-webkit-mask-image: url(../img/mask.png);
	mask-image: url(../img/mask.png);
	-webkit-mask-size: 100% 100%;
	mask-size: 100% 100%;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	/**/
}
}
@media all and (max-width: 767px) {
div.header {
	padding-bottom:30px;
}
div.header header > div {
	margin-bottom:20px;
}
}

@media print {
div.header,
div.tbs-topics,
div.sns {
	display:none !important;
}
}


/*	sns
============================== */
div.sns {
	background-color:hsla(0,0%,100%, 0);
}
div.sns > aside section h3 {
	font-size:300%;
	font-family:'Damion';
	font-weight:normal;
	line-height:1.25;
	margin-bottom:0.2em;
}
div.sns > aside section h3:before {
	content:"";
	display:inline-block;
	background-image:url(/um/img/sns_logos_blk.svg);
	width:64px;
	height:64px;
	background-size:192px 192px;
	margin-bottom:-0.3em;
}
div.sns > aside div.tw-outer section h3:before {
	background-position:left top;
}
div.sns > aside div.ig-outer section h3:before {
	background-position:center center;
}
.tw-inner {
	background-color:#fff;
}
@media all and (min-width: 768px) {
div.sns {
	padding:40px 0;
}
div.sns > aside {
	max-width:1080px;
	margin:0 auto;
	padding-top:30px;
}
div.sns > aside .tw-outer, div.sns > aside .ig-outer {
	width:50%;
}
div.sns aside .tw-outer {
	float:left;
}
div.sns aside .ig-outer {
	float:right;
}
div.sns aside .tw-outer > section {
	margin-right:15px;
}
div.sns aside .ig-outer > section {
	margin-left:15px;
}
}
@media all and (max-width: 767px) {
div.sns {
	padding:30px 0;
}
div.sns > aside {
	padding-top:20px;
}
div.sns > aside section h3:before {
	width:64px;
	height:64px;
	background-size:192px 192px;
}
.tw-outer {
	margin:0 30px 25px;
}
.ig-outer {
	margin:0 20px;
}
}

/*	instagram
============================== */
div.insta {
}
div.insta ul li {
	float:left;
	width:33.333333333333333%;
}
div.insta ul li span, div.insta ul li a, div.insta ul li a img {
	display:block;
}
div.insta ul li a, div.insta ul li a img {
	background-position:center center;
	background-repeat:no-repeat;
}
div.insta ul li a {
	background-size:cover;
	position:relative;
	height:0;
	padding-top:100%;
}
div.insta ul li a:hover img {
	background-color:hsla(216,82%,13%,0.25);
}
div.insta ul li a img {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	border:1px solid #ccc;
	position: absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
}
div.insta ul li a img.icon-video {
	background-image:url(/um/img/play.png);
}
div.insta ul li:nth-child(3n-2) {
	clear:both;;
}
@media all and (min-width: 768px) {
div.insta ul li:nth-child(3n-2) > span {
	margin-right:8px;
}
div.insta ul li:nth-child(3n-1) > span {
	margin-left:4px;
	margin-right:4px;
}
div.insta ul li:nth-child(3n) > span {
	margin-left:8px;
}
div.insta ul li {
	margin-bottom:12px;
}
}
@media all and (max-width: 767px) {
div.insta ul li:nth-child(3n-2) > span {
	margin-right:6px;
}
div.insta ul li:nth-child(3n-1) > span {
	margin-left:3px;
	margin-right:3px;
}
div.insta ul li:nth-child(3n) > span {
	margin-left:6px;
}
div.insta ul li {
	margin-bottom:9px;
}
}


div.bnr-insta {
	text-align:left;
}
div.bnr-insta a, div.bnr-insta a span {
	display:block;
}
div.bnr-insta a {
	background-image:url(../img/bn_instagram.jpg);
	background-size:cover;
	background-repeat:no-repeat;
	position:relative;
	height:0;
	padding-top: -webkit-calc(240 / 800 * 100%);
	padding-top: calc(240 / 800 * 100%);
}
div.bnr-insta a span {
	position: absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	text-indent:110%;white-space:nowrap;overflow:hidden;
}
@media all and (min-width: 768px) {
div.bnr-insta {
	width:640px;
	margin:40px auto 0;
}
}
@media all and (max-width: 767px) {
div.bnr-insta {
	margin-top:30px;
	padding:0 5.3vw;
}
}



/*	.bnr
============================== */
div.bnr {
	text-align:left;
	background-color:hsla(97,40%,47%,.25);
}
div.bnr aside ul li a, div.bnr aside ul li a span {
	display:block;
}
div.bnr aside ul li a {
	background-size:cover;
	background-repeat:no-repeat;
	position:relative;
	height:0;
	padding-top: -webkit-calc(240 / 800 * 100%);
	padding-top: calc(240 / 800 * 100%);
}
div.bnr aside ul li a span {
	position: absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	text-indent:110%;white-space:nowrap;overflow:hidden;
}
div.bnr aside ul li a.lazy-done {
	-webkit-animation: fadeIn 800ms;
	animation: fadeIn 800ms;
}
@media all and (min-width: 768px) {
div.bnr {
	padding:60px 0;
}
div.bnr aside {
	max-width:1080px;
	margin:0 auto;
}
div.bnr aside ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
div.bnr aside ul li {
	width:calc((100% - 30px)/2);
}
div.bnr aside ul li:nth-child(odd) {
	margin-right:30px;
}
}
@media all and (max-width: 767px) {
div.bnr {
	padding:30px 0;
}
div.bnr aside ul {
	width:82%;
	margin:0 auto;
}
div.bnr aside ul li:not(:last-child) {
	margin-bottom:20px;
}
}