@charset "utf-8";

/*
============================================================
top.css
------------------------------------------------------------

■ サイドナビ
■ 一覧ページ
■ 詳細ページ共通
■ 詳細ページ表示
■ 詳細モーダルウインドウ

============================================================
*/

/* ---------------------------------------------------------
■ サイドナビ
--------------------------------------------------------- */
.newsSideNav {
	width: 265px;
	margin: 0 0 5px 0; }

ul.newsSideNavList {
	width: 265px; }

li.newsSideNavAll, li.newsSideNavMedia, li.newsSideNavTheaterInfo, li.newsSideNavTheaterMov, li.newsSideNavAkushu, li.newsSideNavEvent, li.newsSideNavOfficial, li.newsSideNavDisk, li.newsSideNavGoods, li.newsSideNavPhoto, li.newsSideNavFunclub, li.newsSideNavMobile, li.newsSideNavCafeShop, li.newsSideNavSonota, li.newsSideNavFashion, li.newsSideNavNetwork, li.newsSideNavItem, li.newsSideNavJoy, li.newsSideNavMeet, li.newsSideNavMore {
	font-size: 88%;
	width: 265px;
	height: 46px;
	margin: 0 0 5px 0;
	text-align: left; }


li.newsSideNavAll a, li.newsSideNavMedia a, li.newsSideNavTheaterInfo a, li.newsSideNavTheaterMov a, li.newsSideNavAkushu a, li.newsSideNavEvent a, li.newsSideNavOfficial a, li.newsSideNavDisk a, li.newsSideNavGoods a, li.newsSideNavPhoto a, li.newsSideNavFunclub a, li.newsSideNavMobile a, li.newsSideNavCafeShop a, li.newsSideNavSonota a, li.newsSideNavFashion a, li.newsSideNavNetwork a {
	color: #595757;
	width: 200px;
	height: 32px;
	padding: 14px 0 0 54px;
	display: block;
	background-image: url(../img/news/bg_sidenav.gif);
	background-repeat: no-repeat; }

li.newsSideNavItem a, li.newsSideNavJoy a, li.newsSideNavMeet a, li.newsSideNavMore a {
	color: #595757;
	width: 200px;
	height: 32px;
	padding: 14px 0 0 54px;
	display: block;
	background-image: url(../img/news/bg_sidenav2.gif);
	background-repeat: no-repeat; }

li.newsSideNavAll a { background-position: 0 0; }
li.newsSideNavMedia a { background-position: 0 -46px; }
li.newsSideNavTheaterInfo a { background-position: 0 -92px; }
li.newsSideNavTheaterMov a { background-position: 0 -138px; }
li.newsSideNavAkushu a { background-position: 0 -184px; }
li.newsSideNavEvent a { background-position: 0 -230px; }
li.newsSideNavOfficial a { background-position: 0 -276px; }
li.newsSideNavDisk a { background-position: 0 -322px; }
li.newsSideNavGoods a { background-position: 0 -368px; }
li.newsSideNavPhoto a { background-position: 0 -414px; }
li.newsSideNavFunclub a { background-position: 0 -460px; }
li.newsSideNavMobile a { background-position: 0 -506px; }
li.newsSideNavCafeShop a { background-position: 0 -552px; }
li.newsSideNavSonota a { background-position: 0 -598px; }
li.newsSideNavFashion a { background-position: 0 -644px; }
li.newsSideNavNetwork a { background-position: 0 -690px; }

li.newsSideNavItem a { background-position: 0 -46px; }
li.newsSideNavJoy a { background-position: 0 -92px; }
li.newsSideNavMeet a { background-position: 0 -138px; }
li.newsSideNavMore a { background-position: 0 -184px; }

span.current {
	width: 200px;
	height: 31px;
	color: #595757;
	display: block;
	margin: -15px 0 0 -54px;
	padding: 15px 0 0 54px; }


