/* CSS Document */
.glyphicon{margin:2px;}
#header{
width: 100%;
margin: 10px 0 3px;
position: relative;}

#header_top{width:1200px;margin:0px auto;}

.logo{padding:10px 0 0 10px;text-align:left;float:left;}
.gyousyu li{width:9%; margin:0;}
.design img{max-width;60%;}

li.bg_gray{background-color:#333333;color:#ffffff!important;}
.bg_gray a {background-color:#333333;color:#ffffff!important;}
.bg_gray a:hover {background-color:#999;color:#ffffff!important;}
.header-menu{margin:0;padding:0;}
.header-menu li{margin:5px 0;padding:0;}
 
.title{background-image:url(../images/bg_title.gif)!important;
background-repeat:repeat-x!important;
line-height:40px!important;
 background-position:center center;
 text-align:center;
 margin-bottom:30px;
 max-width:100%;}

.title span{
	background-color:#fff;
	font-size:0.7em;
	line-height:200%;
text-align:center;
padding:10px;}

.information dl{font-size:1em;text-decoration:none;}
.information dt{color:#df4d55;}
.information dd{color:#333;	}
	
.satelite h2{color:#0bc4da; font-size:1em;}	
footer .container-fluid a{color:#fff;}
footer{color:#fff;margin-top:100px;}
footer .container-fluid{background-color:#333;}
footer h2{font-size:1.2em; border-bottom:1px solid #fff;color:#fff;}
footer .copy{border-top:1px solid #fff;padding:10px;}
	
	
li .normal2{padding:0px;margin:0!important;}	
.normal i{padding:10px;}
.normal2 i{padding:0px;margin:0;}
i{margin:3px;}

/*パッケージデザインインクルード*/
.cat_roop h3{font-size:1em;background-color:#333;color:#fff;line-height:40px; text-align:center;}

/*about*/
.center_blue{
text-align:center;font-size:2em;color:#1F87B4;font-weight:200;border-bottom:2px solid #1F87B4;}
.dot_border{
background-image:url(/images/bg_dot_border.gif)!important;
background-repeat:repeat-x!important;
 background-position:left bottom;
 padding-bottom:10px;
 max-width:100%;}
 
 /*index-color*/
.color_menu{text-align:center;}

/*サイドメニュ*/
.sidetop{
	padding:20px 0;
	margin:0;
	color:#fff;
	background-color:#333;
	text-align:center;
	font-size:1em;
	}
.sidetop img{padding-bottom:5px; padding-left:0px;}
.sidebar{border-left:1px solid #333;border-right:1px solid #333;max-width:263px;;padding:0;}
.sidebar .borderbottom{border-bottom:1px solid #333;}
.sidebar li{padding:0 0 0 0px;}
.sidebar li.thin{border-bottom:1px solid #333;line-height:20px;}
.sidebar li.normal{border-bottom:1px solid #333;line-height:70px;}
.sidebar li.normal2{border-bottom:1px solid #333;line-height:20px;}
.sidebar .active{background-color:#999;color:#fff;}

li.color{float:left;font-size:1em;width:80px;height:80px;margin-bottom:10px;}
li.color a{color:#333;}
li.white a{color:#fff;}
li.color img{position:absolute;}
li.color span{position:relative;top:10px;left:5px;}
li.color a:hover{background:none;}

li.cat_right{font-size:0.9em;margin:0!important;padding:5px 0!important;}
li.cat_right:before {
  content: "\f061";
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;margin:0px;padding:0;
}
li.arrow_maru:before {
  content: "\f0a9";
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;margin:5px;padding:0;
  line-height:150%;
}
.cat_right img{position:relative; max-width:100%}

.panel-title a:before{
  content: "\f13a";
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;margin:0;padding:0;
}



/*サイドバー固定*/
/* 必須のスタイル指定(affix用) */
.sidebar.affix {
        position: fixed;
        top: 20px;
	width:263px;
    }

@media screen and (max-width:1140px){

.sidebar{border-left:1px solid #333;border-right:1px solid #333;width:263px;padding:0;}
    .sidebar.affix {
        position: fixed;
        top: 20px;
	width:263px;
    }
}

@media screen and (max-width:940px){

.sidebar{display:none;}
}


    /* 必須のスタイル指定(affix用) */
    .sidebar.affix-bottom {
        position: absolute;width:263px;
    }
    /* アクティブセクションを赤太字にする(scrollspy用) */
    .sidebar .nav>.active:focus>a,
    .sidebar .nav>.active:hover>a,
    .sidebar .nav>.active>a {
        font-weight: 700;
        color: white;
	background-color:#999;
    }
    /* サブセクションのスタイル(scrollspy用) */
    .sidebar .nav .nav>li>a {
        padding-top: 1px;
        padding-bottom: 1px;
        padding-left: 0px;
    }
    /* 非アクティブのサブセクションを隠す(scrollspy用) */
    .sidebar .nav .nav {
        display: none;
        padding-bottom: 10px
    }
    /* アクティブのサブセクションを表示(scrollspy用) */
    .sidebar .nav>.active>ul {
        display: block
    }

/*//サイドメニュー*/






/*カテゴリループ*/
.roop{width:23%;margin:0 8px 10px 0;background-color:#efefef;
text-align:center;height:100%;
padding:10px;font-size:1em;}

.img_box{display: inline-block;background-color:#fff;margin-bottom:5px;
box-shadow: 0px 0px 20px -5px rgba(0, 0, 0, 0.4);
}

li.roop img{width:80%;border:10px solid #fff;}





/*アコーディオンナビ*/
      /*modalの拡大画像の幅*/
      .modal-body img{
        width: 100%;
        height: 100%;
      }

      /*modalのクローズアイコン*/
      i.close{
        font-size: 24px;
        opacity: 1;
        color: #777;
      }
      i.close:hover{
        color: #aaa;
      }

      /*モーダル非表示*/
      .hidden{
        display: none;
      }

      /* アイコンサイズ */
      #collapse_icon{
        font-size: 36px;
      }

.panel-collapse a:activ{background-color:red;}
.sizetable{display:block;margin:0px auto;}





/*商品ページ*/

.pic{
display: inline-block;
background-color:#fff;
margin-bottom:5px;
padding:20px;
box-shadow: 0px 0px 20px -5px rgba(0, 0, 0, 0.4);
}
.pic img{width:100%;}


.point_img li{margin:0px;padding:0px;}
.point_img img{width:70px; padding:2px;margin:3px 2px 0 0;border:1px solid #efefef;}
.spec dt{background-image:url(/images/bg_dot_border.gif)!important;
background-repeat:repeat-x!important;
 background-position:left bottom;
 padding-bottom:10px;margin-bottom:10px;
 max-width:100%;
font-weight:normal;}
.price{font-size:2em;font-weight:bold;}
.blue_border{color:#1F87B4;border-bottom:2px solid #1F87B4;margin-bottom:5px;font-size:2em;}

/*カテゴリTOPページ*/
.cat_img img{margin-top:10px;}
.cat_img{text-align:center;}
.cat_title{background-color:#F6F6EE;font-size:1em;
color:#333;padding:5px 0 10px 10px;}
.cat_title h2,.cat_title h3{font-size:1.2em;margin:2px;padding:0px;}

/*テーブルソート*/
.labelsort img{max-width:100px;}



.colomn_day{background-color:#3B3932;font-size:1em;color:#fff; padding:5px;margin:10px; width:250px;}


.form_table .row div{ 
line-height:150%;
margin:10px 0;
padding:10px;

}
.roop_box{
padding:10px 0;
margin:5px 0 5px 0;
background-color:efefef;
border-top:1px solid #eee;
border-bottom:1px solid #eee;
}

.btn-headerGroup .btn-group,
.btn-headerGroup .btn,
.btn-headerGroup button{margin:0!important;}
.header-drop{
background-color:#20B2AA;
padding:10px 0;}

.cat_box{
background-color:#efefef;
padding:10px;
margin:5px 0;
}
.cat_spec{margin:0;}

.cat_box img{padding:5px;}
.cat_box .img_{padding:10px;background-color:#fff;}
.cat_box .price_{
font-size:1.2em;
text-align:center;
}

.back-to-top{opacity: 0.7;}
@media screen and (max-width:640px){
.title{
font-size:2em;
font-weight:bold;
background:none!important;
color:#20B2AA;
border-bottom:1px solid #20B2AA;

}
.title span{

background:none!important;
line-height:150%!important;
padding:0;}
.breadcrumb{
display:none;
}
.item-roop{margin:0;padding:0;}
.cat_box{margin:0 0 5px 0;padding:5px;}
.spec{margin:0;padding:0;}
.btn-headerGroup .btn-headerSize{padding-left:1px!important;padding-right:1px!important;}
.drop_menu{line-height:200%!important;padding:5px 0!important;-webkit-tap-highlight-color:rgba(0,0,255,0.1);border-bottom:1px solid #ccc;}

.drop_menu a {}
}


@media screen and (min-width:1200px){
.pic{height:400px;}
}