@charset "utf-8";

/* ======================================================================
 --- 1:Reset css
======================================================================== */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form,
fieldset, input, textarea, p, blockquote, th, td {
    margin: 0;
    padding: 0;
}

h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-weight: normal;
}

img {
    border: none;
}


table {
    border-collapse: collapse;
    border-spacing: 0;
}

li {
    list-style: none;
}

a {
    outline: none;
}


/* ======================================================================
 --- 1:Base css
======================================================================== */



a:link,
a:visited {
    color: #a38800;
    text-decoration:none;
}

a:hover,
a:active {
    color: #a38800;
    text-decoration:underline;
}
/* header--------------------------------*/

#header_lbox {
float:left;
display:inline;
}
#header_rbox {
float:right;
display:inline;
}

#header .login {
    position: absolute;
    top: 0;
    right: 175px;
    width: 80px;
    height: 20px;
}

#header .cart {
    position: absolute;
    top: 0;
    right: 0;
    width: 170px;
    height: 20px;
}

#header .status {
    position: absolute;
    top: 25px;
    right: 0;
    color: #a38800;
    font-size: 13px;
}

#header .utility {
    position: absolute;
    bottom: 0;
    right: -3px;
}

#header .utility li {
    display: inline;
}

#header .utility li img {
    display: block;
    float: left;
    margin-right: 3px;
}

#header_login_area {
padding-top: 22px;
}
.mail {
margin-right:12px;
}


.t_clr{
    height:30px;

}
.dotted{
    border-bottom:1px dotted #000;
}

/* contents--------------------------------*/
#contents {
    width: 735px;
    overflow: hidden;
    text-align: left;
}

#catalog #contents {
    width: 908px;
    overflow: hidden;
    text-align: left;
    margin: 0 auto;
}

#main {
    float: right;
    width: 735px;
}

#main #topicpath {
    margin: 12px 0 8px;
        font-size:14px;
}

#main #topicpath a {
    color: #000;
}

/* side */
#leftcolumn {
    float: left;
    width: 170px;
}

#leftcolumn #nav {
    margin: 5px 0 10px;
    padding: 5px 5px 3px;
    background: #edebdf;
}

#search_area{
    padding: 5px;
    background: #edebdf;
    margin-bottom:5px;
}

#netmile_area{
    padding: 4px 0px 4px;
    margin: 4px 0px 4px;
    background: #edebdf;
    text-align:center;
}

p#sign_btn{

        text-align:left;
        margin-bottom:5px;

}

#user_area{
    padding: 4px 0px 4px;
    margin: 4px 0px 4px;
    background: #edebdf;
    text-align:center;
}

#user_area img{
    margin-bottom:3px;
}

#user_inner{
    margin: 4px auto 4px;
    width:160px;
    background:#fbfaf6;
}

#search_inner{
    background:#fbfaf6;
        margin-top:-15px;
}


.level2 {
    position: relative;
    margin-top:7px;
    padding: 3px 0 3px 13px;
    background: url("../img/kagoopart/blt_link_01.gif") no-repeat 0 0.3em;
    line-height: 1.1;
    letter-spacing:-1px;
}
.level3 {
    position: relative;
    padding: 3px 0 3px 13px;
    line-height: 1.1;
    font-size: 11px;
}

/* jQuery UI Accordion 1.8.11*/
.ui-accordion .ui-accordion-content { position: relative; overflow: auto; display: none; zoom: 1; }
.ui-accordion .ui-accordion-content-active {
display: block;
margin:5px 0;
padding: 10px 6px;
background: #fff;
}

#leftcolumn .firstuser {
    margin: 0 0 10px;
    padding: 6px 8px;
    border: 1px solid #d9d9d9;
    border-top: none;
}

#leftcolumn .firstuser li {
    padding: 3px 0 3px 13px;
    background: url(../img/kagoopart/blt_link_01.gif) no-repeat 0 0.3em;
    line-height: 1.1;
}

#leftcolumn p.note {
    padding: 6px 0;
    color: #666;
    font-size: 11px;
}

