@charset "UTF-8";
@media screen and (min-width: 1081px) {
	.ik-body .ik-inner
	{ width: 1080px; }

	.ik-body .note-list {
		margin: -20px -40px 90px;
	}
}
@media screen and (max-width: 1080px) {
	.ik-body .ik-inner
	{ padding: 0 30px; box-sizing: border-box; }
}
@media screen and (min-width: 1441px) {

	.lightcase-icon-close {
		width: 60px !important;
		height: 60px !important;
	}

}

@media screen and (min-width: 961px) {

	/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
	width
	* * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

	.ik-body .ik-video-unit > *:first-child
	{ width: calc( ( 7 / 12 ) * 100% ); }

	.ik-body .ik-makimono-list > li
	{ width: calc( ( 5.5 / 12 ) * 100% ); }

	.ik-body .ik-video-unit > *:last-child
	{ width: calc( ( 4 / 12 ) * 100% ); }

	/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
	margin
	* * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

	/* margin-top */

	.ik-body .ik-video-unit,
	.ik-body .ik-makimono-unit,
	.ik-body .ik-makimono-list > li,
	.ik-body .ik-note-unit
	{ margin-top: 60px; }

	.ik-body .ik-makimono-unit .ik-sub-hed
	{ margin-top: 30px; }

	.ik-body .ik-video-unit .ik-sub-hed
	{ margin-top: 20px; }

	.ik-body .ik-makimono-label
	{ margin-top: 15px; }

	.ik-body .ik-video-unit .ik-annotation-text
	{ margin-top: 10px; }

	/* margin-left */

	.ik-body .ik-makimono-list > li:nth-child(2n)
	{ margin-left: calc( ( 1 / 12 ) * 100% ); }

	/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
	padding
	* * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

	/* padding-top */

	.ik-body .ik-makimono-section,
	.ik-body .ik-note-section
	{ padding-top: 90px; }

	.ik-body .ik-video-section,
	.ik-body .ik-makimono-unit
	{ padding-top: 60px; }

	/* padding-bottom */

	.ik-body .ik-makimono-list,
	.ik-body .ik-note-section
	{ padding-bottom: 120px; }

	/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
	typography
	* * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

	/* font-size */

	.ik-body .ik-main-hed
	{ font-size: 237.5%; } /* 38px */

	.ik-body .ik-sub-hed
	{ font-size: 150%; } /* 24px */

	.ik-body .ik-video-info,
	.ik-body .ik-makimono-info,
	.ik-body .ik-note-info
	{ font-size: 112.5%; } /* 18px */

	.ik-body .ik-video-unit .ik-annotation-text,
	.ik-body .ik-makimono-label
	{ font-size: 87.5%; } /* 14px */

	/* line-height */

	.ik-body .ik-video-info,
	.ik-body .ik-makimono-info,
	.ik-body .ik-note-info
	{ line-height: 2; }

	/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
	individual
	* * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

	.ik-body .ik-digital-header {
		background-image: url(../img/digital/kv.png);
	}

	.ik-body .ik-main-hed {
		text-align: center;
		color: #B41432;
	}

	.ik-body .ik-video-unit {
		display: flex;
		justify-content: space-between;
	}

	.ik-body .ik-video-wrap {
		position: relative;
	}

	.ik-body .ik-video-poster {
		cursor: pointer;
		transition: opacity 0.15s ease-out;
	}

	.ik-body .ik-video-poster:hover {
		opacity: 0.7;
	}

	.ik-body .ik-video-poster {
		position: absolute;
		top: 0;
		left: 0;
	}

	.ik-body .ik-video-wrap video {
		visibility: hidden;
	}

	.ik-body .ik-makimono-unit {
		background-color: #F5F5F6;
	}

	.ik-body .ik-makimono-list {
		display: flex;
		flex-wrap: wrap;
	}

	.ik-body .ik-makimono-list > li a {
		display: inline-block;
	}

	.ik-makimono-desc {
		text-align: left;
	}

	.ik-body .note-list {
		display: flex;
		flex-wrap: wrap;
		margin: -20px 0 90px;
	}

	.ik-body .note-list li {
		box-sizing: border-box;
		width: 50%;
		padding: 80px 40px 0;
	}

	.ik-body .note-list>.center {
		margin: 0 auto;
	}

	.ik-body .note-box .title {
		margin-top: 1em; line-height: 1.7; font-size: 112.5%;
	}

	.ik-body .note-box .textBox {
		border: 1px solid #C8C8C8; line-height: 1.7; padding: 10px; margin-top: .5em;
	}

	.ik-body .note-box .title.pdf::after {
		display: inline-block; position: static; margin-left: 6px;
	}

	.ik-body .download-box {
		border: 1px solid #C8C8C8;
		background-color: #FFFFFF;
	}

	.ik-body .download-box dd
	{ padding: 40px 40px 40px; font-size: 112.5%; }

	.ik-body .download-box dt {
		text-align: center;
		font-weight: bold;
		border-bottom: 1px solid #E3E3E3;
		line-height: 1;
		padding-top: 25px; padding-bottom: 20px;
		font-size: 150%;
	}

	.ik-body .download-list > li a {
		color: #505050;
		padding-right: 1.1em;
		line-height: 2;
	}

	.ik-body .download-list > li a::before {
		content: "・";
		color: #B41432;
	}
	.ik-body .download-list > li a::after {
		bottom: 10px;
	}

	.ik-body .download-list > li + li
	{ margin-top: 30px; }

	.ik-body .ik-note-warning {
		line-height: 2;
	}
	.ik-body .ik-note-warning dt {
		font-weight: bold; margin-top: 30px;
	}

	.ik-body .download-unit {
		display: flex;
		margin-top: 40px;
	}

	.ik-body .download-unit .unitL {
		width: 60%;
	}
	.ik-body .download-unit .unitR {
		padding-left: 40px;
	}

	.ik-body .download-info {
		line-height: 1.5;
	}

}

