@charset "UTF-8";
/* ==================== SP ==================== */
@media screen and (max-width:767px){
.sp{display: block;}
.pc{display: none;}

#headArea .spInner {
  position: fixed;
  z-index: 100;
  top: 0;
  left: 0;
  background: #fff;
  padding: 14px 0 8px;
  width: 100%;
}
#headArea .logo {
  padding: 0 24.53%;
}
#headArea .logo img {
  width: 100%;
}
#headArea .gNavBtn {
  position: absolute;
  top: 0;
  right: 0;
  width: 14.4%;
  height: 100%;
}
#headArea .gNavBtn a {
  display: block;
  overflow: hidden;
  text-indent: -9999px;
  background: url("/db/assets/img/gnav_sp.png") no-repeat 0 0;
  background-size: cover;
  width: 100%;
  height: 100%;
}
#headArea .gNavBtn.on a {
  background: url("/db/assets/img/gnav_sp_on.png") no-repeat 0 0;
  background-size: cover;
}
#headArea .gNav {
  display: none;
  background: #000;
  position: absolute;
  z-index: 100;
  top: 100%;
  left: 0;
  padding: 23px 0 30px;
  width: 100%;
}
#headArea .gNav .login {
  margin: 0 0 14px;
  padding: 0 6.25%;
}
#headArea .gNav .login a {
  position: relative;
  display: block;
  background: #ec58b8;
  border-radius: 6px;
  color: #fff;
  padding: 16px 0;
  text-align: center;
}
#headArea .gNav .login.on a {
  background: #fff;
  color: #4f4f4f;
}
#headArea .gNav .login .ic {
  position: absolute;
  top: 50%;
  left: 17px;
  width: 24px;
  margin-top: -12px;
}
#headArea .gNav .login .ic img {
  width: 100%;
}
#headArea .gNav .login span {
  display: inline-block;
  padding: 4px 0 0;
}
#headArea .gNav .logout {
  border-bottom: 1px #8d8d8d solid;
  font-size: 86%;
  margin: 0 6.25% 10px auto;
  width: 110px;
}
#headArea .gNav .logout a {
  position: relative;
  display: block;
  color: #fff;
  padding: 12px 3px 11px 35px;
}
#headArea .gNav .logout a:after {
  display: block;
  position: absolute;
  content: "";
  background: url("/db/assets/img/ic_logout_sp.png") no-repeat 0 0;
  background-size: 14px 11px;
  top: 50%;
  left: 12px;
  margin-top: -5px;
  width: 14px;
  height: 11px;
}

#headArea .gNav ul {
  padding: 0 6.25%;
}
#headArea .gNav ul li {
  border-bottom: 1px #3e3e3e solid;
}
#headArea .gNav ul li a {
  position: relative;
  display: block;
  color: #fff;
  padding: 16px 3.125%;
}
#headArea .gNav ul li a:after {
  display: block;
  position: absolute;
  content: "";
  background: url("/db/assets/img/arr5.png") no-repeat 0 0;
  background-size: 5px 7px;
  top: 50%;
  right: 15px;
  margin-top: -3px;
  width: 5px;
  height: 7px;
}

#top .searchArea {
  background: #eee;
  margin: 0 -3.35%;
  padding: 10px 0;
}
#headArea .searchArea {
  background: #ffc5e6;
  margin: 14.4% 0 0;
  padding: 10px 0;
}

.searchArea .inner {
  padding: 0 4.68% 0 3.125%;
}
.searchArea .inner #search {
  position: relative;
  /* float:left;
  margin: 0 4.06% 0 0; */
  width: 100%;
}
.searchArea .inner #search .field {
  border-radius: 4px;
  box-sizing: border-box;
  font-size: 100%;
  padding: 5.25% 8% 5.25% 1.625%;
  width: 100%;
}
#top .searchArea .inner #search .field {
  border: 1px #ffa2d7 solid;
}
.searchArea .inner #search .btn {
  position: absolute;
  top: 50%;
  right: 8px;
  margin-top: -9px;
  text-indent: -9999px;
  background: url("/db/assets/img/search_btn_sp.gif") no-repeat 0 0;
  background-size: 18px;
  width: 18px;
  height: 18px;
}
.searchArea .inner .option {
  margin: 0;
  padding: 0;
  border: none;
  overflow: hidden;
  width: 24.375%;
}
.searchArea .inner .option img {
  display: block;
  width: 100%;
}
.searchArea .inner .option img.pc {
  display: none;
}
#headArea .breadCrumbsWrap {
  border-bottom: 1px #ccc solid;
}
#headArea .breadCrumbs {
  font-size: 72%;
  padding: 3.125% 1% 2% 3.125%;
}
#headArea .breadCrumbs li {
  float: left;
  background: url("/db/assets/img/arr6.png") no-repeat 100% 4px;
  background-size: 4px 6px;
  margin: 0 8px 0 0;
  padding: 0 8px 5px 0;
}
#headArea .breadCrumbs li:last-child {
  background: none;
  margin: 0;
  padding: 0;
}
#headArea .breadCrumbs li a {
  color: #4f4f4f:
}

