@charset "UTF-8";
/*
Sitename: ArtPrintJapan
Date: 2017.04.21
LastUpdate：2017.06.06
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.
*/
* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0; }

img {
  display: block;
  width: 100%;
  height: auto; }

a {
  color: inherit;
  text-decoration: none;
  cursor: pointer; }
  a:active {
    opacity: 0.8; }

body, h1, h2, h3, h4, h5, h6, ul, ol, li, p, figure, dl, dt, dd, input {
  margin: 0;
  padding: 0;
  font-weight: normal;
  font-size: 14px; }

input {
  border-spacing: none; }

li {
  list-style-type: none; }

body {
  background: #fff;
  font-size: 14px;
  font-weight: 400;
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, Meiryo, sans-serif;
  color: #000000;
  position: relative;
  line-height: 1.6;
  letter-spacing: 0.5px;
  overflow-x: hidden; }

main {
  overflow: hidden; }

.isBtnHoverLight:hover {
  opacity: 0.7; }

.isBtnHoverBackGray:hover {
  background: #e6e6e6; }

.isBtnHoverBackBlack:hover {
  background: #000000;
  color: #fff; }

.dFlexBox {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.gbMaxWindow {
  max-width: 1200px; }

.lyHeader {
  width: 100%; }

.lyTopNaviArea, .gbPcGlovalNavi, .gbSearchBoxArea, .gbCartBtnArea {
  display: none; }

.gbWrap {
  min-width: 320px;
  max-width: 1200px;
  margin: 0 auto; }

.gbMainContents {
  position: relative; }

.radioArea {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
  position: relative; }
  .radioArea:before {
    position: absolute;
    top: 2px;
    left: 0;
    border-radius: 100%;
    width: 14px;
    height: 14px;
    content: "";
    border: 1px solid #000000;
    background: #fff; }
  .radioArea .radioPseudoBtn {
    position: absolute;
    top: 5px;
    left: 3px;
    border-radius: 100%;
    width: 10px;
    height: 10px; }
  .radioArea input[type="radio"] {
    display: none;
    top: 0; }
    .radioArea input[type="radio"]:checked ~ .radioPseudoBtn {
      background: #000000; }
  .radioArea .radioBtnTitle {
    padding: 0 20px;
    display: inline-block; }

.checkBoxArea {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
  position: relative; }
  .checkBoxArea:before {
    position: absolute;
    top: 2px;
    left: 0;
    width: 14px;
    height: 14px;
    content: "";
    border: 1px solid #000000;
    background: #fff; }
  .checkBoxArea .checkBoxPseudoBtn {
    position: absolute;
    top: 5px;
    left: 3px;
    width: 10px;
    height: 10px;
    color: transparent; }
  .checkBoxArea input[type="checkbox"] {
    display: none;
    top: 0; }
    .checkBoxArea input[type="checkbox"]:checked ~ .checkBoxPseudoBtn {
      color: #000000;
      top: 3px;
      left: 1px; }
  .checkBoxArea .checkBoxTitle {
    padding: 0 20px;
    display: block; }

@media screen and (min-width: 768px) {
  .lyTopNaviArea, .gbSearchBoxArea, .gbCartBtnArea, .gbPcGlovalNavi {
    display: block; }
  .gbSpGlovalNavi, .lySpTopBtnArea {
    display: none; } }

@media screen and (min-width: 960px) {
  .brebreadcrumbSpace {
    display: block;
    width: 100%;
    margin: 0 0 15px 0; }
  .breadcrumbList {
    display: inline-block;
    margin: 0 5px 0 0; }
    .breadcrumbList:after {
      content: '>';
      margin: 0 0 0 5px; }
    .breadcrumbList:last-child:after {
      content: ''; }
    .breadcrumbList .current {
      cursor: default;
      color: #cf182a; }
      .breadcrumbList .current:hover {
        opacity: 1; }
  .gbMainContents {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; } }