@charset "UTF-8";

html{
	-webkit-touch-callout:none;
	-webkit-user-select:none;
	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
/*---------------------------------------------------
Default
----------------------------------------------------*/
img{
	max-width: 100%;
	height:auto;
}
.event-bg{
	background-color:rgb(136,136,136) !important;
}
.book-bg{
	background-color:rgb(183,169,73) !important;
}
.media-bg{
	background-color:rgb(183,130,128) !important;
}
.blog-bg{
	background-color:rgb(66,137,165) !important;
}
.notice-bg{
	background-color:rgb(51,147,99) !important;
}
.all-bg{
	background-color:rgb(136,136,136) !important;
}
nav.footer-gnav ul li a,{
	color: #333;
	border-bottom: 1px solid #333;
}

/*-----------------
Wrapper
------------------*/
#wrapper{
	width:100%;
	position:relative;
	max-width:640px;
	margin:0 auto;
}

/*-----------------
Header Area
------------------*/
header h1 img,
header p img{
	width: 90%;
}

#heder-area{
	display:table;
	width:100%;
	background: url(../img/sp-common/header-bg.jpg);
}

#heder-area > *{
	display:table-cell;
	padding:2%;
	/*text-align:center;*/
	vertical-align:middle;
}

#gnav-btn > p{
	cursor:pointer;
}

/*-----------------
Global Navigation
------------------*/
#gnav{
	display:none;
	position:absolute;
	z-index:9999;
	width:100%;
	background:rgba(255,255,255,0.95);
}

#gnav ul{
	width:100%;
	border-top:1px solid #CCC;
	border-left:1px solid #CCC;
}

#gnav ul li{
	display:table;
	float:left;
	width:49%;
	width:calc(50% - 1px);
	width:-webkit-calc(50% - 1px);
	border-bottom:1px solid #CCC;
	border-right:1px solid #CCC;
}

#gnav ul li:before{
	content: url(../img/sp-common/right-arrow-gray.png);
	display:table-cell;
	width:10%;
	padding:0 8px;
	vertical-align:middle;
}

#gnav ul li a{
	display:table-cell;
	padding:7% 5%;
	font-size:1.6rem;
	color:#333;
	text-decoration:none;
}

/*-----------------
MAIN Area
------------------*/
main{
	display:block;
}
.toppage-main h2{
	width: 100%;
}

.subpage-main{
	width:94%;
	margin:3% 0 0;
	padding:0 3%;
	background:url(../img/sp-common/main-lowpage-bg.jpg);
	background-size:cover;
}

.subpage-main h1{
	display: table;
	width:100%;
	margin: 0 auto;
}

.subpage-main h1 span {
	font-family: "Sawarabi Mincho";
	display: table-cell;
	padding:3.5% 0;
	vertical-align: middle;
	font-size: 2.5rem;
	color: #FFF;
}

/*-----------------
Footer Area
------------------*/
footer{
	margin:8% 0 0;
	padding:6% 0;
	background: url(../img/sp-common/header-bg.jpg);
}

footer .footer-logo{
	padding:0 20% 2%;
	border-bottom: 1px solid rgba(59, 66, 0, 0.51);
	text-align:center;
}

footer .footer-gnav{
	padding:2%;
}

footer .footer-gnav ul li{
	display:inline-table;
	margin:0 2% 0 0;
}

footer .footer-gnav ul li:before{
	content: url(../img/sp-common/right-arrow-gray.png);
	display:table-cell;
	padding:0 8px;
	vertical-align:middle;
}

footer .footer-gnav ul li a{
	display:table-cell;
	vertical-align:middle;
	font-size:16px;
	line-height:1.45;
	color:#333;
	text-decoration:none;
}

footer .footer-banner{
	padding:2%;
	border-bottom: 1px solid #3B4200;
	text-align:center;
}

footer .footer-banner a{
	display:inline-block;
	margin:0 1% 3%;
}

