@charset "utf-8";



/* Bootstrapコラム間隔の設定 -----------------*/
/*↓4カラム間のガター幅が16px、カラムの左右の余白が8px-トップページルクサカテゴリ選択*/
.o-4column .col-sm-3 { padding: 0 8px;}
/*カラムの左右の余白を16pxに戻す*/
.o-4-column {margin: 0 -8px;}


/*↓3カラム間のガター幅、余白が0px-アロマ小カテゴリ用*/
.o-3column-aroma .col-sm-4 { padding: 0 !important;}
.o-3column-aroma .col-xs-4 { padding: 0 !important;}

/*↓アロマ用カラム間のガター幅が0px、カラムの左右の余白が8pxになる*/
.o-3column-aromatop .col-sm-4 { padding: 0 1px !important;}
.o-3-column-aromatop {margin: 0 -1px !important;}
.o-3column-aromatop .col-xs-4 { padding: 0 1px !important;}
.o-3-column-aromatop {margin: 0 -1px !important;}
.o-3column-aromatop .col-sm-8 { padding: 0 1p !importantx;}
.o-3-column-aromatop {margin: 0 -1px !important;}
.o-3column-aromatop .col-xs-8 { padding: 0 1px !important;}
.o-3-column-aromatop {margin: 0 -1px !important;}



/* スマホだけ改行 -----------------*/
@media only screen and (max-width: 767px) {
.br-sp { display:none; }
}


/* Facebook -----------------*/
.fl_fb2 {/*ボタンの下地*/
  color: #FFF;/*文字・アイコン色*/
  border-radius: 7px;/*角丸に*/
  display: inline-block;
  height: 25px;/*高さ*/
  width: 80px;/*幅*/
  text-align: center;/*中身を中央寄せ*/
  font-size: 12px;/*文字のサイズ*/
  line-height: 25px;/*高さと合わせる*/
  vertical-align: middle;/*垂直中央寄せ*/
  background: #4966a0;
  overflow: hidden;/*はみ出た部分を隠す*/
  text-decoration:none;/*下線は消す*/
}
.fl_fb2 .fa-facebook {
    text-shadow: 2px 2px 1px #224282;
    font-size: 12px;
}
.fl_fb2 span {/*テキスト*/
  display:inline-block;
  transition: .5s;
}
.fl_fb2:hover span{/*ホバーで一周回転*/
  -webkit-transform: rotateX(360deg);
  -ms-transform: rotateX(360deg);
  transform: rotateX(360deg);
}

