#main {
	font-family: 'メイリオ', Meiryo, verdana, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', Sans-Serif;
}
header img {
	width: 100%;
	height: auto;
}
header .logo img {
	width: 170px;
}
header .rightBnr img {
	width: 130px;
}

.title {
	/*	
background-image: url("../image/title.jpg");
background-size: cover;
background-position: center right;
height: 150px;
width: 100%;
margin: 0 auto;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
align-items: center;
    position: relative;
*/
}
h1 {
	/*	
color: #FFFFFF;
    text-align: left;
    font-weight: 700;
    font-size: 32px;
    font-feature-settings: "palt" 1;
    line-height: 1.2;
    text-shadow: 1px 1px 5px #000000;
    padding: 5px 5px 10px;
    top: 18%;
    left: 3%;
*/
}
h1 img {
	width: 100%;
	height: auto;
	display: block;
}
.headingSub {
	position: absolute;
	top: 6%;
	left: 3%;
	/* text-shadow: 1px 1px 5px #000000; */
	font-size: 1em;
	color: #fff;
	background: #0091d3;
	padding: 10px;
	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;
}
#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;
}
#main .breadcrumb {
	margin: 0 10px 10px;
}
#main ul.border li img {
	display: block;
}
#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: 100%;
	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 .bopis-table-box {
	overflow: auto;
	margin-bottom: 40px;
}
#main .bopis-table-box.flex {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 10px 0;
}
#main .bopis-table.layout02 {
	width: 100%;
	margin: 10px 0;
}
#main .bopis-table.layout02 tr.xname {
	min-height: 52px;
}
#main .bopis-table {
	width: 600px;
	font-feature-settings: 'palt' 1;
	margin: 0;
	white-space: nowrap;
	border-collapse: separate;
}
#main .bopis-table tr.xname {
	background-color: #50535d;
	color: #fff;
}
#main .bopis-table tr.xname:hover {
	background-color: #50535d;
}
#main .bopis-table tr {
}
#main .bopis-table tr:hover {
	background-color: #efefef;
}
#main .bopis-table td,
#main .bopis-table th {
	border: 1px solid #ccc;
	padding: 10px 4px;
	width: 92px;
	text-align: center;
	font-size: 0.9em;
}
#main .bopis-table td.link {
	padding: 0;
	width: 20%;
}
#main .bopis-table .sticky {
	position: sticky;
	left: 0;
	z-index: 2;
}
#main .bopis-table .sticky::after {
	contet: '';
	width: 100%;
	height: 100%;
	border: 1px solid #ccc;
}
#main .bopis-table th.sticky {
	border: 1px solid #ccc;
	background-color: #50535d;
}
#main .bopis-table td.sticky {
	border: 1px solid #ccc;
	background-color: #ffffff;
}
#main .bopis-table td.link a {
	width: 100%;
	height: 100%;
	display: block;
	line-height: 3;
	color: #000;
	text-align: left;
	padding: 0 5px 0;
	box-sizing: border-box;
	position: relative;
}
#main .bopis-table td p {
	margin: 0 0 10px;
}
#main .bopis-table td a {
	text-decoration: none;
}
#main .bopis-table td.bopis-table-txt {
	text-align: left;
}
#main .bopis-table td.yname {
	background-color: #d2d2d2;
	/*width: 55px; */
}
#main .bopis-table td .fsSmall {
	padding: 0.8em;
}
#main p.scrolltxt {
	margin-bottom: 40px;
}
@media screen and (max-width: 767px) {
	#main .bopis-table-box {
		overflow: hidden;
		position: relative;
		overflow-x: scroll;
		margin-bottom: 0;
	}
	#main .bopis-table-box.noscroll {
		margin-bottom: 40px;
	}
	#main .bopis-table {
	}
}
#main a.btnRadius02 {
	margin: 10px auto;
}
#main .bopis-table-box a.btnRadius02 {
	max-width: 130px;
}
#main .mud-slope-spacer {
	position: relative;
	margin: 0 0 20px;
}
#main .mud-slope-spacer img {
	width: 100%;
	height: auto;
}
#main .mud-slope-spacer img.spacer {
	position: absolute;
}
#main .mud-slope-spacer img.spacer.s01 {
	top: 2.7%;
	width: 47%;
	height: 6%;
	left: 2%;
}
#main .mud-slope-spacer img.spacer.s02 {
	top: 2.7%;
	width: 47%;
	height: 6%;
	left: 52%;
}
#main .mud-slope-spacer img.spacer.s03 {
	top: 9.2%;
	width: 47%;
	height: 6%;
	left: 2%;
}
#main .mud-slope-spacer img.spacer.s04 {
	top: 9.2%;
	width: 47%;
	height: 6%;
	left: 52%;
}
#main .mud-slope-spacer img.spacer.s05 {
	top: 15.8%;
	width: 47%;
	height: 6%;
	left: 2%;
}
#main .mud-slope-spacer img.spacer.s06 {
	top: 15.8%;
	width: 47%;
	height: 6%;
	left: 52%;
}

#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 {
	font-feature-settings: 'palt' 1;
}
#main .lead-text.w_power {
	font-size: 1.25em;
	font-weight: bold;
}
#main .lead-text.w_power.massive {
	font-size: 1.5em;
	font-feature-settings: 'palt' 1;
}
#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: 100%;
	margin: 0 0 30px;
}
#main .goods-box .goods-cols_block:last-child {
	margin: 0 0 0;
}
#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: 100%;
	display: flex;
	flex-direction: column;
}
#main .goods-box_cols .goods-box .menu-btn-list {
	margin: 1rem 0;
}

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

#main .goods-list li {
	width: calc(50% - 5px);
	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---- */

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

/*グレーのマーカー*/
#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);
}
/* -- sp  h3 見出し end --  */

