@charset "utf-8";

/************************************************
 共通設定
************************************************ */
body{
    /*color: #666;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    background-color: #f5f5f5;
    font-size: 72.5%;
    line-height: 150%;
    letter-spacing: 0.1em;*/
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    min-width: 1025px; /* 背景色欠け対策 */
}

/* 画像 */
img.picture{
    border: 1px solid #a2a6ac;
}

/* 画像フィット */
.object-fit-img{
    object-fit: cover;
    font-family: 'object-fit: cover;';
}

/* ==============================================
 フレーム
=============================================== */
/*.frame_outer{
    margin: 0 auto;
    width: 100%;
    text-align: center;
}*/

/* コンテンツ */
#container{
  width: 100%;
  /*background: #fff;*/
  background: transparent;
  text-align: left;
}
.LC_Page_Index #container{
  background: #e2edf2;
}

/* 全体を包括 */
#wrapper{
  width: 100%;
  font-size: 90%;
  position: relative;
  margin: 0 auto;
}

/* 共通幅 */
.frame{
  width: 100%;
  max-width: 1200px;
  padding-right: 20px;
  padding-left: 20px;
  margin-right: auto;
  margin-left: auto;
}
.LC_Page_Products_List .recommend_block .frame,
.LC_Page_Products_Detail .recommend_block .frame{
  padding-right: 0;
  padding-left: 0;
}


/* ==============================================
 カラム指定
=============================================== */

/* メイン部
----------------------------------------------- */
#main_column{
    width: 100%;
}

/* 1カラム時 */
#main_column.colnum1{
    /*margin: 0 auto;
    width: 100%;*/
}

/* 2カラム時 (共通) */
#main_column.colnum2{
    width: calc(100% - 288px);
}

/* 2カラム時 (メイン部が左) */
#main_column.colnum2.left{
    /*padding-left: 1.5%;
    float: left;*/
    margin: 0;
}

/* 2カラム時 (メイン部が右) */
#main_column.colnum2.right{
    /*padding-right: 1.5%;
    float: right;*/
    margin: 0;
}

/* 3カラム時 */
#main_column.colnum3{
    /*padding-left: 0.5%;
    width: 59%;
    float: left;*/
}

/* サイドカラム
----------------------------------------------- */
.side_column{
    padding: 0;
}
#leftcolumn{
    /*float: left;*/
    width: 250px;
}
#rightcolumn{
    /*float: right;
    width: 20%;*/
}

/* 他
----------------------------------------------- */
/* ヘッダーとフッターの上下 */
#topcolumn,
#bottomcolumn,
#footerbottomcolumn{
    margin: 0px;
    background: #fff;
    text-align: left;
    clear: both;
}

/* 下層コンテンツ */
#undercolumn{
    width: 100%;
    margin: 0;
}
#undercolumn.adjustment_bottom{
  padding-bottom: 55px;
}


/* ==============================================
 ユーティリティ
=============================================== */
/* フロート回り込み解除
----------------------------------------------- */
/*.clearfix:after{
    display: block;
    clear: both;
    height: 0px;
    line-height: 0px;
    visibility: hidden;
    content: ".";
}
.clearfix{
    display: block;
}
.clear{
    clear: both;
}*/

.clearfix{
  zoom: 1;
}
.clearfix:before,
.clearfix:after{
  content: "";
  display: block;
  overflow: hidden;
  height: 0;
  line-height: 0;
  font-size: 0;
  clear: both;
}

