@charset "UTF-8";
/*ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
記事ページ全共通CSS
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
#article_contents * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#article_contents { padding: 0 calc(20 *(100vw / 750));}
/*#article_contents > h2{text-align: center;font-size: 30px;line-height: 1;letter-spacing: 0.2em;padding: 0 0 4px 0;border-bottom: 2px solid #000;}*/
#contents{min-height: 500px; position: relative; font-family: Georgia, Times, 'Times New Roman';
}
#breadcrumbsList {
    display: block;
    padding: 14px 10px;
    line-height: 1.5;
}
.main-area.article-list, 
.main-area.article-detail {
    margin: 0 auto 7%;
}


/*ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
記事リスト共通CSS
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
.now {font-weight: bold;}
#article_contents .__left{font-size: small;vertical-align: top;}
#article_contents .__right #Coordinatelist > ul > li{width: 180px; display: inline-block; vertical-align: top; margin: 0 0 10px 10px;}
#staffImg img { border-radius: 50%; width: 150px;height: 150px}


/*並び替え*/
.article-list .search_top{
    margin-top: 0;
  /*  border-bottom: 1px solid #c6ae9b;*/
}
#ctl00_ContentPlaceHolder1_ctl00_sortSelector ul {
    display: flex;
    justify-content: center;
    margin-bottom: 5%;
}
#ctl00_ContentPlaceHolder1_ctl00_sortSelector ul li:not(:last-child):after{
    content:"|";
    font-weight: normal;
    margin: 0 calc(10 *(100vw / 750));
    color: #000;
}
#ctl00_ContentPlaceHolder1_ctl00_sortSelector ul li.now{
    color: #999999;
}
.article-list .page_links ul{
    display: flex;
    justify-content: space-between;
}
.article-list .page_links ul li{
    width: calc(230 *(100vw / 750));
    border: 1px solid #c6ae9b;
    border-bottom: none;
    font-family: Georgia, Times, 'Times New Roman';
    text-align: center;
    line-height: calc(76 *(100vw / 750));
    letter-spacing: 0.08em;
    font-weight: 500;
}
.article-list .page_links ul li a{
    display: block;
}
.article-list .page_links ul li.now{
    background: #e5e5e5;
}
.article-list .search_top #ctl00_ContentPlaceHolder1_ctl00_selectedTaglist{
    display: none;
}

/*絞り込み*/
.article-list .__left > p {  
    display: block;
    text-align: center;
/*    padding: calc(30 *(100vw / 750)) 0;
    border-bottom: 1px solid #c6ae9b;*/
    position: relative;
}
.article-list .__left > p span.arrow {
    display: block;
    position: absolute;
    right: 40%;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    width: 0;
    height: 0;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}

.article-list .__left > p.open span.arrow {
    border-top: 5px solid #000;
}
.article-list .__left > p.close span.arrow {
    border-bottom: 5px solid #000;
}

