@charset "UTF-8";
/*----------------------------------------------------------
Theme Name:3STARS DPA
Theme URI:https://3stars.jp/dpa/
Author:3stars JUN
Author URI:https://3stars.jp/about
Description:3STARS DPA専用テーマ(from Ver.20241111)
Requires at least: 6.4
Tested up to: 8.2
Requires PHP: 8.2
Version:20241111
License:3stars
License URI: https://3stars.jp
Text Domain: 3STARS
----------------------------------------------------------*/
/*----------------------------------------------------------
RESET & BASE
----------------------------------------------------------*/
*{margin:0px;padding:0px;}
article,aside,header,hgroup,canvas,details,figcaption,figure,footer,main,nav,section,summary{display:block;}
ul,ol{margin:0;padding:0;list-style:none;}
img,video,object{max-width:100%;height:auto;border:none;vertical-align:bottom;}
body{font:16px/1.8 "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",Meiryo,"メイリオ","ＭＳ Ｐゴシック",Helvetica,Sans-Serif;}
#container{word-wrap:break-word;height: 100%;}
p{font-size:100%;color:#555;}
.articleBox01,.articleBox02{margin:0px auto 40px;}
.articleBox01 p,.articleBox02 p{margin-bottom:20px;}
a{color:#a99a48;text-decoration:underline;}
a:hover{text-decoration:underline;opacity:0.65;filter:alpha(opacity=65);-ms-filter:"alpha( opacity=65 )";}
a:hover img{opacity:0.8;filter:alpha(opacity=80);-ms-filter:"alpha( opacity=80 )";}
::selection {color: #333333;background-color:#eadea9;}/*選択文字背景*/

img {/*----- 画像のドラッグで保存対策：右クリック対策はjsファイルにて -----*/
  -webkit-user-drag: none;       /* Safari・Chrome系 */
  -webkit-touch-callout: none;   /* iOS長押し対策 */
  user-select: none;             /* テキスト選択も防ぐ場合 */
}

.clear{clear:both;}
.aligncenter{clear:both;display:block;margin-left:auto;margin-right:auto;}
/* clearfix */
.clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;}
/* IE6 */
* html .clearfix{zoom:1;}
/* IE7 */
*:first-child + html .clearfix{zoom:1;}
/* DW */
.clearfix + *{clear:both;}
.shadow{position:relative;}
.shadow:before,.shadow:after{z-index:-1;position:absolute;content:"";bottom:15px;left:10px;width:50%;top:80%;max-width:500px;background:#777;-webkit-box-shadow:0 15px 10px #777;-moz-box-shadow:0 15px 10px #777;box-shadow:0 15px 10px #777;-webkit-transform:rotate(-3deg);-moz-transform:rotate(-3deg);-o-transform:rotate(-3deg);-ms-transform:rotate(-3deg);transform:rotate(-3deg);}
.shadow:after{-webkit-transform:rotate(3deg);-moz-transform:rotate(3deg);-o-transform:rotate(3deg);-ms-transform:rotate(3deg);transform:rotate(3deg);right:10px;left:auto;}

/*-----------------------------
フォント設定
------------------------------*/
/*ブログタイトル*/
header #header-in #h-l .sitename{font-size:20px;color:#fff;margin:15px 0;}
header #header-in #h-l .sitename a{color:#504a29;text-decoration:none;font-weight:bold;height:45px;margin: 5px auto 0 0;}
header #header-in #h-l .sitename a svg.ThreeStars-PhotoAlbum{width:100%;max-width:225px;height:45px;fill:#bcae5e}
/*ブログタイトル下の文*/
header #header-in #h-l h1{font-size:12px;color:#666;font-weight:normal;height:45px;}
header #header-in #h-l h1 a{color:#FFF;text-decoration:none;}
#h-l .descr{font-size:10px;color:#e4dcb6!important;font-weight:normal;margin:-10px 0 0!important;height: 22px;overflow: hidden;}

/*記事タイトル*/
.entry-title{
  font-size: 20px;
  line-height: 30px;
  color: #504a29;
  margin: 20px 0 10px 0px;
  border-bottom: 2px solid #bdad5f;
  padding: 5px 10px 15px;
  width:calc(100% - 20px);
}
#work-wrap .entry-title,#work-wrap h2.subT,#work-wrap h3.subT,#work-wrap h4.subT,#work-wrap h5.subT,.modelWrap > h3 {color:#bdad5f!important;}
.entry .entry-content .entry-title a:hover{text-decoration:underline;}
.entry-title a{color:#504a29;text-decoration:none;}

/*アーカイブタイトル*/
/*.entry-title-ac{font-size:20px;padding:0px;font-weight:bold;margin:0px 0px 0px 0px;border:none;}
.entry-title-ac a{color:#504a29;text-decoration:none;}*/
.articleBox01 .entry .entry-content .entry-title-ac{margin:0px;padding:0px 0px 0px;background-image:none;border:none;}
h2{font-size:1.4rem;padding:10px 10px 10px 20px;color:#504a29;margin:20px auto;line-height:30px;border-bottom: 2px dotted #9e924e;font-weight:normal;text-align:center;}/*--- page-product.php archive.php、search.php、のh2タイトルのみ ---*/
#work-wrap h2{color:#bdad5f;}/*--- アートのh2タイトルのみ ---*/
h3{/*--- archive.phpの 全ての『〇〇』商品 のh3に追加 ---*/
  font-size: 1.3rem;
  display: block;
  text-align: center;
  width: 100%;
  margin: 0px auto 20px;
  color: #5c5225;
  border-bottom: 2px dotted #9e924e;
  font-weight: normal;
}
h2.subT{font-size:1.2rem!important;color:#504a29;padding:5px 15px!important;margin:50px 0px 20px;border-bottom:2px solid #9e924e;}
h3.subT{
  font-size:1.1rem!important;
  color:#504a29;
  padding:5px 18px!important;
  margin:30px auto 20px!important;
  width:calc(100% - 36px);
  border-bottom:4px double #a99a48;
  text-align: left;
  font-weight: bold;
}
h4.subT{font-size:1rem!important;font-weight:bold!important;border-bottom:2px solid #9e924e;padding:3px 10px;margin:5px 0 15px;}
h5.subT{font-size:1rem!important;background:#e8d074;padding:3px 10px;margin:5px 0 15px;}
#footer #footer-in h4 a{color:#666;text-decoration:none;}

@media only screen and (max-width:750px){
  h3.subT{text-align: center;}
}
/*-----------------------------
基本構造
------------------------------*/
/*--------------------- header --------------------*/
/*header{}/* 3starsPA.cssで指定*/

header,footer{
  margin: 0 auto;
  text-align: center;
  color:#bcae5e;
  z-index: 0;
}
/*--------------------- header --------------------*/
header{padding:0 5%;}
#header-in,#navi-in{max-width:1200px;margin:0 auto;}
#navi-in{padding:0 5%;}
header #header-in #h-l{width:100%;}

header .sitename{
  margin: 0 auto;
}
footer{
  padding: 0;
  width: 100%;
}

/*--------------------- #main --------------------*/
#main{
  margin: 0 auto;
  color:#555;
  padding: 15px 5%;
  width: calc(100% - 10%);
  max-width: 1200px;
  /*width:calc(72% - 30px);*/
}
#main100p{
  width:100%;
  color:#555;
  height:100%;
}

/*--------------------- .articleBox01,02： 共通 --------------------*/
.articleBox01 .leadBox01, .articleBox02 .leadBox01 {
  padding: 15px 15px 20px;
  margin: 0 auto 25px;
  /*background: #f9f8ee;
  border: 1px solid #eae3c4;
  border-radius:0 0 7px 7px;*/
}
.leadBox01 p:before {
  content: '\266A';/*♪*/
  display: inline-block;
  text-indent: -1.5em;
  position: relative;
}
.leadBox01 p {
  margin: 0 auto 7px 1.5em;
}
.leadBox01 p:last-child {
  margin: 0 auto 0px 1.5em;
}



/*-----------------------------
#footer
------------------------------*/
#footer{padding-bottom:3px;}
#footer-in{text-align:center;color:#CCC;padding:0px 0 0;}
#footer #footer-in p{font-size:80%;}
#footer #footer-in p a svg.ThreeStars-3{width:100%;max-width:180px;height:43px;fill:#bcae5e}
#footer-in ul{padding:5px 0;text-align:center;background:#222211;margin: 0 auto 5px;font-size:14px;}
#footer-in ul li{display:inline-block;margin:0 8px;}
#footer-in ul li a{text-decoration:none;color:#fff;}
#footer-in ul li a:hover{text-decoration:underline;}
.copy{margin:0px auto 3px!important;color:#bcae5e;}

#respond h3{font-size:16px;}

.more-link{font-size:12px;color:#a99a48!important;text-decoration:underline;margin:0 0 20px;}


/*-----------------------------
ページナビ
------------------------------*/
/*--- WP-PageNavi を使用した時用---*/
.wp-pagenavi{text-align:center; margin: 10px auto 50px;}
.wp-pagenavi a,.wp-pagenavi span{padding:5px;margin:0 1px;display: inline-block;text-decoration: none;font: 16px/1.7 "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Meiryo,"メイリオ","ＭＳ Ｐゴシック",Helvetica,Sans-Serif;}
.wp-pagenavi a{color:#a99a48;/*background:#a99a48*/}/*
.wp-pagenavi a:hover{text-decoration:none;background:#0090aa}*/
.wp-pagenavi .current{color: #cab558!important;/*background: #CCCCCC;*/}
.wp-pagenavi .previouspostslink,.wp-pagenavi .nextpostslink{position:relative}
.wp-pagenavi .previouspostslink:after,.wp-pagenavi .nextpostslink:after{border:solid transparent;content:" ";height:0;width:0;position:absolute;border-color:rgba(0,187,221,0);border-width:22px;top:0}
.wp-pagenavi .previouspostslink{padding-left:5px!important}/*
.wp-pagenavi .previouspostslink:after{right:99%;border-right-color:#a99a48}
.wp-pagenavi .previouspostslink:hover:after{border-right-color:#0090aa}*/
.wp-pagenavi .nextpostslink{padding-right:5px!important}/*
.wp-pagenavi .nextpostslink:after{left:100%;border-left-color:#a99a48}
.wp-pagenavi .nextpostslink:hover:after{border-left-color:#0090aa}*/
.wp-pagenavi .first{margin: 0 22px 0 0;}
.wp-pagenavi .last{margin: 0 0 0 22px;}

/*-----------------------------
ページTOP
------------------------------*/
#page-top{
  position:fixed;
  bottom:40px;
  right:40px;
  z-index:9999;
}
#page-top a{
  display:block;
  background:url(https://3stars.jp/3stars_images/GoToTop_icon.png) no-repeat;
  width:80px;
  height:80px;
  padding:5px;
  text-align:center;
  line-height:70px;
  border-radius:5px;
  opacity:0.8;
}
#page-top .icon{display: none;}
/* activeがタブレットで戻らないので opacity:1→0.9;に変更中 */
#page-top a:hover{
  text-decoration:none;
  opacity:0.9;
}
@media only screen and (max-width:600px){
  #page-top{
    bottom:5px;
    right:5px;
  }
  #page-top a{
    width:50px;
    height:50px;
    padding:0px;
    background:#665e53;
    background-image:none;
    text-align:center;
    border-radius:5px;
    opacity:0.7;
  }
  #page-top .icon{ /* 矢印アイコン */
    display: block;
    width: 50px;
    height: 50px;
    fill: white;
    transform: rotate(90deg);
  }
}

/*-----------------------------
コンテンツ
------------------------------*/
.post ul{list-style:none;padding:0 20px 20px 35px;}
.post ol{list-style:decimal;padding:0 20px 20px 35px;}
.post ul li,.post ol li{font-size:100%;line-height:1.6em;margin:10px auto 20px;}
.ProBox02 ul li{margin:0px auto 0px;}
#footer #footer-in h4{border:none;font-size:13px;font-weight:normal;color:#666;padding:5px;}

/* .more『続きを見る』/.moreItems『さらに表示』*/
.motto a,.relatedBox01 .motto a,.moreItems a{
  text-decoration:none;
  /*background-color:#eee!important;
  color:#a99a48!important;*/
  background-color: #e3deb9!important;
  color: #5c5225!important;
  padding:5px;
  text-align:center;
  display:block;
  border-radius: 3px;
  box-shadow:0 10px 10px -8px #999;
  transition:.1s all;
  /*width:calc(98% - 10px)!important;20240722 変更　問題なかったらこれ削除でOK*/
  width:calc(100% - 10px);
  margin: 0 auto;
}
.motto a:hover,.relatedBox01 .motto a:hover,.moreItems a:hover{
  text-decoration:none;
  background-color:#a59448!important;
  color:#FFF!important;
  box-shadow:0 5px 5px -5px #999;
  transition:.3s all;
}

/*----------------------------
コメント
------------------------------*/
#comments p{font-size:12px;font-weight:normal;padding: 0 0 5px;}/*--jetpackのcss対策--*/
#comments p a{color:#999;}
#comments label{display:inline;}/*--jetpackのcss対策--*/
#comments p.comment-form-author label,#comments p.comment-form-email label{min-width: 9em;display:inline-block;}/*--jetpackのcss対策--*/
.metadata dd a{color:#999;}
.metadata{font-size:13px;line-height:20px;}
#comments{font-size:14px;line-height:20px;color:#504a29;background-color:#FBFCE7;padding:20px 25px 5px;margin:0 0 20px;border-top:5px solid #9e924e;}
.comment-body{padding:10px;}
.fn{font-style:normal;font-size:13px;}
.says{font-size:13px;}
.commentmetadata{font-size:12px;padding:5px;}
.reply{padding:5px;font-size:13px;}
#comments #respond{font-size:16px;font-weight:bold;margin-bottom:10px;padding:5px 10px 5px 10px;color:#666;}
#comments #commentform .tags{padding:10px;background-color:#f3f3f3;font-size:13px;}
#comments #commentlist img{padding:10px;}
#comments ol > li{border-bottom:3px double #555;margin:0 0 25px;}
#comments .comment-subscription-form{margin: 0 auto 0px;}/*--jetpackのcss対策--*/
#comments .form-submit{margin: 1em auto 0px;}/*--jetpackのcss対策--*/
#comments .form-submit input{padding: 2px 5px;}/*--jetpackのcss対策--*/
#respond h3 {font-size: 18px;margin: 0 auto 12px;border-bottom: 1px solid #555;display: inline-block;}

/*-----------------------------
Grobal Navigation
------------------------------*/
nav#gNavi{
  width:100%;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  background:#e9f4f9;
}
/*#navi-in li{position:relative;float:left;font-size:15px;display:inline;padding:5px 10px;line-height:30px;border-right:1px dotted #fff;}*/
/*#navi-in li:first-child{border-left:1px dotted #fff;}*/
#navi-in > ul > li{border-right:none;}
.naviR{position:relative;float:right!important;font-size:13px;padding:5px 10px;display:inline;line-height:30px;text-align:center;}
.Rline{border-right:1px dotted #fff;line-height:30px;}
.NaviHome{width:24px;height:24px;background:url(/common/img/HomeBTN.png) no-repeat;margin: 0 0 4px!important;background-position: center 7px;}
#navi-in li li{float:left;font-size:15px;padding:5px 10px;display:inline;border:none;}
#navi-in li a{/*float:left;*/text-decoration:none;display:block;margin:0;padding: 5px 10px;color:#5c5225;font-size: 14px;position: relative;}
.menu-navigation-container{overflow:hidden;}
#navi-in .current-menu-item a{
  color:#bcae5e;
  opacity:1;
}
#navi-in li a:hover{
  color:#bcae5e;
  opacity:1;
  transition: all .5s;/*アニメーション*/
}
#navi-in li ul li a:hover{
  color:#FFFFFF;
  opacity:.8;
  background:#bcae5e;
}
#navi-in li ul li.current-menu-item a{
  color:#FFFFFF!important;
  opacity:1;
  background:#bcae5e;
}
#navi-in li ul li:last-child.current-menu-item a{
  border-radius: 0 0 5px 5px;
  overflow: hidden;
}
#navi-in li a::after {/*hover時の下線アニメーション*/
  content: '';
  /*絶対配置で線の位置を決める*/
  position: absolute;
  bottom: 0;
  left: 0;
  /*線の形状*/
  width: 100%;
  height: 2px;
  background:#bcae5e;
  /*アニメーション*/
  transition: all .3s;
  transform: scale(0, 1);/*X方向0、Y方向1*/
  transform-origin: center top;/*上部中央基点*/
}
/*現在地とhoverの設定*/
#navi-in li.current-menu-item > a::after,
#navi-in li a:hover::after {
  transform: scale(1, 1);/*X方向にスケール拡大*/
}
#navi-in li{
  position: relative;
  float: left;
  margin: 0 10px;
  padding: 0;
  line-height: 30px;
  text-align: center;
}
#navi-in li ul{
  list-style: none;
  position: absolute;
  top: 100%;
  left: 50%;
  -ms-transform: translate(-50%, 0%);
  -webkit-transform: translate(-50%, 0%);
  transform: translate(-50%, 0%);
  margin: 0;
  padding: 0;
  width: 100%;
  min-width: 140px;
  z-index: 3;
}
#navi-in li ul li{
  overflow: hidden;
  height:0;
  margin: 0;
  padding: 0;
  transition: all .3s;
}
#navi-in li:hover ul li{
  overflow: visible;
  width: 100%;
  min-width: 140px;
  height: auto;
  margin: 0;
  background: #f8eecf;
  border-bottom:1px #ccc dotted;
  z-index: 0;
}
#navi-in li ul li:last-child{
  border-radius: 0 0 5px 5px;
  border: none;
}
#navi-in li ul li:last-child a:hover:last-child {
  border-radius: 0 0 5px 5px;
}
#navi-in li ul li:last-child a:hover:last-child::after {
  transform: scale(0.9, 1);/*X方向にスケール拡大*/
}


