@charset "utf-8";
/* CSS Document */


@media screen and (max-width: 979px) {

.pc,#sidr{
	display:none;
}
.pc,
.slidePc,
.slidePc .box-weather{
	display:none;
}

.mobile{
}
/*ナビボタン*/

.mobile {
	position: absolute;
	float: left;
	padding: 10px;
	top: 6px;
	left: 0;
	
	display: none;
}
.mobile li {
	width: 30px;
	height: 4px;
	background-color: #262626;
	border-radius: 3px;
	margin: 5px 0;
}
.mobile.open li {background-color: #262626;}

.mobile {display: block;}


.sidr{
	display:none;position:absolute;
	position:fixed;
	top:0;
	height:100%;
	z-index:999999;
	width:260px;
	overflow-x:none;
	overflow-y:auto;
	font-family:"lucida grande",tahoma,verdana,arial,sans-serif;
	font-size:15px;
	background:#a9a494;
	color:#fff;
	-webkit-box-shadow:
	inset 0 0 5px 5px #7b776a;
	-moz-box-shadow:inset 0 0 5px 5px #7b776a;
	box-shadow:inset 0 0 5px 5px #7b776a
}
.sidr .sidr-inner{
	padding:0 0 15px
}
.sidr .sidr-inner>p{
	margin-left:15px;
	margin-right:15px
}
.sidr.right{
	left:auto;
	right:-260px
}
.sidr.left{
	left:-260px;right:auto
}
.sidr h1,.sidr h2,.sidr h3,.sidr h4,.sidr h5,.sidr h6{
	font-size:11px;
	font-weight:normal;
	padding:0 15px;
	margin:0 0 5px;
	color:#fff;
	line-height:24px;
	background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #4d4d4d), color-stop(100%, #1a1a1a));
	background-image:-webkit-linear-gradient(#4d4d4d,#1a1a1a);background-image:-moz-linear-gradient(#4d4d4d,#1a1a1a);
	background-image:-o-linear-gradient(#4d4d4d,#1a1a1a);background-image:linear-gradient(#4d4d4d,#1a1a1a);
	-webkit-box-shadow:0 5px 5px 3px rgba(0,0,0,0.2);-moz-box-shadow:0 5px 5px 3px rgba(0,0,0,0.2);
	box-shadow:0 5px 5px 3px rgba(0,0,0,0.2)
}.sidr p{
	font-size:13px;margin:0 0 12px
}
.sidr p a{
	color:rgba(255,255,255,0.9)
}
.sidr>p{
	margin-left:15px;
	margin-right:15px
}
.sidr ul{
	display:block;
	margin:0 0 15px;
	padding:0;
	border-bottom: 1px solid #7b776a;
    box-shadow: 0 1px 0 rgba(210,203,182,1);
}
.sidr ul li{
	display:block;
	margin:0;
	line-height:48px;
	border-top:1px solid #d2cbb6;
	border-bottom: 1px solid #7b776a;
    box-shadow: 0 1px 0 rgba(210,203,182,1);
}
.sidr ul li.dobleText{
	display:block;
	margin:0;
	line-height:1.8;
	border-top:1px solid #d2cbb6;
	border-bottom: 1px solid #7b776a;
    box-shadow: 0 1px 0 rgba(210,203,182,1);
}
.sidr ul li:hover,
.sidr ul li.active,
.sidr ul li.sidr-class-active{
	border-top:none;
	line-height:49px
}
.sidr ul li.dobleText:hover,
.sidr ul li.dobleText .active,
.sidr ul li.dobleText .sidr-class-active{
	border-top:none;
	line-height:1.8
}
.sidr ul li:hover>a,
.sidr ul li:hover>span,
.sidr ul li.active>a,
.sidr ul li.active>span,
.sidr ul li.sidr-class-active>a,
.sidr ul li.sidr-class-active>span{
	/*-webkit-box-shadow:inset 0 0 15px 3px #7b776a;
	-moz-box-shadow:inset 0 0 15px 3px #7b776a;
	box-shadow:inset 0 0 15px 3px #7b776a*/
}
.sidr ul li a,.sidr ul li span{
	padding:0 15px;
	display:block;
	text-decoration:none;
	color:#fff
}
.sidr ul li a.noBlock{
	padding:0;
	display:inline;
	text-decoration:none;
	width: 25px;
	height: 25px;
}

.sidr ul li ul{
	border-bottom:none;
	margin:0
}
.sidr ul li ul li{
	line-height:40px;
	font-size:13px
}
.sidr ul li ul li:last-child{
	border-bottom:none
}
.sidr ul li ul li:hover,.sidr ul li ul li.active,.sidr ul li ul li.sidr-class-active{
	border-top:none;
	line-height:41px
}
.sidr ul li ul li:hover>a,.sidr ul li ul li:hover>span,.sidr ul li ul li.active>a,.sidr ul li ul li.active>span,.sidr ul li ul li.sidr-class-active>a,.sidr ul li ul li.sidr-class-active>span{
	-webkit-box-shadow:inset 0 0 15px 3px #7b776a;
	-moz-box-shadow:inset 0 0 15px 3px #7b776a;
	box-shadow:inset 0 0 15px 3px #7b776a
}
.sidr ul li ul li a,.sidr ul li ul li span{
	color:rgba(123,119,106,0.8);
	padding-left:30px
}
.sidr form{
	margin:0 15px
}
.sidr label{
	font-size:13px
}
.sidr input[type="text"],.sidr input[type="password"],.sidr input[type="date"],.sidr input[type="datetime"],.sidr input[type="email"],.sidr input[type="number"],.sidr input[type="search"],.sidr input[type="tel"],.sidr input[type="time"],.sidr input[type="url"],.sidr textarea,.sidr select{
	width:100%;
	font-size:13px;
	padding:5px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;box-sizing:
	border-box;margin:0 0 10px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	-ms-border-radius:2px;
	-o-border-radius:2px;border-radius:2px;
	border:none;background:rgba(123,119,10.1);
	color:rgba(255,255,255,0.6);
	display:block;clear:both
}
.sidr input[type=checkbox]{
	width:auto;
	display:inline;
	clear:none
}
.sidr input[type=button],.sidr input[type=submit]{
	color:#7b776a;background:#fff
}
.sidr input[type=button]:hover,.sidr input[type=submit]:hover{
	background:rgba(255,255,255,0.9)
}

.sidr li a.active {
	color: #fff;
	background-color: #7b776a;
}
.sidr li a:hover {
	color: #fff;
	background-color: #7b776a;
}

.sidr input[type="text"]{
	color:#000;
}

.noBlockList{
	margin: 0 auto !important;
	width: 100%;
	line-height: 30px !important;
	padding: 0 0 0 15px;
	text-align: center;
}
	
}

@media screen and (min-width: 980px) {
	
.mobile{
	display:none;
}

.pcNone{
	display:none;
}
/*******************************************************************************
  navi
*******************************************************************************/

.sidr ul li img{
	display:none;
}

.slidePc .nav1,
.slidePc .nav2,
.slidePc .nav3,
.slidePc .nav4,
.slidePc .nav5{
	float:left;
	width:161px;
	height: 60px;
	display:inline;
}
.slidePc .nav1 a,
.slidePc .nav2 a,
.slidePc .nav3 a,
.slidePc .nav4 a,
.slidePc .nav5 a{
	display: block;
	width:161px;
	height: 60px;
	text-indent: -9999px;
	outline: 0;
}
.slidePc .nav6{  /*京都市の天気ブロック*/
	float:left;
	width:161px;
	height: 60px;
	display:inline;
}
.slidePc .nav6 a{
	display: block;
}

.nav1{
	background:url(../../../resource/image/another/header/gl-top.gif) no-repeat;
}
.nav1 a:hover{
	background:url(../../../resource/image/another/header/gl-top_on.gif) no-repeat;
}
.nav2{
	background:url(../../../resource/image/another/header/gl-event.gif) no-repeat;
}
.nav2 a:hover{
	background:url(../../../resource/image/another/header/gl-event_on.gif) no-repeat;
}
.nav3{
	background:url(../../../resource/image/another/header/gl-map.gif) no-repeat;
}
.nav3 a:hover{
	background:url(../../../resource/image/another/header/gl-map_on.gif) no-repeat;
}
.nav4{
	background:url(../../../resource/image/another/header/gl-category.gif) no-repeat;
}
.nav4 a:hover{
	background:url(../../../resource/image/another/header/gl-category_on.gif) no-repeat;
}
.nav5{
	background:url(../../../resource/image/another/header/gl-osusume.gif) no-repeat;
}
.nav5 a:hover{
	background:url(../../../resource/image/another/header/gl-osusume_on.gif) no-repeat;
}

}



@-webkit-keyframes slideIn {
	0%       {opacity: .3;
				-webkit-transform: translate3d(5%,0,0)scale(.97);}
	100%  {opacity: 1;
				-webkit-transform: translate3d(0,0,0)scale(1);}
}
@-moz-keyframes slideIn {
	0%      {opacity: .3;
				-moz-transform: translate3d(5%,0,0)scale(.97);}
	100%  {opacity: 1;
				-moz-transform: translate3d(0,0,0)scale(1);}
}
@keyframes slideIn {
	0%      {opacity: .3;
				transform: translate3d(5%,0,0)scale(.97);}
	100%  {opacity: 1;
				transform: translate3d(0,0,0)scale(1);}
}
@-webkit-keyframes slideOut {
	0%      {opacity: 1;
				-webkit-transform: translate3d(0,0,0)scale(1);}
	100%  {opacity: .3;
				-webkit-transform: translate3d(5%,0,0)scale(.97);}
}
@-moz-keyframes slideOut {
	0%      {opacity: 1;
				-moz-transform: translate3d(0,0,0)scale(1);}
	100%  {opacity: .3;
				-moz-transform: translate3d(5%,0,0)scale(.97);}
}
@keyframes slideOut {
	0%      {opacity: 1;
				transform: translate3d(0,0,0)scale(1);}
	100%  {opacity: .3;
				transform: translate3d(5%,0,0)scale(.97);}
}
@-webkit-keyframes open {
	0%      {-webkit-transform: translate3d(0,0,0);}
	70%    {-webkit-transform: translate3d(260px,0,0);}
	100%  {-webkit-transform: translate3d(240px,0,0);}
}
@-moz-keyframes open {
	0%      {-moz-transform: translate3d(0,0,0);}
	70%    {-moz-transform: translate3d(260px,0,0);}
	100%  {-moz-transform: translate3d(240px,0,0);}
}
@keyframes open {
	0%      {transform: translate3d(0,0,0);}
	70%    {transform: translate3d(260px,0,0);}
	100%  {transform: translate3d(240px,0,0);}
}
@-webkit-keyframes close {
	0%      {-webkit-transform: translate3d(240px,0,0);}
	100%  {-webkit-transform: translate3d(0,0,0);}
}
@-moz-keyframes close {
	0%       {-moz-transform: translate3d(240px,0,0);}
	100%  {-moz-transform: translate3d(0,0,0);}
}
@keyframes close {
	0%       {transform: translate3d(240px,0,0);}
	100%  {transform: translate3d(0,0,0);}
}


.text8{
	font-size:9px;
	line-height: 1;
}
.text9{
	font-size:9px;
}
.text10{
	font-size:10px;
}
.text11{
	font-size:11px;
}
.text12{
	font-size:12px;
}
.text13{
	font-size:13px;
}
.text14{
	font-size:14px;
}
.fontBold{
	font-weight:bold;
}
.li_kome{
	margin:0 0 30px;
}
.textIn{
	display:none;
}

