@charset "euc-jp";

body {
	font-family: "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
	font-weight: 300;
}

@media (min-width: 320px) and (max-width: 479px) {
  .d320-hide {
    display: none !important; } }
@media (min-width: 480px) and (max-width: 719px) {
  .d480-hide {
    display: none !important; } }
@media (min-width: 720px) and (max-width: 959px) {
  .d720-hide {
    display: none !important; } }
@media (min-width: 960px) and (max-width: 1279px) {
  .d960-hide {
    display: none !important; } }
@media (min-width: 1280px) and (max-width: 1599px) {
  .d1280-hide {
    display: none !important; } }
@media (min-width: 1600px) and (max-width: 1919px) {
  .d1600-hide {
    display: none !important; } }
@media (min-width: 1920px) {
  .d1920-hide {
    display: none !important; } }
@media (min-width: 320px) {
  .d320-auto {
    width: auto; }

  .d320-1 {
    width: 100%; }

  .d320-1-of-2 {
    width: 50%; }

  .d320-1-of-3 {
    width: 33.3333333333%; }

  .d320-2-of-3 {
    width: 66.6666666666%; }

  .d320-1-of-4 {
    width: 25%; }

  .d320-2-of-4 {
    width: 50%; }

  .d320-3-of-4 {
    width: 75%; }

  .d320-1-of-5 {
    width: 20%; }

  .d320-2-of-5 {
    width: 40%; }

  .d320-3-of-5 {
    width: 60%; }

  .d320-4-of-5 {
    width: 80%; }

  .d320-1-of-6 {
    width: 16.6666666666%; }

  .d320-2-of-6 {
    width: 33.3333333333%; }

  .d320-3-of-6 {
    width: 50%; }

  .d320-4-of-6 {
    width: 66.6666666666%; }

  .d320-5-of-6 {
    width: 83.3333333333%; }

  .d320-padding {
    padding: 10px; }

  .d320-padding-top {
    padding-top: 10px; }

  .d320-padding-left {
    padding-left: 10px; }

  .d320-padding-right {
    padding-right: 10px; }

  .d320-padding-bottom {
    padding-bottom: 10px; }

  .d320-no-padding-top {
    padding-top: 0; }

  .d320-no-padding-left {
    padding-left: 0; }

  .d320-no-padding-right {
    padding-right: 0; }

  .d320-no-padding-bottom {
    padding-bottom: 0; } }
@media (min-width: 480px) {
  .d480-auto {
    width: auto; }

  .d480-1 {
    width: 100%; }

  .d480-1-of-2 {
    width: 50%; }

  .d480-1-of-3 {
    width: 33.3333333333%; }

  .d480-2-of-3 {
    width: 66.6666666666%; }

  .d480-1-of-4 {
    width: 25%; }

  .d480-2-of-4 {
    width: 50%; }

  .d480-3-of-4 {
    width: 75%; }

  .d480-1-of-5 {
    width: 20%; }

  .d480-2-of-5 {
    width: 40%; }

  .d480-3-of-5 {
    width: 60%; }

  .d480-4-of-5 {
    width: 80%; }

  .d480-1-of-6 {
    width: 16.6666666666%; }

  .d480-2-of-6 {
    width: 33.3333333333%; }

  .d480-3-of-6 {
    width: 50%; }

  .d480-4-of-6 {
    width: 66.6666666666%; }

  .d480-5-of-6 {
    width: 83.3333333333%; }

  .d480-padding {
    padding: 10px; }

  .d480-padding-top {
    padding-top: 10px; }

  .d480-padding-left {
    padding-left: 10px; }

  .d480-padding-right {
    padding-right: 10px; }

  .d480-padding-bottom {
    padding-bottom: 10px; }

  .d480-no-padding-top {
    padding-top: 0; }

  .d480-no-padding-left {
    padding-left: 0; }

  .d480-no-padding-right {
    padding-right: 0; }

  .d480-no-padding-bottom {
    padding-bottom: 0; } }
