@charset "utf-8";

/*
 * "Fredericka" is lisenced under the SIL Open Font License 1.1
 * http://fonts.googleapis.com
 * https://www.google.com/fonts/attribution
 * http://scripts.sil.org/OFL
 */

/* *****共通設定***** */
body .fa-chevron-right:before {
	font-style: normal;
}
.container{
	display: table;
	max-width: 960px;
}
nav#nav01 .container{
	display: flex;
}
a {
  color: #696969;
}

a:hover {
	color: #a9a9a9;
	text-decoration: none;
}

.bg-primary,
.btn-primary {
  background-color: #00008b !important;
}

.border-primary {
  border-color: #00008b !important;
}

.bg-maincolor {
  background-color: #f0f8ff !important;
}

.btn-warning:hover {
  color: #212529;
  background-color: #ffa500;
  border-color: #ffa500;
}

.bg-yl-color {
  background-color: #fffaf0 !important;
}

.text-shadow {
  text-shadow: 1px 1px 3px #000;
}

.font-patrick {
  font-family: 'Fredericka the Great', cursive;
}
.fa, .far, .fas {
	font-family: unset;
}
/* ヘッダー(navbar) */
#nav01 {
  border-bottom: 3px solid #00008b;
}

#nav02 .nav-fill {
  width: 100%;
}

#nav02 .nav-item {
  border-left: 1px solid #dee2e6;
}

#nav02 .last-list-md {
  border-right: 1px solid #dee2e6;
}
body .fa-chevron-right:before{
	content:"〉";
	font-weight: 900;
}

#nav01 li.nav-item.cart {
	margin-left: 1em;
	background-color: #b65190;
	border: solid 2px #b65190;
	font-weight: bold;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	transition: all 0.7s;
}
#nav01 li.nav-item.cart:hover {
	background-color: #fff;

}
#nav01 li.nav-item.cart a{
	color: #fff;
}
#nav01 li.nav-item.cart a:before{
	content: "";
	width: 30px;
	height: 24px;
	display: table;
	background-image: url(/img/common/cart_02.svg);
	background-size: contain;
	background-repeat: no-repeat;
	float: left;	
}
#nav01 li.nav-item.cart a:hover:before{
	background-image: url(/img/common/cart_01.svg);
}
#nav01 li.nav-item.cart:hover a{
	color: #b65190;

}
/* フッター */
#footer-sns img {
  height: 58px;
  width: auto;
  margin-right: 25px;
}

#footer-index ul ul {
  padding-left: 0.75rem;
  border-left: 1px solid #6c757d;
}

#footer a.mr-4 {
    margin: auto !important;
}
a.text-white {
	color: #fff !important;
	cursor:pointer
	font-weight: normal;
	transition: all 0.7s;
}
a.text-white:hover {
	color: #f7d673;
	transition: all 0.7s;
}
/* *****トップページ***** */
.jumbotron {
	background-image: url("/img/home/top-image.png");
	background-repeat: no-repeat;
	background-size: cover;
	/*min-height: 420px;*/
	background-position: center;
	margin-top: 0rem !important;
}
.oshirase.mb-5{
	padding: 0 1%;
	margin-bottom: 0rem !important;
}

.oshirase .bg-primary,
.oshirase .btn-primary{
	background-color: #af4f91 !important;
	min-width: 12em;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
	}
.oshirase .border-primary {
	border-color: #af4f91 !important;
}
.oshirase p.px-lg-4{
}
.oshirase p.px-lg-4 a{
	border-top: dotted #a94d92 2px;
	display: table;
	margin-top: 0.5em;
	padding-top: 0.5em;
}
.oshirase p.px-lg-4 a:first-child{
	border-top: none;
	margin-top: 0em;
	padding-top: 0em;
}
/* *****下層ページ***** */
.breadcrumb-item + .breadcrumb-item:before {
	content: "〉";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	font-size: small;
	color: #fff;
	padding-left: 0.5em;
}

#page .jumbotron {
	background: #f1efff url("/img/common/header_visual.png") no-repeat center center;
	background-size: cover;
	border-radius: initial;
	min-height: auto;
	padding: 2rem 2rem!important;
}

