@charset "EUC-JP";
/*@import url("//use.typekit.net/ibt0rdc.css");*/

/*=======================================��PC�X�}�z������=======================================*/

.pc { display: block !important; }
.sp { display: none !important; }

@media only screen and (max-width: 1199px) {
.pc { display: none !important; }
.sp { display: block !important; }
}    

.none{display: none;}


/*=======================================����Z�b�gCSS��=======================================*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}

img {backface-visibility: hidden;-webkit-backface-visibility: hidden;vertical-align:bottom;}
body {line-height: 1;font-family: 'Noto Sans JP','���C���I', 'Meiryo',  sans-serif;margin: 0 auto;}
ol, ul {list-style: none;}
table {border-collapse: collapse;border-spacing: 0;}
a {text-decoration: none;color: #fff;}
a:hover {color: #fff;text-decoration: underline;}
p {line-height: 2;font-weight: 400;font-weight: bold;color: #000;height: 30px;}

*{ list-style:none; margin:0; padding:0;}
a img{ border:none;}

/*-------�X�}�z�\ｦ-------*/
@media (max-width: 1199px){

	p {line-height: 1.7;
    font-size: 3.75vw;
    margin: 0.5rem 0;
    height: 5.8vw;}

}

button {font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0;}
.prdisp-taxin > span >span{display: none!important;}

html{scroll-behavior: smooth;}


/*================�����================*/

#repeat{width: 100%;margin:0 auto;}

/*-------�X�}�z�\ｦ-------*/
@media (max-width: 1199px){

	#repeat{margin-bottom: 20%;}

}


/* ???????? */

#ceiling210329 {
	max-width: 1200px;
	margin: 0 auto;
	font-family: Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "?????" , "Yu Gothic" , "??????" , "YuGothic" , "?????? Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "????" , Meiryo , "?? ?????" , "MS PGothic" , sans-serif;
}
#ceiling210329 a:hover {
	opacity: 0.7;
}
#ceiling210329 a,
#ceiling210329 a:hover {
	transition: 0.2s all;
}
#ceiling210329 .contents {
	width: 100%;
	margin: 0 auto 40px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#ceiling210329 .heading03_img {
	margin-bottom: 20px;
}
#ceiling210329 .heading04_img {
	margin-bottom: 30px;
}
#ceiling210329 h2 img,
#ceiling210329 .heading03_img img,
#ceiling210329 .heading04_img img{
	width: 100%;
	height: auto;
}

#ceiling210329 .heading03_txt {
	color: #fff;
	font-size: 32px;
	font-weight: bold;
	line-height: 1;
	text-align: center;
	padding: 15px 0;
	margin-bottom: 20px;
	
	/* ????
	background: #ffbe00;
	background: -moz-linear-gradient( #ffc800 0%, #ffc800 50%, #ffbe00 50%, #ffbe00 100%);
	background: -webkit-gradient(linear, left top, left bottom, from(#ffc800), color-stop(50%, #ffc800), color-stop(50%, #ffbe00), to(#ffbe00));
	background: -webkit-linear-gradient( #ffc800 0%, #ffc800 50%, #ffbe00 50%, #ffbe00 100%);
	background: -o-linear-gradient( #ffc800 0%, #ffc800 50%, #ffbe00 50%, #ffbe00 100%);
	background: linear-gradient( #ffc800 0%, #ffc800 50%, #ffbe00 50%, #ffbe00 100%); */
	
	/* ??? */
	background: #4b4b4b;
	background: -moz-linear-gradient( #666666 0%, #666666 50%, #4b4b4b 50%, #4b4b4b 100%);
	background: -webkit-gradient(linear, left top, left bottom, from(#666666), color-stop(50%, #666666), color-stop(50%, #4b4b4b), to(#4b4b4b));
	background: -webkit-linear-gradient( #666666 0%, #666666 50%, #4b4b4b 50%, #4b4b4b 100%);
	background: -o-linear-gradient( #666666 0%, #666666 50%, #4b4b4b 50%, #4b4b4b 100%);
	background: linear-gradient( #666666 0%, #666666 50%, #4b4b4b 50%, #4b4b4b 100%);
}


/* ??????? */
#ceiling210329 .navigation {
	width: 100%;
	/*background-color: #ebf9fd;*/
	background-color: #efefef;
	margin: 0 0 40px;
	/* padding: 30px 20px; */
	padding: 30px 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-align: center;
}
#ceiling210329 .navigation p {
	color: #000;
	line-height: 1.5;
}
#ceiling210329 .navigation p.txt_l {
	font-size: 20px;
	font-weight: bold;
}
#ceiling210329 .navigation ul {
	width: 100%;
	margin-top: 20px;
	letter-spacing: -.40em;
}
#ceiling210329 .navigation ul li {
	display: inline-block;
	letter-spacing: normal;
	vertical-align: top;
	width: 230px;
	margin: 0 10px 10px 0;
	background-color: #fff;
}
#ceiling210329 .navigation ul li:nth-of-type(3n) {
	margin-right: 0;
	position: relative;
}
#ceiling210329 .navigation ul li a {
	display: block;
}
#ceiling210329 .navigation ul li a img {
	width: 100%;
	height: auto;
}

