/* @charset "UTF-8"; */
@import url("https://fonts.googleapis.com/css?family=Lato:400,700,900");
@import url("https://fonts.googleapis.com/css?family=Fredericka+the+Great");
@import url("https://fonts.googleapis.com/css?family=Cabin+Sketch");

*, *:before, *:after {
  border: 0;
  box-sizing: border-box;
  margin: 0;
  outline: 0;
  padding: 0;
  color: inherit;
  /* font-size: 100%; */
  /* font: inherit; */
  text-decoration: none;
  vertical-align: baseline; }

article, aside, details, dialog, figcaption, figure, footer, header, main, menu, nav, section {
  display: block; }

audio, canvas, video {
  display: inline-block; }

body {
  font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1;
  /* text-size-adjust: 100%;*/
 }

br, hr {
  display: block; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after, q:before, q:after {
  content: '';
  content: none; }

input, select {
  vertical-align: middle; }

img {
  vertical-align: top; }

table {
  border-collapse: collapse;
  border-spacing: 0;
  empty-cells: show; }

/* --------------------------------------------------
 00:  Utility Style
 -------------------------------------------------- */
/* float */
.fl {
  float: left !important; }

.fr {
  float: right !important; }

@media only screen and (min-width: 769px) {
.pc_fl {
  float: left !important; }
.pc_fr {
  float: right !important; }
}

/* align */
.taL {
  text-align: left !important; }

.taR {
  text-align: right !important; }

.taC {
  text-align: center !important; }

/* size */
.txXS {
  font-size: 10rem !important; }

.txSS {
  font-size: 11rem !important; }

.txS {
  font-size: 12rem !important; }

.txM {
  font-size: 13rem !important; }

.txL {
  font-size: 16rem !important; }

.txLL {
  font-size: 18rem !important; }

.txXL {
  font-size: 20rem !important; }

/* Margin Padding */
.noMargin {
  margin: 0 !important; }

.noPadding {
  padding: 0 !important; }

.mt0 {
  margin-top: 0px !important; }

.mb0 {
  margin-bottom: 0px !important; }

.pt0 {
  padding-top: 0px !important; }

.pb0 {
  padding-bottom: 0px !important; }

.mt5 {
  margin-top: 5px !important; }

.mb5 {
  margin-bottom: 5px !important; }

.pt5 {
  padding-top: 5px !important; }

.pb5 {
  padding-bottom: 5px !important; }

.mt10 {
  margin-top: 10px !important; }

.mb10 {
  margin-bottom: 10px !important; }

.pt10 {
  padding-top: 10px !important; }

.pb10 {
  padding-bottom: 10px !important; }

.mt15 {
  margin-top: 15px !important; }

.mb15 {
  margin-bottom: 15px !important; }

.pt15 {
  padding-top: 15px !important; }

.pb15 {
  padding-bottom: 15px !important; }

.mt20 {
  margin-top: 20px !important; }

.mb20 {
  margin-bottom: 20px !important; }

.pt20 {
  padding-top: 20px !important; }

.pb20 {
  padding-bottom: 20px !important; }

.mt25 {
  margin-top: 25px !important; }

.mb25 {
  margin-bottom: 25px !important; }

.pt25 {
  padding-top: 25px !important; }

.pb25 {
  padding-bottom: 25px !important; }

.mt30 {
  margin-top: 30px !important; }

.mb30 {
  margin-bottom: 30px !important; }

.pt30 {
  padding-top: 30px !important; }

.pb30 {
  padding-bottom: 30px !important; }

.mt35 {
  margin-top: 35px !important; }

.mb35 {
  margin-bottom: 35px !important; }

.pt35 {
  padding-top: 35px !important; }

.pb35 {
  padding-bottom: 35px !important; }

.mt40 {
  margin-top: 40px !important; }

.mb40 {
  margin-bottom: 40px !important; }

.pt40 {
  padding-top: 40px !important; }

.pb40 {
  padding-bottom: 40px !important; }

.mt45 {
  margin-top: 45px !important; }

.mb45 {
  margin-bottom: 45px !important; }

.pt45 {
  padding-top: 45px !important; }

.pb45 {
  padding-bottom: 45px !important; }

.mt50 {
  margin-top: 50px !important; }

.mb50 {
  margin-bottom: 50px !important; }

.mb55 {
  margin-bottom: 55px !important; }

.mb60 {
  margin-bottom: 60px !important; }

.pt50 {
  padding-top: 50px !important; }

.pb50 {
  padding-bottom: 50px !important; }

.mt120 {
  margin-top: 120px !important; }

/* Clear */
.clr {
  clear: both; }

.clearfix:after {
  content: "";
  display: block;
  clear: both; }

/* display */
@media only screen and (min-width: 769px) {
  .sp_only {
    display: none; } }

.pc_only {
  display: none; }
  @media only screen and (min-width: 769px) {
    .pc_only {
      display: block; } }

html {
  /* font-size: 100%; */
  color: #222;
  -ms-overflow-style: -ms-autohiding-scrollbar; }

body {
  font-size: 12px;
  font-family: "游ゴシック体", "Yu Gothic", YuGothic, Helvetica, Arial, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, メイリオ, sans-serif;
  line-height: 2; }
  @media only screen and (min-width: 769px) {
    body {
      font-size: 14px; } }

input,
select,
button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 0;
  border-radius: 0;
  border: 0;
  font-size: 100%;
  vertical-align: middle; }

select {
  background-color: transparent;
  text-indent: .01px;
  text-overflow: ""; }

textarea {
  font-size: 100%; }

em {
  font-style: normal; }

strong {
  font-weight: bold; }

/* img {
  max-width: 100%;
  width: 100%;
  height: auto;
  vertical-align: bottom; } */
  img[src*="_pc."] {
    display: none; }
  @media only screen and (min-width: 769px) {
    img[src*="_sp."] {
      display: none; }
    img[src*="_pc."] {
      display: inline; } }

/* svg {
  width: 100%; } */

.active {
  opacity: 1 !important;
  transition: opacity 0.25s;
  pointer-events: auto !important; }

#wrap {
  overflow: hidden; }
  @media only screen and (min-width: 769px) {
    #wrap {
      overflow: visible; } }

a {
  color: #222;
  text-decoration: underline;
  transition: .25s; }
  a:hover {
    color: #20d8c9;
    text-decoration: none; }


@media only screen and (min-width: 769px) {
  section {
    padding: 0 48px;
    min-width: 1216px; } }
section .inner {
  width: 100%; }
 #productMoreDetail section .thum_wrap img {
    width: 100%;
  }
  @media only screen and (min-width: 769px) {
    section .inner {
      width: 1120px;
      margin: 0 auto 60px;
      overflow: hidden;
       } }

#pagetop {
  width: 44px;
  height: 44px;
  background: #fff200;
  position: fixed;
  bottom: 12px;
  right: 12px;
  z-index: 102;
  border-radius: 50%;
  opacity: 0;
  transition: 0.5s; }
  @media only screen and (min-width: 769px) {
    #pagetop {
      bottom: 16px;
      right: 16px; }
      #pagetop:hover {
        background: #20d8c9; }
        #pagetop:hover a:after {
          border-color: transparent transparent #fff transparent; } }
  #pagetop.on {
    opacity: 1; }
  #pagetop a {
    display: block;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    width: 44px;
    height: 44px;
    position: relative; }
    #pagetop a:after {
      content: '';
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 0 8px 14px 8px;
      border-color: transparent transparent #222 transparent;
      position: absolute;
      top: 50%;
      left: 0;
      right: 0;
      margin: 0 auto;
      margin-top: -8px;
      transition: 0.5s; }
/* animation */
.icn_c_arrow {
  position: relative;
  padding-right: 25px; }
  .icn_c_arrow:before {
    content: '';
    width: 20px;
    height: 20px;
    border-radius: 50%;
    position: absolute;
    background: #fff200;
    right: 0;
    top: 50%;
    margin-top: -10px;
    transition: 0.25s; }
  .icn_c_arrow:after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 3.5px 0 3.5px 5px;
    border-color: transparent transparent transparent #222;
    right: 7px;
    top: 50%;
    margin-top: -3px;
    transition: 0.25s; }
  @media only screen and (min-width: 769px) {
    .icn_c_arrow {
      padding-right: 30px; }
      .icn_c_arrow:before {
        width: 24px;
        height: 24px;
        margin-top: -13px; }
      .icn_c_arrow:after {
        border-width: 5px 0 5px 7px;
        margin-top: -6px; }
      .icn_c_arrow:hover {
        color: #222; }
        .icn_c_arrow:hover:before {
          background: #20d8c9; }
        .icn_c_arrow:hover:after {
          border-color: transparent transparent transparent #fff; } }

.icn_arrows {
  position: relative;
  padding-right: 47px;
  display: inline-block; }
  .icn_arrows:before {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7px 0 7px 10px;
    border-color: transparent transparent transparent #fff200;
    right: 0px;
    top: 50%;
    margin-top: -7px; }
  .icn_arrows:after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7px 0 7px 10px;
    border-color: transparent transparent transparent #fff200;
    right: 14px;
    top: 50%;
    margin-top: -7px; }
  .icn_arrows span:before {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7px 0 7px 10px;
    border-color: transparent transparent transparent #fff200;
    right: 27px;
    top: 50%;
    margin-top: -7px; }

.btn {
  background: #00A273;
  margin: 0 20px;
  display: block;
  transition: 0.25s;
  border-radius: 30px;
 }

  .btn a {
    font-size: 18px;
    display: block;
    line-height: 1;
    padding: 20px 25px;
    font-family: "Lato", "游ゴシック体", "Yu Gothic", YuGothic, Helvetica, sans-serif;
    font-weight: bold;
    text-decoration: none;
    letter-spacing: 1px;
    position: relative;
    text-align: center;
    color: #fff;
   }
    /* .btn a:before {
      content: '';
      width: 20px;
      height: 20px;
      border-radius: 50%;
      position: absolute;
      background: #ffffff;
      right: 14px;
      top: 50%;
      margin-top: -10px; }
    .btn a:after {
      content: '';
      position: absolute;
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 4px 0 4px 6px;
      border-color: transparent transparent transparent #000;
      right: 21px;
      top: 50%;
      margin-top: -3px; } */
    /* @media only screen and (min-width: 769px) {
      .btn a {
        font-size: 17px; }
        .btn a:before {
          width: 24px;
          height: 24px;
          margin-top: -13px; }
        .btn a:after {
          border-width: 5px 0 5px 7px;
          margin-top: -6px; } } */
@media only screen and (max-width: 767px) {
  .btn{
    border-radius: 10px;
  }
}
.btn2cl {
  background: #fff200;
  margin: 0 0px;
  display: block;
  transition: 0.25s; }
  .btn2cl:hover {
    background: #20d8c9; }
    .btn:hover a {
      color: #fff; }
  .btn2cl a {
    font-size: 15px;
    display: block;
    line-height: 1;
    padding: 18px 25px 18px 0px;
    font-family: "Lato", "游ゴシック体", "Yu Gothic", YuGothic, Helvetica, sans-serif;
    font-weight: bold;
    text-decoration: none;
    letter-spacing: 1px;
    position: relative;
    text-align: center; }
    .btn2cl a:before {
      content: '';
      width: 20px;
      height: 20px;
      border-radius: 50%;
      position: absolute;
      background: #ffffff;
      right: 14px;
      top: 50%;
      margin-top: -10px; }
    .btn2cl a:after {
      content: '';
      position: absolute;
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 4px 0 4px 6px;
      border-color: transparent transparent transparent #000;
      right: 21px;
      top: 50%;
      margin-top: -3px; }
    @media only screen and (min-width: 769px) {
	.btn2cl {
 width:250px;
display:inline-block;
  background: #fff200;
  margin: 0;
  transition: 0.25s; }
      .btn2cl a {
        font-size: 17px; }
        .btn2cl a:before {
          width: 24px;
          height: 24px;
          margin-top: -13px; }
        .btn2cl a:after {
          border-width: 5px 0 5px 7px;
          margin-top: -6px; } }

.headline {
  padding: 0 20px;
  line-height: 1;
  font-size: 21px;
  font-weight: bold; }
  @media only screen and (min-width: 769px) {
    .headline {
      font-size: 25px; } }
  .headline span {
    font-family: "Lato", "游ゴシック体", "Yu Gothic", YuGothic, Helvetica, sans-serif;
    border: 1px solid #222222;
    display: inline-block;
    background: #fff;
    padding: 9px 8px 6px 8px;
    box-shadow: 4px 4px 0px #222;
    margin-bottom: 11px; }
  .headline__FG {
    padding: 37px 20px 30px 20px;
    line-height: 1;
    font-size: 32px;
    font-family: "Fredericka the Great", cursive;
    letter-spacing: .15em; }
  .headline__FG_top {
    padding: 37px 20px 30px 20px;
    line-height: 1;
    font-size: 32px;
	 font-weight: bold;
  font-family: "Lato", "游ゴシック体", "Yu Gothic", YuGothic, Helvetica, sans-serif;
	  /* font-family: "游明朝", "Yu Mincho", "游明朝体", "YuMincho", cursive;*/
    letter-spacing: .15em; }
@media only screen and (max-width: 767px) {
  /* .headline__FG {
    padding-bottom: 0;
  } */
  .headline__FG_top {
    padding: 37px 20px 10px 20px;
    line-height: 1.5;
    font-size: 24px;
	 font-weight: bold;
  font-family: "Lato", "游ゴシック体", "Yu Gothic", YuGothic, Helvetica, sans-serif;
	  /* font-family: "游明朝", "Yu Mincho", "游明朝体", "YuMincho", cursive;*/
    letter-spacing: .15em; }
}
h4 {
  font-size: 21px;
  font-family: "Lato", "游ゴシック体", "Yu Gothic", YuGothic, Helvetica, sans-serif;
  letter-spacing: 1px;
  line-height: 1;
  font-weight: bold; }

b {
  color: #fff;
  font-weight: bold;
  background: #222;
  display: inline-block;
  padding: 3px 10px;
  font-size: 12px;
  letter-spacing: 1px; }

table {
  width: 100%;
  /* border-top: 3px solid #222;
  border-bottom: 1px solid #222; */
  margin: 20px 0; }
  @media only screen and (min-width: 769px) {
    table {
      margin: 30px 0 35px 0; } }
  table td, table th {
    line-height: 1;
    padding: 10px 0;
    /* border-top: 1px solid #222; */
    line-height: 1.6; }
    @media only screen and (min-width: 769px) {
      table td, table th {
        padding: 12px 0; } }
  table th {
    font-weight: bold;
    text-align: left;
    width: 31%; }
    @media only screen and (min-width: 769px) {
      table th {
        width: 155px; } }

.budge {
  position: relative; }
  .budge:before {
    z-index: 4;
    content: '';
    width: 72px;
    height: 72px;
    border-radius: 50%;
    position: absolute;
    background: #20d8c9;
    left: 50%;
    top: 0; }
  .budge:after {
    z-index: 4;
    content: attr(data-text);
    width: 72px;
    height: 72px;
    padding: 22px 10px;
    text-align: center;
    position: absolute;
    line-height: 1.3;
    left: 50%;
    top: 0;
    color: #fff;
    letter-spacing: 1px;
    font-family: "Cabin Sketch", cursive;
    font-size: 13px; }
  @media only screen and (min-width: 769px) {
    .budge:before {
      width: 88px;
      height: 88px; }
    .budge:after {
      font-size: 16px;
      width: 88px;
      height: 88px;
      padding: 26px 13px; } }

.first {
  background: url(../img/pz/common/line_8.gif) repeat-x bottom #fff;
  background-size: 317px;
  padding-bottom: 8px;
  /*===============*/
  /*===============*/ }
  @media only screen and (min-width: 769px) {
    .first .h-main-visual {
      width: 1280px;
      margin: auto; }
      .first .h-main-visual:after {
        content: '';
        display: block;
        clear: both; }
      .first .h-main-visual .main-visual-inner {
        float: left;
        width: 426.5px;
        height: 500px;
        transition: all 0.25s; }
        .first .h-main-visual .main-visual-inner:hover {
          opacity: 0.75;
          transition: all 0.25s; } }
  .first .h-main-visual .h-inner {
    padding: 20px; }
    @media only screen and (min-width: 769px) {
      .first .h-main-visual .h-inner {
        padding: 40px 32px 0px; } }
  .first .h-main-visual img {
    max-width: 100%;
    width: auto; }
  .first .h-main-visual h3 {
    font-size: 16px;
    border: 1px solid #222222;
    box-shadow: 4px 4px 0px #222;
    padding: 10px 10px 10px;
    display: inline-block;
    line-height: 1;
    margin-bottom: 15px;
    font-weight: bold;
    background: #ffffff;
    font-family: "Lato", "游ゴシック体", "Yu Gothic", YuGothic, Helvetica, sans-serif; }
    @media only screen and (min-width: 769px) {
      .first .h-main-visual h3 {
        font-size: 24px;
        margin-right: 35px;
        padding: 7px 13px 5px 12px;
        margin-bottom: 35px; } }
  .first .h-main-visual span {
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    position: relative;
    padding-right: 5px;
    font-family: "Lato", "游ゴシック体", "Yu Gothic", YuGothic, Helvetica, sans-serif; }
    .first .h-main-visual span a:before {
      content: '';
      width: 20px;
      height: 20px;
      border-radius: 50%;
      position: absolute;
      background: #fff200;
      right: -25px;
      top: 50%;
      margin-top: -10px;
      transition: 0.25s; }
    .first .h-main-visual span a:after {
      content: '';
      position: absolute;
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 3.5px 0 3.5px 5px;
      border-color: transparent transparent transparent #222;
      right: -18px;
      top: 50%;
      margin-top: -3px;
      transition: 0.25s; }
    .first .h-main-visual span a:hover {
      color: inherit !important; }
      .first .h-main-visual span a:hover:before {
        content: '';
        background: #20d8c9; }
      .first .h-main-visual span a:hover:after {
        content: '';
        border-color: transparent transparent transparent #ffffff; }
    .first .h-main-visual span a, .first .h-main-visual span a:active, .first .h-main-visual span a:hover {
      text-decoration: none; }
  .first .h-main-visual .h-book {
    background-image: url("../print-products-photobook-photozine/print-photobook-photozine-book-sp.png?$staticlink$");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right center;
    padding: 10px 0px; }
    @media only screen and (min-width: 769px) {
      .first .h-main-visual .h-book {
        background-image: url("../print-products-photobook-photozine/print-photobook-photozine-book-pc.png?$staticlink$");
        background-position: bottom center;
        background-size: 100% 100%;
        padding: 0px 0px; } }
  .first .h-main-visual .h-magazine {
    background-image: url("../print-products-photobook-photozine/print-photobook-photozine-magazine-sp.png?$staticlink$");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right center;
    padding: 10px 0px; }
    @media only screen and (min-width: 769px) {
      .first .h-main-visual .h-magazine {
        background-image: url("../print-products-photobook-photozine/print-photobook-photozine-magazine-pc.png?$staticlink$");
        background-position: bottom center;
        background-size: 100% 100%;
        padding: 0px 0px; } }
  .first .h-main-visual .h-slim {
    background-image: url("../print-products-photobook-photozine/print-photobook-photozine-slim-sp.png?$staticlink$");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right center;
    padding: 10px 0px; }
    @media only screen and (min-width: 769px) {
      .first .h-main-visual .h-slim {
        background-image: url("../print-products-photobook-photozine/print-photobook-photozine-slim-pc.png?$staticlink$");
        background-position: bottom center;
        background-size: 100% 100%;
        padding: 0px 0px; } }
  @media only screen and (min-width: 769px) {
    .first {
      background: none;
      padding: 0;
      padding-bottom: 27px;
      position: relative; }
      .first img {
        width: 70%; }
      .first .inner {
        width: 100%; }
      .first .main_copy {
        left: 52%;
        bottom: 88px;
        margin-left: 120px;
        position: absolute; } }
  @media only screen and (min-width: 1216px) {
    .first .main_copy {
      bottom: 7vw; } }
  /* @media only screen and (min-width: 1920px) {
    .first .inner {
      width: 1920px;
      margin: 0 auto; } } */
  .first h2 {
    position: absolute;
    transform: translate(0, -100%);
    margin-top: -33px;
    font-size: 20px; }
    .first h2 span {
      padding-right: 0; }
    @media only screen and (min-width: 769px) {
      .first h2 {
        position: relative;
        font-size: 24px;
        transform: translate(0, 0);
        margin-top: 0;
        margin-bottom: 20px;
        padding: 0; }
        .first h2 span {
          margin: 0;
          padding: 9px 0 9px 8px; } }
  .first h6 {
    padding: 20px 20px 10px 20px;
    font-size: 18px;
    font-weight: bold; }
    @media only screen and (min-width: 769px) {
      .first h6 {
        padding: 0 0 10px;
        font-size: 20px; } }
  .first p {
    padding: 0px 20px 30px 20px; }
    @media only screen and (min-width: 769px) {
      .first p {
        width: 440px;
        padding: 0; } }

.news {
  padding: 50px 20px 10px;
  position: relative; }
  .news:after {
    content: 'NEWS';
    font-family: "Lato", "游ゴシック体", "Yu Gothic", YuGothic, Helvetica, sans-serif;
    line-height: 1;
    top: 21px;
    left: 20px;
    position: absolute;
    font-size: 15px;
    font-weight: bold; }
  @media only screen and (min-width: 769px) {
    .news {
      padding: 0 150px 13px 140px;
      width: 1216px;
      min-width: 1216px;
      /* min-height: 235px; */
      margin: 0 auto; }
      .news .inner {
        width: 100%; }
      .news:after {
        top: 4px;
        left: 50px;
        font-size: 20px; } }
  .news li {
    margin-bottom: 1em; }
    @media only screen and (min-width: 769px) {
      .news li {
        display: table;
        margin-bottom: 0.6em;
        width: 100%; } }
  .news span {
    font-family: "Lato", "游ゴシック体", "Yu Gothic", YuGothic, Helvetica, sans-serif;
    color: #999;
    margin-bottom: 0.4em;
    display: block; }
    @media only screen and (min-width: 769px) {
      .news span {
        display: table-cell;
        width: 85px; } }
  .news a {
    text-decoration: none; }
    @media only screen and (min-width: 769px) {
      .news a {
        display: table;
        width: 100%;
        position: relative;
        padding-right: 25px; }
        .news a:before {
          content: '';
          width: 20px;
          height: 20px;
          border-radius: 50%;
          position: absolute;
          background: #fff200;
          right: 0;
          top: 50%;
          margin-top: -10px;
          transition: 0.25s; }
        .news a:after {
          content: '';
          position: absolute;
          width: 0;
          height: 0;
          border-style: solid;
          border-width: 3.5px 0 3.5px 5px;
          border-color: transparent transparent transparent #222;
          right: 7px;
          top: 50%;
          margin-top: -3px;
          transition: 0.25s; }
        .news a:hover {
          color: #222; }
          .news a:hover:before {
            background: #20d8c9; }
          .news a:hover:after {
            border-color: transparent transparent transparent #fff; } }

#bnr {
  padding: 10px 0px 10px;
  background-size: 317px;
  background-position: 0 -4px;
  text-align: center;
  width: 100%;
  min-width: 100%;
  margin: 0 auto;
  overflow: hidden; }
  @media only screen and (min-width: 769px) {
    #bnr {
      width: 485.6px;
      min-width: 485.6px;
      padding: 0px;
      position: absolute;
      top: 0;
      right: 48px; } }
  #bnr a {
    width: 68.5%;
    display: block;
    float: left;
    padding: 0;
    margin: 0; }
    @media only screen and (min-width: 769px) {
      #bnr a {
        float: right; } }
    #bnr a:first-child {
      margin: 0 auto;
      float: none; }
      @media only screen and (min-width: 769px) {
        #bnr a:first-child {
          float: right;
          margin-right: 0;
          margin-left: 8px; } }
    #bnr a:before {
      display: none; }
    #bnr a:after {
      display: none; }
    #bnr a:nth-child(2n) {
      margin: 0 auto;
      float: none; }
    #bnr a:last-child {
      margin: 20px auto 0;
      float: none; }
  #bnr img {
    width: 100%;
    margin: 0 auto; }

