@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;600&display=swap');

/* ----------------------
   reset.css
---------------------- */

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
  display: block;
}
ol, ul {
  list-style: none;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}

img{
  vertical-align: top;
}


/* ----------------------
   common
---------------------- */

body {
  color: #000;
  font-family: 'Noto Sans JP', "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  font-size: 16px;
  letter-spacing: 0.05em;
  font-feature-settings: 'palt';
  line-height: 1.7;
}

a, a:visited {
  color: #449c2d;
  text-decoration: none;
  transition: opacity 0.2s;
  backface-visibility: hidden;
}
a:hover, a:active {
  color: #449c2d;
  text-decoration: none;
  opacity: 50%;
}

a:hover {
  opacity: 0.6;
}
a:focus {
    text-decoration: none;
}

.br_pc {
}

.br_sp {
  display: none;
}

#header,
.header_space,
#contents,
#footer {
  min-width: 1100px;
}


/* ----------------------
   header
---------------------- */

#header {
}


/* ---- search ---- */

#search{
  top: 15px;
  text-align: right;
}
#search .cp_ipselect {
  display: inline-block;
  position: relative;
  width: 183px;
  height: 26px;
  margin: 0 5px 0 0;
}

#search .cp_ipselect select {
  box-sizing: border-box;
  width: 100%;
  padding: 0 20px 0 8px;
  cursor: pointer;
  text-overflow: ellipsis;
  outline: none;
  box-shadow: none;
  -webkit-appearance: none;
  appearance: none;
  border: 1px solid #b9b9b9;
  border-radius: 5px;
  background: #ffffff;
  color: #666666;
  line-height: 25px;
  height: 27px;
}

#search .cp_ipselect select::-ms-expand {
  display: none;
}

#search .cp_ipselect::before {
  position: absolute;
  top: 50%;
  right: 10px;
  width: 0;
  height: 0;
  padding: 0;
  content: '';
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #666666;
  pointer-events: none;
  margin-top: -3px;
}

#search .search_txt,
#search .search_txt:focus{
  display: inline-block;
  width: 170px;
  height: 25px;
  margin: 0 5px 0 0;
  padding: 0 5px;
  border: 1px solid #b9b9b9;
  border-radius: 5px;
  outline: none;
  background: #edf8ff;
}


#search .btn_search{
  display: inline-block;
  width:70px;
  height:27px;
  line-height: 27px;
  background:#1e94d8;
  color: #fff;
  text-align: center;
  border:none;
  border-radius: 5px;
}



/* ----------------------
   contents
---------------------- */

#contents{
  width: 100%;
  margin: 0 auto;
  padding: 0;
}

.contents{
  width: 1000px;
  margin: 0 auto;
  padding: 0;
}

.title {
  text-align: center;
  font-size: 35px;
  font-weight: normal;
  margin-bottom: 35px;
}
.title span{
  display: block;
  font-size: 14px;
}

.btn_more{
  position: absolute;
  top: 60px;
  right: 0;
  padding: 0 10px 0 0;
  color: #000 !important;
}

.bg_g .btn_more{
  right: 40px;
}


.btn_more:after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 52%;
  right: 2px;
  width: 8px;
  height: 8px;
  border-right: 1px solid #000;
  border-top: 1px solid #000;
  transform: translateY(-50%) rotate(45deg);
}

.cate{
  display: block;
  position: absolute;
  width: 82px;
  height: 17px;
  line-height: 15px;
  font-size: 11px;
  color: #fff;
  background: rgba(102,102,102,0.8);
  text-align: center;
  margin-top: -17px;
  letter-spacing: .1em;
}

.cate.mens {
    background: rgba(0,0,0,0.8);
}

.cate.women {
    background: rgba(166,136,189,0.8);
}

.cate.kids {
    background: rgba(153,204,51,0.8);
}

.cate.maternity {
    background: rgba(252,148,217,0.8);
}

.brand{
  font-size: 12px;
  margin-top: 8px;
  display: block;
}

