@charset "UTF-8";
html {
  font-size: 62.5%; }

body {
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
  font-size: 14px;
  line-height: 1.6;
  color: #000;
  width: 100%;
  overflow-x: hidden;
  -webkit-text-size-adjust: none;
  background-color: #faf8ed; }
  @media all and (-ms-high-contrast: none) {
    body {
      font-family: "メイリオ", Meiryo, "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif; } }

a {
  -webkit-transition: all 1.0s;
  transition: all 1.0s; }

a:hover {
  opacity: 0.8; }

.alert_area_out {
  width: 78.12%;
  max-width: 1000px;
  margin: 0px auto; }

.alert_area {
  width: 100%;
  max-width: 100%;
  border: 1px solid #ff7700;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 30px;
  background-color: #fff;
  margin-top: 40px;
  margin-bottom: 40px; }
  @media screen and (max-width: 768px) {
    .alert_area {
      padding: 20px;
      margin-bottom: 20px; } }
  .alert_area p {
    text-align: center; }
    @media screen and (max-width: 768px) {
      .alert_area p {
        font-size: 13px;
        text-align: left; } }
    .alert_area p strong {
      color: #ff7700;
      font-weight: bold;
      display: block;
      text-align: center;
      margin-bottom: 10px; }
    .alert_area p a {
      color: #ff7700;
      text-decoration: underline;
      display: inline; }
    .alert_area p .dib {
      display: inline; }

.vt {
  font-size: 10px;
  vertical-align: top; }

img {
  max-width: 100%;
  height: auto; }

header {
  width: 100%;
  max-width: 100%;
  position: relative;
  z-index: 100; }
  @media screen and (max-width: 768px) {
    header {
      position: -webkit-sticky;
      position: sticky;
      left: 0px;
      top: 0px;
      z-index: 3;
      display: none; } }
  header .h1_area {
    background-color: #ecebeb;
    padding: 10px 0px; }
    @media screen and (max-width: 768px) {
      header .h1_area {
        padding: 5px 0px;
        margin-bottom: 0px; } }
    header .h1_area .h1_area_in {
      width: 87.71%;
      max-width: 1000px;
      margin: 0px auto;
      position: relative; }
      @media screen and (max-width: 768px) {
        header .h1_area .h1_area_in {
          width: 100%;
          max-width: 100%;
          -webkit-box-sizing: border-box;
          box-sizing: border-box;
          padding: 0px 10px; } }
  header h1 {
    width: 87.71%;
    max-width: 1000px;
    line-height: 1;
    color: #000;
    font-size: 10px; }
    @media screen and (max-width: 959px) {
      header h1 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 100%;
        max-width: 100%;
        padding: 0px 15px; } }
    @media screen and (max-width: 768px) {
      header h1 {
        display: none; } }
  header .digi_link {
    text-decoration: underline;
    line-height: 1;
    color: #000;
    font-size: 10px;
    text-align: right;
    position: absolute;
    right: 0px;
    top: 0px; }
    @media screen and (max-width: 768px) {
      header .digi_link {
        position: static; } }
  header .header_in {
    width: 87.71%;
    max-width: 1000px;
    margin: 0px auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 30px 0px; }
    header .header_in h2 {
      width: 100%;
      max-width: 200px; }
      @media screen and (max-width: 768px) {
        header .header_in h2 {
          width: 100%;
          max-width: 140px; } }
      header .header_in h2 img {
        max-width: 100%;
        height: auto;
        display: block; }
    header .header_in .header_link01 {
      width: 27.65%;
      margin-right: 2%; }
      @media screen and (max-width: 959px) {
        header .header_in .header_link01 {
          width: 21%; } }
      header .header_in .header_link01 ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between; }
        header .header_in .header_link01 ul li {
          position: relative; }
          @media screen and (max-width: 644px) {
            header .header_in .header_link01 ul li {
              width: 33%; } }
          @media screen and (max-width: 644px) {
            header .header_in .header_link01 ul li:nth-child(1) {
              width: 35%; } }
          header .header_in .header_link01 ul li a, header .header_in .header_link01 ul li span {
            color: #ff7700;
            font-weight: bold;
            padding-left: 15px; }
            @media screen and (max-width: 768px) {
              header .header_in .header_link01 ul li a, header .header_in .header_link01 ul li span {
                font-size: 11px;
                padding-left: 10px; } }
          header .header_in .header_link01 ul li:before {
            content: "";
            border: solid 2px #ff7700;
            border-left: none;
            border-bottom: none;
            width: 5px;
            height: 5px;
            position: absolute;
            display: block;
            left: 0px;
            top: 0px;
            -webkit-transform: translateY(80%) rotate(45deg);
            -ms-transform: translateY(80%) rotate(45deg);
            transform: translateY(80%) rotate(45deg); }
            @media screen and (max-width: 768px) {
              header .header_in .header_link01 ul li:before {
                top: 50%;
                -webkit-transform: translateY(-50%) rotate(45deg);
                -ms-transform: translateY(-50%) rotate(45deg);
                transform: translateY(-50%) rotate(45deg); } }
    header .header_in .header_link02 {
      width: 22.14%;
      margin-right: 2%; }
      @media screen and (max-width: 959px) {
        header .header_in .header_link02 {
          width: 30%; } }
      header .header_in .header_link02 ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between; }
        header .header_in .header_link02 ul li a {
          font-size: 10px;
          color: #753103;
          text-align: center; }
          header .header_in .header_link02 ul li a span {
            display: block; }
            header .header_in .header_link02 ul li a span img {
              width: 27px;
              height: auto; }
    header .header_in .header_link02_eo {
      padding: 0px 20px; }
    header .header_in .header_link03 {
      width: 15.71%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      margin-right: 2%; }
      @media screen and (max-width: 959px) {
        header .header_in .header_link03 {
          display: block;
          width: 20%; } }
      header .header_in .header_link03 a, header .header_in .header_link03 span {
        line-height: 1;
        font-size: 14px;
        padding: 7px 0px;
        text-align: center;
        border-radius: 4px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 100%; }
        @media screen and (max-width: 959px) {
          header .header_in .header_link03 a, header .header_in .header_link03 span {
            width: 100%;
            max-width: 100%; } }
      header .header_in .header_link03 .cv {
        color: #fff;
        background-color: #ff7700;
        border: 1px solid #ff7700; }
      header .header_in .header_link03 .math {
        background-color: #fff;
        color: #b90202;
        border: 1px solid #b90202;
        opacity: 0; }
        @media screen and (max-width: 959px) {
          header .header_in .header_link03 .math {
            margin-bottom: 10px; } }
    header .header_in .header_link04 {
      width: 13.57%; }
      @media screen and (max-width: 959px) {
        header .header_in .header_link04 {
          width: 22%; } }
      header .header_in .header_link04 ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center; }
        header .header_in .header_link04 ul li {
          width: 15.78%;
          display: block; }
          @media screen and (max-width: 959px) {
            header .header_in .header_link04 ul li {
              width: 23%; } }
          header .header_in .header_link04 ul li a img {
            max-width: 100%;
            height: auto; }
    header .header_in .heder_sp_link_area {
      display: none; }
      @media screen and (max-width: 768px) {
        header .header_in .heder_sp_link_area {
          display: block;
          width: 53.33%;
          max-width: 400px; } }
      header .header_in .heder_sp_link_area ul {
        width: 100%;
        max-width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center; }
        header .header_in .heder_sp_link_area ul .menu_sp {
          width: 25%;
          max-width: 50px;
          position: relative;
          height: 55px;
          background-color: #747474; }
          header .header_in .heder_sp_link_area ul .menu_sp::before {
            display: none; }
          header .header_in .heder_sp_link_area ul .menu_sp a {
            display: block;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            width: 100%;
            max-width: 100%;
            height: 100%; }
            header .header_in .heder_sp_link_area ul .menu_sp a span {
              width: 60%;
              height: 3px;
              background-color: #fff;
              display: block;
              position: absolute;
              left: 20%;
              bottom: 27.27%;
              -webkit-transition: all 1.0s;
              transition: all 1.0s; }
            header .header_in .heder_sp_link_area ul .menu_sp a:after, header .header_in .heder_sp_link_area ul .menu_sp a:before {
              content: "";
              position: absolute;
              width: 60%;
              height: 3px;
              background-color: #fff;
              display: block;
              left: 20%;
              -webkit-transition: all 0.5s;
              transition: all 0.5s; }
            header .header_in .heder_sp_link_area ul .menu_sp a:after {
              bottom: 47.27%; }
            header .header_in .heder_sp_link_area ul .menu_sp a:before {
              top: 27.27%; }
          header .header_in .heder_sp_link_area ul .menu_sp .opened span {
            opacity: 0; }
          header .header_in .heder_sp_link_area ul .menu_sp .opened:after {
            bottom: 50%;
            -webkit-transform: rotate(-50deg);
            -ms-transform: rotate(-50deg);
            transform: rotate(-50deg); }
            @media screen and (max-width: 644px) {
              header .header_in .heder_sp_link_area ul .menu_sp .opened:after {
                bottom: 47%; } }
          header .header_in .heder_sp_link_area ul .menu_sp .opened:before {
            top: 47%;
            -webkit-transform: rotate(50deg);
            -ms-transform: rotate(50deg);
            transform: rotate(50deg); }
    @media screen and (max-width: 768px) {
      header .header_in .heder_sp_link_area_pre {
        padding: 20px 0px; } }
    @media screen and (max-width: 768px) {
      header .header_in .heder_sp_link_area_pre ul li {
        width: 50% !important; } }

.gnav_sp_area {
  position: -webkit-sticky;
  position: sticky;
  left: 0px;
  top: 0px;
  z-index: 99; }
  @media screen and (max-width: 768px) {
    .gnav_sp_area {
      width: 100%;
      max-width: 100%;
      left: 0px; } }

.gnav_area {
  border-top: 1px solid #ddd8cc;
  width: 100%;
  max-width: 100%;
  position: relative; }
  @media screen and (max-width: 768px) {
    .gnav_area {
      border: none;
      position: static;
      padding: 0px 0px;
      background-color: #fdfcf9; } }
  .gnav_area nav {
    width: 87.71%;
    max-width: 1000px;
    margin: 0px auto; }
    @media screen and (max-width: 1024px) {
      .gnav_area nav {
        width: 100%;
        max-width: 100%; } }
    @media screen and (max-width: 768px) {
      .gnav_area nav {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 0px 0px; } }
    .gnav_area nav ul.main_ul {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      /*li:nth-child(1){
        @include max-screen($breakpoint-tablet) {
          @include w;
          padding: 0px 0px;
        }
        a{
          color: #222;
          @include tc;
          background-color: #f5f4f4;
          @include f(18);
          line-height: 22px;
          padding: 15px 30px;
          position: relative;
          @include max-screen($breakpoint-sp) {
            @include f(16);
            line-height: 18px;
            border-radius: 10px 10px 0px 0px;
            border: 1px solid $bl_gnav;
          }

          &:before{
            @include max-screen($breakpoint-sp) {
              @include dn;
            }
          }
          &::after{
            content: "";
            border:solid 2px #222;
            border-left: none;
            border-bottom: none;
            width: 5px;
            height: 5px;
            position: absolute;
            @include db;
            right: 10px;
            top: 50%;
            transform: translateY(-50%) rotate(45deg);
          }
        }
      }
      li:nth-last-child(1){
        @include max-screen($breakpoint-tablet) {
          @include w;
          padding: 0px 0px;
        }
        a{
          color: #fff;
          @include tc;
          background-color: $c_red;
          @include f(22);
          line-height: 1;
          padding: 15px 20px;
          @include max-screen($breakpoint-sp) {
            @include f(16);
            border-radius: 0px 0px 10px 10px;
            border: 1px solid $bl_gnav;
          }

          &:before{
            @include max-screen($breakpoint-sp) {
              @include dn;
            }
          }
        }
      }*/ }
      @media screen and (max-width: 768px) {
        .gnav_area nav ul.main_ul {
          background-color: #fff; } }
      .gnav_area nav ul.main_ul li.main_li {
        width: 25%;
        height: 40px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        position: relative; }
        @media screen and (max-width: 959px) {
          .gnav_area nav ul.main_ul li.main_li {
            -webkit-box-sizing: border-box;
            box-sizing: border-box; } }
        @media screen and (max-width: 768px) {
          .gnav_area nav ul.main_ul li.main_li {
            width: 50%;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            padding: 0px 0px;
            height: auto; } }
        .gnav_area nav ul.main_ul li.main_li a.main_a, .gnav_area nav ul.main_ul li.main_li span.main_a {
          color: #fff;
          font-size: 14px;
          text-align: center;
          display: block;
          padding-top: 10px; }
          @media screen and (max-width: 768px) {
            .gnav_area nav ul.main_ul li.main_li a.main_a, .gnav_area nav ul.main_ul li.main_li span.main_a {
              font-size: 11px;
              padding: 15px 30px;
              position: relative; } }
          @media screen and (max-width: 768px) {
            .gnav_area nav ul.main_ul li.main_li a.main_a:before, .gnav_area nav ul.main_ul li.main_li span.main_a:before {
              content: "";
              display: block;
              position: absolute;
              border-top: solid 2px #fff;
              border-right: solid 2px #fff;
              top: 50%;
              left: 10px;
              width: 5px;
              height: 5px;
              -webkit-transform: translateY(-50%) rotate(45deg);
              -ms-transform: translateY(-50%) rotate(45deg);
              transform: translateY(-50%) rotate(45deg); } }
        .gnav_area nav ul.main_ul li.main_li ul {
          position: absolute;
          left: 0px;
          top: 40px;
          -webkit-transition: 0.5s;
          transition: 0.5s;
          visibility: hidden;
          opacity: 0;
          width: 100%;
          max-width: 100%; }
          @media screen and (max-width: 768px) {
            .gnav_area nav ul.main_ul li.main_li ul {
              visibility: visible;
              opacity: 1;
              position: static;
              display: -webkit-box;
              display: -ms-flexbox;
              display: flex;
              -ms-flex-wrap: wrap;
              flex-wrap: wrap;
              width: 100%;
              max-width: 100%; } }
          .gnav_area nav ul.main_ul li.main_li ul li {
            width: 100%;
            max-width: 100%;
            -webkit-box-sizing: border-box;
            box-sizing: border-box; }
            @media screen and (max-width: 768px) {
              .gnav_area nav ul.main_ul li.main_li ul li {
                width: 50%; } }
            .gnav_area nav ul.main_ul li.main_li ul li a {
              display: block;
              text-align: center;
              padding: 10px;
              -webkit-box-sizing: border-box;
              box-sizing: border-box;
              background-color: #fff;
              font-size: 13px; }
              @media screen and (max-width: 768px) {
                .gnav_area nav ul.main_ul li.main_li ul li a {
                  font-size: 11px; } }
        .gnav_area nav ul.main_ul li.main_li:hover ul {
          visibility: visible;
          opacity: 1; }
      .gnav_area nav ul.main_ul .gnav_area_on a {
        text-decoration: underline; }
      .gnav_area nav ul.main_ul li.nenga {
        background-color: #b90202; }
      .gnav_area nav ul.main_ul li.print {
        background-color: #d57e7f; }
        .gnav_area nav ul.main_ul li.print ul li a {
          border: 1px solid #d57e7f;
          border-top: none;
          color: #d57e7f; }
          @media screen and (max-width: 768px) {
            .gnav_area nav ul.main_ul li.print ul li a {
              border: none;
              border-right: 1px solid #d57e7f;
              border-bottom: 1px solid #d57e7f; } }
      .gnav_area nav ul.main_ul li.photobook {
        background-color: #dc9b36; }
        .gnav_area nav ul.main_ul li.photobook ul li a {
          border: 1px solid #dc9b36;
          border-top: none;
          color: #dc9b36; }
          @media screen and (max-width: 768px) {
            .gnav_area nav ul.main_ul li.photobook ul li a {
              border: none;
              border-right: 1px solid #dc9b36;
              border-bottom: 1px solid #dc9b36; } }
        .gnav_area nav ul.main_ul li.photobook ul li:nth-child(1) {
          width: 100%;
          max-width: 100%; }
        @media screen and (max-width: 768px) {
          .gnav_area nav ul.main_ul li.photobook ul li:nth-child(2n) a {
            border-left: 1px solid #dc9b36; } }
      .gnav_area nav ul.main_ul li.postcard {
        background-color: #449191; }
        .gnav_area nav ul.main_ul li.postcard ul li a {
          border: 1px solid #449191;
          border-top: none;
          color: #449191; }
          @media screen and (max-width: 768px) {
            .gnav_area nav ul.main_ul li.postcard ul li a {
              border: none;
              border-right: 1px solid #449191;
              border-bottom: 1px solid #449191; } }
        .gnav_area nav ul.main_ul li.postcard ul li:nth-child(1) {
          width: 100%;
          max-width: 100%; }
        @media screen and (max-width: 768px) {
          .gnav_area nav ul.main_ul li.postcard ul li:nth-child(2n) a {
            border-left: 1px solid #449191; } }
      .gnav_area nav ul.main_ul li.mochu {
        background-color: #594f9d; }
        .gnav_area nav ul.main_ul li.mochu a.main_a {
          color: #fff; }

.sec_app_qa {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  @media screen and (max-width: 959px) {
    .sec_app_qa {
      display: block; } }
  .sec_app_qa .app_qa_in {
    padding: 25px 0px 50px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 50%; }
    @media screen and (max-width: 959px) {
      .sec_app_qa .app_qa_in {
        width: 100%;
        max-width: 100%; } }
    @media screen and (max-width: 768px) {
      .sec_app_qa .app_qa_in {
        padding: 30px 15px 20px; } }
    .sec_app_qa .app_qa_in.eo_w {
      width: 100%;
      max-width: 100%; }
    .sec_app_qa .app_qa_in .app_qa_tit {
      padding: 0px 27%;
      padding-bottom: 15px;
      margin-bottom: 25px; }
      @media screen and (max-width: 768px) {
        .sec_app_qa .app_qa_in .app_qa_tit {
          padding-bottom: 9px;
          margin-bottom: 15px; } }
  .sec_app_qa .app_qa_inin {
    width: 77.19%;
    max-width: 440px;
    padding-bottom: 15px; }
    @media screen and (max-width: 959px) {
      .sec_app_qa .app_qa_inin {
        width: 100%;
        max-width: 100%; } }
    @media screen and (max-width: 768px) {
      .sec_app_qa .app_qa_inin {
        padding-bottom: 9px; } }
  .sec_app_qa .app_box {
    background: -webkit-gradient(linear, left top, left bottom, from(#98e3f6), color-stop(20%, #fbdfdd));
    background: linear-gradient(to bottom, #98e3f6, #fbdfdd 20%); }
    .sec_app_qa .app_box .app_qa_inin {
      margin-right: 11%;
      margin-left: auto; }
      @media screen and (max-width: 959px) {
        .sec_app_qa .app_box .app_qa_inin {
          margin: 0px auto; } }
    .sec_app_qa .app_box .eo_w {
      margin: 0px auto; }
  .sec_app_qa .qa_box {
    background: -webkit-gradient(linear, left top, left bottom, from(#fbdfdd), color-stop(20%, #f3f4b2));
    background: linear-gradient(to bottom, #fbdfdd, #f3f4b2 20%); }
    .sec_app_qa .qa_box .app_qa_inin {
      margin-left: 11%;
      margin-right: auto; }
      @media screen and (max-width: 959px) {
        .sec_app_qa .qa_box .app_qa_inin {
          margin: 0px auto; } }
  .sec_app_qa .app_box_in {
    width: 80.68%;
    margin: 0px auto; }
    @media screen and (max-width: 768px) {
      .sec_app_qa .app_box_in {
        width: 83.33%; } }
    .sec_app_qa .app_box_in .img {
      margin-bottom: 10px; }
      @media screen and (max-width: 768px) {
        .sec_app_qa .app_box_in .img {
          margin-bottom: 5px; } }
    .sec_app_qa .app_box_in .txt_com01 {
      text-align: left;
      margin-bottom: 25px; }
      @media screen and (max-width: 768px) {
        .sec_app_qa .app_box_in .txt_com01 {
          width: 78.26%;
          margin: 0px auto;
          margin-bottom: 20px;
          font-size: 12px; } }
    .sec_app_qa .app_box_in.foot_com {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      width: 100%;
      max-width: 100%;
      margin-bottom: 20px; }
      .sec_app_qa .app_box_in.foot_com .img {
        width: 35.22%;
        margin-bottom: 0px; }
      .sec_app_qa .app_box_in.foot_com .app_store {
        width: 62.5%;
        margin-bottom: 0px; }
        .sec_app_qa .app_box_in.foot_com .app_store li:nth-child(1) {
          margin-bottom: 20px;
          width: 100%;
          max-width: 100%; }
          .sec_app_qa .app_box_in.foot_com .app_store li:nth-child(1) img {
            width: 100%;
            max-width: 100%; }
  .sec_app_qa .app_store {
    width: 80.28%;
    margin: 0px auto;
    margin-bottom: 20px; }
    @media screen and (max-width: 768px) {
      .sec_app_qa .app_store {
        width: 78.26%;
        margin-bottom: 15px; } }
    .sec_app_qa .app_store li {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      width: 100%;
      max-width: 100%;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      margin-bottom: 10px; }
      @media screen and (max-width: 768px) {
        .sec_app_qa .app_store li {
          margin-bottom: 5px; } }
    .sec_app_qa .app_store .store_btn {
      display: block;
      width: 69.09%; }
    .sec_app_qa .app_store .qr {
      display: block;
      width: 27.27%; }
  .sec_app_qa .qa_box_in {
    margin-bottom: 35px; }
    @media screen and (max-width: 768px) {
      .sec_app_qa .qa_box_in {
        width: 87.68%;
        margin: 0px auto;
        margin-bottom: 40px; } }
  .sec_app_qa .q_box {
    color: #ba2327;
    padding-left: 35px;
    position: relative;
    margin-bottom: 30px;
    font-size: 15px; }
    @media screen and (max-width: 768px) {
      .sec_app_qa .q_box {
        padding-left: 30px;
        font-size: 14px;
        margin-bottom: 25px; } }
    .sec_app_qa .q_box:before {
      content: "Q";
      font-family: 'Dosis', sans-serif;
      font-size: 40px;
      color: #b90202;
      position: absolute;
      display: block;
      left: 0px;
      top: -15px;
      line-height: 1;
      text-shadow: #ebd064 2px 0px,  #ebd064 -2px 0px, #ebd064 0px -2px, #ebd064 0px 2px, #ebd064 2px 2px , #ebd064 -2px 2px, #ebd064 2px -2px, #ebd064 -2px -2px, #ebd064 1px 2px,  #ebd064 -1px 2px, #ebd064 1px -2px, #ebd064 -1px -2px, #ebd064 2px 1px,  #ebd064 -2px 1px, #ebd064 2px -1px, #ebd064 -2px -1px; }
      @media screen and (max-width: 768px) {
        .sec_app_qa .q_box:before {
          font-size: 32px;
          top: -10px; } }
  .sec_app_qa .a_box {
    padding-left: 35px;
    position: relative;
    margin-bottom: 30px;
    font-size: 15px; }
    @media screen and (max-width: 768px) {
      .sec_app_qa .a_box {
        padding-left: 30px;
        font-size: 14px;
        margin-bottom: 25px; } }
    .sec_app_qa .a_box:before {
      content: "A";
      font-family: 'Dosis', sans-serif;
      font-size: 40px;
      color: #5dbcd5;
      position: absolute;
      display: block;
      left: 0px;
      top: -15px;
      line-height: 1;
      text-shadow: #ebd064 2px 0px,  #ebd064 -2px 0px, #ebd064 0px -2px, #ebd064 0px 2px, #ebd064 2px 2px , #ebd064 -2px 2px, #ebd064 2px -2px, #ebd064 -2px -2px, #ebd064 1px 2px,  #ebd064 -1px 2px, #ebd064 1px -2px, #ebd064 -1px -2px, #ebd064 2px 1px,  #ebd064 -2px 1px, #ebd064 2px -1px, #ebd064 -2px -1px; }
      @media screen and (max-width: 768px) {
        .sec_app_qa .a_box:before {
          font-size: 32px;
          top: -10px; } }
    .sec_app_qa .a_box a {
      color: #f88902;
      text-decoration: underline; }
  .sec_app_qa .qa_more {
    padding-bottom: 50px;
    margin-bottom: 20px; }
    @media screen and (max-width: 768px) {
      .sec_app_qa .qa_more {
        margin-bottom: 15px; } }
    .sec_app_qa .qa_more .btn_com01 {
      width: 280px;
      margin: 0px auto; }
      @media screen and (max-width: 768px) {
        .sec_app_qa .qa_more .btn_com01 {
          width: 78.26%;
          background-color: #b90202; } }
  .sec_app_qa .column_bnr {
    margin-bottom: 20px; }
    @media screen and (max-width: 768px) {
      .sec_app_qa .column_bnr {
        margin-bottom: 15px; } }
    .sec_app_qa .column_bnr.foot_com {
      margin-bottom: 25%; }
      @media screen and (max-width: 959px) {
        .sec_app_qa .column_bnr.foot_com {
          margin-bottom: 20px; } }

.sec_sns {
  padding: 40px 0px 40px; }
  .sec_sns .contents_in {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
    @media screen and (max-width: 644px) {
      .sec_sns .contents_in {
        display: block; } }
  .sec_sns .sec_sns_in {
    width: 46%;
    max-width: 460px; }
    @media screen and (max-width: 644px) {
      .sec_sns .sec_sns_in {
        width: 100%;
        max-width: 100%;
        margin: 0px auto;
        margin-bottom: 10px; } }
  .sec_sns .fb-page {
    width: 100%;
    max-width: 100%; }
  .sec_sns .fb_iframe_widget,
  .sec_sns .fb_iframe_widget span,
  .sec_sns .fb_iframe_widget iframe[style] {
    width: 100% !important; }

.contact_area {
  width: 100%;
  max-width: 100%;
  padding: 20px 0px 70px; }
  @media screen and (max-width: 768px) {
    .contact_area {
      padding: 30px 0px 40px; } }
  .contact_area .ribon {
    top: -35px; }
    @media screen and (max-width: 768px) {
      .contact_area .ribon {
        top: -45px; } }
  .contact_area .ribon_com {
    top: 0px;
    margin-bottom: 20px; }
  .contact_area .contact_area_in {
    width: 87.71%;
    max-width: 1000px;
    margin: 0px auto; }
    @media screen and (max-width: 959px) {
      .contact_area .contact_area_in {
        width: 100%;
        max-width: 100%;
        padding: 0px 15px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box; } }
    .contact_area .contact_area_in .tit_com04 {
      text-align: center;
      margin-bottom: 30px; }
      @media screen and (max-width: 768px) {
        .contact_area .contact_area_in .tit_com04 {
          margin-bottom: 20px; } }
  .contact_area .contact_flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
    @media screen and (max-width: 768px) {
      .contact_area .contact_flex {
        display: block; } }
  .contact_area .contact_in {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 49.5%;
    padding: 20px;
    background-color: #f8f6ef;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    @media screen and (max-width: 768px) {
      .contact_area .contact_in {
        width: 100%;
        max-width: 100%;
        display: block;
        margin-bottom: 10px; } }
    .contact_area .contact_in .tit {
      font-size: 18px;
      font-weight: bold;
      margin-bottom: 10px;
      padding-left: 55px;
      line-height: 1.5; }
      @media screen and (max-width: 768px) {
        .contact_area .contact_in .tit {
          font-size: 16px;
          padding-left: 35px;
          -webkit-box-sizing: border-box;
          box-sizing: border-box;
          margin: 0px auto;
          margin-bottom: 15px; } }
      .contact_area .contact_in .tit.-mail {
        background: url(../../images/common/icon_mail.png) left center no-repeat;
        background-size: auto 100%; }
        @media screen and (max-width: 768px) {
          .contact_area .contact_in .tit.-mail {
            width: 185px;
            background-size: 25px auto; } }
      .contact_area .contact_in .tit.-tel {
        background: url(../../images/common/icon_tel.png) left center no-repeat;
        background-size: auto 100%; }
        @media screen and (max-width: 768px) {
          .contact_area .contact_in .tit.-tel {
            width: 200px;
            background-size: 30px auto; } }
    .contact_area .contact_in .txt {
      font-size: 15px; }
      @media screen and (max-width: 768px) {
        .contact_area .contact_in .txt {
          font-size: 11px;
          text-align: center; } }
    .contact_area .contact_in .btn {
      font-size: 18px;
      color: #b90202;
      display: block;
      padding: 15px 0px;
      line-height: 1;
      position: relative;
      border-radius: 6px;
      background-color: #fff;
      width: 350px;
      text-align: center;
      margin-bottom: 15px; }
      @media screen and (max-width: 768px) {
        .contact_area .contact_in .btn {
          width: 245px;
          font-size: 15px;
          margin: 0px auto;
          margin-bottom: 15px; } }
      .contact_area .contact_in .btn::after {
        content: "";
        display: block;
        position: absolute;
        border: solid 2px #b90202;
        border-bottom: none;
        border-left: none;
        top: 50%;
        right: 20px;
        width: 12px;
        height: 12px;
        -webkit-transform: translateY(-50%) rotate(45deg);
        -ms-transform: translateY(-50%) rotate(45deg);
        transform: translateY(-50%) rotate(45deg); }
        @media screen and (max-width: 768px) {
          .contact_area .contact_in .btn::after {
            width: 10px;
            height: 10px; } }
      .contact_area .contact_in .btn.-tel::after {
        display: none; }
    .contact_area .contact_in:nth-child(2) {
      margin-left: 1%; }
      @media screen and (max-width: 768px) {
        .contact_area .contact_in:nth-child(2) {
          margin-left: 0px; } }

.foot_bnr_area {
  background-color: #ff7700;
  padding: 10px 0px;
  margin-bottom: 40px; }
  .foot_bnr_area ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 87.71%;
    max-width: 1000px;
    margin: 0px auto; }
    @media screen and (max-width: 959px) {
      .foot_bnr_area ul {
        width: 100%;
        max-width: 100%;
        padding: 0px 25px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box; } }
    .foot_bnr_area ul li {
      width: 49.5%;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; }
      @media screen and (max-width: 768px) {
        .foot_bnr_area ul li {
          width: 100%;
          max-width: 100%;
          margin-bottom: 5px; } }

footer {
  width: 100%;
  max-width: 100%;
  border-top: solid 1px #ff7700; }
  @media screen and (max-width: 959px) {
    footer {
      padding: 0px 15px;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; } }
  @media screen and (max-width: 768px) {
    footer {
      padding: 0px; } }
  footer small {
    font-size: 12px;
    text-align: center;
    padding-bottom: 35px; }
    @media screen and (max-width: 768px) {
      footer small {
        font-size: 10px; } }
    footer small i {
      color: #b90202; }

.footer_photo_con {
  padding-top: 35px;
  background-color: #fff; }

.footer_sublink_area {
  width: 87.71%;
  max-width: 1000px;
  margin: 0px auto;
  background-color: #ff7700;
  padding: 15px 0px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 30px; }
  @media screen and (max-width: 959px) {
    .footer_sublink_area {
      width: 100%;
      max-width: 100%;
      padding: 20px 15px; } }
  .footer_sublink_area ul {
    text-align: center; }
    .footer_sublink_area ul li {
      display: inline-block;
      border-right: 1px solid #fff; }
      @media screen and (max-width: 768px) {
        .footer_sublink_area ul li {
          border-left: 1px solid #fff;
          border-right: none; } }
      .footer_sublink_area ul li a {
        padding: 0px 10px;
        color: #fff;
        font-size: 14px;
        line-height: 1; }
        @media screen and (max-width: 768px) {
          .footer_sublink_area ul li a {
            font-size: 12px; } }
      .footer_sublink_area ul li:nth-last-child(1) {
        border-right: none; }
        @media screen and (max-width: 768px) {
          .footer_sublink_area ul li:nth-last-child(1) {
            border-right: 1px solid #fff; } }

.footer_mainlink_area {
  width: 87.71%;
  max-width: 1000px;
  margin: 0px auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }
  @media screen and (max-width: 959px) {
    .footer_mainlink_area {
      padding: 0px 15px;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      width: 100%;
      max-width: 100%; } }
  .footer_mainlink_area .footer_mainlink_area_in {
    width: 50%;
    padding-bottom: 20px;
    margin-bottom: 30px;
    border-bottom: 1px solid #dcdcdc; }
    @media screen and (max-width: 768px) {
      .footer_mainlink_area .footer_mainlink_area_in {
        width: 100%;
        max-width: 100%;
        padding-bottom: 10px;
        margin-bottom: 25px;
        display: none !important; } }
    .footer_mainlink_area .footer_mainlink_area_in p {
      font-size: 20px;
      margin-bottom: 20px;
      line-height: 1;
      padding-left: 30px; }
      @media screen and (max-width: 768px) {
        .footer_mainlink_area .footer_mainlink_area_in p {
          padding-left: 25px; } }
    .footer_mainlink_area .footer_mainlink_area_in ul {
      margin-left: 30px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
      @media screen and (max-width: 644px) {
        .footer_mainlink_area .footer_mainlink_area_in ul {
          -webkit-box-pack: justify;
          -ms-flex-pack: justify;
          justify-content: space-between; } }
      .footer_mainlink_area .footer_mainlink_area_in ul li {
        margin-bottom: 14px;
        padding-left: 10px;
        position: relative;
        margin-right: 20px; }
        .footer_mainlink_area .footer_mainlink_area_in ul li a, .footer_mainlink_area .footer_mainlink_area_in ul li span {
          color: #753103; }
        .footer_mainlink_area .footer_mainlink_area_in ul li a {
          text-decoration: underline; }
        @media screen and (max-width: 644px) {
          .footer_mainlink_area .footer_mainlink_area_in ul li {
            width: 50%;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            margin-right: 0px; } }
        .footer_mainlink_area .footer_mainlink_area_in ul li:before {
          content: "";
          display: block;
          position: absolute;
          top: 50%;
          left: 0px;
          width: 7px;
          height: 7px;
          -webkit-transform: translate(-50%, -50%) rotate(45deg);
          -ms-transform: translate(-50%, -50%) rotate(45deg);
          transform: translate(-50%, -50%) rotate(45deg); }
  .footer_mainlink_area .footer_mainlink_area_in.nenga_link {
    width: 100%;
    max-width: 100%;
    /*.temp_link01{
    li:nth-child(1){
    width: 130px;
    @include bs;
    }
    }
    .temp_link02{
    @include w;
    @include bs;
    padding-left:150px;

  }*/ }
    .footer_mainlink_area .footer_mainlink_area_in.nenga_link p {
      background: url(../../images/common/tsubaki.png) left center no-repeat;
      background-size: auto 100%;
      color: #753103; }
    .footer_mainlink_area .footer_mainlink_area_in.nenga_link ul li:before {
      border: solid 2px #ca0000;
      border-bottom: none;
      border-left: none; }
      @media screen and (max-width: 768px) {
        .footer_mainlink_area .footer_mainlink_area_in.nenga_link ul li:before {
          border: solid 1px #ca0000;
          border-bottom: none;
          border-left: none; } }
    .footer_mainlink_area .footer_mainlink_area_in.nenga_link .temp_link {
      padding-top: 20px; }
  .footer_mainlink_area .footer_mainlink_area_in.mochu_link {
    display: block; }
    .footer_mainlink_area .footer_mainlink_area_in.mochu_link p {
      background: url(../../images/common/tsubaki_white.png) left center no-repeat;
      background-size: auto 100%;
      color: #333333; }
    .footer_mainlink_area .footer_mainlink_area_in.mochu_link ul li:before {
      border: solid 2px #b79c9c;
      border-bottom: none;
      border-left: none; }
      @media screen and (max-width: 768px) {
        .footer_mainlink_area .footer_mainlink_area_in.mochu_link ul li:before {
          border: solid 1px #b79c9c;
          border-bottom: none;
          border-left: none; } }
  .footer_mainlink_area .footer_mainlink_area_in.userguide_link p {
    background: url(../../images/common/icon_digipri.png) left center no-repeat;
    background-size: auto 100%;
    color: #ff7700; }
  .footer_mainlink_area .footer_mainlink_area_in.userguide_link ul li:before {
    border: solid 2px #ff7700;
    border-bottom: none;
    border-left: none; }
    @media screen and (max-width: 768px) {
      .footer_mainlink_area .footer_mainlink_area_in.userguide_link ul li:before {
        border: solid 1px #ff7700;
        border-bottom: none;
        border-left: none; } }
  .footer_mainlink_area .footer_mainlink_area_in.digi_link {
    width: 100%;
    max-width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    @media screen and (max-width: 768px) {
      .footer_mainlink_area .footer_mainlink_area_in.digi_link {
        display: block; } }
    .footer_mainlink_area .footer_mainlink_area_in.digi_link p {
      width: 150px;
      margin-right: 20px;
      margin-bottom: 0px;
      padding-bottom: 0px;
      font-size: 0px;
      padding: 0px;
      vertical-align: middle; }
      @media screen and (max-width: 768px) {
        .footer_mainlink_area .footer_mainlink_area_in.digi_link p {
          margin-right: 0px; } }
    .footer_mainlink_area .footer_mainlink_area_in.digi_link ul li {
      margin-bottom: 0px; }
      .footer_mainlink_area .footer_mainlink_area_in.digi_link ul li:before {
        border: solid 2px #ff7700;
        border-bottom: none;
        border-left: none; }
        @media screen and (max-width: 768px) {
          .footer_mainlink_area .footer_mainlink_area_in.digi_link ul li:before {
            border: solid 1px #ff7700;
            border-bottom: none;
            border-left: none; } }

.pagetop_area {
  position: fixed;
  right: 10px;
  bottom: 10px; }
  @media screen and (max-width: 768px) {
    .pagetop_area {
      width: 40px;
      height: 40px;
      right: 0px;
      bottom: 0px; }
      .pagetop_area img {
        max-width: 100%;
        height: auto; } }

.app_area {
  width: 100%;
  max-width: 100%; }
  .app_area h3 {
    text-align: center;
    font-size: 34px;
    color: #ff7700;
    margin-bottom: 40px;
    font-family: 'M PLUS Rounded 1c', sans-serif; }
    @media screen and (max-width: 768px) {
      .app_area h3 {
        font-size: 18px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 0px 20px; } }
  .app_area .logo_area {
    width: 100%;
    max-width: 100%;
    padding: 20px 0px;
    text-align: center;
    background: url(../../images/index/logo_bg.jpg) center center no-repeat;
    background-size: cover;
    margin-bottom: 40px; }
    @media screen and (max-width: 768px) {
      .app_area .logo_area {
        margin-bottom: 20px; } }
    .app_area .logo_area img {
      display: block;
      width: 19.53%;
      max-width: 250px;
      margin: 0px auto; }
      @media screen and (max-width: 768px) {
        .app_area .logo_area img {
          width: 50%;
          margin: 0px auto; } }
  .app_area h4 {
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    color: #ff7700;
    margin-bottom: 20px; }
    @media screen and (max-width: 768px) {
      .app_area h4 {
        font-size: 16px; } }
  .app_area .txt01 {
    color: #502000;
    text-align: center;
    font-size: 15px;
    margin-bottom: 50px; }
    @media screen and (max-width: 768px) {
      .app_area .txt01 {
        width: 100%;
        max-width: 100%;
        padding: 0px 25px;
        margin-bottom: 25px;
        text-align: left; } }
  .app_area .app_area_in {
    width: 78.12%;
    max-width: 1000px;
    margin: 0px auto;
    margin-bottom: 20px; }
    @media screen and (max-width: 768px) {
      .app_area .app_area_in {
        width: 100%;
        max-width: 100%;
        padding: 0px 25px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin-bottom: 0px; } }
    .app_area .app_area_in ul {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between; }
      .app_area .app_area_in ul li {
        width: 49%; }
        @media screen and (max-width: 768px) {
          .app_area .app_area_in ul li {
            width: 100%;
            max-width: 100%;
            margin-bottom: 15px; } }
  .app_area .btn_q {
    width: 78.12%;
    max-width: 1000px;
    margin: 0px auto;
    padding: 20px 0px;
    position: relative;
    border: 1px solid #ff7700;
    border-radius: 5px; }
    @media screen and (max-width: 768px) {
      .app_area .btn_q {
        width: 89.84%;
        max-width: 1150px; } }
    .app_area .btn_q::after {
      position: absolute;
      content: "";
      width: 10px;
      height: 10px;
      display: block;
      border: solid 2px #ff7700;
      border-bottom: none;
      border-left: none;
      top: 50%;
      right: 20px;
      -webkit-transform: translateY(-50%) rotate(45deg);
      -ms-transform: translateY(-50%) rotate(45deg);
      transform: translateY(-50%) rotate(45deg); }
      @media screen and (max-width: 768px) {
        .app_area .btn_q::after {
          width: 7px;
          height: 7px;
          right: 10px; } }
    .app_area .btn_q img {
      width: 52%;
      max-width: 520px;
      margin: 0px auto;
      display: block; }

.photobook_pro__breadcrumblist {
  margin: 0px auto;
  display: block;
  max-width: 1140px;
  width: 90%;
  border: 1px solid #ddd8cc; }
  @media screen and (max-width: 959px) {
    .photobook_pro__breadcrumblist {
      display: none; } }
  .photobook_pro__breadcrumblist ul {
    letter-spacing: -.4em; }
    .photobook_pro__breadcrumblist ul li {
      display: inline-block;
      font-size: 10px;
      line-height: 14px;
      vertical-align: middle;
      letter-spacing: normal;
      color: #444; }
      .photobook_pro__breadcrumblist ul li a {
        display: inline-block;
        padding: 2px 0px 2px 5px;
        vertical-align: middle;
        position: relative;
        color: #444; }
        .photobook_pro__breadcrumblist ul li a:after {
          font-family: 'Dosis', sans-serif;
          display: inline-block;
          content: '>';
          padding: 0px 0px 0px 5px; }
      .photobook_pro__breadcrumblist ul li span {
        display: inline-block;
        padding: 2px 0px 2px 5px; }
      .photobook_pro__breadcrumblist ul li strong {
        color: #444;
        font-weight: normal; }
      .photobook_pro__breadcrumblist ul li i {
        display: inline-block;
        margin-right: 5px;
        padding-left: 7px; }
        .photobook_pro__breadcrumblist ul li i img {
          height: 16px;
          width: auto;
          line-height: 1; }

.eo_head {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding: 10px 0px; }
  @media screen and (max-width: 959px) {
    .eo_head li:nth-last-child(1) {
      width: 60% !important;
      padding: 10px 0px !important; } }

.truste_area {
  text-align: center;
  margin-bottom: 40px; }
  @media screen and (max-width: 959px) {
    .truste_area {
      margin-bottom: 20px;
      padding: 0px 20px; } }

.photobookAppBnr_area {
  width: 78.12%;
  max-width: 1000px;
  margin: 0px auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 50px; }
  @media screen and (max-width: 959px) {
    .photobookAppBnr_area {
      padding: 0px 15px;
      width: 100%;
      max-width: 100%; } }
  @media screen and (max-width: 768px) {
    .photobookAppBnr_area {
      margin-bottom: 70px; } }
  .photobookAppBnr_area .area_in {
    position: relative; }
    .photobookAppBnr_area .area_in img {
      width: 100%;
      max-width: 100%; }
  .photobookAppBnr_area.small {
    padding: 0px 15px;
    width: 100%;
    max-width: 100%;
    margin-bottom: 70px; }

.appBnr_area__link {
  position: absolute;
  width: 100%;
  max-width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 23%;
  right: 13%;
  top: 17.3%; }
  @media screen and (max-width: 768px) {
    .appBnr_area__link {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -webkit-transform: translate(-50%, -45%);
      -ms-transform: translate(-50%, -45%);
      transform: translate(-50%, -45%);
      right: auto;
      top: 100%;
      left: 50%;
      width: 96.23%;
      max-width: 332px; } }
  .appBnr_area__link a, .appBnr_area__link span {
    display: block;
    margin-bottom: 15px;
    color: #333; }
    @media screen and (max-width: 768px) {
      .appBnr_area__link a, .appBnr_area__link span {
        width: 48.17%;
        max-width: 165px;
        margin-bottom: 0px; } }
    .appBnr_area__link a i, .appBnr_area__link span i {
      display: block;
      line-height: 1.2; }
  .small .appBnr_area__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-transform: translate(-50%, -45%);
    -ms-transform: translate(-50%, -45%);
    transform: translate(-50%, -45%);
    right: auto;
    top: 100%;
    left: 50%;
    width: 96.23%;
    max-width: 332px; }
    .small .appBnr_area__link a, .small .appBnr_area__link span {
      width: 48.17%;
      max-width: 165px;
      margin-bottom: 0px; }

.tc {
  text-align: center; }
  @media screen and (max-width: 959px) {
    .tc {
      text-align: left; } }

.new_alert_out {
  width: 100%;
  max-width: 100%;
  position: relative; }
  @media screen and (max-width: 768px) {
    .new_alert_out {
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      padding: 0px 20px 20px; } }
  .new_alert_out .news_close {
    display: none; }
    @media screen and (max-width: 768px) {
      .new_alert_out .news_close {
        position: absolute;
        right: 20px;
        top: 20px;
        background-color: #ff7700;
        color: #fff;
        display: block;
        width: 30px;
        height: 30px;
        line-height: 30px;
        text-align: center;
        font-size: 16px; } }

.new_alert {
  width: 100%;
  max-width: 100%;
  border: 1px solid #ff7700;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 20px;
  margin-top: 20px;
  text-align: center;
  color: #ff7700; }
  @media screen and (max-width: 768px) {
    .new_alert {
      text-align: left;
      font-size: 13px;
      padding: 30px; } }
  .new_alert a {
    color: #ff7700;
    text-decoration: underline;
    display: inline; }