@media (min-width: 720px) {
  .d720-auto {
    width: auto; }

  .d720-1 {
    width: 100%; }

  .d720-1-of-2 {
    width: 50%; }

  .d720-1-of-3 {
    width: 33.3333333333%; }

  .d720-2-of-3 {
    width: 66.6666666666%; }

  .d720-1-of-4 {
    width: 25%; }

  .d720-2-of-4 {
    width: 50%; }

  .d720-3-of-4 {
    width: 75%; }

  .d720-1-of-5 {
    width: 20%; }

  .d720-2-of-5 {
    width: 40%; }

  .d720-3-of-5 {
    width: 60%; }

  .d720-4-of-5 {
    width: 80%; }

  .d720-1-of-6 {
    width: 16.6666666666%; }

  .d720-2-of-6 {
    width: 33.3333333333%; }

  .d720-3-of-6 {
    width: 50%; }

  .d720-4-of-6 {
    width: 66.6666666666%; }

  .d720-5-of-6 {
    width: 83.3333333333%; }

  .d720-padding {
    padding: 10px; }

  .d720-padding-top {
    padding-top: 10px; }

  .d720-padding-left {
    padding-left: 10px; }

  .d720-padding-right {
    padding-right: 10px; }

  .d720-padding-bottom {
    padding-bottom: 10px; }

  .d720-no-padding-top {
    padding-top: 0; }

  .d720-no-padding-left {
    padding-left: 0; }

  .d720-no-padding-right {
    padding-right: 0; }

  .d720-no-padding-bottom {
    padding-bottom: 0; } }
@media (min-width: 960px) {
  .d960-auto {
    width: auto; }

  .d960-1 {
    width: 100%; }

  .d960-1-of-2 {
    width: 50%; }

  .d960-1-of-3 {
    width: 33.3333333333%; }

  .d960-2-of-3 {
    width: 66.6666666666%; }

  .d960-1-of-4 {
    width: 25%; }

  .d960-2-of-4 {
    width: 50%; }

  .d960-3-of-4 {
    width: 75%; }

  .d960-1-of-5 {
    width: 20%; }

  .d960-2-of-5 {
    width: 40%; }

  .d960-3-of-5 {
    width: 60%; }

  .d960-4-of-5 {
    width: 80%; }

  .d960-1-of-6 {
    width: 16.6666666666%; }

  .d960-2-of-6 {
    width: 33.3333333333%; }

  .d960-3-of-6 {
    width: 50%; }

  .d960-4-of-6 {
    width: 66.6666666666%; }

  .d960-5-of-6 {
    width: 83.3333333333%; }

  .d960-padding {
    padding: 10px; }

  .d960-padding-top {
    padding-top: 10px; }

  .d960-padding-left {
    padding-left: 10px; }

  .d960-padding-right {
    padding-right: 10px; }

  .d960-padding-bottom {
    padding-bottom: 10px; }

  .d960-no-padding-top {
    padding-top: 0; }

  .d960-no-padding-left {
    padding-left: 0; }

  .d960-no-padding-right {
    padding-right: 0; }

  .d960-no-padding-bottom {
    padding-bottom: 0; } }
@media (min-width: 1280px) {
  .d1280-auto {
    width: auto; }

  .d1280-1 {
    width: 100%; }

  .d1280-1-of-2 {
    width: 50%; }

  .d1280-1-of-3 {
    width: 33.3333333333%; }

  .d1280-2-of-3 {
    width: 66.6666666666%; }

  .d1280-1-of-4 {
    width: 25%; }

  .d1280-2-of-4 {
    width: 50%; }

  .d1280-3-of-4 {
    width: 75%; }

  .d1280-1-of-5 {
    width: 20%; }

  .d1280-2-of-5 {
    width: 40%; }

  .d1280-3-of-5 {
    width: 60%; }

  .d1280-4-of-5 {
    width: 80%; }

  .d1280-1-of-6 {
    width: 16.6666666666%; }

  .d1280-2-of-6 {
    width: 33.3333333333%; }

  .d1280-3-of-6 {
    width: 50%; }

  .d1280-4-of-6 {
    width: 66.6666666666%; }

  .d1280-5-of-6 {
    width: 83.3333333333%; }

  .d1280-1-of-7 {
    width: 14.2857142857%; }

  .d1280-2-of-7 {
    width: 28.5714285714%; }

  .d1280-3-of-7 {
    width: 42.8571428571%; }

  .d1280-4-of-7 {
    width: 57.1428571428%; }

  .d1280-5-of-7 {
    width: 71.4285714285%; }

  .d1280-6-of-7 {
    width: 85.7142857142%; }

  .d1280-padding {
    padding: 10px; }

  .d1280-padding-top {
    padding-top: 10px; }

  .d1280-padding-left {
    padding-left: 10px; }

  .d1280-padding-right {
    padding-right: 10px; }

  .d1280-padding-bottom {
    padding-bottom: 10px; }

  .d1280-no-padding-top {
    padding-top: 0; }

  .d1280-no-padding-left {
    padding-left: 0; }

  .d1280-no-padding-right {
    padding-right: 0; }

  .d1280-no-padding-bottom {
    padding-bottom: 0; } }
