img {
    image-rendering: -webkit-optimize-contrast;
}

@media (max-width:559px) {
.sp_display_none {display:none;}
}
@media (min-width:559px) {
.pc_display_none {display:none;}
}


  /*ログインボックス*/
.login_container_box {background-color:#f2f2f2;border-radius:4px;padding:20px;}
.login_container_title{font-weight:700;}
@media (max-width:559px) {
.login_container_title{text-align:center;}
}


  /*価格表記（セール）*/
.product_price-normal, .productList_item_price-normal, .productOrderList_item_price-normal {display: none;}

@media (max-width:559px) {
.fantas__categorypc {display:none;}
}
@media (min-width:559px) {
.fantas__categorysp {display:none;}
}

.banner_column {
  width: 100%;
  margin-bottom: 8px;
}
.banner_column-3,.banner_column-5 {
  width: 100%;
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
}
.banner_column-5 {
  max-width : 1220px;
  margin    : 0 auto;
  padding   : 0 8px;
}
.banner_column-3 > div {
  width: 32.5%;
  margin-right: 1.25%;
}
.banner_column-5 > div {
  width: 19%;
  margin-right: 1%;
}
.banner_column_item-3_2 {
  float: left;
  width: 66.25%;
  margin-right: 1.25%;
  margin-bottom: 8px;
}
.banner_column_item-3_1 {
  float: left;
  width: 32.5%;
  margin-bottom: 8px;
}
.common_information {
  text-align: center;
  margin-bottom: 30px;
}
.caution {
  display:inline-block;
  border: 2px solid #dc0800;
  font-weight: 700;
  color:#dc0800;
  padding: 5px 10px;
  margin-bottom: 30px;
}
.cart_caution {
  background-color: #edf5ec;
  padding: 8px 10px;
}
@media (max-width:559px) {
.banner_column-3 > div,.banner_column-5 > div {
  width: 49%;
  margin-right: 2%;
}
.banner_column-3 > div:nth-of-type(2n),.banner_column-5 > div:nth-of-type(2n) {
  margin-right: 0;
}
.banner_column_item-3_2 {
  /*width: 100%;*/                      /* 20210701修正 */
  /*margin-right: 0%;*/                 /* 20210701修正 */
  display: none;                        /* 20210701修正 */
}
.banner_column_item-3_1 {
  display: none;
}
}
.banner_column-3 > div:nth-of-type(3n) {
  margin-right: 0;
}
@media (max-width:559px) {
  .banner_column-3 > div:nth-of-type(3n) {
    margin-right: 2%;
  }
}
.banner_column-5 > div:nth-of-type(5n) {
  margin-right: 0;
}
@media (max-width:559px) {
  .banner_column-5 > div:nth-of-type(5n) {
    margin-right: 2%;
  }
}
.banner_column_item {
  margin-bottom: 4px;
}
.banner_column_item_sp {
  display: none;
}
@media (max-width:559px) {
  .banner_column_item_sp {
    display: block;
  }
}




@media (min-width:560px) {
.freearea_1 .category div{width:15%; margin-right: 2%; margin-bottom: 2%; float: left;}
.freearea_1 .category div:nth-child(6n){margin-right: 0;}

.freearea_1 .genre div{width:32%; margin-right: 0%; margin-bottom: 1.8%; float: left;}
.freearea_1 .genre div:nth-child(3n),.freearea_1 .genre div:nth-child(4n){margin-right: 2%; margin-bottom: 4%;}
.freearea_1 .genre div:nth-child(5n){margin-bottom: 4%;}

.features_title {font-weight: 700; font-size:1.6rem;}

.freearea_1 .banner2 div{width:48% !important; margin-right: 4% !important;font-size:12px !important;}
.freearea_1 .banner2 div:nth-child(2n) {margin-right: 0 !important;}
.freearea_1 .banner2 .cap_box {width:100% !important;position: relative;}
.freearea_1 .banner2 .caption {font-weight:700;font-size:120%;margin: 2px 0 0 0;}
.freearea_1 .banner2 .text {margin:0 0 15px 0;}
}
@media (max-width:559px) {
.features_title {text-align: center; font-weight: 700; font-size:1.6rem;}
.freearea_1 .category div{width:18.4%; margin-right: 2%; margin-bottom: 2%; float: left;}
.freearea_1 .category div:nth-child(5n){margin-right: 0;}
.freearea_1 .genre div{width:49%; margin-right: 2%; margin-bottom: 2%; float: left;}
.freearea_1 .genre div:nth-child(2n){margin-right: 0;}
.freearea_1 .genre div:nth-child(5n){margin-bottom: 25px;}

.freearea_1 .banner2 div{width:49% !important; margin-right: 2% !important;font-size:10px !important;}
.freearea_1 .banner2 div:nth-child(2n) {margin-right: 0 !important;}
.freearea_1 .banner2 .caption {font-size: 110%;font-weight: 700; padding-right: 3px;margin: 5px 0 0 0 ;line-height: 1.2;}
.freearea_1 .banner2 .text { padding-right: 3px;margin:5px 0 15px 0;line-height: 1.4;}
}


/* ------------------------------------
  トップページ
------------------------------------ */
/* NewArrivalのレイアウト調整 */
div#newArrival {margin-bottom: 8%;}

.banner1 .features_title {font-size:1.8rem;}
@media (max-width:559px) {
.banner1 .features_title {text-align: left;}
}

/* ------------------------------------
  当サイトについて
------------------------------------ */
.aboutus_bloc {background: #f2f2f2; padding: 30px;}
.aboutus_bloc img { margin: 20px auto; width: 160px;}
@media (min-width:560px) {
  .aboutus_bloc { text-align: ; font-size: 14px;;}
}
@media (max-width:559px) {
  .aboutus_bloc { text-align: ; font-size: 14px;}
}


/* ------------------------------------
  ご利用ガイド
------------------------------------ */
.guide_contents {
    width: 100%;
    margin: auto;
}
.guide_contents_title {
    border-top: 1px dotted #666;
    padding-top: 20px;
    margin-top: 20px;
    font-size: 20px;
    font-weight: 700;
}

.guide_textL {
    font-size: 16px;
    font-weight: 700;
    margin: 30px 0 0 40px;
    line-height: 1.4em;
}

.guide_textM {
    font-size: 12px;
    margin: 10px 0 10px 40px;
}

.guide_textS {
    font-size: 11px;
    margin: 0 0  10px 40px;
    }

.guide_contents .anker {
    border-left: 3px solid #666;
    padding-left: 8px;
}
.guide_contents .panel {
    background-color: #eeeeee;
    margin: 0 0 0 40px;
    padding: 10px;
}
.guide_contents .logoA img {
    width: 450px;
}
.guide_contents .logoB img {
    width: 200px;
}
@media (max-width:559px) {
.guide_textL {
    margin: 30px 0 0 0;
}

.guide_textM {
    margin: 10px 0 10px 0;
}

.guide_textS {
    margin: 0;
    }

.guide_contents .panel {
    margin: 0;
}
.guide_contents .logoA img {
    width: 100%;
}
.guide_contents .logoB img {
    width: 200px;
}
}

/* サマリーリンク */
.definition_wrap .summary {
   margin: 10px 0 30px;
}
.definition_wrap .summary li {
   position:relative;
   padding: 10px 20px 10px;
   margin: 0.3%;
   background-color: #f2f2f2;
   list-style:none;
   font-size: 14px;
   font-weight: 700;
}
.definition_wrap .summary li:before{
 content:'';
 display:inline-block;
 position:absolute;
 left:10px;
 top:20px;
 width:5px;
 height:5px;
 border-bottom:1px solid #888;
 border-right:1px solid #888;
 transform:rotateZ(-45deg);
}
.definition_wrap .summary li a {
   text-decoration: none;
}
.guide_contents{
   display: block;
   margin-top:-130px;
   padding-top:130px;
}

@media (max-width:559px) {
.guide_contents{
   margin-top:-50px;
   padding-top:50px;
}
}

@media (min-width:560px) {
.definition_wrap .summary {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}
.definition_wrap .summary li {
     -webkit-flex-grow: 1;
    flex-grow: 1;
    width: 49%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

/* 奇数で終わるときだけ使用する */
.summary:after {
    content: "";
    display: block;
    width: 50%;  /* .boxに指定したwidthと同じ幅を指定する */
    height: 0;
}
}

/* ------------------------------------
  プライバシーポリシー
------------------------------------ */
.innerTtl {
    font-size: 16px;
    font-weight: 700;
    margin-top: 30px;
}

/* ul, olのリストスタイル個別設定（2022.03.28） */
ol.list_decimal li {
    list-style-type: decimal;
    margin-left: 1.5em;
}
ul.list_disc li {
    list-style-type: disc;
    margin-left: 1.5em;
}


/* ------------------------------------
  サブナビ<h1>（2022.03.28）
------------------------------------ */
h1.title_heading-1{
    font-size:18px;
    border-top: 1px solid #cdcdcd;
    border-bottom: 1px solid #cdcdcd;
    margin: 0 auto 10px;
}
section.section {
    border-top:none;
}
@media (min-width:560px) {
h1.title_heading-1{width: 60%;}
}
@media (max-width:559px) {
h1.title_heading-1{width: 90%;}
}


/* ------------------------------------
  カート～購入手続き
------------------------------------ */
/* のし-「法人」項目 */
.corporationOption {display:none;}
/* のし-「その他」ボックス下テキスト */
.fieldset_body_text {display:none;}


/* ------------------------------------
  商品一覧ページ
------------------------------------ */
/* .listSort_category {display: none;} */カテゴリタイトル消したい時


#category_listpage {margin: 0 0 -60px 0; padding: 0;}
#category_listpage li a {text-decoration: none;}
#category_listpage li {list-style: none;float: left; font-weight:700;text-align:center;line-height: 1.2em;}

@media (min-width:560px) {
#category_listpage li {width: 20%;font-size: 120%;padding: 0 3% 3% 3%;}
#category_listpage li:nth-child(5n+1) {clear: both;}
#category_listpage li img {margin: auto;width: 60px;}
}

@media (max-width:559px) {
#category_listpage li {width: 33.3%;font-size: 110%;padding: 4% 4% 0% 4%;}
#category_listpage li:nth-child(1), #category_listpage li:nth-child(2), #category_listpage li:nth-child(3) {padding-top: 0% !important;}
#category_listpage li:nth-child(3n+1) {clear: both;}
#category_listpage li img {margin: auto;width: 42px;}
}


/* h1とソート機能部分のレイアウト調整（2022.03.28） */
@media (min-width:560px){ 
div.listSort div.listSort_category {width:100%;}
}


/* ------------------------------------
  商品一覧ページ（インフォメーション）
------------------------------------ */
    /* リンクカード */
    .pb-btn{
      margin: 3em auto;
      max-width:500px;
      width:80%;
      position:relative;
    }
    .pb-btn p{
      margin:0 !important;
      padding:0 !important;
    }
    .pb-btn a{
      display:block;
      padding:1.5em 2em 1.3em;
      color:#333 !important;
      background:#FAFAFA;
      border:2px solid #777;
      font-size:16px !important;
      font-weight:600;
      position:relative;
      transition:all 0.2s;
      text-decoration:none;
    }
    .pb-btn .pb-btn__text{
      max-width: 90%;
      display: block;
      line-height:1.8;
    }
    .pb-btn .pb-btn__label{
      background: #4d4d4d;
      color: #fff;
      display: inline-block;
      padding: 0.5em 1em !important;
      font-size: 12px !important;
      line-height: 12px;
      font-weight: 600;
      letter-spacing: 0.5px;
      position:absolute;
      top: -12px;
      left: 23px;
      z-index: 1;
    }
    .pb-btn .pb-btn__add{
      font-size:12px !important;
      letter-spacing:0.5px;
      margin: 7px auto 0 !important;
      max-width:90%;
      font-weight:600;
      text-align:center;
    }
    .pb-btn a:after{
      position: absolute;
      content: "";
      display: inline-block;
      right: 7%;
      top: 50%;
      width: 9px;
      height: 9px;
      border-top: 3px solid #333;
      border-right: 3px solid #333;
      -webkit-transform: rotate(45deg) translateY(-50%);
      transform: rotate(45deg) translateY(-50%);
    }
    .pb-btn a:hover{
      transition:0.2s;
      text-decoration:none;
      opacity:1;
    }
    @media screen and (max-width:559px) {
      .pb-btn{
        width:90%;
      }
      .pb-btn a {
        padding: 1.3em 1.3em 1.2em;
        font-size:14px !important;
      }
      .pb-btn .pb-btn__label{
        left:14px;
      }
      .pb-btn .pb-btn__add{
        text-align:left;
      }
    }

.category_info_bn div { margin-bottom: 20px;}
.category_info_bn img { border-radius: 4px;}
.category_info_bn a { text-decoration: none;}
.category_info_bn .title { margin-top: 5px; font-weight: 700;font-size: 120%!important;}
.category_info_bn .text { font-size: 100%!important;}

.category_info_list { 
    margin: 0!important; 
    padding:0!important;
}
ul.category_info_list li {
  list-style: none!important;
  font-size: 14px!important;
  float: left;
  background-color: #efefef;
  border-radius: 5px;
  padding: 5px;
  margin: 10px 10px 5px 0;
}
ul.category_info_list li a {
  text-decoration: none;
}

@media screen and (min-width: 559px) {
.category_info .text { margin-bottom: 50px;}
.category_info_bn div { float: left; width: 30%; margin-top: 20px; margin-right: 5%;}
.category_info_bn div:nth-child(3n){ margin-right: 0%;}

}


/* ------------------------------------
  商品ラベル
------------------------------------ */
.listPage_list_item_label_item-1,.listPage_list_item_label_item-2{background-color:#337ab7 !important;}
.listPage_list_item_label_item-17{background-color:#5bc0de !important;}
.listPage_list_item_label_item-3,.listPage_list_item_label_item-4,.listPage_list_item_label_item-5,.listPage_list_item_label_item-6,.listPage_list_item_label_item-7{background-color:#fff;border:1px solid #c9c9c9 !important;}
.listPage_list_item_label_item-8{background-color:#b2b2b2 !important;}
.listPage_list_item_label_item-9,.listPage_list_item_label_item-11,.listPage_list_item_label_item-12,.listPage_list_item_label_item-13,.listPage_list_item_label_item-14,.listPage_list_item_label_item-15{background-color:#5cb85c !important;border:0 !important;}
.listPage_list_item_label_item-16,.listPage_list_item_label_item-18,.listPage_list_item_label_item-19,.listPage_list_item_label_item-20,.listPage_list_item_label_item-21,.listPage_list_item_label_item-22,.listPage_list_item_label_item-23,.listPage_list_item_label_item-24{background-color:#d9534f !important;}

.listPage_list_item_label_item-25{background-color:#b59071 !important;}

.listPage_list_item_label_item-25 span{color:#fff !important;}

.listPage_list_item_label_item-26{background-color:#243b6b !important;}

.listPage_list_item_label_item-26 span{color:#fff !important;}

  /*SOLD表記*/
.listPage_list_item .listPage_list_item_soldout {
  background-color: #cbcbcb;
  color: #fff!important;
  padding: 2px;
  text-align: center;
  font-weight: 700;
}

/* ------------------------------------
  商品ページ
------------------------------------ */
@media (min-width:559px) {
.product_shipping {
 border:0px!important;
 padding: 10px 0 0 0px!important;
}
}

  /*パンくず　スマホは表示量を調整*/
@media (max-width:559px) {
#breadcrumb ol:not(:first-child){display: none;}

}

.product_info .lead {
  font-weight: 700;
  font-size: 14px;
  line-height: 1.4em;
  margin-top: -0.4em;
  margin-bottom: 1em;
}

@media (max-width: 1023px) {
.product_detailInfo dl dt {
  width: 25%!important;}
.product_detailInfo dl dd {
    width: 75%!important;}
}
.product_detailInfo dl dt.detail_heading, .product_detailInfo dl dd.detail_description {
    width: 100%!important;;
}
.product_detailInfo .text_L {
  font-size: 140%;
  font-weight: 700;
}
.product_detailInfo .panel05 {
  border: 1px solid #c9c9c9;
  padding: 12px 15px;
}


.product_name {
  line-height: 1.2em;
  margin-bottom: 5px !important;
}
#price01_default, #price02_default {
  font-size: 16px;
}
.free_word{width:100%;margin-bottom:0px !important;}
.product_price_container {
  margin-bottom: 0px !important;
}
  .product_price{
  margin-top: 0px !important;
}
@media (max-width:559px) {
  .product_name {
  margin-top: 10px !important;
}
.product_detailHeading{
font-weight: 700;
font-size: 120%;}
}

/* フリーワードエリア */
.order_mark {border:1px solid #337ab7;padding:1px 5px;border-radius:2px;font-size: 12px;width: 100px; text-align: center;color:#337ab7;font-weight:700;}
.order_mark_v {border:1px solid #337ab7;padding:1px 5px;border-radius:2px;font-size: 12px;width: 100px; text-align: center;color:#337ab7;font-weight:700;}

.sale_mark {font-size: 14px;color:#dc0800;font-weight:700;}
.sale_mark_v {font-size: 12px;color:#dc0800;font-weight:700;}

.reserve_mark {font-size: 14px;color:#f33436;font-weight:700;}
.reserve_mark_v {font-size: 12px;color:#f33436;font-weight:700;}

.vintage_mark {border:1px solid #b59071;padding:1px 5px;border-radius:2px;font-size: 12px;width: 100px; text-align: center;color:#fff;font-weight:700;background-color:#b59071;}
.vintage_mark_v {border:1px solid #b59071;padding:1px 5px;border-radius:2px;font-size: 12px;width: 100px; text-align: center;color:#fff;font-weight:700;background-color:#b59071;}

.used_mark {border:1px solid #243b6b;padding:1px 5px;border-radius:2px;font-size: 12px;width: 100px; text-align: center;color:#fff;font-weight:700;background-color:#243b6b;}
.used_mark_v {border:1px solid #243b6b;padding:1px 5px;border-radius:2px;font-size: 12px;width: 100px; text-align: center;color:#fff;font-weight:700;background-color:#243b6b;}

.outlet_mark {border:1px solid #e84c3d;padding:1px 5px;border-radius:2px;font-size: 12px;width: 100px; text-align: center;color:#fff;font-weight:700;background-color:#e84c3d;}
.outlet_mark_v {border:1px solid #e84c3d;padding:1px 5px;border-radius:2px;font-size: 12px;width: 100px; text-align: center;color:#fff;font-weight:700;background-color:#e84c3d;}

/* 送料表 -F031- */
#df_f031, #op_f031, #op_code {border-collapse: collapse;}
#df_f031 tr, #op_f031 tr, #op_code tr {border-bottom: 1px solid #cfcfcf;}
#df_f031 th, #df_f031 td {
  text-align: center;
  border: 1px solid #c1c1c1;
  width: 15%;
  min-width: 30px;
  padding: 5px;
  height: 30px;
}
#df_f031 th {background-color:#f4f4f4;}
#df_f031 .tiny {padding: 0px;}
#df_f031 .pref td {font-size:11px;}

#op_f031 th, #op_code th {
  background-color:#f4f4f4;
  text-align: center;
  border: 1px solid #cfcfcf;
  width: 40%;
  min-width: 30px;
  padding: 5px;
  height: 30px;
}

#op_f031 td, #op_code td {
  text-align: center;
  border: 1px solid #cfcfcf;
  width: 15%;
  min-width: 30px;
  padding: 5px;
  height: 30px;
}
#op_f031 .txt, #op_code .txt {text-align: left;padding:10px;line-height: 1.4em;}
@media only screen and (max-width: 767px) {
  #df_f031 {
    display: block;
    overflow-x: scroll;
    white-space: nowrap;
  }
}

/* 送料表 */
#df_6col, #df_5col {border-collapse: collapse;}
#df_6col tr, #df_5col tr {border-bottom: 1px solid #cfcfcf;}
#df_6col th, #df_6col td {
  text-align: center;
  border: 1px solid #c1c1c1;
  width: 15%;
  min-width: 30px;
  padding: 5px;
  height: 30px;
}
#df_5col th, #df_5col td {
  text-align: center;
  border: 1px solid #c1c1c1;
  width: 15%;
  min-width: 30px;
  padding: 5px 12px;
  height: 30px;
}
#df_6col th, #df_5col th {background-color:#f4f4f4;}
#df_6col .tiny, #df_5col .tiny {padding: 0px;}
#df_6col .pref td, #df_5col .pref td {font-size:11px;}

@media only screen and (max-width: 767px) {
  #df_6col, #df_5col {
    display: block;
    overflow-x: scroll;
    white-space: nowrap;
  }
}


/* 送料表ポップアップ */
.open {
	cursor:pointer; /* マウスオーバーでカーソルの形状を変えることで、クリックできる要素だとわかりやすいように */
}
#pop-up {
	display: none; /* label でコントロールするので input は非表示に */
}
.overlay {
	display: none; /* input にチェックが入るまでは非表示に */
}
#pop-up:checked + .overlay {
	display: block;
	z-index: 9999;
	background-color: #00000070;
	position: fixed;
	width: 100%;
	height: 100vh;
	top: 0;
	left: 0;
}
.window {
	width: 90vw;
	max-width: 380px;
	height: auto;
    padding: 0 15px 30px 15px;
	background-color: #ffffff;
	border-radius: 6px;
	display: ;
	justify-content: center;
	align-items: center;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.text {
	margin: 0;
}
.close {
	cursor:pointer;
	position: absolute;
	top: 6px;
	right: 6px;
	font-size: 26px;
}

/* レビューエリア */
.product_review_list_item_header_title {border-top: 1px dotted #ccc !important;padding-top:15px !important;font-weight: 700 !important;font-size: 120% !important;}
.product_review_list_item_header_list_item_team {padding-right: 5px !important;}


/* 関連記事エリア */
.relatedContents .Contents p, .relatedArticles .Articles p { margin-top: 5px;font-weight: 700; line-height: 1.2;font-size:100%;}
.relatedContents .Contents a, .relatedArticles .Articles a { text-decoration:none;}

.relatedContents .Contents, .relatedArticles .Articles { float:left;width:calc((100% - 32px)/ 3);}
.relatedContents .Contents:not(:nth-of-type(3n+1)), .relatedArticles .Articles:not(:nth-of-type(4n+1)){margin-left:0}
.relatedContents .Contents:not(:nth-of-type(2n+1)), .relatedArticles .Articles:not(:nth-of-type(3n+1)){margin-left:16px}

@media (max-width:559px){
.relatedContents .Contents, .relatedArticles .Articles { margin-bottom: 15px;}
.relatedContents .Contents, .relatedArticles .Articles { float:left;width:calc((100% - 16px)/ 2);}
.relatedContents .Contents:not(:nth-of-type(3n+1)), .relatedArticles .Articles:not(:nth-of-type(3n+1)){margin-left:0}
.relatedContents .Contents:not(:nth-of-type(2n+1)), .relatedArticles .Articles:not(:nth-of-type(2n+1)){margin-left:16px}
}

/* 最近チェックした商品エリア */
.history_listBlock_item
{width:calc((100% - 64px)/ 6)!important;min-width:1px;position:relative}
@media (max-width:559px){
.history_listBlock_item{width:calc((100% - 32px)/ 3)!important}
.history_listBlock_item:not(:nth-of-type(5n+1)){margin-left:0}
.history_listBlock_item:not(:nth-of-type(3n+1)){margin-left:16px}
}

/* ------------------------------------
  送料区分エリア
------------------------------------ */
.oversea {
    display: block;
    font-weight: 700;
}
.oversea a {
    text-decoration: none;
}

/* ------------------------------------
  商品お知らせエリア（sassファイルから移動）
------------------------------------ */
.product_info .cpg {
  padding: 16px;
  margin-bottom: 30px;
  background-color: #eee
}

@media (max-width:559px) {
  .product_info .cpg {
    padding: 12px
  }
  .product_info .tx_cap01 {
    line-height: 180%
  }
.product_info .tx_capimg {
  margin-top: 20px;
  margin-bottom: -10px;
  border-radius: 4px;
}
}
@media (min-width:559px) {
.product_info .tx_capimg {
	display: none;
}
}

.product_info .tx_cap01 {
  margin-top: 20px;
  margin-bottom: 5px;
  font-weight: 700;
  font-size: 14px;
  border-left: 3px solid #444;
  padding-left: 8px
}

.panel01 {
  background-color: #f8e9e6;
  padding: 12px 14px 12px 16px;
}
.panel02 {
  border:3px solid #b59071;
  padding: 12px 14px 12px 16px;
}
.panel03 {
  background-color: #e7efe7;
  padding: 10px 14px 12px 16px;
  border-top: 5px solid #b8d1b8;
}
.panel_nc {
  margin-top: 20px;
  background-color: #f1eeda;
  padding: 15px 14px 6px 15px;
}
.panel_vb {
  margin-top: 20px;
  background-color: #efe3d9;
  padding: 15px 14px 6px 15px;
}
.panel_nc .title, .panel_vb .title {
    font-size: 120%;
    font-weight: 700;
}
.panel01 p, .panel02 p, .panel_nc p, .panel_vb p {
  margin-bottom: ;
  line-height: ;
}

.panel03 .btn {
  margin-top: 10px;
  background: #FFF;
  padding: 5px;
  text-align: center;
}
.panel03 .btn a {
  text-decoration: none;
  color: #333;
  font-weight: 700;
}
.panel01 .text_L, .panel02 .text_L, .panel03 .text_L, .panel_nc .text_L, .panel_vb .text_L {
  font-size: 160%;
}
.panel01 .text_B, .panel02 .text_B, .panel03 .text_B, .panel_nc .text_B, .panel_vb .text_B {
  font-size: 120%;
  font-weight: 700;
  margin-bottom: 8px;
}
.panel01 .attention_L {
  font-size: 160%;
  color: #dc5b55;
}
.panel01 .attention_S {	
  color: #dc5b55;
}

/* クーポン系 */
.panel06 {
padding:5px 15px;
background-color: #ededed;
border-radius: 8px 8px 0 0;
}
.panel06_bottom {
padding:0 15px;
background-color: #3960da;
border-radius: 0 0 8px 8px;
text-align:center;
}
.panel06 span{
margin: 0;
vertical-align: middle;
}
.panel06 .off {
color:#3960da;
font-weight:700;
font-size: 2em;
padding: 0 15px 0 0;
}
.panel06 .desc {
padding:3px 8px;
border:1px solid #666;
border-radius: 4px;
font-size: 0.9em;
}
.panel06 .expla {
font-weight:700;
}
.panel06 .expla_l {
font-weight:700;
font-size: 1.2em;
}
.panel06 .anchor {
padding:3px 4px; 
background-color: #d0d0d0;
border-radius: 4px;
font-size: 0.8em;
margin-right:5px;
margin-left:15px;
}
.panel06_bottom .strap {
color:#fff;
font-weight:700;
}



/* 5%OFFキャンペーン */
.panel_5peroff {
  border:3px solid #e60000;
  padding: 5px 12px 8px;
}
.panel_5peroff .text_empha {
  color: #e60000;
  font-size: 150%;
}


/* 大型送料無料＆セット割キャンペーン */
.cam_panel {background-color:#dadada;padding:15px;border-radius:4px;}
.cam_panel p {margin: 0 !important;}
.cam_panel img {width:100%;}
.cam_panel .cam_top {z-index: ;}
.cam_panel .panel {margin-top:-20px;background-color:#ffffff;padding:15px;border-radius:4px;}
.cam_panel .text_S{font-size:12px;padding-bottom: 15px;}
.cam_panel .text_L{font-size:16px;font-weight:700;}
.cam_panel .button-area {
  text-align: center;
}
.cam_panel .button-area p {
  display: inline-block;
  width: auto;
  background-color:#878787;
  border-radius:4px;
  font-size: 12px;
  font-weight: 700;
  text-align: center;
  padding: 5px 10px;
}
.cam_panel .button-area a {
  color:#ffffff;
  text-decoration:none;
}


/* 福袋 */

.fukubukuro_menu_panel,.fukubukuro_detail_group {
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    margin-bottom:50px;
}
.fukubukuro_menu_panel a {
    display:block;
    text-decoration:none;
    padding: 2% 5% 2% 5%;
}
.fukubukuro_menu_panel .fukubukuro_menu_L a {
    padding: 1.5% 3% 1.5% 3%;
}
.fukubukuro_menu_nc {
    background: url(/f/img/campaign/202301_01/nc_base.png) repeat;
    border-radius: 5px;
    width:46%;
    margin: 1% 2%;
    font-size:16px;
    font-weight: 700;
    color: #fff;
}
.fukubukuro_menu_mt {
    background: url(/f/img/campaign/202301_01/mt_base.png) repeat;
    border-radius: 5px;
    width:46%;
    margin: 1% 2%;
    font-size:16px;
    font-weight: 700;
    color: #fff;
}
.fukubukuro_menu_nc .title, .fukubukuro_menu_mt .title, .fukubukuro_menu_L .title {
    font-size:12px;
}
.fukubukuro_menu_nc .rank, .fukubukuro_menu_mt .rank, .fukubukuro_menu_L .rank {
    font-size:24px;
}
.fukubukuro_menu_L {
    background: url(/f/img/campaign/202301_01/mt_base.png) repeat;
    border-radius: 5px;
    width:96%;
    margin: 1% 2%;
    font-size:16px;
    font-weight: 700;
    color: #fff;
}
.fukubukuro_menu_down {
    width:100%;
    float:left;
    text-align: center;
    font-size:30px;
    color: #000;
}
.fukubukuro_detail_group div:nth-child(2n+1) {
    clear: both;
}
.fukubukuro_detail .title {
    margin-top: 15px;
    font-size:16px;
    font-weight:700;
    text-align:center;
}
.fukubukuro_detail .rank {
    font-size:30px;
    font-weight:700;
    text-align:center;
}
.fukubukuro_detail .caption {
    font-size:14px;
    margin-bottom: 15px;
}
.fukubukuro_detail .btn {
    font-size:16px;
    margin-top: 15px;
    padding: 10px;
    background-color: #ededed;
    color: #FF0000;
    text-align:center;
}

@media (min-width:560px) {
.fukubukuro_main_image {
    width:50%;
    margin:0 25%;
}
.fukubukuro_detail {
    width:46%;
    margin-left:2%;
    margin-right:2%;
    /*padding-bottom: 20px;*/
    padding-top: 130px;
    margin-top:-130px;
    padding-bottom: 50px;
}
}

@media (max-width:559px) {
.fukubukuro_detail {
    padding-top: 50px;
    margin-top:-50px;
    padding-bottom: 50px;
}
}


/* 照明キャンペーン */
.ltcp_panel {
    padding:5px 15px;
    background-color: #ededed;
    border-radius: 0 0 8px 8px;
}
.ltcp_panel_top {
    padding:5px 15px;
    color: #fff;
    background-color: #666;
    border-radius: 8px 8px 0 0;
    text-align:center;
}
.ltcp_panel_top .title {
    font-size: 18px;
    font-weight: 700;
}
.ltcp_panel p {
    padding: 5px 0;
    line-height: 1.6;
}
.ltcp_panel p span.presentA {
    color: #165560;
    font-size: 120%;
    font-weight: 700;
}
.ltcp_panel p span.presentB {
    color: #571a26;
    font-size: 120%;
    font-weight: 700;
}
.ltcp_panel p a {
    font-weight: 600;
    text-decoration: none;
}

/* セール&シークレットセール */
.sale_panel {
    background-color: #eee;
    border-radius: 8px;
}
.sale_panel img {
border-top-left-radius: 8px;
border-top-right-radius: 8px;
    margin: 0 0 15px;
    padding: 0;
    width: 100%;
    height: auto;
}
.sale_panel p {
    padding: 0 15px;
    margin-bottom: 1rem;
    line-height: 1.5;
}
.sale_panel p.text_L {
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 1.3;
}
.sale_panel a {
    padding: 0 15px;
    display: inline-block;
    line-height: 1.5;
    text-decoration: none;
}
.sale_panel span {
    padding: 5px;
    display: inline-block;
    border: 1px solid #999;
    margin: 15px;
    color: #999;
    font-size: 1.2rem;
    line-height: 1.5;
}

/* カスタムフェア */
.custom_panel {
    background-color: #eee;
    border-radius: 8px;
}
.custom_panel img {
border-top-left-radius: 8px;
border-top-right-radius: 8px;
    margin: 0 0 15px;
    padding: 0;
    width: 100%;
    height: auto;
}
.custom_panel p {
    padding: 0 15px;
    margin-bottom: 1rem;
    line-height: 1.8;
}
.custom_panel p.text_L {
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 1.3;
}
.custom_panel a {
    padding: 0 15px;
    display: inline-block;
    line-height: 1.5;
    text-decoration: none;
}
.custom_panel .text_L_date {
    color: #ff5252;
    font-weight: 700;
    font-size: 1.4rem;
    font-weight: 700;
}
.custom_panel span {
    padding: 5px 10px;
    display: inline-block;
    border: 1px solid #ff5252;
    margin: 5px 15px 15px 15px;
    color: #ff5252;
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 1.5;
}
.custom_panel .span_s {
    padding: 5px;
    display: inline-block;
    border: 1px solid #555;
    margin: 15px;
    color: #555555;
    font-size: 1.1rem;
    line-height: 1.6;
}

/* アワードフェア */
.award_panel {
  border:3px solid #f7cf18;
  border-radius: 8px;
}
.award_panel img {
    margin: -6px 0 0 0;
    padding: 0;
    width: 100%;
    height: auto;
}
.award_panel p {
    padding: 0 15px;
    margin-bottom: 1rem;
    line-height: 1.5;
}
.award_panel p.text_L {
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 1.3;
}
.award_panel a {
    padding: 0 15px;
    display: inline-block;
    line-height: 1.5;
    text-decoration: none;
}
.award_panel span {
    padding: 5px;
    display: inline-block;
    border: 1px solid #999;
    margin: 15px;
    color: #999;
    font-size: 1.2rem;
    line-height: 1.5;
}
.award_panel_case {
  background-color: #e5e3d8;
  border-radius: 8px;
  padding: 12px 14px 12px 16px;
}
.award_panel_case .text_B {
  font-size: 120%;
  font-weight: 700;
  margin-bottom: 3px;
}

/* ラグキャンペーン */
.rugCP_panel {
  border:3px solid #f37239;
  border-radius: 8px;
}
.rugCP_panel img {
    margin: -6px 0 0 0;
    padding: 0;
    width: 100%;
    height: auto;
}
.rugCP_panel p {
    padding: 0 15px;
    margin-bottom: 1rem;
    line-height: 1.5;
}
.rugCP_panel a {
    padding: 0 15px;
    display: inline-block;
    line-height: 1.5;
    text-decoration: none;
}

/* 菅井汲アートフェア */
.sugaiART_panel {
  border:3px solid #cd3238;
  border-radius: 8px;
}
.sugaiART_panel img {
    margin: 0;
    padding: 0;
    width: 100%;
    height: auto;
}
.sugaiART_panel p {
    padding: 0 15px;
    margin-bottom: 1rem;
    line-height: 1.5;
}
.sugaiART_panel a {
    padding: 0 15px;
    display: inline-block;
    line-height: 1.5;
    text-decoration: none;
}

/* ザノッタフェア */
.znttfair_panel {
    background-color: #eee;
    border-radius: 8px;
}
.znttfair_panel img {
border-top-left-radius: 8px;
border-top-right-radius: 8px;
    margin: 0 0 15px;
    padding: 0;
    width: 100%;
    height: auto;
}
.znttfair_panel p {
    padding: 0 15px;
    margin-bottom: 1rem;
    line-height: 1.5;
}
.znttfair_panel .button-area {
  text-align: center;
  padding: 10px;
}
.znttfair_panel .button-area p {
  display: inline-block;
  width: auto;
  background-color:#333;
  border-radius:4px;
  font-size: 12px;
  font-weight: 700;
  text-align: center;
  padding: 5px 20px;
}
.znttfair_panel .button-area a {
  color:#ffffff;
  text-decoration:none;
}

/* ウルム早割り */
.hayawari_panel {
  border: 3px solid #dba500;
  border-radius: 20px;
}
.hayawari_panel img {
    margin: -10px 0 0 -10px;
    padding: 0;
    width: 100%;
    height: auto;
}
.hayawari_panel p {
    padding: 10px 15px 5px;
    margin-bottom: 1rem;
    line-height: 1.5;
}
.hayawari_panel p.text_L {
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 1.3;
}

/* アカプルコクラシックレッド */
.acrd_panel {background-color:#e5e5e5;padding:15px;border-radius:4px;}
.acrd_panel .text_L{font-size:16px;font-weight:700;padding-bottom: 6px;padding-bottom: 4px;color:#c80015;}

/* ボビーワゴンストーンホワイト */
.bwsw_panel {background-color:#f5f5f1;padding:15px;border-radius:4px;}
.bwsw_panel .text_L{font-size:16px;font-weight:700;padding-bottom: 8px;color:#565656;line-height:1.3;}

/* ボビーワゴンブルーホエール */
.bwbw_panel {background-color:#7aabc3;padding:15px;border-radius:4px;}
.bwbw_panel .text_L{font-size:16px;font-weight:700;padding-bottom: 8px;color:#fff;line-height:1.3;}
.bwbw_panel {color:#fff;}

/* ボビーワゴンダスティピンク */
.bwdp_panel {background-color:#ecdfe1;padding:15px;border-radius:4px;}
.bwdp_panel .text_L{font-size:16px;font-weight:700;padding-bottom: 8px;color:#766467;line-height:1.3;}

/* プリアブルー（メトロクス20周年） */
.pliablue_panel {background-color:#e2e9f1;padding:15px;border-radius:4px;}
.pliablue_panel .text_L{font-size:16px;font-weight:700;padding-bottom: 8px;color:#19528a;line-height:1.3;}

/* プリア数量限定 */
.pcl_panel {background-color:#333;padding:15px;border-radius:4px;color:#ccc;}
.pcl_panel .text_L{font-size:16px;font-weight:700;padding-bottom: 8px;color:#fff;line-height:1.3;}

/* アイアーマンオレンジ */
.eiermannorange_panel {background-color:#f5dedc;padding:15px;border-radius:4px;}
.eiermannorange_panel .text_L{font-size:16px;font-weight:700;padding-bottom: 8px;color:#d83e1a;line-height:1.3;}
.eiermannorange_panel a {text-decoration: none; }

/* アイアーマングリーン */
.eiermanngreen_panel {background-color:#deebde;padding:15px;border-radius:4px;}
.eiermanngreen_panel .text_L{font-size:16px;font-weight:700;padding-bottom: 8px;color:#688565;line-height:1.3;}
.eiermanngreen_panel a {text-decoration: none; }

/* ボビーワゴンキャンペーン */
.boby_cam_panel {background-color:#e9417e;padding:15px;border-radius:4px;color:#fff;}
.boby_cam_panel .text_M{font-size:14px;font-weight:700;padding-bottom:8px;line-height:1.3;}
.boby_cam_panel .text_L{font-size:20px;font-weight:700;padding-bottom:16px;line-height:1.3;}
.boby_cam_panel a {text-decoration:none;color:#f6ffb9;}

/* キャンペーンページ */
@media (min-width:560px) {
.fantas-article__item .fantas__cpMainImg .fantas_item-image_area img {width:70%; margin-left: 15%;}
}

.bubble01 {
    position: relative;
    padding: 15px;
    outline: 2px solid #0c70aa;
    outline-offset: 2px;
    background: #c1dded;
    color: #333;
    font-size: 26px;
    font-weight: bold;
    text-align:center;
    max-width: 700px;
    margin: 0 auto;
}

.bubble01:before {
    position: absolute;
    top: calc(100% + 2px);
    left: 30%;
    height: 20px;
    width: 15px;
    background-color: white;
    border-right: 3px solid #0c70aa;
    content: "";
}

.bubble01 p {
    color: white;
    line-height: 1.5;
}

.btn_cp_center img { max-width:500px; text-align:center; margin:25px auto 0; transition:0.7s ; } 
.btn_cp_center img:hover { opacity: 0.7; }
.heading_adden { font-size:26px; text-align:center; font-weight:600; }
.heading_adden::before {
	content: attr(data-en);
	display: block;
	color: #0c70aa;
	font-size: 18px;
}
.heading_adden::after {
	content: '';
	display: block;
	width: 60px;
	height: 2px;
	background-color: #acacac;
	margin: 10px auto 0;
}

/* ボビーワゴンCPボタンリンク 
#btn_boby_campaign {
    width: 100%;
    height: 0;
 
    padding:9.578544061302682% 0;
 
    background: url(../img/campaign/202203_02/btn_cp_boby_deail.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 90% auto;
    color:#000;
  }
#btn_boby_campaign a {display:none;}*/
#btn_boby_campaign {background:none;text-align:center;}
#btn_boby_campaign img {width:90%;padding-left:5%;}

@media (min-width:560px) {
.boby_campaign_order img, .fantas-article__item .fantas__bobyCP2023main .fantas_item-image_area img {width:60%; margin-left: 20%;}
}

/* スマホヘッダー上部会員登録文言*/
infoarea_text {color:#fff;}
.infoarea .infoarea_text {background-color:#1c2d5e;}

/* キャンペーン記事ページ用 MV PC対応 */
@media (min-width:560px) {
.fantas-article__item .fantas__CPmain .fantas_item-image_area img {width:80%; margin-left: 10%;}
}

/* アカプルコキャンペーン */
.ac_cam_panel {background-color:#731a27;padding:15px;border-radius:4px;color:#ffffff;}
.ac_cam_panel .text_M{font-size:14px;font-weight:700;padding-bottom: 8px;color:#ffffff;line-height:1.3;}
.ac_cam_panel .text_L{font-size:20px;font-weight:700;padding-bottom: 16px;color:#ffffff;line-height:1.3;}
.ac_cam_panel a, .ac_cam_panel a:hover {text-decoration: none; color:#ffd48c;}

@media (min-width:560px) {
.fantas-article__item .fantas__acapulcoCP2023main .fantas_item-image_area img {width:80%; margin-left: 10%;}
}

/* シープスキンセット */
.acs_cam_panel {background-color:#ececec;padding:15px;border-radius:4px;}
.acs_cam_panel .text_M{font-size:14px;font-weight:700;padding-bottom: 8px;color:#613458;line-height:1.3;}
.acs_cam_panel .text_L{font-size:20px;font-weight:800;padding-bottom: 16px;color:#613458;line-height:1.3;}
.acs_cam_panel a {text-decoration: none;}

/* 照明キャンペーン */
.list_lightingCP a {text-decoration: none;}
.list_lightingCP div {float: left;width: 46%; margin: 0 2% 0; padding-bottom: 10px;}
.list_lightingCP div:nth-child(2n) {margin-right: 0%;}
.list_lightingCP div.description p.title {font-weight: 700; font-size: 120%;margin: 2% 0; line-height: 1.5;}
.list_lightingCP div.description p.text {font-size: 100%;margin: 0 0 10% 0; line-height: 1.6;}
.list_lightingCP div.description dl {margin-bottom:10%;}
.list_lightingCP div.description dl dt {font-size: 100%; font-weight: 700;}
#presentA_lightingCP, #presentB_lightingCP, #benefits01_cp, #benefits02_cp {display: block;margin-top:-130px;padding-top:130px;}


@media (max-width:559px) {
.list_lightingCP div {float: none;width: 96%; margin-right: 0;}
#presentA_lightingCP, #presentB_lightingCP, #benefits01_cp, #benefits02_cp {margin-top:-50px;padding-top:50px;}
}

/* nuskool 5th */
.nskl5th_panel_ttl img {border-top-left-radius: 8px;border-top-right-radius: 8px;margin: 0;padding: 0;width: 100%;height: auto;}
.nskl5th_panel {background-color:#eaede8;padding:15px;border-bottom-left-radius: 8px;border-bottom-right-radius: 8px;}
.nskl5th_panel .text_M{font-size:14px;font-weight:700;padding: 10px 0 8px;line-height:1.3;}
.nskl5th_panel .button-area {text-align: center;padding: 20px 10px 0;}
.nskl5th_panel .button-area p {display: inline-block;width: auto;background-color:#333;border-radius:4px;font-size: 12px;font-weight: 700;text-align: center;padding: 5px 20px;}
.nskl5th_panel .button-area a {color:#ffffff;text-decoration:none;}

/* ラグキャンペーン */
.rug_cam_panel {background-color:#ebe8df;padding:15px;border-radius:4px;}
.rug_cam_panel .text_M{font-size:14px;font-weight:700;padding-bottom: 8px;color:#222;line-height:1.3;}
.rug_cam_panel .text_L{font-size:20px;font-weight:700;padding-bottom: 16px;color:#222;line-height:1.3;}
.rug_cam_panel a,.rug_cam_panel a:hover {text-decoration: none;color: #F75311;}

.btn_campaign {clear: both;background:#000;color:#FFF;text-align:center;}
.btn_campaign a {text-decoration: none;font-size: 140%;font-weight:700;}

#Present_list a {text-decoration: none;}
#Present_list div {float: left;width: 48%; margin-right: 4%;}
#Present_list div:nth-child(2n) {margin-right: 0%;}
#Present_list p.title {font-weight: 700; font-size: 120%;margin: 2% 0;}
#Present_list p {font-size: 100%;margin: 0 0 10% 0; line-height: 1.2em;}

@media (max-width:559px) {
.btn_campaign {padding: 15px 0;}
.boby_campaign_main img, .boby_campaign_order img {width:100%;}
#Corkplate div:nth-child(1n), #Innertray div:nth-child(1n), #AcrylicPlateMilky div:nth-child(1n) {float: none;}
#Corkplate div:nth-child(2n), #Innertray div:nth-child(2n), #AcrylicPlateMilky div:nth-child(2n) {float: none;}
#Corkplate img, #Innertray img, #AcrylicPlateMilky img {margin: 0 15% 5% 15%;width: 70%;}
#Corkplate p.title, #Innertray p.title, #AcrylicPlateMilky p.title {font-weight: 700; font-size: 140%;margin: 2% 0;text-align:center;}
#Corkplate p {clear: both;font-size: 100%;margin: 0 0 5% 0;}
#Innertray p, #AcrylicPlateMilky p {font-size: 100%;margin: 0 0 5% 0;}


/* スマホ文字行間調整 */

#Present_list p.title {font-weight: 700; font-size: 120%;margin: 4% 0 1.5%;}
#Present_list p {font-size: 100%;margin: 0 0 10% 0; line-height: 1.8em;}

#btn_boby_campaign img {width:100%;padding:0;}

}


@media (min-width:560px) {
.btn_campaign {padding: 25px 0;}
#Corkplate div:nth-child(1n), #Innertray div:nth-child(1n), #AcrylicPlateMilky div:nth-child(1n) {float: left;width: 30%; margin-right: 4%;}
#Corkplate div:nth-child(2n), #Innertray div:nth-child(2n), #AcrylicPlateMilky div:nth-child(2n) {float: left;width: 66%; margin-right: 0%;}
#Corkplate img, #Innertray img, #AcrylicPlateMilky img {margin: 0 0 5% 0;}
#Corkplate p.title, #Innertray p.title, #AcrylicPlateMilky p.title {font-weight: 700; font-size: 140%;margin: 2% 0;}
#Corkplate p {clear: both;font-size: 100%;margin: 0 0 5% 0;}
#Innertray p, #AcrylicPlateMilky p {font-size: 100%;margin: 0 0 5% 0;}

}

/* 価格改定2022 */
@media (max-width:559px) {
.price_table {width:100%;}
.price_table img {width:40%;margin-top: 5%;margin-left:30%;}
.price_table {border-top: 1px dotted #666;}
}

@media (min-width:560px) {
.price_table {width:60%;margin-left:20%;}
.price_table img {width:40%;margin-top: 5%;margin-left:30%;}
.price_table {border-top: 1px dotted #666;}
}

/* ------------------------------------
  デザイナー・ブランドリスト
------------------------------------ */
@media (min-width:560px) {
#Designer_List div {
    width: 17.6%;
    float: left;
    margin-right: 3%;
    margin-bottom: 25px;
}
#Designer_List div:nth-child(5n) {
    margin-right: 0%;
}
#Designer_List div:nth-child(5n+1) {
    clear: both;
}
    }
#Designer_List p {
    font-size: 12px;
    line-height: 1.4em;
}
#Designer_List a, #Designer_Detail a, #Brand_Detail a {
    text-decoration: none;
}
#Designer_List a:hover {color:#000;}
#Designer_List .more a:hover, #Designer_Detail a:hover, #Brand_Detail a:hover {text-decoration: underline;}
#Designer_List a:visited {color:;}
#Designer_List div .name {
    font-weight: 700;
    font-size: 16px;
    margin: 10px 0 5px 0;
}
#Designer_List div .nameJP {
    font-weight: 700;
    margin: 5px 0;
}
#Designer_List div .more {
    text-align: right;
    margin: 10px 0;
}
@media (max-width:559px) {
    #Designer_List div {
    width: 46%;
    float: left;
    margin-right: 8%;
    margin-bottom: 25px;
}
#Designer_List div:nth-child(2n) {
    margin-right: 0%;
}
#Designer_List div:nth-child(2n+1) {
    clear: both;
}
}

#Designer_Detail p,#Brand_Detail p {
    font-size: 12px;
    line-height: 1.4em;
}
#Designer_Detail div .name,#Brand_Detail div .name {
    font-weight: 700;
    font-size: 24px;
    margin: 10px 0 5px 0;
}
#Designer_Detail div .nameJP,#Brand_Detail div .nameJP {
    font-weight: 700;
    margin: 5px 0 20px 0;
}

@media (min-width:560px) {
#Designer_Detail .img {
    width: 35%;
    float: left;
    margin-right: 3%;
    margin-bottom: 25px;
}
#Designer_Detail .content {
    width: 62%;
    float: left;
    margin-bottom: 25px;
}
#Brand_Detail .img {
    width: 200px;
    float: left;
    margin-right: 3%;
    margin-bottom: 25px;
}
#Brand_Detail .content {
    width: auto;
    float: left;
    margin-bottom: 25px;
}
#Designer_Detail .link, #Brand_Detail .link {
    width: 250px;
    float: left;
    text-align: center;
    margin: 10px 0;
    border: 1px solid #ccc;
    padding: 8px;
}
#Brand_Detail .genre {
    clear: both;
    margin-top: 25px;
    padding: 15px 0;
    border-top: 1px dotted #ccc;
}

    }
@media (max-width:559px) {
#Designer_Detail .img {
    width: 35%;
    float: left;
    margin-right: 3%;
    margin-bottom: 25px;
}
#Designer_Detail .content {
    width: 62%;
    float: left;
    margin-bottom: 25px;
}
#Designer_Detail .text_bloc, #Brand_Detail .text_bloc {
    clear: both;
}
#Designer_Detail .link, #Brand_Detail .link {
    margin: 10px 0;
    border: 1px solid #ccc;
    padding: 8px;
    text-align: center;
}
#Designer_Detail p, #Brand_Detail p {
    line-height: 1.6em;
}
#Brand_Detail .img {
    width: 40%;
    margin-left:30%;
}
#Brand_Detail .content {
    clear: both;
    margin-bottom: 25px;
}
#Brand_Detail .genre {
    margin-top: 25px;
    padding: 15px 0;
    border-top: 1px dotted #ccc;
}
    }


/* ------------------------------------
  記事ページ
------------------------------------ */

br.brsp {display: none;}
br.brpc {display: block;}
.text-sp-left {text-align: center;}
.text-sp-center {text-align: left;}
.display_pc {display: block;}
.display_sp {display: none;}
.subcolor {color: #999}

@media (min-width:560px) {
.fantas__sp100pc60 {
 width:60%!important;
}
}

#Contents_article{}

@media screen and (min-width: 560px) {
#Contents_article .item {
    float: left;
    width: 47%;
    margin-right: 6%;
    margin-bottom: 3%;
}
#Contents_article div.item:nth-child(2n) {
    margin-right: 0%;
}
#Contents_article .item_s {
    float: left;
    width: 37%;
    margin-left: 10%;
    margin-right: 6%;
    margin-bottom: 3%;
}
#Contents_article div.item_s:nth-child(2n) {
    margin-left: 0%;
    margin-right: 10%;
}
}
@media screen and (max-width: 559px) {
#Contents_article .item {
    margin-bottom: 3%;
}
#Contents_article .item_s {
    float: left;
    width: 47%;
    margin-right: 6%;
    margin-bottom: 3%;
}
#Contents_article div.item_s:nth-child(2n) {
    margin-right: 0%;
}
}
@media screen and (min-width: 560px) {
.ac2022_title{font-size:40px!important;}
.ac2022_credit{text-align:right;}
.ac2022_splink{text-align:center;}
.ac2022_splink img{width:500px;}
}
@media screen and (max-width: 559px) {
.ac2022_title{font-size:30px!important;}
.ac2022_credit{text-align:right;font-size:8px!important;line-height:0.4;}
.ac2022_col_sentence{text-align:left!important;}
.ac2022_splink img{width:100%;}
}

/* ------------------------------------
  キャンペーン
------------------------------------ */
.coupon_panel {
	border: 1px solid #000;
	padding: 30px;

}
#CampaignA a {
  text-decoration: none;
}


#CampaignA h2 {
  position: relative;
  padding: 1em 2em;
  text-align: center;
  font-weight: 700;
}

#CampaignA h2:before,
#CampaignA h2:after {
  position: absolute;
  content: '';
}

#CampaignA h2:after {
  top: 0;
  left: 0;
  width: 50px;
  height: 50px;
  border-top: 2px solid #000;
  border-left: 2px solid #000;
}

#CampaignA h2:before {
  right: 0;
  bottom: 0;
  width: 50px;
  height: 50px;
  border-right: 2px solid #000;
  border-bottom: 2px solid #000;
}

#CampaignA .caption {
    font-weight: 700;
    font-size: 14px;
}
#CampaignA .price {
    font-size: 14px;
}
#CampaignA .priceL {
    font-weight: 700;
    font-size: 18px;
    color: #c00000;
}
@media screen and (min-width: 560px) {
#CampaignA .item {
    float: left;
    width: 30.3%;
    margin-right: 4.5%;
    margin-bottom: 3%;
}
#CampaignA div.item:nth-child(3n) {
    margin-right: 0%;
}
    
#campaignA .right { background-color:#fff;width: 65.2%; float: left; margin: 0 0 2% 3%; padding: 2%;border: 1px solid #ccc;border-radius: 8px;}
#campaignA .left { background-color:#fff;width: 31.8%; float: left; margin: 0 0 2% 0; padding: 2%;border: 1px solid #ccc;border-radius: 8px;}
#campaignA .right_bloc img { width: 100%;max-width: 250px;}
#campaignA .right_bloc div {  width: 50%; float: left; text-align: center;}
#campaignA .left_bloc img { width: 100%;max-width: 250px;}
#campaignA .left_bloc div { width: 100%; float: left; text-align: center;}
#campaignA .group { text-align:center; font-weight: 700;font-size: 26px;margin-bottom:2%; }
#campaignA .item_name { margin:0 0 30px 0; text-align: center; font-size: 14px;font-weight: 700;}

}
@media screen and (max-width: 559px) {
#CampaignA .item {
    float: left;
    width: 48.5%;
    margin-right: 3%;
    margin-bottom: 3%;
}
#CampaignA div.item:nth-child(2n) {
    margin-right: 0%;
}
    
    
div.left { background-color:#fff; width: 49%; float: left; margin: 0 0 2% 0;padding: 2%;border: 1px solid #ccc;border-radius: 5px;}
div.right { background-color:#fff;width: 49%; float: left; margin: 0 0 2% 2%;padding: 2%;border: 1px solid #ccc;border-radius: 5px;}
div.left_bloc img { width: 100%;}
div.right_bloc img { width: 100%;}
#campaignA .group { text-align:center; font-weight: 700;font-size: 22px;margin-bottom:2%; }
#campaignA .item_name { margin:0 0 30px 0; text-align: center;font-size: 14px;font-weight: 700;}
}

/* ------------------------------------
  ウルムスツールコンテンツ
------------------------------------ */
#ulmlovers .caption {
margin-top: 10px;
font-size: 16px; font-weight: 700;
}
#ulmlovers .caption_s {
margin-top: 20px;
margin-bottom: 20px;
font-size: 12px;
}
#ulmlovers img {
margin-bottom: 30px;
}
#ulmlovers .img_caption {
margin-top: -25px;
margin-bottom: 15px;
font-size: 12px;
}
#ulmlovers .btm60 {
margin-bottom: 60px;
}
#ulmlovers .clear {
clear:both;
}
@media (min-width:559px) {
#ulmlovers .Left {
float: left;
width: 47%;
margin-right: 3%;
  }
#ulmlovers .Right {
float: left;
width: 50%;
  }
}
@media (max-width:559px) {
#ulmlovers .Left {
float: left;
width: 100%;
  }
#ulmlovers .Right {
float: left;
width: 100%;
  }
}

/* ------------------------------------
  グッドデザイン賞受賞商品コンテンツ 
------------------------------------ */
#gda h2 {
    color: #121212;
    font-weight: 700;
    margin-bottom: 32px;
    padding-bottom: 20px;
    border-bottom: #999 1px dotted;
}
@media screen and (max-width: 559px) {
    #gda h2 {
        font-size: 18px;
        margin-bottom: 20px;
        text-align: center;
    }
}
#gda div.itemBox {
    display: inline-block;
    vertical-align: top;
}
@media screen and (min-width: 560px) {
    #gda div.itemBox {
        width: 30.3%;
        margin-right: 4.5%;
    }
    #gda div.itemBox:nth-child(3n) {
        margin-right: 0%;
    }
}
@media screen and (max-width: 559px) {
    #gda div.itemBox {
        width: 48.5%;
        margin-right: 3%;
    }
    #gda div.itemBox:nth-child(2n) {
        margin-right: 0%;
    }
}
#gda2 .itemBox .itemBoxYear,
#gda .itemBox .itemBoxYear {
    color: #ce1e16;
    font-size: 23px;
    font-weight: 700;
    letter-spacing: .5px;
    margin: 25px 0 15px;
    line-height: 1;
    text-align: center;
}
#gda2 .itemBox .itemBoxName,
#gda .itemBox .itemBoxName {
    font-size: 16px;
    color: #121212;
    font-weight: 700;
    line-height: 1.3;
    margin-bottom: 5px;
    text-align: center;
}
#gda2 .itemBox .itemBoxName a,
#gda .itemBox .itemBoxName a {
    text-decoration: none;
}
#gda2 .itemBox p,
#gda .itemBox p {
    font-size: 14px;
    line-height: 1.5;
}
#gda2 .itemBox .itemBoxDesign,
#gda .itemBox .itemBoxDesign {
    text-align: center;
}
#gda2 .itemBox .itemBoxComment,
#gda .itemBox .itemBoxComment {
    font-size: 13px;
    letter-spacing: .2px;
    line-height: 1.5;
    color: #868686;
    border: #ddd 1px solid;
    padding: 15px;
    margin-top: 20px;
    text-align: left;
}

