html {
  padding: 0;
  margin: 0;
}

body {
  padding: 0;
  margin: 0;
  font-size: 15px;
  font-family: "Noto Serif JP", serif;
}

a {
  color: black;
  text-decoration: none;
}

a:hover {
  opacity: 0.6;
  filter: alpha(opacity=60);
  -ms-filter: "alpha( opacity=60 )";
  -webkit-transition: 0.2s ease-in-out;
  -moz-transition: 0.2s ease-in-out;
  -o-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}

header {
  width: 100%;
}

.head_b {
  position: fixed;
  right: 0;
  top: 0;
  font-family: sans-serif;
  z-index: 99999;
}

a.h_m {
  float: right;
  background-color: #dec52a;
  color: white;
  width: 240px;
  padding-top: 10px;
  padding-bottom: 10px;
  text-align: center;
}

a.h_l {
  float: right;
  background-color: #4ab2dc;
  color: white;
  width: 240px;
  padding-top: 10px;
  padding-bottom: 10px;
  text-align: center;
}

.grecaptcha-badge { visibility: hidden; }

.pc {
}
.sp {
  display: none;
}

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

.ml-slider-3-13-1.metaslider.metaslider-flex.metaslider-5.ml-slider.ms-theme-simply-dark.nav-hidden {
  position: relative;
}
#main_txt_sp {
  display: none;
}
#main_txt {
  position: absolute;
  left: 40px;
  font-size: 20px;
  font-weight: normal;
  z-index: 100;
  color: #4ab2dc;
  letter-spacing: 0.3em;
  top: -300px;
}
#main_txt strong {
  font-size: 36px;
  display: block;
  letter-spacing: 0.2em;
  margin-bottom: 15px;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ",
    Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.top_news {
  width: 100%;
  text-align: left;
  margin-bottom: 120px;
  padding-top: 0px;
  position: relative;
}

.top_news a {
  margin-left: 40px;
}

.mi {
  margin: 0 auto;
  letter-spacing: 2.5px;
  border-bottom: solid 1px black;
  width: 340px;
  font-size: 26px;
  font-weight: bold;
  text-align: center;
  line-height: 1em;
  padding-bottom: 21px;
  margin-bottom: 50px;
}
.tia_txt {
  text-align: center;
  font-size: 18px;
  margin-bottom: 40px;
  color: #666666;
  letter-spacing: 0.1em;
  margin-right: auto;
  margin-left: auto;
  display: block;
  width: 90%;
}

.top_i_area {
  width: 1100px;
  margin: 0 auto;
  margin-bottom: 200px;
  padding-bottom: 200px;
}

.tia {
  width: 31%;
  margin-left: 1%;
  margin-right: 1%;
  float: left;
  font-family: sans-serif;
  font-weight: bold;
}

.tiat {
  height: 230px;
}

.tia1 {
  text-align: center;
  color: #4ab2dc;
  width: 100%;
  padding: 2px 0px;
  font-size: 18px;
  letter-spacing: 0.1em;
  font-weight: bold;
}

.tia2 {
  text-align: center;
  color: #d60070;
  width: 100%;
  padding: 2px 0px;
  font-size: 18px;
  letter-spacing: 0.1em;
  font-weight: bold;
}

.tia3 {
  text-align: center;
  color: #dec52a;
  width: 100%;
  padding: 2px 0px;
  font-size: 18px;
  letter-spacing: 0.1em;
  font-weight: bold;
}

.tia1b {
  margin-bottom: 15px;
  text-align: center;
  font-weight: normal;
  font-size: 14px;
  line-height: 18px;
  letter-spacing: 0.1em;
  color: #666666;
}
#story {
  overflow: hidden;
  margin-bottom: 40px;
  padding-top: 60px;
}
#story h4 {
  height: 40px;
  padding-left: 40px;
  position: relative;
  display: block;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 10px;
  line-height: 40px;
  font-size: 20px;
  border-bottom: 1px solid #000000;
  margin-bottom: 20px;
}
#story h4 img {
  position: absolute;
  left: 0px;
  top: 0px;
  height: 40px;
  width: auto;
}
#story .story_left {
  width: 47%;
  float: left;
  line-height: 32px;
  font-size: 16px;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ",
    Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.syohin_area #story strong {
  color: #4ab2dc;
  font-size: 18px;
  text-align: left;
  font-family: "Noto Serif JP", serif;
  display: block;
  margin-bottom: 10px;
}
#story .story_right {
  width: 47%;
  float: right;
  text-align: center;
}

