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

.c_area {
	width: 900px;
	margin: auto;
}

.subtext span.big {
	font-size: 24px;
	line-height: 280%;
}

.content01 {
	margin-top: 40px;
	padding: 60px 0 0;
	background: url(../images/strength/back01.png) repeat-x top;
}

.content01 .box {
	background: #FFF;
	padding: 40px 40px;
	text-align: left;
}

.content01 h2 {
	border-left: solid 6px #82BC3F;
	padding-left: 10px;
	font-size: 28px;
	font-weight: bold;
	line-height: 100%;
	text-align: left;
	margin-bottom: 30px;
}

.content01 .left1 {
	float: left;
	width: 45%;
	margin-top: 10px;
}

.content01 .right1 {
	float: right;
	width: 45%;
	margin-top: 10px;
}

.content01 .left2 {
	float: left;
	width: 62%;
	margin-top: 40px;
}

.content01 .right2 {
	float: right;
	width: 30%;
	margin-top: 40px;
}

.content01 p {
	font-size: 15px;
	line-height: 180%;
}

.content01 .box .t_box {
	float: left;
	margin-top: 40px;
	width: 24%;
	margin-right: 24px;
	
}

.content01 .box h3 {
	font-size: 22px;
	line-height: 100%;
	padding-bottom: 5px;
	border-bottom: solid 2px #82BC3F;
	font-weight: bold;
	text-align: left;
	margin: 40px auto 5px;
}

.content01 .box h4 {
	font-size: 16px;
	letter-spacing: 0px;
	font-weight: bold;
	margin-bottom: 5px;
	margin-top: 5px;
}

.content01 .box h4 span {
	color: #82BC3F;
	font-size: 16px;
}

.content01 .box h4.small {
	font-size: 12px;
}

.content01 .box h4.small2 {
	font-size: 14px;
}

.content01 .box .t_box2 {
	margin-top: 40px;
	text-align: center;
	padding: 0 12px;
}

p.sub {
	font-size: 16px;
	margin-top: 60px;
	line-height: 180%;
}

.content01 .box .gray {
	background: #E8E8E8 url(../images/products/back1.png) repeat-x;
	width: 820px;
	margin: 40px auto 0;
	padding: 1px 0 20px;
	text-align: left;
}

.content01 .box .white {
	width: 820px;
	margin: 0 auto 0;
	padding: 20px 0 0;
	text-align: left;
}

.content01 .box .c_box {
	display: inline-block;
	vertical-align: top;
	margin: 15px 0 15px 18px;
	width: 245px;
	text-align: left;
}

.content01 .box .c_box p {
	font-size: 14px;
}

.content01 .box .c_box p.kakudai {
	text-align: right;
	margin-top: 5px;
}

.content01 .box .c_box p.kakudai img {
	width: 80px;
}

.content01 .box .c_box2 {
	margin: 15px 0 15px 18px;
	width: 540px;
	text-align: left;
}

.content01 .box .c_box2 .photo {
	float: left;
	width: 260px;
}

.content01 .box .c_box2 p.netsu {
	font-size: 14px;
	float: left;
	width: 260px;
	margin-left: 20px;
	position: relative;
	height: 220px;
}
.content01 .box .c_box2 p.netsu a.haikinetsu {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 260px;
}

.content01 .box .c_box3 {
	display: inline-block;
	vertical-align: top;
	margin: 0 0 15px 10px;
	width: 390px;
	text-align: left;
}

.content01 .box .c_box3 p {
	font-size: 13px;
}

.content01 .box .c_box3 h3 {
	width: 100%;
	margin-bottom: 25px;
}

.content01 .box p.icon {
	background: #666666;
	color: #FFF;
	font-size: 12px;
	font-weight: bold;
	padding: 3px 15px;
	border-radius: 5px;		/* CSS3草案 */
	-webkit-border-radius: 5px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 5px;	/* Firefox用 */
	display: inline-block;
	margin-right: 10px;
	line-height: 100%;
	margin-bottom: 5px;
}

.content01 .box p.icon_text {
	font-size: 13px;
	display: inline-block;
	font-weight: bold;
}

.content01 .box .c_box .mt {
	margin-top: 29px;
}

.content01 .box .c_box img {
	max-height: 180px !important;
}

#haikikan {
	margin-top: 60px;
	width: 100%;
	position: relative;
}

#haikikan .link {
	position: absolute;
	right: 20px;
	width: 240px;
}

.sound {
	display:block;
	text-align: right;
	margin: 10px 0 0 auto;
}

.footer2 {
	margin-top: 0;
}

.lmenu2 {
	text-align: center;
	margin: auto !important;
}


.manga {
    padding: 60px 0;
}

.manga h2{
  display: flex;
  align-items: center;
  justify-content: center;   /* 中央寄せ */
  gap: .75em;                /* 文字と線の間隔 */
  color: #222;               /* 線の色もこの色になる */
}

.manga h2::before,
.manga h2::after{
  content: "";
  display: block;
  width: clamp(20px, 4vw, 42px); /* 線の長さ（お好みで） */
  height: 1.5px;                 /* 線の太さ */
  background: currentColor;      /* 見出しの色を継承 */
  transform-origin: center;
}

.manga h2::before{ transform: rotate(50deg); } /* ＼ */
.manga h2::after { transform: rotate( -50deg); } /* ／ */


.manga .flex {
    margin: 25px 0;
    display: flex;
    justify-content: center;
    gap:20px;
}

.manga .flex div {
}
.manga .flex div img {
    border:#B9B9B9 solid 10px;
/*    border-radius: 5px;*/
    vertical-align: bottom;
    transition: border-color 300ms ease; /* 好みで時間やeasing調整 */
}

.manga .flex div img:hover {
    border-color: #8fc31f;
}

.manga .flex div img.lfa:hover {
    border-color:#2EBFF3;
}