#gda2 .item_box_2 {
    float: none;
    width: 100%;
    border-bottom: 1px solid #ddd;
    display: flex;
}
#gda2 .item_box_2_l,
#gda2 .item_box_2_r {
    width: 50%;
}
#gda2 .item_box_2_l {
    padding-left: 15px;
}
#gda2 .item_box_2_r {
    padding-right: 15px;
}
#gda2 .item_box_2_year {
    font-family: Oswald,sans-serif;
    color: #ce1e16;
    font-size: 26px;
    font-weight: 700;
    letter-spacing: .5px;
    margin: 0 0 1rem !important;
    line-height: 1;
}
#gda2 .item_box_2_name {
    font-size: 18px !important;
    color: #121212;
    font-weight: 700;
    line-height: 1.3;
    margin-bottom: 5px;
}
#gda2 .item_box_2_name a {
    text-decoration: none;
}
#gda2 .item_box_2_design {
    font-size: 14px !important;
    line-height: 1.5 !important;
    margin-bottom: 1rem;
}
#gda2 .item_box_2_comment {
    font-size: 13px !important;
    color: #868686;
}
@media screen and (max-width: 559px) {
    #gda2 .item_box_2 {
        display: block;
    }
    #gda2 .item_box_2_l,
    #gda2 .item_box_2_r {
        width: 100%;
        padding: 0;
    }
    #gda2 .item_box_2_year,
    #gda2 .item_box_2_name,
    #gda2 .item_box_2_design {
        text-align: center;
    }

}


