@charset "UTF-8";

/************************************************************
*
*　共通スタイルシート（2014.06.25）
*
************************************************************/
body {
	background: url(/collabo_shironekokyoto2016/bar/images/bg.jpg);
}


a,
a:hover,
a:active,
a:visited {
	color: #42045f;
}
.fade {
	cursor: pointer;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
	filter: alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
}

.fade:hover {
	filter: alpha(opacity=60);
	-moz-opacity:0.60;
	opacity:0.60;
}

#wrap {
	width: 100%;
	min-width: 1000px;
}

.headerArea {
	width: 100%;
	height: 106px;
	background: url(/collabo_shironekokyoto2016/bar/images/header_bg.png) 50% 0 repeat-x;
	position: fixed;
	top:0;
	left:0;
	z-index: 999;
}

.headerArea h1{
	position: absolute;
	top: 0;
	left: 12px;
	width: 77px;
	height: 74px;
}
.headerArea h1>a{
	display: inline-block;
}

.headerArea .inner {
	width: 1000px;
	margin: 0 auto;
	position: relative;
}
.headerArea:before,
.headerArea:after{
	content: '';
	position: absolute;
	top: 0;
	width: 130px;
	height: 136px;
	z-index: 0;
}
.headerArea:before{
	left:0;
	background-image: url(/collabo_shironekokyoto2016/bar/images/header_obj_left.png);
}
.headerArea:after{
	right: 0;
	background-image: url(/collabo_shironekokyoto2016/bar/images/header_obj_right.png);
}
.headerArea .inner{
	z-index: 1;
}

.headerArea .inner ul#nav{
	position: absolute;
	overflow: hidden;
	top: 0;
	left: 87px;
	text-align: left;
}

#nav>li{
	display: inline-block;
	width: 146px; 
	height: 92px;
}

#nav>li>a{
	display: inline-block;
	width: 100%; 
	height: 100%;
	text-indent: -9999px;
	background-image: url(/collabo_shironekokyoto2016/bar/images/btn_menu.png);
	-webkit-transition: -webkit-transform 200ms ease-in;
	transition: transform 200ms ease-in;
}
#nav>li>a:hover{
	-webkit-transform: translateY(-8px);
	transform: translateY(-8px);
}
#nav>li:nth-child(1)>a{background-position: 0px 0px;}
#nav>li:nth-child(2)>a{background-position: -146px 0px;}
#nav>li:nth-child(3)>a{background-position: -292px 0px;}
#nav>li:nth-child(4)>a{background-position: -438px 0px;}
#nav>li:nth-child(1)>a:hover{background-position: 0px -92px;}
#nav>li:nth-child(2)>a:hover{background-position: -146px -92px;}
#nav>li:nth-child(3)>a:hover{background-position: -292px -92px;}
#nav>li:nth-child(4)>a:hover{background-position: -438px -92px;}

.portal{
	position: absolute;
	top: 0;
	right: 130px;
	display: inline-block;
	width: 175px;
	height: 125px;
}
.portal>a{
	display: inline-block;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center top;
	background-image: url(/collabo_shironekokyoto2016/bar/images/btn_portal.png);
	text-indent: -9999px;
}
.portal>a:hover{
	background-position: center -126px;
}

.headerArea .inner ul.snsArea{
	width: 116px;
	position: absolute;
	overflow: hidden;
	top: 18px;
	right: 0;
}
.snsArea>li{
	display: inline-block;
	width: 50px;
	height: 47px;
}
.snsArea>li>a{
	display: inline-block;
	width: 100%;
	height: 100%;
	background-image: url(/collabo_shironekokyoto2016/bar/images/btn_sns.png);
	text-indent: -9999px;
}
.snsArea>li:nth-child(1)>a{background-position: 0px 0px;}
.snsArea>li:nth-child(2)>a{background-position: -50px 0px;}
.headerArea .inner ul li{
	display: inline-block;
}



.mainvisual {
	width: 100%;
	background:url(/collabo_shironekokyoto2016/bar/images/main_bg.jpg) no-repeat 50% 0;
	height: 742px;
}

.mainvisual p, .mainvisual03 p {
	display: none;
}

.bnr {
	text-align: center;
}
.todayTicket {
	width: 1000px;
	margin:0 auto;
	text-align: center;
}

.cont01 {
	position: relative;
	margin: 0 auto;
	min-width: 1000px;
	height: 339px;
	text-align: center;
	background-repeat: repeat-x;
	background-position: center top;
	background-image: url(/collabo_shironekokyoto2016/bar/images/day_bg.jpg);
}
.cont01 h2,
.cont01 .btn01{
	display: block;
	margin: 0 auto;
	text-align: center;
}

.timeInfo{
	position: relative;
	margin: 0 auto;
	min-width: 1000px;
	height: 336px;
	text-align: center;
	background-position:center bottom;
	background-image:url(/collabo_shironekokyoto2016/bar/images/time_bg.jpg);
}
.timeInfo h2{
	display: inline-block;
}

