@charset "UTF-8";

/* =======================================================================
CSSの名前：doll_top.css 
最終更新日時：2024/03/26 Y.T
======================================================================= */

/*  メインビジュアル
-------------------------------------------------------------*/
.slick-slide img { aspect-ratio: 2 / 1; width: 780px; height: 390px;}
.slick-slide:not(.slick-current){position: relative;}
.slick-slide:not(.slick-current):after{content: ""; position: absolute; background-color: rgba(0, 0, 0, 0.5); top: 0; left: 0; width: 780px; height: 780px;}

.slick-dots{bottom: -40px;}
.slick-dots li button:before{content: ""; background: #DDD; border-radius: 50%; width: 12px; height: 12px; opacity: 1;}
.slick-dots li.slick-active button:before{opacity: 1; background: #FF957E;}

.slide_inner{display: none;}
.slide_inner.slick-initialized{display: block; margin-top: 135px;}

/*  重要告知
-------------------------------------------------------------*/
.importantnotice {color: #B94375; text-align: center; font-weight: bold; padding: 0.5em 0; margin: 40px 0 -60px;}
.importantnotice a {color: #B94375;}

/*  トピックス
-------------------------------------------------------------*/
.topics{margin: 35px auto 0; display: flex;}
.topics .topics_box{max-width: 670px; width: -webkit-calc(100%/2 - 20px); width: calc(100%/2 - 20px);}
.topics .topics_box + section{margin-left: 30px;}
.topics h2{font-size: 16px; color:#5F3140; font-weight: bold;}
.topics dl{display: flex; margin-top: 10px;}
.topics dl + dl{margin-top: 5px;}
.topics dl dd{margin-left: 32px;}
.topics dl dd a{position: relative;}
.topics dl dd a::before{content: ""; position: absolute; border-left: 6px solid #DC5474; border-top: 6px solid transparent; border-bottom: 6px solid transparent; left: -12px; top: 6px;}

.topics .link{margin-top: 10px; text-align: right;}
.topics .link a{display: inline-block;}


/*  特集部分
-------------------------------------------------------------*/
/* 共通 */
.ranking_box{margin: 25px 0 0 0; padding: 20px 0 0 0; border-top: 1px solid #898989;}
.ranking_box h2{color: #5F3140; font-size: 26px;}
.ranking_box h2 > span{display: inline-block; text-align: center; padding: 0 10px 0 0; color: #FFF; font-size: 18px; background: url(../images/doll/title_banner.jpg) no-repeat; background-size: 120px 30px; width: 120px; font-weight: normal; vertical-align: middle;}
.ranking_box a:hover{opacity: .6; transition: 0.5s;}
.ranking_box .ranking_soldout { position: absolute; top:0.3rem; right:0.3rem; background:#999; color: #FFF; xdisplay: inline-block; font-size: 14px; line-height: 1; padding: 0.3rem; vertical-align: text-bottom; border-radius: 0.1rem;}
/* バナー3つ */
.tokushu_top .bnr3 {width: -webkit-calc(100%/3 - 25px); width: calc(100%/3 - 25px); max-width: 460px;}

/* 商品ボックス */
.tokushu_top .itemarea{display: flex; margin: 25px 0 0 0; padding: 0;}
.tokushu_top .itembox h3{margin-top: 10px; font-weight: bold; font-size: 16px;}
.tokushu_top .itembox p.price {font-size: 14px; color: #666; text-align: right;}
.tokushu_top .itembox{width: -webkit-calc(50%); width: calc(50%); max-width: 690px;}
.tokushu_top .itembox + div{margin-left: 20px;}
.tokushu_top .itembox ul{display: flex; flex-wrap:wrap;}
.tokushu_top .itembox ul li a{display: block;}
.tokushu_top .itembox ul li + li{margin-left: 25px;}
.tokushu_top .itembox li {position: relative;}

/* ランキングボックス */
.tokushu_top .item_ranking { max-width: 1380px;}
.item_ranking h2 > span{background: url(../images/doll/ranking_banner.jpg) no-repeat; background-size: 120px 30px;}
.tokushu_top .item_ranking h3{font-size: 16px; font-weight: normal; padding: 0.5rem 1rem;}
.tokushu_top .item_ranking ul{display: flex; flex-wrap:wrap;}
.tokushu_top .item_ranking li {position: relative;}
.tokushu_top .item_ranking li a{display: block;}
.tokushu_top .item_ranking li {border-radius: 0.2rem; border: solid #ddd 1px; margin: 20px 20px 20px 0; max-width: 260px; width: -webkit-calc(100%/5 - 16px); width: calc(100%/5 - 16px);}
.tokushu_top .item_ranking li:nth-child(5n){margin-right: 0;}
.tokushu_top .item_ranking img {object-fit: cover; max-width:258px; max-height:258px; border-radius: 0.2rem 0.2rem 0 0;}

/* ランキング装飾 */
.tokushu_top .item_ranking {counter-reset: rank;}
.tokushu_top .ritem_anking li:not(:last-child) {margin-bottom: 10px;}
.tokushu_top .item_ranking li::before {counter-increment: rank; content: counter(rank); position: absolute; top: 0.3rem; left: 0.3rem; padding: 0.2rem 0.5rem; font-size: 20px; font-weight: bold; color: #fff; background-color: #ebb9c2; text-align: center; min-width: 1em; border-radius: 0.1rem;}
.tokushu_top .item_ranking li:nth-child(1)::before {background-color: #e6c300;}
.tokushu_top .item_ranking li:nth-child(2)::before {background-color: #a9a9a9;}
.tokushu_top .item_ranking li:nth-child(3)::before {background-color: #815a2b;}
.link_rankig_all { display:block; margine:auto 0 0; text-align:right; }

/* 小さいボックス */
.tokushu_top .small ul li{margin-bottom: 20px; max-width: 210px; width: -webkit-calc(100%/3 - 25px); width: calc(100%/3 - 25px);}
.tokushu_top .small ul li:nth-child(3n+1){margin-left:0;}
.tokushu_top .small ul li:nth-child(n+3){margin-bottom: 0;}

/* 大きいボックス */
.tokushu_top .big ul{margin-bottom: 30px;}
.tokushu_top .big ul li{max-width: 330px; width: -webkit-calc(100%/2 - 25px); width: calc(100%/2 - 25px);}
.tokushu_top .text_area{max-width: 678px; padding: 20px 15px; background-color: #eeeeee; color:#666666; font-size: 18px;}

.tokushu_top{margin: 0 auto;}
.tokushu_top .banner{position:relative;}
.tokushu_top .banner img{height: 30px;}
.tokushu_top .banner p{position: absolute; left:10px; top:2px; font-size: 18px; font-weight: bold; color:#ffffff;}
.tokushu_top h4{font-size: 26px; color:#5F3140; font-weight: bold;}
.tokushu_top img{width: 100%;}
.tokushu_top .big_img{max-width:327px; max-height:327px;}
.tokushu_top .small_img{max-width:210px; max-height:210px;}

.tokushu_top p{color:#78162C; font-size: 22px;}


/* 英語 */
.doll_top.en .tokushu_top .itemarea .itembox.small .price{font-size: 18px;}