@charset "utf-8";
@import url("reset.css");
@import url("bootstrap-print.css");
/*--京base.css--*/
/*###############PC first###############*/
/*スクロールバーが二重に出る暫定対策*/
html{
	overflow-x:visible;
}


/*--------PC--------*/
@media print{
	/*印刷時に意図せず表示される、されない対策*/
	#mobile_nav_button.sb-toggle-right.visible-xs-block.hidden-sm.hidden-md.hidden-lg ,
	#mobile_nav.sb-slidebar.sb-right.visible-xs-block.hidden-sm.hidden-md.hidden-lg ,
	#home_sp_nav.visible-xs-block.hidden-sm.hidden-md.hidden-lg 
{
		display: none !important;
	}
	#ku_logo.hidden-xs.visible-sm-block.visible-md-block.visible-lg-block ,
	#h_nav.hidden-xs.visible-sm-block.visible-md-block.visible-lg-block ,
	#header_r_bottom.hidden-xs.visible-sm-block.visible-md-block.visible-lg-block ,
	.search.hidden-xs.visible-sm-block.visible-md-block.visible-lg-block ,
	.fs_changer.hidden-xs.visible-sm-block.visible-md-block.visible-lg-block ,
	#footer_header.hidden-xs.visible-sm-block.visible-md-block.visible-lg-block ,
	#footer_inner.hidden-xs.visible-sm-block.visible-md-block.visible-lg-block ,
	#f_bottom.hidden-xs.visible-sm-block.visible-md-block.visible-lg-block ,
	.catch_txt_bg.hidden-xs.visible-sm-block.visible-md-block.visible-lg-block ,
	#topicpath.hidden-xs.visible-sm-block.visible-md-block.visible-lg-block 
	{
		display: inherit !important;
	}

}

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

body{
	font-family: "メイリオ", Meiryo,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif ;
	font-size: 14px;
	/*↓暫定ipad対策*/
	overflow-x: auto;
	min-width: 1200px;
	color: #111;
	line-height: 1.8em;
	-webkit-font-smoothing: antialiased;
}

#container{
	background: #effcf2;
}

/*スムーススクロールページトップ*/
#page_top {
	width: 50px;
	height: 50px;
	position:fixed;
	bottom:30px;
	right:30px;
	z-index:9999;
}

#page_top a {
	display:block;
	width: 50px;
	height: 50px;
	line-height: 50px;
	border-radius:25px;
	background:#058c96;
	text-align:center;
	color:#fff;
	text-decoration:none;
	font-size:20px;
	transition:.5s all ease;
}

	#page_top a:hover{
		opacity:0.8;
	}

	#page_top a:before{
		font-family: FontAwesome;
		content:"\f106";
	}

/*#########header###########*/

#header {
	background:url(../shared/bg_header.gif) repeat-x;
	height:150px;
	box-shadow: 0px 3px 2px 2px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0px 2px 2px 3px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 3px 2px 2px rgba(0,0,0,0.1);
}

	#header_inner {
		width: 960px;
		height:150px;
		margin: 0 auto 10px auto;
	}
		
		#header_inner #site_ttl {
			width: 220px;
			height:107px;
			float: left;
			padding:28px 0 0 0;
		}
		
		#header_inner #g_nav_etc_wrapper{
			width:720px;
			float:right;
			padding:30px 0 0 0;
		}
		
		#header_inner #g_nav_etc_wrapper #tel_mypage_cart_wrapper{
			width:550px;
			height:70px;
			padding-left:150px;
		}
		
		#header_inner #g_nav_etc_wrapper #h_credit{
			width:187px;
			height:24px;
			float:left;
			margin-right:10px;
			padding-top:15px;
		}
		
		#header_inner #g_nav_etc_wrapper #h_tel{
			width:247px;
			height:45px;
			float:left;
			padding-top:6px;
		}
		
		#header_inner #g_nav_etc_wrapper #h_tel a{
			display:none;
		}
		
		#header_inner #g_nav_etc_wrapper #h_mypage_cart{
			width:265px;
			float:right;
		}
		
		#header_inner #g_nav_etc_wrapper #h_mypage_cart dl dt{
			margin-bottom:5px;
			text-align:center;
		}
		
		#header_inner #g_nav_etc_wrapper #h_mypage_cart dl dd ul{
			letter-spacing:-0.4em;
			text-align:center;
		}
		
		#header_inner #g_nav_etc_wrapper #h_mypage_cart dl dd ul li{
			display:inline-block;
		}
		
		#header_inner #g_nav_etc_wrapper #h_mypage_cart dl dd ul li:first-child{
			margin-right:5px;
		}

