/* style CSS */

body {
	width:980px;
	text-align:center;
	color:#303030;
	margin:0 auto;
	line-height:1.8em;
	font-family: Verdana,Arial,"メイリオ",Meiryo,"ヒラギノ角ゴPro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif;
	background:url(../../images/background.gif) center fixed;
	word-break:break-all;
}

a:link { color:#447e61; }
a:visited { color:#447e61; }
a:hover { color:#f8b72d; }
a:active { color:#447e61; }

#wrapper {
	margin-left:auto;
	margin-right:auto;
	margin-bottom:20px;
	position:relative;
}
#contents {
	margin:20px 0 0 0;
	background:url(../../images/bg_container.png);
	border-radius: 20px;
	position: relative;
	behavior: url(/w/common/pie/PIE.htc);
}

h3 { margin:0 0 10px 0; }


/* ヘッダー ＆ グローバルナビゲーション
------------------------------------------------------------------------*/
header {
	margin:0 0 20px 0;
	}

header h1#logo a {
	width:200px;
	height:140px;
	text-indent:-9999px;
	float:left;
	background:url(../../images/headerNavi.png) no-repeat;
}
header h2 {
	padding:20px 0 0 0;
}
nav#headernav {
	width:780px;
	height:140px;
	float:right;
}

nav#headernav li a {
	text-indent:-9999px;
	display:block;
	float:left;
}
li#naviNews a {
	width:156px;
	height:140px;
	background:url(../../images/headerNavi.png) -200px 0 no-repeat;
}
li#naviNews a:hover {
	background:url(../../images/headerNavi.png) -200px -140px no-repeat;
}
li#naviAnime a {
	width:156px;
	height:140px;
	background:url(../../images/headerNavi.png) -356px 0 no-repeat;
}
li#naviAnime a:hover {
	background:url(../../images/headerNavi.png) -356px -140px no-repeat;
}
li#naviGoods a {
	width:156px;
	height:140px;
	background:url(../../images/headerNavi.png) -512px 0 no-repeat;
}
li#naviGoods a:hover {
	background:url(../../images/headerNavi.png) -512px -140px no-repeat;
}
li#naviBlog a {
	width:156px;
	height:140px;
	background:url(../../images/headerNavi.png) -668px 0 no-repeat;
}
li#naviBlog a:hover {
	background:url(../../images/headerNavi.png) -668px -140px no-repeat;
}
li#naviEnjoy a {
	width:156px;
	height:140px;
	background:url(../../images/headerNavi.png) -824px 0 no-repeat;
}
li#naviEnjoy a:hover {
	background:url(../../images/headerNavi.png) -824px -140px no-repeat;
}

/* 左カラム
------------------------------------------------------------------------*/
#leftColumn {
	width:620px;
	margin:20px 0 20px 20px;
	text-align:left;
	float:left;
}

#leftColumn h3 {
	min-height:34px;
	padding:0 0 0 10px;
	font-size:1.8em;
	line-height:1.8em;
	color:#fff;
	background:url(../../images/bg_h2.jpg) no-repeat;
}

/* 右カラム
------------------------------------------------------------------------*/
#rightColumn {
	width:300px;
	margin:20px 20px 60px 0;
	text-align:left;
	float:right;
}

#rightColumn h3 {
}

/* フッター ＆ フッターナビゲーション
------------------------------------------------------------------------*/
#footer {
	width:980px;
    height:110px;
	margin:20px 0 0 0;
	background:url(../../images/bg_footer.png) repeat-x;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-box-shadow: 0px 0px 18px rgb(252, 249, 225) inset;
	-moz-box-shadow: 0px 0px 18px rgb(252, 249, 225) inset;
	-ms-box-shadow: 0px 0px 18px rgb(252, 249, 225) inset;
	box-shadow: 0px 0px 18px rgb(252, 249, 225) inset;
	position: relative;
	behavior: url(/w/common/pie/PIE.htc);
}

#address { width:960px; height:63px; padding:13px 0 0 20px; }
#address div#fnaviMail a {
	width:352px;
	height:53px;
	text-indent:-9999px;
	display:block;
	float:left;
	background:url(../../images/footerNavi.png) no-repeat;
}
#address div#fnaviCompany a {
	width:400px;
	height:53px;
	text-indent:-9999px;
	display:block;
	float:left;
	background:url(../../images/footerNavi.png) -352px 0 no-repeat;
}
#address div#fnaviDm a {
	width:144px;
	height:53px;
	text-indent:-9999px;
	display:block;
	float:left;
	background:url(../../images/footerNavi.png) -608px 0 no-repeat;
}
#copyright {
	width:597px;
	height:16px;
	margin:0 0 0 20px;
	/* text-indent:-9999px; */
	float:left;
	text-align: left;
	font-size: 14px;
	color: #720c00;
	/* background:url(../../images/copyright.png) no-repeat; */
}

