@charset "UTF-8";
/*
Sitename: ArtPrintJapan
Date: 2017.04.21
LastUpdate：2017.06/27
Author：Otoha Sudo
Copyright Comcent All Right Reserved.
*/
/*
Sitename: ArtPrintJapan
Date: 2017.04.25
LastUpdate：2017.06.28
Author：Otoha Sudo
Copyright Comcent All Right Reserved.
*/
/*
Sitename: ArtPrintJapan
Date: 2017.05.29
LastUpdate：2017.06.05
Author：Otoha Sudo
Copyright Comcent All Right Reserved.
*/
/*
Sitename: ArtPrintJapan
Date: 2017.05.29
LastUpdate：2017.06.05
Author：Otoha Sudo
Copyright Comcent All Right Reserved.
*/
.modTopPagerArea .modPagerSpace {
  display: none; }

.modListItemBtnSpacePc {
  display: none; }

.modBottomPagerArea .modDisplayItemNumberPullDownSpace {
  display: none; }

.modBreadCrumbsArea {
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
  margin: 0 0 10px 0; }

.pageCategoryTopTitleArea {
  -webkit-box-ordinal-group: 3;
  -webkit-order: 2;
  -ms-flex-order: 2;
  order: 2; }

.modTopPagerArea {
  -webkit-box-ordinal-group: 5;
  -webkit-order: 4;
  -ms-flex-order: 4;
  order: 4; }

.modSortSearchArea {
  -webkit-box-ordinal-group: 4;
  -webkit-order: 3;
  -ms-flex-order: 3;
  order: 3; }

.pageCategoryTopItemListWrap {
  -webkit-box-ordinal-group: 6;
  -webkit-order: 5;
  -ms-flex-order: 5;
  order: 5; }

.modBottomPagerArea {
  -webkit-box-ordinal-group: 7;
  -webkit-order: 6;
  -ms-flex-order: 6;
  order: 6; }

.dTypeSelectPullDownSpace, .dGenreThemeCheckedSelectSpace {
  display: none; }

.gbMainContents {
  margin: 10px 0 0 0; }

.pageCategoryTopTitleArea {
  width: 100%;
  margin: 0 0 30px; }

.dCategoryTopTitleCommentBox {
  margin: 20px 0 0 0; }

.dCategoryTopTitleNoneImgCommentBox {
  padding: 0 10px; }

.dCategoryTopTitleImageBox, .dCategoryTopTitleShadowImageBox {
  width: 90%;
  margin: 0 auto; }