/* ----sp  ボタン組み合わせ---- */
#main .flatbtn {
	box-sizing: border-box;
	text-align: center;
	border-radius: 25px;
	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 .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;
}
/* -- sp  ボタン組み合わせend --  */

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

/* ----ページ内リンクボタン---- */
/* ----pc4列表示 sp2列表示　pc3列表示 sp2列表示---- */
#main .tab-menu-nav {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
#main .tab-menu-nav .fs-medium {
	padding: 0.5rem 1.8rem 0.5rem 1rem;
	font-feature-settings: 'palt';
	min-height: 3rem;
	line-height: 1.3;
}
#main .tab-menu-nav li {
	width: calc(50% - 0.4rem);
	margin-bottom: 1.25em;
	font-size: 0.85rem;
}
/* ----ページ内リンクボタン---- */
/* ----pc4列表示 sp1列表示　pc3列表示 sp1列表示---- */
#main .tab-menu-nav.col-1 li {
	width: 100%;
}
/* ----ページ内リンクボタン---- */
/* ----画像付き pc3列表示 sp1列表示---- */
#main .feature__items li a .feature__items--txt.sp-title {
	display: flex;
	align-items: center;
}
#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;
	margin: 1rem 0;
}
#main .menu-btn-list li {
	width: 100%;
	margin-bottom: 1em;
	line-height: 1.2;
}
#main .menu-btn-list li:last-child {
	margin-bottom: 0;
}
#main .menu-btn-list .fs-large {
	padding: 0.5rem 2rem 0.5rem 1rem;
	font-feature-settings: 'palt';
	min-height: 3rem;
	font-size: 1em;
}
/* -- ボタンメニュー end --  */

/* ----画像リスト----*/
#main .banner-list {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
#main .banner-list li {
	margin-bottom: 1rem;
}
.banner-list li:last-child {
	margin-bottom: 0;
}
.banner-list p {
	margin-top: 0.5rem;
	line-height: 1.3;
}
#main .banner-list p span {
	margin-left: 0.5em;
}
/* -- 画像リスト end --  */

/* ----関連特集・関連情報・関連動画　共通----*/
/* pc2列表示 sp1列表示 */
#main .feature__items {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
#main .feature__items li {
	width: 100%;
	margin-top: 1rem;
	position: relative;
	font-feature-settings: 'palt';
}
#main .feature__items li:first-child {
	margin-top: 0;
}
#main .feature__items li a {
	display: flex;
	justify-content: space-between;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	padding: 12px 8px 12px 12px;
	border: 1px solid #ccc;
	border-radius: 5px;
	overflow: hidden;
	color: #333;
}
#main .feature__items li a .pickup--img {
	margin: 0 10px 0 10px;
	width: 28%;
}
#main .feature__items li a .feature__items--img {
	margin: 0 5px 0 5px;
	width: 24%;
	display: flex;
	align-items: center;
}
#main .feature__items li a .feature__items--txt {
	width: 76%;
}
#main .feature__items li a .feature__items--txt .feature__items--txt__title {
	font-weight: bold;
	font-size: 1.15rem;
	line-height: 1.3;
	margin-bottom: 0.4rem;
}
#main .feature__items li a .feature__items--txt .feature__items--txt__catch {
	line-height: 1.5;
	font-size: 0.85rem;
}
/* pc3列表示 sp2列表示 */
#main .feature__items.col-3 {
}
#main .feature__items.col-3 li {
	width: 48%;
	margin-top: 1rem;
	position: relative;
}
#main .feature__items.col-3 li:nth-child(-n + 2) {
	margin-top: 0;
}
#main .feature__items.col-3 li a {
	padding: 8px 5px;
}
#main .feature__items.col-3 li a .feature__items--txt {
	width: 62%;
}
#main .feature__items.col-3 li a .feature__items--txt .feature__items--txt__title {
	font-weight: bold;
	font-size: 11px;
	line-height: 1.3;
	margin-bottom: 0.4rem;
}
#main .feature__items.col-3 li a .feature__items--txt .feature__items--txt__catch {
	line-height: 1.3;
	font-size: 9px;
}
#main .feature__items.col-3 li a .future--img {
	margin: 0 5px;
	width: calc(38% - 10px);
	display: flex;
	align-items: center;
}
/* -- 関連特集・関連情報・関連動画　共通 end --  */

/* ----動画（YouTube・MP4　共通）----*/
#main .komeri-original-movie {
	margin-bottom: 2rem;
}
#main .youtube-list {
	display: flex;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}
#main .youtube-list .youtube {
	box-sizing: border-box;
	margin-bottom: 1.5em;
	border: 1px solid #ccc;
}
#main .youtube-list li {
	width: 100%;
	margin-top: 1.5em;
}
#main .youtube-list li:nth-child(-n + 1) {
	margin-top: 0;
}
#main .youtube-list.cols2__1 li {
	width: 100%;
}
/*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: 80%;
	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: -30px;
	right: -30px;
}
/* -- 動画（YouTube・MP4　共通） end --  */

/* ----静的　単品商品----*/
/* sp2列表示 */
#main .product-list {
	display: flex;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
#main .product-list li {
	width: calc(50% - 15px);
	margin-top: 1.5rem;
	position: relative;
	display: flex;
	flex-direction: column;
}
#main .product-list li:nth-child(-n + 2) {
	margin-top: 0;
}
#main .product-list li a {
}
.product-img--area {
	width: 150px;
	height: 150px;
	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.4;
	color: #333;
	word-break: break-all;
	overflow-wrap: break-word;
	font-feature-settings: 'palt';
	overflow: hidden;
	height: 4em;
	margin-bottom: 1em;
	font-size: 0.875em;
	margin-top: 1em;
}
#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: start;
	-ms-flex-align: start;
	align-items: flex-start;
}
#main .product-list .price-area .head {
	font-size: 0.75em;
	margin-right: 0.5em;
}
.b-price {
	position: relative;
	display: inline-block;
}
.b-price img {
	height: 1em;
	width: auto;
}
.b-price_line {
	position: absolute;
	border-bottom: 2px solid #030303;
	height: 2px;
	bottom: 50%;
	right: 0px;
	width: 100%;
}
.price {
}
.price img {
	height: 1.5em;
	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.5rem;
	font-weight: bold;
	margin: 0.8rem 0;
}
#main .product-list .price-area .en {
	font-size: 1rem;
	font-weight: normal;
	padding-left: 2px;
}
/* -- sp2列表示 end --  */
/* -- 静的　単品商品 end --  */