#mainContent.summary {
  background: #1b1b1b;
  color: #fff;
}
#mainContent.summary .thumb {
  margin: 0 0 -16px;
}
#mainContent.summary .thumb img {
  width: 100%;
}
#mainContent.summary .info {
  padding: 18px 3.125% 24px;
}
#mainContent.summary .info .itemTtl {
  font-size: 114%;
  font-weight: bold;
  padding: 0 0 10px;
}
#mainContent.summary .info .itemTtl2 {
  padding: 0 0 15px;
}
#mainContent.summary .smTtl {
  font-size: 105%;
  font-weight: bold;
}
#mainContent.summary .info .cate {
  margin: 0 0 15px;
}
#mainContent.summary .info .cate li {
  float: left;
  background: #ec58b8;
  border-radius: 20px;
  color: #fff;
  font-size: 72%;
  margin: 0 6px 0 0;
}
#mainContent.summary .info .cate li a {
  display: block;
  color: #fff;
  padding: 6px 10px;
}
#mainContent.summary .info .cate li:last-child {
  margin: 0;
}
#mainContent.summary .info .since {
  font-size: 93%;
  line-height: 1.4;
  padding: 0 0 18px;
}
#mainContent.summary .info .txt {
  font-size: 93%;
  line-height: 1.7;
  padding: 0 0 20px;
}
#mainContent.summary .info .tag {
  color: #ec58b8;
  font-size: 86%;
  line-height: 1.6;
  padding: 0 0 16px;
}
#mainContent.summary .info .tag a {
  color: #ec58b8;
}
#mainContent.summary .info .award {
  font-size: 86%;
  padding: 0 0 20px;
}
#mainContent.summary .info .award dt {
  float: left;
  padding: 0 5px 0 0;
}
#mainContent.summary .info .award dd {
  overflow: hidden;
}

#mainContent.summary .info .other .option,
.contentArea .option {
  text-align: center;
  padding: 3.125% 0;
}
#mainContent.summary .info .other .option {
  border-bottom: 1px #666 solid;
  border-top: 1px #666 solid;
}
.contentArea .option {
  border-bottom: 1px #e1e1e1 solid;
  border-top: 1px #e1e1e1 solid;
  margin: 6.25% 3.125% 0;
}
#mainContent.summary .info .other .option .fav,
.contentArea .option .fav {
  position: relative;
  float: left;
  border-right: 1px #ccc solid;
  box-sizing: border-box;
  margin: 0 10px 0 0;
  padding: 0 10px 0 0;
  width: 43%;
}
#mainContent.summary .info .other .option .fav a {
  display: block;
  overflow: hidden;
  text-indent: -9999px;
  background: url(/db/assets/img/btn_favorite.png) no-repeat 0 0;
  background-size: contain;
  width: 100%;
  min-height: 30px;
  height: 38px;
}
#mainContent.summary .info .other .option .fav.on a {
  background: url(/db/assets/img/btn_favorite_on.png) no-repeat 0 0;
  background-size: contain;
}
.option .fav img {
  width: 100%;
}
#mainContent.summary .info .other .option .fav a:hover,
.contentArea .option .fav a:hover,
.option .fav a:hover img {
  opacity: 1.0!important;
}
#mainContent.summary .info .other .option .fav .flash_message {
  display: none;
  font-size: 86%;
  position: absolute;
  top: -65px;
  left: -28px;
  width: 140px;
  text-align: center;
  background: #fff;
  color: #333;
  padding: 10px;
  border-radius: 6px;
}
#mainContent.summary .info .other .option .fav .flash_message:after {
  position: absolute;
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #fff;
  bottom: -6px;
  left: 50%;
  margin-left: -3px;
}

#mainContent.summary .info .other .option .sns,
.contentArea .option .sns {
  overflow: hidden;
}
#mainContent.summary .info .other .option .sns li,
.contentArea .option .sns li {
  display: inline-block;
  margin: 0 10px 0 0;
  width: 38px;
  height: 38px;
}
#mainContent.summary .info .other .option .sns li:last-child,
.contentArea .option .sns li:last-child {
  margin: 0;
}
#mainContent.summary .info .other .option .sns li img,
.contentArea .option .sns li img {
  width: 100%;
  height: 100%;
}