.dImageDropShadow {
  -webkit-box-shadow: 4px 4px 2px 1px #b4b4b4;
  box-shadow: 4px 4px 2px 1px #b4b4b4; }

.dCategoryTopTitleName {
  margin: 0 0 20px 0;
  font-size: 20px;
  font-weight: bold; }

.modTopPagerArea {
  width: 100%;
  max-width: 1200px;
  margin: 30px 0 0 0;
  padding: 0 10px; }

.modSearchResult, .modSortPullDownSpace, .modDisplayItemNumberPullDownSpace {
  width: 100%;
  margin: 0 0 10px 0; }

.dPullDownTitle {
  margin: 0 5px 0 0; }

.dSortPullDownBox {
  width: 69.5%;
  max-width: 300px; }

.dDisplayItemNumberPullDownBox {
  width: 30%;
  max-width: 100px; }

.modSortSearchArea {
  width: 100%;
  padding: 15px 10px;
  background: #e6e6e6;
  cursor: pointer; }

.dSortSearchAreaTitleSpace {
  padding: 5px;
  text-align: center;
  background: #787878;
  color: #fff;
  position: relative; }
  .dSortSearchAreaTitleSpace .dPullDownIcon {
    position: absolute;
    right: 10px; }

.dTypeSelectPullDownSpace {
  margin: 10px 0 30px 0; }

.dTypeSelectPullDownBox {
  width: 100%;
  min-height: 40px;
  margin: 0 0 10px 0; }

.dGenreThemeCheckedSelectBox {
  width: 100%;
  margin: 0 0 30px 0; }

.dGenreThemeCheckedSelectBox .dSortSearchAreaTitleSpace {
  background: transparent;
  color: #000000;
  border-top: 1px solid #787878;
  padding: 0 0 10px 0;
  margin: 0 0 -10px 0; }
  .dGenreThemeCheckedSelectBox .dSortSearchAreaTitleSpace .dSortSearchAreaTitle {
    position: relative;
    top: -12px;
    padding: 0 10px;
    font-size: 16px;
    background: #e6e6e6; }

.dGenreThemeFreeWordSearchBox .dGenreThemeFreeWordSearchTextBox {
  width: 100%;
  margin: 20px 0 0 0;
  padding: 5px; }

.dSortSearchBtnSpase {
  width: 100%; }

.dSortSearchBtn {
  width: 100%;
  font-size: 16px; }

.pageCategoryTopItemListWrap {
  width: 100%;
  margin: 30px 0 0 0; }

.pageCategoryTopItemListBox {
  width: 100%;
  padding: 0 5px; }

.dCategoryTopItemListFiveColumn,
.dCategoryTopItemListFourColumn,
.dCategoryTopItemListThreeColumn {
  width: 48.33%;
  margin: 0 0 50px 0; }
  .dCategoryTopItemListFiveColumn:nth-of-type(even),
  .dCategoryTopItemListFourColumn:nth-of-type(even),
  .dCategoryTopItemListThreeColumn:nth-of-type(even) {
    margin: 0 0 50px 3.33%; }

.modItemImageBoxImageSettingContent {
  padding: 10px; }

.modListItemBtnSpaceSp {
  margin: 15px 0 0 0; }

.dListItemBtn {
  width: 48%;
  font-size: 12px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center; }

.modBottomPagerArea {
  width: 100%; }

.modPagerSpace {
  width: 100%; }

.dPagerNumberListBox {
  width: 100%;
  max-width: 330px;
  margin: 0 auto;
  text-align: center; }

.dPagerNumberList {
  vertical-align: middle;
  width: 9.09%;
  padding: 2px 0;
  font-size: 16px; }

.isPagerNumberSelected {
  border: 1px solid #787878; }

@media screen and (min-width: 480px) {
  .dCategoryTopTitleImageBox, .dCategoryTopTitleShadowImageBox {
    margin: 0 auto;
    max-width: 450px;
    border: 1px solid #e6e6e6; }
  .dCategoryTopTitleNoneImgCommentBox {
    padding: 0 20px; }
  .dTypeSelectPullDownBox {
    width: 49%; }
    .dTypeSelectPullDownBox:nth-of-type(even) {
      margin: 0 0 10px 2%; }
  .dCategoryTopItemListFiveColumn,
  .dCategoryTopItemListFourColumn {
    width: 32%;
    margin: 0 2% 50px 0; }
    .dCategoryTopItemListFiveColumn:nth-of-type(even),
    .dCategoryTopItemListFourColumn:nth-of-type(even) {
      margin: 0 2% 50px 0; }
    .dCategoryTopItemListFiveColumn:nth-of-type(3n),
    .dCategoryTopItemListFourColumn:nth-of-type(3n) {
      margin: 0 0 50px 0; }
  .dCategoryTopItemListThreeColumn {
    width: 32%;
    margin: 0 2% 50px 0; }
    .dCategoryTopItemListThreeColumn:nth-of-type(even) {
      margin: 0 2% 50px 0; }
    .dCategoryTopItemListThreeColumn:nth-of-type(3n) {
      margin: 0 0 50px 0; } }

@media screen and (min-width: 768px) {
  .modListItemBtnSpaceSp {
    display: none; }
  .modTopPagerArea .modPagerSpace {
    display: block; }
  .modListItemArtistName, .modListItemBtnSpacePc {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
  .modBottomPagerArea .modDisplayItemNumberPullDownSpace {
    display: block; }
  .modTopPagerArea {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3; }
  .modSortSearchArea {
    -webkit-box-ordinal-group: 5;
    -webkit-order: 4;
    -ms-flex-order: 4;
    order: 4; }
  .modBreadCrumbsArea {
    margin: 15px 0 10px 0; }
  .pageCategoryTopTitleArea {
    width: 96.66%;
    margin: 0 auto; }
  .dCategoryTopTitleImageBox {
    width: 43.27%;
    max-height: none;
    padding: 30px; }
  .dCategoryTopTitleShadowImageBox {
    width: 43.27%;
    max-height: none;
    padding: 30px; }
  .dCategoryTopTitleCommentBox {
    width: 51.55%;
    margin: 0 0 0 5.17%; }
  .dCategoryTopTitleNoneImgCommentBox {
    width: 82.8%;
    margin: 0 auto 20px;
    padding: 0; }
  .dCategoryTopTitleSentence {
    font-size: 16px; }
  .modTopPagerArea {
    margin: 15px 0 30px 0; }
  .modSearchResult {
    width: auto;
    margin: 0 15px 0 0; }
  .modSortPullDownSpace {
    width: 60%;
    max-width: 250px;
    margin: 0 0 10px 0; }
  .dSortPullDownBox {
    width: 68%; }
  .modDisplayItemNumberPullDownSpace {
    width: 28%;
    margin: 0 0 10px 15px; }
  .dPagerNumberListBox {
    margin: 10px 0 0 auto; }
  .modSortSearchArea {
    margin: -20px 0 0;
    padding: 23px 15px 5px; }
  .dSortSearchAreaTitleSpace {
    background: transparent;
    color: #000000;
    border-top: 1px solid #787878;
    padding: 0 0 10px 0;
    margin: 0 0 -20px 0; }
    .dSortSearchAreaTitleSpace .dSortSearchAreaTitle {
      position: relative;
      top: -15px;
      padding: 0 10px;
      font-size: 18px;
      background: #e6e6e6; }
    .dSortSearchAreaTitleSpace .dPullDownIcon {
      background: #e6e6e6;
      padding: 10px 0 10px 15px;
      top: -22px;
      right: 0; }
  .dSortSearchBtnSpase {
    text-align: center; }
  .dSortSearchBtn {
    width: 30%; }
  .dCategoryTopItemListFourColumn {
    width: 24%;
    margin: 0 1.33% 50px 0; }
    .dCategoryTopItemListFourColumn:nth-of-type(even) {
      margin: 0 1.33% 50px 0; }
    .dCategoryTopItemListFourColumn:nth-of-type(3n) {
      margin: 0 1.33% 50px 0; }
    .dCategoryTopItemListFourColumn:nth-of-type(4n) {
      margin: 0 0 50px 0; }
  .modListItemBtnSpacePc {
    margin: 5px 0 0; }
    .modListItemBtnSpacePc a {
      width: 48%;
      margin: 0 0 0 4%; }
      .modListItemBtnSpacePc a .dListItemBtn {
        width: 100%; }
  .modBottomPagerArea {
    position: relative; }
    .modBottomPagerArea .modDisplayItemNumberPullDownSpace {
      width: 35%;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex; }
      .modBottomPagerArea .modDisplayItemNumberPullDownSpace .dDisplayItemNumberPullDownBox {
        width: 30%; }
    .modBottomPagerArea .modPagerSpace {
      position: absolute;
      bottom: 0;
      left: 0; } }

@media screen and (min-width: 960px) {
  .modTopPagerArea {
    position: relative;
    margin: 15px 0 20px; }
    .modTopPagerArea select {
      position: relative;
      bottom: 2px; }
    .modTopPagerArea .modPagerSpace {
      position: absolute;
      bottom: 9px;
      left: 0; }
  .dTypeSelectPullDownBox {
    width: 24.13%;
    margin: 0 1.1% 10px 0; }
    .dTypeSelectPullDownBox:nth-of-type(2) {
      margin: 0 1.1% 10px 0; }
    .dTypeSelectPullDownBox:last-of-type {
      margin: 0 0 10px 0; }
  .dGenreThemeCheckedSelectBox {
    width: 48.33%; }
    .dGenreThemeCheckedSelectBox:last-of-type {
      margin: 0 0 0 3.34%; }
  .dCategoryTopItemListFiveColumn {
    width: 18.33%;
    margin: 0 2.08% 0 0; }
    .dCategoryTopItemListFiveColumn:nth-of-type(even) {
      margin: 0 2.08% 50px 0; }
    .dCategoryTopItemListFiveColumn:nth-of-type(3n) {
      margin: 0 2.08% 50px 0; }
    .dCategoryTopItemListFiveColumn:nth-of-type(5n) {
      margin: 0 0 50px 0; } }