@charset "utf-8";

/*____________________________________________________________________________

SITE TITLE: LOCONDO MAGAZINE
TITLE: PC

UPDATED: 2023.1
_____________________________________________________________________________*/

/*----------------------------------------------------------------------------
  TOP
----------------------------------------------------------------------------*/
/* common */
#magazine_top {
  margin-bottom: 100px;
  border-top: 1px solid #bebebe;
}
#magazine_top section {
  width: 1000px;
  margin: auto;
}
#magazine_top a {
  display: block;
  transition: 0.3s;
}
#magazine_top a:hover {
  opacity: 0.8;
}
#magazine_top .top_ranking {
  margin-top: 25px;
}
#magazine_top .top_coordinate40s {
  background: #f5f5f5;
  margin-top: 80px;
  border-radius: 20px;
  padding: 50px 0;
}
#magazine_top .top_coordinate {
  margin-top: 40px;
}
#magazine_top .top_ranking h2,
#magazine_top .top_coordinate h2 {
  color: #333;
  display: flex;
  align-items: center;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: 0.02em;
  margin: 0 0 30px -43px;
  padding: 0;
}
#magazine_top .more_btn,
.top_ranking li:before {
  font-family: 'futura-pt', 'Century Gothic', 'Lato', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', sans-serif;
}
#magazine_top .more_btn {
  background: #fff;
  position: relative;
  font-size: 16px;
  text-align: center;
  width: 230px;
  margin: auto;
  border: 1px solid #333;
  padding: 18px;
}
#magazine_top .top_coordinate40s .more_btn,
#magazine_top .top_coordinate .more_btn {
  margin-top: 50px;
}
#magazine_top .more_btn:hover {
  background: #e1f5fe;
  opacity: 1;
}
#magazine_top .more_btn .more_arw {
  position: absolute;
  top: 50%;
  right: -16px;
  transition: 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
}
#magazine_top .more_btn:hover .more_arw {
  right: -22px;
}
#magazine_top .more_btn .more_arw:before,
#magazine_top .more_btn .more_arw:after {
  background: #333;
  content: '';
  position: absolute;
  right: 0;
}
#magazine_top .more_btn .more_arw:before {
  top: 0;
  width: 32px;
  height: 1px;
}
#magazine_top .more_btn .more_arw:after {
  bottom: 0;
  width: 1px;
  height: 12px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transform-origin: right bottom;
  transform-origin: right bottom;
}
#magazine_top .headline_ja {
  font-family: 'Noto Sans JP', 'Lato', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', sans-serif;
  font-weight: 500;
}
.top_ranking .headline_en {
  width: 139px;
}
.top_coordinate .headline_en {
  width: 190px;
}
.top_ranking .headline_ja {
  margin: 18px 0 0 10px;
}
.top_coordinate .headline_ja {
  margin: 24px 0 0 -10px;
}
.top_ranking ul,
.top_coordinate ul {
  display: flex;
  flex-wrap: wrap;
  counter-reset: wpp-ranking;
}
.top_ranking li:nth-child(-n+6),
.top_coordinate li {
  position: relative;
  width: calc((100% - 80px) / 3);
  margin: 0 40px 40px 0;
}
.top_ranking li:nth-child(n+7) {
  position: relative;
  width: calc((100% - 120px) / 4);
  margin: 0 40px 40px 0;
}
.top_ranking li:nth-child(3),
.top_ranking li:nth-child(6),
.top_ranking li:nth-child(10),
.top_coordinate40s li:last-child,
.top_coordinate li:nth-child(3n) {
  margin-right: 0;
}
.top_ranking li:nth-last-child(-n+4),
.top_coordinate li:nth-last-child(-n+3) {
  margin-bottom: 0;
}

/* hero image */
#magazine_top .max_area {
  background: #f5f5f5;
  padding: 50px 0;
}
#magazine_top .carousel_new {
  min-height: 350px;
}
.carousel_new .slick-dotted.slick-slider {
  margin-bottom: 40px;
}
.carousel_new .slick-list {
  margin-bottom: 10px;
}
.carousel_new .carousel_new_list {
  margin-right: 2px;
  padding-bottom: 68px;
  overflow: hidden;
}
.carousel_new li a {
  position: relative;
}
.carousel_new_list_img {
  display: flex;
  justify-content: center;
  width: 499px;
  height: calc(499px * (2/3));
  overflow: hidden;
}
.carousel_new li img {
  width: 499px;
  height: calc(499px * (2/3));
}
.carousel_new .carousel_new_textbox {
  background: #fff;
  position: absolute;
  bottom: -63px;
  display: flex;
  align-items: center;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.5;
  width: calc(100% - 40px);
  height: 83px;
  margin: 0 20px;
  padding: 20px;
}
.carousel_new .carousel_new_textbox:after {
  content: '';
  background: url(../images/border.png);
  position: absolute;
  bottom: -5px;
  left: -5px;
  width: calc(100% - 20px);
  height: calc(100% - 10px);
  z-index: -1;
}
.carousel_new .carousel_new_textbox p {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.carousel_new .slick-dots {
  position: static;
}
.carousel_new .slick-dots li {
  margin: 0 2px;
}
.carousel_new .slick-dots>li:first-child:last-child {
  display: none;
}
.carousel_new .slick-dots li button:before {
  font-size: 40px;
}

/* ranking */
.top_ranking .rank_s li:before {
  color: #333;
  top: 10px;
  left: 10px;
  width: 30px;
  height: 30px;
  font-size: 14px;
  line-height: 31px;
  margin: 0;
  border-color: #333;
  box-shadow: 0px 0px 0px 2px rgb(255 255 255 / 90%);
}
#magazine_top .top_ranking li a {
  display: flex;
  flex-direction: column;
  border: none;
}
#magazine_top .top_ranking li a:hover {
  background: none;
}
.top_ranking .rank_s .popular_list_left figure {
  display: flex;
  justify-content: center;
  width: calc((1000px / 3) - (80px / 3));
  height: calc(((1000px / 3) - (80px / 3)));
  overflow: hidden;
}
.top_ranking .rank_s li:nth-child(n+7) .popular_list_left figure {
  width: 220px;
  height: 220px;
}
.top_ranking .popular_list_left figure:hover {
  opacity: 1;
}
.top_ranking .rank_s .popular_list_left figure img {
  width: auto;
  height: calc(((1000px / 3) - (80px / 3)));
}
.top_ranking .rank_s li:nth-child(n+7) .popular_list_left figure img {
  height: 220px;
}
.top_ranking .rank_s .popular_list_left,
.top_ranking .rank_s .popular_list_right {
  width: 100%;
  padding: 0;
} 
.top_ranking .rank_s .popular_list_right p {
  font-size: 15px;
  font-weight: bold;
  line-height: 1.5;
  margin-top: 14px;
}

/* coordinate40s */
.top_coordinate40s h2,
.top_coordinate40s h2 .headline_txt,
.top_coordinate40s h2 span,
.top_coordinate40s ul,
.top_coordinate40s li .singleImg,
.top_coordinate40s li figure {
  display: flex;
  justify-content: center;
}
.top_coordinate40s h2,
.top_coordinate40s h2 .headline_txt,
.top_coordinate40s h2 span,
.top_coordinate40s li .singleImg,
.top_coordinate40s li figure {
  align-items: center;
}
.top_coordinate40s h2 {
  margin-bottom: 40px;
  padding: 0;
}
.top_coordinate40s h2 img {
  width: 100%;
}
.top_coordinate40s h2 .headline_img {
  width: 90px;
  height: 90px;
  margin-right: 20px;
}
.top_coordinate40s h2 .headline_img img {
  border: 1px solid #333;
  border-radius: 50%;
}
.top_coordinate40s h2 .headline_txt {
  flex-direction: column;
}
.top_coordinate40s h2 span {
  height: 38px;
}
.top_coordinate40s h2 .headline_en {
  width: 244px;
  margin-bottom: 6px;
}
.top_coordinate40s h2 .headline_ja {
  background: #fff;
  width: 258px;
  border-radius: 20px;
  padding: 9px 31px;
}
.top_coordinate40s ul {
  flex-wrap: wrap;
}
.top_coordinate40s li {
  width: 210px;
  margin-right: 15px;
}
.top_coordinate40s li .singleImg {
  background: #fff;
  height: 210px;
}
.top_coordinate40s li figure {
  width: 210px;
  height: 200px;
  overflow: hidden;
}
.top_coordinate40s li img {
  width: 200px;
  height: auto;
}
.top_coordinate40s li .singleTxt {
  width: 200px;
  margin: 14px auto 0;
}
.top_coordinate40s li .singleTxt .text {
  font-size: 13px;
  font-weight: bold;
  line-height: 1.5;
}

