@charset "utf-8";
/* CSS Document */



/* display: none; */

main.main > .independence,
main.main > #res_check,
main.main > #body_repair18 #co_bottom2,
main.main > #body_repair18 #co_menu,
main.main > .displayNone {
	display: none;
}


body {
	background: black;
	color: white;
}

/* 
==============================================================================*/
#body_repair18 * {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
.zerobreak {
	clear: both;
	font-size: 0;
}
html body#BodyID {
	min-width: 0;
}
#body_repair18 img {
	border: 0;
	max-width: 100%;
	vertical-align: bottom;
	max-height: 100%;
	width /***/ : auto;
	height: auto;
}
#body_repair18 table {
	font-size: 1em;
}
/*==============================================================================
 * clearfix
==============================================================================*/
#contentHeader > .d3::after,
#container > .boxA::after,
#container > .boxA2::after,
#container > .boxC::after,
.clearfix::after {
	content: " ";
	display: block;
	clear: both;
}
/*==============================================================================
 * justify
==============================================================================*/
.jus {
	text-align: justify;
	text-justify: inter-ideograph; /**/
}
.not_jus {
	text-align: left;
	text-justify: none;
}
/*==============================================================================
 * 擬似クラス
==============================================================================*/
#body_repair18 a:link {
	text-decoration: none;
	color: white;
}
#body_repair18 a:visited {
	text-decoration: none;
	color: white;
}
#body_repair18 a:hover {
	text-decoration: underline;
	color: white;
}
#body_repair18 a:active {
	text-decoration: none;
	color: white;
}
/*============================================================================*/
/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
/*============================================================================*/
#body_repair18 img {
	vertical-align: bottom;
}
#container p {
	text-indent:1em;
}
#container,
#HRF_Profile .d1 > .prfNote {
	line-height: 1.8;
}
/*======================================
 * Header
 *====================================*/
#contentHeader {}

/*======================================
 * PostedBy
 *====================================*/
#postedBy {}
#postedBy > a {
	display: block;
	margin: 14px 0 0;
	width: 171px;
}

/*======================================
 * Container
 *====================================*/
#container {}
/* - - - - - - - - - - - - - - - - - -*/
#container .leadSentence {
	background-color: #1D1D1D;
	padding: 20px;
	margin: 50px 0;
}
#container .leadSentence p.leadName {
	text-indent: 0;
	margin-top: 1em;
}

/* - - - - - - - - - - - - - - - - - -*/
#container > .ttl {
	border-bottom: solid #b0b0b0 1px;
	font-size: 2rem;
	font-weight: bold;
	line-height: 1.4;
	padding: 1em 0;
	margin: 2em 0 1em;
}
#container > .boxText {
	margin: 1em 0;
}
#container p.ttlSub {
	text-indent: 0;
	margin-top: 0.7em;
	font-size: 1.6rem;
	font-weight: bold;
}
/* - - - - - - - - - - - - - - - - - -*/
#container > .boxA,
#container > .boxA2 {
	margin: 1em 0;
}
#container > .boxA > .aTxt {
}
#container > .boxA > .aImg img,
#container > .boxA2 > .aImg img {
	margin: 1em auto 0;
	display: block;
}
#container > .boxA > .aImg p,
#container > .boxA2 > .aImg p {
	text-indent: 0;
	margin: 0.5em 0 0;
	color: #a2a2a2;
}
/* - - - - - - - - - - - - - - - - - -*/
#container > .boxB > .bImg img {
	margin: 1em 0 0;
}
#container > .boxB > .bImg p {
	text-indent: 0;
	margin: 0.5em 0 2em;
	color: #a2a2a2;
}
/* - - - - - - - - - - - - - - - - - -*/
#container > .boxC .cTtl {
	font-size: 2rem;
	font-weight: bold;
	line-height: 1.4;
	margin: 2em 0 1em;
}
#container > .boxC .cTxt {
	margin: 1rem 0;
}
#container > .boxC .cImg {
	margin: 1rem 0;
}
#container > .boxC .cImg > p {
		text-indent: 0;
		margin: 0.5em 0 2em;
		color: #a2a2a2;
}
/* - - - - - - - - - - - - - - - - - -*/
#container > .boxD {
	text-align: center;
}
#container > .boxD > .dImg img {
	margin-top: 1em;
	margin-left: 20px;
	display: inline-block;
}
#container > .boxD > .dImg img:first-child {
	margin-left: 0;

}
#container > .boxD p {
	display: inline-block;
	text-align: left;
	text-indent: 0;
	margin: 0.5em 0 2em;
	color: #a2a2a2;
}
/*======================================
 * Profile
 *====================================*/
