@charset "utf-8";
/* reset */
body {margin:0;padding:0;border:0;line-height:1;word-wrap: break-word;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display:block;}
ul {list-style:none;margin:0;padding:0;}
li {margin:0;padding:0;}
blockquote, q {quotes:none;}
blockquote:before,blockquote:after,q:before,q:after {content:'';content:none;}
a {margin:0;padding:0;vertical-align:baseline;background:transparent;}
a:link {color: #555; /*テキストリンク*/}
a:visited {color: #555; /*テキストリンク*/}
a:hover {color: #555; /*テキストリンクオーバー*/}
a:active {color: #555; /*テキストリンクオーバー*/}
ins {background-color:#ff9;color:#111;text-decoration:none;}
mark {background-color:#ff9;color:#111;font-style:italic;font-weight:bold;}
del {text-decoration: line-through;}
abbr[title], dfn[title] {border-bottom:1px dotted;cursor:help;}
input, select {vertical-align:middle;}
form {margin:0;}
hr {margin:0 auto;}
.titlebar+aside .listmenu li,.footer ul li,.formlist ul li{margin: 0;background:transparent;}
*{
-webkit-appearance: none;
-webkit-tap-highlight-color: rgba(0,0,0,0);
-webkit-box-shadow: none;
box-shadow: none;
outline: none;
}
/* tag setting */
body {
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; /*フォント設定*/
background:white;
}
input,textarea {
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; /*フォント設定*/
padding:2px;font-size:16px;
}
pre {
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; /*フォント設定*/
}
textarea {width:100%}
select {font-size:12px;padding:2px;}
img{ max-width: 100% }
/* system class */
p.full {margin:10px;}
.full_img {width:100%;}
.productimg {width:97%;}
.logoimg {width:260px;}
.searchbutton {width:60px;height:50px;}
.imgharf {width: 50%}
.img72 {margin:0 1px;width:17%;}
.img100 {margin:0 1px;width:100px;}
.clearof {overflow: hidden;}
.text-left {text-align: left}
.text-center {text-align:center}
.text-right {text-align: right}
.text_s {font-size:75%;}
.text_1 {color: #111000;font-size:12px;}
.border_1 {margin:10px 0;padding:10px;}
.more {text-align: right}
.red {color: #111000}
.gray {color:#7E7E7E}
.f_l {float:left;}
.f_r {float:right;}
.input_l input{width:95%}
.input_m input{width:50%}
.input_s input{width:20%;}
.input_2 input{width:40%;}
/* layout */
#page {
width:100%;
margin:0 auto;
padding:0;
font-size: 13px; /*テキストサイズ*/
color:#555;
-webkit-text-size-adjust:none;
}
#main {margin: 0 auto;text-align:center}
/* header */
#header {margin:0 auto 10px;}
#header section {margin: 0;width:100%;}
#header nav {margin: 10px auto 10px;text-align: center;width:100%;}
#header nav a{text-decoration: none}
/* header common */
#header ul{ list-style-type: disc;padding: 0 25px}
#header ol{ list-style-type: decimal;padding: 0 25px}
/* header toppage */
#top_header ul{ list-style-type: disc;padding: 0 25px}
#top_header ol{ list-style-type: decimal;padding: 0 25px}
.logo {width:100%;margin:0 auto;text-align:center;}
.logo .l{float:left;}
.logo .r{float:right;}
/* contents */
#contents {margin:0 0px;}
#contents section {width:100%;margin:0 auto;padding-bottom:5px;clear:both;}
#contents section#pi_relate {width: 96%;}
#contents section#pi_relate .title {border-top:none;}
.formbox section {background:transparent;}
/* footer */
#footer {background:transparent;/*border-top: 1px solid #dce0e0;*/padding-top: 20px;margin-top: 20px;background-color: #eee5c7;}
#footer section {background:transparent;padding:0;border:none;}
#footer section>p.ch {background:#111000;color:white;font-size:14px;font-weight:bold;margin:0;padding:10px 0 0;text-align:center; display: none;}
#footer section>p.ch a {color:white;}
#footer section>p.copy {background:#fff;color: #dce0e0; /*コピーライトテキストカラー*/ font-size:12px;margin:0;padding:15px 0 5px;text-align:center;border-top: 1px solid #dce0e0; /*コピーライトボーダーカラー*/}
#footer .footer aside ul.listmenu {
border:none;
border-radius:0;
-webkit-border-radius:0;
-moz-box-shadow:none;
box-shadow:none;
-webkit-box-shadow:none;
background:transparent;
padding-top:5px;
margin:5px 0 15px;
}
#footer .footer aside ul.listmenu li {
background:transparent;
border:none;
line-height:1;
}
#footer .footer aside ul.listmenu li a {
color:#666666;
background:white url(../img/theme11/arrow01.png) no-repeat 97% center;
border:none;
border-bottom:1px solid #dddddd;
-webkit-border-radius:0;
border-radius:0;
padding:8px 10px;
margin:0;
font-size:11px;
box-shadow:none;
-webkit-box-shadow:none;
}
#footer .footer aside ul.listmenu li:first-child a {
border-top:1px solid #dddddd;
}
/* common */
.imgborder {/*border:1px solid #ccc;*/}
/*  title   */
#contents .title {
color: #555; /*テキストカラー*/
margin:10px 0 0;padding:14px 0 12px;
vertical-align:middle;text-align:center;
border-top: 1px solid #e5e5e5;
}
#contents>.title {margin:0;}
.title h1 {display:inline;font-size:18px;margin:0;padding:0 0 0 0;text-align:left;font-weight:normal;}
.title img {margin: 0;vertical-align:top;margin-left:5px;}
#contents section#news{
position:relative;
margin: 0 auto 40px;
}
#news .title {
text-align:center;
margin: 5px 0 10px;
}

.title p {
float:right;
margin:0;
padding:0;
position: absolute;
right: 0px;
bottom: 0px;
}
.title p a{
margin: 0 auto 0;padding:16px 10px 4px 26px;height:20px;
text-decoration:none;
font-size:10px;
color:#555;
vertical-align:middle;text-align:left;
background:url(../img/theme11/title_p_bg.png) no-repeat left 12px;
}
.titlebar {
padding:0;
margin:0;
vertical-align:middle;
text-align:left;
}
.titlebar .open {text-align: left;padding: 10px 4px;background-image:url(../img/theme11/minus2.png) ;background-repeat : no-repeat; background-position : 97% center;}
.titlebar .open.active {background-image:url(../img/theme11/plus2.png) ;background-repeat : no-repeat; background-position : 97% center;}
.titlebar .closed {text-align: left;padding: 10px 4px;background-image:url(../img/theme11/plus2.png) ;background-repeat : no-repeat; background-position : 97% center;}
.titlebar .closed.active {background-image:url(../img/theme11/minus2.png) ;background-repeat : no-repeat; background-position : 97% center;}
.titlebar_g .open {padding: 10px 4px;background-image:url(../img/theme11/minus2.png) ;background-repeat : no-repeat; background-position : 97% center;}
.titlebar_g .open.active {background-image:url(../img/theme11/plus2.png) ;background-repeat : no-repeat; background-position : 97% center;}
.titlebar_g .closed {padding: 10px 4px;background-image:url(../img/theme11/plus2.png) ;background-repeat : no-repeat; background-position : 97% center;}
.titlebar_g .closed.active {background-image:url(../img/theme11/minus2.png) ;background-repeat : no-repeat; background-position : 97% center;}
.titlebar_g {
padding: 0 4px;
margin: 0;
font-size: 120%;
background:url("../img/theme11/gradation_green_401.png") repeat-x 97% center;
color: #ffffff;text-shadow: none;
vertical-align: middle;text-align: left}
.titlebar_b{
padding: 5px 8px;
font-size: 100%;
color: #555;text-shadow: none;
vertical-align: middle;text-align: left;
}
.titlebar_b+aside {text-align:left;padding: 10px 0;}
.titlebar_b .open {padding: 10px 4px 10px 5px;background-image:url(../img/theme11/minus.png) ;background-repeat : no-repeat; background-position : 97% center;}
.titlebar_b .open.active {background-image:url(../img/theme11/plus.png);background-repeat : no-repeat; background-position : 97% center;}
.titlebar_b .closed {padding: 10px 4px 10px 5px;background-image:url(../img/theme11/plus.png);background-repeat : no-repeat; background-position : 97% center;}
.titlebar_b .closed.active {background-image:url(../img/theme11/minus.png);background-repeat : no-repeat; background-position : 97% center;}
/* news */
.listmenu a span.date {color:#111000;display:block;}
.date.text-right {padding:10px;}
.listmenu a p.date {margin-left:10px;}
.note{color: #464646;font-size:75%}
#news .listmenu li{
width:94%;
margin: 0 auto 18px;
padding-bottom: 6px;
border-bottom: 1px solid #999;
}
#news .listmenu li:last-child{
border-bottom:none;
margin: 0 auto 6px;
}
#news .listmenu li:first-child{
position:relative;
}
#news .listmenu li:first-child::after{
position: absolute;
content: '新着';
padding: 2px 5px 1px 8px;
border-radius: 5px;
border: #FF010E 1px solid;
color: #FF010E;
top: 1px;
left: 115px;
font-size: 11px;
letter-spacing: 2px;
}
#news .listmenu li h4.date-re{
margin:0px 0px 6px 0px;
border: #999 1px solid;
display: inline-block;
padding: 3px 8px;
border-radius: 5px;
}
#news .listmenu li p{
margin-top: 0px;
}
/* listmenu */
section .listmenu {
margin:5px;
word-wrap:break-word;
background-color:transparent;
-webkit-border-radius:0;
border-radius:0;
border:none;
}
.listmenu li {
list-style-type: none;text-align:left;font-size:11px;line-height:1.5;margin-bottom:5px;
}
.listmenu li a,.titlebar+aside a{
padding:6px 17px 6px 5px;
margin:5px 0;
display: block;
background:white url(../img/theme11/arrow02.png) no-repeat 97% center;
color:#555;
text-decoration:none;
}
#contents>.listmenu {
margin-bottom:10px;
}
#contents>.listmenu li {
margin-bottom:0px;
}
#contents>.listmenu li a {
margin:0;border-bottom:1px solid #dddddd;
-webkit-box-shadow:none;
}
.listmenu li a:link {
color:#555;
}
.listmenu li,.titlebar+aside a {-webkit-tap-highlight-color: rgba(0,0,0,.4);-webkit-tap-highlight-color:#ccc;}
.listmenu li:first-child{}
.listmenu li:last-child {margin-bottom:0px;}
.titlebar+aside ul,.formlist ul{margin: 0;}
/* search box */
#searchbox{
display: none;position:absolute;top:0;background:#111;margin:0 auto;padding-bottom:10px;text-align:left;width:100%;color:#fff;z-index:1;
background-color:rgba(0, 0, 0, 0.8);
}
#searchbox2 {margin: 0 auto;text-align: left;width: 100%;background:white;}
#searchbox2 .search_form {}
.search_form {
margin:5px;padding:5px;background:white;color:#666666;font-size:12px;
-webkit-box-shadow:2px 2px 3px rgba(0,0,0,.15);
}
.search_form div.clearof {}
.search_form .input_l {}
.search_form .input_l .keyword_search {padding-bottom:5px;}
.search_form .input_s {}
.search_form .input_s .price_search {padding-bottom:5px;}
.search_form select {width:100%;}
.search_form .input_l input{
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
}
#searchbox .title {text-align: left;width: 95%;text-shadow: none;padding:10px 0;background: none;box-shadow:none;-webkit-box-shadow:none;}
#searchbox h1 {color:#fff;text-shadow: none;}
#search_form div {margin:10px 0;}
.search_form p.f_l  {
margin:0;
}
.search_form .f_l select {
border:1px solid #cccccc;
background:white;
color:#666666;
margin-right:10px;
}
.search_form .submit {
text-align:center;
margin:5px auto;
}
.search_form .submit input {
width:250px;height:25px;
background: #111; /*ボタン背景カラー*/
border:none;
color: #fff; /*ボタンテキストカラー*/
text-align:center;
vertical-align: middle;
padding:0;text-decoration: none;
font-size:12px;
}
.submit_gr{
font-size:14px;
padding:3px 10px;
background:transparent;
color:#6a4f0f;
border:none;
}
#close{
text-align: center;color: #555;background: #FFF;position: absolute;padding: 16px 15px;
top: 0px;right: 10px;font-size: 150%;
}
#close {-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
/* item list */
.itemlist {
margin:0 7px 15px;
background:transparent;
border:none;
-webkit-border-radius:0;
border-radius:0;
-webkit-box-shadow:none;
}
.itemlist:before {
content:".";
height:0;
visibility:hidden;
}
.itemlist li {
list-style-type:none;text-align:left;border:none;background:transparent;
}
.itemlist li a {
position:relative;
display:block;
-webkit-box-shadow:1px 1px 3px #111;
background:white url(../img/theme11/itemlist_bg.png) no-repeat right center;
-webkit-border-radius:0;
border-radius:0;
border:1px solid white;
-webkit-box-shadow:2px 2px 3px rgba(0,0,0,.15);
padding:10px;
text-decoration:none;
margin-bottom:10px;
}
.itemlist li a:after {
content:".";
display:block;
clear:both;
height:0;
visibility:hidden;
}
.product_search+section .btn button{
width:250px;height:25px;
margin:15px auto;
background:transparent url(../img/theme11/btn1_bg.png) no-repeat;
border:none;
color:black;
text-shadow:1px 1px 1px rgba(255,255,255,0.5);
text-align:center;font-weight: bold;
vertical-align:middle;
padding:0;text-decoration: none;
font-size:12px;
}
#newarrival .btn button{
width:250px;height:25px;
margin:15px auto;
background:transparent url(../img/theme11/btn2_bg.png) no-repeat;
border:none;
color:white;
text-align:center;
vertical-align:middle;
padding:0;text-decoration:none;
font-size:12px;
}
#ranking .btn button{
width:250px;height:25px;
margin:15px auto;
background:transparent url(../img/theme11/btn2_bg.png) no-repeat;
border:none;
color:white;
text-align:center;
vertical-align:middle;
padding:0;text-decoration:none;
font-size:12px;
}
#recommended .btn button{
width:250px;height:25px;
margin:15px auto;
background:transparent url(../img/theme11/btn2_bg.png) no-repeat;
border:none;
color:white;
text-align:center;
vertical-align:middle;
padding:0;text-decoration:none;
font-size:12px;
}
/* prize */
.itemlist li.prize {
color:white;
font-size:12px;
padding-left:25px;padding-top:4px;
height:14px;width:60px;
background:url(../img/theme11/crown_bg.png) no-repeat;
}
.prize img {display:none;}
.itemlist li.rank{
color:white;
font-size:12px;
padding:4px 8px 0;
height:14px;
background:url(../img/theme11/nocrown_bg.png) no-repeat;
}
/* tag */
.tag {text-align:right;text-align:left;margin:0 2px 3px;}
.tagline {color:#999;font-size: 75%}
.recommend {color:#333;margin-right: 3px;font-size: 75%}
.price {color: #555;font-size:12px;}
.fixedprice {text-decoration: line-through !important;color: #555;font-size:12px;}
.catch {display: block;font-weight: bold;color: #5d5d5d;text-shadow:none;}
.new {background:#fff;color: #111;padding:2px 3px;display:inline-block;font-size:10px;margin-right: 5px;text-shadow: none !important;border:1px solid #111;}
.pickup {background:#fff;color: #111;padding:2px 3px;display:inline-block;font-size:10px;margin-right: 5px;white-space: nowrap;text-shadow: none !important;border:1px solid #111;}
.sale {background:#fff;color: #111;padding:2px 3px;display:inline-block;font-size:10px;margin-right: 5px;white-space: nowrap;text-shadow: none !important;border:1px solid #111;}
.member {background:fff;color: #111;padding:2px 3px;display:inline-block;font-size:10px;margin-right: 5px;text-shadow: none !important;border:1px solid #111;}
.cool {background:#fff;color: #111;padding:2px 3px;display:inline-block;font-size:10px;margin-right: 5px;text-shadow: none !important;border:1px solid #111;}
.soldout {font-size:11px;text-align:right;float:left;}
.soldout span{
color:white;
width:93%;text-align:center;
background:#111000;padding:5px;
display:inline-block;
line-height:1;
}
.product_name .new {padding:2px 5px;display:inline;font-size:12px; display:none;}
.product_name .pickup {padding:2px 5px;display:inline;font-size:12px; display:none;}
.product_name .sale {padding:2px 5px;display:inline;font-size:12px; display:none;}
.product_name .member {padding:2px 5px;display:inline;font-size:12px; display:none;}
.product_name .cool {padding:2px 5px;display:inline;font-size:12px; display:none;}
.li_l {margin:0 8px 0 0;float: left;clear:both;}
.li_r {}
.li_r div {color:#111000;font-size:11px;padding-right:5px;padding-bottom:10px;line-height:1.5;font-weight:bold;}
.li_r div.tagline {color:#555;height:auto;font-weight:normal;}
.li_r div.fixedprice {color:#555;height:auto;margin-bottom:0px;text-align:right;padding-right:10px;font-weight:normal;padding-bottom:0px;}
.li_r div.price {color:#555;height:auto;margin-bottom:0px;text-align:right;padding-right:10px;font-weight:normal;padding-bottom:0px;}
.li_r div.soldout {margin-right:18px;margin-top:5px;clear:right;font-weight:normal;}
/* accordion */
.accordion {
}
.accordion .titlebar {
color:#555;
background:white;
border-left:3px solid #111000;
padding:6px 17px 5px 7px;
margin:5px;
vertical-align: middle;text-align:left;
-webkit-box-shadow:2px 2px 3px rgba(0,0,0,.15);
}
.accordion .titlebar h1 {
font-size:12px;margin: 0;padding:2px 25px 2px 0;text-align: left;
}
.accordion .titlebar.sps-titleLinkBar h1 {
padding:2px 10px 2px 0;
}
.accordion .titlebar_b {
border-top: 2px solid #111;
color: black;
margin: 10px 0 0;
padding: 14px 0 12px;
vertical-align: middle;
text-align: left;
}
.accordion .titlebar_b h1 {
font-size:14px;margin:0;padding:0 0 0 10px;text-align:left;font-weight:normal;
}
.accordion .titlebar_b+aside {
padding:5px 0;
}
.accordion .titlebar_b+aside>.formtable {
margin:0 10px;
line-height: 160%;
}
.accordion aside ul.listmenu {
border:none;
background:transparent;
-webkit-border-radius:0;
border-radius:0;
-webkit-box-shadow:none;
}
.accordion aside ul.listmenu li {
background:transparent;
border:none;
line-height:1;
}
.accordion aside ul.listmenu li.categorylink {
background:transparent;
}
.accordion aside ul.listmenu li a {
color:#555;
background:white url(../img/theme11/arrow02.png) no-repeat 97% center;
padding:7px 17px 7px;
margin:5px;
font-size:11px;
}
.accordion aside ul.listmenu li.categorylink a {
color:white;border:1px solid white;
background:#111000 url(../img/theme11/arrow3_r.png) no-repeat 97% center;
padding:6px 16px 6px 4px;
margin:5px;
font-size:11px;
}
/* freearea */
.freearea {text-shadow:none;padding:10px 0px;margin:0 0px;background:white;color:#555;}
.freearea p {margin:0 0 5px;line-height:1.5;}
.freearea hr { margin: 10px 0 ;}
.freearea img { vertical-align: middle;}
.freearea ul { list-style-type: disc;padding: 0 0px}
.freearea ol { list-style-type: decimal;padding: 0 25px}
section>div.freearea:first-child {padding-top:0px !important;}
footer section>div.freearea:first-child {background:none !important;}
/*  カテゴリータイトル   */
.categorybar{
padding: 6px 4px;text-align: left;
margin: 0;
font-size: 100%;
background: #E8EEE8;
text-shadow: rgba(0,0,0,.4) 0 1px 0;
vertical-align: middle;
}
.categorylink{background: #E8EEE8;vertical-align: middle;}
.payment ul{margin: 0;}
.payment li {
padding:5px 22px;overflow:hidden;display:block;text-decoration:none;
background-image: url(../img/theme11/arrow02.png);
background-position:8px center;
background-repeat:no-repeat;
list-style-type:none;text-align:left
}
.payment aside>p {margin:10px;}
.payment .formtable {font-size:12px;padding:10px 0;background:white;}
.payment .formtable li+p {color:#111000;border-bottom:1px solid #eaeaea;padding:0 10px 10px 22px;margin:5px 0;}
.payment .formtable li+p:last-child {border-bottom:none;}
.payment .formtable br+p {padding:0 10px 10px 22px;margin:5px 0;}
/* lists */
.bgn {margin:5px;}
.bgn li {
list-style-type: none;text-align:left;font-size:11px;margin-bottom:5px;
}
.bgn li:last-child {
margin-bottom:10px;
}
.bgn li a {
padding:9px 25px 9px 15px;
display: block;
background:white url(../img/theme11/arrow02.png) no-repeat 95% center;
color:#555;
text-decoration:none;
-webkit-box-shadow:2px 2px 3px rgba(0,0,0,.15);
}
.bgn li.categorylink a {
border-left:3px solid #111000;
padding-bottom:6px;
padding-left:7px;
}
.bgn2 .categorylink {
background:white url(../img/theme11/arrow7.png) no-repeat 97% center;
}
.bgn2 ul.bgn {
margin-bottom:0;
}
.bgn2 ul.bgn li.categorylink a {
background-color:white;
border:none;
border-left:3px solid #111000;

color:#555;
text-decoration:none;display:block;
-webkit-box-shadow:2px 2px 3px rgba(0,0,0,.15);
padding:8px 17px 6px 5px;
margin:5px 0;
font-size:12px;
}
.bgn2 .listmenu2 .bgn li a {
background-color:white;
border:none;
color:#555;
text-decoration:none;display:block;
-webkit-box-shadow:2px 2px 3px rgba(0,0,0,.15);
padding:6px 17px 6px 5px;
margin:5px 0;
font-size:11px;
}
/*  accordion top処理*/
.titlebar+aside .listmenu li:first-child{border-top: none}
.listmenu2 {margin:0 8px;}
.listmenu2 ul{
list-style-type: none;margin:0 auto;
-webkit-box-shadow:none;
-moz-box-shadow:none;
box-shadow:none;
}
.listmenu2 .l{float: left;overflow: hidden;width:49%;text-align: left;}
.listmenu2 .r{float: right;width:49%;text-align: left;}
.listmenu2 .l li,.listmenu2 .r li {border-right: none;border-left: none;}
div.listmenu2 div ul.listmenu li a {
border:none;
background-color:white;
color:#555;
font-size:11px;
padding:6px 17px 6px 5px;
margin:5px 0;
text-decoration:none;display:block;
-webkit-box-shadow:2px 2px 3px rgba(0,0,0,.15);
}
.accordion div.listmenu2 div ul.listmenu li a {
}
.listmenu3 {margin:5px auto;width:97%;text-shadow:none;padding:0;}
.listmenu3 .l{float: left;overflow: hidden;width:49%;text-align: center;}
.listmenu3 .r{float: right;overflow: hidden;width:49%;text-align: center;}
.listmenu3 a{
padding:6px 17px 6px 5px;
margin:0;
background:white url(../img/theme11/arrow02.png) no-repeat 97% center;
color:#555;
text-decoration:none;
-webkit-box-shadow:2px 2px 3px rgba(0,0,0,.15);
text-decoration:none;display:block;
font-size:12px;
}
/* ranking */
.whitelist li:nth-child(odd) {padding: 4px 5px;}
.whitelist li:nth-child(even) {background:none;padding: 4px 5px;}
/* 在庫返品sns */
.form_menu{margin:10px;}
.sns {
margin:0;
overflow:hidden;
}
.sns ul {
list-style-type:none;
text-align:center;
}
.sns li{
display:inline-block;margin:10px 5px;vertical-align:middle;
}
#contents>section.review {
margin:0 auto;
}
#contents>section.review>div.comment {
margin:0 auto;
width:95%;
}
.review div.comment .recommend img {
width:11px;height:11px;vertical-align:-1px;
}
.itemlist li a .tag .recommend img {
width:11px;height:11px;vertical-align:-1px;
}
.customersbox .customerbar .recommend img {
width:11px;height:11px;vertical-align:-1px;
}
.freearea .commenttitle .recommend img {
width:11px;height:11px;vertical-align:-1px;
}
.arrowbg {
border-left: 15px solid transparent;
border-top: 16px solid #999;
position: absolute;
bottom: 5px;
left: 119px;
width: 0;
height: 14px;
}
.arrow {
border-left: 14px solid transparent;
border-top: 14px solid #fff;
position: absolute;
bottom: 5px;
left: 121px;
width: 0;
height: 15px;
}
/* form 1 */
.shopping_form {text-align:left;}
.shopping_form .variation1,.variation2,.variation3{
border-spacing: 0;
width: 100%;
margin:10px auto;
border-collapse:collapse;
table-layout:auto;
}
/*  バリエリスト見出し */
.shopping_form .variation1  th,.variation2  th,.variation3  th  {
padding: 10px 5px;font-size:12px;
background: #ffffff;
border: 1px solid #dce0e0;
color: #555;
}
.shopping_form .variation1 td,.variation2 td  {
padding: 10px 10px;
border: 1px solid #dce0e0;
vertical-align:middle;
text-align: left;
}
.variation3 th,.variation3 td {border:1px solid #dce0e0;font-size:100%;}
.shopping_form .variation3{width: 50%;text-align: center}
/* button select */
.shopping_form  select{
margin:5px 0;text-align: left;
width: 93%
}
.shopping_form p{
margin:10px auto;text-align: center;
}
.shopping_form .variation1 td:nth-child(1){width: 40%;font-size: 75%;}
.shopping_form .variation1 td:nth-child(2){width: auto;text-align:center;white-space: normal;}
.shopping_form .variation1 td:nth-child(3){width: 40%;white-space: nowrap;}
.shopping_form .soldout{font-size: 75%;text-align: center;}
.variation1 img{width:104px;height:24px;}
.variation2 td:nth-child(1){width: 45%;font-size: 75%;}
.variation2 td:nth-child(2){width: 5%;border-right:1px solid #fff;text-align:center;}
.variation2 td:nth-child(3){width: 40%}
.variation2 a {margin-left:5px;}
.variation2 .ok{color:#359e65;}
.variation2 .few{color:#ef9848;}
/*  備考購入数   */
.remark {margin:5px 0px;text-align:left;}
.remark dl{font-size:120%;}
.remark dt{float: left;width:22%;margin: 5px 0;vertical-align:middle}
.remark dd{float: none;margin: 3px 0;white-space: nowrap}
.remark span{position:relative;top:5px;display: block}
.remark td {vertical-align:middle;text-align:left;font-size:12px;}
.remark .l{width: 30%;}
.remark .r{width: 70%;text-align:left;}
.input100{width: 80%}
.input10{width: 20%}
.stock hr {border-color: #939394}
.stock select { max-width: 100% }
.mailicon{width:24px;height:11px;}
.req {margin:5px 10px 20px; text-align:right;font-size:75%;}
.req img {vertical-align:bottom;}
.req span {color:#626262;}
/* ボタン */
.btn {margin: 0 auto;text-align:center;}
.btn button{
width:250px;height:25px;
margin:15px auto;
background:transparent url(../img/theme11/btn2_bg.png) no-repeat;
border:none;
color:white;
text-align:center;
vertical-align:middle;
padding:0;text-decoration:none;
font-size:12px;
}
.submit {margin: 10px auto; text-align: center;}
.formcontents dl p.submit {padding-left:0;padding-right:0px;}
/* カート */
.curt_s {
text-align:center;
}
.stock form input.curt_s {
width:110px;height:25px;
margin: 0 auto;
background:url(https://image1.shopserve.jp/naturebreath-store.com/pic-labo/smp_btn_cart.png);
background-size: 110px 25px;
font-size:10px;
color:white;
display:block;
-webkit-appearance:none;
border:none;
font-size: 0;
}
.stock>aside:nth-child(2) {
background:white;margin:0 5px;padding:1px 0;
-webkit-box-shadow:2px 2px 3px rgba(0,0,0,.15);
}
.curt_l{
padding: 10px;font-size:120%;width: 80%;color: #fff !important;font-weight:bold;
background: #ffcc99;
margin: 0 auto;
border-radius: 1px;-webkit-border-radius: 1px;-moz-border-radius: 1px;
color: #fff;
text-decoration: none;
vertical-align: middle;
}
.curt_l button:hover,.curt_s button:hover {
border-top-color,border-left-color: #ff9900;
border-bottom-color,border-right-color: #fff;
background: #ff9900;
color: #ffffff;
}
.curt_l button:active,.curt_s button:active {
border-top-color: #ff9900;
background: #ff6600;
}
#contents>section>div.formbox>form>aside.formcontents>div.text-left {font-size:11px;}
/* 入荷連絡を希望する */
.request_s {
width:87px;height:18px;padding-top:7px;
background:url(../img/theme11/btn_contact_bg.png);
font-size:10px;
color:white;
display:inline-block;
-webkit-appearance:none;
text-align:center;
display:inline-block;
}
a.request_s {
color:white;
text-decoration:none;
}
.request_l{
padding: 10px;font-size:120%;width: 80%;color: #fff !important;font-weight:bold;
border: 1px solid #336699;
margin: 0 auto;
border-radius: 1px;-webkit-border-radius: 1px;-moz-border-radius: 1px;
color: #fff;
text-decoration: none;
vertical-align: middle;
}
.request_l button:hover,.request_s button:hover {
border-top-color,border-top-left: #3366CC;
background: #3366CC;
}
.request_l button:active,.request_s button:active {
border-top-color: #1b435e;
background: #3366CC;
}
/* 在庫切れ */
.shopping_form .variation1 .soldout,.shopping_form .variation2 .soldout {
width:87px;height:18px;padding-top:7px;
background:url(../img/theme11/btn_soldout_bg.png);
font-size:10px;
color:black;
display:inline-block;
text-align:center;
display:inline-block;
}
.shopping_form .variation1 .soldout span,.shopping_form .variation2 .soldout span {
color:black;
width:auto;text-align:center;
background:transparent;padding:0;
-webkit-border-radius:0;
-moz-border-radius:0;
border-radius:0;
}
/* 通知 */
.error {color: #FF0000;text-align:left;}
#contents section > p.error {padding:20px 10px;}
.attention {
background:white;
padding:5px 20px;
}
.formbar2{margin: 0;padding:10px;text-align: left;background:#eee;border-bottom: none;}
.formlist {margin:5px auto;padding:0;text-align: center;}
.formlist .bar {
border-top: 2px solid #111;
border-bottom: 1px solid #111;
color:black;
margin:10px 0 0;padding:14px 0 12px;
vertical-align:middle;text-align:left;
}
.formlist .bar h3 {
font-size: 15px;margin: 0;padding: 0 0 0 10px;text-align: left;
}
.formlist .bar+ul.listmenu {
margin-top: 10px;
}
.formcontents {margin: 0 10px;background:white;padding:10px;}
.formcontents dl{margin: 0 auto;list-style-type: none;width: 95%;}
.formcontents dt{margin: 10px auto;text-align: center;}
.formcontents dd{margin: 5px auto;text-align: left;padding:0;}
.formcontents p{margin: 20px auto;}
.formcontents p.btg_r {margin:0 auto;}
.formbar2+.formcontents p{margin: 10px auto;}
.formcontents form{}
.radio{position:relative;top:-4px;}
.formcontents ul li{word-wrap: break-word;}
/*  button orange固定 */
.button_or {
margin:0;
}
.button_or input {
width:250px;height:25px;
margin:5px auto;
background: #111; /*ボタン背景カラー*/
border:none;
color: #fff; /*ボタンテキストカラー*/
text-align:center;
vertical-align: middle;
padding:0;text-decoration: none;
font-size:12px;
}
/*  button  orange2固定   */
.button_closing input{width:70%;margin: 0 auto;font-size:100%;padding:15px 20px;
border: 1px solid #F4BD2B;
background: #ffffff;
background: url("../img/theme11/arrow_right.png") no-repeat 97% center,-webkit-gradient(linear, left top, left bottom, from(#ffe885), to(#f4b81c));
background: url("../img/theme11/arrow_right.png") no-repeat 97% center,-moz-linear-gradient(top, #ffe885, #f4b81c);
border-radius: 1px;-webkit-border-radius: 1px;-moz-border-radius: 1px;
color: #fff;font-weight: bold;
vertical-align: middle;
}
/*  button gray可変*/
.button {margin:10px auto;font-size:100%;text-align: center}
#contents>.button:last-child {margin-bottom:20px;}
.btg_r,.btg_l {display:inline;}
.btg_l a{
border: 1px solid #5A5A5A;
width:100%;padding:15px 10px 15px 40px;
text-decoration: none;color: #4D4D4D;
background: #ffffff;font-size:75%;
}
.btg_r button,.btg_r input,.btg_r a{
border: 1px solid #5A5A5A;
padding:15px 40px 15px 10px;
text-decoration: none;color: #4D4D4D;
background: #ffffff;font-size:75%;display:inline;
border-radius: 1px;-webkit-border-radius: 1px;-moz-border-radius: 1px;
}
.address {margin: 0;display:inline;}
.formbox .address input[type="submit"] {
width:100px;margin:0 ;height:20px;padding:2px 10px;
border:none;
background: #030303;
background: -webkit-gradient(linear, left top, left bottom, from(#5a5a5a), to(#030303));
background: -moz-linear-gradient(top, #5a5a5a, #030303);
color:white;text-align: center;font-weight: bold;
-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;
vertical-align: middle;
display: inline;
font-size:11px;
text-decoration:none;
}
.formnavi{margin:0 auto;}
.formnavi dl,.formnavi div {margin:5px auto;width:90%;}
.formnavi dt {float:left;width:47%;text-align:left;}
.formnavi dd {float:right;width:47%;text-align: right;}
.ar_link_l {}
.ar_link_l a {
background:white url(../img/theme11/arrow1_l.png) no-repeat 7px center;
color:#666666;
font-size:11px;
border-bottom:1px solid #dddddd;
padding:5px 10px 5px 20px;
text-decoration:none;
display:block;
text-align:left;
}
.ar_link_r {
background:transparent;
border:none;
line-height:1;
padding:0;
}
.ar_link_r a {
display:block;
color:#666666;
background:white url(../img/theme11/arrow01.png) no-repeat 97% center;
border:none;
border-bottom:1px solid #dddddd;
-webkit-border-radius:0;
border-radius:0;
padding:8px 10px 8px 0;
margin:0;
font-size:11px;
box-shadow:none;
-webkit-box-shadow:none;
text-decoration:none;
}
.formnavi .a_l{
background:url("../img/theme11/arrow_left.png")left center ;background-repeat : no-repeat; background-position : 5% center;
padding:15px 0px 15px 35px;color: #4D4D4D;text-decoration: none;vertical-align: middle;display: block;
}
.formnavi .a_r{
background-image:url("../img/theme11/arrow_right_bk.png") ;background-repeat : no-repeat; background-position : 95% center;
padding:15px 35px 15px 0px;color: #4D4D4D;text-decoration: none;vertical-align: middle;display: block;
}
.update input{
padding: 5px 10px;-webkit-border-radius: 1px;-moz-border-radius: 1px;border-radius: 1px;
border: 1px #969696 solid;
background: #ffffff;
background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#CCCCCC));
background: -moz-linear-gradient(top, #ffffff, #cccccc);
color: #4D4D4D;text-decoration:none;
}
/* お客様の声 */
#contents>.pagelist+section {padding-top:5px;}

section .customersbox:last-of-type{ border-bottom: 1px solid #969696;}
.customerbar {
background:white;
border-bottom:1px solid #dddddd;
padding:5px 0px;
margin:0 auto;
font-size:11px;
}
.customersbox .customerbar {
margin:0 0px;
}
.customerbar img {vertical-align:-3px;}
.customerbar .f_r.date {padding-top:2px;color:#666666;}
.customerscomment {
margin:0 auto;
background:white;
padding:10px 0px 0;
font-size:11px;
text-shadow:none;
line-height:1.5;
}
.customerscomment p {
margin:10px auto;color:#464646;text-align:left;
line-height:1.5;
}
.customersbox .customerscomment {
width:auto;
padding:10px;
margin:0 0px 20px;
}
.comment .minus {
background:white;
padding:0px 0px 0;
font-size:11px;
line-height:1.5;
}
.minus {display: block;color:#555;text-align:left;}
.comment .shopcomment{
margin:0 auto;
padding:0 0 5px;
}
.shopcomment p {
text-align:left;
background:#eee;margin: 10px 0;
padding: 8px !important;
}
.shopcomment .plus {
text-align:right;
background:url(../img/theme11/arrow2.png) no-repeat 65% center;
padding-right:10px;
}
.shopcomment .plus .f_r:before {
content:"全文を見る";color:#555;font-size:10px;
}
.shopcomment .f_l,.shopcomment .f_r{padding:6px 0;font-size: 75%}
.shopcomment .f_l{
padding-left: 50px;color: #555;
width: 138px;
}
@media all and (max-width: 320px) {
.shopcomment .plus {
background:url(../img/theme11/arrow2.png) no-repeat 57% center;
}
.shopcomment .f_l {
padding-left: 0px;
}
}
.plus{
margin:0;
background-image:url(../img/theme11/plus.png);background-repeat : no-repeat; background-position : 95% center;padding: 2px 0;padding-right: 30px;
}
.plus.active{
background-image:url(../img/theme11/minus.png);
}
.plus.act{
background-image:url(../img/theme11/minus.png);
}
.plus.act2{
background-image:url(../img/theme11/minus.png);
}
.comment {margin: 10px 0;}
.commenttitle {
-webkit-box-shadow:2px 2px 3px rgba(0,0,0,.15);
color:black;font-size:13px;
text-align:center;padding:5px;
background:white;
margin:10px 10px 0;
border-bottom:3px solid #111000;
}
.commenttitle a {text-decoration:none;margin:5px 0;display:block;color:black;}
.commenttitle p {color:#464646;background:white;padding:5px;}
.freearea .commenttitle {
-webkit-box-shadow:none;
margin:0;
}
.rightarrow{ text-align:right;}
.rightarrow > div{
float:right;text-align:right;
padding:5px 5px 5px 20px;text-align: left;
width:108px;
margin:2px 10px 3px;
background:white url(../img/theme11/arrow02.png) no-repeat 10px center;
margin-left:1px;
font-size:10px;
}
.rightarrow > div > a {
text-decoration:none;
color:#555;
}
.customersbox .rightarrow div {
-webkit-box-shadow:2px 2px 3px rgba(0,0,0,.15);
}
/*  購入はこちら  */
.price +.rightarrow a{background: none;text-decoration:underline;}
.price +.rightarrow div{padding:5px 0 5px 15px;}

.catalog{margin:0 auto;width: 100%}
.catalog p{display: inline}
/* フリーページ */
/* 1 */
section.titlebar_list {
padding-top:5px;
}
section.titlebar_list ul.listmenu {
background-color:white;
}
section.titlebar_list ul.listmenu li {
font-size:12px;
}
section.titlebar_list ul.listmenu li:last-child {
border-bottom:none;
}
section.titlebar_list ul.listmenu li a {
padding:12px 9x 12px 40px;
}
/* 2 */
section.titlebar_list aside ul.listmenu {
background-color:transparent;
}
section.titlebar_list .titlebar_list .accordion .titlebar {
margin-top:0px;
}
/* 4 */

/* カテゴリ選択 */
/* 2 */

/* ランキング */
/* 商品検索 */
.product_search .pager .f_l {
color:#555;
font-size:10px;
line-height:1.5;
float:none;
}
.pager {margin:0 auto;padding:5px 0;color:#666666;text-align:left;font-size:80%;overflow:hidden;}
.product_search .pager div.clearof {overflow:visible;}
.product_search .pager .f_l br {display:none;}
.product_search .pager .f_r {padding-top:5px;}
.product_search .pager .f_r select {
border:1px solid #cccccc;
color:#666666;
}
.result {float:left;}
.result ul {list-style:none;margin:0;}
.result li {float:left;padding-left:10px;}
.sort {margin:5px auto 5px; padding: 0;width: 90%;text-align: center;}
.sortimg {width:46px;height:30px;}
/* pagelist */
.pagelist {margin:5px 10px 5px;text-align:center;font-size:80%;padding-top:10px;border-top:1px solid white;}
.pagelist2 {margin: 20px auto 5px; text-align: center;font-size:80%;}
.pagelist li,.pagelist2 li {
display:inline;margin:0 2px;
}
.pagelist li span,.pagelist2 li span {
display: -moz-inline-box;
display: inline-block;
padding:6px 8px;
font-weight:bold;
background:white;
border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;
color:black;text-decoration:none;text-shadow:none;
}
.pagelist li a,.pagelist2 li a {
display: -moz-inline-box;
display: inline-block;
padding:6px 8px;
font-weight: bold;
background-color: #111; /*ボタン背景カラー*/
border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;
color: #fff; /*ボタンテキストカラー*/
text-decoration:none;text-shadow:none;
}
.pagelist li a:hover,.pagelist2 li a:hover {
background:white;color:black
}
.pagelist li.back a,.pagelist2 li.back a {
padding:6px 20px;
background-color: #111; /*ボタン背景カラー*/
background-image:url(../img/theme11/arrow3_l.png);
background-position:6px center;
background-repeat:no-repeat;
color: #fff; /*ボタンテキストカラー*/
text-decoration: none;
text-align:center;
margin-right:5px;
}
.pagelist li.back a:hover,.pagelist2 li.back a:hover{
background:white url(../img/theme11/arrow3_l.png) no-repeat 6px center;
color:black;
}
.pagelist li.next a,.pagelist2 li.next a{
padding:6px 20px;
background-color: #111; /*ボタン背景カラー*/
background-image:url(../img/theme11/arrow3_r.png);
background-position:51px center;
background-repeat:no-repeat;
color: #fff; /*ボタンテキストカラー*/
text-decoration: none;
text-align:center;
margin-left:5px;
}
.pagelist li.next a:hover,.pagelist2 li.next a:hover{
background:white url(../img/theme11/arrow3_r.png) no-repeat 51px center;
color:black;
}
/* back disable */
.pagelist  .back_b,
.pagelist2 .back_b {
visibility:hidden;
width:64px;height:25px;
margin-right:10px;
display:inline-block;
}
/* next disable */
.pagelist  .next_b,
.pagelist2 .next_b {
visibility:hidden;
width:64px;height:25px;
margin-left:10px;
display:inline-block;
}
/* 商品詳細 */
#contents section.product_name {
border-left:none;
border-right:none;
padding:0;
margin-bottom:0;
}
.product_name ul {margin:0 10px;line-height:20px;text-align:left;list-style-type:none;}
.product_name li {margin:0;text-align:left;color:#f0365e;font-size:12px;}
.product_name li.catch {color:black;font-size:18px;font-weight:normal;line-height:1.5;padding-top:5px;text-align:left;}
.product_name li span.prize{vertical-align:middle;margin-right:10px;font-size:12px; display:none;}
.product_name dl {}
.product_name dt {
width: 70px;
padding: 5px 0;
display: block;
float: left;
margin: 5px 0;
text-align: left;
}
.product_name dd {
text-align: left;
width: 65%;
padding: 5px 0;
display: block;
margin: 5px 0;
float: left;
}
.product_img {padding-top:10px;}
.product_img .nb {
position:relative;
overflow:hidden;
}
.product_img ul {
position:relative;
left:50%;
float:left;list-style-type: none;
}
.product_img li{
position:relative;
left:-50%;
float:left;margin: 0 3px
}
.product_img li p {display:table-cell;vertical-align:middle;height:200px;}
#sub_img {padding-top:10px;text-align:center;}
#imgRL {padding:10px 2px;text-align:center;}
#sub_img img {border:1px solid #f2e5ae;}
.imgRL {width:24%;margin-top:2px;}
#zoom .imgRL {width:42%;}

.description {
padding:5px 0;
margin:0 10px 10px;
}
.description #group {
padding:10px 10px 0;
border:none;
background:white;
margin:0 0px;
}
.description #group h1 {
font-size:12px;
color:#555;
border-bottom:1px solid #dddddd;
margin:0;
padding:0 0 3px;
display:block;

}
#contents .description aside {
color:#555;
font-size:11px;
line-height:1.5;
text-align:left;height:auto;overflow:hidden;
padding:10px 10px 0;
margin:0 0px;
background:white;

}
#contents .description aside p {
margin:0 0 12px;
}
.description aside ul {
list-style-type: disc;
padding: 0 25px;
}
.description .seemore {
width:250px;height:20px;margin:15px auto;
background:transparent url(../img/theme11/btn2_noarrow_bg.png) no-repeat;
border:none;
color:white;text-align:center;
text-shadow:1px 1px 1px rgba(255,255,255,0.5);
vertical-align: middle;
padding:5px 0 0;text-decoration:none;
font-size:12px;
cursor:pointer;
}
.productprice {background:white;padding:10px 0px !important;text-align:left;margin:0 10px;border-bottom: 1px solid #dce0e0;}
.productprice p {font-size:18px;font-weight: bold;margin:0 0 0px;color:#222;float:left;}
.productprice p span.publish_point {font-size:13px;font-weight: normal;}
.productprice p .red {color:#222;}
.productprice>div>span {float:right;}
.productprice div:last-child {font-size:10px;clear:left;}
.productprice:after {content:".";clear:both;display:block;height:10px;visibility: hidden;}
.stock .titlebar_g {
color:black;
background-image:url(../img/theme11/title_point.png),url(../img/theme11/title_bg.png);
background-repeat:no-repeat,repeat-x;
background-position:left top,left top;
margin:10px 0 0;padding:14px 0 12px;
vertical-align: middle;text-align:left;
}
.stock .titlebar_g h1{
display:inline;font-size:14px;margin:0;padding:0 0 0 10px;text-align:left;font-weight:normal;
}
.titlebar_g_o {
color:black;
background-image:url(../img/theme11/title_point.png),url(../img/theme11/title_bg.png);
background-repeat:no-repeat,repeat-x;
background-position:left top,left top;
margin:10px 0 0;padding:14px 0 12px;
vertical-align: middle;text-align:left;
}
.titlebar_g_o h1{
display:inline;font-size:14px;margin:0;padding:0 0 0 10px;text-align:left;font-weight:normal;
}
.stock table.variation1,.stock table.variation2 {
border:none;
margin-bottom:0px;
border-top: 1px solid #dce0e0;
border-left: 1px solid #dce0e0;
border-right: 1px solid #dce0e0;
}
.stock table.variation1 th,
.stock table.variation2 th,
.stock table.variation1 td,
.stock table.variation2 td {
border-right: 1px solid #dce0e0;
border-bottom: 1px solid #dce0e0;
}
.stock .variation1 th,.stock .variation2 th {background:#eeeeee;text-align: center;}
.stock .variation1 tr th:nth-child(1) {border-left:none;}
.stock .variation1 tr th:nth-child(2) {}
.stock .variation1 tr th:nth-child(3) {border-right:none;}
.stock .variation1 tr td:nth-child(1) {border-left:none;}
.stock .variation1 tr td:nth-child(2) {}
.stock .variation1 tr td:nth-child(3) {border-right:none;}
.stock .variation2 tr th:nth-child(1) {border-left:none;}
.stock .variation2 tr th:nth-child(2) {border-right:none;}
.stock .variation1 td,.stock .variation2 td {background:white;}
.stock .variation2 tr td:nth-child(2) {border-right:none;}
.stock .variation2 tr td:nth-child(3) {border-left:none;}
.stock table.variation3 {
border-collapse:separate;
border:1px solid #eeeeee;
background:#eeeeee;
}
.stock .variation3 th {
border:1px solid white;
background:#eeeeee;
}
.stock .variation3 td {
background:white;
}
.stock hr {border:none;}
.stock form {
background:white;
padding:0px;
display:block;
margin:0 10px;
}
.stock form[name="CARTIN"] {
background:white;
border:none;
-webkit-border-radius:0;
border-radius:0;
padding:0px 0 0;
margin:0px 5px;
}
.stock form select {
color:#666666;
background:white;
border:1px solid #cccccc;
-webkit-border-radius:3px;
border-radius:3px;
}
.stock form input {
color:#666666;
background:white;
border:1px solid #cccccc;
}
.stock form input[type="submit"] {
background: url(https://image1.shopserve.jp/naturebreath-store.com/pic-labo/smp_btn_cart_l.png) no-repeat scroll center center / cover ;
border: medium none;
border-radius: 0;
color: white;
display: inline-block;
font-size: 10px;
height: 9.2vw;
padding: 0;
text-indent: -9999px;
width: 100%;
width: calc(100% - 2px);
border-radius: 4px;
}
/* カート */
#contents section .title_c {
background: #eee; /*情報ページタイトル背景カラー*/
margin:0 0 10px;padding:10px 0;
vertical-align: middle;
margin:0 auto 10px;text-align:center;
float:left;width:100%;
}
#contents section .title_c h1 {font-size: 16px; /*情報ページタイトルテキストサイズ*/ color:black;margin:0;padding:0;}
#contents section .title_c h2 {font-size: 16px; /*情報ページタイトルテキストサイズ*/ color:black;margin:0;padding:0;}
#contents section .title_c h3 {font-size: 16px; /*情報ページタイトルテキストサイズ*/ color:black;margin:0;padding:0;}
.info {background:white;padding:0 10px;text-align:left;color:#555;font-size:11px;line-height:1.5;margin:0;position:relative;top:2px;}
.info+div {background:white;padding:0 10px;text-align:left;color:#555;font-size:11px;line-height:1.5;margin:0 10px;position:relative;top:2px;}
#contents section .info+div+p {box-sizing:border-box;margin:0 10px !important;position:relative;top:2px;padding:0 10px !important;}
.formtable {
margin:0 5px 5px;
background:white;
padding:5px;
}
.formtable h3 {margin:5px auto;text-align: left}
.formtable table {
background:#ffffff;
border:1px solid #dddddd;
border-left:none;
border-right:none;
border-collapse:separate;
border-spacing:1px;
width:100%;font-size:11px;
color:#626262;
margin:10px auto;
font-size: 13px;
}
.formtable table th {
padding: 5px;
border:3px double white;
font-weight:bold;
line-height:160%;
text-align:left;
}
.formtable table td {
border:3px double white;
padding: 3px;
border:none;
line-height:160%;
text-align:left;
}
.formtable table .l {
padding: 5px;
text-align:left;
width:40%;
background:#eeeeee;
}
.formtable table .r {
padding: 5px;
text-align:left;
width:60%;
background:#ffffff;
border-bottom:1px solid #eeeeee;
}
.formtable table tr:last-child .r {border-bottom:none;}
.table2 {margin:5px 0;}
.formtable table.table2 {border:none;}
.formtable table.table2 th {border:none;}
.formtable table.table2 td {border:none;}
.table2 td {color:#111000;font-size:12px;border-bottom:1px solid #dddddd;}
.formtable table.table2 td[rowspan="2"] {width: 100px;height:100px;vertical-align: middle;border-top:1px solid #dddddd;padding-top:10px;}
.formtable table.table2 td[rowspan="4"] {text-align:center;vertical-align:top;border-top:1px solid #dddddd;padding-top:10px;}
.formtable table.table2 tr:first-child td {padding-top:0px;border-top:none;}
.table2 td:only-of-type {vertical-align: middle;background: none;}
.table2 td.esy {color:#555;border-bottom:none;}
.formtable table.table2 td:not(.esy) {border-top:1px solid #dddddd;padding-top:10px;}
.table2 input {
border:1px solid #cccccc;
}
.table2 .del input[type="submit"] {
border:none;
color:black;
background: #ddd;
width:75px;height:20px;
padding:0 10px;
margin-right:10px;
font-size:10px;
}
.formtable .table3 td:nth-child(1){width: 48%;}
.formtable .table3 td:nth-child(2){width: 26%;text-align: center}
.formtable .table3 td:nth-child(3){width: 26%;text-align: center}
.formtable .table3 {background:#dddddd;border:1px solid white;color:#555;}
.formtable .table3 th {
border:1px solid #ffffff;
text-align:center;
padding:5px;
background:#eeeeee;
font-weight:normal;
}
.formtable .table3 th:first-child {
text-align:left;
}
.formtable .table3 td {
background:#ffffff;
padding:5px;
}
.formtable .table3 .edit {
margin:0;padding:0;
}
.formtable .table3 .edit input {
border-radius:3px;
background:#111000;
color:white;
width:58px;
height:auto;
padding:2px 0;
margin:7px 0;
}
.formtable .table3 .del {
margin:0;padding:0;
}
.formtable .table3 .del input {
border:none;
border-radius:3px;
background:#969389;
color:white;
width:58px;
height:auto;
padding:2px 0;
margin:7px 0;
}
.formtable .table4 {background:#dddddd;border:1px solid white;}
.formtable .table4 td:nth-child(1){width: 45%;vertical-align:top;}
.formtable .table4 td:nth-child(2){width: 18%;}
.formtable .table4 td:nth-child(3){width: 17%;}
.formtable .table4 td:nth-child(4){width: 20%;}
.formtable .table4 th {
font-weight:normal;
border:1px solid #ffffff;
padding:5px;
text-align: left;
width:40%;
background:#eeeeee;
}
.formtable .table4 td {
padding:5px;
text-align: left;
width:60%;
background:#ffffff;
}

.formbox .formtable {
margin:0 10px 10px;
border:none;
background:white;
padding:8px;
}
.formbox .info {
padding:10px;
text-align:left;
line-height:1.5;
}
.formbox p {
padding:0 10px;
margin:5px auto;
text-align:left;
line-height:1.5;
}
.formbox p.submit {
text-align:center;
}
.formbox p.btg_r {
padding:0 10px;
text-align:center;
}

.del,.edit{margin: 5px auto;}
.edit {
text-align:center;
}
.edit input{
width:250px;height:25px;margin:15px auto;
background: #ddd;
border:none;
color: black;
text-align:center;
vertical-align: middle;
padding:0;text-decoration: none;
font-size:12px;
}
div.formbox{}
.formbar {
border-top: 2px solid #111;
border-bottom: 1px solid #111;
color: black;
margin: 10px 0 0;
padding: 14px 0 12px;
vertical-align: middle;
text-align: left;
}
.formbar>h3 {
margin:0;font-size:14px;padding-left:14px;font-weight:normal;
}
.formbox_n{margin: 0 auto;padding-bottom:20px;text-align: center;}
.formbox input,textarea {border:1px solid #999;}
.formbox input[type="checkbox"] {border:none;}
.formbox input[type="radio"] {border:none;-webkit-appearance: radio;}
.formbox input[type="submit"] {
width:250px;height:25px;
margin:5px auto 10px;
background: #111; /*ボタン背景カラー*/
border:none;
color: #fff; /*ボタンテキストカラー*/
text-align:center;
vertical-align: middle;
padding:0;text-decoration: none;
font-size:12px;
}
.form_t {margin:0;text-align: left;}
.form_t p{
margin:5px 0 5px;padding:0;
font-size:12px;
vertical-align: middle;text-align: left;
color:#555;
}
.formbox input.submit_or {
width:250px;height:25px;
margin:5px auto;
color: #fff; /*ボタンテキストカラー*/
background: #111; /*ボタン背景カラー*/
border:none;
vertical-align: middle;
font-size:12px;
text-align:center;
}
/* 購入手続き */
.required {margin:0 auto;text-align: left;color:#3e3e3e;font-size:12px;}
.required .info {text-align: left;line-height:1.5;padding:0 10px;}
p.button_or input[type="submit"] {
width:250px;height:25px;
margin:5px auto;
background: #111; /*ボタン背景カラー*/
border:none;
color: #fff; /*ボタンテキストカラー*/
text-align:center;
vertical-align:middle;
padding:0;text-decoration:none;
font-size:12px;
}
.bto_r input{
width:250px;height:25px;
margin:5px auto;
background: #111; /*ボタン背景カラー*/
border:none;
color: #fff; /*ボタンテキストカラー*/
text-align:center;
vertical-align:middle;
padding:0;text-decoration:none;
font-size:12px;
}
/* 入荷連絡希望*/
.btg_r input[type="submit"] {
width:250px;height:25px;
margin:5px auto 10px;
background: #111; /*ボタン背景カラー*/
border:none;
color: #fff; /*ボタンテキストカラー*/
text-align:center;
vertical-align: middle;
padding:0;text-decoration: none;
font-size:12px;
}
.btg_r button[type="button"] {
width:250px;height:25px;
margin:5px auto;
background: #111; /*ボタン背景カラー*/
border:none;
color: #fff; /*ボタンテキストカラー*/
text-align:center;
vertical-align:middle;
padding:0;text-decoration:none;
font-size:12px;
}
.btg_r button[type="submit"] {
margin:5px auto;
width:250px;height:25px;
background: #111; /*ボタン背景カラー*/
border:none;
color: #fff; /*ボタンテキストカラー*/
text-align:center;
vertical-align: middle;
padding:0;text-decoration:none;
font-size:12px;
}
.button .btg_r {
margin:0;display:block;
}
.button .btg_r a {
width:250px;height:auto;
margin:15px auto;
background: #111; /*ボタン背景カラー*/
border:none;
color: #fff; /*ボタンテキストカラー*/
text-align:center;
vertical-align:middle;
padding:5px 0;text-decoration:none;
font-size:12px;
display:block;
}
/* add comment */
.title_c+.text-center {margin-top:10px;}

.commentbox {
margin: 10px;
background: white;
padding: 10px;
}
.commentbar {
margin:0;padding:5px;text-align:left;background:white;border-bottom:3px solid #111000;color:black;
}
.commentbar h3.catch {
color:#5d5d5d;font-weight:normal;font-size:12px;
margin:0;padding:0;
}
.commentcontents {margin: 10px auto;width: 95%;text-align:left;font-size:12px;line-height:1.2;}
.commentcontents p {text-align:left;}
.commentcontents div {margin:10px auto 0;}
.commentcontents div.rightarrow>div {background:transparent;padding:0 0 5px;width:auto;}
.commentcontents div.rightarrow>div a {background:#b4b4b4;padding:4px 5px 5px;color:white;font-size:11px;}
.yet {color:#7E7E7E}

/* ポイントの利用 */
#contents>form>section>div.formbox {width:auto;margin:0 auto;}
#contents>form>section>div.formbox>.formcontents>.form_t:first-child>div:first-child {margin-top:20px;}
/* 個人情報の取扱いについて */
#contents>section>aside>div.formbox {background:white;padding:10px;}
/* フリーページ */
#contents>section>p {background:white;padding:10px;margin:0 10px;}
/* お問い合わせ */
#mp_ta_inq {
margin: 0 10px;
display: block;
}
/* 購入 */
.formbox .formcontents .form_t textarea {height:100px;}
/* 会員規約 */
aside.agreement {margin:0 10px;padding-top:5px;}
aside.agreement pre {
white-space: -moz-pre-wrap; /* Mozilla */
white-space: -pre-wrap;     /* Opera 4-6 */
white-space: -o-pre-wrap;   /* Opera 7 */
white-space: pre-wrap;      /* CSS3 */
word-wrap: break-word;      /* IE 5.5+ */
}
aside.agreement .formcontents {padding:0;margin:0;}
/* アドレス帳 */
#contents>.pagelist2+section {padding-top:10px;}
/* 購入履歴 */
.mypagelist .formlist {
padding:0;
}
.mypagelist .formlist .listmenu {
margin:0 5px;
}
.period form {margin:0 10px;text-align:center;padding-top:15px;background:white;}
#contents>.pagelist2+section>ul.listmenu {padding-top:0px;}
#contents>.pagelist2+section>ul.listmenu>li>a>p.date {margin:0;color:#111000;}
/* コメント入力 */
#contents>section>.formbox>.formcontents {padding:0 5px;margin:0;}
.info+form>.formtable {margin:0 10px 5px;}
.info+form>.formtable span.recommend {font-size:15px;color:#111000;}
.info+aside.formcontents {padding-top:0px;}
.info+aside.formcontents .button {margin-top:0px;}
.info+aside.formcontents>.button:first-child>p.btg_r {padding-top:1px;}
/* お知らせ一覧 */
section>.listmenu:first-child {
padding-top:5px;
width:94%;
margin: 0 auto 0;
}
section>.listmenu>li h4.date-re{
margin:0px 0px 4px 0px;
border: #999 1px solid;
display: inline-block;
padding: 3px 8px;
border-radius: 5px;
}
section>.listmenu>li {
padding-bottom: 6px;
border-bottom: 1px solid #999;
margin-bottom: 18px;
}
section>.listmenu>li:last-child {
border-bottom: none;
margin-bottom: 6px;
}
section>.listmenu>li:first-child{
position:relative;
}
section>.listmenu>li:first-child::after{
position: absolute;
content: '新着';
padding: 2px 5px 1px 8px;
border-radius: 5px;
border: #FF010E 1px solid;
color: #FF010E;
top: 1px;
left: 115px;
font-size: 11px;
letter-spacing: 2px;
}
section>div:not(.accordion):not(.customersbox):not(.period):not(.form_t):not(.formlist):not(.titlebar_g):not(.pager):not(.required):not(.title):not(.formbox):not(.formbox_n):not(.title_c):not(.comment):not(.commentbox):not(.titlebar_g_o):not(.titlebar_list):not(.product_img):not(#sub_img):not([class^=mp_itemgroup_layout]):not([id^=mp_ta_free]):not([class^=mp_itemfreepage_layout]):not([class^=mp_itemcategory_layout]):first-child {background:white;padding:10px;}
/*＝＝ 複数カテゴリ対応用 ＝＝*/
/*トップページの見出し位置調整*/
#sortarea div.sps-itemCategoryGroup {width:100%;}
#sortarea div.sps-itemCategoryMidashi {margin:10px 0;}
/*トップページの見出しなしグループの調整*/
#sortarea section > div.sps-itemCategoryGroup:first-child,
#sortarea section > div.bgn2:first-child,
#sortarea section > div.accordion div.sps-itemCategoryGroup:first-child {margin-top:10px;background:none !important;padding:0 !important;}
#sortarea section div.sps-itemCategoryGroup:first-child > *:first-child:not([class="title sps-itemCategoryMidashi"]) {padding-top:5px;}
/*サイトマップの見出し位置調整*/
#contents nav.sps-itemCategoryGroup {width:100%;}
#contents nav.sps-itemCategoryGroup > div.titlebar_list {width:100%;}
/*サイトマップ用下層エリア*/
.listmenu li.sps-itemCategorySub {padding:0 0 2px 15px;}
/*サイトマップ用下層（第2階層以下）エリアの右線*/
.listmenu li.sps-itemCategorySub .titlebar,
.listmenu li.sps-itemCategorySub li {border-right:none;}
/*サイトマップ用リンクバー*/
.titlebar_list .accordion .sps-titleLinkBar {margin:5px;padding:0;}
.titlebar_list .accordion .sps-titleLinkBar h1 a {
display:block;
margin:0;
padding:6px 0 5px 7px;
background:white url(../img/theme11/arrow02.png) no-repeat 100% center;
text-decoration:none;
font-size:12px;
color:#333;
}
/*＝＝＝＝＝＝＝＝＝＝＝＝*/
/*＝＝ キーワードリンクデザイン ＝＝*/
/* theme11〜15の共通レイアウト */
#sps-keywordBox ul {margin:0 auto;padding:0.8em 0.5em 0 0;}
#sps-keywordBox li {display:inline-block;}
#sps-keywordBox li a {display:block;margin:0 0 0.5em 0.5em;padding:0.5em 1em;text-decoration:none;font-size:0.9em;}
/* theme11のデザイン */
#sps-keywordBox li a {
border-right:1em solid #fff;
background:url("../img/theme11/arrow02.png") right center no-repeat #fff;
color:#333;
}
/*＝＝ 購入履歴の評価コメントデザイン ＝＝*/
/* theme11のデザイン */
.review p {float:none;margin:0;padding:0;}
.review p a{
position:relative;
margin: 0 auto 0;padding:10px 10px 4px 26px;height:20px;
text-decoration:none;
font-size:10px;
color:#555;
vertical-align:middle;text-align:left;
-webkit-box-shadow: none;
}
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/* お気に入り */
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
.wishBtnHidden{
display:none !important;
}
/* 商品詳細_通常 */
.stock p[class^="wish_area"]{
min-height: 30px;
text-align: center;
}
.stock .wish_add{
background: url(https://image1.shopserve.jp/naturebreath-store.com/pic-labo/smp_favorite_btn.png) no-repeat scroll center center / cover ;
border: medium none;
border-radius: 0;
color: white;
display: inline-block;
font-size: 10px;
height: 9.2vw;
padding: 0;
text-indent: -9999px;

width: 100%;
width: calc(100% - 2px);
border: 1px solid #dce0e0;
border-radius: 4px;
}
.stock .wish_add_ok{
background: url(https://image1.shopserve.jp/naturebreath-store.com/pic-labo/smp_favorite_btn_on.png) no-repeat scroll center center / cover ;
border: medium none;
border-radius: 0;
color: white;
display: inline-block;
font-size: 10px;
height: 9.2vw;
padding: 0;
text-indent: -9999px;
width: 100%;
width: calc(100% - 2px);
border: 1px solid #dce0e0;
border-radius: 4px;
}
/* 商品一覧 リスト表示 */
.itemlist .wish_area{
float: right;
margin: -50px 10px 0;
padding: 0;
}
.itemlist .itemlist_bottom a{
padding-bottom:45px !important;
}
.itemlist .wish_area .wish_add{
margin: -5px 10px 0;
padding: 7px 7px;
position: relative;
text-align: center;
text-decoration: none;
vertical-align: middle;
font-size: 80%;
font-weight: bold;
background: #111; /*ボタン背景カラー*/
border: none;
color: #fff; /*ボタンテキストカラー*/
}
.itemlist .wish_area .wish_add_ok{
text-decoration: underline;
padding: 15px;
font-size: 80%;
position: relative;
}

/* 商品一覧 カタログ表示 */
.cataloglist ul {
font-size: 0;
padding: 8px 5px 0;
}
.cataloglist .box {
display: inline-block;
font-size: 12px;
margin: 0 2% 15px 0;
text-align: center;
vertical-align: top;
width: 49%;
}
.cataloglist .box:nth-child(even) {
margin-right: 0;
}
.cataloglist div.box .catalogimg {
vertical-align: bottom;
width: 90%;
}
.cataloglist .box a {
background: none;
-webkit-box-shadow: none;
box-shadow: none;
margin: 0;
padding: 0;
text-decoration: none;
}
.cataloglist .bg {
text-align: right;
}
.cataloglist .itemname {
font-size: 1em;
font-weight: normal;
line-height: 130%;
margin: 5px 0 6px;
padding: 0 1%;
text-align: left;
}
.cataloglist a .itemname {
color: #111000;
}
.cataloglist .price {
font-weight: bold;
font-size: 1em;
line-height: 130%;
}
.cataloglist .price br {
display: none;
}
.cataloglist .list_price, .cataloglist .sales_price {
display: block;
padding-left: 1%;
padding-right: 1%;
}
.cataloglist .initial_price {
display: block;
margin: 5px 0 0;
padding-left: 1%;
padding-right: 1%;
text-align: center;
}
.cataloglist .original_price {
font-size: 0.9em;
font-weight:normal;
margin: 5px 0 0;
}
.cataloglist .recommend {
display: block;
font-size: 0.9em;
font-weight: bold;
line-height: 130%;
margin: 7px 0;
padding: 0 1%;
text-align: right;
}
.cataloglist .soldout {
font-size: 11px;
float: none;
margin: 5px 0 0;
padding: 0 1%;
text-align: right;
}
.cataloglist .soldout span{
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
display: inline-block;
line-height: 1;
padding: 5px;
text-align: center;
width: auto;
}
.cataloglist .wish_area{
text-align: center;
margin: 5px 0 0;
width:100%;
}
.cataloglist .wish_area .wish_add {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border: none;
font-size: 80%;
font-weight: bold;
padding: 5px 20px;
position: relative;
text-align: center;
text-decoration: none;
vertical-align: middle;
color: #fff; /*ボタンテキストカラー*/
background-color: #111; /*ボタン背景カラー*/
}
.cataloglist .wish_area .wish_add_ok{
font-size: 80%;
margin: 9px 0;
position: relative;
text-decoration: underline;
}

/*＝＝ お気に入りリスト ＝＝*/
/* 画像ON */
.itemlist .wish_button_area {
float: right;
margin: -45px 15px 0;
padding: 0;
}
.itemlist .wish_button_area .wish_add_cart {
width: 87px;
height: 25px;
background: #111; /*ボタン背景カラー*/
border: none;
color: #fff; /*ボタンテキストカラー*/
font-size: 10px;
position: relative;
margin-right: 2px;
}
.itemlist .wish_button_area .wish_del{
text-decoration: underline;
position: relative;
vertical-align: middle;
font-size: 12px;
cursor: pointer;
}
.itemlist .wish_button_area .wish_text_black {
position: relative;
vertical-align: middle;
font-size: 11px;
padding-right: 2px;
}
.itemlist .wish_text_red {
color: red;
font-size: 11px;
font-weight: bold;
}
/* カタログ表示 */
.cataloglist .wish_button_area {
float: left;
margin-top: 5px;
text-align: center;
width: 100%;
}
.cataloglist .wish_button_area .wish_add_cart {
background: #111; /*ボタン背景カラー*/
border: none;
color: #fff; /*ボタンテキストカラー*/
font-size: 10px;
height: 25px;
margin-bottom: 5px;
width: 87px;
}
.cataloglist .wish_button_area .wish_del {
cursor: pointer;
display: block;
font-size: 12px;
height: 25px;
margin: 10px auto 0;
text-decoration: underline;
vertical-align: middle;
width: 50px;
}
.cataloglist .wish_button_area .wish_text_black {
display: block;
font-size: 11px;
padding: 5px 0 7px 0;
position: relative;
vertical-align: middle;
}
.cataloglist .wish_text_red {
color: red;
font-size: 11px;
font-weight: bold;
line-height: 130%;
padding: 0 0 6px;
text-align: right;
}
/* option information style */
.td_lineheight {
line-height: 150%;
}
.option_style,
.history_option_style {
margin: 4px 0;
position: relative;
width: 100%;
}
.option_style .option_name,
.history_option_style .option_name {
word-break : break-all;
text-align: left;
width: 65%;
float: left;
padding-right: 2px;
}
.option_style .option_price ,
.history_option_style .option_price {
text-align : right;
width: 28%;
float: right;
}
.history_option_style,
.history_option_style .option_name,
.history_option_style .option_price {
padding-bottom: 2px !important;
margin: 0 !important;
}
.option_style:after,
.history_option_style:after {
content: "";
display: table;
clear: both;
}
.history_option_style .option_name {
color: #111000;
}
table.table_collapse {
border-collapse: collapse;
}
table.table_collapse th {
border: 1px solid #dddddd!important;
}
table.table_collapse td {
border: 1px solid #dddddd;
}
tr.kago_option_info {
padding     : 2px 5px!important;
line-height : 120%;
}
tr.kago_option_info td.option_name,
tr.kago_option_info td.option_name_last,
tr.kago_option_info td.option_price,
tr.kago_option_info td.option_price_last {
border-bottom : none;
border-top    : none;
}
tr.kago_option_info td.option_name_last,
tr.kago_option_info td.option_price_last {
border-bottom : 1px solid #dddddd;
}
td.no_border_bottom {
border-bottom: none!important;
}
span.option_point_calc {
color: blue;
font-size:12px;
}
#bread-crumb {margin: 0 10px;}
/* End option information style */
/* まとめ割引 */
.bundle_name {
display: inline-block;
margin: 5px 0px;
padding: 3px;
border: 1px solid #f00;
line-height: 1.3;
text-decoration: none;
font-size: 80%;
color: #f00;
}
td.kago_bundle_info {
border-top: none!important;
padding   : 0px 5px 5px!important;
}

/* ヘッダー ここから
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/*＝＝＝＝＝＝＝＝＝＝＝＝
ドロワーメニュー
＝＝＝＝＝＝＝＝＝＝＝＝*/
/*ヘッダー背景*/
#top_header ul,
#header ul {
padding: 0;
}
#drawer-header {
width: 100%;
height: 60px;/*ヘッダー高さを指定(px)*/
background: #fff;
position: fixed;
top: 0px;
left: 0px;
z-index: 99999;
border-bottom: 1px solid #c6c6c6;
}
#drawer-header-bg {
height: 60px;/*ヘッダーと同じ高さを指定(px)*/
}
a#return[name="return"],
#contents section#pi_cart {
margin-top: -60px;/*ヘッダーと同じ高さを指定(px)※マイナス*/
padding-top: 60px;/*ヘッダーと同じ高さを指定(px)*/
}
#drawer-nav {
position: relative;
}
.drawer-nav-unshown {
display:none;
}
#drawer-nav-close {
display: none;
position: fixed;
z-index: 9999;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: black;
opacity: 0;
transition: .3s ease-in-out;
}
/*ドロワーエリア*/
#drawer-nav-content {
padding: 10px;
overflow: auto;
position: fixed;
top: 0;
left: 0;/*右側の場合 right: 0;にする*/
z-index: 9999;
width: 82%;/*横幅設定(%)*/
max-width: 330px;
height: 100%;
background: #fff;
transition: .3s ease-in-out;
-webkit-transform: translateX(-105%);/*右側の場合 translateX(105%);にする*/
transform: translateX(-105%);/*右側の場合 translateX(105%);にする*/
}
/*ドロワー外側背景*/
#drawer-nav-input:checked ~ #drawer-nav-close {
display: block;
opacity: .8;
background: #fff url(https://image1.shopserve.jp/naturebreath-store.com/pic-labo/smp_ico_close.png) no-repeat right 8px top 8px;/*閉じるボタン表示*/
background-size: 31px 31px;
}
#drawer-nav-input:checked ~ #drawer-nav-content {
-webkit-transform: translateX(0%);
transform: translateX(0%);
box-shadow: 6px 0 25px rgba(0,0,0,.15);
}
/*ヘッダー MENUボタン*/
#drawer-nav-open {
width: 45px;
height: 40px;
margin: 0;
padding: 0;
display: block;
position: absolute;
top: 8px;
left: 8px;
}
#drawer-nav-open img {
width: 45px;
height: 40px;
}
/*ヘッダー タイトルロゴ*/
#drawer-header h1 {
width: 160px;
height: 44px;
top: 0;
right: 0;
bottom: 0;
left: 0;
padding: 8px 0 0;
margin: auto;
display: block;
}
#drawer-header h1 img {
width: 160px;
height: 44px;
margin: 0 0 0 -10px;
}
/*ヘッダー 検索ボタン*/
#drawer-search-btn {
width: 30px;
height: 30px;
position: absolute;
top: 14px;
right: 8px;
}
#drawer-search-btn img {
width: 30px;
height: 30px;
}
#drawer-search {
font-size: 18px;
}
/*ヘッダー カートボタン */
.member_info_cart_info #headerbox {
width: 45px;
display: table;
padding: 0;
box-sizing: border-box;
vertical-align: middle;
position: absolute;
top: 13px;
right: 54px;
}
.member_info_cart_info #headerbox a {
color: #555;
display: inline-block;
position: relative;
}
#hbtnbox {
width: 45px;
vertical-align: middle;
display: table-cell;
text-align: right;
}
.member_info_cart_info #hbtnbox img {
width: 30px;
height: auto;
}
span.item_cnt  {
position: absolute;
right: -10px;
top: 0;
border-radius: 50%;
min-width: 17px;
text-align: center;
padding: 3px 1px;
color: #222;
border: 1px solid #0b0b0b;
background-color: #fff;
}
.member_info_cart_info {
display: none;
}
/*アコーディオンメニュー*/
#drawer-header .accordion {
margin-bottom: 50px;
}
#drawer-header .accordion ul,
#drawer-header .accordion ul li {
list-style: none;
margin: 0;
padding: 0;
}
#drawer-header .accordion label {
font-weight: bold;
cursor: pointer;
}
#drawer-header .accordion ul li label {
font-weight: normal;
}
#drawer-header .accordion .toggle {
display: none;
}
#drawer-header .accordion .toggle + label + ul{
max-height: 0;
overflow: hidden;
transition: all .2s ease-out;
}
#drawer-header .accordion .toggle + label {
background: url(https://image1.shopserve.jp/naturebreath-store.com/pic-labo/arrow01.png) no-repeat right 8px center;
background-size: 11px 7px;
}
#drawer-header .accordion ul li .toggle + label {
background: url(https://image1.shopserve.jp/naturebreath-store.com/pic-labo/arrow02.png) no-repeat right 8px center;
background-size: 11px 7px;
}
#drawer-header .accordion .toggle:checked + label + ul {
max-height: 9999px;
transition: all 2s ease-in;
}
#drawer-header .accordion .toggle:checked + label {
background: url(https://image1.shopserve.jp/naturebreath-store.com/pic-labo/arrow01_on.png) no-repeat right 8px center;
background-size: 11px 7px;
}
#drawer-header .accordion ul li .toggle:checked + label {
background: url(https://image1.shopserve.jp/naturebreath-store.com/pic-labo/arrow02_on.png) no-repeat right 8px center;
background-size: 11px 7px;
}
#drawer-header .accordion label,
#drawer-header .accordion ul li a {
padding: 8px 0;
display: block;
font-size: 12px;
}
#drawer-header .accordion label,
#drawer-header .accordion ul li:last-child a {
border-bottom: 1px solid #111;
}
#drawer-header .accordion ul li:last-child ul li a {
border-bottom: none;
}
#drawer-header .accordion ul li label,
#drawer-header .accordion ul li a,
#drawer-header .accordion ul li ul li:last-child a,
#drawer-header .accordion ul li:last-child div a {
color: #555;
text-decoration: none;
border-bottom: 1px solid #9e9e9e;
}
#drawer-header .accordion ul li label,
#drawer-header .accordion ul li a {
padding-left: 12px;
}
#drawer-header .accordion ul li ul li a {
padding-left: 24px;
border-bottom: none;
}
#drawer-header .accordion ul.menu-half {
box-sizing :border-box;
}
#drawer-header .accordion ul.menu-half li {
width: 50%;
float: left;
background: url(https://image1.shopserve.jp/naturebreath-store.com/pic-labo/arrow03.png) no-repeat right 8px center;
background-size: 7px 11px;
}
#drawer-header .accordion ul.menu-half li:nth-last-child(2) a {
border-bottom: 1px solid #111;
}
#drawer-header .accordion div#menu1-6 a {
border-bottom: 1px solid #111;
}
#drawer-header .accordion label[for="menu4"] {
margin-top: 50px;
border-top: 1px solid #111;
}
/*SNS*/
ul.drawer-sns {
margin: 0 0 50px;
padding: 0;
list-style: none;
display: block;
text-align:  center;
overflow:  hidden;
}
ul.drawer-sns li {
margin: 0 15px;
padding: 0;
list-style: none;
display: inline-block;
}
ul.drawer-sns li img {
height: 25px;
}
/*検索*/
#drawer-search-base {
width: 96%;
padding: 1% 2%;
margin-bottom: 25px;
border: 1px solid #111;
}
#drawer-search {
width: 80%;
width: calc(100% - 30px);
border: none;
}
#drawer-search-button {
width: 25px;
height: 25px;
padding:0;
margin: 0;
background: url(https://image1.shopserve.jp/naturebreath-store.com/pic-labo/smp_search_btn.png) no-repeat right top;
background-size: 25px 25px;
border: none;
}
/*メニュー*/
ul.drawer-menu {
margin: 0 0 40px;
padding: 0;
list-style: none;
display: block;
text-align: center;
overflow: hidden;
}
ul.drawer-menu li {
width: 50px;
height: 54px;
margin: 0 5px;
padding: 0;
list-style: none;
display: inline-block;
position: relative;
}
ul.drawer-menu li:first-child,
ul.drawer-menu li:last-child {
margin: 0;
}
ul.drawer-menu li img {
width: 50px;
height: 54px;
}
ul.drawer-menu li #drawer-item-cnt {
position: absolute;
right: 0;
top: 3px;
border-radius: 50%;
min-width: 17px;
text-align: center;
padding: 3px 1px;
color: #222;
border: 1px solid #0b0b0b;
background-color: #fff;
display:  none;
}
/* ヘッダー ここまで
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

/* フッター ここから
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

ul.footer-sns {
margin: 0 0 18px;
padding: 0;
list-style: none;
display: block;
text-align:  center;
overflow:  hidden;
}
ul.footer-sns li {
margin: 0 15px;
padding: 0;
list-style: none;
display: inline-block;
}
ul.footer-sns li img {
height: 25px;
}
dl.footer-menu {
margin: 0 0 20px;
}
dl.footer-menu dt {
margin: 0 0 15px;
padding: 0 0 8px;
font-size: 15px;
border-bottom: 1px solid #333;
}
dl.footer-menu dd {
margin: 0 0 10px 12px;
font-size: 13px;
list-style: none;
}
dl.footer-menu dd.footer-menu-contact {
padding: 2px 0 2px 27px;
background: url(https://image1.shopserve.jp/naturebreath-store.com/pic-labo/smp_ico_contact.png) no-repeat left top;
background-size: 20px 14px;
}
dl.footer-menu dd.footer-menu-tel {
padding: 2px 0 2px 27px;
background: url(https://image1.shopserve.jp/naturebreath-store.com/pic-labo/smp_ico_tel.png) no-repeat left top;
background-size: 20px 16px;
}
dl.footer-menu dd a {
color: #555;
text-decoration: none;
}
footer .footer {
display:  none;
}
/* フッター ここまで
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

/*　ページトップ・カートトップ　*/
#sps-page-top p a {
background: url(https://image1.shopserve.jp/naturebreath-store.com/pic-labo/smp_totop_btn.png) no-repeat;
background-size: 40px 40px;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
border-radius: 0;
opacity: 0.8;
}
#sps-to-cart p a {
background: url(https://image1.shopserve.jp/naturebreath-store.com/pic-labo/smp_tocart_btn.png) no-repeat;
background-size: 40px 40px;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
border-radius: 0;
opacity: 0.8;
}
/*　ページトップ・カートトップ　*/

/*トップページ*/
.bx-wrapper img {
max-width: 100% !important;
}
.bx-wrapper .bx-pager.bx-default-pager a {
width: 3px;
height: 3px;
margin: 0 8px;
background: none;
border: 1px solid #212121;
}
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
bottom: -33px;
}
.bx-wrapper .bx-prev {
background: none;
}
.bx-wrapper .bx-next {
background: none;
}
#mp_txt_new_button,
#mp_txt_rank_button,
#mp_txt_rec_button {
/*width: 60px;*/
height: auto;
margin: 10px auto 20px;
padding: 5px 10px;
color: #fff; /*ボタンテキストカラー*/
background: #111; /*ボタン背景カラー*/
text-decoration: none;
text-align: center;
display: block;
}
h1.top-title1 {
color: #555;
margin: 5px 0 12px 0;
font-size: 18px;
font-weight: normal;
padding: 14px 0 12px;
vertical-align: middle;
text-align: center;
border-top: 1px solid #e5e5e5;
}
h1.top-title2 {
color: #555;
margin: 10px 0 0;
font-size: 14px;
font-weight: normal;
padding: 14px 0 12px;
vertical-align: middle;
text-align: center;
border-top: 1px solid #e5e5e5;
}
ul.slider1 li img,
ul.slider2 li img {
margin-bottom: 5px;
}
ul.slider1 li p,
ul.slider2 li p {
font-size: 13px;
}
section.product_search .pager button[onclick^="deleteAllItem"] {
border: none;
padding-top: 3px;
padding-bottom: 3px;
}

/* 商品ページ調整 ここから
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

/*商品ページ*/
#pi_photo .product_img .bx-wrapper .bx-pager.bx-default-pager a {
width: 3px;
height: 3px;
}
#pi_cart .titlebar_g_o {
display: none;
}
.product_img {
padding-top: 0;
}
#pi_review {
width: auto !important;
margin: 0 10px !important;
}
#pi_review .comment > .minus + .shopcomment.plus {
}
#pi_review .comment > .minus + .shopcomment.plus.act {
}
#pi_review div.total p {padding:10px 0;}
#pi_main #group.titlebar_g_o {
display: none;
}
#pi_sub1 .freearea {
padding-bottom: 0 !important;
}
/*商品ページ アコーディオンメニュー*/
.item-accordion div.item-data-area {
list-style: none;
margin: 0 0 30px;
padding: 10px 0 0;
}
.item-accordion label {
width: 100%;
font-size: 18px;
padding-bottom: 5px;
font-weight: bold;
text-align: center;
cursor: pointer;
display: block;
border-bottom: 1px solid #dce0e0;
font-weight: normal;
}
.item-accordion label[for="item-menu-review"] {
width: auto;
margin: 0 10px;
}
.item-accordion .toggle {
display: none;
}
.item-accordion .toggle + label + div.item-data-area {
max-height: 0;
overflow: hidden;
transition: all .2s ease-out;
}
.item-accordion .toggle + label {
background: url(https://image1.shopserve.jp/naturebreath-store.com/pic-labo/arrow01.png) no-repeat right 8px center;
background-size: 11px 7px;
}
.item-accordion .toggle:checked + label + div.item-data-area {
max-height: 9999px;
transition: all 2s ease-in;
}
.item-accordion .toggle:checked + label {
background: url(https://image1.shopserve.jp/naturebreath-store.com/pic-labo/arrow1_on.png) no-repeat right 8px center;
background-size: 11px 7px;
}
table.item-data-table {
width: 100%;
margin: 10px 0;
border-left: 1px solid #dce0e0;
border-top: 1px solid #dce0e0;
border-collapse: collapse;
border-spacing: 0;
}
table.item-data-table th,
table.item-data-table td {
padding: 8px 4px;
text-align: center;
font-size: 12px;
border-right: 1px solid #dce0e0;
border-bottom: 1px solid #dce0e0;
border-collapse: collapse;
border-spacing: 0;
}
table.item-data-table th {
background: #eee;
}
ul.item-sns {
margin: 0 0 35px;
padding: 0;
list-style: none;
display: block;
text-align:  center;
overflow:  hidden;
}
ul.item-sns li {
margin: 0 15px;
padding: 0;
list-style: none;
display: inline-block;
}
ul.item-sns li img {
height: 25px;
}
h2.item-title {
margin: 5px 0 0;
font-size: 14px;
font-weight: normal;
padding: 5px 0 12px;
vertical-align: middle;
text-align: center;
}
ul.item-slider1,
ul.item-slider2,
ul.item-slider3 {
margin-bottom: 35px;
}
ul.item-slider1 li p,
ul.item-slider2 li p,
ul.item-slider3 li p,
ul.item-slider3 li span {
font-size: 13px;
}
ul.item-slider3 li span {
margin-bottom: 10px;
display: inline-block;
}
#pi_review .title {
color: #555;
margin: 5px 0 0;
padding: 5px 0 0;
vertical-align: middle;
text-align: left;
border: none;
}
.slick-slide img {
width: 100%;
margin-bottom: 5px;
}
.slick-slide span {
margin-bottom: 5px;
display: block;
}
/* 続きを見るボタン削除 */
#contents .description aside { height:auto !important; }
.description .seemore { display: none; }
/* 商品ページ調整 ここまで
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

/* 動画 ここから
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
.videos-wrapper {
width: 100%;
display:block;
overflow:hidden;
}
.videos-inner {
width: 94%;
margin: 0 3% 0 3%;
}
.videos-inner video {
width: 100%;
height: auto;
}
.plyr--video {
overflow: hidden;
}
.plyr--video .plyr__controls {
bottom: -100% !important;
}
.plyr--video:hover .plyr__controls {
bottom: 0 !important;
}
.plyr__play-large {
padding: 12px 25px !important;
/*background: rgba(210,210,210,0.9) !important;*/
border: none !important;
border-radius: 10px !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
color: #fff !important;
cursor: pointer !important;
}
.mBtm10{
margin-bottom: 10px;
}
.mBtm40{
margin-bottom: 40px;
}
/* 動画 ここまで
＝＝＝＝＝＝＝＝＝＝＝＝*/

/*instagram
＝＝＝＝＝＝＝＝＝＝＝＝*/
#instafeed{
width:94%;
margin:10px auto 10px;
padding:0;
}
#instafeed a{
display: inline-block;
margin: 1%;
width:48%;
transition: all 0.2s ease-out;
line-height: 0;
}
#instafeed a:hover{
opacity: 0.8;
}
#instafeed img{
width:100%;
}
.instagram-link {
margin: 10px 0 0 0;
text-align: center;
}
/*instagram
＝＝＝＝＝＝＝＝＝＝＝＝*/

