/* カスタマイズ用CSS */
.ec-productItemRole .ec-productItemRole__cornaerTags .tag.tag-sale {
    background-color: #f00;
}
/* トップのキャプションをPCも表示/非表示するようにする */
.mediaCaption {
    top: auto;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    max-width: 100%;
    transform: translate(0,0);
    font-size: 0.9rem;
    transition: transform 0.5s;
}
    .mediaCaption .text_big {
      font-size: 1.2em;
}
    .mediaCaption .linkBtn {
      position: absolute;
      top: 0;
      right: 0;
      margin: 0;
}
.closeBtn {
 display:block!important;
}
 /*キャプション折り畳みボタン */
.closeBtn {
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  font-size: 18px;
  line-height: 1.5;
  width: 1.5em;
  height: 1.5em;
  text-align: center;
  color: #000;
  margin-left: -0.75em;
  pointer-events: auto;
}
  .closeBtn::after {
    font-family: 'jeiafont';
    content: "\e902";
    display: block;
    width: 100%;
    height: 100%;
    background-color: transparent;
    transform: rotate(90deg);
    transition: 0.5s;
    color: transparent;
}
  .closeBtn::before {
    font-family: 'jeiafont';
    content: "\e902";
    display: block;
    width: 100%;
    height: 100%;
    background-color: transparent;
    transform: rotate(90deg);
    transition: 0.5s;
  }