/* coordinate */
.top_coordinate li {
  border: 3px solid #f5f5f5;
  padding: 20px 20px 24px;
}
.top_coordinate figure {
  display: flex;
  justify-content: center;
  width: calc((1000px / 3) - ((80px / 3) + 46px));
  height: calc(((1000px / 3) - ((80px / 3) + 46px)) * (4/3));
  overflow: hidden;
}
.top_coordinate figure img {
  width: auto;
  height: calc(((1000px / 3) - ((80px / 3) + 46px)) * (4/3));
}
.top_coordinate .textGroup {
  display: flex;
  flex-direction: column;
  margin-top: 20px;
}
.top_coordinate .brandName,
.top_coordinate .date {
  font-size: 11px;
}
.top_coordinate .brandName {
  font-weight: bold;
}
.top_coordinate .text {
  line-height: 1.5;
  margin: 10px 0;
}
.top_coordinate .date {
  color: #666;
}

/* common */
div.tab-select {
  display: block;
}
.tab {
  display: none;
}

h2 {
  font-size: 28px;
  position: relative;
  display: block;
  line-height: 200%;
  color: #4d4d4d;
  padding-bottom: 10px;
  letter-spacing: 1px;
}
h2 a {
  color: #03a9f4;
  font-size: 14px;
  bottom: 0;
  padding-right: 10px;
}

/* coordinateページ */
.coordinate_col2 {
  margin-top: 0px;
}
.coordinate_col2 li {
  list-style: none;
}
.coordinate_col2_l {
  width: 675px;
  float: left;
}
.coordinate_col2_r {
  width: 280px;
  float: left;
  margin-left: 45px;
}
.coordinate_col2 h2 {
  margin-left: 0px;
  font-size: 20px;
  border-bottom: none;
}

/* NEW FASHION SNAP (TOP) */
.new_fashionsnap_section h2 {
  float: left;
  margin-right: 20px;
}
.new_fashionsnap_section .new_fashionsnap_box {
  float: left;
}
.new_fashionsnap_section .new_fashionsnap_box figure {
  display: block;
  overflow: hidden;
  border-radius: 3px;
  height: 267px;
  width: 188px;
}
.new_fashionsnap_section .new_fashionsnap_box figure img {
  width: 100%;
}
.new_fashionsnap_section .new_fashionsnap_box {
  float: left;
  position: relative;
  padding: 6px 12px 6px 0px;
}
.new_fashionsnap_section .new_fashionsnap_box :nth-child(4) {
  padding: 6px 0px 6px 0px;
}
.new_fashionsnap_section .more {
  margin-top: 10px;
  float: right;
}
.new_fashionsnap_box a:hover figure {
  opacity: 0.7;
}

/* Girls Collection(TOP) */
.girls_collection_section h2 {
  float: left;
  margin-right: 20px;
  font-size: 33px;
}
.girls_collection_section .new_fashionsnap_box {
  float: left;
}
.girls_collection_section .new_fashionsnap_box figure {
  display: block;
  overflow: hidden;
  border-radius: 3px;
  height: 267px;
  width: 188px;
}
.girls_collection_section .new_fashionsnap_box figure img {
  width: 100%;
}
.girls_collection_section .new_fashionsnap_box {
  float: left;
  position: relative;
  padding: 6px 12px 6px 0px;
}
.girls_collection_section .new_fashionsnap_box :nth-child(4) {
  padding: 6px 0px 6px 0px;
}
.girls_collection_section .more {
  margin-top: 10px;
  float: right;
}
.girls_collection_section a:hover figure {
  opacity: 0.7;
}
.top_gray_line {
  margin-top: 30px;
  border-bottom: solid 1px #bebebe;
}

/* コーディネート 関連ページ */
.coordinate_col2_l .relation_post_block img {
  width: 100%;
  height: auto;
  border-radius: 3px;
}
.coordinate_col2_l .relation_post_block .relation_title {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  width: 120px;
  overflow: hidden;
  font-size: 11px;
  margin-top: 10px;
  line-height: 1.5;
}
.coordinate_col2_l .relation_post_block {
  display: flex;
}
.coordinate_col2_l .relation_post_block>p {
  color: #999;
}
.coordinate_col2_l .relation_post_block .relation_box {
  margin-right: 10px;
}
.coordinate_col2_l .relation_post_block .relation_box:last-child {
  margin-right: 0;
}
.coordinate_col2_l .relation_post_block .relation_box a {
  display: block;
}

/* backnumber */
.backnumber {
  margin: 30px auto;
  text-align: center;
}
.backnumber a.backnumber_btn {
  background-color: #333;
  color: #fff;
  padding: 8px 18px;
  border-radius: 20px;
  letter-spacing: 1px;
  font-size: 12px;
}
.backnumber_contents_wrap {
  width: 1000px;
  margin: 0 auto;
}
.backnumber_contents_wrap h2 {
  font-size: 25px;
  line-height: 150%;
  margin: 30px 0 0px;
  padding: 0px 0 5px;
  color: #333;
  border-bottom: 1px solid #f5f5f5;
}
.backnumber_contents {
  margin-top: 20px;
}
.backnumber_contents .backnumber_list {
  position: relative;
  width: 300px;
  height: 420px;
  border-radius: 4px;
  display: inline-block;
  float: left;
  overflow: hidden;
  margin-right: 20px;
  margin-bottom: 20px;
}
.backnumber_contents .backnumber_list img {
  height: 100%;
  width: auto;
  margin-left: -50px;
}
.backnumber_contents .backnumber_list .backnumber_list_text {
  position: absolute;
  z-index: 9;
  bottom: 10px;
  left: 10px;
  color: #fff;
  font-size: 22px;
  line-height: 1.2;
  font-weight: bold;
  letter-spacing: 1px;
}