footer .footer-copyright{
	padding:2% 0 0;
	text-align:center;
}

footer .footer-copyright p{
	font-size: 14px;
	color: #333;
	text-align: center;
}
/*-----------------
pankuzu
------------------*/
/*-----------------
pankuzu
------------------*/
.pankuzu{
	display: none;
	margin:3% 3% 0;
}

.pankuzu > *{
	display:inline-block;
	margin:0 8px 5px 0;
	font-size:15px;
	color:#333;
}


/*-----------------
Pager
------------------*/
.pager-area{
	display:table;
	width:94%;
	margin:0 auto;
	padding:3%;
}

.pager-area > *{
	display:table-cell;
	vertical-align:middle;
	font-size:18px;
}

.pager-area .pager-back,
.pager-area .pager-next{
	width:11%;
}

.pager-area .pager-back a,
.pager-area .pager-next a{
	display: block;
	min-width:30px;
	height: 18px;
	padding: calc(50% - 9px) 0;
	background: #999;
	text-align: center;
	color:#FFF;
	text-decoration:none;
}

.blog-wrap .pager-area .pager-back a,
.blog-wrap .pager-area .pager-next a{
	background:#539593;
}

.pager-area .pager-no{
	padding:0 2%;
}

.pager-area .pager-no > ul{
	display:block;
	width:100%;
	list-style:none;
}

.pager-area .pager-no > ul > li{
	display:inline-block;
	width:13.65%;
	padding:0 2%;
	vertical-align:middle;
	text-align:center;
}

.pager-area .pager-no > ul > li.pager-leader{
	width:8%;
	padding:0;
}

.pager-area .pager-no > ul > li:first-child:nth-last-child(8),
.pager-area .pager-no > ul > li:first-child:nth-last-child(8) ~ li{
	width:15.333%;
	padding: 0 2%;
}

.pager-area .pager-no > ul > li:first-child:nth-last-child(8) ~ li.pager-leader{
	width:4%;
	padding:0;
}

.pager-area .pager-no > ul > li > *{
	display: block;
	height: 18px;
	padding: calc(50% - 9px) 0;
	background: #F0F3EC;
	text-align: center;
	color:#333;
	text-decoration:none;
}

.pager-area .pager-no > ul > li.pager-now > p{
	background: #999;
	color:#FFF;
}

.blog-wrap .pager-area .pager-no > ul > li.pager-now > p{
	background:#539593;
}

/*-----------------
TOP Btn
------------------*/
#go-top{
	margin:8% 35% 0;
	text-align:center;
}

/*-----------------
Box
------------------*/
.sp-content-box{
	margin:3%;
	padding:3% 0 0;
	border:1px solid #CCC;
	line-height: 1.5;
}


/*---------------------------------------------------
Top page
----------------------------------------------------*/

/*-----------------
Top topics
------------------*/
.top-topics-wrap{
	padding:0 3% 3%;
}

.top-topics-entry{
	margin:2% 0 0;
	padding:0 0 2%;
	border-bottom:1px solid #CCC;
	display: table;
}

.top-topics-entry:before{
	content: url(../img/sp-common/right-arrow-gray.png);
	display: table-cell;
	width: 3%;
	padding: 6px 6px 0px 6px;
	text-align: center;
	vertical-align: middle;
}


.top-topics-dc{
	display:table;
	margin:0 0 6px;
}

.top-topics-dc > *{
	display:table-cell;
	vertical-align:middle;
}

.top-topics-date{
	padding:0 8px 0 0;
	font-size:15px;
}

.top-topics-category{
	text-align:center;
	font-size:13px;
	color:#FFF;
}

.top-topics-category p{
	min-width:100px;
	padding:2px 0;
}

.top-topics-ttl{
	font-size:16px!important;
	font-weight:normal;
}

.top-topics-ttl a{
	color:inherit;
	text-decoration:none;
}

.top-topics-btn{
	display:table;
	margin:3% 0 0 auto;
	text-align:right;
}

