/*--------------------------------------------
　　　GOOGLE FONTS
---------------------------------------------*/

@import url(https://fonts.googleapis.com/css?family=Roboto:300,400,500,700);



/*--------------------------------------------
　　　RESET
---------------------------------------------*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, 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-size: 100%;
    font: inherit;
}



/*--------------------------------------------
　　　Form
---------------------------------------------*/

input[type="button"],input[type="submit"] {
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-appearance: none;
}

input[type="submit"]{
    font-family: 'Roboto',Helvetica,Arial,sans-serif;
    font-size: 100%;
    line-height: 160%;
}

input[type="text"]{

}

input[type="radio"]{
    margin: 0;
    padding: 0;
}

select#subject{
    width: 100%;
}

textarea{
    width: 98%;
}


/*--------------------------------------------
　　　Clear
---------------------------------------------*/

.clearfix:after {
    content: "";
    clear: both;
    display: block;
}

img{ border-style: none; }



/*--------------------------------------------
　　　Body
---------------------------------------------*/

body {
    background-color: #FFFFFF;
    margin: 0px;
    padding: 0px;
    color: #555555;
    font-family: 'Roboto',Arial,Helvetica,sans-serif;
    font-size: 13px;
    line-height: 160%;
}


/*--------------------------------------------
　　　Link
---------------------------------------------*/

a {
    color: #669999;
    text-decoration: underline;
    display: inline-block;
    line-height: normal;
}

a:visited {
    color: #669999;
    text-decoration: underline;
}

a:hover {
    color: #669999;
    text-decoration: none;
}


/*--------------------------------------------
　　　List
---------------------------------------------*/

ol {
    margin: 0px 0px 0px 25px;
    padding: 0px;
    line-height: 1.5;
}

ul{ list-style: none; }




/*--------------------------------------------
　　　Title
---------------------------------------------*/

.headline{
    padding: 60px 0 0 30px;
    font-size: 16px;
    display: inline-block;
    float: left;
}

h2 {
    font-size: 22px;
    font-weight: bold;
    margin: 0px;
    padding: 0 0 50px 0;
}

h2.catch {
    padding: 45px 0 0 15px;
    font-size: 12px;
    display: inline-block;
    font-weight: 300;
    float: left;
}

h1.ttl_01,
h2.ttl_01 {
    position: relative;
    text-align: center;
    padding: 40px 0;
    color: #669999;
}

h1.ttl_01:before,
h2.ttl_01:before {
    content: "";
    display: block;
    border-top: solid 1px #dedede;
    width: 100%;
    height: 1px;
    position: absolute;
    top: 50%;
    z-index: 1;
}

h1.ttl_01 span,
h2.ttl_01 span {
    color: #333333;
    background: #fff;
    padding: 0 30px;
    position: relative;
    z-index: 5;
    font-size: 18px;
    font-weight: normal;
    text-transform: uppercase;
    letter-spacing: 0.12em;
}

h3 {
    font-size: 18px;
    font-weight: normal;
    margin: 0px;
    padding: 0 0 30px 0;
}

h3.ttl_01{
    font-size: 15px;
    background-color: #eeeeee;
    padding: 12px;
    margin: 0 0 20px 0;
}

h3.ttl_02{
    color: #FFF;
    font-size: 15px;
    background-color: #cccccc;
    padding: 7px 10px;
    margin: 0 0 15px 0;
}

h3.ttl_03{
    color: #333;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0.1em;
}


h4{
    font-size: 16px;
}

h4.ttl_01{
    border-bottom: 1px dotted #CCC;
    padding: 0 0 8px 0;
}

h4.ttl_02{
    color: #666;
    font-size: 17px;
    letter-spacing: 0.05em;
    font-weight: 500;
    padding: 0 0 30px 0;
    border-bottom: 1px solid #ececec;
    margin: 20px 0 30px 0;
}
h4.ttl_03{
    padding: 0 0 10px 0;
}

p.delay-alert{
    display: block;
    text-align: center;
    background: #FF0000;
    padding: 10px 0;
    width: 100%;
    color: #FFFFFF;
    margin: 20px 0 0 0;
    font-size: 16px;
}




/*--------------------------------------------
　　　Width
---------------------------------------------*/

.max_width{
    width: 100%;
}

.width_30{
    width: 30%;
}



/*--------------------------------------------
　　　Margin, Padding
---------------------------------------------*/

.pb_20{padding-bottom: 20px;}
.pl_10{padding-left: 9px;}
.pr_10{padding-right: 10px;}
.mt_20{margin-top: 20px;}
.mb_10{margin-bottom: 10px;}
.mb_20{margin-bottom: 20px;}
.ml_5{margin-left: 5px;}
.ml_10{margin-left: 10px;}
.ml_15{margin-left: 15px;}
.ml_20{margin-left: 20px;}
.ml_90{margin-left: 90px;}
.ml_100{margin-left: 100px;}


/*--------------------------------------------
　　　Text-align
---------------------------------------------*/

.ta_c{
    text-align: center;
}
.ta_l{
    text-align: left;
}
.ta_r{
    text-align: right;
}



/*--------------------------------------------
　　　Break point
---------------------------------------------*/

.break_10{
    border-bottom: 1px solid #eeeeee;
    padding:  0 0 10px 0;
    margin: 0 0 10px 0;
}
.break_10_noborder{
    padding:  0 0 10px 0;
    margin: 0 0 10px 0;
}
.break_15{
    border-bottom: 1px solid #eeeeee;
    padding:  0 0 15px 0;
    margin: 0 0 15px 0;
}
.break_15_noborder{
    padding:  0 0 15px 0;
    margin: 0 0 15px 0;
}
.break_20{
    border-bottom: 1px solid #eeeeee;
    padding:  0 0 20px 0;
    margin: 0 0 20px 0;
}
.break_20_noborder{
    padding:  0 0 20px 0;
    margin: 0 0 20px 0;
}
.break_30{
    border-bottom: 1px solid #eeeeee;
    padding:  0 0 30px 0;
    margin: 0 0 30px 0;
}
.break_30_noborder{
    padding:  0 0 30px 0;
    margin: 0 0 30px 0;
}

.paragraph{
    padding: 0 0 30px 0;
    margin: 0 0 30px 0;
    border-bottom: 1px dotted #CCC;
}

.contents{
    padding: 0 0 30px 0;
    margin: 0 0 30px 0;
}

.paragraph:after,
.contents:after {
    content: "";
    clear: both;
    display: block;
}



/*--------------------------------------------
　　　Button
---------------------------------------------*/


.button_addcart{
    background: #288181/* url(../img/icon/button_cart.png) no-repeat 20% center*/;
    padding: 16px;
    width: 320px;
    color: #FFFFFF;
    border: none;
    float: right;
    font-size: 14px !important;
    font-weight: 600;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    margin: 15px 0 0 0;
    cursor: pointer;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    -webkit-border-radius: 3px !important;
    -moz-border-radius: 3px !important;
    border-radius: 3px !important;

}

.button_addcart:hover{
    background: #198989/* url(../img/icon/button_cart.png) no-repeat 22% center*/;
}

.button_green{
    display: inline-block;
    position: relative;
    font-size: 13px;
    font-weight: normal;
    background: #669999;
    color: #FFF;
    border: none;
    cursor: pointer;
    border-radius: 5px;
    -webkit-border-radius: 5px; 
    -moz-border-radius: 5px;
    -webkit-transition: 0.3s ease-in-out;  
    -moz-transition: 0.3s ease-in-out;  
    -o-transition: 0.3s ease-in-out;  
    transition: 0.3s ease-in-out;
}

input.button_green{
    display: inline-block;
    position: relative;
    font-size: 13px;
    font-weight: normal;
    background: #669999;
    color: #FFF;
    border: none;
    cursor: pointer;
    border-radius: 5px;
    padding: 12px 0;
    -webkit-border-radius: 5px; 
    -moz-border-radius: 5px;
    -webkit-transition: 0.3s ease-in-out;  
    -moz-transition: 0.3s ease-in-out;  
    -o-transition: 0.3s ease-in-out;  
    transition: 0.3s ease-in-out;
}

.button_green_wide{
    display: inline-block;
    position: relative;
    font-size: 13px;
    font-weight: normal;
    background: #669999;
    color: #FFF;
    border: none;
    cursor: pointer;
    border-radius: 5px;
    -webkit-border-radius: 5px; 
    -moz-border-radius: 5px;
    -webkit-transition: 0.3s ease-in-out;  
    -moz-transition: 0.3s ease-in-out;  
    -o-transition: 0.3s ease-in-out;  
    transition: 0.3s ease-in-out;
    border: 2px solid #669999;
}

input.button_green_wide{
    display: inline-block;
    position: relative;
    font-size: 13px;
    font-weight: normal;
    background: #669999;
    color: #FFF;
    border: none;
    width: 300px;
    height: 51px;
    /*padding: 12px 40px;*/
    cursor: pointer;
    border-radius: 5px;
    -webkit-border-radius: 5px; 
    -moz-border-radius: 5px;
    -webkit-transition: 0.3s ease-in-out;  
    -moz-transition: 0.3s ease-in-out;  
    -o-transition: 0.3s ease-in-out;  
    transition: 0.3s ease-in-out;
    border: 2px solid #669999;
}

input.button_green_wide_next{
    display: inline-block;
    position: relative;
    font-size: 13px;
    font-weight: normal;
    background-color: #669999;
    color: #FFF;
    border: none;
    width: 300px;
    height: 51px;
    /*padding: 12px 40px;*/
    cursor: pointer;
    border-radius: 5px;
    -webkit-border-radius: 5px; 
    -moz-border-radius: 5px;
    -webkit-transition: 0.3s ease-in-out;  
    -moz-transition: 0.3s ease-in-out;  
    -o-transition: 0.3s ease-in-out;  
    transition: 0.3s ease-in-out;
    border: 2px solid #669999;
    background-image: url(../img/icon/button_arrow_right.png) no-repeat right center;
}



.button_white{
    display: inline-block;
    position: relative;
    font-size: 13px;
    font-weight: normal;
    background: #FFF;
    color: #669999;
    border: 2px solid #669999;
    cursor: pointer;
    border-radius: 5px;
    -webkit-border-radius: 5px; 
    -moz-border-radius: 5px;
    -webkit-transition: 0.3s ease-in-out;  
    -moz-transition: 0.3s ease-in-out;  
    -o-transition: 0.3s ease-in-out;  
    transition: 0.3s ease-in;
}

.button_white_wide{
    display: inline-block;
    position: relative;
    font-size: 13px;
    font-weight: normal;
    background: #FFF;
    color: #669999;
    border: 2px solid #669999;
    text-align: center;
    cursor: pointer;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in;
}

.button_white_view{
    display: inline-block;
    position: relative;
    font-size: 13px;
    font-weight: normal;
    background: #FFF;
    color: #669999;
    border: 2px solid #669999;
    width: 125px;
    cursor: pointer;
    border-radius: 5px;
    -webkit-border-radius: 5px; 
    -moz-border-radius: 5px;
    -webkit-transition: 0.3s ease-in-out;  
    -moz-transition: 0.3s ease-in-out;  
    -o-transition: 0.3s ease-in-out;  
    transition: 0.3s ease-in;
}


input.button_white_wide{
    display: inline-block;
    position: relative;
    font-size: 13px;
    font-weight: normal;
    background: #FFF;
    color: #669999;
    border: 2px solid #669999;
    text-align: center;
    width: 300px;
    padding: 12px 40px;
    cursor: pointer;
    border-radius: 5px;
    -webkit-border-radius: 5px; 
    -moz-border-radius: 5px;
    -webkit-transition: 0.3s ease-in-out;  
    -moz-transition: 0.3s ease-in-out;  
    -o-transition: 0.3s ease-in-out;  
    transition: 0.3s ease-in;
}


.button_green_wide a,
input.button_green_wide_next a{
     display: block ;
     width: 220px;
     height: 100%;
     padding: 12px 40px;
    text-decoration: none;
    color: #FFF;
}

.button_white_wide a,
.button_white_view a{
     display: block ;
     width: 220px;
     height: 100%;
     padding: 12px 40px;
    text-decoration: none;
    color: #669999;
}

.button_green a,
.button_white a{
    display: block;
    width: 150px;
    height: 100%;
    padding: 12px 40px;
    text-decoration: none;
    color: #FFF;
}




.button_green a.right_arrow span,
.button_green_wide a.right_arrow span,
input.button_green_wide_next a.right_arrow span,
.button_ghost_orange a.right_arrow span{
    display: block;
    width: 80%;
    background: url(../img/icon/button_arrow_right.png) no-repeat right center;
    padding: 2px 0 3px 0;
    margin: 0 auto;
}

.button_green a.left_arrow span,
.button_green_wide a.left_arrow span,
input.button_green_wide_next a.left_arrow span,
.button_ghost_orange a.left_arrow span{
    display: block;
    width: 80%;
    background: url(../img/icon/button_arrow_left.png) no-repeat left center;
    padding: 2px 0 3px 0;
    margin: 0 auto;
}



.button_white a.right_arrow span,
.button_white_wide a.right_arrow span,
input.button_white_wide_next a.right_arrow span,
.button_ghost_orange a.right_arrow span{
    display: block;
    width: 80%;
    background: url(../img/icon/button_arrow_white_right.png) no-repeat right center;
    padding: 2px 0 3px 0;
    margin: 0 auto;
}

.button_white a.left_arrow span,
.button_white_wide a.left_arrow span,
input.button_white_wide_next a.left_arrow span,
.button_ghost_orange a.left_arrow span{
    display: block;
    width: 80%;
    background: url(../img/icon/button_arrow_white_left.png) no-repeat left center;
    padding: 2px 0 3px 0;
    margin: 0 auto;
}


.button_white a span,
.button_white_wide a span,
.button_white_view a span{
    display: block;
    width: 80%;
    background: url(../img/icon/button_arrow_white_left.png) no-repeat left center;
    padding: 2px 0 3px 0;
    margin: 0 auto;
    color: #669999;
}


.button_green:hover,
.button_green_wide:hover,
input.button_green_wide_next:hover,
.button_orange:hover{
    opacity:0.8;
    filter: alpha(opacity=80);
    -webkit-transition: all .3s;
    transition: all .3s;
}

.button_white:hover,
.button_white:hover a span,
.button_white_view:hover,
.button_white_wide:hover{
        opacity:0.5;
    filter: alpha(opacity=50);
    -webkit-transition: all .3s;
    transition: all .3s;
}

.button_ghost_orange:hover{
    background-color: #ff8067;
    color: #FFF;
}

.button_green span.right_arrow,
.button_green_wide span.right_arrow{
    width: 80%;
    background: url(../img/icon/button_arrow_right.png) no-repeat right center;
    padding: 0 30px 0 0;
}

.button_white span.right_arrow,
.button_white_wide span.right_arrow{
    background: url(../img/icon/button_arrow_white_right.png) no-repeat right center;
    padding: 0 30px 0 0;
}

.button_green span.left_arrow,
.button_green_wide span.left_arrow{
    width: 80%;
    background: url(../img/icon/button_arrow_left.png) no-repeat left center;
    padding: 0 0 0 30px;
}

.button_white span.left_arrow,
.button_white_wide span.left_arrow{
    background: url(../img/icon/button_arrow_white_left.png) no-repeat left center;
    padding: 0 0 0 30px;
}



/*--------------------------------------------
　　　Table
---------------------------------------------*/

table.table_basic {
    width: 100%;
    border-collapse: collapse;
    margin: 0 0 30px 0;
}
table.table_basic tr th{
    font-weight: 500;
    background-color: #669999;
    color: #FFF;
    text-align: center;
    border: 1px solid #f1f1f1;
    padding: 12px 15px;
}
table.table_basic tr td{
    padding: 12px;
    border: 1px solid #f1f1f1;
    background-color: #FFFFFF;
}

table.table_classic {
    width: 100%;
    border-collapse: collapse;
    margin: 0 0 30px 0;
    border: 1px solid #cfcfcf;
}
table.table_classic tr th{
    font-weight: 500;
    background-color: #f3f3f3;
    border: 1px dotted #cfcfcf;
    color: #817c70;
    padding: 12px 15px;
}
table.table_classic tr td{
    padding: 12px;
    border: 1px dotted #cfcfcf;
    background-color: #FFFFFF;
}