/*side banner
＝＝＝＝＝＝＝＝＝＝＝＝*/

#contents section#pi_free2{
padding:30px 0 15px 0;
border-top: 1px solid #e5e5e5;
}
#pi_free2 .freearea .side-img-ani ul{
margin: 0px auto 0px;
width:95%;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
#pi_free2 .freearea .side-img-ani ul li{
list-style: none;
width:32%;
}
#pi_free2 .freearea .side-img-ani ul li a{
position: relative;
display: block;
overflow: hidden;
transition: all 0.2s ease-out;
text-decoration: none;
}
#pi_free2 .freearea .side-img-ani ul li a span.hukidasi{
display: block;
width: 100%;
height: 100%;
text-align: center;
font-size: 14px;
font-weight: bold;
color: #fff;
margin-top: 0px;
padding: 8px 0;
background: #ff4343;
margin-bottom: 5px;
text-decoration: none;
border-radius:4px;
position:relative;
z-index: 999;
transition: all 0.2s ease-out;
}
#pi_free2 .freearea .side-img-ani ul li a span.hukidasi:after{
content:'';
position:absolute;
width: 0;
height: 0;
border-style: solid;
border-width: 10px 5px 0 5px;
border-color: #ff4343 transparent transparent transparent;
bottom: -9px;
left: 50%;
margin-left: -5px;
}

