@charset "utf-8";

/*-----------------------------------------------------------------------------------------------------------
タブレット&スマホ
-----------------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 1023px) {
  /*SP,tab表示*/
  .tab_sp {
    display: block;
  }
  .pc {
    display: none;
  }
  /*SP表示*/
  .sp_only {
    display: none;
  }
  .tab_only {
    display: none;
  }

  a,
  div,
  ul,
  iframe,
  img {
    max-width: 100% !important;
  }
  #slick_top div {
    max-width: initial !important;
  }

  body {
    font-size: 1.4rem;
    line-height: 1.7;
  }

  a:hover {
    opacity: 1;
  }
  a[href^="tel:"] {
    pointer-events: auto;
  }

  .wrapper_fix {
    width: auto;
  }

  /*ページトップボタン*/
  #page_top {
    position: fixed;
    bottom: 2px;
    right: 2px;
    width: 80px;
    height: auto;
  }

  /*-------------------------------------------------------
    トップページ
    -------------------------------------------------------*/

  /*　ハンバーガーボタン　*/
  .hamburger {
    display: block;
    position: fixed;
    z-index: 3;
    right: 13px;
    top: 12px;
    width: 42px;
    height: 42px;
    cursor: pointer;
    text-align: center;
    background-color: rgba(255, 255, 255, 0.5);
    border-radius: 6px;
  }
  .hamburger span {
    display: block;
    position: absolute;
    width: 30px;
    height: 2px;
    left: 6px;
    background: #555;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
  }
  .hamburger span:nth-child(1) {
    top: 10px;
  }
  .hamburger span:nth-child(2) {
    top: 20px;
  }
  .hamburger span:nth-child(3) {
    top: 30px;
  }

  /* ナビ開いてる時のボタン */
  .hamburger.active span:nth-child(1) {
    top: 20px;
    left: 6px;
    background: #fff;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }

  .hamburger.active span:nth-child(2),
  .hamburger.active span:nth-child(3) {
    top: 20px;
    background: #fff;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
  }

  nav.globalMenuSp {
    position: fixed;
    z-index: 2;
    top: 0;
    left: 0;
    color: #fff;
    background: rgba(0, 0, 0, 0.7);
    text-align: center;
    width: 100%;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.6s ease, visibility 0.6s ease;
  }

  nav.globalMenuSp ul {
    margin: 0 auto;
    padding: 0;
    width: 100%;
  }

  nav.globalMenuSp ul li {
    list-style-type: none;
    padding: 0;
    width: 100%;
    transition: 0.4s all;
  }
  nav.globalMenuSp ul li:last-child {
    padding-bottom: 0;
  }
  nav.globalMenuSp ul li:hover {
    background: #ffae00;
  }

  nav.globalMenuSp ul li a {
    display: block;
    color: #fff;
    padding: 1em 0;
    text-decoration: none;
  }

  /* このクラスを、jQueryで付与・削除する */
  nav.globalMenuSp.active {
    opacity: 100;
    visibility: visible;
  }

  #top_header {
    margin-bottom: 0vh;
  }
  .h1_top {
    width: 34%;
    height: auto;
    margin: 0 auto;
    position: relative;
    bottom: 30vh;
  }

  /*メインビジュアル*/
  #slick_top {
    width: 100vw;
    height: 100vw;
    position: relative;
    top: -6vh;
    z-index: -50;
    margin-bottom: -2vh;
    /* clip-path: circle(90vw at 50vw -90vh); */
  }

  .slide {
    width: 100%;
    height: 100vw;
    background-repeat: no-repeat;
    background-size: contain;
    /* background-attachment: fixed; */
    background-position: center top;
  }
  .slide01 {
    background-image: url(../images/top/img1sp.jpg);
  }
  .slide02 {
    background-image: url(../images/top/img2sp.jpg);
  }
  .slide03 {
    background-image: url(../images/top/img3sp.jpg);
  }

  /*sec1 ニュース、開催中展示情報*/
  #top_section1 {
    width: auto;
    margin: 40px auto 0;
    display: block;
    padding: 0 3vw;
    box-sizing: border-box;
  }

  #top_section1 #news {
    width: auto;
    margin-top: 50px;
  }
  #top_section1 #exhibition {
    width: auto;
    /* margin-top: 50px; */
  }

  #top_section1 #news h2 {
    width: 30%;
    padding-bottom: 10px;
  }
  #top_section1 #news ul li {
    padding: 10px 6px;
  }

  #top_section1 #news ul li .day .ymd {
    font-size: 1em;
  }
  #top_section1 #news ul li .day .cat {
    margin-left: 8px;
    font-size: 1em;
    font-weight: 600;
    padding: 0.1em 0.4em;
    border-radius: 0.3em;
  }

  #top_section1 #news ul li .ttl {
    margin-top: 10px;
  }
  #top_section1 #news ul li .ttl p {
    font-size: 1em;
  }

  #top_section1 #exhibition a .exb_top_thumb {
    width: 94vw;
    height: 62.667vw;
    background-color: #efefef;
    text-align: center;
    margin-bottom: 10px;
  }
  #top_section1 #exhibition a .exb_top_thumb img {
    max-width: 94vw;
    max-height: 62.667vw;
    object-fit: contain;
    font-family: "object-fit: contain;";
  }

  #top_section1 #exhibition a {
    margin-top: 16px;
    display: block;
    line-height: 1.5;
    font-size: 1.8rem;
    font-weight: 700;
  }
  #top_section1 #exhibition a span {
    font-size: 0.8em;
    font-weight: 500;
  }

  /*sec2*/

  #top_section2 {
    margin: 0 auto;
    padding: 50px 20px 0;
  }

  #top_section2 ul {
    display: block;
  }

  #top_section2 ul li {
    width: 100%;
    margin-bottom: 24px;
  }

  .top_link_text {
    line-height: 1.5;
    margin-top: 0px;
  }

  .img00 {
    width: auto;
    height: auto;
  }
  .img00 img {
    width: 100%;
  }

  /*sec3*/
  #top_section3 {
    padding: 0px 20px 0;
  }

  #top_section3 ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }

  #top_section3 ul li {
    width: 49%;
    margin-bottom: 14px;
  }

  /* #top_section3 ul li a img{ 
        width: 76%;
        height: auto;
    }*/

  /*sec4*/
  #top_section4 {
    margin-top: 30px;
  }

  .sec4info {
    width: auto;
    padding: 40px 20px 20px;
    margin: 0 auto;
    display: block;
  }
  .sec4info .fb {
    width: auto;
    height: auto;
  }

  .sec4info .fb .fb_text {
    margin-bottom: 30px;
  }

  .top_contact {
    width: auto;
  }
  .top_contact li {
    margin-bottom: 20px;
  }

  .top_contact .text_ttl {
    font-size: 1.5rem;
    margin-bottom: 8px;
  }
  .top_contact .bg_w {
    padding: 0 12px;
    width: auto;
    height: 47px;
  }
  .top_contact .bg_w p {
    font-size: 0.9em;
  }

  .top_contact .bg_w .tel {
    font-size: 1.7rem;
  }
  .top_contact .bg_w .mail {
    width: 2.2em;
    height: auto;
    position: relative;
    top: 4px;
  }

  .top_contact .tanimachi_p {
    margin-top: 30px;
  }

  .top_contact .tanimachi_p .text {
    margin-left: 10px;
  }

  /*フッター*/
  footer .bg_orange .footer_wrapper {
    width: auto;
    padding: 10px 20px 14px;
    display: block;
  }

  footer .footer_rogo {
    width: 50%;
    height: auto;
    margin: 0 auto 20px;
    display: block;
  }

  footer .footer_nav li {
    margin-right: 30px;
  }
  footer .footer_nav li:last-of-type {
    margin-right: 0px;
  }

  footer .footer_nav li a {
    font-size: 1.4rem;
    line-height: 3;
  }
  footer .adress {
    font-size: 1.3rem;
    line-height: 1.4;
    margin: 12px 0;
  }

  footer .copyright {
    font-size: 1.2rem;
    line-height: 1.2;
    padding: 10px 20px;
  }

  /*----------------------------------------------------------------
    サブページ共通
    ----------------------------------------------------------------*/
  .sub_h1 {
    margin: 30px auto 0;
    width: auto;
    height: 154px;
    background-image: url(../images/about_us/h1_bg_sp.png);
    background-position: center;
    background-repeat: no-repeat;
  }
  .sub_h1 a {
    width: 176px;
    height: 154px;
    display: block;
    margin: 0 auto;
    position: relative;
    top: -12px;
  }
  .sub_h1 a:hover {
    opacity: 1;
  }
  .sub_h1 a img {
    width: 100%;
    height: 154px;
  }

  .sub_h1_text {
    margin: 12px 20px 80px;
    text-align: center;
    font-weight: 700;
    font-size: 1.6rem;
    line-height: 1.4;
  }

  .sub_midashi {
    font-size: 2rem;
    width: auto;
    height: 82px;
    line-height: 82px;
    margin-bottom: 40px;
  }

  /*----------------------------------------------------------------
    Exhibition
    ----------------------------------------------------------------*/
  .wrapper_exb {
    padding: 0 2.5vw;
    margin-bottom: 60px;
  }

  .exb_contents {
    display: flex;
    flex-wrap: wrap;
  }

  .exb_contents li:hover {
    opacity: 1;
  }

  .exb_contents li a figcaption {
    font-size: 1.5rem;
  }

  /*----------------------------------------------------------------
    space
    ----------------------------------------------------------------*/
  .rental_links .pc {
    display: none;
  }

  /*2*/
  #rental2 {
    margin: 0 auto 60px;
    width: auto;
    padding: 12px 20px;
  }
  #rental2 .yellow {
    width: 100%;
    padding: 20px;
  }
  #rental2 .yellow .week {
    display: flex;
  }
  #rental2 .yellow .week p {
    font-size: 1.7rem;
  }
  #rental2 .yellow .week .week_inner1 {
    margin-right: 20px;
  }

  /*3*/
  #rental3 {
    margin: 0 auto 60px;
    width: auto;
    padding: 12px 20px;
  }
  .r3_inner1 {
    font-size: 1.7rem;
  }

  /*4*/
  #rental4 {
    margin: 0 auto 60px;
    width: auto;
    padding: 12px 20px;
  }

  #rental4 h3 {
    font-size: 1.6rem;
    margin-top: 8px;
  }

  .btn_r4 {
    display: flex;
    margin-top: 8px;
  }
  .btn_r4 a:first-of-type {
    margin-right: 12px;
  }

  .btn_r4 a {
    padding: 22px 46px;
    font-size: 1.7rem;
  }
  .btn_r4_hosoku {
    font-size: 1.3rem;
    margin-bottom: 12px;
    margin-top: 4px;
  }

  /*5*/
  #rental5 {
    margin: 0 auto 60px;
    width: auto;
    padding: 12px 20px;
  }
  .r5_congtent {
    display: flex;
    flex-direction: column;
    width: auto;
  }
  .r5_congtent .r5_text {
    width: auto;
    margin-right: 0%;
    margin-bottom: 12px;
  }
  .r5_congtent .furikomi {
    width: 100%;
    display: flex;
  }
  .r5_congtent .furikomi div {
    width: 18vw;
    height: auto;
  }
  .r5_congtent .furikomi .text_last {
    padding: 16px 20px 0;
  }

  /*6*/
  #rental6 {
    width: auto;
    margin: 0 auto 60px;
    padding: 12px 20px;
  }

  /*----------------------------------------------------------------
    About us
    ----------------------------------------------------------------*/
  .about_us_img {
    margin: 30px auto 60px;
  }
  .about_us_img figure {
    width: 49%;
    height: auto;
  }

  /*----------------------------------------------------------------
    Shop
    ----------------------------------------------------------------*/
  #shop_fb {
  }

  .fb-container {
    width: 100%;
    max-width: 500px;
    margin: 0 auto;
  }

  /* little */
  #little {
    width: auto;
  }

  .little_inner {
    width: auto;
    padding: 10px 20px;
  }
  .little_inner h2 {
    width: 30%;
  }

  .little_text_pc {
    display: none;
  }
  .little_text_tab_sp {
    display: block;
    text-align: left;
  }

  .little_dl {
    width: 90%;
  }
  .little_dl li {
    width: 49%;
  }

  /* has */
  #has .has_inner {
    width: auto;
    padding: 50px 20px;
    display: flex;
    justify-content: space-between;
  }
  #has .has_inner .has_thumbnail {
    width: 30%;
    height: auto;
  }

  #has .has_inner .has_text {
    width: 60%;
  }
  #has .has_inner .has_text .has_ttl {
    font-size: 4rem;
    font-weight: 700;
  }
  #has .has_inner .has_text .has_ttl span {
    font-size: 1.5rem;
    font-weight: 500;
  }
  #has .has_inner .has_text .has_text1 {
    margin-top: 24px;
    font-size: 1.6rem;
    font-weight: 500;
    display: block;
  }
  #has .has_inner .has_text a {
    text-decoration: underline;
    font-weight: 700;
    font-size: 0.9em;
    display: block;
  }

  /*----------------------------------------------------------------
    access
    ----------------------------------------------------------------*/
  #access1 {
    margin-bottom: 60px;
  }
  #access2 {
    margin-bottom: 60px;
  }

  #access1 p {
    text-align: center;
  }

  .access_map {
    width: 70%;
    height: auto;
    margin: 0 auto 10px;
  }

  .access_map_pc {
    display: none;
  }
  .access_map_sp_tab {
    display: block;
  }

  .subway_area {
  }

  .subway_area .subway_line1 {
    width: 100%;
    margin: 0 0 30px auto;
  }
  .subway_area .subway_line2 {
    width: 74%;
    margin: 0 0 30px auto;
  }
  .subway_area .subway_line3 {
    width: 47%;
    margin: 0 0 30px auto;
  }

  .subway_area .subway_line p {
    font-size: 1.7rem;
    line-height: 40px;
  }

  .subway_area .subway_line1 p:first-of-type {
    width: 5em;
  }
  .subway_area .subway_line2 p:first-of-type {
    width: 7em;
  }
  .subway_area .subway_line3 p:first-of-type {
    width: 5em;
  }
  .subway_area .subway_line p:last-of-type {
    width: 4em;
  }

  .subway_area .subway_line .time {
    display: flex;
    justify-content: center;
  }
  .subway_area .subway_line .time span {
    font-size: 1.2em;
    font-weight: 700;
    position: relative;
    top: -3px;
    margin: 0 4px;
  }

  .subway_area .subway_line .time1 {
    width: calc(100% - 5em - 4em);
  }
  .subway_area .subway_line .time2 {
    width: calc(100% - 7em - 4em);
  }
  .subway_area .subway_line .time3 {
    width: calc(100% - 5em - 4em);
  }

  #access2 .attention {
    width: auto;
    margin: 0 auto;
    text-align: center;
  }

  /*----------------------------------------------------------------
design
----------------------------------------------------------------*/
  #design_icon_area {
    display: flex;
    justify-content: space-between;
  }
  #design_icon_area li {
    width: 19%;
    height: auto;
  }
  #design_icon_area li img {
    width: 100%;
  }

  .d_price h3 span {
    font-size: 0.7em;
    font-weight: 500;
    color: rgb(51, 51, 51);
    line-height: 1.2;
    display: block;
  }

  .d_works {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 30px;
  }
  .d_works li {
    width: 49%;
    height: auto;
  }
}