/*----------------------------------------------------------------------------
  single
----------------------------------------------------------------------------*/
.single_list {
  width: 800px;
  float: right;
}
.single_list img {
  width: 100%;
}
.single_list .top_main {
  width: 800px;
  float: right;
}
.single_list .top_main figure img {
  width: 100%;
}
.single_list h1 {
  font-size: 32px;
  line-height: 150%;
  margin: 20px 0 30px;
  padding: 0px;
  color: #333;
}
.single_list .title_sub {
  overflow: auto;
  padding-bottom: 30px;
  margin-bottom: 30px;
  border-bottom: 1px solid #f5f5f5;
}
.single_list h6.tagstitle {
  width: 50px;
  float: left;
  margin-top: 0;
  border: none;
  padding-top: 14px;
}
.single_list p a {
  color: #4ca7fa;
}
.single_list p a:hover {
  color: #30bcfb;
}
.single_list p.tags {
  width: 500px;
  font-size: 12px;
  line-height: 180%;
  color: #333;
  font-weight: bold;
  float: left;
}
.single_list p.tags a {
  margin-left: 1em;
  font-weight: normal;
  display: inline-block;
  color: #999;
}
.single_list p.tags a:hover {
  margin-left: 1em;
  font-weight: normal;
  display: inline-block;
  color: #666;
}
.single_list p.snsbtn {
  float: left;
}
.fb-share-button {
  display: inline;
}
.title_sub iframe {
  margin-left: 4px;
}
.title_sub .line-it-button {
  margin-top: 15px;
  margin-left: 8px;
}
.single_list p {
  font-size: 15px;
  color: #444;
  line-height: 180%;
  margin: 1em 0 0 0;
  padding: 0;
}
.single_list img.size-full {
  width: 60%;
  margin: 0 auto;
}
.single_list img.size-10 {
  width: 10%;
  margin: 0 auto;
}
.single_list img.size-20 {
  width: 20%;
  margin: 0 auto;
}
.single_list img.size-30 {
  width: 30%;
  margin: 0 auto;
}
.single_list img.size-40 {
  width: 40%;
  margin: 0 auto;
}
.single_list img.size-50 {
  width: 50%;
  margin: 0 auto;
}
.single_list img.size-60 {
  width: 60%;
  margin: 0 auto;
}
.single_list img.size-70 {
  width: 70%;
  margin: 0 auto;
}
.single_list img.size-80 {
  width: 80%;
  margin: 0 auto;
}
.single_list img.size-90 {
  width: 90%;
  margin: 0 auto;
}
.single_list p.aligncenter {
  text-align: center;
}
.single_list a:hover img {
  opacity: 0.6;
}
.single_list h2 {
  font-size: 28px;
  text-align: center;
  border: none;
  margin: 40px 0 30px 0;
}
.single_list h3 {
  font-size: 24px;
  margin: 40px 0 20px 0;
  padding: 10px 16px;
  border-left: 2px solid #333;
}
.single_list h4 {
  font-size: 18px;
  padding: 0;
  border-top: 1px solid #f5f5f5;
  font-weight: normal;
  margin: 40px 0 20px 0;
  padding-top: 20px;
}
.single_list h5 {
  background: #f5f5f5;
  font-size: 15px;
  color: #666;
  padding: 16px;
}
.single_list h6 {
  font-size: 16px;
  color: #000;
  padding: 20px 0 0 0;
  font-weight: normal;
  border-top: 1px solid #f5f5f5;
  margin-top: 20px;
}
.single_list strong {
  background: linear-gradient(transparent 50%, #b3e5fc 0%);
}
.single_list div.author {
  margin-top: 60px;
  border: 1px solid #f5f5f5;
  border-radius: 3px;
  padding: 30px;
  display: table;
}
.single_list div.author div {
  display: table-cell;
}
.single_list div.author div.author_img {
  width: 100px;
  padding-right: 30px;
  vertical-align: middle;
}
.single_list div.author h3 {
  margin-top: 0;
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 10px;
  border: none;
  padding: 0;
}
.single_list div.author p {
  margin-top: 0;
}
.single_list .single_foot {
  overflow: auto;
  margin-top: 10px;
  margin-bottom: 20px;
}
.single_list .single_foot p.sns {
  color: #333;
  font-size: 12px;
  font-weight: bold;
  float: left;
}
.single_list .single_foot p.sns span {
  margin-left: 1em;
  font-weight: normal;
}
.single_list .single_foot .line-it-button {
  margin-top: 12px;
}
.single_list .single_foot p.data {
  float: right;
  font-size: 12px;
  color: #999;
}
.single_list .single_foot p.data span {
  margin: 0 1em;
}
.single_list .single_foot p.data span.cat {
  margin: 0;
}
.single_list .single_foot p.data span a {
  margin-left: 1em;
  color: #999;
}
.single_list .single_foot p.data span a:hover {
  color: #666;
}
.single_foot_bnr {
  clear: both;
  padding-top: 20px;
  margin-bottom: 60px;
  text-align: center;
}
.single_foot_bnr ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.single_foot_bnr ul li {
  margin-top: 16px;
}

/* 関連 */
.relation_post {
  clear: both;
  margin: 0;
}
.relation_post h2 {
  font-size: 28px;
  text-align: center;
  border: none;
  margin: 40px 0 30px 0;
  padding: 40px 0 0 0;
  border-top: 1px solid #f5f5f5;
}
.relation_post .relation_post_block {
  margin-left: -24px;
}
.relation_post .entry {
  width: 232px;
  float: left;
  margin-left: 24px;
  margin-bottom: 24px;
}
.relation_post .entry figure {
  display: block;
  width: 100%;
  height: 232px;
  border-radius: 3px;
  overflow: hidden;
}
.relation_post .entry figure img {
  width: 100%;
}
.relation_post .entry a:hover figure,
.relation_post .entry a:hover h3,
.relation_post .entry a:hover p {
  opacity: 0.7;
}
.relation_post_block img:hover {
  opacity: 0.7;
}
article p {
  margin-bottom: 10px;
  line-height: 150%;
  font-size: 12px;
  padding: 0 10px;
}
article h2 {
  font-size: 16px;
  line-height: 150%;
  color: #333;
  padding: 8px 0;
  margin: 0 10px 15px;
  border-bottom: 1px solid #333;
}
article h3 {
  font-size: 15px;
  line-height: 150%;
  color: #333;
  border-left: 2px solid #333;
  padding-left: 12px;
  margin: 20px 10px 10px;
}
article h4 {
  font-size: 14px;
  font-weight: bold;
  margin: 0 10px;
  padding: 5px 0;
}
article ul {
  margin: 10px;
  list-style: outside;
  padding-left: 18px;
}
article li {
  padding: 2px 0;
  line-height: 150%;
}
article .author_box p.author_name {
  margin-bottom: 5px;
  font-weight: bold;
  font-size: 13px;
}
article .author_box p {
  font-size: 11px;
  margin-bottom: 3px;
}
article .author_box p a {
  color: #03a9f4;
}
.author_box {
  border: 1px solid #ddd;
  border-radius: 3px;
  margin: 30px 10px 40px;
  padding: 10px;
  display: table;
}
.author_box_left {
  display: table-cell;
  padding-right: 3%;
  width: 30%;
  vertical-align: middle;
}
.author_box_right {
  display: table-cell;
  width: 67%;
  vertical-align: middle;
}
.author_box img {
  border-radius: 50%;
}
.top_slide_inner {
  bottom: 0;
  width: 100%;
  box-sizing: border-box;
  color: #FFF;
}
.top_slide_inner h3 {
  margin: 15px 0 10px 0;
  padding: 0;
  border: none;
  font-size: 15px;
  line-height: 140%;
  font-weight: bold;
}
.top_slide_inner p {
  font-size: 13px;
  color: #666;
  margin: 0;
  padding: 0;
}


/*----------------------------------------------------------------------------
  single-coordinate
----------------------------------------------------------------------------*/
.c_section_gray_wrapper {
  width: 100%;
  background-color: #f5f5f5;
  padding-bottom: 20px;
}
.c_main_area {
  width: 1000px;
  margin: 0 auto;
}
.page-coordinate.-coordinatelist .c_main_area {
  display: flex;
  width: 1000px;
  margin: 0 auto;
}

/* メイン 右のコンテンツ */
.main_contents_area_r {
  width: 500px;
  float: right;
}
.c_main_contents {
  padding: 0px 40px;
}
.c_main_contents h1 {
  font-size: 20px;
  font-weight: bold;
  line-height: 1.5;
}
.page-coordinate.-coordinatelist .c_main_contents h1 {
  font-size: 24px;
  font-weight: 400;
  line-height: 1.6;
  font-feature-settings: "palt";
  letter-spacing: .05em;
}
.c_main_contents_time {
  font-size: 12px;
  margin-top: .5em;
  margin-bottom: 2em;
}

/* メイン 右のコンテンツ - 日付 */
.c_main_contents_time p {
  color: #868686;
  font-size: 11px;
}
.page-coordinate.-coordinatelist .c_main_contents_time p {
  color: #868686;
  font-size: 10px;
}

/* メイン 右のコンテンツ - テキスト */
.c_main_contents_text {
  clear: both;
  font-size: 14px;
  padding-top: 20px;
  padding-bottom: 20px;
  border-top: solid 1px #C5C5C5;
  line-height: 1.8;
}
.page-coordinate.-coordinatelist .c_main_contents_text {
  font-size: 14px;
  padding: 0;
  border: none;
  line-height: 1.8;
  margin-bottom: 40px;
}

/* メイン 右のコンテンツ - SNS */
.c_main_contents_sns {
  padding-top: 20px;
  padding-bottom: 30px;
}
.c_main_contents_sns .sns_btn {
  margin-right: 5px;
}
.c_main_contents_sns .sns_btn:nth-child(2) iframe {
  width: 90px;
}

/* coordinateのtag */
.tagstitle {
  letter-spacing: .05em;
  margin-bottom: .5em;
  margin-top: 20px;
}
.single_c_tags {
  display: flex;
  flex-wrap: wrap;
}
.single_c_tags a {
  display: block;
  padding: 0 .5em;
  line-height: 2em;
  list-style: none;

  color: #888;
  box-sizing: border-box;
}
.single_c_tags a:hover {
  color: #000;
  background-color: rgba(0, 0, 0, .05);
}
.single_tagarea .keyword {
  margin-top: 20px;
}
.single_tagarea .keyword .top_subtitle_r {
  padding-top: 14px;
  font-size: 12px;
}
.single_tagarea .brand .top_subtitle_r {
  padding-top: 14px;
  font-size: 12px;
}
.main_img_area figure {
  width: 500px;
}

/* itemエリア */
.item {
  padding: 10px 0;
}
.item>a {
  display: flex;
  justify-content: space-between;
}
.item>a img {
  display: block;
  width: 100%;
}
.item:hover {
  background-color: rgba(0, 0, 0, .05);
}
.item figure {
  margin-right: 12px;
}
.item_text {
  width: 360px;
}
.item figure {
  width: 60px;
  overflow: hidden;
  text-align: center;
}
.item_text p {
  font-weight: 600;
  letter-spacing: .02em;
  margin-bottom: .5em;
}
.item_text b {
  font-size: 12px;
  line-height: 1.5;
  font-weight: 400;
  color: #888;
}

/* coordinateのパンくず */
.bread_c {
  width: 1000px;
  clear: both;
  margin: 0 auto;
  padding-top: 1px;
}
.bread_c ul {
  text-align: left;
  margin: 20px 0;
}
.bread_c ul li {
  display: inline;
  font-size: 11px;
}
.bread_c ul li a {
  color: #999;
  position: relative;
  padding: 0 20px 0 0px;
  margin-right: 10px;
  font-weight: bold;
}
.bread_c ul li a:hover {
  color: #666;
}
.bread_c ul li a:after {
  position: absolute;
  content: "";
  top: 50%;
  right: 0px;
  width: 12px;
  height: 10px;
  margin-top: -6px;
  background: url(../images/arw.png) top left no-repeat;
  background-size: 12px 10px;
}

/* イメージ 切り替えエリア */
.left_imagearea_thum {
  float: left;
  margin: 10px 10px 10px 0px;
}
.left_imagearea_thum:hover {
  opacity: 0.7;
}
.left_imagearea {
  padding-bottom: 10px;
}

/* ※Coordinateページ※ popular_coordinate(rank_c) */
.single_rank_c .top_subtitle_r {
  padding-top: 14px;
  font-size: 12px;
}
.single_rank_c {
  width: 100%;
  margin-top: 30px;
}
.single_rank_c h2 {
  float: left;
  margin-right: 20px;
}
.single_rank_c .popular_list {
  width: 128px;
  display: none;
}
.single_rank_c li {
  float: left;
}
.single_rank_c .popular_list li a {
  display: table;
  box-sizing: border-box;
  position: relative;
  border-bottom: 1px solid #f5f5f5;
  transition: all 300ms 0s ease;
}
.single_rank_c .popular_list li a:hover {
  background: #e1f5fe;
}
.single_rank_c .popular_list li:after {
  content: "";
  display: block;
  clear: both;
}
.single_rank_c .popular_list_left {
  position: relative;
  padding: 0px 10px 6px 0px;
}
.single_rank_c .popular_list_left:nth-child(5) {
  padding: 0px 0px 6px 0px;
}
.single_rank_c .popular_list_left span {
  display: none;
}
.single_rank_c .popular_list_left figure {
  display: block;
  overflow: hidden;
  border-radius: 3px;
  height: 179px;
  width: 123px;
}
.single_rank_c .popular_list_left figure img {
  height: 179px;
  width: auto;
}
.single_rank_c .popular_list_right {
  width: 0;
  display: none;
}
.single_rank_c_group {
  clear: both;
}
.single_rank_c_group ul {
  margin-left: 0px;
  padding-left: 0px;
}
.coordinate_col2_r .rank_s ul {
  padding: 0px;
  margin-left: 0px;
}

/* Girls Collection */
.girlscollection_badge {
  float: right;
  color: #FF759C;
  border: solid 1px #FF759C;
  padding: 1px 4px;
  margin: 18px 0;
}


/*----------------------------------------------------------------------------
  archive
----------------------------------------------------------------------------*/
.archive_pagenation {
  margin: 20px 0 0 0;
  text-align: center;
}
.archive_pagenation a {
  margin: 5px;
  border: 1px solid #808080;
  padding: 10px;
}
.archive_pagenation .current {
  color: #fff;
  background-color: #5C5C5C;
  margin: 5px;
  padding: 10px;
}
.special_contents {
  font-size: 25px;
  line-height: 150%;
  margin: 0px 0 0px;
  padding: 0px 0 5px;
  color: #333;
  border-bottom: 1px solid #f5f5f5;
}


/*----------------------------------------------------------------------------
  common
----------------------------------------------------------------------------*/
.section_wrapper {
  width: 1000px;
  margin: 30px auto;
}

/* new/related */
.multi_list {
  width: 570px;
  float: left;
  margin-right: 30px;
}
.multi_list h2 {
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 10px;
  border-bottom: 1px solid #f5f5f5;
}
.multi_list h2 span {
  float: right;
}
.multi_list h2 a {
  color: #999;
  padding: 15px 10px;
}
.multi_list h2 a:hover {
  color: #666;
}
.multi_list h2 a.active {
  color: #666;
  border-bottom: 3px solid #03a9f4;
}
.multi_list article {
  border-bottom: 1px solid #f5f5f5;
  width: 100%;
}
.multi_list article a {
  display: block;
  overflow: auto;
  padding: 20px;
  clear: both;
  transition: all 300ms 0s ease;
}
.multi_list article a:hover {
  background: #e1f5fe;
}
.multi_list figure {
  display: block;
  width: 200px;
  height: 130px;
  border-radius: 3px;
  overflow: hidden;
  float: left;
}
.multi_list_right {
  width: 310px;
  float: right;
}
.multi_list_right h3 {
  font-size: 15px;
  line-height: 150%;
  margin: 0 0 5px 0;
  padding: 0;
  border: none;
}
.multi_list_right p {
  font-size: 13px;
  line-height: 150%;
  color: #666;
  padding-left: 0;
}
.multi_list_right p.data {
  font-size: 11px;
  padding-left: 0;
}
.multi_list_right p.data a {
  display: inline;
  clear: none;
}
.multi_list_right p.data span.date {
  padding-right: 8px;
}
.multi_list_right p.data span.author {
  padding-left: 8px;
  padding-right: 8px;
}
.multi_list_right p.data span.cat {
  padding-left: 8px;
}

/* popular_coordinate(rank_c) */
.rank_c {
  margin-top: 10px;
  padding-bottom: 10px;
  width: 100%;
}
.rank_c h2 {
  float: left;
  margin-right: 20px;
}
.rank_c .more {
  float: right;
  display: block;
  margin-top: 10px;
}
.rank_c .popular_list {
  width: 200px;
  float: left;
  display: none;
}
.rank_c .popular_list li a {
  display: table;
  box-sizing: border-box;
  position: relative;
  border-bottom: 1px solid #f5f5f5;
  transition: all 300ms 0s ease;
}
.rank_c .popular_list li a:hover {
  background: #e1f5fe;
}
.rank_c .popular_list li:after {
  content: "";
  display: block;
  clear: both;
}
.rank_c .popular_list_left {
  float: left;
  position: relative;
  padding: 6px 12px 6px 0px;
}
.rank_c .popular_list_left:nth-child(4) {
  padding: 6px 0px 6px 0px;
}
.rank_c .popular_list_left span {
  display: none;
}
.rank_c .popular_list_left figure {
  display: block;
  overflow: hidden;
  border-radius: 3px;
  height: 267px;
  width: 188px;
}
.rank_c .popular_list_left figure img {
  height: 267px;
  width: 188px;
}
.rank_c .popular_list_right {
  width: 0;
  display: none;
}
.rank_c_group {
  clear: both;
  margin-top: 10px;
  overflow: hidden;
}
.top_subtitle_r {
  padding-top: 28px;
  font-size: 15px;
}
.top_subtitle_tag {
  padding-top: 33px;
  font-size: 15px;
}
.top_subtitle_brand {
  padding-top: 33px;
  font-size: 15px;
}

/* popular_記事(rank_s) */
.popular_list {
  margin-top: 20px;
}
.popular_list_left figure:hover {
  opacity: 0.7;
}
.popular_list .rank_s {
  margin-top: 0px;
}
.rank_s .popular_list {
  width: 200px;
  float: left;
  margin-top: 30px;
}
.rank_s li a {
  display: table;
  box-sizing: border-box;
  position: relative;
  border-bottom: 1px solid #bebebe;
  transition: all 300ms 0s ease;
}
.rank_s .popular_list li a:hover {
  background: #eeeeee;
}
.rank_s li a:hover {
  background: #eeeeee;
}
.rank_s .popular_list li:after {
  content: "";
  display: block;
  clear: both;
}
.rank_s .popular_list_left {
  width: 35%;
  display: table-cell;
  position: relative;
  padding: 12px 0 12px 6px;
}
.rank_s .popular_list_left span {
  display: none;
  position: absolute;
  top: 10px;
  left: -6px;
  background: #fff;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  border: 1px solid #03a9f4;
  color: #03a9f4;
}
.rank_s .popular_list_left figure {
  display: block;
  overflow: hidden;
  border-radius: 3px;
  height: 85px;
  width: 85px;
}
.rank_s .popular_list_left figure img {
  width: 100%;
  height: auto;
}
.rank_s .popular_list_right {
  width: 65%;
  padding: 20px 0 20px 10px;
  box-sizing: border-box;
  display: table-cell;
  vertical-align: middle;
}
.rank_s .popular_list_right p {
  line-height: 160%;
  font-size: 12px;
  position: relative;
}
.popular_list .more {
  margin-top: 20px;
  float: right;
}

/* 記事ランキングの数字をliで付与 */
.rank_s {
  counter-reset: number;
}
.rank_s li:before {
  width: 19px;
  height: 19px;
  counter-increment: number;
  content: counter(number);
  position: absolute;
  font-size: 12px;
  z-index: 1;
  margin: 14px 0 0 8px;
  color: #717171;
  background-color: #fff;
  text-align: center;
  border: solid 1px #717171;
  border-radius: 50%;
  line-height: 19px;
}

/* KEYWORD */
.keyword .children ul {
  display: block;
}
.keyword li {
  display: block;
  font-size: 14px;
  list-style: none;
  font-weight: 700;
  margin-bottom: 20px;
  cursor: pointer;
}
.keyword .children li {
  display: inline-block;
  list-style: none;
  border: 1px #cecece solid;
  border-radius: 3px;
  font-size: 12px;
  padding: 5px 10px 5px 10px;
  margin-right: 10px;
  margin-top: 10px;
  transition: all 300ms 0s ease;
  font-weight: 300;
}
.keyword .children li:hover {
  background: #ddd;
}
.keyword h2 {
  margin-right: 20px;
}

/* BRAND */
.brand {
  margin-top: 30px;
}
.brand li {
  display: block;
  list-style: none;
  float: left;
  border: 1px #cecece solid;
  border-radius: 3px;
  font-size: 12px;
  padding: 5px 10px 5px 10px;
  margin-right: 10px;
  margin-top: 10px;
  transition: all 300ms 0s ease;
}
.brand li:hover {
  background-color: #dedede;
}
.brand h2 {
  float: left;
  margin-right: 20px;
}

/* word */
.word_list {
  width: 200px;
  margin-top: 30px;
  float: right;
}
.word_list h2 {
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 10px;
  border-bottom: 1px solid #f5f5f5;
}
.word_list ul {
  margin-top: 20px;
}
.word_list ul li {
  display: inline;
}
.word_list ul li a {
  display: inline-block;
  padding: 8px;
  border: 1px solid #f5f5f5;
  border-radius: 3px;
  margin: 0 8px 8px 0;
  color: #666;
}
.word_list ul li a:hover {
  border: 1px solid #03a9f4;
  color: #03a9f4;
}
.content_info {
  padding: 15px;
}

/* Instagram */
.instagram_feed {
  height: 300px;
  width: 675px;
  margin-top: 30px;
  clear: both;
}

/* 新着記事リスト(top) */
.new_list {
  margin-top: 20px;
}
.new_list li {
  list-style: none;
  clear: both;
  padding: 12px 5px;
  height: 85px;
  border-bottom: 1px solid #eee;
  position: relative;
  transition: all 300ms 0s ease;
}
.new_list li:hover {
  background-color: #eeeeee;
}
.new_list_left {
  float: left;
  width: 90px;
  position: relative;
  display: table-cell;
}
.new_list_box figure {
  width: 85px;
  height: 85px;
}
.new_list_box img {
  width: 100%;
  border-radius: 3px;
}
.new_textbox {
  float: right;
  padding: 0px 0 0px 10px;
  width: 170px;
  vertical-align: middle;
}
.new_textbox p {
  line-height: 160%;
  font-size: 12px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}
.coordinate_detail .new_list {
  margin-top: 0px;
}
.coordinate_detail .new_list_box {
  margin-top: -12px;
}


/*----------------------------------------------------------------------------
  common bannar
----------------------------------------------------------------------------*/
.bannar_group {
  margin-top: 60px;
}
.bannar_group li {
  list-style: none;
  width: 218px;
  height: 122px;
  float: left;
  margin-right: 10px;
}
.bannar_group li:last-child {
  margin-right: 0px;
}
.bannar_group li img:hover {
  opacity: 0.7;
}


/*----------------------------------------------------------------------------
  taxonomy archive
----------------------------------------------------------------------------*/
/* taxonomy arc */
.taxonomyPage-coordinate .arc {
  width: 1000px;
  float: none;
}
.taxonomyPage-coordinate .side_coodinate_cat_list,
.page-taxonomy-common .side_coodinate_cat_list {
  display: none;
}
.taxonomyPage-coordinate#contnets h1,
.page-taxonomy-common#contnets h1 {
  font-size: 30px;
  padding: 0px 0px 20px 0px;
  text-align: center;
  letter-spacing: 3px;
  margin-bottom: 30px;
}
.arc_tax h1 {
  font-size: 25px;
  line-height: 150%;
  margin: 0px 0 0px;
  padding: 0px 0 5px;
  color: #333;
  border-bottom: 1px solid #f5f5f5;
}
.arc_tax h3 {
  font-size: 14px;
  padding: 0;
  margin: 20px 0 0px 0;
  border: none;
}
.arc_tax p {
  padding: 0px;
  color: #878787;
}
.arc_tax figure {
  display: block;
  width: 220px;
  height: 294px;
  border-radius: 3px;
  overflow: hidden;
}
.arc_tax figure img {
  width: 100%;
}
.cat_ex_text {
  margin-top: 10px;
}

