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

/*////////////// common //////////////*/
html{scroll-behavior: smooth;}
body {font-family:"Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Noto Sans", Meiryo, sans-serif;}
.fz13 {font-size: 13px !important; line-height: 1.5;}
.fz14 {font-size: 14px !important; line-height: 1.5;}
.fz15 {font-size: 15px !important; line-height: 1.6;}
.fz16 {font-size: 16px !important; line-height: 1.6;}
.fz17 {font-size: 17px !important; line-height: 1.6;}
.fz18 {font-size: 18px !important; line-height: 1.6;}
.fz20 {font-size: 20px !important; line-height: 1.5;}
.fz22 {font-size: 22px !important; line-height: 1.5;}
.fz23 {font-size: 23px !important; line-height: 2.0;}
.fz24 {font-size: 24px !important; line-height: 1.5;}
.fz28 {font-size: 28px !important; line-height: 1.5;}
.fz30 {font-size: 30px !important; line-height: 1.5;}
.fz32 {font-size: 32px !important; line-height: 1.5;}
.fz35 {font-size: 35px !important; line-height: 1.5;}
.ls01em {letter-spacing: 0.1em !important;}
.ls02em {letter-spacing: 0.2em !important;}
.ls03em {letter-spacing: 0.3em !important;}
.wd30 {width: 30% !important;}
.wd40 {width: 40% !important;}
.wd45 {width: 45% !important;}
.wd50 {width: 50% !important;}
.wd60 {width: 60% !important;}
.wd90 {width: 90% !important; margin: auto;}
.wd100 {width: 100% !important; margin: auto;}
.wd800 {width: 800px !important; margin: auto;}
.wd850 {width: 850px !important; margin: auto;}
.wd1000 {width: 1000px !important; margin: auto;}
.wd1200 {width: 1200px !important; margin: auto;}
.wd1500 {width: 1500px !important; margin: auto;}
.mgt10 {margin-top: 10px !important;}
.mgt20 {margin-top: 20px !important;}
.mgt30 {margin-top: 30px !important;}
.mgt40 {margin-top: 40px !important;}
.mgt50 {margin-top: 50px !important;}
.mgt80 {margin-top: 80px !important;}
.mgt100 {margin-top: 100px !important;}
.mgt150 {margin-top: 150px !important;}
.mgb0 {margin-bottom: 0 !important;}
.mgb20 {margin-bottom: 20px !important;}
.mgb30 {margin-bottom: 30px !important;}
.mgb40 {margin-bottom: 40px !important;}
.mgb50 {margin-bottom: 50px !important;}
.mgb60 {margin-bottom: 60px !important;}
.mgb80 {margin-bottom: 80px !important;}
.mgb100 {margin-bottom: 100px !important;}
.mgb150 {margin-bottom: 150px !important;}
.mgb200 {margin-bottom: 200px !important;}
.mgb250 {margin-bottom: 250px !important;}
a:hover {filter:alpha(opacity=100); -ms-filter: "alpha(opacity=100)"; -moz-opacity:1.0; -khtml-opacity: 1.0; opacity:1.0; zoom:1;}
.cb {clear: both;}
.fc_white {color: #ffffff !important;}
.fc_black {color: #000000 !important;}
.fc_red {color: #aa0000 !important;}
.fc_orange {color: #ff9600 !important;}
.link_underline {text-decoration: underline !important;}

.fadein01 {opacity: 0.0; transform: translate(0, 100px); transition: all 500ms;}
.fadein01.scrollin {opacity: 1; transform: translate(0, 0);}

.fadein02 {opacity: 0.0; transform: translate(0, 100px); transition: all 1000ms;}
.fadein02.scrollin {opacity: 1; transform: translate(0, 0);}

.pcbr {display: block;}/* PC改行*/
.spbr {display: none;}/* スマホ改行解除*/

@media screen and (max-width: 1000px) {
.pcbr {display: none;}/* PC改行解除*/
.spbr {display: block;}/* スマホ改行*/
}

/*/////////////////// Common ///////////////////*/
body {min-width: 100%;}
#container {max-width: 100% !important; min-width: 980px; width: 1200px !important; /*width: 100% !important;*/ padding: 0;}
.LC_Page_Index #container {max-width: 1200px !important; /*max-width: 100% !important;*/}
#main_column.colnum1 {width: 100%; margin: 0 auto; color: #565656;}
#main_column.colnum1 #mypagecolumn {width: 100%; margin: 0 auto; color: #565656;}
#main_column.colnum2 {width: 900px;}
#main_column h2,
#main_column h2.title02 {padding: 0; margin: 10px auto 50px; border: none; font-size: 22px; font-family:"Roboto","Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Noto Sans", Meiryo, sans-serif; font-weight: 400; color: #565656 !important; line-height: 1.6; letter-spacing: 0.05em; text-align: center;}
#main_column h2>span {display: block; font-size: 50%; letter-spacing: 0.1em;}
#main_column h2>span::before {content: "ー"; margin-right: 3px;}
#main_column h2>span::after {content: "ー"; margin-left: 3px;}
#main_column h2.title02>span {font-size: 75%;}
#main_column h2.title02>span::before {content: ""; margin-right: 0;}
#main_column h2.title02>span::after {content: ""; margin-left: 0;}
.section-ttl {display: block; margin: 0 auto 30px; padding: 0; font-size: 28px; font-family:"Roboto"; font-weight: 400; color: #565656; text-align: center; letter-spacing: 0.15em; line-height: 1.7; text-decoration: none;}
.section-ttl>span {display: block; margin: 0 auto; padding: 0; font-size: 45%;}
#main_column h2.raku2_title {font-size: 18px;}
div#mycontents_area {width: 70%; margin: 0 auto 100px;}
.moreArea {display: block !important; width: 250px; margin: 20px auto 0;}
.more-btn,
.more-btn:link,
.more-btn:visited {display: block; width: 100%; margin: 0 auto 0; padding: 15px 0; font-size: 15px;  font-weight: 400; color: #ffffff; text-align: center; letter-spacing: 0.05em; line-height: 1.0; text-decoration: none; cursor:pointer; position: relative; border: 1px solid #565656; background-color: #565656;}
.more-btn:hover {color: #ffffff !important;}
.more-btn::after {content: ""; display: block; position: absolute; top: calc(50% - 5px); right: 40px; width: 20px; height: 5px; border: none; border-right: 1px solid #ffffff; border-bottom: 1px solid #ffffff; transform: skew(45deg); transition: .3s;}
.more-btn:hover::after {right: 30px; width: 30px; border-right: 1px solid #ffffff; border-bottom: 1px solid #ffffff;}
.raku2_breadcrumbs {color: #565656; font-size: 11px; font-weight: 400; letter-spacing: 0.05em; line-height: 1.0;}
.aten_login,
.aten_amazon {width: 100%; margin: 0 auto 20px; padding: 0;}
.aten_login>p,
.aten_amazon>p,
.aten_line>p {font-size: 12px; text-align: left;}
div#undercolumn_login .login_area {width: 90%; margin: 0 auto 50px; border: 1px solid #cfcfcf; padding: 20px 5%; text-align: center;}
#undercolumn_login .login_area h3 {text-align: center;}
.login_area>.inputtext {text-align: center;}
#complete_area {text-align: center; font-weight: 400;}
.contactWrap {width: 700px; margin: 50px auto; padding: 0; text-align: center;}
.contactWrap>h4 {font-size: 17px; font-weight: 500; color: #565656; line-height: 1.0; letter-spacing: 0.02em; margin: 0 auto 20px; padding: 0;}
.contactWrap>p {color: #565656;}
.contactWrap>.telephone,
.contactWrap>.telephone:link,
.contactWrap>.telephone:visited {display: block; font-size: 28px; font-weight: 600; text-decoration: none; color: #ed8a00;}
.contactWrap>.telephone>span {font-size: 80%; color: #565656; font-weight: 400;}
.contactWrap>.b_hours {font-size: 14px; font-weight: 400; line-height: 1.6; letter-spacing: 0.02em; margin: 0 auto 10px; padding: 0; text-align: center;}
.contactWrap>.linkbtn_contact,
.contactWrap>.linkbtn_contact:link,
.contactWrap>.linkbtn_contact:visited {display: block; width: 400px; margin: 10px auto 10px; padding: 15px 0; font-size: 16px; font-weight: 400; line-height: 1.6; letter-spacing: 0.02em; text-align: center; text-decoration: none; color: #ffffff; border: 1px solid #565656; background-color: #565656;}
.contactWrap>.linkbtn_contact:hover {color: #565656; background-color: #ffffff;}
div#undercolumn_shopping #periodArea {background-color: #f7f6f4;}
div#undercolumn_shopping #calender_area table {width: 95%;}
div#undercolumn_shopping #calender_area table td {padding: 10px 3px;}
.raku2_product_list_new .list_status_icon {margin: 0 0 0.3em;}
.raku2_product_list_new .list_status_icon .raku2_status_text {font-size: 11px; border: solid 1px #b59b66; color: #ffffff; background-color: #b59b66;}
table#total_teiki_all th span {color: #9b2b3b;}
.btn_area.btn_type_def input,
.btn_area.btn_type_def a.btn {background: #9b2b3b; color: #ffffff;}
.btn_area.btn_type_def input {padding: 15px 20px; display: block; border-radius: 30px; margin: 10px; text-decoration: none !important; font-size: 110%; text-align: center; border: solid 3px #9b2b3b; min-width: 300px; float: left; cursor: pointer;}
.raku2_validate_box {display: none;}
.btn_area.btn_type_def li a {background: #565656; color: #ffffff;}
.btn_area.btn_type_def li a {padding: 15px 0; display: block; border-radius: 30px; margin: 10px; text-decoration: none !important; font-size: 110%; text-align: center; background-color: #565656; border: solid 3px #565656; min-width: 300px; float: left; cursor: pointer;}
/*#calender_area .off {color: #ffffff; background-color: #b1b1b1;}*/
#cart_area .btn a {background: #9b2b3b !important; padding: 10px 0;}
.required_label {color: #9b2b3b;}
.attention {color: #9b2b3b;}
[class^="raku2_validate_bubble"] {background-color: #9b2b3b;}
[class^="raku2_validate_bubble"]::before {background-color: #9b2b3b;}
.raku2_validate_target {background-color: #ffffff !important;}
.raku2_validate_focus {background-color: #ffffff !important; border: 1px solid #565656 !important;}
.raku2_validate_error {background-color: #ffffff !important;}
button.raku2_incomplete {line-height: 1.0em; border-radius: 0; padding: 15px 25px; margin: 10px; font-size: 110%; min-width: 250px; background: #c0c0c0; color: #ffffff; border: 2px solid #c0c0c0; display: inline-flex;  align-items: center; text-align: center; justify-content: center;}
button.raku2_incomplete span {display: none; margin-right: 0;}
span[class^="raku2_valid_circle"] {background-color: #9b2b3b;}
.step li.is_current {background-color: #9b2b3b !important; color: #ffffff;}
.step li.is_current:after {border-color: transparent transparent transparent #9b2b3b !important;}
#main_column .sub_area h3,
#undercolumn_login .login_area h3,
#undercolumn_shopping h3,
#undercolumn_cart h3 {color: #9b2b3b !important;}

#gotop {display: block !important; text-align: center;}
#gotop>a,
#gotop>a:link,
#gotop>a:visited {z-index: 9999; position: fixed; bottom: 20px; right: 10px; width: 70px; height: 70px; color: #ffffff; background-color: #565656; font-size: 15px; line-height: 1.2em; padding-top: 12px; box-sizing: border-box; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; text-decoration: none;}
#gotop>a:before {font-size: 1rem; font-size: 16px; display: block; font-family: 'FontAwesome'; content: "\f106";}

@media only screen and (max-width: 1200px) {
#container {width: 100% !important;}
.LC_Page_Index #container {max-width: 100% !important;}
#main_column.colnum2.right {float: left;}
#main_column.colnum2 {width: 65%;}
}

@media only screen and (max-width: 1000px) {
#leftcolumn {width: 0; display: none;}
.LC_Page_Index #container {min-width: 100%;}
#container {max-width: 95% !important; min-width: 95%; width: 100% !important;}
#main_column.colnum1,
#main_column.colnum1 #mypagecolumn {width: 100%;}
#main_column.colnum2 {width: 100%;}
.section-ttl {font-size: 22px; line-height: 1.5;}
.moreArea {display: block !important; width: 60%;}
.more-btn,
.more-btn:link,
.more-btn:visited {font-size: 14px;}	
.contactWrap {width: 100%;}
}


/*/////////////////// Header ///////////////////*/
/*#header_wrap #header #logo_area {margin-right: 60px; margin-bottom: 0;}*/
#header_wrap {margin: 15px auto 0; min-height: auto;}
#header_wrap #header #logo_area img {width: auto; max-height: 65px;}
#header_wrap #header #headerInternal {display: flex; margin-bottom: 0; flex-direction: row; flex-wrap: nowrap; align-items: center; height: 80px;}
#header_nav_area {flex-grow: 6; text-align: left;}
#header_nav_area>ul {/*display: flex; flex-wrap: wrap; justify-content: space-between; border: none;*/}
#header_nav_area>ul>li {display: inline-block; margin: 0 10px; /*width: 30%; width : -webkit-calc(100% / 3); width : calc(100% / 3 - 20px); margin: 0 auto;*/}
#header_nav_area>ul>li>a,
#header_nav_area>ul>li>a:link,
#header_nav_area>ul>li>a:visited {color: #515248; font-size: 14px; font-family:"Montserrat","Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Noto Sans", Meiryo, sans-serif; font-weight: 400; line-height: 1.0; letter-spacing: 0.05em;}

/*/////////////////// Slick Slider ///////////////////*/
.slick-dotted.slick-slider {margin-bottom: 50px; margin-top: 20px;}
.topfv-slider img {height: 75vh;}

@media only screen and (max-width: 1200px) {
.topfv-slider img {height: 65vh;}	
}

@media only screen and (max-width: 1000px) {
.topfv-slider img {height: 50vh;}	
}

/*//////// TOP Slider ////////*/
.topslider-wrap {width: 100%; display: flex; margin: 0 auto 60px; padding: 0; align-items: center; justify-content: center;}
.topslider-wrap>.inner {width: 100%; max-width: 100%; padding: 0;}
.top-slide>a>img {width: 100%; align-items: center;justify-content: center;}
/* arrow */
.topslider-wrap>.inner>.top-slider>.slick-arrow {z-index: 2; top: 50%; margin-top: -10px; width: 20px; height: 20px; border-top: 2px solid #ffffff; border-right: 2px solid #ffffff; opacity: .8;}
.topslider-wrap>.inner>.top-slider>.slick-arrow::before {content: '';}
.topslider-wrap>.inner>.top-slider>.slick-prev {left: 30px; transform: rotate(-135deg);}
.topslider-wrap>.inner>.top-slider>.slick-next {right: 30px; transform: rotate(45deg);}
/* dots */
.topslider-wrap>.inner>.top-slider>.slick-dots {bottom: -25px;}
.topslider-wrap>.inner>.top-slider>.slick-dots li,
.topslider-wrap>.inner>.top-slider>.slick-dots li button,
.topslider-wrap>.inner>.top-slider>.slick-dots li button::before {width: 8px; height: 8px;}
.topslider-wrap>.inner>.top-slider>.slick-dots li {margin: 0 10px;}
.topslider-wrap>.inner>.top-slider>.slick-dots li button {background-color: #000000; opacity: .2; border-radius: 100%;}
.topslider-wrap>.inner>.top-slider>.slick-dots li.slick-active button {opacity: .8;}
.topslider-wrap>.inner>.top-slider>.slick-dots li button::before {content: '';}

/*/////////////////// productPage ///////////////////*/
.deliv_date {display: none !important;}

/*/////////////////// CartPage ///////////////////*/
div#undercolumn_cart {width: 80%; margin: 0 auto;}
div#undercolumn_cart .point_announce {border: none; background: #8a8a8a; color: #ffffff;}
#cart_area .postage {margin-top: 10px; padding-top: 0; font-size: 12px;}
#cart_area .postage>.price {font-size: 110%;}
#cart_area .postage .point_announce {padding: 2px 0 2px 0; /* background: url(../img/icon/ico_price.gif) no-repeat left top; */}

/*/////////////////// GuidePage ///////////////////*/
.custom_page .guide_area {border: none;}
.guide_area {width: 95%; margin: 0 auto 40px; padding: 0 0 30px; color: #565656; border-bottom: 1px solid #cfcfcf !important; font-weight: 400;}
.guide_area>h3 {color: #9b2b3b; padding: 0; margin: 0 auto 20px; border-bottom: none; font-size: 20px; letter-spacing: 0.05em; line-height: 1.5;}
.guide_area>.contents_outer {width: 95%; margin: auto;}
.guide_area>.contents_outer>h4 {font-size: 17px; font-weight: 500; line-height: 1.8; letter-spacing: 0.02em; margin: 30px auto 0; padding: 0;}
.guide_area>.contents_outer>h5 {font-size: 14px; font-weight: 400; line-height: 1.8; letter-spacing: 0.02em; margin: 10px auto 0; padding: 0;}
.guide_area>.contents_outer>h4>.num {font-size: 120%;}
.guide_area>.contents_outer>.telephone,
.guide_area>.contents_outer>.telephone:link,
.guide_area>.contents_outer>.telephone:visited {display: block; font-size: 28px; text-decoration: none; color: #565656;}
.guide_area>.contents_outer>.telephone>span {font-size: 80%; color: #565656; font-weight: 400;}
.guide_area>.contents_outer>.b_hours {font-size: 14px; font-weight: 400; line-height: 1.6; letter-spacing: 0.02em; margin: 0 auto 10px; padding: 0; text-align: left;}
.guide_area>.contents_outer>.linkbtn_contact,
.guide_area>.contents_outer>.linkbtn_contact:link,
.guide_area>.contents_outer>.linkbtn_contact:visited {display: block; width: 400px; margin: 10px 0 10px; padding: 15px 0; font-size: 16px; font-weight: 400; line-height: 1.6; letter-spacing: 0.02em; text-align: center; text-decoration: none; color: #ffffff; border: 1px solid #565656; background-color: #565656;}
.guide_area>.contents_outer>.linkbtn_contact:hover {color: #565656; background-color: #ffffff;}
.guide_area>.contents_outer>.postage {font-size: 15px; font-weight: 400; line-height: 1.0; letter-spacing: 0.02em; margin: 10px auto 0; padding: 0;}
.guide_area>.contents_outer>.postage>.num {font-size: 120%;}
.guide_area>.contents_outer>.emp,
.guide_area>.contents_outer>p>.emp {font-size: 120%; font-weight: 600; color: #9b2b3b;}
.guide_area>.contents_outer>.bnrWrap {width: 100%; margin: 30px auto 0; text-align: center;}
.guide_area>.contents_outer>.bnrWrap>a>img {margin: 0 auto 0; text-align: center;}
.guide_area>.contents_outer>p {font-size: 15px; margin: 0 auto 10px; padding: 0; text-align: justify; line-height: 1.6; letter-spacing: -0.01em;}
.guide_area>.contents_outer>p>b {font-size: 120%; color: #565656;}
.guide_area>.contents_outer>p>span {font-size: 80%;}
.guide_area>.contents_outer>.impWrap {width: 400px; margin: 20px auto; padding: 10px 2%; border: 1px solid #565656;}
.guide_area>.contents_outer>p>a,
.guide_area>.contents_outer>p>a:link,
.guide_area>.contents_outer>p>a:visited {font-size: 110%; font-weight: 400; color: #565656; text-decoration: none;}
.guide_area>.contents_outer>ul {width: 95%; margin: 0 auto 40px; padding: 0;}
.guide_area>.contents_outer>ul>li {margin: 0 auto 20px; list-style: none; font-size: 14px; line-height: 1.7; letter-spacing: 0.02em; text-align: justify;}
.guide_area>.contents_outer>ul>li::marker {content: '・ ';}

/*/////////////////// FAQPage ///////////////////*/
.custom_page #guide-contents {width: 90%; margin: 0 auto 50px;}
.custom_page .guideBoxWrap {width: 100%; margin: 0 auto; padding: 0; display: flex; flex-wrap: wrap; justify-content: space-between; border: none;}
.custom_page .guideBoxWrap>.guideBox {display: inline-block; width: 32%; width : -webkit-calc(100% / 3); width : calc(100% / 3 - 40px); margin: 0 auto 30px; border-left: none; border-bottom: none;}
.custom_page .guideBoxWrap>.guideBox>.btn_faqhead,
.custom_page .guideBoxWrap>.guideBox>.btn_faqhead:link,
.custom_page .guideBoxWrap>.guideBox>.btn_faqhead:visited {display: block; width: 100%; margin: 10px auto 20px; padding: 10px 0; font-size: 16px; font-weight: 400; line-height: 1.6; letter-spacing: 0.02em; text-align: center; text-decoration: none; color: #565656; border: 1px solid #565656; background-color: #ffffff;}
.custom_page .guideBoxWrap>.guideBox>ul {width: 90%; margin: 0 auto; padding: 0; list-style: none;}
.custom_page .guideBoxWrap>.guideBox>ul>li {display: block; width: 100%; margin: 0 auto; padding: 0; list-style: none;}
.custom_page .guideBoxWrap>.guideBox>ul>li>a,
.custom_page .guideBoxWrap>.guideBox>ul>li>a:link,
.custom_page .guideBoxWrap>.guideBox>ul>li>a:visited {display: block; margin: 0 auto 10px; padding:10px 0 10px; color: #000000; font-size: 15px; font-weight: 400; letter-spacing: 0.01em; line-height: 1.0; text-align: left; text-decoration: none; border-bottom: 1px solid #afafaf;}
.custom_page .guideBoxWrap>.guideBox_etc {width: 400px; margin: auto; text-align: left;}
.custom_page .guideBoxWrap>.guideBox_etc>a:link,
.custom_page .guideBoxWrap>.guideBox_etc>a:visited {display: block; width: 100%; margin: 0 auto; padding: 10px 0; color: #000000; font-size: 13px; font-weight: 400; letter-spacing: 0.01em; line-height: 1.0; text-align: center; text-decoration: none; border: 1px solid #000000;}

.faq_area {width:95%; margin: 0 auto 80px;}
.faq_area>h4 {margin: 0 auto 20px; padding:15px 0; color: #ffffff; font-size: 16px; font-weight: 600; letter-spacing: 0.1em; line-height: 1.0; background-color: #9b2b3b; text-align: center;}
.faq_area>.accordion {width:95%; margin: 0 auto 0; position: relative; z-index: 1;}
.faq_area>.accordion>.accordion-title {display: block; margin: 30px auto 15px; padding: 0 0 15px; color: #565656; font-size: 20px; font-weight: 400; letter-spacing: 0.1em; line-height: 1.0; border-bottom: 1px solid #565656;}
.faq_area>.accordion .accordion-item {width: 100%; margin: 0 auto 15px; background-color: #f1f1f1;}
.faq_area>.accordion button {position: relative; display: block; text-align: center; width: 100%; padding: 0; color: #565656; font-size: 18px; font-weight: 200; border: none; background: none; outline: none;}
.faq_area>.accordion button:hover,
.faq_area>.accordion button:focus {cursor: pointer; color: #565656;}
.faq_area>.accordion button:hover::after,
.faq_area>.accordion button:focus::after {cursor: pointer; color: #565656; border: 1px solid #565656;}
.faq_area>.accordion button .accordion-title {margin: 0 auto; padding: 20px 30px 18px 50px; text-indent: -25px; text-align: left; color: #565656; font-size: 16px; font-weight: 400; letter-spacing: 0.1em; line-height: 1.4;}
.faq_area>.accordion button .accordion-title>span {font-size: 110%;}
.faq_area>.accordion button .icon {display: none; /*display: inline-block;*/ position: absolute; top: 22px; right: 40px; width: 22px; height: 22px;}
.faq_area>.accordion button .icon2rows {display: inline-block; position: absolute; top: 35px; right: 40px; width: 22px; height: 22px;}
.faq_area>.accordion button .icon::before,
.faq_area>.accordion button .icon2rows::before {display: block; position: absolute; content: ""; top: 10px; left: 6px; width: 10px; height: 2px; background: #565656;}
.faq_area>.accordion button .icon::after,
.faq_area>.accordion button .icon2rows::after {display: block; position: absolute; content: ""; top: 6px; left: 10px; width: 2px; height: 10px; background: #565656;}
.faq_area>.accordion button[aria-expanded=true] {color: #565656;}
.faq_area>.accordion button[aria-expanded=true] .icon::after,
.faq_area>.accordion button[aria-expanded=true] .icon2rows::after {width: 0;}
.faq_area>.accordion button[aria-expanded=true]+.accordion-content {opacity: 1;max-height: 100%; transition: all 200ms linear; will-change: opacity, max-height;}
/*.faq_area>.accordion .accordion-content {opacity: 0; max-height: 0; overflow: hidden; transition: opacity 200ms linear, max-height 200ms linear; will-change: opacity, max-height;}*/
.faq_area>.accordion .accordion-content__inner {border-top: 1px solid #565656; padding: 10px; margin: 0 auto 0;}
.faq_area>.accordion .accordion-content__inner>.faq-flex {width: 95%; margin: 0 auto;}
.faq_area>.accordion .accordion-content__inner>.faq-flex>.faq-text {font-size: 15px; margin: 15px auto; font-weight: 400; color: #565656; letter-spacing: 0.01em; line-height: 1.6; text-align: justify;}
.faq_area>.accordion .accordion-content__inner>.faq-flex>.faq-text>span {font-size: 110%;} 
.faq_area>.accordion .accordion-content__inner>.faq-flex>.faq-text>b {font-size: 120%; display: block; margin: 20px auto 0;}
.faq_area>.accordion .accordion-content__inner>.faq-flex>.faq-atten {font-size: 13px;}
.faq_area>.accordion .accordion-content__inner>.faq-flex>.faq-text>.emp{font-size: 110%; font-weight: 600; color: #9b2b3b;}
.faq_area>.accordion .accordion-content__inner>.faq-flex>.faq-atten>.emp {font-size: 100%; color: #9b2b3b;}
.faq_area>.accordion .accordion-content .postage-text {font-size: 14px; margin: 15px auto 0; font-weight: 400; color: #565656; letter-spacing: 0.01em; line-height: 1.6; text-align: center;}
.faq_area>.accordion .accordion-content .postage {font-size: 18px; margin: 8px auto 15px; font-weight: 600; color: #565656; letter-spacing: 0.01em; line-height: 1.7; text-align: center;}
.faq_area>.accordion .accordion-content .postage>span {font-size: 80%;}
.faq_area>.accordion .accordion-content .contact-text {font-size: 14px; margin: 0 auto 15px; padding: 15px 0 0; font-weight: 400; color: #565656; letter-spacing: 0.01em; line-height: 1.6; text-align: center; border-top: 1px dotted #cfcfcf;}
.faq_area>.accordion .accordion-content__inner>.faq-flex>.faq-text>a,
.faq_area>.accordion .accordion-content__inner>.faq-flex>.faq-text>a:link,
.faq_area>.accordion .accordion-content__inner>.faq-flex>.faq-text>a:visited {color: #9b2b3b; font-weight: 600; text-decoration: none;}
.faq_area>.accordion .accordion-content__inner>.faq-flex>.faq-text>a>.num {font-size: 120%; font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic Medium", YuGothicMedium, Verdana, Meiryo, "M+ 1p", sans-serif;}
.faq_area>.accordion .accordion-content .contact-info {font-size: 15px; margin: 0 auto 10px; font-weight: 400; color: #565656; letter-spacing: 0.01em; line-height: 1.6; text-align: center;}
.faq_area>.accordion .accordion-content .contact-info>.telno {font-family: 'Avenir Medium', sans-serif; font-weight: 600; font-size: 180%; letter-spacing: 0.05em;}
.faq_area>.accordion .accordion-content .contact-info>span {font-size: 85%;}
.faq_area>.accordion .accordion-content__inner>.faq-flex>.linkbtn_contact,
.faq_area>.accordion .accordion-content__inner>.faq-flex>.linkbtn_contact:link,
.faq_area>.accordion .accordion-content__inner>.faq-flex>.linkbtn_contact:visited {display: block; width: 300px; margin: 10px 0 10px; padding: 15px 0; font-size: 15px; font-weight: 400; line-height: 1.6; letter-spacing: 0.02em; text-align: center; text-decoration: none; color: #ffffff; border: 1px solid #565656; background-color: #565656;}
.faq_area>.accordion .accordion-content__inner>.faq-flex>.linkbtn_contact:hover {color: #565656; background-color: #ffffff;}
.faq_area>.accordion .accordion-content__inner>.faq-flex>.telephone,
.faq_area>.accordion .accordion-content__inner>.faq-flex>.telephone:link,
.faq_area>.accordion .accordion-content__inner>.faq-flex>.telephone:visited {display: block; font-size: 28px; font-weight: 600; text-decoration: none; color: #aa0000;}
.faq_area>.accordion .accordion-content__inner>.faq-flex>.telephone>span {font-size: 80%; color: #565656; font-weight: 400;}
.faq_area>.accordion .accordion-content__inner>.faq-flex>.b_hours {font-size: 14px; font-weight: 400; line-height: 1.6; letter-spacing: 0.02em; margin: 0 auto 10px; padding: 0; text-align: left;}

@media only screen and (max-width: 1000px) {
.custom_page .guideBoxWrap>.guideBox {display: inline-block; width: 45%; width : -webkit-calc(100% / 2); width : calc(100% / 2 - 20px); margin: 0 auto 30px; border-left: none; border-bottom: none;}
}

/*/////////////////// News ///////////////////*/
#main_column .raku2_theme01 #news_area {max-width: 1000px; margin: 0 auto 100px;}
#news_area .news_contents {max-height: 300px; height: auto !important; overflow-y: scroll !important; border: 1px solid #232323;}
#main_column .raku2_theme01 #news_area .news_contents .newslist {display: flex; width: 90%; margin: 0 auto; align-items: center; border-bottom: 1px dotted #cfcfcf;}
#news_area dl.newslist>dd {width: 100%; margin-bottom: 0; padding-bottom: 0; text-align: justify;}
#news_area dl.newslist>dt {width: 120px;}
#news_area dl.newslist>dd>p {font-size: 12px;}

/*/////////////////// お知らせバナー ///////////////////*/
.topic-bnr {width: 680px; margin: 0 auto 80px; padding: 0;}
.topic-bnr>img,
.topic-bnr>a>img {width: 100%;}


/*/////////////////// Company ///////////////////*/
.companyArea {width: 100%; margin: 0 auto 50px;}
.companyArea>.company-content {width: 1000px; margin: 0 auto 0;}
.company-content__inner>table {width: 100%; border-top: none; border-left: none; border-spacing:0;}
.company-content__inner>table th {display: block; width: 100%; padding: 10px 1% 0; border-right: none; border-bottom: 1px solid #cfcfcf; background-color: #ffffff; font-size: 16px; font-weight: 500; color: #565656; text-align: left; border-bottom: none; font-size: 16px;}
.company-content__inner>table td {display: block; width: 100%; border-right: none; border-bottom: 1px solid #cfcfcf; background-color: #ffffff; font-size: 14px; font-weight: 400; color: #565656; padding: 5px 1% 10px; text-align: justify;}

dl.form_info {width: 95%; margin: 10px auto 15px;line-height: 1.5;}
.privacyWrap {width: 95%; margin: 10px auto 15px;line-height: 1.5;}
.privacyWrap>h2 {margin: 20px auto 15px; padding: 5px 0;}

/*/////////////////// MyPage ///////////////////*/
#customer_info>.customer_detail>p>.f_weight {font-size: 120%; color:#9b2b3b;}
ul#mypage_nav.nav_list_style li a,
ul#mypage_nav.nav_list_style li a:link,
ul#mypage_nav.nav_list_style li a:visited {color: #ffffff; background-color: #9b2b3b; border: 1px solid #9b2b3b;}
ul#mypage_nav.nav_list_style li a:hover {color: #9b2b3b; background-color: #ffffff;}
ul#mypage_nav li a i:before {color: #ffffff;}
ul#mypage_nav li a i:hover::before {color: #565656;}
.periodical_history_list .periodical_info span.periodical_status,
#mycontents_area.periodical_order_history .periodical_order_detail_bloc span.periodical_status {background: #9b2b3b;}
#mycontents_area.mypage-top ul#mypage_nav {text-align: center;}
.periodical_history_list .periodical_info,
#mycontents_area.periodical_order_history .periodical_order_detail_bloc.periodical_info {border: dotted 1px #a9a9a9; background: #f2edf1; color: #232323;}
.periodical_history_list .periodical_info a.nav_btn {color: #ffffff; font-size: 14px; background-color: #9b2b3b; padding: 8px 10px; border-radius: 30px; border: 1px solid #9b2b3b;}
.periodical_history_list .periodical_info a>.fa-caret-right::before {color: #ffffff;}
#mycontents_area.periodical_order_history a.btn_periodical_change,
#mycontents_area .raku2_mypage_order_cancel,
#mycontents_area .raku2_mypage_order_image_dl,
#mycontents_area .raku2_mypage_change_shipping_date {color: #ffffff; font-size: 14px; background-color: #9b2b3b; padding: 5px 10px; border-radius: 30px; border: 1px solid #9b2b3b;}

#mycontents_area.periodical_order_chgitem a.btn_upd_item {background-color: #9b2b3b; border-radius: 30px;}
#mycontents_area.periodical_order_chgitem a.btn_split_set_item {background-color: #9b2b3b; border-radius: 30px; float: none;}
#mycontents_area.periodical_order_chgitem a.btn_add_item {background-color: #565656; border-radius: 30px;}
.btn_area.btn_type_def li:nth-of-type(2) a {padding: 15px 0; display: block; border-radius: 30px; margin: 10px; text-decoration: none !important; font-size: 110%; background-color: #9b2b3b; border: solid 3px #9b2b3b; min-width: 300px; cursor: pointer;}

/*/////////////////// MembersPage ///////////////////*/
#members_detail {border: solid 1px #efefef; padding: 25px; width: 1000px; margin: 0 auto;}
#members_detail #members_detail_info h2#company_name {color: #9b2b3b; padding: 0 0 2px; border-bottom: solid 1px #1a1a1a; margin-bottom: 10px;}

/*/////////////////// COUPON ///////////////////*/
#message_pc_coupon_complete_upper {margin: 0 auto 20px; text-align: center;}
#coupon_list #coupon_list_inner #coupon_list_right #coupon_info p#coupon_name {background: #eee7e0; color: #565656;}
#coupon_list #coupon_list_inner #coupon_list_right #coupon_info dl h3 {padding: 4px 0; background: #565656; color: #ffffff;}
#coupon_list #coupon_list_inner #coupon_list_right #coupon_info dl dt,
#coupon_list #coupon_list_inner #coupon_list_right #coupon_info dl dd {float: left; border-bottom: none; padding: 10px 0; height: auto; font-size: 14px;}
#coupon_list #coupon_list_inner #coupon_list_right #coupon_info p#coupon_code {text-align: left; font-size: 22px; color: #ed8a00;}
#coupon_list #coupon_list_inner #coupon_list_right #coupon_info p#coupon_code::before {content: "クーポンコード"; font-size: 14px; margin-right: 10px;}

/*/////////////////// Footer ///////////////////*/
.base_design #footer_company #footer_company_inner {display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: flex-start; max-width: 1500px; margin: 0 auto; width: 50%;}
.base_design #footer_company .company_link_group {width: 100%; display: inline-block; vertical-align: top; text-align: left;}