.mediaCaption.is-close {
    transform: translate3d(0, 100%, 0);
    overflow: visible;
}
.mediaCaption.is-close .closeBtn {
    transform: translate3d(0,-100%,0);
}
.mediaCaption.is-close .closeBtn::before {
    transform: rotate(-90deg);
    background-color: rgba(255, 255, 255, 0.75);
    border-radius: 0 5px 5px 0;
}
/* トップ2つめのカテゴリ名をモバイルでも表示 */
@media only screen and (max-width: 767px) {
 .ec-topicRole .ec-topicRole__listItemTitle {
    display: block;
 }
 .ec-topicRole .ec-topicRole__listItemTitle {
    bottom: initial;
 }
}
/* 新商品・予約商品ブロックの余白を、正方形じゃなくするために調整 */
@media only screen and (min-width: 1280px) {
.ec-pickupCategoryRole .ec-pickupCategoryRole__list .ec-productItemRole:nth-child(2), .ec-pickupCategoryRole .ec-pickupCategoryRole__list .ec-productItemRole:nth-child(3) {
    margin-bottom: 15px;
}
}
/* とりあえずリンクを青じゃなくする */
a {
    color: #222;
    text-decoration: none;
}
/* トピックのSHOP AOYAMAを横長にする */
@media only screen and (min-width: 768px) and (max-width: 1279px) {
.ec-pickupCategoryRole__list .ec-productItemRole.ec-productItemRole-wide {
    width: 100%;
}
}
@media only screen and (min-width: 1280px) {
.ec-pickupCategoryRole__list .ec-productItemRole.ec-productItemRole-wide {
    width: calc((100% - 20px) / 2)!important;
    margin-left: 20px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
.ec-pickupCategoryRole__list .ec-productItemRole.ec-productItemRole-wide {
    width: calc((100% - 20px) / 2)!important;
    margin-left: 12px;    
}
.ec-pickupCategoryRole .ec-pickupCategoryRole__list .ec-productItemRole:nth-child(2), .ec-pickupCategoryRole .ec-pickupCategoryRole__list .ec-productItemRole:nth-child(3) {
    margin-bottom: 9px;
}
}
/* トピックのマージンが長いので短くする */
@media only screen and (min-width: 1280px){
.ec-pickupCategoryRole:nth-child(1) {
    margin-top: 30px;
}
}
/* ブランドの説明文を追加 */
.bannerBoxImg {
  width: 60%;
}
.bannerBox {
 padding-left: 20px;
 width: 100%;
}
.bannerBoxContainer {
  display: flex;
  align-items: center;
}
.bannerBoxSubtitle {
    font-size: 1.1em;
    padding-bottom: 5px;
    font-weight: 600;
}
.bannerBoxContent {
    font-size: 0.95em;
    padding-bottom: 6px;
    color: #444;
}
/* グーグルマップのスタイル */
#map {
	width: 100%;
	box-sizing: border-box;
	margin: 0 auto;
	padding-top: 45px;
}
@media only screen and (min-width: 1280px) {
#map {
	width: 60%;
	margin: 25px auto;
}
}
#map .inner {
	position: relative;
	height: 0;
	padding-top: 56.25%;
	overflow: hidden;
}
#map .inner iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
@media (max-width: 960px) {
	#map .inner {
		padding-top: 75%;
	}
}
@media (max-width: 600px) {
	#map .inner {
		padding-top: 100%;
	}
}
@media only screen and (min-width: 768px) {
.tabacms_blog_list {
    overflow: hidden;
}
}
/* トップのキャプションを左端に寄せる */
/*.mediaCaption {*/
/*    font-weight: 400;*/
/*    font-size: 0.5rem;*/
/*    max-width: 550px;*/
/*    position: absolute;*/
/*    top: 87%;*/
/*    left: 0%; */
/*    transform: translate(0, -50%);*/
/*}*/
/* カテゴリを正方形+長方形じゃなくする（4つ均等な表示にする） */
/*@media only screen and (min-width: 1280px) {*/
/*.ec-topicRole .ec-topicRole__listItem:nth-child(1) {*/
/*    width: calc((100% - 20px) / 2);*/
/*    padding-top: calc(27% - 20px);*/
/*    margin-top: 20px;*/
/*}*/
/*.ec-topicRole .ec-topicRole__listItem:nth-child(2) {*/
/*    width: calc((100% - 20px) / 2);*/
/*    padding-top: calc(27% - 20px);*/
/*    margin-top: 20px;*/
/*}*/
/*.ec-topicRole .ec-topicRole__listItem:nth-child(3) {*/
/*    width: calc((100% - 20px) / 2);*/
/*    padding-top: calc(27% - 20px);*/
/*    margin-top: 20px;*/
/*    margin-left: 0px;*/
/*}*/
/*.ec-topicRole .ec-topicRole__listItem:nth-child(4) {*/
/*    width: calc((100% - 20px) / 2);*/
/*    padding-top: calc(27% - 20px);*/
/*    margin-top: 20px;*/
/*    margin-left: 20px;*/
/*}*/
/*}*/

