@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);

/****************************************
	追記
*****************************************/
.textcenter {
	text-align: center !important;
}

h4.h4custom {
	margin: 20px auto 20px !important;
}

#page #contents {
	margin: 0 !important;
}

.contents10 {
	padding-left: 10px !important;
	padding-right: 10px !important;
}

.text-left {
	text-align: left !important;
}

.explain_base_box3 {
	display: table;
	margin: 20px auto 20px 20px;
}

.explain_base_box3 li {
	display: table-cell;
	width: 30%;
	float: left;
	padding: 5px 10px;
}

.explain_base_box3 li:first-child {
	padding-left: 0;
}

.explain_base_box3 li:nth-child(4) {
	padding-left: 0;
}

.explain_base_box3 li img {
	width: 100% !important;
}


.prodact_photo {
	display: table;
	margin: 20px auto !important;
	text-align: center;
}

.prodact_photo li {
	display: table-cell;
	width: 23%;
	float: left;
	margin: 5px 5px;
}

.prodact_photo li img {
	width: 100% !important;
}

.title_bg_black {
	text-align: center;
	padding: 10px 0 !important;
	background: #000 !important;
	margin: 20px auto !important;
}

.title_style {
	display: inline;
	font-size: 20px;
	margin: 0;
	padding: 0;
	text-align: center;
	font-weight: 700;
	color: #fff !important;
}

.product_category_title {
	font-weight: bold;
	font-size: 18px;
	color: #19918d;
	text-align: center;
	margin: 20px auto !important;
	border-bottom: solid 1px #19918d;
}

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


.product_category_childbox2 img {
	width: 100% !important;
}

.product_category_btn {
	text-align: center;
}

.product_category_btn .link_button_silver a {
	padding: 8px 100px !important;
	font-weight: normal !important;
}

/****************************************

	*****************************************/
.dl_table {
	display: table;
}

.dl_table dl {
	display: table-cell;
	width: 48%;
	float: left;
	margin: 20px auto;
}

.dl_table dl:nth-child(odd) {
	margin-right: 15px;
}

/****************************************
	TOP_仕入
	*****************************************/

.top_siire_base_box {
	display: table;
	margin-left: 5px;
}

.top_siire_base_box li {
	display: table-cell;
	width: 31%;
	float: left;
	padding: 5px 0;
	padding-left: 10px;
}

.top_siire_base_box li img {
	width: 100%;
}

.top_siire_base_box li:first-child {
	padding-left: 0;
}

.top_siire_base_box li:nth-child(4) {
	padding-left: 0;
}

.top_darkgray_box .border_title {
	padding: 20px 0 !important;
	text-align: center !important;
	font-weight: bold !important;
	font-size: 20px !important;
	border-top: solid 1px #222 !important;
	border-bottom: solid 1px #222 !important;
	margin: 0 auto 25px !important;
}

.top-free-category .top_darkgray_box img {
	box-shadow: none !important;
	margin: 5px;
}

/****************************************
	hタグ調整
	*****************************************/
.product_title h2 {
	font-size: 24pt;
	font-family: serif !important;
	margin-bottom: 20px !important;
	line-height: 150% !important;
	text-align: center !important;
	padding: 5px 0 !important;
}

.product_title h2 span {
	font-size: 45pt !important;
}

#shouhin_category h2.h2_style {
	font-size: 24pt;
	text-align: center;
	margin: 30px auto !important;
	line-height: 150%;
	border: none !important;
}

#shouhin_category .shyouhin_image h3.comment2 {
	color: #000;
	text-align: center;
	font-size: 25pt;
	font-family: serif;
	font-weight: bold;
	margin: 20px;
}

#shouhin_category h3.h3_style {
	color: #000;
	font-size: 21pt;
	font-weight: bold;
	line-height: 130%;
	border-bottom: solid 2px #98913e;
	text-align: center;
	letter-spacing: 2px;
	margin: 20px auto 20px;
	padding: 8px;
}

#shouhin_category h3.h3_style2 {
	background: none repeat scroll 0 0 transparent;
	border-bottom: 1px dotted #000;
	font-wight: bold;
	font-size: 15pt;
	text-align: center;
	font-weight: bold;
	line-height: 200%;
	margin-bottom: 20px;
	padding: 0;
}

