@charset "utf-8";

/*--------------------
sg Side 
--------------------*/
.sgSide {
width: 250px;
}
.sgSideCont {
}

/*--------------------
メニュー
--------------------*/
.sgSideNavCont {
margin-bottom: 50px;
position: relative;
z-index: 10;
} 
.sgSideNav {
margin-bottom: 20px;
width: 250px;
}
.sgSideNav:last-of-type {
margin-bottom: 60px;
}
.sgSideNav li {
background: #f0efe9;
margin-bottom: 1px;
position: relative;
overflow: hidden;
}
.sgSideNav li a {
display: inline-block;
font-size: 14px;
height: 70px;
width: 250px;
text-decoration: none;
vertical-align: middle;
}
.sgSideNav li a:link,
.sgSideNav li a:visited {
color: #000;
}
.sgSideNav img {
position: relative;
top: 10px;
left: 24px;
}
.sgSideNav span {
display: inline-block;
position: relative;
text-align: left;
top: -4px;
left: 45px;
}
.sgSideNav span.sgSideNavDouble {
top: 8px;
}
.sgSideNav img.sgSideNavBlank {
padding-left: 10px;
position: initial;
vertical-align: baseline;
}

/*--------------------
カテゴリー
--------------------*/
.sgSideCateTit {
margin-bottom: 35px;
}
.sgSideCateTit span {
font-size: 14px;
font-weight: bold;
display: inline-block;
margin-top: 12px;
padding-left: 45px;
}
.sgSideCate {
margin-bottom: 30px;
}
.sgSideCate li {
border-left: #fdd000 5px solid;
padding-left: 15px;
}
.sgSideCate:last-of-type {
margin-bottom: 60px;
}
.sgSideCate li a {
border-bottom: 1px #dcdad0 solid;
color: #000;
font-size: 14px;
display: block;
padding-top: 18px;
padding-bottom: 18px;
}
.sgSideCate li a:link,
.sgSideCate li a:visited {
text-decoration: none;
}
.sgSideCate li a:hover {
opacity: 0.6;
}
.sgSideCate li:last-of-type {
margin-bottom: 10px;
}
/*--------------------
ログイン
--------------------*/
.sgSideLogin {
border-top: #fdd000 solid 5px;
background-color: #f0efe9;
padding: 20px;
position: relative;
margin-bottom: 20px;
text-align: center;
}
.sgSideLoginGree {
font-size: 16px;
font-weight: bold;
line-height: 1;
margin-bottom: 10px;
}
.sgSideLoginTxt {
font-size: 14px;
line-height: 1.6;
margin-bottom: 7px;
}
sgSideLoginTxt span {
color: #cf2d04;
}
.sgSideLogin .btnFirst {
margin-bottom: 15px;
}
.sgSideLoginBallon {
background: url(../img/sg_side/side_ballon_bg.png) no-repeat;
padding-top: 58px;
padding-left: 30px;
padding-right: 30px;
position: absolute;
left: -18px;
top: 278px;
width: 222px;
height: 334px;
z-index: 1000;
}
.sgSideLoginBallTit {
box-sizing: border-box;
font-weight: bold;
font-size: 15px;
margin-left: 7px;
margin-bottom: 5px;
text-align: left;
width: 210px;
}
.sgSideLoginBallTit img {
padding-right: 10px;
vertical-align: middle;
}
.sgSideLoginBallon input {
box-sizing: border-box;
font-size: 12px;
margin-bottom: 15px;
width: 210px;
}
.sgSideLoginBallon input[type="submit"] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: #000;
border: none;
border-radius: 4px;
color: #fff;
box-sizing: border-box;
display: block;
font-size: 16px;
margin-bottom: 15px;
text-align: center;
width: 100%;
height: 50px;
}
.sgSideLogionBallonBtn {
 margin-top: 5px;
}
.sgSideLoginBallForget {
margin-top: 15px;
font-size: 15px;
}
.sgSideLoginBallForget a {
color: #000;
text-decoration: none;
}
.sgSideLoginBallForget a:hover {
text-decoration: underline;
}

