@charset "utf-8";

li{
	list-style:none;
}

body, ul, li{
	margin: 0;
	padding: 0;
}

a img{
    border-style:none;
}

/*==================================================
  headjs
==================================================*/
#headjs{
	/*background-image: url(//kc-i.jp/img/common/head_L_back.png);*/
	background-position: left bottom;
	width: 100%;
	height: 84px;
}

/*==================================================
  headjs_sub
==================================================*/

#headjs_sub{
	z-index:999;
	position:relative; 
	background-image: url(//kc-i.jp/img/common/head_S_back.png);
	background-position:left bottom;
	width:100%;
	height:84px;
	top:0;
}

#menu_S_warp{
	width:1200px;
	margin:0 auto;
	position:relative;
}

#headjs_sub #menu_S{
	width:1200px;
	margin:0 auto;
}

#headjs_sub #menu_S li{
	float:left;
	margin-top:29px;
}

#headjs_sub #menu_S .logo{
	width:504px;
	text-align:left;
}

#headjs_sub #menu_S .logo img{
	width:151px;
}

#headjs_sub #menu_S .menu01,
#headjs_sub #menu_S .menu02{
	width:174px;
}


#headjs_sub #menu_S .menu03{
	width:175px;
}


#headjs_sub #menu_S .menu01 img,
#headjs_sub #menu_S .menu02 img{
	width:174px;
	border-left:1px solid #BDBDBD;
}

#headjs_sub #menu_S .menu03 img{
	width:174px;
	border-left:1px solid #BDBDBD;
	border-right:1px solid #BDBDBD;
}


#headjs_sub #menu_S .menu02{
	height:40px;
}

#headjs_sub #menu_S .onv{
	background-image:url(//kc-i.jp/img/common/sankaku.png);
	background-position:50% 35px;
	background-repeat:no-repeat;
}

#headjs_sub #menu_S .bt_fb{
	width:37px;
	margin:29px 0 0 22px;
}

#headjs_sub #menu_S .bt_tw,
#headjs_sub #menu_S .bt_yt,
#headjs_sub #menu_S .bt_ig{
	width:36px;
	margin:29px 0 0 2px;
}

#headjs_sub #menu_S a:hover img{
	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter:"alpha(opacity=80)";
}


#headjs #languagemenu{
    z-index:999;
    position:absolute;
    top:0;
    right:0;
    padding:0;
    list-style:none;
}
 
#headjs #languagemenu li{
    z-index:9999;
    float:right;
    text-align:center;
    line-height:25px;
    font-size:12px;
    color:#FFF;
    width:150px;
    position:relative;
    background-color:#000;
}
 
#headjs #languagemenu a {
    float:left;
    height:25px;
    padding:0 25px;
    color:#FFF;
}
 
#headjs #languagemenu li:hover > a{
    color: #FFF;
}
 
*html #headjs #languagemenu li a:hover{
    color: #FFF;
}

#headjs #languagemenu li:hover > ul{
    display: block;
}
 
/* Sub-menu */
 
#headjs #languagemenu ul{
    list-style: none;
    margin: 0;
    padding: 0;    
    display: none;
    position: absolute;
    top: 24px;
    left: 0;
    z-index: 99999;
}
 
#headjs #languagemenu ul li{
    float: none;
    margin: 0;
    padding: 0;
    display: block;
}
 
#headjs #languagemenu ul a{
    padding: 10px;
    height: auto;
    line-height: 1;
    display: block;
    white-space: nowrap;
    float: none;
    text-transform: none;
}
 
*html #headjs #languagemenu ul a{
    height: 10px;
    width: 150px;
}
 
*:first-child+html #headjs #languagemenu ul a{
    height: 10px;
    width: 150px;
}
 
#headjs #languagemenu ul a:hover{
    background: #49BDA3;
}
 
/* Clear floated elements */
#headjs #languagemenu:after{
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
 
*:first-child+html #headjs #languagemenu{
	zoom: 1;
}

.dropdown{
	display:none;
}



@media only screen and (min-width:641px) and (max-width:1220px) {

#menu_S_warp{
	width: 99%;
	margin: 0 auto;
	position:relative;
}

#headjs_sub #menu_S {
	width: 99%;
	margin: 0 auto;
}

#headjs_sub #menu_S .logo {
	/*width: 45%;*/
	width: 35%;
	width: -webkit-calc(49% - 170px);
	width: calc(52% - 170px);
}

#headjs_sub #menu_S .menu01,
#headjs_sub #menu_S .menu02,
#headjs_sub #menu_S .menu03{
	/*width: 14.583333333333334%;*/
	width: 13%;
	width: -webkit-calc(16%);
	width: calc(16%);
}

