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;
}
body{
  color: #111;
  font-family: "Helvetica Neue",
  Arial,
  "Hiragino Kaku Gothic ProN",
  "Hiragino Sans",
  Meiryo,
  sans-serif;
  padding-top: 74px;
}

* {
  box-sizing: border-box;
}

a{
  color: #111;
  text-decoration: none;
}


/*ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
　　共通
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
.main_wrapper{
  background: #fff;
  margin: 0 auto;
  width: 1000px;
}
.left_wrapper{
	left: 0;
	width: calc((100% - 1100px) / 2);
	position: fixed;
	top: 75px;
}
.right_wrapper{
	right: 0;
	width: calc((100% - 1100px) / 2);
	position: fixed;
	top: 75px;
	text-align: right;
}
.left_wrapper img,.right_wrapper img{
	height:auto;
	max-width:100%;
}

.common_heading{
  border-left: solid #b90a19 5px;
  font-size: 20px;
  line-height: 1.2em;
  margin: 0 auto 20px;
  padding-left: 10px;
}

.common_heading span{
  display: inline-block;
  font-size: 70%;
  margin-left: 10px;
}

.common_heading a{
  color: #06f;
  float: right;
  font-size: 14px;
}

.common_heading a::after{
  border: solid #06f 1px;
  border-bottom: none;
  border-left: none;
  content: "";
  display: inline-block;
  height: 8px;
  position: ;
  transform: rotate(45deg);
  width: 8px;
}

.common_header_banner{
  margin: 20px auto 40px;
  text-align: center;
}

.common_header_banner img{
  border-radius: 10px;
  width:100%;
}

.common_bottom_banner{
  font-size: 0;
}

.common_bottom_banner a{
  display: inline-block;
  margin-right: 2%;
  width: 32%;
}

.common_bottom_banner a:last-of-type{
  margin-right: 0;
}

.common_bottom_banner a img{
  border-radius: 10px;
  display: block;
  width: 100%;
}

/*赤ボタン*/
.redbtn{
  background:#b90a19;
  border: none;
  border-radius: 6px;
  color: #fff;
  cursor: pointer;
  display: block;
  font-size: 18px;
  line-height: 46px;
  outline: none;
  text-align: center;
  width: 100%;
  padding: 0;
}
.redbtn.disabled{
  background:#ccc;
  border: none;
  border-radius: 6px;
  color: #454545;
  cursor: no-drop;
  display: block;
  font-size: 18px;
  line-height: 46px;
  outline: none;
  text-align: center;
  width: 100%;
  padding: 0;
}

input[type="button"].redbtn,
input[type="submit"].redbtn{
  appearance: none;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  box-sizing: border-box;
}

input[type="button"].btn,
input[type="submit"].redbtn{
  appearance: none;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  box-sizing: border-box;
}
/*btn normal*/
.genbtn {
	background: #0f8fcf;
	border: none;
	border-radius: 6px;
	color: #fff;
	cursor: pointer;
	display: block;
	font-size: 18px;
	line-height: 46px;
	outline: none;
	text-align: center;
	width: 100%;
	padding: 0;
}
/*シャドウ*/
.shadow{box-shadow: 0 2px 10px rgba(0,0,0,0.2);}

/*背景グレーボックス*/
.graybox{
  background: #f6f6f6;
  border-radius: 6px;
  padding: 20px 10px;
}

/*インプットテキスト・テキストエリア*/
.common_textform{
  border: solid #aaa 1px;
  border-radius: 6px;
  display: block;
  font-size: 16px;
  line-height: 46px;
  margin: 5px auto;
  outline: none;
  padding: 0 10px;
  width: 100%;
  appearance: none;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  box-sizing: border-box;
}
.common_textarea{
  border: solid #aaa 1px;
  border-radius: 6px;
  display: block;
  font-size: 16px;
  line-height: 25px;
  margin: 5px auto;
  outline: none;
  padding: 0 10px;
  height:100px;
  width: 100%;
  appearance: none;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  box-sizing: border-box;
}
/*エラーメッセージ*/
.text-danger{
	color: #a94442;
}

@media screen and (max-width:1500px) {
/*画面サイズが1200px以下のレスポンシブ指定*/
.left_wrapper, .right_wrapper{
	display:none;
}
}
@media screen and (max-width:1000px) {
/*画面サイズが1000px以下のレスポンシブ指定*/
.main_wrapper{
  width: 100%;
}

.common_box ,.common_header_breadcrumb{
  margin: 0 auto;
  width: 95%;
}

.common_heading a{
  font-size: 12px;
}

.common_header_banner{
  width: 95%;
}

.common_header_banner img{
  width: 100%;
}

.common_bottom_banner a{
  display: block;
  margin: 0 auto 10px;
  width: 95%;
}

.common_bottom_banner a:last-of-type{
  display: block;
  margin: 0 auto;
  width: 95%;
}
}
/*-- add 20210728 -- */
.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
    cursor: not-allowed;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none;
    opacity: .65;
}

/*-- add 20210805 -- */
.common_box .deliver table{
	border: 1px solid #ddd;
	width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
    background-color: transparent;
    border-spacing: 0;
	border-collapse: collapse;
	box-sizing: border-box;
	font-family: 'Overlock', sans-serif;
	color: #535353;
	font-size: 13px;
}

.common_box .deliver tr{
	background-color: #f9f9f9;
}

.common_box .deliver table td{
	border: 1px solid #ddd;
	padding: 8px;
	vertical-align: top;
}

.table-style {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
    background-color: transparent;
    border-spacing: 0;
	border-collapse: collapse;
	box-sizing: border-box;
}

.table-style > tbody > tr > td,
.table-style > tbody > tr > th, 
.table-style > tfoot > tr > td, 
.table-style > tfoot > tr > th, 
.table-style > thead > tr > td, 
.table-style > thead > tr > th {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #ddd;
}
.clear-style{
	clear:both;
}
/*ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
　　商品リスト（共通）
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
.itemlist li{
  background: #f6f6f6;
  border-radius: 6px;
  display: inline-block;
  margin-right: 10px;
  padding: 10px;
  vertical-align: top;
}

.itemlist .tag{
  font-size: 0;
  margin-bottom: 10px;
  height:20px;
  overflow-x: scroll;
  -ms-overflow-style: none;    /* IE, Edge 対応 */
  scrollbar-width: none;       /* Firefox 対応 */
  white-space: nowrap;
}
.itemlist .tag::-webkit-scrollbar {  /* Chrome, Safari 対応 */
  display:none;
}

.itemlist .tag span{
  border-radius: 6px;
  color: #fff;
  display: inline-block;
  font-size: 10px;
  line-height: 20px;
  margin-right: 5px;
  padding: 0 5px;
  vertical-align: initial;
  border: none;
}

.itemlist .tag span:last-of-type{
  margin-right: 0;
}

.itemlist .tag .new{ background: #1398af;}
.itemlist .tag .reccomend{ background: #b90a19;}
.itemlist .tag .nekopos{ background: #15c229;}
.itemlist .tag .info{ background: #15c229;}
.itemlist .tag .danger{ background: #ff00eb;text-transform:uppercase;}
.itemlist .tag .warning{ background: #ff0018;}
.itemlist .tag .success{ background: #5cb85c;}
.itemlist .tag .default{ background: #777;}
.itemlist .tag .notice{ background: #b7263d;}

.itemlist .product_img{
  display: block;
  height: 150px;
  margin-bottom: 10px;
  width: 150px;
}

.itemlist .product_img img{
  border-radius: 6px;
  height: 100%;
  width: 100%;
}

.itemlist .product_img_list img{
  border-radius: 6px;
  width:100%;
}

.itemlist .product_img:hover{
  opacity: 0.75;
}

.itemlist .product_title{
  font-size: 13px;
  display: block;
  margin-bottom: 18px;
  height: 100px;
  overflow-y: hidden;
}

.itemlist .product_title .detail{
	display:none;
}

.itemlist .product_title_more{
	position:relative;
	width:100%;
	height:15px;
	margin:0;
	padding:0;
	text-align: center;
	cursor: pointer;
	background-color: lavender;
	opacity: 0.8;
}

.itemlist .product_title_more::before{
	position:relative;
	color: gray;
}

.itemlist .price{
  color: #b90a19;
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 20px;
}

.itemlist .price span{
  font-size: 60%;
}
.itemlist .price .strike{
  color:#9d9179;
  text-decoration:line-through;
}

.itemlist .bottom_box{
  height: 15px;
  position: relative;
}

.itemlist .bottom_box .star01,
.itemlist .bottom_box .star02{
  background-image: url(/img/www/icons.svg#star);
  display: inline-block;
  height: 15px;
  width: 15px;
}

.itemlist .bottom_box .star01{
    filter: invert(41%) sepia(81%) saturate(633%) hue-rotate(359deg) brightness(106%) contrast(105%);
}


.itemlist .bottom_box .share,
.itemlist .bottom_box .wish-cancel,
.itemlist .bottom_box .favoritte,
.itemlist .bottom_box .favoritte2{
  bottom: 0;
  display: block;
  height: 23px;
  position: absolute;
  width: 23px;
}

.itemlist .bottom_box .share{
  background-image: url(/img/www/icons.svg#share);
  right: 31px;
}
.itemlist .bottom_box .wish-cancel{
  right: 31px;
}
.itemlist .bottom_box .favoritte{
  background-image: url(/img/www/icons.svg#favoritte);
  right: 0;
}
.itemlist .bottom_box .favoritte2{
  background-image: url(/img/www/icons.svg#favoritte2);
  right: 0;
}

@media screen and (max-width:1000px) {
/*画面サイズが1000px以下のレスポンシブ指定*/
.itemlist li{
  display: block;
}


.itemlist li .wrapper{
  display: table;
  width: 100%;
}

.itemlist li .wrapper .box01,
.itemlist li .wrapper .box02{
  display: table-cell;
  vertical-align: top;
}

.itemlist li .wrapper .box01{
  width:40%;
}
.itemlist li .wrapper .box02{
  padding-left: 10px;
  max-width:100%;
  min-width:60%;
}

.itemlist .product_title{
  margin-bottom: 5px;
  height: 100px;
}

.itemlist .price{
  margin-bottom: 5px;
}
}


/*ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
　　商品リスト（横スクロール｜固定）
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
/*横スクロールリスト*/
.itemlist.xscroll_itemlist{
  background: #fff;
  border-radius: 6px;
  box-shadow: 0 2px 10px rgba(0,0,0,0.2);
  margin-bottom: 40px;
  overflow-x: scroll;
  padding: 10px;
  position: relative;
  width: auto;
  white-space:nowrap;
}

.itemlist.xscroll_itemlist::-webkit-scrollbar {
 /* display: none;*/
}

.itemlist.xscroll_itemlist li{
  width: 170px;
  white-space:normal;
}

.itemlist.xscroll_itemlist li:last-of-type{
  background: #fff;
  margin-right: 0;
}

.itemlist.xscroll_itemlist li:last-of-type a{
  color: #06f;
  display: block;
  height: 120px;
  margin-top: -60px;
  position: absolute;
  text-align: center;
  top: 50%;
  width: 150px;
}

.itemlist.xscroll_itemlist li:last-of-type a:before{
  border: solid #06f 2px;
  border-radius: 27px;
  content: "";
  display: block;
  height: 50px;
  margin: 0 auto 20px;
  position: relative;
  width: 50px;
}

.itemlist.xscroll_itemlist li:last-of-type a:after{
  border: solid #06f 2px;
  border-bottom: none;
  border-left: none;
  content: "";
  display: block;
  height: 10px;
  left: 50%;
  margin-left: -7px;
  position: absolute;
  top: 20px;
  transform: rotate(45deg);
  width: 10px;
}

@media screen and (max-width:1000px) {
/*画面サイズが1000px以下のレスポンシブ指定*/
.itemlist.xscroll_itemlist li{
  display: inline-block;
}
}

/*スクロールなしリスト*/
.itemlist.noscroll_itemlist{
  margin-bottom: 20px;
  padding: 0;
  position: relative;
  width: auto;
}

.itemlist.noscroll_itemlist li{
  margin-bottom: 2.5%;
  margin-right: 2.5%;
  padding-top: 40px;
  position: relative;
  width: 18%;
}

.itemlist.noscroll_itemlist li:nth-of-type(5n){
  margin-right: 0;
}

.itemlist.noscroll_itemlist .product_img{
  height: auto;
  width: 100%;
}

.itemlist.noscroll_itemlist li .tag{
  position: absolute;
  top: 10px;
  overflow-x: scroll;
  -ms-overflow-style: none;    /* IE, Edge 対応 */
  scrollbar-width: none;       /* Firefox 対応 */
  white-space: nowrap;
  width: 90%;
}
.itemlist.noscroll_itemlist li .tag::-webkit-scrollbar {  /* Chrome, Safari 対応 */
  display:none;
}

.itemlist li.loading{
  width:100%;
  text-align:center;
}


@media screen and (max-width:1000px) {
/*画面サイズが1000px以下のレスポンシブ指定*/
.itemlist.noscroll_itemlist {
  background: #f6f6f6;
  border-radius: 6px;
  box-shadow: 0 2px 10px rgba(0,0,0,0.2);
}

.itemlist.noscroll_itemlist li,
.itemlist.noscroll_itemlist li:nth-of-type(5n){
  background: none;
  border-bottom: solid #666 1px;
  border-radius: 0px;
  margin: 0 auto;
  padding: 10px 0;
  width: 95%;
}

.itemlist.noscroll_itemlist li:last-of-type{
  border-bottom: 0;
}

.itemlist.noscroll_itemlist li .tag{
  position: relative;
  top: 0;
}
}



/*ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
　　タグリスト（横スクロール）
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
.taglist{
  font-size: 0;
  margin-bottom: 20px;
  overflow-x: scroll;
  padding: 10px;
  white-space: nowrap;
}

/* .taglist::-webkit-scrollbar {  Chromeスクロールバー非表示対応
  display: none;
} */

.taglist input[type="radio"]{
  display: none;
}

.taglist label{
  background: #fff;
  border-radius: 6px;
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  line-height: 36px;
  margin-right: 10px;
  padding: 0 10px;
}

/*ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
　　コラム
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
#column{
  margin-bottom: 20px;
}

#column .taglist label:hover,
#column .taglist input[type="radio"]:checked+label{
  background: #b90a19;
  color: #fff;
}

#column .ajax-box .inner-box{
  font-size: 14px;
//  min-height: 435px;
}

/*ローディングアイコン*/
.ajax-box .inner-box .loading_icon,
.loading_icon{
  width: 50px; /* サイズ - 可変 */
  height: 40px; /* サイズ - 可変 */
  margin: 40px auto; /* 上下マージン - 可変 */
  text-align: center;
  font-size: 10px;
}

.loading_icon > div {
  background-color: #666; /* ベースの色 - 可変 */
  border-radius: 3px;
  height: 100%;
  margin: 0 2px;
  width: 6px;
  display: inline-block;
  
  -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
  animation: sk-stretchdelay 1.2s infinite ease-in-out;
}

.loading_icon .rect2 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}

.loading_icon .rect3 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}

.loading_icon .rect4 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}

.loading_icon .rect5 {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}

@-webkit-keyframes sk-stretchdelay {
  0%, 40%, 100% { -webkit-transform: scaleY(0.4) }
  20% { -webkit-transform: scaleY(1.0) }
}

@keyframes sk-stretchdelay {
  0%, 40%, 100% { 
    transform: scaleY(0.4);
    -webkit-transform: scaleY(0.4);
  }  20% { 
    transform: scaleY(1.0);
    -webkit-transform: scaleY(1.0);
  }
}

#column .column_list:first-of-type{
  margin-bottom: 20px;
}

#column .column_list li{
  background: #fff;
  box-shadow: 0 2px 10px rgba(0,0,0,0.2);
  border-radius: 6px;
  display: inline-block;
  font-size: 0;
  margin-bottom: 20px;
  margin-right: 2%;
  padding: 10px;
  width: 23.5%;
  vertical-align: top;
  height: 220px;
}

#column .column_list li:nth-of-type(4n){
  margin-right: 0;
}

#column .column_list li .column_tag{
  margin-bottom: 10px;
  height:20px;
  overflow-x: scroll;
  -ms-overflow-style: none;    /* IE, Edge 対応 */
  scrollbar-width: none;       /* Firefox 対応 */
  white-space: nowrap;
}
#column .column_list li .column_tag::-webkit-scrollbar {  /* Chrome, Safari 対応 */
  display:none;
}

#column .column_list li .column_tag span{
  background: #b90a19;
  border-radius: 6px;
  color: #fff;
  display: inline-block;
  font-size: 10px;
  line-height: 20px;
  margin-right: 5px;
  padding: 0 5px;
}

#column .column_list li .imglink{
  border-radius: 6px;
  display: block;
  height: 70px;
  margin-bottom: 10px;
  overflow: hidden;
}

#column .column_list li .imglink:hover{
  opacity: 0.75;
}

#column .column_list li .imglink img{
  display: block;
  margin: auto auto;
  width: 100%;
  height:70px;
  object-fit:cover;
}

#column .column_list li .title{
  display: block;
  font-size: 14px;
  height: 4.5em;
  margin-bottom: 10px;
  overflow: hidden;
}

