/*
Theme Name: column
Author: Freesale Vietnam Company

 */

@charset "UTF-8";
/* CSS Document */

html {
    font-size: 14px;
    font-family: 'fot-tsukuardgothic-std','FOT-筑紫A丸ゴシック Std B', 'Tsukushi A Round Gothic', 'Kosugi Maru', sans-serif;
    color: #453109;
}
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0
}

body {
    line-height: 1.5;
    overflow-y: scroll;
    color: #453109;
}

article, aside, details, figcaption, figure, small, footer, header, hgroup, menu, nav, section, time {
    display: block
}

ul, li {
    list-style: none
}

blockquote, q {
    quotes: none
}

blockquote::before, blockquote::after, q::before, q::after {
    content: '';
    content: none
}

blockquote {
    font-size: 14px;
    text-decoration: underline
}

ins {
    background-color: #ff9;
    text-decoration: none
}

mark {
    background-color: #ff9;
    font-style: italic;
    font-weight: 700
}

del {
    text-decoration: line-through
}

abbr[title], dfn[title] {
    border-bottom: 1px dotted;
    cursor: help
}

table {
    border-spacing: 0
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0
}

input, select {
    vertical-align: middle
}

a {
    margin: 0;
    padding: 0
}

a, img[onclick] {
    cursor: pointer
}

a {
    text-decoration: none;
    color:#E46583;
}

a:hover {
    opacity: .6 !important
}

a[target=_blank]:hover {
    opacity: 1
}

.list_09 a, .hall_item01 li a {
    color: #222
}


.pc_none {
    display: none;
}

#container {
    min-width: 1040px;
    overflow: hidden
}

/*title*/

.title_box {
    text-align: center;
    padding: 30px 0;
}

.h1_head {
    color: #453109;
    font-size: 40px;
}

.h1_head span {
    color: #A57410;
    font-size: 16px;
}

/* breadcrumbs */

.breadcrumbs {
    padding-top: 100px;
}

.breadcrumbs ul {
    display: flex;
    align-items: center;
    height: 50px;
    padding-left: 50px;
}

.breadcrumbs ul li {
    margin-right: 20px;
}

.breadcrumbs ul li a {
    color: #453109;
}

.breadcrumbs ul li::after {
    content: ">";
}

.breadcrumbs ul li:last-of-type:after {
    content: "";
}
.breadcrumbs ul li:last-of-type {
    pointer-events: none;
}

/*slider */

.slide {
    width: 100%;
}

#container .slick-dotted.slick-slider {
    margin-bottom: 50px;
}

.slide div {
    position: relative;
}

.slide div p {
    position: absolute;
    width: 100%;
    font-size: 20px;
    color: #fff;
    background: rgba(0, 0, 0, 0.7);
    bottom: 0;
    left: 0;
    text-align: center;
    padding: 10px;
    height: 20%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
}

.height_change {
    height: 5.4rem;
}

.slide .slick-prev, .slide .slick-next {
    z-index: 9999;
    width: 60px;
    height: 30%;
    top: 40%;
}

.slide .slick-prev {
    left: 0;
}

.slide .slick-prev::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 50px;
    top: 75%;
    margin-top: -25px;
    left: 20vw;
    background: url(/images/shop/akihabara/enkai/index/button_slick.png) left center no-repeat;
    -webkit-background-size: 180% auto;
    -moz-background-size: 180% auto;
    -ms-background-size: 180% auto;
    -o-background-size: 180% auto;
    background-size: 180% auto;
}

.slide .slick-next {
    right: 0;
}

.slide .slick-next::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 50px;
    top: 75%;
    margin-top: -25px;
    right: 20vw;
    background: url(/images/shop/akihabara/enkai/index/button_slick.png) right center no-repeat;
    -webkit-background-size: 180% auto;
    -moz-background-size: 180% auto;
    -ms-background-size: 180% auto;
    -o-background-size: 180% auto;
    background-size: 180% auto;
}

.slide .slick-slide img {
    margin: 0 auto;
    width: 100%;
    height: 420px;
    object-fit: cover;
}

.slick-dots li button:before {
    font-size: 30px !important;
}

.slick-dots li.slick-active button:before {
    color: #9b7924 !important;
}

/* header */

.header_wrapper {
    position: fixed;
    width: 100%;
    height: 80px;
    z-index: 10000;
    background-color: #1f1716;
}

.header {
    background: #FAF9F5;
    display: flex;
    justify-content: space-between;
    height: 100px;
    align-items: center;
    transition: 1s;
}

.logo {
    float: left;
    padding: 0px 60px 7px;
    margin-top: 10px;
}

