/*****************************************************

    全ての要素をリセット
    各ブラウザの表示を統一するための設定です

*****************************************************/
html {overflow-y: scroll;}
body,div,dl,dt,dd,ul,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin: 0;padding: 0;}
address,caption,cite,code,dfn,em,strong,th,var {font-style: normal;}
table { border-collapse: collapse;border-spacing: 0;}
h1,h2,h3,h4,h5,h6 {font-size: 100%;text-align:left;font-weight:normal;}
img,abbr,acronym,fieldset {border: 0;}
img{vertical-align:middle;}
center{width: 100%;}

/*--- default */
body {
    color: #333;
    font-size: 13px;
    font-family:"Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", sans-serif;
    line-height:1.4;
}
td,th{
    font-size:13px;
}
table{
    border-collapse:collapse;
}
pre{
  font-size: 13px;
    font-family:"Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", sans-serif;
    line-height:1.4;
}

/*****************************************************

    基本設定、リンクカラーなど

*****************************************************/
#makebanner{
    width:100%;
}
#container{
    width:1200px;
    margin:20px auto 0;
    padding: 0 50px;
    background: #fff;
}
a:link,a:visited,a:active {
    color:#333;
    text-decoration:none;
}
a:hover{
  color:#F08080;
  text-decoration:none;
}
.clear:after{
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
* html .clear            { zoom: 1; } /* IE6 */
*:first-child+html .clear { zoom: 1; } /* IE7 */

a:hover img,.btn:hover,#M_basketClosedBox a:hover,.soldout:not(:hover){
    filter: alpha(opacity=70);
    -moz-opacity:0.7;
    opacity:0.7;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.btn{
  display:inline-block;
  background:#000;
  border:1px solid #000;
  color:#fff!important;
  padding:1% 15%;
  border-radius:3px; 
    -webkit-border-radius:3px;
    -moz-border-radius:}
.btn-gray{
  background-color:#fff;
  border:1px solid #ccc;
    padding:1% 5%;
    display:inline-block;
    color:#000!important;
    text-decoration:none;
    border-radius:3px; 
    -webkit-border-radius:3px;
    -moz-border-radius:3px; 
}
.btn:hover , .btn-gray:hover{
  border:solid 1px #F08080;
  background-color:#F08080;
  color:#fff;
    display:inline-block;
    text-decoration:none;
    border-radius:3px; 
    -webkit-border-radius:3px;
    -moz-border-radius:3px; 
}

/* リンクボタン */
.click_btn a{
  display:block;
  padding:1% 3%;
  border:solid 1px #ccc;
  color:#000;
  width:20%;
  text-align:center;
  margin:2% 0;
}
.click_btn a:hover{
  border:solid 1px #F08080;
  background-color:#F08080;
  color:#fff;
}

/* テキスト選択時のカラーを追加
----------------------------------------------- */
::selection {
    background:#F08080; /* Safari */
    color:#fff;
}

::-moz-selection {
    background:#F08080; /* Firefox */
    color:#fff;
}
.bexbanner{
  padding-bottom: 10px;
}








/*****************************************************

    ヘッダ menu.html

*****************************************************/

/* ロゴをセンターに
----------------------------------------------- */
.shop_logo {
  text-align: center;
  margin:30px 0;
}
.fixed .shop_logo img{
  width: 200px;
}

/*　右側のカートセットを調整
----------------------------------------------- */
.header-nav{
  position: absolute;
  right: 15px;
  top: 15px;
}
.header-nav li,.header-nav li li:first-child{
  display:inline-block;
  vertical-align:middle;
  margin:0 6px;
}
.header-nav li:first-child{
  margin:0;
}

/*　右側のサーチエリアを調整
----------------------------------------------- */
#MakeShopTopSearchInput{
  padding:3px 8px;
  border:1px solid #ebebeb; 
  border-radius: 20px;
  -webkit-border-radius:20px;
    -moz-border-radius:20px;
  width:130px;
  background:url(http://gigaplus.makesho.jp/dearstageec/common/images/icon/icon_pc_search.png)no-repeat 125px 2px;
  background-size: 13px;
}

/* ヘッダーを上部固定に変更
----------------------------------------------- */
.header {
  height: 190px;
  /*margin-bottom: 30px;*/
}
.header .fixbar {
  position: absolute;
  z-index:100;
  width:100%;
  background:#fff;
  transition: padding-bottom 0.2s ease 0s;
  min-width: 1200px;
}
.header.fixed .fixbar {
  position: fixed;
  /* margin-top:-35px; */
}
.header .header_bottom {
  /* 出てくる時のアニメーション設定 */
  transition: margin-top 0.4s ease 0s, opacity 0.4s ease 0.2s;
  opacity: 1;
}
.header.fixed .header_bottom {
  /* 消える時のアニメーション設定 */
  transition: margin-top 0s ease 0s, opacity 0.4s ease 0s;
  margin-top: -120px;
  opacity: 0;
}
.header.fixed .shop-logo{
  margin: 15px 0;
}
.header.fixed .shop-logo img{
  width:200px;
}
/* ヘッダーニュース部分追加
----------------------------------------------- */
#HeadNews{
    background-color:#000;
    width:100%;
    padding:0.3%;
    color:#fff;
}
#HeadNews a{
    color:#ff9999;
    text-decoration:none;
    text-align:center;
}
/* ドロップダウンメニュー
----------------------------------------------- */
.dropmenu{
  *zoom: 1;
  list-style-type: none;
  text-align:center;
  padding:0;
  border-top: 1px solid #ebebeb;
  border-bottom: 1px solid #ebebeb;
  font-size: 12px;
}
.dropmenu li{
  display:inline-block;
  margin-right:30px;
}
.dropmenu:before, .dropmenu:after{
  content: "";
  display: table;
}
.dropmenu:after{
  clear: both;
}
.dropmenu li{
  position: relative;
  margin: 0;
  padding: 0;
  text-align: center;
}
.dropmenu li a.drop_box{
  display: block;
  margin: 0;
  padding: 15px 30px;
  line-height: 1;
  text-decoration: none;
  border-bottom: 2px solid #fff;
}
.dropmenu li a.drop_box:hover{
  border-bottom: 2px solid #F08080;
}
.dropmenu li ul{
  list-style: none;
  position: absolute;
  z-index: 9999;
  top: 100%;
  left: 0;
  margin: 0;
  padding: 0;
}

