@charset "utf-8";
/*--------------------
sg Product 商品一覧　詳細
--------------------*/
.sg3columCont.sgList {
margin: 0;
} 
h2.title.sgProTit {
position:relative;
color: #000;
font-size: 22px;
font-weight: bold;
padding-top: 30px;
padding-left: 50px;
padding-right: 30px;
padding-bottom: 30px;
margin-bottom: 35px;
background: #f0efe9 url(../img/sg_product/list_tit_brd.png) no-repeat 0 50%;
}

/* おすすめ旧表示ここから
.sgRecommend {
border: 1px solid #dcdad0;
padding: 20px;
margin-bottom: 20px;
}
.sgRecTit {
font-size: 18px;
margin-bottom: 20px;
text-align: center;
font-weight: bold;
} 
.sgRecItemsCtr {
margin-left: auto;
margin-right: auto;
width: 690px;
}
.sgRecItems {
width: 715px;
}
.sgRecItems li {
float: left;
padding-right: 20px;
width: 210px;
}
.sgRecItePh {
float: left;
width: 90px;
}
.sgRecItePh img {
max-width: 100%;
height: auto;
}
.sgRecIteTxtArea {
font-size: 14px;
float: right;
width: 106px;
}
.sgRecIteName {
margin-bottom: 10px;
}
.sgRecItePrice {
color: #cf2d04;
font-weight: bold;
margin-bottom: 10px;
}
.sgRecItePriTax {
font-size: 12px;
}
おすすめ旧表示ここまで */
.sg3columCont .sgCheItem.sgListRecoItem {
    padding: 30px 10px;
}
.sgListRecoTit {
font-weight: bold;
display: inline-block;
margin-top: 10px;
}
.sgCheItemArea + .sgLisSort {
padding-top: 30px;
}

.sgLisSort a {
text-decoration: none;
}
.sgLisSort a:hover {
text-decoration: underline;
}


.sgLisSort {
border-bottom: 1px dotted #cccccc;
font-size: 14px;
padding-bottom: 15px;
margin-bottom: 15px;
}
.sgLisSorColumn {
float: right;
font-size: 14px;
font-weight: bold;
padding-top: 10px;
}
.sgLisSorColumn ul {
display: inline-block;
}
.sgLisSorColumn li {
display: inline-block;
padding-left: 10px;
padding-right: 10px;
}
.sgLisSorColumn li img {
vertical-align: middle;
}

.sgLisSorOrder {
display: inline-block;
padding-right: 30px;
}
.sgLisSorOrdTit {
background: #f0efe9;
font-weight: bold;
padding-left: 10px;
padding-right: 10px;
display: inline-block;
}
.sgLisSorOrder ul {
display: inline-block;
}
.sgLisSorOrder li {
display: inline-block;
padding-left: 10px;
padding-right: 10px;
}

.sgLisSorRefine {
display: inline-block;
}
.sgLisSorRefTit {
background: #f0efe9;
font-weight: bold;
padding-left: 10px;
padding-right: 10px;
display: inline-block;
}
.sgLisSorRefine ul {
display: inline-block;
}
.sgLisSorRefine li {
display: inline-block;
padding-left: 10px;
padding-right: 10px;
}
.sgLisItems li {
border-bottom:solid 1px #dcdad0;
padding-bottom:30px;
padding-right:10px;
margin-bottom:30px;
float:left;
width: 350px;	
}
.sgLisItems li:nth-child(even){
padding-right:0;
}
.sgLisItePh {
width: 350px;
height: auto;
margin-bottom: 20px;
}
.sgLisItePh img{
width: 100%;
height: auto;
}
.sgLisIteTxtArea {
margin-bottom:20px;
font-size: 14px;
text-align: center;
}
.sgLisSort {
overflow: visible;
}
.sgLisIteName {
margin-bottom:10px;
}
.sgLisItePriceMember {
font-weight:bold;
color: #cf2d04;
}
.sgLisItePriMemNumber {
font-size: 18px;
}
.sgLisItePriTax {
font-size: 14px;
}
.sgLisItems.sg2column .sgLisIteBtn {
float:left;
width:170px;
}
.sgLisItems.sg2column .sgLisIteBtn.dtl {
margin-right: 10px;
}
.sgLisItems.sg2column li .sgLisIteBtn a img.sg3column{
display: none;
}
.sgLisItems.sg2column li .sgLisIteBtn input.sg3column{
display: none;
}
.sgLisIteBtn.sgBtn {
font-size: 14px;
line-height: 40px;
height: 40px;
}
.sgLisIteBtn.sgBtn a {
padding-left: 0;
width: 100%;
}
.sgLisIteBtn.sgBtn:hover {
opacity: 0.6;
}
.sgLisIteBtnCart input[type="submit"] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: inherit;
border: none;
border-radius: 4px;
color: #000;
box-sizing: border-box;
display: block;
font-size: 14px;
font-weight: bold;
margin-bottom: 15px;
text-align: center;
width: 100%;
height: 40px;
line-height: 40px;
cursor: pointer;
}

