/* コーディネートページ */

.pane-left-menu {
  padding: 0 10px;
}
div#l-brandtop-blog img {
    height: 220px;
}

h2.is-section-ttl {
    margin: 60px 0 20px 0;
    font-size: 22px;
}
h2.is-section-ttl span {
    font-size: 65%;
    margin-left: 30px;
}
.coordinate_filter {
  margin-top: 20px;
  border: 1px solid #999999;
  border-radius: 3px;
}

.coordinate_filter_lineup {
  display: flex;
}
.coordinate_filter_lineup div {
    display: table;
position: relative;
}
div#l-brandtop-snap .coordinate_filter_lineup div {
    display: table;
position: relative;
}
.page-top .rankingBox span.item_ranking,
div#l-brandtop-snap .coordinate_inner span {
    background: #efefef;
    width: 30px;
    text-align: center;
    display: block;
    border-radius: 50%;
    position: absolute;
    left: 5px;
    top: 5px;
    height: 30px;
    padding-top: 4px;
}
.coordinate_filter_lineup div .coordinate_filter_lineup img.staffstyle_photo_img {
    width: 220px;
    height: auto;
}

.coordinate_inner {
  width: 220px;
}
.coordinate_inner p {
  margin: 5px;
  font-size: 12px;
}

p.blog_staff_name_ {
  display:none;
}

.coordinate_inner figcaption {
  font-size: 12px;
}

#c-brandtop-coordinate .coordinate_inner figcaption, .coordinate_inner .coordinate_inner_num {
    margin: 3px 5px 0px;
    width: 80px;
}
.coordinate_inner .coordinate_detail {
  font-size: 12px;
  margin: 6px 0 10px 4px;
}
.coordinate_inner .coordinate_detail .coordinate_staff {
  display: flex;
  align-items: center;
  font-size: 12px;
}

.coordinate_inner .coordinate_detail .coordinate_staff_img {
  width: 45px;
  margin-right: 4%;
}

.coordinate_staff_img img {
  border-radius: 50%;
}

.coordinate_filter_list::before {
  content: "検索条件:";
  display: block;
  font-size: 12px;
}

.coordinate_filter_list li {
  cursor: pointer;
  position: relative;
  display: inline-block;
  margin: 15px 0;
  padding: 0 32px 2px 15px;
  border: 1px solid #cccccc;
  border-radius: 3px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
}

.page-coordinatestafflist .coordinate_filter_list li {
  cursor: pointer;
  position: relative;
  display: inline-block;
  margin: 0 10px 10px 0;
  padding: 0 32px 2px 15px;
  border: 1px solid #cccccc;
  border-radius: 3px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
}

.coordinate_filter_list li:after {
  content: "×";
  display: block;
  position: absolute;
  top: 2px;
  right: 7px;
  font-size: 12px;
  font-weight: bold;
  color: #2d2d2d;
}

.coordinate_keyword {
  padding: 0 10px;
}

.coordinate_keyword dd {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  margin-top: 15px;
  padding: 5px;
}

.coordinate_keyword dd a {
    padding: 1px 18px 3px;
    background: #737373;
    border-radius: 40px;
    color: #fff;
    margin: 0 1px;
}
.coordinate_keyword dd a span:before {
    content: "#";
    margin-right: 5px;
}
.coordinate_keyword dd a span {
    color: #ffffff;
    font-size: 10px;
}
.coordinate_filter_result .itemBox {
  padding-top: 10px;
}

.coordinate_filter_result .itemBox .item_container,
.page-coordinatestafflist .itemBox .item_container {
  padding: 0 10px;
}

.coordinate_filter_result .coordinate_filter_list {
  margin-top: 15px;
  padding: 0 10px;
}

#search_sideNav .search_sideNav__title {
  padding: 10px;
  text-align: center;
}

