@charset "shift_jis";
/*---------------------------------
   common
-----------------------------------*/
a {
}
/* headdings
-----------------------------------*/
h1,h2,
.titLv2 {
  background: #0A3162;
  color: #FFF;
  padding: 10px;
}
h2.recentitem-ttl{
  background: #0A3162!important;
  color: #FFF!important;
  padding: 10px!important;
}
h2 a,
.titLv2 a {
  color: #FFF!important;
  text-decoration: none;
}
h2 a.linkArrow,
.titLv2 a.linkArrow {
  background: url(../lib_image/common/ico_arrow_white_s.png) no-repeat 100% 50%;
  -webkit-background-size: 6px 9px;
  background-size: 6px 9px;
  display: block;
}
h2 a.linkArrow.sizeL,
.titLv2 a.linkArrow.sizeL {
  background-image: url(../lib_image/common/ico_arrow_white_l.png);
  -webkit-background-size: 6px 13px;
  background-size: 6px 13px;
}
h3,
.titLv3 {
  color: #0A3162;
  margin: 0 0 5px;
  padding: 0 0 5px;
}
h3 a,
.titLv3 a {
  text-decoration: none;
}
h3 a.linkArrow,
.titLv3 a.linkArrow {
  background: url(../lib_image/common/ico_arrow_link_s.png) no-repeat 100% 50%;
  -webkit-background-size: 8px 9px;
  background-size: 8px 9px;
  display: block;
}
h3 a.linkArrow.sizeL,
.titLv3 a.linkArrow.sizeL {
  background-image: url(../lib_image/common/ico_arrow_link_l.png);
  -webkit-background-size: 6px 13px;
  background-size: 6px 13px;
}
h3.date {
  margin: 0;
  padding: 5px 10px 0;
}
h4,
.titLv4 {
  background: #6981A2;
  color: #FFF;
  margin: 0;
  padding: .75em 10px;
}
h5,
.titLv5 {
  background: #E6EAEF;
  color: #000;
  margin: 0;
  padding: .5em 10px;
}


p + p {
  margin-top: .75em;
}
p + h3 {
  margin-top: 2em;
}
/* header area
-----------------------------------*/
#header {
  background: rgb(255, 255, 255);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(59%, rgba(250,250,250,1)), color-stop(100%, rgba(232,232,232,1)));
  background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(250,250,250,1) 59%, rgba(232,232,232,1) 100%);
  background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(250,250,250,1) 59%, rgba(232,232,232,1) 100%);

  border-bottom: 1px solid #DFDFDF;
  overflow: hidden;
}
  #header p {
    background: #0A3162;
    color: #FFF;
    font-size: 10rem;
    padding: 4px 10px;
    text-align: center;
  }
#header-inner {
  display: -webkit-box;
  display: box;
  padding: 7px 5px 7px 5px;
  position: relative;
}
#logo {
  background: url(../lib_image/common/img_hd_logo.png) no-repeat 0 0;
  -webkit-background-size: 96px 36px;
  background-size: 96px 36px;
  height: 36px;
  margin-right: 6px;
  overflow: hidden;
  text-indent: -9999px;
  width: 96px;
}
  #logo a {
    height: 36px;
    display: block;
  }
#hdFunc {
  width: 106px;
}
#hdFunc-list {
}
  #hdFunc-list li {
    background: #0A3162;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    height: 38px;
    letter-spacing: -1px;
    margin: -1px 0 0 5px;
    vertical-align: top;
    width: 48px;
  }
    #hdFunc-list li a {
      background-position: 50% 3px;
      background-repeat: no-repeat;
      -webkit-background-size: 20px 21px;
      background-size: 20px 21px;
      color: #FFF;
      display: block;
      font-size: 8rem;
      height: 38px;
      padding-top: 27px;
      text-decoration: none;
      text-align: center;
    }
#hdFunc-menu a {background-image: url(../lib_image/common/ico_headfunc_menu.png);}
#hdFunc-search a {background-image: url(../lib_image/common/ico_headfunc_search.png);}

