@charset "UTF-8";
#mainContentNaviContainer { margin-bottom: 0; }

#mainContentNavi { -webkit-border-radius: 0; border-radius: 0; }

#contentLogo .serviceName { font-size: 16px; }

#contentHeader { padding: 32px 20px; border-bottom: none; }
#contentHeader .subArea { height: 39px; }
#contentHeader .subTitle { font-size: 12px; color: #666; margin: 3px 0 0 0; }

#mainContentWrap { margin: 5px 0 0 0; }

#sideContent2 { margin: 5px 0 0 0; }

.pageHeaderList { margin-bottom: 14px; }
.pageHeaderList li { padding: 0 10px; display: inline; border-right: 1px solid #999; }
.pageHeaderList li.end { border: none; }

.moreDetails { float: left; display: block; margin: 0 0 0 5px; text-align: center; border: 1px solid #999; -webkit-border-radius: 5px; border-radius: 5px; -webkit-text-shadow: 1px 1px 1px #FFF; text-shadow: 1px 1px 1px #FFF; position: relative; background: -webkit-linear-gradient(top, #FCFCFC 0%, #DADADA 100%); background: linear-gradient(to bottom, #FCFCFC 0%, #DADADA 100%); -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(StartColorStr=#FCFCFC, EndColorStr=#DADADA)"; }
.moreDetails a { padding: 3px 5px; display: block; width: 105px; text-decoration: none; }
.moreDetails a:hover { display: block; width: 105px; text-decoration: none; -webkit-border-radius: 5px; border-radius: 5px; position: relative; -webkit-text-shadow: 1px 1px 1px #FFF; text-shadow: 1px 1px 1px #FFF; background: -webkit-linear-gradient(top, #FCFCFC 0%, #DFDFDF 100%); background: linear-gradient(to bottom, #FCFCFC 0%, #DFDFDF 100%); -ms-g: "progid:DXImageTransform.Microsoft.Gradient(StartColorStr=#FCFCFC, EndColorStr=#DFDFDF)"; }

.contentGuideSection { margin-bottom: 5px; background-color: #FFF; border: 1px solid #E5E5E5; }
.contentGuideSection h3 { font-size: 14px; background-color: #CBCBCB; padding: 5px 10px 2px 10px; color: #333; font-weight: normal; }
.contentGuideSection h4 { background-color: #F2F2F2; }
.contentGuideSection .level1 > li { position: relative; border-bottom: 1px solid #E5E5E5; }
.contentGuideSection .level1 > li.selected > a .fa { position: absolute; top: 50%; left: 12px; font-size: 16px; color: #666; margin-top: -7px; }
.contentGuideSection .level1 > li:last-child { border-bottom: none; }
.contentGuideSection .level1 > li > a { position: relative; display: block; padding: 5px 0 5px 36px; color: #333; }
.contentGuideSection .level1 > li > a:before { position: absolute; content: ''; top: 50%; left: 10px; margin: -10px 0 0 0; width: 20px; height: 20px; background-color: #E6E6E6; -webkit-border-radius: 3px; border-radius: 3px; cursor: pointer; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08) inset; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08) inset; }
.contentGuideSection .level1 > li > a:hover:before { background-color: #D6D6D6; }
.contentGuideSection .level1 > li > a:hover { background-color: #FEF5CB; text-decoration: none; }

.detailContditionFilter { padding: 10px; }
.detailContditionFilter a { color: #333; }
.detailContditionFilter dt { height: 16px; line-height: 16px; margin-bottom: 5px; font-size: 12px; color: #666; }
.detailContditionFilter dt .iconOption { margin: 1px 5px 0 0; }
.detailContditionFilter dd { border-bottom: 1px dotted #CCC; padding: 0 0 4px; margin-bottom: 4px; }
.detailContditionFilter dd:last-child { padding-bottom: 0; margin-bottom: 0; }
.detailContditionFilter dd.bottom, .detailContditionFilter dt.bottom { border-bottom: none; }
.detailContditionFilter .detailSelect { overflow: hidden; }
.detailContditionFilter .detailSelect li { border-right: 1px solid #E6E6E6; float: left; text-align: center; width: 33.3333%; -webkit-box-sizing: border-box; box-sizing: border-box; }
.detailContditionFilter .detailSelect li:last-child { border: none; }
.detailContditionFilter .detailSelect a { display: block; padding: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.detailContditionFilter .detailSelect a.on { background: #FEF5CB; color: #E00000; font-weight: bold; }
.detailContditionFilter .detailSelect li a:hover { background: #FEF5CB; color: #E00000; text-decoration: none; }

.default { margin-top: 5px; text-align: center; }

.genreFilter { background-color: #F8F8F8; }
.genreFilter input[type="checkbox"] { float: left; margin: 2px 5px 0 0; }
.genreFilter label { display: block; font-size: 13px; padding: 4px 8px; border-bottom: 1px dotted #CCC; }
.genreFilter label:hover { background-color: #FEF5CB; }

.calendarFilter h3 { font-size: 13px; background-color: #E6E6E6; padding: 4px 8px; }
.calendarFilter h4 { font-size: 12px; padding: 4px 10px; }
.calendarFilter .month { padding: 5px 10px; }
.calendarFilter .month li { float: left; width: 20%; text-align: right; }
.calendarFilter .month .selected a { background-color: #FEF5CB; }
.calendarFilter .month a { color: #333; display: block; padding: 5px 3px; font-size: 13px; text-align: center; -webkit-border-radius: 3px; border-radius: 3px; }
.calendarFilter .month a:hover { text-decoration: none; background-color: #FEF5CB; }
.calendarFilter .moreMonthView { display: block; text-align: right; padding: 10px; }
.calendarFilter .moreMonthView:hover { background-color: #FEF5CB; text-decoration: none; }
.calendarFilter .moreMonthView .fa { position: relative; bottom: -1px; margin-left: .5em; font-weight: normal; }
.calendarFilter .otherMonth { margin: -5px  0 0 0; position: relative; }
.calendarFilter .otherMonth:hover .hideMonthBox { opacity: 1; visibility: visible; }
.calendarFilter .hideMonthBox { position: absolute; top: -80px; left: 192px; -webkit-transition: all 0.1s ease; transition: all 0.1s ease; visibility: hidden; opacity: 0; background-color: #FFF; padding: 10px; width: 240px; height: 320px; -webkit-overflow-scrolling: touch; overflow-y: auto; -webkit-box-shadow: 0 2px 12px rgba(0, 0, 0, 0.2); box-shadow: 0 2px 12px rgba(0, 0, 0, 0.2); }
.calendarFilter .hideMonthBox::-webkit-scrollbar { overflow: hidden; width: 5px; background: #E6E7E8; -webkit-border-radius: 3px; border-radius: 3px; }
.calendarFilter .hideMonthBox::-webkit-scrollbar:horizontal { height: 5px; }
.calendarFilter .hideMonthBox::-webkit-scrollbar-button { display: none; }
.calendarFilter .hideMonthBox::-webkit-scrollbar-piece { background: #E6E7E8; }
.calendarFilter .hideMonthBox::-webkit-scrollbar-piece:start { background: #E6E7E8; }
.calendarFilter .hideMonthBox::-webkit-scrollbar-thumb { overflow: hidden; -webkit-border-radius: 3px; border-radius: 3px; background: rgba(0, 0, 0, 0.28); }
.calendarFilter .hideMonthBox::-webkit-scrollbar-corner { overflow: hidden; -webkit-border-radius: 3px; border-radius: 3px; background: rgba(0, 0, 0, 0.28); }
.calendarFilter .hideMonthBox .month { padding: 5px 0; }

#searchBox { float: left; background-color: #FFF; border: none; padding: 0; }
#searchBox select { position: relative; padding: 2px; border: 1px solid #999; height: 24px; -webkit-border-radius: 3px; border-radius: 3px; }

.itemBlockWrap { margin-bottom: 5px; background-color: #FFF; border: 1px solid #E5E5E5; }

.itemBlock > ul > li { border-bottom: 1px dotted #CCC; }
.itemBlock > ul > li:last-child { border-bottom: none; }
.itemBlock .userActionBtn { float: right; }
.itemBlock .userActionBtn li { float: left; width: 53px; height: 17px; /*	background: url(/img/button_mini_sprite.png) no-repeat; */ overflow: hidden; text-indent: -99999px; }
.itemBlock .odd { background-color: #FCFCFC; }

.statusBtn { background: url(/img/button_mini_sprite.png) no-repeat; }
.statusBtn a { background: url(/img/button_mini_sprite.png) no-repeat; }

/*興味ある*/
.interestBtn01 { background-position: -55px -60px; }
.interestBtn01 a { background-position: -55px -60px; }
.interestBtn01 a:hover, .interestBtn01 a:active { background-position: -55px -20px; }

.interestBtn02 { background-position: -55px -40px; }
.interestBtn02 a { background-position: -55px -40px; }
.interestBtn02 a:hover, .interestBtn02 a:active { background-position: -55px -20px; }

/*購入決定赤ボタン*/
.buyBtn01 { background-position: -165px -60px; }
.buyBtn01 a { background-position: -165px -60px; }
.buyBtn01 a:hover, .buyBtn01 a:active { background-position: -165px -20px; }

.buyBtn02 { background-position: -165px -40px; }
.buyBtn02 a { background-position: -165px -40px; }
.buyBtn02 a:hover, .buyBtn02 a:active { background-position: -165px -20px; }

/*手放した*/
.nothaveBtn01 { background-position: -110px -60px; }
.nothaveBtn01 a { background-position: -110px -60px; }
.nothaveBtn01 a:hover, .nothaveBtn01 a:active { background-position: -110px -20px; }

.nothaveBtn02 { background-position: -110px -40px; }
.nothaveBtn02 a { background-position: -110px -40px; }
.nothaveBtn02 a:hover, .nothaveBtn02 a:active { background-position: -110px -20px; }

/*持ってる*/
.haveBtn01 { background-position: 0 -60px; }
.haveBtn01 a { background-position: 0 -60px; }
.haveBtn01 a:hover, .haveBtn01 a:active { background-position: 0 -20px; }

.haveBtn02 { background-position: 0 -40px; }
.haveBtn02 a { background-position: 0 -40px; }
.haveBtn02 a:hover, .haveBtn02 a:active { background-position: 0 -20px; }

.itemBlock > ul > li { padding: 5px 10px; }
.itemBlock li:hover { background-color: #fff0a0; }
.itemBlock li:hover .userActionBtn li.haveBtn01 { background-position: 0 0; cursor: pointer; }
.itemBlock li:hover .userActionBtn li.interestBtn01 { background-position: -55px 0; cursor: pointer; }
.itemBlock li:hover .userActionBtn li.nothaveBtn01 { background-position: -110px 0; cursor: pointer; }
.itemBlock li:hover .userActionBtn li.buyBtn01 { background-position: -165px 0; cursor: pointer; }
.itemBlock li:hover .userActionBtn li.haveBtn01:hover { background-position: 0 -20px; cursor: pointer; }
.itemBlock li:hover .userActionBtn li.interestBtn01:hover { background-position: -55px -20px; cursor: pointer; }
.itemBlock li:hover .userActionBtn li.nothaveBtn01:hover { background-position: -110px -20px; cursor: pointer; }
.itemBlock li:hover .userActionBtn li.buyBtn01:hover { background-position: -165px -20px; cursor: pointer; }
.itemBlock li:hover .userActionBtn li.haveBtn01.orange.on { background-position: 0 -40px; cursor: pointer; }
.itemBlock li:hover .userActionBtn li.interestBtn01.orange.on { background-position: -55px -40px; cursor: pointer; }
.itemBlock li:hover .userActionBtn li.nothaveBtn01.orange.on { background-position: -110px -40px; cursor: pointer; }
.itemBlock li:hover .userActionBtn li.buyBtn01.orange.on { background-position: -165px -40px; cursor: pointer; }
.itemBlock ul li:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }

.itemInfoBox .inner:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }

.itemBlock ul li.end { border-bottom: none; }

.itemjacketBox { float: left; width: 55px; height: 55px; text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: #F2F2F2; border: 1px solid #E5E5E5; }
.itemjacketBox img { max-width: 100%; height: auto; max-height: 100%; }
.itemjacketBox .noImage { height: 54px; line-height: 54px; font-size: 10px; color: #666; font-weight: bold; }

.itemInfoBox { margin-left: 63px; min-height: 54px; }
.itemInfoBox .itemTop { margin-bottom: 2px; }
.itemInfoBox .itemName { font-weight: bold; font-size: 14px; }

.registNumBox { float: right; width: 80px; }
.registNumBox .registNum { float: right; padding: 1px 3px 0 3px; }

.rackEntryNum { color: #C03; font-weight: normal; }

.rackEntryNum01 { background: #FFF8F8; }

.rackEntryNum02 { background: #FFD0D0; }

.rackEntryNum03 { background: #FFB0B0; }

.rackEntryNum04 { background: #FF8080; }

.condtionFilter { color: #666; }
.condtionFilter li { position: relative; }
.condtionFilter li:last-child { border: none; }
.condtionFilter li.current a { color: #333; padding-left: 8px; border-left-width: 6px; border-left-style: solid; font-weight: bold; }
.condtionFilter li a { display: block; height: 32px; line-height: 32px; padding-left: 14px; font-size: 13px; color: #333; -webkit-box-sizing: border-box; box-sizing: border-box; }
.condtionFilter li a:hover { color: #333; background-color: #FEF5CB; text-decoration: none; padding-left: 8px; border-left-width: 6px; border-left-style: solid; }
.condtionFilter .calendar .menuList { margin-bottom: 0; }
.condtionFilter .calendar.current .menuList { margin-bottom: 0; background: #e3f6fc; border-left-color: #31AEE3; }
.condtionFilter .current .triangle { display: block; }
.condtionFilter .recentBox { padding: 5px 0 0 15px; }
.condtionFilter .current .recentBox { padding: 5px 0 0 15px; border: 1px solid #e3f6fc; background: #e3f6fc; -webkit-border-radius: 0 0 2px 2px; border-radius: 0 0 2px 2px; position: relative; }

.recentBox .year > li { margin-bottom: 10px; }
.recentBox .month { text-align: right; }
.recentBox .month li { float: left; width: 20%; text-align: right; -webkit-box-sizing: border-box; box-sizing: border-box; }
.recentBox .month li a { display: block; color: #333; padding: 3px 4px; -webkit-border-radius: 3px; border-radius: 3px; font-size: 13px; }
.recentBox .month li a:hover { text-decoration: none; background-color: #DBDBDB; }
.recentBox .month .current { background-color: #e3f6fc; width: 30px; margin-left: 8px; -webkit-border-radius: 5px; border-radius: 5px; }
.recentBox .yearHeading { margin-bottom: 5px; padding: 1px 7px; background: #eee; text-align: left; text-decoration: none; -webkit-border-radius: 2px; border-radius: 2px; position: relative; font-weight: normal; }
.recentBox:after, .recentBox .month:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }

/* memo ここから追加 */
.recommendBox { border-top: 1px solid #DDD; border-right: 1px solid #DDD; border-bottom: 2px solid #CCC; border-left: 1px solid #DDD; margin-top: 10px; padding: 5px; background: #F3F3F3; -webkit-border-radius: 5px; border-radius: 5px; position: relative; }
.recommendBox .inner { background: #FFF; padding: 5px; }
.recommendBox ul li { padding: 7px 0; border-bottom: 1px dotted #BBB; }
.recommendBox ul li.end { border-bottom: none; }
.recommendBox .heading { margin-bottom: 3px; }
.recommendBox .mainInfo { margin-top: 0px; }
.recommendBox .subInfo .icon { float: left; }
.recommendBox .registNum { font-size: 80%; }
.recommendBox .recRegistNum { float: left; }
.recommendBox .date, .recommendBox .price { font-size: 12px; color: #666; }

.metaInfo { margin: 3px 0 0 0; font-size: 11px; line-height: 13px; color: #777; }

.recommendBox .subInfo:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }

#titleSeachBox { margin-bottom: 15px; }

.titleSearch { float: right; }

.searchForm01 { line-height: 1.3; padding: 5px; width: 230px; height: 13px; border: 1px solid #ccc; resize: none; background: #fff; }

.postButton01 { margin: 0 0 0 5px; border: none; width: 86px; height: 25px; background: url(/img/icon_sprite.png) no-repeat -360px -30px; vertical-align: top; }

.list01 li { padding: 0 0 0 2px; }
.list01 ul.list02 { margin: 3px 0 0 7px; }
.list01 strong { display: block; background: url(/img/list_icon01.gif) no-repeat 2px 6px #f0faff; padding-left: 11px; }
.list01 .list02 li { margin-bottom: 5px; }
.list01 .list02 li.bottom { margin-bottom: 0; }
.list01 a { display: block; background: url(/img/list_icon02_.gif) no-repeat 2px 5px; padding-left: 10px; }
.list01 a:hover { color: #D04000; text-decoration: underline; background-color: #f0faff; }

#leftColumn .border_bottom { border-bottom: 1px solid #CCC; }

.heading02 { margin-top: 5px; padding: 5px 5px 5px 10px; border-top: 1px solid #ccc; border-right: 1px solid #ccc; border-left: 1px solid #ccc; background: #eee; -webkit-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; font-size: 117%; color: #333; font-weight: bold; position: relative; }
.heading02.blue { border: 1px solid #acd2df; background: #e3eff4; background: -webkit-gradient(linear, center top, center bottom, from(#e3eff4), to(#eef9fd)); position: relative; }

.heading03 { font-size: 18px; border-left: 5px solid #464646; }
.heading03 .heading03inner { padding: 10px 10px 5px; border-bottom: 1px dotted #CCC; }
.heading03 a { color: #333; }
.heading03 a:hover { text-decoration: none; }

.filter .headingWord { width: 100%; float: left; }
.filter .headingWord strong { color: #E64C30; }

.openButton01, .closeButton01 { width: 506px; height: 20px; background: url(/img/icon_sprite.png) no-repeat; text-indent: -99999px; }
.openButton01 a, .closeButton01 a { width: 506px; height: 20px; background: url(/img/icon_sprite.png) no-repeat; text-indent: -99999px; }

.openButton01 { background-position: -250px -250px; }
.openButton01 a { background-position: -250px -250px; }
.openButton01 a:hover, .openButton01 a:active { background-position: -250px -370px; }
.openButton01 .inner a { width: 506px; height: 20px; display: block; font-size: 90%; }

/*閉じるボタン*/
.closeButton01 { background-position: -250px -310px; }
.closeButton01 a { background-position: -250px -310px; }
.closeButton01 a:hover, .closeButton01 a:active { background-position: -250px -430px; }
.closeButton01 .inner a { width: 506px; height: 20px; display: block; }

/*開くボタン*/
.openButton02, .closeButton02 { margin-top: 0; width: 160px; height: 30px; background: url(/img/icon_sprite.png) no-repeat; text-indent: -99999px; }
.openButton02 a, .closeButton02 a { margin-top: 0; width: 160px; height: 30px; background: url(/img/icon_sprite.png) no-repeat; text-indent: -99999px; }

.openButton02 { background-position: -250px -280px; }
.openButton02 a { background-position: -250px -280px; }
.openButton02 a:hover, .openButton02 a:active { background-position: -250px -400px; }
.openButton02 .inner a { width: 160px; height: 22px; display: block; }

/*閉じるボタン*/
.closeButton02 { background-position: -250px -340px; }
.closeButton02 a { background-position: -250px -340px; }
.closeButton02 a:hover, .closeButton02 a:active { background-position: -250px -460px; }
.closeButton02 .inner a { width: 160px; height: 22px; display: block; }

.iconDevice, .iconOption { float: left; margin: 3px 5px 0 0; }

.leftBox01 { padding: 5px 0 0 2px; border: 1px solid #ccc; border-bottom: none; border-top: none; }

.leftHeading01 { padding-top: 6px; text-align: center; width: 160px; height: 22px; background: url(/img/icon_sprite.png) no-repeat -470px 0; }

#pageFooter { float: left; margin-top: 20px; }

.footerBox01 { margin: 0 14px 0 0; width: 150px; float: left; min-height: 150px; }
.footerBox01 li { margin-top: 10px; }

.footerHeading { margin-bottom: 10px; padding: 3px 5px; font-size: 120%; background: #ACD2DF; -webkit-border-radius: 2px; border-radius: 2px; border: 1px solid #ACD2DF; color: #FFF; font-weight: bold; -webkit-text-shadow: 1px 1px 1px #999; text-shadow: 1px 1px 1px #999; }

#releaseSchedule h3 { margin-bottom: 10px; padding: 7px 0 0 7px; height: 26px; background: url(/img/common_sprite2.gif) no-repeat 0 -176px; font-weight: bold; font-size: 115%; }
#releaseSchedule li { float: left; margin-right: 0; }
#releaseSchedule dl { position: relative; margin: 5px 0; }
#releaseSchedule dd { margin-left: 45px; height: 1.2em; overflow: hidden; }
#releaseSchedule dt.icons { position: absolute; top: -1px; left: 5px; margin: 3px 0; }

* html #releaseSchedule dt.icons { left: -40px; margin: 0; }

#mainContentFilterWrap { margin-bottom: 5px; }

#mainContentFilter ul li { float: left; text-align: center; width: 33.3333%; -webkit-box-sizing: border-box; box-sizing: border-box; }
#mainContentFilter ul li.current a { color: #FFF; border: 2px solid #1b1b1b; background-color: #1b1b1b; }
#mainContentFilter ul li.current a:after { position: absolute; content: ''; bottom: -12px; left: 50%; margin-left: -6px; border: 6px solid transparent; border-top-color: #1b1b1b; }
#mainContentFilter ul li.current a:hover { background-color: #1b1b1b; }
#mainContentFilter ul li:first-child { padding-right: 5px; }
#mainContentFilter ul li:last-child { padding-left: 5px; }
#mainContentFilter ul li a { position: relative; color: #333; display: block; height: 45px; line-height: 45px; font-size: 13px; background-color: #D6D6D6; -webkit-border-radius: 3px; border-radius: 3px; -webkit-box-sizing: border-box; box-sizing: border-box; }
#mainContentFilter ul li a:hover { text-decoration: none; background-color: #DBDBDB; }