/* flexスタイル
----------------------------------------------- */
.flex-disp{
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  -ms-flex-direction: row;
  -webkit-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
.align-left{
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
}
.align-right{
  -webkit-box-pack:end;
  -moz-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}
.align-center{
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.align-justify{
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.align-spaced{
  -ms-flex-pack: distribute;
  -webkit-justify-content: space-around;
  justify-content: space-around;
}
.align-top{
  -webkit-box-align: start;
  -moz-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
}
.align-self-top{
  -ms-flex-item-align: start;
  -webkit-align-self: flex-start;
  align-self: flex-start;
}
.align-bottom{
  -webkit-box-align: end;
  -moz-box-align: end;
  -ms-flex-align: end;
  -webkit-align-items: flex-end;
  align-items: flex-end;
}
.align-self-bottom{
  -ms-flex-item-align: end;
  -webkit-align-self: flex-end;
  align-self: flex-end;
}
.align-middle{
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.align-self-middle{
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  -webkit-align-self: center;
  align-self: center;
}
.align-stretch{
  -webkit-box-align: stretch;
  -moz-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  align-items: stretch;
}
.align-self-stretch{
  -ms-flex-item-align: stretch;
  -ms-grid-row-align: stretch;
  -webkit-align-self: stretch;
  align-self: stretch;
}
.align-baseline{
  -webkit-box-align: baseline;
  -moz-box-align: baseline;
  -ms-flex-align: baseline;
  -webkit-align-items: baseline;
  align-items: baseline;
}
.align-self-baseline{
  -ms-flex-item-align: baseline;
  -ms-grid-row-align: baseline;
  -webkit-align-self: baseline;
  align-self: baseline;
}
.align-content-center-middle{
  -ms-flex-line-pack: center;
  -webkit-align-content: center;
  align-content: center;
}
.flex-wrap-reverse{
  -ms-flex-wrap: wrap-reverse;
  -webkit-flex-wrap: wrap-reverse;
  flex-wrap: wrap-reverse;
}
.flex-dir-row-reverse{
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -moz-box-orient: horizontal;
  -moz-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  -webkit-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
.flex-dir-column{
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
}
.flex-dir-column-reverse{
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -moz-box-orient: vertical;
  -moz-box-direction: reverse;
  -ms-flex-direction: column-reverse;
  -webkit-flex-direction: column-reverse;
  flex-direction: column-reverse;
}
.flex-order-1{
  -webkit-box-original-group: 1;
  -moz-box-original-group: 1;
  -ms-flex-order: 1;
  -webkit-order: 1;
  order: 1;
}
.flex-order-2{
  -webkit-box-original-group: 2;
  -moz-box-original-group: 2;
  -ms-flex-order: 2;
  -webkit-order: 2;
  order: 2;
}
.flex-order-3{
  -webkit-box-original-group: 3;
  -moz-box-original-group: 3;
  -ms-flex-order: 3;
  -webkit-order: 3;
  order: 3;
}
.flex-order-4{
  -webkit-box-original-group: 4;
  -moz-box-original-group: 4;
  -ms-flex-order: 4;
  -webkit-order: 4;
  order: 4;
}
.flex-order-5{
  -webkit-box-original-group: 5;
  -moz-box-original-group: 5;
  -ms-flex-order: 5;
  -webkit-order: 5;
  order: 5;
}
.flex-order-6{
  -webkit-box-original-group: 6;
  -moz-box-original-group: 6;
  -ms-flex-order: 6;
  -webkit-order: 6;
  order: 6;
}


/* リンクスタイル
----------------------------------------------- */
/*a:link,
a:visited{
    color: #39c;
    text-decoration: none;
}
a:link:hover,
a[href]:hover{
    color: #f60;
    text-decoration: underline;
}*/

a{
    color: #0066c0;
    text-decoration: none;
}
a,input,select,textarea,button,*:before,*:after{
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
    -ms-transition: none;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -ms-transform: none;
}
a:hover{
    color: #c45500;
    text-decoration: none;
}


/* 半透明
----------------------------------------------- */
.over{
  opacity: 1;
  transition: 0.3s;
}
.over:hover{
  opacity: 0.7;
}


/* フォント
----------------------------------------------- */
/*h1,h2,h3,h4,h5{
    font-size: 100%;
    line-height: 150%;
}*/

.sale_price{
    color: #f00;
}
.normal_price{
    font-size: 90%;
}
.point{
    color: #f00;
    font-weight: bold;
}
.user_name{
    font-weight: bold;
}
.recommend_level{
    color: #ecbd00;
}

.attention{
    color: #f00;
}
.attentionSt{
    color: #f00;
    font-weight: bold;
}
.st{
    font-weight: bold;
}
.mini{
    font-size: 90%;
}
.txt80{
  font-size: 80%;
}
.txt105{
  font-size: 105%;
}
.txt_underline{
    text-decoration: underline !important;
}

/* 行揃え
----------------------------------------------- */
.alignC{
    text-align: center;
}
.alignR{
    text-align: right;
}
.alignL{
    text-align: left;
}
.pricetd em{
    font-weight: bold;
}


/* フォーム
----------------------------------------------- */
select{
    border: solid 1px #ccc;
}
input[type='text'],
input[type='password']{
    border: solid 1px #ccc;
    padding: 5px;
}

input,textarea,select{
  font-size: 100%;
  font-family: inherit;
  font-weight: normal;
}
input[type="checkbox"]{
  margin: 0 5px 0 0;
  vertical-align: -2px;
}
input[type="radio"]{
  margin: 0 5px 0 0;
  vertical-align: -2px;
}
button{
  cursor: pointer;
  font-weight: normal;
  font-size: 100%;
  font-family: inherit;
  border: none;
}
.error_attention{
  width: 100%;
  font-size: 100%;
  font-weight: bold;
  line-height: 1;
  padding-top: 10px;
}

.box40{
    width: 40px;
}
.box60{
    width: 60px;
}
.box100{
    width: 100px;
}
.box120{
    width: 120px;
}
.box140{
    width: 140px;
}
.box145{
    width: 145px;
}
.box150{
    width: 150px;
}
.box240{
    width: 240px;
}
.box300{
    width: 300px;
}
.box320{
    width: 320px;
}
.box350{
    width: 350px;
}
.box380{
    width: 380px;
}
.logBox{
    width: 100%;
    padding: 10px !important;
    font-size: 16px;
}

/* フォームが縦に重なり合う場合に併用する余白 */
.top{ /* FIXME 簡素な単語は、単独で、込み入った指定に使用しない */
    margin-bottom: 10px;
}
.right{
  margin-right: 5px;
}
.left{
  margin-left: 5px;
}
.bottom{
  display: inline-block;
  margin-top: 5px;
}
.hyphen{
  margin-right: 5px;
  margin-left: 5px;
}


/* タイトル
----------------------------------------------- */
/*h2.title{
    margin-bottom: 10px;
    padding: 8px;
    border-top: solid 1px #ebeced;
    color: #f60;
    background: url("../img/background/bg_tit_sub_01.jpg") repeat-x left bottom;
    background-color: #fef3d8;
    font-size: 170%;
}
#main_column .sub_area h3,
#undercolumn_login .login_area h3,
#undercolumn_shopping h3,
#mypagecolumn h3,
#undercolumn_cart h3{
    margin: 0 0 10px 0;
    padding: 5px 0 10px;
    color: #f60;
    background: url("../img/background/line_01.gif") repeat-x left bottom;
    font-size: 120%;
}
div#undercolumn_login .login_area h4{
    padding-left: 15px;
    background: url("../img/icon/ico_arrow_05.gif") no-repeat left;
}*/

.title{
  font-size: 125%;
  color: #00295d;
  border-bottom: solid 2px #00295d;
  line-height: 1.3;
  padding-bottom: 10px;
  margin-bottom: 40px;
}
.LC_Page_Cart .title,
.LC_Page_Shopping_Deliv .title,
.LC_Page_Shopping_Payment .title,
.LC_Page_Shopping_Confirm .title,
.LC_Page_Shopping_Complete .title,
.LC_Page_Mdl_YFCApi_Helper .title{
  border-bottom: none;
  padding-bottom: 0;
}
.subheads{
  font-size: 105%;
  color: #00295d;
  line-height: 1.3;
  margin-bottom: 20px;
}

.border_titile{
  position: relative;
  margin-bottom: 25px;
}
.border_titile.border_titile02{
  margin-bottom: 30px;
}
.border_titile.border_titile03{
  margin-bottom: 20px;
}
.border_titile.border_titile04{
  margin-bottom: 5px;
}
.border_titile.border_titile05{
  margin-bottom: 35px;
}
.border_titile.border_titile06{
  margin-bottom: 40px;
}
.border_titile:before{
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 480px;
  border-top: 2px solid #00295d;
  margin-top: -1px;
}
.border_titile:after{
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  width: 480px;
  border-top: 2px solid #00295d;
  margin-top: -1px;
}
.border_titile.border_titile03:before{
  width: 320px;
}
.border_titile.border_titile03:after{
  width: 320px;
}
.border_titile.border_titile05:before{
  width: 430px;
  border-top-color: #fff;
}
.border_titile.border_titile05:after{
  width: 430px;
  border-top-color: #fff;
}
.LC_Page_Products_List .recommend_block .border_titile:before,
.LC_Page_Products_Detail .recommend_block .border_titile:before,
.border_titile.border_titile06:before{
  width: 360px;
}
.LC_Page_Products_List .recommend_block .border_titile:after,
.LC_Page_Products_Detail .recommend_block .border_titile:after,
.border_titile.border_titile06:after{
  width: 360px;
}
.border_titile strong{
  width: 200px;
  margin: 0 auto;
}
.border_titile.border_titile03 strong{
  width: 170px;
  margin: 0 auto;
}
.border_titile.border_titile05 strong{
  width: 280px;
  margin: 0 auto;
}
.LC_Page_Products_List .recommend_block .border_titile strong,
.LC_Page_Products_Detail .recommend_block .border_titile strong,
.border_titile.border_titile06 strong{
  width: 144px;
  margin: 0 auto;
}
.border_titile strong i{
  display: block;
  width: 32px;
  margin-right: 10px;
}
.border_titile.border_titile02 strong i{
  width: 28px;
  margin-right: 20px;
}
.border_titile.border_titile03 strong i{
  width: 28px;
  margin-right: 15px;
}
.border_titile.border_titile04 strong i{
  width: 33px;
  margin-right: 15px;
}
.border_titile strong span{
  display: block;
  width: auto;
  font-size: 125%;
  font-weight: bold;
  color: #00295d;
  padding-top: 13px;
}
#operation .border_titile strong,
.LC_Page_Products_List .border_titile strong {
  display: block;
  width: 250px;
  margin: 0 auto;
}
#operation .border_titile strong i,
.LC_Page_Products_List .border_titile strong i {
  width: 32px;
  margin: 0 auto;
}
#operation .border_titile strong span,
.LC_Page_Products_List .border_titile strong span {
  text-align: center;
}
.border_titile.border_titile02 strong span{
  padding-top: 9px;
}
.border_titile.border_titile03 strong span{
  padding-top: 0;
}
.border_titile.border_titile04 strong span{
  padding-top: 7px;
}
.border_titile.border_titile05 strong span{
  color: #fff;
  padding-top: 0;
}
.LC_Page_Products_List .recommend_block .border_titile strong span,
.LC_Page_Products_Detail .recommend_block .border_titile strong span,
.border_titile.border_titile06 strong span{
  padding-top: 0;
}
.titileStyle01{
  font-size: 125%;
  color: #00295d;
  text-align: center;
  padding-top: 10px;
  margin-bottom: 20px;
}
.titileStyle02{
  font-size: 125%;
  color: #00295d;
  text-align: left;
  margin-bottom: 25px;
}


/* line-heightをリセット
----------------------------------------------- */
.top_slider_block,
.top_slider_block *,
.slick-dots,
.slick-dots *,
.icons_wrap,
.icons_wrap *,
.blackfilter,
.blackfilter *{
  line-height: 0;
  font-size: 0;
}
.top_bnr_block,
.top_bnr_block *,
.recommend_block,
.recommend_block *,
.border_titile,
.border_titile *,
.ranking_block,
.ranking_block *,
.news_block,
.news_block *,
.twitter_block,
.twitter_block *,
.search_block,
.search_block *,
.shop_block,
.shop_block *,
.transaction_block,
.transaction_block *,
#leftcolumn,
#leftcolumn *,
#page_navi_top,
#page_navi_top *,
.productsList,
.productsList *,
#page_navi_bottom,
#page_navi_bottom *,
.related_block,
.related_block *,
#detailarea,
#detailarea *,
#hanb__menu,
#hanb__menu *{
  line-height: 1;
}
.variable_characteristic_block,
.variable_characteristic_block *{
  line-height: 1.6 !important;
}

/* リスト
----------------------------------------------- */
ol.number li{
  list-style-type: decimal;
  padding: 0 0 10px 0;
  margin: 0 0 0 1.5em;
}
ol.number02 li{
  list-style-type: cjk-ideographic;
  padding: 0 0 10px 0;
  margin: 0 0 0 1.5em;
}
ul.disc li{
  font-weight: normal;
  list-style-type: disc;
  padding: 0 0 10px 0;
  margin: 0 0 0 1.5em;
}
ul.circle li{
  font-weight: normal;
  list-style-type: circle;
  padding: 0 0 10px 0;
  margin: 0 0 0 1.5em;
}
ol.number li:last-of-type,
ol.number02 li:last-of-type,
ul.disc li:last-of-type,
ul.circle li:last-of-type{
  padding-bottom: 0;
}

/* ==============================================
 ヘッダー
=============================================== */
/* レイアウト
----------------------------------------------- */
/*#header_wrap{
    border-top: solid 3px #f90;
    min-height: 82px;
    background: url("../img/common/bg_header.gif") repeat-x bottom #fffaf0;
}
#header{
    margin: auto;
    width: 980px;
}
#header_utility{
    float: right;
    width: 580px;
}
#errorHeader{
    color: #F00;
    font-weight: bold;
    font-size: 12px;
    background-color: #FEB;
    text-align: center;
    padding: 5px;
}
#logo_area{
    padding-left: 10px;
    float: left;
    width: 390px;
    text-align: left;
}
#site_description{
    font-size: 90%;
}
div#header_navi{
    float: right;
    width: 409px;
    height: 38px;
}
div#header_navi ul li{
    display: block;
    float: left;
}
div#header_navi ul li.mypage,
div#header_navi ul li.entry{
    margin-top: 6px;
}*/

#masterHeader,
#masterHeader *{
  line-height: 1;
}
#masterHeader{
  width: 100%;
}
#headerTop{
  background: #00295d;
  padding: 12px 0;
}
#headerLeft{
  width: 330px;
}
#headerLeft #logo {
  padding-top: 20px;
}
#site_description{
  color: #fff;
  font-size: 12px;
  line-height: 1.6;
  padding-top: 30px;
}
#headerRight{
  width: 670px;
}
.hrlTop{
  width: 100%;
  margin-bottom: 20px;
}
.li_call{
  color: #fff;
  font-size: 12px;
  width: calc(100% - 190px);
}
.li_overview{
  width: 130px;
  /*margin-left: 20px;*/
}
.li_overview a{
  width: 100%;
  display: block;
  text-align: center;
  color: #fff;
  border: 1px solid #fff;
  border-radius: 20px;
  background: transparent;
  padding: 5px 0;
}
.li_overview a:hover{
  color: #00295d;
  background: #fff;
}
.li_twitter{
  width: 30px;
  /*margin-left: 10px;*/
}
.li_twitter a{
  width: 100%;
  display: block;
}
.li_twitter a img{
  width: 100%;
}
.li_oem{
  font-size: 12px;
}
.li_oem a{
  color: #fff;
  text-decoration: underline;
}
.li_entry{
  width: 166px;
  /*margin-left: 10px;*/
}
.li_entry a{
  width: 100%;
  background: #fb8b21;
  color: #fff;
  padding: 7px 0;
}
.li_entry a span img{
  width: 25px;
  height: 25px;
}
.li_entry a strong{
  padding: 0 10px;
  font-weight: normal;
}
.li_mypage{
  width: 166px;
  /*margin-left: 10px;*/
}
.li_mypage a{
  width: 100%;
  background: #fec867;
  color: #fff;
  padding: 7px 0;
}
.li_mypage a span img{
  width: 25px;
  height: 25px;
}
.li_mypage a strong{
  padding: 0 10px;
  font-weight: normal;
}
.li_login{
  width: 166px;
  /*margin-left: 10px;*/
}
.li_login a{
  width: 100%;
  background: #028a85;
  color: #fff;
  padding: 7px 0;
}
.li_login a span img{
  width: 25px;
  height: 25px;
}
.li_login a strong{
  padding: 0 10px;
  font-weight: normal;
}
.li_logout{
  width: 166px;
  /*margin-left: 10px;*/
}
.li_logout a{
  width: 100%;
  background: #aaa;
  color: #fff;
  padding: 7px 0;
}
.li_logout a span img{
  width: 25px;
  height: 25px;
}
.li_logout a strong{
  padding: 0 10px;
  font-weight: normal;
}
.li_cart{
  width: 166px;
  /*margin-left: 10px;*/
}
.li_cart a{
  width: 100%;
  background: #008bd5;
  color: #fff;
  padding: 7px 0;
  position: relative;
}
.li_cart a span img{
  width: 25px;
  height: 25px;
}
.li_cart a strong{
  padding: 0 10px;
  font-weight: normal;
}
.li_cart a span.cartNum{
    display: block;
    width: 20px;
    height: 20px;
    line-height: 20px !important;
    color: #00295d;
    font-size: 10px !important;
    font-weight: bold;
    text-align: center;
    background: #fff;
    border-radius: 50%;
    overflow: hidden;
    position: absolute;
    top: 1px;
    left: 52px;
    letter-spacing: -0.05em;
}
.li_cart a span.cartNum.empty{
    display: none;
}
#headerBottom{
  background: #fff;
}
#headerBottom ul li{
  text-align: center;
  width: calc(100% / 6);
  line-height: 1.3;
}
#headerBottom ul li a{
  display: block;
  font-size: 16px;
  font-weight: bold;
  color: #00295d;
  line-height: inherit;
  padding: 23px 0;
}
#headerBottom ul li a:hover{
  color: #c45500;
}


