/* ! ---------- リセット等 ---------- ---------- ---------- ---------- */ ._sp { display: none;} .w100p{width: 100%;} @media only screen and (max-width: 768px){ ._pc { display: none; } ._sp { display: block; } } /* メイン */ #area20250924 { width: 1200px; margin: 0 auto 40px auto; font-size:14px;} #area20250924 p, #area20250924 ul, #area20250924 li, #area20250924 div, #area20250924 a { margin: 0; padding: 0; font-size:100%; line-height: inherit; box-sizing: border-box; text-decoration: none;} #area20250924 ul { list-style: none;} #area20250924 table { border-collapse: collapse; border-spacing: 0;} #area20250924 th, #area20250924 td { text-align:left; font-weight: normal;box-sizing: border-box;} /* ! ---------- 共通要素 ---------- ---------- ---------- ---------- */ /* パンくず調整 */ .locationArea a { color: #0077dd; text-decoration:none;} .locationArea a:hover {text-decoration: underline;} /* シェア */ #area20250924 .social { margin: 10px 0 0 0; text-align: right;} #area20250924 .social .social_tw { display: inline-block; width:80px; height:20px; background:url(/contents/nikki/event/20250924/images/social_tw.png) left top no-repeat; text-indent: -9999px; vertical-align: bottom;} #area20250924 .social .social_tw:hover { background-image:url(/contents/nikki/event/20250924/images/social_tw_ov.png);} #area20250924 .social .line-it-button{ vertical-align: bottom; } /* ナビ */ #area20250924 .navi { margin: 10px 0 0 -5px;} #area20250924 .navi:after { display: block; clear: both; height: 0; content: ''; } #area20250924 .navi li {position: relative;display: block;float: left;width: 236px;height: 52px;margin: 0 0 3px 5px;border-bottom: 2px solid #316900;background-color: #54af03;border-radius: 5px;} #area20250924 .navi li a {background-repeat: no-repeat;background-position: 5px center;background-size: 200px 20px;height: 52px;} #area20250924 .navi li:hover, #area20250924 .navi li.current {background-color: #316900;border-bottom: 2px solid #316900;} #area20250924 .navi li:nth-child(1) a{ background-image:url(/contents/nikki/event/20250924/images/navi_top.png);} #area20250924 .navi li:nth-child(2) a{ background-image:url(/contents/nikki/event/20250924/images/navi_01.png);} #area20250924 .navi li:nth-child(3) a{ background-image:url(/contents/nikki/event/20250924/images/navi_02.png);} #area20250924 .navi li:nth-child(4) a{ background-image:url(/contents/nikki/event/20250924/images/navi_03.png);} #area20250924 .navi li:nth-child(5) a{ background-image:url(/contents/nikki/event/20250924/images/navi_05.png);} #area20250924 .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);} #area20250924 .navi li:nth-child(6) a{ background-image:url(/contents/nikki/event/20250924/images/navi_05.png);} #area20250924 .navi li:nth-child(7) a{ background-image:url(/contents/nikki/event/20250924/images/navi_06.png);} #area20250924 .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);} #area20250924 .navi li a { display: block; text-indent: -9999px;} /* リード */ #area20250924 .read { margin: 20px 0 0 0; line-height: 1.6; border:2px solid #e0e0e0; font-size:14px; padding: 15px;} #area20250924 .research { margin: 30px 0 0 0; line-height: 1.6; border:2px solid #a5d492; background: #effaea; font-size:14px; padding: 15px;} /* タイトル */ #area20250924 .rankTitle {margin: 20px 0 0 0;height: 50px;background: url(/contents/nikki/event/20250924/images/t_ranking.png) 0 50% no-repeat;line-height: 50px;padding: 0 0 0 40px;font-size:24px;border-bottom: 4px solid #54af03; color: #555555;} /*#area20250924 .rankTitle.is-mt50 {margin-top: 50px;}*/ /* SP */ @media only screen and (max-width: 768px){ #area20250924 { width: 100%;} #area20250924 .content { margin: 0 5px 0 5px;} #area20250924 .navi { margin: 5px 0 0 -1%;} #area20250924 .navi li { width: 32.3%; height: 50px; margin: 0 0 1% 1%;} #area20250924 .navi li:nth-child(1) { width: 32.3%; height: 104px;} #area20250924 .navi li:nth-child(1) a { height: 104px;} #area20250924 .navi li a{height: 50px;} #area20250924 .navi li a { background-size: 150px auto; } #area20250924 .navi li:nth-child(1) a { background-image:url(/contents/nikki/event/20250924/images/sp_navi_top.png); /*background-position: center center;*/ } #area20250924 .navi li:nth-child(2) a{ background-image:url(/contents/nikki/event/20250924/images/sp_navi_01.png);} #area20250924 .navi li:nth-child(3) a{ background-image:url(/contents/nikki/event/20250924/images/sp_navi_02.png);} #area20250924 .navi li:nth-child(4) a{ background-image:url(/contents/nikki/event/20250924/images/sp_navi_03.png);} #area20250924 .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);} #area20250924 .read { margin: 10px 0 0 0;font-size:12px; } #area20250924 .rankTitle {margin: 10px 0 0 0;height: auto;background: url(/contents/nikki/event/20250924/images/sp_t_ranking.png) 0 50% no-repeat;background-size: 30px 30px;line-height: 1.2;padding: 16px 5px 16px 32px;font-size: 18px;border-bottom: 4px solid #54af03;} } /* ! ---------- パーツ要素 ---------- ---------- ---------- ---------- */ /* カラム */ #area20250924 .rankList {margin:20px 0 0 0; } #area20250924 .cols2 { } #area20250924 .cols2:after { display: block; clear: both; height: 0; content: ''; } #area20250924 .cols2 .col:nth-child(1){width: 590px;float: left;} #area20250924 .cols2 .col:nth-child(2){width: 590px;float: right;} #area20250924 .cols3 { } #area20250924 .cols3:after { display: block; clear: both; height: 0; content: ''; } #area20250924 .cols3 .col:nth-child(1){width: 386px;float: left;margin: 0 20px 0 0;} #area20250924 .cols3 .col:nth-child(2){width: 386px;float: left;} #area20250924 .cols3 .col:nth-child(3){width: 386px;float: right;} /* トップ3 */ #area20250924 ._pc .rank_top {display: block;margin: 0 0 10px 0;position: relative;width: 590px;height: 110px;} #area20250924 ._pc .rank_top.is-no-rank:before {content:"";display: block;position: absolute;bottom: 2px;right: 2px;width: 150px;background:#fff;height: 24px;} #area20250924 ._pc .rank_top-1 {background: url(/contents/nikki/event/20250924/images/btn_123_bg_1b.png) left top no-repeat;} #area20250924 ._pc .rank_top-2 {background: url(/contents/nikki/event/20250924/images/btn_123_bg_2b.png) left top no-repeat;} #area20250924 ._pc .rank_top-3 {background: url(/contents/nikki/event/20250924/images/btn_123_bg_3b.png) left top no-repeat;} /* PC同率順位 臨時対応 */ main#lp2025092402 #area20250924 ._pc .rankListTop10s .rankList:nth-of-type(7) .rank_top-3{background: url(/contents/nikki/event/20250924/images/btn_123_bg_2b.png) left top no-repeat !important;} #area20250924 ._pc .rank_top .no {position: absolute;top: 50%;left: 0px;width: 55px;text-align: center;color: #fff;line-height: 0;font-size: 12px;} #area20250924 ._pc .rank_top .no b {font-size: 30px;font-weight: bold;} #area20250924 ._pc .rank_top .name {position: absolute;top: 50%;left: 70px;color: #004fe1;line-height: 0;font-weight: bold;font-size: 20px;} #area20250924 ._pc .rank_top:hover .name{text-decoration: underline;} #area20250924 ._pc .rank_top .preb { position: absolute; bottom: 3px; right: 5px; width: 110px; text-align: center; color: #fff; font-size:11px; letter-spacing:2px;} #area20250924 ._pc .rank_top .preb b {font-size:14px;} #area20250924 ._sp .rank_top {display: block;margin: 5px 0 5px 0;position: relative;width: 100%;height: auto;padding: 17px 25px 17px 52px;} #area20250924 ._sp .rank_top-1 {border: 2px solid #bc8e00;} #area20250924 ._sp .rank_top-2 {border: 2px solid #808080;} #area20250924 ._sp .rank_top-3 {border: 2px solid #846c5e;} #area20250924 ._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);} #area20250924 ._sp .rank_top-1:before {border:2px solid #bc8e00;border-left-width:0;border-top-width:0;} #area20250924 ._sp .rank_top-2:before {border:2px solid #808080;border-left-width:0;border-top-width:0;} #area20250924 ._sp .rank_top-3:before {border:2px solid #846c5e;border-left-width:0;border-top-width:0;} #area20250924 ._sp .rank_top .no {position: absolute;top: 50%;left: 0;margin-top: -20px;width: 45px;height: 40px;background: url(/contents/nikki/event/20250924/images/sp_btn_123_1.png) left center no-repeat;background-size: 45px 40px;text-indent: -9999px;} #area20250924 ._sp .rank_top-1 .no { background-image: url(/contents/nikki/event/20250924/images/sp_btn_123_1.png);} #area20250924 ._sp .rank_top-2 .no { background-image: url(/contents/nikki/event/20250924/images/sp_btn_123_2.png);} #area20250924 ._sp .rank_top-3 .no { background-image: url(/contents/nikki/event/20250924/images/sp_btn_123_3.png);} /* SP同率順位 臨時対応 */ main#lp2025092402 #area20250924 ._sp .rankList:nth-of-type(4) .rank_top-3{border: 2px solid #808080 !important;} main#lp2025092402 #area20250924 ._sp .rankList:nth-of-type(4) .rank_top-3 .no { background-image: url(/contents/nikki/event/20250924/images/sp_btn_123_2.png) !important;} main#lp2025092402 #area20250924 ._sp .rankList:nth-of-type(4) .rank_top-3:before{border: 2px solid #808080;border-left-width: 0;border-top-width: 0 !important;} main#lp2025092402 #area20250924 ._sp .rankList:nth-of-type(4) .rank_top-3 .preb{ background-image: url(/contents/nikki/event/20250924/images/sp_btn_123_prev2.png) !important;} #area20250924 ._sp .rank_top .name { color: #004fe1; line-height: 1.2; font-weight: bold; font-size:15px;} #area20250924 ._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/20250924/images/sp_btn_123_prev.png) left top no-repeat; background-size:75px 18px;} #area20250924 ._sp .rank_top .preb b { font-size:11px;} #area20250924 ._sp .rank_top-1 .preb { background-image:url(/contents/nikki/event/20250924/images/sp_btn_123_prev1.png);} #area20250924 ._sp .rank_top-2 .preb { background-image:url(/contents/nikki/event/20250924/images/sp_btn_123_prev2.png);} #area20250924 ._sp .rank_top-3 .preb { background-image:url(/contents/nikki/event/20250924/images/sp_btn_123_prev3.png);} /* TOP 5 */ #area20250924 .rankListTop5s {} #area20250924 .rankListTop5s .cols { margin: 0 0 0 -20px;} #area20250924 .rankListTop5s .cols:after { display: block; clear: both; height: 0; content: ''; } #area20250924 .rankListTop5s .col { width: 386px; float: left; margin: 0 0 0 20px; height: 246px;} /* TOP 10 */ #area20250924 .rankListTop10s .row{margin-top: 40px;} #area20250924 ._pc .rankListTop10s .rank_top-1 {background: url(/contents/nikki/event/20250924/images/btn_123_bg_1b.png) left top no-repeat;} #area20250924 ._pc .rankListTop10s .rank_top-2 {background: url(/contents/nikki/event/20250924/images/btn_123_bg_2b.png) left top no-repeat;} #area20250924 ._pc .rankListTop10s .rank_top-3 {background: url(/contents/nikki/event/20250924/images/btn_123_bg_3b.png) left top no-repeat;} /* SP */ @media only screen and (max-width: 768px){ #area20250924 .rankList {margin:10px 0 0 0; } #area20250924 .cols2 .col:nth-child(1){width: auto;float: none;} #area20250924 .cols2 .col:nth-child(2){width: auto;float: none;} #area20250924 .rankListTop5s .cols { margin: 0;} #area20250924 .rankListTop5s .col { width: 100%; float: none; margin: 0 0 20px 0;} } #area20250924 .sp_rank_open { position: relative; cursor: pointer;} #area20250924 .sp_rank_open:after { content:""; position: absolute; background:url(/contents/nikki/event/20250924/images/sp_icon_open.png) left top no-repeat; background-size:27px 27px; top: 13px; right: 0px; width: 27px; height: 27px;} #area20250924 .sp_rank_open.open:after { background-image:url(/contents/nikki/event/20250924/images/sp_icon_close.png);} #area20250924 .initHide {display: none;} /* ! ---------- 表組み要素 ---------- ---------- ---------- ---------- */ #area20250924 .rankTableA { width: 100%; border-left: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1;} #area20250924 .rankTableA th { background: #54af03; color: #fff; padding:14px 5px; text-align: center; font-weight: normal;} #area20250924 .rankTableA.rankTableA-narrrow th { padding:2px 5px;} #area20250924 .rankTableA td { border-bottom: 1px solid #e1e1e1; border-right: 1px solid #e1e1e1; vertical-align: middle; padding:8px 12px;} #area20250924 .rankTableA tr:nth-child(odd) td { background: #f3f3f3;} #area20250924 .rankTableA td a { color: #004fe1; text-decoration: none;} #area20250924 .rankTableA td a:hover { text-decoration: underline;} #area20250924 .rankTableA td.rank { font-size:20px; font-weight: bold; color: #54af03; text-align: center; width: 80px;} #area20250924 .rankTableA td.rank_pre { text-align: center; width: 80px;} #area20250924 .rankTableA th { white-space: nowrap; font-weight: bold; } #area20250924 ._sp .rankTableA {margin-top: 10px;} #area20250924 ._sp .rankTableA td.rank { text-align: center; width: 40px;} #area20250924 ._sp .rankTableA td.rank_pre { text-align: center; width: 40px;} #area20250924 .rankTableB { width: 100%; border-left: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1;} #area20250924 .rankTableB th { background: #54af03; color: #fff; padding:14px 5px; text-align: center; font-weight: normal;} #area20250924 .rankTableB td { border-bottom: 1px solid #e1e1e1; border-right: 1px solid #e1e1e1; vertical-align: middle; padding:6px;} #area20250924 .rankTableB tr:nth-child(odd) td { background: #f3f3f3;} #area20250924 .rankTableB td a { color: #004fe1; text-decoration: none;} #area20250924 .rankTableB td a:hover { text-decoration: underline;} #area20250924 .rankTableB td.rank { width: 80px; font-size:16px; font-weight: bold; color: #54af03; text-align: center;} #area20250924 .rankTableB td.rank_pre { width: 80px;text-align: center;} #area20250924 .rankTableB th { white-space: nowrap; font-weight: bold;vertical-align: middle; } #area20250924 ._sp .rankTableB {margin-top: 10px;} #area20250924 ._sp .rankTableB td.rank { text-align: center; width: 40px;} #area20250924 ._sp .rankTableB td.rank_pre { text-align: center; width: 40px;} #area20250924 .rankTableC { width: 100%; border-left: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1;} #area20250924 .rankTableC th { background: #54af03; color: #fff; padding:5px; text-align: center; font-weight: normal;} #area20250924 .rankTableC td { border-bottom: 1px solid #e1e1e1; border-right: 1px solid #e1e1e1; vertical-align: middle; padding:6px;} #area20250924 .rankTableC tr:nth-child(odd) td { background: #f3f3f3;} #area20250924 .rankTableC td a { color: #004fe1; text-decoration: none;} #area20250924 .rankTableC td a:hover { text-decoration: underline;} #area20250924 .rankTableC td.rank { width: 40px; font-size:14px; font-weight: bold; color: #54af03; text-align: center;} #area20250924 .rankTableC td.rank_pre { width: 40px;text-align: center;} #area20250924 .rankTableC th { white-space: nowrap; font-weight: bold;vertical-align: middle; line-height: 1;} #area20250924 .rankTableTop5 {margin-top: 20px; width: 100%; border-left: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1;} #area20250924 .rankTableTop5 th { background: #54af03; color: #fff; padding:5px; text-align: center; font-weight: normal;} #area20250924 .rankTableTop5 th.color { background: #418c00;} #area20250924 .rankTableTop5 th.title { padding: 12px 5px; } #area20250924 .rankTableTop5 td { border-bottom: 1px solid #e1e1e1; border-right: 1px solid #e1e1e1; vertical-align: middle; padding:6px;} #area20250924 .rankTableTop5 tr:nth-child(odd) td { background: #f3f3f3;} #area20250924 .rankTableTop5 td a { color: #004fe1; text-decoration: none;} #area20250924 .rankTableTop5 td a:hover { text-decoration: underline;} #area20250924 .rankTableTop5 td.rank { width: 40px; font-size:14px; font-weight: bold; color: #54af03; text-align: center;} #area20250924 .rankTableTop5 td.rank_pre { width: 40px;text-align: center;} #area20250924 .rankTableTop5 th { white-space: nowrap; font-weight: bold;vertical-align: middle; line-height: 1;} #area20250924 .note { margin: 1em 0;} /* フッター部　シェア */ .footer_social { margin: 10px 0 56px 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; } /* #area20250924 .social-bottom{margin: 40px 0;} #area20250924 .social-bottom ul{text-align: center;} #area20250924 .social-bottom li{display: inline-block;width: 300px;margin: 0;} #area20250924 .social-bottom:after { display: block; clear: both; height: 0; content: ''; } #area20250924 .social-bottom li a{display: block;color: #fff;text-align: center;padding: 20px 0 20px 20px;background:#000 url(/contents/nikki/event/20250924/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;} #area20250924 .social-bottom li a.share_fb{background-color: #3a579c;background-image:url(/contents/nikki/event/20250924/images/social_icon_fb.png);} #area20250924 .social-bottom li a.share_tw{background-color: #55acef;background-image:url(/contents/nikki/event/20250924/images/social_icon_tw.png);} #area20250924 .social-bottom li a.share_line{background-color: #01b901;background-image:url(/contents/nikki/event/20250924/images/social_icon_line.png);} #area20250924 .social-bottom li a.share_fb{border-bottom: 2px solid #263864;} #area20250924 .social-bottom li a.share_tw{border-bottom: 2px solid #1587db;} #area20250924 .social-bottom li a.share_line{border-bottom: 2px solid #019601;} @media only screen and (max-width: 768px){ #area20250924 .social-bottom li a{margin-top: 5px;} } */ /* 追加パーツ用 191018 */ .registAppeal-box.type-2{color: #333333; background-color: #f5f5f5; border-top: 4px #bf0000 solid; width: 1200px; margin-right: auto; margin-left: auto; margin-bottom: 50px; padding: 30px 50px 40px; box-sizing: border-box;} .registAppeal-box.type-2 *{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.type-2 .registAppeal_desc{font-size: 18px; line-height: 1.5; text-align: center; margin-bottom: 19px; margin-left: 9px;} .registAppeal-box.type-2 .appealContents-wrap{width: 1100px; margin-right: auto; margin-left: auto; margin-bottom: 28px;} .registAppeal-box.type-2 .appealContents-inner{display:-webkit-box; display:-ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;} .registAppeal-box.type-2 .appealContents{background-color: #FFFFFF; width: 260px; text-align: center; padding: 25px 30px;} .registAppeal-box.type-2 .appealContents .appealContents-icon{width: 36px; margin-right: auto; margin-left: auto; margin-bottom: 10px;} .registAppeal-box .appealContents .appealContents-icon img{width: 100%; height: auto;} .registAppeal-box.type-2 .appealContents .heading{font-size: 16px; margin-bottom: 19px; color: #333333;} .registAppeal-box.type-2 .appealContents .listOfExp-btn{position: relative; background-color: #f59600; border-radius: 5px; box-shadow: 0 3px 0 #d65101;} .registAppeal-box.type-2 .appealContents .listOfExp-btn::before{content: ""; width: 8px; height: 10px; position: absolute; top: 50%; right: 16px; margin-top: -5px; background-image: url("/contents/nikki/event/20250924/images/icon_btn_arrow_right-01.png"); background-repeat: no-repeat; background-position: center center; background-size: 8px 10px;} .registAppeal-box.type-2 .appealContents .listOfExp-btn:hover{top: 3px; box-shadow: none;} .registAppeal-box.type-2 .appealContents .listOfExp-btn a{font-size: 14px; color: #ffffff; font-weight: bold; display: block; text-align: center; text-decoration: none; padding-top: 14px; padding-bottom: 14px;} .registAppeal-box.type-2 .latest-info{font-size: 14px;} .registAppeal-box.type-2 .latest-info a{color: #004fe1; text-decoration: none;} .registAppeal-box.type-2 .latest-info a:hover{text-decoration: underline;} .registAppeal-box.type-2 .memberRegist-btn{margin-top: 28px;} .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/20250924/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;} /* 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 ._flex{ display: flex; justify-content: space-between; width: 840px; margin: 20px auto; } .block-more ._row ._col{ width: 400px; margin: 0 auto;} .block-more ._row p{ margin-top: 10px; } } /* SP */ @media only screen and (max-width: 768px){ .registAppeal-box.type-2{width: 96.875%; padding: 20px 10px; border-top-width: 2px; margin-bottom: 40px;} .registAppeal-box.type-2 .registAppeal_heading{font-size: 17px; line-height: 1;} .registAppeal-box.type-2 .registAppeal_desc{font-size: 12px; line-height: 1.9; text-align: left; margin-left: 0; margin-bottom: 11px;} .registAppeal-box.type-2 .appealContents-wrap{width: 100%; margin-bottom: 13px;} .registAppeal-box.type-2 .appealContents-inner{-ms-flex-wrap: wrap; flex-wrap: wrap;} .registAppeal-box.type-2 .appealContents{width: 49.13793%; padding: 18px 9px; display:-webkit-box; display:-ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;} .registAppeal-box.type-2 .appealContents:nth-of-type(n+3){margin-top: 1.6%;} .registAppeal-box.type-2 .appealContents .appealContents-icon{width: 35px; margin-bottom: 10px;} .registAppeal-box.type-2 .appealContents .heading{font-size: 12px; width: 92.192982%; line-height: 1.4; margin-right: auto; margin-left: auto; margin-bottom: 4px;} .registAppeal-box.type-2 .appealContents .listOfExp-btn{margin-top: 7px;} .registAppeal-box.type-2 .appealContents .listOfExp-btn::before{right: 5px;} .registAppeal-box.type-2 .appealContents .listOfExp-btn a{font-size: 12px; padding-right: 9px;} .registAppeal-box.type-2 .latest-info{font-size: 12px;} .registAppeal-box.type-2 .memberRegist-btn{margin-top: 13px;} .registAppeal-box.type-2 .memberRegist-btn a{width: 100%; padding-top: 13px; padding-bottom: 13px;} .registAppeal-box.type-2 .memberRegist-btn a::before{right: 7px;} } iframe { overflow: hidden; } .sec_inner { margin: 30% 6% 0; } @media print, screen and (max-width: 800px){ .sec_inner { margin: 30% auto 0; } #common_pickup { max-width: 1050px; margin: 24px auto !important; } #area20250924 #common_pickup img{ max-width:900px; } } #area20250924 #common_pickup .slick-slide{ margin-right: .8vw!important; margin-left: .8vw!important; } #common_pickup { margin: 40px auto !important; width: 90%; } /*--------画像サイズ調整---------*/ #area20250924 #common_pickup img{ width:100%; } /*-----------height調整----------*/ #area20250924 #common_pickup .slick-slide{ height:auto !important; } /*-----------矢印表示----------*/ #area20250924 #common_pickup .slick-next{ right:20px!important; } #area20250924 #common_pickup .slick-prev{ left:20px!important; } #area20250924 #common_pickup .slick-arrow{ width: initial!important; height: initial!important; z-index:2!important; } #area20250924 #common_pickup .slick-arrow:before{ font-size: 30px!important; } @media only screen and (max-width: 667px){ #area20250924 #common_pickup .slick-next{ right:2px!important; } #area20250924 #common_pickup .slick-prev{ left:-2px!important; } #area20250924 #common_pickup .slick-arrow:before{ font-size: 20px!important; } } .col { min-height: 246px; }