@charset "UTF-8";
/* CSS Document */

/*リセットスタイル*/
html, body, div, h1, h2, h3, h4, h5, h6, p, blockquote, pre, address, ul, ol, li, dl, dt, dd, form, fieldset, input {
     margin: 0px;
     padding: 0px;
     color: #000000;
     font-size: 12px;
 font-family: 'ヒラギノ角ゴ Pro', 'ＭＳ Ｐゴシック', Arial, Helvetica, sans-serif;
     line-height: 1em;
     vertical-align: baseline;
     font-weight:normal;
     list-style:none;
}
body{
}
/*スクロールバーを出す
html{overflow: scroll; overflow: -moz-scrollbars-vertical; overflow-x: scroll;}
*/
strong {

     font-weight: bold;
}
hr {
     display: none;
}
table {
     border-collapse: collapse;
     border-spacing: 0;
}
a img {
     border: none;
}
a:link {

     color: #d2e319;
     text-decoration:none;
}
a:visited {
text-decoration: color: #d2e319;
}
a:hover {

     color: #000;
}
.clearfix:after {     /*モダンブラウザ*/
     content: ".";
     display: block;
     height: 0px;
     clear: both;
     visibility: hidden;
     overflow: hidden;
}
.clearfix {     /*IE7,Mac IE5*/
     display: inline-block;
}
/*IE6以前*/
/*Hides from Ie-mac\*/
* html .clearfix {
     height: 1%;
}
.clearfix {
     display: block;
}
/*End hide from IE-mac*/

a:hover img {
     opacity:0.8;
     filter: alpha(opacity=80);
     -ms-filter: "alpha( opacity=80 )";
    
}
/* space */
.ml5 { margin-left: 5px; }
.ml10 { margin-left: 10px; }
.ml15 { margin-left: 15px; }
.ml20 { margin-left: 20px; }
.ml25 { margin-left: 25px; }
.ml30 { margin-left: 30px; }
.ml40 { margin-left: 40px; }
.ml50 { margin-left: 50px; }

.mr5 { margin-right: 5px; }
.mr10 { margin-right: 10px; }
.mr15 { margin-right: 15px; }
.mr20 { margin-right: 20px; }
.mr25 { margin-right: 25px; }
.mr30 { margin-right: 30px; }
.mr40 { margin-right: 40px; }
.mr50 { margin-right: 50px; }

.mt5 { margin-top: 5px; }
.mt10 { margin-top: 10px; }
.mt15 { margin-top: 15px; }
.mt20 { margin-top: 20px; }
.mt25 { margin-top: 25px; }
.mt30 { margin-top: 30px; }
.mt40 { margin-top: 40px; }
.mt50 { margin-top: 50px; }

.mb5 { margin-bottom: 5px; }
.mb10 { margin-bottom: 10px; }
.mb15 { margin-bottom: 15px; }
.mb20 { margin-bottom: 20px; }
.mb25 { margin-bottom: 25px; }
.mb30 { margin-bottom: 30px; }
.mb40 { margin-bottom: 40px; }
.mb50 { margin-bottom: 50px; }

.pl5 { padding-left: 5px; }
.pl10 { padding-left: 10px; }
.pl15 { padding-left: 15px; }
.pl20 { padding-left: 20px; }
.pl25 { padding-left: 25px; }
.pl30 { padding-left: 30px; }
.pl40 { padding-left: 40px; }
.pl50 { padding-left: 50px; }

.pr5 { padding-right: 5px; }
.pr10 { padding-right: 10px; }
.pr15 { padding-right: 15px; }
.pr20 { padding-right: 20px; }
.pr25 { padding-right: 25px; }
.pr30 { padding-right: 30px; }
.pr40 { padding-right: 40px; }
.pr50 { padding-right: 50px; }

.pt5 { padding-top: 5px; }
.pt10 { padding-top: 10px; }
.pt15 { padding-top: 15px; }
.pt20 { padding-top: 20px; }
.pt25 { padding-top: 25px; }
.pt30 { padding-top: 30px; }
.pt40 { padding-top: 40px; }
.pt50 { padding-top: 50px; }

.pb5 { padding-bottom: 5px; }
.pb10 { padding-bottom: 10px; }
.pb15 { padding-bottom: 15px; }
.pb20 { padding-bottom: 20px; }
.pb25 { padding-bottom: 25px; }
.pb30 { padding-bottom: 30px; }
.pb40 { padding-bottom: 40px; }
.pb50 { padding-bottom: 50px; }



/* テーマ：シーズン／桜 */

#container {
     width:960px;
     margin:0 auto;
}
.button1 { /* inputボタン設定 */
     cursor:pointer;
     color:#000000;
     background:#f6de36;
     border:1px solid #f6de36;
     padding:4px;
     font-size:.9em;

}
/*.sidebox .text1 {border:1px solid #CCCCCC;width:100px;}*/

.text1 { /* テキストエリアデザイン設定 */
     border:1px solid #616161;
     float:left;
     margin-right:5px;
}
 @media only screen and (min-device-width: 481px) and (max-device-width: 1024px) {
 .text1 { /* テキストエリアデザイン設定 */
 width: 55% !important;
 margin-right:2px !important;
 margin-top:1px !important;
}
}
.caution {
     font-weight:bold;
     color:#FF0000;
}/* エラーメッセージ */
.no2 {

    
    
} /* フォントズーム */
.strong {
     font-weight:bold;
}/* フォントボールド */
.red {
     color:#000000;
     font-size:1em;
     font-weight:bold;

     line-height:1.4em;
} /* フォント赤 */
.orange {
     color:#FF9900;
} /* フォントオレンジ */
.blue {
     color:#0000FF;
} /* フォント青 */
.green {
     color:#006600;
} /* フォント緑 */
.glay {
     color:#666666;
} /* フォントグレー */

