/* Style css */

body {

    font-family: 'Zen Old Mincho', YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝","serif";

    color: #062106;

    line-height: 1.5;

    font-size: 16px;

    font-weight: 400;

}



@-webkit-keyframes ShowToTop {

    0% {

        top: -100px;

    }



    100% {

        top: 0;

    }

}



@keyframes ShowToTop {

    0% {

        top: -100px;

    }



    100% {

        top: 0;

    }

}



.container {

    max-width: 1240px;

    padding: 0 20px;

    margin: 0 auto;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    background-color: transparent;

}



.row {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

}



a {

    -webkit-transition: .3s;

    -o-transition: .3s;

    transition: .3s;

}



a:hover {

    color: inherit;

    text-decoration: none;

}



ul {

    padding-left: 0;

    list-style-type: none;

}



p {

    margin: 0;

}



.sp-only,

.navmn {

    display: none !important;

}



.head {

    text-align: center;

    font-size: 33px;

    font-weight: bold;

    margin: 0;

    letter-spacing: 0.1em;

    line-height: 1.5;

    margin-bottom: 57px;

}



.head span {

    font-size: 16px;

    letter-spacing: 0.15em;

    font-weight: 400;

    color: #608B30;

    display: block;

    font-family: 'EB Garamond', serif;

    margin-top: 6px;

    text-transform: uppercase;

}



/*

.scrollview.view {

    opacity: 1;

    -webkit-transform: translate(-0%, 0%);

    -ms-transform: translate(-0%, 0%);

    transform: translate(-0%, 0%);

}



.scrollview {

    -webkit-transition: all 0.8s 0s ease;

    -o-transition: all 0.8s 0s ease;

    transition: all 0.8s 0s ease;

    opacity: 0;

    -webkit-transform: translate(-0%, 20px);

    -ms-transform: translate(-0%, 20px);

    transform: translate(-0%, 20px);

}

*/



.scrollview.delay-300 {

    -webkit-transition-delay: 300ms;

         -o-transition-delay: 300ms;

            transition-delay: 300ms;

}



.scrollview.delay-600 {

    -webkit-transition-delay: 600ms;

         -o-transition-delay: 600ms;

            transition-delay: 600ms;

}



.scrollview.delay-900 {

    -webkit-transition-delay: 900ms;

         -o-transition-delay: 900ms;

            transition-delay: 900ms;

}



#header {

    position: absolute;

    top: 0;

    left: 0;

    padding: 10px 0;

    width: 100%;

    -webkit-box-sizing: border-box;

            box-sizing: border-box;

}



body:not(#fs_Top) #header {

    padding: 0;

}