body .pt-lg-3,
body .py-lg-3,{
	padding-top: 0rem !important;
	padding-bottom: 0rem !important;
}
body .pb-lg-3, body .py-lg-3{
	padding-top: 0rem !important;
	padding-bottom: 0rem !important;
}
body .pt-3,
body .py-3,
body .pt-5,
body .py-5 {
	padding-top: 0rem !important;
	padding-bottom: 0rem !important;
}
.left_box{
	margin-right: 2%;
}
.left_box .left_box_01{
	border: solid 2px #000;
	margin: 20px 0px 0px 0px;
	padding: 2%;
}
.left_box .left_box_01.spec{
}
.left_box .left_box_01.spec h3{
	text-align: center;
}
.left_box .left_box_01.spec h4{
}
right_box{
}

.container .right_box .goods_tx01{
	padding-bottom: 5%;
}
.right_box .goods_tx01 dl{
	display: inline-flex;
	margin: 0;
}
.right_box .goods_tx01 dl dt{
	float: left;
}
.right_box .goods_tx01 dl dd{
}
.right_box .goods_tx01 h4{
	color: #E95513;
}
.container .right_box .right_box_01{
	padding-bottom: 0%;
}
.right_box .right_box_01,
.right_box .goods_tx01,
.right_box .goods_table01{
	padding: 0 5%;
}

.right_box .right_box_01 h3{
	color: red;
	font-size: xxx-large;
	font-weight: 700;
	border-top: solid 2px #ff0000;
	border-bottom: solid 2px #ff0000;
	text-align: center;
	margin: 20px 0;
	padding: 10px 0;
}
.right_box .right_box_01 h3 supn{
	font-size: large;
}
.right_box .right_box_01 h3 supn.name{
	font-size: x-large;
	color: #3e3a39;
	width: 100%;
	display: table;
	text-align: left;
}
a.goods_bt01{
	transition: all 0.7s;
	border: solid 3px #036EB7;
	background-color: #036EB7;
	color: #fff;
	border-radius: 1em;
	-webkit-border-radius: 1em;
	-moz-border-radius: 1em;
	width: 90%;
	display: table;
	text-align: center;
	font-size: xx-large;
	font-weight: 700;
	margin: 0 auto 5% auto;
	text-decoration: none;
}
a.goods_bt01:hover{
	background-color: #fff;
	color: #036EB7;
}
input[type="number"]{
	text-align: right;
	margin-right: 0.5em;
}
.goods_table01 th {
	text-align: center;
	white-space: nowrap;
	min-width: 7em;
	width: 10em;
}
.goods_table01 td {
	text-align: right;
}
.goods_table01 th,
.goods_table01 td {
	border: solid 1px; /* 枠線指定 */
	padding: 2%;
}
.container .right_box .goods_table01 {
	margin-bottom: 3%;
}
.goods_table01 table {
    border-collapse:  collapse;/* セルの線を重ねる */
}
.py-5.goods{
	margin-top: 30px;
}
supn.collar_green{
	color: green;
}
.collar_red,
supn.collar_red{
	color: red;
}
supn.collar_blue{
	color: blue;
}
li.breadcrumb-item {
	float: left;
}
.breadcrumb{
	padding:.75rem 3rem !important;
}
/* --------------------------------------------------

 商品ページ

--------------------------------------------------　*/
.left_box{
	width: 45%;
}
.right_box{
	width: 53%;
}


.right_box,
.left_box{
	display: table;
	float: left;
	height: auto;
	position: relative;
}
.right_box img,
.left_box img{
	width: 100%;
	height: auto;
	display: table;
	position: relative;
}
.left_box img {
    margin-bottom: 20px;
}
.l-container {
  max-width: 1200px;
  margin: 20px auto 100px auto;
}

.card__list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: auto;
  gap: 40px;
}

.card__item {
	display: grid;
	grid-template-rows: subgrid;
	grid-row: span 4;
	gap: 5px;
	padding: 10px;
}
.card__item h2 {
	font-size: medium;
	font-weight: bold;
	margin-bottom: 0;
	line-height: 1;
	color: #0868AA;
}

.card__image {
  text-align: center;
}
.card__image img {
  width: 100%;
  height: auto;
}

.card__button {
  text-align: center;
}
/*
.card__button--blue {
  font-size: 16px;
  color: #fff;
  width: 100%;
  display: block;
  background-color: skyblue;
  padding: 0.6rem 1.2rem;
  border-radius: 100vw;
  font-weight: bold;
}*/
.card__price{
	text-align: right;
}
.card__item .card__price p{
	color: red;
	font-size: x-large;
	font-weight: bold;
	margin-bottom: 0rem;
}
.card__price p supn{
	font-size: medium;
	display: block;
}
.card__item p{
	margin-bottom: 0rem;
	color: black;
}
.card__item p:hover,
.card__item:hover,
.card__item .card__price p:hover{
	text-decoration: none;
}
.card__list a{
	transition: all 0.7s;
}
.card__list a:hover{
	opacity:0.5;
}
div.zei{
	display: inline;
	font-size: small;
}
/* --------------------------------------------------アイ・ケア*/
.right_box img.ec_01_09{
	width: 20px;
	margin-right: 5px;
	float: left;
}
.right_box img.ec_01_10{
	display: none;
}

