/*style-goto*/
/*common*/
.border{border:1px solid #ccc;}
.padd0{padding:0!important;}
.mrg0{margin:0!important;}
select{padding:0;font-size: inherit;font-size:12px;margin:0;}
select option{
  background-color: #fff;
  color: #333;
}
img { -ms-interpolation-mode: bicubic;}

/*header*/
.header .container-fluid{padding:0!important;margin:0!important;}
.loginname_{text-align:right;}
.scrollbox{z-index: 2;}
.top-title{font-size: 75%;}


/*fukidashi*/
.border-dot-bottom{border-bottom:1px dotted #ccc; line-height:200%;}
.border-3dot-bottom{border-bottom:3px dotted #999; line-height:200%;}

.balloon-2-right {
	position: relative;
	padding:3px 8px;
	width: auto;
	color: #F6F6F6;
	text-align: center;
	background: #19283C;
	z-index: 0;
}
.balloon-2-right:after {
	content: "";
	position: absolute;
	top: 50%; right: -10px;
	margin-top: -10px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 10px 0 10px 10px;
	border-color: transparent transparent transparent #19283C;
}
.mrg-tb20{margin:20px 0;}
.mrg-tb10{margin:10px 0;}


.pad5{padding:5px;}
.pad10{
	padding:10px;
}
.pad-tb10{
padding:10px 0;
}
.pad0{padding:0;}
.pad15{
padding:15px;
}
.mrg-tb10{margin:10px 0;}
.help-block .error{
	color:#FF0000;
	font-size:1em;
	font-weight:bold;
}

/*見出しタイトル*/
.title_2border_b {
	padding-bottom: .5em;
	border-bottom: 3px double #ccc;
}

.title_gra {
	position: relative;
	padding: .75em 1em .75em 2em;
	border: 1px solid #ccc;
	border-top: 3px solid #3498db;
	background: -webkit-linear-gradient(top, #fff 0%, #f0f0f0 100%);
	background: linear-gradient(to bottom, #fff 0%, #f0f0f0 100%);
	box-shadow: 0 -1px 0 rgba(255, 255, 255, 1) inset;
}
.title_gra ::after {
	position: absolute;
	top: 1em;
	left: .6em;
	z-index: 2;
	content: '';
	width: 10px;
	height: 10px;
	border: 3px solid #3498db;
	border-radius: 100%
}

.title-num {
	counter-reset: titleNum;
}
.title-num {
	position: relative;
	padding: 0 0 .5em 2em;
	border-bottom: 1px solid #ccc;
	counter-increment: titleNum;
}
.title-num::before {
	position: absolute;
	top: 0;
	left: 0;
	content: counter(titleNum);
	width: 28px;
	height: 28px;
	line-height: 28px;
	background-color: #ccc;
	border-radius: 100%;
	color: #fff;
	font-size: .9em;
	text-align: center;
}

.title_leftline {
	position: relative;
	padding: .75em 1em .75em 1.5em;
	border: 1px solid #ccc;
}
.title_leftline::after {
	position: absolute;
	top: .5em;
	left: .5em;
	content: '';
	width: 6px;
	height: -webkit-calc(100% - 1em);
	height: calc(100% - 1em);
	background-color: #3498db;
	border-radius: 4px;
}

.titlel_left_under {
	position: relative;
	padding: .15em 0 .5em .75em;

}
.titlel_left_under::after {
	position: absolute;
	left: 0;
	bottom: 0;
	content: '';
	width: 100%;
	height: 0;
	border-bottom: 1px solid #ccc;
}
.title_vcenter {
	overflow: hidden;
	text-align: center;
	font-weight:bold;
	margin-bottom:15px;
}
.title_vcenter span {
	position: relative;
	display: inline-block;
	margin: 0 2.5em;
	padding: 0 1em;
	text-align: left;
}
.title_vcenter span::before,
.title_vcenter span::after {
	position: absolute;
	top: 50%;
	content: '';
	width: 400%;
	height: 2px;
	background-color: #666;
}
.title_vcenter span::before {
	right: 100%;
}
.title_vcenter span::after {
	left: 100%;
}

.title_lb_blue {
	position: relative;
	padding: .25em 0 .5em .75em;
	border-left: 6px solid #3498db;
}
.title_lb_blue::after {
	position: absolute;
	left: 0;
	bottom: 0;
	content: '';
	width: 100%;
	height: 0;
	border-bottom: 1px solid #ccc;
}

.title_fukidasi{
	position: relative;
	padding: .5em .75em;
	background-color: #f0f0f0;
	border-radius: 6px;
}
.title_fukidasi::after {
	position: absolute;
	top: 90%;
	left: 30px;
	content: '';
	width: 0;
	height: 0;
	border: 10px solid transparent;
	border-top: 15px solid #f0f0f0;
}
.title_ribon {
	position: relative;
	padding: .75em 1em;
	background-color: #f0f0f0;
}
.title_ribon::before,
.title_ribon::after {
	content: '';
	position: absolute;
	top: 100%;
	border-style: solid;
	border-color: transparent;
}
.title_ribon::before {
	left: 0;
	border-width: 0 15px 15px 0;
	border-right-color: #ccc;
}
.title_ribon::after {
	right: 0;
	border-style: solid;
	border-width: 15px 15px 0 0;
	border-top-color: #ccc;
}

.title_dogyear {
	position: relative;
	padding: 1em;
	background-color: #f6f6f6;
}
.title_dogyear::after {
	position: absolute;
	top: 0;
	right: 0;
	content: '';
	width: 0;
	border-width: 0 16px 16px 0;
	border-style: solid;
	border-color: #fff #fff #ddd #ddd;
	box-shadow: -1px 1px 2px rgba(0, 0, 0, .1);
}
.title_boxshadow {
	padding: .5em .75em;
	background-color: #f6f6f6;
	box-shadow: 0 2px 6px rgba(0, 0, 0, .15);
}
.title_line_tn {
	border-top: none!important;
}
.title_line_tn:after {
	content: none!important;
}
.title_gra_blue {
	padding: .5em .75em;
	background: -webkit-linear-gradient(top, #69b4e6 0%, #3498db 100%);
	background: linear-gradient(to bottom, #69b4e6 0%, #3498db 100%);
	color: #fff;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, .3);
	border-top: none!important;
}
.title_gra_blue:after {
	content: none!important;
}
.title_gra_orange {
	padding: .5em .75em;
	background: -webkit-linear-gradient(top, #F5DE5C 0%, #D8B90C 100%);
	background: linear-gradient(to bottom, #F5DE5C 0%, #D8B90C 100%);
	color: #fff;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, .3);
	border-top: none!important;
}
.title_gra_orange:after {
	content: none!important;
}
.title_daia_border_b {
	position: relative;
	padding: 0 .5em .5em 1.7em;
	border-bottom: 1px solid #ccc;
}
.title_daia_border_b::after {
	position: absolute;
	top: .4em;
	left: .4em;
	z-index: 2;
	content: '';
	width: 12px;
	height: 12px;
	background-color: #ccc;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.title_circl_blue {
	position: relative;
	padding: .5em 1em .5em 2em;
	/*background: -webkit-linear-gradient(top, #fff 0%, #f0f0f0 100%);
	background: linear-gradient(to bottom, #fff 0%, #f0f0f0 100%);*/
}
.title_circl_blue::after {
	position: absolute;
	top:  .6em;
	left: .6em;
	z-index: 2;
	content: '';
	width: 1em;
	height: 1em;
	border: 3px solid #3498db;
	border-radius: 100%
}

.title_black{
	background-color:#333333;
 	color:#ffffff;
	line-height:200%;
	padding:0.5em;
}
/*category-top*/

/*first-category*/
.CategoryFirst_ h3.name_,
.CategorySecond_ h3.name_,
.CategoryStyleP_ h3.name_,
.CategoryStyleT_Item_ .comment_,
.name_{
	font-size:.9em;
	margin:0;padding:0;
	
}

.CategoryStyleT_ .comment_{
	text-align:center;
}

@media only screen and (max-width : 375px) {
.CategoryFirst_ h3.name_,
.CategorySecond_ h3.name_,
.CategoryStyleP_ h3.name_,
.CategoryStyleT_Item_ .comment_,
.name_{
	font-size:.85em;
}
}


/*second category*/
.CategorySecond_ .cat_box{
	background-color:#efefef;
	padding:3px; 
	margin:10px 5px 0 0;
	}
.CategorySecond_ .price_{
	color:#993333; 
	font-size:1.2em;
	text-align:right;
}
.cat_spec .size{font-size:0.8em;}
.cat_spec .number{text-align:left;}
.cat_spec .price_ .small_{font-size:90%;color:#333;}
.cat_spec .price_ .small_::before{
	z-index: 2;
	content: '（';
}
.cat_spec .price_ .small_::after{
	z-index: 2;
	content: '）';
}
.cat_spec .bookmark_{
	text-align:right;
	margin: 5px 0 5px 0;
}
.CategorySecond_ .second_item{
	margin:0;
	padding:0 5px 0 0;
}
.CategorySecond_ .cat_spec{
	margin-top:0px;
}
.category_search .glyphicon{
	margin:0 5px 0 10px;
}
.category_search h4{
	background-color:#666;
	padding:5px;
	color:#fff;
    border-radius: 4px;
}
.navipage_ top_{
	margin:20px auto;
	padding:50px;
}
.category_nav{
	padding:10px 0 0 0;
	margin:20px 0;
	border-bottom:1px solid #ccc;
	border-top:1px solid #ccc;
}
.category_itemlist{
	font-size:1em;
	background-color:#efefef;
	padding:5px;
}
.cat_list_spec .number,
.cat_list_spec .name_,
.cat_list_spec .size,
.cat_list_spec .price_{
	font-size:1.2em;
	text-align:center;
}
.cat_search_box{
/*border-bottom: 1px solid rgba(0,0,0,0.1);
    box-shadow: 0 1px 0 rgba(255,255,255,1);*/
}
.cat_search_box h4{background-color:#dddddd!important;padding:5px;margin-bottom:10px;}
.cat_list_spec,
.item_list_spec{
	margin:0px;
	padding:0;
}
.cat_list_spec .price_,
.item_list_spec .price_
{
	color: #FF0000;
	font-weight:bold;
	text-align:center;
}
.cat_list_spec .number,
.item_list_spec .number{
	margin:0;
	padding:0;
}
.StyleP_Frame_ {
	display: -webkit-flex;
	display: flex;
}
.pager_bottom{
	margin:20px;
}
.cat2_inner{
	border:1px solid #ccc;
	background-color:#f6f6f6;
	padding:5px;
	margin:0 0 10px 0;
}
.container > .cat2_inner{
    margin-right: -15px;
    margin-left: -15px;
}
.container-fluid > .cat2_inner{
    margin-right: -15px;
    margin-left: -15px;
}
.cat2_inner .image{border:none;}
.cat2_inner img{
	margin-right:5px!important;
	padding:0;
}
.cat2_inner .suryou{text-align:right;}
.cat2_inner .tanka,
.cat2_inner .kakaku
{
	text-align:right;
	font-size:1.1em;
	padding-right:10px;
	color:#990000;
	border:none!important;
}
.cat2_inner .size{	font-size:90%;}
.cat2_inner .kakaku{font-size:1.1em;}
.color img{margin:0 5px 0 5px!important;}
.color label{margin:5px 20px 0 0!important;}

/*カテゴリページ絞り込みボタン*/
a.navbar-brand.btn.btn-default {
    background-color: #f0ad4e;
    color: #ffffff!important;
}

/*itempage*/
/*.mark_top{
	margin:5px 0;
	}*/
.img_L_{
	margin:10px;
	padding:10px;
}
.img_L_ img{
  margin:0px auto;
}
.point_img li{
	padding:0;
}
.original-page .point_img{
display:none;}
.original-page .spec .btn-box p{border:none!important;margin-top:0px;}
.point_img li img{
	border:1px solid #cccccc;
	border-radius: 4px;
	padding:4px;
	margin:2px;
	width:80px;
}
.spec .btn_zaiko{margin:5px 0;font-weight:bold}
.spec .danger{margin-top:10px;padding-top:10px;background-color:#FFCCCC;font-size:1.2em!important;}
.spec table{
	margin:0;
	padding:0;
}
.spec td{padding:2px!important;}
.goods_spec_{
	padding:0;
	margin:0 0 20px 0;
}
.goods_spec_ .btn-box{margin-bottom:10px;}
.goods_spec_ .spec .info{background-color:#fff;}

.goods_spec_ .Item_num,
.goods_spec_ .Item_name{margin:0;padding:0;font-size:1em;float:left;line-height:30px;}
h2.Item_name{margin:0 0 0 10px!important;font-size:1.2em;	padding-top: 0;	border-top: none;font-weight:bold;}
h2.Item_name::after{
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 2;
	content: '';
	width: 20%;
	height: 0px;
	background:none!important;
}
.goods_spec_ .Item_num{font-weight:bold;}
.goods_spec_ .Item_name{margin-left:10px;}
.goods_spec_ .Item_name:after{clear:both;}
.item-page .lead{margin:0;padding:0;}
.item_info 
.price_box td{
text-align:inherit;
	text-align:right!important;
}
.price_box th{
	text-align:center;
}
.price_td{
    color: #a94442;
	text-align:right;
}
.price{
	font-weight:bold;
	font-size:1.2em;
}
.item_info .coment{
font-size:1.0em!important;
line-height:1.5em;
margin-top:15px;
}
.item-mark img{
margin: .1em;
}
.base-item a{margin-right:15px;}
.order_suryo{padding-top:10px;}
.kanren_box{
margin:10px 0px 0 0;
padding:0 0px 0 0;
}
.goodsimg_ img{
text-align:center;
margin:10px auto;
}
.btn_cartin{margin-bottom:10px;}
.StyleP_Frame_{
margin-top:10px;
padding:0!important;}

/*オリジナル商品*/
.original_coment{
	font-size:0.85em;
	color:#FF0000!important;
}
.original_delete{
	margin:10px;
}
.order_num{
padding:5px;
background-color:#eee;
margin:10px 0;
}

.original-page .spec p{border-bottom:1px solid #ccc;}
.history,
.bookmark{padding:10px 0 0 0;}
.cart_btn{text-align:center;margin-top:20px;}
.cart .cart_innner .well{margin:2px;}
.cart_innner .form-group{margin-top:10px;}
/*オリジナル商品リスト*/

.original_list .search th{
background-color:#f4f4f4;
text-align:center;}
.original_itemlist{border-bottom:1px dotted #ccc;}
.original_list_result .container-fluid,
.original_list_result .panel-body{padding:0;}
.goods_spec_ .glyphicon{font-size:105%;padding-left:0!important;padding-right:0!important;}

/*カートの中身*/
.cart_innner{
	background-color:#eaeaea;
	margin:15px 0 10px 0;
}
.cart_innner .well{
	background-color:#fff;
	margin:15px 0 10px 0;

}
.cart_excluding{
	color:#FF0000;
	text-align:right;
	font-size:1.2em;
	margin:5px 5px 0 0;
}
.cart_item div{
	border-bottom:1px dotted #ccc;
}
.cart_item .btn-boxB{
	margin:0;
	padding:2px 5px;
}
.cart_history{
	
}
.cart_delete{text-align:right;padding:2px 0;}
.cart_base,
.cart_kakou{
	padding:2px;
}
.cart .well-white{text-align:center;}
/*カートの中身右側メニュー*/
/*//カートの中身*/

/*納品先*/
.dest_inner{
	padding:20px;
	background-color:#F6F6F6;
	border:1px solid #ccc;
	border-radius: 10px;
}
.dest .input-md{
	padding:3px;
}
.otherdest .btn{
	margin:20px 0!important;
}

/*出荷場所選択*/
.shipment{
}
.ship_innner{
	border-radius: 5px;
}

.ship_innner img{
	padding: 5px;
	background-color:#fff;
}
.ship_area{
	
	padding:5px;
}

/*希望出荷日納品日運送便*/
.express h3{font-size:1.2em;}
.express .panel-primary,
.estimate .panel-primary{
	margin:0 0 40px 0;
	}
.express_select{
border-bottom:1px solid #ccc;
background-color:#eaeaea;
padding:5px 0;
margin:0;
}
.express_select_box{margin:0;padding:0;}
.panel-body{padding:0;}
.express_select_title{
	margin:0 10px 0 10px;
}
.express_ .panel-footer{text-align:right;}
.express_number{
	font-weight:bold;
}
.express_item{
margin:0 0 10px 0;
padding:10px 0;

}
.express_name,
.express_number,
.express_kakou,
.express_item_tanka,
.express_nouhin{
	border-bottom:1px dotted #ccc;
}
.express_item_price{
	color:#FF0000;
	text-align:right;
	font-size:1.2em;
	margin:5px 5px 0 0;
	}

.express_total_price{
	font-size:1.6em;
	color:#FF0000;
	padding:5px 10px;
	text-align:right;
}
.express .panel-footer,
.estimate .panel-footer{
	text-align:right;
}

/*特記事項*/
.particular_innner{
background-color:#eaeaea;
}

/*注文内容確認画面*/
.estimate .btn-boxB{
background-color:#fff;
}

.estimate .express_panel{
background-color:#f6f6f6;
padding-top:15px;
}
.particular_box{
padding:10px;}

.particular_box p{border-bottom:1px dotted #ccc;}
.express_item_shipping{
font-size:1.2em;
}
.express_price{
font-size:1.2em;
}
.estimate_item{margin:5px 0;}
.estimate_item img{width:95%;}
.estimate_item_innner{
margin:5px 0;
}
.estimate_item p{
border-bottom:1px dotted #ccc;
margin:0;
padding:0;
}
.estimate_item_price{
	text-align:right;
	color:#FF0000;
}
.total_price{
	font-size:1.3em;
}
.estimate .change-sum{text-align:right;}

/*完了画面*/
.order_inner{padding:20px 10px;}
.order_thanks{
	color:#a94442;
	font-size:1.5em;
	text-align:center;
}
.order_btnbox{margin:30px auto;}

/*ログイン*/
.cart_login li{list-style-type:none;}
.cart_login_left .control-label{text-align:left;}

.hajimete div{margin-bottom:10px;}
.hajimete div span{margin-right:15px;margin-left:15px;}
.login_inner{
	padding:10px;
	background-color:#F6F6F6;
	border:1px solid #ccc;
	border-radius: 10px;
	margin-top:15px;
}

.hajimete .col-lg-10{
line-height:200%;
}

.hajimete .col-lg-2{
line-height:200%;
text-align:right;
}
.lost_box ul,
.lost_box li{margin:0;padding:0;}

/*ログアウト*/
.logout{font-size:1.5em;color:#FF0000;text-align:center;}

/*お客様情報入力*/
.method_innner .panel-body{padding:10px 15px 10px 15px;}

.method_innner .well-sm .form-inline .col-lg-4{text-align:left!important;}
.pay_inner{
background-color:#fcf8e3;
}

.pay_inner .well{
background-color:#fff;}
.pay_inner .form-group{padding:10px;}
.form_nouhin .control-label{text-align:left;}

/*パンくず*/
#breadcrumbs {
    margin-top: 20px;
}
#breadcrumbs ul{
    font-size: .8em;
    margin: 0;
    padding: 0;
    list-style: none;
}
#breadcrumbs-one{
    background: #ddd!important;
    border-width: 1px;
    border-style: solid;
    border-color: #f5f5f5 #e5e5e5 #ccc;
    border-radius: 5px;
    box-shadow: 0 0 2px rgba(0,0,0,.2);
    overflow: hidden;
    width: 100%;
}
#breadcrumbs-one li{
    float: left;
}
#breadcrumbs-one a{
    padding: .7em 1em .87em 2em;
    float: left;
    text-decoration: none;
    color: #444;
    position: relative;
    text-shadow: 0 1px 0 rgba(255,255,255,.5);
    background-color: #ddd!important;
    background-image: linear-gradient(to right, #f5f5f5, #ddd)!important;
}
#breadcrumbs-one li:first-child a{
    padding-left: 1em;
    border-radius: 5px 0 0 5px;
}
#breadcrumbs-one a:hover{
    background: #fff!important;
}
#breadcrumbs-one a::after,
#breadcrumbs-one a::before{
    content: "";
    position: absolute;
    top: 50%;
    margin-top: -1.5em;
    border-top: 1.5em solid transparent;
    border-bottom: 1.5em solid transparent;
    border-left: 1em solid;
    right: -1em;
}
#breadcrumbs-one a::after{
    z-index: 2;
    border-left-color: #ddd;
}
#breadcrumbs-one a::before{
    border-left-color: #ccc;
    right: -1.1em;
    z-index: 1;
}
#breadcrumbs-one a:hover::after{
    border-left-color: #fff;
}
#breadcrumbs-one .current,
#breadcrumbs-one .current:hover{
    font-weight: bold;
    background: none;
}
#breadcrumbs-one .current::after,
#breadcrumbs-one .current::before{
    content: normal;
}
/*NEWパンくず*/
.balloon{
	margin:0 0 15px 20px;
	padding:0;
}
.balloon ul{
	margin:0;
	padding:0;
}
.balloon li{
	list-style:none;
	margin-right:10px;
	float:left;
	
	}

.balloon-1-right {
	position: relative;
	display: inline-block;
	padding: 5px 10px;
	width: auto;
	color: #19283C;
	text-align: center;
	background: #F6F6F6;
	border: 3px solid #19283C;
	z-index: 0;
	margin-bottom:10px;
}
.balloon-1-right-active {
	position: relative;
	display: inline-block;
	padding: 5px 10px;
	width: auto;
	min-width: 115px;
	color: #fff;
	text-align: center;
	background: #19283C;
	border: 3px solid #19283C;
	z-index: 0;
	margin-bottom:10px;
}
.balloon-1-right-end {
	position: relative;
	display: inline-block;
	padding: 5px 10px;
	width: auto;
	
	color: #19283C;
	text-align: center;
	background: #F6F6F6;
	border: 3px solid #19283C;
	z-index: 0;
	margin-bottom:10px;
}

.balloon-1-right:before
 {
	content: "";
	position: absolute;
	top: 50%; right: -8px;
	margin-top: -9px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 9px 0 9px 9px;
	border-color: transparent transparent transparent #F6F6F6;
	z-index: 0;
}
.balloon-1-right:after{
	content: "";
	position: absolute;
	top: 50%; right: -12px;
	margin-top: -10px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 10px 0 10px 10px;
	border-color: transparent transparent transparent #19283C;
	z-index: -1;
}

.balloon-1-right-active:before {
	content: "";
	position: absolute;
	top: 50%; right: -8px;
	margin-top: -9px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 9px 0 9px 9px;
	border-color: transparent transparent transparent #19283C;
	z-index: 0;
}
.balloon-1-right-active:after{
	content: "";
	position: absolute;
	top: 50%; right: -12px;
	margin-top: -10px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 10px 0 10px 10px;
	border-color: transparent transparent transparent #19283C;
	z-index: -1;
}

/*注文履歴*/
.history .search th{
background-color:#f4f4f4;
text-align:center;}

.history .count th{
background-color:#eaeaea;
text-align:center;}

.history .count td{
text-align:right;
font-size:1.2em;}
.history_item{margin-top:15px;}
.history_item p{
	border-bottom:1px dotted #ccc;
	}
.history_item .order_day{
	font-weight:bold;
}
.history .count{
	margin-top:10px;
}
.history_inner .panel-footer{text-align:right;}
.history .history_inner .history_box{
border-bottom:2px solid #efefef;
margin:10px 0 15px 0;
}
.historydetail .history_inner .history_box{
border-bottom:2px solid #efefef;
margin:10px 0 15px 0;
}

.reorder{
text-align:right;}
.history_inner{margin-bottom:30px;}
.denpyou .row{padding:15px;}
.historydetail .contact{text-align:center;}
.history_btnbox{
	text-align:right;
	}

.history_itemlist{
	border-bottom:1px dotted #ccc;
	padding:5px 0;
}
.reception_date{}
.ship_date{}
.order_dt_btn{text-align:right;}

/*お客様情報登録*/
.customer_box p{
	border-bottom:1px dotted #ccc;
	padding:2px 0;
	margin:1px 0;
	}
	
.customer_box td span{
	border-right:1px solid #bbb;
	padding:0 10px;
	}
	
.customer_box th{
background-color:#eee;
font-weight:normal;
text-align:center;
}
.customer .contact{text-align:center;padding-bottom:20px;}
.customer .password{text-align:center;}
.customer_box{margin-bottom:15px;}

/*在庫検索*/
.stock{margin-bottom:40px;}
.zaiko_logo img{width:10em;}
.stock .hosoku{text-align:center;margin-top:20px;font-size:small;}
.stock .update{text-align:right;color:#993300;}
.stock_inner{margin-top:15px;}
.stock_box .total{
text-align:right;
font-weight:bold;
font-size:1.2em;}

.stock_box td,
.stock_box th,
.stockitem_box td,
.stockitem_box th{
text-align:center;
}

.stock_box th,
.stockitem_box th{
background-color:#f4f4f4;
}
.stock_box .title,
.stockitem_box .title{
padding:0;margin:0;
font-size:1.2em;
background-color:#ccc;
padding:5px 0;
}
.stock_box,
.stockitem_box{margin:0;padding:0 10px 5px 0;
}

/*/e/ecoffee/*/
.bg_klaft{
	background-image: url(/images/event/coffee/bg_menu.gif);
	
}

/*お客様情報入力*/
#newshipping{background-color:#efefef; border:1px solid #efefef;padding-top:15px;}
#newshipping .control-label{text-align:right;}
.radio-mail{margin-top:10px;}
.nouhin_select{}

.cart_empty{text-align:center;}

.radio_sinki{padding-top:30px;}
/*.error_{
	background-color: #fcf8e3!important;
    border: 1px solid #EEDB6C;
	padding: 19px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
}*/
.error_ li{color:#ff0000;}

.check_error{color:#ff0000;font-weight:bold;}

input[type=image]:hover{
opacity:0.8;}
textarea{width:100%!important;}
select{max-width:100%;}

/*otepri*/
.otepri_item div{margin-top:10px;}
.ote_illust .img_box img{max-width:100px;max-height:100px;}
.ote_illust .img_box{height:160px;
text-align:center;}
.ote_illust .img_box p{padding:0;margin:0;line-height:100%;}
.estimate_item_tax{margin-left:15px;}
.order_suryo .row{margin-top:0;margin-bottom:0;padding-top:0;padding-bottom:0;}

/*ドロップダウンサブメニューhttp://tetra-themes.com/bootstrap3-dropdown-submenu-280/*/
#header .dropdown-menu li{border-bottom:1px solid #ccc;}
#header .dropdown-menu li:after{border-bottom:none;}
#header .dropdown-menu > li > a {
    display: block;
    padding: 1px 15px 1px 10px;
    clear: both;
    font-weight: 400;
    line-height: 2.5;
    color: #333;
    white-space: nowrap;
}
.dropdown-submenu {
  position: relative;
}
.dropdown-submenu>.dropdown-menu {
  top: 0;
  left: 100%;
  margin-top: -6px;
  margin-left: -1px;
 -webkit-border-radius: 0 6px 6px 6px;
  -moz-border-radius: 0 6px 6px;
  border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:hover>.dropdown-menu {
  display: block;
  margin-left: 100%;
}
.dropdown-toggle>.dropdown-submenu {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.dropdown-submenu>a:after {
  display: block;
  content: " ";
  float: right;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  border-width: 5px 0 5px 5px;
  border-left-color: #999;
  margin-top: 10px;
  margin-right: -10px;
}

.dropdown-submenu:hover>a:after {
  border-left-color: #ccc;
}

.dropdown-submenu.pull-left {
  float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
  left: -100%;
  margin-left: 10px;
  -webkit-border-radius: 6px 0 6px 6px;
  -moz-border-radius: 6px 0 6px 6px;
  border-radius: 6px 0 6px 6px;
}
/**/
.font-w-normal{font-weight:normal;}

@media only screen and (max-width:768px) {
.cat2_inner .number,
.cat2_inner .name,
.cat2_inner .suryou
{
	border-bottom:1px dotted #ccc!important;
}
.cat2_inner div{
line-height:inherit;
}
.cat2_inner .suryou{
text-align:left;}
.cat2_inner .suryou .order_tanka,
.cat2_inner .kakou .kakou_base,
.cat2_inner .kakaku .zeinuki,
.order_item_name{margin-left:10px;}
}
@media only screen and (max-width : 900px) {
.mailmaga table,
.mailmaga td,
.mailmaga tr,
.mailmaga tbody,
.mailmaga a,
.mailmaga span,
.mailmaga p,
.mailmaga div{
	/*width:inherit!important;*/
	text-align:center;
}
.mailmaga td{
	max-width:100%;
	display:block;
	text-align:center;
	border:none!important;
	padding:5px 3px;!important;
}
.mailmaga img{
	text-align:center;
    max-width: 100%;
    height: auto;
}
.mailmaga img{margin:0px auto;}
}

@media only screen and (max-width:768px) {
    .select_ymd{
        display: inline-block!important;
        margin-bottom: 0;
        vertical-align: middle;
		margin-bottom:5px;
    }
	.login_inner .title_vcenter{font-size:150%;}
.title_vcenter span {
	position: relative;
	display: inline-block;
	margin: 0 1.5em;
	padding: 0 1em;
	text-align: left;
}

}

}
@media only screen and (max-width:320px) {
	.select_all{max-width:500px!important;}
}

@media only screen and (max-width:767px) {
.customer_box .col-xs-12{width:100%;float:left;}
.dropdown-submenu:hover>.dropdown-menu {
  display: block;
  margin-left: -50px!important;
  margin-top: 20px!important;
  z-index:20;
  
}
}
@media only screen and (max-width : 320px) {
.stock_box,
.stockitem_box{margin:0!important;padding:0!important;}
}
@media only screen and (max-width:320px) {
.CategorySecond_ .cat_box{
	background-color:#fff;
	padding:5px; 
	margin:10px 0 0 0;
	border-bottom:1px dotted #ccc;
	}
}
@media only screen and (max-width:320px) {

.point_img li img{
	border:1px solid #cccccc;
	border-radius: 2px;
	padding:2px;
	margin:1px;
	width:72px;
}

}
@media only screen and (min-width:1200px) {
.cat2_inner .name,
.cat2_inner .suryou,
.cat2_inner .kakou,
.cat2_inner .kakaku{
vertical-align:middle;
padding:10px;height:95px;text-align:center;ling-height:200%;padding-top:25px;}

.CategorySecond_list .cat2_inner{padding:0px;margin:inherit;margin:2px;text-align:center;}
.CategorySecond_list .cat2_inner .number,
.CategorySecond_list .cat2_inner .name,
.CategorySecond_list .cat2_inner .tanka,
.CategorySecond_list .cat2_inner .col-lg-4{padding:inherit;padding-top:18px;border-right:1px solid #ccc;height:50px;}
.CategorySecond_list .cat2_inner .name{border:inherit;border:none;}
.CategorySecond_list .cat2_inner .tanka{padding-right:10px;}

.CategorySecond_list .cat2_inner .name{
text-align:center;padding-top:15px;height:50px;}

.cat2_inner .name,
.cat2_inner .kakou{border-right:1px solid #cccccc!important;
border-left:1px solid #ccc;
border-right:1px solid #ccc;
}
.cat2_inner .kakaku,
.cat2_inner .suryou{
border-right:1px solid #ccc;
}

.cat2_inner .image{margin:0!important;}

}
@media only screen and (min-width:800px) {
.StyleP_Frame_{margin-right:20px;}
}

@media only screen and (max-width:768px) {
.spec .danger label{margin-left:13px;margin-top:15px;}
#main {
    padding-top: 0px!important;
    flex: 1;
}
#item-page .container-fluid{
	padding:0!important;
}
.container .col-xs-11,
.container .col-xs-12,
.container .col-xs-2,
.container .col-xs-3,
.container .col-xs-4,
.container .col-xs-5,
.container .col-xs-6,
.container .col-xs-7,
.container .col-xs-8,
.container .col-xs-9{
    padding-right:5px!important;
    padding-left: 5px!important;
}
.img_L_{max-width:350px;}

}
@media only screen and (min-width:768px) {

.img_L_{height:400px;}
.pay_inner .control-label{text-align:left;padding-left:40px;}

}
@media only screen and (min-width:1200px) {
.original_itemlist{text-align:center;}
.original_list_name,
.original_list_nmb,
.original_list_kakou{
line-height:80px;}
.original_list_lastdate{margin-top:15px;}
.original_list_name,
.original_list_base{
border-left:1px dotted #ccc;
border-right:1px dotted #ccc;
}
.original_list_nmb{border-left:1px dotted #ccc;}
.original_list_img{padding:5px 0;}
.original_list_base{padding-top:20px;height:80px;}

}
@media only screen and (max-width:768px) {
.goods_spec_ .glyphicon{font-size:120%;padding-left:0!important;padding-right:0!important;}
.original_list_img{padding:10px 0;}
.item_info .btn-group-justified{font-size:80%;}
.original-page .lead {font-size:100%;}
.stock .lead{font-size:1.3em;}
.estimate_item{border-bottom:1px solid #ccc;padding:5px 0;}
input[type=text]{max-width:100%;}
}
@media only screen and (max-width:600px) {
.select_ymd{	
	float:left;
	margin:0 5px 5px 0;
	}
.select_ymd:after{	 clear: both;}
.express_select_title{margin:0;padding:0;}
.express h2{font-size:100%;}

.checktype_tel1,
.checktype_tel2,
.checktype_tel3,
.checktype_cell1,
.checktype_cell2,
.checktype_cell3,
.checktype_fax1,
.checktype_fax2,
.checktype_fax3{	
	float:left;
	margin:0 5px 5px 0;
	}
.checktype_tel3:after,
.checktype_cell3:after,
.checktype_fax3:after{
 clear: both;}
 
select[name="yy_commit_dt_from"]{ float:left;margin:0 5px 5px 0;width:23%;}
select[name="mm_commit_dt_from"]{ float:left;margin:0 5px 5px 0;width:20%;}
select[name="dd_commit_dt_from"]{ float:left;margin:0 5px 5px 0;width:20%;}

.history_ymd_between{ float:left;margin:0 5px 5px 0;font-size:0.9em;}
.history_ymd_between_end{ float:left;margin:0 5px 5px 0;font-size:0.9em;}
.history_ymd_between_end:after{  clear: both;}

select[name="yy_commit_dt_to"]{float:left;margin:0 5px 5px 0;width:23%;}
select[name="mm_commit_dt_to"]{float:left;margin:0 5px 5px 0;width:20%;}
select[name="dd_commit_dt_to"]{ float:left;margin:0 5px 5px 0;width:20%;}
select[name="dd_commit_dt_to"]:after{ clear: both;}
select[name="dd_commit_dt_from"]:after{ clear: both;}
.search select{display:inherit!important;}
.from-inline .form-select {
	width: 80%;
	display: inline-block;
}
.from-inline .select_year,
.from-inline .select_month,
.from-inline .select_day{margin: 0 5px;}
	

}
@media only screen and (max-width:767px) {
.history .search th,
.history .search td{
display:block!important;
width:100%!important;
	border:none!important;
	padding:5px 3px;!important;}
.history_img{margin:5px 0;}	
.top-toolbar{margin:0;padding:0;}
.top-toolbar .btn-group{width:23%!important;margin:0!important;padding:0!important;text-align:center;}
.top-toolbar .btn {  float: right !important;display:block;margin-right:10px;}
.well-white{border:none!important;}
.method_innner .col-sm-8 .red::before{content: '\A';
  white-space: pre;}
.checktype_tel3:after{display:block;}
.name_::before{z-index: 2;content: '商品名：';}
/*20210224*/

.customer_ .row{padding:10px;}
.favorite_item th,
.favorite_item td{display:block;border:none!important;}
.history select[name="yy_commit_dt_to"]:after{clear:both;}
.customer .password{margin-top:15px;}
#quickorder_form input[name="goodsdisp"],
#quickorder_form input[name="case_qty"],
#quickorder_form input[name="qty"]
{background-color:#FFFFCC;}
.from-inline .select_year,
.from-inline .select_month,
.from-inline .select_day{display:none;}

select[name="dd_commit_dt_from"]{margin-right:30px;/*padding-right:30px*/;clear:both;}

.form-select {
	width: 100%;
}

#directorder_form input[type="text"]{background-color:#FFFFCC;}

}
@media only screen and (max-width : 320px) {
.top-nav-txt{font-size:1.1em;}
.customer_box th,
.customer_box td
 {
	width:100%;
	display:block;
	border:none!important;
	padding:5px 3px;!important;
	
}
.customer_box table{
	border:none!important;
	margin:0 -5px!important;
	padding:0!important;
}
.customer_box .col-xs-12{
	display:block!important;
	width:100%;
}
.customer_box .row{margin:0 -5px;padding:0;}
.method .panel{border:none!important;}
.pay_inner .control-label{text-align:left;padding-left:10px;}
/*.row,.container-fluid,.container{margin:0;padding:0;width:100%;}*/
.formdetail_search_result .navipage_sum_ {clear:both;}
.method .order_tanka{display:block;margin-left:-1px!important;}
.express_item_price{font-size:1.1em;}
.express_total_price{font-size:1.3em;}
.favorite_item .name{text-align:left!important;}
.favorite_item .thumbnail{padding:0;margin:0;border:none;}
.contact_ td{display:block;padding-top:5px;}

}

.title_gra_green {
	padding: .5em .75em;
	background: -webkit-linear-gradient(top, #86e386 0%, #5CB85C 100%);
	background: linear-gradient(to bottom, #86e386 0%, #5CB85C 100%);
	color: #fff;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, .3);
}
.case_unit_::before{z-index: 2;content: '１ケース：';}
.unit_sales_::before{z-index: 2;content: '販売単位：';}
/*style-gotoここまで*/
/*style-suga*/
/* ---------------------------------
在庫画面
------------------------------------ */
.stock_search {
	margin:40px auto;
	background-color:#FFFFFF;
}
.stock_search table {
}
.stock_search table th {
	text-align:center;
	padding:10px;
}
.stock_search table td {
	text-align:center;
	padding:10px;
}
.stock_search .detail{
text-align:left;
width:100%;
font-size:1em;
}
.stock_search a {
text-decoration:none;
}
@media 
only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px)  {

.stock_search .xs-block th { 
display:block; }

.stock_search .xs-block td { 
display:block; }

.stock_search tr { border: 1px solid #ccc; }
	
.stock_search td { 
		border: none;
		border-bottom: 1px solid #eee; 
	}
}

/* ---------------------------------
商品番号検索
------------------------------------ */

.number_search {
}

.number_search .search_box{
	width:300px;
	border:none;
	background-color:#FFFFFF;
	padding-left:10px;
}

.number_search table {
    border-collapse: collapse;
    border:1px solid #CCCCCC;
}

.number_search table th {
	border-collapse: collapse;
    border:1px solid #CCCCCC;
	text-align:center;
}

/* ---------------------------------
商品詳細検索画面
------------------------------------ */

.formdetail_search select{
width:100%;
border:1px solid #CCCCCC;
}
.formdetail_search input{
width:100%;
border:1px solid #CCCCCC;
}
.formdetail_search table th {
	padding:5px;
	background-color:#F4F4F4;
	text-align:center;
	width:35%;
}
.formdetail_search table td {
	width:65%;
}
.formdetail_search .submit{
	margin:20px 0 0 5px;
}

/* ---------------------------------
商品詳細検索結果画面
------------------------------------ */

.formdetail_search_result {
margin-bottom:40px;
}

.formdetail_search_result table { 
	width: 100%; 
	border-collapse: collapse; 
}

.formdetail_search_result th { 
	padding:10px 20px;
	text-align:center;
	background-color:#F4F4F4;
}
.formdetail_search_result td { 
	padding: 6px; 
	text-align: center; 
}

.formdetail_search_result table img { 
width:60px; 
}

/* ---------------------------------
加工フォーム画面
------------------------------------ */
.kakou_form {
}

.kakou_form input{
vertical-align:middle;
}

.kakou_form table {
	width:100%;
}

.kakou_form table th {
	text-align:center;
	padding:10px 20px;
	background-color:#F4F4F4;
}

.kakou_form table td {
	text-align:left;
	padding:10px 20px;
}


.kakou_form .naiyou {
	border:1px solid #CCCCCC;
	width:100%;
}

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

.kakou_form .xs-block {
		display: block; 
}

.kakou_form tr { border: 1px solid #ccc; }

.kakou_form td { 
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
	}
	
	
}

/* ---------------------------------
ダイレクト出荷入力
------------------------------------ */
.direct_input {
}
.direct_input table{
}
.direct_input table td{
padding:5px;
}
.direct_input table th{
padding:5px;
text-align:center;
background-color:#EAEAEA;
}

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

.direct_input .xs-block th { 
display:block; }

.direct_input .xs-block td { 
display:block; }
.direct_input tr { border: 1px solid #ccc; }
.direct_input td { 
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
	}
	
	
}
.direct_input .title div {
    border:1px solid #CCCCCC;
	background-color:#F4F4F4;
	text-align:center;
	padding:5px;
}
.direct_input .height_title {
    display: flex;
    flex-wrap: wrap;
}
.direct_input .product{
margin:20px 0 0 0;
}
.direct_input .product div{
    border:1px solid #CCCCCC;
	background-color:#FFFFFF;
	padding:5px;
	text-align:center;
	height:40px;
}
.direct_input .product .border_off{
    border:none;
	background-color:#FFFFFF;
	padding:5px;
	text-align:center;
	height:40px;
}
.direct_input input{
	border:1px solid #CCCCCC;
	width:100%;
}
.direct_input .scroll{
overflow-y:scroll;
height:350px;
padding:10px;
}

/* ---------------------------------
一括注文
------------------------------------ */
.ikkatsu{
	margin:40px 0;
}
.ikkatsu table{
}
.ikkatsu table td{
padding:5px;
}
.ikkatsu table th{
text-align:center;
}

@media 
only screen and (max-width: 767px) {
.ikkatsu .xs-block th { 
display:block; }
.ikkatsu .xs-block td { 
display:block; }
.ikkatsu tr { border: 3px solid #FF9859; }
.ikkatsu td { 
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
	}
}

/* ---------------------------------
オンライン請求書
------------------------------------ */
.billlist {
}

.billlist table{
width:100%;
}

.billlist table td{
padding:10px;
}

.billlist table th{
padding:10px;
text-align:center;
}

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

.billlist .xs-block th { 
display:block; }

.billlist .xs-block td { 
display:block; }	
	
	
.billlist tr { border: 1px solid #ccc; }

.billlist td { 
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
	}
}

/* ---------------------------------
問い合わせフォーム
------------------------------------ */
.inquiry{
}

.inquiry li{list-style-type:none;}

@media 
only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px)  {

.inquiry .xs-block td { 
display:block; }


.inquiry ul{
margin:20px;

}
}

/* ---------------------------------
お気に入り
------------------------------------ */
.favorite_item{
}

.favorite_item ul{
	list-style:none;
	margin:10px;
	padding:0px;

}

.favorite_item li{
	font-size:1em;
	line-height:180%;
	list-style:none;
	margin:0px;
	padding:0px;
}

.favorite_item .cat_spec .arrange input{
	border:1px solid #CCCCCC;
}

.favorite_item .cat_spec .memo{
	padding:3px;
}

.favorite_item .cat_spec .memo textarea{
	border:1px solid #CCCCCC;
	width:100%;
}

.favorite_item h4{
float:left;
}

.favotite_logo img{width:10em;}
.favorite_item .hosoku{text-align:center;margin-top:20px;font-size:small;}

.favorite_item select{
border:1px solid #CCCCCC;
}

.favorite_item .groupname{
width:100%;
}

.favorite_item .name{
	font-size:0.9em;
	text-align:left;
}

.favorite_item .number{
	text-align:left;
}

.favorite_item .arrange{
	font-size:0.9em;
}


.favorite_item table th {
	padding:5px;
	background-color:#F4F4F4;
	text-align:center;
}

/* ---------------------------------
カートの中身
------------------------------------ */
div.cartItemListHead {
    font-size: .8em;
    padding: 15px 0;
    border-bottom: 1px solid #D3D4D5;
}
div.cartItemBlock {
    font-size: .8em;
    padding: 15px 0;
    border-bottom: 1px solid #D3D4D5;
}
#breadcrumbs ul{
    font-size: .8em;
    margin: 0;
    padding: 0;
    list-style: none;
}
#breadcrumbs-one{
    background: #eee;
    border-width: 1px;
    border-style: solid;
    border-color: #f5f5f5 #e5e5e5 #ccc;
    border-radius: 5px;
    box-shadow: 0 0 2px rgba(0,0,0,.2);
    overflow: hidden;
    width: 100%;
}
#breadcrumbs-one li{
    float: left;
}
#breadcrumbs-one a{
    padding: .7em 1em .87em 2em;
    float: left;
    text-decoration: none;
    color: #444;
    position: relative;
    text-shadow: 0 1px 0 rgba(255,255,255,.5);
    background-color: #ddd;
    background-image: linear-gradient(to right, #f5f5f5, #ddd);
}
#breadcrumbs-one li:first-child a{
    padding-left: 1em;
    border-radius: 5px 0 0 5px;
}
#breadcrumbs-one a:hover{
    background: #fff;
}
#breadcrumbs-one a::after,
#breadcrumbs-one a::before{
    content: "";
    position: absolute;
    top: 50%;
    margin-top: -1.5em;
    border-top: 1.5em solid transparent;
    border-bottom: 1.5em solid transparent;
    border-left: 1em solid;
    right: -1em;
}
#breadcrumbs-one a::after{
    z-index: 2;
    border-left-color: #ddd;
}
#breadcrumbs-one a::before{
    border-left-color: #ccc;
    right: -1.1em;
    z-index: 1;
}
#breadcrumbs-one a:hover::after{
    border-left-color: #fff;
}
#breadcrumbs-one .current,
#breadcrumbs-one .current:hover{
    font-weight: bold;
    background: none;
}
#breadcrumbs-one .current::after,
#breadcrumbs-one .current::before{
    content: normal;
}

/* ---------------------------------
お役立ちリンク
------------------------------------ */

.usefullink_img{
display: inline-block;
vertical-align: middle;
}

/* ---------------------------------
Youtubeレスポンシブ
------------------------------------ */
.iframeWrapper {
position: relative;
width: 100%;
padding-top: 75%;
}
.iframeWrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/* ---------------------------------
メルマガバックナンバー
------------------------------------ */
.back_number {
	margin: 15px 0 20px 0px;
	height: 168px;
	color: #000000;
	padding: 5px 0 0 0px;
}
.back_number li {
	width: 190px;
	float: left;
	margin: 0 10px 20px 0;
	text-align: center;
	background-image: url(/images/new_item/bg_tana.jpg);
	background-repeat: repeat-x;
	background-position: left bottom;
	height: 250px;
	display: block;
	padding: 5px 3px 0px 3px;
	font-size:12px;
}
.back_number li div {
	overflow: hidden;
	height: 140px;

}
.back_number li a{
	background-image: url(/images/new_item/mail_title.gif);
	background-repeat: no-repeat;
	background-position: top center;
	display:block;
	width:180px;
	padding: 33px 3px 0px 3px;
	margin: 3px 0 0 0;
	background-color: #FFFFFF;

}
.back_number li img {
	width: 180px;
}
.smp_btn{font-size:30px;text-align:center;font-weight:bold;background-color:#ddd;padding:30px;}
.top_satelite ul{}
.top_satelite li{ float:left;margin:0px 2px 0px 0;}

/* ---------------------------------
アンケート
------------------------------------ */

.questionnaire_box_content_ {
margin:20px 0 0 70px;
}

.questionnaire_box_content_ input{
margin:0 0 0 2px;
float:left;
}

.questionnaire_box_content_ label{
margin:10px 20px;
color:#333333;
font-weight:normal;
display: block;
}

.questionnaire_box_content_ label::after{
content: '\A';
white-space: pre ;
}

.questionnaire_box_ .desc_{
margin:0 0 0 0px;}/*70-0*/

.questionnaire_box_ .common_headline2_{
background-color:#ededed;
padding:5px;}

.questionnaire_box_ {
margin:50px 0 0 0;
}

formdetail_ {
margin-left:20px;
}

.questionnaire_box_ .formdetail_ th{
display:none;
}

.questionnaire_box_ .small_ {
display:none;
}

questionnaire_ col1_ {
margin:0 0 40px 0;

}

//吹き出し用の設定
.popover.show{
  margin-bottom: 10px;
}
//横の画像用の設定
img.reviews {
  margin-bottom: 10px;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}
//並んでいるものを上下中央で揃える設定
.row-center{
  text-align: center;
  letter-spacing: -0.4em;
}
.row-center > [class*='col-'] {
  display: inline-block;
  letter-spacing: 0;
  vertical-align: middle;
  float: none !important;
}

/* ---------------------------------
お客様情報入力画面　納品先
------------------------------------ */

.nouhinsaki select{
margin:3px 0 0 0;
padding: 5px 0px;	
}

/* ---------------------------------
後加工WEB見積もり
------------------------------------ */

.webmitsumori{
}

.webmitsumori .item_detail div{
	border-bottom:1px dotted #ccc;
}

.webmitsumori .kakoudai td{
text-align:right;
padding-right:20px;
}

.webmitsumori .kakoudai th{
text-align:center;
}


.estimate_panel table{
margin:10px 0 5px 0;
}

.estimate_ichiran{
margin:20px 0 0 0;
padding:0 0 20px 0;
border-bottom:dotted 1px #CCCCCC;
}

/* ---------------------------------
後加工ページカスタマイズ
------------------------------------ */

.atokakou_title01{
background-color:#337AB7;
color:#FFFFFF;
padding:15px;
font-size:18px;
}

.atokakou_title02{
margin:20px 20px 0 20px; 
border-bottom:#666666 2px solid;
color:#666666;
font-weight:bold;
padding:8px;
}

.atokakou_title03{
margin:20px 0px 0px 0px; 
color:#666666;
font-weight:bold;
padding:8px;
}

.atokakou_subtitle{
padding:10px 0 10px 10px;
margin:30px 0 0 0; 
color:#000000;
border-left:#3799DB 5px solid;
background-color:#D6EAF8;
text-align:left;
font-size:18px;
font-weight:bold;
}

.atokakou_subtitle_red{
padding:10px 0 10px 10px;
margin:30px 0 0 0;
color:#000000;
border-left:#E78C8D 5px solid;
background-color:#FBE6E6;
text-align:left;
font-size:18px;
font-weight:bold;
}

.atokakou_subtitle_gray{
padding:10px 0 10px 20px;
margin:30px 0 0 0;
color:#000000;
border-left:#CCCCCC 5px solid;
background-color:#EBEBEB;
text-align:left;
font-size:18px;
font-weight:bold;
}

.atokakou_subtitle_gray a{
text-decoration:none;
color:#000000;
}

.atokakou_subtitle_gray a:hover{
text-decoration:underline;
}


.atokakou_menu{
background-color:#898989;
color:#FFFFFF;
padding:15px;
font-size:20px;
text-align:center;
margin:5px;
border-radius: 5px;
width:100%;
}

.atokakou_menu_gray{
background-color:#E8E8E8;
border:#CCCCCC 1px solid;
color:#666666;
padding:15px;
font-weight:bold;
font-size:16px;
text-align:center;
margin:5px;
border-radius: 5px;
width:100%;
}

.atokakou_menu_hide{
background-color:#CD6875;
border:#CCCCCC 1px solid;
color:#FFFFFF;
padding:15px;
font-weight:bold;
font-size:16px;
text-align:center;
margin:5px;
border-radius: 0px;
width:100%;
}

.atokakou_menu a{
border-bottom:1px #FFFFFF solid;
padding-bottom:2px;
color:#FFFFFF;
}

.atokakou_menu a:hover{
text-decoration:none;
opacity:0.7;

}

.atokakou_menu_gray a{
text-decoration:underline;
color:#666666;
}

.atokakou_setsumei{
text-align:left;
margin:20px 0 0 30px;
}

.title_gra_red {
	padding: .5em .75em;
	background: -webkit-linear-gradient(top, #ECA2A2 0%, #CD6875 100%);
	background: linear-gradient(to bottom, #ECA2A2 0%, #CD6875 100%);
	color: #FFF;
}

.title_gra_red a{
text-decoration:none;
color:#FFFFFF;
}

.title_gra_red a:hover{
text-decoration:underline;
}

.atokakou_frame_dotted{
margin:20px;
padding:20px;
border:2px #CCCCCC dotted;
}

/* ---------------------------------
緊急メッセージ
------------------------------------ */

.emergency_message_title{
background-color:#FFFF00;
border:2px #000000 solid;
padding:10px;
margin:10px 0 0 0;
font-size:18px;
font-weight:bold;
text-align:center;
}

.emergency_message_body{
border-right:#000000 solid 2px;
border-bottom:#000000 solid 2px;
border-left:#000000 solid 2px;
padding:20px;
margin:0 0 10px 0;
}

/* ---------------------------------
一括表示フッター固定
------------------------------------ */
@media only screen and (max-width : 767px) {
.footerFloatingMenu {
    display: block;
    width: 100%;
    position: fixed;
    left: 0px;
    bottom: 2px;
    z-index: 9999;
    text-align: center;
    padding: 0 auto;
}
}

/* ---------------------------------
ご利用ガイド
------------------------------------ */
.goriyo_guide h3{
margin-top:60px;
}

.goriyo_guide h4{
margin-top:40px;
padding:10px;
color:#666666;
font-size:20px;
font-weight:bold;
border-left:4px #2385C7 solid;
background-color:#E8E8E8;
}

.goriyo_guide h5{
margin:40px 0 0 0;
padding:10px 10px 10px 0;
border-bottom:4px #CCCCCC solid;
color:#666666;
font-size:18px;
font-weight:bold;
}

.goriyo_guide p{
margin:30px 0 0 0;
line-height:150%;
}

.goriyo_guide ul{
/*margin:30px 0 0 -20px;
line-height:150%;*/
}

.goriyo_guide li{
margin:0 0 10px;
}

.goriyo_guide td{
vertical-align:middle;
}

.goriyo_guide_menu li{
/*margin:0 0 0 -20px;
list-style:none;*/
}
/* ---------------------------------
登録情報変更
------------------------------------ */
customer_ col1_ .customer_box{
}
customer_ col1_ .customer_box .form-group{
margin:20px;
}

/* ---------------------------------
リストをアスタリスク※にする
------------------------------------ */
ul.asterisk li {
  list-style-type: none;
  text-indent: -1em;
}
ul.asterisk li:before {
  display: inline;
  content: "※";
}

.atokakou_subtitle_green{
padding:10px 0 10px 10px;
margin:30px 0 0 0;
color:#000000;
border-left:#5CB85C 5px solid;
background-color:#e8ffe8;
text-align:left;
font-size:18px;
font-weight:bold;
}
/*style-sugaここまで*/

/* ---------------------------------
共通
------------------------------------ */
.sidebar-nav-fixed {
    position: fixed;
    max-width: 237px;
}
.sidebar-nav-fixed {
    position: fixed;
    width: 237px;
}

.sidebar-nav-fixed {
/*position: static; 
top: auto;
max-width: 237px;*/
}

@media (max-width: 767px) {
.sidebar-nav-fixed {
position:static;
max-width: 100%;
}
}

@media only screen and (max-width : 767px) {
.sidebar-nav-fixed {
position: static;
width: auto;
}
}

.btn-block {
white-space: normal;
}

/* ---------------------------------
パンくず
------------------------------------ */
.estimate > .panel-heading {
    padding: 0;
}
#breadcrumbs {
    margin-top: 0;
}
#breadcrumbs-one p{
    padding: .7em 1em .87em 2em;
    margin: 0;
    float: left;
    text-decoration: none;
    color: #444;
    position: relative;
    text-shadow: 0 1px 0 rgba(255,255,255,.5);
    background-color: #ddd!important;
    background-image: linear-gradient(to right, #f5f5f5, #ddd)!important;
}
#breadcrumbs-one li:first-child p{
    padding-left: 1em;
    border-radius: 5px 0 0 5px;
}
#breadcrumbs-one p::after,
#breadcrumbs-one p::before{
    content: "";
    position: absolute;
    top: 50%;
    margin-top: -1.5em;
    border-top: 1.5em solid transparent;
    border-bottom: 1.5em solid transparent;
    border-left: 1em solid;
    right: -1em;
}
#breadcrumbs-one p::after{
    z-index: 2;
    border-left-color: #ddd;
}
#breadcrumbs-one p::before{
    border-left-color: #ccc;
    right: -1.1em;
    z-index: 1;
}
#breadcrumbs-one .current,
#breadcrumbs-one .current:hover{
    font-weight: bold;
    background: none;
}
#breadcrumbs-one .current::after,
#breadcrumbs-one .current::before{
    content: normal;
}
#breadcrumbs-one span {
    padding: .7em 1em .87em 2em;
    float: left;
    text-decoration: none;
    color: #444;
    position: relative;
    text-shadow: 0 1px 0 rgba(255,255,255,.5);
    background-color: #ddd!important;
    background: #fff!important;
}
#breadcrumbs-one li:first-child span{
    padding-left: 1em;
    border-radius: 5px 0 0 5px;
}
#breadcrumbs-one span::after,
#breadcrumbs-one span::before{
    content: "";
    position: absolute;
    top: 50%;
    margin-top: -1.5em;
    border-top: 1.5em solid transparent;
    border-bottom: 1.5em solid transparent;
    border-left: 1em solid;
    right: -1em;
}
#breadcrumbs-one span::after{
    z-index: 2;
    border-left-color: #fff;
}
#breadcrumbs-one span::before{
    border-left-color: #ccc;
    right: -1.1em;
    z-index: 1;
}
/* ---------------------------------
季節のギフト
------------------------------------ */
#seasonGift .h3 {
  position: relative;
  line-height: 1.6em;
  color: #6ad1c8;
  font-weight: bold;
}
#seasonGift .h3:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 7px;
  background: -webkit-repeating-linear-gradient(-45deg, #6ad1c8, #6ad1c8 2px, #fff 2px, #fff 4px);
  background: repeating-linear-gradient(-45deg, #6ad1c8, #6ad1c8 2px, #fff 2px, #fff 4px);
}

#seasonGift .h3-2 {
	position: relative;
	padding: 0.6rem 0;
	border-bottom: 3px solid #3374ac;
	color: #3374ac;
	margin-bottom: 16px;
	font-size: 1.6em;
}
#seasonGift .h3-2:before, #seasonGift .h3-2:after {
	position: absolute;
	content: '';
	left: 1em;
	width: 0;
	height: 0;
	border-width: 14px 12px 0;
	border-style: solid;
}
#seasonGift .h3-2:before {	
	bottom: -14px;    
	border-color: #3374ac transparent transparent;
}
#seasonGift .h3-2:after {
	bottom: -10px;
	border-color: #fff transparent transparent;
}

