@charset "utf-8";
@font-face {
    font-family: "FontAwesome";
    src:  url("/moetaku/_assets/fonts/fontawesome-webfont.woff") format("woff");
}

body	{    }
.pc		{ display:block; }
.sp 		{ display:none; !important;}

#mainImage	{ display:table; /display:inline; /zoom:1; text-align:center; width:100%; padding:0px; border:1px solid #e0c9f7; background:#ffffff url(/special/ranking2022/img/bg_ranking2022.gif) repeat-x; }
#mainTitle	{ font-size:28px;text-align:center; }
#mainTitle2	{ font-size:20px;text-align:center; }

#mainArea 	{width:90% !important;margin:0 auto 30px;}
#mainImage img	{width:750px !important;}
#mainWrap	{min-width:750px !important;margin-top:10px;width: 100%;font-family: 'Meiryo', sans-serif;}


/*---------------------------------------------
04. common
---------------------------------------------*/
.m0		{ margin: 0 !important; }
.mat0	{ margin-top: 0 !important; }
.mat1	{ margin-top: 1em !important; }
.mat5	{ margin-top: 5px !important; }
.mat10	{ margin-top: 10px !important; }
.mat15	{ margin-top: 15px !important; }
.mat20	{ margin-top: 20px !important; }
.mat25	{ margin-top: 25px !important; }
.mat30	{ margin-top: 30px !important; }
.mat35	{ margin-top: 35px !important; }
.mat40	{ margin-top: 40px !important; }
.mat50	{ margin-top: 50px !important; }
.mab0	{ margin-bottom: 0 !important; }
.mab1	{ margin-bottom: 1em !important; }
.mab5	{ margin-bottom: 5px !important; }
.mab10	{ margin-bottom: 10px !important; }
.mab15	{ margin-bottom: 15px !important; }
.mab20	{ margin-bottom: 20px !important; }
.mab25	{ margin-bottom: 25px !important; }
.mab30	{ margin-bottom: 30px !important; }
.mab40	{ margin-bottom: 40px !important; }
.mab50	{ margin-bottom: 50px !important; }
.mar0	{ margin-right: 0 !important; }
.mar1	{ margin-right: 1em !important; }
.mar5	{ margin-right: 5px !important; }
.mar10	{ margin-right: 10px !important; }
.mar15	{ margin-right: 15px !important; }
.mar20	{ margin-right: 20px !important; }
.mar30	{ margin-right: 30px !important; }
.mal0	{ margin-left: 0 !important; }
.mal1	{ margin-left: 1em !important; }
.mal5	{ margin-left: 5px !important; }
.mal10	{ margin-left: 10px !important; }
.mal15	{ margin-left: 15px !important; }
.mal20	{ margin-left: 20px !important; }
.mal30	{ margin-left: 30px !important; }
.mmat20	{ margin-top: -20px !important; }

.p0		{ padding: 0 !important; }
.pat0	{ padding-top: 0 !important; }
.pat1	{ padding-top: 1em !important; }
.pat5	{ padding-top: 5px !important; }
.pat10	{ padding-top: 10px !important; }
.pat15	{ padding-top: 15px !important; }
.pat20	{ padding-top: 20px !important; }
.pat25	{ padding-top: 25px !important; }
.pat30	{ padding-top: 30px !important; }
.pat40	{ padding-top: 40px !important; }
.pat50	{ padding-top: 50px !important; }
.pab0	{ padding-bottom: 0 !important; }
.pab1	{ padding-bottom: 1em !important; }
.pab5	{ padding-bottom: 5px !important; }
.pab10	{ padding-bottom: 10px !important; }
.pab15	{ padding-bottom: 15px !important; }
.pab20	{ padding-bottom: 20px !important; }
.pab25	{ padding-bottom: 25px !important; }
.pab30	{ padding-bottom: 30px !important; }
.pab40	{ padding-bottom: 40px !important; }
.pab50	{ padding-bottom: 50px !important; }
.par0	{ padding-right: 0 !important; }
.par1	{ padding-right: 1em !important; }
.par5	{ padding-right: 5px !important; }
.par10	{ padding-right: 10px !important; }
.par15	{ padding-right: 15px !important; }
.par20	{ padding-right: 20px !important; }
.par30	{ padding-right: 30px !important; }
.pal0	{ padding-left: 0 !important; }
.pal1	{ padding-left: 1em !important; }
.pal5	{ padding-left: 5px !important; }
.pal10	{ padding-left: 10px !important; }
.pal15	{ padding-left: 15px !important; }
.pal20	{ padding-left: 20px !important; }
.pal30	{ padding-left: 30px !important; }