#about {
  border-bottom: 1px solid #222;
  padding-bottom: 40px;
  margin-bottom: 3px;
  padding-top: 78px;
  margin-top: -78px; }

  #about h3 {
    font-size: 20px;
    box-shadow: 4px 4px 0px #222;
    border: 1px solid #222222;
    font-weight: bold;
    display: inline-block;
    padding: 10px 0px 10px 10px;
    margin-left: 20px;
    margin-bottom: 25px;
    line-height: 1;
    font-weight: bold; }
    @media only screen and (min-width: 769px) {
      #about h3 {
        font-size: 24px;
        margin-bottom: 30px;
        margin-left: 0;
        margin-top: -3px; } }
  #about h4 {
    font-size: 18px;
    margin-left: 20px;
    margin-bottom: 20px;
    font-weight: bold;
    line-height: 1; }
    @media only screen and (min-width: 769px) {
      #about h4 {
        font-size: 20px;
        margin-bottom: 20px;
        margin-left: 0; } }
  @media only screen and (min-width: 769px) {
    #about {
      margin-top: 0px;
      border-bottom: 1px;
      padding-bottom: 0;
      padding-top: 0; }
      #about .inner {
        background: url(../img/pz/common/line_8.gif) repeat-x top #fff;
        padding-top: 92px;
        background-size: 317px;
        background-position: 0 -4px;
/*
        border-bottom: 1px solid #222;
*/
		padding-bottom: 140px;
        margin-bottom: 3px;
        margin: 0 auto;
        position: relative; }
      #about .headline__FG {
        padding-left: 0;
        padding-top: 0; }
      #about .headline__FG_top {
        padding-left: 0;
        padding-top: 0; }
      #about img {
        position: absolute;
        right: 0;
        z-index: 0;
        width: 672px; }
      #about p {
        position: relative;
        z-index: 1; } }
  #about p:not(.btn) {
    padding: 0px 20px 15px 20px; }
    @media only screen and (min-width: 769px) {
      #about p:not(.btn) {
        padding-left: 0; } }
  #about .btn span {
    font-size: 14px; }
  @media only screen and (min-width: 769px) {
    #about .btn {
      width: 320px;
      text-align: center;
      margin-top: 20px;
      margin-left: 0; }
      #about .btn span {
        font-size: 16px; } }

#scene {
  padding-top: 78px;
  margin-top: -78px; }
  #scene .inner {
    border-top: 1px solid #222; }
  #scene p {
    padding: 0px 20px 30px 20px; }
  @media only screen and (min-width: 769px) {
    #scene {
      border-top: none;
      position: relative;
      z-index: 1;
      padding-top: 140px;
      margin-top: -140px; }
      #scene .inner {
        border-top: 1px solid #222; }
      #scene .headline__FG {
        padding: 0 25px 0 0;
        background: #fff;
        display: inline-block;
        top: -0.55em;
        position: relative; }
      #scene p {
        padding: 20px 0 50px; } }

/*============
scene by hoc
===============*/
.works_box_wrapper:after {
  content: '';
  display: block;
  clear: both; }
.works_box_wrapper img {
  max-width: 100%;
  width: auto; }
@media only screen and (min-width: 769px) {
  .works_box_wrapper {
    width: 1120px !important;
    margin: auto;
    padding: 0;
    min-width: inherit;
    padding-bottom: 80px;
    border-bottom: 1px solid; }
    .works_box_wrapper .inner {
      width: auto; } }
.works_box_wrapper .works_box {
  padding-top: 0; }
  @media only screen and (min-width: 769px) {
    .works_box_wrapper .works_box {
      float: left;
      width: 25%;
      min-width: auto;
      padding: 0;
      border-right: 2px solid #ffffff; }
      .works_box_wrapper .works_box:last-child {
        border-right: 0; } }
.works_box_wrapper .h-work-box-inner {
  position: relative;
  top: 40px; }
  @media only screen and (min-width: 769px) {
    .works_box_wrapper .h-work-box-inner {
      padding: 40px 25px 60px;
      top: 0; } }

.works_box {
  padding-top: 40px; }
  @media only screen and (min-width: 769px) {
    .works_box {
      padding-top: 0; } }
  .works_box h3 {
    margin-bottom: 20px; }
    @media only screen and (min-width: 769px) {
      .works_box h3 {
        padding-left: 0;
        margin-bottom: 24px; } }
  .works_box p {
    padding: 0px 20px 5px 20px;
    position: relative;
    z-index: 1; }
    @media only screen and (min-width: 769px) {
      .works_box p {
        padding-left: 0;
        padding-right: 0px; } }
  .works_box.daily {
    background: #f1f1ee; }
  .works_box.memory {
    background: #f0efee; }
  .works_box.hobby {
    background: #f3f2ee; }
  .works_box.wedding {
    background: #f4f4f5; }
    .works_box.wedding img {
      position: relative;
      z-index: 0; }

#service {
  padding-top: 20px;
  padding: 78px 0 0px;
  margin-top: -78px;
  margin-bottom: 45px;
  position: relative; }
  #service:after {
    content: '';
    background: url(../img/pz/common/line_8.gif) repeat-x bottom;
    background-size: 317px;
    background-position: left 0 bottom -4px;
    position: relative;
    top: -6px;
    left: 0;
    right: 30px;
    height: 40px;
    z-index: 0;
    display: block;
    margin: auto; }
  #service .inner {
    padding: 0 20px; }
  #service .service_photo {
    display: block; }
  #service .service_box:nth-of-type(2) {
    margin-top: 40px;
    position: relative; }
  @media only screen and (min-width: 769px) {
    #service {
      width: 1216px;
      min-width: 1216px;
      margin: -137px auto 30px auto;
      background: none;
      padding: 140px 0 0; }
      #service .service_photo {
        display: none; }
      #service:after {
        height: 50px;
        width: 1120px; }
      #service .inner {
        /* border-top: 1px solid #222; */
        padding: 0; }
      #service .service_box:nth-of-type(1) {
        margin-top: 30px;
        padding-left: 580px;
        min-height: 300px;
        background: url(../print-products-photobook-photozine/print-photobook-photozine-service_book.jpg?$staticlink$) no-repeat;
        background-size: 540px;
        top: 0;
        left: 0; }
      #service .service_box:nth-of-type(2) {
        padding-left: 580px;
        min-height: 240px;
        background: url(../print-products-photobook-photozine/print-photobook-photozine-service_gallery.jpg?$staticlink$) no-repeat;
        background-size: 540px;
        top: 0;
        left: 0; } }
  #service .headline__FG {
    padding: 37px 0px 30px 0px; }
    @media only screen and (min-width: 769px) {
      #service .headline__FG {
        padding: 0 25px 0 0;
        background: #fff;
        display: inline-block;
        top: -0.55em;
        position: relative;
        z-index: 2; } }
  #service .icn_arrows {
    margin: 0px 0px 5px 0px; }
    @media only screen and (min-width: 769px) {
      #service .icn_arrows {
        line-height: 1;
        display: inline-block;
        position: relative;
        top: -8px;
        margin-bottom: 10px; } }
  #service h4 {
    margin-bottom: 15px; }
    @media only screen and (min-width: 769px) {
      #service h4 {
        margin-bottom: 25px;
        font-size: 25px;
        margin-right: 10px;
        display: inline-block; } }
  #service b {
    margin-bottom: 20px;
    margin-right: 10px;
    line-height: 1;
    padding: 5px 10px; }
  #service h4 + p {
    position: relative;
    top: -5px;
    display: inline-block; }
  #service p + table {
    margin-top: 40px; }
  #service .btn {
    margin: 0; }
    @media only screen and (min-width: 769px) {
      #service .btn {
        width: 258px;
        display: inline-block;
        margin-right: 20px; }
        #service .btn a {
          letter-spacing: -1.6px; }
        #service .btn:last-child {
          margin-right: 0px; }
          #service .btn:last-child a {
            letter-spacing: 0; } }
  #service p + .btn {
    margin-top: 20px; }
    @media only screen and (min-width: 769px) {
      #service p + .btn {
        margin-top: 0px; } }
  #service td {
    line-height: 1.5; }

