@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP:100,300,400,500,700,900&display=swap');
@import url('https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900&display=swap');



/* ==============================================
setting
============================================== */

* {
margin:0;
padding:0;
}
#babygoods_rank2025 body{
overflow-x: hidden;
}
#babygoods_rank2025 h1,#babygoods_rank2025 h2,#babygoods_rank2025 h3,#babygoods_rank2025 h4,#babygoods_rank2025 h5,#babygoods_rank2025 p,#babygoods_rank2025 th,#babygoods_rank2025 td,#babygoods_rank2025 dt,#babygoods_rank2025 dd,#babygoods_rank2025 li,#babygoods_rank2025 input,#babygoods_rank2025 select,#babygoods_rank2025 a {
font-family:"Roboto","Noto Sans JP","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
font-size: 15px;
line-height: 28px;
letter-spacing: 0.5px;
margin:0;
padding:0;
color:#222222;
}
#babygoods_rank2025 h1,#babygoods_rank2025 h2,#babygoods_rank2025 h3,#babygoods_rank2025 h4,#babygoods_rank2025 h5,#babygoods_rank2025 div,#babygoods_rank2025 table,#babygoods_rank2025 th,#babygoods_rank2025 td,#babygoods_rank2025 dl,#babygoods_rank2025 dt,#babygoods_rank2025 dd,#babygoods_rank2025 ul,#babygoods_rank2025 li,#babygoods_rank2025 p,#babygoods_rank2025 a,#babygoods_rank2025 strong,#babygoods_rank2025 span,#babygoods_rank2025 input,#babygoods_rank2025 select {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
img {
width: 100%;
height: auto;
border:none;
vertical-align:middle;
}
table {
border-collapse:collapse;
border-spacing:0;
}
ul {
list-style:none;
}
sup {
font-size: 10px;
text-align: text-top;
}
ul:after { content:"."; clear:both; height:0; display:block; visibility:hidden; }
ul:after { content:"."; clear:both; height:0; display:block; visibility:hidden; }
* html ul { display:inline-block; }
*:first-child+html ul { display:inline-block; }

a:link {color:#222222; text-decoration:none;}
a:visited {color:#222222; text-decoration:none;}
a:active {color:#222222; text-decoration:none;}
a{
-webkit-transition: 0.2s ease-out;
transition: 0.2s ease-out;
}
a:hover{
opacity: 0.7;
}



.pc{
display:none!important;
}

/* ==============================================
footer
============================================== */

footer{
background: #FFF;
padding: 0 0 40px 0;
}
footer nav{
}
footer nav ul{
text-align: center;
padding: 35px 0 0 0;
}
footer nav ul li{
display: inline-block;
padding: 0 5px;
}
footer nav ul li a{
}
footer p{
font-size: 10px;
line-height: 15px;
text-align: center;
padding: 10px 0 0 0;
}

/* ==============================================
#babygoods_rank2025
============================================== */
#babygoods_rank2025{
background: #fff;
position: relative;
max-width: 750px;
margin: 0 auto;
}
#babygoods_rank2025 #introduction{
position: relative;
}
#babygoods_rank2025 #introduction p{
font-size: 14px;
line-height: 24px;
margin:3% 5%;
padding:5% 0 0 0;
text-align: center;
}
#babygoods_rank2025 #introduction .item_image{
width: 100%;
position: relative;
}
#babygoods_rank2025 #introduction .bottom{
position:absolute;
bottom:-6%;
right:0;
left: 0;
margin: 0 auto;
}


#babygoods_rank2025 #introduction .chara{
position:absolute;
top:0;
right:0;
left: 0;
margin: 0 auto;
animation: rotation 2s ease 0s 1 alternate none running;
animation-fill-mode: forwards;
}
@keyframes rotation {
0%{
transform: translateY(30px);opacity: 0.0;}
100%{transform: translateY(0px);}
}

#babygoods_rank2025 #introduction .light_r{
position:absolute;
top:0;
right:10%;
animation: lightingR 2s linear infinite;
}

@keyframes lightingR {
0% , 100%{
transform: rotate(10deg);
opacity: 0.3;
}
50%{
transform: rotate(-10deg);
opacity: 0.8;
}
}
#babygoods_rank2025 #introduction .light_l{
position:absolute;
top:0;
left:10%;
animation: lightingL 2s   linear infinite;
}

@keyframes lightingL {
  0% , 100%{
      transform: rotate(-10deg);
      opacity: 0.3;
  }
  50%{
      transform: rotate(10deg);
      opacity: 0.8;
  }
}
#babygoods_rank2025 #introduction .number_year{
position:absolute;
bottom:12%;
width:25%;
right:0;
left: 0;
margin:0 auto;
animation:bounceIn 0.8s ease 0s 1 alternate none running;
animation-fill-mode: bounceIn;
}
@-webkit-keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(1.5);
    transform:scale(1.5);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale(0.8);
    transform:scale(0.8);
  }

  80% {
    -webkit-transform: scale(1.2);
    transform:scale(1.2);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
#babygoods_rank2025 .banner{
margin:20px 0 0 0;
}