/*ページトップ
--------------------------------------*/
#main .gotop {
	margin: 1.5em 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;
	line-height: 1;
	position: absolute;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	line-height: 1.2;
	font-size: 12vw;
	top: 33%;
}
.maindesign .title h1 span.heading01:before {
	content: '洗面化粧台特集';
	-webkit-text-stroke: 0.1em #fff;
	position: absolute;
	z-index: -1;
}
.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: 4vw;
	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: 74%;
	left: 20%;
}
.maindesign .title span.headingcell.b03 {
	top: 74%;
	left: 50%;
}
.maindesign .title span.headingcell.b04 {
	top: 74%;
	left: 80%;
}
.maindesign .title span.headingcell.b05 {
	top: 74%;
	left: 50%;
	width: 60%;
}

.maindesign .topBtn {
	margin: 0 10px;
}

.maindesign .topBtn ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.maindesign .topBtn ul li {
	width: 48%;
	margin: 0 0 15px 0;
	display: flex;
	font-family: 'Noto Sans JP', 'ＭＳ Ｐゴシック', 'MS PGothic', verdana, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Osaka, Sans-Serif;
	line-height: 1.3;
}

.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.5em center;
	background-size: 7px;
	padding: 0.9em 1.2em 0.9em 0.5em;
	border: 1px solid #ccc;
	border-radius: 6px;
	text-align: left;
	box-sizing: border-box;
	width: 100%;
	font-size: 0.85em;
	display: block;
	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: 100%;
	margin: 0 0 20px 0;
	padding: 0.3em;
	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;
	flex-direction: row-reverse;
	height: 30vw;
}
.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: 0;
	padding: 0.5em 0;
	font-weight: 700;
}
.maindesign .eventbnr li .linksTxt p span {
	font-size: 0.75em;
	width: calc(100%);
	line-height: 1.2;
	font-weight: 400;
	padding-top: 0.5em;
	display: block;
}
.maindesign .eventbnr li .linksImg {
	margin: auto auto auto auto;
	width: calc(38% - 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%;
}
@media screen and (max-width: 767px) {
	.maindesign .senmenOsusumeGoods.col_3 li {
		width: calc(50% - 5px);
		margin: 0px 0 10px;
	}
	.maindesign .senmenOsusumeGoods.col_2 li {
		width: 48%;
	}
}

.maindesign .senmenOsusumeGoods li img {
	margin: auto;
	display: block;
	max-width: 100%;
	height: auto;
}
.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;
}
@media screen and (max-width: 767px) {
	.maindesign .botton_box2 li {
		width: 100%;
		margin-bottom: 10px;
	}
}

.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;
}
@media only screen and (max-width: 767px) {
	.maindesign .Manufacturer.single_item li {
		width: 100%;
	}
	.maindesign .titleName {
		font-size: 3.5vw;
	}
	.maindesign .titleName .font.komeri {
		font-size: 7.5vw;
	}
}