.contentArea .leftColumn {
  padding: 3.125% 3.125% 6.25%;
}
.contentArea .leftColumn.type2 {
  padding-top: 0;
}
.contentArea .leftColumn .box .txt {
  line-height: 1.6;
}
.contentArea .leftColumn .copy {
  color: #999;
  font-size: 65%;
  padding: 8px 0 20px;
}


#top #mainContent {
  background: #1b1b1b;
}
#top #mainContent .sttl {
  background: #313131;
  color: #fff;
  font-size: 114%;
  font-weight: bold;
  text-align: center;
  padding: 3.125% 0;
}
#top #mainContent .slider .box img {
  display: block;
  margin: 0 auto;
  max-width: 100%;
  max-height: 180px;
}
#top #mainContent .slider .box .thumb {
  margin: 0 0 14px;
}
#top #mainContent .slider .box .info {
  padding: 0 3.125% 15px;
}
#top #mainContent .slider .box .ttl {
  height: 23px;
}
#top #mainContent .slider .box .ttl a {
  color: #fff;
}
#top #mainContent .slider .box .mdTagList1 {
  margin: 10px 0 0;
}
#top #mainContent .slider .box .mdTagList1 li {
  margin: 0 5px 5px 0;
}
#top #mainContent .slider .box .mdTagList1 li a {
  padding: 4px 9px 3px;
}
#top .contentArea .leftColumn {
  padding-top: 0;
}
#top .leftColumn #onAir {
  padding: 0 0 27px;
}
#top .leftColumn #onAir .mdTtl5 {
  margin: 0 -3.35% 12px;
}
#top .leftColumn #pickup {
  padding: 0 0 25px;
}
#top .leftColumn #pickup .mdTtl5 {
  margin: 0 -3.35% 12px;
}
#top .leftColumn #pickup .mdTagList2 {
  margin: 0 0 8px;
}
#top .leftColumn #pickup .mdServiceList {
  border-top: 1px #ccc solid;
  margin: 0 -3.125%;
  padding: 3.125% 0 3.125% 3.125%;
}
#top .leftColumn #pickup .mdList6 {
  border-top: 1px #ccc solid;
  background: #fafafa;
  margin: 0 -3.35%;
  padding: 3.125% 3.125% 20px;
}
#top .leftColumn #ranking .mdTtl5 {
  margin: 0 -3.35% 15px;
}
#search,
#favorite {
  overflow-x: hidden;
}
#search .tab {
  background: #000;
  margin: 0 -3.35%;
  padding: 10px 0 0;
}
#search .tab ul li {
  float: right;
  font-size: 86%;
  text-align: center;
  width: 25%;
}
#search .tab ul li a {
  display: block;
  color: #fff;
  padding: 8px 0;
}
#search .tab ul li.current {
  background: #ec58b8;
}

.contentArea .rightColumn {
  padding: 0 0 6.25%;
}
.contentArea .rightColumn .series .seriesLink {
  font-size: 86%;
  margin: 0 0 15px 6.25%;
}
.contentArea .rightColumn .bnrArea {
  margin: 20px 6.25% 0;
  width: auto;
}

.sortHead {
  position: relative;
  z-index: 2;
  margin: 0 0 22px;
}
.sortHead .sort{
  position: relative;
  z-index: 3;
  float: right;
  background: #fff;
  border: 1px #ec58b8 solid;
  border-radius: 4px;
  color: #ec58b8;
  font-size: 86%;
  margin: 10px 0 0 10px;
  padding: 7px 0 7px 16px;
  width: 90px;
}
.sortHead .sort:after {
  display: block;
  position: absolute;
  content: "";
  background: url("/db/assets/img/arr9.png") no-repeat 0 0;
  background-size: 6px 4px;
  top: 50%;
  right: 8px;
  margin-top: -2px;
  width: 6px;
  height: 4px;
}
.sortHead .sortWrap{
  display: none;
  position: absolute;
  z-index: 5;
  top: 0;
  right: 0;
  background: #272727;
  border-radius: 4px;
  color: #fff;
  padding-bottom: 9%;
  width: 100%;
}
.sortHead .sortWrap .sttl {
  border-bottom: 1px #4f4f4f solid;
  margin: 6.25%;
  padding: 0 0 5px;
}
.sortHead .sortWrap .sttl #sortClose{
    float: right;
}
.sortHead .sortWrap .sttl #sortClose a{
    display: block;
    text-indent: -9999px;
    background: url("/db/assets/img/sort_close.png") no-repeat 0 0;
    background-size: 22px;
    width: 22px;
    height: 22px;
}
.sortHead .sortWrap .sortList {
  margin: 0 6.25%;
}
.sortHead .sortWrap .sortList li {
  text-align: center;
  margin: 0 0 3.125%;
}
.sortHead .sortWrap .sortList li:last-child {
  margin: 0;
}
.sortHead .sortWrap .sortList li a{
  position: relative;
  display: block;
  background: #fff;
  border-radius: 6px;
  color: #ec58b8;
  padding: 12px 0;
}
.sortHead .sortWrap .sortList li a:before{
  display: block;
  position: absolute;
  content: "";
  background: url("/db/assets/img/arr5.png") no-repeat 0 0;
  background-size: 5px 7px;
  top: 50%;
  left: 66px;
  margin-top: -3px;
  width: 5px;
  height: 7px;
}