/*＝＝＝＝＝＝＝＝＝＝＝＝
ヘッダ
＝＝＝＝＝＝＝＝＝＝＝＝*/
/*ハンバーガーメニュー
＝＝＝＝＝＝＝＝＝＝＝＝*/
#nav-toggle {
display: none;
position: absolute;
right: 20px;
top: 20px;
width: 25px;
cursor: pointer;
z-index: 101;
}
/*メニュー各線*/
#nav-toggle div {
position: relative;
}
#nav-toggle span {
display: block;
position: absolute;
height: 3px;
width: 100%;
background: #111;
left: 0;
color: #eee5c7;
-webkit-transition: .35s ease-in-out;
-moz-transition: .35s ease-in-out;
transition: .35s ease-in-out;
}
#nav-toggle span:nth-child(1) {
top: 0;
border-radius: 20px;
}
#nav-toggle span:nth-child(2) {
top: 7px;
border-radius: 20px;
}
#nav-toggle span:nth-child(3) {
top: 14px;
border-radius: 20px;
}
/*ヘッダ範囲*/
#top-header {
width: 100%;
padding: 0;
top: 0;
position: fixed;
margin-top: 0;
z-index: 5000;
}
#header-inner {
background: #eee5c7;
width: 100%;
height: 60px;
z-index: 999;
position: relative;
}
#top-header .logo {
position: absolute;
left: 15px;
top: 18px;
color: #333;
width: 100px;
}
#top-header .logo img{
width:100%;
}
#global-nav {
position: absolute;
top: -497px;
color:#798486;
background: #fff;
width: 100%;
text-align: center;
padding: 10px 0;
-webkit-transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out;
transition: .5s ease-in-out;
padding: 0;
}
#global-nav ul {
list-style: none;
position: static;