/* ????? */
#ceiling210329 .list_ranking {
	width: 100%;
	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
	-ms-flex-wrap: wrap;
  	flex-wrap: wrap;
	margin-bottom: 40px;
}
#ceiling210329 .list_ranking li {
	width: 365px;
	background-color: #efefef;
	padding: 0;
	margin: 0 20px 20px 0;
	position: relative;
}
#ceiling210329 .list_ranking li:before {
	display: inline-block;
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	background-repeat: no-repeat;
	background-position: left top;
	-webkit-background-size: 100% auto;
	-moz-background-size: 100% auto;
	background-size: 100% auto;
}
#ceiling210329 .list_ranking li.rank01:before{ width: 56px; height: 56px; }
#ceiling210329 .list_ranking li.rank02:before,
#ceiling210329 .list_ranking li.rank03:before { width: 48px; height: 48px; }
#ceiling210329 .list_ranking li.rank01:before { background-image: url("https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/shopping.geocities.jp/joylight/image/210329_ceiling/icon_rank01.jpg"); }
#ceiling210329 .list_ranking li.rank02:before { background-image: url("https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/shopping.geocities.jp/joylight/image/210329_ceiling/icon_rank02.jpg"); }
#ceiling210329 .list_ranking li.rank03:before { background-image: url("https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/shopping.geocities.jp/joylight/image/210329_ceiling/icon_rank03.jpg"); }
#ceiling210329 .list_ranking li.rank04:before,
#ceiling210329 .list_ranking li.rank05:before { width: 48px; height: 48px; }
#ceiling210329 .list_ranking li.rank04:before { background-image: url("https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/shopping.geocities.jp/joylight/image/210329_ceiling/icon_rank04.jpg"); }
#ceiling210329 .list_ranking li.rank05:before { background-image: url("https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/shopping.geocities.jp/joylight/image/210329_ceiling/icon_rank05.jpg"); }
#ceiling210329 .list_ranking li.rank01 { width: 100%; }
#ceiling210329 .list_ranking li.rank01,
#ceiling210329 .list_ranking li.rank03,
#ceiling210329 .list_ranking li.rank05 { margin-right: 0; }
#ceiling210329 .list_ranking li a {
	width: 100%;
	display: block;
}
#ceiling210329 .list_ranking li a img {
	width: 100%;
	height: auto;
}
#ceiling210329 .list_ranking li a .thumb {
	width: 100%;
	height: auto;
}
#ceiling210329 .list_ranking li.rank01 a {
	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
	-ms-flex-wrap: wrap;
  	flex-wrap: wrap;
}
#ceiling210329 .list_ranking li.rank01 a .thumb {
	width: 440px;
	height: auto;
}
#ceiling210329 .list_ranking li a dl {
	width: 100%;
	padding: 10px;
	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
	-webkit-box-orient: vertical;
  	-webkit-box-direction: normal;
  	-ms-flex-direction: column;
  	flex-direction: column;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#ceiling210329 .list_ranking li.rank01 a dl {
	flex: 1;
}
#ceiling210329 .list_ranking li a dl > dt {
	color: #000;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.5;
	margin-bottom: 10px;
}
#ceiling210329 .list_ranking li a dl > dd.price {
}
#ceiling210329 .list_ranking li a dl > dd.price > dl {
	padding: 0;
	display: block;
	text-align: right;
}
#ceiling210329 .list_ranking li a dl > dd.price > dl > dt,
#ceiling210329 .list_ranking li a dl > dd.price > dl > dd {
	display: inline-block;
	color: #cc0000;
}
#ceiling210329 .list_ranking li a dl > dd.price {
	margin-top: auto;
}
#ceiling210329 .list_ranking li a dl > dd.price > dl > dt {
	margin-bottom: 0;
}
#ceiling210329 .list_ranking li a dl > dd.price .prices .prdisp-taxin {
	font-size: 20px;
	font-weight: bold;
}
#ceiling210329 .list_ranking li a dl > dd.price .prices .prdisp-taxin span span {
	bottom: 22%!important;
}
#ceiling210329 .list_ranking li a dl > dd.btn {
	
}
/* ?????1??????*/
#ceiling210329 .list_ranking li.rank01 a dl {
	padding: 20px;
}
#ceiling210329 .list_ranking li.rank01 a dl > dt {
	font-size: 20px;
	margin-bottom: 20px;
}
#ceiling210329 .list_ranking li.rank01 a dl > dd.text {
	color: #000;
	font-size: 16px;
	line-height: 1.5;
}
#ceiling210329 .list_ranking li.rank01 a dl > dd.price .prices .prdisp-taxin {
	font-size: 32px;
	font-weight: bold;
}
#ceiling210329 .list_ranking li.rank01 a dl > dd.price .prices .prdisp-taxin span span {
	bottom: 22%!important;
}

