@charset "UTF-8";

@-o-viewport {
    width: device-width;
    zoom:1;
}
@-webkit-viewport {
    width: device-width;
    zoom:1;
}
@viewport {
    width: device-width;
    zoom:1;
}
/*===============================================
INDEX
● common.css  13
● smart.css  424
● pc.css    1113
● base.css  1646
===============================================*/
/*===============================================
● common.css
===============================================*/
html {
    overflow-y: scroll;
    height: 100%;
}
body {
    margin: 0;
    padding: 0;
    font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
    color: #333;
    font-size: 16px;
    line-height: 125%;
    text-align: left;
    background-color: #FFF;
    height: 100%;
    word-wrap: break-word;
}
div, dl, dt, dd, ul, ul li, ol, ol li, h1, h2, h3, h4, h5, h6,
pre, form, fieldset, input, textarea, p, blockquote, th, td,
section, nav, article, aside, hgroup, header, address,
figure, figcaption {
    margin: 0;
    padding: 0;
}
address, caption, cite, code, dfn, em, strong, th, var {
    font-style: normal;
    font-weight: normal;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
}
caption, th {
    text-align: left;
}
q:before ,q:after {
    content: '';
}
object, embed {
    vertical-align: top;
}
hr {
    display: none;
}
h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-weight: normal;
    text-align:left;
}
p{
    text-align:left;
}
abbr, acronym, fieldset {
    border: 0;
}
img {
    max-width: 100%;
    height: auto;
    width: auto;
    -ms-interpolation-mode: bicubic;
    border: none;
}
ul li, ol li {
    list-style-type: none;
}
input {
    vertical-align: middle;
}
a {
    outline: none;
}
a:link,a:visited {
    text-decoration: none;
    color: #333;
}
a:active {
    text-decoration: underline;
    color: #c00;
}
a:hover {
    text-decoration: underline;
    color: #666;
}
a:hover img {
    opacity: .70;
    filter: alpha(opacity=70);
    -ms-filter: "alpha(opacity=70)";
    -khtml-opacity: .70;
    -moz-opacity: .70;
    cursor: pointer;
}
b {
    font-weight: bold;
}
strong {
    font-weight: bold;
    font-size: 1.2em;
    line-height: 1.7em;
}
.text-center {
    text-align: center;
}
#contents {
    width: 96%;
    margin: 0 auto 30px;
    max-width: 960px;
}
#contents #main-column{
    width: 72%;
    float: right;
}
#sub-column {
    width: 100%;
    padding-bottom: 60px;
    word-break:break-all;
}
#main-column-full {
    width: 100%;
    margin: 0 auto 60px;
}
.w100 {
    width: 100%;
}
.bold {
    font-weight: bold;
}
/*---------------------
 水平線
----------------------- */
/*　実線　*/
hr {
    border-top: 1px solid #bbb;
}
/*　二重線　*/
hr.wline {
    border-top: 3px double #bbb;
}
/*　点線　*/
hr.dotted,hr.tensen{
    border-top: 1px dotted #bbb;
}
/*　立体線　*/
hr.dline {
    border-top: 1px solid #bbb;
    border-bottom: 1px solid #fff;
}
/*　シャドー　*/
hr.shadow {
    height: 10px;
    border: 0;
    box-shadow: 0 10px 10px -10px #bbb inset;
}
/*　グラデーション　*/
hr.gra {
    border: 0;
    height: 1px;
    background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
    background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
    background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
    background-image: -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
}
/*---------------------
  文字間
----------------------- */
/*詰める場合*/
.ls_tsume{
    letter-spacing:-0.2em;
}
/*---------------------
  margin
----------------------- */
.mt-10 { margin-top: -10px !important;}
.mt00 { margin-top: 0px !important;}
.mt05 { margin-top: 5px !important;}
.mt10 { margin-top: 10px !important;}
.mt15 { margin-top: 15px !important;}
.mt20 { margin-top: 20px !important;}
.mt25 { margin-top: 25px !important;}
.mt30 { margin-top: 30px !important;}
.mt35 { margin-top: 35px !important;}
.mt40 { margin-top: 40px !important;}
.mt45 { margin-top: 45px !important;}
.mt50 { margin-top: 50px !important;}
.mr00 { margin-right: 0px !important;}
.mr05 { margin-right: 5px !important;}
.mr10 { margin-right: 10px !important;}
.mr15 { margin-right: 15px !important;}
.mr20 { margin-right: 20px !important;}
.mr25 { margin-right: 25px !important;}
.mr30 { margin-right: 30px !important;}
.mr35 { margin-right: 35px !important;}
.mr40 { margin-right: 40px !important;}
.mr45 { margin-right: 45px !important;}
.mr50 { margin-right: 50px !important;}
.mb00 { margin-bottom: 0px !important;}
.mb05 { margin-bottom: 5px !important;}
.mb10 { margin-bottom: 10px !important;}
.mb15 { margin-bottom: 15px !important;}
.mb20 { margin-bottom: 20px !important;}
.mb25 { margin-bottom: 25px !important;}
.mb30 { margin-bottom: 30px !important;}
.mb35 { margin-bottom: 35px !important;}
.mb40 { margin-bottom: 40px !important;}
.mb45 { margin-bottom: 45px !important;}
.mb50 { margin-bottom: 50px !important;}
.ml00 { margin-left: 0px !important;}
.ml05 { margin-left: 5px !important;}
.ml10 { margin-left: 10px !important;}
.ml15 { margin-left: 15px !important;}
.ml20 { margin-left: 20px !important;}
.ml25 { margin-left: 25px !important;}
.ml30 { margin-left: 30px !important;}
.ml35 { margin-left: 35px !important;}
.ml40 { margin-left: 40px !important;}
.ml45 { margin-left: 45px !important;}
.ml50 { margin-left: 50px !important;}
/*  e7 */
body.ie7 .mb00ie7 { margin-bottom: 0px !important;}
body.ie7 .mb05ie7 { margin-bottom: 5px !important;}
body.ie7 .mb10ie7 { margin-bottom: 10px !important;}
body.ie7 .mb15ie7 { margin-bottom: 15px !important;}
body.ie7 .mb20ie7 { margin-bottom: 20px !important;}
body.ie7 .mb25ie7 { margin-bottom: 25px !important;}
body.ie7 .mb30ie7 { margin-bottom: 30px !important;}
body.ie7 .mb35ie7 { margin-bottom: 35px !important;}
body.ie7 .mb40ie7 { margin-bottom: 40px !important;}
body.ie7 .mb45ie7 { margin-bottom: 45px !important;}
body.ie7 .mb50ie7 { margin-bottom: 50px !important;}
/*---------------------
  padding
----------------------- */
.pt00 { padding-top: 0px !important;}
.pt05 { padding-top: 5px !important;}
.pt10 { padding-top: 10px !important;}
.pt15 { padding-top: 15px !important;}
.pt20 { padding-top: 20px !important;}
.pt25 { padding-top: 25px !important;}
.pt30 { padding-top: 30px !important;}
.pt35 { padding-top: 35px !important;}
.pt40 { padding-top: 40px !important;}
.pr00 { padding-right: 0px !important;}
.pr05 { padding-right: 5px !important;}
.pr10 { padding-right: 10px !important;}
.pr15 { padding-right: 15px !important;}
.pr20 { padding-right: 20px !important;}
.pr25 { padding-right: 25px !important;}
.pr30 { padding-right: 30px !important;}
.pr35 { padding-right: 35px !important;}
.pr40 { padding-right: 40px !important;}
.pb00 { padding-bottom: 0px !important;}
.pb05 { padding-bottom: 5px !important;}
.pb10 { padding-bottom: 10px !important;}
.pb15 { padding-bottom: 15px !important;}
.pb20 { padding-bottom: 20px !important;}
.pb25 { padding-bottom: 25px !important;}
.pb30 { padding-bottom: 30px !important;}
.pb35 { padding-bottom: 35px !important;}
.pb40 { padding-bottom: 40px !important;}
.pl00 { padding-left: 0px !important;}
.pl05 { padding-left: 5px !important;}
.pl10 { padding-left: 10px !important;}
.pl15 { padding-left: 15px !important;}
.pl20 { padding-left: 20px !important;}
.pl25 { padding-left: 25px !important;}
.pl30 { padding-left: 30px !important;}
.pl35 { padding-left: 35px !important;}
.pl40 { padding-left: 40px !important;}
/*  e7 */
body.ie7 .pb00ie7 { padding-bottom: 0px !important;}
body.ie7 .pb05ie7 { padding-bottom: 5px !important;}
body.ie7 .pb10ie7 { padding-bottom: 10px !important;}
body.ie7 .pb15ie7 { padding-bottom: 15px !important;}
body.ie7 .pb20ie7 { padding-bottom: 20px !important;}
body.ie7 .pb25ie7 { padding-bottom: 25px !important;}
body.ie7 .pb30ie7 { padding-bottom: 30px !important;}
body.ie7 .pb35ie7 { padding-bottom: 35px !important;}
body.ie7 .pb40ie7 { padding-bottom: 40px !important;}
/*---------------------
  左揃え、右揃え、中央揃え
----------------------- */
.right { text-align:right;}
.center { text-align:center;}
/*---------------------
  画像の右寄せ　左寄せ
----------------------- */
.alignleft{ float:left;}
.alignright{ float:right;}
.v_middle{ vertical-align:middle;}
/*---------------------
  clearfix
----------------------- */
#bread-crumb-listTop ol:after,
.clearfix:after {
    content:'';
    display:block;
    clear:both;
    height:0;
}
.clear {
    clear:both;
}
.hide_txt{
    display:none;
}
/*---------------------
  角丸
----------------------- */
.round6{
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
}
.round8{
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
}
.round10{
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}
/*---------------------
  囲み
----------------------- */
.kakomi{
    border:solid 1px #ccc;
    padding:10px;
}
.kakomi_maru{
    border:solid 1px #ccc;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    padding:10px;
    background-color:#fff;
}
.kakomi_cf{
    background-color:#fff;
    padding:18px;
    border:dotted 2.5px #ccc;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
}
.kakomi_cf2{
    background-color:#fff;
    padding:18px 18px 0;
    border:dotted 2.5px #ccc;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
}
/* 囲み時のタイトル */
.h_kakomi{
    background:url('../images/bg_bbb.png');
    background-color:#bbb;
    color:#fff;
    font-size:120%;
    font-weight:600;
    height:35px;
    width:108%;
    padding:5px 20px;
    margin:-5px 0px 10px -20px;
}
/*---------------------
  Fonts CSS
----------------------- */
.font10 { font-size:77%;}
.font11 { font-size:85%;}
.font12 { font-size:93%;}
.font13 { font-size:100%;}
.font14 { font-size:108%;}
.font15 { font-size:116%;}
.font16 { font-size:124%;}
.font17 { font-size:131%;}
.font18 { font-size:139%;}
.font10px { font-size:10px;}
.font11px { font-size:11px;}
.font12px { font-size:12px;}
.font13px { font-size:13px;}
.font14px { font-size:14px;}
.font15px { font-size:15px;}
.font16px { font-size:16px;}
.font18px { font-size:18px;}
.font20px { font-size:20px;}
.font22px { font-size:22px;}
/*===============================================
● base.css
===============================================*/
/* #wrapper */
#wrapper {
    width: 100%;
}
#wrapper_top {
    width: 100%;
}
#top_bar{
    width:100%;
    height:50px
}
.bar_color{
    background-color:#747bad;
}
/* カテゴリメニュー */
#cat_bar{
    width:100%;
    margin-top:1px;
}
#cat_select{
    background-position: top center;
    background-image: url(https://doyusha.net/pict-img/bg_cat-nav.png);
    background-repeat: repeat-x;
    background-color:#adb0e7;
}
#cat_select section.tree00>nav:first-child{
    padding-top: 8px;
}
#cat_select ul.tree01>li {
    border-top: dotted 1px #eee;
    background: #adb0e7;
    padding-top: 5px;
}
#cat_select ul.tree02 {
    font-size: 90%;
    margin-top: 10px;
}
/*　カテゴリセレクト用　*/
.catToggle:after{
    content: "▽";
    margin-left: 0.6em;
}
.catToggle.active:after{
    content: "△";
}
/*　サイドバー用　*/
.sideCatToggle:after{
    content: "▽";
    margin-left: 0.6em;
}
.sideCatToggle.active:after{
    content: "△";
}
/* サブカテゴリ一覧部分　*/
#main-column ul.tree02>li {
    display: inline-block;
    margin-bottom: 0.7em;
    padding-left: 2%;
    padding-right: 2%;
    vertical-align: top;
    margin-left: 0;
}
#main-column ul.tree02>li a {
    text-align: center;
    display: block;
    padding: 6px 0;
    background: #adb0e7;
    color: #fff;
    border-radius: 10px;
    font-size: 1.04em;
}
#main-column ul.tree02>ul.tree02{
    margin-left: 20px;
    margin-bottom: 1.4em;
}
#main-column ul.tree02>ul.tree02>ul.tree02{
    margin-bottom: 0.8em;
}
#main-column ul.tree02>ul.tree02>li a {
    background: #fff;
    color: #747bad;
    border: solid 2px #adb0e7;
    font-weight: bold;
    font-size: 0.92em;
}
#main-column ul.tree02>ul.tree02>li.c4 a {
    border-width: 1px;
    font-weight: normal;
}
/* index.htmlから読み込んで整形する */
.keyword,
.leftSearch{
    display:none;
}
#top_page .keyword{
    display:block;
}
/*--------------------------------*/
article h1 {
    padding-bottom: 12px;
    margin-bottom: 15px;
    color: #333;
    font-size: 90%;
    font-weight: bold;
    line-height: 165%;
}
article h2 {
    border-bottom: 1px dotted;
    font-size: 75%;
    font-weight: bold;
    line-height: 200%;
    margin-bottom: 10px;
}
#sub-column h2 {
    font-size: 80%;
    font-weight: bold;
    line-height: 165%;
    padding-bottom: 10px;
    margin-bottom: 4px;
}
/*---------------------
  #header
----------------------- */
#contents-pop {
    width: auto;
}
div#wrapper div#enquete-header,
div#wrapper > div#cart-header,
header {
    width:100%;
    margin:0 auto;
    background-color: #FFF;
}
#header-inner {
    max-width: 960px;
    margin: 0 auto;
    padding: 0 10px;
}
/*header #header-inner{
    }*/
#header-inner #logo {
    float:left;
    vertical-align: middle;
    padding-top: 10px;
    width: 40%;
    height:40px;
    background:url(https://doyusha.net/pict-img/bg_site-id.png) no-repeat;
    background-position : 0px 0px;
    background-size:contain;
}
#header-inner #hNav {
    float:right;
    width: 60%;
    height:50px;
    text-align: right;
}
/* カートのカテゴリバーはなし　*/
#cart-header #cat_bar{
    display:none;
}
#header-inner #hNav img{
    width:42px;
    height:42px;
}
* html #header-inner div {
    display: inline;
    zoom: 1;
}
*:first-child+html #header-inner div {
    display: inline;
    zoom: 1;
}
#header-inner h1,
#header-inner .logoWrap {
    max-width: 340px;
}
#header-inner h1 a img:hover,
#header-inner h2 a img:hover {
    opacity: 1;
    filter: alpha(opacity=100);
    -ms-filter: "alpha(opacity=70)";
    -khtml-opacity: 1;
    -moz-opacity: 1;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
}
#hNav ul#header-nav {
    line-height: 100%;
    color: #999;
}
#hNav ul#header-nav li {
    display: inline-block;
    font-size: 65%;
    height: auto;
    padding: 5px 0 0 5px;
}
.tab{
    overflow:hidden;
}
.tab li{
    background:#ccc;
    padding:5px 25px;
    float:left;
    margin-right:1px;
}
.tab li.select{
    background:#eee;
}
.naiyo li{
    background:#eee;
    padding:20px;
}
.hide {
    display:none;
}
#gallery{
    width:100%;
    height:auto;
}
/* ご利用ガイドの折りたたみ　*/
.assist_contents h2{
    cursor: pointer;
}
.assist_contents h2:after{
    content: " ▽";
    font-size:80%;
}
.assist_contents h2.active:after{
    content: " △";
    font-size:80%;
}
.slide_part{
    display:none;
}
/*　------　*/
#top_page #main-column {
    width: 100%;
    margin:10px 0px 20px;
}
#top_page .column3 .inner-catch,
#top_page .column4 .inner-catch,
#top_page .column5 .inner-catch{
    display:none;
}
#top_page .bn_area{
    text-align:center;
    margin-bottom:20px;
}
/* #main-column-full */
#main-column-full {
    width: 100%;
    margin: 0 auto 60px;
}
div#wrapper  div#enquete-section:first-child,
div.cart-article div.cart-section:first-child,
article section:first-child {
    border-top: none;
}
div.cart-article p,
article p {
    color: #333;
    font-size: 0.75rem;
}
div.cart-article a:hover p,
article a:hover p {
    color: #666;
}
div#wrapper  div#enquete-section ul,
div.cart-article div.cart-section ul {
    font-size: 90%;
    line-height: 160%;
    color: #333;
}
/**** cart内のcss 植田追記****/
input[name="Tel1"],
input[name="Tel2"],
input[name="Tel3"],
input[name="Fax1"],
input[name="Fax2"],
input[name="Fax3"],
input[name="TEL1"],
input[name="TEL2"],
input[name="TEL3"],
input[name="FAX1"],
input[name="FAX2"],
input[name="FAX3"] {
    width: 25%;
}
input[name="LName"],
input[name="FName"],
input[name="LNameKana"],
input[name="FNameKana"],
input[name="LNAME"],
input[name="FNAME"],
input[name="LNAMEKANA"],
input[name="FNANEKANA"] {
    width: 40%;
}
input[name="Mail"],
input[name="Kmail"],
input[name="Company"],
input[name="Addr1"],
input[name="Addr2"],
input[name="Addr3"],
input[name="MAIL"],
input[name="MAIL_CONF"],
input[name="KMAIL"],
input[name="COMPANY"],
input[name="AADDR1"],
input[name="ADDR2"],
input[name="ADDR3"] {
    width: 90%;
}
/* 入力不備のラベル */
label.has-error:after, label.has-error:before {
    display: none;
}
label.has-error {
    background: #df4730!important;
    border-color: #df4730!important;
    display: inline-block;
}
/**** //cart.php ****/
#mainVisual {
    width: 100%;
}
#bread-crumb {
    margin: 15px 0 10px;
}
#bread-crumb-listTop, .bread-crumb-listCate {
    width: 100%;
}
#bread-crumb-listTop ol, .bread-crumb-listCate ol {
    width:100%;
}
#bread-crumb-listTop ol li, .bread-crumb-listCate ol li {
    display: inline-block;
    padding: 0 10px 0 13px;
    font-size: 75%;
    background: url(../img/breadcrumb_bg.gif) no-repeat left center;
}
#bread-crumb-listTop ol li:first-child {
    padding-left: 0;
    background-image: none;
}
.column-set {
    width: 100%;
}
/* column3・column4・column5 */
.column3,
.column4,
.column5 {
    vertical-align:top;
    text-align:center;
    margin: 0 auto 20px;
    width: 23.9%;
    display: inline-block;
    min-height: 210px;
    box-sizing: border-box;
    padding: 0 1.5%;
    max-width: 180px;
}
.column3 .itemThumb-wrap,
.column4 .itemThumb-wrap,
.column5 .itemThumb-wrap {
    position:relative;
}
.column3 .itemThumb,
.column4 .itemThumb,
.column5 .itemThumb {
    height: auto;
    width: 100%;
    vertical-align: middle;
}
.column3 h2,
.column4 h2,
.column5 h2,
.column3 h3,
.column4 h3,
.column5 h3 {
    font-size: 94%;
    font-weight: normal;
    line-height: 130%;
    margin-bottom: 3px;
    border: none;
}
.column3 img,
.column4 img,
.column5 img {
    display:block;
    vertical-align: bottom;
    max-height:160px;
    margin:0 auto;
}
.column3 p,
.column4 p,
.column5 p {
    font-size: 88%;
}
.column3 p.price,
.column4 p.price,
.column5 p.price {
    margin-bottom: 3px;
    font-weight:600;
}
.column5 .price .taxin,
.column4 .price .taxin,
.column3 .price .taxin {
    color: #aaa;
}
.column3 p.sp_price,
.column4 p.sp_price,
.column5 p.sp_price {
    color: #F00;
}
.column3 .badge,
.column4 .badge,
.column5 .badge {
    padding: 4px 0 0 40px;
    position: absolute;
    z-index: 100;
    top: 0;
    right: 5px;
}
.badge img{
    max-width: 36px;
}
/* 商品画像 */
.item-list-span-img img {
    padding: 0.4em 0.6em;
    box-sizing: border-box;
}
/* price */
p.fx_price span.strike {
    text-decoration: line-through;
}
p.sp_price span.special_price_str,
p.sp_price span.selling_price_str,
p.sp_price span.selling_price,
p.sp_price span.taxin,
p.sp_price span.discount_rate{
    color: #F00;
}
p.price span.selling_price {
    color: #747BAD;
}
section .newItem h2,
section .pickup h2,
section .ranking h2 {
    border: none;
    min-height: 2.5em;
}
/* newItem */
.newItem,
.pickup,
.ranking {
    position: relative;
    width:100%;
    text-align:center;
}
.newItem .new-Title,
.pickup .pickup-Title,
.ranking .ranking-Title {
    position: absolute;
    right: 0px;
    top: 4px;
}
.newItem h2,
.pickup h2,
.ranking h2 {
    background-repeat: no-repeat;
    background-position: 10px bottom;
    background-size: 150px 27px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}
