@charset "utf-8";

/*/////////////////////////////////////////////////////////////////////////////////////////////////

  Header Base Layout

/////////////////////////////////////////////////////////////////////////////////////////////////*/

html, body {
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  -webkit-text-size-adjust:none;
}

#header_2015_wrap {
  width:100%;
  color: #333;
  font-family:"游ゴシック","YuGothic", Roboto,'Droid Sans',"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro","メイリオ", Meiryo, sans-serif;
  font-size:14px;
  letter-spacing: initial;
}

/* 共通設定 */
#header_2015_wrap * {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
       -o-box-sizing: border-box;
      -ms-box-sizing: border-box;
          box-sizing: border-box;
}

#header_2015_wrap *:hover.over {
  filter:alpha(opacity=70);
  -moz-opacity:0.7;
  opacity:0.7;
}

#header_2015_wrap p { line-height:100%;}
#header_2015_wrap a { color:inherit; text-decoration:none;}
#header_2015_wrap input,
#header_2015_wrap button {
  font-family:"游ゴシック","YuGothic", Roboto,'Droid Sans',"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro","メイリオ", Meiryo, sans-serif;
  border:none; padding:0; vertical-align:top;
  -webkit-appearance: none;
  -moz-appearance:none;
  appearance:none;
}

#header_2015_wrap .pc_disp { display:block;}
#header_2015_wrap .sp_disp { display:none;}

#header_2015_wrap .sec { padding:0 20px; margin-bottom: 0;}
#header_2015_wrap .inner { width:100%; max-width:1280px; margin:0 auto;}


/* Button */
#header_2015_wrap .btn {
  display:block;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
}

/* Button Color */
#header_2015_wrap .b_back { background-color:#6B9ED2 !important;}
#header_2015_wrap .g_back { background-color:#62C1CB !important;}
#header_2015_wrap .p_back { background-color:#FE698E !important;}

/* Font Color */
#header_2015_wrap .b_color { color: #6B9ED2;}


/*---------------------------------------------------------*

    Icon
  
 *---------------------------------------------------------*/

/* Icon ( Middle Area ) */
#header_2015_wrap .icon_middle {
  display:block; width:24px; height:24px;
  background:url(https://secure.lovecosmetic.net/images/common/header_2015/icon_middle_list.gif) no-repeat;
  -webkit-background-size: auto 48px;
  -moz-background-size: auto 48px;
  background-size: auto 48px;
}
#header_2015_wrap .icon_middle.icon_01 { background-position:0 0;}      /* 会員登録 */
#header_2015_wrap .icon_middle.icon_02 { background-position:-24px 0;}  /* メルマガ */
#header_2015_wrap .icon_middle.icon_03 { background-position:-48px 0;}  /* カート */
#header_2015_wrap .icon_middle.icon_04 { background-position:-72px 0;}  /* ログイン */
#header_2015_wrap .icon_middle.icon_05 { background-position:-96px 0;}  /* ログアウト */

#header_2015_wrap .icon_middle.icon_sp_01 { background-position:0 -24px;}     /* 商品検索 */
#header_2015_wrap .icon_middle.icon_sp_02 { background-position:-24px -24px;} /* メニュー */

#header_2015_wrap .icon_middle.icon_sp_01.open { background-position:-72px -24px;} /* 商品検索 OPEN時 */
#header_2015_wrap .icon_middle.icon_sp_02.open { background-position:-48px -24px;} /* メニュー OPEN時 */

/* Icon ( Menu Area ) */
#header_2015_wrap .icon_menu {
  display:block; width:30px; height:30px;
  background:url(https://secure.lovecosmetic.net/images/common/header_2015/icon_menu_list.png) no-repeat;
  -webkit-background-size: auto 150px;
  -moz-background-size: auto 150px;
  background-size: auto 150px;
}

/* Icon type-01 */
#header_2015_wrap .icon_menu.icon_01_01 { background-position: 0 0;}           /* 定番商品 */
#header_2015_wrap .icon_menu.icon_01_02 { background-position: -30px 0;}       /* 新商品 */
#header_2015_wrap .icon_menu.icon_01_03 { background-position: -60px 0;}       /* 限定商品 */
#header_2015_wrap .icon_menu.icon_01_04 { background-position: -90px 0;}       /* ランキング */
#header_2015_wrap .icon_menu.icon_01_05 { background-position: -120px 0;}      /* ￥ */
#header_2015_wrap .icon_menu.icon_01_06 { background-position: -150px 0;}      /* 体のお悩み */
#header_2015_wrap .icon_menu.icon_01_07 { background-position: -180px 0;}      /* クチコミ */
#header_2015_wrap .icon_menu.icon_01_08 { background-position: -210px 0;}      /* 動画 */
#header_2015_wrap .icon_menu.icon_01_09 { background-position: -240px 0;}      /* 漫画 */
#header_2015_wrap .icon_menu.icon_01_10 { background-position: -270px 0;}      /* 未使用 */
#header_2015_wrap .icon_menu.icon_01_11 { background-position: -300px 0;}      /* 未使用 */
#header_2015_wrap .icon_menu.icon_01_12 { background-position: -330px 0;}      /* LCラボ */
#header_2015_wrap .icon_menu.icon_01_13 { background-position: -360px 0;}      /* さくらの恋猫 コンテンツ */
#header_2015_wrap .icon_menu.icon_01_14 { background-position: -390px 0;}      /* さくらの恋猫 商品 */
#header_2015_wrap .icon_menu.icon_01_15 { background-position: -420px 0;}      /* 恋のお悩み */
#header_2015_wrap .icon_menu.icon_01_16 { background-position: -120px -60px;}  /* 〇人集まったら商品化 */

