/*
Theme Name: URBAN RESEARCH V2
Author: QUAIL, inc.
Author URI: https://quail.co.jp
Description: URBAN RESEARCH ONLINE STOREと共通ヘッダーになったテーマ
Version: 1.0
 */

@charset "utf-8";

/* GLOBAL
------------------------------------------------------- */
* {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
html {
  width: 100%;
  height: 100%;
  font-family: YakuHanJP, "Helvetica Neue", 'Open Sans', "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium",
    "游ゴシック", "Yu Gothic", sans-serif;
  cursor: default;
}
@media all and (-ms-high-contrast: none) {
  html {
    font-family: YakuHanJP, 'Open Sans', "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  }
}
body {
  /* display: flex; */
  /* flex-direction: column; */
  /* min-height: 100vh; */
}
a {
  color: #000;
  outline: none;
  overflow: hidden;
  text-decoration: none;
  transition: opacity .3s;
}
ul,
li {
  list-style: none;
}
address {
  font-style: normal;
}
img {
  display: block;
  max-width: 100%;
  height: auto;
}
select::-ms-expand {
  display: none;
}
input,
button,
select {
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  transition: opacity .3s;
}
button,
select {
  cursor: pointer;
}
input[type="search"]{
   -webkit-appearance: none;
   border-radius: 0;
   cursor: text;
}
/*表示非表示*/
.show_mobile_inline,
.show_mobile {
  display: none;
}
.hide_mobile {
  display: block;
}
.hide_mobile_inline {
  display: inline-block;
}

/* 共通パーツ
------------------------------------------------------- */
.container {
  width: 90%;
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
}
.container_only_sp {
  width: 100%;
}
/* view more btn */
.more_btn {
  text-align: center;
}
.more_btn a {
  display: inline-block;
  font-size: .75rem;
  letter-spacing: .1rem;
  border: solid 1px #000;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
}
.more_btn span {
  display: block;
  z-index: 1;
  padding: .7rem 7rem .7rem 1.6rem;
}
.more_btn span:before {
  content: "";
  display: block;
  width: 60px;
  height: 1px;
  background-color: #000;
  position: absolute;
  bottom: 16px;
  right: 19px;
}
.more_btn span:after {
  content: "";
  display: block;
  width: 9px;
  height: 1px;
  background-color: #000;
  position: absolute;
  bottom: 19px;
  right: 18px;
  transform: rotate(45deg);
}
.web_btn:before,
.more_btn a:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 120%;
  height: 106%;
  background: #000;
  transform-origin: right top;
  transform: skewX(-30deg) scale(0, 1);
  transition: transform .4s;
  z-index: -1;
}

/* パンくずリスト */
.breadcrumb {
  background-color: #F5F5F5;
}
.breadcrumb ul {
  display: flex;
  align-items: center;
  height: 1.875rem;
  color: #888;
  font-size: .6875rem;
  letter-spacing: 0.05rem;
  overflow-x: auto;
  white-space: nowrap;
}
.breadcrumb li {
  margin-right: .8125rem;
}
.breadcrumb li:after {
  content: "/";
  margin-left: .6875rem;
}
.breadcrumb li:last-child::after {
  content: none;
}
.breadcrumb a {
  color: #000;
}

/* hover */
a:hover,
button:not(.brand_btn):hover,
select:hover,
.title_search form:hover:after,
.search_category:hover:after,
.brand_btn:hover span,
.lb-data .lb-close:hover {
  opacity: .5;
}
.web_btn:hover,
.more_btn a:hover {
  opacity: 1;
}
.web_btn:hover:before,
.more_btn a:hover:before {
  transform-origin: left top;
  transform: skewX(-30deg) scale(1, 1);
}
.web_btn:hover,
.more_btn a:hover span {
  color: #fff;
}
.more_btn a:hover span:before,
.more_btn a:hover span:after {
  background-color: #fff;
}

/* header
------------------------------------------------------- */
header {
  width: 100%;
  z-index: 200;
  border-bottom: solid 1px #e9ecef;
  background-color: #fff;
  height: 87px;
}
.logo_box {
  width: 100%;
  display: flex;
  position: relative;
}
.ec_logo,
.site_logo {
  width: 50%;
  height: 86px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  margin-left: auto;
  transition: none;
  border-bottom: 8px solid rgba(0,0,0,0);
}
.ec_logo img {
  width: 141px;
}
.site_logo {
  margin: 0 auto 0 0;
  border-bottom: 8px solid #000;
}
.ec_logo:hover,
.site_logo:hover {
  opacity: .8;
}
.site_logo img {
  width: 218px;
  height: auto;
}
/* 固定メニュー */
header.fixed {
  position: fixed;
  top: 0;
  z-index: 10;
  background-color: #fff;
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
  -webkit-transition: -webkit-transform .3s;
  transition: -webkit-transform .3s;
  transition: transform .3s;
  transition: transform .3s, -webkit-transform .3s;
  border-bottom: 1px solid #e5e5e5;
  height: 64px;
}
header.active {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}
header.fixed .logo_box:after {
  height: 4px;
}
header.fixed .ec_logo,
header.fixed .site_logo {
  height: 63px;
}
header.fixed .ec_logo {
  border-bottom: 4px solid rgba(0,0,0,0);
}
header.fixed .ec_logo img,
header.fixed .site_logo img {
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
}
header.fixed .site_logo {
  border-bottom: 4px solid #000;
}
/* PC用メニュー */
.pc_head_nav {
  display: flex;
  align-items: center;
  height: 7.125rem;
  font-size: .8125rem;
  letter-spacing: .04rem;
  line-height: 1rem;
  font-weight: bold;
  transition: all .3s;
}
.pc_head_nav li {
  margin-left: 3%;
}
.pc_head_nav li:first-child {
  margin-left: -.5rem;
}
.pc_head_nav li:nth-child(4) {
  margin-left: auto;
}
.pc_head_nav a,
.pc_head_nav span {
  display: block;
  padding: .5rem;
}
/* NEWS配下のブランド表示 */
.dropdown_parent.news_menu .dropdown_child {
  width: 600px;
  display: flex;
  flex-wrap: wrap;
}
.dropdown_parent.news_menu .dropdown_child li {
  margin: 0 24px 0 0;
  width: 270px;
  white-space: normal;
  line-height: 1.4;
}
.dropdown_parent.news_menu .dropdown_child li:nth-of-type(2n) {
  margin: 0 0 0 0;
}

/* 検索,メニューボタン */
.fixed_button_box {
  z-index: 100;
  position: fixed;
  bottom: 0;
  right: 0;
  width: 70px;
  height: 85px;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
  padding-bottom: .625rem;
  background: rgba(255,255,255,.5);
}
.search_btn,
.hbg_menu_btn {
  cursor: pointer;
  width: 42px;
  height: 49px;
}

/* ハンバーガーメニュー */
.hbg_menu {
  display: block;
  width: 100%;
  max-width: 400px;
  height: 100%;
  position: fixed;
  top: 0;
  right: 0;
  background-color: #fff;
  border-left: solid 1px #000;
  padding: 1.875rem 0 3.75rem;
  overflow: auto;
  z-index: 500;
  transition: opacity .3s;
}
.interior_link {
  margin: 0 0 3.125rem;
}
.lg_link {
  display: block;
  font-size: 1.1875rem;
  line-height: 1.5rem;
  letter-spacing: .04rem;
  padding: .8125rem 0;
  font-weight: bold;
  position: relative;
}
span.lg_link:after {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: translateY(-50%) rotate(45deg);
  position: absolute;
  top: 50%;
  right: 2px;
  right: 2px;
  transition: all .3s;
}
span.up_mark:after {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  -webkit-transform: rotate(225deg);
  -ms-transform: rotate(225deg);
  transform: translateY(-50%) rotate(225deg);
  position: absolute;
  top: 50%;
  right: 2px;
  transition: all .3s;
}
.up_mark ~ .min_link {
  display: block;
}
.min_link {
  display: none;
  font-size: .9375rem;
  line-height: 1.0625rem;
  margin-bottom: 1.6rem;
}
.min_link li:last-child {
  margin-bottom: .625rem;
}
.min_link a {
  display: block;
  padding: .4rem 0;
  margin: .4rem 0;
  letter-spacing: .04rem;
}
.hbg_sns_link ul {
  display: flex;
  align-items: center;
  justify-content: center;
}
.hbg_sns_link li {
  margin: 0 4%;
}
.hbg_sns_link a {
  display: block;
}
.hbg_sns_link img {
  width: 28px;
  height: 28px;
}

/* ブランドボタン */
.brand_btn {
  width: 2.5rem;
  height: 5.625rem;
  position: absolute;
  bottom: 45%;
  right: 100%;
  border: none;
  background-color: #000;
  color: #fff;
}
.brand_btn span {
  display: block;
  font-size: .75rem;
  writing-mode: tb-rl;
  letter-spacing: .1rem;
  line-height: .9375rem;
  padding: 0 .78125rem;
  transition: opacity .3s;
}
.brand_btn span:last-child,
.brand_btn.close span:first-child {
  display: none;
}
.brand_btn.close span:last-child {
  display: block;
}

/* ブランドメニュー */
.brand_tab_wrap {
  position: relative;
}
.brand_blur_on::before {
  content: "";
  position: fixed;
  top: -100px;
  left: 0;
  width: 100%;
  height: calc(100vh + 100px);
  background-color: #fff;
  opacity: .5;
  z-index: 300;
}
.brand_tab {
  width: 47.6428571429%;
  height: 100%;
  position: fixed;
  top: 0;
  right: -47.6428571429%;
  background: #fff;
  border-left: solid 2px #000;
  -webkit-transition: .3s ease;
  transition: .3s ease;
  z-index: 300;
}
.brand_tab.show {
  right: 0;
}
.brand_tab .tab_content {
  height: 100%;
  padding: 6.9172932331%;
  overflow: scroll;
}
.inside_brand,
.external_brand {
  display: flex;
  flex-wrap: wrap;
}
.inside_brand a,
.external_brand a {
  width: 23.38568935%;
  margin: 0 2.1524142% 20px 0;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}
.inside_brand a:nth-child(4n),
.external_brand a:nth-child(4n) {
  margin-right: 0;
}
.inside_brand a img,
.external_brand a img {
  width: 100%; /* IEバグ回避 */
}
.external_text {
  display: block;
  text-align: center;
  font-size: .8125rem;
  font-weight: bold;
  border: none;
  padding: 0;
  margin-bottom: 2rem;
}
.external_brand_wrapper {
  border-top: solid 1px #BABABA;
  padding-top: 2rem;
  padding-bottom: 1rem;
}
.external_text span {
  position: relative;
}
.external_text span:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -28px;
  background-image: url(assets/img/link_icon.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 15px 13px;
  width: 15px;
  height: 13px;
}
#pickup,
#article,
#workshop,
#news,
#private_label,
#concept {
  padding-top: 110px;
  margin-top: -110px;
}

