@charset "utf-8";
/* reset */
body {
margin: 0;
padding: 0;
border: 0;
line-height: 1.4;
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: #3B91D6
}
a:visited {
color: #3B91D6
}
a:hover {
color: #3B91D6
}
a:active {
color: #3B91D6
}
/* clearfix */
.clearfix:after {
content: ".";
display: block;
visibility: hidden;
height: 0.1px;
font-size: 0.1em;
line-height: 0;
clear: both;
}
.clearfix {
zoom:1;
}
* html .clearfix {
display: inline-block;
}  
/* no ie mac \*/
* html .clearfix {
height: 1%;
clear: both;
}
.clearfix { display: block; }
/* */
ins {
background-color: #ff9;
color: #000;
text-decoration: none;
}
mark {
background-color: #ff9;
color: #000;
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;
}
/* tag setting */
body {
font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
background: white;
}
input, textarea {
font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
padding: 2px;
font-size: 12px;
}
input[type="button"], input[type="submit"] {
-webkit-appearance: none;
}
pre {
font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "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%
}
.catalogimg {
width: 142px;
}
.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: #000000;
font-size: 12px;
}
.border_1 {
margin: 10px 0;
padding: 10px;
}
.more {
text-align: right
}
.red {
color: #000000
}
.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: #282828;
-webkit-text-size-adjust: none;
}
#main {
margin: 0 auto;
text-align: center
}
/* header */
#header {
/zoom:1;
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
}
.logo {
width: 100%;
margin: 0 auto;
text-align: center;
}
.logo .l {
float: left;
}
.logo .r {
float: right;
}
/* contents */
#contents {
/zoom:1;
margin: 0 5px;
}
#contents section {
width: 100%;
margin: 0 auto;
padding-bottom: 5px;
clear: both;
}
.formbox section {
background: transparent;
}
/* footer */
#footer {
background: transparent;
}
#footer section {
background: transparent;
padding: 0;
border: none;
}
#footer section>p.ch {
display: none;
background: #000000;
color: white;
font-size: 14px;
font-weight: bold;
margin: 0;
padding: 10px 0 0;
text-align: center;
}
#footer section>p.ch a {
color: white;
}
#footer section>p.copy {
display: none;
background: #000000;
color: white;
font-size: 12px;
margin: 0;
padding: 10px 0;
text-align: center;
}
#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;
}
#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/arrow1.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;
}
.footer {
padding: 0!important;
}
/* common */
.imgborder {
border: 1px solid #cccccc;
}
/*  title*/
#contents .mv_title{
color: #fff;
background-color: #000034;
margin-right: 0px !important;
margin-left: 0px !important;
padding-top: 3px;
padding-right: 0;
padding-left: 4px;
padding-bottom: 3px;
vertical-align: middle;
text-align: left;
display: block;
font-size: 12px !important;
font-weight: normal !important;
}
#contents .title,
#contents .freearea h1.mp_txt_new{
color: #fff;
background-repeat: no-repeat;
background-position: left;
background-color: #000034;
margin: 10px 0 0;
padding: 14px 0 12px 4px;
vertical-align: middle;
text-align: left;
margin-bottom: 10px;
display: block;
}
#contents .freearea h1.mp_txt_new{
font-weight:normal;
font-size:15px;
}
.freearea .title h1{
color: #fff;
background-repeat: no-repeat;
background-position: left;
background-image: url(//www.rescue-japan.com/pic-labo/sp_title.png);
background-color: #000034;
margin: 10px 0 0;
padding: 14px 0 12px 4px;
vertical-align: middle;
text-align: left;
display: block;
}
#page h2.title {
color: #000034;
background-repeat: no-repeat;
background-position: left;
background-image: none;
background-color: #E4E4E8;
margin-top: 10px;
margin-right: 0;
margin-left: 0;
margin-bottom: 5px;
padding: 5px;
vertical-align: middle;
text-align: left;
font-size: 14px;
}
#contents>.title {
margin: 0;
}
.title h1 {
display: inline;
font-size: 14px;
padding-top: 0;
padding-right: 0;
padding-left: 10px;
text-align: left;
font-weight: normal;
}
.title img {
margin: 0;
vertical-align: top;
margin-left: 5px;
}
#news .title {
height: 15px;
}
#news .title h1 {
float: left;
}
.title p {
float: right;
margin: 0;
padding: 0;
}
.title p a {
margin: 0 auto 0;
padding: 16px 10px 4px 26px;
height: 20px;
text-decoration: none;
font-size: 10px;
color: #333333;
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(https://www.rescue-japan.com/pic-labo/ctlist_open_sp.png);
background-repeat : no-repeat;
background-position : 97% center;
background-size: auto;
border-bottom: 1px dotted #000034;
}
.titlebar .closed.active {
background-image: url(https://www.rescue-japan.com/pic-labo/ctlist_close_sp.png);
background-repeat : no-repeat;
background-position : 97% center;
border-bottom: none;
}
.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: #282828;
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: #000000;
display: block;
}
.date.text-right {
padding: 10px;
}
.listmenu a p.date {
margin-left: 10px;
}
.note {
color: #464646;
font-size: 75%
}
/* 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;
color: #333333;
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: #333333;
}
.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: #000;
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 {
padding: 5px;
background: white;
color: #666666;
font-size: 12px;
margin-top: 5px;	
}
.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: 30px;
border: none;
color: #fff!important;
text-align: center;
font-weight: bold;
vertical-align: middle;
padding: 0;
text-decoration: none;
font-size: 12px;
background: #F00!important;
border-radius: 3px!important;
}
.submit_gr {
font-size: 14px;
padding: 3px 10px;
background: transparent;
color: #6a4f0f;
border: none;
}
#close {
text-align: center;
color: #282828;
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 #000;
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: 0 auto 15px;
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: 0 auto 15px;
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: 0 auto 15px;
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: 0 auto 15px;
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: #FF9900;
margin-right: 3px;
font-size: 75%
}
.price {
color: #282828;
font-size: 12px;
}
.fixedprice {
text-decoration: line-through !important;
color: #282828;
font-size: 12px;
}
.catch {
display: block;
font-weight: bold;
color: #5d5d5d;
text-shadow: none;
}
.new {
background: #f0365e;
color: #fff;
padding: 2px 3px;
display: inline-block;
font-size: 10px;
margin-right: 3px;
text-shadow: none !important;
}
.pickup {
background: #2ccaec;
color: #fff;
padding: 2px 3px;
display: inline-block;
font-size: 10px;
margin-right: 3px;
white-space: nowrap;
text-shadow: none !important;
}
.sale {
background: #ffa200;
color: #fff;
padding: 2px 3px;
display: inline-block;
font-size: 10px;
margin-right: 3px;
white-space: nowrap;
text-shadow: none !important;
}
.member {
background: #c0602b;
color: #fff;
padding: 2px 3px;
display: inline-block;
font-size: 10px;
margin-right: 3px;
text-shadow: none !important;
}
.cool {
background: #00d036;
color: #fff;
padding: 2px 3px;
display: inline-block;
font-size: 10px;
margin-right: 3px;
text-shadow: none !important;
}
.soldout {
font-size: 11px;
text-align: right;
float: left;
}
.soldout span {
color: white;
width: 50px;
text-align: center;
background: #000000;
padding: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
display: inline-block;
line-height: 1;
}
.product_name .new {
padding: 2px 5px;
display: inline;
font-size: 12px;
}
.product_name .pickup {
padding: 2px 5px;
display: inline;
font-size: 12px;
}
.product_name .sale {
padding: 2px 5px;
display: inline;
font-size: 12px;
}
.product_name .member {
padding: 2px 5px;
display: inline;
font-size: 12px;
}
.product_name .cool {
padding: 2px 5px;
display: inline;
font-size: 12px;
}
.li_l {
margin: 0 8px 0 0;
float: left;
clear: both;
}
.li_r {
}
.li_r div {
color: #000000;
font-size: 11px;
padding-right: 5px;
padding-bottom: 10px;
line-height: 1.5;
font-weight: bold;
}
.li_r div.tagline {
color: #333333;
height: auto;
font-weight: normal;
}
.li_r div.fixedprice {
color: #f0365e;
height: auto;
margin-bottom: 0px;
text-align: right;
padding-right: 10px;
font-weight: normal;
padding-bottom: 0px;
}
.li_r div.price {
color: #f0365e;
height: auto;
margin-bottom: 0px;
text-align: right;
padding-right: 10px;
font-weight: normal;
padding-bottom: 0px;
}
.li_r div.soldout {
margin-right: 18px;
clear: right;
font-weight: normal;
}
/* accordion */
.accordion {
}
.accordion .titlebar {
color: #000034;
background: url(https://www.rescue-japan.com/pic-labo/ctlist_bg.gif) repeat-x top;
background-size: 100%;
margin: 0;
vertical-align: middle;
text-align: left;
}
.accordion .titlebar h1 {
font-size: 12px;
margin: 0;
padding: 18px 0 18px 20px;
text-align: left;
}
.accordion .titlebar_b {
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;
}
.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;
}
.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;
border-bottom: 1px dotted #000034;
}
.accordion aside ul.listmenu li:first-child {
border-bottom: none;
}
.accordion aside ul.listmenu li.categorylink {
background: transparent;
}
.accordion aside ul.listmenu li a {
color: #000034;
background: #f2f2f2;
padding: 18px 18px 18px 25px;
margin: 0;
font-size: 12px;
}
.accordion aside ul.listmenu li.categorylink a {
color: white;
background: #6d819b;
padding: 18px 18px 18px 25px;
margin: 0;
font-size: 12px;
}
/* freearea */
.freearea {
text-shadow: none;
background: white;
color: #333333;
padding-top: 3%;
}
.freearea p {
margin: 0 0 5px;
line-height: 1.5;
}
.freearea p.copyright {
margin: 0 0 5px;
line-height: 1.5;
color: #FFFFFF;
background-color: #000034;
padding-top: 3%;
padding-bottom: 3%;
}
.freearea hr {
margin: 10px 0;
}
.freearea img {
vertical-align: top;
}
.freearea ul {

}
.freearea ol {
list-style-type: decimal;
padding: 0 25px
}
/*　section>div.freearea:first-child {background:white url(../img/theme11/section3_bg.png) repeat-x left top !important;padding-top:15px !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/arrow2.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: #000000;
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 17px 9px 15px;
display: block;
background: white url(../img/theme11/arrow2.png) no-repeat 95% center;
color: #333333;
text-decoration: none;
-webkit-box-shadow: 2px 2px 3px rgba(0,0,0,.15);
}
.bgn li.categorylink a {
border-left: 3px solid #000000;
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 #000000;
color: #333333;
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: #333333;
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: #333333;
font-size: 11px;
padding: 6px 17px 6px 5px;
margin: 5px 0;
text-decoration: none;
display: block;
}
.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/arrow2.png) no-repeat 97% center;
color: #333333;
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;
}
.cataloglist ul {
text-align: center;
}
.cataloglist .box {
display: inline-block;
/display: inline;
/zoom: 1;
vertical-align: top;
padding-right: 5px;
width: 142px;
}
.cataloglist .bg {
height: 16px;
padding: 6px 0 10px;
text-align: right;
vertical-align: middle;
}
.cataloglist .soldout {
margin-top: 3px;
}
/* 在庫返品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: 97%;
margin: 10px auto;
border-collapse: collapse;
}
/*  バリエリスト見出し */