/* ==============================================
outline
============================================== */
#babygoods_rank2025 #outline{
margin-top:0px;
padding:20px 0 20px 0;
}
#babygoods_rank2025 #outline .box{
margin:0px 2% 0 2%;
padding:20px 0 20px 0;
background:#f3f3f3;
background:#fffdf1;
border-radius: 20px;
position: relative;
}
#babygoods_rank2025 #outline .box h2{
font-size: 16px;
line-height: 24px;
font-weight: 600;
margin:3px 0 3px 5%;
padding:0 0 0px 16px;
position: relative;
}
#babygoods_rank2025 #outline .box .maternity_nav_btn a{
font-size:14px;
line-height:24px;
display: block;
font-weight: 600;
margin:0 5% 3px 5%;
padding:5px 0 5px 22px;
border-radius:10px;
position: relative;
}
#babygoods_rank2025 #outline .box .maternity_nav_btn a::after{
content:"";
background: url("../images/gdlk_rk_icon_crown_pink.png")no-repeat;
background-size:contain;
width:25px;   
height: 25px;
position: absolute;
top:0;
bottom:0;
margin:auto;
left: 10px;
}
#babygoods_rank2025 #outline .box .shussan_nav_btn a{
font-size:14px;
line-height:24px;
display: block;
font-weight: 600;
margin:0 5% 3px 5%;
padding:5px 0 5px 22px;
border-radius:10px;
position: relative;
}
#babygoods_rank2025 #outline .box .shussan_nav_btn a::after{
content:"";
background: url("../images/gdlk_rk_icon_crown_gold.png")no-repeat;
background-size:contain;
width:25px;   
height: 25px;
position: absolute;
top:0;
bottom:0;
margin:auto;
left: 10px;
}
#babygoods_rank2025 #outline .box .babylife_nav_btn a{
font-size:14px;
line-height:24px;
display: block;
font-weight: 600;
margin:0 5% 10px 5%;
padding:5px 0 5px 22px;
border-radius:10px;
position: relative;
}
#babygoods_rank2025 #outline .box .babylife_nav_btn a::after{
content:"";
background: url("../images/gdlk_rk_icon_crown_green.png")no-repeat;
background-size:contain;
width:25px;   
height: 25px;
position: absolute;
top:0;
bottom:0;
margin:auto;
left: 10px;
}
#babygoods_rank2025 #outline .box ul li span{
font-size: 12px;
line-height: 20px;
font-weight: 600;
}
#babygoods_rank2025 #outline .box ul li a{
display: block;
color:#333;
border-bottom:solid 2px #d2a76f;
width: 100%;
padding: 0 0 5px 0;
background: url("../images/gdlk_btn_arrow01.png")no-repeat;
background-position:99% 50%;
background-size: 22px;
}

#babygoods_rank2025 #outline .box h3{
font-size: 12px;
line-height: 24px;
font-weight: 600;
color: #d2a76f;
margin:0 5% 10px 5%;
padding:0 0 5px 0;
border-bottom: solid 1px #d2a76f;
text-align:center;
}
#babygoods_rank2025 #outline .box div a{
font-size:12px;
line-height: 24px;
display: block;
font-weight: 500;
margin:0 0 0 3%;
padding:0 0 0px 0;
/*
background: url("../images/gdlk24_btn_arrow.png")no-repeat;
background-position:90% 50%;
background-size: 22px;
*/
text-indent: 24px;
position: relative;
font-family:"Roboto","Noto Sans JP";
}
#babygoods_rank2025 #outline .box h2 a::before{
content: '';
position: absolute;
width: 5px;
height: 24px;
background:#d2a76f;
top:0;
left: 0;
}

#babygoods_rank2025 .tamachan{
position: relative;
background: url("../images/gdlk_rk_line_bold.png")no-repeat;
background-size: 100%;
padding:0 0 20px 0;
}
#babygoods_rank2025 .tamachan .chara{
position: absolute;
bottom:20px;
right:0;
opacity: 0;
width: 23%
}
#babygoods_rank2025 .tamachan .chara.on{
position: absolute;
bottom:20px;
right: 5%;
width: 23%;
opacity: 1;
animation:slidetama 2s alternate none running;
}
@keyframes slidetama {
0%{
transform: translateX(30px);opacity: 0.0;}
100%{transform: translateX(0px);}
}


#babygoods_rank2025 .floating_button{
bottom:-80px;
right:10px;
z-index:100;
position: fixed;
}
#babygoods_rank2025 .floating_button a{
font-size: 12px;
line-height: 24px;
font-weight: 600;
text-align:center;
display: inline-block;
text-indent:24px;
background: #fff url("../images/gdlk_btn_outl_icon.png")no-repeat;
background-size: 20px 20px;
background-position:10% 50%;
border:solid 1px #d2a76f;
color: #d2a76f;
padding:8px 20px;
border-radius:30px;
font-family:"Roboto","Noto Sans JP";
z-index: 999;
}
#babygoods_rank2025 .floating_button.on{
bottom:60px;
}

/* ==============================================
ranking
============================================== */

#babygoods_rank2025 #ranking{
margin: 20px 0 0 0;
}

#babygoods_rank2025 #ranking h2{
font-size: 16px;
line-height: 24px;
font-weight: 600;
margin: 0 auto;
text-align: center;
}
#babygoods_rank2025 #ranking p{
font-size: 14px;
line-height: 24px;
font-weight: 300;
margin: 0 5%;
text-align: left;
}