.logo a {
    color: #fff;
    font-weight: 400;
    font-size: 18px;
    line-height: 1;
    font-family: "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "游明朝", YuMincho, "HG明朝E", "MS P明朝", MS PMincho, serif;
}

.logo a:hover {
    opacity: 1;
}

.logo img {
    margin-right: 10px;
    vertical-align: bottom;
    width: 212px;
}

.header_r {
    float: right;
    cursor: pointer;
    display: flex;
    justify-content: center;
}

.header_r li {
    display: flex;
    float: left;
    align-items: center;
}

.header_r li.otoiawase a {
    background-color: #A57410;
    width: 320px;
    border-radius: 5px;
    position: relative;
}

.header_r li.otoiawase a::after {
    content: url(images/arrow_reserve02.png);
    right: 10px;
    position: absolute;
    transform: scale(0.7);
}

.header_r li.kengaku a {
    background-color: #E46583;
    width: 125px;
    border-radius: 5px;
    position: relative;
    padding-right: 15px;
}

.header_r li.kengaku a, .header_r li.otoiawase a {
    box-shadow: 0px 0px 6px #4531094d;
}

.header_r li.kengaku a::after {
    content: url(images/arrow_reserve.png);
    right: 10px;
    position: absolute;
    transform: scale(0.7);
}

.header_r li a {
    display: flex;
    height: 40px;
    justify-content: center;
    align-items: center;
    color: #fff;
    margin-right: 20px;
}

.header_r>li .inner_header_r {
    position: relative;
    font-size: 12px;
}

.header_r>.line_header_pc a {
    padding: 0 10px;
    background-color: #00b800;
}

.header_r>.line_header_pc .inner_header_r {
    display: inline-block;
    vertical-align: middle;
    line-height: 1.4;
    color: #fff;
    text-align: left;
}

.header_r>.qa a {
    padding-right: 20px;
}

.header_r>.tel a {
    padding-right: 20px;
}

.header_r>.qa a {
    padding-left: 10px;
}

.header_r>.qa a:hover {
    opacity: .6;
}

.header_r li img {
    margin-right: 10px;
}

.header_r>.tel a {
    padding-left: 10px;
}

.header_r>.tel a:hover {
    background: #e3e0d7 !important;
    opacity: 1 !important;
    cursor: default;
}

.header_r>.tel .inner_header_r {
    font-size: 16px;

    float: right;
    line-height: 1.2;
}

.header_r>.tel .inner_header_r .time_acpt {
    font-size: 10px;
    display: block;
}


.header_r img {
    width: 30px;
    vertical-align: middle;
}

.header_r_btn a img {
    width: 50px;
    height: 40px;
}

.header_r_btn.close a img {
    width: 50px;
    height: 50px;
}

.header_r a[href='#'] {
    pointer-events: none;
    cursor: auto;
}

.header_r a[href='#']:hover {
    opacity: 1;
}

.head_shoplist {
    background-color: #BCB3A0;
    position: fixed;
    top: 100px;
    left: 0;
    z-index: 10000;
    width: 100%;
    display: none;
}

.nav_content_sp {
    display: none;

}

.list_nav_pc li {
    width: 280px;
    border-top: solid 2px #fff;
}

.list_nav_pc li:last-of-type {
    border-bottom: solid 2px #fff;
}

.list_nav_pc a {
    font-size: 16px;
    color: #453109;
    padding: 22px 17px 22px;
    display: block;
    font-weight: bold;
    position: relative;
}

.list_nav_pc a::after {
    content: ">";
    position: absolute;
    right: 16px;
    top: 10px;
    color: #fff;
    font-size: 32px;
}

.nav_content_pc {
    display: flex;
    justify-content: space-between;
}

.list_nav_pc_r {
    width: 563px;

}

.list_nav_post {
    display: flex;
    justify-content: space-between;
}

.list_nav_post>div {
    width: 250px;

}

.head_shoplist .shop_list a.ttl_area {
    color: #fff;
}

.head_shoplist .shop_list a {
    color: #fff;
    font-size: 14px;
}

.head_shoplist .ttl_shoplist {
    color: #fff;
    text-align: left;
}

.head_shoplist .box_shoplist {
    padding: 50px 0;
}

.head_shoplist .shop_list ul {
    width: 32%;

}

.btn_close {
    margin: 35px auto;
    border: solid 1px #fff;
    border-radius: 10px;
    font-size: 16px;
    padding: 10px;
    text-align: center;
    width: 150px;
    color: #fff;
    cursor: pointer;
    position: relative;
}