/* ==============================================
 メイン
=============================================== */
#masterMain{
  width: 100%;
  background: #e2edf2;
  padding-top: 50px;
  padding-bottom: 75px;
}
.LC_Page_Index #masterMain{
  padding-top: 0;
  padding-bottom: 0;
}


/* ==============================================
 フッター
=============================================== */
/*
#footer_wrap{
    margin: 0 auto;
    width: 980px;
    height: 80px;
    background: #fff;
}
#footer{
    margin: auto;
    padding-top: 10px;
    border-top: solid 1px #ccc;
    width: 950px;
}
#pagetop{
    width: 210px;
    float: right;
    text-align: right;
}
*/
#masterFooter,
#masterFooter *{
  line-height: 1;
}
#masterFooter{
  width: 100%;
  background: #00295d;
  padding: 55px 0 70px 0;
}
#footerNav{
  padding-bottom: 40px;
}
#footerNav section{
  width: calc(100% / 5);
}
#footerNav section h4{
  font-size: 16px;
  color: #fff;
  letter-spacing: normal;
  padding-bottom: 30px;
}
#footerNav section ul li{
  letter-spacing: normal;
  padding-bottom: 15px;
}
#footerNav section ul li:before{
  content: '-';
  font-size: 12px;
  margin-right: 0.5em;
  color: #fefeff;
  vertical-align: top;
  letter-spacing: normal;
}
#footerNav section ul li:last-of-type{
  padding-bottom: 0;
}
#footerNav section ul li a{
  color: #fefeff;
  font-size: 12px;
}
#footerNav section.snsSection li{
    padding-bottom: 0;
    margin-right: 22px;
}
#footerNav section.snsSection li:last-of-type{
    margin-right: 0;
}
#footerNav section.snsSection li:before{
  content: none;
}
#footerNav section.snsSection li a{
  display: block;
  width: 44px;
}
#footerNav section.snsSection li a img{
  width: 44px;
}
#footMenu{
  text-align: center;
}
#footMenu .footlogo{
  padding-bottom: 40px;
}
#footMenu .footlogo a{
  display: inline-block;
}
#footMenu ul.flex-disp{
  padding-bottom: 20px;
}
#footMenu ul.flex-disp li{
  letter-spacing: normal;
  margin-right: 25px;
}
#footMenu ul.flex-disp li:last-of-type{
  margin-right: 0;
}
#footMenu ul.flex-disp li a{
  color: #fefeff;
  font-size: 12px;
}
#footMenu #copyright{
  color: #fefeff;
  font-size: 12px;
  letter-spacing: normal;
  display: inline-block;
}
/*
.foot_cates li:nth-of-type(5){
    opacity: 0;
    display: none;
}
*/


