@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;
}


#page_top {display: none;/* 一旦削除 */}
.breadcrumb {margin-bottom: 2rem;}
/* 
==============================================================================*/
.zerobreak {
	clear: both;
	font-size: 0;
}
#container ruby rp,
#container ruby rt {
	font-weight: normal;
}
.directory1 a,
.directory1 a:link,
.directory1 a:visited,
.directory1 a:hover,
.directory1 a:active {
	color: white;
}
.directory3 a,
.directory3 a:link,
.directory3 a:visited,
.directory3 a:hover,
.directory3 a:active {
	color: black;
}
.directory2 > dd > ul li a,
.directory2 > dd > ul li a:link,
.directory2 > dd > ul li a:visited,
.directory2 > dd > ul li a:hover,
.directory2 > dd > ul li a:active {
	color: black;
}
/*==============================================================================
 * indent
==============================================================================*/
#container p {
	text-indent:1em;
	margin: 0;
	line-height: 1.8;
}
/*==============================================================================
 * clearfix
==============================================================================*/
.boxA1::after,
.boxB1::after,
.boxC1L::after,
.boxC1R::after,
.pagerSection::after,
.clearfix::after {
    content : " ";
    display : block;
    clear : both;
}
/*============================================================================*/

/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
■ 折り返し設定
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
.jus {
	text-align: justify;
	text-justify: inter-ideograph;/**/
}
.not_jus {
	text-align: left;
	text-justify: none;
}

/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
■ 疑似クラス
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
a:link {
	text-decoration: none;
	color: #000000;
}
a:visited {
	text-decoration: none;
	color: #000000;
}
a:hover {
	text-decoration: underline;
	color: #000000;
}
a:active {
	text-decoration: none;
	color: #000000;
}

/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
/* 
==============================================================================*/
#contentHeader {
	background: linear-gradient(161deg, #e6f1bf, #FFFFFF, #FFFFFF);
	box-sizing: border-box;
	border-bottom: 3px solid #80BC57;
}
#contentHeader > .d1 {
	position: relative;
	margin: auto;
}
#contentHeader > .d1 > .ttlImg {
	position: absolute;
}
#contentHeader > .d1 > .c_a_rvw_himg {
	position: absolute;
}
#contentHeader > .d1 > .c_a_rvw_himg > img {
	vertical-align: bottom;
}
#contentHeader > .d1 > .c_a_rvw_ttl {
	position: absolute;
}
#contentHeader > .d1 > .c_a_rvw_ttl > img {
	vertical-align: bottom;
}
/*============================================================================*/
/* トップへ */
#body_repair18 > #be_GoHome {
	display: none;
}
/*
#be_GoHome .only_pc {
	width: 950px;
	margin: 12px auto;
	text-align: right;
}
#be_GoHome .only_pc a {
	background-color: #FFFFFF;
	color: #000000;
	text-align: right;
	margin: 14px 0 0;
	padding: 2px 20px 0 0;
	width: 100%;
	font-weight: normal;
	background-image: url(/-/media/Project/globeride/daiwa_com_jp/resources/fishing/common/image/yjbk.gif);
	background-repeat: no-repeat;
	background-position: right center;
}
#be_GoHome .only_mo {
	padding: 13px 12% 20px;
}
*/
/*============================================================================*/
#container {
	box-sizing: border-box;
}
#container .postedBy {
	color: #878787;
	margin-top: 0.8em;
}
#container .postedBy > a {
	text-decoration: none;
}
#container .postedBy img {
	height: 1.1em;
	margin-left: 0.5em;
	margin-bottom: -0.1em;
	display: inline-block;
    width: auto;
}
#container h2 {
	color: #530903;
	margin: 4rem 0 2rem;
	font-size: 2.2rem;
}
/*====================================*/
#container .ttlRiver {
	position: relative;
	box-sizing: border-box;
	min-height: 300px;
	color: white;
	background-color: #80BC57;
	background-size: 300px auto;
	background-repeat: no-repeat;

	background-position: right 40px center;
	display: table;
	width: 100%;
	margin: 50px auto;
}
#container .ttlRiver a {
	color: white;
}
#container .ttlRiver .d1 {
	display: table-cell;
	vertical-align: middle;
	padding: 30px 360px 30px 45px;
}
#container .ttlRiver span {
	font-size: 2rem;
	font-weight: bold;
	display: block;
	margin-bottom: 5px;
}
#container .ttlRiver p {
	text-indent: 0;
	margin: 0;
}
/*====================================*/
#container .txt {
	margin: 1rem auto;
}
/* Credit */
#container .txt.credit {
	margin: 5rem auto 0;
}
#container .txt.credit p {
	text-indent: 0;
}
/* Bibliography  */
#container .txt.bibliography {
	margin: 5rem auto 0;
}
#container .txt.bibliography p {
	text-indent: 0;
}