#signup {
  padding: 6.25% 3.125%;
}
#signup .attention {
  background: #ffffff;
  margin:0 0 20px;	
  padding: 20px 27px;
  border: solid 1px #ec58b8;
}
#signup .ttl {
  padding: 0 0 6.25%;
}
#signup .lead {
  font-size: 86%;
  padding: 0 0 30px;
}
#signup .lead a {
  color: #ec58b8;
  text-decoration: underline;
}
#signup .kind {
  margin: 0 0 17px;
}
#signup .kind .box {
  border: 2px #ec58b8 solid;
  box-sizing: border-box;
  color: #333;
  margin: 0 0 20px;
  padding: 28px 20px 22px;
  text-align: center;
}
#signup .kind .box .sttl {
  padding: 0 0 18px;
}
#signup .kind .box .mdBtn2,
#signup .kind .box .mdBtn3 {
  margin: 0 auto;
  width: 180px;
}
#signup .kind .box .mdBtn2 a,
#signup .kind .box .mdBtn3 a {
  padding: 12px 0;
}
#signup .kind .box .txt {
  font-size: 72%;
  line-height: 1.6;
  padding: 20px 0 0;
}

/*SP_メンテナンス用（新規会員登録コメントアウト時）*/
#signup .kind_mente {
  margin: 0 0 17px;
  text-align:center;
}
#signup .kind_mente .box_mente {
  border: 2px #ec58b8 solid;
  box-sizing: border-box;
  color: #333;
  margin: 0 0 20px;
  padding: 28px 20px 22px;
  text-align: center;
}
#signup .kind_mente .box_mente .sttl {
  padding: 0 0 18px;
}
#signup .kind_mente .box_mente .mdBtn2,
#signup .kind_mente .box_mente .mdBtn3 {
  margin: 0 auto;
  width: 180px;
}
#signup .kind_mente .box_mente .mdBtn2 a,
#signup .kind_mente .box_mente .mdBtn3 a {
  padding: 12px 0;
}
#signup .kind_mente .box_mente .txt {
  font-size: 72%;
  line-height: 1.6;
  padding: 20px 0 0;
}



#signup .already {
  background: #f2f2f2;
  margin: 0 0 15px;
  padding: 7% 6.25%;
}
#signup .already dl {
  margin: 0 0 25px;
}
#signup .already dl dt {
  font-size: 100%;
  font-weight: bold;
  padding: 0 0 16px;
}
#signup .already dl dd {
  font-size: 86%;
  line-height: 1.6;
}
#signup .already .mdLink3 {
  font-size: 79%;
}

#error #mainContent {
  margin: 0 auto;
  padding: 30px 0 70px;
}
#error #mainContent .ttl {
  font-size: 121%;
  font-weight: normal;
  padding: 0 0 30px 3.125%;
}
#error #mainContent .lead {
  font-size: 86%;
  line-height: 1.7;
  padding: 0 3.125% 30px;
}
#error #mainContent .txt {
  background: #FFECF7;
  line-height: 1.7;
  margin: 0 3.125% 20px;
  padding: 6.25%;
}
#error #mainContent .txt dt {
  font-weight: bold;
  padding: 0 0 10px;
}
#error #mainContent .txt dd {
  font-size: 86%;
}
#error #mainContent .txt dd p {
  margin: 0 0 10px;
}
#error #mainContent .txt dd .mdLink1 {
  background-position: 0 6px;
  font-size: 100%;
}
#error #mainContent .txt dd p:last-child {
  margin: 0 0 10px;
}

