body {
	/*    overflow: hidden;
    min-width: 920px;*/
}
#main {
	font-family: 'メイリオ', Meiryo, verdana, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', Sans-Serif;
}
header img {
	width: 100%;
	height: auto;
}
h2.headingMiddle,
.listHeading {
	font-family: 'メイリオ', Meiryo, verdana, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', Sans-Serif;
}
.title {
	/*background-image: url("../image/title.jpg");
background-repeat: no-repeat;
background-position: top center;
background-size:100% 100%;
width: 870px;
height: 200px;
margin: 0 auto;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
align-items: center;
position: relative;
justify-content: center;*/
}
h1 {
	/*	
color: #FFFFFF;
    text-align: left;
    font-weight: 700;
    font-size: 58px;
    line-height: 1.2;
    text-shadow: 1px 1px 5px #000000;
    top: 15%;
*/
}
h1 img {
	width: 100%;
	height: auto;
	display: block;
}
.headingSub {
	position: absolute;
	top: 14%;
	left: 3%;
	/* text-shadow: 1px 1px 5px #000000; */
	font-size: 1.5em;
	color: #fff;
	background: #0091d3;
	padding: 15px;
	border-radius: 15px;
}
.headingSub::after {
	content: '';
	position: absolute;
	border-style: solid;
	border-width: 15px 15px 10px 15px;
	bottom: -22px;
	left: 28px;
	border-color: #0091d3 transparent transparent transparent;
}
.cl {
	clear: both;
}
p.goTop {
	clear: both;
	font-size: 14px;
	margin: 8px 0;
	text-align: right;
}
.goTop a {
	text-decoration: none;
}

.hlf {
	width: 403px;
	padding: 10px;
	margin-right: 20px;
	float: left;
	margin-bottom: 20px;
	border: 1px solid #cccccc;
	box-shadow: 0 0 5px #fff, 0 0 5px #ccc, 0 0 1px #aaa;
	-webkit-box-shadow: 0 0 5px #fff, 0 0 5px #ccc, 0 0 1px #aaa;
	-moz-box-shadow: 0 0 5px #fff, 0 0 5px #ccc, 0 0 1px #aaa;
}
#main .mr0 {
	margin-right: 0 !important;
}
.wquatr {
	width: 180px;
	background: #fff;
	border: 1px solid #cccccc;
	box-shadow: 0 0 5px #fff, 0 0 5px #ccc, 0 0 1px #aaa;
	-webkit-box-shadow: 0 0 5px #fff, 0 0 5px #ccc, 0 0 1px #aaa;
	-moz-box-shadow: 0 0 5px #fff, 0 0 5px #ccc, 0 0 1px #aaa;
	padding: 10px;
	margin-right: 20px;
	float: left;
	margin-bottom: 20px;
}
.wquatr img {
	width: 100%;
	margin-bottom: 10px;
}
.wquatr h4 {
	margin: 0 0 10px !important;
}
.wquatr p {
	margin: 0 !important;
}

.w1_3 {
	width: 254px;
	border: 1px solid #cccccc;
	box-shadow: 0 0 5px #fff, 0 0 5px #ccc, 0 0 1px #aaa;
	-webkit-box-shadow: 0 0 5px #fff, 0 0 5px #ccc, 0 0 1px #aaa;
	-moz-box-shadow: 0 0 5px #fff, 0 0 5px #ccc, 0 0 1px #aaa;
	padding: 10px;
	margin-right: 20px;
	margin-bottom: 20px;
	float: left;
}
.w1_3 img {
	width: 100%;
	margin-bottom: 10px;
}
.w1_3 h4 {
	margin: 0 0 10px !important;
}
.w1_3 p {
	margin: 0 !important;
}

.kei {
	font-size: 16px !important;
}
.shizai {
	width: auto !important;
	height: 130px;
	display: block;
	margin: 0 auto;
}
#main .box p {
	line-height: 1.5;
	margin-left: 15px;
}
#main .box .m10 {
	margin: 0 10px 10px 10px;
}
#main .box .m33 {
	margin-left: 140px;
	margin-bottom: 10px;
}

#main .nbox {
	/*border:1px solid #64B149;*/
	margin: 15px;
	padding: 8px;
	/*height:195px*/
}

#main .nbox2 {
	border: 1px solid #64b149;
	margin: 15px;
	padding: 10px;
	height: 220px;
}

#main .nbox3 {
	/*border:1px solid #64B149;*/
	margin: 15px;
	padding: 8px;
	height: 400px;
}

#main .nbox h4 {
	margin: 5px 0;
}
#main .inbox2 {
	width: 158px;
	height: 148px;

	border: 1px solid #cccccc;
	box-shadow: 0 0 5px #fff, 0 0 5px #ccc, 0 0 1px #aaa;
	-webkit-box-shadow: 0 0 5px #fff, 0 0 5px #ccc, 0 0 1px #aaa;
	-moz-box-shadow: 0 0 5px #fff, 0 0 5px #ccc, 0 0 1px #aaa;
	margin-right: 52px;
	margin-bottom: 10px;
	margin-top: 10px;
	float: left;
	text-align: center;
	line-height: 1.3;
	font-size: 0.95em;
}
#main .inbox2l {
	width: 158px;
	height: 148px;

	border: 1px solid #cccccc;
	box-shadow: 0 0 5px #fff, 0 0 5px #ccc, 0 0 1px #aaa;
	-webkit-box-shadow: 0 0 5px #fff, 0 0 5px #ccc, 0 0 1px #aaa;
	-moz-box-shadow: 0 0 5px #fff, 0 0 5px #ccc, 0 0 1px #aaa;
	margin-right: 0;
	margin-bottom: 10px;
	margin-top: 10px;
	float: left;
	text-align: center;
	line-height: 1.5;
	font-size: 0.9em;
}
#main .pb {
	padding-bottom: 20px;
}

#main .pb60 {
	padding-bottom: 60px;
}

#main .mt5 {
	margin-top: 5px;
}
#main .mt {
	margin-top: 80px;
}

#main .inbox3 {
	width: 190px;
	height: 160px;

	border: 1px solid #cccccc;
	box-shadow: 0 0 5px #fff, 0 0 5px #ccc, 0 0 1px #aaa;
	-webkit-box-shadow: 0 0 5px #fff, 0 0 5px #ccc, 0 0 1px #aaa;
	-moz-box-shadow: 0 0 5px #fff, 0 0 5px #ccc, 0 0 1px #aaa;
	margin-right: 20px;
	margin-bottom: 10px;
	margin-top: 10px;
	float: left;
	text-align: center;
	line-height: 1.9;
	font-size: 0.95em;
}
#main .inbox3l {
	width: 190px;
	height: 160px;

	border: 1px solid #cccccc;
	box-shadow: 0 0 5px #fff, 0 0 5px #ccc, 0 0 1px #aaa;
	-webkit-box-shadow: 0 0 5px #fff, 0 0 5px #ccc, 0 0 1px #aaa;
	-moz-box-shadow: 0 0 5px #fff, 0 0 5px #ccc, 0 0 1px #aaa;
	margin-right: 0;
	margin-bottom: 10px;
	margin-top: 10px;
	float: left;
	text-align: center;
	line-height: 1.9;
	font-size: 0.95em;
}

#main .inbox3lr {
	width: 190px;
	height: 160px;

	border: 1px solid #cccccc;
	box-shadow: 0 0 5px #fff, 0 0 5px #ccc, 0 0 1px #aaa;
	-webkit-box-shadow: 0 0 5px #fff, 0 0 5px #ccc, 0 0 1px #aaa;
	-moz-box-shadow: 0 0 5px #fff, 0 0 5px #ccc, 0 0 1px #aaa;
	margin-right: 0;
	margin-bottom: 10px;
	margin-top: 10px;
	float: left;
	text-align: center;
	line-height: 1.9;
	font-size: 0.95em;
}

#main .inbox3h {
	width: 190px;
	height: 220px;

	border: 1px solid #cccccc;
	box-shadow: 0 0 5px #fff, 0 0 5px #ccc, 0 0 1px #aaa;
	-webkit-box-shadow: 0 0 5px #fff, 0 0 5px #ccc, 0 0 1px #aaa;
	-moz-box-shadow: 0 0 5px #fff, 0 0 5px #ccc, 0 0 1px #aaa;
	margin-right: 20px;
	margin-bottom: 10px;
	margin-top: 10px;
	float: left;
	text-align: center;
	line-height: 1.9;
	font-size: 0.95em;
}

#main .inbox3lh {
	width: 190px;
	height: 220px;

	border: 1px solid #cccccc;
	box-shadow: 0 0 5px #fff, 0 0 5px #ccc, 0 0 1px #aaa;
	-webkit-box-shadow: 0 0 5px #fff, 0 0 5px #ccc, 0 0 1px #aaa;
	-moz-box-shadow: 0 0 5px #fff, 0 0 5px #ccc, 0 0 1px #aaa;
	margin-right: 0;
	margin-bottom: 10px;
	margin-top: 10px;
	float: left;
	text-align: center;
	line-height: 1.9;
	font-size: 0.95em;
}

#main .inbox3h2 {
	width: 270px;
	/*height:200px;*/

	border: 1px solid #cccccc;
	box-shadow: 0 0 5px #fff, 0 0 5px #ccc, 0 0 1px #aaa;
	-webkit-box-shadow: 0 0 5px #fff, 0 0 5px #ccc, 0 0 1px #aaa;
	-moz-box-shadow: 0 0 5px #fff, 0 0 5px #ccc, 0 0 1px #aaa;
	margin-bottom: 10px;
	margin-top: 10px;
	float: left;
	text-align: center;
	line-height: 1.5;
	/*font-size:0.95em*/
}

#main .inbox3lh2 {
	width: 270px;
	/*height:200px;*/

	border: 1px solid #cccccc;
	box-shadow: 0 0 5px #fff, 0 0 5px #ccc, 0 0 1px #aaa;
	-webkit-box-shadow: 0 0 5px #fff, 0 0 5px #ccc, 0 0 1px #aaa;
	-moz-box-shadow: 0 0 5px #fff, 0 0 5px #ccc, 0 0 1px #aaa;
	margin-right: 0;
	margin-bottom: 10px;
	margin-top: 10px;
	float: left;
	text-align: center;
	line-height: 1.5;
	/*font-size:0.95em*/
}

#main .ml10 {
	margin-left: 10px;
}

#main .ml20 {
	margin-left: 20px;
}

#main .mb10 {
	margin-bottom: 10px;
}

#main .h700 {
	height: 985px;
}

#main .h780 {
	height: 780px;
}

#main .h600 {
	height: 745px;
}

#main .h510 {
	height: 510px;
}

#main .h400 {
	height: 380px;
}

#main .h1000 {
	height: 1220px;
}

#main .h1340 {
	height: 1340px;
}

#main .h1530 {
	height: 1530px;
}

#main .h3190 {
	height: 3190px;
}

#main p.icon {
	color: #723b09;
	margin-left: 0;
	margin: 8px 0;
	font-size: 0.95em;
}

#main .boder {
	border-bottom: 1px solid #a7824b;
	padding-bottom: 5px;
	margin: 10px 5px;
}
#main .iconleft {
	text-align: left;
	margin-left: 5px;
	margin-top: 5px;
}

#main .inbox4 {
	width: 190px;
	height: 200px;

	border: 1px solid #cccccc;
	box-shadow: 0 0 5px #fff, 0 0 5px #ccc, 0 0 1px #aaa;
	-webkit-box-shadow: 0 0 5px #fff, 0 0 5px #ccc, 0 0 1px #aaa;
	-moz-box-shadow: 0 0 5px #fff, 0 0 5px #ccc, 0 0 1px #aaa;
	margin-right: 20px;
	margin-bottom: 10px;
	margin-top: 10px;
	float: left;
	text-align: center;
	line-height: 1.3;
	font-size: 0.95em;
}
#main .inbox4l {
	width: 190px;
	height: 200px;

	border: 1px solid #cccccc;
	box-shadow: 0 0 5px #fff, 0 0 5px #ccc, 0 0 1px #aaa;
	-webkit-box-shadow: 0 0 5px #fff, 0 0 5px #ccc, 0 0 1px #aaa;
	-moz-box-shadow: 0 0 5px #fff, 0 0 5px #ccc, 0 0 1px #aaa;
	margin-right: 0;
	margin-bottom: 10px;
	margin-top: 10px;
	float: left;
	text-align: center;
	line-height: 1.3;
	font-size: 0.95em;
}

#main .inbox4h {
	width: 190px;
	height: 270px;
	/*height:100%;*/
	border: 1px solid #cccccc;
	box-shadow: 0 0 5px #fff, 0 0 5px #ccc, 0 0 1px #aaa;
	-webkit-box-shadow: 0 0 5px #fff, 0 0 5px #ccc, 0 0 1px #aaa;
	-moz-box-shadow: 0 0 5px #fff, 0 0 5px #ccc, 0 0 1px #aaa;

	margin-right: 20px;
	margin-bottom: 10px;
	margin-top: 10px;

	float: left;
	text-align: center;
	line-height: 1.3;
	/*	font-size:0.8em*/
}

#main .inbox4lh {
	width: 190px;
	height: 270px;
	/*height:100%;*/
	border: 1px solid #cccccc;
	box-shadow: 0 0 5px #fff, 0 0 5px #ccc, 0 0 1px #aaa;
	-webkit-box-shadow: 0 0 5px #fff, 0 0 5px #ccc, 0 0 1px #aaa;
	-moz-box-shadow: 0 0 5px #fff, 0 0 5px #ccc, 0 0 1px #aaa;
	margin-right: 0;
	margin-bottom: 10px;
	margin-top: 10px;
	float: left;
	text-align: center;
	line-height: 1.3;
	/*	font-size:0.8em*/
}

#main .mt15 {
	margin-top: 15px;
}
#main .mt50 {
	margin-top: 60px;
	margin-left: 12px;
	margin-right: 10px;
}

#main .mt60 {
	margin-top: 80px;
	margin-left: 12px;
	margin-right: 10px;
}

#main .inbox5 {
	width: 156px;
	height: 148px;

	border: 1px solid #cccccc;
	box-shadow: 0 0 5px #fff, 0 0 5px #ccc, 0 0 1px #aaa;
	-webkit-box-shadow: 0 0 5px #fff, 0 0 5px #ccc, 0 0 1px #aaa;
	-moz-box-shadow: 0 0 5px #fff, 0 0 5px #ccc, 0 0 1px #aaa;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-top: 10px;
	float: left;
	text-align: center;
	line-height: 1.5;
	font-size: 0.95em;
}
#main .inbox5l {
	width: 148px;
	height: 148px;

	border: 1px solid #cccccc;
	box-shadow: 0 0 5px #fff, 0 0 5px #ccc, 0 0 1px #aaa;
	-webkit-box-shadow: 0 0 5px #fff, 0 0 5px #ccc, 0 0 1px #aaa;
	-moz-box-shadow: 0 0 5px #fff, 0 0 5px #ccc, 0 0 1px #aaa;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-top: 10px;
	float: left;
	text-align: center;
	line-height: 1.6;
	font-size: 0.9em;
}

#main .mb5 {
	margin-bottom: 12px;
}

#main .inbox6 {
	width: 201px;
	height: 157px;

	border: 1px solid #cccccc;
	box-shadow: 0 0 5px #fff, 0 0 5px #ccc, 0 0 1px #aaa;
	-webkit-box-shadow: 0 0 5px #fff, 0 0 5px #ccc, 0 0 1px #aaa;
	-moz-box-shadow: 0 0 5px #fff, 0 0 5px #ccc, 0 0 1px #aaa;
	margin-right: 17px;
	margin-bottom: 10px;
	margin-top: 10px;
	float: left;
	text-align: center;
	line-height: 1.5;
	/*		font-size:0.95em*/
}

#main .inbox7 {
	width: 500px;
	height: 420px;

	border: 1px solid #cccccc;
	box-shadow: 0 0 5px #fff, 0 0 5px #ccc, 0 0 1px #aaa;
	-webkit-box-shadow: 0 0 5px #fff, 0 0 5px #ccc, 0 0 1px #aaa;
	-moz-box-shadow: 0 0 5px #fff, 0 0 5px #ccc, 0 0 1px #aaa;
	margin-right: 17px;
	margin-bottom: 10px;
	margin-top: 10px;
	margin-left: 10px;
	margin-right: 20px;
	float: left;
	text-align: center;
	line-height: 1.5;
	/*		font-size:0.95em*/
}

#main .inbox8 {
	width: 400px;
	height: 250px;

	border: 1px solid #cccccc;
	box-shadow: 0 0 5px #fff, 0 0 5px #ccc, 0 0 1px #aaa;
	-webkit-box-shadow: 0 0 5px #fff, 0 0 5px #ccc, 0 0 1px #aaa;
	-moz-box-shadow: 0 0 5px #fff, 0 0 5px #ccc, 0 0 1px #aaa;
	margin-bottom: 10px;
	margin-top: 10px;
	float: left;
	text-align: center;
	line-height: 1.5;
	font-size: 0.95em;
}

#main .hd {
	height: 1050px;
}

#main .hd2 {
	height: 1250px;
}

#main .hh {
	height: 385px;
}

#main .inbox9 {
	width: 500px;
	height: 350px;

	border: 1px solid #cccccc;
	box-shadow: 0 0 5px #fff, 0 0 5px #ccc, 0 0 1px #aaa;
	-webkit-box-shadow: 0 0 5px #fff, 0 0 5px #ccc, 0 0 1px #aaa;
	-moz-box-shadow: 0 0 5px #fff, 0 0 5px #ccc, 0 0 1px #aaa;
	margin-right: 25px;
	margin-left: 15px;
	margin-bottom: 10px;
	margin-top: 10px;
	float: left;
	text-align: center;
	line-height: 1.5;
	font-size: 0.95em;
}

#main .inbox10 {
	width: 270px;
	height: 350px;

	border: 1px solid #cccccc;
	box-shadow: 0 0 5px #fff, 0 0 5px #ccc, 0 0 1px #aaa;
	-webkit-box-shadow: 0 0 5px #fff, 0 0 5px #ccc, 0 0 1px #aaa;
	-moz-box-shadow: 0 0 5px #fff, 0 0 5px #ccc, 0 0 1px #aaa;
	margin-bottom: 10px;
	margin-top: 10px;
	float: left;
	text-align: center;
	line-height: 1.5;
	font-size: 0.95em;
}