/*--------------------
カート
--------------------*/
.sgSideCart {
background-color: #f0efe9;
padding: 30px 0 0 0;
margin-bottom: 20px;
border-bottom: 1px #D8D7D1 solid;
}
.sgSideCartTit {
margin-bottom: 20px;
}
.sgSideCartTit span {
font-size: 14px;
font-weight: bold;
display: inline-block;
margin-top: 12px;
padding-left: 45px;
}
.sgSideCartPrice {
width: 230px;
line-height: 50px;
color: #fff;
font-size: 14px;
text-align: center;
margin: 0 auto 10px;
background-color: #cf2d04;
position: relative;
}
.sgSideCartPrice span {
font-size: 20px;
font-weight: bold;
}
.sgSideCartPrice::after {
background: url(../img/sg_side/fukidashi.png) no-repeat top left;
position: absolute;
content: "";
width: 10px;
height: 5px;
left: 50%;
bottom: -5px;
margin-left: -5px;
}
.sgSideCartInfoList li a {
display: block;
padding: 10px 20px 12px 35px;
background: url(../img/sg_side/arrow_cart.png) no-repeat 10px 13px;
color: #cf2d04;
font-size: 14px;
font-weight: bold;
line-height: 1.4;
border-bottom: 1px #D8D7D1 dotted;
}
.sgSideCartInfoList li:last-of-type a {
border-bottom: 1px #D8D7D1 solid;
}
.sgSideCartInfoList {
border-bottom: 1px #fff solid;
}
.sgSideCartList li {
padding: 20px;
border-bottom: 1px #D8D7D1 dotted;
}
.sgSideCartList li img {
float: right;
}
.sgSideCartList li p {
font-size: 14px;
float: left;
width: 64%;
}
.sgSideCartTotal {
font-size: 36%;
text-align: right;
padding: 17px 20px;
}
.sgSideCartBtm {
text-align: center;
margin-bottom: 10px;
}
.sgSideCartBtm .sgBtn {
width: 210px;
}
.sgSideCartBtm img {
width: 85%;
height: auto;
}
.sgSideCartStxt {
font-size: 12px;
padding: 10px 20px 20px;
}
.sgSideMypageName {
background: url(../img/sg_side/bg_name.png) no-repeat center 10px;
height: 275px;
}
.sgSideMypageName p {
font-size: 14px;
line-height: 2;
padding-top: 100px;
text-align: center;
}
.sgSideMypageName p span {
font-size: 24px;
font-weight: bold;
}
.sgSideMypageBtm {
margin-bottom: 20px;
}
.sgSideMypageBtm img {
width: 100%;
height: auto;
}

/* Item Search */
.sgSideItemSearch {
background: #f0efe9;
padding-top: 25px;
padding-bottom: 10px;
margin-bottom: 50px;
}
.sgSideItemSearch a {
text-decoration: none;
}
.sgSideCateTit {
margin-bottom: 10px;
}
.sgSideIteSort {
background: #fff;
box-sizing: border-box;
font-weight: bold;
padding: 15px 20px;
margin: 0 auto 10px;
width: 230px;
}
.sgSideIteSort img {
padding-left: 5px;
padding-right: 5px;
vertical-align: middle;
}
.sgSideIteYellowBtn {
background: #fdd000;
border-radius: 4px;
box-sizing: border-box;
font-size: 12px;
padding: 10px;
margin: 0 auto 10px;
text-decoration: none;
width: 210px;
}
.sgSideIteYellowBtn img {
vertical-align: middle;
}
.sgSideIteSortBlock {
background: #fff;
border: 2px solid #c9c5ab;
box-sizing: border-box;
padding: 15px 10px 10px;
margin: 0 auto 10px;
width: 230px;
}
.sgSideIteSortBlock p {
font-size: 16px;
font-weight: bold;
margin-bottom: 20px;
text-align: center;
}
.sgSideIteSortBlock li {
background: #f0efe9;
border-radius: 4px;
padding-top: 10px;
padding-left: 20px;
padding-right: 10px;
padding-bottom: 10px;
font-size: 12px;
margin: 0 auto 10px;
}

/* マイページ */
.sgSideMypage {
margin-bottom: 50px;
}
.sgSideMypTit {
background: #f0efe9;
border-bottom: 1px dotted #dcdad0;
padding-top: 30px;
padding-bottom: 30px;
}
.sgSideMypList dt {
background: #f0efe9;
border-bottom: 1px dotted #dcdad0;
display: table;
font-size: 16px;
position: relative;
line-height: 125%;
height: 60px;
width: 100%;
}
.sgSideMypList dt a {
background: url( ../img/sg_side/arrow_cart.png) no-repeat 8px;
color: #333;
padding-left: 30px;
display: table-cell;
vertical-align: middle;
}
.sgSideMypList dt.selected {
background: #fbfaf9;
}
.sgSideMypList dt a:link {
text-decoration: none;
}
.sgSideMypBalloonArea {
display: none;
position: relative;
margin-top: -14px;
width: 250px;
z-index: 100;
}
.sgSideMypBalArrow {
text-align: center;
}
.sgSideMypBalCont {
background: #fdd000;
font-size: 14px;
font-weight: bold;
padding: 20px 15px 15px;
}
.sgSideMypBalTxtNext {
font-size: 12px;
font-weight: normal;
padding-top: 7px;
text-align: right;
}

.sgSideMypBalloonArea.hoverBalloon {
display: block;
}

/* sgSideRecipe */
.sgSideRecipe {
margin-bottom: 50px;
}
.sgSideRecipeTit {
margin-bottom: 20px;
}
.sgSideRecipeMTit {
padding: 15px;
font-size: 15px;
font-weight: bold;
}
.sgSideRecipeCook {
background: #f7f6f0 url(../img/sg_side/recipe_side_icon01.png) no-repeat 8px;
padding-left: 30px;
}
.sgSideRecipeHoney {
background: #f7f6f0 url(../img/sg_side/recipe_side_icon03.png) no-repeat 8px;
padding-left: 30px;
}
.sgSideRecipeList li {
background: url(../img/sg_side/recipe_side_icon02.png) no-repeat 8px;
border-bottom: 1px dotted #dcdad0; 
font-size: 14px;
font-weight: normal;
}
.sgSideRecipeList li a {
display: inline-block;
padding-left: 25px;
padding-top: 18px;
padding-bottom: 18px;
width: 100%;
text-decoration: none;
}
.sgSideRecipeList li a:link,
.sgSideRecipeList li a:visited {
color: #000;
}
.sgSideRecipeList li a:hover {
opacity: 0.6;
}