.head_left {
  float: left;
  width: 30%;
  min-width: 475px;
}

.head_left img {
  width: 100%;
  vertical-align: bottom;
}

.head_right {
  float: right;
  width: 30%;
  min-width: 475px;
}

.head_right img {
  width: 100%;
}

.head_middle {
  text-align: center;
  padding-top: 60px;
  position: absolute;
  width: calc(100% - 50px);
}

.head_middle img {
  width: 100%;
}

.head_middle a {
  font-weight: 700;
  font-size: 18px;
  margin-left: 20px;
  margin-right: 20px;
  letter-spacing: 2px;
}

.main_unit {
  width: 100%;
  padding-bottom: 80px;
}

h1 {
  color: #23b3d3;
  font-size: 24px;
  text-align: center;
}

.main_spec {
  padding-top: 30px;
}

.syohin_area {
  width: 1080px;
  overflow: auto;
  margin: 0 auto;
  color: black;
  padding-top: 50px;
}

.syohin_left {
  float: left;
  width: 47%;
}

.syohin_left img {
  margin-bottom: 10px;
}

.cap {
  width: calc(100% - 2px);
  text-align: center;
  color: #23b3d3;
  border-top: 1px solid #23b3d3;
  border-bottom: 1px solid #23b3d3;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ",
    Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.cap2 {
  width: calc(100% - 2px);
  text-align: center;
  color: #d60070;
  border-top: 1px solid #d60070;
  border-bottom: 1px solid #d60070;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ",
    Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.cap3 {
  width: calc(100% - 2px);
  text-align: center;
  color: #dec52a;
  border-top: 1px solid #dec52a;
  border-bottom: 1px solid #dec52a;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ",
    Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.syohin_right {
  float: right;
  width: 47%;
  text-align: left;
  line-height: 2em;
  font-size: 16px;
  padding-top: 10px;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ",
    Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.syohin_right strong {
  display: block;
  width: 100%;
  font-size: 23px;
  margin-bottom: 20px;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ",
    Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.syohin_right strong.pa {
  color: #23b3d3;
}
.syohin_right strong.bu {
  color: #d60070;
}
.syohin_right strong.ru {
  color: #dec52a;
}
.syohin_right strong .eng {
  font-size: 13px;
  color: #999999;
  font-weight: normal;
  letter-spacing: 0.1em;
}

.sub_photo {
  text-align: center;
}

.sub_photo img {
  margin-left: 20px;
  margin-right: 20px;
}

.back_ao {
  width: 100%;
  height: 448px;
  background-image: url(./img/pa_bace.jpg);
  background-position: center top;
  -moz-background-size: cover;
  background-size: cover;
  padding-top: 80px;
  text-align: center;
  color: white;
  font-family: sans-serif;
  margin-bottom: 300px;
}

.back_aka {
  width: 100%;
  height: 448px;
  background-image: url(./img/bu_bace.jpg);
  background-position: center top;
  -moz-background-size: cover;
  background-size: cover;
  padding-top: 80px;
  text-align: center;
  color: white;
  font-family: sans-serif;
  margin-bottom: 300px;
}

.back_cya {
  width: 100%;
  height: 448px;
  background-image: url(./img/ma_bace.jpg);
  background-position: center top;
  -moz-background-size: cover;
  background-size: cover;
  padding-top: 80px;
  text-align: center;
  color: white;
  font-family: sans-serif;
  margin-bottom: 300px;
}

#sec_line {
  width: 100%;
  height: 37px;
  background-color: #4ab2dc;
}

#news_area {
  width: 1080px;
  margin: 0 auto;
	padding-bottom: 180px;/*STORE情報削除による追加*/
}

.news_unit {
  text-align: center;
  width: 31%;
  margin-left: 1%;
  margin-right: 1%;
  font-family: sans-serif;
  float: left;
  margin-bottom: 20px;
}

.news_unit img {
  width: 100%;
  margin-bottom: 10px;
}

.ichiran_area {
  width: 1080px;
  margin: 0 auto;
  overflow: auto;
  padding-bottom: 100px;
}

.ichiran_area_single {
  width: 700px;
  margin: 0 auto;
  overflow: auto;
  padding-bottom: 100px;
}

.ichiran_area_single2 {
  width: 780px;
  margin: 0 auto;
  overflow: auto;
  padding-bottom: 100px;
}

.ichiran_area_single img {
  width: 100%;
  height: auto;
}

a.moreorange {
  width: 320px;
  height: 42px;
  text-align: center;
  line-height: 42px;
  font-size: 20px;
  color: white;
  background-color: #f09600;
  font-family: sans-serif;
  display: block;
}

.moreorange {
  width: 320px;
  height: 42px;
  text-align: center;
  line-height: 42px;
  font-size: 20px;
  color: white;
  background-color: #f09600;
  font-family: sans-serif;
  display: block;
  margin: 0 auto;
}

a.morepink {
  width: 320px;
  height: 42px;
  text-align: center;
  line-height: 42px;
  font-size: 20px;
  color: white;
  background-color: #dd4c69;
  font-family: sans-serif;
  display: block;
}

.morepink {
  width: 320px;
  height: 42px;
  text-align: center;
  line-height: 42px;
  font-size: 20px;
  color: white;
  background-color: #dd4c69;
  font-family: sans-serif;
  display: block;
  margin: 0 auto;
}

a.moreblue {
  width: 320px;
  height: 42px;
  text-align: center;
  line-height: 42px;
  font-size: 20px;
  color: white;
  background-color: #4ab2dc;
  font-family: sans-serif;
  display: block;
}

.moreblue {
  width: 320px;
  height: 42px;
  text-align: center;
  line-height: 42px;
  font-size: 20px;
  color: white;
  background-color: #4ab2dc;
  font-family: sans-serif;
  display: block;
  margin: 0 auto;
}

.moreblue2 {
  width: 100%;
  height: 32px;
  text-align: center;
  line-height: 32px;
  font-size: 18px;
  color: white;
  background-color: #4ab2dc;
  font-family: sans-serif;
  display: block;
  margin: 0 auto;
}

.morered {
  width: 320px;
  height: 42px;
  text-align: center;
  line-height: 42px;
  font-size: 20px;
  color: white;
  background-color: #ad0b0b;
  font-family: sans-serif;
  display: block;
  margin: 0 auto;
}

a.morered {
  width: 320px;
  height: 42px;
  text-align: center;
  line-height: 42px;
  font-size: 20px;
  color: white;
  background-color: #ad0b0b;
  font-family: sans-serif;
  display: block;
}

.ichi_bun {
  width: 700px;
  margin: 0 auto;
  padding-top: 50px;
  padding-bottom: 50px;
  text-align: center;
}

.ichi_unit {
  width: calc((100% / 3) - 20px);
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 20px;
  float: left;
  line-height: 1.9em;
  font-family: sans-serif;
}

.ichi_unit img {
  margin-bottom: 10px;
}

.ichi_unit2 {
  width: calc((100% / 3) - 20px);
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 20px;
  float: left;
  line-height: 1.9em;
  font-family: sans-serif;
}

.ichi_unit2 img {
  margin-bottom: 10px;
}

.i01 {
  font-weight: bold;
}

.i02 {
  text-align: right;
}

.i03 {
  border-top: dotted 1px #565656;
  color: #e60012;
}

.is01 {
  font-weight: bold;
  font-size: 28px;
}

.is02 {
  text-align: right;
  font-size: 28px;
  margin-top: 10px;
}

.is03 {
  border-top: dotted 1px #565656;
  color: #e60012;
  font-weight: bold;
  padding-top: 10px;
}

a.moreaka {
  width: 320px;
  height: 42px;
  text-align: center;
  line-height: 42px;
  font-size: 20px;
  color: white;
  background-color: #d60070;
  font-family: sans-serif;
  display: block;
}

.moreaka {
  width: 320px;
  height: 42px;
  text-align: center;
  line-height: 42px;
  font-size: 20px;
  color: white;
  background-color: #d60070;
  font-family: sans-serif;
  display: block;
  margin: 0 auto;
}

.aka {
  color: #d60070;
}

.cya {
  color: #dec52a;
}

a.morecya {
  width: 320px;
  height: 42px;
  text-align: center;
  line-height: 42px;
  font-size: 20px;
  color: white;
  background-color: #dec52a;
  font-family: sans-serif;
  display: block;
}

.morecya {
  width: 320px;
  height: 42px;
  text-align: center;
  line-height: 42px;
  font-size: 20px;
  color: white;
  background-color: #dec52a;
  font-family: sans-serif;
  display: block;
  margin: 0 auto;
}

#store_area {
  width: 1000px;
  text-align: center;
  margin: 0 auto;
  padding-top: 200px;
  padding-bottom: 200px;
  overflow: auto;
}

.store_unit {
  /* float: left; */
  margin: auto;
  text-align: center;
  width: 450px;
  font-family: sans-serif;
}

.store_unitr {
  float: right;
  text-align: center;
  width: 450px;
  font-family: sans-serif;
}

#spec_area {
  width: 100%;
  overflow-y: auto;
  padding-bottom: 80px;
  padding-top: 50px;
  background-image: url(./img/yuuhi.jpg);
  -moz-background-size: cover;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  background-attachment: fixed;
}

#spec {
  width: 600px;
  margin: 0 auto;
  color: white;
  font-family: sans-serif;
}
#spec a {
  color: white;
  font-family: sans-serif;
}