.btn_close span {
    display: inline-block;
    transition: all .4s;
    position: absolute;
    height: 1px;
    border-radius: 2px;
    background: #fff;
    width: 13%;
}

.btn_close span:nth-of-type(1) {
    transform: translateY(6px) rotate(-45deg);
    right: 8px;
    top: 15px;
}

.btn_close span:nth-of-type(2) {
    transform: translateY(-6px) rotate(45deg);
    top: 27px;
    right: 8px;
}

.btn_close:hover {
    opacity: 0.7;
}

#header.close {
    background-color: #BCB3A0;
    transition: 1s;
}

#header.close .logo img {
    filter: brightness(100);
    transition: 1;
}

.head_shoplist .shop_list dt {
    border-bottom: #958F87 1px solid;
    font-size: 14px;
}

.shoplist_long dl {
    width: 1000px !important;
}

.shoplist_long dd, .shoplist_half dd {
    display: flex;
    justify-content: space-between;
}

.shoplist_long_list_flex {
    display: flex;
    flex-wrap: wrap;
    justify-content: left;
    margin: auto;
}

.shoplist_long_list_flex li {
    width: 32%;
}

.shoplist_half dl {
    width: 460px !important;
}

#nav_sp {
    background-color: #F7F5F2;
}

.slick-slide {
    height: auto !important;
}

@media screen and (min-width: 751px) {
    .pc_none {
        display: none !important;
    }

    #slide_sp {
        display: none;
    }

    #breadcrumbs_sp {
        display: none;
    }

    .th_box .th_img {
        width: 20% !important;
    }
}

/* btn*/

.btn_measures {
    text-align: center;
    margin: 60px auto 30px;
    display: block;
    background: #574e40;
    color: #fff;
    width: 800px;
    padding: 10px;
    font-size: 14px;
    font-weight: bold;
    border-radius: 20px;
}


/*new */

.whatsnew {
    background: #FAF9F5;
}

.inner_whatsnew {
    width: 1000px;
    margin: 0 auto;
    padding-top: 40px;
    padding-bottom: 50px;
}

.whatsnew_content {
    display: flex;
    justify-content: space-between;
}

.post_box {
    width: 700px;
    border-top: #cecece solid 2px;
}

.logo_new {
    margin-bottom: 10px;
}

.side_box {
    width: 220px;
}

.post {
    display: flex;
    padding: 20px 0;
    border-bottom: #cecece solid 2px;
}

.post img {
    width: 230px;
    height: 120px;
    min-width: 230px;
    min-height: 120px;
    object-fit: cover;
    margin-right: 20px;
}

.post_txt {
    width: 100%;

}

.postdate {
    font-weight: bold;
    font-size: 16px;
    display: inline-block;
    color: #A57410;
}

.postcategory {
    display: inline-block;
    float: right;
    color:#453109;
}

.posttitle {
    font-size: 20px;
    font-weight: bold;
    margin-top: 10px;
    color:#453109;
}

.navigation {
    margin-top: 30px;
    display: flex;
    justify-content: center;
    position: relative;
}

.page-numbers {
    display: flex;
}

.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important;
}

.page-numbers li a, .page-numbers li span {
    width: 30px;
    height: 30px;
    border-radius: 20px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    border: solid 1px #574E40;
    ;
    margin-right: 10px;
    color: #574E40;
    font-weight: bold;
    box-sizing: border-box;
}

.page-numbers .current {
    background-color: #574E40;
    color: #fff;
}

.page-numbers .next {
    position: absolute;
    right: 0;
    width: 70px;
    border-radius: 5px;
}

.page-numbers .prev {
    position: absolute;
    left: 0;
    width: 70px;
    border-radius: 5px;
}

.page-numbers .next::after, .page-numbers .prev {
    content: ">";
    margin-left: 5px;
}

.searchbox {
    width: 100%;
    height: 40px;
    border-radius: 8px;
    border: solid 1px #cecece;
    font-size: 16px;
    box-sizing: border-box;
    padding-left: 20px;
}

.searchbox::placeholder {
    color: #BCB3A0;
}

#searchform {
    position: relative;
}

#searchsubmit {
    position: absolute;
    top: 11px;
    right: 10px;
    height: 18px;
}

.posttag {
    position: absolute;
    margin-top: -40px;
    width: auto;
    margin-left: 250px;
    display: flex;
}

.posttag li {
    margin-right: 5px;
}

.posttag a {
    color: #868686;
}

.ttl_sidebox {
    font-size: 14px;
    border-bottom: solid 2px #cecece;
    padding-bottom: 10px;
}

.list_nav_pc_r .ttl_sidebox {
    border-bottom: solid 2px #fff;
    color: #fff;

}