/* Icon type-02 */
#header_2015_wrap .icon_menu.icon_02_01 { background-position: -60px -60px;}    /* デリケートゾーンケア特集、バストケア特集 */
#header_2015_wrap .icon_menu.icon_02_02 { background-position: -30px -30px;}   /* ジャムウ */
#header_2015_wrap .icon_menu.icon_02_03 { background-position: -60px -30px;}   /* プエラリア */
#header_2015_wrap .icon_menu.icon_02_04 { background-position: -90px -30px;}   /* ラブコスメ */
#header_2015_wrap .icon_menu.icon_02_05 { background-position: -120px -30px;}  /* ボディケア */
#header_2015_wrap .icon_menu.icon_02_06 { background-position: -150px -30px;}  /* 未使用 */
#header_2015_wrap .icon_menu.icon_02_07 { background-position: -180px -30px;}  /* ラブサプリ */
#header_2015_wrap .icon_menu.icon_02_08 { background-position: -210px -30px;}  /* ローション */
#header_2015_wrap .icon_menu.icon_02_09 { background-position: -240px -30px;}  /* セクシャル */
#header_2015_wrap .icon_menu.icon_02_10 { background-position: -270px -30px;}  /* ラブレク */
#header_2015_wrap .icon_menu.icon_02_11 { background-position: -300px -30px;}  /* ラブグッズ */
#header_2015_wrap .icon_menu.icon_02_12 { background-position: -330px -30px;}  /* コンドーム */
#header_2015_wrap .icon_menu.icon_02_13 { background-position: -360px -30px;}  /* DVD・書籍 */
#header_2015_wrap .icon_menu.icon_02_14 { background-position: -390px -30px;}  /* LCメンズ */
#header_2015_wrap .icon_menu.icon_02_15 { background-position: -420px -30px;}  /* 限定商品 */
#header_2015_wrap .icon_menu.icon_02_16 { background-position: -450px -30px;}  /* ラブフーズ */
#header_2015_wrap .icon_menu.icon_02_17 { background-position: -480px -30px;}  /* バストケア */
#header_2015_wrap .icon_menu.icon_02_18 { background-position: -210px -60px;}  /* センシティブライン */
#header_2015_wrap .icon_menu.icon_02_19 { background-position: 0 -30px;}       /* ヌレヌレ */
#header_2015_wrap .icon_menu.icon_02_20 { background-position: -270px -60px;}    /* 人気コスメ */

/* Icon type-03 */
#header_2015_wrap .icon_menu.icon_03_01 { background-position: 0 -60px;}       /* ニュース電波 */
#header_2015_wrap .icon_menu.icon_03_02 { background-position: -30px -60px;}   /* 緑葉っぱ */
#header_2015_wrap .icon_menu.icon_03_03 { background-position: -60px -60px;}   /* 青い花 */

/* Icon type-04 */
#header_2015_wrap .icon_menu.icon_04_01 { background-position: 0 -90px;}
#header_2015_wrap .icon_menu.icon_04_02 { background-position: -30px -90px;}
#header_2015_wrap .icon_menu.icon_04_03 { background-position: -60px -90px;}
#header_2015_wrap .icon_menu.icon_04_04 { background-position: -90px -90px;}
#header_2015_wrap .icon_menu.icon_04_05 { background-position: -120px -90px;}
#header_2015_wrap .icon_menu.icon_04_06 { background-position: -150px -90px;}
#header_2015_wrap .icon_menu.icon_04_07 { background-position: -180px -90px;}
#header_2015_wrap .icon_menu.icon_04_08 { background-position: -210px -90px;}
#header_2015_wrap .icon_menu.icon_04_09 { background-position: -240px -90px;}
#header_2015_wrap .icon_menu.icon_04_10 { background-position: -270px -90px;}
#header_2015_wrap .icon_menu.icon_04_11 { background-position: -300px -90px;}
#header_2015_wrap .icon_menu.icon_04_12 { background-position: -330px -90px;}
#header_2015_wrap .icon_menu.icon_04_13 { background-position: -360px -90px;}
#header_2015_wrap .icon_menu.icon_04_14 { background-position: -390px -90px;}
#header_2015_wrap .icon_menu.icon_04_15 { background-position: -420px -90px;}
#header_2015_wrap .icon_menu.icon_04_16 { background-position: -450px -90px;}
#header_2015_wrap .icon_menu.icon_04_17 { background-position: -90px -60px;}

/* Icon type-05 */
#header_2015_wrap .icon_menu.icon_05_01 { background-position: 0 -120px;}
#header_2015_wrap .icon_menu.icon_05_02 { background-position: -30px -120px;}
#header_2015_wrap .icon_menu.icon_05_03 { background-position: -60px -120px;}
#header_2015_wrap .icon_menu.icon_05_04 { background-position: -90px -120px;}
#header_2015_wrap .icon_menu.icon_05_05 { background-position: -120px -120px;}
#header_2015_wrap .icon_menu.icon_05_06 { background-position: -150px -120px;}
#header_2015_wrap .icon_menu.icon_05_07 { background-position: -180px -120px;}
#header_2015_wrap .icon_menu.icon_05_08 { background-position: -210px -120px;}
#header_2015_wrap .icon_menu.icon_05_09 { background-position: -240px -120px;}
#header_2015_wrap .icon_menu.icon_05_10 { background-position: -270px -120px;}
#header_2015_wrap .icon_menu.icon_05_11 { background-position: -300px -120px;}