#pageTop a {
	width:164px;
	height:110px;
	bottom:68px;
	left:796px;
	text-indent:-9999px;
	display:block;
	position:absolute;
	background:url(../../images/pageTop.png) no-repeat;
	z-index:3;
}

/* 右カラムバナー表示エリア（汎用）
------------------------------------------------------------------------*/
#bannerArea {
	width:300px;
	margin:10px 0 0 0;
}
#bannerArea li {
	margin:0 0 10px 0;
	display:block;
}

/* ニュース用：ページング
------------------------------------------------------------------------*/

.nav-previous a {
	width:140px;
	height:40px;
	display:block;
	text-indent:-9999px;
	background:url(../../images/button_paging.png) no-repeat;
	float:left;
}
.nav-previous a:hover {
	background:url(../../images/button_paging.png) 0 -40px no-repeat;
}
.nav-next a {
	width:140px;
	height:40px;
	display:block;
	text-indent:-9999px;
	background:url(../../images/button_paging.png) -140px 0 no-repeat;
	float:right;
}
.nav-next a:hover {
	background:url(../../images/button_paging.png) -140px -40px no-repeat;
}
.nav-home a {
	width:140px;
	height:40px;
	margin:0 auto;
	display:block;
	text-indent:-9999px;
	background:url(../../images/button_paging.png) -280px 0 no-repeat;
}
.nav-home a:hover {
	background:url(../../images/button_paging.png) -280px -40px no-repeat;
}

/* トップページ
------------------------------------------------------------------------*/
#buttonRss a {
	width:620px;
	height:35px;
	margin:0 0 5px 0;
	text-indent:-9999px;
	display:block;
	background:url(../../images/icon_rss.png) right no-repeat;
}
#leftColumn h1.entry-title {
	min-height:34px;
	padding:0 0 0 5px;
	font-size:1.8em;
	line-height:1.8em;
	color:#fff;
	background:url(../../images/bg_h2.jpg) no-repeat;
}
#leftColumn h1.entry-title a { color:#fff; text-decoration:none; }
#leftColumn h1.entry-title img { vertical-align: bottom; }
#leftColumn article { position:relative; }

.contentArticle { position:relative; }
.entry-header, .archive-header { margin:0 0 5px 0; }
.entry-meta {
	margin:3px 0 0 0;
	position:absolute;
	top:34px;
	right:0;
	font-size:1.2em;
	color:#ff80e9;
}
.entry-meta a {
	color:#ff80e9;
	text-decoration:none;
}
.entry-thumb {
	margin:2px 10px 10px 0;
	line-height:0px;
	float:left;
}
.entry-thumb img {
	padding:2px;
	border:1px solid #b46e00;
	background:#fff;
}
.entry-content {
	margin:2px 0 0 0;
	font-size:1.4em;
	line-height:1.6em;
	text-align:left;
}
/*.entry-content p { padding:30px 0 0 0; }*/
.entry-content img {
	padding:2px;
	margin:2px 10px 10px 0;
	border:1px solid #b46e00;
	background:#fff;
	float:left;
}

.more-link {
	width:142px;
	height:40px;
	margin:10px 0 0 0;
	display:block;
	text-indent:-9999px;
	float:right;
	background:url(../../images/button_more.png) no-repeat;
}

.line-btn {
	margin-top:-23px;
	float:left;
}

.navigation {
	width:620px;
	margin:20px 0 0 0;
	padding:10px 0 0 0;
	background:url(../../images/line01.png) top repeat-x;
}

/* 点線（キャラ紹介ページとキャスト＆スタッフページ）
--------------------------------------------------------------------------*/
.charaContainer, .castContainer {
	padding:0 0 10px 0;
	margin:0 0 10px 17px;
	background:url(../../images/line01.png) bottom no-repeat;
}

/* アニメ：エピソード
------------------------------------------------------------------------*/
#movie {
	width:620px;
	margin:20px 0 0 0;
}