/* 検索メニュー ハンバーガーメニュー */
.menu_wrap {
  visibility: hidden;
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: 500;
  background-color: rgba(255, 255, 255, 0.5);
}
.menu_wrap.blur_on {
  visibility: visible;
  animation: show .3s linear .3s;
}
.menu_invisible {
  opacity: 0;
  pointer-events: none;
}
.search_menu,
.hbg_menu {
  width: 100%;
  max-width: 400px;
  height: 100%;
  position: fixed;
  top: 0;
  right: 0;
  background-color: #fff;
  padding: 3.75rem 0 5.625rem;
  overflow: auto;
  border-left: solid 1px #000;
  z-index: 500;
  transition: all .3s;
}
.search_menu .container,
.hbg_menu .container {
  max-width: 324px;
}
.check_wrap {
  display: flex;
  justify-content: center;
  margin-bottom: 5rem;
}
.search_menu .search_close_btn,
.hbg_menu .hbg_close_btn {
  display: block;
  position: fixed;
  top: 16px;
  right: 16px;
  width: 22px;
  height: 22px;
  background-color: rgba(255,255,255,.5);
}
.search_close_btn span,
.hbg_close_btn span {
  position: relative;
  display: block;
  width: 27px;
  height: 1px;
  background: #000;
  transform: rotate(44deg);
}
.search_close_btn span::before,
.hbg_close_btn span::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 27px;
  height: 1px;
  background: #000;
  transform: rotate(-88deg);
}
.check_wrap div {
  padding: .1875rem;
  color: #9B9B9B;
  font-size: .75rem;
  line-height: 1.125rem;
  cursor: pointer;
}
.check_wrap div:first-of-type {
  margin-right: 3.125rem;
}
.check_wrap .active {
  border-bottom: solid 1px #000;
  color: #000;
  font-weight: bold;
}
.search_titel {
  display: block;
  font-size: .9375rem;
  line-height: 1.125rem;
  font-weight: bold;
  padding-bottom: 1rem;
}
.search_keyword {
  margin-bottom: 3.125rem;
  position: relative;
}
.search_keyword input {
  width: 100%;
  font-size: .9375rem;
  line-height: 1.4375rem;
  letter-spacing: .02375rem;
  background-color: #F1F1F1;
  padding: .6rem 46px .6rem .875rem;
}
.search_keyword button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  width: 46px;
  height: 46px;
  background-image: url(assets/img/search_icon.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 32px;
  cursor: pointer;
}
.search_tag_box {
  margin: .375rem 0 3.3125rem;
  font-size: 0;
}
.search_tag_box span {
  color: #999;
}
.search_category {
  position: relative;
}
.search_category select {
  width: 100%;
  font-size: 1.125rem;
  line-height: 1.6875rem;
  letter-spacing: .0375rem;
  padding: 1rem 0;
  border-bottom: solid 1px #000;
  cursor: pointer;
}
.search_category::after {
  content: "";
  width: 15px;
  height: 15px;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: translateY(-50%) rotate(45deg);
  position: absolute;
  top: 50%;
  right: 17px;
}
.search_link:not(.show) {
  display: none;
}
.pulldown {
  margin-bottom: 2.9375rem;
  position: relative;
  font-size: .9375rem;
}
.pulldown:after {
  content: "";
  display: block;
  width: 9px;
  height: 9px;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: translateY(-50%) rotate(45deg);
  position: absolute;
  top: 42%;
  right: 90px;
  pointer-events: none;
}
.pulldown select {
  width: 250px;
  padding: 1rem 1.125rem;
  margin: 0 .5625rem 0 0;
  background-color: #F1F1F1;
}
.search_menu ul {
  font-size: 1.0625rem;
  line-height: 1.25rem;
  display: flex;
  flex-wrap: wrap;
  margin: -.25rem -1.375rem 0 -1.375rem;
}
.search_menu li {
  padding: .75rem 1.375rem;
}
.ui-autocomplete {
  z-index: 501;
  border: 1px solid #E1E1E1;
  background-color: #FFFFFF;
  box-shadow: 0 2px 4px 0 rgba(0,0,0,0.1);
}
.ui-menu .ui-menu-item {
  padding: 1rem 1rem 1rem 3rem;
  border-top: 1px solid #E1E1E1;
  background-image: url(assets/img/icon_search_sugest.svg);
  background-position: .8rem 50%;
  background-repeat: no-repeat;
  background-size: 18px 18px;
}

.ui-autocomplete .ui-state-focus, .ui-autocomplete.ui-widget-content .ui-state-focus {
  border: inherit;
  background-color: #EFEFEF;
  color: inherit;
}

/* footer
------------------------------------------------------- */
footer {
  position: relative;
  margin-top: auto;
  background-color: #000;
  color: #fff;
  padding: 5rem 0 2rem;
}
footer a {
  color: #fff;
}
.ft_title {
  display: block;
  color: #727272;
  font-size: 1.125rem;
  margin-bottom: 1.625rem;
}
.page_top {
  position: sticky;
  bottom: 100vh;
  width: 36px;
  height: 42px;
  display: block;
  margin: 0 auto 0 30px;
  opacity: 0;
  transition: opacity .3s, bottom .1s .4s;
  z-index: 100;
}
.page_top:hover {
  opacity: 0;
}
.show.page_top.sticky {
	position: -webkit-sticky;
	position: sticky;
	bottom: 10px;
	opacity: 1;
  transition: opacity .3s .1s, bottom .1s;
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.page_top img {
  width: 100%;
}
.footer_wrap {
  display: flex;
  /*align-items: start; */
  justify-content: space-between;
}
/* ロゴ、SNS */
.logo_sns {
  padding-right: 6.7543859649%;
}
.logo_sns a {
  display: inline-block;
}
.footer_logo {
  margin: 0 0 4.5625rem;
}
.logo_sns .ft_title {
  font-size: .875rem;
  margin-bottom: 1.125rem;
}
.logo_sns ul {
  display: flex;
  justify-content: space-between;
}
/* リンク */
.footer_link {
  flex-grow: 1;
  padding-right: 3.3333333333%;
}
.footer_link .ft_title {
  margin-bottom: 1.2rem;
  letter-spacing: .02rem;
}
.footer_link div:first-child {
  margin-bottom: 3rem;
}
.ft_page_link {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  font-size: .875rem;
  letter-spacing: .125rem;
  line-height: 1.0625rem;
}
.ft_page_link li {
  flex: 0 1 21%;
}
.ft_page_link li.long {
  flex: 0 1 37%;
}
/*
.ft_page_link li {
  margin: 0 4%;
}
.ft_page_link li:nth-child(3) {
  margin: 0 29% 0 4%;
}
*/
.ft_external_link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: .875rem;
  letter-spacing: .125rem;
  line-height: 1.0625rem;
  margin: 0 -.3125rem;
}
.ft_external_link li {
  width: 25.1407129456%;
}
.ft_external_link li:nth-child(4) {
  width: 24.9530956848%;
}
.ft_external_link a,
.ft_page_link a {
  display: inline-block;
  padding: .4rem .3125rem;
  width: 100%;
}
.ft_external_link img {
  width: 90%;
}
.ft_external_link li:nth-child(4) img {
  width: 100%;
}
/* タグ */
.footer_tags .ft_title {
  margin-bottom: 1.2rem;
}
.footer_tags {
  position: relative;
  padding-left: 2rem;
  width: 25.2631578947%;
  border-left: solid 1px #333;
}
.footer_tags a {
  font-size: .8125rem;
  line-height: 1.5rem;
}
.footer_tags a::after {
  content: " / ";
}
.footer_tags a:last-child:after {
  content: none;
}
/* copyright */
.copyright {
  letter-spacing: .06875rem;
  line-height: .8125rem;
  margin-top: 2.5rem;
  color: #727272;
}
.copyright small {
  font-size: .625rem;
}

/* top page
------------------------------------------------------- */
section {
  margin-bottom: 5rem;
}
section.top_first_view {
  margin-bottom: 8rem;
}
.top_first_view .slider_wrap {
  display: flex;
  margin-top: 2.6rem;
}
.slider_img {
  width: 50%;
  overflow: hidden;
  position: relative;
  display: block;
}
.slider_img::before {
  content: "";
  display: block;
  padding-top: 82.4561403509%;
}
.slider_img img {
  position: absolute;
  top: 0;
  width: 100%;
  height: auto;
}
.slider_wrap .more_btn span {
  padding: .65rem 5.5rem .7rem 1.25rem;
}
.slider_wrap .more_btn span:before {
  width: 50px;
}
#section_top_article {
  margin-bottom: 8rem;
}
/* 右側のテキスト */
.top_first_view .right {
  width: 50%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  padding-bottom: 3.375rem;
}
.slider_wrap h3 {
  font-weight: normal;
  font-size: 1.4375rem;
  letter-spacing: .04rem;
  line-height: 1.8;
  text-align: center;
  max-width: 74%;
  margin-bottom: 3.2rem;
}
.swiper-wrapper {
  flex-wrap: nowrap !important;
}
.top_first_view .circle_pager {
  position: absolute;
  bottom: .875rem;
  left: 75%;
  transform: translateX(-50%);
  z-index: 100;
  width: 100%;
}
.circle_pager .swiper-pagination {
  position: static;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}
.top_first_view .circle_pager span {
  background-color: #E0E0E0;
}
.top_first_view .swiper-container .sec_title {
  margin-bottom: 2.8rem;
  font-size: 1.25rem;
}