#shouhin_category h4.h4_style {
	color: #000;
	font-size: 18pt;
	font-weight: bold;
	line-height: 130%;
	border-bottom: solid 2px #000;
	text-align: center;
	letter-spacing: 2px;
	margin: 100px auto 20px;
	padding: 8px;
	font-family: serif;
}

/****************************************
2023・03・29追記
*****************************************/


.main-column img {
	width: 100%;
}

.contents20 {
	padding: 0 20px !important;
}

.title {
	color: #fff !important;
	background: #222 !important;
	margin-bottom: 20px;
}

.title h2 {
	font-size: 20px !important;
	color: #fff !important;
	margin-block-start: 0 !important;
	margin-block-end: 0 !important;
	line-height: 50px;
}

.w100 .news h2 {
	display: block;
	width: 100%;
	font-size: 20px !important;
	text-align: center;
	letter-spacing: 5px;
	line-height: 131% !important;
}

/****************************************
アイテム表
*****************************************/
table.item_iconbox th {
	width: 20%;
	font-size: 14px !important;
	line-height: 14px;
	padding: 0 10px;
	text-align: center;
}

table.item_iconbox th img {
	max-height: 55px !important;
	width: auto;
}

table.item_iconbox a {
	color: #222;
	text-decoration: none;
}

/****************************************
ブランドから探す
*****************************************/
.bnr_box ul {
	display: table;
	margin: 0 auto 0 !important;
	border-collapse: separate;
	border-spacing: 12px 0px;
}

.bnr_box ul li {
	display: table-cell;
	width: 50%;
	padding: 5px;
}

.bnr_box_base {
	overflow: hidden;
	max-width: 327px;
	max-height: 327px;
	border: solid 1px #a8a7a7 !important;
}

.bnr_box li img {
	width: 100% !important;
	transition: transform .6s ease
}

.bnr_box li a img:hover {
	transform: scale(1.1);
}

.bnr_box_base2 {}

.bnr_box_base2 a img {}

.bnr_box_base2 a img:hover {}

.top_grey_section {
	margin: 0 auto 0 !important;
	background: #f9f9f9;
	padding-bottom: 30px !important;
}

.top_grey_section p {
	margin: 20px auto !important;
}

.top_grey_section .border_title {
	padding: 20px 0;
	text-align: center;
	font-weight: bold;
	font-size: 24px !important;
	border-top: solid 1px #222;
	border-bottom: solid 1px #222;
	margin: 45px 30px 25px;

}

.top_sozai {
	margin-top: 40px;
}

.top_sozai p {
	text-align: center;
	margin-bottom: 30px !important;
	font-size: 17px !important;
}

.top_sozai .basebox {
	display: table;
	margin: 20px 80px;
}

.top_sozai .basebox_child {
	display: table-cell;
	vertical-align: middle;
}

.top_sozai .basebox_child:first-child {
	display: table-cell;
	vertical-align: middle;
	width: 35%;
}

.top_sozai .basebox_child:first-child img {
	width: 100% !important;
}

.top_sozai .basebox_child:last-child {
	display: table-cell;
	vertical-align: middle;
	width: 60%;
}

.top_sozai .btn_box {
	padding: 0 10px;
}

.top_sozai .btn_box .green a {
	margin: 0 !important;
	width: 85%;
	font-size: 18px !important;
	line-height: 30px;
	padding: 10px 15px !important;
	margin-top: 0 !important;
	box-shadow: none !important;
	font-weight: bold !important;
	background: #19918d !important;
}

.top_sozai2 {
	margin-top: 40px;
}

.top_sozai2 p {}

.top_sozai2 .sozai_title {
	position: relative;
	text-align: center;
}

.top_sozai2 .sozai_title span {
	font-size: 20pt;
	font-weight: bold;
	background: #f9f9f9;
	padding: 10px 15px;
	position: relative;
	z-index: 10;
}

.top_sozai2 .sozai_title:after {
	content: "";
	width: 100%;
	height: 2px;
	background: #222;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
}

.top_sozai2 .bnr_box ul li {
	width: 45%;
	float: left;
}

.top_sozai2 .bnr_box ul li .basebox {
	display: table;
	margin: 20px 0;
}

.top_sozai2 .bnr_box ul li .basebox_child {
	display: table-cell;
	vertical-align: middle;
}

.top_sozai2 .bnr_box ul li .basebox_child:odd-child {
	display: table-cell;
	vertical-align: middle;
	width: 25%;
}

.top_sozai2 .bnr_box ul li.basebox_child:odd-child img {
	width: 100% !important;
}