@media (min-width: 1600px) {
  .d1600-auto {
    width: auto; }

  .d1600-1 {
    width: 100%; }

  .d1600-1-of-2 {
    width: 50%; }

  .d1600-1-of-3 {
    width: 33.3333333333%; }

  .d1600-2-of-3 {
    width: 66.6666666666%; }

  .d1600-1-of-4 {
    width: 25%; }

  .d1600-2-of-4 {
    width: 50%; }

  .d1600-3-of-4 {
    width: 75%; }

  .d1600-1-of-5 {
    width: 20%; }

  .d1600-2-of-5 {
    width: 40%; }

  .d1600-3-of-5 {
    width: 60%; }

  .d1600-4-of-5 {
    width: 80%; }

  .d1600-1-of-6 {
    width: 16.6666666666%; }

  .d1600-2-of-6 {
    width: 33.3333333333%; }

  .d1600-3-of-6 {
    width: 50%; }

  .d1600-4-of-6 {
    width: 66.6666666666%; }

  .d1600-5-of-6 {
    width: 83.3333333333%; }

  .d1600-padding {
    padding: 10px; }

  .d1600-padding-top {
    padding-top: 10px; }

  .d1600-padding-left {
    padding-left: 10px; }

  .d1600-padding-right {
    padding-right: 10px; }

  .d1600-padding-bottom {
    padding-bottom: 10px; }

  .d1600-no-padding-top {
    padding-top: 0; }

  .d1600-no-padding-left {
    padding-left: 0; }

  .d1600-no-padding-right {
    padding-right: 0; }

  .d1600-no-padding-bottom {
    padding-bottom: 0; } }
@media (min-width: 1920px) {
  .d1920-auto {
    width: auto; }
  .d1920-1 {
    width: 100%; }

  .d1920-1-of-2 {
    width: 50%; }

  .d1920-1-of-3 {
    width: 33.3333333333%; }

  .d1920-2-of-3 {
    width: 66.6666666666%; }

  .d1920-1-of-4 {
    width: 25%; }

  .d1920-2-of-4 {
    width: 50%; }

  .d1920-3-of-4 {
    width: 75%; }

  .d1920-1-of-5 {
    width: 20%; }

  .d1920-2-of-5 {
    width: 40%; }

  .d1920-3-of-5 {
    width: 60%; }

  .d1920-4-of-5 {
    width: 80%; }

  .d1920-1-of-6 {
    width: 16.6666666666%; }

  .d1920-2-of-6 {
    width: 33.3333333333%; }

  .d1920-3-of-6 {
    width: 50%; }

  .d1920-4-of-6 {
    width: 66.6666666666%; }

  .d1920-5-of-6 {
    width: 83.3333333333%; }

  .d1920-padding {
    padding: 10px; }

  .d1920-padding-top {
    padding-top: 10px; }

  .d1920-padding-left {
    padding-left: 10px; }

  .d1920-padding-right {
    padding-right: 10px; }

  .d1920-padding-bottom {
    padding-bottom: 10px; }

  .d1920-no-padding-top {
    padding-top: 0; }

  .d1920-no-padding-left {
    padding-left: 0; }

  .d1920-no-padding-right {
    padding-right: 0; }

  .d1920-no-padding-bottom {
    padding-bottom: 0; }
}
.getchublog-container * {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  text-overflow: ellipsis;
  list-style: none; }

figure img {
  display: block;
  max-width: 100%; }
.getchublog-articles:after {
  content: '';
  clear: both;
  display: block; }
/* ------------------------ */
.grid {
  font-size: 0; }

.grid > * {
  display: inline-block;
  font-size: 15px;
  vertical-align: top; }

.grid > .left {
  float: left; }

.grid > .right {
  float: right; }

.grid.bottom > * {
  vertical-align: bottom; }

.grid.middle > * {
  vertical-align: middle; }

.grid.padding {
  margin: -15px; }

.grid.padding > * {
  padding: 15px; }