/*#########g_nav###########*/
#g_nav {
	width:705px;
	height:50px;
	clear: both;
}
	#g_nav > ul{
		height:24px;
		letter-spacing:-0.4em;
		text-align:right;
		padding:13px 0;
	}
	
		#g_nav > ul > li{
			letter-spacing:0;
			display: inline-block;
			height:24px;
			border-right:1px dotted #7d7d7d;
		}
		
		#g_nav > ul > li:last-child{
			border-right:0;
		}
		
		#g_nav > ul > li > a{
			display: block;
			position:relative;
			height:24px;
			padding:0 13px;
			background:none;
		}
		
		#g_nav > ul > li > a > img{
			vertical-align:middle;
		}
		
		#g_nav > ul > li > a img{
			opacity:1;
			transition:all .5s ease;
		}
		
		#g_nav > ul > li > a:hover img{
			opacity:0;
		}
		
		#g_nav > ul > li#g_nav_home > a:hover{
			background:url(../shared/g_nav_home_on.gif) no-repeat 13px 1px;
		}
		
		#g_nav > ul > li#g_nav_flow > a:hover{
			background:url(../shared/g_nav_flow_on.gif) no-repeat 13px 1px;
		}
		
		#g_nav > ul > li#g_nav_nyuko > a:hover{
			background:url(../shared/g_nav_nyuko_on.gif) no-repeat 13px 1px;
		}
		
		#g_nav > ul > li#g_nav_faq > a:hover{
			background:url(../shared/g_nav_faq_on.gif) no-repeat 13px 1px;
		}
		
		#g_nav > ul > li#g_nav_contact > a:hover{
			background:url(../shared/g_nav_contact_on.gif) no-repeat 13px 1px;
		}
		

	
#main_sub_wrapper{
	width:1000px;
	margin:0 auto;
	overflow:hidden;
}



/*#########main_box###########*/
#main_box {
	float:right;
	width:780px;
}

/*#########sidebar###########*/
#sidebar{
	width:181px;
	float:left;
}

	.side_goto_login{
		margin-bottom:10px;
	}
	
	.side_login_status{
		margin-bottom:20px;
		background:#fff;
		padding:10px;
		border:2px solid #00be82;
		border-radius:4px;
	}
	
		.side_login_status .login_name{
			text-align:center;
			margin-bottom:5px;
			font-weight:bold;
		}
		
		.side_login_status .btn_logout{
			text-align:center;
		}
		
		.side_login_status .btn_logout a{
			display:block;
			background:#00be82;
			color:#fff;
			font-weight:bold;
			border-radius:4px;
			padding:2px 0;
			text-decoration:none;
			box-shadow:1px 1px 0 0 rgba(0,0,0,0.2);
			transition:all .5s ease;
		}
		
		.side_login_status .btn_logout a:hover{
			opacity:0.8;
		}
	
	.side_nyuko_nav{
		margin-bottom:20px;
	}
	
		.side_nyuko_nav li{
			margin-bottom:6px;
		}
		
		.side_nyuko_nav li:last-child{
			margin-bottom:0;
		}
		
	.side_howto_order_nav{
		margin-bottom:20px;
	}
	
		.side_howto_order_nav li{
			margin-bottom:10px;
		}
		
		.side_howto_order_nav li:last-child{
			margin-bottom:0;
		}
		
	.side_set_nav{
		margin-bottom:20px;
		background:#00be82;
		border-radius:4px;
	}
	
	.side_set_nav > .box_header{
		height:20px;
		padding:10px 0 12px 0;
		text-align:center;
	}
	
	.side_set_nav > .box_inner{
		text-align:center;
		overflow:hidden;
		padding-bottom:5px;
	}
	
	.side_set_nav > .box_inner ul li{
		margin-bottom:3px;
	}
	
	.side_set_nav > .box_inner ul li:last-child{
		margin-bottom:0;
	}
	
	.side_campaign_bn{
		text-align:center;
		margin-bottom:30px;
	}
	
		.side_campaign_bn ul li{
			margin-bottom:7px;
		}
		
		.side_campaign_bn ul li:last-child{
			margin-bottom:0;
		}

	.side_campaign_bn_new{
		text-align:center;
		margin-bottom:30px;
	}

		.side_campaign_bn_new ul li{
			margin-bottom:7px;
		}

		.side_campaign_bn_new ul li:last-child{
			margin-bottom:0;
		}
		
	.side_credit{
		margin-bottom:40px;
	}
	
	.side_credit2{
		margin:15px 0;
		position:relative;
	}
	
		.side_credit2 ul{
			letter-spacing:-0.4em;
			text-align:center;
			position:relative;
			top:0;
			left:0;
			z-index:0;
		}
		
		.side_credit2 ul li{
			letter-spacing:0;
			display:inline-block;
			margin-right:5px;
			box-shadow:1px 1px 0 0 rgba(0,0,0,0.3);
		}
		
		.side_credit2 ul li:last-child{
			margin-right:0;
		}
		
		.side_credit2 a{
			display:block;
			width:100%;
			height:28px;
			position:absolute;
			top:0;
			left:0;
			transition:.5s all ease;
		}
		
		.side_credit2 a:hover{
			background:rgba(255,255,255,0.3);
		}
	
	.side_info_nav{
		margin-bottom:40px;
	}
	
		.side_calendar{
			margin-bottom:20px;
		}
		
		.side_calendar iframe{
			margin:0;
		}
	
		.side_info_nav > .box_header,
		.side_calendar > .box_header{
			background:url(../shared/bg_side_hdg.gif) repeat-x bottom;
			padding:0 0 6px 5px;
			margin-bottom:16px;
		}
		
		.side_info_nav > .box_inner ul{
			margin:0 5px;
		}
		
		.side_info_nav > .box_inner ul li{
			background:url(../shared/icon_tri1.png) no-repeat left 6px;
			padding-left:10px;
		}
		
		.side_info_nav > .box_inner ul li a{
			font-size:0.95em;
			color:#111;
		}
		
	.side_calendar > .box_inner p{
		font-size:0.9em;
		line-height:1.2em;
		margin-bottom:5px;
	}
		
	.side_calendar > .box_footer{
		font-size:0.9em;
		line-height:1.4em;
	}