/*@media only screen and (max-width: 767px) {*/
/*.ec-topicRole .ec-topicRole__listItem:nth-child(1) {*/
/*    width: 100%;*/
/*    padding-top: 50%;*/
/*    margin-top: 6.25vw;*/
/*    margin-bottom: 0px;*/
/*}*/
/*.ec-topicRole .ec-topicRole__listItem:nth-child(2) {*/
/*    width: 100%;*/
/*    padding-top: 50%;*/
/*    margin-top: 6.25vw;*/
/*}*/
/*.ec-topicRole .ec-topicRole__listItem:nth-child(3) {*/
/*    width: 100%;*/
/*    padding-top: 50%;*/
/*    margin-top: 6.25vw;*/
/*}*/
/*}*/
/*p {*/
/*  font-size: 16px;*/
/*  font-weight: bold;*/
/*  text-align: center;*/
/*  margin: 60px auto 40px;*/
/*}*/
/* すべてのフレックスボックス*/
.flexBox {
    display: flex;
}
@media screen and (max-width: 767px) {
  .flexBox {
    flex-direction: column;
  }
}
/* 店舗案内ページのcss */
.company-text {
    padding-top: 20px;
}
.flexBox.companyBox {
    /*justify-content: center;*/
    align-items: center;
    padding-top: 20px;
}
.companyText {
    padding-right: 40px;
    width: 40%;
}
.companyImg {
    width: 60%;
}
@media screen and (max-width: 767px) {
  .flexBox.companyBox {
    width: 100%;
  }
  .companyText {
    width: 100%;
    padding-right: 0;
  }
    .companyImg {
    width: 100%;
  }
}
.box6 {
    text-align: center;
    padding: 2em 1em;
    margin: 0 0 2em 0;
    background: #efefef;
    border: 1px dotted #999;/*点線*/
}
.box6 p {
    margin: 0; 
    padding: 0;
}
.no-margin {
    margin: 0;
}
/* 取引希望の方へページ */
.dealerBox {
    justify-content: space-around;
}
.dealerComment {
    text-align: center;
    padding-bottom: 30px;
    font-weight: 500;
}
/* 横揺れ消す */
.row {
    margin-right: 0;
    margin-left: 0;
}
/* historyページ */
.history-block {
    width: 70%;
    margin-left: auto;
    margin-right: auto;
}
.history-color_box {
    background: #f9f9f9;
    padding:30px 0;
}
.history-box {
    padding-top: 90px;
    margin: auto 230px;
}
.history_right {
    order:2;
}
.history-text {
    padding-top: 20px;
}
.flexBox.historyBox {
    /*justify-content: center;*/
    align-items: center;
    padding-top: 20px;
}
.historyText {
    padding-right: 40px;
    width: 40%;
}
.historyImg {
    width: 60%;
}
.history-title {
    margin-bottom: 40px;
    font-size: 1.3em;
    font-weight: bold;
}
.center {
    text-align: center;
}
.card {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 900px;
  margin: 0 auto 40px;
}

.card-thumbnail {
  width: 35%;
}
.card-img {
  width: 100%;
  display: block;
}
.card-caption {
  width: 55%;
  font-size: 16px;
  line-height: 1.5;
}
/* 偶数番目に登場する.cardは右から左に要素が配置されるようにする */
.card:nth-child(odd) {
  flex-direction: row-reverse;
}
.box {
  display:flex;
  flex-direction: row;
  justify-content: space-between;
  margin-bottom: 40px;
  width: 900px;
  align-items: center;
  margin: 0 auto 40px;
}
.text {
    width: 65%;
}
h3 {
  font-size: 21px;
  margin: 0;
}
.pict {
  width: 30%;
  margin-left: 3%;
}
.pict img {
  width: 100%;
  height:auto;
}
.box:nth-child(even) {
  flex-direction: row-reverse;
  width: 900px;
  align-items: center;
  margin: 0 auto 40px;
}
.box:nth-child(even) .text {
  width: 65%;
  
}
.box:nth-child(even) .pict {
  margin-left: 0;
}
@media (max-width:768px) {
  .box {
    flex-direction: column;
    width:100%;
  }
  .box:nth-child(even) {
    flex-direction: column;
    width:100%;
  }
  .text {
    width: 100%;
  }
  .box:nth-child(even) .text {
    width: 100%;
  }
  .pict {
    width:100%;
    margin-left: 0;
    text-align: center;
  }
  .box:nth-child(even) .pict {
    margin-left: 0;
    margin-right: 0%;
  }
  .pict img {
    width:100%;
    height:auto;
  }
  .history-block {
    width: 100%;
 }
 .history-title.center {
    padding: 0 30px;
 }
 .history-box {
    margin: auto 70px;
    max-width: 100%;
}
}
.tabacms_thumbnail_wrapper .tabacms_thumbnail img {
    height:auto!important;
}
.ec-featuredBannerRole .ec-featuredBannerRole__item a:hover{
  text-decoration: none;
}
/* 予約商品と新着商品のタグを黒くする */
.ec-productItemRole .ec-productItemRole__cornaerTags .tag.tag-black {
  background-color: #000000;
  border: none;
  border-radius: 0;
}
/* フリーエリアの画像のwidth:100%を打ち消す */
@media (max-width:768px) {
    .ec-productRole__freearea img {
    　　width: 100%;
       height: auto;
       max-width: 100%;
    }
    .tabacms_body img {
         width: auto;
         height: auto;
         max-width: 100%;
    }
}
/*@media (max-width:768px) {*/
/*    .tabacms_body img {*/
/*        max-width: 100%;*/
/*    }*/
/*}*/
/*.tabacms_body img {*/
/*    width: auto;*/
/*    max-width: 100%;*/
/*}*/
/* 商品カテゴリの展開ボタンの向きを変更する */
/* PC */
.ec-categoryNavRole .categoyNavOpenBtn.is-open {
    transform: rotate(180deg);
}
.ec-categoryNavRole .categoyNavOpenBtn:after {
  transform: rotate(90deg);
}
/* SP */
.ec-drawerMenu .ec-drawerMenu__category .categoyOpenBtn.is-open:after {
  transform: rotate(0deg);
}
.ec-drawerMenu .ec-drawerMenu__category .categoyOpenBtn:after {
  transform: rotate(90deg);
}