#babygoods_rank2025 #ranking #rankmenu{
margin: 20px 0 0 0;
position: relative;
}
#babygoods_rank2025 #ranking #rankmenu::before{
content:'';
position: absolute;
width: 100%;
height: 5px;
background: #000 url("../images/gdlk_rk_line.png");
background-size: 100%;
top:0;
left: 0;
right: 0;
}
#babygoods_rank2025 #ranking #rankmenu::after{
content:'';
position: absolute;
width: 100%;
height: 5px;
background: #000 url("../images/gdlk_rk_line.png");
background-size: 100%;
bottom:0;
left: 0;
right: 0;
}
#babygoods_rank2025 #ranking #rankmenu ul{
display: flex;
}

#babygoods_rank2025 #ranking #rankmenu ul li{
margin:10px 0;
color:#d2a76f;
width:33.33%;
border-right:solid 2px #d2a76f;
text-align: center;
}
#babygoods_rank2025 #ranking #rankmenu ul li a{
display:block;
font-size: 12px;
line-height: 20px;
font-weight: 600;
padding: 20px 0;
}
#babygoods_rank2025 #ranking #rankmenu ul li a::after{
content: "";
display: block;
background: url("../images/gdlk_rk_arwr_gold.png");
background-size: 6px 12px;
width: 6px;
height: 12px;
-moz-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
-o-transform: rotate(90deg);
-ms-transform: rotate(90deg);
margin: 3px auto 0 auto;
}

#babygoods_rank2025 #ranking #rankmenu ul li:last-child{
border-right:none;
}

/*maternity*/

#babygoods_rank2025 #ranking #maternity{
background: #fbdbd2;
padding: 0 0 40px 0;
position: relative;
}
#babygoods_rank2025 #ranking #maternity::after{
content:'';
position: absolute;
width: 100%;
height: 5px;
background: #d2a76f url("../images/gdlk_rk_line.png");
background-size: 100%;
bottom:0;
left: 0;
right: 0;
}
#babygoods_rank2025 #ranking #shussan{
background: #fffae1;
padding: 0 0 40px 0;
position: relative;
}
#babygoods_rank2025 #ranking #shussan::after{
content:'';
position: absolute;
width: 100%;
height: 5px;
background: #d2a76f url("../images/gdlk_rk_line.png");
background-size: 100%;
bottom:0;
left: 0;
right: 0;
}
#babygoods_rank2025 #ranking #babylife{
background: #dbe5d1;
padding: 0 0 40px 0;
position: relative;
}
#babygoods_rank2025 #ranking #babylife::after{
content:'';
position: absolute;
width: 100%;
height: 5px;
background: #d2a76f url("../images/gdlk_rk_line.png");
background-size: 100%;
bottom:0;
left: 0;
right: 0;
}
#babygoods_rank2025 #ranking #team_award{
background: #fff;
padding: 0 0 40px 0;
border-bottom: solid 2px #d2a76f;
}
#babygoods_rank2025 #ranking #maternity h3{	
font-size:20px;
line-height:24px;
font-weight: 600;
letter-spacing:5px;
text-align: center;
background:url("../images/gdlk_rk_ct_mtbg.png") no-repeat top;
background-size:contain;
padding:20% 0 40px 0;
}
#babygoods_rank2025 #ranking #shussan h3{	
font-size:20px;
line-height:24px;
font-weight: 600;
letter-spacing:5px;
text-align: center;
background:url("../images/gdlk_rk_ct_shbg.png") no-repeat top;
background-size:contain;
padding:20% 0 40px 0;
}
#babygoods_rank2025 #ranking #babylife h3{	
font-size:20px;
line-height:20px;
font-weight: 600;
letter-spacing:5px;
text-align: center;
background:url("../images/gdlk_rk_ct_blbg.png") no-repeat top;
background-size:contain;
padding:18% 0 40px 0;
}
#babygoods_rank2025 #ranking #babylife h3 span{	
font-size:14px;
line-height:18px;
font-weight: 600;
}
#babygoods_rank2025 #ranking #team_award h3{	
font-size:20px;
line-height:24px;
font-weight: 600;
letter-spacing:5px;
text-align: center;
background:url("../images/gdlk_rk_ct_mbg.png") no-repeat top;
background-size:contain;
padding:20% 0 40px 0;
}
#babygoods_rank2025 #ranking #maternity h4{
font-size:18px;
line-height: 24px;
font-weight: 600;
text-align: center;
color: #444;
background: #e4cb7c;
margin: 20px 0 10px 0;
padding: 20px 20px;
position: relative;
border-top:1px solid #fff; 
border-bottom:1px solid #fff; 
}
#babygoods_rank2025 #ranking #shussan h4{
font-size:18px;
line-height: 24px;
font-weight: 600;
text-align: center;
color: #444;
background: #e4cb7c;
margin: 20px 0 10px 0;
padding: 20px 20px;
position: relative;
border-top:1px solid #fff; 
border-bottom:1px solid #fff; 
}

#babygoods_rank2025 #ranking #babylife h4{
font-size:18px;
line-height: 24px;
font-weight: 600;
text-align: center;
color: #444;
background: #e4cb7c;
margin: 20px 0 10px 0;
padding: 20px 20px;
position: relative;
border-top:1px solid #fff; 
border-bottom:1px solid #fff; 
}


