@charset "utf-8";
/* CSS Document */


/*============================
#main
============================*/
#main {
	background-color: #FFFFFF;
	margin: 0px !important;
	border: none !important;
}

/*============================
#spBox01
============================*/
#spBox01{
	margin: 0 10px 10px 10px;
	border: 1px solid #E4E4D7;
	position: relative;
	height: 150px;
	background-color: #FFFFFF;
}
#spBox01 #cubeTitle01Area {
	background-color: #F2F2EC;
	width: 100%;
	overflow: hidden;
}
#spBox01 #cubeTitle01 {
	float: right;
	padding: 5px 5px 5px 10px;
	font-size: 11px;
}
#spBox01 #cubeTitle01 span {
	font-size: 14px;
}
#spBox01 ul.list {
	position: absolute;
	top: 5px;
/*	left: 5px;*/
	width: 100%;
}
#spBox01 ul.list li{
	padding-left: 5px;
}
#spBox01 .corner01 ul.list li.error{
	padding-top: 140px;
}
#spBox01_01 {
	height: 115px;
	background: url(../img/sp/bg_cube_link.png) no-repeat right bottom;
	background-size: 20px 70px;
}
#sB01Price {
	padding-top: 40px;
	font-size: 16px;
	color: #CF4817;
	font-weight: bold;
}
#sB01Img01{
	float:left;
	padding-right:10px;
}
#sB01Comment{
	font-size:11px;
	color: #5C8894;
}
#spBox01_02Inner{
	display: table-cell;
	vertical-align: middle;
	height: 100px;
}
#sB01Pic{
	float:left;
	padding-right:10px;
}
#sB01Pic img {
	width: 100px;
	height: 100px;
}
#sB01Area{
	font-size:11px;
}
#sB01Info{
	font-size:11px;
}

/*============================
#spBox02
============================*/
#spBox02 {
	background-color: #F2F2EC;
}
#spSearchMenu { padding-bottom: 10px; }

#spListBtn01 {
	height: 50px;
	line-height: 50px;
	font-size: 16px;
	padding-left: 30px;
	border-bottom: 3px solid #143A5A;
	background: url(../img/sp/icon_search01.png) no-repeat 8px 50% #2976B4;
	background-size: 16px 16px;
	position: relative;
}
#spListBtn01 a {
	color: #FFFFFF;
	display: block;
}
#spListBtn01:after {
	content: "";
	width: 24px;
	height: 24px;
	background: url(../img/sp/icon_open.png) no-repeat 0 0;
	background-size: 24px;
	-webkit-background-size: 24px;
	position: absolute;
	top: 30%;
	right: 10px;
}

#main .on:after {
	content: "";
	width: 24px;
	height: 24px;
	background: url(../img/sp/icon_close.png) no-repeat 0 0;
	background-size: 24px;
	-webkit-background-size: 24px;
	position: absolute;
	top: 30%;
	right: 10px;
}
#spBox02 p a img {
	float: right;
	margin-top: 15px;
	margin-right: 15px;
}
#spBox02 ul {
	margin: 0 10px;
	overflow: hidden;
	background-color: #FFFFFF;
}
#spBox02 ul li {
	float: left;
	width: 50%;
}
#spBox02 ul li a {
	display: block;
	padding-left: 25px;
	margin: 15px 0 10px 0;
	background: url(../img/sp/bg_icon01.png) no-repeat 15px 50%;
	background-size: 4px 6px;
	font-size: 11px;
}
#spBox02 ul li.listLine {
	color: #FFFFFF;
	background-color: #A5D4DF;
	width: 100%;
	height: 20px;
	line-height: 20px;
	padding-left: 10px;
	margin-top: 5px;
}

#spSearchMenu {
	display: none;
}
/*============================
#spBox03
============================*/
#spBox03 {
	background-color: #FFFFFF;
	padding: 10px;
}
#spBox03 #spBox03Inner {
	background-color: #F2F2EC;
	border: 3px solid #A5D4DF;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