.service_photo {
  margin-bottom: 15px; }

  .service_photo img {
    width: 100%;
  }

.slim {
  padding-top: 20px;
  padding: 78px 0 0px;
  margin-top: -78px;
  margin-bottom: 10px;
  position: relative; }
  .slim b {
    margin-bottom: 20px;
    margin-right: 10px;
    line-height: 1;
    padding: 5px 10px; }
  .slim:after {
    content: '';
   // background: url(../img/pz/common/line_8.gif) repeat-x bottom;
    background-size: 317px;
    background-position: left 0 bottom -4px;
    position: relative;
    top: -6px;
    left: 0;
    right: 30px;
    height: 40px;
    z-index: 0;
    display: block;
    margin: auto; }
  .slim .inner {
    padding: 30px 20px 0px; }
  .slim .service_photo {
    display: block; }
  .slim .service_box:nth-of-type(2) {
    margin-top: 40px;
    position: relative; }
  @media only screen and (min-width: 769px) {
    .slim {
      width: 1216px;
      min-width: 1216px;
      margin: -52px auto 20px auto;
      background: none;
      padding: 40px 0 0; }
      .slim .service_photo {
        display: none; }
      .slim:after {
        height: 50px;
        width: 1120px; }
      .slim .inner {
        padding: 0; }
      .slim .service_box:nth-of-type(1) {
        margin-top: 40px;
        padding-left: 580px;
        min-height: 540px;
        background: url(../print-products-photobook-photozine/print-photobook-photozine-slim_bg.png?$staticlink$) no-repeat;
        background-size: 540px;
        top: 0;
        left: 0; }
      .slim .service_box:nth-of-type(2) {
        padding-left: 580px;
        min-height: 240px;
        background: url(../print-products-photobook-photozine/print-photobook-photozine-service_gallery.jpg?$staticlink$) no-repeat;
        background-size: 540px;
        top: 0;
        left: 0; } }
  .slim .headline__FG {
    padding: 37px 0px 30px 0px; }
    @media only screen and (min-width: 769px) {
      .slim .headline__FG {
        padding: 0 25px 0 0;
        background: #fff;
        display: inline-block;
        top: -0.55em;
        position: relative;
        z-index: 2; } }
  .slim .icn_arrows {
    margin: 0px 0px 5px 0px; }
    @media only screen and (min-width: 769px) {
      .slim .icn_arrows {
        line-height: 1;
        display: inline-block;
        position: relative;
        top: -8px;
        margin-bottom: 10px; } }
  .slim h4 {
    margin-bottom: 15px;
    display: inline-block; }
    @media only screen and (min-width: 769px) {
      .slim h4 {
        margin-bottom: 25px;
        font-size: 25px;
        margin-right: 10px; }
        .slim h4 + p {
          position: relative;
          top: -5px;
          display: inline-block; } }
  .slim p + table {
    margin-top: 40px; }
  .slim p.btn {
    margin: 0; }
    .slim p.btn.btn2 {
      margin-bottom: 20px; }
      @media only screen and (min-width: 769px) {
        .slim p.btn.btn2 {
          margin-right: 0px;
          letter-spacing: 0; } }
    @media only screen and (min-width: 769px) {
      .slim p.btn {
        width: 258px;
        display: inline-block;
        margin-right: 20px;
        margin-bottom: 30px; }
        .slim p.btn a {
          letter-spacing: -1.6px; } }
  .slim .icn_c_arrow {
    font-size: 14px;
    font-weight: bold;
    display: inline-block;
    margin-bottom: 5px;
    text-decoration: none; }
    @media only screen and (min-width: 769px) {
      .slim .icn_c_arrow {
        font-size: 16px; } }
  .slim p + .btn {
    margin-top: 20px; }
    @media only screen and (min-width: 769px) {
      .slim p + .btn {
        margin-top: 0px; } }
  .slim td {
    line-height: 1.5; }

.magazine {
  padding: 32px 20px 25px;
  background: #eeeeee; }
  @media only screen and (min-width: 769px) {
    .magazine p.icn_arrows {
      display: inline-block !important;
      margin-bottom: 10px; } }
  .magazine.budge:before {
    margin-top: 77px;
    margin-left: 25%; }
  .magazine.budge:after {
    margin-top: 77px;
    margin-left: 25%; }
  @media only screen and (min-width: 769px) {
    .magazine.budge:before {
      margin-top: 56px;
      margin-left: 416px; }
    .magazine.budge:after {
      margin-top: 56px;
      margin-left: 416px; } }
  .magazine .service_photo {
    display: block; }
  .magazine .inner:after {
    content: '';
    background-size: 317px;
    background-position: 0 -4px;
    position: absolute;
    left: 0;
    right: 0;
    height: 4px;
    z-index: 0;
    bottom: 10px; }
    @media only screen and (min-width: 769px) {
      .magazine .inner:after {
        background: url(../img/pz/common/line_8.gif) repeat-x bottom; } }
  @media only screen and (min-width: 769px) {
    .magazine {
      padding: 0;
      margin: 0 auto;
      background: none; }
      .magazine .service_photo {
        display: none; }
      .magazine .inner {
        padding: 0px 0 40px 0px;
        background: url(../print-products-photobook-photozine/print-photobook-photozine-h-magazine.png?$staticlink$) no-repeat top #ffffff;
        background-size: 540px;
        background-position: 580px 0px;
        position: relative; } }
  .magazine .icn_arrows span {
    letter-spacing: -1px; }
  .magazine h4 {
    position: relative;
    margin-bottom: 15px; }
    @media only screen and (min-width: 769px) {
      .magazine h4 {
        display: inline-block;
        margin-right: 10px; } }
    @media only screen and (min-width: 769px) {
      .magazine h4 {
        font-size: 25px;
        letter-spacing: 2px; }
        .magazine h4 + p {
          display: inline-block; } }
    @media only screen and (min-width: 769px) and (min-width: 769px) {
      .magazine h4 + p {
        position: relative;
        top: -5px; } }

  .magazine b {
    margin-bottom: 20px;
    margin-right: 10px;
    line-height: 1;
    padding: 5px 10px; }
  .magazine table {
    margin-bottom: 20px; }
    @media only screen and (min-width: 769px) {
      .magazine table {
        width: 540px; } }
  .magazine p.btn {
    margin-bottom: 20px;
    margin-left: 0;
    margin-right: 0; }
    @media only screen and (min-width: 769px) {
      .magazine p.btn {
        display: inline-block;
        margin: 0px 20px 30px 0px;
        width: 260px;
        font-size: 16px; }
        .magazine p.btn:nth-child(2) {
          margin-right: 0;
          letter-spacing: 0;
          margin-bottom: 0; }
        .magazine p.btn a {
          padding: 18px 50px 18px 25px;
          letter-spacing: -1.6px; } }
  .magazine .icn_c_arrow {
    font-size: 14px;
    font-weight: bold;
    display: inline-block;
    margin-bottom: 5px;
    text-decoration: none;
    margin-left: 0px; }
    @media only screen and (min-width: 769px) {
      .magazine .icn_c_arrow {
        font-size: 16px;
        margin-left: 0; } }

#make {
  padding-top: 20px;
  padding-bottom: 20px;
  border-top: 1px solid #fff; }
  @media only screen and (min-width: 769px) {
    #make {
      width: 1216px;
      min-width: 1216px;
      margin: 0 auto;
      padding-top: 0;
      text-align: center;
      background: none; }
      #make .inner {
        padding-top: 94px; } }
  #make h2 {
    line-height: 1.4;
    padding-bottom: 10px; }
    @media only screen and (min-width: 769px) {
      #make h2 {
        display: inline-block;
        padding-left: 0; } }
  #make .btn {
    position: relative;
    text-align: center; }
    @media only screen and (min-width: 769px) {
      #make .btn {
        display: inline-block;
        width: 344px;
        height: 95px;
        position: relative;
        top: -7px; }
        #make .btn:hover:after {
          color: #fff; }
		#make .btn a.mid {position: relative; top:25%;
		}

}
    #make .btn span {
      font-size: 14px; }
      @media only screen and (min-width: 769px) {
        #make .btn span {
          font-size: 16px; } }
    #make .btn a {
      z-index: 1;
      margin: 20px 0 0;
      padding: 30px; }
      @media only screen and (min-width: 769px) {
        #make .btn a {
          padding-top: 39px;
          padding-bottom: 39px;
          margin: 0;
          text-align: center;
          padding-right: 33px;
          font-size: 17px; } }
    #make .btn:after {
      content: attr(data-text);
      font-size: 12px;
      text-align: center;
      position: absolute;
      z-index: 0;
      bottom: 15px;
      width: 100%;
      margin-left: -10px;
      left: 0; }
      @media only screen and (min-width: 769px) {
        #make .btn:after {
          transition: 0.25s; } }

#book #make {
  background: none; }
  #book #make h2 {
    padding-top: 10px; }
  @media only screen and (min-width: 769px) {
    #book #make .inner {
      background: none;
      padding-top: 10px; } }

@media only screen and (min-width: 769px) {
  #order nav ul li:nth-child(4) a {
    color: #20d8c9; }
    #order nav ul li:nth-child(4) a:after {
      background: url(../img/common/icon_book_on.png?$staticlink$) no-repeat center #20d8c9;
      background-size: cover; }
  #order .sticky ul li:nth-child(4) a {
    color: #20d8c9; }
    #order .sticky ul li:nth-child(4) a:after {
      background: url(../img/common/icon_book_on.png?$staticlink$) no-repeat center #20d8c9;
      background-size: cover; } }
#order #make {
  display: none; }

  .lower_first .inner img {
    width: 100%; }
@media only screen and (min-width: 769px) {
  .lower_first {
    background: none;
    padding: 0;
    /* padding-bottom: 40px; */
    position: relative;
    overflow: hidden; }
    .lower_first .inner img {
      width: 70%!important;
      float: right;
     }
    .lower_first .inner {
      width: 100%; } }
.lower_first .icn_arrows {
  margin: 15px 20px;
  font-weight: bold; }
  @media only screen and (min-width: 769px) {
    .lower_first .icn_arrows {
      position: absolute;
      left: 50%;
      margin-left: -560px;
      top: 135px;
      padding-right: 50px; } }
/* @media only screen and (min-width: 1920px) {
  .lower_first .inner {
    width: 1920px;
    margin: 0 auto; } } */
.lower_first h2 {
  letter-spacing: .1em;
  margin-top: 20px; }
  @media only screen and (min-width: 769px) {
    .lower_first h2 {
      position: absolute;
      font-size: 24px;
      left: 50%;
      margin-left: -560px;
      top: 192px;
      transform: translate(0, 0);
      margin-top: 0;
      padding: 0; }
      .lower_first h2 span {
        margin: 0; } }
.lower_first p {
  margin: 20px 20px 40px 20px; }
  @media only screen and (min-width: 769px) {
    .lower_first p {
      left: 50%;
      top: 243px;
      margin-left: -560px;
      position: absolute;
      padding: 0; } }

.sub_nav {
  padding-top: 8px;
  background: url(../img/pz/common/line_8.gif) repeat-x top #fff;
  background-size: 317px; }
  @media only screen and (min-width: 769px) {
    .sub_nav {
      background: none;
      position: relative;
      width: 1216px;
      min-width: 1216px;
      margin: 0 auto;
      padding: 8px 0 0; }
      .sub_nav:after {
        content: '';
        height: 8px;
        background: url(../img/pz/common/line_8.gif) repeat-x top #fff;
        background-size: 317px;
        position: absolute;
        top: 0;
        left: 48px;
        right: 48px; } }
  .sub_nav ul {
    width: 100%;
    padding: 32px 20px 40px 20px;
    background: url(../img/pz/common/line_8.gif) repeat-x bottom #fff;
    background-size: 317px; }
    @media only screen and (min-width: 769px) {
      .sub_nav ul {
        text-align: center;
        padding: 22px 0px 30px 0px;
        margin: 0 48px;
        width: 1120px; } }
  .sub_nav li {
    margin-bottom: 10px; }
    .sub_nav li:last-child {
      margin-bottom: 0; }
    .sub_nav li.narrowly {
      letter-spacing: -1px; }
      .sub_nav li.narrowly span {
        letter-spacing: -3px; }
    @media only screen and (min-width: 769px) {
      .sub_nav li {
        display: inline-block;
        margin: 0 20px; } }
  .sub_nav a {
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    display: inline-block; }
    .sub_nav a:after {
      transform: rotate(90deg) translate(1px, 1px); }
    @media only screen and (min-width: 769px) {
      .sub_nav a {
        font-size: 16px; } }

.thum_box {
  position: relative;}
  .thum_box .thum_wrap {
    /* overflow-x: scroll; */
    width: 100%; }
    @media only screen and (min-width: 769px) {
      .thum_box .thum_wrap {
        overflow: hidden; } }
  /* .thum_box ul {
    display: flex;
    width: 1464px;
    padding: 0 10px;
    box-sizing: content-box; }
    @media only screen and (min-width: 769px) {
      .thum_box ul {
        padding: 0 0 30px;
        width: 100%;
        overflow: hidden;
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap; } } */
  .thum_box li {
    width: 224px;
    padding-bottom: 35px;
    margin: 0 10px; }
    .thum_box li img {
      margin-bottom: 15px;
      width: 100%;
     }
    @media only screen and (min-width: 769px) {
      .thum_box li {
        width: 343px;
        margin: 0;
        padding: 0; }
        .thum_box li img {
          margin-bottom: 18px; }
        .thum_box li:nth-child(2), .thum_box li:nth-child(5) {
          margin: 0 56px 50px; } }
  .thum_box h4 {
    font-size: 14px;
    margin-bottom: 15px;
    line-height: 1.8; }
    @media only screen and (min-width: 769px) {
      .thum_box h4 {
        font-size: 16px;
        margin-bottom: 10px; } }
  @media only screen and (min-width: 769px) {
    .thum_box .headline__FG {
      padding-left: 0; } }

.thum_box2 {
  background: #eeeeee;
  position: relative;
  overflow: hidden; }
@media only screen and (min-width: 769px) {
.thum_box2 {
}
.thum_box2 .inner{
padding-top:20px;
}
}
  .thum_box2 .thum_wrap {
    /* overflow-x: scroll; */
    width: 100%; }
@media only screen and (max-width: 767px) {
  .thum_box2 {
    /* overflow-x: scroll; */
    width: 100%;
padding-top:10px !important;}}

    @media only screen and (min-width: 769px) {
      .thum_box2 .thum_wrap {
        overflow: hidden; } }
  .thum_box2 ul {
    display: flex;
    width: 1464px;
    padding: 0 10px;
    box-sizing: content-box; }
    @media only screen and (min-width: 769px) {
      .thum_box2 ul {
        padding: 0 0 30px;
        width: 100%;
        overflow: hidden;
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap; } }
  .thum_box2 li {
    width: 224px;
    padding-bottom: 35px;
    margin: 0 10px; }
    .thum_box2 li img {
      margin-bottom: 15px;
      width: 100%;
    }
    @media only screen and (min-width: 769px) {
      .thum_box2 li {
        width: 343px;
        margin: 0;
        padding: 0; }
        .thum_box2 li img {
          margin-bottom: 18px; }
        .thum_box li:nth-child(2), .thum_box li:nth-child(5) {
          margin: 0 45px 50px; }
        .thum_box2 li:nth-child(2), .thum_box2 li:nth-child(5) {
          margin: 0 45px 50px; }
         }
  .thum_box2 h4 {
    font-size: 14px;
    margin-bottom: 15px;
    line-height: 1.8; }
