@charset "utf-8";
/*===============================================================
    
    2015/7/27
    MODIFIED:2019/11/05

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

/* 初期化
----------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-style:normal;
    font-weight: normal;
    font-size: 100%;
    vertical-align: baseline;
    outline: none;
}
blockquote, q { quotes: none;   }
blockquote:before, blockquote:after,
q:before, q:after { content: '';    content: none;}
input, textarea { margin: 0;    padding: 0; }
table{  border-collapse: collapse; border-spacing:0;    }
body { font-family:'Hiragino Kaku Gothic Pro','メイリオ','Meiryo','ＭＳ Ｐゴシック',Osaka,sans-serif; }
h1,h2,h3,h4,h5,h6,p,li,th,td,dt,dd {font-size:14px;line-height: 22px;}
caption,th,td { text-align:left; vertical-align:top; }
img { vertical-align:top; border:0; }
ul,li { list-style:none; }
option { padding-right:1em; }
address,caption { font-style:normal; font-weight:normal; }
a { outline:none;   text-decoration:underline; }
a:focus {   outline:none;   }
ul a ,li a {    zoom:1; }

/* HTML5
----------------------------------------------------------------*/
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}

/* 文字サイズ、装飾
----------------------------------------------------------------*/
.bold   {   font-weight:bold; }
.cap {    font-size:12px;    line-height:15px;    }       
.red    {   color:#943023;      }
.yellow {   color:#ff9900;      }
.blue   {   color:#00A0E8;      }
.lightblue { color:#00afd7; }
.green  {   color:#5b9000;  }
.brown  {   color:#633;     }
.pink   {   color:#f04b85;      }
.gray   {   color:#eaeeed;      }
.deepgray { color:#92999f ;}
.align_center   {   text-align:center;      }
.align_right    {   text-align:right;       }
.replace {  overflow:hidden;    white-space:nowrap; text-indent:100%;   }
sup {
    font-size:11px;
}
/* フロート関係
----------------------------------------------------------------*/
.clear {
    width:100%;
    overflow:hidden;
}
.clearboth {
    clear:both;
}
.cf:before,
.cf:after {
    content: " ";
    display: table;
}
.cf:after {
    clear: both;
}
.cf {
  *zoom: 1;
}
.flol {
    display:inline; /* IE6 */
    float:left;
}
.flor {
    display:inline; /* IE6 */
    float:right;
}
/* マージン
----------------------------------------------------------------*/
.mt05   {   margin-top:5px;     }
.mt10   {   margin-top:10px;    }
.mt15   {   margin-top:15px;    }
.mt20   {   margin-top:20px;    }
.mt25   {   margin-top:25px;    }
.mt30   {   margin-top:30px;    }
.mt40   {   margin-top:40px;    }
.mt50   {   margin-top:50px;    }
.mt60   {   margin-top:60px;    }
.mt70   {   margin-top:70px;    }
.mt80   {   margin-top:80px;    }
.mt90   {   margin-top:90px;    }
.mt100  {   margin-top:100px;   }

.mb05   {   margin-bottom:5px;  }
.mb10   {   margin-bottom:10px; }
.mb15   {   margin-bottom:15px; }
.mb20   {   margin-bottom:20px; }
.mb25   {   margin-bottom:25px; }
.mb30   {   margin-bottom:30px; }
.mb40   {   margin-bottom:40px; }
.mb50   {   margin-bottom:50px; }
.mb-10   {   margin-bottom:-10px !important;  }
.mb-15   {   margin-bottom:-15px !important;  }
.mb-20   {   margin-bottom:-20px !important;  }
.mb-25   {   margin-bottom:-25px !important;  }

/* ボックスモデル幅指定
----------------------------------------------------------------*/
.bg_w   { width:100%; }
.page_w { width:980px; }
.main_w { width:800px; }
.sub_w  { width:220px; }

/* タブレット以下 */
@media screen and (max-width: 980px) {

}   /* for tablet max-width: 980px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.bg_w,
.page_w,
.main_w { width:100%; }
.sub_w  { width:220px; }
}   /* for SP max-width: 736px */

/* html/body設定
----------------------------------------------------------------*/
html {
}
body {
    width: 100%;
    color:#000; /*#757575*/
    background:#fff;
    text-align:left;
    font-size:14px;
    line-height:25px;
    -webkit-text-size-adjust:none; /* 縦横文字サイズ同じ */
    -webkit-font-smoothing: antialiased;
    position:relative;
}
a,
input {
    color:#00a0e8;
    -webkit-transition: background-color 0.1s linear, color 0.1s linear, border-color 0.1s linear, border-width 0.1s linear, opacity 0.1s linear;
    -ms-transition: background-color 0.1s linear, color 0.1s linear, border-color 0.1s linear, border-width 0.1s linear, opacity 0.1s linear;  
    -moz-transition: background-color 0.1s linear, color 0.1s linear, border-color 0.1s linear, border-width 0.1s linear, opacity 0.1s linear;
    -o-transition: background-color 0.1s linear, color 0.1s linear, border-color 0.1s linear, border-width 0.1s linear, opacity 0.1s linear;
}
a:hover { color:#00bae8;
}
input:hover { cursor:pointer;
}
.boxshadow {
    -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.20);
    -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.20);
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.20);
}
.sp {
    display:none;
}
.sp_tablet {
    display:none;
}
/* タブレット以下 */
@media screen and (max-width: 980px) {
.tablet,
.pc_tablet,
.sp_tablet {
    display:block;
}
.pc {
    display:none;
}
.fit,
.fit img {
    width:100%;
    height:auto;
}
}   /* for tablet max-width: 980px */

/* SP向けレイアウトの指定：～640px */
@media only screen and (max-width: 736px) {
.sp {
    display:block;
}
.pc_tablet,
.tablet {
    display:none;
}


}   /* for SP max-width: 736px */

/*===============================================================
    
    基本文字サイズ
    
===============================================================*/

h2 {
    font-size:30px;
    font-weight:bold;
}
h3 {
    /*font-size:20px;
    font-weight:bold;*/
}
h4 {
    font-size:18px;
    line-height:1.4;
}
p {
    font-size:14px;
    line-height:1.6;
}
.notes {
    margin-top:10px;
}
.notes li {
    color:#b29f8a;
    margin-top:5px;
    line-height:1.4;
}
.sans {
    font-family: 'Open Sans', sans-serif;
    font-weight:600;
}
.caption {
    font-size:12px;
    line-height:18px;
    font-weight:normal;
}
/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
p {
    line-height:1.5;
}
}   /* for SP max-width: 736px */
/*===============================================================
    
    fixed
    
===============================================================*/
.fixed {
    position: fixed;
    top: 0;
}

/* タブレット以下 */
@media screen and (max-width: 980px) {
.fixed {
    position: fixed;
    top: 0;
}
}   /* for tablet max-width: 980px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {

}   /* for SP max-width: 736px */
/*===============================================================
    
    btn
    
===============================================================*/

.btn {
}
.btn a,
.btn input {
    display:block;
    background-color:#00a0e8;
    border:solid 1px #00a0e8;
    color:#fff;
    text-align:center;
    font-size:22px;
    line-height:30px;
    padding:15px 0;
    border-radius:5px;
    text-decoration:none;
    width:420px;
    margin:0 auto;
    margin-top:30px;
}
.btn a:hover,
.btn input:hover {
    background-color:#00bae8;
    border:solid 1px #00bae8;
    -webkit-appearance:none;
}
.btn .icon_arw {
    /*
    background:url(../../static/images/icon_arw_8x15.png) no-repeat 0 center;
    padding-left:15px;
    padding-right:15px;
    */
    background-image:url(../../static/images/icon_btnarw.png);
    background-repeat:no-repeat;
    background-position:left;
    background-size:20px 10px;
    display:block;
}

/* cart btn */
#add_cart .btn a,
#add_cart .btn input,
.gridconatiner .rightbtn a,
.gridconatiner .rightbtn input {
    background-color:#f04b85;
    border:solid 1px #f04b85;
    color:#fff;    
    font-weight:bold;
}
#add_cart .btn a:hover,
#add_cart .btn input:hover,
.gridconatiner .rightbtn a:hover,
.gridconatiner .rightbtn input:hover {
    background-color:#ff73a4;
    border:solid 1px #ff73a4;
    -webkit-appearance:none;
}

.btn .icon_write,
.gridconatiner .btn .icon_write {
    /*
    background:url(../../static/images/icon_write_20x20.png) no-repeat 0 center;
    padding-left:20px;
    padding-top:3px;
    */
}
.btn_white a,
.btn_white input,
.gridconatiner .btn_white a,
.gridconatiner .btn_white input {
    display:block;
    background-color:#fff;
    border:solid 1px #00a0e8;
    color:#00a0e8;
}
.btn_white a:hover,
.btn_white input:hover,
.gridconatiner .btn_white a:hover,
.gridconatiner .btn_white input:hover {
    background-color:#f2fafd;
    border:solid 1px #00a0e8;
    color:#00a0e8;
}
.btn_nostock a {
    border:solid 1px #9e9e9e !important;
    background-color:#9e9e9e !important;
    color:#fff;
    text-align:center;
    font-size:22px;
    line-height:30px;
    padding:15px 0;
    border-radius:5px;
    text-decoration:none;
    width:420px;
    margin:0 auto;
    margin-top:30px;
}
.btn_nostock a:hover {
    border:solid 1px #9e9e9e !important;
    background-color:#9e9e9e !important;
    cursor:default;
}

/*  page    */
.page .btn .arw {
    background-image:url(../../static/images/icon_btnarw.png);
    background-repeat:no-repeat;
    background-position:left;
    display:block;
}
.page .btn_white .arw {
    background-image:url(../../static/images/icon_btnarw_blue.png);
    background-repeat:no-repeat;
    background-position:left;
    display:block;
}
.page .btn_back .arw {
    background-image:url(../../static/images/icon_btnarw_blue_back.png);
    background-repeat:no-repeat;
    background-position:left;
    display:block;
}
.page .btn_next .arw {
    background-image:url(../../static/images/icon_btnarw.png);
    background-repeat:no-repeat;
    background-position:right;
    display:block;
}

.item_list .btn .arw,
.page .grid .btns .btn .arw,
.page .customerreview .btns .btn .arw,
.cart_item_list .btns .btn .arw,
.restable .btn .arw,
.cart_btns_left .btn .arw{
    background-size:20px 10px;
    display:block;
}
.page .btn_s .arw {
    background-size:20px 10px;
    display:block;
}

.page .btn_delete a,
.page .btn_delete input {
    background-color:#bdbdbd;
    border:solid 1px #bdbdbd;
}
.page .btn_delete a:hover,
.page .btn_delete input:hover {
    background-color:#ccc;
    border:solid 1px #ccc;
}
.page .btn_delete a,
.page .add_to_cart a,
.page .cart_data .btn_white a,
.page .promotion_form .btn a,
.page .cartbox .btn a,
.page .floatlist .btn a,
.page .no_arw a,
.page .btn_delete input,
.page .add_to_cart input,
.page .cart_data .btn_white input,
.page .promotion_form .btn input,
.page .cartbox .btn input,
.page .floatlist .btn input,
.page .no_arw input {
    background-image:none;
}

.btn_back a {
}

.btn_back a:hover {
}

.btn2line a,
.btn2line input {
    color:#fff;
    text-align:center;
    font-size:22px;
    line-height:23px;
    padding:8px 0;
    border-radius:5px;
    text-decoration:none;
    width:420px;
    margin:0 auto;
    margin-top:30px;
}

/* タブレット以下 */
@media screen and (max-width: 980px) {

}   /* for tablet max-width: 980px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.btn a,
.btn input {
    width:90%;
    margin:0 auto;
    margin-top:20px;
    font-size:15px;
    line-height:20px;
    padding:10px 0;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    -webkit-appearance:none;
}
/*  page    */
.page .btn .arw {
    background-size:20px 10px;
}
.page .btn_white .arw {
    background-size:20px 10px;
}
.page .btn_back .arw {
    background-size:20px 10px;
}
.page .btn_next .arw {
    background-size:20px 10px;
}

}   /* for SP max-width: 736px */

/*-------------------------------------------------------------
    .cartbtn
-------------------------------------------------------------*/
.cartbtn a,
.cartbtn input {
    display:block;
    background-color:#00a0e8;
    color:#fff;
    text-align:center;
    font-size:12px;
    line-height:20px;
    padding:5px 0;
    border-radius:5px;
    text-decoration:none;
    width:100%;
    margin:0;
}
.cartbtn a:hover,
.cartbtn input:hover {
    background-color:#00bae8;
}
.cartbtn .icon_cart {
    background:url(../../static/images/cartbtn_icon.png) no-repeat 0 center;
    padding-left:25px;
}
.cartbtn .icon_arw {
    background:url(../../static/images/icon_arw_5x9.png) no-repeat 0 center;
}
/* タブレット以下 */
@media screen and (max-width: 980px) {

}   /* for tablet max-width: 980px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {

}   /* for SP max-width: 736px */

/*-------------------------------------------------------------
    .rightbtn_wrp
-------------------------------------------------------------*/
.rightbtn_wrp {
}
.rightbtn_wrp .btn {
    float:right;
}
.rightbtn_wrp .btn a,
.rightbtn_wrp .btn input {
    width:250px;
    padding:10px 0;
    font-size:14px;
}
/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.rightbtn_wrp .btn {
    float:none;
}
.rightbtn_wrp .btn a,
.rightbtn_wrp .btn input {
    width:100%;
}
}   /* for SP max-width: 736px */

/*===============================================================
    
    btns
    
===============================================================*/
.btns {
    width:900px;
    margin:0 auto;
}
.btns .leftbtn {
    float:left;
    width:50%;
}
.btns .rightbtn {
    float:right;
    width:50%;
}

/* タブレット以下 */
@media screen and (max-width: 980px) {
.btns {
    width:100%;
    margin:0 auto;
    padding:0 10px;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
}
.btns .leftbtn {
    float:left;
    width:49%;
}
.btns .rightbtn {
    float:right;
    width:49%;
}
.btns .btn a,
.btns .btn input {
    width:90%;
    margin:0 auto;
    margin-top:30px;
    font-size:15px;
    line-height:20px;
    padding:15px 0;
}
}   /* for tablet max-width: 980px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.btns {
    padding:0 10px;
    width:100%;
}
.content .btns {
    padding:0;
}
.btns .leftbtn ,
.btns .rightbtn {
    /*
    float:none;
    width:100%;
    */
}
.btns .btn a,
.btns .btn input {
    width:100%;
    margin:0 auto;
    margin-top:10px;
    font-size:13px;
    line-height:20px;
    padding:10px 0;
}
}   /* for SP max-width: 736px */

/*-------------------------------------------------------------
    hoverblue   
-------------------------------------------------------------*/
.hoverblue a .bluerect {
}
.hoverblue {
    position:relative;
    padding:0;
    margin:0;
}
.hoverblue a .bluerect img,
.hoverblue input .bluerect img {
    width:100%;
    height:auto;
    position:absolute;
    top:0;
    left:0;
    display:none;
    z-index:100;
}
.hoverblue a:hover .bluerect img,
.hoverblue input:hover .bluerect img {
    width:100%;
    height:auto;
    position:absolute;
    top:0;
    left:0;
    display:block;
    z-index:100;
}

/* タブレット以下 */
@media screen and (max-width: 980px) {

}   /* for tablet max-width: 980px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {

}   /* for SP max-width: 736px */

/*-------------------------------------------------------------
    txtlink 
-------------------------------------------------------------*/
.txtlink {
    margin-top:10px;
}
.txtlink a,
.txtlink input {
    display:block;
    font-size:14px;
    line-height:20px;
    background:url(../images/icon_arw_blue_5x9.png) no-repeat left center;
    padding-left:8px;
    text-decoration:none;
}



/* タブレット以下 */
@media screen and (max-width: 980px) {

.subhead + .txtlink {
    margin-right:20px;
}

}   /* for tablet max-width: 980px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {

.page_contents .txtlink + .content {
    clear:both;
    padding-top:10px;
}

}   /* for SP max-width: 736px */



/*===============================================================
    
    レイアウト
    
===============================================================*/
#wrapper {
    background:url(../../static/images/bg_porkadots.jpg) no-repeat center 200px;
    background-attachment: fixed;
    position:relative;
}
/* タブレット以下 */
@media screen and (max-width: 980px) {

}   /* for tablet max-width: 980px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
#wrapper {
    background:none;
}

}   /* for SP max-width: 736px */

/*===============================================================
    
    ヘッダ
    
===============================================================*/
.header {
    width:100%;
    background:#fff;
    top:0;
    z-index:2600;
}
.header_inner {
    position:relative;
}
.header_content {
    width:980px;
    height:120px;
    margin:0 auto;
    position:relative;
}

/* タブレット以下 */
@media screen and (max-width: 980px) {
.header {
    position:fixed;
}
.header_content {
    width:100%;
    min-height:53px;
    position:absolute;
    top:0;
    left:0;
    z-index:7000;
    background:#fff;
}
.page .header_content {
    /* border-bottom:solid 1px #00a0e8; */
}

}   /* for tablet max-width: 980px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
}   /* for SP max-width: 736px */

/*-------------------------------------------------------------
    .header
-------------------------------------------------------------*/
.header_content .logo {
    width:200px;
    height:120px;
    text-align:center;
    font-size:12px;
    line-height:20px;
    position:absolute;
    top:0;
    left:0;
}
.header_content h1 a {
    color:#000; /*#757575*/
    text-decoration:none;
}
.header_content .read {
    position:absolute;
    bottom:10px;
    left:0;
    width:600px;
    height:20px;
    font-size:14px;
    line-height:20px;
    /*letter-spacing:0.2em;*/
    z-index:4000;
}
.header_content .user {
    position:absolute;
    top:92px;
    left:230px;
    width:320px;
    font-size:12px;
    line-height:15px;
}
.header_content .user span {
    color:#00A0E8;
}
.header_content .user .logoutlink {
    white-space:nowrap;
}
.header_content .function {
    position: absolute;
    bottom: 13px;
    right: 0;
    width: 465px;
    height: auto;
}
.header_content .cartbox {
    position:absolute;
    top:15px;
    right:0;
    width:390px;
    height:60px;
}

/* タブレット以下 */
@media screen and (max-width: 980px) {
.header_content .logo .sp {
    display: block;
    } 
.header_content .logo {
    width:42%;
    height: auto;
    top:0;
    left:5px;
    font-size:10px;
    line-height:15px;
}
.header_content .logo img {
    width:auto;
    height:auto;
    max-height: 33px;
}
.header_content .read {
    display:none;
}
.header_content .user {
    position:absolute;
    top:40px;
    left:0px;
    width:110px;
    font-size:10px;
    line-height:10px;
    padding:0 3px;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
}
.header_content .function {
    position:absolute;
    top:0;
    right:0;
    width:200px;
    height:60px;
}
.header_content .cartbox {
    display:none;
}
}   /* for tablet max-width: 980px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
}   /* for SP max-width: 736px */

/*-------------------------------------------------------------
    .header_content .function   
-------------------------------------------------------------*/
.header_content .function a,
.header_content .function input {
    display:block;
    float:left;
    background-image:url(../../static/images/icon_point_15x15.png);
    background-repeat:no-repeat;
    background-position:left center;
    color:#000; /*#757575*/
    text-decoration:none;
    padding-left:18px;
    margin-left:20px;
    line-height:15px;
}

/*20/01追加初心者向けページリンク*/
.header_content .function .beginner a { 
    background-image:url(../../static/images/icon_beginner_30x30.png);
	background-size: 10px 15px;
	background-position: 5px top;
}

.header_content .function .point a {
 background-image:url(../images/category_headline_icon.gif);
 background-size:5px 15px; 
 background-position:8px top;
}
.header_content .function .faq a { 
    background-image:url(../../static/images/icon_faq_15x15.png);
}
.header_content .function .contact a { 
    background-image:url(../../static/images/icon_mail_15x15.png);
}

/* タブレット以下 */
@media screen and (max-width: 980px) {
.header_content .function a {
    display:block;
    width:50px;
    height:36px;
    margin:0;
    padding:0;
    float:left;
    white-space:normal;
    text-indent:0%;
    overflow:visible;
    text-align:center;
    color:#000; /*#757575*/
    background-image:url(../../static/images/header_function-sp-2.jpg);
    background-repeat:no-repeat;
    background-position:0 0;
    background-size:300px 26px;
    padding-top:26px;
    font-size:10px;
    line-height:10px;
    text-decoration:none;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
}
.header_content .function .cart a { background-position:-0px 0; }
.header_content .function .cart a:hover { background-position:-0px 0; }
.header_content .function .login a { background-position:-50px 0; }
.header_content .function .login a:hover { background-position:-50px 0; }
.header_content .function .search a { background-position:-100px 0; }
.header_content .function .search a:hover { background-position:-100px 0; }
.header_content .function .menu a { background-position:-150px 0; }
.header_content .function .menu a:hover { background-position:-150px 0; }
.header_content .function .active a { background-position:-200px 0; }
.header_content .function .active a:hover { background-position:-200px 0; }
.header_content .function .mypage a { background-position:-250px 0; }
.header_content .function .mypage a:hover { background-position:-250px 0; }


}   /* for tablet max-width: 980px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
}   /* for SP max-width: 736px */

/*-------------------------------------------------------------
    .header_content .cartbox 
-------------------------------------------------------------*/
.header_content .cartbox {
    border:none;
}
.header_content .cartbox .inner {
    padding:5px;
}
.header_content .cartbox .cartinfo {
    width:255px;
    height:48px;
    float:left;
    border-right:solid 1px #ddd;
    background:url(../images/icon_cart_30x30.png) no-repeat 5px center;
    position:relative;
}
.header_content .cartbox ul {
    margin-top:3px;
    position:absolute;
    top:8px;
    left:55px;
}
.header_content .cartbox li {
    text-align:right;
    font-size:12px;
    line-height:15px;
    color:#000; /*#757575*/
}
.header_content .cartbox .txtlink a {
    display:block;
    position:absolute;
    right:15px;
    top:20px;
    font-size:12px;
    line-height:15px;
    background:url(../images/icon_arw_blue_5x9.png) no-repeat left center;
    padding-left:8px;
    font-weight:bold;
    text-decoration:none;
}
.header_content .cartbox .login_entry {
    float:right;
    width:120px;
    height:48px;
    background:url(../images/icon_login_30x30.png) no-repeat left center;
}
.header_content .cartbox .login_entry p {
    padding-left:35px;
    font-size:12px;
    line-height:15px;
    margin-top:11px;
}
.header_content .cartbox .login_entry p a {
    font-weight:bold;
    text-decoration:none;
}
.header_content .cartbox .logged {
    float:right;
    width:115px;
    height:48px;
    background:url(../images/icon_logged_30x30.png) no-repeat left center;
}
.header_content .cartbox .logged p {
    padding-left:38px;
    font-size:12px;
    line-height:15px;
    margin-top:18px;
}
.header_content .cartbox .logged p a {
    font-weight:bold;
    text-decoration:none;
}

/* タブレット以下 */
@media screen and (max-width: 980px) {

}   /* for tablet max-width: 980px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {

}   /* for SP max-width: 736px */

/*===============================================================
    
    nav_wrp
    
===============================================================*/
.nav_wrp {
    width:100%;
    height:30px;
    border-top:solid 1px #ddd;
    border-bottom:solid 1px #ddd;
}
.nav {
    width:980px;
    margin:0 auto;
}

/* タブレット以下 */
@media screen and (max-width: 980px) {
.nav_wrp {
    display:none;
}

}   /* for tablet max-width: 980px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
}   /* for SP max-width: 736px */

/*-------------------------------------------------------------
    global_nav  
-------------------------------------------------------------*/
.global_nav {
}
.global_nav li.txt {
    width:auto;
    float:left;
    position:relative;
    text-align:left;
    margin-right:50px;
}
.global_nav li.txt:first-child {
    margin-left: 16px;
}
.global_nav li.txt a {
    display:block;
    width:100%;
    font-size:13px;
    line-height: 15px;
    padding: 8px 0 5px 0;
    color:#000; /*#757575*/
    text-decoration:none;
    float:left;
    position:relative;
}
.global_nav li.active a,
.global_nav li a:hover {
    border-bottom:solid 2px #00a0e8;
}
.global_nav li.searchbox {
    width:250px;
    padding-top:4px;
    float:right;
}


.global_nav .no_link {
    display:block;
    width:100%;
    font-size:13px;
    line-height:15px;
    padding:8px 0 5px 0;
    color:#000; /*#757575*/
    text-decoration:none;
    float:left;
    position:relative;
}



/* タブレット以下 */
@media screen and (max-width: 980px) {

}   /* for tablet max-width: 980px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {

}   /* for SP max-width: 736px */

/*-------------------------------------------------------------
    .global_nav .flortmenu  
-------------------------------------------------------------*/
.global_nav .flortmenu {
    position:absolute;
    top:30px;
    left:-19px;
    background:#fff;
    border:solid 1px #ddd;
    width:980px;
    display:none;
    z-index:3100;
}
.global_nav .flortmenu .inner {
    padding:30px;
}
.global_nav .flortmenu ul {
    width:103.043%;
}
.global_nav .flortmenu li {
    width:13.713%; margin-right:2.954%; 
    float:left;
    text-align:center;
}
.global_nav .flortmenu li a,
.global_nav .flortmenu li a:hover {
    border:0;
    padding:0;
}
.global_nav .flortmenu li a:hover {
    color:#00a0e8;
}
.global_nav .flortmenu li a img {
    width:100%;
    height:auto;
    /*border:solid 1px #fff;*/
    margin-bottom:10px;
}
.global_nav .flortmenu li a:hover img {
    /*border:solid 1px #00a0e8*/
}

/* タブレット以下 */
@media screen and (max-width: 980px) {
.global_nav .product_menu {
    width:544.44%;
}
}   /* for tablet max-width: 980px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {

}   /* for SP max-width: 736px */

/*-------------------------------------------------------------
    .global_nav .category_menu
-------------------------------------------------------------*/
.global_nav .category_menu {
    width:550px;
}
.global_nav .category_menu .inner {
    padding-top:0;
}
.global_nav .category_menu li {
    width:33%;
    margin-right:0%; 
    float:left;
    text-align:left;
    margin-top:30px;
}
.global_nav .category_menu li a {
    display:block;
    background:url(../images/icon_arw_7x13.png) no-repeat center left;
    padding-left:15px;
}
.global_nav .category_menu li a:hover {
    padding-left:15px;
}

/* タブレット以下 */
@media screen and (max-width: 980px) {

}   /* for tablet max-width: 980px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {

}   /* for SP max-width: 736px */


/*-------------------------------------------------------------
    .global_nav li.searchbox 
-------------------------------------------------------------*/
.global_nav li.searchbox {
}
.global_nav li.searchbox .fld {
    width:200px;
    padding:3px 3px;
    border-radius:3px;
    border:solid 1px #ddd;
    vertical-align: top;
}
.global_nav li.searchbox .sarchbtn {
    padding-left:8px;
}
.global_nav li.searchbox a,
.global_nav li.searchbox a:hover {
    border:0;
}
/* タブレット以下 */
@media screen and (max-width: 980px) {

}   /* for tablet max-width: 980px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {

}   /* for SP max-width: 736px */


/*-------------------------------------------------------------
    product_nav_wrp 
-------------------------------------------------------------*/
.product_nav_wrp {
    background:#f5f5f5;
    display:none;
}
.product_nav li {
    position:relative;
    float:left;
    text-align:center;
}
.product_nav li.thermal { width:150px; }
.product_nav li.uvcare { width:170px; }
.product_nav li.cleansing { width:120px; }
.product_nav li.toleriane { width:100px; }
.product_nav li.effaclar { width:100px; }
.product_nav li.sensiwhite { width:120px; }
.product_nav li.agingcare { width:120px; }
.product_nav li.bodyspecialcare { width:100px; }

.product_nav li a {
    display:block;
    width:100%;
    height:30px;
    text-decoration:none;
    text-align:center;
    font-size:13px;
    line-height:31px;
    position:absolute;
    top:0;
    left:0;
    border:solid 1px #f5f5f5;
    border-top:0;
    border-bottom:0;
    z-index:3050;
}
.product_nav li.thermal a { }
.product_nav li.uvcare a { left:150px }
.product_nav li.cleansing a { left:320px; }
.product_nav li.toleriane a { left:440px; }
.product_nav li.effaclar a { left:540px; }
.product_nav li.sensiwhite a { left:640px; }
.product_nav li.agingcare a { left:760px; }
.product_nav li.bodyspecialcare a { left:880px; }

.product_nav li.active a,
.product_nav li a:hover {
    background:#fff;
    border:solid 1px #ddd;
    border-top:0;
    border-bottom:0;
}


/* タブレット以下 */
@media screen and (max-width: 980px) {

}   /* for tablet max-width: 980px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {

}   /* for SP max-width: 736px */