.cont01 ul li.btn01 a,
.cont01 ul li.btn02 a,
.todayTicket a {
	cursor: pointer;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
	filter: alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
}
.cont01 ul li.btn01 a:hover,
.cont01 ul li.btn02 a:hover,
.todayTicket a:hover {
	filter: alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
}



.base,.cont04,.cont05,.cont06,.cont07,.cont08 {
	width: 1000px;
	margin: 0px auto 30px;
	text-align: center;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
	background-repeat: no-repeat, no-repeat, repeat-y;
	background-position: left top, left bottom, center 48px;
	background-image: url(/collabo_shironekokyoto2016/bar/images/base_top.jpg), url(/collabo_shironekokyoto2016/bar/images/base_bottom.jpg), url(/collabo_shironekokyoto2016/bar/images/base_middle.jpg);
}

.base h2,.cont04 h2,.cont05 h2,.cont06 h2,.cont07 h2,.cont08 h2 {
	line-height: 0px;
}

/*.base .inner,.cont04 .inner,.cont05 .inner,.cont06 .inner,.cont07 .inner,.cont08 .inner{
	position: relative;
	padding:15px 0 30px;
	width: 100%;
	text-align: center;
}*/

.base h2,
.base p,
.base p img{
	display: inline-block;
	padding:0 0 30px 0; 
}


.cont02 {
	margin-bottom: 20px;
	padding:4px 0 0 0; 
	min-width: 1000px;
	width: 100%;
	height: 256px;
	text-align: center;
	background-repeat: repeat-x;
	background-position: center top;
	background-image: url(/collabo_shironekokyoto2016/bar/images/info_bg.jpg);
}

.cont02 .inner {
	position: relative;
	margin: 0 auto;
	width: 1000px;
	height: 256px;
}
.cont02 .inner h2{
	position: absolute;
	top: 0;
	left: -75px;
}
.newsWrap {
	position: absolute;
	top: 70px;
	left: 0px;
	padding: 8px 10px 10px;
	width: 760px;
	height: 136px;
	border:#000 4px solid;
	border-radius: 10px; 
	background-color: #fff;
	overflow: auto;
	z-index: 1;
}

.newsWrap ol {
  width:100%;
  font-size: 14px;
}
.newsWrap li {
	padding: 10px;
	border-bottom: 1px #e8e8e8 solid;
}

.newsWrap h1 {
	display: inline-block;
	width:14%;
}
.newsWrap p {
	display: inline-block;
	width: 85%;
	line-height: 1.3;
}

.newsWrap p.attention {
	font-weight: bold;
}
.newsWrap p.attention span {
	margin-right: 5px;
	padding:2px 5px;
	color: #fff;
	background: #f55;
	border-radius: 3px;
}
.chaguma {
	position: absolute;
	bottom: -30px;
	right: -29px;
	z-index: 0;
}





.cont03 .txt01 {
	text-align: center;
}

.cont03 .txt02 {
	text-align: center;
	margin-top: 11px;
}






.cont03 ul{
	text-align: center;
	margin: 34px auto ;
}

.cont03 li {
	display: inline-block;
}

.cont03 img.shironeko {
	position: absolute;
	bottom: 0;
	left: 0;
}

.cont04 p{
	text-align: center;
}

.cont04 p.txt01{
	margin-top: 17px;
}

.cont04 p.btn{
	margin-top: 18px;
}
.cont04 p.btn a {
	cursor: pointer;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
	filter: alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
}
.cont04 p.btn a:hover {
	filter: alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
}
.cont04 p.txt02{
	margin-top: 36px;
}

.cont04 p.txt06{
	margin-bottom: 5px;
}

.cont04 p.txt07{
	margin-top: 40px;
}

.cont04 p.img01{
	margin-bottom: 30px;
}

.cont04 ul {
	text-align: center;
	margin: 28px auto 80px;
}

.cont04 ul li{
	display: inline-block;
	width: 480px;
	vertical-align: top;
}

.cont04 ul li.right {
	margin-left: 25px;
}

.cont04 ul.book {
	margin: 0 auto !important;
}

.cont04 ul.book li{
	width: 223px !important;
	margin: 0 10px 20px;
}

.cont04 ul.book li a {
	cursor: pointer;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
	filter: alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
}
.cont04 ul.book li a:hover {
	filter: alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
}

.cont04 table {
	text-align: center;
	font-size: 12px;
	width: 440px;
	margin: 0 auto;
}

.cont04 table th,.cont04 table td {
	width: 25%;
	text-align: center;
	border: 1px solid #ccc;
	padding:8px 0;
}

.cont04 table th{
	background: #eeece1;
}

.happybag_btn img {
	padding-left: 90px;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
	filter: alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
}

.happybag_btn img:hover {
	filter: alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
}

.cont05 .inner {
	background: #fff;
}

.cont06 .inner {
	text-align: center;
}

#access{
	padding: 0 0 30px;
}

