@charset "utf-8";
@import url('../artifata/style.css');

body,
h1, h2, h3, h4, h5, h6,
ul.top-navigation li,
.sub-menu,
.primary-navigation {
/*
  font-family: "Lucida Grande", "Hiragino Kaku Gothic Pro", メイリオ, Verdana, "ＭＳ Ｐゴシック", sans-serif;
*/
	font-family: "游ゴシック Medium","Yu Gothic Medium","游ゴシック体",YuGothic,"メイリオ", sans-serif;
  font-weight: normal;
}
.sideTower-mobile{
  display: none;
}
.twitter-box-mobile{
  display: none;
}
#mobile-carousel{
  display: none;
}
#mobile-bnm-cat,
#mobile-blog-cat,
#mobile-shop-cat,
#mobile-hs-cat{
  display: none;
}
#mobile-bnm-stylist,
#mobile-hs-stylist{
  display: none;
}
#mobile-bnm{
  display: none;
}
.mobile-bnm-block,
.mobile-hs-block{
  display: none;
}
.m-en_name{
  display: none;
}
/* 画面下のスマイル画像非表示 */
img#wpstats{display:none}

ul.top-navigation li {
  font-size: 90%;
}

.main-post h2 {
  font-weight: 700;
  font-size: 24px;
  margin: 0
}

h2.widgettitle {
  border-top: 1px solid;
  border-bottom: 3px solid;
  margin: 0px 0px 15px;
  line-height: 30px;
}

.widget h2.widgettitle {}

.widget h2.widgettitle {
  border-color: #222;
  font-weight: 400;
  position: relative;
  text-transform: uppercase;
  font-size: 14px;
}

.widget h2.widgettitle:after {
  position: absolute;
  top: 33px;
  left: 20px;
  border: solid transparent;
  content: " ";
  transform: rotate(360deg);
  height: 0;
  width: 0;
  font-size: 0;
  line-height: 0;
  position: absolute;
  pointer-events: none;
  border-width: 5px;
}

#primary-navigation.staffblogNavi {
  margin-bottom: 20px;
  height: 45px;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  z-index: 101;
}

#primary-navigation.staffblogNavi .inner {
  background-color: #fff;
  padding: 0;
  border-top: 1px solid #f0f0f0;
  border-bottom: 3px solid #ddd;
  height: 46px;
}

#primary-navigation .inner {
  background-color: #ffffff;
  height: 91px;
}

.staffblogNavi ul.primary-navigation {
  float: inherit;
  width: 100%;
}

.staffblogNavi ul.primary-navigation, .staffblogNavi ul.primary-navigation * {
  margin: 0;
  padding: 0;
  list-style: none;
}

.staffblogNavi ul.primary-navigation {
  float: left;
}

.staffblogNavi ul.primary-navigation>li {
  float: left;
}

.staffblogNavi ul.primary-navigation li {
  position: relative;
}

.staffblogNavi ul.primary-navigation li {
  white-space: nowrap;
  *white-space: normal;
  -webkit-transition: background .2s;
  transition: background .2s;
}

.staffblogNavi ul.primary-navigation li.current span {
  height: 100%;
}

.staffblogNavi ul.primary-navigation li.current a {
  color: #fff
}