.coordinate_filter_result .coordinate_filter_select {
  margin-top: 30px;
  width: 100%;
  border-style: solid;
  border-color: #ccc;
  border-width: 0px 0px 1px 0px;
  display: none;
  justify-content: center;
}

.coordinate_filter_result .coordinate_filter_select li {
  width: 44%;
  display: inline-block;
  margin: 0 2% 0 2%;
  text-align: center;
  padding: 5px 0;
  border-style: solid;
  border-color: #cccccc;
  border-width: 1px 1px 0px 1px;
}

.coordinate_filter_result
  .coordinate_filter_select
  .coordinate_filter_selected {
  background-color: #bbbbbb;
}

.coordinate_filter_result
  .coordinate_filter_select
  .coordinate_filter_selected
  label {
  color: #ffffff;
}

.coordinate_filter_result .coordinate_filter_select li label {
  font-size: 12px;
  color: #ddd;
  display: block;
}

#search_sideNav .search_sideNav__title p {
  display: inline-block;
  position: relative;
  padding: 0;
  text-align: center;
  color: #999999;
  font-size: 14px;
  line-height: 1.6;
}

#search_sideNav .search_sideNav__title .search_sideNav_arrow {
  display: inline-block;
  position: absolute;
  top: 26%;
  transform: rotate(135deg);
  transition: 0.2s;
  right: -25px;
  width: 7px;
  height: 7px;
  border-style: solid;
  border-width: 2px 2px 0px 0px;
  border-color: #000000;
  content: "";
}

#search_sideNav .search_sideNav__title .search_sideNav_arrow_up {
  transform: rotate(-45deg);
}

#search_sideNav section {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px 0;
}

#search_sideNav .coordinate_filter_tab_title {
  width: 20%;
  padding: 0;
  font-size: 12px;
  font-weight: bold;
  color: #666666;
}

#search_sideNav .search_box {
  width: 60%;
}

#search_sideNav .search_box select {
  width: 100%;
  border: 1px solid #333333;
  font-size: 12px;
  font-weight: bold;
  color: #666666;
}

#search_sideNav .search_btn_box button {
  display: block;
  padding: 4px 0;
  margin: 30px auto;
  width: 70%;
  background-color: #000000;
  color: #999;
  font-size: 14px;
  border: none;
}

/* 詳細ページ */
.block-goods-detail .pane-goods-right-side {
  padding: 10px 10px 0;
}

.block-goods-detail .pane-goods-right-side .coordinate_staff_img {
  width: 25%;
  margin-right: 3%;
}

.block-goods-detail .pane-goods-right-side .coordinate_staff {
  display: flex;
  align-items: center;
}

.block-goods-detail .pane-goods-right-side .coordinate_staff_detail {
  font-size: 12px;
  display: flex;
  flex-direction: column;
  line-height: 1.5;
}

.block-goods-detail
  .pane-goods-right-side
  .coordinate_staff_detail
  .coordinate_shop
  a {
  font-weight: bold;
  font-size: 14px;
  color: #333;
}

.block-goods-detail .pane-goods-right-side .coordinate_time {
  font-size: 12px;
}

.block-goods-detail .pane-goods-right-side .coordinate_description {
  padding: 10px 0px 10px 0px;
  font-size: 12px;
  border-bottom: 1px solid #cccccc;
}

#coordinate_detail .coordinate_item {
  display: flex;
  flex-wrap: wrap;
}

#coordinate_detail .coordinate_item li {
  width: 50%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: bold;
  font-size: 12px;
  color: #666666;
}
.page-coordinate-detail .block-goods-detail {
  padding-bottom: 0;
}

#coordinate_other {
  margin: 30px 0;
}