/* Icon type-99 特殊タイプ */
#header_2015_wrap .icon_menu.icon_99_01 {
  background:url(https://secure.lovecosmetic.net/images/common/header_2015/member_img.gif) no-repeat center center;
  -webkit-background-size:19px auto;
  -moz-background-size:19px auto;
  background-size:19px auto;
}




/*/////////////////////////////////////////////////////////////////////////////////////////////////

  [PC] Header Layout

/////////////////////////////////////////////////////////////////////////////////////////////////*/

#header_2015 {
  width:100%;
  position:relative; top:0; left:0; z-index:9998;
}


/*---------------------------------------------------------*

    Top Area
  
 *---------------------------------------------------------*/

#header_2015 .topArea {
  width:100%; height:32px;
  background-color:#F0F7FA; font-size:12px;
}
#header_2015 .topArea a { color:#333;}
#header_2015 .topArea a:hover { text-decoration:underline;}

#header_2015 .topArea .inner { position:relative;}

/* Top Area : Left */
#header_2015 .topArea .leftArea {
  float: left; width: 100%; padding-right:460px; overflow: hidden;
  white-space: nowrap; text-overflow: ellipsis; line-height:32px; text-align: left;
}
#header_2015 .topArea .leftArea span { margin-right:20px; font-weight:bold;}
#header_2015 .topArea .leftArea a { font-weight:normal;}

/* Top Area : Right */
#header_2015 .topArea .rightArea {
  height:16px;
  position:absolute; top:50%; right:0; margin-top:-8px;
}
#header_2015 .topArea .rightArea li {
  float:left;
  background:url(https://secure.lovecosmetic.net/images/common/header_2015/top_line.gif) repeat-y left top;
}
#header_2015 .topArea .rightArea li a {
  display:block; padding:0 15px; line-height:16px;
}

/* SNS */
#header_2015 .topArea .rightArea li.snsList {
  padding:0 0 0 5px;
}
#header_2015 .topArea .rightArea li.snsList a {
  display:inline-block; padding:0; margin-left:5px;
}
#header_2015 .topArea .rightArea li.snsList img {
  display:block; width:auto; height:16px;
}


/*---------------------------------------------------------*

    Middle Area
  
 *---------------------------------------------------------*/

#header_2015 .middleArea {
  width:100%; height:80px;
  background-color:#fff;
}
#header_2015 .middleArea .inner { position:relative;}

#header_2015 .middleArea .logo { width:240px; position:absolute; top:8px; left:0;}
#header_2015 .middleArea .logo a { display:block;}
#header_2015 .middleArea .logo img { display:block; width:100%; height:auto;}

#header_2015 .middleArea form { width:100%; padding:20px 455px 0 270px;}
#header_2015 .middleArea form .inner { position:relative;}
#header_2015 .middleArea input,
#header_2015 .middleArea button { height:40px;}

#header_2015 .middleArea input {
  width:100%; padding-right:60px;
  background:#F5F5F5 url(https://secure.lovecosmetic.net/images/common/header_2015/icon_search.gif) no-repeat 10px center;
  border:#D5D5D5 1px solid; border-right:none;
  font-size:14px; text-indent:40px;
  
  -webkit-border-radius: 4px;
  -moz-border-radius: 4p;
  border-radius: 4px;
  margin: 0;
}
#header_2015 .middleArea button {
  width:60px; background-color:#6B9ED2; cursor:pointer;
  position:absolute; top:0; right:0;
  font-size:14px; color:#fff;
  text-align: center;
  line-height: initial;
  
  -webkit-border-radius: 0 4px 4px 0;
  -moz-border-radius: 0 4px 4px 0;
  border-radius: 0 4px 4px 0;
}

/* 右エリア */
#header_2015 .middleArea .rightArea {
  position:absolute; top:10px; right:0;
}


/*---------------------------------------------------------*
    各種ボタン
 *---------------------------------------------------------*/
#header_2015 .middleArea .middleMenu { padding-right:200px;}
#header_2015 .middleArea .middleMenu li { float:left; width:60px; height:60px;}
#header_2015 .middleArea .middleMenu li a {
  display:block; /*height:100%;*/
  font-size:11px; text-align:center;
}
#header_2015 .middleArea .middleMenu li a:hover {
  background-color: #fff;
}
#header_2015 .middleArea .middleMenu li span {
  margin:10px auto 5px;
}


/*---------------------------------------------------------*
    会員サービス
 *---------------------------------------------------------*/
 
#header_2015 .middleArea .memberArea {
  width:182px;
  position:absolute; top:0; right:0; z-index:1;
}

/* Button */
#header_2015 .middleArea .member_btn {
  display:block; float:right; position:relative;
  width:100%; height:60px; padding-left:60px;
  background:#FFFFFF url(https://secure.lovecosmetic.net/images/common/header_2015/member_img.gif) no-repeat 10px center;
  border:#D5D5D5 1px solid;
  cursor:pointer;

  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