#main .howtobox {
	width: 828px;

	border: 1px solid #cccccc;
	box-shadow: 0 0 5px #fff, 0 0 5px #ccc, 0 0 1px #aaa;
	-webkit-box-shadow: 0 0 5px #fff, 0 0 5px #ccc, 0 0 1px #aaa;
	-moz-box-shadow: 0 0 5px #fff, 0 0 5px #ccc, 0 0 1px #aaa;
	margin-bottom: 10px;
	margin-top: 10px;
	margin-left: 20px;
	float: left;
	text-align: center;
	line-height: 1.5;
	font-size: 0.95em;
}

#main .fl {
	float: left;
}
#main .w355 {
	width: 355px;
}

#main p.kounp {
	font-size: 1.1em;
	color: #624a32;
	margin-left: 310px;
	line-height: 1.7;
	margin-top: 23px;

	padding-right: 15px;
	font-size: 1.05em;
}
#main .po {
	position: absolute;
	bottom: 5px;
	right: 5px;
}

#main .hsn {
	height: 585px;
}

#main p.snp {
	padding-left: 14px;
	margin-top: 140px;
	line-height: 1.4;
}

#main .pp {
	/*font-size:x-small;*/
	line-height: 1.3em;
	font-size: 0.9em;
	text-align: left;
	/*margin-top:5px;*/
	margin: 5px;
}

#main .inbox p {
	line-height: 1.5;
	font-size: 0.95em;
	margin: 0 8px;
}
#main .inbox2 p {
	line-height: 1.5;
	font-size: 0.95em;
	margin: 0 8px;
}
#main .inbox3 p {
	line-height: 1.5;
	font-size: 0.95em;
	margin: 0 8px;
}

#main .box a {
	text-decoration: none;
	color: #333333;
}
.right {
	margin-left: 5px;
}

#main h4.small {
	font-size: 1.05em;
}

#main .m20 {
	margin: 10px 10px 0 10px;
}

#main .m20 p {
	line-height: 1.5;
	margin: 10px 0;
	font-size: 0.95em;
}

#main .m20px {
	margin: 20px 15px;
}

#main .mr {
	margin-right: 14px;
}

#main .mr2 {
	margin-right: 13px;
}
#main .mr3 {
	margin-right: 15px;
}

#main .mb {
	margin-bottom: 15px;
}

#os {
	text-align: left;
	margin-bottom: 20px;
	clear: both;
}

#main .etcbox {
	border: 1px solid #999999;
	padding-bottom: 15px;
}

#main #p0 {
	padding-bottom: 0;
}

#main .left {
	text-align: left;
	line-height: 1.4;
}

table.borderGlay {
	border: 1px #cccccc solid;
}
table.borderGlay a {
	text-decoration: none;
}

table.borderGlay th,
table.borderGlay td {
	border: 1px #cccccc solid;
	/*	padding: 0.5em;*/
	vertical-align: middle;
}

table.borderGlay th {
	font-weight: bold;
}

table.borderGlay2 {
	border: 1px #cccccc solid;
}

table.borderGlay2 th,
table.borderGlay2 td {
	border: 1px #cccccc solid;
	padding-top: 5px;
	padding-bottom: 5px;
}

#main a {
	color: #333333;
}

#main a:hover {
	opacity: 0.5;
}

#main p.goTop a {
	color: #005fc3;
}

#main .howtobox li {
	text-align: left;
	margin-left: 15px;
}

#main .howtobox .hidden {
	overflow: hidden;
	margin-left: 0;
}

#main .howtobox .hidden li {
}

#main .rela {
	position: relative;
}
#main .rela .hizashiImg {
	position: absolute;
	top: 0;
	right: 5px;
}

.clearfix:after {
	content: '.';
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {
	display: inline-table;
}

#main .breadcrumb a {
	color: #83838f !important;
	text-decoration: none;
}
#main .breadcrumb {
	box-sizing: border-box;
	color: #83838f;
	display: flex;
	flex-wrap: wrap;
	font-size: 0.875em;
	line-height: 1.5;
	margin-bottom: 10px;
}

/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* End hide from IE-mac */

#main ul.border li img {
	display: block;
}

/* ----全体設定---- */
body a:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: 'alpha( opacity=70 )';
	transition: 0.6s;
}
/*   --    全体設定 end     --       */

#main h2.headingMiddle {
	margin: 60px 0 20px 0;
}
#main h3.checkPoint {
	position: relative;
	font-size: 1.25em;
	font-weight: bold;
	margin: 60px 0 20px 0;
	padding: 0 0 10px 0;
	text-align: left;
	border-bottom: #aaaaaa 2px solid;
	display: flex;
	align-items: center;
}
#main h3.checkPoint .st0 {
	fill: #aaaaaa;
}
#main h3.checkPoint .st1 {
	fill: none;
	stroke: #ffffff;
	stroke-width: 3;
	stroke-miterlimit: 10;
}
#main h3.checkPoint .st2 {
	fill: #ffffff;
}
#main h3.checkPoint.h2under {
	margin: 20px 0 20px 0;
}
#main h3.checkPoint span {
	margin: 0 0 0 20px;
}
.btnstyle {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 20px 0;
}
.btnstyle li {
	width: calc(50% - 5px);
	margin-bottom: 10px;
	border-radius: 5px;
	border: 1px solid #ababab;
	background: #f1f1f1;
	display: flex;
	overflow: hidden;
}
.btnstyle .images {
	height: 6em;
	background: #fff;
	border-right: 1px solid #ababab;
	display: inline-block;
	padding: 5px;
	box-sizing: border-box;
}
.btnstyle .images img {
	width: auto;
	height: 100%;
}

.btnstyle .textBox {
	padding: 0.5em;
	font-weight: 700;
	line-height: 1.3em;
}

.btnstyle a {
	display: flex !important;
	align-items: center;
	width: 100%;
}
.btnstyle .videos {
	display: flex !important;
	align-items: center;
	width: 100%;
	position: relative;
	cursor: pointer;
	border: none;
	box-sizing: border-box;
}
.btnstyle .videos img {
	display: block;
}
.btnstyle .arrow {
	background: #aaa;
	height: 100%;
	width: 2em;
	display: flex;
	color: #fff;
	align-items: center;
	justify-content: center;
}
#main .messageBox {
	border: 1px #b70b17 solid;
	padding: 0.5em;
	box-sizing: border-box;
	line-height: 2;
}
#main .messageBox p {
	color: #b70b17;
	font-size: 1em;
}
@media screen and (max-width: 767px) {
}
#main .attention {
	background: #ffebeb;
	border: 1px solid #ff0000;
	padding: 1em;
	box-sizing: border-box;
	margin: 1em 0 3em;
}
#main .attentionText {
	display: flex;
	height: 2em;
	align-items: center;
}
#main .attentionText span {
	font-weight: 700;
	color: #fe3737;
	padding-left: 0.5em;
	font-size: 1.2em;
}
#main .sizecheck {
	padding: 1em 0 1em 1em;
	font-weight: 700;
}
#main .goodsimage img {
	width: 100%;
}

#main .topic-img {
	display: flex;
	flex-wrap: nowrap;
	margin: 0 0 20px;
	justify-content: space-between;
}
#main .topic-img img {
	width: 100%;
	height: auto;
}

#main .topic-img img.w50 {
	width: calc(50% - 10px);
	height: auto;
}

#main .topic-img img.w25 {
	width: calc(25% - 10px);
	height: auto;
}

#main .tab-menu-nav.mb40 {
	margin: 0 0 40px;
}

#main .lead-text.w_power {
	font-size: 1.25em;
	font-weight: bold;
}
#main .lead-text.w_power.massive {
	font-size: 2em;
}
#main .lead-text.w_power span.orange {
	color: #ee7800;
}
#main .lead-text.w_power span.red {
	color: #b40003;
}
#main .lead-text.w_power span.blue {
	color: #0067c7;
}
#main .lead-text span.red {
	color: #f00;
}
#main .txt_center {
	text-align: center;
}
#main .txt_right {
	text-align: right;
}

#main h4.goods_topic {
	position: relative;
	font-size: 1.25em;
	font-weight: bold;
	margin: 20px 0;
	text-align: left;
	border-left: 4px solid #f00;
	padding: 0.3rem 1rem;
}

#main h4.goods_topic.blue {
	border-left: 4px solid #0b376c;
}

#main .topic-list {
	font-size: 1.15em;
	font-weight: bold;
	line-height: 1.4;
	margin: 0 0 20px;
	padding: 0 0 0 25px;
}
#main .topic-list li {
	list-style-type: disc;
}

#main .goods-title {
	font-size: 1.15em;
	font-weight: bold;
	line-height: 1.4;
}

#main .goods-box {
	border: 1px solid #ccc;
	padding: 10px;
	box-sizing: border-box;
	margin: 0 0 40px;
}
#main .goods-box .goods-cols {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
#main .goods-box .goods-cols_block {
	width: calc(50% - 5px);
}
#main .goods-box .goods-cols_block__title {
	background-color: #333;
	text-align: center;
	color: #fff;
	padding: 5px;
	width: 100%;
	margin: 0 0 10px;
	box-sizing: border-box;
}
#main .goods-box img {
	width: 100%;
	height: auto;
}

#main .goods-box_cols {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

#main .goods-box_cols .goods-box {
	width: calc(50% - 5px);
	display: flex;
	flex-direction: column;
}
#main .goods-box_cols .goods-box .menu-btn-list {
	margin: auto 0 1rem;
}

#main .goods-list {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

#main .goods-list li {
	width: 32%;
	margin: 0 0 20px;
}
#main .goods-list li img {
}
#main .goods-list li .goods-list_btn {
	width: 100%;
	max-width: 230px;
	margin: 10px auto;
}

#main .bnr_img {
	margin: 20px 0 60px;
}
#main .bnr_img img {
	width: 100%;
	height: auto;
	margin: 0 0 20px;
}

/* ----共通CSS---- */

/* ----pc  h2 見出し 補足（リード文）---- */
#main .lead-text {
	font-size: 1.15em;
	line-height: 1.4;
	margin: 0 0 20px;
}

/* -- pc  h2 見出し 補足（リード文） end --  */

/* ----pc  h3 見出しデフォルト---- */
#main .feature-hdg3 {
	font-size: 1.75rem;
	margin-top: calc(60px - 0.6rem);
	margin-bottom: calc(40px - 0.75rem);
	padding-bottom: 0.5rem;
}
/* ----sp  h3 見出し　中央---- */
#main .feature-hdg3.secondary {
	text-align: center;
}
/* ----sp  h3 見出し　マーカー風---- */
#main .feature-hdg3.tertiary {
	position: relative;
	text-align: center;
}
/*グレーのマーカー*/
#main .feature-hdg3.tertiary .marker-gray {
	background: linear-gradient(rgba(255, 255, 255, 0) 60%, #ddd);
}
/*青色のマーカー*/
#main .feature-hdg3.tertiary .marker-blue {
	background: linear-gradient(rgba(255, 255, 255, 0) 60%, #c4ebfa);
}
/*黄色のマーカー*/
#main .feature-hdg3.tertiary .marker-yellow {
	background: linear-gradient(rgba(255, 255, 255, 0) 60%, #f9ff52);
}
/* -- pc  h3 見出し end --  */

/* ----pc  ボタン組み合わせ---- */
#main .flatbtn {
	box-sizing: border-box;
	text-align: center;
	border-radius: 40px;
	color: #333;
	display: flex;
	opacity: 1;
	width: auto;
	height: 100%;
	align-items: center;
	justify-content: center;
	cursor: pointer;
}
#main .flatbtn:hover,
#main .flatbtn:focus {
	text-decoration: none;
	opacity: 0.75;
	transition: 0.6s;
}
#main .flatbtn:active,
#main .flatbtn.active {
	outline: 0;
	box-shadow: inset 2px 2px 2px rgba(0, 0, 0, 0.125);
}
#main .flatbtn.disabled,
#main .flatbtn[disabled],
#main .flatbtn.disabled:hover,
#main .flatbtn[disabled]:hover,
#main .flatbtn.disabled:active,
#main .flatbtn[disabled]:active {
	cursor: not-allowed;
	opacity: 0.65;
	filter: alpha(opacity=65);
	box-shadow: none !important;
}
#main .default-btn {
	background: #979797;
}
#main .orange-btn {
	background: #ea6d0d;
}
#main .red-btn {
	background: #e50012;
}
#main .blue-btn {
	background: #19499c;
}
#main .mustard-btn {
	background: #d7ab1a;
}
#main .default-btn,
#main .orange-btn,
#main .red-btn,
#main .blue-btn,
#main .mustard-btn {
	color: #fff;
}
#main .border-btn {
	border: 1px solid #b6b6b6;
}
#main .border-btn:hover {
	border-color: #e5002d;
}
#main .border-btn.selected {
	border-color: #d4122c;
}
#main .border-btn-orange {
	border: 1px solid #ea6d0d;
	color: #ea6d0d;
}
#main .arrow-r,
#main .arrow-d {
	position: relative;
}
#main .arrow-r::after {
	content: '';
	position: absolute;
	right: 18px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	width: 8px;
	height: 8px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 0;
	bottom: 0;
	margin: auto;
}
#main .arrow-r-gray::after {
	border-color: #b6b6b6;
}
#main .arrow-r-orange::after {
	border-color: #ea6d0d;
}
#main .arrow-r-red::after {
	border-color: #e5002d;
}

#main .arrow-d::after {
	content: '';
	position: absolute;
	right: 15px;
	border-top: 2px solid #b6b6b6;
	border-right: 2px solid #b6b6b6;
	width: 8px;
	height: 8px;
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
	top: 0;
	bottom: 0;
	margin: auto;
}
#main .arrow-d-red::after {
	border-color: #e5002d;
}
#main .arrow-d-orange::after {
	border-color: #ea6d0d;
}
#main .mwbtn {
	max-width: 480px;
	margin: 0 auto;
}
#main .etcbtn {
	font-size: 1.2rem;
}
#main .fs-small {
	font-size: 0.8em;
	padding: 0.8rem 1.2rem;
}
#main .fs-medium {
	font-size: 1em;
	padding: 0.8rem 0.2rem;
}
#main .fs-large {
	font-size: 1.62em;
	padding: 1.05rem 1rem;
}
/* -- pc  ボタン組み合わせend --  */

/* ----ボーダーライン---- */
#main .border-line {
	width: 100%;
	background-color: #ddd;
	border: none;
	height: 1px;
	margin: 3.75em 0;
}
/* --ボーダーライン end --  */

/* ----ページ内リンクボタン---- */
/* ----pc4列表示 sp2列表示---- */
#main .tab-menu-nav {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
#main .tab-menu-nav .fs-medium {
	font-size: 1em;
	padding: 0.5rem 2rem 0.5rem 1rem;
	font-feature-settings: 'palt';
	min-height: 3rem;
	line-height: 1.3;
}
#main .tab-menu-nav::after,
#main .tab-menu-nav::before {
	content: '';
	display: block;
	width: calc(25% - 15px);
	height: 0;
}
#main .tab-menu-nav::before {
	order: 1;
}
#main .tab-menu-nav li {
	width: calc(25% - 15px);
	margin-top: 1.25rem;
	position: relative;
}
#main .tab-menu-nav li:nth-child(-n + 4) {
	margin-top: 0;
}
/* ----ページ内リンクボタン---- */
/* ----pc3列表示 sp2列表示---- */
#main .tab-menu-nav.col-3::after {
	content: '';
	display: block;
	width: calc(33.3% - 10px);
	height: 0;
}
#main .tab-menu-nav.col-3 li {
	width: calc(33.3% - 10px);
	margin-top: 1.25rem;
}
#main .tab-menu-nav.col-3 li:nth-child(-n + 3) {
	margin-top: 0;
}
/* ----ページ内リンクボタン---- */
/* ----画像付き pc3列表示 sp1列表示---- */
#main .feature__items.col-31 li a .feature__items--txt .tab-menu--txt__title {
	font-weight: bold;
	font-size: 1.2rem;
	line-height: 1.3;
}
#main .feature__items.col-31.border-none li a {
	border-radius: 0;
}
/* -- ページ内リンクボタンend --  */

/* ---- ボタンメニュー ---- */
/* ----pc2列表示 sp1列表示----*/
#main .menu-btn-list {
	display: flex;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin: 1rem 0;
}
#main .menu-btn-list li {
	width: calc(50% - 10px);
	margin-right: 20px;
	line-height: 1.2;
}
#main .menu-btn-list li:last-child {
	margin-right: 0;
}
#main .menu-btn-list .fs-large {
	font-feature-settings: 'palt';
	min-height: 3rem;
	font-size: 1.5em;
}
/* ----pc1列表示 sp1列表示----*/
#main .menu-btn-list.col-1 li {
	width: calc(60% - 10px);
}
/* ----pc1列表示 sp1列表示----*/
#main .menu-btn-list.col-3 li {
	width: calc(33% - 10px);
	margin-right: 10px;
}
#main .menu-btn-list.col-3 li:last-child {
	margin-right: 0;
}
#main .menu-btn-list.col-1 .flatbtn {
	border-radius: 60px;
}
/* -- ボタンメニュー end --  */

/* ----画像リスト----*/
/* ----2列表示----*/
#main .banner-list {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
#main .banner-list li {
	width: 48%;
	margin-top: 24px;
}

/*#main .banner-list li a:hover{
border-color: #E5002D;
opacity:0.7;

filter: alpha(opacity=70);
-ms-filter: "alpha( opacity=70 )";
transition: 0.6s; 
text-decoration: none;
}*/
#main .banner-list p {
	margin-top: 0.5rem;
	line-height: 1.5;
}
#main .banner-list p span {
	margin-left: 0.5em;
}
/* ----2列表示----*/
#main .banner-list.col-2 li:nth-child(-n + 2) {
	margin-top: 0;
}
/* ----1列表示----*/
#main .banner-list.col-1 li {
	width: 100%;
}
#main .banner-list.col-1 li:nth-child(-n + 1) {
	margin-top: 0;
}
/* -- 画像リスト end --  */