/*============================
#spBox04
============================*/
#spBox04 {
	background-color: #FFFFFF;
	padding: 10px;
}
#spBox04 #spBox04Inner {
	background-color: #F2F2EC;
	border: 3px solid #A5D4DF;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

/*============================
#spBox05
============================*/
#spBox05 {
	background-color: #FFFFFF;
	padding: 10px;
}
#spBox05 #spBox05Inner {
	background-color: #F7F7F7;
	padding-bottom: 10px;
}
#spBox05 #spBox05Inner #diaryTitle {
	font-size: 13px;
	font-weight: bold;
	padding-left: 30px;
	height: 35px;
	line-height: 35px;
	background: url(../img/sp/bg_icon_diary.png) no-repeat 11px 50%;
	background-size: 12px 15px;
	border-bottom: 1px solid #E6E6DA;
}

/*============================
#spBox06
============================*/
#spBox06 {
	background-color: #FFFFFF;
	padding: 10px;
}
#spBox06 #spBox06Inner {
	background-color: #F2F2EC;
	border: 3px solid #A5D4DF;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}


#diaryArea {
	padding: 10px;
}
#diaryArea .dateBox {
	color: #8C8C8C;
}
#diaryArea .tit {
	color: #CE935F;
}
#diaryArea .newIcon {
	background: url(../img/sp/diary_icon.png) no-repeat;
	padding-left: 45px;
	background-size: 38px 13px
}
#diaryArea .pic_left {
	float: left;
}
#diaryArea ul li p.pic_left{ float:left; padding-right: 10px;}
#diaryArea ul li p.pic_right{
	float:right;
	padding-left: 10px;
	margin-top: 5px;
}
#diaryArea ul li p.pic_top{ padding-:5px; }
#diaryArea ul li p.pic_bottom{ padding-top:5px; }
#diaryArea .comment {
	padding: 5px;
}
#diaryArea .pageNavi {
	padding: 10px 0 15px 0;
	text-align: center;
	clear: both;
}
#diaryArea .pageNavi a {
	text-decoration: underline;
	color: #666;
}
#diaryArea .pageNavi .prevBtn {
	float: left;
}
#diaryArea .pageNavi .nextBtn {
	float: right;
}





.topCube ul.list li .spBox02,
.topCube ul.list li .spBox03 {
	background-color:#FFF;
	border:solid 1px #E6E6DA;
	margin: 5px 10px 5px 10px;
	background: url(../img/sp/bg_arrow_02.png) no-repeat 95% 50% #FFF;
	background-size: 6px 14px;
	-webkit-background-size: 6px 14px;
}
.topCube ul.list li .spBox02,
.topCube ul.list li .spBox03 {
	padding:10px;
}

.topCube ul.list li .sB02Img,
.topCube ul.list li .sB03Img {
	float:left;
}
.topCube ul.list li .sB02Img img,
.topCube ul.list li .sB03Img img {
	width:60px;
	height:60px;
	padding-right:15px;
}
.topCube ul.list li .sB02Price,
.topCube ul.list li .sB03Price {
	font-size:14px;
	font-weight:bold;
	color:#CF4817;
	padding-top:5px;
}
.topCube ul.list li .sB02Area,
.topCube ul.list li .sB03Area {
	font-size:11px;
	padding-top:3px;
}
.topCube ul.list li .sB02Info,
.topCube ul.list li .sB03Info {
	font-size:11px;
	padding-top:3px;
}
.topCube ul.list li .sB02Come,
.topCube ul.list li .sB03Come {
	padding-top:3px;
	font-size:11px;
	color: #5C8894;
	clear: both;
}
.topCube ul.list li .spBox02,
.topCube ul.list li .spBox03 {
	background-color:#FFF;
	border:solid 1px #E6E6DA;
	margin: 5px 10px 5px 10px;
	background: url(../img/sp/bg_arrow_02.png) no-repeat 95% 50% #FFF;
	background-size: 6px 14px;
	-webkit-background-size: 6px 14px;
}
.topCube ul.list li .spBox02,
.topCube ul.list li .spBox03 {
	padding:10px;
}