#leftcolumn table.calender {
    border-collapse: separate;
    border-spacing: 0;
    border-top: 1px solid #999932;
    border-left: 1px solid #999932;
    width: 168px;
    margin:0 auto 10px;
}
#leftcolumn table.calender caption {
    width: 168px;
    padding: 3px 0 2px;
    color: #fff;
    background: #999932;
    font-size: 10px;
    line-height: 1.4;
    text-align:center;
}
#leftcolumn table.calender th {
    padding: 3px 0;
    color: #000;
    border-bottom: 1px solid #999932;
    border-right: 1px solid #999932;
    font-size: 10px;
    text-align: center;
}
#leftcolumn table.calender td {
    padding: 3px 0;
    color: #666;
    border-bottom: 1px solid #999932;
    border-right: 1px solid #999932;
    font-size: 10px;
    text-align: center;
}
#leftcolumn table.calender .off {
    color: #494917;
    background: #ded7b8;
}

#leftcolumn ul.note li {
    color: #666;
    font-size: 11px;
}

#leftcolumn .banner {
    margin: 15px 0 0;
    text-align: center;
}

#leftcolumn .banner div {
    margin: 10px 0 0;
}

div.lmenu_sp_bnr{
        margin: 5px 0;
}

#nav dd {
margin: 2px 0 3px 0;
}


/* pagetop--------------------------------*/

.pagetop a {
    padding: 1px 0 1px 15px;
    background: url(../img/kagoopart/blt_pagetop.gif) no-repeat 0 0.1em;
}

/* footer--------------------------------*/


#footer #footer_menu {
    width: 920px;
    overflow: hidden;
    //background: url(../images/bg_footer.gif) repeat-y;
}

#footer #footer_menu dl {
    float: left;
    width: 230px;
}

#footer #footer_menu dt {
    display: inline;
    width: 215px;
}

#footer #footer_menu dt img {
    display: block;
    //background: url(../images/bg_footer_menu.gif) no-repeat 0 100%;
    padding: 0 0 1px 1px;
}

#footer #footer_menu dd img {
    display: block;
    padding-left: 1px;
}

#footer #footer_menu dd ul {
    padding: 10px;
}

#footer #footer_menu dd ul li {
    display: inline;
}

#footer #footer_menu dd ul li img {
    margin: 0 0 1px;
    padding: 0;
}

#footer #footer_menu dd div {
    display: inline;
}

#footer #footer_menu dd div.btn img {
    display: block;
    width: 205px;
    margin: 9px auto;
}

#footer .about_kagoo {
    position: relative;
    width: 918px;
    height: 214px;
    //background: url(../images/bg_footer.gif) repeat-y;
    border: 1px solid #ededed;
}

#footer .about_kagoo p {
    position: absolute;
    bottom: 9px;
    right: 10px;
    width: 100px;
    height: 25px;
}

#footer .link_01 {
    margin: 25px 0 10px;
    text-align: center;
}

#footer .link_01 li {
    display: inline;
    font-size: 12px;
    text-align: center;
}

#footer .link_01 li a {
    padding: 0 5px;
}

#footer .link_01 li a:link,
#footer .link_01 li a:visited {
    color: #333;
}

#footer .link_02 {
    margin: 0 0 10px;
    padding: 5px 0;
    background: #333;
    text-align: center;
}

#footer .link_02 li {
    display: inline;
    color: #fff;
    font-size: 12px;
}

#footer .link_02 li a {
    padding: 0 5px;
    text-decoration:none;
    display:inline;
    border-bottom: 1px dotted #fff;
}

#footer .link_02 li a:link,
#footer .link_02 li a:visited {
    color: #fff;
    display:inline;
    border-bottom: 1px dotted #fff;
}

/*item*/

.clr {
clear:both;
}
.hide {
display:none;   
}
.tac {
text-align:center;
}
.m10 {
margin: 10px 0;
}
.mb20 {
margin-bottom: 20px;
}
.dotted {
border-bottom: 1px dotted #777; 
}

.text{/* お知らせ文 */
    font-size:18px;
    padding:0 15px;
    margin:15px 0;}

