body{
    margin: 0px;
    padding: 0px;
    font-family: 'Shippori Mincho', serif;
}
.wrap{
    background-color: #fbf2e9 !important;
    width: 100%;
}
.anime{
  
    animation: fadeIn 1s ease 0.3s 1 normal;
   background-color: #fbf2e9 !important;
}
.anime2{
    animation: fadeIn 3s ease 0.3s 1 normal;
    background-color: #FBF2E9 !important;
}

.TJFbanner-top{
    width: 65%;
    margin-top:2vh ;
}

.mw_box{
    margin: 0px;
    display: none;
    position: absolute;
    background-color: #FFFDF4;
    width: 200%;
    padding-top: 2%;
    padding-bottom: 3%;
padding-right:0%;
padding-left:10%;
    top:5vh;
    left: -11vw;
    opacity: 0.9;
    text-align: left;
    
  }
  .tmenu_w{
    position: relative !important;
    margin-bottom: 0px !important;

  }
  .top_menu{
    padding-bottom: 5% !important; 
  }
  .m_box{
    text-align: center;
    display: inline-block;
    text-decoration: none;
    list-style: none;
    width: 22%;
    margin-right: 2%;
    padding-top: 1%;
    padding-bottom: 1%;
    border-bottom: 1.5px dotted #5e5e5e;
  }
  .m_box:hover{
    background-color:#B39864;
    color: #29251E;
}
  .btn1:hover .op1{
    display: block;

  }

  .btn2:hover .op2{
    display: block;

  }

  .btn3:hover .op3{
    display: block;

  }

  .btn4:hover .op4{
    display: block;

  }

  .btn5:hover .op5{
    display: block;

  }

  .btn6:hover .op6{
    display: block;

  }




  .mw_box:hover{
    display: block;
  }


@keyframes fadeIn { /*animation-nameで設定した値を書く*/
    0% {opacity: 0;padding-top: 3%;} /*アニメーション開始時は不透明度0%*/
    100% {opacity: 1;padding-tip:0px;} /*アニメーション終了時は不透明度100%*/
}
.header{
    display: block;
    width: 100%;
    position: fixed;
    z-index: 9000;
    
}
.top_text{
    margin: 0px;
    background-color: #B39864;
    width: 100%;
    color: #29251E;
    text-align: center;
    font-size: 0.7em;
    padding-top: 0.6em;
    padding-bottom: 0.6em;
    margin-bottom: 0%;
}

.img_logo{
    width: 11%;
    display: inline-block;
    margin-left:10%;
    padding-top: 1%;
    padding-bottom:0%;
    /* transition-property: all;
    transition-duration: 1s;
    transition-timing-function: ease-in-out; */
}
.displaynone{
    display: none;
}
.tmenu_w{
width: 35%;
display: inline-block;
margin-top: 1%;
padding-left: 2%;
vertical-align: top;
text-align: center;
}
.form_w{
   
    width: 40%;
    display:inline-block;
    vertical-align: top;
   
}
.spform_w{
    padding-bottom: 1%;
    width: 100%;
    display:inline-block;
    vertical-align: top;
    z-index: 9000;
  display: none;
  opacity: 0;
  transition: 1s;
}

.spform_w2{
    padding-bottom: 1%;
    width: 100%;
    display:inline-block;
    vertical-align: top;
    z-index: 9000;
  display: none !important;
  opacity: 0;
  transition: 1s;
}

.form_show{
    transition: 1s;
    opacity: 1;
   display: block;
}
.formbox{
    text-align: center;
    width: 70%;
    margin:1vh 0 1vh 0;
    height: 3vh;
    border: none;
    background-color: #fbf2e9;
    border-bottom: 1px solid #B39864;
    border-radius: 0%;
}
.formbox2{
 display:none;
    text-align: center;
    width: 70%;
    margin-bottom: 1%;
    border: none;
    background-color: #fbf2e9;
    border-bottom: 1px solid #B39864;
    border-radius: 0%;
}
.sbtn{
    background-color: #fbf2e9;
    color: #B39864;
    border: none;
    padding-top: 0.2%;
    padding-bottom: 0.2%;
    font-size:1em;
    margin-left: 1%;
}
.sbtn2{
    display: none;
    background-color: #fbf2e9;
    color: #B39864;
    border: none;
    padding-top: 0.2%;
    padding-bottom: 0.2%;
    font-size:0.9em;
    margin-left: 1%;
}
.top_menu{
    font-size: 0.7em;
color: #444444;
display: inline-block;
margin-right: 3%;
margin-top: 0px;


}
a{
    font-style: none;
    text-decoration: none;
    color: #444444;
}


.logo_wrap{
    
    width: 36%;
    display: inline-block;
    vertical-align: top;
    margin-top: 1%;
    margin-left: 1%;
    padding-left: 0%;
   text-align: left;
    overflow: hidden;
    margin-right: 0%;
}
.ticon{
    width: 5%;
margin-left: 3%;
}
.simage_size{
    width: 100% !important;
    margin-top: 5vh;
}
.slide_wrap{
    display: inline-block;
    width: 80%;
    margin-left: 10%;
    margin-right: 10%;
    height: 550px;
    padding-top: 8%;
    padding-bottom: 8%;
    overflow: hidden;
position: relative;
}
.textwhite{
    background-color: #B39864 !important;
}
.imgwhite{
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);  
}
.whitecolor{
    color: #fbf2e9 !important;
}