.dropmenu li ul{
  background: #fffef5;
  margin-top: 1px;
  font-size: 11px;
}
.dropmenu li ul.artist{
  /*width: 850px;*/
  width: 670px;
  left: -100px;
  height: 400px;
}
.dropmenu li ul.goods{
  width: 450px;
  left: -50px;
}
/* ドロップダウンメニュー　オプション */
#fade-in li ul{
  visibility: hidden;
  opacity: 0;
  transition: 0s;
}
#fade-in li:hover ul{
  visibility: visible;
  opacity: 1;
}
#fade-in li ul li a{
  visibility: hidden;
  opacity: 0;
  transition: .5s;
}
#fade-in li:hover ul li a{
  visibility: visible;
  opacity: 1;
}
/* ドロップダウン　メニュー中身 */
.nav_artist{
  padding-top:25px; 
}
.nav_artist p{
  display: inline-block;
  width: 150px;
  vertical-align: top;
}
.nav_artist p span,
.nav_goods span{
  display: block;
  padding: 5px 0;
}
.dropmenu li ul.goods div{
  display: inline-block;
  padding: 10px 15px ;
  vertical-align: top;
}
.nav_Area .recommendItem p{
  padding-bottom: 15px;
  font-weight: bold;
}
.nav_Area .recommendItem span{
  font-size: 11px;
}
.nav_Area .leftArea{
  text-align: left;
  margin-right: 30px;
}
.nav_Area .leftArea a{
  padding: 10px 0;
  display: block;
}
.nav_Area .leftArea a:before{
  padding: 10px 0;
}

/* デフォルトのスライダーのシャドウを削除
----------------------------------------------- */
.bx-viewport{
  box-shadow: none!important;
  -moz-box-shadow: none!important;
  -webkit-box-shadow: none!important;
}



/*****************************************************

    common

*****************************************************/

.item-list .lims,
.item-list.itemBox{
  padding:30px 10px;
}
.category-list-inner{
  padding:0 10px 50px;
}
.item-list img,
.imgWrap img{
  width: 200px;
  height: auto;
}
.item-list .woong img{
  width: auto!important;
}
.item-list .icon img,
.imgWrap .icon img{
  width: auto!important;
}
.list-sort,
.innerBox{
  margin:10px 0 20px;
}
.category-list li{
  list-style: none;
}
#recent td .name,
#recent td .price,
td.line{
  display: none;
}
tbody .woong b{
  display: none;
}
tbody .woong td{
  vertical-align: middle!important;
  text-align: left!important;
}
.name a,
#index .woong td a{
  display: block;
  width: 200px;
  overflow: hidden;
  text-align: left;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.price,
#M_group .price{
  display: block;
  padding-top: 5px;
  font-size: 15px;
  font-weight: bold;
  text-align: left!important;
}





/* パンくず設定
----------------------------------------------- */
#M_topicPathWrap ul{
  padding: 0;
  font-size: 11px;
}
#M_topicPathWrap #M_topicPath1 li a{
  text-decoration:none;
}
li.M_current{
  font-weight:bold;
}

/* デフォルトの商品一覧の設定を削除
----------------------------------------------- */