#seasonGift h4 {
    padding-bottom: .5em;
    border-bottom: 1px solid #414d99;
    color: #414d99;
    margin-top: 30px;
    font-weight: bold;
    font-size: 21px;
}
#seasonGift .midashi {
border-bottom:solid 1px #ccc;
}
#seasonGift hr {
    border-top: 3px solid #eee;
}
#seasonGift .itemList img {
    margin-bottom: 10px;
}
#seasonGift .itemListB p {
    text-align: left;
    padding: 10px;
    font-size: .9em;
    background-color: #efefef;
}
#seasonGift .number01 {
	margin: 5px 0;
}
#seasonGift .number01 a{
	background-color: #807869;
	display: block;
	color: #FFFFFF;
	font-weight: bold;
	padding:5px;
}
#seasonGift .number01 a:hover{
	color: #FFFFFF;
	opacity:0.8;
	text-decoration:underline;
}
#seasonGift .title_vcenter {
    font-weight: normal;
}
#seasonGift .item_list2 {
    text-align: center;
    background-color: #fff;
    font-size: 1em;
    margin-top: 10px;
    padding-bottom: 10px;
    padding-top: 10px;
    box-sizing: border-box;
    word-break: break-word;
}

#seasonGift .gallery {
  margin: 0 0 60px 0;
}
#seasonGift .gallery dt {
  text-align: center;
  margin: 0 0 15px 0;
}
#seasonGift .gallery dd ul {
  text-align: center;
  display: table;
}
#seasonGift .gallery dd ul li {
  display: table-cell;
  width: 25%;
  padding: 0 5px;
}
#seasonGift .box {
  max-width: 400px;          /* 横幅を固定して */
  display: inline-block; /* インラインブロック化 */
  vertical-align: top;   /* 上端を揃える */
}
.kakko {
  position: relative;
  line-height: 1.4;
  padding:0.25em 1em;
  display: inline-block;
}