@media screen and (min-width: 641px) {

	/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
	lightbox
	* * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

	#lightcase-overlay {
		opacity: 1 !important;
		background: rgba(80, 80, 80, 0.95) !important;
	}

	.ik-makimono-ttl {
		margin-top: 0 !important;
		margin-bottom: 0 !important;
		position: absolute !important;
		top: calc( 90px - 1em + -10px ) !important;
		font-size: 16px !important;
		font-weight: bold !important;
		line-height: 1 !important;
		color: #FFFFFF !important;
	}

	.ik-makimono-desc {
		margin: 30px 0 0 !important;
		font-size: 16px !important;
		line-height: 2 !important;
		color: #FFFFFF !important;
	}

	#lightcase-case {
		width: 100% !important;
		height: 100% !important;
		top: 0 !important;
		right: 0 !important;
		left: 0 !important;
		margin: 0 auto !important;
		text-align: center;
		text-shadow: none !important;
		overflow-y: scroll !important;
	}

	#lightcase-content {
		display: inline-block !important;
		width: 100% !important;
		max-width: 1080px !important;
		padding-top: 90px !important;
		padding-right: 135px !important;
		padding-bottom: 120px !important;
		padding-left: 135px !important;
		background-color: transparent !important;
		box-sizing: border-box !important;
	}

	.lightcase-contentInner {
		width: 100% !important;
		max-width: 900px !important;
		margin: 0 auto !important;
	}

	.lightcase-inlineWrap {
		width: 100% !important;
		max-width: none !important;
		max-height: none !important;
		padding: 0 !important;
	}

	#lightcase-info {
		width: calc(100% - 270px ) !important;
		padding-top: 0 !important;
		top: calc( 90px - 1em + -10px ) !important;
		right: 0 !important;
		left: 0 !important;
		margin: 0 auto !important;
		z-index: 100 !important;
		text-align: right !important;
	}

	#lightcase-sequenceInfo {
		font-family: Montserrat !important;
		font-size: 14px !important;
		line-height: 1 !important;
		color: #FFFFFF !important;
	}

	.lightcase-icon-prev,
	.lightcase-icon-next {
		width: 28px !important;
		height: 48px !important;
		top: calc( 90px + ( ( ( 100vw - 270px ) * ( 5 / 9 ) ) / 2 ) - ( 48px / 2 ) ) !important;
		bottom: auto !important;
		margin-bottom: 0 !important;
		font-size: 0 !important;
	}

	.lightcase-icon-prev {
		left: calc( 50% - ( ( 100% - 270px ) / 2 ) - ( 14px + 7px ) - 45px ) !important;
	}

	.lightcase-icon-next {
		transform: scale(-1, 1) !important;
		right: calc( 50% - ( ( 100% - 270px ) / 2 ) - ( 14px + 7px ) - 45px ) !important;
	}

	.lightcase-icon-prev:before,
	.lightcase-icon-next:before {
		width: 14px !important;
		height: 24px !important;
		position: absolute !important;
		top: 0 !important;
		right: 0 !important;
		bottom: 0 !important;
		left: 0 !important;
		margin: auto !important;
		content: "" !important;
		background-image: url(../img/digital/lightcase-arrow.png) !important;
		background-size: cover !important;
	}

	.lightcase-icon-close {
		top: 0 !important;
		right: 0 !important;
	}

	.lightcase-icon-close:before {
		width: inherit !important;
		height: inherit !important;
		content: "" !important;
		background-image: url(../img/digital/lightcase-close.png) !important;
		background-size: cover !important;
	}

	.ik-makimono-desc {
		text-align: left;
	}

}