#makebanner img[src$="helptitle.gif"],
#makebanner img[src$="companytitle.gif"],
#makebanner img[src$="baskettitle.gif"],
#makebanner img[src$="membertitle.gif"],
#makebanner img[src$="memberqtitle.gif"],
#makebanner img[src$="pointtitle.gif"]{
  display:none; 
}


/*****************************************************

    index

*****************************************************/
.main-contents{
  width: 930px;
}
/* サイト全体のh2タイトルを装飾
----------------------------------------------- */
.main-contents h2{
  text-align:center;
  font-size:20px;
  padding:40px 0 0;
  margin:0 auto;
  letter-spacing: 5px;
}
.main-contents h2 span{
  font-size:12px;
  display:block;
  padding:0 0 1%;
}
.main-contents h4{
  font-size:16px;
  font-weight:normal;
  border-top:3px solid #dad8d3;
  border-bottom:1px solid #dad8d3;
  padding:2% 0;
  margin:5% 0 3%;
}


/* 最初からかいてあるcss、用途はあとから確認する
----------------------------------------------- */
.section{
  overflow:hidden;  
}
.section table{
  width:100%; 
}

/* サイトトップのスライダーを調整
----------------------------------------------- */
#main_visual{
  display: none;
  height: 415px;
}
.bnr_leftContents{
  float: left;
  width: 790px;
}
.bnr_rightContents{
  float: right;
  width: 400px;
}
#main_visual li{
  list-style: none;
}
.bnr_rightContents li:first-child{
  padding-bottom: 15px;
}
#main_visual.js_lazy_hide{
  display: none;
}
.bx-wrapper .bx-pager{
  top:370px;
  z-index: 9;
  color: #F08080;
}


/* トップの商品文言を調整
----------------------------------------------- */
tbody .woong td{
  padding-top: 10px;
  font-size: 15px;
  font-weight: bold;
  text-align: left;
}
tbody .woong td a{
  font-size: 13px;
  font-weight: normal;
  /* width: 200px;
  overflow: hidden;
  text-align: left;
  white-space: nowrap;
  text-overflow: ellipsis; */
}
/* サイトトップ フッター上部バナー */
ul.top-sub-banner li {
    list-style: none;
    display: inline-block;
    padding: 5px 0 ;
}
ul.top-sub-banner li img{
    width:295px;
    border: solid 1px #ddd;
}
/* サイトトップデザイン改修 */
.main-contents .index-artist, .main-contents .index-keywords{
    background: #f5f5f5;
    padding: 25px;
    margin-bottom: 50px;
}
.more-botton-top a {
    display: inline-block;
    padding: 15px 100px;
    background: #F08080;
    border-radius: 30px;
    color: #fff;
    font-size: 14px;
    letter-spacing: .3em;
    margin: 30px 0 20px;
　　　　transition: 0.5s;
}
.more-botton-top a:hover {
    background: #ea5e8a;
}
/*ハッシュタグキーワード*/
ul.hashtags li {
    display: inline-block;
    list-style: none;
    padding: 0 15px;
}
.index-keywords h2 {
    float: left;
    padding: 0 0 0 100px;
}
ul.hashtags {
    margin: 12px 0 0;
}
/*アーティスト一覧*/
.index-artist h2 {
    margin-bottom: 30px;
}
ul.top-artist li {
    display: inline-block;
    vertical-align: top;
}
ul.top-artist li a span {
    display: block;
    margin: 5px;
}
ul.top-artist li a img {
    width: 180px;
    min-height: 122px;
}
ul.top-artist li p{
	padding:0 0 30px;
}
.section.index-keywords {
    margin-top:50px;
}

/*サイトトップ 転売注意文言*/
.TopAttention {
    padding: 20px 0px;
    color: #ff0000;
    border: solid 1px;
    margin: 0 auto 30px;
    text-align: center;
}




/*****************************************************

    category

*****************************************************/

/* カテゴリー商品のサイズ
----------------------------------------------- */
.category-list li{
  width:25%!important;
  float:left; 
  text-align:left;
}
#M_group td.itemBox,
#recent td.itemBox{
  width:25%!important;
}
#recent td .detail{
  min-height: 60px;
}
#M_group td.itemBox td{
  padding: 0 0 15px;
}
#recent td.itemBox{
  vertical-align: middle!important;
}


/* カテゴリー設定を削除
----------------------------------------------- */
#category tbody > tr > td > table > tbody > tr > td:nth-child(2),
#r_subGroup tbody > tr > td > table > tbody > tr > td:nth-child(1),
#category tbody img{
  display: none;
}
.categoryImg img{margin-bottom: 20px;}
.sub-category table td,
.sub-category table td td,
.sub-category table table{
  display:table;
  float:left;
  table-layout:fixed;
  padding:0;
  width: 0;
  height: 0;
  border:none;
  margin-bottom: 3px;
}
#category table{
  background: #f5f5f5;
  padding: 20px 30px;
  border-radius: 10px;
  margin-bottom: 10px;
}
#category tbody{
  padding: 10px;
  display: inline;
}
.sub-category .line,.item-list .line{
  display: none;
}