/* 3階層目以降　*/
#navi-in li ul.sub-menu li ul.sub-menu {
  top: 0%;
  left: 150%;
  opacity: 0;
}
#navi-in li ul.sub-menu li:hover ul.sub-menu{
  opacity:1;
  transition: all .5s;
  border-radius: 0 0 5px 5px;
}
#navi-in li ul.sub-menu li:hover ul.sub-menu li,
#navi-in li ul.sub-menu li.current-menu-item ul.sub-menu li a{
  background: #f8eecf;
  color: #5c5225!important;
  overflow: hidden;
}
#navi-in li ul.sub-menu li ul.sub-menu li.current-menu-item a,
#navi-in li ul.sub-menu li.current-menu-item ul.sub-menu li a:hover{
  background:#bcae5e;
  color: #ffffff!important;
}

/*@media only screen and (max-width:960px){
  header{border-bottom:2px solid #9e924e;padding: 0;}
  .sub-menu{display: none;}
}*/

/*-----------------------------
検索フォーム
-----------------------------*/
#headerRBox{float: right;display: flex;}
.searchWrap{
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.searchBox{/*headerのsearchBox*/
  position:relative;
  margin:10px 24px 0 0;
  border:none!important;
  height: 32px;
}
/*.searchBox:hover .searchInput,.searchInput:focus{*/
.searchBox:hover .searchInput,
.searchBox:focus-within .searchInput,
.searchInput:focus{
  width: 150px;
  margin: 0 7px 0 0;
  padding: 2px 7px 0 32px;
  box-shadow: 0px 0px 5px 1px #ccc;
  /*border-right: none;*/
  opacity: 1;
  position: relative;
  top: -3px;
  border-radius: 5px;
}
.searchInput{/*テキスト入力フォーム*/
  width:24px;
  height:24px;
  border:none;
  color:#504a29;
  padding:2px;
  transition: all 0.3s;
  outline: none;
  cursor: pointer;
  background: none;
  margin: 0;
  opacity: 0;
  position: relative;
  top: -3px;
  z-index: 1;
}
.searchInput:focus{
  background: #eee;
  border: 1px solid #b2ae98;
  right: 0px;
  transition:.7s all;
}
.searchBtn{/*検索ボタン*/
  position:absolute;
  top: 1px;
  left:0px;
  height: 28px;
  width: 28px;
  border:none;
  background: none;
  cursor: pointer;
  transition:.5s all;
  z-index: 1;
}
.searchBtn svg.search{/*検索虫眼鏡のsvgアイコン設定*/
  position:absolute;
  top:0px;
  left:0px;
  width:28px!important;
  height:28px;
  fill:#b2ae98;
  border-radius:5px;
  padding:5px;
  box-sizing:border-box;
  background:#fff;
}
/*.searchBox:hover .searchBtn svg.search,.searchInput:focus + .searchBtn svg.search{/*アイコンhover & テキスト入力inputにフォーカスした時*/
.searchBox:hover .searchBtn svg.search,
.searchBox:focus-within .searchBtn svg.search,
.searchInput:focus + .searchBtn svg.search { /*アイコンhover & テキスト入力inputにフォーカスした時*/
  background:#b2ae98;
  fill:#fff;
}
.searchBox .fakeBTN{/* タブレット対策：検索ボタンの上に乗せて、一回目のタッチで反応しないようにする。 */
  position: absolute;
  top: 1px;
  left: 0;
  width: 28px;
  height: 28px;
  z-index: 1;  
}
.searchInput:focus + .searchBtn,.searchInput:active + .searchBtn{
  z-index: 10;
}
@media only screen and (max-width:960px){
  .searchBox:hover .searchInput,.searchInput:focus{
    margin: 0;
    padding: 0;
    padding: 2px 24px 0 7px;
    border-right: none;
    box-shadow: none;
  }
}

.searchBox2{/*検索結果画面ででてくるsearchBox*/
  position:relative;
  margin:0px 5px 0 0;
  border:none!important;
  height: 32px;
}
.searchBox2 .searchInput{
  width: 180px;
  margin: 0 7px 0 0;
  padding: 2px 7px 0 32px;
  border: 2px solid #aaa;
  opacity: 1;
  position: relative;
  top: -3px;
  border-radius: 5px;
}
.searchBox2 .searchBtn{/*検索ボタン*/
  top: 0px;
  fill:#aaa;
}
.searchBox2 .searchBtn svg.search{/*検索虫眼鏡のsvgアイコン設定*/
  background: none;
  fill:#aaa;
  border-radius: 3px;
}
.searchBox2 .searchInput:focus + .searchBtn svg.search{/*アイコンhover & テキスト入力inputにフォーカスした時*/
  background:#aaa;
  fill:#fff;
}
/*--- スマホ用 SeachBox ---*/
#SmartNavi .searchBox{display:block;margin:0px 0px 0px auto;}
#SmartNavi .searchBox .searchInput{
  width:180px;
  height:24px;
  color:#504a29;
  padding:2px 28px 2px 8px;
  background-color:#ddd;
  border:2px solid #777;
  border-radius:5px;
  opacity:1;
  top:0;
}
#SmartNavi .searchBox .searchInput:focus{
  opacity: 1;
  box-shadow: none;
  position: relative;
  background-color:#fff;
  top: 0px;
  margin: 0;
  padding:2px 28px 2px 8px!important;
}
#SmartNavi .searchBox .searchBtn{
  position:absolute;
  top:2px;
  right:2px;
  left: auto;
}
#SmartNavi .searchBtn svg.search{/*検索虫眼鏡のsvgアイコン設定*/
  position:absolute;
  top:0px;
  width:28px!important;
  height:28px;
  fill:#b2ae98;
  border-radius:5px;
  padding:5px;
  box-sizing:border-box;
  background:none;
}
#SmartNavi .searchInput:focus + .searchBtn svg.search{/*アイコンhover & テキスト入力inputにフォーカスした時*/
  background:#b2ae98;
  fill:#fff;
  border-radius: 3px;
}