.staffblogNavi ul.primary-navigation li span {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 3px;
  -webkit-transition: all 0.2s ease-out;
  -khtml-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.staffblogNavi ul.primary-navigation li:hover span {
  -webkit-transition: all 0.2s ease-in;
  -khtml-transition: all 0.2s ease-in;
  -moz-transition: all 0.2s ease-in;
  -ms-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
  height: 45px;
}

.staffblogNavi ul.primary-navigation ul {
  position: absolute;
  display: none;
  top: 100%;
  left: 0;
  z-index: 99;
  min-width: 12em;
  *width: 12em;
}

.staffblogNavi ul.primary-navigation ul li {
  border-bottom: 1px solid #f0f0f0
}

.staffblogNavi ul.primary-navigation ul li:last-child {
  border-bottom: none
}

.staffblogNavi ul.primary-navigation ul a {
  line-height: 32px;
  font-weight: 400;
  font-size: 14px;
  text-transform: capitalize;
}

.staffblogNavi ul.primary-navigation ul li, ul.primary-navigation ul ul li {
  background: #fff;
}

.staffblogNavi ul.primary-navigation ul ul {
  top: 0;
  left: 100%;
}

.staffblogNavi ul.primary-navigation ul {
  -webkit-box-shadow: 0px 0px 10px 3px rgba(34, 34, 34, 0.1);
  -khtml-box-shadow: 0px 0px 10px 3px rgba(34, 34, 34, 0.1);
  -moz-box-shadow: 0px 0px 10px 3px rgba(34, 34, 34, 0.1);
  -ms-box-shadow: 0px 0px 10px 3px rgba(34, 34, 34, 0.1);
  -o-box-shadow: 0px 0px 10px 3px rgba(34, 34, 34, 0.1);
  box-shadow: 0px 0px 10px 3px rgba(34, 34, 34, 0.1);
}

.staffblogNavi ul.primary-navigation ul:before {
  content: '';
  transform: rotate(360deg);
  border: 5px solid #fff;
  border-top-color: transparent;
  border-right-color: transparent;
  border-bottom-color: #fff;
  border-left-color: transparent;
  position: absolute;
  top: -10px;
  left: 20px;
  font-size: 0;
  line-height: 0;
  width: 0;
  height: 0;
}

.staffblogNavi ul.primary-navigation ul ul:before {
  display: none
}

.staffblogNavi ul.primary-navigation a {
  line-height: 45px;
  font-weight: 700;
  text-transform: uppercase;
  padding: 0 10px;
  color: #222;
  text-decoration: none;
  display: block;
  position: relative;
}

.staffblogNavi ul.primary-navigation ul a {
  color: #444;
  text-align: center;
}

.staffblogNavi ul.primary-navigation li:hover>ul,
.staffblogNavi ul.primary-navigation li.sfHover>ul {
  display: block;
}

.staffblogNavi ul.primary-navigation li:hover,
.staffblogNavi ul.primary-navigation li.sfHover {
  -webkit-transition: none;
  transition: none;
}

.staffblogNavi ul.primary-navigation li:hover>a,
.staffblogNavi ul.primary-navigation li.sfHover>a {
  color: #fff;
}

.staffblogNavi ul.primary-navigation ul li:hover>a,
.staffblogNavi ul.primary-navigation ul li.sfHover>a {
  color: #222;
}

.staffblogNavi ul.primary-navigation.sf-arrows .sf-with-ul {
  padding-right: 22px;
}

.staffblogNavi ul.primary-navigation.sf-arrows .sf-with-ul:after {
  content: '';
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -2px;
  height: 0;
  width: 0;
  border: 4px solid transparent;
  border-top-color: #ddd;
}

.staffblogNavi ul.primary-navigation.sf-arrows>li>.sf-with-ul:focus:after,
.staffblogNavi ul.primary-navigation.sf-arrows>li:hover>.sf-with-ul:after,
.staffblogNavi ul.primary-navigation.sf-arrows>.sfHover>.sf-with-ul:after {
  border-top-color: #fff;
}

.staffblogNavi ul.primary-navigation.sf-arrows ul .sf-with-ul:after {
  margin-top: -4px;
  margin-right: -3px;
  border-color: transparent;
  border-left-color: #ddd;
}

.staffblogNavi ul.primary-navigation.sf-arrows ul li>.sf-with-ul:focus:after,
.staffblogNavi ul.primary-navigation.sf-arrows ul li:hover>.sf-with-ul:after,
.staffblogNavi ul.primary-navigation.sf-arrows ul .sfHover>.sf-with-ul:after {
  border-left-color: #999;
}

#primary-navigation.staffblogNavi.dark>.inner {
  background-color: #222;
}

#primary-navigation.staffblogNavi.dark ul.primary-navigation ul li, #primary-navigation.dark ul.primary-navigation ul ul li {
  background: #222;
}

#primary-navigation.staffblogNavi.dark ul.primary-navigation ul:before {
  content: '';
  transform: rotate(360deg);
  border: 5px solid #222;
  border-top-color: transparent;
  border-right-color: transparent;
  border-bottom-color: #222;
  border-left-color: transparent;
  position: absolute;
  top: -10px;
  left: 20px;
  font-size: 0;
  line-height: 0;
  width: 0;
  height: 0;
}

#primary-navigation.staffblogNavi.dark ul.primary-navigation ul ul:before {
  display: none
}

#primary-navigation.staffblogNavi.dark ul.primary-navigation a {
  color: #fff;
}

#primary-navigation.staffblogNavi.dark ul.primary-navigation ul a {
  color: #999
}

#primary-navigation.staffblogNavi.dark ul.primary-navigation ul li:hover>a,
#primary-navigation.staffblogNavi.dark ul.primary-navigation ul li.sfHover>a {
  color: #fff;
}

#primary-navigation.staffblogNavi.dark ul.primary-navigation ul li {
  border-bottom: 1px solid #333
}

#primary-navigation.staffblogNavi.dark ul.primary-navigation ul li:last-child {
  border-bottom: none
}

#primary-navigation.staffblogNavi.dark ul.primary-navigation.sf-arrows .sf-with-ul:after {
  content: '';
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -2px;
  height: 0;
  width: 0;
  border: 4px solid transparent;
  border-top-color: #999;
}

#primary-navigation.staffblogNavi.dark ul.primary-navigation.sf-arrows>li>.sf-with-ul:focus:after,
#primary-navigation.staffblogNavi.dark ul.primary-navigation.sf-arrows>li:hover>.sf-with-ul:after,
#primary-navigation.staffblogNavi.dark ul.primary-navigation.sf-arrows>.sfHover>.sf-with-ul:after {
  border-top-color: #fff;
}

#primary-navigation.staffblogNavi.dark ul.primary-navigation.sf-arrows ul .sf-with-ul:after {
  margin-top: -4px;
  margin-right: -3px;
  border-color: transparent;
  border-left-color: #999;
}

#primary-navigation.staffblogNavi.dark ul.primary-navigation.sf-arrows ul li>.sf-with-ul:focus:after,
#primary-navigation.staffblogNavi.dark ul.primary-navigation.sf-arrows ul li:hover>.sf-with-ul:after,
#primary-navigation.staffblogNavi.dark ul.primary-navigation.sf-arrows ul .sfHover>.sf-with-ul:after {
  border-left-color: #ddd;
}