/* ==============================================
 パーツ
=============================================== */
/* ボタン
----------------------------------------------- */
/*.btn_area{
    margin-top: 10px;
    width: 100%;
    text-align: center;
}
.btn_area li{
    padding-right: 10px;
    display: inline;
}*/
.btn_area{
  width: 100%;
}
.LC_Page_Products_List .recommend_block .btn_area,
.LC_Page_Products_Detail .recommend_block .btn_area{
  opacity: 0 !important;
  display: none !important;
}
.btn_area,
.btn_area *{
  line-height: 1;
}
.btn_area.search_and_view{
  padding-top: 30px;
}
.btn_area.btn_choice{
  padding-top: 30px;
}
.btn_area.single_choice{
  padding-top: 30px;
}
.btn_area ul{
  width: 100%;
}
.btn_area ul li{
  width: 212px;
  margin-right: 25px;
}
.btn_area ul li:last-of-type{
  margin-right: 0;
}
.btnStyle01{
    display: block;
    width: 360px;
    margin: 0 auto;
    padding: 10px 0;
    color: #fff;
    background-color: #00295d;
}
.btnStyle01:hover{
    color: #fff;
}
.GradationBlueStyle{
  display: block;
  text-align: center;
  border-radius: 20px;
  width: 100%;
  background: -moz-linear-gradient(left, #56b5db, #9cdbe9);
  background: -webkit-linear-gradient(left, #56b5db, #9cdbe9);
  background: linear-gradient(to right, #56b5db, #9cdbe9);
  font-size: 100%;
  position: relative;
  color: #fff !important;
  padding: 10px 0;
}
.GradationBlueStyle:after{
  content: "\03e";
  display: block;
  position: absolute;
  top: 50%;
  right: 10px;
  font-size: 100%;
  color: #fff;
  line-height: 1;
  margin-top: -7px;
}
.DeepBlueStyle{
  display: block;
  text-align: center;
  border-radius: 20px;
  width: 100%;
  background: #00295d;
  font-size: 100%;
  position: relative;
  color: #fff !important;
  padding: 10px 0;
}
.DeepBlueStyle:after{
  content: "\03e";
  display: block;
  position: absolute;
  top: 50%;
  right: 10px;
  font-size: 100%;
  color: #fff;
  line-height: 1;
  margin-top: -7px;
}
.LightGrayStyle{
  display: block;
  text-align: center;
  border-radius: 20px;
  width: 100%;
  max-width: 230px;
  background: #b2b2b2;
  font-size: 100%;
  position: relative;
  color: #fff !important;
  padding: 10px 0;
}
.LightGrayStyle:after{
  content: "\03e";
  display: block;
  position: absolute;
  top: 50%;
  right: 10px;
  font-size: 100%;
  color: #fff;
  line-height: 1;
  margin-top: -7px;
}

.AzaleapinkStyle{
  display: block;
  text-align: center;
  border-radius: 20px;
  width: 100%;
  max-width: 230px;
  background: #ff3399;
  font-size: 100%;
  position: relative;
  color: #fff !important;
  padding: 10px 0;
}
.AzaleapinkStyle:after{
  content: "\03e";
  display: block;
  position: absolute;
  top: 50%;
  right: 10px;
  font-size: 100%;
  color: #fff;
  line-height: 1;
  margin-top: -7px;
}

.LightOrangeStyle{
  display: block;
  text-align: center;
  border-radius: 20px;
  width: 100%;
  max-width: 230px;
  background: #fb8b21;
  font-size: 100%;
  position: relative;
  color: #fff !important;
  padding: 10px 0;
}
.LightOrangeStyle:after{
  content: "\03e";
  display: block;
  position: absolute;
  top: 50%;
  right: 10px;
  font-size: 100%;
  color: #fff;
  line-height: 1;
  margin-top: -7px;
}
.LightSkyblueStyle{
  display: block;
  text-align: center;
  border-radius: 20px;
  width: 100%;
  max-width: 230px;
  background: #3D8CE5;
  font-size: 100%;
  position: relative;
  color: #fff !important;
  padding: 10px 0;
}
.LightSkyblueStyle:after{
  content: "\03e";
  display: block;
  position: absolute;
  top: 50%;
  right: 10px;
  font-size: 100%;
  color: #fff;
  line-height: 1;
  margin-top: -7px;
}
.LightGreenStyle{
  display: block;
  text-align: center;
  border-radius: 20px;
  width: 100%;
  max-width: 230px;
  background: #028a85;
  font-size: 100%;
  position: relative;
  color: #fff !important;
  padding: 10px 0;
}
.LightGreenStyle:after{
  content: "\03e";
  display: block;
  position: absolute;
  top: 50%;
  right: 10px;
  font-size: 100%;
  color: #fff;
  line-height: 1;
  margin-top: -7px;
}
.DeleteStyle{
  display: block;
  text-align: center;
  width: 100%;
  background: #f0f0f0;
  font-size: 100%;
  position: relative;
  color: #000 !important;
  padding: 5px 0;
  border: 1px solid #a1a1a1;
}
.ChangeStyle{
  display: block;
  text-align: center;
  width: 100%;
  background: rgba(0, 139, 213, 0.7);
  font-size: 100%;
  position: relative;
  color: #fff !important;
  padding: 5px 0;
  border: 1px solid #a1a1a1;
}
.btn_area .LightGrayStyle{
  max-width: 100%;
}
.btn_area .LightGrayStyle:after{
  right: auto;
  left: 10px;
  transform: rotate(180deg);
  margin-top: -8px;
}
.LC_Page_Shopping .btn_choice{
  padding-top: 0;
}
.LC_Page_Shopping .btn_area .LightGrayStyle:after,
.LC_Page_AbstractMypage .btn_area #refusal.LightGrayStyle:after{
  content: "\03e";
  left: auto;
  right: 10px;
  transform: none;
  margin-top: -7px;
}
.btn_area .LightOrangeStyle{
  max-width: 100%;
}
.btn_multi_choice .DeepBlueStyle{
  max-width: 212px;
  margin: 0 auto;
  font-size: 100%;
}
.btn_multi_choice .DeepBlueStyle:after{
    font-family: "Material Icons";
    content: "\e145";
    font-size: 100%;
    font-weight: normal;
    font-style: normal;
    letter-spacing: normal;
    line-height: 1;
    direction: ltr;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
    right: 5px;
    margin-top: -7px;
}
.btn_multi_choice.btn_multi_choice_plus{
  padding-top: 30px;
}
.formTable .DeepBlueStyle{
  display: inline-block;
  border-radius: 0;
  width: auto;
  font-size: 90%;
  padding: 5px;
  margin-right: 5px;
  margin-left: 10px;
}
.formTable .DeepBlueStyle:after{
  content: none;
}
.formTable .DeepBlueStyle.postCodeInput {
  border-radius: 20px;
  padding: 5px 10px;
}
.side_search_button{
    text-align: center;
    font-size: 110%;
    color: #fff;
    background: #00295d;
    display: block;
    width: 100%;
    padding: 23px 0;
}
.LC_Page_AbstractMypage .btn_area.reverse_choice .LightOrangeStyle:after{
  right: auto;
  left: 10px;
  transform: rotate(180deg);
  margin-top: -8px;
}
.LC_Page_AbstractMypage .btn_area.reverse_choice .LightGrayStyle:after{
  left: auto;
  right: 10px;
  transform: none;
}


/* 完了メッセージ
----------------------------------------------- */
div#complete_area{
    width: 100%;
    max-width: 920px;
    margin: 0 auto 30px auto;
    padding: 90px 0;
    border: 1px solid #aaa;
    text-align: center;
    background: #fff;
}
div#complete_area.refusal_confirm_area{
  margin-bottom: 0 !important;
}
div#complete_area .message,
div#undercolumn_entry .message{
    margin-bottom: 20px;
    /*line-height: 150%;*/
    font-weight: bold;
    font-size: 110%;
}
.consent{
  margin-bottom: 10px;
}
div#complete_area .shop_information{
    margin-top: 20px;
    padding: 20px 0 0 0;
    /*border-top: solid 1px #ddd;*/
}
div#complete_area .shop_information .name{
    margin-bottom: 10px;
    font-weight: bold;
    font-size: 105%;
}
.other_pay_box{
  margin-top: 40px;
}
.other_pay_inner{
  display: inline-block;
  border-top: 1px solid #00295d;
  border-bottom: 1px solid #00295d;
  padding: 20px 0;
}