#babygoods_rank2025 #ranking .sub_menu{
display: flex;
justify-content:center;
flex-wrap: wrap;
margin: 0 auto;
text-align: center;
}
#babygoods_rank2025 #ranking .sub_menu li{
position: relative;
}
#babygoods_rank2025 #ranking .sub_menu li a{
display: block;
font-size:12px;
text-decoration: underline;
padding:5px 20px;
text-align: center;
position: relative;
}
#babygoods_rank2025 #ranking .sub_menu li::after{
content: '';
width: 1px;
height: 15px;
background: #fff;
top:8px;
left: 0px;	
position: absolute;
}
#babygoods_rank2025 #ranking .sub_menu li:last-child::before{
content: '';
width: 1px;
height: 15px;
background: #fff;
top:8px;
right:0px;	
position: absolute;
}


#babygoods_rank2025 #ranking #maternity .anchor_back{
text-align: right;
margin:10px 3% 30px 3%;
}
#babygoods_rank2025 #ranking #maternity .anchor_back a{
font-size: 12px;
line-height:16px;
font-weight:600;
padding:10px 0;
color:#da8c82;
position: relative;
}
#babygoods_rank2025 #ranking #maternity .anchor_back a::before{
content: '';
background: url("../images/gdlk_btn_arrow.png")no-repeat;
background-size: 100%;
width:18px;
height:18px;
top:8px;
left:-24px;
transform: rotate(180deg);
position: absolute;
}
#babygoods_rank2025 #ranking #shussan .anchor_back{
text-align: right;
margin:10px 3% 30px 3%;
}
#babygoods_rank2025 #ranking #shussan .anchor_back a{
font-size: 12px;
line-height:16px;
font-weight:600;
padding:10px 0;
color:#7ab79c;
position: relative;
}
#babygoods_rank2025 #ranking #shussan .anchor_back a::before{
content: '';
background: url("../images/gdlk_btn_arrow.png")no-repeat;
background-size: 100%;
width:18px;
height:18px;
top:8px;
left:-24px;
transform: rotate(180deg);
position: absolute;
}
#babygoods_rank2025 #ranking #babylife .anchor_back{
text-align: right;
margin:10px 3% 30px 3%;
}
#babygoods_rank2025 #ranking #babylife .anchor_back a{
font-size: 12px;
line-height:16px;
font-weight:600;
padding:10px 0;
color:#a49ac1;
position: relative;
}
#babygoods_rank2025 #ranking #babylife .anchor_back a::before{
content: '';
background: url("../images/gdlk_btn_arrow03.png")no-repeat;
background-size: 100%;
width:18px;
height:18px;
top:8px;
left:-24px;
transform: rotate(180deg);
position: absolute;
}

/*button*/

#babygoods_rank2025 #ranking #maternity .button_ct_comingsoon{
margin:0 3% 20px 3%;
text-align: right;
}
#babygoods_rank2025 #ranking #maternity .button_ct_comingsoon a{
font-size: 12px;
line-height: 24px;
font-weight: 600;
color:#98882a;
padding:5px;
text-align: right;
font-family:"Roboto","Noto Sans JP";
position: relative;
text-decoration: underline;
}
#babygoods_rank2025 #ranking #maternity .button_ct_comingsoon a::before{
content: '';
background: url("../images/gdlk_btn_arrow.png")no-repeat;
background-size: 100%;
width:18px;
height:18px;
top:4px;
left:-20px;
transform: rotate(0deg);
position: absolute;
}

#babygoods_rank2025 #ranking #shussan .button_ct_comingsoon{
margin:0 3% 20px 3%;
text-align: right;
}
#babygoods_rank2025 #ranking #shussan .button_ct_comingsoon a{
font-size: 12px;
line-height: 24px;
font-weight: 600;
color:#830500;
padding:5px;
text-align:left;
position: relative;
font-family:"Roboto","Noto Sans JP";
text-decoration: underline;
}
#babygoods_rank2025 #ranking #shussan .button_ct_comingsoon a::before{
content: '';
background: url("../images/gdlk_btn_arrow.png")no-repeat;
background-size: 100%;
width:18px;
height:18px;
top:4px;
left:-20px;
transform:rotate(0deg);
position:absolute;
}
/*
#babygoods_rank2025 #ranking #shussan dl:nth-of-type(1){
padding: 5px 5px 30px 5px;
position: relative;
}
#babygoods_rank2025 #ranking #shussan dl:nth-of-type(1) .categoryRank{
margin:10px auto 10px auto;
bottom:5px;
width: 95%;
left: 0;
right: 0;
padding:0 0 0 30px;
position: absolute;
background:#830500;
border-radius:5px;
box-shadow:0px 1px 3px #888;
vertical-align: bottom;
}
*/
#babygoods_rank2025 #ranking #shussan .button a{
font-size: 14px;
line-height:24px;
font-weight:600;
text-align: center;
display: block;
padding:5px 0 5px 0;
margin:10px 5%;
background: #830500;
color: #fff;
/*border: solid 2px ;*/
border-radius:20px;

}
#babygoods_rank2025 #ranking #shussan .categoryRank a{
font-size: 12px;
line-height:16px;
font-weight:600;
display:block;
color:#fff;
padding:10px 10px;
text-align:left;
position: relative;
font-family:"Roboto","Noto Sans JP";
vertical-align: bottom;
}
#babygoods_rank2025 #ranking #babylife .button_ct_comingsoon{
margin:0 3% 20px 3%;
text-align: right;
}
#babygoods_rank2025 #ranking  #babylife .button_ct_comingsoon a{
font-size: 12px;
line-height: 24px;
font-weight: 600;
color:#98882a;
padding:5px;
text-align: right;
text-decoration: underline;
font-family:"Roboto","Noto Sans JP";
position: relative;
}
#babygoods_rank2025 #ranking #babylife .button_ct_comingsoon a::before{
content: '';
background: url("../images/gdlk_btn_arrow.png")no-repeat;
background-size: 100%;
width:18px;
height:18px;
top:4px;
left:-20px;
transform: rotate(0deg);
position: absolute;
}