.bgcolor_main {
    background: #f1f1f1;
}
.bgcolor_sub {
    background: #669999;
}


table.table_gray {
    width: 100%;
    border-collapse: collapse;
    margin: 0 0 30px 0;
}
table.table_gray tr th{
    font-weight: 500;
    background-color: #cccccc;
    color: #FFF;
    text-align: center;
    border: 1px solid #f1f1f1;
    padding: 12px 15px;
}
table.table_gray tr td{
    padding: 12px;
    border: 1px solid #f1f1f1;
    background-color: #FFFFFF;
}

th.th_nowrap{
    white-space: nowrap;
}
/*--------------------------------------------
　　　Text snnipet
---------------------------------------------*/

.text_small{ font-size: 11px; }
.textfs {
    font-size: 11px;
    color: #FFF;
    line-height:16px;
}

.texts {
    font-size: 11px;
    color: #4C5373;
    }

.textp {
    font-size: 12px;
    color: #67999a;
}
.textttl {
    font-size: 15px;
    color: #0273C2;
}

.textpps {
    font-size: 11px;
    color: #000000;
    font-weight:bold;
}

.price_product_information {
    font-size: 36px;
    color: #288181;
}

.textrs {
    font-size: 11px;
    color: #E20BE5;
}
.textn {
    font-size: 11px;
    color: #012243;
}
.textred {
    font-size: 12px;
    color: #EE0101;
}
.textreds {
    font-size: 11px;
    color: #ef4511;
}

.text12 {
    font-size: 12px;
    color: #021E7B;
    line-height:16px;
}
.textrs2 {
    font-size: 11px;
    color: #FF1235;
}
.prices {
    font-size: 12px;
    color: #333;
    font-weight:bold;
    padding:0 16px 0 0;
    background: #FFF;background-position:right;
}

.prices s{
    color: #666666;
}

.type {
    font-size: 11px;
    color: #4C5373;
    }
.type a {
    color: #4C5373;
    text-decoration: underline;
}
.type a:visited {
    color: #4C5373;
    text-decoration: underline;
}
.type a:hover {
    color: #BC2CBD;
    text-decoration: none;
}
.textbs p{
    color: #6f6f6f;
    font-size: 13px;
    padding: 0 0 10px 0;
}

.button_area{
    text-align: center;
    padding: 20px 0 0 0;
}

p.sub_txt{
    padding: 20px 0 0 0;
}
.base p{
    padding: 0 0 15px 0;
}




/*----------------------------------------------------------Module End----------------------------------------------------------*/




/*--------------------------------------------
　　　GENERAL
---------------------------------------------*/

.wrap{
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}
.wrap:after{
    content: "";
    clear: both;
    display: block;
}

.content{
    width: 840px;
}
.content:after { content: ""; clear: both; display: block; }

.pull-left{
    float: left;
}

.left_column{
    float: left;
    width: 48%;
    padding: 0 1% 0 0; 
}

.right_column{
    float: right;
    width: 48%;
    padding: 0 0 0 1%;
}




.inner{
    width: 1168px;
    padding: 0 16px;
    margin: 0 auto;
}


.wrapper{
    width: 1000px;
    margin: 0 auto;
}


.base {
    width: 790px;
    float: left;
}

.container {
    width: 78%;
    float: left;
}

.wrapper:after,
.inner:after
 { content: ""; clear: both; display: block; }


/*--------------------------------------------
　　　HEADER
---------------------------------------------*/

 #header{
    position: relative;
    width: 100%;
    height: 90px;
    z-index: 999;
    -webkit-box-shadow: 1px 3px 10px 0px rgba(0,0,0,0.08);
    -moz-box-shadow: 1px 3px 10px 0px rgba(0,0,0,0.08);
    box-shadow: 1px 3px 10px 0px rgba(0,0,0,0.08);
}

#header .logo{
    position: absolute;
    top: 25px;
    left: 50%;
    margin: 0 0 0 -95px;
}
#header .logo img{
    width: 190px;
}
#global div {
    top: 35px;
    float: left;
    position: relative;
    padding: 0 60px 0 0;
    font-size: 15px;
    cursor: pointer;
}

#global a {
    text-decoration: none;
    color: #333;
}

#global span {
    position: relative;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 0.06em;
    letter-spacing: 0.06em;
}

#global span:before,
#global span:after{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    content: "";
    vertical-align: middle;
}

#global span:after {
    top: -5px;
    left: 110%;
    width: 6px;
    height: 6px;
    border-top: 2px solid #209ba0;
    border-right: 2px solid #209ba0;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
}

#global div ul {
    min-width: 180px;
    left: -15px;
    top: 55px;
    padding: 15px 0;
    display: none;
    position: absolute;
    z-index: 999;
    background: #ffffff;
    -webkit-box-shadow: 1px 7px 10px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: 1px 7px 10px 0px rgba(0,0,0,0.25);
    box-shadow: 1px 7px 10px 0px rgba(0,0,0,0.25);
}

#global div:nth-child(2) ul{
    min-width: 220px;
}

#global ul li a{
    color: #333333;
    font-size: 16px;
    text-decoration: none;
    padding: 12px 20px;
}
#global ul li a:hover{
    text-decoration: underline;
}

#user_menu{
    padding: 25px 0 0 0;
    font-size: 15px;
    float: right;
    width: auto; 
    height: 50px;
}
.search_bar{
    float: left;
}

.search_bar input[type="text"]{
    background: #f5f5f5 url(/img/icon/search.gif) no-repeat 15px center;
    background-size: 16px;
    border: none;
    border-radius: 5px;
    padding: 14px 12px 10px 42px;
    width: 250px;
}

.sign_in, .shopping_cart{
    float: left;
    padding: 10px 0 0 20px;
    display: inline-block;
}

.shopping_cart{
    padding: 5px 0 0 20px;
}

.sign_in a{
    color: #333;
    text-decoration: none;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.06em;
}

.sign_in strong a{
    text-transform: none;
}

.shopping_cart a{
    box-sizing: border-box;
    color: #fff;
    text-decoration: none;
    background: #209ba0;
    border-radius: 100%;
    line-height: 30px;
    height: 30px;
    width: 30px;
    text-align: center;
}

#header_step {
    width: 100%;
    height: 90px;
    padding: 0;
    margin: 0 0 50px 0;
    -webkit-box-shadow: 1px 3px 10px 0 rgba(0,0,0,0.08);
    -moz-box-shadow: 1px 3px 10px 0 rgba(0,0,0,0.08);
    box-shadow: 1px 3px 10px 0 rgba(0,0,0,0.08);
}

#header_step .step_img{
    float: right;
    padding: 35px 0 0 0;
}

.header_logo{
    padding: 28px 0;
    float:left;
}

.header_logo img{
    width: 190px;
}

.sb-holder{
    color: #ffffff;
    width: 100%;
    text-align: center;
    background: #333;
    padding: 10px;
    box-sizing: border-box;
}

.sb-holder a{
    color: #fff;
    display: inline-block;
    height: 100%;
    width: 100%;
    font-size: 14px;
    text-decoration: none;
}

.sb-holder a:hover{
    text-decoration: underline;
}

/*--------------------------------------------
　　　Breadcrumb_list
---------------------------------------------*/

.path {
    font-size: 15px;
    padding: 30px 0;
}


/*--------------------------------------------
　　　Global_navigation
---------------------------------------------*/

nav.gnav{
    background: #f2f2f2;
    width: 100%;
}

nav.gnav:after {
    content: "";
    clear: both;
    display: block;
}

.menu {
    position: relative;
    width: 100%;
    margin: 0 auto;
    float: left;
    background: #f2f2f2;
    box-sizing: border-box;
}

.menu > li {
    border-right: 1px solid #FFF;
    float: left;
    text-align: center;
    line-height: 50px;
    width: 16.66%;
    box-sizing: border-box;
}

.menu > li a{
    display: block;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.menu > li:first-child {
    border-left: 1px solid #FFF;
}

.menu > li:hover {
    background: #ffffff none repeat scroll 0 0;
    -webkit-transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
}

.menu > li a.main_menu {
    display: block;
    color: #333333;
    font-weight: 400;
    text-decoration: none;
    font-size: 14px;
    letter-spacing: 0.08em;
    padding: 15px 0;
    transition: all 0.2s ease 0s;
    /*border-right: 1px solid #999;*/
}
.menu > li a.main_menu:hover{
    background-color: #FFF;
    color: #288181;
    transition: all 0.2s ease 0s;
}

.menu > li a.main_menu_last {
    display: block;
    color: #333333;
    font-weight: 400;
    text-decoration: none;
    font-size: 14px;
    letter-spacing: 0.08em;
    border-right: none;
    padding: 15px 0;
}

.menu > li a.main_menu_last:hover{
    transition: all 0.2s ease 0s;
}

.menu > li a:hover {
    color: #FFF;
    transition: all 0.2s ease 0s;
}

.menu > li a:active ul.menu_second_level {
    top: 50px;
    visibility: visible;
    opacity: 1;
    transition: all 0.2s ease 0s;
}

.menu > li:hover a.main_menu,
.menu > li:hover a.main_menu_last{
    color: #288181;
    background-color: #FFF;
}

ul.menu_second_level {
    visibility: hidden;
    opacity: 0;
    z-index: 50;
}

.menu_second_level > li {
    font-size: 14px;
    line-height: 30px;
    padding: 5px;
    min-height: 220px;
}

.menu_second_level li a:hover {
    opacity: 0.7;
    filter: alpha(opacity=70);
}

.menu:before,
.menu:after {
    content: " ";
    display: table;
}

.menu:after {
    clear: both;
}

.menu {
    *zoom: 1;
}

li.menu_mega ul.menu_second_level {
    position: absolute;
    top: 46px;
    left: 0;
    box-sizing: border-box;
    width: 1168px;
    padding: 30px 4.7%;
    background-color: #FFF;
    border-left: 1px solid #ededed;
    border-right: 1px solid #ededed;
    border-bottom: 1px solid #ededed;
    box-sizing: border-box;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

li.menu_mega:hover ul.menu_second_level {
    top: 46px;
    visibility: visible;
    opacity: 1;
}

li.menu_mega ul.menu_second_level > li {
    width: 16.6%;
    border: none;
    float: left;
    text-align: left;
    padding: 0 1.7% 0 0;
    box-sizing: border-box;
}

li.menu_mega ul.menu_second_level > li > ul > li a{
    font-weight: 300;
    line-height: 140%;
    padding: 0 0 18px 0;
    color: #333333;
    text-decoration: none;
}
li.menu_mega ul.menu_second_level > li > ul > li a:hover{
    text-decoration: underline;
}

li.menu_mega ul.menu_second_level > li img{
    width: 90%;
}

li.ads{
    border-top: 1px solid #ededed !important;
    margin: 15px 0 0 0;
    font-size: 18px;
    color: #669999;
    width: 100% !important;
    min-height: 0;
}

li.ads:after {
    content: "";
    clear: both;
    display: block;
}

.ads p.view_all a{
    font-weight: 300;
    color: #333333;
    float: left;
    padding: 25px 0 10px 0;
    font-size: 16px;
    text-decoration: none;
}

.ads p.view_all a:hover{
    text-decoration: underline;
}

.header_logo_second{
    display: none;
}

#fixed_point.point{
    position: fixed;
    left: 0;
    top:0;
    width: 100%;
    background-color: #FFF;
    z-index: 50;
}

#fixed_point .point form,
#fixed_point .point ul#list_account,
#fixed_point .point .header_logo{
    display: none;
}

#fixed_point.point .header_logo_second{
    width: 150px;
    padding: 15px 15px 15px 0;
    float: left;
    display: block;
    border: none;
}

#fixed_point.point .header_logo_second img{
    width: 160px;
    height: 30px;
}

#fixed_point.point .header_logo_second:hover{
    background-color: #FFF;
    margin: 0 0 0 0;
}

#fixed_point.point .inner ul.menu{
    width: 100%;
}

#fixed_point.point ul#list_cart{
    padding: 5px 0 0 0;
}

#fixed_point.point ul#list_cart li.reorder{
    padding: 8px 0 0 0;
}

#fixed_point.point ul#list_cart li.reorder span{
    display: none;
}


/*--------------------------------------------
　　　HEADER ORDER PROCESS
---------------------------------------------*/

#header:after,
#header_no_nav:after,
#header_step:after
.header_navi:after {
    content: "";
    clear: both;
    display: block;
}

#header {
    width: 100%;
    padding: 0px;
}

#header_no_nav {
    width: 100%;
    height: 100px;
    padding: 0;
}

#header_step {
    box-sizing: border-box;
    width: 100%;
    height: 100px;
    padding: 0;
    margin: 0 0 50px 0;
   -webkit-box-shadow: 0px 10px 15px 1px rgba(0,0,0,0.05);
    -moz-box-shadow: 0px 10px 15px 1px rgba(0,0,0,0.05);
    box-shadow: 0px 10px 15px 1px rgba(0,0,0,0.05);
}

#header_step .step_img{
    float: left;
    padding: 40px 0 0 60px;
}

h1.order-process-logo{
    padding: 25px 0 0 0;
    float: left;
    display: inline-block;
}

h1.order-process-logo a img{
    width: 200px;
}

.order-process-contact{
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 500;
    padding: 40px 0 0 0;
    float: right;
}

.order-process-contact a{
    color: #333333;
    text-decoration: none;
    display: inline-block;
    margin: 0 0 0 20px;
    padding: 0 0 0 20px;
    border-left: 1px solid #d5d5d5;
}

.order-process-contact a:hover{
    text-decoration: underline;
}

/*--------------------------------------------
　　　Side_bar
---------------------------------------------*/

.price-box{
    width: 280px;
    float: right;
    margin: 70px 0 0 0;
    display: inline-block;
    padding: 0 0 0 80px;
}

.price-box ul:after {
    content: "";
    clear: both;
    display: block;
}

.price-box ul li{
    font-size: 14px;
    width: 50%;
    float: left;
    padding: 0 0 15px 0;
}

.price-box ul li:nth-child(even){
    text-align: right;
}


.price-box ul li.tbd{
    color: #ababab;
}


.price-box ul li.total{
    border-top: 2px solid #d5d5d5;
    margin: 10px 0 15px 0;
    padding: 20px 0;
    font-size: 20px;
    font-weight: 500;
}


.price-box h3{
    font-size: 18px;
    font-weight: 500;
    padding: 30px 0 20px 0;
    border-top: 1px solid #d5d5d5;
}

.price-box h4{
    font-size: 18px;
    font-weight: 500;
    text-transform: uppercase;
    padding: 0 0 5px 0;
}

.price-box-button{
    text-transform: uppercase;
    letter-spacing: 0.15em;
    font-weight: 600;
    display: block;
    padding: 16px 0;
    text-decoration: none;
    color: #ffffff !important;
    text-align: center;
    border-radius: 3px;
    width: 100%;
    background: #bbd7d7;
    border: none;
    cursor: pointer;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.price-box-button-confirm{
    text-transform: uppercase;
    letter-spacing: 0.15em;
    font-weight: 600;
    display: block;
    padding: 16px 0;
    text-decoration: none;
    color: #ffffff !important;
    text-align: center;
    border-radius: 3px;
    width: 100%;
    background: #f67d50;
    border: none;
    cursor: pointer;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.price-box-button:hover,
.price-box-button-confirm:hover{
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
}

.positive{
    background: #288181;
}


.price-box .note{
    padding: 15px 0 0 0;
}


#lmenu {
    padding: 0 50px 0 0;
    width: 22%;
    float: left;
    box-sizing: border-box;
}


#lmenu .side_bnr{
    color: #356895;
    font-size: 27px;
    margin: 30px 0 0 0;
}

#lmenu .side_bnr span{
    display: block;
    padding: 13px 0 0 0;
    font-weight: 300;
    font-size: 92%;
}