.item img {/* 商品画像枠  */
     height:auto;
     margin:0px;
     background:#FFFFFF;
     text-align:center;
     border:solid #edeef3 1px;
}
.mainImg {/* 商品画像枠  */
     width:200px;
     margin-right:20px;
}
.spacebox {/* スペース設定  */
     height:50px;
}
/********************************************************************/


/* マイページ、ポップアップ画面 */
#enter {
     width:100%;
     text-align:left;
 background:/* url(https://www.switch-store.net/hpgen/HPB/theme/img/enter.gif) */;
/*border:1px solid #5B5B5B;*/
}
#leftSide {

     width:240px; /* 右サイドtd （3列）*/
     padding:0px 20px 0 0;
     margin:0px;
     vertical-align:top;
 
}
#rightSide {
     width:220px; /* 右サイドtd （3列）*/
     padding:0 0 0 20px;
     margin:0px;
     vertical-align:top;

}

#center1 { /* センター td （2列）*/
padding-top:30px

}
#center2 {
  
     width:auto;
     padding:0px;
     margin:0px;
     vertical-align:top;
}
#center3 { /* センターtd （装飾用）*/
     vertical-align:top;
     width:100%;/* background:url(https://www.switch-store.net/hpgen/HPB/theme/img/center3.gif) ;*/


}
/* 表組みセンタリング */
#center3 table {
     margin:0 auto;
          font-size:1.2em;
          line-height:1.4em;
}
#center3 table table.bordlayoutp3 {

    


}
#center3 table.bordlayoutp3 th{
     padding:10px;
margin-top:20px;


}
#center3 table.bordlayoutp3 td{
     padding:10px;
margin-top:20px;

}

div.bordlayoutp3 table tr  td{
    

}


.header_area { /* ヘッダのフリーエリア */
     text-align:left;
     width:680px;
     margin:0 auto;
     padding:0px;
}
.footer_area { /* フッタのフリーエリア */
     text-align:left;
     width:680px;
     margin:0 auto;
     padding:0px;
}
.sidebox { /* サイド用ブロック（幅設定） */
 
     margin:0px;
}
.centerbox { /* センター用ブロック（幅設定） */
     margin:0px;

    
}
.center {
     text-align:center;

} /* センター */
.right {
     text-align:right;
} /* 右 */
.left {
     text-align:left;
} /* 左 */
.middle {
     vertical-align:middle;
}/* テキスト縦中央 */
.buttom {
     vertical-align:bottom;
}/* テキスト縦下 */
.float_right {
     float:right;
}
.float_left {
     float:left;
}
/********************************************************************/
/* 基本商品テキスト設定 */

.price { /* 商品価格 */
     color:#003333;
     text-align:left;
     font-size:1em;
     line-height:2em;
}
.price.zoom { /* 商品価格 （商品詳細） */
     font-size:125%;
     font-weight:bold;
}
.expl { /* 商品説明文 */
     text-align:left;
     color:#333333;
}
.expl a {
     color:#333333;
     text-decoration:none;
}
.expl a:hover {
     color:#333333;
     text-decoration:underline;
}
.fixed { /* 商品定価 */
     color:#333333;
     text-align:left;

}
h2.goods
{
     text-align:left;
}    
h2.goods /* 商品名 （商品一覧）*/
a {
     color:#000000;
     font-size:1em;
     line-height:1.2em;
     text-decoration:none;
     font-weight:bold;
    
}
h2.goods a:hover {
     color: #FC0;
     text-decoration:underline;
}
/********************************************************************/
/*センターコンテンツ  */
.topIMG { /* トップイメージ 外枠設定 */
     margin:0px;
     padding:0px;
}
.topIMG td {
     margin:0px;
     padding:0px;
}
.shopCopy { /* サイト説明 */
     margin:0px;
     padding:3px 10px 3px 10px;
     color:#505050;
     text-align:left;
}
/* タイトルデザイン */

.free_title { /* タイトル1 h3 */
     padding:13px 0px 10px 40px;
     margin:0px;
     color:#2D2D2D;
     width:auto;
     height:24px;
     background: #ffe7e7 url(https://www.switch-store.net/hpgen/HPB/theme/img/title_bar01.gif) repeat-x;
     line-height:100%;
     vertical-align:middle;
}
.title1,
h2.entry_title  { /* タイトル1 h3 */

     color:#000000;
     line-height:1em;
     vertical-align:middle;
     font-size:1.4em;
     font-weight:bold;
	border-top:solid #000000 1px;
	border-bottom:solid #000000 1px;
	padding:15px 0;
     margin-bottom:20px;
}
h2.entry_title a { /* タイトル1 h3 */
    
     color:#000000;
     text-decoration:none;
     }
.title1 a {
     color:#2D2D2D;
     text-decoration:none;
}
.title1 a:hover {
     color:#2D2D2D;
     text-decoration:underline;
}
.title2 { /* タイトル2 h3 */
     padding:13px 0px 0px 24px;
     margin:0px;
     height:24px;
     width:auto;
     color:#A10000;
     background: #ffe7e7 url(https://www.switch-store.net/hpgen/HPB/theme/img/title_bar02.gif) repeat-x;
     line-height:100%;
     vertical-align:middle;
}
.title2 a {
     color:#A10000;
     text-decoration:none;
}
.title2 a:hover {
     color:#A10000;
     text-decoration:underline;
}
.title3 { /* タイトル3 h3 */
     padding:13px 0px 0px 24px;
     margin:0px;
     height:24px;
     width:auto;
     color:#A10000;
     background: #ffe7e7 url(https://www.switch-store.net/hpgen/HPB/theme/img/title_bar02.gif) repeat-x;
     line-height:100%;
     vertical-align:middle;
}
.rank {/* ランキングアイコン */
     text-align:left;
}
.mainCont { /* メインコンテンツ */
     padding-top:0px;
     margin:0px;

}
.mainCont p { /* メインコンテンツ */
     font-size:1.1em;
     line-height:1.7em;
     width:100%;
padding:5px 0;
}


