@charset "UTF-8";

/*
theme Name: 七右エ門窯
Description:　
*/

/* 共通 */
html {
    font-size: 62.5%;
}
 @media (min-width: 835px) {
    html {
        font-size: calc(1vw * 100 / 1920);
    }
}    
@media (max-width: 834px) and (min-width: 441px) {
    html {
        font-size: calc(1vw * 100 / 834);
    }
} 
@media (max-width: 440px) {
    html {
        font-size: calc(1vw * 100 / 440);
    }
}   
body {
    font-family: 'Albert Sans', 'Noto SansJP',sans-serif;
    color: #1C1C1C;
}
@media (min-width: 835px) {
    .tb {
        display: none;
    }
    }
@media (min-width: 441px) {
    .sp {
        display: none;
    }
    }
@media (max-width: 440px) {
.sp_none {
    display: none;
}
}
/* スクロール時に背景画像を固定する〜iOSのsafariにも対応 */
.container {
    position:relative;
    overflow: hidden;
 } 
 .container::before {
    content: '';
    position: absolute; 
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.45); 
    z-index: -1; 
 }
.section_bg {
    position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   clip: rect(0, auto, auto, 0);
   z-index: -2;
}
.section_bg::before{
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background-image: url("../img/全背景.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
   }
/* スクロール時に背景画像を固定する〜iOSのsafariにも対応 */
.common_btn {
    text-align: center;
}
.common_btn_left {
    text-align: left;
}
/* @media (max-width: 834px) {
    .common_btn_left {
        text-align: center;
    }
} */
.common_btn a {
    font-size: 23rem;
    letter-spacing: 0.03em;
    color: #fff;
    background-color: #785F4C;
    border: 3.5rem solid #785F4C;
    width: 450rem;
    padding: 22rem 0;
    display: inline-block;
    margin-top: 40rem;
    border-radius: 5rem;
    transition: all 0.3s ease;
}
@media (max-width: 834px) {
.common_btn a {
    font-size: 20rem;
    padding: 20rem 0;
    width: 400rem;
    margin-top: 30rem;
}
}
@media (max-width: 440px) {
.common_btn a {
    font-size: 17rem;
    padding: 15rem 0;
    width: 340rem;
}
}
@media (min-width: 835px) {
.common_btn a:hover {
    background-color: #fff;
    color: #1C1C1C;
    transition: all 0.3s ease;
}
}
@media (min-width: 835px) {
.common_btn_pc_none {
    display: none;
}
}
.common_tel_btn_memo {
    font-size: 23rem;
    letter-spacing: 0.03em;
    line-height: 1.4;
    margin-top: 25rem;
}
@media (max-width: 834px) {
    .common_tel_btn_memo {
        font-size: 18rem;
        margin-top: 20rem;
    }
}
@media (max-width: 440px) {
    .common_tel_btn_memo {
        font-size: 16rem;
    }
}
@media (min-width: 835px) {
.common_tel_btn_memo a {
    pointer-events: none;
}
}
.common_btn_left a {
    text-align: center;
}
.pottery_common_btn a {
    margin-top: 30rem;
}
@media (max-width: 440px) {
    .pottery_common_btn a {
        margin-top: 20rem;
    }
}
.common_cha_title {
    font-size: 28rem;
    font-weight: bold;
    letter-spacing: 0.08em;
    text-align: center;
    background-color: #3F312B;
    border-radius: 50rem;
    width: 550rem;
    padding: 20rem 0;
    margin: 70rem auto;
    color: #fff;
}
@media (max-width: 834px) {
    .common_cha_title {
        font-size: 24rem;
        width: 500rem;
        margin: 0 auto 40rem;
    }
}
@media (max-width: 440px) {
    .common_cha_title {
        font-size: 18rem;
        width: 360rem;
        margin: 0 auto 25rem;
        padding: 18rem 0;
    }
}
@media (min-width: 835px) {
.common_slide {
	display:none;
}
}
.common_slide {
	font-size:20rem;
	letter-spacing:0.03em;
	text-align:center;
	padding-bottom:20rem;
}
@media (max-width: 440px) {
.common_slide {
	font-size:18rem;
	padding-bottom:15rem;
}
}
.common_contact_bg {
  width: 1350rem;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  padding: 70rem 90rem;
  border-radius: 5rem;
  position: relative;
  z-index: 0;
  margin: 100rem auto 0;
}
@media (max-width: 834px) {
    .common_contact_bg {
        width: 100%;
        margin: 60rem auto 0;
        padding: 50rem 40rem;
      }
}
@media (max-width: 440px) {
    .common_contact_bg {
        margin: 60rem auto 0;
        padding: 30rem 20rem;
      }
}
.common_contact_bg .top_section_title_content p {
    text-align: center;
}
@media (max-width: 440px) {
    .common_contact_bg .top_section_title_content {
       margin-bottom: 15rem;
    }
    .common_contact_bg .top_section_title_content p {
      text-align: left;
    }
}
.common_contact_bg_other {
	margin-bottom: 120rem;
}
@media (max-width: 834px) {
	.common_contact_bg_other {
	margin-bottom: 80rem;
		width:90%;
}
}
@media (max-width: 440px) {
	.common_contact_bg_other {
	margin-bottom: 60rem;
}
}
.common_trip_bg {
    width: 1350rem;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 70rem 90rem;
    border-radius: 5rem;
    position: relative;
    z-index: 0;
    margin: 100rem auto 140rem;
  }
  @media (max-width: 834px) {
    .common_trip_bg {
        width: 90%;
        margin: 80rem auto 100rem;
        padding: 50rem 40rem;
      }
}
@media (max-width: 440px) {
    .common_trip_bg {
        padding: 30rem 20rem;
        margin: 50rem auto 60rem;
      }
}
.reception_bg {
    width: 1350rem;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 70rem 90rem;
    border-radius: 5rem;
    position: relative;
    z-index: 0;
    margin: 60rem auto 0;
}
@media (max-width: 834px) {
    .reception_bg {
        width: 90%;
        margin: 40rem auto 0;
        padding: 50rem 40rem;
      }
}
@media (max-width: 440px) {
    .reception_bg {
        margin: 30rem auto 0;
        padding: 30rem 15rem;
      }
}
.common_contact_bg::before,
.common_trip_bg::before,
.reception_bg::before {
    content: '';
    position: absolute; 
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(51, 51, 51, 0.65);
    border-radius: 5rem;
    z-index: -1;
 }
 .tel_form_content {
    display: flex;
    align-items: center;
    justify-content: space-between;
 }
 @media (max-width: 834px) {
    .tel_form_content {
        flex-direction: column;
     }
 }
.tel_content {
    display: flex;
}
@media (max-width: 834px) {
    .tel_content {
        align-items: center;
    }
}
@media (max-width: 440px) {
    .tel_content {
        flex-direction: column;
    }
}
.tel_box {
    display: flex;
}
@media (max-width: 440px) {
    .tel_box {
       justify-content: center;
    }
}
.tel_image {
    width: 70rem;
    height: 70rem;
    margin-right: 10rem;
}
@media (max-width: 834px) {
    .tel_image {
        width: 60rem;
        height: 60rem;
    }
}
@media (max-width: 440px) {
    .tel_image {
        width: 46rem;
        height: 46rem;
        margin-right: 7rem;
        margin-top: 4rem;
    }
}
.tel_image  img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
@media (max-width: 440px) {
.tel_text {
    display: flex;
    flex-direction: column;
}
}
.tel_text p,
.tel_content_p {
    font-size: 23rem;
    letter-spacing: 0.03em;
    color: #fff;
    margin-bottom: 5rem;
    z-index: 1;
}
@media (max-width: 834px) {
    .tel_text p,
    .tel_content_p {
        font-size: 20rem;
    }
}
@media (max-width: 440px) {
    .tel_text p,
    .tel_content_p {
        font-size: 17rem;
    }
    .tel_content_p {
        text-align: center;
		margin-bottom: 10rem;
    }
}
@media (max-width: 440px) {
.tel_link_content {
    display: flex;
    flex-direction: column;
}
}
.tel_title {
    font-size: 44rem;
    letter-spacing: 0.03em;
    font-weight: bold;
    color: #fff;
    margin-right: 5rem;
    z-index: 1;
}
@media (max-width: 834px) {
    .tel_title {
        font-size: 38rem;
    }
}
@media (max-width: 440px) {
    .tel_title {
        font-size: 32rem;
    }
}
.tel_sub_title {
    font-size: 21rem;
    letter-spacing: 0.03em;
    color: #fff;
    margin-right: 5rem;
}
@media (max-width: 834px) {
    .tel_sub_title {
        font-size: 18rem;
    }
}
@media (max-width: 440px) {
    .tel_sub_title {
        font-size: 16rem;
    }
}
.mail_content {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 450rem;
    padding: 17rem 0;
    background-color: #fff;
    border-radius: 5rem;
}
@media (max-width: 834px) {
    .mail_content {
        width: 400rem;
        margin-top: 30rem;
    }
}
@media (max-width: 440px) {
    .mail_content {
        width: 340rem;
        padding: 15rem 0;
        margin-top: 20rem;
    }
}
.mail_image {
    width: 50rem;
    height: 50rem;
    margin-right: 20rem;
}
@media (max-width: 834px) {
    .mail_image {
        width: 35rem;
        height: 35rem;
        margin-right: 10rem;
    } 
}
@media (max-width: 440px) {
    @media (max-width: 834px) {
        .mail_image {
            width: 27rem;
            height: 27rem;
            margin-right: 8rem;
        } 
    }
}
.mail_image  img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.mail_content p {
    font-size: 23rem;
    letter-spacing: 0.03em;
}
@media (max-width: 834px) {
    .mail_content p {
        font-size: 20rem;
    }
}
@media (max-width: 440px) {
    .mail_content p {
        font-size: 17rem;
    }
}
.white_bg {
    background-color: #fff;
    padding: 100rem 0 120rem 0;
}
@media (max-width: 834px) {
    .white_bg {
        background-color: #fff;
        padding: 60rem 0 80rem 0;
    }
}
@media (max-width: 440px) {
    .white_bg {
        padding: 50rem 0 60rem 0;
    }
}
.text_white {
    color: #fff!important;
    /* text-align: center; */
}
.common_sub_title {
    display: flex;
}
@media (max-width: 834px) {
    .common_sub_title {
        justify-content: start;
    }
}
.green_circle {
    display: block;
    border-radius: 50%;
    width: 20rem;
    height: 20rem;
    background-color: #5C9291;
    margin-right: 10rem;
    margin-top: 15rem;
}
@media (max-width: 834px) {
    .green_circle {
        width: 18rem;
        height: 18rem;
        margin-right: 8rem;
        margin-top: 11rem;
    }
}
@media (max-width: 440px) {
    .green_circle {
        width: 15rem;
        height: 15rem;
        margin-right: 6rem;
        margin-top: 8rem;
    }
}
.insta_green_circle {
    margin-top: 21rem;
}
@media (max-width: 834px) {
    .insta_green_circle {
        margin-top: 17rem;
    }  
}
@media (max-width: 440px) {
    .insta_green_circle {
        margin-top: 13rem;
    }  
}
.common_sub_title p,
.common_sub_title h3 {
    font-size: 34rem;
    letter-spacing: 0.03em;
    font-weight: bold;
    line-height: 1.5;
}
@media (max-width: 834px) {
    .common_sub_title p,
    .common_sub_title h3 {
    font-size: 28rem;
}
}
@media (max-width: 440px) {
    .common_sub_title p,
    .common_sub_title h3 {
    font-size: 22rem;
}
}
/* 下層ファーストビュー */
.page_fv_wrapper {
    position: relative;
    width: 100%;
    min-height: calc(var(--vh, 1vh) * 40);
}
@media (max-width: 834px) {
    .page_fv_wrapper {
        min-height: calc(var(--vh, 1vh) * 30);
    }
}
.page_fv_content {
    content: "";
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    min-height: calc(var(--vh, 1vh) * 40);
    width: 100%;
	 opacity: 0;
}
.page_fv_content.loaded {
    opacity: 1;
}
@media (max-width: 834px) {
    .page_fv_content {
        min-height: calc(var(--vh, 1vh) * 30);
    }
}
.page_fv_content::before {
    content: '';
    position: absolute; 
    top: 0;
    left: 0;
    width: 100%;
    min-height: calc(var(--vh, 1vh) * 40);
    background-color: rgba(51, 51, 51, 0.2);
 }
 @media (max-width: 834px) {
    .page_fv_content::before {
        min-height: calc(var(--vh, 1vh) * 30);
     }
 }
@media (max-width: 440px) {
    .page_fv_content::before {
            background-color: rgba(51, 51, 51, 0.3);
     }
 }
.page_fv_title {
    position: absolute;
    left: 50%;
    top: 55%;
    transform: translate(-50%,-50%);
    white-space: nowrap;
    font-size: 54rem;
    font-weight: bold;
	letter-spacing: 0.08em;
    color: #fff;
    text-align: center;
}
@media (max-width: 834px) {
    .page_fv_title {
        font-size: 40rem;
		top: 55%;
    }
}
@media (max-width: 440px) {
    .page_fv_title {
        font-size: 30rem;
		top: 60%;
    }
}
/* 下層ファーストビュー */
.common_page_content {
    background-color: #fff;
    border-radius: 5rem;
    border: 4rem solid #785F4C;
    width: 1200rem;
    margin: 0 auto 100rem;
    padding: 55rem 120rem 50rem 120rem;
}
@media (max-width: 834px) {
    .common_page_content {
        width: 100%;
        margin: 0 auto 60rem;
        padding: 40rem;
    }
}
@media (max-width: 440px) {
    .common_page_content {
        padding: 20rem;
        border: 3rem solid #785F4C;
    }
}
.common_page_content h2 {
    font-size: 48rem;
    font-weight: bold;
    letter-spacing: 0.03em;
    margin-bottom: 40rem;
    text-align: center;
    line-height: 1.4;
}
@media (max-width: 834px) {
    .common_page_content h2 {
        font-size: 38rem;
        margin-bottom: 30rem;
    }
}
@media (max-width: 440px) {
    .common_page_content h2 {
        font-size: 24rem;
        margin-bottom: 20rem;
		line-height: 1.5;
    }
}
.common_page_content p {
    font-size: 23rem;
    letter-spacing: 0.03em;
    line-height: 1.8;
}
@media (max-width: 834px) {
    .common_page_content p {
        font-size: 20rem;
    }
}
@media (max-width: 440px) {
    .common_page_content p {
        font-size: 18rem;
        line-height: 1.6;
    }
}
.page_content_text {
    margin-top: 10rem;
}
.page_content_text span {
    font-size: 21rem;
    letter-spacing: 0.03em;
    display: block;
    margin-bottom: 5rem;
    line-height: 1.6;
}
@media (max-width: 834px) {
    .page_content_text span {
        font-size: 18rem;
    }
}
@media (max-width: 440px) {
    .page_content_text span {
        font-size: 16rem;
    }
}
.page_section_title_content {
    margin-bottom: 60rem;
}
@media (max-width: 834px) {
    .page_section_title_content {
        margin-bottom: 40rem;
    }
}
@media (max-width: 440px) {
    .page_section_title_content {
        margin-bottom: 20rem;
    }
}
.page_section_title_content p {
    font-size: 23rem;
    line-height: 1.8;
    letter-spacing: 0.03em;
    inline-size: fit-content;
    margin-inline: auto;
}
@media (max-width: 834px) {
    .page_section_title_content p {
        font-size: 20rem;
    }
}
@media (max-width: 440px) {
    .page_section_title_content p {
        font-size: 18rem;
        line-height: 1.6;
    }
}
.page_section_title h2 {
    font-size: 48rem;
    font-weight: bold;
    letter-spacing: 0.03em;
    position: relative;
    line-height: 1.4;
}
@media (max-width: 834px) {
    .page_section_title h2 {
        font-size: 38rem;
    }
}
@media (max-width: 440px) {
    .page_section_title h2 {
        font-size: 28rem;
    }
}
.page_section_title h2::before {
    content: "";
    position: absolute;
    bottom: -20rem;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 80rem;
    height: 4rem;
    background-color: #785F4C;
}
@media (max-width: 440px) {
    .page_section_title h2::before {
        bottom: -15rem;
        width: 60rem;
        height: 3rem;
    }
}
.page_section_title {
    margin-bottom: 60rem;
    text-align: center;
}
@media (max-width: 440px) {
    .page_section_title {
        margin-bottom: 40rem;
    }
}
.common_guest_content {
    margin-top: 120rem;
}
@media (max-width: 834px) {
    .common_guest_content {
        margin-top: 80rem;
    }
}
@media (max-width: 440px) {
    .common_guest_content {
        margin-top: 60rem;
    }
}
.common_guest_list {
    display: flex;
    flex-wrap: wrap;
    gap: 40rem;
}
.common_guest_image {
    width: 500rem;
    height: 375rem;
}
@media (max-width: 834px) {
    .common_guest_image {
        width: 100%;
        height: 562rem;
    }
}
@media (max-width: 440px) {
    .common_guest_image {
        height: 297rem;
    }
}
.common_guest_image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 5rem;
}
.common_guest_voice {
    width: 1570rem;
    margin: 120rem auto;
}
@media (max-width: 834px) {
    .common_guest_voice {
        width: 90%;
    }
}
.common_guest_voice_list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
@media (max-width: 834px) {
    .common_guest_voice_list {
       flex-direction: column;
    }
}
.common_guest_voice_item {
    width: 750rem;
}
@media (max-width: 834px) {
    .common_guest_voice_item {
        width: 100%;
        margin-bottom: 50rem;
    }
}
@media (max-width: 440px) {
    .common_guest_voice_item {
        margin-bottom: 40rem;
    }
}
.common_guest_voice_item:last-child {
    margin-bottom: 0;
}
.common_guest_voice_image {
    width: 100%;
    height: 422rem;
    margin-bottom: 40rem;
}
@media (max-width: 440px) {
    .common_guest_voice_image {
        width: 100%;
        height: 297rem;
        margin-bottom: 20rem;
    }
}
.common_guest_voice_image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 5rem;
}
.common_guest_voice_content {
    padding: 0 2%;
}
.common_guest_voice_title {
    display: flex;
    align-items: center;
    margin-bottom: 30rem;
}
@media (max-width: 834px) {
    .common_guest_voice_title {
        margin-bottom: 25rem;
    }
}
@media (max-width: 440px) {
    .common_guest_voice_title {
       align-items: start;
       flex-direction: column;
       margin-bottom: 20rem;
    }
}
.common_guest_voice_title p {
    font-size: 30rem;
    font-weight: bold;
    letter-spacing: 0.03em;
}
@media (max-width: 834px) {
    .common_guest_voice_title p {
        font-size: 28rem;
    }
}
@media (max-width: 440px) {
    .common_guest_voice_title p {
        font-size: 24rem;
        margin-bottom: 8rem;
    }
}
.common_guest_voice_title span {
    font-size: 21rem;
    letter-spacing: 0.03em;
}
@media (max-width: 834px) {
    .common_guest_voice_title span {
        font-size: 18rem;
    }
}
@media (max-width: 440px) {
    .common_guest_voice_title span {
        font-size: 16rem;
    }
}
.guest_voice {
    font-size: 25rem;
    font-weight: bold;
    letter-spacing: 0.03em;
    color: #785F4C;
    margin-bottom: 20rem;
    display: block;
}
@media (max-width: 834px) {
    .guest_voice {
        font-size: 23rem;
        margin-bottom: 15rem;
    }
}
@media (max-width: 440px) {
    .guest_voice {
        font-size: 20rem;
        margin-bottom: 15rem;
    }
}
.guest_voice_text {
    font-size: 23rem;
    line-height: 1.8;
    letter-spacing: 0.03em;
}
@media (max-width: 834px) {
    .guest_voice_text {
        font-size: 20rem;
    }
}
@media (max-width: 440px) {
    .guest_voice_text {
        font-size: 18rem;
        line-height: 1.6;
    }
}
.common_pottery_painting {
    width: 1100rem;
    margin: 100rem auto 0;
    background-color: #785F4C;
    border-radius: 5rem;
    padding: 60rem 0;
}
@media (max-width: 834px) {
    .common_pottery_painting {
        width: 100%;
        margin: 0 auto;
        padding: 60rem 0;
        border-radius: 0;
    }
    .common_painting {
        margin-top: 60rem;
    }
}
@media (max-width: 440px) {
    .common_pottery_painting {
        padding: 30rem 25rem;
        margin: 0 auto;
    }
    .common_painting {
        margin-top: 40rem;
    }
}
.common_pottery_painting_content {
    color: #fff;
    text-align: center;
}
@media (max-width: 440px) {
    .common_pottery_painting_content {
        text-align: left;
    }
}
.common_pottery_painting_content span {
    font-size: 40rem;
    font-weight: bold;
    letter-spacing: 0.03em;
    margin-bottom: 30rem;
    display: block;
}
@media (max-width: 834px) {
    .common_pottery_painting_content span {
        font-size: 34rem;
        margin-bottom: 20rem;
    }
}
@media (max-width: 440px) {
    .common_pottery_painting_content span {
        font-size: 28rem;
        text-align: center;
    }
}
.common_pottery_painting_content p {
    font-size: 23rem;
    letter-spacing: 0.03em;
    line-height: 1.8;
}
@media (max-width: 834px) {
    .common_pottery_painting_content p {
        font-size: 20rem;
    }
}
@media (max-width: 440px) {
    .common_pottery_painting_content p {
        font-size: 18rem;
        line-height: 1.6;
    }
}
.pottery_painting_btn a {
    background-color: #fff;
    color: #1C1C1C;
}
.page_have_header .fbc-wrap {
    margin-top: 105rem;
}
@media (max-width: 834px) {
    .page_have_header .fbc-wrap {
        margin-top: 90rem;
    } 
}
@media (max-width: 440px) {
    .page_have_header .fbc-wrap {
        margin-top: 65rem;
    } 
}
/* 共通 */