/*-------------------------------------------------------------
    .product_nav .flortmenu 
-------------------------------------------------------------*/
.product_nav .flortmenu {
    position:absolute;
    top:29px;
    left:0;
    background:#fff;
    border:solid 1px #ddd;
    width:980px;
    display:none;
    z-index:3000;
}
.product_nav .active .flortmenu {
    display:block;
}
.product_nav .flortmenu .inner {
    padding:30px;
    padding-bottom:0;



}
.product_nav .item4 ul {
    width:102.128%;
}
.product_nav .item4 li {
    width:22.917%; margin-right:2.083%;
    float:left;
    line-height:1.2;
}
.product_nav .item5 ul {
    width:101.695%;
}
.product_nav .item5 li {
    width:18.333%; margin-right:1.667%;
    float:left;
}
.product_nav .item6 ul {
    width:103.043%;
}
.product_nav .item6 li {
    width:13.713%; margin-right:2.954%; 
    float:left;
}
.product_nav .item6 li:nth-child(6n+1) {
    clear:both;
}
.product_nav .flortmenu li a {
    color:#000; /*#757575*/
}
.product_nav .flortmenu li a,
.product_nav .flortmenu li a:hover {
    position:static;
    height:auto;
    border:0;
    padding:0;
    padding-bottom:30px;
    line-height:1.3;
}
.product_nav .flortmenu li a:hover {
    color:#00a0e8;
}
.product_nav .flortmenu li a img {
    width:100%;
    height:auto;
    /*border:solid 1px #fff;*/
    margin-bottom:10px;
}
.product_nav .flortmenu li a:hover img {
    /*border:solid 1px #00a0e8;*/
}

/* タブレット以下 */
@media screen and (max-width: 980px) {
.global_nav .product_menu {
    width:544.44%;
}
}   /* for tablet max-width: 980px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {

}   /* for SP max-width: 736px */


/*-------------------------------------------------------------
    sp_menu 
-------------------------------------------------------------*/
.sp_menu {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    display:none;
}

.sp_menu .sp_menu_container {
    position: relative;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    z-index:2100;
    float:right;
}
.sp_menu .sp_menu_container::-webkit-scrollbar {
  display: none;
}
.sp_menu .inner {
    position:absolute;
    top:60px;
    right:-640px;
    width:100%;
    height:auto;
    background:#fff;
    z-index:2100;
}
.sp_menu .close {
}
.sp_menu .sp_menu_list {
    /* padding:20px; */
}
.sp_menu .sp_menu_list li {
    position:relative;
}

.sp_menu .sp_menu_list .close {
    padding:0;
    display:none;
}
.sp_menu .sp_menu_list .active .close {
    display:block;
}
.sp_menu .sp_menu_list .active .close a {
    width:18px;
    height:18px;
    display:block;
    float:none;
    background:url(../images/icon_close_50x50.png) no-repeat left top;
    background-size:18px 18px;
    position:absolute;
    top:10px;
    left:8em;
}
.sp_menu .sp_menu_list li ul {
    display:none;
}


/* タブレット以下 */
@media screen and (max-width: 980px) {

}   /* for tablet max-width: 980px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {

}   /* for SP max-width: 736px */

/*-------------------------------------------------------------
    cart_in_window  
-------------------------------------------------------------*/
.cart_in_window {
    position:absolute;
    top:80px;
    right:-60px;
    width:300px;
    background:#fff;
    border:solid 1px #00A0E8;
    z-index:5000;
    text-align:center;
    
    /*  非表示　*/
    display:none;

}
.cart_in_window .inner {
    padding:20px;
}
.cart_in_window h4 {
    font-weight:bold;
    font-size:14px;
    line-height:25px;
}
.cart_in_window p {
    font-size:12px;
    line-height:25px;
    font-weight:bold;
    margin-top:10px;
}
.cart_in_window .info {
    border-top:solid 1px #ddd;
    border-bottom:solid 1px #ddd;
    padding:10px 0;
    margin-top:10px;
}
.cart_in_window .info .photo {
    float:left;
    width:100px;
}
.cart_in_window .info .photo img {
    width:100%;
    height:auto;
}
.cart_in_window .info ul {
    margin-left:110px;
}
.cart_in_window .info ul li {
    font-size:12px;
    text-align:left;
}
.cart_in_window .info ul li.name {
    font-weight:bold;
}
.cart_in_window .cartbtn a,
.cart_in_window .cartbtn input {
    width:200px;
    margin:0 auto;
    margin-top:10px;
}
.cart_in_window .close a {
    width:130px;
    margin:0 auto;
    margin-top:10px;
    background-color:#f2fafd;
    color:#000; /*#757575*/
    border:solid 1px #ddd;
}
.cart_in_window .close a:hover {
    background-color:#fff;
}

/* タブレット以下 */
@media screen and (max-width: 980px) {
.cart_in_window {
    right:0;
    display:none;
}
}   /* for tablet max-width: 980px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.cart_in_window {
    top:60px;
    right:0;
    width:100%;
    display:none;
    border-left:0;
    border-right:0;
}
.cart_in_window .cartbtn a,
.cart_in_window .cartbtn input {
    width:200px;
    margin:0 auto;
    margin-top:10px;
    padding:10px 0;
    font-size:14px;
}
.cart_in_window .close a {
    width:130px;
    margin:0 auto;
    margin-top:10px;
    background-color:#f2fafd;
    color:#000; /*#757575*/
    border:solid 1px #ddd;
}
}   /* for SP max-width: 736px */

/*===============================================================
    
    ボディ
    
===============================================================*/
.contents {
    width:100%;
    overflow:hidden;
    padding-bottom:30px;
    padding-top:182px;
}
/* タブレット以下 */
@media screen and (max-width: 980px) {
.contents {
    padding-bottom:20px;
    padding-top:60px;
}
}   /* for tablet max-width: 980px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {

}   /* for SP max-width: 736px */
/*===============================================================
    
    フッタ
    
===============================================================*/
.footer_wrp {
    width:100%;
    padding:10px 0;
}
.footer_inner {
    width:980px;
    margin:0 auto;
}
.footer_inner a {
    text-decoration:none;
}
/* タブレット以下 */
@media screen and (max-width: 980px) {
.footer_inner {
    width:100%;
    padding:0 10px;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
}
}   /* for tablet max-width: 980px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.footer_inner {
    padding:0;
}
}   /* for SP max-width: 736px */


/*-------------------------------------------------------------
    footer_product_link 
-------------------------------------------------------------*/
.footer_product_link_wrp {
    background:#f5f5f5;
    padding:15px 0 0 0;
}
.footer_product_link .block {
    float:left;
}
.footer_product_link .series { width:28% }
.footer_product_link .use { width:57% }
.footer_product_link .category { width:15% }
.footer_product_link .use .block { width:28% }
.footer_product_link .use .sublist { width:44% }

.footer_product_link .use .block:nth-child(3n+1) {
    clear:both;
}

.footer_product_link .block h4 {
    font-size:13px;
    line-height:15px;
    font-weight:bold;
}
.footer_product_link .block ul {
    margin-top:10px;
}
.footer_product_link .block ul ul {
    margin-top:0;
    padding-bottom:15px;
}
.footer_product_link .block li {
    margin-top:5px;
    padding-bottom:0px;
}
.footer_product_link .block .block {
    margin-top:0px;
}

.footer_product_link li {
    font-size:12px;
    line-height:15px;
}
.footer_product_link li a {
    color:#000; /*#757575*/
}
.footer_product_link li a:hover {
    text-decoration:underline;
}

/* タブレット以下 */
@media screen and (max-width: 980px) {

}   /* for tablet max-width: 980px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {

}   /* for SP max-width: 736px */

/*-------------------------------------------------------------
    footer_content_link 
-------------------------------------------------------------*/
.footer_product_link_wrp.contents_link {
    border-top: 1px solid #ddd;
}
.footer_product_link_wrp.contents_link ul {
    position: relative;
    left: 50%;
    padding-bottom: 15px;
}
.footer_product_link_wrp.contents_link ul li {
　   position: relative;
    left: -50%;
    float: left;
    padding: 0 10px;
    line-height: 20px;
    }
/*-------------------------------------------------------------
    footer_link_wrp 
-------------------------------------------------------------*/
.footer_link_wrp {
    background:#00a0e8;
    padding-bottom:0px;
}
.footer_link a {
    color:#fff;
}
.footer_link a:hover {
    text-decoration:underline;
}
.centerlink {
  position: relative;
  overflow: hidden;
}
.centerlink ul {
  position: relative;
  left: 50%;
  float: left;
  padding-bottom:5px;
}
.centerlink ul li {
  position: relative;
  left: -50%;
  float: left;
  padding:0 20px;
}

/* タブレット以下 */
@media screen and (max-width: 980px) {

}   /* for tablet max-width: 980px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.footer_link_wrp {
    padding:0;
}
}   /* for SP max-width: 736px */

/*-------------------------------------------------------------
    footer_sns_link_wrp 
-------------------------------------------------------------*/
.footer_sns_link_wrp {
    border-top:solid 1px #00bae8;
    text-align:center;
    color:#fff;
    padding-bottom:20px;
}
.footer_link h4 {
    font-size:22px;
    line-height:25px;
    padding-bottom:5px;
}
.footer_link p {
    font-size:12px;
    line-height:25px;
}
.footer_sns_link .centerlink ul li {
    padding:0 5px;
}
.footer_sns_link li a {
    display:block;
    width:60px;
    height:60px;
    border:#00bae8 solid 1px;
    border-radius:50%;
    white-space:nowrap;
    text-indent:100%;
    overflow:hidden;
    background-color:#00a0e8;
    background-image:url(../../static/images/footer_snsbtn_icon.png);
    background-repeat:no-repeat;
    background-position:0 0;
}
.footer_sns_link li.LINE a { background-position:-0px 0; }
.footer_sns_link li.LINE a:hover { background-position:-0px -60px; background-color:#fff; }

.footer_sns_link li.facebook a { background-position:-61px 0; }
.footer_sns_link li.facebook a:hover { background-position:-61px -60px; background-color:#fff; }

.footer_sns_link li.twitter a { background-position:-120px 0; }
.footer_sns_link li.twitter a:hover { background-position:-120px -60px; background-color:#fff; }

.footer_sns_link li.instagram a { background-position:-181px -1px; }
.footer_sns_link li.instagram a:hover { background-position:-181px -61px; background-color:#fff; }

.footer_sns_link li.youtube a { background-position:-241px -1px; }
.footer_sns_link li.youtube a:hover { background-position:-241px -61px; background-color:#fff; }


/* タブレット以下 */
@media screen and (max-width: 980px) {

}   /* for tablet max-width: 980px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.footer_link ul.sp li {
    float:left;
    width:50%;
}
.footer_link ul.sp li a {
    display:block;
    line-height:50px;
    padding:0 10px;
    border-top:solid 1px #00bae8;
    border-right:solid 1px #00bae8;
    font-size:12px;
}
.footer_link h4 {
    padding-top:40px;
}
.footer_sns_link li a {
    background-image:url(../../static/images/footer_snsbtn_icon-sp.png);
    background-size:306px 120px;
}
.footer_link p {
    padding-bottom:50px;
}
}   /* for SP max-width: 736px */

/*===============================================================
    
    PAGETOP
    
===============================================================*/
#btn_pagetop {
    width:100%;
    overflow:hidden;
}

#btn_pagetop a {
    display:block;
    right:0;
    top:0;
    width:80px;
    height:80px;
    color:#fff;
    background:url(../../static/images/pc-pagetop-arw.png) no-repeat 0 0;
    text-indent:100%;
    overflow:hidden;
    white-space:nowrap;
    z-index:4000;
    position:fixed;
}
#btn_pagetop a:hover {
    background:url(../../static/images/pc-pagetop-arw.png) no-repeat 0 0;
    opacity:0.8;
}

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 980px) {
#btn_pagetop a {
    width:40px;
    height:40px;
    background:url(../../static/images/pc-pagetop-arw.png) no-repeat 0 0;
    background-size:40px 40px;
}
#btn_pagetop a:hover {
    background:url(../../static/images/pc-pagetop-arw.png) no-repeat 0 0;
    background-size:40px 40px;
}

}   /* for SP max-width: 736px */
/*===============================================================
    
    テーブル
    
===============================================================*/
table {
    width:100%;
    text-align:left;
}
table th {
    padding:15px;
    font-weight:bold;
    border-bottom:solid 1px rgba(0,0,0,0.3);
}
table td {
    padding:15px;
    border-bottom:solid 1px rgba(0,0,0,0.1);
}

/* タブレット以下 */
@media screen and (max-width: 980px) {

}   /* for tablet max-width: 980px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
table {
    border:0;
    padding:0;
    margin-top:0px;
}
table th {
    display: list-item;
    list-style:none;
    width:100%;
    border:0;
    padding:10px;
    font-size:16px;
    background:#eee;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
}
table td {
    display: list-item;
    list-style:none;
    width:100%;
    padding:10px 0 20px 0;
    font-size:14px;
    line-height:1.6;
    border:0;
}

}   /* for SP max-width: 736px */

/*===============================================================
    
    girid
    
===============================================================*/
.gridconatiner {
}
.gridconatiner .grid {
    float:left;
}
.gridwrp {
}
.grid {
}
/*  175　25　*/
.gridwrp_5 { width:102.564%;}
.gridwrp_5 .grid_1 { width:17.500%; margin-right:2.500%; }

.gridwrp_3 { width:102.551%;}
.gridwrp_3 .grid_1 { width:30.846%; margin-right:2.488%; }
.gridwrp_3 .grid_center_1 { width:32.5%; margin-right:2.488%; float:none; margin:20px auto 0; }
.block_content .item.grid_center_1 { margin-top: 20px; }

.gridwrp_2 { width:105.000%;}
.gridwrp_2 .grid_1 { width:45.238%; margin-right:4.762%; }

/* 215 40 */
.gridwrp_4 { width:104.082%;}
.gridwrp_4 .grid_4 { width:96.078%; margin-right:3.922%; }
.gridwrp_4 .grid_3 { width:71.078%; margin-right:3.922%; }
.gridwrp_4 .grid_2 { width:46.078%; margin-right:3.922%; }
.gridwrp_4 .grid_1 {width:21.078%;margin-right:3.922%;}
.sp .gridwrp_4 .grid_1 {
    width:95%;
    margin:0 auto;
}
/* 460 40 460 */
.gridwrp_2 { width:104.167%;}
.gridwrp_2 .grid_2 { width:96.000%; margin-right:4.000%; }
.gridwrp_2 .grid_1 { width:46.000%; margin-right:4.000%; }



/* タブレット以下 */
@media screen and (max-width: 980px) {
    
.gridwrp_3 .grid_center_1 { width:100%; float:left; }

}   /* for tablet max-width: 1000px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.gridwrp_3,
.gridwrp_3 .grid_1,
.gridwrp_2,
.gridwrp_2 .grid_1 {
    width:100%; margin-right:0;
}
.gridwrp_5 { width:105.000%;}
.sp .gridwrp_4 .grid_1{
    width: 95%;
    margin: 0 auto;}
.gridwrp_5 .grid_1,.gridwrp_4 .grid_1 { width:45.238%; margin-right:4.762%; }

.grid {
    margin-top:30px;
}
.grid:first-child {
    margin-top:0px;
}

}   /* for SP max-width: 736px */


/*===============================================================
    
    headline
    見だし
    
===============================================================*/
.headline {
}

.headline_polkadots {
    background:url(../images/headline_polkadots.jpg) no-repeat left center;
    font-size:20px;
    line-height:30px;
    color:#00A0E8;
    padding-left:30px;
    font-weight:normal;
}

/* タブレット以下 */
@media screen and (max-width: 980px) {
.headline_polkadots {
    background:url(../images/headline_polkadots.jpg) no-repeat left center;
    background-size:20px;
    font-size:16px;
    line-height:20px;
    color:#00A0E8;
    padding-left:20px;
    font-weight:normal;
    margin:0 5px;
}
}   /* for tablet max-width: 980px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {

}   /* for SP max-width: 736px */

/*-------------------------------------------------------------
    pagetitle   
-------------------------------------------------------------*/
.pagetitle {
    border-bottom:solid 1px #999;
    padding-bottom:20px;
    width:980px;
    margin:0 auto;
    margin-top:40px;
}
.pagetitle h2 {
    font-size:30px;
    line-height:1.2;
    font-weight:normal;
}
.pagetitle h2 span {
    font-size:20px;
    padding-right:10px;
}
.pagetitle h2 span.pc_tablet {

    font-size:30px;
    line-height:1.2;
    padding-right:0;
}
.user_status + .seciton ,
.local_nav + .seciton ,
.pagetitle + .seciton {
    margin-top:30px;
}

/* タブレット以下 */
@media screen and (max-width: 980px) {
.pagetitle {
    width:100%;
    padding:0 20px;
    padding-bottom:15px;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
}
}   /* for tablet max-width: 980px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.pagetitle {
    border-bottom:0;
    padding-bottom:0px;
    margin:0 auto;
    margin-top:20px;
}
.pagetitle h2 {
    font-size:18px;
    line-height:1.2;
    font-weight:normal;
}
.pagetitle h2 span.sp {
    font-size:18px;
    line-height:1.2;
    font-weight:normal;
}
.user_status + .seciton ,
.local_nav + .seciton ,
.pagetitle + .seciton {
    margin-top:20px;
}
.pagetitle .btn {
    width:65%;
}
.pagetitle .btn a,
.pagetitle .btn input {
    margin-top:5px;
    width:100%;
}

}   /* for SP max-width: 736px */

/*-------------------------------------------------------------
    アイコン付き見出し   
-------------------------------------------------------------*/
.headline_icon {
    font-size:20px;
    line-height:30px;
    font-weight:bold;
    background-image:url(../images/headline_icon-note.png);
    background-repeat:no-repeat;
    background-position:left top;
    padding-left:40px;
    color:#00A0E8;
    margin-top:0px;
}
.headline_icon_line {
    border-bottom:solid 1px #ddd;
    padding-bottom:15px;
}
.content + .headline_icon {
    margin-top:50px;
}
.box_error + .headline_icon {
    margin-top:30px;
}
.category_headline + .headline_icon {
    margin-top:30px;
}
.headline_adress {
    background-image:url(../images/headline_icon-adress.png);
}
.headline_cart {
    background-image:url(../images/headline_icon-cart.png);
}
.headline_delivery {
    background-image:url(../images/headline_icon-delivery.png);
}
.headline_love {
    background-image:url(../images/headline_icon-love.png);
}
.headline_mail {
    background-image:url(../images/headline_icon-mail.png);
}
.headline_member {
    background-image:url(../images/headline_icon-member.png);
}
.headline_no_member {
    background-image:url(../images/headline_icon-no_member.png);
}
.headline_note {
    background-image:url(../images/headline_icon-note.png);
}
.headline_point {
    background-image:url(../images/headline_icon-point.png);
}
.headline_present {
    background-image:url(../images/headline_icon-present.png);
}
.headline_product {
    background-image:url(../images/headline_icon-product.png);
}
.headline_search {
    background-image:url(../images/headline_icon-search.png);
}
.headline_point_gold {
    background-image:url(../images/icon_point_30x30.png);
}
.headline_point_silver {
    background-image:url(../images/icon_point_silver_30x30.png);
}
.headline_tel {
    background-image:url(../images/headline_icon-tel.png);
}
.headline_review {
    background-image:url(../images/headline_icon-review.png);
}

/* タブレット以下 */
@media screen and (max-width: 980px) {
.headline_icon {
    margin:0 20px;
}
}   /* for tablet max-width: 980px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.headline_icon {
    font-size:16px;
    line-height:20px;
    font-weight:bold;
    background-image:url(../images/headline_icon-note.png);
    background-repeat:no-repeat;
    background-position:left top;
    padding-left:25px;
    background-size:20px 20px;
}
.headline_icon_line {
    border-bottom:solid 1px #ddd;
    padding-bottom:10px;
}
.headline_adress {
    background-image:url(../images/headline_icon-adress-sp.png);
}
.headline_cart {
    background-image:url(../images/headline_icon-cart-sp.png);
}
.headline_delivery {
    background-image:url(../images/headline_icon-delivery-sp.png);
}
.headline_love {
    background-image:url(../images/headline_icon-love-sp.png);
}
.headline_mail {
    background-image:url(../images/headline_icon-mail-sp.png);
}
.headline_member {
    background-image:url(../images/headline_icon-member-sp.png);
}
.headline_no_member {
    background-image:url(../images/headline_icon-no_member-sp.png);
}
.headline_note {
    background-image:url(../images/headline_icon-note-sp.png);
}
.headline_point {
    background-image:url(../images/headline_icon-point-sp.png);
}
.headline_present {
    background-image:url(../images/headline_icon-present-sp.png);
}
.headline_product {
    background-image:url(../images/headline_icon-product-sp.png);
}
.headline_search {
    background-image:url(../images/headline_icon-search-sp.png);
}
.headline_point_gold {
    background-image:url(../images/icon_point.png);
}
.headline_point_silver {
    background-image:url(../images/icon_point_silver.png);
}
.headline_tel {
    background-image:url(../images/headline_icon-tel-sp.png);
}
.headline_review {
    background-image:url(../images/headline_icon-review-sp.png);
}
.category_headline + .headline_icon {
    margin-top:20px;
}
.content + .headline_icon {
    margin-top:30px;
}
}   /* for SP max-width: 736px */



/*===============================================================
    
    subhead
    小見出し
    
===============================================================*/
.subhead {
    color: #00A0E8;
    background: #f2fafd;
    font-weight:bold;
    text-align:center;
    font-size:18px;
    line-height:25px;
    padding:5px 0;
}
.seciton * + .subhead {
    margin-top:50px;
}
.seciton .box_error + .subhead {
    margin-top:30px;
}
.seciton .content_txt + .subhead ,
.seciton .column + .subhead ,
.seciton .headline_icon + .subhead {
    margin-top:20px;
}


/* タブレット以下 */
@media screen and (max-width: 980px) {

}   /* for tablet max-width: 980px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.subhead {
    font-size:15px;
}
.seciton * + .subhead {
    margin-top:30px;
}
.seciton .content_txt + .subhead ,
.seciton .column + .subhead ,
.seciton .headline_icon + .subhead {
    margin-top:20px;
}
}   /* for SP max-width: 736px */
/*===============================================================
    
    seciton
    headlineとcontentなど、複数の要素、機能を取りまとめるコンテナ的な親要素。
    
===============================================================*/
.seciton {
    width:980px;
    margin:0 auto;
    padding-bottom:80px;
}

/* タブレット以下 */
@media screen and (max-width: 980px) {
.seciton {
    width:100%;
    padding-bottom:50px;
}
}   /* for tablet max-width: 980px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.seciton {
    padding-bottom:30px;
}
.progression + .seciton {
    margin-top:15px;
}

}   /* for SP max-width: 736px */
/*===============================================================
    
    content
    単一で固有の要素、機能　section内に配置
    
===============================================================*/
.content {
    margin-top:30px;
    clear:both;
}
.headline_icon + .content {
    margin-top:20px;
}
/* タブレット以下 */
@media screen and (max-width: 980px) {
.content {
    margin-top:15px;
    padding:0 10px;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
}
.headline_icon + .content {
    margin-top:10px;
}
}   /* for tablet max-width: 980px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
}   /* for SP max-width: 736px */

/*===============================================================
    
    column
    囲み、メモなどサブ的な括り。
    
===============================================================*/
.content + .column {
    margin-top:20px;
}
.column {
}
.column_inner {
    border:solid 1px #ddd;
    padding:30px;
}
.column .title {
    font-size:18px;
    font-weight:bold;
}
.title_blue {
    color:#00A0E8;
}
.column .title_pink {
    color:#F1286C;
}
.column * + .title {
    margin-top:50px;
}
.column * + p {
    margin-top:20px;
}
.column .input + p {
    margin-top:10px;
}
.column .box + .caption {
    margin-top:10px;
}

/* タブレット以下 */
@media screen and (max-width: 980px) {
.content + .column {
    margin-top:10px;
}
.column_inner {
    padding:15px;
}
.column .title {
    font-size:15px;
    font-weight:bold;
}

.column * + .title {
    margin-top:20px;
}
}   /* for tablet max-width: 980px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.column * + p {
    margin-top:10px;
}
}   /* for SP max-width: 736px */


/*-------------------------------------------------------------
    .column .notes 
-------------------------------------------------------------*/
.column .notes {
    margin-top:20px;
}
.column .notes p {
    margin-top:0;
}
.column .notes p + p{
    margin-top:10px;
}

/* タブレット以下 */
@media screen and (max-width: 980px) {

}   /* for tablet max-width: 980px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {

}   /* for SP max-width: 736px */
/*-------------------------------------------------------------
    foo 
-------------------------------------------------------------*/
.foo {
}

/* タブレット以下 */
@media screen and (max-width: 980px) {

}   /* for tablet max-width: 980px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {

}   /* for SP max-width: 736px */

/*===============================================================
    
    index_contents
    
===============================================================*/
.index_contents {
}
.index_contents .seciton {
    padding-bottom:30px;
}
.index_contents .content {
    margin-top: 15px;
}
.index_contents .haedline h3 {
    border-top:solid #eee 1px;
    text-align:center;
}

/* バナーエリア調整　2018/08/27 */
.index_contents #count-topProductBnr{
  width:980px;
}
.index_contents #count-topProductBnr .grid_1{
  width:23.47%;
  margin:0;
}
.index_contents #count-topProductBnr .grid_1 + .grid_1:not(:nth-child(4n + 1)){
  margin-left:2.04%;
}

.index_contents #count-topProductBnr .grid_1 .bnr,
.index_contents #count-topProductBnr .grid_1 .bnr a{
  position:static;
  display: block;
  width:100%;
  height:auto;
  box-sizing:border-box;
}
.index_contents #count-topProductBnr .grid_1 .bnr{
  margin-top:18px;
  background:#1a6ec7;
}
.index_contents #count-topProductBnr .grid_1 .bnr a{
  text-align:center;
  background-color:#fff;
  background-position:25px 50%,100% 0;
  background-repeat:no-repeat,no-repeat;
  background-size:auto 14px, auto 100%;
}
.index_contents #count-topProductBnr .grid_1:first-child .bnr a{
  background-image:url(/static/images/top/sub/icon_btnarw_blue_bottom.png),url('/static/images/top/sub/bnr_sub_topProduct01_sp.jpg');
}
.index_contents #count-topProductBnr .grid_1:nth-child(2) .bnr a{
  background-image:url(/static/images/top/sub/icon_btnarw_blue_bottom.png),url('/static/images/top/sub/bnr_sub_topProduct02_sp.jpg');
}
.index_contents #count-topProductBnr .grid_1:nth-child(3) .bnr a{
  background-image:url(/static/images/top/sub/icon_btnarw_blue_bottom.png),url('/static/images/top/sub/bnr_sub_topProduct03_sp.jpg');
}
.index_contents #count-topProductBnr .grid_1:nth-child(4) .bnr a{
  background-image:url(/static/images/top/sub/icon_btnarw_blue_bottom.png),url('/static/images/top/sub/bnr_sub_topProduct04_sp.jpg');
}
.index_contents #count-topProductBnr .grid_1:nth-child(5) .bnr a{
  background-image:url(/static/images/top/sub/icon_btnarw_blue_bottom.png),url('/static/images/top/sub/bnr_sub_topProduct05_sp.jpg');
}
.index_contents #count-topProductBnr .grid_1:nth-child(6) .bnr a{
  background-image:url(/static/images/top/sub/icon_btnarw_blue_bottom.png),url('/static/images/top/sub/bnr_sub_topProduct06_sp.jpg');
}
.index_contents #count-topProductBnr .grid_1:nth-child(7) .bnr a{
  background-image:url(/static/images/top/sub/icon_btnarw_blue_bottom.png),url('/static/images/top/sub/bnr_sub_topProduct07_sp.jpg');
}
.index_contents #count-topProductBnr .grid_1:nth-child(8) .bnr a{
  background-image:url(/static/images/top/sub/icon_btnarw_blue_bottom.png),url('/static/images/top/sub/bnr_sub_topProduct08_sp.jpg');
}
.index_contents #count-topProductBnr .grid_1 .bnr a img{
  width:100%;
  height:auto;
}
.index_contents #count-topProductBnr .grid_1 .bnr a .caption{
  display:inline-block;
  margin-top:6px;
  font-size:14px;
  color:#333;
}
@media screen and (min-width:981px) {
	.index_contents #count-topProductBnr{
			margin-top:-12px;
		}
  .index_contents #count-topProductBnr .grid_1 .bnr a{
    background:#fff!important;
  }
}
@media screen and (max-width:980px) {
  .index_contents .content.subBnr{
    margin-bottom:16px;
    padding:0;
  }
  .index_contents .content.subBnr #count-topProductBnr,
  .index_contents .content.subBnr #count-topProductBnr .grid_1{
    width:100%;
  }
  .index_contents .content.subBnr #count-topProductBnr{
    border-top:1px solid #f3f3f3;
  }
  .index_contents .content.subBnr #count-topProductBnr .grid_1{
    margin:0;
    border-bottom:1px solid #f3f3f3;
  }
  .index_contents #count-topProductBnr .grid_1 + .grid_1:not(:nth-child(4n + 1)){
    margin:0;
  }
  .index_contents #count-topProductBnr .grid_1 .bnr{
    margin-top:0;
  }
  .index_contents #count-topProductBnr .grid_1 .bnr a{
    text-align:left;
    padding-left:60px;
  }
  .index_contents #count-topProductBnr .grid_1 .bnr a img{
    display:none;
  }
  .index_contents #count-topProductBnr .grid_1 .bnr a .caption{
    margin:0;
    padding:26px 0;
    font-size:14px;
	}
	.index_contents #count-topProductBnr .grid_1 .bnr a .caption span{
		display:none;
	}
}