#headjs_sub #menu_S .menu01 img,
#headjs_sub #menu_S .menu02 img,
#headjs_sub #menu_S .menu03 img,
#headjs_sub #menu_S .bt_fb img,
#headjs_sub #menu_S .bt_yt img,
#headjs_sub #menu_S .bt_tw img,
#headjs_sub #menu_S .bt_ig img {
	width: 100%;
}

#headjs_sub #menu_S .bt_fb{
	position:absolute;
	top:29px;
	right:114px;
	margin:0;
}
#headjs_sub #menu_S .bt_tw{
	position:absolute;
	top:29px;
	right:76px;
	margin:0;
}
#headjs_sub #menu_S .bt_ig{
	position:absolute;
	top:29px;
	right:38px;
	margin:0;
}
#headjs_sub #menu_S .bt_yt{
	position:absolute;
	top:29px;
	right:0px;
	margin:0;
}

.languagemenu{
	display:inherit;
}

}


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

#languagemenu{
	display:none;
}

.dropdown{
	display:inherit;
}



#headjs{
	background:#fff url(//kc-i.jp/img/common/head_S_back.png) left bottom repeat-x;
	width:100%;
	height:auto;
/*	height:100%;
	height:136px;
	overflow: hidden;*/
	height:112px;
	padding-bottom: 0px;
}

#headjs_sub {
	z-index:999;
	position:relative;
	width:100%;
	top:0;
	background:none;
}

#menu_S_warp{
	width: 100%;
	margin: 0 auto;
	position:relative;
}

#headjs_sub #menu_S{
	width: 100%;
	margin: 0 auto;
}

#headjs_sub #menu_S ul {
}

#headjs_sub #menu_S li {
	float: left;
	margin-top: 4px;
}

#headjs_sub #menu_S .logo {
	width: 100%;
	/*text-align: center;*/
	text-align: left;
	height: 60px;
}

#headjs_sub #menu_S .logo img{
/*	width: 300px;*/
	
	padding:4% 0 0 3%;
	width: 50%;
}

#headjs_sub #menu_S .menu01,
#headjs_sub #menu_S .menu02,
#headjs_sub #menu_S .menu03{
	margin:4px auto 0;
	padding-top:8px;
	width:33.333%;
	border-top:#BDBDBD solid 1px;
	display:block;
	text-align:center;
	/*display:none;*/
}

#headjs_sub #menu_S .menu01 img,
#headjs_sub #menu_S .menu02 img,
#headjs_sub #menu_S .menu03 img{
/*	width: 174px;*/
    	width: 100%;
	margin:0 auto;
	border-left:none;
	border-right:none;
}

#headjs_sub #menu_S .menu02 {
	padding-bottom:6px;
}

#headjs_sub #menu_S .menu02{
	height:inherit;
}

#headjs_sub #menu_S .onv {
	background-image: url(//kc-i.jp/img/common/sankaku.png);
	background-position: center bottom;
	background-repeat: no-repeat;
	background-size: 10px 6px;
}

#headjs_sub #menu_S .bt_fb,
#headjs_sub #menu_S .bt_yt,
#headjs_sub #menu_S .bt_tw,
#headjs_sub #menu_S .bt_ig{
	/*display:none;*/
	position:absolute;
	top:5px;
	right:0px;
	width:30px;
}
#headjs_sub #menu_S .bt_fb img,
#headjs_sub #menu_S .bt_yt img,
#headjs_sub #menu_S .bt_tw img,
#headjs_sub #menu_S .bt_ig img{
	width:100%;
	height:auto;
}
#headjs_sub #menu_S .bt_fb{
	right:95px;
}
#headjs_sub #menu_S .bt_tw{
	right:65px;
}
#headjs_sub #menu_S .bt_ig{
	right:35px;
}
#headjs_sub #menu_S .bt_yt{
	right:5px;
}

#headjs_sub #menu_S a:hover img {
	opacity: 0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha(opacity=80)";
}

.dropdown {
	display: inline-block;
	position:absolute;
	top:0;
	right:5px;
	z-index:1001;
}


.dropdown ul{
	display:none;
}

#tg{
	/*display: none;*/
	position:absolute;
	z-index:998;
}

.menu{
	position: relative;
	/*visibility: hidden;*/
	opacity: 0;
	top: 0;
	list-style: none;
}

.dropInput:checked ~ .menu {
	/*visibility: visible;*/
	opacity: 1;
	top: 0;
}

.dropInput:checked ~ ul {
	display:inherit;
}

.dropLabel, .item {
	padding: 1em;
	display: block;
	background-color: #000;
	text-align: center;
	position: relative;
	color: #fff;
	text-decoration: none;
	font-size:1em;
/*	font-size:16px;*/
	z-index:1000;
	width: 120px;
	box-sizing: border-box;
}

.item:hover {
	background-color: #49BDA3;
	color: #fff;
}

.dropLabel:hover, .dropInput:checked + label {
	background: #000;
	color: #fff;
}

.animation {
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  transition: all .3s;
}



}