/* ヘッダー */
.header_logo_image {
    width: 230rem;
}
@media (max-width: 834px) {
    .header_logo_image {
        width: 180rem;
    }
}
@media (max-width: 440px) {
    .header_logo_image {
        width: 140rem;
        margin-top: 5rem;
    }
}
.header_logo_image img {
    width: 100%;
    object-fit: cover;
}
.header {
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
    transition: 0.3s ease;
}
.header.change-color {
    background-color: #3F312B; 
    transition: 0.3s ease;
}
.page_header {
    background-color: #3F312B;
}
.header_content {
    display: flex;
    justify-content: space-between;
    align-items:center;
    height: 110rem;
    width: 100%;
    padding: 0 0 0 3%;
}
@media (max-width: 834px) {
    .header_content {
        height: 90rem;
    }
}
@media (max-width: 440px) {
    .header_content {
        height: 65rem;
    }
}
.header_nav {
    display: flex;
    align-items: center;
}
@media (max-width: 834px) {
    .header_nav {
       display: none;
    }
}
.header_nav_item {
    font-size: 25rem;
    font-weight: bold;
    margin: 0 10rem;
	letter-spacing:0.1em;
    color: #fff;
}
.header_nav_item a {
    display: inline-block;
    padding: 10rem 25rem;
}
.header_item_contact {
    margin-left: 40rem;
}
.header_item_contact_link {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: #785F4C;
    width: 250rem;
    height: 110rem;
    border-bottom-left-radius: 5rem;
    gap: 10rem;
}
.header_item_contact_link img {
    width: 35rem;
}
.header_item_contact_link span {
    color: #fff;
    font-size: 21rem;
    font-weight: bold;
    letter-spacing: 0.08em;
}
/* ヘッダーサブメニュー表示 */
.header_sub_item {
    pointer-events: none;
}
.header_nav_item .submenu {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    background-color: #3F312B;
    list-style: none;
    top: 100%;
    left: 15%;
    z-index: 999;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    transition: opacity 0.3s ease, visibility 0.3s ease;
}
.header_nav_item.has-submenu {
    position: relative;
}
.header_nav_item.has-submenu:hover .submenu {
    opacity: 1;
    visibility: visible;
}
.submenu li {
    white-space: nowrap;
}
.submenu li a {
    display: block;
    padding: 20rem;
    color: #fff;
    text-decoration: none;
    font-size: 21rem;
    letter-spacing: 0.08em;
    font-weight: normal;
    width: 250rem;
}
.submenu li a:hover {
    background-color: #785F4C;
    transition: all 0.3s ease;
}
/* ヘッダーサブメニュー表示 */
/* ヘッダー */

/* フッター */
footer {
    background-color: #3F312B;
}
.footer {
    padding-top: 60rem;
	padding: 60rem 6% 0 6%;
    width: 100%;
	color: #fff;
}
@media (max-width: 834px) {
    .footer {
        padding-top: 40rem;
    }
}
@media (max-width: 440px) {
    .footer {
        padding-top: 30rem;
    }
}
.footer_content {
    margin-bottom: 80rem;
}
@media (max-width: 834px) {
    .footer_content {
        margin-bottom: 60rem;
    }
}
.footer_box {
	display:flex;
	justify-content:space-between;
	align-items:center;
}
@media (max-width: 834px) {
	.footer_box {
		flex-direction:column;
		align-items:start;
	}
}
.footer_left {
    width: 450rem;
}
@media (max-width: 834px) {
    .footer_left {
        width: 100%;
		margin-bottom:40rem;
    }
}
@media (max-width: 440px) {
    .footer_left {
		margin-bottom:30rem;
    }
}
.footer_logo {
    width: 300rem;
    margin-bottom: 60rem;
}
@media (max-width: 834px) {
    .footer_logo {
        width: 180rem;
        margin-bottom: 40rem;
    }
}
@media (max-width: 440px) {
    .footer_logo {
        width: 140rem;
        margin-bottom: 25rem;
    }
}
.footer_logo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.footer_title_content {
    margin-bottom: 30rem;
}
@media (max-width: 440px) {
    .footer_title_content {
        margin-bottom: 20rem;
    }
}
.footer_title {
    font-size: 36rem;
    font-weight: bold;
    letter-spacing: 0.03em;
}
@media (max-width: 834px) {
    .footer_title {
        font-size: 30rem;
    } 
}
@media (max-width: 440px) {
    .footer_title {
        font-size: 24rem;
    } 
}
.footer_text {
    font-size: 20rem;
    letter-spacing: 0.03em;
}
@media (max-width: 834px) {
    .footer_text {
        font-size: 18rem;
    }
}
@media (max-width: 440px) {
    .footer_text {
        font-size: 16rem;
    }
}
.footer_left_list {
    margin-bottom: 20rem;
}
.footer_left_list li {
    font-size: 23rem;
    letter-spacing: 0.03em;
    line-height: 1.5;
    margin-bottom: 5rem;
}
@media (max-width: 834px) {
    .footer_left_list li {
        font-size: 20rem;
    }
}
@media (max-width: 440px) {
    .footer_left_list li {
        font-size: 18rem;
    }
}
.footer_left_list li:last-child {
    margin-bottom: 0;
}
@media (min-width: 835px) {
.footer_left_list li a,
.tel_link,
.pottery_common_btn a,
.sp_header_link {
    pointer-events: none;
}
}
.insta_image {
    width: 50rem;
    height: 50rem;
    margin-bottom: 60rem;
    display: block;
}
.footer .insta_image {
	margin-bottom:0;
}
@media (max-width: 834px) {
    .insta_image {
        width: 40rem;
        height: 40rem;
        margin-bottom: 20rem;
    }
}
@media (max-width: 440px) {
    .insta_image {
        width: 35rem;
        height: 35rem;
        margin-bottom: 15rem;
    }
}
.insta_image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.footer_nav {
    display: flex;
	justify-content: center;
    margin-bottom: 40rem;
}
@media (max-width: 834px) {
    .footer_nav {
       display: none;
    }
}
.footer_nav_item {
    font-size: 23rem;
    letter-spacing: 0.03em;
    margin: 0 20rem;
    position: relative;
}
.footer_nav_item:last-child {
    margin-right: 0;
}
.footer_nav_item:not(:last-child)::before {
    position: absolute;
    content: "";
    top: 15%;
    right: -15%;
    transform: translate(0,-50%);
    width: 1.5rem;
    height: 30rem;
    background-color: #fff;
}
.footer_nav_item a {
    padding: 5rem 20rem;
}
iframe {
    padding-right: 20rem;
    border-radius: 5rem;
    margin-top: 20rem;
    width: 600rem;
    height: 450rem;
}
@media (max-width: 834px) {
    iframe {
        padding-right: 0;
        width: 100%;
        height: 380rem;
        margin-top: 40rem;
    }
}
@media (max-width: 440px) {
    iframe {
        height: 280rem;
		margin-top: 30rem;
    }
}
.footer_end {
    text-align: center;
    font-size: 20rem;
    letter-spacing: 0.03em;
    padding-bottom: 20rem;
}
@media (max-width: 834px) {
    .footer_end {
        font-size: 16rem;
    }
}
@media (max-width: 440px) {
    .footer_end {
        font-size: 14rem;
    }
}
.footer_sub_nav li {
    margin-top: 15rem;
    position: relative;
   margin-left: 20rem;
   font-size: 21rem;
}
.footer_sub_nav li::before {
    content: "";
    position: absolute;
    top: 40%;
    left: 3rem;
    width: 10rem;
    height: 2rem;
    background-color: #fff;    
}
.footer_nav_link_none {
    pointer-events: none;
}
/* フッター */

/* トップ */
/* ローディング */
.loading {
	background: #785F4C;
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 9000;
}
.loading_image {
	position: fixed;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	display: none;
	z-index: 9999;
	width: 400rem;
}
@media (max-width: 834px) {
    .loading_image {
        width: 300rem;
    }
}
@media (max-width: 440px) {
    .loading_image {
        width: 200rem;
    }
}
.loading_image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
/* ローディング */
/* トップ〜ファーストビュー */
 .top_fv {
    position: relative;
 }
 /* スライダー */
 .slider-container {
    width: 100%;
}
  .image-pair {
    width: 100%;
    min-height: calc(var(--vh, 1vh) * 100);
    position: relative;
  }
  @media (max-width: 834px) {
    .image-pair {
        display: flex;
        flex-direction: column;
		min-height: calc(var(--vh, 1vh) * 50);
      }
  }
  .image-pair::before {
    content: '';
    position: absolute; 
    top: 0;
    left: 0;
    width: 100%;
    min-height: calc(var(--vh, 1vh) * 100);
    background-color: rgba(51, 51, 51, 0.2);
 }
  @media (max-width: 834px) {
   .image-pair::before {
    background-color: rgba(51, 51, 51, 0.4);
 }
}
  .image-pair.active {
    display: flex;
  }
  .image-pair img {
    width: 50%;
    height: auto;
    object-fit: cover;
  }
  @media (max-width: 834px) {
    .image-pair img {
        width: 100%;
		min-height: calc(var(--vh, 1vh) * 50);

      }
  } 
   /* スライダー */
