/* ! ---------- リセット等 ---------- ---------- ---------- ---------- */ ._sp { display: none;} .w100p{width: 100%;} @media only screen and (max-width: 667px){ ._pc { display: none; } ._sp { display: block; } } /* メイン */ #area20250514 { width: 1200px; margin: 0 auto 40px auto; font-size:14px;} #area20250514 p, #area20250514 ul, #area20250514 li, #area20250514 div, #area20250514 a { margin: 0; padding: 0; font-size:100%; line-height: inherit; box-sizing: border-box; text-decoration: none;} #area20250514 ul { list-style: none;} #area20250514 table { border-collapse: collapse; border-spacing: 0;} #area20250514 th, #area20250514 td { text-align:left; font-weight: normal;box-sizing: border-box;} /* ! ---------- 共通要素 ---------- ---------- ---------- ---------- */ /* パンくず調整 */ .locationArea a { color: #0077dd; text-decoration:none;} .locationArea a:hover {text-decoration: underline;} /* シェア */ #area20250514 .social { margin: 10px 0 0 0; text-align: right;} #area20250514 .social .social_tw { display: inline-block; width:80px; height:20px; background:url(/contents/nikki/event/20250514/images/social_tw.png) left top no-repeat; text-indent: -9999px; vertical-align: bottom;} #area20250514 .social .social_tw:hover { background-image:url(/contents/nikki/event/20250514/images/social_tw_ov.png);} #area20250514 .social .line-it-button{ vertical-align: bottom; } /* ナビ */ /*#area20250514 .mainvisual { margin:0 -8px;}*/ /* ナビ */ #area20250514 .navi { margin: 10px 0 0 -5px;} #area20250514 .navi:after { display: block; clear: both; height: 0; content: ''; } #area20250514 .navi li {position: relative;display: block;float: left;width: 296px;height: 52px;margin: 0 0 3px 5px;} #area20250514 .navi li {border-bottom: 2px solid #021339;background-color: #031C54;border-radius: 5px;} #area20250514 .navi li a {background-repeat: no-repeat;background-position: 5px center;background-size: 200px 20px;height: 52px;} #area20250514 .navi li a {background-position:15px center;} #area20250514 .navi li:nth-child(1) { width: 296px; height: 52px;} #area20250514 .navi li:nth-child(1) a { height: 52px; /*line-height: 4;*/} #area20250514 .navi li:hover, #area20250514 .navi li.current {background-color: #021339;border-bottom: 2px solid #021339;} /*#area20250514 .navi li:nth-child(1) a{ background-image:url(/contents/nikki/event/20250514/images/navi_top.png);} #area20250514 .navi li:nth-child(2) a{ background-image:url(/contents/nikki/event/20250514/images/navi_01.png);} #area20250514 .navi li:nth-child(3) a{ background-image:url(/contents/nikki/event/20250514/images/navi_02.png);} #area20250514 .navi li:nth-child(4) a{ background-image:url(/contents/nikki/event/20250514/images/navi_03.png);} #area20250514 .navi li:nth-child(5) a{ background-image:url(/contents/nikki/event/20250514/images/navi_04.png);} #area20250514 .navi li:nth-child(6) a{ background-image:url(/contents/nikki/event/20250514/images/navi_05.png);} #area20250514 .navi li:nth-child(7) a{ background-image:url(/contents/nikki/event/20250514/images/navi_06.png);} #area20250514 .navi li:nth-child(8) a{ background-image:url(/contents/nikki/event/20250514/images/navi_07.png);} #area20250514 .navi li:nth-child(9) a{ background-image:url(/contents/nikki/event/20250514/images/navi_08.png);}*/ #area20250514 .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);} #area20250514 .navi li a { display: block; color: #ffffff; font-size: 16px; font-weight: bold; padding: 14px 0 0 8px;} /* リード */ #area20250514 .read { margin: 20px 0 20px 0; line-height: 1.6; border:2px solid #e0e0e0; font-size:14px; padding: 15px;} #area20250514 .research { margin: 30px 0 0 0; line-height: 1.6; border:2px solid #021339; background: #ebf7fe; font-size:14px; padding: 15px;} /* タイトル */ #area20250514 .rankTitle {margin: 20px 0 0 0;height: 50px;background: url(/contents/nikki/event/20250514/images/t_ranking.png) 15px 50% no-repeat;line-height: 50px;padding: 0 0 0 60px;font-size: 24px;color: #555;border-bottom: 4px solid #021339;} /* SP */ @media only screen and (max-width: 667px){ #area20250514 { width: 100%;} #area20250514 .content { margin: 0 5px 0 5px;} #area20250514 .navi { margin: 5px 0 0 -1%;} #area20250514 .navi li { width: 49%; height: 50px; margin: 0 0 1% 1%;} #area20250514 .navi li:nth-child(1) { width: 49%; height: 50px;} #area20250514 .navi li:nth-child(1) a { height: 50px; line-height: 1.5;} #area20250514 .navi li a{height: 50px;} #area20250514 .navi li a {background-position:8px center;} #area20250514 .navi li a { background-size: 150px 15px; } /*#area20250514 .navi li:nth-child(1) a { background-image:url(/contents/nikki/event/20250514/images/sp_navi_top.png); background-position: center center; } #area20250514 .navi li:nth-child(1) a { background-size: 150px 17px; } #area20250514 .navi li:nth-child(2) a{ background-image:url(/contents/nikki/event/20250514/images/sp_navi_01.png);} #area20250514 .navi li:nth-child(3) a{ background-image:url(/contents/nikki/event/20250514/images/sp_navi_02.png);} #area20250514 .navi li:nth-child(4) a{ background-image:url(/contents/nikki/event/20250514/images/sp_navi_03.png);} #area20250514 .navi li:nth-child(5) a{ background-image:url(/contents/nikki/event/20250514/images/sp_navi_04.png);} #area20250514 .navi li:nth-child(6) a{ background-image:url(/contents/nikki/event/20250514/images/sp_navi_05.png);} #area20250514 .navi li:nth-child(7) a{ background-image:url(/contents/nikki/event/20250514/images/sp_navi_06.png);}*/ /* 190411 add */ /*#area20250514 .navi li:nth-child(8) a{ background-image:url("/contents/nikki/event/20250514/images/sp_navi_07.png");} #area20250514 .navi li:nth-child(9) a{ background-image:url("/contents/nikki/event/20250514/images/sp_navi_08.png");}*/ #area20250514 .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);} #area20250514 .read { margin: 10px 0 10px 0;font-size:12px; } #area20250514 .rankTitle {margin: 10px 0 0 0;height: auto;background: url(/contents/nikki/event/20250514/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 #021339;} } /* ! ---------- パーツ要素 ---------- ---------- ---------- ---------- */ /* カラム */ #area20250514 .rankList {margin:20px 0 0 0; } #area20250514 .cols2 { } #area20250514 .cols2:after { display: block; clear: both; height: 0; content: ''; } #area20250514 .cols2 .col:nth-child(1){width: 590px;float: left;} #area20250514 .cols2 .col:nth-child(2){width: 590px;float: right;} #area20250514 .cols3 { } #area20250514 .cols3:after { display: block; clear: both; height: 0; content: ''; } #area20250514 .cols3 .col:nth-child(1){width: 386px;float: left;margin: 0 20px 0 0;} #area20250514 .cols3 .col:nth-child(2){width: 386px;float: left;} #area20250514 .cols3 .col:nth-child(3){width: 386px;float: right;} /* トップ3 */ #area20250514 ._pc .rank_top {display: block;margin: 0 0 10px 0;position: relative;width: 590px;height: 110px;} #area20250514 ._pc .rank_top-1 {background: url(/contents/nikki/event/20250514/images/btn_123_bg_1b.png) left top no-repeat;} #area20250514 ._pc .rank_top-2 {background: url(/contents/nikki/event/20250514/images/btn_123_bg_2b.png) left top no-repeat;} #area20250514 ._pc .rank_top-3 {background: url(/contents/nikki/event/20250514/images/btn_123_bg_3b.png) left top no-repeat;} #area20250514 ._pc .rank_top .no {position: absolute;top: 50%;left: 0px;width: 55px;text-align: center;color: #fff;line-height: 0;font-size: 12px;} #area20250514 ._pc .rank_top .no b {font-size: 30px;font-weight: bold;} #area20250514 ._pc .rank_top .name {position: absolute;top: 50%;left: 70px;color: #004fe1;line-height: 0;font-weight: bold;font-size: 20px;} #area20250514 ._pc .rank_top:hover .name{text-decoration: underline;} #area20250514 ._pc .rank_top .preb { position: absolute; bottom: 3px; right: 5px; width: 110px; text-align: center; color: #fff; font-size:11px; letter-spacing:2px;} #area20250514 ._pc .rank_top .preb b {font-size:14px;} #area20250514 ._sp .rank_top {display: block;margin: 5px 0 5px 0;position: relative;width: 100%;height: auto;padding: 17px 25px 17px 52px;} #area20250514 ._sp .rank_top-1 {border: 2px solid #bc8e00;} #area20250514 ._sp .rank_top-2 {border: 2px solid #808080;} #area20250514 ._sp .rank_top-3 {border: 2px solid #846c5e;} #area20250514 ._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);} #area20250514 ._sp .rank_top-1:before {border:2px solid #bc8e00;border-left-width:0;border-top-width:0;} #area20250514 ._sp .rank_top-2:before {border:2px solid #808080;border-left-width:0;border-top-width:0;} #area20250514 ._sp .rank_top-3:before {border:2px solid #846c5e;border-left-width:0;border-top-width:0;} #area20250514 ._sp .rank_top .no {position: absolute;top: 50%;left: 0;margin-top: -20px;width: 45px;height: 40px;background: url(/contents/nikki/event/20250514/images/sp_btn_123_1.png) left center no-repeat;background-size: 45px 40px;text-indent: -9999px;} #area20250514 ._sp .rank_top-2 .no { background-image: url(/contents/nikki/event/20250514/images/sp_btn_123_2.png);} #area20250514 ._sp .rank_top-3 .no { background-image: url(/contents/nikki/event/20250514/images/sp_btn_123_3.png);} #area20250514 ._sp .rank_top .name { color: #004fe1; line-height: 1.2; font-weight: bold; font-size:15px;} #area20250514 ._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/20250514/images/sp_btn_123_prev.png) left top no-repeat; background-size:75px 18px;} #area20250514 ._sp .rank_top .preb b { font-size:11px;} #area20250514 ._sp .rank_top-1 .preb { background-image:url(/contents/nikki/event/20250514/images/sp_btn_123_prev1.png);} #area20250514 ._sp .rank_top-2 .preb { background-image:url(/contents/nikki/event/20250514/images/sp_btn_123_prev2.png);} #area20250514 ._sp .rank_top-3 .preb { background-image:url(/contents/nikki/event/20250514/images/sp_btn_123_prev3.png);} /* TOP 5 */ #area20250514 .rankListTop5s {} #area20250514 .rankListTop5s .cols { margin: 0 0 0 -20px;} #area20250514 .rankListTop5s .cols:after { display: block; clear: both; height: 0; content: ''; } #area20250514 .rankListTop5s .col { width: 386px; float: left; margin: 0 0 0 20px;} /* TOP 10 */ #area20250514 .rankListTop10s .row{margin-top: 40px;} #area20250514 ._pc .rankListTop10s .rank_top-1 {background: url(/contents/nikki/event/20250514/images/btn_123_bg_1.png) left top no-repeat;} #area20250514 ._pc .rankListTop10s .rank_top-2 {background: url(/contents/nikki/event/20250514/images/btn_123_bg_2.png) left top no-repeat;} #area20250514 ._pc .rankListTop10s .rank_top-3 {background: url(/contents/nikki/event/20250514/images/btn_123_bg_3.png) left top no-repeat;} /* SP */ @media only screen and (max-width: 667px){ #area20250514 .rankList {margin:10px 0 0 0; } #area20250514 .cols2 .col:nth-child(1){width: auto;float: none;} #area20250514 .cols2 .col:nth-child(2){width: auto;float: none;} #area20250514 .rankListTop5s .cols { margin: 0;} #area20250514 .rankListTop5s .col { width: 100%; float: none; margin: 0 0 20px 0;} } #area20250514 .sp_rank_open { position: relative; cursor: pointer;} #area20250514 .sp_rank_open:after { content:""; position: absolute; background:url(/contents/nikki/event/20250514/images/sp_icon_open.png) left top no-repeat; background-size:27px 27px; top: 13px; right: 5px; width: 27px; height: 27px;} #area20250514 .sp_rank_open.open:after { background-image:url(/contents/nikki/event/20250514/images/sp_icon_close.png);} #area20250514 .initHide {display: none;} /* ! ---------- 表組み要素 ---------- ---------- ---------- ---------- */ #area20250514 .rankTableA { width: 100%; border-left: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1;} #area20250514 .rankTableA th { background: #021339; color: #fff; padding:14px 5px; text-align: center; font-weight: normal;} #area20250514 .rankTableA.rankTableA-narrrow th { padding:2px 5px;} #area20250514 .rankTableA td { border-bottom: 1px solid #e1e1e1; border-right: 1px solid #e1e1e1; vertical-align: middle; padding:8px 12px;} #area20250514 .rankTableA tr:nth-child(odd) td { background: #f3f3f3;} #area20250514 .rankTableA td a { color: #004fe1; text-decoration: none;} #area20250514 .rankTableA td a:hover { text-decoration: underline;} #area20250514 .rankTableA td.rank { font-size:20px; font-weight: bold; color: #021339; text-align: center; width: 80px;} #area20250514 .rankTableA td.rank_pre { text-align: center; width: 80px;} #area20250514 .rankTableA th { white-space: nowrap; font-weight: bold; } #area20250514 ._sp .rankTableA {margin-top: 10px;} #area20250514 ._sp .rankTableA td.rank { text-align: center; width: 40px;} #area20250514 ._sp .rankTableA td.rank_pre { text-align: center; width: 40px;} #area20250514 .rankTableB { width: 100%; border-left: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1;} #area20250514 .rankTableB th { background: #021339; color: #fff; padding:14px 5px; text-align: center; font-weight: normal;} #area20250514 .rankTableB td { border-bottom: 1px solid #e1e1e1; border-right: 1px solid #e1e1e1; vertical-align: middle; padding:6px;} #area20250514 .rankTableB tr:nth-child(odd) td { background: #f3f3f3;} #area20250514 .rankTableB td a { color: #004fe1; text-decoration: none;} #area20250514 .rankTableB td a:hover { text-decoration: underline;} #area20250514 .rankTableB td.rank { width: 80px; font-size:16px; font-weight: bold; color: #021339; text-align: center;} #area20250514 .rankTableB td.rank_pre { width: 80px;text-align: center;} #area20250514 .rankTableB th { white-space: nowrap; font-weight: bold;vertical-align: middle; } #area20250514 ._sp .rankTableB {margin-top: 10px;} #area20250514 ._sp .rankTableB td.rank { text-align: center; width: 40px;} #area20250514 ._sp .rankTableB td.rank_pre { text-align: center; width: 40px;} #area20250514 .rankTableC { width: 100%; border-left: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1;} #area20250514 .rankTableC th { background: #021339; color: #fff; padding:5px; text-align: center; font-weight: normal;} #area20250514 .rankTableC td { border-bottom: 1px solid #e1e1e1; border-right: 1px solid #e1e1e1; vertical-align: middle; padding:6px;} #area20250514 .rankTableC tr:nth-child(odd) td { background: #f3f3f3;} #area20250514 .rankTableC td a { color: #004fe1; text-decoration: none;} #area20250514 .rankTableC td a:hover { text-decoration: underline;} #area20250514 .rankTableC td.rank { width: 40px; font-size:14px; font-weight: bold; color: #021339; text-align: center;} #area20250514 .rankTableC td.rank_pre { width: 40px;text-align: center;} #area20250514 .rankTableC th { white-space: nowrap; font-weight: bold;vertical-align: middle; line-height: 1;} #area20250514 .rankTableTop5 {margin-top: 20px; width: 100%; border-left: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1;} #area20250514 .rankTableTop5 th { background: #021339; color: #fff; padding:5px; text-align: center; font-weight: normal;} #area20250514 .rankTableTop5 th.color { background: #021339;} #area20250514 .rankTableTop5 th.title { padding: 12px 5px; border-bottom: 1px solid #fff;} #area20250514 .rankTableTop5 td { border-bottom: 1px solid #e1e1e1; border-right: 1px solid #e1e1e1; vertical-align: middle; padding:6px;} #area20250514 .rankTableTop5 tr:nth-child(odd) td { background: #f3f3f3;} #area20250514 .rankTableTop5 td a { color: #004fe1; text-decoration: none;} #area20250514 .rankTableTop5 td a:hover { text-decoration: underline;} #area20250514 .rankTableTop5 td.rank { width: 40px; font-size:14px; font-weight: bold; color: #021339; text-align: center;} #area20250514 .rankTableTop5 td.rank_pre { width: 40px;text-align: center;} #area20250514 .rankTableTop5 th { white-space: nowrap; font-weight: bold;vertical-align: middle; line-height: 1;} /* フッター部　シェア */ .footer_social { margin: 10px 0 0 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; } /* #area20250514 .social-bottom{margin: 40px 0;} #area20250514 .social-bottom ul{text-align: center;} #area20250514 .social-bottom li{display: inline-block;width: 300px;margin: 0;} #area20250514 .social-bottom:after { display: block; clear: both; height: 0; content: ''; } #area20250514 .social-bottom li a{display: block;color: #fff;text-align: center;padding: 20px 0 20px 20px;background:#000 url(/contents/nikki/event/20250514/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;} #area20250514 .social-bottom li a.share_fb{background-color: #3a579c;background-image:url(/contents/nikki/event/20250514/images/social_icon_fb.png);} #area20250514 .social-bottom li a.share_tw{background-color: #55acef;background-image:url(/contents/nikki/event/20250514/images/social_icon_tw.png);} #area20250514 .social-bottom li a.share_line{background-color: #01b901;background-image:url(/contents/nikki/event/20250514/images/social_icon_line.png);} #area20250514 .social-bottom li a.share_fb{border-bottom: 2px solid #263864;} #area20250514 .social-bottom li a.share_tw{border-bottom: 2px solid #1587db;} #area20250514 .social-bottom li a.share_line{border-bottom: 2px solid #019601;} @media only screen and (max-width: 667px){ #area20250514 .social-bottom li a{margin-top: 5px;} } */ /* 「最新のランキングはこちら」ボタン */ #latestRanking-btn{position: relative;} #latestRanking-btn::before{content: ""; position: absolute; top: 50%; right: 16px; 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);} #latestRanking-btn a{display: block; text-align: center;} #latestRanking-btn.basic-btn{background-color: #ffa000; border-radius: 5px; box-shadow: 0 3px 0 #ea6504; margin-bottom: 30px;} #latestRanking-btn.basic-btn:hover{top: 3px; box-shadow: none;} #latestRanking-btn.basic-btn a{padding-top: 17px; padding-bottom: 9px;} /* 会員登録訴求欄 */ .registAppeal-box{color: #333333; background-color: #f5f5f5; border-top: 4px #bf0000 solid; width: 1200px; margin-right: auto; margin-left: auto; margin-bottom: 50px; padding: 30px; box-sizing: border-box;} .registAppeal-box > *{box-sizing: border-box;} .registAppeal-box .heading{color: #bf0000; text-align: center;} .registAppeal-box .registAppeal_heading{font-size: 24px; line-height: 1.75; letter-spacing: 0.03em; margin-bottom: 9px;} .registAppeal-box .registAppeal_desc{font-size: 18px; text-align: center; margin-bottom: 24px; margin-left: 9px;} .registAppeal-box .appealContents-wrap{width: 880px; margin-right: auto; margin-left: auto; margin-bottom: 25px; display:-webkit-box; display:-ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;} .registAppeal-box .appealContents{background-color: #FFFFFF; width: 280px; text-align: center; padding-top: 20px; padding-bottom: 20px;} .registAppeal-box .appealContents .appealContents-icon{width: 50px; margin-right: auto; margin-left: auto; margin-bottom: 11px;} .registAppeal-box .appealContents .appealContents-icon img{width: 100%; height: auto;} .registAppeal-box .appealContents .heading{font-size: 18px; margin-bottom: 9px;} .registAppeal-box .appealContents .appealContents_desc{font-size: 14px; line-height: 1.6;} .registAppeal-box .appealContents .appealContents_note{font-size: 12px;} .registAppeal-box .memberRegist-btn a{display: block; color: #ffffff; background-color: #bf0000; font-size: 18px; font-weight: bold; position: relative; width: 400px; margin-right: auto; margin-left: auto; text-align: center; text-decoration: none; border-radius: 3px; padding-top: 20px; padding-bottom: 20px;} .registAppeal-box .memberRegist-btn a::before{content: ""; width: 8px; height: 10px; position: absolute; top: 50%; right: 15px; margin-top: -5px; background-image: url("/contents/nikki/event/20190727/images/icon_btn_arrow_right-01.png"); background-repeat: no-repeat; background-position: center center; background-size: 8px 10px;} .registAppeal-box .memberRegist-btn a:hover{background-color: #cc3333;} /* SP */ @media only screen and (max-width: 768px){ /* 「最新のランキングはこちら」ボタン */ #latestRanking-btn.basic-btn{width: 96.875%; margin-right: auto; margin-left: auto; margin-bottom: 16px;} #latestRanking-btn::before{border-right-width: 2px; border-bottom-width: 2px; right: 8px;} #latestRanking-btn.basic-btn a{padding-top: 14px; padding-bottom: 12px;} #latestRanking-btn.basic-btn a img{width: 248px; margin-right: auto; margin-left: auto;} /* 会員登録訴求欄 */ .registAppeal-box{width: 96.875%; padding: 20px 15px; border-top-width: 2px; margin-bottom: 40px;} .registAppeal-box .registAppeal_heading{font-size: 17px; line-height: 1;} .registAppeal-box .registAppeal_desc{font-size: 12px; line-height: 1.8; text-align: left; margin-left: 0; margin-bottom: 11px;} .registAppeal-box .appealContents-wrap{display: block; width: 100%; margin-bottom: 20px;} .registAppeal-box .appealContents{width: 100%; padding-top: 15px; padding-bottom: 12px;} .registAppeal-box .appealContents ~ .appealContents{margin-top: 15px;} .registAppeal-box .appealContents .appealContents-icon{width: 56px; margin-bottom: 6px;} .registAppeal-box .appealContents .heading{font-size: 16px; margin-bottom: 4px;} .registAppeal-box .appealContents .appealContents_desc{font-size: 12px;} .registAppeal-box .appealContents .appealContents_note{font-size: 10px;} .registAppeal-box .memberRegist-btn a{width: 100%; padding-top: 13px; padding-bottom: 13px;} .registAppeal-box .memberRegist-btn a::before{right: 7px;} } /* 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 0 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; } #area20250514 #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%; } /*--------画像サイズ調整---------*/ #area20250514 #common_slider img{ width:100%; } /*-----------height調整----------*/ #area20250514 #common_slider .slick-slide{ height:auto!important; } /*-----------矢印表示----------*/ #area20250514 #common_slider .slick-next{ right:20px!important; } #area20250514 #common_slider .slick-prev{ left:-20px!important; } #area20250514 #common_slider .slick-arrow{ width: initial!important; height: initial!important; z-index:2!important; } #area20250514 #common_slider .slick-arrow:before{ font-size: 30px!important; } @media only screen and (max-width: 667px){ #area20250514 #common_slider .slick-next{ right:2px!important; } #area20250514 #common_slider .slick-prev{ left:-2px!important; } #area20250514 #common_slider .slick-arrow:before{ font-size: 20px!important; } } /*------------------------------*/ #area20250514 #common_slider .slick-slider { padding-left: 0; }