.mainCont p strong { /* メインコンテンツ */
     padding-top:20px;
     font-size:1.2em;
}
.contbox { /* メインコンテンツ内項目ボックス*/
     padding:10px 0px;
     margin:0px;
     width:auto;
}
ul.news { /* 最新情報リスト設定 */
     text-align:left;
     padding:0px 0px 0px 0px;
     margin:0px;
     list-style:square;
     color:#2D2D2D;
}
li.p3 {
     padding:3px;
}
.free_list { /* リスト設定 */
     padding:5px 10px;
     margin:0px;
}
ul.list { /* リスト設定 */
     text-align:left;
     padding:5px 10px;
     margin:0px;
     list-style:square;
     color:#F59300;
}
ul.map { /* サイトマップリスト設定 */
     text-align:left;
     padding:0px 20px;
     margin:0px;
     color:#2D2D2D;
}
li.sm1 {
     margin:4px;
     display:block;
     list-style-type:none;
}
li.sm2 {
     margin:0px 0px 0px -35px;
     display:block;
     list-style-type:none;
}
.sitemap { /* サイトマップリスト 項目タイトルh4*/
     padding:5px 25px;
     color:#2D2D2D;
     background:url(https://www.switch-store.net/hpgen/HPB/theme/img/icon_sitemap.gif) no-repeat;
     background-position:left center;
}
/* テーブル余白設定  （固定） */

.layoutp3 table {
     text-align:left;
     vertical-align:top;
}
.layoutp3 {
     padding:0px 5px;
     margin:0;
}/* 余白3px */
.layoutp3 th {
    
     vertical-align:top;
}
.layoutp3 tr {
     padding:0 0;
     margin:0;
     vertical-align:top;
     text-align:left;
}


div.layoutp3 table tr td {
     padding:10px 2px 0 0;
     margin:0;
     vertical-align:top;
     text-align:left;
}


div.layoutp3 table div.item table.itemImage tr td  {
     padding:0 80px 0 80px;
          text-align:left;

}
div.layoutp3 table div.item table.itemImage tr td img {
     margin:10px 0 0 0 ;

}

.layoutp3 td #_gaBizRetStn{
     text-align:left;
}
    

#_gaBizRet {
    
}

.bordlayoutp3 {
     margin-top:20px;
     padding:5px 0px;
}/* ボーダーテーブル(余白3px) */
.bordlayoutp3 th {
     padding:3px;
     border:1px solid #999999;
}
.bordlayoutp3 td {
     padding:3px;
     border:1px solid #999999;
}
.bordlayoutp3 .side {
     padding:10px 15px;
}/* 横余白10px */
.backcolor1 {
     background:#edeef3;



    
} /* テーブル内カラー切り替え（タイトル部分） */
.backcolor1 p{
     font-size:1.2em;
     padding:4px;
     text-align:center;
    
} /* テーブル内カラー切り替え（タイトル部分） */
.backcolor2 {
     background:#FFFFFF;
     vertical-align:middle
} /* コンテンツ内 */
.backcolor3 {
     background:#EFEFEF;
     padding:10px 0px;
} /* カート部分 */
/* 商品レイアウト（トップページセンター、商品一覧用）*/

.layoutFrame {/* 大枠 table */
     margin:10px 0px 0px 0px;
     padding:2px;
     width:99%;/* background:url(https://www.switch-store.net/hpgen/HPB/theme/img/layoutframe.gif) ;*/
}
.layoutFrame td {
     text-align:center;
     margin:0px;
     padding:1px;
     vertical-align:top;
}
.layout1 { /* レイアウト */
    
     padding:12px;/* background:url(https://www.switch-store.net/hpgen/HPB/theme/img/layout1.gif) ;*/
     font-weight:bold;
}
.layout1 td {
     margin:0px;
     padding:3px;
     text-align:center;
}
/* 第二階層 */

#bread { /* パンクズ */
     height:20px;