#siteinfo {
  -webkit-box-flex: 1;
  box-flex: 1;
  font-size: 9rem;
  font-weight: bold;
  overflow: auto;
}
  #siteinfo dt,
  #siteinfo dd {
    padding: 3px 0 5px;
    white-space:nowrap;
  }
  #siteinfo dt {
    clear: both;
    float: left;
    width: 4em;
    white-space: nowrap;
  }
  #siteinfo dd {
    padding-left: 4em;
  }
  #siteinfo .num {
    color: #D80000;
    margin-right: .25em;
  }

#reserveinfo{
	padding:5px;
}

#reserveinfo a{
	display:block;
	text-align:center;
	width:100%;
	padding:12px 0;
	font-size:11rem;
	color:#F00;
	font-weight:bold;
	background:#FFE1E1;
	border:solid 1px #F00;
}

/* global navigation */
#global {
  background: #0A3162;
  width: 100%;
}
#global.fixed {
  border: 1px solid #E6EAEF;
  border-width: 1px 0;
  bottom: 0;
  left: 0;
  position: fixed;
  z-index: 999;
}
#global ul {
}
#global li {
  background-position: 50% 5px;
  background-repeat: no-repeat;
  -webkit-background-size: 56px 30px;
  background-size: 56px 30px;
  float: left;
  height: 38px;
  position:relative;
  text-align: center;
  width: 20%;
}
#global li+li {
  border-left: 1px solid #E6EAEF;
}
#global li a {
  color: #FFF;
  display: block;
  height: 38px;
  overflow: hidden;
  text-indent: -9999px;
  text-decoration: none;
}
#global-mypage {background-image:url(../lib_image/common/ico_gnav_mypage.png);}
#global-favorite {background-image:url(../lib_image/common/ico_gnav_favorite.png);}
#global-history {background-image:url(../lib_image/common/ico_gnav_history.png);}
#global-repeat {background-image:url(../lib_image/common/ico_gnav_repeat.png);}
#global-cart {background-image:url(../lib_image/common/ico_gnav_cart.png);}
#global-cart_count {
  background: #e50039;
  -webkit-border-radius: 100px;
  border-radius: 100px;
  color: #FFF;
  font-size: 10rem;
  line-height: 1.5;
  padding: 0 .25em;
  position: absolute;
  right: 0;
  top: -5px;
  z-index: 998;
}
/* main area 
-----------------------------------*/
#container {
  line-height: 1.4;
  overflow: hidden;
}
/* breadcrumbs */
#yrHere {
  background: #EEE;
  /*border-bottom: 1px solid #0A3162;*/
  font-size: 10rem;
  overflow: hidden;
  height:22px;
}
  #yrHere ul {
	  display:table;
  }
  #yrHere li {
    background-position: 0 50%;
    background-repeat: no-repeat;
    -webkit-background-size: 8px 23px;
    background-size: 8px 23px;
    line-height: 1;
    padding: 6px 6px 7px 13px;
	display:table-cell;
	white-space:nowrap;
  }
  #yrHere li:not(:last-child) {
    background-color: #FFF;
  }
  #yrHere li:not(:first-child):not(:last-child) {
    background-image:  url(../lib_image/common/bg_yrhere_link.png);
  }
  #yrHere li:last-child {
    background-image:  url(../lib_image/common/bg_yrhere_last.png);
  }
  #yrHere a {
    color: #062F64;
    text-decoration: none;
  }
/* searchBox */
#searchBox {
  background: #E6EAEF;
  border-bottom: 1px solid #DDD;
  padding: 8px 10px;
  position: relative;
}
  #searchBox input {
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -webkit-appearance: none;
    appearance: none;
  }
  #searchBox input[type="text"] {
    background: url(../lib_image/common/ico_search_arrow.png) no-repeat 0 0 #FFF;
    -webkit-background-size: 37px 28px;
    background-size: 37px 28px;
    border: 1px solid #CFCFCF;
    height: 28px;
    line-height: 28px;
    margin-right: 62px;
    padding-left: 45px;
    width: 80%;
	font-size: 14rem;
  }
  #searchBox input[type="text"]:focus {
    background-color: #FFF;
    outline: none;
  }
  #searchBox input[type="submit"] {
    background: #0A3162;
    border: none;
    color: #FFF;
    height: 26px;
    line-height: 26px;
    padding: 0;
    position: absolute;
    right: 10px;
    top: 9px;
    width: 55px;
  }