#column .column_list li .date{
  color: #666;
  font-size: 12px;
  text-align: right;
}

#column .nexnavi{
  margin-bottom: 20px;
  text-align: center;
}

#column .nexnavi .num{
  border: solid #333 1px;
  border-radius: 10px;
  display: inline-block;
  height: 20px;
  line-height: 18px;
  margin: 0 5px;
  padding: 0;
  width: 20px;
}

#column .nexnavi .select .num,
#column .nexnavi .num:hover{
  background: #333;
  color: #fff;
}

@media screen and (max-width:1000px) {
/*画面サイズが1000px以下のレスポンシブ指定*/
#column .column_list li{
  margin-bottom: 10px;
  margin-right: 2%;
  padding: 10px;
  width: 49%;
  height: 210px;
}

#column .column_list li:nth-of-type(even){
  margin-right: 0;
}

#column .column_list li .title{
  font-size: 12px;
}
}


/*ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
　　ナビゲーション
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
header{
  background: #fff;
  font-size: 0;
  height: 74px;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1000;
}

header nav > .wrapper{
  margin: 0 auto;
  width: 1000px;
}

header .nav_list{
  display: inline-block;
}

header .nav_list li{
  display: inline-block;
}

header .nav_list .nav_btn{
  cursor: pointer;
  display: inline-block;
  font-size: 12px;
  height: 74px;
  margin-right: 60px;
  padding-top: 14px;
  text-align: center;
  width: 100px;
  vertical-align: top;
}

header #sp_nav01 li:first-of-type .nav_btn{
  /*margin-right: 32px;*/
}

header #sp_nav02 li:last-of-type .nav_btn{
  margin-right: 0;
  /* padding-top: 0px; */
  padding-top: 14px;
  position: relative;
}

header .nav_list > li > .nav_btn:before{
  background-size: auto 30px;
  content: "";
  display: block;
  height: 30px;
  margin: 0 auto 5px;
  width: 30px;
}

header #sp_nav01 > li:first-of-type .nav_btn:before{
  background-image: url(/img/www/logo.svg#logoblack);
  width: 82px;
}
header #sp_nav01 > li:nth-of-type(2) .nav_btn:before{background-image: url(/img/www/icons.svg#regist);}
header #sp_nav01 > li:nth-of-type(3) .nav_btn:before{background-image: url(/img/www/icons.svg#login);}
header #sp_nav02 > li:nth-of-type(1) .nav_btn:before{background-image: url(/img/www/icons.svg#search);}
/* header #sp_nav02 > li:nth-of-type(1) .nav_btn:before{background-image: url(/img/www/icons.svg#new);} */
header #sp_nav02 > li:nth-of-type(2) .nav_btn:before{background-image: url(/img/www/icons.svg#favoritte);}
header #sp_nav02 > li:nth-of-type(3) .nav_btn:before{background-image: url(/img/www/icons.svg#cart);}

header #sp_nav01 > li.login:nth-of-type(2) .nav_btn:before{background-image: url(/img/www/icons.svg#myaccount);}
header #sp_nav01 > li.login:nth-of-type(3) .nav_btn:before{background-image: url(/img/www/icons.svg#search);}


header .nav_list > li > .slidemenu:before{
  display: none;
}
header .nav_list > li > a.bvj-cart .badges {
	position: relative;
	background-color: #ff0018;
	border-radius: 100%;
	width: 22px;
	height: 20px;
	top: -60px;
	left: 60px;
	line-height: 17px;
	font-size: 12px;
	font-weight: 300;
	text-align: center;
	text-indent: 0px;
	display: block;
	color: #fff;
}

@media screen and (max-width:1000px) {
/*画面サイズが1000px以下のレスポンシブ指定*/
header nav > .wrapper{
  width: 100%;
}

header #sp_nav01{
  width: 100%;
}

header #sp_nav01 > li{
  width: 25%;
  margin-right: 2%;
}

header #sp_nav01 > li:first-of-type{
  margin-left: 10%;
  width: 26%;
}

header #sp_nav01 > li:last-of-type{
  margin-right: 0;
}

header .nav_list .nav_btn{
  height: 100%;
  margin-right: 0;
  width: 100%;
}

#sp_nav02{
  background: #b90a19;
  bottom: 0;
  height: 80px;
  left: 0;
  position: fixed;
  width: 100%;
}

header #sp_nav02 > li{
  color: #fff;
  height: auto!important;
  width: 30%;
  margin-right: 2%;
  padding-bottom: 10px;
  white-space: nowrap;
  
}

header #sp_nav02 .nav_btn{
  color: #fff;
  padding-top: 10px;
}

header #sp_nav02 > li:nth-of-type(1) .nav_btn:before,
header #sp_nav02 > li:nth-of-type(2) .nav_btn:before,
header #sp_nav02 > li:nth-of-type(3) .nav_btn:before{
  filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(229deg) brightness(107%) contrast(101%);
}

header #sp_nav02 > li:first-of-type{
  margin-left: 3%;
}
header #sp_nav02 li:last-of-type .nav_btn {
  padding-top: 10px;
}
}
/*ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
　　ナビゲーション > 新規登録・ログイン・検索ボタン
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
/*ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
　　商品詳細 > シェアボタン
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
.drawer_wrapper{
  position: relative;
}

.drawer_open_btn{
  cursor: pointer;
  display: block;
  height: 100%;
  position: absolute;
  top: 0;
  width: 100%;
}
/* シェアボタン */
.drawer_open_btn_share{
  cursor: pointer;
  display: block;
  position: absolute;
  width: 70%;
  height: 50px;
}

/* 新規登録・ログイン・シェアボタンのデザイン*/
.drawer_regist_content,
.drawer_share_content,
.drawer_login_content{
  background: #f6f6f6;
  border: solid #fff 5px;
  border-radius: 6px;
  top : 84px;
  right: 100%;
  overflow: scroll;
  opacity: 0;
  padding: 40px 0;
  position: fixed;
  transition: .5s;
  text-align: left;
}
.drawer_regist_content,
.drawer_login_content{
  max-height: calc(100% - 158px);
  width: 800px;
}
.drawer_share_content{
  width: 600px;
}

/* 検索のデザイン*/
.drawer_search_content{
  background: #fff;
  box-shadow: 0 3px 5px rgba(0,0,0,0.1);
  top : -100%;
  left: 0;
  opacity: 0;
  padding: 10px 0;
  position: fixed;
  transition: .5s;
  text-align: left;
  width: 100%;
}

.drawer_search_content .button{
  background-color: transparent;
  background-image: url(/img/www/icons.svg#search);
  border: none;
  display: block;
  height: 18px;
  margin: 5px auto;
  outline: none;
  padding: 0;
  position: absolute;
  top: 10px;
  right: 10px;
  margin-left: 310px;
  width: 18px;
  appearance: none;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  box-sizing: border-box;
}

/* アイコンがクリックされたらメニューを表示 */
#drawer_regist_radio:checked ~ .drawer_regist_content,
#drawer_login_radio:checked ~ .drawer_login_content{
  margin-right: -400px;
  right: 50%;
  opacity: 1;
}
#drawer_share_radio:checked ~ .drawer_share_content{
  margin-right: -300px;
  right: 50%;
  opacity: 1;
}

#drawer_search_radio:checked ~ .drawer_search_content {
  top: 74px;
  opacity: 1;
}

.drawer_regist_content .heading,
.drawer_login_content .heading{
  border-left: solid #b90a19 5px;
  font-size: 24px;
  line-height: 1.2em;
  margin: 0 auto 20px;
  padding-left: 10px;
  width: 75%;
}
.drawer_share_content .heading{
  font-size: 24px;
  line-height: 1.2em;
  margin: 0 auto 20px;
  padding-left: 10px;
  width: 75%;
  text-align:center;
}

.drawer_regist_content > .wrapper,
.drawer_share_content > .wrapper,
.drawer_login_content > .wrapper,
.drawer_search_content > .wrapper{
  display: block;
  margin: 0 auto;
  width: 75%;
}

.drawer_search_content > .wrapper{
  width: 50%;
  position: relative;
}