#header::before {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 300px;

    background: -webkit-gradient(linear, left top, left bottom, from(#627762), to(transparent));

    background: -o-linear-gradient(top, #627762, transparent);

    background: linear-gradient(180deg, #627762, transparent);

    z-index: 500;

    mix-blend-mode: multiply;

}



body:not(#fs_Top) #header::before {

    display: none;

}



#header.scroll>.header_inner {

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    z-index: 20;

    -webkit-animation: ShowToTop 0.7s ease-in-out;

    animation: ShowToTop 0.7s ease-in-out;

    background-color: rgba(255, 255, 255, 0.6);

    -webkit-backdrop-filter: blur(30px);

    backdrop-filter: blur(30px);

}



#header .is-scroll,

.icon-hover,

#header.scroll .no-scroll,

body:not(#fs_Top) #header .no-scroll {

    display: none;

}



#header.scroll .header_logo .is-scroll,

body:not(#fs_Top) #header .is-scroll {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

}



.fs-l-header {

    padding-top: 0;

}



.fs-l-header__contents {

    display: block;

}



#fs_Top .fs-l-main,

#fs_CustomPage .fs-l-main,

#fs_ProductCategory .fs-l-main,

#fs_PrivacyPolicy .fs-l-main,

#fs_AboutTerms .fs-l-main{

    max-width: 100%;

    padding: 0;

    display: block;

    margin: 0;

}



.header_inner {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;

    padding: 24px 50px;

    position: relative;

    z-index: 1000;

}



body:not(#fs_Top) .header_inner {

    background-color: #fff;

}



@media only screen and (min-width: 1300px) {

    body:not(#fs_Top) .header_inner {

        padding: 24px 50px 30px;

    }

}



.header_inner ul {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    margin: 0;

}



.header_logo {

    width: 22%;

    padding-top: 6px;

}



.header_logo img {

    margin-right: 18px;

}



.header_logo a {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;

}



.header_menu {

    width: 59%;

    padding-right: 23px;

}



.header_menu ul {

    -webkit-box-pack: end;

        -ms-flex-pack: end;

            justify-content: flex-end;

}



.header_menu ul li {

    margin: 0 22px;

}



.header_menu a {

    font-size: 14px;

    color: #fff;

    font-weight: bold;

    letter-spacing: 0.08em;

    position: relative;

    padding-bottom: 6px;

}



.header_menu a:hover {

    text-decoration: none;

}



#header.scroll .header_menu a,

body:not(#fs_Top) .header_menu a {

    color: #062106;

}



.header_menu ul a::after {

    content: "";

    display: block;

    height: 1px;

    background-color: currentColor;

    position: absolute;

    right: 2px;

    left: 0;

    bottom: 0;

    -webkit-transition: -webkit-transform .3s cubic-bezier(.215, .61, .355, 1);

    transition: -webkit-transform .3s cubic-bezier(.215, .61, .355, 1);

    -o-transition: transform .3s cubic-bezier(.215, .61, .355, 1);

    transition: transform .3s cubic-bezier(.215, .61, .355, 1);

    transition: transform .3s cubic-bezier(.215, .61, .355, 1), -webkit-transform .3s cubic-bezier(.215, .61, .355, 1);

    -webkit-transform-origin: right center;

    -ms-transform-origin: right center;

    transform-origin: right center;

    -webkit-transform: scaleX(0);

    -ms-transform: scaleX(0);

    transform: scaleX(0);

}



.header_menu ul a:hover::after {

    left: 0;

    right: auto;

    -webkit-transform-origin: left center;

    -ms-transform-origin: left center;

    transform-origin: left center;

    -webkit-transform: scaleX(1);

    -ms-transform: scaleX(1);

    transform: scaleX(1);

    width: 100%;

}



.header_search {

    width: 13%;

    position: relative;

}



.header_search button {

    position: absolute;

    right: 3px;

    bottom: 1px;

    padding: 5px 10px 5px 5px;

  border: none;

  background: none;

}



body:not(#fs_Top) .header_search button {

    bottom: 7px;

}





.header_search input {

    color: #fff;

    background-color: transparent;

    border: 0 !important;

    -webkit-box-shadow: none !important;

            box-shadow: none !important;

    padding: 12px 14px 11px;

    font-size: 12px;

    font-weight: bold;

    letter-spacing: 0.08em;

}



#header.scroll .header_search input,

body:not(#fs_Top) .header_search input {

    color: #062106;

}



.header_search input::-webkit-input-placeholder {

    opacity: 1;

}



.header_search input::-moz-placeholder {

    opacity: 1;

}



.header_search input:-ms-input-placeholder {

    opacity: 1;

}



.header_search input::-ms-input-placeholder {

    opacity: 1;

}



.header_search input::placeholder {

    opacity: 1;

}



#header.scroll .header_search .is-scroll,

#header.scroll .header_icon .is-scroll,

.header_search a:hover .is-scroll,

.header_icon a:hover .is-scroll {

    display: inline-block !important;

}



#header.scroll .header_icon .no-scroll,

#header.scroll .header_search .no-scroll,

body:not(#fs_Top) #header .header_icon .no-scroll,

body:not(#fs_Top) #header .header_search .no-scroll,

.header_search a:hover .no-scroll,

.header_icon a:hover .no-scroll {

    display: none;

}



.header_search:after {

    content: "";

    position: absolute;

    bottom: -4px;

    width: 97%;

    left: 5px;

    height: 1px;

    background-color: #fff;

}



#header.scroll .header_search:after,

body:not(#fs_Top) .header_search:after {

    background-color: #062106;

}



.header_icon {

    width: 6%;

    padding-left: 3px;

    padding-top: 10px;

}



.header_icon li {

    margin-left: 29px;

}



.header_icon li a {

    display: inline-block;

}



/* Breadcrumb */

.hdpage_inner {

    padding: 229px 0 127px;

    background: url("../img/pages/bakground.png") no-repeat center/cover;

}



.hdpage_text {

    max-width: 1440px;

    padding: 0 20px;

    margin: auto;

}



.hdpage_text span {

    font-family: 'EB Garamond', serif;

    letter-spacing: 0.15em;

    font-weight: 400;

    font-size: 18px;

    padding-left: 28px;

    margin-top: 19px;

    display: inline-block;

    color: #608B30;

    position: relative;

}



.hdpage_text span::before {

    content: "";

    position: absolute;

    left: 0;

    bottom: 12px;

    height: 1px;

    width: 15px;

    background-color: #608B30;

}



.hdpage_title {

    font-size: 48px;

    letter-spacing: 0.1em;

    font-weight: bold;

    line-height: 1;

    margin: 0;

}



.hdpage_bread {

    margin: 35px 0 33px;

    font-size: 13px;

    letter-spacing: 0.08em;

}



.hdpage_bread a {

    color: #062106;

}



/* Main Visual */

.mainvisual img {

    display: block;

}



.mainvisual_img img {

    display: block;

    width: 100%;

}



.mainvisual_txt {

    position: absolute;

    right: 5.38%;

    top: 15.8%;

    margin: 0;

    width: 12.5%;

  z-index: 700;

}



.mainvisual_lg {

    position: absolute;

    bottom: 4.8%;

    right: 2.1%;

    width: 19%;

  z-index: 800;

}



/* Why choose us */

.whyus {

    padding: 130px 0;

    position: relative;

}



.whyus::before {

    content: "";

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    max-width: 83.86%;

    height: 530px;

    background: url("../img/background.png") #F2F5F1 top left;

    z-index: -1;

}



.whyus_inner {

    max-width: 1630px;

    margin-right: 0;

    padding-left: 20px;

    margin-left: auto;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    position: relative;

    z-index: 2;

}



.whyus_text {

    width: 100%;

    max-width: 25.47%;

    padding-top: 99px;

}



.whyus_right {

    width: 100%;

    max-width: 74.53%;

}



.whyus_title {

    -webkit-writing-mode: vertical-rl;

    -ms-writing-mode: tb-rl;

    writing-mode: vertical-rl;

    text-orientation: upright;

    display: inline-block;

    vertical-align: top;

    font-size: 38px;

    font-weight: bold;

    letter-spacing: 0.19em;

    margin: 0;

    line-height: 1.6;

    margin-right: 2px;

    margin-left: 87px;



}



.whyus_content {

    -webkit-writing-mode: vertical-rl;

    -ms-writing-mode: tb-rl;

    writing-mode: vertical-rl;

    text-orientation: upright;

    display: inline-block;

    vertical-align: top;

    font-size: 22px;

    letter-spacing: 0.32em;

    font-weight: bold;

}



.btn.whyus_btn {

    margin-top: 51px;

}



.btn {

    display: block;

    color: #608B30 !important;

    border: 1px solid #608B30;

    font-size: 16px;

    font-weight: bold;

    letter-spacing: 0.08em;

    text-align: center;

    width: 280px;

    max-width: 100%;

    padding: 18px 0px 18px 3px;

    -webkit-box-sizing: border-box;

            box-sizing: border-box;

    -webkit-transition: .5s;

    -o-transition: .5s;

    transition: .5s;

    position: relative;

    z-index: 3;

}



.btn:before {

    content: "";

    display: block;

    width: 0;

    height: 100%;

    background-color: #608B30;

    position: absolute;

    top: 0;

    left: 0;

    z-index: -1;

    -webkit-transition: width 0.5s;

    -o-transition: width 0.5s;

    transition: width 0.5s;

}



.btn::after {

    content: "";

    position: absolute;

    top: 50%;

    right: 0;

    width: 30px;

    background-color: #608B30;

    height: 1px;

    -webkit-transition: .5s;

    -o-transition: .5s;

    transition: .5s;

}



.btn:hover {

    color: #fff !important;

}



.btn:hover:before {

    width: 100%;

}



.btn:hover::after {

    background-color: #fff;

}



.whyus_item {

    position: relative;

}



.whyus_img img {

    display: block;

}



.whyus_item::after {

    content: "";

    position: absolute;

    left: 0;

    bottom: 0;

    right: 0;

    height: 35.4%;

    background: -webkit-gradient(linear, left bottom, left top, from(#062106), color-stop(60%, rgb(6 33 6 / 40%)), to(transparent));

    background: -o-linear-gradient(bottom, #062106 0%, rgb(6 33 6 / 40%) 60%, transparent 100%);

    background: linear-gradient(0deg, #062106 0%, rgb(6 33 6 / 40%) 60%, transparent 100%);

    z-index: 1;

}



.whyus_txt {

    position: absolute;

    bottom: 0;

    left: 0;

    right: 0;

    padding: 0 35px 31px;

    z-index: 2;

}



.whyus_txt p {

    font-size: 17px;

    font-weight: bold;

    letter-spacing: 0.08em;

    line-height: 1.7;

    color: #fff;

}



.whyus_txt h3 {

    font-size: 23px;

    font-weight: bold;

    color: #fff;

    letter-spacing: 0.08em;

    margin-bottom: 0;

    margin-top: 7px;

}



/* Best Seller */

.sell {

    padding-top: 60px;

    padding-bottom: 130px;

}



.pro {

    margin: 0 -13px;

}



.pro_item {

    width: 25%;

    padding: 0 13px;

}



.pro_img {

    text-align: center;

    background-color: #fff;

}



.pro_text h3 {

    font-weight: 400;

    font-size: 15px;

    letter-spacing: 0.08em;

    line-height: 1.67;

    color: #062106;

    margin-bottom: 16px;

}



.pro_price {

    font-size: 20px;

    color: #608B30;

    letter-spacing: 0.08em;

    font-weight: bold;

}



.pro_price span {

    font-size: 14px;

    letter-spacing: 0.08em;

}



/* Gift */

.gift {

    padding-top: 89px;

    background: url("../img/background.png") #F8FAF8 top center;

    padding-bottom: 120px;

}



/* Content */

.content {

    position: relative;

    padding-top: 270px;

    padding-bottom: 100px;

    overflow: hidden;

}



.content::before {

    content: "";

    position: absolute;

    right: 0;

    top: 0;

    width: 800px;

    height: 800px;

    z-index: -1;

    background: url("../img/content-bg.png") no-repeat bottom left/cover;

    -webkit-transform: translate(42%, -33.8%);

        -ms-transform: translate(42%, -33.8%);

            transform: translate(42%, -33.8%);

}



.content .head {

    position: absolute;

    left: 6.8%;

    top: 10.8%;

    -webkit-writing-mode: vertical-rl;

    -ms-writing-mode: tb-rl;

    writing-mode: vertical-lr;

    text-orientation: upright;

    display: inline-block;

    vertical-align: top;

    letter-spacing: 0.21em;

}



.content .head span {

    display: inline-block;

    -webkit-writing-mode: initial;

        -ms-writing-mode: initial;

            writing-mode: initial;

    -webkit-transform: rotate(90deg) translateX(51%);

        -ms-transform: rotate(90deg) translateX(51%);

            transform: rotate(90deg) translateX(51%);

}



.content .row {

    -ms-flex-wrap: wrap;

        flex-wrap: wrap;

    margin: 0 -10px;

}



.content_item {

    width: 50%;

    padding: 0 10px;

    margin-bottom: 15px;

}



/* Search */

.search {

    padding-top: 100px;

    padding-bottom: 100px;

}



.search .container {

    max-width: 1040px;

}



.search_title {

    margin: 0;

    background-color: #406833;

    text-align: center;

    font-size: 28px;

    font-weight: bold;

    letter-spacing: 0.1em;

    color: #fff;

    padding: 23px 0;

}



.search_box {

    background-color: #608B30;

    color: #fff;

    padding: 40px 86px;

}



.search_box label {

    width: 17.5%;

    font-size: 16px;

    letter-spacing: 0.08em;

    font-weight: bold;

}



.search_box input#search {

    border-radius: 5px 0 0 5px;

    background-color: #fff;

    border: 0;

    padding: 19px 10px 19px;

    width: 66.8%;

}



.search_btn {

    width: 15.7%;

    background-color: #062106;

    border-radius: 0 5px 5px 0;

    text-align: center;

    color: #fff;

    font-size: 15px;

    font-weight: bold;

    letter-spacing: 0.08em;

    padding: 19px 0;

}



.search_btn img {

    margin-right: 9px;

    -webkit-transform: translate(2px, 2px);

        -ms-transform: translate(2px, 2px);

            transform: translate(2px, 2px);

}



.search_box .row {

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;

}



.search_rank.row {

    margin-top: 30px;

}



.search_rank a {

    color: #062106;

    background-color: #fff;

    border-radius: 18px;

    margin-right: 10px;

    padding: 6px 18px;

    font-size: 15px;

    letter-spacing: 0.08em;

    font-weight: 400;

}



/* Category */

.cate {

    padding-top: 90px;

    background: url("../img/background.png") #F8FAF8 center top;

    padding-bottom: 100px;

}



.cate .row {

    -ms-flex-wrap: wrap;

        flex-wrap: wrap;

    margin: 0 -10px;

}



.cate_item {

    width: 25%;

    padding: 0 10px;

    margin-bottom: 20px;

}



.cate_item a {

    display: block;

    position: relative;

}



.cate_item a img {

    display: block;

}



.cate_title {

    position: absolute;

    bottom: 0;

    left: 0;

    width: 85.3%;

    background: -webkit-gradient(linear, left top, right top, from(#E5EBE3), color-stop(35%, rgb(230 236 228 / 85%)), to(transparent));

    background: -o-linear-gradient(left, #E5EBE3 0%, rgb(230 236 228 / 85%) 35%, transparent);

    background: linear-gradient(90deg, #E5EBE3 0%, rgb(230 236 228 / 85%) 35%, transparent);

    margin: 0;

    padding: 15px 0 15px 17px;

    font-size: 17px;

    color: #062106;

    letter-spacing: 0.1em;

    font-weight: bold;

}



.cate_title span {

    display: block;

    font-size: 15px;

    letter-spacing: 0.1em;

    font-weight: bold;

    margin-bottom: -7px;

    margin-left: -8px;

    margin-top: 5px;

}



/* Special Feature */

.feature {

    padding-top: 99px;

    padding-bottom: 131px;

    position: relative;

    overflow: hidden;

}



.feature::before {

    content: "";

    position: absolute;

    left: 0;

    top: 0;

    width: 700px;

    height: 700px;

    z-index: -1;

    background: url("../img/content-bg.png") no-repeat bottom right/cover;

    -webkit-transform: translate(-33%, -32.8%);

        -ms-transform: translate(-33%, -32.8%);

            transform: translate(-33%, -32.8%);

}



.feature .row {

    -ms-flex-wrap: wrap;

        flex-wrap: wrap;

    margin: 0 -4.5px;

}



.feature_item {

    width: calc(100%/3);

    padding: 0 4.5px;

    margin-bottom: 9px;

}



.feature_item a {

    display: block;

    position: relative;

}



.feature_item img {

    display: block;

}



.feature_title {

    position: absolute;

    bottom: 0;

    left: 0;

    right: 0;

    top: 0;

    margin: 0;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;

    -webkit-box-pack: center;

        -ms-flex-pack: center;

            justify-content: center;

    color: #fff;

    font-size: 22px;

    font-weight: bold;

    letter-spacing: 0.1em;

    z-index: 5;

    text-align: center;

    text-shadow: 0 0 5px #000;

    padding-bottom: 4px;

}



.feature_item a::after {

    content: "";

    position: absolute;

    bottom: 0;

    left: 0;

    right: 0;

    top: 0;

    background-color: #afafaf;

    mix-blend-mode: multiply;

    z-index: 3;

}



/* Information */

.infor {

    background: url("../img/background.png") #F8FAF8 center top;

    padding-top: 114px;

    padding-bottom: 90px;

}



.infor .head {

    width: 16.08%;

}



.infor_right {

    width: 83.92%;

}



.infor .head {

    width: 16.08%;

    -webkit-writing-mode: vertical-rl;

    -ms-writing-mode: tb-rl;

    writing-mode: vertical-lr;

    text-orientation: upright;

    display: inline-block;

    vertical-align: top;

    letter-spacing: 0.22em;

    padding-left: 5px;

    text-align: left;

    margin-top: -21px;

}



.infor .head span {

    display: inline-block;

    -webkit-writing-mode: initial;

        -ms-writing-mode: initial;

            writing-mode: initial;

    -webkit-transform: rotate(90deg) translateX(50.5%);

        -ms-transform: rotate(90deg) translateX(50.5%);

            transform: rotate(90deg) translateX(50.5%);

}



.fs-pt-list__item {

    padding: 30px 16px 28px;

    font-size: 15px;

    letter-spacing: 0.08em;

    font-weight: 400;

    border-bottom: 1px solid #CDD8CA;

    -webkit-box-sizing: border-box;

            box-sizing: border-box;

}



.fs-pt-list__item p {

    margin-bottom: 7px;

}



.fs-pt-list__item a {

    color: #062106;

}



.infor_right ul {

    margin-bottom: 35px;

}



.infor_btn {

    margin-left: auto;

}



/* Contact */

.contact {

    padding-top: 110px;

    padding-bottom: 110px;

}



#fs_Top .contact .container {

    max-width: 1440px;

}



.contact_left {

    width: 50%;

    border-right: 1px solid #CDD8CA;

    text-align: center;

    padding-right: 18.36%;

    padding-bottom: 32px;

}



.contact_right {

    text-align: center;

    width: 50%;

  display: flex;

  justify-content: flex-end;

}



.contact_title {

    font-size: 25px;

    letter-spacing: 0.08em;

    font-weight: bold;

    margin: 30px 0 0;

}



.contact_btn {

    margin: 25px auto 0;

    width: 345px;

}



.contact_left p {

    font-size: 16px;

    letter-spacing: 0.08em;

    margin-top: 18px;

}



.contact_title {

    font-size: 25px;

    letter-spacing: 0.08em;

    font-weight: bold;

    margin: 30px 0 0;

}



.contact_tel {

    color: #243E24;

    font-size: 60px;

    letter-spacing: 0.08em;

    font-weight: bold;

    font-family: 'EB Garamond', serif;

    margin-top: 6px;

}



.contact_tel a {

    color: #243E24;

}



.contact_right p {

    font-size: 16px;

    letter-spacing: 0.08em;

    margin-top: 9px;

}



.banner img {

    display: block;

    width: 100%;

}



/* Footer */

.fs-l-footer {

    margin-top: 0;

    border-top: 0;

}



#footer {

    overflow: hidden;

}



.footer_left {

    width: 27.08%;

    background-color: #608B30;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

        -ms-flex-pack: center;

            justify-content: center;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;

}



.footer_left img:first-child {

    margin-right: 18px;

}



.footer_right {

    width: 72.92%;

    background-color: #325527;

    color: #fff;

    padding: 76px 6.25% 4.1%;

}



.footer_contt {

    width: 300px;

}



.footer_contt p {

    font-size: 15px;

    letter-spacing: 0.08em;

}



.footer_contt .footer_p1 {

    font-size: 16px;

    letter-spacing: 0.08em;

}



.footer_box {

    border: 1px solid #fff;

    max-width: 300px;

    margin: 0 auto;

    padding: 16px 8px;

    text-align: center;

    margin-top: 20px;

}



.footer_tel {

    font-size: 36px;

    letter-spacing: 0.08em;

    font-weight: bold;

    font-family: 'EB Garamond', serif;

    margin-top: -3px;

    margin-bottom: -1px;

}



.fs-l-footer .footer_tel a {

    color: #fff;

}



.footer_colleft {

    width: 300px;

}



.footer_colright {

    width: calc(100% - 300px);

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: end;

        -ms-flex-pack: end;

            justify-content: flex-end;

    -ms-flex-wrap: wrap;

        flex-wrap: wrap;

}



.footer_colright .footer_col:first-child {

    padding-left: 20px;

}



.footer_colright .footer_col {

    padding-left: 93px;

}



.footer_colright ul {

    margin: 0;

}



.footer_col li a {

    font-size: 15px;

    color: #fff;

    letter-spacing: 0.08em;

    display: block;

    margin-bottom: 13px;

}



.footer_col p a {

    display: inline-block;

    background-color: #fff;

    border-radius: 100%;

    padding: 14px 13px 7px 15px;

    margin-top: 7px;

}



.footer-cpright {

    width: 100%;

    margin-top: 55px;

    text-align: right;

    font-size: 12px;

    letter-spacing: 0.08em;

    font-family: 'EB Garamond', serif;

}



.backtotop {

    position: fixed;

    right: 30px;

    bottom: 30px;

    z-index: 20;

    text-align: center;

    cursor: pointer;

    visibility: visible;

    -webkit-transition: .5s;

    -o-transition: .5s;

    transition: .5s;

    opacity: 1;

}



.backtotop.is-hidetop {

    opacity: 0;

    visibility: hidden;

}



@media only screen and (max-width: 1750px) {

    .content {

        padding-top: 100px;

    }



    .content .head {

        display: block;

        -webkit-writing-mode: inherit;

            -ms-writing-mode: inherit;

                writing-mode: inherit;

        text-align: center;

        position: static;

    }



    .content .head span {

        display: block;

        -webkit-transform: none;

            -ms-transform: none;

                transform: none;

    }

}



@media only screen and (max-width: 1620px) {

    .header_logo {

        width: 15%;

        padding-top: 6px;

    }



    .header_menu {

        width: 66%;

        padding-right: 10px;

    }



    .header_menu ul li {

        margin: 0 15px;

    }



    .header_icon li {

        margin-left: 15px;

    }



    #footer .row {

        -ms-flex-wrap: wrap;

            flex-wrap: wrap;

    }



    .footer_left {

        width: 100%;

        padding: 40px 0;

    }



    .footer_right {

        width: 100%;

        padding: 40px 30px;

    }

}



@media only screen and (max-width: 1400px) {

    .contact_right {

        padding-left: 5%;

    }



    .contact_left {

        padding-right: 5%;

    }

}



@media only screen and (max-width: 1300px) {

    .header_inner {

        padding: 20px 15px;

    }



    .header_menu a {

        font-size: 12px;

    }



    .header_menu ul li {

        margin: 0 10px;

    }



    .header_icon li {

        margin-left: 10px;

    }



    #header::before {

        height: 200px;

    }



    .whyus_txt {

        padding: 0 15px 20px;

    }



    .whyus_txt p {

        font-size: 15px;

    }



    .whyus_txt h3 {

        font-size: 18px;

    }



    .footer_colright .footer_col {

        padding-left: 40px;

    }

}



.menu,

.hidden-pc {

    display: none;

}



@media only screen and (max-width: 1024px) {

    body.is-fixed {

        overflow: hidden;

    }



    .pc-only,

    .header_search,

    .header_menu {

        display: none !important;

    }



    .menu,

    .hidden-pc {

        display: block;

    }



    .menu {

        width: 10%;

        height: 18px;

        position: relative;

        cursor: pointer;

        z-index: 15;

        margin-bottom: 20px;

    }



    .menu span {

        position: absolute;

        left: 10px;

        width: 50px;

        height: 2px;

        background-color: #fff;

        -webkit-transition: .3s;

        -o-transition: .3s;

        transition: .3s;

    }



    .menu .menu_txt {

        font-size: 20px;

        font-weight: bold;

        letter-spacing: 0.15em;

        font-family: 'EB Garamond', serif;

        text-transform: uppercase;

        color: #fff;

        margin-top: 20px;

    }



    body:not(#fs_Top) .menu .menu_txt,

    #header.scroll .menu .menu_txt,

    .menu.close .menu_txt {

        color: #062106;

    }



    body:not(#fs_Top) .menu span,

    #header.scroll .menu span,

    .menu.close span {

        background-color: #062106;

    }



    .menu span:nth-child(1) {

        top: 0;

    }



    .menu span:nth-child(2) {

        top: 50%;

    }



    .menu span:nth-child(3) {

        bottom: 0;

    }



    .menu.close span {

        left: 7px;

        width: 30px;

    }



    .menu.close span:nth-child(1) {

        top: 16px;

        -webkit-transform: rotate(30deg);

        -ms-transform: rotate(30deg);

        transform: rotate(30deg);

    }



    .menu.close span:nth-child(2) {

        top: 16px;

        -webkit-transform: rotate(-30deg);

        -ms-transform: rotate(-30deg);

        transform: rotate(-30deg);

    }



    .header_logo {

        width: 20%;

    }



    .header_logo a {

        -ms-flex-wrap: wrap;

            flex-wrap: wrap;

        -webkit-box-pack: center;

            -ms-flex-pack: center;

                justify-content: center;

    }



    .header_logo img {

        margin-right: 0;

        display: block;

    }



    .header_inner ul {

        -webkit-box-pack: end;

            -ms-flex-pack: end;

                justify-content: flex-end;

    }



    .header_icon {

        width: 10%;

    }



    .header_icon li {

        margin-left: 15px;

    }



    .header_inner {

        -webkit-box-pack: justify;

            -ms-flex-pack: justify;

                justify-content: space-between;

        padding: 5px 15px;

    }



    .navmn {

        display: block !important;

        position: fixed;

        top: 0;

        height: 100%;

        right: 0;

        width: 100%;

        z-index: 21;

        visibility: hidden;

        -webkit-transition: 0.3s ease-out;

        -o-transition: 0.3s ease-out;

        transition: 0.3s ease-out;

    }



    .navmn_overlay {

        position: absolute;

        top: 0;

        left: 0;

        right: 0;

        bottom: 0;

    }



    .navmn_box {

        background-color: #fff;

        position: absolute;

        -webkit-transform: translateX(100%);

        -ms-transform: translateX(100%);

        transform: translateX(100%);

        right: 0;

        width: 100%;

        top: 0;

        height: 100%;

        z-index: 102;

        display: -webkit-box;

        display: -ms-flexbox;

        display: flex;

        -webkit-box-pack: center;

        -ms-flex-pack: center;

        justify-content: center;

        -webkit-transition: 0.5s ease-in;

        -o-transition: 0.5s ease-in;

        transition: 0.5s ease-in;

    }



    .navmn_inner {

        width: 100%;

        overflow-y: auto;

        padding-top: 60px;

        padding: 0;

        -webkit-box-sizing: border-box;

        box-sizing: border-box;

    }



    .navmn.is-open {

        visibility: visible;

    }



    .navmn .is-open {

        -webkit-transform: translateX(0);

        -ms-transform: translateX(0);

        transform: translateX(0);

        -webkit-transition: 0.5s ease-out 0.1s;

        -o-transition: 0.5s ease-out 0.1s;

        transition: 0.5s ease-out 0.1s;

    }



    .menu.close .menu_txt {

        font-size: 12px;

        margin-top: 30px;

    }



    .menu.close {

        width: 25%;

        margin-bottom: 0;

        height: 44px;

    }



    .navmn_head {

        display: -webkit-box;

        display: -ms-flexbox;

        display: flex;

        -webkit-box-pack: justify;

            -ms-flex-pack: justify;

                justify-content: space-between;

        padding: 13px 20px;

    }



    .navmn_logo img:nth-child(1) {

        width: 76%;

    }



    .navmn_btn {

        width: 25%;

    }



    .navmn_btn ul {

        display: -webkit-box;

        display: -ms-flexbox;

        display: flex;

        -webkit-box-pack: end;

            -ms-flex-pack: end;

                justify-content: flex-end;

    }



    .navmn_logo {

        text-align: center;

        width: 36%;

    }



    .navmn_btn ul li {

        margin-left: 17px;

    }



    .navmn_list ul {

        display: -webkit-box;

        display: -ms-flexbox;

        display: flex;

        -webkit-box-pack: justify;

            -ms-flex-pack: justify;

                justify-content: space-between;

        padding: 0 36px;

    }



    .navmn_list ul li {

        text-align: center;

    }



    .navmn_list ul img {

        width: 20px;

    }



    .navmn_list ul span {

        display: block;

        font-size: 15px;

        letter-spacing: 0.08em;

        font-weight: bold;

        margin-top: 7px;

        color: #062106;

    }



    .navmn_search {

        padding: 12px 20px;

        position: relative;

        margin-bottom: 8px;

    }



    .navmn_search input[type="text"] {

        font-size: 14px;

        letter-spacing: 0.08em;

        font-weight: bold;

        padding: 17px 19px;

        border-radius: 5px;

        -webkit-box-shadow: none !important;

                box-shadow: none !important;

        border: 1px solid #062106;

        color: #062106;

    }



    .navmn_search button {

        position: absolute;

        right: 36px;

        top: 30px;

      border: none;

      background: none;

      padding: 0;

    }



    .navmn_title {

        padding: 15px 10px 14px 30px;

        font-size: 17px;

        letter-spacing: 0.1em;

        font-weight: bold;

        background-color: #406833;

        color: #fff;

        display: -webkit-box;

        display: -ms-flexbox;

        display: flex;

        -webkit-box-align: center;

            -ms-flex-align: center;

                align-items: center;

    }



    .navmn_title span {

        color: #D6DD83;

        font-size: 13px;

        font-weight: 400;

        letter-spacing: 0.15em;

        font-family: 'EB Garamond', serif;

        margin-left: 17px;

    }



    .navmn_mn ul {

        margin: 0;

    }



    .navmn_mn li a {

        color: #062106;

        padding: 17px 10px 15px 30px;

        display: block;

        font-size: 15px;

        font-weight: bold;

        letter-spacing: 0.1em;

        border-bottom: 1px solid #CDD8CA;

        position: relative;

    }



    .navmn_mn li a::after {

        content: "";

        top: calc(50% - 4px);

        right: 29px;

        position: absolute;

        width: 10px;

        height: 10px;

        background: url("../img/icon-arrow.svg") no-repeat center/contain;

    }



    .mainvisual_txt {

        display: none;

    }



    .mainvisual_lg {

        width: 35%;

        position: static;

        margin: 20px auto;

    }



    /* Why choose us */

    .whyus {

        padding: 80px 0;

        position: relative;

    }



    .whyus::before {

        max-width: 100%;

        height: 100vh;

    }



    .whyus_inner {

        -ms-flex-wrap: wrap;

            flex-wrap: wrap;

        padding-right: 20px;

    }



    .whyus_text {

        max-width: 100%;

        text-align: center;

        padding-top: 0;

        margin-bottom: 30px;

    }



    .whyus_title {

        margin-left: 0;

    }



    .whyus_right {

        max-width: 100%;

    }



    .whyus_btn {

        margin: 30px auto 0;

    }



    .pro {

        margin: 0 -15px;

        -ms-flex-wrap: wrap;

            flex-wrap: wrap;

    }



    .pro_item {

        width: 50%;

        padding: 0 15px;

        margin-bottom: 20px;

    }



    /* Content */

    .content,

    .search,

    .infor,

    .cate,

    .contact,

    .sell,

    .feature {

        padding: 70px 0;

    }



    .content::before {

        width: 500px;

        height: 500px;

    }



    .search_box {

        padding: 20px;

    }



    .search_box label {

        width: 18%;

        font-size: 14px;

    }



    .search_rank a {

        margin-right: 5px;

        padding: 6px 10px;

        font-size: 14px;

    }



    .cate_item {

        width: calc(100%/3);

        padding: 0 10px;

        margin-bottom: 20px;

    }



    .cate_title {

        padding: 10px 0 10px 15px;

        font-size: 15px;

    }



    .feature_title {

        font-size: 18px;

    }



    .contact .row {

        -ms-flex-wrap: wrap;

            flex-wrap: wrap;

    }



    .contact_left,

    .contact_right {

        width: 100%;

        padding-left: 0;

        padding-right: 0;

        border: 0;

    }



    .footer_contt,

    .footer_colleft {

        width: 100%;

        text-align: center;

    }



    .footer_colleft {

        margin-bottom: 30px;

    }



    .footer_colright {

        width: 100%;

        -webkit-box-pack: justify;

            -ms-flex-pack: justify;

                justify-content: space-between;

    }



    .footer-cpright {

        opacity: 1;

        -webkit-transform: none;

            -ms-transform: none;

                transform: none;

    }



    .sp-only {

        display: inline-block !important;

    }

}







@media only screen and (max-width: 768px) {

    body {

        min-width: 320px;

    }



    .menu .menu_txt {

        font-size: 11px;

    }



    .row {

        -ms-flex-wrap: wrap;

            flex-wrap: wrap;

    }



    #header::before {

        height: 150px;

    }



    .header_logo {

        width: 43%;

        padding-top: 0;

    }



    .header_inner {

        padding: 10px 20px;

    }



    .header_logo img:first-child {

        width: 77%;

        margin-bottom: 7px;

    }



    .menu span {

        position: absolute;

        left: 5px;

        width: 25px;

        height: 1px;

    }



    .menu {

        width: 25%;

        margin-bottom: 34px;

        height: 13px;

    }



    .header_icon {

        width: 25%;

        padding-top: 0;

        margin-top: -6px;

    }



    .mainvisual_lg {

        width: 274px;

        max-width: 73%;

        margin: 18px auto;

    }



    .whyus {

        padding: 91px 0 60px;

    }



    .whyus_text {

        margin-bottom: 47px;

    }



    .whyus_title {

        font-size: 29px;

        letter-spacing: 0.24em;

        line-height: 1.3;

        margin-right: 1px;

    }



    .whyus_right {

        padding: 0 5px;

    }



    .whyus_content {

        font-size: 19px;

        letter-spacing: 0.35em;

    }



    .whyus_item {

        margin-bottom: 25px;

    }



    .whyus_item::after {

        height: 49%;

    }



    .whyus_txt {

        padding: 0 21px 20px;

    }



    .whyus_txt p {

        font-size: 14px;

    }



    .btn.whyus_btn {

        margin-top: 10px;

    }



    .btn {

        width: 250px;

        font-size: 15px;

        padding: 15px 0px 16px 4px;

    }



    .btn::after {

        width: 22px;

    }



    .sell {

        padding-top: 40px;

        padding-bottom: 30px;

    }



    .head {

        font-size: 25px;

        margin-bottom: 40px;

    }



    .head span {

        font-size: 13px;

        margin-top: 4px;

    }



    .pro {

        margin: 0 -7.5px;

    }



    .pro_item {

        padding: 0 7.5px;

        margin-bottom: 35px;

    }



    .pro_text h3 {

        font-size: 15px;

        line-height: 1.6;

        margin-bottom: 11px;

        margin-top: 5px;

    }



    .pro_price {

        font-size: 18px;

    }



    .gift {

        padding-top: 55px;

        padding-bottom: 15px;

    }



    .content {

        padding: 59px 0 55px;

    }



    .content::before {

        width: 350px;

        height: 350px;

        -webkit-transform: translate(30.2%, -37.2%);

            -ms-transform: translate(30.2%, -37.2%);

                transform: translate(30.2%, -37.2%);

    }



    .content .head {

        display: block;

        -webkit-writing-mode: vertical-rl;

            -ms-writing-mode: tb-rl;

                writing-mode: vertical-rl;

        text-align: left;

        position: static;

        margin: 0 auto 33px;

        width: 62px;

        letter-spacing: 0.25em;

    }



    .content .head span {

        -webkit-transform: rotate(90deg) translate(51%, -480%);

            -ms-transform: rotate(90deg) translate(51%, -480%);

                transform: rotate(90deg) translate(51%, -480%);

        white-space: nowrap;

        margin-top: 1px;

    }



    .content_item {

        width: 100%;

        margin-bottom: 10px;

    }



    .search {

        padding: 55px 0;

    }



    .search_title {

        font-size: 20px;

        padding: 10px 0 11px;

    }



    .search_box {

        padding: 16px 20px 23px;

    }



    .search_btn span {

        display: none;

    }



    .search_box label {

        width: 100%;

        font-size: 14px;

        display: block;

        margin-bottom: 14px;

    }



    .search_box input#search {

        padding: 14px 10px 13px;

        width: calc(100% - 45px);

        line-height: 1.44;

    }



    .search_btn {

        width: 45px;

        padding: 14px 0;

        line-height: 1.4;

    }



    .search_btn img {

        margin-right: 3px;

        width: 18px;

    }



    .search_rank.row {

        margin-top: 27px;

        -webkit-box-pack: justify;

            -ms-flex-pack: justify;

                justify-content: space-between;

    }



    .search_rank a {

        margin-right: 3px;

        padding: 6px 11px;

        font-size: 15px;

        margin-bottom: 10px;

    }



    .cate {

        padding: 55px 0 45px;

    }



    .cate .row {

        margin: 0 -7.5px;

        padding-top: 1px;

    }



    .cate_item {

        width: 50%;

        padding: 0 7.5px;

        margin-bottom: 15px;

    }



    .cate_title {

        padding: 11px 0 12px 15px;

    }



    .cate_title span {

        font-size: 14px;

        margin-bottom: -5px;

        margin-top: 3px;

    }



    .feature {

        padding-top: 55px;

        padding-bottom: 45px;

    }



    .feature::before {

        width: 350px;

        height: 350px;

        -webkit-transform: translate(-34%, -43.2%);

            -ms-transform: translate(-34%, -43.2%);

                transform: translate(-34%, -43.2%);

    }



    .feature .row {

        margin: 0 -7.5px;

        padding-top: 1px;

    }



    .feature_item {

        width: 50%;

        padding: 0 7.5px;

        margin-bottom: 15px;

    }



    .feature_title {

        font-size: 17.5px;

        line-height: 1.43;

        padding-bottom: 0px;

    }



    .infor {

        padding-top: 46px;

        padding-bottom: 55px;

    }



    .infor .head {

        width: 23.6%;

        padding-left: 0px;

        margin-left: -25px;

        margin-right: 25px;

        letter-spacing: 0.24em;

        margin-top: 0;

    }



    .infor_right {

        width: 76.4%;

    }



    .infor_right ul {

        margin-bottom: 38px;

        margin-top: 40px;

    }



    .infor_item {

        padding: 20px 12px;

    }



    .infor .head span {

        -webkit-transform: rotate(90deg) translateX(52%);

            -ms-transform: rotate(90deg) translateX(52%);

                transform: rotate(90deg) translateX(52%);

    }



    .infor_item p {

        margin-bottom: 6px;

    }



    .infor_item a {

        line-height: 1.6;

    }



    .contact {

        padding-top: 36px;

        padding-bottom: 66px;

    }



    .contact_left {

        padding-bottom: 64px;

        border-bottom: 1px solid #CDD8CA;

    }



    .contact_title {

        font-size: 21px;

        letter-spacing: 0.1em;

        margin: 30px 0 0;

    }



    .contact_btn.btn {

        width: 300px;

        margin: 23px auto 0;

    }



    .contact_left p {

        font-size: 15px;

        margin-top: 14px;

    }



    .contact_right {

        padding-top: 36px;

      justify-content: center;

    }



    .contact_tel {

        font-size: 40px;

        letter-spacing: 0.04em;

    }



    .contact_right p {

        font-size: 15px;

        margin-top: 1px;

    }



    .footer_left {

        padding: 55px 37px;

    }



    .footer_right {

        padding: 35px 30px 30px;

    }



    .footer_left img:first-child {

        margin-right: 14px;

    }



    .footer_tel a {

        color: #fff;

    }



    .footer_colleft {

        margin-bottom: 20px;

    }



    .footer_colright .footer_col,

    .footer_colright ul {

        display: none;

    }



    .footer_colright .footer_col:nth-child(3) {

        display: block;

        padding-left: 0;

        width: 100%;

        text-align: center;

    }



    .footer-cpright {

        text-align: center;

        font-size: 11px;

        margin-top: 19px;

    }



    .backtotop {

        right: 20px;

        bottom: 20px;

        width: 60px;

    }

}



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

/* Shop page*/

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

.page-allitem .cate {

    padding-top: 56px;

    background: transparent;

}



.cate .row {

    margin: 0 -19px;

}



.page-allitem .cate_item {

    width: calc(100%/3);

    padding: 0 19px;

    margin-bottom: 30px;

}



.page-allitem .cate_title {

    padding-left: 22px;

    width: 100%;

}



body:not(#fs_Top) .contact {

    padding-top: 11px;

    padding-bottom: 90px;

}



body:not(#fs_Top) .contact_inner {

    text-align: center;

    width: 100%;

    border: 1px solid #608B30;

    padding: 29px 10px 64px;

}



body:not(#fs_Top) .contact_title {

    margin: 30px 0 26px;

}



body:not(#fs_Top) .contact_tel {

    margin-top: 0;

    line-height: 1.34;

    margin-bottom: 2px;

}



body:not(#fs_Top) .contact_inner p {

    font-size: 15px;

    letter-spacing: 0.08em;

}



body:not(#fs_Top) .contact_btn {

    margin-top: 32px;

    width: 400px;

    background-color: #608B30;

    color: #fff !important;

    padding: 16px 0px 18px 3px;

}



body:not(#fs_Top) .contact_btn::after {

    background-color: #fff;

}



@media only screen and (max-width: 1024px) {

    .hdpage_inner {

        padding: 180px 0 100px;

    }

}



@media only screen and (max-width: 768px) {

    body:not(#fs_Top) .header_inner {

        padding: 16px 20px 17px;

    }



    body:not(#fs_Top) .header_logo {

        width: 36%;

        padding-top: 0;

    }



    body:not(#fs_Top) .menu {

        width: 25%;

        margin-bottom: 19px;

        height: 14px;

    }



    body:not(#fs_Top) .menu span {

        left: 9px;

    }



    body:not(#fs_Top) .header_icon {

        margin-top: 4px;

    }



    .hdpage_text {

        padding: 0 28px;

    }



    .hdpage_inner {

        padding: 136px 0 53px;

    }



    .hdpage_title {

        font-size: 33px;

    }



    .hdpage_text span::before {

        bottom: 12px;

        width: 8px;

    }



    .hdpage_text span {

        font-size: 15px;

        padding-left: 16px;

        margin-top: 11px;

    }



    .hdpage_bread {

        margin: 20px 0 10px;

    }



    .page-allitem .cate {

        padding-top: 19px;

        background: transparent;

        padding-bottom: 31px;

    }



    .page-allitem .cate .row {

        margin: 0 -7.5px;

    }



    .page-allitem .cate_item {

        width: 50%;

        padding: 0 7.5px;

        margin-bottom: 15px;

    }



    .page-allitem .cate_title {

        padding-left: 15px;

    }



    :not(#fs_Top) .contact {

        padding-bottom: 50px;

    }



    body:not(#fs_Top) .contact_title {

        margin: 6px 0 16px;

        line-height: 1.79;

        letter-spacing: 0.12em;

    }



    body:not(#fs_Top) .contact_inner {

        padding-bottom: 44px;

    }



    body:not(#fs_Top) .contact_inner p {

        font-size: 15px;

        letter-spacing: 0.08em;

        line-height: 1.67;

    }



    body:not(#fs_Top) .contact_tel {

        margin-top: 9px;

        line-height: 1.34;

        margin-bottom: -1px;

        font-size: 45px;

        letter-spacing: 0.08em;

    }



    body:not(#fs_Top) .contact_btn {

        margin-top: 24px;

        width: 300px;

        padding: 7px 0px 6px 3px;

    }

}



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

/* Category page*/

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

.page-cate .hdpage {

    padding-top: 115px;

}



.cateDes {

    padding: 37px 0 80px;

}



.cateDes_inner {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    max-width: 1580px;

    padding-left: 20px;

    margin-left: auto;

    margin-right: 0;

}



.cateDes_text {

    width: 42.3%;

}



.cateDes_image {

    width: 57.7%;

    text-align: right;

    position: relative;

}



.cateDes_image::after {

    content: "";

    position: absolute;

    right: 0;

    top: -50px;

    width: 88.88%;

    background: url("../img/background.png") no-repeat center/cover;

    height: 100%;

    z-index: -1;

}



.cateDes_title {

    font-size: 53px;

    letter-spacing: 0.1em;

    font-weight: bold;

    margin: 7px 0 32px;

}



.cateDes_title span {

    font-size: 33px;

    letter-spacing: 0.1em;

}



.cateDes_text p {

    font-size: 23px;

    letter-spacing: 0.08em;

    line-height: 1.43;

    margin-bottom: 33px;

}



.cateDes_box {

    color: #608B30;

    border-left: 1px solid currentColor;

    margin-top: 50px;

    padding: 13px 0 15px 24px;

}



.cateDes_text .cateDes_box p {

    margin-bottom: 0px;

}



.cateDes_text .cateDes_box p.bold {

    font-weight: bold;

    margin-bottom: 12px;

}



@media only screen and (max-width: 1024px) {

    .cateDes_inner {

        -ms-flex-wrap: wrap-reverse;

            flex-wrap: wrap-reverse;

    }



    .cateDes_text {

        width: 100%;

        padding-left: 10px;

    }



    .cateDes_image {

        width: 100%;

    }



    .cateDes_image::after {

        top: -30px;

    }

}



@media only screen and (max-width: 768px) {

    .page-cate .hdpage {

        padding-top: 81px;

    }



    .cateDes {

        padding: 39px 0 80px;

    }



    .cateDes_image::after {

        top: -20px;

    }



    .cateDes_title {

        font-size: 33px;

        margin: 22px 0 23px;

    }



    .cateDes_title span {

        font-size: 22px;

    }



    .cateDes_text p {

        font-size: 15px;

        line-height: 1.6;

        margin-bottom: 24px;

    }



    .cateDes_box {

        margin-top: -3px;

        padding: 6px 0 7px 11px;

    }



    .cateDes_text .cateDes_box p.bold {

        margin-bottom: 6px;

    }

}



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

/* Single page */

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



.page-single .hdpage {

    padding-top: 115px;

}



.descrip {

    padding: 60px 0;

}



.descrip_box {

    border-bottom: 1px solid #E5EBE3;

    padding-bottom: 28px;

    padding-top: 52px;

}



.descrip_box:last-child {

    border-bottom: 0;

}



.descrip_inner {

    padding: 0 25px 20px;

}



.descrip_inner.descrip_inner-tbl {

    background-color: #F8FAF8;

    padding: 36px 40px 35px;

    margin-bottom: 20px;

    margin-top: 9px;

}



.descrip_inner.descrip_inner-tbl03 {

    margin-top: 9px;

}



.descrip_title {

    font-size: 22px;

    font-weight: bold;

    letter-spacing: 0.08em;

    margin-top: 0;

    margin-bottom: 18px;

}



.descrip_box p {

    font-size: 15px;

    letter-spacing: 0.08em;

    line-height: 1.67;

}



.descrip_box p .red {

    color: #D50000;

}



.descrip_txt {

    font-size: 18px;

    font-weight: bold;

    letter-spacing: 0.08em;

    line-height: 1.39;

    margin-top: 0;

    margin-bottom: 30px;

}



.descrip_tbl {

    margin-bottom: 28px;

}



.descrip_tbl table {

    border-spacing: 0;

    border: 0;

    border-top: 1px solid #D5D5D5;

    border-left: 1px solid #D5D5D5;

    font-size: 15px;

    letter-spacing: 0.08em;

    line-height: 1.67;

}



.descrip_tbl th {

    width: 139px;

    border-bottom: 1px solid #D5D5D5;

    border-right: 1px solid #D5D5D5;

    background-color: #EFEFEF;

    padding: 11px 4px 12px 5px;

}



.descrip_tbl.descrip_tbl-02 th {

    padding: 12px 4px 11px 5px;

}



.descrip_tbl.descrip_tbl-02 th:nth-child(1) {

    width: 30%;

}



.descrip_tbl.descrip_tbl-02 th:nth-child(2) {

    width: 38%;

}



.descrip_tbl.descrip_tbl-02 th:nth-child(3) {

    width: 32%;

}



.descrip_inner-tbl03 th {

    width: 209px;

}



.descrip_tbl td {

    width: 259px;

    border-bottom: 1px solid #D5D5D5;

    border-right: 1px solid #D5D5D5;

    text-align: center;

    padding: 12px 5px 10px;

    background-color: #fff;

}



.descrip_tbl-02 table {

    width: 100%;

}



.descrip_tbl.descrip_tbl-02 td {

    width: auto;

}



.descrip_inner-tbl03 td {

    width: 345px;

}



@media only screen and (max-width: 768px) {

    .page-single .hdpage {

        padding-top: 81px;

    }



    .descrip {

        padding: 30px 0 7px;

    }



    .descrip_box {

        padding-bottom: 18px;

        padding-top: 28px;

    }



    .descrip_inner {

        padding: 0 10px 10px;

    }



    .descrip_title {

        font-size: 18px;

        margin-bottom: 15px;

    }



    .descrip_box p {

        font-size: 15px;

        line-height: 1.6;

    }



    .descrip_tbl {

        margin-bottom: 13px;

    }



    .descrip_inner.descrip_inner-tbl {

        padding: 25px 23px 26px;

        margin-top: 3px;

    }



    .descrip_txt {

        font-size: 16px;

        line-height: 1.56;

        margin-bottom: 19px;

    }



    .descrip_tbl table {

        font-size: 13px;

        line-height: 1.3;

    }



    .descrip_tbl th {

        width: 31%;

        padding: 7px 4px 6px 5px;

    }



    .descrip_tbl td {

        width: 36%;

        padding: 18px 2px 14px;

    }



    .descrip_tbl td:last-child {

        width: 33%;

        padding: 6px 2px;

    }



    .descrip_tbl.descrip_tbl-02 th {

        padding: 17px 13px 14px;

    }



    .descrip_tbl.descrip_tbl-02 td {

        padding: 16px 5px 14px;

    }



    .descrip_tbl-02 table {

        width: 525px;

    }



    .descrip_tbl.descrip_tbl-02 th:nth-child(1),

    .descrip_tbl.descrip_tbl-02 th:nth-child(2),

    .descrip_tbl.descrip_tbl-02 th:nth-child(3) {

        width: calc(100%/3);

    }



    .descrip_tbl.descrip_tbl-02 {

        margin-bottom: 21px;

        overflow: auto;

    }



    .descrip_inner-tbl03 th {

        width: 40%;

        padding: 7px 9px 6px 9px;

    }



    .descrip_inner-tbl03 .descrip_tbl td {

        width: 60%;

        padding: 17px 2px 15px;

    }

}



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

/* Beginner Guide page */

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



.head-begin {

    font-size: 25px;

    font-weight: bold;

    letter-spacing: 0.08em;

    line-height: 1.8;

    color: #fff;

    background-color: #406833;

    border-radius: 3px;

    padding: 9px 25px 11px;

    margin-bottom: 27px;

}



.page-begin p {

    font-size: 15px;

    letter-spacing: 0.08em;

    line-height: 1.67;

}



.page-begin table {

    border-spacing: 0;

}



.order {

    padding: 26px 0 31px;

}



.order_list {

    padding: 0 25px 22px;

    border-bottom: 1px solid #E5EBE3;

    margin-bottom: 47px;

}



.order_title {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;

    font-size: 22px;

    font-weight: bold;

    letter-spacing: 0.08em;

    margin-bottom: 13px;

}



.order_title span {

    width: 35px;

    line-height: 35px;

    background-color: #406833;

    font-family: "EB Garamond", serif;

    letter-spacing: 0.15em;

    font-weight: 400;

    font-size: 22px;

    display: inline-block;

    margin-right: 18px;

    color: #fff;

    border-radius: 30px;

    text-align: center;

    margin-top: 3px;

}



.order_list p {

    margin-bottom: 25px;

}



.order_box {

    background-color: #F8FAF8;

    margin: 0 -25px;

    padding: 14px 40px;

    margin-top: 20px;

    margin-bottom: 20px;

}



.order_box:last-child {

    margin-bottom: 28px;

}



.order_box h4 {

    font-size: 18px;

    font-weight: bold;

    letter-spacing: 0.08em;

    margin-bottom: 28px;

}



.fax_box {

    padding: 1px 25px;

    margin-bottom: 56px;

}



.fax_box h3 {

    margin-top: 5px;

    font-size: 22px;

    letter-spacing: 0.08em;

    font-weight: bold;

    margin-bottom: 21px;

}



.btn.fax_btn {

    width: 400px;

    font-family: 'EB Garamond', serif;

    font-size: 35px;

    font-weight: bold;

    padding: 8px 0 20px;

    color: #243E24 !important;

}



.btn.fax_btn span {

    display: block;

    font-family: 'Zen Old Mincho', serif;

    font-size: 15px;

    letter-spacing: 0.08em;

    font-weight: 400;

    margin-top: -5px;

}



a.btn.fax_btn:hover {

    color: #fff !important;

}



.pay {

    padding: 22px 0;

}



.pay .head-begin {

    margin-bottom: 30px;

}



.pay_box {

    background-color: #F8FAF8;

    padding: 20px 40px 13px;

    margin-bottom: 20px;

}



.pay_box h3 {

    font-size: 18px;

    font-weight: bold;

    letter-spacing: 0.08em;

    margin-bottom: 28px;

}



.pay_box p {

    margin-bottom: 26px;

}



.pay_box p.red {

    color: #bc0c0c;

}



.fees {

    padding: 35px 0;

}



.fees p {

    padding-left: 25px;

}



.ship {

    padding: 43px 0;

}



.ship_box {

    background-color: #F8FAF8;

    padding: 22px 40px 12px;

    margin-bottom: 20px;

}



.ship_box h3 {

    font-size: 18px;

    font-weight: bold;

    letter-spacing: 0.08em;

    margin-bottom: 32px;

}



.ship_table {

    overflow: auto;

    font-size: 15px;

    letter-spacing: 0.08em;

    line-height: 1.53;

    margin-bottom: 20px;

}



.ship_table table {

    width: 100%;

    border-top: 1px solid #D5D5D5;

    border-left: 1px solid #D5D5D5;

    border-spacing: 0;

}



.ship_table th {

    background-color: #EFEFEF;

    border-right: 1px solid #D5D5D5;

    border-bottom: 1px solid #D5D5D5;

    padding: 13px 0 10px;

}



.ship_table th:nth-child(1) {

    width: 11.5%;

}



.ship_table th:nth-child(2) {

    width: 42.4%;

}



.ship_table th:nth-child(3) {

    width: 13.3%;

}



.ship_table th:nth-child(4) {

    width: 16.4%;

}



.ship_table th:nth-child(5) {

    width: 16.4%;

}



.ship_table td {

    padding: 11px 10px 12px;

    text-align: center;

    border-right: 1px solid #D5D5D5;

    border-bottom: 1px solid #D5D5D5;

}



.ship_table td span {

    display: inline-block;

    text-align: left;

}



.ship_table td:nth-child(2) {

    padding: 8px 10px 8px 42px;

    text-align: left;

}



.ship_table td:nth-child(3) {

    line-height: 1.67;

}



.ship_box p {

    margin-bottom: 25px;

}



.ship_box-02.ship_box h3 {

    margin-bottom: 29px;

}



.ship_box-02.ship_box p {

    margin-bottom: 20px;

}



.ship_box-02 .ship_table th:nth-child(1) {

    width: 29.4%;

    padding: 17px 0 16px;

}



.ship_box-02 .ship_table th:nth-child(2) {

    width: 38.4%;

}



.ship_box-02 .ship_table td:nth-child(2) {

    text-align: center;

    padding: 19px 10px 16px;

}



.ship_box-02 .ship_table th:nth-child(3) {

    width: 32%;

}



.ship_box-02 .ship_table {

    margin-bottom: 23px;

}



.ship_title {

    font-size: 22px;

    font-weight: bold;

    letter-spacing: 0.08em;

    margin-top: 37px;

    margin-bottom: 18px;

}



.btn.ship_btn {

    width: 400px;

    font-size: 22px;

    padding: 17px 0 21px 3px;

}



.btn.ship_btn span {

    display: block;

    font-weight: 400;

    font-size: 15px;

    font-family: 'Zen Old Mincho', serif;

    letter-spacing: 0.08em;

    margin-top: 4px;

}



.ship_box.ship_box-02 {

    padding-bottom: 40px;

}



.exchan {

    padding: 16px 0 113px;

}



.exchan p {

    padding-left: 25px;

    padding-right: 25px;

    margin-bottom: 25px;

}



@media only screen and (max-width: 768px) {

    .page-begin p {

        line-height: 1.6;

    }



    .ship_table {

        overflow: auto;

    }



    .ship_box-01 .ship_table table {

        width: 710px;

    }



    .ship_box-02 .ship_table table {

        width: 524px;

    }



    .order {

        padding: 4px 0 10px;

    }



    .head-begin {

        font-size: 19.5px;

        line-height: 1.54;

        border-radius: 2px;

        padding: 11px 15px 13px;

        margin-bottom: 11px;

    }



    .order_list {

        padding: 0 10px 3px;

        margin-bottom: 30px;

    }



    .order_title {

        font-size: 16.5px;

        margin-bottom: 15px;

        margin-top: 19px;

    }



    .order_title span {

        width: 32px;

        line-height: 32px;

        font-size: 20px;

        margin-right: 12px;

        margin-top: -1px;

    }



    .order_list p {

        margin-bottom: 24px;

    }



    .order_box {

        margin: 0 -10px;

        padding: 4px 23px 1px;

        margin-top: 15px;

        margin-bottom: 15px;

    }



    .order_box h4 {

        font-size: 16.5px;

        margin-bottom: 16px;

        line-height: 1.5;

    }



    .order_box p:last-child {

        margin-bottom: 21px;

    }



    .fax_box {

        padding: 1px 10px;

        margin-bottom: 29px;

    }



    .fax_box h3 {

        margin-top: 12px;

        font-size: 16.5px;

        margin-bottom: 16px;

    }



    .btn.fax_btn {

        font-size: 33.5px;

        padding: 5px 0 12px;

    }



    .btn.fax_btn span {

        font-size: 15px;

        margin-top: -4px;

        line-height: 1.33;

    }



    .pay {

        padding: 9px 0;

    }



    .pay .head-begin {

        margin-bottom: 20px;

    }



    .pay_box {

        padding: 8px 23px 1px;

        margin-bottom: 15px;

    }



    .pay_box h3 {

        font-size: 16.5px;

        margin-bottom: 15px;

        line-height: 1.52;

    }



    .pay_box p {

        margin-bottom: 24px;

    }



    .pay_box p:last-child {

        margin-bottom: 23px;

    }



    .fees {

        padding: 14px 0;

    }



    .fees h2.head-begin {

        margin-bottom: 18px;

    }



    .fees p {

        padding-left: 10px;

        padding-right: 10px;

    }



    .ship {

        padding: 22px 0 0;

    }



    .ship_box {

        margin-top: 20px;

        padding: 10px 22px 1px;

    }



    .ship_box h3 {

        font-size: 16.5px;

        margin-bottom: 21px;

        line-height: 1.45;

    }



    .ship_table {

        font-size: 13px;

        line-height: 1.27;

    }



    .ship_table th {

        padding: 16px 0 13px;

    }



    .ship_table th:nth-child(1) {

        width: 10.9%;

    }



    .ship_table th:nth-child(2) {

        width: 33%;

    }



    .ship_table th:nth-child(3) {

        width: 16.1%;

    }



    .ship_table th:nth-child(4),

    .ship_table th:nth-child(5) {

        width: 20%;

    }



    .ship_table td {

        padding: 6px 5px 13px;

    }



    .ship_table td:nth-child(2) {

        padding: 11px 3px 9px;

        text-align: center;

    }



    .ship_table td span {

        text-align: center;

    }



    .ship_box p {

        margin-bottom: 24px;

    }



    .ship_box-02.ship_box h3 {

        margin-bottom: 15px;

    }



    .ship_box-02.ship_box p {

        margin-bottom: 23px;

    }



    .ship_box-02 .ship_table th:nth-child(1),

    .ship_box-02 .ship_table th:nth-child(2),

    .ship_box-02 .ship_table th:nth-child(3) {

        width: calc(100%/3);

    }



    .ship_box-02 .ship_table {

        margin-bottom: 19px;

    }



    .ship_title {

        font-size: 16.5px;

        margin-top: 39px;

        margin-bottom: 19px;

        line-height: 1.45;

    }



    .ship_box.ship_box-02 {

        padding-bottom: 34px;

    }



    .exchan {

        padding: 14px 0 23px;

    }



    .exchan .head-begin {

        margin-bottom: 17px;

    }



    .exchan p {

        padding-left: 10px;

        padding-right: 10px;

        margin-bottom: 24px;

    }

}



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

/* Voice user page */

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

.page-user section:not(.contact) .row {

    -ms-flex-wrap: wrap;

        flex-wrap: wrap;

    margin: 0 -10px;

}



.page-user section:not(.contact) {

    font-size: 15px;

    letter-spacing: 0.08em;

    line-height: 1.67;

}



.hdpage p {

    text-align: center;

    margin-top: 86px;

    font-size: 15px;

    letter-spacing: 0.08em;

    line-height: 1.67;

}



.user_item {

    width: 50%;

    padding: 0 10px;

    text-align: center;

    margin-bottom: 19px;

}



.user_inner {

    background-color: #F8FAF8;

    padding: 41px 40px 38px;

    height: 100%;

}



.user {

    padding: 37px 0 29px;

}



.user ul {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    margin: 0 -5px;

    -ms-flex-wrap: wrap;

        flex-wrap: wrap;

    padding: 0 26px;

}



.user li {

    width: 25%;

    padding: 0 5px;

    margin-bottom: 32px;

}



.user a {

    display: block;

    text-align: center;

    border-bottom: 1px solid #608B30;

    color: #608B30;

    font-size: 16px;

    letter-spacing: 0.08em;

    line-height: 1.56;

    height: 100%;

    padding: 13px 10px 23px;

}



.user li:nth-child(4) a {

    padding: 0 10px 11px;

}



.user a span {

    position: relative;

    display: inline-block;

}



.user a span::after {

    content: "";

    position: absolute;

    left: 100%;

    top: -4px;

    width: 7px;

    height: 7px;

    border: 1px solid #608B30;

    border-top: 0;

    border-left: 0;

    -webkit-transform: rotate(45deg) translateX(15px);

        -ms-transform: rotate(45deg) translateX(15px);

            transform: rotate(45deg) translateX(15px);

}



.user li:nth-child(4) a span::after {

    top: 9px;

}



.page-user section:not(.contact) .container>p {

    padding: 1px 25px;

    margin-bottom: 26px;

}



.user_item p {

    text-align: left;

    margin-top: 17px;

}



.receive {

    padding: 58px 0 59px;

}



.mail {

    padding: 60px 0 59px;

}



.request {

    padding: 60px 0;

}



.quest {

    padding-bottom: 119px;

}



.quest_item {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    margin-bottom: 23px;

}



.quest .user_item p {

    margin-bottom: 17px;

}



.quest_item span {

    font-family: 'EB Garamond', serif;

    font-size: 20px;

    letter-spacing: 0.15em;

    width: 4%;

    text-align: left;

}



.quest_txt {

    width: 96%;

    padding-left: 19px;

    padding-top: 3px;

    text-align: left;

}



.quest .user_inner {

    padding-bottom: 7px;

}



@media only screen and (max-width: 1024px) {

    .user a {

        padding: 10px 15px 12px;

    }



    .user a span::after {

        top: -5px;

        width: 5px;

        height: 5px;

        -webkit-transform: rotate(45deg) translateX(20px);

            -ms-transform: rotate(45deg) translateX(20px);

                transform: rotate(45deg) translateX(20px);

    }



    .user li:nth-child(4) a span::after {

        top: 6px;

    }



    .user_inner {

        padding: 30px;

    }

}



@media only screen and (max-width: 768px) {

    .page-user section:not(.contact) .container>p {

        padding: 1px 15px;

    }



    .hdpage p {

        font-size: 13px;

    }



    .user ul {

        padding: 0 5px;

    }



    .user li {

        width: 50%;

        margin-bottom: 20px;

    }



    .user a {

        font-size: 14px;

        padding: 10px 10px 8px;

    }



    .user a span::after {

        top: 4px;

        -webkit-transform: rotate(45deg) translateX(5px);

            -ms-transform: rotate(45deg) translateX(5px);

                transform: rotate(45deg) translateX(5px);

    }



    .user li:nth-child(4) a span::after {

        top: 9px;

    }



    .user_item {

        width: 100%;

        padding: 0 10px;

        text-align: center;

        margin-bottom: 15px;

    }



    .user_inner {

        padding: 25px;

    }



    .receive,

    .mail,

    .request {

        padding: 30px 0;

    }



    .quest {

        padding-bottom: 50px;

    }

}





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

/* How to choose page */

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



.hdpage p:last-child {

    margin-top: 26px;

}



.about {

    padding: 58px 0 61px;

}



.page-howto section:not(.contact) {

    font-size: 15px;

    letter-spacing: 0.08em;

    line-height: 1.67;

}



.about .row {

    -webkit-box-pack: justify;

        -ms-flex-pack: justify;

            justify-content: space-between;

}



.about .container>p {

    padding-left: 25px;

    font-size: 15px;

    line-height: 1.67;

    letter-spacing: 0.08em;

    margin-bottom: 44px;

    margin-top: 28px;

}



.about_item {

    padding: 8px 25px;

    margin-bottom: 37px;

    border-bottom: 1px solid #E5EBE3;

    padding-bottom: 44px;

}



.about_text {

    max-width: 55%;

}



.about_item-02 .about_text {

    max-width: 51%;

}



.about_num {

    font-family: 'EB Garamond', serif;

    font-size: 18px;

    letter-spacing: 0.15em;

    color: #608B30;

}



.about_img {

    padding-top: 5px;

    margin-right: -1px;

}



.about_item-02 .about_img {

    padding-top: 4px;

}



.about_title {

    color: #062106;

    font-size: 22px;

    font-weight: bold;

    letter-spacing: 0.08em;

    margin-top: 9px;

    margin-bottom: 31px;

}



.about_item.about_item-03 {

    padding-top: 7px;

    padding-bottom: 0;

    border-bottom: 0;

    margin-bottom: 33px;

}



.about_box {

    background-color: #F8FAF8;

    padding: 20px 40px 40px;

    margin-bottom: 18px;

}



.about_box h3 {

    font-size: 18px;

    letter-spacing: 0.08em;

    font-weight: bold;

    margin-bottom: 29px;

}



.taste .head-begin {

    margin-bottom: 31px;

}



.taste_box {

    background-color: #F8FAF8;

    padding: 17px 40px 38px;

    margin-bottom: 20px;

}



.taste_box h3 {

    font-size: 18px;

    letter-spacing: 0.08em;

    font-weight: bold;

    line-height: 1.39;

    margin-bottom: 28px;

}



.taste_box .u-under {

    margin-top: 25px;

}



.taste_box .u-under span {

    border-bottom: 1px solid;

    padding-bottom: 0;

}



.taste {

    padding-bottom: 100px;

}





@media only screen and (max-width: 768px) {

    .hdpage p {

        margin-top: 40px;

    }



    .about {

        padding: 30px 0;

    }



    .about .container>p {

        padding-left: 0;

    }



    .about_text {

        max-width: 100%;

        margin-bottom: 20px;

    }



    .about_img {

        width: 100%;

    }



    .about_item-02 .about_text {

        max-width: 100%;

    }



    .about_item {

        padding: 5px 0;

    }



    .about_box {

        padding: 10px 20px 20px;

        margin-bottom: 15px;

    }



    .taste_box {

        padding: 10px 20px 20px;

        margin-bottom: 15px;

    }



    .taste {

        padding-bottom: 50px;

    }

}



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

/* FAQ page */

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

.page-faq .user {

    padding: 57px 0 27px;

}



.page-faq .user li:nth-child(4) a {

    padding: 13px 10px 23px;

}



.page-faq .user li:nth-child(4) a span::after {

    top: -4px;

}



.faq_item>div,

.faq_left>div {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

}



.faq_item {

    padding: 3px 25px;

    border-bottom: 1px solid #E5EBE3;

    padding-bottom: 23px;

    margin-bottom: 47px;

}



.faq_q {

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;

    margin-bottom: 25px;

}



.faq_q h3 {

    margin: 0;

    font-size: 17px;

    letter-spacing: 0.08em;

    font-weight: bold;

    margin-top: -1px;

}



.faq_qa {

    height: 35px;

    width: 35px;

    background-color: #406833;

    border-radius: 35px;

    text-align: center;

    font-family: 'EB Garamond', serif;

    letter-spacing: 0.15em;

    font-size: 20px;

    color: #fff;

    padding-top: 1px;

    padding-left: 4px;

}



.faq_a .faq_qa {

    background-color: #608B30;

}



.faq_text {

    width: calc(100% - 35px);

    padding-left: 18px;

}



.faq_a .faq_text {

    padding-top: 5px;

    font-size: 15px;

    letter-spacing: 0.08em;

    line-height: 1.67;

}



.faq_a .faq_text span {

    text-decoration: underline;

    text-underline-offset: 2px;

}



.faq_a .faq_text p {

    margin-bottom: 25px;

}



.faq_a .faq_text .faq_table {

    margin-top: 33px;

    margin-bottom: 33px;

}



.faq_table table {

    border-top: 1px solid #D5D5D5;

    border-left: 1px solid #D5D5D5;

    border-spacing: 0;

}



.faq_table th {

    border-right: 1px solid #D5D5D5;

    border-bottom: 1px solid #D5D5D5;

    background-color: #EFEFEF;

}



.faq_table th:nth-child(1) {

    width: 179px;

    padding: 9px 10px;

}



.faq_table th:nth-child(2) {

    width: 499px;

}



.faq_table td {

    padding: 12px 10px 10px;

    text-align: center;

    border-right: 1px solid #D5D5D5;

    border-bottom: 1px solid #D5D5D5;

}



.preser {

    padding: 32px 0;

}



.faq_left {

    width: 74.2%;

}



.faq_right {

    width: 25.8%;

    padding-top: 67px;

}



.faq_left .faq_a .faq_text {

    padding-right: 7%;

}



.preser .faq_item:nth-child(3) {

    padding-bottom: 44px;

}



.choose {

    padding: 39px 0 100px;

}



.choose .faq_left {

    width: 73.9%;

}



.choose .faq_right {

    width: 26.1%;

}



.choose .faq_item {

    padding-bottom: 45px;

}



.choose .faq_item:nth-child(3) .faq_left {

    width: 65%;

}



.choose .faq_item:nth-child(3) .faq_right {

    width: 35%;

}



.choose .faq_item:last-child {

    padding-bottom: 22px;

}



@media only screen and (max-width: 1024px) {

    .faq_item {

        padding: 3px 5px;

        margin-bottom: 30px;

    }



    .choose .faq_item {

        padding-bottom: 20px;

    }



    .choose .faq_item:nth-child(3) .faq_left {

        width: 60%;

    }



    .choose .faq_item:nth-child(3) .faq_right {

        width: 40%;

    }



    .choose .faq_left {

        width: 70%;

    }



    .choose .faq_right {

        width: 30%;

    }



}



@media only screen and (max-width: 768px) {

    .user {

        padding: 24px 0 14px;

    }



    .user a {

        border: 1px solid;

        padding: 14px 3px 10px;

    }



    .user li:nth-child(4) a {

        padding: 14px 3px 10px;

    }



    .user li {

        margin-bottom: 10px;

    }



    .user ul {

        padding: 0;

    }



    .user a span::after {

        display: none;

    }



    .page-faq .user li:nth-child(4) a {

        padding: 14px 3px 10px;

    }



    .faq_item {

        padding: 1px 10px;

        margin-bottom: 27px;

    }



    .faq_q {

        margin-bottom: 13px;

    }



    .faq_qa {

        height: 32.5px;

        width: 32.5px;

        font-size: 20px;

        padding-top: 1px;

        padding-left: 4px;

    }



    .faq_q h3 {

        font-size: 16.5px;

        padding-top: 9px;

        line-height: 1.46;

    }



    .faq_a .faq_text p {

        margin-bottom: 24px;

    }



    .faq_text {

        width: calc(100% - 32.5px);

        padding-left: 13px;

    }



    .faq_a .faq_text {

        padding-top: 5px;

        font-size: 15px;

        letter-spacing: 0.08em;

        line-height: 1.6;

    }



    .faq_a .faq_text .faq_table {

        margin-top: 24px;

        margin-bottom: 20px;

        margin-left: -44px;

        font-size: 13px;

        line-height: 1.35;

    }



    .faq_table table {

        width: 100%;

    }



    .faq_table th:nth-child(1) {

        width: 34.2%;

        padding: 11px 0 12px;

    }



    .faq_table th:nth-child(2) {

        width: 65.8%;

    }



    .faq_table td {

        padding: 14px 2px 13px;

    }



    .faqabout .faq_item:nth-child(2) p:last-child {

        margin-left: -45px;

        margin-bottom: 30px;

    }



    .preser {

        padding: 0;

    }



    .faq_left {

        width: 100%;

    }



    .faq_left .faq_a .faq_text {

        padding-right: 0;

    }



    .faq_left .faq_a .faq_text p:last-child {

        margin-bottom: 19px;

    }



    .faq_right {

        width: 100%;

        padding-top: 0px;

        padding-left: 45px;

    }



    .preser .faq_item {

        padding-bottom: 27px;

    }



    .preser .faq_item:nth-child(3) {

        padding-bottom: 27px;

    }



    .preser .faq_item:last-child {

        margin-bottom: 0;

    }



    .brew .head-begin {

        margin-top: 2px;

    }



    .choose {

        padding: 0 0 50px;

    }



    .choose .faq_left,

    .choose .faq_item:nth-child(3) .faq_left,

    .choose .faq_item:nth-child(3) .faq_right,

    .choose .faq_right {

        width: 100%;

    }



    .choose .faq_q {

        margin-bottom: 20px;

    }



    .choose .faq_item {

        padding-bottom: 27px;

    }



    .choose .faq_item:last-child {

        padding-bottom: 6px;

    }

}



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

/* Company Page */

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

.aboutcpn {

    padding: 56px 0;

}



.aboutcpn_banner {

    padding-bottom: 45px;

}



.aboutcpn_table table {

    width: 100%;

    border-spacing: 0;

    border: none;

    font-size: 15px;

    letter-spacing: 0.08em;

}



.aboutcpn_table th {

    width: 15%;

    font-weight: 400;

    text-align: left;

    padding: 45px 0 47px 35px;

    border-bottom: 1px solid #E5EBE3;

}



.aboutcpn_table td {

    width: 85%;

    border-bottom: 1px solid #E5EBE3;

    padding: 20px 20px 20px 19px;

}



.aboutcpn_table td a {

    color: #062106;

}



.aboutcpn_maps {

    padding-top: 80px;

    padding-bottom: 77px;

}



@media only screen and (max-width: 768px) {

    .aboutcpn {

        padding: 20px 0;

    }



    .aboutcpn_banner {

        padding-bottom: 8px;

    }



    .aboutcpn_table tr {

        display: block;

        border-bottom: 1px solid #E5EBE3;

    }



    .aboutcpn_table th {

        width: 100%;

        padding: 28px 0 6px 10px;

        border-bottom: 0;

        display: block;

        font-weight: bold;

    }



    .aboutcpn_table tr:nth-child(1) th {

        padding-bottom: 5px;

    }



    .aboutcpn_table tr:nth-child(1) td {

        padding-bottom: 28px;

    }



    .aboutcpn_table td {

        width: 100%;

        border-bottom: 0;

        padding: 7px 10px 30px;

        display: block;

    }



    .aboutcpn_maps iframe {

        height: 250px;

    }



    .aboutcpn_maps {

        padding-top: 45px;

        padding-bottom: 24px;

    }

}



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

/* Delicious */

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

.delicious_banner {

    padding-top: 56px;

}



.delicious {

    padding: 75px 0 51px;

}



.mail_content {

    padding: 1px 25px;

    font-size: 15px;

    letter-spacing: 0.08em;

    line-height: 1.67;

}



.delicious_table {

    padding-top: 8px;

    margin-bottom: 33px;

}



.delicious_table .row {

    margin: 0 -10px;

}



.mail_content p {

    margin-bottom: 25px;

}



.delicious_col {

    width: 50%;

    padding: 0 10px;

}



.delicious_table table {

    border-top: 1px solid #D5D5D5;

    border-left: 1px solid #D5D5D5;

    width: 100%;

    border-spacing: 0;

}



.delicious_table th {

    background-color: #EFEFEF;

    border-right: 1px solid #D5D5D5;

    border-bottom: 1px solid #D5D5D5;

    width: 50%;

    padding: 17px 10px 15px 12px;

}



.delicious_table td {

    text-align: center;

    padding: 13px 10px 10px 12px;

    border-right: 1px solid #D5D5D5;

    border-bottom: 1px solid #D5D5D5;

}



.delicious_table .last-row td {

    padding: 23px 10px 23px 12px;

}



.delicious_table td span {

    color: #bc0c0c;

}



.delicious_table .last-row td:nth-child(2) {

    text-align: left;

    padding-left: 21px;

}



.service {

    padding-bottom: 100px;

}



.service_box {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: start;

        -ms-flex-align: start;

            align-items: flex-start;

    padding-top: 8px;

    padding-bottom: 22px;

}



.service_box span {

    background-color: #406833;

    width: 35px;

    line-height: 35px;

    color: #fff;

    font-family: 'EB Garamond', serif;

    font-size: 22px;

    text-align: center;

    border-radius: 30px;

    margin-right: 18px;

}



.service_box h3 {

    margin: 0;

    font-size: 22px;

    letter-spacing: 0.08em;

    font-weight: bold;

    margin-top: 1px;

    line-height: 1.45;

}



.service_box:nth-child(5) {

    padding-top: 12px;

    padding-bottom: 32px;

}



.service_img {

    padding-top: 24px;

}





@media only screen and (max-width: 1024px) {

    .delicious_table .row {

        -ms-flex-wrap: wrap;

            flex-wrap: wrap;

    }



    .delicious_col {

        width: 100%;

        margin-bottom: 30px;

    }

}



@media only screen and (max-width: 768px) {

    .delicious_banner {

        padding-top: 20px;

    }



    .delicious {

        padding: 15px 0 9px;

    }



    .mail_content {

        padding: 4px 10px;

        line-height: 1.6;

    }



    .mail_content p {

        margin-bottom: 24px;

    }



    .delicious_col {

        margin-bottom: 22px;

    }



    .delicious_table {

        padding-top: 0;

        margin-bottom: -2px;

    }



    .delicious_table table {

        font-size: 13px;

        letter-spacing: 0.08em;

        line-height: 1.27;

    }



    .delicious_table th:nth-child(1) {

        width: 34%;

    }



    .delicious_table th:nth-child(2) {

        width: 66%;

    }



    .delicious_table th {

        padding: 14px 6px 12px 8px;

    }



    .delicious_table td {

        padding: 15px 1px 12px 3px;

    }



    .delicious_table .last-row td {

        padding: 18px 3px 15px 5px;

    }



    .delicious_table .last-row td:nth-child(2) {

        text-align: center;

        padding-left: 5px;

    }



    .delicious_col:last-child th:nth-child(1) {

        width: 44.5%;

    }



    .delicious_col:last-child th:nth-child(2) {

        width: 55.5%;

    }



    .service_box {

        padding-top: 0;

        padding-bottom: 14px;

    }



    .service_box span {

        width: 32.5px;

        line-height: 32.5px;

        font-size: 20px;

        margin-right: 12.5px;

    }



    .service_box h3 {

        font-size: 16.5px;

        margin-top: 5px;

        line-height: 1.45;

        width: calc(100% - 45px);

    }



    .service_box:nth-child(5) {

        padding-top: 2px;

        padding-bottom: 23px;

    }



    .service_img {

        padding-top: 5px;

        margin: 0 -10px;

    }



    .service {

        padding-bottom: 34px;

    }

}



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

/* Legal Notice */

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

.notice {

    padding-bottom: 100px;

}



.notice_info {

    padding-top: 6px;

}



.notice_info table {

    border-spacing: 0;

    width: 100%;

    font-size: 15px;

    letter-spacing: 0.08em;

    line-height: 1.6;

}



.notice_info th {

    text-align: left;

    border-bottom: 1px solid #E5EBE3;

    padding-left: 35px;

    width: 18%;

}



.notice_info td {

    width: 82%;

    border-bottom: 1px solid #E5EBE3;

    padding: 46px 10px 44px 31px;

}



.notice_info tr:last-child th {

    vertical-align: top;

    padding-top: 45px;

}



.notice_info tr:last-child th {

    vertical-align: top;

    padding-top: 45px;

}



.notice_info tr:last-child td {

    padding-top: 44px;

    padding-bottom: 21px;

}



.notice_info tr:last-child td p {

    line-height: 1.67;

    margin-bottom: 25px;

}



.notice_info tr:last-child td p.notice_space {

    margin-bottom: 50px;

}



.notice_info .notice_table tr th {

    text-align: center;

    padding: 10px 5px;

    vertical-align: middle;

    background-color: #EFEFEF;

    border-right: 1px solid #D5D5D5;

    border-bottom: 1px solid #D5D5D5;

}



.notice_info .notice_table tr th:nth-child(1) {

    width: 26.5%;

}



.notice_info .notice_table tr th:nth-child(2) {

    width: 73.5%;

}



.notice_table table {

    border-top: 1px solid #D5D5D5;

    border-left: 1px solid #D5D5D5;

}



.notice_info .notice_table td {

    padding: 13px 5px 11px !important;

    text-align: center;

    width: auto;

    border-right: 1px solid #D5D5D5;

    border-bottom: 1px solid #D5D5D5;

}



.notice_table {

    padding-top: 8px;

    margin-bottom: 22px;

}



.notice_info tr:last-child td p:last-child {

    margin-top: 6px;

}



.notice_info td a {

    color: #062106;

}



@media only screen and (max-width: 1024px) {

    .notice_info th {

        width: 30%;

    }



    .notice_info td {

        width: 70%;

    }

}



@media only screen and (max-width: 768px) {



    .notice_info th {

        width: 100%;

        display: block;

        padding: 20px 10px 10px;

        border-bottom: 0;

    }



    .notice_info td {

        width: 100%;

        display: block;

        padding: 0 10px 20px;

    }



    .notice_info tr:last-child th {

        padding-top: 20px;

    }



    .notice_info tr:last-child td {

        padding-top: 10px;

    }



    .notice_info tr:last-child td p {

        margin-bottom: 15px;

    }



    .notice_info tr:last-child td p.notice_space {

        margin-bottom: 25px;

    }



    .notice_table {

        margin: 0 -10px 22px;

    }



    .notice_table table {

        font-size: 13px;

    }



    .notice_info .notice_table tr th {

        padding: 10px 5px;

        display: table-cell;

    }



    .notice_info .notice_table tr th:nth-child(1) {

        width: 35%;

    }



    .notice_info .notice_table tr th:nth-child(2) {

        width: 65%;

    }



    .notice_info .notice_table td {

        padding: 7px 5px 7px !important;

        display: table-cell;

        width: auto;

    }

}



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

/* PRIVACY POLICY */

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

.page-privacy .hdpage p {

    padding: 0 25px;

    margin-top: 87px;

}



.privacy {

    padding: 58px 0;

}



.privacy_section .head-begin {

    margin-bottom: 28px;

}



.privacy_section p {

    padding: 0 25px;

    font-size: 15px;

    letter-spacing: 0.08em;

    line-height: 1.67;

    padding-bottom: 77px;

}



@media only screen and (max-width: 768px) {

    .page-privacy .hdpage p {

        margin-top: 40px;

    }



    .privacy {

        padding: 40px 0;

    }



    .privacy_section p {

        padding: 0 15px;

        padding-bottom: 40px;

    }

}



.lowpage-ex .menu_content {

  max-width: 1000px;

  padding: 0 20px;

  margin: auto;

}

.lowpage-ex h2 {

  text-align: center;

}

/*ccoling*/

.lowpage-ex .menu_content .recipe h3{

  text-align: center;

  margin: 0 0 30px;

}

.lowpage-ex .menu_content .recipe .recipe-caption {

  display: flex;

  margin: 0 30px;

}

.lowpage-ex .menu_content .recipe .recipe-caption__text {

  padding: 20px;

}

.lowpage-ex .menu_content .recipe-item {

  display: flex;

}

.lowpage-ex .recipe {

      margin-top:10px;

}

.lowpage-ex .recipe + .recipe{

    margin-top:30px;

}



.lowpage-ex .recipe figure{

    margin:0;

    padding:0;

}



.lowpage-ex .recipe-ttl{

    background-color: #95c403;

    color: #fff;

    text-align: center;

    font-weight: normal;

    font-size: 1.3em;

    padding: 15px;

    margin: 0;

}

.lowpage-ex .recipe-caption__img {

    width: 330px;

    float: left;

    margin-right: 10px;

}

.lowpage-ex .recipe-caption__text{

    margin: 0;

    padding: 10px;

    font-size: 1.2em;

}



/*menu-recipe*/

.lowpage-ex .recipe-item{

    margin-top:15px;

}





.lowpage-ex .recipe-item__inner {

    width: 330px;

}



.lowpage-ex .recipe-item-header {

    font-size: 1.2em;

    margin: 5px;

}



.lowpage-ex .recipe-item__table {

    width: 260px;

    margin: 0 auto;

    border-collapse: collapse;

}

.lowpage-ex .recipe-item__table-item-heading {

    padding-left:0.5em;

    background: #D0E7E8;

}

.lowpage-ex .recipe-item__table-item-name{

    border-bottom: 1px solid #000;

    font-size: 1em;

    width:170px;

}

.lowpage-ex .recipe-item__table-item-name:before{

    content:"・";

    width:1em;

    padding-left:0.5em;

    display: inline-block;

}



.lowpage-ex recipe-item__table-item:first-child {

    border-top: 1px solid #000;

}

.lowpage-ex .recipe-item__table-item-value{

    border-bottom: 1px solid #000;

    font-size: 1em;

    text-align: right;

}

.lowpage-ex .recipe-item-flow {

    margin-left: 20px;

  width: 590px;

}

.lowpage-ex .recipe-item__ol {

    margin: 0 0 0 1.5em;

    padding: 0;

}

.lowpage-ex .recipe-item__ol > li {

    text-align: left;

    margin-bottom: 1em;

    list-style-type: none;

    list-style-position: outside;

    counter-increment: cnt;

}

.lowpage-ex .recipe-item__ol > li:before {

    content: "(" counter(cnt) ") ";

    display: inline-block;

    margin-left: -2em;

    width: 2em;

}

@media only screen and (max-width: 768px) {

.lowpage-ex .menu_content .recipe .recipe-caption {

  display: block;

}

.lowpage-ex .menu_content .recipe .recipe-caption__text {

  padding: 0;

}

.lowpage-ex .menu_content .recipe-item {

  display: block;

  margin: 0 0 3%;

}





.lowpage-ex .recipe-caption__img {

    width: 100%;

    float: none;

    margin-right: 10px;

}



}





/* shincha */

.lowpage-ex .shincha table {

  width: 100%;

  margin: 0 0 4% ;

  padding: 0 0 4%;

  border-bottom: 1px solid #ccc;

}

.lowpage-ex .shincha table td:nth-child(1) {

  width: 8em;

}



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

/* CONTACT */

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

.fs-l-main .contact {

  width: 1200px;

  margin: 0 auto;

}

.fs-l-main .contact .intor {

  text-align: center;

}

.fs-l-main .contact .intor h3 {

  font-size: 22px;

  margin: 0 0 15px;

}

.fs-l-main .contact .intor p {

  font-size: 15px;

  line-height: 1.7;

  margin: 0 0 70px;

}

.fs-l-main .contact .form_wrap {

  background-color: #F8FAF8;

  padding: 60px;

  margin: 0 0 100px;

}

.fs-l-main .contact .form_wrap #formarea {

  margin: 0 auto;

}

.fs-l-main .contact .form_wrap #formarea dl {

  display: flex;

  align-items: center;

  margin: 0 0 35px;

}

.fs-l-main .contact .form_wrap #formarea dl dt {

  width: 274px;

}

.fs-l-main .contact .form_wrap #formarea dl dt span {

  width: 46px;

  display: inline-block;

  color: #fff;

  background-color: #BC0C0C;

  margin: 0 0 0 20px;

  text-align: center;

}

.fs-l-main .contact .form_wrap .label {

  margin: 0 20px 0 5px;

}

.fs-l-main .contact .form_wrap #formarea dl dd {

  width: 806px;

}

.fs-l-main .contact .form_wrap #formarea dl dd table {

  width: 100%;

}

