﻿/*
  for selection guide of reducer
*/
	div#M_BunruiDescript
	{
		width:850px;
		/*height:160px;*/
		margin-left:10px;
	}

	div#M_BunruiDescript h2,
	div#SeriesDescription h2
	{
		margin-top:0 !important;
		margin-bottom:3px !important;
	}

	div#M_BunruiDescript div p,
	div#SeriesDescription  div p
	{
		line-height:150%;
		margin-left:1em;
		text-indent:-1em;
		padding-left:1em;
	}

	div#S_BunruiArea
	{
		width:350px;
		margin-left:10px;
	}

	div#SeriesArea
	{
		display:none;
	}

	div#SeriesDescription
	{
		width:850px;
		margin-left:10px;
	}

	table.S_Bunrui
	{
		width: 550px;
		display:none;
		/*
		margin-left:auto;
		margin-right:auto;
		*/
	}

	img#ImgM_Bunrui,
	img#ImgSeries
	{
		width:150px;
	}

	p.Arrow
	{
		margin-top:70px;
		margin-left:5px;
	}

	p.Arrow img
	{
		width:50px;
	}

	p.link_button01
	{
		margin-left:30px;
		margin-top:10px;
	}

	/* 2023/7 new */
	form[name="slct_gen"] {
		padding: 1rem 0 2rem 1rem;
		/* border: 1px solid #CCC; */
	}
	input {
		vertical-align: middle;
	}
	input[name="jik"],
	input[name="hai"]  {
		display: none;
	}
	input[name="jik"] + label > div,
	input[name="hai"] + label > div {
		border: 2px solid #ccc;
		border-radius: 15px;
		opacity: 0.9;
		margin-right: 2rem;
		width: 90%;
	}
	input[name="jik"]:checked + label > div,
	input[name="hai"]:checked + label > div,
	input[name="jik"] + label > div:hover,
	input[name="hai"] + label > div:hover {
		/* filter: saturate(180%); */
		border: 2px solid #09f;
		transition: 0.1s all;
		opacity: 1.0;
	}
	.slct_gen_title {
		font-size: 14px;
		font-weight: 600;
		margin: 0 1rem 0 0;
	}
	.resetbtn {
		font-size: 9px;
	}
	input[name="mtr"] {
		display: none;
	}
	input[name="mtr"] + label{
		display: block;
		width: 90%;
		/* background: linear-gradient(to bottom, #ffffff 0%, #f9f9f9 50%, #f3efef 52%, #f2f2f2 100%); */
		line-height: 1.8rem;
		/* padding-left: 1rem;
		padding-right: 1rem; */
		padding: 1rem 0.5rem;
		border: 2px solid #ccc;
		border-radius: 15px;
		text-align: center;
	}
	input[name="mtr"] + label:hover,
	input[name="mtr"]:checked + label{
		/* background: linear-gradient(to bottom, #9acef5 0%, #1a94cc 50%,#5ba0ce 100%)!important; */
		/* color: #FFF; */
		text-decoration: none;
		border: 2px solid #09f;
	}
	#content_inner {
		min-height: 800px;
	} /* 高さが短くなった時の対策 */
.flex_middle {
	align-items: center;
}
.flex_center {
	justify-content: center;
}