#access .accessList{
	position: relative;
	margin: 0 auto;
	width: 800px;
	font-size: 15px;
}
#access .accessList>dt,
#access .accessList>dd{
	display: inline-block;
	line-height: 24px;
}

#access .accessList>dt{width: 120px;}
#access .accessList>dd{width: 680px;}

.accessBox{
	position: relative;
	margin: 0 auto;
	width: 800px;
	font-size: 15px;
}
.accessBox>h2{
	margin: 30px 0 10px;
	padding: 0;
	width: 300px;
	height: 40px;
	font-size: 18px;
	text-align: center;
	line-height: 40px;
	background-color: #fff;
}
.accessBox>h3{
	font-size: 18px;
	line-height: 30px;
}
.accessBox>p{
	display: block;
	padding: 0;
	line-height: 24px;
}

/*.cont06 .right{
	margin-left: 70px;
}

.cont06 table {
	width: 100%;
}

.cont06 table th {
	width: 110px;
}

.cont06 table th,.cont06 table td {
	font-size: 14px;
	padding: 8px 0;
}

.cont06 .tit {
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	padding: 5px 10px;
	background: #eeede5;
	display: inherit;
	margin-bottom: 10px;
	color: #8f6c00;
}

.cont06 .txt {
	line-height: 1.8em;
	margin-bottom: 10px;
}

.cont07 .inner {
	text-align: center;
}


.cont08 .inner {
	text-align: center;
	padding: 0 0 20px !important;
}
*/
.moreText {
	display: block;
	width: 800px;
	margin:10px auto;
	padding:10px 20px;
	text-align: center;
	color: #fff;
	font-weight: bold;
	background: #f39800;
	border-radius: 4px;
}


.appArea {
	position: relative;
	width: 1000px;
	height: 273px;
	margin: 40px auto;
	background: url(/collabo_shironekokyoto2016/bar/images/app_bg.png) 50% 0 no-repeat;
}
.appArea h2 {
	position: absolute;
	top: -40px;
	left: 15px;
	width: 971px;
	height: 156px;
}
.appArea .btnArea {
	padding: 104px 0 0 410px;
}
.appArea .btnArea ul {
	overflow: hidden;
	padding:0 0 15px 0;
}
.appArea .btnArea li {
	float: left;
	margin-right: 10px;
}
.appArea .btnArea .websiteBtn {
	clear: both;
	padding-left: 5px;
}
.appArea .btnArea .websiteBtn a {
	display: inline-block;
	width: 542px;
	height:62px;
	text-indent: -9999px;
	background-repeat: no-repeat;
	background-position: center top;
	background-image: url(/collabo_shironekokyoto2016/bar/images/app_btn.png);
}
.appArea .btnArea .websiteBtn a:hover {
	background-position: center bottom;
}


#wrapnews {
	padding: 40px 20px 20px;
}

#wrapnews h1 {
	font-size: 20px;
	font-weight: bold;
	padding-bottom: 15px;
}

#wrapnews p.date {
	border-top: 1px solid #442e00;
	padding-top: 20px;
	text-align: right;
}
#wrapnews .image {
	width: 100%;
	text-align: center;
}
#wrapnews .image img {
	width: 100%;
	max-width: 900px;
}
#wrapnews p {
	padding-top: 10px;
	font-size: 14px;
	line-height: 1.5em;
	word-wrap:break-word;
}

.note {
	font-weight: bold;
	color: #ff0000;
	font-size: 115%;
	margin: 0 0 0.6em 120px;
	text-align: center;
	line-height: 1.4em !important;
}

footer {
	overflow: hidden;
	width: 100%;
	background: #402c17;
}
footer .footerWrap {
	width: 1000px;
	height: 100px;
	margin:0 auto;
}
footer .coloplLogo {
	float: left;
	width: 300px;
	height: 68px;
	padding-top: 20px;
	
	
}
footer .coloplLogo a{
	display: inline-block;
	margin: 0 20px 0 0;
	height: 68px;
	line-height: 68px;
}
footer .coloplLogo a img{
	vertical-align: middle;
}
footer .naviArea {
	float: right;
	width: 500px;
	padding:25px 0 20px;
}
footer .naviArea p {
	color:#fff;
	font-size: 14px;
	text-align: right;
}
footer .naviArea .link {
	padding-bottom: 10px;
}
footer .naviArea .link a {
	color: #fff;
}
footer .naviArea .copyright {
	font-size: 13px;
}


#wrapnews {
	color: #fff;
}


/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
　FOOT NAV
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

#footNav {
	position: fixed;
	z-index: 9001;
	bottom:0px;
	right:0px;
	}

#footNav .btn {
	margin:0 10px 10px 0;
	}

#footNav .btn a {
	}

/*fade*/
#footNav .btn {
    -webkit-transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
}
#footNav .btn:hover {
    -webkit-transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
}


/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
　FONT
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

.pt12 { font-size: 12px;}
.pt14 { font-size: 14px;}
.pt16 { font-size: 16px;}
.pt26 { font-size: 26px;}
.bold { font-weight: bold;}

.red { color: #9f0c0c}