#lmenu .kago_menu h4{
    font-size: 14px;
    color: #669999;
    padding: 0 0 5px 0;
    margin: 0 0 10px 0;
    border-bottom: 1px solid #CCC;
}
#lmenu .coupon h4{
    font-size: 14px;
    width: 180px;
    color: #669999;
    padding: 0 0 5px 0;
    border-bottom: 1px solid #CCC;
    margin: 0 0 10px 0;
}
#lmenu #lmenu_goodslist h4{
    color: #669999;
    font-size: 18px;
    font-weight: normal;
    border-bottom: 1px solid #CCC;
    padding: 0 0 8px 0;
    margin: 0 0 15px 0;
}
#lmenu #lmenu_goodslist h4.brands{
    margin: 15px 0;
}
#lmenu .coupon p{
    text-align: right;
    width: 180px;
    font-size: 11px;
}
#lmenu .kago_menu ul {
    margin: 0 0 20px 0;
    padding: 0px;
    list-style: none;
}
#lmenu .kago_menu ul li a,
#lmenu .kago_menu ul li a:visited {
    color: #555555;
    list-style: none;
    padding: 0px 0px 0px 14px;
    display: block; 
    text-decoration: none; 
    margin:3px 0 4px 0px;
    font-size: 13px;
    text-align: left;
    width:166px;
    background: url(../img/icon_typecategory.gif) no-repeat #FFF;
    background-position:left center;
}
#lmenu .kago_menu ul li a:hover {
    color: #555555;
    list-style: none;
    padding: 0px 0px 0px 14px;
    display: block;
    text-decoration: none;
    margin:3px 0 4px 0px;
    font-size: 13px;
    width:166px;
    text-align: left;
    text-decoration:underline;
    background-position:left center;
}
#lmenu .kago_menu ul li a,
#lmenu .kago_menu ul li a:visited,
#lmenu .kago_menu ul li a:hover {
    margin:3px 0 3px 8px;
    font-size: 13px;
    width:152px;
    text-align: left;
}
#lmenu .coupon ul{
    list-style: none;
    margin: 0;
    padding: 0;
}
#lmenu .coupon ul li.coupon_01{
    text-align: center;
    color: #FFF;
    width: 180px;
    font-size: 10px;
    background-color: #3a7290;
}
#lmenu .coupon ul li.coupon_01 span{
    background-color: #407fa0;
    width: 80%;
    padding: 5% 5% 0 5%;
    border-left: 1px dotted #abd6ed;
    float: right;
}
#lmenu .coupon ul li.coupon_01 span span{
    color: #3a7290;
    font-size: 14px;
    font-weight: bold;
    background-color: #FFF;
    padding: 2% 5%;
    margin: 5% 0 8% 0;
    width: 90%;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
#lmenu .coupon ul li.coupon_02{
    text-align: center;
    color: #FFF;
    width: 180px;
    font-size: 10px;
    background-color: #5a8888;
    margin: 5px 0 0 0;
}
#lmenu .coupon ul li.coupon_02 span{
    background-color: #669999;
    width: 80%;
    padding: 5% 5% 0 5%;
    border-left: 1px dotted #a8ebeb;
    float: right;
}
#lmenu .coupon ul li.coupon_02 span span{
    font-size: 14px;
    font-weight: bold;
    background-color: #FFF;
    padding: 2% 5%;
    margin: 5% 0 8% 0;
    color: #407fa0;
    width: 90%;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
#lmenu .coupon ul li.coupon_03{
    text-align: center;
    color: #FFF;
    width: 180px;
    font-size: 10px;
    background-color: #679066;
    margin: 5px 0 0 0;
}
#lmenu .coupon ul li.coupon_03 span{
    background-color: #74a473;
    width: 80%;
    padding: 5% 5% 0 5%;
    border-left: 1px dotted #b3efb2;
    float: right;
}
#lmenu .coupon ul li.coupon_03 span span{
    font-size: 14px;
    font-weight: bold;
    background-color: #FFF;
    padding: 2% 5%;
    margin: 5% 0 8% 0;
    color: #679066;
    width: 90%;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
#lmenu #lmenu_goodslist ul {
    list-style: none;
    margin: 0 0 25px 0;
    padding: 0px;
}
#lmenu #lmenu_goodslist ul li a,
#lmenu #lmenu_goodslist ul li a:visited {
    color: #333;
    list-style: none;
    padding: 6px 0px 6px 15px;
    display: block; 
    text-decoration: none; 
    font-size: 15px;
    text-align: left;
    width:166px;
    background: url(../img/icon_typecategory.gif) no-repeat top left;
    background-position:left center;
}
#lmenu #lmenu_goodslist ul li a:hover {
    text-decoration:underline;
}

#lmenu_articles{
    box-sizing: border-box;
    width: 20%;
    float: left;
    padding: 0 50px 0 0;
}

#lmenu_articles h4{
    padding: 40px 0 20px 0;
}

/*--------------------------------------------
　　　RECCOMEND
---------------------------------------------*/

.rcmd_box a,
.rcmd_box a:visited {
    margin: 0px 3px 0px 0px;
    padding: 0px;
    height: 128px;
    width: 159px;
    border: 1px solid #FFF;
    float: left;
    text-align: center;
    text-decoration: none;
}
.rcmd_box a:hover {
    margin: 0px 3px 0px 0px;
    padding: 0px;
    height: 128px;
    width: 159px;
    border: 1px solid #D7D6C8;
    float: left;
    text-align: center;
    text-decoration: none;
}
.rcmd_box .goods_name {
    font-size: 14px;
    font-weight: bold;
    color: #4C5373;
    margin: 0px;
    padding: 0px;
}
.rcmd_box .goods_price {
    font-size: 12px;
    font-weight: bold;
    color: #E9017E;
    margin: 0px;
    padding: 0px;
}
.recommend_box {
    margin: 0 5% 0 0;
    width: 30%;
    float: left;
    box-sizing: border-box;
    display: flex;
    align-items: center;
}

.recommend_box:last-child {
    margin: 0;
}

.recommend_img{
    width: 40%;
    float: left;
}

.recommend_box img{
    width: 100%;
}

.multiple_area{
    border-top: 1px solid #dedede; 
    width: 100%;
    margin: 0 auto 30px auto;
    padding: 50px 0 30px 0;
}

.multiple_area h3{
    text-transform: uppercase;
    /*text-align: center;*/
    padding: 0 0 30px 0;
}

.recommend_text{
    float: left;
    width: 60%;
    padding: 0 0 0 20px;
    box-sizing: border-box;
}

#onsale_recommend_cart {
    margin: 20px 0px;
    width: 100%;
    text-align: left;
    box-sizing: border-box;
}
#onsale_recommend_cart table {
    margin: 0px;
    padding: 0px;
}
#onsale_recommend_cart td.recmmnd_img {
    background: none repeat scroll 0 0 #ffffff;
    border: 1px solid #4C5373;
    margin: 0;
    padding: 0;
    text-align: center;
    vertical-align: middle;
}
#onsale_recommend_cart p.recmmnd_name {
}
#onsale_recommend_cart p.recmmnd_name a:link,
#onsale_recommend_cart p.recmmnd_name a:visited {
    text-decoration: none;
    line-height: 20px;
    margin: 0px;
    font-size: 13px;
    color: #555;
}

#onsale_recommend_cart p.recmmnd_name a:hover {
    text-decoration: underline;
    color: #333;
}

#onsale_recommend_cart p.recmmnd_price {
    background: #FFFFFF;
    padding: 10px 0 5px 0;
    color: #288181;
    font-size: 18px;
    font-style: italic;
}

#onsale_recommend_cart b.recmmnd_price {
    color: #288181;
}

#onsale_recommend_cart p.recmmnd_price span {
    color: #288181;
}
.multiple_area h4{
    font-size: 15px;
    text-align: left;
    margin: 0;
    border-bottom: 1px solid #dadada;
}
#onsale_recommend_cart p {
    margin: 0px;
    padding: 0px;
}




/*--------------------------------------------
　　　FOOTER
---------------------------------------------*/

#footer {
    margin: 80px 0 0 0;
    padding: 50px 0 0 0;
    width: 100%;
    background-color: #f5f5f5;
}

#footer a{
    color: #333333;
    text-decoration: none;
}
#footer a:hover{
    text-decoration: underline;
}
#footer_kago {
    margin: 100px 0 0 0;
    padding: 50px 0;
    width: 100%;
    background-color: #f5f5f5;
}

.kago-holder{
    font-size: 12px;
    border-top: 1px solid #eaeaea;
    background-color: #f5f5f5;
    padding: 30px 0;
}

.kago-holder p{
    display: inline-block;
    float: right;
}

.kago-holder ul{
    float: left;
}

.kago-holder ul li{
    float: left;
}

.kago-holder ul li a{
    color: #333333;
    text-decoration: none;
}

.kago-holder ul li a:hover{
    color: #333333;
    text-decoration: underline;
}

.kago-holder ul li:after{
    content: "/";
    padding: 0 0 0 10px;
    margin: 0 10px 0 0;
}

#footer #bar_sns{
    background-color: #35B0B8;
    padding: 20px 0 16px 0;
    margin: 0 0 45px 0;
    text-align:center;
}

#footer ul#copyright li{
    font-weight: 300;
    letter-spacing: 0.02em;
    color: #333333;
    display: block;
    float: right;
    font-size: 13px;

}
#footer ul#list_sns{
}
#footer ul#list_sns li{
    display: inline-block;
    float: left;
    margin: 0 25px 0 0;

}
#footer ul#list_sns li img:hover{

}

#footer ul.list_information,
#footer ul#list_company,
#footer ul#list_payment,
#footer ul#list_newsletter{
    width: 20%;
    float: left;
}

#footer ul.list_information li,
#footer ul#list_company li,
#footer ul#list_payment li,
#footer ul#list_newsletter li{
    font-weight: 300;
    font-size: 14px;
    padding: 0 0 12px 0;
}

#footer ul#list_payment li{
    float: left;
}

#footer ul li h3{
    text-transform: uppercase;
    color: #333333;
    font-size: 14px;
    letter-spacing: 0.06em;
    font-weight: 500;
    padding: 0 0 15px 0;
}

#footer .holder{
    border-top: 1px solid #ebebeb;
    margin: 40px 0 0 0;
    padding: 30px 0 40px 0;
}

.email-input{
    width: 100%;
    height: 45px;
    padding: 0 10px;
    border-radius: 5px;
    border: 1px solid #d4d4d4;
    box-sizing: border-box;
    outline: none;
}

.button-subscribe{
    display: inline-block;
    font-weight: 500;
    width: 100%;
    height: 45px;
    padding: 0 15px;
    margin: 20px 0 0 0;
    cursor: pointer;
    -webkit-transition: .2s ease-in-out;
    -moz-transition: .2s ease-in-out;
    -o-transition: .2s ease-in-out;
    transition: .2s ease-in-out;
    letter-spacing: 2px;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    color: #fff;
    border: 0;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    background: #333333;
    box-sizing: border-box;
}

.button-subscribe:hover{
    opacity: .9;
    filter: alpha(opacity=90);
    -moz-opacity: .9;
}

li#facebook a,
li#twitter a,
li#googleplus a,
li#instagram a,
li#wechat a,
li#pinterest a {
    display: inline-block;
}



.footer_text{
    text-align: center;
    padding: 15px 0;
}




.comment{
    color: #666666;
}

a.tracking_text {
    background: rgba(0, 0, 0, 0) url("../img/icon/inquiry_order_tracking.png") no-repeat scroll left center;
    font-size: 13px;
    padding: 10px 0 8px 40px;
}


/* drop down */
/*
.header_area2{
    margin:0;
    padding:15px 0;
    color: #575757;
}
.header_navi3{
    width:605px;
    float:left;
}
.header_area3 .nav_push_content {
    display:none;
    margin-top:10px;
}
.header_area3 .nav_push_content.active {
    display:block;
    height:250px;

    .header_area3 ul.list_brands{
    float: left;
}
.header_navi3 li{
    float:left;
    padding: 0px 10px 0 10px;
    margin: 4px 0 3px 0;
    height:25px;
    border-left:#999 dotted 1px;
}
header .header_logo a:hover img {
    opacity:0.5;
    filter: alpha(opacity=50);
    -ms-filter: "alpha( opacity=50 )";
}
header .header_navi1 a:hover img,
header .header_navi2 a:hover img,
header .header_navi3 a:hover img {
    opacity:0.3;
    filter: alpha(opacity=30);
    -ms-filter: "alpha( opacity=30 )";
}
header .header_navi3 a:hover {
    border-bottom:#D7D6C8 solid 1px;
}
}*/




/*-------------------------------------------------------Layout End-------------------------------------------------------------*/


#hero{
    background: url(../img/banner/default_2020.jpg) no-repeat center;
    height: 495px;
    display: flex;
    align-items: center;
}


#hero img{
    height: 495px;
}

#hero h2{
    font-size: 58px;
    font-weight: bold;
    letter-spacing: 0.01em;
    color: #1e1e1e;
    text-align: left;
    line-height: 111%;
    padding: 0 0 20px 0;
    display: block;
}

#hero h2 span{
    font-size: 20px;
    display: block;
    line-height: 40px;
}

.inner-hero{
    width: 1168px !important;
    height: 100%;
    margin: 0 auto;
    display: flex;
    align-items: center;
}

.catch-copy{
    align-items: center;
    flex-wrap: wrap;
    text-align: left;
    flex-direction: column;
    width: 40%;
}

#hero p{
    font-size: 220%;
    font-weight: bold;
    letter-spacing: 0.03em;
    color: #fff;
    line-height: 30px;
    padding: 0 0 20px 0;
    display: block;
}

#hero .catch-copy p:nth-child(3){
    font-size: 150%;
    font-weight: normal;
    letter-spacing: 0.03em;
    color: #fff;
    line-height: 18px;
    padding: 0 0 20px 0;
    display: block;
}

.hero-cta{
    display: flex;
}


.hero-cta a{
    border: 2px solid #333333;
    border-radius: 3px;
    padding: 15px 0;
    margin: 15px 5px;
    text-align: center;
    width: 250px;
    font-size: 16px;
    letter-spacing: 0.03em;
    position: relative;
    text-decoration: none;
    text-transform: uppercase;
    box-sizing: border-box;
    -webkit-transition:all .3s ease-out;
    -moz-transition:all .3s ease-out;
    -ms-transition:all .3s ease-out;
    transition:all .3s ease-out;
    color: #ffffff;
    background: #333333;
}

.hero-cta a:nth-child(2){
    background: none;
    color: #333333;
}

.inner-hero .hero-cta a:hover{
    background: #35B0B8;
    border: 2px solid #35B0B8;
    color: #fff;
    -webkit-transition:all .3s ease-out;
    -moz-transition:all .3s ease-out;
    -ms-transition:all .3s ease-out;
    transition:all .3s ease-out
}

.inner-hero .hero-cta a:nth-child(2):hover{
    background: none;
    border: 2px solid #fff;
    color: #fff;
}

/*------------------Sale Banner-----------------*/

#hero-sale{
    background: url(../img/banner/mothers_day_sale_2021.jpg) no-repeat center;
    height: 495px;
    display: flex;
    align-items: center;
}

#hero-sale .hero-deal{
    width: 50%;
    text-align: center;
    line-height: 1;
    color: #000;
}

#hero-sale .hero-title{
    font-size: 30px;
    font-weight: 500;
    letter-spacing: 0.08rem;
    margin-bottom: 25px;
}

#hero-sale .hero-discount{
    font-size: 70px;
    font-weight: 600;
}

#hero-sale .hero-coupon{
    font-size: 22px;
    margin-top: 30px;
    text-decoration: underline;
}

#hero-sale .hero-coupon > span{
    font-weight: 500;
}

#hero-sale .hero-discount > span{
    font-size: 26px;
    display: block;
    margin-top: 15px;
    font-weight: 500;
    letter-spacing: 0.08rem;
}

#hero-sale .hero-button{
    border: 2px solid #e03233;
    border-radius: 3px;
    color: #fff;
    background: #e03233;
    margin-top: 30px;
    width: 280px;
    text-decoration: none;
    padding: 15px 0;
    font-size: 18px;
    letter-spacing: 0.1rem;
    text-transform: uppercase;
}