/* サイドカテゴリーリスト */
.side_nav {
  width: 180px;
}
.side_coodinate_cat_list {
  float: left;
  width: 220px;
  z-index: 1;
}
.side_coodinate_cat_list li {
  list-style: none;
  position: relative;
}
.side_coodinate_cat_list .side_nav ul {
  width: 180px;
  display: none;
  position: absolute;
  top: -10px;
  left: 180px;
}
.side_coodinate_cat_list .side_nav li a {
  display: block;
  width: 180px;
  height: 40px;
  background-color: #fff;
  color: #000;
  font-size: 13px;
  line-height: 2.8;
  text-decoration: none;
  border-top: 1px solid #eee;
  box-sizing: border-box;
  position: relative;
}
.side_coodinate_cat_list .side_nav li a:after {
  display: block;
  width: 5px;
  height: 5px;
  border-top: solid 1px #878787;
  border-right: solid 1px #878787;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 16px;
  right: 8px;
  content: "";
}
.side_coodinate_cat_list .side_nav .children li a:after {
  content: none;
}
.side_coodinate_cat_list .side_nav li a:last-child:after {
  content: none;
}
.side_coodinate_cat_list .side_nav ul {
  width: 200px;
}
.side_coodinate_cat_list .side_nav .children {
  background-color: #fff;
  border: solid 1px #eee;
  padding: 5px 20px;
}
.side_coodinate_cat_list .side_nav .children a {
  width: 200px;
  color: #878787;
  font-size: 13px;
  border-top: none;
  height: 40px;
}
.side_coodinate_cat_list h3 {
  display: block;
  font-size: 18px;
}
article .side_coodinate_cat_list ul {
  margin: 10px 0;
  padding-left: 0;
}
article .side_coodinate_cat_list li {
  padding: 0;
}