.top_sozai2 .bnr_box li img {
	vertical-align: middle !important;
}

.top_sozai2 .bnr_box ul li .basebox_child:even-child {
	display: table-cell;
	vertical-align: middle;
	width: 70%;
}

.top_sozai2 .bnr_box ul li .basebox_child .sozai_name {
	font-size: 14px !important;
	padding-left: 3px !important;
	line-height: 20px;
}

.top_sozai2 .bnr_box ul li .basebox_child .sozai_name strong {
	font-size: 16px !important;
}

.top_sozai2 .bnr_box ul li .btn_box {
	padding: 0 10px;
	text-align: center !important;
}

.top_sozai2 .bnr_box ul li .btn_box .green a {
	margin: 0 !important;
	width: 95%;
	font-size: 14px !important;
	line-height: 20px;
	padding: 5px !important;
	margin-top: 0 !important;
	box-shadow: none !important;
	font-weight: bold !important;
	background: #222 !important;
}

.top_darkgray_section {
	margin: 0 auto 0 !important;
	background: #f0f0f0 !important;
	padding-bottom: 50px !important;
	padding-top: 5px !important;
}

.top_darkgray_section .border_title {
	padding: 20px 0;
	text-align: center;
	font-weight: bold;
	border-top: solid 1px #222;
	border-bottom: solid 1px #222;
	margin: 45px auto 25px;
}

.top_darkgray_box {
	background: #f0f0f0 !important;
}

.top_darkgray_box .bnr_box ul {
	display: table;
	margin: 0 auto 30px !important;
}

.top_darkgray_box .bnr_box ul li {
	display: table-cell;
	width: 33%;
	padding: 5px;
}

.bnr_box_base3 {
	overflow: hidden;
	max-width: 209px;
	max-height: 211px;
	border: solid 1px #a8a7a7 !important;
}

.top_darkgray_box .bnr_box li img {
	width: 100% !important;
	transition: transform .6s ease
}

/****************************************
	Byer`s Select
	*****************************************/

.buyer_title {
	padding: 25px 0;
	text-align: center;
	font-size: 40px;
	font-weight: bold;
	border-top: solid 1px #022222;
	border-bottom: solid 1px #022222;
	margin-bottom: 30px;
}

.buyer_section {
	margin: 2em auto;
}

.buyer_mainbox {
	display: table;
	width: 100%;
	margin: 0 auto;
}

.buyer_mainbox dl {
	display: table-cell;
	width: 33%;
	padding: 0 10px;
}

.buyer_mainbox dl dt img {
	width: 100% !important;
}

.buyer_mainbox dl dd h3 {
	text-align: center;
	margin-bottom: 1em;
	font-weight: bold;
	font-size: 17px;
	border-bottom: solid 1px #666;
}

.buyer_mainbox dl dd .buyer_btn {
	margin: 20px auto;
	text-align: center;
}

.w100 .freeArea2 {
	padding: 0 !important;
}

/****************************************
ランキング
*****************************************/
.ranking_title {
	text-align: center !important;
	margin: 20px auto 45px;
}

.ranking_title span {
	padding: 5px 15px !important;
	font-weight: bold !important;
	border: solid 1px #222 !important;
}

.ranking_list1 {
	display: table;
	width: 100%;
	text-align: center;
	margin: 0 auto;
	list-style: none !important;
	border-collapse: separate;
	border-spacing: 8px 0px;
}

.ranking_list1 li {
	list-style: none !important;
	display: table-cell;
	width: 90px !important;
	position: relative;
}