#header_2015 .middleArea .member_btn p {
  display:block; line-height:60px; text-align: left;
}
#header_2015 .middleArea .member_btn .m_arrow {
  display:block; width:8px; height:5px;
  position:absolute; top:50%; right:10px; margin-top:-3px;
  background:url(https://secure.lovecosmetic.net/images/common/header_2015/member_arrow.png) no-repeat;
  -webkit-background-size: 8px auto;
  -moz-background-size: 8px auto;
  background-size: 8px auto;
}
/* Open時 ボトムの角丸削除 */
#header_2015 .middleArea .member_btn.open {
  -webkit-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
}
#header_2015 .middleArea .member_btn.open .m_arrow {
  background-position: 0 -5px;
}

/* Menu */
#header_2015 .middleArea .memberMenu {
  display:none; float:right;
  width:100%; margin-top:-1px;
  background-color:#FFF;
  border:#D5D5D5 1px solid;
  
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px;
}
#header_2015 .middleArea .memberMenu ul {
  border-bottom:#D5D5D5 1px solid;
  text-align: initial;
}
#header_2015 .middleArea .memberMenu li a {
  display:block; padding:8px 10px;
  font-size:12px;
}
#header_2015 .middleArea .memberMenu li a:hover {
  background-color:#FAFAF3;
}

#header_2015 .middleArea .memberMenu .btn {
  margin:10px; padding:8px 10px; text-align:center;
  font-size:12px; font-weight:bold; color:#FFF;
}


/*---------------------------------------------------------*

    Menu Area
  
 *---------------------------------------------------------*/

/* メニューオーバー背景 */
#header_2015_back {
  display:none;
  width:100%; height:100%;
  position:fixed; top:0; left:0; z-index:999;
  background:url(https://secure.lovecosmetic.net/images/common/header_2015/over_back.png);
}

/* ベース設定 */
#header_2015 .menuArea {
  width:100%; height:45px;
  background-color:#6B9ED2;
}

#header_2015 .menuArea .menu_parts {
  float:left; width:14.28%; height:100%;
  position:relative;
}
#header_2015 .menuArea .menu_parts .cd_ttl { cursor:pointer; position:relative;}
#header_2015 .menuArea .menu_parts .cd_ttl .arrow {
  display:none; width:14px; height:6px;
  background:url(https://secure.lovecosmetic.net/images/common/header_2015/menu_box_arrow.png) no-repeat;
  position:absolute; bottom:-6px; left:50%; margin-left:-7px;
}
#header_2015 .menuArea .menu_parts.act .cd_ttl .arrow {
  display:block;
}

#header_2015 .menuArea .menu_parts:last-child .cd_ttl {
  background:url(https://secure.lovecosmetic.net/images/common/header_2015/menu_line.png) no-repeat right center;
  -webkit-background-size: 1px auto;
  -moz-background-size: 1px auto;
  background-size: 1px auto;
}
#header_2015 .menuArea .menu_parts .cd_ttl p {
  padding: 10px 0; margin: 0; line-height: 25px; text-align: center;
  font-size: 16px; color: #fff;
  background:url(https://secure.lovecosmetic.net/images/common/header_2015/menu_line.png) no-repeat left center;
  -webkit-background-size: 1px auto;
  -moz-background-size: 1px auto;
  background-size: 1px auto;
}
#header_2015 .menuArea .menu_parts .cd_ttl .icon_menu { display:none;}


#header_2015 .menuArea .sub_parts {
  display:none; 
  /*display:table;*/
  padding-top:10px;
  position:absolute; top:45px; left:0;
}

#header_2015 .menuArea .sub_parts { /* 201901 add */
  width:calc(100vw * 0.5716 - 10px);
  max-width:calc(1280px * 0.5716);
}
#header_2015 .menuArea .sub_parts.sub_none { /* 201901 add */
  width:calc(100vw * 0.2142);
  max-width:calc(1280px * 0.2142);
}

#header_2015 .menuArea .sub_parts.right {
  left:inherit; right:0;
}
#header_2015 .menuArea .sub_parts::after {
  content: none;
}

/* メニューオーバー時 */
#header_2015 .menuArea.hover_back,
#header_2015 .menuArea.over_back{
  background-color:#5A8DC0;
}
#header_2015 .menuArea.hover_back .menu_parts .cd_ttl p span,
#header_2015 .menuArea.over_back .menu_parts .cd_ttl p span{
  filter:alpha(opacity=40);
  -moz-opacity:0.4;
  opacity:0.4;
}
#header_2015 .menuArea .menu_parts.hover .cd_ttl,
#header_2015 .menuArea .menu_parts.act .cd_ttl {
  background-color: #6B9ED2;
}
#header_2015 .menuArea .menu_parts.hover .cd_ttl p span,
#header_2015 .menuArea .menu_parts.act .cd_ttl p span{
  filter:alpha(opacity=100);
  -moz-opacity:1;
  opacity:1;
}


/* 第１階層 */
#header_2015 .menuArea .sub_area_lv1 {
  display:table-cell; vertical-align: top; width:38.29%;
  border-top:#6B9ED2 2px solid;
}
#header_2015 .menuArea .sub_area_lv1 ul {
  /*border-bottom:#E4EEF8 1px solid;*/
  text-align: left;
}
#header_2015 .menuArea .sub_area_lv1 li {
  height:36px; position:relative; cursor:pointer;
  text-align: initial;
  background-color:#fff;
}
#header_2015 .menuArea .sub_area_lv1 li .icon_menu {
  position:absolute; top:50%; left:5px; margin-top:-15px;
}
#header_2015 .menuArea .sub_area_lv1 li .arrow {
  display:block; width:8px; height:12px;
  position:absolute; top:50%; right:10px; margin-top:-6px;
  background:url(../images/common/header_2015/menu_arrow.png) no-repeat right top;
  -webkit-background-size: auto 24px;
  -moz-background-size: auto 24px;
  background-size: auto 24px;
}
#header_2015 .menuArea .sub_area_lv1 li p {
  padding: 0 20px 0 45px; line-height:36px;
  font-size:14px;
}
#header_2015 .menuArea .sub_area_lv1 li a { display:block; line-height: inherit; }