/* コーディネートコンテンツエリア */
.right_arc_contents {
  display: flex;
  flex-wrap: wrap;
  z-index: 0;
}


/*----------------------------------------------------------------------------
  archive
----------------------------------------------------------------------------*/
.search_page .arc {
  width: 800px;
  float: right;
}
.arc {
  width: 800px;
  float: right;
}
.arc h1 {
  font-size: 32px;
  line-height: 150%;
  margin: 0px 0 0px;
  padding: 0px 0 20px;
  color: #333;
  border-bottom: 1px solid #f5f5f5;
}
.arc .title_sub {
  overflow: auto;
  padding-bottom: 30px;
  margin-bottom: 30px;
  border-bottom: 1px solid #f5f5f5;
}
.arc p.tags {
  width: 540px;
  font-size: 12px;
  line-height: 180%;
  color: #333;
  font-weight: bold;
  float: left;
}
.arc p.tags a {
  margin-left: 1em;
  font-weight: normal;
  display: inline-block;
  color: #999;
}
.arc p.tags a:hover {
  margin-left: 1em;
  font-weight: normal;
  display: inline-block;
  color: #666;
}
.arc p {
  font-size: 15px;
  color: #444;
  line-height: 180%;
  margin: 1em 0 0 0;
  padding: 0;
}
.arc h2 {
  font-size: 28px;
  text-align: center;
  border: none;
  margin: 40px 0 30px 0
}
.arc h3 {
  font-size: 24px;
  padding: 0;
  margin: 40px 0 20px 0;
  border: none;
}
.arc h4 {
  font-size: 18px;
  padding: 0;
  border-bottom: 1px solid #f5f5f5;
  font-weight: normal;
  margin: 40px 0 20px 0;
  padding-bottom: 20px;
}
.arc h5 {
  background: #f5f5f5;
  font-size: 15px;
  color: #666;
  padding: 16px;
}
.arc h6 {
  font-size: 16px;
  color: #000;
  padding: 20px 0 0 0;
  font-weight: normal;
  border-top: 1px solid #f5f5f5;
  margin-top: 20px;
}
.arc div.author {
  margin-top: 60px;
  border: 1px solid #f5f5f5;
  border-radius: 3px;
  padding: 30px;
  display: table;
}
.arc .arc_foot {
  overflow: auto;
  margin-top: 10px;
  margin-bottom: 20px;
}
.arc .arc_foot p.sns {
  color: #333;
  font-size: 12px;
  font-weight: bold;
  float: left;
}
.arc .arc_foot p.sns span {
  margin-left: 1em;
  font-weight: normal;
}
.arc .arc_foot p.data {
  float: right;
  font-size: 12px;
  color: #999;
}
.arc .arc_foot p.data span {
  margin: 0 1em;
}
.arc .arc_foot p.data span.cat {
  margin: 0;
}
.arc .arc_foot p.data span a {
  margin-left: 1em;
  color: #999;
}
.arc .arc_foot p.data span a:hover {
  color: #666;
}
.arc article.arcblock {
  border-bottom: 1px solid #f5f5f5;
  width: 100%;
}
.arc article.arcblock a {
  display: block;
  overflow: auto;
  padding: 20px;
  clear: both;
  transition: all 300ms 0s ease;
}
.arc article.arcblock a:hover {
  background: #e1f5fe;
}
.arc figure {
  display: block;
  width: 200px;
  height: 130px;
  border-radius: 3px;
  overflow: hidden;
  float: left;
}
.arc figure img {
  width: 100%;
}
.arc .multi_list_right {
  width: 530px;
  float: right;
}
.arc .multi_list_right h3 {
  font-size: 15px;
  line-height: 150%;
  margin: 0 0 5px 0;
  padding: 0;
  border: none;
}
.arc .multi_list_right p {
  font-size: 13px;
  line-height: 150%;
  color: #666;
  padding-left: 0;
}
.arc .multi_list_right p.data {
  font-size: 11px;
  padding-left: 0;
}
.arc .multi_list_right p.data a {
  display: inline;
  clear: none;
}
.arc .multi_list_right p.data span.date {
  padding-right: 1em;
}
.arc .multi_list_right p.data span.author {
  padding-left: 1em;
}