.kakko:before, .kakko:after { 
  content:'';
  width: 20px;
  height: 30px;
  position: absolute;
  display: inline-block;
}

.kakko:before {
  border-left: solid 1px #666;
  border-top: solid 1px #666;
  top:0;
  left: 0;
}

.kakko:after {
  border-right: solid 1px #666;
  border-bottom: solid 1px #666;
  bottom:0;
  right: 0;
}
/* ---------------------------------
nextボタン枠
------------------------------------ */
.estimate_atention {
    font-size: .8em;
    color: #FF0000;
}
/* ---------------------------------
パスワード変更
------------------------------------ */
#passchange .panel {
    margin: 1em auto 2em auto;
    background-color: #EAEAEA;
}
#passchange table {
    margin:0 auto;
}
#passchange td {
    padding: 1.2em 0 0 1em;
}
/* ---------------------------------
プライバシーポリシー
------------------------------------ */
#overseas ol{
  padding:0 0 0 2em;
  margin:0;
}
 
#overseas ol li{
  list-style-type:none;
  list-style-position:inside;
  counter-increment: cnt;
}
#overseas ol li:before{
  display: marker;
  content: "(" counter(cnt) ") ";
}
/* ---------------------------------
冠婚葬祭
------------------------------------ */
#kankon .tbl-m01 {
    border-collapse: separate;
    border-spacing: 5px;
}
#kankon li{
    margin-left: -2em;
}
#kankon th{
    background-color: #eaeaea;
}
#kankon .box {
    margin-bottom: 5em;
}
#kankon .nosi, #kankon .keiji, #kankon .tyoji, #kankon .sinmotu,  #kankon .sosina{
	position:relative;
	line-height:1.5em;
	padding-left:2.5em;
}
#kankon .nosi:before, #kankon .keiji:before, #kankon .tyoji:before, #kankon .sinmotu:before, #kankon .sosina:before{
	position: absolute;
	left: .5em;
	content: "";
	display: inline-block;
	width: 1.5em;
	height: 1.5em;
	background-size: contain;
}
#kankon .nosi:before {
	background: url(/images/icon/kankon-nosi.gif) no-repeat;
}
#kankon .keiji:before {
	background: url(/images/icon/kankon-iwai.gif) no-repeat;
}
#kankon .tyoji:before {
	background: url(/images/icon/kankon-butu.gif) no-repeat;
}
#kankon .sinmotu:before {
	background: url(/images/icon/kankon-sinmotu.gif) no-repeat;
}
#kankon .sosina:before {
	background: url(/images/icon/kankon-sosina.gif) no-repeat;
}
/* ---------------------------------
メルマガバックナンバー
------------------------------------ */
.mailBn-list, .mailBn-list01 {
	border: solid 1px #ccc;
	background-color:#fff;
	padding: -3px;
	margin-bottom: 12px;
	font-size: 12px;
	margin: 2px;
}
.mailBn-list .no a,.mailBn-list01 .no a {
    color: #FFF;
    font-size: 13px;
    background-color: #666;
    margin-bottom: 2px;
    display: block;
}
.mailBn-list .btn,.mailBn-list01 .btn {
	display:block;
	background-image:initial;
	background-position:initial;background-size:initial;
	background-repeat:initial;
	background-origin:initial;
	background-clip:initial;
	background-color:rgb(130,100,158);
	margin:2px auto 6px;
	color:rgb(255,255,255);
	text-align:center;
	text-decoration:none;border-radius:5px;
	padding:8px 0px;
	font-size:10px;
	font-weight:bold;
}