/* ------------------------------------
  プリアチェアフェア 
------------------------------------ */
#pfItem h2,
#pfDesigner h2,
#pfShop h2 {
	text-align: center;
	padding-bottom: 30px;
	border-bottom: 1px solid #ccc;
	margin-bottom: 30px;
	margin-top: 50px;
}

#pfItem div.itemBox {
    display: inline-block;
    vertical-align: top;
    text-align: center;
}
#pfItem div.itemBox h3 {
    font-size: 1.5rem;
    font-weight: 600;
}
#pfItem div.itemBox h3 a {
    text-decoration: none;
}
#pfItem div.itemBox p {
    font-size: 1.2rem;
}
#pfItem div.itemBox span {
    padding: 0 10px;
    display: inline-block;
    color: #333;
    line-height: 22px;
    height: 22px;
    border-radius: 11px;
    border:1px solid #333; 
}
.pfLinkBtn {
  text-align: center;
}
.pfLinkBtn a {
  background: #333;
    color: #fff;
    border-radius: 4px;
    padding: 0 50px;
    text-decoration: none;
    display: inline-block;
    line-height: 40px;
    height: 40px;
    font-size: 1.4rem;
    letter-spacing: 0.1em;
    font-weight: 600;
    transition: all .3s;
}
.pfLinkBtn a:hover {
    background-color: rgba(51,51,51,.7);
    color: #fff;
}
#pfDesigner div.designerBox-l,
#pfDesigner div.designerBox-r {
    display: inline-block;
    vertical-align: top;
}
#pfShop {
	background: #efefef;
	padding: 20px;
}