#babygoods_rank2025 #ranking .button_comingsoon{
margin: 10px 3%;
}
#babygoods_rank2025 #ranking .button_comingsoon a{
font-size: 12px;
line-height: 24px;
font-weight: 600;
display: block;
background: #dadada;
padding: 10px 20px;
text-align: center;
font-family:"Roboto","Noto Sans JP","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
pointer-events: none;
}

#babygoods_rank2025 #ranking .button_ranking{
margin: 10px 3%;
}
#babygoods_rank2025 #ranking .button_ranking a{
font-size: 12px;
line-height: 24px;
font-weight: 600;
display: block;
background: #d2a76f;
color: #fff;
padding: 10px 20px;
text-align: center;
font-family:"Roboto","Noto Sans JP","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
}
#babygoods_rank2025 #ranking #maternity .button_all{
margin: 10px 3%;
}
#babygoods_rank2025 #ranking #maternity .button_all a{
font-size: 14px;
line-height: 24px;
font-weight: 600;
display: block;
background: #cdac55;
color: #fff;
padding: 10px 20px;
text-align: center;
-webkit-filter: drop-shadow(0px 2px 3px rgba(0,0,0,.3));
 filter: drop-shadow(0px 0px 3px rgba(0,0,0,.3));
font-family:"Roboto","Noto Sans JP";
}


#babygoods_rank2025 #ranking #shussan .more_ranking ul{
display: flex;
flex-wrap: wrap;
justify-content:center;
}
#babygoods_rank2025 #ranking #shussan .more_ranking ul li {
width: 45%;
margin:5px 5px;
}

#babygoods_rank2025 #ranking #shussan .more_ranking ul li a{
font-size: 14px;
line-height: 24px;
font-weight: 600;
display: block;
background:#d7b459;
color:#830500;
padding: 10px 20px;
text-align: center;
border: solid 2px #830500;
-webkit-filter: drop-shadow(0px 2px 3px rgba(0,0,0,.3));
 filter: drop-shadow(0px 0px 3px rgba(0,0,0,.3));
font-family:"Roboto","Noto Sans JP";
}
#babygoods_rank2025 #ranking #shussan .more_ranking .odekake ul{
display: flex;
flex-wrap:wrap;
justify-content:center;
width: 100%;
}
#babygoods_rank2025 #ranking #shussan .more_ranking .odekake ul li {
width: 29%;
padding: 0;
}
#babygoods_rank2025 #ranking #shussan .more_ranking .odekake ul li a{
font-size: 12px;
line-height: 24px;
min-height:72px;
font-weight: 600;
display: block;
background:#830500;
color: #fff;
border: solid 2px #fff;
border-radius: 10px;
padding: 10px 3px;
text-align: center;
-webkit-filter: drop-shadow(0px 2px 2px rgba(0,0,0,.5));
 filter: drop-shadow(0px 0px 3px rgba(0,0,0,.5));
font-family:"Roboto","Noto Sans JP";
}
#babygoods_rank2025 #ranking #shussan .more_ranking p{
margin:20px 0 0 0;
font-size: 14px;
line-height: 24px;
font-weight: 600;
text-align: center;
}
#babygoods_rank2025 #ranking .text{
margin: 20px 0 0 0;
text-align: center;
position: relative;
font-size: 12px;
line-height: 24px;
}
#babygoods_rank2025 #ranking .text::before{
content: '';
background:#d2a76f;
width: 3px;
height: 24px;
left: 5%;
top:0;
transform: rotate(-30deg);
position: absolute;
}
#babygoods_rank2025 #ranking .text::after{
content: '';
background: #d2a76f;
width: 3px;
height: 24px;
right: 5%;
top:0;
transform: rotate(30deg);
position: absolute;
}
#babygoods_rank2025 #ranking .banner{
margin:30px 0 0 0;
text-align: center;
}
#babygoods_rank2025 #ranking #babylife .button_all{
margin: 10px 3%;
}
#babygoods_rank2025 #ranking #babylife .button_all a{
font-size: 14px;
line-height: 24px;
font-weight: 600;
letter-spacing: -0.5px;
display: block;
background: #cdac55;
color: #fff;
padding: 10px 20px;
text-align: center;
-webkit-filter: drop-shadow(0px 2px 3px rgba(0,0,0,.3));
 filter: drop-shadow(0px 0px 3px rgba(0,0,0,.3));
font-family:"Roboto","Noto Sans JP";
}