/* footer area 
-----------------------------------*/
/* socialLinks */
#socialLinks {
  border-bottom: 1px solid #0A3162;
  padding: 10px 0;
}
  #socialLinks li {
    text-align: center;
    width: 33%;
  }
    #socialLinks li a {
      text-decoration: none;
    }
/* groupLinks */
#groupLinks li {
  background-position: 10px 50%;
  background-repeat: no-repeat;
  -webkit-background-size: 13px 11px;
  background-size: 13px 11px;
}
#groupLinks .child a {
  padding-left: 26px;
}
#groupLinks span {
  display: block;
  line-height: 1.4;
}
.groupLinks-desc {
/*	font-size: 7rem;*/
  font-size: 10rem;
}
.groupLinks-name {
  color: #0A3160;
/*	font-size: 9rem;*/
}
#groupLinks-eg {background-image:url(../lib_image/common/ico_group_eg.gif);}
#groupLinks-fudousan {background-image:url(../lib_image/common/ico_group_fudousan.gif);}
#groupLinks-design {background-image:url(../lib_image/common/ico_group_salondesign.gif);}
#groupLinks-hoken {background-image:url(../lib_image/common/ico_group_salonhoken.gif);}
#groupLinks-system {background-image:url(../lib_image/common/ico_group_salonsystem.gif);}
#groupLinks-card {background-image:url(../lib_image/common/ico_group_saloncard.gif);}
#groupLinks-career {background-image:url(../lib_image/common/ico_group_career.gif);}
#groupLinks-seminar {background-image:url(../lib_image/common/ico_group_seminar.gif);}
#groupLinks-tv {background-image:url(../lib_image/common/ico_group_beauty.gif);}
#groupLinks-shukyaku {background-image:url(../lib_image/common/ico_group_shukyaku.gif);}
#groupLinks-kaitori {background-image:url(../lib_image/common/ico_group_biyoukaitori.gif);letter-spacing:-1px;}
/* siteGuide */
#siteGuide {
  border-bottom: 1px solid #0A3162;
  margin: 7px 0 0;
  padding: 0 10px;
}
  #siteGuide li {
    margin: 0 .5rem 7px 0;
  }
  #siteGuide li:not(:last-child):not(:nth-child(4)):after {
    color: #999;
    content: " |";
  }
  #siteGuide li:nth-child(4),
  #siteGuide li:last-child {
    border: none;
  }
  #siteGuide a {
    color: #333;
    text-decoration: none;
  }
/* to PC site */
/*#linkToPc {
  background: url(../lib_image/common/ico_mark_pcsite.png) no-repeat 97% 50%;
  -webkit-background-size: 22px 22px;
  background-size: 22px 22px;
  padding: 10px;
}
  #linkToPc a {
    background: url(../lib_image/common/ico_arrow_link_s.png) no-repeat 90% 50%;
    -webkit-background-size: 8px 9px;
    background-size: 8px 9px;
    display: block;
  }*/
/* copyright */
#copyright {
  background: #0A3162;
  color: #FFF;
  line-height: 17px;
  text-align: center;
}

/*---------------------------------
   library 
-----------------------------------*/
/* layout */
.inner {
  padding: 10px;
}
.inner2 {
  padding: 10px;
}
/* list styles */
.horizontal {
}
.horizontal li {
  float: left;
}
.linkList {
  font-weight: bold;
}
  .linkList li {
    border-bottom: 1px solid #0A3162;
  }
  .linkList li .linkList li:not(:first-child):last-child {
	border-bottom: none;  
  }
  .linkList li > a {
    display: block;
    padding: 15px 20px 15px 10px;
    position: relative;
    text-decoration: none;
  }
  .linkList a:after {
    background: url(../lib_image/common/ico_arrow_link_s.png) no-repeat 100% 50%;
    -webkit-background-size: 8px 9px;
    background-size: 8px 9px;
    content: "";
    display: block;
    height: 14px;
    margin-top: -7px;
    right: 10px;
    position: absolute;
    top: 50%;
    width: 14px;
  }