#pfShop div.shopBox-l,
#pfShop div.shopBox-r {
    display: inline-block;
    vertical-align: top;
}
@media screen and (min-width: 560px) {
	#pfDescription {
		width: 66.666666%;
		margin: 0 auto;
	}
    #pfItem div.itemBox {
        width: 48.5%;
        margin-right: 3%;
    }
    #pfItem div.itemBox:nth-child(2n) {
        margin-right: 0%;
    }
	#pfDesigner h3,
	#pfDesigner p.designerName {
		text-align: left;
	}
    #pfDesigner div.designerBox-l {
        width: 23.5%;
        margin-right: 1.5%;
        margin-left: 0;
    }
    #pfDesigner div.designerBox-r {
        width: 73.5%;
        margin-left: 1.5%;
        margin-right: 0;
    }
    #pfShop div.shopBox-l {
        width: 48.5%;
        margin-right: 1.5%;
        margin-left: 0;
    }
    #pfShop div.shopBox-r {
        width: 48.5%;
        margin-left: 1.5%;
        margin-right: 0;
    }
}
@media screen and (max-width: 559px) {
	#pfDescription {
		width: 100%;
		margin: 0 auto;
	}
    #pfItem div.itemBox {
        width: 100%;
        margin-right: 0%;
    }
	#pfDesigner h3,
	#pfDesigner p.designerName {
		text-align: center;
	}
	#pfDesigner div.designerBox-l,
	#pfDesigner div.designerBox-r {
        width: 100%;
        margin-right: 0;
    }
	#pfShop div.shopBox-l,
	#pfShop div.shopBox-r {
        width: 100%;
        margin: 0;
    }
}