.thum_box2 .headline__FG{background-color: #eeeeee !important; }
    @media only screen and (min-width: 769px) {
      .thum_box2 h4 {
        font-size: 16px;
        margin-bottom: 10px; } }
  @media only screen and (min-width: 769px) {
    .thum_box2 .headline__FG {
      padding-left: 0; } }


#detail {
  background: #eeeeee;
  position: relative;
  overflow: hidden; }
  @media only screen and (min-width: 769px) {
    #detail {
      overflow: visible;
      margin-top: 30px;
      padding: 30px 0;
      } }
  #detail h2 {
    font-size: 24px;
    line-height: 1.6;
    padding-bottom: 20px; }
    #detail h2 + p {
      margin: 0 20px 25px; }
    @media only screen and (min-width: 769px) {
      #detail h2 {
        font-size: 32px;
        padding-top: 70px;
        padding-left: 0;
        margin-bottom: 0px; }
        #detail h2 + p {
          margin: 0 0px 35px; } }
  #detail .colors {
    margin: 0 20px 30px; }
    #detail .colors img {
      margin-bottom: 5px;
      width: 100%;
     }
    @media only screen and (min-width: 769px) {
      #detail .colors {
        width: 520px;
        margin: 0;
        float: left; }
        #detail .colors img {
          margin-bottom: 15px; } }
  #detail .size_photo {
    margin: 0 20px 0;
    width: 77%; }
    @media only screen and (min-width: 769px) {
      #detail .size_photo {
        position: absolute;
        right: auto;
        top: -69px;
        left: 50%;
        margin-left: 112px;
        width: 446px; } }
  #detail .filter {
    margin: 0 20px;
    padding-bottom: 35px; }
    #detail .filter img {
      margin-bottom: 15px; }
    @media only screen and (min-width: 769px) {
      #detail .filter {
        clear: both;
        padding: 60px 0 65px; } }


#detail3 {
  background: #eeeeee;
  position: relative;
  overflow: hidden; }
/* @media only screen and (max-width: 767px) {
#detail3 {
top:-30px;}} */

  @media only screen and (min-width: 769px) {
    #detail3 {
      overflow: visible;
      padding-top: 30px;
	  margin-bottom:-30px;} }
  #detail3 h2 {
    font-size: 24px;
    line-height: 1.6;
    padding-bottom: 20px; }
    #detail3 h2 + p {
      margin: 0 20px 25px; }
    @media only screen and (min-width: 769px) {
      #detail3 h2 {
        font-size: 32px;
        padding-top: 70px;
        padding-left: 0;
        margin-bottom: 0px; }
        #detail3 h2 + p {
          margin: 0 0px 35px; } }
  #detail3 .colors {
    margin: 0 20px 30px; }
    #detail3 .colors img {
      margin-bottom: 5px; }
    @media only screen and (min-width: 769px) {
      #detail3 .colors {
        width: 520px;
        margin: 0;
        float: left; }
        #detail3 .colors img {
          margin-bottom: 15px; } }
  #detail3 .size_photo {
    margin: 0 20px 0;
    width: 77%; }
    @media only screen and (min-width: 769px) {
      #detail3 .size_photo {
        position: absolute;
        right: auto;
        top: 15px;
        left: 50%;
        margin-left: 112px;
        width: 446px; } }
  #detail3 .filter {
    margin: 0 20px;
    padding-bottom: 35px; }
    #detail3 .filter img {
      margin-bottom: 15px; }
    @media only screen and (min-width: 769px) {
      #detail3 .filter {
        clear: both;
        padding: 60px 0 65px; } }

#detail4 {
  background: #fff;
  position: relative;
  overflow: hidden; }
  @media only screen and (min-width: 769px) {
    #detail4 {
      overflow: visible;
      margin-top: 30px; } }
  #detail4 h2 {
    font-size: 24px;
    line-height: 1.6;
    padding-bottom: 20px; }
    #detail4 h2 + p {
      margin: 0 20px 25px; }
    @media only screen and (min-width: 769px) {
      #detail4 h2 {
        font-size: 32px;
        padding-top: 70px;
        padding-left: 0;
        margin-bottom: 0px; }
        #detail4 h2 + p {
          margin: 0 0px 35px; } }
  #detail4 .colors {
    margin: 0 20px 30px; }
    #detail4 .colors img {
      margin-bottom: 5px; }
    @media only screen and (min-width: 769px) {
      #detail4 .colors {
        width: 520px;
        margin: 0;
        float: left; }
        #detail4 .colors img {
          margin-bottom: 15px; } }
  #detail4 .filter {
    margin: 0 20px;
    padding-bottom: 35px; }
    #detail4 .filter img {
      margin-bottom: 15px; }
    @media only screen and (min-width: 769px) {
      #detail4 .filter {
        clear: both;
        padding: 60px 0 65px; } }


.price_table {
  padding: 0 20px 35px 20px; }
  @media only screen and (min-width: 769px) {
    .price_table {
      width: 560px;
      margin: 0;
      float: right;
      padding: 0; } }
  .price_table table {
    margin: 15px 0 10px 0;
    font-size: 9px;
    border: none; }
    @media only screen and (min-width: 769px) {
      .price_table table {
        margin-top: 0;
        margin-bottom: 15px;
        font-size: 14px;
        border-bottom: 3px solid #fff; }
	}
    .price_table table td, .price_table table th {
      text-align: center;
      background: #fff;
      line-height: 1;
      padding: 10px 3px 9px 3px;
      border: 1px solid #eee;
      vertical-align: middle; }
      @media only screen and (min-width: 769px) {
        .price_table table td, .price_table table th {
          border: 2px solid #eee; } }
    .price_table table th {
      width: 18%;
      font-weight: normal;
      border-right: 3px solid #eee; }
      @media only screen and (min-width: 769px) {
        .price_table table th {
          border-right: 6px solid #eee;
          border-left: none; } }
    .price_table table td {
      width: 27%; }
    .price_table table tr:nth-child(2) td {
      line-height: 1.5;
      padding: 4px 3px 0px 3px; }
    .price_table table .bt3 td, .price_table table .bt3 th {
      border-top: 3px solid #eee; }
      @media only screen and (min-width: 769px) {
        .price_table table .bt3 td, .price_table table .bt3 th {
          border-top: 6px solid #eee; } }
  .price_table small {
    font-size: 9px;
    color: #999;
    display: block; }
    @media only screen and (min-width: 769px) {
      .price_table small {
        font-size: 11px; } }
  .price_table p:last-child {
    margin-top: 5px; }

#specification {
  padding: 40px 20px 35px;
  margin-bottom: 3px; }
  @media only screen and (min-width: 769px) {
    #specification {
      padding: 0px 20px 60px;
      width: 1216px;
      min-width: 1216px;
      margin: 88px auto 0 auto;
      background: none;
      position: relative; }
      #specification .service_photo {
        display: none; }
      #specification .service_box {
        margin-top: 30px;
        padding-left: 580px;
        background: url(../print-products-photobook-photozine/print-photobook-photozine-magazine-spec.jpg?$staticlink$) no-repeat;
        background-size: 540px;
        top: 0;
        left: 0; } }
  #specification .headline__FG {
    padding: 37px 0px 30px 0px; }
    @media only screen and (min-width: 769px) {
      #specification .headline__FG {
        padding: 0 25px 0 0;
        background: #fff;
        display: inline-block;
        top: -0.55em;
        position: relative;
        z-index: 2; } }
  #specification td {
    line-height: 1.5; }


#specification2 {
  position: relative;
  overflow: hidden;
background-color: #fff !important;}
@media only screen and (max-width: 767px) {
#specification2 {
/* margin-top:-30px; */
padding-top:40px;
	z-index:-2;
padding: 0px 0px 20px;
background-color: #fff !important;}
#specification2 .inner {
padding-top: 30px;
margin: 0 0px 0 20px ;
padding-right:40px;}}

  @media only screen and (min-width: 769px) {
    #specification2 {
      padding: 30px 20px 80px;
      min-width: 1216px;
      margin: 0px auto 0 auto;
      background: none;
      overflow: visible;}
      #specification2 .service_photo {
        display: none; }
      #specification2 .service_box {
        margin-top: 20px;
        padding-left: 580px;
        background: url(../print-products-photobook-photozine/print-photobook-photozine-spec.jpg?$staticlink$) no-repeat;
        background-size: 540px;
        top: 0;
        left: 0;
        min-height: 360px;
         }
       }
  #specification2 .headline__FG {
    padding: 37px 0px 30px 0px; }
    @media only screen and (min-width: 769px) {
      #specification2 .headline__FG {
        padding: 0 25px 0 0;
        background: #fff;
        display: inline-block;
        top: -0.55em;
        position: relative;
        z-index: 2; } }
  #specification2 td {
    line-height: 1.5; }

#specification3 {
  padding: 40px 20px 0px;
  margin-bottom: 3px; }
  @media only screen and (min-width: 769px) {
    #specification3 {
      padding: 0px 20px 0px;
      width: 1216px;
      min-width: 1216px;
      margin: 400px auto 0 auto;
      background: none;
      position: relative; }
      #specification3 .service_photo {
        display: none; }
      #specification3 .service_box {
        margin-top: 30px;
        padding-left: 560px;
        top: 0;
        left: 0; } }
  @media only screen and (max-width: 767px) {
    #specification3 { margin-top: -40px; padding-bottom:0; } }
  #specification3 .headline__FG {
    padding: 37px 0px 30px 0px; }
    @media only screen and (min-width: 769px) {
      #specification3 .headline__FG {
        padding: 0 25px 0 0;
        background: #fff;
        display: inline-block;
        top: -0.55em;
        position: relative;
        z-index: 2; } }
  #specification3 td {
    line-height: 1.5; }

/*
#scene_book .thum_wrap li {
  padding-bottom: 0; }
@media only screen and (min-width: 769px) {
  #scene_book {
    background: #eeeeee !important;
    min-width: 1216px;
    //width: 1216px;
    margin: 0 auto;
    //padding: 0;
    padding-top: 3px;
	position: relative !important;
overflow: visible; }
    #scene_book:after {
      content: '';
      height: 1px;
      background: #222;
      position: absolute;
      top: 0;
      left: 48px;
      right: 48px;
      z-index: 0; }
    #scene_book .headline__FG {
      padding: 0 25px 25px 0;
      display: inline-block;
      background: #eeeeee;
      top: -0.55em;
      position: relative;
      z-index: 2; }
    #scene_book .inner {
      border-top: 1px solid #222;
      margin: 0 48px; } }
*/

.lower_first.order {
  margin-top: 116px;
  position: relative; }
  .lower_first.order .inner {
    position: relative;
    z-index: 1; }
  @media only screen and (min-width: 769px) {
    .lower_first.order {
      margin-top: 0;
      padding-top: 50px;
      overflow: visible; }
      .lower_first.order .inner {
        width: 1120px;
        margin: 0 auto;
        position: relative; } }
  .lower_first.order:after {
    content: '';
    width: 187px;
    height: 139px;
    background: url(../img/order/flow_photo.png?$staticlink$) no-repeat center;
    background-size: cover;
    position: absolute;
    top: 80px;
    right: -16px;
    z-index: 0; }
    @media only screen and (min-width: 769px) {
      .lower_first.order:after {
        width: 297px;
        height: 221px;
        right: auto;
        left: 50%;
        margin-left: 136px;
        top: -20px; } }
  .lower_first.order .headline {
    position: relative;
    z-index: 1;
    font-family: "Lato", "游ゴシック体", "Yu Gothic", YuGothic, Helvetica, sans-serif; }
    .lower_first.order .headline span:last-child {
      margin-right: 60%;
      font-family: "游ゴシック体", "Yu Gothic", YuGothic, Helvetica, Arial, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, メイリオ, sans-serif; }
    @media only screen and (min-width: 769px) {
      .lower_first.order .headline {
        top: 0;
        left: 0;
        margin: 0;
        font-size: 41px;
        font-family: "Lato", "游ゴシック体", "Yu Gothic", YuGothic, Helvetica, sans-serif; }
        .lower_first.order .headline span {
          white-space: nowrap; }
          .lower_first.order .headline span:last-child {
            font-family: "Lato", "游ゴシック体", "Yu Gothic", YuGothic, Helvetica, sans-serif;
            margin-right: 0; }
        .lower_first.order .headline i {
          font-family: "游ゴシック体", "Yu Gothic", YuGothic, Helvetica, Arial, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, メイリオ, sans-serif;
          font-size: 40px;
          display: inline-block; } }
  .lower_first.order .headline__FG {
    margin: 0 20px 45px 20px;
    padding: 45px 0 0;
    position: relative; }
    .lower_first.order .headline__FG:after {
      content: attr(data-text);
      position: absolute;
      font-size: 12px;
      bottom: -24px;
      left: 0;
      letter-spacing: 0; }
    @media only screen and (min-width: 769px) {
      .lower_first.order .headline__FG {
        left: 0;
        top: 50%;
        padding: 0;
        position: absolute;
        display: inline-block;
        margin: -5px 0;
        font-size: 32px; }
        .lower_first.order .headline__FG:after {
          font-size: 14px; } }