.top_fv_message {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    white-space: nowrap;
    display: none;
}
@media (max-width: 834px) {
    .top_fv_message {
        top: 49%;
    }
}
.top_fv_message_title {
    font-size: 80rem;
    font-weight: bold;
    line-height: 1.4;
	letter-spacing: 0.08em;
    color: #fff;
    text-align: center;
}
@media (max-width: 834px) {
    .top_fv_message_title {
        font-size: 60rem;
    }
}
@media (max-width: 440px) {
    .top_fv_message_title {
        font-size: 36rem;
    }
}
.top_fv_message_text {
    font-size: 28rem;
    line-height: 1.8;
    font-weight: 500;
    margin-top: 30rem;
	letter-spacing: 0.08em;
    color: #fff;
    font-weight: bold;
    text-align: center;
}
@media (max-width: 834px) {
    .top_fv_message_text {
        font-size: 20rem;
        margin-top: 15rem;
    }
}
@media (max-width: 834px) {
    .top_fv_message_text {
        font-size: 18rem;
    }
}
/* トップ〜ファーストビュー */
.top_about_wrapper {
    width: 1600rem;
    margin: 140rem auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
@media (max-width: 834px) {
    .top_about_wrapper {
        width: 90%;
        margin: 80rem auto;
        flex-direction: column;
    } 
}
@media (max-width: 440px) {
    .top_about_wrapper {
        margin: 60rem auto;
    } 
}
.top_about_content {
    width: 710rem;
}
@media (max-width: 834px) {
    .top_about_content {
        width: 100%;
        margin-bottom: 30rem;
    } 
}
@media (max-width: 440px) {
    .top_about_content {
        margin-bottom: 20rem;
    } 
}
.top_section_title {
    margin-bottom: 40rem;
    text-align: center;
}
@media (max-width: 834px) {
    .top_section_title {
        margin-bottom: 30rem;
    }
}
@media (max-width: 440px) {
    .top_section_title {
        margin-bottom: 20rem;
    }
}
.top_about_section_title {
    text-align: left;
}
@media (max-width: 834px) {
    .top_about_section_title {
        text-align: center;
    }
}
.top_about_section_title span {
    margin-left: 5rem;
}
.top_section_title_content {
    margin-bottom: 60rem;
}
@media (max-width: 834px) {
    .top_section_title_content {
        margin-bottom: 40rem;
    }
}
@media (max-width: 440px) {
    .top_section_title_content {
        margin-bottom: 30rem;
    }
}
.top_section_title_content p {
    font-size: 23rem;
    line-height: 1.8;
    letter-spacing: 0.03em;
    inline-size: fit-content;
    margin-inline: auto;
}
@media (max-width: 834px) {
    .top_section_title_content p {
        font-size: 20rem;
    }
}
@media (max-width: 440px) {
    .top_section_title_content p {
        font-size: 18rem;
        line-height: 1.6;
        text-align-last: left;
    }
}
.reception_section_title_content p {
    font-size: 23rem;
    line-height: 1.8;
    letter-spacing: 0.03em;
    inline-size: fit-content;
    margin-inline: auto;
}
.top_section_title span {
    color: #785F4C;
    font-size: 30rem;
    font-weight: bold;
    letter-spacing: 0.03em;
    margin-bottom: 15rem;
    display: block;
}
@media (max-width: 834px) {
    .top_section_title span {
        font-size: 22rem;
    }
}
@media (max-width: 440px) {
    .top_section_title span {
        font-size: 18rem;
        margin-bottom: 10rem;
    }
}
.top_section_title h3,
.top_section_title p {
    font-size: 48rem;
    font-weight: bold;
    letter-spacing: 0.03em;
    line-height: 1.4;
}
@media (max-width: 834px) {
    .top_section_title h3,
    .top_section_title p {
    font-size: 38rem;
}
}
@media (max-width: 440px) {
    .top_section_title h3,
    .top_section_title p {
    font-size: 28rem;
}
}
.top_about_text {
    font-size: 23rem;
    line-height: 1.8;
    letter-spacing: 0.03em;
}
@media (max-width: 834px) {
    .top_about_text {
        font-size: 20rem;
    }
}
@media (max-width: 440px) {
    .top_about_text {
        font-size: 18rem;
        line-height: 1.6;
    }
}
.top_about_image {
    width: 780rem;
    height: 500rem;
}
@media (max-width: 834px) {
    .top_about_image {
        width: 100%;
        height: 563rem;
    }
}
@media (max-width: 440px) {
    .top_about_image {
        height: 223rem;
    }
}
.top_about_image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 5rem;
}
.experience_wrapper {
    width: 1420rem;
    margin: 0 auto 140rem;
}
@media (max-width: 834px) {
    .experience_wrapper {
        width: 90%;
        margin: 0 auto 80rem;
    }
}
@media (max-width: 440px) {
    .experience_wrapper {
        width: 90%;
        margin: 0 auto 60rem;
    }
}
.experience_list {
    display: flex;
    justify-content: space-between;
}
@media (max-width: 834px) {
    .experience_list {
        flex-direction: column;
    } 
}
.experience_item {
    width: 650rem;
}
@media (max-width: 834px) {
    .experience_item {
        width: 100%;
        margin-bottom: 60rem;
    } 
    .experience_item:last-child {
        margin-bottom: 0;
    }
}
@media (max-width: 440px) {
    .experience_item {
        margin-bottom: 40rem;
    } 
}
.experience_image {
    width: 100%;
    height: 488rem;
    margin-bottom: 30rem;
}
@media (max-width: 834px) {
    .experience_image {
        height: 563rem;
    }
}
@media (max-width: 440px) {
    .experience_image {
        height: 297rem;
        margin-bottom: 20rem;
    }
}
.experience_image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 5rem;
}
.experience_item h4 {
    font-size: 32rem;
    font-weight: bold;
    letter-spacing: 0.03em;
    margin-bottom: 20rem;
    text-align: center;
}
@media (max-width: 834px) {
    .experience_item h4 {
        font-size: 28rem;
        margin-bottom: 15rem;
    }
}
@media (max-width: 440px) {
    .experience_item h4 {
        font-size: 24rem;
        margin-bottom: 10rem;
    }
}
.experience_item p {
    font-size: 23rem;
    letter-spacing: 0.03em;
    line-height: 1.8;
    padding: 0 5%;
}
@media (max-width: 834px) {
    .experience_item p {
        font-size: 20rem;
    }
}
@media (max-width: 440px) {
    .experience_item p {
        font-size: 18rem;
        line-height: 1.6;
    }
}
.seasonal_wrapper {
    width: 1600rem;
    margin: 0 auto;
}
@media (max-width: 834px) {
    .seasonal_wrapper {
        width: 90%;
    }
}
.seasonal_content {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
@media (max-width: 834px) {
    .seasonal_content {
        flex-direction: column;
    }
}
.seasonal_image {
    width: 800rem;
    height: 600rem;
}
@media (max-width: 834px) {
    .seasonal_image {
        width: 100%;
        height: 563rem;
        margin-bottom: 30rem;
    }
}
@media (max-width: 440px) {
    .seasonal_image {
        height: 297rem;
        margin-bottom: 20rem;
    }
}
.seasonal_image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 5rem;
}
.seasonal_right {
    width: 683rem;
}
@media (max-width: 834px) {
    .seasonal_right {
        width: 100%;
        padding: 0 5%;
    } 
}
.seasonal_right_title {
    font-size: 32rem;
    letter-spacing: 0.03em;
    font-weight: bold;
    margin-bottom: 30rem;
}
@media (max-width: 834px) {
    .seasonal_right_title {
        font-size: 28rem;
        margin-bottom: 15rem;
    }
}
@media (max-width: 440px) {
    .seasonal_right_title {
        font-size: 24rem;
        margin-bottom: 10rem;
        inline-size: fit-content;
        margin-inline: auto;
    }
}
.seasonal_right_text {
    font-size: 23rem;
    letter-spacing: 0.03em;
    line-height: 1.8;
    margin-bottom: 15rem;
}
@media (max-width: 834px) {
    .seasonal_right_text {
        font-size: 20rem;
        margin-bottom: 10rem;
    } 
}
@media (max-width: 440px) {
    .seasonal_right_text {
        font-size: 18rem;
        margin-bottom: 5rem;
        line-height: 1.6;
    } 
}
.seasonal_right span {
    font-size: 23rem;
    letter-spacing: 0.03em;
    line-height: 1.6;
}
@media (max-width: 834px) {
    .seasonal_right span {
        font-size: 20rem;
    } 
}
@media (max-width: 440px) {
    .seasonal_right span {
        font-size: 18rem;
    } 
}
.order_wrapper {
    width: 1420rem;
    margin: 110rem auto 140rem;
}
@media (max-width: 834px) {
    .order_wrapper {
        width: 90%;
        margin: 60rem auto 80rem;
    }
}
@media (max-width: 440px) {
    .order_wrapper {
        margin: 40rem auto 60rem;
    }
}
.order_list {
    display: flex;
    justify-content: space-between;
}
@media (max-width: 834px) {
    .order_list {
        flex-direction: column;
    }
}
.order_item {
    width: 650rem;
}
@media (max-width: 834px) {
    .order_item {
        width: 100%;
    }
}
.order_image {
    width: 100%;
    height: 488rem;
    margin-bottom: 30rem;
}
@media (max-width: 834px) {
    .order_image {
        width: 100%;
        height: 563rem;
        margin-bottom: 30rem;
    }
}
@media (max-width: 440px) {
    .order_image {
        width: 100%;
        height: 297rem;
        margin-bottom: 20rem;
    }
}
.order_image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 5rem;
}
.order_item h5 {
    font-size: 32rem;
    font-weight: bold;
    letter-spacing: 0.03em;
    margin-bottom: 20rem;
    text-align: center;
    line-height: 1.4;
}
@media (max-width: 834px) {
    .order_item h5 {
        font-size: 28rem;
        margin-bottom: 15rem;
    }
}
@media (max-width: 440px) {
    .order_item h5 {
        font-size: 24rem;
        margin-bottom: 10rem;
    }
}
.order_item p {
    font-size: 23rem;
    letter-spacing: 0.03em;
    line-height: 1.8;
    padding: 0 5%;
}
@media (max-width: 834px) {
    .order_item p {
        font-size: 20rem;
    }
}
@media (max-width: 440px) {
    .order_item p {
        font-size: 18rem;
        line-height: 1.6;
    }
}
.top_news_wrapper {
    width: 1600rem;
    margin: 0 auto;
}
@media (max-width: 834px) {
    .top_news_wrapper {
        width: 90%;
    }
}
.top_news_content {
    display: flex;
    justify-content: space-between;
}
@media (max-width: 834px) {
    .top_news_content {
        flex-direction: column;
    }
}
.top_news_right_content {
    width: 564rem;
}
@media (max-width: 834px) {
    .top_news_right_content {
        width: 100%;
        margin-bottom: 60rem;
    }
}
.top_news_list {
    margin-top: 40rem;
}
@media (max-width: 834px) {
    .top_news_list {
        margin-top: 30rem;
    }
}
@media (max-width: 440px) {
    .top_news_list {
        margin-top: 20rem;
    }
}
.top_news_item span {
    font-size: 23rem;
    letter-spacing: 0.03em;
    margin-bottom: 15rem;
    display: block;
}
@media (max-width: 834px) {
    .top_news_item span {
        font-size: 20rem;
        margin-bottom: 10rem;
    }
}
@media (max-width: 440px) {
    .top_news_item span {
        font-size: 18rem;
        margin-bottom: 5rem;
    }
}
.top_news_item:last-child {
    margin-top: 30rem;
}
@media (max-width: 834px) {
    .top_news_item:last-child {
        margin-top: 20rem;
    } 
}
.top_news_title {
    font-size: 25rem;
    letter-spacing: 0.03em;
    font-weight: bold;
    color: #785F4C;
    margin-bottom: 20rem;
    line-height: 1.6;
}
@media (max-width: 834px) {
    .top_news_title {
        font-size: 23rem;
        margin-bottom: 15rem;
    }
}
@media (max-width: 440px) {
    .top_news_title {
        font-size: 20rem;
        margin-bottom: 10rem;
    }
}
.top_news_text {
    font-size: 23rem;
    letter-spacing: 0.03em;
    line-height: 1.6;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 2;
    max-height: calc(1.6em * 2);
}
@media (max-width: 834px) {
    .top_news_text {
        font-size: 20rem;
    }
}
@media (max-width: 440px) {
    .top_news_text {
        font-size: 18rem;
    }
}
.top_news_left_content {
    width: 927rem;
    margin-top: -10rem;
}
@media (max-width: 834px) {
    .top_news_left_content {
        width: 100%;
    }
}
.insta_big {
    font-size: 40rem;
}
@media (max-width: 834px) {
    .insta_big {
        font-size: 34rem;
    }
}
@media (max-width: 440px) {
    .insta_big {
        font-size: 26rem;
    }
}
.insta_small {
    font-size: 28rem!important;
}
@media (max-width: 440px) {
    .insta_small {
        font-size: 20rem!important;
    }
}
.info_wrapper {
    width: 1480rem;
    margin: 120rem auto 140rem;
}
@media (max-width: 834px) {
    .info_wrapper {
        width: 90%;
        margin: 60rem auto 80rem;
    }
}
@media (max-width: 440px) {
    .info_wrapper {
        width: 90%;
        margin: 40rem auto 60rem;
    }
}
.info_content {
    display: flex;
    justify-content: space-between;
}
@media (max-width: 834px) {
    .info_content {
       flex-direction: column-reverse;
    }
}
.info_left {
    width: 720rem;
}
@media (max-width: 834px) {
    .info_left {
        width: 100%;
    }
}
.info_left_list {
    margin-top: 40rem;
}
@media (max-width: 440px) {
    .info_left_list {
        margin-top: 20rem;
    }
}
.info_left_list dl {
    display: flex;
    align-items: start;
	 margin-bottom: 25rem;
}
@media (max-width: 440px) {
    .info_left_list dl {
       margin-bottom: 15rem;
    }
}
.info_left_list dl:last-child {
    margin-bottom: 0;
}
.info_left_list dt {
    font-size: 23rem;
    letter-spacing: 0.03em;
    font-weight: bold;
    width: 130rem;
}
@media (max-width: 834px) {
    .info_left_list dt {
        font-size: 20rem;
    }
}
@media (max-width: 440px) {
    .info_left_list dt {
        font-size: 18rem;
        width: 90rem;
		margin-top: -4rem;
    }
}
.info_left_list dd {
    font-size: 23rem;
    letter-spacing: 0.03em;
    line-height: 1.6;
    flex: 1;
    margin-top: -7rem;
}
@media (max-width: 834px) {
    .info_left_list dd {
        font-size: 20rem;
    }
}
@media (max-width: 440px) {
    .info_left_list dd {
        font-size: 18rem;
        line-height: 1.5;
    }
}
.info_map {
    background-color: #785F4C;
    border-radius: 5rem;
    font-size: 17rem;
    letter-spacing: 0.03em;
    color: #fff;
    padding: 10rem 15rem;
    display: inline-block;    
    text-align: center;
    margin-top: 5rem;
}
@media (max-width: 440px) {
	.info_map {
    font-size: 14rem;
	padding: 7rem 12rem;
}
}
.calender_box {
    margin-top: 40rem;
    margin-bottom: 20rem;
}
@media (max-width: 440px) {
    .calender_box {
        margin-top: 30rem;
    }
}
.calender_box iframe {
    width: 100%;
	height: 550rem;
}
@media (max-width: 440px) {
	.calender_box iframe {
    height: 500rem;
}
}
.calender_text {
    font-size: 23rem;
    letter-spacing: 0.03em;
    line-height: 1.6;
    margin-top: 10rem;
    text-indent: -1em;
    padding-left: 1em;
}
@media (max-width: 834px) {
    .calender_text {
        font-size: 20rem;
    }
}
@media (max-width: 440px) {
    .calender_text {
        font-size: 18rem;
    }
}
.info_right {
    width: 670rem;
}
@media (max-width: 834px) {
    .info_right {
        width: 100%;
        margin-bottom: 40rem;
    }
}
@media (max-width: 440px) {
    .info_right {
        width: 100%;
        margin-bottom: 20rem;
    }
}
.info_right_image {
    width: 100%;
    height: 378rem;
    margin-bottom: 30rem;
}
@media (max-width: 834px) {
    .info_right_image {
        height: 422rem;
    }
}
@media (max-width: 440px) {
    .info_right_image {
        height: 223rem;
        margin-bottom: 20rem;
    }
}
.info_right_image:last-child {
    margin-bottom: 0;
}
.info_right_image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 5rem;
}
/* トップ */

