@charset "utf-8";
/*
 set break point
 */
/*
 Width / Height Settings
 */
/*
 PC Liquid Value
 */
/*
 SP Liquid Value
 */
/*
 Line Height
 */
@media screen and (max-width: 750px) {
  /*------------------------------------------------------------------------------------------
   *
   *
   common_sp.css
   *
   *
   ------------------------------------------------------------------------------------------ */
  /*------------------------------------------------------------------------------------------
   *
   *
   max-width : 640px
   *
   *
   ------------------------------------------------------------------------------------------ */
  /* --------------------------------------------------
   *
   common settings sp
   *
   -------------------------------------------------- */
  /* --------------------------------------------------
   * 
   header
   *
   -------------------------------------------------- */
  /* --------------------------------------------------
   * 
   footer
   *
   -------------------------------------------------- */
  body {
    width: 100vw;
    z-index: 10;
    overflow-x: hidden;
  }
  body {
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
  }
  br.sp {
    display: inherit;
  }
  img.pc {
    display: none;
  }
  .switch_pc, .switch_pc * {
    display: none;
  }
  .set_bg {
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    top: 0;
    left: 0;
    position: relative;
  }
  .set_bg .bg_inner {
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: absolute;
    top: 0;
    left: 0;
  }
  .set_bg img {
    width: 100%;
    opacity: 0;
  }
  main {
    padding-top: 16vw;
    background-color: #fff;
    position: relative;
  }
  body.menu {
    overflow: hidden !important;
    height: 100vh !important;
  }
  body.menu header {
    height: 100vh;
  }
  h1.t {
    display: none !important;
  }
  header {
    width: 100vw;
    height: 16vw;
    border-bottom: 1px solid #eae8e9;
    background-color: #fff;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
  }
  header h1 {
    width: 100vw;
    padding-top: 4vw;
    padding-left: 2.66667vw;
    text-align: left;
    position: fixed;
    z-index: 20;
  }
  header h1 img {
    width: 50.13333vw;
    position: relative;
    top: 0;
    left: 0;
  }
  header h1.culturen img {
    top: -6px;
  }
  header .gnav_ico {
    width: 16vw;
    height: 16vw;
    background-color: #fff;
    text-align: center;
    position: fixed;
    top: 0;
    right: 0vw;
    cursor: pointer;
    z-index: 100;
  }
  header .gnav_ico .ico {
    width: 16vw;
    height: 16vw;
    display: block;
    position: relative;
    background-repeat: no-repeat;
    background-image: url(../images/parts_nav_line.svg);
    background-position: center;
    background-size: 6.4vw;
  }
  header .gnav_ico .ico_close {
    width: 16vw;
    height: 16vw;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background-repeat: no-repeat;
    background-image: url(../images/parts_nav_close.svg);
    background-position: center;
    background-size: 5.33333vw;
  }
  header #gnav {
    width: 100vw;
    height: 100vh;
    margin-top: 10.66667vw;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    background-color: #fff;
    text-align: center;
    position: fixed;
    left: 0;
    z-index: 1;
  }
  header #gnav ul {
    height: 94.66667vh;
    min-height: 128vw;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
  }
  header #gnav ul li {
    margin-bottom: 10.66667vw;
  }
  header #gnav ul li a {
    display: block;
    position: relative;
    font-size: 4.8vw;
    font-weight: 700;
  }
  header #gnav ul li a .o {
    display: none;
    position: absolute;
    left: 0vw;
    top: -50%;
  }
  header #gnav ul li a .o svg {
    width: 6.66667vw;
  }
  header #gnav ul li.about .o svg path {
    fill: #d13123;
  }
  header #gnav ul li.exhibiton .o svg path {
    fill: #fcc800;
  }
  header #gnav ul li.webshop .o svg path {
    fill: #036eb8;
  }
  header #gnav ul li.access .o svg path {
    fill: #008d3f;
  }
  header #gnav ul li.qa .o svg path {
    fill: #b25a2f;
  }
  header .sns {
    position: fixed;
    right: 17.33333vw;
    top: 5.33333vw;
    z-index: 100;
  }
  header .sns ul {
    display: flex;
  }
  header .sns ul li svg {
    margin-left: 5.33333vw;
    width: 6.4vw;
  }
  header .sns ul li.ig {
    margin-top: -0.53333vw;
  }
  header .sns ul li svg {
    transition: transform 0.2s ease;
  }
  .is_pc header .sns ul li a:hover svg, .is_sp header .sns ul li a.touch svg {
    transform: scale(1.15);
  }
  header .sns ul li path {
    fill: #000;
    transition: fill 0.15s ease;
  }
  .is_pc header .sns ul .ig a:hover path, .is_sp header .sns ul .ig a.touch path {
    fill: #ad5660;
  }
  .is_pc header .sns ul .tw a:hover path, .is_sp header .sns ul .tw a.touch path {
    fill: #1ca1f1;
  }
  #gnav {
    width: 100vw;
    overflow-x: hidden;
    height: 0;
    opacity: 0;
    pointer-events: none;
    transform: inherit;
    transition: height 0.65s ease, transform 0.45s ease, opacity 0.45s ease;
    transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  }
  .menu #gnav {
    height: 100vh;
    opacity: 1;
    visibility: visible;
    pointer-events: inherit;
    transform: translateY(0);
    transition: opacity 0.45s ease 0.15s, visibility 0s ease, height 0.65s cubic-bezier(0.895, 0.03, 0.685, 0.22) 0.15s, transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.15s;
  }
  .gnav_ico .ico {
    opacity: 1;
    transform: scale(1);
    transition: transform 0.25s ease 0.45s, opacity 0.25s ease 0.45s;
  }
  .menu .gnav_ico .ico {
    opacity: 0;
    transform: scale(1.15);
    transition: transform 0.25s ease, opacity 0.25s ease;
  }
  .gnav_ico .ico_close {
    opacity: 0;
    transform: rotate(-45deg) scale(0.8);
    transition: transform 0.25s ease 0s, opacity 0.25s ease;
  }
  .menu .gnav_ico .ico_close {
    opacity: 1;
    transform: scale(1) rotate(0deg);
    transition: transform 0.25s ease 0.6s, opacity 0.35s ease 0.35s;
  }
  footer {
    background-color: #000;
    overflow: hidden;
    position: relative;
    z-index: 10;
  }
  footer a {
    transition: opacity 0.15s ease;
  }
  .is_pc footer a:hover, .is_sp footer a.touch {
    opacity: 0.7;
  }
  footer .inner {
    padding-bottom: 25px;
    justify-content: center;
    align-items: center;
  }
  footer .inner ul {
    align-items: center;
  }
  footer .inner .foot_nav {
    padding: 10.66667vw 0 5.33333vw 0;
    text-align: center;
  }
  footer .inner .foot_nav li {
    margin-bottom: 5.33333vw;
  }
  footer .inner .foot_nav li img {
    width: auto;
  }
  footer .inner .foot_nav li.contact img {
    height: 6.93333vw;
  }
  footer .inner .foot_nav li.hobo img {
    height: 4.8vw;
  }
  footer .inner .share {
    margin-bottom: 5.33333vw;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  footer .inner .share ul {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  footer .inner .share p {
    margin-right: 4vw;
  }
  footer .inner .share p img {
    width: 18.66667vw;
  }
  footer .inner .share li {
    margin: 0 3.46667vw;
  }
  footer .inner .share li img {
    width: auto;
  }
  footer .inner .share li.tw img {
    height: 10.13333vw;
  }
  footer .inner .share li.fb img {
    height: 10.13333vw;
  }
  footer ul.about_hobonichi {
    text-align: center;
  }
  footer ul.about_hobonichi li {
    margin-bottom: 5.33333vw;
  }
  footer ul.about_hobonichi a {
    font-size: 2.66667vw;
    letter-spacing: 0.05em;
	color: #fff;
  }
  footer .copyright {
    margin-bottom: 5.33333vw;
    text-align: center;
    font-size: 2.66667vw;
    letter-spacing: 0.05em;
    color: #fff;
  }
}
/* -------------------------------------------------- */
/*------------------------------------------------------------------------------------------
 *
 *
 home_sp.css
 *
 *
 ------------------------------------------------------------------------------------------ */
@media screen and (max-width: 750px) {
  /*------------------------------------------------------------------------------------------
   *
   *
   max-width : 750px
   *
   *
   ------------------------------------------------------------------------------------------ */
  #home #kv {
    width: 100vw;
    overflow: hidden;
    background-color: #fff;
    padding: 5.33333vw 0 10.66667vw 0;
  }
  #home #kv .img_slider .slick-slide {
    opacity: 0.65;
    transition: opacity, transform;
    transition-duration: 0.45s;
    transition-delay: 0.15s;
    transform: scale(0.9);
  }
  #home #kv .img_slider .slick-slide.on {
    opacity: 1;
    transform: scale(1);
  }
  #home #kv .img_slider .s p {
    padding: 0 1.33333vw;
  }
  #home #kv .img_slider .s span {
    display: block;
  }
  #home #kv .img_slider .s img {
    width: 76.8vw;
    height: 43.2vw;
  }
  #home #kv .img_slider .s .bg_inner {
    transition: transform 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
  }
  .is_pc#home #kv .img_slider .s a:hover .bg_inner, .is_sp#home #kv .img_slider .s a.touch .bg_inner {
    transform: scale(1.05);
  }
  #home #kv .slider_wrap {
    position: relative;
  }
  #home #kv .slider_wrap .btn_prev {
    content: '';
    width: 11px;
    height: 8px;
    display: block;
    position: absolute;
    background-image: url(../images/parts_arrow_l.png);
    background-repeat: no-repeat;
    background-position: center;
    bottom: -18px;
    left: calc(50% + 325px);
    cursor: pointer;
    z-index: 3;
  }
  #home #kv .slider_wrap .btn_next {
    content: '';
    width: 11px;
    height: 8px;
    display: block;
    position: absolute;
    background-image: url(../images/parts_arrow_r.png);
    background-repeat: no-repeat;
    background-position: right;
    bottom: -18px;
    left: calc(50% + 350px);
    cursor: pointer;
    z-index: 3;
  }
  #home #kv .slider_wrap .n {
    transition: width 0.15s ease, padding 0.15s ease, transform 0.15s ease;
  }
  .is_pc#home #kv .slider_wrap .btn_prev:hover, .is_sp#home #kv .slider_wrap .btn_prev.touch {
    padding: 0 5px;
    transform: translateX(-10px);
  }
  .is_pc#home #kv .slider_wrap .btn_next:hover, .is_sp#home #kv .slider_wrap .btn_next.touch {
    width: 16px;
  }
  #home #content_wrap {
    background-position: center;
    background-image: url(../images/bg.png);
    background-size: 8px;
  }
  #home #content_wrap h2 {
    margin-bottom: 2.13333vw;
    padding-bottom: 4vw;
    padding-left: 18.66667vw;
    font-family: "Shin Maru Go Bold" !important;
    font-size: 5.33333vw;
    letter-spacing: 0.12em;
    position: relative;
    border-bottom: 2px solid #fff;
    box-sizing: border-box;
  }
  #home #content_wrap h2:before {
    content: '';
    display: block;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
  }
  #home #content_wrap h2.r {
    border-color: #a52214;
  }
  #home #content_wrap h2.r:before {
    background-image: url(../images/parts_chair_r.png);
    width: 9.6vw;
    height: 16vw;
    left: 4vw;
    top: -4vw;
  }
  #home #content_wrap h2.y {
    margin-top: 16vw;
    border-color: #d0a500;
  }
  #home #content_wrap h2.y:before {
    background-image: url(../images/parts_chair_y.png);
    width: 8.8vw;
    height: 16.26667vw;
    left: 4.8vw;
    top: -4.26667vw;
  }
  #home #content_wrap h2.b {
    margin-top: -2.66667vw;
    border-color: #005b9a;
  }
  #home #content_wrap h2.b:before {
    background-image: url(../images/parts_chair_b.png);
    width: 9.86667vw;
    height: 16.26667vw;
    left: 4.53333vw;
    top: -4.26667vw;
  }
  #home #content_wrap h2.g {
    margin-top: 16vw;
    border-color: #006e2e;
  }
  #home #content_wrap h2.g:before {
    background-image: url(../images/parts_chair_g.png);
    width: 9.86667vw;
    height: 16.53333vw;
    left: 4.53333vw;
    top: -4vw;
  }
  #home #content_wrap #todays_info {
    opacity: 0;
    padding: 5.33333vw 0 16vw 0;
  }
  #home #content_wrap #todays_info.on {
    opacity: 1;
    transition: opacity 0.25s ease;
  }
  #home #content_wrap #todays_info .inner {
    width: 96vw;
    height: 8.53333vw;
    display: table;
    margin: 0 auto;
  }
  #home #content_wrap #todays_info .inner .col_l {
    width: 24vw;
    min-height: 8.53333vw;
    padding: 2.13333vw 0;
    padding-right: 2.13333vw;
    display: table-cell;
    text-align: right;
    vertical-align: middle;
    color: #fff;
    background-color: #000;
    border-radius: 26.66667vw 0 0 26.66667vw;
    box-sizing: border-box;
  }
  #home #content_wrap #todays_info .inner .col_l h3 {
    letter-spacing: 0.12em;
    font-size: 3.46667vw;
  }
  #home #content_wrap #todays_info .inner .col_r {
    width: 72vw;
    padding: 2.66667vw;
    display: table-cell;
    align-items: center;
    justify-content: flex-start;
    background-color: #fff;
    border-radius: 0 26.66667vw 26.66667vw 0;
    box-sizing: border-box;
  }
  #home #content_wrap #todays_info .inner .col_r p {
    letter-spacing: 0.12em;
    font-size: 3.2vw;
  }
  #home #content_wrap #todays_info .inner .col_r .last_admission {
    padding-right: 20px;
    margin-top: 5px;
    font-size: 3.2vw;
    line-height: 1.4em;
  }
  #home #content_wrap #todays_info .inner .holiday {
    color: #d13123;
  }
  #home #content_wrap #section_top {
    padding: 0 2.66667vw;
  }
  #home #content_wrap #section_top #post_in_session {
    margin-bottom: 10.66667vw;
  }
  #home #content_wrap #section_top .progress {
    height: 18.66667vw !important;
  }
  #home #content_wrap #section_top .progress h3 {
    text-align: center;
    font-size: 4.26667vw;
    letter-spacing: 0.12em;
    line-height: 18.66667vw;
    font-weight: 700;
    color: #888;
    overflow: hidden;
  }
  #home #content_wrap #section_top .col_l .post_list li {
    width: 100%;
    margin-bottom: 5.33333vw;
    background-color: #fff;
  }
  #home #content_wrap #section_top .col_l .post_list li a {
    width: 100%;
    color: #000;
    position: relative;
  }
  #home #content_wrap #section_top .col_l .post_list li .c_l .ph {
    width: 94.66667vw;
    height: 53.27331vw;
  }
  #home #content_wrap #section_top .col_l .post_list li .c_r {
    position: relative;
    box-sizing: border-box;
    padding: 4vw 5.33333vw;
  }
  #home #content_wrap #section_top .col_l .post_list li .c_r h3 {
    font-size: 4.26667vw;
    margin-bottom: 2.66667vw;
    letter-spacing: 0.12em;
    line-height: 1.77778em;
    font-weight: 700;
    max-height: 5em;
    overflow: hidden;
  }
  #home #content_wrap #section_top .col_l .post_list li .c_r .date {
    margin-bottom: 2.66667vw;
    font-size: 3.2vw;
    letter-spacing: 0.12em;
  }
  #home #content_wrap #section_top .col_l .post_list li .bg_inner {
    transition: transform 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
  }
  #home #content_wrap #section_top .col_l .post_list li a {
    transition: color 0.15s ease;
  }
  .is_pc#home #content_wrap #section_top .col_l .post_list li a:hover .bg_inner, .is_sp#home #content_wrap #section_top .col_l .post_list li a.touch .bg_inner {
    transform: scale(1.05);
  }
  .is_pc#home #content_wrap #section_top .col_l .post_list li a:hover, .is_sp#home #content_wrap #section_top .col_l .post_list li a.touch {
    color: #d13123;
  }
  #home #content_wrap #tw_w {
    padding-top: 13.33333vw;
    overflow: hidden;
    width: 94.66667vw !important;
    height: 30vh !important;
    min-height: auto !important;
    max-height: auto !important;
  }
  #home #content_wrap #tw_w iframe {
    width: 94.66667vw !important;
  }
  #home #content_wrap #section_access {
    margin: 0 2.66667vw;
  }
  #home #content_wrap #section_access #map {
    width: 94.66667vw;
    background-color: #fff;
  }
  #home #content_wrap #section_access #map .col_l #gmap {
    width: 94.66667vw;
    height: 64vw;
  }
  #home #content_wrap #section_access #map .col_l #gmap iframe {
    width: 94.66667vw;
    height: 64vw;
  }
  #home #content_wrap #section_access #map .col_r {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  #home #content_wrap #section_access #map .col_r .inner {
    padding: 5.33333vw 0 8vw 0;
  }
  #home #content_wrap #section_access #map .col_r .inner dl {
    display: table;
  }
  #home #content_wrap #section_access #map .col_r .inner dl dt {
    display: table-cell;
    font-size: 4.26667vw;
    font-weight: 700;
    line-height: 1.71429em;
    letter-spacing: 0.12em;
  }
  #home #content_wrap #section_access #map .col_r .inner dl dd {
    display: table-cell;
    font-size: 4.26667vw;
    line-height: 1.71429em;
    letter-spacing: 0.12em;
  }
  #home #content_wrap #section_access #map .col_r .inner dl.d1 {
    margin-bottom: 5.33333vw;
  }
  #home #content_wrap #section_access #map .col_r .inner dl.d1 dt {
    min-width: 18.66667vw;
  }
  #home #content_wrap #section_access #map .col_r .inner dl.d2 {
    margin-bottom: 2.66667vw;
  }
  #home #content_wrap #section_access #map .col_r .inner dl.d2 dt {
    min-width: 29.33333vw;
  }
  #home #content_wrap #section_access #map .col_r .inner dl.d3 dt {
    min-width: 29.33333vw;
  }
  #home #content_wrap #section_access #map .col_r .inner dl.d4 {
    margin-bottom: 8vw;
  }
  #home #content_wrap #section_access #map .col_r .inner dl.d4 dt {
    min-width: 29.33333vw;
  }
  #home #content_wrap #section_access #map .col_r .inner .notes {
    margin-top: 1.33333vw;
    margin-bottom: 6.66667vw;
    font-size: 3.46667vw;
    letter-spacing: 0.12em;
  }
  #home #content_wrap #section_access #map .col_r .inner .btn_detail {
    text-align: center;
    font-size: 4.26667vw;
  }
  #home #content_wrap #section_access #map .col_r .inner .btn_detail a {
    display: inline-block;
    color: #006e2e;
    position: relative;
  }
  #home #content_wrap #section_access #map .col_r .inner .btn_detail a:before {
    content: '';
    width: 1.33333vw;
    height: 100%;
    display: block;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 1.33333vw;
    background-image: url(../images/parts_tri_r.svg);
    position: absolute;
    top: 0;
    left: -3.73333vw;
    transition: left 0.15s ease;
  }
  .is_pc#home #content_wrap #section_access #map .col_r .inner .btn_detail a:hover:before, .is_sp#home #content_wrap #section_access #map .col_r .inner .btn_detail a.touch:before {
    left: -2.66667vw;
  }
  #home #content_wrap #section_foot .sns {
    padding: 10.66667vw 0;
  }
  #home #content_wrap #section_foot .sns ul {
    padding: 0 2.66667vw;
    display: flex;
    justify-content: center;
  }
  #home #content_wrap #section_foot .sns ul li {
    width: 37.33333vw;
    margin: 0 5.33333vw;
  }
  #home #content_wrap #section_foot .sns ul li h4 {
    margin-bottom: 4vw;
    font-size: 4.26667vw;
    letter-spacing: 0.05em;
    text-align: center;
  }
  #home #content_wrap #section_foot .sns ul li p {
    width: 37.33333vw;
    height: 37.33333vw;
  }
  #home #content_wrap #section_foot .sns ul li p a {
    width: 37.33333vw;
    height: 37.33333vw;
    overflow: hidden;
    display: block;
    position: relative;
    border-radius: 40vw;
  }
  #home #content_wrap #section_foot .sns ul li p a:after {
    content: '';
    width: 100%;
    height: 100%;
    display: block;
    background-color: rgba(0, 0, 0, .1);
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    top: 0;
    left: 0;
    transition: opacity 0.25s ease, transform 0.25s ease;
  }
  #home #content_wrap #section_foot .sns ul li p a .bg_inner {
    transition: transform 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
  }
  .is_pc#home #content_wrap #section_foot .sns ul li p a:hover:after {
    opacity: 0;
    transform: scale(0.9);
  }
  .is_pc#home #content_wrap #section_foot .sns ul li p a:hover .bg_inner {
    transform: scale(1.1);
  }
  #home #content_wrap #section_foot .sns ul li.tw a:after {
    background-image: url(../images/ico_tw_w.svg);
    background-size: 15.46667vw;
  }
  #home #content_wrap #section_foot .sns ul li.ig a:after {
    background-image: url(../images/ico_ig_w.svg);
    background-size: 15.46667vw;
  }
  #home #content_wrap #section_foot .sns ul li.news a:after {
    background-image: url(../images/ico_bell_w.svg);
    background-size: 15.46667vw;
  }
  #home #other_site .culturen {
    height: 26.66667vw;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  #home #other_site .culturen img {
    width: 70%;
    transition: opacity 0.15s ease;
  }
  .is_pc#home #other_site .culturen:hover img, .is_sp#home #other_site .culturen.touch img {
    opacity: 0.7;
  }
  #home #other_site .tobichi ul {
    display: flex;
    border-top: 2px solid #7d7d7d;
  }
  #home #other_site .tobichi ul li {
    width: 50%;
    height: 16vw;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    border-right: 2px solid #7d7d7d;
  }
  #home #other_site .tobichi ul li img {
    width: 85%;
    transition: opacity 0.15s ease;
  }
  #home #other_site .tobichi ul li:last-child {
    border-right: none;
  }
  #home #other_site .tobichi ul li a {
    display: block;
  }
  .is_pc#home #other_site .tobichi ul li a:hover img, .is_sp#home #other_site .tobichi ul li a.touch img {
    opacity: 0.7;
  }
}
/*------------------------------------------------------------------------------------------
 *
 *
 about_sp.css
 *
 *
 ------------------------------------------------------------------------------------------ */