.shopping_form .variation1 th, .variation2 th, .variation3 th {
padding: 10px 5px;
font-size: 75%;
background: #ffffff;
border: 1px solid #DDD;
color: #333;
}
.shopping_form .variation1 td, .variation2 td {
padding: 10px 10px;
border: 1px solid #DDD;
vertical-align: middle;
text-align: left;
}
.variation3 th, .variation3 td {
border: 1px solid #DDD;
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: 5px auto;
text-align: center;
}
.shopping_form .variation1 td:nth-child(1) {
width: 80%;
font-size: 75%;
}
.shopping_form .variation1 td:nth-child(2) {
width: 5%;
text-align: center;
white-space: nowrap;
}
.shopping_form .variation1 td:nth-child(3) {
width: 15%;
white-space: nowrap;
}
.shopping_form .soldout {
font-size: 75%;
text-align: center;
}
.variation1 img {
width: 104px;
height: 24px;
}
.variation2 td:nth-child(1) {
width: 80%;
font-size: 75%;
}
.variation2 td:nth-child(2) {
width: 5%;
border-right: 1px solid #fff;
text-align: center;
}
.variation2 td:nth-child(3) {
width: 15%
}
.variation2 a {
margin-left: 5px;
}
.variation2 .ok {
color: #359e65;
}
.variation2 .few {
color: #ef9848;
}
/*  備考購入数*/
.remark {
margin: 5px 20px;
text-align: left;
width: 92%;
}
.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 tr:last-child td {
text-align: right;
padding-right: 20px;
}
.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 {
background: none repeat scroll 0 0 #ededed;
border: 1px solid #727171;
font-size: 14px;
height: 40px;
margin: 0 auto 15px;
padding: 0;
text-align: center;
text-decoration: none;
vertical-align: middle;
width: 250px;
}
.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: 87px;
height: 25px;
background: url(../img/theme11/btn_cart_bg.png);
font-size: 10px;
color: white;
display: inline-block;
-webkit-appearance: none;
border: none;
}
.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;
background-image: url(../img/theme11/section2_bg.png), url(../img/theme11/section2_bg.png);
background-repeat: repeat-y, repeat-y;
background-position: left top, right top;
padding: 5px 20px;
}
.formbar2 {
margin: 0;
padding: 10px;
text-align: left;
background: #EDF2ED;
border-bottom: none;
}
.formlist {
margin: 5px auto;
padding: 0;
text-align: center;
}
.formlist .bar {
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;
}
.formlist .bar h3 {
font-size: 15px;
margin: 0;
padding: 0 0 0 20px;
text-align: left;
}
.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: url(../img/theme11/btn3_bg.png) no-repeat;
border: none;
color: white;
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/arrow1.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;
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;
-webkit-box-shadow: 2px 2px 3px rgba(0,0,0,.15);
padding: 5px 10px;
margin: 0 auto;
font-size: 11px;
}
.customersbox .customerbar {
margin: 0 10px;
}
.customerbar img {
vertical-align: -3px;
}
.customerbar .f_r.date {
padding-top: 2px;
color: #666666;
}
.customerscomment {
margin: 0 auto;
background: white;
-webkit-box-shadow: 2px 2px 3px rgba(0,0,0,.15);
padding: 10px 10px 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 10px 20px;
}
.comment .minus {
background: white;
-webkit-box-shadow: 2px 2px 3px rgba(0,0,0,.15);
padding: 10px 10px 0;
font-size: 11px;
line-height: 1.5;
}
.minus {
display: none;
color: #333333;
text-align: left;
}
.comment .shopcomment {
background: white;
-webkit-box-shadow: 2px 2px 3px rgba(0,0,0,.15);
margin: 0 auto;
padding: 0 5px 5px;
}
.shopcomment p {
text-align: left;
background: #FCEAE2;
margin: 10px 0;
padding: 8px;
}
.shopcomment .plus {
text-align: right;
background: url(../img/theme11/arrow2.png) no-repeat 75% center;
padding-right: 10px;
}
.shopcomment .plus:after {
content: "全文を見る";
color: #333333;
font-size: 10px;
}
.shopcomment .f_l, .shopcomment .f_r {
padding: 6px 0;
font-size: 75%
}
.shopcomment .f_l {
padding-left: 50px;
color: #3B91D6;
}
.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 #000000;
}
.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/arrow2.png) no-repeat 10px center;
margin-left: 1px;
font-size: 10px;
}
.rightarrow > div > a {
text-decoration: none;
color: #333333;
}
.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: #333333;
font-size: 10px;
line-height: 1.5;
float: none;
}
.pager {
margin: 0 auto;
padding: 5px 0;
color: #666666;
text-align: left;
font-size: 80%;
}
.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 {
overflow: visible;
float: left;
width: 200px;
}
.result ul {
list-style-type: none;
margin: -33px 10px 0;
}
.result li {
float: left;
width: 56px;
}
.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: 11px;
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: black url(../img/theme11/pagelist_bg.png) repeat-x;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
color: white;
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: transparent;
background-image: url(../img/theme11/arrow3_l.png), url(../img/theme11/pagelist_bg.png);
background-position: 6px center, center top;
background-repeat: no-repeat, repeat-x;
color: white;
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: transparent;
background-image: url(../img/theme11/arrow3_r.png), url(../img/theme11/pagelist_bg.png);
background-position: 51px center, center top;
background-repeat: no-repeat, repeat-x;
color: white;
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;
}
/* 商品詳細 */
.item{
text-align:center;
}
.item img{
width:70%;
height:auto;
}
#contents section.product_name {
border: 3px double white;
border-left: none;
border-right: none;
padding: 10px 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: #D50000;
font-size: 16px;
line-height: 1.5;
padding-top: 5px;
text-align: left;
}
.product_name li span.prize {
vertical-align: middle;
margin-right: 10px;
font-size: 12px;
}
.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 0 0;
border: none;
background: white;
-webkit-box-shadow: 2px 2px 3px rgba(0,0,0,.15);
margin: 0 5px;
}
.description #group h1 {
font-size: 12px;
color: #333333;
border-bottom: 1px solid #dddddd;
margin: 0 0 10px;
padding: 0 0 3px;
display: block;
}
#contents .description aside {
height:auto;
overflow:hidden;
padding:5px 0;
}
#contents .description aside p {
margin: 0 0 12px;
}
.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: 0;
text-align: left;
margin: 0 10px;
}
.productprice p {
margin: 0 0 10px;
float: left;
line-height: 2.0;
}
#main_text .cart {
margin:10px 0;
}
#main_text .cart img{
width: 80%;
margin-left: auto;
margin-right: auto;
display: block;
}
.productprice p .red {
color: #FF0000;

font-size: 18px;
font-weight: bold;
}
.productprice p .txt_s {
color: #FF0000;
font-size: 12px;
font-weight: nomal;
}
.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(//www.rescue-japan.com/pic-labo/sp_title_point.png), url(//www.rescue-japan.com/pic-labo/sp_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;
}
.stock .variation1 th, .stock .variation2 th {
border: 3px double white;
border-bottom: 3px double #eeeeee;
background: #eeeeee;
}
.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 {
border: 1px solid #eaeaea;
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: 5px;
display: block;
margin: 0 10px;
}
.stock form[name="CARTIN"] {
background: white;
-webkit-box-shadow: 2px 2px 3px rgba(0,0,0,.15);
border: none;
-webkit-border-radius: 0;
border-radius: 0;
padding: 10px 0 0;
margin: 10px 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;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.stock form input[type="submit"] {
width: 250px;
height: 25px;
margin: 5px auto 10px;
background: url(//www.rescue-japan.com/pic-labo/sp_btn3_bg.png) no-repeat;
border: none;
color: white;
text-align: center;
vertical-align: middle;
padding: 0;
text-decoration: none;
font-size: 12px;
}
/* カート */
#contents section .title_c {
background: #eeeeee;
margin: 0 0 10px;
padding: 10px 0;
border-top: 3px double white;
border-bottom: 3px double white;
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: #333333;
font-size: 11px;
line-height: 1.5;
margin: 0 10px;
position: relative;
top: 2px;
}
.info+div {
background: white;
padding: 0 10px;
text-align: left;
color: #333333;
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 {
-webkit-box-shadow: 2px 2px 3px rgba(0,0,0,.15);
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;
}
.formtable table th {
padding: 5px;
border: 3px double white;
font-weight: bold;
line-height: 120%;
text-align: left;
}
.formtable table td {
border: 3px double white;
padding: 3px;
border: none;
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: #000000;
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: #333333;
border-bottom: none;
}
.formtable table.table2 td:not(.esy) {
border-top: 1px solid #dddddd;
padding-top: 10px;
}
.table2 input {
border: 1px solid #cccccc;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.table2 .del input[type="submit"] {
border: none;
color: black;
background: url(../img/theme11/btn_del_bg.png) no-repeat;
text-shadow: 1px 1px 1px rgba(255,255,255,0.5);
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: #333333;
}
.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: #000000;
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: 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;
}
div.formbox {
}
.formbar {
color: black;
background-image: url(//www.rescue-japan.com/pic-labo/sp_title_point.png), url(//www.rescue-japan.com/pic-labo/sp_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;
}
.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;
}
.formbox input[type="submit"] {
width: 250px;
height: 25px;
margin: 5px auto 10px;
background: url(../img/theme11/btn3_bg.png) no-repeat;
border: none;
color: white;
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 0;
padding: 0;
font-size: 12px;
vertical-align: middle;
text-align: left;
color: #333333;
}
.formbox input.submit_or {
width: 250px;
height: 25px;
margin: 5px auto;
color: white;
background: url(../img/theme11/btn4_bg.png) no-repeat center center;
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: 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;
}
.bto_r input {
width: 250px;
height: 25px;
margin: 5px 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;
}
/* 入荷連絡希望*/
.btg_r input[type="submit"] {
width: 250px;
height: 25px;
margin: 5px auto 10px;
background: url(../img/theme11/btn3_bg.png) no-repeat;
border: none;
color: white;
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: 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;
}
.btg_r button[type="submit"] {
margin: 5px auto;
width: 250px;
height: 25px;
background: 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;
}
.button .btg_r {
margin: 0;
display: block;
}
.button .btg_r a {
width: 250px;
height: 19px;
margin: 15px auto;
background: url(../img/theme11/btn3_bg.png) no-repeat;
border: none;
color: white;
text-align: center;
vertical-align: middle;
padding: 6px 0 0;
text-decoration: none;
font-size: 12px;
display: block;
}
/* add comment */
.title_c+.text-center {
margin-top: 10px;
}
.commentbox {
margin: 0 10px;
background: white;
}
.commentbar {
margin: 0;
padding: 5px;
text-align: left;
background: white;
border-bottom: 3px solid #000000;
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;
}
/* 購入 */
.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 url(../img/theme11/section3_bg.png) repeat-x;
}
#contents>.pagelist2+section>ul.listmenu {
padding-top: 0px;
}
#contents>.pagelist2+section>ul.listmenu>li>a>p.date {
margin: 0;
color: #000000;
}
/* コメント入力 */
#contents>section>.formbox>.formcontents {
padding: 0;
margin: 0;
}
.info+form>.formtable {
margin: 0 10px 5px;
}
.info+form>.formtable span.recommend {
font-size: 15px;
color: #000000;
}
.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;
}
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(.titlebar_g_o):not(.titlebar_list):not(.product_img):not(#sub_img):first-child {
background: white;
padding-top: 0;
padding-bottom: 0;
}
/***** 複数カテゴリ対応用 *****/
/*トップページの見出し位置調整*/
#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/arrow2.png) no-repeat 97% center;
text-decoration: none;
font-size: 12px;
color: #333;
}
/*************************************************/
/*** キーワードリンクデザイン ***/
/* theme11&#12316;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/arrow2.png") right center no-repeat #fff;
color: #333;
}
/***** &#65533;&#65533;&#65533;&#65533;&#65533;&#65533;&#65533;&#65533;&#65533;&#638;&#65533;&#65533;&#65533;&#65533;&#65533;&#65533;&#65533;&#549;&#485;&#65533;&#65533;&#65533;&#65533;&#65533; *****/
/* theme11&#65533;Υ&#485;&#65533;&#65533;&#65533;&#65533;&#65533; */
.review p {
float: right;
margin: -45px 0 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: #333333;
vertical-align: middle;
text-align: left;
-webkit-box-shadow: none;
}
/*************************************************/