#header_2015 .menuArea .sub_area_lv1 li.act,
#header_2015 .menuArea .sub_area_lv1.sub_none li:hover { background-color:#6B9ED2;}
#header_2015 .menuArea .sub_area_lv1 li.act p,
#header_2015 .menuArea .sub_area_lv1.sub_none li:hover p { color:#FFF;}
#header_2015 .menuArea .sub_area_lv1 li.act .arrow { background-position:0 -12px;}


/* 第２階層 */
#header_2015 .menuArea .sub_area_lv2 {
  display:table-cell; vertical-align: top; width:61.71%;
  border-top:#6B9ED2 2px solid;
  border-left:#E4EEF8 1px solid;
  border-bottom:#E4EEF8 1px solid;
  background:url(https://secure.lovecosmetic.net/images/common/header_2015/menu_back.png);
}
#header_2015 .menuArea .sub_area_lv2 .sub_inner {
  display:none; border-bottom:#E4EEF8 1px solid; text-align: left;
}
#header_2015 .menuArea .sub_area_lv2 .sub_inner .sub_ttl {
  padding:20px 15px 10px;
  font-size:18px; font-weight:bold; color:#6B9ED2;
  background-color:#fff;
}

#header_2015 .menuArea .sub_area_lv2 ul {
  border-bottom:#E4EEF8 1px solid;
}
#header_2015 .menuArea .sub_area_lv2 li {
  height:36px; background-color:#fff; position:relative;
}
#header_2015 .menuArea .sub_area_lv2 li a {
  display: block; padding: 0 20px; line-height:36px;
  font-size:14px;
}
#header_2015 .menuArea .sub_area_lv2 li:hover { background-color:#6B9ED2;}
#header_2015 .menuArea .sub_area_lv2 li:hover a { color:#FFF;}

#header_2015 .menuArea .sub_area_lv2 li .icon_menu {
  position:absolute; top:50%; left:5px; margin-top:-15px;
}

/* バナーエリア */
#header_2015 .menuArea .sub_area_lv2 .bnr_area {}
#header_2015 .menuArea .sub_area_lv2 ul.list_box { padding:10px; background-color:#6B9ED2;}
#header_2015 .menuArea .sub_area_lv2 ul.list_box li { float:left; width:50%; padding:10px;}
#header_2015 .menuArea .sub_area_lv2 ul.list_box p { padding-bottom:5px; font-size:16px; color:#fff;}
#header_2015 .menuArea .sub_area_lv2 ul.list_box p span { display:block; padding-bottom:2px; font-size:12px;}
#header_2015 .menuArea .sub_area_lv2 ul.list_box a { display:block;}
#header_2015 .menuArea .sub_area_lv2 ul.list_box img { display:block; width:100%; height:auto; border:#fff 1px solid;}

#header_2015 .menuArea .sub_bnr_area { padding:10px; background-color:#6B9ED2;}
#header_2015 .menuArea .sub_bnr_box { float:left; width:50%; padding:10px;}
#header_2015 .menuArea .sub_bnr_box p { padding-bottom:5px; font-size:16px; color:#fff; text-align: initial;}
#header_2015 .menuArea .sub_bnr_box p span { display:block; padding-bottom:2px; font-size:12px;}
#header_2015 .menuArea .sub_bnr_box a { display:block;}
#header_2015 .menuArea .sub_bnr_box img { display:block; width:100%; height:auto; border:#fff 1px solid;}



/*---------------------------------------------------------*

    Bread list Area
  
 *---------------------------------------------------------*/

#header_2015_bread {
  width:100%; height:32px; overflow:hidden;
  background-color:#EEEEEE;
}

#header_2015_bread .bread_list { float:left; width:50%;}
#header_2015_bread .bread_list li { float:left;}
#header_2015_bread .bread_list li a {
  display:block; padding-right:15px; margin-right:10px;
  font-size:10px; line-height:32px; 
  background:url(https://secure.lovecosmetic.net/images/common/header_2015/bread_arrow.png) no-repeat right center;
  -webkit-background-size: 4px auto;
  -moz-background-size: 4px auto;
  background-size: 4px auto;
}
#header_2015_bread .bread_list li a:hover { text-decoration:underline;}
#header_2015_bread .bread_list li a > span { line-height:30px;}
#header_2015_bread .bread_list li:first-child {
  padding-left:22px;
  background:url(https://secure.lovecosmetic.net/images/common/header_2015/icon_bread.png) no-repeat left center;
  -webkit-background-size: 14px auto;
  -moz-background-size: 14px auto;
  background-size: 14px auto;
}

#header_2015_bread .keyword_list {
  float:left; width:50%;
  text-align:right; letter-spacing: -.40em;
}
#header_2015_bread .keyword_list li {
  display:inline-block; margin: 6px 0 6px 8px;
  text-align:center; letter-spacing:normal;
}
#header_2015_bread .keyword_list li a {
  display:block; height:18px; padding:0 5px;
  font-size:10px; line-height:18px;
  background-color:#fff;
  
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
}
#header_2015_bread .keyword_list li a:hover {
  background-color:#FAFAFA;
}