.right_box .ec_01_box{
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-template-rows: auto;
	gap: 5px;
}
.goods_tx01.ec_01_in {
	padding: 0;
}
.ec_01_box img{
}
/* --------------------------------------------------アイ・ケアここまで*/


/* --------------------------------------------------ハッピーウォーク*/
body.hpw_01{
}
body.hpw_01 img.tx01_r_img{
	width: 40%;
	float: left;
}
body.hpw_01 .goods_tx01_r{
	width: 58%;
	float: left;
	margin-left: 2%;
}
body.hpw_01 a.goods_bt01{
	border: solid 3px #DDF869;
	background-color: #DDF869;
	color: #008B3A;
}
body.hpw_01 a.goods_bt01:hover{
	border: solid 3px #008B3A;
	background-color: #fff;
	color: #008B3A;
}
/* --------------------------------------------------ハッピーウォークここまで*/
/* --------------------------------------------------ブレスレット*/
body.brc_01{
}
body.brc_01 a.goods_bt01{
	border: solid 3px #DDF869;
	background-color: #DDF869;
	color: #008B3A;
}
body.brc_01 a.goods_bt01:hover{
	border: solid 3px #008B3A;
	background-color: #fff;
	color: #008B3A;
}
/* --------------------------------------------------ブレスレットここまで*/

/* --------------------------------------------------健康維持パック*/
body.kk_01{
}

/* --------------------------------------------------健康維持パックここまで*/

/* --------------------------------------------------家庭用常備カラー*/
body.pc_01 {
}
body.pc_01 a.goods_bt01{
	font-size: x-large;
	padding: 0.7em 0px;
	border: solid 3px #88BD1F;
	background-color: #88BD1F;
	color: #fff;
}
body.pc_01 a.goods_bt01:hover{
	border: solid 3px #88BD1F;
	background-color: #fff;
	color: #88BD1F;
}

/* --------------------------------------------------家庭用常備カラーここまで*/

/* --------------------------------------------------家庭用常備カラー*/
body.{
}

/* --------------------------------------------------家庭用常備カラーここまで*/

/* --------------------------------------------------モテマジックカラー（MMC）*/
body.mmc_01{
}
body.mmc_01 .right_box .goods_tx01 h4{
	color: #036EB7;
}
body.mmc_01 .right_box .right_box_01 h3 supn.black_h3{
	color: #3E3A39;
}
body.mmc_01 .right_box .right_box_01 h3 supn.black_h3_00{
	color: #3E3A39;
	text-align: left;
	float: left;
	margin-top: 0.3em;
	width: 100%;
}
body.mmc_01 dl.point_red{
	color: red;
	font-weight: bold;
}
body.mmc_01 a.goods_bt01{
	border: solid 3px #99071F;
	background-color: #99071F;
	color: #fff;
}
body.mmc_01 a.goods_bt01:hover{
	border: solid 3px #99071F;
	background-color: #fff;
	color: #99071F;
}
body.mmc_01 dl.point_yr{
	background-color: #FFE100;
	color: #99071F;
	border-radius: 1em;
	-webkit-border-radius: 1em;
	-moz-border-radius: 1em;
	padding: 0.7em;
}
body.mmc_01 dl.point_yr dd{
	margin: 0;
}

/* --------------------------------------------------モテマジックカラー（MMC）ここまで*/
/* --------------------------------------------------E-CUT*/
body.ect_01{
}
body.ect_01 .right_box .right_box_01 h3 supn.black_h3{
	color: #3E3A39;
}
body.ect_01 .p_red {
	color: red;
}
body.ect_01 a.goods_bt01{
	border: solid 3px #036EB7;
	background-color: #036EB7;
	color: #fff;
}
body.ect_01 a.goods_bt01:hover{
	border: solid 3px #036EB7;
	background-color: #fff;
	color: #036EB7;
}
/* --------------------------------------------------E-CUTここまで*/