#babygoods_rank2025 #ranking #team_award p{
font-size: 12px;
line-height: 20px;
font-weight: 400;
padding:0px 0px 20px 0;
margin: 0 5%;
}
/*braekthrough*/
#babygoods_rank2025 #braekthrough{
padding: 0 0 20px 0;
border-bottom: solid 2px #cdac55;
}
#babygoods_rank2025 #braekthrough h2{
font-size: 18px;
line-height: 24px;
font-weight: 600;
text-align: center;
position: relative;
margin: 40px auto 30px auto;
}
#babygoods_rank2025 #braekthrough p{
font-size: 12px;
line-height: 20px;
margin:0 5%;
}
#babygoods_rank2025 #braekthrough .button a{
font-size: 12px;
line-height: 24px;
font-weight: 600;
letter-spacing: -0.5px;
display: block;
background: #dadada;
color: #222;
padding:10px 0 10px 0;
margin:20px 5%;
text-align: center;
/*
-webkit-filter: drop-shadow(0px 2px 3px rgba(0,0,0,.3));
 filter: drop-shadow(0px 0px 3px rgba(0,0,0,.3));
*/
font-family:"Roboto","Noto Sans JP";
}
/*childbirth*/
#babygoods_rank2025 #childbirth h2{
font-size: 18px;
line-height: 24px;
font-weight: 600;
text-align: center;
position: relative;
margin: 40px auto 30px auto;
}

#babygoods_rank2025 #childbirth h2::after{
content: '';
background:#d2a76f;
width: 30px;
height: 4px;
position: absolute;
bottom:-10px;
left: 0;
right: 0;
margin: 0 auto;
}
#babygoods_rank2025 #childbirth p{
font-size: 12px;
line-height: 20px;
margin:0 5%;
}
#babygoods_rank2025 #childbirth ul{
margin:30px 5% 0 5%;
}
#babygoods_rank2025 #childbirth ul li a{
display: block;
border:solid 1px #d2a76f;
padding:10px 5%;
margin: 0 0 20px 0;
}
#babygoods_rank2025 #childbirth div{
font-size: 14px;
line-height: 24px;
font-weight: 600;
display: block;
background: #fff;
color: #333;
padding: 10px 20px;
margin: 0 5%;
text-align: center;
-webkit-filter: drop-shadow(0px 2px 3px rgba(0,0,0,.3));
 filter: drop-shadow(0px 0px 3px rgba(0,0,0,.3));
font-family:"Roboto","Noto Sans JP";
}
#babygoods_rank2025 #news{
margin: 40px 3% 0 3%;
}
#babygoods_rank2025 #news h3{
font-size: 1.4rem;
line-height: 1.8rem;
font-weight: 700;
margin-bottom: 0.5rem;
}
#babygoods_rank2025 #news .mb_xsmall{
font-size: 1.2rem;
line-height: 1.4rem;
margin-bottom: 10px;
}
#babygoods_rank2025 #banner_aera{
margin:40px 0 0 0;
}
#babygoods_rank2025 #banner_aera div{
margin:0 5% 10px 5%;
}
#babygoods_rank2025 #overview{
margin:40px 0 0 0;
}
#babygoods_rank2025 #overview h3{
background:#d2a76f;
color: #fff;
font-size: 14px;
line-height: 24px;
font-weight: 600;
padding:10px;
text-align: center;
margin:20px 0 20px 0;
}
#babygoods_rank2025 #overview p{
font-size: 14px;
line-height: 24px;
font-weight: 400;
padding:10px 5% 0 5%;
text-align: left;
}
#babygoods_rank2025 #overview ul li{
font-size: 12px;
line-height: 18px;
font-weight: 400;
padding:5px 5% 0 5%;
text-align: left;
}
#babygoods_rank2025 #overview .note{
font-size: 12px;
line-height: 18px;
font-weight: 400;
padding:3px 5%;
text-align: left;
}

#babygoods_rank2025 #overview .back_number{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin: 0 2%;
}
#babygoods_rank2025 #overview .back_number li{
border:solid 2px #d2a76f;
font-size: 14px;
line-height: 24px;
text-align: center;
width: 45%;
margin:0 auto 20px auto;
padding: 8px 0;
}