/* 下層〜窯元紹介 */
.feature_wrapper {
    width: 1620rem;
    margin: 80rem auto 140rem;
}
@media (max-width: 834px) {
    .feature_wrapper {
        width: 90%;
        margin: 40rem auto;
    }
}
.feature_content {
    margin-bottom: 120rem;
}
@media (max-width: 834px) {
    .feature_content {
        margin-bottom: 60rem;
    }
}
@media (max-width: 440px) {
    .feature_content {
        margin-bottom: 50rem;
    }
}
.feature_box {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
@media (max-width: 834px) {
    .feature_box {
        flex-direction: column;
    }
}
.feature_box_image {
    width: 700rem;
    height: 525rem;
}
@media (max-width: 834px) {
    .feature_box_image {
        width: 100%;
        height: 563rem;
        margin-bottom: 20rem;
    }
}
@media (max-width: 440px) {
    .feature_box_image {
        height: 297rem;
    }
}
.feature_box_image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 5rem;
}
.feature_box_image_content {
    gap: 30rem;
    display: flex;
    flex-direction: column;
}
@media (max-width: 834px) {
    .feature_box_image_content {
        gap: 0;
    }
}
.feature_box_image_sec {
    width: 700rem;
    height: 394rem;
}
@media (max-width: 834px) {
    .feature_box_image_sec {
        width: 100%;
        height: 525rem;
        margin-bottom: 20rem;
    }
}
@media (max-width: 440px) {
    .feature_box_image_sec {
        height: 297rem;
    }
}
.feature_box_image_sec img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 5rem;
}
.feature_text_box {
    width: 830rem;
}
@media (max-width: 834px) {
    .feature_text_box {
        width: 100%;
    }
}
.feature_text_box p {
    font-size: 23rem;
    letter-spacing: 0.03em;
    line-height: 1.8;
    margin-top: 30rem;
}
@media (max-width: 834px) {
    .feature_text_box p {
        font-size: 20rem;
        margin-top: 15rem;
    }
}
@media (max-width: 440px) {
    .feature_text_box p {
        font-size: 18rem;
        margin-top: 10rem;
        line-height: 1.6;
    }
}
.feature_text_box_margin p {
    margin-top: 0;
}
.feature_message_bg_wrapper {
    margin-bottom: 140rem;
}
@media (max-width: 834px) {
    .feature_message_bg_wrapper {
        margin-bottom: 80rem;
    }
}
.feature_message_bg {
/*     background-image: url("../img/fv.jpg"); */
    width: 1500rem;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 70rem 90rem;
    border-radius: 5rem;
    position: relative;
    z-index: 0;
    margin: 100rem auto 0;
  }
  @media (max-width: 834px) {
    .feature_message_bg {
        width: 100%;
        padding: 40rem;
        border-radius: 0;
        margin: 80rem auto 0;
      }
  }
  @media (max-width: 440px) {
    .feature_message_bg {
        padding: 30rem 20rem;
        margin: 60rem auto 0;
      }
  }
.feature_message_bg::before {
    content: '';
    position: absolute; 
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(51, 51, 51, 0.65);
    border-radius: 5rem;
    z-index: -1;
   }
   @media (max-width: 834px) {
    .feature_message_bg::before {
        border-radius: 0;
    }
   }
.feature_message_title {
    margin-bottom: 50rem;
}
@media (max-width: 834px) {
    .feature_message_title {
        margin-bottom: 40rem;
    }
}
@media (max-width: 440px) {
    .feature_message_title {
        margin-bottom: 30rem;
    }
}
.feature_message_title span {
    color: #D0A887;
    font-size: 23rem;
    font-weight: bold;
    letter-spacing: 0.03em;
    margin-bottom: 20rem;
    display: block;
}
@media (max-width: 834px) {
    .feature_message_title span {
        font-size: 20rem;
        margin-bottom: 15rem;
    }
}
@media (max-width: 440px) {
    .feature_message_title span {
        font-size: 18rem;
    }
}
.feature_name {
    color: #fff;
    font-size: 40rem;
    font-weight: bold;
    letter-spacing: 0.03em;
}
@media (max-width: 834px) {
    .feature_name {
        font-size: 34rem;
    }
}
@media (max-width: 440px) {
    .feature_name {
        font-size: 26rem;
    }
}
.feature_message_text {
    font-size: 23rem;
    letter-spacing: 0.03em;
    line-height: 1.6;
    color: #fff;
}
@media (max-width: 834px) {
    .feature_message_text {
        font-size: 20rem;
    }
}
@media (max-width: 440px) {
    .feature_message_text {
        font-size: 18rem;
    }
}
@media (max-width: 834px) {
.feature_common_contact_bg {
    width: 90%;
    margin: 80rem auto 0;
}
}
@media (max-width: 440px) {
    .feature_common_contact_bg {
        margin: 60rem auto 0;
    }
    }
/* 下層〜窯元紹介 */

/* 下層〜陶芸教室 */
.pottery_wrapper {
    width: 1580rem;
    margin: 80rem auto 140rem;
}
@media (max-width: 834px) {
    .pottery_wrapper {
        width: 90%;
        margin: 40rem auto;
    }
}
@media (max-width: 440px) {
    .pottery_wrapper {
        width: 90%;
        margin: 40rem auto 60rem;
    }
}
.pottery_box {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
@media (max-width: 834px) {
    .pottery_box {
       flex-direction: column;
    } 
}
.pottery_box_image {
    width: 800rem;
    height: 600rem;
}
@media (max-width: 834px) {
    .pottery_box_image {
        width: 100%;
        height: 562rem;
        margin-bottom: 20rem;
    } 
}
@media (max-width: 440px) {
    .pottery_box_image {
        height: 297rem;
    } 
}
.pottery_box_image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 5rem;
}
.pottery_box_right {
    width: 683rem;
}
@media (max-width: 834px) {
    .pottery_box_right {
        width: 100%;
    }
}
.pottery_box_right_title {
    font-size: 32rem;
    letter-spacing: 0.03em;
    font-weight: bold;
    margin-bottom: 30rem;
}
.pottery_box_right_text {
    font-size: 23rem;
    letter-spacing: 0.03em;
    line-height: 1.8;
}
@media (max-width: 834px) {
    .pottery_box_right_text {
        font-size: 20rem;
    }
}
@media (max-width: 440px) {
    .pottery_box_right_text {
        font-size: 18rem;
        line-height: 1.6;
    }
}
.pottery_experience_recommend {
    width: 1640rem;
    margin: 0 auto;
}
@media (max-width: 834px) {
    .pottery_experience_recommend {
        width: 90%;
    } 
}
.pottery_experience_list {
    display: flex;
    justify-content: space-between;
}
@media (max-width: 834px) {
    .pottery_experience_list {
        flex-direction: column;
    } 
}
.pottery_experience_item {
    width: 500rem;
}
@media (max-width: 834px) {
    .pottery_experience_item {
        width: 100%;
        margin-bottom: 0;
    }  
}
.pottery_experience_image {
    width: 100%;
    height: 375rem;
    margin-bottom: 30rem;
}
@media (max-width: 834px) {
    .pottery_experience_image {
        height: 562rem;
    }
}
@media (max-width: 440px) {
    .pottery_experience_image {
        height: 297rem;
        margin-bottom: 20rem;
    }
}
.pottery_experience_image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 5rem;
}
.pottery_experience_item span {
    font-size: 32rem;
    font-weight: bold;
    letter-spacing: 0.03em;
    margin-bottom: 20rem;
    text-align: center;
    display: block;
}
@media (max-width: 834px) {
    .pottery_experience_item span {
        font-size: 28rem;
        margin-bottom: 15rem;
    }    
}
@media (max-width: 440px) {
    .pottery_experience_item span {
        font-size: 24rem;
        margin-bottom: 10rem;
    }    
}
.pottery_experience_item p {
    font-size: 23rem;
    letter-spacing: 0.03em;
    line-height: 1.8;
    padding: 0 5%;
}
@media (max-width: 834px) {
    .pottery_experience_item p {
        font-size: 20rem;
    }
}
@media (max-width: 440px) {
    .pottery_experience_item p {
        font-size: 18rem;
        line-height: 1.6;
    }
}
.pottery_recommend_wrapper {
    width: 1600rem;
    margin: 120rem auto 0;
}
@media (max-width: 834px) {
    .pottery_recommend_wrapper {
        width: 100%;
        margin: 60rem auto 0;
    } 
}
.pottery_recommend_list {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 35rem;
    margin-top: 90rem;
}
@media (max-width: 834px) {
    .pottery_recommend_list {
        gap: 20rem;
        margin-top: 90rem;
    }
}
@media (max-width: 440px) {
    .pottery_recommend_list {
        margin-top: 60rem;
    }
}
.pottery_recommend_item {
    width: 500rem;
    border-radius: 5rem;
    border: 3rem solid #785F4C;
    padding: 30rem 0;
    text-align: center;
    position: relative;
}
@media (max-width: 834px) {
    .pottery_recommend_item {
        width: 48%;
        padding: 45rem 10rem 20rem 10rem;
        margin-bottom: 30rem;
    }
    .pottery_recommend_item:last-child {
        margin-bottom: 0;
    }
}
@media (max-width: 440px) {
    .pottery_recommend_item {
        width: 95%;
        padding: 35rem 10rem 17rem 10rem;
        margin-bottom: 10rem;
    }
}
@media (min-width: 835px) {
.pottery_recommend_item:nth-child(4),
.pottery_recommend_item:nth-child(5),
.pottery_recommend_item:nth-child(6){
    margin-top: 25rem;
}
}
.recommend_item_number {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%,-50%);
    background-color: #785F4C;
    border-radius: 50%;
    width: 60rem;
    height: 60rem;
    font-size: 32rem;
    font-weight: bold;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    }
    @media (max-width: 440px) {
        .recommend_item_number {
            width: 45rem;
            height: 45rem;
            font-size: 26rem;
            }
    }
.recommend_item_title {
    font-size: 30rem;
    font-weight: bold;
    letter-spacing: 0.03em;
    display: block;
    margin-bottom: 15rem;
    line-height: 1.4;
}
@media (max-width: 834px) {
    .recommend_item_title {
        font-size: 26rem;
    }
}
@media (max-width: 440px) {
    .recommend_item_title {
        font-size: 20rem;
        margin-bottom: 10rem;
    }
}
.pottery_recommend_item p {
    font-size: 23rem;
    letter-spacing: 0.03em;
    line-height: 1.6;
}
@media (max-width: 834px) {
    .pottery_recommend_item p {
        font-size: 20rem;
    } 
}
@media (max-width: 440px) {
    .pottery_recommend_item p {
        font-size: 18rem;
    } 
}
.pottery_work_wrapper {
    width: 1600rem;
    margin: 0 auto;
}
@media (max-width: 834px) {
    .pottery_work_wrapper {
        width: 90%;
        margin: 60rem auto 80rem;
    }
}
@media (max-width: 440px) {
    .pottery_work_wrapper {
        width: 90%;
        margin: 40rem auto 60rem;
    }
}
.pottery_work_list {
    display: flex;
    flex-wrap: wrap;
    gap: 30rem;
}
@media (max-width: 834px) {
    .pottery_work_list {
        /* flex-direction: column; */
        gap: 20rem;
    }
}
@media (max-width: 440px) {
    .pottery_work_list {
        gap: 15rem;
    }
}
.pottery_work_banner {
    width: 500rem;
    height: 281rem;
}
@media (max-width: 834px) {
    .pottery_work_banner {
        width: 100%;
        height: 422rem;
    }
}
@media (max-width:440px) {
    .pottery_work_banner {
        height: 197rem;
    }
}
.pottery_work_banner img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 5rem;
}
.pottery_flow_experience {
    width: 1480rem;
    margin: 120rem auto 140rem;
}
@media (max-width: 834px) {
    .pottery_flow_experience {
        width: 100%;
        margin: 60rem auto 80rem;
    }
}
@media (max-width: 440px) {
.pottery_flow_experience {
        margin: 50rem auto 60rem;
    }
}
.pottery_flow_wrapper {
    width: 1200rem;
    margin: 120rem auto;
}
@media (max-width: 834px) {
    .pottery_flow_wrapper {
        width: 80%;
    }
}
@media (max-width: 440px) {
    .pottery_flow_wrapper {
        width: 85%;
    }
}
@media (max-width: 440px) {
.pottery_flow_list {
    margin-top: 40rem;
}
}
.pottery_flow_item {
    position: relative;
}
.pottery_flow_item .flow_item_number {
    position: absolute;
    content: "";
    top: -28rem;
    left: -28rem;
    background-color: #5C9291;
    width: 65rem;
    height: 65rem;
    border-radius: 50%;
    font-size: 30rem;
    font-weight: bold;
    letter-spacing: 0.08em;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}