/*
.index_contents .gridwrp_4_fit { width:100%;}
.index_contents .gridwrp_4_fit .grid_1 { width:25%; margin-right:0%; }
*/
.index_contents .grid img {
    width:100%;
    height:auto;
}
.index_contents .gridwrp {
    margin-top:-25px;
}
.index_contents .gridwrp .grid_1 {
    margin-top:25px;
}

.index_contents .btn a,
.index_contents .btn input {
    width:200px;
    padding:5px 0;
    font-size:14px;
}

/* タブレット以下 */
@media screen and (max-width: 980px) {

}   /* for tablet max-width: 980px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.index_contents .haedline h3 img {
    width:100%;
    height:auto;
}
.index_contents .gridwrp_3 { width:101.639%;}
.index_contents .gridwrp_3 .grid_1 { width:48.387%; margin-right:1.613%; }
/*.index_contents .gridwrp_4 { width:100%;}*/
.index_contents .gridwrp_4_fit .grid_1 { width:50%; margin-right:0%; }
.index_contents .gridwrp_4_fit .grid_1 {
    margin-top:0;
}
.index_contents .special .gridwrp,
.index_contents .privilege .gridwrp {
    margin-top:0;
}
.index_contents .btn a,
.index_contents .btn input {
    width:50%;
}
}   /* for SP max-width: 736px */
/*-------------------------------------------------------------
    newsline    
-------------------------------------------------------------*/
.newsline {
    padding:8px;
    background:#f5f5f5;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
}
.newsline p {
    line-height:1.5;
}

/* タブレット以下 */
@media screen and (max-width: 980px) {

}   /* for tablet max-width: 980px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {

}   /* for SP max-width: 736px */
/*===============================================================
    
    slider
    
===============================================================*/
.slider {
    position:relative;
}
.slider .pager li {
    position:absolute;
    top:30%;
    z-index:999;
}
.slider .pager .prev {
    left:-0;
}
.slider .pager .next {
    right:-0;
}
.slider .grid {
    margin:0;
}

/* タブレット以下 */
@media screen and (max-width: 980px) {

}   /* for tablet max-width: 980px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {

}   /* for SP max-width: 736px */
/*===============================================================
    
    slider_list_org
    
===============================================================*/
.slider_list_org {
}

/* タブレット以下 */
@media screen and (max-width: 980px) {

}   /* for tablet max-width: 980px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {

}   /* for SP max-width: 736px */

/*===============================================================
    
    mainvisual
    
===============================================================*/
.mainvisual {
    width:980px;
    margin:0 auto;
    position:relative;
}
.mainvisual img {
    width:100%;
    height:auto;
}
.mainvisual a {
    text-decoration:none;
    color:#fff;
}

/* タブレット以下 */
@media screen and (max-width: 996px) {
.mainvisual {
    width:100%;
}
}   /* for tablet max-width: 980px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 980px) {
.mainvisual .btns {
    margin-top:0;
}
.mainvisual .btn ,
.mainvisual .btn a,
.mainvisual .btn input {
    margin-top:0;
}
}   /* for SP max-width: 736px */


/*-------------------------------------------------------------
    bnr_area    
-------------------------------------------------------------*/
.bnr_area {
    /*margin-top:50px;*/
}
.bnr_area .gridwrp_3 { width:103.659%;}
.bnr_area .gridwrp_3 .grid_1 { 
    width:29.804%; margin-right:3.529%;
    margin-top:0;
}
.bnr_area .gridwrp_3 .grid_2 { 
    width:63.225%; margin-right:3.441%;
    margin-top:30px;
}
.bnr_area .bd_top {
    border-top: 1px solid #eee;
    padding-top: 4%;
    margin-top: 4.5%;
}
/* タブレット以下 */
@media screen and (max-width: 980px) {
.bnr_area {
    margin-top:0;
}
.bnr_area .bd_top {
    padding-top: 6%;
    margin-top: 3.5%;
}
.index_contents .bnr_area .gridwrp {
    margin:0;
}
.bnr_area .gridwrp_3 { 
    width:100%;
    clear:both;
}
.bnr_area .gridwrp_3 .grid_2 { 
    width:100%; margin-right:0;
    margin-top:20px;
    clear:both;
}
.bnr_area .gridwrp_3 .grid_1 { 
    width:49%;
    margin-right:0;
    margin-bottom:2%;
}
.bnr_area li.grid_1.grid:nth-child(odd) {
    margin-right: 2%;
}
}   /* for tablet max-width: 980px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {

}   /* for SP max-width: 736px */

/*-------------------------------------------------------------
    .bnr_area .bnr  
-------------------------------------------------------------*/
.bnr_area .grid_1 {
    width:304px;
    height:auto;
}
.bnr_area .grid_1 .bnr {
    width:304px;
    height:165px;
    background:#1a6ec7;
    position:relative;
    margin-top:30px;
}
.bnr_area .grid_1 .bnr a {
    display:block;
    width:304px;
    height:165px;
    position:absolute;
    top:0;
    left:0;
}
.bnr img {
    width:100%;
    height:auto;
}
/*
.bnr_area .slider_bnr .grid_1 .bnr {
    width:100%;
    height:auto;
    background:#1a6ec7;
    position:relative;
    margin-top:0;
}
.bnr_area .grid_1 .bnr a {
    display:block;
    width:100%;
    height:auto;
    position:static;
    top:0;
    left:0;
}
/*
.bnr_area .txt {
    width:304px;
    height:165px;
    position:absolute;
    top:0;
    left:0;
    border:solid 1px #ddd;
    background:#fff;
}
.bnr_area .txt .inner {
    padding:20px;
    text-align:center;
}
.bnr_area .txt h3 {
    font-weight:bold;
}
.bnr_area .txt p {
    margin-top:20px;
    line-height:1.2;
}
.bnr_area .txt .btn {
}
.bnr_area .txt .btn a {
    margin-top:20px;
    font-size:14px;
    line-height:20px;
    width:100px;
    padding:5px 0;
}
*/
.bnr_area .cms_dummy {
    height:360px;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
}
/* タブレット以下 */
@media screen and (max-width: 980px) {
.bnr_area .grid_1 {
    position:relative;
    width:100%;
    height:auto;
}
.bnr_area .grid_1 .bnr,
.bnr_area .grid_1 .bnr a {
    width:100%;
    height:auto;
    position:static;
    margin:0;
}
.bnr_area .bnr img {
    width:100%;
    height:auto;
}
.bnr_area .txt {
    display:none;
}
.bnr_area .cms_dummy {
    height:auto;
}
}   /* for tablet max-width: 980px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {

}   /* for SP max-width: 736px */



/*===============================================================
    
    ranking
    ランキング
    
===============================================================*/
.ranking {
}
/* タブレット以下 */
@media screen and (max-width: 980px) {

}   /* for tablet max-width: 980px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {

}   /* for SP max-width: 736px */

/*-------------------------------------------------------------
    .ranking .icon
-------------------------------------------------------------*/
.ranking .icon {
    position:absolute;
   /* top:10px;
    left:10px; */
}
.ranking .icon_num {
    background:url(../images/icon_runking_num.png) no-repeat 0 0;
    width:30px;
    height:30px;
    border-radius:50%;
    font-size:14px;
    line-height:30px;
    font-weight:bold;
    text-align:center;
    color:#00A0E8;
}
.ranking .icon_king {
    top:0px;
    /* left:10px;*/
    right:0px !important;
    width:50px;
    height:50px;
    background:url(../images/icon_runking_king.png) no-repeat 0 0;
    font-size:18px;
    line-height:50px;
}
.ranking .icon_king img {
    width:100%;
    height:auto;
}
/* タブレット以下 */
@media screen and (max-width: 980px) {
.ranking .icon_num {
    width:20px;
    height:20px;
    font-size:12px;
    line-height:20px;
    background-size:20px 20px;
}
.ranking .icon_king {
    top:5px;
    /* left:5px;*/
    right:5px !important;
    width:30px;
    height:30px;
    background-size:30px 30px;
    line-height:30px;
}

}   /* for tablet max-width: 980px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {

}   /* for SP max-width: 736px */

/*-------------------------------------------------------------
    .item_list
-------------------------------------------------------------*/
.item_list {
}
.item_list .item {
    position:relative;
}
.item_list .item .photo {
    /*border:solid 1px #fff;*/
    position:relative;
}
.item .photo .bluerect img {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    display:none;
}
.hover .photo .bluerect img {
    display:block;
}
.item_list .item img {
    width:100%;
    height:auto;
}
.item_list .item p {
    font-size:14px;
    line-height:20px;
    margin-top:20px;
}
.item_list .item a {
    color:#000; /*#757575*/
    text-decoration:none;
}
.item_list .item a:hover {
    color:#000; /*#757575*/
}

/* タブレット以下 */
@media screen and (max-width: 980px) {
.item_list .item p {
    margin-top:10px;
}
}   /* for tablet max-width: 980px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {

}   /* for SP max-width: 736px */

/*-------------------------------------------------------------
    .item_list .item_slider 
-------------------------------------------------------------*/
.item_list .item_slider .item p {
    font-size:12px;
    line-height:15px;
    margin-top:20px;
}
.slider .btn {
}
.slider .btn a,
.slider .btn input {
    width:90%;
    color:#fff;
    padding:5px 0;
    font-size:14px;
    line-height:25px;
    margin-top:15px;
}
.slider .btn a:hover,
.slider .btn input:hover {
    color:#fff;
}
/* タブレット以下 */
@media screen and (max-width: 980px) {
.slider .btn {
}
.slider .btn a,
.slider .btn input {
    width:100%;
    margin-top:10px;
}
.index_contents .slider .btn a,
.index_contents .slider .btn input {
    margin-top:0;
}
}   /* for tablet max-width: 980px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {


}   /* for SP max-width: 736px */

/*-------------------------------------------------------------
    .index_contents .special 
-------------------------------------------------------------*/
.index_contents .special {
}

.sp .special_list{
    display:flex;
    flex-direction:column;
    justify-content: space-around;
}
.sp .special_list li{
    margin: 10px auto;
}
.sp .special_list li a{
    color: #00A0E8;
}
.sp .special_list li .date{
    color: #00A0E8;
}
.sp .special_list p{
    width: 100%;
}

.index_contents .special .content {
    width:830px;
    margin-left:auto;
    margin-right:auto;
}
/* タブレット以下 */
@media screen and (max-width: 830px) {
.index_contents .special .content {
    width:100%;
}
}   /* for tablet max-width: 980px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.index_contents .special .content {
    padding:0;
}

}   /* for SP max-width: 736px */

/*-------------------------------------------------------------
    .index_contents .privilege 
-------------------------------------------------------------*/
.index_contents .privilege {
}
.index_contents .privilege .content {
    width:830px;
    margin-left:auto;
    margin-right:auto;
}
.index_contents .privilege .grid {
    background:#f2fafd;
}
.index_contents .privilege .grid:nth-child(odd) {
    background:#e1f6fd;
}
.sp .gridwrp .item a{
    display: flex;
    justify-content: center;
    align-items: center;
}
.sp .gridwrp .item a .privilege_img {
    width:40%;
    text-align:center;
}
.sp .gridwrp .item a .privilege_txt {
    width:50%;
    text-align:left;
}
/* タブレット以下 */
@media screen and (max-width: 830px) {
.index_contents .privilege .content {
    width:100%;
}
}   /* for tablet max-width: 980px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.index_contents .privilege .haedline h3 {
    font-size:18px;
    font-weight:bold;
}
.index_contents .privilege .grid:nth-child(1) {
    background:#d2f1fc;
}
.index_contents .privilege .grid:nth-child(2) {
    background:#e1f6fd;
}
.index_contents .privilege .grid:nth-child(3) {
    background:#e1f6fd;
}
.index_contents .privilege .grid:nth-child(4) {
    background:#d2f1fc;
}
.index_contents .privilege .content {
    padding:0;
}
}   /* for SP max-width: 736px */

/*-------------------------------------------------------------
    .index_contents .news 
-------------------------------------------------------------*/

.sp .txt{
    display:flex;
    flex-direction:column;
}
.sp .news_topics{
    display:flex;
    flex-direction:column;
    width:100%;
}
.pc_tablet .txt{
    display:flex;
    flex-direction:column;
}
.pc_tablet .news_topics{
    display:flex;
    flex-direction:column;
    width:50%;
    margin: 0 auto;
}
.news_topics .title a:link{
    color: #00A0E8;
    text-decoration: underline;
}
.news_topics .category_labels{
    display: flex;
    flex-direction: row;
    margin-bottom: 10px;
}
.news_topics .category_label{
    width: 85px;
    height: 22px;
    text-align: center;
}

.index_contents .news .grid .date {
    font-size:13px;
    color:#00A0E8;
    margin-top:15px;
    padding-top:5px; 
}

/* .index_contents .news .grid a {
    text-decoration:none;
    color:#000; /*#757575*/
} */
.index_contents .news .grid a:hover {
    color:#00A0E8;
}

/* タブレット以下 */
@media screen and (max-width: 980px) {

}   /* for tablet max-width: 980px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
/*
.index_contents .news .gridwrp_3,
.index_contents .news .gridwrp_3 .grid_1 {
    width:100%; margin-right:0;
}
*/
.index_contents .news .grid:nth-child(2n+1) {
    clear:both;
}
.index_contents .news .grid .photo {
    /*
    float:left;
    width:100px;
    height:100px;
    */
}

.index_contents .news .grid .txt {
    margin-top:10px;
}
.index_contents .news .grid .date {
    margin-top:0;
}

}   /* for SP max-width: 736px */

/*-------------------------------------------------------------
    .category_label
-------------------------------------------------------------*/
.category_labels {
}

.category_label {
    font-size:12px;
    line-height:20px;
    padding:0 10px;
    background:#00A0E8;
    float:left;
    margin-right:10px;
    border-radius:0px;
    color:#fff;
    margin-top:15px;
}
.category_product {
    background-color:#67bfe7;
}
.category_new {
    background-color:#f594cc;
}
.category_campaign {
    background-color:#f7c93c;
}
.category_column {
    background-color:#a8a9a9;
}


/* タブレット以下 */
@media screen and (max-width: 980px) {

}   /* for tablet max-width: 980px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.category_label {
    font-size:12px;
    line-height:20px;
    padding:0 5px;
    float:left;
    margin-right:10px;
    color:#fff;
    margin-top:0;
    margin-bottom:5px;
}
}   /* for SP max-width: 736px */

/*-------------------------------------------------------------
    商品価格    
-------------------------------------------------------------*/
span.price {
font-weight:bold;   font-weight:bold;
 color:#e03311; 
}   
.product_content-specialkit div.txt p.caption span.price{
color:#e03311;
}

/* タブレット以下 */
@media screen and (max-width: 980px) {

}   /* for tablet max-width: 980px */



/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {

}   /* for SP max-width: 736px */

/*===============================================================
    
    下層ページの要素
    
===============================================================*/
.page_contents {
}
/* タブレット以下 */
@media screen and (max-width: 980px) {
.page_contents {
    padding-top:60px;
}
.page_contents .content {
    padding:0 20px;
}
.page_contents .content .content {
    padding:0;
}
}   /* for tablet max-width: 980px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {

}   /* for SP max-width: 736px */

/*-------------------------------------------------------------
    パンくず    
-------------------------------------------------------------*/
.pankuzu {
    width:980px;
    margin:0 auto;
    margin-top:10px;
}
.pankuzu ul li {
    float:left;
    font-size:12px;
    line-height:20px;
    background:url(../images/icon_arw_black_5x9.png) no-repeat right center;
    padding-right:15px;
    margin-right:15px;
}
.pankuzu ul li:last-child {
    background:none;
    padding-right:0;
}
.pankuzu ul li a {
    display:block;
    padding-left:0;
    text-decoration:none;
}

/* タブレット以下 */
@media screen and (max-width: 980px) {
.pankuzu {
    width:100%;
    padding:0 20px;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    margin-top:10px;
}
}   /* for tablet max-width: 980px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.pankuzu ul li {
    display:block;
    background:url(../images/icon_arw_black_5x9.png) no-repeat right center;
    padding-left:0;
    padding-right:15px;
    margin-right:10px;
    text-decoration:none;
}
.pankuzu ul li:last-child {
    background:none;
    padding-right:0;
}
}   /* for SP max-width: 736px */

/*-------------------------------------------------------------
    tag 
-------------------------------------------------------------*/
.tag {
}
.tag li {
    float:left;
    margin-right:5px;
    font-size:14px;
    line-height:23px;
    padding:0 5px;
    margin-top:5px;
}
.tag span {
    margin-right:5px;
    font-size:14px;
    line-height:23px;
    padding:2px 5px;
    margin-top:5px;
}
.tag .status {
    color:#fff;
    background:#f04b85;
    border:solid 1px #f04b85;
}
.item .tag li.point {
    color:#f04b85;
    background:#fff;
    border:solid 0px #f04b85;
    padding:0;
    font-weight:bold;
}

.tag .efficacy {
    color:#00a0e8;
    background:#f2fafd;
    border:solid 1px #f2fafd;
}
.tag .tag_blue {
    color:#00a0e8;
    background:#fff;
    border:solid 1px #00a0e8;
}
.tag .tag_blue_fill {
    color:#fff;
    background:#00a0e8;
    border:solid 1px #00a0e8;
}
.tag .tag_orange {
    color:#ea8124;
    background:#fff;
    border:solid 1px #f78c2d;
}
.tag .tag_gray {
    color:#424242;
    background:#fff;
    border:solid 1px #999;
}
.tag .tag_spf_blue {
    background:#00A0E8;
    border:solid 1px #00A0E8;
    color:#fff;
}
.tag .tag_spf_orange {
    background:#f78c2d;
    border:solid 1px #f78c2d;
    color:#fff;
}

.tag .thermal {
    color:#00a0e8;
    background:#fff url(../images/tag_icon_thermal.png) no-repeat 5px center;
    border:solid 1px #00a0e8;
    padding-left:20px;
}
.tag .tag_point {
    color:#fff;
    background:#f78c2d url(../images/tag_point_icon.png) no-repeat 5px center;
    border:solid 1px #f78c2d;
    padding-left:20px;
}

/* タブレット以下 */
@media screen and (max-width: 980px) {
.tag li {
    float:left;
    margin-right:5px;
    font-size:12px;
    line-height:20px;
    padding:0 5px;
    margin-top:5px;
}.tag .thermal {
    background:#fff url(../images/tag_icon_thermal_sp.png) no-repeat 5px center;
    background-size:12px 15px;
}
}   /* for tablet max-width: 980px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {

}   /* for SP max-width: 736px */
/*-------------------------------------------------------------
    snsbtns 20180823
-------------------------------------------------------------*/
.snsbtns {
    width:100%;
    display: flex;
}
div.snsbtns > ul {    border-top:solid 1px #ddd;
    width:980px;
    display: flex;
    justify-content: flex-end;
    margin:-55px auto 0;
    padding:0 auto;
}
.snsbtns li {
    margin-top:25px;
    margin-bottom:25px;
    margin-left:10px;
}

div#customerreview + div.snsbtns  {
    width:100%;
    display: flex;
}
div#customerreview + div.snsbtns  > ul {   
 border-top:none;
    width:980px;
    display: flex;
    justify-content: flex-end;
    margin:-55px auto 0;
    padding:0 auto;
}
div#customerreview + div.snsbtns  li {
    margin-top:0;
    margin-bottom:0;
    margin-left:10px;
}

/* タブレット以下 */
@media screen and (max-width: 980px) {

}   /* for tablet max-width: 980px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.snsbtns {
    width:100%;
    display: flex;
}
div.snsbtns > ul {    
    border-top:solid 1px #ddd;
    width:90%;
    display: flex;
    justify-content: flex-end;
    margin:0 0;
    padding:0 5%;
    text-align:center;  
}
.snsbtns li {
      margin-left:10px;
}

div#customerreview + div.snsbtns  {
    width:100%;
    display: flex;
}
div#customerreview + div.snsbtns  > ul {
    border-top:none;
    margin:0 !important;
    padding:0 auto !important;
    text-align:center;  
}
div#customerreview + div.snsbtns  li {
    margin-left:10px;
}
}  /* for SP max-width: 736px */

/*-------------------------------------------------------------
    item    
-------------------------------------------------------------*/
.item .photo img {
    width:100%;
    height:auto;
}

/* タブレット以下 */
@media screen and (max-width: 980px) {

}   /* for tablet max-width: 980px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {

}   /* for SP max-width: 736px */


/*===============================================================
    
    商品詳細
    
===============================================================*/
.item_detail_header {
}
.item_detail_header .content {
    margin-top:10px;
}
.item_detail_header .detail_container {
    width:852px;
    margin:0 auto;
}
.item_detail_header .photo_area {
    width:377px;
    float:left;
}
.item_detail_header .txt_area {
    width:427px;
    float:right;
}
.item_detail_header .photo img {
    width:100%;
    height:auto;
}
.item_detail_header .title_txt {
    padding:10px 0 0 0;
}
.item_detail_header .title_txt h2 {
    font-size:26px;
    line-height:1.1;
    color:#00a0e8;
}
.item_detail_header .title_txt h2 span {
    font-size:18px;
    font-weight: bold;
}
.item_detail_header .title_txt p {

    margin-top:5px;
    line-height:1.4;
}

/* タブレット以下 */
@media screen and (max-width: 980px) {
.item_detail_header .detail_container {
    width:100%;
    margin:0 auto;
}
.item_detail_header .content {
    margin-top:10px;
}
.item_detail_header .gridwrp_2,
.item_detail_header .grid ,
.item_detail_header .photo_area,
.item_detail_header .txt_area  {
    width:100%;
    float:none;
    margin:0;
}

.item_detail_header .title_txt {
    padding:10px 0 5px 0;
}
.item_detail_header .title_txt h2 {
    font-size:22px;
}
.item_detail_header .title_txt h2 span {
    font-size:14px;
}
.item_detail_header .title_txt p {
    margin-top:5px;
}
}   /* for tablet max-width: 980px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {

}   /* for SP max-width: 736px */

/*-------------------------------------------------------------
    .item_detail_header .cartbox    
-------------------------------------------------------------*/
.item_detail_header .cartbox {
    background:#f5f5f5;
    padding:10px 20px;
    margin-top:10px;
}
/* price_point */
.item_detail_header .cartbox .price_point {
    width:100%;
    overflow:hidden;
    border-bottom: solid 1px #ddd;
    padding-bottom:8px;
}
.item_detail_header .cartbox .price_point h4 {
    font-size:18px;
    line-height:25px;
    width:55%;
    float:left;
    padding-top:3px;
}
.item_detail_header .cartbox .price_point h4 span {
    font-weight:bold;
}
.item_detail_header .cartbox .price_point h4 {
    font-size: 20px;
    line-height: 25px;
    color: #00a0e8;
    width: 100%;
    float: none;
    text-align: center;
}
.item_detail_header .cartbox .price_point .btn {
    font-size:11px;
    width:140px;
    float:right;
    text-align:right;
    padding-right:2px;
}
.item_detail_header .cartbox .price_point .btn a,
.item_detail_header .cartbox .price_point .btn input {
    width:100%;
    padding:3px 0;
    margin:0;
    font-size:14px;
    line-height:20px;
}
.item_detail_header .cartbox .price_point p span {
    font-weight:bold;
    font-size:14px;
}
/* select_number */
.item_detail_header .cartbox .select_number {
    width:100%;
    overflow:hidden;
}
.item_detail_header .cartbox .select_number {
    width:100%;
    overflow:hidden;
    padding-top:8px;
}
.item_detail_header .cartbox .select_number .txt {
    float:left;
}
.item_detail_header .cartbox .select_number .selecter {
    padding-left:130px;
}
.item_detail_header .cartbox .select_number .selecter li {
    float:left;
}
.item_detail_header .cartbox .select_number .selecter li: {
    float:left;
}

.item_detail_header .cartbox .select_number .selecter li:first-child {
    font-size:14px;
}
.item_detail_header .cartbox .select_number .selecter li select {
    margin-right:10px;
}
/* btn */
.item_detail_header .cartbox .btn {
}
.item_detail_header .cartbox .btn a,
.item_detail_header .cartbox .btn input {
    width:280px;
    font-size:18px;
    line-height:25px;
    margin-top:10px;
    padding:8px 0;
}

.item_detail_header .cartbox .btn_arrival a,
.item_detail_header .cartbox .btn_arrival input {
    padding: 3px 0;
    font-size: 14px;
    line-height: 20px;
}
.item_detail_header .snsbtns {
    margin-top:0;
}
.item_detail_header .snsbtns li {
    margin-top:10px;
}
.item_detail_header .caption {
    margin-top:10px;
    font-size:10px;
    line-height:15px;
}

/* タブレット以下 */
@media screen and (max-width: 980px) {
.item_detail_header .cartbox {
    padding:10px;
    margin-top:15px;
}
/* price_point */
.item_detail_header .cartbox .price_point {
    width:100%;
    overflow:hidden;
    border-bottom: solid 1px #ddd;
    padding-bottom:10px;
    text-align:center;
}
.item_detail_header .cartbox .price_point h4 {
    font-size: 20px;
    line-height: 25px;
    color: #00a0e8;
    width: 100%;
    float: none;
}
.item_detail_header .cartbox .price_point .btn {
    font-size:11px;
    width:100%;
    float:none;
    text-align:center;
    padding-right:0;
    margin-top:10px;
}
.item_detail_header .cartbox .price_point .btn a,
.item_detail_header .cartbox .price_point .btn input {
    width:100%;
    padding:5px 0;
    margin:0;
    font-size:14px;
    line-height:20px;
}
.item_detail_header .cartbox .price_point p {
    font-size:12px;
    width:100%;
    float:none;
    text-align:left;
    padding-top:0px;
}
.item_detail_header .cartbox .price_point p span {
    font-weight:bold;
    font-size:14px;
}
/* select_number */
.item_detail_header .cartbox .select_number .txt,
.item_detail_header .cartbox .select_number .selecter {
    width:100%;
    float:none;
    padding:0;
}

/* btn */
.item_detail_header .cartbox .btn a,
.item_detail_header .cartbox .btn input {
    width:100%;
    font-size:18px;
    line-height:25px;
    margin-top:20px;
}
.item_detail_header .cartbox .btn_arrival a,
.item_detail_header .cartbox .btn_arrival input {
    font-size: 14px;
    padding:5px 0;
    line-height: 20px;
}
.item_detail_header .snsbtns {
    margin-top:10px;
}
.item_detail_header .caption {
    margin-top:20px;
}

}   /* for tablet max-width: 980px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.item_detail_header .cartbox .select_number .selecter li:first-child {
    font-size:14px;
}
/* btn */
.item_detail_header .cartbox .btn a,
.item_detail_header .cartbox .btn input {
    margin-top:10px;
/*    padding: 15px 0;*/
}
}   /* for SP max-width: 736px */
/*-------------------------------------------------------------
    item_customerreview 
-------------------------------------------------------------*/
.item_customerreview {
    margin-top:5px;
}
.item_customerreview li {
    float:left;
    line-height:25px;
    margin-right:15px;
}
.item_customerreview .title {
    background:url(../images/icon_customerreview_blue.png) no-repeat left center;
    padding-left:30px;
    color:#00A0E8;
}

/* タブレット以下 */
@media screen and (max-width: 980px) {

}   /* for tablet max-width: 980px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.item_customerreview .title {
    background:url(../images/icon_customerreview_blue-sp.png) no-repeat left center;
    background-size:25px 25px;
    padding-left:30px;
    color:#00A0E8;
    width:100%;
}

}   /* for SP max-width: 736px */
/* CSS Document */
/*-------------------------------------------------------------
    item_detail_header .btns    
-------------------------------------------------------------*/
.item_detail_header .btns {
    width:100%;
}
.item_detail_header .btns .btn {
    width:48%;
}
.item_detail_header .btns .btn a,
.item_detail_header .btns .btn input {
    width:100%;
    margin:0;
    margin-top:8px;
    padding:5px 0;
    font-size:14px;
    line-height:20px;
}
.item_detail_header .btns .btn {
}