/* カテゴリ 合計数表示
----------------------------------------------- */
.list-total{
  font-size: 11px;
  color: #333;
  width: 670px;
  text-align: left;
}
.list-total span{
  font-size: 20px;
  font-weight: bold;
  padding:0 10px; 
}
/* カテゴリソート画面
----------------------------------------------- */
.list-sort li{
  display:inline-block; 
}
.list-sort li a{
  display: block;
  padding: 7px 25px;
  background: #f5c349;
  border-radius: 10px;
  color: #fff;
}
.sub-category table td{
  width: 25%;
}
.sub-category table td a{
  display: table-cell;
  width: 200px; 
}




/* カテゴリーにて商品画像を上下中央に
----------------------------------------------- */
.category-list-img,
#M_group td.itemImg,
.imgWrap,
#index.index-new.lims{
  text-align: left!important;
  padding-bottom: 10px;
}
#index.index-new.woong{
  text-align: left: 
}


/* カテゴリーアイコンを設定
----------------------------------------------- */
.icon{
  padding: 5px 0;
}
.item-list .icon_sold img, .imgWrap .icon_sold img {
    width: auto!important;
    margin: -80px 0;
    opacity: 0.8;
}
.icon_soldout {
    position: absolute;
}


/*****************************************************

    pager　ページャーを調整

*****************************************************/
ul.M_pager li a,
ul.M_pager li.active{
  display:inline-block;
  width:30px;
  height:20px;
  padding:0;
  line-height:20px;
  color:#333;
  margin:0 3px;
  background: #fff;
  border: none;
}
ul.M_pager li a{
  background: #fff!important;
  border: none!important;
}
ul.M_pager li a:hover{
  background: #f3f3f3!important;
}
ul.M_pager li.active{
  background:#F08080; 
  color:#fff;
}
ul.M_pager li.prev a,
ul.M_pager li.next a{
  background:none;
  width:auto;
  height:auto;
  color:#333;
}
ul.M_pager li.next{
  padding: 0 30px;
}
ul.M_pager li.prev a:hover,
ul.M_pager li.next a:hover{
  color:#F08080;
  text-decoration:none; 
}

/*****************************************************

    search

*****************************************************/
#search h2{
  margin-top:20px;
}
.search-result{
  margin-bottom:8px;  
  text-align:left;
}
.search-result font{
  color:#333;
  margin-right:8px; 
}
.item-search{
  border:1px solid #ccc;  
  border-radius:5px; 
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
  padding:15px;
  margin-bottom:30px;
}
.item-search .btn-search{
  padding:10px 30px;  
}
.item-search input{
  padding: 5px;
  margin: 0 5px;
}