#leftColumn h5.movieTitle {
	margin:20px 0 0 0;
	font-size:1.7em;
}
#leftColumn p.movieDescription {
	margin:10px 0 0 0;
	font-size:1.4em;
}
#socialButton {
	margin:10px 0 10px 0;
	text-align:right;
}
#leftColumn ul {
	list-style-type:none;
}
#leftColumn li.movieThumbLeft {
	width:305px;
	height:172px;
	margin:10px 0 0 0;
	float:left;
}
#leftColumn li.movieThumbRight {
	width:305px;
	height:172px;
	margin:10px 0 0 0;
	float:right;
}
.sideMenu { margin:0 0 10px 0; }
.sideMenu h4, .sideMenu h4 a {
	margin:0 0 3px 0;
	color:#e14ca0;
	text-decoration:none;
}
.sideMenu h4 a:hover { color:#f8b72d; }
.sideMenu h4.titleA {
	width:300px;
	padding-left:40px;
	font-size:2em;
	line-height:33px;
	background:url(../../images/icon_flower01.png) left top no-repeat;
}
.sideMenu h4.titleB {
	width:300px;
	padding-left:40px;
	font-size:2em;
	line-height:33px;
	background:url(../../images/icon_flower02.png) left top no-repeat;
}
.sideMenu h4.titleC {
	width:300px;
	padding-left:40px;
	font-size:2em;
	line-height:33px;
	background:url(../../images/icon_flower03.png) left top no-repeat;
}
.sideMenu ul { list-style:none; }
.sideMenu li, .sideMenu li a {	color:#e14ca0; text-decoration:none; }
.sideMenu li a:hover { color:#f8b72d; }
.sideMenu li.menuA {
	width:300px;
	padding:3px 0 0 40px;
	font-size:1.6em;
	line-height:27px;
	background:url(../../images/icon_flower01.png) 0 -33px no-repeat;
}
.sideMenu li.menuB {
	width:300px;
	padding:3px 0 0 40px;
	font-size:1.6em;
	line-height:27px;
	background:url(../../images/icon_flower02.png) 0 -33px no-repeat;
}

/* アニメ：エピソードナビゲーション
------------------------------------------------------------------------*/
#movie li#epnavA a {
	width:620px;
	height:349px;
	display:block;
	text-indent:-9999px;
	background:url(../../movie/images/thumb_ep03L.jpg) no-repeat;
}
#movie li#epnavA a:hover {
	background:url(../../movie/images/thumb_ep03L.jpg) 0 -349px no-repeat;
}
#movie li#epnavB a {
	width:620px;
	height:349px;
	display:block;
	text-indent:-9999px;
	background:url(../../movie/images/thumb_ep06L.jpg) no-repeat;
}
#movie li#epnavB a:hover {
	background:url(../../movie/images/thumb_ep06L.jpg) 0 -349px no-repeat;
}
#movie li#epnavC a {
	width:620px;
	height:349px;
	display:block;
	text-indent:-9999px;
	background:url(../../movie/images/thumb_machikotaisouL.jpg) no-repeat;
}
#movie li#epnavC a:hover {
	background:url(../../movie/images/thumb_machikotaisouL.jpg) 0 -349px no-repeat;
}
#movie li#epnavD a {
	width:620px;
	height:349px;
	display:block;
	text-indent:-9999px;
	background:url(../../movie/images/thumb_jolienL.jpg) no-repeat;
}
#movie li#epnavD a:hover {
	background:url(../../movie/images/thumb_jolienL.jpg) 0 -349px no-repeat;
}

#movie li#epnavE a {
	width:620px;
	height:349px;
	display:block;
	text-indent:-9999px;
	background:url(../../movie/images/thumb_ep09L.jpg) no-repeat;
}
#movie li#epnavE a:hover {
	background:url(../../movie/images/thumb_ep09L.jpg) 0 -349px no-repeat;
}

#movie li#epnavF a {
	width:620px;
	height:349px;
	display:block;
	text-indent:-9999px;
	background:url(../../movie/images/thumb_machikodance2L.jpg) no-repeat;
}
#movie li#epnavF a:hover {
	background:url(../../movie/images/thumb_machikodance2L.jpg) 0 -349px no-repeat;
}