#footArea {
  background: #f8f8f8;
  padding: 0 0 30px;
}
#footArea #pTop a {
  display: block;
  background: #7d7d7d;
  color: #fff;
  text-align: center;
  padding: 34px 0 14px;
}
#footArea #pTop a span {
  position: relative;
}
#footArea #pTop a span:before {
  position: absolute;
  display: block;
  content: "";
  background: url("/db/assets/img/arr_ptop.png") no-repeat 0 0;
  background-size: 12px 8px;
  top: -14px;
  left: 50%;
  margin-left: -6px;
  width: 12px;
  height: 8px;
}
#footArea .inner .sns {
  border-bottom: 1px #ccc solid;
  text-align: center;
  padding: 15px 20.5%;
}
#footArea .inner .sns li {
  display: inline-block;
  margin-right: 11.25%;
  width: 19.4%;
}
#footArea .inner .sns li:last-child {
  margin: 0;
}
#footArea .inner .sns li img {
  width: 100%;
}
#footArea .inner .nav {
  margin: 15px 0 0;
  padding: 0 3.125%;
}
#footArea .inner .nav a {
  color: #666;
}
#footArea .inner .nav .main li {
  border-bottom: 1px #ccc solid;
}
#footArea .inner .nav .main li a {
  position: relative;
  display: block;
  font-weight: bold;
  padding: 18px 10px 18px 34px;
}
#footArea .inner .nav .main li a:before {
  position: absolute;
  display: block;
  content: "";
  background: url("/db/assets/img/arr1.png") no-repeat 0 0;
  background-size: 5px 8px;
  top: 50%;
  left: 15px;
  margin-top: -5px;
  width: 5px;
  height: 8px;
}
#footArea .inner .nav .sub {
  border-bottom: 1px #ccc solid;
  margin: 20px 0 0;
  padding: 0 0 20px 3.125%;
}
#footArea .inner .nav .sub li {
  font-size: 86%;
  margin: 0 0 14px;
}
#footArea .inner .nav .sub li:last-child {
  margin: 0;
}
#footArea .inner .copyright {
  color: #999;
  font-size: 79%;
  padding: 15px 0 0;
  text-align: center;
}
}


/* ==================== PC ==================== */
@media screen and (min-width:768px){
.sp{display: none;}
.pc{display: block;}

#headArea .inner {
  position: relative;
  margin: 0 auto;
  width: 1200px;
  height:84px;
}

#headArea .inner .logo {
  position: absolute;
  top: 19px;
  left: 422px;
}
#headArea .inner .login {
  position: absolute;
  top: 19px;
  right: 0;
}
#headArea .inner .login.on {
  right: 130px;
}
#headArea .inner .login a {
  display: block;
  background: #ec58b8;
  border-radius: 4px;
  color: #fff;
  font-size: 86%;
  padding: 8px 20px 8px 15px;
}
#headArea .inner .login.on a {
  background: #fff;
  border: 1px #ccc solid;
  box-sizing: border-box;
  color: #4f4f4f;
}
#headArea .inner .login .ic {
  float: left;
  margin: 0 6px 0 0;
  width: 30px;
}
#headArea .inner .login span {
  display: inline-block;
  overflow: hidden;
  padding: 9px 0 0;
}
#headArea .inner .logout {
  position: absolute;
  top: 19px;
  right: 20px;
  border-bottom: 1px #ccc solid;
}
#headArea .inner .logout a {
  position: relative;
  display: block;
  border-radius: 4px;
  color: #333;
  font-size: 86%;
  padding: 15px 0 15px 20px;
}
#headArea .inner .logout a:before {
  display: block;
  position: absolute;
  content: "";
  background: url("/db/assets/img/ic_logout.png") no-repeat 0 0;
  top: 50%;
  left: 0;
  margin-top: -6px;
  width: 15px;
  height: 12px;
}

#headArea .gNav {
  position: relative;
  overflow: hidden;
  border-top: 1px #eee solid;
  padding: 18px 0;
}
#headArea .gNav ul {
  position: relative;
  float: left;
  left: 50%;
}
#headArea .gNav ul li {
  position: relative;
  float: left;
  left: -50%;
  border-right: 1px #ddd solid;
  padding: 0 20px;
}
#headArea .gNav ul li:last-child {
  border-right: none;
}

/* searchArea ==================== */
.searchArea {
  background: #ffc5e6;
  padding: 10px 0;
}
#top .leftColumn .searchArea {
  background: #eee;
  padding: 20px 0;
}

#headArea .searchArea .inner {
  margin: 0 auto;
  width: 1200px;
  height: auto;
}
.searchArea .inner #search {
  /* float:left;
  border-right: 1px #999 solid;
  padding: 0 20px 0 0; */
  margin: 0 auto;
  width: 508px;
}
#top .leftColumn .searchArea .inner #search {
  margin: 0 auto;
  /* padding: 0 20px 0 0; */
}

.searchArea .inner #search .field {
  border: 1px #ffa2d7 solid;
  border-radius: 4px;
  box-sizing: border-box;
  font-size: 100%;
  margin: 0 6px 0 0;
  padding: 9px 5px 10px;
  width: 402px;
}
.searchArea .inner #search .btn {
  text-indent: -9999px;
  background: url("/db/assets/img/search_btn.png") no-repeat 0 0;
  width: 100px;
  height: 36px;
}
.searchArea .inner #search .btn:hover {
  cursor: pointer;
  opacity: .8;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
}
.searchArea .inner .option {
  overflow: hidden;
}
.searchArea .inner .option a {
  display: block;
  width: 97px;
}
.searchArea img {
  display: block;
}
.searchArea img.sp {
  display: none;
}