/* ---------------------------------
特集コンテンツバックナンバー
------------------------------------ */
.feature .topic{
text-align:center;
border:none!important;
box-shadow:none!important;
}


/* ---------------------------------
カテゴリ画像スライド
------------------------------------ */
    @media(min-width: 992px){
      .swiper-wrapper{
        flex-wrap:wrap;
      }
      .swiper-slide{
        width: 33.3%;
      }
      .swiper-button-prev,.swiper-button-next,.swiper-pagination{
        display: none;
      }
    }
/*==================================================
Bootstrap 3 メディア・クエリ
==================================================*/
/* カスタム, iPhone Retinaディスプレイ */ 
@media only screen and (min-width : 319px) {
.visible-xss {
    display:none;
}
.mailBn-list {
	/*width: 180px;*/
}
}

/* XSサイズ : Extra Small Devices, Phones */ 
@media only screen and (max-width : 320px) {
#breadcrumbs {
    display:none;
}
.hidden-xss {
    display:none;
}
.item-mark img{
width: 14.7%;
}
}

/* タブレットサイズ以下 */ 
@media only screen and (max-width : 767px) {
.mailBn-list01 {
	width: 40%;
}
}


/* Sサイズ、タブレット : Small Devices, Tablets */
@media only screen and (min-width : 768px) {
.mailBn-list {
	width: 230px;
}
.mailBn-list01 {
	width: 20%;
}
}