.flow_boxes {
  padding: 0 20px 57px;
  position: relative;
  border-bottom: 1px solid #222; }
  .flow_boxes:after {
    content: '';
    background: #222;
    height: 1px;
    width: 100%;
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 3px; }
  @media only screen and (min-width: 769px) {
    .flow_boxes {
      padding: 48px 0px 45px 160px;
      z-index: 2;
      overflow: hidden; } }
  .flow_boxes li {
    background: #c7f5f1;
    padding: 10px 20px;
    margin-bottom: 12px;
    position: relative; }
    @media only screen and (min-width: 769px) {
      .flow_boxes li {
        padding: 22px 30px;
        width: 216px;
        height: 124px;
        display: block;
        margin-left: 24px;
        float: left; } }
    .flow_boxes li:before {
      content: '';
      position: absolute;
      width: 3px;
      height: 9px;
      background: #222;
      left: 0;
      right: 0;
      margin: 0 auto;
      bottom: -3px; }
      @media only screen and (min-width: 769px) {
        .flow_boxes li:before {
          width: 18px;
          height: 6px;
          right: -6px;
          left: auto;
          top: 50%;
          margin-top: -3px;
          margin: 0; } }
    .flow_boxes li:after {
      content: '';
      position: absolute;
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 7px 6px 0 6px;
      border-color: #222 transparent transparent transparent;
      left: 0;
      right: 0;
      margin: 0 auto;
      bottom: -10px; }
      @media only screen and (min-width: 769px) {
        .flow_boxes li:after {
          width: 0;
          height: 0;
          border-style: solid;
          border-width: 12px 0 12px 14px;
          border-color: transparent transparent transparent #222;
          right: -20px;
          left: auto;
          top: 50%;
          bottom: auto;
          margin-top: -9px; } }
    .flow_boxes li:last-child:before, .flow_boxes li:last-child:after {
      display: none; }
    .flow_boxes li p {
      font-size: 12px;
      margin: 0;
      line-height: 1.7; }
      @media only screen and (min-width: 769px) {
        .flow_boxes li p {
          position: relative;
          top: 0;
          left: 0;
          margin: 0;
          font-size: 14px; } }
    .flow_boxes li .step {
      color: #999999;
      font-family: "Cabin Sketch", cursive;
      font-size: 13px; }
      @media only screen and (min-width: 769px) {
        .flow_boxes li .step {
          font-size: 20px; } }
      .flow_boxes li .step span {
        color: #fff;
        margin-right: 3px; }
        @media only screen and (min-width: 769px) {
          .flow_boxes li .step span {
            font-size: 17px; } }
        .flow_boxes li .step span.yellow {
          color: #fff200; }
        .flow_boxes li .step span:first-child {
          padding-left: 8px; }
    .flow_boxes li:nth-child(2) {
      background: #9aede7; }
    .flow_boxes li:nth-child(3) {
      background: #63e4d9; }
      .flow_boxes li:nth-child(3) .step {
        color: #fff; }
    .flow_boxes li:nth-child(4) {
      background: #20d8c9; }
      .flow_boxes li:nth-child(4) .step {
        color: #fff; }

#select {
  margin-bottom: 45px; }
  @media only screen and (min-width: 769px) {
    #select {
      width: 1216px;
      margin: 0 auto 50px auto; } }
  #select h3 {
    margin: 0px;
    font-size: 20px;
    font-weight: bold;
    line-height: 1.8;
    letter-spacing: -1px; }
    #select h3 span {
      font-family: "Lato", "游ゴシック体", "Yu Gothic", YuGothic, Helvetica, sans-serif; }
    @media only screen and (min-width: 769px) {
      #select h3 {
        /* margin: 0 0 25px; */
        font-size: 24px;
        text-align: center; }
        #select h3 span {
          font-size: 25px;
          letter-spacing: 0.02em; } }

.size_selects {
  margin: 0 20px; }
  @media only screen and (min-width: 769px) {
    .size_selects {
      text-align: center; } }

.select_box {
  background: url(../img/pz/common/line_8.gif) repeat-x #fff;
  background-size: 317px;
  background-position: 0 -6px;
  padding: 26px 0 24px 0;
  display: table;
  width: 100%; }
  @media only screen and (min-width: 769px) {
    .select_box {
      padding: 0;
      background: none;
      width: 242px;
      display: inline-block;
      text-align: center;
      margin: 0 38px; } }
  .select_box__photo {
    display: table-cell;
    vertical-align: top;
    width: 24.5%; }
    @media only screen and (min-width: 769px) {
      .select_box__photo {
        display: block;
        width: 100%; }
        .select_box__photo img {
          width: initial;
          margin-bottom: 15px; }
        .select_box__photo .size01 {
          width: 100px; }
        .select_box__photo .size02 {
          width: 135px; }
        .select_box__photo .size03 {
          width: 135px; } }
  .select_box__info {
    display: table-cell;
    vertical-align: top;
    padding-left: 20px; }
    @media only screen and (min-width: 769px) {
      .select_box__info {
        display: block;
        padding-left: 0; } }
    .select_box__info p {
      line-height: 1.8;
      margin-bottom: 3px; }
      .select_box__info p span {
        font-size: 14px;
        font-weight: bold; }
        @media only screen and (min-width: 769px) {
          .select_box__info p span {
            display: block;
            font-size: 24px; } }
  .select_box label {
    display: block;
    position: relative; }

    @media only screen and (min-width: 769px) {
      .select_box label {
        margin-top: 20px; } }
  .select_box select {
    width: 100%;
    border: 1px solid #222;
    border-radius: 5px;
    padding: 8px 10px;
    margin-bottom: 12px;
    position: relative; }
  .select_box select::-ms-expand {
    display: none; }
  .select_box .btn {
    margin: 0 0 4px;
    text-align: center; }
@media only screen and (max-width: 767px) {
  .select_box select {
    font-size: 14px;
  }
}
  .select_box small {
    text-align: center;
    color: #999;
    width: 100%;
    display: block;
    font-size: 9px; }

#point_order {
  background: url(../img/pz/common/line_8.gif) repeat-x top;
  background-size: 317px;
  padding-top: 10px;
  margin-bottom: 29px; }
  @media only screen and (min-width: 769px) {
    #point_order {
      width: 1120px;
      min-width: 1120px;
      padding: 10px 0 0;
      margin: 0 auto; } }
  #point_order .inner {
    background: #eee;
    padding: 25px 0px 0px 0px; }
    @media only screen and (min-width: 769px) {
      #point_order .inner {
        padding: 50px 0px 0px 0px; } }
  #point_order h4 {
    position: relative;
    font-size: 27px;
    font-family: "Lato", "游ゴシック体", "Yu Gothic", YuGothic, Helvetica, sans-serif;
    line-height: 1.5;
    margin: 0 20px 15px; }
    @media only screen and (min-width: 769px) {
      #point_order h4 {
        margin: 0 80px 50px;
        font-size: 42px; } }
    #point_order h4 span {
      font-size: 26px;
      font-family: "游ゴシック体", "Yu Gothic", YuGothic, Helvetica, Arial, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, メイリオ, sans-serif; }
      @media only screen and (min-width: 769px) {
        #point_order h4 span {
          font-size: 40px; } }
    #point_order h4:before {
      content: attr(data-text);
      font-family: "游ゴシック体", "Yu Gothic", YuGothic, Helvetica, Arial, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, メイリオ, sans-serif;
      font-size: 12px;
      text-align: center;
      position: absolute;
      left: 0;
      right: 0;
      top: -62px;
      border: 1px solid #222;
      background: #fff;
      border-radius: 4px;
      padding: 15px 0;
      letter-spacing: 0;
      font-weight: normal;
      z-index: 1;
      width: 92px; }
      @media only screen and (min-width: 769px) {
        #point_order h4:before {
          font-size: 14px;
          padding: 15px 30px;
          width: 136px;
          top: -74px; } }
    #point_order h4:after {
      content: '';
      width: 10px;
      height: 8px;
      background: url(../img/common/fukidashi.png?$staticlink$) no-repeat top left;
      background-size: cover;
      position: absolute;
      top: -13px;
      left: 40px;
      z-index: 2; }
      @media only screen and (min-width: 769px) {
        #point_order h4:after {
          left: 66px;
          top: -22px; } }
  #point_order h5 {
    font-size: 20px;
    position: relative;
    padding-top: 20px;
    padding-left: 43px;
    font-weight: bold;
    margin-bottom: 10px; }
    #point_order h5:before {
      content: 'Point';
      font-size: 13px;
      font-weight: normal;
      color: #999;
      position: absolute;
      top: 0;
      left: 0; }
    #point_order h5:after {
      content: attr(data-text);
      width: 32px;
      height: 32px;
      background: #fff200;
      font-size: 22px;
      font-family: "Cabin Sketch", cursive;
      font-weight: normal;
      color: #222;
      text-align: center;
      line-height: 32px;
      position: absolute;
      left: 0px;
      top: 24px;
      border-radius: 50%;
      line-height: 1.6; }
    @media only screen and (min-width: 769px) {
      #point_order h5 {
        display: inline-block; } }
  #point_order h6 {
    font-size: 16px;
    color: #20d8c9;
    font-weight: bold; }
  #point_order .points__box {
    border-bottom: 4px solid #fff;
    padding: 0 20px 0 20px;
    margin-bottom: 20px;
    position: relative;
    overflow: hidden; }
    #point_order .points__box:last-child {
      border-bottom: 2px solid #fff;
      padding-bottom: 10px;
      overflow: visible; }
      #point_order .points__box:last-child:after {
        content: '';
        width: 100%;
        height: 8px;
        background: url(../img/pz/common/line_8.gif) repeat-x top;
        background-size: 317px;
        position: absolute;
        bottom: -10px;
        left: 0; }
    #point_order .points__box img {
      margin-bottom: 12px; }
      @media only screen and (min-width: 769px) {
        #point_order .points__box img {
          width: 480px;
          float: right;
          padding-left: 30px;
          margin-bottom: 32px; } }
    #point_order .points__box p {
      margin-bottom: 30px; }
    @media only screen and (min-width: 769px) {
      #point_order .points__box {
        padding: 0 80px 4px;
        border-bottom: none;
        margin-bottom: 32px; }
        #point_order .points__box:after {
          content: '';
          height: 4px;
          background: #fff;
          left: 80px;
          right: 80px;
          bottom: 0;
          position: absolute; }
        #point_order .points__box:nth-child(1) h5 {
          margin-top: 35px; }
        #point_order .points__box:nth-child(2) h5 {
          margin-top: 33px; }
        #point_order .points__box:nth-child(3) h5 {
          margin-top: 55px; }
        #point_order .points__box:nth-child(4) h5 {
          margin-top: 70px; }
        #point_order .points__box:last-child {
          height: 410px;
          padding-bottom: 0px; } }
  #point_order .points__box_note {
    padding: 32px;
    margin-bottom: 25px;
    background: #fff; }
    #point_order .points__box_note p {
      margin-bottom: 15px; }
    @media only screen and (min-width: 769px) {
      #point_order .points__box_note {
        clear: both;
        padding: 32px;
        margin-bottom: 32px;
        overflow: hidden;
        position: relative; }
        #point_order .points__box_note h6 {
          float: left;
          width: 400px;
          margin-top: 15px;
          margin-bottom: 15px;
          font-size: 20px; }
        #point_order .points__box_note p {
          clear: both;
          float: left;
          width: 400px; }
        #point_order .points__box_note img {
          padding-left: 30px;
          margin-top: -60px;
          margin-bottom: 5px;
          width: 448px; } }

/* #magazine .thum_box ul {
  width: 732px; }
  @media only screen and (min-width: 769px) {
    #magazine .thum_box ul {
      width: 100%; } } */
  #magazine #detail img {
    width: 100%;
  }
@media only screen and (min-width: 769px) {
  #magazine #detail {
    overflow: hidden;
    padding-bottom: 60px;
    margin-top: 0; } }
#magazine .service_box .a_btn {
  font-size: 14px;
  font-weight: bold;
  margin-top: 15px; }
  @media only screen and (min-width: 769px) {
    #magazine .service_box .a_btn {
      margin-top: 25px;
      font-size: 16px; } }
  #magazine .service_box .a_btn a {
    text-decoration: none; }
@media only screen and (min-width: 769px) {
  #magazine .service_box {
    background: url(../print-products-photobook-photozine/print-photobook-photozine-magazine-spec.jpg?$staticlink$) no-repeat;
    min-height: 360px;
   }
    #magazine .service_box table {
      margin-bottom: 10px; }
    #magazine .service_box th, #magazine .service_box td {
      padding: 5px 0; }
    #magazine .service_box small {
      font-size: 11px;
      color: #999;
      display: block; } }
@media only screen and (min-width: 769px) {
  /* #magazine #specification {
    padding-bottom: 95px; } */
 }
@media only screen and (min-width: 769px) {
  #magazine #make .inner {
    padding-top: 20px; } }
#magazine #make .btn span {
  margin-top: 5px;
  display: block; }
@media only screen and (min-width: 769px) {
  #magazine #make .btn {
    top: -7px; }
    #magazine #make .btn a {
      padding-top: 10px;
      padding-bottom: 30px; }
    #magazine #make .btn:after {
      bottom: 4px; } }
#magazine #bnrbox {
  background: #eeeeee;
  position: relative;
  overflow: hidden;
  margin-top: 55px; }
  @media only screen and (max-width: 768px) {
    #magazine #bnrbox {
      padding-bottom: 25px; } }
  @media only screen and (min-width: 769px) {
    #magazine #bnrbox {
      overflow: visible;
      margin-top: 30px; } }
  #magazine #bnrbox h2 {
    font-size: 24px;
    line-height: 1.6;
    padding-bottom: 20px; }
    #magazine #bnrbox h2 + p {
      margin: 0 20px 25px; }
    @media only screen and (min-width: 769px) {
      #magazine #bnrbox h2 {
        font-size: 32px;
        padding-top: 70px;
        padding-left: 0;
        margin-bottom: 0px;
        width: 390px;
        float: left; }
        #magazine #bnrbox h2 + p {
          padding-top: 65px;
          margin: 0 0 55px; } }
  #magazine #bnrbox ul {
    margin: 0 20px 25px; }
    @media only screen and (min-width: 769px) {
      #magazine #bnrbox ul {
        clear: both;
        overflow: hidden;
        margin: 0; } }
    #magazine #bnrbox ul li {
      margin-bottom: 20px; }
      @media only screen and (min-width: 769px) {
        #magazine #bnrbox ul li {
          width: 536px;
          float: left;
          margin-bottom: 80px; }
          #magazine #bnrbox ul li:first-child {
            margin-right: 48px; } }
    #magazine #bnrbox ul a {
      border: 4px solid #fff200;
      display: block;
      padding: 0; }
      #magazine #bnrbox ul a:before {
        top: auto;
        margin-top: 0;
        bottom: 8px;
        right: 8px; }
      #magazine #bnrbox ul a:after {
        top: auto;
        margin-top: 0;
        bottom: 14px;
        right: 14px; }
      @media only screen and (min-width: 769px) {
        #magazine #bnrbox ul a:before {
          width: 24px;
          height: 24px;
          bottom: 20px;
          right: 20px; }
        #magazine #bnrbox ul a:after {
          border-width: 5px 0 5px 7px;
          bottom: 26px;
          right: 27px; }
        #magazine #bnrbox ul a:hover {
          border-color: #20d8c9; } }

#store #make {
  display: none; }
@media only screen and (min-width: 769px) {
  #store main {
    margin-top: 0; } }
#store .lower_first {
  overflow: hidden;
  padding-top: 15px; }
  @media only screen and (min-width: 769px) {
    #store .lower_first {
      padding-top: 70px;
      padding-bottom: 0; } }
  #store .lower_first .inner {
    padding-bottom: 63px; }
    @media only screen and (min-width: 769px) {
      #store .lower_first .inner {
        width: 1120px;
        margin: 0 auto;
        position: relative; } }
  #store .lower_first h2 {
    margin-bottom: 45px;
    position: relative;
    z-index: 1;
    font-family: "Lato", "游ゴシック体", "Yu Gothic", YuGothic, Helvetica, sans-serif; }
    #store .lower_first h2 span:last-child {
      font-family: "游ゴシック体", "Yu Gothic", YuGothic, Helvetica, Arial, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, メイリオ, sans-serif; }
    @media only screen and (min-width: 769px) {
      #store .lower_first h2 {
        top: 0;
        left: 0;
        margin: 0 0 52px;
        font-size: 41px;
        font-family: "Lato", "游ゴシック体", "Yu Gothic", YuGothic, Helvetica, sans-serif;
        letter-spacing: 0.05em; }
        #store .lower_first h2 span {
          white-space: nowrap; }
          #store .lower_first h2 span:last-child {
            font-family: "Lato", "游ゴシック体", "Yu Gothic", YuGothic, Helvetica, sans-serif;
            margin-right: 0; }
        #store .lower_first h2 i {
          font-family: "游ゴシック体", "Yu Gothic", YuGothic, Helvetica, Arial, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, メイリオ, sans-serif;
          font-size: 40px;
          display: inline-block; } }
  #store .lower_first .locality_nav {
    position: relative; }
    @media only screen and (min-width: 769px) {
      #store .lower_first .locality_nav {
        display: flex; } }
    #store .lower_first .locality_nav:before {
      content: '';
      position: absolute;
      width: 115px;
      height: 100px;
      background: url(../img/store/store_visual.jpg?$staticlink$) no-repeat top left;
      background-size: cover;
      top: -90px;
      right: -15px;
      margin-right: 20px;
      z-index: 0; }
      @media only screen and (min-width: 769px) {
        #store .lower_first .locality_nav:before {
          width: 230px;
          height: 202px;
          top: -175px; } }
    #store .lower_first .locality_nav li {
      position: relative;
      z-index: 1;
      display: block; }
      @media only screen and (min-width: 769px) {
        #store .lower_first .locality_nav li {
          margin: 0;
          width: 12.5%;
          display: table; } }
    #store .lower_first .locality_nav a {
      display: block;
      border-bottom: 1px solid #fff;
      text-align: left;
      padding-left: 17px; }
      #store .lower_first .locality_nav a:after {
        transform: rotate(90deg); }
      @media only screen and (min-width: 769px) {
        #store .lower_first .locality_nav a {
          border-right: 2px solid #fff;
          border-bottom: none;
          font-size: 16px;
          text-align: center;
          display: block;
          line-height: 1.5;
          height: 80px;
          padding: 0 20px 0 0; }
          #store .lower_first .locality_nav a:before {
            width: 18px;
            height: 18px;
            right: 9px;
            margin-top: -9px; }
          #store .lower_first .locality_nav a:after {
            transform: rotate(90deg);
            border-width: 3px 0 3px 5px;
            margin-top: -2px;
            right: 15px; }
          #store .lower_first .locality_nav a span {
            position: absolute;
            top: 50%;
            left: 44%;
            transform: translate(-50%, -50%);
            white-space: nowrap;
            line-height: 24px; } }