/* ???? */
#ceiling210329 .item_3clm {
	width: 100%;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap: wrap;
	margin-bottom: 40px;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: wrap;
margin-top: 5%;
}
#ceiling210329 .item_3clm > li {
	width: 220px;
	height: 416px;
	margin: 0 15px 15px 0;
	padding: 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-color: #fff;
	order-radius: 10px;
	position: relative;
	box-shadow: 0 8px 16px 2px rgb(0 0 0 / 30%);
	border-radius: 10px;
}

#ceiling210329 .item_3clm li .thumb {
	width: 100%;
	margin-bottom: 10px;
}
#ceiling210329 .item_3clm li .thumb a {
	display: block;
}
#ceiling210329 .item_3clm li .thumb img,
#ceiling210329 .item_3clm li .thumb a img {
	width: 100%;
	height: auto;
}
#ceiling210329 .item_3clm li dl {
	width: 100%;
}
#ceiling210329 .item_3clm li dl dt {
	font-size: 14px;
	line-height: 1.5;
	font-weight: bold;
	margin-bottom: 10px;
}
#ceiling210329 .item_3clm li dl dd.price {
	text-align: right!important;
	margin-bottom: 10px;
}
#ceiling210329 .item_3clm li dl dd.price .prices {
	color: #cc0000;
}
#ceiling210329 .item_3clm li dl dd.price .prices .prdisp-taxin {
	font-size: 20px;
	font-weight: bold;
}
#ceiling210329 .item_3clm li dl dd.price .prices .prdisp-taxin span {
}
#ceiling210329 .item_3clm li dl dd.price .prices .prdisp-taxin span span {
	bottom: 22%!important;
}