/*---------------------------------------------------------*

    Tag list Area
  
 *---------------------------------------------------------*/

#header_2015_tag {
  width:100%; height:33px; overflow:hidden;
  background-color:#FFFFFF;
  border-bottom:#EEEEEE 1px solid;
}
#header_2015_tag .inner { position:relative;}
#header_2015_tag .index { float:left; font-size:11px; line-height:33px; margin-right:10px; border: none;}
#header_2015_tag li { display:block; float:left; margin: 3px 5px 3px 0;}


#header_2015_tag li a {
  display:block; height:24px; padding:0 5px;
  font-size:10px; color:#6B9ED2; line-height:24px;
  background-color:#FFFFFF;
  border:#EEEEEE 1px solid;
  
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
}
#header_2015_tag li a span {
  font-weight:bold; color:#FF80C0; line-height: inherit;
}
#header_2015_tag li a span.blue2 {color: #6699CC;}
#header_2015_tag li a span.pink2 {color: #FF80C0;}
#header_2015_tag li a:hover {
  background-color:#FAFAFA;
}


#header_2015_tag .disp_btn {
  float:right; position:relative;
  padding:0 15px 0 5px; margin: 5px 0 5px 5px;
  border:#EEEEEE 1px solid;
  background-color: #fff;
  
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
}
#header_2015_tag .disp_btn p { font-size: 11px; line-height: 16px;}
#header_2015_tag .disp_btn span {
  display:block; width:8px; height:5px; margin-top:-2.5px;
  position:absolute; top:50%; right:5px;
  background:url(https://secure.lovecosmetic.net/images/common/header_2015/member_arrow.png) no-repeat;
  -webkit-background-size:8px auto;
  -moz-background-size:8px auto;
  background-size:8px auto;
}
#header_2015_tag .disp_btn.open span {
  background-position:0 -5px;
}



/*/////////////////////////////////////////////////////////////////////////////////////////////////

  [PC/TAB] Header Layout

/////////////////////////////////////////////////////////////////////////////////////////////////*/

@media screen and (max-height: 700px) {
    
  /*---------------------------------------------------------*
      Menu Area
   *---------------------------------------------------------*/
  #header_2015 .menuArea .sub_area_lv1 li { height:28px;}
  #header_2015 .menuArea .sub_area_lv1 li p { line-height:28px; font-size:13px;}
  #header_2015 .menuArea .sub_area_lv2 .sub_inner li { height:28px;}
  #header_2015 .menuArea .sub_area_lv2 .sub_inner li a { line-height:28px; font-size:13px;}
    
}

/*/////////////////////////////////////////////////////////////////////////////////////////////////

  [PC/TAB] Header Layout

/////////////////////////////////////////////////////////////////////////////////////////////////*/

@media screen and (max-width: 1100px) {
    
  /*---------------------------------------------------------*
      Middle Area
   *---------------------------------------------------------*/
  #header_2015 .middleArea .middleMenu li { width:50px;}
  #header_2015 .middleArea form { padding-right:415px; padding-left:230px;}
  #header_2015 .middleArea .logo { width:200px; top:15px;}
    
}

@media screen and (max-width: 980px) {

  #header_2015_bread { margin-top:0;}
  
  /*---------------------------------------------------------*
      Top Area
   *---------------------------------------------------------*/
  #header_2015 .topArea .leftArea { padding-right:420px;}
  #header_2015 .topArea .leftArea span { display:none;}
  #header_2015 .topArea .rightArea li a { padding:0 10px;}
    
  /*---------------------------------------------------------*
      Middle Area
   *---------------------------------------------------------*/
  #header_2015 .middleArea .logo { width:150px; top:20px;}
  #header_2015 .middleArea form { padding-right:300px; padding-left:165px;}
  #header_2015 .middleArea input { font-size:12px;}
  
  #header_2015 .middleArea .middleMenu { padding-right:90px;}
  
  #header_2015 .middleArea .member_btn { width:80px;}
  #header_2015 .middleArea .member_btn p { display:none;}
   
  /*---------------------------------------------------------*
      Menu Area
   *---------------------------------------------------------*/
  #header_2015 .menuArea .menu_parts .cd_ttl p { font-size:14px;}
  #header_2015 .menuArea .sub_area_lv1 li p { font-size:12px;}
  #header_2015 .menuArea .sub_area_lv2 .sub_inner .sub_ttl { font-size:16px;}
  #header_2015 .menuArea .sub_area_lv2 .sub_inner li a { font-size:12px;}
   
  #header_2015 .menuArea .sub_area_lv2 ul.list_box p { font-size:12px;}
  #header_2015 .menuArea .sub_area_lv2 ul.list_box p span { font-size:10px;}
   
  #header_2015 .menuArea .sub_bnr_box p { font-size:12px;}
  #header_2015 .menuArea .sub_bnr_box p span { font-size:10px;}
    
}



/*/////////////////////////////////////////////////////////////////////////////////////////////////

  [SP] Header Layout ( W767px以下 )

/////////////////////////////////////////////////////////////////////////////////////////////////*/