.top-topics-btn a{
	display:table-cell;
	vertical-align:middle;
	font-size:1.8rem;
	color:#333;
	text-decoration:none;
}

.top-topics-btn:before{
	content:"";
	display:table-cell;
	padding:0 8px;
	background:url(../img/sp-top/topics-arrow.png) center no-repeat;
	vertical-align:middle;
}

.top-pickup ul li{
	display:table;
	width:100%;
	border-bottom: 1px solid #ccc;
}
.top-pickup ul li:last-child{
	display:table;
	width:100%;
	border-bottom: none;
}

.top-pickup ul li:before{
	content:url(../img/sp-common/right-arrow-gray.png);
	display:table-cell;
	width:3%;
	padding: 7% 0;
	text-align:center;
	vertical-align:middle;
}

.top-pickup ul li > *{
	display:table-cell;
	padding:8px 2.5%;
	vertical-align:middle;
}

.top-pickup ul li a{
	font-size:16px;
	line-height:1.45;
	color:#333;
	text-decoration:none;
}

.top-note-wrap{
	padding:3%;
	line-height:1.45;
}

.top-note-wrap p.mt20{
	text-align: center;
}
.top-note-wrap p.mt20 img {
	max-width: 50%;
}

.top-note-wrap .headline{
	/* border-bottom: 1px dotted #ccc; */
	margin-bottom: 8px;
	font-weight: bold;
	color: #333;
	padding: 0 0 0 8px;
	border-left: 4px solid #ccc;
}

/*---------------------------------------------------
Profile page
----------------------------------------------------*/
.profile-wrap{
	padding:3% 3% 0;
}

.profile-image{
	display: inline-block;
	float: left;
	width:30%;
	margin: 0 16px 8px 0;
}

.profile-entry{
	margin:0 0 5%;
	line-height:1.45;
}

.profile-entry h2{
	display: flex;
	flex-direction: column;
	min-height: 55px;
	margin: 0 0 1%;
	background: url(../img/sp-profile/ttl-leaf-bg.png) no-repeat;
	background-size: contain;
}

.profile-entry h2:after {
	content: "";
	display: block;
	border-bottom: 1px solid #CCC;
}

.profile-entry h2 span{
	display: inline-block;
	margin: 2px 0 0;
	padding: 8px 3%;
	vertical-align: middle;
	font-size: 18px;
	line-height: 1.4;
}

/*---------------------------------------------------
受賞歴
----------------------------------------------------*/
.profile-entry div.prize-wrap{
	width: 100%;
	margin-bottom: 10px;
	overflow: hidden;
	border-bottom: 1px dotted #ccc;
	padding-bottom: 8px;
	color: #333;
}

.profile-entry div.prize-wrap:last-child{
	width: 100%;
	margin-bottom: 10px;
	overflow: hidden;
	border-bottom: none;
	padding-bottom: 0px;
}


.profile-entry div.prize-wrap div.year{
	width: 4em;
	height: auto;
	padding-right: 8px;
	float: left;
	font-weight: bold;
}

.profile-entry div.prize-wrap div.prize{
	width: -webkit-calc(100% - 5em);
	width: calc(100% - 8em);
	float: left;
	padding-left: 8px;
	border-left: 1px solid #ccc;
	line-height: 1.5;
}

/*-----------------------
過去のブログ記事
-------------------------*/
.profile-entry.blog{
	margin:0 0 2%;
}

.profile-entry.blog div.prize-wrap div.prize{
	width: -webkit-calc(100% - 6.5em);
	width: calc(100% - 6.5em);
}

.profile-entry.blog div.prize-wrap div.year{
	width: auto;
	padding: 3px 8px 3px 0;
	font-size:12px;
}

/*---------------------------------------------------
Book page
----------------------------------------------------*/
.book-wrap,
.book-content{
	padding:6% 0 0;
}

/*------------------------
カテゴリメニュー
--------------------------*/
.bookpage-menu{
	position:relative;
	margin:0 5%;
}