.newItem h2 {
    background-image: url(https://doyusha.net/pict-img/icon_teiki.png);
}
.pickup h2 {
    background-image: url(https://doyusha.net/pict-img/icon_ichioshi.png);
}
.ranking h2 {
    background-image: url(https://doyusha.net/pict-img/icon_ranking.png);
}
.newItem .itemThumb,
.pickup .itemThumb,
.ranking .itemThumb {
    position: relative;
}
/* おすすめ */
#osusume_area{
    width: 100%;
    margin-bottom: 30px;
    background-color:#f5f3ef;
    border:solid 1px #dbcbb5;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
#osusume h2 {
    background: url(https://doyusha.net/pict-img/icon_osusume.png) no-repeat 10px bottom;
    background-size:150px 27px;
    margin: 0px 0 15px;
    padding-top:10px;
    padding-right: 60px !important;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    border:none;
}
.osusume {
    position: relative;
}
.osusume .osusume-Title {
    position: absolute;
    right: 0px;
    top: 4px;
}
.osusume h2 {
    background: url(https://doyusha.net/pict-img/icon_osusume.png) no-repeat 10px bottom;
    background-size:150px 27px;
    margin-bottom: 15px;
    padding-right: 60px !important;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}
.osusume .column5 .itemThumb {
    position: relative;
}
.osusume .column5 .badge {
    padding: 4px 0 0 40px;
    position: absolute;
    z-index: 100;
}
.listarea {
    text-align: left;
    margin:10px;
    background-color:#fff;
    max-width:918px;
}
.listarea li.pub_list {
    display:block;
    float:left;
    margin: 10px 1% 10px 1%;
    padding: 10px;
    width: 28.5%;
    border:1px #ccc solid;
}
.pub_list img{
    width:100%;
}
/* max 1024 最大で1行に3つのボックス */
@media all and (max-width: 1024px) {
    .listarea li.pub_list {
        float:left;
        display:block;
        margin: 0 1% 20px 1%;
        padding: 10px;
        width: 30%;
    }
}
/*タブレットの場合　最大で1行に2つのボックス*/
@media all and (max-width: 768px) {
    .listarea li.pub_list {
        float:left;
        display:block;
        margin: 0 1% 20px 1%;
        padding: 10px;
        width: 48%;
    }
}
/*スマホの場合　最大で1行に1つのボックス*/
@media all and (max-width: 480px) {
    .listarea li.pub_list {
        float:left;
        display:block;
        margin: 0 1% 20px 1%;
        padding: 10px;
        width: 98%;
    }
}
.pub_list h5{
    font-size:100%;
    border:none;
    padding:0;
    margin:0;
    text-indent:0;
}
.pub_list p{
    font-size:85%;
    margin:0;
    padding:0;
    line-height:138%;
}
.half-cont_wrap01,
.half-cont_wrap02 {
    overflow: hidden;
}
.half-cont {
    float: left;
    width: 48%;
    margin-right: 4%;
}
.half-cont:nth-child(2n) {
    float: left;
    width: 48%;
    margin-right: 0;
}
/*---------------------
  news
----------------------- */
.news .news-contents {
    padding: 5px 20px 0;
}
.news h2{
    font-size:120%;
    padding-left:20px;
    color:#747bad;
    margin-bottom: 0;
}
.news strong{
    color:#cc3300;
}
dl.news-box {
    font-size: 80%;
    color: #333;
    border-bottom: 1px solid #B9B9B9;
    line-height: 1.6em;
    padding-bottom: 0.3em;
    margin-bottom: 0.3em;
}
dl.news-box:last-child {
    border: none;
}
.news-box dd a {
    color: #2675c1;
}
.news-box dd a:hover {
    color: #489ef0;
}
/* shopDiary */
.shopDiary {
    background: url(../img/Title-shop.gif) no-repeat right top;
}
#sub-column .shopDiary {
    background: none;
}
/* freeArea */
.freeArea2 {
    padding-bottom: 20px;
    margin-bottom: 30px;
    border-bottom: 1px dotted #333333;
}
.freeArea2 h2 {
    background: url(../img/Tline-shop.gif) repeat-x left bottom;
    display: block;
    width: 100%;
    margin: 0 0 20px;
    padding: 0;
    padding-bottom:10px;
    border: none;
}
.freeArea2 h2 img {
    display: block;
    height: 20px;
    width: 85px;
    margin: 0 auto;
}
.freeArea2 .free-contents {
    padding-top: 10px;
}
.freeArea2 .free-banner {
    margin-bottom: 5px;
}
.freeArea2 .free-contents p {
    font-size: 70%;
    line-height: 160%;
}
.freeArea2 .free-contents p a{
    text-decoration: underline;
}
.w100 .freeArea2 {
    float: none;
    width: 100%;
    padding: 0 0 15px;
    border-bottom: 1px dotted #333333;
}
.freeArea2 .free-contents ul {
    margin: 0px 40px;
}
.freeArea2 .free-contents ul li {
    list-style-type: square;
}
.freeArea2 .free-contents ol {
    margin: 0px 40px;
}
.freeArea2 .free-contents ol li {
    list-style-type: decimal;
}
.w100 .freeArea2 h2 {
    background: url(../img/Tline-shop.gif) repeat-x left bottom;
    display: block;
    width: 100%;
    margin: 0 0 20px;
    padding: 0;
}
.w100 .freeArea2 h2 img {
    display: block;
    height: 20px;
    width: 85px;
    margin: 0 auto;
}
#main-column .w100 .freeArea2 .freeAreaTitle {
    padding-left:5px;
}
#main-column .half-cont .freeArea2 .freeAreaTitle{
    padding-left:5px;
    font-size: 14px;
    font-weight: bold;
    line-height: 165%;
    border: none;
    margin-bottom: 10px;
    padding: 0 0 10px;
    min-height: 25px;
}
.cont .freeArea2 h2{
    border: medium none;
    font-size: 90%;
    font-weight: bold;
    line-height: 165%;
    margin-bottom: 10px !important;
    padding: 0 0 10px !important;
}
.group {
    position: relative;
    padding-bottom: 20px;
    margin-bottom: 30px;
    border-bottom: 1px dotted #333333;
}
.group .group-Title {
    position: absolute;
    right: 0px;
    top: 4px;
}
.group h2 {
    background: url(../img/Tline-group.gif) repeat-x left bottom;
    margin-bottom: 15px;
    padding-right: 38px !important;
}
.group .group-banner {
    margin-bottom: 5px;
}
.group ul {
    line-height: 110%;
}
.group ul li {
    display: inline-block;
    /**display: inline;
    *zoom: 1;*/
    font-size: 75%;
    padding: 0 3px 0 12px;
    background: url(../img/slash_000.gif) no-repeat left center;
}
.group ul li:first-child {
    background-image: none;
    padding: 0 3px 0 0;
}
.w100 .group {
    background: url(../img/Title-group.gif) no-repeat right 4px;
    position: relative;
    float: none;
    width: 100%;
    margin-right: 0%;
    padding-bottom: 20px;
    margin-bottom: 30px;
    border-bottom: 1px dotted #333333;
}
.w100 .group .group-Title {
    top: 3px;
}
.w100 .group h2 {
    background: url(../img/Tline-group.gif) repeat-x left bottom;
    display: block;
    width: 100%;
    margin: 0 0 15px;
}
.w100 .group h2 img {
    display: block;
    height: 20px;
    width: 85px;
    margin: 0 auto;
}
#main-column .group {
    background: url(../img/Title-group.gif) no-repeat right 4px;
}
.category {
    position: relative;
    margin-bottom: 30px;
    border-bottom: 1px dotted #333333;
}
.category .category-Title {
    position: absolute;
    right: 0px;
    top: 4px;
}
.category .category-banner {
    margin-bottom: 5px;
}
.category ul {
    line-height: 110%;
}
.category ul li {
    display: inline-block;
    font-size: 75%;
    padding: 0 3px 0 12px;
    background: url(../img/slash_000.gif) no-repeat left center;
}
.category ul li:first-child {
    background-image: none;
    padding: 0 3px 0 0;
}
.w100 .category {
    background: url(../img/Title-category.gif) no-repeat right 4px;
    position: relative;
    float: none;
    width: 100%;
    padding-bottom: 20px;
    margin-bottom: 30px;
    border-bottom: 1px dotted #333333;
}
.w100 .category h2 {
    /*background: url(../img/Tline-category.gif) repeat-x left bottom;*/
    display: block;
    width: 100%;
    margin: 0 0 15px;
}
.w100 .category h2 img {
    display: block;
    height: 20px;
    width: 85px;
    margin: 0 auto;
}
.w100 .category h3 {
    font-weight: bold;
    line-height: 120%;
    font-size: 80%;
}
.freeArea {
    width: 100%;
    height: 300px;
    background-color: #EEE;
}
#sub-column .group,
#sub-column .category,
#sub-column #followUs,
#sub-column .newItem,
#sub-column .link {
    width: 100%;
    border: none;
}
#sub-column .category h3 {
    font-size: 70%;
    font-weight: bold;
    padding: 0;
    /*border-bottom: 1px dotted  #333333;*/
}
#sub-column .group nav,
#sub-column .category nav,
#sub-column .link nav {
    margin-bottom: 20px;
    border-top: none;
}
#sub-column .group nav ul,
#sub-column .category nav ul,
#sub-column .link nav ul {
    line-height: 160%;
}
#sub-column .group nav ul li,
#sub-column .category nav ul li,
#sub-column .link nav ul li {
    border-bottom: dotted 1px #333;
    padding: 5px 0;
    background-image: none;
    display: block;
    font-size: 80%;
    /*font-size: 75%;*/
}
#sub-column .link nav ul li {
    line-height:180%;
}
#sub-column .keyword nav ul li {
    display: inline;
}
#sub-column .group nav ul li a,
#sub-column .category nav ul li a,
#sub-column .link nav ul li a {
    color: #333;
    display: block;
    text-decoration: none;
    padding: 3px 0;
    line-height: 130%;
}
#sub-column .link nav ul li a{
    display: inline;
}
#sub-column .group nav ul li:first-child a,
#sub-column .category nav ul li:first-child a,
#sub-column .link nav ul li:first-child a {
    border-top: none;
    padding: 0px 0 0;
}
#sub-column .group nav ul li a:hover,
#sub-column .group nav ul li a:active,
#sub-column .link nav ul li a:hover,
#sub-column .link nav ul li a:active {
    background-color: #DDDDDD;
    color: #333333;
    text-decoration: none;
}
#sub-column .sitelink a:hover {
    background-color:#DDDDDD;
}
#sub-column .sitelink a.subCatShow:hover {
    background-color:#abb5ff;
}
#sub-column .sitelink a.subCatHide:hover {
    background-color:#abb5ff;
}
#sub-column .category nav ul li.cat2 a {
    zoom: 1;
    display: block;
    padding: 3px 2px 3px 30px;
    margin:0px 0;
    line-height: 100%;
    color:#000;
    text-decoration: none;
    width:80%;
}
#sub-column #snav_calendar h2 {
    background-image: none;
}
#sub-column #subc_calendar {
    background: url(../img/BGline-scolumn.gif) repeat left top;
    padding: 8px;
    width:  194px;
    margin-bottom: 20px;
}
#sub-column div.subc_cal_cont {
    background-color: #FFF;
    width: 164px;
    padding: 10px 15px 15px 15px;
}
#sub-column div#subc_calendar h2 {
    width:  164px;
    text-align: center;
    padding: 21px 0 3px 0;
    margin: 0 0 10px 0;
    border-bottom: 1px dotted #333;
    background: url(../img/Title-scolumn_calendar.gif) no-repeat;
    background-position: center;
}
#sub-column div.cal_wrapper {
    padding: 7px 0 0 0;
}
#sub-column div.cal_wrapper table.cal {
    width: 100%;
    line-height: 130%;
}
#sub-column div.cal_wrapper table.cal tr th p.month {
    float: left;
    width: 70%;
    text-align: center;
    font-size: 80%;
}
#sub-column div.cal_wrapper table.cal tr th input {
    float: left;
    border: none;
}
#sub-column div.cal_wrapper table.cal tr th input.prev {
    background: url(../img/calendar_pleft.gif) no-repeat left bottom #FFF;
    width: 15%;
    height: 17px;
}
#sub-column div.cal_wrapper table.cal tr th input.next {
    background: url(../img/calendar_pright.gif) no-repeat right bottom #FFF;
    width: 15%;
    height: 17px;
}
#sub-column div.cal_wrapper table.cal tr td {
    border: solid 1px #CCC;
    font-size: 70%;
    text-align: center;
}
#sub-column div.cal_wrapper table.cal tr.headline td {
    border: none;
    padding: 10px 0 2px 0;
}
#sub-column div.subc_cal_cont .cap {
    font-size: 60%;
    font-family: "ＭＳ ゴシック","MS Gothic","Osaka－等幅",Osaka-mono,monospace;
    width: auto;
}
#sub-column div.subc_cal_cont .cap ul {
    margin: 3px 0 0;
}
#sub-column div.subc_cal_cont .cap li {
    display: inline-block;
    line-height: 140%;
    overflow: hidden;
}
#sub-column div.subc_cal_cont .cap li span {
    margin: 0 10px 0 0;
}
#sub-column div.subc_cal_cont .cap .ico_cap01 {
    font-size: 120%;
    vertical-align: middle;
    margin: 0 2px 0 0;
    color: #FF5078;
}
#sub-column div.subc_cal_cont .cap .ico_cap02 {
    font-size: 120%;
    vertical-align: middle;
    margin: 0 2px 0 0;
    color: #39F;
}
#sub-column div.subc_cal_cont .cap .cap-info {
    line-height: 140%;
    padding: 10px 0 0;
}
#sub-column div.cal_wrapper table.cal tr td div.Today {
    background-color: #CCCCCC;
    font-weight: bold;
}
#sub-column div.cal_wrapper table.cal tr td div.Deli {
    background-color: #EFE;
}
#sub-column div.cal_wrapper table.cal tr td div.Holyday {
    background-color: #FF5078;
    color: #FFFFFF;
}
#sub-column div.cal_wrapper table.cal tr td div.backward {
    color: #CCC;
    font-weight: normal;
    background-color: #FFF;
}
#sub-column div.cal_wrapper table.cal tr td div.pointer {
    cursor: pointer;
}
#sub-column div.cal_wrapper table.cal tr td div.pointer:hover {
    background-color: #EEE;
}
#sub-column #snav_mailMag {
    background: url(../img/BGline-scolumn.gif) repeat left top;
    padding: 8px;
    width:  194px;
    margin-bottom: 20px;
}
#sub-column #snav_mailMag h2 {
    background-image: none;
}
#sub-column div.snav_mailMag_cont {
    background: #FFF url(../img/Title-scolumn_mmag.gif) no-repeat center top;
    width: 161px;
    padding: 46px 16px 8px 17px;
}
#sub-column div.snav_mailMag_cont h2 {
    width: 161px;
    text-align: center;
    padding: 0 0 3px 0;
    margin: 0 0 7px 0;
    border-bottom: 1px dotted #333;
}
#sub-column div.snav_mailMag_cont p {
    font-size: 70%;
    line-height: 130%;
    padding: 5px 0 10px;
}
#sub-column div.snav_mailMag_cont input.mailAddress{
    width: 120px;
    height: 18px;
    position: relative;
    vertical-align: middle;
}
#sub-column div.snav_mailMag_cont input.submit_mailMag {
    width: 30px;
    height: 18px;
    text-align: center;
    background-color: #272727;
    border: none;
    color: #FFF;
    font-size: 75%;
}
#sub-column div.snav_mailMag_cont input.submit_mailMag:hover {
    background-color: #666;
}
#sub-column #snav_followUs {
    margin: 0 0 20px 0;
}
#sub-column #snav_followUs nav ul {
    overflow: hidden;
}
#sub-column #snav_followUs nav ul li {
    /*float: left;*/
    margin: 0 5px 0 0;
    padding: 0;
}
#sub-column #snav_followUs nav ul li img {
    vertical-align: bottom;
}
#sub-column #snav_followUs nav ul li a:hover img{
    opacity: .70;
    filter: alpha(opacity=70);
    -ms-filter: "alpha(opacity=70)";
    -khtml-opacity: .70;
    -moz-opacity: .70;
    cursor: pointer;
}
#subc_freeArea {
    margin: 0 0 20px 0;
    padding-bottom: 10px;
    border-bottom: 1px dotted #333;
}
#subc_freeArea img {
    margin-bottom: 10px;
}
#sub-column .newItem {
    background:url(../img/Title-new.gif) no-repeat right 1px;
    position: relative;
    margin: 30px 0 0 0;
    line-height: 90%;
}
#sub-column .newItem h2 {
    background: url(../img/Tline-new.gif) repeat-x left bottom;
    font-size: 80%;
    font-weight: bold;
    line-height: 165%;
    padding: 0 0 10px 0;
    margin-bottom: 15px;
}
#sub-column .newItem .new-Title {
    position: absolute;
    right: 0px;
    top: 1px;
}
#sub-column .newItem .column3,
#sub-column .newItem .column4 {
    padding: 0 0 10px 0;
    margin: 0 0 25px 0;
    float: none;
    width: 100%;
}
#sub-column .newItem .column4 .itemThumb-wrap {
    margin: 0 20px 10px 20px;
}
#sub-column .newItem .column4 .itemThumb {
    height: auto;
    width: 130px;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}