#ceiling210329 .item_3clm li dl dd.btn {
	width: 100%;
	margin-bottom: 20px;
}
#ceiling210329 .item_3clm li dl dd.btn.m0 {
	margin-bottom: 0px;
}
#ceiling210329 .item_3clm li dl dd.btn a {
	display: block;
	color: #000;
	font-size: 15px;
	font-weight: bold;
	line-height: 1;
	text-align: center;
	background-color: #fff;
	border: solid 1px #ccc;
	padding: 10px 0;
}
#ceiling210329 .item_3clm li dl dd.btn a:hover {
	color: #fff;
	background-color: #60c5e6;
	opacity: 1;
}

/**/
#ceiling210329 .item_3clm li a .thumb {
	display: block;
	width: 100%;
	margin-bottom: 10px;
}
#ceiling210329 .item_3clm li a .thumb img{
	width: 100%;
	height: auto;
}
#ceiling210329 .item_3clm li a:hover .thumb img{
	opacity: 0.7;
}
#ceiling210329 .item_3clm li a dl {
	width: 100%;height: 158px;
}

@media screen and (max-width: 749px) {
#ceiling210329 .item_3clm li a dl {height: 49vw;}
}
#ceiling210329 .item_3clm li a dl dt {
	color: #000;
	height: 85px;
	font-size: 14px;
	line-height: 1.5;
	font-weight: bold;
	margin-bottom: -27px;
}
#ceiling210329 .item_3clm li a dl dd.price {
	text-align: right!important;
	margin-bottom: 10px;
height: 25px;
}
#ceiling210329 .item_3clm li a dl dd.price .prices {
	color: #cc0000;
}
#ceiling210329 .item_3clm li a dl dd.price .prices .prdisp-taxin {
	font-size: 20px;
	font-weight: bold;
}
#ceiling210329 .item_3clm li a dl dd.price .prices .prdisp-taxin span {
}
#ceiling210329 .item_3clm li a dl dd.price .prices .prdisp-taxin span span {
	bottom: 22%!important;
}

/* #ceiling210329 .item_3clm li a dl dd.btn {
	width: 100%;
	margin-bottom: 20px;
} */
#ceiling210329 .item_3clm li a dl dd.btn.m0 {
	margin-bottom: 0px;
}
#ceiling210329 .item_3clm li a dl dd.btn {
	width: 100%;
	display: block;
	color: #000;
	font-size: 15px;
	font-weight: bold;
	line-height: 1;
	text-align: center;
	background-color: #fff;
	border: solid 1px #ccc;
	padding: 10px 0;
	margin-top: 20px;
	
}
#ceiling210329 .item_3clm li a:hover dl dd.btn,
#ceiling210329 .item_3clm li a:hover dl dd.btn.m0 {
	color: #fff;
	background-color: #60c5e6;
	opacity: 1;
}
#ceiling210329 .item_3clm li a .thumb img,
#ceiling210329 .item_3clm li a:hover .thumb img,
#ceiling210329 .item_3clm li a dl dd.btn,
#ceiling210329 .item_3clm li a dl dd.btn:hover,
#ceiling210329 .item_3clm li a dl dd.btn.m0,
#ceiling210329 .item_3clm li a:hover dl dd.btn.m0 {
	transition: 0.2s all;
}


/* ???????? */
#ceiling210329 ul.tabs li,
#ceiling210329 ul.tabs_sub li {
	display: inline-block;
}
#ceiling210329 ul.panels > li.panel,
#ceiling210329 ul.panels_sub > li.panel {
  display: none;
}
#ceiling210329 ul.panels > li.panel.active,
#ceiling210329 ul.panels_sub > li.panel.active{
  display: block;
}