.tal	{ text-align: left !important; }
.tac	{ text-align: center !important; }
.tar	{ text-align: right !important; }
.fw		{ font-weight: bold !important; }
.fwn	{ font-weight: normal !important; }

.clearfix	{clear:both !important;}

.mod-social 				{ float:right; padding-top:8px; }
.mod-social li 				{ float:left; margin-right:5px; }
.mod-social li.gPlus 		{ width:70px; overflow:hidden; }
.mod-social li.twitter 		{ width:90px; overflow:hidden; }
.mod-social li.facebook 	{ width:105px; overflow:hidden; }

.sumRank dl					{ margin-top:10px; float:left; width:24%; height:auto; border:1px solid #e5e5e5; box-sizing:border-box; margin-right:1%; border-radius:7px; -webkit-border-radius:7px; -moz-border-radius:7px; text-align:left;}
.sumRank dl dt				{ position:relative; padding-left:2px; background:#836cd1 url("../img/bg_b_l.gif") no-repeat left top; zoom:1; color:#ffffff; }
.sumRank dl dt h3			{ padding:5px 5px 5px 5px; font-size:16px;color:#fff; background:#836cd1 url("../img/bg_b_r.gif") no-repeat right top; text-align:center; }
.sumRank dl dt a			{ color:#ffffff; font-weight:700 !important;  text-align:center}
.sumRank dl dd				{ padding:10px; }
.sumRank dl dd span			{ background-color:#cd191e; font-size:14px; color:#ffffff; font-weight:bold; padding: 1px 8px; }
.sumRank dl .titleName 	{height:110px !important;font-size:14px !important;line-height:1.6;}
.sumRank dl .titleName a	{ text-align:left  !important; font-size:14px;font-weight:700 !important;line-height:1.6;}
.sumRank dl .titleImage		{ padding-top:15px; height:180px;  margin:0 auto;text-align:center;}
.sumRank dl .titleImage img		{ width:100px; margin:0 auto;}
.sumRank dl dd.titleText		{ text-align:left; padding-top:15px;font-size:12px;}

.topRank ul					{ padding:10px 4%; border-top:1px dotted #c0c0c0; }
.topRank ul li					{ margin-bottom:20px; }
.topRank ul .titleImage		{ text-align:center; float:left; width:180px; }
.topRank ul .titleImage img		{ width:180px;}
.topRank ul .titleDetail	{ padding-top:50px; line-height:22px; margin-left:190px;text-align:left;width: calc(100% - 350px); }
.topRank ul .titleDetail dt	{ padding:0px 0 0 15px;}
.topRank ul .titleDetail dt a	{ font-size:120%;font-weight:700;}
.topRank ul .titleText		{ width:350px; padding-top:50px; float:right; margin-left:5px !important;text-align:left;}
.topRank ul .titleText div	{ border:1px solid #c0c0c0; padding:10px; margin-bottom:10px;font-size:90% !important; }
.topRank dd 				{ padding-left:15px; }
.topRank dl .titlePrice 	{ color:#eb8787; font-weight:bold; }


.topRank2 ul					{ padding:10px 4%; border-top:1px dotted #c0c0c0; }
.topRank2 ul li					{ margin-bottom:20px; }
.topRank2 ul .titleImage		{ text-align:center; float:left; width:180px;}
.topRank2 ul .titleImage img		{ width:180px;}
.topRank2 ul .titleDetail	{ padding-top:50px; line-height:22px; margin-left:190px;text-align:left; width:auto; }
.topRank2 ul .titleDetail dt	{ padding:0px 0 0 15px;}
.topRank2 ul .titleDetail dt a	{ font-size:120%;font-weight:700;}

.topRank2 ul .titleText		{ width:350px; margin-top:-25px !important; float:right; margin-left:5px !important;text-align:left;}
.topRank2 ul .titleText div	{ border:1px solid #c0c0c0; padding:10px; margin-bottom:10px;font-size:90% !important; }
.topRank2 dd 				{ padding-left:15px; }
.topRank2 dl .titlePrice 	{ color:#eb8787; font-weight:bold; }

.middleRank					{ margin-top:20px; }
.middleRank dl				{ width:32%; float:left; margin-right:1%; margin-bottom:10px;}
.middleRank ul				{ padding:8px;height:auto; }
.middleRank ul li			{ float:left; }
.middleRank .titleImage  {margin:10px 0;display:block; }
.middleRank .titleImage  img	{ width:90px !important;}
.middleRank .titleDetail	{ word-break:break-all; text-align:left; width:calc(100% - 90px); padding-top:10px; }
.middleRank .titleDetail dt a	{ font-size:16px; font-weight:700;}
.middleRank .titleDetail dt	{ padding-bottom:5px;}
.middleRank .titleDetail dl	{ width:100%; padding-left:5px; }
.middleRank .titleDetail dd	{ padding-left:5px; line-height:18px; font-size:14px;}
.middleRank .titleDetail dd a	{ font-size:12px;}

.middleRank .block {
    border: none !important;
    border-radius:none !important;
}


.middleRank2					{ margin-top:20px; }
.middleRank2 dl				{ width:32%; float:left; margin-right:1%; }
.middleRank2 ul				{ padding:8px; }
.middleRank2 ul li			{ float:left; }
.middleRank2 .titleRatio		{ width:100%; }
.middleRank2 .titleImage img	{ width:90px;}
.middleRank2 .titleDetail	{ word-break:break-all;text-align:left;}
.middleRank2 .titleDetail dt	{ padding-bottom:5px;padding-left:5px;}
.middleRank2 .titleDetail dl	{ width:100%; padding-left:5px; }
.middleRank2 .titleDetail dd	{ padding-left:5px; line-height:22px; }
.middleRank2 .block {
    border: none !important;
    border-radius:none !important;
}



.bottomRank					{ margin-top:20px; }
.bottomRank dl				{ width:24%; float:left; margin-right:1%;}
.bottomRank ul				{ padding:5px;}
.bottomRank .titleImage		{ margin:10px 0 0;text-align:center; height:150px !important;}
.bottomRank .titleImage img	{ width:90px;}
.bottomRank .titleDetail	{ word-break:break-all; text-align:left;}
.bottomRank .titleDetail dl	{ width:100%; }
.bottomRank .titleDetail dt	{ padding-bottom:5px; }
.bottomRank .titleDetail dt a	{  font-size:14px; font-weight:700;}
.bottomRank .titleDetail dd	{ padding-left:5px; line-height:18px; word-break:break-all; text-align:left;font-size:12px; }
.bottomRank .titleDetail dd a	{ font-size:12px;}

.bottomRank .block {
    border: none !important;
    border-radius:none !important;
}


.bottomRank2					{ margin-top:20px; }
.bottomRank2 dl				{ width:24%; float:left; margin-right:1%; }
.bottomRank2 ul				{ padding:5px; }
.bottomRank2 .titleImage		{ text-align:center; }
.bottomRank2 .titleImage img	{ width:90px;}
.bottomRank2 .titleDetail dl	{ width:100%; }
.bottomRank2 .titleDetail dt	{ padding-bottom:5px; }
.bottomRank2 .titleDetail dd	{ padding-left:5px; line-height:22px; word-break:break-all; }
.bottomRank2 .writer .block	{ height:500px; }
.bottomRank2 .block {
    border: none !important;
    border-radius:none !important;
}

.otherRank					{ padding:50px 0 !important;width:100%;overflow: hidden;}
.otherRank dl				{ border:1px solid #bfbfbf;width:100%;}
.otherRank ul				{ border-top:1px solid #bfbfbf; }
.otherRank ul li			{ float:left; padding-top:5px;}
.otherRank .col1			{ width:7%; text-align:center; font-weight:bold; padding-top:10px; font-size:14px;}
.otherRank .col2			{ width:30%; padding:10px 0; font-weight:bold; font-size:14px; text-align:left;word-break:break-all;  }
.otherRank .col2 a			{font-weight:bold;  line-height:20px; font-size:14px;word-break:break-all; }
.otherRank .col3			{ width:13%;  padding:10px 0; line-height:20px;font-size:14px;word-break:break-all;text-align:left; margin-left:8px;}
.otherRank .col4			{ width:10%;  padding:10px 0; line-height:20px;font-size:14px;word-break:break-all; text-align:left;  margin-left:8px;}
.otherRank .col5			{ width:12%; font-weight:bold; color:#eb8787; text-align:right; padding:10px 0;padding-right:5px; font-size:14px;word-break:break-all; margin-left:8px; }
.otherRank .col6			{ width:175px;padding:10px 0 ;position:relative;right:0;float:right;margin-right:10px;}

.otherRank .col7			{ width:20%; font-weight:bold;}
.otherRank .col8			{ width:70%; }
.otherRank .col9			{ width:25%; font-weight:bold;padding-left:10px;}
.otherRank .col10			{ width:60%; padding-left:5px;}

.otherRank .header			{ background-color:#e9e9e9; height:50px; font-weight:bold;padding:5px 0; }
.otherRank .header .col2			{ text-align:center; }
.otherRank .header .col3			{ font-weight:bold;font-size:14px; text-align:left; }
.otherRank .header .col4			{ font-weight:bold;font-size:14px; text-align:left; }
.otherRank .header .col5			{ text-align:right; }
.otherRank .header ul		{ border-top:none; }

.oldRank ul					{ border:1px solid #b3b3b3;width:100%; padding:5px 10px 10px 10px;box-sizing:border-box; }
.oldRank ul li				{ float:left; width:25%;text-align:left; }

.cdDetail			{ margin-top:-13px; }
.arrowGreen			{ background:url("/special/img/bt_cart_tid_05.gif") no-repeat left center; zoom:1; position:relative; padding:0px 0px 2px 20px !important; margin:5px 0 0 0; font-weight:bold;}

.arrowPink			{ background:url("/special/img/b_arrow_p2.gif") no-repeat left top; zoom:1; position:relative; padding:3px 0px 0 15px; font-weight:bold; }
.price				{ color:#eb8787; font-weight:bold; }
.backNumber			{ font-weight:bold; padding-top:15px;}
.backNumber a			{ font-weight:bold; padding-top:20px;}
.backNumber p		{ line-height:24px; text-align:left; margin-left:auto; width:250px; }
.yerrowTitle		{ position:relative; padding-left:2px; background:#ffe57d url("../../img/bg_yerrow_l.gif") no-repeat left top; zoom:1; }
.yerrowTitle p		{ padding:5px 5px 5px 5px; font-weight:600; color:#000; background:#ffe57d url("../../img/bg_yerrow_r.gif") no-repeat right top; text-align:center; }
.yerrowTitle h3		{ padding:5px 5px 5px 5px; font-weight:600; color:#000; background:#ffe57d url("../../img/bg_yerrow_r.gif") no-repeat right top; text-align:center; }


.blueTitle				{ position: relative; padding-left: 2px; background:#836cd1 url("/special/ranking2022/img/bg_b_l.gif") no-repeat left top; zoom: 1; }
.blueTitle h3			{ padding: 5px; font-weight: bold; color: #fff; background:#836cd1 url("/special/ranking2022/img/bg_b_r.gif") no-repeat right top;}



.itemName dl:after	{ clear:both; }
.itemName dt		{ position:relative; /zoom:1; float:left; }
.itemName dd		{ margin-left:15px;padding-top:3px;}
.itemName dd  a		{ font-weight:700 !important;font-size:14px;}


#special .itemList2 			{ margin: 0 auto; width: 100%; text-align: left; }
#special .itemList2 ul 		{ width: 100%; border-left: dotted 1px #d3d3d3; }
#special .itemList2 ul li	{ width: 20%; height:260px;float: left; padding:10px 5px 10px 0; border-right: dotted 1px #d3d3d3;border-bottom: dotted 1px #d3d3d3;  box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
#special .itemList2 dt		{ position: static; float: none; margin-left: 0;}
#special .itemList2 dd 		{ text-align: left; margin-left: 0px; margin-top: 10px; padding-left: 15px; background: clear: both; }

.fs12	{font-size:12px !important;}
.lh12	{line-height:12px;}



/* ボタン */
.application {
    position: relative;
    display: table;
    width: 90%;
    height: 35px;
    text-align: center;
    margin:  10px auto;
}
.application > .app_btn {
    display: table-cell;
    width: 100%;
    height: 35px;
    color:#fff;
    background-color: #cc0000;
    line-height: 36px;
    font-size: 95%;
    font-family: 'Noto Sans';
    text-decoration: none;
    margin: 0;
    border-radius: 35px;
    vertical-align: middle;
    font-weight:700;
    padding-left:-10px;
}
.application > a.app_btn:hover{ opacity:0.6;}
.app_btn.arrow_right { position: absolute;}
.app_btn.arrow_right:before {
    position: absolute;
    top: 0;
    right: 7px;
    font-size: 120%;
    font-family: 'Fontawesome';
    content: "\f138";
}

/* ボタン2 */
.application2 {
    position: relative;
    display: table;
    width: 200px;
    height: 35px;
    text-align: center;
    margin: 0;
}
.application2 > .app_btn2 {
    display: table-cell;
    width: 100%;
    height: 35px;
    color:#fff;
    background-color: #cc0000;
    line-height: 36px;
    font-size: 95%;
    font-family: 'Noto Sans';
    text-decoration: none;
    margin: 0;
    border-radius: 35px;
    vertical-align: middle;
    font-weight:700;
    padding-left:-10px;
}
.application2 > a.app_btn2:hover{ opacity:0.6;}
.app_btn2.arrow_right2 { position: absolute;}
.app_btn2.arrow_right2:before {
    position: absolute;
    top: 0;
    right: 7px;
    font-size: 120%;
    font-family: 'Fontawesome';
    content: "\f138";
}
/* ボタン3 */
.application3 {
    position: relative;
    display: table;
    width: 200px;
    height: 35px;
    text-align: center;
    margin: 0;
}
.application3 > .app_btn3 {
    display: table-cell;
    width: 100%;
    height: 35px;
    color:#fff;
    background-color: #79b200;
    line-height: 36px;
    font-size: 95%;
    font-family: 'Noto Sans';
    text-decoration: none;
    margin: 0;
    border-radius: 35px;
    vertical-align: middle;
    font-weight:700;
    padding-left:-10px;
}
.application3 > a.app_btn3:hover{ opacity:0.6;}
.app_btn3.arrow_right3 { position: absolute;}
.app_btn3.arrow_right3:before {
    position: absolute;
    top: 0;
    right: 7px;
    font-size: 125%;
    font-family: 'Fontawesome';
    content: "\f138";
}
/* ボタン4 */
.application4 {
    position: relative;
    display: table;
    width: 94%;
    height: 35px;
    text-align: center;
    margin: 0 auto;
    padding-left:3%;
}
.application4 > .app_btn4 {
    display: table-cell;
    width: 100%;
    height: 35px;
    color:#fff;
    background-color: #cc0000;
    line-height: 36px;
    font-size: 95%;
    font-family: 'Noto Sans';
    text-decoration: none;
    margin: 0 auto;
    border-radius: 35px;
    vertical-align: middle;
    font-weight:700;
}
.application4 > a.app_btn4:hover{ opacity:0.6;}
.app_btn4.arrow_right4 { position: absolute;}
.app_btn4.arrow_right4:before {
    position: absolute;
    top: 0;
    right: 7px;
    font-size: 120%;
    font-family: 'Fontawesome';
    content: "\f138";
}
/* ボタン5 */
.application5 {
    position: relative;
    display: table;
    width: 94%;
    height: 35px;
    text-align: center;
    margin: 0 auto;
    padding-left:3%;
}
.application5 > .app_btn5 {
    display: table-cell;
    width: 100%;
    height: 35px;
    color:#fff;
    background-color: #79b200;
    line-height: 36px;
    font-size: 95%;
    font-family: 'Noto Sans';
    text-decoration: none;
    margin: 0;
    border-radius: 35px;
    vertical-align: middle;
    font-weight:700;
}
.application5 > a.app_btn5:hover{ opacity:0.6;}
.app_btn5.arrow_right5 { position: absolute;}
.app_btn5.arrow_right5:before {
    position: absolute;
    top: 0;
    right: 7px;
    font-size: 120%;
    font-family: 'Fontawesome';
    content: "\f138";
}

/* ボタン6 */
.application6 {
    position: relative;
    display: table;
    height: 30px;
    text-align: center;
    right:0;
    margin-left:10px;
    width:165px;
    
}
.application6 > .app_btn6 {
    display: table-cell;
    width: 100%;
    height: 30px;
    color:#fff;
    background-color: #cc0000;
    line-height: 30px;
    font-size: 95%;
    font-family: 'Noto Sans';
    text-decoration: none;
    margin: 0;
    border-radius: 35px;
    vertical-align: middle;
    font-weight:700;
    padding-left:-10px;
}
.application6 > a.app_btn6:hover{ opacity:0.6;}
.app_btn6.arrow_right6 { position: absolute;}
.app_btn6.arrow_right6:before {
    position: absolute;
    top: 0;
    right: 7px;
    font-size: 120%;
    font-family: 'Fontawesome';
    content: "\f138";
}

/* ボタン7 */
.application7 {
    position: relative;
    display: table;

    height: 30px;
    text-align: center;
    right:0;
    margin-left:10px;
    width:165px;
}
.application7 > .app_btn7 {
    display: table-cell;
    width: 100%;
    height: 30px;
    color:#fff;
    background-color: #79b200;
    line-height: 30px;
    font-size: 95%;
    font-family: 'Noto Sans';
    text-decoration: none;
    margin: 0;
    border-radius: 35px;
    vertical-align: middle;
    font-weight:700;
    padding-left:-10px;
}
.application7 > a.app_btn7:hover{ opacity:0.6;}
.app_btn7.arrow_right7 { position: absolute;}
.app_btn7.arrow_right7:before {
    position: absolute;
    top: 0;
    right: 7px;
    font-size: 120%;
    font-family: 'Fontawesome';
    content: "\f138";
}

/* ボタン8 */
.application8 {
    position: relative;
    display: table;
    width: 90%;
    height: 55px;
    text-align: center;
    margin:  10px auto;
}
.application8 > .app_btn8 {
    display: table-cell;
    width: 100%;
    height: 55px;
    color:#fff;
    background-color: #836cd1;
    line-height: 1.2;
    font-size: 110%;
    font-family: 'Noto Sans';
    text-decoration: none;
    margin: 0;
    border-radius: 35px;
    vertical-align: middle;
    font-weight:700;
    padding-left:-10px;
    padding-top:10px;
}
.application8 > a.app_btn8:hover{ opacity:0.6;}
.app_btn8.arrow_right { position: absolute;}
.app_btn8.arrow_right:before {
    position: absolute;
    top: 15px;
    right: 7px;
    font-size: 110%;
    font-family: 'Fontawesome';
    content: "\f138";
}

/* モーダルウインドウ */
#modalbox	 { margin:0 auto; display:none; position:absolute; z-index:1000; width:320px; height:160px; padding:10px 12px; background:#fff; border:1px solid #f5f5f5; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; left:0; right:0;  }
#overlay	 { opacity:0; filter:alpha(opacity=0); position:fixed; top:0; left:0; z-index:900; width:100%; height:120%; background:#000; }
#close		 { text-decoration:none; }

#modalbox #titleName			{ font-weight:bold; font-size:14px; }
#modalbox #postage_ModalBox     { opacity: 0; visibility: hidden; transition: opacity 0.3s ease-out, visibility 0.3s ease-out; }
#modalbox #postage_ModalBox.visible { opacity: 1; visibility: visible; }
#modalbox #postage_Modal		{ margin:20px 5px 0; color:#ff0000; font-size:14px; }
#modalbox #postageinfo_Modal,
#modalbox #postageinfo2_Modal	{ text-decoration:underline; }
#modalbox #postagej3c_Modal		{ margin:5px 0 10px; }



@media (max-width: 768px) {
	/*---------------------------------------------
	ranking
	---------------------------------------------*/
	body	{ min-width:100% !important; }

	.pc		{ display:none; }
	.sp		{ display:block; font-size:14px; line-height:1.5; }
	.fs12	{font-size:12px;}
	.mabsp		{margin-bottom:35px;}
	.mab80sp		{margin-bottom:80px;}
	.mab70sp		{margin-bottom:70px;}
	.column2 			{ float:none; margin:0; width:auto; }
	.column2 #side		{ display:none; }
	.column2 #main		{ position:static; margin:0; }
	.column2 #content 	{ border:none; }
	
	#mainImage					{ width: 100%; }
	#mainImage img				{ width:100%; height:100%; }

	
	#mainArea 	{width:95% !important;margin:0 auto;}
	#mainWrap	{min-width:100% !important;margin-top:10px;}

	
	
	
	#top #main .pinkTitle h3	{ font-size:20px; padding: 0;}

	
	.sumRank dl					{ width: 50%; height:auto; float:left;margin-right:0;}
	.sumRank dl dd span			{ font-size:12px; padding: 1px 6px; }
	.sumRank dl .titleName		{ text-align:left; height:40px; font-size:14px;}
	.sumRank dl .titleImage		{ padding-top:10px; height:170px; }
	.sumRank dl .titleText		{ text-align:left; padding-top:15px;}

	

	
	.topRank ul					{ padding:10px 2%; border-bottom:none;}
	.topRank ul li					{ margin-bottom:10px; }
	.topRank ul .titleDetail	{ padding-top:0px; margin-right:0px; margin-left: 110px;width:auto;}
	.topRank ul .titleDetail dt a	{ font-size:110%;}
	.topRank ul .titleText 		{ float:left; padding-top:0px; width: 100%; text-align: center; margin-top:5px; margin-left: 0px !important;margin-bottom:20px !important;}
	.topRank ul .titleText img	{ height:79px; }
	.topRank ul .titleText div 	{ padding:5px; margin-top: 5px; margin-bottom:0px; text-align: left;}
	.topRank ul .titleImage		{ width: 110px; padding-left: 5px;margin-bottom:20px;}
	.topRank ul .titleImage img	{ width:100px !important; }
	

	.topRank2 ul					{ padding:10px 2%; border-bottom:none;}
	.topRank2 ul li					{ margin-bottom:10px; }
	.topRank2 ul .titleDetail	{ padding-top:0px; margin-right:0px; margin-left: 110px;width:auto;}
	.topRank2 ul .titleDetail dt a	{ font-size:110%;}
	.topRank2 ul .titleText 		{ float:left; margin-top:0px !important; width: 100%; text-align: center; margin-top:5px; margin-left: 0px !important;margin-bottom:20px !important;}
	.topRank2 ul .titleText img	{ height:79px; }
	.topRank2 ul .titleText div 	{ padding:5px; margin-top: 5px; margin-bottom:0px; text-align: left;}
	.topRank2 ul .titleImage		{ width: 110px; padding-left: 5px;margin-bottom:20px;}
	.topRank2 ul .titleImage img	{ width:100px !important; }
	

	.middleRank					{ margin-top:20px; }
	.middleRank dl				{ width:100%; float:left; margin-right:0; margin-top:10px; }
	.middleRank ul				{ padding:8px; }
	.middleRank .titleImage  {margin:10px 0;width:26%;height:150px !important; }
	.middleRank .titleDetail	{ width:74%;  }
	.middleRank .titleDetail dt a	{ font-size:14px;}
	.middleRank .titleDetail dt	{ padding-bottom:5px; }
	.middleRank .titleDetail dl	{ width:100%; padding-left:5px; }
	
	.middleRank2 dt				{ font-size:100%; }
	.middleRank2 dl 				{ width: 100%; }
	.middleRank2 .block			{ height:auto; }

	.bottomRank 				{ margin-top: 0; }
	.bottomRank .titleImage  {margin:10px 0;width:26%;height:auto; }
	.bottomRank dl 				{ width: 100%;  float:left; margin-top:10px;}
	.bottomRank ul li			{ float:left; }
	.bottomRank .titleDetail	{ width: 70%;margin-left:10px; margin-bottom:10px;}
	.bottomRank .titleRatio		{ width:100%; }
	.bottomRank .block			{ height:auto; }

	.bottomRank2 				{ margin-top: 0; }
	.bottomRank .titleImage img	{ width:85px;margin-left:5px;}
	.bottomRank2 dl 				{ width: 100%; }
	.bottomRank2 ul li			{ float:left; }
	.bottomRank2 .titleDetail	{ float:left; width: 68%; margin-left:5px; }
	.bottomRank2 .titleRatio		{ width:100%; }
	.bottomRank2 .block			{ height:auto; }

	.otherRank 					{ padding:0 5px; font-size:12px;}
	.otherRank .col1			{ width:15%; }
	.otherRank .col2 a			{ text-align:left;font-size:12px;}
	.otherRank .col2			{ width:40%; line-height:18px;padding-right:3px;padding-bottom:5px;font-size:12px;}
	.otherRank .col3			{ width:20%;  font-size:12px;margin-left:5px;}
	.otherRank .col5			{ width:20%; text-align:right;padding-right:3px !important;}
	.otherRank .col6			{ width:40%;float:right;}



	.oldRank					{ padding:0 5px; font-size: 87%; }
	.oldRank ul					{ padding: 5px 5px 10px 5px; }
	.oldRank ul li				{ width:50%;  }
	
	.cdDetail 					{ margin-top: -0px; }

#mainTitle	{ font-size:18px;text-align:center; }
#mainTitle2	{ font-size:16px;text-align:center; }
	
.blueTitle				{ position: relative; padding-left: 2px; background:#836cd1 url("/special/ranking2022/img/bg_b_l.gif") no-repeat left top; zoom: 1; }
.blueTitle h3			{ padding: 5px; font-weight: bold; color: #fff; background:#836cd1 url("/special/ranking2022/img/bg_b_r.gif") no-repeat right top;}

.itemName dd  a		{ font-weight:700 !important;font-size:12px;}


.backNumber			{ font-size:12px;}
.backNumber a			{ font-size:12px;}
.backNumber p		{ line-height:20px; width:200px; }
	
	
	#special .itemList2 ul li	{ width: 50%; }
	
	.clearfix:after,
	.scroll ul:after	{ content:" "; clear:both; display:block; height:0; }


	#pagetop	{ position:fixed; right:10px; bottom:10px; z-index:100; }


/* ボタン4 */
.application4 {
    width: 80%;
    padding-left:0%;
}

/* ボタン5 */
.application5 {
    width: 80%;
    padding-left:0%;
}

/* ボタン6 */
.application6 {
    position: relative;
    display: table;
    width: 100%;
    height: 25px;
    text-align: center;
    right:0;
    margin-left:0;

    
}
.application6 > .app_btn6 {
    display: table-cell;
    width: 100%;
    height: 25px;
    color:#fff;
    background-color: #cc0000;
    line-height: 25px;
    font-size: 80%;
    font-family: 'Noto Sans';
    text-decoration: none;
    margin: 0;
    border-radius: 35px;
    vertical-align: middle;
    font-weight:700;
}
.application6 > a.app_btn6:hover{ opacity:0.6;}
.app_btn6.arrow_right6 { position: absolute;}
.app_btn6.arrow_right6:before {
    position: absolute;
    top: 0;
    right: 5px;
    font-size: 110%;
    font-family: 'Fontawesome';
    content: "\f138";
}

/* ボタン7 */
.application7 {
    position: relative;
    display: table;
    width: 100%;
    height: 25px;
    text-align: center;
    right:0;
    margin-left:0;
}
.application7 > .app_btn7 {
    display: table-cell;
    width: 100%;
    height: 25px;
    color:#fff;
    background-color: #79b200;
    line-height: 25px;
    font-size: 80%;
    font-family: 'Noto Sans';
    text-decoration: none;
    margin: 0;
    border-radius: 35px;
    vertical-align: middle;
    font-weight:700;
    padding-left:-10px;
}
.application7 > a.app_btn7:hover{ opacity:0.6;}
.app_btn7.arrow_right7 { position: absolute;}
.app_btn7.arrow_right7:before {
    position: absolute;
    top: 0;
    right: 5px;
    font-size: 110%;
    font-family: 'Fontawesome';
    content: "\f138";
}

/* ボタン8 */
.application8 {
    width: 95%;
    height: 45px;
}
.application8 > .app_btn8 {
    width: 100%;
    height: 45px;
    line-height: 1.2;
    font-size: 110%;
    padding-top:5px;
}
.application8 > a.app_btn8:hover{ opacity:0.6;}
.app_btn8.arrow_right { position: absolute;}
.app_btn8.arrow_right:before {
    top: 11px;
}



}