/*----------------------------------------------------------------------------
  ranking page
----------------------------------------------------------------------------*/
.ranking_page .rank_c {
  border-bottom: none;
}
.ranking_page .rank_c h2 {
  font-size: 30px;
  text-align: center;
  letter-spacing: 3px;
  float: none;
  padding-top: 0px;
  margin-top: 0px;
  margin-right: 0px;
  line-height: 100%;
}
.ranking_page .rank_c .top_subtitle_r {
  padding-top: 3px;
  padding-bottom: 15px;
  clear: both;
  text-align: center;
}
.ranking_page .rank_c .rank_c_group {
  margin-top: 15px;
}

/* ランキングの数字をliで付与 */
.ranking_page .rank_c .rank_c_group {
  counter-reset: number;
}
.ranking_page .rank_c .rank_c_group figure:before {
  width: 19px;
  height: 19px;
  counter-increment: number;
  content: counter(number);
  position: absolute;
  font-size: 12px;
  z-index: 1;
  margin: 8px 0 0 8px;
  color: #717171;
  background-color: #fff;
  text-align: center;
  border: solid 1px #717171;
  border-radius: 50%;
  line-height: 19px;
}


/*----------------------------------------------------------------------------
  other
----------------------------------------------------------------------------*/
/* Pagenation */
.pagenation {
  margin: 3em 0;
  text-align: center;
}
.pagenation:after,
.pagenation ul:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
}
.pagenation ul {
  margin: 0 auto;
  display: inline-block;
  padding: 0;
}
.pagenation li {
  float: left;
  list-style: none outside none;
  margin-left: 3px;
}
.pagenation li:first-child {
  margin-left: 0;
}
.pagenation li.select {
  background-color: #fff;
  border-radius: 3px;
  border: 1px solid #03a9f4;
  color: #03a9f4;
  cursor: not-allowed;
  padding: 10px 16px;
  margin-top: 2px;
}
.pagenation li a {
  background: none repeat scroll 0 0 #f5f5f5;
  border: 1px solid #f5f5f5;
  border-radius: 3px;
  color: #666;
  display: block;
  padding: 10px 16px;
  text-decoration: none;
}
.pagenation li a:hover {
  background-color: #444444;
  color: #ffffff;
  opacity: 0.8;
  transition-duration: 500ms;
  transition-property: all;
  transition-timing-function: ease;
}
footer {
  clear: both;
}
.footer_stop {
  clear: both;
}

/* 記事用CSS */
.single_item_box {
  border: solid 1px #ebebeb;
  border-radius: 3px;
  padding: 10px;
  overflow: hidden;
  position: relative;
  margin: 10px;
}
.single_item_img {
  width: 40%;
  float: left;
}
.single_item_right {
  float: left;
  width: 40%;
  padding: 10px;
}
.single_item_text {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  font-size: 14px;
  line-height: 1.5;
}

/* 雑誌記事用 */
.single_list .price_note {
  font-size: 11px;
  background-color: #f4f4f4;
  padding: 10px;
}
.single_list .tax_note {
  font-size: 11px;
  color: #888;
}
.single_list .magazine_h3 {
  font-size: 25px;
  font-weight: bold;
}
.single_list .magazine_h4 {
  font-weight: bold;
}

/* カタログ商品を記事表示 */
.single_list .catalogOutput_List_Item {
  width: 500px;
  display: flex;
  align-items: center;
  margin: 10px 0;
}
.single_list .catalogOutput_text {
  padding: 10px;
}
.single_list p.catalogOutput_brandname {
  font-size: 12px;
}
.single_list p.catalogOutput_commodityname {
  font-size: 12px;
}
.single_list p.catalogOutput_price {
  font-size: 16px;
}
.single_list .catalogOutput_List_Item p {
  margin: 0;
}
.single_list .catalogOutput_text .old_price {
  display: none;
}
.single_list .catalogOutput_text .special_price {
  color: #ED143D;
}
.single_list .catalogOutput_itemImg {
  margin-right: 10px;
}
.single_list .catalogOutput_text {
  width: 280px;
}
.single_list .catalogOutput_text .catalog_list_more_btn {
  background-color: #4ca7fa;
  padding: 4px 15px;
  color: #fff;
  border-radius: 30px;
  font-size: 14px;
  margin-top: 10px;
  display: inline-block;
  font-weight: bold;
  opacity: 1;
}
.single_list .catalogOutput_text .catalog_list_more_btn:hover {
  color: #fff;
  opacity: 0.5;
}