.drawer_regist_content .input_name,
.drawer_share_content .input_name,
.drawer_login_content .input_name{
  font-size: 14px;
  line-height: 1.5em;
  margin: 1em 0 0;
}

.drawer_regist_content input[type="text"],
.drawer_regist_content input[type="password"],
.drawer_login_content input[type="text"],
.drawer_login_content input[type="password"],
.drawer_search_content input[type="text"]{
  border: solid #aaa 2px;
  border-radius: 6px;
  display: block;
  font-size: 18px;
  line-height: 44px;
  margin: 5px auto;
  outline: none;
  width: 100%;
  padding: 0 10px;
  appearance: none;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  box-sizing: border-box;
}

.drawer_search_content input[type="text"]{
  
}

.drawer_regist_content .redtxt{
  color: #b90a19;
  font-size: 12px;
  line-height: 1.5em;
  margin: 1em 0 0;
}

.drawer_regist_content .button,
.drawer_login_content .button{
  margin: 20px auto;
}

.drawer_login_content a{
  color: #06f;
  display: block;
  font-size: 12px;
  line-height: 1.5em;
  margin: 1em 0 0;
}

.drawer_share_close span,
.drawer_share_close span:before,
.drawer_share_close span:after {
  border-radius: 2px;
  content: '';
  display: block;
  height: 3px;
  width: 30px;
  background: #333;
  left: 0;
  transition: 0.5s;
  position: absolute;
}


@media screen and (max-width:1000px) {
/*画面サイズが1000px以下のレスポンシブ指定*
/* 新規登録・ログインのデザイン*/
.drawer_regist_content,
.drawer_share_content,
.drawer_login_content{
  padding: 15px 0;
  width: 95%;
}

/* アイコンがクリックされたらメニューを表示 */
#drawer_regist_radio:checked ~ .drawer_regist_content,
#drawer_login_radio:checked ~ .drawer_login_content,
#drawer_share_radio:checked ~ .drawer_share_content{
  margin: 0;
  right: 2.5%;
}

.drawer_regist_content .heading,
.drawer_share_content .heading,
.drawer_login_content .heading{
  font-size: 20px;
  width: 100%;
}

.drawer_regist_content > .wrapper,
.drawer_share_content > .wrapper,
.drawer_login_content > .wrapper{
  width: 95%;
}

.drawer_search_content > .wrapper{
  width: 85%;
}
}


/*ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
　　ナビゲーション > スライド表示メニュー
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
/* チェックボックスは非表示に */
.drawer_hidden {
  display: none;
}

/* ハンバーガーアイコンの設置スペース */
.drawer_menu_open {
  display: block;
  height: 74px;
  width: 100%;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 100;/* 重なり順を一番上に */
  cursor: pointer;
  vertical-align: top;
  padding-top: 16px;
}

/* ハンバーガーメニューのアイコン */
.drawer_menu_open div{
  display: block;
  height: 26px;
  position: relative;
  width: 30px;
  margin: 0 auto 7px;
}

.drawer_menu_open span,
.drawer_menu_open span:before,
.drawer_menu_open span:after {
  border-radius: 2px;
  content: '';
  display: block;
  height: 3px;
  width: 30px;
  background: #333;
  left: 0;
  transition: 0.5s;
  position: absolute;
}

.drawer_menu_open span{
  top: 12px;
}

/* 三本線のうち一番上の棒の位置調整 */
.drawer_menu_open span:before {
  bottom: 10px;
}

/* 三本線のうち一番下の棒の位置調整 */
.drawer_menu_open span:after {
  top: 10px;
}

#drawer_menu_radio:checked ~ .drawer_menu_open{
  background: #b90a19;
  color: #fff;
}

/* アイコンがクリックされたら真ん中の線を透明にする */
#drawer_menu_radio:checked ~ .drawer_menu_open span {
  background: rgba(255, 255, 255, 0);
}

/* アイコンがクリックされたらアイコンが×印になように上下の線を回転 */
#drawer_menu_radio:checked ~ .drawer_menu_open span::before {
  background: #fff;
  bottom: 0;
  transform: rotate(45deg);
}

#drawer_menu_radio:checked ~ .drawer_menu_open span::after {
  background: #fff;
  top: 0;
  transform: rotate(-45deg);
}

/* アイコンがクリックされたらメニューを表示 */
#drawer_menu_radio:checked ~ .drawer_content {
  bottom: 0;/* メニューを画面に入れる */
  opacity: 1;
}

/* メニューのデザイン*/
.drawer_content {
  background: #fff;
  background: linear-gradient(to bottom, #e0e0e0 0%, #FFF 1%);
  bottom : 100%;
  height: calc(100% - 74px);
  left: 50%;
  margin-left: 80px;
  overflow: scroll;
  opacity: 0;
  padding: 20px;
  position: fixed;
  transition: .5s;
  width: 420px;
  white-space: normal;
}

.drawer_content img{
  width: 100%;
}

.drawer_content ul{
  list-style: none;
}

.drawer_content li{
  display: inline-block;
  width: 49%;
}
.drawer_content li.member{
  display: inline-block;
  width: 100%;
}

.drawer_content li:nth-of-type(odd){
  margin-right: 2%;
}

.drawer_content .reglog{
  margin: 20px 0 0;
}

.drawer_content .reglog a{
  border: solid #888 2px;
  border-radius: 6px;
  display: inline-block;
  font-size: 16px;
  line-height: 48px;
  margin:0;
  padding: 0 15px;
  width: 100%;
  cursor:pointer;
}

.drawer_content .heading{
  color: #333;
  font-size: 24px;
  font-weight: bold;
  margin: 30px 0 0;
}

.drawer_content .point_box1 {
  background: #fff;
  padding: 10px 40px 10px 30px;
  margin-top :15px;
  color: black;
  text-align: left;
}
.drawer_content .point_box1 ul {
  display: table;
  height: 100%;
  width: 100%;
}
.drawer_content .point_box1 li {
  display: table-cell;
  font-size: 20px;
  position: relative;
}
.drawer_content .point_box1 li:first-of-type {
  vertical-align: bottom;
  font-size: 1rem;
}
.drawer_content .point_box1 li:last-of-type {
  text-align: right;
  vertical-align: bottom;
}
.drawer_content .point_box1 li:first-of-type::before {
  background: #b90a19;
  content: "";
  display: block;
  height: 100%;
  left: -15px;
  position: absolute;
  top: 0px;
  width: 5px;
}
.drawer_content .point_box1 a {
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
}
.drawer_content .point_box1 li:last-of-type::after {
  border: solid #333 2px;
  border-bottom-width: 2px;
  border-bottom-style: solid;
  border-bottom-color: rgb(51, 51, 51);
  border-left-width: 2px;
  border-left-style: solid;
  border-left-color: rgb(51, 51, 51);
  border-bottom: none;
  border-left: none;
  bottom: 4px;
  content: "";
  display: block;
  height: 12px;
  position: absolute;
  right: -25px;
  transform: rotate(45deg);
  width: 12px;
}

.drawer_content .tagcloud{
  font-size: 0;
  margin: 0 0 20px;
  text-align: left;
}

.drawer_content .tagcloud p{
  background: #333;
  border-radius: 23px;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  line-height: 46px;
  margin: 20px 0 10px;
  text-align: center;
}

.drawer_content .tagcloud a:not(.exclude){
  border: solid #888 2px;
  border-radius: 6px;
  display: inline-block;
  font-size: 16px;
  line-height: 30px;
  margin: 8px 8px 0 0;
  padding: 0 15px;
}

.drawer_content .sns{
  background: #333;
  border-radius: 10px;
  color: #fff;
  font-size: 0;
  margin: 0 0 20px;
  padding: 20px;
}

.drawer_content .sns p{
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  margin: 0 0 30px;
}

.drawer_content .sns a{
  color: #fff;
  display: inline-block;
  font-size: 12px;
  margin-bottom: 20px;
  width: 33.3%;
}

.drawer_content .sns a:before{
  border-radius: 15px;
  content: "";
  display: block;
  height: 30px;
  margin: 0 auto 20px;
  width: 30px;
}

.drawer_content .sns a:nth-of-type(1):before{ background-image: url(/img/www/icons.svg#facebook);}
.drawer_content .sns a:nth-of-type(2):before{ background-image: url(/img/www/icons.svg#instagram);}
.drawer_content .sns a:nth-of-type(3):before{ background-image: url(/img/www/icons.svg#twitter);}
.drawer_content .sns a:nth-of-type(4):before{ background-image: url(/img/www/icons.svg#line);}
.drawer_content .sns a:nth-of-type(5):before{ background-image: url(/img/www/icons.svg#tiktok);}
.drawer_content .sns a:nth-of-type(6):before{ background-image: url(/img/www/icons.svg#pinterest);}

.drawer_content .sns a:last-of-type{
  margin-right: 0;
}

.drawer_content .bottomlink{
  font-size: 0;
  margin: 0 0 80px;
}

.drawer_content .bottomlink li{
  background: #333;
  border-radius: 6px;
  line-height: 70px;
  margin-bottom: 2%;
  overflow: hidden;
}

.drawer_content .bottomlink li img{
  display: block;
}

.drawer_content .bottomlink a{
  color: #fff;
  display: block;
  font-size: 18px;
}

@media screen and (max-width:1000px) {
/*画面サイズが1000px以下のレスポンシブ指定*/
.drawer_menu_open {
  height: 80px;
  padding-top: 12px;
}

.drawer_menu_open span,
.drawer_menu_open span:before,
.drawer_menu_open span:after {
  background: #fff;
}

#drawer_menu_radio:checked ~ .drawer_menu_open{
  background: #fff;
  color: #b90a19;
}

#drawer_menu_radio:checked ~ .drawer_menu_open span::before,
#drawer_menu_radio:checked ~ .drawer_menu_open span::after {
  background: #b90a19;
}

.drawer_content {
  background: #fff;
  bottom : 100%;
  height: calc(100% - 154px);
  left: 0;
  margin-left: 0;
  padding: 10px 20px 0;
  width: 100%;
}

#drawer_menu_radio:checked ~ .drawer_content {
  bottom: 80px;
}

.drawer_content .bottomlink{
  margin: 0 0 40px;
}
}
/*ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
　　トップページ
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
.top_flex{
  background: #fff;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  padding-bottom: 20px;
  align-items: center;
}

/*バナー横並び*/
.bannerbox{
  margin: 0 auto 40px;
}

.bannerbox ul{
  font-size: 0;
  list-style: none;
}

.bannerbox ul li{
  border-radius: 6px;
  box-shadow: 0 2px 10px rgba(0,0,0,0.2);
  display: inline-block;
  margin-right: 2%;
  width: 18.4%;
}

.bannerbox ul li:last-of-type{
  margin-right: 0;
}

.bannerbox ul li a{
  border-radius: 6px;
  display: block;
  overflow: hidden;
}

.bannerbox ul li:hover{
  opacity: 0.75;
}

.bannerbox ul li img{
  width: 100%;
}

@media screen and (max-width:1000px) {
/*画面サイズが1000px以下のレスポンシブ指定*/
.top_flex{
  padding-bottom: 0;
}

/*バナー横並び*/
.bannerbox{
  margin: 0 auto 20px;
  overflow: scroll;
  width: 95%;
}

.bannerbox ul{
  overflow: scroll;
  padding-bottom: 20px;
  width: 185%;
}

.bannerbox ul li:last-of-type{
  margin-right: 0;
}

.bannerbox ul li img{
  width: 100%;
}
}


/*ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
　　トップページ ＞ スライドバナー
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
.slider {
  width: 100%!important;
  margin: 20px auto; 0
  order: 1;
  outline: none;
}

.slick-slide {
  margin: 0px 10px;
}

.slick-slide img {;
  border-radius: 10px;
  box-shadow: 0 2px 10px rgba(0,0,0,0.2);
  width: 780px;
}

.slick-prev:before,
.slick-next:before {
  color: black;
}

.slick-slide {
  transition: all ease-in-out .3s;
  opacity: 1;
}

.slick-active {
  opacity: .5;
}

.slick-current {
  opacity: 1;
}

.slider > div {
  padding-bottom: 20px!important;
}

.slider div a{
  display: block;
  outline: none;
}

.slider div a:hover{
  opacity: 0.75;
}

@media screen and (max-width:1000px) {
/*画面サイズが1000px以下のレスポンシブ指定*/
.slider {
  order: 2;
}
.slick-slide {
  margin: 0px 5px;
}
.slick-slide img {;
  width: 100%;
}
}

.bannerbox1 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  width: 95%;
  margin: 30px auto 0;
}
.boxinner {
  background: #FFFFFF 0% 0% no-repeat padding-box;
  box-shadow: 0px 3px 6px #00000029;
  border-radius: 10px;
  padding: 20px 10px 20px;
  margin: 0 0 20px;
  width: 45%;
  box-sizing: border-box;
}
.bannerbox1 .boxinner img {
  /* max-width: 100px; */
  width: 100%;
}
@media only screen and (min-width: 819px) {
  .boxinner {
    width: 24%;
  }
}

.bnr_box1 img{
  width: 100%;
}
.bnr_container {
  display: flex;
  margin-bottom: 20px;
}
.bnr_box1 {
  flex: 1 1 auto;
  margin-right: 10px;
}
@media screen and (max-width: 768px) {
	.bnr_container {
    display: block;
    margin-right: 0;
  }
  .bnr_box1 {
    margin-right: 0px;
    text-align: center;
    margin-bottom: 5px;
  }
  .bnr_box1 img{
    width: 95%;
  }
}

/*ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
　　トップページ ＞ ヘッダー下ボックス
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
#header_under{
  display: table;
  height: 76px;
  margin: 10px auto 0;
  order: 2;
  width: 1000px;
}

#header_under > div{
  border-radius: 8px;
  display: table-cell;
  width: 49%;
}

#header_under .l_box{
  background: #b90a19;
  color: #fff;
  font-size: 14px;
  padding: 0 10px;
  vertical-align: middle;
}

#header_under > div:nth-of-type(2){
  width: 2%;
}

#header_under .r_box{
  background: #fff;
  padding: 10px 40px 10px 30px;
  position: relative;
}

#header_under .r_box ul{
  display: table;
  height: 100%;
  width: 100%;
}

#header_under .r_box li{
  display: table-cell;
  font-size: 20px;
  position: relative;
}

#header_under .r_box li:first-of-type{
  vertical-align: bottom;
}

#header_under .r_box li:first-of-type span{
  display: block;
  font-size: 12px;
}

#header_under .r_box li:first-of-type:before{
  background: #b90a19;
  content: "";
  display: block;
  height: 100%;
  left: -15px;
  position: absolute;
  top: 0px;
  width: 5px;
}

#header_under .r_box li:last-of-type{
  text-align: right;
  vertical-align: bottom;
}

#header_under .r_box li:last-of-type:after{
  border: solid #333 2px;
  border-bottom: none;
  border-left: none;
  bottom: 4px;
  content: "";
  display: block;
  height: 12px;
  position: absolute;
  right: -25px;
  transform: rotate(45deg);
  width: 12px;
}

#header_under .r_box a{
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

@media screen and (max-width:1000px) {
/*画面サイズが1000px以下のレスポンシブ指定*/
#header_under{
  display: block;
  height: auto;
  margin: 20px auto 0;
  order: 1;
  width: 95%;
}

#header_under > div{
  display: block;
  width: 100%;
}

#header_under .l_box{
  font-size: 12px;
  padding: 5px 10px;
}

#header_under > div:nth-of-type(2){
  height: 10px;
  width: 100%;
}
}


/*ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
　　トップページ ＞ 最新ショップニュース
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
#toppage .shopnews_frame{
  background: #F5F5F5;
  padding: 5px;
}

#toppage .shopnews_margin{
  margin-bottom: 40px;
}

#toppage .shopnews{
  background: #fff;
  padding: 10px 0;
}

#toppage .shopnews li{
  background: #fff;
  display: inline-block;
  font-size: 0;
  min-height: 20px;
  padding: 5px 10px;
  width: 100%;
}

#toppage .shopnews li .li_bar{
  width: 100%;
  border-bottom: 1.5px #DCDCDC solid;
  padding: 5px;
}

#toppage .shopnews li:nth-of-type(odd){
  margin-right: 2%;
}

#toppage .shopnews li .l_box{
  border-radius: 6px;
  display: inline-block;
  overflow: hidden;
  vertical-align: top;
  width: 90px;
}

#toppage .shopnews li .l_box:hover{
  opacity: 0.75;
}

#toppage .shopnews li .l_box img{
  display: block;
  width: 80px;
  border-radius: 6px;
}

#toppage .shopnews li .r_box{
  display: inline-block;
  font-size: 14px;
  padding-left: 10px;
  vertical-align: middle;
  width: calc(100% - 90px);
}

#toppage .shopnews li .r_box .tag span{
  border-radius: 6px;
  color: #fff;
  display: inline-block;
  font-size: 10px;
  line-height: 20px;
  margin-right: 5px;
  padding: 0 5px;
}

#toppage .shopnews li .r_box .tag .new{ background: #1398af;}

#toppage .shopnews li .r_box .tag p{
  font-size: 14px;
  float: left;
}

#toppage .shopnews li .r_box a.title{
  display: block;
  font-size: 14px;
  font-weight: bold;
  margin-top: 0px;
  padding-left: 120px;
}

@media screen and (max-width:1000px) {
/*画面サイズが1000px以下のレスポンシブ指定*/
#toppage .shopnews li{
  display: block;
  min-height: auto;
  padding: 5px 10px;
  width: 100%;
}

#toppage .shopnews li:nth-of-type(odd){
  margin-right: 0;
}

#toppage .shopnews li .l_box{
  display: none;
}