table {
  color: white;
  margin-right: auto;
  margin-left: auto;
  display: block;
}

table.tform {
  color: black;
}

th {
  text-align: left;
  vertical-align: top;
  line-height: 1.9em;
}

td {
  padding-left: 30px;
  line-height: 1.9em;
}

.syo_left {
  width: 40%;
  float: left;
	margin-right: 40px;
}

.syo_right {
  width: 50%;
  float: left;
}

footer {
  text-align: center;
}

.foot_ill {
  margin: 0 auto;
  margin-top: 50px;
  margin-bottom: 50px;
}

footer a {
  font-weight: 700;
  font-size: 18px;
  margin-left: 10px;
  margin-right: 10px;
  letter-spacing: 2px;
}

.lightcopy {
  font-size: 12px;
  letter-spacing: 3px;
}

.tform {
  width: 780px;
  font-family: sans-serif;
  font-weight: normal;
}

.tform th {
  width: 180px;
  text-align: left;
  font-weight: normal;
  padding-bottom: 30px;
}

.tform td {
  padding-bottom: 30px;
}

.kakunin {
  font-size: 13px;
}
form #cart .upbutton {
  text-align: center;
}

input[type="text"] {
  height: 40px;
  line-height: 40px;
  width: 310px;
  padding-left: 10px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border: solid 1px #dddddd;
  font-size: 14px;
}
input[type="text"].skuquantity {
	width: 170px;
}