/* header */

#hed_area {
background: #000034;
display: table;
table-layout: fixed;
width: 100%;
padding: 10px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
#hed_area h1, #hed_area .toggle_btn {
display: table-cell;
text-align: right;
vertical-align: middle;
}
#hed_area a {
display: block;
}
#hed_area .toggle_btn img {
width: 20%;
padding: 2% 0 0;
}
#fix_menu {
width: 100%;
color: #fff;
margin: 0;
padding: 5px 0 20px;
position: absolute;
text-align: center;
z-index: 100000000;
font-size: 12px;
background: url(https://www.rescue-japan.com/pic-labo/hedlist_bg_sp.png) repeat;
}
#fix_menu h2 {
border-bottom: 1px solid #fff;
padding: 1% 0 3%;
}
#fix_menu h2 img {
width: 35%;
}
#fix_menu ul {
margin: 0 auto;
overflow: hidden;
}
#fix_menu ul li {
padding: 4% 0;
font-size: 120%;
}
#fix_menu ul li a {
display: block;
text-decoration: none;
color: #fff;
}
#fix_menu .subnv li {
border-bottom: 1px solid #fff;
}
#fix_menu .close_btn {
width: 20%;
margin: 3% auto 0;
padding: 10px;
background: #fff;
color: #323232;
border-radius: 3px;
text-align: center;
cursor: pointer;
}
#fix_menu .close_btn a {
display: block;
text-decoration: none;
}
.hednv {
padding: 3% 0;
background-color: #E4E4E8;
margin-bottom:3%;
}
.hednv ul {
display: table;
table-layout: fixed;
width: 100%;
}
.hednv li {
display: table-cell;
text-align: center;
border-right: 1px dotted #000034;
}
.hednv li:last-child {
border-right: none;
}
.hednv li a {
display: block;
}
/*************************************************/