.maindesign .container {
	display: grid;
	gap: 5px 5px;
	grid-auto-columns: auto;
	grid-auto-flow: row;
	grid-template-columns: 42% 58%;
	grid-template-areas:
		'Img Title'
		'Img Status';
	padding: 10px;
}
@media only screen and (max-width: 767px) {
	.maindesign .container {
		grid-template-columns: 42%;
		grid-auto-columns: auto;
		grid-auto-flow: row;
		grid-template-areas:
			'Img Title'
			'Status 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 .lixil_k1 .Status .set_kakaku .balloon {
	background-color: #d1513b !important;
}
.maindesign .senmenseries.lixil_k1 {
	background: #e47263;
}
.maindesign .lixil_t1 {
	background: #aa9fdc;
	background: -moz-linear-gradient(#593cbc 0%, #aa9fdc 100%);
	background: -webkit-gradient(linear, left top, left bottom, from(#593cbc), to(#aa9fdc));
	background: -webkit-linear-gradient(#593cbc 0%, #aa9fdc 100%);
	background: -o-linear-gradient(#593cbc 0%, #aa9fdc 100%);
	background: linear-gradient(#593cbc 0%, #aa9fdc 100%);
}
.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: #dc634e;
}
.maindesign .toto_kc .Status .set_kakaku .balloon {
	background-color: #dc634e !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;
	background: -moz-linear-gradient(#2991bf 0%, #b5dee8 100%);
	background: -webkit-gradient(linear, left top, left bottom, from(#2991bf), to(#b5dee8));
	background: -webkit-linear-gradient(#2991bf 0%, #b5dee8 100%);
	background: -o-linear-gradient(#2991bf 0%, #b5dee8 100%);
	background: linear-gradient(#2991bf 0%, #b5dee8 100%);
}
.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: #ede6d9;
}
.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: #00328e;
}
.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 .container .Status {
	grid-area: Status;
}
.maindesign .container.komeri_kl .Status {
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	margin: 10px 0 0;
}
.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: 0 auto 10px 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 .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: 1em;
	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;
}
.maindesign .container.komeri_kl .Title p {
	color: #000;
}
.maindesign .container.komeri_kl .Title .size {
	display: flex;
	margin: auto 0 0;
	flex-wrap: nowrap;
	background: #fff;
	align-items: center;
	flex-direction: column;
	width: 100%;
}
.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 {
	display: flex;
	margin: auto 0 10px;
	flex-wrap: nowrap;
	background: #fff;
	align-items: center;
}
.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 {
	grid-area: Img;
	text-align: center;
}
.maindesign .container .Img img {
	max-width: 100%;
}
@media only screen and (max-width: 767px) {
	.maindesign .container .Title h2 {
		font-size: 6vw;
	}
	.maindesign .container .Status .size {
		flex-wrap: wrap;
		margin: auto 0 10px 0;
		overflow-wrap: break-word;
		word-break: break-word;
		font-size: 5vw;
	}
	.maindesign .container .Title p {
		font-size: 0.8em;
		font-feature-settings: 'palt' 1;
		margin: 0 0 10px;
	}
	.maindesign .container .Status .txt01 {
		font-size: 1em;
	}
	.maindesign .container .Status .kakaku {
		font-size: 10vw;
	}
	.maindesign .container .Status .size .size_01,
	.maindesign .container .Status .size .size_02 {
		width: 100%;
		padding: 5px;
	}
	.maindesign .container.lixil_k1 .Status .size .size_02 {
		padding: 5px 60px;
	}
	.maindesign .container .Img img {
		max-width: 100%;
		width: auto;
		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;
	flex-direction: row-reverse;
}
.maindesign .top_img img {
	width: 50%;
	align-self: flex-start;
}

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

@media only screen and (max-width: 767px) {
	.maindesign .senmenseries div.senmenseries_logo {
		width: 27%;
	}
}

.maindesign .senmenseries div.Title {
	/*margin: 0 1.5em;*/
	margin: 0 0 0 0.8em;
}
.maindesign .senmenseries div.Title p.series_t {
	font-size: 2em;
	font-weight: bold;
	color: #fff;
	line-height: 1.2;
}
.maindesign .senmenseries div.Title p.series_t img {
}
.maindesign .senmenseries.toto_ol div.Title p.series_t {
	font-size: 1em;
}
.maindesign .senmenseries div.Title p {
	font-weight: bold;
	color: #fff;
	line-height: 1.2;
	font-feature-settings: 'palt' 1;
}
.maindesign .senmenseries.toto_ol div.Title p,
.maindesign .senmenseries.komeri_kl div.Title p {
	color: #000;
}
.maindesign .senmenseries.komeri_kl div.Title p {
	font-size: 0.8em;
}
@media only screen and (max-width: 767px) {
	.maindesign .senmenseries div.Title p {
		font-size: 13px;
	}
}

@media only screen and (max-width: 767px) {
	.maindesign .senmenseries div.Title h2 {
		font-size: 8vw;
	}
	.maindesign .top_img img {
		width: 100%;
		display: block;
	}
}

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: collapse;
}

.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: collapse;
}
.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;
}
@media screen and (max-width: 767px) {
	.maindesign h3 .senpatsu {
		margin-left: 0;
	}
}

.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: collapse;
}

.maindesign .sekkei td {
	border-collapse: collapse;
	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;
}

@media screen and (max-width: 767px) {
	.maindesign .tab li {
		width: 50%;
	}
	.maindesign .tab li:nth-child(3n) {
		border-left: solid 1px #ccc;
	}

	.maindesign .twfix {
		width: 16%;
	}
	.maindesign .tablew {
		width: 800px;
	}

	.maindesign .l31 {
		left: 31px;
	}

	.maindesign .shiyo .maguchi {
		width: 100%;
	}

	.maindesign .shiyo .kataban {
		width: 100%;
	}
	.maindesign .kataban dt,
	.maindesign .kataban dd {
		float: none;
		margin: 5px 0;
		width: 100%;
	}
	.maindesign .kataban dd {
		margin-bottom: 10px;
		margin-top: 0;
	}

	.maindesign .value th {
		font-size: 0.8em;
	}

	.maindesign .value td {
		font-size: 0.8em;
	}
	.maindesign .sentaku p {
		font-size: 0.8em;
	}
	.maindesign h4 {
		font-size: 1.5em;
	}
	.maindesign h5 {
		font-size: 1.2em;
	}
	.maindesign .choice p {
		text-indent: -0.8em;
		margin: 0 0 0 0.8em;
		line-height: 1.5;
		font-size: 0.8em;
	}

	.maindesign .image .top_img img {
		width: 100%;
	}
	.maindesign .sekkei td {
		display: block;
	}

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

	.maindesign .sekkei td:nth-child(2n - 1) {
		border-top: 1px dashed #000;
		border-bottom: none;
		border-right: none;
	}
	.maindesign .flex img {
		width: 100%;
		max-width: 450px;
		margin: auto;
	}

	.maindesign .image .top_img .top-play {
		position: absolute;
		width: 14%;
		height: 5%;
		top: 4.5%;
		left: 78%;
	}
}

.maindesign a.flowBtn {
	display: block;
	max-width: 800px;
	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 --- */
@media screen and (max-width: 767px) {
	.maindesign img {
		width: 100%;
	}
}

@media screen and (max-width: 767px) {
	.maindesign .width_auto {
		width: auto;
	}
}

/*幅*/
.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;
}

@media screen and (max-width: 767px) {
	.maindesign .mb2_sp {
		margin-bottom: 2px !important;
	}
}

/* --- フォントサイズ --- */
.maindesign .fs08 {
	font-size: 0.8em;
}
.maindesign .fs16 {
	font-size: 16px;
}
.maindesign .fs18 {
	font-size: 18px !important;
}
@media screen and (max-width: 767px) {
	.maindesign .fs18 {
		font-size: 15px !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のみ*/
@media all and (-ms-high-contrast: none) {
	.maindesign .title h1 span.heading01 {
		color: #000;
		text-shadow: 0px 0px 5px rgb(255, 255, 255);
		filter: drop-shadow(0 0 5px rgb(255, 255, 255));
		font-weight: bold;
		font-size: 70px;
		line-height: 1;
		position: absolute;
		transform: translate(-50%, -50%);
		width: 100%;
		line-height: 1.2;

		/*文字のアウトライン*/
		filter: dropshadow(color=#fff, offX= 0, offY=-2) dropshadow(color=#fff, offX= 2, offY= 0) dropshadow(color=#fff, offX= 0, offY= 2) dropshadow(color=#fff, offX=-2, offY= 0);

		-webkit-text-stroke-color: #fff;
		-webkit-text-stroke-width: 2px;

		text-shadow: white 2px 2px 2px, white -2px 2px 2px, white 2px -2px 2px, white -2px -2px 2px;
	}

	.maindesign .title h1 span.heading01:before {
		content: none;
		-webkit-text-stroke: 0.1em #fff;
		position: absolute;
		z-index: -1;
	}

	.maindesign .titleName .font.lixil:before {
		content: none;
	}

	.maindesign .titleName .font {
		/*文字のアウトライン*/
		filter: dropshadow(color=#fff, offX= 0, offY=-2) dropshadow(color=#fff, offX= 2, offY= 0) dropshadow(color=#fff, offX= 0, offY= 2) dropshadow(color=#fff, offX=-2, offY= 0);

		-webkit-text-stroke-color: #fff;
		-webkit-text-stroke-width: 2px;

		text-shadow: white 2px 2px 2px, white -2px 2px 2px, white 2px -2px 2px, white -2px -2px 2px;
	}

	.maindesign .titleName .font.toto:before {
		content: none;
	}
}

/* --- レスポンシブ表示非表示 --- */
@media screen and (max-width: 767px) {
	.maindesign .pc_only {
		display: none;
	}
}

.sp_only {
	display: none;
}
@media screen and (max-width: 767px) {
	.maindesign .sp_only {
		display: block;
	}
}

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

	index.html
	洗面化粧台特集 TOPs
 
====================================================*/
.maindesign a:hover img {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: 'alpha( opacity=70 )';
}
.maindesign {
	width: 100%;
	max-width: 860px;
	margin: auto;
	text-align: left;
}
.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;
}

@media screen and (max-width: 767px) {
	.maindesign #slideshowBox {
		max-width: 860px;
		width: 100%;
		margin: 10px auto 0;
	}
	.maindesign #slideshowBox ul {
		list-style: none;
		padding: 0;
		margin: 0;
	}
	div#main .maindesign .memo {
		text-align: right;
		margin-bottom: 0;
		font-size: 16px;
	}

	.maindesign h1 span {
		font-size: 12vw;
	}
}

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

@media screen and (max-width: 767px) {
	.maindesign .series .caption h2 {
		font-size: 9vw;
	}
	.maindesign .series .caption p {
		font-size: 5vw;
	}

	.maindesign .series .pic {
		width: 100%;
	}
	.maindesign .series .pic img {
		margin: 10px;
		width: calc(100% - 20px);
	}

	.maindesign .series .status,
	.maindesign .series .caption {
		width: calc(100% - 20px);
	}

	.maindesign .series .status .kakaku {
		font-size: 10vw;
	}

	.maindesign .series .status .kakaku span {
		font-size: 4vw;
	}

	.maindesign .series .status .txt01 {
		font-size: 4vw;
	}
}

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

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

	basic.html
	洗面化粧台はどんな種類がある？

============================================= */
@media screen and (max-width: 767px) {
	.maindesign .exp {
		flex-direction: column;
	}

	.maindesign .exp li {
		width: 100%;
	}

	.maindesign .exp li:first-child {
		padding-bottom: 20px;
	}
}

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

	lixil.html
	ボタンサイズ

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

/*K1 シリーズ　取り扱いサイズ（幅）の背景サイズ*/
.maindesign .lixil_k1_btmsize {
	padding: 18px !important;
}
@media screen and (max-width: 767px) {
	.maindesign .lixil_k1_btmsize {
		padding: 5px !important;
	}
}

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

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

============================================= */
.maindesign .Title img {
	width: 100px;
}
@media screen and (max-width: 767px) {
	.maindesign .Title img {
		width: 45%;
	}
}

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

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

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

.maindesign .container .flex_end {
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	height: 191px;
}
@media screen and (max-width: 767px) {
	.maindesign .container .flex_end {
		height: auto;
	}
}

.maindesign .height_330 {
	height: 330px;
}
@media screen and (max-width: 767px) {
	.maindesign .height_330 {
		height: auto;
	}
}
/* =============================================

	商品詳細共通

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

/*タイトル*/
.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;
}

@media screen and (max-width: 767px) {
	.maindesign .lh2 {
		line-height: 2;
	}
}

/*動画ボタン*/
.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%;
}
@media screen and (max-width: 767px) {
	.maindesign .top_img .top-play {
		position: absolute;
		width: 17.8%;
		height: 6.3%;
		top: 3.2%;
		right: 8.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;
}
@media screen and (max-width: 767px) {
	.maindesign .txt_m {
		font-size: 1.15em !important;
	}
}

.maindesign .txt_s {
	font-size: 1em !important;
}
@media screen and (max-width: 767px) {
	.maindesign .txt_s {
		font-size: 0.9em !important;
	}
}

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

.maindesign .height_60 {
	height: 60px;
}
@media screen and (max-width: 767px) {
	.maindesign .height_60 {
		height: 55px;
	}
}

/*表ボタン*/
.maindesign .btm_orange {
	background: #ea6d0d;
	margin: 20px 140px;
	border-radius: 30px;
	color: #fff !important;
	font-weight: bold;
}
@media screen and (max-width: 767px) {
	.maindesign .btm_orange {
		margin: 20px 20px;
		border-radius: 20px;
	}
}

@media screen and (max-width: 767px) {
	.maindesign .value td a {
		padding: 10px 5px;
	}
}

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

@media screen and (max-width: 767px) {
	.maindesign .shiyo .maguchi {
		width: 100%;
	}
	.maindesign p.scrolltxt {
		margin: 13px 0 15px 0;
	}
}

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

	TOTO KZ シリーズ toto_kz.html

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

/*タイトル背景カラー*/

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

@media screen and (max-width: 767px) {
	.maindesign .tab li:nth-child(3) {
		border-block-start: none;
	}

	.maindesign .tab li:nth-child(4) {
		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;
}
@media screen and (max-width: 767px) {
	.maindesign .btm_orange2 {
		margin: 6px;
		border-radius: 14px;
		padding: 7px 5px !important;
		line-height: 1.1;
	}
}

/*表の幅*/
.width_35 {
	width: 35%;
}
@media screen and (max-width: 767px) {
	.width_35 {
		width: auto;
	}
}

.width_527 {
	width: 527px;
}
@media screen and (max-width: 767px) {
	.width_527 {
		width: auto;
	}
}

/*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;
}
@media screen and (max-width: 767px) {
	.maindesign .kinou-play_kz_1 {
		top: 2.5%;
		padding: 8px;
		font-size: 14px;
	}
}

.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;
}
@media screen and (max-width: 767px) {
	.maindesign .kinou-play_kz_2 {
		top: 6%;
		left: 81.7%;
		padding: 8px;
		font-size: 14px;
	}
}

.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;
}
@media screen and (max-width: 767px) {
	.maindesign .kinou-play_kz_3 {
		top: 16.6%;
		padding: 8px;
		font-size: 14px;
	}
}

.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;
}
@media screen and (max-width: 767px) {
	.maindesign .kinou-play_kz_4 {
		top: 9.8%;
		left: 81.7%;
		padding: 8px;
		font-size: 14px;
	}
}

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

	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;
}
@media screen and (max-width: 767px) {
	.maindesign .kc600 {
		flex-wrap: wrap;
		gap: 30px 10px;
	}
}

.maindesign .kc600_box {
	flex: 1;
	display: flex;
	flex-direction: column;
}
@media screen and (max-width: 767px) {
	.maindesign .kc600_box {
		flex: auto;
		width: 48%;
	}
}

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

.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;
}
@media screen and (max-width: 767px) {
	.maindesign .shousai_2men_tobira,
	.maindesign .shousai_katahikidashi {
		flex-direction: column;
		align-items: center;
		margin-right: 0;
	}
}

.maindesign .shousai_2men_tobira .shousai_2men_tobira_img,
.maindesign .shousai_katahikidashi .shousai_2men_tobira_img {
	/*flex: 1;*/
	width: 247px;
}
@media screen and (max-width: 767px) {
	.maindesign .shousai_2men_tobira .shousai_2men_tobira_img,
	.maindesign .shousai_katahikidashi .shousai_2men_tobira_img {
		width: 76%;
	}
}

.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;
}
@media screen and (max-width: 767px) {
	.maindesign .shousai_katahikidashi .shousai_2men_tobira_txt {
		margin-left: 0;
	}
}

.maindesign .shousai_2men_tobira_txt div h5 {
	font-weight: bold;
	font-size: 20px;
	padding-bottom: 10px;
	/*width: 165px;*/
}
@media screen and (max-width: 767px) {
	.maindesign .shousai_2men_tobira_txt div h5 {
		padding-bottom: 0;
	}
}

@media screen and (max-width: 767px) {
	.maindesign .shousai_2men_tobira_txt div p {
		font-size: 15px;
		line-height: 1.5;
	}
}

.maindesign .shousai_nedan {
	flex: 1;
	display: flex;
	justify-content: end;
}
@media screen and (max-width: 767px) {
	.maindesign .shousai_nedan {
		flex-direction: column;
	}
}

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

.maindesign .shousai_nedan div:first-child {
	margin-right: 10px;
}
@media screen and (max-width: 767px) {
	.maindesign .shousai_nedan div:first-child {
		margin-right: 0;
		margin-bottom: 10px;
	}
}

.maindesign .shousai_nedan div p {
	font-size: 18px;
}
@media screen and (max-width: 767px) {
	.maindesign .shousai_nedan div p {
		font-size: 15px;
	}
}

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

.maindesign .nedan_txt_red {
	color: #ff0000;
	font-size: 44px;
}
@media screen and (max-width: 767px) {
	.maindesign .nedan_txt_red {
		color: #ff0000;
		font-size: 39px;
	}
}

.maindesign .link {
	display: flex;
	margin-top: 20px;
}
@media screen and (max-width: 767px) {
	.maindesign .link {
		flex-direction: column;
	}
}

.maindesign .link a {
	flex: 1;
}

.maindesign .link a:first-child {
	margin-right: 10px;
}
@media screen and (max-width: 767px) {
	.maindesign .link a:first-child {
		margin-right: 0;
		margin-bottom: 10px;
	}
}

@media screen and (max-width: 767px) {
	.maindesign .shousai_katahikidashi {
		flex-direction: column;
	}
}

/*動画ボタン*/
.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;
}
@media screen and (max-width: 767px) {
	.maindesign .kinou-play_kc_1 {
		top: 32.8%;
		right: 3.7%;
		padding: 8px;
		font-size: 14px;
	}
}

.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;
}
@media screen and (max-width: 767px) {
	.maindesign .kinou-play_kc_2 {
		top: 9.5%;
		padding: 8px;
		font-size: 14px;
	}
}

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

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

@media screen and (max-width: 767px) {
	.maindesign .d7_th_30 {
		width: 30%;
	}
}

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

	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%;
}
@media screen and (max-width: 767px) {
	.maindesign .top_img .top-play_j1 {
		position: absolute;
		width: 16.8%;
		height: 5.6%;
		top: 5%;
		right: 8.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;
}
@media screen and (max-width: 767px) {
	.maindesign .btm_orange3 {
		background: #ea6d0d;
		margin: 7px;
		border-radius: 15px;
		padding: 15px 3px !important;
	}
}

.maindesign .btm_orange4 {
	background: #ea6d0d;
	margin: 10px 20px;
	border-radius: 30px;
	color: #fff !important;
	font-weight: bold;
	padding: 20px 5px !important;
}
@media screen and (max-width: 767px) {
	.maindesign .btm_orange4 {
		margin: 6px;
		border-radius: 14px;
		padding: 12px 5px !important;
	}
}

.maindesign .j1_th_45_pc {
	width: 45%;
}
@media screen and (max-width: 767px) {
	.maindesign .j1_th_45_pc {
		width: 40%;
	}
}

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

	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%;
}
@media screen and (max-width: 767px) {
	.maindesign .top_img .top-play_v1 {
		position: absolute;
		width: 14%;
		height: 4.9%;
		top: 4.5%;
		right: 8.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%;
}
@media screen and (max-width: 767px) {
	.maindesign .top_img .top-play_k1 {
		position: absolute;
		width: 19%;
		height: 6.6%;
		top: 6%;
		right: 18.5%;
	}
}

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

.maindesign .half-max {
	width: 50%;
}
@media screen and (max-width: 767px) {
	.maindesign .half-max {
		width: 100%;
	}
	.maindesign .half-max img {
		display: flex;
	}
}

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

@media screen and (max-width: 767px) {
	.maindesign .re_two div {
		margin: auto;
		width: 100%;
		text-align: center;
	}
	.maindesign .re_two div:nth-child(2n) {
		margin: auto;
	}
}

.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;
}
@media screen and (max-width: 767px) {
	.maindesign .hanp .slideTable {
		width: 100%;
		margin-right: 0;
	}
	.maindesign .hanp .slideTable .ichiran {
		width: 100%;
	}
}

.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;
}
@media screen and (max-width: 767px) {
	.maindesign .btm_orange5 {
		border-radius: 15px;
		padding: 10px 0 !important;
		width: auto;
		margin: 10px;
	}
}

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

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