.category_box {
    margin-top: 40px;
}

.categorylist li {
    margin-top: 10px;
}

.categorylist li a {
    color: #453109;
    font-weight: bold;
    margin-top: 10px;
    width: 100%;
    display: block;
    position: relative;
    padding-left: 20px;
}

.categorylist a::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 16px;
    margin-top: 2px;
    left: 0;
    background: url(images/arrow_category.png) left no-repeat;
}

.keywords_box {
    margin-top: 40px;
}

.keywordslist {
    display: flex;
    margin-top: 10px;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.keywordslist li {
    margin: 5px 0;
    margin-right: 10px;
}

.keywordslist li a {
    border: solid 1px #BCB3A0;
    color: #453109;
    padding: 5px;
    border-radius: 5px;
    display: block;
}

.list_nav_pc_r .keywordslist li a {
    background: #C6BDAC;
    border: solid 1px #453109;
}


.link_box {
    margin-top: 40%;
}

.cta {
    border: solid 1px #BCB3A0;
    background-color: #9b7924;
    overflow: hidden;
    padding: 50px 0;
}

.box_cta {
    width: 1000px;
    margin: 0 auto;
    color: #fff;
    margin-top: 30px;
    display: flex;
    justify-content: center;
}

.txt_cta {
    font-weight: bold;
    text-align: center;
    font-size: 20px;
    color: #fff;
}

.btn_mail {
    width: 480px;
    height: 100px;
    color: #9b7924;
    font-weight: bold;
    background: #fff;
    box-sizing: border-box;
    border-radius: 10px;
    font-size: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.btn_tel {
    width: 480px;
    height: 100px;
    font-weight: bold;
    border: #fff 1px solid;
    box-sizing: border-box;
    border-radius: 10px;
    font-size: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ico_cta {
    margin-right: 15px;
}

/**/

.person {
    padding-top: 50px;
}

.txt_person {
    font-weight: bold;
    text-align: center;
    font-size: 20px;
    color: #574E40;
}

#slide_03 {
    padding: 25px 0 20px;
}

.list_12 {
    width: 960px;
    margin: 0 50px;
}

.list_12 ul {
    display: flex;
    flex-wrap: wrap;
}

.list_12 li {
    width: 184px;
    margin-right: 10px;
    margin-bottom: 20px;
    font-size: 12px;
    color: #606060;
}

.list_12 li:nth-child(5n) {
    margin-right: 0;
}

.list_12 li img {
    margin-bottom: 5px;
}

.slide_01 .slick-prev, .slide_01 .slick-next {
    z-index: 9999;
    width: 41px;
}

.slide_01 .slick-prev {
    left: 50%;
    margin-left: -550px;
}

.slide_01 .slick-prev::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 81px;
    margin-top: -45px;
    left: 0;
    background: url(images/arrow_l.png) left no-repeat;
}

.slide_01 .slick-next {
    right: 50%;
    margin-right: -550px;
}

.slide_01 .slick-next::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 81px;
    margin-top: -45px;
    right: 0;
    background: url(images/arrow_r.png) right no-repeat;
}

.slide a {}

/**/

.shoplist {
    background-color: #F7F5F2;
    padding: 50px 0;
}

.ttl_shoplist {
    font-weight: bold;
    text-align: center;
    font-size: 20px;
    color: #574E40;
}

.shop_list {
    margin-top: 20px;
    display: flex;
    justify-content: space-between;
}

.shop_list dl {
    width: 230px;
    float: left;
    margin-left: 20px;
}

.shop_list dl:first-child {
    margin-left: 0
}

.shop_list dt {
    color: #fff;
    border-bottom: 1px solid #d28d08;
    font-size: 12px;
}

.shop_list dd {
    padding: 5px 0;
}

.shop_list a {
    padding: 5px 0;
    display: block;

    font-size: 10px;
}

.shop_list a.ttl_area {
    color: #574E40;
    font-weight: bold;
}

.box_shoplist {
    width: 1000px;
    margin: 0 auto;
}

/*footer*/

#footer {
    background-color: #453109;
}

.logo_f {
    margin-top: 50px;
    filter: brightness(100);
}