/* breadCrumbs ==================== */
#headArea .breadCrumbsWrap {
  border-bottom: 1px #ccc solid;
}
#headArea .breadCrumbs {
  font-size: 79%;
  margin: 0 auto;
  padding: 16px 0;
  width: 1200px;
}
#headArea .breadCrumbs li {
  float: left;
  background: url("/db/assets/img/arr2.png") no-repeat 100% 2px;
  margin: 0 8px 0 0;
  padding: 0 18px 0 0;
}
#headArea .breadCrumbs li:last-child {
  background: none;
  margin: 0;
  padding: 0;
}
#headArea .breadCrumbs li a {
  color: #4f4f4f:
}
#mainContent.summary .inner {
  margin: 0 auto;
  width: 1200px;
}

#top #mainContent {
  background: #1b1b1b;
  padding: 30px 0 55px;
}
#top #mainContent .inner {
  position: relative;
  left: 18px;
  margin: 0 auto;
  width: 1236px;
}
#top #mainContent .sttl {
  color: #fff;
  font-size: 128%;
  text-align: center;
  padding: 0 0 24px;
}
#top #mainContent .slider .box {
  float: left;
  background: #fff;
  margin: 0 36px 0 0;
  padding: 8px 8px 20px;
  width: 360px;
}
#top #mainContent .slider .box:nth-child(3n) {
  margin: 0;
}
#top #mainContent .slider .box img {
  display: block;
  margin: 0 auto;
  max-width: 100%;
  height: 232px;
}
#top #mainContent .slider .box .thumb {
  margin: 0 0 16px;
}
#top #mainContent .slider .box .thumb a {
  display: block;
  width: 100%;
  height: 232px;
  overflow: hidden;
}
#top #mainContent .slider .box .info {
  padding: 0 12px;
}
#top #mainContent .slider .box .ttl {
  height: 23px;
}
#top #mainContent .slider .box .mdTagList1 {
  margin: 15px 0 0;
}
#top #mainContent .slider .box .mdTagList1 a {
  color: #fff;
}
#top .leftColumn #onAir {
  padding: 0 0 54px;
}
#top .leftColumn #onAir .mdServiceList {
  padding: 0 0 20px;
}
#top .leftColumn #onAir .mdList5 {
  margin: 20px 0 40px;
}
#top .leftColumn #onAir .mdBtn1 {
  width: 280px;
}

#top .leftColumn #pickup {
  padding: 0 0 62px;
}
#top .leftColumn #pickup .mdTagList2 {
  border-bottom: 1px #ccc solid;
  margin: 24px 0 0;
  padding-bottom: 30px;
}
#top .leftColumn #pickup .mdServiceList {
  margin: 0 0 30px;
  padding: 16px 0;
}
#top .leftColumn #pickup .mdBtn1 {
  width: 280px;
}

#mainContent.summary {
  background: #1b1b1b;
  color: #fff;
  padding: 50px 0;
}
#mainContent.summary .thumb {
  float: left;
  margin: 0 36px 0 0;
  width: 480px;
  text-align: center;
}
#mainContent.summary .thumb img {
  max-width: 480px;
  max-height: 310px;
}
#mainContent.summary .info {
  overflow: hidden;
}
#mainContent.summary .info .itemTtl {
  font-size: 184%;
  font-weight: normal;
  padding: 0 0 10px;
}
#mainContent.summary .info .itemTtl2 {
  padding: 0 0 15px;
}
#mainContent.summary .smTtl {
  font-size: 114%;
  font-weight: bold;
}
#mainContent.summary .info .cate {
  margin: 0 0 22px;
}
#mainContent.summary .info .cate li {
  float: left;
  background: #ec58b8;
  border-radius: 20px;
  color: #fff;
  font-size: 72%;
  margin: 0 10px 0 0;
}
#mainContent.summary .info .cate li a{
  display: block;
  color: #fff;
  padding: 6px 14px;
}
#mainContent.summary .info .cate li:last-child {
  margin: 0;
}
#mainContent.summary .info .since {
  line-height: 1.4;
  padding: 0 0 24px;
}
#mainContent.summary .info .txt {
  line-height: 1.7;
  padding: 0 0 30px;
}
#mainContent.summary .info .tag {
  color: #ec58b8;
  line-height: 1.4;
  padding: 0 0 16px;
}
#mainContent.summary .info .tag a {
  color: #ec58b8;
}
#mainContent.summary .info .award {
  float: left;
  padding: 20px 0 0;
}
#mainContent.summary .info .award dt {
  float: left;
  padding: 0 5px 0 0;
}
#mainContent.summary .info .award dd {
  overflow: hidden;
}
#mainContent.summary .info .other .option {
  float: right;
}
#mainContent.summary .info .other .option .fav {
  position: relative;
  float: left;
  border-right: 1px #fff solid;
  box-sizing: border-box;
  margin: 0 16px 0 0;
  padding: 0 14px 0 0;
}
#mainContent.summary .info .other .option .fav a {
  display: block;
  overflow: hidden;
  text-indent: -9999px;
  background: url("/db/assets/img/btn_favorite.png") no-repeat 0 0;
  width: 110px;
  height: 40px;
}
#mainContent.summary .info .other .option .fav.on a {
  background: url("/db/assets/img/btn_favorite_on.png") no-repeat 0 0;
}
#mainContent.summary .info .other .option .fav .flash_message {
  display: none;
  font-size: 86%;
  position: absolute;
  top: -48px;
  left: -28px;
  width: 140px;
  text-align: center;
  background: #fff;
  color: #333;
  padding: 10px;
  border-radius: 6px;
}
#mainContent.summary .info .other .option .fav .flash_message:after {
  position: absolute;
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #fff;
  bottom: -6px;
  left: 50%;
  margin-left: -3px;
}