/* ARTICLE */
/*セクションタイトル*/
.sec_title {
  font-size: 1.6rem;
  letter-spacing: .075rem;
  line-height: 1.875rem;
  font-weight: bold;
  margin-bottom: 4rem;
}
.sec_supplement {
  display: block;
  font-size: .6875rem;
  line-height: 1.25rem;
  font-weight: bold;
  margin: .5rem 0 0;
}
/* 3カラム */
.column_3 {
  display: flex;
  flex-wrap: wrap;
}
.column_3 > * {
  width: 29.8245614035%;
  margin-right: 5.2631578948%;
  margin-bottom: 5rem;
}
.column_3 > *:nth-child(3n) {
  margin-right: 0;
}
.column_3 a {
  display: block;
}
.column_3 img {
  width: 100%;
}
.img_ratio {
  overflow: hidden;
  position: relative;
}
.img_ratio::before {
  content: "";
  display: block;
  padding-top: 133.5294117647%;
}
.img_ratio img {
  position: absolute;
  top: 0;
  height: auto;
}
/* 記事の情報 */
.article_category {
  display: block;
  margin: 1.24rem 0 1rem 0;
  font-weight: bold;
  font-size: .94rem;
  line-height: 1.125rem;
  letter-spacing: .04rem;
}
.column_3 .article_category {
  margin: .9rem 0 0 0;
}
.column_3 .related_brand_wrap {
  margin: .7rem 0 .7rem;
}
h3.article_title {
  margin-top: .875rem;
}
h3.article_title,
.article_title h3 {
  font-size: .9rem;
  line-height: 1.4rem;
  margin-bottom: .7rem;
  font-weight: normal;
  letter-spacing: .04rem;
}
.date_tag {
  font-size: .6875rem;
  letter-spacing: .05rem;
  line-height: .75rem;
  color: #999;
}
.new_tag {
  font-size: .6875rem;
  letter-spacing: .053125rem;
  line-height: .8125rem;
  margin-left: .875rem;
  font-weight: bold;
}

/* pick up */
.sec_pickup {
  padding: 5rem 0 2.5rem;
  background-color: #F0F0F0;
  margin-bottom: 7rem;
}
.sec_pickup  .column_4 {
  margin-bottom: 2.6875rem;
}
.sec_pickup .column_4 article {
  padding: .625rem;
  background-color: #fff;
}
.sec_pickup .article_category {
  margin: .875rem 0 .375rem;
}
.sec_pickup .article_title h3 {
  color: #333;
  margin-bottom: .625rem;
}
/* 丸ページネーション */
.circle_pager {
  display: flex;
  align-items: center;
  justify-content: center;
}
.circle_pager span {
  display: block;
  margin: .5rem;
  width: .5rem;
  height: .5rem;
  border-radius: 50%;
  background-color: #fff;
  opacity: 1;
}
.circle_pager .next {
  position: static;
  border: none;
  width: 1rem;
  height: 1.625rem;
  margin-top: 0;
  margin-left: 2rem;
  background: url(assets/img/gy_right_arrow.svg) no-repeat;
  background-size: cover;
}
.circle_pager .prev {
  position: static;
  border: none;
  width: 1rem;
  height: 1.625rem;
  margin-top: 0;
  margin-right: 2rem;
  background: url(assets/img/gy_left_arrow.svg) no-repeat;
  background-size: cover;
}
.circle_pager .active,
.circle_pager .swiper-pagination-bullet-active {
  background-color: #000 !important;
  pointer-events: none;
}

/*カラム４*/
.column_4 {
  display: flex;
  flex-wrap: wrap;
}
.column_4 article {
  width: 22.3684210527%;
  margin-right: 3.5087719297%;
  margin-bottom: 4rem;
}
.column_4 article.swiper-slide {
  margin-bottom: 0;
  height: auto;
}
.column_4:not(.swiper-wrapper) article:nth-child(4n) {
  margin-right: 0;
}
.column_4 a {
  display: block;
}
.column_4 img {
  width: 100%;
}
.column_4 .related_brand_wrap {
  margin: .9rem 0 .75rem;
}

/* COLUMN */
.column_3 .author_frame {
  margin: 1rem 0 .875rem;
}
.column_3 .author_frame,
.article_author {
  display: flex;
  align-items: center;
}
.profile_image {
  width: 1.625rem;
  border-radius: 50%;
  overflow: hidden;
  position: relative;
}
.profile_image::before {
  content: "";
  display: block;
  padding-top: 100%;
}
.profile_image img {
  position: absolute;
  top: 0%;
  width: 100%;
  height: auto;
}
.profile_name {
  font-size: .9rem;
  font-weight: bold;
  line-height: 1.125rem;
  letter-spacing: .031875rem;
  margin-left: .4375rem;
}
.profile_name span {
  display: block;
}
.profile_job_title {
  font-weight: normal;
  font-size: 10px;
  line-height: 1.7;
}

/* 外部リンク */
.sec_external_link {
  padding: 2rem 0 1.875rem;
  margin-bottom: 7rem;
}
.sec_external_link ul {
  display: flex;
  justify-content: space-between;
  margin-bottom: 2.1875rem;
}
.sec_external_link li {
  width: 22.8070175439%;
  margin-right: 2.9239766081%;
  background-color: #fff;
}
.sec_external_link a {
  display: block;
  position: relative;
}
.sec_external_link a::before {
  content: "";
  display: block;
  padding-top: 100%;
}
.sec_external_link a::after {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  position: absolute;
  top: 0;
  right: 0;
  background: url(assets/img/linkbox.svg) no-repeat;
  background-size: cover;
}
.sec_external_link img {
  position: absolute;
  top: 0;
  width: 100%;
}
.sec_external_link .circle_pager .prev {
  background: url(assets/img/gy_left_arrow.svg) no-repeat;
}
.sec_external_link .circle_pager .next {
  background: url(assets/img/gy_right_arrow.svg) no-repeat;
}
.sec_external_link .circle_pager span {
  background-color: #E0E0E0;
}

/* NEWS */
.related_brand_wrap {
  display: flex;
  align-items: center;
  margin: 1.24rem 0 1rem;
}
.related_brand {
  color: #fff;
  background: rgba(0, 0, 0, 0.3);
  font-size: .7rem;
  line-height: 1;
  padding: 4px 0.8rem;
  letter-spacing: .04rem;
  font-weight: bold;
}
.multiple {
  font-size: .6875rem;
  line-height: 1.1875rem;
  margin-left: .3125rem;
  color: #999;
}
#section_top_news {
  margin-top: 3rem;
}
#section_top_news .more_btn {
  margin-bottom: 7rem;
}

/* article
------------------------------------------------------- */
/* カテゴリー検索 */
.title_search {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 5.625rem;
}
.title_search form {
  width: auto;
  min-width: 183px;
  margin-bottom: 1.375rem;
  border-bottom: solid 1px #999;
  position: relative;
}
.title_search select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  outline: none;
  background: transparent;
  width: 100%;
  font-size: .75rem;
  font-weight: bold;
  padding: 0 1.6rem .75rem .125rem;
}
.title_search form:after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 5px;
  right: 8px;
  width: 8px;
  height: 8px;
  margin: 0 0 .1875rem .5rem;
  border-right: 2px solid #000;
  border-bottom: 2px solid #000;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  pointer-events: none;
}

/* 数字ページャー */
.numeric_pager {
  display: flex;
  align-items: center;
  justify-content: center;
}
.numeric_pager li {
  margin: 0 .375rem;
  position: relative;
}
.numeric_pager a,
.numeric_pager button {
  color: #fff;
  border: solid 1px #000;
  background: #000;
  display: block;
  font-size: .8125rem;
  padding: .594rem 1.275rem;
  position: relative;
}
.numeric_pager button {
  height: 2.1875rem;
  width: 50px;
}
.numeric_pager .active {
  color: #000;
  background: #fff;
  pointer-events: none;
}
.numeric_pager .pre,
.numeric_pager .next {
  height: 2.1875rem;
  width: 3.125rem;
}
.numeric_pager .pre::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 45%;
  width: 6px;
  height: 6px;
  border-right: .09375rem solid #fff;
  border-bottom: .09375rem solid #fff;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: translateY(-50%) rotate(135deg);
}
.numeric_pager .next::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 40%;
  width: 6px;
  height: 6px;
  border-right: .09375rem solid #fff;
  border-bottom: .09375rem solid #fff;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: translateY(-50%) rotate(-45deg);
}

/* single
------------------------------------------------------- */
.single_page {
  display: flex;
  justify-content: space-between;
  margin: 3.6rem auto 7rem;
}
.single_page main {
  width: 66.5789473684%;
}
/* 記事 */
.article_head {
  display: flex;
  justify-content: space-between;
  align-items: end;
  margin-bottom: 2rem;
}
.article_head .category {
  font-weight: bold;
  line-height: 1;
  letter-spacing: .04rem;
}
.article_head .date {
  font-size: .75rem;
  color: #999;
  line-height: 1rem;
  letter-spacing: .04rem;
}
/* 記事タイトル */
.single_page .title {
  font-size: 1.8rem;
  line-height: 1.5;
  margin: 0 0 1.75rem;
  font-weight: normal;
}
.single_page .gray_text {
  font-size: .9375rem;
  line-height: 1.625rem;
  color: #7B7B7B;
}
.lead_sentence {
	margin-bottom: 1.0625rem;
}
.main_image {
  margin-bottom: 1.25rem;
}
.main_image img {
  margin: auto;
}

.article_author {
  font-size: .75rem;
  color: #333;
}
.article_author_image {
  flex: 0 0 53px;
  margin-right: .3125rem;
}

.content_divider {
  background-color: #e1e1e1;
  height: 1px;
  border: 0;
  margin: 2.9375rem 0;
}

.single_page figcaption a {
    text-decoration: underline;
}