/*----------------------------------------------------------------------------
  Plusdays
----------------------------------------------------------------------------*/
.wysiwyg_pur {
  position: relative;
  margin: 50px 0;
  padding: 20px;
  border: 1px solid #ece3d7;
  border-radius: 4px;
}
.wysiwyg_pur p {
  line-height: 2;
  font-size: 16px;
  /* font-size: 1.6rem; */
}
.wysiwyg_pur_img img {
  max-width: 297px;
  height: auto;
}
.wysiwyg_pur_txt {
  position: absolute;
  top: 50%;
  left: 354px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  line-height: 1;
}
.wysiwyg_pur p {
  line-height: 1;
}
.wysiwyg_pur_name {
  margin: 0 0 15px;
  font-size: 15px;
  font-size: 1.5rem;
  font-weight: bold;
}
.wysiwyg_pur_name .brand {
  font-size: 12px;
}
.wysiwyg_pur_name span {
  display: block;
  margin: 0 0 8px;
  line-height: 1.2;
  font-size: 12px;
  font-size: 1.2rem;
  color: #716852;
}
.wysiwyg_pur_goal span {
  display: inline-block;
  background-size: auto 20px;
  min-height: 20px;
  text-align: center;
}
.wysiwyg_pur_goal a {
  display: block;
  width: 240px;
  height: 50px;
  margin: 0 auto;
  line-height: 46px;
  text-align: center;
  color: #716852 !important;
  border: 1px solid #716852;
  border-radius: 4px;
}
.wysiwyg_pur_notice {
  display: inline-block;
  background: #f9f7f4;
  margin: 0 0 30px;
  padding: 0 5px;
  line-height: 18px !important;
  color: #716852;
  font-size: 10px !important;
}
.wysiwyg_pur_price {
  margin: 0 0 15px;
  font-size: 18px;
  font-size: 1.8rem;
}
.wysiwyg_pur_price .tax {
  font-size: 12px;
  margin-left: 5px;
}

/* 化粧品 */
.single_beauty-post h4 {
  border-bottom: none !important;
  margin: 40px 0 0 0 !important;
  padding-bottom: 0 !important;
}
.single_beauty-post h5 {
  margin-top: 30px !important;
}
.instagram_feed {
  display: none;
}

/* Update インスタグラム */
/* インスタグラム Top */
.instagram_list_wrap {
  display: grid;
  grid-template-rows: 250px 250px;
  grid-template-columns: repeat(4, minmax(200px, 1fr));
}
.instagram_list_wrap li:nth-child(1) {
  grid-row: 1 / 3;
  grid-column: 1 / 3;
}
.instagram_list_wrap li:nth-child(2) {
  grid-row: 1 / 2;
  grid-column: 3 / 4;
}
.instagram_list_wrap li:nth-child(3) {
  grid-row: 1 / 2;
  grid-column: 4 / 5;
}
.instagram_list_wrap li:nth-child(4) {
  grid-row: 2 / 3;
  grid-column: 3 / 4;
}
.instagram_list_wrap li:nth-child(5) {
  grid-row: 2 / 3;
  grid-column: 4 / 5;
}
.instagram_list_wrap li:nth-child(6) {
  grid-row: 3 / 4;
  grid-column: 1 / 2;
}
.instagram_list_wrap li:nth-child(7) {
  grid-row: 3 / 4;
  grid-column: 2 / 3;
}
.instagram_list_wrap li:nth-child(8) {
  grid-row: 4 / 5;
  grid-column: 1 / 2;
}
.instagram_list_wrap li:nth-child(9) {
  grid-row: 4 / 5;
  grid-column: 2 / 3;
}
.instagram_list_wrap li:nth-child(10) {
  grid-row: 3 / 5;
  grid-column: 3 / 5;
}
.instagram_list_wrap li {
  position: relative;
  border: solid 2px #f5f5f5;
}
.instagram_list_wrap li:before {
  content: "";
  display: block;
  padding-top: 100%;
}
.instagram_list_wrap li img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  object-fit: cover;
}

/* インスタグラム Single */
.instagram_contents .single_list .top_main figure img {
  width: 70%;
}
.instagram_contents .single_list .instagram_contents_p_wrap p {
  font-size: 13px;
}
.instagram_contents a .userName {
  font-weight: bold;
}
.instagram_contents li {
  width: 190px;
  margin-right: 10px;
  vertical-align: top;
  list-style: none;
  display: inline-block;
}
.instagram_contents li:nth-child(4n) {
  margin-right: 0;
}
.instagram_contents .instagramItem_img {
  position: relative;
}
.instagram_contents .instagramItem_img:before {
  content: "";
  display: block;
  width: 100%;
  height: 190px;
  position: absolute;
  z-index: 1;
  background-color: #000;
  opacity: .03;
}
.instagram_contents .instagramItem_brand_name {
  font-size: 12px;
}
.instagram_contents .instagramItem_commodity_name {
  font-size: 10px;
  color: #999;
  margin-top: 5px;
  margin-bottom: 5px;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.instagram_contents .price.old_price {
  display: none;
}
.instagram_contents .price.sale_price {
  color: #FF0030;
}

/* archive Instagram */
li.instagram_archive_list {
  width: 24.6%;
  list-style: none;
  display: inline-block;
  position: relative;
  margin-bottom: 4px;
}
li.instagram_archive_list:before {
  content: "";
  display: block;
  padding-top: 100%;
}
li.instagram_archive_list img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  object-fit: cover;
}
.arc article.arcblock .instagram_archive_list a {
  padding: 2%;
}
.instagram_arcHeadline_wrap {
  border-bottom: none;
  padding: 10px 0;
}
.page-coordinate .snsGroup .snsBtn {
  margin-right: 20px;
}
.page-coordinate .snsGroup {
  margin-bottom: 30px;
}
.page-coordinate .snsGroup i {
  background-color: #fff;
}
.page-coordinate .snsGroup .snsBtn.-line strong {
  font-size: 10px;
  line-height: 1.2;
  font-style: normal;
  text-align: center;
  transform: scale(0.8);
}
.page-coordinate.-coordinatelist .item {
  margin-bottom: 30px;
  padding: 0;
}
.page-coordinate.-coordinatelist .tags_area {
  margin-bottom: 30px;
}
.page-coordinate.-coordinatelist .tagstitle {
  padding: 0;
  margin: 0;
  margin-bottom: 10px;
  font-size: 12px;
}
.page-coordinate.-coordinatelist .titleWrap {
  position: relative;
}
.page-coordinate.-coordinatelist .titleWrap .brandName {
  display: block;
  font-size: 12px;
  font-weight: 800;
  margin-bottom: .5em;
}
.page-coordinate.-coordinatelist .titleWrap .title {
  display: block;
  margin-bottom: 1em;
}
.page-coordinate.-coordinatelist .titleWrap .c_main_contents_time {
  margin: 0;
  font-size: 10px;
  letter-spacing: 0.02em;
  color: #bbb;
  position: absolute;
  top: 0;
  right: 0;
}