/* ??????? */
#ceiling210329 ul.tabs,
#ceiling210329 ul.tabs_sub {
	width: 100%;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: solid 1px #ccc;
}
#ceiling210329 ul.tabs_sub{margin-bottom: 3px;margin-top: 3px;}
#ceiling210329 ul.tabs_clm01 li { width: 100%; }
#ceiling210329 ul.tabs_clm02 li { width: 50%; }
#ceiling210329 ul.tabs_clm03 li { width: 33.3%; }
#ceiling210329 ul.tabs_clm04 li { width: 25%; }
#ceiling210329 ul.tabs li,
#ceiling210329 ul.tabs_sub li { border-right: solid 1px #ccc; }
#ceiling210329 ul.tabs li:last-child,
#ceiling210329 ul.tabs_sub li:last-child { border-right: none; }
#ceiling210329 ul.tabs li a,
#ceiling210329 ul.tabs_sub li a,
#ceiling210329 ul.tabs li .tabs_span,
#ceiling210329 ul.tabs_sub li .tabs_sub_span{
	display: block;
	color: #000;
	font-size: 12px;
	font-weight: bold;
	line-height: 1;
	text-align: center;
	background-color: #fff;
	padding: 10px 0;
	transition: none;
	opacity: 1;
	cursor: pointer;
}
#ceiling210329 ul.tabs li.active a,
#ceiling210329 ul.tabs_sub li.active a,
#ceiling210329 ul.tabs li.active .tabs_span,
#ceiling210329 ul.tabs_sub li.active .tabs_sub_span{
	color: #fff;
	/*background-color: #ffc800;*/
	background-color: #666;
	transition: none;
	opacity: 1;
}
#ceiling210329 ul.panels,
#ceiling210329 ul.panels_sub {
	
}
#ceiling210329 ul.panels > li.panel,
#ceiling210329 ul.panels_sub > li.panel {
	
}
#ceiling210329 ul.panels > li.panel.active,
#ceiling210329 ul.panels_sub > li.panel.active{
	
}
.icon_sr,
.icon_50s,
.icon_51s,
.icon_511s {
	display: inline-block;
	vertical-align: middle;
	color: #fff;
	background-color: #000;
	font-size: 12px;
	line-height: 1;
	padding: 4px;
}
/*.icon_50s { background-color: #ffb500; }
.icon_51s { background-color: #7fc831; }
.icon_511s { background-color: #5998e7; }*/

.show_sp { display: none; }
#bottomlink { display: none; }

.img_pc { display: block; }
.img_sp { display: none; }