/* TOP */

.topbnr {
margin: 2% 0 5%
}
.topbnr p {
margin: 0 0 3%;
}
.topbnr p:last-child {
margin: 0;
}
.topbnr_half {
margin: 0 auto;
overflow: hidden;
list-style-type: none;
}
.topbnr_half li {
width: 48%;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
float: left;
margin: 0 4% 4% 0;
list-style-type: none;
}
.topbnr_half li:nth-child(2n+2) {
margin: 0 0 4%;
}
#contents #pi_free1 {
padding-bottom: 0;
}
/*************************************************/

/* footer */
.infobox ul {
clear:both;
}
.infobox li {
border-bottom: 1px solid #000034;
list-style-type: none;
/*padding: 1px 0 2px;*/
padding-top: 3%;
padding-bottom: 3%;
width: 46%;
float: left;
padding-left: 3%;
}
.infobox li a {
text-decoration: none;
color: #000034;
}
.infobox li:nth-child(2n) {
border-left: 1px solid #000034;
}
.infobox li:nth-child(8n) {
border-bottom: 1px solid #000034;
}
.infobox li:last-child {
/*border-bottom: none;*/
}
.infobox li img {
margin-bottom: 1px;
}
.backbtn {
background: #000034;
color: #fff;
text-align: center;
padding: 20px;
}
.backbtn a {
display: block;
text-decoration: none;
color: #fff;
}
.display_mode {
color: #000034;
text-align: center;
margin: 5% 20px 2%;
}
.display_mode ul {
display: table;
table-layout: fixed;
width: 100%;
}
.display_mode li {
display: table-cell;
text-align: center;
border-right: 1px solid #000034;
}
.display_mode li:last-child {
border-right: none;
}
.copyright {
text-align: center;
font-size: 90%;
color: #000034;
}
#searchbox2 input[type="submit"] {
ackground-color: #F00!important;
}
.loadImgSlidernew, .frameShownImg {
margin: 2% 0 0;
}
.imgSlidernew .ic{
display: block;
text-align: center;
}
.imgSlidernew .ic img{
width:40%;
height:auto;
}
/*************************************************/
/* お気に入り */
/*************************************************/
.wishBtnHidden {
display: none;
}
/* 商品詳細_通常 */
.stock p[class^="wish_area"] {
min-height: 30px;
text-align: center;
}
.stock .wish_add {
background: url("../img/theme11/btn1_bg.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
border: medium none;
color: black;
font-size: 12px;
height: 25px;
padding: 0;
text-align: center;
text-decoration: none;
vertical-align: middle;
width: 250px;
font-weight: bold;
}
.stock .wish_add_ok {
text-decoration: underline;
padding: 30px;
}
/* 商品一覧 リスト表示 */
.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: url("../img/theme11/pagelist_bg.png") repeat-x scroll 0 0 black;
border-radius: 2px;
color: white;
}
.itemlist .wish_area .wish_add_ok {
text-decoration: underline;
padding: 15px;
font-size: 80%;
position: relative;
}
/* 商品一覧 カタログ表示 */
.cataloglist .wish_area {
text-align: center;
float: left;
margin: 7px 0;
width: 100%;
}
.cataloglist .wish_area .wish_add {
font-size: 80%;
font-weight: bold;
padding: 5px 20px;
background: url("../img/theme11/pagelist_bg.png") repeat-x scroll 0 0 black;
border-radius: 2px;
color: white;
position: relative;
}
.cataloglist .wish_area .wish_add_ok {
text-decoration: underline;
font-size: 80%;
position: relative;
margin: 9px 0;
}
/***** お気に入りリスト *****/

