@charset "UTF-8";
/* ! ---------- リセット等 ---------- ---------- ---------- ---------- */
._sp { display: none; }

.w100p { width: 100%; }

body { margin: 0; }

textarea._template { display: none; }

#area20210930 .social { margin: 10px 10px 0 0; text-align: right; }

#area20210930 .social .social_tw { display: inline-block; width: 80px; height: 20px; background: url(/contents/nikki/event/20180928/images/social_tw.png) left top no-repeat; text-indent: -9999px; vertical-align: bottom; }

#area20210930 .social .social_tw:hover { background-image: url(/contents/nikki/event/20180928/images/social_tw_ov.png); }

#area20210930 .social .line-it-button { vertical-align: bottom; }

#area20210930 .ms-page-top { position: fixed; bottom: 95px; right: 20px; display: none; }

#area20210930 { font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif; }

#area20210930 p, #area20210930 ul, #area20210930 li, #area20210930 div, #area20210930 a { margin: 0; padding: 0; font-size: 100%; line-height: inherit; box-sizing: border-box; text-decoration: none; }

#area20210930 ul { list-style: none; }

#area20210930 table { border-collapse: collapse; border-spacing: 0; }

#area20210930 th, #area20210930 td { text-align: left; font-weight: normal; box-sizing: border-box; }

#area20210930 .mv-container { margin-top: 20px; }

#area20210930 .mv-container .mv { background: url(/contents/nikki/event/20210930/images/mv.png) left top no-repeat; margin: 0 auto 8px; width: 100%; text-align: center; height: 250px; position: relative; display: table; background-repeat: no-repeat; background-size: cover; background-position: center; }

#area20210930 .mv-container h1 { color: #fff; font-weight: bold; display: table-cell; vertical-align: middle; float: none; text-align: center; text-shadow: 1px 1px 3px #333; }

#area20210930 .mv-container .mv-sm-text { font-size: 24px; display: block; }

#area20210930 .mv-container .mv-lg-text { font-size: 40px; display: block; margin: 16px 0 0; line-height: 1.5; }

#area20210930 .block-read { margin-top: 20px; }

#area20210930 .block-main { background: #f6f6f6; }

#area20210930 .block-main h2 { position: relative; }

#area20210930 .block-main h2:after { content: ""; display: block; position: absolute; top: 6px; left: 0; background-image: url(/contents/nikki/event/20210930/images/icon_tag.svg); background-size: 100% 100%; }

#area20210930 .block-condition { margin-top: 20px; }

#area20210930 .block-condition ._btns-sp .select-wap { display: block; border: 1px solid #594031; background: #fff; border-radius: 2px; padding: 6px 6px 6px 5px; position: relative; }

#area20210930 .block-condition ._btns-sp .select-wap select { -webkit-appearance: none; -moz-appearance: none; appearance: none; border: none; background: #fff; width: 100%; font-size: 16px; color: #594031; }

#area20210930 .block-condition ._btns-sp .select-wap:before { position: absolute; top: 45%; right: 15px; display: block; content: ''; height: 8px; width: 8px; border: 2px solid #594031; border-left-width: 0; border-top-width: 0; -ms-transform: translate(0, -50%) rotate(45deg); transform: translate(0, -50%) rotate(45deg); }

#area20210930 .block-condition ._btns > ul { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

#area20210930 .block-condition ._btns > ul > li { width: calc(25% - 5px); margin: 2px; cursor: pointer; }

#area20210930 .block-condition ._btns > ul > li ._item { line-height: 1.4; background: #fff; color: #594031; border: 1px solid #594031; border-radius: 5px; padding: 12px 5px; text-align: center; transition-duration: 0.2s; }

#area20210930 .block-condition ._btns > ul > li ._item:hover { background: #fdf6e0; }

#area20210930 .block-condition ._btns > ul > li ._item.js-current { background: #594031; color: #fff; }

#area20210930 .block-companys ._items > ._item { background: #fff; border-top: 3px solid #594031; }

#area20210930 .block-companys ._items > ._item + ._item { margin-top: 40px; }

#area20210930 .block-companys ._row-main ._main-image img { max-width: 100%; }

#area20210930 .block-companys ._row-text { line-height: 1.57; }

#area20210930 .block-companys ._row-btn-intern { text-align: center; }

#area20210930 .block-companys ._row-btn-rank { border-top: 2px dotted #c0d5ef; text-align: center; }

