@charset "UTF-8";

/* ■■■　スライダー　■■■
---------------------------------------------------- */
#contentsBox .sliderBox { width: 732px; background: url(../images/bg_slider_bottom.gif) no-repeat 0 100%; position: relative; margin-bottom: 20px; }
#contentsBox .sliderBox_inner { background: url(../images/bg_slider_top.gif) no-repeat 0 0; padding: 10px; }
#contentsBox .sliderBox h2 { position: absolute; top: 0; left: 0; z-index: 800; }
#slider-id { margin-bottom: 10px; }
#slider-id dl dt { width: 150px; float: left; }
#slider-id dl dd { padding-left: 170px; }
#slider-id h3 a { font-weight: bold; color: #59b606; font-size: 21px; line-height: 21px; }
#slider-id h3 { margin-bottom: 3px; }
#slider-id h3 a span { display: block; font-size: 14px; }
#slider-id p.author { font-weight: bold; margin-bottom: 3px; }
#slider-id p.price { background: url(../images/ic_price.gif) no-repeat 0 50%; padding-left: 60px; line-height: 23px; vertical-align: bottom; margin-bottom: 20px; font-weight: bold; }
#slider-id p.description { line-height: 120%; }
#contentsBox .sliderBox ul { display: inline-block; }
#contentsBox .sliderBox ul li { width: 200px; margin-right: 5px; float: left; }
#contentsBox .sliderBox ul.btn-area { position: relative; width: 100%; }
#contentsBox .sliderBox ul.btn-area li.btn-littele-mishimasha { width: 185px; margin-right: 0; float: right; }

/* ■■■　トップバナー　■■■
---------------------------------------------------- */
#contentsBox .bannerBox { margin-bottom: 20px; }
#contentsBox .bannerBox img { vertical-align: bottom; }
#contentsBox .bannerBox ul.bannerBox-2line { display: flex; align-items: stretch; justify-content: space-between; margin-bottom: 10px; }
#contentsBox .bannerBox ul.bannerBox-3line { display: flex; align-items: stretch; justify-content: space-between; }
#contentsBox .bannerBox ul.long li:last-child { margin-right: 0; }
#contentsBox .bannerBox ul.menu { display: flex; align-items: stretch; justify-content: flex-start; flex-wrap: wrap; margin-bottom: 10px; }
#contentsBox .bannerBox ul.menu li { margin-left: 3px; margin-bottom: 3px; }
#contentsBox .bannerBox ul.menu li:nth-of-type(4n+1) { margin-left: 0;}

/* ■■■　レコメンド　■■■
---------------------------------------------------- */
#contentsBox .recommendBox { margin-bottom: 10px; margin-top: 40px }
#contentsBox .recommendBox ul { display: flex; align-items: stretch; justify-content: flex-start; flex-wrap: wrap; }
#contentsBox .recommendBox ul li { width: 180px; margin-right: 3px; margin-bottom: 30px; background-color: #fff; border-radius: 8px; text-align: center; padding: 30px 0 20px; position: relative; display: flex; align-items: center; justify-content: center; }
#contentsBox .recommendBox ul li:nth-of-type(4n) { margin-right: 0; }
#contentsBox .recommendBox span { border-radius: 20px; color: #fff; font-size: 12px; padding: 5px 20px; font-weight: bold; position: absolute; top: -15px; left: 50%; transform: translateX(-50%); width: 80px }
#contentsBox .recommendBox .recommend__yellow { background-color: #eec500; }
#contentsBox .recommendBox .recommend__red { background-color: #ff0244; }
#contentsBox .recommendBox .recommend__blue { background-color: #217DCA; }
#contentsBox .recommendBox .recommend__green { background-color: #06b6b0; }
#contentsBox .recommendBox .recommend__pink { background-color: #e6059f; }

/* ■■■　ニュース　■■■
---------------------------------------------------- */
#contentsBox .newsBox { width: 732px; background: url(../images/bg_contents_bottom.gif) #fff no-repeat 0 100%; position: relative; margin-bottom: 10px; }
#contentsBox .newsBox_inner { background: url(../images/bg_contents_top.gif) no-repeat 0 0; padding: 15px 15px 5px; }
#contentsBox .newsBox h2 { background: url(../images/top/bg_h2.gif) no-repeat 0 100%; margin-bottom: 15px; padding-bottom: 15px; }
#contentsBox .newsBox p.bt_news { text-align: right; margin-bottom: 10px; }
#contentsBox .newsBox ul li { margin-bottom: 10px; border-bottom: 1px solid #f2f2f2; padding-bottom: 10px; }
#contentsBox .newsBox ul li:last-child { border-bottom: none; padding-bottom: 0; }
#contentsBox .newsBox dl { width: 100%; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #f2f2f2; overflow: hidden }
#contentsBox .newsBox dl dt { font-weight: bold; margin-bottom: 10px; float: left; width: 8em; }
#contentsBox .newsBox dl dt span { padding: 5px 0; width: 7em; background: #000; color: #fff; font-size: 90%; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; margin-right: 10px; display: inline-block; text-align: center }
#contentsBox .newsBox dl dt span.oshirase { background: #217DCA }
#contentsBox .newsBox dl dt span.event { background: #eec500 }
#contentsBox .newsBox dl dt span.book { background: #06b6b0 }
#contentsBox .newsBox dl dt span.fair { background: #ff7f02 }
#contentsBox .newsBox dl dt span.publish { background: #ff0244 }
#contentsBox .newsBox dl dt span.mslive { background: #e6059f }
#contentsBox .newsBox dl dd { padding-left: 8em: }
#contentsBox .newsBox dl dd.red a { color: #FF0004; font-weight: bold; }