/* --- SOLD OUT --- */
.sold_out{
  display: block;
  position: absolute;
  top: 1%;
  left: 1%;
  width: 25%;
  height: 0;
  color: #fff;
  background:rgba(0,0,0,0.5) url("https://img21.shop-pro.jp/PA01477/548/etc/icon_soldout.png") left top no-repeat;
  background-size: 100% 100%;
  text-align: center;
  border-radius: 50%;
  text-indent: -9999px;
  overflow: hidden;
  padding: 0 0 25%;
}

/* --- COMIGN SOON --- */
/*.sold_out{
  display: block;
  position: absolute;
  top: 1%;
  left: 1%;
  width: 25%;
  height: 0;
  color: #fff;
  background:rgba(237,247,82,0.7) url("https://img21.shop-pro.jp/PA01477/548/etc/icon_comingsoon.png?cmsp_timestamp=20230317154446") left top no-repeat;
  background-size: 100% 100%;
  text-align: center;
  border-radius: 50%;
  text-indent: -9999px;
  overflow: hidden;
  padding: 0 0 25%;
}*/

.bg_g{
  background: #f6f6f6;
}

.btn_g {
  display: block;
  background: #449c2d url("https://file003.shop-pro.jp/PA01477/548/img/common/btn_arrow.png") no-repeat right 30px center;
  background-size: 18px auto;
  margin: 0 auto;
  color: #fff !important;
  text-align: center;
  width: 320px;
  line-height: 16px;
  padding: 19px 0;
}



/* ---- member ---- */

#member{
  width: 820px;
  padding:55px 0;
  margin: 0 auto;
}

#member .member_txt h3{
  font-size: 20px;
  text-align: center;
  margin-bottom: 15px;
}

#member .member_txt p{
  padding-bottom: 40px;
  width: 700px;
  margin:0 auto;
}

.member_btnarea{
  text-align: center;
  background: #daebd5;
  padding: 20px 25px 25px;
}


/* ----------------------
   footer
---------------------- */

#footer {
  width: 100%;
  background: #e1e1e1;
  padding: 60px 0;
  font-size: 14px;
  line-height: 3;
  _margin-top: 30px;
}

#footer .footer_inner {
  width: 740px;
  margin:  0 auto;
}

#footer .footer_inner a {
  color: #000;
}

#footer .footer_inner ul.footer_list {
  display:flex;
}

#footer .footer_inner ul.footer_list > li {
  width: 170px;
}

#footer .footer_inner ul.footer_list > li:last-child {
  width: 340px;
  padding-left: 60px;
}

#footer .footer_inner ul.footer_list > li ul li a {
  display: block;
  position: relative;
  padding: 0 0 0 12px;
}

#footer .footer_inner ul.footer_list > li ul li a:after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 52%;
  left: -4px;
  width: 6px;
  height: 6px;
  border-right: 1px solid #000;
  border-top: 1px solid #000;
  transform: translateY(-50%) rotate(45deg);
}

#footer .footer_inner ul.footer_contact {
  display:flex;
  margin-top: 12px;
}

#footer .footer_inner ul.footer_contact li:first-child {
  padding-right: 15px;
}

#footer .footer_inner ul.footer_list > li ul.footer_contact li a {
  color: #449c2d;
  display: block;
  line-height: 22px;
  padding: 0 0 0 26px;
}

#footer .footer_inner ul.footer_list > li ul.footer_contact li a:after {
  display: none;
}

#footer .footer_inner ul.footer_contact a.link_mail {
  background: url("https://file003.shop-pro.jp/PA01477/548/img/common/icon_mail.png") no-repeat left top;
  background-size: 22px auto;
}

#footer .footer_inner ul.footer_contact a.link_form {
  background: url("https://img21.shop-pro.jp/PA01477/548/etc/icon_form.png") no-repeat left top;
  background-size: 22px auto;
}

#footer .footer_inner ul.footer_contact a.link_tel {
  background: url("https://file003.shop-pro.jp/PA01477/548/img/common/icon_tel.png") no-repeat left top;
  background-size: 22px auto;
}

#footer .footer_inner #copyright{
  display: block;
  width: 100%;
  font-size: 12px;
  text-align: center;
  margin: 50px 0 0;
}