.linkList-top {
  font-weight: bold;
}
  .linkList-top li {
    border-bottom: 1px solid #0A3162;
  }
  .linkList-top li.toplevel2:not(:first-child):last-child {
	  border-bottom:none;
  }
  .linkList-top li > a {
    display: block;
    padding: 15px 20px 15px 10px;
    position: relative;
    text-decoration: none;
  }
  .linkList-top a:after {
    background: url(../lib_image/common/ico_arrow_link_s.png) no-repeat 100% 50%;
    -webkit-background-size: 8px 9px;
    background-size: 8px 9px;
    content: "";
    display: block;
    height: 14px;
    margin-top: -7px;
    right: 10px;
    position: absolute;
    top: 50%;
    width: 14px;
  }
/*  .linkList-top .toplevel1 a:before {
    background: url(../lib_image/common/ico_cat_branch.png) no-repeat 100% 50%;
    -webkit-background-size: 8px 9px;
    background-size: 8px 9px;
    content: "";
    display: block;
    height: 14px;
    margin-top: -7px;
    left: 10px;
    position: absolute;
    top: 50%;
    width: 14px;
  }*/
  .linkList-top .toplevel2 a:before {
    background: url(../lib_image/common/ico_cat_branch.png) no-repeat 100% 50%;
    -webkit-background-size: 8px 9px;
    background-size: 8px 9px;
    content: "";
    display: block;
    height: 14px;
    margin-top: -7px;
    left: 16px;
    position: absolute;
    top: 50%;
    width: 14px;
  }
  .linkList-top .toplevel2:first-child{
	border-top: 1px solid #0A3162;
  }
    
.linkList2 {
  font-weight: bold;
}
  .linkList2 li {
    border-bottom: 1px solid #0A3162;
	display:table;
	height:44px;
  }
  .linkList2 li:not(:first-child):last-child {
  }
  .linkList2 li > a {
    display:table-cell;
    position: relative;
	padding:0 20px 0 10px;
	vertical-align:middle;
    text-decoration: none;
  }
  .linkList2 a:after {
    background: url(../lib_image/common/ico_arrow_link_s.png) no-repeat 100% 50%;
    -webkit-background-size: 8px 9px;
    background-size: 8px 9px;
    content: "";
    display: block;
    height: 14px;
    margin-top: -7px;
    right: 10px;
    position: absolute;
    top: 50%;
    width: 14px;
  }  
  
.child li {
  border-color: #DDD;
}
  .child li a {
    color: #333;
    padding-right: 18px;
  }
  .child li a:after {
    background: url(../lib_image/common/ico_arrow_link_gray.png) no-repeat 94% 50%;
    -webkit-background-size: 7px 9px;
    background-size: 7px 9px;
  }
.col-2 li {
  float: left;
  width: 50%;
}
  .col-2.child li:nth-child(odd) {
    border-right: 1px solid #DDD;
  }
  
.child2 li {
  border-color: #DDD;
}  
  .col-2.child2 li:nth-child(odd) {
    border-right: 1px solid #DDD;
  }  
  
.opener > a:after {
  background-image: url(../lib_image/common/ico_plus.gif);
  -webkit-background-size: 14px 14px;
  background-size: 14px 14px;
}
.opener.active > a:after {
  background-image: url(../lib_image/common/ico_minus.gif) ;
}
li.opener.active > a {
  border-bottom: 1px solid #0A3162;
}
.opener .child {
  display: none;
}
.typeFlat {
  letter-spacing: -.4em;
}
  .typeFlat li {
    display: inline-block;
    letter-spacing: normal;
	vertical-align:top;
  }
.withIcon li span {
    display: inline-block;
    letter-spacing: normal;
    vertical-align: middle;
}
.withIcon li span.icon {
  margin-right: 10px;
  border:solid 1px #DDD;
  padding:2px;
  box-sizing:border-box;
  height:41px;
  width:41px;
  line-height:1.0;
}
.withIcon li span.name {
  width: 80%;
}
.withIcon.withExplain a{
  display:table;
}
.withIcon.withExplain li a > span{
  display:table-cell;
}
.withIcon.withExplain li .data{
  padding-left:10px;
  width:100%;
}
.withExplain .explain{
  font-weight:normal;
  font-size:10rem;
  color:#333;
}