.page-coordinate-detail .coordinate_container {
  margin: 0 10px;
}
.page-top #c-portaltop-coordinate .coordinate_staff_detail {
    margin-left: 60px;
}
.page-coordinate-detail .coordinate_container .coordinate_filter_lineup {
  margin-top: 10px;
  justify-content: flex-start;
}
.page-coordinate-detail .coordinate_container .coordinate_filter_lineup a {
    display: flex;
    flex-wrap: wrap;
}
.page-coordinate-detail .coordinate_container .coordinate_filter_lineup a time.coordinate_time {
    order: 90;
    font-size: 11px;
        width: 135px;
}
.page-coordinate-detail .coordinate_container .coordinate_filter_lineup a .coordinate_inner figcaption {
    font-size: 11px;
    margin: 5px;
}
.block-goods-detail .pane-goods-right-side #coordinate_detail h2 ,
#coordinate_see_also .coordinate_section_ttl ,
#coordinate_other .coordinate_container .coordinate_section_ttl {
  text-align: left;
  font-size: 15px;
  line-height: 1.6;
}
.block-goods-detail .pane-goods-right-side #coordinate_detail h2 br ,
#coordinate_see_also .coordinate_section_ttl br ,
#coordinate_other .coordinate_container .coordinate_section_ttl br {
  display: none;
}
#coordinate_see_also {
  margin: 30px 0;
}

#coordinate_other .coordinate_btn_bottom,
#coordinate_see_also .coordinate_btn_top {
  padding: 20px 4px 0 4px;
  text-align: center;
}

#coordinate_other .coordinate_filter_lineup {
  justify-content: flex-start;
  gap: 14px;
}
#coordinate_other .coordinate_filter_lineup figure {
    display: flex;
    flex-wrap: wrap;
}
#coordinate_other .coordinate_filter_lineup figure img {
    order: 10;
    height: auto;
    width: auto;
}
#coordinate_other .coordinate_filter_lineup figure time.coordinate_time {
    order: 100;
}
#coordinate_other .coordinate_btn_bottom a,
#coordinate_see_also .coordinate_btn_top a {
  display: block;
  margin: 5px auto 20px auto;
  width: 50%;
  height: 42px;
  position: relative;
  padding: 15px 0;
  border: 1px solid #ccc;
  text-decoration: none;
  background: none;
  line-height: 1;
  box-sizing: border-box;
  text-align: center;
  font-size: 12px;
}

#coordinate_see_also .coordinate_inner {
    width: 220px;
    /*margin: 0 13px 0 0;*/
}
#coordinate_see_also .coordinate_inner:nth-of-type(3n) {
  margin: 0;
}

#coordinate_other .coordinate_btn_bottom a::after {
  display: block;
  position: absolute;
  top: 50%;
  right: 10%;
  padding: 0;
  width: 5px;
  height: 5px;
  border-top: solid 1px #666;
  border-right: solid 1px #666;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  content: "";
}

/* top */

div#l-portaltop-coordinate:first-child:after h2.is-section-ttl {
    content:"スタッフランキング";
    font-size: 65%;
    margin-left: 30px;
}
div#l-portaltop-coordinate:nth-child(2) h2.is-section-ttl:after {
    content:"ショップブログ";
    font-size: 65%;
    margin-left: 30px;
}
.page-top .is-scroll-fade .is-section-ttl {
    margin: 60px 0 20px 10px;
    font-size: 22px;
}

.page-top #c-portaltop-coordinate {
  margin-top: 20px;
}
.page-top .c-portaltop-coordinate-btn {
    display: none;
}
.page-top .coordinate_filter_lineup {
  justify-content: flex-start;
  flex-wrap: nowrap;
}
.page-top .coordinate_filter_lineup .coordinate_inner {
    width: 230px;
}
.page-top .coordinate_inner figure {
}

.page-top #c-portaltop-coordinate .coordinate_inner figure img {
    width: 100%;
    height: auto;
}
.page-top .coordinate_inner .coordinate_detail {
  margin: 5px;
}

.page-top .coordinate_detail {
  color: #333333;
  font-size: 12px;
}

.page-top .coordinate_detail .coordinate_staff {
overflow: hidden;
    line-height: 1.6;}

