/* カスタマイズ用CSS */
.ec-layoutRole__header{
   /*  background-image: url(https://princess-more.co.jp/shop/html/user_data/sonota/202512001.jpg);  */
   /*  background-image: url(https://princess-more.co.jp/shop/html/user_data/sonota/20260101.jpg);  */
}
.ec-footerRole {
  border-top: 1px solid #000000;
  margin-top: 30px;
  background: #e6e6e6;
  color:#000000;
}
.ec-footerNavi .ec-footerNavi__link  {
color:#000000;
}
.ec-footerTitle{
    color:#000000;
}
.h1top {
    font-size:16px;
    font-weight:bold;
    }
.img360{
width: 360px;
}
.img800{
width: 800px;
}
.teiki{
    font-size:20px;
    color:#ff0000;
    font-weight:bold;
}

html {
  font-family: sans-serif; /* 1 */
  line-height: 1.15; /* 2 */
  -ms-text-size-adjust: 100%; /* 3 */
  -webkit-text-size-adjust: 100%; /* 3 */
}
.size14{
font-size:20px;
}
.img-item-wt{
    /*width: 100px;*/
    height: auto;
}
.sns{
    float:right;
    clear: both;
}
.osume-price{
    color:#b30000;
    font-weight: bold;
}    
.ec-productRole.ec-headingTitle title{
      font-size: 20px;
  }
.wp-feed-title {
    background-color: #FF6600;
    background-image: none;
    font-size: 16px;
    font-weight: bold;
    margin: 0;
    padding: 20px 15px;
    word-wrap: break-word;
    color: #FFFFFF;
}
.wp-feed-title a {
    color: #FFFFFF;
}
.wp_feed__list {
    list-style-type: none;
    padding: 0 4px;
}
.wp_feed__item {
    padding-left: 10px;
    padding-top:20px;
}
.wp_feed__item:last-child {
    padding-bottom: 20px;
}
.wp_feed__imgLink {
    display: block;
    float: left;
    width: 100px;
    height: 100px;
    overflow: hidden;
}
.wp_feed__title {
    width: calc(100% - 150px);
    float: right;
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 1.5;
    margin-top: 0;
    margin-bottom: 10px;
    color: #2E7EC8;
    padding-left: 8px;
}
.wp_feed__contents {
    width: calc(100% - 120px);
    float: right;
    font-size: 1.3rem;
    line-height: 1.5;
    color: #505659;
    padding-left: 8px;
}
.wp_feed__contents span {
    display: block;
    font-size: 1.2rem;
    color: #505659;
    font-weight: normal;
    margin-top: 4px;
}
.wp_feed__item::after {
    content: "";
    display: block;
    clear: both;
}
.col-sm-9{
  padding-left:0;
  padding-right:0;
}
.col-sm-3{
  padding-left:0;
  padding-right:0;
}
/*?????????*/

button.ec-blockBtn--action {
    background-color: #82c78a!important;
    color: #2b2b2b;
    border-style: none;
}

button.ec-blockBtn--action.add-cart:before{
    background-color: #000000;
    border-style: none; }
button.ec-blockBtn--cancel {
    background-color: #999999;
        color: #005000;
    border-style: none;
}

/* FAQ全体のスタイル */
.faq-container {
    max-width: 800px;
    margin: 20px auto;
    padding: 0 15px;
}

.faq-title {
    text-align: center;
    margin-bottom: 30px;
    font-weight: bold;
}

/* 質問部分 */
.faq-item {
    border-bottom: 1px solid #eee;
    margin-bottom: 10px;
    font-size:18px;
}


.faq-question {
    width: 100%;
    text-align: left;
    padding: 15px 20px;
    background: #f9f9f9;
    border: none;
    outline: none;
    cursor: pointer;
    font-weight: bold;
    position: relative;
    transition: background 0.3s;
}

.faq-question::before {
    content: "Q.";
    color: #d1a661; /* アクセントカラー：ゴールド系 */
    margin-right: 10px;
}

.faq-question::after {
    content: '+';
    position: absolute;
    right: 20px;
    font-size: 20px;
}

.faq-item.active .faq-question::after {
    content: '-';
}

/* 回答部分（初期状態は非表示） */
.faq-answer {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease-out;
    background: #fff;
}

.faq-item.active .faq-answer {
    max-height: 500px; /* 内容に合わせて調整 */
    padding: 15px 20px;
}

.faq-answer p {
    margin: 0;
    line-height: 1.6;
    position: relative;
    padding-left: 30px;
}

.faq-answer p::before {
    content: "A.";
    position: absolute;
    left: 0;
    color: #e67e22; /* 回答のアクセントカラー */
    font-weight: bold;
}