margin-top:30px
     display:block;
}
#bread a { /* パンクズ */
     color:#000000;
     text-decoration:none;
}
#bread a:hover {
     color:#FC0;
}
h4.title {
     margin:20px 0 10px 0;
     padding:4px 0px;
     color:#0000000;
     border-bottom:2px solid;
     font-size:1.4em;
     font-weight:bold;
}
.mainFrame { /* メイン大枠 */
     margin:0px;
}
p.title {
     margin:3px 0px;
     padding:2px 0px;
     color:#669933;
     border-bottom:1px dotted;
     font-weight:bold;
}
/* メールマガジンアイコン設定 */
.mailmag_ent { /* 新規登録 h4 */
     padding:12px 0px 0px 60px;
     background:url(https://www.switch-store.net/hpgen/HPB/theme/img/icon_mailmag_ent.gif) no-repeat;
}
.mailmag_cha { /* アドレス変更 h4 */
     padding:12px 0px 0px 60px;
     background:url(https://www.switch-store.net/hpgen/HPB/theme/img/icon_mailmag_cha.gif) no-repeat;
}
.mailmag_can { /* 配信解除 h4 */
     padding:12px 0px 0px 60px;
     background:url(https://www.switch-store.net/hpgen/HPB/theme/img/icon_mailmag_can.gif) no-repeat;
}
#sortList { /* ソート */
     margin:0px;
     padding:10px 3px 5px 3px;
     width:auto;
     color:#333333;
     float:right;
}
.pageTop { /* ページトップ */
     padding:3px 5px 0px 17px;
     margin:10px 5px;
     background:url(http://www.switch-pub.co.jp/store/images/pagetop.gif) no-repeat;
     font-size:90%;
     font-weight:bold;
     float:right;
}
.pageTop a {
     color:#000000;
     text-decoration:none;
}
.pageTop a:hover {
     color:#999999;
     text-decoration:none;
}
/********************************************************************/
/* フッターーメニューレイアウト設定 */


/********************************************************************/
/* サイド設定 */

#search {/* サイド商品検索枠設定 */
     padding:6px 5px 12px 5px;
     margin:0px;
     width:auto;
     background:url(https://www.switch-store.net/hpgen/HPB/theme/img/search_img01.gif) #DDDDDD;
     text-align:left;
}
#search form {
     width:155px;
}
#search label {
     padding:0px;
     margin:0px;
     color:#404040;
     font-weight:bold;
}
.fieldarea {
     padding:5px 0px 5px 0px;
     vertical-align:middle;
}
/* サイドメニューカテゴリリスト */

.list { /* メニュー枠設定 */
     padding:0px 0px;
     display:block;
}
.list h3 { /* タイトル */
     padding:5px 5px;
     margin:0px;
}
ul.free_listbox {
     text-align:left;
     padding:0px;
     margin:0px;
     list-style:none;
}
ul.listbox {
     text-align:left;
     padding:0px;
     margin:0px;
     list-style:none;
}
li.ca1 {
     margin:0px;
     border-bottom:1px #CFCFCF dotted;
}
li.ca2 {
     margin:0px;
     border-bottom:1px #CFCFCF dotted;
}
li.ca1 a {
     padding:6px 3px 6px 15px;
     display:block;
     color:#A10000;
     font-weight:bold;
     text-decoration:none;
     background:url(https://www.switch-store.net/hpgen/HPB/theme/img/icon_eye01.gif) no-repeat;
}
li.ca1 a:hover {
     color:#A10000;
     font-weight:bold;
     text-decoration:none;
     background:url(https://www.switch-store.net/hpgen/HPB/theme/img/icon_eye01_ov.gif) no-repeat #F8C666;
}
li.ca2 a {
     padding:4px 3px 4px 25px;
     display:block;
     color:#DA2020;
     text-decoration:none;
     background:url(https://www.switch-store.net/hpgen/HPB/theme/img/icon_eye02.gif) no-repeat;
}
li.ca2 a:hover {
     color:#DA2020;
     text-decoration:none;
     background:url(https://www.switch-store.net/hpgen/HPB/theme/img/icon_eye02_ov.gif) no-repeat #FBE1B0;
}
li.ca3 {
     margin:0px;
     border-bottom:1px #CFCFCF dotted;
}
li.ca3 a {
     padding:6px 3px 6px 15px;
     display:block;
     color:#A10000;
     font-weight:bold;
     text-decoration:none;
     background:url(https://www.switch-store.net/hpgen/HPB/theme/img/icon_eye01.gif) no-repeat;
}
li.ca3 a:hover {
     color:#A10000;
     font-weight:bold;
     text-decoration:none;
     background:url(https://www.switch-store.net/hpgen/HPB/theme/img/icon_eye01_ov.gif) no-repeat #F8C666;
}
li.ca4 {
     margin:0px;
     border-bottom:1px #CFCFCF dotted;
}
li.ca4 a {
     padding:4px 3px 4px 25px;
     display:block;
     color:#DA2020;
     text-decoration:none;
     background:url(https://www.switch-store.net/hpgen/HPB/theme/img/icon_eye02.gif) no-repeat;
}
li.ca4 a:hover {
     color:#DA2020;
     text-decoration:none;
     background:url(https://www.switch-store.net/hpgen/HPB/theme/img/icon_eye02_ov.gif) no-repeat #FBE1B0;
}
.sline1 { /* サイドバー下ライン */
     padding:0px;
     margin:0px;
     height:5px;/* background:url(https://www.switch-store.net/hpgen/HPB/theme/img/sline1.gif) ;*/
}
.sline2 { /* サイドバー下ライン */
     padding:0px;
     margin:0px;
     height:5px;/* background:url(https://www.switch-store.net/hpgen/HPB/theme/img/sline2.gif) ;*/
}
/* サイドコンテンツ */
.sidemain1 { /* メイン枠 */
     margin:0px;
}
.sidemain1 p {
}
.sidemain1 ul { /* リスト設定 */
     margin:0px;
     list-style:none;
}
.sidemain1 li {
     display:block;
}
/* カレンダー */
caption { /* 年月タイトル */
     font-weight:bold;
     text-align:center;
     padding:3px;
     color:#333333;
}
caption a {
     color:#333333;
     text-decoration:underline;
}
caption a:hover {
     color:#333333;
     text-decoration:underline;
}
.carender { /* カレンダー テーブル*/
     border-collapse:collapse;
     padding:5px 0px;
     margin:0 auto;
     text-align:center;
}
/* カレンダー センタリング*/
div.carender table {
     margin:0 auto;
     text-align:center;
     width:130px;
}
.carender td {
     padding:2px;
     border-collapse:collapse;
     text-align:center;
     border:1px solid #CCCCCC;
}
.carender th {
     padding:2px;
     border-collapse:collapse;
     border:1px solid #CCCCCC;
}
th.day { /* ヘッダ平日 */
     font-weight:bold;
     color:#333333;
     background:#EEEEEE;
     text-align:center;
}
th.sun { /* ヘッダ日曜 */
     color:red;
     background:#FDDFFC;
     text-align:center;
}
th.sat { /* ヘッダ土曜 */
     color:blue;
     background:#D0E8FF;
     text-align:center;
}
.chert { /* 表示色説明枠  */
     margin:5px 5px;
     font-size:84%;
}
.chert td {
     border-collapse:separate;
     padding:0px 0px 0px 5px;
     border:2px solid #FFFFDD;
}
.line01 {
     border:#FCF4F4 5px solid;
}
#rss { /* RSS設定 */
     margin:0px;
     padding:5px;
}
#count { /* カウンター */
     margin:0px;
     padding:5px;
}
/********************************************************************/
/* ブログ */

.blogbox { /* コメントボックス */
     padding:5px;
     margin:2px 0px;
     width:auto;/* background:url(https://www.switch-store.net/hpgen/HPB/theme/img/blogbox.gif) ;*/
}
.entry_title { /* ブログエントリータイトル h2 */
     padding:5px 0px 10px 0px;
     display:block;
     font-size:116%;
     color:#2D2D2D;/* background:url(https://www.switch-store.net/hpgen/HPB/theme/img/entry_title.gif) ; */
}
.entry_date {
     display:none;

}
.state { /* ブログステータス */
     display:none;
}
.subtitle {/* h3 ブロックサブタイトル */
     padding:2px 0px;
     margin:10px 0px 10px 0px;
     text-align:left;
     font-size:110%;
     color:#4F4F4F;
     border-bottom:#4F4F4F 2px solid;/* background:url(https://www.switch-store.net/hpgen/HPB/theme/img/subtitle.gif) ; */
}
p.label { /* ブログコメントタイトル */
     font-weight:bold;
}
.tb_url { /* トラックバックurl */
     font-weight:bold;
     margin-bottom:10px;
}
/********************************************************************/
/* カート */

.point {
     font-size:120%;
     color:red;
     font-weight:900;
}
.pointline {
     font-size:100%;
     color:red;
     font-weight:900;
     padding:3px;
     background-color:#FFEEB5;
}
/* ナビゲーション （固定）*/
.step_navi01, .step_navi02, .step_navi03, .step_navi04 {
     text-align:center;
     width:100%;
     height:83px;
}
.step_navi01 {
     background:url(https://www.switch-store.net/hpgen/HPB/theme/img/navi01.gif) center top no-repeat;

}
.step_navi02 {
     background:url(https://www.switch-store.net/hpgen/HPB/theme/img/navi02.gif) center top no-repeat;
}
.step_navi03 {
     background:url(https://www.switch-store.net/hpgen/HPB/theme/img/navi03.gif) center top no-repeat;
}
.step_navi04 {
background:url(https://www.switch-store.net/hpgen/HPB/theme/img/navi03.gif) center top no-repeat;
}
/* ご利用案内 */
table.layout_left_shoppinguide {
     width:100%;
}
/********************************************************************/
/*** 商品詳細ページの在庫の直接表示用 ***/
#itemStocklist table {
     border-collapse:collapse;
     margin:5px 0;
     padding:3px;

}
#itemStocklist th, #itemStocklist td {
     margin:0;
     padding:0;
     font-weight:normal;
     text-align:left;
     line-height:1.2;
    
}
#itemStocklist th {
     white-space:normal;
     width:auto;
     border:1px solid #999;
     vertical-align:middle;
}
#itemStocklist td {
     white-space:normal;
     width:auto;
     border:1px solid #999;
}
#itemStocklist th p, #itemStocklist td p {
     padding:1px 4px;
     line-height:1.2;
}
#itemStocklist td input, #itemStocklist td img {
    
     margin:2px;
}
/* バリエーションなしorまとめて管理 */
#itemStocklist table.contType {
     width:auto;
}
#itemStocklist table.contType th, #itemStocklist table.contType td {
     padding:0 10px;
     vertical-align:middle;
     font-size:0.9em;
}
/* バリエーションごとに管理 */
#itemStocklist table.listType {
     width:100%;
}
#itemStocklist table.listType th, #itemStocklist table.listType td {
     font-size:0.8em;
}
#itemStocklist table.listType td.stk {
     width:5em;
     text-align:center;
}
#itemStocklist table.listType td.btn {

     vertical-align:middle;
     text-align:center;
}
/*************************************************/
/*** 複数カテゴリ（サブメニュー用） ***/