/* ------------------------------------
  パンくずリスト 
------------------------------------ */
.breadcrumb {
  font-size: 1.1rem;
}
.breadcrumb_list:not(:last-child) {
    margin-bottom: 4px;
}

/* ------------------------------------
  MYページ　情報エリア
------------------------------------ */
.mypage_info {
    width: 100%;
    margin: 48px auto 96px;
}
@media (max-width: 559px) {
    .mypage_info {
        margin: 0 auto 48px;
        padding: 0 16px;
    }
}
.mypage_info li {
    width: 100%;
    max-width: 384px;
    margin: auto;
}
.mypage_info img {
    width: 100%;
    height: auto;
}
.mypage_info h3 {
    font-size: 1.6rem;
    font-weight: 400;
    margin: 1.6rem 0 0.8rem;
    text-align: center;
}


/* ------------------------------------
  202107　照明コンテンツ
------------------------------------ */
br.brsp {display: none;}
br.brpc {display: block;}
.text-sp-left {text-align: center;}
.text-sp-center {text-align: left;}
.display_pc {display: block;}
.display_sp {display: none;}
.subcolor {color: #999}

.fantas__lightinginspiraion {
	/*margin-bottom: 0 !important;*/
}

.fantas__lightinginspiraion div.Box-row2,
.fantas__lightinginspiraion div.Box-row2-2,
.fantas__lightinginspiraion div.Box-row3 {
    display: inline-block;
    vertical-align: top;
}
@media screen and (min-width: 560px) {
    .fantas__lightinginspiraion div.Box-row2,
    .fantas__lightinginspiraion div.Box-row2-2 {
        width: 47.5%;
        margin-right: 5%;
    }
    .fantas__lightinginspiraion div.Box-row2:nth-child(2n),
    .fantas__lightinginspiraion div.Box-row2-2:nth-child(2n) {
        margin-right: 0%;
    }
    .fantas__lightinginspiraion div.Box-row3 {
        width: 30%;
        margin-right: 5%;
    }
    .fantas__lightinginspiraion div.Box-row3:nth-child(3n) {
        margin-right: 0%;
    }
}
@media screen and (max-width: 559px) {
    .fantas__lightinginspiraion div.Box-row2,
    .fantas__lightinginspiraion div.Box-row3 {
        width: 100%;
        margin-right: 0%;
    }
    .fantas__lightinginspiraion div.Box-row2:nth-child(2n),
    .fantas__lightinginspiraion div.Box-row3:nth-child(3n) {
        margin-right: 0%;
    }
}



.fantas__bodytxt {
	width: 60%;
  /*margin-bottom: 8rem !important;*/
}

.fantas__lightinginspiraion #pagenav {
  width: 100%;
  margin: 0 auto;
  padding: 0;
}
.fantas__lightinginspiraion #pagenav li{
  display: block;
  float: left;
  width: 33.33333333333333%;
  margin: 0;
  padding: 0; }