/* アニメ：キャラクター紹介
------------------------------------------------------------------------*/
.charaContainer .charaLeft img {
	float:left;
}
.charaContainer .charaLeft p {
	padding:10px 0 0 220px;
	font-size:1.4em;
	line-height:1.8em;
}
.charaContainer .charaLeft h5 {
	padding:15px 0 0 220px;
	font-size:1.8em;
	color:#720c00;
}
.charaContainer .charaRight img {
	float:right;
}
.charaContainer .charaRight p {
	padding:10px 220px 0 0 ;
	font-size:1.4em;
	line-height:1.8em;
}
.charaContainer .charaRight h5 {
	padding:15px 220px 0 0;
	font-size:1.8em;
	color:#720c00;
}

li#charamovie a {
	width:130px;
	height:33px;
	margin:10px 0 0 0;
	display:block;
	text-indent:-9999px;
	background:url(../../images/button_charamovie.png) no-repeat;
}


/* アニメ：キャスト＆スタッフ
------------------------------------------------------------------------*/
.castContainer .charaName {
	width:200px;
	height:24px;
	font-size:1.6em;
	font-weight:bold;
	line-height:2em;
	text-align:left;
	float:left;
}
.castContainer .cvName {
	width:400px;
	height:24px;
	font-size:1.4em;
	line-height:2em;
	text-align:left;
	float:right;
}
.staffTitle {
	margin:20px 0 5px 17px;
	padding:0 0 5px 0;
	background:url(../../images/line01.png) bottom no-repeat;
}
.staffTitle h5 {
	height:24px;
	padding:2px 0 1px 35px;
	font-size:1.6em;
	line-height:26px;
	background:url(../../images/icon_flower01.png) 0 -33px no-repeat;
}
.staffName { margin:0 0 0 27px; }
.staffName p {
	width:280px;
	font-size:1.4em;
	line-height:26px;
	float:left;
}
.staffName p.onecolumn {
	width:560px;
	font-size:1.4em;
	line-height:26px;
}