/*****************************************************

    detail itemInfo 商品詳細

*****************************************************/
#detail{
  margin-top:0;
  text-align:left;
} 
#detail h3{
  margin-top:10px;
  font-weight:bold; 
}
#M_topicPathWrap{
  margin-bottom:16px; 
}
.item-wrap{
  margin-bottom:96px;
}
.item-img{
  float:left;
}
.item-detail{
  float:right;
  width: 45%; 
}
.item-detail-text{
  font-size:13px;
  line-height:1.6;  
}
.item-detail-info{
  margin-top:24px;  
}
#M_usualValue td{
  padding-bottom:8px; 
}
#M_usualValue font{
  color:#333; 
}
.m_price{
  font-family:"Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", sans-serif; 
  font-size:18px!important; 
}
.priceArea .price{
  font-weight: normal;
  font-size: 22px;
}
.priceArea.sale{
  color:#e00000;
}
.priceArea .price span{
  font-size: 16px;
}
#detail .M_inventory p.stockTitle{
  font-weight: normal;
}
#detail .M_inventory input[type="radio"] {
  width: 14px;
  height: 14px;
  border-radius: 50%;
  border-width: 1px;
  border-color: #a9a9a9;
  border-style: solid;
  background-color: #dedede;
}
.item-detail-info table table td:first-child{
  width:3em;  
}
.item-detail-info font{
  color:#cc0000;  
}
.item-detail-info select{
  margin:8px 0;
  padding:4px;
  font-family:"Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", sans-serif;
  border:1px solid #ccc;
  font-size:16px; 
}
input[name="amount"],
input[name="brand_name_option_amount"]{
  padding:4px 6px;
  width:60px; 
  border:1px solid #ccc;
  font-size:16px;
}
input[name="amount"]{
  width:20px; 
}
img[src$="basket_u.gif"],img[src$="basket_down.gif"]{
  display:none; 
}
.M_inventory{
  margin-top:24px;
}
#detail .M_inventory table.stockList tr:first-child th {
    border-top: 2px solid #f2f2f2;
}
#detail .M_inventory table.stockList th,
#detail .M_inventory table.stockList td {
    font-weight: normal;
    border-bottom: 1px solid #f2f2f2;
    font-size: 13px;
    text-align: center;
    padding: 11px 16px;
    background-color: #fbfbfb;
    border-left: 0;
    border-right: 0;
}
.atherText{
    padding-bottom: 15px;
}
.reserve{
    text-align: left;
    padding-top: 20px;
}
.item-quantity{
    padding-top: 20px;
    text-align: left;
    font-size: 14px;
}
.item-basket-btn{
  margin:24px 0 16px;
}
.item-basket-btn a{
  font-size:18px;
  text-align: center;
  margin-bottom: 50px;
  padding: 15px 0 ;
  border: #F08080 solid 1px;
  background:#F08080;
  color: #fff;
  display: block;
  border-radius:3px; 
    -webkit-border-radius:3px;
    -moz-border-radius:3px; 
}
.soldout{ 
  background:#ddd;
  text-align: center;
  color:#fff!important; 
  font-size:18px;
  padding:18px 0;
  margin:0 auto 15px;
  cursor:default;
  border: solid 1px #ddd;
  border-radius:3px; 
    -webkit-border-radius:3px;
    -moz-border-radius:3px; 
}
span.M_select-option-soldout.M_instock-disabled{
  padding-right:15px;
}
.coming{ 
  background:#2490d0;
  color:#fff!important; 
  font-size:18px;
  padding:18px 0;
  margin:15px auto;
  cursor:default;
  border: solid 1px #2490d0;
  border-radius:3px; 
    -webkit-border-radius:3px;
    -moz-border-radius:3px; 
  text-align: center;
}
.item-basket-btn .restock a{
  background:#fff;
  color:#333; 
  font-size:16px;
  padding:15px 0;
  display: block;
  margin:0 auto;
  cursor:default;
  border: solid 1px #333;
  border-radius:3px; 
    -webkit-border-radius:3px;
    -moz-border-radius:3px; 
}
.item-basket-btn .restock a:hover{
  background:#333;
  color:#fff; 
  display: block;
  margin:0 auto;
  cursor:default;
  border: solid 1px #333;
}
.detail-recent h3{
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  padding-bottom: 15px;
}
.detail-recent h5{
  text-align:center;
  margin:50px auto 20px;  
  font-size:20px;
}
.detail-recent h5 span{
  font-size:12px;
  display:block;
  padding:0 0 1%;
}
/* 補足説明部分を非表示に */
.hosoku{
  display: none;
}
.M_inventory .stockTxt{
  display: inline-block;
  font-size: 12px;
  padding-right: 20px;
}


/* 商品コメント部分の装飾 */
#detail div.itemInfo{
  border: solid 1px #ccc;
  padding: 0 20px 15px;
  margin: 20px 0 0 0;
  text-align: left;
}
#detail .itemTitle{
  font-weight: bold;
  font-size: 14px;
  padding: 20px 0 10px;
}
#detail .itemLink{
  padding: 10px 0 0;
  text-decoration: underline;
}
#detail .itemLink span{
  display: block;
  padding-top: 5px;
}
#detail .colorPink{
  color: #F08080;
}
#detail .youtube{
  margin-top: 20px;
}
/* 関連商品の装飾 */
.name img {
    display: block;
    padding: 3px 0 0;
    width: auto!important;
}

/* ダウンロードコードの装飾 */

div.downloadArea{
  margin:20px 0;
}
div.downloadArea:after{
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}
.itunes ,.recochok ,.amazon{
    margin-bottom: 2px;
    margin-right: 5px;
    display: inline-block;
}
.itunes a,.recochok a,.amazon a{
    border-radius: 5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px; 
    text-align: center;
    float: left;
    padding: 10px 50px;
    display: block;
    width: 100px;
}
.itunes a{
  background: #000;
}
.recochok a,.amazon a{
  border:solid #ddd 1px;
}
.itunes img, .recochok img , .amazon img{
    width: 90px;
}

.dltitle {
    text-align: center;
    border: #000 solid 1px;
    padding: 5px;
    font-size: medium;
    font-weight: bold;
    margin-top: 20px;
    border-left: none;
    border-right: none;
}
/* 名入れフォーム（FTPアクセス不可のためこちらに記入） */
.item-detail-nameoption {
    padding-top: 30px;
}
#M_nameCustom .M_nameList li.lastChild{
    list-style: none!important;
}
#M_nameCustom .M_nameInput, #M_nameCustom .M_nameTextarea {
    width: 94%!important;
    padding: 10px!important;
    border-radius: 3px!important;
    border: 1px solid #ccc!important;
    font-size: 13px!important;
}
#M_nameCustom .M_nameLimit {
    text-align: left!important;
    font-size: 12px!important;
}
#M_nameCustom .M_nameRequired {
    background: #f05f8a!important;
    font-size: 12px!important;
    padding: 2px 10px!important;
}
#M_nameCustom .M_nameList li.lastChild {
    font-size: 14px!important;
}
/* 名入れ_カート内 */
#basket .M_nameList li {
    list-style: none!important;
}
#basket .M_nameFix {
    padding: 10px!important;
    background: #eee!important;
    border: 1px solid #eee!important;
    border-radius: 3px!important;
}



