/* =====タブレット用の設定===== */
/* スタイルのリセット */
html,body,h1,h2,h3,h4,h5,h6,ul,li,dt,dd,p,header,section,article,aside,footer,figure,figcaption,nav{
  margin:0;
  padding:0;
  font-size:100%;
}

body{
  background-image:none;
  margin-left:3em;
  line-height:1.0;
  -webkit-text-size-adjust:none;
}
article,footer,nav,p,figure{
  display:block;
}
.p_pc{
  display:none;
}

/* 全体の幅 */
div#container{
    width:100%
}
/* ヘッダー */
header{
    font-size:30px;
}

/* パンくずリスト */
div.guide2 ul:after{
    display:block;
    clear:both;
    content:"";
}
div.guide2 li{
    list-style-type:none;
    float:left;
    margin-top:1em;
    margin-left:0em;
    margin-bottom:1em
}
div.guide2 li+li:before{
    margin:3px;
    content:">";
}

/* サイト内検索 */
#gsc{
    width:30%;
     
    margin:0 auto;
    position:relative;
     
}
 
#gsc td {
    border: none;    
}
 
#gsc .gsc-control-cse, 
#gsc .gsc-control-cse-ja,
#gsc .gsib_a{
    margin:0 !important;
    padding:0 !important;
}
/** テキスト入力フォームとボタンの位置 */
#gsc table.gsc-search-box td,
#gsc table.gsc-search-box input {
    vertical-align: top !important;
}
/** テキスト入力フォーム */
#gsc input[type="text"]{
    border: 1px solid #dddddd !important;
    height:25px !important;
    margin-top: 100px;
}
 
 
#gsc input[type="text"]:focus {
    border: 2px solid #b2e0eb !important;
    outline: 0;  /*safariの自動フォーカスを切る */
}
 
/** テキスト入力フォームの影を消す */
#gsc #gsc-iw-id1{
    border:none !important;
}
/** テキスト入力フォームの背景画像位置調整 */
#gsc #gs_tti0 input{
    background-position:5px 5px !important;
}
/** ボタンの色 */
#gsc input.gsc-search-button {
background: #d2d2d2 !important;
background: -ms-linear-gradient(top,  #008ee1 0%,#008ee1 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#008ee1', endColorstr='#008ee1',GradientType=0 ); /* IE6-9 */
border: 1px solid #d2d2d2 !important;
}
/** ボタンの位置調整と角丸消し */
#gsc .gsc-search-button{
    margin:0 0 0 -16px !important;
    border-radius:0px;
}
/** 入力時に出る「×」ボタンの位置調整 */
 
/** 入力時に出る×ボタン -- Firefox位置調整 -- */
#gsc .gsib_b span{
        box-sizing: border-box;
   -moz-box-sizing: border-box;
        padding:2px 0 0 0;
}

/* タイトル */
h1#title{
    font-size:20px;
    margin-top:1em;
    margin-bottom:0em;
    text-align:center;
}
/* ご利用案内 */
div.howto{
 text-align:center;
 margin-top:2em;
 margin-bottom:1em;
}
h2{
    margin-top:0em;
    font-weight:bold;
    color:#FF0000;
}
span#strong{
    font-weight:bold;
}
/* 注意事項（在庫について） */
div.chui{
    color:#ff0000;
    margin-bottom:1em;
    margin-top:2em;
}
/* 小分類 */
p.brand{
    margin-bottom:0em;
    margin-top:2em;
    font-size:1.3em;
    font-weight:bold;
}
/* 送料  */
span.coment{
  color:#0000FF;
  font-size:14px;
}

nav{
    font-size:28px;
}
nav h1{
  margin-top:35px;
}
p#toriyose{
    font-size:14px;
    margin-top:35px;
}
/* 他のページへのリンク */
h2.door{
    margin-top:2em;
}
nav.goto{
    margin-top:1em;
    margin-left:2em;
    clear:both;
    display:block;
    font-size:1.5em;
    font-weight:bold;
    margin-bottom:0em;
}
span.price_a{
    margin-left:1em;
    font-size:0.8em;
}
span.price_b{
    margin-left:1em;
    font-size:0.8em;
    color:#ff0000;
}
/* フッター */
footer{
 border-top: solid 1px #aaaaaa;
}
/* navi-RCS */
nav.rcs_mobile{
  margin:10px;
}
nav.rcs_mobile ul{
  -webkit-border-radius:8px;
  border-radius:8px;
  -webkit-box-shadow:0 0 3px #333333;
  box-shadow:0 0 3px #333333;
  padding-right:15px;
}
nav.rcs_mobile li{
  padding-right:3%;
  border-top:1px solid #D9F5F3;
  border-bottom:1px solid #75D9D0;
  background-color:#ffffff;
  height:120px;
  line-height:120px;
  overflow:auto;
}
nav.rcs_mobile li:first-child{
  -webkit-border-top-right-radius:8px;
  -webkit-border-top-left-radius:8px;
  border-top-right-radius:8px;
  border-top-left-radius:8px;
}
nav.rcs_mobile li:last-child{
  -webkit-border-bottom-right-radius:8px;
  -webkit-border-bottom-left-radius:8px;
  border-bottom-right-radius:8px;
  border-bottom-left-radius:8px;
}
nav.rcs_mobile a{
  padding:0 24px 0 14px;
  display:block;
  text-decoration:none;
  background:url(../arrow.png) right center no-repeat;
  white-space:nowrap;
}
/* navi-ＰＣサイトとの切り替え */
nav.kirikae_mobile li{
  padding-right:30px;
  border-top:1px solid #D9F5F3;
  border-bottom:1px solid #75D9D0;
  background-color:#ffffff;
  height:120px;
  line-height:120px;
}
nav.kirikae_mobile li:first-child{
  -webkit-border-top-right-radius:8px;
  -webkit-border-top-left-radius:8px;
  border-top-right-radius:8px;
  border-top-left-radius:8px;
}
nav.kirikae_mobile li:last-child{
  -webkit-border-bottom-right-radius:8px;
  -webkit-border-bottom-left-radius:8px;
  border-bottom-right-radius:8px;
  border-bottom-left-radius:8px;
}

nav.kirikae_mobile a{
  padding:0 24px 0 14px;
  display:block;
  text-decoration:none;
  overflow:hidden;
  background:url(../arrow.png) right center no-repeat;
  white-space:nowrap;
  text-overflow:ellipsis;
}
/* ページトップへ */
nav.back_to_top{
 margin-top:38px;
 margin-bottom:3em;
 text-align:center;
}
nav.back_to_top a{
  -webkit-border-radius:8px;
  border-radius:8px;
  -webkit-box-shadow:0 0 3px #333333;
  box-shadow:0 0 3px #333333;
  font-size:140%;
  padding:0 30px 0;
}