.ranking_list1 li:first-child:before {
	content: "";
	width: 35px;
	height: 35px;
	background: url(https://image1.shopserve.jp/kyno.surf/pic-labo/llimg/ranking-icon-number1.png);
	background-size: contain;
	background-repeat: no-repeat;
	position: absolute;
	top: -38px;
	left: 0;
}

.ranking_list1 li:nth-child(2):before {
	content: "";
	width: 35px;
	height: 35px;
	background: url(https://image1.shopserve.jp/kyno.surf/pic-labo/llimg/ranking-icon-number2.png);
	background-size: contain;
	background-repeat: no-repeat;
	position: absolute;
	top: -38px;
	left: 0;
}

.ranking_list1 li:nth-child(3):before {
	content: "";
	width: 35px;
	height: 35px;
	background: url(https://image1.shopserve.jp/kyno.surf/pic-labo/llimg/ranking-icon-number3.png);
	background-size: contain;
	background-repeat: no-repeat;
	position: absolute;
	top: -38px;
	left: 0;
}

.ranking_list1 li img {
	border: solid 1px #a8a7a7 !important;
	width: 100%;
}

.ranking_list2 {
	display: table;
	width: 100%;
	text-align: left;
	margin: 0 auto;
	list-style: none !important;
	border-collapse: separate;
	border-spacing: 8px 0px;
}

.ranking_list2 li {
	list-style: none !important;
	display: table-cell;
	width: 90px !important;
	position: relative;
}

.ranking_list2 li:first-child:before {
	content: "";
	width: 35px;
	height: 35px;
	background: url(https://image1.shopserve.jp/kyno.surf/pic-labo/llimg/ranking-icon-number1.png);
	background-size: contain;
	background-repeat: no-repeat;
	position: absolute;
	top: -38px;
	left: 0;
}

.ranking_list2 li:nth-child(2):before {
	content: "";
	width: 35px;
	height: 35px;
	background: url(https://image1.shopserve.jp/kyno.surf/pic-labo/llimg/ranking-icon-number2.png);
	background-size: contain;
	background-repeat: no-repeat;
	position: absolute;
	top: -38px;
	left: 0;
}

.ranking_list2 li:nth-child(3):before {
	content: "";
	width: 35px;
	height: 35px;
	background: url(https://image1.shopserve.jp/kyno.surf/pic-labo/llimg/ranking-icon-number3.png);
	background-size: contain;
	background-repeat: no-repeat;
	position: absolute;
	top: -38px;
	left: 0;
}

.ranking_list2 li img {
	border: solid 1px #a8a7a7 !important;
	width: 100%;
}

.rankingbox_main {
	position: relative;
	display: table;
	width: 100%;
}

.rankingbox_left {
	display: table-cell;
	left: 0;
	width: 44%;
}

.rankingbox_middle {
	display: table-cell;
	width: 2%;
}


.rankingbox_right {
	display: table-cell;
	width: 44%;
}

/****************************************
お客様の声
*****************************************/
.news h2 {
	font-size: 24px !important;
	color: #fff !important;
	margin-block-start: 0 !important;
	margin-block-end: 0 !important;
	border-top: none !important;
	background: #222 !important;
	margin: 40px auto 20px !important;
}

/****************************************
ニュース
*****************************************/
.news_section {
	margin-bottom: 20px;
}

.new_box {
	display: table;
	border-bottom: solid 1px #d9d6d6 !important;
	margin: 10px 0;
	padding: 20px 0 !important;
}

.new_box_child:first-child {
	display: flex;
	gap: 20px;
	width: 100%;
	vertical-align: top !important;
}

.new_box_child:last-child {
	display: table-cell;
	width: 50%;
	vertical-align: middle !important;
}

.new_box_child {
	display: table-cell;
	width: 50%;
	vertical-align: top !important;
}

.new_box_child img {
	width: 100%;
}

.new_box_child:last-child {
	padding-left: 10px !important;
}

.new_box a {
	/*color:#222; 2026年1月7日 お知らせ　凛ダイニングwo一時的に購入不可に伴い修正*/
	text-decoration: none !important;
}

.news-box dd p {
	text-align: left !important;
}

/****************************************
ふるさと納税
*****************************************/

.hurusato_section {
	margin-bottom: 70px !important;
}

.hurusato_icon {
	display: table !important;
	width: 100% !important;
	margin: 20px auto 0 !important;
	padding-inline-start: 0px !important;
	margin-block-start: 0 !important;
}

.hurusato_icon li {
	display: table-cell !important;
	width: 33%;
	list-style: none;
	text-align: center !important;
	vertical-align: middle !important;
}

.hurusato_icon li p {
	padding: 0 20px !important;
}

.hurusato_icon li img {
	width: 100% !important;
	max-width: 100px !important;
}

.hurusato_icon p {
	margin: 10px 0;
}

.hurusato01 a {
	margin: 0 !important;
	width: 85%;
	font-size: 14px !important;
	line-height: 20px;
	padding: 10px 15px !important;
	margin-top: 0 !important;
	box-shadow: none !important;
	font-weight: normal !important;
	background: #ae0002 !important;
	border-radius: 0 !important;
	border: none !important;
}

.hurusato02 a {
	margin: 0 !important;
	width: 85%;
	font-size: 14px !important;
	line-height: 20px;
	padding: 10px 15px !important;
	margin-top: 0 !important;
	box-shadow: none !important;
	font-weight: normal !important;
	background: #a75f18 !important;
	border-radius: 0 !important;
	border: none !important;
}

.hurusato03 a {
	margin: 0 !important;
	width: 85%;
	font-size: 14px !important;
	line-height: 20px;
	padding: 10px 15px !important;
	margin-top: 0 !important;
	box-shadow: none !important;
	font-weight: normal !important;
	background: #694f28 !important;
	border-radius: 0 !important;
	border: none !important;
}

.hurusato04 a {
	margin: 0 !important;
	width: 85%;
	font-size: 14px !important;
	line-height: 20px;
	padding: 10px 15px !important;
	margin-top: 0 !important;
	box-shadow: none !important;
	font-weight: normal !important;
	background: #ae0002 !important;
	border-radius: 0 !important;
	border: none !important;
}

.hurusato05 a {
	margin: 0 !important;
	width: 85%;
	font-size: 14px !important;
	line-height: 20px;
	padding: 10px 15px !important;
	margin-top: 0 !important;
	box-shadow: none !important;
	font-weight: normal !important;
	background: #222222 !important;
	border-radius: 0 !important;
	border: none !important;
}

.hurusato_icon_btn {
	margin: 0 auto 0 !important;
}

/****************************************
SNS
*****************************************/
.sns_main_box {
	display: table;
	margin: 0 auto;
	text-align: center;
	border-collapse: separate;
	border-spacing: 15px 0px;
}

.sns_main_box li {
	display: table-cell;
}

.sns_main_box li img {
	width: 80% !important;
}

/****************************************
font
*****************************************/

body {
	font-family: 'Noto Sans JP', sans-serif !important;
}

/****************************************
臨時
*****************************************/
#seikyu-floatmenu {
	display: block;
	width: 150px;
	position: fixed;
	right: 1% !important;
	top: 25px !important;
	bottom: auto;
	text-align: center;
	z-index: 100;
}

#seikyu-floatmenu a img {
	max-width: 150px;
}

@media (min-width: 1550px) {
	#seikyu-floatmenu {
		display: block;
		width: 200px;
		position: fixed;
		right: 200px !important;
		top: 25px !important;
		bottom: auto;
		text-align: center;
	}

	#seikyu-floatmenu {
		display: block;
		width: 200px;
		position: fixed;
		right: 1% !important;
		top: 25px !important;
		bottom: auto;
		text-align: center;
	}

	#seikyu-floatmenu a img {
		max-width: 200px;
	}
}

#contents {
	padding: 0 200px 57px !important;
}