.page-top .coordinate_detail .coordinate_staff_img {
    display: table-cell;
    width: 50px;
}
.page-top .coordinate_detail .coordinate_staff_img a:first-of-type {
}

.page-top .coordinate_detail .coordinate_staff_img a:nth-of-type(2) {
  display: flex;
  flex-direction: column;
}
.page-top .coordinate_detail .coordinate_staff_img {
    display: table-cell;
    width: 50px;
    position: absolute;
    top: 0;
}
page-top .coordinate_detail .coordinate_staff_detail {
    display: inline-block;
    margin-left: 60px;
}
.page-top .coordinate_detail .coordinate--brand-name {
  font-size: 12px;
}
.page-top .coordinate_detail .coordinate_shop {
    font-size: 12px;
    display: block;
}
.page-top .coordinate_detail .coordinate_name {
  font-size: 12px;
}
.page-top .coordinate_detail .coordinate_height {
  font-size: 12px;
}
page-top .coordinate_detail .coordinate_staff_detail {
    display: inline-block;
    position: relative;
    top: 0;
    left: 60px;
    width: 215px;
}
page-top .coordinate_detail time {
    font-size: 11px;
}
.page-top .rankingBox ul.item_list {
    overflow-x: scroll;
    display: flex;
    justify-content: flex-start;
}
.page-top .rankingBox li.item_listItem.cols5 {
    width: 155px;
    position: relative;
}
.page-top .rankingBox img.item_photo_img.lazy {
    min-width: 155px;
    max-height: 155px;
    border-radius: 50%;
}
.page-top .rankingBox .item_info_textArea h5 {
    font-size: 12px;
    font-weight: normal!important;
    margin: 5px;
}
.page-top .coordinate_filter_lineup + .c-more-btn,
.page-top .rankingBox + .c-more-btn {
    margin: 0 0 0 10px;
}
.page-top .coordinate_filter_lineup span.item_ranking {
    background: #fff;
    width: 25px;
    height: 25px;
    position: absolute;
    border-radius: 50%;
    text-align: center;
    top: 5px;
    left: 5px;
}
.page-top .coordinate_filter_lineup div .blog_staff_ img {
    float: left;
    border-radius: 50%;
    width: 45px;
}
.page-top .coordinate_filter_lineup .blog_staff_ {
    overflow: hidden;
    margin-top: 5px;
}
.page-top .coordinate_filter_lineup .blog_staff_ p {
    margin-left: 50px;
}



.page-coordinate-detail .coordinate_tab {
  /* border-top: 1px solid #cccccc; */
  padding-top: 20px;
  display: flex;
  align-items: center;
overflow-x: scroll;
}

.page-coordinate-detail .coordinate_tab li {
  display: inline-block;
  padding: 0 10px 10px 0;
}

.page-coordinate-detail .coordinate_tab li a {
  padding: 2px 20px;
  display: inline-block;
  border: 1px solid #999;
  border-radius: 6px;
  font-size: 10px;
  text-decoration: none;
  word-break: keep-all;
}

/* コーディネート slick */
.page-coordinate-detail .slick-slide img {
  width: auto;
}
.page-coordinate-detail .slick-prev {
  left: 10px;
}
.page-coordinate-detail .slick-next {
  right: 10px;
}

.page-coordinate-detail .prev-arrow {
  position: absolute;
  z-index: 100;
  top: 50%;
  width: 30px;
  left: 5px;
}

.page-coordinate-detail .next-arrow {
  position: absolute;
  z-index: 100;
  top: 50%;
  width: 30px;
  right: 5px;
}

.page-coordinate-detail .block-goods-detail--promotion-freespace {
  margin-bottom: 0;
}

.c-more-btn {
  display: inline-block;
  font-size: 14px;
  border-bottom: 1px solid #000000;
}

/* スタッフ一覧 */

.page-coordinatestafflist .pager {
  margin-top: 20px;
}