/* グッズ：グッズ一覧
------------------------------------------------------------------------*/
/*2カラム用*/
.itemContainer {
	width:265px;
	height:480px;
	margin:0 0 10px 10px;
	padding:10px;
	float:left;
	border:5px solid #95d0bb;
	background:#fffbef;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	position: relative;
	behavior: url(/w/common/pie/PIE.htc);
}
.itemContainer h5.itemTitle {
	margin:10px 0 0 0;
	color:#a21c1c;
	font-size:1.4em;
}
.itemContainer h5.itemTitle a { color:#a21c1c; text-decoration:none; }
.itemContainer h5.itemTitle a:hover { color:#f8b72d; text-decoration:underline; }
.itemContainer p.itemDescription {
	margin:5px 0 10px 0;
	color:#303030;
	font-size:1.2em;
	line-height:1.5em;
}

.itemLink a {
	height:25px;
	padding:0 20px 0 0;
	line-height:25px;
	font-size:1.2em;
	font-weight:bold;
	text-align:right;
	color:#e14ca0; text-decoration:none;
	display:block;
	background:url(../../images/icon_itemLink.gif) #f1ef85 252px center no-repeat;
	border-radius: 7px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	position: relative;
	behavior: url(/w/common/pie/PIE.htc);
}
.itemLink a:hover { color:#f8b72d; }
.itemImages {
	width:263px;
	height:318px;
	border:1px solid #95d0bb;
	position:relative;
}
.itemIcon {
	right:0;
	bottom:0;
	z-index:3;
	position:absolute;
}

/*1カラム用*/
.itemContainerB {
	margin:0 10px 10px 10px;
	padding:10px;
	border:5px solid #95d0bb;
	background:#fffbef;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	position: relative;
	behavior: url(/w/common/pie/PIE.htc);
}
.itemContainerB h5.itemTitle {
	width:280px;
	margin:10px 0 0 10px;
	color:#a21c1c;
	font-size:1.4em;
	float:left;
}
.itemContainerB h5.itemTitle a { color:#a21c1c; text-decoration:none; }
.itemContainerB h5.itemTitle a:hover { color:#f8b72d; text-decoration:underline; }
.itemContainerB p.itemDescription {
	margin:5px 0 10px 10px;
	color:#303030;
	font-size:1.2em;
	line-height:1.5em;
	float:left;
}

.itemContainerB .itemLink a {
	height:25px;
	margin:10px 0 0 0;
	padding:0 20px 0 0;
	line-height:25px;
	font-size:1.2em;
	font-weight:bold;
	text-align:right;
	color:#e14ca0; text-decoration:none;
	display:block;
	background:url(../../images/icon_itemLink.gif) #f1ef85 99% center no-repeat;
	border-radius: 7px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	position: relative;
	behavior: url(/w/common/pie/PIE.htc);
}
.itemContainerB .itemLink a:hover { color:#f8b72d; }
.itemContainerB .itemImages {
	width:263px;
	height:212px;
	border:1px solid #95d0bb;
	float:left;
	position:relative;
}
.itemContainerB .itemIcon {
	right:0;
	bottom:0;
	z-index:3;
	position:absolute;
}

.goodsAttention {
	margin:20px 0 5px 17px;
	padding:20px 0 5px 0;
	font-size:1.2em;
	line-height:1.6em;
	clear:both;
	background:url(../../images/line01.png) 0 10px no-repeat;
}

/* グッズ：取扱店一覧
------------------------------------------------------------------------*/
.title_accordion {
}
.shopContainer {
	width:608px;
	margin:0 0 10px 10px;
	border:1px solid #b46e00;
	display:table;
	background:#fff;
}
.shopContainer tr.dashed { border-bottom:1px dashed #b64e00; overflow:hidden; }
.shopContainer tr.noDashed { overflow:hidden; }
.shopName {
	width:477px;
	min-height:25px;
	padding:10px 0 10px 15px;
	font-size:1.8em;
	color:#720c00;
	text-align:left;
	border-right:1px solid #b46e00;
	display:table-cell;vertical-align:middle;
	background:#fcf6e6;
}
.shopName img { margin:0 0 0 5px; vertical-align:middle; }
.shopTel {
	width:115px;
	height:10000%;
	padding:18px 0 15px 0;
	font-size:1.4em;
	text-align:center;
	display:table-cell;vertical-align:middle;
	background:#fff;
}
.shopAddress {
	width:477px;
	height:25px;
	padding:10px 0 15px 15px;
	font-size:1.4em;
	background:#fff;
	float:left;
}
.shopMap {
	width:115px;
	height:17px;
	padding:10px 0 23px 0;
	text-align:center;
	background:#fff;
	float:left;
}
.mapContainer {	display:none; }
.mapBody {
	width:608px;
	height:480px;
	background:#fff;
	text-align:center;
}

/* おたのしみ：壁紙
------------------------------------------------------------------------*/
.wallContainer {
	padding:0 0 30px 0;
}
ul.menuLaterally {
	list-style-type:none;
}
ul.menuLaterally li, ul.menuLaterally li a { color:#e14ca0; text-decoration:none; float:left; }
ul.menuLaterally li a:hover { color:#f8b72d; }
ul.menuLaterally li {
	width:110px;
	height:24px;
	margin:7px 0 0 0;
	padding:3px 0 0 40px;
	font-size:1.6em;
	line-height:26px;
	background:url(../../images/icon_flower01.png) 0 -33px no-repeat;
}

/* おたのしみ：アプリ
------------------------------------------------------------------------*/
.appContainer { margin:0 0 20px 0; }
.appContainer img {
	padding:2px;
	float:left;
	border:1px solid #b46e00;
}
.appDescription {
	width:395px;
	margin:10px 0 0 0;
	font-size:1.4em;
	line-height:1.8em;
	float:right;
}
.appAttention {
	width:395px;
	margin:5px 0 0 0;
	font-size:1.2em;
	line-height:1.4em;
	color:#999999;
	float:right;
}
ul.appButton {
	width:395px;
	margin:10px 0 0 0;
	float:right;
}
.appButton li a { display:block; text-indent:-9999px; }
.appButton li.appStore a {
	width:176px;
	height:50px;
	margin:0 5px 0 0;
	float:left;
	display:block; text-indent:-9999px;
	background:url(../../images/appButton.png) no-repeat;
}
.appButton li.googlePlay a {
	width:176px;
	height:50px;
	float:left;
	background:url(../../images/appButton.png) -176px 0 no-repeat;
}
.appButton li.android a {
	width:176px;
	height:50px;
	float:left;
	background:url(../../images/appButton.png) -352px 0 no-repeat;
}
.appButton li.featurephone a {
	width:176px;
	height:50px;
	float:left;
	background:url(../../images/appButton.png) -528px 0 no-repeat;
}


/* PCスマホ切替ボタン
------------------------------------------------------------------------*/
.pc-switcher a {
	width:980px;
	height:156px;
	display:block;
	text-indent:-9999px;
	background:url(../../images/spWeb_button.png) no-repeat;
	background-size:980px auto;
}

.pc-switcher span {
	display:none;
}