#categoryList li.opener.active > a {
  border-bottom: none;
}
#categoryList li.child {
  border-color: #0A315F;
  background: #FFF;
}
#categoryList .child li{
  border-color: #0A315F;
  background: #FFF;
}
  #categoryList  li.child a {
    color: #0A315F;
    padding: 15px 18px 15px;
  }
  #categoryList  li.child.toplevel1 a {
    color: #0A315F;
    padding: 15px 18px 15px;
  } 
  #categoryList  li.child.toplevel2 a {
    color: #0A315F;
	font-size:11rem!important;
    padding: 15px 18px 15px 36px;
  }    
  #categoryList .child li a:after {
    background-image: url(../lib_image/common/ico_arrow_link_s.png);
  }

/* button */
.btn {
  background: #FFF;
  border: 1px solid #0A3162;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  font-weight: bold;
  line-height: 1;
  margin: 8px auto;
  position: relative;
  text-align: center;
}
.btn a {
  display: block;
  padding: 10px 15px;
  text-decoration: none;
  width: 100%;
  white-space:nowrap;
}
.btn2 {
  background: #FFF;
  border: 1px solid #0A3162;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  font-weight: bold;
  line-height: 1;
  margin: 15px auto 8px;
  position: relative;
  text-align: center;
}
.btn2 a {
  display: block;
  padding: 5px 15px;
  text-decoration: none;
  width: 100%;
  white-space:nowrap;
}
.btn.listDelete{
  border: 1px solid #999;
  margin:5px auto 2px 0;
  width:80px!important;
  background:#EEE;
}
.btn.listDelete a {
  padding: 6px 12px 6px 6px;
  color:#666;
}
.btn.arrow {
  padding-right: 8px;
}
.btn.arrow:after {
  background-image: url(../lib_image/common/ico_arrow_link_l.png);
  background-position: 0 0;
  background-repeat: no-repeat;
  -webkit-background-size: 6px 13px;
  background-size: 6px 13px;
  content: "";
  display: block;
  height: 13px;
  right: 10px;
  margin-top: -7px;
  position: absolute;
  top: 50%;
  width: 6px;
}
.btn2.arrow2 {
  padding-left: 8px;
}
.btn2.arrow2:after {
  background-image: url(../lib_image/common/ico_arrow_link_l2.png);
  background-position: 0 0;
  background-repeat: no-repeat;
  -webkit-background-size: 6px 13px;
  background-size: 6px 13px;
  content: "";
  display: block;
  height: 13px;
  left: 10px;
  margin-top: -7px;
  position: absolute;
  top: 50%;
  width: 6px;
}
.btnBl.arrow:after {
  background-image: url(../lib_image/common/ico_arrow_white_l.png);
}
.btn.withIcoL img {
  margin-right: 5px;
  vertical-align: middle;
}
.btnBl {
  background-color: rgb(54,88,133);
  background: -webkit-linear-gradient(top,  rgba(54,88,133,1) 0%, rgba(6,47,100,1) 100%);
  background: linear-gradient(top,  rgba(54,88,133,1) 0%, rgba(6,47,100,1) 100%);
  border: 1px solid transparent;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  color: #FFF;
  display: block;
/*	font-size: 11rem;*/
  font-weight: bold;
  margin: 5px auto;

  text-align:center;
}
.btnBl.btnFlat {
  background: #0A3162;
  -webkit-appearance: none;
}
.btnBl a {
  color: #FFF;
}
input.btnBl {
  padding: 6px 15px;
}
.btnBack {
  display: inline-block;
  /*font-size: 8rem !important;*/
  margin-left: 0;
  padding-left: 8px;
}
.btnBack:after {
  background-image: url(../lib_image/common/bt_page_prev.png);
  background-position: 0 50%;
  background-repeat: no-repeat;
  -webkit-background-size: 6px 12px;
  background-size: 6px 12px;
  content: "";
  display: block;
  height: 12px;
  left: 5px;
  margin-top: -6px;
  position: absolute;
  top: 50%;
  width: 6px;
}
.btnInline {
  display: inline-block;
  padding: 0;
}
.btnInline a {
  padding: .25em;
}
/* decoration */
.topBorder {
  border-top: 2px solid #0A3162;
}
.bottomBorder {
  border-bottom: 1px solid #0A3162;
}
.thumb {
}
.code {
  display: block;
}
.categoryItemList-item .name,
.itemList-item .name {
  display: block;
  /*max-height: 2.8em;*/
  overflow: hidden;
  word-break:break-all;
}
.itemList-item.grid4 .name {
  display: block;
  max-height: 2.1em;
  overflow: hidden;
  word-break:break-all;
  line-height:1.0;
}
.itemList-item .date {
  display: block;
}
.itemList-item .thumb {
  display: block;
}
.itemList-item .price {
  display: block;
}