#HRF_Profile .d1 {
	position: relative;
	background-color: #3b3b3b;
}
#HRF_Profile .d1 > .prfImg {
	float: left;
}
#HRF_Profile .d1 > .prfName span {
	color: #8e8e8e;
	font-size: 1.4rem;
}
#HRF_Profile .d1 > .prfName {
	font-size: 2.0rem;
	font-weight: bold;
}
#HRF_Profile .d1 > .prfNote {
	border-top: solid 1px #494949;
}
#HRF_Movie .d2 {}
#HRF_Movie .d2 .movieTtl {
	font-size: 2rem;
	font-weight: bold;
	line-height: 1.4;
	padding: 1em 0;
	/* margin: 2em 0 0; */
}
#HRF_Movie .d2 > a,
#HRF_Movie .d2 > .noLink {
	display: block;
	border: solid 1px #b0b0b0;
	border-right: none;
	border-left: none;
}
/* 動画複数時  */
		#HRF_Movie .d2.c77492085 > a,
		#HRF_Movie .d2.c77492085 > .noLink {
			border: none;
		}
		#HRF_Movie .d2.c77492085 > .movieTtl + a,
		#HRF_Movie .d2.c77492085 > .movieTtl + .noLink {
			border-top: solid 1px #b0b0b0;
		}
		#HRF_Movie .d2.c77492085 > a:last-child,
		#HRF_Movie .d2.c77492085 > .noLink:last-child {
			border-bottom: solid 1px #b0b0b0;
		}

#HRF_Movie .d2 .d2c .ttl {
	font-size: 2rem;
	font-weight: bold;
	line-height: 1.4;
	margin-bottom: 1em;
}
#HRF_Movie .d2 .d2c .txt {
	line-height: 1.8;
}

/*======================================
 * Back Number
 *====================================*/
#HRF_BackNumber > .alfa {
	list-style: none;
	letter-spacing: -.40em;
	background-color: #1c1c1c;
}
#HRF_BackNumber > .alfa > li {
	display: inline-block;
	letter-spacing: normal;
	vertical-align: top;
}
#HRF_BackNumber > .alfa > li > a,
#HRF_BackNumber > .alfa > li > .noLink {
	display: table;
	width: 100%;
	background: #3b3b3b;
}
#HRF_BackNumber > .alfa > li > a {
	-webkit-transition: opacity 0.25s ease-out;
	-moz-transition: opacity 0.25s ease-out;
	-ms-transition: opacity 0.25s ease-out;
	transition: opacity 0.25s ease-out;
}
#HRF_BackNumber > .alfa > li > a:hover {
	opacity: 0.9;
	filter: alpha(opacity=90);
	-ms-filter: "alpha(opacity=90)";
}
#HRF_BackNumber > .alfa > li > a > .tmb,
#HRF_BackNumber > .alfa > li > .noLink > .tmb {
	display: table-cell;
	vertical-align: top;
}
#HRF_BackNumber > .alfa > li > a > .txt,
#HRF_BackNumber > .alfa > li > .noLink > .txt {
	display: table-cell;
	vertical-align: middle;
	padding-left: 20px;
	color: white;
}
#HRF_BackNumber > .alfa > li .txt .vol {
	display: block;
	margin-bottom: 0.3rem;
}