.bookpage-menu a{
	text-decoration:none;
}

.bookpage-menu button{
	border: 0;
	font-size:3.0rem;
}

.bookpage-menu > ul{
	display:none;
	width:100%;
	max-width: 600px;
	position:absolute;
	z-index:999;
	list-style:none;
	overflow:hidden;
}

.bookpage-menu ul.bookpage-on-menu{
}

.bookpage-menu-wrap > span > img{
	transform: rotate(0deg);
	transition:0.5s;
}

.bookpage-menu-wrap.on > span > img,
li.on > .bookpage-menu-wrap > span > img{
	transform: rotate(180deg);
}

.bookpage-menu ul li a{
	text-decoration:none;
}

.bookpage-menu-wrap{
	display:table;
	width:100%;
	max-width: 600px;
}

.bookpage-menu-wrap > *{
	display:table-cell;
	vertical-align:middle;
}

.bookpage-menu-wrap > p{
	width:85%;
	font-size:3.0rem;
	color:#FFF;
	padding:2.5% 5%;
}

.bookpage-menu-wrap > span{
	text-align:center;
	background-color:rgba(255,255,255,0.3);
}

.subcategorie-list{
	display:none;
	background: rgba(255,255,255,0.55);
}

.subcategorie-list > li > a{
	display: block;
	padding: 5% 5%;
	font-size: 1.8rem;
	text-decoration:none;
}

.c-series{
	background-color:#CFD6DC;
}

.c-series p{
	color:#5F7A8D;
	font-weight: 600;
}

.c-series span{
	background-color:#5F7A8D;
}

.c-monogatari{
	background-color:#B8715D;
}

.c-essay{
	background-color:#67928c;
}

.c-comic{
	background-color:#a79d54;
}

.c-video{
	background-color:#4B90B9;
}

.c-kaigai{
	background-color:#805892;
}

#monogatari-btn > ul > li > a{
	border-top:1px solid rgba(184, 113, 93, 0.55);
	color:#B8715D;
}

#essay-btn > ul > li > a{
	border-top:1px solid rgba(103,146,140,0.55);
	color:#67928c;
}

#comic-btn > ul > li > a{
	border-top:1px solid rgba(167,157,84,0.55);
	color:#a79d54;
}

#video-btn > ul > li > a{
	border-top:1px solid rgba(75,144,185,0.55);
	color:#4B90B9;
}

#kaigai-btn > ul > li > a{
	border-top:1px solid rgba(128,88,146,0.55);
	color:#805892;
}


/*------------------------
本の紹介エントリー
--------------------------*/
.book-entry{
	margin:10% 0 0;
}
.book-entry h2{
	margin:0 auto;
	text-align: center;
}

.book-top-box{
	margin:4% 4% 0;
}

.book-top-box .book-toppage-txt{
	font-size: 1.6rem;
	line-height: 25px;
}

.book-toppage-list{
	width:70%;
	margin:3% auto 0;
}

.book-toppage-list li img{
	width:90%;
	margin:auto;
}

.book-toppage-list li a {
	font-size: 1.4rem;
	color: #333;
	text-align:center;
	text-decoration: none;
}

.book-toppage-list li a p {
	padding: 0 5px;
}

.slick-prev, .slick-next{
	width:20px !important;
	height:20px !important;
}

.slick-prev{
	left:-17% !important;
}

.slick-next{
	right:-15% !important;
}

.book-toppage-foot-btn{
	display: block;
	width: 50%;
	margin: 16px auto 0;
	text-align: center;
}

.book-toppage-foot-btn img{
}

.book-content-entry{
	margin: 6% 0 0;
}

.book-content-entry h3{
	margin: 0 auto;
	text-align: center;
}

.bookpage-entry-border{
	padding: 6% 6% 0;
}

.book-content-entry-item{
	border-top: 1px solid #DDD;
	margin: 30px 0 0;
	padding: 30px 0 0;
}

