/* --------------------------------
	common
-------------------------------- */
html { overflow-x: hidden;}
body { color: #222; overflow-x: hidden!important;}
.text-center { text-align: center!important;}
.text-left { text-align: left!important;}
.text-right { text-align: right!important;}
.visible-xs { display:none!important;}

.d-block { display: block!important;}
.d-inline-block { display: inline-block!important;}

.visible-sp { display: none;}
@media (max-width:767px) {
    .visible-sp { display: block!important;}
    .visible-pc { display: none!important;}
    .visible-xs { display: block!important;}
    body:not(#page_homepage) #contents { padding-top: 60px!important;}
}
body:not(#page_homepage) #contents { padding-top: 80px;}
#header .container-fluid.container-fluid.inner { max-width: 1230px;}
.heading_wrap { background: url("../img/common/login_heading.jpg"); background-size: cover; background-position: center; height: 280px; width: 100%; max-width: 1200px; margin: auto;}
#page_product_list .heading_wrap { background: url("../img/common/item_heading.jpg"); background-size: cover; background-position: center;}
 #page_contact_complete .heading_wrap,
#page_contact .heading_wrap { background: url("../img/common/contact_heading.jpg")no-repeat; background-size: cover; background-position: center;}
#page_entry .heading_wrap,
#page_mypage_login .heading_wrap,
#page_entry_complete .heading_wrap,
#page_entry_activate .heading_wrap { background: url("../img/common/login_heading.jpg")no-repeat; background-size: cover; background-position: center;}
p.cart-trigger a:link, p.cart-trigger a:visited, p.cart-trigger a:hover, p.cart-trigger a:active { color: #222;}

.mv_base { opacity: 0; transition: all 1s; transform: translate(0px,120px) scale(1.1);}
.mv {  opacity: 1; transform: translate(0px,0px) scale(1);}

/* --------------------------------
	header
-------------------------------- */

#header { width: 100%; height: auto; padding-top: 0;}
#header .container-fluid.inner { max-width: 1140px; position: relative;}
#header .header_logo_area .header_logo { padding-top: 5px;}
#header h1.header_logo a { transition: all .3s;}
#header .category-nav { border: none;}

#header .header_logo_area { padding-top: 0; padding-bottom: 0; display: inline-block;}
#header #member { padding-top: 20px; padding-right: 15px; display: table;}
#header .category-menu .now, #header .category-menu a.now { color: #fff;}
.header_logo_area .header_logo a:link,
.header_logo_area .header_logo a:visited,
.header_logo_area .header_logo a:hover,
.header_logo_area .header_logo a:active { color: #222;}
#header .member_link a { font-size: 1.4rem; color: #222; font-weight: bold;}
.nav-trigger span, .nav-trigger span::before, .nav-trigger span::after { background: #222;}
.category-nav li ul { display: block;}
.category-nav li ul li a { font-size: 1.4rem; color: #525263; font-weight: normal; padding-inline-start: 10px;}

@media(max-width:890px) {
    #header #category_block .mega-menu > ul > li a { padding: 1.5em 1.3em!important;}
    #header .member_link a { font-size: 1.2rem; padding: 0 6px;}
    body:not(#page_homepage) #contents { padding-top: 80px;}
}
@media(max-width:844px){
    #detail_description_box__body .col-lg-6 { width: 50%; float: left;}
}
@media (min-width:768px) {
    #header #telnum { position: absolute; top: 5px; right: 35px; padding:  0 15px 5px; border-radius: 0 0 5px 5px;}
    #header #telnum ul { padding-top: 5px;}
    #header #telnum ul li { color: #222;}
    #header #telnum ul li { font-size: 1.4rem; line-height: 1.9rem; letter-spacing: .08em; font-weight: 300; color: #222; display: inline-block; text-align: right; padding-left: 15px; position: relative;}
    #header #telnum ul li a { color: #fff;}
    #header #telnum ul li:after { content: ""; position: absolute; top: -15px; left: 2px; right: 0; width: 105%; height: calc(100% + 22px); background: #EE8301; z-index: -1; border-radius: 0 0 5px 5px;}
    #header .header_logo_area .header_logo { padding-top: 10px; padding-bottom: 10px;}
    #header .gnav { margin: 0 -12px; display: inline-block; line-height: 70px; height: 70px; margin-left: 30px; position: relative; top: -6px;}
    #header .gnav #category-btn.active { background: #C73531; color: #fff;}
    #header .gnav #category-btn.active a { color: #fff;}
    #header .gnav li { display: inline-block; padding: 0 12px;}
    #header .gnav li a { color: #222;}
    #header #category { visibility: hidden; opacity: 0; transition: all 0.3s; position: absolute; width: 100%; left: 0; top: 70px; padding-top: 0; background: #C73531; overflow: scroll; height: auto; padding-bottom: 0;}
    #header #category.active { visibility: visible; opacity: 1;}
    #header .category-nav li a { color: #fff;}
    #header .header_logo_area h1 img { max-width: 155px; height: auto;}
    #header #cart_area { position: relative!important; float: right; padding-top: 20px;}
    #header #cart_area p.cart-trigger { min-width: 70px; border: none;}
    #header #cart_area .cart_price { display: none!important;}
    #header #cart_area p.cart-trigger .badge { left: 5px;}
    #header .cart { top: 90px}
    #header #cart .inner { top: 10px;}
    #header #category_block { padding-top: 0!important;}
    #header #cart_area p.cart-trigger .cb-shopping-cart { position: relative; left: 9px; top: -3px;}
    #header .header_logo_area { margin-right: 0;}
    .mega-menu .category-menu a { color: #fff;}
    .mega-menu .category-menu a:hover { background: transparent!important; opacity: .6; color: #fff;}
    #header #category_block .mega-menu ul.child-1 li a { color: #222;}
    .mega-menu .category-menu a { color: #fff;}
    .mega-menu .category-menu a:hover { background: transparent!important; opacity: .6; color: #fff;}
    #header #category_block .mega-menu ul.child-1 li a { color: #222;}
    #header .header_logo_area { float: none;}
}
@media(max-width:767px){
    #header #member { display: none!important;}
    #header #telnum { display: none;}
    #header .header_logo_area { padding-top: 0;}
    .header_logo_area .header_logo img { max-height: 45px; padding-top: 5px; padding-bottom: 5px;}
    #cart_area { top: 8px;}
    #btn_menu { top: 10px;}
    #header .header_logo_area .header_logo { padding-top: 8px; padding-bottom: 8px;}
}
@media(max-width:600px){
    #detail_description_box__body .col-lg-6  { width: 100%; float: auto;}
}


/* --------------------------------
	footer
-------------------------------- */
/* #footer a { color: #6A6A6A;}
#footer ul { text-align: left;}
#footer ul li { margin: 0; font-size: 1.4rem; line-height: 2.6rem;}
#footer ul.list { padding-bottom: 15px;}
#footer ul.list li { display: block;}
#footer ul.list li a { font-size: 1.4rem; line-height: 2.8rem; color: #6A6A6A; transition: all .3s;}
#footer ul.list li a:hover { color: #222;}
#footer ul.list li.title { font-weight: bold; padding-bottom: 10px;}
#footer .insta .img-wrap { padding-left: 20px;}
#footer .insta img { width: 100%;}
#footer .footer-top .col-sm-7:not(.m-b-xs-30) .row { position: relative; display: flex;}
#footer .footer-top .col-sm-7 .row .col-sm-6:after { content: ""; position: absolute; left: 0; top: 0; border-left: 1px solid #d7d7d7; height: 100%;}
#footer .footer-top .col-sm-7 .row .col-sm-6:nth-child(2):before { content: ""; position: absolute; right: 16px; top: 0; border-right: 1px solid #d7d7d7; height: 100%; z-index: 1;}
#footer .m-b-xs-30 > .row { padding-bottom: 0;}
#footer .contact_wrap ul { padding-top: 0;}
#footer .copyright { background: #F7F4EF;}
#footer .copyright p { max-width: 1230px; margin: auto; padding-top: 2rem; padding-bottom: 2rem; float: none;}
#footer .contact_wrap p { font-size: 1.4rem; line-height: 2.2rem;}
#footer .contact_wrap ul li a { font-size: 2.6rem; line-height: 3.4rem;}
#footer .contact_wrap ul li a small { font-size: 1.6rem; line-height: 3.2rem; display: inline-block; padding-right: 5px;}
#footer h5 { margin-top: 0; margin-bottom: 0; text-align: left; font-size: 30px;}
#footer ul { padding-top: 1.5rem;}
#footer .col-xs-7 ul { padding-left: 1.5rem;}
#footer .main-category ul li { display: block;}
#footer .main-category ul li a { font-size: 1.4rem; line-height: 2.8rem; font-weight: normal; border: none; display: block; height: auto; line-height: 2.8rem; padding-right: 0; padding-left: 0;}
#footer .main-category ul li a:hover { background: none;}
#footer .main-category ul li ul { display: block; padding-top: 0;} */

#footer { border: none; background: none; padding-bottom: 0;}
#footer .fot_bgimg { height: 230px; width: 100%;}
#footer .fot-bg { background: url("../img/common/bg_img.jpg")no-repeat; background-size: cover; height: 280px; background-position: center;}
#footer h3 { font-size: 2.4rem; line-height: 4.8rem; letter-spacing: .03em; text-align: center; position: relative; padding-bottom: 1.5rem; margin-top: 4.8rem; margin-bottom: 5rem;}
#footer h3:after { content: ""; background: #222; height: 1px; width: 120px; position: absolute; left: 0; right: 0; bottom: 0; margin: auto;}
#footer h3 small { font-size: 1.6rem; line-height: 2.8rem; letter-spacing: .1em; font-weight: normal; display: block; padding-top: 0;}
#footer .footer-top { padding-top: 4rem;}
#news_area { background: none;}
#footer .news_contents + .col-sm-6 .img-wrap img { width: 100%;}
#footer .news_contents + .col-sm-6 iframe { width: 100%;}
#footer .news_row { padding-bottom: 5rem;}
#footer .news_row .col-sm-6:nth-child(1) { padding-right: 36px;}
#footer .news_row .col-sm-6:nth-child(2) { padding-left: 36px;}
#footer .newslist { border: none;}
#footer .newslist dl { border-top: none; border-bottom: 1px dotted #222; font-size: 1.4rem; line-height: 2.4rem; padding-top: 1.2rem;}
#footer .newslist dt { padding: 16px;}
#footer .newslist dd { margin: 0 16px 16px; padding-bottom: 0px; text-align: left;}
#footer .newslist dt { font-size: 1.4rem; line-height: 2.4rem;}
#footer .newslist dt .news_title { text-decoration: underline; padding-left: 7em; padding-right: 30px; text-align: left;}
#footer .newslist dt .date { float: left; width: 6em; text-align: left;}
#footer .newslist dt .angle-circle { background: #525263;}
.newslist dt .cb { font-size: 13px; top: -4px; left: 3px;}
.newslist dt.active .cb { top: -4px;}
.newslist dt .angle-circle { width: 18px; height: 18px; top: 18px;}



@media (min-width: 768px){
    .newslist dt { padding: 12px 16px;}
    .news_contents { padding-left: 16px;}
}
@media (max-width:767px) {
    .newslist dt .cb { left: 0;}
}
/* @media (max-width:1265px) {
    #footer .copyright p { padding-left: 0;}
}
@media (max-width:1024px) {
    #footer { margin-top: 3.5rem;}
}
@media (max-width:1000px) {
    #footer .m-b-xs-30 { padding-top: 1rem;}
    #footer .m-b-xs-30 .row .col-xs-5 { width: 100%; float: none; text-align: left;}
    #footer .m-b-xs-30 .row .col-xs-7 { width: 100%; float: none; text-align: left;}
    #footer .col-xs-7 ul { padding-left: 0;}
    #footer .m-b-xs-30 .row .col-xs-5 h5 { text-align: left;}
}
@media (max-width:844px) {
    #footer { padding-top: 0; margin-top: 0;}
    #footer .fot-bg { margin-bottom: 2rem;}
    #footer h3 { margin-top: 2.4rem; margin-bottom: 3rem;}
    #news_area { margin-bottom: 0;}
    #footer { margin-top: 3.5rem;}
    #footer .news_row { padding-bottom: 1.5rem;}
    #footer .footer-top { padding-top: 2rem;}
}
@media (max-width:767px) {
    .copyright p { text-align: center;}
    .news_contents { padding-left: 8px; padding-right: 8px;}
    #footer .footer-top { padding-top: 0;}
    #footer .footer-top .col-sm-7 .row { display: block; padding-top: 0;}
    #footer .footer-top .col-sm-7 .row .col-sm-6:after { content: ""; width: 0px; height: 0; background: none;}
    #footer .footer-top .col-sm-7 .row .col-sm-6 ul { padding-top: 15px;}
    #footer .footer-top .col-sm-7 .row .col-sm-6:nth-child(2) ul { width: 50%; float: left;}
    #footer .footer-top .col-sm-7 .row .col-sm-6:nth-child(2):before { width: 0; height: 0; background: none;}
    #footer .news_contents { margin-bottom: 2.5rem;}
    .footer-top { padding-top: 1rem;}
    .fot-bg { margin-bottom: 2rem;}
    #footer h5 { font-size: 24px;}
    #footer .footer-top .col-sm-7:not(.m-b-xs-30) .row { position: relative; display: block;}
    #footer .insta .img-wrap { padding-left: 0px;}
    #footer .news_row .col-sm-6:nth-child(1) { padding-right: 8px;}
    #footer .news_row .col-sm-6:nth-child(2) { padding-left: 8px;}
} */


#footer { padding: 0; margin-top: 0; border: none; border-top: 1px solid #F8F8F8; margin-top: 130px;}
#footer .ft_logo_area { background: #F8F5F0; text-align: center; padding: 0 0 0; font-size: 0; position: relative; border-bottom: 3px solid #fff;}
#footer .ft_logo_area .ft_logo { display: inline-block; position: absolute; left: 0; top: 0; width: 500px; height: 100%; vertical-align: top; padding: 40px 35px; border-right: 3px solid #fff;}
#footer .ft_logo_area .ft_logo p { font-size: 1.3rem; color: #fff; text-align: left; float: left; padding-left: 15px; line-height: 2.5rem; margin-top: 35px; letter-spacing: .1em;}
#footer .ft_logo_area .ft_logo img { max-height: 135px; float: left;}
#footer .ft_logo_area .map_area { display: inline-block; width: 100%; padding-left: 500px; font-size: 1.2rem; vertical-align: bottom;}
#footer .ft_logo_area #map-canvas { height: 215px;}
#footer a { color: #231815;}
#footer .bg_fot { background: #F8F5F0;}
#footer > .container-fluid { font-size: 0; padding-top: 4rem;}
#footer ul { font-size: 0; display: inline-block;}
#footer ul li { font-size: 1.2rem; letter-spacing: .08em; margin: 0 14px 8px;}
#footer .footer_logo_area { font-size: 0; display: inline-block; margin-top: 0; float: right;}
#footer .ft_logo_area iframe { width: 100%;}
#footer .bg_fot .container-fluid.inner { padding-top: 2rem; padding-bottom: 1.5rem;}
#footer .footer_logo_area .copyright { margin-bottom: 0; color: #231815; text-align: right; letter-spacing: .08em; font-size: 1.2rem;}
@media (max-width:1120px) {
  #footer { padding: 0 0 10px; margin-top: 80px;}
  #footer .container-fluid { text-align: center; padding: 0 15px;}
  #footer .ft_logo_area .ft_logo { position: static; width: 100%; height: auto; border-right: none; border-top: 3px solid #fff; padding: 20px 25px;}
  #footer .ft_logo_area .ft_logo img { max-height: 100px;}
  #footer .ft_logo_area .map_area { padding-left: 0; display: block;}
  #footer ul { text-align: center; display: block;}
  #footer ul li { display: block; text-align: left; margin: 0 0 15px; padding: 0 0 7px; border-bottom: 1px solid #eae8e8;}
  #footer ul li a { display: block;}
  #footer .footer_logo_area { float: none; margin-top: 40px; display: block;}
  #footer .footer_logo_area .copyright { text-align: center;}
}
@media (max-width: 767px) {
    #footer .bg_fot .container-fluid.inner ul { display: none;}
    #footer .footer_logo_area { margin-top: 0;}
}

/* --------------------------------
	top
-------------------------------- */
#header { background: none; background: rgba(255, 255, 255, 0.6); position: fixed;}
#page_homepage .theme_main_only { padding-top: 0;}
#page_homepage #contents_top { min-height: 750px;}
#page_homepage #contents_top .main_visual { position: absolute; top: 0px; width: 100vw;}
#page_homepage .main_visual .slick-slide img { width: 100%; height: 920px; object-fit: cover; object-position: center bottom;}
/* #page_homepage .main_visual { margin-top: -120px;} */
/* #page_homepage .main_visual .slick-list { width: 100%;} */
#page_homepage #main #main_bottom #contents_top { min-height: initial;}
.container-fluid.inner { max-width: 1232px;}

.insta_h img { max-width: 195px; margin: auto; display: block;}

.t-catch { position: relative; padding-top: 150px;}
.t-catch:before { content: ""; background: url("../img/top/t_catch1.png")no-repeat; background-size: contain; width: 420px; height: 360px; position: absolute; top: -120px; left: 0; bottom: 0; margin: auto;}
.t-catch:after { content: ""; background: url("../img/top/t_catch2.png")no-repeat; background-size: contain; width: 300px; height: 260px; position: absolute; top: -30px; right: 0; bottom: 0; margin: auto;}
.t-catch h2 { font-size: 3.4rem; line-height: 5.8rem; letter-spacing: .03em; padding-bottom: 2.5rem; margin-bottom: 0; color: #222; margin-top: 4.5rem;}
.t-catch p { font-size: 1.4rem; line-height: 3rem; letter-spacing: .03em; margin-top: 0; margin: 0; padding-bottom: 50px; color: #222; max-width: 540px; margin: auto; text-align: left; font-weight: bold;}
.scatch_wrap { max-width: 820px; margin: auto;}
.s-catch { margin-top: 4.5rem; margin-left: -36px; margin-right: -36px;}
.s-catch .col-sm-6 { padding-left: 36px; padding-right: 36px;}
.s-catch h3 { font-size: 2.2rem; line-height: 3.6rem; letter-spacing: .03em; color: #222; margin: 0; padding-bottom: 2rem; margin-bottom: 2rem; position: relative; color: #222;}
.s-catch h3:after { content: ""; background: #222; height: 1px; width: 100%; position: absolute; left: 0; right: 0; bottom: 0; margin: auto;}
.s-catch h4 { font-size: 1.8rem; line-height: 3.2rem; color: #222; margin: 0; border-bottom: 1px dotted #222; display: inline-block; padding-bottom: 5px; margin-bottom: 10px;}
.s-catch p { font-size: 1.3rem; line-height: 2.6rem; letter-spacing: .03em; color: #222; margin: 0; padding-top: 5px;}

#page_homepage #item_list h3 { font-size: 2.4rem; line-height: 4.8rem; letter-spacing: .03em; text-align: center; position: relative; padding-bottom: 1.5rem; margin-top: 4.8rem; margin-bottom: 4.5rem; color: #222;}
#page_homepage #item_list h3:after { content: ""; background: #222; height: 1px; width: 120px; position: absolute; left: 0; right: 0; bottom: 0; margin: auto;}
#page_homepage #item_list h3 small { font-size: 1.6rem; line-height: 2.8rem; letter-spacing: .1em; font-weight: normal; display: block; padding-top: 0;}

#page_homepage .v_btn_wrap { position: relative; min-height: 450px; text-align: center; max-width: 1000px; margin: auto; padding-top: 140px; padding-bottom: 145px!important;}
#page_homepage .v_btn_wrap .right { position: absolute; right: 0; top: -140px; z-index: -1;}
#page_homepage .v_btn_wrap .left { position: absolute; left: 0; top: -35px; z-index: -2;}
#page_homepage .v_btn { padding: 25px 30px; display: inline-block; background: url("../img/top/view_bg.png")no-repeat; background-size: cover; transition: all .3s; pointer-events: none;}
#page_homepage .v_btn_wrap .v_btn span { display: block; border: 1px solid #4D1F1F; color: #fff; background: #4D1F1F; border-radius: 15px; max-width: 150px; padding: 2px 5px; margin-top: 20px; transition: all .3s;}
/* #page_homepage .v_btn_wrap .v_btn:hover span { background: #fff; color: #4D1F1F;} */
#page_homepage .link-btn { display: block; max-width: 300px; height: 60px; line-height: 60px; margin: auto; text-align: center; border: 1px solid #222; color: #222; transition: all .3s; margin-top: 2.5rem;}
/* #page_homepage .link-btn:hover { color: #fff; background: #222;} */

#page_homepage .item_gallery { margin-top: 7rem;}
#page_homepage #main .v_btn_wrap { margin-top: 7rem;}

.item_name { color: #222;}
.item_price { color: #222;}

@media (max-width:1220px) {
    .t-catch:before { width: 200px; top: -50px;}
    .t-catch:after { width: 260px; top: -20px;}
    #page_homepage #item_list { padding-top: 3rem;}
}
@media (max-width:1000px) {
    .t-catch:before { top: -120px;}
    .t-catch:after { top: -40px;}
}
@media (max-width:900px) {
    img.visible-sp { display: block; margin: auto; text-align: center;}
    .t-catch { padding-top: 9rem;}
    .t-catch h2 { font-size: 3.2rem; margin-top: 9rem;}
    .t-catch p  { padding-bottom: 10px;}
    .t-catch .img-wrap { padding-top: 15px; padding-bottom: 20px;}
    .t-catch:before,.t-catch:after { content: ""; background: none; height: 0; width: 0;}
    .s-catch { margin-top: 5rem;}
    #page_homepage #item_list h3 { margin-top: 5rem; margin-bottom: 3rem;}
}
@media (max-width:844px) {
    #page_homepage #item_list h3 { margin-top: 5rem;}
    #page_homepage .new_p_wrap { padding-bottom: 1.6rem;}
}
@media (max-width:768px) {
    #page_homepage .v_btn_wrap .right img { max-width: 450px;}
    #page_homepage .v_btn_wrap .left img { max-width: 500px;}
    #page_homepage .item_gallery { margin-top: 0;}
}
@media (max-width:767px) {
    .t-catch { padding-top: 13rem;}
    .t-catch h2 { margin-top: 4rem; font-size: 2rem; line-height: 1.8;}
    .s-catch { max-width: 390px; margin: auto;}
    .s-catch h3 { font-size: 1.9rem; line-height: 3rem;}
    .s-catch .col-sm-6 { padding-top: 15px; padding-bottom: 15px; padding-left: 0px; padding-right: 0px;}
    #page_homepage .v_btn_wrap { padding-top: 20px!important; padding-bottom: 20px!important;}
    #page_homepage .v_btn_wrap .col-sm-12 { padding-left: 0!important; padding-right: 0!important;}
    #page_homepage .v_btn_wrap .v_btn span { margin-left: auto; margin-right: auto;}
    #page_homepage #contents_top { min-height: 200px;}
    #page_homepage .main_visual .slick-slide img { height: 350px;}
    #page_homepage .v_btn_wrap .right,
    #page_homepage .v_btn_wrap .left { max-width: 300px; position: relative; top: 0;}
    #page_homepage .v_btn_wrap .left,
    #page_homepage .v_btn_wrap .right { top: 0; max-width: 100%;}
    #page_homepage .v_btn_wrap .left img ,
    #page_homepage .v_btn_wrap .right img { width: 100%; max-width: 100%;}
    #page_homepage .v_btn_wrap .v_btn { width: 100%;}
    #page_homepage .new_p_wrap { padding-bottom: 30px;}
    #page_homepage .v_btn_wrap .right img,
    #page_homepage .v_btn_wrap .left img { height: 150px; object-fit: cover;}
    #page_homepage #main .v_btn_wrap { margin-top: 3rem;}
}


/* img text */
.mgb35 { margin-bottom: 3.5rem!important;}
#page_homepage .order-1 { -ms-flex-order: 1; order: 1;}
#page_homepage .order-2 { -ms-flex-order: 2; order: 2;}
#page_homepage section.img-text  { max-width: 1232px; margin: auto; padding-left: 16px; padding-right: 16px;}
#page_homepage section.img-text .col-sm-6 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; width: 47%;}

#page_homepage section.img-text { padding-top: 60px; padding-bottom: 60px;}
#page_homepage section.img-text h3 { font-size: 2rem; line-height: 1.6; font-weight: bold; color: #1d3a66; margin-bottom: -3rem; z-index: 1; position: relative;}
#page_homepage section.img-text h3 strong { font-size: 8rem; line-height: 1;}
#page_homepage section.img-text h3 + p { font-size: 1.6rem; line-height: 1.6; margin-bottom: 8rem; color: #1d3a66;}
#page_homepage section.img-text .pageheading p { font-size: 1.5rem; line-height: 2.6; color: #1d3a66; padding-top: 300px;}
#page_homepage section.img-text .row { position: relative; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; margin-bottom: 70px; padding-bottom: 0;}
#page_homepage section.img-text .img_area { max-width: 575px; flex: 0 0 575px; padding: 0; width: 100%; z-index: 1;}
#page_homepage section.img-text .text_area { padding: 60px 40px 60px 60px!important; background: #fff; max-width: 460px; flex: 0 0 460px; z-index: 0; background: #F8F5F0; background-size: cover; position: relative; z-index: 0;}
#page_homepage section.img-text .text_area:before { z-index: -1; content: ""; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color:rgba(247,244,239,0.95);}
#page_homepage section.img-text .text_area h4 { font-size: 20px; line-height: 1.7; font-weight: bold; letter-spacing: .04em; color: #222; padding-bottom: 15px; margin-top: 0;}
#page_homepage section.img-text .text_area p { font-size: 14px; line-height: 24px; letter-spacing: .02em; color: #222;}
#page_homepage section.img-text .text_area.left { padding: 60px 60px 60px 40px!important;}
#page_homepage section.img-text .text_area.right { position: absolute; right: 0; top: 60px;}
#page_homepage section.img-text .img_area.right { position: absolute; right: 0; top: 70px;}
#page_homepage section.img-text .img_area .img_wrap img { width: 100%;}
#page_homepage section.img-text .img_area .img_wrap + .img_wrap { margin-top: 2.5rem;}

@media (min-width:1100px) {
    #page_homepage section.img-text .row { min-height: 435px;}
}
@media (min-width:1000px){
    #page_homepage section.img-text { padding-top: 45px; padding-bottom: 45px;}
    #page_homepage section.img-text .text_area { max-width: 600px; flex: 0 0 600px; padding-left: 100px!important;}
    #page_homepage section.img-text .img_area { max-width: 680px; flex: 0 0 680px;}
    #page_homepage section.img-text .text_area.left { padding-right: 145px!important; height: 100%;}
    #page_homepage section.img-text .text_area.right { top: 120px;}
    #page_homepage section.img-text .img_area.right { top: 50px;}
    #page_homepage section.img-text.s-wrap3 .text_area.right { top: 150px!important;}
}
@media(max-width:1400px){
    #page_homepage section.img-text .text_area { max-width: 570px; flex: 0 0 570px;}
}
@media(max-width:1280px){
    #page_homepage section.img-text .img_area { max-width: 640px; flex: 0 0 640px;}
    #page_homepage section.img-text .text_area { max-width: 540px; flex: 0 0 540px; padding: 40px 40px 40px 60px!important;}
    #page_homepage section.img-text .text_area.left { padding-right: 70px!important;}
}
@media (max-width: 1200px) {
    #page_homepage section.img-text .img_area { max-width: 600px; flex: 0 0 600px;}
    #page_homepage section.img-text .text_area.left { padding-right: 80px!important;}
}
@media (max-width: 1120px) {
    #page_homepage section.img-text .text_area.right { right: -20px; padding-left: 105px!important;}
    #page_homepage section.img-text .text_area.left { left: -20px; padding-right: 160px!important;}
}
@media (max-width: 1100px) {
    #page_homepage section.img-text .text_area.left { padding-right: 180px!important;}
}
@media (max-width: 1000px) {
    #page_homepage section.img-text .img_area { max-width: 520px; flex: 0 0 520px;}
}
@media (max-width: 917px) {
	#page_homepage section.img-text { padding: 0;}
	#page_homepage section.img-text section { padding: 15px 0!important;}
    #page_homepage section.img-text .row { margin-bottom: 0;}
    #page_homepage section.img-text .row.p-relative { margin-bottom: 0;}
    #page_homepage section.img-text .img_area.right,
    #page_homepage section.img-text .text_area.right { position: static; top: 0; left: 0; right: 0;}
    #page_homepage section.img-text .text_area.left { position: static; top: 0; left: 0; right: 0; padding: 40px 16px!important; max-width: 100%; flex: 0 0 100%;}
    #page_homepage section.img-text .text_area.right { max-width: 100%; flex: 0 0 100%; padding: 40px 16px!important;}
    #page_homepage section.img-text .img_area .img_wrap { text-align: center;}
    #page_homepage section.img-text .img_area { max-width: 100%; flex: 0 0 100%; position: static; top: 0;}
    #page_homepage section.img-text .img_area .img_wrap + .img_wrap { margin-top: 0; display: none;}
    #page_homepage section.img-text.s-wrap3 .text_area.right { top: 0px!important;}
}
@media (max-width: 768px) {
    #page_homepage section.img-text { padding-bottom: 0!important; margin-bottom: 0!important; padding-top: 0!important;}
	#page_homepage section.img-text .pageheading h3 { font-size: 1.4rem; line-height: 1.2; padding-right: 20px; font-weight: 700; margin-bottom: -1.2rem;}
    #page_homepage section.img-text .pageheading h3 strong { font-size: 2.8rem; line-height: 1.2;}
}


/* side_menu */
#side_nav { position: relative;}
#side_nav strong { padding-left: 16px;}
#side_nav:after { content: ""; position: absolute; left: 0; top: 30px; height: 1px; width: 100%; background: #D3D3D3;}
/* #side_nav ul { padding-top: 25px; padding-left: 25px;}
#side_nav ul li.title a { font-size: 1.6rem; line-height: 2.4rem; color: #222;}
#side_nav ul li:not(.title) { padding-top: 1rem;}
#side_nav ul li:not(.title) a { font-size: 1.4rem; line-height: 2.4rem; color: #6A6A6A; border-bottom: 1px solid #D3D3D3; transition: all .3s;}
#side_nav ul li:not(.title) a::before { content: "›"; padding-right: 5px;}
#side_nav ul li:not(.title) a:hover { color: #222;} */
#topicpath li a { color: #6A6A6A; transition: all .3s;}
#topicpath li a:hover { color: #222;}
#item_list .product_item .item_name { font-size: 1.6rem; line-height: 2.4rem; letter-spacing: .1em; font-weight: bold; color: #222;}
#item_list .product_item .item_price { font-size: 1.5rem; line-height: 2.1rem; color: #222;}
#category-block .category-nav { padding-left: 25px; padding-top: 25px;}
#category-block .category-nav li { padding-top: 1rem;}
#category-block .category-nav li a { border-bottom: none; height: auto; font-size: 1.6rem; line-height: 2.4rem; font-weight: normal; padding-left: 0; padding-right: 0; transition: all .3s;}
#category-block .category-nav li a:hover { background: none; color: #222;}
#category-block .category-nav li ul { padding-top: 1rem;}
#category-block .category-nav li ul li:first-child { padding-top: 0;}
#category-block .category-nav li ul li a { display: inline-block; width: auto!important; font-size: 1.4rem; line-height: 2.4rem; font-weight: normal; color: #6A6A6A; border-bottom: 1px solid #D3D3D3;}
#category-block .category-nav li ul li a:before { content: "›"; padding-right: 5px;}


@media (min-width: 768px) {
    #side_right { padding-left: 32px;}
}
@media (max-width: 767px) {
    #side_nav { display: none;}
    #side_nav strong { padding-left: 0;}
    #side_nav ul { padding-left: 16px;}
    #category-block .category-nav { padding-left: 16px;}
}


/* product_list */
#page_product_list #side_nav { margin-top: 38px;}
#topicpath ol { position: relative; border-bottom: none; overflow: auto; margin-block-start: 0; margin-block-end: 0; box-sizing: border-box;}
#topicpath ol:before { font-size: 0; line-height: 0; content: ""; background: #ccc; height: 1px; width: 100%; position: absolute; left: 0; bottom: 0; z-index: 1; box-sizing: border-box;}
#topicpath ol:after { font-size: 0; line-height: 0; content: ""; background: #222; height: 1px; width: 200px; position: absolute; left: 0; bottom: 0; z-index: 1; box-sizing: border-box;}
#result_info_box__disp_menu select { width: 75px;}
#result_info_box__menu li select { font-size: 13px; background: none!important; outline: 1px solid #CCCCCC; outline-offset: -1px; border: none; height: 35px;}
#page_product_list p.sold-out { color: #fff; background: #C73531; text-align: center; border-radius: 15px;}

@media (min-width: 768px) {
    #topicpath { padding: 30px 16px 12px; border: 0 none;}
    #item_photo_area .slick-dots li { padding: 15px 9px;}
}
@media (max-width: 767px) {
    #topicpath  { border: none;}
    #topicpath ol:after { width: 80px;}
}


/* product_detail */
#page_product_detail #contents { padding-top: 140px!important;}
/*cart_btn*/
#page_product_detail .slick-slide { padding-left: 8px; padding-right: 8px;}
#detail_cart_box__insert_button .col-xs-12 { width: 100%;}
#detail_cart_box__favorite_button .col-xs-12 { width: 100%;}
.btn-primary { background: #FFC25D; border-color: #FFC25D; color: #222; transition: all .3s;}
.btn-info { background: #EDEDED; border-color: #EDEDED; color: #222; transition: all .3s;}
.cart_area .quantity dd input { max-width: 50px; border: 0; border-bottom: 1px solid; border-radius: 0!important; padding: 6px 0;}

#detail_description_box__name { padding-bottom: 10px; border-bottom: 1px solid #D3D3D3; margin-bottom: 2rem!important;}
.price_name_b { font-size: 1.6rem; line-height: 2.2rem; display: inline-block; border: 1px solid #222; color: #222; padding: 0.6rem 1.2rem; vertical-align: middle;}
.price02_default { padding-left: 10px;}
#detail_cart_box { max-width: 345px; float: right;}
#detail_cart_box .col-xs-5 { padding-right: 8px;}
#detail_cart_box .col-xs-7 { padding-left: 8px;}

#detail_cart_box__cart_quantity { margin-top: 0;}
#detail_description_box__normal_price { display: none;}
#detail_description_box__item_range_code { display: none;}
#detail_cart_box { padding-top: 0;}
.relative_cat ol { display: inline-block;}
.relative_cat ol li { display: none!important;}
.relative_cat ol li:last-child { display: block!important;}

@media (min-width: 768px){
    #item_photo_area { padding-top: 0; padding-bottom: 0; padding-left: 8px; padding-right: 8px;}
    #item_photo_area .slick-dots { margin: auto; padding-left: 0px; padding-right: 0px;}
    #page_product_list .slick-slide { padding-left: 8px; padding-right: 8px;}
    #page_product_list .slick-slide img { width: 100%;}
}
/* @media (max-width:1319px) {
    #detail_cart_box { float: left; margin-top: 2.5rem;}
} */
@media (max-width:1260px) {
    .btn_area .btn { font-size: 1.4rem;}
    dl.quantity dd { padding-left: 2em;}
}
@media (max-width:1024px) {
    .price02_default { padding-left: 5px;}
    .price_name_b { font-size: 1.3rem; padding: 0.6rem 0.8rem;;}
}
@media (max-width:991px) {
    #detail_cart_box { margin-top: .3rem; float: none; margin-top: 2rem;}
}
@media (max-width:767px) {
    #detail_description_box__body  div.row > .col-md-6 { width: 50%; float: left;}
    #detail_cart_box { margin-top: 0;}
}
@media (max-width:500px) {
    #detail_description_box__body  div.row > .col-md-6 { width: 100%; float: none;}
}


/*category*/
#relative_category_box { padding-top: 0!important;}
#relative_category_box p { display: none;}
#relative_category_box ol { display: inline-block;}
#relative_category_box li { display: inline-block;}
#relative_category_box li:after { display: none;}
#relative_category_box li a { display: inline-block; background: #EDEDED; text-align: center; padding: 0.4em 0.8em; color: #222; margin-bottom: 4px;}
#item_detail_area .item_detail .relative_cat { border-top: 0; border-bottom: 0;}
#item_detail_area .item_detail .sale_price { font-size: 2.2rem; color: #222;}
.btn_area .btn { height: 40px; line-height: 40px; padding: 0px 8px;}

@media (max-width:767px) {
    .slick-dots { bottom: -30px;}
    #item_detail_area .item_detail .sale_price { margin-top: 2rem; margin-bottom: 2rem;}
    #detail_cart_box { float: none; width: 100%; max-width: 100%;}
}

.gmaps iframe { margin-top: 40px; width: 100%;}

/* help_guide */
#page_help_guide .container-fluid #contents { padding-top: 30px;}
.payment_col h3{font-size: 15px; font-weight: bold; margin-top: 40px; margin-bottom: 5px;}
.payment_col ul{margin-top: 5px;}
.payment_col li{padding-bottom: 5px; line-height: 22px;}
.payment_col p{font-size: 13px; line-height: 26px;}
.table_base{margin: 10px 0;}
.table_base th{background-color: #f8f8f8;}
.table_base th,
.table_base td{border: 1px solid #ddd; padding: 15px 20px; text-align: left;}
.payment_col .table_base{max-width: 600px; width: 100%;}

#guide_wrap .scroll-table { overflow: scroll; margin-top: 10px;}
#guide_wrap .scroll-table table { width: 1108px;}
#guide_wrap .scroll-table table th { padding: 12px 20px; background: #f8f8f8; font-weight: normal;}
#guide_wrap .scroll-table table th, #guide_wrap .scroll-table table td { border: 1px solid #ddd;}
#guide_wrap .scroll-table table td { text-align: center; padding: 30px 0;}
#guide_wrap .scroll-table table .vat { vertical-align: top;}
#guide_wrap.container-fluid { padding-bottom: 40px!important;}

@media (max-width: 767px) {
    #guide_wrap.container-fluid { padding-bottom: 20px!important;}
}

/* 印刷用 */
@media only print and (min-width: 1px) {
    #header { position: absolute; }
    /*#footer .fot-bg,
    #footer .fot-bg + .inner { display: none!important; }
    body:not(#page_homepage) #contents { padding-top: 20px; }*/
    ..main_visual .slick-slide { width: 100%!important; }
    .t-catch .img-wrap { display: none!important; }
    .pickup_item { height: auto!important; }
    #page_homepage #contents_top { height: auto; min-height: 0; }
    #page_homepage #contents_top .main_visual { position: relative; }
    #page_homepage .main_visual .slick-slide img { height: 200px; }
    #page_homepage section.img-text { padding-bottom: 0; }
    #page_homepage section.img-text .row { margin-bottom: 0; }
}