@media screen and (max-width: 750px) {
  /*------------------------------------------------------------------------------------------
   *
   *
   max-width : 750px
   *
   *
   ------------------------------------------------------------------------------------------ */
  #about #content_wrap {
    padding: 0 2.66667vw;
    background-position: center;
    background-image: url(../images/bg.png);
    background-size: 8px;
    overflow: hidden;
  }
  #about #content_wrap .inner {
    margin: 0 auto;
    padding-top: 10.66667vw;
  }
  #about #content_wrap h2 {
    margin-bottom: 2.13333vw;
    padding-bottom: 4.8vw;
    text-align: center;
    font-size: 5.33333vw;
    line-height: 1.3em;
    letter-spacing: 0.12em;
    position: relative;
    border-bottom: 2px solid #a52214;
  }
  #about #content_wrap h2 span {
    padding-left: 17.06667vw;
    padding-right: 17.06667vw;
    display: inline-block;
    position: relative;
  }
  #about #content_wrap h2 span:after {
    content: '';
    display: block;
    width: 11.2vw;
    height: 18.66667vw;
    background-image: url(../images/parts_chair_r.png);
    background-repeat: no-repeat;
    background-position: left top;
    background-size: contain;
    position: absolute;
    top: -4.8vw;
    left: 1.33333vw;
  }
  #about #content_wrap h2.br {
    font-size: 4.8vw;
    border-color: #944924 !important;
    white-space: nowrap;
  }
  #about #content_wrap h2.br span {
    padding-left: 15.46667vw !important;
  }
  #about #content_wrap h2.br span:after {
    background-image: url(../images/parts_chair_br.png) !important;
    width: 10.4vw !important;
    height: 18.93333vw !important;
    top: -5.6vw !important;
  }
  #about #content_wrap .s {
    overflow: hidden;
    margin-bottom: 10.66667vw;
    background-color: #fff;
  }
  #about #content_wrap .s .desc {
    padding: 0 5.33333vw;
    padding-top: 5.33333vw;
    padding-bottom: 5.33333vw;
  }
  #about #content_wrap .s .desc p {
    margin-bottom: 2em;
    font-size: 4vw;
    line-height: 2em;
    letter-spacing: 0.12em;
  }
  #about #content_wrap .s .desc p .b {
    font-weight: 700;
  }
  #about #content_wrap .s .desc p .s {
    font-size: 3.2vw;
    line-height: 2em;
    display: block;
  }
  #about #content_wrap .s .desc p a {
    color: #d13123;
    border-bottom: 1px solid #fff;
    transition: border 0.15s ease;
  }
  .is_pc#about #content_wrap .s .desc p a:hover, .is_sp#about #content_wrap .s .desc p a.touch {
    border-color: #d13123;
  }
  #about #content_wrap .s .btn_detail {
    margin-top: -5.33333vw;
    margin-bottom: 10.66667vw;
    text-align: center;
  }
  #about #content_wrap .s .btn_detail span {
    display: inline-block;
  }
  #about #content_wrap .s .btn_detail a {
    height: 16vw;
    padding: 0 20.26667vw 0 8vw;
    margin: 0 5.33333vw;
    background-color: #fff;
    display: flex;
    align-items: center;
    font-size: 4.26667vw;
    letter-spacing: 0.12em;
    background-image: url(../images/parts_external.png);
    background-repeat: no-repeat;
    background-size: 6.93333vw;
    background-position: calc(90%) center;
    box-sizing: border-box;
    color: #b25a2f;
    border: 1px solid #b25a2f;
    border-radius: 16vw;
    white-space: nowrap;
    transition: color, background;
    transition-duration: 0.1s;
  }
  .is_pc#about #content_wrap .s .btn_detail a:hover, .is_sp#about #content_wrap .s .btn_detail a.touch {
    color: #fff;
    background-color: #b25a2f;
    background-image: url(../images/parts_external_on.png);
  }
  #about #content_wrap #s1 .pic img {
    width: 100%;
  }
  #about #content_wrap #s2 {
    position: relative;
  }
  #about #content_wrap #s2 .pic {
    text-align: center;
    padding-top: 8vw;
  }
  #about #content_wrap #s2 .pic img {
    width: 80%;
  }
  #about #content_wrap #s2:before {
    content: '';
    width: 100%;
    height: 2px;
    display: block;
    background-color: #d0a500;
    top: 0;
    left: 0;
    transform: translateY(-10px);
  }
  #about #content_wrap #s3 .img {
    line-height: 0;
  }
  #about #content_wrap #s3 .img img {
    width: 100%;
  }
  #about #content_wrap #s3 .img a {
    opacity: 1;
    transition: opacity 0.15s ease;
  }
  .is_pc#about #content_wrap #s3 a:hover, .is_sp#about #content_wrap #s3 a.touch {
    opacity: 0.8;
  }
  #about #content_wrap #s4 {
    margin-bottom: 1.06667vw !important;
    position: relative;
  }
  #about #content_wrap #s4 .pic {
    text-align: center;
    padding-top: 10.66667vw;
    padding-bottom: 2.66667vw;
  }
  #about #content_wrap #s4 .pic img {
    width: 80%;
  }
  #about #content_wrap #s5 {
    text-align: center;
    position: relative;
  }
  #about #content_wrap #s5 .pic {
    padding-top: 10.66667vw;
    padding-bottom: 2.66667vw;
  }
  #about #content_wrap #s5 .pic img {
    width: 80%;
  }
}
/*------------------------------------------------------------------------------------------
 *
 *
 access_sp.css
 *
 *
 ------------------------------------------------------------------------------------------ */