.footer_area #seikyu-floatmenu {
	display: none !important;
}

/****************************************
サイドバー
*****************************************/
#sub-column a {
	/*color:#222 !important;*/
}

#sub-column a:hover {
	color: #F39 !important;
}

#sub-column .category h2 a {
	color: #fff !important;
}

#sub-column .category h2 a:hover {
	color: #F39 !important;
}

#sub-column .sidebar-item h3 {
	position: relative;
	padding-left: 55px;

}

#sub-column .sidebar-item h3 {
	position: relative;

}

#sub-column .sidebar-item h3 a {
	color: #222 !important;

}

#sub-column .sidebar-item h3:before {
	content: "";
	background-size: contain;
	position: absolute;

}

#sub-column .sidebar-item h4.order {
	position: relative;
	text-align: left;
	font-size: 12pt;
	font-weight: bold;
	padding: 8px 0 0 35px !important;
}

#sub-column .sidebar-item h4.order a {
	color: #222 !important;
}


#sub-column .sidebar-item h4.order:before {
	content: "";
	background-size: contain;
	position: absolute;
	background-image: url("https://kyno.surf/pic-labo/order_mark_img001.png");
	background-repeat: no-repeat;
	width: 30px;
	height: 30px;
	top: 58%;
	left: 2px;
	transform: translateY(-50%);
}

#sub-column .sidebar-item h3.sidebar-item_tv:before {
	background-image: url("https://kyno.surf/pic-labo/bord_side_image.gif");
	background-repeat: no-repeat;
	width: 50px;
	height: 50px;
	top: 37%;
	left: 0;
}