/* --------------------------------------------------

 特定商取引法に基づく表記

--------------------------------------------------　*/
    .law-box dl {
        border-bottom: 1px dotted #CCCCCC;
    display: table;
    margin: 0;
    padding: 15px 10px;
    width: 100%;
    }
    .law-box dt {
    text-align: left;
    font-size: 90%;
        width: 12em;
        float: left;
    }
    .law-box dd {
    text-align: left;
    margin: 0;
    font-size: 90%;
    line-height: 150%;
display: table;
    }

/* --------------------------------------------------

 買い物カゴ

--------------------------------------------------　*/

.full-column h3 {
	margin: 30px 0 1em 0;
	padding: 0.4em 0 0.5em 40px;
	font-size: x-large;
	font-weight: normal;
	background-image: url(/img/common/h2-icon.png);
	background-repeat: no-repeat;
	background-position: 0px 0.5em;
	border-bottom: 1px solid #C4C1A9;
	box-shadow: 0px 1px 0px 0px #E1DFD3;
	text-align: left;
}
.full-column .cart-item-count {
	margin-bottom: 30px;
	display: table;
	width: 100%;
}
.full-column .cart-item {
	float: left;
	background: #998677;
	margin-right: 10px;
	margin-bottom: 15px;
	width: 100%;
}
.full-column tr {
	display: table-row;
	vertical-align: inherit;
	unicode-bidi: isolate;
	border-color: inherit;
}
.full-column .cart-item td {
	background: #FFFFFF;
	font-size: 90%;
	padding: 0.8em;
}
.full-column .cart-item th {
	background: #F3ECE6;
	font-size: 90%;
	padding: 0.5em 0;
	font-weight: normal;
	text-align: center;
}
.btn-area {
	display: table;
	text-align: center;
	width: 100%;
	margin-top: 30px;
    }

    .back-btn {
        display: inline-block;
    }
[type=submit],
.more-link a, .back-btn a,
.prev-btn a, .del-item-btn a {
	border: 2px solid #036EB7;
	padding: 6px;
	border-radius: 4px;
	color: #fff;
	font-size: x-large;
	text-decoration: none;
	display: inline-block;
	margin-right: 10px;
	background-color: #036EB7;
	transition: all 0.7s;
    }
[type=submit]:hover,
.more-link a, .back-btn a:hover,
.prev-btn a:hover, .del-item-btn a:hover {
	background-color: #fff;
	color: #036EB7;
}
.full-column th,.full-column td {
    border: solid 1px;  /* 枠線指定 */
    padding: 10px;      /* 余白指定 */
}
.full-column th{
    background: #F3ECE6;
}
.full-column table {
    border-collapse:  collapse; /* セルの線を重ねる */
}
.full-column .cart-item td img{
height: 80px;
    width: auto;
    display: table;
    margin: auto;
}
.full-column a.goods_bt01{
	width: 40%;
	font-size: x-large;
}

.full-column .cart-item-box {
	margin-bottom: 50px;
}
input.faddress.validate\[required\],
input.faddress,input.faddress,input.fmail.validate\[required\],input.fname.validate\[required\],input.fname.validate\[required\],
textarea {
	width: 100%;
}
.cart-user-box {
	display: table;
width: 100%;
}
.cart-user-box dl{
display: table;
        border-bottom: 1px solid #998677;
        width: 100%;
        padding-bottom: 0.5em;
        margin: 0.5em 0;
        font-size: 90%;
}
.cart-user-box dl dt{
        float: left;
        width: 11em;
        text-align: left;
        padding-left: 0.5em;
}
.cart-user-box dl dd{
	float: left;
	text-align: left;
	margin: 0;
	line-height: 120%;
	width: calc(100% - 11em);
}
div.submitbutton [type=submit],
div#submitbutton [type=submit],
div#submitbutton2 [type=submit],
div#submitbutton3 [type=submit],
a.goods_bt02 {
	transition: all 0.7s;
	border: solid 3px red;
	background-color: red;
	color: #fff;
	border-radius: 1em;
	-webkit-border-radius: 1em;
	-moz-border-radius: 1em;
	width: 90%;
	display: table;
	text-align: center;
	font-size: xx-large;
	font-weight: 700;
	margin: 0 auto 5% auto;
	text-decoration: none;
	cursor:pointer;
}
div.submitbutton [type=submit]:hover,
div#submitbutton [type=submit]:hover,
div#submitbutton2 [type=submit]:hover,
div#submitbutton3 [type=submit]:hover,
a.goods_bt02:hover{
	background-color: #fff;
	color: red;
}
div.submitbutton [type=submit].none_cat,
div#submitbutton [type=submit].none_cat,
div#submitbutton2 [type=submit].none_cat,
div#submitbutton3 [type=submit].none_cat,
a.goods_bt02 .none_cat {
	transition: all 0.7s;
	border: solid 3px #777;
	background-color: #777;
	color: #fff;
	border-radius: 1em;
	-webkit-border-radius: 1em;
	-moz-border-radius: 1em;
	width: 90%;
	display: table;
	text-align: center;
	font-size: xx-large;
	font-weight: 700;
	margin: 0 auto 5% auto;
	text-decoration: none;
	pointer-events: none;
}
div.submitbutton [type=submit].none_cat:hover,
div#submitbutton [type=submit].none_cat:hover,
div#submitbutton2 [type=submit].none_cat:hover,
div#submitbutton3 [type=submit].none_cat:hover,
a.goods_bt02 .none_cat:hover{
	background-color: #777;
	color: #fff;
}
/* --------------------------------------------------

 メールフォーム

--------------------------------------------------　*/