/* 画像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: url(../img/theme11/btn_cart_bg.png) no-repeat;
border: none;
color: white;
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 {
margin-top: 5px;
text-align: center !important;
float: left;
width: 100%;
}
.cataloglist .wish_button_area .wish_add_cart {
width: 87px;
height: 25px;
background: url(../img/theme11/btn_cart_bg.png) no-repeat;
border: none;
color: white;
font-size: 10px;
margin-bottom: 5px;
}
.cataloglist .wish_button_area .wish_del {
margin: 3px 0 3px 0;
width: 50px;
height: 25px;
text-decoration: underline;
display: inline-block;
vertical-align: middle;
font-size: 12px;
cursor: pointer;
}
.cataloglist .wish_button_area .wish_text_black {
position: relative;
vertical-align: middle;
font-size: 11px;
padding: 5px 0 7px 0;
display: block;
}
.cataloglist .wish_text_red {
font-size: 11px;
color: red;
font-weight: bold;
text-align: left !important;
padding: 10px 0 3px 0;
}
/* 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: #000000;
}
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;
}
/* End option information style */
.link{
margin-bottom:20px;
}
.link li {
border: 2px solid #000034;
display: block;
padding: 7px;
margin-bottom: 2%;
}
.link li a {
color: #000034;
text-decoration: none;
margin: 10px;
background-image: url(//www.rescue-japan.com/pic-labo/sp_ic_arrow.png);
background-repeat: no-repeat;
background-position: left center;
background-size: 5px 8px;
padding-left: 10px;
}
.detail_btn{
clear: both;
width: 94%;
margin: 0 auto;
cursor: pointer;
padding: 3%;
background: #e4e4e8 url(//www.rescue-japan.com/pic-labo/sp_pulldown_open.png) 98% no-repeat;
}
.detail_btn span{
border-left:3px solid #000034;
padding-left: 10px;
line-height: 100%;
font-weight: bold;
display: block;
height: 15px;
}
.detail_btn.open{
background:#e4e4e8 url(//www.rescue-japan.com/pic-labo/sp_pulldown_close.png) 98% no-repeat;
margin-bottom: 2px;
}
.detail03{
width: 94% !important;
margin: 0 auto;
padding: 3%;
font-size: 14px;
background:#e4e4e8;
}
.detail03 .leed01{
margin-bottom: 10px;
display: block;
color: #000034;
font-weight: bold;
}
.detail03 .leed02{
margin-bottom: 10px;
display: block;
color: #000034;
font-weight: bold;
margin-top: 20px;
}
.detail03 .txt{
line-height: 27px;
color:#000034;
margin-bottom: 25px;
}
.detail03 .pl16{
width:46%;
float:left;
padding-right: 2%;
padding-bottom: 2%;
}
#pi_main div h1 {
color: #FFFFFF;
font-size: 15px;
}
#sortarea #pi_main .f_l {
width:40%;
height:auto;
margin-right:3%;
}
article #under-main-column .normal_page img {
display: block;
margin-left: auto;
margin-right: auto;
}
.normal_page .box.clearfix {
border-bottom: 2px solid #E4E4E8;
margin-bottom:20px;
}
.normal_page .box.clearfix .r_txt {
float: right;
width: 60%;
margin-top: 0px;
}
article #under-main-column .normal_page .box img{
float:left;
width:38%;
}
article #under-main-column .normal_page table {
border-collapse: collapse;
border-spacing: 0;
width: 100%;
border-top: 2px solid #E4E4E8;
}
article #under-main-column .normal_page table tr th {
background-color: #F6F6F7;
color: #000034;
border-bottom: 2px solid #E4E4E8;
width: 37%;
text-align: left;
padding-left: 3%;
}
article #under-main-column .normal_page table tr td {
border-bottom: 2px solid #E4E4E8;
width: 57%;
text-align: left;
padding-left: 3%;
padding-top: 3%;
padding-bottom: 3%;
}
article #under-main-column .normal_page.gray_bg {
background-color: #E4E4E8;
padding-top: 1%;
padding-right: 2%;
padding-bottom: 2%;
padding-left: 2%;
width:96%;
}
.normal_page.gray_bg h1 span {
font-size: 14px;
color: #000034;
border-left: 4px solid #000034;
padding-left: 2%;
}
.normal_page.gray_bg .box.clearfix .r_txt {
float: right;
width: 60%!important;
margin-top: 0px;
}
article #under-main-column .normal_page.gray_bg .box img{
float:left;
width:34% !important;
}
/* balloon-2 bottom */
.flow_ttl {
position: relative;
display: inline-block;
padding: 10px;
width: auto;
min-width: 115px;
color: #F6F6F6;
line-height:1.5;
text-align: center;
background-color: #2F2F93;
display:block;
z-index: 0;
}
.flow_ttl:after {
content: "";
position: absolute;
bottom: -10px; left: 50%;
margin-left: -10px;
display: block;
width: 0px;
height: 0px;
border-style: solid;
border-width: 10px 10px 0 10px;
border-color: #2F2F93 transparent transparent transparent;
}
#under-main-column .normal_page.gray_bg .contact_center {
text-align: center;
font-size: 14px;
}
.flow_txt {
text-align:center;
}
#under-main-column .normal_page.gray_bg .contact_center .ttl{
font-weight:bold;
line-height:1.0;
}
#under-main-column .normal_page.gray_bg .contact_center .tel{
font-size:20px;
line-height:1.0;
font-weight:bold;
}
#under-main-column .normal_page.gray_bg .contact_center .tel span{
font-size:14px;
line-height:1.0;
}
#under-main-column .normal_page.gray_bg .contact_center a{
color:#000034;
}
#main_text #mp_txt_new {
color:#000034;
}
/* --　20160619トップページのために追記 -- */
.topbanner li{
width:150px;
float:left;
padding-left:5px;
padding-bottom:5px;
}

/* --　20200129商品ページのために追記 -- */
.title2new {
    border-bottom: 1px gray solid;
    border-left: 12px gray solid;
    padding-left: 10px;
    margin: 5px;
}

.kakoi {margin: 5px;border: 2px solid orange;}


.kakoi2footer {
border-top:orange dotted 2px;  
}

.kakoi2headertitle {
    text-decoration: underline darkorange dotted;
}

.kakoi2headersubject {
    border-bottom: orange dotted 2px;
}