html {
margin-top: 0px !important;
}
.clear {
clear: both;
font: 0pt/0pt sans-serif;
}
.owl-nav.disabled {
display: none;
}
img {
width:100%;
vertical-align:top;
display:block;
padding:0px;
margin:0px;
border: 0px;
}
* {
-webkit-appearance: none;
box-sizing: border-box;
-webkit-box-sizing: border-box;
}
html, body, ul, ol, li, h1, h2, h3, h4, h5, h6, p, div {
margin: 0;
padding: 0;
font-weight:400;
list-style:none;
}
a {
color:#000;
text-decoration:none;
}
::-webkit-scrollbar{
width: 10px;
}
::-webkit-scrollbar-track{
background: #fff;
border-left: solid 1px #ececec;
}
::-webkit-scrollbar-thumb{
background: #ddd;
border-radius: 10px;
box-shadow: inset 0 0 0 2px #fff;
}
p.howto_p.--center {
text-align: center;
}
input, select, textarea {
border-radius: 0rem;
font-family: "Roboto", sans-serif;
font-size:1.2rem;
border-
}
@media screen and (min-width: 980px){
.top_background {
position: absolute;
margin: 8rem 2rem;
}div#ini_bg {
position: absolute;
width: 44rem;
margin-top: 2rem;
margin-left: -2rem;
}div#log_bg {
position: absolute;
width: 44rem;
margin-top: 2rem;
margin-left: -2rem;
}
div#item {
padding: 2rem;
}.item_img {
}.item_text {
margin: 4rem 0;
}button.cart_bt {
border: none;
background: #ff0000;
color: #fff;
font-weight: bold;
padding: 1.4rem 4rem;
letter-spacing: 0.1rem;
cursor: pointer;
display: block;
width: 100%;
margin-top: 2rem;
}ul.item_img_list {
display: flex;
justify-content: space-between;
align-items: flex-start;
margin-top: 1rem;
}h2.item_title {
font-size: 1.8rem;
font-weight: bold;
line-height: 1.4;
margin-bottom: 2rem;
}h2.item_title small {
display: block;
color: #999;
font-size: 1.1rem;
font-weight: 500;
padding: 1rem;
}p.shipping_date_p {
margin: 1rem 0;
position: relative;
display: flex;
justify-content: flex-start;
align-items: flex-start;
}span.shipping_date {
width: 10rem;
}p.item_select_p {
display: flex;
justify-content: flex-start;
align-items: center;
}span.item_select_titme {
width: 10rem;
}select.item_select {
margin: 1rem 0;
width: 36rem;
padding: 1rem 1rem;
background: #F8F8F8;
border: solid 1px #707070;
border-radius: 0px;
}
:root {
font-size: 1vw;
}
body {
letter-spacing: 0.1em;
-webkit-overflow-scrolling: touch;
font-family: "Roboto", sans-serif;
width: 100%;
font-weight: 400;
list-style: none;
background: #e6f0ff;
line-height: 2;
font-size: 1.3rem;
}
#header_nav{
position: fixed;
z-index: 99;
top: 0;
left: -120%;
width: 100%;
height: 100vh;
background: rgb(36 36 36 / 73%);
transition: all 0.6s;
}#header_nav.panelactive{
left: 0;
}#header_nav ul {
position: absolute;
z-index: 10;
top: 10vh;
width: 100%;
}#header_nav li {
list-style: none;
padding: 0.5rem 2rem;
margin: 0.5rem 2rem;
border-bottom: 1px solid rgb(255 255 255 / 25%);
font-size: 1.4rem;
color: #fff;
}.product_list {
margin-top: 1rem;
}.product_list span {
display: block;
padding: 0.5rem 1rem;
margin: 0 1rem;
font-size: 1.4rem;
}.product_list span:before {
content: "\002d";
}#header_nav li small {
display: block;
font-size: 0.9rem;
}#header_nav li a{
color: #fff;
text-decoration: none;
letter-spacing: 0.1em;
}#gnav span{
display: inline-block;
transition: all .4s;
}#gnav.active span:nth-of-type(1) {
background: #fff;
transform: translateY(0.4rem) rotate(-45deg);
}#gnav.active span:nth-of-type(2) {
width: 3rem;
background: #fff;
transform: translateY(-0.18rem) rotate(45deg)
}div#header-inner {
display: flex;
justify-content: center;
align-items: center;
position: relative;
height: 4.5rem;
}div#gnav {
width: 3rem;
height: 2.5rem;
margin: 1rem;
cursor: pointer;
position: absolute;
z-index: 999;
left: 0rem;
top: 0rem;
}div#gnav span:nth-of-type(1) {
width: 3rem;
height: 2px;
background: #191919;
display: block;
margin: 0.5rem;
}div#gnav span:nth-of-type(2) {
width: 2rem;
height: 2px;
background: #191919;
display: block;
margin: 0.5rem;
}
header {
position: fixed;
width: 100%;
z-index: 10;
top: 0;
}
h1#header_logo {
font-weight: 600;
color: #fff;
font-family: ultowa;
font-size: 1.4rem;
letter-spacing: 1rem;
text-indent: 1rem;
}h1#header_logo sup {
position: absolute;
font-size: 0.5rem;
margin-left: -1rem;
}h1#header_logo small {
display: block;
font-size: 0.5rem;
font-weight: bold;
letter-spacing: 1em;
}h1#header_logo a {
text-decoration: none;
color: #fff;
}ul#header_icon {
display: flex;
justify-content: center;
align-items: center;
margin-right: 1rem;
}ul#header_icon li {
width: 3.5rem;
padding: 1rem 0.5rem;
position: relative;
}ul#header_icon li:last-child {
width: 2.8rem;
}ul#header_icon li svg {
stroke: #fff;
color: #fff;
}h1#header_logo {
width: 15rem;
}span.cart_num {
position: absolute;
z-index: 1;
background: #F57E7E;
width: 1.3rem;
height: 1.3rem;
line-height: 1.3rem;
text-align: center;
color: #fff;
display: block;
right: 0;
padding-left: 0.1rem;
top: 0.5rem;
border-radius: 1rem;
font-size: 0.9rem;
}
header#header_detail {
position: absolute;
background: #fff;
border-bottom: 1px solid;
padding: 0 24rem;
}.bag {
position: fixed;
bottom: 2rem;
right: 19rem;
background: #fff;
padding: 2rem;
border-radius: 10rem;
}span.backnumber_data {
display: table;
color: #fff;
background: #ED7878;
width: 1.6rem;
height: 1.6rem;
text-align: center;
line-height: 1.4;
border-radius: 10rem;
font-size: 1rem;
padding-top: 0.1rem;
padding-left: 0.2rem;
}span.bag_img {
z-index: 99;
top: 1rem;
position: absolute;
width: 2rem;
left: 1rem
}.bag_number {
z-index: 99;
position: absolute;
top: -0.5rem;
right: -0.2rem;
}
div#mv {
width: 50rem;
overflow: hidden;
margin: 0rem auto 0;
position: relative;
}h2.mv_h2 {
position: absolute;
top: 48rem;
left: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
width: 20rem;
}h2.mv_h2 small {
display: table;
margin: 0.5rem auto;
width: 10rem;
}div#mv_message {
position: absolute;
bottom: 1rem;
left: 1rem;
width: 26rem;
}
main {
padding: 3rem 0rem;
width: 50rem;
margin: 0 auto;
position: relative;
overflow: hidden;
background: #fff;
}
div#content_about {
padding: 0rem 3.6rem;
position: relative;
overflow: hidden;
}h2.content_h2 {
font-weight: 500;
font-size: 2.2rem;
line-height: 1.4;
}h3.content_h3 {
margin: 2rem 0;
line-height: 1.6;
font-size: 1.8rem;
font-weight: 400;
}p.content_about_p {
line-height: 2.2;
}
.more_bt {
margin: 4rem 0;
text-align: center;
}a.more_in {
color: #355596;
font-size: 1.3rem;
display: block;
padding: 0.2rem 4rem;
border: solid 1px;
border-radius: 10rem;
width: 30rem;
margin: 0 auto 1rem;
}a.more_grav {
color: #C7455B;
font-size: 1.3rem;
display: block;
padding: 0.2rem 4rem;
border: solid 1px;
border-radius: 10rem;
width: 30rem;
margin: 0 auto 0rem;
}
div#content_line {
margin: 6rem 0;
border-top: 1px solid;
padding-top: 1.6em;
}h2.content_h2.--line {
font-family: "canto", serif;
font-weight: 600;
font-style: normal;
text-align: center;
}h3.content_line_h3 {
line-height: 2;
font-size: 1.28rem;
margin: 3rem auto 1rem;
border: solid 1px;
width: 16rem;
text-align: center;
}.item_logo_initioal {
margin: 1.4rem auto;
width: 30rem;
}span.item_sub_title {
font-family: "yu-mincho-pr6n", sans-serif;
text-align: center;
display: table;
margin: 1rem auto;
font-size: 1.4rem;
letter-spacing: 0.2em;
}span.item_sub_title:before {
content: "\003008";
}span.item_sub_title:after {
content: "\003009";
}
.item_catch {
font-family: "yu-mincho-pr6n", sans-serif;
letter-spacing: 0.15em;
text-align: center;
font-size: 1.7rem;
line-height: 1.6;
}.item_catch small {
display: block;
font-size: 1.3rem;
}.item_plan {
font-weight: 500;
margin: 1rem 0;
text-align: center;
font-size: 2.4rem;
}a.view_more {
margin: 3rem auto 6rem;
width: 26rem;
display: table;
border: solid 1px;
padding: 0.8rem 8rem;
border-radius: 10rem;
position: relative;
}a.view_more {
margin: 3rem auto 6rem;
width: 26rem;
display: table;
border: solid 1px;
padding: 0.8rem 8rem;
border-radius: 10rem;
position: relative;
}a.view_more:after {
content: "\002192";
position: absolute;
right: 1rem;
top: 0.2rem;
font-size: 1.2rem;
}
.other_content {
background: #F4F4F4;
padding: 3rem 0rem 11rem;
}.series_logo {
width: 18rem;
margin: 0 auto;
}.series_ban {
margin: 3rem 2rem 0rem 0rem;
}.series_space {
margin: 2rem 3rem;
}p.series_p {
margin: 2rem 0 0;
letter-spacing: 0.3em;
font-size: 1.3rem;
}.other_img {
margin: 6rem;
position: relative;
}.other_img2 {
position: absolute;
bottom: -11rem;
left: -13rem;
width: 38rem;
}
.sns {
padding: 4rem 0;
text-align: center;
}h2.sns_title_h2 {
font-family: "Roboto", sans-serif;
font-weight: 300;
font-style: normal;
font-size: 1.6rem;
}ul.sns_ul {
display: flex;
justify-content: center;
align-items: center;
margin: 1rem 0;
}ul.sns_ul li {
width: 5rem;
margin: 0 1.5rem;
}
div#other_products {
margin: 0rem 0;
padding: 4rem 2rem;
border-top: 1px solid;
}h2.content_h2.--other_products {
text-align: center;
font-weight: bold;
font-size: 2.6rem;
}ul.other_products_ul li {
margin: 4rem 0;
}.other_products_ul_title {
width: 24rem;
margin: 2rem auto;
}img.--silmere {
width: 12rem;
margin: 0 auto;
}
footer {
border-top: 1px solid;
padding: 4rem 4rem;
}ul.footer_ul li {
padding: 0.5rem 0;
}ul.footer_ul li a {
display: block;
}.copyright {
text-align: center;
border-top: 1px solid;
padding-top: 2rem;
margin-top: 6rem;
}
.item_page_catch {
text-align: center;
margin: 2rem 0;
}span.item_page_kana {
text-align: center;
display: table;
margin: 0 auto;
font-size: 1.2rem;
}div#item_page_top {
position: relative;
padding-bottom: 6rem;
overflow: hidden;
}
h2.item_pace_feature_h2 {
font-family: "Roboto", sans-serif;
font-weight: 700;
font-style: normal;
text-align: center;
font-size: 2.4rem;
}div#item_pace_feature {
padding: 4rem 0;
border-top: 1px solid;
}p.item_pace_feature_p {
margin: 1rem 0;
text-align: center;
}p.item_pace_feature_p small {
display: block;
margin-bottom: 0.1rem;
}img.initioal_img1 {
margin-bottom: 2rem;
display: block;
}img.initioal_component_img {
display: block;
width: 42rem;
margin: 2rem auto;
}p.initioal_component_p {
margin: 3rem 0;
text-align: center;
font-size: 2.2rem;
line-height: 1.6;
}p.initioal_component_p small {
display: block;
text-align: center;
font-size: 1.4rem;
}span.arrow {
width: 10rem;
display: table;
margin: 0 auto;
}p.initioal_component_p.--small {
font-size: 1.8rem;
}div#product_item {
border-top: 1px solid #707070;
padding: 1rem 0;
}
.product_item_img {
position: relative;
}h3.product_item_sub_title_h3 {
font-family: "Roboto", sans-serif;
font-weight: 300;
font-style: normal;
font-size: 1rem;
margin: 2rem 2rem 0;
}h3.product_item_sub_title_h3 b {
font-family: "source-han-serif-jp-subset", sans-serif;
font-weight: 500;
font-style: normal;
display: block;
font-size: 1.8rem;
}p.item_product_p {
text-align: right;
margin-right: 2rem;
font-size: 1.6rem;
}p.item_product_p small {
font-size: 1rem;
margin-left: 0.5rem;
}p.item_product_p small:before {
content:"\0028";
}p.item_product_p small:after {
content:"\0029";
}a.product_a {
background: #87A5C4;
margin: 2rem auto;
display: table;
padding: 0.8rem;
color: #fff;
width: 36rem;
text-align: center;
border-radius: 4px;
font-family: "Roboto", sans-serif;
}a.product_b {
background: #B19999;
margin: 2rem auto;
display: table;
padding: 0.8rem;
color: #fff;
width: 36rem;
text-align: center;
border-radius: 4px;
font-family: "Roboto", sans-serif;
}
.product_item {
margin: 0rem 0 4rem;
}div#fragrance {
border-top: 1px solid #707070;
padding: 1rem 0;
}.fragrance_img {
margin-bottom: 2rem;
}.fragrance_img2 {
width: 40rem;
margin: 3rem auto;
}p.fragrance_p {
font-size: 1rem;
margin: 0 6rem 6rem;
}.fragrance_img3 {
width: 40rem;
margin: 0rem auto;
}
.bottom_grav {
margin: 6rem 0;
}h2.bottom_grav_h2 {
text-align: center;
margin-bottom: 1rem;
}.bottom_grav_title {
margin: 2rem 6rem;
}img.gravity_img {
display: block;
padding: 1rem 2rem;
}
ol#pankuzu {
display: flex;
justify-content: flex-start;
align-items: center;
font-family: "gill-sans-nova", sans-serif;
font-weight: 300;
font-size: 1rem;
padding-top: 3rem;
}ol#pankuzu li {
padding: 0 1rem;
}div#item_detail {
margin: 3rem;
}h1.item_name_h1 {
font-family: "trajan-pro-3", serif;
font-weight: 600;
font-style: normal;
line-height: 1.4;
font-size: 2.4rem;
}h1.item_name_h1 small {
font-family: "source-han-serif-jp-subset", sans-serif;
display: block;
font-size: 1.4rem;
font-weight: 400;
}span.item_type {
display: table;
margin: 2rem 0;
font-size: 1rem;
width: 13rem;
border: solid 1px;
line-height: 1.6;
text-align: center;
}p.item_detail_catch {
font-size: 1.8rem;
line-height: 1.7;
}p.item_detail_catch sup {
font-size: 1rem;
}p.item_detail_catch small {
font-size: 1rem;
display: block;
margin: 2rem 0 6rem;
}p.item_detail_catch small:before {
content: "\00203b";
margin-right: 1rem;
}h2.item_name_h2 small {
font-family: "trajan-pro-3", serif;
font-weight: 600;
font-style: normal;
display: block;
font-size: 1.1rem;
color: #848484;
}h2.item_name_h2 {
line-height: 1.6;
}ul.item_detail_list li {
font-size: 1.6rem;
display: flex;
justify-content: flex-start;
align-items: center;
}span.item_detail_list_title {
width: 14rem;
color: #868686;
letter-spacing: 0.2em;
}span.item_detail_list_title_text_price {
font-weight: bold;
}span.item_detail_list_title_text_price small:before {
content:"\0028";
}span.item_detail_list_title_text_price small:after {
content:"\0029";
}span.item_detail_list_title_text_price small {
font-size: 1.4rem;
margin-left: 0.5rem;
}select.select {
margin: 2rem 0;
width: 100%;
padding: 1rem 2rem;
font-size: 1.4rem;
background: #F8F8F8;
border: solid 2px #707070;
border-radius: 4px;
}button#submitBtn_one, button#submitBtn_two {
background: #87A5C4;
border: none;
color: #fff;
font-family: "Roboto", sans-serif;
font-variation-settings: 'wght' 500;
width: 100%;
border-radius: 4px;
font-size: 1.4rem;
padding: 1rem;
cursor: pointer;
}button#submitBtn_three, button#submitBtn_four {
background: #B19999;
border: none;
color: #fff;
font-family: "Roboto", sans-serif;
font-variation-settings: 'wght' 500;
width: 100%;
border-radius: 4px;
font-size: 1.4rem;
padding: 1rem;
cursor: pointer;
}a.professional_a {
border: solid 1px #707070;
margin: 2rem 0;
display: block;
text-align: center;
border-radius: 10rem;
padding: 0.4rem 0;
letter-spacing: 0;
}
.item_detail_space {
margin: 6rem 0 8rem;
}h3.item_detail_h3 {
font-family: "Roboto", sans-serif;
font-variation-settings: "wght" 400;
border-bottom: 1px solid;
padding: 0.5rem;
}p.item_detail_p {
font-family: "Roboto", sans-serif;
font-variation-settings: "wght" 400;
margin: 1rem 0.5rem 3rem;
font-size: 1.4rem;
}p.item_detail_p.--contents {
padding-left: 1.5rem;
position: relative;
line-height: 1.8;
}span.item_detail_p_span {
display: block;
position: relative;
}span.item_detail_p_span:before {
font-size: 1.2rem;
content: "\0025a0";
position: absolute;
left: -1.8rem;
}p.item_detail_p.--allingredients {
}span.item_detail_p_span.--allingredients-p {
padding-left: 1.8rem;
position: relative;
margin: 1rem 0 0.5rem;
font-weight: 500;
}span.item_detail_p_span.--allingredients-p:before {
font-size: 1.2rem;
content: "\0025a0";
position: absolute;
left: 0rem;
top: 0.2rem;
}p.item_detail_p.--allingredients {
font-size: 1.4rem;
line-height: 1.7;
margin: 0.5rem 0 6rem;
}div#item_detail {
margin: 3rem 3rem 16rem;
}
#cart_data {
position: fixed;
top: 8rem;
opacity: 0;
transform: translateY(-20px);
transition: opacity 0.5s ease, transform 0.5s ease;
width: 20rem;
height: 10rem;
right: 3rem;
background: #fff;
box-shadow: 0px 0px 30px rgb(0 0 0 / 10%);
padding: 1rem;
line-height: 1.5;
font-size: 1rem;
display: flex;
justify-content: space-between;
align-items: center;
}
#cart_data.show {
top: 8rem;
position:fixed;
opacity: 1;
transform: translateY(0);
}.cart_img {
margin-left: -1rem;
width: 15rem;
}
div#cart_check {
margin: 6rem 0;
padding-bottom: 16rem;
}h2.cart_check_h2 {
text-align: center;
font-size: 1.6rem;
}span.cart_check_span {
display: table;
margin: 2rem auto;
width: 3rem;
}p.cart_check_error {
text-align: center;
}a.back_bt {
background: #191919;
color: #fff;
padding: 0.5rem 4rem;
border-radius: 10rem;
margin: 3rem auto;
display: table;
font-family: "Roboto", sans-serif;
font-size: 1.2rem;
}.header_logo {
position: absolute;
margin: 0 14rem;
text-align: center;
top: 1rem;
z-index: 1;
}.header_logo img {
width: 24rem;
}div#order_space {
position: fixed;
width: 50rem;
background: #fff;
text-align: center;
bottom: 0;
padding: 2rem 2rem 2rem;
box-shadow: 0 0 10px rgb(0 0 0 / 16%);
}a.order_space_bt {
display: table;
margin: 0 auto;
background: #363636;
width: 100%;
color: #fff;
border-radius: 4px;
padding: 0.5rem;
font-family: "Roboto", sans-serif;
}ul.order_space_list {
margin: 3rem 0;
display: flex;
justify-content: space-between;
align-items: center;
}
ul.cart_item_list li {
display: flex;
justify-content: space-between;
align-items: flex-start;
margin: 2rem 2rem 4rem;
}.cart_item_list_img {
width: 16rem;
}.cart_item_text {
width: 25rem;
padding-top: 1.4rem;
}h3.cart_item_h3 {
font-size: 1.6rem;
line-height: 1.3;
padding-top: 0.2rem;
}h3.cart_item_h3 small {
display: block;
margin-top: 0.5rem;
}.cart_count_bt {
justify-content: flex-start;
align-items: flex-start;
display: flex;
}.cart_count_bt_form {
margin: 2rem 0rem 0rem 0rem !important;
justify-content: flex-start;
align-items: flex-start;
display: flex;
padding: 0.2rem 4rem;
border: 1px solid #dedede;
border-radius: 10rem;
position: relative;
}p.cart_count_bt_form_delete {
margin: 2.3rem 2rem 2rem;
}a.cart_minus {
font-family: "source-han-sans-jp-variable", sans-serif;
position: absolute;
left: 1rem;
width: 1.5rem;
text-align: center;
cursor: pointer;
}a.plus {
font-family: "source-han-sans-jp-variable", sans-serif;
position: absolute;
right: 1rem;
width: 1.5rem;
text-align: center;
cursor: pointer;
}p.cart_item_price {
font-size: 1.6rem;
margin: 1rem 0 0;
}p.cart_item_price:before {
content: "\00a5";
}li.order_space_list_text {
font-family: "Roboto", sans-serif;
}span.cart_count {
font-family: "Roboto", sans-serif;
color: #ff0000;
margin-right: 1rem;
}span.cart_total_price {
font-size: 2.2rem;
font-weight: 500;
}span.cart_total_price:before {
content: "\00a5";
}
ul#cart_form {
margin: 4rem;
}span.cart_form {
font-family: "Roboto", sans-serif;
position: relative;
display: block;
}span.cart_form sup {
background: #ff0000;
color: #fff;
font-size: 0.9rem;
padding: 0rem 0.5rem;
position: absolute;
top: 0.4rem;
margin-left: 1rem;
text-align: center;
} .input {
display: flex;
justify-content: space-between;
align-items: flex-end;
}p.input_p span {
display: block;
font-family: "Roboto", sans-serif;
}input.text {
box-shadow: inset 1px 1px 3px rgb(0 0 0 / 16%);
padding: 1rem;
border: solid 1px #848484;
border-radius: 4px;
width: 20rem;
}ul#cart_form li {
display: block;
margin-bottom: 3rem;
}input#zip1 {
border-radius: 4px;
width: 7rem;
box-shadow: inset 1px 1px 3px rgb(0 0 0 / 16%);
padding: 1rem;
border: solid 1px #848484;
margin-right: 0.5rem;
}input#zip2 {
border-radius: 4px;
width: 10rem;
box-shadow: inset 1px 1px 3px rgb(0 0 0 / 16%);
padding: 1rem;
border: solid 1px #848484;
margin-left: 0.5rem;
}select#address1 {
box-shadow: inset 1px 1px 3px rgb(0 0 0 / 16%);
padding: 1rem;
border-radius: 4px;
}input#address2, input#address3, input#address4 {
box-shadow: inset 1px 1px 3px rgb(0 0 0 / 16%);
padding: 1rem;
border: solid 1px #848484;
border-radius: 4px;
width: 50rem;
}select#settlement {
box-shadow: inset 1px 1px 3px rgb(0 0 0 / 16%);
padding: 1rem;
border: solid 1px #848484;
border-radius: 4px;
width: 42rem;
}input.text.--email_box {
width: 42rem;
}
input[type="submit"] {
background: #363636;
color: #fff;
border: none;
width: 42rem;
border-radius: 4px;
padding: 1rem;
margin: 0 auto;
display: table;
font-family: "Roboto", sans-serif;
cursor: pointer;
letter-spacing: 0.1em;
}
textarea.textarea {
box-shadow: inset 1px 1px 3px rgb(0 0 0 / 16%);
padding: 1rem;
border: solid 1px #848484;
border-radius: 4px;
width: 42rem;
height: 20rem;
}
.input.--cart_check {
justify-content: flex-start;
}.input.--cart_check p {
margin-right: 1rem;
}span.count_item {
background: #f1f1f1;
padding: 0.2rem 1rem;
border-radius: 10rem;
margin-right: 1rem;
font-size: 1.1rem;
}div#cart_check_end {
margin: 6rem 0;
padding-bottom: 20rem;
}ul.breakdown {
font-size: 1rem;
text-align: right;
margin-top: -2rem;
}ul.breakdown li {
display: flex;
justify-content: flex-end;
align-items: center;
position: relative;
}span.breakdown_span_price {
width: 8rem;
}span.breakdown_span_price:before {
content: "\00a5";
}
input#checkout-button {
background: #363636;
color: #fff;
border: none;
width: 42rem;
border-radius: 4px;
padding: 1rem;
margin: 0 auto;
display: table;
font-family: "Roboto", sans-serif;
cursor: pointer;
letter-spacing: 0.1em;
}
div#low {
margin: 2rem 3rem;
}ul.low {
margin: 2rem 0;
}ul.low li {
padding: 1rem 0;
}ul.low li:last-child {
padding: 1rem 0;
}span.low_span {
background: #f1f1f1;
display: table;
padding: 0rem 1.4rem;
border-radius: 10rem;
font-size: 1rem;
margin-bottom: 0.5rem;
}.value_area {
background: #f1f1f1;
padding: 0.5rem 1rem;
margin: 1rem 0;
}span.postage_span {
padding: 0 0.5rem;
}p.pp_text {
margin: 1rem 0;
font-size: 1.2rem;
}.pp_title {
font-size: 1.2rem;
background: #f4f4f4;
padding: 0.2rem 1rem;
margin: 2rem 0 1rem;
}ol.pp_ol_in {
margin: 1rem;
padding-left:1rem;
}ol.pp_ol_in li {
font-size: 1.2rem;
list-style: circle;
}p.pp_end_p {
font-size: 1.2rem;
padding: 0 0.5rem;
}
}
@media screen and (max-width: 979px){
div#item {
padding: 2rem;
}.item_img {
}.item_text {
margin: 4rem 0;
}button.cart_bt {
font-size:1.4rem;
border: none;
background: #ff0000;
color: #fff;
font-weight: bold;
padding: 1.4rem 4rem;
letter-spacing: 0.1rem;
cursor: pointer;
display: block;
width: 100%;
margin-top: 2rem;
}ul.item_img_list {
display: flex;
justify-content: space-between;
align-items: flex-start;
margin-top: 1rem;
}h2.item_title {
font-size: 1.8rem;
font-weight: bold;
line-height: 1.4;
margin-bottom: 2rem;
}h2.item_title small {
display: block;
color: #999;
font-size: 1.1rem;
font-weight: 500;
padding: 1rem;
}p.shipping_date_p {
margin: 1rem 0;
position: relative;
display: flex;
justify-content: flex-start;
align-items: flex-start;
}span.shipping_date {
width: 10rem;
}p.item_select_p {
display: flex;
justify-content: flex-start;
align-items: center;
}span.item_select_titme {
width: 10rem;
}select.item_select {
margin: 1rem 0;
width: 36rem;
padding: 1rem 1rem;
background: #F8F8F8;
border: solid 1px #707070;
border-radius: 0px;
}
.top_background {
position: absolute;
margin: 6rem 2rem;
}div#ini_bg {
position: absolute;
width: 32rem;
margin-top: 2rem;
margin-left: -2rem;
}div#log_bg {
position: absolute;
width: 32rem;
margin-top: 2rem;
margin-left: -2rem;
}
:root {
font-size: 3vw;
}
body {
letter-spacing: 0.1em;
-webkit-overflow-scrolling: touch;
font-family: "Roboto", sans-serif;
width: 100%;
font-weight: 400;
list-style: none;
background: #e6f0ff;
line-height: 2;
font-size: 1rem;
}
#header_nav{
position: fixed;
z-index: 99;
top: 0;
left: -120%;
width: 100%;
height: 100vh;
background: rgb(36 36 36 / 73%);
transition: all 0.6s;
}#header_nav.panelactive{
left: 0;
}#header_nav ul {
position: absolute;
z-index: 10;
top: 10vh;
width: 100%;
}#header_nav li {
list-style: none;
padding: 0.5rem 2rem;
margin: 0.5rem 2rem;
border-bottom: 1px solid rgb(255 255 255 / 25%);
font-size: 1.4rem;
color: #fff;
}.product_list {
margin-top: 1rem;
}.product_list span {
display: block;
padding: 0.5rem 1rem;
margin: 0 1rem;
font-size: 1.4rem;
}.product_list span:before {
content: "\002d";
}#header_nav li small {
display: block;
font-size: 0.9rem;
}#header_nav li a{
color: #fff;
text-decoration: none;
letter-spacing: 0.1em;
}#gnav span{
display: inline-block;
transition: all .4s;
}#gnav.active span:nth-of-type(1) {
background: #fff;
transform: translateY(0.4rem) rotate(-45deg);
}#gnav.active span:nth-of-type(2) {
width: 2.5rem;
background: #fff;
transform: translateY(-0.2rem) rotate(45deg);
}div#header-inner {
display: flex;
justify-content: center;
align-items: center;
position: relative;
height: 6rem;
}div#gnav {
width: 3rem;
height: 2.5rem;
margin: 1rem 0;
cursor: pointer;
position: absolute;
z-index: 999;
left: 0rem;
top: 1rem;
}div#gnav span:nth-of-type(1) {
width: 2.5rem;
height: 2px;
background: #191919;
display: block;
margin: 0.5rem;
}div#gnav span:nth-of-type(2) {
width: 2rem;
height: 2px;
background: #191919;
display: block;
margin: 0.5rem;
}
header {
position: fixed;
width: 100%;
z-index: 10;
top: 0;
}
h1#header_logo {
font-weight: 600;
color: #fff;
font-family: ultowa;
font-size: 1.4rem;
letter-spacing: 1rem;
text-indent: 1rem;
}h1#header_logo sup {
position: absolute;
font-size: 0.5rem;
margin-left: -1rem;
}h1#header_logo small {
display: block;
font-size: 0.5rem;
font-weight: bold;
letter-spacing: 1em;
}h1#header_logo a {
text-decoration: none;
color: #fff;
}ul#header_icon {
display: flex;
justify-content: center;
align-items: center;
margin-right: 1rem;
}ul#header_icon li {
width: 3.5rem;
padding: 1rem 0.5rem;
position: relative;
}ul#header_icon li:last-child {
width: 2.8rem;
}ul#header_icon li svg {
stroke: #fff;
color: #fff;
}h1#header_logo {
width: 15rem;
}span.cart_num {
position: absolute;
z-index: 1;
background: #F57E7E;
width: 1.3rem;
height: 1.3rem;
line-height: 1.3rem;
text-align: center;
color: #fff;
display: block;
right: 0;
padding-left: 0.1rem;
top: 0.5rem;
border-radius: 1rem;
font-size: 0.9rem;
}
header#header_detail {
position: absolute;
background: #fff;
border-bottom: 1px solid;
padding: 0 1rem;
}.bag {
bottom: 1rem;
position: fixed;
right: 1rem;
background: #fff;
width: 3rem;
height: 3rem;
border-radius: 10rem;
padding: 0.8rem;
box-shadow: 0 0 10px rgb(0 0 0 / 23%);
}span.backnumber_data {
display: table;
color: #fff;
background: #ED7878;
width: 1.2rem;
height: 1.2rem;
text-align: center;
line-height: 1.2;
border-radius: 10rem;
font-size: 0.8rem;
position: fixed;
bottom: 3rem;
right: 0.5rem;
padding: 0.15rem 0 0 0.1rem;
}span.bag_img {
z-index: 99;
bottom: 2rem;
width: 2.5rem;
right: 1rem;
}.bag_number {
z-index: 99;
position: absolute;
top: 1.2rem;
right: -1.2rem;
}
div#mv {
overflow: hidden;
margin: 0rem auto 0;
position: relative;
}h2.mv_h2 {
position: absolute;
top: 48rem;
left: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
width: 20rem;
}h2.mv_h2 small {
display: table;
margin: 0.5rem auto;
width: 10rem;
}div#mv_message {
position: absolute;
bottom: 1rem;
left: 1rem;
width: 26rem;
}
main {
padding: 2rem 0rem;
margin: 0 auto;
position: relative;
overflow: hidden;
background: #fff;
}
div#content_about {
padding: 0rem 2rem;
position: relative;
}h2.content_h2 {
font-weight: 500;
font-size: 1.6rem;
line-height: 1.4;
}h3.content_h3 {
margin: 2rem 0;
line-height: 1.6;
font-size: 1.3rem;
font-weight: 400;
}p.content_about_p {
line-height: 2.2;
}
.more_bt {
margin: 4rem 0;
text-align: center;
}a.more_in {
color: #355596;
font-size: 1.3rem;
display: block;
padding: 0.2rem 4rem;
border: solid 1px;
border-radius: 10rem;
width: 30rem;
margin: 0 auto 1rem;
}a.more_grav {
color: #C7455B;
font-size: 1.3rem;
display: block;
padding: 0.2rem 4rem;
border: solid 1px;
border-radius: 10rem;
width: 30rem;
margin: 0 auto 0rem;
}
div#content_line {
margin: 6rem 0;
border-top: 1px solid;
padding-top: 1.6em;
}h2.content_h2.--line {
font-family: "canto", serif;
font-weight: 600;
font-style: normal;
text-align: center;
}h3.content_line_h3 {
line-height: 2;
font-size: 1.28rem;
margin: 3rem auto 1rem;
border: solid 1px;
width: 16rem;
text-align: center;
}.item_logo_initioal {
margin: 1.4rem auto;
width: 19rem;
}span.item_sub_title {
font-family: "yu-mincho-pr6n", sans-serif;
text-align: center;
display: table;
margin: 0.4rem auto;
font-size: 1rem;
letter-spacing: 0.2em;
}span.item_sub_title:before {
content: "\003008";
}span.item_sub_title:after {
content: "\003009";
}
.item_catch {
font-family: "yu-mincho-pr6n", sans-serif;
letter-spacing: 0.15em;
text-align: center;
font-size: 1.2rem;
line-height: 1.6;
}.item_catch small {
display: block;
font-size: 1rem;
}.item_plan {
font-weight: 500;
margin: 1rem 0;
text-align: center;
font-size: 1.4rem;
}a.view_more {
margin: 3rem auto 6rem;
width: 26rem;
display: table;
border: solid 1px;
padding: 0.8rem 8rem;
border-radius: 10rem;
position: relative;
}a.view_more {
margin: 3rem auto 6rem;
width: 20rem;
display: table;
border: solid 1px;
padding: 0.8rem 6rem;
border-radius: 10rem;
position: relative;
}a.view_more:after {
content: "\002192";
position: absolute;
right: 1rem;
top: 0.2rem;
font-size: 1.2rem;
}
.other_content {
background: #F4F4F4;
padding: 3rem 0rem 11rem;
}.series_logo {
width: 18rem;
margin: 0 auto;
}.series_ban {
margin: 3rem 2rem 0rem 0rem;
}.series_space {
margin: 2rem;
}p.series_p {
margin: 2rem 0 0;
letter-spacing: 0.02em;
font-size: 1.1rem;
}.other_img {
margin: 6rem;
position: relative;
}.other_img2 {
position: absolute;
bottom: -11rem;
left: -13rem;
width: 38rem;
}
.sns {
padding: 4rem 0;
text-align: center;
}h2.sns_title_h2 {
font-family: "Roboto", sans-serif;
font-weight: 300;
font-style: normal;
font-size: 1.6rem;
}ul.sns_ul {
display: flex;
justify-content: center;
align-items: center;
margin: 1rem 0;
}ul.sns_ul li {
width: 4rem;
margin: 0 1rem;
}
div#other_products {
margin: 0rem 0;
padding: 4rem 2rem;
border-top: 1px solid;
}h2.content_h2.--other_products {
text-align: center;
font-family: "canto", serif;
font-weight: bold;
font-size: 2.6rem;
}ul.other_products_ul li {
margin: 4rem 0;
}.other_products_ul_title {
width: 24rem;
margin: 2rem auto;
}img.--silmere {
width: 12rem;
margin: 0 auto;
}
footer {
border-top: 1px solid;
padding: 3rem 3rem;
}ul.footer_ul li {
padding: 0.5rem 0;
font-size: 1.1rem;
}ul.footer_ul li a {
display: block;
}.copyright {
text-align: center;
border-top: 2px solid;
padding-top: 2rem;
margin-top: 6rem;
}.copyright img {
width: 23rem;
margin: 0 auto;
}
.item_page_catch {
text-align: center;
margin: 2rem 0;
font-size: 1.1rem;
}span.item_page_kana {
text-align: center;
display: table;
margin: 0 auto;
font-size: 1.2rem;
}div#item_page_top {
overflow: hidden;
position: relative;
padding-bottom: 6rem;
}
h2.item_pace_feature_h2 {
font-family: "Roboto", sans-serif;
font-weight: 700;
font-style: normal;
text-align: center;
font-size: 2.4rem;
}div#item_pace_feature {
padding: 3rem 0;
border-top: 1px solid;
}p.item_pace_feature_p {
margin: 1rem 0;
text-align: center;
font-size: 1.3rem;
}p.item_pace_feature_p small {
display: block;
margin-bottom: 0.1rem;
}img.initioal_img1 {
margin-bottom: 2rem;
display: block;
}img.initioal_component_img {
display: block;
width: 27rem;
margin: 2rem auto;
}p.initioal_component_p {
margin: 2rem 0;
text-align: center;
font-size: 1.4rem;
line-height: 1.6;
}p.initioal_component_p small {
display: block;
text-align: center;
}span.arrow {
width: 10rem;
display: table;
margin: 0 auto;
}p.initioal_component_p.--small {
font-size: 1.1rem;
}div#product_item {
border-top: 1px solid #707070;
padding: 1rem 0;
}
.product_item_img {
position: relative;
}h3.product_item_sub_title_h3 {
font-family: "Roboto", sans-serif;
font-weight: 300;
font-style: normal;
font-size: 1rem;
margin: 2rem 2rem 0;
}h3.product_item_sub_title_h3 b {
font-family: "Roboto", sans-serif;
font-weight: 500;
font-style: normal;
display: block;
font-size: 1.4rem;
}p.item_product_p {
text-align: right;
margin-right: 2rem;
font-size: 1.2rem;
}p.item_product_p small {
font-size: 1rem;
margin-left: 0.5rem;
}p.item_product_p small:before {
content:"\0028";
}p.item_product_p small:after {
content:"\0029";
}a.product_a {
background: #87A5C4;
margin: 2rem auto;
display: table;
padding: 0.8rem;
color: #fff;
width: 25rem;
text-align: center;
border-radius: 4px;
font-family: "Roboto", sans-serif;
}a.product_b {
background: #B19999;
margin: 2rem auto;
display: table;
padding: 0.8rem;
color: #fff;
width: 25rem;
text-align: center;
border-radius: 4px;
font-family: "Roboto", sans-serif;
}
.product_item {
margin: 0rem 0 4rem;
}div#fragrance {
border-top: 1px solid #707070;
padding: 1rem 0;
}.fragrance_img {
margin-bottom: 2rem;
}.fragrance_img2 {
width: 26rem;
margin: 2rem auto;
}p.fragrance_p {
margin: 0 2rem 4rem;
letter-spacing: 0;
font-size: 0.86rem;
}.fragrance_img3 {
width: 26rem;
margin: 0rem auto;
}
.bottom_grav {
margin: 6rem 0;
}h2.bottom_grav_h2 {
text-align: center;
margin-bottom: 1rem;
}.bottom_grav_title {
margin: 2rem 6rem;
}img.gravity_img {
display: block;
padding: 1rem 2rem;
}
ol#pankuzu {
display: flex;
justify-content: flex-start;
align-items: center;
font-family: "gill-sans-nova", sans-serif;
font-weight: 300;
font-size: 1rem;
padding-top: 6rem;
}ol#pankuzu li {
padding: 0 1rem;
}div#item_detail {
margin: 3rem;
}h1.item_name_h1 {
font-family: "trajan-pro-3", serif;
font-weight: 600;
font-style: normal;
line-height: 1.4;
font-size: 2.4rem;
}h1.item_name_h1 small {
font-family: "source-han-serif-jp-subset", sans-serif;
display: block;
font-size: 1.4rem;
font-weight: 400;
}span.item_type {
display: table;
margin: 2rem 0;
font-size: 1rem;
width: 13rem;
border: solid 1px;
line-height: 1.6;
text-align: center;
}p.item_detail_catch {
font-size: 1.4rem;
line-height: 1.7;
}p.item_detail_catch sup {
font-size: 1rem;
}p.item_detail_catch small {
font-size: 1rem;
display: block;
margin: 2rem 0 6rem;
}p.item_detail_catch small:before {
content: "\00203b";
margin-right: 1rem;
}h2.item_name_h2 small {
font-family: "trajan-pro-3", serif;
font-weight: 600;
font-style: normal;
display: block;
font-size: 1.1rem;
color: #848484;
}h2.item_name_h2 {
line-height: 1.6;
}ul.item_detail_list li {
font-size: 1.2rem;
display: flex;
justify-content: flex-start;
align-items: center;
}span.item_detail_list_title {
width: 14rem;
color: #868686;
letter-spacing: 0.2em;
}span.item_detail_list_title_text_price {
font-weight: bold;
}span.item_detail_list_title_text_price small:before {
content:"\0028";
}span.item_detail_list_title_text_price small:after {
content:"\0029";
}span.item_detail_list_title_text_price small {
font-size: 1.4rem;
margin-left: 0.5rem;
}select.select {
margin: 2rem 0;
width: 100%;
padding: 1rem 2rem;
font-size: 1.2rem;
background: #F8F8F8;
border: solid 2px #707070;
border-radius: 4px;
}button#submitBtn_one, button#submitBtn_two {
background: #87A5C4;
border: none;
color: #fff;
font-family: "Roboto", sans-serif;
font-variation-settings: 'wght' 500;
width: 100%;
border-radius: 4px;
font-size: 1.2rem;
padding: 1rem;
cursor: pointer;
}button#submitBtn_three, button#submitBtn_four {
background: #B19999;
border: none;
color: #fff;
font-family: "Roboto", sans-serif;
font-variation-settings: 'wght' 500;
width: 100%;
border-radius: 4px;
font-size: 1.2rem;
padding: 1rem;
cursor: pointer;
}a.professional_a {
border: solid 1px #707070;
margin: 2rem 0;
display: block;
text-align: center;
border-radius: 10rem;
padding: 0.4rem 0;
letter-spacing: 0;
font-size: 1.1rem;
}
.item_detail_space {
margin: 6rem 0 8rem;
}h3.item_detail_h3 {
font-family: "Roboto", sans-serif;
font-variation-settings: "wght" 400;
border-bottom: 1px solid;
padding: 0.5rem;
}p.item_detail_p {
font-family: "Roboto", sans-serif;
font-variation-settings: "wght" 400;
margin: 1rem 0rem 3rem;
font-size: 0.95rem;
}p.item_detail_p.--contents {
padding-left: 1.5rem;
position: relative;
line-height: 1.8;
}span.item_detail_p_span {
display: block;
position: relative;
}span.item_detail_p_span:before {
font-size: 1.2rem;
content: "\0025a0";
position: absolute;
left: -1.8rem;
}p.item_detail_p.--allingredients {
}span.item_detail_p_span.--allingredients-p {
padding-left: 1.8rem;
position: relative;
margin: 1rem 0 0.5rem;
font-weight: 500;
}span.item_detail_p_span.--allingredients-p:before {
font-size: 1.2rem;
content: "\0025a0";
position: absolute;
left: 0rem;
top: 0.2rem;
}p.item_detail_p.--allingredients {
font-size: 0.95rem;
line-height: 1.7;
margin: 0.5rem 0 6rem;
}div#item_detail {
margin: 3rem 2rem 12rem;
}
#cart_data {
position: fixed;
top: 2rem;
opacity: 0;
transform: translateY(-20px);
transition: opacity 0.5s ease, transform 0.5s ease;
width: 20rem;
height: 10rem;
right: 0rem;
background: #fff;
box-shadow: 0px 0px 30px rgb(0 0 0 / 10%);
padding: 1rem;
line-height: 1.5;
font-size: 1rem;
display: flex;
justify-content: space-between;
align-items: center;
}
#cart_data.show {
top: 2rem;
position:fixed;
opacity: 1;
transform: translateY(0);
}.cart_img {
margin-left: -1rem;
width: 15rem;
}
div#cart_check {
margin: 6rem 0;
padding-bottom: 10rem;
}h2.cart_check_h2 {
text-align: center;
font-size: 1.6rem;
}span.cart_check_span {
display: table;
margin: 2rem auto;
width: 3rem;
}p.cart_check_error {
text-align: center;
}a.back_bt {
background: #191919;
color: #fff;
padding: 0.5rem 4rem;
border-radius: 10rem;
margin: 1rem auto;
display: table;
font-family: "Roboto", sans-serif;
font-size: 1.2rem;
}.header_logo {
position: absolute;
margin: 0 5.4rem;
text-align: center;
top: 1rem;
z-index: 10;
}.header_logo img {
width: 20rem;
padding-top: 1rem;
}div#order_space {
position: fixed;
width: 100%;
background: #fff;
text-align: center;
bottom: 0;
padding: 2rem 2rem 2rem;
box-shadow: 0 0 10px rgb(0 0 0 / 16%);
}a.order_space_bt {
display: table;
margin: 0 auto;
background: #363636;
width: 100%;
color: #fff;
border-radius: 4px;
padding: 0.5rem;
font-family: "Roboto", sans-serif;
font-size: 1.2rem;
}ul.order_space_list {
margin: 1rem 0;
display: flex;
justify-content: space-between;
align-items: center;
}
ul.cart_item_list li {
display: flex;
justify-content: space-between;
align-items: flex-start;
margin: 2rem 1rem 4rem 1rem;
}.cart_item_list_img {
width: 12rem;
}.cart_item_text {
width: 17rem;
padding-top: 1.4rem;
}h3.cart_item_h3 {
font-size: 1.2rem;
line-height: 1.3;
padding-top: 0.2rem;
}h3.cart_item_h3 small {
font-size: 1rem;
display: block;
margin-left: -1rem;
margin-top: 0.5rem;
}.cart_count_bt {
justify-content: flex-start;
align-items: flex-start;
display: flex;
}.cart_count_bt_form {
margin: 2rem 0rem 0rem 0rem !important;
justify-content: flex-start;
align-items: flex-start;
display: flex;
padding: 0.2rem 4rem;
border: 1px solid #dedede;
border-radius: 10rem;
position: relative;
}p.cart_count_bt_form_delete {
margin: 2.3rem 2rem 2rem;
}a.cart_minus {
position: absolute;
left: 1rem;
width: 1.5rem;
text-align: center;
cursor: pointer;
}a.plus {
position: absolute;
right: 1rem;
width: 1.5rem;
text-align: center;
cursor: pointer;
}p.cart_item_price {
font-size: 1rem;
margin: 0.5rem 0 0;
}p.cart_item_price:before {
content: "\00a5";
}li.order_space_list_text {
font-family: "Roboto", sans-serif;
}span.cart_count {
font-family: "Roboto", sans-serif;
color: #ff0000;
margin-right: 1rem;
font-size: 1.2rem;
letter-spacing: -0.05rem;
}span.cart_total_price {
font-size: 2.2rem;
font-weight: 500;
}span.cart_total_price:before {
content: "\00a5";
}
ul#cart_form {
margin: 2rem;
}span.cart_form {
font-family: "Roboto", sans-serif;
position: relative;
display: block;
margin-bottom: 0.4rem;
}span.cart_form sup {
background: #ff0000;
color: #fff;
font-size: 0.8rem;
padding: 0rem 0.5rem;
position: absolute;
top: 0.1rem;
margin-left: 1rem;
text-align: center;
} .input {
display: flex;
justify-content: space-between;
align-items: flex-end;
}p.input_p span {
display: block;
font-family: "Roboto", sans-serif;
}input.text {
box-shadow: inset 1px 1px 3px rgb(0 0 0 / 16%);
padding: 1rem;
border: solid 1px #848484;
border-radius: 4px;
width: 14rem;
}ul#cart_form li {
display: block;
margin-bottom: 3rem;
}input#zip1 {
border-radius: 4px;
width: 7rem;
box-shadow: inset 1px 1px 3px rgb(0 0 0 / 16%);
padding: 1rem;
border: solid 1px #848484;
margin-right: 0.5rem;
}input#zip2 {
border-radius: 4px;
width: 10rem;
box-shadow: inset 1px 1px 3px rgb(0 0 0 / 16%);
padding: 1rem;
border: solid 1px #848484;
margin-left: 0.5rem;
}select#address1 {
box-shadow: inset 1px 1px 3px rgb(0 0 0 / 16%);
padding: 1rem;
border-radius: 4px;
}input#address2, input#address3, input#address4 {
box-shadow: inset 1px 1px 3px rgb(0 0 0 / 16%);
padding: 1rem;
border: solid 1px #848484;
border-radius: 4px;
width: 29rem;
}select#settlement {
box-shadow: inset 1px 1px 3px rgb(0 0 0 / 16%);
padding: 1rem;
border: solid 1px #848484;
border-radius: 4px;
width: 29rem;
}input.text.--email_box {
width: 29rem;
}
input[type="submit"] {
background: #363636;
color: #fff;
border: none;
width: 29rem;
border-radius: 4px;
padding: 1rem;
margin: 0 auto;
display: table;
font-family: "Roboto", sans-serif;
cursor: pointer;
letter-spacing: 0.1em;
}
textarea.textarea {
box-shadow: inset 1px 1px 3px rgb(0 0 0 / 16%);
padding: 1rem;
border: solid 1px #848484;
border-radius: 4px;
width: 50rem;
height: 20rem;
}
.input.--cart_check {
justify-content: flex-start;
}.input.--cart_check p {
margin-right: 1rem;
}span.count_item {
background: #f1f1f1;
padding: 0.2rem 1rem;
border-radius: 10rem;
margin-right: 1rem;
font-size: 1.1rem;
}div#cart_check_end {
margin: 6rem 0;
padding-bottom: 20rem;
}ul.breakdown {
font-size: 1rem;
text-align: right;
margin-top: -2rem;
}ul.breakdown li {
display: flex;
justify-content: flex-end;
align-items: center;
position: relative;
}span.breakdown_span_price {
width: 8rem;
}span.breakdown_span_price:before {
content: "\00a5";
}
input#checkout-button {
background: #363636;
color: #fff;
border: none;
border-radius: 4px;
padding: 1rem;
margin: 0 auto;
display: table;
font-family: "Roboto", sans-serif;
cursor: pointer;
letter-spacing: 0.1em;
}
div#low {
margin: 1rem 2rem;
}ul.low {
margin: 2rem 0;
}ul.low li {
padding: 1rem 0;
}ul.low li:last-child {
padding: 1rem 0;
}span.low_span {
background: #f1f1f1;
display: table;
padding: 0rem 1.4rem;
border-radius: 10rem;
font-size: 1rem;
margin-bottom: 0.5rem;
}.value_area {
background: #f1f1f1;
padding: 0.5rem 1rem;
margin: 1rem 0;
}span.postage_span {
padding: 0 0.5rem;
}p.pp_text {
margin: 1rem 0;
}.pp_title {
background: #f4f4f4;
padding: 0.2rem 1rem;
margin: 2rem 0 1rem;
}ol.pp_ol_in {
margin: 1rem;
padding-left: 0.5rem;
}ol.pp_ol_in li {
list-style: circle;
}p.pp_end_p {
padding: 0 0.5rem;
}
}