@charset "UTF-8";

/* 無料モニター特集 日付なし PC */
/* 季節特集 PC 共通テンプレート */
.pointList-Lists_SortBox { padding: 20px; }

.spellsFeature-EndInfo { background: #ffeeee; padding: 20px; }

.spellsFeature-NoItem { padding: 20px 40px; margin: 16px; text-align: center; }

.spellsFeature-NoItem_Tile { text-align: center; padding-left: 0; }

.spellsFeatureMonitor-Title { margin: 0; }

.spellsFeatureMonitor-Text_Box { background-color: #fefadc; margin-bottom: 20px; margin-top: -1px; padding: 8px; }

.spellsFeatureMonitor-Text { color: #525252; text-align: center; line-height: 2em; margin: 20px; }

.spellsFeatureMonitor-Text_Marker { background: linear-gradient(transparent 50%, #fff100 0); font-weight: bold; }

.spellsFeatureMonitor-Text_Title { font-weight: bold; color: #8c6239; margin: 20px 0 0; text-align: center; letter-spacing: 1px; line-height: 1em; }

.spellsFeatureMonitor-Text_Title-text { font-weight: bold; font-size: 20px; display: inline-block; padding: 0 20px 8px; border-bottom: 1px solid #8c6239; }

.spellsFeatureMonitor-FlowAd { display: none; }

.spellsFeatureMonitor-FlowAd_Icon { width: 13px; vertical-align: middle; margin-right: 10px; display: inline-block; }

.spellsFeatureMonitor-FlowAd_Title { font-size: 16px; font-weight: bold; color: #f96da5; text-align: center; margin: 20px 0 10px; }

.spellsFeatureMonitor-FlowAd_Title-item { line-height: 60px; text-align: left; list-style: none; font-weight: bold; margin: 0 30px; height: 3.5em; }

.spellsFeatureMonitor-FlowAd_Title-item:before { counter-increment: titlenum; content: " " counter(titlenum); width: 24px; height: 24px; border-radius: 24px; line-height: 25px; margin-right: 5px; text-align: center; display: inline-block; font-size: 15px; font-weight: bold; color: #ffffff; background: #f96da5; }

.spellsFeatureMonitor-FlowAd_InnerList { text-align: left; margin: 0 30px; line-height: 2em; font-size: 15px; }

.spellsFeatureMonitor-FlowAd_Image { width: 670px; margin: auto; padding: 20px 0; display: block; }

.spellsFeatureMonitor-FlowAd_Accordion-button { cursor: pointer; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 550px; height: 50px; line-height: 50px; margin: 20px auto; padding: 0 15px; border: 1px solid #dddddd; border-radius: 6px; font-weight: bold; font-size: 15px; text-decoration: none; text-align: center; color: #525252; letter-spacing: 2px; position: relative; display: block; background: #ffffff; }

.spellsFeatureMonitor-FlowAd_Accordion-button::after { content: ""; width: 9px; height: 9px; transform: translateY(-25%) rotate(45deg); border-bottom: solid 3px #cccccc; border-right: solid 3px #cccccc; position: absolute; top: 40%; right: 20px; display: inline-block; }

.spellsFeatureMonitor-FlowAd:checked ~ .spellsFeatureMonitor-FlowAd_Accordion-button::after { content: ""; transform: rotate(225deg); }

.spellsFeatureMonitor-FlowAd_Accordion-button:hover { background-color: #fefff3; border-radius: 5px; }

.spellsFeatureMonitor-FlowAd_Accordion-step { width: 730px; max-height: 0; overflow: hidden; transition: max-height 0.6s; list-style: none; padding: 0; margin: auto; counter-reset: titlenum; background: #ffffff; }

.spellsFeatureMonitor-FlowAd:checked ~ .spellsFeatureMonitor-FlowAd_Accordion-step { width: 730px; max-height: 500vh; list-style: none; padding-bottom: 20px; margin: auto auto 30px; background: #ffffff; }

.footer-Note_LogoLink { height: initial; }

.spellsFeatureMonitor-Text_Box-christmas { background-color: #f7f1da; margin-bottom: 20px; margin-top: -1px; padding: 8px; }

.spellsFeatureMonitor-Text_Title-christmas { font-weight: bold; color: #872613; margin: 20px 0 0; text-align: center; letter-spacing: 1px; line-height: 1em; }

.spellsFeatureMonitor-Text_Title-textChristmas { font-weight: bold; font-size: 20px; display: inline-block; padding: 0 20px 8px; border-bottom: 1px solid #872613; }

.spellsFeatureMonitor-Text_Box-newYear { background-color: #fff8e5; margin-bottom: 20px; margin-top: -1px; padding: 8px; }

.spellsFeatureMonitor-Text_Title-newYear { font-weight: bold; color: #108b43; margin: 20px 0 0; text-align: center; letter-spacing: 1px; line-height: 1em; }

.spellsFeatureMonitor-Text_Title-textNewYear { font-weight: bold; font-size: 20px; display: inline-block; padding: 0 20px 8px; border-bottom: 1px solid #108b43; }