/*サブメニュー準備*/
#sps-itemCategoryBox ul {
     zoom:1;
}
#sps-itemCategoryBox, #sps-itemCategoryBox ul, #sps-itemCategoryBox li {
     margin:0;
     padding:0;
}
#sps-itemCategoryBox li {
     list-style:none;
}
#sps-itemCategoryBox .sps-itemList .sps-itemCategoryList {
     position:relative;
}
/*サブメニュー非表示（初期）*/
#sps-itemCategoryBox .sps-itemList .sps-itemCategoryList .sps-itemCategorySub {
     width:100%;
     position:absolute;
     top:0;
     left:100%;
     display:none;
}
/*サブメニュー表示（オンマウス）*/
#sps-itemCategoryBox .sps-itemList .sps-itemCategoryList:hover .sps-itemCategorySub {
     display:block;
     z-index:99;
}
/*サブメニューボックス*/
#sps-itemCategoryBox .sps-itemList .sps-itemCategoryList .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;
}
/*サブメニュー内リンク*/
#sps-itemCategoryBox .sps-itemList .ca2 a {
     color:#00f;
     font-weight:normal;
     text-decoration:underline;
}
/*サブメニュー内リンク（オンマウス）*/
#sps-itemCategoryBox .sps-itemList .ca2 a:hover {
     color:#00f;
     font-weight:normal;
     text-decoration:underline;
}
/*************************************************/
/*** 複数カテゴリ（商品一覧用） ***/

