@charset "UTF-8";
/* ///////////////////////////////

2022年間ランキング
PC用

///////////////////////////////
*/

#pageContents.relaxCnt{width:950px !important;float:none !important;/* padding-bottom:50px; */text-align:center;margin:0 auto;font-family:"游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",Verdana,Helvetica,Arial;font-weight:500;background:#e2e2e2}



/*ttlCnt
---------------------------------------*/
.ttlCnt{color:#333; }
.ttlCnt p{padding:0 5% 5%; text-align:center}
.ttlCnt p br{display:block!important;}

ul.menuCnt{padding: 5% 5% 5%;overflow:hidden}
ul.menuCnt li {float:left;margin: 4% 4% 4% 0;width: 21%;}
ul.menuCnt li:first-child,
ul.menuCnt li:last-child{width: 60%;margin: 0 20%;}
.menuCnt img{width: 100%!important;}


/*ctgcnt
---------------------------------------*/

img.txtlineup{width: 45%!important;margin: 8% 20%;}

/*common*/
.ctgCnt{text-align:center; color:#fff;margin: 0!important;padding: 0!important;/* line-height: 0; *//* display: inline-block; */overflow: hidden;}
.ctgCnt h2 {display:block;text-align:center;border:none!important;line-height: 0;margin: 0!important;padding: 0;}
.ctgCnt h2 img{width:auto!important;text-align:center;/* filter: drop-shadow(0px -26px 8px rgba(0, 0, 0, 0.3)); *//* padding: 12px 0 0; */}
.ctgCnt p.ctgcom{margin: 2% 5% 5%;text-align: center;}
.ctgCnt a,
.ctgCnt a p.Price{color:#e9e0c1 !important;/* text-decoration:underline; */text-align:center;}
.ctgCnt h3{}
.ctgCnt h3 img{height: 80px; width:auto!important;}


/*lineup*/
ul.itemCnt{
    padding: 0 5%!important;
    margin: 0 auto;
}
ul.itemCnt a{text-decoration:none}
ul.itemCnt li{position:relative;}
.itemCnt mark.ricon{width: 50%; background: none;}
.itemCnt p.voice{background:#fff;border-radius:5px;padding: 0px 20px 10px;color:#333;text-align:left;font-size: 14px!important;line-height: 1.6em!important;}
.itemCnt p.voice b{font-weight:bold;font-size: inherit;padding-right:10px;color:#333}

ul.itemCnt.item3col{padding-bottom: 80px!important;text-align: center;}
ul.itemCnt.item3col li{/* background:#fff; */margin: 0 30px 50px 0;padding:0;width: 29%!important;}
ul.itemCnt.item3col li.pickup{position:relative;width: 97%!important;margin: 3% auto 10px;}

ul.itemCnt.item3col .itemCatch{font-size: 15px;padding: 10px 0px;line-height: 1.6em;/* letter-spacing: 1px; */color: #fff;font-weight:bold;display: block;}
ul.itemCnt h3.Name{font-size: 12px;display: block;line-height: 1.7em;/* height: 4.5em; */color: #fff;margin: 15px 0;} 
ul.itemCnt.item3col li img.itemImg{filter: drop-shadow(1px 0px 2px #666);}
ul.itemCnt.item3col li mark.ricon img{width: 100%!important;}

/*ctg01のみ*/
#ctg01 { background:#d2d0ab;}
#ctg01 p.ctgcom{color: #333;}
#ctg01 ul.itemCnt.item3col li{width: 250px!important;display: inline-block;margin-right: 40px;margin-bottom: 50px;}
#ctg01 ul.itemCnt.item3col li.no08,
#ctg01 ul.itemCnt.item3col li.no05{margin-right: 0;}
#ctg01 ul.itemCnt.item3col li mark.ricon{width: 67px;display: block;margin: 10px auto;text-align: center;}
#ctg01 ul.itemCnt.item3col li h3.Name{font-size: 11px;margin: 5px;color: #333;}
#ctg01 ul.itemCnt.item3col li p.voice {font-size: 12px;padding: 8px;}
#ctg01 ul.itemCnt.item3col li h3.Name{font-size: 11px;margin: 5px;color: #333;}
#ctg01 ul.itemCnt.item3col li:last-child,
#ctg01 ul.itemCnt.item3col li.half{width: 70%!important;overflow: hidden;margin: 0 15% 5%;}
#ctg01 ul.itemCnt.item3col li.half img{}
#ctg01 ul.itemCnt.item3col li.half mark.ricon{width: 19%;float: left;margin: 16px 0 10px 100px;text-align: center;}
#ctg01 ul.itemCnt.item3col li.half h3.Name{color: #333;margin: 10px 0 0 0!important;display: inline-block;/* top: -13px; */width: 43%;position: relative;font-size: 12px;}
#ctg01 ul.itemCnt.item3col li.half p.voice{width: 41%;float: left;margin: 20px 0 0 20px;}
#ctg01 ul.itemCnt.item3col li.half img.itemImg{width: 48%;float: left;margin: 0 0 10px;}
#ctg01 ul.itemCnt.item3col li:last-child img.itemImg{width:100%;}
#ctg01 ul.itemCnt.item3col li:last-child mark.ricon{width: 28%;display: inline-block;margin: 10px;}
#ctg01 ul.itemCnt.item3col li:last-child h3.Name{color: #333;margin: 0!important;display: inline-block;top: -35px;width: 60%;position: relative;font-size: 16px;}

/*ctg02のみ*/
#ctg02 {background:#9a988c;}
#ctg02 ul.itemCnt.item3col li img.itemImg{width: 97%!important;display: inline-block;/* margin-right: 10%; */}
#ctg02 ul.itemCnt.item3col li.no03{margin-right: 0;}
#ctg02 ul.itemCnt.item3col li mark.ricon{width: 19%;margin: 15px auto 10px;text-align: center;display: block;}
#ctg02 ul.itemCnt.item3col li p.voice{background: #dddbd1;padding: 10px;}
#ctg02 ul.itemCnt.item3col li p.voice b{color:#ab735d;}
#ctg02 ul.itemCnt.item3col li.no02,
#ctg02 ul.itemCnt.item3col li:last-child{width: 36%!important;margin: 0 20px 0 0!important;}
#ctg02 ul.itemCnt.item3col li.no02 img.itemImg,
#ctg02 ul.itemCnt.item3col li:last-child img.itemImg{width:100%!important;}
#ctg02 ul.itemCnt.item3col li.no02 mark.ricon,
#ctg02 ul.itemCnt.item3col li.no01 mark.ricon{width: 40%}

/*ctg03のみ*/
#ctg03 { background:#f1efd0;}
#ctg03 p.ctgcom{color: #333;}
#ctg03 ul.itemCnt.item3col li{width: 30%!important;display: inline-block;margin-right: 3%!important;overflow: hidden;}
#ctg03 ul.itemCnt.item3col li img{}
#ctg03 ul.itemCnt.item3col li mark.ricon{width: 37%;float: left;margin: 15px 20px 10px 90px;text-align: center;}
#ctg03 ul.itemCnt.item3col li h3.Name{color: #333;margin: 0!important;display: inline-block;/* top: -13px; */width: 100%;position: relative;font-size: 13px;}
#ctg03 ul.itemCnt.item3col li small{display: inline-block;}
#ctg03 ul.itemCnt.item3col li img.likeicon{width: 41%;margin: 17px 10%;}
#ctg03 ul.itemCnt.item3col li img.itemImg{width: 100%;float: left;margin: 0 0 10px;}

/*ctg04のみ*/
#ctg04 { background: #d2b6ab;}
#ctg04 p.ctgcom{color: #333;}
#ctg04 ul.itemCnt.item3col li{width: 30%!important;display: inline-block;margin-right: 3%!important;overflow: hidden;}
#ctg04 ul.itemCnt.item3col li h3.Name{color: #333; text-decoration:underline; text-align: left;}
#ctg04 ul.itemCnt.item3col li mark.ricon{width: 30%;float: left;margin: 15px 35%;text-align: center;}

/*ctg05のみ*/
#ctg05 { background: #9a988c;}
#ctg05 ul.itemCnt.item3col li{width: 30%!important;display: inline-block;margin-right: 3%!important;overflow: hidden;}
#ctg05 ul.itemCnt.item3col li mark.ricon{width: 35%;margin: 15px auto 10px;text-align: center;display: block;}
#ctg05 ul.itemCnt.item3col li p.voice{background: #908e77;color:#fff;padding-top: 10px;}
#ctg05 ul.itemCnt.item3col li p.voice b{color:#fff;}

/*ctg06のみ*/
#ctg06 { background: #8aacbc;}
#ctg06 ul.itemCnt{padding: 0 5%;}
#ctg06 ul.itemCnt.item3col li{width: 48%!important;display: inline-block;margin-right: 10%;overflow: hidden;padding: 20px 0;margin: 0 1% 1% 0;background: #7393a3;}
#ctg06 ul.itemCnt.item3col li:nth-child(odd){/* background:#617f8e; *//* background: #617f8e; */}
#ctg06 ul.itemCnt.item3col li p.catch{font-weight: bold;font-size: 19px;text-align: left;clear: both;margin: 10px 0 2px 18px;letter-spacing: 1px;color:#fbcf00;}
#ctg06 ul.itemCnt.item3col li img{}
#ctg06 ul.itemCnt.item3col li mark.ricon{width: 18%;float: left;margin: 15px 0 10px 20px;text-align: center;}
#ctg06 ul.itemCnt.item3col li h3.Name{color: #fff;/* margin: 0!important; */display: inline-block;margin-top: 12px;width: 66%;position: relative;font-size: 12px;text-align: left;line-height: 1.2em;}
#ctg06 ul.itemCnt.item3col li small{display: inline-block;}
#ctg06 ul.itemCnt.item3col li p.voice{background:none;margin-top: 40px;color:#fff}
#ctg06 ul.itemCnt.item3col li img.itemImg{width: 48%;float: left;margin: 20px;}
#ctg06 ul.itemCnt.item3col li:nth-child(n+7){width: 97%!important;}
#ctg06 ul.itemCnt.item3col li:nth-child(n+7) img.itemImg{width: 94%;}
#ctg06 ul.itemCnt.item3col li:nth-child(n+7) mark.ricon{width: 20%;float: left;margin: 15px 40%;text-align: center;}
#ctg06 ul.itemCnt.item3col li:nth-child(n+7) h3.Name{margin: 0!important;display: inline-block;/* top: -13px; */width: 60%;position: relative;font-size: 13px;text-align: center;}
#ctg06 ul.itemCnt.item3col li:nth-child(n+7) p.catch{text-align: center!important;font-size: 28px;}
#ctg06 ul.itemCnt.item3col li:nth-child(n+7) p.voice{margin:0 80px}


h2.bangaictg{}
h2.bangaictg img{width: 50%!important;
    margin: 100px 0 0 0;
}
#ctg06 ul.itemCnt.item3col.bangai {}
#ctg06 ul.itemCnt.item3col.bangai li {width: 29%!important;background: none;}
#ctg06 ul.itemCnt.item3col.bangai li img.itemImg{width: 82%;float: left;margin: 10px;}
#ctg06 ul.itemCnt.item3col.bangai li  h3.Name{
    width: 80%;
    margin: 0;
    line-height: 1.5em;
}
#ctg06 ul.itemCnt.item3col.bangai li p{font-weight:bold;color:#fff;margin-right: 30px;text-align: center;}
/*----------------------------
scroll_up ｜下から上へ出現
----------------------------*/
.scroll_up {
  transition: 0.8s ease-in-out;
  transform: translateY(30px);
  opacity: 0;
}
.scroll_up.on {
  transform: translateY(0);
  opacity: 1.0;
}


@keyframes fadeIn{
	from{opacity: 0;}
	to{opacity: 1;}
}
@keyframes fadeOut{
	from{opacity: 1;}
	to{opacity: 0;}

}
.itemInfo{
	padding: 0 10px 0px;
	text-decoration: underline;
}

@media screen and (orientation: landscape) {
}

@media (min-width: 480px) and (max-width:767px) {

}

@media (min-width: 768px){
}