@charset "utf-8";
/*--京sp_base.css--*/
@media screen and (max-width: 768px) {
/* 768px以下用の記述 */
	
	/*bootstrapの調整*/
	.visible-xs-block,
	.visible-xs-inline,
	.visible-xs-inline-block{
		display:none !important;
	}
	
	.visible-sm-block,
	.visible-md-block,
	.visible-lg-block{
		display:block !important;
	}
	
	.visible-sm-inline,
	.visible-md-inline,
	.visible-lg-inline{
		display:inline !important;
	}
	
	.visible-sm-inline-block,
	.visible-md-inline-block,
	.visible-lg-inline-block{
		display:inline-block !important;
	}
}

@media screen and (max-width: 479px) {
/* 479px以下用（スマートフォン用）の記述 */
	/*bootstrapの調整*/
	.visible-xs-block{
		display:block !important;
	}
	
	.visible-xs-inline{
		display:inline !important;
	}
	
	.visible-xs-inline-block{
		display:inline-block !important;
	}
	
	.visible-sm-block,
	.visible-md-block,
	.visible-lg-block,
	.visible-sm-inline,
	.visible-md-inline,
	.visible-lg-inline,
	.visible-sm-inline-block,
	.visible-md-inline-block,
	.visible-lg-inline-block{
		display:none !important;
	}

body{
	width:auto;
	min-width:initial;
	min-width:auto;
	font-size: 14px;
	line-height: inherit;
}

/*SP版ではborder-boxではborder-boxへ*/
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
*:before,
*:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

a {
	color: #1d3994;
}
i {font-style:oblique;}


/*スマホ用ドロワーメニュー*/
/*ボタン*/
#mobile_nav_button {
	text-align: center;
	position: fixed;
	top: 0;
	right: 5px;
	z-index: 9999;
}

/*メニュー開時は非表示*/
.sb-active #mobile_nav_button {
	display: none !important;
}

	#mobile_nav_button .mnb_inner {
		width: 50px;
		height: 50px;
		padding-top: 5px;
		display: block;
		color: #fff;
		text-decoration: none;
		background: #4b6ed2;
		position:relative;
		box-shadow:2px 0 0 0 rgba(0,0,0,0.3);
	}
	
	#mobile_nav_button .mnb_inner .mnb_icon {
		display: block;
		font-size: 1.6em;
		line-height:1em;
		text-shadow:1px 1px 0 rgba(0,0,0,0.3);
	}
	
	#mobile_nav_button .mnb_inner .mnb_txt {
		display: block;
		font-size: 0.8em;
		line-height:1em;
		padding-bottom:10px;
		position:relative;
		z-index:0;
	}
	
		#mobile_nav_button .mnb_inner .mnb_txt_inner{
			display:block;
		}

	
/*メニュー*/
#mobile_nav{}

	#mobile_nav_inner {
		background: #fff;
		padding-top: 5px;
	}
	
	/*メニューを閉じる*/
	.close_menu{
		text-align:center;
		margin-bottom:10px;
	}
	
		.close_menu_btn{
			display:inline-block;
			border-radius:4px;
			-moz-border-radius:4px;
			-webkit-border-radius:4px;
			background:#ddd;
			color:#000;
			padding:0 10px;
		}
	
	#mobile_nav_inner > ul{}
	
	ul.spg_nav {
		clear: both;
		border-top: 1px solid #eee;
	}
	
	ul.spg_nav > li {
		border-bottom: 1px solid #eee;
	}
	ul.spg_nav > li > .ttl {
		color: #222;
		display: block;
		padding: 8px;
		font-weight: bold;
	}
	ul.spg_nav > li > a {
		color: #222;
		display: block;
		padding: 8px;
		text-decoration: none;
		font-weight: bold;
	}
	ul.spg_nav > li > a:before {
		color: #fb6475;
		font-family: FontAwesome;
		content: "\f111";
		margin-right: 5px;
		margin-left: 3px;
	}
	
	ul.spg_nav > li.home > a:before {
		font-family: 'Glyphicons Halflings';
		content: "\e021";
		margin-right: 5px;
	}
	
		ul.spg_nav > li > ul {
			margin: 0 10px 10px 28px;
		}
		ul.spg_nav > li > ul > li {
			margin-bottom: 0.2em;
		}
		ul.spg_nav > li > ul > li:last-child {
			margin-bottom: 0;
		}
		ul.spg_nav > li > ul > li a {
			color: #333;
		}
		ul.spg_nav > li > ul > li::before {
			content: "";
			background: #999;
			width: 8px;
			height: 8px;
			margin-right: 5px;
			display: inline-block;
			border-radius: 8px;
			position: relative;
			top: -2px;
		}
		
	/*slidebars.cssの調整*/
	#sb-site {
		box-shadow: 5px 0 10px -1px rgba(0,0,0,0.2);
	}
	
	.sb-slidebar {
		background: #fff;
	}
	