/* ---------------------------------
SALE
--------------------------------- */
.saleBox .price,.saleoff{
  color:#cc0000;
}





/*****************************************************

    basket

*****************************************************/
.basket-wrap{
  margin-bottom:80px;
}
.basket{
  border-top:1px solid #eee;
  margin-bottom:8px;  
}
.basket th,.basket td{
  border-bottom:1px solid #eee;
  padding:25px 10px;
}
.basket td table td{
  padding:0;
  border:none;  
}
.basket .basket-total{
  background:#eee;
  text-align:right;
  padding:12px 16px;
  font-size:18px;
}
.basket-option{
  margin-top:4px; 
}
.quantity-wrap,.quantityWrap{
  display:table;
  margin:0 auto;
}
.basket-quantity{
  width:20px!important;
  font-size:18px;
} 
.basket-quantity,.basket-amend,.quantityInput,.quantityAmend{
  display:table-cell; 
  vertical-align:middle;
  padding:0 2px;
}
.basket-empty{
  margin:24px 0;  
}
.btn-wrap-back{
  float:left; 
}
.btn-wrap-order{
  float:right;
}
.basketQunantity{
  display:none;
}
/* Amazonボタン */
.amazonButton{
  width:230px;
  margin-left:8px;
}
/* リンクボタン
----------------------------------------------- */
#basket .click_btn a{
  display:inline-block;
  padding:5px 3px;
  border:solid 1px #ccc;
  color:#000;
  width:100%;
  text-align:center;
  margin:2% 0;
}
#basket .click_btn_del a{
  padding:5px 15px;
  border:solid 1px #ccc;
  color:#000;
  width:100%;
  text-align:center;
  margin:2% 0;
}
#basket .click_btn a:hover,
#basket .click_btn_del a:hover{
  border:solid 1px #F08080;
  background-color:#F08080;
  color:#fff;
}

#basket .click_btn_cart .cartBtn{
  padding:15px 80px;
  display:block;
  background-color:#F08080;
  color:#fff;
  border-radius: 3px;
  margin-bottom: 15px;
}
.item-basket-btn a:hover,
#basket .click_btn_cart .cartBtn:hover{
  background-color:#DC143C;
  color:#fff;
  border-radius: 3px;
}
#basket .btn-wrap{
  margin-top:30px;
}
#basket .basket-img img{
  width: 90px;
}



/* クレジットカード訴求エリア */
.cardArea{
  border: solid 1px #ddd;
  border-radius: 5px;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  padding: 20px;
  margin-top: 30px;
}
.cardArea .cardImg{
  float: left;
  height: 155px;
  padding-right: 30px;
}
.cardArea .cardTitle{
  padding-bottom: 15px;
}
.cardArea .visaLink a{
  display: inline-block;
  padding: 10px 50px;
  border: solid 1px #ddd;
  margin-top: 15px;
}







/*****************************************************

    news

*****************************************************/
.news-head{
  font-size:18px;
  margin-bottom:32px;
  border-bottom:1px solid #ccc;
  padding-bottom:16px;  
}
.news-head .date{
  margin-right:8px;
  font-size:15px; 
}
.news-contents{
  border-bottom:1px solid #ccc;
  text-align:left;  
  padding-bottom:60px;
  line-height:1.7;
  margin-bottom:32px;
}
.news-list table tr:first-child{
  display:none; 
}
.news-list table .lims{
  padding:12px 8px;
  border-bottom:1px solid #ccc; 
}

/*****************************************************

    contract

*****************************************************/
.contract{
  overflow:auto;
  box-sizing:border-box;
  border:1px solid #ccc;
  width:100%;
  height:280px; 
  margin-bottom:24px;
  padding:16px;
  font-size:13px;
}
.contract pre{
  text-align:left;
  white-space: -moz-pre-wrap;
  white-space: -pre-wrap;
  white-space: -o-pre-wrap;
  white-space: pre-wrap;
  word-wrap: break-word;  
}

/*****************************************************

    ordercontract

*****************************************************/
.ordercontract-list th,.ordercontract-list td{
  padding:16px 8px;
  border-bottom:1px solid #ccc; 
}
.ordercontract-list th{
  white-space: nowrap;
}

/*****************************************************

    lostpass

*****************************************************/
.lostpass-table{
  margin:32px auto 16px;  
  width:500px!important;
  border-top:1px solid #ccc;
}
.lostpass-table th,
.lostpass-table td{
  padding:16px 8px;
  border-bottom:1px solid #ccc;
  text-align:left;
}
.lostpass-table input{
    border: 1px solid #ccc;
    padding: 3px 6px;
    width: 250px;
}