#store .locality_box {
  background: url(../img/pz/common/line_8.gif) repeat-x top #fff;
  background-size: 317px;
  padding: 35px 20px 45px; }
  @media only screen and (min-width: 769px) {
    #store .locality_box {
      padding: 35px 20px 25px;
      margin-top: 95px; } }
  #store .locality_box h3 {
    font-size: 26px;
    font-weight: bold;
    margin-bottom: 30px; }
    #store .locality_box h3 br {
      display: none; }
    @media only screen and (min-width: 769px) {
      #store .locality_box h3 {
        font-size: 40px; } }
  #store .locality_box h4 {
    font-size: 14px;
    margin-bottom: 10px;
    margin-top: 25px; }
    @media only screen and (min-width: 769px) {
      #store .locality_box h4 {
        font-size: 16px;
        margin-bottom: 15px;
        margin-top: 30px; } }
#store .prefecture_list {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 48px; }
  @media only screen and (min-width: 769px) {
    #store .prefecture_list {
      margin-bottom: 64px; } }
  #store .prefecture_list li {
    width: 50%;
    margin: 0; }
    @media only screen and (min-width: 769px) {
      #store .prefecture_list li {
        width: 140px; } }
    #store .prefecture_list li a {
      text-align: left;
      border-bottom: 2px solid #fff;
      padding-left: 17px; }
      #store .prefecture_list li a:after {
        transform: rotate(90deg); }
      @media only screen and (min-width: 769px) {
        #store .prefecture_list li a {
          padding-left: 0;
          text-align: center;
          border-left: 2px solid #fff;
          font-size: 16px; }
          #store .prefecture_list li a:before {
            width: 18px;
            height: 18px;
            right: 9px;
            margin-top: -9px; }
          #store .prefecture_list li a:after {
            transform: rotate(90deg);
            border-width: 3px 0 3px 5px;
            margin-top: -2px;
            right: 15px; } }
    #store .prefecture_list li:nth-child(2n) a {
      border-left: 2px solid #fff; }
#store .town_list {
  margin-top: 30px;
  margin-bottom: 27px; }
  @media only screen and (min-width: 769px) {
    #store .town_list {
      margin-top: 60px; } }
  #store .town_list dt {
    background: #20d8c9;
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    padding: 5px 10px; }
    @media only screen and (min-width: 769px) {
      #store .town_list dt {
        font-size: 24px;
        border-bottom: 2px solid #fff; } }
  #store .town_list dd {
    display: flex;
    flex-wrap: wrap; }
    #store .town_list dd a {
      position: relative;
      background: #a6efe9;
      display: block;
      width: 50%;
      margin: 0;
      text-decoration: none;
      padding: 5px 12px;
      font-weight: bold;
      font-size: 12px;
      border-bottom: 2px solid #fff; }
      #store .town_list dd a:nth-child(2n) {
        border-left: 2px solid #fff; }
      @media only screen and (min-width: 769px) {
        #store .town_list dd a {
          width: 12.5%;
          font-size: 14px;
          border-left: 2px solid #fff; }
          #store .town_list dd a:nth-child(8n+1) {
            border-left: none; }
          #store .town_list dd a:hover {
            color: #fff; } }
      #store .town_list dd a:after {
        content: '';
        position: absolute;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 4px 0 4px 6px;
        border-color: transparent transparent transparent #000;
        right: 21px;
        top: 50%;
        margin-top: -3px;
        transform: rotate(90deg); }
        @media only screen and (min-width: 769px) {
          #store .town_list dd a:after {
            right: 13px; } }
#store .store_list {
  border: none;
  margin: 0 0 2px; }
  @media only screen and (min-width: 769px) {
    #store .store_list {
      margin-top: 0;
      margin-bottom: 0; } }
  #store .store_list .tit_tr {
    display: none; }
    @media only screen and (min-width: 769px) {
      #store .store_list .tit_tr {
        display: block;
        background: #999999;
        padding: 0;
        width: 100%; }
        #store .store_list .tit_tr th {
          color: #fff;
          border: none;
          padding: 12px 17px;
          font-size: 14px;
          border-right: 2px solid #fff; }
          #store .store_list .tit_tr th:nth-child(1) {
            width: 436px; }
          #store .store_list .tit_tr th:nth-child(2) {
            width: 552px; }
          #store .store_list .tit_tr th:nth-child(3) {
            border-right: none; } }
  #store .store_list .btn {
    margin: 5px 0;
    width: 60px; }
    #store .store_list .btn a {
      font-size: 10px;
      padding: 8px 13px;
      text-align: left; }
      #store .store_list .btn a:before {
        display: none; }
      #store .store_list .btn a:after {
        border-style: solid;
        border-width: 3.5px 0 3.5px 5px;
        border-color: transparent transparent transparent #000;
        right: 8px; }
    @media only screen and (min-width: 769px) {
      #store .store_list .btn {
        position: absolute;
        right: 10px;
        top: 50%;
        margin: -13px 0 0; }
        #store .store_list .btn a:after {
          margin-top: -3px; } }
  #store .store_list tr {
    display: block;
    background: #eeeeee;
    padding: 15px;
    margin-bottom: 2px; }
    @media only screen and (min-width: 769px) {
      #store .store_list tr {
        padding: 0; } }
    #store .store_list tr td {
      border-top: none;
      display: block;
      padding: 0 0 10px; }
      @media only screen and (min-width: 769px) {
        #store .store_list tr td {
          position: relative;
          font-size: 14px;
          border-right: 2px solid #fff;
          display: table-cell;
          padding: 12px 15px; }
          #store .store_list tr td:nth-child(1) {
            width: 436px; }
          #store .store_list tr td:nth-child(2) {
            padding-right: 65px;
            width: 552px; }
            #store .store_list tr td:nth-child(2) p:first-child {
              margin-right: 15px; }
          #store .store_list tr td:nth-child(3) {
            width: 128px;
            border-right: none;
            text-align: center; }
            #store .store_list tr td:nth-child(3) a {
              text-decoration: none; } }
    #store .store_list tr td:nth-child(1) {
      font-weight: bold; }
      @media only screen and (min-width: 769px) {
        #store .store_list tr td:nth-child(1) {
          font-weight: normal; } }
@media only screen and (min-width: 769px) {
  #store #hokkaidou {
    margin-top: 0;
    padding-top: 40px; }
    #store #hokkaidou .town_list {
      margin-top: 30px; } }

#top #make {
  display: none; }

/* @media only screen and (min-width: 769px) {
  #slim #specification .service_box {
    padding-left: 574px; } }
@media only screen and (max-width: 768px) {
  #slim .thum_box ul {
    width: 732px; } } */
#slim #detail {
  padding-top: 30px; }
  @media only screen and (min-width: 769px) {
    #slim #detail {
      padding-top: 60px; } }
  #slim #detail .colors h2 {
    font-size: 24px;
    line-height: 1.6;
    padding: 0 0 20px; }
    #slim #detail .colors h2 + p {
      margin: 0 0 25px;
      font-family: "游ゴシック体", "Yu Gothic", YuGothic, Helvetica, Arial, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, メイリオ, sans-serif; }
    @media only screen and (min-width: 769px) {
      #slim #detail .colors h2 {
        font-size: 32px;
        padding-top: 0;
        margin-top: -8px;
        padding-left: 0;
        margin-bottom: 0px; }
        #slim #detail .colors h2 + p {
          margin: 0 0px 35px;
          font-size: 14px;
          font-family: "游ゴシック体", "Yu Gothic", YuGothic, Helvetica, Arial, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, メイリオ, sans-serif; } }
  @media only screen and (min-width: 769px) {
    #slim #detail {
      overflow: hidden;
      padding-bottom: 60px;
      margin-top: 0; } }
  #slim #detail .price_table.table_new {
    padding: 0 20px;
    margin-bottom: -5px; }
    @media only screen and (min-width: 769px) {
      #slim #detail .price_table.table_new {
        padding: 0 0 10px;
        margin-bottom: 0; } }
    #slim #detail .price_table.table_new .border_right {
      border-right: 2px solid #eee; }
    #slim #detail .price_table.table_new table td {
      width: 9%;
      border-left: none;
      border-right: none; }
      @media only screen and (max-width: 768px) {
        #slim #detail .price_table.table_new table td {
          font-size: 8px; } }
#slim .service_box .a_btn {
  font-size: 14px;
  font-weight: bold;
  margin-top: 15px; }
  @media only screen and (min-width: 769px) {
    #slim .service_box .a_btn {
      margin-top: 25px;
      font-size: 16px; } }
  #slim .service_box .a_btn a {
    text-decoration: none; }
@media only screen and (min-width: 769px) {
  #slim .service_box {
    background: url(../print-products-photobook-photozine/print-photobook-photozine-slim-spec.jpg?$staticlink$) no-repeat;
    min-height: 360px;
  }
    #slim .service_box table {
      margin-bottom: 30px; }
    #slim .service_box th, #slim .service_box td {
      padding: 5px 0; }
    #slim .service_box small {
      font-size: 11px;
      color: #999;
      display: block; } }

#slim #specification .btn {
  margin: 0; }
@media only screen and (min-width: 769px) {
  #slim #specification {
    padding-bottom: 95px; }
    #slim #specification .inner .service_box .btn {
      width: 260px;
      display: inline-block; }
    #slim #specification .inner .service_box .a_btn {
      display: inline-block;
      margin-left: 35px; } }
  @media only screen and (min-width: 769px) and (min-width: 769px) {
    #slim #specification .inner table th {
      width: 162px; } }

@media only screen and (max-width: 768px) {
  #slim #make {
    padding-bottom: 0; } }
#slim #make .btn a {
  margin: 20px 0;
  padding: 30px 0; }
@media only screen and (min-width: 769px) {
  #slim #make {
    padding-bottom: 40px; } }
@media only screen and (min-width: 769px) {
  #slim #make .inner {
    padding-top: 20px; } }
@media only screen and (min-width: 769px) {
  #slim #make .wrap_btn {
    width: 50%;
    float: right;
    margin-top: 18px;
    display: flex; }
    #slim #make .wrap_btn .btn {
      width: 225px;
      height: 95px;
      margin: 0 10px; }
      #slim #make .wrap_btn .btn:nth-child(2) a {
        bottom: 25%; }
      #slim #make .wrap_btn .btn span {
        margin-top: 5px;
        display: block; } }
    @media only screen and (min-width: 769px) and (min-width: 769px) {
      #slim #make .wrap_btn .btn {
        top: -7px; }
        #slim #make .wrap_btn .btn a {
          padding-top: 0;
          padding-bottom: 0;
          line-height: 25.6px;
          font-size: 16px;
          position: absolute;
          right: 0;
          bottom: 37%;
          left: 0;
          margin: auto;
          display: block; }
        #slim #make .wrap_btn .btn:after {
          bottom: 4px; } }

#slim #bnrbox {
  background: #eeeeee;
  position: relative;
  overflow: hidden;
  margin-top: 55px; }
  @media only screen and (max-width: 768px) {
    #slim #bnrbox {
      padding-bottom: 25px; } }
  @media only screen and (min-width: 769px) {
    #slim #bnrbox {
      overflow: visible;
      margin-top: 30px; } }
  #slim #bnrbox h2 {
    font-size: 24px;
    line-height: 1.6;
    padding-bottom: 20px; }
    #slim #bnrbox h2 + p {
      margin: 0 20px 25px; }
    @media only screen and (min-width: 769px) {
      #slim #bnrbox h2 {
        font-size: 32px;
        padding-top: 70px;
        padding-left: 0;
        margin-bottom: 0px;
        width: 390px;
        float: left; }
        #slim #bnrbox h2 + p {
          padding-top: 65px;
          margin: 0 0 55px; } }
  #slim #bnrbox ul {
    margin: 0 20px 25px; }
    @media only screen and (min-width: 769px) {
      #slim #bnrbox ul {
        clear: both;
        overflow: hidden;
        margin: 0; } }
    #slim #bnrbox ul li {
      margin-bottom: 20px; }
      @media only screen and (min-width: 769px) {
        #slim #bnrbox ul li {
          width: 536px;
          float: left;
          margin-bottom: 80px; }
          #slim #bnrbox ul li:first-child {
            margin-right: 48px; } }
    #slim #bnrbox ul a {
      border: 4px solid #fff200;
      display: block;
      padding: 0; }
      #slim #bnrbox ul a:before {
        top: auto;
        margin-top: 0;
        bottom: 8px;
        right: 8px; }
      #slim #bnrbox ul a:after {
        top: auto;
        margin-top: 0;
        bottom: 14px;
        right: 14px; }
      @media only screen and (min-width: 769px) {
        #slim #bnrbox ul a:before {
          width: 24px;
          height: 24px;
          bottom: 20px;
          right: 20px; }
        #slim #bnrbox ul a:after {
          border-width: 5px 0 5px 7px;
          bottom: 26px;
          right: 27px; }
        #slim #bnrbox ul a:hover {
          border-color: #20d8c9; } }
#slim #slim_make {
  margin-bottom: 60px; }
  @media only screen and (min-width: 769px) {
    #slim #slim_make {
      margin-bottom: 85px; }
      #slim #slim_make .inner {
        display: flex; }
        #slim #slim_make .inner h2 {
          width: 38%;
          margin: auto;
          padding: 0; }
        #slim #slim_make .inner img {
          width: 62%; } }
  #slim #slim_make .inner img {
    padding: 0 20px; }
      @media only screen and (max-width: 768px) {
        #slim #slim_make .inner img {
          width: 100%!important; }
         }
    #slim #slim_make .inner img:nth-child(1) {
      padding-left: 50px; }
    @media only screen and (min-width: 769px) {
      #slim #slim_make .inner img {
        padding: 0; } }
#slim section#img12 {
  background: #eee;
 width: 100%;}
  #slim section#img12 .inner {
    overflow: hidden;
    padding-bottom: 40px;
    margin-bottom: 0!important;
  }
    @media only screen and (max-width: 768px) {
      #slim section#img12 .inner h4 {
        margin: 0 0 15px 15px;
        font-size: 14px; } }
    #slim section#img12 .inner .img_wrap {
      margin: 0 0 0 10px; }
      #slim section#img12 .inner .img_wrap img {
        width: calc(24% - 13px);
        height: auto;
        margin: 5px 7px; }
  @media only screen and (min-width: 769px) {
    #slim section#img12 .inner {
      padding-bottom: 80px; }
      #slim section#img12 .inner .img_wrap {
        margin: 25px 0 0; }
        #slim section#img12 .inner .img_wrap img {
          width: 80px;
          height: auto;
          margin: 0 0 0 14px; }
          #slim section#img12 .inner .img_wrap img:nth-child(1) {
            margin-left: 0; } }

#book #service {
  padding: 110px 0 0px;
  margin-bottom: 0; }
  @media only screen and (min-width: 769px) {
    #book #service {
      padding: 52px 0 0;
      margin: -52px auto 50px auto; } }
@media only screen and (min-width: 769px) {
  #book #service .inner {
    border: none !important; }
    #book #service .inner .service_box .btn {
      margin-top: 10px;
      width: 320px; }
      #book #service .inner .service_box .btn a {
        letter-spacing: inherit; } }
@media only screen and (min-width: 769px) {
  #book #service .service_box:nth-of-type(1) {
    background: url(../print-products-photobook-photozine/product_detail_img_gallery.jpg?$staticlink$) no-repeat;
    background-size: 50%;
    /* min-height: auto; */
  }
   }

#magazine p.btn.btn_top {
  margin: 30px 0; }
  #magazine p.btn.btn_top .icn_c_arrow {
    display: block; }
#magazine p .icn_c_arrow {
  font-size: 14px;
  font-weight: bold;
  display: inline-block;
  margin-bottom: 5px;
  text-decoration: none;
  margin-left: 0px; }
  @media only screen and (min-width: 769px) {
    #magazine p .icn_c_arrow {
      font-size: 16px;
      margin-left: 0; } }
@media only screen and (max-width: 768px) {
  #magazine #make {
    padding-bottom: 0; } }
#magazine #make .btn a {
  margin: 20px 0;
  padding: 30px 0; }
@media only screen and (min-width: 769px) {
  #magazine #make {
    padding-bottom: 40px; } }