#toppage .shopnews li .r_box{
  display: inline-block;
  font-size: 14px;
  padding-left: 10px;
  vertical-align: middle;
  width: 100%;
}

#toppage .shopnews li .r_box a.title{
  display: contents;
  font-size: 12px;
  white-space: pre-line;
}
#toppage .shopnews li .r_box .tag p{
  font-size: 12px;
  float: left;
}
}


/*ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
　　トップページ ＞ ビヨンドコラム
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
#toppage #clumn{
  margin-bottom: 20px;
}


/*ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
　　トップページ ＞ 最新動画
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
#toppage #youtube{
	margin-bottom: 20px;
}

#toppage #youtube .wrapper{
  background: #fff;
  border-radius: 6px;
  font-size: 0;
  padding: 40px 55px;
  text-align: center;
}

#toppage #youtube .wrapper .l_box,
#toppage #youtube .wrapper .r_box{
  display: inline-block;
  vertical-align: top;
  width: 390px;
}

#toppage #youtube .wrapper .l_box{
  margin-right: calc(100% - 780px);
}

#toppage #youtube .wrapper .l_box a{
  border-radius: 6px;
  display: block;
  height: 220px;
  overflow: hidden;
  width: 390px;
}

#toppage #youtube .wrapper .l_box a:hover{
  opacity: 0.75;
}

#toppage #youtube .wrapper .l_box a img{
  display: block;
  height: 100%;
}

#toppage #youtube .wrapper .r_box a{
  background: #b90a19;
  border-radius: 6px;
  color: #fff;
  display: block;
  float: right;
  font-size: 14px;
  padding: 10px 0;
  text-align: center;
  width: 390px;
}

#toppage #youtube .wrapper .r_box a:hover{
  opacity: 0.75;
}

#toppage #youtube .wrapper .r_box:before{
  background: url(/img/www/logo.svg#logoblack) no-repeat;
  content: "";
  display: block;
  height: 60px;
  margin: 49px auto;
  width: 164px;
}
#toppage .youtube{
  margin-bottom: 20px;
  position: relative;
}

#toppage .youtube:before {
  content:"";
  display: block;
  padding-top: 56.25%; /* 高さと幅の比を16:9に固定。9/16*100=56.25 */
}

#toppage .youtube iframe{
  border-radius: 6px;
  height: auto;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

@media screen and (max-width:1000px) {
/*画面サイズが1000px以下のレスポンシブ指定*/
#toppage .youtube{
  width: 100%;
}
#toppage #youtube .wrapper{
  padding: 10px;
}

#toppage #youtube .wrapper .l_box,
#toppage #youtube .wrapper .r_box{
  display: block;
  width: 100%;
}

#toppage #youtube .wrapper .l_box{
  margin-right: 0;
}

#toppage #youtube .wrapper .l_box a{
  display: block;
  height: auto;
  padding: 56.25% 0 0;
  width: 100%;

  position: relative;
}

#toppage #youtube .wrapper .l_box a img{
  height: 100%;
  top: 0;
  position: absolute;
}

#toppage #youtube .wrapper .r_box a{
  float: initial;
  margin-top: 40px;
  width: 100%;
}

#toppage #youtube .wrapper .r_box:before{
  display: none;
}
}

/*ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
　　トップページ ＞ 最新ショップニュース
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
#toppage #calendar .wrapper{
  border-radius: 6px;
}

#toppage .calendar-text{
	padding:5px 5px 0 5px;
}
#toppage .calendar-holiday{
	color:#FFE5E5;
	background-color:#FFE5E5;
}
#toppage .calendar-sales{
	color:#ffffff;
}
#toppage .calendar-holiday,#toppage .calendar-sales{
	border:1px solid #dcdcdc;
	padding: 0 3px;
	margin:0 5px;
	font-size:11px;
}

#toppage #calendar div{
	border-bottom:0px;
	border-left:0px;
	border-right:0px;
}

/*ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
　　商品リストページ
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
.item_list .sort{
  font-size: 14px;
  margin-bottom: 20px;
  text-align: right;
}

.item_list .sort select{
font-size:16px;
/*border: solid #333 1px;*/
}

.item_list .taglist label:hover,
.item_list .taglist input[type="radio"]:checked+label{
  background: #333;
  color: #fff;
}

.item_list .nexnavi{
  margin-bottom: 20px;
  text-align: center;
}

.item_list .nexnavi .num{
  border: solid #333 1px;
  border-radius: 10px;
  display: inline-block;
  height: 20px;
  line-height: 18px;
  margin: 0 5px;
  padding: 0;
  width: 20px;
}

.item_list .nexnavi .select .num,
.item_list .nexnavi .num:hover{
  background: #333;
  color: #fff;
}

/* .item_list .breadcrumb{ */
.breadcrumb{
  font-size: 10px !important;
/* margin-bottom: 60px; */
  margin:15px 0 30px !important;
}

.item_list #relation_tag{
  margin-bottom: 60px;
}

/* .item_list .breadcrumb a{ */
.breadcrumb a{
  color: #06f;
}
.common_header_breadcrumb .breadcrumb{
  font-size: 10px;
  margin:15px 0 20px;
}

.item_list #relation_tag span{
  background: #333;
  border: solid #333 1px;
  border-radius: 6px;
  color: #fff;
  display: inline-block;
  font-size: 16px;
  line-height: 30px;
  margin: 8px 8px 0 0;
  padding: 0 15px;
}

.item_list #relation_tag a{
  border: solid #888 1px;
  border-radius: 6px;
  display: inline-block;
  font-size: 16px;
  line-height: 30px;
  margin: 8px 8px 0 0;
  padding: 0 15px;
}

.item_list hr{
	margin-top: 20px;
	margin-bottom: 20px;
	border: 0;
    border-top-color: currentcolor;
    border-top-style: none;
    border-top-width: 0px;
	border-top: 1px solid #eee;
}

.item_list .discription{
	margin: 0 0 10px;
	font-size: 11px;
	line-height: 16px;
}

@media screen and (max-width:1000px) {
/*画面サイズが1000px以下のレスポンシブ指定*/
.item_list .sort{
  text-align: left;
}
}


/*ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
　　商品個別ページ
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
/*モーダル：hideエリアをはじめは非表示*/
.hide-area{
	display: none;
}

.product_imglist_wrapper{
  overflow: hidden;
}

#product_imglist img{
  height: 300px;
  width: 300px;
}

.product_imglist a{
  outline: none;
}

#product .box01 .star01,
#product .box01 .star02{
  background-image: url(/img/www/icons.svg#star);
  display: inline-block;
  height: 15px;
  width: 15px;
}

#product .box01 .star01{
    filter: invert(41%) sepia(81%) saturate(633%) hue-rotate(359deg) brightness(106%) contrast(105%);
}

#product .box01{
  height: 15px;
  margin-bottom: 20px;
  position: relative;
}

#product .box01 .share,
#product .box01 .favoritte,
#product .box01 .favoritte2{
  bottom: 0;
  display: block;
  height: 23px;
  position: absolute;
  width: 23px;
}

#product .box01 .share{
  background-image: url(/img/www/icons.svg#share);
  right: 31px;
}


#product .box01 .favoritte{
  background-image: url(/img/www/icons.svg#favoritte);
  right: 0;
}
#product .box01 .favoritte2{
  background-image: url(/img/www/icons.svg#favoritte2);
  right: 0;
}

#product .tag{
  font-size: 0;
  margin-bottom: 10px;
}

#product .tag span{
  border-radius: 6px;
  color: #fff;
  display: inline-block;
  font-size: 10px;
  line-height: 20px;
  margin-right: 5px;
  padding: 0 5px;
  vertical-align: initial;
  border: none;
}

#product .tag span:last-of-type{
  margin-right: 0;
}