.page-coordinate.-coordinatelist .breadcrumbs,
.page-coordinate.-coordinatelist .breadcrumbs a {
  color: #888 !important;
}
.page-coordinate.-coordinatelist .coordinate_col2 h2 {
  padding: 0;
  margin: 0;
  margin-bottom: 1em;
}
.page-coordinate.-coordinatelist .relation_post_block {
  display: flex;
}
.page-coordinate.-coordinatelist .relation_box {
  width: calc((100% - 40px) / 5);
  margin-bottom: 30px;
  margin-right: 10px;
}
.page-coordinate.-coordinatelist .relation_box:last-child {
  margin-right: 0;
}
.page-coordinate.-coordinatelist .relation_box img {
  width: 100%;
  height: auto;
}
.page-coordinate.-coordinatelist .relation_box .textGroup {
  padding: 10px 0 0 0;
}
.page-coordinate.-coordinatelist .relation_box .brandName {
  font-size: 10px;
  letter-spacing: .05em;
  font-weight: 600;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: .5em;
}
.page-coordinate.-coordinatelist .relation_box .text {
  font-size: 12px;
  line-height: 1.5;
  color: #888;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.page-coordinate.-coordinatelist .-same .relation_box .text {
  -webkit-line-clamp: 3;
}
.page-coordinate.-coordinatelist .tags_area a {
  float: none;
  display: inline-block;
  margin: 0;
  padding: 0 .5em;
  line-height: 2;
  font-size: 12px;
}
.page-coordinate.-coordinatelist .c_section_gray_wrapper_inner {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 1000px;
  margin: 0 auto;
}
.page-coordinate.-coordinatelist .c_section_gray_wrapper_inner .breadcrumbs {
  width: 100%;
}
.page-coordinate.-coordinatelist .c_main_contents {
  padding: 0px;
  width: 100%;
}
.page-coordinate.-coordinatelist .main_contents_area_r {
  float: none;
  width: 480px;
}
.page-coordinate.-coordinatelist .left_imagearea_main {
  margin-bottom: 12px;
}
.page-coordinate.-coordinatelist .left_image_navi {
  display: flex;
  width: 480px;
}
.page-coordinate.-coordinatelist .left_imagearea_thum {
  float: none;
  margin: 0;
  margin-right: 12px;
  width: 111px;
}
.page-coordinate.-coordinatelist .left_imagearea_thum a,
.page-coordinate.-coordinatelist .left_imagearea_thum img {
  display: block;
  width: 100%;
}
.section-coordinateitemList .heading {
  font-size: 18px;
  margin-bottom: 1em;
}
.page-coordinate.-coordinatelist .coordinateitemList {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 30px;
}
.page-coordinate.-coordinatelist .coordinateitem {
  width: 150px;
  margin-bottom: 20px;
  margin-right: 15px;
}
.page-coordinate.-coordinatelist .coordinateitem:nth-child(3n) {
  margin-right: 0;
}
.page-coordinate.-coordinatelist .coordinateitem a {
  display: block;
}
.page-coordinate .coordinateitem .imgWrap {
  width: 100%;
  position: relative;
  margin-bottom: 8px;
}
.page-coordinate .coordinateitem:hover .imgWrap:before {
  background-color: rgba(0, 0, 0, 0);
}
.page-coordinate.-coordinatelist .coordinateitem img {
  width: 100%;
  height: auto;
}
.page-coordinate.-coordinatelist .coordinateitem .text {
  font-size: 11px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  line-height: 1.6;
  color: #999;
}
.page-coordinate.-coordinatelist .coordinateitem .brandName {
  font-size: 10px;
  font-weight: 600;
  letter-spacing: .05em;
  color: #333;
}
.page-coordinate.-coordinatelist .coordinateitem .commodityName {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.page-coordinate.-coordinatelist .coordinateitem .price {
  color: #333;
  font-size: 14px;
  letter-spacing: .05em;
}
.page-coordinate.-coordinatelist .coordinateitem .price.-discount {
  color: #ED143D;
}
.page-coordinate.-coordinatelist .coordinateitem [uk-spinner] {
  display: block;
  text-align: center;
}
.page-coordinate.-coordinatelist .coordinateitem [uk-spinner] svg {
  color: #999;
  margin: 20px;
}
.page-coordinate.-coordinatelist .coordinateitem:hover {
  opacity: .7;
}

/* 11.25 調整中のため非表示 */
.top_backnumber_contents .backnumber_list.-snap {
  display: none;
}

/* コーデ正方形画像の対応 */
.page-coordinate.-coordinatelist .left_imagearea_main {
  margin-bottom: 12px;
  overflow: hidden;
  display: flex;
  justify-content: center;
  width: 480px;
}
.page-coordinate.-coordinatelist .left_imagearea_main img {
  width: auto;
  height: 640px;
}
.page-coordinate.-coordinatelist .relation_post_block a {
  overflow: hidden;
  display: flex;
  justify-content: center;
  width: 127px;
}
.page-coordinate.-coordinatelist .relation_post_block img {
  width: auto;
  height: 170px;
  border-radius: 0;
}


/*----------------------------------------------------------------------------
  taxonomyPage-coordinate ページ
----------------------------------------------------------------------------*/
.taxonomyPage-coordinate .coordinateList {
  display: flex;
  width: 1000px;
  flex-wrap: wrap;
  margin: 0 auto;
}
.taxonomyPage-coordinate .coordinateList li {
  width: calc((1000px - 120px) / 4);
  margin-right: 40px;
  margin-bottom: 40px;
}
.taxonomyPage-coordinate .coordinateList li figure {
  margin-bottom: 10px;
  border-radius: 0;
}
.taxonomyPage-coordinate .coordinateList li:nth-child(4n) {
  margin-right: 0;
}
.taxonomyPage-coordinate li .textGroup span {
  display: block;
}
.taxonomyPage-coordinate li .textGroup .brandName {
  font-size: 10px;
  font-weight: 600;
  letter-spacing: .03em;
  color: #333;
  margin-bottom: .5em;
}
.taxonomyPage-coordinate .coordinateList li .textGroup .text {
  font-size: 12px;
  color: #888;
  line-height: 1.5;
  margin-bottom: .5em;
}
.taxonomyPage-coordinate .coordinateList li .textGroup .date {
  font-size: 10px;
  color: #ccc;
}

/* 正方形対応 */
.taxonomyPage-coordinate .coordinateList figure {
  overflow: hidden;
  display: flex;
  justify-content: center;
}
.taxonomyPage-coordinate .coordinateList figure img {
  width: auto;
  height: 294px;
}


/*----------------------------------------------------------------------------
  coordinate40s
----------------------------------------------------------------------------*/
.coordinate40s-container {
  width: 1000px;
  margin: 30px auto 0;
}
.coordinate40s-container img {
  width: 100%;
}
.coordinate40s-container h1 {
  font-size: 24px;
  font-weight: bold;
  letter-spacing: 0.05em;
  justify-content: center;
}
.coordinate40s-container .headline_img {
  width: 90px;
  height: 90px;
  margin-right: 20px;
}
.coordinate40s-container .headline_img img {
  border: 1px solid #333;
  border-radius: 50%;
}
.coordinate40s-container .headline_txt {
  flex-direction: column;
}
.coordinate40s-container .headline_en {
  width: 244px;
  margin-bottom: 12px;
}
.coordinate40s-container .coordinate40s-summary {
  font-size: 14px;
  line-height: 1.5;
  text-align: center;
  margin: 30px 0 40px;
}
.coordinate40s-container h1,
.coordinate40s-container .headline_txt,
.coordinate40s-container ul,
.coordinate40s-container li figure,
.coordinate40s-container li figure:before,
.coordinate40s-container h2 {
  display: flex;
}
.coordinate40s-container h1,
.coordinate40s-container .headline_txt,
.coordinate40s-container li figure,
.coordinate40s-container li figure:before {
  align-items: center;
}
.coordinate40s-container ul {
  flex-wrap: wrap;
  list-style: none;
  margin: 0;
  padding: 0;
}
.coordinate40s-container li {
  width: 300px;
  margin: 0 50px 50px 0;
  padding: 0;
}
.coordinate40s-container li:nth-child(3n) {
  margin-right: 0;
}
.coordinate40s-container li:nth-last-child(-n+3) {
  margin-bottom: 0;
}
.coordinate40s-container li figure {
  position: relative;
  width: 300px;
  height: 300px;
  margin-bottom: 12px;
  overflow: hidden;
}
.coordinate40s-container h2 {
  flex-direction: column;
  font-size: 16px;
  font-weight: bold;
  letter-spacing: initial;
  margin: 0;
  border: none;
  padding: 0;
  -moz-transition: color .4s ease;
  -o-transition: color .4s ease;
  -webkit-transition: color .4s ease;
  transition: color .4s ease
}
.coordinate40s-container h2 .titleNo {
  font-size: 11px;
}
.coordinate40s-container li p {
  color: #666;
  font-size: 13.5px;
  margin: 10px 0 0 0;
  padding: 0;
}
.coordinate40s-container li .data {
  font-size: 11px;
}
.coordinate40s-container li .date {
  margin-right: 15px;
}
.coordinate40s-container .archive_pagenation {
  margin-top: 40px;
}
.coordinate40s-container .archive_pagenation span,
.coordinate40s-container .archive_pagenation a {
  display: inline-block;
}

/* hover */
.coordinate40s-container li figure:before,
.coordinate40s-container li figure:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  -moz-transition: all .4s cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: all .4s cubic-bezier(0.165, 0.84, 0.44, 1);
  -webkit-transition: all .4s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all .4s cubic-bezier(0.165, 0.84, 0.44, 1)
}
.coordinate40s-container li figure:before {
  content: 'READ MORE';
  color: #fff;
  justify-content: center;
  font-family: 'futura-pt', 'Century Gothic', 'Lato', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', sans-serif;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.08em;
  z-index: 2;
  -moz-transform: translate(0, 5px);
  -ms-transform: translate(0, 5px);
  -webkit-transform: translate(0, 5px);
  transform: translate(0, 5px);
}
.coordinate40s-container li figure:after {
  background-color: #01a9f4;
  content: '';
  display: block;
  z-index: 1;
  mix-blend-mode: multiply;
}
.coordinate40s-container li a:hover figure:before {
  opacity: 1;
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0)
}
.coordinate40s-container li a:hover figure:after {
  opacity: 0.5
}
.coordinate40s-container li a:hover h2 {
  color: #01a9f4
}