/* ----関連特集・関連情報・関連動画　共通----*/
/* pc2列表示 sp1列表示 */
#main .feature__items {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
#main .feature__items li {
	width: 48%;
	min-height: 140px;
	margin-top: 24px;
	font-size: 0.9em;
	position: relative;
	font-feature-settings: 'palt';
}
#main .feature__items li:nth-child(-n + 2) {
	margin-top: 0;
}
#main .feature__items li a {
	display: flex;
	justify-content: space-between;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	padding: 20px 15px 15px 20px;
	border: 1px solid #ccc;
	border-radius: 5px;
	overflow: hidden;
	color: #333;
}
#main .feature__items li a:hover {
	border-color: #e5002d;
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: 'alpha( opacity=70 )';
	transition: 0.6s;
	text-decoration: none;
}
#main .feature__items li a .feature__items--img {
	width: 24%;
	display: flex;
	align-items: center;
}
#main .feature__items li a .feature__items--txt {
	width: calc(76% - 20px);
}
#main .feature__items li a .feature__items--txt .feature__items--txt__title {
	font-weight: bold;
	font-size: 1.5rem;
	line-height: 1.3;
	margin-bottom: 0.6rem;
}
#main .feature__items li a .feature__items--txt .feature__items--txt__catch {
	line-height: 1.5;
	font-size: 1.1rem;
}
/* pc3列表示 sp2列表示 */
#main .feature__items.col-3 {
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
}
#main .feature__items.col-3 li {
	width: calc(33.3% - 10px);
	margin: 24px 15px 0 0;
	min-height: auto;
	position: relative;
}
#main .feature__items.col-3 li:nth-child(3n) {
	margin-right: 0;
}
#main .feature__items.col-3 li:nth-child(-n + 3) {
	margin-top: 0;
}
#main .feature__items.col-3 li a {
	padding: 10px 8px 8px 10px;
}
#main .feature__items.col-3 li a .feature__items--txt {
	width: 70%;
}
#main .feature__items.col-3 li a .feature__items--txt .feature__items--txt__title {
	font-weight: bold;
	font-size: 1.15rem;
	line-height: 1.3;
	margin-bottom: 0.5rem;
}
#main .feature__items.col-3 li a .feature__items--txt .feature__items--txt__catch {
	line-height: 1.4;
	font-size: 0.9rem;
}
#main .feature__items.col-3 li a .future--img {
	margin: 0 10px;
	width: calc(30% - 20px);
	display: flex;
	align-items: center;
}
/* pc3列表示 sp1列表示 */
#main .feature__items.col-31 {
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
}
#main .feature__items.col-31 li {
	width: calc(33.3% - 10px);
	margin: 24px 15px 0 0;
	min-height: auto;
	position: relative;
}
#main .feature__items.col-31 li:nth-child(3n) {
	margin-right: 0;
}
#main .feature__items.col-31 li:nth-child(-n + 3) {
	margin-top: 0;
}
#main .feature__items.col-31 li a {
	padding: 10px 8px 8px 10px;
}
#main .feature__items.col-31.pb a {
	border: none;
	padding: 0;
	border-radius: 0;
}
#main .feature__items.col-31 li a .feature__items--txt {
	width: 70%;
}
#main .feature__items.col-31 li a .feature__items--txt .feature__items--txt__title {
	font-weight: bold;
	font-size: 1.15rem;
	line-height: 1.3;
	margin-bottom: 0.5rem;
}
#main .feature__items.col-31 li a .feature__items--txt .feature__items--txt__catch {
	line-height: 1.4;
	font-size: 0.9rem;
}
#main .feature__items.col-31 li a .future--img {
	margin: 0 10px;
	width: calc(30% - 20px);
	display: flex;
	align-items: center;
}
/* -- 関連特集・関連情報・関連動画　共通 end --  */

/* ----動画（YouTube・MP4　共通）----*/
#main .komeri-original-movie {
	margin-bottom: 4rem;
}
#main .youtube-list {
	display: flex;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}
#main .youtube-list.cols1__1 {
	-ms-flex-pack: distribute;
	justify-content: space-around;
}
#main .youtube-list li {
	width: 50%;
	box-sizing: border-box;
	margin-top: 1.5em;
	border: 1px solid #ccc;
}
#main .youtube-list li.full {
	width: 100%;
}
#main .youtube-list li:nth-child(-n + 1) {
	margin-top: 0;
}
#main .youtube-list.cols2__1 li {
	width: calc(50% - 12px);
}
#main .youtube-list.cols2__1 li:nth-child(-n + 2) {
	margin-top: 0;
}
/*Youtube*/
.youtube {
	position: relative;
	width: 100%;
	padding-top: 56.2%;
}
.youtube iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}
.videos {
	position: relative;
	cursor: pointer;
	border: 1px solid #ccc;
	box-sizing: border-box;
}
.videos img {
	display: block;
}
#main .videos--thumb {
	width: 100%;
	height: auto;
}
#main .videos--overmaker {
	top: 50%;
	left: 50%;
	position: absolute;
	transform: translate(-50%, -50%);
	width: 20%;
	height: auto;
	opacity: 0.7;
}
#modalwindow {
	display: none;
	background: rgba(0, 0, 0, 0.7);
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 10000;
}
#bamiri {
	width: 65%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
}
#subwindow {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 0;
}
.modal_close {
	position: absolute;
	top: 0;
	right: -40px;
	cursor: pointer;
}
/* -- 動画（YouTube・MP4　共通） end --  */

/* ----静的　単品商品----*/
#main .product-list {
	display: flex;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
#main .product-list li a {
}
.product-img--area {
	width: 200px;
	height: 200px;
	margin: auto;
	position: relative;
}
#main .product-list li a img.product-img {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	height: auto;
	width: auto;
	max-width: 98%;
	max-height: 98%;
	margin: auto;
}
#main .product-list .goods-nm {
	line-height: 1.5;
	color: #333;
	padding: 0.4em 0 0.7em;
	word-break: break-all;
	overflow-wrap: break-word;
	font-feature-settings: 'palt';
	overflow: hidden;
	height: 3.5em;
}
#main .product-list .price-cart-area {
	display: flex;
	bottom: 0;
	width: 100%;
	flex-direction: column;
	min-height: 0;
	margin-top: auto;
}
#main .product-list .price-area {
	line-height: 1;
	font-size: 1.25em;
	margin-bottom: 0.8rem;
	display: flex;
	width: 100%;
	justify-content: flex-end;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
}
#main .product-list .price-area .head {
	font-size: 0.75em;
	width: 2em;
	white-space: nowrap;
	margin-right: 0.8em;
	padding-bottom: 0.5em;
}
.b-price {
	position: relative;
	display: inline;
}
.b-price img {
	height: 1.5em;
	width: auto;
}
.b-price_line {
	position: absolute;
	border-bottom: 2px solid #030303;
	height: 2px;
	bottom: 80%;
	right: 0px;
	width: 100%;
}
.price {
}
.price img {
	height: 2.25em;
	width: auto;
}

#main .product-list .kakaku-right {
	text-align: right;
}
#main .product-list .price-area .text-cancel {
	font-size: 0.9em;
}
#main .product-list .price-area .en {
	font-size: 1rem;
	font-weight: normal;
	padding-left: 2px;
}
#main .product-list .price-area .value {
}
#main .product-list .price-area .pr-red {
	color: #ee221a;
}
#main .product-list .price-area .amt {
	font-size: 1.8rem;
	font-weight: bold;
	margin: 0.8rem 0;
}
#main .product-list .price-area .en {
	font-size: 1rem;
	font-weight: normal;
	padding-left: 2px;
}
/* pc4列表示 sp2列表示 */
#main .product-list.col-4::before {
	content: '';
	display: block;
	width: calc(25% - 40px);
	order: 1;
}
#main .product-list.col-4::after {
	content: '';
	display: block;
	width: calc(25% - 40px);
}
#main .product-list.col-4 li {
	width: calc(25% - 40px);
	margin-top: 2.5rem;
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-direction: column;
}
#main .product-list.col-4 li:nth-child(-n + 4) {
	margin-top: 0;
}
/* -- pc4列表示 sp2列表示 end --  */

/* pc3列表示 sp2列表示 */
#main .product-list.col-3::after {
	content: '';
	display: block;
	width: calc(33.33% - 40px);
}
#main .product-list.col-3 li {
	width: calc(33.33% - 40px);
	margin-top: 2.5rem;
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-direction: column;
}
#main .product-list.col-3 li:nth-child(-n + 3) {
	margin-top: 0;
}
#main .product-list.col-3 .goods-nm {
	font-size: 1.2em;
}
#main .product-list.col-3 .price-area .head {
	font-size: 1rem;
	padding-bottom: 0.2em;
}
#main .product-list.col-3 .b-price img {
	height: 1.75em;
	width: auto;
}
#main .product-list.col-3 .price img {
	height: 2.5em;
	width: auto;
}
/* -- pc3列表示 sp2列表示 end --  */

/* pc2列表示 sp2列表示 */
#main .product-list.col-2 li {
	width: calc(50% - 40px);
	margin-top: 2.5rem;
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-direction: column;
}
#main .product-list.col-2 li:nth-child(-n + 2) {
	margin-top: 0;
}
#main .product-list.col-2 .product-img--area {
	width: 300px;
	height: 300px;
	margin: auto;
	position: relative;
}
#main .product-list.col-2 .goods-nm {
	font-size: 1.5em;
}
#main .product-list.col-2 .price-area .head {
	font-size: 1.5rem;
	padding-bottom: 0.2em;
}
#main .product-list.col-2 .b-price img {
	height: 2em;
	width: auto;
}
#main .product-list.col-2 .price img {
	height: 2.75em;
	width: auto;
}
/* -- pc3列表示 sp2列表示 end --  */
/* -- 静的　単品商品 end --  */

/*ページトップ
--------------------------------------*/
#main .gotop {
	margin: 1.8em 0;
	text-align: right;
}

/*-- margin-top --*/
.mt1em {
	margin-top: 1em !important;
}
.mt2em {
	margin-top: 2em !important;
}
.mt3em {
	margin-top: 3em !important;
}
/*-- margin-bottom --*/
.mb1em {
	margin-bottom: 1em !important;
}
.mb2em {
	margin-bottom: 2em !important;
}
.mb3em {
	margin-bottom: 3em !important;
}

/*include_html css
--------------------------------------*/
.maindesign .title {
	position: relative;
}
.maindesign .title h1 span.heading01 {
	color: #000;
	text-shadow: 1px 1px 2px rgb(255 255 255 / 70%);
	text-align: center;
	font-weight: bold;
	font-size: 70px;
	line-height: 1;
	position: absolute;
	top: 36%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	line-height: 1.2;
}

.maindesign .title span.headingcell {
	position: absolute;
	transform: translate(-50%, -50%);
	font-feature-settings: 'palt' 1;
	width: 25%;
	text-align: center;
	padding: 0.5em;
	font-size: 1.5em;
	font-weight: bold;
	background: rgb(221, 221, 221);
	background: linear-gradient(45deg, rgb(213 213 213) 0%, rgb(239 239 239) 10%, rgb(255 255 255) 20%, rgba(255, 255, 255, 1) 100%);
	box-sizing: border-box;
	box-shadow: 0px 2px 5px #333;
}
.maindesign .title span.headingcell.b02 {
	top: 78%;
	left: 20%;
}
.maindesign .title span.headingcell.b03 {
	top: 78%;
	left: 50%;
}
.maindesign .title span.headingcell.b04 {
	top: 78%;
	left: 80%;
}
.maindesign .title span.headingcell.b05 {
	top: 78%;
	left: 50%;
	width: 57%;
}

.maindesign .topBtn ul {
	display: flex;
	flex-wrap: wrap;
}

.maindesign .topBtn ul li {
	width: calc(25% - 9px);
	margin: 0 12px 15px 0;
	display: flex;
}

.maindesign .topBtn ul li:nth-child(4n) {
	margin: 0 0 15px 0;
}

.maindesign .topBtn ul li a {
	text-decoration: none;
	color: #000;
	font-weight: bold;
	background-image: url(/contents/event/wood_burning_stove/img/arow_red.png);
	background-repeat: no-repeat;
	background-position: right 0.8em center;
	background-size: 7px;
	padding: 0.9em 0.8em;
	border: 1px solid #ccc;
	border-radius: 6px;
	text-align: left;
	box-sizing: border-box;
	width: 100%;
	font-size: 0.95em;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	height: 60px;
}

.maindesign .topBtn a:hover {
	transition: 0.6s;
	border-color: #e5002d;
}
.maindesign .eventbnr {
	display: flex;
	flex-wrap: wrap;
}
.maindesign .eventbnr li {
	width: calc(50% - 5px);
	margin: 0 10px 20px 0;
	position: relative;
	box-sizing: border-box;
	border: 1px solid #ccc;
	border-radius: 5px;
	overflow: hidden;
}
.maindesign .eventbnr li:nth-child(2n) {
	margin: 0 0 20px 0;
}
#main .maindesign .eventbnr li a {
	display: flex;
	height: 8em;
}
.maindesign .eventbnr li .linksTxt {
	font-size: 1em;
	margin: auto auto auto 10px;
	display: flex;
	flex-wrap: wrap;
	width: calc(80% - 20px);
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.maindesign .eventbnr li .linksTxt p {
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 10px;
	padding: 0.5em 0;
	font-weight: 700;
}
.maindesign .eventbnr li .linksTxt p span {
	font-size: 0.75em;
	width: calc(90% - 10px);
	line-height: 1.2;
	font-weight: 400;
	padding-top: 0.5em;
	display: block;
}
.maindesign .eventbnr li .linksImg {
	margin: auto 15px auto auto;
	width: calc(30% - 20px);
	display: flex;
	align-items: center;
}
.maindesign .eventbnr li .linksImg img {
	width: 100%;
}

.maindesign h3.checkPoint {
	position: relative;
	font-size: 1.25em;
	font-weight: bold;
	margin: 60px 0 20px 0;
	padding: 0 0 10px 0;
	text-align: left;
	border-bottom: #aaaaaa 2px solid;
	display: flex;
	align-items: center;
}
.maindesign h3.checkPoint .st0 {
	fill: #aaaaaa;
}
.maindesign h3.checkPoint .st1 {
	fill: none;
	stroke: #ffffff;
	stroke-width: 3;
	stroke-miterlimit: 10;
}
.maindesign h3.checkPoint.h2under {
	margin: 20px 0 20px 0;
}
.maindesign h3.checkPoint span {
	margin: 0 0 0 20px;
}

.maindesign .breadcrumb {
	box-sizing: border-box;
	color: #83838f;
	display: flex;
	flex-wrap: wrap;
	font-size: 0.875em;
	line-height: 1.5;
	margin-bottom: 10px;
}
.maindesign .senmenOsusumeGoods {
	display: flex;
	flex-wrap: wrap;
	margin: 0 0 40px;
	justify-content: space-between;
}
.maindesign .senmenOsusumeGoods li {
	border: 1px solid #ccc;
	border-radius: 5px;
	padding: 5px;
	box-sizing: border-box;
}
.maindesign .senmenOsusumeGoods.col_3 li {
	width: 32%;
}
.maindesign .senmenOsusumeGoods.col_2 li {
	width: 48%;
}

.maindesign .senmenOsusumeGoods li img {
	margin: auto;
	display: block;
	max-width: 100%;
}
.maindesign .senmenOsusumeGoods li p.title {
	margin: 10px 0;
	text-align: center;
	font-size: 1.25em;
	font-weight: bold;
	line-height: 1.2;
	font-feature-settings: 'palt' 1;
}
.maindesign .senmenOsusumeGoods li h3.title {
	margin: 10px 0;
	text-align: center;
	font-size: 1.25em;
	font-weight: bold;
	line-height: 1.2;
	font-feature-settings: 'palt' 1;
}
.maindesign .senmenOsusumeGoods li p.txt {
	margin: 10px 0;
	line-height: 1.2;
}
.maindesign .botton_box2 {
	margin: 20px 0 60px;
	justify-content: space-between;
}

.maindesign .botton_box2 li {
	width: calc(50% - 10px);
	margin-right: 0;
}

.maindesign .botton_box2 li a.fsMedium {
	padding: 0.75em 1.85em;
}
.maindesign .subTxt {
	line-height: 1.2;
	margin: 0.5em 0 1em;
}
.maindesign .subTxt span {
	font-weight: bold;
}
.maindesign .exbnr {
	margin: 0 0 60px 0;
}
.maindesign .exbnr img {
	width: 100%;
}
.maindesign .Manufacturer {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 0 0 60px 0;
}
.maindesign .Manufacturer.single_item {
	justify-content: center;
}
.maindesign .Manufacturer li {
	width: calc(50% - 5px);
	padding-bottom: 1em;
}
.maindesign .Manufacturer .sampleImg {
	width: 100%;
	padding-bottom: 0.5em;
	position: relative;
}
.maindesign .Manufacturer .sampleBtn {
	position: relative;
}
.maindesign .Manufacturer .sampleBtn span {
	line-height: 1.5em;
	font-feature-settings: 'palt' 1;
}
.maindesign .Manufacturer .sampleSvg {
	position: absolute;
	top: 50%;
	left: 0.5em;
	transform: translateY(-50%) translateX(0%);
	background: #9fa0a0;
	border-radius: 50px;
}
.maindesign .Manufacturer .fsMedium {
	font-size: 1em;
	padding: 0.75em 0.75em 0.75em 2em;
}
.maindesign .Manufacturer .items {
	display: flex;
	align-items: center;
}
#main .Manufacturer .menu-btn-list li {
	width: 100%;
	line-height: 1.2;
}
#main .maindesign img.btn_logo {
	width: 80px;
	height: auto;
}
.maindesign .makerTitle {
	position: relative;
	margin: 1em 0;
	background: #fff;
}
.maindesign .makerTitleBack {
	width: 100%;
	opacity: 0.5;
}
.maindesign .titleName {
	display: inline-flex;
	align-items: center;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	margin: auto;
	color: #000;
	text-align: center;
	font-size: 30px;
	width: 100%;
	justify-content: center;
}
.maindesign .titleName .logo {
	height: 5em;
	width: auto !important;
}
.maindesign .titleName .font {
	font-size: 2.5em;
	font-weight: 700;
	text-shadow: 2px 2px #fff;
	padding-left: 0.5em;
	line-height: 1.2;
}