/* MV下バナー（トピックブロック）スマホ時のpadding調整 */
@media screen and (max-width: 767px) {
    .ec-productItemRole .ec-productItemRole__image a img {
        margin-top: 6.25vw;
    }
}
@media screen and (max-width: 767px) {
    .slick-slider .slick-dots {
     padding-top: 0;   
    }
}
/* 予約商品と新着商品の詳細ページ遷移ボタンのモバイル余白調整 */
@media screen and (max-width: 767px) {
    .col-xs-12.custom {
      padding-bottom: 20px;
    }
}
/* 商品詳細ページフリーエリアの幅を調整 */
@media only screen and (min-width: 1280px) {
    .ec-productRole .ec-productRole__freearea {
        width: 790px;
        margin: 40px auto 0 auto;
    }
}
/* 商品詳細ページ上部の幅を調整 */
@media only screen and (min-width: 1280px) {
    .ec-productRole {
        max-width: 1200px;
    }
}
/* 商品詳細ページ上部の幅を調整 */
.ec-productRole__visual{
flex-wrap: wrap;
}
.ec-productRole__visual .ec-productVisualNav.desktop {
 width: 100%;
}
/* 商品詳細ページ上部の幅を調整 */
.ec-productRole__visual{
flex-wrap: wrap;
}
/* 商品詳細ページPC版のスライダーをMV横から下に変更 */
@media only screen and (min-width: 768px) {
.ec-productRole__visual .ec-productVisualNav.desktop {
     width: 100%;
}
.ec-productRole__visual .ec-productVisualNav.desktop .slick-track{
    display: flex;
    flex-flow: row wrap;
}
.ec-productRole__visual .ec-productVisualNav.desktop .slideThumb{
width: calc((100% - 1px - 4px ) / 5) !important;
}
.ec-productRole__visual .ec-productVisualNav.desktop .slick-arrow {
    display:none !important;
} 
.ec-productRole__visual .ec-productVisualNav.desktop .slick-track {
    display: flex;
    flex-flow: row wrap;
    transform: none !important;
    height: auto !important;
    margin-top: 1px
}
.ec-productVisualNav.desktop .slick-cloned{
Display:none !important;
}
.ec-productRole__visual .ec-productVisualMain{
    width:100% !important;
}
.ec-productRole__visual .ec-productVisualNav.desktop .slideThumb {
    margin-bottom: 1px;
}
}
/* セールバナーブロック1枚用CSS */
@media only screen and (min-width: 1280px) {
    .ec-movieMediaRole .ec-movieMediaRole__item {
        line-height: 0.8;
    }
}