.fantas__lightinginspiraion #pagenav li a{
  display: block;
  padding: 20px 0;
  background: #333;
  color: #fff;
  text-align: center;
  text-decoration: none;
  border-bottom: 1px solid #666;
  border-right: 1px solid #666;
  font-weight: 700;
  position: relative;
  transition: all .2s;
}
.fantas__lightinginspiraion #pagenav li:nth-child(3n) a{
  border-right: none;  
}
.fantas__lightinginspiraion #pagenav li a:hover{
  background: #444;
}
.fantas__lightinginspiraion #pagenav li a::before {
    content: "";
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 8px;
    width: 8px;
    height: 8px;
    border-top: 2px solid #aaa;
    border-right: 2px solid #aaa;
    transform: rotate(45deg);
}





.fantas__lightinginspiraion #pagenav2 {
  width: 100%;
  margin: 0 auto;
  padding: 15px;
  display: flex;
  flex-wrap: wrap;
  border: 2px solid #ccc;
  border-radius: 10px;
}
.fantas__lightinginspiraion #pagenav2 .navbox{
  width: 16.6666666666%;
  margin: 0;
  line-height: 1.25;
  transition: all .2s;
  text-align: center;
  font-size: 11px;
}
.fantas__lightinginspiraion #pagenav2 .navbox a{
  width: 100%;
  height: 100%;
  padding: 10px;
  display: block;
  text-decoration: none;
}
.fantas__lightinginspiraion #pagenav2 .navbox span{
  display: block;
}
.fantas__lightinginspiraion #pagenav2 .navbox span.navicon{
  width: 30px;
  margin:0 auto 10px; 
}




.fantas__lightinginspiraion table.li-table {
    border-top: 1px solid #aaa;
    width: 100%;
    padding: 0 50px;
    margin: 0 auto; 
}
.fantas__lightinginspiraion table.li-table td,
.fantas__lightinginspiraion table.li-table th {
    padding: 0 30px;
    border-bottom: 1px solid #aaa;
}
.fantas__lightinginspiraion table.li-table td {
	width: 66.66666666%;
	font-weight: 700;
}
.fantas__lightinginspiraion table.li-table th {
	width: 33.33333333%;
  color: #999;
  font-weight: 400;
}


.fantas__column3 {
  padding: 0 15px;
}

.fantas__lightinginspiraion p.li-head-1,
.fantas__lightinginspiraion p.li-head-2,
.fantas__lightinginspiraion p.li-head-3 {
    text-align: center;
    line-height: 1;
}
.fantas__lightinginspiraion p.li-head-2 {
    font-size: 3.2rem !important;
    font-weight: 700;
}

.fantas__lightinginspiraion h2,
.fantas__lightinginspiraion h3,
.fantas__lightinginspiraion h4,
.fantas__lightinginspiraion p {
  margin-bottom: 1rem;
}

.fantas__lightinginspiraion h2 {
    font-size: 3rem !important;
    line-height: 1.25;
	  font-weight: 700;
    text-align: center;
    padding-top: 8rem;
    margin: 2rem 0;
    border-top: 4px solid #333;
}
.fantas__lightinginspiraion h2 span {
    font-size: 1.8rem !important;
    display: block;
}
.fantas__lightinginspiraion h3 {
    font-size: 2rem !important;
    line-height: 1.25;
    font-weight: 700;
    margin-bottom: 2rem;
}
.fantas__lightinginspiraion h4 {
    font-size: 1.6rem !important;
    line-height: 1.25;
    margin-bottom: 1rem;
}
.fantas__lightinginspiraion p {
    font-size: 1.4rem !important;
}
.fantas__lightinginspiraion .subtext {
    font-size: 1.2rem !important;
}
.fantas__lightinginspiraion .eyecatch {
    font-size: 1.2rem !important;
    padding: 0 30px;
    display: inline-block;
    color: #333;
    line-height: 28px;
    height: 30px;
    border-radius: 15px;
    border: 1px solid #333;
}
.fantas__lightinginspiraion .button-area {
  text-align: center;
}
.fantas__lightinginspiraion a.button {
	display: inline-block;
	height: 45px;
	line-height: 45px;
	background: #333;
	border: 1px solid #333;
	border-radius: 3px;
	color: #fff;
	padding: 0 45px;
  font-size: 1.2rem !important;
  text-align: center;
}
.fantas__lightinginspiraion .fantas_item-image {
    /*padding: 5px;*/
}

.fantas__lightinginspiraion-option {
    background: #f3f3f3;
    padding: 30px 30px !important;
    border-radius: 10px;
    margin: 5px !important;
}

.fantas__lightinginspiraion .borderbox {
    border: 1px solid #aaa;
    padding: 30px;
}

.fantas__lightinginspiraion .rental-panel {
    background: #f3f3f3;
    margin: 0 auto;
    padding: 2rem 10px 1rem;
    border-radius: 10px;
    text-align: center;
}
.fantas__lightinginspiraion .rental-panel h3 {
    font-size: 1.8rem !important;
    margin-bottom: 0;
}
.fantas__lightinginspiraion .rental-panel p.rental-panel-price {
    font-size: 3rem !important;
    font-weight: 700;
}
.fantas__lightinginspiraion .rental-panel p.rental-panel-price span {
    font-size: 1.4rem;
    font-weight: 400;
    margin: 0 10px;
}

@media screen and (max-width: 559px) {
br.brsp {display: block;}
br.brpc {display: none;}
.text-sp-left {text-align: left;}
.text-sp-center {text-align: center;}
.display_pc {display: none;}
.display_sp {display: block;}

.fantas__lightinginspiraion #pagenav li{
  width: 50%;
}
.fantas__lightinginspiraion #pagenav li:nth-child(3n) a{
  border-right: 1px solid #666;  
}
.fantas__lightinginspiraion #pagenav li:nth-child(2n) a{
  border-right: none;  
}
.fantas__bodytxt {
  width: 100%;
}
.fantas__lightinginspiraion #pagenav li a::before {
    left: 6px;
    width: 6px;
    height: 6px;
}


.fantas__lightinginspiraion #pagenav2 .navbox{
  width: 33.3333333333%;
}


.fantas__lightinginspiraion p.li-head-2 {font-size: 2.8rem !important;}
.fantas__lightinginspiraion h2 {font-size: 2.2rem !important;}
.fantas__lightinginspiraion h2 span {font-size: 1.6rem !important;}
.fantas__lightinginspiraion h3 {font-size: 1.8rem !important;}
.fantas__lightinginspiraion h4 {font-size: 1.6rem !important;}
.fantas__lightinginspiraion p {font-size: 1.2rem !important;}
.fantas__lightinginspiraion .subtext {font-size: 1rem !important;}

.fantas__lightinginspiraion h2,
.fantas__lightinginspiraion h3,
.fantas__lightinginspiraion h4 {
  text-align: center;
}
.fantas__lightinginspiraion a.button {
  width: 100%;
}

.fantas__lightinginspiraion-option {
    padding: 10px 10px !important;
}

.fantas__lightinginspiraion .borderbox {
    padding: 10px;
}

.fantas__column3 {
  padding: 0;
}

.fantas__lightinginspiraion table.li-table td,
.fantas__lightinginspiraion table.li-table th {
	width: 50%;
}

}



.commonBox-row2,
.commonBox-row3 {
    display: inline-block;
    vertical-align: top;
}
@media screen and (min-width: 560px) {
    .commonBox-row2 {
        width: 47.5%;
        margin-right: 5%;
    }
    .commonBox-row2:nth-child(2n) {
        margin-right: 0%;
    }
    .commonBox-row3 {
        width: 30%;
        margin-right: 5%;
    }
    .commonBox-row3:nth-child(3n) {
        margin-right: 0%;
    }
}
@media screen and (max-width: 559px) {
    .commonBox-row2,
    .commonBox-row3 {
        width: 100%;
        margin-right: 0%;
    }
    .commonBox-row2:nth-child(2n),
    .commonBox-row3:nth-child(3n) {
        margin-right: 0%;
    }
}

.commonButton-area {
  text-align: center;
}
a.commonButton {
  display: inline-block;
  background: #333;
  border: 1px solid #333;
  border-radius: 3px;
  color: #fff;
  padding: 10px 45px;
  font-size: 1.2rem !important;
  text-align: center;
}
@media screen and (max-width: 559px) {
    a.commonButton {
        width: 100%;
		padding: 10px 15px;
    }
}


@media (max-width:559px){
#topcolumn .section {border: 0!important;}
}
@media (min-width:1024px){
.freearea_2 .swiper-slide{width:24%!important;}
}


/* ------------------------------------
  アワードフェア　コンパッソドーロ
------------------------------------ */

/* アンカーリンク調整用 */
.anchor_adjustment {
   display: block;
   margin-top:-130px;
   padding-top:130px;
}
@media (max-width:559px) {
.anchor_adjustment {
   margin-top:-50px;
   padding-top:50px;
}
}

/* 見出し */
#cda_present h3,
#cda_designer h3,
#cda_recommend h3,
#cda_lineup h3,
#cda_collection h3 {
   font-size: 20px;
   font-weight: 700;
   margin-bottom: 32px;
   padding-bottom: 20px;
   border-bottom: #999 1px dotted;
}

/* リード */
#cda_lineup .lead,
#cda_collection .lead  {
   font-size: 13px;
   line-height: 1.6;
   padding-bottom: 20px;
}


/* プレゼント */
#cda_present .wrap {
   display: flex;
   justify-content:space-between;
   align-items: center;
   flex-wrap: wrap;
   margin-bottom: 30px;
   flex-direction : row-reverse;
}
#cda_present .wrap .left {
   width: 60%;
   background: none;
}
#cda_present .wrap .right {
   width: 35%;
   background: none;
}
#cda_present .wrap .left p {
   font-size: 13px;
   line-height: 1.6;
   padding-bottom: 20px;
}
#cda_present .wrap .btn_campaign a {
   font-size: 120%;
}

#cda_shoponly {
   border: 1px dotted #64729f;
   padding: 20px 20px 0;
}
#cda_shoponly h4 {
   font-size: 18px;
   font-weight: bold;
   padding-bottom: 10px;
}
#cda_present #cda_shoponly .wrap .left {
   width: 65%;
}
#cda_present #cda_shoponly .wrap .right {
   width: 30%;
}

@media screen and (max-width: 559px) {
   #cda_present .wrap .left,
   #cda_present .wrap .right,
   #cda_present #cda_shoponly .wrap .left,
   #cda_present #cda_shoponly .wrap .right {
      width: 100%;
}
}

/* ABOUT */
#cda_about .wrap {
   display: flex;
   justify-content: space-between;
   align-items: center;
   flex-wrap: wrap;
   padding: 20px 0 0;
}
#cda_about .wrap .left, 
#cda_about .wrap .right {
   width: 48%;
   list-style: none;
   background: none;
}