.footerlist {
    width: 1000px;
    margin: 0 auto;
    padding: 50px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.footerlist ul {
    display: flex;
    text-align: center;
    margin-bottom: 30px;
}

.footerlist ul li {
    margin-right: 35px;
}

.footerlist ul li:last-of-type {
    margin-right: 0px;
}

.footerlist ul li a {
    font-weight: bold;
    color: #fff;
}

.gotop {
    position: fixed;
    right: 30px;
    bottom: 30px;

}

/*copyright*/

.copyright {
    color: #fff;
    text-align: center;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'Noto Sans JP', sans-serif;
}

/*single*/

.wrap_single {
    background-color: #F7F5F2;
}

.container_post {
    width: 1000px;
    margin: 0 auto;
    padding-top: 40px;
    padding-bottom: 40px;
    display: flex;
    justify-content: space-between;
}

.content_post {
    width: 700px;
    font-size: 16px;
    line-height: 2em;
}

.box_posthead {
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
    font-size: 14px;
}

.single_date {
    font-weight: bold;
    color: #A57410;
}

.single_ttl {
    font-size: 30px;
}

.wrap_single .posttag {
    margin-top: 10px;
    margin-left: 0;
}

.single_tags {
    position: relative;
    margin: 0;
    margin-top: 10px;
}

.content_post img {
    width: 100%;
    margin-bottom: 30px;
}
.single_the_content img{
  height: auto;
}

.content_post h2 {
    font-size: 24px;
    color: #9B7924;
    border-bottom: solid 2px #574E40;
    margin: 30px 0 15px;
}
.content_post h4 {
  font-size: 20px;
  padding-left: 10px;
  position: relative;
  margin: 15px 0px 10px;
}
.content_post h4::before{
  position: absolute;
  height: 80%;
  content: "";
  width:5px;
  background: #E46583;
  border-radius: 5px;
  left:0;
  margin: auto;
  top: 0;
  bottom: 0;
}

.single_indent01 {
    font-size: 14px;
    font-weight: normal;
    border-bottom: solid 2px #CECECE;
    margin-bottom: 15px;
    line-height: 2.5em;
}

.box_share {
    margin-top: 50px;
}

.share {
    display: flex;
}

.share img {
    width: auto;
    margin: 0;
    margin-right: 10px;
}

.share .share-btn__item:hover {
    transform: scale(1.08);
    box-shadow: 0 4px 10px rgba(0, 0, 0, .14);
}

.share a {
    display: flex;
    color:#453109;
    align-items: center;
    margin-right: 25px;
}

.btn_measures_single {
    margin-top: 10px;
}

.osusume_single {
    width: 1000px;
    margin: 0 auto;
    padding: 40px 0;
}

.osusume_single .single_indent01 {
    margin-bottom: 0;
    width: 700px;
}

.osusume_single .post_box, .side_box .post_box {
    border-top: none;
}

.side_box .post_box {
    width: 100%;
}

.side_box .posttitle {
    font-size: 16px;
}

.side_box .posttag {
    position: relative;
    margin: 0;
    margin-bottom: 20px;
}

.side_box .post {
    padding: 10px 0;
}

.in_side_osusume {
    margin-top: 30px;
}

.side_box .post:last-of-type {
    border-bottom: none;
}

.side_box .posttag:last-of-type {
    border-bottom: #cecece solid 2px;
    padding-bottom: 20px;
}
.sec_btn_back_arc{
  background: #F7F5F2;
  display: block;
  padding: 60px 0px;
}
.btn_back_arc{
  width: 450px;
  border: solid 2px #A57410;
  color: #A57410;
  padding-right: 30px;
  height: 60px;
  font-size: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  position: relative;
  margin-bottom: 20px;
  margin: auto;
}
.btn_back_arc::after {
    content: url(images/arrow_reserve03.png);
    right: 20px;
    position: absolute;
}
/*Search*/

.result {
    margin-bottom: 20px;
}

/*garden*/
.garden {
    width: 800px;
    margin: 0 auto;
    padding-bottom: 50px;
    color: #453109;
}

.logo_garden {
    margin: 0 auto;
    display: block;
    margin-top: 80px;
}

.garden h1 {
    font-size: 24px;
    text-align: center;
    margin: 40px 0;
}

.garden h1 span {
    color: #E46583;
    font-size: 16px;
    margin-top: 18px;
    display: block;
}

.inner_garden {
    display: flex;
    justify-content: space-between;
    margin-bottom: 65px;
}

#mainImg img{
   width: 420px;
    height: 300px;
    object-fit: cover;
}

.cap_garden {
    width: 330px;
}

.catalog {
    width: 420px;
}

#subImg {
    display: flex;
    flex-wrap: wrap;
    margin-top: 15px;
}

#subImg li {
    width: 80px;
    height: 80px;
    margin-right: 5px;
}

#subImg li:nth-of-type(5n) {
    margin-right: 0;
}

#subImg li img {
    width: 100%;
    height: auto;
}

.cap_catalog_sub {
    display: none;
}

