@charset "utf-8";

/* ===============================================

* Target user-agent
  - Desktop
    - IE 9, 11
    - Firefox (Latest)
    - Chrome (Latest)
  - Smart Device
    - Mobile Safari (iOS 8.4.1)
    - Android Chrome (Android 5.1.1)

----------------------------------------------- */
/* =====================================
common
------------------------------------- */
/* body, input, button, textarea, option {
  font-family: 'Yu Gothic', 'YuGothic', sans-serif;
} */

@media print, screen and (min-width: 768px) {
  /* =====================================
  main
  ------------------------------------- */
  /* ----- kitta-hero-layout ----- */
  .kitta-hero-layout {
    position: relative;
    left: 50%;
    width: 100vw;
    height: 500px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background: #f5f5f5 url(/english/products/stationery/hitotoki/img/kitta_main_im01.png) repeat-x;
    font-size: 0;
    box-shadow: 0 3px 3px #e5e5e5 inset;
  }
  .kitta-hero-layout .hero_visual img {
    display: none;
  }

  /* ----- kitta-sub-menu ----- */
  .kitta-sub-menu {
    position: relative;
    width: 100%;
    margin-top: 3.0em;
    background-color: #fff;
    z-index: 100;
  }
  .kitta-sub-menu.is-fixed {
    position: fixed;
    left: 0;
    margin-top: 0;
    box-shadow: 0 2px 0 rgba(0,0,0,0.06);
  }
  .kitta-sub-menu::before {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #000;
    content: "";
  }
  .kitta-sub-menu .menu_inner {
    position: relative;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 70px;
  }
  .kitta-sub-menu .menu_pager {
    position: absolute;
    top: 50%;
    margin-top: -16px;
  }
  .kitta-sub-menu .menu_pager:not(.is-disabled) {
    cursor: pointer;
  }
  .kitta-sub-menu .menu_pager.is-disabled {
    pointer-events: none;
  }
  .kitta-sub-menu .menu_pager.type-prev {left: 20px;}
  .kitta-sub-menu .menu_pager.type-next {right: 20px;}
  .kitta-sub-menu .menu_pager > .menu_pager_label {
    width: 9px;
    height: 21px;
    display: block;
    background: url(/english/products/stationery/hitotoki/img/kitta_sub_menu_arrow_ic01.png) no-repeat;
  }
  .kitta-sub-menu .menu_pager.type-next > .menu_pager_label {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  .kitta-sub-menu .menu_pager.is-disabled > .menu_pager_label {
    background: url(/english/products/stationery/hitotoki/img/kitta_sub_menu_arrow_ic02.png) no-repeat;
  }
  .kitta-sub-menu .menu_list {
    position: relative;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
  }
  .kitta-sub-menu .menu_list > li {
    display: none;
    width: calc((100% - (20px * 4)) / 5);
    margin-left: 20px;
  }
  .kitta-sub-menu .menu_list > li.is-show {
    display: block;
    -webkit-animation: show 300ms ease-out;
    animation: show 300ms ease-out;
  }
  .kitta-sub-menu .menu_list > li.is-back {
    display: block;
    -webkit-animation: back 300ms ease-out;
    animation: back 300ms ease-out;
  }
  .kitta-sub-menu .menu_list > li:nth-child(5n+1) {
    margin-left: 0;
  }
  .kitta-sub-menu .menu_list > li > a {
    position: relative;
    display: block;
    padding-top: 10px;
    text-align: center;
  }
  .kitta-sub-menu .menu_list > li .menu_list_image {
    padding-bottom: 1.5em;
  }
  .kitta-sub-menu .menu_list > li .menu_list_label {
    position: absolute;
    bottom: -.7em;
    left: 0;
    width: 100%;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    height: 1.5em;
    background-color: #eee;
    border-radius: 12px;
  }
  .kitta-sub-menu .menu_list > li.is-current .menu_list_label {
    background-color: #000;
  }
  .kitta-sub-menu .menu_list > li .menu_list_label > span {
    font-size: 1.2rem;
    font-weight: 900;
    text-align: center;
    color: #777;
  }
  .kitta-sub-menu .menu_list > li.is-current .menu_list_label > span {
    color: #fff;
  }

  /* ----- kitta-about-layout ----- */
  /* about-column-layout */
  .about-column-layout {
    padding: 0 120px;
  }
  .about-column-layout + * {
    margin-top: 5.0em;
  }
  .about-column-layout[data-row-pc="2"] .column_item[data-item="1"] > .image-set > .image_inner {text-align: left;}
  .about-column-layout[data-row-pc="2"] .column_item[data-item="2"] > .image-set > .image_inner {text-align: right;}
  /* about-image-layout */
  .about-image-layout {
    position: relative;
  }
  .about-image-layout .about_image_text {
    position: absolute;
    bottom: 3.25%;
    left: 2.8%;
  }

  /* ----- kitta-lineup-layout ---- */
  .kitta-lineup-layout .kitta-lineup-image {
    position: relative;
    left: 50%;
    width: 100vw;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  .kitta-lineup-layout .kitta-lineup-image .lineup_image_caption {
    max-width: 1200px;
    margin: 12px auto 0;
  }
  .kitta-lineup-layout .kitta-lineup-image .lineup_image_caption > .caption_label {
    font-size: 1.4rem;
    text-align: center;
    color: #666;
  }

  /* ----- kitta-accessory-layout ----- */
  .kitta-accessory-layout .kitta-accessory-image {
    position: relative;
    left: 50%;
    width: 100vw;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  .kitta-accessory-layout .kitta-accessory-image .accessory_image_caption {
    max-width: 1200px;
    margin: 12px auto 0;
  }
  .kitta-accessory-layout .kitta-accessory-image .accessory_image_caption > .caption_label {
    font-size: 1.4rem;
    text-align: center;
    color: #666;
  }

  /* ----- kitta-gallery-layout ----- */
  .kitta-gallery-layout .list-note {
    margin-top: 12px;
  }
  .kitta-gallery-layout .list-note > li {
    color: #666;
  }

  /* ----- kitta-attention-layout ----- */
  .kitta-attention-layout .box-layout-v6 > .box_detail > .box_detail_item + .box_detail_item {
    margin-top: 30px;
    padding-top: 25px;
    border-top: 1px solid #ddd;
  }
  .kitta-attention-layout .box-layout-v6 > .box_detail > .box_detail_item > *:first-child {
    margin-top: 0;
  }

  /* ----- list-product ----- */
  .list-product {
    margin-top: 40px;
    font-size: 0;
  }
  .list-product.mb0 {
    margin-bottom: -35px;
  }
  .list-product li {
    display: inline-block;
    vertical-align: top;
    width: 16.666%;
    text-align: center;
  }
  .list-product li:nth-child(n+7) {
    margin-top: 35px;
  }
  .list-product li.ml-1col {
    margin-left: 16.666%;
  }
  .list-product li.mr-1col {
    margin-right: 16.666%;
  }
  .list-product li.ml-2col {
    margin-left: 33.333%;
  }
  .list-product li.mr-2col {
    margin-right: 33.333%;
  }
  .list-product li.mt-35 {
    margin-top: 35px;
  }
  .list-product a{
    display: block;
    max-width: 114px;
    margin: 0 auto;
  }
  .list-product p {
    font-size: 1.2rem;
    color: #000;
    margin-top: 12px;
  }
  .list-product p b {
    font-weight: normal;
  }
  .list-product p span {
    color: #999;
    line-height: 1.6666;
  }
  .list-product > .little-stock p {
    position: relative;
  }
  .list-product > .little-stock p::after {
    display: block;
    position: absolute;
    width: 8px;
    height: 8px;
    top: 2px;
    left: 0;
    border-radius: 50%;
    background-color: #f79581;
    content: '';
  }
  #artist .list-product > .little-stock p::after {
    display: none;
  }
  .list-product .product_name_label {
    line-height: 1.2857;
  }
  .list-product .product_name_capacity {
    color: #999;
    line-height: 1.6666;
  }
  .list-product .product_name_num {
    color: #999;
    line-height: 1.6666;
  }
  .list-product > .little-stock p span {
    font-size: 1.2rem;
  }
  .list-product .list-product_image {
    display: flex;
    align-items: center;
    height: 164px;
  }
  .list-product a img, .list-gallery a img {
    -webkit-transition: .4s;
    transition: .4s;
  }
  .list-product a:hover img, .list-product a:focus img, .list-gallery a:hover img, .list-gallery a:focus img {
    opacity: .5;
    -webkit-transition: .4s;
    transition: .4s;
  }
  .list-product.pc-al-center{text-align:center!important;}
  .little-stock_caption {
    position: relative;
    margin-top: 30px;
    padding-left: 20px;
    font-size: 1.3rem;
  }
  .little-stock_caption::after {
    display: block;
    position: absolute;
    width: 8px;
    height: 8px;
    top: 2px;
    left: 0;
    border-radius: 50%;
    background-color: #f79581;
    content: '';
  }
  .little-stock_icon {
    position: relative;
    margin-right: 16px;
  }
  .little-stock_icon::after {
    display: block;
    position: absolute;
    width: 8px;
    height: 8px;
    top: 6px;
    right: -10px;
    border-radius: 50%;
    background-color: #f79581;
    content: '';
  }

  /* ----- list-gallery ----- */
  .list-gallery {
    margin: 0 -6px;
  }
  .list-gallery li {
    float: left;
    width: 25%;
    padding: 0 6px;
  }
  .list-gallery li:nth-child(n+5) {
    margin-top: 12px;
  }
  .list-gallery a {
    display: block;
  }

  /* ----- list-accessory ----- */
  .list-accessory {
    max-width: 960px;
    margin: 30px auto 0;
  }
  .list-accessory li {
    float: left;
    width: 33.3%;
    padding: 0 6px;
  }
  .list-accessory + .list-product {
    margin-top: 76px;
  }
  .icon-accordion-layout {
    margin-top: 20px;
    border-bottom: 1px solid #ccc;
  }
  .icon-accordion-layout + .icon-accordion-layout {
    margin-top: 0;
  }
  .icon-accordion-layout .accordion_trigger .accordion_label {
    position: relative;
    display: block;
    min-height: 90px;
    padding: 28px 55px 10px 198px;
  }
  .icon-accordion-layout .accordion_trigger .accordion_label::after {
    position: absolute;
    top: 36px;
    right: 75px;
    width: 16px;
    height: 16px;
    border-right: 1px solid #000000;
    border-bottom: 1px solid #000000;
    -webkit-transform: rotateX(0) rotate(45deg);
    transform: rotateX(0) rotateZ(45deg);
    content: '';
  }
  .icon-accordion-layout .accordion_trigger.is-active .accordion_label::after {
    -webkit-transform: rotateX(180deg) rotateZ(45deg);
    transform: rotateX(180deg) rotateZ(45deg);
  }
  .icon-accordion-layout .accordion_trigger .accordion_label .accordion_icon {
    display: inline-block;
    position: absolute;
    width: 70px;
    top: 50%;
    left: 68px;
    margin-top: -33px;
  }
  .icon-accordion-layout .accordion_trigger .accordion_label .accordion_title {
  font-size: 1.8rem;
  }
  .icon-accordion-layout .accordion_trigger .accordion_label .accordion_subtitle {
  display: block;
  margin-top: 8px;
  font-size: 1.4rem;
  }
  .icon-accordion-layout .accordion_detail {
  padding: 10px 0 45px;
  }
  .icon-accordion-layout .accordion_detail .artist-detaillist {
  margin-left: 200px;
  }
  .icon-accordion-layout .accordion_detail .artist-detaillist:last-of-type {
  margin-bottom: 48px;
  }
  .artist-detaillist {
  position: relative;
  }
  .artist-detaillist + .artist-detaillist {
  margin-top: 9px;
  }
  .artist-detaillist > dt {
  position: absolute;
  top: 0;
  left: 0;
  border-left: 2px solid #aaaaaa;
  padding-left: 5px;
  font-size: 1.4rem;
  }
  .artist-detaillist > dd {
  padding-left: 90px;
  font-size: 1.4rem;
  }
  .artist-detaillist.w-large01 > dd {
  padding-left: 140px;
  }
  .artist-detaillist.w-large02 > dd {
  padding-left: 240px;
  }
  a.artist-link {
  color: #999999;
  transition: opacity 0.3s;
  word-wrap: break-word;
  }
  a.artist-link:hover {
  opacity: 0.7;
  }
  #modal-content.oneModal .modal-pager {
  display: none;
  }
  #cboxOverlay{background:rgb(204, 204, 204) !important; opacity: 0.4 !important; filter: alpha(opacity = 40) !important;}
  #cboxContent{background: none;}
  .cboxIframe{background:#fff;}
  #cboxError{padding:50px; border:1px solid #ccc;}
  #cboxLoadedContent{background: none; border: none; border-radius: 10px;}
  #cboxTitle{position:absolute; top:-20px; left:0; color:#ccc;}
  #cboxCurrent{display: none !important;}
  #cboxPrevious{position:absolute; top:50%; left:0; margin-top:-29px; background:url(/english/products/stationery/hitotoki/img/kitta_btn_pager_ic01.png) no-repeat; width:31px; height:59px; text-indent:-9999px;-webkit-background-size: contain;background-size: contain;}
  #cboxNext{position:absolute; top:50%; right:0; margin-top:-29px; background:url(/english/products/stationery/hitotoki/img/kitta_btn_pager_ic01.png) no-repeat; width:31px; height:59px; text-indent:-9999px;-webkit-background-size: contain;background-size: contain;transform: rotate(180deg);}
  #cboxClose{position:absolute; top:5px; right:5px; display:block; background:url(/english/products/stationery/hitotoki/img/kitta_btn_close_ic01.png) no-repeat; width:31px; height:31px; text-indent:-9999px;-webkit-background-size: contain;background-size: contain;}
  #productModal-wrap {
    display: none;
  }
  .productModal {
    border-radius: 10px;
    margin: 0 70px;
    padding: 10px 20px;
    text-align: center;
    background-color: #fff;
  }
  .productModal-title {
    position: relative;
    margin-top: 5px;
    padding-bottom: 10px;
    font-weight: 500;
    text-align: center;
  }
  .productModal-title_main {
    font-size: 2.2rem;
    color: #000;
    line-height: 1.25;
  }
  .productModal-title_main .seal_br{
    display: none;
  }
  .productModal-title_sub {
    font-size: 1.2rem;
    color: #989898;
  }
  .productModal-size_title {
    width: 100%;
    flex-shrink: 0;
  }
  .productModal-size_title.is-single {
    width: 100%;
  }
  .productModal-size_detail {
    text-align: center;
  }
  .productModal-note {
    margin-top: 3px;
    margin-left: 155px;
    font-size: 1.1rem;
    color: #989898;
    text-align: left;
    line-height: 1.5;
  }
  .productModal-illustration{
  margin-top: 4px;
  margin-bottom: 30px;
  }
  .productModal-illustration_image {
  text-align: center;
  }
  .pswp--zoom-allowed .pswp__button--zoom {
    position: static !important;
    top: inherit !important;
    right: inherit !important;
    width: 40px !important;
    background-position: -92px 0px !important;
  }
  .pswp--zoomed-in .pswp__button--zoom {
    background-position: -136px 0px !important;
  }
  .pswp__button--arrow--left {
    left: 0 !important;
  }
  .pswp__button--arrow--right {
    right: 0 !important;
  }

  /* ----- button-link ----- */
  .button-link {
    margin-top: 40px;
  }
  .button-link .link_label {
    display: inline-block;
    width: 100%;
    max-width: 320px;
    border: solid 1px #ccc;
    padding: 22px;
    color: #666666;
    font-size: 1.4rem;
    text-align: center;
    line-height: 1.0;
    -webkit-transition: .2s;
    transition: .2s;
  }
  .button-link .link_label:hover {
    color: #ccc;
    border: solid 1px #aaa;
  }
  .gp-al-left {text-align: left !important;}
  .gp-al-center {text-align: center !important;}
  .gp-al-right {text-align: right!important;}
  .about_inner .lead-02_head {
    max-width: 1200px;
    margin: 0 auto;
  }
  .about_inner .lead-02_body {
    max-width: 1200px;
    margin: 50px auto 0;
    text-align: center;
  }

  /* =====================================
  clearfix
  ------------------------------------- */
  .clearfix::after {
    display: block;
    clear: both;
    content: "";
  }
}

/* =====================================
keyframes
------------------------------------- */
@keyframes show {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(16px,0,0);
    transform: translate3d(16px,0,0);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }
}
@keyframes back {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-16px,0,0);
    transform: translate3d(-16px,0,0);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }
}