.slide_image{
    z-index:1000;
width: 100%;
margin: 0px;
position: absolute;
opacity: 1;
transition-duration: 1s;
transition-property: all;
transition-timing-function: ease-in-out;

}
.slide_image2{

width: 100%;
}
.slright{
    
    opacity: 0;
    right: -150%;
    margin-left:50%;
    
    transition-duration: 1s;
    transition-property: all;
    transition-timing-function: ease-in-out;

}
.slleft{
   
   
   
    transition-duration: 2s;
transition-property: all;
transition-timing-function: ease-in-out;
opacity: 0;


}
.stickw{
    margin-top: -1%;
    width: 100%;
    text-align: center;
    padding-bottom: 4%;
    padding-left: 0px;
}
.stick_img{
    -webkit-filter:grayscale(100%);
    -moz-filter:grayscale(100%);
    -ms-filter:grayscale(100%);
    filter:grayscale(100%);
    opacity: 0.8;
    padding-right: 1%;
    width: 2%;
cursor: pointer;
 
}
.gray_n{
    -webkit-filter:grayscale(0%);
    -moz-filter:grayscale(0%);
    -ms-filter:grayscale(0%);
    filter:grayscale(0%);
}
.content1{
    display: block;
    margin-left: 10%;
    margin-right: 10%;
    width: 80%;
    text-align: center;
    overflow:hidden;
    margin-bottom: 10%;
}
.blandt{
    width: 100%;
    text-align: center;
    font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    color: #B39864;
}

.c1h{
    margin: 0px;
    font-size: 2.5em;
    font-weight: 100;
    color: #B39864;
    margin-right: 0px;
}
.c1text{
    display: inline-block;
    width: 35%;
    margin-top: 3%;
    line-height: 2em;
    font-size: 0.9em;
}

.bland_l{
    display: inline-block;
    width: 20%;
    float: left;
}
.bland_r{
    display: inline-block;
    width: 20%;
    float: right;
}
.content2{
    padding-top: 4%;
    padding-bottom: 4%;
    display: block;
    margin-top:4%;
    text-align: center;
background-color: #fffdf4;
}
.ctitle{
    
    display: block;
   width: 100%;
    margin: 0px;
    font-size: 2.5em;
    font-weight: 100;
    color: #B39864;
    margin-right: 0px;
}
.rank_w{
    margin-left: 7%;
    margin-right: 7%;
}
.rankimg{
    width: 80%;
}
.rankitem{
    margin-top: 4%;
    display:inline-block;
    width: 25%;
}
.ranktext{
    font-size: 0.7em;
    display: block;
    width: 100%;
    text-align: center;
}

.content3{
    width: 70%;
    margin-left: 15%;
    padding-top: 2%;
    padding-bottom: 2%;
    display: block;
    margin-top:4%;
    text-align: center;
    margin-bottom: 10%;
}
.illust{
    margin-top: 3%;
    width: 25%;
    display: inline-block;
    line-height: 1em;
    margin-left: 2%;
    margin-right: 2%;
}
.illust_t{
    color: #B39864;
    font-weight: 600;
    
}
.illust_t2{
    font-size: 0.8em;
    line-height: 0em;
}

.illust_t3{
    font-size: 1em;
    line-height: 2em;
}
.content4{
background-repeat: none;
background-position: top;
background-size: cover;
background-attachment: fixed;
background-image: url(img/contentimg.jpg);
height:400px;
}

.content5{
    width: 70%;
    padding-left: 15%;
    padding-right: 15%;
    padding-top: 2%;
    padding-bottom: 2%;
    display: block;
    padding-top:4%;
    text-align: center;
    background-color: #fffdf4;
}
.margin_b{
    margin-bottom: 3%;
}
.content6{
    width: 70%;
    margin-left: 15%;
    padding-top: 1%;
   
    display: block;
    margin-top:3%;
 padding-bottom: 3%;
    text-align: center;
    margin-bottom: 5%;

}
.pcontent{
    display: inline-block;
    width: 40%;
    margin-left: 2%;
    margin-right: 2%;

margin-top: 5%;
text-align: center;
}
.pcontet_i{
    width: 100%;
}
.pctext{
float: left;
}

.content7{
    width: 100%;
  
    padding-top: 2%;
    padding-bottom: 8%;
    display: block;
    padding-top:4%;
    text-align: center;
    background-color: #fffdf4;
}

.coordinate{
    margin-top: 5%;
    display: block;
    width: 100%;
}
.margin_p{
    padding-top: 1%;
    padding-bottom: 1%;
    margin-bottom: 2%;
}
.tell{
    width: 12%;
    display: inline-block;
    margin-right: 5%;
}
.uketuke{
    font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
display: inline-block;
padding-top: 0.1%;
}
.fotter{
    width: 100%;
    font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
position: relative;
}
.f_left{
    
    width: 35%;
    display: inline-block;
    text-align: center;
    
}
.fotter_img{
    width: 30%;
    margin: 0px;
    padding-bottom: 2%;
}
.fmenu{
    width: 80%;
  color: #666666;
}
.f_word{
    line-height: 0em;
}
.ftext{
    display: inline-block;
    line-height: 2em;
    font-size: 0.7em;
    padding-right: 7%;
    font-weight: 600;
}
.f_right{
    width: 50%;
    display: inline-block;
    text-align: left;
}
.green{
    line-height: 3em;
    color: #B39864;
}

.lst_text{
    display: block;
    width: 100%;
   text-align: right;
    color: #B39864;
    font-size: 0.4em;
    margin: 0px;
 
  padding-bottom: 0.5%;
}
.f_icon{
    width: 6%;
 position: absolute;
 top: 25%;
 right: 2%;   
}

.ficon{
    display: inline-block;
width: 30%;
padding-right: 10%;

}
.brs{
    display: none;
}

.sp_menu{
    display: none;
}

.sp3sen{display: none;}
.sp3sen2{display: none;}
.right_yazi{
display: none;
}

.left_yazi{
 display: none;
}

/* .figreimg{
    margin: 0xp !important;
    
} */
.relative_w{
width: 140% !important;
}
.slick_s{
    width: 70% !important;
    text-align: left;
}


 