input[type="tel"] {
  height: 40px;
  line-height: 40px;
  width: 550px;
  padding-left: 10px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border: solid 1px #dddddd;
  font-size: 14px;
}

input[type="email"] {
  height: 40px;
  line-height: 40px;
  width: 550px;
  padding-left: 10px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border: solid 1px #dddddd;
  font-size: 14px;
}

input[type="submit"] {
  width: 260px;
  height: 60px;
  background-color: #4ab2dc;
  border: none;
  color: white;
  font-size: 15px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  margin-bottom: 15px;
  display: block;
  margin-top: 15px;
  margin-right: auto;
  margin-left: auto;
}
input[type="submit"].skubutton {
  margin-left: 0px;
}

input:hover[type="submit"] {
  width: 260px;
  height: 60px;
  background-color: gray;
  border: none;
  margin-bottom: 15px;
  color: white;
  font-size: 15px;
  margin-right: auto;
  margin-left: auto;
  -webkit-transition: 0.2s ease-in-out;
  -moz-transition: 0.2s ease-in-out;
  -o-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}
input:hover[type="submit"].skubutton {
  margin-left: 0px;
}

input[type="button"] {
  font-family: sans-serif;
  text-align: center;
  cursor: pointer;
  border: none;
  background-color: white;
/*  margin-top: -20px;*/
	margin-top: 30px;
  padding-top: -20px;
  font-size: 14px;
  margin-right: 30px;
  text-decoration: underline;
}

