/* Y'S GEAR : bombe.css */


.contentsWidth * { box-sizing: border-box; }
.contentsWidth section { margin-bottom: 60px; }

@media screen and (min-width: 569px) {
	.contentsWidth .pcnone { display: none; }
} /* */

@media screen and (max-width: 568px) {
	.contentsWidth .spnone { display: none; }
} /* */


/*======================================================================*
 *  [ introText |  ] 
 *======================================================================*/

.introText {
	padding: 20px;
	border-radius: 10px;
	background: #ecf4fa;
	font-size: 1.4rem;
}


/*======================================================================*
 *  [ conformTable |  ] 
 *======================================================================*/

.conformTable {
	display: -webkit-flex;
	display: flex;
	border: 3px solid #b4b4b4;
	line-height: 1.2;
}
.conformTable + .conformTable { border-top: none; }
.conformTable > div { min-height: 50px; }
.conformTable table {
	width: 100%;
	height: 100%;
}
.conformTable thead {
	border-bottom: 3px solid #b4b4b4;
	background: #969696;
	color: #fff;
	font-size: 1.4rem;
	line-height: 1;
}
.conformTable + .conformTable thead { display: none; }
.conformTable thead th { height: 4rem; }
.conformTable tbody { font-size: 1.3rem; }
.conformTable [data-href] { cursor: pointer; }
.conformTable [data-href]:hover { color: #4B96D1; }
.conformTable th, 
.conformTable td {
	text-align: center;
	vertical-align: middle;
}

/* [ ライジャケ ] */
.conformTable .jacket { width: 78%; }
.conformTable .jacket tr > * { border-right: 1px solid #b4b4b4; }
.conformTable .jacket tbody tr + tr { border-top: 1px solid #b4b4b4; }
.conformTable .jacket tbody th, 
.conformTable .jacket tbody td { padding: 9px 7px; }
.conformTable .jacket .img {
	width: 77px;
	padding-right: 0;
	border-right: none;
}
.conformTable .jacket .name {
	font-weight: normal;
	text-align: left;
}
.conformTable .jacket .model { width: 100px; }
.conformTable .jacket .type { width: 27%; }

/* [ ボンベ ] */
.conformTable .bombe {
	-webkit-flex: 1;
	flex: 1;
	flex-wrap: wrap;
}
.conformTable .bombe tbody tr {
	display: table-cell;
	width: 100%;
	padding: 9px 7px;
	background: #ecf4fa;
	vertical-align: middle;
	text-align: center;
}
.conformTable .bombe tbody th, 
.conformTable .bombe tbody td { display: block; }
.conformTable .bombe .img { margin-bottom: 5px; }
.conformTable .bombe .code { margin-bottom: 5px; }
.conformTable .bombe .code span {
	display: inline-block;
	color: #cc1533;
	font-size: 1.1rem;
}
.conformTable .bombe .note {
	display: inline-block;
	margin-top: 5px;
	color: #4794cf;
	font-size: 1.1rem;
}
/*	.conformTable .bombe .note {
		padding-left: 1em;
		font-size: 1.1rem;
		text-indent: -1em;
	}*/
/* .conformTable .bombe .note {
	display: inline-block;
	margin-top: 5px;
	padding: 0 3px;
	border-radius: 3px;
	background: #4794cf;
	color: #fff;
	font-size: 1.1rem;
} */

.conformTable + .commonNotes { margin-top: 15px; }

@media screen and (max-width: 568px) {
	.conformTable {
		display: block;
		border: none;
	}
	.conformTable + .conformTable {
		margin: 20px -10px 0;
		padding: 20px 10px 0;
		border-top: 5px solid #ebebeb;
	}
	.conformTable tr, 
	.conformTable th, 
	.conformTable td { display: block; }
	.conformTable thead { border-bottom: none; }
	.conformTable + .conformTable thead { display: block; }
	.conformTable thead th { line-height:4rem; }
	.conformTable thead th span { display: none; }
	.conformTable tbody tr { padding: 10px 10px 10px 90px !important; }
	.conformTable tbody tr::after {
		display: block;
		clear: both;
		content: "";
	}
	.conformTable tbody th, 
	.conformTable tbody td {
		padding: 0 !important;
		text-align: left;
	}
	.conformTable tbody .img {
		float: left;
		margin-left: -80px;
	}
	
	/* [ ライジャケ ] */
	.conformTable .jacket {
		width: 100%;
		border: 3px solid #b4b4b4;
	}
	.conformTable .jacket tr > * { border-right: none; }
	.conformTable .jacket thead th { display: none; }
	.conformTable .jacket thead th[colspan] { display: block; }
	.conformTable .jacket tbody tr + tr { border-style: dotted; }
	.conformTable .jacket .name {
		margin-bottom: 5px;
		font-weight: bold;
	}
	.conformTable .jacket .type, 
	.conformTable .jacket .model {
		width: 100%;
		font-size: 1.2rem;
	}
	.conformTable .jacket .type::before { content: "タイプ："; }
	.conformTable .jacket .model::before { content: "型色名："; }
	
	/* [ ボンベ ] */
	.conformTable .bombe {
		position: relative;
		margin-top: 30px;
		border: 3px solid #b4b4b4;
	}
	.conformTable .bombe::before {
		position: absolute;
		top: 0;
		left: 50%;
		margin: -25px 0 0 -15px;
		border: 15px solid transparent;
		border-top: 12px solid #4794cf;
		content: "";
	}
	.conformTable .bombe .img { margin-bottom: 0; }
	.conformTable .bombe .capa { font-size: 1.2rem; }
	.conformTable .bombe .note {
		padding-left: 1em;
		text-indent: -1em;
	}
} /* */


/*======================================================================*
 *  [ confirmBox ] 
 *======================================================================*/

.confirmBox p { font-size: 1.4rem; }

/* [ 写真 ] */
.confirmBox .img {
	display: -webkit-flex;
	display: flex;
	margin-top: 20px;
}
.confirmBox .img > * { width: calc(50% - 10px); }
.confirmBox .img > * + * { margin-left: 20px; }
.confirmBox .img figure img { width: 100%; }
.confirmBox .img figcaption {
	margin-top: 5px;
	font-size: 1.3rem;
}

@media screen and (max-width: 568px) {
	/* [ 写真 ] */
	.confirmBox .img {
		display: block;
		text-align: center;
	}
	.confirmBox .img > * { width: 100%; }
	.confirmBox .img > * + * { margin: 20px 0 0; }
} /* */