/* --------------------------------
	common
-------------------------------- */

html { overflow-x: hidden;}
body { overflow-x: hidden; font-family: "Mplus 1p", sans-serif;}
/* body { overflow-x: hidden; font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;} */

.container-fluid { max-width: 1140px;}
.container-fluid.inner #main { padding-left: 16px; padding-right: 16px;}
.main_visual { position: relative; margin-bottom: 70px; overflow: visible;}
.main_visual .slick-list { overflow: visible!important;}
.slick-dots { bottom: -30px;}
.slick-slide img { width: 100%;}
.slick-prev, .slick-next { font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; width: 20px; height: 20px; padding: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; color: transparent; border: none; outline: none; background: transparent;}
.main_visual .slick-dots li { border-radius: 0; width: 40px; height: 5px;}
.main_visual .slick-dots li button:before { border-radius: 0; width: 100%; height: 100%; background: #4D4D4D;}
.slick-dots li button:before { opacity: 1; transition: all .3s;}
.slick-dots li.slick-active button:before { opacity: 0.25;}
.main_visual .slick-dots li:nth-child(1) button::before { background: #5C83C2;}
.main_visual .slick-dots li:nth-child(2) button::before { background: #EE8301;}
.main_visual .slick-dots li:nth-child(3) button::before { background: #4BAB8E;}
.main_visual .slick-dots li:nth-child(4) button::before { background: #C73531;}
.main_visual .slick-slide img { width: 100%; max-width: none; padding: 0 2px;}

#page_homepage #contents_top + .container-fluid.inner > .row,
#page_product_list #contents_top + .container-fluid.inner > .row { display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;}
#page_homepage .container-fluid.inner #main,
#page_product_list .container-fluid.inner #main { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; padding-left: 16px; padding-right: 16px;}
#side_left { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; padding-left: 16px; padding-right: 16px; margin-top: 31px;}
.col-xs-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;}

.headingWrap { border-bottom: 2px solid #ccc; padding-bottom: 15px; margin-bottom: 3.5rem; position: relative;}
#page_homepage .headingWrap:after { content: ""; width: 150px; height: 2px; background: #C73531; position: absolute; bottom: -2px; left: 0;}
.headingWrap strong { font-size: 2.4rem; line-height: 1.2; letter-spacing: .04em; display: inline-block; padding-right: 15px; margin-right: 10px; border-right: 1px solid #525263;}
.headingWrap small { font-size: 1.6rem; display: inline-block; font-weight: normal;}

#news_area { background: none;}
.news_contents { padding: 0;}
.news_contents #news_area h2 { font-size: 1.8rem; letter-spacing: .04em; padding-left: 0;}
.newslist dt { font-size: 1.4rem;}

header svg:not(:root) { position: relative; top: 5px; right: 2px;}

#page_product_list .container-fluid.inner #main { margin-top: 35px;}
#topicpath ol { padding-top: 0; border-color: #777;}
#topicpath { padding: 0 16px;}
.pagenumberarea { padding-top: 0.5em;}

.page-heading { font-size: 2.2rem; line-height: 2.8rem;}
#page_homepage .container-fluid.inner #main { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}

#item_list .item_photo { height: 255px; padding: 15px; position: relative;}
#item_list .item_comment,
#item_list dl .item_name,
#item_list dl .item_price { padding: 0 15px;}
#item_list dl .item_price { padding-bottom: 15px;}
body:not(#page_mypage_favorite) #item_list a { display: block; transition: all .3s;}
body:not(#page_mypage_favorite) #item_list a:hover { transform: scale(1.02,1.02); box-shadow: 2px 2px 3px 3px rgba(65, 65, 65, 0.1); transition: all .3s;}
#item_list .item_photo img { position: absolute; margin: auto; left: 0; right: 0; top: 0; bottom: 0; max-width: calc(100% - 30px); max-height: calc(100% - 30px); width: auto;}

body #contents.theme_main_only:nth-of-type(1),
body #contents.theme_side_left { padding-top: 191px!important;}
#page_homepage #contents.theme_main_only { padding-top: 155px!important;}
#page_product_detail #contents.theme_main_only { padding-top: 241px!important;}

@media (max-width:1024px) {
    #page_homepage #contents_top .container-fluid { padding-left: 0; padding-right: 0; max-width: none;}
    .headingWrap strong { font-size: 1.5rem;}
    .headingWrap small { font-size: 1.3rem;}
    .item_list dl dt { font-size: 1.4rem;}
    .item_list dl dd { font-size: 1.3rem;}
}

@media (max-width:991px) {
    #page_homepage .container-fluid.inner #main,
    #side_left.side { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; padding-left: 8px; padding-right: 8px;}
    #page_homepage .container-fluid.inner #main,
    #page_product_list .container-fluid.inner #main { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; padding-left: 8px; padding-right: 8px;}
    #topicpath ol { padding-top: 15px;}
    #result_info_box__item_count { padding-top: 0;}
    .container-fluid.inner #main { order: 1; margin-bottom: 4.5rem;}
    #side_left { order: 2;}
}

@media only screen and (min-width: 769px) {
    #side_left { float: left; width: 25%; padding-right: 4.5%;}
}

@media (max-width:768px) {
    .container-fluid.inner #main { padding-left: 8px; padding-right: 8px;}
    #result_info_box__item_count { margin-top: 0;}
    #page_homepage #contents.theme_main_only { padding-top: 75px!important;}
    body #contents.theme_main_only:nth-of-type(1),
    body #contents.theme_side_left { padding-top: 96px!important;}
    #page_product_detail #contents.theme_main_only { padding-top: 116px!important;}
}

@media (max-width:767px) {
    .main_visual .slick-list { overflow: hidden!important;}
    #drawer .mega-menu { margin-top: 15px;}
    #drawer svg:not(:root) { max-height: 22px; max-width: 22px;}
    #drawer .member_link a { padding: 0 15px}
    #drawer .mega-menu > ul > li a { background: #C73531; color: #fff; border-color: #fff!important;}
    #drawer .mega-menu > ul > li.all_items a { border-top: 0;}
}


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

#header { position: fixed; background: #fff; width: 100%; height: auto; padding-top: 0; box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.1);}
#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 #category_block .mega-menu { position: relative; border: none!important; background: #C73531; margin-bottom: 0;}
#header #category_block .mega-menu:after { content: ""; position: absolute; top: 0; bottom: 0; left: -50vw; right: 0; height: 100%; width: 150vw; background: #C73531;}
#header #category_block .mega-menu > ul { font-size: 0;}
#header #category_block .mega-menu > ul > li { background: transparent!important;}
#header #category_block .mega-menu > ul > li a { padding: 1em 2em!important; position: relative; transition: all .3s;}
#header #category_block .mega-menu > ul > li a:after { content: ""; font-size: 0; background: #fff; height: 16px; width: 1px; position: absolute; right: 0; top: 0; bottom: 0; margin: auto;}
#header #category_block .mega-menu > ul > li:last-child a:after { background: none;}

#header .header_logo_area { padding-top: 0; padding-bottom: 0; display: inline-block;}

#header #member { padding-top: 55px; padding-right: 15px; display: table;}
/* #header .member_link li a { transition: all .3s; height: auto; line-height: 1.2; display: inline-block; vertical-align: bottom;}
#header .member_link li a svg { display: none;} */
#header .category-menu .now, #header .category-menu a.now { color: #fff;}


/*#header #member .member_link li:nth-child(1) a svg { fill: #5C83C2;}
#header #member .member_link li:nth-child(2) a svg { fill: #EE8301;}
#header #member .member_link li:nth-child(3) a svg { fill: #4BAB8E;} */

@media(max-width:890px) {
    #header #category_block .mega-menu > ul > li a { padding: 1.5em 1.3em!important;}
}

@media(max-width:840px){
    #header .member_link a { font-size: 1.2rem;}
}

@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: #231815;}
    /* #header #telnum ul li:nth-child(1) { display: inline-block; font-size: 1.4rem; line-height: 1.8rem; text-align: right; margin-bottom: 2px; padding-right: 15px; font-weight: 500;}
    #header #telnum ul li:nth-child(1) small { font-size: 1.2rem; line-height: 1.8rem; letter-spacing: 0.06em;} */
    #header #telnum ul li { font-size: 1.4rem; line-height: 1.9rem; letter-spacing: .08em; font-weight: 300; color: #231815; 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: 15px;}
    #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: #212529;}
    #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;}
    #header #cart_area { position: relative!important; float: right; padding-top: 55px;}
    #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: #212529;}
    .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: #212529;}
}
@media (min-width:767px) {
    #header .header_logo_area { float: none;}
}

@media(max-width:767px){
    #header #telnum { display: none;}
    #header { padding-bottom: 8px;}
    #header .header_logo_area { padding-top: 0;}
    .header_logo_area .header_logo img { max-height: 60px; padding-top: 5px; padding-bottom: 5px;}
    #cart_area { top: 8px;}
    #btn_menu { top: 10px;}
}

/* #header #category { background: #5C83C2; text-align: center; position: relative; padding-top: 0;}
#header #category .gnav-link { display: inline-block;}
#header #category .gnav-link a { font-size: 1.4rem; letter-spacing: 0.12em; color: #fff; padding: 25px; display: block; position: relative;}
#header #category .gnav-link a:after { content: ""; position: absolute; right: -1px; top: 0; bottom: 0; margin: auto; height: 14px; width: 1px; background: #fff;}
#header #category .gnav-link:last-child a:after { display: none;}

#drawer .member_link + ul li a { padding: 0 10px; font-size: 1.4rem; line-height: 50px; color: #525263; height: 50px; display: block; overflow: hidden; border-bottom: 1px solid #e8e8e8; transition: .3s;}
#drawer .member_link + ul li a:hover { opacity: .6;} */

/* @media (min-width:767px) {
    #header #searchform select, #header #searchform input { display: none;}
    #header #category:after { content: ""; background: #5C83C2; position: absolute; height: 100%; width: 150vw; left: -40vw; right: 0; top: 0; bottom: 0; margin: auto; z-index: -1;}
    #header .row { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -16px; margin-left: -16px; margin-top: 3rem; margin-bottom: 1.5rem;}
    #header .row .drawer_block { -ms-flex: 0 0 35%; flex: 0 0 35%; max-width: 35%; padding: 0 16px;}
    #header .row .header_logo_area { -ms-flex: 0 0 30%; flex: 0 0 30%; max-width: 30%; margin-right: 0; padding: 0 16px;}
    #header .row .header_logo_area h1 { text-align: center; padding: 0 16px;}
    #header .row #member { -ms-flex: 0 0 35%; flex: 0 0 35%; max-width: 35%; position: relative;}
    #header .row #member ul { position: absolute; bottom: 0;}
} */

/* ----- category_nav in header ---- */

#contents_top #category { padding: 20px 0 0;}
/* #page_homepage #contents { padding-top: 0;} */

/* category-nav */

#contents_top #category { padding-top: 0;}
#contents_top .category-nav { background: #5C83C2; text-align: center; margin-bottom: 7rem;}
#page_homepage #contents_top .category-nav { margin-bottom: 0;}

#contents_top .category-nav .toggle { display: none;}
#contents_top .category-nav > li { margin: 0;}
#contents_top .category-nav li ul { display: block;}

#contents_top .category-nav li { position: relative; display: inline-block;}
#contents_top .category-nav > li > a { padding: 0 1em; height: 55px; line-height: 55px; border-bottom: none;}
#contents_top .category-nav li a { display: block; color: #fff;}
#contents_top .category-nav li ul { position: absolute; z-index: 100; top: 100%; left: 0; width: 200px; box-shadow: 1px 1px 2px rgba(0,0,0,0.1);}
#contents_top .category-nav li ul li { float: left; overflow: hidden; width: 100%; height: 0; transition: .2s;}
#contents_top .category-nav li ul li a { text-align: left; color: #212529;}

#contents_top .category-nav > li:hover li:hover > a { background: rgba(204, 204, 204, 0.1)}
#contents_top .category-nav > li:hover > ul > li { overflow: visible; height: 50px;}
#contents_top .category-nav li ul li ul { top: 0; left: 100%;}
#contents_top .category-nav li:last-child ul li ul { left: 100%; width: 100%;}
#contents_top .category-nav li ul li ul:before { position: absolute; content: ">"; top: 13px; left: -15px; width: 0; height: 0;}
#contents_top .category-nav li:last-child ul li ul:before { position: absolute; content: ">"; top: 13px; left: -15px; width: 0; height: 0; /* content: "<"; top: 13px; left: 200%; margin-left: -15px; */}
#contents_top .category-nav li ul li:hover > ul > li { overflow: visible; height: 50px;}
#contents_top .category-nav li:hover ul li ul li a:hover {  background: rgba(204, 204, 204, 0.1)}

#contents_top .category-nav ul > li > a,
#contents_top .category-nav ul > li > ul > li > a,
#contents_top .category-nav ul > li > ul > li > ul > li a { padding-left: 10px;}


/* --------------------------------
	footer
-------------------------------- */

footer#footer { margin-top: 30px; background: #F4F0EB; padding-top: 40px; padding-bottom: 0;}
#footer .list-block { font-size: 0; letter-spacing: 0; margin: 0 -10px!important;}
#footer .list-block > li { display: inline-block; font-size: 1.1rem; line-height: 1.9; letter-spacing: 0.03em; vertical-align: top; margin-bottom: 20px!important; padding: 0 10px!important;}
#footer .list-block > li .wrap { background: #fff; height: 100%; padding: 15px;}
#footer .list-block > li .wrap strong { display: block; font-weight: bold; text-align: center; border-bottom: 1px solid #777777; font-size: 1.6rem; padding-bottom: 4px; margin-bottom: 10px; letter-spacing: 0.07em;}
#footer .list-block > li .wrap .pdl { padding-left: 13px; display: block;}
#footer ul:not(.ft-nav) li { padding-bottom: 3rem;}
#footer ul li { margin: 0;}
#footer ul li p { text-align: left; font-size: 1.4rem; line-height: 2.6rem;}
#footer p + ul { padding-top: 5px;}
#footer p + ul li { font-size: 1.4rem; line-height: 2.2rem;}
#footer .ft-nav { border-top: 1px solid #777777; border-bottom: 1px solid #777777; text-align: center; margin-top: 2rem;}
#footer .ft-nav li { display: inline-block; vertical-align: top;}
#footer .ft-nav li a { padding: 15px 20px; display: block; color: #000; font-weight: bold;}
#footer .copyright { text-align: center; font-size: 1.3rem; padding: 0; padding: 2rem 0;}
#footer .container-fluid.inner:nth-child(2) { max-width: none;}

@media (max-width: 991px) {
    #footer .list-block > li { width: 50%;}
}
@media (max-width: 767px) {
    #footer .list-block > li { width: 100%;}
    #footer ul li:nth-child(1) img { margin-bottom: 1.5rem;}
}


/* --------------------------------
	main
-------------------------------- */

.front_page #contents .row { padding-bottom: 0;}
#main .headingWrap:nth-child(2) { margin-top: 2.5rem;}

#main #news_area { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; border-top: 1px solid #F4F0EB; border-bottom: 1px solid #F4F0EB;}
#main #news_area .heading_wrapper { background: #F4F0EB; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%;  display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;}
#main #news_area h2 { font-size: 1.6rem; padding-left: 6px; width: 100%; text-align: center;}
#main #news_area .accordion { -ms-flex: 0 0 80%; flex: 0 0 80%; max-width: 80%; width: 100%; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;}
#main #news_area .newslist { width: 100%;}
/* #main #news_area .newslist { border: none;} */
/* #main .newslist dl { border-top: 0;} */
#main .newslist dl:nth-child(1) { border-top: 0;}
#main .cart .btn_area .btn-sm { background: #4D4D4D; color: #fff;}
#page_homepage #contents #item_list .row > div { margin-bottom: 2.5rem;}
#page_homepage .news_contents { margin-top: 7rem;}

#main .bg-sec { background: #F4F0EB; position: relative; padding: 4rem 0;}
#main .bg-sec:after { content: ""; position: absolute; top: 0; bottom: 0; left: -50vw; right: 0; height: 100%; width: 150vw; background: #F4F0EB; z-index: -1;}
#main .row.a-new { padding-bottom: 70px;}
#main .a-new img { width: 100%;}
#main .a-new .col-xs-12 { margin-bottom: 3rem;}
#page_homepage .newslist dt { pointer-events: none!important;}
#page_homepage .newslist dd { display: block!important;}
#page_homepage .newslist dt .angle-circle { display: none;}

@media (max-width:767px) {
    #main #news_area .heading_wrapper { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; padding: 5px 15px;}
    #main #news_area .accordion { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}
}


/* --------------------------------
	side nav
-------------------------------- */

#side-nav > strong { font-size: 1.3rem; line-height: 2.3rem; font-weight: bold; padding-left: 5px;}
#side-nav > strong a { font-size: 1.3rem; color: #212529; transition: all .3s;}
#side-nav > strong a:hover { opacity: .6; text-decoration: none;}
#side-nav ul { padding-top: 10px; padding-bottom: 20px; padding-left: 5px;}
#side-nav ul li a { font-size: 1.3rem; line-height: 3rem; color: #212529; transition: all .3s;}
#side-nav ul li a:hover { text-decoration: none; opacity: .6;}
#side-nav ul li a:before { content: "▶"; font-size: 6px; padding-right: 5px;}
#side-nav .headingWrap { margin-bottom: 15px;}
#side-nav ul + .headingWrap { margin-top: 10px;}
#side-nav #form1 { position: relative; max-width: 225px; width: 100%; margin-bottom: 15px; height: 31px; box-sizing: border-box;}
#area { outline: 0; height: 31px; background: #eee; border: 1px solid #333333; padding: 0 10px; width: 78%;}
#btn { width: 23%; height: 31px; position: absolute; right: -2px; top: 0; background: #333333; color: #fff; font-weight: bold; font-size: 12px; border: 1px solid #333333;}
#btn:hover { color: #666;}

#side-nav .headingWrap { margin-top: 4.5rem;}
#side-nav .headingWrap:first-child { margin-top: 0;}


/* --------------------------------
	product list
-------------------------------- */

#page_product_list .headingWrap strong { font-size: 1.6rem;}
#page_product_list .headingWrap small { font-size: 1.3rem;}

#page_product_list #result_info_box__item_count { padding-top: 1em;}
#page_product_list #result_info_box .d-inline-block.w-50 { display: inline-block!important; width: 49.7%; box-sizing: border-box;}
#page_product_list #page_navi_top #result_info_box__item_count strong { font-size: 1.4rem; color: #7A7A7A; font-weight: normal;}

#page_product_list .pagenumberarea { padding-top: 0.7em;}
#page_product_list .menu_title { font-size: 1.4rem; color: #7A7A7A;}
#page_product_list #result_info_box__menu li select { outline: 1px solid #CCCCCC; outline-offset: -1px; border: none;}
#page_product_list .form-control { font-size: 1.3rem; height: 36px; border-radius: 0!important;}
#page_product_list #list_header_menu li a { color: #525263;}
#page_product_list #list_header_menu li:last-child a { color: #C73531;}
#page_product_list #list_header_menu li a:hover { opacity: .6; transition: all .3s;}

@media (max-width:767px) {
    #page_product_list #result_info_box__item_count { font-size: 1.4rem; padding-top: 20px;}
    #page_product_list .form-control { font-size: 1.2rem; padding: 2px;}
    #page_product_list .pagenumberarea { padding-right: 8px;}
}

@media (max-width:380px) {
    #page_product_list #result_info_box__item_count { font-size: 1.2rem!important;}
    #page_product_list #result_info_box__menu li select { margin-bottom: 1rem;}
    #page_product_list #page_navi_top #result_info_box__item_count strong { font-size: 1.2rem;}
    #page_product_list .menu_title { font-size: 1.2rem;}
}


/* --------------------------------
	product detail
-------------------------------- */

#page_product_detail .item_detail .relative_cat p { display: inline-block;}
#page_product_detail .relative_cat ol { display: inline-block;}
#page_product_detail .btn-primary { background: #C73531;}
#page_product_detail .btn-info { background: #4D4D4D;}

#page_product_detail .cart_area .classcategory_list li { margin-top: 10px;}
#page_product_detail .cart_area .quantity { margin: 20px 0;}
#page_product_detail #detail_cart_box__button_area { margin-top: 30px;}

#page_product_detail .item_name { font-size: 2.2rem; line-height: 2.8rem; color: #222; border-bottom: 1px solid #D3D3D3; margin-bottom: 0; padding-bottom: 20px;}
#page_product_detail .relative_cat li:first-child a { display: inline-block; background: #4d4d4d; color: #fff; text-align: center; padding: 5px 10px;}
#page_product_detail .item_detail .relative_cat { padding: 20px 0; border: none;}

#page_product_detail .item_detail .sale_price { font-size: 2.6rem; line-height: 3.8rem;}
#page_product_detail .sale_price .sale_tag { margin-right: 10px; font-size: 1.4rem; line-height: 38px; color: #222222; border: 1px solid #222222; height: 38px; display: inline-block; padding-left: 10px; padding-right: 10px;}
#page_product_detail .item_detail .sale_price span:nth-child(n + 2) { color: #E44136; position: relative; top: 2px;}
#page_product_detail .item_detail .item_code { border-top: 0; padding: 20px 0;}
#page_product_detail .cart_area .classcategory_list li:first-child { font-size: 1.6rem; font-weight: 500;}
#page_product_detail #detail_cart_box__cart_class_category_id { padding-bottom: 20px;}
#detail_cart_box__button_area #detail_cart_box__insert_button { display: inline-block; width: 80%;}
#detail_cart_box__button_area ul li { width: 100%;}
#detail_cart_box__favorite_button { display: inline-block; width: 20%;}

#page_product_detail #detail_free_box__freearea { margin-top: 6rem;}
#page_product_detail #detail_free_box__freearea .row { padding-bottom: 3rem;}
#page_product_detail #detail_free_box__freearea strong { font-size: 1.6rem; line-height: 3rem; display: block; padding-top: 35px; padding-bottom: 25px;}
#page_product_detail #detail_free_box__freearea p { padding-top: 30px; font-size: 1.4rem; line-height: 2.8rem;}
#page_product_detail #detail_free_box__freearea strong + p { padding-top: 0;}
#page_product_detail #detail_free_box__freearea div img { width: 100%;}


/* --------------------------------
	page_help_guide
-------------------------------- */

#guide_box__body ul li h3 { font-size: 1.6rem; line-height: 3.1rem; background: #ececec; padding: 10px;}
#guide_box__body ul li p { font-size: 1.4rem; line-height: 2.8rem;}
#guide_box__body ul li { margin-bottom: 10rem; position: relative;}
#guide_box__body ul li:after { content: ""; position: absolute; right: 0; left: 0; bottom: -6rem; margin: auto; width: 0; height: 0; border-style: solid; border-width: 20px 15px 0 15px; border-color: #C73531 transparent transparent transparent;}
#guide_box__body ul li:last-child:after { content: ""; border: none;}


/* --------------------------------
	page_help_privacy
-------------------------------- */

#page_help_privacy #privacy_box__body_inner h3 { font-size: 1.6rem; line-height: 2.6rem; margin-top: 4.5rem;}
#page_help_privacy #privacy_box__body_inner h3:nth-of-type(1) { margin-top: 0;}
#page_help_privacy #privacy_box__body_inner p { font-size: 1.4rem; line-height: 2.1rem;}


/* --------------------------------
	contact
-------------------------------- */

/* #page_contact section.p01 { background: #f5f3f2;} */
#page_contact h3 { text-align: left; background: #ececec; padding: 10px; margin-bottom: 25px;}
#page_contact h3 + p { text-align: left;}
#page_contact section.p01 { padding-bottom: 60px; text-align: center;}
#page_contact section.p01 p { padding-bottom: 30px;}
#page_contact section.p01 ul { margin: auto;}
#page_contact section.p01 ul li { display: inline-block; width: 50%; border-left: 1px solid #231815; padding: 20px 30px 20px; text-align: left; vertical-align: top;}
#page_contact section.p01 ul li:last-child { border-right: 1px solid #231815; float: right;}
#page_contact section.p01 ul li dl dt { text-align: left; margin-bottom: 10px; font-weight: 700;}
#page_contact section.p01 ul li dl dd img { margin-bottom: 5px;}
#page_contact section.p01 ul li dl dd p { padding-bottom: 0;}

@media (max-width: 767px) {
    #page_contact section.p01 ul li { width: 100%; display: block; float: none; border-right: 1px solid #231815; margin-bottom: 15px;}
    #page_contact section.p01 ul li:last-child { margin-bottom: 0;}
}


/* --------------------------------
	responsive
-------------------------------- */

/* banner_area */
.row.a-new .col-xs-6 { margin-bottom: 3rem;}
.row.a-new .col-xs-6 img { width: 100%;}

@media (max-width:767px) {
    .row { padding-bottom: 0;}
    .headingWrap { padding-bottom: 10px;}
    .main_visual { margin-bottom: 4rem;}
    #main .headingWrap { margin-bottom: 1.5rem;}
    #main .headingWrap:nth-child(2) { margin-top: 2rem;}
    #main .row.a-new { padding-bottom: 3rem;}
    #main .row.a-new .col-xs-6 { margin-bottom: 1.5rem;}
    #main .a-new .col-xs-12 { margin-bottom: 1.5rem}
    #main #news_area { margin-top: 2rem;}
    #main #news_area h2 { font-size: 1.3rem;}
    #main #item_list dl .item_price { padding-bottom: 0;}
    #page_homepage .news_contents { margin-top: 0rem;}
    #page_homepage #contents #item_list .row > div { margin-bottom: 1.5rem;}
    #main #item_list .item_photo { height: 220px;}
    #main #item_list .pickup_item dl { padding-bottom: 15px;}
    .container-fluid.inner #main { margin-bottom: 1rem;}
    #page_help_privacy #privacy_box__body_inner h3 { margin-top: 2rem;}
    #page_product_list .container-fluid.inner #main { margin-top: 15px;}
    body:not(#page_mypage_favorite) #item_list a:hover { transform: none; box-shadow: none;}
    #item_list .item_photo img { max-width: 100%; max-height: 100%; position: relative; width: 100%;}
    #main #item_list .item_photo { padding: 0; height: auto;}
    #item_list .item_comment, #item_list dl .item_name, #item_list dl .item_price { padding: 0;}
}

@media (max-width:420px) {
    #main #item_list .item_photo { height: 175px;}
}

@media (max-width:325px) {
    #main #item_list .item_photo { height: 145px;}
    #item_list .item_comment, #item_list dl .item_name, #item_list dl .item_price { font-size: 1.3rem;}
    #main #item_list dl .item_price { font-size: 1.4rem;}
}