@media only screen and (min-width: 769px) {
  #magazine #make .inner {
    padding-top: 20px; } }
@media only screen and (min-width: 769px) {
  #magazine #make .wrap_btn {
    width: 50%;
    float: right;
    margin-top: 18px;
    display: flex; }
    #magazine #make .wrap_btn .btn {
      width: 225px;
      height: 95px;
      margin: 0 10px; }
      #magazine #make .wrap_btn .btn:nth-child(2) a {
        bottom: 24%; }
      #magazine #make .wrap_btn .btn span {
        margin-top: 5px;
        display: block; } }
    @media only screen and (min-width: 769px) and (min-width: 769px) {
      #magazine #make .wrap_btn .btn {
        top: -7px; }
        #magazine #make .wrap_btn .btn a {
          padding-top: 0;
          padding-bottom: 0;
          line-height: 25.6px;
          font-size: 16px;
          position: absolute;
          right: 0;
          bottom: 36%;
          left: 0;
          margin: auto;
          display: block; }
        #magazine #make .wrap_btn .btn:after {
          bottom: 4px; } }

@media only screen and (max-width: 768px) {
  #book h2.headline__FG, #slim h2.headline__FG {
    line-height: 1.6; } }

#book .thum_wrap small {
    font-size: 9px;
	line-height:1.5;
	margin-bottom:3px;
	text-indent:-1em;
	padding-left:1em;
    color: #999;
    display: block; }
    @media only screen and (min-width: 769px) {
      #book .thum_wrap small {
        font-size: 11px; } }

/*# sourceMappingURL=style.css.map */

.magazine_bnr{
	text-align: center;
	width: 60%;
	padding-bottom: 45px 0;
	margin:45px auto;
}

@media screen and (max-width: 767px) {
	.magazine_bnr {
	width: 100%;
	padding: 45px 15px 0px;
	padding-bottom: none;
	margin:5px auto;
}
}

.s1 {
	background-image: linear-gradient(#333, #333);
    background-position: 0 50%;
    background-size: 100% 1px;
    background-repeat: repeat-x;
    margin: 0 0.4em;
    text-decoration: none;
}


  #make2 .btn {
    position: relative;
    text-align: center; }
    @media only screen and (min-width: 769px) {
      #make2 .btn {
        display: inline-block;
        width: 500px;
        height: 95px;
        position: relative;
        top: -7px; }
}
    #make2 .btn span {
      font-size: 14px; }
      @media only screen and (min-width: 769px) {
        #make2 .btn span {
          font-size: 16px; } }
    #make2 .btn a {
      z-index: 1;
      margin: 20px 0 0;
      padding: 30px; }
      @media only screen and (min-width: 769px) {
        #make2 .btn a {
          padding-top: 39px;
          padding-bottom: 39px;
          margin: 0;
          text-align: center;
          padding-right: 33px;
          font-size: 17px; } }
    #make2 .btn:after {
      content: attr(data-text);
      font-size: 12px;
      text-align: center;
      position: absolute;
      z-index: 0;
      bottom: 15px;
      width: 100%;
      margin-left: -10px;
      left: 0; }
      @media only screen and (min-width: 769px) {
        #make2 .btn:after {
          transition: 0.25s; } }

/* @media only screen and (min-width: 769px) {
#net_book {display: block; margin-top:-60px !important; padding-top:60px !important;}
#store_book {display: block; margin-top:-50px !important; padding-top:50px !important;}
#scene_book {display: block; margin-top:-30px !important; padding-top:30px !important;}
}
@media only screen and (max-width: 767px) {
#net_book {display: block; margin-top:-70px !important; padding-top:70px !important;}
#store_book {display: block; margin-top:-60px !important; padding-top:60px !important;}
#scene_book {display: block; margin-top:-80px !important; padding-top:80px !important;}
} */

.store_caution {
	margin-top:-30px;
	margin-bottom:15px;
	font-size:1em;
	line-height:1.5em;
	}
@media only screen and (max-width: 767px) {
.store_caution {
	margin-top:-30px;
	margin-left:25px;
	font-size:1em;
	line-height:1.5em;
	position:relative;
	z-index:3;
	}
}

  #detail .filter2 {
    margin: 0 20px;
    padding-bottom: 20px; }
    #detail .filter2 img {
      margin-bottom: 15px; }
    @media only screen and (min-width: 769px) {
      #detail .filter2 {
        clear: both;
        padding: 20px 0 20px; }
}

   .thum_box ul, .thum_box2 ul {
    display: flex;
    /* width: 740px;
    padding: 20px 10px; */
    width: 90%;
    margin: 0 auto;
    box-sizing: content-box;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
   }
   .thum_box ul li, .thum_box2 ul li {
     width: 100%;

   }
    @media only screen and (min-width: 769px) {
      .thum_box ul, .thum_box2 ul {
        padding: 30px 0 30px;
        width: 100%;
        overflow: hidden;
        /* flex-wrap: wrap; */
        -webkit-flex-wrap: wrap;
        margin: 0 auto;
       }
       .thum_box ul li, .thum_box2 ul li {
         width: 30%;
         margin-bottom: 40px;
       }

     #magazine .thum_box2 ul {
       margin: 0 12%;
     }
     #magazine .thum_box2 li {
       margin: 0 45px 50px; }

   }


   .thum_box ul.book, .thum_box2 ul.book {
    display: flex;
    width: 90%;
    margin: 40px auto 0;
    box-sizing: content-box;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
   }
   .thum_box ul.book li, .thum_box2 ul.book li {
     width: 100%;

   }
   .thum_box ul.book li img {
     width: 100%;
   }
    @media only screen and (min-width: 769px) {
      .thum_box ul.book, .thum_box2 ul.book {
        padding: 30px 0 30px;
        width: 100%;
        overflow: hidden;
        -webkit-flex-wrap: wrap;
        margin: 0 auto;
       }
       .thum_box ul.book li, .thum_box2 ul.book li {
         width: 30%;
         margin-bottom: 40px;
       }
   }


  /* .thum_box2 ul.book {
    display: flex;
    width: 740px;
    padding: 0 10px;
    box-sizing: content-box;
   }
    @media only screen and (min-width: 769px) {
      .thum_box2 ul.book {
        padding: 0 0 30px;
        width: 100%;
        overflow: hidden;
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
       }
   } */

.book_h2 {
	font-size:1.8em;
	font-weight:bold;
letter-spacing: .15em;
        padding: 0 25px 0 0;
        background: #fff;
        display: inline-block;
        top: -1em;
        position: relative;
	z-index: 2;
}


#slim #detail2 {
  padding-top: 10px;
  background:#eee;
}
  @media only screen and (min-width: 769px) {
    #slim #detail2 {
      padding-top: 10px; } }

  @media only screen and (min-width: 769px) {
    #slim #detail2 {
      overflow: hidden;
      padding-bottom: 60px;
      margin-top: 0; } }

  #detail2 .colors {
    margin: 0 20px 30px; }
    #detail2 .colors img {
      margin-bottom: 5px;
      width: 100%;
    }
    @media only screen and (min-width: 769px) {
      #detail2 .colors {
        width: 520px;
        margin: 0;
        float: left; }
        #detail2 .colors img {
          margin-bottom: 15px; } }

    @media only screen and (max-width: 767px) {
      #slim #detail2 .inner h4 {
        margin: 0 0 15px 15px;
        font-size: 14px; }
      #slim #detail2 .inner{
        padding:0 0 15px 0; }
}


#service_top {
  padding-top: 10px;
}
  @media only screen and (min-width: 769px) {
#service_top {
      overflow: hidden;
      padding-bottom: 80px;
      margin-top: 0;
	}
 #service_top:after {
    content: '';
    background: url(../img/pz/common/line_8.gif) repeat-x bottom;
    background-size: 317px;
    background-position: left 0 bottom -4px;
    position: relative;
	max-width: 1120px;
    top: 1020px;
    left: 0;
    right: 30px;
    height: 40px;
    z-index: 0;
    display: block;
    margin: auto; }
	  #service_top .bt {
		    border-top: 1px solid #222;
	  }
}
  #service_top .icn_arrows {
    margin: 0px 0px 5px 0px; }
  #service_top .colors {
    margin: 0 20px 30px; }
    @media only screen and (min-width: 769px) {
       #service_top .icn_arrows {
        line-height: 1;
        display: inline-block;
        position: relative;
        top: -8px;
        margin-bottom: 10px; }
	#service_top .colors {
        width: 540px;
        margin: 0 10px 0 10px;
        float: left; }
    #service_top .inner .btn {
      width: 235px;
      display: inline-block;
	margin-left: 10px;
	}
	#service_top  .btn a {
      letter-spacing: inherit;
		font-size:16px;
		font-weight:bold;
	 }
}

@media only screen and (max-width: 767px) {
    #service_top .inner .btn {
      width: 100%;
      display: inline-block;
	margin-top:15px;
	margin-left: 0px!important;
		}

#service_top .inner h4 {
        margin: 0 0 15px 0px;
         }
#service_top .inner{
        padding:0 0 15px 0; }
}


.btn_Acceptance {
	text-align: left;
}
.btn_Acceptance p {
	font-weight:bold;
	font-size:1.1em;
}
.btn_Acceptance p span{
	font-size:1.2em;
   color:#3F93CE;
}
.btn_Acceptancehalf2 {
	text-align:left;
	padding-bottom:0px;
}
.btn_Acceptancehalf2 p {
	font-weight:bold;
	font-size:0.8em;
}
.btn_Acceptancehalf2 p span{
	font-size:1em;
   color:#3F93CE;
}
@media only screen and (min-width: 769px) {
.btn_Acceptance {
	text-align:right;
}
.btn_Acceptance p {
	font-weight:bold;
	font-size:1.3em;
	letter-spacing: .25em;
}
.btn_Acceptance p span{
	font-size:1.8em;
   color:#3F93CE;
	letter-spacing: .1em
}
.btn_Acceptancehalf {
	text-align:right;
	padding-bottom:0px;
}
.btn_Acceptancehalf p {
	font-weight:bold;
	font-size:1.1em;
}
.btn_Acceptancehalf p span{
	font-size:1.2em;
   color:#3F93CE;
}
.btn_Acceptancehalf2 {
	text-align:right;
	padding-bottom:0px;
}
.btn_Acceptancehalf2 p {
	font-weight:bold;
	font-size:1em;
}
.btn_Acceptancehalf2 p span{
	font-size:1.1em;
   color:#3F93CE;
}
#service_top .service_photo {
   display: none; }
      #service_top h4 {
        margin-bottom: 25px;
        font-size: 25px;
        margin-right: 10px;
        display: inline-block; }
}
#service_top .service_photo {
    display: block; }

.book_headline img {
	max-width:500px;
}
@media only screen and (max-width: 767px) {
.book_headline img {
	max-width:400px;
}
}


@media only screen and (min-width: 769px) {
  .bookh2 {
    background: none;
    min-width: 1216px;
    width: 1216px;
    margin: 0 auto;
    padding: 0;
    padding-top: 3px;
	}
    .bookh2 .headline__FG {
      padding: 0 25px 0px 0;
      display: inline-block;
      background: #fff;
      top: -0.8em;
      position: relative;
      z-index: 2; }
    .bookh2 .headline__FG_top {
      padding: 0 25px 0px 0;
      display: inline-block;
      background: #fff;
      top: -0.8em;
      position: relative;
      z-index: 2; }
    .bookh2 .inner {
     border-top: 1px solid #222;
      margin: 0 48px;
		padding-top:-2px;
	  }
	.bookh2 .bdr_t {
		border-top: 1px solid #222 !important;
		margin-top:3px;
		 }
}
@media only screen and (max-width: 767px) {
	.bdr_top {
		border-top: 1px solid #222 !important;
	}}


@media only screen and (min-width: 769px) {
  .bookh3 {
    background: none;
    min-width: 1216px;
    width: 1216px;
    margin: 0 auto;
    padding: 0;
    padding-top: 3px; }
    .bookh3:after {
      content: '';
      height: 1px;
      background: #222;
      position: absolute;
      top: 0;
      left: 48px;
      right: 48px;
      z-index: 0; }
    .bookh3 .headline__FG {
      padding: 0 25px 0px 0;
      display: inline-block;
      background: #eee;
      top: -0.8em;
      position: relative;
      z-index: 2; }
    .bookh3 .headline__FG_top {
      padding: 0 25px 0px 0;
      display: inline-block;
      background: #eee;
      top: -0.8em;
      position: relative;
      z-index: 2; }
    .bookh3 .inner {
      border-top: 1px solid #222;
      margin: 0 48px; }
	.bookh3 .inner .bdr_t {
		border-top: 1px solid #222;
		margin: 0; }

  .bookh4 {
    background: none;
    min-width: 1216px;
    width: 1216px;
    margin: 0 auto;
    padding: 0;
    padding-top: 3px; }
    .bookh4 .headline__FG {
      padding: 0 25px 0px 0;
      display: inline-block;
      background: #eee;
      top: -0.8em;
      position: relative;
      z-index: 2; }
    .bookh4 .inner {
      border-top: 1px solid #222;
      margin: 0 48px; }
	.bookh4 .inner .bdr_t {
		border-top: 1px solid #222;
		margin-top: 3px; }

	.bdr_none { border-style:hidden!important;
				border:0;
	}
}

#price_tbl{
  background: #eee;
/*
  position: relative;
*/
}
.bk3e { width:100%; background:#eee;}
  #price_tbl .frame {
    margin: 0 20px 30px; }
	#price_tbl .frame .price_table {
		 padding: 0 20px; }
    @media only screen and (min-width: 769px) {
#price_tbl{
  background: #eee;
overflow: hidden;
}
	#price_tbl .frame {
        width: 540px;
        margin: 0 10px 0 10px;
        float: left; }

      #price_tbl h4 {
        margin-bottom: 25px;
        font-size: 25px;
        margin-right: 10px;
        }
.bk3e {margin:25px auto 25px; background: #eee !important;}
}
@media only screen and (max-width: 767px) {
#price_tbl.inner h4 {
        margin: 0 0 15px 10px !important;
         }
#price_tbl .inner{
        padding:0 0 15px 0; }
	}

@media only screen and (min-width: 769px) {
#price {
	height:1px;
	padding-top: 85px !important;
	margin-top: -85px !important;
	}}
#price {
	height:1px;
	padding-top: 50px;
	margin-top: -50px;
	}
@media only screen and (min-width: 769px) {
#servicetop {
	height:1px;
	padding-top: 110px !important;
	margin-top: -110px !important;
	}}
#servicetop {
	height:1px;
	padding-top: 50px;
	margin-top: -50px;
	}

.mbtn {
	margin-bottom:5px;
	text-decoration-line: underline;
}


@media only screen and (max-width: 767px) {
footer .bk3e {
  text-align: center;
  background: #eeeeee;
  padding: 20px 0px 20px; }
.others {
  background : #eee;
width:100%;
}
.others-inner {
  margin:0 20px;
}
.others-list{
  margin-right : auto!important;
  margin-left : auto!important;
text-align:center!important;
max-width:90%;
}

.others-list-item p span {
  font-size:1.1em;
}
.others-list-item-desc{
	margin-top:25px
}
}

@media only screen and (min-width: 769px) {
footer .bk3e {
  text-align: center;
  background: #eeeeee;
  padding: 10px 0px 20px; }
.others {
background : #eee;
width:100%;
}
.others-inner {
  margin-right : auto;
  margin-left : auto;
  width : 1120px;
}
.others-list{
  margin-right : auto!important;
  margin-left : auto!important;
text-align:center!important;
width:800px;
height:330px;
}
.others-list-item {
width:235px;
 float : left;
margin:0 15px!important;
}
.others-list-item p span {
  font-size:0.85em;
}
}

.others-list-item-desc {
  margin-right : 4px;
  margin-bottom : 15px;
  height : 64px;
  position : relative;
  color : #000;
  line-height : 1.375;
}