/* タブレット以下 */
@media screen and (max-width: 980px) {

}   /* for tablet max-width: 980px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.item_detail_header .btns .btn a,
.item_detail_header .btns .btn input {
    width:100%;
    padding:5px 0;
    font-size:14px;
    line-height:25px;
}
/*
.item_detail_header .itemdetail_btns {
    padding:0;
}
.item_detail_header .itemdetail_btns .leftbtn {
    width:60%;
}
.item_detail_header .itemdetail_btns .rightbtn {
    width:38%;
}
*/
}   /* for SP max-width: 736px */
/* CSS Document */

/*-------------------------------------------------------------
    .item_detail_header .offertxt 
-------------------------------------------------------------*/
.item_detail_header .offertxt {
    text-align:right;
    margin-top:10px;
}
.item_detail_header .caption {
    text-align:left;
    margin-top:10px;
    font-size:12px;
}
.item_detail_header .offertxt img {
    margin-right:5px;
}
.item_detail_header .offertxt .num {
    font-size:20px;
    line-height:20px;
}
.item_detail_header .offertxt .pink {
    color:#f04b87;
}
/* タブレット以下 */
@media screen and (max-width: 980px) {

}   /* for tablet max-width: 980px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.item_detail_header .offertxt {
    text-align:center;
}
}   /* for SP max-width: 736px */
/* CSS Document */



/*-------------------------------------------------------------
    feature_tag 
-------------------------------------------------------------*/
.feature_tag {
    margin-top:30px;
}
.feature_tag .taglist {
    border:solid 1px #ddd;
    padding:20px;
    padding-top:10px;
}
.feature_tag li {
    float:left;
    margin-right:20px;
    font-size:12px;
    line-height:15px;
    color:#00A0E8;
    font-weight:bold;
    padding-top:10px;

}
.feature_tag li span {
    color:#000; /*#757575*/
    font-weight:normal;
    font-size:10px;
}
.item_detail_header .feature_tag .caption {
    margin-top:10px;
}
/* タブレット以下 */

@media screen and (max-width: 980px) {
.feature_tag {
    margin-top:20px;
}
.feature_tag .taglist {
    border:solid 1px #ddd;
    padding:10px;
    padding-top:0;
}
}   /* for tablet max-width: 980px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {

}   /* for SP max-width: 736px */

/*-------------------------------------------------------------
    discription 
-------------------------------------------------------------*/
.description {
    margin-top:-50px;
}
.description h3 {
    color:#00A0E8;
    font-size:18px;
    line-height:1.4;
    font-weight:normal;
    /*margin-top:50px;*/
}
.description p {
    margin-top:20px;
}
.description .bnr {
    text-align:center;
    width:540px;
    margin:0 auto;
    margin-top:30px;
}

/* タブレット以下 */
@media screen and (max-width: 980px) {
.description {
    margin-top:-30px;
}
.description h3 {
    margin-top:30px;
}
.description p {
    margin-top: 10px;
    font-size: 15px;
    line-height: 1.8;
    letter-spacing: 0.02rem;
}
.description .bnr {
    margin-top:20px;
    text-align:center;
}
.description .bnr img {
    width:100%;
    height:auto;
}
}   /* for tablet max-width: 980px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.description .bnr {
    width:100%;
}
}   /* for SP max-width: 736px */
/*===============================================================
    
    item_detail_contents
    
===============================================================*/
.item_detail_contents {
}

/* タブレット以下 */
@media screen and (max-width: 980px) {
.item_detail_contents {
    padding-bottom:0;
}

}   /* for tablet max-width: 980px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {

}   /* for SP max-width: 736px */

/*-------------------------------------------------------------
    detail_txt  
-------------------------------------------------------------*/
.detail_txt {
}
.detail_txt h3 {
    color:#00A0E8;
    font-size:18px;
    line-height:1.4;
    font-weight:normal;
    margin-top:30px;
    padding-bottom:10px;
    border-bottom:solid 1px #ddd;
}
.detail_txt .accordion_content {
}
.detail_txt .accordion_content p {
    margin-top:20px;
    font-size: 12px;
}

/* タブレット以下 */
@media screen and (max-width: 980px) {
.detail_txt {
    margin-top:30px;
}
.detail_txt h3 {
    margin-top:0;
    padding:15px 20px;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    border-top:solid 1px #ddd;
    border-bottom:solid 0px #ddd;
    background:url(../images/accordion_arw_down.png) no-repeat right center;
    background-size:50px 15px;
    cursor:pointer;
}
.detail_txt .active h3 {
    background:url(../images/accordion_arw_up.png) no-repeat right center;
    background-size:50px 15px;
}

.detail_txt .accordion_content {
    padding:20px;
    padding-top:0;
    border-top:solid 1px #ddd;
}
.detail_txt .accordion_content p {
    font-size:14px;
    line-height:22px;
    margin-top:15px;
}

}   /* for tablet max-width: 980px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {

}   /* for SP max-width: 736px */

/*===============================================================
    
    customerreview
    
===============================================================*/
.customerreview {
    margin-top: -40px;
}

@media only screen and (max-width: 980px) {
   .customerreview {
    margin-top: 0px;
}
}   /* for SP max-width: 736px */

.customerreview .inner {
    padding:15px;
    background:#4cbcef;
    border-radius:5px;
}
.customerreview .headline {
}
.customerreview .headline h3 {
    background:url(../images/icon_customerreview_white.png) no-repeat left center;
    padding-left:30px;
    color:#fff;
    font-weight:normal;
    float:left;
}
.customerreview .headline p {
    color:#fff;
    float:right;
}
.customerreview .yellow {
    color:#ffae00;
}
.customerreview .gray {
    color:#ddd;
}

.customerreview .offertxt {
    text-align:center;
    color:#fff;
    margin-top:10px;
}
.customerreview .offertxt .blue,
.customerreview .offertxt .pink {
    font-weight:bold;
    color:#fff;
}

/* タブレット以下 */
@media screen and (max-width: 980px) {
.customerreview .inner {
    padding:10px;
    border-radius:0px;
}
.page_contents .customerreview .content {
    padding:0;
}
.customerreview .headline {
}
.customerreview .headline h3 {
    background:url(../images/icon_customerreview_40x40.png) no-repeat left center;
    padding-left:50px;
    color:#fff;
    font-size:24px;
    line-height:40px;
    font-weight:normal;
    float:none;
    width:100px;
    margin:0 auto;
}
.customerreview .headline p {
    color:#fff;
    float:none;
    text-align:center;
    font-size:12px;
}
}   /* for tablet max-width: 980px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {

}   /* for SP max-width: 736px */

/*-------------------------------------------------------------
    .customerreview .content
-------------------------------------------------------------*/
.customerreview .content {
    margin-top:10px;
}
.customerreview .accordion_header {
    background:#fff;
    border-radius:5px 5px 0 0;
}
.customerreview .accordion .inner {
    background:#fff;
    padding:20px;
    padding-bottom:10px;
}
.customerreview .accordion_header h3 {
    font-size:16px;
    font-weight:normal;
    float:left;
}
.customerreview .accordion_header p {
    font-size:12px;
    font-weight:normal;
    float:right;
}

/* タブレット以下 */
@media screen and (max-width: 980px) {
.customerreview .accordion_header {
    border-radius:5px;
}
.customerreview .active .accordion_header {
    border-radius:5px 5px 0 0;
}
.customerreview .accordion .accordion_header .inner {
    border-radius:5px;
    padding-bottom:20px;
    background: url(../images/accordion_arw_down2.png) no-repeat bottom center;
    background-size:30px 20px;
}
.customerreview .active .accordion_header .inner {
    border-radius:5px 5px 0 0;
    background: url(../images/accordion_arw_up2.png) no-repeat bottom center;
    background-size:30px 20px;
}
.customerreview .accordion .inner {
    background:#f2fafd;
    padding:10px;
}
}   /* for tablet max-width: 980px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {

}   /* for SP max-width: 736px */

/*-------------------------------------------------------------
    .customerreview .accordion_content
-------------------------------------------------------------*/
.customerreview .accordion_content {
    background:#fff;
    border-radius:0 0 5px 5px;
    margin-top:1px;
}
.customerreview .accordion_content .inner {
    padding:20px;
    padding-top:15px;
}
.customerreview .accordion_content .status {
    font-size:12px;
    line-height:15px;
}
.customerreview .accordion_content .status span {
    font-size:10px;
}
.customerreview .accordion_content .voice {
    font-size:13px;
    line-height:24px;
    margin-top:15px;
}
.customerreview .accordion_content .function {
    border-top:solid 1px #ddd;
    padding-top:15px;
    margin-top:10px;
}
.customerreview .accordion_content .function li {
    float:left;
    margin-right:20px;
    font-size:13px;
    line-height:34px;
}
.customerreview .accordion_content .function li a {
    display:block;
    width:200px;
    text-align:center;
    background:#fff;
    color:#00A0E8;
    line-height:34px;
    border:solid 1px #ddd;
    border-radius:5px;
    text-decoration:none;
}
.customerreview .accordion_content .function li a:hover,
.customerreview .accordion_content .response li a:hover {
    border:solid 1px #00A0E8;
}
.customerreview .accordion_content .response {
    margin-top:10px;
    padding:10px;
    border-radius:5px;
}
.customerreview .accordion_content .response li {
    text-align:center;
    font-size: 13px;
    line-height:34px;
}
.customerreview .accordion_content .response li a {
    display:block;
    width:100%;
    max-width:200px;
    margin:0 auto;
    text-align:center;
    background:#fff;
    color:#00A0E8;
    line-height:34px;
    border:solid 1px #ddd;
    border-radius:5px;
    text-decoration:none;
}
.customerreview .accordion_content .function + .caption {
    border-top:solid 0px #ddd;
    padding-top:15px;
    margin-top:0;
    clear:both;
}
.customerreview .accordion_content .caption {
    font-size:10px;
    line-height:20px;
    clear:both;
    padding-top:10px;
}

/* タブレット以下 */
@media screen and (max-width: 980px) {
.customerreview .accordion_content {
    border-radius:0 0 5px 5px;
}
.customerreview .accordion_content .inner {
    padding:20px;
    padding-top:15px;
    border-radius:0 0 5px 5px;
}
.customerreview .accordion_content .status {
    font-size:12px;
}
.customerreview .accordion_content .status span {
    display:block;
    margin-top:3px;
}
.customerreview .accordion_content .voice {
    font-size:13px;
    line-height:24px;
    margin-top:10px;
}
.customerreview .accordion_content .function {
    border-top:solid 1px #ddd;
    padding-top:15px;
    margin-top:10px;
}
.customerreview .accordion_content .function li.txt {
    float:none;
    line-height:20px;
    font-size:12px;
}
.customerreview .accordion_content .function li.yes {
    width:48%;
    float:left;
    margin:0;
    margin-top:10px;
}
.customerreview .accordion_content .function li.no {
    width:48%;
    float:right;
    margin:0;
    margin-top:10px;
}
.customerreview .accordion_content .function li a {
    display:block;
    width:100%;
}
.customerreview .accordion_content .function .caption {
    font-size:10px;
    line-height:15px;
    clear:both;
    padding-top:10px;
}
.customerreview .accordion_content .response li {
    line-height:25px;
    font-size:12px;
}
}   /* for tablet max-width: 980px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.customerreview .accordion_content .response {
    margin-top:10px;
    padding:10px;
    padding-bottom:0;
    border-radius:0px;
    border-top:solid 1px #ddd;
}
}   /* for SP max-width: 736px */


/*-------------------------------------------------------------
    .customerreview .btns 
-------------------------------------------------------------*/
.customerreview .btns {
    width:500px;
    margin:0 auto;
}
.customerreview .btns .btn {
}
.customerreview .btns .btn a,
.customerreview .btns .btn input {
    width:230px;
    padding: 8px 0;
    font-size: 14px;
    line-height: 25px;
    margin-top:0;
}
.customerreview .inner * + .btns .btn a,
.customerreview .inner * + .btns .btn input {
    margin-top:15px;
}

.customerreview .btns .btn a:hover {
    /*
    color:#00A0E8;
    background-color:#fff;
    */
}
.customerreview .btns .leftbtn a {
    /*
    background-position:left center;
    background-repeat:no-repeat;
    */
}

/* タブレット以下 */
@media screen and (max-width: 980px) {

.customerreview .btns {
    width:100%;
    margin:0 auto;
}

.customerreview .btns .leftbtn,
.customerreview .btns .rightbtn {
    width: 48%;
}

.customerreview .btns .btn a,
.customerreview .btns .btn input {
    width:100%;
    font-size:14px;
    margin-top:10px;
    padding:5px 0;
}
.customerreview .btns .btn a:hover,
.customerreview .btns .btn input:hover {
    color:#00A0E8;
    background-color:#fff;
}
.customerreview .btns .leftbtn a {
    /*
    background-position:left center;
    background-repeat:no-repeat;
    background-size:60px 60px;
    */
}
}   /* for tablet max-width: 980px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.customerreview .itemdetail_btns {
    padding:0;
}
.customerreview .itemdetail_btns .leftbtn {
    width:60%;
}
.customerreview .itemdetail_btns .rightbtn {
    width:38%;
}
}   /* for SP max-width: 736px */

/*===============================================================
    
    マイページ
    
===============================================================*/
.mypage_contents {
}
/* タブレット以下 */
@media screen and (max-width: 980px) {

}   /* for tablet max-width: 980px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {

}   /* for SP max-width: 736px */
/*============201911=============*/
.mypage_contents .user_status {
    display:none;
}
/*===============================================================
    
    progression
    
===============================================================*/
.progression {
    padding-bottom:50px;
}
.progression .inner {
    padding:30px;
    border:solid 1px #ddd;
}
.progression .title {
    color:#00A0E8;
    font-size:20px;
}
.progression ul li {
    float:left;
    margin-right:25px;
    margin-top:20px;
    padding-bottom:5px;
    border-bottom:solid 3px #fff;
    font-size:14px;
}
.progression ul li:last-child {

    margin-right:0;
}
.progression ul li.active {
    border-bottom:solid 3px #00A0E8;
    color:#00A0E8;
    font-weight:bold;
}
.progression ul li span {
    background:#999;
    color:#fff;

    border-radius:50%;
    line-height:20px;
    height:20px;
    width:20px;
    float:left;
    text-align:center;
    margin-right:5px;
}
.progression ul li.active span {
    background:#00A0E8;
}
.progression .txtlink {
    float:right;
    margin-top:20px;
}

/* タブレット以下 */
@media screen and (max-width: 980px) {
.pagetitle + .progression {
    margin-top:10px;
}
.progression {
    margin-top:0;
    padding-left:0px;
    padding-right:0px;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    background:#f2fafd;
    background:#fff;
    padding:0;
}
.progression .inner {
    border:solid 0px #ddd;
    border-right:0;
    border-left:0;
    padding:0;
}
.progression .title {
    font-size:14px;
    font-weight:bold;
    margin-left:20px;
}
.progression ul {
    border-top:solid 1px #00A0E8;
    border-bottom:solid 1px #00A0E8;
    /*
    background:#fff url(../images/progression_bg.png) repeat;
    background-size:200px 30px;
    */
    margin-top:5px;
}
.progression ul li {
    font-size:9px;
    line-height:12px;
    margin:0;
    width:20%;
    padding:0 5px 0 0px;
    border:solid 0px #00A0E8;
    background:url(../images/progression_arw.png) no-repeat right center;
    background-size:200px 50px;
    color:#00A0E8;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    text-align:center;
}
.progression_4 ul li {
    width:25%;
    font-size:11px;
    line-height:12px;
    padding:0 12px 0 5px;
}
.progression ul li.active {
    display:block;
    margin:0;
    border:solid 0px #00A0E8;
    background:url(../images/progression_arw_active.png) no-repeat right center;
    background-size:200px 50px;
    color:#fff;
}
.progression ul li.before {
    background:url(../images/progression_arw_before.png) no-repeat right center;
    background-size:200px 50px;
}
.progression ul li:last-child {
    background:none;
    padding:0 8px;
}
.progression ul li.active:last-child {
    background:#00A0E8;
    padding:0 8px;
}
.progression ul li span {
    display:none;
}
.progression .txtlink {
    margin-top:10px;
    margin-right:15px;
}
}   /* for tablet max-width: 980px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {

}   /* for SP max-width: 736px */

/*===============================================================
    
    form
    
===============================================================*/
.form {
}
.column * + .form {
    margin-top:30px;
}

.form dl {
    border-bottom:solid 1px #ddd;
}
.form .title {
    font-size:18px;
    font-weight:bold;
}
.form .title + dl {
    margin-top:20px;
}
.form dt {
    width:230px;
    float:left;
    border-top:solid 1px #ddd;
    padding:20px 0;
    clear:left;
}
/*マイページ>購入履歴*/
/*
#wrapper > div.contents.page_contents.mypage_contents > div.seciton.order_history_record > div.content > div > div > dl > dd:nth-child(12){
    padding: 20px 0 40px;
}
*/
.form dd {
    margin-left:230px;
    border-top:solid 1px #ddd;
    padding:20px 0;
}
.input input {
    width:90%;
    padding:8px 10px;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    font-size:14px;
    line-height:25px;
}
.readonly input {
    cursor:default;
}
.input_mail input {
    width:70%;
    padding:10px;
}
.input_date .yyyy {
    width:100px;
}
.input_date .mm,
.input_date .dd {
    width:50px;
}
.input_date .s {
    width:100px;
}
.input_date .m {
    width:50%;
}

.form dd p {
    margin-top:0;
}
.form dd * + p {
    margin-top:20px;
}
.form dd .input + .input,
.form dd span + .input {
    padding-top:20px;
}
.form dd .caption {
    padding-top:5px;
    display:block;
    color:#777;
}


.form .radiolist li {
    padding:20px 0 0 0;
}
.form .radiolist li input {
    margin-right:10px;
}

.form .error ,
.agree .error {
    color:#f00;
    display:block;
    margin-top:10px;
}

/* タブレット以下 */
@media screen and (max-width: 980px) {

}   /* for tablet max-width: 980px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.form .title {
    font-size:15px;
}
.form .title + dl {
    margin-top:15px;
}

.form dt {
    width:auto;
    float:none;
    border-top:solid 1px #ddd;
    padding:15px 0 0 0;
    font-weight:bold;
}
.form dd {
    width:100%;
    float:none;

    margin-left:0;
    border-top:solid 0px #ddd;
    padding:5px 0 15px 0;
}
.input input {
    width:100%;
    padding:5px;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
}
.input_date .yyyy {
    width:70px;
}
.input_date .mm,
.input_date .dd {
    width:50px;
}

.form dd p {
    margin-top:10px;
}
}   /* for SP max-width: 736px */

/*-------------------------------------------------------------
    login_form  
-------------------------------------------------------------*/
.login_form {
    width:100%;
    margin:0 auto;
}
.login_form dl {
    border-bottom:solid 0px #ddd;
}
.login_form dt {
    width:120px;
    border-top:solid 0px #ddd;
    padding:15px 0;
}
.login_form dd {
    margin-left:120px;
    border-top:solid 0px #ddd;
    padding:10px 0;
}
.login_form .btn a,
.login_form .btn input {
    margin-top:10px;
    width:100%;
}
/* タブレット以下 */
@media screen and (max-width: 980px) {

}   /* for tablet max-width: 980px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.login_form {
    width:100%;
    margin:0 auto;
}
.login_form dt {
    width:100%;
    float:none;
    border-top:solid 0px #ddd;
    padding:15px 0 0 0;
}
.login_form dt:first-child {
    padding-top:0;
}
.login_form dd {
    margin-left:0;
    border-top:solid 0px #ddd;
    padding:5px 0 0 0;
}
.login_form .caption {
    margin-top:20px;
}
}   /* for SP max-width: 736px */

/*-------------------------------------------------------------
    promotion_form  
-------------------------------------------------------------*/
.promotion_form {
    clear:both;
}
.promotion_form dl {
}
.promotion_form dt {
    width:43%;
    float:left;
    padding:15px 0;
}
.promotion_form dd {
    margin-left:44%;
    padding:10px 0;
}
.promotion_form .input input {
    color:#333;
    width:80%;
    padding:10px;
    font-size:14px;
}
.promotion_form .input .default_value {
    color:#ccc;
}
.promotion_form .input input.active {
    color:#000; /*#757575*/
}
/* タブレット以下 */
@media screen and (max-width: 980px) {

}   /* for tablet max-width: 980px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {

.promotion_form dt {
    width:100%;
    float:none;
    padding:0;
}
.promotion_form dd {
    margin-left:0%;
    padding:10px 0;
}
.promotion_form .input input {
    width:100%;
    padding:10px;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
}
}   /* for SP max-width: 736px */

/*-------------------------------------------------------------
    floatlist   
-------------------------------------------------------------*/
.floatlist {
}
.floatlist li {
    float:left;
    margin-right:10px;
}
.floatlist .input_select {
    padding-top:5px;
}
.floatlist .input_input {
    padding-top:2px;
}
.floatlist .input_input input {
    padding:5px;
}
.floatlist .btn {
}
.floatlist .btn a,
.floatlist .btn input {
    width:120px;
    padding:5px 0;
    font-size:14px;
    line-height:20px;
    background-color:#00A0E8;
    margin:0;
    float:left;
    margin-top:0;
}
.floatlist .btn a:hover,
.floatlist .btn input:hover {
    background-color:#00bae8;
}
/* タブレット以下 */
@media screen and (max-width: 980px) {

}   /* for tablet max-width: 980px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.floatlist {
}
.floatlist li {
    float:none;
    width:100%;
    margin-right:0;
}
.floatlist .input_select {
    padding-top:0
}
.floatlist .btn {
}
.floatlist .btn a,
.floatlist .btn input {
    width:100%;
    float:left;
    margin-top:10px;
}
.floatlist .input_input input {
    width:160px;
}
}   /* for SP max-width: 736px */

/*-------------------------------------------------------------
    floatlist_txt   
-------------------------------------------------------------*/
.floatlist_txt {
    margin-top:20px;
}
.floatlist_txt li {
    border-left:solid 1px #ddd;
    padding-left:20px;
    margin-right:20px;
}
.floatlist_txt li:first-child {
    border-left:solid 0px #ddd;
    padding-left:0;
}

/* タブレット以下 */
@media screen and (max-width: 980px) {

}   /* for tablet max-width: 980px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {

.floatlist_txt {
    margin-top:10px;
}
.floatlist_txt li {
    border-left:solid 0px #ddd;
    padding-left:0;
    margin-right:20px;
    float:left;
    width:auto;
}
.floatlist_txt li:first-child {
    border-left:solid 0px #ddd;
    padding-left:0;
}

}   /* for SP max-width: 736px */


/*-------------------------------------------------------------
    result_pager    
-------------------------------------------------------------*/
.result_pager {
    border-bottom:solid 1px #ddd;
    padding-bottom:10px;
}
.result_pager p {
    float:left;
}
.result_pager ul {
    float:right;
    margin-top:0;
}

/* タブレット以下 */
@media screen and (max-width: 980px) {

}   /* for tablet max-width: 980px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.result_pager {
    border-bottom:solid 1px #ddd;
    padding:0 10px;
    padding-bottom:10px;
    text-align:center;
}
.result_pager p {
    float:none;
}
.result_pager ul {
    float:none;
    margin-top:0;
}
.result_pager .floatlist {
    text-align:center;
}
.result_pager .floatlist li {
    display:inline;
    text-align:center;
    float:none;
    padding:0 10px;
    margin:0;
}

}   /* for SP max-width: 736px */

/*-------------------------------------------------------------
    laroche_code    
-------------------------------------------------------------*/
.laroche_code {
}
.laroche_code .title {
    color:#f04b85;
    font-size:16px;
    font-weight:bold;
}
.laroche_code .promotion_form {
    margin-top:20px;
}
.laroche_code .promotion_form dt {
    width:180px;
    float:left;
    padding:15px 0;
}
.laroche_code .promotion_form dd {
    margin-left:0;
    padding:0;
    width:auto;
}
.laroche_code .promotion_form .input {
    width:450px;
    padding-top:5px;
    float:left;
}
.laroche_code .promotion_form .input input {
    width:100%;
}
.laroche_code .promotion_form .btn a,
.laroche_code .promotion_form .btn input {
    width:120px;
    padding:5px 0;
    font-size:14px;
    line-height:20px;
    background-color:#f04b85;
    border:solid 1px #f04b85;
    margin:0;
    float:left;
    margin-left:40px;
    margin-top:10px;
}
.laroche_code .promotion_form .btn a:hover,
.laroche_code .promotion_form .btn input:hover {
    background-color:#fb71a2;
    border:solid 1px #fb71a2;
}
.laroche_code .caption {
    margin-top:10px;
}

.laroche_code .loginbtn a,
.laroche_code .loginbtn input {
    width:280px;
    margin:20px auto;
    font-size:16px;
    padding:10px 0;
}

/* タブレット以下 */
@media screen and (max-width: 980px) {
    
.laroche_code .promotion_form .btn a,
.laroche_code .promotion_form .btn input {
    margin-left:180px;
    clear:both;
    float:none;
}
}   /* for tablet max-width: 980px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
    
.laroche_code .promotion_form dt {
    width:100%;
    float:none;
    padding:0 0;
}
.laroche_code .promotion_form dd {
    margin-left:0;
    padding:0;
    width:auto;
}
.laroche_code .promotion_form .input {
    width:100%;
    float:none;
}
.laroche_code .promotion_form .input input {
    width:100%;
}
.laroche_code .promotion_form .btn a,
.laroche_code .promotion_form .btn input {
    margin:0 auto;
    float:none;
    margin-top:10px;
}
.laroche_code .loginbtn a,
.laroche_code .loginbtn input {
    width:100%;
    margin:20px auto;
    font-size:14px;
    padding:10px 0;
}

}   /* for SP max-width: 736px */

/*-------------------------------------------------------------
    cms_area    
-------------------------------------------------------------*/
.cms_area {
    margin-top:20px;
}
.cms_dummy {
    width:100%;
    padding:20px 0;
    color:#999;
    text-align:center;
}
/* タブレット以下 */
@media screen and (max-width: 980px) {

}   /* for tablet max-width: 980px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {

}   /* for SP max-width: 736px */
/*===============================================================
    
    囲み
    
===============================================================*/
.box {
    padding:10px 15px;
    margin-top:0;
    background:#f2fafd;
}
* + .box {
    margin-top:20px;
}
.box_blue {
    background:#f2fafd;
}
.box_blue_line {
    border:solid 1px #00A0E8;
}
.box_pink {
    background:#FFEDF3;
}
.box_yellow {
    background:#fff45c;
}
.user_status {
    width:980px;
    margin:0 auto;
    margin-top:20px;
    text-align:center;
}
.box_point {
    text-align:center;
}
.box_point .num {
    font-size:20px;
    font-weight:bold;
    padding-right:5px;
}
.box .txtlink:first-child {
    margin-top:0;
}

.box_error {
    background:#FFEDF3;
    color:#f00;
}
.box_error p {
    margin-top:0;
}
.box_error * + p {
    margin-top:20px;
}

/* タブレット以下 */
@media screen and (max-width: 980px) {
.user_status {
    width:100%;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    margin-top:20px;
    padding:10px 20px;
}
.box_error,
.box_yellow,
.box_blue_line {
    margin-left:20px;
    margin-right:20px;
}
.content .box_error,
.content .box_yellow {
    margin-left:0;
    margin-right:0;
}
}   /* for tablet max-width: 980px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.user_status {
    margin-top:0px;
    text-align:left;
}
* + .box {
    margin-top:10px;
}
.mypage_update .column .column_inner .box.align_center {
    text-align: left;
}
}   /* for SP max-width: 736px */

/*-------------------------------------------------------------
    local_nav   
-------------------------------------------------------------*/
.local_nav {
    width:980px;
    margin:0 auto;
}
.centered {
  position: relative;
  overflow: hidden;
}
.centered ul {
  position: relative;
  left: 50%;
  float: left;
}
.centered ul li {
  position: relative;
  left: -50%;
  float: left;
}
.centered ul li a {
    display:block;
    text-align:center;
    padding:0 20px;
    margin-top:20px;
}
/* タブレット以下 */
@media screen and (max-width: 980px) {
.local_nav {
    width:100%;
    padding:0 20px;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
}

.centered ul {
  left: 0;
  float: none;
}
.centered ul li {
  left: 0;
  float: left;
}
.centered ul li a {
    display:block;
    text-align:left;
    padding:0 0px;
    margin-right:20px;
    margin-top:10px;
}
}   /* for tablet max-width: 980px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {

}   /* for SP max-width: 736px */