/* ======================================================================
 --- Footer link
======================================================================== */
#footerLink {
    width:920px;
    padding-top:20px;
    overflow:hidden;
    font-size:12px;
    border-bottom:3px double #999;
    margin-bottom:15px;
    overflow:hidden;
}
.footerList {
    width:228px;
    float:left;
    margin-right:2px;
}

.footerList dt {
    font-weight:bold;
    padding:2px 5px;
    background:#666;
    color:white;
}
.footerList ul a {
    text-decoration:none;
    color:#555;
}
.footerList ul a:hover {
    text-decoration:underline;
}

.footerList ul {
    padding:10px 5px 5px 3px;
    font-size:10px;
}
.footerList li {
    margin-bottom:7px;
    line-height:1.3em;
    padding-left:1em;
    text-indent:-1em;
}
#footerLink .last {
    margin-right:0;
}


a:link, a:visited {
    color: #333;
    text-decoration: underline;
}
a:hover, a:active {
    color: #A38800;
    text-decoration: underline;
}
#gallery{
    /* The width of the gallery */
    width:735px;
    overflow:hidden;
}
#slides{
    /* This is the slide area */
    height:415px;
    /* jQuery changes the width later on to the sum of the widths of all the slides. */
    width:735px;
    overflow:hidden;
}

#gallery .slide{
    float:left;
}

#gallery #slides_menu{
    /* This is the container for the thumbnails */
    height:82px;
    margin: 0 auto 0;
}

#gallery ul{
    margin:0 auto 0;
    padding:0px;
    text-align: center;
    height: 82px;
}

#gallery li{
    /* Every thumbnail is a li element */
    width:82px;
    display:inline;
    list-style:none outside;
    height:82px;
    overflow:hidden;
    float: left;
    margin-left: 5px;
    border:1px solid #999;
    
}


#gallery li a{
    display:block;
    height:82px;
}

#gallery a img{
    border:none;
}

/* lifeScene */
.top_category_lifescene{
    width: 100%;
    margin: 20px 0 5px 0 !important;
    padding: 0 0 10px 5px;
    overflow: hidden;
    clear: both;
    border-bottom: 1px dashed #999;
}
.top_category_img{
    width: 200px;
    float: left;
    display: inline;
    margin: 0 !important;
}
.top_category_img a img{
    border: 1px solid #999;
}
.top_category_text{
    float: left;
    display: inline;
    width: 515px;
    padding: 20px 0 0 0;
    overflow: hidden;
}
.top_category_text ul{
    margin: 0 0 10px 0 !important;
}
.top_category_text ul li{
    display: inline-block;
    /display: inline;
    /zoom: 1;
    margin: 0 0 5px 0 !important;
}
.top_category_text ul li a{
    background: url(../images/top/top_icon_gray.jpg) 0 5px no-repeat;
    padding: 0 0 0 10px;
    margin: 0 10px 0 0;
    font-size: 14px;
    line-height: 1.6;
    display: block;
}
.top_category_column{
     border-radius: 10px;        /* CSS3???? */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome?p */  
    -moz-border-radius: 10px;   /* Firefox?p */
    border: 1px solid #ccc;
    padding: 10px 0 0 10px; 
}

.bnr_outlet{
    margin: 20px 0 !important;
    text-align: center;
}
.top_box_btm .left{
    float: left;
    display: inline;
}
.top_box_btm .right{
    float: right;
    display: inline;
    text-align: left;
}
/* ?????????L???v?V???? */
div.caption {  
    position: relative;  
}  
div.caption p {  
    margin: 0;  
    font-size: .9em;  
    position: absolute;  
    bottom: 0;  
    left: 0;  
    opacity: .7;  
    width: 147px;
    background: #000; 
    color: #FFF;
    padding: 5px;
    text-decoration: none;
}
div.caption p a{ text-decoration: none;}

/* ======================================================================
 --- item list
======================================================================== */

form.itemlist_style{
border: 1px solid #CCCCCC;
float: left;
display: inline;
margin: 20px 0 0 6px;
text-align: center;
//width: 139px;
width: 174px;
min-height: 430px;
}