.book-content-entry-item:first-child{
	border-top:0;
	margin: 0;
	padding: 0;
}

.book-content-entry-item h4{
	padding: 1px 3%;
	font-size: 2.0rem;
	border-left: 3px solid #b9705d;
}

.book-content-entry-item h4 + .mt20{
	margin-top:auto;
}

.book-content-entry-item .mt20 > .fl{
	float:none;
	overflow:hidden;
}

.bookpage-img-top{
	margin-top:6%;
}
.bookpage-img{
	float:left;
	width:33%;
	margin:0 0 3%;
	text-align:center;
}
.bookpage-img-top .bookpage-img:nth-child(3n + 1),
.bookpage-img-bottom .bookpage-img:nth-child(3n - 1){
	clear:left;
}

.bookpage-img img{
	width:90%;
}

.bookpage-img p{
	margin:5% 0 0;
	font-size:1.3rem;
}

.bookpage-info{
	clear: left;
	margin-top:6%;
	font-size: 1.3rem;
}

.bookpage-text{
	margin: 6% 0 0;
	font-size: 14px;
	line-height: 1.5;
}

.bookpage-text a{
	color: #333;
}

.bookpage-link{
	margin:20px 0 0;
}

.bookpage-link a{
	display: block;
	width: 93%;
	width:calc(100% - 20px);
	width:-webkit-calc(100% - 20px);
	margin:0 0 20px;
	padding: 10px;
	border: 1px solid rgb(186,113,93);
	text-align: center;
	text-decoration: none;
	color: rgb(186,113,93);
	font-size: 2.0rem;
}

.bookpage-link a > div{
	margin:auto;
}

.bookpage-link a > div > *{
	display:table-cell;
	vertical-align:middle;
}

.bookpage-link a > div > i:before {
	content: "";
	display:inline-table;
	margin: 5px 0;
	border-color: rgb(186,113,93);
	border-style: solid;
	border-left: 12px solid rgb(186,113,93);
	border-bottom: 8px solid transparent;
	border-top: 8px solid transparent;
	border-right: 8px solid transparent;
	vertical-align: middle;
}

/*--------------------------
関連リスト
--------------------------*/
.book-page-kanren{
	margin:20px 0 0;
}

.book-page-kanren-obi{
	padding:10px;
	font-size:16px;
	font-weight:bold;
	background: url(../img/common/header-bg.jpg);
}

.book-page-kanren-obi span{
	display:block;
	margin:auto;
}

.book-page-kanren ul{
	display:flex;
	flex-wrap:wrap;
	margin:auto;
}

.book-page-kanren ul li{
	width:90%;
	width:calc(100% - 10px);
	width:-webkit-calc(100% - 10px);
	margin:20px 0 0 10px;
	list-style-position: inside;
	list-style-image:url(/img/common/pager-right01.png);
}

.book-page-kanren ul li a{
	font-size:14px;
	text-decoration:none;
	color: #333;
}

/*---------本の帯--------*/
.book-content-entry h3{
	position: relative;
	width: 100%;
	margin: auto;
	padding: 5px 1px;
	color: #FFF;
	font-size: 16px;
	line-height: 1.25;
	text-align:center;
	background-size: 100%;
	background-position: center;
}
.book-content-entry h3 span{
	width:100%;
}
.book-translations .book-content-entry h3{
	background-image:url(/img/en/book/obi_translations_sp.png);
}
.book-television .book-content-entry h3{
	background-image:url(/img/en/book/obi_television_sp.png);
}
.book-novels .book-content-entry h3{
	background-image:url(/img/en/book/obi_novels_sp.png);
}
.book-essays .book-content-entry h3{
	background-image:url(/img/en/book/obi_essays_sp.png);
}
.book-comics .book-content-entry h3{
	background-image:url(/img/en/book/obi_comics_sp.png);
}