/*===============================================================
    
    cart_item_list  
    
===============================================================*/
.cart_item_list {
}
.cart_item_list .item {
    border-top:solid 1px #ddd;
    padding:20px 0;
}
.cart_item_list .photo {
    width:200px;
    float:left;
    position:relative;
}
.cart_item_list .photo img {
    width:100%;
    height:auto;
}
.cart_item_list .data {
    float:left;
    width:620px;
}
.cart_item_list .data .inner {
    padding-left:30px;
}
.cart_item_list .btn_delete a,
.cart_item_list .btn_delete input {
    width:75px;
    float:right;
    padding:5px 0;
    font-size:14px;
    line-height:20px;
    margin:0;
    background-color:#bdbdbd;
    border:solid 1px #bdbdbd;
}
.cart_item_list .btn_delete a:hover,
.cart_item_list .btn_delete input:hover {
    background-color:#ccc;
    border:solid 1px #ccc;
}

/* タブレット以下 */
@media screen and (max-width: 980px) {

}   /* for tablet max-width: 980px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.cart_item_list .item {
    border-top:solid 1px #ddd;
    padding:20px 0;
}
.cart_item_list .photo {
    width:100px;
}
.cart_item_list .data {
    width:auto;
    float:none;
    margin-left:110px;
}
.cart_item_list .data .inner {
    padding-left:0;
}
.cart_item_list .btn_delete a,
.cart_item_list .btn_delete input {
    clear:both;
    width:100px;
    float:right;
    margin-top:15px;
}
}   /* for SP max-width: 736px */

/*-------------------------------------------------------------
    .cart_item_list .data   
-------------------------------------------------------------*/
.cart_item_list .data h4 {
    font-size:14px;
    font-weight:bold;
}
.cart_item_list .data dl {
    margin-top:15px;
}
.cart_item_list .data dt {
    float:left;
    width:130px;
    padding-top:5px;
}
.cart_item_list .data dd {
    margin-left:130px;
    padding-top:5px;
}

/* タブレット以下 */
@media screen and (max-width: 980px) {

}   /* for tablet max-width: 980px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.cart_item_list .data dl {
    margin-top:15px;
}
.cart_item_list .data dt {
    float:left;
    width:100px;
    padding-top:3px;
    font-size:13px;
    line-height:20px;
}
.cart_item_list .data dd {
    margin-left:100px;
    padding-top:3px;
    font-size:13px;
    line-height:20px;
    text-align:right;
}
}   /* for SP max-width: 736px */

/*-------------------------------------------------------------
    cart_data   
-------------------------------------------------------------*/
.cart_data {
    border-top:solid 1px #ddd;
    border-bottom:solid 1px #ddd;
    padding:20px 0;
}
.cart_data .total {
    width:230px;
    float:left;
}
.cart_data .total .inner {
    padding:0 20px;
}
.cart_data .total p {
    font-weight:bold;
}
.cart_data .total .btn_white a,
.cart_data .total .btn_white input {
    width:150px;
    font-size:14px;
    padding:5px 0;
    margin:0;
    margin-top:10px;
}
.cart_data .detail {
    margin-left:230px;
}
.cart_data .price {
    display:block;
    font-size:16px;
}
.cart_data .caption {
    padding-top:10px;
    clear:both;
}
.checkout_payment .cart_data  p {
    margin-top:0;
}
.checkout_payment .cart_data * + p {
    margin-top:10px;
}

/* タブレット以下 */
@media screen and (max-width: 980px) {

}   /* for tablet max-width: 980px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.cart_data {
    border-top:solid 1px #ddd;
    border-bottom:solid 1px #ddd;
    padding:15px 0;
    text-align:right;
}
.cart_data .total {
    width:100%;
    float:none;
}
.cart_data .total .inner {
    padding:0;
}
.cart_data .total .btn_white a,
.cart_data .total .btn_white input {
    width:150px;
    font-size:14px;
    padding:5px 0;
    margin:0 auto;
    margin-top:10px;
}
.cart_data .detail {
    margin-left:0;
}
.cart_data .total + .detail {
    margin-top:15px;
}

}   /* for SP max-width: 736px */
/*-------------------------------------------------------------
    favorite_item_list  
-------------------------------------------------------------*/
.favorite_item_list {
    border-bottom:solid 1px #ddd;
}
.favorite_item_list .data dl {
    margin-top:5px;
}
.favorite_item_list .checkbox {
    float:left;
    width:20px;
    margin-top:45px;
}
.favorite_item_list .item .btns .btn {
    width:auto;
}
.favorite_item_list .item .btns .btn a,
.favorite_item_list .item .btns .btn input {
    width:200px;
    float:left;
    padding:5px 0;
    font-size:14px;
    line-height:25px;
    margin:0;
    margin-top:5px;
    margin-right:10px;
}
.favorite_item_list .photo {
    width:100px;
    float:left;
    position:relative;
}

/* タブレット以下 */
@media screen and (max-width: 980px) {

}   /* for tablet max-width: 980px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.favorite_item_list .item {
    padding-top:10px;
}
.favorite_item_list .checkbox {
    float:none;
    width:100%;
    margin-top:0;
    text-align:left;
}
.favorite_item_list .photo {
    width:80px;
}

.favorite_item_list .data {
    margin:0;
}
.favorite_item_list .item .btns {
    clear:both;
}
.favorite_item_list .item .btns .btn {
    width:48%;
}
.favorite_item_list .item .btns .btn_white {
    float:right;
}
.favorite_item_list .item .btns .btn a,
.favorite_item_list .item .btns .btn input {
    width:100%;
}
}   /* for SP max-width: 736px */

/*-------------------------------------------------------------
    order_history
-------------------------------------------------------------*/





/*-------------------------------------------------------------
    order_history_record_list   
-------------------------------------------------------------*/
.form .order_history_record_list {
    padding:0;
}
.order_history_record_list .item {
    border-top:solid 1px #ddd;
    padding:20px 0;
}
.order_history_record_list .item:first-child {
    border:0;
}
.order_history_record_list .item .photo {
    float:left;
    width:200px;
}
.order_history_record_list .item .data {
    /*
    margin-left:200px;
    */
    float: none;
    width: auto;
}
.order_history_record_list .data .inner {
    padding-left: 00px;
}
/* タブレット以下 */
@media screen and (max-width: 980px) {

}   /* for tablet max-width: 980px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.order_history_record_list .item {
    border-top:solid 1px #ddd;
}
.order_history_record_list .item:first-child {
    border:0;
}
.order_history_record_list .item .photo {
    float:none;
    width:200px;
    margin:0 auto;
}
.order_history_record_list .item .data {
    margin-left:0;
    float: none;
    width: 100%;
}
.order_history_record_list .item .data h4 {
}
.order_history_record_list .data .inner {
    padding-left: 0;
}
}   /* for SP max-width: 736px */



/*-------------------------------------------------------------
    point_info  
-------------------------------------------------------------*/
.point_info {
    color:#00A0E8;
    padding:20px;
    text-align:center;
}
.point_info img {
    margin:0 5px;
}

/* タブレット以下 */
@media screen and (max-width: 980px) {

}   /* for tablet max-width: 980px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.point_info {
    padding:15px;
    text-align:left;
}
}   /* for SP max-width: 736px */
/*===============================================================
    
    cart_btns
    
===============================================================*/
.cart_btns {
    margin-top:20px;
}
.cart_btns .cart_btns_right {
    width:560px;
    float:right;
}
.cart_btns .cart_btns_left {
    width:400px;
    float:left;
}
.cart_btns .cart_btns_right .btns,
.cart_btns .cart_btns_left .btns {
    width:100%;
}
.cart_btns .cart_btns_right .btns .btn,
.cart_btns .cart_btns_left .btns .btn {
    width:49%;
}
.cart_btns .btn a,
.cart_btns .btn input {
    margin:0;
    width:100%;
    padding:10px 0;
}
.cart_btns_left .btn a,
.cart_btns_left .btn input {
    font-size:14px;
}

/* タブレット以下 */
@media screen and (max-width: 980px) {
.cart_btns {
    margin-top:0;
}
.cart_btns .cart_btns_right {
    width:100%;
    float:none;
    margin-top:20px;
}
.cart_btns .cart_btns_left {
    width:100%;
    float:none;
    margin-top:20px;
}
.cart_btns .btn a,
.cart_btns .btn input {
    width:100%;
    margin:0;
    margin:0 auto;
    font-size:14px;
}
/*
.cart_btns .cart_btns_left .btn a {
    width:49%;
    padding:10px 0;
    font-size:14px;
}
.cart_btns .cart_btns_left .btn_back a {
    float:left;
}
.cart_btns .cart_btns_left .btn_white a {
    float:right;
}
*/
}   /* for tablet max-width: 980px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.cart_btns .cart_btns_left {
    margin-top:10px;
}
.cart_btns .cart_btns_left .btn a,
.cart_btns .cart_btns_left .btn input {
    width:100%;
    float:none;
    margin-top:10px;
}
.cart_btns .cart_btns_left .btns .btn {
    float:none;
    width:100%;
}
.cart_no_item .btn,
.cart_no_item .btn a,
.cart_no_item .btn input {
    width:100%;
    float:none;
    font-size:14px;
}
.cart_no_item .btn .arw {
    background-size:20px 10px;
}

}   /* for SP max-width: 736px */

/*===============================================================
    
    sample_list_section
    
===============================================================*/
.sample_list_section {
}
.sample_list {
}
.sample_list { width:104.082%;}
.sample_list .grid_1 { width:21.078%; margin-right:3.922%; }
.sample_list .item {
    margin-top:30px;
}
.sample_list .inner {
    border:solid 1px #ddd;
    padding:20px;
    display:block;
}
.sample_list .txt .label {
    font-size:14px;
    line-height:20px;
}
.sample_list .txt .title {
    font-size:14px;
    line-height:20px;
    font-weight:bold;
}
.sample_list .txt .caption {
    font-size:12px;
    line-height:18px;
}
.sample_list .txt {
    color:#00A0E8;
}
.sample_list .hover .txt {
    color:#000;
}
.sample_list .photo img {
    width:100%;
    height:auto;
}
.sample_list input {
    text-align:center;
    border:solid 1px #ddd;
    display:block;
    width:20px;
    height:20px;
    margin:0 auto;
}
/* タブレット以下 */
@media screen and (max-width: 980px) {

}   /* for tablet max-width: 980px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.sample_list { width:105.000%;}
.sample_list .grid_1 { width:45.238%; margin-right:4.762%; }
.sample_list .item {

    margin-top:20px;
}
.sample_list .inner {
    padding:10px;
}
.sample_list .txt .label {
    font-size:10px;
    line-height:15px;
}
.sample_list .txt .title {
    font-size:12px;
    line-height:15px;
    font-weight:bold;
    margin-top:3px;
}
.sample_list .txt .caption {
    font-size:11px;
    line-height:15px;
    margin-top:3px;
}
.sample_list .photo img {
    width:100%;
    height:auto;
}
.sample_list input {
    text-align:center;
    border:solid 1px #ddd;
    display:block;
    width:20px;
    height:20px;
    margin:0 auto;
}
}   /* for SP max-width: 736px */

/*-------------------------------------------------------------
    buy_forget 
-------------------------------------------------------------*/
.buy_forget .column_inner {
    background:url(../images/headline_icon-note-sp.png) no-repeat 20px 25px;
    padding-left:140px;
}
.buy_forget .title {
    font-size:20px;
}
.buy_forget p {
    margin-top:10px;
}

/* タブレット以下 */
@media screen and (max-width: 980px) {

}   /* for tablet max-width: 980px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.buy_forget .column_inner {
    background:url(../images/headline_icon-note-sp.png) no-repeat center 15px;
    background-size:30px 30px;
    padding:15px;
    padding-top:60px;
}
.buy_forget .title {
    font-size:16px;
}

}   /* for SP max-width: 736px */

/*===============================================================
    
    product_category
    
===============================================================*/
.product_category {
}

/* タブレット以下 */
@media screen and (max-width: 980px) {

}   /* for tablet max-width: 980px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {

}   /* for SP max-width: 736px */

/*-------------------------------------------------------------
    product_category .pagetitle 
-------------------------------------------------------------*
.product_category .pagetitle {
    border:0;
    background-image:url(../images/product_category_pagetitle_toleriane.jpg);
    background-repeat:no-repeat;
    background-position:right top;
    width:980px;
    height:170px;
}
.product_category .pagetitle h2 {
    font-size:48px;
    line-height:1.1;
    color:#424242;
    font-weight:bold;
}
.product_category .pagetitle h2 .type {
    display:block;
    font-size:24px;
    line-height:1.2;
    color:#00A0E8;
    padding-top:35px;
    padding-bottom:5px;
}
.product_category .pagetitle h2 .ja {
    font-size:24px;
    line-height:1.2;
    color:#00A0E8;
    padding-top:20px;
    padding-left:5px;
    display:inline;
}
.product_category .pagetitle-uvidea {
    background-image:url(../images/product_category_pagetitle_uvidea.jpg);
}
.product_category .pagetitle-anthelios {
    background-image:url(../images/product_category_pagetitle_anthelios.jpg);
}
.product_category .pagetitle-toleriane {
    background-image:url(../images/product_category_pagetitle_toleriane.jpg);
}
.product_category .pagetitle-effaclar {
    background-image:url(../images/product_category_pagetitle_effaclar.jpg);
}
.product_category .pagetitle-sensiwhite {
    background-image:url(../images/product_category_pagetitle_sensiwhite.jpg);
}
.product_category .pagetitle-redermicr {
    background-image:url(../images/product_category_pagetitle_redermicr.jpg);
}
.product_category .pagetitle-lipikar {
    background-image:url(../images/product_category_pagetitle_lipikar.jpg);
}

/* タブレット以下 *
@media screen and (max-width: 980px) {
.product_category .pagetitle {
    width:100%;
}
}   /* for tablet max-width: 980px */

/* SP向けレイアウトの指定：～736px *
@media only screen and (max-width: 736px) {
.product_category .pagetitle {
    background-image:none;
    height:auto;
}
.product_category .pagetitle h2 {
    font-size:24px;
    line-height:1.1;
    color:#424242;
    font-weight:bold;
}
.product_category .pagetitle h2 .type {
    font-size:15px;
    line-height:1.2;
    padding-top:0;
}
.product_category .pagetitle h2 .ja {
    font-size:15px;
    line-height:1.2;
    color:#00A0E8;
    padding-top:20px;
    display:inline;
}
}   /* for SP max-width: 736px */

/*-------------------------------------------------------------
    category_headline   
-------------------------------------------------------------*/
.category_headline {
    font-size:18px;
    color:#00A0E8;
    border-bottom:solid 1px #00A0E8;
    background:url(../images/category_headline_icon.gif) no-repeat left 1px;
    padding-bottom:10px;
    padding-left:18px;
}
.seciton * + .category_headline {
    margin-top:50px;
}
/* タブレット以下 */
@media screen and (max-width: 980px) {
.category_headline {
    /*
    font-size:18px;
    color:#fff;
    background:#00A0E8;
    padding:10px 20px;
    */
}
}   /* for tablet max-width: 980px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {

}   /* for SP max-width: 736px */

/*===============================================================
    
    product_list
    
===============================================================*/
.product_list {
}
.product_list .column + .result_pager {
    margin-top:30px;
}
/* タブレット以下 */
@media screen and (max-width: 980px) {

}   /* for tablet max-width: 980px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {

}   /* for SP max-width: 736px */

/*-------------------------------------------------------------
    .product_list .content  
-------------------------------------------------------------*/
.product_list .content  {
    margin-top:20px;
}
.product_list .result_pager + .content  {
    margin-top:0;
}
.product_list .gridwrp_3 { width:104.082%;}
.product_list .gridwrp_3 .grid_1 { width:29.412%; margin-right:3.922%; }

/* タブレット以下 */
@media screen and (max-width: 980px) {
.product_list .gridwrp_3 { width:104.762%;}
.product_list .gridwrp_3 .grid_1 { width:45.455%; margin-right:4.545%; }
}   /* for tablet max-width: 980px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.product_list .content  {
    margin-top:15px;
}   
.product_list .gridwrp_3 { width:100%;}
.product_list .gridwrp_3 .grid_1 { width:100%; margin-right:0; float:none }
}   /* for SP max-width: 736px */

/*-------------------------------------------------------------
    .product_list .item 
-------------------------------------------------------------*/
.product_list .item {
    margin-top:30px;
    
}
.product_list .item:nth-child(3n+1) {
  clear: left;
}
.product_list .item .photo {
    width: 51%;
    float: left;
}
.product_list .item .txt {
    width: 48%;
    float: right;
}
.product_list .item .photo img {
    width:100%;
    height:auto;
}
.product_list .txt .label {
    font-size:14px;
    line-height:15px;
    font-weight:bold;
    margin-top:5px;
}
.product_list .txt .title {
    font-size:14px;
    line-height:18px;
    font-weight:bold;
    margin-top:3px;
}
.product_list .txt .caption {
    font-size:10px;
    line-height:15px;
    margin-top:3px;
}
.product_list .txt .tag {
    /*display:none;*/
}
.product_list .price {
    clear: both;
    float: right;
    margin-top:0;
    font-weight: bold;
}
.product_list .tag {
    clear: both;
    padding-top: 0px;
}
.item .tag li {
    float: left;
    margin-right: 3px;
    font-size: 11px;
    line-height: 15px;
    margin-top: 5px;
    padding: 0 2px;
}
.item .tag li.tag_point {
    background:#f78c2d url(../images/tag_point_icon.png) no-repeat 2px center;
    padding: 0 2px 0 16px;
}
.item .tag span {
    margin-right:5px;
    font-size:11px;
    line-height:18px;
    margin-top:5px;
}
.product_list .item .tag .thermal {
    margin-top: 0px;
    clear: both;
    background: url(../images/tag_icon_thermal_s.png) no-repeat 3px 2px;
    padding: 0 2px 0 14px;
}
.item .btns {
    clear:both;
    width:100%;
}
.item .btns .btn {
    width:48%;
    margin:0;
}
.item .btns .btn a,
.item .btns .btn input {
    width:100%;
    font-size:14px;
    line-height:20px;
    padding:5px 0;
    margin-top:10px;
}
a.add_cart.cart.cart.ov {
cursor: pointer;
}
.product_list .item .txt .selecter {
    margin-top:5px;
}
.product_list .item .txt .selecter p {
    font-size:12px;
}
.product_list .item .txt .selecter select {
    font-size:12px;
}
.product_list .item .txt .selecter select.long {
    width:9em;
}
.product_list .item .txt .selecter option {
    white-space:normal;
}
/* タブレット以下 */
@media screen and (max-width: 980px) {
    
.product_list .item:nth-child(3n+1) {
  clear:none;
}
    
.product_list .price {
    margin-top:0;
}
.item .btns {
    padding:0;
}
}   /* for tablet max-width: 980px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.product_list .item {
    margin-top:30px;
}
.product_list .item .photo,
.product_list .item .txt {
    width:100%;
    float:none;
}
.product_list .item .photo {
    width:200px;
    margin:0 auto;
}
.product_list .txt .label {
    margin-top:10px;
}
.product_list .txt .title {
    font-size:14px;
    line-height:18px;
    font-weight:bold;
    margin-top:3px;
}
.product_list .txt .caption {
    font-size:13px;
    line-height:15px;
    margin-top:3px;
}
.product_list .price {
    float:none;
    text-align:right;
    margin-top:0;
    font-weight:bold;
}
.product_list .tag {
    display:none;
}
.product_list .txt .tag {
    display:block;
    margin-top:10px;
}
.product_list .tag {
    clear:both;
    padding-top:0;
}
.item .btns {
    width:100%;
}
.item .btns .leftbtn {
    float:left;
}
.item .btns .rightbtn {
    float:right;
}

.item .tag li {
    float: left;
    margin-right: 3px;
    /*font-size: 14px;
    line-height: 20px;*/
    font-size: 11px;
    line-height: 18px;
    margin-top: 5px;
    padding: 0 5px;
    padding-top:1px;
}
.product_list .item .tag .thermal {
    clear: both;
    background: url(../images/tag_icon_thermal_s.png) no-repeat 3px center;
    padding: 0 5px 0 14px;
    padding-top:1px;
    margin-top: 5px;
    display:block;
}
.product_list .item .tag .thermal + li {
    clear: both;
}

}   /* for SP max-width: 736px */

/*-------------------------------------------------------------
    item_detail_footer  
-------------------------------------------------------------*/
.item_detail_footer {
    position:fixed;
    z-index:8000;
    bottom:0;
    left:0;
    width:100%;
    padding:20px 0;
    background:#fff;
}
.item_detail_footer .inner {
    width:980px;
    margin:0 auto;
}
.item_detail_footer .photo {
    width:100px;
    height:100px;
    float:left;
}
.item_detail_footer .photo img {
    width:100%;
    height:auto;
}
.item_detail_footer .txt {
    float:left;
    padding-left:20px;
}
.item_detail_footer .txt h3 {
    font-size:18px;
    font-weight:bold;
    color:#00A0E8;
    padding-top:20px;
}
.item_detail_footer .txt p {
    margin-top:10px;
    font-size:14px;
}
.item_detail_footer .btn {
    float:left;
    padding-left:30px;
    padding-top:35px;
    width:150px
}
.item_detail_footer .btn a,
.item_detail_footer .btn input {
    margin:0;
    width:100%;
    padding:5px 0;
    font-size:14px;
    line-height:20px;
}

/* タブレット以下 */
@media screen and (max-width: 980px) {
.item_detail_footer .inner {
    width:100%;
    padding:0 10px;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
}
}   /* for tablet max-width: 980px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.item_detail_footer {
    padding:5px 10px;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    z-index:1;
    display:none;
}
.item_detail_footer .inner {
    padding:0;
}
.item_detail_footer .photo {
    width:35px;
    height:35px;
    float:left;
}
.item_detail_footer .txt {
    float:none;
    margin-left:40px;
    padding:0;
    min-height:35px;
}
.item_detail_footer .txt h3 {
    font-size:12px;
    line-height:1.3;
    font-weight:bold;
    color:#00A0E8;
    padding-top:0px;
}
.item_detail_footer .txt p {
    margin-top:0px;
    font-size:11px;
}
.item_detail_footer .btn {
    float:none;
    padding:0;
    padding-top:5px;
    width:auto;
    margin:0;
}
.item_detail_footer .btn a,
.item_detail_footer .btn input {
    margin:0 auto;
    width:80%;
}
}   /* for SP max-width: 736px */

/*===============================================================
    
    tab
    
===============================================================*/
.tab_header {
}
.tab_header li {
    width:33%;
    float:left;
    text-align:center;
    font-size:17px;
}
.tab_header li:first-child {
    width:34%;
}
.tab_header li a {
    display:block;
    padding:8px 0;
    text-decoration:none;
    border-bottom:solid 1px #00A0E8;

    color:#999;
}
.tab_header li.active a {
    border:solid 1px #00A0E8;
    border-bottom:solid 0px #00A0E8;
    color:#00A0E8;
    font-weight:bold;
}
.tab_header h3 {
    padding:8px 0;
    border:solid 1px #00A0E8;
    color:#00A0E8;
    text-align:center;
    font-size:17px;
    font-weight:bold;
}

.tab_header2 li,
.tab_header2 li:first-child {
    width:50%;
    float:left;
    text-align:center;
    font-size:17px;
}


/* タブレット以下 */
@media screen and (max-width: 980px) {

}   /* for tablet max-width: 980px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.tab_header li,
.tab_header2 li,
.tab_header2 li:first-child {
    font-size:14px;
    line-height:20px;
}
}   /* for SP max-width: 736px */

/*===============================================================
    
    all_product_list　tab
    
===============================================================*/
.all_product_list .tab_header {
}
.all_product_list .tab_header li {
    width:32.5%;
    float:left;
    text-align:center;
    font-size:17px;
    border-bottom:solid 0px #00A0E8;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    background:url(../images/blue_dot.gif) repeat-x bottom left;
}
.all_product_list .tab_header li:first-child {
}
.all_product_list .tab_header li:nth-child(2) {
    padding:0 10px;
    width:35%;
}
.all_product_list .tab_header li a {
    display:block;
    padding:8px 0;
    text-decoration:none;
    border-bottom:solid 1px #00A0E8;
    color:#fff;
    background:#00A0E8;
}
.all_product_list .tab_header li.active {
    border-bottom:solid 0px #00A0E8;
}
.all_product_list .tab_header li.active a {
    border:solid 1px #00A0E8;
    border-bottom:solid 0px #00A0E8;
    color:#00A0E8;
    background:#fff;
    font-weight:bold;
}
.all_product_list .tab_header h3 {
    padding:8px 0;
    border:solid 1px #00A0E8;
    color:#00A0E8;
    text-align:center;
    font-size:17px;
    font-weight:bold;
}

.all_product_list .tab_header2 li,
.all_product_list .tab_header2 li:first-child {
    width:50%;
    float:left;
    text-align:center;
    font-size:17px;
    padding:0 5px 0 0;
}
.all_product_list .tab_header2 li:nth-child(2) {
    padding:0 0 0 5px;
    width:50%;
}

/* タブレット以下 */
@media screen and (max-width: 980px) {

}   /* for tablet max-width: 980px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.all_product_list .tab_header li a {
    font-size:14px;
    line-height:20px;
}
.tab_header li,
.tab_header2 li,
.tab_header2 li:first-child {
    font-size:14px;
    line-height:20px;
}
}   /* for SP max-width: 736px */
/*-------------------------------------------------------------
    tab_body    
-------------------------------------------------------------*/
.tab_body {
    margin-top:10px;
}

/* タブレット以下 */
@media screen and (max-width: 980px) {

}   /* for tablet max-width: 980px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.tab_body {
    margin-top:10px;
}
}   /* for SP max-width: 736px */

/*===============================================================
    
    all_product_list
    
===============================================================*/
.all_product_list {
}
.all_product_list .item .tag li {
    margin-top:0px;
    margin-bottom:5px;
}
.all_product_list .block_content .item .photo {
    margin-top:5px;
}
.all_product_list .item .txt .tag {
    /*display:none;*/
}
.all_product_list .item .tag .thermal {
    margin-top:0px;
    clear:both;
    background:url(../images/tag_icon_thermal_s.png) no-repeat 5px center;
    padding-left:18px;
}
/* タブレット以下 */
@media screen and (max-width: 980px) {

}   /* for tablet max-width: 980px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.all_product_list .item .tag {
    display:none;
}
.all_product_list .item .txt .tag {
    display:block;
}
}   /* for SP max-width: 736px */

/*-------------------------------------------------------------
    product_headline    
-------------------------------------------------------------*/
.product_headline {
    background-image:url(../images/product_headline_bg_01.jpg);
    background-repeat:no-repeat;

    background-position:right top;
    height:150px;
    width:980px;
    margin:0 auto;
    margin-top:20px;
}
.content + .product_headline {
    margin-top:50px;
}

.product_headline-uvidea {
    background-image:url(../images/product_headline_bg_01.jpg);
}
.product_headline-anthelios {
    background-image:url(../images/product_headline_bg_02.jpg);
}
.product_headline-toleriane {
    background-image:url(../images/product_headline_bg_03.jpg);
}
.product_headline-effaclar {
    background-image:url(../images/product_headline_bg_04.jpg);
}
.product_headline-sensiwhite {
    background-image:url(../images/product_headline_bg_05.jpg);
}
.product_headline-redermicr {
    background-image:url(../images/product_headline_bg_06.jpg);
}
.product_headline-lipikar {
    background-image:url(../images/product_headline_bg_07.jpg);
}

.product_headline-hialub5 {
    background-image:url(../images/product_headline_bg_hialub5.jpg);
}

.product_headline h2 {
    font-size:26px;
    padding-top:20px;
    font-weight:normal;
}
.product_headline h2 span {
    padding-left:10px;
}
.product_headline .use {
    font-size:18px;
    color:#00A0E8;
    margin-top:5px;
}
.product_headline .read {
    font-size:14px;
    line-height:20px;
    margin-top:15px;
}

.product_headline-effaclar h2 {
    padding-top:10px;
}

.product_headline + .product_list {
    margin-top:50px;
}

/* タブレット以下 */
@media screen and (max-width: 980px) {
.product_headline {
    width:100%;
    padding:0 20px;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
}
}   /* for tablet max-width: 980px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.product_headline {
    background-size:300px 100px;
    background-repeat:no-repeat;
    background-position:right top;
    height:auto;
    margin-top:10px;
}
.content + .product_headline {
    margin-top:30px;
}
.product_headline h2 {
    font-size:20px;
    padding-top:20px;
    font-weight:bold;
}
.product_headline h2 span {
    padding-left:0;
    display:block;
}
.product_headline .use {
    font-size:14px;
    color:#00A0E8;
    margin-top:5px;
}
.product_headline .read {
    font-size:14px;
    line-height:20px;
    margin-top:20px;
}
.product_headline + .product_list {
    margin-top:20px;
}

}   /* for SP max-width: 736px */

/*===============================================================
    
    product_content
    
===============================================================*/
.product_content {
}

/* タブレット以下 */
@media screen and (max-width: 980px) {

}   /* for tablet max-width: 980px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {

}   /* for SP max-width: 736px */