#sub-column .newItem .column4 .itemThumb a img {
    max-height: auto;
    max-width: 170px;
}
#sub-column .newItem h3 {
    text-align: left;
}
#sub-column .newItem p.price {
    text-align: left;
}
#sub-column .newItem p.sp_price {
    text-align: left;
}
#sub-column .newItem p.sp_price {
    color: #F00;
}
#sub-column .newItem .column4 .badge {
    padding: 4px 0 0 40px;
    position: absolute;
    z-index: 100;
}
#sub-column .newItem .column4_fourth .itemThumb {
    margin: 0 20px 5px 20px;
    position: relative;
}
#sub-column .pickup {
    /*background:url(../img/Title-pickup.gif) no-repeat right 2px;*/
    position: relative;
    line-height: 90%;
}
#sub-column .pickup .pickup-Title {
    position: absolute;
    right: 0px;
    top: 1px;
}
#sub-column .pickup h2 {
    /*background: url(../img/Tline-pickup.gif) repeat-x left bottom;*/
    margin-bottom: 15px;
    font-size: 80%;
    font-weight: bold;
    line-height: 165%;
    padding: 0 0 10px 0;
}
#sub-column .pickup .column5 {
    padding: 0 0 10px 0;
    margin: 0 0 25px 0;
    float: none;
    width: 100%;
}
#sub-column .pickup .column5 .itemThumb-wrap {
    margin: 0 40px 10px 40px;
}
#sub-column .pickup .column5 .itemThumb {
    margin: 0 0 5px 0;
    position: relative;
    text-align: center;
    height: auto;
    width: 130px;
}
#sub-column .pickup .column5 .itemThumb img {
    max-height: 130px;
    max-width: 130px;
}
#sub-column .pickup .column5 .badge {
    padding: 4px 0 0 40px;
    position: absolute;
    z-index: 100;
}
#sub-column .ranking {
    /*background: url(../img/Title-ranking.gif) no-repeat 100% 1px;*/
    position: relative;
    line-height: 90%;
}
#sub-column .ranking .ranking-Title {
    position: absolute;
    right: 0px;
    top: 1px;
}
#sub-column .ranking h2 {
    /*background: url(../img/Tline-ranking.gif) repeat-x left bottom;*/
    margin-bottom: 15px;
    font-size: 80%;
    font-weight: bold;
    line-height: 165%;
    padding: 0 0 10px 0;
}
#sub-column .ranking .column5 {
    padding: 0 0 10px 0;
    margin: 0 0 25px 0;
    float: none;
    width: 100%;
}
#sub-column .ranking .column5 .itemThumb-wrap {
    margin: 0 40px 10px 40px;
    height: 130px;
    width: 130px;
}
#sub-column .ranking .column5 .itemThumb {
    margin-bottom: 5px;
    position: relative;
    text-align: center;
}
#sub-column .ranking .column5 .itemThumb img {
    max-height: 130px;
    max-width: 130px;
}
#sub-column .ranking .column5 .itemThumb {
    margin-bottom: 5px;
    position: relative;
}
#sub-column .ranking .column5 .badge {
    padding: 4px 0 0 40px;
    position: absolute;
    z-index: 100;
}
#main-column .recommend .column5 .badge {
    padding: 4px 0 0 40px;
    position: absolute;
    z-index: 100;
}
/*---------------------
  kanren_item
----------------------- */
.kanren_item{
    border:2px dotted #ccc;
    margin:10px 0;
    padding:15px;
}
.kanren_item:after{
    content:" ";
    display:block;
    height:0;
    clear:both;
}
.kanren_item h3{
    margin:0 0 10px;
    font-size:100%;
}
div.kanren_image{
    display:block;
    float:left;
    margin:0 20px 0 0;
}
.kanren_item strong{
    font-size:120%;
    font-weight:700;
}
.kanren_item .taxin{
    font-size:90%;
    color:#aaa;
}
/*---------------------
  page-top
----------------------- */
#page-top {
    position: fixed;
    bottom: 67px;
    right: 20px;
    font-size: 77%;
    z-index: 100;
}
#page-top a {
    background: #666;
    text-decoration: none;
    color: #fff;
    width: 39px;
    height: 39px;
    padding: 0;
    text-align: center;
    display: block;
}
#page-top a:hover {
    text-decoration: none;
    background-image: url(../img/pagetop_on.gif);
}
#page-top a:hover img {
    opacity: 0.5;
}
/*---------------------
  youtube
----------------------- */
.youtube-wrap {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
    background: #555;
    box-shadow: 1px 1px 3px #ccc;
    margin-bottom: 1em;
}
.youtube-wrap iframe{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
/*---------------------
  Guide
----------------------- */
section #guide p {
    font-size: 88%;
    line-height: 160%
}
section #guide .guide01 {
    padding-bottom: 20px;
}
section #guide .guide01 h2,
section #guide .guide02 h2 {
    display: block;
    margin-bottom: 20px;
}
section #guide .guide01 ul {
    font-size: 75%;
    list-style-type: disc;
    margin-top: 10px;
}
section #guide .inner {
    overflow: hidden;
    margin-bottom: 10px;
}
section #guide .inner .fL {
    float: left;
    width: auto;
    margin-right: 20px;
    max-width: 350px;
}
section #guide .inner .fR {
    float: right;
    width: auto;
    max-width: 350px;
}
section #guide .chart .ttlShop {
    font-size: 80%;
    font-weight: bold;
    border: none;
    margin: 0;
}
section #guide table {
    line-height: 120%;
    border-bottom: 1px dotted #000000;
    table-layout: fixed;
}
section #guide table th {
    background-color: #EEEEEE;
    border-top: 1px dotted #000000;
    color: #2B2B2B;
    font-size: 75%;
    font-weight: bold;
    padding: 15px 20px;
    width: 100px;
}
section #guide table th.shopGuidePointClass{
    width:530px;
}
section #guide table td {
    font-size: 75%;
    border-top: 1px dotted #000000;
    padding: 15px 20px;
    width: 530px;
    text-align:left;/*komasa*/
}
#shopGuide_wrap section #guide table td {
    width: 50%;
}
section #guide table th.shopGuidePointClass {
    width: 50%;
}
section #guide ul {
    margin: 0px 40px;
}
section #guide ul li {
    list-style-type: square;
}
section #guide ol {
    margin: 0px 40px;
}
section #guide ol li {
    list-style-type: decimal;
}
/*---------------------
  DiaryList
----------------------- */
#DiaryList h2,
#Diary h2 {
    font-size: 90%;
}
#DiaryList .Diary-cont,
#Diary .Diary-cont {
    margin: 0 0 15px;
}
#DiaryList article {
    margin: 0 0 40px;
}
.state_l {
    border-top: 1px dotted #333;
    padding: 10px 0 0;
    font-size: 65%;
}
.state_r {
    border-top: 1px dotted #333;
    padding: 10px 0 0;
    margin: 0 0 25px;
    text-align: right;
    font-size: 65%;
}
.state_l ul,
.state_r ul {
    line-height: 90%;
}
.state_l li,
.state_r li {
    display: inline-block;
    /**display: inline;
    *zoom: 1;*/
    padding: 0 3px 0 0;
}
.state_l li.comment,
.state_r li.comment {
    border-left: 1px solid #333;
    padding: 0 0 0 5px;
}
.state_l li.cate,
.state_r li.cate {
    border-left: 1px solid #333;
    padding: 0 5px;
}
.state_l li.name {
    border-right: 1px solid #333;
    padding: 0 5px 0;
    margin: 0 5px 0 0;
}
#Diary .more,
#Journal .more {
    display: block;
    width: 160px;
    height: 22px;
    font-size: 75%;
    font-size: 0.75rem;
    color: #FFF;
    text-align: center;
    vertical-align: middle;
    margin: 10px 0 0;
    padding: 3px 0 0;
    background: url(../img/btn-confirm_bg.gif) repeat-x scroll left top;
}
#Diary a,
#Journal a {
    text-decoration: none;
}
#Diary a .more:hover,
#Journal a .more:hover {
    width: 160px;
    height: 22px;
    background: url(../img/btn-confirm_bg_on.gif) repeat-x scroll left top;
}
#Diary .more img,
#Journal .more img {
    padding: 0 5px 0;
    vertical-align: middle;
}
#DiaryList .comment-t,
#Diary .comment-t,
#JournalList .comment-t,
#Journal .comment-t {
    font-size: 80%;
    font-weight: bold;
    margin: 0 0 10px 0;
}
#Diary .comment-cont,
#Journal .comment-cont {
    margin: 0 0 15px;
}
#Diary fieldset,
#Journal fieldset {
    margin-bottom: 5px;
}
#Diary legend,
#Journal legend {
    background: none repeat scroll 0 0 transparent;
    font-size: 75%;
    line-height: 200%;
    padding: 0;
    width: 100%;
}
#Diary fieldset p,
#Journal fieldset p {
    margin-bottom: 5px;
    font-size: 75%;
    font-size: 0.75rem;
}
#Diary fieldset input,
#Journal fieldset input {
    margin: 0 3px 2px 0;
}
#Diary input.name,
#Journal input.name {
    width: 215px;
    height: 20px;
    margin: 0;
}
#Diary input.url,
#Journal input.url {
    width: 215px;
    height: 20px;
    margin: 0;
}
#Diary textarea,
#Journal textarea {
    width: 360px;
    height: 100px;
    margin: 0;
    padding: 1px;
}
#Diary .btn-confirm,
#Journal .btn-confirm {
    margin: 10px 0 0 120px;
}
.btn-confirmPost {
    height: 25px;
    width: 120px;
    color: #FFF;
    padding: 0 0 0 8px;
    font-size: 80%;
    font-size: 0.8rem;
    text-align: center;
    background: url(../img/btn-confirm_bg.gif) repeat-x left top;
    border: none;
    margin: 0 0 0 5px;
}
.btn-confirmPost:hover {
    background: url(../img/btn-confirm_bg_on.gif) repeat-x left top;
}
/*---------------------
  comment
----------------------- */
#comment-form #comment-post {
    margin: 0;
}
#comment-form legend  {
    background: none repeat scroll 0 0 transparent;
    font-size: 75%;
    line-height: 200%;
    padding: 0;
    width: 100%;
    font-weight: bold;
}
#comment-form p {margin-bottom: 15px;}
#comment-form .name {
    width: 215px;
    height: 16px;
}
#comment-form .comment-txt {
    width: 360px;
    padding: 0;
    height: auto;
}
#comment-post {
    margin: 35px 0;
}
.comment-box {
    margin: 30px 0 0;
}
div.caution p {
    color: #d51414;
    font-size: 70%;
    line-height: 145%;
}
.btn-confirmBack {
    height: 25px;
    width: 80px;
    color: #FFF;
    padding: 0 0 0 8px;
    font-size: 75%;
    font-size: 0.75rem;
    text-align: center;
    background: url(../img/btn-back_bg.gif) no-repeat left top;
    border: none;
    margin: 0 5px 0 0;
}
.btn-confirmBack:hover {
    background: url(../img/btn-back_bg_on.gif) repeat-x left top;
}
/*@-moz-document url-prefix() {
    .btn-confirmPost {
        padding: 0 5px 2px;
    }
    .btn-confirmBack {
        padding: 0 2px 2px 8px;
    }
}*/
#JournalList h2,
#Journal h2 {
    font-size: 95%;
}
#JournalList .journal-cont,
#Journal .journal-cont {
    margin: 0 0 15px;
}
#JournalList article {
    margin: 0 0 40px;
}
#JournalList .journal-cont ul,
#Journal .journal-cont ul {
    margin: 0px 40px;
}
#JournalList .journal-cont ul li,
#Journal .journal-cont ul li {
    list-style-type: square;
}
#JournalList .journal-cont ol,
#Journal .journal-cont ol {
    margin: 0px 40px;
}
#JournalList .journal-cont ol li,
#Journal .journal-cont ol li {
    list-style-type: decimal;
}
/*---------------------
  document_wrap
----------------------- */
section#document_wrap h2 {
    font-size: 85%;
    font-weight: bold;
    line-height: 200%;
    border-bottom:1px dotted;
    margin-bottom: 10px;
    background: none;
    padding: 0;
}
section#document_wrap h3 {
    font-size: 75%;
}
section #document li {
    font-size: 75%;
    font-size: 0.75rem;
}
section #document .txt-list01 {
    padding-bottom: 30px;
}
section #document .txt-list01 li.c1 {
    display: inline-block;
    /* *display: inline;
    *zoom: 1;*/
    padding: 0 25px 0 0;
}
section #document .txt-list02 {
    padding-bottom: 10px;
    overflow: hidden;
}
section #document .txt-list02 h3 {
    font-weight: bold;
}
section #document .txt-list02 section.tree00 {
    float: left;
    padding: 0 35px 20px 0;
    width:156px;
}
section #document .txt-list02 ul.tree01 {
    padding: 0 0 0 12px;
    overflow: hidden;
}
section #document .txt-list02 ul.tree01 li.c2 {
    padding: 0 0 0 14px;
    margin: 0 0 0 3px;
    font-size: 75%;
    font-size: 0.75rem;
}
section #document .txt-list02 ul.tree01 li.c3 {
    padding: 0 0 0 28px;
    margin: 0 0 0 3px;
    font-size: 75%;
    font-size: 0.75rem;
}
section #document .txt-list02 ul.tree01 li.c4 {
    padding: 0 0 0 42px;
    margin: 0 0 0 3px;
    font-size: 75%;
    font-size: 0.75rem;
}
section #document .txt-list02 ul.tree01 ul.tree02 li.c5 {
    padding: 0 0 0 56px;
    margin: 0 0 0 3px;
    font-size: 75%;
    font-size: 0.75rem;
}
section #document .txt-list02 ul.tree01 li.sp1 {
    float:left;
    padding: 0 0 0 14px;
    margin: 0 0 0 3px;
    font-size: 75%;
    font-size: 0.75rem;
}
section #document .txt-list02 ul.tree01 li.sp2 {
    float:left;
    padding: 0 0 0 2px;
    font-size: 75%;
    font-size: 0.75rem;
}
section #document .txt-list02 ul.tree01 li.sp3{
    float:left;
    padding: 0 0 0 2px;
    font-size: 75%;
    font-size: 0.75rem;
}
section #document .txt-list02 ul.tree01 ul.tree02 li.c5 a{
    display: inline;
    /* *display: inline;
    *zoom: 1;*/
    padding: 0 10px 0 0;
    font-size: 110%;
    font-size: 0.75rem;
}
section #document .txt-list02 ul.iB {
    padding: 5px 0 0 12px;
    float: left;
    line-height: 120%;
}
section #document .txt-list02 ul.iB li {
    padding: 0 10px 0 0;
    float: left;
}
section #document .txt-list03 {
    padding-bottom: 30px;
    overflow: hidden;
}
section #document .txt-list03 section.tree00 {
    float: left;
    padding: 0 35px 0 0;
    width: 156px;
}
section #document .txt-list03 ul.tree01 li {
    padding: 0 0 0 7px;
    margin: 0 0 0 5px;
    background: url(../img/ico_list01.gif) no-repeat left center;
}
/*---------------------
  contact
----------------------- */
#contact div.caution {
    margin-bottom: 15px;
}
#contact div.caution p {
    color: #d51414;
    font-size: 70%;
    line-height: 145%;
}
#formArea_cc #contact form {
    margin-top: 30px;
}
#contents-pop #contact {
    width: auto;
    margin: 10px 20px;
}
#contact {
    width: 720px;
    margin: 0 auto;
}
#contact h4 {
    font-size: 75%;
}
#contact .txtBox {
    margin: 25px 0 10px;
}
section #contact .text-center {
    text-align: center;
    margin: 50px 0;
}
#contact .txtBox p.txt-T {
    font-size: 80%;
    font-weight: bold;
    margin-bottom: 5px;
}
section #document li {
    font-size: 100%;
    font-size: 0.75rem;
}
#contact table {
    width: 100%;
    margin: 10px 0 0;
    word-break:break-all;
}
#contents-pop table {
    width: 100%;
}
#contact table th {
    padding: 20px;
    font-size: 75%;
    font-weight: bold;
    color: #2B2B2B;
    background-color: #EEE;
    border-top: dotted 1px #000;
    border-bottom: dotted 1px #000;
}
#contact em {
    color: #C23E42;
    margin-left: 5px;
    font-size: 90%;
    font-size: 0.7rem;
}
#contact table td {
    font-size: 75%;
    font-size: 90%\9;
    padding:20px;
}
#contact table td input.name,
#contact table td input.tel {
    height: 16px;
    width: 40%;
    padding: 2px 5px;
}
#contact table td input.mailAddress,
#contact table td input.mailAddress2 {
    height: 20px;
    width: 60%;
}
#contact .weaktxt {
    color: #333;
    font-size: 90%;
    padding: 5px 0 0;
}
#contact .note {
    color: #333;
    font-size: 95%;
    font-size: 0.7rem;
    line-height: 150%;
    margin: 0 0 15px;
}
#contact .txtBox .note {
    font-size: 70%;
    font-size: 0.7rem;
}
#contact table td textarea {
    height: 150px;
    width: 90%;
    padding: 5px;
}
#contact table td .text-area {
    display: block;
    margin: 0 0 15px;
}
#contact .btn-confirm {
    text-align: center;
    padding: 20px;
    border-bottom: none;
    font-size: 100%;
}
#contact .btn-confirm-enq {
    padding: 20px;
    font-size: 100%;
}
#contact input.btn-confirmNext {
    height: 25px;
    width: 150px;
    color: #FFF;
    font-size: 75%;
    font-size: 0.75rem;
    text-align: center;
    background: url(../img/btn-confirm_bg.gif) repeat-x left top;
    border: none;
    margin: 0 5px;
}
#contact input.btn-confirmNext:hover {
    background: url(../img/btn-confirm_bg_on.gif) repeat-x left top;
}
#contact .btn-enq input.btn-confirmNext {
    height: 25px;
    width: 200px;
    color: #FFF;
    padding: 0;
    font-size: 75%;
    font-size: 0.75rem;
    background: url(../img/btn-confirm_bg.gif) repeat-x left top;
    border: none;
    margin: 0 5px;
}
#contact .btn-enq input.btn-confirmNext:hover {
    background: url(../img/btn-confirm_bg_on.gif) repeat-x left top;
}
#contact input.btn-confirmBack {
    height: 25px;
    width: 80px;
    color: #FFF;
    padding: 0 0 0 8px;
    font-size: 75%;
    font-size: 0.75rem;
    text-align: center;
    background: url(../img/btn-back_bg.gif) no-repeat left top;
    border: none;
    margin: 0 5px;
}
#contact input.btn-confirmBack:hover {
    background: url(../img/btn-back_bg_on.gif) no-repeat left top;
}
#contact input.btn-confirmCancel {
    height: 25px;
    width: 120px;
    color: #FFF;
    padding: 0 0 0 8px;
    font-size: 75%;
    font-size: 0.75rem;
    text-align: center;
    background: url(../img/btn-confirm_bg.gif) repeat-x left top;
    border: none;
    margin: 0 5px;
}
#contact .btn-confirmCancel:hover {
    background: url(../img/btn-confirm_bg_on.gif) repeat-x left top;
}
#contact .btn-confirmClose {
    height: 25px;
    width: 120px;
    color: #FFF;
    padding: 0 0 0 8px;
    font-size: 80%;
    font-size: 0.8rem;
    text-align: center;
    background: url(../img/btn-close_bg.gif) no-repeat left top;
    border: none;
    margin: 0 5px;
}
#contact .btn-confirmClose:hover {
    background: url(../img/btn-close_bg_on.gif) no-repeat left top;
}
@-moz-document url-prefix() {
        #contact .btn-enq input.btn-confirmNext {
          padding: 0 5px 2px;
        }
        #contact input.btn-confirmNext {
          padding: 0 5px 2px;
        }
        #contact input.btn-confirmBack {
          padding: 0 2px 2px 8px;
        }
        #contact input.btn-confirmCancel {
          padding: 0 2px 3px 8px;
        }
        #contact input.btn-confirmClose {
          padding: 0 2px 4px 8px;
        }
}
#contact fieldset {
    margin-bottom: 25px;
}
#contact legend {
    background: none repeat scroll 0 0 transparent;
    border-bottom: 1px dotted;
    font-size: 75%;
    font-weight: bold;
    line-height: 200%;
    margin-bottom: 10px;
    padding: 0;
    width: 100%;
}
#contact fieldset p {
    margin-bottom: 5px;
    font-size: 75%;
    font-size: 0.75rem;
}
#contact fieldset ul {
    overflow: hidden;
}
#contact fieldset li {
    font-size: 75%;
    font-size: 0.75rem;
}
#contact fieldset li.fL {
    float: left;
    margin-right: 20px;
}
#contact fieldset input {
    margin: 0 3px 2px 0;
}
#contact fieldset label {
    margin-right: 10px;
    font-size: 100%;
    font-size: 0.75rem;
}
#contact input.txtF {
    height: 16px;
    margin: 0;
    padding: 2px 5px;
}
#contact input.mailAddress {
    width: 300px;
    margin: 0;
}
#contact input.name_sei {
    margin: 0 10px 0 0;
}
#contact select {
    margin: 0 0 5px;
    padding: 3px 1px;
    min-width: 110px;
}
#contact fieldset textarea {
    width: 70%;
    height: 150px;
    padding: 5px;
}
#contact .commentItem {
    padding: 10px 0 0;
}
#contact table td.commentWite {
    border-bottom: 1px dotted #000000;
    border-top: 1px dotted #000000;
    font-size: 100%;
    padding: 15px 20px 20px;
    width: 72%;
}
#contact .commentItem {
    font-weight: 150%;
}
#contact .memberF {
    padding: 20px 20px 10px;
    margin: 20px 0 0 0;
    border: 10px solid #EEE;
}
#contact .atttxt {
    color: #333;
    font-size: 75%;
    padding: 5px 0 0;
}
#contact .memberF input {
    width: 40%;
    height: 16px;
    margin: 0;
    padding: 2px 5px;
}
#contact .memberF th {
    padding: 10px 20px;
}
#contact .memberF td {
    padding: 10px 20px;
    font-size: 100%;
}
#contact .memberF input.btn-confirm160 {
    margin: 10px 0 0;
}
.memberName {
    border-bottom: 1px dotted;
    font-size: 75%;
    font-weight: bold;
    line-height: 200%;
    margin-bottom: 5px;
    padding: 0;
}
#contact input.btn-confirm120 {
    height: 25px;
    width: 120px;
    color: #FFF;
    padding: 0;
    font-size: 75%;
    font-size: 0.75rem;
    background: url(../img/btn-confirm_bg.gif) repeat-x left top;
    border: none;
    margin: 0 5px;
}
#contact input.btn-confirm120:hover {
    background: url(../img/btn-confirm_bg_on.gif) repeat-x left top;
}
#contact input.btn-confirm160 {
    height: 25px;
    width: 160px;
    color: #FFF;
    padding: 0 0 0 8px;
    font-size: 75%;
    font-size: 0.75rem;
    text-align: center;
    background: url(../img/btn-confirm_bg.gif) repeat-x left top;
    border: none;
}
#contact input.btn-confirm160:hover {
    background: url(../img/btn-confirm_bg_on.gif) repeat-x left top;
}
#contact input.btn-confirmReg {
    height: 25px;
    width: 160px;
    color: #FFF;
    padding: 0 0 0 8px;
    font-size: 75%;
    font-size: 0.75rem;
    text-align: center;
    background: url(../img/btn-confirm_bg.gif) repeat-x left top;
    border: none;
}
#contact input.btn-confirmReg:hover {
    background: url(../img/btn-confirm_bg_on.gif) repeat-x left top;
}
#contact input.btn-confirmBackItem {
    height: 25px;
    width: 120px;
    color: #FFF;
    padding: 0 5px 2px 15px;
    font-size: 75%;
    font-size: 0.75rem;
    text-align: center;
    background: url(../img/btn-back_bg120.gif) no-repeat left top;
    border: none;
    margin: 0 5px;
}
#contact input.btn-confirmBackItem:hover {
    background: url(../img/btn-back_bg120_on.gif) no-repeat left top;
}
@-moz-document url-prefix() {
        #contact input.btn-confirm120,
        #contact input.btn-confirm160,
        #contact input.btn-confirmReg {
          padding: 0 5px 2px;
        }
        #contact input.btn-confirmBackItem {
          padding: 0 2px 2px 8px;
        }
}
#contact .mailm:first-child {
    margin: 3px 0 0;
}
#contact .mailm {
    margin: 30px 0 0 0;
}
#contact .mailm .txtBox {
    margin: 0;
}
#contact .mailm .txtBox h2 {
    border-bottom: none;
    margin: 0;
    font-weight: normal;
}
#contact .mailm .caution {
    margin: 0 0 5px;
}
#contact table.mailMF td {
    overflow: hidden;
    font-size: 100%;
    border-top: dotted 1px #000;
    border-bottom: dotted 1px #000;
}
#contact table.mailMF input.mailAddress {
    margin: 0 10px 0 0;
    float: left;
}
#contact table.mailMF span.btn-confirm {
    display: block;
    float: left;
    padding: 0;
}
#contact table.mailMF input.btn-confirmNext,
#contact .mailMC input.btn-confirmNext {
    float: left;
    height: 21px;
    width: 100px;
    padding: 0 5px 2px;
}
#contact .mailMF input.btn-confirmNext:hover {
    background: url(../img/btn-confirm_bg_on.gif) repeat-x left top;
}
@-moz-document url-prefix() {
        #contact table.mailMF input.btn-confirmNext,
        #contact .mailMC input.btn-confirmNext {
          padding: 0 5px 3px;
        }
}
#contact table.mailMF td.n1 {
    border-bottom: none;
    padding: 20px 20px 10px;
}
#contact table.mailMF td.n2 {
    border-top: none;
    padding: 10px 20px 20px;
}
#contact table.mailMF td p {
    float: left;
    padding: 2px 0 0;
    margin-right: 10px;
}
#contact input.mailAddress_new {
    height: 20px;
    width: 60%;
    margin: 0 10px 0 0;
    float: left;
}
#contact .mailMC span.btn-confirm {
    display: block;
    padding: 0;
}
#contact .freeArea {
    margin: 60px 50px 0;
    width: 620px;
    background-color: #FFFFFF;
}
#contact .ann-input {
    margin: 5px 0 0;
    font-size: 100%;
}
#contact .ann-input input {
    margin: 0 3px 2px 0;
}
/*---------------------
  itemList
----------------------- */
#itemList_wrap {
    margin-bottom: 20px;
}
#itemList,
#itemList2 {
    margin-top: 15px;
    position: relative;
}
#itemList2 .column3 h2,
#itemList2 .column4 h2,
#itemList2 .column5 h2 {
    font-size:100%;
    font-weight: bold;
}
#itemList2 .column3,
#itemList2 .column4,
#itemList2 .column5 {
    width:100%;
    height:auto;
    max-width:100%;
    border-bottom:solid 1px #ddd;
    position: relative;
    min-height: auto;
    /* margin-bottom: 15px; */
}
#itemList2 .column3 .itemThumb-wrap,
#itemList2 .column4 .itemThumb-wrap,
#itemList2 .column5 .itemThumb-wrap {
    display: block;
    float:left;
    width:25%;
    box-sizing:border-box;
}
#itemList2 .column3 .inner-catch,
#itemList2 .column4 .inner-catch,
#itemList2 .column5 .inner-catch {
    line-height: 145%;
}
#itemList2 p[class^="sps-wishArea"]{
    margin-bottom:0;
    position:absolute;
    bottom: 5px;
    right: 5px;
}
#itemList2 .sps-wishAddItem img,
#itemList2 .sps-wishAddItemOk img{
    display: inline;
    width: 100%;
    max-width: 170px;
    /* margin-bottom: 8px; */
}
#itemList_wrap #pager-top {
    width: 100%;
    padding-top: 5px;
    overflow: hidden;
    border-top: 1px dotted #333333;
    line-height: 100%;
}
#itemList_wrap div.pagerlist #pager-bm {
    width: 100%;
    padding: 0;
    margin: 0 0 20px 0;
    overflow: hidden;
    line-height: 100%;
}
#itemList_wrap #pager-top .quantity {
    float: left;
    font-size:80%;
    line-height:100%;
}
#itemList_wrap #pager-bm .quantity {
    float: left;
    font-size:80%;
    line-height:100%;
    margin: 1px 30px 0 0;
}
#itemList_wrap #pager-top .selectbox,
#itemList_wrap #pager-bm .selectbox {
    font-size: 70%;
}
#itemList_wrap #pager-top .selectbox {
    margin-bottom:10px;
}
#itemList_wrap #pager-top .selectbox .select01 {
    margin-right:10px;
}
#itemList_wrap #pager-top .pagerlist,
#itemList_wrap #pager-bm .pagerlist {
    float: right;
}
#itemList_wrap #pager-top ul li,
#itemList_wrap #pager-bm ul li {
    float: left;
    padding: 0 4px;
    line-height: 120%;
    font-size: 80%;
}
#pager-top ul li.selected,
#pager-bm ul li.selected {
    font-weight: bold;
    color: #333;
    text-decoration: none;
}
/* カートエリア */
.cartArea input{
    width:100%;
}
/**** 商品ページ ****/
#itemDetail-cont {
    overflow: hidden;
}
#itemDetail-cont .cartArea input:hover,
#itemDetail-cont .cartArea .variation a:hover{
    opacity: .70;
    filter: alpha(opacity=70);
    -ms-filter: "alpha(opacity=70)";
    -khtml-opacity: .70;
    -moz-opacity: .70;
    cursor: pointer;
}
#itemDetail-cont .itemThumb-wrap {
    float: left;
    box-sizing: border-box;
    width: 50%;
    padding: 0 10px;
    margin: 0;
}
#itemDetail-cont .itemThumb-wrap .itemThumb-main {
    padding-bottom: 10px;
    text-align:center;
}
#itemDetail-cont .itemThumb-wrap .itemThumb-main a{
    display: block;
}
#itemDetail-cont .itemThumb-wrap .itemThumb-main img {
    display: block;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 380px;
    margin: auto;
}
/* ボタン */
.button {
    padding: 0.6em 1em 0.4em;
    display: inline-block;
    border: solid 2px;
    border-radius: 2em;
    text-decoration: none;
    text-align: center;
    max-width: 300px;
}
.button.blue {
    border-color: #747BAD;
    background-color: #ADB0E7;
    color: #fff;
}
.button.yellow {
    border-color: #FFC200;
    background-color: #F9FF00;
    color: #f44336;
}
.button:hover {
    text-decoration: none;
    opacity: 0.7;
}
/* sampleMedia */
.sampleMedia {
    margin-left: 1em;
    margin-bottom: 0.4em;
    vertical-align: middle;
    display: inline-block;
    width: 100%;
    max-width: 330px;
}
.sampleMedia::before {
    content: "sample";
    font-size: 0.7em;
    color: #999;
    font-weight: bold;
}
.sampleMedia audio {
    vertical-align: middle;
    margin-left: 0.6em;
    width: 100%;
    max-width: 270px;
    max-height: 48px;
}
/* mokuji */
.mokuji ul {
    margin-left:1em;
    margin-bottom: 1em;
}
.positionName {
    font-size:0.82em;
    margin-left:1em;
}
.mokuji__leadText {
    font-style: oblique;
    color:#3F51B5;
    margin-left:2em;
    text-indent:-1em;
}
/* amazon・立ち読み */
.utilityButton {
    text-align: left;
    margin-bottom:2em;
}
.utilityButton img {
    width: 45%;
    max-width:173px;
    margin: 0.3em;
    border: none!important;
}
#itemDetail-cont .itemThumb-wrap .itemThumb ul {
    overflow: hidden;
}
#itemDetail-cont .itemThumb-wrap .itemThumb ul li {
    float: left;
    padding: 0;
    height: 66px;
    width: 66px;
    margin: 0 5px 5px 0;
    overflow: hidden;
}
#itemDetail-cont .itemOutline {
    float: left;
    width: 48%;/* original 350px;*/
}
#itemDetail-cont .itemOutline .icons {
    margin: 0 0 15px 0;
}
#itemDetail-cont .itemOutline  ul.ico_salesMethod {
    overflow: hidden;
    margin: 0 0 10px 0;
}
#itemDetail-cont .itemOutline ul.ico_salesMethod li {
    float: left;
    width: 60px;
    height: 17px;
}
#itemDetail-cont .itemOutline ul.ico_itemType {
    overflow: hidden;
}
#itemDetail-cont .itemOutline ul.ico_itemType li {
    float: left;
    width: 35px;
    height: 36px;
}
.tachiyomibox{
    position:relative;
    width:100%;
    padding:75% 0 0 0;
    margin:10px 0 40px;
}
.tachiyomibox iframe{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    margin:20px 0;
}
article#Detail #main-column {
    text-align: left;
}
article#Detail #main-column h1 {
    background: none;
    margin-bottom: 10px;
    font-size: 116%;
    font-weight: bold;
    padding: 0;
}
article#Detail section#itemDetail-wrap p.price {
    font-size: 90%;
    margin-bottom: 3px;
}
article#Detail section#itemDetail-wrap p.sp_price {
    font-size: 90%;
    color: #FF0000;
    font-weight: bold;
    margin-bottom: 3px;
}
article#Detail section#itemDetail-wrap p.regular_price {
    font-size: 90%;
    margin-bottom: 0;
    color: #2A78D0;
}
section#itemDetail-wrap table.spec {
    line-height: 250%;
    margin: 15px 0 15px;
    font-size: 90%;
}
section#itemDetail-wrap table.spec input {
    min-width: 4em;
    font-size: 16px;
}
section#itemDetail-wrap table.spec tr {
    border: none;
}
section#itemDetail-wrap table.spec tr.date {
    line-height:150%;
}
section#itemDetail-wrap table.spec th {
    vertical-align: top;
    padding: 0 5px 0 0;
    width: 40%;
}
section#itemDetail-wrap table.date {
    margin: 15px 0 3px;
}
section#itemDetail-wrap table.jan {
    margin: 0 0 15px;
}
section#itemDetail-wrap table.price {
    line-height: 170%;
    margin: 0 0 20px;
}
section#itemDetail-wrap table.price th {
    font-size: 90%;
    padding: 0 0 1px;
}
section#itemDetail-wrap table.price td {
    font-size: 80%;
}
table.price tr.fx_price span.strike span.fixed_price,
table.price span.strike {
    text-decoration: line-through;
}
table.price tr.price span.selling_price,
table.price tr.price span.taxin,
table.price tr.price span.discount_rate,
table.price tr.sp_price span.special_price,
table.price tr.sp_price span.taxin,
table.price tr.sp_price span.discount_rate {
    color: #FF0000;
    font-size: 120%;
    font-weight: bold;
    margin-bottom: 3px;
}
table.price tr.rg_price span.regular_price_str {
    color: #2A78D0;
    margin-bottom: 3px;
}
table.price tr.rg_price span.regular_price,
table.price tr.rg_price span.taxin {
    color: #2A78D0;
    margin-bottom: 3px;
}
table.price tr.rg_price span.publish_point {
    color:inherit;
}
.quantityArea select.quantity {
    padding: 1px 2px;
}
section#itemDetail-wrap .cartArea {
    margin-bottom: 20px;
}
section#itemDetail-wrap .cartArea img {
    width: 48%;/* original 350px;*/
    height: 30px;
}
section#itemDetail-wrap .cartArea img.nostock {
    width: auto;
    height: auto;
}
section#itemDetail-wrap .cartArea table.variation {
    width: 100%;
    word-break:break-all;
}
section#itemDetail-wrap .cartArea tr.t-variation {
    background-image: url(../img/valiation_bk.gif);
    background-repeat: x-repeat;
    background-position: left top;
}
section#itemDetail-wrap .cartArea table.variation th {
    font-size: 60%;
    font-weight: bold;
    padding: 3px 5px;
    text-align: center;
    line-height: 150%;
    border: 1px solid #CCCCCC;
}
section#itemDetail-wrap .cartArea table.variation tr {
    border-bottom: 1px dotted #CCCCCC;
}
section#itemDetail-wrap .cartArea table.variation tr.t-variation {
    border: none;
}
section#itemDetail-wrap .cartArea table.variation td {
    font-size: 60%;
    padding: 5px;
    text-align: center;
    line-height: 150%;
    border: 1px solid #CCCCCC;
}
section#itemDetail-wrap .cartArea table.variation td img {
    vertical-align: middle;
    width: 110px;
    height: 20px;
}
section#itemDetail-wrap .cartArea table.variation span.nostock {
    color: #F00;
}
section#itemDetail-wrap p.cancel {
    padding-left: 20px;
    /*background-image: url(../img/ico_return.gif);
    background-repeat: no-repeat;
    background-position: left top;*/
    font-size: 70%;
    margin-bottom: 5px;
}
section#itemDetail-wrap p.review_txt {
    padding-left: 20px;
    background-image: url(../img/ico_review.gif);
    background-repeat: no-repeat;
    background-position: left top;
    margin-bottom: 15px;
    font-size: 70%;
}
section#itemDetail-wrap p.cancel a,
section#itemDetail-wrap p.review_txt a {
    display: block;
}
article#Detail .itemOutline ul.infoArea {
    overflow: hidden;
    margin-bottom: 10px;
    height:30px;
}
.snsArea td {
    vertical-align: top;
    position: relative;
}
.snsArea td>* {
    margin: 0 0.1em!important;
}
section#itemDetail-wrap .itemOutline li {
    float: left;
    margin-right: 5px;
}
section#itemDetail-wrap .description {
    margin: 20px 0 0;
    width: 100%;
    padding: 0;
}
section#itemDetail-wrap .description h2{
    font-size: 1.2em;
    line-height: 1.6em;
}
section#itemDetail-wrap .description h3{
    font-size: 1.2em;
    line-height: 1.5em;
    font-weight: bold;
    margin-bottom: 0.6em;
}
section#itemDetail-wrap .description h4{
    font-size: 1em;
    line-height: 1.5em;
    font-weight: bold;
    margin-bottom: 0.4em;
}
section#itemDetail-wrap .description p {
    font-size: 100%;
    line-height: 160%;
    margin-bottom: 0.8em;
}
section#itemDetail-wrap .description li {
    vertical-align: middle;
    margin-bottom: 0.3em;
}
section#itemDetail-wrap .description blockquote {
    background: #c7cade;
    padding: 1em;
    margin: 1em;
    max-width: 520px;
    width: auto;
}
section#itemDetail-wrap .description .mokuji ul {
    margin-bottom: 1em;
    padding-left: 1em;
}
section#itemDetail-wrap .description .mokuji ul ul {
	padding-left: 1em;
	margin-bottom: 0.6em;
}
section#itemDetail-wrap .description .mokuji ul>li,.inlineblock>li {
	display: inline-block;
	margin-right: 2em;
	min-width: 6em;
}
section#itemDetail-wrap .description .contentsList_column2 ul {
    width: 50%;
    float: left;
    min-width: 300px;
    font-size: 90%;
}
section#itemDetail-wrap .description .contentsList_column3>ul>li {
    width: 33.33%;
    float: left;
    box-sizing: border-box;
    padding: 0 0.5em;
}
section#itemDetail-wrap .description .contentsList_column3>ul>li img {
    max-height: 180px;
    margin: auto;
    display: block;
}
article#Detail #main-column .spec-g_txt_table_wrap {
    width: 100%;
    overflow: hidden;
}
article#Detail #main-column section.spec-g_txt {
    float: left;
    margin-right: 4%;
    width: 48%;
    padding: 20px 0 0;
}
article#Detail #main-column section.spec-g_txt p {
    font-size: 70%;
    padding-top: 10px;
    line-height: 160%;
}
article#Detail #main-column section.spec-g_table {
    float: right;
    width: 48%;
    padding: 20px 0 0;
}
article#Detail #main-column section.spec-g_table table {
    width: 100%;
}
article#Detail #main-column section.spec-g_table th {
    width: 70px;
    max-width: 70px;
    min-width: 25px;
    padding: 5px 0;
}
article#Detail #main-column section.spec-g_table tr {
    border-bottom: 1px dotted #CCC;
    width: 100%;
    font-size: 65%;
}
article#Detail #main-column section.spec-g_table td {
    padding: 5px 0;
}
article#Detail #main-column .w100 section.spec-g_txt {
    float: none;
    width: 100%;
}
article#Detail #main-column .w100 section.spec-g_txt p {
    font-size: 70%;
    padding-top: 10px;
    line-height: 160%;
}
article#Detail #main-column .w100 section.spec-g_table {
    float: none;
    width: 100%;
}
article#Detail #main-column .w100 table.spec-g_cont tr {
    border-bottom: 1px dotted #CCC;
    width: 100%;
}
article#Detail #main-column .w100 table.spec-g_cont th {
    padding: 5px 0;
}
article#Detail #main-column .w100 table.spec-g_cont td {
    padding: 5px 0;
}
section.userreview {
    padding: 20px 0 0;
}
section.userreview table.userreview_list {
    width: 100%;
    font-size: 70%;
    margin: 10px 0 0 0;
    line-height: 160%;
    border-bottom: 1px dotted #CCC;
}
section.userreview div.more {
    width: 80px;
    height: 19px;
    margin: 3px 0 0 0;
}
section.userreview div.more a img {
    width: 80px;
    height: 19px;
    vertical-align: middle;
}
section.userreview table.userreview_list tr td.userreview_user {
    text-align: left;
}
section.userreview table.userreview_list tr td.userreview_date {
    text-align: right;
}
section.userreview table.userreview_list td.userreview_rate img {
    vertical-align: middle;
}
section.userreview table.userreview_list td.userreview_comment {
    padding: 10px 0 20px;
}
/**** recommend ****/
.recommend {
    margin-top: 2.4em;
    border-bottom: none;
}
.recommend h2 {
    font-size: 1.1em;
    color: #7883B7;
    border-bottom: solid 2px #7883B7;
}
.recommend .column3 .price,
.recommend .column4 .price,
.recommend .column5 .price {
    display: block;
}
/**** //recommend ****/
/**** review// ****/
.reviewWrap {
    font-size: 1em;
    margin: 40px auto;
    border: solid 1px #ddd;
    border-left: none;
    border-right: none;
    border-bottom: none;
}
.reviewWrap .review {
    margin: 0px auto 35px;
    padding: 8px;
    border: solid 1px #ddd;
}
.reviewWrap .review p {
    font-size: 0.92em;
    line-height: 1.7;
}
.reviewWrap .review .review_person {
    font-weight: bold;
    font-size: 0.84em;
}
.reviewWrap .review .review_content {
    padding-left: 40px;
}
.reviewWrap .review .review_person:before {
    content: "";
    width: 34px;
    height: 34px;
    display: inline-block;
    margin-right: 5px;
    background-color: #ccc;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url('https://doyusha.net/images/avatar.svg');
    border-radius: 50%;
    vertical-align: middle;
}
.reviewWrap h2 {
    font-size: 1.32em;
    margin: 20px 0;
    color: inherit;
    padding: 15px 0;
    line-height: 1;
    border-bottom: none;
}
/**** //review ****/
.column-set .quantityArea {
    margin-top: 5px;
}
.column-set .quantityArea span {
    font-size: 70%;
}
#main-column .pageNav_top {
    overflow: hidden;
    font-size: 70%;
    padding-bottom: 5px;
    border-bottom: 1px dotted #111111;
}
#main-column .pageNav {
    font-size: 70%;
}
#main-column .pageL {
    float: left;
    width:100%;
}
#main-column .pageNav_top .pageL {
    width: 50%;
}
#main-column .pageR {
    float: right;
}
#main-column h1 {
    background: url("../img/Tline-scolumn.gif") repeat-x scroll left bottom transparent;
}
#main-column h1.catheading {
    background: none;
    border-top: solid 3px #747bad;
    border-bottom: solid 3px #747bad;
    font-size: 1.6em;
    color: #747bad;
    padding: 0;
}
#main-column .catheading .parrentcat {
    font-size: 0.6em;
    margin-left: 1em;
    font-weight: normal;
}
#main-column section.rating {
    padding-bottom: 30px;
    margin-bottom: 5px;
    border-bottom: 1px dotted #111111;
}
#main-column section.rating .reviewBox {
    overflow: hidden;
    margin: 15px 0;
}
#main-column section.rating .tmb {
    float: left;
    margin-right: 20px;
    width:80px;
}
#main-column section.rating .reviewTxt {
    float: right;
    width: 620px;
}
#main-column section.rating .reviewTxtNoImg {
    float: left;
    width: 100%;
}
#main-column section.rating .ttlArea {
    overflow: hidden;
}
#main-column section.rating h2 {
    float: left;
    font-size: 100%;
    background: none;
    font-weight: normal;
    padding: 0;
    margin: 0;
    line-height: 160%;
    border-bottom: none;
}
#main-column section.rating .btnMore {
    float: right;
}
#main-column section.rating .reviewTxt ul ,
#main-column section.rating .reviewTxtNoImg ul {
    margin: 5px 0;
    vertical-align: middle;
    line-height: 120%;
    overflow: hidden;
}
#main-column section.rating .reviewTxt ul li ,
#main-column section.rating .reviewTxtNoImg ul li {
    float: left;
    margin-right: 5px;
    font-size: 75%;
}
#main-column section.rating .comment p {
    background: #eaeaea;
    padding: 5px 15px 15px;
}
#main-column section.rating .comment h3 {
    padding: 20px 0 0 15px;
    background: url(../img/shop/trigona.png) no-repeat;
    font-size: 70%;
    font-weight: bold;
}
#main-column .pageNav .pageL strong , #main-column .pageNav_top .pageL strong {
    font-weight: bold;
}
#main-column section.rating .reviewBox_item h2 {
    color: #0C3;
    float: left;
    font-size: 75%;
    background: none;
    font-weight: bold;
    padding: 0;
    margin: 0;
    line-height: 160%;
    border-bottom: none;
}
#main-column section.rating .reviewBox_item {
    margin: 15px 0;
}
#main-column section.rating .reviewBox_item ul {
    overflow: hidden;
    vertical-align: middle;
    line-height: 120%;
}
#main-column section.rating .reviewBox_item ul li {
    float: left;
    margin-right: 5px;
    margin-bottom: 10px;
    font-size: 75%;
}
#main-column section.rating .reviewBox_item ul li.point {
    margin-right: 20px;
    color: #F60;
    font-weight: bold;
}
#main-column section.rating ul li.space {
    margin-right: 20px;
}
#main-column #itemBox {
    overflow: hidden;
    margin-bottom: 15px;
}
article #itemBox h2 {
    float: left;
    font-size: 90%;
    border-bottom: none;
}
article #itemBox p {
    float: right;
}
#contact #center1 .centerbox {
    margin:0px;
}
#contact #center1 .centerbox .mainCont .step_navi01 {
    /*background-image: url("https://doyusha.net/hpgen/img/navi01.gif");*/
    background-image: url(../img/navi01.gif);
    background-repeat: no-repeat;
    background-size: contain;
}
#contact #center1 .centerbox .mainCont .step_navi02 {
    /*background-image:url("https://doyusha.net/hpgen/img/navi02.gif");*/
    background-image: url(../img/navi02.gif);
    background-repeat:no-repeat;
    background-position:left center;
    background-size: contain;
}
#contact #center1 .centerbox .mainCont .step_navi03 {
    /*background-image:url("https://doyusha.net/hpgen/img/navi03.gif");*/
    background-image: url(../img/navi03.gif);
    background-repeat:no-repeat;
    background-position:left center;
    background-size: contain;
}
#contact #center1 .centerbox .mainCont .step_navi04 {
    /*background-image:url("https://doyusha.net/hpgen/img/navi04.gif");*/
    background-image: url(../img/navi04.gif);
    background-repeat:no-repeat;
    background-position:left center;
    background-size: contain;
}
#contact #center1 .centerbox .mainCont .step_navi01,
#contact #center1 .centerbox .mainCont .step_navi02,
#contact #center1 .centerbox .mainCont .step_navi03,
#contact #center1 .centerbox .mainCont .step_navi04 {
    height: 83px;
    text-align: center;
    width: 100%;
}
#contact #center1 .centerbox .mainCont input[type="button"],
#contact #center1 .centerbox .mainCont input[type="submit"]{
    height: 25px;
    color: rgb(255, 255, 255);
    padding: 0px 4px;
    font-size: 0.68rem;
    text-align: center;
    background: #000 url("../img/btn-confirm_bg.gif") repeat left top transparent;
    /*background: url("../img/btn-confirm_bg.gif") repeat-x scroll left top transparent;*/
    border: medium none;
    margin: 5px 0px;
    width:auto;
}
#contact #center1 .centerbox .mainCont input[type="button"]:hover,
#contact #center1 .centerbox .mainCont input[type="submit"]:hover{
    background: url(../img/btn-confirm_bg_on.gif) repeat-x left top;
}
#contact #center1 .center{
    text-align:center!important;
}
#contact #center1 p.center a#logout{
    float:none;
}
#deli_scadule .deli_plan_box{
    width:681px;
}
#contact #center1 .centerbox .mainCont input[name="PZIP_SEEK"]{
    width:180px;
}
#contact #center1 .centerbox .mainCont .bordlayoutp3 #deli_scadule .deli_plan_box table.deli_plan_cal td table td.day,
#contact #center1 .centerbox .mainCont .bordlayoutp3 #deli_scadule .deli_plan_box table.deli_plan_cal td table td.sat,
#contact #center1 .centerbox .mainCont .bordlayoutp3 #deli_scadule .deli_plan_box table.deli_plan_cal td table td.sun,
#center3 .centerbox table td[align="right"],
#center3 .centerbox .right,
#contact #center1 .right{
    text-align:right!important;
}
#center-seo .centerbox .backcolor3 .deli_plan_box table.layoutp5 th,
#center-seo .centerbox table th[align="left"],
#center-seo .centerbox table td[align="left"],
#center3 .centerbox .backcolor3 .deli_plan_box table.layoutp5 th,
#center3 .centerbox table th[align="left"],
#center3 .centerbox table td[align="left"],
#contact #center1 .left{
    text-align:left!important;
}
#contact #center1 .middle{
    vertical-align:middle!important;
}
#contact #center1 .buttom{
    vertical-align:bottom!important;
}
#contact #center1 .float_left{
    float:left!important;
}
#contact #center1 .centerbox .title1{
    padding:15px 0px 12px 8px;
    margin:0px;
    width:auto;
    line-height:100%;
    font-weight:bold;
    font-size:12px;
    vertical-align:middle;
    letter-spacing:0.2em;
    color:#000000;
    background-color:#D6D6D6;
}
#contact #center1 .centerbox .title1 a{
    color:#000000;
    text-decoration:underline;
}
#contact #center1 .centerbox .title1 a:hover{
    color:#000000;
    text-decoration:underline;
    font-weight:bold;
}
#contact #center1 .centerbox .mainCont {
    padding:10px;
    margin:0px;
    width:auto;
    background-color:#FFFFFF;
}
.backcolor1 strong,.backcolor2 strong{
    font-weight:bold;
}
#contact #center1 .centerbox .mainFrame .mainCont #confirm .right{
    width:100%!important;
}
#contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 table{
    font-size:100%;
}
#contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 {
    padding:5px 0px;
}
#contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 th {
    padding:10px;
    border:1px solid #999999;
}
#contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 td {
    padding:2px 1px;
    border:1px solid #999999;
    font-size:0.75rem;
}
#contact #center1 .centerbox .mainCont .bordlayoutp3 #deli_scadule .deli_plan_box table.deli_plan_cal td.first,
#contact #center1 .centerbox .mainCont .bordlayoutp3 #deli_scadule .deli_plan_box table.deli_plan_cal td.second,
#contact #center1 .centerbox .mainCont .bordlayoutp3 #deli_scadule .deli_plan_box table.deli_plan_cal td.third,
#contact #center1 .centerbox .mainCont .bordlayoutp3 #deli_scadule .deli_plan_box table.deli_plan_cal td.deli_plan_calday,
#contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 tr.border_none td {
    border:none;
}
#contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 .side {
    padding:10px 15px;
}
#contact #center1 .backcolor3 {
    background:#D7EBF4;
}
#contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 td.backcolor1 {
    width:35%;
    background:#DDDDDD
}
#contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 tr.backcolor1 {
    background:#DDDDDD
}
#contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 tr.backcolor1 td{
    text-align:center;
}
#contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 td.backcolor2 {
    vertical-align:middle;
    background:#FFFFFF;
}
#contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 td.backcolor2[width="17%"]{
    width:1%;
}
#contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 td.backcolor2 input[type="text"] ,
#contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 td.backcolor2 input[type="password"]{
    padding:2px 1px;
    height:16px;
}
#contact #center1 .centerbox .mainFrame .mainCont form[name="NEXT"] .bordlayoutp3 table.border tbody tr td.backcolor1{
    background:#DDDDDD;
    width:100%\9;
}
#deli_scadule .deli_scadule_box div.backcolor3.deli_plan table.layoutp5.deli_plan_day tbody tr td.backcolor1{
    width:15%!important;
}
#deli_scadule .deli_scadule_box table.layoutp5.deli_cycle tbody tr td.backcolor1{
    width:35%\9!important;
}
#contact #center1 .centerbox .mainFrame .mainCont form[name="PREV_ENQUETE"] + form[name="NEXT"] .bordlayoutp3 table.border tbody tr td.backcolor1{
    background:#DDDDDD;width:30%\9!important;
}
#contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 table.border tbody tr td{
    width:15%;
    /*#width:100%;*/
}
#contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 table.border tbody tr td + td{
    width:30%;
    /*#width:100%;*/
}
#contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 table.border tbody tr td + td + td{
    width:16%;
}
#contact #center1 .centerbox .mainFrame .mainCont form[name="MODIFY"] .bordlayoutp3 table.border tbody tr td + td + td + td{
    width:13%;
}
#contact #center1 .centerbox .mainFrame .mainCont form[name="MODIFY"] .bordlayoutp3 table.border tbody tr td + td + td + td + td{
    width:16%;
}
#contact #center1 .centerbox .mainFrame .mainCont form[name="MODIFY"] .bordlayoutp3 table.border tbody tr td + td + td + td + td + td{
    width:10%;
}
#contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 table.border tbody tr td + td + td + td{
    width:8%;
}
#contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 table.border tbody tr td + td + td + td + td{
    width:10%;
}
#contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 form[name="NEXTM"] table.border tbody tr td{
    width:auto;
}
#contact #center1 .centerbox .mainFrame .mainCont form[name="NEXTM"] .bordlayoutp3 table.border tbody tr td{
    width:auto;
}
#contact #center1 .centerbox .mainFrame .mainCont form[name="NEXTM"] table.border tbody tr td.backcolor1.center,
#contact #center1 .centerbox .mainFrame .mainCont table.border tbody tr td[width="49%"],
#contact #center1 .centerbox .mainFrame .mainCont table.border tbody tr td[width="49%"] + td + td[width="49%"]{
    width:49%;
}
#contact #center1 .centerbox .mainFrame .mainCont form[name="NEXTM"] table.border tbody tr td + td,
#contact #center1 .centerbox .mainFrame .mainCont table.border tbody tr td[width="49%"] + td,
#contact #center1 .centerbox .mainFrame .mainCont table.border tbody tr td.backcolor2 + td{
    width:2%;
}
#contact #center1 .centerbox .mainFrame .mainCont form[name="NEXTM"] table.border tbody tr td + td +td.backcolor1.center{
    width:49%;
}
#contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 table.layoutp5 .list{
    width:100%!important;
}
#contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 table.layoutp5.deli_cycle tbody tr td{
    width:auto;
}
#contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 table.border tbody tr td[align=right]{
    text-align:right;
}
#deli_scadule table.deli_plan_cal tbody tr td{
    vertical-align:top;
}
#contact #center1 .centerbox .mainFrame .mainCont div.layoutp3 table.border{
    border: 1px solid #999999;
    width:100%!important
}
#contact #center1 .centerbox .mainFrame .mainCont div.layoutp3 table.border tbody tr td.backcolor2 table.layoutp3{
    margin-top: 0px;
}
#contact #center1 .centerbox .mainFrame .mainCont div.layoutp3 table.border tbody tr td{
    border:none;
    padding:2px 9px;
}
#contact #center1 .centerbox .mainCont .bordlayoutp3 #deli_scadule .deli_plan_box table.deli_plan_day th {
    font-size: 100%;
    background-color: inherit;
    border: none;
}
table#enter #center3 .centerbox .mainCont div.bordlayoutp3 form[name=list] table[align=center],
table#enter #center3 .centerbox .mainCont div.bordlayoutp3.center form table[align=center],
table#enter #center3 .centerbox .mainCont div.bordlayoutp3.center table[align=center]{
    width:auto;
    margin:0 auto;
}
table#enter #center3 .centerbox .mainCont div.bordlayoutp3 hr{
    display:block;
    margin:5px;
}
table#enter #center-seo .centerbox .mainCont div.bordlayoutp3,
table#enter #center3 .centerbox .mainCont div.bordlayoutp3 {
    padding: 5px 0;
}
table#enter{
    background: none repeat scroll 0 0 #FFFFFF;
    text-align: left;
    width: 100%;
}
table#enter #center3 .centerbox form[name="NEXT"] .mainCont .bordlayoutp3 table tbody td div.send_info{
    width:75% !important;
    margin:0 54px !important;
}
#center-seo .centerbox a,#center3 .centerbox a{
    text-decoration : underline;
}
#contact #center1 .centerbox .mainCont .bordlayoutp3 #deli_scadule .deli_plan_box table.deli_plan_cal td table caption,
#contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 td.backcolor3 div>table tr.backcolor2 td[align="center"],
#center3 .centerbox .bordlayoutp3 table td[align="center"],
#center3 .centerbox .bordlayoutp3 table tr.center td,
#center-seo .centerbox .center,#center3 .centerbox .center,
#contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 table.border tbody tr td[align=center] {
    text-align:center;
}
#contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 table.border tbody tr td[align=center] p font[color=red] strong{
    font-weight:bold;
}
#contact #center1 .float_right,table#enter td#center3 div.centerbox form div.mainCont input.float_right{
    float:right!important;
}
table#enter td#center3 div.centerbox form div.mainCont div{
    width:100%!important;
}
table#enter td#center3 div.centerbox form div.mainCont input.float_right{
    position: absolute;
    right: 19px;
    top: 77px;
}
table#enter td#center3 div.centerbox input[type=checkbox]{
    margin-top:5px;
}
#contact #center1 .centerbox .mainFrame{
    margin:0px;
    padding:1px;
    background-color:#EBEBEB;
}
#contact #center1 .box_in_box{
    text-align:center!important;
}
#contact .layoutp3 table.layoutp3 tbody td,
#contact .layoutp3 table.layoutp5 tbody td,
#contact .bordlayoutp3 table tbody td{
    text-align:left
}
#contact .layoutp3 table.layoutp3 tbody td,
#contact .layoutp3 table.layoutp5 tbody td{
    padding:5px
}
#contact .mainFrame .mainCont .layoutp3 table.layoutp3 tbody td.center,
#contact .mainFrame .mainCont .layoutp3 table.layoutp5 tbody td.center{
    width: 2%;
}
#contact .mainFrame .mainCont .layoutp3 table.layoutp3 tbody td label,
#contact .mainFrame .mainCont .layoutp3 table.layoutp5 tbody td label strong{
    font-size: 0.75rem;
}
#contact .mainFrame .mainCont #tradesafe_div1 {
    font-size: 100% !important;
    line-height: 142% !important;
}
#center3 .centerbox .red,
#contact #center1 .red{
    color:#CC0000;
    font-size: 0.75rem!important;
}
#contact #center1 .point {
    font-size:120%;
    color:red;
    font-weight:900;
}
#contact #center1 .pointline {
    font-size:100%;
    color:#FFFFFF;
    font-weight:900;
    padding:5px ;
    padding-bottom:5px;
    background-color:#666666;
    margin-top:5px;
    margin-bottom:5px;
}
#contact .mainFrame .mainCont a{
    color:#333333;
    font-size:0.75rem;
}
#contact .mainFrame .mainCont div.layoutp3 table tbody tr td{
    border:none;
}
#contact .mainFrame .mainCont a:hover{
    color:#666666;
    text-decoration: underline;
}
#contact .mainFrame .mainCont h4{
    font-size: 0.75rem;
    font-weight:bold;
}
#contents div.enquete-section #contact #center1 .centerbox .mainCont .mainFrame{
    border: 1px solid #EBEBEB;
    margin: 0;
    padding: 10px;
    background-color:#fff;
}
#contents .enquete-section #contact table tbody tr td div.mainCont:first-child{
    padding:0px;
}
div.enquete-section #contact #center1 .centerbox .mainCont .mainFrame .mainCont form[name=ENQ] p{
    margin: 5px 0;
    padding: 2px 0;
}
div.enquete-section #contact #center1 .centerbox .mainCont .mainFrame .mainCont form[name="ENQ"] table tbody tr td:first-child{
    width:45%;
}
div.enquete-section #contact #center1 .centerbox .mainCont .mainFrame .mainCont form[name=ENQ] table{
    width:50%;
}
div.enquete-section #contact #center1 .centerbox .mainCont .mainFrame .mainCont form[name=ENQ] table tbody tr td{
    padding: 1px;
    text-align: left;
    vertical-align: top;
    word-break: break-all;
    border:none;
    font-size:100%;
}
div.enquete-section #contact #center1 .centerbox .mainCont .mainFrame{
    border:soild 1px;
}
div.enquete-section #contact{
    width:100%;
}
div.enquete-section #contact #center1 .centerbox .mainCont .mainFrame .mainCont form[name=ENQ] input[type="text"],
div.enquete-section #contact #center1 .centerbox .mainCont .mainFrame .mainCont form[name=ENQ] input[type="password"],
div.enquete-section #contact #center1 .centerbox .mainCont .mainFrame .mainCont form[name=ENQ] select{
    height: 20px;
    padding: 0;
}
div.enquete-section #contact #center1 .centerbox .mainCont .mainFrame .mainCont form[name=ENQ] h4.title {
    background: none repeat scroll 0 0 transparent;
    border-bottom: 1px dotted;
    font-size: 110%;
    font-weight: bold;
    line-height: 200%;
    margin-bottom: 10px;
    padding: 0;
    width: 97%;
}
#enquete-header{
    width:960px;
    margin:0 auto;
    background-color: #FFF;