#product .tag .new{ background: #1398af;}
#product .tag .reccomend{ background: #b90a19;}
#product .tag .nekopos{ background: #15c229;}
#product .tag .info{ background: #15c229;}
#product .tag .danger{ background: #ff00eb;text-transform:uppercase;}
#product .tag .warning{ background: #ff0018;}
#product .tag .success{ background: #5cb85c;}
#product .tag .default{ background: #777;}
#product .tag .notice{ background: #b7263d;}

#product .price{
  color: #b90a19;
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 20px;
}

#product .price span{
  font-size: 60%;
}
#product .price .price-strike{text-decoration:line-through;color:#9d9179;}

#product .box02{
  font-size: 12px;
  margin-bottom: 20px;
}

#product .box02 a{
  color: #06f;
}

#product .select{
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 20px;
}

#product .select select{
  -webkit-appearance: none;
  -moz-appearance: none;
   appearance: none;
   border: solid #333 1px;
  outline: none;
  background: #fff;
  font-size: 16px;
  line-height: 50px;
  height: 50px;
  padding: 0 10px;
  width: 100%;
}

#product .point{
  background: #fff;
  border-radius: 6px;
  margin-bottom: 20px;
  padding: 10px 40px 10px 30px;
  position: relative;
}

#product .point ul{
  display: table;
  height: 100%;
  width: 100%;
}

#product .point li{
  display: table-cell;
  font-size: 20px;
  position: relative;
}

#product .point li:first-of-type{
  vertical-align: bottom;
}

#product .point li:first-of-type span{
  display: block;
  font-size: 12px;
}

#product .point li:first-of-type:before{
  background: #b90a19;
  content: "";
  display: block;
  height: 100%;
  left: -15px;
  position: absolute;
  top: 0px;
  width: 5px;
}

#product .point li:last-of-type{
  text-align: right;
  vertical-align: bottom;
}

#product .point li:last-of-type:after{
  border: solid #333 2px;
  border-bottom: none;
  border-left: none;
  bottom: 4px;
  content: "";
  display: block;
  height: 12px;
  position: absolute;
  right: -25px;
  transform: rotate(45deg);
  width: 12px;
}

#product .point a{
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

#product .box_btn{
  font-size: 0;
  margin-bottom: 30px;
}

#product .box_btn{
  position: -webkit-sticky;/*Safari*/
  position: sticky;
  bottom: 20px;
}

#product .box_btn .btn{
  display: inline-block;
  width: 49%;
}

#product .box_btn .btn:first-of-type{
  margin-right: 2%;
}

#product .box_btn .btn:before{
  content: "";
  display: inline-block;
  height: 24px;
  margin-right: 10px;
  width: 24px;
  vertical-align: middle;
}

#product .box_btn .add_cart:before{
  background-image: url(/img/www/icons.svg#add);
}


#product .box_btn .buy:before{
  background-image: url(/img/www/icons.svg#cart);
  filter: invert(88%) sepia(61%) saturate(0%) hue-rotate(229deg) brightness(107%) contrast(101%);
}

#product .box_btn a.disabled{
  pointer-events: none;
}

#product .shipping{
  background: #fff;
  border: solid #b90a19 1px;
  border-radius: 6px;
  font-size: 14px;
  margin-bottom: 40px;
  padding: 5px;
  vertical-align: middle;
}

#product .detail{
  display: block;
  font-size: 14px;
  margin-bottom: 40px;
  padding: 20px;
  vertical-align: top;
}

#product .detail p{
  margin-bottom: 1em;
}

#product .detail .bold{
  font-weight: bold;
}

#product .detail .red{
  color: #b90a19;
}

#product .detail a{
  color: #06f;
}
#product .detail hr{
  margin:20px 0;
}

#product .youtube{
  margin-bottom: 20px;
  position: relative;
  width: 50%;
}

#product .youtube:before {
  content:"";
  display: block;
  padding-top: 56.25%; /* 高さと幅の比を16:9に固定。9/16*100=56.25 */
}

#product .youtube iframe{
  border-radius: 6px;
  height: auto;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

@media screen and (max-width:1000px) {
/*画面サイズが1000px以下のレスポンシブ指定*/
#product .youtube{
  width: 100%;
}
#product .box_btn{
  position: -webkit-sticky;/*Safari*/
  position: sticky;
  bottom: 90px;
}
}


/*ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
　　買い物かご
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
#cart{
  margin-top: 30px;
}

#cart .cart_product{
  margin-bottom: 20px;
}

#cart .cart_product > p:first-of-type{
  font-size: 14px;
  margin-bottom: 10px;
}

#cart .cart_product > p:first-of-type span{
  display: inline-block;
  height: 14px;
  margin: 0 3px;
  vertical-align: baseline;
  width: 14px;
}
#cart .cart_product > p:first-of-type span.red{
  width: auto !important;
  color: #b90a19;
}

#cart .cart_product > p:first-of-type .change,
#cart .cart_product .table .r_box .change{
  background-image:url(/img/www/icons.svg#change)
}

#cart .cart_product > p:first-of-type .delete,
#cart .cart_product .table .r_box .delete{
  background-image:url(/img/www/icons.svg#delete)
}

#cart .cart_product .list{
  list-style: none;
}

#cart .cart_product .list li{
  border-top: solid #333 1px;
  padding: 10px 0;
}

#cart .cart_product .list li > a{
  color: #06f;
  display: block;
  margin-bottom: 10px;
}

#cart .cart_product .table{
  display: table;
  width: 100%;
}

#cart .cart_product .table .l_box,
#cart .cart_product .table .r_box{
  display: table-cell;
  vertical-align: top;
}

#cart .cart_product .table .l_box img{
  border-radius: 6px;
  max-width: 150px;
  width: 100%;
}

#cart .cart_product .table .r_box{
  padding-left: 10px;
  width: 180px;;
}

#cart .cart_product .table .r_box p{
  font-size: 14px;
  line-height: 2em;
}

#cart .cart_product .table .r_box .red{
  color: #b90a19;
}

#cart .cart_product .table .r_box select{
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: solid #333 1px;
  outline: none;
  background: #fff;
  display: inline-block;
  font-size: 16px;
  height: 30px;
  line-height: 30px;
  margin-right: 5px;
  padding: 0 10px;
  vertical-align: top;
  width: 80px;
}

#cart .cart_product .table .r_box input[type="button"]{
  border: none;
  border-radius: 5px;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  height: 30px;
  margin-right: 5px;
  outline: none;
  width: 30px;
  padding: 0;
  vertical-align: top;
  appearance: none;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  box-sizing: border-box;
}


#cart .shipping{
  font-size: 14px;
  margin-bottom: 20px;
}

#cart .shipping p{
  margin-bottom: 1em;
}

#cart .shipping a{
  color: #06f;
}

#cart .total{
  margin-bottom: 40px;
  text-align: right;
}

#cart .total table{
  margin-bottom: 10px;
  width: 100%;
}

#cart .total table td,
#cart .total table th{
  padding: 5px 15px;
}

#cart .total table td:first-of-type{
  width: 40%;
}

#cart .total table th{
  border-bottom: solid #333 1px;
}

#cart .total table + a{
  color: #06f;
  display: block;
  margin-bottom: 20px;
}

#cart .total .redbtn:first-of-type{
	margin-right: 2%;
}
#cart .total .redbtn{
  display: inline-block;
  width: 49%;
}

#cart .couponcode{
  margin-bottom: 40px;
}

#cart .couponcode p{
  color: #b90a19;
  font-size: 14px;
}

#cart .couponcode .common_textform{
  margin-bottom: 20px;
}



/*ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
　　購入手続き
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
#checkout{
  margin: 30px auto 60px;
}

#checkout .toggle_wrapper{
  border: solid #ccc 1px;
  border-radius: 6px;
  margin-bottom: 10px;
  overflow: hidden;
}

#checkout .toggle{
  display: none;
}

#checkout .toggle_btn{
  background: #f6f6f6;
  color: #333;
  cursor: pointer;
  display: block;
  font-weight: bold;
  line-height: 40px;
  padding: 0 10px;
  width: 100%;
}

#checkout .toggle_btn:hover{
  background: #ddd;
}

#checkout .step_contents{
  border-top: solid #ccc 1px;
  color: #333;
  font-size: 14px;
  height: 0;
  overflow: hidden;
  transition: all 0.3s ease-out;
  opacity: 0;
  padding: 0 20px;
}

#checkout .toggle:checked + label + .step_contents{
  height: auto;
  opacity: 1;
  padding: 20px;
}

#checkout .step_contents.step1 label{
  cursor: pointer;
  display: block;
  font-size: 14px;
  margin-bottom: 20px;
}

#checkout .step_contents.step1 label span{
  font-size: 120%;
}

#checkout .step_contents.step1 label .red{
  color: #b90a19;
  font-size: 12px;
}

#checkout .step_contents .header{
  border-bottom: solid #ccc 1px;
  font-size: 20px;
  margin-bottom: 20px;
}

#checkout .step_contents .bold{
  font-weight: bold;
  margin-top: 20px;
}

#checkout .step_contents .half{
  display: inline-block;
  width: 49%;
}

#checkout .step_contents .half1{
  margin-right: 2%;
}

#checkout .step_contents .zip1,
#checkout .step_contents .zip2,
#checkout .step_contents .auto_address{
  display: inline-block;
  vertical-align: middle;
  width: 32%;
}

#checkout .step_contents .zip1 + span{
  display: inline-block;
  text-align: center;
  width: 2%;
}

#checkout .step_contents .zip2{
  margin-right: 2%;
}

#checkout .step_contents .auto_address{
  background: #ddd;
  border: solid #ccc 1px;
  border-radius: 6px;
  box-sizing: border-box;
  color: #333;
  font-size: 12px;
  line-height: 46px;
  text-align: center;
}
#checkout .step_contents .auto_address{
  display: inline-block;
  vertical-align: middle;
  width: 32%;
}


#checkout .step_contents .auto_address:hover{
  background: #ccc;
}

#checkout .step_contents .zipcode_link{
  color: #06f;
  display: block;
}

#checkout .step_contents .pref_name{
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: solid #ccc 1px;
  outline: none;
  background: #eee;
  display: inline-block;
  font-size: 16px;
  line-height: 46px;
  margin-right: 2%;
  height: 46px;
  padding: 0 10px;
  width: 49%;
}

#login .login_content .birth_y,
#login .login_content .birth_m,
#login .login_content .birth_d,
#checkout .step_contents .daySpecified_y,
#checkout .step_contents .daySpecified_m,
#checkout .step_contents .daySpecified_d,
#checkout .step_contents .timeSpecified{
  display: inline-block !important;
  width: auto !important;
}

#checkout .step_contents .tel1,
#checkout .step_contents .tel2,
#checkout .step_contents .tel3{
  display: inline-block;
  width: 32%;
}

#checkout .step_contents .tel1 + span,
#checkout .step_contents .tel2 + span{
  display: inline-block;
  text-align: center;
  width: 2%;
}

#checkout .step_contents .mailmagazine{
  display: block;
  margin: 20px 0;
}

#checkout .step3 table{
  border-collapse: collapse;
  width: 100%;
}

#checkout .step3 table td,
#checkout .step3 table th{
  border: solid #ccc 1px;
  padding: 10px;
  text-align: right;
  vertical-align: top;
}

#checkout .step3 table th{
  font-weight: bold;
}

#checkout .step3 table tr:last-of-type{
  border-top: solid #ccc 10px;
}

#checkout .step3 table .summary{
  text-align: left;
}

#checkout .step3 table .summary .name{
  font-size: 16px;
  margin-bottom: 10px;
}

#checkout .step3 table .summary img{
  display: inline-block;
  margin-right: 10px;
  vertical-align: bottom;
  width: 100px;
}

#checkout .step3 table .summary .subtotal{
  display: inline-block;
  text-align: left;
  vertical-align: bottom;
}

#checkout .step3 .header{
  margin-top: 20px;
}

#checkout .step3 .deliaddress{
  margin-bottom: 20px;
}

#checkout .step3 .deliaddress p{
  margin-bottom: 1em;
}

#checkout .step3 .deliaddress p:last-of-type{
  color: #06f;
}

/*ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
　　購入完了
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
#checkout .loadmodal{
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 20px;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 5px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  z-index: 1000;
  width: fit-content;
}


/*ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
　　マイアカウント
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
#myaccount .main_wrapper{
  padding: 40px 0 0;
}

#myaccount .myaccount{
  list-style-type: none;
}

#myaccount .myaccount li{
  border-bottom: solid #999 1px;
  display: block;
  padding: 20px 0;
  width: 100%;
}

#myaccount .myaccount li div{
  display: table-cell;
  vertical-align: middle;
}

#myaccount .myaccount a{
  border: solid #999 1px;
  border-radius: 6px;
  display: inline-block;
  line-height: 30px;
  margin-right: 20px;
  padding: 0 20px;
  vertical-align: middle;
  white-space: nowrap;
}

#myaccount .myaccount p{
  font-size: 14px;
}


/*ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
　　テキストベースページ（プライバシーポリシー等）
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
#textpage{
  margin-bottom: 40px;
}

#textpage .wrapper p,
#textpage .wrapper ul{
  font-size: 14px;
  line-height: 1.5em;
  margin-bottom: 1em;
}

#textpage .wrapper ul{
  list-style-type: disc;
  margin-left: 20px;
}

#textpage .wrapper ul li{
  margin-bottom: 1em;
}

#textpage .wrapper .bold_heading{
  font-weight: bold;
}
#textpage a{
	color: #0f8fcf;
}
#textpage a.original_btn,
#textpage a.genbtn{
	color:#fff;
}
#textpage a.original_btn{
    color: #fff;
    background-color: #b42935;
    border-color: #b42935;
    border-radius: 0;
    padding: 5px 10px;
	font-size: 12px;
	line-height: 1.5;
	display: inline-block;
	padding: 6px 12px;
	margin-bottom: 0;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.42857143;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-image: none;
	border: 1px solid transparent;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
	border-radius: 4px;
}

/*ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
　　サイトご利用ガイド
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
#guide .guidelist{
  padding: 20px 15px;
}

#guide .guidelist a{
  display: block;
  line-height: 24px;
  margin-bottom: 20px;
}

#guide .guidelist a:after{
  border: solid #06f 1px;
  border-bottom: none;
  border-left: none;
  content: "";
  display: inline-block;
  height: 10px;
  margin-left: 20px;
  transform: rotate(45deg);
  width: 10px;
}


/*ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
　　お問い合わせ
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
#contact .main_wrapper{
  padding-top: 40px;
}

#contact .main_wrapper .mail{
  margin: 0 0 40px;
}

#contact .main_wrapper .wrapper ul{
  list-style: none;
}

#contact .main_wrapper .wrapper li{
  padding-bottom: 20px;
}

#contact .main_wrapper .wrapper li p span{
  color: #b90a19;
  display: inline-block;
  margin-left: 10px;
}

#contact .main_wrapper .wrapper .red{
  color: #b90a19;
  font-size: 14px;
}

#contact .main_wrapper .wrapper.tel p{
  font-weight: bold;
}

#contact input[type="text"],
#contact textarea{
  border: solid #aaa 1px;
  border-radius: 6px;
  display: block;
  font-size: 14px;
  margin: 5px auto;
  outline: none;
  width: 100%;
  appearance: none;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  box-sizing: border-box;
}

#contact input[type="text"]{
  line-height: 44px;
  padding: 0 10px;
}

#contact textarea{
  line-height: 1.5em;
  min-height: 150px;
  padding: 10px;
}

#contact .main_wrapper .wrapper .button{
  margin: 20px auto;
}


/*ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
　　ログイン・登録ページ
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
#login{
  margin-top: 30px;
}

#login .regist_content,
#login .login_content{
  font-size: 14px;
  padding: 40px 0;
  text-align: left;
  width: 100%;
}

#login .login_content{
  margin-bottom: 40px;
}

#login .regist_content .heading,
#login .login_content .heading{
  border-bottom: solid #333 1px;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.2em;
  margin: 0 auto 20px;
  padding-bottom: 10px;
  width: 95%;
}

#login .regist_content > .wrapper,
#login .login_content > .wrapper{
  display: block;
  margin: 0 auto;
  width: 95%;
}

#login .regist_content .input_name,
#login .login_content .input_name{
  font-size: 14px;
  line-height: 1.5em;
  margin: 1em 0 0;
}

#login .regist_content input[type="text"],
#login .regist_content input[type="password"],
#login .login_content input[type="text"],
#login .login_content input[type="password"],
#login .login_content select,
#checkout .step_contents select.daySpecified_y,
#checkout .step_contents select.daySpecified_m,
#checkout .step_contents select.daySpecified_d,
#checkout .step_contents select.timeSpecified{
  border: solid #aaa 2px;
  border-radius: 6px;
  display: block;
  font-size: 18px;
  line-height: 44px;
  margin: 5px auto;
  outline: none;
  width: 100%;
  padding: 0 10px;
  appearance: none;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  box-sizing: border-box;
}

#login .login_content textarea{
  line-height: 1.5em;
  min-height: 150px;
  padding: 10px;
  border: solid #aaa 1px;
  border-radius: 6px;
  display: block;
  font-size: 14px;
  margin: 5px auto;
  outline: none;
  width: 100%;
  appearance: none;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  box-sizing: border-box;
}

#login .regist_content .redtxt{
  color: #b90a19;
  font-size: 12px;
  line-height: 1.5em;
  margin: 1em 0 0;
}

#login .regist_content .button,
#login .login_content .button{
  margin: 20px auto;
}

#login .login_content a{
  color: #06f;
  display: block;
  font-size: 12px;
  line-height: 1.5em;
  margin: 1em 0 0;
}

#login .login_content a.in{
  display: inline;
}

@media screen and (max-width:1000px) {
/*画面サイズが1000px以下のレスポンシブ指定*/
#login .regist_content,
#login .login_content{
  overflow: scroll;
}
}