/*商品一覧の選択カテゴリの上位カテゴリ*/
#sps-itemCategoryBox .sps-selList .sps-itemCategoryUp .ca2 a {
     padding-left:0.3em;
     background-image:none;
}
/*商品一覧の表示パターン1（全商品カテゴリを見る非表示）*/
#sps-itemCategoryBox .sps-selList+.sps-itemList {
     margin:2em 0;
}
/*商品一覧の表示パターン2（全商品カテゴリを見る表示）*/
#sps-itemCategoryBox .sps-allList {
     margin:2em 0;
}
#sps-itemCategoryBox .sps-allList .sps-itemCategoryMain .ca2 a {
     padding-left:0;
     padding-right:0;
     background-image:none;
     text-align:center;
}
/*商品一覧表示パターン2（全商品一覧の表示位置調整）*/
#sps-itemCategoryBox .sps-allList+.sps-itemList {
     margin:-2em 0 2em;
}
/*************************************************/
/*** 複数カテゴリ（サイトマップ用） ***/

/*見出し*/
#sps-smItemCategory h5 {
     margin:0 0 0 25px;
     font-size:1em;
}
/*第2階層以下のカテゴリ*/
#sps-smItemCategory li.sm1 ul {
     margin:0;
     padding:0;
}
/*第2階層のカテゴリ*/
#sps-smItemCategory li.sm2 {
     margin:0 0 0 1px;
}
/*************************************************/
/*** キーワードリンク（左サイド用）レイアウト ***/
#sps-leftKeywordBox li {
     background:none;
     margin:0 5px 0 0;
     padding:0;
     display:inline;
     line-height:1.6;
}
#sps-leftKeywordBox li a {
     background:none;
     padding:0;
     display:inline;
     text-decoration:underline;
}
/*** 商品検索（ヘッダ用）レイアウト ***/
#sps-headSearchBox {
     text-align:left;
}
#sps-headSearchBox form {
     display:block;
     padding:5px 10px;
}
#sps-headSearchBox form label {
     padding-right:10px;
     font-size:1em;
}
#sps-headSearchBox form input[type=text] {
     width:40%;
     padding:0.1em 0.3em;
     font-size:1.1em;
}
#sps-headSearchBox form input[type=submit] {
     font-size:1.1em;
}
/*** 商品検索（ヘッダ用）デザイン ***/
#sps-headSearchBox {
     background-color: #FFE7E7; /* 背景 */
     border-bottom: 1px dotted #CCCCCC;
}
#sps-headSearchBox form {
/*     border:1px solid #ccc; /* 枠線 */
}
div + #sps-headSearchBox form {
/*     border-top:none; /* 枠線の調整 */
}
#sps-headSearchBox form label {
     color: #2D2D2D; /* 文字色 */
     font-weight: bold; /* 太字 */
}
/*** キーワードリンク（ヘッダ用）レイアウト ***/
#sps-headKeywordBox {
     text-align:left;
}
#sps-headKeywordBox div {
     padding:3px 10px;
     line-height:1.6;
     font-size:0.9em;
}
#sps-headKeywordBox ul {
     margin:0;
     padding:0;
     display:inline;
}
#sps-headKeywordBox li {
     list-style:none;
     display:inline-block;
     padding-right:0.5em;
}
/*** キーワードリンク（ヘッダ用）デザイン ***/
#sps-headKeywordBox {
     background-color: #FCF4F4; /* 背景色 */
}
#sps-headKeywordBox div {
     border-bottom: 1px dotted #CCCCCC; /* 枠線 */
}
div + #sps-headKeywordBox div {
/*     border-top:none; /* 枠線の調整 */
}
#sps-headKeywordBox span {
     color: #A10101; /* 見出し */
}
#sps-headKeywordBox span:after {
     content:" ： "; /* 見出し区切り文字 */
}
/*** ヘッダ区切り線調整 ***/
#sps-headSearchBox + div.hline, #sps-headKeywordBox + div.hline {
     margin-bottom: 5px;
}