/*-----------------------------------------------------------------------------------------------------------
タブレットのみ
-----------------------------------------------------------------------------------------------------------*/

@media only screen and (min-width: 640px) and (max-width: 1023px) {
  /*タブレットだけ表示用*/
  .tab_sp {
    display: none;
  }
  .pc {
    display: none;
  }
  /*SP表示*/
  .sp_only {
    display: none;
  }
  .tab_only {
    display: block;
  }

  /*-------------------------------------------------------
    トップページ
    -------------------------------------------------------*/
  #top_header {
    /* margin-bottom: -64vh; */
  }

  /*sec1 ニュース、開催中展示情報*/
  #top_section1 {
    width: 100%;
    margin: 30px auto;
    display: flex;
    justify-content: space-between;
  }

  #top_section1 #news {
    width: 49%;
    margin-top: 0px;
  }
  #top_section1 #exhibition {
    width: 49%;
  }

  #top_section1 #news h2 {
    width: 140px;
    padding-bottom: 20px;
  }

  #top_section1 #news ul {
    width: 100%;
    display: block;
  }
  #top_section1 #news ul li {
    padding: 14px 10px;
  }

  #top_section1 #news ul li .day {
    display: flex;
    justify-content: flex-start;
  }
  #top_section1 #news ul li .day .ymd {
    font-size: 0.9em;
    color: #616161;
  }
  #top_section1 #news ul li .day .cat {
    font-size: 0.86em;
    padding: 0.1em 0.4em;
    border-radius: 0.4em;
  }

  #top_section1 #news ul li .ttl {
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
  }

  #top_section1 #exhibition .exb_img {
    background-image: url(../images/top/exb_atari.jpg);
    background-size: cover;
    background-position: center;
    width: 100%;
    padding-top: 62%;
    padding-bottom: 0%;
  }
  #top_section1 #exhibition .exb_img img {
    width: 200px;
    height: 30px;
    display: block;
  }

  #top_section1 #exhibition a {
    margin-top: 16px;
    display: block;
    line-height: 1.5;
    font-size: 1.6rem;
  }
  #top_section1 #exhibition a span {
    font-size: 0.9em;
  }

  /*sec2*/

  #top_section2 {
    margin: 0 auto;
    padding: 10px 20px 0;
  }

  #top_section2 ul {
    display: flex;
    justify-content: space-between;
  }

  #top_section2 ul li {
    width: 32%;
  }

  .top_link_text {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
  }

  .top_link_text p {
    line-height: 1.5;
    display: block;
    margin-top: 0px;
    width: 86%;
  }
  .top_link_text p span {
    font-size: 1.4em;
    color: #ffae00;
    font-weight: 700;
    letter-spacing: 0.2em;
  }
  .top_link_text .link_parts1 {
    width: 8%;
    height: auto;
  }
  .top_link_text .link_parts1 img {
    width: 100%;
  }

  #top_section2 ul li .img02 {
    background-image: url(../images/top/02img.jpg);
    background-size: cover;
    background-position: center;
    width: 100%;
    padding-top: 67%;
    padding-bottom: 0%;
    display: block;
  }
  #top_section2 ul li .img03 {
    background-image: url(../images/top/03img.jpg);
    background-size: cover;
    background-position: center;
    width: 100%;
    padding-top: 67%;
    padding-bottom: 0%;
    display: block;
  }
  #top_section2 ul li .img04 {
    background-image: url(../images/top/04img.jpg);
    background-size: cover;
    background-position: center;
    width: 100%;
    padding-top: 67%;
    padding-bottom: 0%;
    display: block;
  }
  /* #top_section2 ul li a img{ 
        width: 200px;
        height: 30px;
        display: block;
    }*/

  .img00 {
    width: auto;
    height: auto;
  }
  .img00 img {
    width: 100%;
  }

  /*sec3*/
  #top_section3 {
    margin: 0 auto;
    padding: 20px 20px 0;
  }

  #top_section3 ul {
    display: flex;
    justify-content: space-between;
  }

  #top_section3 ul li {
    width: 24%;
  }

  #top_section3 ul li .img05 {
    background-image: url(../images/top/05img.jpg);
    background-size: cover;
    background-position: center;
    width: 100%;
    padding-top: 58%;
    padding-bottom: 0%;
    display: block;
  }
  #top_section3 ul li .img06 {
    background-image: url(../images/top/06img.jpg);
    background-size: cover;
    background-position: center;
    width: 100%;
    padding-top: 58%;
    padding-bottom: 0%;
    display: block;
  }
  #top_section3 ul li .img07 {
    background-image: url(../images/top/07img.jpg);
    background-size: cover;
    background-position: center;
    width: 100%;
    padding-top: 58%;
    padding-bottom: 0%;
    display: block;
  }
  #top_section3 ul li .img08 {
    background-image: url(../images/top/08img.jpg);
    background-size: cover;
    background-position: center;
    width: 100%;
    padding-top: 58%;
    padding-bottom: 0%;
    display: block;
  }
  /* #top_section3 ul li a img{ 
        width: 200px;
        height: 30px;
        display: block;
    }*/

  /*sec4*/
  #top_section4 {
    background-color: #ffe7b3;
    margin-top: 20px;
  }

  .sec4_top_img {
    width: auto;
  }
  .sec4_top_img img {
    width: 100%;
  }

  .sec4info {
    width: auto;
    padding: 40px 10px 20px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
  }
  .sec4info .fb {
    width: 49%;
    height: auto;
  }
  .sec4info .fb .fb_page img {
    width: 100%;
  }
  .sec4info .fb .fb_text {
    line-height: 1.5;
    display: block;
  }

  .top_contact {
    width: 49%;
  }
  .top_contact li {
    margin-bottom: 16px;
  }

  .top_contact .text_ttl {
    font-size: 1.4rem;
    font-weight: 600;
    line-height: 1;
    display: block;
    margin-bottom: 6px;
  }
  .top_contact .bg_w {
    background-color: #fff;
    padding: 0 12px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: auto;
    height: 47px;
  }
  .top_contact .bg_w div {
    display: flex;
    align-items: center;
  }
  .top_contact .bg_w div p {
    margin-right: 10px;
    font-size: 0.9em;
  }
  .top_contact .bg_w .tel {
    font-size: 1.8rem;
    text-decoration: underline;
  }
  .top_contact .bg_w .mail {
    width: 2.2em;
    height: auto;
    display: block;
    position: relative;
    top: 4px;
  }
  .top_contact .bg_w .mail img {
    width: 100%;
  }

  .top_contact .tanimachi_p {
    display: flex;
    margin-top: 20px;
  }
  .top_contact .tanimachi_p a img {
    width: 100px;
    height: auto;
    display: block;
  }
  .top_contact .tanimachi_p .text {
    margin-left: 10px;
    display: block;
    text-decoration: underline;
  }

  /*フッター*/
  footer .bg_orange {
    background-color: #ffae00;
  }
  footer .bg_orange .footer_wrapper {
    width: auto;
    margin: 0 auto;
    padding: 10px 10px;
    display: flex;
    justify-content: space-between;
  }

  footer .footer_rogo {
    width: 24%;
    height: auto;
    margin-right: 2%;
  }
  footer .footer_rogo:hover {
    opacity: 1;
  }
  footer .footer_rogo img {
    width: 100%;
  }

  footer .footer_wrapper div {
    width: 72%;
  }

  footer .footer_nav {
    display: flex;
    flex-wrap: wrap;
  }
  footer .footer_nav li {
    margin-right: 30px;
  }
  footer .footer_nav li:last-of-type {
    margin-right: 0px;
  }

  footer .footer_nav li a {
    color: #fff;
    font-size: 1.3rem;
    font-weight: 600;
    line-height: 2;
  }
  footer .adress {
    color: #fff;
    font-size: 1.3rem;
    line-height: 1.4;
    margin-top: 12px;
  }

  footer .copyright {
    color: #ffae00;
    font-size: 1.2rem;
    text-align: center;
    font-weight: 600;
    line-height: 1.3;
    padding: 4px 0;
  }

  /*----------------------------------------------------------------
    サブページ共通 /タブレットのみ
    ----------------------------------------------------------------*/
  .sub_h1 {
    margin: 30px auto 0;
    width: auto;
    height: 154px;
    background-image: url(../images/about_us/h1_bg_tab.png);
    background-position: center;
    background-repeat: no-repeat;
  }
  .sub_h1 a {
    width: 176px;
    height: 154px;
    display: block;
    margin: 0 auto;
    position: relative;
    top: -10px;
  }

  .sub_h1 a img {
    width: 100%;
    height: 154px;
  }

  .sub_h1_text {
    margin: 12px 20px 80px;
    text-align: center;
    font-weight: 700;
    font-size: 1.6rem;
    line-height: 1.4;
  }

  /*----------------------------------------------------------------
    Exhibition /タブレットのみ
    ----------------------------------------------------------------*/

  /*----------------------------------------------------------------
    Exhibition_detail /タブレットのみ
    ----------------------------------------------------------------*/
  .exb_ttl_img {
    width: 90%;
    margin: 0 auto 30px;
  }

  /*----------------------------------------------------------------
    shop /タブレットのみ
    ----------------------------------------------------------------*/
  #shop1 {
    width: 100%;
    margin: 0 auto 60px;
    padding: 0 10px;
    box-sizing: border-box;
  }

  .shop1_line2 {
    display: flex;
    justify-content: flex-end;
    margin: 100px 4vw 0 auto;
  }

  .shop1_line1 div {
    width: 54vw;
    height: auto;
  }
  .shop1_line1 div img {
    width: 100%;
  }

  .shop1_line1 p {
    margin: 60px 2vw 0;
    width: calc(100% - 54vw - 4vw);
  }

  .shop1_line2 .img1 {
    width: 48vw;
    height: auto;
    position: relative;
    top: -34px;
  }

  .shop1_line2 .img2 {
    width: 46vw;
    height: auto;
    position: relative;
    top: -82px;
    margin-left: -4vw;
  }

  #shop_fb {
    padding: 0 10px 60px;
  }

  .fb-container {
    width: 65%;
    max-width: 500px;
    margin: 0 auto;
  }

  /*----------------------------------------------------------------
    space /タブレットのみ
    ----------------------------------------------------------------*/

  /*ページ内リンク*/
  .rental_links .tab_only {
    width: 100%;
    margin: 0 auto 60px;
    padding: 0 10px;
    display: block;
    box-sizing: border-box;
  }
  .rental_links .tab_only .line1 {
    display: flex;
    justify-content: flex-start;
  }
  .rental_links .tab_only a {
    width: 24%;
    display: block;
    margin-right: 1%;
  }
  .rental_links .tab_only a .btn {
    background-color: #ffae00;
    color: #fff;
    font-size: 1.5rem;
    font-weight: 600;
    text-align: center;
    border-radius: 6px;
    display: block;
    padding: 4px 0;
    box-sizing: border-box;
  }
  .rental_links .tab_only a .oran_maru1 {
    display: block;
    width: 6px;
    height: 6px;
    margin: 4px auto;
    border-radius: 50%;
    background-color: #ffae00;
    color: #ffae00;
    font-size: 1rem;
  }
  .rental_links .tab_only a .oran_maru2 {
    display: block;
    width: 4px;
    height: 4px;
    margin: 4px auto;
    border-radius: 50%;
    background-color: #ffae00;
    color: #ffae00;
    font-size: 1rem;
  }

  /*1*/
  #rental1 {
    margin: 0 auto 60px;
    width: 100%;
    padding: 12px 20px;
    box-sizing: border-box;
  }

  .plan_area {
    display: flex;
    justify-content: space-between;
    margin-top: 50px;
  }

  .plan_area .plan_a {
    width: 49%;
  }
  .plan_area .plan_b {
    width: 49%;
  }

  .plan_area h3 {
    width: 78px;
    height: 68px;
    padding-left: 20px;
    position: relative;
    top: -20px;
    margin-bottom: -20px;
  }

  .plan_area .week {
    padding: 0 40px 6px 40px;
  }

  .plan_area .week p {
    font-size: 1.7rem;
  }

  #rental1 .plan_area .hosoku {
    text-align: left;
    padding: 0 40px 34px;
  }

  .plan_half {
    margin: 24px auto 0;
    padding: 8px 0px 0;
    display: block;
  }
  #rental1 .plan_half .half {
    font-size: 1.6rem;
    text-align: center;
  }
  .plan_half .half2 {
    font-size: 1.6rem;
    margin-left: 0px;
    text-align: center;
  }
}