@media screen and (max-width: 749px) {
	.show_sp { display: block; }
	
	#ceiling210329 {
		max-width: initial;
		max-width: auto;
	}
	#ceiling210329 .contents {
		margin: 0 auto 10.6vw;/*40px*/
	}
	#ceiling210329 .heading03_img {
		margin-bottom: 5.3vw;/*20px*/
	}
	#ceiling210329 .heading04_img {
		margin-bottom: 8vw;/*30px*/
	}
	#ceiling210329 .heading03_txt {
		font-size: 7.4vw;/*28px*/
		padding: 4vw 0 2.6vw;/*15px*/
		margin-bottom: 5.3vw;/*20px*/
	}

	/* ??????? */
	#ceiling210329 .navigation {
		margin: 0 0 10.6vw;/*40px*/
		padding: 5.3vw 0;/*20px*/
	}
	#ceiling210329 .navigation p {
		font-size: 3.2vw;/*12px*/
	}
	#ceiling210329 .navigation p.txt_l {
		font-size: 4.2vw;/*16px*/
		margin-bottom: 0.5em;
	}
	#ceiling210329 .navigation ul {
		width: 94%;
		margin: 5.3vw auto 0;/*20px*/
	}
	#ceiling210329 .navigation ul li {
		width: 49%;
		margin: 0 2% 2% 0;
	}
	#ceiling210329 .navigation ul li:nth-of-type(3n) {
		margin-right: 2%;
	}
	#ceiling210329 .navigation ul li:nth-of-type(2n) {
		margin-right: 0;
	}
	
	/* ????? */
	#ceiling210329 .list_ranking {
		margin-bottom: 10.6vw;/*40px*/
	}
	#ceiling210329 .list_ranking li {
		width: 49%;
		margin: 0 2% 4% 0;
	}
	#ceiling210329 .list_ranking li:before {
		background-size: cover;
	}
	#ceiling210329 .list_ranking li.rank01:before { background-image: url("https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/shopping.geocities.jp/joylight/image/210329_ceiling/icon_rank01_sp.png"); }
	#ceiling210329 .list_ranking li.rank02:before { background-image: url("https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/shopping.geocities.jp/joylight/image/210329_ceiling/icon_rank02_sp.png"); }
	#ceiling210329 .list_ranking li.rank03:before { background-image: url("https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/shopping.geocities.jp/joylight/image/210329_ceiling/icon_rank03_sp.png"); }
	#ceiling210329 .list_ranking li.rank04:before { background-image: url("https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/shopping.geocities.jp/joylight/image/210329_ceiling/icon_rank04_sp.png"); }
	#ceiling210329 .list_ranking li.rank05:before { background-image: url("https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/shopping.geocities.jp/joylight/image/210329_ceiling/icon_rank05_sp.png"); }

	#ceiling210329 .list_ranking li.rank01:before { width: 12vw; height: 12vw; }
	#ceiling210329 .list_ranking li.rank02:before,
	#ceiling210329 .list_ranking li.rank03:before,
	#ceiling210329 .list_ranking li.rank04:before,
	#ceiling210329 .list_ranking li.rank05:before { width: 6vw; height: 6vw; }
	#ceiling210329 .list_ranking li a dl {
		padding: 2.6vw;/*10px*/
	}

	#ceiling210329 .list_ranking li a dl > dt {
		font-size: 4.2vw;/*16px*/
		margin-bottom: 2.6vw;/*10px*/
	}
	
	#ceiling210329 .list_ranking li a dl > dd.price .prices .prdisp-taxin {
		font-size: 4.8vw;/*18px*/
	}
	#ceiling210329 .list_ranking li a dl > dd.price .prices .prdisp-taxin span span {
		bottom: 20%!important;
	}
	/* ?????1??????*/
	#ceiling210329 .list_ranking li.rank01 a dl {
		padding: 5.3vw;/*20px*/
	}
	#ceiling210329 .list_ranking li.rank01 a dl > dt {
		font-size: 4.8vw;/*18px*/
		margin-bottom: 2.6vw;/*10px*/
	}
	#ceiling210329 .list_ranking li.rank01 a dl > dd.text {
		font-size: 3.7vw;/*14px*/
		margin-bottom: 2.6vw;/*10px*/
	}
	#ceiling210329 .list_ranking li.rank01 a dl > dd.price .prices .prdisp-taxin {
		font-size: 6.4vw;/*24px*/
	}
	#ceiling210329 .list_ranking li.rank01 a dl > dd.price .prices .prdisp-taxin span span {
		bottom: 24%!important;
	}
	
	/* ???? */
	#ceiling210329 .item_3clm {
		margin-bottom: 10.6vw;
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
	}
	#ceiling210329 .item_3clm > li {
		width: 49%;
    margin: 0 2% 4% 0;
    padding: 2.6vw;
    height: auto;
	}
	#ceiling210329 .item_3clm > li:nth-of-type(3n) {
		margin-right: 2%;
	}
	#ceiling210329 .item_3clm > li:nth-of-type(2n) {
		margin-right: 0;
	}
	#ceiling210329 .item_3clm li:before {
		top: 0;
		right: 0;
		width: 17.6vw;
		height: 17.6vw;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		background-size: cover;
	}

	#ceiling210329 .item_3clm li .thumb {
		margin-bottom: 2.6vw;/*10px*/
	}
	#ceiling210329 .item_3clm li dl dt {
		font-size: 3.7vw;/*14px*/
		margin-bottom: 2.6vw;/*10px*/
	}
	#ceiling210329 .item_3clm li dl dd.price {
		margin-bottom: 2.6vw;/*10px*/
	}
	#ceiling210329 .item_3clm li dl dd.price .prices .prdisp-taxin {
		font-size: 5.3vw;/*20px*/
	}
	#ceiling210329 .item_3clm li dl dd.price .prices .prdisp-taxin span span {
		bottom: 22%!important;
	}

	#ceiling210329 .item_3clm li dl dd.btn {
		margin-bottom: 5.3vw;/*20px*/
	}
	#ceiling210329 .item_3clm li dl dd.btn a {
		font-size: 4vw;/*15px*/
		padding: 2.6vw 0;/*10px*/
	}
	
	/**/
	#ceiling210329 .item_3clm li a .thumb {
		margin-bottom: 2.6vw;/*10px*/
	}
	#ceiling210329 .item_3clm li a dl dt {
		font-size: 3.7vw;
    margin-bottom: 2.6vw;
    line-height: 1.3;
    height: 17.5vw;
	}
	#ceiling210329 .item_3clm li a dl dd.price {
		margin-bottom: 2.6vw;/*10px*/
	}
	#ceiling210329 .item_3clm li a dl dd.price .prices .prdisp-taxin {
		font-size: 6.2vw;/*20px*/
	}
	#ceiling210329 .item_3clm li a dl dd.price .prices .prdisp-taxin span span {
		bottom: 22%!important;
	}

	#ceiling210329 .item_3clm li a dl dd.btn {
		margin-bottom: 3vw;/*20px*/
	}
	#ceiling210329 .item_3clm li a dl dd.btn a {
		font-size: 4vw;/*15px*/
		padding: 2.6vw 0;/*10px*/
	}
	
	/* ??????? */
	#ceiling210329 ul.tabs li a,
	#ceiling210329 ul.tabs_sub li a,
	#ceiling210329 ul.tabs li .tabs_span,
	#ceiling210329 ul.tabs_sub li .tabs_sub_span{
		font-size: 3.5vw;/*10px*/
		padding: 2.6vw 0;/*10px*/
	}
	
	.icon_sr,
	.icon_50s,
	.icon_51s,
	.icon_511s {
		font-size: 3.2vw;/*12px*/
		padding: 1.0vw 1.0vw 0.5vw;/*4px*/
	}
	
	#bottomlink {

		display: block;
		margin: 5px 0!important;
	}
	
	.img_pc { display: none; }
	.img_sp { display: block; }
	
}