right: 0;
bottom: 0;
font-size: 14px;
background-color: #eee5c7;
}
#global-nav ul li {
float: none;
position: static;
padding: 0;
color: #fff;
background-color: rgba(255,255,255,.4);
}
#top-header #global-nav ul li a {
width: 100%;
display: block;
color: #798486;
text-align: left;
padding: 16px 20px;
box-sizing: border-box;
text-decoration: none;
}
.header-height {
height:60px;
}
/*メニュー動作*/
#nav-toggle {
display: block;
}
.open #nav-toggle span:nth-child(1) {
top: 8px;
-webkit-transform: rotate(315deg);
-moz-transform: rotate(315deg);
transform: rotate(315deg);
border-radius: 20px;
}
.open #nav-toggle span:nth-child(2) {
width: 0;
left: 50%;
}
.open #nav-toggle span:nth-child(3) {
top: 8px;
-webkit-transform: rotate(-315deg);
-moz-transform: rotate(-315deg);
transform: rotate(-315deg);
border-radius: 20px;
}
.open #global-nav {
margin: 0;
-moz-transform: translateY(556px);
-webkit-transform: translateY(556px);
transform: translateY(556px);
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
footer
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
div#cart-footer,
footer {font-family: Roboto,Helvetica,Arial,sans-serif;width: 100%;/*min-width: 1000px;*/background: #dce0e0;line-height: 100%;position: relative;clear: both;border-top: inherit;}
#footer-inner {
padding: 0 20px;
/* width: 1000px; */
margin: 0 auto;
overflow: hidden;
}
#footer-inner .footer_group_area dl{
/* width: 300px; */
margin-right: inherit;
margin-bottom: inherit;
float: inherit;
/*padding: 5px;*/
margin: 0 0 10% 0;
display: block;
vertical-align: middle;
line-height: 1.5;
box-sizing: border-box;
width: 100%;
}
#footer-inner .footer_group_area dl:last-child{
margin-right: 0!important;
}
#footer-inner .footer_group_area dl:first-child{
vertical-align: top;
}
#footer-inner .footer_group_area dl:first-child dd{/* margin-bottom: 1px; */font-size: 14px;font-weight: 400;}
#footer-inner .footer_group_area dl dd:nth-child(2n){margin-bottom: 0px;}
#footer-inner .footer_group_area dl dt {font-size: 14px;color: #798486;padding-bottom: 0;margin-bottom: -1px;border-bottom: none;line-height: 1.5;font-weight: bold;}
#footer-inner .footer_group_area dl:nth-of-type(3n+1) {
clear: both;
}
#footer-inner .footer_group_area dl dd {line-height: 25px;font-size: 16px;padding-left: 0;color: #798486;line-height: 1.5;margin: 0;}
#footer-inner .footer_group_area dl dd:last-child {
/* margin: 0 0 30px 0; */
}
#footer-inner .footer_group_area dl dd storng{
font-weight:bold;
}