/* Mサイズ、デスクトップ : Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
.td-block{
    display: block;
    border-bottom: none;
    padding: 1em;
}
}
	
/* Lサイズ、ワイドスクリーン : Large Devices, Wide Screens */ 	/* Lサイズ、ワイドスクリーン : Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) { 
}


.error_{
color:#990000;
font-size:1.2em;
}
.error_box{
    background-color: #fcf8e3!important;
    border: 1px solid #EEDB6C!important;
}
.check_error{
color:#990000;
font-weight:bold;
font-size:1.2em;
}

.blink {
	-webkit-animation: blink 1s ease infinite;
	animation: blink 1s ease infinite;
}
@-webkit-keyframes blink {
	0% {opacity: 0;}
	100% {opacity: 1;}
}
@keyframes blink {
	0% {opacity: 0;}
	100% {opacity: 1;}
}

/*==================================================
メルマガ用メディア・クエリ
==================================================*/
@media only screen and (max-width: 480px) {
	.pc { display:none; }
	.sp { display:inline; }
}
@media only screen and (min-width: 481px) {
	.pc { display:inline; }
	.sp { display:none; }
}

/* ----------------------------------------
納品先を探すのデザイン（選択ボタンと下線）
------------------------------------------- */
#searchshipping .form-group #searchdest a::before {
    color:#fff;
    background-color: #337ab7;
    border-color: #2e6da4;
    border-radius:4px;
    content: "選択";
    font-size: 13px;
    padding: 4px;
}
#searchshipping .form-group #searchdest a {
    border-bottom: 1px dotted #CCC;
    padding: 5px 20px 5px 10px;
    margin-top: 10px;
    float: left;
    width: 100%;
}
/*TOP特集more 2020/11/20------------------------------*/