/*-----------------------------------------------------------------------------------------------------------
スマホのみ
-----------------------------------------------------------------------------------------------------------*/

@media screen and (max-width: 639px) {
  /*SPだけ表示*/
  .tab_sp {
    display: none;
  }
  .pc {
    display: none;
  }
  .sp_only {
    display: block;
  }
  .tab_only {
    display: none;
  }

  /*----------------------------------------------------------------
    トップ /スマホのみ
    ----------------------------------------------------------------*/
  /*メインビジュアル*/
  #slick_top {
    width: 100vw;
    height: 100vw;
    position: relative;
    top: -6vh;
    z-index: -50;
    margin-bottom: -2vh;
    /* clip-path: circle(90vw at 50vw -90vh); */
  }

  .slide {
    width: 100%;
    height: 100vw;
    background-repeat: no-repeat;
    background-size: contain;
    /* background-attachment: fixed; */
    background-position: center top;
  }
  .slide01 {
    background-image: url(../images/top/img1sp.jpg);
  }
  .slide02 {
    background-image: url(../images/top/img2sp.jpg);
  }
  .slide03 {
    background-image: url(../images/top/img3sp.jpg);
  }

  /*----------------------------------------------------------------
    サブページ共通 /スマホのみ
    ----------------------------------------------------------------*/

  .sub_midashi {
    font-size: 1.7rem;
    width: auto;
    height: 74px;
    line-height: 74px;
    margin-bottom: 40px;
  }

  /*----------------------------------------------------------------
    Exhibition /スマホのみ
    ----------------------------------------------------------------*/
  .wrapper_exb {
    padding: 0 3vw;
    margin: 0 auto;
    margin-bottom: 80px;
  }
  .exb_contents {
    display: block;
  }

  .exb_contents li {
    height: auto;
    width: 94vw;
    margin-bottom: 30px;
    margin-right: 0vw;
  }
  .exb_archive_thumb {
    width: 94vw;
    height: 62.667vw;
    text-align: center;
    background-color: #efefef;
  }
  .exb_contents li a img {
    width: auto;
    height: 62.667vw;
    object-fit: contain;
    font-family: "object-fit: contain;";
  }

  .exb_contents li a figcaption {
    line-height: 1.4;
  }
  .exb_contents li a figcaption span {
    font-size: 0.9em;
  }

  /*----------------------------------------------------------------
    Exhibition_detail /スマホのみ
    ----------------------------------------------------------------*/
  .exb_ttl_img {
    width: 100%;
    margin: 0 auto 0px;
  }

  .exb_ttl_img figcaption {
    font-size: 2rem;
    margin-bottom: 0px;
  }
  .exb_ttl_img figcaption span {
    font-size: 1.4rem;
  }

  .exb_ttl_img .exb_thumb {
    width: 100%;
    height: auto;
  }
  .exb_ttl_img .exb_thumb img {
    max-width: 100%;
    object-fit: contain;
    font-family: "object-fit: contain;";
  }

  .exb_text_area {
    width: auto;
    border-top: 1px solid #ffae00;
    margin-bottom: 80px;
    padding: 30px 0px 0;
  }

  /*----------------------------------------------------------------
    shop /スマホのみ
    ----------------------------------------------------------------*/
  #shop1 {
    width: 100%;
    margin: 0 auto 60px;
    padding: 0 20px;
    box-sizing: border-box;
  }

  .shop1_line1 {
    display: block;
  }

  .shop1_line2 {
    display: block;
    margin: 20px auto;
  }

  .shop1_line1 div {
    width: 100%;
    height: auto;
  }

  .shop1_line1 p {
    margin: 2px 0;
    width: 100%;
  }

  .shop1_line2 .img1 {
    width: 74%;
    height: auto;
    position: relative;
    top: 0px;
  }

  .shop1_line2 .img2 {
    width: 70%;
    height: auto;
    position: relative;
    top: -24px;
    margin-left: 30%;
    z-index: -10;
  }

  #shop_fb {
    padding: 0 10px 50px;
  }

  .fb-container {
    width: 100%;
    max-width: 500px;
    margin: 0 auto;
  }

  /* little */
  #little {
    padding: 20px 0;
  }

  .little_inner {
    width: auto;
    padding: 30px 20px;
  }
  .little_inner h2 {
    width: 70%;
    padding: 20px;
    margin-bottom: 30px;
  }

  .little_dl {
    width: 100%;
    display: block;
    margin: 40px auto 0;
  }
  .little_dl li {
    width: auto;
    padding: 6px;
    margin-bottom: 10px;
  }

  .little_contact {
    display: block;
    margin-top: 40px;
    padding-top: 30px;
  }

  /* アトリエlittleのメール */
  .little_mail {
    width: auto;
    display: block;
    text-decoration: underline;
    margin-bottom: 26px;
  }
  .little_mail .l_mail {
    width: 18%;
    height: auto;
    margin-bottom: 6px;
  }
  .little_mail .l_mail img {
    width: 100%;
  }

  /* アトリエlittleのsnsエリア */
  .little_sns_area {
    width: auto;
    display: block;
  }
  .little_sns {
    display: flex;
  }
  .little_sns .sns_page {
    width: 18%;
    height: auto;
    margin-right: 20px;
  }

  .little_sns_text {
    line-height: 1.5;
    display: block;
  }
  .little_sns_text span {
    font-size: 1.1em;
    font-weight: 700;
  }

  /* has */
  #has .has_inner {
    width: auto;
    padding: 40px 20px;
    display: block;
  }
  #has .has_inner .has_thumbnail {
    width: 70%;
    height: auto;
    margin: 0 auto;
  }

  #has .has_inner .has_text {
    width: auto;
  }
  #has .has_inner .has_text .has_ttl {
    font-size: 4rem;
    font-weight: 700;
  }
  #has .has_inner .has_text .has_ttl span {
    font-size: 1.3rem;
    font-weight: 500;
  }
  #has .has_inner .has_text .has_text1 {
    margin-top: 24px;
    font-size: 1.4rem;
    font-weight: 500;
    display: block;
  }
  #has .has_inner .has_text a {
    text-decoration: underline;
    font-weight: 700;
    font-size: 0.9em;
    display: block;
  }

  /*----------------------------------------------------------------
    space /スマホのみ
    ----------------------------------------------------------------*/

  /*ページ内リンク*/
  .rental_links .sp_only {
    width: 100%;
    margin: 0 auto 60px;
    padding: 0 10px;
    display: flex;
    box-sizing: border-box;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .rental_links .sp_only a {
    width: 49%;
    display: block;
  }
  .rental_links .sp_only a .btn {
    background-color: #ffae00;
    color: #fff;
    font-size: 1.5rem;
    font-weight: 600;
    text-align: center;
    border-radius: 6px;
    display: block;
    padding: 4px 0;
    box-sizing: border-box;
  }
  .rental_links .sp_only a .oran_maru1 {
    display: block;
    width: 6px;
    height: 6px;
    margin: 4px auto;
    border-radius: 50%;
    background-color: #ffae00;
    color: #ffae00;
    font-size: 1rem;
  }
  .rental_links .sp_only a .oran_maru2 {
    display: block;
    width: 4px;
    height: 4px;
    margin: 4px auto;
    border-radius: 50%;
    background-color: #ffae00;
    color: #ffae00;
    font-size: 1rem;
  }

  /*1*/
  #rental1 {
    margin: 0 auto 60px;
    width: 100%;
    padding: 12px 20px;
    box-sizing: border-box;
  }

  .plan_area {
    display: block;
    margin-top: 50px;
  }

  .plan_area .plan_a {
    width: 100%;
    margin-bottom: 40px;
  }
  .plan_area .plan_b {
    width: 100%;
  }

  .plan_area h3 {
    width: 16%;
    height: auto;
    position: relative;
    top: -20px;
    margin-bottom: -20px;
  }

  .plan_area .week {
    padding: 0 20px 6px 20px;
  }

  .plan_area .week p {
    font-size: 1.5rem;
  }

  #rental1 .plan_area .hosoku {
    text-align: left;
    padding: 0 20px 34px;
  }

  .plan_half {
    margin: 24px auto 0;
    padding: 8px 0px 0;
    display: block;
  }
  #rental1 .plan_half .half {
    font-size: 1.5rem;
    text-align: left;
  }
  .plan_half .half2 {
    font-size: 1.5rem;
    margin-left: 0px;
    text-align: left;
  }

  /*2*/
  #rental2 .yellow .week p {
    font-size: 1.5rem;
  }

  /*3*/
  #rental3 {
    margin: 0 auto 60px;
  }
  .r3_inner1 {
    font-size: 1.5rem;
  }

  /*4*/

  #rental4 h3 {
    font-size: 1.5rem;
    margin-top: 8px;
  }

  .btn_r4 {
    display: flex;
    margin-top: 8px;
  }
  .btn_r4 a:first-of-type {
    margin-right: 10px;
  }

  .btn_r4 a {
    padding: 16px 14px;
    font-size: 1.5rem;
  }
  .btn_r4_hosoku {
    font-size: 1.2rem;
    margin-bottom: 12px;
    margin-top: 4px;
  }

  /*5*/
  .r5_congtent .furikomi {
    width: 100%;
    display: flex;
  }
  .r5_congtent .furikomi div {
    width: 36vw;
    height: auto;
  }
  .r5_congtent .furikomi .text_last {
    padding: 0px 10px 0;
  }

  /*6*/
  .r6 {
    display: block;
  }
  .r6 .r6_right {
    width: auto;
  }
  .r6 .r6_right figure {
    width: auto;
    margin-bottom: 8px;
  }
  .r6 .r6_left {
    width: auto;
  }

  /*----------------------------------------------------------------
    About us /スマホのみ
    ----------------------------------------------------------------*/
  .about_us_img {
    margin: 30px auto 60px;
    display: block;
  }
  .about_us_img figure {
    width: 100%;
    height: auto;
  }
  .about_us_img figure:first-of-type {
    margin-bottom: 10px;
  }

  /*----------------------------------------------------------------
    access /スマホのみ
    ----------------------------------------------------------------*/

  .access_map {
    width: auto;
    height: auto;
    margin: 0 auto 10px;
  }

  #access2 .attention {
    width: auto;
    text-align: left;
  }

  .subway_area {
  }

  .subway_area .subway_line1 {
    width: 100%;
    margin: 0 0 30px auto;
  }
  .subway_area .subway_line2 {
    width: 80%;
    margin: 0 0 30px auto;
  }
  .subway_area .subway_line3 {
    width: 60%;
    margin: 0 0 30px auto;
  }

  .subway_area .subway_line p {
    font-size: 1.5rem;
    line-height: 40px;
  }

  .subway_area .subway_line1 p:first-of-type {
    width: 5em;
  }
  .subway_area .subway_line2 p:first-of-type {
    width: 7em;
  }
  .subway_area .subway_line3 p:first-of-type {
    width: 5em;
  }
  .subway_area .subway_line p:last-of-type {
    width: 4em;
  }

  .subway_area .subway_line .time span {
    font-size: 1.2em;
    font-weight: 700;
    position: relative;
    top: -3px;
    margin: 0 4px;
  }

  .subway_area .subway_line .time1 {
    width: calc(100% - 5em - 4em);
  }
  .subway_area .subway_line .time2 {
    width: calc(100% - 7em - 4em);
  }
  .subway_area .subway_line .time3 {
    width: calc(100% - 5em - 4em);
  }

  /*----------------------------------------------------------------
design / スマホのみ
----------------------------------------------------------------*/
  #design_icon_area {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  #design_icon_area li {
    width: 49%;
    height: auto;
  }

  .d_section h2 {
    width: auto;
    height: auto;
    margin-bottom: 40px;
  }

  .d_works li {
    width: auto;
    height: auto;
    margin-bottom: 2px;
  }

  .d_conv h3 {
    width: 55vw;
    height: auto;
    margin-bottom: 16px;
  }

  .d_conv_btn a {
    display: block;
    margin-right: 0px;
    margin-top: 10px;
    padding: 10px 16px;
    width: auto;
    box-sizing: border-box;
    color: #fff;
    text-align: center;
    font-weight: 700;
    line-height: 1.2;
    border-radius: 3px;
  }
  
  /*----------------------------------------------------------------
cafe / スマホのみ
----------------------------------------------------------------*/
.cafe_nekoya_imgs{
  display: flex;
  justify-content: space-around;
  padding: 0 10px;
  box-sizing: border-box;
  margin-bottom: 70px;
}
.cafe_nekoya_img{
  width: 49%;
  height: auto;
}
}

/*-----------------------------------------------------------------------------------------------------------
タブレット&スマホ
-----------------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 1023px) {
  .pc {
    display: none;
  }
  .sp {
    display: block;
  }
}