/* デザイナー */
#cda_designer .designerList {
   display: flex;
   justify-content: space-between;
   align-items: stretch;
   flex-wrap: wrap;
}
#cda_designer .designerList .designerBox {
   width: 23%;
   list-style: none;
   background: none;
   vertical-align: top;
   padding-bottom: 
}
#cda_designer .designerBox .designerName {
    margin: 10px 0;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.5;
}
#cda_designer .designerBox .designerName .nameKatakana {
    font-size: 11px;
    font-weight: 300;

}
#cda_designer .designerBox .designerName a {
    text-decoration: none;
}
#cda_designer .designerBox .designerIntro {
    font-size: 13px;
    letter-spacing: .2px;
    line-height: 1.6;
    color: #868686;
    margin: 10px 0 20px;
    text-align: left;
}

@media screen and (max-width: 559px) {
   #cda_designer .designerList .designerBox {
      width: 47%;
}
}


/* おすすめ */
#cda_recommend .itemList {
   display: flex;
   justify-content: space-between;
   align-items: stretch;
   flex-wrap: wrap;
}
#cda_recommend .itemList .itemBox {
   width: 47%;
   list-style: none;
   background: none;
   vertical-align: top;
}
#cda_recommend .itemBox .itemBoxYear {
    color: #9d7b14;
    font-size: 23px;
    font-weight: 700;
    letter-spacing: .5px;
    margin: 25px 0 15px;
    line-height: 1;
    text-align: center;
}
#cda_recommend .itemBox .itemBoxName {
    font-size: 16px;
    color: #121212;
    font-weight: 700;
    line-height: 1.3;
    margin-bottom: 5px;
    text-align: center;
}
#cda_recommend .itemBox .itemBoxName a {
    text-decoration: none;
}
#cda_recommend .itemBox p {
    font-size: 14px;
    line-height: 1.5;
}
#cda_recommend .itemBox .itemBoxDesign {
    text-align: center;
}
#cda_recommend .itemBox .itemBoxComment {
    font-size: 13px;
    letter-spacing: .2px;
    line-height: 1.6;
    color: #868686;
    margin-top: 20px;
    text-align: left;
}

@media screen and (max-width: 559px) {
   #cda_recommend .itemList {
      display: block;
   }
   #cda_recommend .itemList .itemBox {
      width: 100%;
   }
}

/* ラインナップ ＆ コレクション */

#cda_lineup .summary {
   margin: 0 0 30px;
   border: 1px solid #888;
   padding: 10px;
}
#cda_lineup .summary li {
   position:relative;
   padding: 5px 10px 5px 20px;
   margin: 0.3%;
   list-style:none;
   font-size: 14px;
   font-weight: 700;
   line-height: 1.3;
}
#cda_lineup .summary li:before{
 content:'';
 display:inline-block;
 position:absolute;
 left:10px;
 top:12px;
 width:5px;
 height:5px;
 border-bottom:1px solid #888;
 border-right:1px solid #888;
 transform:rotateZ(-45deg);
}
#cda_lineup .summary li a {
   text-decoration: none;
}
#cda_lineup .summary li span {
   font-size: 10px;
   font-weight: 300;
}

@media screen and (max-width: 559px) {
   #cda_lineup .summary li br.pc_show {
      display: none;
   }
}

@media (min-width:560px) {
#cda_lineup .summary {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}
#cda_lineup .summary li {
     -webkit-flex-grow: 1;
    flex-grow: 1;
    width: 49%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
}

#cda_lineup p.designer_sort {
   font-size: 16px;
   line-height: 1.8;
   font-weight: 600;
   margin-bottom: 30px;
   color: #868686;
}

@media screen and (max-width: 559px) {
    #cda_collection h3,
    #cda_lineup h3 {
        font-size: 18px;
        margin-bottom: 20px;
        text-align: center;
    }
}
#cda_collection div.itemBox,
#cda_lineup div.itemBox {
    display: inline-block;
    vertical-align: top;
}
@media screen and (min-width: 560px) {
    #cda_collection div.itemBox,
    #cda_lineup div.itemBox {
        width: 30.3%;
        margin-right: 4.5%;
    }
    #cda_collection div.itemBox:nth-child(3n),
    #cda_lineup div.itemBox:nth-child(3n) {
        margin-right: 0%;
    }
}
@media screen and (max-width: 559px) {
    #cda_collection div.itemBox,
    #cda_lineup div.itemBox {
        width: 48.5%;
        margin-right: 3%;
    }
    #cda_collection div.itemBox:nth-child(2n),
    #cda_lineup div.itemBox:nth-child(2n) {
        margin-right: 0%;
    }
}
#cda_collection .itemBox .itemBoxYear,
#cda_lineup .itemBox .itemBoxYear {
    color: #9d7b14;
    font-size: 23px;
    font-weight: 700;
    letter-spacing: .5px;
    margin: 25px 0 15px;
    line-height: 1;
    text-align: center;
}
#cda_collection .itemBox .itemBoxName,
#cda_lineup .itemBox .itemBoxName {
    font-size: 16px;
    color: #121212;
    font-weight: 700;
    line-height: 1.3;
    margin-bottom: 5px;
    text-align: center;
}
#cda_collection .itemBox .itemBoxName a,
#cda_lineup .itemBox .itemBoxName a {
    text-decoration: none;
}
#cda_collection .itemBox p,
#cda_lineup .itemBox p {
    font-size: 14px;
    line-height: 1.5;
}
#cda_collection .itemBox .itemBoxDesign,
#cda_lineup .itemBox .itemBoxDesign {
    text-align: center;
}

/* PRIZE WINNER アイコン、実店舗限定アイコン */
.itemBox {
    position: relative;
}

.itemBox .winner {
    display: flex;
    position: absolute;
    top: -1%;
    left: 2%;
    width: 25%;
    height: auto;
}
#cda_recommend .itemBox .winner {
    width: 18%;
    height: auto;
}

.itemBox .shop_only {
    display: flex;
    position: absolute;
    top: 2%;
    left: 2%;
    width: 25%;
    height: auto;
}

@media screen and (min-width:768px) and (max-width:1020px){
    .itemBox .winner {width:50px;height:61px;}
    .itemBox .shop_only {width:75px;height:75px;}
    #cda_recommend .itemBox .winner {width:70px;height:85px;}
}


/* ------------------------------------
  ロビン・デイ フェア
------------------------------------ */

.RDfair h2 {
  position: relative;
  overflow: hidden;
  padding: 2rem 2rem 1.5rem 110px;
  word-break: break-all;
  border-top: 3px solid #333;
  border-radius: 12px 0 0 0;
  text-align: center;
  line-height: 1.2;
  min-height: 80px;
}

.RDfair h2 span.sub {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  padding: 3px 20px;
  color: #fff;
  border-radius: 10px 0 20px 10px;
  background: #333;
}

.RDfair h2 span.sub span.number {
  font-size: 200%;
  font-weight: 700;
}

.fantas__RobinDayFairmainSP {
  display: none;
}

@media screen and (max-width: 559px) {
.RDfair h2 {
  padding: 1.5rem 2rem 1.5rem 110px;
}
.RDfair h2 strong {
  font-size: 1.8rem;
}
.fantas__RobinDayFairmainPC {
  display: none;
}
.fantas__RobinDayFairmainSP {
  display: block;
}
}


/* 商品ページ */
.rdf_panel {
    padding:5px 15px;
    background-color: #ededed;
    border-radius: 0 0 8px 8px;
}
.rdf_panel_top {
    padding:5px 15px;
    color: #fff;
    background-color: #3f523a;
    border-radius: 8px 8px 0 0;
    text-align:center;
    font-size: 16px;
    line-height: 1.4;
}
.rdf_panel_top .title {
    font-size: 18px;
    font-weight: 700;
}
.rdf_panel p {
    padding: 5px 0;
    line-height: 1.6;
}
.rdf_panel .button-area {
  text-align: center;
  padding: 10px;
}
.rdf_panel .button-area p {
  display: inline-block;
  width: auto;
  background-color:#333;
  border-radius:4px;
  font-size: 12px;
  font-weight: 700;
  text-align: center;
  padding: 5px 20px;
}
.rdf_panel .button-area a {
  color:#ffffff;
  text-decoration:none;
}
/* ------------------------------------
  サッコ受注会
------------------------------------ */
/*
右から左へ
----------------------------*/
@keyframes infinity-scroll-left {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}
/*
IE11対策
----------------------------*/
_:-ms-lang(x)::-ms-backdrop,
.image-scroll-area {
  display: -ms-grid;
  overflow: hidden;
}
/*----------------------------*/

.image-scroll-area__wrap {
  display: flex;
  overflow: hidden;
}

.image-scroll-area__list {
  display: flex;
  list-style: none;
}

.image-scroll-area__list--left{
animation :infinity-scroll-left 95s infinite linear 0.5s both;
}

.image-scroll-area__item {
  width: calc(100vw / 1);
}
.image-scroll-area__item > img{
   width: 100%;
}

@media (min-width:560px) {
.image-scroll-area__item {
  width: calc(100vw / 2);
}
}

/* ------------------------------------
  サッコオーダーフェア
------------------------------------ */
.sacco_panel {
    background-color: #f3f0ce;
    border-radius: 8px;
}
.sacco_panel a {
    text-decoration: none;
}

.sacco_adi-SP {
 background-color: #e6e7e6;
}
.sacco_adi-SP_cap {
 margin: 20px 20px 0 20px;
 padding-top: 30px;
}
.sacco_adi-SP_txt {
 margin: 40px 20px 20px 20px;
 font-weight: bold;
}

.sacco_designer {
 margin:20px;
}
.sacco_designer_img {
 width:50%;
}
.sacco_designer_txt {}

@media (min-width:560px) {
.fantas__saccomain {
 width:85%!important;
}
.sacco_designer_img {
 float:left;
 width:30%;
 margin-right: 5%;
}
.sacco_designer_txt {
 float:left;
 width:65%;
}
}
/*
張地リスト
----------------------------*/
.sacco_list_main {
 width:100%;
 margin-left:0%;
}
.sacco_list {
  list-style: none;
}
.sacco_list li {
  float:left;
  width:46%;
  margin: 0 2% 4% 2%;
}
@media (min-width:560px) {
.sacco_list_main {
 width:80%;
 margin-left:10%;
}
.sacco_list {
  margin:20px;
}
.sacco_list li {
  float:left;
  width:21%;
  margin: 0 2% 4% 2%;
}
}
/* ------------------------------------
  アカプルコ　カラーカスタム受注会
------------------------------------ */

/* 共通 */
.acapulco_custom {
    margin-bottom: 40px;
}
.acapulco_custom h2 {
    text-align: center;
    font-weight: 700;
    padding: 30px 0 20px;
    border-top: 3px solid #333;
    margin-bottom: 10px;
}
.acapulco_custom h3 {
    font-weight: 600;
    font-size: 1.6rem !important;
    padding-bottom: 10px;
    border-bottom: 1px dotted #333;
    margin-bottom: 10px;
}
.acapulco_custom p.text-sp-left {
    font-size: 1.4rem !important;
    line-height: 1.8;
    text-align: center;
    margin: 20px;
}

@media screen and (max-width: 559px) {
    .acapulco_custom h2 {
        text-align: left;
        font-size: 2rem !important;
    }
    .acapulco_custom p.text-sp-left {
        font-size: 1.3rem !important;
        text-align: left;
    }
}


/* リード */
#ac_custom_intro .li-head {
    font-size: 26px;
    text-align: center;
    font-weight: 700;
    line-height: 1.2;
}

#ac_custom_intro .li-head span {
    font-size: 50%;
    font-weight: 300;
}

#ac_custom_intro .li-head-date {
    font-size: 18px;
    text-align: center;
    font-weight: 700;
    margin: 20px 0;
}


/* カスタマイズ内容 */
#ac_custom_detail .price-panel {
    background: #f3f3f3;
    margin: 0 auto;
    padding: 2rem 10px;
    border-radius: 10px;
    text-align: center;
}
#ac_custom_detail .price-panel p.customize-price {
    font-size: 2rem !important;
    font-weight: 700;
    line-height: 1.3;
    padding-bottom: 10px;
}
#ac_custom_detail .price-panel p.customize-price span {
    font-size: 1.4rem;
    font-weight: 400;
}



/* カラーバリエ */
#ac_custom_colorvariation div#colorchart {
    margin-bottom: 20px;
}

#ac_custom_colorvariation div#colorchart div {
    padding-bottom: 30px;
}

#ac_custom_colorvariation div#colorchart div p {
    font-size: 130%;
    font-weight: 600;
    padding-bottom: 10px;
}

@media screen and (min-width: 560px) {
   #ac_custom_colorvariation div#colorchart {
      display: flex;
      justify-content: space-between;
      align-items: flex-end;
      flex-wrap: wrap;
      padding: 20px 0 0;
   }
   #ac_custom_colorvariation div#colorchart div {
      width: 48%;
      list-style: none;
      background: none;
   }
}

#ac_custom_colorsample {
   display: flex;
   justify-content: space-between;
   align-items: center;
   flex-wrap: wrap;
   padding: 20px 0 0;
}

#ac_custom_colorsample p,
#ac_custom_colorsample div {
   width: 48%;
   list-style: none;
   background: none;
}

@media screen and (max-width: 559px) {
   #ac_custom_colorsample p,
   #ac_custom_colorsample div {
       width: 100%;
   }
   #ac_custom_colorvariation {
       margin-bottom: -40px;
   }
}