/*ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
　　フッター
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
footer{
  background-color: #b90a19;
  color: #fff;
  margin-top: 60px;
  position: relative;
  text-align: center;
}

footer a{
  color: #fff;
}

footer .bgcolor{
  background-color: #333;
}

footer .wrapper{
  font-size: 0;
  margin: 0 auto;
  padding: 120px 0 100px;
  width: 1000px;
}

footer .heading{
  font-size: 16px;
  margin: 0 0 40px;
  position: relative;
}

footer .heading:before{
  background-image: url(/img/www/logo.svg#logowhite);
  background-size: cover;
  content: "";
  display: block;
  height: 37px;
  margin: 0 auto 10px;
  width: 100px;
}

footer .wrapper .l_box,
footer .wrapper .r_box{
  display: inline-block;
  vertical-align: top;
  width: 45%;
}

footer .wrapper .l_box{
  margin-right: 10%;
}

footer ul{
  list-style: none;
  margin: 0 0 70px;
  width: 100%;
}

footer .ultitle,
footer li{
  border-bottom: solid #666 1px;
  font-size: 14px;
  line-height: 50px;
}

footer li a:after{
  border: solid #eee 2px;
  border-bottom: none;
  border-left: none;
  content: "";
  display: inline-block;
  height: 8px;
  margin-left: 15px;
  transform: rotate(45deg);
  width: 8px;
}

footer .sns{
  margin: 0 auto;
  width: 60%;
}

footer .sns p{
  font-size: 16px;
  margin: 0 0 30px;
  white-space: nowrap;
}

footer .sns a{
  color: #fff;
  display: inline-block;
  font-size: 12px;
  margin-bottom: 20px;
  width: 33.3%;
}

footer .sns a:before{
  background-size: auto 50px;
  border-radius: 25px;
  content: "";
  display: block;
  height: 50px;
  margin: 0 auto 20px;
  width: 50px;
}

footer .sns a:nth-of-type(1):before{ background-image: url(/img/www/icons.svg#facebook);}
footer .sns a:nth-of-type(2):before{ background-image: url(/img/www/icons.svg#instagram);}
footer .sns a:nth-of-type(3):before{ background-image: url(/img/www/icons.svg#twitter);}
footer .sns a:nth-of-type(4):before{ background-image: url(/img/www/icons.svg#line);}
footer .sns a:nth-of-type(5):before{ background-image: url(/img/www/icons.svg#tiktok);}
footer .sns a:nth-of-type(6):before{ background-image: url(/img/www/icons.svg#pinterest);}

footer .copyright{
  background: #b90a19;
  font-size: 10px;
  line-height: 50px;
  position: relative;
}


@media screen and (max-width:1000px) {
/*画面サイズが1000px以下のレスポンシブ指定*/
footer .wrapper{
  padding: 120px 0 50px;
  width: 100%;
}

footer .wrapper:before{
  background: url(/img/www/logo.svg#logoblack) no-repeat;
  background-size: 600px auto;
  content: "";
  display: block;
  filter: invert(50%) sepia(0%) saturate(11%) hue-rotate(143deg) brightness(40%) contrast(93%);
  height: 240px;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

footer .wrapper .l_box,
footer .wrapper .r_box{
  display: block;
  padding: 0 20px;
  width: 100%;
}

footer .wrapper .l_box{
  margin-right: 0;
}

footer ul{
  margin: 0 0 40px;
}

footer .sns a:before{
  background-size: auto 30px;
  border-radius: 15px;
  height: 30px;
  margin: 0 auto 20px;
  width: 30px;
}

footer .copyright{
  padding-bottom: 94px;
}

/*footer .copyright:after{
  background:#b90a19;
  content: "";
  bottom:0;
  display: block;
  height: 150px;
  position: fixed;
  left:0;
  width: 100%;
  z-index: -1;
}*/
}

@media screen and (max-width:600px) {
/*画面サイズが600px以下のレスポンシブ指定*/
footer .wrapper{
  background-position: left top;
}
}

/* バツボタン */
.btn-close{
  display: inline-block;
  padding:30px 0;
}

.btn-close::before,
.btn-close::after {
  border-radius: 2px;
  content: '';
  display: block;
  height: 3px;
  width: 30px;
  background: #333;
  left: 50%;
  transition: 0.5s;
  position: absolute;
}
.btn-close::before {
  transform: rotate(-45deg);
}
.btn-close::after {
  transform: rotate(45deg);
}

/* シェアボタン */
.share_btn{
	width:24%;
}

/* アラート */
.alert{
  background: #fff;
  border: solid #b90a19 1px;
  border-radius: 6px;
  font-size: 14px;
  margin-bottom: 15px;
  padding: 5px;
  vertical-align: middle;
  color:#b90a19;
}

/* アラート */
.success{
  background: #F1F1F1;
  border: solid #32cd32 1px;
  border-radius: 6px;
  font-size: 14px;
  margin-bottom: 15px;
  padding: 15px;
  vertical-align: middle;
  text-align:center;
  color:#32cd32;
}

#hideMe {
    -moz-animation: cssAnimation 0s ease-in 2s forwards;
    /* Firefox */
    -webkit-animation: cssAnimation 0s ease-in 2s forwards;
    /* Safari and Chrome */
    -o-animation: cssAnimation 0s ease-in 2s forwards;
    /* Opera */
    animation: cssAnimation 0s ease-in 2s forwards;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

@keyframes cssAnimation {
    to {
        width:0px;
        height:0px;
        overflow:hidden;
        opacity:0;
    }
}
@-webkit-keyframes cssAnimation {
    to {
        width:0px;
        height:0px;
        visibility:hidden;
        opacity:0;
    }
}
/* お気に入り */
.add-to-wishlist, .add-to-waitinglist {
	clear:both;
	margin:0;
	padding:0 0 5px 0;
}
.add-to-wishlist .show, .add-to-waitinglist .show { position:relative; }
.add_to_waitinglist:before {content:"\f003";display:inline-block;margin:0 4px 0 0;font-family:FontAwesome;width:1em;vertical-align:top;}
.wish_comp.show a:before, .wish_registed.show a:before, .wish_comp.show a:before, .wish_registed.show a:before {content:"\f08a";display:inline-block;margin:0 4px 0 0;font-family:FontAwesome;width:1em;vertical-align:top;}
.waiting_comp.show a:before, .waiting_registed.show a:before, .waiting_comp.show a:before, .waiting_registed.show a:before {content:"\f003";display:inline-block;margin:0 4px 0 0;font-family:FontAwesome;width:1em;vertical-align:top;}
#wishlist-popup-message, #waitinglist-popup-message {
	background:#CB7078;
	border:1px solid #ccc;
	box-shadow:none;
	line-height:24px;
	padding:15px 15px 15px 35px;
    top: 3%;
    left: 70%;
    z-index: 10000; /* Thanks WP -.- */
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    position: fixed;
    color:#fff;
    text-align:center;
    margin:20px;
    width:50%;
}

.wish_comp .feedback, .wish_registed .feedback, .waiting_comp .feedback, .waiting_registed .feedback {
	position:absolute;
	width:200px;
	background:#fff;
	border:1px solid #CB7078;
	border-radius:0;
	padding:8px 5px;
	bottom:100%;
	z-index:99;
	left:105px;
	margin:0 0 20px -105px;
	visibility:hidden;
	opacity:0;
	text-align:center;
	-webkit-transition:all 50ms linear;
	-moz-transition:all 50ms linear;
	-o-transition:all 50ms linear;
	transition:all 50ms linear;
	-webkit-transition:all 50ms linear;
	-moz-transition:all 50ms linear;
	-o-transition:all 50ms linear;
	transition:all 50ms linear;
	pointer-events:none;
	color:#CB7078;
}