/* 記事内容 */
.main_img {
  width: 100%;
  margin-bottom: 3.4375rem;
}
.content {
  margin-top: 0rem;
}
.content p {
  font-size: .9375rem;
  line-height: 1.75;
  margin-bottom: 1.25rem;
  letter-spacing: .04rem;
}
.content p + h2,
.content p + h3 {
  padding-top: 1.25rem;
}
.content li,
.content ol {
  font-size: .9375rem;
  line-height: 1.6875rem;
}
.wp-block-image {
  margin: 2rem 0;
}
.wp-block-image figcaption {
  text-align: left;
  margin-top: .6rem;
  color: #000;
  line-height: 1.6;
  font-size: .75rem;
}
.wp-block-image img {
  height: auto;
}

/* グレーbox */
.gray_box {
  background-color: #F5F5F5;
  padding: 2.5rem;
  margin-bottom: 3.4375rem;
}
.gray_box h4 {
  margin-bottom: .8125rem;
}
.gray_box p {
  margin-bottom: 0;
}
.wp-block-ur-media-blocks-box {
  margin-top: 2.1875rem;
}
.wp-block-ur-media-blocks-box .wp-block-ur-media-blocks-image-text {
  margin-top: 0;
}
/* 見出し */
.single_page h2 {
  font-size: 1.4rem;
  line-height: 2rem;
  letter-spacing: .0475rem;
  margin: 1.5rem 0;
}
.single_page h3 {
  font-size: 1.2rem;
  line-height: 1.625rem;
  margin: 1rem 0;
}
.single_page h4 {
  font-size: .9375rem;
  line-height: 1.625rem;
}
.single_page hr:not(.content_divider) {
  background-color: #999;
  height: 1px;
  border: 0;
  margin-bottom: 3.4375rem;
}
.wp-block-separator:not(.is-style-wide):not(.is-style-dots) {
  max-width: 100%;
  border-bottom: 1px solid #999;
}
/* 記事内ボタン */
.single_page .more_btn {
  text-align: left;
}
.single_page .more_btn a {
  margin: 0 6rem 3.4375rem 0;
  z-index: 1;
}
/* 記事内リンク */
.single_page p a {
  text-decoration: underline;
  word-break: break-all;
}

/* ボーダーBOX */
.wp-block-ur-media-blocks-box.border,
.border_box {
  display: inline-block;
  border-top: solid 1px #999;
  border-bottom: solid 1px #999;
  margin-bottom: 3.4375rem;
}
.border_box {
  padding: 2rem 0;
}
.wp-block-ur-media-blocks-box.border.non_padding .wp-block-ur-media-blocks-image-text {
  margin-top: 0;
}

/*記事内 ２カラム*/
.wp-block-ur-media-blocks-image-text {
  margin-top: 2.1875rem;
}
.profile_title {
  margin-top: 4rem;
}
.single_page .profile_text h3 {
  margin-top: 0;
}
.col_2,
.profile_wrap{
  display: flex;
  align-items: flex-start;
}
.col_2 > img {
  width: 44.7368421053%;
  height: auto;
  margin-right: 2.6315789474%;
}
.col_2 > div {
  width: 52.6315789473%;
}
.img_right {
  flex-direction: row-reverse;
}
.img_right img {
  margin: 0;
}
.img_right > div {
  margin-right: 2.6315789474%;
}
.three_set h3 {
  margin-bottom: 1.4375rem;
}
.three_set img {
  max-width: 100%;
  max-height: 500px;
  margin-bottom: 1.4375rem;
}

/* 引用テキスト */
.single_page blockquote {
  border-left: none;
  margin: 0 0 3.4375rem;
  padding-left: 0;
}
.single_page blockquote p {
  color: #888;
  font-size: .9375rem;
  line-height: 1.625rem;
  border-left: 3px solid #D2D2D2;
  margin: 0 0 1rem 0;
  padding: 0 0 0 1.5625rem;
}
.single_page blockquote cite {
  color: #000;
  font-size: .75rem;
  line-height: 1.6;
  font-style: normal;
}

/* 店舗情報 */
.wp-block-ur-media-blocks-image-text p,
.store_info address,
.store_info p {
  font-size: .9375rem;
  margin-bottom: 1rem;
  padding-bottom: 0;
}
.store_info > img {
  width: 29.8507462687%;
  margin-right: 5.223880597%;
}
.store_info > div {
  width: 64.9253731343%;
}

/*リンクBOX*/
.single_page .link_box,
.private_label_wrap .link_box {
  display: flex;
  align-items: center;
}
.single_page .web_btn,
.private_label_wrap .web_btn {
  font-size: .6875rem;
  letter-spacing: .125rem;
  line-height: .75rem;
  border: solid 1px #000;
  margin-right: 1rem;
  padding: .6rem 2.2rem .6rem 1.2rem;
  position: relative;
  min-width: 124px;
}
.single_page .web_btn span,
.private_label_wrap .web_btn span {
  display: block;
  /*padding: .551rem 1.875rem .45rem 1rem;*/
}
.single_page .web_btn:after,
.private_label_wrap .web_btn:after {
  content: "";
  display: block;
  width: 13px;
  height: 13px;
  background-image: url(assets/img/link_icon.svg);
  background-repeat: no-repeat;
  background-size: 100%;
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
}
.single_page .web_btn:hover:after,
.private_label_wrap .web_btn:hover:after {
  background-image: url(assets/img/w_link_icon.svg);
}
.link_box a {
  padding: 0 1rem 0 0;
}
.link_box a img {
  min-width: 20px;
  height: auto;
}

/* プロフィール */
.min_sec_title {
  font-size: .9rem;
  line-height: 1.75rem;
  letter-spacing: .06rem;
  margin-bottom: .4rem;
  display: block;
  font-weight: bold;
}
.profile_wrap .profile_img {
  width: 10%;
  height: auto;
  margin-right: 2.6315789474%;
  position: relative;
}
.profile_wrap .profile_img::before {
  content: "";
  display: block;
  padding-top: 100%;
}
.profile_img img {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.profile_text {
  width: 87.3684210526%;
}
.profile_wrap span {
  font-size: .7rem;
  line-height: .75rem;
  letter-spacing: .04rem;
  margin: .3rem 0 1.3rem;
  display: block;
  font-weight: normal;
  text-indent: .05rem;
}
.profile_wrap p {
  font-size: .9rem;
  line-height: 1.6;
  letter-spacing: .02rem;
}

/*画像横並び*/
.horizontal_img {
  display: flex;
  margin-bottom: 3.4375rem;
}
.horizontal_img > div {
  margin-right: 6.5789473684%;
}
.horizontal_img > div:last-child {
  margin-right: 0;
}
.horizontal_img img {
  width: 100%;
}
.horizontal_img span {
  display: block;
  font-size: .6875rem;
  line-height: 1.0625rem;
  margin-top: .3rem;
}
/* 画像複数 */
.single_page .gallery {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 3.4375rem;
}
.wp-block-ur-media-blocks-image-caption figcaption {
  font-size: .75rem;
  line-height: 1.6;
}
.wp-block-ur-media-blocks-image-list.gallery .wp-block-ur-media-blocks-image-caption {
  width: 22.03%;
  height: 100%;
  margin: 0 3.953% 3.953% 0;
}
.wp-block-ur-media-blocks-image-list.gallery .wp-block-ur-media-blocks-image-caption:nth-last-child(-n+4) {
  margin-bottom: 0;
}
.wp-block-ur-media-blocks-image-list.gallery .wp-block-ur-media-blocks-image-caption:not(:nth-child(-n+4)) {
  margin-top: 0;
}
/* モーダル */
.lb-outerContainer {
  border-radius: 0;
}
.lb-data .lb-close {
  background-image: none;
  position: relative;
  opacity: 1;
}
.lb-data .lb-close::before,
.lb-data .lb-close::after {
  content: "";
  display: block;
  width: 1px;
  height: 30px;
  background-color: #fff;
  transform: translate(-50%,-50%) rotate(45deg);
  position: absolute;
  top: 50%;
  left: 50%;
}
.lb-data .lb-close::after {
  transform: translate(-50%,-50%) rotate(135deg);
}
.lb-nav a.lb-prev,
.lb-nav a.lb-next {
  background-image: none;
  transition: opacity .3s;
  position: relative;
}
.lb-nav a.lb-prev:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 20px;
  width: 30px;
  height: 30px;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: translateY(-50%) rotate(135deg);
}
.lb-nav a.lb-next:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 20px;
  width: 30px;
  height: 30px;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: translateY(-50%) rotate(-45deg);
}

/* 動画 */
.wp-block-embed-youtube .wp-block-embed__wrapper {
  display: block;
  width: 100%;
  margin: 0 auto 3.4375rem;
}

.movie_embed_wrapper {
  position: relative;
  overflow: hidden;
  width: 100%;
  margin: 0 auto 3.4375rem;
}
.movie_embed_wrapper::before {
  content:"";
  display: block;
  padding-top: 56.25%;
}
.movie_embed_wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

/* aside */
.single_page aside {
  /*margin-left: 5.350877193%;*/
  width: 28.0701754386%;
  align-self: flex-start;
  position: -webkit-sticky;
  position: sticky;
  top: 6rem;
  /*overflow-y: auto;
  height: calc(100vh - 7rem);*/
}
.single_page h3.recommend_title {
  font-size: 1rem;
  font-weight: bold;
  line-height: 1;
  letter-spacing: .04rem;
  padding-bottom: 1.6rem;
  margin-bottom: 1.8rem;
  margin-top: 0;
  border-bottom: solid 1px #e9ecef;
}
.recommend_list {
  margin-bottom: 1.6875rem;
}
.recommend_list li {
  padding-bottom: 1.8rem;
}
.recommend_list a {
  display: flex;
  align-items: flex-start;
}
.recommend_list img {
  width: 37.5%;
  margin-right: 5.3125%;
}
.recommend_list div {
  width: 57.1875%;
}
.recommend_list .title {
  font-size: .75rem;
  letter-spacing: .04rem;
  line-height: 1.0625rem;
  font-weight: bold;
  margin-bottom: .8rem;
}
.recommend_list .text {
  font-size: .85rem;
  line-height: 1.3rem;
  margin-bottom: .3rem;
}
/*TODO:line-camp IE対応考える */
.article_pager p,
.recommend_list .text,
.article_title h3,
h3.article_title,
h3.slider
{
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
}
.article_pager p,
.article_title h3 {
  -webkit-line-clamp: 2;
}
h3.article_title,
.recommend_list .text,
h3.slider {
  -webkit-line-clamp: 5;
}
/*TODO:line-camp IE対応考える END */
.recommend_list .date {
  font-size: .6875rem;
  letter-spacing: .05rem;
  color: #999;
}
/* tags */
.tags_wrap {
  background-color: #f5f5f5;
  padding: 2.4375rem 1rem .9375rem 1rem;
}
.tags_wrap h3 {
  text-align: center;
  font-size: 1rem;
  letter-spacing: .04rem;
  margin-bottom: 2.2rem;
  margin-top: 0;
}
.aside_box .tags_wrap span,
.aside_box .tags_wrap a {
  border: none;
  background-color: #fff;
}