/*        background:url(../img/header_bg.gif) repeat-x left top;
    */}
#enquete-header #logo {
    margin: 0 auto;
    width: 960px;
}
#enquete-header #logo .shoplogo img{
    display: table-cell;
    vertical-align: middle;
    padding: 5px 0;
}
#enquete-header #logo .shoplogo h1 {
    max-width: 340px;
    background: none;
    margin: 0;
    padding-top: 5px;
}
#enquete-header #logo .shoplogo h1 a:hover img, #enquete-header #logo h1 a:hover img {
    opacity: 1;
    filter: alpha(opacity=100);
    -ms-filter: "alpha(opacity=70)";
    -khtml-opacity: 1;
    -moz-opacity: 1;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
}
#enquete-header #logo .shoplogo img.float_right{
    float:right;
}
#enquete-header #logo .shoplogo img.float_left{
    float:left;
}
div.enquete-section #contact #center1 .centerbox .mainCont .mainFrame .mainCont form[name=ENQ] input[type=radio] ,
div.enquete-section #contact #center1 .centerbox .mainCont .mainFrame .mainCont form[name=ENQ] input[type=checkbox] {
    margin:0px 5px 3px 5px;
}
div.enquete-section{
    padding:0;
}
div.enquete-section #contact table tbody tr td#center1 .centerbox .mainCont h3.title1{
    background: url("../img/Tline-scolumn.gif") repeat-x scroll left bottom transparent;
    color: #333333;
    font-size: 120%;
    font-weight: bold;
    line-height: 165%;
    margin-bottom: 15px;
    padding: 0 0 12px;
}
div.enquete-section #contact table tbody tr td{
    width:100%;
    border-top:none;
    padding:0px;
}
div.enquete-section #contact .centerbox .mainCont .mainFrame .mainCont form[name=ENQ] input[name=ANS4_1] {
    margin-left:22px;
}
div.enquete-section #contact .centerbox .mainCont .mainFrame .mainCont form[name=ENQ] input[name=ANS4_2] ,
div.enquete-section #contact .centerbox .mainCont .mainFrame .mainCont form[name=ENQ] input[name=ANS4_3]{
    margin-left:11px;
}
div.enquete-section #contact .centerbox .mainCont .mainFrame .mainCont form[name=ENQ] select[name=ANS5_1]{
    margin-left:13px;
}
div.enquete-section #contact .centerbox .mainCont .mainFrame .mainCont form[name=ENQ] input[name=ANS5_2]{
    margin-left:25px;
}
div.enquete-section #contact .centerbox .mainCont .mainFrame .mainCont form[name=ENQ] input[name=ANS5_3]{
    margin-left:2px;
}
div.enquete-section #contact .centerbox .mainCont .mainFrame .mainCont form[name=ENQ] input[name=ANS5_4]{
    margin-left:26px;
}
div.enquete-section #contact .centerbox .mainCont .mainFrame .mainCont form[name=ENQ] strong{
    font-weight:bold;
}
div.enquete-section #contact .centerbox .mainCont .mainFrame .mainCont form[name=ENQ] textarea{
    height: 150px;
    padding: 5px;
    width: 70%;
}
div.enquete-section #contact .centerbox .mainCont .mainFrame .mainCont form[name=ENQ] input[type=submit]{
    background: url("../img/btn-confirm_bg.gif") repeat-x scroll left top transparent;
    border: medium none;
    color: #FFFFFF;
    font-size: 0.75rem;
    height: 25px;
    margin: 0 5px;
    padding: 0;
    width: 200px;
}
div.enquete-section #contact .centerbox .mainCont .mainFrame .mainCont form[name=ENQ] input[type=submit]:hover{
    background: url(../img/btn-confirm_bg_on.gif) repeat-x left top;
}
.shoplogo{
    width:340px;
}
#enquete-footer{
    width:940px;
    margin:0 auto;
    height: 57px;
    line-height: 100%;
    position: relative;
    clear: both;
}
#enquete-footer #footer-inner .footer_gnavi{
    float:left;
}
#enquete-footer #footer-inner .footer_gnavi ul li:first-child{
    background-image:none;
    padding:0 3px 0 0;
}
#enquete-footer #footer-inner .footer_gnavi ul li{
    background: url("../img/slash_ccc.gif") no-repeat scroll left center transparent;
    color: #ccc;
    display: inline-block;
    font-size: 70%;
    line-height: 100%;
    padding: 0 3px 0 18px;
}
#enquete-footer #footer-inner .footer_gnavi ul li a{
    color:#ccc;
}
#enquete-footer #footer-inner .footer_gnavi ul li a:hover{
    color:#fff;
    text-decoration: underline;
}
#enquete-footer #footer-inner .footer_gnavi ul li{
    /*#float:left*/
}
#enquete-footer #copyright{
    font-size: 67%;
    text-align: right;
    color: #FFF;
}
#footernav .closeButton {
    display: none;
}
#center-seo .centerbox,#center3 .centerbox {
    font-size: 75%;
    line-height: 200%;
    margin: 0px;
    padding: 0 10px 10px;
    word-break:break-all;
}
#center-seo h3.title1,#center3 h3.title1 {
    background: url("../img/Tline-scolumn.gif") repeat-x scroll left bottom transparent;
    color: #333333;
    font-size: 120%;
    font-weight: bold;
    line-height: 165%;
    margin-bottom: 15px;
    padding: 0 0 10px;
}
#center-seo #bread,#center3 #bread {
    margin: 0px;
    padding: 3px 15px;
    text-align: left;
    font-size: 75%;
    line-height: 200%;
}
#center-seo .mainCont,#center3 .mainCont {
    padding: 10px;
    margin: 0px;
    width: auto;
}
#center-seo .centerbox .caution,#center3 .centerbox .caution {
    font-weight: bold;
    color: #d51414;
}
#center-seo .centerbox table th,#center-seo .centerbox table td,#center3 .centerbox table th,
#center3 .centerbox table td {
    word-break: break-all;
    vertical-align: top;
    text-align: left;
    padding: 1px;
}
#center3 .centerbox table td[width="5%"] {
    width: 10%;
}
#center-seo .centerbox .backcolor1,#center3 .centerbox .backcolor1 {
    background-color: #EEEEEE;
}
#center-seo .centerbox .bordlayoutp3 table th,#center3 .centerbox .bordlayoutp3 table th {
    color: #2B2B2B;
    font-weight: bold;
    text-align: center;
    word-break: normal;
}
#center3 .layoutp3 table th,
form[name$="FORM"]~tbody #center3 .layoutp3 table th {
    width: 25%;
    font-weight: bold;
    *width: 0%;
}
#center-seo .centerbox th.backcolor1,
#center-seo .bordlayoutp3 th,
#center-seo .bordlayoutp3 td,
#center3 .centerbox th.backcolor1,
#center3 .bordlayoutp3 th,
#center-seo .bordlayoutp3 td,#center3 .bordlayoutp3 td {
    border: 1px solid #999999;
    vertical-align: middle;
}
#center3 .bordlayoutp3 .layoutp3 th,
#center3 .bordlayoutp3 .layoutp3 td {
    padding: 0px;
    border: none;
}
#center3 .bordlayoutp3 .layoutp3 td.send_info {
    border: 1px solid #999999;
}
#center3 .bordlayoutp3 .layoutp3 td.send_info+td {
    *width: 70%;
}
#center3 .centerbox strong,
#center3 .centerbox h4 {
    text-align: left;
    font-weight: bold;
}
#center-seo .centerbox .layoutp3 + .bordlayoutp3>table,
#center3 .centerbox .layoutp3 + .bordlayoutp3>table {
    width:95%;
}
#center-seo input[type="submit"],
#center-seo input[type="button"],
#center3 input[type="submit"],
#center3 input[type="button"] {
    height: 25px;
    color: #FFF;
    padding: 0 8px 0 8px;
    font-size: 80%;
    font-size: 0.8rem;
    text-align: center;
    background: url(../img/btn-confirm_bg.gif) repeat-x left top;
    border: none;
    margin: 2px 2px;
    width:auto;
    width:initial;
}
#contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 td.backcolor3 div>table tr.backcolor2 td div select,
#center-seo select, #center-seo input[type="text"],
#center3 select,
#center3 input[type="text"],
#center3 input[type="password"] {
    height: 20px;
    line-height:20px;
    padding: 0px;
    margin: 2px 0px;
    min-width: inherit;
}
#contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 td.backcolor3 div>table tr.backcolor2 td div select,
#center-seo select,
#center-seo textarea,
#center3 select,
#center3 textarea{
    padding: 1px;
    margin: 2px 0px;
}
#center3 select[name="SEL_CARD"] {
    margin-left: 5px;
    padding: 1px;
}
#center-seo input[type="submit"]:hover,
#center-seo input[type="button"]:hover,
#center3 input[type="submit"]:hover,
#center3 input[type="button"]:hover {
    background: url(../img/btn-confirm_bg_on.gif) repeat-x left top;
}
#center-seo .centerbox table td input[type="radio"],
#center3 .centerbox table td input[type="radio"] {
    margin: -3px 3px 0px 5px;
}
table#enter form[name="NEWMEM"] #center3 .centerbox .bordlayoutp3 table td[colspan="2"] input[type="checkbox"] {
    margin: -3px 4px 0px 0px;
}
#center-seo p,#center3 p {
    margin: 5px 0px;
    padding: 2px 0px;
}
#center3 .centerbox .bordlayoutp3 table td.backcolor2 div form {
    display: inline-block;
}
#contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 td.backcolor3 div>table tr.backcolor2 td {
    background-color:#FFFFFF;
}
#contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 table.layoutp5.deli_cycle tbody tr td input[type="radio"],
#contact #center1 .centerbox .mainCont form[name="NEXT"] h4 + div.right input[type="button"],
#contact #center1 .centerbox .mainCont form[name="NEXT"] h4 + div.right input[type="submit"] {
    margin: 0px 3px;
    height: 20px;
}
#center-seo .bordlayoutp3 table tbody tr td input[type="button"],
#center3 .bordlayoutp3 table tbody tr td input[type="button"]{
    width:190px;
}
section .freeTop h2 {
    border: medium none;
    font-size: 90%;
    font-weight: bold;
    line-height: 165%;
    margin-bottom: 10px !important;
    padding: 0 0 10px !important;
}
.leftSearch {
    overflow: hidden;
}
.leftSearch #searchbox_wrap {
    margin: 10px 0;
    overflow: hidden;
}
.leftSearch #searchbox {
    color: #999999;
    float: right;
    font-size: 65%;
    line-height: 160%;
    overflow: hidden;
    text-align: right;
}
.leftSearch #searchbox form {
    border: 1px solid #777777;
    float: left;
    height: 27px;
    width: 160px;
}
.leftSearch #searchbox input.searchbox {
    border: medium none;
    margin-left: 1px;
    padding: 0 5px;
    width: 117px;
    height:26px;
}
.leftSearch #searchbox input.searchSubmit {
    padding: 1px 1px 0 0;
}
.leftSearch #searchbox p {
    float: left;
    margin: 5px 5px 0 0;
}
#header-inner h2 {
    max-width : 340px;
}
.siteName {
    margin:0px;
    padding:10px 10px 5px 10px;
    font-size:100%;
    line-height:1em;
}
.siteName a {
    color:black ;
    text-decoration:none;
}
.siteName a:hover {
    color:blue;
    text-decoration:underline;
}
.sitecopy{
    padding:10px 10px 5px 5px;
    margin:0px;
    color:#999999;
    font-size:80%;
    line-height:1em;
}
.sitecopy a {
    color:black;
    text-decoration:none;
}
.sitecopy a:hover {
    color:blue;
    text-decoration:underline;
}
.header_area {
    text-align:left;
    max-width:680px;
}
/*---------------------
  footer
----------------------- */
div#cart-footer,footer {
    margin: 2em auto 0;
    width:100% !important;
    line-height: 100%;
    position: relative;
    /*    height: 57px;
    margin-top: -57px;
        clear: both;*/
}
#footer_corner{
    width:100%;
    margin:0 auto;
    padding:5px 0;
    text-align:left;
    position:relative;
    background-color:#747bad;
}
.footer_area {
    text-align:left;
}
.cart-section .header_area {
    margin: 0 auto;
}
.cart-section .footer_area {
    margin: 0 auto;
}
.pageNav form img{
    float:right;
}
#sub-column .category .fukidashi nav,
#sub-column .category .tatenarabi nav,
#sub-column .category #sps-itemListAllCategory nav {
    margin-bottom:0;
}
#sub-column .category .fukidashi nav:last-child,
#sub-column .category .tatenarabi nav:last-child,
#sub-column .category #sps-itemListAllCategory section nav:last-child {
    margin-bottom:20px;
}
#sub-column .category #sps-itemListAllCategory section nav:first-child {
    margin-bottom:0;
}
#sub-column .category .fukidashi ul {
    zoom:1;
}
#sub-column .category .fukidashi nav {
    position:relative;
}
#sub-column .category .fukidashi nav .sps-itemCategorySub {
    width:100%;
    position:absolute;
    top:0;
    left:100%;
    /*display:none;*/
}
#sub-column .category .fukidashi nav:hover .sps-itemCategorySub {
    display:block;
    z-index:999;
}
#sub-column .category .fukidashi nav .sps-itemCategorySub {
    padding: 5px;
    border-top:1px solid #ddd;
    border-left:1px solid #ddd;
    border-right:1px solid #aaa;
    border-bottom:1px solid #aaa;
    background:#fff;
}
#sub-column .category .fukidashi nav .sps-itemCategorySub .cat2 a {
    color:#333;
    font-weight:normal;
}
#sub-column .category .fukidashi nav .sps-itemCategorySub .cat2 a:hover {
    color:#333;
    font-weight:normal;
}
#sub-column .category nav ul li.listcat2 a {
    zoom: 1;
    display: block;
    padding: 3px 2px 3px 30px;
    margin:0px 0;
    line-height: 100%;
    color:#000;
    text-decoration: none;
    font-weight:bold;
}
#sub-column .category nav ul li.listcat3 a {
    zoom: 1;
    display: block;
    padding: 3px 2px 3px 50px;
    margin:0px 0;
    line-height: 100%;
    color:#000;
    text-decoration: none;
}
#sub-column .category nav ul li.child a {
    color:#000;
}
section.half-cont div.category section h3{
    font-weight: bold;
    line-height: 120%;
    font-size: 80%;
}
#sub-column .category .sps-allList {
    margin-bottom:20px;
}
#sub-column .category .sps-allList+#sps-itemListAllCategory {
    display:none;
    margin-top:-20px;
}
#sub-column .category h2{
    display:none;
}
section.tatenarabi{
    background-color:#c7cade;
    border:solid 1px #abafcd;
    padding:10px 1% 0px;
    margin-bottom:10px;
    text-align:left;
}
section.tatenarabi h3{
    width:100%;
    padding:5px 0;
    font-size:90%;
    font-weight:400;
    margin:-5px 0 5px 10px;
}
ul.sps-itemCategoryMain{
    background-color:#fff;
}
div#sub-column section.category li.cat1{
    /*height:30px;*/
    /*border-bottom:solid 1.5px #f5f3ef;*/
    padding:0px 10px 0;
    margin:0;
}
div#sub-column section.category li.cat1 .sitelink a{
    width:100%;
    display:inline-block;
}
div#sub-column section.category li.cat1 .sitelink a.subCatShow{
    width:10%;
    display:inline-block;
    text-align:center;
}
div#sub-column section.category li.cat1 .sitelink a.subCatHide{
    width:10%;
    display:none;
    text-align:center;
}
div#sub-column section.category ul.sps-itemCategorySub{
    display:none;
}
a.subCatShow img{
    vertical-align:middle;
    margin-left:6px;
    height:18px;
    width:auto;
}
a.subCatHide img{
    vertical-align:middle;
    margin-left:6px;
    height:18px;
    width:auto;
}
#center1 .centerbox .mainCont{
    width: 600px;
    padding: 10px;
}
#center1 .centerbox .mainCont h3{
    line-height: 43px;
    margin-bottom: 0;
    padding: 0;
    vertical-align: middle;
    font-size: 100%;
    font-weight: bold;
    background: url("../img/Tline-scolumn.gif") repeat-x scroll left bottom transparent;
    color: #333333;
}
.mainCont .comment_box  td.backcolor1 {
    background-color: #EEEEEE;
    border: 1px solid #999999;
    color: #2B2B2B;
    font-weight: bold;
    text-align: center;
    word-break: normal;
}
.mainCont .comment_box  td.backcolor2 {
    background-color: #fff;
    border: 1px solid #999999;
    color: #2B2B2B;
    font-weight: normal;
    text-align: center;
    word-break: normal;
}
.mainCont .comment_box  td.backcolor2 div.float_left{
    text-align:left;
}
.mainCont .comment_box  td.backcolor2 div.float_left a{
    text-decoration: underline;
}
.mainCont .comment_box  td.backcolor1,
.mainCont .comment_box  td.backcolor2{
    text-align:left;
}
.mainCont .comment_box td.center{
    text-align:center !important;
}
.mainCont .comment_box td.backcolor2 div.write_comment input[type="submit"],
.mainCont .comment_box td.backcolor2 div.write_comment input[type="button"] {
    height: 25px;
    color: #FFF;
    padding: 0 8px 0 8px;
    font-size: 80%;
    font-size: 0.8rem;
    text-align: center;
    background: url(../img/btn-confirm_bg.gif) repeat-x left top;
    background: #000;
    border: none;
    margin: 2px 2px;
}
.mainCont .comment_box td.backcolor2 div.write_comment  input[type="submit"]:hover,
.mainCont .comment_box td.backcolor2 div.write_comment  input[type="button"]:hover {
    background: url(../img/btn-confirm_bg_on.gif) repeat-x left top;
}
div.mainCont input[type="button"],
div.mainCont input[type="submit"]{
    width:150px;
    width:auto\9;
    height:25px;
    color: #FFF;
    padding: 0 8px 0 8px;
    font-size: 0.8rem;
    text-align: center;
    background: url(../img/btn-confirm_bg.gif) repeat-x left top;
    border: none;
    margin: 2px 2px;
}
div.mainCont input[type="button"]:hover,
div.mainCont input[type="submit"]:hover{
    background: url(../img/btn-confirm_bg_on.gif) repeat-x left top;
}
div.cart-section div#contact img[height="1"]{
    display:none;
}
.itemDescFc{
    position:absolute;
    margin-left:5px;
}
.itemThumb-wrap-right{
    float:right;
    width:72%;
    word-break:break-all;
    box-sizing:border-box;
    display: block;
    font-size: 92%;
}
#enter #contents {
    width: auto;
}
#wrapper:after{
    content:" ";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}