#mainContent.summary .info .other .option .sns {
  overflow: hidden;
}
#mainContent.summary .info .other .option .sns li {
  float: left;
  margin: 0 10px 0 0;
  width: 40px;
}
#mainContent.summary .info .other .option .sns li:last-child {
  margin: 0;
}
#mainContent.summary .info .other .option .sns li img {
  width: 100%;
}

.contentArea {
  margin: 0 auto;
  padding: 65px 0 90px;
  width: 1200px;
}
#search.contentArea,
#favorite.contentArea {
  padding: 50px 0 90px;
}
.contentArea .leftColumn {
  float: left;
  margin: 0 35px 0 0;
  width: 825px;
}
.contentArea .leftColumn .box {
  margin: 0 0 50px;
}
.contentArea .leftColumn .box:last-child {
  margin: 0;
}
.contentArea .leftColumn .box .txt {
  line-height: 1.6;
}
.contentArea .leftColumn .series .seriesLink {
  margin: 0 0 15px;
}
.contentArea .leftColumn .copy {
  color: #999;
  font-size: 79%;
  padding: 30px 0;
}
.contentArea .rightColumn {
  overflow: hidden;
}
.contentArea .rightColumn .bnrArea {
  margin: 20px 0 0;
}

.sortHead {
  position: relative;
  z-index: 2;
  margin: 0 0 65px;
}
.sortHead .sort{
  position: relative;
  z-index: 3;
  float: right;
  background: #fff;
  border: 1px #ec58b8 solid;
  border-radius: 4px;
  color: #ec58b8;
  padding: 12px 0 12px 27px;
  width: 100px;
}
.sortHead .sort:after {
  display: block;
  position: absolute;
  content: "";
  background: url("/db/assets/img/arr9.png") no-repeat 0 0;
  top: 50%;
  right: 15px;
  margin-top: -4px;
  width: 12px;
  height: 8px;
}
.sortHead .sort:hover{
  cursor: pointer;
}
.sortHead .sortList{
  display: none;
  position: absolute;
  z-index: 2;
  top: 58px;
  right: -28px;
  border-radius: 4px;
  -webkit-box-shadow: 0px 0px 15px 2px rgba(170,170,173,1);
  -moz-box-shadow: 0px 0px 15px 2px rgba(170,170,173,1);
  box-shadow: 0px 0px 15px 2px rgba(170,170,173,1);
  width: 160px;
  overflow: visible;
}
.sortHead .sortList:before{
  position: absolute;
  display: block;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 3.5px 7px 3.5px;
  border-color: transparent transparent #fff transparent;
  top: -7px;
  left: 16px;
}
.sortHead .sortList li a{
  display: block;
  padding: 10px 12px;
}
.sortHead .sortList li{
  background: #fff;
}
.sortHead .sortList li:nth-child(even){
  background: #f2f2f2;
}
.sortHead .sortList li:first-child{
  border-radius: 4px 4px 0 0;
}
.sortHead .sortList li:last-child{
  border-radius: 0 0 4px 4px;
}
.leftColumn .mdPager {
  margin: 40px 0 0;
}