/* 記事下 */
.relation_brand_list {
  display: flex;
  flex-wrap: wrap;
}
.relation_brand_list li {
  margin: 0 10px 10px 0;
}
.relation_brand_list a {
  display: block;
  color: #fff;
  background: rgba(0, 0, 0, 0.3);
  font-size: .7rem;
  line-height: 1;
  padding: 4px 0.8rem;
  letter-spacing: .04rem;
  font-weight: bold;
}
.tags_share_box {
  margin: 44px 0 0;
  padding-bottom: .625rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.search_tag_box a,
.tags_share_box .tags span,
.tags_share_box .tags a,
.tags_wrap span,
.tags_wrap a {
  display: inline-block;
  border-radius: 50px;
  border: solid 1px #999;
  font-size: .8rem;
  padding: .5rem .875rem .5rem;
  margin: 0 .3rem .7rem 0;
}
.tags_share_box .share {
  display: flex;
  align-items: center;
}
.tags_share_box .share span {
  font-size: .625rem;
  line-height: .75rem;
  letter-spacing: .1rem;
  margin: auto .625rem;
}
.tags_share_box .share a {
  padding: .625rem;
}
.tags_share_box .share img {
  width: 18px;
  height: 18px;
}
/* 記事ページャー */
.article_pager {
  display: flex;
  border-top: solid 1px #e9ecef;
  border-bottom: solid 1px #e9ecef;
  padding: 1.25rem 0;
  position: relative;
}
.article_pager::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  height: 100px;
  width: 1px;
  background-color: #e9ecef;
}
.next_article {
  position: relative;
  width: 50%;
  min-height: 100px;
  margin-left: auto;
  padding: .625rem 10.9210526316% .625rem 6.5789473684%;
}
.previous_article {
  position: relative;
  width: 50%;
  min-height: 100px;
  padding: .625rem 6.5789473684% .625rem 10.9210526316%;
}
.next_article:before {
  content: "";
  display: block;
  width: 14px;
  height: 14px;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: translateY(-50%) rotate(-45deg);
  position: absolute;
  top: 50%;
  right: 4.8684210526%;
}
.previous_article::before {
  content: "";
  display: block;
  width: 14px;
  height: 14px;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  transform: translateY(-50%) rotate(135deg);
  position: absolute;
  top: 50%;
  left: 4.8684210526%;
}
.article_pager span {
  font-size: .9rem;
  font-weight: bold;
  line-height: 1.125rem;
  letter-spacing: .04rem;
  margin-bottom: .7rem;
  display: block;
}
.article_pager p {
  font-size: .875rem;
  line-height: 1.375rem;
  margin-bottom: 0;
  letter-spacing: .04rem;
}
/* brand一覧
------------------------------------------------------- */
.brand_page {
  margin: 5rem 0 5.0625rem;
}
.page_title_s {
  text-align: center;
  margin-bottom: 5rem;
  letter-spacing: .06rem;
}

/*ブランド３カラム*/
.brand_page .column_3 > * {
  width: 28.0701754386%;
  margin: 0 7.8947368421% 4.0625rem 0;
  display: flex;
  flex-direction: column;
}
.brand_page .column_3 > *:nth-child(3n) {
  margin-right: 0;
}
.brand_page .list_logo {
  width: 65.625%;
  margin: 0 auto;
  min-height: 0%;
}
.brand_page .brand_img {
  width: 100%;
  margin-bottom: 1.125rem;
  position: relative;
}
.brand_page .brand_img::before {
  content: "";
  display: block;
  padding-top: 37.5%;
}
.brand_page .brand_img img {
  position: absolute;
  top: 0;
  height: 100%;
  width: 100%;
}
.brand_page p {
  font-size: .8125rem;
  line-height: 1.3125rem;
  margin-bottom: 1.125rem;
  flex-grow: 1;
}
.brand_page .more_btn a {
  font-size: .6875rem;
  text-align: center;
}
.brand_page .more_btn span {
  padding: .7rem 4.127rem .676rem 4.127rem;
}
.brand_page .more_btn span:before {
  width: 33px;
  right: 14px;
}
.brand_page .more_btn span:after {
  right: 12px;
}
/* ショップリスト用リンクボタン */
.brand_page .more_btn .shop_list_link span:before,
.brand_page .more_btn .shop_list_link span:after {
  display: none;
}
.brand_page .more_btn .shop_list_link {
  position: relative;
}
.brand_page .more_btn .shop_list_link:after {
  content: "";
  display: block;
  width: 13px;
  height: 13px;
  background-image: url(assets/img/link_icon.svg);
  background-repeat: no-repeat;
  background-size: 100%;
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
}
.brand_page .more_btn:hover .shop_list_link:after {
  background-image: url(assets/img/w_link_icon.svg);
}




/* brand詳細
------------------------------------------------------- */
.brand_logo {
  width: 320px;
  height: auto;
  display: block;
  margin: 2rem auto 1.4rem;
}
/* メニュー */
.brand_menu {
  margin: 0 0 3.3125rem;
  display: flex;
  justify-content: center;
  font-size: .875rem;
  line-height: 1.0625rem;
  letter-spacing: .04rem;
  font-weight: bold;
}
.brand_menu li {
  padding: 0 1rem;
  position: relative;
}
.brand_menu li:after {
  content: "";
  display: block;
  height: 8px;
  width: 1px;
  background-color: #000;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}
.brand_menu li:last-child:after {
  content: none;
}
.brand_menu a {
  display: block;
  padding: .625rem;
}
/* シーズンビジュアル */
.brand_visual {
  max-width: 945px;
  width: 100%;
  position: relative;
  margin: 0 auto 6.9375rem;
}
.brand_visual::before {
  content: "";
  display: block;
  padding-top: 52.9100529101%;
}
/* シーズンビジュアル（スライド） */
.brand_visual_slide {
  max-width: 945px;
  width: 100%;
  position: relative;
  margin: 0 auto 6.9375rem;
}
.brand_visual img {
  position: absolute;
  top: 0;
  height: auto;
}
/* 記事一覧 */
.mg_t_15 {
  margin-top: .9375rem;
}

/* PRIVATE LABEL */
.private_label_wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 1.875rem;
}
.private_label_wrap > div {
  width: 45.0438596491%;
  display: flex;
  align-items: flex-start;
  margin: 0 0 5.3125rem;
}
.private_label_wrap > div:nth-last-child(2),
.private_label_wrap > div:last-child {
  margin: 0 0 20px;
}
.private_label_img {
  width: 21.113243762%;
  margin-right: 5.9500959693%;
}
.private_label_img ~ div {
  width: 93.8387715931%;
}
.private_label_wrap p {
  font-size: .8125rem;
  line-height: 1.3125rem;
  margin-bottom: .8125rem;
  text-align: justify;
  word-break: break-all;
}

/* CONCEPT */
.concept_wrap {
  text-align: center;
  margin-top: 3.375rem;
  padding-bottom: 2rem;
}
.concept_wrap .title {
  font-size: 1.5rem;
  letter-spacing: .0475rem;
  line-height: 2.25rem;
  margin-bottom: 3rem;
}
.concept_wrap p {
  width: 90%;
  max-width: 885px;
  margin: 0 auto;
  font-size: .9375rem;
  line-height: 1.75;
  letter-spacing: .02rem;
}
.concept_wrap .back_gr {
  margin: 4rem 0 0;
  padding: 4rem 0;
  background-color: #F4F4F4;
}

/* LINKS */
.links_wrap {
  padding-bottom: 6.25rem;
}
.links_wrap li.sns_links:first-of-type {
  margin-top: .9375rem;
}
.links_wrap a {
  padding: .625rem;
  display: inline-block;
  font-weight: bold;
}
.links_wrap .arrow_link {
  font-size: .875rem;
  line-height: 1.25rem;
  padding-left: .9375rem;
  position: relative;
}
.links_wrap .arrow_link::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 2px;
  width: 4px;
  height: 4px;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: translateY(-50%) rotate(-45deg);
}
.links_wrap .sns_link {
  font-size: .75rem;
  line-height: 1.25rem;
  margin-left: -.3125rem;
}
.links_wrap .sns_link img {
  display: inline-block;
  width: 22px;
  height: 22px;
  margin-right: .3125rem;
}
.links_wrap .sns_link span {
  display: inline-block;
  vertical-align: top;
}

/* about,error page,privacy policy
------------------------------------------------------- */
.error_page,
.about_page {
  margin: 5rem auto;
}
.error_page p {
  width: 70%;
  text-align: center;
  font-size: .9375rem;
  line-height: 1.6875rem;
  margin: 0 auto 3.4375rem;
}
.about_page p {
  width: 54.3859649123%;
  text-align: center;
  font-size: .9375rem;
  line-height: 1.6875rem;
  margin: 0 auto 3.4375rem;
}

/* privacy policy
------------------------------------------------------- */
.page ol {
  list-style-type: decimal;
  padding-left: 40px;
  margin: 0 0 3.4375rem;
  font-size: .9375rem;
}
.page ol li {
  list-style: decimal;
  line-height: 1.6875rem;
}
.page.privacy-policy_page.container {
  margin: 5rem auto;
}
.privacy-policy_page .page_title_s {
  margin-bottom: 5rem;
}
.privacy-policy_page h2 {
  margin-bottom: 1.4rem;
  line-height: 2.25rem;
  letter-spacing: .0475rem;
}
.privacy-policy_page h3 {
  margin-bottom: 1.2rem;
  font-size: 1.125rem;
  line-height: 1.625rem;
}
.privacy-policy_page p {
  font-size: .9375rem;
  line-height: 1.6875rem;
  margin: 0 0 3.4375rem;
}