/*3カラム*/
.sgLisItems.sg3column li {
border-bottom:solid 1px #dcdad0;
padding-bottom:20px;
padding-right:25px;
margin-bottom:30px;
float:left;
width: 220px;	
}
.sgLisItems.sg3column li:nth-child(3n) {
padding-right:0;
}
.sgLisItems.sg3column .sgLisIteBtn {
margin-bottom:10px;
text-align:center;
}
.sgLisItems.sg3column .sgLisItePh {
width: 220px;
}
.sgLisItems.sg3column li .sgLisIteBtn a img.sg2column{
display: none;
}
.sgLisItems.sg3column li .sgLisIteBtn input.sg2column{
display: none;
}
.sg3columCont.sgList .detail {
margin-bottom: 15px;
}
.sg3columCont.sgList .detail li {
display: inline-block;
padding-right: 20px;
font-size: 14px;
margin-bottom: 5px;
}



/* 商品詳細 */
.sgDtl .sg2columCont {
margin-bottom: 50px;
}
#sg_slider {
float: left;
width: 500px;
}
.bg_img {
margin-bottom: 90px;
}
#sg_slider .bx-pager {
margin-left: 18px;
margin-right: 18px;
}
#sg_slider .bx-pager a {
padding-left: 3px;
padding-right: 3px;
text-decoration: none;
}
#sg_slider .bx-pager img {
vertical-align: middle;
}

.sgDtlItemInfoArea {
float: right;
width: 477px;
}
.sgDtlItemInfoArea a {
display: inline-block;
width: 100%;
}
.sgDtlItemInfoArea a:link,
.sgDtlItemInfoArea a:visited {
text-decoration: none;
}
.sgDtlIteInfTag {
margin-bottom: 20px;
}
.sgDtlIteInfTag li {
border: 2px solid #fdd000;
color: #fdd000;
display: inline-block;
font-size: 13px;
margin-left: 5px;
margin-bottom: 5px;
text-align: center;
width: 220px;
}
.sgDtlIteInfName {
border-bottom: 1px solid #dcdad0;
color: #222;
font-size: 32px;
font-weight: bold;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 20px;
margin-bottom: 12px;
}
.sgDtlIteInfMoreTable {
border: none;
font-size: 16px;
}
.sgDtlIteInfMoreTable tr {
border: none;
}
.sgDtlIteInfMoreTable th {
border: none;
color: #9e9d9d;
font-weight: normal;
padding-top: 5px;
padding-left: 15px;
padding-right: 15px;
padding-bottom: 5px;
width: 95px;
}
.sgDtlIteInfMoreTable td {
border: none;
padding-top: 5px;
padding-left: 15px;
padding-right: 15px;
padding-bottom: 5px;
}
.sgDtlIteInfAre {
border-top: 1px solid #dcdad0;
border-bottom: 1px solid #dcdad0;
padding-top: 10px;
padding-left: 15px;
padding-bottom: 10px;
}
.sgDtlIteInfAre a:link,
.sgDtlIteInfAre a:visited {
color: #000;
}
.sgDtlIteInfAre img {
vertical-align: middle;
}
.sgDtlIteInfPriceTable {
border: none;
font-size: 16px;
margin-bottom: 30px;
}
.sgDtlIteInfPriceTable tr {
border-bottom: 1px solid #dcdad0;
vertical-align: text-bottom;
}
.sgDtlIteInfPriceTable th {
border: none;
font-weight: normal;
padding-top: 5px;
padding-left: 40px;
padding-right: 15px;
padding-bottom: 5px;
width: 180px;
}
.sgDtlIteInfPriceTable tr.sgDtlIteInfPriceUsual th {
padding-left: 75px;
width: 145px;
}
.sgDtlIteInfPriceTable td {
border: none;
font-size: 30px;
padding-top: 15px;
padding-left: 15px;
padding-right: 15px;
padding-bottom: 15px;
text-align: right;
}
.sgDtlIteInfPriceTable td .sgDtlIteInfPriTax {
font-size: 15px;
}
.sgDtlIteInfPriMember th,
.sgDtlIteInfPriMember td {
color: #cf2e04;
}
.sgDtlIteInfPriEveryMonth {
background: #f0efe9;
}
.sgDtlIteInfCartNumber {
font-size: 20px;
text-align: right;
margin-bottom: 20px;
}
.sgDtlIteInfCartNumber .sgSelectDeco {
width: 100px;
}
.sgDtlIteInfCartNumber .sgSelectDeco select {
padding-left: 10px;
width: 100px;
}