#SmartNavi .searchBox .feed img{position:absolute;top:0px!important;left:-32px;width:32px!important;}

#SmartNavi .sns3starsBox01 li{border-left: 3px solid #ddd;border-top:none;text-indent:0;line-height: 1em;}
#SmartNavi .sns3starsBox01 li:last-child{border-right: 3px solid #ddd;}
#SmartNavi .sns3starsBox01 li svg{fill:#b2ae98;}





/*---------------------------------
3STARSのSNS
--------------------------------*/
.sns3starsBox01{
  display: flex;
  flex-wrap: wrap;
  text-align: center;
  margin: 10px auto 0;
  justify-content: center;
  background: none!important;/*footer-inで競合あり*/
  /*width: 100%;*/
}
.sns3starsBox01 li,#SmartNavi .sns3starsBox01 li{
  width: 50px;
  padding: 3px 5px 0;
  font-size: 20px!important;
  margin: 0!important;/*footer-inで競合あり*/
  text-align: center;
}
.sns3starsBox01 li{border-left: 3px solid #ddd;}
.sns3starsBox01 li:last-child{border-right: 3px solid #ddd;}
.sns3starsBox01 li svg{fill:#b2ae98;}


/*---------------------------------
関連記事とか  （カテゴリーページ・タグページ）
--------------------------------*/
/*投稿ページ・最下部*/
.relatedBox01,.categoryBox01{
  display: flex;
  flex-wrap: wrap;
  background-size: cover;
  margin: 25px auto 20px;
  padding: 25px 0 0;
  background: #fff;
  border-radius: 10px;
}
.relatedBox02{/*投稿ページの管理画面で追加している--関連・オススメ商品--*/
  display: flex;
  flex-wrap: wrap;
  background-size: cover;
  margin: 0px auto 20px;
  justify-content: center;
}
.relatedBox02 p{/*投稿ページの管理画面で追加している--関連・オススメ商品-- の<p>対策*/
  display: none;
}
.relatedBox01 h4{
  font-size: 17px;
  font-weight:bold;
  margin: 0px auto 20px 0;
  padding: 5px 5px 7px 10px;
  border-bottom: 2px solid #bdad5f;
  color: #504a29;
  width: 100%;
}
.relatedBox01 h4 > svg{font-size:24px;margin:0 3px -3px auto;padding:0px;color:#bdad5f;vertical-align: text-bottom;}
.relatedBox01 a,.relatedBox02 a,.categoryBox01 a{
  margin: 0 1% 30px;
  background: #fff;
  text-decoration: none;
}
.relatedBox01 a img:hover,.relatedBox02 a img:hover,.categoryBox01 a img:hover{  
  transform:scale(1.02,1.02);
  transition:.3s all;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
  /*box-shadow: 0px 5px 15px 0px rgba(255, 255, 255, 0.5);*/
  box-shadow: 0px 5px 15px 0px rgba(0 0 0 / 0.5);
}
.relatedBox01 a,.categoryBox01 .relatedBox01 a{/*--- 投稿ページの最下部の関連記事 or 商品一覧： widthは最高で約1200px ---*/
  width: calc(100% / 6 - 2%);
}
.relatedBox02 a,.categoryBox01 a{/*--- カテゴリー・タグ・検索ページ： widthは100% ---*/
  width: calc(100% / 4 - 2%);
}
figcaption{
  margin: 5px auto 0;
  text-align:center;
  /*color: #9e924e; 20240110 スタジオページのfigcaptionの文字色をリセットしたいのでコメントアウト*/
}
.relatedBox01 h5.entry-title,.relatedBox02 h5.entry-title,.categoryBox01 h3.entry-title{
  font-size: 14px;  
  line-height: 20px;
  color: #504a29;
  margin: 5px auto 10px;
  border-bottom: none;
  padding: 0px 5px 0px;
  height: 40px;
  overflow: hidden;
}
.relatedBox02 h5.entry-title{
  margin: 15px auto 10px;
}
@media only screen and (max-width: 1200px) {
  .relatedBox01 .R-Price,.relatedBox01 .arrowR{
    display: none;
  }
}
@media only screen and (max-width: 960px) {
}
@media only screen and (max-width:768px){
  /*.relatedBox01 a,.categoryBox01 a{
    width: calc(100% / 3 - 2%);
  }*/
}
@media only screen and (max-width:600px){
  .relatedBox01 a,.categoryBox01 a{
    width: calc(100% / 3 - 2%);
  }
  .thumbBox .R-Price,.thumbBox .arrowR,.categoryBox01 .R-Price,.categoryBox01 .arrowR{
    display: none;
  }
}
@media only screen and (max-width:480px){
  .relatedBox01 a,.relatedBox02 a,.categoryBox01 a{
    width: calc(100% / 2 - 2%);
  }
}



/*サイド*/
#newProBox01 dl {
  margin: 5px 10px 20px;
  text-decoration: none;
}
#newProBox01 a img:hover {/*
  margin: 5px;
  box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 20%);
  opacity: .7;*/
  
  transform:scale(1.01,1.01);
  transition:.3s all;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
  /*box-shadow: 0px 5px 15px 0px rgba(255, 255, 255, 0.5);*/
  box-shadow: 0px 5px 15px 0px rgba(0 0 0 / 0.5);
}
#newProBox01 dt {
  overflow: hidden;
  text-align: center;
}
#newProBox01 dt img{
  width:100%;
}
#newProBox01 dd {
  margin: 0px auto 15px;
  padding: 7px 5px 7px;
}
#newProBox01 dd h4 {
  font-size: 14px;
  line-height: 20px;
  overflow: hidden;
  max-height: 40px;
  color: #504A2C;
}
#newProBox01 a{
  text-decoration: none;
}