#sub-column .sidebar-item h3.sidebar-item_lowtable:before {
	background-image: url("https://kyno.surf/pic-labo/ct_side_image.gif");
	background-repeat: no-repeat;
	width: 50px;
	height: 50px;
	top: 30%;
	left: 0;
}

#sub-column .sidebar-item h3.sidebar-item_d-table:before {
	background-image: url("https://kyno.surf/pic-labo/table_side_image.gif");
	background-repeat: no-repeat;
	width: 50px;
	height: 50px;
	top: 64%;
	left: 0;
	transform: translateY(-50%);
}

#sub-column .sidebar-item h3.sidebar-item_d-set:before {
	background-image: url("https://kyno.surf/pic-labo/dining_set.png");
	background-repeat: no-repeat;
	width: 50px;
	height: 50px;
	top: 64%;
	left: 0;
	background-size: contain !important;
	transform: translateY(-50%);
}

#sub-column .sidebar-item h3.sidebar-item_chair:before {
	background-image: url("https://kyno.surf/pic-labo/cher_side_image.gif");
	background-repeat: no-repeat;
	width: 40px;
	height: 40px;
	top: 50%;
	left: 10px;
	transform: translateY(-50%);
}

#sub-column .sidebar-item h3.sidebar-item_system_desk:before {
	background-image: url("https://kyno.surf/pic-labo/sysdesk_side_image.gif");
	background-repeat: no-repeat;
	width: 45px;
	height: 45px;
	top: 36%;
	left: 0;
}

#sub-column .sidebar-item h3.sidebar-item_chest:before {
	background-image: url("https://kyno.surf/pic-labo/chest_side_image.gif");
	background-repeat: no-repeat;
	background-size: contain;
	width: 60px;
	height: 20px;
	top: 15px;
	left: 8px;
}

#sub-column .sidebar-item h3.sidebar-item_chabinet:before {
	background-image: url("https://kyno.surf/pic-labo/cabi_side_image.gif");
	background-repeat: no-repeat;
	width: 40px;
	height: 40px;
	top: 50%;
	left: 5px;
	transform: translateY(-50%);
}

#sub-column .sidebar-item h3.sidebar-item_food:before {
	background-image: url("https://kyno.surf/pic-labo/syokki_side_image.gif");
	background-repeat: no-repeat;
	width: 50px;
	height: 50px;
	top: 50%;
	left: 10px;
	transform: translateY(-50%);
}

#sub-column .sidebar-item h3.sidebar-item_sofa:before {
	background-image: url("https://kyno.surf/pic-labo/sofa_side_image.gif");
	background-repeat: no-repeat;
	width: 50px;
	height: 50px;
	top: 33%;
	left: 0;
}

.sidebar-series .bnr_box ul {
	border-spacing: 0px 0px !important;
}

.bnr_box_base4 {
	overflow: hidden;
	max-width: 108px;
	max-height: 106px;
	border: solid 1px #a8a7a7 !important;
}


#sub-column table.sidebar-zaisyu {
	width: 100%;
	margin: auto !important;
}


/****************************************
下層/ランクング
*****************************************/
.underpage_ranking {
	width: 100%;
	max-width: 750px;
	text-align: center;
	margin: 2em auto;
}

.underpage_ranking .title {
	margin-bottom: 55px !important;
}

.underpage_ranking_list {
	display: table;
	width: 100%;
	max-width: 750px !important;
	text-align: center;
	margin: 0 auto;
	list-style: none !important;
	border-collapse: separate;
	border-spacing: 8px 0px;
}

.underpage_ranking_list li {
	list-style: none !important;
	display: table-cell;
	width: 32% !important;
	position: relative;
}

.underpage_ranking_list li img {
	width: 100% !important;
}