/* slider layout */
.lof-slidecontent {
     position:relative;
     overflow:hidden;
     border:#000000 solid 10px;
     background:url(http://www.switch-pub.co.jp/store/images/navi-bg.gif) no-repeat right bottom;
}
.lof-slidecontent .preload {
     height:100%;
     width:100%;
     position:absolute;
     top:0;
     left:0;
     z-index:0;
     text-align:center;
     background:#FFF;
}
.lof-slidecontent .preload div {
     height:100%;
     width:100%;
     background:transparent url(http://www.switch-pub.co.jp/store/images/load-indicator.gif) no-repeat scroll 50% 50%;
}
.lof-slidecontent .sliders-wrapper {
     position:relative;
     height:100%;
     width:960px;
     z-index:0;
     overflow:hidden;
}
.lof-slidecontent ul.sliders-wrap-inner {
     overflow:hidden;
     background:transparent url(http://www.switch-pub.co.jp/store/images/load-indicator.gif) no-repeat scroll 50% 50%;
     padding:0px;
     margin:0;
     position:absolute;
     overflow:hidden;
}
.lof-slidecontent ul.sliders-wrap-inner li {
     overflow:hidden;
     padding:0px;
     margin:0px;
     float:left;
     position:relative;
}
.lof-slidecontent .lof-opacity li {
     position:absolute;
     top:0;
     left:0;
     float:inherit;
}
.lof-slidecontent .navigator-content {
     position:absolute;
     right:-5px;
     top:-4px;
     z-index:9;
     height:210px;
     width:250px;
     overflow:hidden;
     color:#FFF;
}
.lof-slidecontent .navigator-wrapper {
     position:relative;
     z-index:10;
     height:210px;
     width:250px;
     overflow:hidden;
     color:#FFF;
     float:left;
     background:url(http://www.switch-pub.co.jp/store/images/navi-bg.gif);
}
.lof-slidecontent ul.navigator-wrap-inner {
     top:0;
     padding:0;
     margin:0;
     position:absolute;
     width:100%;
     z-index:100;
}
.lof-slidecontent ul.navigator-wrap-inner li {
     cursor:hand;
     cursor:pointer;
     list-style:none;
     padding-left:10px;
     margin-left:0px;
     overflow:hidden;
     float:left;
     display:block;
     text-align:center;
}
ul.sliders-wrap-inner li img {
     padding:0px;
}
/* item navigator */
.lof-slidecontent ul.navigator-wrap-inner li.active {
     background:url(http://www.switch-pub.co.jp/store/images/arrow-bg.png) no-repeat scroll left center;
     color:#FFF;
}
.lof-slidecontent ul.navigator-wrap-inner li > div {
     color:#FFF;
     height:100%;
     position:relative;
     text-align:left;
     background:#000;
}
.lof-slidecontent ul.navigator-wrap-inner li.active div {
     background:url(http://www.switch-pub.co.jp/store/images/grad-bg.gif);
     color:#FFF;
}
.lof-slidecontent ul.navigator-wrap-inner li img {
     height:70px;
     width:230px;
     float:left;
     padding:3px;
}



/*******************************************************/
/* footer */

#rainy_footer_back {
     background:#fafafa;
     padding:20px 0;
     margin-top:40px;
     width:100%;
}
#rainy_footer {
     width:920px;
     margin:0 auto;
     background:#fafafa;
     padding:20px;
     margin-top:30px;
}
#rainy_footer ul {
     float:left;
     width:170px;
}
#rainy_footer ul#contact {
     float:left;
     width:120px;
}
#rainy_footer ul#copy {
     float:left;
     width:290px;
     padding-top:5px;
font-size:.9em;
}
#rainy_footer ul li.title {
     font-size:1.6em;
     color:#505050;
     line-height:1.8em;
}
#rainy_footer ul li {
     font-size:1.1em;
     color:#505050;
     list-style-type:none;
     line-height:1.8em;
}
#rainy_footer ul li a {
     color:#505050;
     text-decoration:none;
}
#rainy_footer ul li a:hover {
     color:#000000;
     text-decoration:underline;
}
/*******************************************************/
/* 採用など */

#rainy_ad dl,
#rainy_recruit dl{
     padding:0 0 0 0;

}

#rainy_ad dl dt{
     width:70px;
     float:left;
     font-size:1.2em;
     line-height:1.4em;

}
#rainy_ad dl dd{
width:630px;
     float:left;
     font-size:1.2em;


}
#rainy_recruit dl dt{
     width:80px;
     float:left;
     font-size:1.2em;
     line-height:1.4em;
     clear:both;
     padding:3px 0;
     margin-left:10px;
}
#rainy_recruit dl dd{
width:610px;
     float:left;
     font-size:1.2em;
          line-height:1.4em;
padding:3px 0
}
#rainy_ad .small{
     font-size:.8em;
     line-height:1.2em;


}
#rainy_ad dl dd h3{
     font-weight:bold;
font-size:1.2em;

}
#rainy_ad dl dd p.pdf_dl {background:url(http://www.switch-pub.co.jp/aboutus/img/icon_pdf.jpg) no-repeat 0 0; height:20px; padding:3px 0 0 28px;}



/*******************************************************/
/* header */

div#switchpub_top {
     width:960px;
     margin:0 auto;
}
div#switchpub_top h1 {
     background:url(https://www.switch-store.net/images/logo_switch_pub.gif) no-repeat 0 20px;
     text-indent:-9999px;
     width:284px;
     display:block;
     height:34px;
     padding:20px 0 15px 0;
     float:left;
}
div#switchpub_top div#switchpub_menu {
     width:606px;
     height:34px;
     float:right;
     margin-top:27px;
}
.switchpub_top_border {
border-bottom:solid #000000 3px;
padding-bottom:6px;

}

div#switchpub_top div#switchpub_menu ul {

}
div#switchpub_top div#switchpub_menu ul li {
     float:left;
     padding:0 0 0 20px;
     list-style-type:none;
}
div#switchpub_menu_header_top div#switchpub_menu_menu ul li a {
     color:#ffffff;
     text-decoration:none;
}

/*******************************************************/
/* contents */


#switchpub_left {
     width:240px;
     float:left;
padding:40px 0 0 0;
}

#switchpub_left h2#title_newbook{
     width:240px;
	 background:url(https://www.switch-store.net/images/title_newbook.gif) center top no-repeat;
	 text-indent:-9999px;
	 height:13px;
}
#switchpub_left h2#title_recommended{
     width:240px;
	 background:url(https://www.switch-store.net/images/title_recommended.gif) center top no-repeat;
	 text-indent:-9999px;
	 height:13px;
}
#switchpub_left p#newbook{
	padding:20px;
	margin-bottom:25px;
}


#switchpub_left ul {
	padding-top:20px;
}
#switchpub_left ul li {
     width:240px;
	 background-color:#e6e6e6;
	 margin-bottom:5px;
}
#switchpub_left ul li dl {
	     padding:12px 10px;
}
#switchpub_left ul li dl dt {
     width:86px;
     float:left;
}
#switchpub_left ul li dl dt img {
     width:80px;
}
#switchpub_left ul li dl dd {
     width:130px;
     float:right;
}
#switchpub_left ul li dl dd p.backnumber_title {
     font-size:1em;
     padding-bottom:4px;
     line-height:1.4em;
	 font-weight:bold;
}
#switchpub_left ul li dl dd p.backnumber_title a{
     color:#000;
   
}
#switchpub_left ul li dl dd p.backnumber_title a:hover{
     color:#FC0;
}
#switchpub_left ul li dl dd p.backnumber_date {
     font-size:1em;
     line-height:1.2em;
}
#switchpub_center {
     width:460px;
     padding:0 0 0 0;
     float:left;
}