@media only screen and (max-width: 767px) {
    .ec-movieMediaRole {
         padding-left: 6.25vw;
         padding-right: 6.25vw;
    }
}
/* セールバナーブロック2枚用CSS */
@media only screen and (min-width: 1280px) {
    .ec-featuredBannerRole .ec-featuredBannerRole__list {
        /*margin-top: -40px;*/
    }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
    .ec-featuredBannerRole .ec-featuredBannerRole__list {
        margin-top: -35px;
    }
}
.ec-featuredBannerRole .ec-featuredBannerRole__item:last-child {
  margin-bottom: 40px;
}

.ec-productRole__freearea img:not(.freearea_img) {
　width: auto;
   height: auto;
   max-width: 100%;
}
/* 商品詳細に不必要な余白ができてしまう（写真を下に配置したから）のを無くす */
@media only screen and (min-width: 768px) {
    .slick-list.draggable {
        height: auto !important;
    }
    .ec-productVisualNav.desktop.slick-initialized.slick-slider.slick-vertical {
        height: auto !important;
    }
}
/* 商品詳細のフッターとの間に余白がないのでつくる */
.ec-productRole__profile {
    margin-bottom: 40px;
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
	 .text-center {
      text-align: center;
  }
	.ec-movieMediaRole__item.width_100 {
		width: 100% !important;
	}
  .history_intro {
      display: flex;
  }
  .ec-mediaframe.col-2 {
      width: 55%;
      margin: auto;
  }
  .ec-mediaframe.col-2:nth-child(even) {
      width: 45%;
      margin: auto 1.5rem;
  }
}
/* 表示の微調整 */
.pull-right:hover {
  text-decoration: none;
  transition: 0.4s ;
}
.pull-right {
    font-weight: 500;
}
.ec-productDetailTab .ec-productDetailTab__content {
    line-height: 1.75em;
}
.ec-productDetailTab {
    padding-bottom: 50px;
}
.ec-productDetailTab .ec-productDetailTab__content {
    line-height: 1.75em;
    margin: 50px auto;
    font-size: 1.06em;
}
.ec-productDetailTab .ec-productDetailTab__nav li {
    font-size: 1.16em;
}

.ec-categoryNavRole .has-child .js-open {
  display: block;
  position: relative;
}
.ec-categoryNavRole .has-child .js-open::after {
    position: absolute;
    top: 10px;
    right: 0;
    font-family: "jeiafont";
    content: "\e902";
    font-size: 1em;
    display: block;
    width: 2em;
    height: 2em;
    line-height: 2em;
    cursor: pointer;
    text-align: center;
    transform: rotate(90deg);
    transition: ease 0.2s;
}

.ec-categoryNavRole .has-child .js-open.is-open::after {
    transform: rotate(270deg);
}

.ec-drawerMenu .ec-drawerMenu__category ul li.has-child > a::after {
    font-family: "jeiafont";
    content: "\e902";
    font-size: 1em;
    display: block;
    width: 2em;
    height: 2em;
    line-height: 2em;
    cursor: pointer;
    text-align: center;
    position: absolute;
    top: 0.2em;
    right: 0;
    transition: .2s;
    transform: rotate(90deg);
}

.ec-drawerMenu .ec-drawerMenu__category ul li.has-child > a.is-open::after {
   transform: rotate(270deg);
}

.categoyOpenBtn {
    display: none;
}
@media only screen and (max-width: 1279px) {
.ec-drawerMenu .ec-drawerMenu__category ul.parent {
    display: block;
}

.ec-drawerMenu .ec-drawerMenu__category ul.parent .child {
    display: none;
}
}
.ec-productDetailTab .ec-productDetailTab__nav li.is-active {
    color: #444;
    border-color: #444;
}
.tabacms_tagcloud_list .tabacms_tagcloud_2 {
    font-size: 1rem;
}

.tabacms_post_list .row {
    margin-left: 0px !important;
    margin-right: 0px !important;
    padding-bottom: 20px !important;
}
.ec-productRole__freearea img:not(.freearea_img) {
    padding: 25px 0;
}

.tabacms_body {
    word-break: break-all;
}