/*スムーススクロールページトップ*/
#page_top {
	bottom: 10px;
	right: 10px;
}


/*#########header###########*/
#header {
	padding: 10px;
	overflow: hidden;
	height:auto;
	background: url(/shared/bg_header_sp.gif) repeat-x #00be82;
}

	#header_inner{
		width:100%;
		height:auto;
		margin:0;
		overflow:hidden;
		position:relative;
	}
	
	#header_inner #site_ttl{
		width:45%;
		height:auto;
		padding:0;
	}
	
	#header_inner #g_nav_etc_wrapper{
		width:50%;
		padding:0;
		position:absolute;
		bottom:0;
		right:0;
	}
	
		#header_inner #g_nav_etc_wrapper #tel_mypage_cart_wrapper{
			width:auto;
			padding:0;
			height:auto;
		}
		
		#header_inner #g_nav_etc_wrapper #h_credit{
			width:70%;
			height:auto;
			margin-bottom:10px;
			margin-left:0;
		}
		
		#header_inner #g_nav_etc_wrapper #h_tel{
			width:auto;
			height:auto;
		}
		
		#header_inner #g_nav_etc_wrapper #h_tel > img.img-responsive{
			display:none;
		}
		
		#header_inner #g_nav_etc_wrapper #h_tel a{
			display:block;
		}

		
	#h_mypage_cart_sp{
		clear:both;
		background:#fff;
		padding:5px 0;
		overflow:hidden;
	}
	
		#h_mypage_cart_sp ul{}
		
		#h_mypage_cart_sp ul li{
			width:50%;
			padding:0 5px;
		}
		
		#h_mypage_cart_sp ul li.btn_mypage{
			float:left;
		}
		
		#h_mypage_cart_sp ul li.btn_cart{
			float:right;
		}
		
		#h_mypage_cart_sp ul li a{
			display:block;
			text-align:center;
			border-radius:5px;
			color:#fff;
			font-weight:bold;
			font-size:1.1em;
			padding:8px 0;
		}
		
		#h_mypage_cart_sp ul li.btn_mypage a{
			background: rgba(50,120,225,1);
			background: -moz-linear-gradient(top, rgba(50,120,225,1) 0%, rgba(8,92,219,1) 100%);
			background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(50,120,225,1)), color-stop(100%, rgba(8,92,219,1)));
			background: -webkit-linear-gradient(top, rgba(50,120,225,1) 0%, rgba(8,92,219,1) 100%);
			background: -o-linear-gradient(top, rgba(50,120,225,1) 0%, rgba(8,92,219,1) 100%);
			background: -ms-linear-gradient(top, rgba(50,120,225,1) 0%, rgba(8,92,219,1) 100%);
			background: linear-gradient(to bottom, rgba(50,120,225,1) 0%, rgba(8,92,219,1) 100%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3278e1', endColorstr='#085cdb', GradientType=0 );
		}
		
		#h_mypage_cart_sp ul li.btn_mypage a:before{
			font-family: FontAwesome;
			content:"\f007";
			margin-right:5px;
		}
		
		#h_mypage_cart_sp ul li.btn_cart a{
			background: rgba(255,149,100,1);
			background: -moz-linear-gradient(top, rgba(255,149,100,1) 0%, rgba(255,129,68,1) 100%);
			background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,149,100,1)), color-stop(100%, rgba(255,129,68,1)));
			background: -webkit-linear-gradient(top, rgba(255,149,100,1) 0%, rgba(255,129,68,1) 100%);
			background: -o-linear-gradient(top, rgba(255,149,100,1) 0%, rgba(255,129,68,1) 100%);
			background: -ms-linear-gradient(top, rgba(255,149,100,1) 0%, rgba(255,129,68,1) 100%);
			background: linear-gradient(to bottom, rgba(255,149,100,1) 0%, rgba(255,129,68,1) 100%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9564', endColorstr='#ff8144', GradientType=0 );
		}
		
		#h_mypage_cart_sp ul li.btn_cart a:before{
			font-family: FontAwesome;
			content:"\f07a";
			margin-right:5px;
		}
		
		#goto_login_sp{
			padding:5px;
		}
		
			#goto_login_sp a{
				display:block;
				border:2px solid #00be82;
				background:#f4f4a8;
				padding:8px 0;
				color:#008f70;
				font-weight:bold;
				font-size:1.1em;
				text-align:center;
				border-radius:5px;
			}
			
			#goto_login_sp a:before{
				font-family: FontAwesome;
				content:"\f040";
				margin-right:5px;
			}
			
		.login_status_sp{
			padding:5px;
			text-align:center;
			font-weight:bold;
			margin:10px;
			background: #fff;
			padding: 5px 0;
			border: 2px solid #00be82;
			border-radius: 4px;
		}
		
		.login_status_sp .btn_logout{
			margin-left:1em;
		}
		
		.login_status_sp .btn_logout a{
			display: inline-block;
			background: #00be82;
			color: #fff;
			font-weight: bold;
			border-radius: 4px;
			padding: 2px 10px;
			text-decoration: none;
			box-shadow: 1px 1px 0 0 rgba(0,0,0,0.2);
			transition: all .5s ease;
			font-weight:normal;
		}
		
		.login_status_sp .btn_logout a:before{
			font-family: FontAwesome;
			content:"\f08b";
			margin-right:5px;
		}