#hero-sale .hero-date{
    font-size: 13px;
    margin-top: 30px;
}



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

.concept{
    padding: 50px 0 0 0;
}

.concept:after{
    display: block;
    clear: both;;
    content: '';
}

.concept ul{
    float: left;
    box-sizing: border-box;
    width: 50%;
}

.concept ul li{
    padding: 0 0 10px 0;
}

.concept ul li h2{
    font-size: 20px;
    font-weight: bold;
    line-height: 150%;
    padding: 0 0 7px 0;
}

.concept ul:first-child{
    padding: 0 25px 0 0;
}

.concept ul:first-child li:first-child{
    padding: 0 0 40px 0;
}

.concept ul:last-child{
    padding: 0 0 0 25px;
}

 
.concept #text-wrap {
    width: 50%;
    height: 100%;
    display: block;
    margin: 0 auto;
    padding: 70px;
}
 
.concept .hide-text {
    display: none;
}
 
.concept button.readmore {
    font-weight: 600;
    position: relative;
    padding: 5px 0 0 30px;
    margin: 10px 0 0 0;
    display: block;
    background-color: transparent;
    color: #666;
    border: none;
    outline: 0;
    transition: .5s;
    -erbkit-transition: .5s;
    cursor: pointer;
}
 
.concept button.readmore::after {
    content: " ";
    position: absolute;
    width: 10px;
    height: 10px;
    border-top: solid 2px #666;
    border-right: solid 2px #666;
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    left: 0;
    top: 2px;
    transition: .5s;
    -erbkit-transition: .5s;
}
 
.concept button.readmore:hover::after {
    top: 8px;
}
 
.on-click {
    color: transparent!important;
}
 
.on-click {
    transform: rotateX(-180deg);
    -webkit-transform: rotateX(-180deg);
    right: 0;
}


.half_bnr
{
    width:570px
}

.hero_cover
{
    width:1168px;
    margin:0 auto;
    height:100%;
    top:0;
    left:0
}

#hero_half
{
    position:relative;
    height:332px;
    background-size:cover;
    z-index:0;
    float:right;
    background:url(../img/banner/1day_acuvue_trueye.jpg) no-repeat top center
}

#hero_max
{
    position:relative;
    height:330px;
    background-size:cover;
    z-index:0;
    margin:0 auto;
    background:url(../img/banner/second_banner_j1_sale.jpg) no-repeat top center
}

#hero_max ul
{
    top:37%;
    left:9%;
    width:600px;
    position:relative
}

#hero_max ul:after
{
    clear:both;
    content:"";
    display:block
}

#hero_max ul li a
{
    text-align:left;
    font-size:13px;
    width:160px;
    padding:15px 0 15px 60px;
    text-decoration:none;
    display:inline-block;
    color:#0b16a9;
    font-weight:400;
    margin:5px 2px 0 0;
    border:1px solid #0b16a9;
    background-size:40px 30px
}

#hero_max ul li:first-child a
{
    background:url(../img/icon/accent_style.png) no-repeat 7% center
}

#hero_max ul li:nth-child(2) a
{
    background:url(../img/icon/vivid_style.png) no-repeat 7% center
}

#hero_max ul li:last-child a
{
    background:url(../img/icon/natural_shine.png) no-repeat 7% center
}

#hero_max ul li a:hover
{
    opacity:.8;
    filter:alpha(opacity=80);
    -webkit-transition:all .3s;
    transition:all .3s
}

.hero_cover_half
{
    width:568px;
    margin:0 auto;
    height:100%;
    top:0;
    left:0
}

.hero_cover_max
{
    width:100%;
    margin:0 auto;
    height:100%;
    top:0;
    left:0
}

div.single_button
{
    display:inline-flex;
    float:left;
    text-align:center;
    position:relative;
    top:62%;
    left:0
}

div.single_button a
{
    letter-spacing:255px;
    color:#fff;
    text-align:center;
    font-size:16px;
    width:290px;
    padding:15px 25px;
    text-decoration:none;
    display:inline-block;
    font-weight:500;
    letter-spacing:.1em;
    background:#029ba9;
    border:2px solid #029ba9;
    border-radius:3px;
    -webkit-transition:all .3s;
    -moz-transition:all .3s;
    transition:all .3s
}

div.single_button a:hover
{
    background:#fff;
    border:2px solid #fff;
    color:#029ba9;
    -webkit-transition:all .3s;
    -moz-transition:all .3s;
    transition:all .3s
}

ul.button
{
    display:inline-flex;
    left:0;
    margin:0;
    position:relative;
    top:72%
}

ul.button:after
{
    clear:both;
    content:"";
    display:block
}

ul.button span
{
    font-size:70%;
    padding:0 5px 0 0;
    font-weight:400
}

ul.button li.button_ghost
{
    -webkit-text-size-adjust:100%;
    float:left;
    -webkit-text-size-adjust:100%
}

ul.button li.button_ghost a
{
    color:#FFF;
    text-align:center;
    font-size:16px;
    width:160px;
    padding:16px 25px;
    text-decoration:none;
    display:inline-block;
    font-weight:500;
    letter-spacing:.1em;
    margin:0 15px 0 0;
    background:#d20000;
    -webkit-transition:all .3s;
    -moz-transition:all .3s;
    transition:all .3s
}

ul.button li.button_ghost a:hover
{
    background:#900;
    color:#fff;
    -webkit-transition:all .3s;
    -moz-transition:all .3s;
    transition:all .3s
}

.hero_cover_half ul.button
{
    top:58.7%;
    left:61%;
    width:25%;
    position:relative
}

.hero_cover_half ul.button span
{
    font-size:70%;
    padding:0 5px 0 0;
    font-weight:400
}

.hero_cover_half ul.button li.button_ghost
{
    -webkit-text-size-adjust:100%
}

.hero_cover_half ul.button li.button_ghost a
{
    position:relative;
    font-size:20px;
    width:140px;
    padding:15px 20px;
    float:left;
    text-decoration:none;
    display:inline-block;
    color:#FFF;
    font-weight:400;
    margin:0 15px 0 0;
    border:none;
    background:url(../img/icon/icon_button_arrow.png) no-repeat 92% center;
    background-color:#329bce;
    background-size:11px 16px
}

#hero_max ul.button
{
    top:63.6%;
    left:55.2%;
    width:320px;
    position:relative
}

#hero_max ul.button span
{
    font-size:70%;
    padding:0 5px 0 0;
    font-weight:400
}

#hero_max ul.button li.button_ghost
{
    -webkit-text-size-adjust:100%
}

#hero_max ul.button li.button_ghost a
{
    position:relative;
    font-size:20px;
    width:310px;
    padding:17px 0;
    text-decoration:none;
    text-align:center;
    display:inline-block;
    color:#FFF;
    font-weight:400;
    margin:0 15px 0 0;
    border:none;
    background:url(../img/icon/icon_button_arrow.png) no-repeat 74% center;
    background-color:#f08172;
    background-size:11px 16px
}

#hero_max ul.button li.button_ghost a:hover
{
    opacity:.85;
    filter:alpha(opacity=85);
    -webkit-transition:all .3s;
    transition:all .3s
}

.hero_category,
.hero_brand{
    height: 240px;
    position: relative;
    box-sizing: border-box;
    position: relative;
    background: rgb(124,205,198);
    background: linear-gradient(90deg, rgba(124,205,198,1) 0%, rgba(163,229,225,1) 100%);
}

.hero_category.daily{
    background:url(../img/banner/daily-contact-lenses.jpg) no-repeat center center;
    background-size: cover;
}

.hero_category.weekly{
    background:url(../img/banner/weekly-contact-lenses.jpg) no-repeat center center;
    background-size: cover;
}

.hero_category.monthly{
    background:url(../img/banner/monthly-contact-lenses.jpg) no-repeat center center;
    background-size: cover;
}

.hero_category.colour{
    background:url(../img/banner/colour-contact-lenses.jpg) no-repeat center center;
    background-size: cover;
}

.hero_category.sale{
    background:url(../img/special/sale/salePageBanner2021.jpg) no-repeat center center;
    background-size: cover;
}

.hero_brand.acuvue{
    background:url(../img/banner/acuvue-contacts.jpg) no-repeat center center;
    background-size: cover;
}
.hero_brand.airoptix{
    background:url(../img/banner/air-optix-contacts.jpg) no-repeat center center;
    background-size: cover;
}
.hero_brand.dailies{
    background:url(../img/banner/dailies-contacts.jpg) no-repeat center center;
    background-size: cover;
}
.hero_brand.freshlook{
    background:url(../img/banner/freshlook-contacts.jpg) no-repeat center center;
    background-size: cover;
}
.hero_brand.coopervision{
    background:url(../img/banner/cooper-vision-contacts.jpg) no-repeat center center;
    background-size: cover;
}
.hero_brand.bauschlomb{
    background:url(../img/banner/bausch-lomb.jpg) no-repeat center center;
    background-size: cover;
}
.hero_brand.feliamo{
    background:url(../img/banner/feliamo-contacts.jpg) no-repeat center center;
    background-size: cover;
}
.hero_brand.nscollection{
    background:url(../img/banner/nscollection-contacts.jpg) no-repeat center center;
    background-size: cover;
}
.hero_brand.lilmoon{
    background:url(../img/banner/lilmoon-contacts.jpg) no-repeat center center;
    background-size: cover;
}
.hero_brand.molak{
    background:url(../img/banner/molak-contacts.jpg) no-repeat center center;
    background-size: cover;
}


.hero_category h2,
.hero_brand h2{
    margin: 0;
    padding: 0;
    font-weight: 300;
    color: #fff;
    font-size: 38px;
    position: absolute;
    top: 48%;
    left: 60px;
}

.catch_copy
{
    padding:120px 0 0;
    width:100%;
    height:100%;
    position:relative;
    -webkit-animation:mymove 1s;
    animation:mymove 1s
}

.user_entrance{
    display: flex;
}

.returning_customer,
.new_customer{
    box-sizing: border-box;
    width: 50%;
    min-height: 400px;
    padding: 80px;
    color: #333;
    background-color: #f7f7f7;
}

.returning_customer h2,
.new_customer h2{
    font-size: 26px;
}

.returning_customer .button{
    font-weight: 500;
    width: 100%;
    padding: 15px;
    margin-top: 20px;

    cursor: pointer;
    -webkit-transition: .2s ease-in-out;
       -moz-transition: .2s ease-in-out;
         -o-transition: .2s ease-in-out;
            transition: .2s ease-in-out;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #fff;
    border: none;
    background: #288188;
}

.returning_customer .button:hover{
         opacity: .9;;
    filter: alpha(opacity=90);
    -moz-opacity: .9;
}

.new_customer .button{
    background: none;
    border: none;
    border-radius: 0;
    font-weight: 500;
    font-size: 16px;
    border-bottom: 2px solid #333;
    padding: 0 0 3px 0;
    margin: 15px 0 0 0;
}

.returning_customer{
    width: 50%;
}

.returning_customer ul{
    padding: 15px 0 0 0;
}

.returning_customer ul li{
    padding: 0 0 10px 0;
}

.returning_customer .forgot{
    color: #333;
}


input.text_field{
    box-sizing: border-box;
    width: 100%;
    padding: 16px 20px;
    line-height: 1;
    font-size: 14px;
    border: 1px solid #c3c3c3;
    -webkit-border-radius: 3px;
       -moz-border-radius: 3px;
            border-radius: 3px;
}

input.text_field:-webkit-autofill {
    animation-name: onAutoFillStart;
    transition: background-color 50000s ease-in-out 0s;
}

.either{
    font-size: 16px;
    font-style: italic;
    font-weight: 400;
    position: relative;
    text-align: center;
    padding: 25px 0;
}

.either::before{
    position: absolute;
    top: 50%;
    width: 44%;
    left: 0;
    content: "";
    border-top: 1px solid #e2e2e2;
}

.either::after{
    position: absolute;
    top: 50%;
    width: 44%;
    right: 0;
    content: "";
    border-top: 1px solid #e2e2e2;
}

.login_with_sns{
    text-align: center;
}

.new_customer{
    background: url(/img/banner/create_account.jpg) no-repeat top center;
}

.new_customer ul{
    padding: 15px 0 10px 0;
}

.new_customer ul li{
    font-size: 16px;
    margin: 0 0 0 22px;
    padding: 0 0 18px 0;
    list-style: url(/img/icon/check.gif);
}

.new_customer ul li:last-child{
    font-size: 11px;
    list-style: none;
    margin: 0;
    padding: 0;
}

.hbanner{
    margin: 30px 0;
}

ul.list_footlink li
{
    float:left;
    margin:0 15px 0 0
}

ul.list_register
{
    width:46%;
    list-style:none;
    float:right;
    padding:0 1%
}

ul.list_register li .button_green
{
    width:100%;
    margin:0 0 15px
}

.company
{
    width:636px;
    float:left
}

.company p
{
    font-size:13px;
    color:#666
}

.company .main_visual
{
    padding:0 0 30px
}

.main_v
{
    padding:0 0 30px 0;
}

.company .time_line_first
{
    background:url(../img/company/time_line_first.gif) no-repeat left 55px;
    padding:0 0 15px 30px
}

.company .time_line
{
    background:url(../img/company/time_line.gif) no-repeat left top;
    padding:0 0 15px 30px
}

.company .time_line_end
{
    background:url(../img/company/time_line_end.gif) no-repeat left top;
    padding:0 0 15px 30px
}

.company .time_line_first h3,.company .time_line h3,.company .time_line_end h3
{
    font-size:15px;
    padding:55px 0;
    width:300px;
    float:left
}

.company .time_line_first h3 span,.company .time_line h3 span,.company .time_line_end h3 span
{
    color:#668c8c;
    font-style:italic;
    margin:0 10px 0 0
}

.company img.right
{
    float:right;
    width:295px
}

.company .img_area
{
    padding:20px 0 0
}

.career_link
{
    padding-top:60px
}

h3#career
{
    padding-top:60px;
    margin-top:-60px
}

.job_post
{
    width:100%;
    box-sizing:border-box;
    padding:30px;
    border:2px solid #CCC;
    margin:20px 0 0;
    border-radius:5px
}

.job_post section:after
{
    content:"";
    clear:both;
    display:block
}

.job_post ul.title
{
    float:left;
    box-sizing:border-box;
    width:60%;
    padding:0 0 0 30px
}

.job_post .thumb
{
    float:left;
    width:40%;
    height:100%
}

.job_post img
{
    width:100%
}

.job_post ul li h4
{
    font-size:18px;
    font-weight:600;
    padding:0 0 10px
}

.job_post ul li h5
{
    font-size:16px;
    font-weight:400;
    padding:0 0 15px;
    color:#939393
}

.job_post ul li span
{
    display:inline-block;
    font-weight:600;
    width:35%
}

p.job_description
{
    border-top:1px solid #CCC;
    margin:20px 0 0;
    padding:20px 0 0
}

.job_post ul.rule
{
    padding:10px 0 0 10px
}

.job_post ul.rule li
{
    list-style:disc;
    margin:0 0 0 5px
}

.job_post h4.title_description
{
    margin:20px 0 0;
    padding:0
}

h3.step
{
    font-size:14px;
    background-color:#699;
    color:#FFF;
    padding:5px 10px;
    margin:20px 0
}

.faqa
{
    font-size:11px;
    padding:13px 15px 15px;
    margin:0;
    color:#021E7B;
    line-height:17px;
    background:#EEE
}

h4.ie
{
    font-size:16px;
    background:url(../img/browser_IE.gif) no-repeat left center;
    padding:5px 0 5px 35px;
    margin:0 0 15px
}

h4.ff
{
    font-size:16px;
    background:url(../img/browser_FF.gif) no-repeat left center;
    padding:5px 0 5px 35px;
    margin:0 0 15px
}

h4.alert
{
    font-size:18px;
    color:red;
    padding:30px 0 0
}

#q01,#q02,#q03,#q04,#q05,#q06,#q07,#q08,#q09
{
    margin-top:-70px;
    padding-top:70px
}