#area20210930 .block-more { text-align: center; }

#area20210930 .block-more > p { text-align: center; }

#area20210930 .block-more h3 { border: 1px solid blue; }

#area20210930 .block-more ._row img { width: 100%; }

#area20210930 .block-more ._row a { display: block; transition-duration: 0.2s; }

#area20210930 .block-more ._row a:hover { opacity: 0.8; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; }

#area20210930 .block-more ._row p { text-align: left; }

#area20210930 .block-pickup ._box { background: #fff; position: relative; }

#area20210930 .block-pickup ._slider { position: relative; }

#area20210930 .block-pickup ._title { position: absolute; }

#area20210930 .block-pickup ._title img { width: 100%; }

#area20210930 .block-pickup ._items a { display: block; }

#area20210930 .block-pickup ._items ._item { transition-duration: 0.2s; }

#area20210930 .block-pickup ._items ._item:hover { opacity: 0.85; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)"; }

#area20210930 .block-pickup ._items ._item:hover img { -ms-transform: scale(1.05); transform: scale(1.05); }

#area20210930 .block-pickup ._items ._item:hover ._t1 { text-decoration: underline; }

#area20210930 .block-pickup ._items ._item ._cols ._image { overflow: hidden; }

#area20210930 .block-pickup ._items ._item ._cols ._image img { width: 100%; vertical-align: top; transition-duration: 0.2s; }

#area20210930 .block-pickup ._items ._item ._cols ._texts ._t1 { font-weight: bold; color: #594031; line-height: 1.4; }

#area20210930 .block-pickup ._items ._item ._cols ._texts ._t1:after { content: ""; display: inline-block; background-image: url(/contents/nikki/event/20210930/images/icon_blank_dark.svg); background-size: 100% 100%; }

#area20210930 .block-pickup ._items ._item ._cols ._texts ._t2 { margin-top: 10px; font-weight: bold; color: #222; }

#area20210930 .block-pickup .slick-slide { border: none; outline: none; }

#area20210930 .block-pickup a { border: none; outline: none; }

#area20210930 .block-pickup .slider-navi { margin-top: 20px; text-align: center; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; }

#area20210930 .block-pickup .slider-navi .slick-prev { font-size: 0; line-height: 0; display: inline-block; width: 14px; height: 14px; margin-top: 2px; padding: 0; cursor: pointer; color: transparent; border: none; outline: none; background: transparent; border-top: 3px solid #bbbbbb; border-right: 3px solid #bbbbbb; transition-duration: 0.2s; -ms-transform: rotate(-135deg); transform: rotate(-135deg); }

#area20210930 .block-pickup .slider-navi .slick-prev:hover { border-color: #594031; }

#area20210930 .block-pickup .slider-navi .slick-next { font-size: 0; line-height: 0; display: inline-block; width: 14px; height: 14px; margin-top: 2px; padding: 0; cursor: pointer; color: transparent; border: none; outline: none; background: transparent; border-top: 3px solid #bbbbbb; border-right: 3px solid #bbbbbb; -ms-transform: rotate(45deg); transform: rotate(45deg); transition-duration: 0.2s; }

#area20210930 .block-pickup .slider-navi .slick-next:hover { border-color: #594031; }

#area20210930 .block-pickup .slider-navi .slick-dots { display: inline-block; text-align: center; padding: 0 20px !important; }

#area20210930 .block-pickup .slider-navi .slick-dots li { display: inline-block; width: 12px; height: 12px; background: #ccc; margin: 0 6px !important; border-radius: 50%; transition-duration: 0.2s; }

#area20210930 .block-pickup .slider-navi .slick-dots li button { display: none; }

#area20210930 .block-pickup .slider-navi .slick-dots li:hover { border-color: #594031; }

#area20210930 .block-pickup .slider-navi .slick-dots li.slick-active { background: #594031; }

/* ---------------------------------------------------------- elements ---------------------------------------------------------- */
#area20210930 ._btn-more { background: #ff8a00; font-weight: bold; border-radius: 5px; text-align: center; color: #fff; position: relative; }

#area20210930 ._btn-more:hover { border-top: 4px solid #fff; border-bottom: none; }

#area20210930 ._btn-more:after { content: ""; display: block; position: absolute; top: 50%; background-image: url(/contents/nikki/event/20210930/images/icon_blank.svg); background-size: 100% 100%; -ms-transform: translate(0, -50%); transform: translate(0, -50%); }