/*-----------------------------------
ぱんくず
------------------------------------*/
.breadcrumb{font-size:14px;margin:0 0 20px;}
.breadcrumb ul{list-style: none; padding: 0 20px 0px 5px;}
.breadcrumb ul li{
  float:left;
  line-height: 1.6em;
  margin: 0px auto 0px;
}
.breadcrumb  a{color:#777;text-decoration:none;}
.breadcrumb .icon-arrowSingle-right{padding:0 1em;transform: translateY(1px);}/*svgの[>]*/

/*---------------------------------
スマートナビ（メニューボックス）
--------------------------------*/
#SmartNavi {
  width: 100%;
  position: relative;
  z-index: 999;
  opacity: 0.95;
  filter: alpha(opacity=95);
  -ms-filter: "alpha( opacity=95 )";
}
.trigger {
  display: inline-block;
  width: 30px;
  height: 24px;
  vertical-align: middle;
  cursor: pointer;
  position: absolute;
  top: 4px;
  right: 16px;
  z-index: 100;
  transform: translateX(0);
  transition: transform .5s;
  border: 7px solid rgba(0, 0, 0, 0);
  border-radius: 3px;
}
.trigger span {
  display: inline-block;
  box-sizing: border-box;
  position: absolute;
  left: 0;
  width: 100%;
  height: 3px;
  background-color: #bcae5e;
  transition: transform .5s;
}
.trigger.active{height:27px;}
.trigger.active span{background-color:#bcae5e;}
.trigger span:nth-of-type(1){top:0;}
.trigger.active span:nth-of-type(1){transform:translateY(12px) rotate(-45deg);}
.trigger span:nth-of-type(2){top:10px;}
.trigger.active span:nth-of-type(2){opacity:0;transform:translateX(-10px);}
.trigger span:nth-of-type(3){bottom:0;}
.trigger.active span:nth-of-type(3){transform:translateY(-12px) rotate(45deg);}
.acordion_tree {
  display: none;
  overflow: auto;
  width: 87%;
  padding: 1% 5% 10px;
  margin: 0 1%;
  position: absolute;
  top: 36px;
  text-align: center;
  background-color: #504a29;
  border: 2px solid #222;
  border-radius: 5px;
}
.acordion_tree li a{
  display:block;
  color:#fff;
  text-decoration:none;
  padding:8px 0;
}
.acordion_tree li a:hover{
  background: #b9b067;
}
#SmartNavi #SmartTopBox{margin:15px auto 10px;display: flex;flex-wrap: wrap;justify-content: space-between;}
#SmartNavi #SmartTopBox .SmartLBox svg{
  font-size: 32px;
  margin: 0 auto 0 0;
  padding: 0px;
  color: #bdad5f;
  vertical-align: middle;
}

.menu-gnavi-container {
  margin: 0 auto;
  width: max-content;
  min-width: 250px;
}
#SmartNavi .menu-gnavi-container .menu-item-546 {display: none;}/*ホームを削除中*/
.acordion_tree li{/* 1階層目 */
  font-size:16px;
  position:relative;
  border-top:1px dotted #CCC;
  text-align: left;
  text-indent: 28px;
  line-height: 32px;
}
.acordion_tree li .sub-menu li{/* 2階層目 */
  text-indent: 38px;
}
.acordion_tree li .sub-menu li > .sub-menu li{/* 3階層目 */
  text-indent: 57px;
}