.search_flex {
    padding: calc(40 *(100vw / 750)) calc(20 *(100vw / 750));
    border-top: 1px solid #c6ae9b;
    border-bottom: 1px solid #c6ae9b;

}
.search_flex > div > p{
  font-size: calc(28 *(100vw / 750));
  line-height: 1;
  margin-bottom: calc(30 *(100vw / 750));
  text-align: center;
}
.search_flex > div.serch_blk > p{
  margin-top: calc(40 *(100vw / 750));
}
#ctl00_ContentPlaceHolder1_ctl01_tagSelector > ul{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
#ctl00_ContentPlaceHolder1_ctl01_selectedTaglist > ul{
  text-align: center;
}
#ctl00_ContentPlaceHolder1_ctl01_selectedTaglist > ul li,
#ctl00_ContentPlaceHolder1_ctl01_tagSelector > ul li{
  font-size: calc(24 *(100vw / 750));
  border: 1px solid #c6ae9b;
  border-radius: calc(25 *(100vw / 750));
  height: calc(50 *(100vw / 750));
  line-height: calc(50 *(100vw / 750));
  padding: 0 calc(20 *(100vw / 750));
  margin: 0 calc(6 *(100vw / 750)) calc(12 *(100vw / 750));
  background: #fff;
}
#ctl00_ContentPlaceHolder1_ctl01_selectedTaglist > ul li{
  background: #e5e5e5;
  display: inline-block;
}
#ctl00_ContentPlaceHolder1_ctl02_categorySelector,
#ctl00_ContentPlaceHolder1_ctl02_freeWordSearch,
#ctl00_ContentPlaceHolder1_ctl02_staffNameSelector,
#ctl00_ContentPlaceHolder1_ctl02_shopSelector,
#ctl00_ContentPlaceHolder1_ctl02_heightSelector{
  display: flex;
  justify-content: space-between;
  font-size: calc(28 *(100vw / 750));
  margin-bottom: calc(20 *(100vw / 750));
  align-items: center;
}
#ctl00_ContentPlaceHolder1_ctl02_rCategoryDropDown_ctl00_ddlCategory,
#ctl00_ContentPlaceHolder1_ctl02_tbFreeWordSearch,
#ctl00_ContentPlaceHolder1_ctl02_ddlStaffName,
#ctl00_ContentPlaceHolder1_ctl02_ddlShop,
#ctl00_ContentPlaceHolder1_ctl02_ddlHeight{
  width: calc(440 *(100vw / 750));
  font-size: calc(24 *(100vw / 750));
  height: calc(70 *(100vw / 750));
  padding: 0 calc(30 *(100vw / 750)) 0 calc(20 *(100vw / 750));
  background: #fff;
  border: 1px solid #999;
}
#ctl00_ContentPlaceHolder1_ctl02_dvSearch{
  display: flex;
  justify-content: center;
}
#ctl00_ContentPlaceHolder1_ctl02_dvSearch a{
  width: calc(260 *(100vw / 750));
  height: calc(70 *(100vw / 750));
  line-height: calc(70 *(100vw / 750));
  font-size: calc(28 *(100vw / 750));
  text-align: center;
  border: 1px solid #999;
  display: block;
  margin: calc(40 *(100vw / 750)) 0 0;
  background: #fff;
}
a#ctl00_ContentPlaceHolder1_ctl02_lbSearch{
  background: #e5e5e5;
  /*background: #000;
  color: #fff;*/
  margin-right: calc(20 *(100vw / 750));
}
.select_arrow{position: relative;}
.select_arrow::after,
.select_arrow::before {
  content: "";
  display: block;
  position: absolute;
  right: calc(20 *(100vw / 750));
  top: 50%;
  width: calc(10 *(100vw / 750));
  height: calc(2 *(100vw / 750));
  background: #000;
  z-index: 1;
}
.select_arrow::before{
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.select_arrow::after {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  right: calc(26 *(100vw / 750));
}
.tag_blk #ctl00_ContentPlaceHolder1_ctl01_selectedTaglist > p,
.tag_blk #ctl00_ContentPlaceHolder1_ctl01_tagSelector > p,
.serch_blk #ctl00_ContentPlaceHolder1_ctl02_selectedTaglist{
    display: none;
}
.tag_blk{margin-bottom: 5%;}

/*記事一覧*/
#ArticleList #ctl00_ContentPlaceHolder1_searchCondition {
    display: block;
    margin: 5% auto;
    font-size: x-small;
border-bottom: 1px solid #c6ae9b;
}
#ArticleList #ListShowArea > li:nth-child(1){
    padding-top: 0;
    border-top: none;
}
#ArticleList #ListShowArea > li{
    border-top: 1px solid #c6ae9b;
    padding:5%;
    box-sizing: border-box;
    display: flex;
}
#ArticleList #ListShowArea > li > a{
    display: flex;
    align-items: center;
}
#ArticleList #ListShowArea > li > a > span{
    margin-right: 10%;
    width: 34%;
}
#ArticleList #ListShowArea > li img{
    width: 100%;
}
#ArticleList #ListShowArea > li > a > div{
    width: calc(315 *(100vw / 750));
}
#ArticleList #ListShowArea > li span.title{
    line-height: 1.5;
    letter-spacing: 0.12em;
    font-size: calc(26 *(100vw / 750));
}
#ArticleList #ListShowArea > li span.date{
    font-size: calc(22 *(100vw / 750));
    color: #999999;
    letter-spacing: 0.03em;
    margin-top: calc(15 *(100vw / 750));
    display: block;
    text-transform: uppercase;
}
#ArticleList #ListShowArea > li .articleListUserImage{
    display: flex;
    margin-top: 5%;
    align-items: center;
}
#ArticleList #ListShowArea > li .articleListUserImage img{
    width: 25%;
    height: 25%;
    margin-right: 7%;
    border-radius: 50%;
}
#ArticleList #ListShowArea > li .articleListUserImage ul{
    width: 135px;
}
#ArticleList #ListShowArea > li .articleListUserImage .shopname{
    font-size: calc(22 *(100vw / 750));
    color: #999999;
    margin-bottom: calc(5 *(100vw / 750));
}
#ArticleList #ListShowArea > li .articleListUserImage .username{
    line-height: calc(35 *(100vw / 750));
    font-size: calc(28 *(100vw / 750));
}