/* ===============================================
▼スライダー関連
=============================================== */
.topSlide,
.recommendSlide,
#photoSlider,
.rankingSlide,
.recommend_block .productsList,
.related_block .productsList{
  opacity: 0;
  transition: 0.3s;
}
.topSlide.slick-initialized,
.recommendSlide.slick-initialized,
#photoSlider.slick-initialized,
.rankingSlide.slick-initialized,
.recommend_block .productsList.slick-initialized,
.related_block .productsList.slick-initialized{
  opacity: 1;
}
.topSlide .slick-prev,
.topSlide .slick-next{
  width: 50px;
  height: 50px;
  z-index: 9998;
  transition: 0.3s;
}
.recommendSlide .slick-prev,
.recommendSlide .slick-next,
.rankingSlide .slick-prev,
.rankingSlide .slick-next,
.recommend_block ul.productsList .slick-prev,
.recommend_block ul.productsList .slick-next,
.related_block ul.productsList .slick-prev,
.related_block ul.productsList .slick-next{
  width: 17px;
  height: 17px;
  z-index: 9998;
  transition: 0.3s;
}
.topSlide .slick-prev:hover,
.topSlide .slick-next:hover,
.recommendSlide .slick-prev:hover,
.recommendSlide .slick-next:hover,
.rankingSlide .slick-prev:hover,
.rankingSlide .slick-next:hover,
.recommend_block ul.productsList .slick-prev:hover,
.recommend_block ul.productsList .slick-next:hover,
.related_block ul.productsList .slick-prev:hover,
.related_block ul.productsList .slick-next:hover{
  opacity: 0.7;
}
.topSlide .slick-prev:before,
.topSlide .slick-next:before,
.recommendSlide .slick-prev:before,
.recommendSlide .slick-next:before,
.rankingSlide .slick-prev:before,
.rankingSlide .slick-next:before,
.recommend_block ul.productsList .slick-prev:before,
.recommend_block ul.productsList .slick-next:before,
.related_block ul.productsList .slick-prev:before,
.related_block ul.productsList .slick-next:before{
  content: none;
}
.topSlide .slick-prev{
  left: calc(17vw - -9px);
  background-image: url(../js/slick/slick_left_large.png);
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 50px 50px;
}
.topSlide .slick-next{
  right: calc(17vw - -9px);
  background-image: url(../js/slick/slick_right_large.png);
  background-repeat: no-repeat;
  background-position: right center;
  background-size: 50px 50px;
}
.recommendSlide .slick-prev,
.rankingSlide .slick-prev,
.recommend_block ul.productsList .slick-prev,
.related_block ul.productsList .slick-prev{
  top: auto;
  bottom: -11px;
  left: calc(50% - 70px);
  background-image: url(../js/slick/slick_left_small.png);
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 17px 17px;
}
.recommendSlide .slick-next,
.rankingSlide .slick-next,
.recommend_block ul.productsList .slick-next,
.related_block ul.productsList .slick-next{
  top: auto;
  bottom: -11px;
  right: calc(50% - 70px);
  background-image: url(../js/slick/slick_right_small.png);
  background-repeat: no-repeat;
  background-position: right center;
  background-size: 17px 17px;
}
.topSlide .slick-dots{
  max-width: 220px;/*180px*/
  left: 50%;
  margin-left: -110px;/*-90px*/
}
.recommendSlide .slick-dots,
.rankingSlide .slick-dots,
.recommend_block ul.productsList .slick-dots,
.related_block ul.productsList .slick-dots{
  position: static;
  max-width: 140px;
  bottom: auto;
  left: auto;
  margin: 35px auto 0 auto;
}
.top_slide_wrap .dots_prev{
  width: 17px;
  height: 17px;
  cursor: pointer;
  position: absolute;
  bottom: -37px;
  left: calc(50% - 150px);/*110px*/
}
.top_slide_wrap .dots_next{
  width: 17px;
  height: 17px;
  cursor: pointer;
  position: absolute;
  bottom: -37px;
  right: calc(50% - 150px);/*110px*/
}
.topSlide .slick-list .slick-track .slick-slide{
    -webkit-filter: brightness(40%);
    -moz-filter: brightness(40%);
    -o-filter: brightness(40%);
    -ms-filter: brightness(40%);
    filter: brightness(40%);
}
.topSlide .slick-list .slick-track .slick-slide.slick-center{
    -webkit-filter: brightness(100%);
    -moz-filter: brightness(100%);
    -o-filter: brightness(100%);
    -ms-filter: brightness(100%);
    filter: brightness(100%);
}