form.itemlist_style a.over img{
margin: 8px 3px 10px 3px;
}

form.itemlist_style p.itemlist_title{
text-align: left;
margin: 8px 7px 10px 7px;
background: #eee;
padding: 4px;
min-height: 100px;
line-height: 20px;
}

form.itemlist_style p.itemlist_title a{
text-shadow: #fff 0px 1px 1px;
text-decoration: none;
border-bottom: 1px dotted #000;
display: inline;
color: #000;
font-weight: bold;
}

p.itemlist_price{
font-weight: bold;
margin:5px 0;
}


div.statusicon{
/*width:135px;
height:60px;
*/
margin:10px 0;
}


ul.status_icon{
width:130px;
margin:auto;
}

ul.status_icon2{
margin-bottom:10px;
}

ul.status_icon li{
float:left;
margin-left:5px;

}


/* ======================================================================
 --- シークレットカテゴリー
======================================================================== */

.secsale_wrap h3.secsale_pastex{
    color: #cd002c;
    font-size: 20px;
    font-weight: bold;
    position: relative;
    z-index: 2;
    bottom: 320px;
    left: 134px;
    text-shadow: -2px -2px #fff, 2px -2px #fff, -2px 2px #fff, 2px 2px #fff;
}


.secsale_main{
    background-image: url("../img/banner/serecretsale_main2.jpg");
    background-size: 100%;
    background-repeat: no-repeat;
    height: 580px;
    text-indent: -9999px;
    overflow: hidden;
}

.secsale_form{
    //padding: 0 180px;
    position: relative;
    bottom: 310px;
    left: 110px;
    border: 4px solid rgba(0, 0, 0, 0.3);
    border-radius: 2px;
    width: 506px;
}
.secsale_pass{
    border: 1px solid #94704e;
    border-radius: 6px;
    background-color: #f6e7c8;
    padding: 10px 20px;
    font-size: 15px;
    position: relative;
    bottom: 240px;
    left: 85px;
    width: 70%;
}

.secsale_pass li{
    font-weight:bold;
}


.secsale_nm{
    width: 50%;
    text-align: center;
    float: left;
}

.secsale_text{
    position: relative;
    bottom: 150px;
}

.secsale_tc{
    margin: 30px 20px;
    font-size: 16px;
}

.secsale_nm span{
    display: inline-block;
    background-color: #ae8557;
    font-size: 16px;
    color: #fff;
    border-radius: 4px;
    margin: 5px;
}

.secsale_nm span a{
    display: block;
    padding: 10px 50px;
    text-decoration: none;
    min-width: 100px;
    color:#fff;
}

.secsale_nm span a:hover{
    color:#f0fc5a;
}

#btn_passarea{
    //width: 300px;
    float: left;
}
#btn_passarea input{
    width: 400px;
    height: 30px;
}
/*
#btn_secret{
    position: relative;
    bottom: 346px;
    left: 299px;
    z-index: 3;
    width: 100px;
    float: left;
    margin-left: 8px;
}
*/
#btn_secret button{
    background-color: #ce0035;
    border: none;
    color: #fff;
    padding: 4px;
    width: 100px;
    height:36px;
    font-size: 15px;
}
.secsale_pw {
    border: 1px solid #94704e;
    border-radius: 5px;
    background-color: #f6e7c8;
    padding: 20px 60px;
    margin: 10px 0;
    font-size: 18px;
    text-align: center;
}

.secsale_pwimg{
margin: 30px 0 0 0;
}
.secsale_pass li{
    font-weight:bold;
}