@media (max-width: 440px) {
    .pottery_flow_item .flow_item_number {
        left: 15rem;
        top: -26rem;
        width: 50rem;
        height: 50rem;
        font-size: 20rem;
    }
}
.flow_item_content {
    border: 3.5rem solid #785F4C;
    border-radius: 5rem;
    background-color: #fff;
    padding: 30rem 70rem;
    display: flex;
	gap: 10rem;
}
@media (max-width: 834px) {
    .flow_item_content {
        padding: 25rem 40rem;
        flex-direction: column;
        align-items: center;
		gap: 0;
    }
}
@media (max-width: 440px) {
    .flow_item_content {
        padding: 20rem 15rem 15rem 15rem;
        border: 3rem solid #785F4C;
    }
}
.flow_item_content span {
    font-size: 30rem;
    font-weight: bold;
    letter-spacing: 0.03em;
}
@media (max-width: 834px) {
    .flow_item_content span {
        font-size: 28rem;
        margin-bottom: 10rem;
        text-align: center;
    }
}
@media (max-width: 440px) {
    .flow_item_content span {
        font-size: 22rem;
        margin-bottom: 5rem;
    }
}
.flow_item_content span,
.flow_item_title {
    width: 340rem;
}
@media (max-width: 834px) {
    .flow_item_content span,
    .flow_item_title {
        width: 340rem;
        margin-bottom: 10rem;
}
}
@media (max-width: 440px) {
    .flow_item_content span,
    .flow_item_title {
        width: 100%;
        text-align: center;
}
}
.flow_item_content .small {
    font-size: 21rem;
    letter-spacing: 0.03em;
    font-weight: normal;
}
@media (max-width: 440px) {
    .flow_item_content .small {
        font-size: 16rem;
    }
}
.flow_item_content p {
    font-size: 23rem;
    letter-spacing: 0.03em;
    line-height: 1.6;
	flex: 1;
}
@media (max-width: 834px) {
    .flow_item_content p {
        font-size: 20rem;
    }
}
@media (max-width: 440px) {
    .flow_item_content p {
        font-size: 18rem;
    }
}
.pottery_flow_item img {
    width: 40rem;
    height: 40rem;
    object-fit: cover;
    margin: 25rem auto;
    display: block;
}
@media (max-width: 834px) {
    .pottery_flow_item img {
        width: 35rem;
        height: 35rem;
        margin: 15rem auto;
    }
}
@media (max-width: 440px) {
    .pottery_flow_item img {
        width: 25rem;
        height: 25rem;
    }
}
.pottery_experience_about_wrapper {
    margin-top: 120rem;
}
@media (max-width: 834px) {
    .pottery_experience_about_wrapper {
        width: 90%;
        margin: 80rem auto 0;
    } 
}
@media (max-width: 440px) {
    .pottery_experience_about_wrapper {
        margin: 60rem auto 0;
    } 
}
.pottery_sub_title {
   display: flex;
   justify-content: center;
}
.pottery_price_content {
    display: flex;
    justify-content: space-between;
}
@media (max-width: 834px) {
    .pottery_price_content {
        flex-direction: column;
        width: 100%;
        margin: 0 auto;
    }
}
.pottery_price_box {
    border: 4rem solid #785F4C;
    border-radius: 5rem;
    padding: 30rem;
    background-color: #fff;
    width: 710rem;
    min-height: 480rem;
}
@media (max-width: 834px) {
    .pottery_price_box {
        padding: 30rem 40rem;
        width: 100%;
        min-height: auto;
    } 
}
@media (max-width: 440px) {
    .pottery_price_box {
        padding: 20rem;
        border: 3rem solid #785F4C;
    } 
}
.price_box_list {
    border-bottom: 1.5px solid #707070;
    padding: 23rem 0 20rem 0;
    display: flex;
}
@media (max-width: 440px) {
    .price_box_list {
        padding: 18rem 0 15rem 0;
    }
}
.price_box_list:first-child {
    padding-top: 30rem;
}
@media (max-width: 440px) {
    .price_box_list:first-child {
        padding-top: 20rem;
    }
}
.price_box_list dt {
    font-size: 23rem;
    font-weight: bold;
    letter-spacing: 0.03em;
    width: 140rem;
}
@media (max-width: 834px) {
    .price_box_list dt {
        font-size: 20rem;
    }
}
@media (max-width: 440px) {
    .price_box_list dt {
        font-size: 18rem;
        width: 110rem;
		margin-top: -2rem;
    }
}
.price_box_list dd {
    font-size: 23rem;
    letter-spacing: 0.03em;
    line-height: 1.5;
    flex: 1;
    margin-top: -4rem;
}
@media (max-width: 834px) {
    .price_box_list dd {
        font-size: 20rem;
		flex: 1;
    }
}
@media (max-width: 440px) {
    .price_box_list dd {
        font-size: 18rem;
    }
}
.price_btn a {
    width: 300rem;
    padding: 20rem 0;
    margin-top: 35rem;
}
@media (max-width: 834px) {
    .price_btn a {
        width: 400rem;
        padding: 20rem 0;
        margin-top: 30rem;
    } 
}
@media (max-width: 440px) {
    .price_btn a {
        width: 260rem;
        padding: 15rem 0;
        margin-top: 20rem;
    } 
}
.price_box_memo {
    margin-top: 20rem;
}
@media (max-width: 440px) {
    .price_box_memo {
        margin-top: 15rem;
    } 
}
.price_box_memo p {
    font-size: 23rem;
    letter-spacing: 0.03em;
    line-height: 1.5;
    margin-bottom: 5rem;
    text-indent: -1em;
    padding-left: 1em;
}
@media (max-width: 834px) {
    .price_box_memo p {
        font-size: 20rem;
    }
}
@media (max-width: 440px) {
    .price_box_memo p {
        font-size: 18rem;
    }
}
.reception_date {
    color: #fff!important;
    font-size: 23rem!important;
    font-weight: normal!important;
    margin-top: 10rem;
}
@media (max-width: 834px) {
    .reception_date {
        font-size: 20rem!important;
    }
}
@media (max-width: 440px) {
    .reception_date {
        font-size: 17rem!important;
    }
}
.reception_text {
    margin-top: 50rem;
    text-align: center;
}
@media (max-width: 834px) {
    .reception_text {
        text-align: left;
		 margin-top: 30rem;
    }
}
@media (max-width: 440px) {
    .reception_text {
        margin-top: 25rem;
    }
}
.reception_text p {
    font-size: 23rem;
    letter-spacing: 0.03em;
    line-height: 1.5;
    margin-top: 10rem;
}
@media (max-width: 834px) {
    .reception_text p {
        font-size: 20rem;
    }
}
@media (max-width: 440px) {
    .reception_text p {
        font-size: 17rem;
    }
}
.pottery_hand_attention {
    width: 1100rem;
    margin: 0 auto;
}
@media (max-width: 834px) {
    .pottery_hand_attention {
        width: 90%;
        margin: 0 auto;
    }
}
.pottery_hand_wrapper {
    margin-bottom: 100rem;
}
@media (max-width: 834px) {
    .pottery_hand_wrapper {
        margin-bottom: 60rem;
    }
}
@media (max-width: 440px) {
    .pottery_hand_wrapper {
        margin-bottom: 40rem;
    }
}
.accordion-area li {
    margin-bottom: 30rem;
/*     border: 4rem solid #785F4C; */
    border-radius: 5rem;
}
@media (max-width: 440px) {
    .accordion-area li {
        margin-bottom: 15rem;
/*         border: 3rem solid #785F4C; */
    }
}
.accordion-area li:last-child {
    margin-bottom: 0;
}
.question_box {
    padding: 20rem 60rem;
    background-color: #785F4C;
    display: flex;
    align-items: center;
    transition: all .5s ease;
    position: relative;
}
@media (max-width: 834px) {
    .question_box {
        padding: 15rem 40rem;
    }
}
@media (max-width: 440px) {
    .question_box {
        padding: 12rem 15rem;
    }
}
@media (min-width: 835px) {
.question_box:hover,
.answer_content:hover {
    cursor: pointer;
}
}
.question_acd_open::before,.question_acd_open::after  {
    content: '';
    display: inline-block;
    width: 20rem;
    height: 20rem;
    border-left: 2.5px solid #fff;
    border-bottom: 2.5px solid #fff;
    position: absolute;
    right: 7%;
    top: 45%;
    transform: translateY(-50%) rotate(315deg);
    transition: opacity 1s;
}
@media (max-width: 834px) {
    .question_acd_open::before,.question_acd_open::after  {
        top: 38%;
    }
}
@media (max-width: 440px) {
    .question_acd_open::before,.question_acd_open::after  {
        width: 15rem;
        height: 15rem;
        border-left: 1.5px solid #fff;
        border-bottom: 1.5px solid #fff;
		top: 40%;
    }
}
.question_title {
    font-weight: bold;
    font-size: 28rem;
    line-height: 1.6;
    width: 85%;
    padding-right: 40rem;
	letter-spacing: 0.06em;
    color: #fff;
}
@media (max-width: 834px) {
    .question_title {
        font-size: 22rem;
    }
}
@media (max-width: 440px) {
    .question_title {
        font-size: 20rem;
    }
}
.answer_content {
    display: none;
	border-right: 4rem solid #785F4C;
	border-left: 4rem solid #785F4C;
	border-bottom: 4rem solid #785F4C;
}
@media (max-width: 440px) {
	.answer_content {
	border-right: 3rem solid #785F4C;
	border-left: 3rem solid #785F4C;
	border-bottom: 3rem solid #785F4C;
}
}
.answer_box {
    padding: 25rem 60rem;
    background-color: #fff;
    display: flex;
    align-items: baseline;
    transition: all .5s ease;
    position: relative;
}
@media (max-width: 834px) {
    .answer_box {
        padding: 15rem 40rem;
    }
}
@media (max-width: 440px) {
    .answer_box {
        padding: 15rem;
    }
}
.answer_box p {
    font-size: 23rem;
    line-height: 1.6;
    letter-spacing: 0.03em;
}
@media (max-width: 834px) {
    .answer_box p {
        font-size: 20rem;
    }
}
@media (max-width: 440px) {
    .answer_box p {
        font-size: 18rem;
    }
}
/* 下層〜陶芸教室 */

/* 下層〜絵付け教室 */
.painting_wrapper {
    width: 1500rem;
    margin: 80rem auto 140rem;
}
@media (max-width: 834px) {
    .painting_wrapper {
        width: 90%;
        margin: 40rem auto;
    }
}
.painting_experience_wrapper {
    width: 1350rem;
    margin: 0 auto;
}
@media (max-width: 834px) {
    .painting_experience_wrapper {
        width: 100%;
        margin: 0 auto;
    } 
}
.painting_price {
    width: 1010rem;
    margin: 0 auto;
}
@media (max-width: 834px) {
    .painting_price {
        width: 100%;
    }
}
.painting_price_content {
    display: flex;
    flex-direction: column;
    gap: 40rem;
}
@media (max-width: 834px) {
    .painting_price_content {
        width: 90%;
        margin: 0 auto;
    }
}
.painting_price_box {
    border: 4rem solid #785F4C;
    border-radius: 5rem;
    padding: 30rem 60rem;
    background-color: #fff;
    min-height: 480rem;
}
@media (max-width: 834px) {
    .painting_price_box {
        padding: 30rem 40rem;
        min-height: auto;
    }
}
@media (max-width: 440px) {
    .painting_price_box {
        padding: 20rem;
        border: 3rem solid #785F4C;
    }
}
.painting_image_content {
    display: flex;
    gap: 30rem;
    margin-top: 30rem;
    margin-bottom: 10rem;
}
@media (max-width: 440px) {
    .painting_image_content {
        margin-top: 20rem;
        gap: 10rem;
    }
}
.painting_image {
    width: 270rem;
    height: 203rem;
}
@media (max-width: 834px) {
    .painting_image {
        width: 200rem;
        height: 150rem;
    }
}
@media (max-width: 440px) {
    .painting_image {
        width: 115rem;
        height: 85rem;
    }
}
.painting_image img {
    width: 100%;
    height: 100%;
    border-radius: 5rem;
}
.painting_list_content {
    display: flex;
    justify-content: space-between;
}
@media (max-width: 834px) {
    .painting_list_content {
       flex-direction: column;
    }
}
@media (max-width: 834px) {
.painting_memo {
    padding: 0 5%;
}
}
.table {
    display: grid;
    grid-template-columns: 1fr 1fr;
    width: 100%;
    max-width: 730rem;
}
@media (max-width: 834px) {
    .table {
        max-width: 100%;
    }
    .table:last-of-type {
        margin-top: 40rem;
    }
}
@media (max-width: 440px) {
    .table:last-of-type {
        margin-top: 20rem;
    }
}
.table_box {
    display: flex;
    flex-direction: column;
    width: 730rem;
}
@media (max-width: 834px) {
    .table_box {
        width: 745rem;
    }
}
@media (max-width: 440px) {
    .table_box {
        width: 398rem;
    }
}
.table_content {
    display: flex;
}
.cell_item {
    display: flex;
    border-bottom: 1.5px solid #ccc;
}
.cell {
    border-right: 1.5px solid #ccc;
    padding: 1rem;
    text-align: center;
    font-size: 23rem;
    background-color: #fff;
    height: 150rem;
    width: 250rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    line-height: 1.2;
}
@media (max-width: 834px) {
    .cell {
        font-size: 20rem;
        height: 150rem;
        width: 250rem;
    }
}
@media (max-width: 440px) {
    .cell {
        font-size: 16rem;
        height: 100rem;
        width: 160rem;
    }
}
@media (max-width: 440px) {
.cell_ft {
    width: 160rem;
}
.cell_sec {
    width: 135rem;
}
	.cell_sec .cell_content {
		width: 135rem;
	}
}
.cell_image {
    border-right: 1.5px solid #ccc;
    border-left: 1.5px solid #ccc;
    text-align: center;
    font-size: 25rem;
    background-color: #fff;
    height: 150rem;
    width: 250rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex: 1;
}
@media (max-width: 440px) {
    .cell_image {
        font-size: 18rem;
        height: 100rem;
        width: 130rem;
    }
}
.cell_image img {
    width: 130rem;
    height: 130rem;
    object-fit: cover;
    border-radius: 5rem;
}
@media (max-width: 440px) {
    .cell_image img {
        width: 85rem;
        height: 85rem;
    }
}
.cell_content {
    width: 250rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1;
}
@media (max-width: 440px) {
    .cell_content {
        width: 160rem;
    }
}
.cell_content:nth-child(2),
.cell_content:nth-child(3) {
    border-top: 1.5px solid #ccc;
}
.painting_list_header_ft {
    background-color: #785F4C;
    font-weight: bold;
    color: #fff;
    padding: 25rem 0;
    letter-spacing: 0.06em;
    flex: 1;
    height: 80rem;
}
@media (max-width: 834px) {
    .painting_list_header_ft {
        padding: 15rem 0;
        height: 60rem;
    }
}
@media (max-width: 440px) {
    .painting_list_header_ft {
        height: 50rem;
    }
}
.painting_list_header_sec {
    background-color: #785F4C;
    font-weight: bold;
    color: #fff;
    padding: 25rem 0;
    letter-spacing: 0.06em;
    width: 250rem;
    height: 80rem;
    border-right: none;
}
@media (max-width: 834px) {
    .painting_list_header_sec {
        padding: 15rem 0;
        height: 60rem;
    }
}
@media (max-width: 440px) {
    .painting_list_header_sec {
       width: 135rem;
       height: 50rem;
    }
}
/* 下層〜絵付け教室 */

/* 下層〜作品紹介 */
.product_wrapper {
    width: 1620rem;
    margin: 80rem auto 120rem;
}
@media (max-width: 834px) {
    .product_wrapper {
        width: 90%;
        margin: 40rem auto;
    }
}
.product_content {
    margin-bottom: 70rem;
}
@media (max-width: 834px) {
    .product_content {
        margin-bottom: 40rem;
    }
}
.product_category_title {
    font-size: 36rem;
    font-weight: bold;
    letter-spacing: 0.03em;
    margin-bottom: 45rem;
    text-align: center;
}
@media (max-width: 834px) {
    .product_category_title {
        font-size: 28rem;
        margin-bottom: 30rem;
    }
}
@media (max-width: 440px) {
    .product_category_title {
        font-size: 24rem;
        margin-bottom: 20rem;
    }
}
.post-categories {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 10rem;
    width: 80%;
    margin: 0 auto;
}
@media (max-width: 834px) {
    .post-categories {
        gap: 5rem;
        width: 90%;
    }
}
@media (max-width: 440px) {
    .post-categories {
        gap: 0;
        width: 100%;
    }
}
.cat-item {
    font-size: 30rem;
    letter-spacing: 0.03em;
    padding: 8rem 20rem;
    text-align: center;
}
@media (max-width: 834px) {
    .cat-item {
        font-size: 24rem;
        padding: 5rem 10rem;
    } 
}
@media (max-width: 440px) {
    .cat-item {
        font-size: 20rem;
        padding: 7rem;
    } 
}
label {
    gap: 10rem;
    display: flex;
    align-items: center;
	line-height: 1;
}
@media (max-width: 834px) {
    label {
        gap: 5rem;
    }
}
	.cat-item input {
	width: 30rem;
    height: 30rem;
}
@media (max-width: 834px) {
.cat-item input {
	width: 25rem;
    height: 25rem;
	margin: 0;
}
}
_::-webkit-full-page-media, _:future, :root .cat-item input {
    transform: scale(3);
	width: 10rem;
    height: 10rem;
}
@media (max-width: 1536px) {
	_::-webkit-full-page-media, _:future, :root .cat-item input {
    transform: scale(2.5);
	margin-top: -2rem;
	margin-right: 8rem;
}
}
@media (max-width: 1440px) {
	_::-webkit-full-page-media, _:future, :root .cat-item input {
    transform: scale(2.5);
	margin-top: -7rem;
}
}
@media (max-width: 834px) {
	_::-webkit-full-page-media, _:future, :root .cat-item input {
    transform: scale(3);
	margin-top: 0;
}
}
@media (max-width: 768px) {
	_::-webkit-full-page-media, _:future, :root .cat-item input {
    transform: scale(3);
	margin-top: -6rem;
}
}
@media (max-width: 440px) {
	_::-webkit-full-page-media, _:future, :root .cat-item input {
    transform: scale(2.8);
	margin-top: -1rem;
	margin-right: 5rem;
}
	_::-webkit-full-page-media, _:future, :root .cat-item {
        padding: 10rem;
    } 
}
@media (max-width: 390px) {
	_::-webkit-full-page-media, _:future, :root .cat-item input {
    transform: scale(2.6);
	margin-top: -3rem;
	margin-right: 7rem;
}
}
@media (max-width: 375px) {
	_::-webkit-full-page-media, _:future, :root .cat-item input {
	margin-top: -6rem;
}
}
@media (max-width: 320px) {
	_::-webkit-full-page-media, _:future, :root .cat-item input {
    transform: scale(2.2);
	margin-top: -9rem;
	margin-right: 10rem;
}
}

