@charset "utf-8";
/*--京base.css--*/
/*スクロールバーが二重に出る暫定対策*/
html{
	overflow-x:visible;
	-webkit-font-smoothing: antialiased;
}


/*--------PC--------*/
@media print{
	/*印刷時に意図せず表示される、されない対策*/
	body{
		overflow-x:auto;
		min-width: 1000px;
	}
	
	/*印刷時に意図せず表示される、されない対策*/
	#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 ,
	br.visible-xs-inline.hidden-sm.hidden-md.hidden-lg ,
	span.visible-xs-block.hidden-sm.hidden-md.hidden-lg ,
	.home_nav_ttl h2 .visible-xs-inline.hidden-sm.hidden-md.hidden-lg {
		display: none !important;
	}
	#header #ku_logo.hidden-xs.visible-sm-block.visible-md-block.visible-lg-block ,
	#header #header_contact.hidden-xs.visible-sm-block.visible-md-block.visible-lg-block ,
	#footer_inner.hidden-xs.visible-sm-block.visible-md-block.visible-lg-block ,
	.home_nav_ttl h2 img.img-responsive.hidden-xs.visible-sm-inline.visible-md-inline.visible-lg-inline,
	#sidebar.hidden-xs.visible-sm-block.visible-md-block.visible-lg-block ,
	#h_nav.hidden-xs.visible-sm-block.visible-md-block.visible-lg-block {
		display: inherit !important;
	}
	.contact_sodan_content table td span.visible-xs-inline.hidden-sm.hidden-md.hidden-lg a {
		color: inherit;
		display: inherit;
	}


}

@media print, screen and (min-width: 768px){
	/*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 ;
		background: #fff;
		font-size: 15px;
		/*↓暫定ipad対策*/
		overflow-x: auto;
		min-width: 1000px;
		color: #000;
	}

/*スムーススクロールページトップ*/
#page_top {
}
	#page_top a {
	}