.wish_comp .feedback:after, .wish_registed .feedback:after, .waiting_comp .feedback:after, .waiting_registed .feedback:after {
	position:absolute;
	content:'';
	bottom:-10px;
	left:50%;
	margin:0 0 0 -9px;
	width:0;
	height:0;
	border-style:solid;
	border-width:10px 9px 0 9px;
	border-color:#fafafa transparent transparent transparent;
	z-index:2;
}
.wish_comp .feedback:before, .wish_registed .feedback:before, .waiting_comp .feedback:before, .waiting_registed .feedback:before {
	position:absolute;
	content:'';
	bottom:-11px;
	left:50%;
	margin:0 0 0 -10px;
	width:0;
	height:0;
	border-style:solid;
	border-width:11px 10px 0 10px;
	border-color:#CB7078 transparent transparent transparent;
	z-index:1;
}
.wish_comp:hover .feedback, .wish_registed:hover .feedback, .waiting_comp:hover .feedback, .waiting_registed:hover .feedback {
	opacity:1;
	visibility:visible;
	margin-bottom:12px;
	-webkit-transition:all 100ms linear;
	-moz-transition:all 100ms linear;
	-o-transition:all 100ms linear;
	transition:all 100ms linear;
	-webkit-transition:all 100ms linear;
	-moz-transition:all 100ms linear;
	-o-transition:all 100ms linear;
	transition:all 100ms linear;
}

.cancel{
	font-size:25px;
	color:gray;
}

.wish-add,  .waiting-add, .waiting-cancel{
	position: absolute;
	margin: 0px 10px 10px 10px;
	padding: 0;
	z-index:1;
}
@media (max-width:768px){
	.wish-add,  .waiting-add, .waiting-cancel{
		margin: 0px 10px 10px 10px;
		left:0;
	}
}
	
@media (max-width:991px) {
	.wish-add, .waiting-add, .waiting-cancel{
		margin: 0px 10px 10px 10px;
		right:0;
	}
}

/* close buttom */
.close_btn:focus, .close_btn:hover {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    filter: alpha(opacity=50);
    opacity: .5;
}
button.close_btn {
    -webkit-appearance: none;
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
}
.close_btn {
    float: right;
    font-size: 15px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: .2;
}

.red{
  color: #b90a19;
}

.text-right {
    text-align: right;
}
.text-left {
    text-align: left;
}
.text-center {
    text-align: center;
}

/* history */
.history_list .nexnavi{
  margin-bottom: 20px;
  text-align: center;
}

.history_list .nexnavi .num{
  border: solid #333 1px;
  border-radius: 10px;
  display: inline-block;
  height: 20px;
  line-height: 18px;
  margin: 0 5px;
  padding: 0;
  width: 20px;
}

.history_list .nexnavi .select .num,
.history_list .nexnavi .num:hover{
  background: #333;
  color: #fff;
}

/* review */
#write-review .main_wrapper{
  padding-top: 40px;
}

#write-review .main_wrapper .mail{
  margin: 0 0 40px;
}

#write-review .main_wrapper .wrapper ul{
  list-style: none;
}

#write-review .main_wrapper .wrapper li{
  padding-bottom: 20px;
}

#write-review .main_wrapper .wrapper li p span{
  color: #b90a19;
  display: inline-block;
  margin-left: 10px;
}

#write-review .main_wrapper .wrapper .red{
  color: #b90a19;
  font-size: 14px;
}

#write-review .main_wrapper .wrapper.tel p{
  font-weight: bold;
}

#write-review .product-image{
	display:inline-block;
	width:30%;
	vertical-align: top;
}
#write-review .product-box{
	display:inline-block;
	margin-left:10px;
	width:65%;
}

#write-review .product-image img{
	width:100%;
	height:100%;
}

#write-review input[type="text"],
#write-review textarea{
  border: solid #aaa 1px;
  border-radius: 6px;
  display: inline-block;
  font-size: 14px;
  margin: 5px auto;
  outline: none;
  width: 100%;
  appearance: none;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  box-sizing: border-box;
}

#write-review input[type="text"]{
  line-height: 44px;
  padding: 0 10px;
}

#write-review input.middle{
	width:300px;
}
#write-review input.full{
	width:100%;
}

#write-review textarea{
  line-height: 1.5em;
  min-height: 100px;
  padding: 10px;
}

#write-review .main_wrapper .wrapper .button{
  margin: 20px auto;
}

.star-ratings-sprite{background:url("/img/www/star-rating-sprite.png") repeat-x;font-size:0;height:21px;line-height:0;overflow:hidden;text-indent:-999em;width:110px;margin:0 0 5px;}
.star-ratings-sprite-rating{background:url("/img/www/star-rating-sprite.png") repeat-x;background-position:0 100%;float:left;height:21px;display:block;}
.br-theme-fontawesome-stars .br-widget{/*height:28px;*/ white-space:nowrap;}
.br-theme-fontawesome-stars .br-widget a{font:normal normal normal 20px/1 FontAwesome;text-rendering:auto;-webkit-font-smoothing:antialiased;text-decoration:none;margin-right:2px;font-size:200%;}
.br-theme-fontawesome-stars .br-widget a:after{content:'\f005';color:#d2d2d2;}
.br-theme-fontawesome-stars .br-widget a.br-active:after{color:#EDB867;}
.br-theme-fontawesome-stars .br-widget a.br-selected:after{color:#EDB867;}
.br-theme-fontawesome-stars .br-widget .br-current-rating{display:none;}
.br-theme-fontawesome-stars .br-readonly a{cursor:default;}
@media print{.br-theme-fontawesome-stars .br-widget a:after{content:'\f006';color:black;}
.br-theme-fontawesome-stars .br-widget a.br-active:after,
.br-theme-fontawesome-stars .br-widget a.br-selected:after{content:'\f005';color:black;}
}
.review-received{opacity:0.5;background-color:#000000;position:absolute;width:100%;height:100%;left:0;color:#ffffff;text-align:center;}
.review-recieved-msg{position:relative;top:45%;font-size:200%;}
.rate-mask{position:absolute;width:100%;height:20%;z-index:10;}
.link-disable{pointer-events:none;}
.review-comment{}
.helpful-comp{}
.helpful-area{color:#757575;margin:5px;}
.grad-wrap{position:relative;}
.grad-wrap + .grad-wrap{margin-top:40px;}
.grad-trigger{z-index:2;position:absolute;right:0;bottom:0;left:0;width:auto;margin:auto;padding:.5em 0;border-radius:2px;background:#000000;color:#fff;font-size:1.3rem;text-align:center;cursor:pointer;opacity:0.6;box-shadow:0 0 3px rgba(0,0,0,.3);}
.grad-trigger::after{content:"続きを読む"}
.grad-trigger .fa{margin-right:.5em;}
.grad-trigger:hover {opacity: 1;}
#.grad-item{position:relative;overflow:hidden;}
#.grad-item.is-hide{height:80px;}
#.grad-item::before{display:block;position:absolute;bottom:0;left:0;content:"";width:100%;height:40px;background:-webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0.9) 50%, #fff 100%);background:linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0.9) 50%, #fff 100%);}
#.grad-trigger.is-show{bottom:-4em;}
#.grad-trigger.is-show + .grad-item::before{display:none;}

#product .review{
display: block;
font-size: 14px;
margin-bottom: 40px;
padding: 20px;
vertical-align: top;
}
#review{
  position: relative;
  height: 0;
  opacity: 0;
  transition: .5s;
  visibility: hidden;
}
.review {
  font-size: 12px;
}
.review .rating-box {
  line-height: 1.2;
}
.review .list-box {
  line-height: 2;
  margin: 20px auto;
}
.review .list-box p{
  font-size:120%;
}
.review .list-box hr{
  margin: 20px auto;
}
.review .rating-box table{
  border-spacing: 0;
  border-collapse: collapse;
}

.review .btn{
  margin: 20px auto;
  color: #fff;
  border: solid 1px red;
  background-color: coral;
  padding: 10px 20px;
  border-radius: 5px;
}
.review .btn:hover {
  color: #333;
  background-color: bisque;
  border: solid 1px coral;
}
.reviewListDisp{
  text-decoration: underline;
  color: blue;
  cursor: pointer;
}
.reviewListDisp-check{
  display: none;
}
.reviewListDisp-check:checked ~ #review{
  height: auto;
  opacity: 1;
  visibility: visible;
}



@media (max-width:768px){
/*画面サイズが600px以下のレスポンシブ指定*/
#write-review .product-box,
#write-review .product-image{
	width:100%;
}
}

/* address */
#address{
  margin-top: 30px;
}

#address .address_content{
  font-size: 14px;
  padding: 40px 0;
  text-align: left;
  width: 100%;
}

#address .address_content{
  margin-bottom: 40px;
}

#address .address_content .heading{
  border-bottom: solid #333 1px;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.2em;
  margin: 0 auto 20px;
  padding-bottom: 10px;
  width: 95%;
}

#address .address_content > .wrapper{
  display: block;
  margin: 0 auto 20px;
  width: 95%;
}
#address .address_content > .wrapper .genbtn{
	background: #0f8fcf;
	border: none;
	border-radius: 6px;
	color: #fff;
	cursor: pointer;
	font-size: 18px;
	outline: none;
	text-align: center;
	width: 100%;
	padding: 5px;
}


#address .address_content .input_name{
  font-size: 14px;
  line-height: 1.5em;
  margin: 1em 0 0;
}

#address .address_content input[type="text"],
#address .address_content input[type="password"],
#address .address_content select{
  border: solid #aaa 2px;
  border-radius: 6px;
//  display: block;
  font-size: 18px;
  line-height: 44px;
  margin: 5px auto;
  outline: none;
  padding: 0 10px;
  appearance: none;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  box-sizing: border-box;
}

#address .address_content textarea{
  line-height: 1.5em;
  min-height: 150px;
  padding: 10px;
  border: solid #aaa 1px;
  border-radius: 6px;
  display: block;
  font-size: 14px;
  margin: 5px auto;
  outline: none;
  width: 100%;
  appearance: none;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  box-sizing: border-box;
}

#address .address_content .redtxt{
  color: #b90a19;
  font-size: 12px;
  line-height: 1.5em;
  margin: 1em 0 0;
}

#address .address_content .button{
  margin: 20px auto;
}

#address .address_content a{
  color: #06f;
  /*display: block;*/
  font-size: 12px;
  line-height: 1.5em;
  margin: 1em 0 0;
}

#address .address_content a.in{
  display: inline;
}

#address .address_content .input-tel input,
#address .address_content .input-post input{
	display:inline-block;
	width:32%;
}

#address .address_content .input-tel span,
#address .address_content .input-post span{
	display:inline-block;
	width:2%;
	text-align:center;
}

#address .address_content .auto_address{
  background: #ddd;
  border: solid #ccc 1px;
  border-radius: 6px;
  box-sizing: border-box;
  color: #333;
  font-size: 16px;
  line-height: 44px;
  text-align: center;
}
#address .address_content .auto_address{
  display: inline-block;
  width: 32%;
}


#address .address_content .auto_address:hover{
  background: #ccc;
}

#checkout .step_contents .zipcode_link{
  color: #06f;
  display: block;
}

@media screen and (max-width:1000px) {
/*画面サイズが1000px以下のレスポンシブ指定*/
#address .address_content{
  overflow: scroll;
}
}

/* forget */
legend.legend-bv{
	display: block;
	width: 100%;
	padding: 0;
	margin-bottom: 20px;
	font-size: 21px;
	line-height: inherit;
	color: #333;
	border: 0;
	border-bottom-color: currentcolor;
	border-bottom-style: none;
	border-bottom-width: 0px;
	border-bottom: 1px solid #e5e5e5;
}
.forget .left-space{
	float:left;
	width:25%;
}

.forget .right-space{
	float:right;
	width:25%;	
}

.forget .mail-title{
	box-sizing: border-box;
	font-weight: 700;
}

.forget .mail-input{
  border: solid #aaa 2px;
  border-radius: 6px;
  display: block;
  font-size: 18px;
  line-height: 44px;
  margin: 5px auto;
  outline: none;
  width: 100%;
  padding: 0 10px;
  appearance: none;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  box-sizing: border-box;
}
/* about */
#aboutpage .wrapper {
    background: #fff;
    border-radius: 10px;
    font-size: 0;
    margin-bottom: 15px;
}
#aboutpage .srvc{
  height:440px !important;
}
#aboutpage .box{
  font-size: 14px;
  display: inline-block;
  vertical-align: top;
  width: 100%;
  height:180px;
}
#aboutpage .box p,
#aboutpage .l_box p,
#aboutpage .r_box p{
  padding: 0 20px;
  line-height: 25px;
  font-size:14px;
  color: #757575;
}
#aboutpage .box p a,
#aboutpage .l_box p a,
#aboutpage .r_box p a{
  color: #06f !important;
}