/* スライド */

/* レスポンシブ */
@media screen and (max-width:1100px){
    .common-slider .slick-prev{
        left:0px !important;
    }
    .common-slider .slick-next{
        right:0px !important; 
    }
    .styling-dots{
        width: 100% !important;
left: 0px !important;
/* text-align: center !important; */
    }
}
@media screen and (max-width:500px){

    .TJFbanner-top{
        width: 80%;
        margin-top: 5vh;
    }

    .spform_w2{
        filter: drop-shadow(0px 10px 20px #555555);
        padding-bottom: 3.5%;
        padding-top: 2%;
        width: 100%;
        display:inline-block;
        vertical-align: top;
        z-index: 9000;
      display: block !important;
position: fixed;
bottom: 0px;
left:0px;
      opacity: 1;
      transition: 1s;
      background-color: #B39864;
      border-radius: 0px !important;
      height: 2em;
     
      
    }


    .content7{
        overflow: hidden !important;
    }
    .slick_s{
        width: 60% !important;
        text-align: left;
    }
    .relative_w{
        width: 170% !important;
        }
    section .inner{
        padding:5% 0px !important;
    }

.common-slider{
    padding-left: 0px;
}


.s_aimg{
    display: block;
    height: 200px;
    width: 100vw;
    position: absolute;
    z-index: 10000;
}
.right_yazi{
    display: block;
    position: absolute;
    z-index: 1500;
top: 19%;
right: 2%;
}

.left_yazi{
    display: block;
    top: 19%;
left: 2%;
    position: absolute;
    z-index: 1500;
}

    .sp3sen{display: block;
    width: 7%;
    margin-top: 3%;
    margin-right: 2%;
    float: right;
    transition-property: all;
    transition-duration: 0.5s;
    transition-timing-function: ease-in-out;}
    .sp3sen2{display: block;
        width: 5%;
        margin-top: 3%;
        margin-left: 2%;
        float: left;
        transition-property: all;
        transition-duration: 0.5s;
        transition-timing-function: ease-in-out;}
.brs{
    display: block;
}
.top_text{
    font-size: 0.7em;
    letter-spacing: 0px;
    padding-top:1% ;
    padding-bottom: 1%;
}
.spnone{
    display: none;
}
.stickw{
    margin-top: -9%;
    padding-bottom: 1%;
}

.slide_wrap{
width: 100%;
position: relative;
margin-left: 0%;
margin-right: 0%;
height: 38vh;
padding-top: 23%;
overflow: hidden;
}
.slide_image{
    width: 100%;
    
}
.c1h{
    font-size: 1.5em;
}
.c1text{
    width: 90%;
    font-size: 0.8em;
}
.bland_l{
    float: left;
    width: 45%;
}
.bland_r{
    float: right;
width: 45%;
}
.rankitem{
    width: 48%;
}
.content3{
    width: 80%;
    margin-left: 10%;
}
.pickimg{
    width: 100%;
}
.illust{
    width: 45%;
}
.ctitle{
    margin-bottom: 4%;
}
.spillust{
    width: 25% !important; 
}
.content5{
    width: 90%;
    padding-left: 5%;
    padding-right: 5%;
}
.illust_t3{
    font-size: 0.5em;
}
.spsmall{
    font-size: 2em;
}
.content6{
    vertical-align: top;
    width: 100%;
    margin-left: 0px;
    margin-right: 0px;
}

.pctext{
    font-size: 0.7em;
}
.tell{
    width: 41%;
    margin-right: 1%;
}
.uketuke{
    font-size: 1em;
}
.f_right{
    width: 50%;
}
.fmenu{
    font-size: 0.3em;
    
}
.ftext{
    
    line-height: 2em;
}
.fotter_img{
    width: 60%;
    padding-bottom: 5%;
}
.spftext{
    display: inline-block;
   
}
.f_icon{
    width: 20%;
}
.ficon{
    width: 20%;
}
.lst_text{
    margin-top: 3%;
    padding-bottom: 2%;
}
.displaynone{
    display: none;
}
.header{
    text-align: center;
}
.img_logo{
    width: 25%;
    display: inline-block;
    margin-left:0%;
    margin-top: 2%;
    padding-bottom: 2%;
       transition-property: all;
    transition-duration: 0.5s;
    transition-timing-function: ease-in-out;
}

.fontsmall{
    font-size: 1.8em !important;
}


.sp_menu{
    display: block;
    position: fixed;
    background-color: #fbf2e9;
    z-index: 12000;
    width: 100%;
    text-align: center;
    opacity: 1;
    top:-100%;
    transition-duration: 1s;
    transition-property: all;
    transition-timing-function:ease-in-out;
    overflow:scroll !important;
    height: 100%;
}

.spmlog{
    width: 40%;
    padding-top: 10%;
    padding-bottom: 7%;
}
.spimg_w{
    margin-left: 5%;
    width: 90%;
    border-bottom: 1px solid #B39864;
}
.sp_x{
    font-size: 2em;
    margin:0px;
    position: absolute;
    right:2%;
    color: #B39864;
}
.black{
    transition-duration: 1s;
    transition-property: all;
    transition-timing-function:ease-in-out;
    position: fixed;
    background-color: #444444;
    opacity: 0.5;
    width: 100%;
    height: 100vh;
    z-index: 10000;
    bottom: -110%;
    opacity: 0;;
}
.spshow{

    transition-duration: 0.7s;
    transition-property: all;
    transition-timing-function:ease-in-out;
    top: 0px;
    opacity: 1;
    z-index: 15000;
}
.spshow_b{
    transition-duration: 0.7s;
    transition-property: all;
    transition-timing-function:ease-in-out;
    top: 0px;
    opacity: 0.5;
}

.sp_box{
    text-align: center;
}

.sp_img{
    width: 80%;
    margin-top: 1vh;
}

.sp_title{
    display: flex;
    justify-content: center;
}

.sp_topics{
    width: 80%;
    display: flex;
    justify-content: center;
    background-color: #B39864;
    color: #FFFDF4;
    padding: 0.5vh 0 0.5vh 0;
    margin-top: 1vh;
}

.sp_keyword{
    width: 80%;
    display: flex;
    justify-content: center;
    background-color: #B39864;
    color: #FFFDF4;
    padding: 0.5vh 0 0.5vh 0;
    margin-top:1vh ;
}

.sp_keyword_t{
    list-style: none;
    width: 70%;
    display: flex;
    flex-wrap:wrap;
}

.sp_hot_t{
    padding:0.2vh 3vw;
}

.sp_hot_t a{
    color: #B39864;
}

.sp_category{
    width: 80%;
    display: flex;
    justify-content: center;
    background-color: #B39864;
    color: #FFFDF4;
    padding: 0.5vh 0 0.5vh 0;
    margin-top:1vh ;
}

.spboxt{
    width: 90%;
    display:flex;
    justify-content: space-around;
    color: #B39864 !important;
    font-size: 0.6em;
    line-height: 2em;
}

.sp_hotbox{
 margin-left: 14vw;
}

.sp_hotbox_title{
display: block;
width: 80%;
background: #B39864;
color: #fbf2e9;
margin-bottom: 1vh;
padding: 1vh 1vh 2vw;
text-align: justify;
}

.sp_item_box{
    margin-left: 14vw;
}

.sp_item_title{
    display: block;
    width: 80%;
    background: #B39864;
    color: #fbf2e9;
    margin-bottom: 1vh;
    padding: 1vh 1vh 2vw;
    text-align: justify;
}

/*アコーディオンメニュー開始*/

/*ベース*/
.toggle {
	display: none;
}
.Label_a {		/*タイトル*/
	padding:0.5vh;
    margin: 1vh 0 -18px 9vw;
	color:#B39864;
	background:#ffffff;
    width: 80%;
    text-align: center;
    display: flex;
    justify-content: center;
}

.Label_b{
    padding:0.5vh;
    margin: 7px 0 0 9vw;
	color:#B39864;
	background:#ffffff;
    width: 80%;
    text-align: center;
    display: flex;
    justify-content: center;
}

.Label_c{
    padding:0.5vh;
    margin: -15px 0 0 9vw;
	color:#FFFDF4;
	background:#B39864;
    width: 80%;
    text-align: center;
    display: flex;
    justify-content: center;
}

.lavel_title{
    display: flex;
    justify-content: center;
}

.Label_a::before{		/*タイトル横の矢印*/
	content:"";
	width: 6px;
	height: 6px;
	border-top: 2px solid #B39864;
	border-right: 2px solid #B39864;
	-webkit-transform: rotate(45deg);
	position: absolute;
	top:calc( 50% - 3px );
	right: 20px;
	transform: rotate(135deg);
}

.Label_b::before{		/*タイトル横の矢印*/
	content:"";
	width: 6px;
	height: 6px;
	border-top: 2px solid #B39864;
	border-right: 2px solid #B39864;
    -webkit-transform: rotate(45deg);
	position: absolute;
	top:calc( 50% - 3px );
    right: 20px;
}

.Label_c::before{		/*タイトル横の矢印*/
	content:"";
	width: 6px;
	height: 6px;
	border-top: 2px solid #FFFDF4;
	border-right: 2px solid #FFFDF4;
	-webkit-transform: rotate(45deg);
	position: absolute;
	top:calc( 50% - 3px );
	right: 20px;
	transform: rotate(135deg);
}

.Label_a,
.sp_a_content {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	transform: translateZ(0);
	transition: all 0.3s;
}

.Label_b {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	transform: translateZ(0);
	transition: all 0.3s;
}

.Label_c,
.sp_a_content {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	transform: translateZ(0);
	transition: all 0.3s;
}


.sp_a_content {		/*本文*/
	height: 0;
	margin-bottom:10px;
	padding:0 20px;
	overflow: hidden;
}

.sp_a_content_b {		/*本文*/
	height: 0;
	margin-bottom:10px;
	padding:0 20px;
	overflow: hidden;
}

.sp_a_content_t{
    list-style: none;
    border-bottom:dotted 2px #9f9f9f;
    width: 80%;
    text-align: center;
    margin-left: 9vw;
    padding: 1vh 0 1vh 0;
}

.sp_a_content_t_b{
    list-style: none;
    border-bottom:dotted 2px #9f9f9f;
    width: 80%;
    text-align: center;
    margin-left: 9vw;
    padding: 1vh 0 1vh 0;
    margin-top: -7px;
}

.sp_a_content_t a{
    color: #B39864;
}

.sp_a_content_t_b a{
    color: #B39864;
}

.ank_sp{
    color: #B39864;
}

.toggle:checked + .Label_a + .sp_a_content {	/*開閉時*/
	height: auto;
	transition: all .3s;
}
.toggle:checked + .Label_a::before {
	transform: rotate(-45deg) !important;
}

.toggle:checked + .Label_c + .sp_a_content_b {	/*開閉時2*/
	height: auto;
	transition: all .3s;
}
.toggle:checked + .Label_c::before {
	transform: rotate(-45deg) !important;
}

/*アコーディオンメニュー終了*/

.spabout{
    display: inline-block;
    width: 90%;
}

.spabout_b{
    display: inline-block;
    width: 90%;
    margin-bottom: 5%;
}

.sp_about_ul{
    list-style:none;
    border-top: #B39864 solid 3px;
    width: 90%;
    margin-top: -1vh;
}

.sp_about_li{
    width: 100%;
    background:#fbf2e9;
    display: flex;
    justify-content: flex-start;
    margin-left:-19px ;
}

.sp_about_border{
    border-bottom: dotted #9f9f9f 3px;
    margin-left:-40px ;
    padding: 3px;
}

.spabout img{
width: 36px;
position:relative;
top:10px;
padding-right: 10px;
}








.spatext{
    padding-top: 6%;
    padding-bottom: 6%;
    width: 30%;
    font-size: 0.6em;
    display:inline-block;
    color: #B39864;
    text-decoration: none;
    list-style: none;
}

    .content4{
        background-repeat: none;
        background-position: top;
        background-size: cover;
        background-attachment: local;
        height:200px;
        z-index: 10500;
        }

    .textwhite{
        background-color: #B39864 !important;
    }
    .imgwhite{
        transition-property: all;
        transition-duration: 0.5s;
        transition-timing-function: ease-in-out;
        -webkit-filter: brightness(0) invert(1);
        filter: brightness(0) invert(1);  
    }
    .marginnone{
margin-top: 0px;
    }
}


/* ============================================================
   PLUSTER ivory & gold / background color refinement 2026-10-16
   Main: white; soft sections: ivory; accents: beige / gold.
   Keep product images and existing layout unchanged.
   ============================================================ */
body { background-color: #FFFFFF; color: #45403A; }
.wrap, .anime, .anime2 { background-color: #FFFFFF !important; }
/* Editorial sections: gentle alternation of white and ivory. */
.content2 { background-color: #FFFDF4; }
.content5 { background-color: #FFFFFF; }
.content7 { background-color: #FFFDF4; }
/* Navigation and search retain a warm, light surface. */
.mw_box, .sp_menu { background-color: #FFFDF4; }
.formbox, .formbox2, .sbtn, .sbtn2 { background-color: #FFFDF4; }
/* Darker accent bands must use white lettering, including links. */
.top_text, .textwhite, .sp_topics, .sp_keyword, .sp_category,
.sp_hotbox_title, .sp_item_title, .Label_c {
    background-color: #9A7C48 !important;
    color: #FFFFFF !important;
}
.top_text a, .textwhite a, .sp_topics a, .sp_keyword a,
.sp_category a, .sp_hotbox_title a, .sp_item_title a, .Label_c a,
.top_text a:visited, .textwhite a:visited {
    color: #FFFFFF !important;
}
/* Slightly deeper hover gold improves contrast with white text. */
.m_box:hover { background-color: #9A7C48; color: #FFFFFF; }
.m_box:hover a { color: #FFFFFF; }


/* PLUSTER メインスライダー：中央大＋左右プレビュー（2026-10） */
.slide_wrap {
  display: block;
  width: 100%;
  height: auto;
  margin: 0;
  padding: 30px 0 48px;
  overflow: hidden;
  background: #FFFDF4;
}
.pluster-hero-slider { width: 100%; opacity: 0; transition: opacity .2s; }
.pluster-hero-slider.slick-initialized { opacity: 1; }
.pluster-hero-slider .slick-list { overflow: visible; }
.pluster-hero-slider .slick-slide { padding: 0 9px; box-sizing: border-box; opacity: .48; transition: opacity .35s ease; }
.pluster-hero-slider .slick-slide.slick-center { opacity: 1; }
.pluster-hero-slider .slick-slide a { display: block; outline-offset: 3px; }
.pluster-hero-slider .slick-slide img.simage_size { display: block; width: 100% !important; height: auto; margin: 0; }
.pluster-hero-slider .pluster-hero-arrow {
  position: absolute; top: 45%; z-index: 2; transform: translateY(-50%);
  width: 40px; height: 40px; border: 1px solid #D9C9AA; border-radius: 50%;
  background: rgba(255,253,244,.95); color: #9A7C48; font-size: 19px; cursor: pointer;
}
.pluster-hero-slider .pluster-hero-prev { left: 11%; }
.pluster-hero-slider .pluster-hero-next { right: 11%; }
.pluster-hero-slider .slick-dots { display: flex !important; justify-content: center; gap: 9px; position: absolute; bottom: -33px; width: 100%; padding: 0; margin: 0; list-style: none; }
.pluster-hero-slider .slick-dots li { margin: 0; width: 8px; height: 8px; }
.pluster-hero-slider .slick-dots button { width: 8px; height: 8px; padding: 0; border: 0; border-radius: 50%; background: #D8CCB7; font-size: 0; cursor: pointer; }
.pluster-hero-slider .slick-dots li.slick-active button { background: #9A7C48; }
.pluster-hero-slider .slick-dots button:before { display: none; }
@media screen and (max-width: 768px) {
  .slide_wrap { height: auto; padding: 16px 0 37px; }
  .pluster-hero-slider .slick-slide { padding: 0 4px; }
  .pluster-hero-slider .slick-dots { bottom: -25px; }
}
@media (prefers-reduced-motion: reduce) {
  .pluster-hero-slider .slick-slide { transition: none; }
}

/* PLUSTER EDITORIAL: コンテンツ・コーディネート */
.pluster-editorial-section{padding:66px max(24px,calc((100% - 1200px)/2));background:#fff;color:#45403a;box-sizing:border-box}
.pluster-editorial-section.pluster-coordinate-section{background:#fffdf4}
.pluster-editorial-heading{text-align:center;margin:0 0 30px}
.pluster-editorial-heading>span,.pluster-modal-kicker{font-size:11px;letter-spacing:.17em;color:#9a7c48}
.pluster-editorial-heading h2{font-family:Georgia,serif;font-size:30px;letter-spacing:.12em;margin:8px 0;color:#45403a;font-weight:400}
.pluster-editorial-heading p{font-size:13px;margin:0;color:#736b60}
.pluster-editorial-scroll{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.pluster-editorial-card,.pluster-coordinate-card{display:block;min-width:0;text-decoration:none;color:#45403a;background:transparent;border:0;padding:0;cursor:pointer;text-align:center;font:inherit}
.pluster-editorial-card img,.pluster-coordinate-card img{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;background:#f3ede3;transition:opacity .2s}
.pluster-coordinate-card img{aspect-ratio:4/5;object-fit:cover}
.pluster-editorial-card:hover img,.pluster-coordinate-card:hover img{opacity:.85}
.pluster-editorial-card>span,.pluster-coordinate-card>span{display:block;font-size:12px;letter-spacing:.03em;padding:13px 0;color:#45403a}
.pluster-editorial-card:focus-visible,.pluster-coordinate-card:focus-visible{outline:2px solid #9a7c48;outline-offset:3px}
.pluster-coordinate-modal[hidden]{display:none!important}
.pluster-coordinate-modal{position:fixed;inset:0;z-index:99999;display:flex;align-items:center;justify-content:center;padding:20px;box-sizing:border-box}
.pluster-coordinate-backdrop{position:absolute;inset:0;background:rgba(35,30,25,.67)}
.pluster-coordinate-dialog{position:relative;box-sizing:border-box;width:min(780px,100%);max-height:min(85vh,850px);overflow:auto;background:#fffdf4;padding:36px 32px 32px;text-align:center;color:#45403a;box-shadow:0 10px 35px rgba(0,0,0,.2)}
.pluster-coordinate-dialog h2{font-size:23px;font-weight:400;letter-spacing:.12em;margin:6px 0 26px}
.pluster-coordinate-close{position:absolute;right:12px;top:8px;border:0;background:none;font-size:30px;cursor:pointer;color:#45403a;padding:4px 10px}
.pluster-coordinate-products{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.pluster-coordinate-product{display:block;text-decoration:none;color:#45403a;font-size:12px}
.pluster-coordinate-product img{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:contain;background:#fff}
.pluster-coordinate-product span{display:block;margin-top:10px;line-height:1.5}
.pluster-coordinate-product:focus-visible{outline:2px solid #9a7c48;outline-offset:2px}
body.pluster-modal-open{overflow:hidden}
@media(max-width:767px){.pluster-editorial-section{padding:42px 0 40px}.pluster-editorial-heading{padding:0 15px;margin-bottom:22px}.pluster-editorial-heading h2{font-size:24px}.pluster-editorial-scroll{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;padding:0 16px 12px;-webkit-overflow-scrolling:touch;scrollbar-width:thin}.pluster-editorial-card,.pluster-coordinate-card{flex:0 0 63%;scroll-snap-align:start}.pluster-editorial-card{flex-basis:55%}.pluster-coordinate-dialog{padding:35px 16px 24px;max-height:88vh}.pluster-coordinate-products{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}}


/* 2026-10-16: CONTENTS / COORDINATE PC 4枚横並び・画像を小さめに */
@media (min-width: 768px) {
  .pluster-editorial-section .pluster-editorial-scroll {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
  }
  .pluster-editorial-section .pluster-editorial-card,
  .pluster-editorial-section .pluster-coordinate-card {
    width: 100%;
    min-width: 0;
    max-width: none;
    box-sizing: border-box;
  }
}

/* 2026-10-16: 4列表示 / 画像全体を見せる / STYLINGを統一 */
@media (min-width: 768px) {
  .pluster-editorial-section .pluster-editorial-scroll,
  .pluster-editorial-section .pluster-styling-scroll {
    width: min(100% - 48px, 960px);
    max-width: 960px;
    margin: 0 auto;
    gap: 16px;
    box-sizing: border-box;
  }
  .pluster-editorial-section .pluster-editorial-scroll {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
.pluster-editorial-section .pluster-editorial-card img,
.pluster-editorial-section .pluster-coordinate-card img,
.pluster-editorial-section .pluster-styling-card img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: auto;
  object-fit: contain;
  background: #fffdf4;
}
.pluster-editorial-section .pluster-styling-scroll {
  display: flex;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scrollbar-width: thin;
  -webkit-overflow-scrolling: touch;
  padding-bottom: 12px;
}
.pluster-editorial-section .pluster-styling-card {
  display: block;
  flex: 0 0 calc((100% - 48px)/4);
  min-width: 0;
  scroll-snap-align: start;
  text-align: center;
  text-decoration: none;
  color: #45403a;
}
.pluster-editorial-section .pluster-styling-card span {
  display: block;
  font-size: 12px;
  line-height: 1.6;
  padding: 12px 2px;
}
.pluster-styling-more {text-align:center;margin-top:22px}
.pluster-styling-more a {color:#9a7c48;text-decoration:none;border-bottom:1px solid #b39864;padding-bottom:5px}
@media (max-width: 767px) {
  .pluster-editorial-section .pluster-styling-scroll {gap:12px;padding:0 16px 12px}
  .pluster-editorial-section .pluster-styling-card {flex:0 0 55%}
}

/* PLUSTER unified dot carousel: PC 4 cards / SP 2 cards */
.pluster-editorial-section .pluster-editorial-scroll,
.pluster-editorial-section .pluster-styling-scroll,
.pluster-editorial-section .pluster-rank-track {
  display:block!important;
  width:min(calc(100% - 48px),960px)!important;
  max-width:960px;
  margin:0 auto;
  overflow:visible!important;
  padding:0!important;
  scroll-snap-type:none!important;
}
.pluster-editorial-section .slick-list { overflow:hidden; }
.pluster-editorial-section .slick-track {display:flex!important;align-items:stretch;}
.pluster-editorial-section .slick-slide {height:auto!important;min-width:0!important;box-sizing:border-box;padding:0 9px;}
.pluster-editorial-section .slick-slide > div {height:100%;}
.pluster-editorial-section .pluster-editorial-card,
.pluster-editorial-section .pluster-coordinate-card,
.pluster-editorial-section .pluster-styling-card {width:100%!important;max-width:100%!important;flex:none!important;}
.pluster-editorial-section .slick-dots {position:static;display:flex!important;justify-content:center;gap:12px;margin:22px 0 0;padding:0;list-style:none;}
.pluster-editorial-section .slick-dots li {width:24px;height:24px;margin:0;display:flex;align-items:center;justify-content:center;}
.pluster-editorial-section .slick-dots li button {width:24px;height:24px;padding:0;border:0;background:transparent;cursor:pointer;font-size:0;}
.pluster-editorial-section .slick-dots li button:before {content:"";display:block;width:7px;height:7px;margin:auto;border-radius:50%;background:#d9d0c2;opacity:1;position:static;}
.pluster-editorial-section .slick-dots li.slick-active button:before {background:#b39864;width:9px;height:9px;}
.pluster-editorial-section .pluster-rank-card {text-align:center;color:#45403a;box-sizing:border-box;padding:0 6px;}
.pluster-editorial-section .pluster-rank-number {display:block;color:#9a7c48;font-family:Georgia,serif;font-size:18px;letter-spacing:.08em;margin-bottom:10px;}
.pluster-editorial-section .pluster-rank-card img {display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:contain;background:#fffdf4;}
.pluster-editorial-section .pluster-rank-name {display:block;font-size:13px;line-height:1.6;padding:12px 0;}
@media(max-width:767px) {
 .pluster-editorial-section .pluster-editorial-scroll,
 .pluster-editorial-section .pluster-styling-scroll,
 .pluster-editorial-section .pluster-rank-track {width:calc(100% - 20px)!important;}
 .pluster-editorial-section .slick-slide {padding:0 6px;}
}

/* PLUSTER 2026-10: compact desktop first view */
@media (min-width: 1000px) {
  .header .anime {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    box-sizing: border-box;
    padding: 12px max(28px,calc((100% - 1460px)/2));
    min-height: 84px;
    background: #fff !important;
  }
  .header .anime > .img_logo {
    display: block;
    width: 142px !important;
    height: auto;
    flex: 0 0 142px;
    margin: 0 !important;
    padding: 0 !important;
  }
  .header .anime > .spnone { display: contents !important; }
  .header .anime .tmenu_w {
    display: flex !important;
    flex: 1 1 auto;
    min-width: 0;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    gap: clamp(9px,1.1vw,20px);
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap !important;
    list-style: none;
  }
  .header .anime .tmenu_w > .top_menu {
    flex: 0 0 auto;
    display: block;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    white-space: nowrap;
    font-size: clamp(12px,.82vw,15px);
  }
  .header .anime .logo_wrap {
    display: flex !important;
    flex: 0 0 auto;
    width: auto !important;
    align-items: center;
    gap: 13px;
    padding: 0 !important;
    margin: 0 !important;
    overflow: visible;
    list-style: none;
  }
  .header .anime .logo_wrap .form_w {
    display: flex;
    align-items: center;
    width: 208px !important;
    margin: 0;
    gap: 5px;
    white-space: nowrap;
  }
  .header .anime .logo_wrap .formbox {width: 140px;min-width:0;box-sizing:border-box;font-size:13px;}
  .header .anime .logo_wrap .sbtn {font-size:13px;white-space:nowrap;}
  .header .anime .logo_wrap .ticon {display:block;width:23px !important;height:auto;margin:0 !important;}
  .header .anime .logo_wrap > a {display:inline-flex;align-items:center;flex:0 0 auto;}
  .slide_wrap {padding: 18px 0 38px !important;}
  .pluster-hero-slider {width: min(100%, 1260px);margin:0 auto;}
  .pluster-hero-slider .slick-slide {padding:0 9px;}
  .pluster-hero-slider .pluster-hero-prev {left: 7%;}
  .pluster-hero-slider .pluster-hero-next {right: 7%;}
  .content1 {
    position: relative;
    box-sizing: border-box;
    width: min(calc(100% - 80px),1100px) !important;
    margin: 0 auto 48px !important;
    padding: 44px 0 26px;
    min-height: 340px;
    overflow: visible;
  }
  .content1 .blandt {font-size:12px;letter-spacing:.14em;margin:0 0 12px;}
  .content1 .c1h {font-size:clamp(25px,2.2vw,32px);line-height:1.25;margin:0 0 15px;}
  .content1 .c1text {display:block;width:min(100%,520px);margin:0 auto;font-size:13px;line-height:1.85;}
  .content1 .bland_l {position:absolute;float:none;width:165px;left:0;top:115px;}
  .content1 .bland_r {position:absolute;float:none;width:185px;right:0;top:85px;}
}
@media (min-width: 1000px) and (max-width: 1350px) {
  .header .anime {gap:12px;padding-left:20px;padding-right:20px;}
  .header .anime > .img_logo {width:120px!important;flex-basis:120px;}
  .header .anime .tmenu_w {gap:9px;}
  .header .anime .tmenu_w > .top_menu {font-size:12px;}
  .header .anime .logo_wrap {gap:9px;}
  .header .anime .logo_wrap .form_w {width:164px!important;}
  .header .anime .logo_wrap .formbox {width:105px;}
  .header .anime .logo_wrap .ticon {width:20px!important;}
  .content1 .bland_l {width:130px;}
  .content1 .bland_r {width:150px;}
}
@media (max-width: 999px) {
  .content1 {margin-bottom:36px!important;}
  .content1 .c1text {line-height:1.85;}
  .slide_wrap {padding-top:12px!important;padding-bottom:30px!important;}
}

/* 2026-10: English section labels preserved; smaller main visual */
@media (min-width:1000px) {
 .slide_wrap {padding: 12px 0 28px !important;}
 .pluster-hero-slider {width:min(100%,1040px)!important;max-width:1040px;margin:0 auto;}
 .pluster-hero-slider .slick-slide {padding:0 7px;}
 .content1 {padding-top:60px!important;}
 .content1 .blandt {display:block!important;visibility:visible!important;position:relative;z-index:2;}
 .content1 .c1h {display:block!important;visibility:visible!important;position:relative;z-index:2;margin-top:12px!important;}
}
@media (min-width:768px) and (max-width:999px) {
 .pluster-hero-slider {width:88%!important;margin:0 auto;}
}

/* 2026-10-16: header dropdown and compact uncut hero */
@media (min-width:1000px) {
  .header .anime { overflow: visible !important; position:relative; }
  .header .anime .tmenu_w { position:static !important; }
  .header .anime .top_menu { position:static !important; }
  .header .anime .mw_box {
    position:absolute !important;
    top:100% !important;
    left:50% !important;
    transform:translateX(-50%);
    box-sizing:border-box;
    width:min(1120px,calc(100vw - 64px)) !important;
    max-width:calc(100vw - 64px) !important;
    max-height:min(70vh,540px);
    overflow-y:auto;
    overflow-x:hidden;
    padding:22px 28px !important;
    margin:0 !important;
    background:rgba(255,253,248,.98);
    box-shadow:0 12px 30px rgba(62,48,30,.11);
    border:1px solid #eee5d6;
    z-index:9999;
    opacity:1 !important;
    text-align:left;
    gap:0 14px;
    align-content:start;
  }
  .header .anime .top_menu:hover > .mw_box,
  .header .anime .top_menu:focus-within > .mw_box {
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
  .header .anime .mw_box .m_box {
    width:auto !important;
    min-width:0;
    box-sizing:border-box;
    margin:0 !important;
    padding:12px 8px !important;
    border-bottom:1px solid #e8dfd0;
    white-space:normal;
    font-size:13px;
    line-height:1.5;
  }
  .slide_wrap {padding:18px 0 44px !important; height:auto !important;}
  .pluster-hero-slider {width:min(calc(100% - 60px), 920px) !important;max-width:920px !important;}
  .pluster-hero-slider .slick-slide {padding:0 7px;}
  .pluster-hero-slider .slick-slide img.simage_size {
    display:block !important;
    width:100% !important;
    height:auto !important;
    max-height:none !important;
    object-fit:contain !important;
    object-position:center center !important;
    margin:0 !important;
  }
  .pluster-hero-slider .slick-list,
  .pluster-hero-slider .slick-track,
  .pluster-hero-slider .slick-slide,
  .pluster-hero-slider .slick-slide > div,
  .pluster-hero-slider .slick-slide a {height:auto !important;}
  .pluster-hero-slider .pluster-hero-prev {left:6%;}
  .pluster-hero-slider .pluster-hero-next {right:6%;}
}
@media (min-width:768px) and (max-width:999px) {
  .pluster-hero-slider {width:86% !important;}
  .pluster-hero-slider .slick-slide img.simage_size {height:auto !important;object-fit:contain !important;max-height:none !important;margin:0 !important;}
}

/* 2026-10-16 FIX: closed mega-menu must not overlay the banner */
@media (min-width:1000px) {
 .header {position:relative!important; z-index:30!important;}
 .header .anime {position:relative!important; z-index:31!important;}
 .header .anime .tmenu_w > .top_menu {position:static!important;}
 .header .anime .tmenu_w .mw_box {
   display:none!important;
   visibility:hidden!important;
   pointer-events:none!important;
   opacity:0!important;
   top:calc(100% - 1px)!important;
   left:50%!important;
   transform:translateX(-50%)!important;
   z-index:100!important;
 }
 .header .anime .tmenu_w > .top_menu:hover > .mw_box,
 .header .anime .tmenu_w > .top_menu:focus-within > .mw_box {
   display:grid!important;
   visibility:visible!important;
   pointer-events:auto!important;
   opacity:1!important;
 }
 .anime2 {position:relative!important;z-index:1!important;}
 .slide_wrap {clear:both!important;}
 .pluster-hero-slider .slick-slide img.simage_size {object-fit:contain!important;object-position:center!important;}
 .content1 .blandt,.content1 .c1h {display:block!important;visibility:visible!important;opacity:1!important;}
}

/* RANKING 9 items: balanced 2-line names and full-card links */
.pluster-ranking-section .pluster-rank-card {display:block;text-decoration:none;color:#45403a;}
.pluster-ranking-section .pluster-rank-card:hover {opacity:.84;}
.pluster-ranking-section .pluster-rank-name {display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;line-height:1.65;min-height:3.3em;margin:0 auto;padding:10px 4px 0;max-width:100%;font-size:13px;overflow-wrap:anywhere;}
.pluster-ranking-section .pluster-rank-card img {width:100%;aspect-ratio:1/1;object-fit:contain;background:#fffdf9;}
@media(max-width:767px){.pluster-ranking-section .pluster-rank-name{font-size:12px;}}

/* 2026-10-20: Keep desktop category panels inside the viewport.
   The old left:50% on each li positioned the 1120px panel off-screen. */
@media screen and (min-width: 1000px) {
  html body .header .anime .tmenu_w > .top_menu > .mw_box {
    position: fixed !important;
    left: 50vw !important;
    right: auto !important;
    top: 108px !important;
    transform: translateX(-50%) !important;
    width: min(1120px, calc(100vw - 48px)) !important;
    max-width: calc(100vw - 48px) !important;
  }
}