/* 白文字-----------------*/
/*PCのみ*/
@media only screen and (min-width: 768px) {
.white { color: #fff !important; }
}

/*PCSP用*/
.white2 { color: #fff !important ;}

/* 文字色設定-----------------*/
.ft_red { color: red; }

/* 価格文字色-----------------*/
.plgShiro8PriceDownRate3 {  color: #DE5D50 !important;}

/* 背景色設定-----------------*/
.bg_bl { background: #000 !important; }
.bg_gr { background: #666 !important; }

/* 行高さ設定-----------------*/
.line_0 { line-height: 0px !important; }
.pad_0 { padding: 0 0 0 0 !important;}

/* 破線をひく-----------------*/
.under { border-bottom: dashed 1px; }

/* フォーム解説用フォントサイズ小さく-----------------*/
.form_terms_small {
    font-size: 12px !important;
    font-size: 1.2rem !important;
}

/* h2トピックグラデーション見出し用------------------*/
.topic {
position: relative;
padding: 0.3em 0.5em;
background: -moz-linear-gradient(to right, rgb(255, 186, 115), transparent);
background: -webkit-linear-gradient(to right, rgb(255, 186, 115), transparent);
background: linear-gradient(to right, rgb(56, 54, 54), transparent);
color: #f5f7f8;
margin-bottom: 10px;
margin-top: 30px;
border-radius: 0.5em;
}

/* h1見出し二重線 -----------------*/
@media only screen and (min-width: 768px) {
.double{
	width:100%;
	text-align:center;
}
.double h1{
	position:relative;
	display:inline-block;
}
.double h1:before, .double h1:after{
	content:"";
	display:block;
	width:200px;
	height:4px;
	border-top:1px solid #111;
	border-bottom:1px solid #111;
	position:absolute;
	top:50%;
	margin-top:-2px;
}
.double h1:before{left:-224px;}
.double h1:after{right:-224px;}
}

/* h1見出し二重線 スマホ-----------------*/
@media only screen and (max-width: 767px) {
.double{
	width:100%;
	text-align:center;
}
.double h1{
	position:relative;
	display:inline-block;
}
.double h1:before, .double h1:after{
	content:"";
	display:block;
	width:80px;
	height:4px;
	border-top:1px solid #111;
	border-bottom:1px solid #111;
	position:absolute;
	top:50%;
	margin-top:-2px;
}
.double h1:before{left:-90px;}
.double h1:after{right:-90px;}
}

/*アイコンフォトPC*/
@media only screen and (min-width: 768px) {
.topic_img {
max-width:25px !important;
height:auto !important;
}
}
/*アイコンフォトSP*/
@media only screen and (max-width: 767px) {
.topic_img {
max-width:20px !important;
height:auto !important;
}
}

/* SPカテゴリ検索用トップページのバナー------------------*/
.cate_banner {
padding-left: 1px !important;
padding-right: 1px !important;
padding-top: 1px !important;
}

/* h4小見出し-------------------*/
/*マージン*/
.margin_min {
margin-block-start: 1.0em !important;
margin-block-end: 0.1em !important;
}
/*マーカー飾り小見出し*/
.marker {background: linear-gradient(transparent 70%, #a7d6ff 70%);}

/* 行間隔-------------------*/
/*左右余白小行間5*/
.margin_5 {margin: 0px 0px 5px 0px !important;}
/*左右余白10行間5*/
.margin_10 {margin: 0px 10px 5px 10px !important;}
/*左右上余白あり行間5*/
.cl {margin: 10px 10px 5px 10px !important;}
/*行間空け*/
.pad_b0 {padding: 0 8px 10px 8px !important;}


/* 行間隔その２ 上左下→-------------------*/
.margin_0_0_5_0 {margin: 0px 0px 5px 0px !important;}
.margin_5_0_5_0 {margin: 5px 0px 5px 0px !important;}
.margin_0_5_0_5 {margin: 0px 5px 0px 5px !important;}
.margin_0_5_5_5 {margin: 0px 5px 5px 5px !important;}
.margin_5_5_5_5 {margin: 5px 5px 5px 5px !important;}
.margin_0_5_10_5 {margin: 0px 5px 10px 5px !important;}
.margin_5_5_10_5 {margin: 5px 5px 10px 5px !important;}
.margin_0_10_5_10 {margin: 0px 10px 5px 10px !important;}
.margin_5_10_5_10 {margin: 5px 10px 5px 10px !important;}
.margin_10_10_5_10 {margin: 10px 10px 5px 10px !important;}
.margin_0_10_10_10 {margin: 0px 10px 10px 10px !important;}
.margin_5_10_10_10 {margin: 5px 10px 10px 10px !important;}



/* 字下げ-----------------*/
.indent {
  padding-left: 1em !important;
  text-indent: -1em !important;
}
/* 角丸枠線-------------------*/
.box2 {
    padding: 0.1em 0.1em;
    margin: 0em 1.5em 1.5em 1.5em;
    font-weight: normal;
    color: #333;/*文字色*/
    background: #FFF;
    border: solid 1px #9797a1;/*線*/
    border-radius: 10px;/*角の丸み*/
}
.box2 p {
    margin: 0; 
    padding: 0;
}

/* タイトル付き枠線--------------------*/
.box3 {
    position: relative;
    margin: 0em 1.5em 1.5em 1.5em;
    padding: 0.5em 0 0 0;
    border: solid 1px #9797a1;/*線*/
    border-radius: 8px;
}
.box3 .box-title {
    position: absolute;
    display: inline-block;
    top: -8px;
    left: 10px;
    padding: 0 9px;
    line-height: 1;
    font-size: 13px;
    background: #fff5eb;
    color: #333;
    font-weight: bold;
}
.box3 p {
    margin: 0; 
    padding: 0;
}

/* 商品説明フリーエリア用枠線--------------------*/
.box4 {
    position: relative;
    margin: 0.1em 0.1em 0.1em 0.1em;
    padding: 0.5em 0.5em 0.5em 0.5em;
    border: solid 1px #9797a1;/*線*/
    border-radius: 8px;
}
.box4 p {
    margin: 0; 
    padding: 0;
}
/*フォントサイズ小*/
.box4 ul li {
  padding-left: 1em !important;
  text-indent: -1em !important;
  margin: 0px 0px 5px 0px !important;
  font-size: 12px !important;
  font-size: 1.2rem !important;
}

/* カート表示用ギフトボックスリンク--------------------*/
/*ギフトページリンクボタン*/
.square_btn {
    display: inline-block;
    max-width: 150px;
    text-align: left;
    border: 2px solid #333;
    font-size: 12px;
    color: #333;
    text-decoration: none;
    font-weight: bold;
    padding: 8px 16px;
    border-radius: 4px;
    transition: .4s;
  }
.square_btn:hover {
  background-color: #666;
  border-color: #999;
  color: #FFF;
}

/*タイトル付き枠線*/
.media {
    background: #FFF;
    padding: 10px;
    overflow: hidden;
}
.media_image {
    float: left;
    margin-right: 10px;
    width: 150px;
}
.media_text {text-align: center !important;}
.media_summary {overflow: hidden;}

/*PC用*/
@media only screen and (min-width: 768px) {
.box5 {
    position: relative;
    margin: 6em 1.5em 1.5em 1.5em;
    padding: 1.5em 0.1em 0.1em 0.1em;
    border: solid 1px #868686;/*線*/
    border-radius: 8px;
}
.box5 .box-title {
    position: absolute;
    display: inline-block;
    top: -8px;
    left: 10px;
    padding: 0 9px;
    line-height: 1;
    font-size: 15px;
    background: #a7d6ff;
    color: #333;
    font-weight: bold;
}
.box5 p {
    margin: 0 0 0.5em 0.5em; 
    padding: 0;
}
}
/*SP用*/
@media only screen and (max-width: 767px) {
.box5 {
    position: relative;
    margin: 1.5em 0 1.5em 0;
    padding: 1em 0 0.1em 0.10;
    border: solid 1px #9797a1;/*線*/
    border-radius: 8px;
}
.box5 .box-title {
    position: absolute;
    display: inline-block;
    top: -8px;
    left: 10px;
    padding: 0 9px;
    line-height: 1;
    font-size: 15px;
    background: #a7d6ff;
    color: #333;
    font-weight: bold;
}
.box5 p {
    margin: 0.5em 0em 0.5em 0.5em; 
    padding: 0;
}
}

/* アコーディオン-----------------*/
/*ボックス全体*/
.accbox {
    margin: 2em 0;
    padding: 0;
    max-width: 100%;/*最大幅*/
}
/*ラベル*/
.accbox label {
    display: block;
    margin: 1.5px 0;
    padding : 13px 12px;
    color: #333;
    font-weight: bold;
    background: #e8e8e8;
    cursor :pointer;
    transition: all 0.5s;
    position: relative;
}
/*アイコンを表示*/
.accbox label:before {
    content: '\f054';
    font-family: 'FontAwesome';
    padding-right: 8px;
}
/*ラベルホバー時*/
.accbox label:hover {background :#ffe9a9;}
/*チェックは隠す*/
.accbox input {display: none;}
/*中身を非表示にしておく*/
.accbox .accshow {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.8s;
}
/*クリックで中身表示*/
.cssacc:checked + label + .accshow {
    height: auto;
    padding: 5px;
    background: #fff5eb;
    opacity: 1;
}
.accbox .accshow p {margin: 10px 10px 20px 10px; }
/*アイコンを入れ替える*/
.cssacc:checked + label:before {content: '\f078';}

/* 送料手数料用指定-----------------*/
table.delivery-charge {
	width: 250px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 20px;
	vertical-align: middle;
}

table.delivery-charge th {
		width: 150px;
		text-align: center;
		vertical-align: middle;
		font-weight: normal;
		font-stretch: extra-expanded;
		line-height: 1.0em;
		padding: 0.5em 1em 0.5em 1em;
		border-bottom-width: 1px;
		border-bottom-style: dotted;
		border-bottom-color: #CCC;
		background: #eee;
}

table.delivery-charge td {
		text-align: right;
		vertical-align: middle;
		font-weight: normal;
		font-stretch: extra-expanded;
		line-height: 1.0em;
		padding: 0.5em 1em 0.5em 1em;
		border-bottom-width: 1px;
		border-bottom-style: dotted;
		border-bottom-color: #CCC;
		background: #fff;
}

/* サイズ表-----------------*/
table.tbl-r07 p {
  font-size: 16px;
  font-weight: normal;
  text-align: center;
  margin: 60px auto 40px;
}
table.tbl-r07 {
  margin: 20px 0 0 0;
  border: solid 2px #999;
}
table.tbl-r07 th {
  text-align: center;
  background: #f3f3f3; /*薄グレー*/
  border: solid 1px #999; /*グレー*/
  color: #333;
  padding: 5px;
  width: 50px;
}
table.tbl-r07 td {
  text-align: center;
  border: solid 1px #999;
  padding: 5px;
  width: 110px;
}

.bg_gr { background: #f3f3f3 !important; } /*薄グレー*/
.wd_min { width: 80px !important; }

/*SP用*/
@media screen and (max-width: 768px) {
  .scroll {overflow-x: auto;  }
  .tbl-r07 {
    min-width: 768px;
    margin: 0 10px 50p;
  }
  .tbl-r07 td {
    border-top: solid 1px #999;
    border-bottom: solid 1px #999;
  }
}

/* サイズ表-----------------*/
table.tbl-r06 p {
  font-size: 16px;
  font-weight: normal;
  text-align: center;
  margin: 60px auto 40px;
}
table.tbl-r06 {
  margin: 20px 0 0 0;
  border: solid 2px #999;
}
table.tbl-r06 th {
  text-align: center;
  background: #f3f3f3; /*薄グレー*/
  border: solid 1px #999; /*グレー*/
  color: #333;
  padding: 5px;
  width: 50px;
}
table.tbl-r06 td {
  text-align: center;
  border: solid 1px #999;
  padding: 5px;
  width: 110px;
}

.bg_gr { background: #f3f3f3 !important; } /*薄グレー*/
.wd_min { width: 80px !important; }

/*SP用*/
@media screen and (max-width: 768px) {
  .scroll {overflow-x: auto;  }
  .tbl-r06 {
    min-width: 250px;
    margin: 0 10px 50p;
  }
  .tbl-r06 td {
    border-top: solid 1px #999;
    border-bottom: solid 1px #999;
  }
}


/* 洗濯マーク表-----------------*/
table.tbl-r09 p {
  font-size: 16px;
  font-weight: normal;
  margin: 60px auto 40px;
}
table.tbl-r09 {
  margin: 10px 0 0 20px;
  border: solid 2px #999;
}
table.tbl-r09 th {
  text-align: center;
  border: solid 1px #999; /*グレー*/
  color: #333;
  padding: 5px;
  width: 50px;
}
table.tbl-r09 td {
  border: solid 1px #999;
  padding: 5px;
  width: 250px;
}


/*SP用*/
@media screen and (max-width: 768px) {
  .scroll {overflow-x: auto;  }
  .tbl-r09 {
    min-width: 250px;
    margin: 0 10px 50p;
  }
  .tbl-r09 td {
    border-top: solid 1px #999;
    border-bottom: solid 1px #999;
  }
}





/* 商品説明-日本語商品名 -----------------*/
    .p_title {
    display: block;
    font-size: 1.17em;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold;
}

/* サイズ表2 -----------------*/
table.tbl-r08 p {
  font-size: 12px;
  font-weight: normal;
  text-align: center;
  margin: 60px auto 40px;
}
table.tbl-r08 {
  margin: 5px 0 15px 0;
  border: solid 2px #999;
}
table.tbl-r08 th {
  text-align: center;
  background: #f3f3f3; /*薄グレー*/
  border: solid 1px #999; /*グレー*/
  color: #333;
  padding: 5px;
}
table.tbl-r08 td {
  text-align: center;
  border: solid 1px #999;
  padding: 2px;
}

.bg_gr { background: #f3f3f3 !important; } /*薄グレー*/
.wd_min { width: 80px !important; }

/* 商品詳細ページ価格表 -----------------*/
table.price_list th {
		font-size: 90%;
		text-align: center;
		vertical-align: middle;
		font-weight: normal;
		font-stretch: extra-expanded;
		line-height: 1.4em;
		padding: 0.1em 0.3em 0.1em 0.3m;
		border-bottom-width: 1px;
		border-bottom-style: dotted;
		border-bottom-color: #CCC;
		background: #666;
		color: #fff;
}

table.price_list td {
		font-size: 95%;
		text-align: left;
		vertical-align: middle;
		font-weight: normal;
		font-stretch: extra-expanded;
		line-height: 1.0em;
		padding:0.3em 0.2em 0.3em 0.2em;
		border-bottom-width: 1px;
		border-bottom-style: dotted;
		border-bottom-color: #CCC;
		background: #fff;
}

/* 商品一覧表示product_tag -----------------*/
.product_tag_list2 {
    display: inline-block;
    padding-left: 5px;
    padding-right: 5px;
    font-size: 60%;
    color: #333; /*#525263*/
    border: solid 1px #999; /*#525263*/
    border-radius: 3px;
    background-color: #fff; /*#F5F7F8*/
}

/* トップページ下お買い物ガイド用-----------------*/
.box30 {
    margin: 1em 0;
    background: #f1f1f1;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.22);
}
.box30 .box-title {
    font-size: 1.0em;
    background: #70090b;
    padding: 2px;
    text-align: center;
    color: #FFF;
    font-weight: bold;
    letter-spacing: 0.05em;
}
.box30 p {
    padding: 10px 10px;
    margin: 0;
}

/* 商品説明注意書きリスト用（枠付き）小フォントサイズ-----------------*/
ul.list1{
  font-size: 12px !important;
  padding: 0.5em 0.2em 0.5em 0.2em;
  border: solid 1px #9797a1;/*線*/
  border-radius: 8px;
  list-style: none;
}
ul.list1 li{
  position: relative;
  padding-left: 20px;
  margin: 0px 0px 3px 0px !important;
}
ul.list1 li:before{
  content: "・";
  position: absolute;
  left: 5px;
  font-size: 12px !important;
}

/* 商品説明注意書き赤文字リスト用（枠なし）通常フォントサイズ※-----------------*/
ul.list_2{
  list-style: none;
  color: red;
}
ul.list_2 li{
  position: relative;
  padding-left: 20px;
  margin: 0px 0px 3px 0px !important;
}
ul.list_2 li:before{
  content: "※";
  position: absolute;
  left: 5px;
}

/* 黒文字箇条書き用（枠なし）通常フォントサイズ※-----------------*/
ul.list_2_bl{
  list-style: none !important;
}
ul.list_2_bl li{
  position: relative !important;
  padding-left: 20px !important;
  margin: 0px 0px 3px 0px !important;
}
ul.list_2_bl li:before{
  content: "※" !important;
  position: absolute !important;
  left: 5px !important;
}