#footer-inner .footer_group_area dl.sns_list dd {
margin-bottom: 10px;
}

#footer-inner .footer_group_area dl dd a {
vertical-align: middle;
color: #74A72D;
transition: color .3s ease-in;
text-decoration:none;
line-height: 0;
}
#footer-inner .footer_group_area dl dd a:hover {
vertical-align: middle;
color: #798486;
transition: color .3s ease-in;
opacity:1;
}
#footer-inner .footer_group_area dl dd img {
margin-right: 10px;
}
#footer-inner .footer_group_area dl dd img[src="https://image1.shopserve.jp/naturebreath-store.com/pic-labo/footer_tell_icon.png"] + span {
vertical-align: middle;
font-size: 12px;
}
div#copyright {
width: 100%;
border-top: inherit;
padding: 6vw;
background-color: #111;
margin: 0;
letter-spacing: 0px;
font-size: 3vw;
text-align: center;
box-sizing: border-box;
}
div#copyright #policy-area {
margin: 0 auto 5vw;
padding: 0;
box-sizing: border-box;
}
div#copyright #policy-area dd{
display: inline-block;
color:#808b8f;
margin: 0;
}
div#copyright #policy-area dd:after{
content:"|";
padding:2vw;
}
div#copyright #policy-area dd:last-child::after{
content:"";
display:none;
}
div#copyright #policy-area dd:last-child{
border-right:none;
}
div#copyright #policy-area dd a{
color: #808b8f;
opacity: .7;
text-decoration: none;
transition:opacity .3s ease-in;
}
div#copyright #policy-area dd a:hover{
opacity:1;
transition:opacity .3s ease-in;
}
div#copyright ul{
margin: 0 auto;
padding: 0;
box-sizing: border-box;
}
div#copyright ul li {
color: #dce0e0;
text-align: center;
list-style: none;
}
/*default.css調整*/
#footer section .freearea {
padding: 0!important;
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
商品詳細ページ 紹介文
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
.detaildesc-area {
padding: 0;
box-sizing: border-box;
}
.rawmaterial-area {
padding: 0;
box-sizing: border-box;
}