@media screen and (max-width: 767px) {
  
  #header_2015_wrap .sec { padding:0 10px; margin-bottom: 0;}
  #header_2015_wrap .pc_disp { display:none;}
  #header_2015_wrap .sp_disp { display:block;}
  
  
  /*---------------------------------------------------------*
      Top Area
   *---------------------------------------------------------*/
  #header_2015 .topArea .leftArea > span { display:none;}
    
  /*---------------------------------------------------------*
      Middle Area
   *---------------------------------------------------------*/
  #header_2015 .middleArea { height:60px; padding:0 0 0 5px; border-bottom:#E9E9E9 1px solid;}
  #header_2015 .middleArea .logo { width:170px; top:7px;}
  #header_2015 .middleArea .rightArea { top:0;}
  #header_2015 .middleArea .middleMenu { padding-right:0;}
  #header_2015 .middleArea .middleMenu li a { font-size:10px; line-height: 14px;}
  #header_2015 .middleArea .middleMenu li span { margin:12px auto 2px;}
    
  #header_2015 .middleArea form { padding:10px 50px 0 0;}
    
  #header_2015 .menuArea { width:100%; height:60px;}
  #header_2015 .menuArea .inner { height:100%;}
  #header_2015 .menuArea .menu_parts { width:20%;}
  #header_2015 .menuArea .menu_parts .cd_ttl {
    height:100%; position:relative;
    background:url(https://secure.lovecosmetic.net/images/common/header_2015/menu_line.png) repeat-y right center;
    -webkit-background-size: 1px auto;
    -moz-background-size: 1px auto;
    background-size: 1px auto;
  }
  #header_2015 .menuArea .menu_parts.act .cd_ttl .arrow {
    display:none;
  }
  #header_2015 .menuArea .menu_parts:last-child .cd_ttl {
    background-image: none;
  }
  #header_2015 .menuArea .menu_parts .cd_ttl .icon_menu { display:block;}
  #header_2015 .menuArea .menu_parts .cd_ttl p {
    padding: 44px 0 0; background: none;
    font-size: 10px; font-weight: normal; line-height: 100%;
  }
  #header_2015 .menuArea .menu_parts .cd_ttl .icon_menu {
    position:absolute; top:8px; left:50%; margin-left:-15px;
  }
  #header_2015 .menuArea .sub_parts { padding-top:0; position:static; top:0;}
  #header_2015 .menuArea .sub_parts { /* 201901 add */
    width:calc(100vw * 2);
    max-width: none;
  }
  #header_2015 .menuArea .sub_parts.sub_none { /* 201901 add */
    width:calc(100vw);
    max-width: none;
  }

  #header_2015 .menuArea .sub_parts.right { float:none; left:0; right:inherit;}
  
  /*------------------------------------------*
      SubMenu Lv1
   *------------------------------------------*/
  #header_2015 .menuArea .sub_area_lv1 {
    height:300px;
    display:block; float:left; border:none;
    overflow:auto;
    -webkit-overflow-scrolling:touch;
    width: 100vw;
  }
  #header_2015 .menuArea .sub_area_lv1 { width: 100vw;}/* 201901 add */
  #header_2015 .menuArea .sub_area_lv1 li {
    height:60px;
    border-bottom:#E1ECF6 1px solid;
    border-top: none;
    border-left: none;
    border-right: none;
    margin: 0;
  }
  #header_2015 .menuArea .sub_area_lv1 li .icon_menu { left:20px;}
  #header_2015 .menuArea .sub_area_lv1 li .arrow { right:20px;}
  #header_2015 .menuArea .sub_area_lv1 li p {
    padding: 0 20px 0 60px; line-height: 60px;
    font-size:16px;
  }
  
  #header_2015 .menuArea .sub_area_lv1 li.index {
    background-color: #6B9ED2 !important;
    cursor: default;
  }
  #header_2015 .menuArea .sub_area_lv1 li.index p {
    padding: 0 20px;
    color: #fff !important;
  }
  
  #header_2015 .menuArea .sub_area_lv1.sub_none li:hover { background-color:#fff;}
  #header_2015 .menuArea .sub_area_lv1.sub_none li:hover p { color:inherit;}

  
  /*------------------------------------------*
      SubMenu Lv2
   *------------------------------------------*/
  #header_2015 .menuArea .sub_area_lv2 {
    height:300px;
    display:block; float:left; border:none;
    overflow:auto;
    -webkit-overflow-scrolling:touch;
  }
  #header_2015 .menuArea .sub_area_lv2 { width: 100vw;}/* 201901 add */
  #header_2015 .menuArea .sub_area_lv2 .bnr_area { margin-top: 0;}/* 201901 add */
  
  #header_2015 .menuArea .sub_area_lv2 .sub_inner ul { border-bottom:none;}
  #header_2015 .menuArea .sub_area_lv2 .sub_inner li { height:60px; border-bottom:#E1ECF6 1px solid;}
  #header_2015 .menuArea .sub_area_lv2 .sub_inner li a { font-size:16px; line-height:60px;}

  #header_2015 .menuArea .sub_area_lv2 .sub_inner.icon_set li .icon_menu { left:20px;}
  #header_2015 .menuArea .sub_area_lv2 .sub_inner.icon_set li a {
    padding: 0 20px 0 60px;
  }
  #header_2015 .menuArea .sub_area_lv2 .sub_inner.icon_set li a.icon_none {
    padding: 0 20px 0 20px;
    color:#fff;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
  }
  #header_2015 .menuArea .sub_area_lv2 .sub_inner a.index {
    padding:0 20px; line-height:60px; position:relative;
    background-color: #6B9ED2;
    font-size:16px; color:#fff;
    border-bottom:#E1ECF6 1px solid;
    border-top: none;
    border-left: none;
    border-right: none;
    margin: 0;
  }
  #header_2015 .menuArea .sub_area_lv2 .sub_inner a.index span {
    padding-left:20px;
    position:absolute; top:0; right:20px;
    font-size:14px;
    line-height: inherit;
    background:url(../images/common/header_2015/menu_back_arrow.png) no-repeat left center;
    -webkit-background-size: 10px auto;
    -moz-background-size: 10px auto;
    background-size: 10px auto;
  }
  
  #header_2015 .menuArea .sub_area_lv2 .sub_inner .sub_ttl {
    padding:0 20px;
    background-color:#F0F5FB;
    border-bottom:#E1ECF6 1px solid;
    font-size:18px; line-height:60px;
  }
  
  #header_2015 .menuArea .sub_area_lv2 .sub_inner li:hover { background-color:#fff;}
  #header_2015 .menuArea .sub_area_lv2 .sub_inner li:hover a { color:inherit;}
  
  
  /*------------------------------------------*
      Menu Setting (.cd_menu)
   *------------------------------------------*/
  #header_2015 .menuArea .cd_menu.menu_parts { width:0;}
  #header_2015 .menuArea .cd_menu .sub_area_lv1 li {
    height: 50px;
  }
  #header_2015 .menuArea .cd_menu .sub_area_lv1 li p {
    line-height: 50px;
  }
  #header_2015 .menuArea .cd_menu .sub_area_lv1 li.index {
    height: 60px;
    cursor:pointer;
  }
  #header_2015 .menuArea .cd_menu .sub_area_lv1 li.index p {
    line-height: 60px;
  }
  #header_2015 .menuArea .cd_menu .sub_area_lv1 li.index .arrow {
    -webkit-background-position: 0 -12px;
    -moz-background-position: 0 -12px;
    background-position: 0 -12px;
  }
  
  #header_2015 .menuArea .cd_menu .sub_area_lv1 li.index:nth-child(1),
  #header_2015 .menuArea .cd_menu .sub_area_lv2 .sub_01.sub_inner a.index,
  #header_2015 .menuArea .cd_menu .sub_area_lv2 .sub_01.sub_inner .bnr_area {
    background-color: #FE8B8B !important;
  }
  #header_2015 .menuArea .cd_menu .sub_area_lv1 li.index:nth-child(2),
  #header_2015 .menuArea .cd_menu .sub_area_lv2 .sub_02.sub_inner a.index,
  #header_2015 .menuArea .cd_menu .sub_area_lv2 .sub_02.sub_inner .bnr_area {
    background-color: #47B9C9 !important;
  }
  #header_2015 .menuArea .cd_menu .sub_area_lv1 li.index:nth-child(3),
  #header_2015 .menuArea .cd_menu .sub_area_lv2 .sub_03.sub_inner a.index,
  #header_2015 .menuArea .cd_menu .sub_area_lv2 .sub_03.sub_inner .bnr_area {
    background-color: #59B0E3 !important;
  }


  #header_2015 .menuArea .sub_area_lv1 li.snsList {
    height:70px;
    background-color:#F2F7FC;
    text-align:center;
    cursor:default;
  }
  #header_2015 .menuArea .sub_area_lv1 li.snsList a {
    display:inline-block; margin:15px 10px;
  }
  #header_2015 .menuArea .sub_area_lv1 li.snsList img {
    width:auto; height:40px;
  }
  
  
  /* バナーエリア */
  #header_2015 .menuArea .cd_menu .sub_area_lv2 .sub_inner ul.list_box { background-color:inherit;}
  #header_2015 .menuArea .cd_menu .sub_area_lv2 .sub_inner ul.list_box li { height:auto; border:none; background-color:inherit;}
  #header_2015 .menuArea .cd_menu .sub_area_lv2 .sub_inner ul.list_box li a { padding:0;}
  
  