.maindesign .titleName .font.lixil:before {
	content: 'LIXILの\A洗面化粧台';
	white-space: pre;
	transform: translateX(-15.5%);
	-webkit-text-stroke: 0.1em #fff;
	position: absolute;
	z-index: -1;
}

.maindesign .titleName .font.toto:before {
	content: 'TOTOの\A洗面化粧台';
	white-space: pre;
	transform: translateX(-13%);
	-webkit-text-stroke: 0.1em #fff;
	position: absolute;
	z-index: -1;
}
.maindesign .titleName .font.komeri {
	font-feature-settings: 'palt' 1;
}
.maindesign .titleName .font.komeri:before {
	content: 'コメリオリジナルの\A洗面化粧台';
	white-space: pre;
	transform: translateX(0%);
	-webkit-text-stroke: 0.1em #fff;
	position: absolute;
	z-index: -1;
}

.maindesign .container {
	display: grid;
	gap: 5px 15px;
	grid-auto-columns: auto;
	grid-auto-flow: row;
	grid-template-columns: 360px 480px;
	grid-template-areas:
		'Img Title'
		'Img Status';
}

.maindesign .lixil_v1 {
	background: #f689ad;
}
.maindesign .lixil_v1 .size .size_01 {
	background-color: #d5426e;
}
.maindesign .lixil_v1 .Status .set_kakaku .balloon {
	background-color: #d5426e;
}
.maindesign .senmenseries.lixil_v1 {
	background: #f689ad;
}
.maindesign .lixil_d7 {
	background: #afd000;
}
.maindesign .lixil_d7 .size .size_01 {
	background-color: #5ca343;
}
.maindesign .lixil_d7 .Status .set_kakaku .balloon {
	background-color: #5ca343 !important;
}
.maindesign .senmenseries.lixil_d7 {
	background: #afd000;
}
.maindesign .lixil_j1 {
	background: #4b99d7;
}
.maindesign .lixil_j1 .size .size_01 {
	background-color: #0769a8;
}
.maindesign .lixil_j1 .Status .set_kakaku .balloon {
	background-color: #0769a8 !important;
}
.maindesign .senmenseries.lixil_j1 {
	background: #4b99d7;
}
.maindesign .lixil_k1 {
	background: #e47263;
}
.maindesign .lixil_k1 .size .size_01 {
	background-color: #d1513b;
}
.maindesign .container.lixil_k1 .Status .size .size_01 {
	width: 25%;
}
.maindesign .container.lixil_k1 .Status .size .size_02 {
	width: 70%;
}
.maindesign .lixil_k1 .Status .set_kakaku .balloon {
	background-color: #d1513b !important;
}
.maindesign .senmenseries.lixil_k1 {
	background: #e47263;
}
.maindesign .lixil_t1 {
	background: #aa9fdc;
}
.maindesign .lixil_t1 .size .size_01 {
	background-color: #4b0082;
}
.maindesign .lixil_t1 .Status .set_kakaku .balloon {
	background-color: #4b0082 !important;
}
.maindesign .senmenseries.lixil_t1 {
	background: #593cbc;
}
.maindesign .toto_kc {
	background: #ce4f3d;
}
.maindesign .toto_kc .size .size_01 {
	background-color: #602d24;
}
.maindesign .toto_kc .Status .set_kakaku .balloon {
	background-color: #602d24 !important;
}
.maindesign .senmenseries.toto_kc {
	background: #ce4f3d;
}
.maindesign .toto_kz {
	background: #a688bd;
}
.maindesign .toto_kz .size .size_01 {
	background-color: #8e41c9;
}
.maindesign .toto_kz .Status .set_kakaku .balloon {
	background-color: #8e41c9 !important;
}
.maindesign .senmenseries.toto_kz {
	background: #a688bd;
}
.maindesign .komeri_ek {
	background: #b5dee8;
}
.maindesign .komeri_ek .size .size_01 {
	background-color: #183e81;
}
.maindesign .komeri_ek .Status .set_kakaku .balloon {
	background-color: #183e81 !important;
}
.maindesign .senmenseries.komeri_ek {
	background: #2991bf;
}
.maindesign .komeri_kl {
	background: #ede6d9;
}
.maindesign .komeri_kl .size .size_01 {
	background-color: #988d7c;
}
.maindesign .komeri_kl .Status .set_kakaku .balloon {
	background-color: #ede6d9 !important;
}
/* .maindesign .senmenseries.komeri_kl{background: #2991BF} */
.maindesign .lixil_r1 {
	background: #4969a2;
}
.maindesign .lixil_r1 .size .size_01 {
	background-color: #00328e;
}
.maindesign .lixil_r1 .Status .set_kakaku .balloon {
	background-color: #00328e !important;
}
.maindesign .senmenseries.lixil_r1 {
	background: #4969a2;
}
.maindesign .toto_ol {
	background: #e8eff7;
}
.maindesign .toto_ol .size .size_01 {
	background-color: #30639c;
}
.maindesign .toto_ol .Status .set_kakaku .balloon {
	background-color: #30639c !important;
}
.maindesign .senmenseries.toto_ol {
	background: #e8eff7;
}

.maindesign .senmen_goods {
	margin: 0 0 4rem;
}

.maindesign .flex-container {
	display: flex;
	justify-content: space-between;
}
.maindesign .flex-container--left {
	width: 40%;
}
.maindesign .flex-container--right {
	width: 55%;
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	padding-right: 15px;
}
.maindesign .container .Status {
	grid-area: Status;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	margin: 0 0 15px;
}

.maindesign .container.komeri_kl .Status {
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	margin: 0 0 15px;
}
.maindesign .container.komeri_kl .Status img {
	margin: 0 0 10px;
	width: 100%;
	height: auto;
}
.maindesign .container.komeri_kl .Status img:last-child {
	margin: 0;
}
.maindesign .container .Status .set_kakaku,
.maindesign .container .Status .koji_kakaku {
	background-color: #ffffff;
	padding: 10px;
}

.maindesign .container .Status .set_kakaku {
	margin-bottom: 10px;
}

.maindesign .container .Status .set_kakaku .balloon {
	margin: 10px 0 0 0;
	text-align: center;
	background-color: #d5426e;
	padding: 5px;
	border-radius: 10px;
	font-weight: bold;
	color: #fff;
}

.maindesign .container .Status .kakaku {
	margin: 0;
	font-size: 50px;
	font-weight: bold;
	text-align: right;
}

.maindesign .container .Status .kakaku span {
	font-size: 22px;
}

.maindesign .container .Status .txt01 {
	font-size: 22px;
	margin: 5px 0;
}
.maindesign .container .Title {
	grid-area: Title;
	display: flex;
	flex-direction: column;
	position: relative;
}
.maindesign .container .Title h2 {
	font-size: 3em;
	margin: 5px 0 10px;
	font-weight: bold;
	color: #ffffff;
}
.maindesign .container .Title h3,
.maindesign .container .Title p.h3_p {
	margin: auto auto auto 0;
}
.maindesign .container .Title h3 span.container_name,
.maindesign .container .Title p.h3_p span.container_name {
	font-size: 1.5em;
	margin: 5px 0 10px;
	font-weight: bold;
}
.maindesign .container.toto_ol .Title p.h3_p span.container_name.name_black {
	font-size: 1em;
}
.maindesign .senmenseries.toto_ol div.Title p.series_t {
	font-size: 2em;
}
.maindesign .senmenseries.toto_ol div.Title p,
.maindesign .senmenseries.komeri_kl div.Title p {
	color: #000;
}
.maindesign .container .Title h3 span.container_name.name_white,
.maindesign .container .Title p.h3_p span.container_name.name_white {
	color: #fff;
}
.maindesign .container .Title h3 span.container_name.name_black,
.maindesign .container .Title p.h3_p span.container_name.name_black,
.maindesign .container .Title p.name_black {
	color: #000;
}
.maindesign .container .Title h3 span.container_maker,
.maindesign .container .Title p.h3_p span.container_maker {
	font-size: 1.5em;
	margin: 5px 0 10px;
	font-weight: bold;
}
.maindesign .container .Title p {
	font-size: 1.5em;
	margin: auto auto 0 0;
	line-height: 1.2;
	color: #ffffff;
	font-feature-settings: 'palt' 1;
}
.maindesign .container.komeri_kl .Title {
	position: relative;
	min-height: auto;
}
.maindesign .container.komeri_kl .Title p {
	color: #000;
	font-size: 1.25em;
}
.maindesign .container .Status .size {
	display: flex;
	margin: auto 0 10px;
	flex-wrap: nowrap;
	background: #fff;
	align-items: center;
}
.maindesign .container.komeri_kl .Title .size {
	display: flex;
	margin: auto 0 0;
	flex-wrap: nowrap;
	background: #fff;
	align-items: center;
	position: absolute;
	right: 0;
	top: 15px;
	flex-direction: column;
	width: 40%;
}
.maindesign .container.komeri_kl .Title .size .size_01 {
	font-size: 1em;
	padding: 10px;
	color: #fff;
	font-weight: bold;
	width: 100%;
	text-align: center;
	margin: 0;
	box-sizing: border-box;
}
.maindesign .container.komeri_kl .Title .size .size_02 {
	font-size: 1em;
	color: #000;
	padding: 10px;
	width: 100%;
	box-sizing: border-box;
	text-align: center;
	font-weight: bold;
	margin: auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-evenly;
}
.maindesign .container .Status .size .size_01 {
	font-size: 1em;
	padding: 10px;
	color: #fff;
	font-weight: bold;
	width: 40%;
	text-align: center;
	margin: 0;
}
.maindesign .container .Status .size .size_02 {
	font-size: 1em;
	color: #000;
	padding: 10px;
	width: 60%;
	text-align: center;
	font-weight: bold;
	margin: 0;
}
.maindesign .container .Status .size .size_02 span {
	display: inline-block;
	margin: 0 0.5em;
}
.maindesign .container img.maker_logo {
	width: 100px;
	margin: 10px 0 0;
}
.maindesign .container img.series_logo {
	width: 220px;
}
.maindesign .container .Img {
	grid-area: Img;
	text-align: center;
}
.maindesign .container .Img img {
	max-width: 100%;
	height: auto;
	display: block;
}

#main .menu-btn-list.nextBtn {
	margin: 40px auto 60px;
}
.maindesign .exp {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.maindesign .exp li {
	width: 48%;
}
.maindesign .exp li img {
	width: 100%;
}

.maindesign .top_img {
	display: flex;
	flex-wrap: wrap;
}
.maindesign .top_img img {
	width: 100%;
	align-self: flex-start;
}

.maindesign .senmenseries {
	display: flex;
	flex-wrap: nowrap;
	padding: 1em;
	height: 5em;
	align-items: center;
	margin-bottom: 15px;
}

.maindesign .senmenseries div.Title {
	/*margin: 0 1.5em;*/
	margin: 0 0 0 0.8em;
	color: #fff;
}
.maindesign .senmenseries div.Title p.series_t {
	font-size: 3em;
	font-weight: bold;
	/* color: #fff; */
	line-height: 1.2;
	display: flex;
	align-items: center;
}
.maindesign .senmenseries div.Title p {
	font-weight: bold;
	/* color: #fff; */
	line-height: 1.2;
}
.maindesign .senmenseries div.Title img {
	width: 250px;
	display: inline-block;
	margin-right: 10px;
}

div#main .maindesign .content {
	list-style: none;
	margin: 20px 0 30px;
	padding: 0;
}

.maindesign .choice {
	border: 3px solid #333;
	padding: 10px;
	border-radius: 10px; /* CSS3草案 */
	-webkit-border-radius: 10px; /* Safari,Google Chrome用 */
	-moz-border-radius: 10px; /* Firefox用 */
}

.maindesign .tab {
	list-style: none;
	margin: 0;
	padding: 0;
	padding-top: 10px;
	overflow: hidden;
	display: flex;
	flex-wrap: wrap;
}
.maindesign .tab li {
	padding: 20px 0;
	padding-left: 30px;
	width: 25%;
	border: solid 1px #ccc;
	border-left: none;
	background-image: url(/include_html/koukoku/18_senmen/img/arrow.gif);
	background-repeat: no-repeat;
	background-position: left 7px center;
	cursor: pointer;
	box-sizing: border-box;
}
.maindesign .tab li.frist {
	border-left: solid 1px #ccc;
}
.maindesign .tab li.active {
	background-color: #b9e6f0;
}
.maindesign .tab li:hover {
	background-color: #e1f5fa;
}
.maindesign .tab li.active:hover {
	background-color: #b9e6f0;
}

.maindesign .sentaku p {
	line-height: 1.5;
	margin-bottom: 10px;
}

.maindesign .borderGlay2,
.maindesign .borderGlay2 th,
.maindesign .borderGlay2 td {
	border: 1px solid #000;
	border-collapse: separate;
}

.maindesign .value th {
	background-color: #ddd9c4;
	vertical-align: middle;
	padding: 5px;
	text-align: center;
	font-size: 1.3em;
}

.maindesign .value td {
	text-align: center;
	vertical-align: middle;
}

.maindesign .value td a {
	padding: 30px 5px;
	line-height: 1.1;
}

/*.maindesign .value td:hover{
	background-color:#FFFFCC;
}*/

.maindesign .maguchi {
	border: 2px solid #ea86a8;
	text-align: center;
}
.maindesign .maguchi th {
	background-color: #ea86a8;
	color: #ffffff;
}
.maindesign .maguchi td {
	background-color: #fae3e9;
	color: #ea86a8;
	font-size: 0.7em;
	padding: 5px;
}
.maindesign .ft15 {
	font-size: 2em;
	font-weight: bold;
}
.maindesign .flex {
	display: flex;
	flex-wrap: wrap;
}

.maindesign .flex .shiyo {
	width: calc(50% - 5px);
	margin-right: 10px;
	margin-bottom: 20px;
}

.maindesign .flex .shiyo:nth-child(2n) {
	margin-right: 0;
}

.maindesign .kataban {
	font-size: 0.8em;
	width: calc(100% - 110px);
	display: flex;
	flex-wrap: wrap;
}
.maindesign .kataban dt,
.maindesign .kataban dd {
	margin: 8px 0 0 10px;
	width: calc(50% - 10px);
}
.maindesign .kataban .cold {
	color: #0099ff;
}
.maindesign .mgt10 {
	margin-top: 10px;
}

.maindesign .ichiran {
	text-align: center;
	border-collapse: separate;
}
.maindesign .ichiran th {
	background: #fae3e9;
	padding: 5px;
	font-weight: bold;
	font-size: 16px;
}
.maindesign .ichiran td {
	background: #eee;
}
.maindesign .ichiran th,
.maindesign .ichiran td {
	border: 1px solid #fff;
	font-size: 0.8em;
	padding: 5px;
	line-height: 1.4;
}
.maindesign .ichiran .bom3 th {
	border-bottom: 3px solid #fff;
}

.maindesign .ichiran th.th2 {
	background: #ea86a8;
	color: #ffffff;
	font-size: 0.9em;
}

.maindesign .ichiran th .tate {
	writing-mode: vertical-lr;
}

.maindesign h3 .senpatsu {
	border: 1px solid #000;
	padding: 3px;
	margin-left: 10px;
	margin-top: 8px;
	display: inline-block;
}

.maindesign .chusyaku {
	color: #f00;
	margin-bottom: 10px;
	line-height: 1.5;
}
.maindesign .chusyaku .lever {
	background: url(/include_html/koukoku/18_senmen/img/2009/lever.jpg) no-repeat left;
	padding: 0 8px 0 23px;
	background-size: 20px;
	color: #000000;
}
.maindesign .chusyaku .kumori {
	background: url(/include_html/koukoku/18_senmen/img/2009/kumori.jpg) no-repeat left;
	padding: 0 8px 0 53px;
	background-size: 50px;
	color: #000000;
}
.maindesign .chusyaku .kanrei {
	background: url(/include_html/koukoku/18_senmen/img/2009/kanrei.jpg) no-repeat left;
	padding: 0 8px 0 23px;
	background-size: 20px;
	color: #000000;
}

.maindesign .kata01 td {
	background-color: #ccc;
}
.maindesign .kata02 td {
	color: #0099ff;
	background-color: #cceeff;
}
.maindesign .kata02t td {
	color: #0099ff;
}
.maindesign td .lev {
	background: url(/include_html/koukoku/18_senmen/img/2009/lever.jpg) no-repeat left;
	background-size: 15px;
	padding-left: 20px;
}
.maindesign td .kare {
	background: url(/include_html/koukoku/18_senmen/img/2009/kanrei.jpg) no-repeat left;
	background-size: 15px;
	padding-left: 20px;
}

.maindesign .image .top_img {
	display: flex;
	flex-wrap: wrap;
	position: relative;
}
.maindesign .image .top_img img {
	width: 50%;
}

.maindesign .sekkei {
	border-collapse: separate;
}

.maindesign .sekkei td {
	border-collapse: separate;
	padding: 3px;
}

.maindesign .sekkei td:nth-child(2n) {
	border-top: 1px dashed #000;
	border-bottom: 1px dashed #000;
	border-left: 1px dashed #000;
}

.maindesign .sekkei td:nth-child(2n - 1) {
	border-top: 1px dashed #000;
	border-bottom: 1px dashed #000;
	border-right: 1px dashed #000;
}

.maindesign .image .top_img .top-play {
	position: absolute;
	width: 7%;
	height: 10%;
	top: 9%;
	left: 39%;
}
.maindesign .image .top_img .top-play:hover {
	background: #ff0000;
	opacity: 0.3;
}

.maindesign a.flowBtn {
	display: block;
	max-width: 870px;
	margin: 10px auto 60px auto;
	box-sizing: border-box;
}