#aboutpage .l_box img,
#aboutpage .r_box img,{
  display: block;
  width: 100%;
  height: 100%;
}

#aboutpage .l_box,
#aboutpage .r_box{
  display: inline-block;
  vertical-align: top;
  width: 49%;
  height:250px;
}

#aboutpage .l_box{
  margin-right: 2%;
}


#aboutpage .logo:before{
  background: url(/img/www/logo.svg#logoblack) no-repeat;
  content: "";
  display: block;
  height: 80px;
  margin: 50px auto;
  width: 220px;
}
#aboutpage .img_online:before{
  background: url(/img/www/about/about_bvj_online_pc.png) no-repeat;
  content: "";
  display: block;
  height: 100px;
  width: auto;
}
#aboutpage .img_bvj:before{
  background: url(/img/www/about/about_bvj_pc.png) no-repeat;
  content: "";
  display: block;
  height: 100px;
  width: auto;
}
#aboutpage .img_bv:before{
  background: url(/img/www/about/about_bv_pc.png) no-repeat;
  content: "";
  display: block;
  height: 100px;
  width: auto;
}
#aboutpage .img_zoom:before{
  background: url(/img/www/about/about_zoom_pc.png) no-repeat;
  content: "";
  display: block;
  height: 220px;
  width: auto;
}
#aboutpage .img_after_follow:before{
  background: url(/img/www/about/about_after_follow_pc.png) no-repeat;
  content: "";
  display: block;
  height: 220px;
  width: auto;
}
#aboutpage .img_sns:before{
  background: url(/img/www/about/about_sns_pc.png) no-repeat;
  content: "";
  display: block;
  height: 220px;
  width: auto;
}
#aboutpage .img_sample:before{
  background: url(/img/www/about/about_sample_pc.png) no-repeat;
  content: "";
  display: block;
  height: 220px;
  width: auto;
}
#aboutpage .img_point:before{
  background: url(/img/www/about/about_point_pc.png) no-repeat;
  content: "";
  display: block;
  height: 220px;
  width: auto;
}
#aboutpage .img_bvday:before{
  background: url(/img/www/about/about_bvday_pc.png) no-repeat;
  content: "";
  display: block;
  height: 220px;
  width: auto;
}
#aboutpage .img_shipping:before{
  background: url(/img/www/about/about_shipping_pc.png) no-repeat;
  content: "";
  display: block;
  height: 220px;
  width: auto;
}
#aboutpage .img_mag:before{
  background: url(/img/www/about/about_mag_pc.png) no-repeat;
  content: "";
  display: block;
  height: 220px;
  width: auto;
}
#aboutpage .img_payment:before{
  background: url(/img/www/about/about_payment_pc.png) no-repeat;
  content: "";
  display: block;
  height: 220px;
  width: auto;
}
#aboutpage .img_column:before{
  background: url(/img/www/about/about_column_pc.png) no-repeat;
  content: "";
  display: block;
  height: 220px;
  width: auto;
}
#aboutpage .img_review:before{
  background: url(/img/www/about/about_review_pc.png) no-repeat;
  content: "";
  display: block;
  height: 220px;
  width: auto;
}
#aboutpage .img_mylist:before{
  background: url(/img/www/about/about_mylist_pc.png) no-repeat;
  content: "";
  display: block;
  height: 220px;
  width: auto;
}
#aboutpage .sns{
  background: #333;
  border-radius: 10px;
  color: #fff;
  font-size: 0;
  margin: 20px 50px;
  padding: 10px;
}

#aboutpage .sns p{
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 5px;
}

#aboutpage .sns a{
  color: #fff;
  display: inline-block;
  font-size: 12px;
  text-align: center;
  margin-bottom: 5px;
  width: 33.3%;
}

#aboutpage .sns a:before{
  border-radius: 15px;
  content: "";
  display: block;
  height: 23px;
  margin: 0 auto 5px;
  width: 23px;
}

#aboutpage .sns a:nth-of-type(1):before{ background-image: url(/img/www/icons.svg#facebook);}
#aboutpage .sns a:nth-of-type(2):before{ background-image: url(/img/www/icons.svg#instagram);}
#aboutpage .sns a:nth-of-type(3):before{ background-image: url(/img/www/icons.svg#twitter);}
#aboutpage .sns a:nth-of-type(4):before{ background-image: url(/img/www/icons.svg#line);}
#aboutpage .sns a:nth-of-type(5):before{ background-image: url(/img/www/icons.svg#tiktok);}
#aboutpage .sns a:nth-of-type(6):before{ background-image: url(/img/www/icons.svg#pinterest);}

#aboutpage .sns a:last-of-type{
  margin-right: 0;
}

#aboutpage .redtxt{
  color: #b90a19;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
}

#aboutpage .centertxt{
  font-size: 12px;
  text-align: center;
}
#aboutpage .img_credit{
  height: 55px;
  display: flex;
  width: 100%;
  justify-content: center;
  margin: 10px auto;
}
@media screen and (max-width:1000px) {
/*画面サイズが1000px以下のレスポンシブ指定*/
#aboutpage .wrapper{
  padding: 10px;
}
#aboutpage .srvc{
  height:auto !important;
  padding-bottom:50px;
}
#aboutpage .box{
  height:250px;
}
#aboutpage .l_box,
#aboutpage .r_box{
  display: block;
  width: 100%;
  height:300px;
}
#aboutpage .box p,
#aboutpage .l_box p,
#aboutpage .r_box p{
  padding: 0 10px;
  line-height: 24px;
  font-size:13px;
  color: #757575;
}
#aboutpage .l_box{
  margin-right: 0;
}

#aboutpage .r_box:before{
  display: none;
}
#aboutpage .img_online:before{
  background: url(/img/www/about/about_bvj_online.png) no-repeat;
  content: "";
  display: block;
  height: 100px;
  width: auto;
}
#aboutpage .img_bvj:before{
  background: url(/img/www/about/about_bvj.png) no-repeat;
  content: "";
  display: block;
  height: 100px;
  width: auto;
}
#aboutpage .img_bv:before{
  background: url(/img/www/about/about_bv.png) no-repeat;
  content: "";
  display: block;
  height: 100px;
  width: auto;
}
#aboutpage .img_zoom:before{
  background: url(/img/www/about/about_zoom.png) no-repeat;
  content: "";
  display: block;
  height: 230px;
  width: auto;
}
#aboutpage .img_after_follow:before{
  background: url(/img/www/about/about_after_follow.png) no-repeat;
  content: "";
  display: block;
  height: 230px;
  width: auto;
}
#aboutpage .img_sns:before{
  background: url(/img/www/about/about_sns.png) no-repeat;
  content: "";
  display: block;
  height: 230px;
  width: auto;
}
#aboutpage .img_sample:before{
  background: url(/img/www/about/about_sample.png) no-repeat;
  content: "";
  display: block;
  height: 230px;
  width: auto;
}
#aboutpage .img_point:before{
  background: url(/img/www/about/about_point.png) no-repeat;
  content: "";
  display: block;
  height: 230px;
  width: auto;
}
#aboutpage .img_bvday:before{
  background: url(/img/www/about/about_bvday.png) no-repeat;
  content: "";
  display: block;
  height: 230px;
  width: auto;
}
#aboutpage .img_shipping:before{
  background: url(/img/www/about/about_shipping.png) no-repeat;
  content: "";
  display: block;
  height: 230px;
  width: auto;
}
#aboutpage .img_mag:before{
  background: url(/img/www/about/about_mag.png) no-repeat;
  content: "";
  display: block;
  height: 230px;
  width: auto;
}
#aboutpage .img_payment:before{
  background: url(/img/www/about/about_payment.png) no-repeat;
  content: "";
  display: block;
  height: 230px;
  width: auto;
}
#aboutpage .img_column:before{
  background: url(/img/www/about/about_column.png) no-repeat;
  content: "";
  display: block;
  height: 230px;
  width: auto;
}
#aboutpage .img_review:before{
  background: url(/img/www/about/about_review.png) no-repeat;
  content: "";
  display: block;
  height: 230px;
  width: auto;
}
#aboutpage .img_mylist:before{
  background: url(/img/www/about/about_mylist.png) no-repeat;
  content: "";
  display: block;
  height: 230px;
  width: auto;
}
#aboutpage .img_credit{
  height: 40px;
  display: flex;
  width: 100%;
  justify-content: center;
  margin: 10px auto;
}
#aboutpage .sns{
  margin: 20px 30px;
}

}
#aboutpage .img_online img,
#aboutpage .img_bvj img,
#aboutpage .img_bv img,
#aboutpage .img_zoom img,
#aboutpage .img_after_follow img,
#aboutpage .img_sns img,
#aboutpage .img_sample img,
#aboutpage .img_point img,
#aboutpage .img_bvday img,
#aboutpage .img_shipping img,
#aboutpage .img_mag img,
#aboutpage .img_payment img,
#aboutpage .img_column img,
#aboutpage .img_review img,
#aboutpage .img_mylist img{
  height:0;
  overflow:hidden;
}
@media screen and (max-width:400px) {
/*画面サイズが400px以下のレスポンシブ指定*/
#aboutpage .img_online img,
#aboutpage .img_bvj img,
#aboutpage .img_bv img,
#aboutpage .img_zoom img,
#aboutpage .img_after_follow img,
#aboutpage .img_sns img,
#aboutpage .img_sample img,
#aboutpage .img_point img,
#aboutpage .img_bvday img,
#aboutpage .img_shipping img,
#aboutpage .img_mag img,
#aboutpage .img_payment img,
#aboutpage .img_column img,
#aboutpage .img_review img,
#aboutpage .img_mylist img{
  height:auto;
  width:100%;
}
#aboutpage .img_online:before,
#aboutpage .img_bvj:before,
#aboutpage .img_bv:before,
#aboutpage .img_zoom:before,
#aboutpage .img_after_follow:before,
#aboutpage .img_sns:before,
#aboutpage .img_sample:before,
#aboutpage .img_point:before,
#aboutpage .img_bvday:before,
#aboutpage .img_shipping:before,
#aboutpage .img_mag:before,
#aboutpage .img_payment:before,
#aboutpage .img_column:before,
#aboutpage .img_review:before,
#aboutpage .img_mylist:before,
#aboutpage .img_online:before{
  background: none!important;
  height:0!important;
  width: 0!important;
}
}

.upd_date{
  text-align:right;
  font-size:80%;
}

@media screen and (max-width:1000px) {
.hidden-sp{
  display: none !important;
}
}
/*ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
　　画面下部固定バナー（ニュースページのみ）
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
.toggle {
	background: #fff;
	position: fixed;
	cursor: pointer;
	margin: 0 auto;
	width: 100%!important;
	left: 0;
	bottom: 0;
}

/* 開いた状態のスタイル */
.toggle.open {
	border-color: #000;
}

.toggle.open span {
	display: block;
}

/* 閉じた状態のスタイル */
.toggle span {
	display: none;
	font-size: 14px;
}
.toggle img {
  display: block;
  margin: 0 auto;
}
/* 開閉用のボタンのスタイル */
.toggle-button {
	position: relative;
	float: right;
	top: 0;
	right: 0;
	padding: 5px;
	font-size: 1.2rem;
	line-height: 1;
	background: none;
	border: none;
	cursor: pointer;
}
@media screen and (min-width:1000px) {
.open-sp{
  display: none !important;
}
}

/*ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
　　特商法ページ（Paidy あと払い決済）
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
.previewContainer.bg-white {
  background: #fff;
}
.previewContainer {
  background: #ECEFF1;
  border: 1px solid #B0BEC5;
  border-radius: 8px;
}
.previewContainer .tokushoho {
  padding: 0 20px 20px;
}
.spacer-20 {
  margin-bottom: 20px;
}
.tokushoho-table {
  font-size: 13px;
}
.tokushoho-table table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
}
.tokushoho-table th {
  background: #ECEFF1;
  font-weight: bold;
}
.tokushoho-table th, .tokushoho-table td {
  border: 1px solid #CFD8DC;
  text-align: center;
}
.tokushoho-table .header td {
  font-weight: bold;
}
.tokushoho-table.single-payment td {
  width: 25%;
}
.tokushoho-table td {
  font-size: 14px;
}
.tokushoho-table .kome {
  font-size: 11px;
  line-height: 1.2em;
  margin: 0;
}