/*---------------------------------------------------------*
    Tag list Area
 *---------------------------------------------------------*/
  #header_2015_tag { height:36px;}
  #header_2015_tag .index { line-height: 34px; border: none;}
  #header_2015_tag .disp_btn p { line-height: 23px;}  
  
  #header_2015_tag li a { height:auto; line-height:24px;}
  
  
}


/*/////////////////////////////////////////////////////////////////////////////////////////////////

  [SP] Header Layout ( W374px以下 )

/////////////////////////////////////////////////////////////////////////////////////////////////*/

@media screen and (max-width: 374px) {
  
  #header_2015 .middleArea .logo {
    width:130px;
    top:12px;
  }
  
  #header_2015 .middleArea .middleMenu li {
    width:45px;
  }
}


/*/////////////////////////////////////////////////////////////////////////////////////////////////

  [PC] Overflow対応 ( W768px以上 )

/////////////////////////////////////////////////////////////////////////////////////////////////*/

@media screen and (min-width: 768px) {
  .pc_scroll_box{
    height: 70vh;
    overflow-y: scroll;
  }
}

/*/////////////////////////////////////////////////////////////////////////////////////////////////

  clerfix

/////////////////////////////////////////////////////////////////////////////////////////////////*/

.clearfix:after { 
content: " ";  
display: block; 
visibility: hidden; 
clear: both; 
height: 0.1px; 
font-size: 0.1em; 
line-height: 0; 
} 

*1257897500* html .clearfix { display: inline-block; } 
/* no ie mac \*/ 

*1257897501* html .clearfix { height: 1%; } 
.clearfix { display: block; } 
/* */