.fs-l-main .contact .form_wrap #formarea dl dd select,

.fs-l-main .contact .form_wrap #formarea dl dd input,

.fs-l-main .contact .form_wrap #formarea dl dd textarea,

.fs-l-main .contact .form_wrap #formarea dl dd button {

  font-family: 'Zen Old Mincho', serif;

  line-height: 1.7;

	padding: 12px 10px;

  font-size: 16px;

	border:1px solid #CDD8CA;

  border-radius: 3px;

}

.fs-l-main .contact .form_wrap #formarea dl dd input[type="text"],

.fs-l-main .contact .form_wrap #formarea dl dd input[type="email"],

.fs-l-main .contact .form_wrap #formarea dl dd input[type="tel"],

.fs-l-main .contact .form_wrap #formarea dl dd textarea {

  width: 100%;

}

.fs-l-main .contact .form_wrap #formarea dl dd input[type="text"]#field_41189_sei,

.fs-l-main .contact .form_wrap #formarea dl dd input[type="text"]#field_41189_mei,

.fs-l-main .contact .form_wrap #formarea dl dd input[type="text"]#field_41195_sei,

.fs-l-main .contact .form_wrap #formarea dl dd input[type="text"]#field_41195_mei{

  width: 40%;

  margin: 0 1%;

}