#menu-gnavi > li > a{/* 1階層目 */
  background: #5e5a39;/*645f41;*/
}
#menu-gnavi li .sub-menu li > a{/* 2階層目 */
  background: none;
}
#menu-gnavi li .sub-menu li:has(ul) a{/* 2階層目に子がある時 */
  background: #45412c;
}
#menu-gnavi li .sub-menu li > .sub-menu li a{/* 3階層目 */
  background: #373320;
}
#menu-gnavi li:before,
#menu-gnavi li ul li:before{
  content: '';
  background-size: contain;
  display: inline-block;
  position: absolute;
}
#menu-gnavi li:before{/* 1階層目 */
  background-image:url(/common/SVG-font/arrow_right-white.svg);
  margin: 10px auto 0;
  width: 26px;
  height: 26px;
  left: 0px;
}
#menu-gnavi li ul li:before{/* 2階層目 */
  background-image:url(/common/SVG-font/arrowDouble-right-white.svg);
  margin: 16px auto 0;
  width: 9px;
  height: 16px;
  left: 18px;
}
#menu-gnavi li ul li ul li:before{/* 3階層目 */
  background-image:url(/common/SVG-font/arrowDouble-right-white.svg);
  margin: 16px auto 0;
  width: 18px;
  height: 16px;
  left: 28px;
}
#menu-gnavi > li:last-child{
  border-bottom:1px dotted #CCC;
}


@media only screen and (max-width: 1200px) {
}

@media only screen and (max-width:960px){
  .pc{display:none;}/*w960以下で反転 -----*/
  .smart,.sp{display:block;}/*w960以下で反転 -----*/
  
  #wrap-in{margin:5px auto 0;}
  .home-title{font-size:42px;}
  header #header-in #h-l .sitename .LogoWrap{width:62%;}
  .sitename a img{width:90%!important;}  
  header{
    margin:0;
    padding:0;
    width: 100%;;
  }
  header #header-in #h-l{padding:0px;}
  #headerRBox,nav#gNavi,#side .sidead{display:none;}
  .Rline{border-right:none;}
  #h-l .descr{margin:-10px 100px 0 0!important;}
  header #header-in #h-l .sitename .LogoWrap{width:100%;text-align:center;}
  .sitename a img{width:100%!important;}
}
@media only screen and (max-width:600px){
  .pc600{display:none;}/*w600以下で反転 -----*/
  .sp600{display:block;}/*w600以下で反転 -----*/
  .sitename a img{width:75%!important;}
  .breadcrumb{display:none;}
  .home-title{font-size:22px;}
}
@media only screen and (max-width:480px){
  .entry-title{font-size:18px;border-left:none;padding:5px 10px;}
  h2.subT{padding:5px 10px!important;}
  /*---------------------------------
  PREV NEXT
  --------------------------------*/
  .p-navi dl{width:100%;font-size:14px;padding:0 0 10px;margin:0 0 0px;}
  .p-navi dl:first-child{border-bottom:3px dotted #999999;padding:0 0 15px;margin:0 0 15px;}
  .p-navi dl dt{font-weight:bold;line-height:18px;width:60px;padding:0 10px 10px;min-height:50px;}
  .p-navi dl dt img{display:none;}
  .p-navi dl dd{line-height:20px;margin:0 10px 5px 80px;max-height:60px;padding:0 0 0 10px;min-height:50px;overflow:hidden;}
  .dd-Top{text-align:center;float:left;}
  .bdRD4-9{ border-right:none;}
  .wp-pagenavi .extend, .wp-pagenavi .smaller, .wp-pagenavi .larger{display: none;}
}
@media only screen and (max-width:375px){
  header #header-in #h-l .sitename .LogoWrap{text-align:left;margin:0 auto 0 22px;width:calc(100% - 22px);}
  header #header-in #h-l .sitename a svgThreeStars-3 {max-width: 150px;}
}


/*---お問い合わせのフォーム・モデルリリース・秘密保持契約書等、Contact Form7用：20200629追加---*/
.wpcf7 {
  width: fit-content;
  margin: 0 auto;
}
.wpcf7 form input[type="text"],
.wpcf7 form input[type="email"],
.wpcf7 form input[type="url"],
.wpcf7 form input[type="date"],
.wpcf7 form .searchform-input-wrapper input,
.wpcf7 form textarea,
.wpcf7 form select{
  border:none;
  color:#563d00;
  background:#f5eac6;
  padding: 10px;
  font-size:1rem;
  border-radius:0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.wpcf7 form .wpcf7-form-control.wpcf7-select{
  width: 100%;
  height: 44px;
  max-width: 385px;
}
.wpcf7 form .wpcf7-form-control-wrap[data-name="subject"]::after {
  content: "";
  position: absolute;
  display: inline-block;
  pointer-events: none;/*これがないと矢印部分だけ反応しないので注意！*/
  top: 0px;
  right: 15px;
  width: 10px;
  height: 10px;
  border-right: 2px solid #555;
  border-bottom: 2px solid #555;
  transform: rotate(45deg);
}
form input[type="text"],
form input[type="email"],
form .searchform-input-wrapper input{max-width:93%;}
form .wpcf7-quiz {width:100px!important;}
input::placeholder{color:#B69D60;font-size:14px;}
input:focus-visible,select:focus-visible,textarea:focus-visible{border:#B69D60;outline: 2px solid #9e924e;border-radius: 5px!important;}
form textarea{width: 640px;max-width: 93%;}
.wpcf7 input[type="submit"]{background:#a99a48;font-size:16px;line-height:1.5;color:#fff;cursor:pointer;width:150px;height:38px;border:none;text-align:center;appearance: none;-webkit-appearance:none;border-radius:7px;}
form input[type="file"] {margin:5px auto 0;display: inline-block;}
.BTN-BG_gold{background:#a99a48!important;}
.InputBox01 {border:none;color:#563d00;background:#f5eac6;padding: 7px;font-size:1rem;appearance: none;-webkit-appearance:none;border-radius:0;margin:0 auto 2px}/*20240621 秘密保持・業務委託契約書のinputタグ用 本文中のinputtタグに*/

/*------------------------------ ↓↓↓↓↓WebデザインABCのcommon.cssから、画像を使ったものだけそれぞれのstyleに移動　ここは共通！20200212  ↓↓↓↓↓ ------------------------------*/
/*-------------------------arrow-----------------------↓↓↓↓↓-----*/
.ArrowABC-black{display:inline-block;height:120px;width:150px;position:relative;background:url(/common/img/ArrowABC-black.png) no-repeat;background-size:100%;}.ArrowABC-blue{display:inline-block;height:120px;width:150px;position:relative;background:url(/common/img/ArrowABC-blue.png) no-repeat;background-size:100%;}.ArrowABC-green{display:inline-block;height:120px;width:150px;position:relative;background:url(/common/img/ArrowABC-green.png) no-repeat;background-size:100%;}.ArrowABC-orange{display:inline-block;height:120px;width:150px;position:relative;background:url(/common/img/ArrowABC-orange.png) no-repeat;background-size:100%;}.ArrowABC-purple{display:inline-block;height:120px;width:150px;position:relative;background:url(/common/img/ArrowABC-purple.png) no-repeat;background-size:100%;}.ArrowABC-red{display:inline-block;height:120px;width:150px;position:relative;background:url(/common/img/ArrowABC-red.png) no-repeat;background-size:100%;}
/*-------------------------arrow-----------------------↑↑↑↑↑-----*/
/*-------------------------hr-----------------------↓↓↓↓↓-----*/
hr{border:0px;height:10px;background:url(/common/img/hr_border1.png) 50% 0  no-repeat;background-size:100%;}hr.hr548{border:0px;height:20px;background:url(/common/img/hr_border2.png) 50% 0  no-repeat;background-size:100%;}hr.hr548_2{border:0px;height:24px;background:url(/common/img/hr_border2-2.png) 50% 0  no-repeat;background-size:100%;}hr.hr548_3{border:0px;height:60px;background:url(/common/img/hr_border2.png) 50% 40px  no-repeat;background-size:100%;}
/*-------------------------hr-----------------------↑↑↑↑↑-----*/
/*--------------------------------------------------------------------------------SVGアイコン-------------↓↓↓↓↓-----*/
/*time（投稿日）のリスト*/.time{margin:0 0 0 12px;}.time:before{content:'';width:16px;height:16px;background:url(/common/img/SVG/cal316.svg) no-repeat left bottom;position:relative;left:-5px;top:2px;display:inline-block;background-size:contain;-moz-background-size:contain;opacity:0.5;}
/*time2（更新日）のリスト*/.time2{margin:0 0 0 12px;}.time2:before{content:'';width:16px;height:16px;background:url(/common/img/SVG/calHistory.svg) no-repeat left bottom;position:relative;left:-5px;top:2px;display:inline-block;background-size:contain;-moz-background-size:contain;opacity:0.5;}
/*categoryIconのリスト*/.categoryIcon{margin:0 0 0 12px;}.categoryIcon:before{content:'';width:16px;height:16px;background:url(/common/img/SVG/folder-open.svg) no-repeat left bottom;position:relative;left:-5px;top:2px;display:inline-block;background-size:contain;-moz-background-size:contain;opacity:0.5;}
/*tagのリスト*/.tagIcon{margin:0 0 0 12px;}.tagIcon:before{content:'';width:16px;height:16px;background:url(/common/img/SVG/tag.svg) no-repeat left bottom;position:relative;left:-5px;top:2px;display:inline-block;background-size:contain;-moz-background-size:contain;opacity:0.5;}
/*tagsのリスト*/.tagsIcon{margin:0 0 0 12px;}.tagsIcon:before{content:'';width:16px;height:16px;background:url(/common/img/SVG/tag1.svg) no-repeat left bottom;position:relative;left:-5px;top:2px;display:inline-block;background-size:contain;-moz-background-size:contain;opacity:0.5;}
/*--------------------------------------------------------------------------------SVGアイコン-------------↑↑↑↑↑-----*/
/*----------　　blockquote  -----↓↓↓↓↓-----*/
blockquote{background:url("/common/img/quote01.png") no-repeat scroll left top,#eee url("/common/img/quote02.png") no-repeat scroll right bottom!important;padding:30px 70px 25px 70px!important;margin:30px 15px!important;box-sizing:border-box;background-color:#eee!important;}
blockquote p{margin:0!important;}
@media screen and (max-width:768px){blockquote{background-size:45px auto!important;padding:15px 50px!important;}}
@media screen and (max-width:450px){blockquote{background-size:35px auto!important;padding:15px 40px!important;}}
/*----------　　blockquote  -----↑↑↑↑↑-----*/
/*------------------------------ ↑↑↑↑↑WebデザインABCのcommon.cssから、画像を使ったものだけそれぞれのstyleに移動　ここは共通！20200212  ↑↑↑↑↑ ------------------------------*/





/* -----▼▼▼▼▼ トップページ ▼▼▼▼▼-----*/
body#home #wrap{
  background:none;
  padding: 0;
}
body#home #wrap #wrap-in{/*homeのみの設定*/
  max-width: 1200px;
  margin: 0px auto 0;
}

/* -----▼▼▼ #お知らせバー： トップ画像エリア（Swiperの設定もここ）  ▼▼▼-----*/
#newsBarWrap {
  width: 100%;
  height: 40px;
  text-align: center;
  overflow: hidden;
  background: #222211;/* #cab558*/
  color: #fff;
  /*display: none;*/
}
#newsBar {
  margin: 0 auto;
  width: calc(100% - 30px);
  max-width: 1200px;
  line-height: 1.2;
  font-size: 12px;
  vertical-align: baseline;
}
#newsBar .swiper-wrapper{
  height: 40px;
}
#newsBar .swiper-wrapper .swiper-slide{
  display: flex;
}
#newsBar .swiper-wrapper .swiper-slide > span{
  vertical-align: middle;
  align-self: center;
  margin: 0 auto;
}
#newsBar .swiper-wrapper .swiper-slide span a{color: #fff;text-decoration: none;}
#newsBar .swiper-wrapper .swiper-slide span svg.icon-ThreeStarsCart-1{
  width: 20px;
  height: 20px;
  vertical-align: sub;
  margin: 0 10px 0 0;
}
#newsBar .swiper-wrapper .swiper-slide span svg.icon-arrowDouble-right{
  width: 20px;
  height: 20px;
  vertical-align: sub;
}
/* -----▲▲▲ #お知らせバー： トップ画像エリア（Swiperの設定もここ） ▲▲▲-----*/