#popup_bg
{
    background-color:#FFF;
    width:550px;
    padding:50px 30px;
    margin:0 auto;
    border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    -webkit-box-shadow:0 0 13px 0 rgba(0,0,0,0.75);
    -moz-box-shadow:0 0 13px 0 rgba(0,0,0,0.75);
    box-shadow:0 0 13px 0 rgba(0,0,0,0.75)
}

h4.option
{
    font-size:16px;
    padding:30px 0 15px
}

ul.list_option
{
    font-size: 13px;
    background-color:#f9f9f9;
    list-style:none;
    border-top:1px solid #bdbdbd;
    border-bottom:1px solid #bdbdbd;
    margin:0 0 25px;
}

ul.list_option li
{
    border-top:1px solid #eeeeee;
    padding:15px;
}

ul li.list_confirm
{
    font-size:15px;
    font-weight:500;
    float:left;
    background-color:#f9f9f9;
    width:46%;
    padding:2%;
    margin:-1px;
    border:1px solid #CCC;
    text-align:right
}

.textbs ul
{
    list-style:none;
    margin:0 0 10px
}

.textbs ul li
{
    padding:0 0 10px 10px
}

#coupon
{
    margin:20px 0;
    padding:0;
    width:100%
}

#coupon:after
{
    content:"";
    clear:both;
    display:block
}

#coupon p.coupon_ttl
{
    margin:0;
    padding:3px;
    font-weight:700;
    background:#EEE;
    text-align:center;
    border-bottom:1px solid #FFF
}

.coupon_form,.spc_form
{
    box-sizing:border-box;
    padding:20px;
    width:49%;
    background:#f9f9f9;
    border:1px solid #dcdcdc
}

.coupon_form
{
    float:left
}

.spc_form
{
    float:right
}

.coupon_form span,.spc_form span
{
    display:block;
    padding:0 0 12px;
    font-weight:500
}

.input-coupon
{
    width:90%;
    background:#fff;
    border:1px solid #d5d5d5;
    border-radius:3px;
    padding:12px
}

.input-spc
{
    width:65%;
    background:#fff;
    border:1px solid #d5d5d5;
    border-radius:3px 0 0 3px;
    padding:12px;
    float:left
}

.input-spc-button
{
    border:1px solid #d5d5d5;
    border-radius:0 3px 3px 0!important;
    margin:0 0 0 -1px;
    float:left;
    color:#333;
    width:25%;
    background:#fff;
    padding:12px;
    text-transform:uppercase;
    cursor:pointer
}

ul.payment_method
{
    list-style:none
}

ul.payment_method strong
{
    display:inline-block;
    font-size:14px;
    padding:0 0 0 3px
}

ul.payment_method li
{
    border:1px solid #dcdcdc;
    border-radius:3px;
    margin:0 0 17px;
    padding:10px 0;
    -webkit-transition:all .2s ease;
    -moz-transition:all .2s ease;
    -ms-transition:all .2s ease;
    -o-transition:all .2s ease;
    transition:all .2s ease
}

ul.payment_method li span.left
{
    font-weight:400;
    width:20%;
    float:left;
    padding:5px 0 0
}

ul.payment_method li:hover
{
    background-color:#f1fafa;
    border:1px solid #119191
}

ul.payment_method li .warning-text
{
    margin-top: 10px;
    color: red
}

ul.payment_method label
{
    padding:16px;
    display:block;
    cursor:pointer
}

ul.payment_method label img
{
    width:45px
}

label.paypal input[type="radio"]:checked
{
    background-color:red!important
}

label.paypal span
{
    font-size:11px;
    padding:0 0 0 15px
}

ul.lens-select-right,ul.lens-select-left
{
    font-size:14px;
    margin:0 0 8px;
    width:100%
}

ul.lens-select-right:after,ul.lens-select-left:after
{
    display:block;
    content:"";
    clear:both
}

ul.lens-select-right li,ul.lens-select-left li
{
    margin:0 6px 0 0;
    float:left;
    min-width:15%;
    overflow:hidden
}

ul.lens-select-right li:last-child,ul.lens-select-left li:last-child
{
    margin:0
}

ul.lens-select-right li span,ul.lens-select-left li span
{
    display:block;
    font-size:14px;
    font-weight:400;
    padding:15px 0
}

ul.lens-select-right li:last-child span,ul.lens-select-left li:last-child span
{
    padding:10px 0 10px 20px
}

ul.lens-select-right li label
{
    color:#999;
    font-size:12px;
    font-weight:400;
    line-height:250%;
    display:block
}

ul.lens-select-right li select,ul.lens-select-left li select
{
    font-family:'Roboto',Arial,Helvetica,sans-serif;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    outline:0;
    background:#eef1f2 url(../img/select_arrow.png) no-repeat right 42% center;
    border:none;
    width:150%;
    font-size:14px;
    padding:15px 30px 15px 15px;
    text-overflow:ellipsis;
    -webkit-text-overflow:ellipsis;
    -o-text-overflow:ellipsis;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
    min-width:120px
}

ul.lens-select-left li label
{
    display:none
}

.lenspullitem
{
    float:left;
    margin-right:5px;
    font-size:11px
}

.lenspullttl
{
    margin-bottom:5px
}

.color
{
    width:285px;
    padding:20px 0 0;
    margin:0
}

.colorsample
{
    float:left
}

.samplewaku
{
    float:right
}

.sampletop
{
    margin:0 0 0 3px
}

.sample
{
    margin:0 0 0 3px
}

.detail_contents:after
{
    content:"";
    clear:both;
    display:block
}

.detail_contents .left_column
{
    position:relative;
    overflow:hidden;
    box-sizing:border-box;
    float:left;
    width:40%;
    text-align:left;
    padding:0 40px 0 0
}

.detail_contents .left_column .bx-wrapper ul.bxslider01 li
{
    float:left;
    height:250px;
    display:table
}

.detail_contents .left_column .bx-wrapper ul.bxslider01 li p
{
    display:table-cell;
    margin:0;
    text-align:center;
    vertical-align:middle
}

.detail_contents .left_column img
{
    width:100%;
    height:auto
}

#loading
{
    width:100%;
    height:100%;
    margin:0;
    background:#FFF;
    opacity:1;
    position:absolute;
    left:0;
    z-index:40
}

#loading img
{
    position:absolute;
    width:40px;
    top:50%;
    left:50%;
    margin-top:-20px;
    margin-left:-20px
}

.bx-wrapper ul#bx-pager li a
{
    border:1px solid #dedede;
    padding:12px;
    height:35px;
    width:55px;
    -webkit-transition:.3s ease-in-out;
    -moz-transition:.3s ease-in-out;
    -o-transition:.3s ease-in-out;
    transition:.3s ease-in-out
}

.bx-wrapper ul#bx-pager li a:hover
{
    border:1px solid #288181
}

div.controlWrap
{
    display:block;
    margin:0 auto;
    position:relative
}

div.controlWrap p#PrevIcon a
{
    background:url(../img/icon/arrow_prev.png) no-repeat left center;
    background-size:12px 21px;
    color:#fff;
    display:block;
    height:21px;
    left:0;
    position:absolute;
    text-indent:-9999px;
    top:25px;
    width:12px
}

div.controlWrap p#NextIcon a
{
    background:url(../img/icon/arrow_next.png) no-repeat left center;
    background-size:12px 21px;
    color:#fff;
    display:block;
    height:21px;
    position:absolute;
    right:0;
    text-indent:-9999px;
    top:25px;
    width:12px
}

.detail_contents .right_column
{
    box-sizing:border-box;
    float:right;
    width:60%;
    padding:0 0 0 4%;
    text-align:left
}

.left_column .lensdata
{
    border:1px solid #d9d9d9;
    width:285px;
    text-align:center;
    margin:30px 0 0
}

.other_information
{
    border-top:1px solid #dedede;
    margin:50px 0 0;
    padding:50px 0 30px
}

.other_information .left_column
{
    box-sizing:border-box;
    padding:0 50px 0 0;
    width:43%;
    font-weight:300;
    font-size:13px
}

.other_information .left_column .lens_detail
{
    margin:0 0 50px
}

.other_information .left_column .lens_detail ul li
{
    margin:0 0 6px
}

.other_information .left_column .lens_detail ul li strong
{
    font-weight:500;
    width:25%;
    display:inline-block
}

.other_information .right_column .lens_description h3
{
    padding:0 0 20px
}

.other_information .right_column .lens_description p
{
    line-height:200%;
    font-weight:300
}

.other_information .left_column p
{
    line-height:200%
}

.other_information .left_column .lens_detail p
{
    line-height:50%
}

.other_information .left_column p strong
{
    font-weight:500
}

.sa_review
{
    padding:0!important;
    margin:0!important
}

.other_information .right_column
{
    box-sizing:border-box;
    padding:0 0 0 10px;
    width:57%
}

.other_information .right_column h3
{
    padding:0 0 20px
}

.customer_review
{
    border-top:1px solid #dedede
}

.customer_review h3
{
    text-transform:uppercase;
    padding:50px 0 30px
}

ul.steckers
{
    margin:10px 0 0
}

ul.steckers:after
{
    content:"";
    clear:both;
    display:block
}

ul.steckers li
{
    float:left;
    margin:0 18px 0 0
}

ul.tab
{
    overflow:hidden;
    padding:0;
    margin:50px 0 0;
    width:285px
}

.tab li
{
    list-style:none;
    background:#efefef;
    padding:8px 0;
    text-align:center;
    float:left;
    width:141px;
    border-style:solid;
    border-color:#dadada;
    border-width:1px 1px 0;
    margin:0 -1px 0 0;
    cursor:pointer;
    font-size:11px;
    font-weight:700
}

.tab li.select
{
    background:#FFF;
    border-style:solid;
    border-color:#dadada;
    border-width:1px 1px 0;
    cursor:auto
}

ul.tab_content
{
    font-size:11px;
    line-height:18px;
    width:283px;
    overflow:auto;
    padding:0;
    margin:0;
    border-style:solid;
    border-color:#dadada;
    border-width:0 1px 1px
}

.tab_content li
{
    list-style:none;
    background:#FFF;
    padding:15px;
    -webkit-border-top-left-radius:2px;
    -moz-border-radius-topleft:2px;
    border-top-left-radius:2px
}

ul.tab_content p
{
    font-size:11px;
    margin:0 0 -5px;
    line-height:16px;
    border-bottom:1px dotted #dadada;
    padding:0 0 10px
}

ul.tab_content p strong
{
    font-size:12px
}

ul.tab_content p.last
{
    border:none
}

.hide
{
    display:none
}

ul.tab_img
{
    overflow:hidden;
    padding:0;
    margin:0 0 50px;
    width:285px
}

.tab_img li
{
    list-style:none;
    background:#efefef;
    padding:8px 0;
    text-align:center;
    float:left;
    width:141px;
    border-style:solid;
    border-color:#dadada;
    border-width:1px 1px 0;
    margin:0 -1px 0 0;
    cursor:pointer;
    font-size:11px;
    font-weight:700
}

.tab_img li.select
{
    background:#FFF;
    border-style:solid;
    border-color:#dadada;
    border-width:1px 1px 0;
    cursor:auto
}

ul.tab_img_content
{
    font-size:11px;
    line-height:18px;
    width:283px;
    padding:0;
    margin:0;
    text-align:center
}

.tab_img_content li
{
    list-style:none;
    background:#FFF
}

.hide_img
{
    display:none
}

.right_column .product_name
{
    width:70%;
    float:left
}

.right_column .product_name h2
{
    font-size:26px;
    font-weight:300;
    line-height:28px;
    color:#333;
    text-decoration:none;
    padding:0 0 10px;
    display:block;
    width:100%;
    letter-spacing:.02em
}

.guarantee
{
    display:block;
    text-align:right;
    padding:10px 0 0
}

.guarantee a
{
    color:#333
}

.right_column .price
{
    border-bottom:1px solid #dedede;
    padding:0 0 10px
}

.price-area
{
    float:right;
    width:30%
}

.right_column .discount_price
{
    font-size:22px;
    font-weight:400;
    color:#288181;
    font-style:italic;
    text-align:right
}

.right_column .base_price
{
    text-align:right
}

.right_column .resellerratings_goodspage
{
    float:left;
    padding:38px 0 0 16px
}

.right_column p.left_data
{
    font-size:13px;
    margin:20px 0 0;
    padding:0 0 4px
}

.discount_price span.canada_price
{
    padding:0 8px 0 0
}

.base_price span.price_product_double
{
    font-weight:300;
    font-size:14px;
    font-weight:300;
    display:block;
    padding:5px 0 0;
    color:#888
}

.compare_price
{
    text-align:right
}

.stock_area
{
    float:left;
    padding:15px 0 0
}

.stock_area a
{
    color:#288181;
    padding:10px 0 0
}

.stock_area p
{
    font-weight:400;
    font-size:13px
}

.stock_area p span.available
{
    color:#288181
}

.stock_area p span.unavailable
{
    color:#333
}

.sns_area
{
    float:right;
    padding:15px 0 0
}

.input_detail
{
    padding:20px 0 0
}

.input_detail h3
{
    font-size:16px;
    letter-spacing:.015em;
    padding:20px 0 15px;
    border-top:1px solid #dedede
}

.input_detail h3 span
{
    font-size:12px
}

.input_detail h3 a
{
    padding:0 0 0 8px
}

.input_detail p.note
{
    color:red;
    padding:10px 0 0
}

.cta_center{
    width: 100%;
    text-align: center;
}

.btn_tertiary{
    display: inline-block;
    text-align: center;
    width: 300px;
    margin: 50px 0;
    background: #f9f9f9;
    border: 1px solid #dedede;
    border-radius: 5px
}

a.btn_tertiary{
    padding: 18px 0;
    text-decoration: none;
    color: #333333;
    font-weight: bold;
    font-size: 14px;
    letter-spacing: 0.1em;
    -webkit-transition:.3s ease-in-out;
    -moz-transition:.3s ease-in-out;
    -o-transition:.3s ease-in-out;
    transition:.3s ease-in-out
}

a.btn_tertiary:hover{
    background: #ffffff;
    -webkit-transition:.3s ease-in-out;
    -moz-transition:.3s ease-in-out;
    -o-transition:.3s ease-in-out;
    transition:.3s ease-in-out
}



.btn_area
{
    padding:30px 0 15px
}

button.reset
{
    padding:0;
    border:0;
    background:none;
    width:95px;
    height:40px;
    cursor:pointer
}

button.reset:hover,input.submit:hover
{
    filter:alpha(opacity=90);
    -moz-opacity:.9;
    opacity:.9
}

p.unavailable
{
    padding:10px 0 0;
    color:#ef4511
}

.goods_sns_button
{
    margin:5px
}

.fb_iframe_widget
{
    vertical-align:top
}

.sa_wide .sa_review
{
    padding:0!important
}

#sitemap
{
    width:100%
}

#sitemap h3
{
    background:url(../img/icon/arrow-title.png) no-repeat left top;
    font-size:16px;
    border-bottom:1px solid #dedede;
    padding:0 0 15px 30px;
    margin:0 0 15px
}

#sitemap .column
{
    padding:0 12px 40px 0;
    float:left;
    width:25%;
    box-sizing:border-box
}

#sitemap .column:last-child
{
    padding:0
}

#sitemap .column h4
{
    font-size:14px;
    background:#f2f2f2;
    padding:8px 0;
    letter-spacing:.04em;
    text-align:center
}

#sitemap .column h4 a
{
    color:#666;
    text-decoration:none
}

.column ul
{
    padding:20px 0 0
}

.column ul li a
{
    text-decoration:none;
    color:#666;
    background:url(../img/icon/arrow-list.png) no-repeat left center;
    background-size:9px 5px;
    display:inline-block;
    width:100%;
    font-size:11px;
    float:left;
    padding:5px 10px 5px 20px;
    box-sizing:border-box
}

.column ul li a:hover
{
    text-decoration:underline
}

.hero_category.brands
{
    background: url(/img/banner/brands.jpg) no-repeat center;
    position: relative;
    height: 240px;
    background-size: cover;
    margin: 0 0 30px 0
}