.fs-l-main .contact .form_wrap #formarea dl dd input[type="text"]#field_41193_zip1 {

  width: 6em;

}

.fs-l-main .contact .form_wrap #formarea dl dd input[type="text"]#field_41193_zip2 {

  width: 7em;

}

.fs-l-main .contact .form_wrap #formarea dl dd select#field_41193_pref {

  width: 8em;

}



.fs-l-main .contact .form_wrap .btn {

  width: 284px;

  margin: auto;

  background-color: #fff;

  font-size: 16px;

  line-height: 1;

  padding: 0;

  text-align: center;

}

.fs-l-main .contact .form_wrap .btn input {

  display: block;

  border: none;

  width: 282px;

  padding: 22px 0;

  color: #608B30;

}

@media only screen and (max-width: 768px) {

.fs-l-main .contact {

  width: 90%;

}



.fs-l-main .contact .intor h3 {

  font-size: 17px;

  margin: 0 0 10px;

}

.fs-l-main .contact .intor p {

  font-size: 11px;

  margin: 0 0 40px;

}

.fs-l-main .contact .form_wrap {

  padding:6% 4%;

  margin: 0 0 12%;

  font-size: 14px;

}

.fs-l-main .contact .form_wrap #formarea dl {

  display: block;

  margin: 0 0 6%;

}

