@charset "utf-8";

/*--------------------
sg Top 
--------------------*/
#topcolumn {
margin-top: -50px;
}
/* スライド */
.sgTopSlideArea {
width: 100%;
height: 100%;
overflow: hidden;
}
.sgTopSlideCont {
width: 950px;
margin: 0 auto;
height: 500px;
/*position: relative;*/
}
/*.sgTopSlideCtr {
width: 3000px;
position: absolute;
left: 50%;
margin-left: -1500px;
}*/
.sgTopSlide {
width: 100%;
}
.sgTopSlide li {
width: 960px;
}
.sgTopSlide li img {
width: 100%; vertical-align: bottom;
}
.sgTopSlideArea .bx-controls-direction {
text-align: center;
}
.sgTopSlideArea .bx-controls-direction a {
text-decoration: none;
text-indent: -9999px;
color: #000;
display: inline-block;
padding:0 5px;
}
.sgTopSlideArea .bx-controls-direction .bx-prev {
background: url(../img/sg_top/slide_arrow_l.png) no-repeat center;
position: relative;
left: -490px;
top: -240px;
width: 34px;
height: 54px;
}
.sgTopSlideArea .bx-controls-direction .bx-next {
background: url(../img/sg_top/slide_arrow_r.png) no-repeat center;
position: relative;
left: 490px;
top: -240px;
width: 34px;
height: 54px;
}
.bx-controls {
position: relative;
z-index: 10;
}

.sgTopCont {
width: 730px;
padding-bottom: 140px;
}
.sgTopAtte {
background-color: #cf2d04;
line-height: 40px;
padding: 0 10px;
font-size: 14px;
color: #fff;
margin-bottom: 20px;
position: relative;
z-index: 100;
box-sizing: border-box;
width: 730px;
}
.sgTopAtte a {
display: inline-block;
width: 100%;
}
.sgTopAtte a:link,
.sgTopAtte a:visited {
color: #fff;
text-decoration: none;
}
.sgTopAtte img {
margin-right: 18px;
vertical-align: middle;
}
.sgTopCampWrap,
.sgTopComp2Col {
margin-bottom: 80px;
}
.sgTopCampBnr {
margin-bottom: 20px;
}
.sgTopCamp01Tit {
margin-bottom: 34px;
}
.sgTopCamp01Item01 {
margin-bottom: 45px;
}
.sgTopCamp01Item01 .ph {
float: left;
margin-left: 60px;
}
.sgTopCamp01Item01 .detail {
float: right;
width: 350px;
text-align: center;
}
.sgTopCamp01Item01 .detail .discount {
margin: 22px 0;
}
.sgTopCamp01Item01 .detail .price {
font-size: 14px;
line-height: 1;
color: #000;
margin-bottom: 20px;
}
.sgTopCamp01Item01 .detail .price span {
font-size: 24px;
margin-left: 10px;
}
.sgTopCamp01Small {
width: 350px;
text-align: center;
}
.sgTopCamp01Small .discount {
margin: 30px 0 24px;
}
.sgTopCamp01Small.item02 {
float: left;
}
.sgTopCamp01Small.item03 {
float: right;
}
.sgTopCamp01Small .price {
font-size: 14px;
line-height: 1;
color: #000;
margin-bottom: 20px;
}
.sgTopCamp01Small .price span {
font-size: 24px;
margin-left: 10px;
}
.sgTopCampBtn {
font-size: 147%;
font-weight: bold;
margin-top: 25px;
line-height: 80px;
height: 80px;
}
.sgTopCampBtn.sgBtn img {
top: 40%;
}

.sgTopComp2ColLarge,
.sgTopComp2ColSmallWrap {
width: 350px;
}
.sgTopComp2ColLarge {
float: left;
}
.sgTopComp2ColSmallWrap {
float: right;
}
.sgTopComp2Col .price {
text-align: center;
font-size: 14px;
line-height: 1;
margin: 15px 0 18px;
color: #cf2d04;
}
.sgTopComp2Col .price span {
font-size: 28px;
margin-left: 10px;
}
.sgTopComp2ColSmallWrap .sgTopComp2ColSmallItem:first-child {
margin-bottom: 28px;
}
.sgTopComp2ColLarge .cartBtn {
margin-top: 15px;
}
.sgTopMit li {
text-align: center;
float: left;
width: 350px;
}
.sgTopMit li:first-child {
margin-right: 30px;
}
.sgTopMit li .img {
margin-bottom: 15px;
}
.sgTopMitKajyu .sgTopMitHead {
background: #91c23d;
box-sizing: border-box;
color: #fff;
padding-top: 30px;
height: 165px;
}
.sgTopMitTit {
margin-bottom: 30px;
}
.sgTopMitHead p {
font-size: 15px;
margin-left: auto;
margin-right: auto;
width: 310px;
}
.sgTopMitTxt {
font-size: 14px;
font-weight: normal;
padding-top: 20px;
padding-bottom: 20px;
}
.sgTopMitTxt span {
font-size: 16px;
font-weight: bold;
}
.sgTopMitManuka .sgTopMitHead {
background: #ff6a6c;
box-sizing: border-box;
color: #fff;
padding-top: 30px;
height: 165px;
}
.sgTopMitManuka .sgTopMitTit {
margin-bottom: 15px;
}

/*@media (max-width: 1350px) and (min-width: 1300px) {
* {
box-sizing: border-box;
}
body {
width: 1350px;
overflow-x: hidden;
z-index: 100000;
}
.sgTopSlideArea {
width: 1350px;
overflow-x: hidden;
z-index: 10000;
}
#container,
.frame_outer {
width: 100%;
}
#leftcolumn {
padding-right: 3%;
width: 22%;
}
#rightcolumn {
padding-left: 3%;
width: 22%;
}
}*/