#ArticleList #productList_pager{text-align: center; font-size: 12px;font-family: Georgia, Times, 'Times New Roman';margin: calc(40 *(100vw / 750)) 0 0 calc(-20 *(100vw / 750));width: calc(750 *(100vw / 750));}

#ArticleList #productList_pager > div > span > a,
#ArticleList #productList_pager > div > span > b{
  display: inline-block;
  line-height: calc(50 *(100vw / 750));
  -webkit-transition: opacity .3s;
  transition: opacity .3s;
  width: calc(50 *(100vw / 750));
  height: calc(50 *(100vw / 750));
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 calc(10 *(100vw / 750));
}
#ArticleList #productList_pager > div > span > b{
  border: 1px solid;
}
#ArticleList #productList_pager > div a.next,
#ArticleList #productList_pager > div a.back{
  font-size: 0;
}
#ArticleList #productList_pager > div a.next span{
  margin: 0 21px 0 12px;
}
#ArticleList #productList_pager > div a.back span{
  margin: 0 12px 0 21px;
}
#ArticleList #productList_pager > div a span img{
  width: 8px;
  height: 30px;
}
/*ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
記事詳細共通CSS
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
.article-detail #article_contents{font-size: medium;letter-spacing: 0.05em;}
#articleSortType > .active {font-weight: bold;}

.clearfix::after{
    content: "";
    display: block;
    clear: both;
}


/*記事タイトル*/
.article-detail .articleInfo{
    display: flex;
    align-items: center;
    border-bottom: 1px solid #c6ae9b;
    padding-bottom: calc(35 *(100vw / 750));
    margin-bottom: calc(70 *(100vw / 750));
}
.article-detail .articleInfo #staffImg img { 
    border-radius: 50%;
    width: calc(80 *(100vw / 750));
    height: calc(80 *(100vw / 750));
    margin-right: calc(20 *(100vw / 750));
}
.article-detail #staff_content h2{
    font-size: calc(40 *(100vw / 750));
    line-height: 1.5;
    letter-spacing: 0.025em;
    margin-bottom: calc(30 *(100vw / 750));
    margin-top: calc(40 *(100vw / 750));
}
.article-detail .articleInfo #user_name{
    font-size: calc(24 *(100vw / 750));
    margin-bottom: calc(15 *(100vw / 750));
}
.article-detail .articleInfo #date{
    font-size:calc(24 *(100vw / 750));
    color: #999999;
}

/*記事本文*/
.article-detail #article_block{
    line-height: 2;
}
.article-detail #article_block img{
    width: 100%;
}
.article-detail .ss-article-box{
    margin-bottom: 10%;
}
.article-detail .boxtype-2-list > li:not(:last-child){
    margin-bottom: 50px;
}
.article-detail .boxtype-3-list,
.article-detail .boxtype-4-list{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.article-detail .boxtype-3-list > li,
.article-detail .boxtype-4-list > li{
    width: 48%;
}
.article-detail .boxtype-4-list > li:nth-child(-n+2){
    margin-bottom: calc(10 *(100vw / 750));
}
.article-detail .boxtype-1-list .ss-content-product-img{
    width: 48%;
}
.article-detail .ss-content-product-info{
    font-size: calc(24 *(100vw / 750));
    line-height: 1.5;
    color: #333333;
    letter-spacing: 0.025em;
    margin-top: calc(20 *(100vw / 750));
}
.article-detail .ss-content-user-info-list{
    display: flex;
    margin-top: 15px;
    align-items: center;
    line-height: 1.5;
    font-size: calc(24 *(100vw / 750));
}
.article-detail .ss-content-user-info-list .ss-content-user-image img{
    border-radius: 50%;
    width: calc(80 *(100vw / 750))!important;
    height: calc(80 *(100vw / 750));
    margin-right: calc(20 *(100vw / 750));
}
.article-detail .ss-content-user-meta-list li p{
    font-size: calc(24 *(100vw / 750));
}
.article-detail .ss-content-user-info-list .ss-content-user-label{
    display: none;
}
/*関連タグ*/
.article-detail #tag_block{
    margin-top: calc(90 *(100vw / 750));
}
.article-detail #tagList{
    display: flex;
    flex-wrap: wrap;
}
.article-detail #tagList .tagLinks{
    height: calc(50 *(100vw / 750));
    line-height: calc(50 *(100vw / 750));
    border: 1px solid #c6ae9b;
    border-radius: 25px;
    padding: 0 calc(20 *(100vw / 750));
    box-sizing: border-box;
    margin-top: calc(25 *(100vw / 750));
    margin-right: calc(10 *(100vw / 750));
}
.article-detail #tagList .tagLinks a{
    font-size: calc(24 *(100vw / 750));
    letter-spacing: 0.025em;
    color: #333333;
    display: block;
}