.page-coordinatestafflist .rankingBox {
  margin-top: 20px;
}
.page-coordinatestafflist h1.is-section-ttl span {
    font-size: 65%;
    margin-left: 30px;
}
.page-coordinatestafflist h2.is-section-ttl {
  font-weight: normal;
  color: rgb(34, 34, 34);
  font-size: 16px;
  width: 100%;
  padding: 20px 2% 14px 2%;
  border-bottom: 1px solid rgb(204, 204, 204);
      margin: 0;
}

.block-category-list h2.is-section-ttl{
  margin: 0;
  padding: 0 75px;
  font-size: 20px;
  font-weight: 500;
  font-family: 'Work Sans', "Yu Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
  text-align: center;
}

.page-coordinatestafflist .item_list {
  padding: 0 2%;
  margin-top: 20px;
  display: flex;
  /* align-items: center; */
  flex-wrap: wrap;
}

.page-coordinatestafflist .item_list .item_listItem {
  width: calc((100% - 36px)/3);
  margin: 0 18px 16px 0;
}
.page-coordinatestafflist .item_list .item_listItem .item_photo {
  min-height: 108px;
}

.page-coordinatestafflist .item_list .item_listItem:nth-of-type(3n) {
  margin: 0;
}

.page-coordinatestafflist .item_list .item_listItem .item_ranking {
  display: block;
  font-weight: bold;
  font-size: 14px;
  color: #2d2d2d;
  text-align: center;
}

.page-coordinatestafflist .item_list .item_listItem .item_photo_img,
.page-coordinatestafflist .item_list .item_listItem .item_info_logo a img {
  width: 100%;
  border-radius: 50%;
  height: 100%;
}

.page-coordinatestafflist .item_list .item_listItem .item_info_textArea {
  text-align: center;
  padding-top: 3px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #2d2d2d;
  font-size: 10px;
}

.page-coordinatestafflist .item_list .item_listItem .item_info_textArea h5.item_info_heading {
  font-weight: normal;
}

.page-coordinatestafflist .item_list.style01 {
  padding: 0 2%;
  margin-top: 20px;
  display: flex;
  flex-direction: column;
}
.page-coordinatestafflist .item_list.style01 .item_listItem {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  margin: 10px 0 0;
  min-height: 96px;
}
.page-coordinatestafflist .item_list.style01 .item_listItem::after {
  content: '';
  display: block;
  height: 1px;
  position: absolute;
  bottom: 5px;
  right: 18px;
  width: 65%;
  background-color: rgb(204, 204, 204);
}
.page-coordinatestafflist .item_list.style01 .item_listItem .item_info:nth-child(1) {
  width: 25%;
  margin-right: 18px;
}
.page-coordinatestafflist .item_list.style01 .item_listItem .item_info:nth-child(2) {
  width: 70%;
}
.page-coordinatestafflist .item_list .item_listItem .item_info h5.item_info_heading {
  font-weight: normal;
}
.page-coordinatestafflist .item_list .item_listItem .item_info h5.item_info_heading.text_shopName {
  font-size: 10px;
}
.page-coordinatestafflist .item_list .item_listItem .item_info h5.item_info_heading.text_userName {
  font-size: 12px;
}
.page-coordinatestafflist .item_list .item_listItem .item_info h5.item_info_heading.text_userHeight {
  font-size: 11px;
}

.page-coordinatestafflist .coordinate_filter_list {
  margin: 10px;
}

.page-coordinatestaff .detail_container_wrap {
  margin-top: 10px;
}
.page-coordinatestaff .detail_infoBox {
  padding: 0 2% 20px;
}
.page-coordinatestaff .info_data {
  display: flex;
}
.page-coordinatestaff .info_data_logoArea {
  flex-basis: 22%;
}
.page-coordinatestaff .info_data .info_data_textArea {
  flex-basis: 78%;
  padding-left: 10px;
  font-weight: bold;
  font-size: 12px;
}
.page-coordinatestaff .info_data .userName {
  padding: 0;
  font-size: 14px;
}
.page-coordinatestaff .info_data .info_comment {
  font-weight: normal;
  font-size: 10px;
}
.page-coordinatestaff .info_data .info_comment {
  margin-top: 5px;
  padding-top: 5px;
  border-top: 1px solid #cccccc;
}

