/* ! ---------- リセット等 ---------- ---------- ---------- ---------- */ ._sp { display: none;} .w100p{width: 100%;} @media only screen and (max-width: 667px){ ._pc { display: none; } ._sp { display: block; } } /* メイン */ #area20250418 { width: 1200px; margin: 0 auto 40px auto; font-size:14px;} #area20250418 p, #area20250418 ul, #area20250418 li, #area20250418 div, #area20250418 a { margin: 0; padding: 0; font-size:100%; line-height: inherit; box-sizing: border-box; text-decoration: none;} #area20250418 ul { list-style: none;} #area20250418 table { border-collapse: collapse; border-spacing: 0;} #area20250418 th, #area20250418 td { text-align:left; font-weight: normal;box-sizing: border-box;} /* ! ---------- 共通要素 ---------- ---------- ---------- ---------- */ /* パンくず調整 */ .locationArea a { color: #0077dd; text-decoration:none;} .locationArea a:hover {text-decoration: underline;} /* シェア */ #area20250418 .social { margin: 10px 0 0 0; text-align: right;} #area20250418 .social .social_tw { display: inline-block; width:80px; height:20px; background:url(/contents/nikki/event/20250418/images/social_tw.png) left top no-repeat; text-indent: -9999px; vertical-align: bottom;} #area20250418 .social .social_tw:hover { background-image:url(/contents/nikki/event/20250418/images/social_tw_ov.png);} #area20250418 .social .line-it-button{ vertical-align: bottom; } /* ナビ */ /*#area20250418 .mainvisual { margin:0 -8px;}*/ /* ナビ */ #area20250418 .navi { margin: 10px 0 0 -5px;} #area20250418 .navi:after { display: block; clear: both; height: 0; content: ''; } #area20250418 .navi li {position: relative;display: block;float: left;width: 195px;height: 52px;margin: 0 0 3px 5px;} #area20250418 .navi li {border-bottom: 2px solid #ed7000;background-color: #ffa000;border-radius: 5px;} #area20250418 .navi li a {background-repeat: no-repeat;background-position: 5px center;background-size: 200px 20px;height: 52px;} #area20250418 .navi li a {background-position:15px center;} #area20250418 .navi li:nth-child(1) { width: 195px; height: 107px; line-height: 5; padding-left: 4px;} #area20250418 .navi li:nth-child(1) a { height: 107px;} #area20250418 .navi li:hover, #area20250418 .navi li.current {background-color: #ed7000;border-bottom: 2px solid #ed7000;} /*#area20250418 .navi li:nth-child(1) a{ background-image:url(/contents/nikki/event/20250418/images/navi_top.png);} #area20250418 .navi li:nth-child(2) a{ background-image:url(/contents/nikki/event/20250418/images/navi_01.png);} #area20250418 .navi li:nth-child(3) a{ background-image:url(/contents/nikki/event/20250418/images/navi_02.png);} #area20250418 .navi li:nth-child(4) a{ background-image:url(/contents/nikki/event/20250418/images/navi_03.png);} #area20250418 .navi li:nth-child(5) a{ background-image:url(/contents/nikki/event/20250418/images/navi_04.png);} #area20250418 .navi li:nth-child(6) a{ background-image:url(/contents/nikki/event/20250418/images/navi_05.png);} #area20250418 .navi li:nth-child(7) a{ background-image:url(/contents/nikki/event/20250418/images/navi_06.png);} #area20250418 .navi li:nth-child(8) a{ background-image:url(/contents/nikki/event/20250418/images/navi_07.png);} #area20250418 .navi li:nth-child(9) a{ background-image:url(/contents/nikki/event/20250418/images/navi_08.png);} */ #area20250418 .navi li:before { position: absolute; top: 50%; right: 16px; content:''; display:block; height:7px; width:7px; margin-top:-4px; border:2.5px solid #fff; border-left-width:0; border-top-width:0; -webkit-transform:rotate(-45deg); transform:rotate(-45deg);} /*#area20250418 .navi li a { display: block; text-indent: -9999px;}*/ #area20250418 .navi li a { display: block; color: #ffffff; font-size: 16px; font-weight: bold; padding: 14px 0 0 8px;} /*#area20250418 .navi li:nth-child(1) a { display: block; color: #ffffff; font-size: 16px; font-weight: bold; padding: 0 0 0 8px;}*/ #area20250418 .navi li:nth-child(3) a{ font-size: 14px;} /* リード */ #area20250418 .read { margin: 20px 0 20px 0; line-height: 1.6; border:2px solid #e0e0e0; font-size:14px; padding: 15px;} #area20250418 .research { margin: 40px 0; line-height: 1.6; border:2px solid #ffb400; background: #fff5dd; font-size:14px; padding: 15px;} /* タイトル */ #area20250418 .rankTitle {margin: 20px 0 0 0;/*height: 50px;*/height: auto;background: url(/contents/nikki/event/20250418/images/t_ranking.png) 15px 50% no-repeat;/*line-height: 50px;*/line-height: 1.3;/*padding: 0 0 0 60px;*/padding: 12px 0 7px 60px;font-size: 24px;color: #555;border-bottom: 4px solid #ffa000;} /* SP */ @media only screen and (max-width: 667px){ #area20250418 { width: 100%;} #area20250418 .content { margin: 0 5px 0 5px;} #area20250418 .navi { margin: 5px 0 0 -1%;} #area20250418 .navi li:nth-child(1) { width: 99%; height: 50px; } #area20250418 .navi li:nth-child(1) a { height: 50px; background-size: 150px 15px; line-height: 1.4;} #area20250418 .navi li { width: 49%; height: 50px; margin: 0 0 1% 1%;} #area20250418 .navi li a{height: 50px;} #area20250418 .navi li a {background-position:8px center;} #area20250418 .navi li a { background-size: 150px 15px; } /*#area20250418 .navi li:nth-child(1) a { background-image:url(/contents/nikki/event/20250418/images/sp_navi_top.png); background-position: center center; }*/ /* #area20250418 .navi li:nth-child(2) a{ background-image:url(/contents/nikki/event/20250418/images/sp_navi_01.png);} #area20250418 .navi li:nth-child(3) a{ background-image:url(/contents/nikki/event/20250418/images/sp_navi_02.png);} #area20250418 .navi li:nth-child(4) a{ background-image:url(/contents/nikki/event/20250418/images/sp_navi_03.png);} #area20250418 .navi li:nth-child(5) a{ background-image:url(/contents/nikki/event/20250418/images/sp_navi_04.png);} #area20250418 .navi li:nth-child(6) a{ background-image:url(/contents/nikki/event/20250418/images/sp_navi_05.png);} #area20250418 .navi li:nth-child(7) a{ background-image:url(/contents/nikki/event/20250418/images/sp_navi_06.png);} #area20250418 .navi li:nth-child(8) a{ background-image:url(/contents/nikki/event/20250418/images/sp_navi_07.png);} #area20250418 .navi li:nth-child(9) a{ background-image:url(/contents/nikki/event/20250418/images/sp_navi_08.png);} */ #area20250418 .navi li:before {position: absolute;top: 50%;right: 10px;content: '';display: block;height: 5px;width: 5px;margin-top: -3px;border: 1.5px solid #fff;border-left-width: 0;border-top-width: 0;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);} #area20250418 .read { margin: 10px 0 10px 0;font-size:12px; } #area20250418 .rankTitle {margin: 10px 0 0 0;height: auto;background: url(/contents/nikki/event/20250418/images/sp_t_ranking.png) 5px 50% no-repeat;background-size: 30px 30px;line-height: 1.2;padding: 16px 5px 16px 42px;font-size: 16px;border-bottom: 4px solid #ffa000;} } /* ! ---------- パーツ要素 ---------- ---------- ---------- ---------- */ /* カラム */ #area20250418 .rankList {margin:20px 0 0 0; } #area20250418 .cols2 { } #area20250418 .cols2:after { display: block; clear: both; height: 0; content: ''; } #area20250418 .cols2 .col:nth-child(1){width: 590px;float: left;} #area20250418 .cols2 .col:nth-child(2){width: 590px;float: right;} #area20250418 .cols3 { } #area20250418 .cols3:after { display: block; clear: both; height: 0; content: ''; } #area20250418 .cols3 .col:nth-child(1){width: 386px;float: left;margin: 0 20px 0 0;} #area20250418 .cols3 .col:nth-child(2){width: 386px;float: left;} #area20250418 .cols3 .col:nth-child(3){width: 386px;float: right;} /* トップ3 */ #area20250418 ._pc .rank_top {display: block;margin: 0 0 10px 0;position: relative;width: 590px;height: 110px;} #area20250418 ._pc .rank_top-1 {background: url(/contents/nikki/event/20250418/images/btn_123_bg_1b.png) left top no-repeat;} #area20250418 ._pc .rank_top-2 {background: url(/contents/nikki/event/20250418/images/btn_123_bg_2b.png) left top no-repeat;} #area20250418 ._pc .rank_top-3 {background: url(/contents/nikki/event/20250418/images/btn_123_bg_3b.png) left top no-repeat;} #area20250418 ._pc .rank_top .no {position: absolute;top: 50%;left: 0px;width: 55px;text-align: center;color: #fff;line-height: 0;font-size: 12px;} #area20250418 ._pc .rank_top .no b {font-size: 30px;font-weight: bold;} #area20250418 ._pc .rank_top .name {position: absolute;top: 50%;left: 70px;color: #004fe1;line-height: 0;font-weight: bold;font-size: 20px;} #area20250418 ._pc .rank_top:hover .name{text-decoration: underline;} #area20250418 ._pc .rank_top .preb { position: absolute; bottom: 3px; right: 5px; width: 110px; text-align: center; color: #fff; font-size:11px; letter-spacing:2px;} #area20250418 ._pc .rank_top .preb b {font-size:14px;} #area20250418 ._sp .rank_top {display: block;margin: 5px 0 5px 0;position: relative;width: 100%;height: auto;padding: 17px 25px 17px 52px;} #area20250418 ._sp .rank_top-1 {border: 2px solid #bc8e00;} #area20250418 ._sp .rank_top-2 {border: 2px solid #808080;} #area20250418 ._sp .rank_top-3 {border: 2px solid #846c5e;} #area20250418 ._sp .rank_top:before {position: absolute;top: 50%;right: 7px;content:'';display:block;height:7px;width:7px;margin-top:-4px;transform:translate(-5px,-1px) rotate(-45deg);} #area20250418 ._sp .rank_top-1:before {border:2px solid #bc8e00;border-left-width:0;border-top-width:0;} #area20250418 ._sp .rank_top-2:before {border:2px solid #808080;border-left-width:0;border-top-width:0;} #area20250418 ._sp .rank_top-3:before {border:2px solid #846c5e;border-left-width:0;border-top-width:0;} #area20250418 ._sp .rank_top .no {position: absolute;top: 50%;left: 0;margin-top: -20px;width: 45px;height: 40px;background: url(/contents/nikki/event/20250418/images/sp_btn_123_1.png) left center no-repeat;background-size: 45px 40px;text-indent: -9999px;} #area20250418 ._sp .rank_top-1 .no { background-image: url(/contents/nikki/event/20250418/images/sp_btn_123_1.png);} #area20250418 ._sp .rank_top-2 .no { background-image: url(/contents/nikki/event/20250418/images/sp_btn_123_2.png);} #area20250418 ._sp .rank_top-3 .no { background-image: url(/contents/nikki/event/20250418/images/sp_btn_123_3.png);} /*#area20250418 ._sp .rank_top:nth-child(2) .no { background-image: url(/contents/nikki/event/20250418/images/sp_btn_123_2.png);} #area20250418 ._sp .rank_top:nth-child(3) .no { background-image: url(/contents/nikki/event/20250418/images/sp_btn_123_3.png);} #area20250418 ._sp .rank_top:nth-child(4) .no { background-image: url(/contents/nikki/event/20250418/images/sp_btn_123_3.png);} #area20250418 ._sp .rank_top:nth-child(5) .no { background-image: url(/contents/nikki/event/20250418/images/sp_btn_123_3.png);} #area20250418 ._sp .rank_top:nth-child(6) .no { background-image: url(/contents/nikki/event/20250418/images/sp_btn_123_3.png);}*/ #area20250418 ._sp .rank_top .name { color: #004fe1; line-height: 1.2; font-weight: bold; font-size:15px;} #area20250418 ._sp .rank_top .preb { position: absolute; bottom: -4px; right: 1px; width: 75px; height: 18px; text-align: center; color: #fff; font-size:8px; padding: 5px 0 0 0; line-height: 0.8; background:url(/contents/nikki/event/20250418/images/sp_btn_123_prev.png) left top no-repeat; background-size:75px 18px;} #area20250418 ._sp .rank_top .preb b { font-size:11px;} #area20250418 ._sp .rank_top-1 .preb { background-image:url(/contents/nikki/event/20250418/images/sp_btn_123_prev1.png);} #area20250418 ._sp .rank_top-2 .preb { background-image:url(/contents/nikki/event/20250418/images/sp_btn_123_prev2.png);} #area20250418 ._sp .rank_top-3 .preb { background-image:url(/contents/nikki/event/20250418/images/sp_btn_123_prev3.png);} /* TOP 5 */ #area20250418 .rankListTop5s {} #area20250418 .rankListTop5s .cols { margin: 0 0 0 -20px;} #area20250418 .rankListTop5s .cols:after { display: block; clear: both; height: 0; content: ''; } #area20250418 .rankListTop5s .col { width: 386px; float: left; margin: 0 0 0 20px;} /* TOP 10 */ #area20250418 .rankListTop10s .row{margin-top: 40px;} #area20250418 ._pc .rankListTop10s .rank_top-1 {background: url(/contents/nikki/event/20250418/images/btn_123_bg_1.png) left top no-repeat;} #area20250418 ._pc .rankListTop10s .rank_top-2 {background: url(/contents/nikki/event/20250418/images/btn_123_bg_2.png) left top no-repeat;} #area20250418 ._pc .rankListTop10s .rank_top-3 {background: url(/contents/nikki/event/20250418/images/btn_123_bg_3.png) left top no-repeat;} /* SP */ @media only screen and (max-width: 667px){ #area20250418 .rankList {margin:10px 0 0 0; } #area20250418 .cols2 .col:nth-child(1){width: auto;float: none;} #area20250418 .cols2 .col:nth-child(2){width: auto;float: none;} #area20250418 .rankListTop5s .cols { margin: 0;} #area20250418 .rankListTop5s .col { width: 100%; float: none; margin: 0 0 20px 0;} } #area20250418 .sp_rank_open { position: relative; cursor: pointer;} #area20250418 .sp_rank_open:after { content:""; position: absolute; background:url(/contents/nikki/event/20250418/images/sp_icon_open.png) left top no-repeat; background-size:27px 27px; top: 13px; right: 5px; width: 27px; height: 27px;} #area20250418 .sp_rank_open.open:after { background-image:url(/contents/nikki/event/20250418/images/sp_icon_close.png);} #area20250418 .initHide {display: none;} /* ! ---------- 表組み要素 ---------- ---------- ---------- ---------- */ #area20250418 .rankTableA { width: 100%; border-left: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1;} #area20250418 .rankTableA th { background: #ffa000; color: #fff; padding:14px 5px; text-align: center; font-weight: normal;} #area20250418 .rankTableA.rankTableA-narrrow th { padding:2px 5px;} #area20250418 .rankTableA td { border-bottom: 1px solid #e1e1e1; border-right: 1px solid #e1e1e1; vertical-align: middle; padding:8px 12px;} #area20250418 .rankTableA tr:nth-child(odd) td { background: #f3f3f3;} #area20250418 .rankTableA td a { color: #004fe1; text-decoration: none;} #area20250418 .rankTableA td a:hover { text-decoration: underline;} #area20250418 .rankTableA td.rank { font-size:20px; font-weight: bold; color: #ffa000; text-align: center; width: 80px;} #area20250418 .rankTableA td.rank_pre { text-align: center; width: 80px;} #area20250418 .rankTableA th { white-space: nowrap; font-weight: bold; } #area20250418 ._sp .rankTableA {margin-top: 10px;} #area20250418 ._sp .rankTableA td.rank { text-align: center; width: 40px;} #area20250418 ._sp .rankTableA td.rank_pre { text-align: center; width: 40px;} #area20250418 .rankTableB { width: 100%; border-left: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1;} #area20250418 .rankTableB th { background: #ffa000; color: #fff; padding:14px 5px; text-align: center; font-weight: normal;} #area20250418 .rankTableB td { border-bottom: 1px solid #e1e1e1; border-right: 1px solid #e1e1e1; vertical-align: middle; padding:6px;} #area20250418 .rankTableB tr:nth-child(odd) td { background: #f3f3f3;} #area20250418 .rankTableB td a { color: #004fe1; text-decoration: none;} #area20250418 .rankTableB td a:hover { text-decoration: underline;} #area20250418 .rankTableB td.rank { width: 80px; font-size:16px; font-weight: bold; color: #ffa000; text-align: center;} #area20250418 .rankTableB td.rank_pre { width: 80px;text-align: center;} #area20250418 .rankTableB th { white-space: nowrap; font-weight: bold;vertical-align: middle; } #area20250418 ._sp .rankTableB {margin-top: 10px;} #area20250418 ._sp .rankTableB td.rank { text-align: center; width: 40px;} #area20250418 ._sp .rankTableB td.rank_pre { text-align: center; width: 40px;} #area20250418 .rankTableC { width: 100%; border-left: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1;} #area20250418 .rankTableC th { background: #ffa000; color: #fff; padding:5px; text-align: center; font-weight: normal;} #area20250418 .rankTableC td { border-bottom: 1px solid #e1e1e1; border-right: 1px solid #e1e1e1; vertical-align: middle; padding:6px;} #area20250418 .rankTableC tr:nth-child(odd) td { background: #f3f3f3;} #area20250418 .rankTableC td a { color: #004fe1; text-decoration: none;} #area20250418 .rankTableC td a:hover { text-decoration: underline;} #area20250418 .rankTableC td.rank { width: 40px; font-size:14px; font-weight: bold; color: #ffa000; text-align: center;} #area20250418 .rankTableC td.rank_pre { width: 40px;text-align: center;} #area20250418 .rankTableC th { white-space: nowrap; font-weight: bold;vertical-align: middle; line-height: 1;} #area20250418 .rankTableTop5 {margin-top: 20px; width: 100%; border-left: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1;} #area20250418 .rankTableTop5 th { background: #ffa000; color: #fff; padding:5px; text-align: center; font-weight: normal;} #area20250418 .rankTableTop5 th.color { background: #ed7000;} #area20250418 .rankTableTop5 th.title { padding: 12px 5px; } #area20250418 .rankTableTop5 td { border-bottom: 1px solid #e1e1e1; border-right: 1px solid #e1e1e1; vertical-align: middle; padding:6px;} #area20250418 .rankTableTop5 tr:nth-child(odd) td { background: #f3f3f3;} #area20250418 .rankTableTop5 td a { color: #004fe1; text-decoration: none;} #area20250418 .rankTableTop5 td a:hover { text-decoration: underline;} #area20250418 .rankTableTop5 td.rank { width: 40px; font-size:14px; font-weight: bold; color: #ffa000; text-align: center;} #area20250418 .rankTableTop5 td.rank_pre { width: 40px;text-align: center;} #area20250418 .rankTableTop5 th { white-space: nowrap; font-weight: bold;vertical-align: middle; line-height: 1;} /* フッター部　シェア */ .footer_social { margin: 10px 0; text-align: center;} .footer_social a{ display: inline-block; width:300px; height:60px; line-height: 60px; margin-bottom: 10px; vertical-align: bottom; color: #ffffff; font-weight: bold; text-decoration: none; } .footer_social a img{ position: relative; top: 8px; right: 10px; } .footer_social .fb-like{ background-color:#3A579C; border-bottom: 2px solid #263864; border-radius: 5px;} .footer_social .fb-like:hover{ border-bottom: none; border-top: 2px solid #ffffff; } .footer_social .social_tw{ background-color:#000000; border-bottom: 2px solid #000000; border-radius: 5px;} .footer_social .social_tw:hover { border-bottom: none; border-top: 2px solid #ffffff; } .footer_social .line-button{ background-color:#01b901; border-bottom: 2px solid #019601; border-radius: 5px;} .footer_social .line-button:hover { border-bottom: none; border-top: 2px solid #ffffff; } /* #area20250418 .social-bottom{margin: 40px 0;} #area20250418 .social-bottom ul{text-align: center;} #area20250418 .social-bottom li{display: inline-block;width: 300px;margin: 0;} #area20250418 .social-bottom:after { display: block; clear: both; height: 0; content: ''; } #area20250418 .social-bottom li a{display: block;color: #fff;text-align: center;padding: 20px 0 20px 20px;background:#000 url(/contents/nikki/event/20250418/images/social_icon_fb.png) 60px center no-repeat;background-size: 50px 50px;border-radius:5px;font-size:16px;font-weight: bold;border-bottom: 2px solid #000;} #area20250418 .social-bottom li a.share_fb{background-color: #3a579c;background-image:url(/contents/nikki/event/20250418/images/social_icon_fb.png);} #area20250418 .social-bottom li a.share_tw{background-color: #55acef;background-image:url(/contents/nikki/event/20250418/images/social_icon_tw.png);} #area20250418 .social-bottom li a.share_line{background-color: #01b901;background-image:url(/contents/nikki/event/20250418/images/social_icon_line.png);} #area20250418 .social-bottom li a.share_fb{border-bottom: 2px solid #263864;} #area20250418 .social-bottom li a.share_tw{border-bottom: 2px solid #1587db;} #area20250418 .social-bottom li a.share_line{border-bottom: 2px solid #019601;} @media only screen and (max-width: 667px){ #area20250418 .social-bottom li a{margin-top: 5px;} } */ /* 女性ランキングへの誘導ボタン */ div.btn-area{text-align:center; width:50%; margin: 30px auto 30px !important;} div.btn-area a{font-weight: bold !important;color: white !important; display:block; padding: 20px 0 !important;border-radius: 8px;font-size: 16px; background-color:#ec5ba3;transition: background-color 1s;} div.btn-area a:hover{background-color: #ffafd7;} /* SP */ @media only screen and (max-width: 667px){ div.btn-area{text-align:center; width:80%; margin: 30px auto 30px !important;} div.btn-area a{font-weight: bold !important;color: white !important; background-color:#ec5ba3; display:block; padding: 20px 0 !important;border-radius: 8px;font-size: 16px;font-weight: bold;color: white;} } /* 22卒ランキング投票LP */ .block-more { text-align: center; } .block-more > p { text-align: center; } .block-more h3 span { display: inline-block; position: relative; } .block-more h3 span:before { content: ""; display: block; position: absolute; top: 0px; left: 0px; background-image: url(/contents/nikki/event/20190404/images/icon_b1.png); background-size: 100% 100%; width: 30px; height: 37px; } .block-more h3 span:after { content: ""; display: block; position: absolute; top: 0px; right: 0px; background-image: url(/contents/nikki/event/20190404/images/icon_b2.png); background-size: 100% 100%; width: 30px; height: 37px; } .block-more ._row img { width: 100%; } .block-more ._row a { display: block; transition-duration: 0.2s; } .block-more ._row a:hover { opacity: 0.8; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; } .block-more ._row p { text-align: left; } @media screen and (max-width: 768px){ .block-more{ margin-top: 30px; padding: 0 10px 40px 10px; } .block-more > p{ font-size: 12px; } .block-more h3 span{ padding: 10px 40px 10px 40px; font-size: 16px; text-align: center; } .block-more h3 span:before{ top: 5px; } .block-more h3 span:after{ top: 5px; } .block-more ._row{ margin-top: 20px; } .block-more ._row img{ width: 100%; } .block-more ._row ._col + ._col{ margin-top: 10px; } .block-more ._row p{ font-size: 12px; } } @media print, screen and (min-width: 769px){ .block-more{ margin-top: 30px; padding: 0 0 40px 0; } .block-more h3 span{ padding:10px 40px 10px 40px; font-size: 26px; } .block-more ._row{ margin-top: 10px;} .block-more ._row ._col{ width: 400px; margin: 0 auto;} .block-more ._row p{ margin-top: 10px; } } iframe { overflow: hidden; } .sec_inner { margin: 30% 6% 0; } @media print, screen and (max-width: 800px){ .sec_inner { margin: 30% auto 0; } #common_slider { max-width: 1050px; margin: 24px auto !important; } #area20250418 #common_slider img{ max-width:900px; } } .slick-slide{ margin-right: .8vw!important; margin-left: .8vw!important; } /* .iframearea { display: none; } */ #common_slider { margin: 40px auto !important; width: 90%; } /*--------画像サイズ調整---------*/ #area20250418 #common_slider img{ width:100%; } /*-----------height調整----------*/ #area20250418 #common_slider .slick-slide{ height:auto!important; } /*-----------矢印表示----------*/ #area20250418 #common_slider .slick-next{ right:20px!important; } #area20250418 #common_slider .slick-prev{ left:20px!important; } #area20250418 #common_slider .slick-arrow{ width: initial!important; height: initial!important; z-index:2!important; } #area20250418 #common_slider .slick-arrow:before{ font-size: 30px!important; } @media only screen and (max-width: 667px){ #area20250418 #common_slider .slick-next{ right:2px!important; } #area20250418 #common_slider .slick-prev{ left:-2px!important; } #area20250418 #common_slider .slick-arrow:before{ font-size: 20px!important; } } /*------------------------------*/ #area20250418 #common_slider .slick-slider { padding-left: 0; } #area20250418 ._pc .rank_top.is-no-rank:before { content: ""; display: block; position: absolute; bottom: 2px; right: 2px; width: 150px; background: #fff; height: 24px; }