/*slick*/
#babygoods_rank2025 .container{
width:49%;
background:#fff;
/*border:1px solid #b19167;*/
border-radius: 10px;
margin:0 0 10px 0;
padding:5px;
}
#babygoods_rank2025 .rank_slider_wrap{
position: relative;
margin: 0 0 30px 0;
}
#babygoods_rank2025 .rank_slider_wrap h5{
font-size: 15px;
line-height: 18px;
font-weight: 600;
color: #fff;
background:#ff9494;
padding:8px 20px 8px 40px;
margin:0px 0px 0px 10px;
display: inline-block;
position: relative;
}
#babygoods_rank2025 .rank_slider_wrap h5::before{
content:"";
background: url("../images/gdlk_rk_icon_crown.png")no-repeat;
background-size:contain;
width:25px;   
height: 25px;
position: absolute;
top:0;
bottom:0;
margin:auto;
left: 10px;
}
#babygoods_rank2025 .rank_slider_wrap h5::after{
content:"";
position: absolute;
width:20px;   
height:100%;
background:#ff9494;
clip-path: polygon(100% 0, 70% 50%, 100% 100%, 0 100%, 0 0);
top: 0;
right:-18px;
}
#babygoods_rank2025 #shussan .rank_slider_wrap h5{
background:#ceac55;
}
#babygoods_rank2025 #shussan .rank_slider_wrap h5::after{
background:#ceac55;
}
#babygoods_rank2025 #babylife .rank_slider_wrap h5{
background:#86bdb1;
}
#babygoods_rank2025 #babylife .rank_slider_wrap h5::after{
background:#86bdb1;
}
#babygoods_rank2025 .rank_slider_wrap h5 span{
font-size: 12px;
line-height: 18px;
font-weight: 600;
}
#babygoods_rank2025 .rank_slider_thumb div{
padding:1px;
}
#babygoods_rank2025 .rank_slider_thumb .thum01{
position: relative;
}
#babygoods_rank2025 .rank_slider_thumb .thum02{
position: relative;
}
#babygoods_rank2025 .rank_slider_thumb .thum03{
position: relative;
}
#babygoods_rank2025 .rank_slider_thumb .thum04{
position: relative;
}
#babygoods_rank2025 .rank_slider_thumb .thum05{
position: relative;
}
#babygoods_rank2025 .rank_slider_thumb .thum01::after{
content: '';
background: url("../images/gdlk_rk_mtca_thum01.png")no-repeat;
display: block;
background-size: cover;
width: 100%;
height: 100%;
z-index: 3;
top:0;
left: 0;
position: absolute;
}
#babygoods_rank2025 .rank_slider_thumb .thum02::after{
content: '';
background: url("../images/gdlk_rk_mtca_thum02.png")no-repeat;
display: block;
background-size: cover;
width: 100%;
height: 100%;
z-index: 3;
top:0;
left: 0;
position: absolute;
}
#babygoods_rank2025 .rank_slider_thumb .thum03::after{
content: '';
background: url("../images/gdlk_rk_mtca_thum03.png")no-repeat;
display: block;
background-size: cover;
width: 100%;
height: 100%;
z-index: 3;
top:0;
left: 0;
position: absolute;
}
#babygoods_rank2025 .rank_slider_thumb .thum04::after{
content: '';
background: url("../images/gdlk_rk_mtca_thum04.png")no-repeat;
display: block;
background-size: cover;
width: 100%;
height: 100%;
z-index: 3;
top:0;
left: 0;
position: absolute;
}
#babygoods_rank2025 .rank_slider_thumb .thum05::after{
content: '';
background: url("../images/gdlk_rk_mtca_thum05.png")no-repeat;
display: block;
background-size: cover;
width: 100%;
height: 100%;
z-index: 3;
top:0;
left: 0;
position: absolute;
}
#babygoods_rank2025 .rank_slider_thumb{
padding:0 5%;
}
#babygoods_rank2025 .rank_slider{
padding: 0 2%;
}
#babygoods_rank2025 .rank_slider_thumb .slick-current img{
opacity:0.8;
/*filter:contrast(130%) grayscale(100%);*/
}

#babygoods_rank2025 #maternity .rank_slider_thumb .slick-current.slick-active{
outline: solid 2px #ff9494;
outline-offset: -2px;
}

#babygoods_rank2025 #shussan .rank_slider_thumb .slick-current.slick-active{
outline: solid 2px #830500;
outline-offset: -2px;
}
#babygoods_rank2025 #babylife .rank_slider_thumb .slick-current.slick-active{
outline: solid 2px #86bdb1;
outline-offset: -2px;
}



#babygoods_rank2025 .wapper h5{
font-size: 14px;
line-height: 18px;
padding:16px 3px 5px 3px;
border-radius:12px;
color: #7E4E0B;
font-weight:600;
text-align: center;
}

#babygoods_rank2025 .rank_slider_thumb .slick-track{
transform:unset!important;
width:100%!important;
}
#babygoods_rank2025 .detail a{
font-size: 12px;
line-height: 18px;
font-weight: 600;
color: #444444;
border-radius: 30px;
border: 1px solid #444444;
display: block;
margin: 10px 0 5px 0;
padding: 5px 0;
text-align: center;
font-family:"Roboto","Noto Sans JP";
}

#babygoods_rank2025 .merch_cards{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
background: #fff;
}
#babygoods_rank2025 .merch_dital{
background: #fff;
width: 50%;
display: block;
}
#babygoods_rank2025 .merch_dital .brand{
text-align: left;
font-size:1.2rem!important;
line-height: 1.8rem!important;
min-height: 2.2rem;
padding:2% 0 0 8%;
}
#babygoods_rank2025 .merch_dital .product{
text-align: left;
font-size: 14px!important;
line-height:20px!important;
font-weight: 600!important;
padding:0 0 0 10%;
}

#babygoods_rank2025 .merch_dital .note{
text-align: left;
font-size:0.8rem!important;
line-height:1.2rem!important;
font-weight: 400!important;
padding:0 0 0 10%;
}