/*---------------------
  news
----------------------- */
.news{
    border-top:solid 15px #dbcbb5;
    border-bottom:solid 15px #dbcbb5;
}
/*---------------------
  ページ下部のご利用案内
----------------------- */
.assist_contents{
    background-color:#747bad;
    padding:15px;
    margin:0 5px;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    font-size:90%;
    line-height:150%;
    max-width:920px;
    height:auto;
}
.white_bg{
    background-color:#fff;
    padding:10px 5px;
    height:auto;
}
.assist_contents h2{
    color:#fff;
    font-weight:400;
    font-size:120%;
}
.assist_contents h3{
    color:#fff;
    font-weight:400;
    font-size:110%;
    background-color:#747bad;
    display:block;
    padding:5px;
    width:97%;
}
.assist_contents dl{
    margin:5px 0;
}
.assist_contents ul{
    margin:5px 0;
    list-style-type: circle;
    list-style-position: inside;
}
.assist_contents li{
    margin:5px 0 5px 20px;
    list-style-type: circle;
    list-style-position: outside;
}
.assist_contents table{
    margin:5px 0 10px 20px;
    width:90%;
}
.assist_contents dt{
    float:left;
    width:130px;
    border:solid 1px #ccc;
    padding:2px;
    display:block;
    margin:3px 20px 3px 0px;
}
.assist_contents dd{
    float:left;
    padding:2px;
    font-size:95%;
    margin:3px 0;
}
.assist_contents dd img{
    margin: 0 ;
}
.assist_contents td{
    border:dotted 1px #ccc;
    padding:3px;
}
.assist_contents strong{
    color:#f00;
}
/*　カートボタンの大きさ　*/
div.cartArea input[type="image"]{
    min-height:25px;
}
ul.infoArea a img{
    min-height:25px;
}
/* enter_win ログイン・ユーザー登録画面 */
.enter_win{
    width:100%;
    border:none;
}
/* enter_win 閉じるボタンを非表示 */
input[value="閉じる"]{
    display:none;
}
br + font[color="#AA0000"]{
    display:none;
}
/* ヘッダー固定 */
.fixedElem{
    display: none!important;
}
.fixedElem.fixed{
    display: block!important;
}
#cat_bar.fixed {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    margin-top: 0;
    box-shadow: 1px 0 3px #666;
}
.fixed .itemOutline>* {
    display: none;
}
.fixed .itemOutline>h1,
.fixed .itemOutline>.price,
.fixed .itemOutline>.cartArea {
    display: block;
}
#itemDetail-cont.fixed {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 999;
    min-height: 56px;
    background-color: rgba(247,247,247,0.95);
    box-shadow: 1px 0 3px #666;
}
#itemDetail-cont.fixed .itemThumb-wrap {
    height: auto;
    padding: 0;
    width: 15%;
    max-width: 20%;
    max-height: 100%;
    margin-right: 0.6em;
}
#itemDetail-cont.fixed .itemThumb-wrap .itemThumb{
    display: none;
}
#itemDetail-cont.fixed .itemThumb-wrap .itemThumb-main {
    padding-bottom: 0;
}
#itemDetail-cont.fixed .itemThumb-wrap .itemThumb-main img {
    width: auto;
    height: auto;
    max-width: 50px;
    max-height: 50px;
    margin: auto;
}
#itemDetail-cont.fixed .itemOutline {
    width: 80%;
    position: relative;
    max-width: 300px;
    min-height: 56px;
}
#itemDetail-cont.fixed .itemOutline h1 {
    font-size: 12px!important;
    font-weight: bold!important;
    line-height: 1.2em!important;
    margin-bottom: 0!important;
}
#itemDetail-cont.fixed form[name="CARTIN"]{
    max-width: 400px;
    margin: 0 auto;
    padding: 4px;
    box-sizing:border-box;
    height: 100%;
    background: #f7f7f7;
}
section#itemDetail-wrap .fixed table.price {
    margin-bottom: 0;
    font-size: 10px;
    line-height: 1.2em;
    position: absolute;
    bottom: 2px;
}
section#itemDetail-wrap .fixed table.price .rg_price {
    display: none;
}
section#itemDetail-wrap .fixed table.spec {
    margin: -2px 0 0;
    font-size: 10px;
}
section#itemDetail-wrap .fixed table.spec input {
    font-size: 16px!important;
}
section#itemDetail-wrap .fixed .cartArea {
    position: absolute;
    margin: 0;
    width: 48%;
    height: auto;
    bottom: 2px;
    left: 53%;
    max-width: 136px;
    max-height: 28px;
}
/**** バナーエリア ****/
.bannerArea {
    width: 96%;
    margin: 0 auto;
    text-align: center;
}
.banner {
    display: inline-block;
    margin: 0 10px 10px;
    max-width: 320px;
}
.banner img {
    border: solid 1px #ddd;
    box-sizing: border-box;
}
/*===============================================
● pc.css
===============================================*/
/*　max 768px　*/
@media all and (min-width: 768px){
    /* トップページ */
    #top_page #contents {
        padding: 20px 0px 57px;
        margin-bottom: 0;
    }
    /* トップページ以外 */
    #wrapper #Detail {
        width: 72%;
        float: right;
    }
    #wrapper #Detail #main-column {
        float: none;
        width: 100%;
    }
    #wrapper #main-column {
        float: right;
        width: 72%;
    }
    #wrapper #sub-column {
        width: 23%;
        float: right;
        padding-bottom: 60px;
        word-break:break-all;
        max-width: 240px;
        margin-right: 2em;
        margin-top: 46px;
    }
    /* カテゴリ表示ブロック */
    /* dropdown menu */
    ul#topnav {
        width:100%;
        margin: 0 auto;
        text-align:center;
    }
    ul#topnav li {
        display:inline-block;
        text-align:left;
        position: relative;
    }
    ul#topnav li a {
        float: left;
        height: 35px;
        text-indent: 100%;
        white-space: nowrap;
        overflow: hidden;
        background-repeat: no-repeat;
        background-size:contain;
        margin-top: 5px;
        width: 95px;
    }
    ul#topnav li a.shinkou {
        background-image: url(https://doyusha.net/pict-img/b_cat-shinkou.png);
    }
    ul#topnav li a:hover.shinkou{
        background-image: url(https://doyusha.net/pict-img/b_cat-shinkou_b.png);
    }
    ul#topnav li a.nyumon {
        background-image: url(https://doyusha.net/pict-img/b_cat-nyumon.png);
    }
    ul#topnav li a:hover.nyumon{
        background-image: url(https://doyusha.net/pict-img/b_cat-nyumon_b.png);
    }
    ul#topnav li a.media {
        background-image: url(https://doyusha.net/pict-img/b_cat-media.png);
    }
    ul#topnav li a:hover.media{
        background-image: url(https://doyusha.net/pict-img/b_cat-media_b.png);
    }
    /* sub menu*/
    .sub {
        display: none;
    }
    .closeButton {
        text-align: center;
        width:100%;
        padding-bottom:20px;
        background:url(https://doyusha.net/pict-img/bg_cat-nav-bottom.png);
        background-position:bottom;
        margin-top: 20px;
    }
    .closeButton-assist_contents {
        background:none;
    }
    .closeButton a {
        padding: 5px 7px;
        color: #fff;
        border:2px solid #fff;
        border-radius: 12px;
        font-size:78%;
        background-color:#bbb;
    }
    .closeButton-assist_contents a {
        border:2px solid #999;
    }
    .closeButton a:hover {
        opacity: 0.7;
    }
    .tree00>nav {
        max-width: 640px;
        margin: 0 auto;
    }
    ul.tree02>li {
        width: 22%;
        max-width: 210px;
        display: inline-block;
        vertical-align: top;
        margin: 5px 0 10px 10px;
    }
    /* category menu */
    ul.tree01{
        display:block;
        width: 100%;
        line-height: 2em;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }
    ul.tree01 li.c1{
        font-size:105%;
        font-weight:400;
    }
    ul.tree01 li.c1 a{
        color:#2d3192;
    }
    ul.tree02{
        line-height: 1em;
        display:none;
    }
    /*-----------------------------------------
     キーワード表示ブロック
    ------------------------------------------*/
    div#word_search_area{
        width:100%;
        margin:0px auto -20px;
        padding:0px 1%;
    }
    /*---------------------------*/
    #word_block{
        display:block;
        float:left;
        margin:0;
        padding:0;
        width:70%;
        text-align:left;
    }
    #search_block{
        display:block;
        float:left;
        margin: 0;
        padding:0;
        width:30%;
        text-align:left;
    }
    /*---------------------------*/
    .keyword{
        margin:0;
        padding:0;
        background-color:#f5f3ef;
        border-top:solid 2px #999;
        border-bottom:solid 2px #999;
        border-right:solid 1px #999;
        border-left:none;
        height:33px;
        border-top-left-radius:8px;
        -webkit-border-top-left-radius: 8px;
        -moz-border-radius-topleft: 8px;
        border-bottom-left-radius:8px;
        -webkit-border-bottom-left-radius: 8px;
        -moz-border-radius-bottomleft: 8px;
    }
    .keyword h2{
        margin:0;
        padding:5px 5px 0 10px;
        display:block;
        float:left;
        background:url(https://doyusha.net/pict-img/bg_word.png) no-repeat;
        background-position:left top;
        height:33px;
        color:#fff;
        font-size:12px;
        font-weight:600;
    }
    .keyword nav,.keyword nav ul{
        margin:0;
        padding:0px;
        display:block;
        float:left;
        max-width:540px;
        height:32px;
        overflow:hidden;
        line-height:2em;
    }
    /*----------------------------------*/
    @media all and (max-width: 980px){
        .keyword nav,.keyword nav ul{
            max-width:420px;
        }
    }
    /*----------------------------------*/
    @media all and (max-width: 840px){
        .keyword nav,.keyword nav ul{
            max-width:380px;
        }
    }
    /*----------------------------------*/
    .keyword nav ul li{
        display:inline-block;
        margin:0 0.8em;
        font-size:80%;
    }
    .keyword nav ul li a{
        color:#999;
        text-decoration:none;
    }
    .keyword nav ul li a:hover{
        color:#f00;
        background-color:#ccc;
    }
    /*---------------------------*/
    #searchbox{
        display:inline-block;
        height:33px;
        padding:0;
        margin:0px 0 0 0px;
        width:100%;
    }
    .searchbox{
        border-top:solid 2px #999;
        border-bottom:solid 2px #999;
        border-right:solid 1px #999;
        border-left:none;
        width:74%;
        height:33px;
        margin:0px 0 0;
        padding:0 2%;
        background:url(https://doyusha.net/pict-img/bg_search.png) repeat-y;
        background-position:left top;
        font-size:80%;
        color:#999;
    }
    .searchSubmit{
        margin:0px 0 0 -7px;
        padding:0;
        border-top:solid 2px #999;
        border-bottom:solid 2px #999;
        border-right:solid 1px #999;
        border-left:none;
        border-top-right-radius:8px;
        -webkit-border-top-right-radius: 8px;
        -moz-border-radius-topright: 8px;
        border-bottom-right-radius:8px;
        -webkit-border-bottom-right-radius: 8px;
        -moz-border-radius-bottomright: 8px;
    }
    /* 商品一覧ページのサブカテゴリ一覧 */
    #main-column ul.tree02>li {
        width: 27%;
    }
    /*-----------------------------------------
     オリジナルコンテンツ表示ブロック
    ------------------------------------------*/
    #original_content{
        margin:0 auto;
        max-width:960px;
        padding:1.145%;
    }
    #read_osusume{
        /*margin:-30px auto 0;*/
        margin:0px auto 0;
    }
    #read_rank{
        /*margin:-10px auto 0;*/
        margin:0px auto 0;
    }
    /*-----------------------------------------
     フッター表示ブロック
    ------------------------------------------*/
    #footer-inner {
        max-width: 960px;
        margin: 0 auto;
        padding:0 10px;
    }
    /*
    footer #footer-inner{
            }
    */
    .footer_gnavi {
        margin-bottom: 2em;
    }
    ul#footernav{
        width: 100%;
    }
    ul#footernav li{
        vertical-align:top;
        width: 25%;
    }
    ul#footernav div.sub2 h3{
        margin:0 0 20px 0;
        padding-left: 8px;
        background-color:#8188b5;
        font-size:90%;
        font-weight:400;
    }
    ul#footernav div.sub2 ul.tree00 nav{
        padding:20px 0px !important;
    }
    ul#footernav div.sub2 ul.tree01{
        text-align:left;
        border-left:none;
    }
    ul#footernav div.sub2 ul.tree01 li.c1{
        width:100%;
        padding-left: 8px;
    }
    ul#footernav div.sub2 ul.tree01 li.c1 a{
        color:#ffffff;
    }
    ul#footernav div.sub2 ul.tree02 li.c2{
        margin:0 0 0 1.4em;
        width:95%;
    }
    div#cart-footer #footer-inner .footer_gnavi ul li {
        display: inline-block;
        padding: 0 3px 0 18px;
        line-height: 100%;
        color: #ccc;
    }
    footer #footer-inner .footer_gnavi ul li {
        box-sizing: border-box;
        display: inline-block;
        float: left;
        padding: 0 1%;
        line-height: 1.8em;
        color: #fff;
    }
    div#cart-footer #footer-inner .footer_gnavi ul li a,
    footer #footer-inner .footer_gnavi ul li a {
        color: #ccc;
    }
    footer #footer-inner .footer_gnavi ul li.office_content {
        line-height: 1.5em;
        background-color:#7282b5;
        border-radius: 7px;
        -moz-border-radius: 7px;
        -webkit-border-radius: 7px;
        padding: 1em;
    }
    footer #footer-inner .footer_gnavi ul li.office_content a {
        color: #fff;
        font-size: 84%;
        display: block;
    }
    div#cart-footer #footer-inner .footer_gnavi ul li a:hover,
    footer #footer-inner .footer_gnavi ul li a:hover {
        color: #FFF;
        text-decoration: underline;
    }
    div#cart-footer div.cart-nav,
    footer nav, #copyright {
        font-size: 80%;
        text-align: center;
        color: #FFF;
    }
    #copyright ul li {
        color: #FFF;
        background-image: none;
        padding: 0;
    }
    #copyright a{
        color:#fff;
    }
    /*-----------------------------------------
     ページ下部のご利用案内
    ------------------------------------------*/
    .assist_contents{
        background-color:#747bad;
        padding:15px;
        margin:0 5px;
        border-radius: 6px;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        font-size:90%;
        line-height:150%;
        max-width:920px;
        height:auto;
    }
    .assist_contents .float_left{
        width:46%;
        text-align:left;
        float:left;
        padding:5px 2%;
        display:block;
        position:relative;
    }
    /* enter_win ログイン・ユーザー登録画面*/
    #enter_page #main-column{
        text-align:center;
    }
    .enter_win{
        max-width:1000px;
        height:700px;
        /*overflow:hidden;*/
        border:none;
    }
}
/*===============================================
● smart.css
===============================================*/
/* max768px */
@media all and (max-width: 768px){
    @-ms-viewport{
        width:640px;
        /* the viewport for small devices is set to 320px  */
    }
    /*  */
    #wrapper #Detail {
        width: 100%;
        float: none;
    }
    #wrapper #Detail #main-column {
        width: 100%;
        float: none;
    }
    #wrapper #main-column {
        width: 100%;
        float: none;
    }
    #wrapper #contents {
        padding: 0px 5px 40px;
        box-sizing: border-box;
    }
    #wrapper #sub-column {
        width: 96%;
        padding-bottom: 0px;
        word-break:break-all;
        float: none;
        margin: 0 auto;
    }
    #header-inner #logo img{
        width:340px;
    }
    /* カートサーバー　enter_win スマホ版の会員登録画面　// */
    table div.mainCont{
        padding:0 !important;
    }
    input.mypage_login{
        width:150px !important;
    }
    /*　会員登録　*/
    input[name="Account"],
    input[name="Password1"],
    input[name="Password2"]{
        width:100px;
    }
    textarea[cols="65"]{
        width:95%;
    }
    /*　購入者情報入力　*/
    input[name="DIVISION"]{
        width:100px !important;
    }
    /*　注文完了後の会員登録　*/
    input[name="ACC"],input[name="PWD"],input[name="PWD2"],input[name="DIVISION"]{
        width:100px !important;
    }
    textarea[cols="60"]{
        width:95%;
    }
    /*　お問い合わせ　*/
    input[name="Form01"],input[name="Form02"],input[name="YourMail1"],input[name="YourMail2"]{
        width:100px !important;
    }
    textarea[name="Naiyo"]{
        width:95%;
    }
    /* //　カートサーバー　enter_win スマホ版の会員登録画面 */
    /*---- カテゴリ表示ブロック ----*/
    /* dropdown menu */
    ul#topnav {
        width:100%;
        margin: 0 auto;
        text-align:center;
    }
    ul#topnav li {
        display:inline-block;
        text-align:left;
        position: relative;
    }
    ul#topnav li a {
        float: left;
        height: 35px;
        text-indent: 100%;
        white-space: nowrap;
        overflow: hidden;
        background-repeat: no-repeat;
        background-size:contain;
        margin-top: 5px;
        width: 95px;
    }
    ul#topnav li a.shinkou {
        background-image: url(https://doyusha.net/pict-img/b_cat-shinkou.png);
    }
    ul#topnav li a:hover.shinkou{
        background-image: url(https://doyusha.net/pict-img/b_cat-shinkou_b.png);
    }
    ul#topnav li a.nyumon {
        background-image: url(https://doyusha.net/pict-img/b_cat-nyumon.png);
    }
    ul#topnav li a:hover.nyumon{
        background-image: url(https://doyusha.net/pict-img/b_cat-nyumon_b.png);
    }
    ul#topnav li a.media {
        background-image: url(https://doyusha.net/pict-img/b_cat-media.png);
    }
    ul#topnav li a:hover.media{
        background-image: url(https://doyusha.net/pict-img/b_cat-media_b.png);
    }
    /* sub menu */
    .sub {
        display: none;
    }
    .closeButton {
        text-align: center;
        width:100%;
        padding-bottom:20px;
        background:url(https://doyusha.net/pict-img/bg_cat-nav-bottom.png);
        background-position:bottom;
        margin-top: 20px;
    }
    .closeButton-assist_contents {
        background:none;
    }
    .closeButton a {
        padding: 5px 7px;
        color: #fff;
        border:2px solid #fff;
        border-radius: 12px;
        font-size:78%;
        background-color:#bbb;
    }
    .closeButton-assist_contents a {
        border:2px solid #999;
    }
    .closeButton a:hover {
        opacity: 0.7;
    }
    .tree02{
        display:none;
    }
    /* ヘッダー固定 */
    #cat_bar.fixed {
        overflow-y: auto;
        height: auto;
    }
    /* category menu */
    ul.tree01{
        display: block;
        padding: 0 5%;
        width: 90%;
        line-height: 2em;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
    }
    ul.tree01 li.c1{
        font-size: 105%;
        font-weight: 400;
    }
    ul.tree01 li.c1 a{
        color:#2d3192 !important;
    }
    #cat_select ul.tree01{
        width: 100%;
    }
    #cat_select ul.tree02 li.c2{
        display: block;
        font-size: 100%;
        border-bottom: dotted 1px #cdcff0;
        width: 94%;
        margin-top: 5px;
        margin-left: 10px;
    }
    #cat_select ul.tree02 li.c2 a{
        margin-left: 12px;
    }
    /* キーワード表示ブロック */
    #word_search_area{
        width:100%;
    }
    #word_block{
        display:none;
    }
    #search_block{
        width:100%;
    }
    .keyword{
        background-color: #f5f3ef;
        border: solid 2px #999;
        border-right: solid 1px #999;
        border-left: none;
        height: 33px;
        border-radius: 8px;
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        overflow: hidden;
    }
    .keyword h2{
        padding: 5px 5px 0 10px;
        display: inline-block;
        background: url(https://doyusha.net/pict-img/bg_word.png) no-repeat;
        background-position: left top;
        height: 33px;
        color: #fff;
        font-size: 12px;
        font-weight: 600;
    }
    .keyword nav ul li{
        display:inline-block;
        margin:0 0.8em;
        font-size:80%;
    }
    .keyword nav ul li a{
        color: #999;
        text-decoration: none;
    }
    .keyword nav ul li a:hover{
        color: #f00;
        background-color: #fff;
    }
    #searchbox{
        display: block;
        height: 33px;
        max-width: 1000px;
        width: 96%;
        margin: auto;
    }
    #searchbox form {
        display: table;
        width: 100%;
    }
    #searchbox form input {
        display: table-cell;
    }
    .searchbox{
        float: left;
        border: solid 2px #999;
        border-radius: 8px 0 0 8px;
        -webkit-border-radius: 8px 0 0 8px;
        -moz-border-radius: 8px 0 0 8px;
        width: 80%;
        width: calc( 100% - 60px );
        height: 33px;
        padding: 0 1%;
        background: url(https://doyusha.net/pict-img/bg_search.png) repeat-y;
        background-position: left top;
        color: #999;
    }
    .searchSubmit{
        float: left;
        width: 32px;
        border: solid 2px #999;
        border-radius: 0 8px 8px 0;
        -webkit-border-radius: 0 8px 8px 0;
        -moz-border-radius: 0 8px 8px 0;
    }
    /* 商品一覧ページのサブカテゴリ一覧 */
    #main-column ul.tree02>li {
        width: 94%;
    }
    #main-column ul.tree02>ul.tree02 {
        margin-left: 0;
        margin-bottom: 1.4em;
    }
    #main-column ul.tree02>li.c4 {
        width: 28%;
    }
    /* 商品詳細ページ */
    /* sampleMedia */
    .sampleMedia {
        max-width: 400px;
        display: block;
        margin-left: 0;
    }
    .sampleMedia audio {
        width: 90%;
        max-width: 270px;
    }
    /*---------------------
      オリジナルコンテンツ表示ブロック
    ----------------------- */
    #original_content{
        margin:0 auto;
        max-width:960px;
        padding:1.145%;
    }
    /* ページ下部のご利用案内 */
    .assist_contents .float_left{
        width:96%;
        text-align:left;
        padding:5px 2%;
        display:block;
        position:relative;
    }
    /*---------------------
      フッター表示ブロック
    ----------------------- */
    #footer-inner {
        max-width: 920px;
        margin: 0 auto;
        padding:0 10px;
    }
    /*
    footer #footer-inner{
            }
    */
    ul#footernav{
        width: 100%;
        font-size: 90%;
        line-height: 1.8em;
    }
    ul#footernav li{
        vertical-align:top;
        width:100%;
        box-sizing: border-box;
    }
    ul#footernav div.sub2 h3{
        margin:20px 0;
        padding: 0 5px;
        border:solid 1px #FFF;
        background-color:#7282b5;
        font-size:110%;
        font-weight: bold;
    }
    ul#footernav div.sub2 ul{
        text-align: left;
        padding: 0;
        margin-left: 1.3em;
    }
    ul#footernav div.sub2 ul.tree01 li.c1{
        display:inline-block;
        font-size:90%;
        line-height:2em;
    }
    ul#footernav div.sub2 ul.tree01 li.c1 a{
        color: #ffffff !important;
        font-size: 118%;
    }
    ul#footernav div.sub2 ul.tree02 li.c2{
        margin:0 5% 7px 0;
    }
    footer #footer-inner .footer_gnavi ul li.office_content {
        background-color:#7282b5;
        border-radius: 7px;
        -moz-border-radius: 7px;
        -webkit-border-radius: 7px;
        padding: 1em;
        margin: 1.5em auto 1em;
    }
    footer #footer-inner .footer_gnavi ul li.office_content a {
        color: #fff;
        display: block;
    }
    #footer_corner{
        font-size: 88%;
        color:#fff;
    }
    #copyright{
        text-align: center;
        font-size: 64%;
        margin-top:2em;
    }
    /* enter_win ログイン・ユーザー登録画面*/
    .enter_win{
        width:100%;
        height:500px;
        overflow:hidden;
        border:none;
    }
    table#enter .centerbox table tr:first-child td:first-child{
        width:50px;
    }
}
/* max 480px */
@media all and (max-width: 480px){
    @-ms-viewport{
        width:360px;
        /* the viewport for small devices is set to 320px  */
    }
    /*　カートの会員ログイン　*/
    /* 返品についての詳細はこちら　を消す　*/
    a[href="https://doyusha.net/hpgen/HPB/shop/business.html#return"]{
        display:none;
    }
    /* ヘッダーボタンの大きさ　スマホ時　*/
    #hNav ul#header-nav li {
        padding-left: 0;
    }
    /* 商品一覧ページのサブカテゴリ一覧 */
    #main-column ul.tree02>li.c4 {
        width: 44.4%;
    }
    /* 商品詳細ページ */
    a.zoomItemPic{
        pointer-events : none;
    }
    #itemDetail-cont .itemOutline {
        width: 100%;
    }
    #itemDetail-cont .itemThumb-wrap {
        width: 100%;
        margin: 0;
    }
    #itemDetail-cont .itemThumb-wrap .itemThumb-main img {
        max-height: 300px;
    }
    section#itemDetail-wrap .description h2 {
        font-size: 1em;
        line-height: 1.4em;
    }
    section#itemDetail-wrap .description ul>li {
        display: block;
        margin-right: 1.5em;
    }
    section#itemDetail-wrap .description .contentsList_column2 ul {
        width: 100%;
        float: none;
        min-width: 100%;
    }
    section#itemDetail-wrap .description .contentsList_column3>ul>li {
        width: 100%;
        float: none;
        min-width: 100%;
        margin-bottom: 1em;
    }
    /* 配列 */
    .column5,
    .column4,
    .column3 {
        width: 100%;
        height: auto!important;
        min-height: 100px;
        padding: 4px 0;
        border-bottom: solid 1px #ddd;
        position: relative;
        margin: 0 auto;
        max-width: 100%;
    }
    .column5 img,
    .column4 img,
    .column3 img {
        max-height: 100px;
    }
    .pickup .column5:nth-child(5),
    .pickup .column4:nth-child(5),
    .pickup .column3:nth-child(5) {
        border-bottom: none;
    }
    .column5 .itemThumb-wrap,
    .column4 .itemThumb-wrap,
    .column4 .itemThumb-wrap {
        width: 36%;
        margin-right: 12px;
        float: left;
        position: relative;
    }
    .column5:after,
    .column4:after,
    .column3:after{
        clear:both;
        content:"";
        display:block;
        overflow:hidden;
    }
    .pickup .column5:nth-child(n+6){
        display: none!important;
    }
    .column5 .price .taxin,
    .column4 .price .taxin,
    .column3 .price .taxin {
        color: #aaa;
    }
    .column5 .price,
    .column4 .price,
    .column3 .price {
        text-align: right;
        margin-top: 1em;
        position: absolute;
        bottom: 0;
        right: 0;
    }
    #itemList .column5>p:last-child,
    #itemList .column4>p:last-child,
    #itemList .column3>p{
        display: none;
    }
    .ranking .column5>p:last-child,
    .ranking .column4>p:last-child,
    .ranking .column3>p{
        display: block;
    }
    .column5 h2,
    .column4 h2,
    .column3 h2 {
        font-size: 100%;
        line-height: 136%;
    }
    .column5>p:last-child,
    .column4>p:last-child,
    .column3>p{
        display: none;
    }
    #itemList2 .column5 .itemThumb-wrap,
    #itemList2 .column4 .itemThumb-wrap,
    #itemList2 .column4 .itemThumb-wrap {
        margin-right:2%;
    }
    #itemList2 .column5 .price,
    #itemList2 .column4 .price,
    #itemList2 .column3 .price {
        text-align: left;
        margin-top: 0;
        position: relative;
    }
    #itemList2 p[class^="sps-wishArea"]{
        position:relative;
    }
    .guide_h{
        background-color:#d0d3f4;
        font-weight:700;
        padding:5px;
        font-size:120%;
    }
}