#area20210930 ._btn-rank { display: block; border-radius: 5px; text-align: center; color: #fff; transition-duration: 0.2s; position: relative; }

#area20210930 ._btn-rank.is-A { background: #54af03; }

#area20210930 ._btn-rank.is-B { background: #32adfb; }

#area20210930 ._btn-rank:hover { opacity: 0.9; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; }

#area20210930 ._btn-rank:before { position: absolute; top: 50%; display: block; content: ''; border: 2px solid #fff; border-left-width: 0; border-top-width: 0; -ms-transform: translate(0, -50%) rotate(-45deg); transform: translate(0, -50%) rotate(-45deg); }

#area20210930 ._keys { margin-top: 20px; background: #e3e3e3; padding: 4px 4px 4px 36px; position: relative; display: inline-block; }

#area20210930 ._keys:after { content: ""; display: block; position: absolute; top: 12px; left: 12px; background-image: url(/contents/nikki/event/20210930/images/icon_tag.svg); background-size: 100% 100%; width: 15.6px; height: 15.6px; }

#area20210930 ._keys ._keys-in { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

#area20210930 ._keys ._keys-in > span { display: block; margin: 2px; background: #fff; padding: 4px 10px; font-size: 12px; }

@media only screen and (max-width: 768px){
 ._pc{ display: none; }
 ._sp{ display: block; }
 #area20210930 .mv-container .mv{ height: 125px; }
 #area20210930 .mv-container h1{ font-size: 24px; }
 #area20210930 .mv-container .mv-sm-text{ font-size: 16px; }
 #area20210930 .mv-container .mv-lg-text{ font-size: 24px; margin: 8px 0 0; } }

@media screen and (max-width: 768px){
 #area20210930 .ms-page-top{ bottom: 60px; right: 20px; display: none; width: 40px; }
 #area20210930 .ms-page-top img{ width: 100%; }
 #area20210930 .block-read{ padding: 0 10px; font-size: 14px; }
 #area20210930 .block-main{ margin-top: 20px; padding: 15px 15px 30px 15px; min-height: 300px; }
 #area20210930 .block-main h2{ margin: 30px 0 0 0; font-size: 16px; padding: 0 0 0 25px; }
 #area20210930 .block-main h2:after{ width: 15.6px; height: 15.6px; }
 #area20210930 .block-condition ._btns{ display: none; }
 #area20210930 .block-companys{ margin-top: 20px; }
 #area20210930 .block-companys ._items > ._item{ padding: 15px; }
 #area20210930 .block-companys ._row-main ._main-image{ margin-top: 15px; }
 #area20210930 .block-companys ._main-texts{ line-height: 1.5; }
 #area20210930 .block-companys ._main-texts ._t1{ font-size: 16px; font-weight: bold; }
 #area20210930 .block-companys ._main-texts ._t2{ font-size: 12px; margin-top: 10px; font-weight: bold; }
 #area20210930 .block-companys ._row-text{ margin-top: 15px; font-size: 12px; }
 #area20210930 .block-companys ._row-btn-intern{ margin-top: 20px; }
 #area20210930 .block-companys ._row-btn-rank{ margin-top: 20px; padding-top: 20px; }
 #area20210930 .block-more{ margin-top: 30px; padding: 0 15px 40px 15px; }
 #area20210930 .block-more > p{ font-size: 12px; }
 #area20210930 .block-more ._row{ margin-top: 40px; }
 #area20210930 .block-more ._row img{ width: 100%; }
 #area20210930 .block-more ._row ._col + ._col{ margin-top: 10px; }
 #area20210930 .block-more ._row p{ font-size: 12px; }
 #area20210930 .block-pickup ._box{ border: 2px solid #594031; padding: 25px 15px; }
 #area20210930 .block-pickup ._title{ top: -2px; left: -2px; width: 40px; height: 40px; }
 #area20210930 .block-pickup ._items ._item ._cols ._image{ padding: 0 2px; }
 #area20210930 .block-pickup ._items ._item ._cols ._texts{ margin-top: 10px; padding: 0 5px; }
 #area20210930 .block-pickup ._items ._item ._cols ._texts ._t1{ font-size: 15px; }
 #area20210930 .block-pickup ._items ._item ._cols ._texts ._t1:after{ width: 13.3px; height: 9.8px; }
 #area20210930 .block-pickup ._items ._item ._cols ._texts ._t2{ font-size: 11px; }
 #area20210930 ._btn-more{ display: block; font-size: 16px; padding: 20px 10px; border-bottom: 3px solid #cc6600; }
 #area20210930 ._btn-more:after{ width: 14px; height: 9.8px; right: 15px; }
 #area20210930 ._btn-rank{ line-height: 1.2; display: block; font-size: 12px; padding: 6px; }
 #area20210930 ._btn-rank + ._btn-rank{ margin-top: 10px; }
 #area20210930 ._btn-rank:before{ width: 7px; height: 7px; right: 15px; } }

@media print, screen and (min-width: 769px){
 #area20210930{ width: 1200px; margin: 0 auto 40px; font-size: 14px; }
 #area20210930 .block-main{ margin-top: 40px; padding: 50px; min-height: 500px; }
 #area20210930 .block-main h2{ margin: 60px 0 0 0; font-size: 24px; padding: 0 0 0 40px; }
 #area20210930 .block-main h2:after{ width: 26px; height: 26px; }
 #area20210930 .block-condition ._btns-sp{ display: none; }
 #area20210930 .block-companys{ margin-top: 40px; }
 #area20210930 .block-companys ._items > ._item{ padding: 50px; }
 #area20210930 .block-companys ._row-main{ position: relative; display: -ms-flexbox; display: flex; -ms-flex-direction: row-reverse; flex-direction: row-reverse; -ms-flex-pack: justify; justify-content: space-between; }
 #area20210930 .block-companys ._row-main ._main-image{ width: 410px; }
 #area20210930 .block-companys ._row-main ._main-texts{ width: calc(100% - 430px); }
 #area20210930 .block-companys ._main-texts{ line-height: 1.5; }
 #area20210930 .block-companys ._main-texts ._t1{ font-size: 26px; font-weight: bold; }
 #area20210930 .block-companys ._main-texts ._t2{ font-size: 18px; margin-top: 10px; font-weight: bold; }
 #area20210930 .block-companys ._row-text{ margin-top: 20px; }
 #area20210930 .block-companys ._row-btn-intern{ margin-top: 40px; }
 #area20210930 .block-companys ._row-btn-rank{ margin-top: 40px; padding-top: 40px; }
 #area20210930 .block-companys ._btns{ text-align: center; }
 #area20210930 .block-companys ._btns.is-2{ display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; width: 920px; margin: 0 auto; }
 #area20210930 .block-more{ margin-top: 60px; padding: 0 0 40px 0; }
 #area20210930 .block-more ._row{ width: 820px; margin: 0 auto; margin-top: 40px; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; }
 #area20210930 .block-more ._row ._col{ width: 400px; }
 #area20210930 .block-more ._row p{ margin-top: 10px; }
 #area20210930 .block-pickup ._box{ border: 4px solid #594031; padding: 20px 40px; }
 #area20210930 .block-pickup ._title{ top: -4px; left: -4px; width: 60px; height: 60px; }
 #area20210930 .block-pickup ._items ._item ._cols{ display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; }
 #area20210930 .block-pickup ._items ._item ._cols ._image{ width: 300px; }
 #area20210930 .block-pickup ._items ._item ._cols ._texts{ -ms-flex: 1; flex: 1; padding: 0 0 0 30px; }
 #area20210930 .block-pickup ._items ._item ._cols ._texts ._t1{ font-size: 24px; }
 #area20210930 .block-pickup ._items ._item ._cols ._texts ._t1:after{ width: 19px; height: 14px; }
 #area20210930 .block-pickup ._items ._item ._cols ._texts ._t2{ font-size: 16px; }
 #area20210930 ._btn-more{ display: inline-block; font-size: 24px; width: 560px; padding: 23px; border-bottom: 4px solid #cc6600; }
 #area20210930 ._btn-more:after{ width: 20px; height: 14px; right: 20px; }
 #area20210930 ._btn-rank{ line-height: 1.2; display: inline-block; font-size: 18px; width: 450px; padding: 13px; }
 #area20210930 ._btn-rank:before{ height: 10px; width: 10px; right: 20px; } }

@media only screen and (min-width: 769px) and (max-width: 1200px){
 #area20210930 .mv-container h1{ font-size: 28px; } }