/*-------------------------------------------------------------
    160617追加_全製品一覧キット誘導ボタン　.internallink
-------------------------------------------------------------*/
.product_contents .internallink a {
    display: block;
    width: 340px;
    margin: 0;
    margin-top: 30px;
    padding: 15px 0;
    background-color: #fff;
    background-image: url(../../static/images/icon_btnarw_blue_internal.png);
    background-repeat: no-repeat;
    background-position: left;
    border: solid 1px #00a0e8;
    border-radius: 5px;
    color: #00a0e8;
    text-align: center;
    font-size: 16px;
    line-height: 20px;
    text-decoration: none;
}

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px){
    .product_contents .internallink a {
        width: 90%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-appearance: none;
        margin: 0 auto -20px;
        padding: 10px 0;
        font-size: 15px;
    }
}/* for SP max-width: 736px */

/*-------------------------------------------------------------
    .block  
-------------------------------------------------------------*/
.product_content .block_wrp {
    width:102.041%;
}
.product_content .block {
    width:23.000%;
    margin-right:2.000%;
    float:left;
    margin-top:20px;
}
.product_content .block:nth-child(4n+1) {
 /* clear: left;*/
}
.product_content .block_wrp2 {
    width:103.061%;
}
.product_content .block_wrp2 .block {
    width:47.030%; margin-right:2.970%;
}
.product_content .block_wrp2 .block:nth-child(2n+1) {
  clear: left;
}
.product_content .block_wrp3 {
    width:102.513%;
}
.product_content .block_wrp3 .block {
    width:30.882%; margin-right:2.451%;
}
.product_content .block_wrp3 .block:nth-child(3n+1) {
  clear: left;
}
.block  .block_inner {
    border-radius:0px;
    border:solid 1px #86cae8;
    border:solid 1px #eee;
}
.block_orange .block_inner {
    border:solid 0px #f8b551;
}
.block_purple .block_inner {
    border:solid 0px #cc5cb3;
}
.product_content .block_wrp + .caption {
    margin-top:10px;
}
/* タブレット以下 */
@media screen and (max-width: 980px) {
    
.block_wrp,
.product_content .block_wrp,
.product_content .block_wrp2,
.product_content .block_wrp3 {
    width:100%;
}
.product_content .block,
.product_content .block_wrp2 .block,
.product_content .block_wrp3 .block {
    width:100%;
    margin-right:0;
    float:none;
    margin-top:0;
}
.block + .block,
.product_content .block_wrp2 .block + .block,
.product_content .block_wrp3 .block + .block {
    margin-top:20px;
}
}   /* for tablet max-width: 980px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {

}   /* for SP max-width: 736px */
/*-------------------------------------------------------------
    block_title 
-------------------------------------------------------------*/
.block_title {
    background:#86cae8;
    color:#fff;
    text-align:center;
    line-height:20px;
    padding:8px 0;
    font-weight:bold;
}
.block_orange .block_title {
    background:#f8b551;
}
.block_purple .block_title {
    background:#cc5cb3;
}
.block_red .block_title {
    background:#ee3f3f;
}


/* タブレット以下 */
@media screen and (max-width: 980px) {

}   /* for tablet max-width: 980px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {

}   /* for SP max-width: 736px */

/*-------------------------------------------------------------
    block_content   
-------------------------------------------------------------*/
.block_content {
    padding:10px 0;
    margin:0 10px;
}
.block_content + .block_content {
    border-top:dotted 1px #00A0E8;
    border-top:dotted 1px #ccc;
}
.block_content .item {
    margin-top:0;
}
.block_content .item + .item {
    margin-top:20px;
}
.block_content .item .photo {
    width:120px;
    margin:0 auto;
    padding-bottom:5px;
}
.block_content .item .read {
    color:#00A0E8;
    font-size:13px;
    line-height:18px;
    font-weight:bold;
    margin-top:5px;
}
.block_orange .block_content .item .read {
    color:#f78c2d;
}
.block_content .item .title {
    font-size:14px;
    line-height:18px;
    font-weight:bold;
    margin-top:3px;
}
.block_content .item .sub {
    font-size:12px;
    line-height:17px;
    margin-top:3px;
}
.block_content .item .caption {
    font-size:13px;
    line-height:18px;
    font-weight:bold;
    margin-top:5px;
}
.block_content .item .cap {
    font-size:11px;
    line-height:15px;
}
.block_content .item dl {
    padding-top:5px;
}
.block_content .item dt {
    width:auto;
    font-size:13px;
    line-height:18px;
    font-weight:bold;
    float:left;
}
.block_content .item dd {
    font-size:13px;
    line-height:18px;
    font-weight:bold;
    margin-left:0;
    text-align:left;
    float:left;
    padding-left:0.5em;
}
.block_content .item dd.price {
color: #e03311
}
.block_content .item .tarmal dt {
    width:4em;
    float:left;
    clear:both;
}
.block_content .item .tarmal dd {
    margin-left:4em;
    text-align:left;
    padding:0;
    float:none;
}
.block_content .label + .item {
    padding-top:10px;
}
.block_content .nolabel {
    padding-top:30px;
}

.block_wrp3 .block_content .item .photo {
    width:100px;
    margin:0 auto;
    float:left;
}
.block_wrp3 .block_content .item .txt {
    margin-left:110px;
}
.block_wrp2 .block_content .item .photo {
    width:150px;
    margin:0 auto;
    float:left;
}
.block_wrp2 .block_content .item .txt {
    margin-left:160px;
}

/* タブレット以下 */
@media screen and (max-width: 980px) {
.block_content .item .photo,
.block_wrp2 .block_content .item .photo,

.block_wrp3 .block_content .item .photo {
    width:80px;
    margin:0 auto;
    float:left;
}
.block_content .item .txt,
.block_wrp2 .block_content .item .txt ,
.block_wrp3 .block_content .item .txt  {
    margin-left:90px;
}

.block_content .item .tarmal dt {
    clear:none;
}
}   /* for tablet max-width: 980px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.block_content .item {
    margin-top:10px;
}
.block_content .nolabel {
    padding-top:0;
}
}   /* for SP max-width: 736px */

/*-------------------------------------------------------------
    .block_content .label
-------------------------------------------------------------*/
.block_content .label {
    border:solid 1px #ccc;
    text-align:center;
    font-size:13px;
    line-height:20px;
}
.block_content .label_gray {
    background:#acabab;
    color:#fff;
    font-size:14px;
    line-height:25px;
    font-weight:bold;
    border:solid 1px #acabab;
}
.block_content .label_blue {
    background:#d6e9f2;
    color:#00A0E8;
    font-size:14px;
    line-height:25px;
    font-weight:bold;
    border:solid 1px #d6e9f2;
}
.block_content .label_orange {
    background:#ffe0c4;
    color:#f78c2d;
    font-size:14px;
    line-height:25px;
    font-weight:bold;
    border:solid 1px #f78c2d;
}
/* タブレット以下 */
@media screen and (max-width: 980px) {

}   /* for tablet max-width: 980px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {

}   /* for SP max-width: 736px */

/*-------------------------------------------------------------
    blockサイズ    
-------------------------------------------------------------*/
.product_content .block01 {
    width:723px;
    margin-right:17px;
}
.product_content .block02 {
    width:240px;
    margin-right:0;
}
.product_content .block03 {
    width:633px;
    margin-right:20px;
}
.product_content .block04 {
    width:325px;
    margin-right:0;
}
.product_content .block04_l {
    width:325px;
    margin-right:17px;
}
.product_content .block_wrp5 {
    width:985px;
}
.product_content .block05 {
    width:192px;
    margin-right:5px;
}
.product_content .block05 .block {
    width:100%;
}
.product_content .block06 {
    width:368px;
    margin-right:0;
}

.product_content .block11 {
    width:240px;
    margin-right:6.5px;
}
.product_content .block11_l {
    width:240px;
    margin-right:0;
}

/* タブレット以下 */
@media screen and (max-width: 980px) {
.product_content .block01,
.product_content .block02,
.product_content .block03,
.product_content .block04,
.product_content .block04_l,
.product_content .block05,
.product_content .block06,
.product_content .block07,
.product_content .block08,
.product_content .block09,
.product_content .block10,
.product_content .block11,
.product_content .block11_l,
.product_content .block_wrp5 {
    width:100%;
    margin-right:0;
}
.product_content .block01 {
    margin-top:20px;
}
}   /* for tablet max-width: 980px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {

}   /* for SP max-width: 736px */

/*-------------------------------------------------------------
    product_content-uvidea  
-------------------------------------------------------------*/
.product_content-uvidea {
}
.product_content-uvidea .block_wrp {
    width:100%;
}
.product_content-uvidea .block .block_inner {
    border: solid 0px #eee;
}
.product_content-uvidea .block_title {
    font-size:17px;
    font-weight:bold;
}
.product_content-uvidea .block_orange .block_title {
    background-color:#e1b085;
}
.product_content-uvidea .block_content {
    padding:0 0 15px 0;
    margin:0 0;
}
.product_content-uvidea .block01 .gridwrp_4 {
    width:102.326%;
}
.product_content-uvidea .block01 .gridwrp_4 .grid_1 { width:22.727%; margin-right:2.273%; }

.product_content-uvidea .block01 .item {
    /*margin-top:10px;*/
    margin-top:20px;
}
.product_content-uvidea .block01 .label_blue {
    padding:8px 0 7px 0;
    margin:0 0;
}
.product_content-uvidea .block02 .label_blue {
    font-size: 11px;
    line-height: 15px;
    padding:5px;
    background:#f3dbcf;
    border: solid 1px #f3dbcf;
    color:#9d5d2f;
}
.product_content-uvidea .block_content .grid_center_1 .txt {
    margin-left: 110px;
}
.product_content-uvidea .block_content .gridwrp_3 .grid_center_1 .photo {
    margin-top: 5px;
    width: 100px;
    margin: 0 auto;
    float: left;
}

/* タブレット以下 */
@media screen and (max-width: 980px) {
.product_content-uvidea .block01 .gridwrp_4 .grid_1 { width:47.727%; margin-right:2.273%; }
.product_content-uvidea .block02 .item {
    margin-top:0;
}
.product_content-uvidea .label_blue,
.product_content-uvidea .block01 .label_blue,
.product_content-uvidea .block02 .label_blue {
    font-size: 14px;
    line-height: 20px;
    padding:5px;
}
}   /* for tablet max-width: 980px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.product_content-uvidea .block_title {
    font-size:14px;
}

.product_content-uvidea .block01 .gridwrp_4 { width:100%;}
.product_content-uvidea .block01 .gridwrp_4 .grid_1 { width:100%; margin-right:0%; }
.product_content-uvidea .block01 .item:first-child {
    margin-top:10px;
}
}   /* for SP max-width: 736px */

/*-------------------------------------------------------------
    product_content-anthelios   
-------------------------------------------------------------*/
.product_content-anthelios {
}
.product_content-anthelios .block_wrp {
    width:100%;
}
.product_content-anthelios .block_title {
    font-size:17px;
    font-weight:bold;
}
.product_content-anthelios .block_content {
    /*padding:15px 0;
    margin:0 0;*/
    padding:0;
    margin:0 0;
}
.product_content-anthelios .block03 .gridwrp_2 {
    width:103.226%;
}
.product_content-anthelios .block .item { 
    margin-top:0;
}
.product_content-anthelios .block .gridwrp_2 .grid_1 { 
    width:46.875%;
    margin-right:3.125%;
}
.product_content-anthelios .block .label + .photo {
    margin-top:10px;
}
.product_content-anthelios .block03 .gridwrp_2 .grid_1 + .grid {
    margin-top:35px;
}
.product_content-anthelios .block_content .item .photo {
    width:100px;
    margin:0 auto;
    float:left;
}
.product_content-anthelios .block_content .item .txt {
    margin-left:110px;
}
.product_content-anthelios .block .label {
    margin-bottom:10px;
}
.product_content-anthelios .block_content .label_orange {
    border:0;
}
/* タブレット以下 */
@media screen and (max-width: 980px) {
.product_content-anthelios .block_content .item .photo {
    width:80px;
    margin:0 auto;
    float:left;
}
.product_content-anthelios .block_content .item .txt {
    margin-left:90px;
}
}   /* for tablet max-width: 980px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.product_content-anthelios .block_title {
    font-size:14px;
}
.product_content-anthelios .block .gridwrp_2 { width:100%;}
.product_content-anthelios .block .gridwrp_2 .grid_1 { width:100%; margin-right:0%; }
.product_content-anthelios .block03 .gridwrp_2 .grid_1 + .grid {
    margin-top:20px;
    padding-top:20px;
    border-top: dotted 1px #00A0E8;
    border-top: dotted 1px #ccc;
}
}   /* for SP max-width: 736px */

/*-------------------------------------------------------------
    product_content-toleriane   
-------------------------------------------------------------*/
.product_content-toleriane {
}
.product_content-toleriane .block06 {
}
.product_content-toleriane .block06 .block {
    width:100%;
    margin:0;
    float:none;
}
.product_content-toleriane .block05 .block .block_content + .block_content {
    border-top:dotted 0px #00A0E8;
}
.product_content-toleriane .block05 .block {
    margin-top:0;
}
.product_content-toleriane .block06 .block .item {
}
/* タブレット以下 */
@media screen and (max-width: 980px) {

}   /* for tablet max-width: 980px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {

}   /* for SP max-width: 736px */

/*-------------------------------------------------------------
    product_content-effaclar    
-------------------------------------------------------------*/
.product_content-effaclar {
}
/* タブレット以下 */
@media screen and (max-width: 980px) {

}   /* for tablet max-width: 980px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {

}   /* for SP max-width: 736px */
/*-------------------------------------------------------------
    product_content-redermicr   
-------------------------------------------------------------*/
.product_content-redermicr {
}
.product_content-redermicr .block_title {
    font-size:17px;
}
.product_content-redermicr .block .block_inner {
    border:solid 0px #eee;
}
.product_content-redermicr .block_content {
    margin:0;
}
/* タブレット以下 */
@media screen and (max-width: 980px) {

}   /* for tablet max-width: 980px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.product_content-redermicr .block_title {
    font-size:14px;
}
}   /* for SP max-width: 736px */
/*-------------------------------------------------------------
    product_content-specialcare 
-------------------------------------------------------------*/
.product_content-specialcare,
.product_content-specialkit {
    margin-top:10px;
}
.product_content-specialcare .block .block_inner,
.product_content-specialkit .block .block_inner {
    border:solid 0px #eee;
}
.product_content-specialcare .block_content,
.product_content-specialkit .block_content {
    margin:0;
}

/* タブレット以下 */
@media screen and (max-width: 980px) {
}   /* for tablet max-width: 980px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
}   /* for SP max-width: 736px */


/*===============================================================
    
    point_exchange_list
    
===============================================================*/
.point_exchange_list {
}
.point_exchange_list .gridwrp_2 .column {
    margin-top:0;
}
.point_exchange_list .gridwrp_2 .column .column_inner {
    padding:20px;
    min-height:170px;
}

/* タブレット以下 */
@media screen and (max-width: 980px) {

}   /* for tablet max-width: 980px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.point_exchange_list .column {
    margin-top:10px;
}
.point_exchange_list .gridwrp_2 .column {
    margin-top:0;
}
.point_exchange_list .gridwrp_2 .grid {
    margin-top:10px;
}
.point_exchange_list .gridwrp_2 .grid:first-child {
    margin-top:0;
}
.point_exchange_list .column .column_inner {
    padding:10px;
    height:auto;
    min-height:10px;
}
.point_exchange_list .column .column_inner .headline_icon {
    margin:0;
}
.point_exchange_list .gridwrp_2 .column .column_inner {
    min-height:0;
}

}   /* for SP max-width: 736px */


/*-------------------------------------------------------------
    point_exchange_list .btns   
-------------------------------------------------------------*/

/* タブレット以下 */
@media screen and (max-width: 980px) {

}   /* for tablet max-width: 980px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
    /*
.point_exchange_list .item .btns .leftbtn {
    width:40%;
}
.point_exchange_list .item .btns .rightbtn {
    width:58%;
}*/
.point_exchange_list .floatlist .input_input input {
    width:200px;

}


}   /* for SP max-width: 736px */

/*-------------------------------------------------------------
    caution 
-------------------------------------------------------------*/
.caution {
}
.caution li {
    font-size:12px;
    line-height:1.4;
    margin-top:5px;
}

/* タブレット以下 */
@media screen and (max-width: 980px) {

}   /* for tablet max-width: 980px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {

}   /* for SP max-width: 736px */



/*===============================================================
    
    member_entry　member_confirm
    
===============================================================*/

.member_entry .txtlink {
    margin-top:20px;
}

.member_entry .caption {
    font-size:12px;
    line-height:18px;
}
 .member_entry .txt_blue {
    color:#1aa1e5;
    font-weight:bold;
}

.input_s input {
    width:100px;
    margin:0 10px 0 5px;
}
.input_m input {
    width:480px;
}
.personal {
    margin-top:30px;
}
.personal p {
    margin-top:10px;
}
.personal h5 {
    font-weight:bold;
    margin-top:10px;
}
.personal ul {
    margin-top:10px;
}
.personal ul li {
    font-size:12px;
}
.agree{
    margin-top:10px;
    text-align:center;
}

/* タブレット以下 */
@media screen and (max-width: 980px) {

.personal .inner {
    margin:0;
    padding:20px;
}
.personal{
    margin:20px 0;
}
.member_entry .txtlink {
    margin-right:20px;
}
}   /* for tablet max-width: 980px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {

.input_m input {
    width:100%;
}
.input_s input {
    width:70px;
    margin:0 5px 0 0px;
}

}   /* for SP max-width: 736px */

/*===============================================================
    
    regist_card
    
===============================================================*/

.regist_card .caption {
font-size:14px;
line-height:20px;
margin-top:5px;
}
.regist_card img {
    margin-top:20px;
}

.regist_card .btn_delete a,
.regist_card .btn_delete input {
    width:75px;
    float:right;
    padding:5px 0;
    font-size:14px;
    line-height:20px;
    margin:0;
    background-color:#bdbdbd;
    border:solid 1px #bdbdbd;
}
.regist_card .btn_delete a:hover,
.regist_card .btn_delete input:hover {
    background-color:#ccc;
    border:solid 1px #ccc;
}

/* タブレット以下 */
@media screen and (max-width: 980px) {

}   /* for tablet max-width: 980px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {

.regist_card img {
width:100%;
height:auto;
}

}   /* for SP max-width: 736px */

/*===============================================================
    checkout_shipping_ad （ポイントギフトページにも適用）
    checkout_payment 
    checkout_confirm
    checkout_shipping_sel
    
===============================================================*/

.checkout_payment p {
    margin-top:10px;
}
.checkout_payment .box p:first-Child {
    margin-top:0;
}
.checkout_payment .bold,
.checkout_shipping_ad .bold {
    font-size:16px;
    line-height:20px;
}
.checkout_payment .caption {
font-size:14px;
line-height:20px;
margin-top:5px;
}
.checkout_payment img {
    margin-top:20px;
}
.checkout_payment .check {
    margin:30px 0;
}
.checkout_payment .txt_orange {
    color:#f04b85;
}
.checkout_confirm .subhead {
    margin-bottom:30px;
}
.checkout_confirm .buy_forget {
    margin-top:50px;
}
.checkout_shipping_ad .caption {
font-size:12px;
line-height:18px;
margin-top:5px;
}
.checkout_shipping_ad .form {
margin-top:40px;
}
.checkout_shipping_ad .form:first-child {
margin-top:0;
}

.checkout_shipping_sel .tableToList{
    margin-top:0;
}
.checkout_shipping_sel .tableToList dt:first-child{
    margin-top:0;
}
.deli_select + .deli_select {
    margin-top:30px;
}
.deli_select p{
    background:#f2fafd;
    font-size:12px;
    margin-top:0;
    padding:10px;
}
.deli_no{
    margin-top:30px;    
}

/* タブレット以下 */
@media screen and (max-width: 980px) {

}   /* for tablet max-width: 980px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {

.checkout_payment .bold,
.checkout_shipping_ad .bold{
    font-size:14px;
}   

.checkout_payment img {
width:100%;
height:auto;
}
.checkout_confirm .buy_forget {
    margin-top:30px;
}
.checkout_shipping_ad .form {
margin-top:20px;
}
.checkout_shipping_sel h4{
    font-size:15px;
}
.deli_no{
    margin-top:20px;    
}
.deli_select p {
    background:#fff;
    font-size:14px;
    padding:0px;
}
.deli_select span.bold {
    background:#f2fafd;
    display:block;
    width:100%;
    padding:5px;
}
.deli_select span.address {
    display:block;
    width:100%;
    padding:5px;
}

}   /* for SP max-width: 736px */


/*-------------------------------------------------------------
point_check  / car
-------------------------------------------------------------*/
.point_check {
    margin-top:50px;
}
.point_check .column_inner {
    background:url(../images/headline_icon-note-sp2.png) no-repeat 20px 20px;
    background-size:45px 45px;
    padding-left:90px;
}
.car p{
    text-align:center;
}
.car .column_inner {
}
/* タブレット以下 */
@media screen and (max-width: 980px) {

.point_check {
    margin-top:30px;
}
.point_check .column_inner {
    background:url(../images/headline_icon-note-sp.png) no-repeat center 15px;
    background-size:30px 30px;
    padding:15px;
    padding-top:60px;
}
.car img{
    width:100px;
    height:54px;
}   

}   /* for tablet max-width: 980px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {

.car .left{
    text-align:left;

}

}   /* for SP max-width: 736px */


/*===============================================================
    
    mypage_top_section
    
===============================================================*/
.mypage_top_section {
}
.mypage_top_section .cart_item_list .item:first-child {
    border-top:solid 0px #ddd;
    padding:0 0 20px 0;
}
/* タブレット以下 */
@media screen and (max-width: 980px) {

}   /* for tablet max-width: 980px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {

}   /* for SP max-width: 736px */

/*-------------------------------------------------------------
    mypage_pointgift    
-------------------------------------------------------------*/
.mypage_pointgift {
}
.mypage_pointgift .column_inner {
    padding:20px;
}
.mypage_pointgift .photo {
    float:left;
    width:49%;
}
.mypage_pointgift .photo img {
    width:100%;
    height:auto;
}
.mypage_pointgift .txt {
    float:right;
    width:49%;
}
.mypage_pointgift .txt p {
    margin-top:10px;
}
.mypage_pointgift .txt .btn a,
.mypage_pointgift .txt .btn input {
    margin-top:20px;
    width:300px;
    font-size:17px;
    padding:10px 0;
}

/* タブレット以下 */
@media screen and (max-width: 980px) {

}   /* for tablet max-width: 980px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.mypage_pointgift .column_inner {
    padding:10px;
}
.mypage_pointgift .photo,
.mypage_pointgift .txt {
    float:none;
    width:100%;
}
.mypage_pointgift .txt .title {
    margin-top:20px;
}
.mypage_pointgift .txt p {
    margin-top:10px;
}
.mypage_pointgift .txt .btn a,
.mypage_pointgift .txt .btn input {
    width:100%;
}
}   /* for SP max-width: 736px */

/*-------------------------------------------------------------
    order_history_record    
-------------------------------------------------------------*/
.btn_s a,
.btn_s input {
    width:120px;
    padding:5px 0;
    font-size:14px;
    line-height:20px;
    margin:0;
    margin-top:5px;
}
/* タブレット以下 */
@media screen and (max-width: 980px) {

}   /* for tablet max-width: 980px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {

.btn_s a,
.btn_s input {
    width:100%;
    height:auto;
}

}   /* for SP max-width: 736px */

/*-------------------------------------------------------------
    restable レスポンシブテーブル
-------------------------------------------------------------*/

.restable {
    border-collapse: collapse;
    width:100%;
    margin-top:30px;
}

.restable th,
.restable td {
    font-size:12px;
    padding:10px;
    border:none;
    line-height:1.4;
    vertical-align:middle;
}
.restable th {
    text-align:center;
    font-weight:bold;
    color: #00A0E8;
    background: #f2fafd;
}
.restable td {
    text-align:center;
    width:auto;
}
.restable tr {  
    border-bottom:solid 1px #ddd;
}
.restable .btn_s a,
.restable .btn_s input {
    width:100px;
    margin:0;
    font-size:12px;
    line-height:20px;
    padding:3px 0;
}
.checkout_shipping_sel .restable{
    margin-top:0;
}
.checkout_shipping_sel .restable th,
.checkout_shipping_sel .restable td{
    text-align:left;
}
.order_history .restable th {
    white-space:nowrap;
}
/*
@media only screen and (max-width:736px){
.restable{
    display: block;
    margin-top:0;
}
.restable thead{
    display: none;
}
.restable tbody{
    display: block;
}
.restable tbody tr{
    display: block;
    padding:15px 0;
}
.restable tbody th,
.restable tbody td{
    display: list-item;
    list-style:none;
}
.restable tbody th{
    margin-bottom: 5px;
    list-style-type: none;
    color: #fff;
    background: #333;
    padding:3px 0;
}
.restable tbody td{
    margin-left: 0px;
    padding: 2px;
    text-align:left;
    width:100%;
    box-sizing:border-box;
}
.restable tbody td:nth-of-type(1):before { content: "購入日"; color:#00A0E8; display:block; font-weight:bold; padding-right:15px; }
.restable tbody td:nth-of-type(2):before { content: "ご注文番号"; color:#00A0E8; display:block; font-weight:bold; padding-right:15px; }
.restable tbody td:nth-of-type(3):before { content: "状況"; color:#00A0E8; display:block; font-weight:bold; padding-right:15px; }
.restable tbody td:nth-of-type(4):before { content: "ご購入製品"; color:#00A0E8; display:block; font-weight:bold; padding-right:15px; }
.restable tbody td:nth-of-type(5):before { content: "合計"; color:#00A0E8; display:block; font-weight:bold; padding-right:15px; }
.restable tbody td:nth-of-type(6):before { content: "ポイント"; color:#00A0E8; display:block;  font-weight:bold; padding-right:15px; }
.restable tbody td br { display:none; }
.point_list .restable tbody td:nth-of-type(1):before { content: "ご利用日"; color:#00A0E8; display:block; font-weight:bold; padding-right:15px; }
.point_list .restable tbody td:nth-of-type(2):before { content: "ご注文番号"; color:#00A0E8; display:block; font-weight:bold; padding-right:15px; }
.point_list .restable tbody td:nth-of-type(3):before { content: "内容"; color:#00A0E8; display:block; font-weight:bold; padding-right:15px; }
.point_list .restable tbody td:nth-of-type(4):before { content: "ご利用・獲得"; color:#00A0E8; display:block; font-weight:bold; padding-right:15px; }
.point_list .restable tbody td:nth-of-type(5):before { content: "利用ポイント"; color:#00A0E8; display:block; font-weight:bold; padding-right:15px; }
.point_list .restable tbody td:nth-of-type(6):before { content: "獲得ポイント"; color:#00A0E8; display:block; font-weight:bold; padding-right:15px; }
.point_list .restable tbody td:nth-of-type(7):before { content: "仮ポイント"; color:#00A0E8; display:block; font-weight:bold; padding-right:15px; }
.point_list .restable tbody td:nth-of-type(8):before { content: "獲得日"; color:#00A0E8; display:block; font-weight:bold; padding-right:15px; }
.point_list .restable tbody td:nth-of-type(9):before { content: "備考"; color:#00A0E8; display:block; font-weight:bold; padding-right:15px; }
.point_list .restable tbody td br { display:none; }
}
*/

/* タブレット以下 */
@media screen and (max-width: 980px) {

}   /* for tablet max-width: 980px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.restable {
    display:none;
}
.tableToList {
    text-align:left;
    border-bottom:solid 1px #ddd;
    padding-bottom:15px;
    margin-top:15px;
}
.tableToList dt br {
    display:none;
}
.tableToList dt {
    color:#00A0E8;
    font-weight:bold;
    margin-top:10px;
    background:#f2fafd;
    padding:5px;
}
.tableToList dd {
    padding:5px;
    box-sizing:border-box;
}

}   /* for SP max-width: 736px */

/*-------------------------------------------------------------
    mypage_top_section
-------------------------------------------------------------*/

.mypage_top_section .txtlink {
    float:right;
}

@media only screen and (max-width: 980px) {

.mypage_top_section .txtlink {
    padding-right:20px;
}

}   /* for tablet max-width: 980px */

@media only screen and (max-width: 736px) {

.restable .btn_s a,
.restable .btn_s input {
    width:100%;
}
.mypage_top_section .restable tr:first-child {
    padding-top:0;
}
}   /* for SP max-width: 736px */

/*===============================================================
    
    point_exchange_detail
    
===============================================================*/

.point_exchange_detail_header .cartbox .price_point h4{
    width:100%;
}
.point_exchange_detail_header h4 img{
    margin-top:2.5px;
}

@media only screen and (max-width: 980px) {

.point_exchange_datail_contents .detail_txt {
    border-bottom:solid 1px #ddd;
}
.point_exchange_datail_contents {
    padding-bottom:30px;
}
}   /* for tablet max-width: 980px */