.maindesign a.flowBtn img {
	width: 100%;
	height: auto;
	box-shadow: 0 3px 6px rgb(0 0 0 / 16%);
}

/* =============================================

220323から対応 洗面化粧台特集_修正01

============================================= */

/* 共通パーツ
 
====================================================*/

/* --- img --- */

/*幅*/
.width100 {
	width: 100%;
}

/* --- margin --- */
.maindesign .mt10 {
	margin-top: 10px !important;
}
.maindesign .mt15 {
	margin-top: 15px;
}
.maindesign .mt20 {
	margin-top: 20px;
}
.maindesign .mt40 {
	margin-top: 40px;
}
.maindesign .mt60 {
	margin-top: 60px !important;
}
.maindesign .mt100 {
	margin-top: 100px !important;
}

/* --- フォントサイズ --- */
.maindesign .fs08 {
	font-size: 0.8em;
}
.maindesign .fs16 {
	font-size: 16px;
}
.maindesign .fs18 {
	font-size: 18px !important;
}

/* --- フォントウェイト --- */
.maindesign .fw_normal {
	font-weight: normal;
}
.maindesign .bold {
	font-weight: bold;
}

/* --- フォント縦書き --- */
.maindesign .txt_tate {
	min-width: 20px;
	min-height: 140px;
}

.maindesign .txt_tate span {
	-webkit-writing-mode: vertical-rl;
	text-orientation: upright;
	-webkit-text-orientation: upright;
}

/* --- フォントカラー --- */
.maindesign .red {
	color: #e50012 !important;
}

/* --- タイトル --- */

/*IEのみ*/

/* --- レスポンシブ表示非表示 --- */

/* =============================================

	index.html
	洗面化粧台特集 TOPs
 
====================================================*/
.maindesign a:hover img {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: 'alpha( opacity=70 )';
}
.maindesign h1 {
	margin: 0;
	padding: 0;
}
.maindesign img {
	border: none;
	width: 100%;
	height: auto;
}
.maindesign .obj {
	list-style: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
}
.maindesign .obj li {
	float: left;
	width: 282px;
	margin-left: 7px;
	margin-bottom: 7px;
}
.maindesign .obj2 li {
	width: 210px;
	margin-left: 6px;
	margin-bottom: 6px;
}
.maindesign .obj li img {
	width: 100%;
}
.maindesign .obj li.no-margin {
	margin-left: 0;
}
.maindesign .btn {
	list-style: none;
	margin: 0;
	padding: 0;
	padding-top: 10px;
	overflow: hidden;
}
.maindesign .btn li {
	float: left;
	width: 280px;
	margin: 3px;
}
.maindesign .heading {
	clear: both;
	width: 850px;
	text-align: center;
	padding: 5px 0;
	margin: 20px 5px 10px;
	background-color: #e00;
	font-weight: bold;
	font-size: 26px;
	color: #fff;
}
/*.maindesign #slideshow{
	margin-top:20px;
}
.maindesign #slideshow ul{
	margin:0;
	padding:0;
}*/
.maindesign #slideshow img {
	width: 100%;
	height: auto;
}
.maindesign #slideshow {
	position: relative;
	width: 100%;
}
.maindesign #slideshow:before {
	content: '';
	display: block;
	padding-top: 55.5%;
}
.maindesign #slideshow div div {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}

.maindesign #slideshow ul {
	position: absolute;
	z-index: 100;
	list-style: none;
	margin: 0;
	padding: 0;
}

.maindesign #slideshow ul li a {
	display: block;
	width: 33.3%;
	margin-bottom: 0;
	float: left;
}

.maindesign .w100p {
	width: 100%;
	margin-bottom: 20px;
}

.maindesign .series {
	/*display:flex;
	flex-wrap: wrap;*/
	overflow: hidden;
}
.maindesign .series .pic {
	float: left;
}

.maindesign .series .pic img {
	margin: 10px 0 10px 10px;
}

.maindesign .series .status,
.maindesign .series .caption {
	margin: 10px;
	width: calc(100% - 390px);
	float: right;
}

.maindesign .series .caption h2 {
	font-size: 3em;
	margin: 5px 0 10px;
	font-weight: bold;
	color: #ffffff;
}
.maindesign .series .caption p {
	font-size: 1.5em;
	margin: 0;
	color: #ffffff;
}
.maindesign .series .size {
	display: flex;
	margin-bottom: 10px;
}
.maindesign .series .size .size_01 {
	background-color: #ccc;
	padding: 10px;
	border-radius: 20px 0 0 20px;
	color: #fff;
	font-weight: bold;
	width: 40%;
	text-align: center;
	margin: 0;
}
.maindesign .series .size .size_02 {
	background-color: #fff;
	padding: 10px;
	border-radius: 0 20px 20px 0;
	width: 60%;
	text-align: center;
	font-weight: bold;
	margin: 0;
}

.maindesign .series .status .set_kakaku,
.maindesign .series .status .koji_kakaku {
	background-color: #ffffff;
	padding: 10px;
	/*border-radius: 20px;*/
}

.maindesign .series .status .set_kakaku {
	margin-bottom: 10px;
}

.maindesign .series .status .set_kakaku .balloon {
	margin: 10px 0 0 0;
	text-align: center;
	background-color: #d5426e;
	padding: 5px;
	border-radius: 10px;
	font-weight: bold;
	color: #fff;
}

.maindesign .series .status .kakaku {
	margin: 0;
	font-size: 50px;
	font-weight: bold;
	text-align: right;
}

.maindesign .series .status .kakaku span {
	font-size: 22px;
}

.maindesign .series .status .txt01 {
	font-size: 22px;
	margin: 5px 0;
}