.maindesign .option_th {
	width: calc(737.94px / 5);
}
@media screen and (max-width: 767px) {
	.maindesign .option_th {
		width: auto;
		height: 50px;
	}
}

@media screen and (max-width: 767px) {
	.maindesign .option_txt {
		margin-bottom: 15px;
	}
}

.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;
}
@media screen and (min-width: 768px) {
	.maindesign .Title img.senmen_sub {
		position: absolute;
		right: 0;
		width: auto;
		display: block;
	}
}
@media screen and (max-width: 767px) {
	.maindesign .Title img.senmen_sub {
		width: 100%;
		margin: auto auto 0;
		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;
}
.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 {
	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;
}
@media screen and (max-width: 767px) {
	.maindesign .comparison_container .btn_content {
		width: 90%;
		font-size: 0.9em;
	}
}

/* 一列目のスタイルstart */
.maindesign .comparison_container thead tr th:nth-of-type(1) {
	width: 200px;
}
@media screen and (max-width: 767px) {
	.maindesign .comparison_container thead tr th:nth-of-type(1) {
		width: 150px;
	}
}
/*.maindesign .comparison_container tbody tr td:nth-of-type(1)::before,.maindesign .comparison_container thead tr th:nth-of-type(1)::before {
    content: '';
    border-left: 2px solid #ccc;
    position: absolute;
    top: 0;
    left:0;
    height: 100%;
    width: 1px;
    z-index: 2;
}
.maindesign .comparison_container tbody tr td:nth-of-type(1)::after,.maindesign .comparison_container thead tr th:nth-of-type(1)::after {
	content: '';
    border-right: 1px solid #ccc;
    position: absolute;
    top: 0;
    right:0;
    height: 100%;
    width: 1px;
    z-index: 2;
}
.maindesign .comparison_container tbody tr td:not(:first-child),
.maindesign .comparison_container thead tr th:not(:first-child)  {
    border-right: 1px solid #ccc;
}
.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: 350px;
	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(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: 40% !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(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;
}
.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;
	}
}

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

@media screen and (max-width: 767px) {
	.modal_container {
		top: 50%;
		height: 70%;
	}
	.modal-content {
		padding: 50px 5px;
		width: 95%;
		margin: 0 auto;
	}
}
.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;
}

@media screen and (max-width: 767px) {
	.maindesign .modal-content .flex_content {
		flex-wrap: wrap;
		margin-bottom: 50px;
	}
	.maindesign .modal-content .img_container {
		width: 100%;
		order: 2;
	}
	.maindesign .modal-content .text_container {
		width: 100%;
		order: 1;
		margin-bottom: 15px;
	}
}

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

@media screen and (max-width: 767px) {
	.maindesign .logo_heading .img_container {
		width: 75px;
	}
}

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

@media screen and (max-width: 767px) {
	.maindesign .bnr_container {
		margin: 15px 0;
	}
}

.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: 70px;
	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: 13%;
}
.maindesign .value td {
	width: 75%;
	padding: 10px;
}
.maindesign .value td.w02 {
	width: calc(75% / 2);
}
.maindesign .value td.w03 {
	width: calc(75% / 3);
}
.maindesign .value td a.flatbtn {
	max-width: 200px;
	margin: auto;
}
#main .maindesign .value td a.arrow-r::after {
	right: 12px;
}
.maindesign .value td a.btm_orange p {
	margin: 0 0 5px;
}
.maindesign .value td a.btm_orange p span.en {
	font-size: 0.7em;
}
@media screen and (max-width: 767px) {
	.maindesign .value td a.btm_orange {
		font-size: 1em;
		min-height: 50px;
	}
	.txt_left {
		display: inherit;
	}
}

.maindesign .price {
}
.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%;
		margin: 0 0 40px;
	}
	.maindesign .price .price-box {
	}
	.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 .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,
.maindesign .senmen_spec.cols_3-1 .senmen_spec_cols {
	width: 100%;
	margin: 0 0 20px;
}
.maindesign .senmen_spec.cols_3-2 .senmen_spec_cols {
	width: calc(50% - 5px);
	margin: 0 10px 20px 0;
}
.maindesign .senmen_spec.cols_3-2 .senmen_spec_cols:nth-child(2n) {
	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;
	border: 1px solid #ccc;
	box-sizing: border-box;
	margin: auto auto 0;
	display: block;
}

.panzoom-parent {
	position: relative;
	overflow: hidden;
	background: #ccc;
	border: 1px solid #888;
	box-sizing: border-box;
	max-height: calc(100% - 40px);
}
.copysource1::after,
.copysource2::after,
.copysource3::after,
.copysource4::after,
.copysource5::after,
.copysource6::after {
	content: '拡大して見る';
	color: #fff;
	position: absolute;
	transform: translate(-50%, -50%);
	text-align: center;
	display: flex;
	top: 50%;
	left: 50%;
	width: 70%;
	height: 50px;
	background: rgba(0, 0, 0, 0.6);
	border-radius: 2em;
	justify-content: center;
	align-items: center;
}
.blanker {
	margin-bottom: 30px;
}
#panzoom1 {
	width: 100%;
	position: relative;
	/*display:none;*/
}
#panzoom1 img {
	width: 100%;
	height: auto;
}
#panzoom2 {
	width: 100%;
	position: relative;
	/*display:none;*/
}
#panzoom2 img {
	width: 100%;
	height: auto;
}
#panzoom3 {
	width: 100%;
	position: relative;
	/*display:none;*/
}
#panzoom3 img {
	width: 100%;
	height: auto;
}
.panzoom-parent .linkmarker {
	position: absolute;
	/*background-color:rgba(255,0,0,0.7);*/
}
.panzoom-parent .linkmarker2 {
	position: absolute;
	background-color: rgba(0, 0, 0, 0.3);
}

