@charset "UTF-8";

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

	common

====================================================== */
/* Font - Rule base:13px
 * 10px = 72%
 * 11px = 79%
 * 12px = 86%
 * 13px = 93%
 * 14px = 100%
 * 15px = 108%
 * 16px = 115%
 * 17px = 122%
 * 18px = 129%
 * 19px = 136%
 * 20px = 143%
 * 21px = 150%
 * 22px = 158%
 * 23px = 165%
 * 24px = 172%
 * 25px = 179%
 * 26px = 186%
 */

p { line-height: 1.5; }

.mt10 { margin-top: 10px !important; }
.mt15 { margin-top: 15px !important; }
.mt20 { margin-top: 20px !important; }
.mt25 { margin-top: 25px !important; }
.mt30 { margin-top: 30px !important; }
.mt35 { margin-top: 35px !important; }
.mt40 { margin-top: 40px !important; }

.mb10 { margin-bottom: 10px !important; }
.mb15 { margin-bottom: 15px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb25 { margin-bottom: 25px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb35 { margin-bottom: 35px !important; }
.mb40 { margin-bottom: 40px !important; }

.pb10 { padding-bottom: 10px !important; }
.pb15 { padding-bottom: 15px !important; }
.pb20 { padding-bottom: 20px !important; }
.pb25 { padding-bottom: 25px !important; }
.pb30 { padding-bottom: 30px !important; }
.pb35 { padding-bottom: 35px !important; }
.pb40 { padding-bottom: 40px !important; }

.cf:before,
.cf:after { content: ""; display: table }
.cf:after { clear:both }
.cf { zoom:1 }

.tel-button img,
.main img,
.flowMainImg img { width: 100%; }

.sc {
	padding: 0 10px;
}
.tit {
	margin-bottom: 10px;
	font-weight: bold !important;
}
.tit > span {
	color: #943b01;
}
.pickupTxt {
	font-size: 108%;
	font-weight: bold;
	color: #DD1133;
}
.cautionTxt {
	padding-left: 1em;
	text-indent: -1em;
}
.cautionTxt li {
	margin-bottom: 8px;
}

.borderBtm {
	margin-bottom: 20px;
	padding-bottom: 10px;
	border-bottom: dashed 1px #cccccc;
}

.dtBold dt {
	margin-bottom: 5px;
	font-weight: bold;
}

.dtBold dd {
	margin-bottom: 10px;
}

sup {
	font-size: 10px;
}

#header {
	background: none;
}

/* carouselMain */
.carouselMain {
	position: relative;
	width: 100%;
	margin-bottom: 20px;
}
.carouselMain .carouselBoxWrap {
	overflow: hidden;
	margin: 0 auto;
}
.carouselMain .carouselBoxWrap li {
	float: left;
	margin: 0 5px 10px;
}
.carouselMain .carouselBoxWrap li dt {
	width: 114px;
	margin-bottom: 10px;
	padding: 1px;
	border: solid 1px #cccccc;
	text-align: center;
}
.carouselMain .carouselBoxWrap li dd {
	text-align: center;
	font-size: 86%;
}
.carouselMain .pagination {
	width: 252px;
	margin: 0 auto;
	padding: 5px 0;
	background-color: #ECECEC;
	text-align: center;
}
.carouselMain .pagination a {
	display: inline-block;
	width: 10px;
	height: 10px;
	margin-right: 5px;
	background-image: url(/sp/common/images/slidemain_paging.png);
	background-repeat: no-repeat;
	background-position: 0 top;
	background-size: 10px auto;
}
.carouselMain .pagination a:last-child {
	margin: 0;
}
.carouselMain .pagination a.selected {
	background-position: 0 bottom;
}
.carouselMain .pagination a span {
	display: none;
}
.carouselMain .btPrevArea {
	position: absolute;
	top: 0;
	left: 0;
}
.carouselMain .btNextArea {
	position: absolute;
	top: 0;
	right: 0;
}
.carouselMain .btPrevArea a,
.carouselMain .btNextArea a {
	display: block;
	width: 28px;
	height: 160px;
	text-indent: -9999px;
	background-repeat: no-repeat;
	background-size: 27px auto;
}
.carouselMain .btPrev {
  background-image: url(/sp/common/images/bt-prev.gif);
}
.carouselMain .btNext {
  background-image: url(/sp/common/images/bt-next.gif);
}


/*prdList*/
#prdList{
	clear:both;
}

#prdList .prdListTtl{
	padding:8px 10px 8px 13px;
	background-color:#ffc002;
	border-left:4px solid #a34400;
	color:#ffffff;
	font-size:107.1%;
	font-weight:normal;
}
#prdList ul{
}
#prdList ul li{
	border-bottom:1px solid #d0d0d0;
	font-size:15px;
}
#prdList ul li:last-child{border-bottom:none;}

#prdList ul li a{
	padding: 15px;
	background: url(/sp/common/images/renew/ico-link-arrow.png) no-repeat 97% 50%;
	background-size: 8px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	font-size: 15px;
	display:block;
}
#prdList ul li a span{
	background: url(/sp/common/images/catnav_arw.png) right center no-repeat;
	background-size:8px 13px;
	display:block;
}

/*toTop*/
#prdList #toTop{
	background: #ffc002;
 }
#prdList #toTop a{
	display: block;
	color: #fff;
	padding: 15px;
	font-size: 17px;
  line-height:1;
	text-align: center;
}
#prdList #toTop a span{
	background: url(/sp/common/images/renew/ico-pagetop-arrow.png) no-repeat 0 50%;
	background-size: 13px;
	padding: 0 0 0 25px;
	font-weight: bold;
}


/* Clear Fix
--------------------------------------------------*/
.clearfix:after {
  content: "";
  display: block;
  clear: both;
}