.fs-l-main .contact .form_wrap #formarea dl dt {

  width: 100%;

  margin: 0 0 2%;

}

.fs-l-main .contact .form_wrap #formarea dl dt span {

  width: 3em;

  display: inline-block;

  margin: 0 0 0 10px;

  text-align: center;

}

.fs-l-main .contact .form_wrap .label {

  margin: 0 20px 0 5px;

}

.fs-l-main .contact .form_wrap #formarea dl dd {

  width: 100%;

  margin: auto;

}

.fs-l-main .contact .form_wrap #formarea dl dd table {

  width: 100%;

}

.fs-l-main .contact .form_wrap #formarea dl dd select,

.fs-l-main .contact .form_wrap #formarea dl dd input,

.fs-l-main .contact .form_wrap #formarea dl dd textarea,

.fs-l-main .contact .form_wrap #formarea dl dd button {

  font-family: 'Zen Old Mincho', serif;

  line-height: 1.7;

	padding: 8px;

  font-size: 16px;

	border:1px solid #CDD8CA;

  border-radius: 3px;

}





.fs-l-main .contact .form_wrap .btn {

  width: 80%;

  margin: auto;

  background-color: #fff;

  font-size: 15px;

  line-height: 1;

}

.fs-l-main .contact .form_wrap .btn input {

  display: block;

  border: none;

  width: 100%;

  padding: 20px 0;

  color: #608B30;

}

}

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