.category_btn {
    font-size: 21rem;
    letter-spacing: 0.03em;
    color: #fff;
    background-color: #785F4C;
    border: 3.5rem solid #785F4C;
    width: 250rem;
    display: block;
    padding: 10rem 0;
    margin: 35rem auto 0;
    border-radius: 5rem;
    transition: all 0.3s ease;
}
@media (max-width: 834px) {
    .category_btn {
        font-size: 18rem;
        padding: 10rem 0;
        width: 250rem;
        margin-top: 20rem;
    }
}
@media (max-width: 440px) {
    .category_btn {
        font-size: 17rem;
    }
}
@media (min-width: 835px) {
.category_btn:hover {
    background-color: #fff;
    color: #1C1C1C;
    transition: all 0.3s ease;
}
}
.product_list {
    display: flex;
    flex-wrap: wrap;
    gap: 20rem;
}
@media (max-width: 440px) {
    .product_list {
        gap: 10rem;
    }
}
.product_item {
    width: 390rem;
}
@media (max-width: 834px) {
    .product_item {
        width: 365rem;
    }
}
@media (max-width: 440px) {
    .product_item {
        width: 193rem;
    }
}
@media (min-width: 835px) {
.product_item:hover {
    cursor: pointer;
}
}
.product_image {
    width: 100%;
    height: 390rem;
}
@media (max-width: 834px) {
    .product_image {
        width: 100%;
        height: 365rem;
    }
}
@media (max-width: 440px) {
    .product_image {
        width: 100%;
        height: 193rem;
    }
}
.product_image img {
    width: 100%;
    height: 100%;
    border-top-left-radius: 3rem;
    border-top-right-radius: 3rem;
    object-fit: cover;
}
.product_item_title {
    background-color: #fff;
    font-size: 23rem;
    text-align: center;
    padding: 18rem;
    border: 1.5px solid #ccc;
    border-bottom-left-radius: 3rem;
    border-bottom-right-radius: 3rem;
}
@media (max-width: 834px) {
    .product_item_title {
        font-size: 20rem;
        padding: 15rem;
    }
}
@media (max-width: 440px) {
    .product_item_title {
        font-size: 17rem;
        padding: 10rem 5rem;
    }
}
.product_overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.85);
    z-index: 9999;
}
.product_overlay:hover {
    cursor: pointer;
}
.product_overlay_content {
    width: 780rem;
    height: 780rem;
    position: absolute;
    left: 50%;
    top: 47%;
    transform: translate(-50%,-50%);
}
@media (max-width: 834px) {
    .product_overlay_content {
        width: 500rem;
        height: 500rem;
    }
}
@media (max-width: 440px) {
    .product_overlay_content {
        width: 350rem;
        height: 350rem;
    }
}
.product_overlay_content img {
    max-width: 100%;
    height: 100%;
    border-top-left-radius: 3rem;
    border-top-right-radius: 3rem;
	object-fit: cover;
}
.product_overlay_content p {
    background-color: #fff;
    font-size: 36rem;
    text-align: center;
    padding: 18rem;
    border-bottom-left-radius: 3rem;
    border-bottom-right-radius: 3rem;
}
@media (max-width: 834px) {
    .product_overlay_content p {
        font-size: 24rem;
        padding: 12rem;
    }
}
@media (max-width: 440px) {
    .product_overlay_content p {
        font-size: 18rem;
    }
}
.store_buy_wrapper {
    width: 1480rem;
    margin: 0 auto;
}
@media (max-width: 834px) {
    .store_buy_wrapper {
        width: 90%;
    }
}
.page_info_content {
    align-items: center;
    margin-top: 90rem;
}
@media (max-width: 834px) {
    .page_info_content {
        margin-top: 60rem;
    }
}
@media (max-width: 440px) {
    .page_info_content {
        margin-top: 45rem;
    }
}
.page_info_content .info_left_list {
    margin-top: 0;
}
.pay_way {
    margin: 80rem auto 100rem;
    width: 1000rem;
    border-radius: 5rem;
    border: 4rem solid #785F4C;
    padding: 50rem 70rem;
}
@media (max-width: 834px) {
    .pay_way {
        margin: 40rem auto;
        width: 100%;
        padding: 30rem 40rem;
    }
}
@media (max-width: 440px) {
    .pay_way {
        margin: 30rem auto;
        padding: 20rem;
    }
}
.pay_way_title {
    font-size: 32rem;
    font-weight: bold;
    letter-spacing: 0.03em;
    margin-bottom: 30rem;
    text-align: center;
}
@media (max-width: 834px) {
    .pay_way_title {
        font-size: 26rem;
        margin-bottom: 20rem;
    }
}
@media (max-width: 440px) {
    .pay_way_title {
        font-size: 22rem;
    }
}
.pay_way_explan {
    font-size: 23rem;
    font-weight: bold;
    letter-spacing: 0.03em;
    margin-bottom: 15rem;
    line-height: 1.5;
    text-align: center;
}
@media (max-width: 834px) {
    .pay_way_explan {
        font-size: 20rem;
        margin-bottom: 10rem;
    }
}
@media (max-width: 440px) {
    .pay_way_explan {
        font-size: 18rem;
        text-align: left;
    }
}
.pay_way_list {
    display: flex;
    flex-direction: column;
    gap: 5rem;
}
.pay_way_list li {
    font-size: 23rem;
    letter-spacing: 0.03em;
    line-height: 1.5;
}
@media (max-width: 834px) {
    .pay_way_list li {
        font-size: 20rem;
    } 
}
@media (max-width: 440px) {
    .pay_way_list li {
        font-size: 16rem;
		 line-height: 1.3;
    } 
}
.page_sub_title {
    justify-content: center;
    margin-bottom: 40rem;
}
@media (max-width: 834px) {
    .page_sub_title {
        margin-bottom: 25rem;
    }
}
@media (max-width: 440px) {
    .page_sub_title {
        margin-bottom: 15rem;
    }
}
.page_sub_title .green_circle {
    width: 25rem;
    height: 25rem;
    margin-top: 17rem;
}
@media (max-width: 834px) {
    .page_sub_title .green_circle {
        width: 18rem;
        height: 18rem;
        margin-top: 12rem;
    }
}
@media (max-width: 440px) {
    .page_sub_title .green_circle {
        width: 13rem;
        height: 13rem;
        margin-top: 9rem;
    }
}
.page_sub_title p {
    font-size: 40rem;
    letter-spacing: 0.03em;
    font-weight: bold;
    line-height: 1.5;
}
@media (max-width: 834px) {
    .page_sub_title p {
        font-size: 26rem;
    }
}
@media (max-width: 440px) {
    .page_sub_title p {
        font-size: 20rem;
        flex: 1;
    }
}
.other_store {
    width: 950rem;
    margin: 0 auto;
}
@media (max-width: 834px) {
    .other_store {
        width: 100%;
    }
}
.other_store_item {
    display: flex;
    border-top: 1.5px solid #ccc;
}
@media (max-width: 440px) {
    .other_store_item {
        flex-direction: column;
    }
}
.other_store_item:last-child {
    border-bottom: 1.5px solid #ccc;
}
.other_store_name {
    background-color: #785F4C;
    padding: 20rem 30rem;
    width: 400rem;
}
@media (max-width: 834px) {
    .other_store_name {
        background-color: #785F4C;
        padding: 15rem 20rem;
        width: 300rem;
    }
}
@media (max-width: 440px) {
    .other_store_name {
        padding: 10rem;
        width: 100%;
    }
}
.other_store_name p {
    font-size: 26rem;
    font-weight: bold;
    color: #fff;
    letter-spacing: 0.03em;
    line-height: 1.4;
}
@media (max-width: 834px) {
    .other_store_name p {
        font-size: 22rem;
    }
}
@media (max-width: 440px) {
    .other_store_name p {
        font-size: 18rem;
    }
}
.other_store_content {
    flex: 1;
    border-right: 1.5px solid #ccc;
    padding: 20rem 30rem;
}
@media (max-width: 834px) {
    .other_store_content {
        padding: 15rem 20rem;
    }
}
@media (max-width: 440px) {
    .other_store_content {
        padding: 10rem;
        border-left: 1.5px solid #ccc;
    }
}
.other_store_content dl {
    display: flex;
    margin-bottom: 5rem;
}
.other_store_content dl:last-child {
    margin-bottom: 0;
}
.other_store_content dt,
.other_store_content dd {
    font-size: 23rem;
    letter-spacing: 0.03em;
    font-weight: normal;
    line-height: 1.5;
}
@media (max-width: 834px) {
.other_store_content dt,
.other_store_content dd {
    font-size: 20rem;
    }
}
@media (max-width: 440px) {
    .other_store_content dt,
    .other_store_content dd {
        font-size: 18rem;
        }
    }
/* 下層〜作品紹介 */


/* 下層〜投稿作成ページ */
.single_news_title {
    font-size: 22rem;
    letter-spacing: 0.03em;
    font-weight: bold;
    color: #785F4C;
    margin-bottom: 10rem;
    line-height: 1.3;
}
@media (max-width: 834px) {
    .single_news_title {
        font-size: 20rem;
    }
}
@media (max-width: 440px) {
    .single_news_title {
        font-size: 18rem;
    }
}
.single_news_image {
    width: 100%;
    height: 210rem;
}
@media (max-width: 834px) {
    .single_news_image {
        height: 422rem;
    }
}
@media (max-width: 440px) {
    .single_news_image {
        height: 223rem;
    }
}
.single_news_image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 5rem;
}
.single_make_contact_bg {
    margin-bottom: 120rem;
}
@media (max-width: 834px) {
    .single_make_contact_bg {
        margin-bottom: 80rem;
        width: 90%;
    }
}
@media (max-width: 440px) {
    .single_make_contact_bg {
        margin-bottom: 60rem;
    }
}
.single_make_box {
    width: 1568rem;
    margin: 80rem auto 120rem;
}
@media (max-width: 834px) {
   .single_make_box {
        width: 100%;
        margin: 40rem auto 80rem;
    }
}
@media (max-width: 440px) {
    .single_make_box {
        margin: 40rem auto 60rem;
    }
}
.make_content {
    position: relative;
}
.make_single_content {
	display:flex;
	justify-content: space-between;
}
@media (max-width: 834px) {
	.make_single_content {
		flex-direction:column;
	}
}
.make_box_content {
    width: 1010rem;
}
@media (max-width: 834px) {
    .make_box_content {
        width: 90%;
        margin: 0 auto;
    }
}
.make_single_wrapper {
	width:1568rem;
	margin: 80rem auto 120rem;
}
@media (max-width: 834px) {
	.make_single_wrapper {
	width: 90%;
	 margin: 40rem auto 80rem;
}
}
@media (max-width: 440px) {
	.make_single_wrapper {
	 margin: 40rem auto 60rem;
}
}
.make_single {
    width: 100%;
}
@media (max-width: 834px) {
    .make_single {
        width: 100%;
    } 
}
.single_content {
	width: 1000rem;
}
@media (max-width: 834px) { 
	.single_content {
	width: 100%;
}
}
@media (max-width: 440px) { 
    .single_content {
        margin-bottom: 10rem;
    }
}
.make_ft {
    margin-bottom: 80rem;
}
@media (max-width: 834px) {
    .make_ft {
        margin-bottom: 60rem;
    }
}
@media (max-width: 440px) {
    .make_ft {
        margin-bottom: 40rem;
    }
}
.make_ft h1 {
    font-size: 40rem;
    font-weight: bold;
    letter-spacing: 0.03em;
    line-height: 1.5;
    margin-bottom: 30rem;
}
@media (max-width: 834px) {
    .make_ft h1 {
        font-size: 30rem;
        margin-bottom: 20rem;
    }
}
@media (max-width: 440px) {
    .make_ft h1 {
        font-size: 22rem;
    }
}
.make_ft_image {
    height: 563rem;
    margin-bottom: 40rem;
}
@media (max-width: 834px) {
    .make_ft_image {
        margin-bottom: 30rem;
    }
}
@media (max-width:440px) {
    .make_ft_image {
        margin-bottom: 20rem;
        height: 223rem;
    }
}
.make_ft_image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 5rem;
}
.make_ft_box {
    width: 900rem;
    border: 4rem solid #785F4C;
    border-radius: 5rem;
    padding: 30rem 35rem;
    background-color: #fff;
}
@media (max-width: 834px) {
    .make_ft_box {
        width: 100%;
        padding: 30rem;
    }
}
@media (max-width: 440px) {
    .make_ft_box {
        padding: 20rem 15rem;
        border: 3rem solid #785F4C;
    }
}
.make_ft_list {
    display: flex;
    justify-content: space-between;
    padding: 20rem 0;
    border-bottom: 1px solid #707070;
}
@media (max-width: 834px) {
    .make_ft_list {
        padding: 15rem 0;
    }
}
@media (max-width: 440px) {
    .make_ft_list {
        padding: 10rem 0;
    }
}
.make_ft_list:first-child {
    padding-top: 0;
}
.make_ft_list dt {
    font-size: 23rem;
    letter-spacing: 0.03em;
    line-height: 1.6;
    font-weight: bold;
    width: 150rem;
}
@media (max-width: 834px) {
    .make_ft_list dt {
        font-size: 20rem;
        width: 100rem;
    }
}
@media (max-width: 440px) {
    .make_ft_list dt {
        font-size: 18rem;
        width: 70rem;
    }
}
.make_ft_list dd {
    font-size: 23rem;
    letter-spacing: 0.03em;
    line-height: 1.6;
    flex: 1;
}
@media (max-width: 834px) {
    .make_ft_list dd {
        font-size: 20rem;
    }
}
@media (max-width: 440px) {
    .make_ft_list dd {
        font-size: 18rem;
    }
}
.make_ft_text {
    font-size: 23rem;
    letter-spacing: 0.03em;
    line-height: 1.6;
    margin-top: 20rem;
}
@media (max-width: 834px) {
    .make_ft_text {
        font-size: 20rem;
    }
}
@media (max-width: 440px) {
    .make_ft_text {
        font-size: 18rem;
    }
}
.make_section_ft_list {
    margin-top: 40rem;
}
@media (max-width: 834px) {
    .make_section_ft_list {
        margin-top: 20rem;
    }
}
.make_section_ft_item {
    display: flex;
    margin-bottom: 40rem;
}
@media (max-width: 834px) {
    .make_section_ft_item {
       flex-direction: column-reverse;
        margin-bottom: 0;
    }
}
.make_section_ft_content {
    flex: 1;
}
.make_section {
    margin-bottom: 80rem;
}
@media (max-width: 834px) {
    .make_section {
        margin-bottom: 50rem;
    } 
}
@media (max-width: 440px) {
    .make_section {
        margin-bottom: 30rem;
    } 
}
.make_section_title {
    font-size: 40rem;
    font-weight: bold;
    line-height: 1.4;
    padding-bottom: 15rem;
    border-bottom: 3rem solid #1C1C1C;
}
@media (max-width: 834px) {
    .make_section_title {
        font-size: 30rem;
    }
}
@media (max-width: 440px) {
    .make_section_title {
        font-size: 22rem;
        padding-bottom: 10rem;
        border-bottom: 2rem solid #1C1C1C;
    }
}
.make_section_ft_content span {
    font-size: 30rem;
    letter-spacing: 0.03em;
    line-height: 1.6;
    font-weight: bold;
    margin-bottom: 20rem;
    display: block;
    color: #785F4C;
}
@media (max-width: 834px) {
    .make_section_ft_content span {
        font-size: 26rem;
        margin-bottom: 10rem;
    }
}
@media (max-width: 440px) {
    .make_section_ft_content span {
        font-size: 20rem;
        margin-bottom: 5rem;
    }
}
.make_section_text {
    font-size: 23rem;
    letter-spacing: 0.03em;
    line-height: 1.6;
}
@media (max-width: 834px) {
    .make_section_text {
        font-size: 20rem;
    }
}
@media (max-width: 440px) {
    .make_section_text {
        font-size: 18rem;
    }
}
.make_section_ft_image {
    width: 433rem;
    height: 325rem;
    margin-left: 60rem;
}
@media (max-width: 834px) {
    .make_section_ft_image {
        width: 100%;
        height: 563rem;
        margin-left: 0;
        margin-bottom: 20rem;
    }
}
@media (max-width: 440px) {
    .make_section_ft_image {
        height: 297rem;
    }
}
.make_section_ft_image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 5rem;
}
.make_section_sec_box {
    margin-bottom: 40rem;
    margin-top: 20rem;
}
@media (max-width: 440px) {
    .make_section_sec_box {
        margin-bottom: 20rem;
        margin-top: 15rem;
    }
}
.make_section_sec_item {
    margin-bottom: 40rem;
}
@media (max-width: 440px) {
    .make_section_sec_item {
        margin-bottom: 20rem;
    }
}
.make_section_sec_item:last-child {
    margin-bottom: 0;
}
.make_section_sec_image {
    width: 500rem;
    height: 375rem;
    margin-bottom: 20rem;
}
@media (max-width: 834px) {
    .make_section_sec_image {
        width: 100%;
        height: 563rem;
    }
}
@media (max-width: 440px) {
    .make_section_sec_image {
        height: 297rem;
        margin-bottom: 15rem;
    }
}
.make_section_sec_image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 5rem;
}
.make_section_th_images {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20rem;
}
@media (max-width: 834px) {
    .make_section_th_images {
        flex-direction: column;
        margin-bottom: 0;
    } 
}
.make_section_th_image {
    width: 470rem;
    height: 353rem;
}
@media (max-width: 834px) {
    .make_section_th_image {
        width: 100%;
        height: 563rem;
        margin-bottom: 20rem;
    }
}
@media (max-width: 440px) {
    .make_section_th_image {
        height: 297rem;
    }
}
.make_section_th_image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 5rem;
}
.make_right_archive {
	width: 373rem;
}
@media (max-width: 834px) {
	.make_right_archive {
	width: 100%;
		margin-top:50rem;
}
}
@media (min-width: 835px) {
.make_right {
    width: 373rem;
    position: absolute;
    top: 80rem;
    right: 8%;
}
}
@media (max-width: 834px) {
    .make_right {
        width: 90%;
        margin: 50rem auto 60rem;
    }
}
@media (max-width: 440px) {
    .make_right {
        width: 90%;
        margin: 50rem auto 50rem;
    }
}
.make_right_title {
    font-size: 28rem;
    letter-spacing: 0.03em;
    font-weight: bold;
    padding-bottom: 15rem;
    margin-bottom: 25rem;
    border-bottom: 3rem solid #1C1C1C;
}
@media (max-width: 834px) {
    .make_right_title {
        font-size: 24rem;
        padding-bottom: 10rem;
        margin-bottom: 20rem;
        border-bottom: 2rem solid #1C1C1C;
    }
}
@media (max-width: 440px) {
    .make_right_title {
        font-size: 20rem;
    }
}
.page_pottery_work_list {
    display: flex;
    flex-direction: column;
    gap: 20rem;
}
.page_pottery_work_banner {
    width: 373rem;
    height: 210rem;
}
@media (max-width: 834px) {
    .page_pottery_work_banner {
        width: 100%;
        height: 422rem;
    }
}
@media (max-width: 440px) {
    .page_pottery_work_banner {
        height: 223rem;
    }
}
.page_pottery_work_banner img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 5rem;
}
.make_right .common_btn a {
    width: 100%;
}
@media (max-width: 834px) {
.make_right .common_btn a {
    font-size: 20rem;
    padding: 20rem 0;
    width: 400rem;
    margin-top: 30rem;
}
}
@media (max-width: 440px) {
    .make_right .common_btn a {
        font-size: 17rem;
        padding: 15rem 0;
        width: 340rem;
        margin-top: 20rem;
    }
    }