@media screen and (max-width: 750px) {
  /*------------------------------------------------------------------------------------------
   *
   *
   max-width : 750px
   *
   *
   ------------------------------------------------------------------------------------------ */
  #access #content_wrap {
    background-position: center;
    background-image: url(../images/bg.png);
    background-size: 8px;
    overflow: hidden;
  }
  #access #content_wrap .inner {
    margin: 0 auto;
    padding-top: 10.66667vw;
  }
  #access #content_wrap h2 {
    margin-bottom: 2.13333vw;
    padding-bottom: 4.8vw;
    text-align: center;
    font-size: 5.33333vw;
    line-height: 1.3em;
    letter-spacing: 0.12em;
    position: relative;
    border-bottom: 2px solid #006e2e;
  }
  #access #content_wrap h2 span {
    padding-left: 17.06667vw;
    padding-right: 17.06667vw;
    display: inline-block;
    position: relative;
  }
  #access #content_wrap h2 span:after {
    content: '';
    display: block;
    width: 11.2vw;
    height: 18.66667vw;
    background-image: url(../images/parts_chair_g.png);
    background-repeat: no-repeat;
    background-position: left top;
    background-size: contain;
    position: absolute;
    top: -4.8vw;
    left: 1.33333vw;
  }
  #access #content_wrap h2.b {
    border-color: #0b408e !important;
  }
  #access #content_wrap h2.b span:after {
    background-image: url(../images/parts_chair_b.png) !important;
    width: 11.46667vw !important;
    height: 18.93333vw !important;
    top: -2.93333vw !important;
  }
  #access #content_wrap #map {
    background-color: #fff;
    margin-bottom: 10.66667vw;
  }
  #access #content_wrap #map #gmap {
    width: 100%;
    min-height: 53.33333vw;
    height: 30vh;
  }
  #access #content_wrap #map #gmap iframe {
    width: 100%;
    min-height: 53.33333vw;
    height: 30vh;
  }
  #access #content_wrap #map .desc {
    width: 100%;
    display: flex;
    justify-content: center;
    padding: 8vw 0 2.66667vw 0;
  }
  #access #content_wrap #map .desc dl {
    display: table;
  }
  #access #content_wrap #map .desc dl dt {
    display: table-cell;
    font-size: 4.26667vw;
    font-weight: 700;
    line-height: 1.71429em;
    letter-spacing: 0.12em;
  }
  #access #content_wrap #map .desc dl dd {
    display: table-cell;
    font-size: 4.26667vw;
    line-height: 1.71429em;
    letter-spacing: 0.12em;
  }
  #access #content_wrap #map .desc dl.d1 {
    margin-bottom: 5.33333vw;
  }
  #access #content_wrap #map .desc dl.d1 dt {
    min-width: 18.66667vw;
  }
  #access #content_wrap #map .desc dl.d2 {
    margin-bottom: 2.66667vw;
  }
  #access #content_wrap #map .desc dl.d2 dt {
    min-width: 29.33333vw;
  }
  #access #content_wrap #map .desc dl.d3 dt {
    min-width: 29.33333vw;
  }
  #access #content_wrap #map .desc dl.d4 {
    margin-bottom: 8vw;
  }
  #access #content_wrap #map .desc dl.d4 dt {
    min-width: 29.33333vw;
  }
  #access #content_wrap #map .desc .notes {
    margin-top: 1.33333vw;
    margin-bottom: 6.66667vw;
    font-size: 3.46667vw;
    letter-spacing: 0.12em;
  }
  #access #content_wrap #map .desc .btn_detail {
    text-align: center;
    font-size: 4.26667vw;
  }
  #access #content_wrap #map .desc .btn_detail a {
    display: inline-block;
    color: #006e2e;
    position: relative;
  }
  #access #content_wrap #map .desc .btn_detail a:before {
    content: '';
    width: 1.33333vw;
    height: 100%;
    display: block;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 1.33333vw;
    background-image: url(../images/parts_tri_r.svg);
    position: absolute;
    top: 0;
    left: -3.73333vw;
    transition: left 0.15s ease;
  }
  .is_pc#access #content_wrap #map .desc .btn_detail a:hover:before, .is_sp#access #content_wrap #map .desc .btn_detail a.touch:before {
    left: -2.66667vw;
  }
  #access #content_wrap #qa #qa_nav {
    margin-bottom: 6.66667vw;
    background-color: #fff;
    text-align: center;
  }
  #access #content_wrap #qa #qa_nav ul {
    padding: 10.66667vw 0 6.66667vw 0;
    margin: 0 auto;
    overflow: hidden;
  }
  #access #content_wrap #qa #qa_nav li {
    display: inline-block;
    margin: 0 2.66667vw;
    margin-bottom: 4vw;
  }
  #access #content_wrap #qa #qa_nav li a {
    font-size: 4vw;
    letter-spacing: 0.12em;
  }
  #access #content_wrap #qa .sq {
    background-color: #fff;
    margin-bottom: 13.33333vw;
    position: relative;
  }
  #access #content_wrap #qa .sq:before {
    content: '';
    display: block;
    width: 100%;
    height: 2px;
    background-color: #000;
    top: 0;
    left: 0;
    transform: translateY(-2.13333vw);
  }
  #access #content_wrap #qa #q1:before {
    background-color: #a52214;
  }
  #access #content_wrap #qa #q2:before {
    background-color: #d0a500;
  }
  #access #content_wrap #qa #q3:before {
    background-color: #0b408e;
  }
  #access #content_wrap #qa #q4:before {
    background-color: #006e2e;
  }
  #access #content_wrap #qa #q5:before {
    background-color: #944924;
  }
  #access #content_wrap #qa #qa_body h3 {
    padding: 6.66667vw 0;
    font-size: 4.8vw;
    text-align: center;
    letter-spacing: 0.12em;
  }
  #access #content_wrap #qa #qa_body li {
    margin-top: 0.8vw;
  }
  #access #content_wrap #qa #qa_body li h4 {
    padding: 4vw 16vw 4vw 12.26667vw;
    display: flex;
    align-items: center;
    background-image: url(../images/parts_q.svg);
    background-repeat: no-repeat;
    background-position: 2.66667vw 4.53333vw;
    background-size: 6.4vw 4.48vw !important;
    background-color: #e6e6e6;
    font-size: 4.26667vw;
    font-weight: 700;
    line-height: 1.33333em;
    letter-spacing: 0.12em;
    position: relative;
    box-sizing: border-box;
    cursor: pointer;
    transition: opacity 0.15s ease;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
  }
  #access #content_wrap #qa #qa_body li h4:after {
    content: '';
    display: block;
    width: 3.52vw;
    height: 2.4vw;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(../images/ico_arrow_d.svg);
    background-size: contain;
    position: absolute;
    top: 5.86667vw;
    right: 6.66667vw;
    transition: transform 0.15s ease;
  }
  .is_pc#access #content_wrap #qa #qa_body li h4:hover, .is_sp#access #content_wrap #qa #qa_body li h4.touch {
    opacity: 0.8;
  }
  #access #content_wrap #qa #qa_body li h4.on:after {
    transform: rotateX(-180deg);
  }
  #access #content_wrap #qa #qa_body li .ans {
    display: none;
    padding: 4.8vw 4vw 4vw 12.26667vw;
    background-repeat: no-repeat;
    background-image: url(../images/parts_a.svg);
    background-position: 2.66667vw 5.86667vw;
    background-size: 6.4vw 4.48vw;
  }
  #access #content_wrap #qa #qa_body li .ans p {
    font-size: 3.73333vw;
    line-height: 2em;
    margin-bottom: 1.5em;
    letter-spacing: 0.12em;
  }
  #access #content_wrap #qa #qa_body li .ans p a {
    color: #d13123;
    border-bottom: 1px solid #fff;
    transition: border 0.15s ease;
  }
  .is_pc#access #content_wrap #qa #qa_body li .ans p a:hover, .is_sp#access #content_wrap #qa #qa_body li .ans p a.touch {
    border-bottom: 1px solid #d13123;
  }
  #access #content_wrap #qa #qa_body .notes {
    padding: 0 5.33333vw;
    text-align: center;
    margin-bottom: 14.66667vw;
    margin-top: -1.33333vw;
  }
  #access #content_wrap #qa #qa_body .notes p {
    font-size: 3.73333vw;
    line-height: 2em;
    display: inline-block;
    text-align: left;
    letter-spacing: 0.12em;
  }
  #access #content_wrap #qa #qa_body .notes p a {
    color: #d13123;
    border-bottom: 1px solid #fff;
    transition: border 0.15s ease;
  }
  .is_pc#access #content_wrap #qa #qa_body .notes p a:hover, .is_sp#access #content_wrap #qa #qa_body .notes p a.touch {
    border-bottom: 1px solid #d13123;
  }
}
@media screen and (min-width: 1280px) {
}
@media screen and (min-width: 751px) and (max-width: 1050px) {
}
/*------------------------------------------------------------------------------------------
 *
 *
 exhibition_sp.css
 *
 *
 ------------------------------------------------------------------------------------------ */