.panzoom-parent .linkmarker:hover {
	background-color: rgba(255, 0, 0, 0.4);
	transition: 0.2s;
}
.panzoom-parent .linkmarker:active {
	background-color: rgba(255, 0, 0, 0.4);
}
.panzoom-parent .linkblock {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	cursor: pointer;
}
#modalwindow_pan {
	display: none;
	background: rgba(0, 0, 0, 0.7);
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 10000;
}
#bamiri_pan {
	width: 95%;
	position: absolute;
	top: calc(50% + 40px);
	height: 90%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
}
#subwindow_pan {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 0;
}
.modal_close_pan {
	position: absolute;
	top: 2rem;
	right: 0px;
	cursor: pointer;
}
#subwindow_pan .panzoom-parent {
	display: none;
}
.maindesign a.grid_link {
	text-decoration: none;
	color: #333;
}

/*240903*/
@media screen and (max-width: 767px) {
	.maindesign .toto_btn_box a {
		font-size: 1em !important;
	}
}

/*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: 1em;
	font-weight: bold;
	padding: 10px 10px;
	position: relative;
	z-index: +1;
	cursor: pointer;
	transition-duration: 0.2s;
	text-align: center;
}

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

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

#main .links {
	justify-content: space-between;
}

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

.maindesign .list_inner {
	padding: 5px;
	width: calc(50% - 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(2n) {
	margin-right: 0px;
}

.maindesign .merit {
	padding: 10px;
}

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

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

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

.maindesign .annotation_txt {
	margin: 10px 0;
}

#pageTop {
	z-index: 9999;
}

.maindesign .nextBtn {
	margin: 20px 0 60px;
}
#main .maindesign .nextBtn .fs-medium {
	font-size: 0.8em;
}

.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);
	}
}

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

.maindesign .insert-container#senmen-movie .movie-list {
	border: 1.1vw solid #b3a48d;
	border-radius: 10px;
	box-sizing: border-box;
}

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

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

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

.maindesign .insert-container.col2-1#senmen-movie .movie-list {
	width: 100%;
}

.maindesign .insert-container.col2-1#senmen-movie .movie-list:not(:last-child) {
	margin-bottom: 10px;
}

.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: 1100px;
	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: 10px 5px;
	box-sizing: border-box;
	border: 1px solid #ccc;
}
.maindesign .recommend-table th {
	position: sticky;
	top: 0;
	left: 0;
	z-index: 999;
	width: 100px;
	background-color: #727171;
	color: #fff;
	text-align: center;
	line-height: 1.4;
	font-size: 1rem;
}
.maindesign .recommend-table td {
	width: 200px;
}
.maindesign .recommend-table .komeri-btn--inner {
	font-size: 0.85rem !important;
}
.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.35rem;
	text-align: center;
	font-weight: bold;
}

.maindesign .recommend-table .recommend-price {
	display: flex;
	align-items: baseline;
	justify-content: center;
	font-size: 1.75rem;
	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: 1rem;
	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: 50px;
	height: 50px;
}
.maindesign .recommend-table .btn-group > li:not(:first-child) {
	margin-top: 15px;
}

/*  251202 更新  */
.maindesign .d7table td.w02 {
	padding: 5px !important;
	width: 25% !important;
}
.maindesign .d7table td.w02 > a {
	font-size: 0.75rem !important;
}
.maindesign .d7table td.w02 > a::after {
	right: 8px !important;
	width: 6px !important;
	height: 6px !important;
}
/*  260131 更新  */
.maindesign .campaign-bnr {
	margin-block: 30px 0;
}
.maindesign .campeign-icon {
    position: absolute;
    top: -9px;
    right: -4px;
    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;
}

.maindesign .campeign-icon--item__blue.likcolor {
	color: #780b10;
    padding: 5px 10px;
    box-sizing: border-box;
    font-size: 0.9rem;
    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;
    right: 0;
    z-index: 1;
    display: flex;
}
.maindesign .campeign-icon3 {
	position: absolute;
    top: -15px;
    right: -2px;
    z-index: 1;
    display: flex;
}

.maindesign .campeign-icon3 .campeign-icon--item__blue.likcolor {
	font-size: 0.8rem;
}