.tile_logo h2
{
    border-bottom: 1px solid #ececec;
    padding: 0 0 20px 0;
    margin: 0 0 50px 0
}

.tile_products_list
{
    width:100%
}

.tile_product
{
    width:33.3%;
    text-align: center;
    float: left;
    min-height: 280px
}

.tile_product_info
{
    width:80%;
    margin: 10px auto
}

.tile_product_info a{
    text-decoration: none;
    font-size: 15px;
    color: #555555;
    padding: 0 0 10px 0
}

.tile_product_info a:hover
{
    text-decoration: underline;
}

.tile_product_info span{
    font-size: 18px;
    font-weight: 700
}

.tile_product_info span s{
    font-size: 11px
}

.product_img a{
    -webkit-transition: .2s ease-in-out;
    -moz-transition: .2s ease-in-out;
    -o-transition: .2s ease-in-out;
    transition: .2s ease-in-out;
}

.product_img a:hover{
    opacity: 0.7;
}

.product_img img
{
    width: 200px
}

.list_img
{
    width:150px
}

.category_name
{
    margin:0;
    padding:0
}

a .category_name,a:visited .category_name
{
    text-align:right;
    margin:5px 8px 0 0;
    padding:0 0 0 13px;
    font-weight:700;
    font-size:12px;
    color:#4C5373;
    background:url(../img/icon_typecategory.gif) no-repeat #FFF;
    float:right;
    line-height:11px
}

.list_allproducts
{
    font-size:11px;
    width:100%
}

.list_allproducts a
{
    color:#575757
}

.list_allproducts .list_brand
{
    margin:0 0 10px 4px;
    padding:0;
    width:178px
}

.list_allproducts .list_type
{
    margin:0 0 10px 4px;
    padding:0;
    width:178px
}

.name
{
    font-size:13px;
    color:#0258C2;
    font-weight:700;
    margin:0
}

.introduction a,.introduction a:visited
{
    padding:0 0 0 20px;
    display:block;
    color:#369;
    text-decoration:none;
    margin:3px 0;
    font-size:11px;
    text-align:left;
    background:#DBEAFD url(../img/cgi/icon_introduction_cgi.gif) no-repeat left center
}

.introduction a:hover
{
    padding:0 0 0 20px;
    display:block;
    color:#C9CBD4;
    text-decoration:none;
    margin:3px 0;
    font-size:11px;
    width:142px;
    text-align:left;
    background:url(../img/cgi/icon_introduction_cgi_on.gif) no-repeat #DBEAFD;
    background-position:left center
}

.formstyle
{
    margin:0
}

.form
{
    width:90px
}

.formb
{
    width:80px
}

.formq
{
    width:50px
}

#goods h2
{
    color:#4C5373;
    font-weight:400;
    font-size:11px;
    margin:0;
    padding:0;
    background:none;
    height:auto
}

.vCenter
{
    text-align:center
}

.vCenter ul
{
    list-style:none;
    padding:0;
    margin:0
}

.vCenter ul:after
{
    display:block;
    content:"";
    clear:both
}

.vCenter ul li
{
    float:left;
    padding: 0 55px;
    width:33.33%;
    box-sizing: border-box;
    display:block;
    min-height: 280px;
}

.vCenter ul li p
{
    width:100%;
    height:auto;
    padding:0
}

.vCenter ul li p a{
    -webkit-transition:.2s ease-in-out;
    -moz-transition:.2s ease-in-out;
    -o-transition:.2s ease-in-out;
    transition:.2s ease-in-out
}

.vCenter ul li p a:hover
{
    opacity:.7;
    filter:alpha(opacity=70);
}

.vCenter ul li p img
{
    width: 200px;
}

.search_results_name
{
    font-size:15px;
    padding:0 0 10px;
}

.search_results_name a
{
    color:#555;
    line-height: 150%;
    text-decoration:none
}

.search_results_name a:hover
{
    text-decoration:underline
}

.search_results_price
{
    font-size:18px;
    font-weight:700;
    color:#333
}


.search_results_price span.textorange
{
    font-size:18px;
    color:#333333;
    font-weight:700
}

.search_results_price span
{
    font-weight:400;
    font-size:11px
}

.sale_items .search_results_price span.textorange,
.sale_items .search_results_price
 {
    color: #ef4511;
}

.sale_items .search_results_price s{
    color: #777;
}

p.attention
{
    padding:10px 0;
    font-size:12px
}

.attention_box
{
    color:#699;
    padding:15px;
    border:1px solid #699;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
    text-align:center;
    margin:0 0 30px
}

.caution
{
    font-size:12px;
    width:582px;
    padding:0 0 0 18px;
    margin:0 0 10px;
    color:#EB0303;
    line-height:16px;
    background:url(../img/products/caution01.gif) no-repeat;
    background-position:left
}

.caution_center_topbottom20
{
    margin:20px auto;
    padding:0;
    width:400px
}

.caution_box
{
    margin:0;
    padding:28px 0 0;
    text-align:left;
    width:400px;
    background:url(../img/box_caution_ttl.gif) no-repeat top
}

.caution_box_middle
{
    margin:0;
    padding:15px 15px 10px;
    font-weight:700;
    color:#cd92f2;
    font-size:12px;
    line-height:18px;
    border-right:1px solid #D6AAF2;
    border-left:1px solid #D6AAF2
}

.attention_toric
{
    margin:7px 0 10px;
    padding:0;
    width:230px;
    font-size:11px
}

ul.list_indent
{
    padding:0 0 10px 10px;
    list-style:disc;
    margin:0 0 0 10px
}

.modal-window
{
    -webkit-transform:translate(0,100%);
    -moz-transform:translate(0,100%);
    -o-transform:translate(0,100%);
    -ms-transform:translate(0,100%);
    transform:translate(0,100%);
    -webkit-transform:translate3d(0,100%,0);
    transform:translate3d(0,100%,0);
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    z-index:1000;
    opacity:0;
    line-height:1.3;
    display:none\9
}

.modal-window:target
{
    -webkit-transform:translate(0,0);
    -moz-transform:translate(0,0);
    -o-transform:translate(0,0);
    -ms-transform:translate(0,0);
    transform:translate(0,0);
    opacity:1
}

.is-active.modal-window
{
    display:block\9
}

.modal-window:target
{
    display:block\9
}

.modal-window .modal-inner
{
    line-height:180%;
    padding:30px;
    position:absolute;
    top:50px;
    left:50%;
    z-index:20;
    margin-left:-325px;
    width:650px;
    overflow-x:hidden;
    border-radius:2px;
    background:#fff;
    -webkit-box-shadow:0 0 30px rgba(0,0,0,0.6);
    box-shadow:0 0 30px rgba(0,0,0,0.6);
    max-height:75%
}

.modal-window .modal-inner h3
{
    font-size:22px
}

.modal-window .modal-inner p
{
    margin:0 0 20px
}

.modal-window .modal-inner strong
{
    color:#288181
}

.modal-window .modal-inner ul
{
    padding:0 0 20px 20px;
    list-style:disc
}

.modal-window .modal-inner ol
{
    padding:0 0 20px 20px;
    margin:0 0 20px;
    border-bottom:1px solid #dedede
}

.modal-window .modal-inner a.close
{
    text-align:center;
    text-decoration:underline;
    display:block;
    padding:0 0 10px
}

.modal-window .modal-close
{
    display:block;
    text-indent:-100px;
    overflow:hidden
}

.modal-window .modal-close:before
{
    content:'';
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    z-index:10;
    background:#000;
    opacity:.7
}

.modal-window .modal-close:after
{
    position:absolute;
    top:25px;
    left:50%;
    z-index:20;
    margin-left:285px;
    background:#fff;
    border-radius:2px;
    padding:2px 8px;
    font-size:1.2em;
    text-decoration:none;
    text-indent:0
}

.modal-window
{
    -webkit-transition:opacity .4s;
    -o-transition:opacity .4s;
    transition:opacity .4s
}

#modal-wechat
{
    text-align:center
}

#modal-wechat img
{
    display:block;
    margin:0 auto;
    width:55%;
    height:auto
}

#modal-wechat span
{
    margin:0 0 20px;
    display:inline-block
}

.contest-wrapper:after,.contest-wrapper-wide:after
{
    clear:both;
    content:"";
    display:block
}

.contest-wrapper
{
    width:1168px;
    margin:0 auto;
    padding:50px 0
}

.contest-wrapper-wide
{
    width:80%;
    max-width:1400px;
    margin:0 auto;
    padding:50px 0
}

#contest p
{
    color:#555;
    font-size:22px;
    font-weight:300;
    line-height:180%
}

#contest h2
{
    font-family:"adobe-caslon-pro",serif;
    font-weight:400;
    font-size:90px;
    text-align:center;
    font-style:italic;
    letter-spacing:.02em;
    color:#FFF;
    padding:130px 0;
    background:url(../img/special/2year_contest/contest_header.jpg) no-repeat top center
}

#contest h3
{
    font-size:44px;
    font-family:"adobe-caslon-pro",serif;
    font-weight:400;
    font-style:italic;
    letter-spacing:.02em;
    color:#333;
    padding:20px 0 40px
}

#contest .column-left
{
    float:left;
    width:50%;
    box-sizing:border-box
}

#contest .column-right
{
    float:right;
    width:50%;
    box-sizing:border-box
}

#contest ul.deal li
{
    font-size:28px;
    font-weight:700;
    float:left;
    padding:15px 0 15px 40px;
    margin:30px 30px 0 0;
    box-sizing:border-box
}

#contest ul.deal li:first-child
{
    background:url(../img/special/2year_contest/icon-01.png) no-repeat left center
}

#contest ul.deal li:nth-child(2)
{
    background:url(../img/special/2year_contest/icon-02.png) no-repeat left center
}

#contest ul.deal li:last-child
{
    background:url(../img/special/2year_contest/icon-03.png) no-repeat left center
}

#contest .bg-a
{
    background:#eff4f6;
    padding:20px 0
}

#contest .bg-a h3,#contest .bg-b h3
{
    text-align:center
}

#contest .bg-a p
{
    text-align:center
}

#contest ul.sns
{
    margin:20px 0 0
}

#contest ul.sns li
{
    float:left;
    width:33.333%;
    padding:20px 0 20px 70px;
    box-sizing:border-box
}

#contest ul.sns li a
{
    font-size:18px;
    color:#333;
    text-decoration:underline
}

#contest ul.sns li a:hover
{
    text-decoration:none
}

#contest ul.sns li:first-child
{
    background:url(../img/special/2year_contest/contest_instagram.png) no-repeat left center
}

#contest ul.sns li:nth-child(2)
{
    background:url(../img/special/2year_contest/contest_facebook.png) no-repeat left center
}

#contest ul.sns li:last-child
{
    background:url(../img/special/2year_contest/contest_twitter.png) no-repeat left center
}

#contest .bg-b
{
    background:#d9e5ea;
    padding:20px 0
}

#contest .bg-b h4
{
    font-size:22px;
    font-weight:500;
    color:#3b5998;
    text-align:center
}

#contest ul.paper
{
    width:32%;
    float:left;
    font-size:18px;
    min-height:570px;
    line-height:180%;
    font-weight:300;
    margin:30px 0 0;
    background:#FFF
}

#contest ul.paper li img
{
    width:100%
}

#contest ul.paper-middle li img
{
    display:block;
    padding:10px 0 0;
    width:100%
}

#contest ul.paper-middle
{
    min-height:570px;
    width:32%;
    float:left;
    font-size:18px;
    line-height:180%;
    font-weight:300;
    margin:30px 2% 0;
    background:#FFF
}

#contest ul.paper li,#contest ul.paper-middle li
{
    box-sizing:border-box;
    border-bottom:1px dotted #dedede;
    padding:20px 50px;
    text-align:center
}

#contest ul.paper li:first-child,#contest ul.paper-middle li:first-child
{
    padding:40px 30px 20px
}

#contest ul.paper li:last-child,#contest ul.paper-middle li:last-child
{
    padding:20px 30px 40px;
    border:none
}

#contest .bg-c
{
    background:#FFF;
    padding:20px 0
}

#contest ul.how
{
    font-size:18px;
    line-height:180%;
    font-weight:300
}

#contest ul.how li
{
    border-bottom:1px dotted #dedede;
    padding:20px 0
}

#contest ul.how li:first-child
{
    padding:0 0 20px
}

.tile_fav
{
    width:1168px;
    display:table-cell;
    vertical-align:middle;
    height:340px
}

.tile_fav .product_img
{
    text-align:center;
    width:30%;
    float:left;
    padding:50px 0 0
}

.tile_fav .product_img img
{
    display:inline-block;
    vertical-align:middle;
    width:70%
}

.tile_fav_price
{
    width:25%;
    float:left;
    vertical-align:middle;
    padding:50px 0 0
}

.tile_fav_price a
{
    text-decoration:none!important;
    color:#333!important;
    font-size:20px!important;
    padding:0 0 30px!important
}

.tile_fav_price span
{
    float:left;
    background:none;
    display:inline-block;
    font-size:24px;
    font-weight:500;
    color:#333
}

.tile_fav_price span s
{
    color:#797979;
    font-size:18px;
    font-weight:300
}

.tile_fav_info
{
    width:45%;
    float:left
}

.tile_fav_info h3
{
    text-transform:uppercase;
    padding:0 0 25px
}

.tile_fav_info p
{
    font-weight:300;
    line-height:180%;
    padding:0 30px 25px 0
}

.favorite .path
{
    margin:0
}

.hero_fav
{
    background:rgba(0,0,0,0) url(../img/banner/favs_banner.jpg) no-repeat scroll center top;
    height:270px;
    width:100%
}

.hero_fav .banner_txt
{
    padding:100px 0 0 15%;
    text-align:center;
    width:700px
}

.hero_fav h3
{
    color:#fff;
    font-family:"adobe-caslon-pro",serif;
    font-size:35px;
    font-style:italic;
    font-weight:400;
    letter-spacing:.02em;
    padding:0 0 15px;
    text-align:center
}

.hero_fav p
{
    color:#fff;
    font-size:14px;
    text-align:center;
    display:inline-block;
    letter-spacing:.05em;
    font-weight:100;
    line-height:25px
}

.why_we_love
{
    padding:0 0 20px
}

.why_we_love h2
{
    margin:0 0 20px
}

.reasons
{
    width:46%;
    float:left;
    padding:0 0 0 20px
}

.reasons ul
{
    margin:0 0 40px
}

.reasons li
{
    background:url(../img/icon/check_icon.jpg) no-repeat left top;
    padding:0 0 0 25px;
    letter-spacing:.04em;
    font-weight:100;
    color:#333;
    margin:0 0 20px
}

.reasons li:last-child
{
    background:url(../img/icon/check_icon.jpg) no-repeat left top;
    padding:0 0 0 25px;
    margin:0 0 20px
}

.second_banner
{
    float:right;
    padding:0 20px 0 0
}

.featured_info
{
    height:340px;
    width:1169px;
    margin:20px 0
}

.featured_info.gray
{
    background:#f9f9f9
}

.favorite a.button
{
    background:#288181;
    border:#288181 1px solid;
    color:#fff;
    font-size:14px;
    font-weight:500;
    letter-spacing:.15em;
    text-transform:uppercase;
    cursor:pointer;
    text-align:center;
    padding:17px 0;
    width:90%;
    float:left;
    text-decoration:none
}

.favorite a.button:hover
{
    border:#288181 1px solid;
    background:none;
    color:#288181;
    transition:all .2s ease 0
}

.featured_info h4
{
    font-family:"Roboto" sans-serif;
    font-size:20px;
    color:#333;
    padding:100px 0 20px
}

.featured_info li
{
    float:left;
    padding:0 20px 0 0
}

.featured_info li s
{
    font-size:18px;
    color:#333;
    font-weight:100;
    display:inline-block;
    padding:6px 0 0
}

.featured_info li strong
{
    font-size:24px;
    font-weight:500;
    color:#333
}

.description
{
    float:right;
    width:37%;
    padding:50px 70px 0 0
}

.description h3
{
    font-size:17px;
    letter-spacing:.04em;
    text-transform:uppercase;
    padding:0 0 20px;
    color:#333
}