a.btn_more {
	position: relative;
	display: block;
	width: 280px;
	background: #fff;
	color: #337ab7;
	font-weight: bold;
	text-decoration: none;
	line-height: 40px;
	margin: 20px auto;
	border-radius: 6px;
	box-sizing: border-box;
	border: 1px solid #337ab7;
	font-size: 12px;
	text-align: center;
}
a.btn_more::before {
	right: 5px;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(136, 183, 213, 0);
	border-left-color: #337ab7;
	border-width: 6px;
	margin-top: -6px;
	transform: scale(1, 0.65);
}


/*//top特集more 2020/11/20------------------------------*/
/*top梱包箱 2023/02/22------------------------------*/
.btn_ymt{
text-align: center;
cursor: pointer;/*ホバー時にカーソルの形状をポインターに*/
border: 2px solid #CCC;
border-radius: 4px;
margin: 4px 2.5px;
padding: 4px;
background-color: #FFF;
border: 4px solid #FCCF00;
}
.btn_ymt a {
color: #333;
}
.btn_ymt h3{
font-family: 'Noto Sans CJK JP Medium', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
font-size: 1.3em;
font-weight: bold;
color: #000;
}
.btn_post {
text-align: center;
cursor: pointer;/*ホバー時にカーソルの形状をポインターに*/
border: 2px solid #CCC;
border-radius: 4px;
margin: 4px 2.5px;
padding: 4px;
background-color: #FFF;
border: 4px solid #CC0000;
}
.btn_post a {
color: #333;
}
.btn_post h3{
font-family: "游ゴシック体",YuGothic,"游ゴシック","Yu Gothic",sans-serif;
font-size: 1.3em;
font-weight: bold;
color: #CC0000;
}
/*//top梱包箱 2023/02/22-------------------------*/
/*20210201PCレフトメニュー-------------------------*/
.left-cat {
  width: 100%;
  margin: 0;
  padding: 0;
}
.left-cat ul{
  margin: 0;
  padding: 0;
}
.left-cat li {
  position: relative;
  height: 50px;
  list-style-type:none;
 line-height: 2.8;
  z-index: 10000;
background-image:none;

}
.left-cat > li {
  border-bottom: none;
}
.left-cat li:last-child {
  /*border-bottom: none;*/
}
.left-cat li:hover > ul > li {
  border-bottom: none;
  z-index:3;
}
.left-cat li > ul > li:last-child {
  border-bottom: none;
}
.left-cat li a {
  display: block;
  height: 50px;
padding: 5px 5px 10px 5px;
border-bottom: 1px solid #eee;
background-image:none;
}
.left-cat > li:hover > a {/*layer-1*/
  color: #333;
  background: #efefef;
  transition: 0.5s;
}
.left-cat > li li:hover > a {/*layer-2*/
  color: olive;
  background: #efefef;
}
.left-cat li:hover > ul > li {
  overflow: visible;
  top: -50px;
  left: 270px;
  height: 50px;
}
.left-cat li ul li {
  overflow: hidden;
  height: 0;
  left: 270px;
  list-style: none;
  transition: 0.2s;
border:none;
}
.left-cat li ul li a {
  background: #eeeeef;
opacity:1.0;
font-size:1.1em;
border-top:1px solid #ccc;
border-bottom:1px solid #ccc;
 height: 50px;
}
.left-cat li ul li a:hover{
  background: #ddd;
border-top:1px solid #fff;
border-bottom:1px solid #fff;
opacity:1.0;
color:#000;
}