.garden_reserve {
    display: flex;
    align-items: center;
    flex-direction: column;
}

.garden_reserve a {
    width: 480px;
    height: 60px;
    font-size: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    position: relative;
    margin-bottom: 20px;
}

.garden_reserve a.btn_reserve_garden01 {
    width: 450px;
    border: solid 2px #A57410;
    color: #A57410;
    padding-right: 30px;
}

.btn_reserve_garden01::after {
    content: url(images/arrow_reserve03.png);
    right: 20px;
    position: absolute;
}


.garden_reserve a.btn_reserve_garden02 {
    width: 450px;
    border: solid 2px #E46583;
    color: #fff;
    padding-right: 30px;
    background-color: #E46583;
}

.btn_reserve_garden02::after {
    content: url(images/arrow_reserve.png);
    right: 20px;
    position: absolute;
}


.garden_reserve a.btn_reserve_garden03 {
    width: 440px;
    border: solid 2px #A57410;
    color: #fff;
    padding-right: 40px;
    background-color: #A57410;
    margin-bottom: 0;
}

.btn_reserve_garden03::after {
    content: url(images/arrow_reserve02.png);
    right: 20px;
    position: absolute;
}

/*access*/
.access {
    background-color: #FAF9F5;
    padding: 60px 0;
    font-weight: bold;
}

.logo_access {
    margin-bottom: 38px;
}

.access_inner {
    width: 800px;
    margin: 0 auto;
    padding-bottom: 50px;
    color: #453109;
}

.list_access {
    width: 330px;
    font-size: 16px;
    color: #453109;
}

.list_access li {
    border-top: solid 1px #BCB3A0;
    padding: 20px 0;
    line-height: 30px;
}

.list_access li:last-of-type {
    border-bottom: solid 1px #BCB3A0;
}

.list_access li span {
    color: #A57410;
}

.access_content {
    display: flex;
    justify-content: space-between;

}