@media only screen and (max-width: 767px) {
  /* =====================================
  main
  ------------------------------------- */
  /* ----- kitta-hero-layout ----- */
  .kitta-hero-layout {
    position: relative;
    left: 50%;
    width: 100vw;
    height: 375px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background: #f5f5f5 url(/english/products/stationery/hitotoki/img/kitta_main_im01.png) repeat-x;
    background-size: auto 100%;
    font-size: 0;
    box-shadow: 0 3px 3px #e5e5e5 inset;
  }
  .kitta-hero-layout .hero_visual img {
    display: none;
  }

  /* ----- kitta-sub-menu ----- */
  .kitta-sub-menu {
    position: relative;
    width: 100%;
    margin-top: 2.7em;
    padding-bottom: 15px;
    background-color: #fff;
    border-bottom: 1px solid #000;
    overflow-x: auto;
    z-index: 100;
  }
  .kitta-sub-menu .menu_list > li:first-of-type {
    margin-left: 0;
  }
  .kitta-sub-menu.is-fixed {
    position: fixed;
    left: 0;
    margin-top: 0;
    padding-right: 15px;
    padding-left: 15px;
    box-shadow: 0 2px 0 rgba(0,0,0,0.06);
  }
  .kitta-sub-menu::-webkit-scrollbar {
    height: 8px;
  }
  .kitta-sub-menu::-webkit-scrollbar-track {
    border-radius: 8px;
    background: #fff;
  }
  .kitta-sub-menu::-webkit-scrollbar-thumb {
    border-radius: 8px;
    background: #ccc;
    border-bottom: 2px solid #fff;
  }
  .kitta-sub-menu .menu_inner {
    position: relative;
    margin: 0 auto;
  }
  .kitta-sub-menu.is-fixed .menu_inner {
    width: 965px;
  }
  .kitta-sub-menu .menu_pager {
    display: none;
  }
  .kitta-sub-menu .menu_list {
    position: relative;
    display: -webkit-flex;
    display: flex;
  }
  .kitta-sub-menu .menu_list > li {
    min-width: 150px;
    margin-left: 10px;
  }
  .kitta-sub-menu .menu_list > li > a {
    position: relative;
    display: block;
    padding-top: 10px;
    text-align: center;
  }
  .kitta-sub-menu .menu_list > li .menu_list_image {
    padding-bottom: 9px;
  }
  .kitta-sub-menu .menu_list > li .menu_list_image > img {
    display: inline-block;
    position: relative;
    width: 73px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .kitta-sub-menu .menu_list > li:nth-of-type(4) .menu_list_image > img,
  .kitta-sub-menu .menu_list > li:nth-of-type(6) .menu_list_image > img {
    width: 90px;
  }
  .kitta-sub-menu .menu_list > li .menu_list_label {
    width: 100%;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    height: 1.715em;
    background-color: #eee;
    border-radius: 12px;
  }
  .kitta-sub-menu .menu_list > li.is-current .menu_list_label {
    background-color: #000;
  }
  .kitta-sub-menu .menu_list > li .menu_list_label > span {
    font-size: 1.0rem;
    font-weight: 900;
    text-align: center;
    color: #777;
  }
  .kitta-sub-menu .menu_list > li.is-current .menu_list_label > span {
    color: #fff;
  }

  /* ----- kitta-about-layout ----- */
  /* about-column-layout */
  .about-column-layout {
  }
  .about-column-layout + * {
    margin-top: 2.8em;
  }
  .about-column-layout[data-row-sp="1"] .column_item + .column_item {
    margin-top: 28px;
  }
  .about-column-layout[data-row-sp="1"] .column_item > .image-set > .image_inner > img {
    max-width: 215px;
    height: auto;
  }
  /* about-image-layout */
  .about-image-layout {
    position: relative;
    margin-right: -15px;
    margin-left: -15px;
  }
  .about-image-layout .about_image_text {
    position: absolute;
    bottom: 3.1%;
    left: 3%;
    max-width: 35%;
  }

  /* ----- kitta-lineup-layout ---- */
  .kitta-lineup-layout .kitta-lineup-image {
    margin: 0 -15px;
  }
  .kitta-lineup-layout .kitta-lineup-image .lineup_image_caption {
    margin-top: 10px;
    padding: 0 15px;
  }
  .kitta-lineup-layout .kitta-lineup-image .lineup_image_caption > .caption_label {
    font-size: 1.4rem;
  }

  /* ----- kitta-accessory-layout ----- */
  .kitta-accessory-layout .kitta-accessory-image {
    margin: 0 -15px;
  }
  .kitta-accessory-layout .kitta-accessory-image .accessory_image_caption {
    margin-top: 10px;
    padding: 0 15px;
  }
  .kitta-accessory-layout .kitta-accessory-image .accessory_image_caption > .caption_label {
    font-size: 1.4rem;
  }

  /* ----- kitta-gallery-layout ----- */
  .kitta-gallery-layout .list-note {
    margin-top: 12px;
  }
  .kitta-gallery-layout .list-note > li {
    color: #666;
  }

  /* ----- kitta-attention-layout ----- */
  .kitta-attention-layout .box-layout-v6 > .box_detail > .box_detail_item + .box_detail_item {
    margin-top: 15px;
    padding-top: 12px;
    border-top: 1px solid #ddd;
  }
  .kitta-attention-layout .box-layout-v6 > .box_detail > .box_detail_item > *:first-child {
    margin-top: 0;
  }

  /* ----- list-product ----- */
  .list-product {
    margin-top: 30px;
    font-size: 0;
  }
  .list-product.mb0 {
    margin-bottom: -35px;
  }
  .list-product li {
    display: inline-block;
    vertical-align: top;
    width: calc((100% - (6px * 2)) / 3);
    text-align: center;
    margin-left: 6px;
  }
  .list-product li:nth-child(3n+1) {
    margin-left: 0;
  }
  .list-product li:nth-child(n+4) {
    margin-top: 20px;
  }
  .list-product a{
    display: block;
    max-width: 114px;
    margin: 0 auto;
  }
  .list-product p {
    font-size: 1.2rem;
    color: #000;
    margin-top: 12px;
  }
  .list-product p b {
    font-weight: normal;
  }
  .list-product p span {
    color: #999;
    line-height: 1.6666;
  }
  .list-product > .little-stock p {
    position: relative;
  }
  .list-product .list-product_image {
    display: flex;
    align-items: center;
    height: 157px;
  }
  .list-product > .little-stock p::after {
    display: block;
    position: absolute;
    width: 8px;
    height: 8px;
    top: 2px;
    left: 0;
    border-radius: 50%;
    background-color: #f79581;
    content: '';
  }
  .list-product .product_name_label {
    line-height: 1.2857;
  }
  .list-product .product_name_capacity {
    color: #999;
    line-height: 1.6666;
  }
  .list-product .product_name_num {
    color: #999;
    line-height: 1.6666;
  }
  .list-product > .little-stock p span {
    font-size: 1.2rem;
  }
  .list-product p span {
    color: #999;
    line-height: 1.6666;
  }
  .list-product a img, .list-gallery a img {
    -webkit-transition: .4s;
    transition: .4s;
  }
  .list-product a:hover img, .list-product a:focus img, .list-gallery a:hover img, .list-gallery a:focus img {
    opacity: .5;
    -webkit-transition: .4s;
    transition: .4s;
  }
  .list-product.pc-al-center{text-align:left!important;}
  .little-stock_caption {
    position: relative;
    margin-top: 30px;
    padding-left: 20px;
    font-size: 1.3rem;
  }
  .little-stock_caption::after {
    display: block;
    position: absolute;
    width: 8px;
    height: 8px;
    top: 2px;
    left: 0;
    border-radius: 50%;
    background-color: #f79581;
    content: '';
  }
  .little-stock_icon {
    position: relative;
    margin-right: 16px;
  }
  .little-stock_icon::after {
    display: block;
    position: absolute;
    width: 8px;
    height: 8px;
    top: 3px;
    right: -10px;
    border-radius: 50%;
    background-color: #f79581;
    content: '';
  }

  /* ----- list-gallery ----- */
  .list-gallery {
  }
  .list-gallery li {
    float: left;
    width: calc((100% - (10px * 1)) / 2);
    margin-left: 10px;
  }
  .list-gallery li:nth-child(n+3) {
    margin-top: 10px;
  }
  .list-gallery li:nth-child(2n+1) {
    margin-left: 0;
  }
  .list-gallery a {
    display: block;
  }

  /* ----- list-accessory ----- */
  .list-accessory {
    margin: 15px auto 0;
  }
  .list-accessory li {
    float: left;
    width: calc((100% - (4px * 2)) / 3);
    margin-left: 4px;
  }
  .list-accessory li:nth-child(3n+1) {
    margin-left: 0;
  }
  .list-accessory + .list-product {
    margin-top: 70px;
  }

  #modal-content .modal-img {
    max-height: 100%;
  }

  .icon-accordion-layout {
    margin-top: 20px;
    border-bottom: 1px solid #ccc;
  }
  .icon-accordion-layout + .icon-accordion-layout {
    margin-top: 0;
  }
  .icon-accordion-layout .accordion_trigger .accordion_label {
    position: relative;
    display: block;
    min-height: 90px;
    padding: 28px 55px 10px 198px;
  }
  .icon-accordion-layout .accordion_trigger .accordion_label::after {
    position: absolute;
    top: 36px;
    right: 75px;
    width: 16px;
    height: 16px;
    border-right: 1px solid #000000;
    border-bottom: 1px solid #000000;
    -webkit-transform: rotateX(0) rotate(45deg);
    transform: rotateX(0) rotateZ(45deg);
    content: '';
  }
  .icon-accordion-layout .accordion_trigger.is-active .accordion_label::after {
    -webkit-transform: rotateX(180deg) rotateZ(45deg);
    transform: rotateX(180deg) rotateZ(45deg);
  }
  .icon-accordion-layout .accordion_trigger .accordion_label .accordion_icon {
    display: inline-block;
    position: absolute;
    width: 70px;
    top: 50%;
    left: 68px;
    margin-top: -33px;
  }
  .icon-accordion-layout .accordion_trigger .accordion_label .accordion_title {
  font-size: 1.8rem;
  }
  .icon-accordion-layout .accordion_trigger .accordion_label .accordion_subtitle {
  display: block;
  margin-top: 8px;
  font-size: 1.4rem;
  }
  .icon-accordion-layout .accordion_detail {
  padding: 10px 0 45px;
  }
  .icon-accordion-layout .accordion_detail .artist-detaillist {
  margin-left: 200px;
  }
  .icon-accordion-layout .accordion_detail .artist-detaillist:last-of-type {
  margin-bottom: 48px;
  }
  .artist-detaillist {
  position: relative;
  }
  .artist-detaillist + .artist-detaillist {
  margin-top: 9px;
  }
  .artist-detaillist > dt {
  position: absolute;
  top: 0;
  left: 0;
  border-left: 2px solid #aaaaaa;
  padding-left: 5px;
  font-size: 1.4rem;
  }
  .artist-detaillist > dd {
  padding-left: 90px;
  font-size: 1.4rem;
  }
  .artist-detaillist.w-large01 > dd {
  padding-left: 140px;
  }
  .artist-detaillist.w-large02 > dd {
  padding-left: 240px;
  }
  a.artist-link {
  color: #999999;
  transition: opacity 0.3s;
  word-wrap: break-word;
  }
  a.artist-link:hover {
  opacity: 0.7;
  }
  #modal-content.oneModal .modal-pager {
  display: none;
  }
  #cboxOverlay{background:rgb(204, 204, 204) !important; opacity: 0.4 !important; filter: alpha(opacity = 40) !important;}
  #cboxContent{background: none;}
  .cboxIframe{background:#fff;}
  #cboxError{padding:50px; border:1px solid #ccc;}
  #cboxLoadedContent{background: none; border: none; border-radius: 10px;}
  #cboxTitle{position:absolute; top:-20px; left:0; color:#ccc;}
  #cboxCurrent{display: none !important;}
  #cboxPrevious{position:absolute; top:50%; left:10px; margin-top:-15px; background:url(/english/products/stationery/hitotoki/img/kitta_btn_pager_ic01.png) no-repeat; width:16px; height:30px; text-indent:-9999px;-webkit-background-size: contain;background-size: contain;}
  #cboxNext{position:absolute; top:50%; right:10px; margin-top:-15px; background:url(/english/products/stationery/hitotoki/img/kitta_btn_pager_ic01.png) no-repeat; width:16px; height:30px; text-indent:-9999px;-webkit-background-size: contain;background-size: contain; transform: rotate(180deg);}
  #cboxClose{position:relative; top:-100%; right:-94%; display:block; background:url(/english/products/stationery/hitotoki/img/kitta_btn_close_ic01.png) no-repeat; width:18px; height:18px; text-indent:-9999px;-webkit-background-size: contain;background-size: contain;}
  #productModal-wrap {
    display: none;
  }
  .productModal {
    border-radius: 10px;
    margin: 0 40px;
    padding: 10px 20px;
    text-align: center;
    background-color: #fff;
  }
  .productModal-title {
    position: relative;
    margin-top: 3px;
    padding-bottom: 8px;
    font-weight: 500;
    text-align: center;
  }
  .productModal-title_main {
    font-size: 1.5rem;
    color: #000;
  }
  .productModal-title_main .seal_br{
    display: none;
  }
  .productModal-title_sub {
    font-size: 1.0rem;
    color: #989898;
  }
  .productModal-size {
    position: relative;
    margin-top: 10px;
    font-size: 1.2rem;
  }
  .pswp--open .pswp--svg .pswp__button,
  .pswp--open .pswp__button--close,
  .pswp--open .pswp--svg .pswp__button--arrow--left:before,
  .pswp--open .pswp--svg .pswp__button--arrow--right:before {
    -webkit-transform: scale(2, 2) !important;
    transform: scale(2, 2) !important;
  }
  .pswp--open .pswp__button--close {
    background-position: -6px -39px !important;
  }
  .pswp--open .pswp__counter {
    top: 15px !important;
    left: 10px !important;
    font-size: 25px !important;
  }

  /* ----- button-link ----- */
  .button-link {
    margin-top: 40px;
  }
  .button-link .link_label {
    display: block;
    margin: 0 70px;
    border: solid 1px #ccc;
    padding: 12px 22px;
    color: #666666;
    font-size: 1.4rem;
    text-align: center;
    line-height: 1.0;
    -webkit-transition: .2s;
    transition: .2s;
  }

  .gp-al-left {text-align: left !important;}
  .gp-al-center {text-align: center !important;}
  .gp-al-right {text-align: right!important;}
  .about_inner .lead-02_head {
    width: 100vw;
    margin-left: calc(50% - 50vw);
  }

  .about_inner .lead-02_body {
    margin-top: 20px;
  }
  .about_inner .lead-02_body p {
    max-width: 500px;
    width: 82.4%;
    margin: 0 auto;
  }

  /* =====================================
  clearfix
  ------------------------------------- */
  .clearfix::after {
    display: block;
    clear: both;
    content: "";
  }
}