.description p
{
    font-size:13px;
    letter-spacing:.05em;
    padding:0 0 20px;
    font-weight:100;
    color:#333
}

.description a
{
    border:#288181 1px solid;
    color:#288181;
    font-size:14px;
    font-weight:500;
    letter-spacing:.15em;
    text-transform:uppercase;
    cursor:pointer;
    padding:13px 160px;
    display:inline-block;
    text-decoration:none
}

.description a:hover
{
    background:#288181;
    color:#fff;
    transition:all .2s ease 0
}

.featured_white
{
    background:#fff;
    height:283px;
    width:1169px;
    margin:50px 0
}

.featured_white .description a
{
    background:#288181;
    border:#288181 1px solid;
    color:#fff;
    font-size:14px;
    font-weight:500;
    letter-spacing:.15em;
    text-transform:uppercase;
    cursor:pointer;
    padding:13px 160px;
    display:inline-block
}

.featured_white .description a:hover
{
    border:#288181 1px solid;
    background:none;
    color:#288181;
    transition:all .2s ease 0
}

.bottom_button
{
    padding:20px 0 0;
    text-align:center;
    height:50px
}

.bottom_button a
{
    background:#288181;
    border:#288181 1px solid;
    color:#fff;
    font-size:14px;
    font-weight:500;
    letter-spacing:.15em;
    text-transform:uppercase;
    cursor:pointer;
    padding:13px 170px;
    margin:0 0 0 25px;
    text-decoration:none
}

.bottom_button a:hover
{
    border:#288181 1px solid;
    background:none;
    color:#288181;
    transition:all .2s ease 0
}

.media img
{
    width:100%
}

#shopper_approved
{
    display:none!important
}

#error-msg-area
{
    color:#fd1e0d;
    width:100%;
    -webkit-transition:all .3s;
    transition:all .3s
}

span#sendName_error.form-error,span#sendAddress1_error.form-error,span#sendAddress2_error.form-error,span#sendPrefecture_error.form-error,span#sendPostcode_error.form-error,span#sendTel_error.form-error
{
    box-sizing:border-box;
    color:#FFF;
    border-radius:5px;
    padding:5px 10px;
    position:absolute;
    background:#f06464;
    top:10px;
    left:48%;
    min-width:50%
}

select.form-error,input.form-error
{
    background-color:#f69b9b!important;
    border:1px solid #fd1e0d!important;
    -webkit-transition:all .3s!important;
    transition:all .3s!important
}

span#payment_error
{
    background:#f69b9b;
    line-height:200%;
    display:block;
    line-height:300%;
    padding:0 0 0 20px;
    margin:10px 0 0
}

.cart-wrap
{
    padding:60px 0 100px
}

.cart-item-list
{
    padding:0 0 30px 0;
    margin:-1px 0 0;
/*    border-top:1px solid #d5d5d5;
    border-bottom:1px solid #d5d5d5*/
}

.cart-item-list:last-child
{
    border-bottom:1px solid #d5d5d5;
}

.cart-item-list:after
{
    display:block;
    content:"";
    clear:both
}

.cart-item-list .thumb
{
    float:left;
    width:10%;
    min-height:50px
}

.cart-item-list .thumb img
{
    width:100%
}

.cart-item-list h4
{
    box-sizing:border-box;
    width:100%;
    font-size:14px;
    font-weight:500;
    padding:30px 0;
    border-top:1px solid #d5d5d5;
}

.cart-item-list .delete
{
    box-sizing:border-box;
    width:5%;
    float:right;
    text-align:right
}

.cart-item-list .delete img
{
    width:10px
}

.cart-item-list ul
{
    box-sizing:border-box;
    float:left;
    width:85%;
    padding:0 0 0 35px
}

.cart-item-list ul:after
{
    display:block;
    content:"";
    clear:both
}

.cart-item-list ul li
{
    font-size:12px;
    float:left;
    width:25%;
    padding:0 0 2px;
    box-sizing:border-box
}

.cart-item-list ul li span
{
    font-size:11px;
    font-weight:600;
    display:inline-block;
    width:30%;
    color:#9a9a9a
}

.cart-item-list ul li:last-child span
{
    width:40%;
    color:#9a9a9a
}

.cart-item-list ul li dl:after
{
    display:block;
    content:"";
    clear:both
}


.cart-recommend{
    padding: 50px 0 20px 0;
    border-bottom: 1px solid #d5d5d5;
}

.cart-recommend h3{
    font-weight: 500;
    font-size: 14px;
    background: #edf8f5;
    padding: 10px 15px;
    margin: 0 0 20px 0;
}

.cart-recommend .thumb{
    display: inline-block;
    float: left;
    width: 100px;
}

.cart-recommend img{
    width: 100%;
}

.cart-recommend .detail{
    padding: 0 0 0 15px;
    float: left;
}

.cart-recommend strong{
    display: block;
}

.cart-recommend span{
    padding: 20px 0 0 0;
    display: block;
}

.cart-recommend .button{
    display: inline-block;
    float: right;
    padding: 12px 50px;
    margin: 15px 0 0 0;
    border: 1px solid #288188;
    border-radius: 3px;
    text-decoration: none;
}


.delivery-address:after,.delivery-method label:after,.delivery-method-option:after,.delivery-method-canadapost:after,.cart-recommend:after
{
    display:block;
    content:"";
    clear:both
}

.delivery-address
{
    position:relative;
    float:left;
    box-sizing:border-box;
    width:50%;
    padding:15px 15px 0 0
}

.delivery-address li
{
    width:100%;
    margin:0 0 6px;
    box-sizing:border-box
}

.delivery-address span
{
    padding:0 0 5px;
    display:block
}

.delivery-address span strong
{
    padding:0 0 0 5px
}

.delivery-address #warning
{
    font-size:12px;
    box-sizing:border-box;
    color:#fff;
    padding:12px;
    background:red;
    width:200px;
    display:none;
    position:absolute;
    top:80px;
    left:205px;
    border-radius:3px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    cursor:pointer
}

.delivery-address #warning:before
{
    content:'';
    position:absolute;
    display:block;
    width:0;
    height:0;
    left:20px;
    bottom:-10px;
    border-top:10px solid red;
    border-right:10px solid transparent;
    border-left:10px solid transparent
}

.delivery-address #warning strong
{
    padding:0;
    display:inline;
    font-size:13px
}

.delivery-address #warning a
{
    display:inline-block;
    padding:0 0 0 10px;
    color:#fff
}

.input-delivery,.input-province select
{
    font-size:12px;
    width:100%;
    background:#f9f9f9;
    border:1px solid #d5d5d5;
    border-radius:3px;
    padding:10px;
    box-sizing:border-box
}

.input-province
{
    display:block
}

.delivery-method
{
    box-sizing:border-box;
    width:50%;
    float:left;
    padding:15px 0 0 15px
}

.delivery-method .title
{
    display:block;
    padding:0 0 5px
}

.delivery-method-option
{
    position: relative;
    display:block;
    cursor:pointer;
    border:1px solid #d5d5d5;
    border-radius:3px;
    margin:0 0 15px;
    cursor:pointer;
    box-sizing:border-box;
    -webkit-transition:all .2s ease;
    -moz-transition:all .2s ease;
    -ms-transition:all .2s ease;
    -o-transition:all .2s ease;
    transition:all .2s ease
}

.delivery-method-option span
{
    cursor:pointer;
    display:inline-block;
    box-sizing:border-box;
    font-size: 15px;
    font-weight: 500;
}

.delivery-method-option .price{
    position: absolute;
    right: 25px;
    top: 30px;
}

.delivery-method-information
{
    font-size:13px;
    font-weight: 300;
    width:100%;
    padding: 5px 0 0 25px;
    display:inline-block;
    cursor: pointer;
}

.delivery-method-option.ca-express{
    border:1px solid #119191;
}

.delivery-method-option.ca-express:before{
    content: "Recommended";
    background: #119191;
    color: #ffffff;
    padding: 5px;
    position: absolute;
    top: 65px;
    right: 0;
}

.delivery-method-option:hover
{
    background-color:#f1fafa;
    border:1px solid #119191
}

.delivery-method-option label{
    display: block;
    width: 100%;
    height:100%;
}

.shipping_label
{
    padding: 30px 25px;
}

.delivery-method-option input
{
    float:left;
    display:block;
    margin:5px 10px 0 0
}

#addrinput_delivery_option,
#addrinput_delivery_option_exp{
    border-top: 1px solid #d5d5d5;
}

#addrinput_delivery_option,#addrinput_delivery_option_exp
{
    display:block;
    width:100%;
    padding: 30px 25px;
}

#addrinput_delivery_option label,#addrinput_delivery_option_exp label
{
    font-size:13px;
    margin-bottom: 15px;
    border-right:none;
    border-left:none;
    border-bottom:none;
    border-radius:0;
    box-sizing:border-box
}

#addrinput_delivery_option label:last-child,#addrinput_delivery_option_exp label:last-child
{
    margin-bottom: 0;
}

#addrinput_delivery_user_addr_fedex
{
    display:none
}

#submit
{
    -webkit-transition:all .3s ease-out;
    -moz-transition:all .3s ease-out;
    -ms-transition:all .3s ease-out;
    transition:all .3s ease-out
}

.confirm-information
{
    margin:25px 0 30px;
    padding:15px;
    background:#f9f9f9;
    border:1px solid #d5d5d5
}

.confirm-information:after
{
    display:block;
    content:"";
    clear:both
}

.confirm-information ul
{
    box-sizing:border-box;
    width:49%;
    background:#fff;
    border:1px solid #d5d5d5;
    padding:30px;
    float:left;
    height:300px
}

.confirm-information ul li
{
    margin:0 0 15px
}

.confirm-information ul li h4
{
    padding:0 0 20px;
    font-weight:500;
    font-size:14px
}

.confirm-information ul:last-child
{
    margin:0 0 0 -1px;
    float:right;
    overflow-y:scroll
}

.confirm-information ul:last-child li:nth-child(odd)
{
    float:left;
    width:60%
}

.confirm-information ul:last-child li:nth-child(even)
{
    float:left;
    width:40%
}

.confirm-information ul:last-child li:first-child
{
    width:100%
}

.discount-price
{
    color:#F67D50;
    font-weight:500
}

.phone-number,.mail-form
{
    font-size:16px;
    color:#333
}

.phone-number
{
    background:url(../img/icon/phone.png) no-repeat left 20px;
    padding:15px 0 30px 50px !important;
    background-size:30px
}

.mail-form
{
    background:url(../img/icon/mail.png) no-repeat left 5px;
    padding:0 0 25px 50px !important;
    background-size:30px
}

.live-chat
{
    background:url(../img/icon/chat.png) no-repeat left 5px;
    padding:0 0 25px 50px !important;
    background-size:32px
}

.phone-number strong,.live-chat strong,.mail-form strong
{
    font-size:14px;
    color:#8d8d8d;
    display:inline-block
}

.phone-number span,.live-chat span,.mail-form span
{
    font-size:12px;
    display:block
}

dl#ac-menu
{
    margin:0 0 50px
}

dl#ac-menu dt
{
    background:url(/img/icon/arrow-title.png) no-repeat left center;
    background-size:15px;
    font-size:15px;
    padding:8px 0 8px 25px;
    cursor:pointer;
    text-decoration:underline
}

dl#ac-menu dd
{
    font-size:13px;
    display:none;
    padding:8px 0 8px 25px;
    margin:0 auto
}

.text h1{
    font-size: 22px;
    font-weight: bold;
    margin: 0px;
    padding: 0 0 15px 0;
}

.text h2{
    font-size: 14px;
    font-weight: 400;
    padding: 0;
}

.coupon_blk{
    margin: 25px 0 50px 0;
}

.coupon_blk li:first-child{
    display: inline-block;
    height: 200px;
    width: 34.3%;
    float: left;
}

.coupon_blk li:nth-child(2){
    width: 65.7%;
    height: 200px;
    border: 1px solid #ccc;
    border-left: none;
    display: inline-block;
    float: left;
    box-sizing: border-box;
}

.coupon_blk li h3{
    margin: 35px 0 0 50px;
    padding: 0;
    color: #333;
    font-weight: 700;
    font-size: 22px;
}

.coupon_blk li h4{
    margin: 20px 0 0 50px;
    font-weight: 700;
    font-size: 18px;
}

.coupon_blk li a{
    display:inline-block;
    color:#fff;
    font-size:14px;
    font-weight:500;   
    text-decoration:none;
    text-transform: uppercase;
    text-align: center;
    width:275px;
    padding:16px 20px;
    margin: 15px 50px 0 0;
    background:#288181;
    border:1px solid #288181;
    border-radius:3px;
    box-sizing:border-box;
    -webkit-transition:all .3s;
    transition:all .3s;
    letter-spacing: 0.2em;
    float: right;
}

.coupon_blk li a:hover{
    background:#198989;
    border:1px solid #198989;
}

.coupon_blk li .cpn a{
    margin: 0 0 0 90px;
}

.collapsible {
    background-color: #fff;
    color: #727272;
    font-weight: 500;
    cursor: pointer;
    padding: 12px 18px 12px 18px;
    width: 100%;
    border: 1px solid #ccc;
    border-top: none;
    border-bottom: none;
    text-align: left;
    outline: none;
    font-size: 14px;
    margin: 0;
}

.collapsible:after {
    content:'\276E';
    transform: rotate(-90deg);
    color: #333;
    float: right;
    margin-left: 5px;
}

.active:after {
    transform: rotate(90deg);
}

.cpn{
    margin: 15px 0 0 50px;
    position: relative;
    display: inline-block;
}

.cpn p,
.cpn button,
.cpn div{
    float: left;
}

.cpn div{
    text-align: center;
    box-sizing: border-box;
    width: 150px;
    height: 50px;
    padding: 15px 0 0 0;
    border: 1px solid #ccc;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0.2em;
}

.cpn p{
    font-weight: 500;
    padding: 15px 10px 0 0;
    font-size: 14px;
}

.cpn button.cpn-btn{
    box-sizing: border-box;
    border:none;
    background: #d3d3d3;
    padding: 0;
    height: 50px;
    width: 50px;
    cursor: pointer;
}

.cpn button.cpn-btn:focus{
    outline:none;
    border: none;
}

.cpn button.cpn-btn:hover{
    background: #d8d8d8;
}

.cpn button.cpn-btn:focus:after{
    content:'Copied!';
    position: absolute;
    top: 55px;
    left: 242px;
    width: 60px;
    height: 25px;
    background: #efefef;
    color: #333;
    font-size: 12px;
    text-align: center;
    box-sizing: border-box;
    display: inline-block;
    line-height: 24px;
}

.cpn img{
    width: 80%;
    display: inline-block;
}

.cpn_content {
    width: 100%;
    padding: 0 18px;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
    background-color: #fff;
    border: 1px solid #ccc;
    border-top: none;
    box-sizing: border-box;
}

.cpn_content p{
    display: inline-block;
    padding: 0 0 10px 0;
    font-size: 12px;
    font-style: italic;
}

.coupon_otherinfo li{
    display:inline-block;
    text-align: center;
    width: 50%;
    float: left;
}

.coupon_otherinfo a{
    display:inline-block;
    color:#288181;
    font-size:14px;
    font-weight:500;   
    text-decoration:none;
    text-transform: uppercase;
    text-align: center;
    width:275px;
    padding:16px 20px;
    margin: 20px 0 0 0;
    background:#fff;
    border:1px solid #288181;
    border-radius:3px;
    box-sizing:border-box;
    -webkit-transition:all .3s;
    transition:all .3s;
    letter-spacing: 0.2em;
}

.coupon_otherinfo li a:hover{
    color:#7eb3b3;
}

.coupon_otherinfo li h4{
    font-size: 14px;
}



/*-------------------------------
    
    COUPON CODE PAGE
 -------------------------------*/


 .text h1{
    font-size: 22px;
    font-weight: bold;
    font-size: 14px;
}


 /*-------------------------------
    
    AUTHENTICATION COMPLETED
 -------------------------------*/

 .auth_container{
    text-align: center;
 }

 .new_customer_blk{
    float: left;
    border: 1px solid #D4D4D4;
    padding: 50px 55px 30px 55px;
    text-align: center;
}

 .new_customer_blk h3{
    font-weight: 600;
    padding: 0 0 15px 0;
}

 .code_blk{
    margin: 15px 0 0 0px;
    position: relative;
    display: inline-block;
}

 .code_blk p,