.page-coordinatestaff .info_data .info_data_logoArea img {
  border-radius: 50%;
}

.page-coordinatestaff .is-section-ttl {
  margin: 0 2%;
  font-size: 20px;
}
.page-coordinatestaff .is-section-ttl br {
  display:none;
}

/*
.page-coordinatestaff .is-scroll-fade.is-section-ttl:after {
  content: "";
  display: block;
  height: 1px;
  width: 100vw;
  background-color: #eeeeee;
  position: absolute;
  bottom: 0;
  left: -4%;
}
*/

#c-brandtop-coordinate{
}
#c-brandtop-coordinate figure {
    display: flex;
    flex-wrap: wrap;
}
#c-brandtop-coordinate figure time.coordinate_time {
    order: 20;
margin: 5px;
font-size: 10px;
}
img.staffstyle_photo_img {
    height: 293px;
    width: 220px;
}
.page-coordinatestaff .coordinate_inner {
    padding: 2% 0;
    width: 150px;
}
.page-coordinatestaff .coordinate_inner figure{
  width: 100%;
  overflow: hidden;
  position: relative;
}
.page-coordinatestaff .coordinate_inner figure img{
  /*display: block;
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);*/
  width: 100%;
  height: auto;
}
.page-coordinatestaff .coordinate_inner figure:before {
  content: "";
  display: block;
  padding-top: 100%;
}
.page-coordinatestaff .coordinate_inner figure:after {
  content: "";
  clear: both;
  display: block;
}

.page-coordinatestaff p.block-header-banner,
.page-coordinatelist p.block-header-banner,
.page-coordinatestafflist p.block-header-banner,
.page-article-list p.block-header-banner,
.page-article-detail p.block-header-banner,
.page-coordinate-detail p.block-header-banner {
    margin-top: 40px;
}
/* ---------------------
  201124追加
--------------------- */
/* 一覧 */
.page-coordinatelist .is-section-ttl,
.page-article-list .is-section-ttl {
    text-align: center;
    margin-bottom: 20px;
}
.page-coordinatelist h1.is-section-ttl span {
    margin-left: 30px;
    font-size: 65%;
}

.page-coordinatelist .coordinate_keyword,
.page-article-list .coordinate_keyword {
    width: 100%;
    overflow: hidden;
}
.page-coordinatelist .coordinate_filter_result .pane-left-menu,
.page-article-list .coordinate_filter_result .pane-left-menu {
    display: none;
}
.page-coordinatelist #block-category-list .coordinate_filter_lineup,
.page-article-list #block-category-list .coordinate_filter_lineup {
    flex-wrap: wrap;
}
.page-coordinatelist .coordinate_filter_lineup>.coordinate_inner,
.page-article-list .coordinate_filter_lineup>.coordinate_inner {
    min-width: auto;
    max-width: none;
    width: calc((100% - 20px)/2);
}
.page-coordinatelist .coordinate_filter_lineup>.coordinate_inner:nth-child(2n),
.page-article-list .coordinate_filter_lineup>.coordinate_inner:nth-child(2n) {
    margin-right: 0;
}
.page-coordinatelist .coordinate_filter_lineup>.coordinate_inner>.coordinate_inner,
.page-article-list .coordinate_filter_lineup>.coordinate_inner>.coordinate_inner {
    width: 100%;
    max-width: none;
    min-width: auto;
}
.page-coordinatelist .coordinate_filter_lineup>.coordinate_inner .coordinate_staff_detail {
    display: table;
    position: relative;
    margin-left: 50px;
}
.page-coordinatelist .coordinate_inner .coordinate_detail .coordinate_staff_img {
    width: 45px;
    position: absolute;
    top: 0;
}
.block-goods-list--pager-top.block-goods-list--pager.pager{
  display:none;
}