/*****************************************************

    point

*****************************************************/
.point-data{
  text-align:center;
  font-size:17px; 
  margin-bottom:16px;
}
.point-data strong{
  font-size:28px;
  margin-left:8px;  
}
.point-data strong span{
  font-size:17px; 
  margin-left:4px;
}
.point-date{
  text-align:right;
  font-size:13px;
}
.point-history{
  margin-top:32px;
}
.point-history tr:first-child td{
  padding:4px 8px;  
}
.point-history td{
  padding:16px 8px;
  border-bottom:1px solid #ccc;
  text-align:center;
}

/*****************************************************

    footer

*****************************************************/

#footer{
  margin-top:100px;
  min-width: 1200px;
}
.footer_nav{
  min-width: 1200px;
  background:#333;
  color:#eee;
  text-align: left;
  padding: 0 20px;
}
.footer_nav img{
  width: 25px;
}
.footer_nav a,
.footer_nav a:hover{
  color:#eee; 
}
.footer_nav_area{overflow: hidden;}
.footer_nav_area li{
  width: 760px;
  font-size: 11px;
  list-style: none;
}
.footer_nav_area li a{
  display:inline-block;
  padding:20px 8px;
}
.footer_nav_area li .sns{
  padding-left: 15px;
}
.footer_nav_area li .sns a{
  padding: 20px 3px;
}
.footer_nav_area li:first-child{
  float: left;
}
.footer_nav_area li:last-child{
  float: right;
  padding: 20px 0;
  text-align: right;
  width: 340px;
}





























/*****************************************************

    ご利用ガイド #guide

*****************************************************/

#guide h4{
  margin-top: -170px;
  padding-top: 170px;
  border-top: none;
}
.guideArea{
  margin-bottom: 100px;
}
.guideArea span{
  display:block;
  padding-top:2%;
}
.guideArea .sectionTitle{
  font-weight:bold;
  font-size:14px;
  padding:20px 0 10px;
}
.guideArea .howTitle{
  font-weight:bold;
  font-size:14px;
  padding:2% 0 1%;
}
.guideArea strong{
  display:block;
  padding:2% 0 0;
  font-weight:bold;
}
table.table_guide td{
  font-weight: normal;
  font-size:13px;
}


.holiday_message {
    border: solid 1px #cc0000;
    padding: 3%;
    margin-bottom: 5%;
    color: #cc0000;
}

.holiday_message p {
    margin: 15px 0 0;
}



/* navigation
----------------------------------------------- */
.guideFaq{
  border:solid 1px #dad8d3;
  padding: 3%;
  margin: 20px 0 100px;
}
.guideFaq h3{
  text-align: center;
    font-weight: bold;
    font-size: 14px;
    padding-bottom: 5px;
    border-bottom: solid 3px #F08080;
    margin: 0 auto 20px;
    width: 100px;
}
.guideFaq ul.faq{
  text-align:center;
}
.guideFaq .faq li{
  display: inline-block;
  padding:0 20px;
}
.guideFaq .faq li a:before{
  content: '▽';
  padding-right: 5px;
}


/* table
----------------------------------------------- */
table.table_guide {
  border-collapse: collapse;
  padding-top:2%;
  margin-top:2%;
}
table.table_guide th{
  width: 300px;
  padding: 10px;
  font-weight: bold;
  vertical-align: top;
  border: 1px solid #dad8d3;
  background-color:#666;
  color:#fff;
}
table.table_guide td{
  width: 300px;
  padding: 10px;
  vertical-align: top;
  border: 1px solid #dad8d3;
}


/* list
----------------------------------------------- */
.guide_att_list li{
  padding-bottom:1%;
  margin-left:5%;
}
.delivery_list{
  list-style-type: decimal;
  margin-left:5%;
  padding:2% 0;
}
.guideArea section ul.guide_att_list{
  list-style-type:circle;
}
.guideArea section ol.delivery_list{
  list-style-type:amharic;
}
.attention{
  padding:20px 0 10px;
}





/*****************************************************

    プライバシーポリシー #policyArea_warp

*****************************************************/

#policy{
  width:80%;
  margin:0 auto;
}
#policy a{
  text-decoration: underline;
}

#policy ol{
  padding-right:2%;
  border-bottom:1px solid #dad8d3;
}
#policy ol li{
  padding-bottom:3%;
}

#policy .guideTitle{
  padding-bottom:1%;
}
#policy ul.policyList{
  margin:1% 2% 2%;
}
#policy ul.policyList li{
  padding:1%;
  list-style-type:disc;
}






/*****************************************************

    特定商取引法　 #legalArea_warp
    ご利用規約　#agree

*****************************************************/