/* ===============================================
▼購入ステップフロー
=============================================== */
.ec-cartRole__progress,
.ec-cartRole__progress *{
  line-height: 1;
}
.ec-cartRole__progress{
  width: 100%;
  text-align: center;
}
.ec-progress{
  margin: 0 auto 40px auto;
  display: table;
  table-layout: fixed;
  width: 100%;
}
.ec-progress .ec-progress__item{
  display: table-cell;
  position: relative;
  font-weight: bold;
  text-align: center;
  z-index: 10;
}
.ec-progress .ec-progress__number{
  line-height: 38px;
  width: 38px;
  height: 38px;
  margin-bottom: 10px;
  background: #525263;
  color: #fff;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  border-radius: 50%;
}
.ec-progress .ec-progress__label{
  font-size: 85%;
  color: #525263;
}
.ec-progress .ec-progress__item:after{
  content: '';
  position: absolute;
  display: block;
  background: #525263;
  width: 100%;
  height: 4px;
  top: 17px;
  left: 50%;
  margin-left: 1.5em\9;
  z-index: -1;
}
.ec-progress .ec-progress__item:last-of-type:after{
  content: none;
}
.ec-progress .ec-progress__item.now_step .ec-progress__number{
  background: #00295d;
}
.ec-progress .ec-progress__item.now_step .ec-progress__label{
  color: #00295d;
}