#container_inner {
	background: url(../images/header_bg.jpg) center 10px no-repeat;
}
	/*#########header###########*/
	
	#header {
		background: none;
		background-size: auto;
		padding:0;
		margin: 0;
		overflow: inherit;
	}

		#header_inner {
			width: 930px;
			height: 82px;
			margin: 0 auto;
		}
			#ku_logo {
				width: 114px;
				height: 40px;
				margin: 18px 25px 0 0;
			}
				#ku_logo img {
					width: 114px;
					height: 40px;
				}
			#site_title {
				width: 270px;
				height: 46px;
				margin-top: 18px;
			}
			#site_title h1 img {
				width: 275px;
				height: 46px;
			}
			#header_contact {
				float: right;
				margin-top: 28px;
			}
				#header_contact a {
					border: 1px solid #d3d3d3;
					padding: 5px 15px;
					border-radius: 20px;
					-webkit-border-radius: 20px;
					-moz-border-radius: 20px;
					color: #403a68;
					background: #fff;
					font-size: 13px;
					font-weight: bold;
					box-shadow:0px 0px 3px 1px rgba(0,0,0,0.1);
					-moz-box-shadow:0px 0px 3px 1px rgba(0,0,0,0.1);
					-webkit-box-shadow:0px 0px 3px 1px rgba(0,0,0,0.1);
					/*font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif ;*/
				}
				#header_contact a:hover {
					text-decoration: none;
					background: #fffbea;
				}

	.slick-list {
		border-radius: 0 !important;
		-webkit-border-radius: 0 0 !important;
		-moz-border-radius: 0 !important;
	}

	/*#########h_nav###########*/
	#h_nav {}

	/*#########main_box###########*/
	#main_box {
		clear: both;
		margin: 0px;
	}
	
	#main_box_inner {
	padding: 15px 10px;
}
	
		#pages #main_box_inner {
			width: 900px;
			margin: 0 auto;
			padding: 0;
		}

		#pages.sidebar_menu #page_body {
			width: 680px;
			min-height:550px;
			overflow: hidden;
			float: left;
			margin: 0 auto;
			padding: 0;
			
		}

	/*#########sidebar###########*/
	

	#sidebar {
		width: 180px;
		overflow: hidden;
		float: right;
		position: relative;
		top: 86px;
	}
	
		#side_menu {}
		#side_menu ul {
		}
		#side_menu li {
			border-bottom:none;
			margin-bottom:10px;
		}
		
		#side_menu li:last-child{
			margin-bottom:0;
		}
		#side_menu li a {
			background:#fff;
			color: #000;
			text-decoration: none;
			padding: 10px 15px 10px 28px;
			display: block;
			transition:all .5s ease;
			
		}
		#side_menu li a::before {
			font-size: 15px;
			font-family: FontAwesome;
			content: "\f144";
			margin-right: 7px;
			margin-left: -17px;
			color:#3c3c64;
		}
		
		#side_menu li.here a {
			background: #fff0d6;
			font-weight: normal;
			text-shadow:1px 0 0 #3c3c64;
		}
		
		#side_menu li a:hover{
			font-weight:normal;
			background: #fff0d6;
		}
		
		#side_menu li a:hover::before ,
		#side_menu li.here a::before {
			font-weight: normal;
			text-shadow:none;
		}
				#side_menu li a:hover ul ,
				#side_menu li.here ul ,
				#side_menu li ul {
				}
				#side_menu li a:hover li ,
				#side_menu li.here li ,
				#side_menu li li {
					border-bottom: 1px dotted #ccc;
					margin-bottom: 0;
				}
				#side_menu li a:hover li:last-child ,
				#side_menu li.here li:last-child ,
				#side_menu li li:last-child {
					border-bottom: 0;
				}
				#side_menu li a:hover li a ,
				#side_menu li.here li a ,
				#side_menu li li a {
					text-shadow: none;
					border: 0;
					background: rgba(255,255,255,0.5);
					border-radius: 0;
					padding-left: 33px;
				}
				#side_menu li a:hover li a:hover ,
				#side_menu li.here li a:hover ,
				#side_menu li li a:hover {
					background: rgba(255,204,153,0.3);
				}
				#side_menu li a:hover li a::before ,
				#side_menu li.here li a::before ,
				#side_menu li li a::before {
					font-size: 15px;
					font-family: FontAwesome;
					content: "\f0da";
					margin-right: 7px;
					margin-left: -11px;
					color:#3c3c64;
				}

	/*#########footer###########*/
	#footer {
		clear: both;
	}
	#footer_inner {
		border-top: 2px solid #d9d8de;
		padding: 30px 0;
	}
		#f_nav_wrap {
			width: 890px;
			overflow: hidden;
			margin: 0 auto;
		}
			#f_nav_wrap .f_vav {
				overflow: hidden;
				float: left;
			}
				#f_nav_wrap .f_vav li {
					margin-bottom: 20px;
				}
				#f_nav_wrap .f_vav li:last-child {
					margin-bottom: 0;
				}
				#f_nav_wrap .f_vav li a {
					color: #666;
					font-size: 13px;
					font-weight: bold;
				}
					#f_nav_wrap .f_vav li li {
						margin-bottom: 5px;
						line-height: 1.2em;
					}
					#f_nav_wrap .f_vav li ul {
						margin: 7px 0 0 10px;
					}
					#f_nav_wrap .f_vav li li::before {
						content: "・";
						color: #666;
						margin-right: 2px;
						margin-left: -15px;
						text-decoration: none;
					}
					#f_nav_wrap .f_vav li li a {
						font-weight: normal;
					}
		#f_nav_01 {
			width: 120px;
			margin-right: 25px;
		}
		#f_nav_02 {
			width: 230px;
			margin-right: 25px;
		}
		#f_nav_03 {
			width: 240px;
				margin-right: 25px;
		}
		#f_nav_04 {
			width: 210px;
			margin-right: 0;
		}
	#footer_bnr {
		overflow: hidden;
		background: #f4f4f4;
		padding: 20px 10px;
		clear: both;
	}
		#footer_bnr ul {
			width: 930px;
			margin: 0 auto;
			text-align: center;
		}
		#footer_bnr li ,
		#footer_bnr li:nth-child(odd) {
			display: inline-block;
			width: 180px;
			overflow: hidden;
			margin-bottom: 0;
			margin-right: 5px;
		}
			#footer_bnr li:last-child {
				margin-right: 0;
			}
			#footer_bnr li:nth-child(6) {
				width: 240px;
				margin: 10px 5px 0 2px;
				float: left;
			}
			#footer_bnr li:nth-child(6) img {
				max-width: inherit;
			}
		#footer_bnr li a {
			display: block;
		}
			#footer_bnr li a img {
				height: auto;
			}
			
			
	
	#f_bottom {
	}
	#f_bottom_inner {
		width: 920px;
		overflow: hidden;
		margin: auto;
	}

	#copyright {
		text-align: center;
		padding: 30px 0;
		font-size: 12px;
		font-weight: bold;
		clear: none;
	}
/*##########     20201209追記    ##########*/


#footer_bnr_box .bnr_box01 ul{
	margin-bottom: 15px;
	justify-content: center;
}

#footer_bnr_box .bnr_box02 ul{
				width : 825px ;
				margin: 0 auto;
				align-items: center;
			}


#footer_bnr_box ul li {
				width: auto;
				/*max-width: 100%;*/
				margin-bottom: 0;
				margin-right: 15px;
				
			}

#footer_bnr_box ul li:last-child{
				margin-right: 0;
			}
			
#footer_bnr_box ul li.bnr_survivorship {
			width: 240px;
			margin: 0;
			height: 60px;
		}
}
/*##########     20201110追記    ##########*/

.home_news_content .ns_link ul{
	height:auto;
	overflow:visible;
	margin:10px 0 0 0 ;
	padding:0;
}

.home_news_content .ns_link ul li {
	height:auto;
	border-bottom: none;
	margin:0;
	padding:0;
}

.home_news_content .ns_link ul li {
	position:relative;
	padding-left:1em;
}

.home_news_content .ns_link ul li :before{
	content:"・";
	position:absolute;
	top:0;
	left:0;
}

.news_content .ns_link ul{
	height:auto;
	margin:10px 0 0 0 ;
	padding:0;
}

.news_content .ns_link ul li {
	height:auto;
	border-bottom: none;
	margin:0;
	padding:0;
}

.news_content .ns_link ul li {
	position:relative;
	padding-left:1em;
}

.news_content .ns_link ul li :before{
	content:"・";
	position:absolute;
	top:0;
	left:0;
}

.poster_list.online_salon_list {
	margin: 30px auto;
	font-size: 0.95em;
}

.hn_content .ns_link a, .ns_content .ns_link a{
	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;
}