.sgDtlIteInfBtnCart.sgBtn {
font-size: 20px;
line-height: 94px;
height: 90px;
}
.sgDtlIteInfBtnCart.sgBtn img {
left: 60px;
top: 34%;
}

.sgDtlNoteArea {
border-top: 1px solid #dcdad0;
margin-bottom: 50px;
}
.sgDtlNotePart {
border-top: 1px dotted #dcdad0;
padding-top: 30px;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 30px;
}
.sgDtlNoteTit {
font-size: 16px;
color: #222;
font-weight: bold;
}
.sgDtlNoteTxt {
font-size: 15px;
}
.sgDtlNoteLink {
margin-top: 10px;
}
.sgDtlNoteLink a:link {
color: #c9c5ab;
font-size: 15px;
text-decoration: underline;
}
.sgDtlNoteLink a:hover {
color: #c9c5ab;
font-size: 15px;
text-decoration: none;
}
.sgDtlPr {
margin-bottom: 50px;
}

/* おすすめ3カラム */
.sg3columCont .sgRecommendArea {
padding: 15px 0 50px;
margin-bottom: 80px;
}
.sgRecIteList {
font-size: 14px;
}
.sgRecIteList li {
box-sizing: border-box;
display: inline-block;
padding-left: 8px;
padding-right: 8px;
text-align: center;
width: 223px;
vertical-align: top;
}
.sg3columCont .sgRecIteList li img {
margin-bottom: 20px;
z-index: 10;
}

.sgDtl .sg3columCont .sgCheItemArea {
border-top: none;
}
.sg3columCont .sgRecommendArea .sgCheIteBtn li {
display: inline-block;
width: 96px;
}

.sgDtl .sg3columCont {
float: left;
margin: 0;
}
.sgDtl .sg3columSide {
float: right;
width: 250px;
}

.sgRecIteList .sgBtn {
font-size: 14px;
line-height: 40px;
height: 40px;
}
.sgRecIteList .sgBtn a {
padding-left: 0;
width: 96px;
}
.sgRecIteList .sgBtn input[type="submit"] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: inherit;
border: none;
border-radius: 4px;
color: #000;
box-sizing: border-box;
display: block;
font-size: 14px;
font-weight: bold;
text-align: center;
width: 96px;
height: 40px;
line-height: 40px;
cursor: pointer;
z-index: 10;
}
.sgRecIteList .sgBtn img {
margin-bottom: 0;
left: 15px;
top: 29%;
width: 16px;
height: auto;
}


/* チェックアイテム3カラム */
.sg3columCont .sgCheItem {
padding: 15px 10px 50px;
}
.sg3columCont .sgCheIteBtn .sgBtn {
display: inline-block;
font-size: 14px;
line-height: 40px;
height: 40px;
width: 100%;
}

.sgDtlIteInfBtnCart + .sgDtlIteInfBtnCart {
margin-top: 3px;
}


/* 商品詳細　個別 */
.sgCont .detailComment {
background: none;
border-bottom: 1px solid #c9c5aa;
color: #000;
font-size: 120%;
font-weight: bold;
padding-top: 5px;
padding-left: 0;
margin-bottom: 20px;
}
#main_column .sgCont .sub_area h3.proDetSubTit {
color: #000;
font-size: 110%;
font-weight: bold;
}
#main_column .sgCont .sub_area h3.proDetSubTit:before {
content: "■";
padding-right: 5px;
}