.others-list-item-desc::after {
  content : "";
  border : solid 1px #0c0407;
  width : calc(100% - 2px);
  height : calc(100% - 2px);
  display : block;
  position : absolute;
  top : 4px;
  left : 4px;
  z-index : 1;
  background-color : #fff;
}
.others-list-item-desc-inner {
  padding : 14px 10px;
  border : solid 1px #0c0407;
  height : 64px;
  background-color : #fff;
  display : block;
  font-size : 1.3rem;
  position : relative;
  z-index : 10;
  text-align : center;
}

.u-hover {
  opacity : 1;
  -webkit-backface-visibility : hidden;
  backface-visibility : hidden;
  -webkit-transition : opacity .25s ease-in-out;
  transition : opacity .25s ease-in-out;
}
.u-hover:hover {
  opacity : .7;
}
.li_none{
	line-height:0;
	margin:0;
	padding:0;
}
@media only screen and (min-width: 769px) {
  .section {
    padding: 0 48px;
    min-width: 1216px; } }
.section .inner {
  width: 100%; }
  @media only screen and (min-width: 769px) {
    .section .inner {
      width: 1120px;
      margin: 0 auto; } }
.section { display:block; }

.wd100{width:100%;}
.spMwd{max-width:65%; margin:0 auto;}
.ml0 {margin-left:0px;}
.ml5 {margin-left:5px;}
.ml10 {margin-left:10px;}
.ml15 {margin-left:15px;}
.ml20 {margin-left:20px !important;}
.ml25 {margin-left:25px !important;}
.ml30 {margin-left:30px !important;}
.ml35 {margin-left:35px !important;}
.ml40 {margin-left:40px !important;}
.ml45 {margin-left:45px !important;}
.ml50 {margin-left:50px !important;}
.ml55 {margin-left:55px !important;}
.mtb15 {margin-top:-15px; margin-bottom:15px;}
.mb-30 {margin-bottom:-30px;}
.mr05{margin-right:5px !important;}
.mr15{margin-right:15px !important;}
.mr10{margin-right:10px !important;}
.mr20{margin-right:20px !important;}
.mr30{margin-right:30px !important;}
.mr40{margin-right:40px !important;}
.mr50{margin-right:50px !important;}
.mr120{margin-right:120px !important;}
.mt-10{margin-top:-10px !important;}
.mt-20{margin-top:-20px !important;}
.mb-10{margin-bottom:-10px !important;}
.mb-20{margin-bottom:-20px !important;}
.tx10 {font-size:10px;}
.tx11 {font-size:11px;}
.tx12 {font-size:12px;}
.tx13 {font-size:13px;}
.tx14 {font-size:14px;}
.tx15 {font-size:15px;}
.tx16 {font-size:16px;}

@media only screen and (min-width: 769px) {
.wd1000{width:1000px;}

.pc_mt03 {margin-top:3px!important;}
.pc_mt04 {margin-top:4px!important;}
.pc_mt05 {margin-top:5px!important;}
.pc_mt10 {margin-top:10px;}
.pc_mt20 {margin-top:20px;}
.pc_mt30 {margin-top:30px;}
.pc_mt-30 {margin-top:-30px;}
.pc_mt-40 {margin-top:-40px;}
.pc_mt-50 {margin-top:-50px;}
.pc_mt-60 {margin-top:-60px;}
.pc_mt-70 {margin-top:-70px;}
.pc_mt-400 {margin-top:-400px;}
.pc_mb0 {margin-bottom:0px;}
.pc_mb5 {margin-bottom:5px;}
.pc_mb10 {margin-bottom:10px;}
.pc_mb15 {margin-bottom:15px;}
.pc_mb20 {margin-bottom:20px;}
.pc_mb-30 {margin-bottom:-30px;}
.pc_mb-40 {margin-bottom:-40px;}
.pc_ml-20 {margin-left:-20px!important;}
.pc_mr10{margin-right:10px !important;}
.pc_mr20{margin-right:20px !important;}
.pc_mr30{margin-right:30px !important;}
.pc_mr40{margin-right:40px !important;}
.pc_mr50{margin-right:50px !important;}
.pc_mr60{margin-right:60px !important;}
.pc_mr70{margin-right:70px !important;}
	.pc_pt25 { padding-top:25px;}
	.pc_pt30 { padding-top:30px;}
	.pc_pt40 { padding-top:40px;}
	.pc_pb0 {padding-bottom:0px;}
	.pc_pb5 {padding-bottom:5px;}
	.pc_pb10 {padding-bottom:10px;}
	.pc_pb15 {padding-bottom:15px;}
	.pc_pb20 {padding-bottom:20px;}
	.pc_pb30 { padding-bottom:30px !important;}
	.pc_pb40 { padding-bottom:40px !important;}
	.pc_pb50 { padding-bottom:50px !important;}
	.pc_pb60 { padding-bottom:60px !important;}
	.pc_ptb30 {padding-top:30px; padding-bottom:-30px;}

}

@media only screen and (max-width: 767px) {
.sp_mt20{margin-top:20px;}
.spmt-20 {margin-top:-20px !important;}
.sp_ml20{margin-left:20px;}
.spmf20 {margin-left:20px;}
.sp_mb-20 {margin-bottom:-20px;}
.sp_mb-30 {margin-bottom:-30px;}
.sp_mb-40 {margin-bottom:-40px;}
.sp_pb20{padding-bottom:20px;}
.sp_mlr20 {margin-left:20px !important; margin-right:20px !important;}
.sp_mlr10 {margin-left:10px !important; margin-right:10px !important;}
.sp_ptb30 {padding-top:30px; padding-bottom:-30px;}
}
.zp2 {z-index:2 !important;}
.zm-2 {z-index:-2 !important;}
.bdrW li img {border:solid 2px #fff;}

nav.sp_tsukuru {
    position: fixed;
    z-index: 2;
    top: 0;
    left: 0;
    background: #fff200;
    color: #000;
    text-align: center;
    transform: translateY(-100%);
    transition: all 0.6s;
    width: 100%;
}
nav.sp_tsukuru ul {
    background: #fff200;
    margin: 0 auto;
    padding: 0;
    width: 100%;
}
nav.sp_tsukuru ul li {
    font-size: 1.1em;
    list-style-type: none;
    padding: 0;
    width: 100%;
	margin-left:20px;
}
nav.sp_tsukuru ul li:first-child {
	margin-top: 100px;
}
nav.sp_tsukuru ul li:last-child {
    padding-bottom: 0;
	margin-bottom: 0;
}
nav.sp_tsukuru ul li a {
    display: block;
    color: #000;
    padding: 1em 0;
}
nav.sp_tsukuru.active {
    transform: translateY(0%);
}

@media only screen and (max-width: 767px) {
.nav_tsukuru {
    display: block;
    position: fixed;
    right: 30px;
    top: 25px;
    width: 88px;
    height: 88px;
    cursor: pointer;
    z-index: 3;
    text-align: center;
	background-image: url("/photozine/img/common/btn_make.png?$staticlink$");
	background-size:50% auto;
	background-repeat: no-repeat;
}
}
@media only screen and (min-width: 769px) {
.acceptan {
	font-weight:bold;
	font-size:0.7em;}
.acceptan span{
	font-size:0.8em;
	color:#3F93CE;}
	.linehgt08 { line-height: inherit;}
.topnotes {
	margin:-20px 0 15px 0;
	line-height:1.5;
}
}
.topnotes {
	margin:-10px 0 15px 0;
	line-height:1.5;
}
.thomelink a {
	font-size:1.2em;
	text-decoration:none !important;
	font-weight:bold !important;}
.txtRed {color:#DE0003;}





.tab-group{
    display: flex;
    justify-content: center;
}
.tabList, .tabList2, .tabList3, .tabList4, .tabList5, .tabList6 {
    text-align:center;
}
.panel{

}
.panelList, .panelList2, .panelList3 , .panelList4 , .panelList5 , .panelList6 {
    display:none;
}

.panelList.is-show, .panelList2.is-show2, .panelList3.is-show3 {
    display:block;
}
.panelList4.is-show4, .panelList5.is-show5, .panelList6.is-show6 {
    display:block;
}
.mt22 { margin-top: 22px !important; }


@media only screen and (min-width: 769px) {
.orderBtnOn {
	background-repeat: no-repeat;
	background-color: #000;
	border-radius: 20px;
	border: 1px solid #000;
	background-image: url(../print-products-photobook-photozine/print-photobook-photozine-btnDot_On.png?$staticlink$);
	background-position: 8px 3px;
}
.orderBtnOn a {
	font-weight: bold;
	text-decoration: none;
	padding: 20px 10px 20px 24px;
	color: #fff;
	border-radius: 20px;
	font-family: "游ゴシック体", "Yu Gothic", YuGothic, Helvetica, Arial, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, "メイリオ", sans-serif;
}
.orderBtnOn:hover {
	background-color:#aaa;
	border-radius:20px;
}
.orderBtnOff {
	background-repeat: no-repeat;
	background-color: #fff;
	border-radius: 20px;
	border: 1px solid #CCC;
	background-image: url(../print-products-photobook-photozine/print-photobook-photozine-btnDot_Off.png?$staticlink$);
	background-position: 8px 3px;
}
.orderBtnOff a {
		font-weight: bold;
	text-decoration: none;
	padding: 20px 10px 20px 24px;
	color:#000;
	border-radius: 20px;
	font-family: "游ゴシック体", "Yu Gothic", YuGothic, Helvetica, Arial, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, "メイリオ", sans-serif;

}
.orderBtnOff:hover {
	background-color:#aaa;
	border-radius:20px;


}
}

@media only screen and (max-width: 767px) {
.orderBtnOn {
	background-color: #000;
	border-radius: 20px;
	border: 1px solid #000;
	background-image: url(../print-products-photobook-photozine/print-photobook-photozine-btnDot_On.png?$staticlink$);
	background-position: 9px 5px;
	background-repeat: no-repeat;
}
.orderBtnOn a {
	font-weight:bold;
	text-decoration: none;
	padding: 10px 10px 10px 30px;
	color:#fff;
	border-radius:20px;
}
.orderBtnOn:hover {
	background-color:#aaa;
	border-radius:20px;
}
.orderBtnOff {
	background-color:#fff;
	border-radius:20px;
	border: 1px solid #CCC;
	background-image: url(../print-products-photobook-photozine/print-photobook-photozine-btnDot_Off.png?$staticlink$);
	background-position: 9px 5px;
	background-repeat: no-repeat;
}
.orderBtnOff a {
	font-weight:bold;
	text-decoration: none;
	padding: 10px 10px 10px 30px;
	color:#000;
	border-radius:20px;
}
.orderBtnOff:hover {
	background-color:#aaa;
	border-radius:20px;
}
}


@media only screen and (min-width: 769px) {
	.mainFontSize {}
	.mainFontSize h6 { font-size: 32px; }
	.mainFontSize p { font-size: 15px; }
}
@media only screen and (max-width: 767px) {
	.mainFontSize {}
	.mainFontSize h6 { font-size: 24px; line-height:1.2em; }
	.mainFontSize p { font-size: 15px; line-height:1.8em; }
}


.select_message {
  margin: 0 auto;
  padding: 5px 0;
  width: 60%;
  line-height: 1.2em;
  color: #ff0000;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  border: 2px solid #ff0000;
  border-radius: 5px;
}
@media only screen and (max-width: 767px) {
.select_message {
  width: 80%;
  line-height: 1.2em;
  color: #ff0000;
  font-size: 16px;
}
}
.disabled {
  opacity: 0.5 !important;

}


/* 追加 */

.main-image-bnr01 ,
.main-image-bnr02 {
  margin: 0 -509px 0 0;
  width: 210px;
  height: 210px;
  background: #ffffff;
  border-radius: 180px;
  box-shadow: 3px 3px 4px rgba(0,0,0,0.7);
  overflow: hidden;
  position: fixed;
  /* top: 50%; */
 /* top: 33%; */
  bottom: 40px;
  right: 50%;
  z-index: 1000;
}
.main-image-bnr01 img ,
.main-image-bnr02 img {
  width: 100%;
}

.bnr_close  {
  margin: 0 -509px 0 0;
  width: 30px;
  height: 30px;
  position: fixed;
  /* top: 50%; */
 /* top: 33%; */
  bottom: 215px;
  right: 49%;
  z-index: 1001;
}

@media only screen and (max-width: 768px) {

  .main-image-bnr01 ,
  .main-image-bnr02 {
    margin: 0 -150px 0 0;
    width: 150px;
    height: 150px;
    background: #ffffff;
    border-radius: 100px;
    box-shadow: 3px 3px 4px rgba(0,0,0,0.7);
    overflow: hidden;
    position: fixed;
    bottom: 30px;
    right: 50%;
    z-index: 1000;
  }
  .bnr_close  {
    margin: 0 -150px 0 0;
    width: 25px;
    height: 25px;
    position: fixed;
    bottom: 170px;
    right: 49%;
    z-index: 1001;
  }
}


.photozineCatch {
  background-image: url(../print-products-photobook-photozine/print-products-photobook-photozine-img_hero.jpg?$staticlink$);
  background-size:100%;
  height: 316px;
  min-height: 316px;
}
.photozineCatch .inner {
  font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;;
  text-align:center;
  color:#fff;
  text-shadow: 0 0 8px rgba(0,0,0,.6), 0 0 8px rgba(0,0,0,.6), 0 0 8px rgba(0,0,0,.6), 0 0 8px rgba(0,0,0,.6);
  padding: 100px 25px;
}

@screen and (max-width: 768px) {
  #productMoreDetail .photozinePointArea .photozineCatch > .inner {
    background: none;
  }
}

#productMoreDetail .photozinePointArea .photozineCatch {
  height: auto;
}
.photozineCatch .inner h2 {
  font-size: 42px;
  line-height: 1.4;
  margin-bottom: 10px;
  font-weight: 700;
}

.photozineCatch .inner p {
  font-size: 28px;
  line-height: 1.4;
  text-indent: -0.5em;
}

@media screen and (max-width: 768px) {
  .photozineCatch {
    min-height: 80px;
  }
  .photozineCatch .inner {
    padding: 10px 5px;
  }
  .photozineCatch .inner h2 {
    font-size: 1.5rem;
    line-height: 1.4;
    margin-bottom: calc( 5 * (100vw / 320));
    font-weight: 700;
  }
  .photozineCatch .inner p {
    font-size: 0.9rem;
    line-height: 1.4;
    text-indent: -0.5em;
  }
}



#more ul {
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
}

#more ul li {
  margin: 0 2% 50px;
}

#more ul li img {
  width: 100%;
}

@media only screen and (min-width: 769px) {
  #more ul li {
    width: 26.6666%;
    margin: 0 5%;
  }

  #more ul li:nth-child(2) {
    margin: 0;
  }
}

#more ul li .btn {
  width: 100%;
  background-color: #000;
}

#more ul li .btn a {
  display: block;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  padding: 5px;
}

#more .price_more {
  width: 80%;
  margin: 0 auto;
  background-color: #00A273;
  border-radius: 5px;
}
@media only screen and (min-width: 769px) {
  #more .price_more {
    width: 45%;
    max-width: 450px;
    margin: 0 auto;
    border-radius: 30px;
  }
}

#more .price_more a {
  display: block;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  padding: 15px 5px;
}



/* 20211111_movie add */
.pz_book_point ul.book {
 margin: 0 auto 0;
 padding: 0;
}

#top_h2_ribon {
  position: relative;
}

#top_h2_ribon .movie_btn {
  position: absolute;
  background-color: #fff;
  border-radius: 30px;
  max-width: 260px;
  top: 34px;
  right: 20px;
}
#top_h2_ribon .movie_btn a {
  padding: 10px 20px;
  color: #000;
  display: block;
  text-decoration: none;
}


@media only screen and (max-width: 768px) {
  #top_h2_ribon {
  padding-bottom: 40px;
  }

  #top_h2_ribon .movie_btn {
    top: 31%;
    left: 170px;
    right: auto;
  }
      #magazine #top_h2_ribon .movie_btn {
          top: 28%;
          left: 170px;
          right: auto;
        }
  #top_h2_ribon .movie_btn a {
    font-size: 80%;
    padding: 5px 10px;
  }
}