.page-coordinatelist .coordinate_keyword dd,
.page-article-list .coordinate_keyword dd {
    overflow-y: hidden;
    overflow-x: scroll;
    white-space: nowrap;
    flex-wrap: nowrap;
    padding: 0;
}
/*コーディネート一覧：絞り込み*/
.page-coordinatelist .pane-left-menu {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    z-index: 10;
    padding: 60px 20px 20px;
    background: rgba(0, 0, 0, 0.4);
    cursor: pointer;
}
.page-coordinatelist .coordinate_filter ul {
    margin: 0 10px 0 20px;
}
.page-coordinatelist .coordinate_filter h4 {
    margin: 0 0 10px 6px;
}
.page-coordinatelist .coordinate_filter ul li {
    margin-bottom: 10px;
}
.page-coordinatelist .coordinate_filter {
    padding: 10px 10px 20px;
    background: #fff;
    max-height: 80vh;
    overflow-y: scroll;
    overflow-x: hidden;
}
.page-coordinatelist .search_sideNav__title {
    text-align: center;
    padding: 10px;
    border: 1px solid #cccccc;
    border-radius: 3px;
    margin: 20px 20px 0;
    cursor: pointer;
}
.page-coordinatelist .search_sideNav__close {
    position: absolute;
    top: 40px;
    right: 15px;
    width: 50px;
    height: 50px;
}
.page-coordinatelist .search_sideNav__close::before,.search_sideNav__close::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 100%;
    height: 1px;
    background: #fff;
}
.page-coordinatelist .search_sideNav__close::before {
    transform: rotate(45deg);
}
.page-coordinatelist .search_sideNav__close::after {
    transform: rotate(-45deg);
}
/* 詳細 */
.page-article-detail .ss-article-box,
.page-article-detail .article_tab {
    padding: 10px 10px 0;
}
.page-article-detail .coordinate_container {
    text-align: center;
}
.page-article-detail .coordinate_container>a {
    display: inline-block;
    font-size: 14px;
    border-bottom: 2px solid #444444;
    text-decoration: none;
}
.page-article-detail #coordinate_other .coordinate_filter_lineup {
    margin-top: 20px;
}
div#l-brandtop-snap .coordinate_filter_lineup img.staffstyle_photo_img {
    width: auto;
    height: auto;
}

#c-brandtop-coordinate .coordinate_filter_lineup img.staffstyle_photo_img {
    width: auto;
    height: auto;
}
.page-coordinatestaff #l-staff-coordinate .c-more-btn {
  text-align:center;
  display: block;
  border: 0;
  margin: 30px 0 30px;
}
.page-coordinatestaff #l-staff-coordinate .c-more-btn a {
  border-bottom: 1px solid #000000;
}

.pager-count span {
    font-size: 14px;
    font-weight: normal;
}

div#l-portaltop-coordinate-detail ul#coordinate01 {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: scroll;
    justify-content: flex-start;
}
div#l-portaltop-coordinate-detail ul#coordinate01 li {
    width: 160px;
    display: table;
}
div#l-portaltop-coordinate-detail .coodinate_info {
    overflow: hidden;
}
div#l-portaltop-coordinate-detail .coodinate_logo {
    float: left;
}
div#l-portaltop-coordinate-detail .coodinate_logo img {
    width: 45px;
    height: 45px;
    border-radius: 50%;
}
div#l-portaltop-coordinate-detail .coodinate_text {
    margin-left: 50px;
}
div#l-portaltop-coordinate-detail time.coordinate_time {
    text-align: left;
    float: left;
    width: 160px;
    margin-bottom: 5px;
}
div#l-portaltop-coordinate-detail p.c-more-btn {
    margin-top: 30px;
}