/* ===============================================
▼Colorbox独自CSSを調整
=============================================== */
#colorbox, #cboxOverlay, #cboxWrapper{
  z-index: 10002;
}
#cboxOverlay{
  background: rgba(0,0,0,0.9);
}
#cboxClose{
  width: 14px;
  height: 14px;
  top: -24px;
  background-image: url(../img/icon/ico_cb_close.png);
  background-size: 14px 14px;
  background-position: 0 0;
  cursor: pointer;
  transition: 0.25s ease-in-out;
}
#cboxClose:hover{
  background-position: 0 0;
  opacity: 0.5;
  transition: 0.25s ease-in-out;
}


/* ===============================================
▼r_common
=============================================== */
.bg_wh{
    background: #fff;
}
.bsp_Style70{
    margin-bottom: 70px;
}
.textbox_Style01{
    padding: 15px 20px 30px 20px;
}
.textbox_Style02{
    padding: 15px 20px 0 20px;
}
.textbox_Style03{
    padding: 0 20px;
}
.textbox_Style04{
    padding: 20px;
}
.h3_Style01{
    font-size: 105%;
    padding: 25px 0 5px 0;
    line-height: 1.6;
}
.h3_Style02{
    padding: 0 0 10px 0;
}
.h3_Style03{
    padding: 0 0 5px 0;
}
.h3_Style04{
    padding: 0;
}
.imgFull img{
    width: 100%;
}
.imgCenter{
    text-align: center;
}
.imgCenter02{
    display: block;
    margin: 0 auto;
}