#switchpub_center h2.news_title {
     width:460px;
	 background:url(https://www.switch-store.net/images/title_whats_new.gif) center top no-repeat;
	 text-indent:-9999px;
	 height:13px;
}
#switchpub_center ul.news li {
     padding:20px;
     width:420px;
	 border-bottom:2px solid #dadada;
}
#switchpub_center ul.news li dl dt {
     width:210px;
     float:left;
	 padding-right:20px;
}
#switchpub_center ul.news li dl dt img {
     vertical-align:middle;
}
#switchpub_center ul.news li dl dd {
     width:190px;
     float:left;
}

#switchpub_center ul.news li dl dd h3 a {
     font-size:1.2em;
     font-weight:bold;
     color:#000000;
     line-height:1.4em;


}
#switchpub_center ul.news li dl dd h3 a:hover {
     color:#FC0;
}
#switchpub_center ul.news li dl dd p {
     font-size:1em;
     line-height:1.4em;
     padding-top:5px;
}
#switchpub_center div.news_icon_date{
     padding-bottom:5px;
}



#switchpub_right {
     width:220px;
     float:left;
padding:30px 0 0 0;
}


#switchpub_right p.banner {
     padding:0 0 10px 0;
}
#switchpub_right p.bannerSNS {
     padding:20px 0 10px 0;
}


div#switchpub_news_contents {
     font-size:1.2em;
     line-height:1.4em;
}
 dl.switchpub_news_date dt{
     font-size:1.2em;
     line-height:2em;
     float:right;
     width:120px;
}
 dl.switchpub_news_date{
      clear:both;
      padding-bottom:15px;

}
p.switchpub_news_date {
          float:right;
}

div#news_contents{
font-size:1.2em;
line-height:1.8em;
width:512px;
margin:0 auto;
padding-top:40px;
color:#313131;
}
div#news_contents a{
color: #d2e319;
}

div.news_photo{
text-align:center;
width:100%;
}
span.news_credit{
font-size:.7em;
color:#626262;
}
dl.news_date{
width:440px
padding-top:20px

}
dl.news_date dt{
float:left;
width:140px;

}
dl.news_date dd{
float:left;
width:300px;

}
div#news_contents table{
width:100%;
font-size:1em;
}
div#news_contents table td,
div#news_contents table th{
border:1px solid #bababa;
padding:15px 20px;
font-weight:nomal;
}
div#news_contents span.news_red{
color:#c20201;
font-weight:bold;
}

/*******************************************************/
/* google search */

#gsc{
    width:220px;
     
    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: middle !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;
}


/*******************************************************/
/* SNS line */


/* マーカーを使用しない設定（無くてもマーカーは表示されませんが念の為） */
.sns{ list-style-type:none; }
/* display:inline-block;を指定 */
.sns li{
    display:inline-block;
    margin-right:5px;
    vertical-align:bottom;
    *display: inline;   <!-- IE用のハック -->
    zoom: 1;        <!-- IE用の hasLayout を true にするための記述 -->
}


/*******************************************************/
/*SWITCH INTERVIEW*/

div#switchpub_interview{
     font-size:1.3em;
     line-height:1.4em;
}

div#switchpub_interview{
font-size:1.3em;
line-height:1.8em;
width:600px;
margin:0 auto;
padding-top:20px;
color:#313131;
}
div#switchpub_interview a{
color: #d2e319;
}

/*******************************************************/
/*SWITCH INTERVIEW-mobile*/

div#switch_interviewmb{
     font-size:3em;
     line-height:1.8em;
}

div#switch_interviewmb{
font-size:3em;
line-height:1.8em;
width:600px;
margin:0 auto;
padding-top:10px;
color:#313131;
}
div#switch_interviewmb a{
color: #d2e319;
}


/*******************************************************/
/*banner-box*/

.box17{
margin:2em 0;
position: relative;
padding: 0.5em 1.5em;
border-top: solid 2px black;
border-bottom: solid 2px black;
}
.box17:before, .box17:after{
content: '';
position: absolute;
top: -10px;
width: 2px;
height: -webkit-calc(100% + 20px);
height: calc(100% + 20px);
background-color: black;
}
.box17:before {left: 10px;}
.box17:after {right: 10px;}
.box17 p {
margin: 0;
padding: 0;
}


/*******************************************************/
/*Spotify DNA MUSIC*/

div#dna_music{
     font-size:1.3em;
     line-height:1.4em;
}

div#dna_music{
font-size:1.3em;
line-height:1.8em;
width:600px;
margin:0 auto;
padding-top:20px;
color:#313131;
}

div#dna_music h1{
font-size:0.8em;
line-height:1.5em;
width:600px;
margin:0 auto;
padding-top:20px;
color:#313131;
}

div#dna_music h2{
font-size:0.9em;
line-height:1.5em;
width:500px;
margin:0 auto;
padding-top:20px;
color:#313131;
}

div#dna_music h3{
font-size:1.5em;
line-height:1.6em;
width:600px;
margin:0 auto;
padding-top:20px;
color:#313131;
}

div#dna_music a{
color: #d2e319;
}



/*******************************************************/
/*折りたたみ*/

.more{
    max-height: 0;
    transform: scaleY(0);
    transform-origin: center top;
    transition: .3s ease;
    transition-property: transform,max-height;
}
.morefix:target +  .more{
    max-height: 99999px;
    transform: scaleY(1);
}
.morefix{
    position: fixed;
    top: 0;
}