/*--------------------------
新着情報
--------------------------*/
div.content-bg.newsinfo-wrap a{
	color: #333;
}


/*---------------------------------------------------
Link page
----------------------------------------------------*/
.link-wrap{
	margin:3% 0 0;
}

.link-entry ul li:nth-child(even){
	background:#F1EBEB;
}

.link-entry ul li{
	display:table;
	width: 90%;
	padding: 0 4% 0 6%;
}

.link-entry ul li:before{
	content:url(../img/sp-common/right-arrow-gray.png);
	display:table-cell;
	width:3%;
	padding: 7% 0;
	text-align:center;
	vertical-align:top;
}

.link-entry ul li > *{
	display:table-cell;
	padding:2.5%;
	vertical-align:middle;
}

.link-entry ul li a{
	font-size:16px;
	line-height:1.45;
	color:#333;
	text-decoration:none;
}

/*---------------------------------------------------
News Info page
----------------------------------------------------*/
.newsinfo-wrap{
	padding:3%;
}

.newsinfo-btn-list{
	display:flex;
	flex-wrap:wrap;
	justify-content: space-between;
	width:100%;
}

.newsinfo-btn-list > li{
	position:relative;
	display:inline-block;
	width:48.5%;
	margin:0 0 3%;
}

.newsinfo-btn-list > li:after{
	content:"";
	position:absolute;
	top:4px;
	left:4px;
	border-left:13px solid #FFF;
	border-bottom:13px solid transparent;
}

.newsinfo-btn-list > li:first-child{
	width:100%;
	margin:0 0 3%;
}

.newsinfo-btn-list > li > a{
	display:table;
	width:100%;
	text-align:center;
	text-decoration:none;
}

.newsinfo-btn-list > li > a > span{
	display:table-cell;
	padding:9.25% 0;
	font-size:26px;
	color:#FFF;
}

/*-----------------
Entry Area
------------------*/
.newsinfo-btn-list > li:first-child > a > span{
	padding:4.5% 0;
}

.newsinfo-entry{
	margin:6% 0 0;
	padding:0 0 6%;
	border-bottom:1px solid #CCC;
}

.newsinfo-entry p{
	word-wrap:break-word;
}



.newsinfo-entry-dc{
	display: table;
	margin:0 0 1%;
}

.newsinfo-entry-dc > *{
	display: table-cell;
	vertical-align: middle;
}

.newsinfo-entry-date{
	padding: 0 4px 0 0;
	font-size: 18px;
	font-weight: bold;
}

.newsinfo-entry-category{
	padding:2% 20px;
	background:rgb(136,136,136);
	font-size: 16px;
	color: #FFF;
}

.newsinfo-entry-ttl{
	font-size: 18px;
	line-height:1.45;
	padding: 8px 0px;
	border-bottom: 1px dotted #ccc;
}

.newsinfo-entry-ttl a{
	color:#333;
	text-decoration:none;
}

.newsinfo-entry-post{
	margin:3% 0 0;
	font-size:16px!important;
	line-height:1.45;
}

/*---------------------------------------------------
Blog page
----------------------------------------------------*/
.blog-btn{
	position:relative;
	margin:3% 4%;
	text-align:right;
}

.blog-btn a img{
	max-width:40%;
	margin-bottom: -1px;
}

.blog-btn > ul#blog-btn-list{
	display:none;
	position: absolute;
	right:0;
	min-width: 39.5%;
	margin-left: auto;
	background: rgba(255,255,255,0.95);
	border: 1px solid #539593;
	list-style: none;
}

.blog-btn > ul#blog-btn-list > li{
	text-align: left;
	font-size: 1.4rem;
}

.blog-btn > ul#blog-btn-list > li > a{
	display: block;
	padding: 8%;
	border-top: 1px solid #539593;
	color: #333;
	text-decoration: none;
}

.blog-btn > ul#blog-btn-list > li.cat-none{
	display: block;
	padding: 8%;
	border-top: 1px solid #539593;
	color: #333;
}