.grid.padding.small {
  margin: -5px; }

.grid.padding.small > * {
  padding: 5px; }

.grid.padding.big {
  margin: -25px; }

.grid.padding.big > * {
  padding: 25px; }

.grid.dynamic-list {
  position: relative; }
.grid.dynamic-list > * {
  -webkit-transition: top 0.25s ease, left 0.25s ease;
  transition: top 0.25s ease, left 0.25s ease; }

.getchublog-articles > .pickup {
  float: left; }

.getchublog-articles > .pickup.alt {
  float: right; }

.getchublog-articles .empty {
  padding: 100px 0; }

.getchublog-article {
  overflow: hidden;
  position: relative;
  background: #171717;
  color: #8E8A8A;
  font-size: 13px;
  cursor: pointer; }

.getchublog-article:after {
  content: '';
  display: block;
  padding-bottom: 125%; }

.getchublog-article .getchublog-article-content-body {
  overflow: hidden;
  height: 100%;
  font-size: 16px; }

.getchublog-article .getchublog-article-content {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  height: 50%;
  padding: 10px 20px 0 20px;
  background: #fff;
  -webkit-transition: height 0.25s ease;
  transition: height 0.25s ease; }

.getchublog-article h2 {
  line-height: 1; }


.getchublog-article figure {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1; }

.getchublog-article figure img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  -webkit-transition: opacity 0.25s ease, -webkit-transform 0.25s ease;
  transition: opacity 0.25s ease, transform 0.25s ease; }

.getchublog-article figure:before {
  position: absolute;
  top: 25%;
  left: 0;
  z-index: 1;
  width: 100%;
  margin-top: -0.5em;
  color: #fff;
  font-size: 80px;
  text-align: center;
  -webkit-transition: top 0.25s ease;
  transition: top 0.25s ease; }

.getchublog-article footer {
  position: relative;
  z-index: 2;
  box-shadow: 0 0 10px 10px #fff;
  line-height: 30px;
  -webkit-transition: margin 0.25s ease;
  transition: margin 0.25s ease; }