@media screen and (max-width: 750px) {
  /*------------------------------------------------------------------------------------------
   *
   *
   max-width : 750px
   *
   *
   ------------------------------------------------------------------------------------------ */
  #exhibition #content_wrap {
    background-position: center;
    background-image: url(../images/bg.png);
    background-size: 8px;
    overflow: hidden;
  }
  #exhibition #content_wrap .inner {
    margin: 0 auto;
    padding-top: 10.66667vw;
  }
  #exhibition #content_wrap h2 {
    margin-bottom: 10.66667vw;
    padding-bottom: 4.8vw;
    text-align: center;
    font-size: 5.33333vw;
    line-height: 1.3em;
    letter-spacing: 0.12em;
    position: relative;
  }
  #exhibition #content_wrap h2 span {
    padding-left: 17.06667vw;
    padding-right: 17.06667vw;
    display: inline-block;
    position: relative;
  }
  #exhibition #content_wrap h2 span:after {
    content: '';
    display: block;
    width: 11.2vw;
    height: 18.66667vw;
    background-image: url(../images/parts_chair_y.png);
    background-repeat: no-repeat;
    background-position: left top;
    background-size: contain;
    position: absolute;
    top: -4.8vw;
    left: 1.33333vw;
  }
  #exhibition #content_wrap article {
    margin-bottom: 16vw;
    padding: 0 2.66667vw;
  }
  #exhibition #content_wrap h3 {
    font-size: 4.8vw;
    letter-spacing: 0.12em;
    font-weight: 700;
    padding-bottom: 3.2vw;
    border-bottom: 2px solid #fff;
  }
  #exhibition #content_wrap .open h3 {
    color: #a52214;
    border-color: #a52214;
  }
  #exhibition #content_wrap .notice h3 {
    color: #d0a500;
    border-color: #d0a500;
  }
  #exhibition #content_wrap .night_live h3 {
    color: #005b9a;
    border-color: #005b9a;
    display: flex;
    align-items: center;
    white-space: nowrap;
  }
  #exhibition #content_wrap .night_live h3 .i {
    margin-right: 5.33333vw;
  }
  #exhibition #content_wrap .night_live h3 .i img {
    width: 16.53333vw;
  }
  #exhibition #content_wrap .archive h3 {
    color: #944924;
    border-color: #944924;
  }
  #exhibition #content_wrap .post_list .progress {
    height: 18.66667vw !important;
  }
  #exhibition #content_wrap .post_list .progress h4 {
    text-align: center;
    font-size: 4.26667vw;
    letter-spacing: 0.12em;
    line-height: 18.66667vw;
    font-weight: 700;
    color: #888;
    overflow: hidden;
  }
  #exhibition #content_wrap .post_list li {
    width: 100%;
    margin-bottom: 5.33333vw;
    background-color: #fff;
  }
  #exhibition #content_wrap .post_list li a {
    width: 100%;
    color: #000;
    position: relative;
    display: block;
  }
  #exhibition #content_wrap .post_list li .status {
    opacity: 0;
    padding: 0.53333vw 1.33333vw 1.06667vw 2.66667vw;
    background-color: #000;
    font-size: 3.2vw;
    letter-spacing: 0.12em;
    color: #fff;
    position: absolute;
    top: 0;
    right: 0;
    background-repeat: no-repeat;
    background-position: 10px center;
  }
  #exhibition #content_wrap .post_list li .status.show {
    opacity: 1;
  }
  #exhibition #content_wrap .post_list li .status .t {
    margin-right: 1.33333vw;
    display: inline-block;
  }
  #exhibition #content_wrap .post_list li .status .t svg {
    width: 4.26667vw;
    height: 3.2vw;
  }
  #exhibition #content_wrap .post_list li .status .t svg path {
    fill: #fff;
  }
  #exhibition #content_wrap .post_list li.end .status {
    background-color: #eee;
    color: #555;
  }
  #exhibition #content_wrap .post_list li.end .status .t path {
    fill: #555;
  }
  #exhibition #content_wrap .post_list li .c_l .ph {
    width: 94.66667vw;
    height: 53.27331vw;
  }
  #exhibition #content_wrap .post_list li .c_r {
    position: relative;
    box-sizing: border-box;
    padding: 4vw 5.33333vw;
  }
  #exhibition #content_wrap .post_list li .c_r h4 {
    font-size: 4.26667vw;
    margin-bottom: 2.66667vw;
    letter-spacing: 0.12em;
    line-height: 1.77778em;
    font-weight: 700;
    max-height: 5em;
    overflow: hidden;
  }
  #exhibition #content_wrap .post_list li .c_r .date {
    margin-bottom: 2.66667vw;
    font-size: 3.2vw;
    letter-spacing: 0.12em;
  }
  #exhibition #content_wrap .post_list li .bg_inner {
    transition: transform 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
  }
  #exhibition #content_wrap .post_list li a {
    transition: color 0.15s ease;
  }
  .is_pc#exhibition #content_wrap .post_list li a:hover .bg_inner, .is_sp#exhibition #content_wrap .post_list li a.touch .bg_inner {
    transform: scale(1.05);
  }
  .is_pc#exhibition #content_wrap .post_list li a:hover, .is_sp#exhibition #content_wrap .post_list li a.touch {
    color: #d13123;
  }
  #exhibition #content_wrap article.cl {
    margin: 0 2.66667vw;
    margin-top: 10.66667vw;
    margin-bottom: 10.66667vw;
    padding: 0;
    border-top: 2px solid #006e2e;
    padding-top: 2.13333vw;
  }
  #exhibition #content_wrap article.cl .closed {
    width: 100%;
  }
  #exhibition #content_wrap article.cl .closed .col_l {
    padding: 5.33333vw 0;
    text-align: center;
    background-color: #000;
  }
  #exhibition #content_wrap article.cl .closed .col_l p {
    font-size: 4.26667vw;
    color: #fff;
    letter-spacing: 0.12em;
  }
  #exhibition #content_wrap article.cl .closed .col_r {
    padding: 2.66667vw 5.33333vw;
    background-color: #fff;
  }
  #exhibition #content_wrap article.cl .closed .col_r dl {
    display: table;
    margin-bottom: 2.66667vw;
  }
  #exhibition #content_wrap article.cl .closed .col_r dl dt {
    font-size: 4.26667vw;
    font-weight: 700;
    letter-spacing: 0.12em;
    display: table-cell;
  }
  #exhibition #content_wrap article.cl .closed .col_r dl dt span {
    display: block;
    min-width: 17.33333vw;
    position: relative;
    white-space: nowrap;
  }
  #exhibition #content_wrap article.cl .closed .col_r dl dt span:after {
    content: '｜';
    position: absolute;
    top: 0;
    right: 0;
  }
  #exhibition #content_wrap article.cl .closed .col_r dl dd {
    display: table-cell;
    padding-left: 1.33333vw;
    padding-right: 1.33333vw;
    font-size: 4.26667vw;
    font-weight: 700;
    color: #d13123;
    letter-spacing: 0.12em;
    line-height: 1.8em;
  }
  #exhibition #content_wrap article.archive {
    margin-bottom: 21.33333vw;
  }
  #exhibition #content_wrap article.archive ul {
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  #exhibition #content_wrap article.archive ul li {
    width: 46.66667vw;
    margin-top: 2.13333vw;
    height: 24.0105vw;
    display: block;
    position: relative;
  }
  #exhibition #content_wrap article.archive ul li.bl {
    display: none;
  }
  #exhibition #content_wrap article.archive ul li a {
    width: 100%;
    height: 100%;
    display: block;
  }
  #exhibition #content_wrap article.archive ul li .bg_inner {
    transition: transform 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
  }
  .is_pc#exhibition #content_wrap article.archive ul li a:hover .bg_inner, .is_sp#exhibition #content_wrap article.archive ul li a.touch .bg_inner {
    transform: scale(1.05);
  }
}
@media screen and (min-width: 1280px) {
}
@media screen and (min-width: 751px) and (max-width: 1050px) {
}
/*------------------------------------------------------------------------------------------
 *
 *
 single_sp.css
 *
 *
 ------------------------------------------------------------------------------------------ */