/*#########main_box###########*/
#main_sub_wrapper{
	width:auto;
}

#main_box{
	width:auto;
	float:none;
}

	#main_box_inner {
		padding: 10px;
	}

	#page_body {}

	

/*#########footer###########*/
#footer {}

	#f_contact{
		width:auto;
		height: auto;
		margin:0 10px 10px 10px;
		padding:10px;
		border-top:none;
	}
	
		#f_contact > img.img-responsive{
			display:none;
		}
	
		#f_contact a{
			display:block;
		}

	
	#f_site_title_nav1{
		width:auto;
		padding:0;
		margin-bottom:10px;
	}
	
		#f_site_title_nav1 #f_site_title_contact_mail{
			width:auto;
			height:auto;
			float:none;
		}
	
		#f_site_title_nav1 .f_site_title{
			width:40%;
			margin:0 auto 10px auto;
		}

		
			
	#f_nav2_copyright{
		width: inherit;
		margin:0;
		padding:0;
	}
	
	#copyright{
		text-align:center;
		float:none;
	}
	
	#footer_inner {}
	#f_addr > .box_header {
		width: inherit;
		height: inherit;
		margin-bottom: 10px;
	}
	#f_addr_nav1 {
		width: inherit;
		padding: 0 10px 20px;
	}
		#f_inner_top {
			text-align: center;
		}
			.tel_sub {
				font-size: 1.2em;
				font-weight: bold;
				margin-right: 5px;
			}
			.tel_no {
				font-size: 1.4em;
				font-weight: bold;
			}
		#f_inner_middle {
			border-top: 1px solid #ccc;
			padding-top: 10px;
		}
			#f_inner_middle #f_ttl_add {
				text-align: center;
			}
			#sp_f_bnr {
				margin: 10px 0;
			}
				#sp_f_bnr ul {
					font-size: 0;
					text-align: center;
				}
					#sp_f_bnr li {
						width: 50%;
						padding: 1%;
						display: inline-block;
					}
						#sp_f_bnr li a {
							display: block;
						}
		#f_inner_bottom {
			border-top: 1px solid #ccc;
			color: #333;
		}
			#copyright {
				text-align: center;
				padding: 15px;
			}
			
}