@media screen and (min-width: 1081px) {

	.lightcase-icon-prev,
	.lightcase-icon-next {
		top: calc( 90px + 225px - 24px ) !important;
	}

	.lightcase-icon-prev {
		left: calc( 50% - ( 810px / 2 ) - ( 14px + 7px ) - 45px ) !important;
	}

	.lightcase-icon-next {
		right: calc( 50% - ( 810px / 2 ) - ( 14px + 7px ) - 45px ) !important;
	}

	#lightcase-info {
		width: 810px !important;
	}

}

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

	.lightcase-icon-close {
		width: 44px !important;
		height: 44px !important;
	}

}

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

	/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
	height
	* * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

	.ik-body .ik-makimono-info
	{ max-height: calc( 4em * 2 ); }

	/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
	margin
	* * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

	/* margin-top */

	.ik-body .ik-video-unit,
	.ik-body .ik-video-info,
	.ik-body .ik-makimono-unit,
	.ik-body .ik-makimono-list > li
	{ margin-top: 30px; }

	.ik-body .ik-video-unit .ik-sub-hed,
	.ik-body .ik-video-unit .ik-annotation-text,
	.ik-body .ik-makimono-section .ik-sub-hed
	{ margin-top: 20px; }

	.ik-body .ik-makimono-label
	{ margin-top: 15px; }

	/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
	padding
	* * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

	/* padding-top */

	.ik-body .ik-makimono-section,
	.ik-body .ik-note-section
	{ padding-top: 60px; }

	.ik-body .ik-video-section,
	.ik-body .ik-makimono-unit
	{ padding-top: 30px; }

	/* padding-right */

	.ik-body .ik-inner
	{ padding-right: 20px; }

	/* padding-bottom */

	.ik-body .ik-makimono-unit
	{ padding-bottom: 90px; }

	.ik-body .ik-note-section
	{ padding-bottom: 50px; }

	/* padding-left */

	.ik-body .ik-inner
	{ padding-left: 20px; }

	/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
	typography
	* * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

	/* font-size */

	.ik-body .ik-main-hed
	{ font-size: 20px; }

	.ik-body .ik-video-unit .ik-sub-hed
	{ font-size: 16px; }

	.ik-body .ik-video-unit .ik-annotation-text,
	.ik-body .ik-makimono-label
	{ font-size: 15px; }

	/* line-height */

	.ik-body .ik-video-unit .ik-sub-hed,
	.ik-body .ik-video-info,
	.ik-body .ik-makimono-info
	{ line-height: 2; }

	/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
	individual
	* * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

	.ik-body .ik-digital-header {
		background-image: url(../img/digital/kv-sp.png);
	}

	.ik-body .ik-main-hed {
		text-align: center;
		color: #B41432;
	}

	.ik-body .ik-video-wrap {
		position: relative;
	}

	.ik-body .ik-video-poster {
		position: absolute;
		top: 0;
		left: 0;
	}

	.ik-body .ik-video-wrap video {
		visibility: hidden;
	}

	.ik-body .ik-makimono-unit {
		background-color: #F5F5F6;
	}

	.ik-body .ik-makimono-info {
		overflow: hidden;
	}

	.ik-body .ik-makimono-info a {
		text-decoration: underline;
	}



	.ik-body .ik-note-info {
		margin-top: 20px;
		line-height: 2;
		padding-left: 0; padding-right: 0;
	}

	.ik-body .note-list {
		display: flex;
		flex-wrap: wrap;
		margin: 20px -10px 40px;
	}

	.ik-body .note-list li {
		box-sizing: border-box;
		padding: 20px 10px 0;
	}

	.ik-body .note-box .title {
		margin-top: 1em; line-height: 1.7;
	}

	.ik-body .note-box .textBox {
		border: 1px solid #C8C8C8; line-height: 1.7; padding: 10px; margin-top: .5em;
	}

	.ik-body .note-box .title.pdf::after {
		display: inline-block; position: static; margin-left: 6px;
	}

	.ik-body .download-box {
		border: 1px solid #C8C8C8;
		background-color: #FFFFFF;
	}

	.ik-body .download-box dd
	{ padding: 20px 20px 20px; }

	.ik-body .download-box dt { 
		text-align: center;
		font-weight: bold;
		border-bottom: 1px solid #E3E3E3;
		line-height: 1;
		padding-top: 25px; padding-bottom: 20px;
		font-size: 16px;
	}

	.ik-body .download-list > li a {
		color: #505050;
		padding-right: 1.1em;
		line-height: 2;
	}

	.ik-body .download-list > li a::before {
		content: "・";
		color: #B41432;
	}
	.ik-body .download-list > li a::after {
		bottom: 6px;
	}

	.ik-body .download-list > li + li
	{ margin-top: 15px; }
	
	.ik-body .ik-note-warning {
		line-height: 2;
	}
	.ik-body .ik-note-warning dt {
		font-weight: bold; margin-top: 15px;
	}

	.ik-body .download-unit {
		display: flex;
		flex-wrap: wrap;
		margin-top: 20px; margin-bottom: 20px;
	}

	.ik-body .download-unit .unitL {
		width: 100%;
	}
	.ik-body .download-unit .unitR {
		margin-top: 20px;
	}

	.ik-body .download-info {
		line-height: 1.5;
	}

}
@media screen and (max-width: 767px) {
	.ik-body .ik-video-unit .ik-annotation-text,
	.ik-body .ik-makimono-label
	{ font-size: 12px; }
}
@media screen and (max-width: 640px) {

	/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
	lightbox
	* * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

	#lightcase-overlay {
		opacity: 1 !important;
		background: rgba(80, 80, 80, 0.95) !important;
	}

	.ik-makimono-ttl {
		margin-top: 10px !important;
		margin-bottom: 10px !important;
		font-size: 14px !important;
		line-height: 2 !important;
		color: #FFFFFF !important;
	}

	.ik-makimono-desc {
		margin: 20px 0 0 !important;
		font-size: 14px !important;
		line-height: 2 !important;
		color: #FFFFFF !important;
	}

	#lightcase-case {
		padding-top: 0 !important;
		text-shadow: none !important;
		-webkit-overflow-scrolling: touch !important;
	}

	html[data-lc-type=inline] #lightcase-content {
		padding-top: 90px !important;
		padding-bottom: 90px !important;
	}

	.lightcase-contentInner {
		padding: 0 40px !important;
	}

	#lightcase-info {
		width: calc( 100% - 80px ) !important;
		position: absolute !important;
		top: calc( 90px - 1em - 5px ) !important;
		left: 0 !important;
		padding: 0 40px !important;
		text-align: right !important;
	}

	#lightcase-sequenceInfo {
		font-family: Montserrat !important;
		font-size: 14px !important;
		line-height: 1 !important;
		color: #FFFFFF !important;
	}

	.lightcase-icon-prev,
	.lightcase-icon-next {
		width: 10px !important;
		height: 17px !important;
		top: calc( 50% - ( 17px / 2 ) ) !important;
		margin-bottom: 0 !important;
		font-size: 0 !important;
	}

	.lightcase-icon-prev {
		left: 20px !important;
	}

	.lightcase-icon-next {
		transform: scale(-1, 1) !important;
		right: 20px !important;
	}

	.lightcase-icon-prev:before,
	.lightcase-icon-next:before {
		width: inherit !important;
		height: inherit !important;
		position: absolute !important;
		top: 0 !important;
		right: 0 !important;
		bottom: 0 !important;
		left: 0 !important;
		margin: auto !important;
		content: "" !important;
		background-image: url(../img/digital/lightcase-arrow-sp.png) !important;
		background-size: cover !important;
	}

	.lightcase-icon-close {
		width: 44px !important;
		height: 44px !important;
		top: 0 !important;
		right: 0 !important;
	}

	.lightcase-icon-close:before {
		width: inherit !important;
		height: inherit !important;
		content: "" !important;
		background-image: url(../img/digital/lightcase-close.png) !important;
		background-size: cover !important;
	}

}