/*メインビジュアル
＝＝＝＝＝＝＝＝＝＝＝＝*/
#product-mainimg-area {
position: relative;
color:#555;
margin: 0;
}
#product-mainimg-area img{
width: 100%;
}
/*商品1〜10 メインビジュアルタイトル*/
#product-mainimg-textarea {
position:absolute;
top: 0;
left: 0;
width: 72%;
text-align: center;
}
/*商品11〜16 メインビジュアルタイトル*/
#product-mainimg-textarea02 {
position:absolute;
top: 0;
left: 2%;
width: 76%;
text-align: center;
}
.mainimg-inner {
margin: 0 auto;
box-sizing: border-box;
}
.prod-name {
vertical-align: middle;
}
.prod-name .name-small{
font-size: 3vw;
margin: 2vw 0;
vertical-align: super;
font-weight: bold;
}
.prod-name .name-large{
font-family: 'Pinyon Script', cursive;
font-size: 10vw;
margin: 0 0 1vw 0;
color:#a47948;
line-height: 9vw;
}
.prod-sentence {
color: #555;
}
.prod-sentence h3 {
font-size: 3.5vw;
font-weight: bold;
line-height: 20px;
margin: 2vw 0 1vw;
line-height: 5vw;
}
.prod-sentence p {
font-size: 3.5vw;
text-align: left;
line-height: 6vw;
margin: 2vw 0 5vw!important;
}
.prod-sentence p small{
font-size: 2.5vw;
position: relative;
top: -1vw;
}
.prod-feature {
color: #a47948;
font-size: 3vw;
text-align: center;
margin: 5vw 0;
padding: 0!important;
}
.prod-feature li{
padding: 1vw 6vw;
border: 1px solid;
border-radius: 50px;
margin: 0 5px;
font-weight:bold;
display: inline-block;
vertical-align: middle;
background-color: #fff;
}
.prod-feature-line2 {
color:#a47948;
font-size: 12px;
align-items: center;
}
.prod-feature-line2 li{
padding: 18px 10px;
border: 1px solid;
border-radius: 9999px;
margin: 5px 0 0 0;
font-weight:bold;
display: inline-block;
vertical-align: middle;
text-align: center;
}
/*各項目見出し
＝＝＝＝＝＝＝＝＝＝＝＝*/
.content-heading {
margin: 5vw 0 0;
}
.content-heading h4{
font-size: 6vw;
text-align: center;
line-height: 8vw;
font-weight: bold;
clear: both;
margin: 0;
}
/*ハウツー
＝＝＝＝＝＝＝＝＝＝＝＝*/
.howto-area {
text-align: center;
margin: 5vw auto 5vw auto;
padding: 0!important;
}
.howto-area li{
width: 100%;
margin: 0 0 10vw;
list-style: none;
}
.howto-area li h5{
font-size: 4.5vw;
font-weight: bold;
padding: 0;
margin: 3vw 0;
}
.howto-area li p{
font-size: 3.5vw;
text-align: left;
line-height: 6vw;
}
.howto-area .img-product {
padding:0;
margin:0;
}
.howto-area .img-product img{
width: 100%;
}
/*ポイント
＝＝＝＝＝＝＝＝＝＝＝＝*/
.point-area {
text-align: center;
margin: 5vw 0 0 0;
padding: 0!important;
}
.point-area li{
margin: 0 0 10vw;
font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
list-style: none;
}
.point-area li:last-child{
margin: 0 0 0;
}
.point-area li h6{
font-size: 4.5vw;
font-weight: bold;
padding: 2vw 0;
text-align: center;
line-height: 10vw;
margin: 0 0 1vw;
font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}
.point-area li h6 span small{
font-size: 2.5vw;
position: relative;
top: -2vw;
}
.point-size {
color:#a47948;
font-size: 10vw;
font-weight: normal;
font-family: 'Pinyon Script', cursive; */
}
.point-number {
color:#a47948;
font-size: 15vw;
font-weight: normal;
font-family: 'Pinyon Script', cursive; */
}
.point-title {
display:block;
font-weight: bold;
padding: 1vw 0 0 0;
text-align: center;
line-height: 7vw;
color:#555;
}
.point-area li p{
font-size: 3.5vw;
line-height: 6vw;
text-align: left;
margin: 2vw 0 5vw!important;
}
.point-area li p small{
font-size:2.5vw;
position:relative;
top:-1vw;
}
.point-area li p strong{
color:#a44848;
font-weight: bold;
}
.point-area li dl{
text-align: left;
font-size: 3vw;
line-height: 5vw;
margin: 3vw 0;
}
.point-area li dl dd{
margin:0;
}
.point-area .img-product {
padding:0;
margin: 0;
}
.point-area .img-product img{
width: 100%;
}
/*point 左 回り込み*/
.point-pa-left-area{
overflow: hidden;
box-sizing: border-box;
margin: 0 0 30px 0;
}
.point-pa-left-area h5 {
font-size: 19px;
font-weight: bold;
padding: 17px 10px 5px 0;
text-align: center;
color: #555;
margin: 0;
line-height: 28px;
}
.point-pa-left-area h5 span{
font-family: 'Pinyon Script', cursive;
color:#a47948;
}
.point-pa-left-area p{
font-size: 14px;
letter-spacing: 0;
padding: 10px;
margin: 0;
line-height: 22px;
}
.point-pa-left-area .wrap-img{
float:left;
margin-right: 40px;
margin-bottom: 20px;
width: 412px;
}
/*point 右 回り込み*/
.point-pa-right-area{overflow: hidden;box-sizing: border-box;}
.point-pa-right-area-wide{box-sizing: border-box;padding: 10vw 0 0!important;}
.point-pa-right-area h5,
.point-pa-right-area-wide h5 {
font-size: 4.5vw;
font-weight: bold;
padding: 0 2vw;
text-align: center;
color: #555;
margin: 0 0 1vw;
line-height: 8vw;
}
.point-pa-right-area h5 span,
.point-pa-right-area-wide h5 span{
font-family: 'Pinyon Script', cursive;
color:#a47948;
}
.point-pa-right-area p,
.point-pa-right-area-wide p{
font-size: 3.5vw!important;
letter-spacing: 0;
padding: 10px 0 0 0;
margin: 0 0 20px;
line-height: 6vw!important;
}
.point-pa-right-area-wide p span{
display:block;
font-size:3vw;
color:#555;
margin:3vw 0 0;
line-height: 17px;
}
.point-pa-right-area-wide .wrap-img{margin:0;}
.point-pa-right-area-wide .wrap-img img{width:100%;}
/*原材料
＝＝＝＝＝＝＝＝＝＝＝＝*/
.list-material-data{
margin: 0 auto;
font-size: 3.5vw;
width: 100%;
}
.list-material-data th,
.list-material-data td {
border-bottom:1px solid #cecdcd;
line-height: 6vw;
display: block;
}
.list-material-data th{
display: block;
border: none;
padding: 3vw 0;
text-align: center;
}
.list-material-data td{
padding:0 0 3vw 0;
}
.list-material-data th span{
font-size:11px;
}
.material-data-child{
    width:100%;
}
.list-material-data .material-data-child th,
.list-material-data .material-data-child td{
    display:table-cell!important;
border:none;
padding: 0 10px;
margin:0;
text-align: left;
}
.list-material-data .material-data-child th{font-weight: normal;background-color: #f2efe6;}
.list-material-data th .mark-notes {
font-size: 11px;
position: relative;
top: -3px;
}
.material-notes-text {
margin:10px 0 0 0;
}
.material-notes-text p{
font-size: 12px;
color: #555;
margin: 0;
line-height: 17px;
}

/*商品紹介（ポイント以外のもの）
＝＝＝＝＝＝＝＝＝＝＝＝*/
.item-desc-single{
margin: 5vw 0 0 0;
padding: 0!important;
}
.item-desc-single .item-desc-sentence h5 {
font-weight: bold;
text-align: center;
color: #555;
margin: 0;
font-size: 4.5vw;
line-height: 6vw;
margin: 3vw 0;
}
.item-desc-single .item-desc-sentence p{
font-size: 13px;
letter-spacing: 0;
padding: 0;
margin: 0;
line-height: 6vw;
font-size: 3.5vw;
}
.item-desc-single .item-desc-img{
margin: 0;
padding: 0;
}
/*step
＝＝＝＝＝＝＝＝＝＝＝＝*/
/*step 5列*/
.step5-area {
display: block;
margin: 0;
padding: 0;
}
.step5-area li{
list-style: none;
margin: 0 0 10vw;
}
.step5-area li h5{
font-size: 20px;
font-weight: bold;
padding: 10px 0;
}
.step5-area li p{
text-align: left;
font-size: 3.5vw;
margin: 2vw 0 5vw!important;
}
.step5-area .img-product {
padding:0;
margin:0;
}
.step5-area .img-product img{
width: 100%;
}
.step5-area .step-number {
font-family: 'Pinyon Script', cursive;
position: relative;
text-align: center;
font-size: 15px;
color: #686869;
line-height: 6vw;
letter-spacing: 3px;
margin: 5vw auto;
cursor: auto;
border-bottom: none;
height: inherit;
}
.step5-area .step-number:before {
border-top: 1px solid;
content: "";
position: absolute;
top: 50%;
left: 0;
width: 100%;
}
.step5-area .step-number span {
background-color: #fff;
display: inline-block;
position: relative;
font-size: 10vw;
padding: 2vw 6vw;
}
/*step 4列ー3列*/
.step4-area {
display: block;
margin: 0;
padding: 0;
}
.step4-area li{
list-style: none;
margin: 0 0 10vw;
}
.step4-area li h5{
font-size: 20px;
font-weight: bold;
padding: 10px 0;
}
.step4-area li p{
text-align: left;
font-size: 3.5vw;
margin: 2vw 0 5vw!important;
}
.step4-area .img-product {
padding:0;
margin:0;
}
.step4-area .img-product img{
width: 100%;
}
.step4-area .step-number {
font-family: 'Pinyon Script', cursive;
position: relative;
text-align: center;
font-size: 15px;
color: #686869;
line-height: 6vw;
letter-spacing: 3px;
margin: 5vw auto;
cursor: auto;
border-bottom: none;
height: inherit;
}
.step4-area .step-number:before {
border-top: 1px solid;
content: "";
position: absolute;
top: 50%;
left: 0;
width: 100%;
}
.step4-area .step-number span {
background-color: #fff;
display: inline-block;
position: relative;
font-size: 35px;
padding: 12px 20px;
}
/*step 2列*/
.step2-area {
display: block;
margin: 0;
padding: 0;
}
.step2-area li{
list-style: none;
margin: 0 0 10vw;
}
.step2-area li:last-child{
margin: 0 0 0;
}
.step2-area li h5{
font-size: 20px;
font-weight: bold;
padding: 10px 0;
}
.step2-area li p{
text-align: left;
font-size: 3.5vw;
margin: 2vw 0 5vw!important;
}
.step2-area .img-product {
padding:0;
margin:0;
}
.step2-area .img-product img{
width: 100%;
}
.step2-area .step-number {
font-family: 'Pinyon Script', cursive;
position: relative;
text-align: center;
font-size: 15px;
color: #686869;
line-height: 6vw;
letter-spacing: 3px;
margin: 5vw auto;
cursor: auto;
border-bottom: none;
height: inherit;
}
.step2-area .step-number:before {
border-top: 1px solid;
content: "";
position: absolute;
top: 50%;
left: 0;
width: 100%;
}
.step2-area .step-number span {
background-color: #fff;
display: inline-block;
position: relative;
font-size: 40px;
padding: 17px 20px;
}
/*注意書き
＝＝＝＝＝＝＝＝＝＝＝＝*/
/*注意書き メインビジュアル下*/
.text-caution{
clear: both;
margin: 0 0 10vw;
}
.text-caution p{
font-size: 3vw;
color: #555;
text-align: left;
margin: 0!important;
}
/*注意書き ポイント部分*/
.pickup-data {
font-size: 3.5vw;
line-height: 6vw;
}
.pickup-data .data-title {
text-align:center;
background-color: #fff;
}
.pickup-data th{
font-weight:bold;
width: 25%;
background-color: #eee;
padding: 1%;
}
.pickup-data td{
line-height: 6vw;
text-align: left;
padding: 1%;
}
li .pickup-data-caution{
clear: both;
}
li .pickup-data-caution p{
font-size: 3vw;
color: #555;
margin: 0!important;
line-height: 17px;
}
/*注意書き ポイント部分*/
.step-data-caution{
clear: both;
}
.step-data-caution p{
font-size: 3vw;
color: #555;
text-align: left;
}
/*JHFA
＝＝＝＝＝＝＝＝＝＝＝＝*/
.jhfa-disc-area {
overflow:hidden;
margin: 10px 0 0 0;
}
.mark-jhfa {
padding:0!important;
}
.mark-jhfa img {
float:left;
margin: 0 4vw 0 0;
text-align: center;
}
.mark-jhfa p {
color: #555;
font-size: 3.5vw;
line-height: 6vw;
margin: 0!important;
padding: 0 0 5vw 0;
}
.mark-jhfa p span{
display:block;
font-weight: bold;
font-size: 4vw;
}
.acidFood p {
color: #939383;
font-size: 15px;
line-height: 22px;
}
.acidFood p span {
display: block;
font-size: 10px;
line-height: 14px;
}
.acidFood .borderBox {
box-sizing: border-box;
border-radius: 4px;
color: #555;
font-size: 3.5vw;
line-height: 6vw;
}
.acidFood p span {
display: block;
color: #555;
font-size: 4vw;
font-weight: bold;
margin: 0 0 1vw;
padding: 0;
}
/*multipure 追加
＝＝＝＝＝＝＝＝＝＝＝＝*/
.multipure-area {margin: 15vw 0 0!important;}
.multipure-left {padding: 0!important;width: 30%;margin:0 auto;}
.multipure-right {}
.multipure-right p {
font-size: 3.5vw;
text-align: left;
line-height: 6vw;
margin: 2vw 0 5vw!important;
}
.multipure-right p span{
display:block;
font-weight: bold;
text-align:center;
font-size: 4.5vw;
margin: 3vw 0;
}
/*カートリッジ 追加
＝＝＝＝＝＝＝＝＝＝＝＝*/
.prod-accessories-area {width: 100%;margin:0 auto;clear: both;overflow: hidden;padding: 3vw 0;}
.accessories-name {font-size: 3vw;font-weight:bold;padding: 0 0 3vw;text-align: center;}
.accessories-price {text-align:center;font-size: 5vw;font-weight:bold;margin: 3vw 0;}
.accessories-link a{display:block;text-align:center;font-size: 4vw;padding: 3vw;background-color: #111;color: #fff;border-radius: 1vw;text-decoration: none;}
.accessories-link a:hover{text-decoration:none;opacity:0.7;}
.accessories-left {width: 37%;margin: 0 auto;display: inline-block;}
.accessories-right {padding: 0 0 0 4vw;display: inline-block;width: 55%;vertical-align: middle;}

/*アンカーリンク 追加*/
.to-anchor-accessories a{background-color:#f2e9ce;display: block;padding: 2.5vw;margin: 5vw 10px;text-decoration: none;text-align: center;border-radius: 1vw;font-size: 4vw;color: #a47948;font-weight: bold;}
.to-anchor-accessories a::before{content:'';display: inline-block;width: 6.5vw;height: 4.5vw;background: url(https://image1.shopserve.jp/naturebreath-store.com/pic-labo/icon-cartridge.png)no-repeat;background-size: contain;vertical-align: middle;margin: 0 2vw 0 0;}
/*微調整CSS
＝＝＝＝＝＝＝＝＝＝＝＝*/
/*商品詳細 マージントップ 微調整CSS*/
.mrg-top10 {margin-top:1vw;}
.mrg-top20 {margin-top:2vw;}
.mrg-top30 {margin-top:3vw;}
.mrg-top40 {margin-top:4vw;}
.mrg-top50 {margin-top:5vw;}
.mrg-top60 {margin-top:6vw;}
.mrg-top70 {margin-top:7vw;}
.mrg-top80 {margin-top:8vw;}
.mrg-top90 {margin-top:9vw;}
.mrg-top100 {margin-top:10vw;}
.mrg-top110 {margin-top:11vw;}
.mrg-top120 {margin-top:12vw;}
.mrg-top130 {margin-top:13vw;}
.mrg-top140 {margin-top:14vw;}
.mrg-top150 {margin-top:15vw;}
.mrg-top160 {margin-top:16vw;}
.mrg-top170 {margin-top:17vw;}
.mrg-top180 {margin-top:18vw;}
.mrg-top190 {margin-top:19vw;}
.mrg-top200 {margin-top:20vw;}
/*改行　微調整*/
.line-break{display:block;margin: 10vw 0 0;}.prod-sentence h3 small{font-size:2.5vw;position:relative;top:-1vw;}.type2-area .step-number span{font-size:24px;}
/*2023.05*/
#sortarea #pi_review .minus{display:none;}