p.notice {
  padding-left: 1em;
  text-indent: -1em;
}
.cell {
  display: table-cell;
}
.flex {
  display: -webkit-box;
  display: box;
}
.flex > span {
  display: block;
}
.flexEnable {
  -webkit-box-flex: 1;
  box-flex: 1;
}
/* box */
.corner {
  border: 1px solid #0A3162;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.corner .linkList li:last-child {
  border-bottom: none;
}

/*---------------------------------
   color
-----------------------------------*/
/*
  default:
  blue/#0A3162
  gray1/#E6EAEF
  gray2/#EEE
  red/#D80000
*/
.price,
.fcRed {
  color: #D80000;
}
.tax{
	font-size:10rem;
	font-weight:normal;
	/*color: #D80000;*/
}
.color1,
.colorBox1 {
  background: #E6EAEF;
}
.color2,
.colorBox2 {
  background: #EEE;
}
.colorBox1,
.colorBox2 {
  padding: 10px;
}
.fcBlue {
  color: #0A3162;
}
.fcBlue2 {
  color: #265CFF;
}
.fcBlack {
  color: #000;
}
.fcLinkBlue {
  color: #4CA5FF;
}
/*
  category color:
  hair / #EDA305 *fix
  haircosme / #12A0CD *fix
  esthe / #F33A42 *fix
  bed /#00BD00 *fix
  cosme / #FF4A9A *fix
  nail / #CF60FF
  eyelash / #B40D7E
  book / #9C2900 *fix
  used / #A70404 *fix
*/
.category_hair h1, .category_hair h2,
.category_hair .titLv2 {background-color: #EFA400;}
.category_haircosme h1, .category_haircosme h2,
.category_haircosme .titLv2 {background-color: #12A0CD;}
.category_esthe h1, .category_esthe h2,
.category_esthe .titLv2 {background-color: #F33A42;}
.category_bed h1, .category_bed h2,
.category_bed .titLv2 {background-color: #00BD00;}
.category_cosme h1, .category_cosme h2,
.category_cosme .titLv2 {background-color: #FF4A9A;}
.category_nail h1, .category_nail h2,
.category_nail .titLv2 {background-color: #CF60FF;}
.category_eyelash h1, .category_eyelash h2,
.category_eyelash .titLv2 {background-color: #B40D7E;}
.category_book h1, .category_book h2,
.category_book .titLv2 {background-color: #9C2900;}
.category_used h1, .category_used h2,
.category_used .titLv2 {background-color: #A70404;}

h2#categoryitemlist{
	color:#000!important;
	background-color:#FFF!important;
}

/*---------------------------------
   font-size
-----------------------------------*/
/*font-size:8/16*/
.fs8,
#global {
  font-size: 8rem;
}
/*font-size:9/18*/
.fs9,
/*#siteGuide,*/
/*#socialLinks*/ {
  font-size: 9rem;
}
/*font-size:10/20*/
.fs10,
.fsS {
  font-size: 10rem;
}
/*font-size:11/22*/
.fs11 {
  font-size: 11rem;
}
/*font-size:12/24*//*default*/
.fs12,
h1,
h2,
.titLv2,
h3,
.titLv3,
.btn,
#mainSearchArea li {
  font-size: 12rem;
}
/*font-size:13/26*/
.fs13 {
  font-size: 13rem;
}
.fs14 {
  font-size: 14rem;
}
.fs14b {
  font-size: 14rem;
  font-weight:bold;
}
.fs15 {
  font-size: 15rem;
}
.fs15b {
  font-size: 15rem;
  font-weight:bold;
}
.fs16 {
  font-size: 16rem;
}


/*---------------------------------
   parts set
-----------------------------------*/
#categoryList li a {
  padding: 5px 10px;
  word-wrap: break-word;
}
#plusSearch li {
  background: #E6EAEF;
}
#plusSearch li a {
  padding: 17px 10px;
}
#plusSearch li #categoryList li a {
  padding: 5px 10px;
}
#plusSearch li:not(:first-child):last-child {
	border-bottom: none;  
}
/* banner slider */
#bannerSlider {
  border-top: 1px solid #0A3162;
}
  #bannerSlider ul {
    height:165px;
    /*height: 125px;*/
  }
  #bannerSlider .swiper-container {
    margin: 0 auto;
    overflow: hidden;
  }
  #bannerSlider .swiper-container,
  #bannerSlider .swiper-slide {
    /*height: 165px;*/
    width: 320px;
    height:100px;
  }
  #bannerSlider img {
    vertical-align: bottom;
  }
  #bannerSlider li a {
    display: block;
  }
  #bannerSlider .btn {
    margin: 5px 10px 10px;
  }