.left-cat li:hover ul li ul li:hover > a {/*layer-3*/
  color: pink;
  background: #afc6e2;
}

/*ページ内リンクを少し上に*/
.anchor {
    display: block;
    padding-top: 70px;
    margin-top: -70px;
}
/*ご利用ガイド　リストメニュー20210730 goto*/
ul.cp_list {
	padding:0.5em;
	list-style-type:none;
}
ul.cp_list li {
	position:relative;
	padding: 0em 0.3em 0em 1.3em;
}
ul.cp_list li::before,ul.cp_list li::after {
	position: absolute;
	content: '';
	display: inline-block;
}
ul.cp_list li::after {
	top: .35em;
	left: 0em;
	width: 14px;
	height: 14px;
	background-color: #2385C7;
	border-radius: 100%;
}
ul.cp_list li::before {
	z-index: 2;
	top: 0.65em;
	left: 0.3em;
	width: 5px;
	height: 5px;
	border-right: 2px solid #fff;
	border-bottom: 2px solid #fff;
	transform: rotate(-45deg);
}
/*トップページインスタグラム動画サムネイル正方形表示*/
.square_image {
  display: block;
  position: relative;
}
 
.square_image::before {
  content: "";
  display: block;
  padding-top: 100%;
}
 
.square_image img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  object-fit: cover;
}
/*style-takakura*/
.title_gra_pink {
	padding: .5em .75em;
	background: -webkit-linear-gradient(top, #ED99C1 0%, #E6487B 100%);
	background: linear-gradient(to bottom, #ED99C1  0%, #E6487B 100%);
	color: #fff;
	margin-top: -1px;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, .3);
}
.title_gra_gray {
	padding: .5em .75em;
	background: -webkit-linear-gradient(top, #DCDCDC 0%, #BCBCBC 100%);
	background: linear-gradient(to bottom, #DCDCDC 0%, #BCBCBC 100%);
	color: #fff;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, .3);
}
#webcata_ip dl {
	padding: 20px;
}
.row-eq-height {
	display: flex;
	flex-wrap: wrap;
}
.yellow {
	color: #e98b2a;
}
.kome li { 
	list-style:none;
}
.kome li:before {
	content:"※"
}
.mainframe_ h1 {
	position: relative;
	padding-top: .4em;
	border-top: 2px solid #CCC;
	font-size: 1.6em;
}
.mainframe_ h1::after {
	position: absolute;
	top: -2px;
	left: 0;
	z-index: 2;
	content: '';
	width: 20%;
	height: 2px;
	background-color: #666!important;
}
.mainframe_ .btn {
white-space: normal;
}
.alt-table-responsive {
    width: 100%;
    overflow-y: hidden;
    overflow-x: auto;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    -webkit-overflow-scrolling: touch;
}
.bg-yellow {
    background-color: #f7e6a0;
}
/* ---------------------------------
Web版ヘルプ
------------------------------------ */
#guide_web ol .waku:before {
    counter-increment:sample;
    content:counter(sample) "";
    color: #337ab7;
    font-weight: bold;
    border: 1px #2581C4 solid;
    width: 2em;
    display: block;
    float: left;
    text-align: center;
    vertical-align: middle;
    margin: 0 .3em 1.3em 0;
    /*line-height: .2em;*/
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}
#guide_web {
    counter-reset:sample;
}
/* ---------------------------------
袋の材質
------------------------------------ */
#hp_function .label {
    font-weight: 400;
}
/* ---------------------------------
登録商標
------------------------------------ */
#trademark th{
  background-color: #0066CC;
  color: #FFF;
  padding: 5px;
  font-weight: bold;
  size: .8em;
}
#trademark .bunrui th{
  background-color: #d9edf7;
  color: #333;
  padding: 5px;
  size: .8em;
}
/* ---------------------------------
営業日カレンダー
------------------------------------ */
#business_calendar th{
  background-color: #0066CC;
  color: #FFF;
  padding: 5px;
  font-weight: bold;
}
#business_calendar .week_red {
    color: #FF0000;
}
#business_calendar .yasumi {
    background-color: #FFCCCC;
    color: #D90000;
    font-weight: bold;
    font-size: 12px;
}
/* ---------------------------------
プライバシーポリシー
------------------------------------ */
#privacy ol{
  padding:0 0 0 2em;
  margin:0;
}
 
