/*- personal_item_page setting -*/
div.personal_item_page ul{padding-bottom:0; margin-bottom:1em;}
div.personal_item_page ul li a{display:block ; margin:0 auto; width:calc(100% - 2em);}
div.personal_item_page ul li img{display:block; width:100%;}

/*-swiper-button-prev next setting -*/
.swiper-horizontal > .swiper-button-prev ,
.swiper-horizontal > .swiper-button-next{background:#fe9236; width:1.5em; height:1.5em; border-radius:100%; transition:all 0.3s ease;}

.swiper-horizontal > .swiper-button-prev svg ,
.swiper-horizontal > .swiper-button-next svg{display:none;}

.swiper-horizontal > .swiper-button-prev span ,
.swiper-horizontal > .swiper-button-next span{display:block; position:relative; width:100%; height:100%;}

.swiper-horizontal > .swiper-button-prev span::before ,
.swiper-horizontal > .swiper-button-next span::before ,
.swiper-horizontal > .swiper-button-prev span::after ,
.swiper-horizontal > .swiper-button-next span::after{content:" "; display:block; position:absolute; top:0; bottom:0; left:0; right:0; margin:auto; }

.swiper-horizontal > .swiper-button-prev span::before ,
.swiper-horizontal > .swiper-button-next span::before {content:" "; width:0; height:0; border-width:0.375em 0.5em; border-style:solid; border-color:rgba(0,0,0,0) #ffffff;}

.swiper-horizontal > .swiper-button-prev span::after  ,
.swiper-horizontal > .swiper-button-next span::after {content:" "; width:2px; height:0.625em; background:#ffffff;}

.swiper-horizontal > .swiper-button-prev span::before {content:" "; border-left-width: 0; left:0.125em;}
.swiper-horizontal > .swiper-button-prev span::after{content:" "; left:-0.625em;}
.swiper-horizontal > .swiper-button-next span::before {content:" "; border-right-width: 0; right:0.125em;}
.swiper-horizontal > .swiper-button-next span::after {content:" "; border-right-width: 0; right:-0.625em;}

.swiper-horizontal > .swiper-button-prev:hover ,
.swiper-horizontal > .swiper-button-next:hover{cursor: pointer; background:#cc6205;}

/*- swiper-pagination setting -*/
.swiper-horizontal .swiper-pagination_wrap{display: flex; justify-content: center; position:absolute; bottom:0.625em; left:0; right:0; margin:auto; width:auto ; height:auto; z-index: 10;}
.swiper-horizontal .swiper-pagination_wrap > div{position:static; display:flex; justify-content: center; align-items: center; gap:0.5em; padding:0 1em; margin:0 auto; width:auto; background:rgba(247, 241, 229 , 0); border-radius:0.25em;}
.swiper-horizontal .swiper-pagination-bullet{display:block; background:rgba(0, 0, 0 , 0.3); opacity:0.8; border:1px solid #ffffff; margin:0 !important; width:0.75em; height:0.75em;}
.swiper-horizontal .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#fe9236; opacity:1; border-color:#fe9236;}

/*-autoplay-toggle -*/
.slide_playbtn{position:absolute; z-index: 11; bottom:1.25em; left:1em; width:1.5em; height:1.5em; background:rgba(0,0,0,0.5); border-radius:0 100% 100% 0; transform:scaleX(0); transform-origin:center left; transition:all 0.1s ease;}
.swiper:hover .slide_playbtn{transform: scaleX(1);}

.autoplay-toggle{display:block; position:relative; width:100%; height:100%;}
.autoplay-toggle:hover{content:" "; cursor: pointer;}
.autoplay_act_icon{display:block; position:absolute; top:0; bottom:0; left:0; right:0; margin:auto; width:0.5em; height:0.725em;}
.autoplay-toggle.is-playing .autoplay_act_icon{background:none; border-width:0 2px; border-style:solid; border-color:#ffffff;}
.autoplay-toggle.is-paused .autoplay_act_icon{width:0; height:0; border-width:0.425em 0 0.425em 0.625em; border-style:solid; border-color:rgba(0,0,0,0) #ffffff;}

/*- thumb-slider -*/

.thumb-slider .swiper-wrapper{justify-content: center;}
.thumb-slider{overflow: visible;}

.thumb-slider .swiper-slide{position:relative; z-index:1; transform:scale(1); transition:all 0.1s linear , transform 0.1s 0.3s linear; opacity:1;}
.thumb-slider .swiper-slide::before{content:" "; display:block; position:absolute; top:0; bottom:0; left:0; right:0; margin:auto; background:rgba(0,0,0,0.3); transition:all 0.1s linear; z-index: 1;}
.thumb-slider .swiper-slide-thumb-active::before{content:" ";background:rgba(0,0,0,0);}
.thumb-slider .swiper-slide:hover::before{content:" "; background:rgba(0,0,0,0); cursor: pointer;}
.thumb-slider .swiper-slide-thumb-active{overflow: visible; transform:scale(1.175); position:relative; z-index:2;}
.thumb-slider img{display:block; width:100%; transform: scale(1);}

.no-transition .swiper-slide{transform: scale(0); opacity:0;}
.no-transition .swiper-slide img{display:block; width:100%; transform: scale(0);}

/*--- rwd setting 
---------------------------------------------------*/
/* 320px-480px(mobile)*/
@media screen and (max-width:480px) 
{

}

/* 481px-767px(mobile/tabletsite) */ 
@media screen and (min-width:481px) 
{

}

/* 768px(tabletsite) */
@media screen and (min-width:768px)
{
/*- personal_item_page setting -*/
div.personal_item_page ul li a{display:block ; margin:0 auto; width:calc(100% - 3.5em);}

/*-swiper-button-prev next setting -*/
.swiper-horizontal > .swiper-button-prev ,
.swiper-horizontal > .swiper-button-next{ width:3em; height:3em;}
.swiper-horizontal > .swiper-button-prev span::before, 
.swiper-horizontal > .swiper-button-next span::before{content:" "; border-width: 0.5em 0.75em;}
.swiper-horizontal > .swiper-button-prev span::before{content:" "; border-left-width:0;} 
.swiper-horizontal > .swiper-button-next span::before{content:" "; border-right-width:0;}
.swiper-horizontal > .swiper-button-prev span::after, 
.swiper-horizontal > .swiper-button-next span::after{content:" "; height:1em;}
.swiper-horizontal > .swiper-button-prev span::after{content:" "; left:-1em;}
.swiper-horizontal > .swiper-button-next span::after{content:" "; right:-1em;}

/*- swiper-pagination setting -*/
.swiper-horizontal .swiper-pagination_wrap > div{padding:0.275em 1em; background:rgba(247, 241, 229 , 1);}
.swiper-horizontal .swiper-pagination-bullet{border-color:#f7f1e5;}

/*-autoplay-toggle -*/
.slide_playbtn{bottom:2em; left:1.75em; width:2em; height:2em;}
.autoplay_act_icon{width:0.625em; height:1em;}
.autoplay-toggle.is-paused .autoplay_act_icon{border-width:0.45em 0 0.45em 0.75em;}

}

/* 769px(tabletsite) */
@media screen and (min-width:769px)
{

}

/* 1024px-over(tablet-pcsite) */
@media screen and (min-width:1024px)
{
div.personal_item_page ul{margin-bottom:2em;}
  /*- personal_item_page setting -*/
div.personal_item_page ul li a{display:block ; margin:0 auto; width:calc(100% - 9em);}

/*-swiper-button-prev next setting -*/
.swiper-horizontal > .swiper-button-prev ,
.swiper-horizontal > .swiper-button-next{ width:3.5em; height:3.5em;}
.swiper-horizontal > .swiper-button-prev span::before, 
.swiper-horizontal > .swiper-button-next span::before{content:" "; border-width: 0.575em 1em;}
.swiper-horizontal > .swiper-button-prev span::before{content:" "; border-left-width:0;} 
.swiper-horizontal > .swiper-button-next span::before{content:" "; border-right-width:0;}
.swiper-horizontal > .swiper-button-prev span::after, 
.swiper-horizontal > .swiper-button-next span::after{content:" "; height:1.25em;}
.swiper-horizontal > .swiper-button-prev span::after{content:" "; left:-1.25em;}
.swiper-horizontal > .swiper-button-next span::after{content:" "; right:-1.25em;}

/*- swiper-pagination setting -*/
.swiper-horizontal .swiper-pagination_wrap > div{padding:0.75em 1.5em;}
.swiper-horizontal .swiper-pagination-bullet{border-width:2px; width:1em; height:1em;}


/*-autoplay-toggle -*/
.slide_playbtn{bottom:2.5em; left:4.5em; width:3em; height:3em;}
.autoplay_act_icon{width:1em; height:1.25em;}
.autoplay-toggle.is-playing .autoplay_act_icon{border-width:0 4px;}
.autoplay-toggle.is-paused .autoplay_act_icon{border-width:0.575em 0 0.575em 1em;}

}

/* 1025px setting(pcsite) */
@media screen and (min-width:1025px)
{

}

/* fullsize pcsite setting(pcsite) */
@media screen and (min-width:1120px)
{

}

/*- slider setting only -*/
@media screen and (min-width:1248px)
{
div.slideerdeco.m1024box{max-width:calc(1024px + 9em);}
div.personal_item_page ul li a{display:block ; margin:0 auto;}
.swiper-horizontal > .swiper-button-prev{left:0;} 
.swiper-horizontal > .swiper-button-next{right:0;}
}

/*--- rwd setting end ---*/