@media screen and (max-width: 750px) {
  /*------------------------------------------------------------------------------------------
   *
   *
   min-width : 751px
   *
   *
   ------------------------------------------------------------------------------------------ */
  #single #kv p {
    margin: 0 auto;
    line-height: 0;
  }
  #single #kv p img {
    width: 100%;
  }
  #single #content_wrap {
    padding-bottom: 2.66667vw;
    background-position: center;
    background-image: url(../images/bg.png);
    background-size: 8px;
    overflow: hidden;
  }
  #single #content_wrap .inner {
    margin: 0 auto;
    padding: 5.33333vw;
    justify-content: space-between;
    position: relative;
  }
  #single #content_wrap .col_l:before {
    content: '';
    display: block;
    width: 100%;
    height: 2px;
    background-color: #a52214;
    position: absolute;
    top: 0;
    left: 0;
    transform: translateY(-2.13333vw);
  }
  #single #content_wrap .col_l .status {
    padding: 3.46667vw 0;
    text-align: center;
    background-color: #fff;
    font-size: 3.73333vw;
    font-weight: 700;
    color: #a52214;
    letter-spacing: 0.12em;
  }
  #single #content_wrap .col_l h2 {
    padding: 8vw 0;
    font-size: 4.26667vw;
    line-height: 1.66667em;
    letter-spacing: 0.12em;
  }
  #single #content_wrap .col_l .info {
    padding-top: 6.66667vw;
    padding-bottom: 2.13333vw;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    text-align: left;
  }
  #single #content_wrap .col_l .info th {
    min-width: 18.66667vw;
    padding-bottom: sv(20);
    font-weight: 700;
    font-size: 4.26667vw;
    line-height: 1.5em;
    letter-spacing: 0.12em;
  }
  #single #content_wrap .col_l .info td {
    padding-bottom: 5.33333vw;
    font-size: 4.26667vw;
    line-height: 1.5em;
    letter-spacing: 0.12em;
  }
  #single #content_wrap .col_l .info td.d {
    letter-spacing: 0.06em;
    white-space: nowrap;
  }
  #single #content_wrap .col_l .info td .n {
    margin-top: 1em;
    font-size: 4.26667vw;
  }
  #single #content_wrap .col_l .p_share {
    padding: 8vw 0;
    display: flex;
    align-items: center;
  }
  #single #content_wrap .col_l .p_share p {
    font-size: 3.73333vw;
    font-weight: 700;
    margin-right: 6.66667vw;
    letter-spacing: 0.05em;
  }
  #single #content_wrap .col_l .p_share ul {
    display: flex;
    align-items: center;
  }
  #single #content_wrap .col_l .p_share ul li {
    margin-right: 5.33333vw;
  }
  #single #content_wrap .col_l .p_share ul li svg {
    width: 10.13333vw;
    height: 10.13333vw;
  }
  #single #content_wrap .col_l .p_share ul li.tw a path {
    fill: #000;
    transition: fill 0.15s ease;
  }
  .is_pc#single #content_wrap .col_l .p_share ul li.tw a:hover path, .is_sp#single #content_wrap .col_l .p_share ul li.tw a.touch path {
    fill: #1da1f2;
  }
  #single #content_wrap .col_l .p_share ul li.fb a path {
    fill: #000;
    transition: fill 0.15s ease;
  }
  .is_pc#single #content_wrap .col_l .p_share ul li.fb a:hover path, .is_sp#single #content_wrap .col_l .p_share ul li.fb a.touch path {
    fill: #3b5998;
  }
  #single #content_wrap .col_r {
    width: 100vw;
    position: relative;
    background-color: #fff;
    padding-top: 10.66667vw;
    padding-bottom: 3.125vw;
    left: -5.33333vw;
  }
  #single #content_wrap .col_r .txt {
    padding: 0 5.33333vw;
    margin-bottom: 5.33333vw;
  }
  #single #content_wrap .col_r .txt.block {
    padding-top: 8vw;
    padding-bottom: 2.66667vw;
    overflow: hidden;
  }
  #single #content_wrap .col_r .txt h3 {
    font-size: 5.33333vw;
    line-height: 1.5em;
    letter-spacing: 0.12em;
    margin-bottom: 6.66667vw;
    font-weight: 700;
  }
  #single #content_wrap .col_r .txt p + h3 {
    margin-top: 10.66667vw;
  }
  #single #content_wrap .col_r .txt p {
    font-size: 4.26667vw;
    line-height: 2em;
    margin-bottom: 2em;
    letter-spacing: 0.12em;
  }
  #single #content_wrap .col_r .txt p a {
    color: #d13123;
    border-bottom: 1px solid #fff;
    transition: border 0.15s ease;
  }
  .is_pc#single #content_wrap .col_r .txt p a:hover, .is_sp#single #content_wrap .col_r .txt p a.touch {
    border-bottom: 1px solid #d13123;
  }
  #single #content_wrap .col_r .txt p strong {
    font-weight: 700;
  }
  #single #content_wrap .col_r .img {
    margin-bottom: 10.66667vw;
    text-align: center;
  }
  #single #content_wrap .col_r .img.s {
    padding: 0 2.66667vw;
  }
  #single #content_wrap .col_r .img img {
    max-width: 100%;
  }
  #single #content_wrap .col_r .img .caption {
    text-align: left;
    margin-top: 1.33333vw;
    display: block;
    padding: 0 2.66667vw;
    font-size: 3.46667vw;
    line-height: 1.71429em;
    color: #878787;
    letter-spacing: 0.12em;
  }
  #single #content_wrap .col_r .img.s .caption {
    margin-top: 1.33333vw;
    font-size: 3.46667vw;
    text-align: right;
    padding-left: 0;
    padding-right: 2.66667vw;
  }
  #single #content_wrap .col_r .img a {
    transition: filter;
    transition-duration: 0.15s;
  }
  .is_pc#single #content_wrap .col_r .img a:hover, .is_sp#single #content_wrap .col_r .img a.touch {
    filter: contrast(0.8) brightness(1.15);
  }
  #single #content_wrap .col_r .img a:after {
    display: none;
  }
  #single #content_wrap .col_r .talk + .img {
    margin-top: -8vw;
  }
  #single #content_wrap .col_r .talk {
    padding-top: 5.33333vw;
    padding-bottom: 5.33333vw;
  }
  #single #content_wrap .col_r .talk dl {
    padding: 0 5.33333vw;
    margin-bottom: 8vw;
  }
  #single #content_wrap .col_r .talk dl dt {
    font-size: 3.73333vw;
    margin-bottom: 4vw;
    font-weight: 700;
    box-sizing: border-box;
    line-height: 1.4em;
    letter-spacing: 0.12em;
  }
  #single #content_wrap .col_r .talk dl dd {
    padding: 0 2.66667vw;
    font-size: 4.26667vw;
    line-height: 2em;
    margin-bottom: 1.5em;
    color: #333;
    position: relative;
    top: -1.33333vw;
  }
  #single #content_wrap .col_r .talk dl a {
    color: #f469db;
    border-bottom: 1px solid transparent;
    transition: border 0.15s ease;
  }
  .is_pc#single #content_wrap .col_r .talk dl a:hover, .is_sp#single #content_wrap .col_r .talk dl a.touch {
    border-bottom: 1px solid #f469db;
  }
  #single #content_wrap .col_r .cart_area {
    margin: 0 2.66667vw;
    padding-top: 8vw;
    padding-bottom: 5.33333vw;
    border-top: 1px solid #ddd;
    margin-bottom: 5.33333vw;
  }
  #single #content_wrap .col_r .cart_area .cart_wrap {
    padding: 0 2.66667vw;
    opacity: 1;
    border-bottom: 1px dashed #aaa;
    padding-bottom: 10.66667vw;
    margin-bottom: 5.33333vw;
  }
  #single #content_wrap .col_r .cart_area .cart_wrap.on {
    opacity: 1;
  }
  #single #content_wrap .col_r .cart_area .cart_wrap:last-child {
    border: none;
    padding-bottom: 0;
    margin-bottom: 0;
  }
  #single #content_wrap .col_r .cart_area .end {
    text-align: center;
    font-size: 3.73333vw;
    letter-spacing: 0.12em;
    color: #b25a2f;
  }
  #single #content_wrap .col_r .cart_area h3 {
    margin-bottom: 5.33333vw;
    font-size: 4.8vw;
    line-height: 1.5em;
    letter-spacing: 0.12em;
    font-weight: 700;
  }
  #single #content_wrap .col_r .cart_area .price {
    margin-bottom: 8vw;
    color: #b25a2f;
    letter-spacing: 0.12em;
    font-size: 4.26667vw;
    font-weight: 700;
  }
  #single #content_wrap .col_r .cart_area .price .s {
    display: inline-block;
    font-size: 3.2vw;
    font-weight: 400;
  }
  #single #content_wrap .col_r .cart_area .amount {
    margin-bottom: 10.66667vw;
    font-size: 3.73333vw;
    letter-spacing: 0.12em;
  }
  #single #content_wrap .col_r .cart_area .amount input {
    margin-left: 1.33333vw;
    margin-right: 1.33333vw;
    width: 16vw;
    font-size: 4.26667vw;
    border: 1px solid #000;
    border-radius: 1.33333vw;
    padding: 1.33333vw 0 1.33333vw 2.66667vw;
    text-align: right;
    background-color: #fff;
    box-sizing: border-box;
  }
  #single #content_wrap .col_r .cart_area .cart_btn {
    width: 89.33333vw;
    height: 17.33333vw;
    color: #fff;
    font-weight: 700;
    font-size: 4.26667vw;
    letter-spacing: 0.12em;
  }
  #single #content_wrap .col_r .cart_area .cart_btn a {
    width: 89.33333vw;
    height: 17.33333vw;
    background-color: #d13123;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    transition: background 0.15s ease, color 0.15s ease;
    border: 2px solid #d13123;
    box-sizing: border-box;
  }
  .is_pc#single #content_wrap .col_r .cart_area .cart_btn a:hover, .is_sp#single #content_wrap .col_r .cart_area .cart_btn a.touch {
    border: 2px solid #d13123;
    background-color: #fff;
    color: #d13123;
  }
  .is_pc#single #content_wrap .col_r .cart_area .cart_btn a:hover span:before, .is_sp#single #content_wrap .col_r .cart_area .cart_btn a.touch span:before {
    opacity: 0;
  }
  .is_pc#single #content_wrap .col_r .cart_area .cart_btn a:hover span:after, .is_sp#single #content_wrap .col_r .cart_area .cart_btn a.touch span:after {
    opacity: 1;
  }
  #single #content_wrap .col_r .cart_area .cart_btn a span {
    padding-left: 12vw;
    display: inline-block;
    position: relative;
  }
  #single #content_wrap .col_r .cart_area .cart_btn a span:before {
    opacity: 1;
    content: '';
    width: 6.93333vw;
    height: 6.93333vw;
    display: block;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(../images/ico_cart_w.png);
    background-size: contain;
    position: absolute;
    top: -1.33333vw;
    left: 0;
    transition: opacity 0.15s ease;
  }
  #single #content_wrap .col_r .cart_area .cart_btn a span:after {
    opacity: 0;
    content: '';
    width: 6.93333vw;
    height: 6.93333vw;
    display: block;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(../images/ico_cart_r.png);
    background-size: contain;
    position: absolute;
    top: -1.33333vw;
    left: 0;
    transition: opacity 0.15s ease;
  }
  #single #content_wrap .col_r .cart_area .sold {
    pointer-events: none !important;
  }
  #single #content_wrap .col_r .cart_area .sold .cart_btn a {
    background-color: #aaa;
    border-color: #aaa;
  }
  #single #content_wrap .col_r .cart_area .sold .cart_btn a span {
    padding-left: 0;
  }
  #single #content_wrap .col_r .cart_area .sold .cart_btn a span:before, #single #content_wrap .col_r .cart_area .sold .cart_btn a span:after {
    display: none;
  }
  #single #content_wrap .col_r .cart_area .st {
    margin-top: 2.66667vw;
    font-size: 3.2vw;
    letter-spacing: 0.12em;
    color: #036eb8;
  }
  #single #content_wrap .col_r .cart_area.lot .cart_btn a span:before {
    background-image: url(../images/ico_ticket_w.png);
  }
  #single #content_wrap .col_r .cart_area.lot .cart_btn a span:after {
    background-image: url(../images/ico_ticket_r.png);
  }
  #single #content_wrap .col_r .ticket_text p {
    line-height: 1.777em;
    text-align: center;
    font-size: 3.73333vw;
    letter-spacing: 0.12em;
    color: #b25a2f;
  }
  #single #content_wrap.on .col_l:before {
    background-color: #a52214;
  }
  #single #content_wrap.on .col_l .status {
    color: #a52214;
  }
  #single #content_wrap.on .col_r:before {
    background-color: #a52214;
  }
  #single #content_wrap.b .col_l:before {
    background-color: #d0a500;
  }
  #single #content_wrap.b .col_l .status {
    color: #d0a500;
  }
  #single #content_wrap.b .col_r:before {
    background-color: #d0a500;
  }
  #single #content_wrap.nl .col_l:before {
    background-color: #005b9a;
  }
  #single #content_wrap.nl .col_l .status {
    color: #005b9a;
  }
  #single #content_wrap.nl .col_r:before {
    background-color: #005b9a;
  }
  #single #content_wrap.e .col_l:before {
    background-color: #888;
  }
  #single #content_wrap.e .col_l .status {
    color: #888;
  }
  #single #content_wrap.e .col_r:before {
    background-color: #888;
  }
}
/*------------------------------------------------------------------------------------------
 *
 *
 webshop_sp.css
 *
 *
 ------------------------------------------------------------------------------------------ */