.Form {
  margin-top: 80px;
  margin-left: auto;
  margin-right: auto;
  max-width: 980px;
}
@media screen and (max-width: 480px) {
  .Form {
    margin-top: 40px;
  }
}
.Form-Item {
  border-top: 1px solid #ddd;
  padding-top: 24px;
  padding-bottom: 24px;
  width: 100%;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 480px) {
  .Form-Item {
    padding-left: 14px;
    padding-right: 14px;
    padding-top: 16px;
    padding-bottom: 16px;
    flex-wrap: wrap;
  }
}
.Form-Item:nth-child(5) {
  border-bottom: 1px solid #ddd;
}
.Form-Item-Label {
  width: 100%;
  max-width: 248px;
  letter-spacing: 0.05em;
  font-weight: bold;
  font-size: 18px;
}
@media screen and (max-width: 480px) {
  .Form-Item-Label {
    max-width: inherit;
    display: flex;
    align-items: center;
    font-size: 15px;
  }
}
.Form-Item-Label.isMsg {
  margin-top: 8px;
  margin-bottom: auto;
}
@media screen and (max-width: 480px) {
  .Form-Item-Label.isMsg {
    margin-top: 0;
  }
}
.Form-Item-Label-Required {
	border-radius: 6px;
	margin-right: 8px;
	padding-top: 8px;
	padding-bottom: 8px;
	width: 48px;
	display: inline-block;
	text-align: center;
	background: #5bc8ac;
	background: #bd528f;
	color: #fff;
	font-size: 14px;
}
@media screen and (max-width: 480px) {
  .Form-Item-Label-Required {
    border-radius: 4px;
    padding-top: 4px;
    padding-bottom: 4px;
    width: 32px;
    font-size: 10px;
  }
}
.Form-Item-Input {
  border: 1px solid #ddd;
  border-radius: 6px;
  margin-left: 40px;
  padding-left: 1em;
  padding-right: 1em;
  height: 48px;
  flex: 1;
  width: 100%;
  background: #eaedf2;
  font-size: 18px;
}
@media screen and (max-width: 480px) {
  .Form-Item-Input {
    margin-left: 0;
    margin-top: 18px;
    height: 40px;
    flex: inherit;
    font-size: 15px;
  }
}
.Form-Item-Textarea {
  border: 1px solid #ddd;
  border-radius: 6px;
  margin-left: 40px;
  padding-left: 1em;
  padding-right: 1em;
  height: 216px;
  flex: 1;
  width: 100%;
  background: #eaedf2;
  font-size: 18px;
}
@media screen and (max-width: 480px) {
  .Form-Item-Textarea {
    margin-top: 18px;
    margin-left: 0;
    height: 200px;
    flex: inherit;
    font-size: 15px;
  }
}
.Form-Btn {
	border-radius: 6px;
	margin-top: 32px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 20px;
	padding-bottom: 20px;
	width: 280px;
	display: block;
	letter-spacing: 0.05em;
	background: #5bc8ac;
	background: #bd528f;
	color: #fff;
	font-weight: bold;
	font-size: 20px;
	border: none;
}
@media screen and (max-width: 480px) {
  .Form-Btn {
    margin-top: 24px;
    padding-top: 8px;
    padding-bottom: 8px;
    width: 160px;
    font-size: 16px;
  }
}