.pagination {
  margin: 6px 0 0;
  text-align: center;
  width: 100%;
}
.swiper-pagination-switch {
  background: #CCC;
  border: 1px solid #FFF;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  display: inline-block;
  height: 10px;
  margin: 0 3px;
  padding: 1px;
  position: relative;
  width: 10px;
}
.swiper-active-switch {
  background: #0A3162;
  border-color: #0A3162;
  -webkit-box-shadow: 0 0 0 1px #FFF inset;
  box-shadow: 0 0 0 1px #FFF inset;
}
/**/
.swipeBox {
  position: relative;
}
.swipeBox .swiper-container {
  margin: 0 auto;
  overflow: hidden;
}
.swipeBox.col-1 .itemList li {
  text-align: center;
  width: 320px;
}
.swipeBox.col-3 .swiper-container {
  padding-left: 3px;
}
.swipeBox.col-3 .itemList {
}
.swipeBox.col-3 .itemList li {
  padding: 0 2px;
  width: 99px;
}
.swipeBox.col-4 .swiper-container {
  margin: 0 auto;
  overflow: hidden;
}
.swipeBox.col-4 .itemList li {
  padding: 0 3px 0 4px;
  width: 75px;
}
.btnPrev,
.btnNext {
  background-position: 0 50%;
  background-repeat: no-repeat;
  -webkit-background-size: 6px 13px;
  background-size: 6px 13px;
  display: block;
  height: 71px;
  position: absolute;
  text-decoration: none;
  top: 10px;
  width: 6px;
}
.btnPrev {
  background-image: url(../lib_image/common/bt_slide_prev.png);
  left: 2px;
}
.btnNext {
  background-image: url(../lib_image/common/bt_slide_next.png);
  right: 2px;
}
.col-4 .btnPrev,
.col-4 .btnNext {height: 51px;top: 0;}
.col-4 .btnPrev {left: -6px;}
.col-4 .btnNext {right: -6px;}
.col-1 .btnPrev,
.col-1 .btnNext {height: 190px;}
.col-1 .btnPrev {left: 10px;}
.col-1 .btnNext {right: 10px;}


.itemList.col-3 {
  margin: 0 auto;
  padding: 0 0 5px;
  width: 300px;
}
  .itemList.col-3 li {
    width: 33%;
    position: relative;
	padding-bottom:5px;
  }
  .itemList.col-3 li:not(:last-child) {
    padding-right: 7px;
  }