/* -----▼▼▼ #topBox： トップ画像エリア  ▼▼▼-----*/
#topBoxWrap{
  /* 1361行目あたりの カルーセルエリア #carouselBoxWrap と一緒に変更 */
  /*background-image: url("https://3stars.jp/3stars_images/avif/top-Summer2024-01.avif");/*  夏　*/
  background-image: url("https://3stars.jp/dpa/3stars-pa-assets/img/top-w2048_01.avif");/*  秋　*/
  /*background-image: url("https://3stars.jp/3stars_images/avif/top-Winter01.avif");/*  冬　*/
  background-size: cover;
  background-position: center center;
  min-height: 300px;
  margin: 0 auto;
}
#topBox {
  display: flex;
  justify-content: center;
  align-items: center;
  background-position: 50% 50%;
  background-size: cover;
  position: relative;
  z-index: 0;
  height:300px;
  width:100%;
  max-width: 960px;
  box-sizing:border-box;
  border-radius: 0px;
  margin: 0px auto 0px;
}

/*-- キャンペーンボックス --*/
.CPBox3ST-01  {
  box-sizing: border-box;
  margin: 0px auto;
  /*box-shadow: 0 0px 7px 0px rgb(188 177 99 / 77%);
  background: #fff;
  border-radius: 10px;*/
}
.CPBox3ST-01  h4{
  box-sizing: border-box;
  margin: 0px auto;
  text-align: center;
  color: red;
  font-weight: bold;
}
/*.CPBox3ST-01 .carousel-slider__post {/*  .CPBox3ST-01と H4 をまとめて設定したけど、イマイチだったので解除中 
  border-radius: 0px;
  box-shadow: 0 0px 0px rgb(0 0 0 / 0%), 0 0 0 0px rgb(0 0 0 / 0%);
  margin: 0px;
  position: relative;
  width: 100%;*
}*/
/* -- サムネイル --*/
.CPBox3ST-01 .carousel-slider__post-image{padding-top:100%!important;}/*これを入れないと画像だけが縦横100%で綺麗にでてこない*/
/* -- タイトル・Discription --*/
.CPBox3ST-01 .carousel-slider__post-excerpt,.CPBox3ST-01 .carousel-slider__post-title,.CPBox3ST-01 footer{display: none;}
/* -- 枠 --*/
.CPBox3ST-01 .carousel-slider__post-header {
  padding: 10px;
  background: #ffff;
}
/* -- スライダー + Prev Next ボタン --*/
.CPBox3ST-01 .carousel-slider-outer {
  width: calc(90% - 30px);
  margin: 0 auto;
  padding: 0px 0;
  max-width: 250px;
  min-width: 220px;
}
.CPBox3ST-01 .opaBNR a{
  opacity: .8;
}
/*.CPBox3ST-01 .opaBNR a:hover{効かないのでスルー：20240804
  opacity: 1;
}*/

/*-- ロゴボックス 今使ってない--*/
#logoBox {
  text-align: center;
  color: #555;
  background-image: url("https://3stars.jp/3stars_images/PrimeDay_20220712-w250.png");/*3STARS_LOGO-messages-w250.png");  トップのメイン画像  958行目あたりの #logoBoxWrap と一緒に変更*/
  height:250px;
  width: 250px;
  max-width: 250px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
#topBoxTitle {
  font-size: 200%;
}

/* -----▲▲▲ #topBox： トップ画像エリア  ▲▲▲-----*/

/* -- 拡大アイコン追加 --*/
a.magnific-popup:hover:after{
  content:url(/common/SVG-font/search-plus.svg) ;
  bottom: 0;
  right: 0;
  position: absolute;
  width: 30px;
  height: 30px;
  transform: scale(0.6);
  opacity: .8;
  padding: 4px;
  /*background: #fff;*/
}



/* -----▼▼▼ #wrap-in section： sectionBox  ▼▼▼-----*/

#wrap-in section{
  margin: 30px auto;
  padding: 0 2%;
}
#wrap-in section h2{
  font-size: 1.2em;
}
#wrap-in section h3{
  font-size: 1.1em;
}
#wrap-in section p{
  margin: 0px auto 10px;
}