/*この記事を書いたスタッフ*/
.article-bottom #staffinfo_block{
    background: #f8f8f8;
    padding: calc(50 *(100vw / 750)) 0 calc(55 *(100vw / 750));
    font-size: calc(28 *(100vw / 750));
    letter-spacing: 0.025em;
}
.article-bottom #staffinfo_block .staffinfo_block_innner p{
    text-align: center;
}
.article-bottom #staffinfo_block .staff{
    display: flex;
    align-items: center;
    justify-content: center;
    /*margin: calc(30 *(100vw / 750)) 0 calc(35 *(100vw / 750));*/
    margin: calc(30 *(100vw / 750)) 0 0;
}
.article-bottom .staffinfo_block_innner .image{
    width: calc(160 *(100vw / 750));
    height: calc(160 *(100vw / 750));
    border-radius: 50%;
    margin-right: calc(40 *(100vw / 750));
}
.article-bottom .staffinfo_block_innner .image img{
    width: 100%;
    border-radius: 50%;
}
.article-bottom .staffinfo_block_innner ul{
    letter-spacing: 0.05em;
}
.article-bottom .staffinfo_block_innner ul .shop_name{
    color: #999999;
    font-size: calc(24 *(100vw / 750));
}
.article-bottom .staffinfo_block_innner ul .user_name{
        font-size: calc(28 *(100vw / 750));
    margin: calc(10 *(100vw / 750)) auto calc(20 *(100vw / 750));
}
.article-bottom .staffinfo_block_innner ul .link{
    font-size: calc(22 *(100vw / 750));
}
.article-bottom .staffinfo_block_innner ul .link a{
    text-decoration: underline;
}
.article-bottom .staffinfo_block_innner .btn{
    width: calc(600 *(100vw / 750));
    height: inherit;
    display: none;
}
.article-bottom .staffinfo_block_innner .btn a {
    padding: inherit;
    background: #999999;
    color: #fff;
    line-height: calc(100 *(100vw / 750));
    height: calc(100 *(100vw / 750));
}


/*その他の新着ブログ*/
.article-bottom #archive_block{
     margin: calc(90 *(100vw / 750)) auto calc(100 *(100vw / 750));
    letter-spacing: 0.025em;
    padding: 0 calc(30 *(100vw / 750));
}
.article-bottom #archive_block img{
    width: 100%;
}
.article-bottom #archive_block h3{
    font-size: calc(30 *(100vw / 750));
    border-bottom: 1px solid;
    padding-bottom: calc(25 *(100vw / 750));
    padding-left: calc(20 *(100vw / 750));
}
.article-bottom #archive_block h2.ttl{
    display: none;
}
.article-bottom #archive_block .articlePart .archive li > a,
.article-bottom #archive_block .articlePart .article_info > div{
    display: flex;
    align-items: center;
}
.article-bottom #archive_block .articlePart .article_info{
    width: calc(490 *(100vw / 750));
}
.article-bottom #archive_block .archive > li{
    border-bottom: 1px solid #e8e8e8;
    padding-bottom: calc(40 *(100vw / 750));
    margin-top: calc(40 *(100vw / 750));
}
.article-bottom #archive_block .ttl_img{
    width: calc(180 *(100vw / 750));
    margin-right: calc(20 *(100vw / 750));
}
.article-bottom #archive_block .title{
    font-size: calc(28 *(100vw / 750));
    line-height: calc(42 *(100vw / 750));
    color: #333333;
    margin-bottom: calc(20 *(100vw / 750));
}
.article-bottom #archive_block .topUserImage img{
    width: calc(64 *(100vw / 750));
    height: calc(64 *(100vw / 750));
    margin-right: calc(15 *(100vw / 750));
    border-radius: 50%;
}
.article-bottom #archive_block .articlePart .article_info > div ul{
    font-size: calc(22 *(100vw / 750));
    line-height: calc(30 *(100vw / 750));
    letter-spacing: 0.05em;
}
.article-bottom #archive_block .articlePart .article_info > div ul .shop_name{
    color: #999999;
    font-size: calc(20 *(100vw / 750));
}
.article-bottom #archive_block .articlePart .article_info .date{
    display: block;
    text-align: right;
    font-size: calc(20 *(100vw / 750));
    color: #999999;
}
.article-bottom .all_btn{
    text-align: center;
    margin-top: calc(60 *(100vw / 750));
}
.article-bottom .all_btn a{
    font-size: calc(28 *(100vw / 750));
    padding: 0 calc(10 *(100vw / 750)) calc(15 *(100vw / 750)) calc(10 *(100vw / 750));
    border-bottom: 1px solid;
    font-family: Georgia, Times, 'Times New Roman', sans-serif;
}