/*-------------------------------------------------------------
    diagnostics　オンライン肌チェック
-------------------------------------------------------------*/

.diagnostics {
    color:#00a0e8;
    }
.diagnostics .content {
    text-align:center;
}
.diagnostics .column_inner {
    padding-bottom:50px;
    background:url(../images/diagnostics_bg.jpg) 0 center no-repeat;
}   
.border_blue {
    border-bottom:1px solid #00a0e8;
}
.diagnostics .headline p {
    font-size:17px;
    line-height:30px;
}
.diagnostics .read p {
    font-size:20px;
    line-height:30px;
    margin-top:30px;
}
.diagnostics h3 {
    font-size:25px;
    line-height:40px;
    border:1px solid #00a0e8;

    width:70px;
    height:40px;
    margin:0 auto;
}
.diagnostics .result {
    width:200px;
}
.answer {
    font-size:16px;
    width:540px;
    margin:0 auto;
    padding:30px 0;
}
.answer .grid2 {
    width:50%;
    float:left;
}
.answer .grid3 {
    width:33.3333%;
    float:left;

}
.answer2 {
    width:700px;
}
.answer2 p {
    color:#000;
    text-align:left;
    font-size:14px;
    line-height:25px;
}
.diagnostics .btns {
    width:540px;
}
.diagnostics .btn a,
.diagnostics .btn input {
    margin-top:0;
    font-size:18px;
    width:250px;
    background-size:19px 15px;
}
.diagnostics .leftbtn .inner {
    box-sizing:border-box;
    width:185px;
    height:auto;
    padding-left:32px;
    margin:0 auto;
    background:url(../images/diagnostics_mail_icon.png) 5px center no-repeat;
}
.diagnostics .rightbtn .inner {
    box-sizing:border-box;
    width:165px;
    height:auto;
    padding-left:32px;
    margin:0 auto;
    background:url(../images/diagnostics_print_icon.png) 5px center no-repeat;
}
.progress {
    font-size:12px;
    width:125px;
    margin:0 0 0 auto;
}
.progress img {
    margin:0 2px;   
}
/* タブレット以下 */
@media screen and (max-width: 980px) {

.answer2 {
    width:100%;
}

}   /* for tablet max-width: 980px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
    
.diagnostics .column_inner {
    border:none;
    background:#fff;
    padding:0;
}
.border_blue {
    border:none;
}
.diagnostics .headline img {
    width:50%;
    height:auto;
}
.diagnostics .read p {
    text-align:left;
    font-size:16px;
    line-height:25px;
    margin-top:15px;
}
.answer {
    width:100%;
    padding:15px 0;
    text-align:left;
}
.answer .grid3 {
    width:100%;
}
.answer2 p{
    line-height:20px;
}
.diagnostics .btns {
    width:100%;
}
.diagnostics .btn {
    width:100%;
}
.diagnostics .btn a,
.diagnostics .btn input {
    width:100%;
}
.diagnostics .leftbtn {
    margin-top:10px;
}
.progress{
    margin:0 auto;
}

}  /* for SP max-width: 736px */

/*-------------------------------------------------------------

introduce_entry 製品紹介メール

-------------------------------------------------------------*/

.introduce_entry .form dt {
    width:250px;
}

@media only screen and (max-width: 736px) {
    
.introduce_entry .form dt {
    width:100%;
}   
    
}   /* for SP max-width: 736px */

/*-------------------------------------------------------------

    support　お問い合わせ

-------------------------------------------------------------*/

/*-------------------------------------------------------------
     見出しアイコンなし
-------------------------------------------------------------*/
.headline_noicon {
    font-size:20px;
    line-height:24px;
    margin-top:40px;
}
.headline_noicon span {
    font-size:16px;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
}
.support .grid {
    margin-top:0;
}
.support .grid .btn a,
.support .grid .btn input {
    width:100%;
    margin:20px 0 40px 0;
}
.support .column {
    padding:0;  
}
.support .headline_icon {
    margin:0;
}
.support .caption {
    margin-top:10px;
}   
/* タブレット以下 */
@media screen and (max-width: 980px) {

}   /* for tablet max-width: 980px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.headline_noicon {
    font-size:16px;
    line-height:20px;
    margin: 30px 0 10px 0;
}
.support .grid .btn a,
.support .grid .btn input {
    width:100%;
    margin:10px 0 20px 0;
}
}   /* for SP max-width: 736px */

/*-------------------------------------------------------------
    問い合わせ電話番号用
-------------------------------------------------------------*/
.telnum {
    font-size:24px;
    font-weight:bold;
    text-align:center;
    padding:10px;
}
.telnum .fd { 
    background:url(../images/icon_freedial.gif) 0 center no-repeat;
    width:200px;
    font-weight:bold;
    padding-left:40px;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
}

@media screen and (max-width: 980px) {

}   /* for tablet max-width: 980px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
    
.telnum {
    font-size:18px;
}   

}   /* for SP max-width: 736px */



/*-------------------------------------------------------------
    問い合わせフォーム
-------------------------------------------------------------*/
.input_mail textarea {
    width:70%;
    height:100px;
    padding:10px;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    border: solid 1px #ccc;
}

/* タブレット以下 */
@media screen and (max-width: 980px) {



}   /* for tablet max-width: 980px */
/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
    
.input_mail textarea {
    width:100%;
    height:100px;
    padding:10px;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    border: solid 1px #ccc;
}

}

/*-------------------------------------------------------------
    product_review  
-------------------------------------------------------------*/
.product_review {
    padding-bottom:30px;
}

/* タブレット以下 */
@media screen and (max-width: 980px) {

}   /* for tablet max-width: 980px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {

}   /* for SP max-width: 736px */


/*-------------------------------------------------------------
    nakaguro_list   
-------------------------------------------------------------*/
.nakaguro_list li {
    text-indent:-1em;
    padding-left:1em;
}

/*-------------------------------------------------------------
    login_form_section  
-------------------------------------------------------------*/
.login_form_section {
}
.login_form_section .box_error + .gridconatiner {
    margin-top:30px;
}
.login_form_section .column_inner {
    padding-top:25px;
}
.login_form_section #nonmember .login_form {
    padding-top:5px;
}
.create_account_area .login_form .btn {
    margin-top:45px;
}
.create_account_area .mailmember_form .btn {
    margin-top:20px;
}


/* タブレット以下 */
@media screen and (max-width: 980px) {
.login_form_section .gridwrp_2, 
.login_form_section .gridwrp_2 .grid_1 {
    width:100%;
    float:none;
}
.login_form_section #nonmember {
    margin-top:30px;
}
.create_account_area .login_form .btn,
.create_account_area .mailmember_form .btn {
    margin-top:20px;
}
}   /* for tablet max-width: 980px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.create_account_area .login_form .btn,
.create_account_area .mailmember_form .btn {
    margin-top:0;
}
.login_form_section #nonmember {
    margin-top:20px;
}
}   /* for SP max-width: 736px */


/*-------------------------------------------------------------
    arrival_list    
-------------------------------------------------------------*/
.arrival_list .photo{
    width:100px;
    margin:0 auto;
}
.arrival_list th,
.arrival_list td {
    font-size:14px;
}
.arrival_list .w40 {
    width:40%;
    height:auto;
}
.arrival_list td .btn_s a,
.arrival_list td .btn_s input {
    font-size:13px;
    float:right;
}
.arrival_list td .btn_s .mr10 {
    margin-right:10px;
}

/* タブレット以下 */
@media screen and (max-width: 980px) {

}   /* for tablet max-width: 980px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {

.arrival_list .w40 {
    width:100%;
}
.arrival_list .btn_s .right {
    width:48%;
    float:right;
font-size:14px;
    line-height:25px;
    padding:5px 0;
}
.arrival_list .btn_s .mr10 {
    width:48%;
    float:left;
    margin-right:0;
font-size:14px;
    line-height:25px;
    padding:5px 0;
}

}   /* for SP max-width: 736px */



/*-------------------------------------------------------------
    error_session   
-------------------------------------------------------------*/

/* タブレット以下 */
@media screen and (max-width: 980px) {


}   /* for tablet max-width: 980px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {

.error_session img{
    width:100px;
    height:45px;
}

}   /* for SP max-width: 736px */


/*-------------------------------------------------------------
    select_shipping_date    
-------------------------------------------------------------*/
.select_shipping_date {
}
.select_shipping_date label {
    float:left;
    width:150px;
}
.select_shipping_date .select_shipping_date_input {
    margin-left:150px;
}


/* タブレット以下 */
@media screen and (max-width: 980px) {

}   /* for tablet max-width: 980px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.select_shipping_date label {
    float:none;
    width:100%;
}
.select_shipping_date .select_shipping_date_input {
    margin-left:0;







    margin-top:10px;
}
.select_shipping_date select {
    display:block;
    margin-top:5px;
}

}   /* for SP max-width: 736px */

/*-------------------------------------------------------------
    payment_select  
-------------------------------------------------------------*/
.payment_select {
    border-bottom:solid 1px #ddd;
    padding-bottom:30px;
}
.payment_select .radio {
    width:300px;
    float:left;
}
.payment_select .txt {
    margin-left:300px;
}
.payment_select .txt p {
    margin:0;

}
.payment_select_newcard {
}
.payment_select_newcard .form {
    margin-top:30px;
}
.payment_select_newcard .form dl {
    border:0;
}
.payment_select_cod {
    border-bottom:solid 0px #ddd;
}
.payment_select_cod .form dt,
.payment_select_cod .form dd {
    border:0;
    padding:0;
    padding-bottom:50px;
}

/* タブレット以下 */
@media screen and (max-width: 980px) {
.page_contents .payment_select {
    padding:15px 0;
    margin:0 20px;
}
.payment_select_newcard {
}
.payment_select_newcard .form {
    margin-top:20px;
}
.payment_select_newcard .form dl {
    border:0;
}
.payment_select_cod {
    border-bottom:solid 0px #ddd;
}
.payment_select_cod .form dt {
    padding-bottom:10px;
}
.payment_select_cod .form dd {
    padding-bottom:20px;
}

}   /* for tablet max-width: 980px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.payment_select .radio {
    width:100%;
    float:none;
}
.payment_select .txt {
    margin-left:0;
    margin-top:10px;
}

}   /* for SP max-width: 736px */


/*-------------------------------------------------------------
    submitbtn   
-------------------------------------------------------------*
.btn input {
    background-color:#00a0e8;
    border:solid 1px #00a0e8;
    color:#fff;
    text-align:center;
    font-size:22px;
    line-height:30px;
    padding:15px 0;
    border-radius:5px;
    text-decoration:none;
    width:100%;
    margin:0 auto;
    margin-top:10px;
    background-image:url(../../static/images/icon_btnarw.png);
    background-repeat:no-repeat;
    background-position:10px center;
}
.btn input:hover {
    background-color:#00bae8;
    border:solid 1px #00bae8;
}
*/
/* タブレット以下 */
@media screen and (max-width: 980px) {

}   /* for tablet max-width: 980px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {

}   /* for SP max-width: 736px */

/*===============================================================
    
    icon_i
    
===============================================================*/
.icon_i {
    padding-left:5px;
    position:relative;
}
.icon_i img {
    width:16px;
    height:16px;
    background:#00A0E8;
    border-radius:50% 50%;
}

.icon_i .popup {
    position:absolute;
    width:180px;
    height:60px;
    top:-90px;
    left:-77px;
    text-align:left;
    display:none;
    z-index:1;
}
.icon_i .popup h4 {
    font-size:14px;
    font-weight:bold;
    color:#00A0E8;
    padding:10px;
    padding-bottom:0;
}
.icon_i .popup p {
    font-size:14px;
    color:#333;
    padding:10px;
    padding-top:0;
    font-weight:normal;
}

.arrow_box {
    position: relative;
    background: #ffffff;
    border: 5px solid #80cff3;
}
.arrow_box:after, .arrow_box:before {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}
.arrow_box:after {
    border-color: rgba(255, 255, 255, 0);
    border-top-color: #ffffff;
    border-width: 10px;
    margin-left: -10px;
}
.arrow_box:before {
    border-color: rgba(128, 207, 243, 0);
    border-top-color: #80cff3;
    border-width: 17px;
    margin-left: -17px;
}
/* タブレット以下 */
@media screen and (max-width: 980px) {

}   /* for tablet max-width: 980px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.icon_i {
}
.icon_i img {
    width:18px;
    height:18px;
    background:#00A0E8;
    border-radius:50% 50%;
}
.icon_i .popup {
    position:absolute;
    width:180px;
    height:60px;
    top:-90px;
    left:-15px;
    text-align:left;
    display:none;
}
.arrow_box:after, .arrow_box:before {
    left: 15%;
}

}   /* for SP max-width: 736px */

/*===============================================================
    
    icon_nostock
    
===============================================================*/
.icon_nostock {
    background:#f00;
    margin-left:5px;
    color:#fff;
    padding:2px 5px;
}
/* タブレット以下 */
@media screen and (max-width: 980px) {

}   /* for tablet max-width: 980px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.icon_nostock {
    display:block;
    margin-left:0;
    margin-top:5px;
    width:5em;
    text-align:center;
    padding:2px 5px;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
}
}   /* for SP max-width: 736px */

/*===============================================================
    
    event_index ブロガー募集
    
===============================================================*/

.event_index {
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    padding-top:40px;
    padding-left:20px;
    padding-right:20px;
}

#contentsChildDouble #BLOGGER {
    margin-top: 30px;
    width: 700px;
    border-width: 1px;
    border-style: solid;
    border-color: #CCC;
}

#contentsChildDouble #BLOGGER #DETAIL {
    padding: 22px;
}
.event_index .fit {
    width:inherit;
    height:auto;
}
.event_index .fit img {
    width:inherit;
    height:auto;
}
/* SP向けレイアウトの指定：～700px */
@media only screen and (max-width: 700px) {

.event_index {
    padding-top:20px;
    padding-left:20px;
    padding-right:20px;
}
.event_index p,
.event_index .plr20 {
    padding:0 20px;
}
.event_index img {
    max-width:100%;
    height:auto;
}
.event_index .mw90 img {
    max-width:90%;
    height:auto;
}
.event_index .mt30,
.event_index .mt40 {
    margin-top:20px;
}
.event_index .mt30:first-child {
    margin-top:10px;
}
}

/*===============================================================
    
    choose_index ぴったりの日やけ止め
    
===============================================================*/

#CHOOSE {
    padding-top:40px;
    padding-left:20px;
    padding-right:20px;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
}
#CHOOSE h2{}
#CHOOSE .start {
    text-align:center;
    margin-top:40px;
}
#CHOOSE .uvidea {
    float:left;
    width:470px;
    margin-top:40px;
    text-align:center;
}
#CHOOSE .uvidea li {
    width:20%;
}
#CHOOSE .anthelios {
    float:right;
    width:470px;
    margin-top:40px;
    text-align:center;
}
#CHOOSE #prd,
#CHOOSE #prd2 {
    display:block;
    padding-top:10px;
    width:470px;
}
#CHOOSE #no {
    width:470px;
}
#CHOOSE #no li:nth-child(1),
#CHOOSE #no li:nth-child(2),
#CHOOSE #no li:nth-child(3) {
    width:20%;
}
#CHOOSE #no li:nth-child(4) {
    width:40%;
}
#CHOOSE #no2 {
    width:470px;
}
#CHOOSE #prd li,#CHOOSE #no li,
#CHOOSE #prd2 li,#CHOOSE #no2 li {
    float:left;
}
#CHOOSE #point {
    clear:both;
    margin:40px 0 0 20px;
}
#CHOOSE #point ul { }
#CHOOSE #point li {
    padding-left: 30px;
    margin-bottom: 1em;
}
#CHOOSE .small {
    font-size:10px;
}
#CHOOSE .pl30 {
    padding:0 20px 0 30px;
}
/*20170713 update*/
#CHOOSE .ideaXL {
    width: 644px;
    text-align: center;
}
#CHOOSE .ideaXL .num {
    margin-bottom: 20px;
}

#CHOOSE #point li#no01 { background:url(/static/images/choose/n1.gif) no-repeat left 0.1em }
#CHOOSE #point li#no02 { background:url(/static/images/choose/n2.gif) no-repeat left 0.1em }
#CHOOSE #point li#no03 { background:url(/static/images/choose/n3.gif) no-repeat left 0.1em }
#CHOOSE #point li#no04 { background:url(/static/images/choose/n4.gif) no-repeat left 0.1em }
#CHOOSE #point li#no05 { background:url(/static/images/choose/n5.gif) no-repeat left 0.1em }
#CHOOSE #point li#no06 { background:url(/static/images/choose/n6.gif) no-repeat left 0.1em }
#CHOOSE #point li#no07 { background:url(/static/images/choose/n7.gif) no-repeat left 0.1em }
#CHOOSE #point li#no08 { background:url(/static/images/choose/n8.gif) no-repeat left 0.1em }
#CHOOSE #point li#no09 { background:url(/static/images/choose/n9.gif) no-repeat left 0.1em }


/* タブレット以下 */
@media screen and (max-width: 980px) {

#CHOOSE {
    width:100%;
    padding-left:20px;
    padding-right:20px;
}
#CHOOSE .start {
    margin-top:20px;
}
#CHOOSE .uvidea {
    float:none;
    margin:20px auto 0;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
}
#CHOOSE #prd,
#CHOOSE #prd2 {
    width:100%;
}
#CHOOSE .anthelios {
    float:none;
    margin:20px auto 0;
}
#CHOOSE #point {
    margin:20px 0 0 20px;
}
#CHOOSE #point li {
    padding:0 20px 0 30px;
    margin-bottom:0.5em;
}

/*20170713 update*/
#CHOOSE .ideaXL {
    width:470px;
    margin: 0 auto;
}

}   /* for tablet max-width: 980px */


/* SP向けレイアウトの指定：～510px */
@media only screen and (max-width: 510px) {

#CHOOSE {
    padding-top:20px;
    padding-bottom:30px;
}
#CHOOSE .start img {
    width:90%;
    max-width:150px;
    height:auto;
}   
#CHOOSE .uvidea {
    padding:0 20px;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
}
#CHOOSE .anthelios {
    width:100%;
    padding:0 20px;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
}
#CHOOSE #no,
#CHOOSE #no2 {
    width:100%;
}
#CHOOSE #no2 img{
    width:75%;
    height:auto;
}
#CHOOSE #prd2 img{
    width:75%;
    height:auto;
}
#CHOOSE .fit {
    width:100%;
    height:auto;
}
#CHOOSE .fit img {
    width:100%;
    height:auto;
}
/*20170713 update*/
#CHOOSE .ideaXL {
    width:100%;
}
}


/*===============================================================
    
    text_page（幅700px）　
    attention policy transaction
    
===============================================================*/

.w700 {
    width:700px;
}
.text_page {
    width:700px;
    margin:0 auto;
}
.text_page h4 {
    font-size:18px;
    line-height:1.4;
    font-weight:bold;
    margin-top:40px;
}
.text_page .content {
    margin-top:10px;
}
.text_page h5 {
    font-weight:bold;
    margin-top:20px;
}
.text_page ul {
    padding:15px 0 15px 1em;
}
.text_page .pt0 {
    padding-top:0;
}
.text_page .pb0 {
    padding-bottom:0;
}
.text_page ul li {
    margin-top:2px;
    text-indent:-1em;
}
.text_page ul li:first-child {
    margin-top:0;
}
.text_page .btn {
    padding-top:30px
}
.text_page .btn a {
    margin-top:0;
    font-size:18px;
    width:250px;
    background-size: 19px 15px;
}
.text_page .btn .inner {
    box-sizing:border-box;
    width:220px;
    height:auto;
    padding-left:32px;
    margin:0 auto;
    background:url(../images/diagnostics_print_icon.png) 5px center no-repeat;
}
.transaction .content {
    margin-top:40px;
}
.transaction h4.title {
    margin-top:0;
}
/* タブレット以下 */
@media screen and (max-width: 980px) {

.text_page h4 {
    margin-top:15px;
    padding:0;
}
.text_page .content {
    margin-top:5px;
    padding:0;
}
.text_page h5 {
    margin-top:10px;
}
.text_page .title {
    padding:0;
}
.transaction .content {
    margin-top:20px;
}
}   /* for tablet max-width: 980px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {

.w700 {
    width:100%;
}   
.text_page {
    width:100%;
}
.text_page h4 {
    font-size:16px;
    padding:0 20px;
}
.text_page .content {
    padding:0 20px;
}
.text_page ul {
    padding:10px 0 10px 1em;
}

}   /* for SP max-width: 736px */

/*===============================================================
    
    sitemap
    
===============================================================*/

.sitemap a {
    display:block;
    text-decoration:none;
}
.sitemap .flol {
    width:30%;
}
.sitemap .flor {
    width:70%;
}
.sitemap .li1 span {
    font-size:16px;
    font-weight:bold;
    line-height:30px;
    border-bottom:1px solid #ddd;
    display:block;
}
.sitemap .ul1 .li1 {
    padding-right:20px;
}
.sitemap .ul2 .li2 {
    width:50%;
}
.sitemap .ul2 .li2:nth-child(odd) {
    float:left;
    padding-right:20px;
}
.sitemap .ul2 .li2:nth-child(even) {
    float:right;
}
.sitemap .li2 {
    margin-top:20px;
    padding-bottom:30px;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
}
.sitemap .li2 > a {
    font-weight:bold;
    padding:10px 0 10px 10px;
    background:#f2fafd;
}
.sitemap .li2 ul {
    padding:10px 0 0 10px;
}
.sitemap .li3 {
    margin-top:5px;
    font-size:13px;
}

/* タブレット以下 */
@media screen and (max-width: 980px) {


}   /* for tablet max-width: 980px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {

.sitemap .flol {
    float:none;
    width:100%;
}
.sitemap .flor {
    float:none;
    width:100%;
}
.sitemap .li1 span {
    font-size:14px;
}
.sitemap .ul1 .li1 {
    padding-right:0;
}
.sitemap .ul2 .li2 {
    width:100%;
    padding-bottom:5px;

}
.sitemap .ul2 .li2:nth-child(odd) {
    float:none;
    padding-right:0;
}
.sitemap .ul2 .li2:nth-child(even) {
    float:none;
}
.sitemap .li2 {
    padding-bottom:10px;
    margin-top:10px;
}
.sitemap .li2 > a {
    padding:5px;
}
.sitemap .li2 ul {
    padding:5px 0 0 5px;
}
.sitemap .li3 {
    margin-top:0;
}
}

/*apli 1902 update*/
#footer_bnr {
    display: block;
    width: 100%;
    height: 37px;
    background: #019ee7;
    position: fixed;
    bottom: 0;
    text-align: center;
    border-top: 1px solid #fff;
    z-index: 4000;
}
}   /* for tablet max-width: 980px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
#header_cnt_bnr_area img{
    width: 320px;
    height: 36px;
}

#header_cnt_bnr_sub img{
    width: 320px;
    height: 36px;
}

}
/*===============================================================
    
    top page keyword
    
===============================================================*/

#top_kw {
    border-top: solid #eee 1px;
    padding: 10px 0;
}
.top_kw_inner {
    background-color: #f5f5f5;
    padding: 20px 30px ;
            
}
#top_kw h3 {
    background: url(/static/images/top/tag_kw.png) no-repeat 0 3px;
    padding-left: 20px;
    color:#000;
    font-weight: bold;
    margin-bottom: 15px;
}
#top_kw ul li {
    float:left;
        
}
#top_kw ul li a,
#top_kw ul li a:visited {
    border-radius: 3px;
    padding: 5px 20px;
    background: #FFF;
    color: #4b4b4b;
    transition-duration: .1s;
    text-decoration: none;
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 10px;
    font-size: 90%;
}
#top_kw ul li a:hover,
#top_kw ul li a:active {
    background: #31aeef;
    color: #fff;
    text-decoration: none;
}

@media screen and (max-width: 980px) {

.top_kw_inner {
    padding: 20px 10px ;
            
}
        
}

/*===============================================================
    
    footer recommend
    
===============================================================*/

.ft_recommend_wrp {
    width: 100%;
    padding: 0;
    background: #fefdfd;
    border-top: 1px solid #f5f5f5;
}
.ft_recommend {
    padding: 30px 0;    
}
.ft_recommend h3 {
    font-size: 17px;
    color: #5a5655;
    border-left: 4px solid #38ace9;
    padding-left: 10px;
    line-height: 22px;
}

.ft_recommend .item .photo img {
    border: 1px solid #efefef;
    box-sizing: border-box;
}
/*===============================================================
    
    product page link area
    
===============================================================*/

.pro_link_area a.link_area {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    text-align: left;
    text-indent: -9999px;
    background/*\**/: #fff\9;
    filter: alpha(opacity=0);
    opacity:0;

}
.pro_link_area .block_content .item {
    position: relative;
}


/*===============================================================
    
        .global_nav  20171101
    
===============================================================*/
/*2018 height*/
.global_nav .flortmenu {
    position:absolute;
    top:30px;
    left:-19px;
    background:#fff;
    border:solid 1px #ddd;
    width:675px;
    display:none;
    z-index:3100;
    height:380px !important;
    margin:0;
    padding:0 0 40px !important;
}
.global_nav .flortmenu .inner {
    padding: 0 !important;
}
.global_nav .flortmenu li {
    width: 100%;
    margin-right: 0;
    float: left;
    text-align: left;
}
/*2018 height*/
.product_menuInner {
    width: 290px;
    height:360px !important;
    margin:30px 0 0;
    padding: 0 0 0 45px;
    float:left;
    line-height:1.6 !important;
}
/* product_menuInner border */
div.product_menuInner:nth-child(2n+0) {
    border-left:solid 1px #ddd;     
}
.category_menu div.inner div.product_menuInner:first-child{
    border-right:solid 1px #ddd;        
}
.category_menu div.inner div.product_menuInner:nth-child(2n+0) {
    border-left:none;       
}
div.product_menuInner dl{
}
/* product_menuInner midashi size */
div.product_menuInner dl.recommend dt a, div.product_menuInner dl dt a, div.product_menuInner dl dt{
    font-size:103%;
}
/* product_menuInner midashi recommend */
div.product_menuInner dl.recommend dt a{
    padding: 0;
    margin: 0 0 30px;
    font-weight: bold;
    border-bottom:none;
    color:#000;
    width: 100%;
}
div.product_menuInner dl.recommend dt a:hover{
    padding: 0;
    margin: 0 0 30px;
    font-weight: bold;
    border-bottom:none;
    color:#00A0E8;
    width: 100%;
}
/* product_menuInner midashi */
div.product_menuInner dl dt {
    padding:0;
    margin: 0 0 3px 0;
    font-weight: bold;
    border-bottom:none;
    color:#00A0E8;
    width: 100%;
}
/* submenu dd */
div.inner div.product_menuInner dl dd {
    padding:0;
    margin: 0;
    display:block;
    width:auto;
    height:auto;
    }
div.inner div.product_menuInner dl dd a:last-child{
    padding:0;
    margin: 0;
    display:block;
    width:100%;
    height:40px;
    }
div.inner div.product_menuInner dl dd a{
    padding: 0;
    margin:0;
    border: none;
    font-weight: nomal;
    line-height:1.65;
    }
div.inner div.product_menuInner dl dd a:hover{
    padding: 0;
    margin: 0;
    border: none;
    font-weight: nomal;
    line-height:1.65;
    color:#00A0E8;
}

/*===============================================================
    
    productAllmenu
    
===============================================================*/
@media screen and (min-width: 737px) {
#productAllmenu br.pc-br {
    display: none;}
#productAllmenu {
    width: 944px;
    height: 230px;
    margin: 20px auto 0;
    padding: 25px 18px;
    background: #f5f5f5;
    border-radius: 5px;
}
#productAllmenu .uv-care, #productAllmenu .skin-care, #productAllmenu .body-care {
    float: left;
    width: 305px;
}
#productAllmenu ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 auto;

    border-collapse: separate;
    border-spacing: 0 2px;
}
/* list*/
#productAllmenu ul li {
    border-radius: 5px;
    border: 1px solid #eee;
    margin: 0 0 5px;
    width: 305px;
    padding-left: 60px;
    flex: 0 0 305px;
    max-width: 305px;
    display: table-cell;
    vertical-align: middle;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