/*====================================*/
/* Pager */
.pagerSection {
}
#container .pagerSection p {
	text-indent: 0;
}
.pagerSection .pagerPrev {
	display: inline-block;
	position: relative;
	max-width: 45%;
	float: left;
}
.pagerSection .pagerNext {
	display: inline-block;
	position: relative;
	max-width: 45%;
	float: right;
}
.pagerSection a {
	display: inline-block;
	text-decoration: none;
}
.pagerSection a:hover {
	background-color: #80808021;
}
.pagerSection .column_vol {
	color: #80BC57;
	font-size: 13px;
}

/* 矢印 */
.pagerSection .pagerPrev::after {
	content: '';
	position: absolute;
	top: 50%;
	left: -8px;
	-webkit- transform: translateY(-50%);
	width: 15px;
	height: 15px;
	border-top: 2px solid #80BC57;
	border-right: 2px solid #80BC57;
	display: inline-block;
	transform: translateY(-50%) rotate(-135deg);
}
.pagerSection .pagerNext::after {
	content: '';
	position: absolute;
	top: 50%;
	right: -8px;
	-webkit- transform: translateY(-50%);
	width: 15px;
	height: 15px;
	border-top: 2px solid #80BC57;
	border-right: 2px solid #80BC57;
	display: inline-block;
	transform: translateY(-50%) rotate(45deg);
}
/*====================================*/
/* キャプションカラー */
.boxA1 > .container .cap,
.boxA2 > .container .cap,
.boxB1 > .d1 .cap {
	color: #7d7d7d;
}

/*==============================================================================
 * img + 下にキャプション ／ boxA1 ／ boxA2（縦画像用）

 *============================================================================*/
.boxA1,
.boxA2 {
	margin: 0;
	letter-spacing: -.40em; /* 文字間を詰めて隙間を削除する */
}
.boxA1 .container,
.boxA2 .container {
	display: inline-block;
	letter-spacing: normal; /* 文字間を通常に戻す */
	vertical-align: top;
	width: 48%;
	margin-top: 4rem;
	margin-left: 4%;
	margin-bottom: 3rem;
	text-align: center;
}
.boxA2 .container {
	margin-right: auto;
	margin-left: auto;
	display: block;
}

.boxA1 .container .img img,
.boxA2 .container .img img {
	display: block;
	margin: auto;
	max-width: 100%;
	min-width: inherit!important;
}
.boxA1 .container .cap,
.boxA2 .container .cap {
	display: inline-block;
	text-align: left;
	margin-top: 0.7rem;
}


/*==============================================================================
 * img + 右にText+キャプション ／ boxB1
 *============================================================================*/
.boxB1 {
	margin-top: 4rem;
}

/*==============================================================================
 * Text + 右にimg ／ boxC1R
 *============================================================================*/
.boxC1R {
	margin-top: 4rem;
}

/*==============================================================================
 * Text + 左にimg ／ boxC1L
 *============================================================================*/
.boxC1L {
	margin-top: 4rem;
}

/*==============================================================================
 * TopButton
 *============================================================================*/
#TopListBtn {
	text-align: center
}
#TopListBtn > a {
	display: inline-block;
	background-color: #80BC57;
	color: white;
	padding: 10px 30px;
	border: double white 4px;
	background-image: url(/-/media/Project/globeride/daiwa_com_jp/resources/image/common_v1/hdyajiw.png);
	background-repeat: no-repeat;
	background-size: 0.8rem;
	background-position: right 5px center;
}
#TopListBtn > a:hover {
	text-decoration: none;
	background-color: #009800;
}


.emphasis-dot {/* 傍点（強調点） */
	background-image: radial-gradient(circle at center, black 10%, transparent 20%);
	background-position: top right;
	background-repeat: repeat-x;
	background-size: 1em 0.3em;
	padding-top: 0.1em;
}


/* 
==============================================================================*/
/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
■ 表示領域が 640px 未満の場合
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/

/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
@media screen and (max-width: 639px) {
/*============================================================================*/
.only_mo {
	display: block;
}
/*============================================================================*/

	body#BodyID {
		min-width: auto;
	}
	#contentHeader > .d2 > .c_a_rvw_himgm > img {
		vertical-align: bottom;
	}
	/*============================================================================*/
	#container {
	}
	#container .c_a_editor1,
	#container .c_a_editor3 {
		padding: 0 3%;
	}
	/*====================================*/
	#container .ttlRiver {
		background-position: center bottom 3vw;
		background-size: 80vw auto;
		min-height: auto;
		display: block;
		padding: 3vw 3vw 70vw;
	}
	#container .ttlRiver .d1 {
		display: block;
		padding: 0;
	}

	/*==============================================================================
	 * img + 下にキャプション ／ boxA1
	 *============================================================================*/
	.boxA1 .container:nth-child(2n+1) {
		margin-left: 0;
	}
	.boxA2 .container {
		width: 100%;
	}

	/* 1列	mo_row1
	--------------------------------------*/
	.boxA1.mo_row1 .container {
		width: 100%;
		margin-left: 0;
	}

	/*==============================================================================
	 * Text + 右にimg ／ boxC1R
	 *============================================================================*/
	.boxC1R {

	}

	/*==============================================================================
	 * Text + 左にimg ／ boxC1L
	 *============================================================================*/
	.boxC1L {
	}
	/*============================================================================*/
	/* Pager */
	.pagerSection {
		margin-top: 3rem;
	}
	.pagerSection a {
		padding: 5px 10px;
	}
	.pagerSection .pagerPrev::after {
		left: -7px;
		width: 13px;
		height: 13px;
	}
	.pagerSection .pagerNext::after {
		right: -7px;
		width: 13px;
		height: 13px;
	}

	/*============================================================================*/
	#TopListBtn {
		margin-top: 3rem;
	}