.getchublog-article footer a:hover {
  color: #ff000d; }


.getchublog-article .left {
  float: left; }

.getchublog-article .right {
  float: right; }

.getchublog-article.big {
  padding-left: 10px; }

.getchublog-article.big:after {
  padding-top: 7px; }

.getchublog-article.small .getchublog-article-content {
  padding: 10px 10px 0 10px; }

.getchublog-article.pickup .getchublog-article-content {
  background: inherit; }

.getchublog-article.pickup h2 {
  color: #fff; }

.getchublog-article.pickup footer {
  border-color: #3f3f3f;
  box-shadow: 0 0 10px 10px #171717; }

/* ------------------------------ */
.getchublog-category-header-goods{
  line-height: 1;
  font-size: 1rem;
  color:rgb(41, 47, 51);
  padding: 10px;
  border-radius: 5px 5px 0 0;
  border: solid 1px #999999;
}
.getchublog-category-header-goods label{
  border-left: solid 5px #669900;
  padding: 0 0 0 5px;
}
.getchublog-category-header-books{
  line-height: 1;
  font-size: 1rem;
  color:rgb(41, 47, 51);
  padding: 10px;
  border-radius: 5px 5px 0 0;
  border: solid 1px #999999;
}
.getchublog-category-header-books label{
  border-left: solid 5px #990099;
  padding: 0 0 0 5px;
}
.getchublog-category-header-magazine{
  line-height: 1;
  font-size: 1rem;
  color:rgb(41, 47, 51);
  padding: 10px;
  border-radius: 5px 5px 0 0;
  border: solid 1px #999999;
}
.getchublog-category-header-magazine label{
  border-left: solid 5px #000099;
  padding: 0 0 0 5px;
}
.getchublog-category-header-doujin{
  line-height: 1;
  font-size: 1rem;
  color:rgb(41, 47, 51);
  padding: 10px;
  border-radius: 5px 5px 0 0;
  border: solid 1px #999999;
}
.getchublog-category-header-doujin label{
  border-left: solid 5px #009999;
  padding: 0 0 0 5px;
}
.getchublog-category-header-dvd_game{
  line-height: 1;
  font-size: 1rem;
  color:rgb(41, 47, 51);
  padding: 10px;
  border-radius: 5px 5px 0 0;
  border: solid 1px #999999;
}
.getchublog-category-header-dvd_game label{
  border-left: solid 5px #00AAFF;
  padding: 0 0 0 5px;
}
.getchublog-category-header-anime_dvd{
  line-height: 1;
  font-size: 1rem;
  color:rgb(41, 47, 51);
  padding: 10px;
  border-radius: 5px 5px 0 0;
  border: solid 1px #999999;
}
.getchublog-category-header-anime_dvd label{
  border-left: solid 5px #FF9933;
  padding: 0 0 0 5px;
}
.getchublog-category-header-pc_soft{
  line-height: 1;
  font-size: 1rem;
  color:rgb(41, 47, 51);
  padding: 10px;
  border-radius: 5px 5px 0 0;
  border: solid 1px #999999;
}
.getchublog-category-header-pc_soft label{
  border-left: solid 5px #CC3366;
  padding: 0 0 0 5px;
}
.getchublog-category-header-music_cd{
  line-height: 1;
  font-size: 1rem;
  color:rgb(41, 47, 51);
  padding: 10px;
  border-radius: 5px 5px 0 0;
  border: solid 1px #999999;
}
.getchublog-category-header-music_cd label{
  border-left: solid 5px #FFCC33;
  padding: 0 0 0 5px;
}

.getchublog-rss-header-column {
  line-height: 1;
  font-size: 1rem;
  color: rgb(41, 47, 51);
  padding: 10px;
  border-radius: 5px 5px 0 0;
  border: solid 1px #999999;
  background-color: rgb(0, 128, 240);
}
.getchublog-rss-header-column label {
  color: #fff;
  padding: 0 0 0 5px;
}
/* ----------category ranking----------- */
.rank-item{
  margin-bottom: 8px;
  line-height: 16px;
  text-align: center;
}
.rank-item-title{
  padding: 0 10px;
  text-align: left;
}
.rank-item1{
  text-align: left;
  font-size: medium;
  color: #CC0000;
  font-weight: bold;
  background: url('../img/crown01.png') no-repeat;
  background-position: 2px -4px;
  background-size: 19px;
  padding: 1px 0px 2px 25px;
  margin: 2px;
}
.rank-item2{
  text-align: left;
  font-size: medium;
  font-weight: bold;
  background: url('../img/crown02.png') no-repeat;
  background-position: 2px -4px;
  background-size: 19px;
  padding: 1px 0px 2px 25px;
  margin: 2px;
}
.rank-item3{
  text-align: left;
  font-size: medium;
  font-weight: bold;
  background: url('../img/crown03.png') no-repeat;
  background-position: 2px -4px;
  background-size: 19px;
  padding: 1px 0px 2px 25px;
  margin: 2px;
}
.rank-item4{
  text-align: left;
  font-size: medium;
  font-weight: bold;
  /*background: url('../img/crown04.png') no-repeat;*/
  background-position: 2px -4px;
  background-size: 19px;
  padding: 1px 0px 2px 25px;
  margin: 2px;
}
.rank-item5{
  text-align: left;
  font-size: medium;
  font-weight: bold;
  /*background: url('../img/crown05.png') no-repeat;*/
  background-position: 2px -4px;
  background-size: 19px;
  padding: 1px 0px 2px 25px;
  margin: 2px;
}
.rank-image{
  float: center;
  margin-bottom: 5px;
  margin-top: 0;
  vertical-align: middle;
}
.rank-image img{
    max-height: 200px;
  max-width: 170px;
}

/*連載コーナー*/
.blog_grid a,.blog_grid a:visited{
  display: block;
  color: #222;
  text-decoration: none;
  width: 176px;
  max-height: 54px;
  border: 1px #999999 solid;
  border-top: 0px;
  line-height: 13px;
  letter-spacing: 0px;
  padding: 1px;
  overflow: hidden;
}
.blog_grid a:hover{
  background: #cdeaff;
  color: black;
  text-decoration: none;
}


.blog_grid_img{
  float: left;
  overflow: hidden;
  width: 50px;
  height: 50px;
  border: 1px #999999 solid;
  position: relative;
}
.blog_grid_img img{
  position: absolute;
  top:0;
  left: -12px;
}
.blog_grid_content{
  overflow: hidden;
  padding: 0 0 0 3px;
  height: 52px;
}
.blog_grid_text{
  height:100%;
}
.blog_grid footer{
  box-shadow: 0 0 10px 7px #FFFFFF;
  position: relative;
}