#ac_custom_colorsample dl {
    margin-bottom: 20px;
}

#ac_custom_colorsample dl dt {
    font-size: 1.6rem;
    font-weight: 600;
    margin: 10px 0;
}
#ac_custom_colorsample dl dd {
    font-size: 1.4rem;
}

@media screen and (max-width: 559px) {
   #ac_custom_colorsample dl dd {
       font-size: 1.3rem;
   }
}

/* 受注会開催のキッカケ */

#ac_custom_chance #limitedcolors2022 li {
    display: inline-block;
    vertical-align: top;
    padding-bottom: 20px;
    width: 30.3%;
    margin-right: 4.5%;
}
#ac_custom_chance #limitedcolors2022 li:nth-child(3n) {
    margin-right: 0%;
}

#ac_custom_chance #limitedcolors2023 {
    text-align: center;
}

#ac_custom_chance #limitedcolors2023 li {
    display: inline-block;
    vertical-align: top;
    padding-bottom: 20px;
    width: 40%;
}

#ac_custom_chance #past_colors li {
    display: inline-block;
    vertical-align: top;
    padding-bottom: 20px;
}

@media screen and (min-width: 560px) {
    #ac_custom_chance #past_colors li {
        width: 22%;
        margin-right: 4%;
    }
    #ac_custom_chance #past_colors li:nth-child(4n) {
        margin-right: 0%;
    }
}
@media screen and (max-width: 559px) {
    #ac_custom_chance #past_colors li {
        width: 30.3%;
        margin-right: 4.5%;
    }
    #ac_custom_chance #past_colors li:nth-child(3n) {
        margin-right: 0%;
    }
    #ac_custom_chance #limitedcolors2023 li {
    width: 80%;
    }
}


/* スタッフレコメンド */

#ac_custom_recommend div.Box-row3 {
    display: inline-block;
    vertical-align: top;
    padding-bottom: 30px;
}
@media screen and (min-width: 560px) {
    #ac_custom_recommend div.Box-row3 {
        width: 30.3%;
        margin-right: 4.5%;
    }
    #ac_custom_recommend div.Box-row3:nth-child(3n) {
        margin-right: 0%;
    }
}
@media screen and (max-width: 559px) {
    #ac_custom_recommend div.Box-row3 {
        width: 84%;
        margin: 0 8%;
        padding: 30px 0 20px;
        border-bottom: 1px solid #a1a1a1;
    }
}

#ac_custom_recommend div.Box-row4 {
    display: inline-block;
    vertical-align: top;
    width: 25%;
}
@media screen and (max-width: 559px) {
    #ac_custom_recommend div.Box-row4 {
        width: 33.3%;
    }
}


/* フロー */
#ac_custom_flow ol {
    padding: 0;
    margin-bottom: 30px;
}
#ac_custom_flow ol li {
    padding-bottom: 20px;
    list-style: none;
}

#ac_custom_flow ol li {
    display: inline-block;
    vertical-align: top;
}
@media screen and (min-width: 560px) {
    #ac_custom_flow ol li {
        width: 30.3%;
        margin-right: 4.5%;
    }
    #ac_custom_flow ol li:nth-child(3n) {
        margin-right: 0%;
    }
}
@media screen and (max-width: 559px) {
    #ac_custom_flow ol li {
        width: 100%;
    }
}

/* 注意事項 */
#ac_custom_flow li {
    font-size: 1.4rem !important;
    line-height: 1.8;
    text-align: left;
}

#ac_custom_flow ul {
    padding: 0 20px;
}
#ac_custom_flow ul li {
    margin-bottom: 10px;
}
#ac_custom_flow ul li li {
    margin-bottom: 0;
}

#ac_custom_flow .text-left {
    font-size: 1.3rem !important;
}

/* 商品ページリンク */
.acapulco_product_link {
     margin-top: -20px;
}
.acapulco_product_link .button-area {
     text-align: center;
}
.acapulco_product_link a.button {
     display: inline-block;
     line-height: 1.6;
     background: #333;
     border: 1px solid #333;
     border-radius: 5px;
     color: #fff;
     padding: 10px 20px;
     margin-bottom: 20px;
     font-size: 1.4rem !important;
     text-align: center;
}

@media (min-width:768px) {
.acapulco_product_link {
    display:flex;
    justify-content: center;
}
.acapulco_product_link .button-area {
    margin: 0 20px;
    }
}

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


/* ふき出し（上向き） */
.balloon1-top {
  position: relative;
  display: inline-block;
  margin: 1.5em 0;
  padding: 7px 10px;
  min-width: 120px;
  max-width: 100%;
  font-size: 16px;
  background: #fcddd7;
}

.balloon1-top:before {
  content: "";
  position: absolute;
  top: -30px;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-bottom: 15px solid #fcddd7;
}

/* ふき出し（上向き） ポイントアップ用*/
.balloon1-top-point {
  position: relative;
  display: inline-block;
  margin:0 0 10px 0!important;
  padding: 0px 5px 0px 10px;
  min-width: 120px;
  max-width: 100%;
  font-size: 12px;
  background: #fffd2c;
}

.balloon1-top-point:before {
  content: "";
  position: absolute;
  top: -20px;
  left: 20px;
  margin-left: -10px;
  border: 10px solid transparent;
  border-bottom: 10px solid #fffd2c;
}

/* ------------------------------------
 スタイル管理 2023.09.21
------------------------------------ */
@media (max-width: 559px) {
.styleList_item:not(:nth-of-type(3n+1)) {
    margin-left: 16px!important;
  }
.styleList_item:nth-of-type(4n) {
    margin-left: 0px!important;
  }
.styleList_item {
width: calc((100% - 32px)/ 3)!important;
}
}

.styleList_item_container {
 display: none;
}

#mainColumn .section_buttonArea {
padding: 24px 0!important;
}
/* ------------------------------------
 タブ切替　20周年ページ用
------------------------------------ */

.tab01 {
  width: 100%;
  margin: 0 auto 50px;
}
/*タブのスタイル*/
.tab_menu {
  width: 49.5%;
  height: auto;
  padding: 10px;
  line-height: 1.2em;
  font-size: 16px;
  text-align: center;
  color: #000;
  border-radius: 14px 14px 0 0;
  background-color: #c5c5c5;
  display: block;
  float: left;
  text-align: center;
  font-weight: bold;
  transition: all 0.2s ease;
}
.tab_menu:hover {
  opacity: 0.75;
}
.tab_menu:not(:last-of-type) {
  margin-right: 1%;
}
.tab01 #menu01 {
	background: url(../img/article/tokyo20th/bg_01.jpg) no-repeat bottom / cover;
}
.tab01 #menu02 {
	background: url(../img/article/tokyo20th/bg_02.jpg) no-repeat bottom / cover;
}


/*ラジオボタンを全て消す*/
input[name="tab_menu"] {
  display: none;
}
/*タブ切り替えの中身のスタイル*/
.tab_contents {
  display: none;
  padding: 40px;
  clear: both;
  overflow: hidden;
  transition: .5s opacity;
  box-shadow: 0 0 3px rgba(0,0,0,.2);
}
.tab_contents p {
  padding: 10px;
  color: #fff;
  font-size: 12px;
}

/*選択されているタブを表示*/
#menu01:checked ~ #menu01,
#menu02:checked ~ #menu02,
#menu03:checked ~ #menu03 {
  display: block;
}
/*選択されているタブのスタイル*/
.tab01 input:checked + .tab_menu {
  background-color: #000;
  color: #fff;
}

/* ------------------------------------
 背景透かし文字
------------------------------------ */

.baseBox {
 /* --- 親BOXの定義 --------------------------------------------*/
  display       : inline-block;         /* インラインブロック化 */
  position      : relative;             /* 親要素               */
  overflow      : hidden;               /* はみ出しは非表示     */
  margin        : 0 auto;               /* BOXの位置(中央寄せ)  */
  height        : 80px;                /* BOXの高さ            */
}

 /* --- 前面文字の定義 -----------------------------------------*/
.baseBox .frontStr {
  display       : inline-block;         /* インラインブロック化 */
  position      : absolute;             /* 親要素からの相対位置 */
  padding       : 20px 10px 10px;                 /* BOX内の余白          */
  font-size     : 100%;                  /* 前景文字のサイズ     */
  line-height   : 1.4;
  font-weight   : bold;                 /* 太字                 */
  top           : 0;                    /* 親要素にサイズにする */
  left          : 0;
  right         : 0;
  bottom        : 0;
}
 /* --- 背景透かし文字の定義 -----------------------------------*/
.baseBox .backStr01, .baseBox .backStr02 {
  position      : absolute;             /* 親要素からの相対位置 */
  display       : inline-block;         /* インラインブロック化 */
  white-space   : nowrap;               /* 折り返ししない       */
  font-size     : 28px;                 /* 背景透かし文字サイズ */
  font-weight   : 800;                 /* 太字                 */
                                        /* 中心寄せ＆角度       */
  top           : 25%;
  left          : 1%;
  transform     : rotate(345deg);
}

.baseBox .backStr01 {
  color         : rgba(23, 62, 101, 0.80); /* 背景透かし文字色     */
}

.baseBox .backStr02 {
  color         : rgba(98, 38, 38, 0.80); /* 背景透かし文字色     */
}

/* ------------------------------------
work at home2024用
------------------------------------ */

.column-3fb p {
	font-size:14px !important;
	font-weight:600;
}

.tab_switch3 .tab3_menu {
  color: #fff;
}

.tab_switch3 input:checked + .tab3_menu {
  color: #2d2924;
}
	


/* タブ切替（3個切替）
------------------------------------ */

.tab_switch3 {
  width: 100%;
  margin: 0 auto 50px;
}
/*タブのスタイル*/
.tab3_menu {
  width: 32%;
  padding: 10px;
  line-height: 1.2em;
  font-size: 16px;
  text-align: center;
  color: #000;
  border-radius: 14px 14px 0 0;
  background-color: #c5c5c5;
  display: block;
  float: left;
  text-align: center;
  font-weight: bold;
  transition: all 0.2s ease;
}
.tab3_menu:hover {
  opacity: 0.75;
}
.tab3_menu:not(:last-of-type) {
  margin-right: 1%;
}

/*ラジオボタンを全て消す*/
input[name="tab3_menu"] {
  display: none;
}
/*タブ切り替えの中身のスタイル*/
.tab3_contents {
  display: none;
  padding: 40px;
  clear: both;
  overflow: hidden;
  transition: .5s opacity;
  box-shadow: 0 0 3px rgba(0,0,0,.2);
}
.tab3_contents p {
  padding: 10px;
  font-size: 12px;
}

/*選択されているタブのスタイル*/
input:checked + .tab3_menu {
  background-color: #000;
  color: #fff;
}

/* 3カラム（SPも同じ）
------------------------------------ */
.column-3fb {
	display:flex;
	text-align: center;
}
.column-3fb .item01, .column-3fb .item02, .column-3fb .item03 {
	width: 32%;
	margin-right: 2%;
}
.column-3fb .item03 {
	margin-right: 0;
}

/* 3カラム（SPは1カラムにしたい時）
------------------------------------ */
@media (max-width: 559px) {
.column-3fb_sp1 {
	display:block;
}
.column-3fb_sp1 .item01, .column-3fb_sp1 .item02, .column-3fb_sp1 .item03 {
	width: 100%;
	margin-right: 0;
}
}

/* SP対応
------------------------------------ */

@media (max-width: 559px) {
.tab3_contents {
  padding: 40px 10px;
}
.tab3_menu .frontStr {
	font-size: 12px;
}
}

/* 2カラム（SPも同じ）
------------------------------------ */
.column-2fb {
	display:flex;
	text-align: center;
}
.column-2fb .item01, .column-2fb .item02 {
	width: 48%;
	margin-right: 4%;
	margin-bottom: 5%;
}
.column-2fb .item02 {
	margin-right: 0;
}
.column-2fb p {
	font-size:14px !important;
	font-weight:600;
}

/* 2カラム（SPは1カラムにしたい時）
------------------------------------ */
@media (max-width: 559px) {
.column-2fb_sp1 {
	display:block;
}
.column-2fb_sp1 .item01, .column-2fb_sp1 .item02 {
	width: 100%;
	margin-right: 0;
}
}

/* 4カラム（SPも同じ）
------------------------------------ */
.column-4fb {
	display:flex;
	text-align: center;
}
.column-4fb .item01, .column-4fb .item02, .column-4fb .item03, .column-4fb .item04 {
	width: 22%;
	margin-right: 4%;
}
.column-4fb .item04 {
	margin-right: 0;
}
.column-4fb p {
	font-size:14px !important;
	font-weight:600;
}

/* ------------------------------------
キャンペーンLP用 汎用見出し＆テキスト
------------------------------------ */
.CPblock{margin-bottom:10px;}
.CPblock p {font-size: 100%;line-height: 1.5;}
.CPblock p.title {font-weight: 700; font-size: 120%;line-height: 2;}
.CPblock p img {margin-bottom:5px;}