#babygoods_rank2025 .merch_dital .medical{
text-align: left;
font-size:1rem!important;
line-height:1.2rem!important;
font-weight: 400!important;
padding:5px 10px;
margin:0 0 0 15%!important;
border: solid 1px #000;
display:inline-block;
}
@media screen and (min-width:768px){
#babygoods_rank2025 .merch_dital .brand{
text-align: left;
font-size:1.6rem!important;
line-height: 2.4rem!important;
min-height: 2.4rem;
font-weight: 500;
padding:4% 0 0 10%;
}
#babygoods_rank2025 .merch_dital .product{
text-align: left;
font-size: 2.0rem!important;
line-height:2.6rem!important;
font-weight: 600!important;
padding:10px 0 0 10%;
}
#babygoods_rank2025 .merch_dital .note{
text-align: left;
font-size:1.2rem!important;
line-height:1.4rem!important;
font-weight: 400!important;
padding:10px 0 0 8%;
}
}

#babygoods_rank2025 .merch_dital .rank1,#babygoods_rank2025 .merch_dital .rank2,#babygoods_rank2025 .merch_dital .rank3,#babygoods_rank2025 .merch_dital .rank4,#babygoods_rank2025 .merch_dital .rank5{
text-align:left;
width:33%;
margin:10px 0 5px 30px;
display: block;
}
#babygoods_rank2025 .merch_cards figure{
width: 50%;
padding:2px;
}


#babygoods_rank2025 .slick-arrow:before{
    content:""!important;
    width: 100%!important;   
    height: 100%!important;
    position: absolute;
    top: 0;
    left: 0;
}
#babygoods_rank2025 .slick-next:before{
    background: url("../images/gdlk_arrow_r.png")!important;
    background-size: contain!important;
}

#babygoods_rank2025 .slick-prev:before{
    background: url("../images/gdlk_arrow_l.png")!important;
    background-size: contain!important;
}

#babygoods_rank2025 .ac_button.open .accordion{
display:block!important;
}
#babygoods_rank2025 .ac_button.open .maternity_outline{
display:block!important;
}
#babygoods_rank2025 .ac_button a{
padding:8px 0 8px 0;
margin: 0 5%;
border-radius:10px;
background: #ff9494 url("../images/gdlk_btn_menul_icon.png")no-repeat;
background-size:16px 16px;
background-position:98% center;
color: #fff;
display: block;
text-align: center;
font-size: 14px;
line-height: 24px;
font-weight: 600;
}

#babygoods_rank2025 .maternity_outline{
background: #fff2f0;
margin: 0 5%;
display:block;
}

#babygoods_rank2025 .maternity_outline .maternity_ctg{
text-align: left;
font-size: 14px;
line-height:20px;
font-weight: 600;
font-family:"Roboto","Noto Sans JP";
padding:10px 0 5px 30px;
border-bottom: solid 1px #fb9c7d;
margin: 0 3%;
color: #444444;
position: relative;
}
#babygoods_rank2025 .maternity_outline .maternity_ctg::before{
content:"";
background: url("../images/gdlk_rk_icon_crown_pink.png")no-repeat;
background-size:contain;
width:20px;   
height: 20px;
position: absolute;
top:0;
bottom:0;
margin:auto;
left:5px;
}
#babygoods_rank2025 .maternity_outline ul{
margin: 0 3%;
padding:8px 0 10px 0;
}
#babygoods_rank2025 .maternity_outline ul li{
padding: 0 10px;
display: inline-block;
}
#babygoods_rank2025 .maternity_outline ul li a{
text-align: left;
font-size: 12px;
line-height:18px;
font-weight: 500;
color: #444444;
text-decoration: underline;
}

#babygoods_rank2025 #shussan .ac_button a{
background:#ceac55 url("../images/gdlk_btn_menul_icon.png")no-repeat;
background-size:16px 16px;
background-position:98% center;
}
#babygoods_rank2025 #shussan .maternity_outline{
background: #fff;
display:block;
}
#babygoods_rank2025 #shussan .maternity_outline .maternity_ctg{
border-bottom: solid 1px #ceac55;
position: relative;
}
#babygoods_rank2025 #shussan .maternity_outline .maternity_ctg::before{
content:"";
background: url("../images/gdlk_rk_icon_crown_gold.png")no-repeat;
background-size:contain;
width:20px;   
height: 20px;
position: absolute;
top:0;
bottom:0;
margin:auto;
left:5px;
}
#babygoods_rank2025 #babylife .ac_button a{
background: #86bdb1 url("../images/gdlk_btn_menul_icon.png")no-repeat;
background-size:16px 16px;
background-position:98% center;
}
#babygoods_rank2025 #babylife .ac_button a span{
font-size: 12px;
}
#babygoods_rank2025 #babylife .maternity_outline{
background: #f6fff0;
display:block;
}
#babygoods_rank2025 #babylife .maternity_outline .maternity_ctg{
border-bottom: solid 1px #86bdb1;
position: relative;
}
#babygoods_rank2025 #babylife .maternity_outline .maternity_ctg::before{
content:"";
background: url("../images/gdlk_rk_icon_crown_green.png")no-repeat;
background-size:contain;
width:20px;   
height: 20px;
position: absolute;
top:0;
bottom:0;
margin:auto;
left:5px;
}

#babygoods_rank2025 #shussan .attention{
text-align: left;
font-size: 10px!important;
line-height:16px;
font-weight: 500;
padding:8px 0 0 0;
}
#babygoods_rank2025 .product .sup_top{
font-size: 10px;
vertical-align: super;
}
@media screen and (min-width:768px){
#babygoods_rank2025 .product sup{
font-size: 10px;
vertical-align: bottom;
}
}