/* ===============================================
▼カスタムチェックボックス
=============================================== */
.login_memory .login_memory_label{
    cursor: pointer;
}
.login_memory .login_memory_label .checkbox{
    display: none;
}
.login_memory .login_memory_label .check_square{
    vertical-align: top;
    display: inline-block;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 0;
    left: 0;
}
.login_memory .login_memory_label .check_square:before{
    content: "";
    width: 20px;
    height: 20px;
    border: 1px solid #000;
    background: #fff;
    display: block;
}
.login_memory .login_memory_label .check_square .check_icon{
    width: 0px;
    height: 20px;
    position: absolute;
    overflow: hidden;
    transition: 0.3s;
    top: 1px;
    left: 1px;
}
.login_memory .login_memory_label .check_square .check_icon:before{
    border-bottom: 2px solid #00295d;
    border-left: 2px solid #00295d;
    content: "";
    position: absolute;
    top: 2px;
    left: 2px;
    width: 14px;
    height: 7px;
    z-index: 1;
    transform: rotate(-45deg);
    transition: 0.3s;
    display: block;
}
.login_memory .login_memory_label .checkbox:checked+.check_square .check_icon{
    width: 20px;
}
.login_memory .login_memory_label .check_text{
    display: inline-block;
    vertical-align: top;
    position: relative;
    padding-top: 4px;
    padding-left: 30px;
}
.login_memory .login_memory_label .checkbox:checked+.check_square.check_icon{
    display: none;
}










/*タイトル付き（ラベルボックス）*/
.box72{
	margin: 2em auto; /* ボックスの余白 */
	background-color:#fff; /* ボックス背景色 */
	padding:2em; /* ボックス内側余白 */
	position:relative; /* 配置(ここを基準に) */
	border: 2px solid #666;/* ボックスの線 (太さ　種類　色)*/
}
.box72 .box-title {
	background-color:#fff; /* タイトル背景色 */
	font-size: 1.2em;/* タイトル文字の大きさ */
	font-weight:800;
	color: #666; /* タイトル文字色 */
	padding: 0 5px;/*タイトルの余白*/
	line-height: 1;/*タイトルの行の高さ*/
	position:absolute;	/* 配置(ここを動かす) */
	top: -13px; /*上から（-5px）移動*/
	left: 20px; /*左から(20px)移動*/
}