input:hover[type="button"] {
  font-family: sans-serif;
  text-align: center;
  cursor: pointer;
  border: none;
/*  margin-top: -20px;*/
	margin-top: 30px;
  padding-top: -20px;
  font-size: 14px;
  margin-right: 30px;
  text-decoration: underline;
  opacity: 0.5;
  filter: alpha(opacity=50);
  -ms-filter: "alpha( opacity=50 )";
}

.wpcf7 textarea {
  width: 540px;
  padding: 10px;
  height: 160px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  font-size: 15px;
  border: solid 1px #dddddd;
}

.soldout {
  color: red;
}

/*追加レイアウト調整 20200313*/
.catbox {
  max-width: 1200px;
  width: 100%;
  margin: 0 auto;
}

div.usccart_navi li.ucart {
  padding: 5px 0;
}
#inside-cart .send,
#customer-info .send,
#delivery-info .send,
#purchase_form .send {
  display: flex;
  justify-content: center;
  width: 100%;
  max-width: 600px;
  margin: 0 auto;
  align-items: center;
}
#inside-cart .send a[href*="/store/"] {
  background-color: #ccc;
  display: block;
  width: 260px;
  padding: 1.5em 0;
  border: none;
  font-size: 15px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  display: block;
  margin-right: auto;
  margin-left: auto;
}
#cart {
  display: flex;
}
#wc_cart #cart {
  display: block;
}
#cart input.delButton {
  background-color: #cccccc;
  color: #000000;
  width: auto;
}

#cart table {
  border: none;
  border-left: 1px solid #cccccc;
}
#wc_cart table {
  display: table;
}
table.customer_form tbody,
#confirm_table tbody {
  width: 90%;
  margin: 0 auto;
  display: table;
}
.error_message {
  margin-left: 5%;
}
#confirm_table tbody {
  max-width: 842px;
}
table.customer_form th,
table.customer_form td {
  font-size: 0.935em !important;
}
#recaptcha {
  text-align: center;
}
#recaptcha > div {
  margin: 40px auto 0;
}
#recaptcha_error {
  color: #ff0000;
  font-weight: bold;
}

#cart_completion {
  text-align: center;
}
/*クレジット入力ウィンドウ*/
div#kuroneko_web-dialog {
  /*top: 25vh !important;*/
  /*left: 20vw !important;*/
}
.ui-widget input[name="cardno"],
.ui-widget input[name="cardowner"],
.ui-widget input#kuroneko_web_seccd {
  width: 100%;
}
.send.settlement_form_send input[type="button"] {
  border: 1px solid #888888;
  border-radius: 5px;
  text-decoration: none;
  padding: 0.5em 1em;
  margin: 20px 10px;
  background-color: #dddddd;
}

#wc_confirm #cart_table td.action {
  display: none;
}
table#kuroneko_web th {
  width: 10em;
}

div.wc_confirm_notes_area{
	max-width: 842px;
	margin-left: auto;
	margin-right: auto;
}
div.wc_confirm_notes_area a{
	color: #4ab2dc;
	text-decoration: underline;
}

.news_unit img {
  width: 335px;
  height: 259px;
  object-fit: contain;
}

.store-mypage{
	display:inline-block;
	text-align:center;
	margin-left:10px;
}
.store-mypage a.login{
	display:inline-block;
	padding:5px 10px;
	border: solid 1px #dddddd;
	border-radius:3px;
	margin:0 auto;
	font-size: 13px;
	font-family: "Noto sans JP", sans-serifserif;
	letter-spacing:0em;
}

.mi.test {
	margin-bottom:25px;
}

/*会員ページログイン画面*/
#memberpages input.loginmail {
	width: 100% !important;
}
#memberpages input.loginpass {
	width: 100% !important;
}
#memberpages .member_login_button{
	width: 100% !important;
}
#memberpages div.loginbox{
	width: 30% !important;
}


/*特定商取引法に基づく表記*/
#tradelaw table{
  box-sizing: border-box;
  border-collapse:collapse;
  margin: 0 auto;
  text-align: left;
  width: 100%;
}
#tradelaw table th,
#tradelaw table td{
  border: 1px solid #999;
  padding: .5em 1em;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ",Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:#000
}
#tradelaw table th{
  background: #eee;
	width: 30%;
}

.pp_txt, .pp_txt a {text-align:center;font-size:14px;font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ",Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;color:#000;font-weight:normal;white-space: nowrap;margin-top:3px;margin-bottom:2em;}