#wrap-in section#introBox{
  text-align: center;
}

/* -----▲▲▲ #wrap-in section： sectionBox  ▲▲▲-----*/


/* -----▼▼▼ #newsBox： お知らせエリア  ▼▼▼-----*/
#newsBox{
  width:88%;
  max-width: 1000px;
  background: #efefe6;
  margin: 30px auto;
  padding: 10px 3% 5px;
  border-radius: 5px;
  /*display: none;/*お知らせエリアの表示非表示設定：php 7~10行目でもOK*/
}
#newsBox h4{
  font-size: 1.2em;
  text-align: center;
  color: #5c5225;
  font-weight: normal;
  border-bottom: 2px dotted #9e924e;
  /*border-bottom: 2px solid #ddd;*/
}
#newsBox ul{
  margin: 15px auto 15px;
  padding: 5px 10px;
  list-style: disc;
  color: #a99a48;
  max-width: max-content;
  width: calc(98% - 20px - 1em);
  overflow-x: scroll;
}
/* スクロールの幅の設定 */
#newsBox ul::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
/* スクロールの背景の設定 */
#newsBox ul::-webkit-scrollbar-track {
  border-radius: 5px;
  /*box-shadow: 0 0 4px #aaa inset;*/
}
/* スクロールのつまみ部分の設定 */
#newsBox ul::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #9e924e;
}

#newsBox ul li{
  margin:3px auto 0 7px;
  min-width: max-content;
  /*min-width: 850px; スクロールバーを出したい時設定*/
}
#newsBox ul li a{
  color: #a99a48;
}
/* -----▲▲▲ #newsBox： お知らせエリア  ▲▲▲-----*/




/* ----- Entryエリア  -----*/
#entryWrap{
  background: #dbd9ca;
}
.max-w1200{
  max-width: 1200px;
}
#entryWrap .max-w1200{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  background-size: cover;
  margin: 0px auto 0px;
  padding: 50px 5% 70px;
}
#home #entryWrap .max-w1200 > h3{
  font-size: 130%;
  display: block;
  text-align: center;
  width: 100%;
  margin: 0px auto 20px;
  color: #5c5225;
  border-bottom: 2px dotted #9e924e;
  font-weight: normal;
  /*border-bottom: 2px solid #ddd;*/
}
#entryWrap .max-w1200 a{
  width: calc(100% / 4 - 2%);
  margin: 0 1% 30px;
  text-decoration: none;
}
#entryWrap a:hover{
  box-shadow:0px 0px 10px 0px rgb(0 0 0 / 20%);
}
#entryWrap .motto{
  width: 100%;
  margin: 0 auto;
}
#entryWrap .motto a{
  width: calc(100% - 10px);
  margin: 0 auto;
  background-color: #666660!important;
  color: #FFF!important;
  text-align: center;
  display: block;
  box-shadow: 0 10px 10px -8px #777;
  transition:all 0.1s;
  border: none;
}
#entryWrap .motto a:hover{
  transition:all 0.3s;
  box-shadow: 0 5px 5px -5px #777;/*
  box-shadow:0px 0px 10px 0px rgb(0 0 0 / 20%);*/
}

/* ----- .GoToBox01,02,03  -----*
 .GoToBox01：テキストの横並びボタン max4個 page-products.phpにて使用中
 .GoToBox02：テキストの横並びボタン max3個 archive.phpにて使用中
 .GoToBox03：画像の横並び max2個 home.phpにて使用中
*/
ul.GoToBox01,ul.GoToBox02{
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  margin: 5px auto 40px;
  justify-content: center;
  /*width: 90%;*/
}
ul.GoToBox01 li{width: calc(100% / 4 - 10px);text-align: center;margin:0 auto;}
ul.GoToBox02 li{width: calc(100% / 3 - 10px);text-align: center;margin:0 auto;}
ul.GoToBox01 li a,
ul.GoToBox02 li a{
  width: calc(100% - 20px);
  margin: 0; 
  padding: 5px 10px;
  display: inline-block;
  text-decoration: none;
  background: #eee;
  color: #a99a48;
}
ul.GoToBox02.OutletBox li a{
  background: #f9c9c9;
  color: #ff0000;
}
ul.GoToBox01 a:hover,
ul.GoToBox02 a:hover {
  text-decoration: none;
  background-color: #cab558;
  color: #FFF!important;
  text-align: center;
  display: block;
  box-shadow: 0 10px 10px -8px #555;
}
ul.GoToBox02.OutletBox li a:hover{
  background: #f5e31f;
  color: #333333!important;
}
ul.GoToBox03,ul.GoToBox04{
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  padding: 0!important;
  margin: 5px auto 40px;
  justify-content: center;
}
ul.GoToBox03 li{
  width: calc(100% / 2 - 10px);
  text-align: center;
  margin:4px auto 10px;
}
ul.GoToBox04 li{
  width: calc(100% / 3 - 10px);
  text-align: center;
  margin:4px auto 10px;
}
@media only screen and (max-width:768px){
  ul.GoToBox01 li{
    width: calc(100% / 2 - 5px);
    margin: 0 auto 5px;
  }
  ul.GoToBox04 li{
    width: calc(100% / 2 - 10px);
    margin: 0 auto 5px;
  }
}
@media only screen and (max-width:500px){
  ul.GoToBox02 li{
    width: calc(100% / 2 - 5px);
    margin: 0 auto 5px;
  }
  ul.GoToBox03 li,ul.GoToBox04 li{
    width: calc(100% - 5px);
    margin: 0 auto 10px;
  }
}
@media only screen and (max-width:375px){
  ul.GoToBox01 li,ul.GoToBox02 li{
    width:100%;
  }
}


.thumbBox {
  position: relative;
  overflow: hidden;
}
.thumbBox img{
  object-fit: cover;
  aspect-ratio: 1;
}

#entryWrap .entry-title {
  font-size: 14px;
  line-height: 20px;
  color: #504a29;
  margin: 5px auto 10px;
  border-bottom: none;
  padding: 0px 5px 0px;
  height: 40px;
  overflow: hidden;
  width:calc(100% - 10px);
}
@media only screen and (max-width: 960px) {
}
@media only screen and (max-width:768px){
  #entryWrap .max-w1200 > a{
    width: calc(100% / 3 - 2%);
  }
}
@media only screen and (max-width:600px){
}
@media only screen and (max-width:480px){
  /*#entryWrap .max-w1200 > a{
    width: calc(100% / 2 - 2%);
  }*/
}
/* -----▲▲▲▲▲ トップページ ▲▲▲▲▲-----*/

/* -----▼▼▼ .carouselBox-01： 商品ページ カルーセルエリア  ▼▼▼-----*/
.carouselBox-00,.carouselBox-01,.carouselBox-02{
  max-width:960px;
  box-sizing:border-box;
  margin: 20px auto 20px;
  text-align: center;
  font-size: 14px;
}
.carouselBox-01:before {/*イメージを選択する時*/
  content: '\30AF\30EA\30C3\30AF\3067\753B\50CF\3092\62E1\5927';/*クリックで画像を拡大*/
  margin: 0 auto 7px;
  display: inline-block;
  color: #aaa064;
}
.carouselBox-02:before {/*Postを選択する時*/
  content: '\30AF\30EA\30C3\30AF\3067\5546\54C1\30DA\30FC\30B8\3078\79FB\52D5';/*クリックで商品ページへ移動*/
  margin: 0 auto 7px;
  display: inline-block;
  color: #aaa064;
}

/*--- SOLD OUT マスクのベース；商品ページのマスク ---*/
.cartBox-00 .ImgBox-3S figure.soldout:before,
.cartBox-01 .ImgBox-3S figure.soldout:before,
.thumbBox figure.soldout:before{
  background: #ff4e4e;
  content: "SOLD\a0OUT";/*SOLD OUT*/
  padding: 50px 15px 10px 15px;
  z-index: 10;
  position: absolute;
  color: #fff;
  left: 0;
  top: -50px;
  opacity: .8;
  transform: skewY(-22deg);
  text-align: left;
  width: 200px;
  font-size: 18px;
}
/*--- SOLD OUT マスク：アーカイブページ とか、商品一覧の小さいサムネ用 ---*/
.thumbBox figure.soldout:before{
  width: 160px;
  font-size: 14px;
}