li.newsSideNavAll a:hover, li.newsSideNavMedia a:hover, li.newsSideNavTheaterInfo a:hover, li.newsSideNavTheaterMov a:hover, li.newsSideNavAkushu a:hover, li.newsSideNavEvent a:hover, li.newsSideNavOfficial a:hover, li.newsSideNavDisk a:hover, li.newsSideNavGoods a:hover, li.newsSideNavPhoto a:hover, li.newsSideNavFunclub a:hover, li.newsSideNavMobile a:hover, li.newsSideNavCafeShop a:hover, li.newsSideNavSonota a:hover, li.newsSideNavFashion a:hover, li.newsSideNavNetwork a:hover { color: #FFF; }

li.newsSideNavItem a:hover, li.newsSideNavJoy a:hover, li.newsSideNavMeet a:hover, li.newsSideNavMore a:hover { color: #FFF; }

li.newsSideNavAll a:hover { background-position: -254px 0; }
li.newsSideNavMedia a:hover { background-position: -254px -46px; }
li.newsSideNavTheaterInfo a:hover { background-position: -254px -92px; }
li.newsSideNavTheaterMov a:hover { background-position:-254px -138px; }
li.newsSideNavAkushu a:hover { background-position: -254px -184px; }
li.newsSideNavEvent a:hover { background-position: -254px -230px; }
li.newsSideNavOfficial a:hover { background-position: -254px -276px; }
li.newsSideNavDisk a:hover { background-position: -254px -322px; }
li.newsSideNavGoods a:hover { background-position: -254px -368px; }
li.newsSideNavPhoto a:hover { background-position: -254px -414px; }
li.newsSideNavFunclub a:hover { background-position: -254px -460px; }
li.newsSideNavMobile a:hover { background-position: -254px -506px; }
li.newsSideNavCafeShop a:hover { background-position: -254px -552px; }
li.newsSideNavSonota a:hover { background-position: -254px -598px; }
li.newsSideNavFashion a:hover { background-position: -254px -644px; }
li.newsSideNavNetwork a:hover { background-position: -254px -690px; }

li.newsSideNavItem a:hover { background-position: -254px -46px; }
li.newsSideNavJoy a:hover { background-position: -254px -92px; }
li.newsSideNavMeet a:hover { background-position:-254px -138px; }
li.newsSideNavMore a:hover { background-position: -254px -184px; }


li.newsSideNavAll .current, li.newsSideNavMedia .current, li.newsSideNavTheaterInfo .current,
li.newsSideNavTheaterMov .current,  li.newsSideNavEvent .current, li.newsSideNavGoods .current, li.newsSideNavDisk .current, li.newsSideNavTicket .current, li.newsSideNavBirthDay .current,
li.newsSideNavSonota .current, li.newsSideNavMember .current, li.newsSideNavFashion .current, li.newsSideNavNetwork .current, li.newsSideNavCafeShop .current, li.newsSideNavMobile .current,
li.newsSideNavFunclub .current, li.newsSideNavPhoto .current, li.newsSideNavOfficial .current,
li.newsSideNavAkushu .current    {
	width: 211px;
	height: 32px;
	display: block;
	margin: -14px 0 0 -54px;
	padding: 14px 0 0 54px;
	color: #FFF;
	background-image: url(../img/news/bg_sidenav.gif);
	background-repeat: no-repeat; }

li.newsSideNavItem .current, li.newsSideNavJoy .current, li.newsSideNavMeet .current, li.newsSideNavMore .current {
	width: 211px;
	height: 32px;
	display: block;
	margin: -14px 0 0 -54px;
	padding: 14px 0 0 54px;
	color: #FFF;
	background-image: url(../img/news/bg_sidenav2.gif);
	background-repeat: no-repeat; }

li.newsSideNavAll .current { background-position: -508px 0; }
li.newsSideNavMedia .current { background-position: -508px -46px; }
li.newsSideNavTheaterInfo .current { background-position: -508px -92px; }
li.newsSideNavTheaterMov .current { background-position: -508px -138px; }
li.newsSideNavAkushu .current { background-position: -508px -184px; }
li.newsSideNavEvent .current { background-position: -508px -230px; }
li.newsSideNavOfficial .current { background-position: -508px -276px; }
li.newsSideNavDisk .current { background-position: -508px -322px; }
li.newsSideNavGoods .current { background-position: -508px -368px; }
li.newsSideNavPhoto .current { background-position: -508px -414px; }
li.newsSideNavFunclub .current { background-position: -508px -460px; }
li.newsSideNavMobile .current { background-position: -508px -506px; }
li.newsSideNavCafeShop .current { background-position: -508px -552px; }
li.newsSideNavSonota .current { background-position: -508px -598px; }
li.newsSideNavFashion .current { background-position: -508px -644px; }
li.newsSideNavNetwork .current { background-position: -508px -690px; }

li.newsSideNavItem .current { background-position: -508px -46px; }
li.newsSideNavJoy .current { background-position: -508px -92px; }
li.newsSideNavMeet .current { background-position: -508px -138px; }
li.newsSideNavMore .current { background-position: -508px -184px; }

.newsSideNavCal {
	background-color: #FFF;
	width: 217px;
	padding: 19px 18px 19px 19px ;
	position: relative; }

.newsSideCalendar table {
	float: left;
	margin: 0 10px 0 0; }

.newsSideNavCal td {
	width: 30px;
	height: 30px;
	padding: 1px 1px 0 0; }

.jqueryCalendar {
	position: relative;
	height: 237px;
	background-color: #FFF;}

ul.navi {
	position: relative;
	margin: 0;
	padding: 0;
	height: 30px;
}

.main {
	margin: -32px 0 0 0;
	color: #595757;
	font-size: 88%;
}

.jqueryCalendar ul.navi li.prev {
	position: absolute;
	top: 0;
	left: 0;
}

.jqueryCalendar ul.navi li.next {
	position: absolute;
	top: 0;
	right: 0;
}

.jqueryCalendar ul.navi li.prev a {
	background-image: url(../img/about/schedule/calendar/btn_prev.gif);
	background-position: 0 0;
	background-repeat: no-repeat;
	display: block;
	text-indent: -9999px;
	cursor: pointer;
	width: 30px;
	height: 30px;
}

.jqueryCalendar ul.navi li.next a {
	background-image: url(../img/about/schedule/calendar/btn_next.gif);
	background-position: right 0;
	background-repeat: no-repeat;
	display: block;
	text-indent: -9999px;
	cursor: pointer;
	width: 30px;
	height: 30px;
}

.jqueryCalendar ul.navi li.prev a:hover {
}

.jqueryCalendar ul.navi li.next a:hover {
}

.otherMonth {
	background-color: #FFF;
	color: #FFF;
}

.currentMonth {
	background-color: #b5b5b6;
	color: #FFF;
}

.event {
	background-color: #f596b4;
	color: #FFF;
}

.todaySide {
	background-color: #e05e9e;
	color: #FFF;
}


.sun {
	width: 30px;
	height: 30px;
}

table.calendar1 th {
	color: #595757;
	font-size: 88%;
	text-align: center;
	vertical-align: middle;
}

table.calendar1 td {
	border: 1px solid #FFF;
	border-radius: 1px;        /* CSS3草案 */
    -webkit-border-radius: 1px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 1px;   /* Firefox用 */
	font-size: 88%;
	text-align: center;
	vertical-align: middle;
}

.todayLink {
	display: none;
}

h4.newsSideNavListTitle {
	font-size: 69%;
	color: #e05e9e; }

.caption {
	line-height: 1.3em; }


/* ---------------------------------------------------------
■ 一覧ページ
--------------------------------------------------------- */
.newsList {
	padding: 20px 0 10px 0; }

.newsList ul {
	width: 742px;
	margin: 10px auto 0 auto;
	overflow: hidden;
	*zoom: 1; }

li.newsListDays {
	margin: 0 0 20px 0;
}

.newsListDay {
	margin: 0 0 10px 0; }

.newsListDay ul {
	display: none; }

.openNews ul {
	display: block;}

.newsPageNav {
	width: 360px;
	height: 46px;
	margin: 0 auto; }

.newsPageNavBack {
	width: 175px;
	height: 46px;
	float: left; }

.newsPageNavNext {
	width: 175px;
	height: 46px;
	float: right; }

.newsPageNavBack a, .newsPageNavNext a {
	width: 175px;
	height: 46px;
	display: block;
	text-indent: -9999px;}

.newsPageNavBack a { background-image: url(../img/news/btn_back.gif); }
.newsPageNavNext a { background-image: url(../img/news/btn_next.gif); }

.newsPageNavBack a:hover, .newsPageNavNext a:hover {
	background-position: 0 -48px; }



/* ---------------------------------------------------------
■ 詳細ページ共通
--------------------------------------------------------- */
.newsWrapper {
	border-top: 10px solid #fbe0e6;
	margin: 0 0 10px 0; }

p.newsTitle {
	font-size: 100%;
	color: #e05e9e;
	font-weight: bold;
	position: absolute;
	top: 5px;
	left: 210px; }

.newsListDay ul {
	width: 760px;
	margin: 0 auto;
	border-top: 1px solid #e5e5e5; }

.newsListDay li {
	position: relative;
	overflow: hidden;
	border-bottom: 1px solid #e5e5e5;
	height: 32px;
	zoom: 1; }

.new {
	position: absolute;
	width: 30px;
	height:12px;
	top: 10px;
	left: 20px; }

.date {
	position: absolute;
	width: 80px;
	color: #595757;
	font-size: 75%;
	line-height: 32px;
	margin: 0;
	top: 0;
	left: 70px; }

.category {
	position: absolute;
	width: 118px;
	font-size: 69%;
	line-height: 20px;
	text-align: center;
	top: 5px;
	left: 170px; }

.categoryDetail {
	width: 118px;
	font-size: 69%;
	line-height: 20px;
	text-align: center; }

.text {
	position: absolute;
	overflow: hidden;
	width: 430px;
	height: 32px;
	color: #595757;
	font-size: 75%;
	line-height: 32px;
	text-align: left;
	top: 0;
	left: 310px; }

.text a {
	color: #595757;
	cursor: pointer; }

.text a:hover {
	text-decoration: underline; }

.text p{
	width: 100%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.newsmedia {
	color: #e05e9e;
	border: 1px solid #e05e9e; }

.newstheater {
	color: #f596b4;
	border: 1px solid #f596b4; }

.newstheatermov {
	color: #ef6891;
	border: 1px solid #ef6891; }

.newsakushu {
	color: #f2731d;
	border: 1px solid #f2731d; }

.newsevent {
	color: #fcc300;
	border: 1px solid #fcc300; }

.newsblog {
	color: #a847cc;
	border: 1px solid #a847cc; }

.newscd {
	color: #52c5d7;
	border: 1px solid #52c5d7; }

.newsdvd {
	color: #64cc5e;
	border: 1px solid #64cc5e; }

.newsgoods {
	color: #5168ae;
	border: 1px solid #5168ae; }

.newsphoto {
	color: #a88047;
	border: 1px solid #a88047; }

.newsfunclub {
	color: #346b8a;
	border: 1px solid #346b8a; }

.newsmobile {
	color: #e2060a;
	border: 1px solid #e2060a; }

.newskisekae {
	color: #a81b50;
	border: 1px solid #a81b50; }

.newsofficialnet {
	color: #000000;
	border: 1px solid #000000; }

.newscafeshop {
	color: #e05e9e;
	border: 1px solid #e05e9e; }

.newssonota {
	color: #b5b5b6;
	border: 1px solid #b5b5b6; }

.newsitem {
	color: #601980;
	border: 1px solid #601980; }

.newsnihon {
	color: #eeac2d;
	border: 1px solid #eeac2d; }

.newsmobile2 {
	color: #9a0b5d;
	border: 1px solid #9a0b5d; }

.newsiphone {
	color: #3e3a39;
	border: 1px solid #3e3a39; }

.newsandroid {
	color: #6a3906;
	border: 1px solid #6a3906; }

.newscsakiba {
	color: #e05e9e;
	border: 1px solid #e05e9e; }

.newscshakata {
	color: #e05e9e;
	border: 1px solid #e05e9e; }

.newscsnanba {
	color: #e05e9e;
	border: 1px solid #e05e9e; }

.newsblog2 {
	color: #f498e1;
	border: 1px solid #f498e1; }

.newsgoogle {
	color: #a88047;
	border: 1px solid #a88047; }

.newsyoutube {
	color: #dc0012;
	border: 1px solid #dc0012; }



h4.newsListDayTitle {
	font-size: 113%;
	width: 742px;
	height: 60px;
	color: #FFF;
	line-height: 60px;
	margin: 0 auto 20px auto;
	text-align: center; }

h4.newsListDayTitle span {
	cursor: pointer;
	width: 742px;
	height: 60px;
	padding: 0;
	display: block;
	background-image: url(../img/news/bg_newsAccordion_open.gif); }

h4.newsListDayTitle span.open { background-image: url(../img/news/bg_newsAccordion_close.gif); }




/* ---------------------------------------------------------
■ 詳細ページ表示 ※モーダル
--------------------------------------------------------- */
.newsDetailBody {
	min-width: 100%;
	overflow: hidden; }

.newsDetailWrapper {
	position: relative;
	width: 700px;
	height: 630px;
	padding: 0;
	overflow: hidden;
	text-align: left; }

.newsDetailHeader {
	width: 700px;
	border-bottom: 1px solid #e5e5e5;
	margin: 0 0 35px 0; }

.newsDate {
	font-size: 75%;
	color: #595757;
	float: left;
	margin: 0 10px 0 0; }

.categoryDetail2 {
	width: 118px;
	font-size: 69%;
	margin: -5px 0 20px 0;
	line-height: 20px;
	float: left;
	text-align: center; }

h3.newsDetailTitle {
	clear: both;
	width: 700px;
	font-size: 157%;
	line-height: 1.28em;
	margin: 15px 0 35px 0; }

.newsDetailContentsInc {
	width: 700px;
	font-size: 88%; }

.newsDetailNav {
	width: 360px;
	height: 46px;
	margin: 70px auto 0 auto;
	overflow: hidden; }

.newsDetailNavBack {
	width: 175px;
	height: 46px;
	float: left; }

.newsDetailNavNext {
	width: 175px;
	height: 46px;
	float: right; }

.newsDetailNavBack a, .newsDetailNavNext a {
	width: 175px;
	height: 46px;
	display: block;
	text-indent: -9999px;
	background-position: 0 0;
	background-repeat: no-repeat; }

.newsDetailNavBack a { background-image: url(../img/news/btn_back.gif); }
.newsDetailNavNext a { background-image: url(../img/news/btn_next.gif); }

.newsDetailNavBack a:hover, .newsDetailNavNext a:hover {
	background-position: 0 -48px; }




/* ---------------------------------------------------------
■ 詳細ページ表示 ※ページ
--------------------------------------------------------- */
.newsDetail{
	padding: 20px 24px 10px;
}
.newsDetailHeader {
	width: 100%;
	border-bottom: 1px solid #e5e5e5;
	margin: 0 0 20px 0; }

.newsDate {
	font-size: 75%;
	color: #595757;
	float: left;
	margin: 0 10px 0 0; }

.categoryDetail2 {
	width: 118px;
	font-size: 69%;
	margin: -5px 0 20px 0;
	line-height: 20px;
	float: left;
	text-align: center; }

h3.newsDetailTitle {
	clear: both;
	width: 100%;
	font-size: 157%;
	line-height: 1.28em;
	margin: 15px 0 35px 0; }
.share{
	margin:0 0 20px;
}
.share ul.socialLink {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  -ms-justify-content: flex-end;
  justify-content: flex-end;
  -ms-flex-pack: flex-end;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
.share ul.socialLink li {
  margin: 0;
  padding: 0;
}
.share ul.socialLink li a {
  display: block;
  width: 30px;
  height: 30px;
  text-indent: -9999px;
  text-align: left;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all  0.3s ease;
}
.share ul.socialLink li a.twitter {
  background: url(/images/share_twitter.png) top left no-repeat;
  background-size: contain;
}
.share ul.socialLink li a.line {
  background: url(/images/share_line.png) top left no-repeat;
  background-size: contain;
}
.newsDetailContentsInc {
	width: 100%;
	font-size: 88%; }