@charset "UTF-8";

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

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

	.ik-body .ik-ijinden-info
	{ width: calc( ( 12 / 12 ) * 100% ); }

	.ik-body .ik-ijinden-introduction > *:last-child
	{ width: calc( ( 8 / 12 ) * 100% ); }

	.ik-body .ik-ijinden-introduction > *:first-child
	{ width: calc( ( 3 / 12 ) * 100% ); }

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

	.ik-body .ik-ijinden-header
	{ height: 440px; }

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

	/* margin-top */

	.ik-body .ik-ijinden-wholebook
	{ margin-top: 60px; }

	.ik-body .ik-ijinden-info
	{ margin-top: 90px; }

	.ik-body .ik-ijinden-introduction,
	.ik-body .ik-ijinden-toc div
	{ margin-top: 60px; }

	.ik-body .ik-ijinden-info p,
	.ik-body .ik-ijinden-warning dt
	{ margin-top: 30px; }

	.ik-body .ik-wholebook-list > li + li
	{ margin-top: 25px; }

	.ik-body .ik-ijinden-toc dd
	{ margin-top: 20px; }

	.ik-body .ik-ijinden-hed .ik-sub-hed
	{ margin-top: 10px; }

	/* margin-right */

	.ik-body .ik-ijinden-chapter > li::before,
	.ik-body .ik-wholebook-list > li::before
	{ margin-right: 10px; }

	/* margin-left */


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

	.ik-body .ik-ijinden-main
	{ padding-top: 60px; }

	.ik-body .ik-ijinden-wholebook dd
	{ padding-top: 30px; }

	.ik-body .ik-ijinden-wholebook dt
	{ padding-top: 25px; }

	.ik-body .ik-ijinden-toc dt a
	{ padding-top: 15px; }

	/* padding-bottom */

	.ik-body .ik-ijinden-main
	{ padding-bottom: 120px; }

	.ik-body .ik-ijinden-wholebook dd
	{ padding-bottom: 60px; }

	.ik-body .ik-ijinden-wholebook dt
	{ padding-bottom: 25px; }

	.ik-body .ik-ijinden-wholebook dt
	{ padding-bottom: 20px; }

	.ik-body .ik-ijinden-toc dt a
	{ padding-bottom: 15px; }

	/* padding-left */

	.ik-body .ik-ijinden-toc dt a,
	.ik-body .ik-ijinden-toc dd,
	.ik-body .ik-ijinden-wholebook dd
	{ padding-left: calc( ( 1 / 12 ) * 100% ); }

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

	/* font-size */

	.ik-body .ik-ijinden-hed .ik-main-hed
	{ font-size: 287.5%; } /* 46px */

	.ik-body .ik-ijinden-info .ik-main-hed
	{ font-size: 162.5%; } /* 26px */

	.ik-body .ik-ijinden-wholebook dt
	{ font-size: 150%; } /* 24px */

	.ik-body .ik-ijinden-toc dt
	{ font-size: 125%; } /* 20px */

	.ik-body .ik-ijinden-introduction
	{ font-size: 112.5%; } /* 18px */

	.ik-body .ik-ijinden-hed .ik-sub-hed
	{ font-size: 87.5%; } /* 14px */

	/* line-height */

	.ik-body .ik-ijinden-introduction,
	.ik-body .ik-ijinden-toc dd,
	.ik-body .ik-ijinden-info p,
	.ik-body .ik-ijinden-warning
	{ line-height: 2; }

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

	.ik-body .ik-ijinden-main {
		background-image: url(/themes/inabata/ik/assets/img/ijinden/bg.png);
	}

	.ik-body .ik-ijinden-header {
		background-image: url(/themes/inabata/ik/assets/img/ijinden/kv.png);
		background-size: cover;
		background-repeat: no-repeat;
	}

	.ik-body .ik-ijinden-hed {
		text-align: center;
	}

	.ik-body .ik-ijinden-hed .ik-main-hed {
		color: #B41432;
	}

	.ik-body .ik-ijinden-hed .ik-sub-hed {
		display: inline-block;
		font-family: 'Montserrat', sans-serif;
		color: #374150;
	}

	.ik-body .ik-ijinden-introduction {
		display: flex;
		justify-content: space-between;
	}

	.ik-body .ik-ijinden-toc dd {
		display: none;
	}

	.ik-body .ik-ijinden-toc dt a {
		display: block;
		position: relative;
		color: #FFFFFF;
		background-color: #374150;
	}

	.ik-body .ik-pulldown-status::before,
	.ik-body .ik-pulldown-status::after {
		display: block;
		width: 20px;
		height: 2px;
		position: absolute;
		top: 0;
		right: 30px;
		bottom: 0;
		margin: auto 0;
		content: "";
		background-color: #FFFFFF;
	}

	.ik-body .ik-pulldown-status::after {
		transform: rotate(90deg);
	}

	.ik-body .ik-ijinden-toc dt.is-active .ik-pulldown-status::after {
		transform: rotate(0);
	}

	.ik-body .ik-ijinden-chapter > li{
		color: #646464;
		line-height: 1.7;
	}

	.ik-body .ik-ijinden-chapter > li::before {
		content: "・";
	}

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

	.ik-body .ik-ijinden-wholebook dt {
		text-align: center;
		font-weight: bold;
		border-bottom: 1px solid #E3E3E3;
		font-size: 125%;
		line-height: 1;
	}

	.ik-body .ik-wholebook-list > li a {
		color: #505050;
		padding-right: 1.1em;
	}

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

	.ik-body .ik-ijinden-warning dt {
		font-weight: bold;
	}

}
@media screen and (max-width: 960px) {
	.ik-body .ik-ijinden-header
	{ height: 300px; }

	.ik-body .ik-ijinden-hed .ik-main-hed
	{ font-size: 150%; } 

	.ik-body .ik-ijinden-info .ik-main-hed
	{ font-size: 125%; } 

	.ik-body .ik-ijinden-introduction
	{ font-size: 100%; }

	.ik-body .ik-ijinden-hed .ik-sub-hed
	{ font-size: 63%; }
}
@media screen and (max-width: 767px) {

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

	.ik-body .ik-ijinden-introduction > *:first-child
	{ width: calc( ( 3 / 4 ) * 100% ); }

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

	.ik-body .ik-ijinden-header
	{ height: 300px; }

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

	/* margin-top */

	.ik-body .ik-ijinden-toc
	{ margin-top: 60px; }
	.ik-body .ik-ijinden-wholebook
	{ margin-top: 40px; }

	.ik-body .ik-ijinden-introduction,
	.ik-body .ik-ijinden-introduction > *:last-child,
	.ik-body .ik-ijinden-toc div + div,
	.ik-body .ik-wholebook-list > li + li,
	.ik-body .ik-ijinden-info
	{ margin-top: 30px; }

	.ik-body .ik-ijinden-toc dd,
	.ik-body .ik-ijinden-info p,
	.ik-body .ik-ijinden-warning dt
	{ margin-top: 20px; }

	.ik-body .ik-ijinden-hed span
	{ margin-top: 10px; }

	/* margin-right */

	.ik-body .ik-ijinden-introduction > *:first-child
	{ margin-right: auto; }

	.ik-body .ik-ijinden-chapter
	{ margin-right: 10px; }

	.ik-body .ik-ijinden-chapter > li::before,
	.ik-body .ik-ijinden-wholebook dd a::before
	{ margin-right: 5px; }

	/* margin-left */

	.ik-body .ik-ijinden-introduction > *:first-child
	{ margin-left: auto; }

	.ik-body .ik-ijinden-chapter
	{ margin-left: 10px; }

	.ik-body .ik-ijinden-wholebook dd a::after
	{ margin-left: 5px; }

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

	/* padding-top */

	.ik-body .ik-ijinden-main,
	.ik-body .ik-ijinden-wholebook dd
	{ padding-top: 30px; }

	.ik-body .ik-ijinden-wholebook dt
	{ padding-top: 21px; }

	.ik-body .ik-ijinden-toc dt a
	{ padding-top: 7px; }

	/* padding-bottom */

	.ik-body .ik-ijinden-main
	{ padding-bottom: 90px; }

	.ik-body .ik-ijinden-wholebook dd
	{ padding-bottom: 30px; }

	.ik-body .ik-ijinden-wholebook dt
	{ padding-bottom: 23px; }

	.ik-body .ik-ijinden-toc dt a
	{ padding-bottom: 7px; }

	/* padding-left */

	.ik-body .ik-ijinden-wholebook dd
	{ padding-left: 15px; }

	.ik-body .ik-ijinden-toc dt a
	{ padding-left: 10px; }

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

	/* font-size */

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

	.ik-body .ik-ijinden-info .ik-main-hed
	{ font-size: 18px; }

	.ik-body .ik-ijinden-toc dt,
	.ik-body .ik-ijinden-wholebook dt
	{ font-size: 16px; }

	.ik-body .ik-ijinden-wholebook dd,
	.ik-body .ik-ijinden-info p,
	.ik-body .ik-ijinden-warning
	{ font-size: 12px; }

	.ik-body .ik-ijinden-hed .ik-sub-hed
	{ font-size: 10px; }

	/* line-height */

	.ik-body .ik-ijinden-introduction,
	.ik-body .ik-ijinden-toc dd,
	.ik-body .ik-ijinden-info
	{ line-height: 2; }

	.ik-ijinden-wholebook dt,
	.ik-ijinden-wholebook dd
	{ line-height: 1; }

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

	.ik-body .ik-ijinden-main {
		background-image: url(/themes/inabata/ik/assets/img/ijinden/bg.png);
	}

	.ik-body .ik-ijinden-header {
		background-image: url(/themes/inabata/ik/assets/img/ijinden/kv-sp.png);
		background-size: cover;
		background-repeat: no-repeat;
	}

	.ik-body .ik-ijinden-hed {
		text-align: center;
	}

	.ik-body .ik-ijinden-hed .ik-main-hed {
		color: #B41432;
	}

	.ik-body .ik-ijinden-hed .ik-sub-hed {
		display: inline-block;
		font-family: 'Montserrat', sans-serif;
		color: #374150;
	}

	.ik-body .ik-ijinden-toc dd {
		display: none;
	}

	.ik-body .ik-ijinden-toc dt a {
		display: block;
		position: relative;
		color: #FFFFFF;
		background-color: #374150;
	}

	.ik-body .ik-pulldown-status::before,
	.ik-body .ik-pulldown-status::after {
		display: block;
		width: 10px;
		height: 2px;
		position: absolute;
		top: 0;
		right: 10px;
		bottom: 0;
		margin: auto 0;
		content: "";
		background-color: #FFFFFF;
	}

	.ik-body .ik-pulldown-status::after {
		transform: rotate(90deg);
	}

	.ik-body .ik-ijinden-toc dt.is-active .ik-pulldown-status::after {
		transform: rotate(0);
	}

	.ik-body .ik-ijinden-chapter > li {
		display: flex;
		color: #646464;
	}

	.ik-body .ik-ijinden-chapter > li::before {
		display: inline-block;
		content: "・";
	}

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

	.ik-body .ik-ijinden-wholebook dt {
		text-align: center;
		font-weight: bold;
		border-bottom: 1px solid #E3E3E3;
	}

	.ik-body .ik-wholebook-list > li a {
		color: #505050;
		padding-right: 1.5em;
	}

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

	.ik-body .ik-ijinden-warning dt {
		font-weight: bold;
	}

}