/*ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
お気に入りスタッフリスト用CSS
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
#FavoriteStaffListArea > li{width: 180px; display: inline-block; vertical-align: top; margin: 0 0 10px 10px;}
.favorite_staff_removed_text {
    width: 150px;
    text-align: center;
    position:absolute;
    border: 1px solid #ccc;
    color: #666;
    border-radius: 4px;
    background: #eee;
}
.favorite_staff_registered_text {
    width: 150px;
    text-align: center;
    position:relative;
    border: 1px solid #00a6dd;
    color: #00a6dd;
    border-radius: 4px;
    background: #cceeff;
}



/*ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
個人ページ
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
.main-area #staff_contents h2.ttl-main{
    display: none;
}
#staff_contents{
    margin-top: calc(35 *(100vw / 750))!important;
}
.StaffDetail_tabs {
    margin: 0 calc(20 *(100vw / 750));
}
/*タブのスタイル*/
.StaffDetail_tabs .tab_item {
  width: calc(230 *(100vw / 750));
    height: calc(76 *(100vw / 750));
    margin-right: calc(10 *(100vw / 750));
    line-height: calc(76 *(100vw / 750));
    font-size: calc(24 *(100vw / 750));
    text-align: center;
    display: block;
    float: left;
    text-align: center;
    font-weight: 500;
    transition: all 0.2s ease;
    font-family: Georgia, Times, 'Times New Roman'!important;
    letter-spacing: 0.08em;
    border: 1px solid #c6ae9b;
    border-bottom: none;
}

 #BLOG_content {
display:none!important;
}


/*ラジオボタンを全て消す*/
.StaffDetail_tabs input[name="tab_item"] {
  display: none;
}

/*タブ切り替えの中身のスタイル*/
.StaffDetail_tabs .tab_content {
/*  display: none;*/
  clear: both;
  overflow: hidden;
  border-top: 1px solid #c6ae9b;
}
.StaffDetail_tabs .tab_content #coo_contents,
.StaffDetail_tabs .tab_content #article_contents {
      padding: 0;
}

/*選択されているタブのコンテンツのみを表示*/
.StaffDetail_tabs #STYLESNAP:checked ~ #STYLESNAP_content,
.StaffDetail_tabs #BLOG:checked ~ #BLOG_content{
  display: block;
  padding-top: calc(50 *(100vw / 750));
}

/*選択されているタブのスタイルを変える*/
.StaffDetail_tabs input:checked + .tab_item {
  background-color: #e5e5e5;
}

/*個人ページ ブログ一覧*/
.StaffDetail_tabs #BLOG_content ul.archive{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.StaffDetail_tabs #BLOG_content ul.archive > li{
    width: calc(340 *(100vw / 750));
    margin-top: calc(50 *(100vw / 750));
}
.StaffDetail_tabs #BLOG_content ul.archive > li:nth-child(-n+2){
    margin-top: 0;
}
.StaffDetail_tabs #BLOG_content .article_info > div{
    display: none;
}
.StaffDetail_tabs #BLOG_content .article_info .title{
    font-size: calc(24 *(100vw / 750));
    line-height: 1.5;
    margin: calc(30 *(100vw / 750)) auto calc(15 *(100vw / 750));
    letter-spacing: 0.12em;
}
.StaffDetail_tabs #BLOG_content .article_info .date{
    font-size: calc(22 *(100vw / 750));
    color: #999999;
    letter-spacing: 0.03em;
}
.StaffDetail_tabs #BLOG_content .all_btn{
    margin-top: calc(80 *(100vw / 750));
}

#ctl00_ContentPlaceHolder1_ctl01_staffNameSelector{
display: flex;
    justify-content: space-between;
    font-size: calc(28 *(100vw / 750));
    margin-bottom: calc(20 *(100vw / 750));
    align-items: center;
}

#staffstart_pager{
margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
    /* width: 80%; */
    text-align: center;
    color: #463620;
}
#staffstart_pager span {margin: 0 1%;
}}

span.ss-font-size-x-small {font-size: x-small; }
span.ss-font-size-small {font-size: small; }
span.ss-font-size-medium {font-size: medium; }
span.ss-font-size-large {font-size: large; }
span.ss-font-size-x-large {font-size: x-large; }