.underpage_ranking_list li:first-child:before {
	content: "";
	width: 35px;
	height: 35px;
	background: url(https://image1.shopserve.jp/kyno.surf/pic-labo/llimg/ranking-icon-number1.png);
	background-size: contain;
	background-repeat: no-repeat;
	position: absolute;
	top: -38px;
	left: 0;
}

.underpage_ranking_list li:nth-child(2):before {
	content: "";
	width: 35px;
	height: 35px;
	background: url(https://image1.shopserve.jp/kyno.surf/pic-labo/llimg/ranking-icon-number2.png);
	background-size: contain;
	background-repeat: no-repeat;
	position: absolute;
	top: -38px;
	left: 0;
}

.underpage_ranking_list li:nth-child(3):before {
	content: "";
	width: 35px;
	height: 35px;
	background: url(https://image1.shopserve.jp/kyno.surf/pic-labo/llimg/ranking-icon-number3.png);
	background-size: contain;
	background-repeat: no-repeat;
	position: absolute;
	top: -38px;
	left: 0;
}

.ranking_list1 li img {
	border: solid 1px #a8a7a7 !important;
	width: 100%;
}

/****************************************
下層/ランクング
*****************************************/
.underpage_ranking {
	width: 100%;
	max-width: 750px;
	text-align: center;
	margin: 2em auto;
}

.underpage_ranking .title {
	margin-bottom: 55px !important;
}

.underpage_ranking_list {
	display: table;
	width: 100%;
	text-align: center;
	margin: 0 auto;
	list-style: none !important;
	border-collapse: separate;
	border-spacing: 8px 0px;
}

.underpage_ranking_list li {
	list-style: none !important;
	display: table-cell;
	width: 32% !important;
	position: relative;
}

.underpage_ranking_list li img {
	width: 100% !important;
}

.underpage_ranking_list li:first-child:before {
	content: "";
	width: 35px;
	height: 35px;
	background: url(https://image1.shopserve.jp/kyno.surf/pic-labo/llimg/ranking-icon-number1.png);
	background-size: contain;
	background-repeat: no-repeat;
	position: absolute;
	top: -38px;
	left: 0;
}

.underpage_ranking_list li:nth-child(2):before {
	content: "";
	width: 35px;
	height: 35px;
	background: url(https://image1.shopserve.jp/kyno.surf/pic-labo/llimg/ranking-icon-number2.png);
	background-size: contain;
	background-repeat: no-repeat;
	position: absolute;
	top: -38px;
	left: 0;
}

.underpage_ranking_list li:nth-child(3):before {
	content: "";
	width: 35px;
	height: 35px;
	background: url(https://image1.shopserve.jp/kyno.surf/pic-labo/llimg/ranking-icon-number3.png);
	background-size: contain;
	background-repeat: no-repeat;
	position: absolute;
	top: -38px;
	left: 0;
}

.ranking_list1 li img {
	border: solid 1px #a8a7a7 !important;
	width: 100%;
}

/****************************************
カスタマイズ
*****************************************/
.bgblack_h2 {
	background-color: #222 !important;
	font-weight: bold !important;
	text-align: left !important;
	padding: 5px !important;
	width: 100% !important;
	color: #fff !important;
	font-size: 18px !important;
	margin-bottom: 1em !important;
}

/****************************************
カスタマイズ
*****************************************/
footer {
	padding: 10px 0 70px !important;
}

.header_area {
	position: relative !important;
}

.header_area .btn_productlist {
	position: fixed;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	z-index: 80;
	background: #fff;
	width: 100%;
	text-align: center;
}

.header_area .btn_productlist .link_button_silver {
	transform: translateX(7%);
}

.header_area .btn_productlist .link_button_silver a {
	background-color: #c00 !important;
	width: 300px;
}

.header_area .btn_productlist .link_button_silver a:hover {
	background-color: #931002 !important;
}

/**カラーフォント**/
.boldred {
	font-weight: bold !important;
	color: #c00 !important;
}

/****************************************
サイドバー
*****************************************/
.top-accordion {
	margin: 1em auto;
	max-width: 60vw;
}

.top-toggle {
	display: none;
}

.top-option {
	position: relative;
	margin-bottom: 1em;
}

.top-title,
.top-content {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	transform: translateZ(0);
	transition: all 0.3s;
}

.top-title {
	padding: .5em;
	display: block;
	color: #333;
	font-weight: bold;
	padding-right: 35px;
}

.top-title::after,
.top-title::before {
	content: "";
	position: absolute;
	right: 1.25em;
	top: 1.25em;
	width: 2px;
	height: 0.75em;
	background-color: #999;
	transition: all 0.3s;
	z-index: 50 !important;
}

.top-title::after {
	transform: rotate(90deg);
}

.top-content {
	height: 0;
	overflow: hidden;
}

.top-content li {
	margin: 0;
	padding: 0.5em 1em;
	font-size: 0.9em;
	line-height: 1.5;
}

.top-toggle:checked+.top-title+.top-content {
	height: auto !important;
	transition: all 1.5s;
	overflow: auto;
}

.top-toggle:checked+.top-title::before {
	transform: rotate(90deg) !important;
}