#signup {
  width: 990px;
}
#signup .ttl {
  font-size: 200%;
  font-weight: normal;
  padding: 0 0 46px;
}
#signup .lead {
  padding: 0 0 44px;
}
#signup .lead a {
  color: #ec58b8;
  text-decoration: underline;
}
#signup .kind {
  margin: 0 0 52px;
}
#signup .kind .box {
  float: left;
  border: 2px #ec58b8 solid;
  box-sizing: border-box;
  color: #333;
  margin: 0 30px 0 0;
  padding: 40px 0 45px;
  text-align: center;
  width: 480px;
}
#signup .kind .box:last-child {
  margin: 0;
}
#signup .kind .box .sttl {
  padding: 0 0 20px;
}
#signup .kind .box .mdBtn2,
#signup .kind .box .mdBtn3 {
  margin: 0 auto;
  width: 273px;
}
#signup .kind .box .mdBtn2 a,
#signup .kind .box .mdBtn3 a {
  padding: 20px 0;
}

#signup .kind .box .txt {
  font-size: 86%;
  padding: 25px 0 0;
}
/*メンテナンス用（新規登録コメントアウト時）*/
#signup .kind_mente {
  margin: 0 0 52px;
  text-align:center;
}
#signup .kind_mente .box_mente {
  border: 2px #ec58b8 solid;
  box-sizing: border-box;
  color: #333;
  margin-left:auto;
  margin-right:auto;
  padding: 40px 0 45px;
  text-align: center;
  width: 480px;
}
#signup .kind_mente .box_mente:last-child {
  margin: 0;
}
#signup .kind_mente .box_mente .sttl {
  padding: 0 0 20px;
}
#signup .kind_mente .box_mente .mdBtn2,
#signup .kind_mente .box_mente .mdBtn3 {
  margin: 0 auto;
  width: 273px;
}
#signup .kind_mente .box_mente .mdBtn2 a,
#signup .kind_mente .box_mente .mdBtn3 a {
  padding: 20px 0;
}

#signup .kind_mente .box_mente .txt {
  font-size: 86%;
  padding: 25px 0 0;
}






#signup .already {
  background: #f2f2f2;
  padding: 50px 67px;
}
#signup .already dl {
  margin: 0 0 25px;
}
#signup .already dl dt {
  font-size: 114%;
  padding: 0 0 16px;
}
#signup .attention {
  background: #ffffff;
  margin:0 0 20px;	
  padding: 20px 27px;
  border: solid 1px #ec58b8;
}

#error #mainContent {
  margin: 0 auto;
  padding: 100px 0 150px;
  width: 1100px;
}
#error #mainContent .ttl {
  font-size: 220%;
  font-weight: normal;
  padding: 0 0 40px;
}
#error #mainContent .lead {
  line-height: 1.7;
  margin: 0 auto;
  padding: 0 0 30px;
  width: 800px;
}
#error #mainContent .txt {
  background: #FFECF7;
  line-height: 1.7;
  margin: 0 auto 40px;
  padding: 20px;
  width: 760px;
}
#error #mainContent .txt dt {
  font-weight: bold;
  padding: 0 0 10px;
}
#error #mainContent .txt dd p {
  margin: 0 0 10px;
}
#error #mainContent .txt dd .mdLink1 {
  font-size: 100%;
}
#error #mainContent .txt dd p:last-child {
  margin: 0 0 10px;
}

#footArea {
  background: #f8f8f8;
  padding: 0 0 78px;
}
#footArea #pTop a {
  display: block;
  background: #7d7d7d;
  color: #fff;
  text-align: center;
  padding: 34px 0 20px;
}
#footArea #pTop a span {
  position: relative;
}
#footArea #pTop a span:before {
  position: absolute;
  display: block;
  content: "";
  background: url("/db/assets/img/arr_ptop.png") no-repeat 0 0;
  background-size: 12px 8px;
  top: -14px;
  left: 50%;
  margin-left: -6px;
  width: 12px;
  height: 8px;
}
#footArea .inner {
  margin: 0 auto;
  padding: 27px 0 0;
  width: 1200px;
}
#footArea .inner .sns {
  margin: 0 0 0 auto;
  width: 94px;
}
#footArea .inner .sns li {
  float: left;
  margin: 0 14px 0 0;
}
#footArea .inner .sns li img {
  width:40px;
  height: auto;
}
#footArea .inner .sns li:last-child {
  margin: 0;
}
#footArea .inner .logo {
  margin: -3px auto 36px;
  width: 250px;
}
#footArea .inner .logo img {
  width: 100%;
}
#footArea .inner .nav {
  position: relative;
  overflow: hidden;
}
#footArea .inner .nav ul {
  position: relative;
  float: left;
  left: 50%;
}
#footArea .inner .nav ul li {
  position: relative;
  float: left;
  margin: 0 14px;
  left: -50%;
}
#footArea .inner .copyright {
  border-top: 1px #ccc solid;
  font-size: 86%;
  margin: 28px 0 0;
  padding: 34px 0 0;
  text-align: center;
}

}