/*============================================================================*/
/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
■ 表示領域が 640px 未満の場合
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
@media screen and (max-width: 639px) { /**/
	/*============================================================================*/
	.only_mo {
		display: block;
	}
	/*============================================================================*/
	#page_top {
		display: none;
	}
	/*======================================
	 * Header
	 *====================================*/
	#contentHeader {
		background-image: none!important;
	}
	#contentHeader > .d1 {
		padding: 2px 3% 0;
	}
	#contentHeader > .d1 > img {
		width: 100%;
	}
	#contentHeader > .d2 {
		margin-top: 7vw;
	}
	#contentHeader > .d3 {
		padding: 0 3%;
		margin-top: 7vw;
		font-size: 1.8rem;
	}
	#contentHeader > .d3 > .d3l {
		float: left;
		background-color: #383838;
		width: 4em;
		height: 4em;
		line-height: 4em;
		text-align: center;
	}
	#contentHeader > .d3 > .d3r {
		margin-left: 5em;
		padding-top: 0.6em;
	}
	
	/*======================================
	 * PostedBy
	 *====================================*/
	#postedBy {
		padding: 0 3%;
	}
	#postedBy > a {
		margin: 19px 0 0;
		width: 40%;
	}
	/*======================================
	 * Container
	 *====================================*/
	#container {
		padding: 0 3%;
	}
	/* - - - - - - - - - - - - - - - - - -*/
	#container > .boxA,
	#container > .boxA2 {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		flex-direction: column;
		flex-wrap: wrap;
	}
	#container > .boxA > .aTxt,
	#container > .boxA2 > .aTxt {
		-webkit-box-ordinal-group: 1;
		-ms-flex-order: 1;
		order: 1;
	}
	#container > .boxA > .aImg,
	#container > .boxA2 > .aImg {
		-webkit-box-ordinal-group: 2;
		-ms-flex-order: 2;
		order: 2;
		width: 100%;
	}
	/* - - - - - - - - - - - - - - - - - -*/
	#container > .boxD {
	}
	#container > .boxD > .dImg {
		text-align: center;
	}
	#container > .boxD > .dImg img {
		margin-left: 0;
	}

	/*======================================
	 * Profile
	 *====================================*/
	#HRF_Profile .d1 {
		padding: 3%;
		margin: 2em 3% 1em;
	}
	#HRF_Profile .d1 > .prfImg {
		width: 30vw;
		margin-bottom: 3vw;
	}
	#HRF_Profile .d1 > .prfName {
		position: absolute;
		top: 18vw;
		transform: translateY(-50%);
		-webkit- transform: translateY(-50%);
		margin: 0 0 0 33vw;
		font-size: 2.2rem;
	}
	#HRF_Profile .d1 > .prfName span {
		display: block;
	}
	#HRF_Profile .d1 > .prfNote {
		clear: both;
		border-top: solid 1px #494949;
		padding: 3vw 0 0;
	}

	#HRF_Movie .d2 {
		margin: 3%;
	}
	#HRF_Movie .d2 .movieTtl {
		padding: 50px 0 20px;
		margin: 0;
	}
	#HRF_Movie .d2 > a,
	#HRF_Movie .d2 > .noLink {
		padding: 3vw 0;
	}
	/* 動画複数時  */
			#HRF_Movie .d2.c77492085 > a,
			#HRF_Movie .d2.c77492085 > .noLink {
				border-bottom: solid 1px #b0b0b0;
			}

	#HRF_Movie .d2 .d2b {
		margin: 5vw 0 3vw;
	}
	#HRF_Movie .d2 .d2a > iframe {/* YouTube埋込  */
		width: 100%;/**/
		height: 52.875vw;/**/
	}
	#HRF_Movie .d2 .d2c .ttl {
		margin-top: 1em;
	}
	/*======================================
	 * Back Number
	 *====================================*/
	#HRF_BackNumber {
		margin-top: 10vw;
	}
	#HRF_BackNumber > .alfa {
		padding: 6vw 3% 9vw;
	}
	#HRF_BackNumber > .alfa > li {



		margin-top: 3vw;
	}
	#HRF_BackNumber > .alfa > li > a,
	#HRF_BackNumber > .alfa > li > .noLink {
		padding: 1.5vw;
	}
	#HRF_BackNumber > .alfa > li > a > .tmb,
	#HRF_BackNumber > .alfa > li > .noLink > .tmb {
		vertical-align: top;
		width: 35%;
	}
	/*============================================================================*/
	.only_pc {
		display: none;
	}
	/*============================================================================*/
}
/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
■ 表示領域が 640px 以上の場合
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
@media print, screen and (min-width: 640px) { /**/

	/*============================================================================*/
	.only_pc {
		display: block;
	}
	/*============================================================================*/
	/*======================================
	 * Header
	 *====================================*/
	#contentHeader {
		width: 980px;
		height: 400px;
		margin: 0 auto;
		background-position: center;
		background-size: cover;
	}
	#contentHeader > .d1,
	#contentHeader > .d2,
	#contentHeader > .d3 {
		display: none;		
	}

	/*======================================
	 * PostedBy
	 *====================================*/
	#postedBy {
		width: 980px;
		margin: 0 auto;
		padding: 0;
	}

	/*======================================
	 * Container
	 *====================================*/
	#container {
		width: 980px;
		margin: 0 auto;
		padding: 0;
	}
	#container > .ttl {
		padding: 20px 0;
		margin: 40px 0 30px;
	}
	/* - - - - - - - - - - - - - - - - - -*/
	#container > .boxA,
	#container > .boxA2 {
	}
	#container > .boxA > .aTxt,
	#container > .boxA2 > .aTxt {
	}
	#container > .boxA > .aImg,
	#container > .boxA2 > .aImg {
		float: right;
		width: 480px;
		margin: 0 0 20px 20px;
	}
	#container > .boxA2 > .aImg {
		float: left;
		margin: 0 20px 20px 0;
	}
	#container > .boxA > .aImg img,
	#container > .boxA2 > .aImg img {
		margin: 0 auto;
	}
	/* - - - - - - - - - - - - - - - - - -*/
	#container > .boxB {
		letter-spacing: -.40em;
	}
	#container > .boxB > .bImg {
		display: inline-block;
		letter-spacing: normal;
		width: 480px;
		vertical-align: top;
	}
	#container > .boxB > .bImg:nth-child(2n+2) {
		margin-left: 20px;
	}
	#container > .boxB.pc_row100 > .bImg {
		width: 100%;
	}
	#container > .boxB.pc_row100 > .bImg:nth-child(2n+2) {
		margin-left: 0;
	}
	/* pc_row3 */
	#container > .boxB.pc_row3 > .bImg:nth-child(2n+2) {
		margin-left: 0;
	}
	#container > .boxB.pc_row3 > .bImg:nth-child(3n+2) {
		margin-left: 20px;
		margin-right: 20px;
	}
	#container > .boxB.pc_row3 > .bImg {
		width: 313px;
	}
	/* - - - - - - - - - - - - - - - - - -*/
	#container > .boxC {
		letter-spacing: -.40em;
	}
	#container > .boxC > .d1 {
		width: 480px;
		display: inline-block;
		vertical-align: top;
		letter-spacing: normal;
	}
	#container > .boxC > .d1:nth-child(2) {
		margin-left: 20px;
	}
	#container > .boxC > .d1 > .cTxt p,
	#container > .boxC > .d1 > .cImg p {
		text-align: justify;
	}

	/*======================================
	 * Profile
	 *====================================*/
	#HRF_Profile .d1 {
		width: 700px;
		margin: 50px auto;
		padding: 20px;
	}
	#HRF_Profile .d1 > .prfImg {
		padding-right: 20px;
		background-color: #3b3b3b;
	}
	#HRF_Profile .d1 > .prfName {
	}
	#HRF_Profile .d1 > .prfName span {
		vertical-align: middle;
		margin-left: 2rem;
	}
	#HRF_Profile .d1 > .prfNote {
		margin-top: 16px;
		padding-top: 20px;
	}

	#HRF_Movie .d2 {
		width: 980px;
		margin: 50px auto;
		padding: 20px;
	}
	#HRF_Movie .d2 > a,
	#HRF_Movie .d2 > .noLink {
		display: table;
		width: 100%;
	}
	#HRF_Movie .d2 > a:hover {
		opacity: 0.9;
		background: #1a1a1a;
	}
	#HRF_Movie .d2 .d2a,
	#HRF_Movie .d2 .d2b,
	#HRF_Movie .d2 .d2c {
		display: table-cell;
		vertical-align: middle;
		padding: 20px 0;
	}
	#HRF_Movie .d2 .d2a {
		width: 500px;/**/
	}
	#HRF_Movie .d2 .d2a > iframe {/* YouTube埋込  */
		width: 500px;
		height: 281px;
	}
	#HRF_Movie .d2 .d2b {
		text-align: center;
	}
	#HRF_Movie .d2 .d2b > img {
		width: 300px;
	}
	#HRF_Movie .d2 .d2c {
		padding-left: 30px;
	}

	/*======================================
	 * Back Number
	 *====================================*/
	#BackNumber {
		background-color: #1c1c1c;
	}
	#HRF_BackNumber {
		padding-bottom: 20px;
	}
	#HRF_BackNumber > .alfa {
		padding-left: 20px;

		width: 980px;
		margin: 0 auto;
		padding: 0;
	}
	#HRF_BackNumber > .alfa > li {
		margin-top: 20px;
		width: 480px;
		background-color: white;
	}
	#HRF_BackNumber > .alfa > li:nth-child(odd) {
	}
	#HRF_BackNumber > .alfa > li:nth-child(even) {
		margin-left: 20px;
	}
	#HRF_BackNumber > .alfa > li > a,
	#HRF_BackNumber > .alfa > li > .noLink {
		padding: 10px;
		text-decoration: none;
	}
	#HRF_BackNumber > .alfa > li > a > .tmb,
	#HRF_BackNumber > .alfa > li > .noLink > .tmb {
		width: 145px;
	}
	/*======================================
	 * Unique // add to
	 *====================================*/
	/* .c71ec2416 */
	#container > .boxA.c71ec2416 > .aImg,
	#container > .boxA2.c71ec2416 > .aImg {
		width: 320px;
	}
	/*============================================================================*/
	.only_mo {
		display: none;
	}
	/*============================================================================*/
}
/*==============================================================================
s_0604c / 14687
==============================================================================*/


/* パンくず   */
@media screen and (max-width: 767px) {
        main.main {
                margin-top: 5rem;
                margin-bottom: 14rem;
        }
}

@media screen and (min-width: 768px) {
        main.main {
                margin-top: 15.3rem;
                margin-bottom: 19.7rem;
        }
}