/* お問い合わせ
------------------------------------------------------- */
.contact_page {
  margin: 6.25rem auto;
}
.wpcf7-form {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
}
.wpcf7-form label {
  display: block;
  font-size: .875rem;
  font-weight: bold;
  line-height: 1.3125rem;
  letter-spacing: .025rem;
  margin-bottom: 2.5625rem;
}
.wpcf7-form span:first-child {
  color: #777;
  font-size: .75rem;
  line-height: 1.125rem;
  margin-left: .5rem;
  font-weight: normal;
}
.wpcf7-form input,
.wpcf7-form textarea {
  width: 100%;
  padding: 1.875rem 1.375rem;
  background-color: #F1F1F1;
  margin: .7rem 0 0;
  font-size: 1rem;
  line-height: 1.5rem;
  border: none;
  resize: none;
}
.wpcf7-form input[type="submit"] {
  display: block;
  padding: 1.375rem 0;
  border: solid 1px #000;
  background-color: #fff;
  max-width: 18.125rem;
  margin: 0 auto 1.625rem;
  font-weight: bold;
}

@media only screen and (max-width: 1139px) {
  /* header
  ------------------------------------------------------- */
  .pc_head_nav,
  .scrolling .pc_head_nav {
    font-size: .7rem;
  }
  .pc_head_nav li {
    margin-left: 1%;
  }
  .pc_head_nav li:first-child {
    margin-left: -.3rem;
  }
  .dropdown_parent {
    margin: 0 0 0 -.3rem;
  }
  .dropdown_parent span:after {
    margin: 0 0 .1875rem .5rem;
  }
  .dropdown_parent.open ul {
    display: block;
  }
  .dropdown_parent .dropdown_child li {
    margin: 0;
  }

  /* footer
  ------------------------------------------------------- */
  footer {
    padding: 3rem 0;
  }
  .logo_sns {
    padding-right: 7%;
    width: 28%;
  }
  .footer_logo img {
    width: 100%;
  }
  .footer_link {
    padding-right: 3%;
    width: 40%;
  }
  .ft_external_link {
    flex-wrap: wrap;
    justify-content: flex-start;
  }
  .ft_external_link a {
    max-width: 110px;
  }
  .ft_page_link li {
    flex: 0 0 33.3333333333%;
  }
  .ft_page_link li.long {
    flex: 0 0 66.6666666666%;
  }
  .ft_external_link li {
    width: 50%;
  }
  .ft_external_link img {
    width: 100%;
  }
  .footer_tags {
    width: 32%;
    padding-left: 1.5rem;
  }
  .footer_tags a {
    font-size: .75rem;
  }

  /* toppege
  ------------------------------------------------------- */
  /* スライダー */
  .slider_wrap .sec_title {
    font-size: 1.1rem;
    margin-bottom: 1.4rem;
  }
  .slider_wrap h3 {
    font-size: 1.25rem;
    line-height: 1.4;
    margin-bottom: 2rem;
    text-align: left;
    letter-spacing: .04rem;
  }

  /* BRAND詳細
  ------------------------------------------------------- */
  .brand_menu li {
    padding: 0 .5rem;
  }

  /* about,error page
  ------------------------------------------------------- */
  .error_page p,
  .about_page p {
    width: 90%;
  }
}
@media only screen and (max-width: 767px) {
  /* GLOBAL
  ------------------------------------------------------- */
  /*表示非表示*/
  .hide_mobile_inline,
  .hide_mobile {
    display: none;
  }
  .show_mobile {
    display: block;
  }
  .show_mobile_inline {
    display: inline-block;
  }
  /* 共通パーツ
  ------------------------------------------------------- */
  .container {
    width: 89.3333333334%;
  }
  .container_only_pc {
    width: 100%;
  }

  /* hover */
  .web_btn:hover:before,
  .more_btn a:hover:before {
    transform-origin: right top;
    transform: skewX(-30deg) scale(0, 1);
  }
  .web_btn:hover,
  .more_btn a:hover span {
    color: #000;
  }
  .more_btn a:hover span:before,
  .more_btn a:hover span:after {
    background-color: #000;
  }
  a:not(.more_btn):hover,
  button:not(.brand_btn):hover,
  select:hover,
  .title_search form:hover:after,
  .search_category:hover:after,
  .brand_btn:hover span {
    opacity: 1;
  }

  /* header
  ------------------------------------------------------- */
  header,
  .scrolling header,
  .ec_logo,
  .site_logo {
    height: 71px;
  }
  .ec_logo {
    border-bottom: 7px solid rgba(0,0,0,0);
  }
  .site_logo {
    border-bottom: 7px solid #000;
  }
  .site_logo img {
    width: 114px;
    height: 44px;
    margin-top: 0;
  }
  .ec_logo img {
    width: 95px;
    height: 44px;
  }
  /*BRANDドロワー*/
  .brand_tab {
    width: 84.8%;
    right: -84.8%;
  }
  .brand_tab .tab_content {
    padding: 5.6962025317%;
  }
  .inside_brand a,
  .external_brand a {
    width: 47.8571428571%;
    margin: 0 4.2857142858% 4.2857142858% 0;
  }
  .inside_brand a:nth-child(2n),
  .external_brand a:nth-child(2n) {
    margin-right: 0;
  }
  /* 検索メニュー */
  .btn_invisible {
    display: none !important;
  }
  .pulldown {
    margin-bottom: 3.125rem;
  }
  .pulldown span {
    font-size: .9375rem;
    white-space: nowrap;
  }
  .pulldown:after {
    width: 7px;
    height: 7px;
    left: 71%;
  }
  .pulldown select {
    width: calc(100% - 70px);
    padding: 1rem 1.125rem;
    margin: 0 .3rem 0 0;
  }

  /* 固定メニュー */
  header.fixed {
    height: 48px;
  }
  header.fixed .ec_logo,
  header.fixed .site_logo {
    height: 47px;
    border-bottom: 3px solid #fff;
  }
  header.fixed .site_logo {
    border-bottom: 3px solid #000;
  }
  /* スクロール時 */
  .sp_scrolling.sp_head_nav {
    top: 0;
  }

  /* navメニュー */
  .sp_head_nav ul {
    width: 100%;
    margin: 0 auto;
    display: flex;
    padding: .75rem 0;
    background-color: #fff;
  }
  .sp_head_nav li {
    position: relative;
    text-align: center;
    width: 100%;
  }
  .sp_head_nav li::after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    width: 1px;
    height: .6875rem;
    background-color: #979797;
  }
  .sp_head_nav li:last-child::after {
    content: none;
  }
  .sp_head_nav a {
    display: block;
    padding: .3rem .8rem .5rem;
    font-size: .875rem;
    font-weight: bold;
    letter-spacing: .05rem;
    line-height: .9375rem;
  }

  /* 検索メニュー ハンバーガーメニュー */
  .fixed_button_box {
    width: 45px;
    height: 50px;
    padding-bottom: 0;
  }
  .search_btn {
    width: 45px;
    height: 45px;
    padding: 6px;
  }
  .hbg_menu_btn {
    width: 45px;
    height: 45px;
    padding: 9px;
  }
  .menu_wrap {
    background-color: transparent;
  }
  .search_menu,
  .scrolling .search_menu,
  .hbg_menu,
  .scrolling .hbg_menu {
    width: 100%;
    max-width: 100%;
    padding: 1.875rem 0 3.75rem;
    border-left: none;
  }
  .search_menu .container,
  .hbg_menu .container {
    width: 85.3333333333%;
    max-width: none;
  }
  .search_menu .search_close_btn,
  .hbg_menu .hbg_close_btn {
    top: auto;
    bottom: 15px;
    right: 13px;
    width: 18px;
    height: 18px;
  }
  .search_close_btn span,
  .search_close_btn span::before,
  .hbg_close_btn span,
  .hbg_close_btn span::before {
    width: 20px;
  }
  .check_wrap {
    margin-bottom: 3.125rem;
  }
  .check_wrap div {
    font-size: .8125rem;
    line-height: 1.25rem;
    letter-spacing: normal;
  }
  .check_wrap div:first-of-type {
    margin-right: 15%;
  }
  .search_titel {
    font-size: .875rem;
    line-height: 1.0625rem;
  }
  .search_keyword {
    margin-bottom: 3.125rem;
  }
  .search_keyword button {
    width: 38px;
    height: 38px;
    background-size: 30px;
  }
  .search_tag_box {
    margin: 0 -.125rem 2.75rem;
  }
  .search_tag_box a {
    margin: .4rem .125rem;
  }
  .search_category select {
    font-size: .9375rem;
    line-height: 1.4375rem;
    letter-spacing: .02375rem;
    padding: .625rem 0;
  }
  .search_category::after {
    width: 8px;
    height: 8px;
    right: 7px;
  }
  .search_menu ul {
    font-size: .9375rem;
    line-height: 1.0625rem;
    margin: 0 -1.375rem;
    flex-wrap: wrap;
  }
  .search_menu li {
    padding: .75rem 1.375rem;
  }

  /* footer
  ------------------------------------------------------- */
  footer {
    padding: 3.75rem 0 0;
  }
  .footer_wrap {
    flex-direction: column;
  }
  .footer_wrap > div {
    width: 100%;
    padding: 0;
  }
  .page_top {
    width: 20px;
    height: 26px;
    margin: 0 auto 0 5.3333333333%
  }
  .show.page_top.sticky {
    bottom: 5px;
    margin: 0 auto 0 2%;
    width: 44px;
    height: 44px;
    display: flex;
    justify-content: center;
  }
  .page_top img {
    width: 20px;
    height: auto;
  }
  a.page_top:hover {
    opacity: 0;
  }
  /* ロゴ、SNS */
  .logo_sns {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 1.75rem;
  }
  .logo_sns .ft_title {
    margin-bottom: .8125rem;
  }
  .footer_logo {
    margin: 0 0 2.4rem;
  }
  .logo_sns ul {
    justify-content: center;
  }
  .logo_sns li {
    margin-right: 1rem;
  }
  .logo_sns li:last-child {
    margin-right: 0;
  }
  .logo_sns a {
    padding: .3125rem;
  }
  /* リンク */
  .footer_link {
    display: flex;
    flex-direction: column-reverse;
    margin-bottom: 2rem;
  }
  .footer_link div:last-child {
    padding: 2.8125rem 0 2.6875rem;
    border-top: solid 1px #333333;
    border-bottom: solid 1px #333333;
  }
  .footer_link div:first-child {
    margin: 2.8rem 0 0;
  }
  .ft_external_link {
    flex-wrap: wrap;
  }
  .ft_external_link {
    justify-content: center;
  }
  .ft_external_link a {
    padding: .3125rem;
    display: block;
    margin: 0 auto;
    max-width: 250px;
  }
  .ft_external_link li {
    width: 33.3333333333%;
    max-width: 250px;
    padding: 0 1.2698412698%;
  }
  .ft_external_link li:nth-child(4) {
    width: 100%;
    max-width: 100%;
    padding: 0 30%;
    margin-top: 2.4375rem;
  }
  .ft_external_link li:nth-child(5) {
    width: 50%;
    padding: 0 0 0 12%;
  }
  .ft_external_link li:last-child {
    width: 50%;
    padding: 0 12% 0 0;
  }
  .ft_external_link li:nth-child(n+5) a {
    width: 90%;
  }
  .ft_external_link li:nth-child(5) a {
    margin-left: auto;
  }
  /* タグ */
  .footer_tags {
    margin-bottom: 1rem;
    border-left: none;
  }
  .footer_tags::before {
    content: none;
  }
  .footer_tags a {
    line-height: 1.625rem;
  }
  /* copyright */
  .copyright {
    border-top: solid 1px #333;
    opacity: 1;
    text-align: center;
    padding: 1.5625rem 0 1.25rem;
  }

  /* 共通パーツ
  ------------------------------------------------------- */
  section {
    margin-bottom: 2rem;
  }
  section.top_first_view {
    margin-bottom: 5rem;
  }

  /* ブランドボタン */
  .brand_btn {
    bottom: 64px;
    width: 47px;
  }
  .brand_btn span {
    padding: 0 .938rem;
  }
  /* view more btn */
  .more_btn {
    font-size: .6875rem;
  }
  .more_btn span {
    padding: .625rem 5rem .625rem 1.25rem;
  }
  .more_btn span::before {
    width: 50px;
    right: 17px;
  }
  .more_btn span:after {
    bottom: 19px;
    right: 16px;
  }

  /* パンくずリスト */
  .breadcrumb {
    font-size: .625rem;
  }
  .breadcrumb ul {
    font-size: 10px;
  }

  /* top page
  ------------------------------------------------------- */
  .top_first_view .slider_wrap {
    flex-direction: column;
    margin-top: 0;
  }
  .top_first_view .container {
    width: 100%;
  }
  .slider_img {
    width: 100%;
    margin-bottom: 1.7rem;
  }
  .slider_img::before {
    padding-top: 72.2666666667%;
  }
  .top_first_view .right {
    padding-bottom: 2.5rem;
    width: 89.3333333334%;
    margin: 0 auto;
  }
  .top_first_view .slider_wrap .sec_title {
    font-size: 1.2rem;
    line-height: 1.125rem;
    margin-bottom: 1.4rem;
  }
  .slider_wrap h3 {
    font-size: 1.25rem;
    line-height: 1.4;
    max-width: 88%;
    margin-bottom: 1.6rem;
  }
  .slider_wrap . {
    margin-bottom: 2.8125rem;
  }
  .top_first_view .circle_pager {
    bottom: 0;
    left: 50%;
    width: 100%;
  }
  .top_first_view .prev {
    position: absolute;
    top: calc(75% - 17px);
    left: 4%;
    width: 14px;
    height: 20px;
    background: url(assets/img/sp_gy_left_arrow.svg) no-repeat;
    background-size: cover;
    margin: 0;
    border: none;
    z-index: 100;
  }
  .top_first_view .next {
    position: absolute;
    top: calc(75% - 17px);
    right: 4%;
    width: 14px;
    height: 20px;
    background: url(assets/img/sp_gy_right_arrow.svg) no-repeat;
    background-size: cover;
    margin: 0;
    border: none;
    z-index: 100;
  }
  #section_top_article {
    margin-bottom: 7rem;
  }

  /* セクションタイトル */
  .sec_title {
    font-size: 1.3rem;
    line-height: 1.6875rem;
    letter-spacing: .04rem;
    margin-bottom: 2.4rem;
  }
  .sec_supplement {
    display: block;
    font-size: .625rem;
    margin-left: 0;
  }
  .swiper-container .sec_title {
    margin-bottom: 2.8rem;
  }
  .swiper-button-next, .swiper-button-prev {
    background-size: 17px 44px;
  }

  /* プロフィール */
  .profile_text {
    width: 100%;
  }

  /*3カラム*/
  .column_3 article,
  .column_3 article:nth-child(3n),
  .column_4 article {
    width: 47.7611940299%;
    margin-right: 2.2388059701%;
    margin-bottom: 3.4rem;
  }
  .column_3 article:nth-child(2n),
  .column_4:not(.swiper-wrapper) article:nth-child(2n) {
    margin-right: 0;
    margin-left: 2.2388059701%;
  }

  /* 4カラム */
  .column_4 article.swiper-slide {
    margin-bottom: 0;
  }
  /*
  .column_4 article:nth-last-child(-n+2) {
    margin-bottom: 0;
  }
  */
  #section_top_news .column_4 article {
    width: 100%;
    margin-right: 0;
    display: flex;
    border-bottom: 1px solid #DBDBDB;
    padding-bottom: 12px;
    margin-bottom: 12px;
  }
  #section_top_news .column_4 a.img_ratio {
    width: 85px;
    margin-right: 15px;
  }
  #section_top_news .column_4 .top_news_content {
    width: calc(100% - 100px);
  }
  #section_top_news .column_4 .top_news_content .related_brand_wrap {
    margin: 0 0 .5rem;
  }
  #section_top_news .column_4:not(.swiper-wrapper) article:nth-child(2n) {
    margin-left: 0;
  }
  #section_top_news .more_btn {
    margin-bottom: 5rem;
    margin-top: 1.4rem;
  }

  /* 記事の情報 */
  .article_category {
    font-size: .75rem;
    line-height: 1.0625rem;
    margin: .8rem 0 .7rem 0;
  }
  .column_3 .article_category {
    margin: .8rem 0 0 0;
  }
  .column_3 .related_brand_wrap {
    margin: 0.5rem 0;
  }
  h3.article_title,
  .article_title h3 {
    font-size: .8125rem;
    line-height: 1.2rem;
    margin-bottom: .8rem;
  }
  /*TODO:line-camp IE対応考える */
  .recommend_list .text,
  .article_title h3,
  h3.article_title {
    -webkit-line-clamp: 3;
  }
	.article_pager p,
  h3.slider {
	    -webkit-line-clamp: 5;
	}
  /*TODO:line-camp IE対応考える END */

  .date_tag {
    font-size: .625rem;
  }

  /* PICK UP */
  .sec_pickup {
    padding: 3.75rem 0 2.125rem;
    margin-bottom: 3.75rem;
  }
  .sec_pickup .column_4 {
    margin: 0 0 2rem;
    flex-wrap: nowrap;
    /*overflow: hidden;*/
  }
  .sec_pickup article {
    margin: 0 .625rem;
    width: 59.7333333333%;
    flex-grow: 0;
    flex-shrink: 0;
  }

  /* column */
  .column_3 .author_frame {
    margin: .7rem 0 .6rem;
  }
  .author_frame span {
    font-size: .6875rem;
  }
  .profile_job_title {
    font-size: 10px;
    line-height: 1.4;
  }
  .article_title {
    font-size: .8125rem;
  }

  /* 外部リンク */
  .sec_external_link {
    padding: 2.9375rem 0 1.875rem;
    margin-bottom: 3.75rem;
  }
  .sec_external_link .container {
    width: 100%;
  }
  .sec_external_link ul {
    flex-wrap: nowrap;
    /*overflow: hidden;*/
  }
  .sec_external_link li {
    margin: 0 .625rem;
    width: 66.6666666667%;
    flex-grow: 0;
    flex-shrink: 0;
  }

  /* NEWS */
  .related_brand_wrap {
    margin: 1rem 0 .8rem;
  }
  .related_brand {
    font-size: .625rem;
    padding: .2rem .4rem .25rem;
  }
  .multiple {
    font-size: .625rem;
    margin-left: .25rem;
  }

  /* article
  ------------------------------------------------------- */
  /* カテゴリー検索 */
  .title_search {
    margin-top: 3.75rem;
    flex-direction: column;
    align-items: baseline;
  }
  .title_search form {
    margin-left: auto;
    margin-bottom: 2.3rem;
  }

  /*数字 ページャー */
  .numeric_pager a,
  .numeric_pager button {
    padding: .532rem 1.12rem;
    background-color: #fff;
    border: solid 1px #000;
    color: #000;
  }
  .numeric_pager button {
    height: 2.0625rem;
    width: 2.8125rem;
  }
  .numeric_pager .pre::before,
  .numeric_pager .next::before {
    border-right: .09375rem solid #000;
    border-bottom: .09375rem solid #000;
  }
  .numeric_pager .active {
    border: none;
  }
  .numeric_pager .active::before {
    content: "";
    display: block;
    height: 1px;
    width: 12px;
    background-color: #000;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
  }

  /* single
  ------------------------------------------------------- */
  .single_page {
    margin-top: 1.4rem;
    margin-bottom: 5rem;
  }
  .single_page main {
    width: 100%;
  }
  /* 記事頭 */
  .article_head {
    margin-bottom: 1.3rem;
  }
  .article_head .category {
    font-size: .8125rem;
    line-height: 1rem;
  }
  .article_head .date {
    font-size: .6875rem;
    line-height: .75rem;
    letter-spacing: .025rem;
  }
  /* 記事タイトル */
  .single_page .title {
    font-size: 1.25rem;
    margin-bottom: 1.375rem;
  }
  .single_page .gray_text {
    font-size: .8125rem;
    line-height: 1.3125rem;
  }
  .main_image {
    margin-bottom: .8rem;
  }
  .article_author_image {
    flex: 0 0 49px;
  }
  .content_divider {
    margin: 2.3125rem -5.3333333333%;
  }
  /* 記事内容 */
  .single_page .content {
    padding-top: 0;
  }
  .gray_box {
    padding: 1.25rem;
  }
  .content p,
  .content li,
  .content ol {
    font-size: .875rem;
    line-height: 1.75;
  }
  .three_set img {
    width: 100%;
  }
  .col_2 > div {
    width: 100%;
  }
  .img_right img {
    width: 100%;
  }
  .img_right > div {
    margin-right: 0;
  }
  .col_2:not(.store_info):not(.profile_wrap),
  .img_right {
    flex-direction: column;
  }
  .single_page iframe {
    width: 100%;
  }
  .wp-block-embed {
    margin-top: 2.1875rem;
  }
  .wp-block-ur-media-blocks-box {
    margin-top: 2.5rem;
    word-break: break-all;
  }
  /* プロフィール */
  .min_sec_title {
    font-size: .875rem;
    letter-spacing: .125rem;
  }
  .sp_profile_head {
    display: flex;
    align-items: center;
    margin-bottom: .625rem;
  }
  .profile_wrap .profile_img {
    width: 15.523%;
    margin-right: .875rem;
  }
  .profile_wrap span {
    margin-bottom: 0;
  }
  .profile_wrap p {
    font-size: .8125rem;
    line-height: 1.375rem;
  }
  .border_box {
    padding: 1rem 0;
  }
  /* 店舗情報 */
  .store_info > img {
    width: 24%;
  }
  .single_page h2 {
    font-size: 1.2rem;
  }
  .single_page h3 {
    font-size: 1.05rem;
    line-height: 1.4375rem;
    margin-bottom: .625rem;
  }
  /* 引用 */
  .single_page blockquote p {
    padding: 0 0 .4rem 1.2rem;
    margin: .625rem 0;
    font-size: .875rem;
    line-height: 1.75;
  }
  .single_page blockquote cite {
    line-height: 1.125rem;
  }
  /* 画像並び */
  .horizontal_img {
    flex-wrap: wrap;
    margin-bottom: 0;
  }
  .horizontal_img div {
    width: 100%;
    margin: 0 0 3.4375rem;
  }
  .wp-block-ur-media-blocks-image-list.gallery .wp-block-ur-media-blocks-image-caption,
  .wp-block-ur-media-blocks-image-list.gallery .wp-block-ur-media-blocks-image-caption:nth-last-child(-n+4) {
    width: 47.7611940299%;
    margin: 0 0 4.4776119402%;
  }

  .wp-block-ur-media-blocks-image-list.column3 .wp-block-ur-media-blocks-image-caption:not(:nth-child(-n+3)),
  .wp-block-ur-media-blocks-image-list.column2 .wp-block-ur-media-blocks-image-caption:not(:nth-child(-n+2)) {
    margin-top: 0;
  }

  /*記事内ボタン*/
  .single_page .more_btn {
    font-size: .75rem;
  }
  .single_page .more_btn a {
	  margin: 0;
	  margin-bottom: 3.4375rem;
  }
  .single_page .more_btn span {
	 /* miss? */
    padding: .625rem 5rem .625rem .875rem;
  }
  .single_page .more_btn a::before {
    width: 44px;
  }

  /* 記事下 */
  .tags_share_box {
    flex-direction: column;
    align-items: baseline;
    padding-bottom: .6875rem;
    margin: 28px 0 0 0;
  }
  .tags_share_box .tags span {
    font-size: .75rem;
    margin: 0 .2rem .2rem 0;
    padding: .3rem .875rem .2rem;
    line-height: 1.25rem;
  }
  .tags_share_box .share {
    margin-top: .3rem;
  }

  /* 記事ページャー */
  .article_pager {
    padding: .8125rem 0;
  }
  .article_pager::before {
    height: 95px;
  }
  .article_pager a {
    min-height: 95px;
    padding: .125rem 8.8% .125rem 5.3333333333%;
  }
  .article_pager a:first-child {
    padding: .125rem 5.3333333333% .125rem 8.8%;
  }
  .article_pager a:before,
  .article_pager a:first-child::before {
    width: 9px;
    height: 9px;
  }
  .article_pager span {
    font-size: .75rem;
    line-height: .9375rem;
    margin-bottom: .4rem;
  }
  .article_pager p {
    font-size: .75rem;
    line-height: 1.6;
  }

  /* brand一覧
  ------------------------------------------------------- */
  .brand_page {
    margin: 3.4375rem 0 1rem;
  }
  .brand_page .page_title_s {
    margin-bottom: 1.25rem;
    letter-spacing: .06rem;
  }
  .brand_page .column_3 > * {
    width: 100%;
    margin: 0 0 2.1875rem 0;
  }
  .brand_page .list_logo {
    width: 65.671641791%;
    max-width: 260px;
  }
  .brand_page .brand_img {
    margin-bottom: 1rem;
  }
  .brand_page p {
    margin-bottom: .8rem;
  }
  .brand_page .more_btn a {
    display: inline-block;
  }
  .brand_page .more_btn span {
    padding: .62rem 5.5rem .631rem 2.25rem;
  }
  .brand_page .more_btn span::before {
    width: 50px;
  }

  /* brand詳細
  ------------------------------------------------------- */
  .brand_logo {
    width: 180px;
    margin: 2rem auto 1.5rem;
  }
  .brand_menu {
    flex-wrap: wrap;
    font-size: .6875rem;
    margin: 0  auto 1.5625rem;
    max-width: 370px;
  }
  .brand_menu li {
    padding: 0 .75rem;
    margin-top: 5px;
  }

  .brand_menu li:nth-child(-n+3) {
    margin-top: 0;
  }

  .brand_menu li:nth-child(3):after {
    content: none;
  }
  .brand_visual {
    width: 99.7014925373%;
    margin-bottom: 3.5625rem;
  }
  .brand_visual::before {
    padding-top: 133.234%;
  }
  .brand_visual img {
    height: 100%;
  }
  /* PRIVATE LABEL */
  .private_label_wrap {
    margin-top: 0;
  }
  .private_label_wrap > div {
    width: 100%;
    flex-direction: column;
    align-items: center;
    padding-bottom: 2.125rem;
    border-bottom: solid 1px #999;
    margin: 0 0 2.0625rem;
  }
  .private_label_wrap > div:nth-last-child(2),
  .private_label_wrap > div:last-child {
    margin: 0 0 2.0625rem;
  }
  .private_label_wrap > div:first-child {
    display: flex;
  }
  .private_label_img {
    width: 38.8059701493%;
    margin: 0 0 1.25rem;
  }
  .private_label_img ~ div {
      width: 100%;
  }
  .private_label_wrap p {
    margin-bottom: .4375rem;
  }

  /* CONCEPT */
  .concept_wrap {
    margin-top: 0;
    text-align: left;
  }
  .concept_wrap .title {
    font-size: 1rem;
    line-height: 1.5rem;
    letter-spacing: .025rem;
    margin-bottom: .75rem;
  }
  .concept_wrap p {
    width: 100%;
    font-size: .875rem;
    line-height: 1.625rem;
  }
  .concept_wrap .back_gr {
    margin: 2.375rem auto 2.125rem;
    padding: .9rem 6.5671641791% 1.5625rem;
  }

  /* about,error page
  ------------------------------------------------------- */
  .page_title_s {
    font-size: 1.25rem;
    margin-bottom: 1.25rem;
  }
  .error_page,
  .about_page {
    margin: 3.4375rem auto 1rem;
  }
  .error_page p,
  .about_page p {
    width: 100%;
  }

  /* privacy policy
  ------------------------------------------------------- */
  .page ol {
    font-size: .8125rem;
    padding-left: .8125rem;
  }
  .page.privacy-policy_page.container {
    margin: 3.1rem auto 6rem auto;
  }
  .privacy-policy_page .page_title_s {
    margin-bottom: 3rem;
  }
  .privacy-policy_page h2 {
    margin-bottom: 1.0625rem;
    line-height: 1.5625rem;
    font-size: 1.0625rem;
  }
  .privacy-policy_page h3 {
    margin-bottom: 1.0625rem;
    line-height: 1.375rem;
    font-size: .9375rem;
  }
  .privacy-policy_page p {
    font-size: .8125rem;
    line-height: 1.75;
    margin: 0 0 2.8rem;
  }

  /* お問い合わせ
  ------------------------------------------------------- */
  .contact_page {
    margin: 3.125rem auto;
  }
  .contact_page .page_title_s {
    margin-bottom: 4rem;
  }
  .wpcf7-form label {
    font-size: .75rem;
    line-height: 1.25rem;
    letter-spacing: .023125rem;
    margin-bottom: 2.625rem;
  }
  .wpcf7-form span:first-child {
    color: #777;
    font-size: .75rem;
    line-height: 1.125rem;
    margin-left: .375rem;
  }
  .wpcf7-form input,
  .wpcf7-form textarea {
    width: 100%;
    padding: .875rem;
    margin: .4375rem 0 0;
    font-size: .9rem;
    line-height: 1.25rem;
  }
  .wpcf7-form input[type="submit"] {
    padding: 1rem 0;
    margin: -.9375rem auto 2.125rem;
    max-width: 100%;
  }

}
@media only screen and (max-width: 320px) {
  /* 検索メニュー */
  .check_wrap div:first-of-type {
    margin-right: 9%;
  }
  .pulldown:after {
    left: 68%;
  }
  .pulldown select {
    width: 74%;
    padding: 1rem 1.125rem;
  }
  /*ブランド詳細*/
  .brand_menu li {
      padding: 0 .3rem;
  }
}
/* アプリ内表示 */
body.in_app .sp_head_nav,
body.in_app .breadcrumb,
body.in_app header,
body.in_app footer {
  display: none;
}
body.in_app2 .links_wrap li.instagram,
body.in_app2 .links_wrap li.youtube,
body.in_app2 .links_wrap li.line,
body.in_app2 .fixed_button_box,
body.in_app2 .brand_tab_wrap {
  display: none;
}