.wrap_footer {
	max-width: 1000px;
	margin: 0 auto;
	padding: 40px 0;
	overflow: hidden;
	text-align: center;
	}
.wrap_footer a {
	color: #000;
	font-weight: 16px;
	text-decoration: underline;
	}



/*================����[�_���E�B���h�E��================*/

#modal-content{
    padding: 11px;
    border-radius: 4px;
    background-color: #bf0000f2;
    color: #fff;
    border: none;
    letter-spacing: 0.12em;
    cursor: pointer;
    margin: 58px 0 0;
    font-size: 15px;
    text-align: center;
}
#modal-content a {color: #fff;font-size: 100%;text-decoration: none}
.modal {display: none;position: fixed;width: 100%;top: 0;left: 0;bottom: 0;right: 0;z-index: 3;}
/* .modal {display: none;height: 100vh;position: fixed;top: 50%;width: 100%;transform: translate(-51%,-50%);} */
.modal__bg {background: rgba(0,0,0,0.8);height: 100vh;position: absolute;width: 100%;}
.modal__content {background: #fff;left: 50%;padding: 2%;position: absolute;top: 50%;transform: translate(-50%,-50%);width: 30%;}

.inventory_choice_name {display: flex;float: left;position: relative;}
.inventory_choice {display: inline-block;}

input[type="radio"] {display: none!important;}
.inventory_choice_name label {margin-bottom: 12px;margin-right: 10px;padding-left: 6px;padding-right: 6px;min-width: 60px;float: none;display: block;border: 1px solid #e2e2e2;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;font-size: 14px !important;font-weight: normal !important;color: #333;text-align: center;line-height: 33px !important;background: #f4f4f4;min-height: 30px;cursor: pointer;}
input[type="radio"]:checked + label {background-color: #bf0000f2;color: #fff;}
.inventory_choice_name label:hover {background-color: #bf0000f2;color: #fff;}
.js-modal-close2{position: absolute;top: 1rem;right: 1rem;cursor: pointer;}
	


/* �X�}�z�\ｦ */
@media (max-width: 1199px){

	#modal-content{
margin: 13vw auto 0 auto;
    padding: 17px;
    font-size: 4.5vw;
}
	.modal__content{width: 95%;transform: translate(-50%,-50%);}
	.js-modal-close2{position: absolute;top: 0.5rem;right: 0.5rem;cursor: pointer;}

}

.modal {display: none;position: fixed;width: 100%;top: 0;left: 0;bottom: 0;right: 0;z-index: 3;}
.modal__bg {background: rgba(0,0,0,0.8);height: 100vh;position: absolute;width: 100%;}
.modal__content {background: #fff;left: 50%;padding: 5%;position: absolute;top: 50%;transform: translate(-50%,-50%);width: 80%;} 
button[type="submit"] {width: 100%;padding: 15px;border-radius: 4px;background-color: #bf0000f2;color: #fff;border: none;letter-spacing: 0.12em;cursor: pointer;display: inline-flex;justify-content: center;margin: 10px 0 0;font-size: 4.5vw;}
.modal div.link {width: 100%;}
.modal div.link a {padding: 15px;border-radius: 4px;background-color: #121212f2;color: #fff;border: none;letter-spacing: 0.12em;cursor: pointer;margin: 10px 0 0;display: block;text-align: center;text-decoration: none;font-size: 4.5vw;}
.modal div.link a:hover{opacity:1;}
button[type="submit"]:focus {outline: 0;box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, .5);}

@media screen and (min-width: 768px) {
.modal__content {background: #fff;left: 50%;padding: 2%;position: absolute;top: 50%;transform: translate(-50%,-50%);width: 25%;}
button[type="submit"] {width: 100%;padding: 10px;border-radius: 4px;background-color: #bf0000f2;color: #fff;border: none;letter-spacing: 0.12em;cursor: pointer;display: inline-flex;justify-content: center;margin: 10px 0 0;font-size: 15px;}
.modal div.link {width: 100%;}
.modal div.link a {padding: 10px;border-radius: 4px;background-color: #121212f2;color: #fff;border: none;letter-spacing: 0.12em;cursor: pointer;margin: 10px 0 0;display: block;text-align: center;text-decoration: none;font-size: 15px;}
.modal div.link a:hover{opacity:1;}
button[type="submit"]:focus {outline: 0;box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, .5);}

} 
.inventory_choice_name {display: flex;float: left;position: relative;}
.inventory_choice {display: inline-block;}

input[type="radio"] {display: none!important;}
.inventory_choice_name label {margin-bottom: 12px;margin-right: 10px;padding-left: 6px;padding-right: 6px;min-width: 60px;float: none;display: block;border: 1px solid #e2e2e2;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;font-size: 14px !important;font-weight: normal !important;color: #333;text-align: center;line-height: 33px !important;background: #f4f4f4;min-height: 30px;cursor: pointer;}
input[type="radio"]:checked + label {background-color: #bf0000f2;color: #fff;}
.inventory_choice_name label:hover {background-color: #bf0000f2;color: #fff;}
.js-modal-close2{position: absolute;bottom: 0.5rem;right: 1rem;cursor: pointer;}