.contact_form{
}
.contact_00{
	margin-top: 80px;
	margin-left: auto;
	margin-right: auto;
	max-width: 980px;
}
.contact_01{
}
.contact_02{
}
.contact_form .font-weight-bold {
	font-weight: 700 !important;
	text-align: center;
}
.contact_00 .text-md-center{
	text-align: left!important;
}
.error_p p {
	color: red;
	font-weight: bold;
}
body#page.contact .form_box{
	display: table;
	margin: 30px auto 20px auto;
}
body#page.contact .form_box form {
	display: table;
	float: left;
	margin: 0 20px;
}
body#page.contact .form_box form {
}
/* --------------------------------------------------

 レスポンシブ

--------------------------------------------------　*/

@media (max-width: 991.98px) {
  /* md タブレット・スマートフォン向け */

	#nav02 .nav-item {
	border-left: none;
	border-right: none;
	border-bottom: 1px solid #dee2e6;
	letter-spacing: 0.25rem;
	}
	.card__list {
	grid-template-columns: repeat(2, 1fr);
	}
	.container {
	max-width: 100%;
	}
	.right_box .right_box_01 h3 supn.name {
		width: 100%;
		display: table;
		text-align: left;
	}
	#nav02 li.nav-item.cart {
		margin: auto;
		width: 100%;
		background-color: #b65190;
		border: solid 2px #b65190;
		font-weight: bold;
		border-radius: 0px;
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
		transition: all 0.7s;
	}
	#nav02 li.nav-item.cart a{
		margin: auto;
		display: table;
		color: #fff;
		width: 100%;
		height: 100%;
	}
	#nav02 li.nav-item.cart:hover {
		background-color: #fff;
	}
	#nav02 li.nav-item.cart:hover a{
		color: #b65190;
	}
	body .fa-chevron-right:before {
		display: none;
	}
	.right_box .right_box_01 h3 {
		font-size: xx-large;
	}
	.right_box .right_box_01 h3 supn {
		font-size: large;
	}
}
@media (max-width: 820px) {
	.back-btn {
		display: inline-block;
		width: 100%;
		margin-bottom: 30px;
		margin-top: 20px;
	}
	[type=submit], .more-link a, .back-btn a, .prev-btn a, .del-item-btn a {
		margin-right: 0;
		width: 50%;
	}
	.right_box, .left_box {
		width: 100%;
		loat: none;
		margin: auto;
	}
	body#page.contact .form_box{
		width: 100%;
		display: table;
	}
	body#page.contact .form_box form {
		width: 100%;
		display: table;
		padding: 10px 20% 10px 20%;
	}
	body.hpw_01 img.tx01_r_img,
	body.hpw_01 .goods_tx01_r,
	body#page.contact [type=submit]{
		width: 100%;
	}
	body.hpw_01 .goods_tx01_r{
		margin-top: 30px;
		margin-bottom: 10px;
	}
	.right_box img.ec_01_09 {
		display: none;
	}
	.right_box img.ec_01_10{
		display: table;
		width: 70%;
		height: auto;
		margin: 0 auto 20px auto;
	}
	.right_box .ec_01_box {
		grid-template-columns: repeat(1, 1fr);
		gap: 20px;
	}
	.right_box .right_box_01 h3 {
		font-size: 15vw;
	}
	.right_box .right_box_01 h3 supn {
		font-size: 6vw;
		margin-bottom: 25px;
		display: block;
	}
	body.mmc_01 .right_box .right_box_01 h3 supn.black_h3{
		margin: 15px 0 0 0;
		color: #3E3A39;
	}
	body.mmc_01 .right_box .right_box_01 h3 supn.black_h3_00 {
		color: #3E3A39;
		text-align: unset;
		float: unset;
		margin-top: 0.3em;
		width: 100%;
		margin-bottom: 0;
		padding-bottom: 0;
	}

}
@media (max-width: 575.98px) {
    /* xs スマートフォン向け */
	.oshirase.mb-5 {
		padding: 0 2%;
	}
	/* フッター */
	#footer-sns img {
		height: 29px;
		margin-right: 15px;
	}
	.card__list {
		grid-template-columns: repeat(1, 1fr);
	}
	[type=submit], .more-link a, .back-btn a, .prev-btn a, .del-item-btn a {
		margin-right: 0;
		width: 100%;
	}
	a.goods_bt02,
	a.goods_bt01 {
		font-size: 5vw;
	}
	.display-4 {
		font-size: 10vw;
	}
}
/* --------------------------------------------------

 TOPテキストアニメ

--------------------------------------------------　*/

.message {
  display: none;
  text-align: center;
}

.message.appear {
  display: block;
  animation: 2s fadeIn;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}