#privacy ol li{
  list-style-type:none;
  list-style-position:inside;
  counter-increment: cnt;
}
#privacy ol li:before{
  display: marker;
  content: "(" counter(cnt) ") ";
}
/* ---------------------------------
利用規約
------------------------------------ */
#kiyaku ul {
  list-style-type: decimal;
}
#kiyaku2 ul {
  list-style-type: none;
}
/* ---------------------------------
会社概要
------------------------------------ */
#sidebar h3 {
    font-size: 1.6em;
}
#corporate,#kiyaku,#privacy {
line-height: 1.8em;
}
#corporate h3,#kiyaku h3,#privacy h3{
	color: #414d99;
}
#corporate h4 {
	padding-bottom: .5em;
	border-bottom: 1px solid #414d99;
	color: #414d99;
	margin-top: 30px;
	font-weight: bold;
}
#corporate .fl5:first-letter {
	margin-right: .1em;
	font-size: 1.5em;
}
#corporate .box {
	margin-top: 50px;
}
#corporate .box02 {
	margin-bottom: 50px;
}
#corporate .box h3 {
	position: relative;
	padding: .3em;
	background: -moz-linear-gradient(left,  rgba(157,188,255,0.74) 0%, rgba(177,202,255,0.3) 60%, rgba(177,202,255,0.18) 76%, rgba(177,202,255,0.08) 90%, rgba(195,213,255,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  rgba(157,188,255,0.74) 0%,rgba(177,202,255,0.3) 60%,rgba(177,202,255,0.18) 76%,rgba(177,202,255,0.08) 90%,rgba(195,213,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  rgba(157,188,255,0.74) 0%,rgba(177,202,255,0.3) 60%,rgba(177,202,255,0.18) 76%,rgba(177,202,255,0.08) 90%,rgba(195,213,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bd9dbcff', endColorstr='#00c3d5ff',GradientType=1 ); /* IE6-9 */
/* display: inline-block; */
}
#corporate .something td{
	padding: .3em;
}
.maru-tit {
	width: 230px;
	height: 230px;
	background-color: #E8EFFF;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	padding: .4em;
	margin: auto 1em;
}
.maru-tex {
	padding-top:30px;
}
.maru-tit h2,
.maru-tit p {
	text-align: center;
	color: #333;
	line-height: 1.5;
	margin: 0;
}
.maru-tit h2 {
	font-size: 1.2em;
	font-weight: bold;
}
.maru-tit p {
	font-size: 1em;
	margin-top: .4em;
}
.ggmap {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}
 
.ggmap iframe,
.ggmap object,
.ggmap embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.va-top {
    vertical-align: top;
}
/* ------------
会社案内のナビ
------------ */
#corporate .navbar {
    margin-top: 20px;
}
#corporate .navbar-default .navbar-brand {
    color: #414d99;
}
#corporate .navbar .nav li a {
    font-weight: bold;
    text-align: center;
    border-left: 1px solid rgba(255, 255, 255, .75);
    border-right: 1px solid rgba(0, 0, 0, .1);
}
#corporate .navbar .nav li:last-child a {
    border-right: 0;
    border-radius: 0 3px 3px 0;
}
/* ------------------------------
以下キリトリ---8<---
------------------------------------ */
/* ---------------------------------
パスワード変更
------------------------------------ */
#passchange .panel {
    margin: 1em auto 2em auto;
    background-color: #EAEAEA;
}
#passchange table {
    margin:0 auto;
}
#passchange td {
    padding: 1.2em 0 0 1em;
}
/* ---------------------------------
パスワード問合せ
------------------------------------ */
#askpass .panel {
    margin: 1em auto 2em auto;
    background-color: #EAEAEA;
}
#askpass table {
    margin:0 auto;
}
#askpass td {
    padding: 1.2em 0 0 1em;
}

/* ---------------------------------
ログイン画面
------------------------------------ */
#method .panel{
    padding: 1em;
}
#method h3{
	padding-bottom: .2em;
	border-bottom: 3px double #ccc;
    margin : .2em;
    font-size: 1.4em;
    font-family: "DFP平成丸ゴシック体W4", "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", "メイリオ", "Lucida Grande", Verdana, "ＭＳ Ｐゴシック", sans-serif;
}

#method sub {
	display: block;
	margin-bottom: .2em;
	color: #aaa;
	font-size: .9em;
}
#method h4 {
	position: relative;
	text-align: center;
	margin-top: 2em;
}
#method h4 span {
	position: relative;
	z-index: 2;
	display: inline-block;
	margin: 0 4em;
	padding: 0 1em;
	background-color: #fff;
	text-align: left;
}
#method h4::before {
	position: absolute;
	top: 50%;
	z-index: 1;
	content: '';
	display: block;
	width: 100%;
	height: 1px;
	background: #ccc;
	background: -webkit-linear-gradient(-45deg, transparent, #ccc 10%, #ccc 90%, transparent);
	background: linear-gradient(-45deg, transparent, #ccc 10%, #ccc 90%, transparent);
}
#method .form-horizontal .control-label {
    padding-top: 7px;
    margin-bottom: 0;
    text-align: left;
}
#method ul {
    margin-left: -40px;
    list-style: none;
}
/* ---------------------------------
特記事項
------------------------------------ */
#particularnote .panel{
    padding: 1em;
    margin-bottom: 1em;
}
#particularnote h3{
    margin : .2em;
    font-size: 1.4em;
    font-family: "DFP平成丸ゴシック体W4", "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", "メイリオ", "Lucida Grande", Verdana, "ＭＳ Ｐゴシック", sans-serif;
}
/* ---------------------------------
注文完了
------------------------------------ */
#order .panel{
    padding: 1em;
}
.mrg-b300{
    margin-bottom: 300px;
}
/* ---------------------------------
カートの中身
------------------------------------ */
.mrg-b1000{
    margin-bottom: 1000px;
}

div.cartItemListHead {
    font-size: .8em;
    padding: 15px 0;
    border-bottom: 1px solid #EAEAEA;
}
div.cartItemBlock {
    font-size: .8em;
    padding: 15px 0;
    border-bottom: 1px solid #EAEAEA;
}
div.breakdown {
    margin-bottom: 30px;
}

#breadcrumbs ul{
    font-size: .8em;
    margin: 0;
    padding: 0;
    list-style: none;
}
#breadcrumbs2 ul{
    font-size: .8em;
    margin: 0;
    padding: 0;
    list-style: none;
    max-width: 237px;
}
#breadcrumbs-one{
    background: #eee!important;
    border-width: 1px;
    border-style: solid;
    border-color: #f5f5f5 #e5e5e5 #ccc;
    border-radius: 5px;
    box-shadow: 0 0 2px rgba(0,0,0,.2);
    overflow: hidden;
    width: 100%;
}
#breadcrumbs-one li{
    float: left;
}
#breadcrumbs-one a{
    padding: .7em 1em .87em 2em;
    float: left;
    text-decoration: none;
    color: #444;
    position: relative;
    text-shadow: 0 1px 0 rgba(255,255,255,.5);
    background-color: #ddd!important;
    background-image: linear-gradient(to right, #f5f5f5, #ddd)!important;
}
#breadcrumbs-one li:first-child a{
    padding-left: 1em;
    border-radius: 5px 0 0 5px;
}
#breadcrumbs-one a:hover{
    background: #fff!important;
}
#breadcrumbs-one a::after,
#breadcrumbs-one a::before{
    content: "";
    position: absolute;
    top: 50%;
    margin-top: -1.5em;
    border-top: 1.5em solid transparent;
    border-bottom: 1.5em solid transparent;
    border-left: 1em solid;
    right: -1em;
}
#breadcrumbs-one a::after{
    z-index: 2;
    border-left-color: #ddd;
}
#breadcrumbs-one a::before{
    border-left-color: #ccc;
    right: -1.1em;
    z-index: 1;
}
#breadcrumbs-one a:hover::after{
    border-left-color: #fff;
}
#breadcrumbs-one .current,
#breadcrumbs-one .current:hover{
    font-weight: bold;
    background: none;
}
#breadcrumbs-one .current::after,
#breadcrumbs-one .current::before{
    content: normal;
}
/*style-takakuraここまで*/

/*人気ワード自動挿入20230526_g*/

._keywordranking ._label {
    display: none;
}
._rank {
    display: none;
}
._word a:before {
    content: "#";
}
._word {
    float: left;
margin-right: 10px;
}

._keywords {
    clear: both;
}

/*//人気ワード自動挿入20230526_g*/