/* modal */
html.inModal {
    overflow: hidden !important;
}
html.inModal a {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0.1);
}
.show {
  opacity: 1;
    -webkit-animation: 'show' 0.2s linear 0s;
}
@-webkit-keyframes show {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

 .modalClose  {
  background: #FFF url(../lib_image/common/ico_modal_close.png) no-repeat 8px 50%;
  -webkit-background-size: 9px 9px;
  background-size: 9px 9px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  color: #062E64;
  font-size: 10rem;
  line-height: 1;
  padding: 9px 8px 9px 18px;
  position: absolute;
  right: 6px;
  top: 7px;
  z-index: 9996;
}
.modalContents {
    background: rgba(0, 0, 0, 0.7);
    display: none;
    padding: 25px 10px 50px;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 9998;
}
/*Chromeのモーダルスクロール対応 */
_::content, _:future, .modalContents:not(*:root){
	overflow-y:auto;
	max-height:99%;
}


  .modalContents .inner {
    background: #FFF;
    padding: 0;
    position: relative;
    z-index: 9997;
  }
  .modalContents h2 {
    background: #0A3162 !important;
    padding: 15px 10px 15px 10px;
  }
  .modalContents h3 {
    background: #EEE;
    border-bottom: 1px solid #0A3162;
    padding: 15px 10px;
  }
  .modalContents select[name="makerSelect"],
  .modalContents select[name="makerSelect_no"],
  .modalContents select[name="makerSelect_hair"],
  .modalContents select[name="makerSelect_haircosme"],
  .modalContents select[name="makerSelect_esthe"],
  .modalContents select[name="makerSelect_bed"],
  .modalContents select[name="makerSelect_cosme"],
  .modalContents select[name="makerSelect_nail"],
  .modalContents select[name="makerSelect_book"],
  .modalContents select[name="makerSelect_eyelash"]{
	  width:280px;
  }
  
  
#categoryOption > a {
  border: none !important;
}
#categoryOption ul {
  padding: 0 0 0 5px;
}
#categoryOption li {
  border: none;
  display: table;
  padding: 0 5px 5px 0;
  width: 50%;
}
#categoryOption li a {
  background: #FFF;
  color: #002C64;
  display: table-cell;
  height: 3.5em;
  padding: .75em 1em;
  vertical-align: middle;
  width: 100%;
}
#categoryOption li.selected a {
  background: #A4B2C4;
}
#categoryOption li a:after {
  display: none;
}

/*paging */
.paging {
  border-bottom: 1px solid #0A3162;
/*	font-size: 12rem;*/
  line-height: 1;
  padding: 10px;
  position: relative;
}
.paging a {
  display: block;
  padding: 0 12px;
  text-decoration: none;
}
.pagePrev,
.pageNext {
  margin-top: -5px;
  top: 50%;
  position: absolute;
}
.pagePrev {
  left: 10px;
}
.pageNext {
  right: 10px;
}
.pagePrev a:after,
.pageNext a:after {
  background-position: 0 50%;
  background-repeat: no-repeat;
  -webkit-background-size: 6px 12px;
  background-size: 6px 12px;
  content: "";
  display: block;
  height: 12px;
  margin-top: -6px;
  position: absolute;
  top: 50%;
  width: 6px;
}
.pageNext a:after {
  background-image: url(../lib_image/common/bt_page_next.png);
  right: 0;
}
.pagePrev a:after {
  background-image: url(../lib_image/common/bt_page_prev.png);
  left: 0;
}
.pageNum {
  text-align: center;
}
.pageNum li a,
.pageNum li > span {
  display: block;
  padding: 3px 6px;
}
.pageNum li:first-childa,
.pageNum li:last-child a {
  padding: 3px 0;
}
.pageNum li.current span {
  background: #AFBCCC;
}
.pageNum .omit {
  padding: 0 6px 0 0;
}
#pagingTop {
}
#pagingBottom {
  border-top: 1px solid #0A3162;
}

/* registcontents
-----------------------------------*/
#point_order {
	font-weight: bold;
}
#point_order a {
	text-decoration: none;
}
#point_order li span.regist_title {
	display: block;
	padding: 5px 0;
}
ul.regist_menu {}
ul.regist_menu li {
	margin-bottom: 10px;
}