/*============================================================================*/
.only_pc {
	display: none;
}
/*============================================================================*/
}

/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
■ 表示領域が 640px 以上の場合
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/

/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
@media screen and (min-width: 640px) {
/*============================================================================*/
.only_pc {
	display: block;
}
#container p {
	text-align: justify;
	text-justify: inter-ideograph;/**/
}
/*============================================================================*/
	#contentHeader > .d1 {
		width: 1000px;
		height: 500px;
	}
	#contentHeader > .d1 > .ttlImg {
		top: 39px;
		left: 128px;
	}
	#contentHeader > .d1 > .c_a_rvw_himg {
		top: 0;
		right: 0;
	}
	#contentHeader > .d1 > .c_a_rvw_ttl {
		bottom: 18px;
		left: 30px;
	}
	/*============================================================================*/
	#container {
	}
	#container .c_a_editor1,
	#container .c_a_editor3 {
		width: 930px;
		margin: 0 auto;
	}

	/*==============================================================================
	 * img + 下にキャプション ／ boxA1
	 *============================================================================*/
	.boxA1,
	.boxA2 {
	}
	.boxA1 .container {
		width: 455px;
		margin-left: 20px;
		margin-bottom: 3rem;
	}
	.boxA2 .container {
		width: 600px;
	}
	.boxA1 .container:nth-child(2n+1) {
		margin-left: 0;
	}
	/* 1列	pc_row1
	--------------------------------------*/
	.boxA1.pc_row1 .container {
		width: 930px;
		margin-left: 0;
	}
	/* 3列	pc_row3
	--------------------------------------*/
	/**/
	/* 4列	pc_row4
	--------------------------------------*/
	/**/
	/* 5列	pc_row5
	--------------------------------------*/
	/**/
	/* 6列	pc_row6
	--------------------------------------*/
	/**/
	/* 7列	pc_row7
	--------------------------------------*/
	/**/
	/* 8列	pc_row8 
	--------------------------------------*/
	/**/

	/*==============================================================================
	 * img + 右にText+キャプション ／ boxB1

	 *============================================================================*/
	.boxB1 {
		display: table;
	}
	.boxB1 > .img.only_pc {
		display: table-cell;
		vertical-align: bottom;
		width: 455px;
	}
	.boxB1 > .img.only_pc > img {
		vertical-align: bottom;
	}
	.boxB1 > .d1 {
		display: table-cell;
		position: relative;
		padding-left: 20px;
	}
	.boxB1 > .d1 .cap {
		position: absolute;
		bottom: 0;
	}

	/*==============================================================================
	 * img + 右にText+キャプション ／ boxB1.left
	 *============================================================================*/
	.boxB1.left {
		width: 100%;
	}
	.boxB1.left > .d1 {
		padding-left: 0;
		padding-right: 20px;
	}
	.boxB1.left > .img {
		text-align: right;
	}

	/*==============================================================================
	 * Text + 右にimg ／ boxC1R
	 *============================================================================*/
	.boxC1R > .img.only_pc {
		float: right;
		padding: 0 0 10px 25px;
	}
	.boxC1R > .img.only_pc > img {
		vertical-align: bottom;
	}
	/*==============================================================================
	 * Text + 左にimg ／ boxC1L
	 *============================================================================*/
	.boxC1L > .img.only_pc {
		float: left;
		padding: 0 25px 10px 0;
	}
	.boxC1L > .img.only_pc > img {
		vertical-align: bottom;
	}

	/*============================================================================*/
	#TopListBtn {
		margin-top: 3rem;
	}

	/*============================================================================*/
	#TopListBtn {
		margin: 4rem 0 3rem;
	}
	/*============================================================================*/
	/* Pager */
	.pagerSection {
		width: 70%;
		margin: 40px auto 0;
	}
	.pagerSection a {
		padding: 5px 20px;
	}


/*============================================================================*/
.only_mo {
	display: none;
}
/*============================================================================*/
}

/* - - - - - - - - - - - - - - - - - - -
https://---/content.css
{CF7461E8-8E5B-481B-97A0-9C209048B262}
- - - - - - - - - - - - - - - - - - - */