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

/*////////////// common //////////////*/
html{scroll-behavior: smooth;}
body {font-family: "YakuHanMP", "Noto Serif JP", sans-serif;}
a {text-decoration: none;}
a:hover {filter:alpha(opacity=100); -ms-filter: "alpha(opacity=100)"; -moz-opacity:1.0; -khtml-opacity: 1.0; opacity:1.0; zoom:1;}
.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;}

.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: 100% !important; padding: 0;}
.LC_Page_Index #container {max-width: 100% !important;}
#main_column.colnum1 {width: 100%; margin: 0 auto; color: #232323;}
#main_column.colnum2 {width: 85%;}
#main_column h2 {padding: 0; margin: 10px auto 50px; border: none; font-size: 22px; font-family: "YakuHanMP", "Noto Serif JP", sans-serif; font-weight: 500; color: #232323; line-height: 1.6; letter-spacing: 0.05em;}
#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;}
.section-ttl {display: block; margin: 0 auto 30px; padding: 0; font-size: 28px; font-family: "YakuHanMP", "Noto Serif JP", sans-serif; font-weight: 400; color: #232323; 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;}
.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 #232323; background-color: #232323;}
.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 {width: 90%; margin: 0 auto; color: #232323; 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: #232323; line-height: 1.0; letter-spacing: 0.02em; margin: 0 auto 20px; padding: 0;}
.contactWrap>p {color: #232323;}
.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: #232323; 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 #232323; background-color: #232323;}
.contactWrap>.linkbtn_contact:hover {color: #232323; background-color: #ffffff;}
div#undercolumn_shopping #periodArea {background-color: #f7f6f4;}
.raku2_cart_slidein .raku2_quantity {width: 21px; height: 21px; line-height: 1.0;}
div#undercolumn_shopping #calender_area table {width: 95%;}
div#undercolumn_shopping #calender_area table td {padding: 5px 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: #ED5B75;}
.btn_area.btn_type_def input,
.btn_area.btn_type_def a.btn {background: #ED5B75; 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 #ED5B75; min-width: 300px; float: left; cursor: pointer;}
.raku2_validate_box {display: none;}
.btn_area.btn_type_def li a {background: #232323; 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: #232323; border: solid 3px #232323; min-width: 300px; float: left; cursor: pointer;}
/*#calender_area .off {color: #ffffff; background-color: #b1b1b1;}*/
#cart_area .btn a {background: #766962 !important; padding: 10px 0;}
.required_label {color: #ED5B75;}
.attention {color: #ED5B75;}
[class^="raku2_validate_bubble"] {background-color: #ED5B75;}
[class^="raku2_validate_bubble"]::before {background-color: #ED5B75;}
.raku2_validate_target {background-color: #ffffff !important;}
.raku2_validate_focus {background-color: #ffffff !important; border: 1px solid #232323 !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: #ED5B75;}
.step li.is_current {background-color: #ED5B75 !important; color: #ffffff;}
.step li.is_current:after {border-color: transparent transparent transparent #ED5B75 !important;}
#main_column .sub_area h3,
#undercolumn_login .login_area h3,
#undercolumn_shopping h3,
#undercolumn_cart h3 {color: #ED5B75 !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: #232323; 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: 1540px) {
#main_column.colnum2 {width: 80%;}
}

@media only screen and (max-width: 1400px) {
#main_column.colnum2 {width: 1000px;}
}

@media only screen and (max-width: 1300px) {
#main_column.colnum2 {width: 900px;}
}

@media only screen and (max-width: 1200px) {
#main_column.colnum2 {width: 800px;}
}

@media only screen and (max-width: 1100px) {
#main_column.colnum2 {width: 700px;}
}

@media only screen and (max-width: 1000px) {
.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%;}
.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%;}
}

/*/////////////////// TopPage Header ///////////////////*/
#announcement {width: 100%; margin: 0 auto; padding: 0;}
#announcement>h1 {margin: 0 auto; padding: 10px 0; font-size: 12px; font-weight: 400; font-family: "YakuHanMP", "Noto Serif JP", sans-serif; letter-spacing: 0.06em; line-height: 1.0; position: relative; z-index: 30; text-align: center; color: #ffffff; background-color: #ED5B75;}
#headerWrap {width: 100%; margin: 0 auto; padding: 0; position: relative;}
#headerWrap>.header {display: grid; grid-template-columns: 1fr 2fr 1fr; align-items: center; width: 980px; margin: 0 auto; padding: 20px 0 20px; /*position: absolute; z-index: 20;*/ grid-template-areas: "storelogo navigation storeicons";}
#headerWrap>.header>.header__inline-menu {display: flex; justify-self: center; grid-area: navigation; width: 600px; margin: 0 auto 0;}
#headerWrap>.header>.header__inline-menu>.list-menu--inline {list-style: none; padding: 0; margin: 0; justify-content: center; display: inline-flex; flex-wrap: wrap; column-gap: 1.5rem;}
#headerWrap>.header>.header__inline-menu>.list-menu--inline>li>a,
#headerWrap>.header>.header__inline-menu>.list-menu--inline>li>a:link,
#headerWrap>.header>.header__inline-menu>.list-menu--inline>li>a:visited {color: #000000; text-decoration: none; border-bottom: 1px solid #ffffff;}
#headerWrap>.header>.header__inline-menu>.list-menu--inline>li>.header__menu-item {font-family: "YakuHanMP", "Noto Serif JP", sans-serif; font-size: 14px; font-weight: 300; display: inline-flex; align-items: center; text-decoration: none; text-transform: uppercase; letter-spacing: .02em; padding: 0 0.5rem 0;}
#headerWrap>.header>.header__left {display: flex; grid-area: storelogo; padding-left: 0;}
#headerWrap>.header>.header__left>a,
#headerWrap>.header>.header__left>a:link,
#headerWrap>.header>.header__left>a:visited {color: #ffffff; text-decoration: none;}
#headerWrap>.header>.header__left>a>i {font-size: 17px; padding: 0 1.0rem;}
#headerWrap>.header>.header__left>a>img {width: 90px;}
#headerWrap>.header>.header__right {display: flex; grid-area: storeicons; justify-self: end; padding-right: 0;}
#headerWrap>.header>.header__right>a,
#headerWrap>.header>.header__right>a:link,
#headerWrap>.header>.header__right>a:visited {display: block; margin: 0 auto; padding: 0 0.5rem;}
#headerWrap>.header>.header__right>a>i {font-size: 10px; padding: 0 1.0rem;}
#headerWrap>.header>.header__right>a>img {display: block; width: 25px; margin: 0 auto;}

/*//////// ScrollHeader ////////*/
#headerWrap>.header-fixed {width: 100%; background: #ffffff; margin: 0 auto; padding: 12px 0 12px; position: fixed; top: -130px; transition: .5s; z-index: 9999;}
#headerWrap>.header-fixed.transform {top: 0;}
#headerWrap>.header-fixed>.content {width: 980px; margin: 0 auto; background: #ffffff; display: grid; grid-template-columns: 1fr 2fr 1fr; justify-content: space-between; align-items: center; grid-template-areas: "storelogo navigation storeicons";}
#headerWrap>.header-fixed>.content>.header__inline-menu {display: flex; justify-self: center; grid-area: navigation; width: 600px; margin: 0 auto 0;}
#headerWrap>.header-fixed>.content>.header__inline-menu>.list-menu--inline {list-style: none; padding: 0; margin: 0; justify-content: center; display: inline-flex; flex-wrap: wrap; column-gap: 1.5rem;}
#headerWrap>.header-fixed>.content>.header__inline-menu>.list-menu--inline>li {padding: 0;}
#headerWrap>.header-fixed>.content>.header__inline-menu>.list-menu--inline>li>a,
#headerWrap>.header-fixed>.content>.header__inline-menu>.list-menu--inline>li>a:link,
#headerWrap>.header-fixed>.content>.header__inline-menu>.list-menu--inline>li>a:visited {color: #000000; text-decoration: none;}
#headerWrap>.header-fixed>.content>.header__inline-menu>.list-menu--inline>li>.header__menu-item {font-family: "YakuHanMP", "Noto Serif JP", sans-serif; font-size: 14px; font-weight: 300; display: inline-flex; align-items: center; text-decoration: none; text-transform: uppercase; letter-spacing: .02em; padding: 0 0.5rem 0;}
#headerWrap>.header-fixed>.content>.header__inline-menu>.list-menu--inline>li>a:hover {/*border-bottom: 1px solid #ffffff;*/}
#headerWrap>.header-fixed>.content>.header__left {display: flex; grid-area: storelogo; padding-left: 0;}
#headerWrap>.header-fixed>.content>.header__left>a,
#headerWrap>.header-fixed>.content>.header__left>a:link,
#headerWrap>.header-fixed>.content>.header__left>a:visited {color: #ffffff; text-decoration: none;}
#headerWrap>.header-fixed>.content>.header__left>a>i {font-size: 17px; padding: 0;}
#headerWrap>.header-fixed>.content>.header__left>a>img {width: 90px;}
#headerWrap>.header-fixed>.content>.header__right {display: flex; grid-area: storeicons; justify-self: end; padding-right: 0;}
#headerWrap>.header-fixed>.content>.header__right>a,
#headerWrap>.header-fixed>.content>.header__right>a:link,
#headerWrap>.header-fixed>.content>.header__right>a:visited {display: block; margin: 0 auto; padding: 0 0.5rem;}
#headerWrap>.header-fixed>.content>.header__right>a>i {font-size: 10px; padding: 0 1.0rem;}
#headerWrap>.header-fixed>.content>.header__right>a>img {display: block; width: 22px; margin: 0 auto;}

/*//////// ScrollHeader HamburgerMenu ////////*/
#headerWrap>.header-fixed .menu {list-style: none; position: absolute; width: 100%; height: auto; top: 0; left: 0; margin-top: 45px; padding: 15px 0 10px 0; clear: both; transform: scale(1, 0); transform-origin: top; background-color: #ffffff; text-align: center;}
#headerWrap>.header-fixed .menu-btn:checked ~ .menu {transform: scale(1, 1); transform-origin: top;}
#headerWrap>.header-fixed .menu>li {display: inline-block; padding: 0 0.5rem; margin: 0 auto; opacity: 0; transition: 0.5s;}
#headerWrap>.header-fixed .menu>li>a,
#headerWrap>.header-fixed .menu>li>a:link,
#headerWrap>.header-fixed .menu>li>a:visited {font-family: "YakuHanMP", "Noto Serif JP", sans-serif; font-size: 12px; font-weight: 500; display: inline-flex; text-decoration: none; letter-spacing: .2em; text-transform: capitalize; color: #000000; opacity: 0; transition: 0.5s;}
#headerWrap>.header-fixed .menu-btn:checked ~ .menu a,
#headerWrap>.header-fixed .menu-btn:checked ~ .menu li {opacity: 1;}
#headerWrap>.header-fixed .menu-btn {display: none;}
#headerWrap>.header-fixed .menu-icon {display: inline-block; position: relative; cursor: pointer; padding: 24px 14px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
#headerWrap>.header-fixed .navicon {background: #000000; display: block; height: 1px; width: 15px; position: relative;}
#headerWrap>.header-fixed .navicon:before,
#headerWrap>.header-fixed .navicon:after {content: ""; display: block; height: 100%; width: 100%; position: absolute; background: #000000;}
#headerWrap>.header-fixed .navicon:before {width: 20px; top: 8px;}
#headerWrap>.header-fixed .navicon:after {width: 20px; bottom: 8px;}
#headerWrap>.header-fixed .menu-btn:checked ~ .menu-icon .navicon:before {transform: rotate(-45deg);}
#headerWrap>.header-fixed .menu-btn:checked ~ .menu-icon .navicon:after {transform: rotate(45deg);}
#headerWrap>.header-fixed .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:before {top: 0;}
#headerWrap>.header-fixed .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:after {bottom: 0;}
#headerWrap>.header-fixed .menu-btn:checked ~ .menu-icon .navicon {background: rgba(0, 0, 0, 0);}
#headerWrap>.header-fixed .navtext-container {width: 100%; height: 52px; position: absolute; box-sizing: border-box; display: flex; justify-content: center; align-items: center;}
#headerWrap>.header-fixed .navtext {position: absolute; text-transform: uppercase; color: #ddd; letter-spacing: 4px; font-size: 20px;}

/*//////// SPHeader ////////*/
#headerWrap>.header-sp,
#headerWrap>.contents-header-sp {display: none;}

@media only screen and (max-width: 1000px) {
#headerWrap {margin: 60px auto 0;}
#headerWrap>.header,
#headerWrap>.header-fixed,
#headerWrap>.header-contents {display: none;}
#headerWrap>.header-sp {width: 100%; background: #ffffff; display: flex; justify-content: space-between; margin: 0 auto; padding: 8px 0 0; position: fixed; top: 30px; transition: .5s; z-index: 9999; align-items: center;}
#headerWrap>.header-sp.transform {top: 0;}
#headerWrap>.header-sp>.header__heading {justify-self: center; margin: 0 auto; padding: 0; text-align: center; z-index: 100;}
#headerWrap>.header-sp>.header__heading>a>img {width: 90px;}
#headerWrap>.header-sp>.header__heading>a,
#headerWrap>.header-sp>.header__heading>a:link,
#headerWrap>.header-sp>.header__heading>a:visited {display: block; margin: 0 auto; padding: 0; font-family: "YakuHanMP", "Noto Serif JP", sans-serif; font-size: 10px; font-weight: 700; color: #000000; letter-spacing: .2em; text-decoration: none;}
#headerWrap>.header-sp>.header__left {display: flex; grid-area: left-icon; align-items: center;}
#headerWrap>.header-sp>.header__left>a,
#headerWrap>.header-sp>.header__left>a:link,
#headerWrap>.header-sp>.header__left>a:visited {color: #000000; text-decoration: none;}
#headerWrap>.header-sp>.header__left>a>i {font-size: 17px; padding: 0 0.5rem;}
#headerWrap>.header-sp>.header__right {display: flex; grid-area: icons; justify-self: end; align-items: center;}
#headerWrap>.header-sp>.header__right>a,
#headerWrap>.header-sp>.header__right>a:link,
#headerWrap>.header-sp>.header__right>a:visited {color: #000000; text-decoration: none;}
#headerWrap>.header-sp>.header__right>a>i {font-size: 17px; padding: 0 0.5rem;}
#headerWrap>.header-sp>.header__right>a>img {display: block; width: 22px; padding: 0 0.4rem;}
#headerWrap>.header-sp .spmenu {list-style: none; position: absolute; width: 100%; height: auto; top: 0; left: 0; margin-top: 50px; padding: 20px 0 20px; clear: both; transform: scale(1, 0); transform-origin: top; background-color: #ffffff; text-align: left;}
#headerWrap>.header-sp .spmenu-btn:checked ~ .spmenu {transform: scale(1, 1); transform-origin: top;}
#headerWrap>.header-sp .spmenu>li {display: block; padding: 12px 0; margin: 0 auto; opacity: 0; transition: 0.5s; border-bottom: 1px solid #cfcfcf;}
#headerWrap>.header-sp .spmenu>li>a {margin-left: 5%; font-family: "YakuHanMP", "Noto Serif JP", sans-serif; font-size: 12px; font-weight: 300; display: inline-flex; text-decoration: none; letter-spacing: .2em; text-transform: capitalize; color: #000000; opacity: 0; transition: 0.5s;}
#headerWrap>.header-sp .spmenu-btn:checked ~ .spmenu a,
#headerWrap>.header-sp .spmenu-btn:checked ~ .spmenu li {opacity: 1;}
#headerWrap>.header-sp .spmenu-btn {display: none;}
#headerWrap>.header-sp .spmenu-icon {display: inline-block; position: relative; cursor: pointer; padding: 24px 14px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
#headerWrap>.header-sp .spnavicon {background: #000000; display: block; height: 1px; width: 20px; position: relative;}
#headerWrap>.header-sp .spnavicon:before,
#headerWrap>.header-sp .spnavicon:after {content: ""; display: block; height: 100%; width: 100%; position: absolute; background: #000000;}
#headerWrap>.header-sp .spnavicon:before {width: 20px; top: 8px;}
#headerWrap>.header-sp .spnavicon:after {width: 20px; bottom: 8px;}
#headerWrap>.header-sp .spmenu-btn:checked ~ .spmenu-icon .spnavicon:before {transform: rotate(-45deg);}
#headerWrap>.header-sp .spmenu-btn:checked ~ .spmenu-icon .spnavicon:after {transform: rotate(45deg);}
#headerWrap>.header-sp .spmenu-btn:checked ~ .spmenu-icon:not(.steps) .spnavicon:before {top: 0;}
#headerWrap>.header-sp .spmenu-btn:checked ~ .spmenu-icon:not(.steps) .spnavicon:after {bottom: 0;}
#headerWrap>.header-sp .spmenu-btn:checked ~ .spmenu-icon .spnavicon {background: rgba(0, 0, 0, 0);}
#headerWrap>.header-sp .spnavtext-container {width: 100%; height: 52px; position: absolute; box-sizing: border-box; display: flex; justify-content: center; align-items: center;}
#headerWrap>.header-sp .spnavtext {position: absolute; text-transform: uppercase; color: #ddd; letter-spacing: 4px; font-size: 20px;}
}

/*/////////////////// Slick Slider ///////////////////*/
.slick-dotted.slick-slider {margin-bottom: 50px; margin-top: 20px;}
#fv {width: 100%; margin: 0 auto; padding: 0;}
#fv>.swiper {width: 100%; height: 760px; position: relative;}
#fv>.swiper .swiper-slide {position: relative; display: flex; top: 0;}
.swiper-slide img {max-width: 100%; height: 100%; object-fit: cover; transition: transform 3.0s ease-in-out;}
.swiper-slide-active img {transform: scale(1);}
.swiper-slide .img-pc {display: block;}
.swiper-slide .img-sp {display: none;}
.slide-link {position: absolute; bottom: 100px; left: 59%; padding: 0; width: calc(221 / 1400 * 100%); z-index: 1;}
.slide-link>a,
.slide-link>a:link,
.slide-link>a:visited {cursor: pointer; position: relative; display: flex; width: 250px; height: 45px; margin: 0 auto; color: #ffffff; font-family: "YakuHanMP", "Noto Serif JP", sans-serif; font-size: 14px; font-weight: 400; text-decoration: none; align-items: center; justify-content: center; background-color: #766962; border: 1px solid #766962;}
.slide-link>a:hover {color: #766962; background-color: #ffffff;}

@media (min-width: 1800px) {
#fv>.swiper {height: 900px;}
}

@media (min-width: 1700px) {
#fv>.swiper {height: 820px;}
}

@media (min-width: 1500px) {
.swiper-slide img {width: 100%; height: auto;}
}

@media (max-width: 1000px) {
#fv>.swiper {height: auto;}
.slide-link {width: 100%; position: absolute; bottom: 50px; left: 50%; transform: translate(-50%, -50%);}
.swiper-slide img {width: 100%; height: 100%; object-fit: cover; transition: transform 3.0s ease-in-out;}
.swiper-slide .img-pc {display: none;}
.swiper-slide .img-sp {display: block;}
}

/*/////////////////// About ///////////////////*/
#about {width: 100%; margin: 0 auto; padding: 80px 0 10px; background-color: #FEEEED; background-image: url(/user_data/packages/raku2pc/img/top/main-bg.png); background-size: contain; background-repeat: no-repeat; background-position: 80% top;}
#about>.content {width: 100%; margin: 0 auto; padding: 0; text-align: center;}
#about>.content>.section-head {font-family: "YakuHanMP", "Noto Serif JP", sans-serif; font-weight: 400; font-size: 20px; letter-spacing: 0.1em; line-height: 1; margin-bottom: 55px;}
#about>.content>.about-mainCopy {font-family: "YakuHanMP", "Noto Serif JP", sans-serif; font-size: 40px; letter-spacing: 0.02em; color: #ED5B75; font-weight: 500; margin-bottom: min(calc(40 / 980 * 100%), 40px);}
#about>.content>.about-subCopy {font-family: "YakuHanMP", "Noto Serif JP", sans-serif; font-size: min(calc(24 / 980 * 100vw), 24px); letter-spacing: min(calc(2 / 980 * 100vw), 2px); font-weight: 500; margin-bottom: min(calc(100 / 980 * 100%), 100px);}
#about>.content>.about-subCopy>span {color: #ED5B75;}
#about>.content>.about-subCopy sup {font-size: min(calc(14 / 980 * 100vw), 14px); line-height: 1;}
#about>.content>.concept {width: 1000px; margin: 0 auto 100px; padding: 0; display: flex; justify-content: space-between; vertical-align: top;}
#about>.content>.concept>.text-content {flex: 0.85;}
#about>.content>.concept>.text-content>.about-contentHead {margin: 0 auto 30px; font-family: "YakuHanMP", "Noto Serif JP", sans-serif; font-size: min(calc(24 / 980 * 100vw), 24px); letter-spacing: min(calc(2 / 980 * 100vw), 2px); line-height: calc(44 / 24); font-weight: 500; text-align: left;}
#about>.content>.concept>.text-content>p {font-family: "YakuHanMP", "Noto Serif JP", sans-serif; margin: 0 auto; padding: 0; font-size: min(calc(14 / 980 * 100vw), 14px); line-height: calc(30 / 14); font-weight: 400; color: #000000; letter-spacing: 0.02em; text-align: justify;}
#about>.content>.concept>.image-content {max-width: 300px; margin-left: 0;}
#about>.content>.concept>.image-content>img {max-width: 100%;}

#about>.content>.concept:nth-of-type(2)>.image-content {max-width: 43%; margin-left: 0;}
#about>.content>.concept:nth-of-type(2)>.image-content>p {margin: 10px auto 0; font-family: "YakuHanMP", "Noto Serif JP", sans-serif; font-size: 14px; letter-spacing: 0.02em; line-height: 1.0; font-weight: 400; text-align: left;}
#about>.content>.concept:nth-of-type(2)>.text-content>h3 {display: inline-block;}
#about>.content>.concept:nth-of-type(2)>.text-content>span {display: inline-block; width: 80px; margin-right: 6%;}
#about>.content>.concept:nth-of-type(2)>.text-content>span>img {width: 100%;}
#about>.content>.about-caution {width: 1000px; margin: 0 auto; padding: 0; font-family: "YakuHanMP", "Noto Serif JP", sans-serif; font-size: 9px; letter-spacing: 0.02em; line-height: 1.6; font-weight: 400; text-align: left;}

.img-pc {display: block;}
.img-sp {display: none;}

@media only screen and (max-width: 1300px) {
#about>.content>.concept {width: 90%;}
}

@media only screen and (max-width: 1000px) {
#about {padding: 60px 0;}
#about>.content>.about-mainCopy {font-size: 30px; letter-spacing: 0.01em;}
#about>.content>.about-subCopy {font-size: 22px;}
#about>.content>.concept {display: block; margin: 0 auto 60px; text-align: left;}
#about>.content>.concept>.text-content {flex: 1.0;}
#about>.content>.concept>.text-content>.about-contentHead {margin: 20px auto 20px; font-size: 20px;}
#about>.content>.concept>.text-content>p {font-size: 14px; margin: 0 auto 20px;}
#about>.content>.concept>.image-content {max-width: 100%;}
#about>.content>.concept:nth-of-type(2)>.image-content {max-width: 100%;}
#about>.content>.concept:nth-of-type(2)>.image-content>p {font-size: 12px; margin: 10px auto 20px;}
#about>.content>.concept:nth-of-type(2)>.text-content>span {width: 80px; margin-right: 5%; position: relative; top: 10px;}
#about>.content>.concept:nth-of-type(2)>.text-content>.about-contentHead {margin: 0 auto 0; font-size: 20px;}
#about>.content>.concept:nth-of-type(2)>.text-content>p {font-size: 14px; margin: 20px auto 0;}
#about>.content>.about-caution {width: 90%;}
.img-pc {display: none;}
.img-sp {display: block;}
}

/*/////////////////// PRODTCS ALL ///////////////////*/
#product_all {width: 100%; margin: 0 auto; padding: 100px 0; background-color: #ffffff;}
#product_all>.content {width: 1200px; margin: 0 auto; padding: 0; text-align: center;}
#product_all>.content>p {margin: 0 auto 50px; padding: 0; color: #000000; font-size: 20px; font-family: "YakuHanMP", "Noto Serif JP", sans-serif; font-weight: 400; letter-spacing: 0.05em; line-height: 1.0; text-align: center;}
#main_column .recommend_list .product_item {width: 30%; padding-right: 0 !important;}
#main_column .raku2_recommend_list div.raku2_recommend_layout {width: 100% !important; margin-right: 0; margin-left: 0;}
/*display grid;*/
#main_column .raku2_recommend_list .block_body {display: grid !important; grid-template-columns: repeat(5, 1fr); gap: 2%; width: 100%; margin-left: 0 !important; justify-content: space-between;}
/*display flex;
#main_column .raku2_recommend_list .block_body {display: flex; flex-wrap: wrap; margin-left: 0 !important; flex-wrap: wrap; justify-content: space-between;}*/
#main_column .recommend_list .block_body h3 {text-align: left; margin: 0 auto 0;}
#main_column .recommend_list .block_body h3>a,
#main_column .recommend_list .block_body h3>a:link,
#main_column .recommend_list .block_body h3>a:visited {color: #000000;}
#main_column .raku2_recommend_list .raku2_price_area {color: #000000; text-align: left;}
#main_column .raku2_recommend_list .raku2_price_area .raku2_differ_price ~ .raku2_price_label,
#main_column .raku2_recommend_list .raku2_price_area .raku2_differ_price ~ .raku2_price_unit,
#main_column .raku2_recommend_list .raku2_price_area .raku2_differ_price ~ .raku2_price {color: #000000;}
div.listrightbloc h3 a {font-size: 13px; color: #000000;}
.plg_Raku2_LC_Page_Products_List #container {min-width: 100%;}
.raku2_product_list_new .raku2_list_product_name,
.raku2_product_list_new .raku2_listcomment,
.raku2_product_list_new .raku2_price_area,
.raku2_product_list_new .raku2_stock_quantity_area,
.raku2_product_list_new .raku2_sale_time_area,
.raku2_product_list_new .raku2_list_rcatalog_id_area {font-size: 15px; color: #ED5B75;}
.raku2_price_area>.raku2_price_unit,
.raku2_price_area>.raku2_price_tax_before,
.raku2_price_area>.raku2_price_tax_after {font-size: 80%;}
.raku2_product_list_new .raku2_price_area .raku2_differ_price ~ .raku2_price_label,
.raku2_product_list_new .raku2_price_area .raku2_differ_price ~ .raku2_price,
.raku2_product_list_new .raku2_price_area .raku2_differ_price ~ .raku2_price_unit,
.raku2_new_layout_orderlist .raku2_price_area .raku2_differ_price ~ .raku2_price_label,
.raku2_new_layout_orderlist .raku2_price_area .raku2_differ_price ~ .raku2_price,
.raku2_new_layout_orderlist .raku2_price_area .raku2_differ_price ~ .raku2_price_unit,
.raku2_new_layout_ordergrid .raku2_price_area .raku2_differ_price ~ .raku2_price_label,
.raku2_new_layout_ordergrid .raku2_price_area .raku2_differ_price ~ .raku2_price,
.raku2_new_layout_ordergrid .raku2_price_area .raku2_differ_price ~ .raku2_price_unit {color: #000000;}
.raku2_product_list_new .raku2_product_list_container {grid-template-columns: repeat(auto-fill, minmax(20%, 1fr)); gap: 2.0rem; margin-bottom: 20px;}
.raku2_product_list_new .listphoto {width: 100%; height: auto;}
.raku2_product_list_new .raku2_product_list_container img {margin: 0 auto 10px;}
.raku2_product_list_new .raku2_pagenumber_area {display: none;}
#leftcolumn {width: 220px; position: fixed;}
.raku2_productContents>a,
.raku2_productContents>a:link,
.raku2_productContents>a:visited {cursor: pointer; display: flex; width: 90%; height: 45px; margin: 10px auto 0; color: #ffffff; font-family: "YakuHanMP", "Noto Serif JP", sans-serif; font-size: 14px; font-weight: 400; text-decoration: none; align-items: center; justify-content: center; background-color: #766962; border: 1px solid #766962;}
.raku2_productContents>a:hover {color: #766962; background-color: #ffffff;}

@media only screen and (max-width: 1450px) {
.raku2_product_list_new .raku2_product_list_container {grid-template-columns: repeat(auto-fill, minmax(30%, 1fr));}
}

@media only screen and (max-width: 1300px) {
.raku2_product_list_new .raku2_product_list_container {grid-template-columns: repeat(auto-fill, minmax(45%, 1fr));}
.raku2_product_list_new .product_list_header {grid-template-columns: 3fr 7fr;}
}

@media only screen and (max-width: 1000px) {
#product_all>.content {width: 90%;}
.plg_Raku2_LC_Page_Products_List #container {min-width: 95%;}
#leftcolumn {display: none;}
.plg_Raku2_LC_Page_Products_List #main_column.colnum2 {padding-left: 0; padding-right: 0;}
}

/*/////////////////// History ///////////////////*/
#history {width: 100%; margin: 0 auto; padding: 0 0;}
#history>.pagetitle {background-image: url("/user_data/packages/raku2pc/img/contents/history/ttlbg_pc_his.jpg"); -webkit-background-size: cover; background-size: cover; box-sizing: border-box; padding: 65px 10px; text-align: center; margin: 0 auto;}
#history>.pagetitle>.pagetitle__box {display: inline-block; margin: 0 auto; width: auto; color: #ffffff; background: rgba(237, 91, 117, 0.8); border-radius: 10px; box-sizing: border-box; padding: 20px 55px; min-width: 470px;}
#history>.pagetitle .pagetitle__spell {font-size: 40px; font-weight: 500; letter-spacing: 0.15em; font-family: "Cormorant Garamond", serif; line-height: 1em; margin: 0 auto 10px;}
#history>.pagetitle .pagetitle__text {margin: 0 auto; font-size: 22px; border-top: 1px solid #ffffff; border-bottom: 1px solid #ffffff; line-height: 40px; font-weight: 500; letter-spacing: 0.15em;}
#history>.content {width: 100%; margin: 0 auto; padding: 100px 0 100px; text-align: center; background-color: #feeeed;}
#history>.content>.concept {width: 980px; margin: 0 auto 50px; padding: 0; display: flex; justify-content: space-between; vertical-align: top;}
#history>.content>.concept>.text-content {flex: 0.85;}
#history>.content>.concept>.text-content>.logobox {margin: 0 auto 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -ms-align-items: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: flex-start;}
#history>.content>.concept>.text-content>.logobox>.logobox__img {max-width: 120px; width: 100%; padding-right: 30px;}
#history>.content>.concept>.text-content>.logobox>.logobox__img>img {width: 100%;}
#history>.content>.concept>.text-content>.logobox>.subtitle {margin: 0; padding: 0; font-size: 40px; font-family: "YakuHanMP", "Noto Serif JP", sans-serif; color: #ED5B75; font-weight: 500; line-height:1.4; text-align: left;}
#history>.content>.concept>.text-content>p {font-family: "YakuHanMP", "Noto Serif JP", sans-serif; margin: 0 auto; padding: 0; font-size: 14px; line-height: 2.0; font-weight: 400; color: #000000; letter-spacing: 0.1em; text-align: justify;}
#history>.content>.concept>.image-content {max-width: 440px; margin-left: 0;}
#history>.content>.concept>.image-content>img {max-width: 100%; border-radius: 10px;}
#history>.content>.concept>.image-content>p {font-family: "YakuHanMP", "Noto Serif JP", sans-serif; margin: 10px auto 0; padding: 0; font-size: 10px; line-height: 1.0; font-weight: 400; color: #000000; letter-spacing: 0.05em; text-align: right;}
#history>.content>.bnrArea {width: 980px; margin: 0 auto;}
#history>.content>.bnrArea>a>img {width: 100%; margin: 0 auto;}
#history>.freepage__area {max-width: 800px; padding: 100px 10px; margin: 0 auto;}
#history>.freepage__area>.subtitle {font-family: "YakuHanMP", "Noto Serif JP", sans-serif; font-size: 40px; color: #ED5B75; font-weight: 500; margin-bottom: 20px; line-height: 1.5; letter-spacing: 0.1em; text-align: center;}
#history>.freepage__area>.movieArea {display: block; width: 100%;  margin: 50px auto;}

@media only screen and (max-width: 1000px) {
#history>.pagetitle .pagetitle__spell {font-size: 35px;}
#history>.pagetitle .pagetitle__text {font-size: 20px;}
#history>.content>.concept,
#history>.content>.bnrArea {width: 90%; display: block;}
#history>.content>.concept>.text-content {flex: 1.0; margin: 0 auto 20px;}
#history>.content>.concept>.text-content>.logobox>.subtitle {font-size: 28px;}
#history>.content>.concept>.image-content {max-width: 100%; margin-left: 0;}
#history>.freepage__area {max-width: 90%;}
#history>.freepage__area>.subtitle {font-size: 24px;}
}

/*/////////////////// Golden Ceramide ///////////////////*/
#gc {width: 100%; margin: 0 auto; padding: 0 0;}
#gc>.pagetitle {background-image: url("/user_data/packages/raku2pc/img/contents/goldenceramide/ttlbg_pc_gc.jpg"); -webkit-background-size: cover; background-size: cover; box-sizing: border-box; padding: 65px 10px; text-align: center; margin: 0 auto;}
#gc>.pagetitle>.pagetitle__box {display: inline-block; margin: 0 auto; width: auto; color: #ffffff; background: rgba(237, 91, 117, 0.8); border-radius: 10px; box-sizing: border-box; padding: 20px 55px; min-width: 470px;}
#gc>.pagetitle .pagetitle__spell {font-size: 35px; font-weight: 500; letter-spacing: 0.15em; font-family: "Cormorant Garamond", serif; line-height: 1em; margin: 0 auto 10px;}
#gc>.pagetitle .pagetitle__text {margin: 0 auto; font-size: 22px; border-top: 1px solid #ffffff; border-bottom: 1px solid #ffffff; line-height: 40px; font-weight: 500; letter-spacing: 0.15em;}
#gc>.content {width: 100%; margin: 0 auto; padding: 100px 0 100px; text-align: center; background-color: #feeeed;}
#gc>.content>.concept {width: 980px; margin: 0 auto 20px; padding: 0; display: flex; justify-content: space-between; vertical-align: top;}
#gc>.content>.concept>.text-content {flex: 0.85;}
#gc>.content>.concept>.text-content>.logobox {margin: 0 auto 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -ms-align-items: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: flex-start;}
#gc>.content>.concept>.text-content>.logobox>.logobox__img {max-width: 120px; width: 100%; padding-right: 30px;}
#gc>.content>.concept>.text-content>.logobox>.logobox__img>img {width: 100%;}
#gc>.content>.concept>.text-content>.logobox>.subtitle {margin: 0; padding: 0; font-size: 40px; font-family: "YakuHanMP", "Noto Serif JP", sans-serif; color: #ED5B75; font-weight: 500; line-height:1.4; text-align: left;}
#gc>.content>.concept>.text-content>p {font-family: "YakuHanMP", "Noto Serif JP", sans-serif; margin: 0 auto; padding: 0; font-size: 14px; line-height: 2.0; font-weight: 400; color: #000000; letter-spacing: 0.1em; text-align: justify;}
#gc>.content>.concept>.box-content {max-width: 460px; margin-left: 0;}
#gc>.content>.concept>.box-content>div {width: 100%; background: #ffffff; border-radius: 10px; box-sizing: border-box; display: block; padding: 20px; margin: 0 auto 30px;}
#gc>.content>.concept>.box-content>div>h3 {margin: 0 auto 10px; padding: 0; text-align: center; font-size: 20px; font-family: "YakuHanMP", "Noto Serif JP", sans-serif; font-weight: 500; color: #ed5b75; letter-spacing: 0.1em; line-height: 1.6;}
#gc>.content>.concept>.box-content>div>p {margin: 0 auto 20px; padding: 0; text-align: left; font-size: 14px; font-family: "YakuHanMP", "Noto Serif JP", sans-serif; font-weight: 400; color: #ed5b75; letter-spacing: 0.05em; line-height: 1.0;}
#gc>.content>.concept>.box-content>div>.freepage__list {margin: 0 auto 10px; display: flex; flex-wrap: nowrap; align-items: stretch; justify-content: flex-start;}
#gc>.content>.concept>.box-content>div>.freepage__list>dt {margin: 0; padding: 0; text-align: left; font-size: 14px; font-family: "YakuHanMP", "Noto Serif JP", sans-serif; font-weight: 400; color: #ed5b75; letter-spacing: 0.05em; line-height: 1.6;}
#gc>.content>.concept>.box-content>div>.freepage__list>dd {margin: 0; padding: 0; text-align: left; font-size: 14px; font-family: "YakuHanMP", "Noto Serif JP", sans-serif; font-weight: 400; color: #000000; letter-spacing: 0.05em; line-height: 1.6;}
#gc>.content>.concept>.box-content>img {max-width: 100%; border-radius: 10px;}
#gc>.content>.layout--2col {width: 980px; margin: 0 auto 50px; padding: 0; display: flex; flex-wrap: nowrap; justify-content: space-between; vertical-align: top; align-items: stretch;}
#gc>.content>.layout--2col>.titlebox {display: flex; border: 2px solid #ed5b75; border-radius: 10px; background: #ed5b75; width: calc(50% - 10px); margin: 0; text-align: center; overflow: hidden; flex-wrap: nowrap; align-items: center; justify-content: flex-start; flex-direction: column;}
#gc>.content>.layout--2col>.titlebox>dt {background: #ed5b75; color: #ffffff; font-size: 20px; padding: 15px 0;}
#gc>.content>.layout--2col>.titlebox>dd {display: flex; width: 100%; margin: 0; flex-grow: 1; background: #ffffff; padding: 20px; flex-wrap: nowrap; align-items: center; justify-content: center; flex-direction: column; overflow: hidden;}
#gc>.content>.layout--2col>.titlebox>dd>p {margin: 0 auto; padding: 0; text-align: center; font-size: 14px; font-family: "YakuHanMP", "Noto Serif JP", sans-serif; font-weight: 400; color: #ed5b75; letter-spacing: 0.05em; line-height: 1.8;}
#gc>.content02 {width: 100%; margin: 0 auto; padding: 100px 0 100px; text-align: center; background-color: #e6f8fc;}
#gc>.content02>.concept {width: 800px; margin: 0 auto 20px; padding: 0;}
#gc>.content02>.concept>.subtitle {margin: 0 auto 20px; padding: 0; font-size: 40px; font-family: "YakuHanMP", "Noto Serif JP", sans-serif; color: #ED5B75; font-weight: 500; line-height: 1.5; letter-spacing: 0.05em;}
#gc>.content02>.concept>.subtitle--point {display: block; background: #ed5b75; position: relative; margin: 70px auto 40px; padding: 30px 10px; text-align: center; border-radius: 20px;}
#gc>.content02>.concept>.subtitle--point sup {font-size: .5em;}
#gc>.content02>.concept>.subtitle--point>.subtitle__bal {position: absolute !important; top: 0; left: 50%; transform: translate3d(-50%, -50%, 0); text-align: center; background: #ffffff; border-radius: 50px; color: #ed5b75; font-size: 20px; border: 2px solid #ed5b75; padding: .2em 3em; letter-spacing: 0.1em;}
#gc>.content02>.concept>.subtitle--point>h3 {margin: 10px auto 0; padding: 0; font-family: "YakuHanMP", "Noto Serif JP", sans-serif; color: #ffffff; font-size: 28px; font-weight: 500; text-align: center; line-height: 1.5; letter-spacing: 0.1em;}
#gc>.content02>.concept>.layout--2col {width: 100%; margin: 0 auto 50px; padding: 0; display: flex; flex-wrap: nowrap; justify-content: space-between; vertical-align: top; align-items: stretch;}
.point01__img {max-width: 530px; margin: 0;}
.point01__text {max-width: 240px; margin: 0;}
.point05__img {max-width: 500px; margin: 0;}
.point05__text {max-width: 270px; margin: 0;}
.point01__text>p,
.point05__text>p {margin: 0 auto; padding: 0; text-align: justify; font-size: 15px; font-family: "YakuHanMP", "Noto Serif JP", sans-serif; font-weight: 400; color: #000000; letter-spacing: 0.05em; line-height: 2.0;}
.ingrlist {margin: 40px auto 0; background: #ffffff; box-sizing: border-box; display: block;  width: 100%; border-radius: 10px; padding: 20px;}
.ingrlist__ttl {text-align: center; display: block; margin: 10px auto 40px; padding: .3em; display: inline-block; color: #ed5b75; font-size: 30px; font-family: "YakuHanMP", "Noto Serif JP", sans-serif; font-weight: 500; border-bottom: 1px solid;}
.ingrlist__box {display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 20px;}
.ingrlist .ingrlist__item {width: calc((100% - 40px) / 3); text-align: center;}
.ingrlist .ingrlist__img {display: block; margin: 0 auto;}
.ingrlist .ingrlist__img>img {display: block; margin: 0 auto; height: auto; text-align: center;}
.ingrlist .ingrlist__text {text-align: center; color: #ed5b75; font-size: 18px; margin: 10px auto;}
.point02__img {display: flex; flex-wrap: nowrap; align-items: center; justify-content: space-between; margin-top: -30px;}
.point02__img .point02__imgbox {background: #feeeed; max-width: 490px; width: 490px; margin: 0; box-sizing: border-box; padding: 20px; position: relative; z-index: 2;}
.point02__img .point02__imgtext {text-align: center; color: #ed5b75; line-height: 1.7; font-size: 24px; letter-spacing: 0.1em; margin: 0 auto 16px;}
.point02__img .point02__dec {position: relative; z-index: 3; width: 336px; max-width: 336px; margin: 0 0 0 -30px;}
.point02__text {margin: 0 auto;}
.point02__text>p {margin: 0 auto; padding: 0; text-align: justify; font-size: 15px; font-family: "YakuHanMP", "Noto Serif JP", sans-serif; font-weight: 400; color: #000000; letter-spacing: 0.05em; line-height: 2.0;}
.circlelist {display: flex; flex-wrap: nowrap; align-items: center; justify-content: center; gap: 30px; margin: 0 auto;}
.circlelist__item {display: block; margin: 0; width: calc((100% - 60px) / 3); text-align: center;}
.circlelist .circlelist__img {display: block; width: 100%; position: relative; z-index: 2;}
.circlelist .circlelist__img>img {width: 100%;}
.circlelist__item>.img-pc {display: block;}
.circlelist__item>.img-sp {display: none;}
.circlelist__textbox {display: block; position: relative; z-index: 3; margin: -20px auto 0; background: #ffffff; border-radius: 10px; padding: 10px 12px; box-sizing: border-box; color: #ed5b75; font-weight: 500;}
.circlelist .circlelist__textbox>.circlelist__name {font-size: 22px; border-bottom: 1px solid; box-sizing: border-box; padding-bottom: 10px; margin-bottom: 5px;}
.circlelist .circlelist__textbox .circlelist__text {font-size: 14px;}
#gc>.content>.concept-min {width: 800px; margin: 0 auto 20px; padding: 0;}
#gc>.content>.concept-min>.layout--2col {width: 100%; margin: 0 auto 20px; padding: 0; display: flex; flex-wrap: nowrap; justify-content: space-between; vertical-align: top; align-items: stretch;}
#gc>.content>.concept-min>.layout--2col>.image-content {max-width: 200px; margin: 0 30px 0 0;}
#gc>.content>.concept-min>.layout--2col>.image-content>img {width: 100%;}
#gc>.content>.concept-min>.layout--2col>.text-content {max-width: 500px; margin: 0;}
#gc>.content>.concept-min>.layout--2col>.text-content>p {margin: 0 auto 15px; padding: 0; text-align: justify; font-size: 15px; font-family: "YakuHanMP", "Noto Serif JP", sans-serif; font-weight: 400; color: #000000; letter-spacing: 0.05em; line-height: 2.0;}
#gc>.content>.concept-min>.layout--2col>.text-content>.point {margin: 0 auto; padding: 0; color: #ed5b75;}
.border--pink {background-color: #ed5b75; border: none; margin: 20px auto; width: 100%; height: 1px;}
.att {text-align: justify; font-size: 9px; line-height: 1.0; margin: 5px 0 10px;}
.freepage__att {text-align: right; font-size: 9px; line-height: 1.0; margin: 5px 0 10px;}

@media only screen and (max-width: 1000px) {
#gc>.pagetitle .pagetitle__spell {font-size: 30px;}
#gc>.pagetitle .pagetitle__text {font-size: 20px;}
#gc>.pagetitle>.pagetitle__box {min-width: 95%;}
#gc>.content {padding: 60px 0 60px;}
#gc>.content>.concept {width: 90%; display: block;}
#gc>.content>.concept>.box-content {max-width: 100%;}
#gc>.content>.concept>.text-content {flex: 1.0; margin: 0 auto 30px;}
#gc>.content>.concept>.text-content>.logobox>.subtitle {font-size: 28px;}
#gc>.content>.layout--2col {width: 90%;  display: block; margin: 0 auto 0;}
#gc>.content>.layout--2col>.titlebox {display: block; width: 100%; margin: 0 auto 30px;}
#gc>.content>.layout--2col>.titlebox>dd {display: block; width: 100%; padding: 20px 0;} 
#gc>.content02 {padding: 50px 0 50px;}
#gc>.content02>.concept {width: 90%;}
#gc>.content02>.concept>.subtitle {font-size: 28px;}
#gc>.content02>.concept>.subtitle--point {margin: 30px auto 30px; padding: 30px 0;}
#gc>.content02>.concept>.subtitle--point>.subtitle__bal {display: block; width: 90%; margin: 0 auto; position: relative !important; top: auto; left: auto; transform: translate3d(0, 0, 0); font-size: 18px; padding: .5em 0; letter-spacing: 0.05em;}
#gc>.content02>.concept>.subtitle--point>h3 {font-size: 20px;}
#gc>.content02>.concept>.layout--2col {width: 100%; display: block; margin: 0 auto 0;}
.point01__img {max-width: 100%; margin: 0;}
.point01__img>img {width: 100%; margin: 0 auto 20px;}
.point01__text {max-width: 100%; margin: 0;}
.point05__img {max-width: 100%; margin: 0;}
.point05__img>img {width: 100%; margin: 0 auto 20px;}
.point05__text {max-width: 100%; margin: 0;}
.ingrlist__ttl {font-size: 24px;}
.ingrlist .ingrlist__item {width: calc((100% - 20px) / 2); text-align: center;}
.ingrlist .ingrlist__img>img {width: 100%;}
.ingrlist .ingrlist__text {font-size: 15px;}
.point02__img {margin-top: 0;}
.point02__img .point02__imgbox {max-width: 65%; width: 65%; margin: 0; padding: 20px 3%;}
.point02__img .point02__imgbox>.freepage__img {width: 100%;}
.point02__img .point02__imgbox>.freepage__img>img {width: 100%;}
.point02__img .point02__imgtext {font-size: 18px;}
.point02__img .point02__dec {width: 40%; max-width: 40%; margin: 0 0 0 -20px;}
.point02__img .point02__dec>.freepage__img {width: 100%;}
.point02__img .point02__dec>.freepage__img>img {width: 100%;}
.point02__text {margin: 20px auto 0;}
.circlelist {display: block; gap: 0; margin: 0 auto;}
.circlelist__item {display: flex; margin: 0 auto 20px; width: 100%; align-items: center;}
.circlelist .circlelist__img {width: 50%;}
.circlelist__textbox {width: 60%; left: -10px; margin: 0 auto 0; padding: 20px 3%;}
.circlelist__item:nth-of-type(2)>.circlelist__textbox {width: 60%; left: 10px; margin: 0 auto 0; padding: 20px 3%;}
.circlelist .circlelist__textbox>.circlelist__name {font-size: 19px;}
.circlelist .circlelist__textbox .circlelist__text {font-size: 13px;}
.circlelist__item>.img-pc {display: none;}
.circlelist__item>.img-sp {display: block;}
#gc>.content>.concept-min {width: 90%;}
#gc>.content>.concept-min>.layout--2col {width: 100%; display: block; margin: 0 auto 60px;}
#gc>.content>.concept-min>.layout--2col>.text-content>.image-content-sp {float: right; width: 35%; margin-left: 5%;}
#gc>.content>.concept-min>.layout--2col>.text-content>.image-content-sp>img {width: 100%;}
#gc>.content>.concept-min>.layout--2col>.text-content {max-width: 100%; margin: 0;}
.border--pink {clear: both;}
}

/*/////////////////// HistoryList ///////////////////*/
#historyWrap {width: 100%; margin: 0 auto 80px; padding: 40px 0; background: none; text-align: center; border-top: 1px solid #cfcfcf; /*border-bottom: 1px solid #adadad;*/}
.history_list {width: 1100px; margin: 0 auto; padding: 0; display: flex; flex-wrap: wrap; justify-content: space-between;}
.history_list>div {display: flex; flex-wrap: wrap; justify-content: space-between;}
/*.history_list>div>.product_item {display: inline-block; width: 18%; width : -webkit-calc(100% / 5); width : calc(100% / 5 - 30px); margin: 0 auto 0; padding: 0; vertical-align: top;}*/
.history_list>div>.product_item>.productImage {margin-bottom: 10px; float: left; width: 100%;}
.history_list>div>.product_item>.productImage>a>img {width: 100%;}
.history_list>div>.product_item>.productContents {width: 100%; display: block; margin: 0 auto ; padding: 0; align-items: center; justify-content: center;}
.history_list>div>.product_item>.productContents>h3 {width: 100%; display: block; margin: 0 auto 5px; padding: 0; text-align: center; letter-spacing: 0.02em; line-height: 1.1;}
.history_list>div>.product_item>.productContents>h3>a,
.history_list>div>.product_item>.productContents>h3>a:link,
.history_list>div>.product_item>.productContents>h3>a:visited {margin: 0 auto 0; padding: 0; font-size: 13px;  font-weight: 400; color: #232323; text-align: center; letter-spacing: 0.02em; line-height: 1.5; text-decoration: none;}
.history_list>div>.product_item>.productContents>.sale_price,
.history_list>div>.product_item>.productContents>.sale_price>span {color: #ED5B75; font-size: 13px;}
.history_list>div>.product_item>.productContents>.sale_price>.normal>span.price {color: #ED5B75; font-size: 110%;}
.history_list>div>.product_item>.productContents>.sale_price>span>#price02_inctax_default_,
.history_list>div>.product_item>.productContents>.sale_price>span>#teiki_first_price_inctax_default_ {color: #ED5B75; font-size: 140%; font-weight: 400;  letter-spacing: 0.01em; line-height: 1.0;}
.history_list>div>.product_item>.productContents>.sale_price>.raku2_differ_price {color: #232323; font-size: 15px;}
.history_list>div>.product_item>.productContents>.sale_price>.raku2_price_label {font-size: 90%; color: #ED5B75;}
.history_list>div>.product_item>.productContents>.sale_price>.raku2_price_unit,
.history_list>div>.product_item>.productContents>.sale_price>.raku2_price_tax_before,
.history_list>div>.product_item>.productContents>.sale_price>.raku2_price_tax_unit,
.history_list>div>.product_item>.productContents>.sale_price>.raku2_price_tax_after {font-size: 70%; color: #ED5B75;}
#recommend_area .block_body div.sale_price,
#main_column .recommend_list .block_body div.sale_price, #main_column .ranking_list .block_body div.sale_price,
#main_column .history_list .block_body div.sale_price, #main_column .related_list .block_body div.sale_price,
#main_column .block_body div.normal {text-align: center;}
#whobought_area .product_item div.sale_price {text-align: center;}

.history_list>div>.product_item>.raku2_productImage {margin-bottom: 10px; float: left; width: 100%;}
.history_list>div>.product_item>.raku2_productImage>a>img {width: 100%;}
.history_list>div>.product_item>.raku2_productContents {width: 100%; display: block; margin: 0 auto ; padding: 0; align-items: center; justify-content: center;}
.history_list>div>.product_item>.raku2_productContents>h3 {width: 100%; display: block; margin: 0 auto ; padding: 0; text-align: justify; letter-spacing: 0.02em; line-height: 1.1;}
.history_list>div>.product_item>.raku2_productContents>h3>a,
.history_list>div>.product_item>.raku2_productContents>h3>a:link,
.history_list>div>.product_item>.raku2_productContents>h3>a:visited {margin: 0 auto 0; padding: 0; font-size: 13px; font-weight: 400; color: #232323; text-align: justify; letter-spacing: 0.02em; line-height: 1.5; text-decoration: none;}
.history_list>div>.product_item>.raku2_productContents>.raku2_price_area>.raku2_price,
.history_list>div>.product_item>.raku2_productContents>.raku2_price_area>.raku2_price_tax {color: #ED5B75 !important; font-size: 16px; font-weight: 400;  letter-spacing: 0.01em; line-height: 1.0;}
.history_list>div>.product_item>.raku2_productContents>.raku2_price_area>.raku2_differ_price {color: #232323; font-size: 15px;}
.history_list>div>.product_item>.raku2_productContents>.raku2_price_area>.raku2_price_label {font-size: 90%; color: #ED5B75 !important;}
.history_list>div>.product_item>.raku2_productContents>.raku2_price_area>.raku2_price_unit,
.history_list>div>.product_item>.raku2_productContents>.raku2_price_area>.raku2_price_tax_before,
.history_list>div>.product_item>.raku2_productContents>.raku2_price_area>.raku2_price_tax_unit,
.history_list>div>.product_item>.raku2_productContents>.raku2_price_area>.raku2_price_tax_after {font-size: 70%; color: #ED5B75 !important;}
#main_column .history_list .block_body {padding: 0;}
#main_column .history_list .product_item {display: inline-block; width: 18%; width : -webkit-calc(100% / 5); width : calc(100% / 5 - 30px); margin: 0 auto 0; padding: 0; vertical-align: top;}
#main_column .history_list .product_item:nth-child(5n) {padding-right: 0;}
#main_column .raku2_history_list .block_body {margin-left: 0;}
#main_column .raku2_history_list div.raku2_history_layout {margin-right: 0; margin-left: 0;}

@media only screen and (max-width: 1000px) {
#historyWrap {width: 100%; margin: 0 auto 80px; padding: 30px 0; background: none; text-align: center;}
.history_list {width: 95%; margin: 0 auto;}
.history_list>div {display: flex; flex-wrap: wrap; justify-content: space-between}
/*.history_list>div>.product_item {display: inline-block; width: 32%; width : -webkit-calc(100% / 2) ; width : calc(100% / 2 - 20px); margin: 0 auto 30px; padding: 0; vertical-align: top;}*/
.history_list>div>.product_item>.raku2_productContents>h3>a:visited {font-size: 11px;}
.history_list>div>.product_item>.raku2_productContents>.raku2_price_area>.raku2_price,
.history_list>div>.product_item>.raku2_productContents>.raku2_price_area>.raku2_price_tax {font-size: 14px;}
.history_list>div>.product_item>.raku2_productContents>.raku2_price_area>.raku2_differ_price {font-size: 13px;}
#main_column .history_list .product_item {display: inline-block; width: 32%; width : -webkit-calc(100% / 2) ; width : calc(100% / 2 - 20px); margin: 0 auto 30px; padding: 0; vertical-align: top;}
}

/*/////////////////// News ///////////////////*/
#newsWrap {max-width: 100%; margin: 0 auto 0; padding: 100px 0; background-color: #FEEEED;}
#news_area dl.newslist,
#news_area dl.newslist:last-child {background: none;}
#main_column.colnum1 .raku2_theme01, #main_column .raku2_theme01 {text-align: left;}
#main_column.colnum1 .raku2_theme01 h3.eng_tit,
#main_column .raku2_theme01 h3.eng_tit {display: block; margin: 0 auto 15px; padding: 0; font-size: 18px; font-family: "YakuHanMP", "Noto Serif JP", sans-serif; font-weight: 400; color: #000000; text-align: center; letter-spacing: 0.15em; line-height: 1.0; text-decoration: none;}
#main_column .raku2_theme01 #news_area {max-width: 1000px; margin: 0 auto 80px;}
#main_column .raku2_theme01 #news_area .news_contents {text-align: justify; padding:0; max-height: 300px; height: auto; overflow:auto; overflow-y:scroll;}
#main_column .raku2_theme01 #news_area .news_contents .newslist {width: 96%; margin: 0 auto; display: block; border-bottom: 1px solid #cfcfcf;}
#main_column .raku2_theme01 #news_area .news_contents .newslist .mini {display: block; color: #000000;}
#main_column .raku2_theme01 #news_area dl.newslist {padding: 15px 2% 10px !important;}
#main_column .raku2_theme01 #news_area dl.newslist a,
#main_column .raku2_theme01 #news_area dl.newslist a:link,
#main_column .raku2_theme01 #news_area dl.newslist a:visited {color: #ED5B75; font-family: "YakuHanMP", "Noto Serif JP", sans-serif;}
#main_column .raku2_theme01 #news_area dl.newslist a:hover {color: #797979;}
#main_column .raku2_theme01 #news_area dl.newslist dt {display: block;}
#main_column .raku2_theme01 #news_area dl.newslist dd {color: #000000; font-size: 13px;}
#main_column .raku2_theme01 .news_btnarea>a,
#main_column .raku2_theme01 .news_btnarea>a:link,
#main_column .raku2_theme01 .news_btnarea>a:visited {cursor: pointer; display: flex; width: 350px; height: 45px; margin: 10px auto 0; color: #ffffff; font-family: "YakuHanMP", "Noto Serif JP", sans-serif; font-size: 14px; font-weight: 400; text-decoration: none; align-items: center; justify-content: center; background-color: #766962; border: 1px solid #766962;}
#main_column .raku2_theme01 .news_btnarea>a:hover {color: #766962; background-color: #ffffff;}

@media only screen and (max-width: 1000px) {
#main_column .raku2_theme01 #news_area {max-width: 92%; margin: 0 auto 80px;}
#main_column .raku2_theme01 #news_area .news_contents .newslist .mini {display: block;}
#main_column .raku2_theme01 #news_area dl.newslist dt {display: block;}
#main_column .raku2_theme01 #news_area dl.newslist dd {padding-left: 0;}
}

/*/////////////////// 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: #232323; border-bottom: 1px solid #cfcfcf !important; font-weight: 400;}
.guide_area>h3 {color: #766962; 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: #232323;}
.guide_area>.contents_outer>.telephone>span {font-size: 80%; color: #232323; 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 #232323; background-color: #232323;}
.guide_area>.contents_outer>.linkbtn_contact:hover {color: #232323; 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: 400; color: #232323;}
.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: #232323;}
.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 #232323;}
.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: #232323; text-decoration: none;}
.guide_area>.contents_outer>ul {width: 97%; margin: 0 auto 20px; padding: 0;}
.guide_area>.contents_outer>ul>li {margin: 0 auto 5px; list-style: none; font-size: 15px; line-height: 1.5; 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: 30%; width : -webkit-calc(100% / 3); width : calc(100% / 3 - 20px); height: auto; 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: #232323; border: 1px solid #232323; 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-family: "YakuHanMP", "Noto Serif JP", sans-serif; 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: #766962; 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: #232323; font-size: 20px; font-family: "YakuHanMP", "Noto Serif JP", sans-serif; font-weight: 400; letter-spacing: 0.1em; line-height: 1.0; border-bottom: 1px solid #232323;}
.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: #232323; 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: #232323;}
.faq_area>.accordion button:hover::after,
.faq_area>.accordion button:focus::after {cursor: pointer; color: #232323; border: 1px solid #232323;}
.faq_area>.accordion button .accordion-title {margin: 0 auto; padding: 20px 30px 18px 50px; text-indent: -25px; text-align: left; color: #232323; font-family: "YakuHanMP", "Noto Serif JP", sans-serif; 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: 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: #232323;}
.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: #232323;}
.faq_area>.accordion button[aria-expanded=true] {color: #232323;}
.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 #232323; 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: 12px auto; font-family: "YakuHanMP", "Noto Serif JP", sans-serif; font-weight: 400; color: #232323; letter-spacing: 0.01em; line-height: 1.6; text-align: justify;}
.faq_area>.accordion .accordion-content__inner>.faq-flex>ul>.faq-text {font-size: 15px; margin: 8px auto; font-family: "YakuHanMP", "Noto Serif JP", sans-serif; font-weight: 400; color: #232323; letter-spacing: 0.01em; line-height: 1.6; text-align: justify;}
.faq_area>.accordion .accordion-content__inner>.faq-flex>ul {margin: 0 auto; padding: 0;}
.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 {margin: 8px auto; font-size: 13px; font-family: "YakuHanMP", "Noto Serif JP", sans-serif;}
.faq_area>.accordion .accordion-content__inner>.faq-flex>.faq-text>.emp{font-size: 110%; font-weight: 600; color: #766962;}
.faq_area>.accordion .accordion-content__inner>.faq-flex>.faq-atten>.emp {font-size: 100%; color: #766962;}
.faq_area>.accordion .accordion-content .postage-text {font-size: 14px; margin: 15px auto 0; font-weight: 400; color: #232323; 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: #232323; 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: #232323; 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: #766962; font-weight: 600; text-decoration: none;}
.faq_area>.accordion .accordion-content__inner>.faq-flex>.faq-text>a>.num {font-size: 120%; font-family: "YakuHanMP", "Noto Serif JP", sans-serif;}
.faq_area>.accordion .accordion-content .contact-info {font-size: 15px; margin: 0 auto 10px; font-weight: 400; color: #232323; letter-spacing: 0.01em; line-height: 1.6; text-align: center;}
.faq_area>.accordion .accordion-content .contact-info>.telno {font-family: "YakuHanMP", "Noto Serif JP", 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 #232323; background-color: #232323;}
.faq_area>.accordion .accordion-content__inner>.faq-flex>.linkbtn_contact:hover {color: #232323; 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: 22px; font-family: "YakuHanMP", "Noto Serif JP", sans-serif; font-weight: 600; text-decoration: none; color: #766962;}
.faq_area>.accordion .accordion-content__inner>.faq-flex>.telephone>span {font-size: 60%; color: #232323; 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;}
}

/*/////////////////// 全成分 ///////////////////*/
#formulation {width: 100%; margin: 0 auto; padding: 50px 0 50px; /*background-color: #f8f8f8;*/}
#formulation>.content {width: 1000px; margin: 0 auto 20px; padding: 0 0 20px; display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #cfcfcf;}
#formulation>.content>.text-content {flex: 1.0;}
#formulation>.content>.text-content>h3 {margin: 0 auto 20px; font-family: "YakuHanMP", "Noto Serif JP", sans-serif; font-size: 24px; letter-spacing: 0.02em; line-height: 1.0; font-weight: 500; text-align: left;}
#formulation>.content>.text-content>p {font-family: "YakuHanMP", "Noto Serif JP", sans-serif; margin: 0 auto; padding: 0; font-size: 14px; letter-spacing: 0.02em; line-height: 1.8; font-weight: 400; color: #000000; text-align: justify;}
#formulation>.content>.image-content {max-width: 300px; margin-left: 0;}
#formulation>.content>.image-content>img {max-width: 100%;}

@media only screen and (max-width: 1000px) {
#formulation>.content {width: 90%; display: block; text-align: center;}
#formulation>.content>.text-content>h3 {font-size: 18px; margin: 0 auto 15px;}
#formulation>.content>.image-content {max-width: 70%; margin: 0 auto;}
#formulation>.content>.text-content>p {font-size: 12px; letter-spacing: 0.01em; line-height: 1.6;}
}

/*/////////////////// Company ///////////////////*/
.companyArea {width: 100%; margin: 0 auto 50px;}
.companyArea>.company-content {width: 100%; margin: 0 auto 0;}
.companyArea>.company-content>.kv {width: 100%; margin: 0 auto 30px;}
.companyArea>.company-content>.kv>img  {width: 100%; margin: 0 auto;}
.companyArea>.company-content>.Lead {width: 80%; margin: 0 auto 100px;}
.companyArea>.company-content>.Lead>p {font-size: 15px; margin: 0 auto 15px; font-family: "YakuHanMP", "Noto Serif JP", sans-serif; font-weight: 400; color: #232323; letter-spacing: 0.02em; line-height: 2.0; text-align: justify;}
.company-content__inner {width: 80%; 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-family: "YakuHanMP", "Noto Serif JP", sans-serif; font-weight: 500; color: #232323; 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-family: "YakuHanMP", "Noto Serif JP", sans-serif; font-weight: 400; color: #232323; padding: 5px 1% 10px; text-align: justify;}

/*/////////////////// Privacy,Order,Contact ///////////////////*/
div#undercolumn_entry,
div#undercolumn_order,
div#undercolumn_contact {width: 80%; margin: 0 auto 0; padding: 0 0;}
dl.form_info {width: 100%; margin: 10px auto 15px;line-height: 1.5;}
.privacyWrap {width: 100%; margin: 10px auto 15px;line-height: 1.5;}
.privacyWrap>h2 {margin: 20px auto 15px; padding: 5px 0;}

/*/////////////////// MyPage ///////////////////*/
#main_column.colnum1 #mypagecolumn {width: 80%; margin: 0 auto; color: #232323;}
#customer_info>.customer_detail>p>.f_weight {font-size: 120%; color:#ED5B75;}
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 {padding: 10px 15px; color: #ffffff; background-color: #ED5B75; border: 1px solid #ED5B75; border-radius: 30px;}
ul#mypage_nav.nav_list_style li a:hover {color: #ED5B75; background-color: #ffffff;}
ul#mypage_nav.nav_list_style li a:hover i:before {color: #ED5B75;}
ul#mypage_nav li a i:before {color: #ffffff;}
ul#mypage_nav li a i:hover::before {color: #ED5B75;}
.periodical_history_list .periodical_info span.periodical_status,
#mycontents_area.periodical_order_history .periodical_order_detail_bloc span.periodical_status {background: #ED5B75;}
#mycontents_area.mypage-top ul#mypage_nav {text-align: center;}

/*/////////////////// MembersPage ///////////////////*/
#members_detail {border: solid 1px #efefef; padding: 25px; width: 1000px; margin: 0 auto;}
#members_detail #members_detail_info h2#company_name {color: #ED5B75; 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: #232323;}
#coupon_list #coupon_list_inner #coupon_list_right #coupon_info dl h3 {padding: 4px 0; background: #232323; 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 ///////////////////*/
#site-footer {width: 100%; margin: 0 auto 0; padding: 100px 0 30px;}
.addtel-f {box-sizing: border-box; width: 100%; margin: 0 auto;}
.addtel-f .addtel-f__text {text-align: center; font-size: 20px; font-family: "YakuHanMP", "Noto Serif JP", sans-serif; font-weight: 400; letter-spacing: 0.1em;}
.addtel-f .addtel-f__box {text-align: center;}
.addtel-f .addtel-f__btn {border-radius: 100px; border: 1px solid #dfdfdf; background: #fbfbfb; width: 350px; margin: 20px auto 0; box-sizing: border-box; padding: 15px;}
.addtel-f .addtel-f__title {display: block; font-size: 14px; font-family: "Noto sans JP", sans-serif; word-break: keep-all; white-space: nowrap; letter-spacing: 0.06em; line-height: 1.25em;}
.addtel-f .addtel-f__tel {display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -ms-align-items: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: center;}
.addtel-f .addtel-f__ic {width: 36px; margin-right: 6px;}
.addtel-f .addtel-f__ic>img {display: block; max-width: 100%;}
.addtel-f .addtel-f__number {font-size: 28px; font-family: "YakuHanMP", "Noto Serif JP", sans-serif; font-weight: bold; color: #ed5b75; letter-spacing: 0.06em; line-height: 1.25em;}
.addtel-f .addtel-f__time {display: block; font-size: 12px; font-family: "Noto sans JP", sans-serif; word-break: keep-all; white-space: nowrap; letter-spacing: 0.06em; line-height: 1.25em;}
#site-footer .inner.inner--addtel {padding-top: 50px;}
#site-footer .footer-logo {width: 190px; margin: 0px auto;}
#site-footer .footer-logo>img {display: block; max-width: 100%;}
#site-footer .footer-linkList {display: flex; justify-content: space-between; width: 700px; margin: 20px auto 0; padding: 0; list-style: none;}
#site-footer .footer-linkList a,
#site-footer .footer-linkList a:link,
#site-footer .footer-linkList a:visited {color: #000000; font-size: 14px; font-family: "YakuHanMP", "Noto Serif JP", sans-serif; font-weight: 400; white-space: nowrap; text-decoration: none;}
.l-footer__copy {height: 42px; margin-top: 20px; background-color: rgb(255, 255, 255); color: rgb(0, 0, 0); border-top: none; text-align: center;}
.l-footer__copy span {display: block; margin: 0 auto; font-size: 12px; font-family: "YakuHanMP", "Noto Serif JP", sans-serif;}