.make_guest_content {
    margin: 0 auto;
    width: 1600rem;
}
@media (max-width: 834px) {
    .make_guest_content {
        margin: 0 auto;
        width: 90%;
    } 
}
.make_common_contact_bg {
    margin-top: 120rem;
}
/* 下層〜投稿作成ページ */

/* 下層〜お問い合わせ */
.contact_wrapper {
    width: 1600rem;
    margin: 80rem auto 140rem;
    display: flex;
    justify-content: space-between;
}
@media (max-width: 834px) {
    .contact_wrapper {
        width: 90%;
        margin: 40rem auto 80rem;
        flex-direction: column;
    }
}
@media (max-width: 440px) {
    .contact_wrapper {
        margin: 40rem auto 60rem;
    }
}
.page_contact_left {
    width: 670rem;
}
@media (max-width: 834px) {
    .page_contact_left {
        width: 100%;
    }
}
.page_contact_title {
    margin-bottom: 40rem;
}
@media (max-width: 834px) {
    .page_contact_title {
        margin-bottom: 30rem;
        padding: 0 5%;
    }
}
@media (max-width: 440px) {
    .page_contact_title {
        margin-bottom: 20rem;
        padding: 0;
    }
}
.page_contact_title h1 {
    font-size: 48rem;
    font-weight: bold;
    letter-spacing: 0.03em;
    margin-bottom: 30rem;
    text-align: center;
}
@media (max-width: 834px) {
    .page_contact_title h1 {
        font-size: 38rem;
        margin-bottom: 25rem;
    }
}
@media (max-width: 440px) {
    .page_contact_title h1 {
        font-size: 28rem;
        margin-bottom: 20rem;
    }
}
.page_contact_title p {
    font-size: 23rem;
    letter-spacing: 0.03em;
    line-height: 1.8;
}
@media (max-width: 834px) {
    .page_contact_title p {
        font-size: 20rem;
    } 
}
@media (max-width: 440px) {
    .page_contact_title p {
        font-size: 18rem;
        line-height: 1.6;
    } 
}
.page_tel_content {
    background-color: #785F4C;
    border-radius: 5rem;
    display: flex;
    justify-content: center;
    padding: 20rem 0 15rem 0;
    width: 95%;
}
@media (max-width: 834px) {
    .page_tel_content {
        padding: 20rem 0 15rem 0;
        width: 80%;
        margin: 0 auto;
    }
}
@media (max-width: 440px) {
    .page_tel_content {
        padding: 15rem;
        width: 100%;
        display: flex;
        flex-direction: column;
    }
}
.page_tel_image {
    width: 65rem;
    height: 65rem;
    margin-right: 10rem;
}
@media (max-width: 834px) {
    .page_tel_image {
        width: 60rem;
        height: 60rem;
    }
}
@media (max-width: 440px) {
    .page_tel_image {
        width: 46rem;
        height: 46rem;
        margin-right: 7rem;
        margin-top: 4rem;
    }
}
.page_tel_image  img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.page_tel_text p {
    font-size: 23rem;
    letter-spacing: 0.03em;
    color: #fff;
    margin-bottom: 5rem;
    z-index: 1;
}
@media (max-width: 834px) {
    .page_tel_text p {
        font-size: 20rem;
    }
}
@media (max-width: 440px) {
    .page_tel_text p {
        font-size: 18rem;
    }
}
.page_tel_title {
    font-size: 41rem;
    letter-spacing: 0.03em;
    font-weight: bold;
    color: #fff;
    margin-right: 5rem;
    z-index: 1;
}
@media (max-width: 834px) {
    .page_tel_title {
        font-size: 38rem;
    } 
}
@media (max-width: 440px) {
    .page_tel_title {
        font-size: 30rem;
    } 
}
.page_tel_sub_title {
    font-size: 19rem;
    letter-spacing: 0.03em;
    color: #fff;
    margin-right: 5rem;
}
@media (max-width: 440px) {
    .page_tel_sub_title {
        font-size: 16rem;
    }
}
.page_contact_bg {
    background-color: #fff;
    border: 1.5px solid #ccc;
    width: 850rem;
    border-radius: 5rem;
    padding: 50rem;
}
@media (max-width: 834px) {
    .page_contact_bg {
        width: 100%;
        padding: 30rem 40rem;
        margin-top: 60rem;
    }
}
@media (max-width: 440px) {
    .page_contact_bg {
        padding: 20rem 15rem;
        margin-top: 40rem;
    }
}
/* contact7 */
.contact_item {
    padding-bottom: 35rem;
    display: block;
}
@media (max-width: 834px) {
    .contact_item {
        flex-direction: column;
        align-items: start;
        padding-bottom: 25rem;
    }
}
@media (max-width: 440px) {
    .contact_item {
        padding: 10rem 0;
    }
}
.required {
    color: #fff;
    font-size: 16rem;
    margin-left: 15rem;
    background-color: #dc3232;
    font-weight: normal;
    padding: 5rem 7rem;
    border-radius: 3rem;
}
@media (max-width: 440px) {
    .required {
        font-size: 12rem;
    }
}
.form_section_title {
    font-size: 25rem;
    font-weight: bold;
    width: 100%;
	letter-spacing: 0.03em;
    display: flex;
    align-items: center;
    margin-bottom: 20rem;
}
@media (max-width: 834px) {
    .form_section_title {
        font-size: 20rem;
        margin-bottom: 15rem;
    }
}
@media (max-width: 440px) {
    .form_section_title {
        font-size: 18rem;
        margin-bottom: 15rem;
    }
}
.contact_item_textarea {
    align-items: start;
    padding-bottom: 0;
}
.wpcf7-form-control {
    background-color: #F8F8F8;    
    border: 0.5rem solid #1C1C1C;
    width: 100%;
    height: 65rem; 
    font-size: 25rem;
    padding: 0 20rem;
    border-radius: 5rem;
	letter-spacing: 0.03em;
    display: block;
}
@media (max-width: 834px) {
    .wpcf7-form-control {
        font-size: 20rem;
    }
}
@media (max-width: 440px) {
    .wpcf7-form-control {
        height: 50rem; 
        padding: 20rem 10rem;
    }
}
.wpcf7-textarea {
    background-color: #F8F8F8;
    border: 0.5rem solid #1C1C1C;
    width: 100%;
    height: 300rem;
    padding: 20rem;
    border-radius: 5rem;
	resize: vertical;
    line-height: 1.6;
}
@media (max-width: 834px) {
    .wpcf7-textarea {
        height: 250rem;
    }
}
@media (max-width: 440px) {
    .wpcf7-textarea {
        height: 210rem;
        padding: 10rem;
    }
}
.wpcf7-submit {
    font-size: 23rem;
    color: #fff;
    display: block;
    width: 450rem;
    height: 75rem;
    background-color: #785F4C;
    border-radius: 5rem;
    margin: 50rem auto;
    transition: all 0.4s;
    border: 4rem solid #785F4C;
	letter-spacing: 0.03em;
    line-height: 0.7;
 }
 @media (max-width: 834px) {
    .wpcf7-submit {
        font-size: 20rem;
     }
 }
 @media (max-width: 440px) {
    .wpcf7-submit {
        font-size: 17rem;
        margin: 30rem auto;
		height: 58rem;
        width: 340rem;
     }
 }
 @media (min-width: 835px) {
    .wpcf7-submit:hover {
        background-color: #ffffff;
        color: #1C1C1C;
    }
}
.wpcf7-spinner {
	display: none!important;
}
.wpcf7 input::placeholder,
.wpcf7 textarea::placeholder { 
    color: #D3D3D3; 
}
.wpcf7-not-valid-tip {
    margin-top: 12rem;
    font-size: 18rem!important;
}
@media (max-width: 834px) {
    .wpcf7-not-valid-tip {
        font-size: 14rem!important;
    }
}
@media (max-width: 440px) {
    .wpcf7-not-valid-tip {
        font-size: 12rem!important;
    }
}
.wpcf7 form .wpcf7-response-output {
    margin: 1em 0.5em 0!important;
	border-color: #dc3232!important;
	font-size: 23rem!important;
    line-height: 1.8;
    border: none!important;
    color: #dc3232;
}
@media (max-width: 834px) {
    .wpcf7 form .wpcf7-response-output {
        font-size: 14rem!important;
    }
}
@media (max-width: 440px) {
    .wpcf7 form .wpcf7-response-output {
        padding: 0!important;
    }
}
.wpcf7 form.sent .wpcf7-response-output {
    font-size: 25rem;
    line-height: 1.5;
    border: none;
	color: #1C1C1C!important;
} 
@media (max-width: 834px) {
    .wpcf7 form.sent .wpcf7-response-output {
        font-size: 18rem;
    } 
}
.recaptcha {
	inline-size: fit-content;
   margin-inline: auto;
}
.recaptcha p {
	font-size:18rem;
	line-height:1.8;
	margin-bottom:5rem;
}
@media (max-width: 834px) {
    .recaptcha p {
        font-size: 14rem;
    }
}
@media (max-width: 440px) {
    .recaptcha p {
        font-size: 12rem;
    }
}
.recaptcha a {
    text-decoration: underline;
    color: #34A853;
}
.grecaptcha-badge {
	visibility: hidden; 
}
/* contact7 */
/* 下層〜お問い合わせ */

/* 下層〜最新情報一覧 */
.news_wrapper {
    width: 1300rem;
    margin: 80rem auto 140rem;
}
@media (max-width: 834px) {
    .news_wrapper {
        width: 90%;
        margin: 40rem auto 80rem;
    }
}
@media (max-width: 440px) {
    .news_wrapper {
        width: 90%;
        margin: 40rem auto 60rem;
    }
}
.news_content {
    display: flex;
    justify-content: space-between;
}
@media (max-width: 834px) {
    .news_content {
        flex-direction: column;
    }
}
.news_single {
    width: 700rem;
}
@media (max-width: 834px) {
    .news_single {
        width: 100%;
    } 
}
.news_sub_title {
    margin-bottom: 50rem;
}
@media (max-width: 834px) {
    .news_sub_title {
        margin-bottom: 25rem;
    }
}
@media (max-width: 440px) {
    .news_sub_title {
        margin-bottom: 15rem;
    }
}
.news_sub_title .green_circle {
    width: 25rem;
    height: 25rem;
    margin-top: 17rem;
}
@media (max-width: 834px) {
    .news_sub_title .green_circle {
        width: 22rem;
        height: 22rem;
        margin-top: 15rem;
    }
}
@media (max-width: 440px) {
    .news_sub_title .green_circle {
        width: 18rem;
        height: 18rem;
        margin-top: 11rem;
    }
}
.news_sub_title p {
    font-size: 40rem;
    letter-spacing: 0.03em;
    font-weight: bold;
    line-height: 1.5;
}
@media (max-width: 834px) {
    .news_sub_title p {
        font-size: 38rem;
    }
}
@media (max-width: 440px) {
    .news_sub_title p {
        font-size: 28rem;
    }
}
.news_image {
    width: 100%;
    height: 394rem;
    margin-bottom: 20rem;
}
@media (max-width: 834px) {
    .news_image {
        height: 422rem;
    }
}
@media (max-width: 440px) {
    .news_image {
        height: 223rem;
        margin-bottom: 15rem;
    }
}
.news_image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 5rem;
}
.page_news_list {
    margin-top: 40rem;
}
.page_news_item {
    margin-bottom: 60rem;
}
@media (max-width: 834px) {
    .page_news_item {
        margin-bottom: 40rem;
    }
}
@media (max-width: 440px) {
    .page_news_item {
        margin-bottom: 30rem;
    }
}
.page_news_item:last-child {
    margin-bottom: 0;
}
.page_news_item span {
    font-size: 23rem;
    letter-spacing: 0.03em;
    margin-bottom: 15rem;
    display: block;
}
@media (max-width: 834px) {
    .page_news_item span {
        font-size: 20rem;
        margin-bottom: 10rem;
    }
}
@media (max-width: 440px) {
    .page_news_item span {
        font-size: 18rem;
        margin-bottom: 5rem;
    }
}
.page_news_title {
    font-size: 25rem;
    letter-spacing: 0.03em;
    font-weight: bold;
    color: #785F4C;
    margin-bottom: 20rem;
    line-height: 1.6;
}
@media (max-width: 834px) {
    .page_news_title {
        font-size: 23rem;
        margin-bottom: 15rem;
    }
}
@media (max-width: 440px) {
    .page_news_title {
        font-size: 20rem;
        margin-bottom: 10rem;
    }
}
.page_news_text {
    font-size: 23rem;
    letter-spacing: 0.03em;
    line-height: 1.6;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 2;
    max-height: calc(1.6em * 2);
}
@media (max-width: 834px) {
    .page_news_text {
        font-size: 20rem;
    }
}
@media (max-width: 440px) {
    .page_news_text {
        font-size: 18rem;
    }
}
/* 下層〜最新情報一覧 */

/* 下層〜最新情報詳細 */
.single_title h1 {
    font-size: 40rem;
    font-weight: bold;
    letter-spacing: 0.03em;
    line-height: 1.5;
    margin-bottom: 20rem;
}
@media (max-width: 834px) {
    .single_title h1 {
        font-size: 30rem;
    }
}
@media (max-width: 440px) {
    .single_title h1 {
        font-size: 20rem;
        margin-bottom: 10rem;
    }
}
.single_date {
    font-size: 25rem;
    letter-spacing: 0.03em;
    display: block;
    margin-bottom: 10rem;
}
@media (max-width: 834px) {
    .single_date {
        font-size: 23rem;
    }
}
@media (max-width: 440px) {
    .single_date {
        font-size: 18rem;
        margin-bottom: 5rem;
    }
}
.block {
    font-size: 23rem;
    line-height: 1.6;
	letter-spacing: 0.03em;
} 
@media (max-width: 834px) {
    .block {
        font-size: 20rem;
    } 
}
@media (max-width: 440px) {
    .block {
        font-size: 18rem;
    } 
}
.single_btn {
    margin-top: 40rem;
}
@media (max-width: 834px) {
    .single_btn {
        margin-top: 0;
    }
}
/* 下層〜最新情報詳細 */