@media screen and (max-width: 751px) {
    .pc_none {
        display: block;
    }

    .sp_none {
        display: none !important;
    }

    #container {
        width: 100%;
        min-width: auto;
    }

    .header_wrapper {
        height: auto;
    }

    #slide {
        height: 240px;
    }

    .slide .slick-slide img {
        height: 240px;
    }

    .slide div p {
        font-size: 13px;
    }

    .title_box {
        margin-top: 80px;
    }

    .header {
        width: 100%;
        height: 70px;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 999999;
        align-items: center;
        clear: both;
        justify-content: space-between;
    }
    #logo{
      width:30%;
    }

    .logo {
        float: none;
        text-align: center;
        padding: 0;
        margin: 0;
        margin-left: 20px;
        width: 100%;
        clear: both;
        display: block;
    }

    .logo a {
        font-size: 3vw;
        display: flex;
    }

    .logo img {
        width: 100%;
        margin-bottom: 0;
        margin-right: 0;
    }

    .header_r {
      display: block;
        width: 60%;
        height: 100%;
        justify-content: right;
        margin: 0 0 0 auto;
        float: none;
        clear: both;
    }
    .header_r ul{
      display: flex;
      justify-content: flex-end;
      height: 100%;
    }

    .header_r ul li {
        width: 35%;
        font-size: 12px;
        height: 100%;
    }

    .header_r_btn {
        display: table-cell;
        vertical-align: middle;
    }

    #header .header_r li.kengaku a::after, #header .header_r li.otoiawase a::after {
        content: url(images/arrow_menusp.png);
        position: absolute;
        transform: scale(0.5);
        bottom: 5px;
        left: 10px;
    }

    .header_r li.kengaku a, .header_r li.otoiawase a {
        box-shadow: none;
        width: 100%;
        height: 100%;
        padding: 0;
        border-radius: 0%;
        margin-right: 0;
        text-align: center;
    }

    .header_r li a p {
        padding-bottom: 15px;
    }

    .header_r li a {
        width: 100%;
        height: 100%;
        margin-right: 0;
    }

    .header_r_btn a img {
        width: 40px;
        height: auto;
        margin-right: 0;
    }

    .header_r_btn.close a img {
        width: 40px;
        height: auto;
    }

    .head_shoplist {
        top: 70px;
    }

    .header_r_btn img {
        width: 100%;
    }

    .h1_head {
        font-size: 28px;
    }

    .h1_head span {
        font-size: 12px;
    }

    #breadcrumbs {
        display: none;
    }

    .nav {
        display: none;
    }

    #nav_sp {
        position: fixed;
        width: 100%;
        z-index: 999999;
        height: 90vh;
        top: 0;
        left: 0;
        display: none;
        overflow: auto;
        overflow: scroll;
    }

    .nav_content_pc {
        display: none;
    }

    .nav_content_sp {
        display: block;
    }

    .list_nav_sp {
        display: block;
        width: 80%;
        margin: 0 auto;
        margin-top: 30px;
    }

    .list_nav_li {
        font-size: 18px;
    }

    .list_nav_li>a {
        padding-left: 10px;
        height: 60px;
        display: flex;
        align-items: center;
        color: #453109;
        font-weight: bold;
        border-bottom: solid 1px #CECECE;
        position: relative;
    }

    .list_nav_li>a::after {
        content: url(images/arrow_sp01.png);
        right: 10px;
        position: absolute;
        transform: scale(0.5);
    }

    .list_nav_li>.btn_category_sp::after, .list_nav_li>.btn_keywords_sp::after {
        content: url(images/arrow_sp02.png);
        right: 2px !important;
    }

    .open::after {
        content: url(images/arrow_sp03.png) !important;
        right: 2px !important;
    }

    .box_category_sp, .box_keywords_sp {
        display: none;
    }

    .list_sp_aco li {
        list-style: url(images/arrow_category.png);
        font-size: 16px;
        margin: 10px 0 10px 15px;
    }

    .list_sp_aco li a {
        padding-left: 5px;
        color: #453109;
        position: relative;
    }

    .keywordslist li a {
        border: solid 1px #BCB3A0;
        background-color: #C6BDAC;
    }
    .wrap_single .keywordslist li a{
        background-color: #F7F5F2;
    }

    .nav_sp .box_cta {
        width: 80%;
        flex-wrap: wrap;
    }

    .nav_sp .box_cta a {
        width: 100%;
        height: 60px;
        font-size: 20px;
        border: solid 1px #c0ab77;
    }

    .nav_sp .btn_mail {
        background-color: #9b7924;
        color: #fff;
        margin-bottom: 0;
    }

    .nav_sp .ico_cta {
        width: 30px;
    }

    .nav_sp .btn_tel {
        background: #fff;
        color: #9b7924;
        margin: 20px 0;
    }

    .nav_sp .keywordslist li a {
        background-color: #fff;
    }

    .logo_f {
        display: block;
        margin: 20px auto 0;
    }

    .btn_measures {
        width: 80%;
        box-sizing: border-box;
        border-radius: 30px;
        background: #F7F5F2;
        color: #574E40;
    }

    .whatsnew {
        width: 100%;
    }

    .inner_whatsnew {
        width: 100%;
    }

    .whatsnew_content {
        flex-wrap: wrap;
    }

    .logo_new {
        display: block;
        margin: 0px auto 20px;
        ;
    }

    .post {
        padding-bottom: 45px;
        flex-wrap: wrap;
    }

    .post img {
        width: 100%;
        height: 177px;
        margin: 0;
        margin-bottom: 20px;
    }

    .post_box {
        width: 90%;
        margin: 0 auto;
    }
    .content_post_main{
      border-bottom: solid 2px #CECECE;
      padding-bottom: 30px;
    }
    .content_post {
        width: 100%;
    }

    .posttag {
        left: 0;
        margin: 0;
        margin-top: -40px;
        margin-left: 5%;
    }
    .wrap_single .posttag {
      margin-bottom:10px;
    }

    .page-numbers .next {
        height: 40px;
    }

    .page-numbers li a, .page-numbers li span {
        width: 40px;
        height: 40px;
    }

    .side_box {
        display: none;
    }

    .cta {
        padding: 40px 0;
    }

    .txt_cta {
        width: 80%;
        margin: 0 auto;
    }

    .box_cta {
        width: 80%;
        flex-wrap: wrap;
    }

    .btn_mail, .btn_tel {
        width: 100%;
        font-size: 20px;
        height: 60px;
    }

    .btn_mail {
        margin-bottom: 20px;
    }

    .ico_cta {
        margin-right: 15px;
        width: 30px;
    }

    #slide_03 {
        padding: 3vw 0 0;
    }

    .list_12 {
        width: 85vw;
        margin: 0 3vw;
    }

    .list_12 ul {
        width: 100%;
    }

    .list_12 li, .list_12 ul li:nth-child(5n) {
        width: 32%;
        margin-right: 2%;
        margin-bottom: 10px;
        font-size: 2vw;
    }

    .list_12 ul li:nth-child(3n) {
        margin-right: 0;
    }

    .map_01 {
        height: 60vw;
        margin-top: 7vw;
        margin-bottom: 4vw;
    }

    .slide_01 img {
        width: 100%;
    }

    .slide_01 .slick-next {
        margin-right: 0;
        right: 0;
    }

    .slide_01 .slick-prev {
        margin-left: 0;
        left: 0;
    }

    .slide_01 .slick-next::before {
        background: url(images/arrow_slide_sp.png) left no-repeat;
        width: 25px;
    }

    .slide_01 .slick-prev::before {
        background: url(images/arrow_slide_sp02.png) left no-repeat;
        width: 25px;
    }

    .slide .slick-prev::before {
        left: 1vw;
    }

    .slide .slick-next::before {
        right: 1vw;
    }

    .txt_person {

    }

    .head_shoplist .box_shoplist {
        width: 100%;
        padding-top: 0;
    }

    .box_shoplist .inner_01 {
        width: 80%;
        margin: 0 auto;
    }

    .shop_list {
        flex-wrap: wrap;
    }

    .shop_list dl {
        width: 100%;
        margin: 0 0 20px;
    }

    .shop_list a {
        font-size: 16px;
    }

    .garden{
        width: 100%;
        padding: 0 20px;
        box-sizing: border-box;
    }

    .garden h1{
        font-size: 20px;
    }
    .garden h1 span{
        font-size: 14px;
    }
    .inner_garden{
        width: 100%;
        flex-direction: column;
        box-sizing: border-box;
    }
    #mainImg img{
        width: 100%;
    }

    
    .cap_garden{
        width: 100%;
        order: 1;
    }
    .catalog{
        order: 0;
        width: 100%;
    }
    #subImg{
        justify-content: space-between;
    }
    #subImg li{
        margin-right: 0;
        width: 19%;
    }
    .garden_reserve{
        width: 100%;
        box-sizing: border-box;
    }
    .garden .garden_reserve a{
        width:100%;
        box-sizing: border-box;
        font-size: 18px;
    }
    #breadcrumbs_sp {
        overflow-x: scroll;
        overflow-y: hidden;
        background: #F7F5F2;
        padding: 0;
        white-space: nowrap;
    }

    #breadcrumbs_sp ul {
        padding-left: 5%;
    }

    .access{
        padding: 60px 0 0;
    }
    .access_inner{
        width: 100%;
    }

    .logo_access{
        text-align: center;
        margin: 0 auto 16px;
        display: block;
    }
    .list_access{
        margin-bottom: 20px;
    }
    .access_content{
        flex-direction: column;
        padding: 0 20px;
    }
    .access_r iframe{
        width: 100%;

    }
    .footerlist {
        width: 100%;
        padding: 50px 0 20px;
    }

    .footerlist ul {
        flex-wrap: wrap;
    }

    .footerlist ul li {
        margin-right: 0;
        width: 100%;
        margin-bottom: 20px;
    }

    .footerlist ul li a {
        font-size: 18px;
    }

    /*single*/
    .container_post {
        width: 90%;
        color: #453109;
    }

    .single_ttl {
        font-size: 24px;
    }

    .share {
        justify-content: space-between;
    }

    .share a {
        flex-wrap: wrap;
        font-size: 10px;
        margin: 0 auto;
        display: block;
        border: 1px solid #BCB3A0;
        border-radius: 5px;
        width:23%;
        padding: 10px 0px;
    }
    .share img {
      display: block;
      margin: 0 auto;
    }
    .share span {
      text-align: center;
      display: block;
      line-height: 1;
      padding-top:5px;

    }

    .box_share .single_indent01{
      border-bottom: none;
      margin-bottom:5px;
    }
    .single_sns_sp_head{
      margin-bottom:20px;
    }

    .keywordslist {
        margin-top: 0px;
    }
    .keywordslist li {
      margin: 0px 0;
      margin-right: 10px;
    }
    .osusume_single {
        width: 90%;
    }

    .osusume_single .single_indent01 {
        width: 100%;
    }

    .osusume_single .post_box {
        width: 100%;

    }

    .osusume_single .posttag {
        margin-top: -35px;
        margin-left: 5%;
    }
    .osusume_single a.post {
      align-items: flex-start;
      padding-bottom: 10px;
    }
    .osusume_single a img{
      width: 30%;
      min-width: 100px;
      min-height: 70px;
      height: auto;
      margin-right:15px;
    }
    .osusume_single a .post_txt{
      width:65%;
      display: flex;
      flex-direction: column-reverse;
    }
    .osusume_single a .post_txt .posttitle{
      margin-top:0;
      width:100%;
      font-size:3.3vw;
    }
    .sec_btn_back_arc {
      padding: 30px 0px;
    }
    .btn_back_arc {
      width: 80%;
    }
    /*Search*/
    .result {
        text-align: center;
    }
}