.code_blk button,
.code_blk div{
    float: left;
}

 .code_blk div{
    text-align: center;
    box-sizing: border-box;
    width: 150px;
    height: 50px;
    padding: 15px 0 0 0;
    border: 1px solid #ccc;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0.2em;
}

 .code_blk p{
    font-weight: 500;
    padding: 15px 10px 0 0;
    font-size: 14px;
}

 .code_blk button.cpn-btn{
    box-sizing: border-box;
    border:none;
    background: #d3d3d3;
    padding: 0;
    height: 50px;
    width: 50px;
    cursor: pointer;
}

 .code_blk button.cpn-btn:focus{
    outline:none;
    border: none;
}

 .code_blk button.cpn-btn:hover{
    background: #d8d8d8;
}

 .code_blk button.cpn-btn:focus:after{
    content:'Copied!';
    position: absolute;
    top: 55px;
    left: 242px;
    width: 60px;
    height: 25px;
    background: #efefef;
    color: #333;
    font-size: 12px;
    text-align: center;
    box-sizing: border-box;
    display: inline-block;
    line-height: 24px;
}

 .code_blk img{
    width: 80%;
    display: inline-block;
}

 a.button-primary{
    display: inline-block;
    font-weight: 500;
    width: 275px;
    padding:16px 20px;
    margin: 20px 0 0 0;
    cursor: pointer;
    -webkit-transition: .2s ease-in-out;
       -moz-transition: .2s ease-in-out;
         -o-transition: .2s ease-in-out;
            transition: .2s ease-in-out;
    letter-spacing: 2px;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    color: #fff;
    border: none;
    border-radius: 3px;
    -webkit-border-radius: 3px; 
    -moz-border-radius: 3px;
    background: #288188;
    box-sizing: border-box;
}

 a.button-primary:hover,
a.button-secondary:hover{
    opacity: .9;
    filter: alpha(opacity=90);
    -moz-opacity: .9;
}

 a.button-primary:visited{
    color: #fff;
}

 a.button-secondary{
    display:inline-block;
    color:#288181;
    font-size:14px;
    font-weight:500;   
    text-decoration:none;
    text-transform: uppercase;
    text-align: center;
    width:275px;
    padding:16px 20px;
    margin: 20px 0 0 0;
    background:#fff;
    border:1px solid #288181;
    border-radius: 3px;
    -webkit-border-radius: 3px; 
    -moz-border-radius: 3px;
    box-sizing:border-box;
    -webkit-transition:all .3s;
    transition:all .3s;
    letter-spacing: 0.2em;
}

 .other_actions{
    /*float: right;*/
    box-sizing: border-box;
    /*padding: 40px 0;*/
    padding: 0 0 40px 0;
    display: inline-block;
}

.other_actions p:first-child{
    float: left;
    display: inline-block;
    padding: 0 50px 0 0;
}

.other_actions .return_button{
    float: left;
    text-align: center;
    display: inline-block;
}

.other_actions .return_button p{
    display: block;
    padding: 0 0 15px 0;
}


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

    Address Book

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

.address_box,
.address_add{
    box-sizing: border-box;
    width: 49%;
    float: left;
    padding: 20px;
    margin: 0 1% 15px 0;
    border: 2px solid #dedede;
    border-radius: 5px;
    -webkit-border-radius: 5px; 
    -moz-border-radius: 5px;
    min-height: 250px;
    position: relative;
 }

.address_add{
    color: #555555;
    border-style: dotted;
    background: #f9f9f9;
}

.address_add:visited{
    color: #555555;
}

.address_box:nth-child(even){
    margin: 0 0 20px 1%;
 }

.address_add span{
    font-size: 16px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -20px 0 0 -75px;
}

.address_add span:before{
    content: "+";
    font-size: 34px;
    position: relative;
    top: 5px;
    left: -10px;
    color: #cccccc;
}


.address_box .default{
    color: #ffffff;
    border-radius: 5px;
    -webkit-border-radius: 5px; 
    -moz-border-radius: 5px;
    font-weight: 500;
    background: #288188;
    padding: 5px 10px;
 }

 .address_box dl:after{
    display: block;
    content: '';
    clear: both;
 }

 .address_box dl{
    padding: 0 0 10px 0;
 }

 .address_box  dl dt{
    float: left;
    width: 30%;
 }

 .address_box  dl dd{
    float: right;
    width: 70%;
 }

.address_box .address_menu{
    position: absolute;
    bottom: 20px;
}

/*Scratch Campaign 2019*/

.landing-page{
    overflow-x: hidden;
    overflow-y: hidden;
}

.lp-header{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 30px 0;
}

.lp-logo{
    display: inline-block;
    width: 200px;
}

.lp-logo img{
    width: 100%;
}

.lp-header-links{
    display: inline-block;
    padding: 20px 0 0 0;
}

.lp-header-links a{
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    text-decoration: none;
    letter-spacing: 0.05em;
    color: #333;
    margin: 0 0 0 20px;
}

.lp-header-links a:hover{
    opacity: 0.8;
}

.campaign_hero{
    width: 100%;
    height: 800px;
    background: url(../img/special/scratch-campaign-2019/scratch2019-lp_background.jpg) no-repeat 60% 20%;
    background-size: cover;
    padding: 50px 0;
}

.hero_text{
    width: 450px;
    padding: 50px 0;
    margin: 140px 0;
    box-sizing: border-box;
}

.hero_text h2{
    color: #333;
    font-size: 30px;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    padding: 0;
}

.hero_text h2 span{
    font-size: 67px;
    line-height: 130%;
}

.hero_text p{
    color: #333;
    font-size: 16px;
}

.hero_arrow{
    /*position: absolute;*/
    text-align: center;
    padding: 110px 0 0 0;
}

.hero_arrow > a{
    font-size: 45px;
    transform: rotate(90deg);
    color: #333;
    font-weight: 700;
    text-decoration: none;
}

a.campaign-cta{
    background: linear-gradient(90deg, rgba(21,199,192,1) 0%, rgba(21,225,221,1) 54%, rgba(0,212,255,1) 100%);
    width: 250px;
    height: 60px;
    padding: 20px 0;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    display: inline-block;
    text-decoration: none;
    text-align: center;
    text-transform: uppercase;
    box-sizing: border-box;
    border: 1px solid #15E1DD;
    border-radius: 5px;
    letter-spacing: 0.05em;
    margin: 15px 0 0 0;
    transition: 300ms ease;
}

a.campaign-cta:hover{
/*    border: 1px solid #fff;
    background: #fff;
    color: #333;*/
    opacity: 0.7;
}

.grand-prize{
    background: url(../img/special/scratch-campaign-2019/grand-prize-bg.jpg) 50% no-repeat;
    height: 800px;
    position: relative;
}

.prize-text{
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -48px 0 0 0;
}

.prize-text h2{
    font-size: 24px;
    padding: 0 0 15px 0;
}

.prize-text p{
    font-size: 16px;
}

.campaign_links a{
    font-size: 14px;
    margin: 15px 0;
}

.prize{
    text-align: center;
    margin: 50px 0;
    padding: 140px 0;
    height: 800px;
    box-sizing: border-box;
    background: #EEF9F8;
    width: 100%;
}

.prize h2{
    padding: 0 0 15px 0;
}

.prize p{
    font-size: 16px;
}

.secondary-prizes{
    width: 100%;
    text-align: center;
    margin: 30px 0;
}

.secondary-prizes li{
    display: inline-block;
}

.prize-circles{
    width: 275px;
    height: 275px;
    padding: 80px 0;
    border-radius: 10px;
    background: #288188;
    margin: 20px 50px 0 50px;
    box-sizing: border-box;
}

.prize-circles li{
    display: block;
    font-size: 18px;
    color: #fff;
}

.prize-circles li span{
    font-size: 50px;
    font-weight: 800;
    line-height: 140%;
}

.scratch-faq{
    width: 850px;
    margin: 0 auto;
    padding: 50px 0;
}

.scratch-faq li h2{
    text-align: center;
}

.scratch-faq li h3{
    padding: 40px 0 15px 0;
    font-size: 18px;
    font-weight: 600;
}

.scratch-faq li:nth-child(2) h3{
    padding: 0 0 15px 0;
}

.scratch-faq p,
.scratch-intro p,
.scratch-lead p{
    font-size: 16px;
    line-height: 150%;
}

.scratch-intro{
    position: relative;
    width: 100%;
    height: 400px;
    padding: 50px 0 0 0;
}

.scratch-info{
    width: 50%;
    height: 400px;
    position: relative;
}

.scratch-info .scratch-text{
    top: 95px;
    width: 475px;
}

.scratch-info:first-child{
    float: left;
    background: #eef9f8;
}

.scratch-info:first-child .scratch-text{
    position: absolute;
    /*left: 38%;*/
    right: 12%;
    padding: 0 30px 0 0;
    box-sizing: border-box;
}

.scratch-info:nth-child(2){
    float: right;
    background: #fde29d;
}

.scratch-info:nth-child(2) .scratch-text{
    position: absolute;
    left: 15%;
    padding: 0 0 0 30px;
    box-sizing: border-box;
}

.scratch-text a{
    background: #209ba0;
    border: 1px solid #209ba0;
}

.scratch-text a:hover{
    background: #1a7c80;
    border: 1px solid #1a7c80;
    opacity: 1;
}

.lp-footer{
    width: 100%;
    padding: 40px 0 0 0;
    background: #f5f5f5;
}

.lp-footer-row{
    padding: 40px 0 30px 0;
}

.lp-footer-row ul{
    width: 30%;
    display: inline-block;
    float: left;
}

.lp-footer-row ul:nth-child(2){
    float: right;
}

.lp-footer-row a{
    font-size: 14px;
    margin: 0 0 15px 0;
}

/*Holiday notice for order process*/

.holiday-notice{
    padding: 15px;
    margin: 0 0 15px 0;
    border: 1px solid #333;
    text-align: center;
}

.holiday-notice span{
    color: #288181;
}

.holiday-notice p{
    font-weight: 600;
}

.fedex-notice{
    padding: 15px 0;
}

.fedex-notice span{
    font-weight: 600;
}

/*Popular Products on Top Page*/
.popular_items{
    padding: 40px 0 0 0;
    overflow: hidden;
    width: 100%;
    display: block;
}

.popular_items h2{
    font-size: 18px;
    font-weight: 400;
    text-transform: uppercase;
    float: left;
    display: inline-block;
    padding: 40px 0;
    letter-spacing: .12em;
}

.popular_items .button {
    float: right;
    font-size: 14px;
    font-weight: 500;
    color: #333;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: .08em;
    width: 250px;
    padding: 15px 20px;
    display: inline-block;
    background: none;
    border: 2px solid #333;
    border-radius: 3px;
    box-sizing: border-box;
    -webkit-transition: all .3s;
    transition: all .3s;
    margin: 30px 0;
}

.popular_items .button:hover{
    background: #333333;
    border: 2px solid #333333;
    color: #fff;
}

.popular_items ul li {
    position: relative;
    float: left;
    padding: 0 20px;
    width: 20%;
    box-sizing: border-box;
    display: block;
    min-height: 280px;
    text-align: center;
}

.popular_items ul li:first-child:after{
    content: "NEW";
    font-style: italic;
    position: absolute;
    top: 0;
    left: 0;
    color: #ff0000;
    font-weight: 600;
    text-decoration: underline;
}

.popular_items ul li p {
    width: 100%;
    height: auto;
    padding: 0;
}
.popular_items ul li img {
    width: 90%;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}
.popular_items ul li img:hover{
    opacity: 0.7;
}

.popular_items .search_results_name a{
    color: #000;
    text-decoration: none;
    font-size: 14px;
    min-height: 42px;
}

.popular_items .search_results_price{
    font-size: 16px;
}

.feature_bar{
    background: #35b0b8;
}

.feature_bar ul{
    width: 85%;
    margin: 0 auto;
}

.feature_bar ul li{
    text-align: center;
    width: 33.33%;
    float: left;
}

.feature_bar ul li:first-child,
.feature_bar ul li:nth-child(2){
    padding: 25px 0;
}

.feature_bar ul li a{
    font-size: 15px;
    letter-spacing: 0.1em;
    font-weight: 500;
    text-transform: uppercase;
    padding: 25px 0;
    display: block;
    width: 100%;
    height: 100%;
    color: #fff;
    text-decoration: none;
}

.feature_bar ul li:first-child span{
    background: url(/img/icon/low-prices.png) no-repeat left center;
    background-size: 45px;
    padding: 22px 0 15px 60px;
    font-size: 15px;
    letter-spacing: 0.1em;
    font-weight: 500;
    text-transform: uppercase;
    width: 100%;
    height: 100%;
    color: #fff;
    text-decoration: none;
}


.feature_bar ul li:nth-child(2) span{
    background: url(/img/icon/no-handling-fee.png) no-repeat left center;
    background-size: 41px;
    padding: 12px 0 10px 45px;
    font-size: 15px;
    letter-spacing: 0.1em;
    font-weight: 500;
    text-transform: uppercase;
    width: 100%;
    height: 100%;
    color: #fff;
    text-decoration: none;
}

.feature_bar ul li:last-child a span{
    background: url(/img/icon/special-deals.png) no-repeat left center;
    background-size: 45px;
    padding: 15px 0 10px 50px;
}

.special_offer{
    position: relative;
    height: 450px;
    overflow: hidden;
}

.special_offer .spotlight{
    position: relative;
    float: left;
    height: 450px;
    width: 50%;
}

.special_offer  .spotlight  a{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 5;
}

.special_offer .spotlight .deal{
    position: relative;
    top: 80px;
    height: 450px;
    width: 584px;
    font-size: 18px;
}

.special_offer .spotlight .facebook,
.special_offer .spotlight .instagram{
    position: relative;
    padding: 20px;
    height: 56px;
    width: 300px;
    margin: 15px 0 0 0;
}

.special_offer .spotlight .facebook{
    color: #ffffff;
    background: #4B61AD;
    margin: 30px 0 0 0;
}

.special_offer .spotlight .instagram{
    color: white;
    background: #333333;
}


/* Spotlight Left side */

.special_offer .spotlight:first-child .deal{
    float: right;
}


.special_offer .spotlight:first-child{
    float: left;
    width: 50%;
    background: url(/img/banner/spotlight_molak.jpg) no-repeat right center;
}

.special_offer .spotlight:last-child .deal{
        padding: 0 0 0 80px;
        color: #333;
    }

/* Spotlight Right Side*/
.special_offer .spotlight:last-child{
    float: left;
    width: 50%;
    background: #FAA0A2 url(/img/banner/call-for-nl.jpg) no-repeat 0 bottom;
}

.special_offer .spotlight .deal{
    padding: 0 0 0 80px;
    color: #333;
    position: relative;
    top: 80px;
    height: 450px;
    width: 584px;
    font-size: 18px;
}

.special_offer .deal:last-child .sub-title,
.special_offer .spotlight:last-child .sub-title{
    color: #333333;
    line-height: 27px;
}

.special_offer{
position: relative;
height: 450px;
overflow: hidden;
margin: 50px 0;
}

.special_offer .spotlight{
    position: relative;
    float: left;
    height: 450px;
    width: 50%;
}

.special_offer .spotlight .title{
    font-size: 24px;
    font-weight: 500;
    padding: 0 0 20px 0;
    color: #333333;
}

.special_offer .spotlight span{
    display: inline-block;
    margin: 30px 0 -14px 0;
    position: relative;
    z-index: 15;
}

.special_offer .spotlight span a{
    display: inline-block;
    position: relative;
    padding: 17px 0;
    z-index: 15;
    background: #333333;
    border-radius: 3px;
    color: #ffffff;
    font-size: 16px;
    letter-spacing: .03em;
    text-align: center;
    text-decoration: none;
    width: 250px;
}