@media screen and (max-width: 750px) {
  /*------------------------------------------------------------------------------------------
   *
   *
   min-width : 751px
   *
   *
   ------------------------------------------------------------------------------------------ */
  #webshop .cart_wrap {
    opacity: 0;
  }
  #webshop .cart_wrap.on {
    opacity: 1;
    transition: opacity 0.35s ease 0.05s;
  }
  #webshop #content_wrap {
    background-position: center;
    background-image: url(../images/bg.png);
    background-size: 8px;
    overflow: hidden;
  }
  #webshop #content_wrap .inner {
    margin: 0 auto;
    padding: 0 2.66667vw;
    padding-top: 10.66667vw;
  }
  #webshop #content_wrap h2 {
    margin-bottom: 10.66667vw;
    padding-bottom: 4.8vw;
    text-align: center;
    font-size: 5.33333vw;
    line-height: 1.3em;
    letter-spacing: 0.12em;
    position: relative;
    border-bottom: 2px solid #944924;
  }
  #webshop #content_wrap h2 span {
    padding-left: 17.06667vw;
    padding-right: 17.06667vw;
    display: inline-block;
    position: relative;
  }
  #webshop #content_wrap h2 span:after {
    content: '';
    display: block;
    width: 11.2vw;
    height: 18.66667vw;
    background-image: url(../images/parts_chair_br.png);
    background-repeat: no-repeat;
    background-position: left top;
    background-size: contain;
    position: absolute;
    top: -4.8vw;
    left: 1.33333vw;
  }
  #webshop #content_wrap #top_desc {
    padding: 5.33333vw 6.66667vw;
    background-color: #fff;
    text-align: center;
  }
  #webshop #content_wrap #top_desc .desc {
    display: inline-block;
    text-align: left;
  }
  #webshop #content_wrap #top_desc .desc p {
    font-size: 3.73333vw;
    line-height: 2em;
    letter-spacing: 0.12em;
  }
  #webshop #content_wrap #top_desc .desc a {
    color: #d13123;
    border-bottom: 1px solid #fff;
    transition: border 0.15s ease;
  }
  .is_pc#webshop #content_wrap #top_desc .desc a:hover, .is_sp#webshop #content_wrap #top_desc .desc a.touch {
    border-bottom: 1px solid #d13123;
  }
  #webshop #content_wrap #head_nav {
    padding-top: 10.66667vw;
    border-bottom: 2px solid #d0a500;
    padding-bottom: 5.33333vw;
    margin-bottom: 8px;
    text-align: center;
  }
  #webshop #content_wrap #head_nav ul li {
    margin-bottom: 6.66667vw;
  }
  #webshop #content_wrap #head_nav img {
    width: auto;
    transition: opacity 0.15s ease;
  }
  #webshop #content_wrap #head_nav li.store img {
    height: 5.86667vw;
  }
  #webshop #content_wrap #head_nav li.help img {
    height: 6.4vw;
  }
  #webshop #content_wrap #head_nav li.b_cart img {
    height: 6.4vw;
  }
  #webshop #content_wrap #head_nav li.change img {
    height: 5.86667vw;
  }
  .is_pc#webshop #content_wrap #head_nav a:hover img, .is_sp#webshop #content_wrap #head_nav a.touch img {
    opacity: 0.7;
  }
  #webshop #content_wrap #product_list {
    padding-bottom: 10.66667vw;
  }
  #webshop #content_wrap #product_list article {
    background-color: #fff;
    margin-bottom: 5.33333vw;
  }
  #webshop #content_wrap #product_list article .top .col_l {
    padding: 2.66667vw;
  }
  #webshop #content_wrap #product_list article .top .col_l .img_slider .set_bg {
    width: 89.33333vw !important;
    height: 89.33333vw !important;
    background-color: #fff;
    display: block;
  }
  #webshop #content_wrap #product_list article .top .col_l .img_slider .set_bg .bg_inner {
    width: 100%;
    height: 100%;
    background-size: contain;
  }
  #webshop #content_wrap #product_list article .top .col_l .thumb {
    width: 100%;
    overflow: hidden;
    margin-bottom: 8vw;
  }
  #webshop #content_wrap #product_list article .top .col_l .thumb ul {
    width: calc(110%);
    flex-wrap: wrap;
    line-height: 0;
  }
  #webshop #content_wrap #product_list article .top .col_l .thumb ul li {
    width: 15.46667vw;
    height: 15.46667vw;
    margin-top: 2.66667vw;
    margin-right: 2vw;
    display: inline-block;
    letter-spacing: -0.4em;
    line-height: 0;
    cursor: pointer;
    background-color: #fff;
    transition: opacity 0.15s ease;
  }
  #webshop #content_wrap #product_list article .top .col_l .thumb ul li .bg_inner {
    background-size: contain;
  }
  #webshop #content_wrap #product_list article .top .col_l .thumb ul li.on, .is_pc#webshop #content_wrap #product_list article .top .col_l .thumb ul li:hover, .is_sp#webshop #content_wrap #product_list article .top .col_l .thumb ul li.touch {
    opacity: 0.5;
  }
  #webshop #content_wrap #product_list article .top .col_r {
    padding: 0 5.33333vw;
  }
  #webshop #content_wrap #product_list article .top .col_r h3 {
    margin-top: -1.33333vw;
    margin-bottom: 2.66667vw;
    font-size: 5.33333vw;
    line-height: 1.5em;
    letter-spacing: 0.12em;
    font-weight: 700;
  }
  #webshop #content_wrap #product_list article .top .col_r .p_price {
    margin-bottom: 10.66667vw;
    font-size: 4.26667vw;
    font-weight: 700;
    letter-spacing: 0.12em;
    color: #b25a2f;
  }
  #webshop #content_wrap #product_list article .top .col_r .p_price .s {
    font-size: 3.2vw;
    font-weight: 400;
    display: inline-block;
  }
  #webshop #content_wrap #product_list article .top .col_r .cart_list .l {
    display: none;
  }
  #webshop #content_wrap #product_list article .top .col_r .cart_list .l.on {
    display: block;
  }
  #webshop #content_wrap #product_list article .top .col_r .cart_list .sold {
    pointer-events: none !important;
  }
  #webshop #content_wrap #product_list article .top .col_r .cart_list .sold .cart_btn a {
    background-color: #aaa;
    border-color: #aaa;
  }
  #webshop #content_wrap #product_list article .top .col_r .cart_list .sold .cart_btn a span {
    padding-left: 0;
  }
  #webshop #content_wrap #product_list article .top .col_r .cart_list .sold .cart_btn a span:before, #webshop #content_wrap #product_list article .top .col_r .cart_list .sold .cart_btn a span:after {
    display: none;
  }
  #webshop #content_wrap #product_list article .top .col_r .cart_list .cart_btn {
    width: 84vw;
    height: 17.33333vw;
    color: #fff;
    font-weight: 700;
    font-size: 4.26667vw;
    letter-spacing: 0.12em;
  }
  #webshop #content_wrap #product_list article .top .col_r .cart_list .cart_btn a {
    width: 84vw;
    height: 17.33333vw;
    background-color: #d13123;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    transition: background 0.15s ease, color 0.15s ease;
    border: 2px solid #d13123;
    box-sizing: border-box;
  }
  .is_pc#webshop #content_wrap #product_list article .top .col_r .cart_list .cart_btn a:hover, .is_sp#webshop #content_wrap #product_list article .top .col_r .cart_list .cart_btn a.touch {
    border: 2px solid #d13123;
    background-color: #fff;
    color: #d13123;
  }
  .is_pc#webshop #content_wrap #product_list article .top .col_r .cart_list .cart_btn a:hover span:before, .is_sp#webshop #content_wrap #product_list article .top .col_r .cart_list .cart_btn a.touch span:before {
    opacity: 0;
  }
  .is_pc#webshop #content_wrap #product_list article .top .col_r .cart_list .cart_btn a:hover span:after, .is_sp#webshop #content_wrap #product_list article .top .col_r .cart_list .cart_btn a.touch span:after {
    opacity: 1;
  }
  #webshop #content_wrap #product_list article .top .col_r .cart_list .cart_btn a span {
    padding-left: 11.46667vw;
    display: inline-block;
    position: relative;
  }
  #webshop #content_wrap #product_list article .top .col_r .cart_list .cart_btn a span:before {
    opacity: 1;
    content: '';
    width: 6.93333vw;
    height: 6.93333vw;
    display: block;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(../images/ico_cart_w.png);
    background-size: contain;
    position: absolute;
    top: -1.33333vw;
    left: 0;
    transition: opacity 0.15s ease;
  }
  #webshop #content_wrap #product_list article .top .col_r .cart_list .cart_btn a span:after {
    opacity: 0;
    content: '';
    width: 6.93333vw;
    height: 6.93333vw;
    display: block;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(../images/ico_cart_r.png);
    background-size: contain;
    position: absolute;
    top: -1.33333vw;
    left: 0;
    transition: opacity 0.15s ease;
  }
  #webshop #content_wrap #product_list article .top .col_r .st {
    margin-top: 2.66667vw;
    font-size: 3.2vw;
    letter-spacing: 0.12em;
    color: #036eb8;
  }
  #webshop #content_wrap #product_list article .top .product_desc {
    margin-top: 8vw;
    overflow: hidden;
  }
  #webshop #content_wrap #product_list article .top .product_desc p {
    margin-bottom: 1.5em;
    font-size: 3.73333vw;
    line-height: 2em;
    letter-spacing: 0.12em;
  }
  #webshop #content_wrap #product_list article .top .product_desc p a {
    color: #d13123;
    border-bottom: 1px solid #fff;
    transition: border 0.15s ease;
  }
  .is_pc#webshop #content_wrap #product_list article .top .product_desc p a:hover, .is_sp#webshop #content_wrap #product_list article .top .product_desc p a.touch {
    border-bottom: 1px solid #d13123;
  }
  #webshop #content_wrap #product_list article .top .related_content {
    padding-top: 5.33333vw;
    padding-bottom: 8vw;
  }
  #webshop #content_wrap #product_list article .top .related_content h5 {
    margin-bottom: 1.33333vw;
    font-weight: 700;
    font-size: 3.73333vw;
    line-height: 2em;
  }
  #webshop #content_wrap #product_list article .top .related_content li {
    margin-bottom: 2.66667vw;
    font-size: 3.73333vw;
    line-height: 1.5em;
  }
  #webshop #content_wrap #product_list article .top .related_content li a {
    color: #d13123;
    border-bottom: 1px solid #fff;
    transition: border 0.15s ease;
  }
  .is_pc#webshop #content_wrap #product_list article .top .related_content li a:hover, .is_sp#webshop #content_wrap #product_list article .top .related_content li a.touch {
    border-bottom: 1px solid #d13123;
  }
  #webshop #content_wrap #product_list article .top .cart_val {
    padding-top: 8vw;
    padding-bottom: 8vw;
  }
  #webshop #content_wrap #product_list article .top .cart_val .c {
    margin-bottom: 2.66667vw;
    border: 2px solid #f5f5f5;
    background-color: #f5f5f5;
    border-radius: 200px;
    transition: background, border;
    transition-duration: 0.15s;
  }
  #webshop #content_wrap #product_list article .top .cart_val .c.on, .is_pc#webshop #content_wrap #product_list article .top .cart_val .c:hover, .is_sp#webshop #content_wrap #product_list article .top .cart_val .c.touch {
    border-color: #b25a2f;
    background-color: #fff;
  }
  #webshop #content_wrap #product_list article .top .cart_val table {
    width: 100%;
    min-height: 12.8vw;
    font-size: 3.73333vw;
    border-radius: 100px;
    text-align: center;
    letter-spacing: 0.12em;
    color: #b25a2f;
    cursor: pointer;
  }
  #webshop #content_wrap #product_list article .top .cart_val table th {
    padding: 1.33333vw 4vw;
    padding-top: 2.66667vw;
    font-size: 3.73333vw;
    font-weight: 700;
    display: block;
    vertical-align: middle;
    text-align: center;
  }
  #webshop #content_wrap #product_list article .top .cart_val table td {
    padding: 1.33333vw 4vw;
    padding-bottom: 2.66667vw;
    font-size: 3.73333vw;
    font-weight: 700;
    display: block;
    vertical-align: middle;
    text-align: center;
    white-space: nowrap;
  }
  #webshop #content_wrap #product_list article .top .cart_val table td .s {
    margin-left: 2.66667vw;
    font-size: 3.2vw;
    font-weight: 400;
  }
  #webshop #content_wrap #product_list article .btm {
    padding: 5.33333vw;
    background-color: #f5f5f5;
  }
  #webshop #content_wrap #product_list article .btm h4 {
    margin-bottom: 5.33333vw;
    padding-bottom: 4vw;
    font-size: 4.26667vw;
    font-weight: 700;
    letter-spacing: 0.12em;
    border-bottom: 1px solid #ccc;
  }
  #webshop #content_wrap #product_list article .btm dl {
    margin-bottom: 5.33333vw;
  }
  #webshop #content_wrap #product_list article .btm dt {
    padding-right: 10.66667vw;
    font-size: 3.46667vw;
    font-weight: 700;
    letter-spacing: 0.12em;
    display: block;
    line-height: 2em;
  }
  #webshop #content_wrap #product_list article .btm dd {
    padding-right: 10.66667vw;
    font-size: 3.46667vw;
    letter-spacing: 0.12em;
    line-height: 2em;
  }
  #webshop #content_wrap #product_list article .btm .col_l {
    padding-top: 5.33333vw;
    margin-bottom: 5.33333vw;
  }
  #webshop #content_wrap #product_list article .btm .col_r {
    padding-top: 5.33333vw;
  }
}
body.modal {
  width: 100vw;
  height: 100vh;
  overflow: hidden !important;
}
#modal {
  width: 100vw;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-item: center;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 65535;
}
#modal .overlay {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, .85);
  z-index: 1;
  position: fixed;
  top: 0;
  left: 0;
  cursor: pointer;
}
#modal .modal_inner {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  position: relative;
  z-index: 2;
}
#modal .modal_inner .ph {
  width: 100%;
  height: 100%;
  padding: 40px 100px;
  max-width: 860px;
  max-height: 860px;
  margin: 0 auto;
  box-sizing: border-box;
  position: relative;
  z-index: 3;
}
#modal .modal_inner .ph .bg_inner {
  background-size: contain;
}
@media screen and (min-width: 1280px) {
}
@media screen and (min-width: 751px) and (max-width: 1050px) {
}