/* ページ内外リンク位置調整 */
.link-position {
  top: 60rem;
  display: block;
  position: relative;
}
@media (max-width: 834px) {
    .link-position {
        top: 0;
      }
}
@media (max-width: 440px) {
    .link-position {
        top: 80rem;
      }
}
_::-webkit-full-page-media, _:future, :root .link-position {
	  top: 100rem;
}
@media (max-width: 834px) {
	_::-webkit-full-page-media, _:future, :root .link-position {
	  top: 0;
}
}
@media (max-width: 390px) {
	_::-webkit-full-page-media, _:future, :root .link-position {
	  top: 10rem;
}
}
@media (max-width: 320px) {
	_::-webkit-full-page-media, _:future, :root .link-position {
	  top: 30rem;
}
}
/* ページ内外リンク位置調整 */
  
/* カルーセル共通 */
.top_fv .slick-initialized .slick-slide {
	border-radius: 0!important;
}
.top_fv .slick-list {
	border-radius: 0!important;
}
.slick-initialized .slick-slide {
    border-radius: 5rem!important;
}
.slick-list {
    border-radius: 5rem!important;
}
.slick-prev {
  left: -30rem;
  top: 280rem;
}
.make_right_archive .slick-prev {
	   top: 50%;
}
.make_right_archive .slick-next {
	   top: 50%;
}
.pottery_experience_about_wrapper .slick-prev {
    top: 50%;
}
.make_section .slick-prev {
    top: 290rem;
}
.make_right .slick-prev {
    top: 50%;
}
.painting_price .slick-prev {
    top: 50%;
}
.pottery_work_content .slick-prev {
    top: 50%;
}
@media (max-width: 440px) {
    .slick-prev {
        left: -20rem;
        top: 150rem;
      }
    .make_section .slick-prev {
        top: 150rem;
    }
}
@media (max-width: 440px) {
.make_right_single .slick-next {
    top: 55%!important;
}
.make_right_single .slick-prev {
    top: 55%;
}
}
.slick-next {
  right: -28rem;
  top: 280rem;
}
.pottery_experience_about_wrapper .slick-next {
    top: 50%;
}
.make_section .slick-next {
    top: 290rem;
}
.make_right .slick-next {
    top: 50%;
}
.painting_price .slick-next {
    top: 50%;
}
.pottery_work_content .slick-next {
    top: 50%;
}
@media (max-width: 440px) {
    .slick-next {
        right: -20rem;
        top: 150rem;
      } 
    .make_section .slick-next {
        top: 150rem;
    }
}
.make_section .slick-initialized .slick-slide {
    display: flex!important;
}
.slick-prev, .slick-next {
    background-color: #785F4C;
    border-radius: 50%;
    width: 60rem;
    height: 60rem;
    color: #fff;
    z-index: 1;
}
@media (max-width: 440px) {
    .slick-prev,
    .slick-next {
      width: 40rem;
      height: 40rem;
    }
    }
.slick-prev:before {
  content: '<';
  font-size: 30rem;
  margin-left: -4rem;
  opacity: 1!important;
  line-height: 0.3;
  font-weight: bold;
}
@media (max-width: 440px) {
    .slick-prev:before {
        font-size: 20rem;
        margin-top: -12rem;
        margin-left: -2rem;
        line-height: 0.2;
      }
}
.slick-next:before {
    content: '>';
    font-size: 30rem;
    margin-left: 4rem;
    opacity: 1!important;
    line-height: 0.3;
    font-weight: bold;
}
@media (max-width: 440px) {
    .slick-next:before {
        font-size: 20rem;
        margin-top: -12rem;
        margin-left: 1rem;
        line-height: 0.2;
      }
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  color: #fff !important;           
  background-color: #785F4C !important;
  outline: none;                      
}
/* カルーセル共通 */

/* 戻るボタン */
#page_top {
    position: fixed;
    bottom: 10%;
    right: -0.5%;
    z-index: 1;
  }
  @media (max-width: 834px) {
    #page_top {
        bottom: 11%;
      }
  }
  @media (max-width: 440px) {
    #page_top {
        right: -4%;
        bottom: 10%;
      }
  }
  @media (min-width: 835px) {
  #page_top:hover {
    cursor: pointer;
  }
}
  #page_top::before {
    position: absolute;
    content: "";
    top: 50%;
    right: 5rem;
    width: 60rem;
    height: 60rem;
    border-radius: 50%;
    transform: translate(-50%,-50%);
    background-color: #785F4C;
	  border: 1px solid #fff;
}
@media (max-width: 834px) {
    #page_top::before {
        width: 45rem;
        height: 45rem;
    }
}
@media (max-width: 440px) {
    #page_top::before {
        width: 35rem;
        height: 35rem;
    }
}
#page_top::after {
    content: "";
    margin: auto;
    position: absolute;
    top: -5rem;
    right: 56rem;
    width: 18rem;
    height: 18rem;
    border-top: 3px solid #fff;
    border-left: 3px solid #fff;
    transform: rotate(45deg);
}
@media (max-width: 834px) {
    #page_top::after {
        right: 44rem;
        width: 12rem;
        height: 12rem;
		top: -4rem;
    }
}
@media (max-width: 440px) {
    #page_top::after {
        right: 35rem;
        width: 10rem;
        height: 10rem;
         top: -3rem;
		 border-top: 2px solid #fff;
    	border-left: 2px solid #fff;
    }
}
/* 戻るボタン */

/* ページナビ */
.wp-pagenavi {
    text-align: center;
    margin-top: 60rem;
    display: flex;
    justify-content: center;
  }
@media (max-width: 834px) {
    .wp-pagenavi {
        margin-top: 40rem;
      }
  }
  @media (max-width: 440px) {
    .wp-pagenavi {
        margin-top: 20rem;
      }
  }
  span.current {
      background: #785F4C;
      color: #fff;
      border-radius: 50%;
      width: 60rem;
      height: 60rem;
      display: inline-block;
      border: 3rem solid #785F4C;
      margin: 0 10rem;
      font-size: 30rem;
      line-height: 1.8;
      font-weight: bold;
  }
  @media (max-width: 834px) {
    span.current {
        width: 50rem;
        height: 50rem;
        font-size: 24rem;
    }
  }
  @media (max-width: 440px) {
      span.current {
          width: 40rem;
          height: 40rem;
          margin: 0 5rem;
          font-size: 22rem;
          padding-top: 4rem;
          line-height: 1.2;
      }
  }
  a.larger,
  a.smaller  {
      background: #ffffff;
      border-radius: 50%;
      width: 60rem;
      height: 60rem;
      display: inline-block;
      border: 3rem solid #785F4C;
      margin: 0 10rem;
      font-size: 30rem;
      transition: 0.4s ease;
      line-height: 1.8;
      color: #785F4C;
  }
  @media (max-width: 834px) {
    a.larger,
    a.smaller  {
      width: 50rem;
      height: 50rem;
      font-size: 24rem;
  }
  }
  @media (max-width: 440px) {
      a.larger,
      a.smaller {
          width: 40rem;
          height: 40rem;
          margin: 0 5rem;
          font-size: 22rem;
          line-height: 1.7;
          border: 1rem solid #785F4C;
      }
  }
  a.first {
      font-size: 30rem;
      font-weight: bold;
      margin-right: 10rem;
      transition: 0.4s ease;
      margin-top: 14rem;
  }
  a.last {
      font-size: 30rem;
      font-weight: bold;
      margin-left: 10rem;
      transition: 0.4s ease;
      margin-top: 14rem;
  }
@media (max-width: 834px) {
      a.first,
      a.last {
      margin-top: 10rem;
	  font-size: 24rem;
  }
  }
  @media (max-width: 440px) {
      a.first,
      a.last {
      margin-top: 6rem;
  }
  }
  @media (max-width: 440px) {
      a.last {
          width: 40rem;
          height: 40rem;
          margin-left: 4rem;
  }
  }
  @media (min-width: 835px) {
  a.larger:hover,
  a.smaller:hover {
      background: #fff;
      transition: 0.4s ease;
  }
  a.last:hover,
  a.first:hover {
      transition: 0.4s ease;
  }
}
  /* ページナビ */

  .is-hidden {
    display: none;
}

/* ハンバーガー */
.sp_header_btn_content {
    display: none;
}
@media (max-width: 835px) {
.sp_header_btn_content {
    position: fixed;
    top: 0;
    right: 0; 
    z-index: 1000;
    display: flex;
}
}
@media (min-width: 835px) {
.open {
    display: none;
}
}
.sp_header_contact,
.sp_header_tel,
.open_btn {
    width: 100rem;
    height: 90rem;
}
@media (max-width: 440px) {
    .sp_header_contact,
    .sp_header_tel,
    .open_btn {
        width: 75rem;
        height: 65rem;
    } 
}
.sp_header_contact,
.sp_header_tel {
    display: flex;
    align-items: center;
    justify-content: center;
}
.sp_header_contact {
    background-color: #785F4C;
}
.sp_header_tel {
    background-color: #5C9291;
}
.open_btn {
    position: relative;
    background-color: #D7C4A3;
}
.sp_header_link {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.sp_header_link img  {
    width: 20rem;
    height: 20rem;
    object-fit: cover;
    margin-bottom: 6rem;
}
@media (max-width: 440px) {
	.sp_header_link img  {
    width: 17rem;
    height: 17rem;
}
}
.sp_header_link span {
    font-size: 17rem;
    letter-spacing: 0.03em;
    color: #fff;
    text-align: center;
    line-height: 1.3;
}
@media (max-width: 440px) {
    .sp_header_link span {
        font-size: 12rem;
    }
}
.open_btn::before {
    content: "メニュー";
    position: absolute;
    bottom: 12rem;
    right: 20rem;
    color: #1C1C1C;
    font-size: 17rem;
    font-weight: bold;
	transition: 0.2s ease;
	-webkit-transition: 0.2s ease;
	}
    @media (max-width: 440px) {
        .open_btn::before {
            font-size: 12rem;
            bottom: 8rem;
            right: 14rem;
            } 
    }
  .open_btn span {
    display: inline-block;
	  transition: 0.2s ease;
	  -webkit-transition: 0.3s ease;
    position: absolute;
    right: 28rem;
    height: 2rem;
    background: #1C1C1C;
  }
  @media (max-width: 440px) {
    .open_btn span {
        right: 18rem;
        height: 1.5rem;
      }
  }
  .open_btn span.change-color_sp {
    background: #2E4053;
  }
  .open_btn span:nth-of-type(1) {
    top: 16rem;
    width: 48rem;
  }
  @media (max-width: 440px) {
    .open_btn span:nth-of-type(1) {
        width: 40rem;
        top: 13rem;
      }
  }
  .open_btn span:nth-of-type(2) {
    top: 30rem;
    width: 48rem;
  }
  @media (max-width: 440px) {
    .open_btn span:nth-of-type(2) {
        width: 40rem;
        top: 23rem;
      }
  }
  .open_btn span:nth-of-type(3) {
    top: 44rem;
    width: 48rem;
  }
  @media (max-width: 440px) {
    .open_btn span:nth-of-type(3) {
        width: 40rem;
        top: 33rem;
      }
  }
  .open_btn.active span:nth-of-type(1) {
    top: 25rem;
    right: 30rem;
    -webkit-transform: translateY(6px) rotate(-45deg);
            transform: translateY(6px) rotate(-45deg);
    width: 46rem;
  }
  @media (max-width: 440px) {
    .open_btn.active span:nth-of-type(1) {
        width: 38rem;
        top: 17rem;
        right: 21rem;
      }
  }
  .open_btn.active span:nth-of-type(2) {
    opacity: 0;
  }
  .open_btn.active span:nth-of-type(3) {
    top: 37rem;
    right: 30rem;
    -webkit-transform: translateY(-6px) rotate(45deg);
            transform: translateY(-6px) rotate(45deg);
    width: 46rem;
  }
  @media (max-width: 440px) {
    .open_btn.active span:nth-of-type(3) {
        width: 38rem;
        top: 30rem;
        right: 21rem;
      }
  }
@media (max-width: 390px) {
    .open_btn.active span:nth-of-type(3) {
        top: 30.5rem;
      }
  }
@media (max-width: 320px) {
    .open_btn.active span:nth-of-type(3) {
        top: 34rem;
      }
  }
.overlay {
    width: 100%;
    position: fixed;
    top: 0;
	 right: 0;
	background-color: #3F312B;
    height: 100%;
    z-index: -1;
    display: block;
     transition: right 0.2s ease; 
    padding-top: 110rem;
	display: none;
}
@media (max-width: 440px) {
    .overlay {
        padding-top: 90rem;
    } 
}
.sp_header_list {
    width: 70%;
    margin: 10rem auto 0;
}
@media (max-width: 440px) {
    .sp_header_list {
        width: 85%;
        margin: 0 auto;
    }
}
.sp_header_item {
   color: #fff;
   font-size: 20rem;
   letter-spacing: 0.08em;
   font-weight: bold;
   padding: 25rem 0 25rem 10rem;
   border-bottom: 2px dotted #fff;
}
@media (max-width: 440px) {
    .sp_header_item {
		border-bottom: 1.5px dotted #fff;
     }
}
.sp_header_item a {
    display: block;
}
.sp_header_item_list li {
    font-size: 20rem;
    margin-top: 20rem;
    margin-left: 30rem;
    position: relative;
}
.sp_header_item_list li::before {
    content: "";
    position: absolute;
    height: 2rem;
    width: 15rem;
    background-color: #fff;
    top: 10rem;
    left: -22rem;
}
.overlay_insta {
    width: 70%;
    margin: 40rem auto 0;
}
@media (max-width: 440px) {
    .overlay_insta {
        width: 80%;
        margin: 25rem auto 0;
    }
}
/* ハンバーガー */

/* パンくず */
.fbc-page .fbc-wrap .fbc-items {
    background-color: transparent!important; 
    padding: 0 4%!important;
}
@media (max-width: 440px) {
	.fbc-page .fbc-wrap .fbc-items {
    background-color: transparent!important; 
    padding: 1% 4%!important;
}
}
.fbc-page .fbc-wrap .fbc-items li,
.fbc-page .fbc-wrap .fbc-items li.active span, .fbc-page .fbc-wrap .fbc-items li .fbc-end-text {
	font-size: 23rem!important;
}
@media (max-width: 834px) {
.fbc-page .fbc-wrap .fbc-items li,
.fbc-page .fbc-wrap .fbc-items li.active span, .fbc-page .fbc-wrap .fbc-items li .fbc-end-text {
	font-size: 19rem!important;
}
}
@media (max-width: 440px) {
.fbc-page .fbc-wrap .fbc-items li {
    padding: 0!important;
    padding-top: 1%!important;
	font-size: 16rem!important;
}
}
@media (max-width: 440px) {
.fbc-page .fbc-wrap .fbc-items li.active span, .fbc-page .fbc-wrap .fbc-items li .fbc-end-text {
   font-size: 16rem!important;
	padding-left: 3rem!important;
}
}
/* パンくず */

/* インスタ */
#sb_instagram.sbi_width_resp {
    padding-bottom: 0!important;
}
/* インスタ */

/* カレンダー */
.day_table {
	max-width: 450rem!important;
    color: #333!important;
}
@media (max-width: 834px) {
	.day_table {
	max-width: 750rem!important;
}
}
.wpsbc-calendar {
    max-width: 100%!important;
}
.day_table_text {
 	display:flex;
	align-items:center;
	gap: 5rem;
	margin-top:15rem;
}
.day_table_text span.closed {
	background-color: #ffc0bd;
	width:20rem;
	height:20rem;
}
.day_table_text span.contact {
	background-color: #fee2a0;
	width:20rem;
	height:20rem;
	margin-left: 20rem;
}
.day_table_text p {
	font-size: 23rem;
	letter-spacing:0.03em;
	color:#fff;
}
@media (max-width: 834px) {
	.day_table_text p {
	font-size: 20rem;
}
}
@media (max-width: 440px) {
	.day_table_text p {
	font-size: 18rem;
}
}
/* カレンダー */