.corner04 {
	margin: 0;
	position: relative;
	z-index: 1;
	width: 100%;
	overflow:hidden;
	padding-top: 10px;
}
.corner04 ul.list {
	margin: auto;
	display: flex;
	justify-content: center;
	gap: 5px;
}
.corner04 .slick-list {
	padding-left: 10px;
}
.corner04 .slick-dots {
	background-color: #E6E6DA;
	position: relative;
	bottom: 0;
}

.corner04 .slick-dots li {
	width: 10px;
}

.corner04 .slick-dots button:before {
	color: #fff;
	font-size: 8px;
	opacity: 1;
}

.corner04 .slick-dots li.slick-active button:before {
	color: #2976B4;
	opacity: 1;
}

.corner04 ul.list li .contents {
	width: 100px;
	margin-right: 10px;
}
.corner04 ul.list li .contents a {
	text-decoration: none;
	color: #000;
	background-color: #FFF;
	display: block;
	overflow: hidden;
	padding: 5px 0 0 0;
	padding-bottom: 5px;
	margin-bottom: 7px;
	height: 160px;
}
.corner04 ul.list li .contents a{ border: 1px solid #E6E6DA; }
.corner04 ul.list li .contents a span {
	line-height: 16px;
	display: block;
	font-size:12px;
	text-align: center;
}
.corner04 ul.list li .contents a .pic {
	width: 90px;
	height: 90px;
	margin-right: auto;
	margin-left: auto;
}
.corner04 ul.list li .contents a .pic img {
	width: 90px;
	height: 90px;
}
.corner04 ul.list li .contents a .price {
	line-height: 20px;
	font-size: 12px;
	font-weight: bold;
	color: #CF4817;
	padding-top: 5px;
	height: 20px;
	text-align: center;
}
.corner04 ul.list li .contents a span.senyu {
	padding-top: 5px;
	line-height: 1.2em;
	font-size: 11px;
}
.corner04 ul.list li .contents a span.comment {
	padding: 5px 5px 0 5px;
	line-height: 1.2em;
	font-size: 11px;
	color: #5C8894;
}

.topCubeTitle {
	margin-top: 10px;
	height: 20px;
	line-height: 20px;
	padding-left: 60px;
	font-size: 14px;
	font-weight: bold;
	background: url(../img/sp/bg_pickup.png) no-repeat -3px 50%;
	background-size: 55px 20px;
}


.cubeBtn01{
	height:40px;
	margin:5px 10px 0 10px;
	text-align:center;
	line-height:40px;
	margin-bottom: 10px;
}
.cubeBtn01 a {
	color:#000000;
	display:block;
	border: 1px solid #E4E4D7;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	background-color:#FFFFFF;
}
.cubeBtn01 a span {
	padding-left: 15px;
	background: url(../img/sp/bg_icon01.png) no-repeat 0 50%;
	background-size: 4px 6px;
	-webkit-background-size: 4px 9px;
}

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


/* �|�C���^�[ */

.pointer {
	text-align: center;
	background-color: #E6E6DA;
	clear: both;
}
.pointer span {
	width: 10px;
	height: 10px;
	margin: 3px 8px 3px 0;
	display: inline-block;
	cursor: pointer;
	text-indent: -9999px;
}
.corner04 .pointer span {
	background: url(../img/sp/ico_cube_off.png) no-repeat 0 0;
	background-size: 6px 6px;
	-webkit-background-size: 6px 6px;
}
.corner04 .pointer span.current { background-image: url(../img/sp/ico_cube_on.png); }


.corner01 ul.list li.error,
.corner02 ul.list li.error,
.corner03 ul.list li.error,
.corner04 ul.list li.error {
	width: 140px;
	height: 30px;
	margin: 0 auto;
	padding: 15px 0;
	text-indent: -99999px;
	text-align: center;
	background: url(../img/img_nodata_02.png) no-repeat 50% 50%;
	background-size: 140px 30px;
	-webkit-background-size: 140px 30px;
}
.corner04 ul.list li.error {
	margin: 0 0 0 -20px;
}