/* -----▼▼▼ FAQ ▼▼▼-----*/
#faq article{
  margin: 30px auto 35px;
  padding: 0 0 20px;
}
#faq article article{
  border-bottom: 1px dotted #bdad5f;
}
#faq dl{
  display: flex;
  flex-wrap: wrap;
}
#faq dl:first-child{
  margin: 0px auto 5px;
}
#faq dl dt{
  width: 40px;
  height: 40px;
  line-height: 40px;
  border-radius: 20px;
  font-size: 20px;
  text-align: center;
}
#faq dl:first-child dt{
  background: #333;
  color: #fff;
}
#faq dl:nth-child(2) dt{
  background: #bcae5e;
  color: #fff;
}
#faq dl dd{
  width: calc(100% - 52px);
  margin: 7px auto 12px 12px;
}
#faq p{
  margin: 0 auto 7px;
}
#faq dl dd ul{
  padding: 0;
  margin: 15px auto 0;
}
#faq dl dd ul li{
  margin: 0px auto 3px 1em;
  text-indent: -1em;
}
#faq dl dd ul.liBox02{
  padding: 0 15px 0 20px;
  margin: 20px auto 25px;
  text-align: left;
  list-style-type: square!important;
}
#faq dl dd ul.liBox02 li{
  margin:10px auto 10px 1em!important;
  text-indent: 0em;
}
#faq dl dd ul.liBox03{/*※ 左にマージンなし*/
  padding: 0 15px 0 0;
  margin: 20px auto 25px;
  text-align: left;
  list-style-type: none;
  position: relative;
}
#faq dl dd ul.liBox03 li{
  margin:0px auto 3px 1em!important;
  text-indent: 0em;
}
#faq dl dd ul.liBox03 li:before{
  content: "\203B";
  position: absolute;
  text-indent: -1em;
}
/* -----▲▲▲ FAQ ▲▲▲-----*/

/* -----▼▼▼ インフォメーショントップ（category-infos.php） ▼▼▼-----*/
ul.InfoBox01{
  width: fit-content;
  font-size: 18px;
  margin: 0 auto 50px;
  /*max-width: 1000px;*/
}
ul.InfoBox01 li{
  padding: 0;
  margin: 0px auto 15px;
  text-align: left;
  /*list-style-type: square !important; 20241109日付を付けたので削除*/
}
ul.InfoBox01 li a{
  margin: 0;
}
/* -----▲▲▲ インフォメーショントップ（category-infos.php） ▲▲▲-----*/

/* -----▼▼▼ キャンペーンページ（投稿ページ） ▼▼▼-----*/
.mallBox01{
  border-radius:10px;
  background:#f3f3f3;
  padding:20px 15px;
  width:calc(100% - 30px);
  margin:0 auto 30px;
}
.mallBox01 > .cartBox-03{
  margin: 20px 15px 0px;
}
/* -----▲▲▲ キャンペーンページ（投稿ページ） ▲▲▲-----*/

/*----------- タグの色変更 ----------*/
.blogInfoBox2020 li a[href*="/limited"],
.blogInfoBox2020 li a[href*="/campaign"]{background: #bcae5e;}/* 「キャンペーン」の背景色 */
.blogInfoBox2020 li a[href*="/outlet"]{background: #F00;}/* 「アウトレット」の背景色 */
.blogInfoBox2020 li a[href*="/now"]{background: #F00;}/* 「アウトレット」の背景色 */
.blogInfoBox2020 li a[href*="/black"],.blogInfoBox2020 li a[href*="/white"],.blogInfoBox2020 li a[href*="/gray"],.blogInfoBox2020 li a[href*="/red"],.blogInfoBox2020 li a[href*="/orange"],.blogInfoBox2020 li a[href*="/yellow"],.blogInfoBox2020 li a[href*="/green"],.blogInfoBox2020 li a[href*="/blue"],.blogInfoBox2020 li a[href*="/purple"],.blogInfoBox2020 li a[href*="/pink"],.blogInfoBox2020 li a[href*="/brown"],.blogInfoBox2020 li a[href*="/beige"],.blogInfoBox2020 li a[href*="/gold"],.blogInfoBox2020 li a[href*="/silver"],.blogInfoBox2020 li a[href*="/multi"],.blogInfoBox2020 li a[href*="/clear"]{display: none;}/*タグ（カラー）： 黒・白・灰・赤・橙・黄・緑・青・紫・桃・茶・肌・金・銀・マルチ・透明　を非表示*/
.blogInfoBox2020 li a[href*="/soldout"]{display: none;}/* 「売り切れ」を非表示*/

/*.blogInfoBox2020 li a[href*="/no-pad"] {background: #867f58;}*/
/* https://www.nishi2002.com/17697.html 　　より*/

/* 非表示中： ウィジェットのロジックで指定しても消えないのでここで指定*/
/*.cat-item-12{display: none;}/*カテゴリー： インフォメーション*/
.commentOut{display: none;}


/*-- トップのキャンペーンボックスで使用 --*/
.BS_fff{box-shadow: 0px 0px 20px 5px #fff;}
.BS_fff3bc{box-shadow: 0px 0px 20px 5px #fff3bc;}


/*テスト環境のアドミンバーの色変更   （テスト環境のみ！！！）   */
/*#wpadminbar{background:#bcae5e!important;}
#wpadminbar .ab-item, #wpadminbar a.ab-item, #wpadminbar>#wp-toolbar span.ab-label, #wpadminbar>#wp-toolbar span.noticon{color:#333!important;}
#wpadminbar a.ab-item:hover{color:#fff!important;}*/

/************************************
** コピーボタン 追加： 20220724
************************************/
.copyBoxWrap{
  background: #d0c26f;
  padding: 20px;
  width: 90%;
  margin: 0 auto 40px;
  border-radius: 20px;
  display: flex;
  flex-wrap: wrap;
}
.copyBoxWrap h5{
  width: 160px;
  padding:5px 0px;
}
.copy-box{
  background:#fff9e3;
  padding:5px 15px;
  width: 80%;
  margin:0 10%;
  text-align: center;
}
.copy-box p:first-child{
  margin-top:0;
}
.copy-box p:last-child{
  margin-bottom:0;
  padding-bottom:0;
}
.copy-box ul{
  border:none;
  margin:0;
  padding:0;
}
.copy-box ul li{
  margin-left:20px; /* 左に隙間があく場合は消してください */
}
.btn-copy {/*リピート割クーポンコピー用 20220724*/
  display: block;
  margin: 15px auto 0;
  width: 120px;
  padding: 0.3em 1em;
  text-decoration: none;
  background: #888; /* ボタン背景色 */
  color: #fff;
  text-align: center;
  box-shadow: 0 0px 5px rgba(0,0,0,0.2);
  border-radius: 30px;
  font-size: 12px;
  font-weight: 600;
  letter-spacing:1px;
  line-height: 1.8;
  overflow: hidden;
  position: relative;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.btn-copy:hover {
  color:#fff;
  cursor: pointer;
}
.btn-copy:before {
  left: -100%;
  position: absolute;
  height: 100%;
  width: 100%;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
  content: "Copied!";
}
.btn-copy .btn-copy-text {
  display: inline-block;
  transition: all 0.3s;
  backface-visibility: hidden;
}
.btn-copy-active{
  background:#bbb;/* ボタンクリック時 背景色 */
}
.btn-copy-active:before {
  left: 0;
}
.btn-copy-active .btn-copy-text {
  -webkit-transform: translateX(250%);
  -moz-transform: translateX(250%);
  -ms-transform: translateX(250%);
  transform: translateX(250%);
}

/*-----  PhotoGallery 10web 用： 20221209  -----*/
.bwg_container {margin:40px auto!important;}/**/
.bwg_container .bwg_tag_button_view_container {margin-bottom:30px!important;} 



/*-----  商品ページのYoutube動画用：iframeで出力したYT動画を横並びにしてスクロールするための記述： 20240625  -----*/
.YoutubeBoxWrap {
  display: flex;
  overflow-x: scroll;
  gap: 10px;
  margin: 15px;
  max-width: 3000px;
}
.embed-youtube {/*common.cssの327-331にあるcssに追加*/
  flex: 0 0 auto;
  width:100%;
}