#productAllmenu ul li:hover {
    border: 1px solid #ccc;
    padding-left: 60px;
}
#productAllmenu ul a {
    text-decoration: none !important;
}
#productAllmenu .uv-care ul li, #productAllmenu .body-care ul li {
    height: 100px;
}
#productAllmenu .body-care ul li {
}
#productAllmenu .skin-care {
    margin: 0 14.5px 4px;
}
#productAllmenu .skin-care ul li {
    height: 48px;
    margin: 0 auto 4px;
    padding-top: 0;
    background: #fff;
    background-image: url(../../static/images/icon_btnarw_blue_internal.png);
    background-repeat: no-repeat;
    background-position: 10px;
}
#productAllmenu h3 {
    font-size: 15px;
    color: #00A0E8;
    border-bottom: none;
    background: url(../images/category_headline_icon.gif) no-repeat left 1px;
    padding: 0;
    padding-left: 18px;
    margin: 0 0 0 15px;
}
#productAllmenu .daily {
    background: #fff;
    background-image: url(../../static/images/icon_btnarw_blue_internal.png), url(../../static/images/product/productallmenu/list-img01_pc.jpg);
    background-repeat: no-repeat, no-repeat;
    background-position: 10px center, right center;
}
#productAllmenu .outdoor {
    background: #fff;
    background-image: url(../../static/images/icon_btnarw_blue_internal.png), url(../../static/images/product/productallmenu/list-img02_pc.jpg);
    background-repeat: no-repeat, no-repeat;
    background-position: 10px center, right center;
}
#productAllmenu .drying {
    background: #fff;
    background-image: url(../../static/images/icon_btnarw_blue_internal.png), url(../../static/images/product/productallmenu/list-img03_pc.jpg);
    background-repeat: no-repeat, no-repeat;
    background-position: 10px center, right center;
}
#productAllmenu-bnr {
    width: 980px;
    height: auto;
    margin: 10px auto 50px;
    padding: 0 auto;
}
#productAllmenu-bnr img {
    width: auto;
    height: auto;
    margin: 5px auto;
    padding: 0;
}
#productAllmenu-bnr a:hover img {
    opacity: 0.7;
    filter: alpha(opacity=70);
    -ms-filter: "alpha(opacity=70)";
}
#productAllmenu-bnrSP {
    display: none;
}
}

@media only screen and (max-width: 736px) {
#productAllmenu-bnr {
    display: none;
}
#productAllmenu-bnrSP {
    display: block;
    width: auto;
    height: auto;
    margin: 20px 0 0;
    padding: 0 10px;
}
#productAllmenu-bnrSP img {
    width: 100%;
    height: auto;
    margin: 5px auto;
}
#productAllmenu-bnrSP a:hover img {
    opacity: 0.7;
    filter: alpha(opacity=70);
    -ms-filter: "alpha(opacity=70)";
}

#productAllmenu br.sp-br {
    display: none;
}
#productAllmenu {
    width: 100%;
    height: auto;
    margin: 30px 0 50px 0;
    padding: 0;
    background: #fff;
    border-radius: 0 !important;
}
#productAllmenu .uv-care, #productAllmenu .skin-care, #productAllmenu .body-care {
    float: none;
    height: auto;
    width: 100%;
}
#productAllmenu ul {
    display: block;
    margin: 0 auto;
    border-top: 1px solid #ddd !important;
    border-collapse: separate;
    border-spacing: 0 2px;
}
#productAllmenu .uv-care ul li, #productAllmenu .skin-care, #productAllmenu .body-care ul li {
}
/* list*/
#productAllmenu ul li {
    border-radius: 0 !important;
    border: 0 solid #fff;
    border-bottom: 1px solid #ddd !important;
    margin: 0 !important;
    width: 100%;
    height: 70px !important;
    padding-left: 60px;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center; /* Safari用 */
    align-items: center;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
#productAllmenu ul li:hover {
    border: none;
}
#productAllmenu .skin-care01 {
    background: #fff;
    background-image: url(../../static/images/icon_btnarw_blue_internal.png), url(../../static/images/product/productallmenu/list-img03_sp.jpg);
    background-repeat: no-repeat, no-repeat;
    background-position: 10px center, right center;
    background-size: auto, contain;
}
#productAllmenu .skin-care02 {
    background: #fff;
    background-image: url(../../static/images/icon_btnarw_blue_internal.png), url(../../static/images/product/productallmenu/list-img04_sp.jpg);
    background-repeat: no-repeat, no-repeat;
    background-position: 10px center, right center;
    background-size: auto, contain;
}
#productAllmenu .skin-care03 {
    background: #fff;
    background-image: url(../../static/images/icon_btnarw_blue_internal.png), url(../../static/images/product/productallmenu/list-img05_sp.jpg);
    background-repeat: no-repeat, no-repeat;
    background-position: 10px center, right center;
    background-size: auto, contain;
}
#productAllmenu .skin-care04 {
    background: #fff;
    background-image: url(../../static/images/icon_btnarw_blue_internal.png), url(../../static/images/product/productallmenu/list-img06_sp.jpg);
    background-repeat: no-repeat, no-repeat;
    background-position: 10px center, right center;
    background-size: auto, contain;
}
#productAllmenu .daily {
    background: #fff;
    background-image: url(../../static/images/icon_btnarw_blue_internal.png), url(../../static/images/product/productallmenu/list-img01_sp.jpg);
    background-repeat: no-repeat, no-repeat;
    background-position: 10px center, right center;
    background-size: auto, contain;
}
#productAllmenu .outdoor {
    background: #fff;
    background-image: url(../../static/images/icon_btnarw_blue_internal.png), url(../../static/images/product/productallmenu/list-img02_sp.jpg);
    background-repeat: no-repeat, no-repeat;
    background-position: 10px center, right center;
    background-size: auto, contain;
}
#productAllmenu .drying {
    background: #fff;
    background-image: url(../../static/images/icon_btnarw_blue_internal.png), url(../../static/images/product/productallmenu/list-img07_sp.jpg);
    background-repeat: no-repeat, no-repeat;
    background-position: 10px center, right center;
    background-size: auto, contain;
}
#productAllmenu h3 {
    font-size: 15px;
    color: #00A0E8;
    border-bottom: none;
    background: url(../images/category_headline_icon.gif) no-repeat left 1px;
    padding: 0;
    padding-left: 18px;
    margin: 30px 0 5px 20px;
}
#productAllmenu ul a {
    text-decoration: none !important;
}
}



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

    2017.11 update
    > toppage

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


.index_contents .privilege li.grid_1.grid:nth-child(odd) {
    margin-right:0;
}
.index_contents .privilege .content {
    width: 100%;
    margin-top: 50px;
}

.index_contents .privilege a {
    text-decoration: none;
}
.index_contents .privilege .grid {
    background: #FFF!important;
}
.index_contents .privilege .gridwrp_4 .grid_1 {
    width:24%;
    margin: 0;
    padding: 30px 0;
    text-align: center;
}
.index_contents .privilege li {
    border-right: 1px solid #ddd;
}
.index_contents .privilege .gridconatiner a .catch {
    font-size: 16px;
    line-height: 1.4;
    font-weight: bold;
    margin-bottom: 10px;
}
.index_contents .privilege .gridconatiner a .catch span {
    background: #00a0e8;
    color: #fff;
    padding: 3px;
    margin-right: 2px;
    font-size: 13px;
    font-weight: bold;
    position: relative;
    top: -1px;
}
.index_contents .privilege .gridconatiner a .discription {
    font-size: 14px;
    line-height: 1.5;
    color: #000;
    margin-top:10px;
}

.index_contents .privilege .gridconatiner a:hover .discription {
    color: #666;
}
.index_contents .privilege .btn a{
    width: 320px;
}
@media only screen and (min-width: 737px) {
    .index_contents .privilege li:last-child {
    border:none;
    }
}

@media only screen and (max-width: 736px) {
    .index_contents .privilege .content {
        width: 100%;
        margin-top: 20px;
    }
    .index_contents .privilege .gridwrp_4 .grid_1 {
        width: 100%;
        padding: 20px 0;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
    }
    .index_contents .privilege li {
        border-bottom: 1px solid #ddd;
        border-top: 1px solid #ddd;
    }
    .index_contents .privilege li:nth-child(3),
    .index_contents .privilege li:nth-child(4){
        border-top: none;
    }
    .index_contents .privilege .gridconatiner a .catch {
        font-size: 12px;
        height: 20px;
    }
    .index_contents .privilege .gridconatiner a .catch span {
        font-size: 10px;
        padding: 2px;
    }
    .index_contents .privilege .gridconatiner a .discription {
        font-size: 10px;
    }
}
.index_contents .kitbnr a:hover img {
    /*opacity: 0.6;*/
    /*background-color: rgba(0,160,32,0.6)*/
}
.index_contents .kitbnr a:hover img {
    opacity: 0.8;

}
.index_contents .kitbnr {
    /* background: #7eabe4; */
    margin-top: 30px;
}

@media only screen and (max-width: 736px) {
    .index_contents .kitbnr {
        width: 95%;
        height: auto;
        margin: 0 auto;
    }
    .index_contents .kitbnr img {
        width: 100%;
        height: auto;
    }
}


/*-------------------------------------------------------------
    2017.11 update kitBTN
-------------------------------------------------------------*/
.content .detail_container .cf p.link a {
    display: block;
    width: 100%;
    margin-top: 10px;
    margin-bottom: 15px;
    padding: 10px;
    border: 1px solid #00a0e8;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    text-align: center;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-decoration: none!important;
}

/*-------------------------------------------------------------
    2018.04 point
-------------------------------------------------------------*/
.content .detail_container .product_point_text {
    color: #00a0e8;
    font-size: 14px;
}

.content .detail_container .product_point_num {
    color: #00a0e8;
    font-size: 16px;
    font-weight: bold;
}


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

    2017.11 update
    > commonstyle

===============================================================*/
.text-bold {
    font-weight: bold;
}

.i-pc {
    display: block;
}

.i-sp {
    display: none;
}
.i-noborder {
    border:none!important;
}

@media screen and (max-width: 980px) {
    .i-pc {
        display: none;
    }
    .i-sp {
        display: block;
    }
}

.i-db {
    display: block!important;
}

.i-indent{
    padding-left: .5em !important;
    text-indent: -.5em !important;
}

.i-m0a{
    margin: 0 auto!important;
}

.i-table,
.i-table-rs {
    display: table!important;
}


.i-table-cell {
    display: table-cell!important;
    vertical-align: top;
}

@media screen and (max-width: 980px) {
    .i-table-rs {
        display: block!important;
    }
    .i-table-rs .i-table-cell {
        display: block!important;
    }
}

.i-vm {
    vertical-align: middle!important;
}

.i-vt {
    vertical-align: top!important;
}


.i-left {
    text-align: left!important;
}

.i-fleft {
    float: left!important;
}

.i-center {
    text-align: center!important;
}

.i-right {
    text-align: right!important;
}

.i-box {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}



.i-hr {
    border: none;
    border-top: 1px solid #ddd;
    display: block;
}

.i-hr-dot {
    border: none;
    border-top: 1px dotted #ccc;
    display: block;
}

.i-bn {
    border-top: none!important;
    border-bottom: none!important;
    border: none!important;
}

.i-bt {
    border-top: 1px solid #e5e5e5 !important;
}

.i-bb {
    border-bottom: 1px solid #e5e5e5 !important;
}

.i-fz20 {
    font-size: 20px !important;
}

.i-fz18 {
    font-size: 18px !important;
}

.i-fz16 {
    font-size: 16px !important;
}

.i-fz14 {
    font-size: 16px !important;
}

.i-mt100 {
    margin-top: 100px !important;
}

.i-mb100 {
    margin-bottom: 100px !important;
}

.i-mr100 {
    margin-right: 100px !important;
}

.i-ml100 {
    margin-left: 100px !important;
}

.i-pt100 {
    padding-top: 100px !important;
}

.i-pb100 {
    padding-bottom: 100px !important;
}

.i-pr100 {
    padding-right: 100px !important;
}

.i-pl100 {
    padding-left: 100px !important;
}

.i-mt95 {
    margin-top: 95px !important;
}

.i-mb95 {
    margin-bottom: 95px !important;
}

.i-mr95 {
    margin-right: 95px !important;
}

.i-ml95 {
    margin-left: 95px !important;
}

.i-pt95 {
    padding-top: 95px !important;
}

.i-pb95 {
    padding-bottom: 95px !important;
}

.i-pr95 {
    padding-right: 95px !important;
}

.i-pl95 {
    padding-left: 95px !important;
}

.i-mt90 {
    margin-top: 90px !important;
}

.i-mb90 {
    margin-bottom: 90px !important;
}

.i-mr90 {
    margin-right: 90px !important;
}

.i-ml90 {
    margin-left: 90px !important;
}

.i-pt90 {
    padding-top: 90px !important;
}

.i-pb90 {
    padding-bottom: 90px !important;
}

.i-pr90 {
    padding-right: 90px !important;
}

.i-pl90 {
    padding-left: 90px !important;
}

.i-mt85 {
    margin-top: 85px !important;
}

.i-mb85 {
    margin-bottom: 85px !important;
}

.i-mr85 {
    margin-right: 85px !important;
}

.i-ml85 {
    margin-left: 85px !important;
}

.i-pt85 {
    padding-top: 85px !important;
}

.i-pb85 {
    padding-bottom: 85px !important;
}

.i-pr85 {
    padding-right: 85px !important;
}

.i-pl85 {
    padding-left: 85px !important;
}

.i-mt80 {
    margin-top: 80px !important;
}

.i-mb80 {
    margin-bottom: 80px !important;
}

.i-mr80 {
    margin-right: 80px !important;
}

.i-ml80 {
    margin-left: 80px !important;
}

.i-pt80 {
    padding-top: 80px !important;
}

.i-pb80 {
    padding-bottom: 80px !important;
}

.i-pr80 {
    padding-right: 80px !important;
}

.i-pl80 {
    padding-left: 80px !important;
}

.i-mt75 {
    margin-top: 75px !important;
}

.i-mb75 {
    margin-bottom: 75px !important;
}

.i-mr75 {
    margin-right: 75px !important;
}

.i-ml75 {
    margin-left: 75px !important;
}

.i-pt75 {
    padding-top: 75px !important;
}

.i-pb75 {
    padding-bottom: 75px !important;
}

.i-pr75 {
    padding-right: 75px !important;
}

.i-pl75 {
    padding-left: 75px !important;
}

.i-mt70 {
    margin-top: 70px !important;
}

.i-mb70 {
    margin-bottom: 70px !important;
}

.i-mr70 {
    margin-right: 70px !important;
}

.i-ml70 {
    margin-left: 70px !important;
}

.i-pt70 {
    padding-top: 70px !important;
}

.i-pb70 {
    padding-bottom: 70px !important;
}

.i-pr70 {
    padding-right: 70px !important;
}

.i-pl70 {
    padding-left: 70px !important;
}

.i-mt65 {
    margin-top: 65px !important;
}

.i-mb65 {
    margin-bottom: 65px !important;
}

.i-mr65 {
    margin-right: 65px !important;
}

.i-ml65 {
    margin-left: 65px !important;
}

.i-pt65 {
    padding-top: 65px !important;
}

.i-pb65 {
    padding-bottom: 65px !important;
}

.i-pr65 {
    padding-right: 65px !important;
}

.i-pl65 {
    padding-left: 65px !important;
}

.i-mt60 {
    margin-top: 60px !important;
}

.i-mb60 {
    margin-bottom: 60px !important;
}

.i-mr60 {
    margin-right: 60px !important;
}

.i-ml60 {
    margin-left: 60px !important;
}

.i-pt60 {
    padding-top: 60px !important;
}

.i-pb60 {
    padding-bottom: 60px !important;
}

.i-pr60 {
    padding-right: 60px !important;
}

.i-pl60 {
    padding-left: 60px !important;
}

.i-mt55 {
    margin-top: 55px !important;
}

.i-mb55 {
    margin-bottom: 55px !important;
}

.i-mr55 {
    margin-right: 55px !important;
}

.i-ml55 {
    margin-left: 55px !important;
}

.i-pt55 {
    padding-top: 55px !important;
}

.i-pb55 {
    padding-bottom: 55px !important;
}

.i-pr55 {
    padding-right: 55px !important;
}

.i-pl55 {
    padding-left: 55px !important;
}

.i-mt50 {
    margin-top: 50px !important;
}

.i-mb50 {
    margin-bottom: 50px !important;
}

.i-mr50 {
    margin-right: 50px !important;
}

.i-ml50 {
    margin-left: 50px !important;
}

.i-pt50 {
    padding-top: 50px !important;
}

.i-pb50 {
    padding-bottom: 50px !important;
}

.i-pr50 {
    padding-right: 50px !important;
}

.i-pl50 {
    padding-left: 50px !important;
}

.i-mt45 {
    margin-top: 45px !important;
}

.i-mb45 {
    margin-bottom: 45px !important;
}

.i-mr45 {
    margin-right: 45px !important;
}

.i-ml45 {
    margin-left: 45px !important;
}

.i-pt45 {
    padding-top: 45px !important;
}

.i-pb45 {
    padding-bottom: 45px !important;
}

.i-pr45 {
    padding-right: 45px !important;
}

.i-pl45 {
    padding-left: 45px !important;
}

.i-mt40 {
    margin-top: 40px !important;
}

.i-mb40 {
    margin-bottom: 40px !important;
}

.i-mr40 {
    margin-right: 40px !important;
}

.i-ml40 {
    margin-left: 40px !important;
}

.i-pt40 {
    padding-top: 40px !important;
}

.i-pb40 {
    padding-bottom: 40px !important;
}

.i-pr40 {
    padding-right: 40px !important;
}

.i-pl40 {
    padding-left: 40px !important;
}

.i-mt35 {
    margin-top: 35px !important;
}

.i-mb35 {
    margin-bottom: 35px !important;
}

.i-mr35 {
    margin-right: 35px !important;
}

.i-ml35 {
    margin-left: 35px !important;
}

.i-pt35 {
    padding-top: 35px !important;
}

.i-pb35 {
    padding-bottom: 35px !important;
}

.i-pr35 {
    padding-right: 35px !important;
}

.i-pl35 {
    padding-left: 35px !important;
}

.i-mt30 {
    margin-top: 30px !important;
}

.i-mb30 {
    margin-bottom: 30px !important;
}

.i-mr30 {
    margin-right: 30px !important;
}

.i-ml30 {
    margin-left: 30px !important;
}

.i-pt30 {
    padding-top: 30px !important;
}

.i-pb30 {
    padding-bottom: 30px !important;
}

.i-pr30 {
    padding-right: 30px !important;
}

.i-pl30 {
    padding-left: 30px !important;
}

.i-mt25 {
    margin-top: 25px !important;
}

.i-mb25 {
    margin-bottom: 25px !important;
}

.i-mr25 {
    margin-right: 25px !important;
}

.i-ml25 {
    margin-left: 25px !important;
}

.i-pt25 {
    padding-top: 25px !important;
}

.i-pb25 {
    padding-bottom: 25px !important;
}


.i-pr25 {
    padding-right: 25px !important;
}

.i-pl25 {
    padding-left: 25px !important;
}

.i-mt20 {
    margin-top: 20px !important;
}

.i-mb20 {
    margin-bottom: 20px !important;
}

.i-mr20 {
    margin-right: 20px !important;
}

.i-ml20 {
    margin-left: 20px !important;
}

.i-pt20 {
    padding-top: 20px !important;
}

.i-pb20 {
    padding-bottom: 20px !important;
}

.i-pr20 {
    padding-right: 20px !important;
}

.i-pl20 {
    padding-left: 20px !important;
}

.i-mt15 {
    margin-top: 15px !important;
}

.i-mb15 {
    margin-bottom: 15px !important;
}

.i-mr15 {
    margin-right: 15px !important;
}

.i-ml15 {
    margin-left: 15px !important;
}

.i-pt15 {
    padding-top: 15px !important;
}

.i-pb15 {
    padding-bottom: 15px !important;
}

.i-pr15 {
    padding-right: 15px !important;
}

.i-pl15 {
    padding-left: 15px !important;
}

.i-mt10 {
    margin-top: 10px !important;
}

.i-mb10 {
    margin-bottom: 10px !important;
}

.i-mr10 {
    margin-right: 10px !important;
}

.i-ml10 {
    margin-left: 10px !important;
}

.i-pt10 {
    padding-top: 10px !important;
}

.i-pb10 {
    padding-bottom: 10px !important;
}

.i-pr10 {
    padding-right: 10px !important;
}

.i-pl10 {
    padding-left: 10px !important;
}

.i-mt5 {
    margin-top: 5px !important;
}

.i-mb5 {
    margin-bottom: 5px !important;
}

.i-mr5 {
    margin-right: 5px !important;
}

.i-ml5 {
    margin-left: 5px !important;
}

.i-pt5 {
    padding-top: 5px !important;
}

.i-pb5 {
    padding-bottom: 5px !important;
}

.i-pr5 {
    padding-right: 5px !important;
}

.i-pl5 {
    padding-left: 5px !important;
}

.i-mt0 {
    margin-top: 0 !important;
}

.i-mb0 {
    margin-bottom: 0 !important;
}

.i-mr0 {
    margin-right: 0 !important;
}

.i-ml0 {
    margin-left: 0 !important;
}

.i-pt0 {
    padding-top: 0 !important;
}

.i-pb0 {
    padding-bottom: 0 !important;
}

.i-pr0 {
    padding-right: 0 !important;
}

.i-pl0 {
    padding-left: 0 !important;
}


/*-------------------------------------------------------------
    2018.04 point
-------------------------------------------------------------*/
.content .detail_container .product_point_text {
    color: #00a0e8;
    font-size: 14px;
}

.content .detail_container .product_point_num {
    color: #00a0e8;
    font-weight: normal;
    font-size: 14px;
}

.product_header_bnr {
    width: 980px;
    margin: 20px auto;
    background:url(/static/images/product_header_bnr/product_header_bnr.gif) no-repeat center center;
    min-height: 28px;
    display: block;
}

@media only screen and (max-width: 736px) {
.product_header_bnr {
    margin: 20px auto;
    background:url(/static/images/product_header_bnr/product_header_bnr.gif) no-repeat center center;
    min-height: 28px;
    width: 90%;
    display: block;
    -webkit-background-size: contain;
         -o-background-size: contain;
            background-size: contain;
    }
}

/*-------------------------------------------------------------
    2018.06 spスライダー
-------------------------------------------------------------*/

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 980px) {
/*201809*/
.slider li{
    margin-bottom: 10px;
    padding-bottom:10px;
    border-bottom:1px solid #f3f3f3;
}
}

/*-------------------------------------------------------------
    2018.06 ボタンの色　hr横幅
-------------------------------------------------------------*/
@media screen and (max-width: 980px) {
    .i-w {
        width: 90%;
        margin: 0 auto;
    }
}
a.btn-pink, a.btn-pink:hover {
    background:#f04b85;
    color: #FFF;
    border: none;
}
a.btn-pink:hover {
    opacity: 0.6;
}
sup {
    vertical-align: top!important;
}
/*-------------------------------------------------------------
    2018.06 spメニュー
-------------------------------------------------------------*/

.sp_menu .sp_menu_list li a {
    display: block;
    text-decoration: none;
}
.sp_menu .sp_menu_list li {
    position:relative;
    padding: 10px;
    font-size:13px;
    line-height:20px;
    /*border-bottom: 1px solid #ddd;*/
    font-weight: bold;
}

.sp_menu .sp_menu_list li.sp_menu_item {
    background: #00A0E8;
	border-bottom: 1px solid #FFF;
}
.sp_menu .sp_menu_list li.sp_menu_item:last-child {
	border-bottom-style: none;
}


.sp_menu .sp_menu_list li.sp_menu_item_2,.sp_menu_item_3{
    background: #DAEEFA;
	border-bottom: 1px solid #27A0E8;
}

.sp_menu .sp_menu_list li.sp_menu_item a {
    color: #FFF;
    background: url(../images/sp_menu_arw.png) no-repeat right center;
    background-size:5px 10px;
}

.sp_menu .sp_menu_list li.sp_menu_item_2 a {
    color: #27A0E8;
    background: url(../images/sp_menu_arw2.png) no-repeat right center;
    background-size:5px 10px;
}

.sp_menu .sp_menu_list li.sp_menu_item_3 a {
    color: #27A0E8;
    background: url(../images/sp_menu_arw2.png) no-repeat right center;
    background-size:5px 10px;
	padding-left: 20px;
}

.sp_menu .sp_menu_list li.active a {
    background:url(../images/icon_close_40x40.png) no-repeat right center;
    background-size:20px 20px
}
.sp_menu .sp_menu_list li a{
    background:url(../images/icon_open_40x40.png) no-repeat right center;
    background-size:20px 20px;
}
.sp_menu .sp_menu_list li.sublist li:first-child{
    border-top: 1px solid #ddd;
    margin-top: 10px;
}
.sp_menu .sp_menu_list li.sublist li {
    border-bottom: 1px solid #ddd;
}
.sp_menu .sp_menu_list li.sublist .sublist_items a {
    background: url(../images/sp_menu_arw2.png) no-repeat right center;
    background-size:5px 10px;
}
.sp_menu .sp_menu_list li.sublist .sublist_items2 li {
    padding-right: 0;
    border: none;
}
.sp_menu .sp_menu_list li.sublist .sublist_items2 a {
    background: url(../images/sp_menu_arw2.png) no-repeat right center;
    background-size:5px 10px;
    color: #000;
    font-weight: normal;
}

.sp_menu .searchbox {
    clear:both;
    width:100%!important;
    margin:20px 0 15px 20px;
}
.sp_menu .searchbox .fld {
    width:80%!important;
    padding:5px;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    border-radius:5px;
    border:solid 1px #ddd;
    margin-right:5px;
    vertical-align: top;
    font-size: 14px;
}

.sp_menu_bg {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background: #fff;
    z-index:2100;
}

.sp_menu .sp_menu_list li.border {
    border-top: 1px solid #ddd!important;
}

/*    2018.08
-------------------------------------------------------------*/
.item_detail_header .cartbox .price_select {
    font-size:27px;
}


/*    2018.09
-------------------------------------------------------------*/
#add_cart .btn a {
    line-height:35px !important;
}
@media screen and (max-width: 980px) {
        #add_cart .btn a {
        line-height:45px !important;
    }
}
/*   医師・研究者の方へ
-------------------------------------------------------------*/
.doctor{
    width:600px;
	/*1カラムの場合widthの指定を310pxにする*/
	/*width: 310px;*/
    margin:30px auto 20px;
}
    
@media only screen and (max-width: 736px) {
.doctor{
    max-width:70%;
}
}
/*    2019.12(1カラムになったためwidth変更)
-------------------------------------------------------------*/	
/*.doctor .doctor_1column{
	text-align: center;
	margin: 20px auto;
	
}
@media only screen and (max-width: 736px) {
.doctor .doctor_1column{
	text-align: center;
}
	.doctor_1column img{
		width: 70%;
		height: 70%;
	}
}
	*/
/*TOPページスライダーPC表示*/
/*
@media only screen and (min-width: 737px) {
#wrapper > div.contents.index_contents > div.slider.mainvisual.slider_mainvisual > div:nth-child(1){
    display: block;
    }
#wrapper > div.contents.index_contents > div.slider.mainvisual.slider_mainvisual > div:nth-child(2){
    display: none;
    }
}
*/
/*TOPページスライダーSP表示*/
/*
@media only screen and (max-width: 736px) {
#wrapper > div.contents.index_contents > div.slider.mainvisual.slider_mainvisual > div:nth-child(1){
    display: none;
    }
#wrapper > div.contents.index_contents > div.slider.mainvisual.slider_mainvisual > div:nth-child(2){
    display:block;
    }
}
*/
#reccomend > div.content > div > ul{
    display: flex;
    justify-content: center;
    display:-ms-flexbox;
    -ms-flex-pack: center;
}
#reccomend{
    padding-bottom: 10px;
}
#reccomend > div.content > div > ul li{
    margin-top: 20px;
}
/*IE崩れ*/
@media all and (-ms-high-contrast: none) {
    #wrapper > div.contents.index_contents > div.slider.mainvisual.slider_mainvisual > div > div.bx-controls.bx-has-pager.bx-has-controls-direction > div.bx-pager.bx-default-pager{
      display: none;
    }
    #wrapper > div.contents.index_contents > div.slider.mainvisual.slider_mainvisual > div > div.bx-controls.bx-has-pager.bx-has-controls-direction > div.bx-controls-direction{
    
      display: none;
    }
}
/*Firrefox崩れ*/
@-moz-document url-prefix() {
 #wrapper > div.contents.index_contents > div.slider.mainvisual.slider_mainvisual > div > div.bx-controls.bx-has-pager.bx-has-controls-direction > div.bx-pager.bx-default-pager{
      display: none;
    }
    #wrapper > div.contents.index_contents > div.slider.mainvisual.slider_mainvisual > div > div.bx-controls.bx-has-pager.bx-has-controls-direction > div.bx-controls-direction{
    
      display: none;
    }
}
/* icon */
div.icon-pickup-reccomend{
    box-sizing: border-box;
}
div.icon-pickup-reccomend {
    display: table;
    position: absolute;
    text-align: center;
    z-index: 1000;
    top: -20px;
    left: 0;
}
div.icon-pickup-reccomend span {
    color: #f04b85;
    border: 1px solid #f04b85;
    background: #fcf4f8;
    padding: 4px 6px;
    font-size: 11px;
}
div.icon-pickup-reccomend span.icon-new {
    color: #fff;
    border: 1px solid #f04b85;
    background: #f04b85;
}
div.icon-pickup-reccomend span:nth-child(2) {
    margin-left: 5px;
}