.blog-entry{
	margin:3% 3% 0;
	padding:3%;
	border:1px solid #CCC;
}

.blog-entry-date{
	font-size:16px;
}

.blog-entry-ttl {
	margin:1% 0 0;
	font-size:18px;
	letter-spacing:1px;
	color:#333;
	line-height:150%;
}

.blog-entry-ttl:after{
	content:"";
	display:block;
	height:0;
	padding:0 0 2%;
	background:url(../img/pc-blog/blogborder.png) center center no-repeat;
	background-size:contain;
	vertical-align:super;
}

.blog-entry-ttl a{
	color:#333;
	text-decoration:none;
}

.blog-entry-content{
	margin:2% 0 0;
	font-size:15px;
	line-height:1.45;
	word-break: break-all;
}
.blog-entry-content p a:link{
	color:#333333;
}

.blog-entry-content p,
.newsinfo-entry-post p{
	margin:10px 0;
}

.blog-entry-sns{
	display: table;
	width: 18%;
	margin: 3% 0 0 auto;
	text-align: right;
}

.blog-entry-sns a{
	display:table-cell;
	padding:0 0 0 15%;
}

/*-----------------
Blog List Page
------------------*/
.blog-entry-list{
	display:block;
	margin:3% 3% 0;
	padding:3%;
	border:1px solid #CCC;
	color:#333;
	text-decoration:none;
}

.blog-entry-ttl-list {
	margin:1% 0 0;
	font-size:15px;
	letter-spacing:1px;
	color:#333;
	line-height:150%;
}

.blog-entry-ttl-list p{
	color:#333;
	text-decoration: underline;
}

.blog-entry-date-list{
	font-size:14px;
}

/*-----------------
Blog Category List Page
------------------*/
.blog-entry-ttl-cat {
	margin:1% 0 0;
	font-size:15px;
	letter-spacing:1px;
	color:#333;
	line-height:150%;
}

.blog-entry-ttl-cat:after{
	content:"";
	display:block;
	height:0;
	padding:0 0 2%;
	background:url(../img/pc-blog/blogborder.png) center center no-repeat;
	background-size:contain;
	vertical-align:super;
}

.blog-entry-ttl-cat a{
	color:#333;
	text-decoration:none;
}

.blog-entry-date-cat{
	font-size:14px;
}

.blog-entry-content-cat{
	margin:2% 0 0;
	font-size:15px;
	line-height:1.45;
	word-break: break-all;
}

.blog-entry-content-cat div{
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	text-decoration:none;
}

/*-----------------
Blog Next Pre
------------------*/
.blog-content-main-nextpre-area{
	margin:2px 0 0;
	padding:12px;
	border-top:1px solid #aaa;
}

.blog-content-main-nextpre-area .entrynext-btn,
.blog-content-main-nextpre-area .entryprev-btn{
	display:block;
	width:39%;
	padding:2%;
	overflow: hidden;
	background-color:#E4EADE;
	font-size:14px;
	color:#333;
	white-space: nowrap;
	text-align:center;
	text-overflow: ellipsis;
	text-decoration:none;
}

.blog-content-main-nextpre-area .entrynext-btn{
	float:left;
	padding-left:7%;
	background:url(/img/common/pager-left01.png) 4% 50% no-repeat,#E4EADE;
}

.blog-content-main-nextpre-area .entryprev-btn{
	float:right;
	padding-right:7%;
	background:url(/img/common/pager-right01.png) 95% 50% no-repeat,#E4EADE;
}

/*-----------
新着情報ページ
-------------*/
.newsinfo-wrap .blog-content-main-nextpre-area{
	border-top:0;
}

/*---------------------------------------------------

480px 以下

----------------------------------------------------*/
@media screen and (max-width:480px) {
/*---------------------------------------------------
Book page
----------------------------------------------------*/
.bookpage-menu-wrap > p{
	font-size: 1.8rem;
	font-weight: bold;
}


}