#legal , #agree{
  width:80%;
  margin:0 auto;
}
#legal a , #agree a{
  text-decoration: underline;
}
#legal .click_btn a{
  text-decoration: none;
}

#legal h2 , #agree h2{
  font-size:24px;
  font-weight:bold;
  padding:1% 0;
  text-align:center;
  letter-spacing:2px;
}
#legal h3 , #agree h3{
  font-size:16px;
  font-weight:normal;
  border-top:3px solid #dad8d3;
  border-bottom:1px solid #dad8d3;
  padding:1.5% 0;
  margin:4% 0 1%;
}

#legal .guideTitle,
#agree .guideTitle{
  padding-bottom:1%;
}
#legal ul.legalList{
  margin:1% 2% 2%;
}
#agree ul.agreeList{
  padding-left: 5%;
}
#legal li,
#agree li{
  padding: 5px 0 0 ;
}
#legal p, #agree p{
  line-height: 1.5em;
}

#agree .innerList{
  padding-left: 20px;
}
#agree .enactment{
  padding: 50px 0;
}


/*****************************************************

    contract

*****************************************************/
.contract{
  overflow:auto;
  box-sizing:border-box;
  border:1px solid #ccc;
  width:100%;
  height:280px; 
  margin-bottom:24px;
  padding:16px;
  font-size:13px;
}
.contract pre{
  text-align:left;
  font-size: 13px;
  white-space: -moz-pre-wrap;
  white-space: -pre-wrap;
  white-space: -o-pre-wrap;
  white-space: pre-wrap;
  word-wrap: break-word;
}









/*****************************************************

    レフトメニュー #leftContents

*****************************************************/

#leftContents{
  width:200px;
  margin-right: 30px;
}
#l_category h2{
  font-weight: bold;
  padding:15px 10px;
  border-top: solid 2px #ddd;
  border-bottom: solid 1px #f2f2f2;
}
li#M_ctg1_32 .M_nonActiveAnchor,
li#M_ctg1_113 .M_nonActiveAnchor,
li#M_ctg1_118 .M_nonActiveAnchor,
li#M_ctg1_128 .M_nonActiveAnchor,
li#M_ctg1_172 .M_nonActiveAnchor,
li#M_ctg1_541 .M_nonActiveAnchor{
  font-weight: bold;
  padding:15px 10px;
  border-top: solid 1px #ddd;
  display: block;
}
/*li#M_ctg1_172{
  background:#ea0000;
}
li#M_ctg1_172 a{
  color: #fff;
}*/

/* liの高さ・選択時のカラー */
#l_category li a{
  display: -webkit-box;
  display: -moz-box;
  padding: 10px;
}
a:link.M_currentAnchor{
  background: #f2f2f2;
}


/* 初期設定を無効に */
#M_ctgList3 li span{
  padding-left: 0!important;
  display: block;
}
#leftContents a:hover,
#M_ctgList3 a:link.M_currentAnchor,
#M_ctgList3 a:visited.M_currentAnchor,
#M_ctgList3 a:active.M_currentAnchor{
  text-decoration: none!important;
}
#M_ctgList3 .M_childOpen li span{
  background: none!important;
}
/*#M_ctgList3 .M_childOpen{
  border-bottom: 1px solid #ddd;
}*/
#M_ctgList3 .M_currentParent ul{
  margin-bottom: 10px;
}

/* 選択時の矢印を設定 */
#M_ctgList3 .M_hasChild span{
  background: url('http://gigaplus.makeshop.jp/dearstageec/common/images/icon/icon-close.png')no-repeat right!important;
  background-size: 15px!important;
  display: inherit;
}
#M_ctgList3 .M_childOpen span{
  background: url('http://gigaplus.makeshop.jp/dearstageec/common/images/icon/icon-open.png')no-repeat right!important;
  background-size: 15px!important;
  display: inherit;
}

/* レフトカテゴリバナー */
#l_category #l_banner{
  padding: 15px 0;
}
#l_category #l_banner p{
  padding: 0 0 10px;
}


/*****************************************************

    artist

*****************************************************/

/* アーティスト全体
----------------------------------------------- */
#artist{
  margin:0 auto;
}
.artistArea{
  margin:5% 0;
}
.artistArea img{
  width: 100%;
}
#artist h2{
  text-align:center;
  font-size:20px;
  font-weight:bold;
  padding:1% 0;
  margin:0 auto;
  letter-spacing: 2px;
}
#artist h2 span{
  font-size:12px;
  display:block;
  padding:0 0 1%;
}
#artist .name {
    font-size: 18px;
    font-weight: bold;
    margin:10px 0;
}
#artist .info {
    min-height: 140px;
    line-height: 1.5em;
}
#artist .btnLink{
  margin-bottom: 50px;
  text-decoration: underline;
}
#artist .col-md-4 {
    width: 31%;
    float: left;
    padding: 0 10px;
}