.secsale_medama{
width: 735px;
margin: 24px 0;
padding: 16px;
background: #E6E6F0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}

.secsale_medama h3{
text-align: center;
margin: 0 auto 24px;
}

.secsale_medama_a_dis h4{
margin-bottom: 16px;
}

.secsale_medama_a_dis h4 a{
font-size: 18px;
font-weight: bold;
}

p.ser-tex{
margin-bottom: 16px;
}

.secsale_medama_main{
padding: 2%;
margin-bottom: 16px;
background: #fff;
}

.secsale_medama_a{
float: left;
width: 47%;
margin-right: 3%;
}

.secsale_medama_a img{
width: 100%;
}

.secsale_medama_a_dis{
float: left;
width:50%;
}

.secsale_medama_main .ser-price{float: left;padding-top:10px;}

.secsale_medama_main p.ser-price1{font-size: 12px;margin-bottom: 6px;}

.secsale_medama_main p.ser-price2{font-size: 42px;color:red;}

.secsale_medama_sub .ser-price{float: left;padding-top:4px;}

.secsale_medama_sub p.ser-price1{font-size: 12px;margin-bottom: 0;}

.secsale_medama_sub p.ser-price2{font-size: 36px;color:red;}


.dks-block .ser-price{float: left;padding-top:8px;}
.dks-block p.ser-price1{font-size: 8px;margin-bottom: 0;}
.dks-block p.ser-price2{font-size: 29px;color:red;}

.secsale_medama_a_dis_in img{
float: left;
margin-right: 20px;
}

.secsale_medama_a_dis_in2{
margin: 10px 0 0;
}

.secsale_medama_a_dis_in2 img{
float: left;
margin-right: 12px;
}

.secsale_medama_sub_in{
float: left;
padding: 2%;
width: 49%;
margin-right: 2%;
background: #fff;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}

.secsale_medama_sub_in:last-of-type{
margin: 0;
}

.secsale_medama_sub_in h4{
margin-bottom: 10px;
}

.secsale_medama_sub_in h4 a{
font-size: 16px;
font-weight: bold;
}

/* ======================================================================
 --- DKS会員セール
======================================================================== */
.dks-main-img{
margin-bottom: 24px;
}

.dks-kikan{
width: 703px;
display:table;
padding: 16px;
margin-bottom: 32px;
background: #F5F5F7;
}

.dks-kikan h3{
width: 30%;
display:table-cell;
vertical-align: middle;
color: #DA0930;
font-weight: bold;
text-align: center;
border-left: 3px solid #DA0930;
border-right: 3px dashed #DA0930;
font-size: 20px;
padding: 0 24px;
}

.dks-kikan p{
display:table-cell;
vertical-align: middle;
font-weight: bold;
text-align: center;
font-size: 18px;
border-right: 3px solid #DA0930;
}

.dks-kikan span.dks-kikan-dan, .dks-kikan h3 span{
display: block;
}

.dks-cou{
padding: 8px 0;
margin-bottom: 32px;
-webkit-background-size: 60px 60px;
-moz-background-size: 60px 60px;
background-size: 60px 60px;
background-color: #F5F511;
background-image: -webkit-gradient(linear, 0 100%, 100% 0,
            color-stop(.25, #333333), color-stop(.25, transparent),
            color-stop(.5, transparent), color-stop(.5, #333333),
            color-stop(.75, #333333), color-stop(.75, transparent),
            to(transparent));
background-image: -webkit-linear-gradient(45deg, #333333 25%, transparent 25%,
          transparent 50%, #333333 50%, #333333 75%,
          transparent 75%, transparent);
background-image: -moz-linear-gradient(45deg, #333333 25%, transparent 25%,
          transparent 50%, #333333 50%, #333333 75%,
          transparent 75%, transparent);
background-image: -ms-linear-gradient(45deg, #333333 25%, transparent 25%,
          transparent 50%, #333333 50%, #333333 75%,
          transparent 75%, transparent);
background-image: -o-linear-gradient(45deg, #333333 25%, transparent 25%,
          transparent 50%, #333333 50%, #333333 75%,
          transparent 75%, transparent);
background-image: linear-gradient(45deg, #333333 25%, transparent 25%,
          transparent 50%, #333333 50%, #333333 75%,
          transparent 75%, transparent);
}

.dks-cou{
width: 735px;
}

.dks-cou-in{
padding: 20px 0 20px 124px;
background-color: #fff;
background-image: url("/kagoo/upload/save_image/item/sp/dkss-cou-img.png");
background-repeat: no-repeat;
background-position: left 20px center;
}

.dks-cou-in img{
margin-bottom: 20px;
}

.dks-cou-li a{
width: 60%;
text-align: center;
display: block;
margin: 16px auto 0;
padding: 3px;
color: #DA0930;
font-size: 15px;
font-weight: 700;
text-decoration: none;
border: 2px solid #DA0930;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}

.dks-cou-li a:hover{
background: #DA0930;
color: #fff;
}

.dks-cont{
margin-top: 24px;
}

.dks-cont h3{
padding: 12px 16px;
margin: 0 auto;
background: #EDEDED;
}

.dks-block{
width: 735px;
}

.dks-block_in_box{
clear: both;
width: 734px;
display:table;
margin-top: 16px;
}

.dks-block_in, .dks-block_in_non{
display:table-cell;
padding: 10px 10px 0;
width: 33.33%;;
border-right: 1px solid #E6E6E6;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}

.dks-block_in_non{
border-right: none;
}

.dks-block_in:nth-of-type(3n){
border-right: none;
}

.dks-block_in h4{
margin-bottom: 10px;
}

.dks-block_in h4 a{
font-size: 15px;
font-weight: bold;
}

.dks-item-image{
height: 224px;
background: #F7F7F7;
}

.dks-medama-image{
height: 247px;
margin-bottom: 10px;
background: #F7F7F7;
}

.dks-item-image img, .dks-medama-image img{
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.dks-block_in2{
margin: 10px 0 0;
}

.dks-block_in2 img{
float: left;
margin-right: 12px;
}

.dks-point{
margin-bottom: 24px;
}

.dks-point h3{
text-align: center;
margin-bottom: 16px;
}

.dks-point h4{
text-align: center;
padding-bottom: 16px;
border-bottom: 3px solid #E6E6F0;
margin-bottom: 16px;
}

.dks-point-in{
float: left;
width: 355px;
margin-right: 24px;
padding: 16px;
border: 4px solid #E6E6F0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}

.dks-point-in:last-of-type{
margin-right: 0;
}

.dks-medama-off-box{
float: left;
width: 88px;
height: 88px;
margin-right: 20px;
background-image: url("/kagoo/upload/save_image/item/sp/dks-medama-off-bg.png");
background-repeat: no-repeat;
background-size: 88px 88px;
}

.dks-sub-off-box{
float: left;
width: 64px;
height: 64px;
margin-right: 12px;
background-image: url("/kagoo/upload/save_image/item/sp/dks-sub-off-bg.png");
background-repeat: no-repeat;
}

.dks-sub-off-box p, .dks-medama-off-box p{
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}

p.dks-sub-off, p.dks-medama-off{
text-align: center;
color: #fff;
font-size: 11px;
font-weight: bold;
font-family: 'Stint Ultra Expanded', cursive;
}

p.dks-medama-off{
font-size: 14px;
}

p.dks-sub-off span.dks-sub-off1, p.dks-medama-off span.dks-medama-off1{
font-size: 26px;
margin-right: 1px;
color: #FCEE4A;
}

p.dks-medama-off span.dks-medama-off1{
font-size: 30px;
margin-right: 3px;
}

p.dks-sub-off span.dks-sub-off2, p.dks-medama-off span.dks-medama-off2{
display: block;
text-align: right;
margin-right: 5px;
}

p.dks-medama-off span.dks-medama-off2{
margin-right: 10px;
}


.dkss-foot{
width: 735px;
margin: 24px 0;
}
.dks-ft-left{float:left;}
.dks-ft-right{float:right;}

span.fo-pi{
color: #DA0930;
}

span.fo-bo{
font-weight: bold;
font-size: 105%;
}

span.line-yellow{
font-size: 15px;
font-weight: bold;
background: linear-gradient(transparent 80%, #ffed48 80%);
}

.dks-sub-only, .dks-sub-only-medama{
width: 80%;
padding: 4px;
margin: 0 auto 6px;
font-size: 110%;
text-align: center;
font-weight: bold;
background: #f2cc00;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}

.dks-sub-only-medama{
margin: 0 auto 12px;
font-size: 110%;
}

.dks-end{
padding: 0 2%;
margin-bottom: 5%;
}

.dks-end-mi{
border: 4px solid #F52A41;
padding: 4% 1%;
font-size: 17px;
font-weight: bold;
text-align: center;F
border-radius: 6px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
margin-bottom: 3%;
}

.dks-end-mi span{
color: #F52A41;
font-size: 140%;
}

.dks-end-tex{
font-size: 15px;
}

.dks_item h3 {
    padding: 12px 16px;
    margin: 8px auto 16px;
    background: #EDEDED;
}

.dks_item ul{
width: 100%;
}

.dks_item li{
display: inline-block;
width: 31.5%;
margin: 0 0.5% 2.5%;
padding: 0;
}

.dks_item h4{
margin-bottom:8px;
}

.dks_item h4 a {
    font-size: 15px;
    font-weight: bold;
}

.dks_item .ser-price {
padding-top: 10px;
}

.dks_item p.ser-price1 {
font-size: 9px;
margin-bottom: 0;
}

.dks_item p.ser-price2 {
    font-size: 29px;
    color: red;
}

.secsale_medama h3{
margin: 0 0 20px;
}

.secsale_medama ul{
width: 100%;
}

.secsale_medama li{
display: inline-block;
width: 44.5%;
margin: 0 1% 2.5%;
padding: 1.5%;
background: #fff;
}

.secsale_medama li:first-child{
display: block;
width: 93%;
margin: 0 auto 2.5%;
padding: 2.5%;
}

.sale_medama_img{
    float: left;
    width: 47%;
}

.sale_medama_dis{
    float: right;
    width: 50%;
}

.sale_medama_dis h4 {
    margin-bottom: 16px;
}

.sale_medama_dis h4 a {
    font-size: 18px;
    font-weight: bold;
}

.secsale_medama .ser-price {
    float: left;
    padding-top: 10px;
}

.secsale_medama p.ser-price1 {
    font-size: 12px;
    margin-bottom: 6px;
}

.secsale_medama p.ser-price2 {
    font-size: 42px;
    color: red;
}

.sale_medama_sub_dis h4{
margin: 15px 0;
}

.sale_medama_sub_dis h4 a {
    font-size: 16px;
    font-weight: bold;
}

.secsale_medama_a_dis_in2 .ser-price {
    float: left;
    padding-top: 4px;
}

.secsale_medama_a_dis_in2 p.ser-price1{
    font-size: 12px;
    margin-bottom: 0;
}

.secsale_medama_a_dis_in2 p.ser-price2{
font-size: 36px;
    color: red;
}

/* ======================================================================
 --- クーポン利用ガイド
======================================================================== */
.dk-cou-dmi{
width: 735px;
font-size: 20px;
margin-bottom: 24px;
font-weight: bold;
text-align: center;
color:#DA0930;
}

.dk-cou-dmi i{
font-size: 32px;
margin-right: 14px;
}

.dk-cou-boxbg{
width: 735px;
padding-bottom: 37px;
background-image: url("/kagoo/upload/save_image/item/sp/dk-arrow.png");
background-repeat: no-repeat;
background-position: center bottom 11px;
}

.dks-main-tex{
font-size: 16px;
width: 735px;
margin-bottom: 32px;
}

.dk-cou-box{
width: 703px;
background: #EDEFF5;
padding: 16px;
}

.dk-cou-box h4{
font-size: 16px;
padding: 12px 16px;
margin-bottom: 16px;
border-top: 2px solid #DA0930;
border-bottom: 2px dashed #A3A3A3;
font-weight: bold;
}

.dk-cou-box-img{
width: 100%;
}

.dk-cou-box-tex{
font-size: 14px;
padding: 16px;
background: #fff;
margin-bottom: 16px;
}

.dk-cou-box h4 span{
font-size: 24px;
margin-right: 10px;
}

.dk-cou-kesbox{
background: #fff;
padding: 16px;
}

.dk-cou-kes1{
padding-bottom: 16px;
margin-bottom: 16px;
border-bottom: 2px solid #BDBD26;
}

.dk-cou-kesbox h5{
font-size: 15px;
font-weight: bold;
position: relative;
padding-left: 26px;
margin-bottom: 4px;
}

.dk-cou-kesbox h5::after{
position: absolute;
top: 0;
left: .0;
z-index: 2;
content: '';
width: 12px;
height: 12px;
border: 3px solid #BDBD26;
border-radius: 100%
}

span.line-yellow{
font-size: 16px;
font-weight: bold;
background: linear-gradient(transparent 80%, #ffed48 80%);
}

/* ======================================================================
 --- アフィリエイト機能
======================================================================== */
.dealer{
    display: block;
    text-align: center;
    margin: 3px;
}
/* 外部商品イメージ */
.external-product {
  padding: 50px 0 100px;
  text-align: center;
}

/* 外部商品メッセージ */
.external-product-message {
  text-align: center;
  font-size: 16px;
  margin: 20px;
}

/* 外部商品広告 */
.external-product-link {
    padding: 0.2em 0.5em;
    font-size: 24px;
    text-align: center;
    text-decoration: none !important;
    color: #fff !important;
}

/* 外部商品広告タグ設置欄 */
.external-product-ad {
  margin: 100px 0;
}

/* 外部商品概要（オススメ商品から流用） */
.afi_item {
    float: none !important;
    display: block !important;
    width: 140px !important;
    margin: auto !important;
}

.productImage > img {
  width: 100%;
  height: auto;
}

button.css3button {
    font-size: 20px;
    color: #ffffff;
    margin-top: 10px;
    padding: 3px;
    background: -moz-linear-gradient( top, #ffaa7f 0%, #ff6e66);
    background: -webkit-gradient( linear, left top, left bottom, from(#ffaa7f), to(#ff6e66));
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 6px;
    border: 1px solid #ee5b5b;
    -moz-box-shadow: 0px 0px 0px rgba(255,255,255,0), inset 0px 0px 1px rgba(255,170,139,0.6);
    -webkit-box-shadow: 0px 0px 0px rgba(255,255,255,0), inset 0px 0px 1px rgba(255,170,139,0.6);
}

.afi_span{
    font-size:14px;
}




/* ======================================================================
 --- 【DKSセール】190319修正
======================================================================== */

.dks-kikan h3 span{
display: block;
}

.dks-cou {
    margin-bottom: 40px;
}

.dks-cou-in h3{
font-size: 20px;
text-align: center;
margin-bottom: 10px;
}

.dks-kikan h3 span{
display: block;
}

.dks-end{
font-size: 17px;
margin-bottom: 0;
}

.dks-point{
padding: 3% 0;
}

.dks-point h3{
font-size: 22px;
text-align: center;
margin-bottom: 24px;
}

span.dk-line-yellow{
font-size: 150%;
background: linear-gradient(transparent 80%, #ffed48 80%);
}

.dks-point h4{
font-size: 15px;
text-align: center;
padding-bottom: 3%;
border-bottom: 3px solid #E6E6F0;
margin-bottom: 3%;
}

.dks-point-in{
float: left;
    width: 355px;
    margin-right: 24px;
    padding: 16px;
    border: 4px solid #E6E6F0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

.dks-point-in:last-of-type{
margin: 0;
}

p.secsale_medama-dmi{
font-size:22px;
color: #DA0930;
text-align: center;
margin-bottom: 24px;
}

.secsale_medama h3{
font-size:20px;
color: #fff;
text-align: center;
margin-bottom: 12px;
padding: 8px 4px;
background: #DA0930;
}

.dks_item h3{
font-weight: 600;
font-size: 26px;
color: #DA0930;
padding: 12px 8px 8px 20px;
letter-spacing: 5px;
}

.dks_item h3 span{
font-size: 15px;
color: black;
margin-left: 10px;
letter-spacing: 2px;
font-family: 'Ubuntu', sans-serif;
}

.dks-spe_box{
padding: 24px;
background:#eaeaea;
margin-bottom: 24px;
}

.dks-spe_box h3{
padding: 12px 6px;
margin-bottom: 24px;
background:#fff;
text-align: center;
font-size: 18px;
font-weight: 600;
}