.page-storestock .block-store-stock-name--header {
    background: transparent;
    margin: 20px 0;
}
.page-storestock .block-store-stock-variation {
    text-align: right;
    margin-right: 38px;
}
.page-storestock .block-store-stock--header {
    margin: 40px 0 10px;
}
.page-storestock a.block-store-stock--item-link {
    display: none;
}
.page-storestock .block-store-stock--div-name {
    display: none;
}
.page-goods ul#coordinate01 {
    display: flex;
    overflow-x: scroll;
}
.page-goods ul#coordinate01 li {
    width: 220px;
    display: table;
}
.page-goods .coodinate_info {
    padding: 5px 10px;
    display: table;
}
.page-goods time.coordinate_time {
    font-size: 11px;
    display: table;
    margin-bottom: 5px;
}
.page-goods .coodinate_logo {
    width: 50px;
    display: inline-block;
}
.page-goods .coodinate_logo img {
    border-radius: 50%;
    width: 45px;
    height: 45px;
}
.page-goods .coodinate_text {
    display: inline-block;
    width: 150px;
    font-size: 12px;
}
.page-goods h3 span {
    margin-left: 20px;
    font-size: 80%;
}
div#l-brandtop-snap #c-brandtop-coordinate .coordinate_filter_lineup img {
    border-radius: 50%;
}
div#l-brandtop-blog h2:before {
    content: "SHOP";
}
div#l-brandtop-blog h2.is-section-ttl span:before {
    content: "ショップ";
}

/*非表示*/
.page-coordinatestafflist .pane-left-menu,
.page-coordinatestafflist .coordinate_filter_list,
.page-coordinatestafflist .coordinate_filter_result,
.page-coordinatestafflist .coordinate_filter_result + ul,
.page-article-list .block-goods-list--pager-top, 
.page-article-list .block-category-tree--header {
  display:none;
}



.page-category .coordinate_filter_lineup div .blog_staff_ img {
    float: left;
    border-radius: 50%;
    width: 45px;
}

.page-category .coordinate_filter_lineup .blog_staff_ p {
    margin-left: 50px;
}


.page-coordinatelist .coordinate_filter_result .flexarea,{
    display: block;
}

#block-category-list .flexarea ul {
  display: flex;
  align-items: center;
}

#block-category-list .flexarea ul li {
  display: block;
  width: 200px;
  text-align: center;
  border-style: solid;
  border-width: 1px 1px 0px 1px;
  border-color: #cccccc;
  margin-right: 15px;
  margin-left: 15px;
}

#block-category-list .flexarea ul li a {
  color: #ccc;
  font-size: 14px;
  display: inline-block;
  width: 100%;
  padding: 10px 20px;
}

#block-category-list .flexarea .bg_grayselected {
  background-color: #bbbbbb;
}
#block-category-list .flexarea .bg_grayselected a {
  color: #ffffff;
}


.page-article-list .coordinate_filter_result .flexarea{
    display: block;
}

#block-category-list .flexarea {
  margin-top: 30px;
  border-bottom: 1px solid #cccccc;
}

.coordinate_inner:nth-of-type(2n) {
    margin-right: 0!important;
}

.coordinate_filter_lineup {
    display: block!important;
    overflow-x: inherit!important;
    justify-content: inherit!important;
    flex-wrap: inherit!important;
    margin: 0 10px!important;
    display: flex;
}

.coordinate_filter_lineup .coordinate_inner {
    width: calc(50% - 8px)!important;
    /*margin-right: 3px!important;*/
    margin-left: 4px!important;
    margin-bottom: 20px!important;
}

.coordinate_filter_lineup div {
    display: inline-grid!important;
}
.page-coordinatelist .coordinate_filter_lineup>.coordinate_inner>.coordinate_inner {
    width: 100%!important;
}
li.pager-current a {
  color: #ffffff;
}