.maindesign .series.v-one {
	background: #ffe6f0;
	background: -moz-linear-gradient(#ed81a4 0%, #ffe6f0 100%);
	background: -webkit-gradient(linear, left top, left bottom, from(#ed81a4), to(#ffe6f0));
	background: -webkit-linear-gradient(#ed81a4 0%, #ffe6f0 100%);
	background: -o-linear-gradient(#ed81a4 0%, #ffe6f0 100%);
	background: linear-gradient(#ed81a4 0%, #ffe6f0 100%);
}
.maindesign .series.v-one .size .size_01 {
	background-color: #d5426e;
}
.maindesign .series.v-one .status .set_kakaku .balloon {
	background-color: #d5426e;
}

.maindesign .series.d-seven {
	background: #f5ffcf;
	background: -moz-linear-gradient(#a6cb39 0%, #f5ffcf 100%);
	background: -webkit-gradient(linear, left top, left bottom, from(#a6cb39), to(#f5ffcf));
	background: -webkit-linear-gradient(#a6cb39 0%, #f5ffcf 100%);
	background: -o-linear-gradient(#a6cb39 0%, #f5ffcf 100%);
	background: linear-gradient(#a6cb39 0%, #f5ffcf 100%);
}
.maindesign .series.d-seven .size .size_01 {
	background-color: #5ca343;
}
.maindesign .series.d-seven .status .set_kakaku .balloon {
	background-color: #5ca343;
}

.maindesign .series.j-one {
	background: #bfe9ff;
	background: -moz-linear-gradient(#3c90ce 0%, #bfe9ff 100%);
	background: -webkit-gradient(linear, left top, left bottom, from(#3c90ce), to(#bfe9ff));
	background: -webkit-linear-gradient(#3c90ce 0%, #bfe9ff 100%);
	background: -o-linear-gradient(#3c90ce 0%, #bfe9ff 100%);
	background: linear-gradient(#3c90ce 0%, #bfe9ff 100%);
}
.maindesign .series.j-one .size .size_01 {
	background-color: #0769a8;
}
.maindesign .series.j-one .status .set_kakaku .balloon {
	background-color: #0769a8;
}

.maindesign .series.k-one {
	background: #ffd8d4;
	background: -moz-linear-gradient(#dc634e 0%, #ffd8d4 100%);
	background: -webkit-gradient(linear, left top, left bottom, from(#dc634e), to(#ffd8d4));
	background: -webkit-linear-gradient(#dc634e 0%, #ffd8d4 100%);
	background: -o-linear-gradient(#dc634e 0%, #ffd8d4 100%);
	background: linear-gradient(#dc634e 0%, #ffd8d4 100%);
}
.maindesign .series.k-one .size .size_01 {
	background-color: #d1513b;
}
.maindesign .series.k-one .status .set_kakaku .balloon {
	background-color: #d1513b;
}

.maindesign .series.kc {
	background: #ffd6cc;
	background: -moz-linear-gradient(#de7f63 0%, #ffd6cc 100%);
	background: -webkit-gradient(linear, left top, left bottom, from(#de7f63), to(#ffd6cc));
	background: -webkit-linear-gradient(#de7f63 0%, #ffd6cc 100%);
	background: -o-linear-gradient(#de7f63 0%, #ffd6cc 100%);
	background: linear-gradient(#de7f63 0%, #ffd6cc 100%);
}
.maindesign .series.kc .size .size_01 {
	background-color: #dc634e;
}
.maindesign .series.kc .status .set_kakaku .balloon {
	background-color: #dc634e;
}

/*----- 水回りのリフォームはコメリで！ -----*/
.maindesign .subTxt2 {
	line-height: 1.2;
	margin: 20px 0;
	text-align: left;
}

/* =============================================

	lixil.html
	ボタンサイズ

============================================= */

/*K1 シリーズ　取り扱いサイズ（幅）の背景サイズ*/
.maindesign .lixil_k1_btmsize {
	padding: 18px !important;
}

/* =============================================

	lixil.html・toto.html・komeri.html
	共通設定

============================================= */

/* =============================================

	・komeri.html
	コメリオリジナルの洗面化粧台

============================================= */

.maindesign .container .flex_end {
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	height: 191px;
}

.maindesign .height_330 {
	height: 330px;
}

/* =============================================

	商品詳細共通

============================================= */

/*タイトル*/
.maindesign h4 {
	margin: 0 0 15px 0;
	font-size: 24px;
}

.maindesign h5 {
	font-size: 20px;
	font-weight: bold;
	margin: 20px 0 10px 0;
}

.maindesign h6.chumon_title {
	background-color: #b9e6f0;
	padding: 10px;
	font-size: 1.3em;
	font-weight: bold;
	margin-bottom: 15px;
}

/*動画ボタン*/
.maindesign .top_img {
	display: flex;
	flex-wrap: wrap;
	position: relative;
}

.maindesign .top_img .top-play {
	position: absolute;
	width: 8.8%;
	height: 12.5%;
	top: 6.5%;
	right: 4.1%;
}

.maindesign .top_img .top-play:hover {
	background: #ff0000;
	opacity: 0.3;
}

.maindesign .play_position {
	position: relative;
}

.maindesign .play_position a:hover {
	background: #8e8e8e !important;
	opacity: 1;
}

/*テキスト*/
.maindesign .choice p {
	text-indent: -1em;
	margin: 0 0 0 1em;
	line-height: 1.5;
	font-size: 1em;
}

.maindesign .sentaku p {
	line-height: 1.5;
	margin-bottom: 10px;
}

/*表*/
.maindesign .txt_m {
	font-size: 1.5em !important;
}

.maindesign .txt_s {
	font-size: 1em !important;
}

.maindesign .txt_ss {
	font-size: 0.9em !important;
}

.maindesign .height_60 {
	height: 60px;
}

/*表ボタン*/
.maindesign .btm_orange {
	background: #ea6d0d;
	margin: 20px 140px;
	border-radius: 30px;
	color: #fff !important;
	font-weight: bold;
}

/*仕様*/
.maindesign .maguchi th {
	padding-bottom: 2px;
}

/* =============================================

	TOTO KZ シリーズ toto_kz.html

============================================= */

/*タイトル背景カラー*/
.maindesign .senmenseries.toto_kz {
	background: #8c40c5;
}

/*メニューボタン*/
.maindesign .tab li:nth-child(5) {
	border-left: solid 1px #ccc;
	border-block-start: none;
}

/*ボタン設定*/
.maindesign .btm_orange2 {
	background: #ea6d0d;
	margin: 20px 20px;
	border-radius: 30px;
	color: #fff !important;
	font-weight: bold;
	padding: 20px 5px !important;
	line-height: 1.1;
}

/*表の幅*/
.width_35 {
	width: 35%;
}

.width_527 {
	width: 527px;
}

/*th左揃え*/
.txt_left {
	display: inline-block;
	text-align: left !important;
}

/*動画ボタン*/
.maindesign .kinou-play_kz_1 {
	position: absolute;
	top: 3.75%;
	right: 0.7%;
	background: #616161;
	color: #fff;
	text-align: center;
	padding: 24px;
	line-height: 1.3;
}

.maindesign .kinou-play_kz_2 {
	position: absolute;
	top: 23.3%;
	left: 36.7%;
	background: #616161;
	color: #fff;
	text-align: center;
	padding: 24px;
	line-height: 1.3;
}

.maindesign .kinou-play_kz_3 {
	position: absolute;
	top: 19.95%;
	left: 2.4%;
	background: #616161;
	color: #fff;
	text-align: center;
	padding: 24px;
	line-height: 1.3;
}

.maindesign .kinou-play_kz_4 {
	position: absolute;
	top: 39.5%;
	left: 25.7%;
	background: #616161;
	color: #fff;
	text-align: center;
	padding: 24px;
	line-height: 1.3;
}

/* =============================================

	TOTO KC シリーズ toto_kc.html

============================================= */

/*タイトル背景カラー*/
.maindesign .senmenseries.toto_kc2 {
	background: #ce4f3e;
}

.txt_right {
	text-align: right;
}

.maindesign .kc600 {
	display: flex;
	justify-content: space-between;
	gap: 10px;
	margin: 40px 0 10px 0;
}

.maindesign .kc600_box {
	flex: 1;
	display: flex;
	flex-direction: column;
}

.maindesign .kc600_box p {
	font-size: 13px;
	margin-bottom: 10px;
}

.maindesign .shousai_box {
	border: solid 3px #ccc;
	padding: 20px;
}

/*.maindesign .shousai {
    display: flex;
}*/

.maindesign .shousai_2men_tobira,
.maindesign .shousai_katahikidashi {
	display: flex;
	flex: 1;
	margin-bottom: 20px;
}

.maindesign .shousai_2men_tobira .shousai_2men_tobira_img,
.maindesign .shousai_katahikidashi .shousai_2men_tobira_img {
	/*flex: 1;*/
	width: 247px;
}

.maindesign .shousai_2men_tobira .shousai_2men_tobira_img img,
.maindesign .shousai_katahikidashi .shousai_2men_tobira_img img {
	width: 100%;
}

.maindesign .shousai_2men_tobira .shousai_2men_tobira_txt,
.maindesign .shousai_katahikidashi .shousai_2men_tobira_txt {
	flex: 2;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.maindesign .shousai_katahikidashi .shousai_2men_tobira_txt,
.maindesign .shousai_2men_tobira_txt {
	margin-left: 25px;
}

.maindesign .shousai_2men_tobira_txt div h5 {
	font-weight: bold;
	font-size: 20px;
	padding-bottom: 10px;
	/*width: 165px;*/
}

.maindesign .shousai_nedan {
	flex: 1;
	display: flex;
	justify-content: end;
}

.maindesign .shousai_nedan div {
	border: solid 1px #ccc;
	padding: 10px;
	flex: 1;
}

.maindesign .shousai_nedan div:first-child {
	margin-right: 10px;
}

.maindesign .shousai_nedan div p {
	font-size: 18px;
}

.maindesign .shousai_nedan_txt {
	text-align: right;
	font-weight: bold;
	padding-top: 5px;
}

.maindesign .nedan_txt_red {
	color: #ff0000;
	font-size: 44px;
}

.maindesign .link {
	display: flex;
	margin-top: 20px;
}

.maindesign .link a {
	flex: 1;
}

.maindesign .link a:first-child {
	margin-right: 10px;
}

/*動画ボタン*/
.maindesign .kinou-play_kc_1 {
	position: absolute;
	top: 26.2%;
	right: 1.7%;
	background: #616161;
	color: #fff;
	text-align: center;
	padding: 24px;
	line-height: 1.3;
}

.maindesign .kinou-play_kc_2 {
	position: absolute;
	top: 23.2%;
	right: 0.7%;
	background: #616161;
	color: #fff;
	text-align: center;
	padding: 24px;
	line-height: 1.3;
}

/* =============================================

	KOMERI EK シリーズ komeri_ek.html

============================================= */

/*タイトル背景カラー*/
.maindesign .komeri_ek {
	background: #1d9ed7 !important;
}

/* =============================================

	KOMERI EK シリーズ komeri_ek.html

============================================= */
.maindesign .chumon {
	margin: 20px 0 40px;
}

/* =============================================

	LIXIL D7 シリーズ lixil_d7.html

============================================= */

/*タイトル背景カラー*/
.maindesign .senmenseries.lixil_d7 {
	background: #23ac38;
}

.maindesign .maguchi_lixil_d7 {
	border: 2px solid #c2db59;
	text-align: center;
}

.maindesign .maguchi_lixil_d7 th {
	background-color: #c2db59;
	color: #ffffff;
}

.maindesign .maguchi_lixil_d7 td {
	background-color: #f5f8e5;
	color: #b4cc52;
	font-size: 0.7em;
	padding: 5px;
}

.maindesign .ichiran_lixil_d7 th {
	background: #f5f8e5;
	padding: 5px;
	font-weight: bold;
	font-size: 16px;
}

.maindesign .ichiran_lixil_d7 th.th2 {
	background: #c2db59;
	color: #ffffff;
	font-size: 0.9em;
}

/* =============================================

	LIXIL J7 シリーズ lixil_j1.html

============================================= */

/*タイトル背景カラー*/
.maindesign .senmenseries.lixil_j1 {
	background: #056ab0;
}

/*動画ボタン*/
.maindesign .top_img .top-play_j1 {
	position: absolute;
	width: 8.1%;
	height: 11.4%;
	top: 10%;
	right: 4.1%;
}

.maindesign .top_img .top-play_j1:hover {
	background: #ff0000;
	opacity: 0.3;
}

.maindesign .maguchi_lixil_j1 {
	border: 2px solid #4793d0;
	text-align: center;
}

.maindesign .maguchi_lixil_j1 th {
	background-color: #4793d0;
	color: #ffffff;
}

.maindesign .maguchi_lixil_j1 td {
	background-color: #dce1ea;
	color: #4793d0;
	font-size: 0.7em;
	padding: 5px;
}

.maindesign .ichiran_lixil_j1 th {
	background: #dce1ea;
	padding: 5px;
	font-weight: bold;
	font-size: 16px;
}

.maindesign .ichiran_lixil_j1 th.th2 {
	background: #4793d0;
	color: #ffffff;
	font-size: 0.9em;
}

.maindesign .btm_orange3 {
	background: #ea6d0d;
	margin: 10px 10px;
	border-radius: 30px;
	color: #fff !important;
	font-weight: bold;
	padding: 20px 5px !important;
}

.maindesign .btm_orange4 {
	background: #ea6d0d;
	margin: 10px 20px;
	border-radius: 30px;
	color: #fff !important;
	font-weight: bold;
	padding: 20px 5px !important;
}

.maindesign .j1_th_45_pc {
	width: 45%;
}

/* =============================================

	LIXIL V1 シリーズ lixil_v1.html

============================================= */

/*動画ボタン*/
.maindesign .top_img .top-play_v1 {
	position: absolute;
	width: 6.8%;
	height: 9.5%;
	top: 9.2%;
	right: 4.1%;
}

.maindesign .top_img .top-play_v1:hover {
	background: #ff0000;
	opacity: 0.3;
}

.width_auto {
	width: auto;
}

/* =============================================

	LIXIL K1 シリーズ lixil_k1.html

============================================= */

/*タイトル背景カラー*/
.maindesign .senmenseries.lixil_k1 {
	background: #c61f27;
}

/*動画ボタン*/
.maindesign .top_img .top-play_k1 {
	position: absolute;
	width: 9.8%;
	height: 13.3%;
	top: 12%;
	right: 9.1%;
}

.maindesign .top_img .top-play_k1:hover {
	background: #ff0000;
	opacity: 0.3;
}

.maindesign .half-max {
	width: 50%;
}

.maindesign .re_two div {
	margin-right: 10px;
	width: calc(50% - 5px);
}
.maindesign .re_two div:nth-child(2n) {
	margin-right: 0;
}

.maindesign .hanp {
	display: flex;
	flex-wrap: wrap;
}
.maindesign .hanp .slideTable {
	width: calc(50% - 5px);
	margin-right: 10px;
}
.maindesign .hanp .slideTable:nth-child(2n) {
	margin-right: 0;
}

.maindesign .door_waku {
	border: 3px solid #dd6b57;
	padding: 10px;
	margin-top: 30px;
}
.maindesign .door_waku p {
	line-height: 1.3;
}
.maindesign .door_waku .bold {
	font-size: 1.2em;
	font-weight: bold;
	margin-bottom: 10px;
}
.maindesign .door_waku .rei {
	color: #dd6b57;
	border-top: 1px solid #dd6b57;
	padding: 20px 0;
	font-size: 1.2em;
}

/*アッパーキャビネットのボタン*/
.maindesign .btm_orange5 {
	background: #ea6d0d;
	border-radius: 20px;
	color: #fff !important;
	font-weight: bold;
	padding: 15px 0 !important;
	width: 132px;
	margin: 10px auto;
}

.maindesign .txt_m2 {
	font-size: 1.3em !important;
}

.maindesign .txt_l {
	font-size: 2.5em;
}

.maindesign .option_th {
	width: calc(737.94px / 5);
}

.maindesign .maguchi_lixil_k1 {
	border: 2px solid #dd6b57;
	text-align: center;
}

.maindesign .maguchi_lixil_k1 th {
	background-color: #dd6b57;
	color: #ffffff;
}

.maindesign .maguchi_lixil_k1 td {
	background-color: #fbece6;
	color: #dd6b57;
	font-size: 0.7em;
	padding: 5px;
}

.maindesign .ichiran_lixil_k1 th {
	background: #fbece6;
	padding: 5px;
	font-weight: bold;
	font-size: 16px;
}

.maindesign .ichiran_lixil_k1 th.th2 {
	background: #dd6b57;
	color: #ffffff;
	font-size: 0.9em;
}

.maindesign .Title img.senmen_sub {
	position: absolute;
	top: 15px;
	right: 0;
	width: auto;
	display: block;
}

.maindesign .Manufacturer .items img {
	margin-right: 3px;
}
.maindesign .img_container > img {
	width: 100%;
	height: auto;
}
.maindesign .comparison_container {
	border-collapse: collapse;
	margin-inline: auto;
	margin-top: 30px;
	/*overflow-x: auto;*/
	width: 100%;
	cursor: grab;
}
.maindesign .comparison_container:active {
	cursor: grabbing;
}
.maindesign .comparison_container table {
	width: 3000px;
	table-layout: fixed;
}
.maindesign .comparison_container th {
	text-align: center;
}
.maindesign .comparison_container th,
.maindesign .comparison_container td {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
.maindesign .comparison_container th {
	padding: 15px 0;
}
.maindesign .comparison_container td {
	box-sizing: border-box;
}
.maindesign .comparison_container a p,
.maindesign .comparison_container a {
	color: #000 !important;
	text-decoration: none !important;
}
#main .maindesign .comparison_container table tr td a {
	color: #000 !important;
	text-decoration: none !important;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
}
#main .maindesign .comparison_container table tr td span.fsMedium {
	padding: 0.75em 0.85em;
}
.maindesign .comparison_container .btn_content {
	margin: 10px auto;
	width: 80%;
}
.maindesign .comparison_container .btn_content span {
	padding: 0.5em 0;
	background: #fff;
	border: 1px solid #b6b6b6;
	border-radius: 40px;
	width: auto;
	height: 100%;
	margin: 0;
	color: #333 !important;
	display: flex;
	cursor: pointer;
	text-decoration: none;
	box-sizing: border-box;
	align-items: center;
	justify-content: center;
	text-align: center;
	position: relative;
}
.maindesign .comparison_container .btn_content span::before {
	content: '';
	position: absolute;
	right: 15px;
	border-top: 2px solid #b6b6b6;
	border-right: 2px solid #b6b6b6;
	width: 6px;
	height: 6px;
	transform: rotate(45deg);
	top: 0;
	bottom: 0;
	margin: auto;
}

/* 一列目のスタイルstart */
.maindesign .comparison_container thead tr th:nth-of-type(1) {
	width: 200px;
}
/*.maindesign .comparison_container tbody tr td:nth-of-type(1)::after,.maindesign .comparison_container thead tr th:nth-of-type(1)::after {
	content: '';
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    position: absolute;
    top: 0;
    left:0;
    height: 100%;
    width: calc(100% - 1px);
 left: 0;
    z-index: 2;
}*/
/*.maindesign .comparison_container tbody tr td:nth-of-type(1),
.maindesign .comparison_container thead tr th:nth-of-type(1) {
	padding: 10px 0;
	position: sticky;
	top: 0;
	left: -1px;
	background-color: #fff;
	z-index: 10;
}*/
.maindesign .comparison_container tbody tr td,
.maindesign .comparison_container thead tr th {
	border-right: 1px solid #ccc;
}
.maindesign .comparison_container tbody tr td:nth-of-type(1) p {
	text-align: center;
	font-weight: bold;
	margin-bottom: 10px;
	font-size: 1.1em;
}
.maindesign .comparison_container tbody tr td:nth-of-type(1) .img_container {
	width: 100px;
	margin: 0 auto;
}
.maindesign .comparison_container tbody tr:nth-of-type(1) td:nth-of-type(1) span {
	color: #988d7c;
}
.maindesign .comparison_container tbody tr:nth-of-type(2) td:nth-of-type(1) span {
	color: #00328f;
}
.maindesign .comparison_container tbody tr:nth-of-type(3) td:nth-of-type(1) span {
	color: #e47263;
}
.maindesign .comparison_container tbody tr:nth-of-type(4) td:nth-of-type(1) span {
	color: #4b99d7;
}
.maindesign .comparison_container tbody tr:nth-of-type(5) td:nth-of-type(1) span {
	color: #afd000;
}
.maindesign .comparison_container tbody tr:nth-of-type(6) td:nth-of-type(1) span {
	color: #f689ad;
}
.maindesign .comparison_container tbody tr:nth-of-type(7) td:nth-of-type(1) span {
	color: #798fa7;
}
.maindesign .comparison_container tbody tr:nth-of-type(8) td:nth-of-type(1) span {
	color: #ce4f3d;
}
.maindesign .comparison_container tbody tr:nth-of-type(9) td:nth-of-type(1) span {
	color: #a688bd;
}
/* 一列目のスタイルend */

/* 二列目のスタイルstart */
.maindesign .comparison_container thead tr th:nth-of-type(2) {
	width: 200px;
}
.maindesign .comparison_container tbody tr td:nth-of-type(2) {
	padding: 0 7px;
}
.maindesign .comparison_container tbody tr td:nth-of-type(2) ul {
	min-width: 90px;
}
.maindesign .comparison_container tbody tr td:nth-of-type(2) li {
	color: #fff;
	padding: 10px 0;
	margin: 5px auto;
	text-align: center;
	border-radius: 5px;
}
.maindesign .comparison_container tbody tr:nth-of-type(1) td:nth-of-type(2) li {
	background-color: #988d7c;
}
.maindesign .comparison_container tbody tr:nth-of-type(2) td:nth-of-type(2) li {
	background-color: #00328f;
}
.maindesign .comparison_container tbody tr:nth-of-type(3) td:nth-of-type(2) li {
	background-color: #e47263;
}
.maindesign .comparison_container tbody tr:nth-of-type(4) td:nth-of-type(2) li {
	background-color: #4b99d7;
}
.maindesign .comparison_container tbody tr:nth-of-type(5) td:nth-of-type(2) li {
	background-color: #afd000;
}
.maindesign .comparison_container tbody tr:nth-of-type(6) td:nth-of-type(2) li {
	background-color: #f689ad;
}
.maindesign .comparison_container tbody tr:nth-of-type(7) td:nth-of-type(2) li {
	background-color: #798fa7;
}
.maindesign .comparison_container tbody tr:nth-of-type(8) td:nth-of-type(2) li {
	background-color: #ce4f3d;
}
.maindesign .comparison_container tbody tr:nth-of-type(9) td:nth-of-type(2) li {
	background-color: #a688bd;
}
/* 二列目のスタイルend */

/* 三列目のスタイルstart */
.maindesign .comparison_container thead tr th:nth-of-type(3) {
	width: 225px;
}
.maindesign .comparison_container tbody tr td:nth-of-type(3) {
	padding: 0 10px;
	line-height: 1.2;
}
.maindesign .comparison_container tbody tr td:nth-of-type(3) span {
	font-weight: bold;
}
/* 三列目のスタイルend */

/* 四列目のスタイルend */
.maindesign .comparison_container thead tr th:nth-of-type(4) {
	width: 225px;
}
.maindesign .comparison_container tbody tr td:nth-of-type(4) {
	padding: 0 10px;
}
.maindesign .comparison_container tbody tr td:nth-of-type(4) p {
	margin: 10px 0;
}
/* 四列目のスタイルend */

/* 五列目～九列目のスタイルstart */
.maindesign .comparison_container tbody tr td:nth-of-type(5) {
	width: 350px;
	padding: 0 10px;
}
.maindesign .comparison_container tbody tr td:nth-of-type(6) {
	width: 350px;
	padding: 0 10px;
}
.maindesign .comparison_container tbody tr td:nth-of-type(7) {
	width: 350px;
	padding: 0 10px;
}
.maindesign .comparison_container tbody tr td:nth-of-type(8) {
	width: 600px;
	padding: 30px 10px;
}
.maindesign .comparison_container tbody tr td:nth-of-type(9) {
	width: 450px;
	padding: 0 10px;
}

.maindesign .comparison_container tbody tr td:nth-of-type(n + 5):nth-of-type(-n + 9) span {
	margin-bottom: 5px;
	display: inline-block;
}
.maindesign .comparison_container tbody tr td:nth-of-type(n + 5):nth-of-type(-n + 9) .img_container + p {
	margin-top: 10px;
}
.maindesign .comparison_container tbody tr td:nth-of-type(n + 5):nth-of-type(-n + 9) p {
	text-align: center;
	line-height: 1.1;
	font-size: 0.95em;
}
.maindesign .comparison_container tbody tr td:nth-of-type(n + 5):nth-of-type(-n + 9) span {
	font-weight: bold;
}
.maindesign .comparison_container tbody tr td:nth-of-type(n + 5):nth-of-type(-n + 9) .img_container.single {
	width: 200px;
	margin: 0 auto;
}
.maindesign .comparison_container tbody tr td:nth-of-type(n + 5):nth-of-type(-n + 9) .flex_container {
	display: flex;
	flex-wrap: wrap;
}

.maindesign .comparison_container tbody tr td:nth-of-type(n + 5):nth-of-type(-n + 9) .icon {
	width: 100%;
	padding: 10px 0;
	color: #fff;
	border-radius: 5px;
	font-weight: bold;
	margin-bottom: 15px;
	text-align: center;
}
.maindesign .comparison_container tbody tr:nth-of-type(1) td:nth-of-type(7) .icon {
	background-color: #988d7c;
}
.maindesign .comparison_container tbody tr:nth-of-type(1) td:nth-of-type(8) .icon {
	background-color: #988d7c;
}
.maindesign .comparison_container tbody tr:nth-of-type(2) td:nth-of-type(5) .icon {
	background-color: #00328f;
}
.maindesign .comparison_container tbody tr:nth-of-type(3) td:nth-of-type(7) .icon {
	background-color: #e47263;
}
.maindesign .comparison_container tbody tr:nth-of-type(3) td:nth-of-type(8) .icon {
	background-color: #e47263;
}
.maindesign .comparison_container tbody tr:nth-of-type(4) td:nth-of-type(5) .icon {
	background-color: #4b99d7;
}
.maindesign .comparison_container tbody tr:nth-of-type(4) td:nth-of-type(7) .icon {
	background-color: #4b99d7;
}
.maindesign .comparison_container tbody tr:nth-of-type(4) td:nth-of-type(8) .icon {
	background-color: #4b99d7;
}
.maindesign .comparison_container tbody tr:nth-of-type(5) td:nth-of-type(5) .icon {
	background-color: #afd000;
}
.maindesign .comparison_container tbody tr:nth-of-type(5) td:nth-of-type(7) .icon {
	background-color: #afd000;
}
.maindesign .comparison_container tbody tr:nth-of-type(5) td:nth-of-type(8) .icon {
	background-color: #afd000;
}
.maindesign .comparison_container tbody tr:nth-of-type(6) td:nth-of-type(5) .icon {
	background-color: #f689ad;
}
.maindesign .comparison_container tbody tr:nth-of-type(6) td:nth-of-type(8) .icon {
	background-color: #f689ad;
}
.maindesign .comparison_container tbody tr:nth-of-type(7) td:nth-of-type(7) .icon {
	background-color: #798fa7;
}
.maindesign .comparison_container tbody tr:nth-of-type(7) td:nth-of-type(8) .icon {
	background-color: #798fa7;
}
.maindesign .comparison_container tbody tr:nth-of-type(8) td:nth-of-type(7) .icon {
	background-color: #ce4f3d;
}
.maindesign .comparison_container tbody tr:nth-of-type(8) td:nth-of-type(8) .icon {
	background-color: #ce4f3d;
}
.maindesign .comparison_container tbody tr:nth-of-type(9) td:nth-of-type(7) .icon {
	background-color: #a688bd;
}
.maindesign .comparison_container tbody tr:nth-of-type(9) td:nth-of-type(8) .icon {
	background-color: #a688bd;
}
.maindesign .comparison_container tbody tr td:nth-of-type(n + 5):nth-of-type(-n + 9) .flex_container .flex_content {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
.maindesign .comparison_container tbody tr td:nth-of-type(n + 5):nth-of-type(-n + 9) .flex_content .img_container {
	width: 100%;
}
.maindesign .comparison_container tbody tr td:nth-of-type(n + 5):nth-of-type(-n + 9) .flex_container.col_2 {
	width: 75%;
	margin: 0 auto;
}
.maindesign .comparison_container tbody tr td:nth-of-type(8) .flex_container.col_2 {
	width: 60% !important;
}
.maindesign .comparison_container tbody tr td:nth-of-type(n + 5):nth-of-type(-n + 9) .flex_container.col_2 .flex_content {
	width: 45%;
	margin: 5px 5px 10px;
}
.maindesign .comparison_container tbody tr td:nth-of-type(8) .flex_container.col_3 {
	width: 75%;
	margin: auto;
}
.maindesign .comparison_container tbody tr td:nth-of-type(n + 5):nth-of-type(-n + 9) .flex_container.col_3 .flex_content {
	width: 30%;
	margin: 5px 5px 10px;
}
.maindesign .comparison_container tbody tr td:nth-of-type(n + 5):nth-of-type(-n + 9) .flex_container.col_4 .flex_content {
	width: 22%;
	margin: 5px 5px 10px;
}
.maindesign .comparison_container tbody tr td:nth-of-type(n + 5):nth-of-type(-n + 9) .flex_container.col_5 .flex_content {
	width: 18%;
	margin: 5px 5px 10px;
}
.maindesign .comparison_container tbody tr td:nth-of-type(9) .flex_container {
	flex-wrap: wrap;
}

/* 五列目～九列目のスタイルend */

.maindesign .icon_outer {
	position: relative;
	background-clip: padding-box;
}
.maindesign .icon_inner {
	position: absolute;
	bottom: 5px;
	right: 5px;
	height: 20px;
	cursor: pointer;
	transition: 0.1s;
}
.maindesign .icon_inner:hover {
	opacity: 0.7;
}
.maindesign .icon_inner > img {
	width: auto;
	height: 100%;
}

@media screen and (max-width: 767px) {
	.maindesign .icon_inner {
		height: 15px;
	}
	.maindesign .menu-btn-list .icon_inner {
		height: 50px;
	}
}

.maindesign .icon_container {
	position: relative;
}
.maindesign .cap-icon {
	margin: 0 auto 10px;
	position: absolute;
	width: 82%;
	top: 20px;
	height: 25px;
	text-align: center;
	display: flex;
	left: 50%;
	color: #fff;
	background: #005cd3;
	padding: 2px 10px;
	box-sizing: border-box;
	font-size: 0.8em;
	line-height: 1.2;
	align-items: center;
	justify-content: center;
	border-radius: 5px;
	box-shadow: 0 2px 3px rgb(0 0 0 / 16%);
	z-index: 1;
	transform: translate(-50%, -50%);
}

@media screen and (max-width: 767px) {
	.maindesign .cap-icon {
		width: 82%;
		font-size: 0.6em;
	}
}

.modal {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 30;
}
.modal_bg {
	position: absolute;
	background: rgba(0, 0, 0, 0.5);
}
.modal_container {
	position: relative;
	display: inline-block;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	overflow: scroll;
	max-height: 80%;
}
.modal-content {
	background: white;
	padding: 50px;
	box-sizing: border-box;
	width: 780px;
}
.modal-close {
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: center;
	top: 15px;
	right: 15px;
	width: 30px;
	height: 30px;
	color: #fff;
	background: #000;
	border-radius: 50%;
	cursor: pointer;
}

.maindesign .modal-content .flex_content {
	display: flex;
	justify-content: space-between;
	margin: 30px 0;
	align-items: center;
}
.maindesign .modal-content .img_container {
	width: 40%;
}
.maindesign .modal-content .text_container {
	width: 50%;
}
.maindesign .bg_content {
	width: 100%;
	padding: 15px;
	font-weight: bold;
	color: #fff;
	box-sizing: border-box;
	font-size: 1.2em;
}
.maindesign .bg_red {
	background-color: #ff0000;
}
.maindesign .bg_skyblue {
	background-color: #00b0f0;
}
.maindesign .bg_limegreen {
	background-color: #92d050;
}
.maindesign .bg_pink {
	background-color: #ff1590;
}
.maindesign .modal-content .name {
	font-weight: bold;
	font-size: 1.2em;
	line-height: 1.5;
	margin: 10px 0;
}

.maindesign .small_th {
	font-size: 1em !important;
	padding: 20px !important;
}

.maindesign .logo_heading {
	display: flex;
	align-items: center;
}
.maindesign .logo_heading .img_container {
	margin-right: 15px;
	width: 100px;
}

.maindesign .fs085 {
	font-size: 0.85em;
}
.maindesign .line115 {
	line-height: 1.15;
}
.maindesign .bnr_container {
	margin: 30px 0;
}
.maindesign .bnr_container img {
	width: 100%;
	height: auto;
}

.maindesign .modal_container .point_container {
	border: 1px solid #ccc;
	padding: 10px 15px;
	font-weight: bold;
	font-size: 1.1em;
	margin-top: 15px;
	border-radius: 5px;
}
.maindesign .modal_container .point_container span {
	font-size: 0.85em;
	font-weight: normal;
	margin-top: 10px;
	display: inline-block;
}

@keyframes scroll-hint-appear {
	0% {
		transform: translateX(40px);
		opacity: 0;
	}
	10% {
		opacity: 1;
	}
	50%,
	100% {
		transform: translateX(-40px);
		opacity: 0;
	}
}

.scroll-hint.is-right-scrollable {
	background: linear-gradient(270deg, rgba(0, 0, 0, 0.15) 0, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0));
}

.scroll-hint.is-right-scrollable.is-left-scrollable {
	background: linear-gradient(90deg, rgba(0, 0, 0, 0.15) 0, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0)), linear-gradient(270deg, rgba(0, 0, 0, 0.15) 0, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0));
}

.scroll-hint.is-left-scrollable {
	background: linear-gradient(90deg, rgba(0, 0, 0, 0.15) 0, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0));
}

.scroll-hint-icon {
	position: absolute;
	top: calc(50% - 25px);
	left: calc(50% - 60px);
	box-sizing: border-box;
	width: 120px;
	height: 80px;
	border-radius: 5px;
	transition: opacity 0.3s;
	opacity: 0;
	background: rgba(0, 0, 0, 0.7);
	text-align: center;
	padding: 20px 10px 10px 10px;
}

.scroll-hint-icon-wrap {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	max-height: 100%;
	pointer-events: none;
}

.scroll-hint-text {
	font-size: 10px;
	color: #fff;
	margin-top: 5px;
}

.scroll-hint-icon-wrap.is-active .scroll-hint-icon {
	opacity: 0.8;
}

.scroll-hint-icon:before {
	display: inline-block;
	width: 40px;
	height: 40px;
	color: #fff;
	vertical-align: middle;
	text-align: center;
	content: '';
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNS43NyIgaGVpZ2h0PSIzMC41MiIgdmlld0JveD0iMCAwIDI1Ljc3IDMwLjUyIj48dGl0bGU+44Ki44K744OD44OIIDM8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxwYXRoIGQ9Ik0yMS4zMywzMC41Mkg3Ljg1QTEuNTUsMS41NSwwLDAsMSw2LjMsMjlhMTIuNDYsMTIuNDYsMCwwLDAtLjYzLTQuNDIsMjUuMTYsMjUuMTYsMCwwLDAtNC4yNS01bC0uMDYtLjA2QTUsNSwwLDAsMSwwLDE1Ljg2YTMuNjQsMy42NCwwLDAsMSwxLjE3LTIuNjIsMy42MywzLjYzLDAsMCwxLDUuMTQuMDdWMy43N2EzLjc3LDMuNzcsMCwxLDEsNy41NCwwVjguMzNhMy4zNSwzLjM1LDAsMCwxLDEuMjYsMCwzLDMsMCwwLDEsMiwxLjIyLDMuNSwzLjUsMCwwLDEsMi0uMDYsMy4yMSwzLjIxLDAsMCwxLDIsMS41NCwzLjc0LDMuNzQsMCwwLDEsMywuNDdBNC4yMSw0LjIxLDAsMCwxLDI1Ljc0LDE1YzAsLjExLDAsLjI3LDAsLjQ2YTE5LjI2LDE5LjI2LDAsMCwxLS44NCw3Yy0uMTQuMzgtLjM2LjgxLS41NiwxLjIybC0uMTEuMjJjMCwuMDctLjA5LjE0LS4xNC4yMWE3LjEzLDcuMTMsMCwwLDAtMS4xNywyLjE3Yy0uMDYuNTYtLjA2LDIuMTUtLjA1LDIuNzFBMS41NSwxLjU1LDAsMCwxLDIxLjMzLDMwLjUyWk04LjYxLDI4LjIxaDEyYzAtLjcxLDAtMS43MS4wNy0yLjIzYTguNzQsOC43NCwwLDAsMSwxLjU5LTMuMjVsLjA2LS4xMmExMCwxMCwwLDAsMCwuNDYtMSwxNi44LDE2LjgsMCwwLDAsLjctNi4xMmMwLS4yMywwLS40MSwwLS41NGgwYTIsMiwwLDAsMC0uNjQtMS41MiwxLjMzLDEuMzMsMCwwLDAtMS41NS4wOCwxLjEzLDEuMTMsMCwwLDEtMS4xOC4yOCwxLjE1LDEuMTUsMCwwLDEtLjc4LS45NCwxLjI2LDEuMjYsMCwwLDAtLjc1LTEuMTEsMSwxLDAsMCwwLTEuMTEuMjhsLS4xLjFhMS4xNSwxLjE1LDAsMCwxLTEuMTkuMjksMS4xNiwxLjE2LDAsMCwxLS43OC0uOTVjLS4wOS0uNjgtLjIxLS43Ny0uNy0uODdhLjgyLjgyLDAsMCwwLTEsLjQ4LDEuMTYsMS4xNiwwLDAsMS0yLjE2LS41OFYzLjc3YTEuNDYsMS40NiwwLDEsMC0yLjkyLDB2Ny44NWwwLDQuMzNhMS4xNywxLjE3LDAsMCwxLS44MywxLjExLDEuMTUsMS4xNSwwLDAsMS0xLjItLjM1bC0xLS45MWMtLjQ3LS40Mi0uNzMtLjY2LS44NC0uNzdhMS4zNSwxLjM1LDAsMCwwLTItLjEyTDIuNywxNWExLjMyLDEuMzIsMCwwLDAtLjM5LDFBMi41NywyLjU3LDAsMCwwLDMsMTcuODVsMCwwYTI3LjI0LDI3LjI0LDAsMCwxLDQuNyw1LjYyQTEyLjYzLDEyLjYzLDAsMCwxLDguNjEsMjguMjFaTTIzLjIsMjMuMzVaTTYuNTEsMTYuNTlaIiBmaWxsPSIjZmZmIi8+PC9nPjwvZz48L3N2Zz4=);
}

.scroll-hint-icon:after {
	content: '';
	width: 34px;
	height: 14px;
	display: block;
	position: absolute;
	top: 10px;
	left: 50%;
	margin-left: -20px;
	background-repeat: no-repeat;
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMy4yOSIgaGVpZ2h0PSIxMi4wMiIgdmlld0JveD0iMCAwIDMzLjI5IDEyLjAyIj48dGl0bGU+44Ki44K744OD44OIIDE8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxsaW5lIHgxPSIxLjg1IiB5MT0iNi4wMSIgeDI9IjEwLjQiIHkyPSI2LjAxIiBmaWxsPSIjZmZmIi8+PHBhdGggZD0iTTEwLjQsNy4xN0gxLjg1YTEuMTYsMS4xNiwwLDEsMSwwLTIuMzFIMTAuNGExLjE2LDEuMTYsMCwxLDEsMCwyLjMxWiIgZmlsbD0iI2ZmZiIvPjxwYXRoIGQ9Ik03LjQsMTJhMS4xNSwxLjE1LDAsMCwxLS43Mi0uMjVsLTYuMjUtNUExLjIsMS4yLDAsMCwxLDAsNS44NywxLjE0LDEuMTQsMCwwLDEsLjQ2LDVMNi43LjIzQTEuMTYsMS4xNiwwLDAsMSw4LjEsMi4wOEwzLDUuOTEsOC4xMiwxMEExLjE2LDEuMTYsMCwwLDEsNy40LDEyWiIgZmlsbD0iI2ZmZiIvPjxsaW5lIHgxPSIzMS40NSIgeTE9IjYuMDEiIHgyPSIyMi44OSIgeTI9IjYuMDEiIGZpbGw9IiNmZmYiLz48cGF0aCBkPSJNMzEuNDUsNy4xN0gyMi44OWExLjE2LDEuMTYsMCwxLDEsMC0yLjMxaDguNTZhMS4xNiwxLjE2LDAsMCwxLDAsMi4zMVoiIGZpbGw9IiNmZmYiLz48cGF0aCBkPSJNMjUuOSwxMmExLjE4LDEuMTgsMCwwLDEtLjkxLS40M0ExLjE3LDEuMTcsMCwwLDEsMjUuMTcsMTBsNS4wOS00LjA1TDI1LjIsMi4wOEExLjE2LDEuMTYsMCwwLDEsMjYuNTkuMjNMMzIuODQsNWExLjE2LDEuMTYsMCwwLDEsLjQ1LjkxLDEuMTQsMS4xNCwwLDAsMS0uNDMuOTJsLTYuMjQsNUExLjE3LDEuMTcsMCwwLDEsMjUuOSwxMloiIGZpbGw9IiNmZmYiLz48L2c+PC9nPjwvc3ZnPg==);
	opacity: 0;
	transition-delay: 2.4s;
}

.scroll-hint-icon-wrap.is-active .scroll-hint-icon:after {
	opacity: 1;
}

.scroll-hint-icon-wrap.is-active .scroll-hint-icon:before {
	animation: scroll-hint-appear 1.2s linear;
	animation-iteration-count: 2;
}

.scroll-hint-icon-white {
	background-color: #fff;
	box-shadow: 0 4px 5px rgba(0, 0, 0, 0.4);
}

.scroll-hint-icon-white:before {
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNS43NyIgaGVpZ2h0PSIzMC41MiIgdmlld0JveD0iMCAwIDI1Ljc3IDMwLjUyIj48dGl0bGU+44Ki44K744OD44OIIDQ8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxwYXRoIGQ9Ik0yMS4zMywzMC41Mkg3Ljg1QTEuNTUsMS41NSwwLDAsMSw2LjMsMjlhMTIuNDYsMTIuNDYsMCwwLDAtLjYzLTQuNDIsMjUuMTYsMjUuMTYsMCwwLDAtNC4yNS01bC0uMDYtLjA2QTUsNSwwLDAsMSwwLDE1Ljg2YTMuNjQsMy42NCwwLDAsMSwxLjE3LTIuNjIsMy42MywzLjYzLDAsMCwxLDUuMTQuMDdWMy43N2EzLjc3LDMuNzcsMCwxLDEsNy41NCwwVjguMzNhMy4zNSwzLjM1LDAsMCwxLDEuMjYsMCwzLDMsMCwwLDEsMiwxLjIyLDMuNSwzLjUsMCwwLDEsMi0uMDYsMy4yMSwzLjIxLDAsMCwxLDIsMS41NCwzLjc0LDMuNzQsMCwwLDEsMywuNDdBNC4yMSw0LjIxLDAsMCwxLDI1Ljc0LDE1YzAsLjExLDAsLjI3LDAsLjQ2YTE5LjI2LDE5LjI2LDAsMCwxLS44NCw3Yy0uMTQuMzgtLjM2LjgxLS41NiwxLjIybC0uMTEuMjJjMCwuMDctLjA5LjE0LS4xNC4yMWE3LjEzLDcuMTMsMCwwLDAtMS4xNywyLjE3Yy0uMDYuNTYtLjA2LDIuMTUtLjA1LDIuNzFBMS41NSwxLjU1LDAsMCwxLDIxLjMzLDMwLjUyWk04LjYxLDI4LjIxaDEyYzAtLjcxLDAtMS43MS4wNy0yLjIzYTguNzQsOC43NCwwLDAsMSwxLjU5LTMuMjVsLjA2LS4xMmExMCwxMCwwLDAsMCwuNDYtMSwxNi44LDE2LjgsMCwwLDAsLjctNi4xMmMwLS4yMywwLS40MSwwLS41NGgwYTIsMiwwLDAsMC0uNjQtMS41MiwxLjMzLDEuMzMsMCwwLDAtMS41NS4wOCwxLjEzLDEuMTMsMCwwLDEtMS4xOC4yOCwxLjE1LDEuMTUsMCwwLDEtLjc4LS45NCwxLjI2LDEuMjYsMCwwLDAtLjc1LTEuMTEsMSwxLDAsMCwwLTEuMTEuMjhsLS4xLjFhMS4xNSwxLjE1LDAsMCwxLTEuMTkuMjksMS4xNiwxLjE2LDAsMCwxLS43OC0uOTVjLS4wOS0uNjgtLjIxLS43Ny0uNy0uODdhLjgyLjgyLDAsMCwwLTEsLjQ4LDEuMTYsMS4xNiwwLDAsMS0yLjE2LS41OFYzLjc3YTEuNDYsMS40NiwwLDEsMC0yLjkyLDB2Ny44NWwwLDQuMzNhMS4xNywxLjE3LDAsMCwxLS44MywxLjExLDEuMTUsMS4xNSwwLDAsMS0xLjItLjM1bC0xLS45MWMtLjQ3LS40Mi0uNzMtLjY2LS44NC0uNzdhMS4zNSwxLjM1LDAsMCwwLTItLjEyTDIuNywxNWExLjMyLDEuMzIsMCwwLDAtLjM5LDFBMi41NywyLjU3LDAsMCwwLDMsMTcuODVsMCwwYTI3LjI0LDI3LjI0LDAsMCwxLDQuNyw1LjYyQTEyLjYzLDEyLjYzLDAsMCwxLDguNjEsMjguMjFaTTIzLjIsMjMuMzVaTTYuNTEsMTYuNTlaIi8+PC9nPjwvZz48L3N2Zz4=);
}

.scroll-hint-icon-white:after {
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMy4yOSIgaGVpZ2h0PSIxMi4wMiIgdmlld0JveD0iMCAwIDMzLjI5IDEyLjAyIj48dGl0bGU+44Ki44K744OD44OIIDI8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxsaW5lIHgxPSIxLjg1IiB5MT0iNi4wMSIgeDI9IjEwLjQiIHkyPSI2LjAxIi8+PHBhdGggZD0iTTEwLjQsNy4xN0gxLjg1YTEuMTYsMS4xNiwwLDEsMSwwLTIuMzFIMTAuNGExLjE2LDEuMTYsMCwxLDEsMCwyLjMxWiIvPjxwYXRoIGQ9Ik03LjQsMTJhMS4xNSwxLjE1LDAsMCwxLS43Mi0uMjVsLTYuMjUtNUExLjIsMS4yLDAsMCwxLDAsNS44NywxLjE0LDEuMTQsMCwwLDEsLjQ2LDVMNi43LjIzQTEuMTYsMS4xNiwwLDAsMSw4LjEsMi4wOEwzLDUuOTEsOC4xMiwxMEExLjE2LDEuMTYsMCwwLDEsNy40LDEyWiIvPjxsaW5lIHgxPSIzMS40NSIgeTE9IjYuMDEiIHgyPSIyMi44OSIgeTI9IjYuMDEiLz48cGF0aCBkPSJNMzEuNDUsNy4xN0gyMi44OWExLjE2LDEuMTYsMCwxLDEsMC0yLjMxaDguNTZhMS4xNiwxLjE2LDAsMCwxLDAsMi4zMVoiLz48cGF0aCBkPSJNMjUuOSwxMmExLjE4LDEuMTgsMCwwLDEtLjkxLS40M0ExLjE3LDEuMTcsMCwwLDEsMjUuMTcsMTBsNS4wOS00LjA1TDI1LjIsMi4wOEExLjE2LDEuMTYsMCwwLDEsMjYuNTkuMjNMMzIuODQsNWExLjE2LDEuMTYsMCwwLDEsLjQ1LjkxLDEuMTQsMS4xNCwwLDAsMS0uNDMuOTJsLTYuMjQsNUExLjE3LDEuMTcsMCwwLDEsMjUuOSwxMloiLz48L2c+PC9nPjwvc3ZnPg==);
}

.scroll-hint-icon-white .scroll-hint-text {
	color: #000;
}
.modal_box {
	display: none;
	height: 100%;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 9999;
}

.modal_bg {
	background-color: rgba(30, 30, 30, 0.9);
	height: 100%;
	width: 100%;
}

.modal_inner {
	background-color: #fff;
	left: 50%;
	padding: 30px 20px 20px;
	position: absolute;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	max-width: 900px;
	width: 50%;
	border-radius: 20px;
	box-sizing: border-box;
}

.modal_close {
	cursor: pointer;
	position: absolute;
	right: 10px;
	top: 0;
	font-size: 2rem;
}

.maindesign .value {
	font-feature-settings: 'palt' 1;
}
.maindesign .value th {
	line-height: 1.2;
}
.maindesign .value th.txt_l,
.maindesign .value td.txt_l {
	text-align: left;
}
.maindesign .value th.w02 {
	width: calc(34% / 2);
}
.maindesign .value th.w03 {
	width: calc(34% / 3);
}
.maindesign .value th.w02_01 {
	width: 18%;
}
.maindesign .value th.w02_02 {
	width: 34%;
}
.maindesign .value td {
	width: 66%;
	padding: 10px;
}
.maindesign .value td.w02 {
	width: calc(66% / 2);
}
.maindesign .value td.w03 {
	width: calc(66% / 3);
}
.maindesign .value td a.flatbtn {
	max-width: 300px;
	margin: auto;
}

.maindesign .value td a.btm_orange p {
	margin: 0 0 5px;
}
.maindesign .value td a.btm_orange p span.en {
	font-size: 0.7em;
}
.maindesign .no-wrap {
	flex-wrap: nowrap;
}

.maindesign .senmen_spec {
	display: flex;
	flex-wrap: wrap;
}
.maindesign .senmen_spec .senmen_spec_cols {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.maindesign .senmen_spec.cols_1-1 .senmen_spec_cols {
	width: 100%;
	margin: 0 0 20px;
}
.maindesign .senmen_spec.cols_2-1 .senmen_spec_cols {
	width: calc(100% / 2 - 5px);
	margin: 0 10px 20px 0;
}
.maindesign .senmen_spec.cols_3-1 .senmen_spec_cols,
.maindesign .senmen_spec.cols_3-2 .senmen_spec_cols {
	width: calc(100% / 3 - 6px);
	margin: 0 9px 20px 0;
}
.maindesign .senmen_spec.cols_2-1 .senmen_spec_cols:nth-child(2n) {
	margin: 0 0 20px 0;
}
.maindesign .senmen_spec.cols_3-1 .senmen_spec_cols:nth-child(3n),
.maindesign .senmen_spec.cols_3-2 .senmen_spec_cols:nth-child(3n) {
	margin: 0 0 20px 0;
}
.maindesign .senmen_spec .senmen_spec_cols p {
	line-height: 1.2;
	margin: 0 0 5px;
}
.maindesign .senmen_spec .senmen_spec_cols p.spec_title {
	font-size: 1.25em;
	font-weight: bold;
}
.maindesign .senmen_spec .senmen_spec_cols p.spec_title span {
	font-size: 0.75em;
	font-weight: normal;
}
.maindesign .senmen_spec .senmen_spec_cols img {
	width: 100%;
	height: auto;
	margin: auto auto 0;
	display: block;
	flex-shrink: 0;
	border: 1px solid #ccc;
	box-sizing: border-box;
}

.maindesign .price {
	margin: 0 0 40px;
}
.maindesign .price .price-box {
	width: 100%;
	margin: auto 0;
}
.maindesign .price .txt_block {
	line-height: 1.2;
	margin: 0 0 10px;
}
.maindesign .price .price_block {
	display: block;
}
.maindesign .price .price_block .price-cols {
	width: auto;
	flex-direction: raw;
}
.maindesign .price .price_block p span {
	font-weight: normal;
	font-size: 0.8em;
}
.maindesign .price .price_block .price-cols p,
.maindesign .price .const_block p {
	font-weight: bold;
	line-height: 1.2;
	font-size: 1.5em;
}
.maindesign .price .const_block p.ex {
	font-weight: normal;
	line-height: 1.2;
	font-size: 1em;
}
.maindesign .price .const_block p.ex_r {
	font-weight: normal;
	line-height: 1.2;
	font-size: 1em;
	text-align: right;
}
.maindesign .price .const_block p span {
	font-weight: normal;
	font-size: 0.8em;
}
.maindesign .price .const_block {
	border: 1px solid #bbb;
	margin: 20px 0 0;
	padding: 10px 20px 5px;
	box-sizing: border-box;
}
.maindesign .price .const_block .price-cols {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 0 0 10px;
}
.maindesign .icons {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	/*position: absolute;*/
	top: 0;
	margin: 0 0 10px;
}
.maindesign .icons .snow {
	background: #386094;
	/*border: 3px solid #fff;*/
	width: 100%;
	max-width: 100px;
	padding: 10px;
	color: #fff;
	border-radius: 5px;
	text-align: center;
	margin: 5px 5px 5px 0;
}
.maindesign .icons .port {
	background: #0180bd;
	/*border: 3px solid #fff;*/
	width: 100%;
	max-width: 100px;
	padding: 10px;
	color: #fff;
	border-radius: 5px;
	text-align: center;
	margin: 5px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.maindesign .icons .port.twin {
	background: #002e75;
}
@media screen and (max-width: 767px) {
	.maindesign .list-img {
		width: 100%;
	}
	.maindesign .price {
		width: 100%;
	}
	.maindesign .price .price-box {
		padding: 10px 0;
	}
	.maindesign .price .price-box .price_value {
		margin: 0 0 0 auto;
	}
	.maindesign .price .const_block .price-cols .price_value {
		font-size: 10vw;
	}
	.maindesign .icons .snow {
		max-width: 100px;
	}
	.maindesign .icons .port {
		max-width: 100px;
		display: flex;
		align-items: center;
		justify-content: center;
	}
}

.price .price_block .price-cols .price_value {
	text-align: right;
	font-size: 5em;
	font-weight: bold;
}
.price_value .price_tax,
.price_value .price_en {
	font-size: 0.3em;
}
.price_value .price_plus {
	margin: 0 10px 0 0;
	font-weight: normal;
}
.price_value {
	font-size: 3em;
	font-weight: bold;
	line-height: 1.2;
	display: flex;
	align-items: baseline;
	justify-content: flex-end;
}
@media screen and (max-width: 767px) {
	.price .price_block .price-cols {
		width: 100%;
		margin: 0 0 20px;
	}
	.price .price_block .price-cols:last-child {
		margin: 0 0 0px;
	}
	.price .price_block .price-cols.solo {
		width: 100%;
		margin: 9px 0 7px;
	}

	.price .price_block .price-cols .price_value {
		font-size: 12vw;
	}
	.price .price_block .price-cols .price_value {
		font-size: 12vw;
	}
}
.maindesign a.grid_link {
	text-decoration: none;
}

/*241017*/

.maindesign .contents_kc600 table {
	margin-top: 10px;
}

.maindesign .accordion_header {
	position: relative;
	z-index: +1;
	cursor: pointer;
	transition-duration: 0.2s;
}

.maindesign .i_box {
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: 50%;
	right: 5%;
	width: 40px;
	height: 40px;
	margin-top: -20px;
	box-sizing: border-box;
	transform: rotate(45deg);
	transform-origin: center center;
	transition-duration: 0.2s;
}

.maindesign .one_i {
	display: block;
	width: 18px;
	height: 18px;
	transform: rotate(45deg);
	transform-origin: center center;
	transition-duration: 0.2s;
	position: relative;
}

.maindesign .one_i:before {
	background-color: #000;
	width: 4px;
	height: 18px;
	top: 0;
	left: 7px;
	display: flex;
	content: '';
	border-radius: 10px;
	position: absolute;
	transform: rotate(0deg);
	transform-origin: center center;
}

.maindesign .one_i:after {
	background-color: #000;
	display: flex;
	content: '';
	border-radius: 10px;
	width: 18px;
	height: 4px;
	position: absolute;
	top: 7px;
	left: 0;
	transform: rotate(0deg);
	transform-origin: center center;
}

.maindesign .s_05 .accordion_one .accordion_header.open .i_box .one_i:after {
	transform: rotate(-45deg);
}

.maindesign .s_05 .accordion_one .accordion_header.open .i_box .one_i:before {
	display: none;
}

.maindesign .s_05 .accordion_one .accordion_header.open .i_box {
	-webkit-transform: rotate(-180deg);
	transform: rotate(-180deg);
}

.maindesign .section.s_05 ul {
	margin: 0;
}

.maindesign .s_05 {
	margin-top: 30px;
	border: 1px solid #000;
	margin: 20px 0;
}

.maindesign .s_05 .accordion_one {
	max-width: 870px;
	margin: 0 auto;
}

.maindesign .s_05 .accordion_one .accordion_header {
	color: #000;
	background-color: #fff;
	border-radius: 5px 5px 0 0;
	font-size: 1.25em;
	font-weight: bold;
	padding: 20px 10px;
	position: relative;
	z-index: +1;
	cursor: pointer;
	transition-duration: 0.2s;
}

.maindesign .s_05 .accordion_one .accordion_inner {
	border-left: none;
	border-right: none;
	border-bottom: none;
}

.maindesign .section.s_05 ul {
	margin: 0;
}

.maindesign .links.cols4-2 .text-box {
	padding: 0.5em;
	line-height: 1.6em;
	text-align: center;
}

.maindesign .list_inner {
	padding: 5px;
	width: calc(25% - 7.5px);
	margin-right: 10px;
	margin-bottom: 20px;
	position: relative;
	box-sizing: border-box;
	border: 1px solid #ccc;
	border-radius: 5px;
	overflow: hidden;
}

.maindesign .links.cols4-2 .list_inner:nth-child(4n) {
	margin-right: 0px;
}

.maindesign .merit {
	padding: 10px;
}

.maindesign .k1_700w {
	margin-bottom: 20px;
}

.maindesign .annotation_txt {
	margin-bottom: 10px;
}

.maindesign .annotation_txt p:not(:last-child) {
	margin-bottom: 5px;
}

.maindesign th.th_set {
	font-size: 1.5em;
	font-weight: bold;
}

.maindesign .nextBtn {
	margin: 20px 0 60px;
}

.videos {
	position: relative;
	cursor: pointer;
	border: 1px solid #ccc;
	box-sizing: border-box;
}
.videos img {
	display: block;
}
.maindesign .videos--overmaker {
	top: 50%;
	left: 50%;
	position: absolute;
	transform: translate(-50%, -50%);
	width: 20%;
	height: auto;
	opacity: 0.7;
}
#modalwindow {
	display: none;
	background: rgba(0, 0, 0, 0.7);
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 10001;
}
#bamiri {
	width: 65%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	background-color: #fff;
}
#subwindow {
	overflow: scroll;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 0;
}
#subwindow img {
	width: 100%;
	height: auto;
}
.modal_close {
	position: absolute;
	top: 0;
	right: 0;
	width: 15%;
	height: 15%;
	max-width: 80px;
	max-height: 80px;
	transform: translate(50%, -100%);
}

/* -- 動画（YouTube・MP4　共通） end --  */

#modalwindow_table {
	display: none;
	background: rgba(0, 0, 0, 0.7);
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 10000;
}
#bamiri_table {
	width: 65%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	background-color: #fff;
}
#subwindow_table {
	overflow: scroll;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 0;
}
.modal_close_table {
	position: absolute;
	top: 0;
	right: 0;
	width: 15%;
	height: 15%;
	max-width: 80px;
	max-height: 80px;
	transform: translate(50%, -100%);
}
@media screen and (max-width: 767px) {
	#bamiri {
		width: 80%;
		height: 60%;
	}
	#bamiri_table {
		width: 80%;
		height: 50%;
	}
	.modal_close {
		top: -40px;
		right: -20px;
		width: 40px;
		height: 40px;
		transform: translate(0, 0);
	}
}
.maindesign .cursor-bnr {
	cursor: pointer;
}

/*250408*/
.maindesign .insert-container#senmen-movie {
	margin: 20px 0 20px;
}

.maindesign .insert-container#senmen-movie .movie-list {
	border: 5px solid #b3a48d;
	border-radius: 10px;
	box-sizing: border-box;
	width: 50%;
	margin: 0 auto;
}

.maindesign .insert-container#senmen-movie .movie-title {
	color: #fff;
	text-align: center;
	font-size: 1.2em;
	line-height: 1.2;
	font-weight: bold;
	padding: 10px 0 15px;
	background-color: #b3a48d;
	box-sizing: border-box;
}

.maindesign .insert-container#senmen-movie .movie-list--item {
	padding: 5px;
}

.maindesign .insert-container.col2-1#senmen-movie {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin: 20px 0;
}

.maindesign .insert-container.col2-1#senmen-movie .movie-list {
	width: calc(50% - 10px);
}

.maindesign .insert-container.col2-1#senmen-movie .movie-title {
	font-size: 1.2em;
}

.maindesign .recommend-table > * {
	box-sizing: border-box;
}
.maindesign .scroll-text {
	margin-bottom: 15px;
}
.maindesign .scroll-text > span {
	font-size: 0.9rem;
	padding: 5px;
	border: 2px solid #e00012;
	color: #e00012;
	display: inline-block;
	font-weight: bold;
}
.maindesign .recommend-table {
	width: 100%;
	overflow-x: scroll;
}
.maindesign .recommend-table--content {
	border-collapse: collapse;
	border-spacing: 0;
	width: 1525px;
	cursor: grab;
}
.maindesign .recommend-table--content:active {
	cursor: grabbing;
}

.maindesign .recommend-table a {
	text-decoration: none;
}
.maindesign .recommend-table th,
.maindesign .recommend-table td {
	padding: 15px;
	box-sizing: border-box;
	border: 1px solid #ccc;
}
.maindesign .recommend-table th {
	position: sticky;
	top: 0;
	left: 0;
	z-index: 999;
	width: 150px;
	background-color: #727171;
	color: #fff;
	text-align: center;
	line-height: 1.4;
	font-size: 1.2rem;
}
.maindesign .recommend-table td {
	width: 275px;
}

.maindesign .recommend-table .recommend-img {
	position: relative;
}
.maindesign .recommend-table .recommend-img--name {
	text-align: center;
	font-weight: bold;
	-webkit-backdrop-filter: blur(30px);
	backdrop-filter: blur(30px);
	background: rgba(255, 255, 255, 0.1);
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 100%;
	padding: 10px 0;
	transform: translateX(-50%);
	text-align: center;
	font-size: 1.1rem;
}
@supports not (backdrop-filter: blur(30px)) {
	.maindesign .recommend-table .recommend-img--name {
		background: rgba(255, 255, 255, 0.8);
	}
}
@media all and (-ms-high-contrast: none) {
	.maindesign .recommend-table .recommend-img--name {
		background: rgba(255, 255, 255, 0.8);
	}
}
.maindesign .recommend-table .frontage {
	font-size: 1.75rem;
	text-align: center;
	font-weight: bold;
}

.maindesign .recommend-table .recommend-price {
	display: flex;
	align-items: baseline;
	justify-content: center;
	font-size: 2.5rem;
	font-weight: bold;
}
.maindesign .recommend-table .recommend-price--tax {
	display: inline-block;
	margin-right: 10px;
	font-size: 0.4em;
}
.maindesign .recommend-table .recommend-price--yen {
	display: inline-block;
	font-size: 0.5em;
}
.maindesign .product-info {
	position: relative;
}
.maindesign .product-info--img {
	width: 60%;
	margin-left: auto;
}
.maindesign .product-info--txt {
	position: absolute;
	bottom: 10px;
	left: 10px;
	font-weight: bold;
	font-size: 1.35rem;
	line-height: 1.2;
	text-shadow: 0px 0px 2px rgba(255, 255, 255, 1), 0px 0px 2px rgba(255, 255, 255, 1), 0px 0px 2px rgba(255, 255, 255, 1);
}
.maindesign .product-info--txt__small {
	font-size: 0.7em;
	display: inline-block;
}
.maindesign .product-info--icon {
	position: absolute;
	top: 5px;
	left: 5px;
	width: 65px;
	height: 65px;
}
.maindesign .recommend-table .btn-group > li:not(:first-child) {
	margin-top: 15px;
}

/*  251111 更新  */
.maindesign .width_67p {
	width: 67%;
}
.maindesign .width_67p th {
	width: 51%;
}

/*  251202 更新  */
.maindesign .d7table td.w02 {
	width: 25% !important;
}
/*  260131 更新  */
.maindesign .campaign-bnr {
	margin-block: 30px 0;
}
.maindesign .campeign-icon {
    position: absolute;
    top: -10px;
    right: -10px;
    z-index: 1;
    display: flex;
}

.maindesign .campeign-icon--item__blue {
	color: #fff;
    padding: 5px 10px;
    box-sizing: border-box;
    font-size: 0.8em;
    line-height: 1.2;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    box-shadow: 0 2px 3px rgb(0 0 0 / 16%);
    width: 135px !important;
    margin-bottom: 0 !important;
    margin-top: 0 !important;
    margin-right: 0 !important;
    background: #005cd3;
	border: none !important;
}

.maindesign .campeign-icon--item__blue.likcolor {
	color: #780b10;
    padding: 5px 10px;
    box-sizing: border-box;
    font-size: 1rem;
    line-height: 1.2;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    box-shadow: 0 2px 3px rgb(0 0 0 / 16%);
    width: auto !important;
    margin-bottom: 0 !important;
    margin-top: 0 !important;
    margin-right: 0 !important;
    background-color: #fdecd2;
	border: 3px solid #780b10 !important;
    font-weight: bold;
}

.maindesign .campeign-icon2 {
	position: absolute;
    top: -30px;
    left: 354px;
    z-index: 1;
    display: flex;
}

.maindesign .campeign-icon3 {
	position: absolute;
    top: 3px;
    right: 3px;
    z-index: 1;
    display: flex;
}