/* MOVIE */

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

.movie_page {

  width: 740px;

  margin: 0 auto 80px;

}

.movie_page .movie_bg0 {

  text-align: center;

  margin: 0 0 60px;

  font-size: 24px;

}

.movie_page .flex {

  display: flex;

  justify-content: space-between;

  margin: 0 0 50px;

}

.movie_page .flex .mor300 {

  width: 320px;

}

.movie_page .flex .mor300 div {

  margin: 10px 0 0;

}



@media only screen and (max-width: 768px) {

  .movie_page {

  width: 90%;

  margin: 10% auto 10%;

}

.movie_page .movie_bg0 {

  margin: 0 0 8%;

  font-size: 20px;

}

.movie_page .flex {

  margin: 0 0 10%;

  display: block;

}

  .movie_page .flex iframe {

    width: 100%;

  }

.movie_page .flex .mor300 {

  width: 100%;

  margin: 3% 0 0;

}

.movie_page .flex .mor300 div {

  margin: 2% 0 0;

}

}



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

/* IREKATA */

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

.bor_dot{

	padding-bottom: 20px;

	border-bottom: dotted 1px #999;}

.bor_white{ border-bottom: solid 1px #fff;}



.bg_green{ background: #E0E6D5;}

.bg_green2 { background: #91B456;}

.bg_terg{ background:#92A86C;}

.bg_terg2{background:#B0C986;}

.bg_gray{ background:#F4F4F4;}

.bg_gray2{ background:#F9F9F2;

	text-align: center;}

.bg_gray3{ background:#E3E3E3;}

.bg_red{ background:#FF0000;}

.bg_pink{ background:#FF5959;}

.bg_orange1{ background:#FF6600;}

.bg_orange2{ background:#FF9900;}

.bg_yellow1{ background:#FFCC33;}

.bg_yellow2{ background:#FFFF66;}

.bg_white{ background: #fff;}



.irekata {

  width: 740px;

  margin: 0 auto 100px;

}

.irekata .flex {

  display: flex;

  flex-flow: wrap;

  justify-content: space-between;

}

.irekata .flex > div {

  margin: 0 0 5%;

}

.irekata .flex p {

  margin: 2% 0;

}

.irekata .flex .w340 {

  width: 47%;

}

.irekata .w1000 .flex {

  flex-wrap: nowrap;

} 

.irekata .w1000 .flex p{

  margin: 0 0 0 4%;

  width: 88%;

} 



@media only screen and (max-width: 768px) {

.irekata {

  width: 90%;

  margin: 0 auto 10%;

}

  .irekata img {

    max-width: 100%;

    height: auto;

  }

.irekata .flex {

  display: block;

}

.irekata .flex > div {

  margin: 0 0 8%;

}



.irekata .flex .w340 {

  width: 100%;

}

.irekata .w1000 .flex {

  flex-wrap: nowrap;

  display: flex;

} 

.irekata .w1000 .flex p{

  margin: 0 0 0 2%;

  width: 80%;

} 

}

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

/* YAMECHA */

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

.yamecya {

  width: 740px;

  margin: 0 auto 70px;

}

.yamecya .mt25 {

  margin: 0 0 6%;

}

.yamecya p {

  margin: 2% 0;

}

.yamecya .leafearth {

  display: flex;

  justify-content: space-between;

  margin: 4% 0 0;

}

.yamecya .leafearth .fright {

  width: 88%;

}



@media only screen and (max-width: 768px) {

.yamecya {

  width: 90%;

  margin: 0 auto 10%;

}

  .yamecya img {

    max-width: 100%;

    height: auto;

  }

  

.yamecya .leafearth .fright {

  width: 84%;

  margin: 0 0 0 3%;

}

}



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

/* KODAWARI */

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

.kodawari {

  width: 740px;

  margin: 0 auto 10%;

}

.kodawari img {

  max-width: 100%;

  height: auto;

}

.kodawari p {

  margin: 0 0 20px;

}

.kodawari .flex {

  display: flex;

  justify-content: space-between;

}

.kodawari .flex p {

  padding: 0 0 0 20px;

}

.kodawari table {

  width: 100%;

  text-align: left;

  font-size: 15px;

}

.kodawari table tr td{

  border: 1px solid #ccc;

  border-top: none;

}

.kodawari table tr .txtwhite {

  color: #fff;

}

.kodawari table tr td {

  padding: 2% 0;

}

@media only screen and (max-width: 768px) {

.kodawari {

  width: 90%;

  margin: 0 auto 10%;

}

}



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

/* KOUDEN */

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

.kouden_page {

  width: 740px;

  margin: 0 auto 10%;

}

.kouden_page img {

  max-width: 100%;

  height: auto;

}

.kouden_page p {

  margin: 0 0 20px;

}

.kouden_page .flex {

  display: flex;

  justify-content: space-between;

}

.kouden_page .flex p {

  padding: 0 0 0 20px;

}

.kouden_page .txtgreen {

  color: #587320;

  font-weight: bold;

}

.kouden_page .tleft {

  text-align: left;

  padding: 0 4% 4%;

}



@media only screen and (max-width: 768px) {

.kouden_page {

  width: 90%;

  margin: 0 auto 10%;

}

}