#btn_pagetop {
  position: fixed;
  bottom: 40px;
  right: 0;
  transition: none;
  display: none;
  width: 48px;
  height: 48px;
}

#btn_pagetop img {
  width: 100%;
  transition: opacity 0.2s;
  backface-visibility: hidden;
}

#btn_pagetop:hover {
  opacity: 1;
}

#btn_pagetop:hover img {
  opacity: 0.6;
}




/* ----------------------
   SP
---------------------- */

@media screen and (max-width: 520px) {


body {
  font-size: 16px;
}

.br_pc {
  display: none;
}

.br_sp {
  display: block;
}

#contents{
  width: 100%;
  margin: 0;
}



#header,
.header_space,
#contents,
#footer {
  min-width: 100%;
}

/* ----------------------
   contents
---------------------- */

.contents{
  width: 100%;
  margin: 0;
}

.title {
  font-size: 28px;
  margin-bottom: 5%;
  line-height: 1.5;
}

.title span{
  display: block;
  font-size: 11px;
}

.btn_more{
  top: 7%;
  right: 4%;
}

.bg_g .btn_more{
  top: 7%;
  right: 4%;
}

.bg_g{
  padding-left:4%;
  padding-right:4%;
}

.btn_g {
  background: #449c2d url("../img/common/btn_arrow.png") no-repeat right 10px center;
  background-size: 18px auto;
  width: 80%;
  padding: 15px 0 16px;
}


/* ---- member ---- */

#member{
  padding: 9% 4% 14%;
  width: 100%;
  box-sizing: border-box;
}

#member .member_txt{
  width: 100%;
}
  
  #member .member_txt h3{
  font-size: 18px;
}

  #member .member_txt p {
    padding-bottom: 10%;
    width: 100%;
}

/* ----------------------
   footer
---------------------- */

#footer {
  padding: 8% 10%;
  box-sizing: border-box;
  line-height: 2.4;
}

#footer .footer_inner {
  width: 100%;
  margin:  0;
}

#footer .footer_inner ul.footer_list {
  display: block;
}

#footer .footer_inner ul.footer_list > li {
  width: 100%;
}

#footer .footer_inner ul.footer_list > li:last-child {
  width: 100%;
  padding-left: 0;
}

#footer .footer_inner ul.footer_list > li ul li a {
  display: block;
  position: relative;
  padding: 0 0 0 12px;
}

#footer .footer_inner ul.footer_list > li ul li a:after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 52%;
  left: -4px;
  width: 6px;
  height: 6px;
  border-right: 1px solid #000;
  border-top: 1px solid #000;
  transform: translateY(-50%) rotate(45deg);
}

#footer .footer_inner h3 {
  margin-top: 20px;
}

#footer .footer_inner ul.footer_contact {
  display: block;
  margin-top: 0;
}

#footer .footer_inner ul.footer_contact li:first-child {
  padding-right: 0;
}

#footer .footer_inner ul.footer_list > li ul.footer_contact li a {
  color: #449c2d;
  display: block;
  line-height: 36px;
  padding: 0 0 0 26px;
}

#footer .footer_inner ul.footer_list > li ul.footer_contact li a:after {
  display: none;
}

#footer .footer_inner ul.footer_contact a.link_mail {
  background: url("https://file003.shop-pro.jp/PA01477/548/img/common/icon_mail.png") no-repeat left center;
  background-size: 22px auto;
}

#footer .footer_inner ul.footer_contact a.link_form {
  background: url("https://img21.shop-pro.jp/PA01477/548/etc/icon_form.png") no-repeat left center;
  background-size: 22px auto;
}

#footer .footer_inner ul.footer_contact a.link_tel {
  background: url("https://file003.shop-pro.jp/PA01477/548/img/common/icon_tel.png") no-repeat left center;
  background-size: 22px auto;
}

#footer .footer_inner #copyright{
  margin:  9% 0 0;
}

#btn_pagetop {
  bottom: 6%;
  right: 0;
  margin-right:0;
  width: 43px;
  height: 43px;
}


}