/*#########footer###########*/
#footer {
	clear:both;
	overflow:hidden;
	background:#fff;
	padding-top:20px;
}

		#f_contact{
			width:980px;
			height:58px;
			margin:0 auto;
			background:#00be82;
			padding:16px 0;
			text-align:center;
			border-radius:5px;
			margin-bottom:28px;
		}
		
		#f_contact img.img-responsive{
			display:inline-block;
		}
		
		#f_contact a{
			display:none;
		}
		
		#f_site_title_nav1{
			width:930px;
			margin:0 auto;
			overflow:hidden;
			padding-bottom:20px;
		}
		
			#f_site_title_nav1 #f_site_title_contact_mail{
				width:190px;
				height:93px;
				float:left;
			}
			
			#f_site_title_nav1 .f_site_title{
				margin-bottom:20px;
			}
			
			#f_site_title_nav1 .f_contact_mail{
				text-align:center;
			}
			
		#f_nav1{
			float:right;
			width:690px;
			font-size:0.9em;
		}
		
			#f_nav1 a{
				color:#111;
			}
		
			#f_nav1 > ul{
				float:left;
				padding-right:30px;
			}
			
			#f_nav1 > ul:last-child{
				padding-right:0;
			}
			
			#f_nav1 > ul > li{
				background:url(../shared/icon_sq1.gif) no-repeat left 6px;
				padding-left:14px;
			}
			
			#f_nav1 > ul > li > ul > li{
				background:url(../shared/icon_arr1.gif) no-repeat left 6px;
				padding-left:12px;
				font-size:0.95em;
			}
			
	#f_nav2_copyright{
		clear:both;
		width:920px;
		margin:0 auto;
		padding:15px 30px 25px 30px;
		overflow:hidden;
		border-top:1px solid #e5e5e5;
		font-size:0.9em;
	}
	
		#f_nav2{
			float:left;
		}
		
			#f_nav2 ul{
				letter-spacing:-0.4em;
				line-height:1.2em;
			}
			
			#f_nav2 ul li{
				letter-spacing:0;
				display:inline;
				border-right:1px solid #aaa;
				padding-right:10px;
				margin-right:10px;
			}
			
			#f_nav2 ul li:last-child{
				border-right:none;
				padding-right:0;
				margin-right:0;
			}
			
			#f_nav2 ul li a{
				color:#222;
			}
		
		#copyright{
			float:right;
			text-align:right;
		}
		
/*メアドテキスト画像*/
.mail_txt.img-responsive{
	display:inline;
}


/*##########     汎用    ##########*/

.bg_png{}/*背景透過PNG用*/

/*文字色*/
.fc_red{color:#c40026;}
.fc_blue{color:#0000ff;}
.fc_gray{color:gray;}
.fc_orange{color:orange;}

/*フォントスタイル*/
.fw_bold{font-weight:bold;}
/*揃え*/
.ta_center{text-align:center;}
.ta_right{text-align:right;}
.ta_left{text-align:left;}

/*フロート*/
.fl_right{float:right;}
.fl_left{float:left;}
.fl_clear{clear:both;}

/*幅指定（％）適宜追加*/
.wpe05{width:5%;}
.wpe08{width:8%;}
.wpe10{width:10%;}
.wpe15{width:15%;}
.wpe20{width:20%;}
.wpe25{width:25%;}
.wpe30{width:30%;}
.wpe33{width:33%;}
.wpe40{width:40%;}
.wpe50{width:50%;}
.wpe60{width:60%;}
.wpe70{width:70%;}
.wpe80{width:80%;}
.wpe90{width:90%;}
.wpe100{width:100%;}

/*幅指定（Em）適宜追加*/
.wem01{width:1em;}
.wem02{width:2em;}
.wem03{width:3em;}
.wem04{width:4em;}
.wem05{width:5em;}
.wem06{width:6em;}
.wem07{width:7em;}
.wem08{width:8em;}
.wem09{width:9em;}
.wem10{width:10em;}

/*フォントサイズ（Em）適宜追加*/
.fsem085{font-size:0.85em;}
.fsem09{font-size:0.9em;}

.clear{
	clear:both;
}