@import "base.css";
/* 
------------------------------------------------------------ */
/* 基本class*/
html>body{font-size:15px;}
*html body{font-size:96%;}
*+html body {font-size:96%}
.cb {
	clear:both;
	line-height:0%;
	height:0px;}
.right-top {float:right;}
.left-top {float:left;}
.right-txt {text-align:right;}
.left-txt {text-align:left;}
.center-txt {text-align:center;}
.sf {font-size:90%;}
.bf {font-weight:bold;}
/*画像をウインドウサイズに合わせて可変*/
img{
    max-width: 100%;
    height: auto;
    width /***/:auto;　/*IE8のみ適用*/
}
/* 
------------------------------------------------------------ */
.cf {
	zoom:1;/*for IE 5.5-7*/
}
.cf:after {/*for modern browser*/
	content:".";
	display: block;
	height:0px;
	clear:both;
	visibility:hidden;
}

/* 共通スタイル開始 */
/* 
------------------------------------------------------------ */
body {
	color:#191919;
	margin:0;
	padding:0;
	/*font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;*/
	font-family: "リュウミン R-KL";
	line-height:150%;
	
	text-align:center;
	
	}


.df{
	font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif !important;
}
.ry{
	font-family: "リュウミン R-KL" !important;
}
.ryb{
	font-family: "リュウミン EB-KL" !important;
}
.ri{
	font-family: "黎ミン R" !important;
}

.win .wdf{
	font-family:"HG明朝E","ＭＳ 明朝","ＭＳ P明朝"!important;
}


a {color:#191919;text-decoration:none;/* vertical-align: middle; */}
a:hover {color:#191919;	text-decoration:underline;}

/**/
#side a img,
.pagetop a img,
.pagetop-sp a img,
.post-pr a img,
.post-pr-sp a img{
	-webkit-transition: 0.3s ease-in-out;
	   -moz-transition: 0.3s ease-in-out;
		 -o-transition: 0.3s ease-in-out;
			transition: 0.3s ease-in-out;
			
	
}
#side a:hover img,
.pagetop a:hover img, 
.pagetop-sp a:hover img,
.post-pr a:hover img,
.post-pr-sp a:hover img{
	opacity: 0.7;
	filter: alpha(opacity=70);
}

@-moz-document url-prefix() {
#side a img,
.pagetop a img,
.pagetop-sp a img,
.post-pr a img,
.post-pr-sp a img{
	-webkit-transition: none;
	   -moz-transition: none;
		 -o-transition: none;
			transition:none;
}

.post-pr a img,
.post-pr-sp a img{
	background:#ffffff;
}

.post-pr a:hover,
.post-pr-sp a:hover{
	background:#ffffff;
}
}


#main-wrapper {
			margin:0 auto;
			font-size:86%;
			position:relative;
			text-align:left;
}

/*文字サイズ調整*/
#top-news-inner p{
	font-size:105%;
}

#contents-wrapper p{
	font-size:105%;
}

.registr-inner{
	font-size:90%;
}
.recent-post{
	font-size:105%;
}
.module-tagcloud{
	font-size:105%;
}
.author h3,author-title{
	font-size:105%;
}


#header {}





/* トップページ
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/

#top-news-inner{
	
	
}


#top-news-inner .listbox{
	padding:0;
	margin:0;
}



/*下層ページ*/

.pagetitle{
	font-size:280%;
	line-height:1.2em;
	
	background:none;
}
#contents-innerarea{
	margin-top:3em;
}




.nocount{
	padding-left:0.2em;
}
/* リスト
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
.listbox{
	background:url(../../images/boder.png) left bottom no-repeat;
	padding-bottom:2.5em;
	padding-top:3em;
	
}
.listbox:last-child{
	background:none;
}
#contents-innerarea .listbox:first-child{
	padding-top:1em;
}

.list-header {
	line-height:1em;
	/*margin-top:1.4em;*/
}

.list-cate{
	line-height:1em;
}
.list-header .list-cate{
	float:left;
}
.list-header .sns-n{
	float:right;
	font-size:90%;
}
.list-header .sns-n div{
	float:left;
	padding-left:1.3em;
}
.list-header .sns-n img{
	height:13px;
	margin-right:0.3em;
}

.listbox .list-number{
	font-size:1.15em;
	margin-top:0.9em;
	color:#bcbcbc;
}
.list-header .list-number{
	font-size:1.15em;
	margin-top:0em;
	color:#bcbcbc;
	float:left;
}

.listbox .list-number strong{
	font-weight:normal;
}
.listbox .list-number span{
	font-style: italic;
	margin-left:0.8em;
}
.listbox.cat5 {
	font-family:"Times New Roman", Times,"リュウミン R-KL","HG明朝E","ＭＳ 明朝","ＭＳ P明朝";
}

.listbox.cat5 h2,
.listbox.cat5 h3,
.recent-post.cat5 h3 {
	font-family: "FB Miller Display Roman"!important;
}

.listbox.cat5 .list-number span{
	font-style: normal;
	margin: 0 0.5em;
}
.listbox.cat5 .list-number a {
	color:#bcbcbc;
}
.listbox h2{
	font-size:2em;
	line-height:1.2em;
	margin-top:0.7em;
}
.listbox h3{
	font-size:2em;
	line-height:1.2em;
	margin-top:0.7em;
}
.listbox .list-tag{
	font-size:90%;
	margin-top:1.8em;
	line-height:1.1em;
	color:#3f3f3f;
}
.listbox .list-day{
	font-size:86%;
	margin-top:0.5em;
	color:#696969;
}
.listbox .list-day span{
	color:#c7c7c7;
}
.listbox p{
	margin-top:1em;
	
}
.listbox .btn-read{
	padding-top:1em;
	text-align:left;
	font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif !important;
}

.listbox .listimg{
	width:22.17391%;
	float:right;
	margin-left:1.8em;
	margin-bottom:1em;
	position:relative;
}


/*トップリスト　テキスト*/
#top-news-inner .listbox{
	background:none;
	padding-bottom:0em;
	padding-top:0;
	margin-top:0em;
}
#top-news-inner .list-header {
	margin-top:0;
}
#top-news-inner .listbox h2{
	font-size:3.2em;
	line-height:1.15em;
	margin-top:0.2em;
}
#top-news-inner .listbox.cat5 h2{
	font-size:2.5em;
	margin-top:0.2em;
}
#top-news-inner .cat3 h2,
#top-news-inner .cat4 h2{
	margin-top:0.5em !important;
}

#top-news-inner .listbox h2 a{
	color:#ffffff;
}
#top-news-inner .listbox .list-number{
	font-size:1.15em;
	margin-top:0.8em;
	color:#a0a0a0;
}
#top-news-inner .listbox .list-tag{
	font-size:100%;
	margin-top:1.8em;
	line-height:1.1em;
	color:#cccccc;
}
#top-news-inner .listbox .list-tag a{
	color:#cccccc;
	text-decoration:none;
}
#top-news-inner .listbox .list-day{
	font-size:95%;
	margin-top:0.5em;
	color:#c9c9c9;
}
#top-news-inner .listbox .list-day span{
	color:#8c8c8c;
}
.top-news-right h3{
	font-size:1.4em;
	font-weight:normal;
	line-height:130%;
}
#top-news-inner .listbox .btn-read{
	margin-top:1em;
	text-align:right;
	
}


/*開催日時*/
.kaisai{
	margin-top:1.3em;
	line-height:1em;
}
.kaisai dl{
	display:inline;
	color:#ffffff;
	line-height:1em;
}
.kaisai dl dt{
	display:inline;
	background-color:#32920d;
	font-weight:normal;
	padding:0.3em 0.8em;
}
.kaisai dl dd{
	display:inline;
	background-color:#59b620;
	font-weight:bold;
	padding:0.3em 0.8em;
}


.post-header .kaisai{
	margin-top:2.5em;
}
.spkaisai{
	font-size:90%;
}



/*ページ
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
#crumbs{
	background-color:#f5f5f5;
	font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif !important;
}
#crumbs-inner{
	width:1000px;
	margin:0 auto;
	font-size:90%;
	padding:0.5em 0;
}
#crumbs-inner a{
	color:#666666;
}
#crumbs-inner span{
	color:#666666;
}
/*post*/
.post-header {
	text-align:center;
	
}
.post-header .list-cate{
	text-align:left;
	margin-bottom:4em;
}
.post-header .list-number{
	font-size:1.5em;
	margin-top:0.9em;
	color:#bcbcbc;
	text-align:center;
}
.post-header .list-number strong{
	font-weight:normal;
}
.post-header .list-number span{
	font-style: italic;
	margin-left:0.8em;
}
.post-header h2{
	padding:0;
	margin:0;
	font-size:3.3em;
	line-height:1.2em;
	margin-top:0.7em;
}
.post-header .post-metadata{
	padding:0;
	margin:0;
	text-align:center;
	margin-top:2em;
}
.post-header .list-tag{
	font-size:90%;
	margin-top:0em;
	line-height:1.2em;
	color:#3f3f3f;
	display:inline-block;
	padding-right:1.5em;
	margin-right:1.5em;
	border-right:solid #dbdbdb 1px;
	text-align:center;
}
.post-header .list-day{
	font-size:86%;
	line-height:1.2em;
	margin-top:0em;
	color:#696969;
	display:inline-block;
	text-align:center;

}
.post-header .list-day span{
	color:#c7c7c7;
}

.post-header .post-sns{
	margin-top:2em;
	margin-left:8%;
}

.post-content{
	margin-top:3em;
	
}
.post-content h3,
.post-content h4,
.post-content h5{
	text-align:center;
	font-size:2.1em;
	padding-top:1em;
	clear:both;
	line-height:120% !important;
}

.post-content p{
	font-size:115% !important;
	line-height:195% !important;
}
.post-content strong{
	font-family: "リュウミン EB-KL" !important;
}
.win .post-content p,
.win .post-content strong{
	font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif !important;
}




.author{
	clear:both;
	margin-top:2.5em;
}
.author-title{
	font-weight:bold;
	border-bottom:solid #ebebeb 1px;
	padding-bottom:0.8em;
}
.author-inner{
	margin-top:0.8em;
}
.author-inner .img{
	width:10%;
	float:left;
	margin-right:1em;
	margin-bottom:0.5em;
}
.author-inner .txt-w{
	width:88%;
	float:right;
}

.win .author-inner .txt p{
	font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif !important;
}


.backpage{
	clear:both;
	margin-top:3.5em;
	margin-bottom:5.5em;
}
.backpage a{
	display:block;
	background:url(../../images/btn_back_page.png) left top no-repeat;
	background-size:229px auto;
	width:229px;
	height:56px;
	text-indent:-999px;
	margin:0 auto;
}
.backpage a:hover{
	background-position:0 -56px;
}


.post-pr{
	position:relative;
	border:solid #dddddd 1px;
	margin-bottom:2.5em;
}


.post-sns-m span{
	display:block;
	
}
.post-sns-m span img{
	background-color:#ffffff;
}
.post-sns-m span.fb{
	width:336px;
	float:left;
}
.post-sns-m span.fb img{
	width:336px;
}
.post-sns-m span.tw{
	width:336px;
	float:right;
}
.post-sns-m span.tw img{
	width:336px;
}

.fb-app{
	margin-top:2.5em;
	
}

.fb-app{
	width:100%;
}


.recommend{
	margin-top:2.5em;
	background-color:#f7f7f7;
	border:solid #e5e5e5 1px;
}
.recommend-inner{
	padding:2em 2em 0 2em;
}
.recommend h2 {
	padding-bottom:2em;
	border-bottom:solid #e5e5e5 1px;
}
.recommend h2 img{
	height:1em;
	
}


/*SNSバナー*/
.bannerBox{
	margin-top:2.5em;
	width:100%;
	position:relative;
	z-index:10;
}
.bannerIMG{
	display:table;
	width:403px;
	height:250px;
	float:left;
	background:#333333 url(/banner_images/rotate.php) center center no-repeat;
	background-size:cover;/*背景画像で全体を覆う*/
}
.bannerIMG span{
	display:table-cell;
	text-align:center;
	vertical-align:middle;
	
}
.bannerIMG span img{
	width:70%;
}
.bannerSNS{
	display:table;
	width:287px;
	height:250px;
	float:right;
	background-color:#1f1f1f;
}
.bannerSNS-inner{
	display:table-cell;
	text-align:center;
	vertical-align:middle;
}
.bannerSNS-inner p img{
	width:68%;
}
.bannerSNS-inner span img{
	width:85%;
	margin-top:2.8em;
}
.bannerSNS-inner .fb-like{
	display:block;
	margin-top:2.8em;
	transform:scale(1.2);
-webkit-transform:scale(1.2);
-moz-transform:scale(1.2);

}


/*目次
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
.book-contents-sub{
	color:#727272;
	margin-top:1.8em;
	font-weight:normal;
	font-size:100%;
	line-height:1.1em;
}
.book-contents-sub span{
	border-left:solid #ededed 1px;
	margin-left:1em;
	padding-left:1em;
	display:inline-block;
	
}

/**/
.book-ank{
	margin-bottom:2em;
	font-size:90%;
	line-height:1.1em;
}
.book-ank ul{
	border-left:solid #ededed 1px;
}
.book-ank ul li{
	list-style:none;
	float:left;
	border-right:solid #ededed 1px;
	margin-bottom:0em;
}
.book-ank ul li:last-child{
	
}
.book-ank ul li a{
	display:block;
	padding:1em 1.5em 2.5em 1.5em;
	background:url(../../images/arrow_ank.jpg) center 3.2em no-repeat;
}

.win .book-ank ul li a{
	padding:1em 1.4em 2.5em 1.4em;
	
}


/**/
.book-contents{
	clear:both;
	margin-top:2em;
}
.book-contents ul li{
	list-style:none;
}
.book-contents ul li a{
	display:block;
	line-height:1.1em;
}
/*1階層目ーーーーーーーーーーーーー*/
.book-contents ul{
	background-color:#e8e8e8;
	border:solid #d6d6d6 1px;
	border-top:none;
}
.book-contents ul li a{
	font-size:200%;
	padding:1.2em 5%;
}
.book-contents ul li.book-block1{
	border-top:solid #d6d6d6 1px;
}
/*2階層目ーーーーーーーーーーーーー*/
.book-contents ul ul{
	border:none;
	
}
/*ブロック*/
.book-contents ul li.book-block1 ul li.book-block1{
	background-color:#f7f7f7;
	border:none;
	margin-top:-1.5em;
	padding:0;
	
	
}
.book-contents ul li.book-block1 ul li.book-block1:first-child{
	
}
.book-contents ul li.book-block1 ul li.book-block1 a{
	font-size:140%;
	padding:1.3em 5%;
	border-bottom:solid #e5e5e5 1px;
	border-top:solid #e5e5e5 1px;
}
/*ブロックなし*/
.book-contents ul li.book-block1 ul{
	padding:1.5em 0;
	background-color:#ffffff;
	
}
.book-contents ul li.book-block1 ul li{
	background-color:#ffffff;
	border:none;
	
}
.book-contents ul li.book-block1 ul li a{
	font-size:100%;
	padding:0.5em 0 0.5em 9%;
	width:90%;
	margin:0 auto;
	
}
.book-contents ul li.book-block1 ul li:first-child a{
	
}
/*3階層目ーーーーーーーーーーーーー*/
.book-contents ul ul ul{
	border:none;
}
/*ブロック*/
.book-contents ul li.book-block1 ul li.book-block1 ul{
	padding:1.5em 0 3em 0;
	
}

.book-contents ul li.book-block1 ul li:last-child ul{
	padding:1.5em 0 0em 0;
	
}
.book-contents ul li.book-block1 ul li.book-block1 ul:first-child{
	border-top:solid #e5e5e5 1px;
	margin-top:1em;
	
}


.book-contents ul li.book-block1 ul li.book-block1 ul li.book-block1{
	background-color:#ffffff;
	padding:0em 0% 0 0;
	
}
.book-contents ul li.book-block1 ul li.book-block1 ul:first-child li.book-block1{
}
.book-contents ul li.book-block1 ul li.book-block1 ul li:first-child{
	padding:0em 0% 0 0;
}
.book-contents ul li.book-block1 ul li.book-block1 ul li.book-block1 a{
	font-size:100%;
	padding:1em 0;
	width:90%;
	margin:0 auto;
	border-bottom:solid #e5e5e5 1px;
	margin-bottom:1.5em;
}

.win .book-contents ul li.book-block1 ul li.book-block1 ul li.book-block1 a{
	font-family:"HG明朝E","ＭＳ 明朝","ＭＳ P明朝"!important;
}

.book-contents ul li.book-block1 ul li.book-block1 ul li:first-child a{
	margin-top:1.5em;
}
.book-contents ul li.book-block1 ul li.book-block1 ul li:last-child a{
	
}

/*ブロックなし*/
.book-contents ul li.book-block1 ul li.book-block1 ul li{
	
}
.book-contents ul li.book-block1 ul li.book-block1 ul li a{
	font-size:100%;
	padding:0.5em 0 0.5em 9%;
	width:90%;
	margin:0 auto;
	border-bottom:none;
	border-top:none;
}

.win .book-contents ul li.book-block1 ul li.book-block1 ul li a{
	font-family:"HG明朝E","ＭＳ 明朝","ＭＳ P明朝"!important;
}

.book-contents ul li.book-block1 ul li.book-block1 ul li:first-child{
	margin-top:-1.5em;
	
}




/*4階層目ーーーーーーーーーーーーー*/
.book-contents ul ul ul ul{
	border:none;
}
.book-contents ul li.book-block1 ul li.book-block1 ul li.book-block1 ul li{
	padding:0 5%;
}
.book-contents ul li.book-block1 ul li.book-block1 ul li.book-block1 ul li a{
	font-size:100%;
	padding:0.5em 0;
	width:90%;
	margin:0 auto;
	border-bottom:none;
}

/*はじめに、おわりにーーーーーーーーーーーーー*/

.book-contents ul li#first ul li.book-block1{
	background-color:#ffffff;
	padding:0em 0% 0 0;
}
.book-contents ul li#first ul li.book-block1 a{
	font-size:100%;
	padding:0.5em 0 0.5em 2%;
	width:90%;
	margin:0 auto;
	border-bottom:none;
	border-top:none;
}
.win .book-contents ul li#first ul li.book-block1 a{
	font-family:"HG明朝E","ＭＳ 明朝","ＭＳ P明朝"!important;
}

.book-contents ul li#first ul li.book-block1:first-child{
	margin-top:0.5em;
}


.book-contents ul li#last ul li.book-block1{
	background-color:#ffffff;
	padding:0em 0% 0 0;
}
.book-contents ul li#last ul li.book-block1 a{
	font-size:100%;
	padding:0.5em 0 0.5em 2%;
	width:90%;
	margin:0 auto;
	border-bottom:none;
	border-top:none;
}
.win .book-contents ul li#last ul li.book-block1 a{
	font-family:"HG明朝E","ＭＳ 明朝","ＭＳ P明朝"!important;
}
.book-contents ul li#last ul li.book-block1:first-child{
	margin-top:0.5em;
}




.book-ank a.nolink{
	color:#B6B6B6 !important;
}
.book-ank a.nolink:hover{
	color:#B6B6B6 !important;
	text-decoration:none !important;
}


.book-contents a.nolink{
	color:#B6B6B6 !important;
}
.book-contents a.nolink:hover{
	color:#B6B6B6 !important;
	text-decoration:none !important;
}



/*フーヴァーアーカイブス
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/

#post-list .listbox.cat5 h3 {
	font-weight: normal;
}
#post-list .listbox.cat5 .list-number {
	width: 500px;
}
#post-list .listbox.cat5 .list-number span{
	font-style: normal;
	margin:0 0.5em;
}
#post-list .listbox.cat5 .list-number a {
	color: #bcbcbc;
}


/*フーヴァーアーカイブス 目次

ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/


.hoover-contents{
	clear:both;
	margin-top:2em;
}
.hoover-contents ul li{
	list-style:none;
}
.hoover-contents ul li a{
	display:block;
	line-height:1.1em;
}
/*1階層目ーーーーーーーーーーーーー*/
.hoover-contents ul{
	border-top:none;
	cursor: pointer;
}
.hoover-contents > ul > li {
	margin-bottom: 10px;
	background-color: #6b6969;
	border:solid #d6d6d6 1px;
}
.hoover-contents ul > li > span {
	display: block;
	padding:1.2em 5%;
	background: url(/images/hoover_arrow01_open.png) 97% center no-repeat;
	background-size: 17px auto;
}
.hoover-contents ul > li > span.active {
	background: url(/images/hoover_arrow01_close.png) 97% center no-repeat;
	background-size: 17px auto;
}
.hoover-contents ul > li > span a {
	display: inline;
	color: #fff;
}
.hoover-contents ul li a{
	font-size:200%;
}
.hoover-contentss ul li.book-block1{
	border-top:solid #d6d6d6 1px;
}
/*2階層目ーーーーーーーーーーーーー*/
.hoover-contents ul ul{
	border:none;
	display: none;
}
.hoover-contents ul ul li span {
	display: block;
	padding:1.2em 6%;
	background: url(/images/hoover_arrow02_open.png) 97% center no-repeat;
	background-size: 17px auto;
}
.hoover-contents ul ul li span.active {
	background: url(/images/hoover_arrow02_close.png) 97% center no-repeat;
	background-size: 17px auto;
}
.hoover-contents ul ul li a {
	display: inline;
	color: #333;
}
	
/*ブロック*/
.hoover-contents ul li.book-block1 ul li.book-block1 {
	background: #d7d7d7;
	border:none;
	padding:0;
	border-top: 1px solid #fff;
}
.hoover-contents ul li.book-block1 ul li.book-block1:first-child{
	border-top: none;
}
.hoover-contents ul li.book-block1 ul li.book-block1 a{
	font-size:140%;
}
.hoover-contents ul li.book-block1 ul li a{
	font-size:100%;
	font-family: "Times New Roman", Times, serif;
}


/*3階層目ーーーーーーーーーーーーー*/
.hoover-contents ul ul ul{
	border:none;
}
.hoover-contents ul li.book-block1 ul li ul{
	background: #fff;
}
.hoover-contents ul li.book-block1 ul li.book-block1 ul:first-child{
	border-top:solid #e5e5e5 1px;
}
.hoover-contents ul li.book-block1 ul li.book-block1 ul li.book-block1{
	background-color:#ffffff;
	padding: 1.2em 7%;;
	border-top: 1px solid #e3e3e3;
	background: url(/images/hoover_arrow03.png) 96.5% center no-repeat;
	background-size: 7px auto;
}
.hoover-contents ul li.book-block1 ul li.book-block1 ul li.book-block1 a{
	font-size:110%;
	display: block;
	line-height: 1.4;
	font-family:"Times New Roman", Times,"HG明朝E","ＭＳ 明朝","ＭＳ P明朝"!important;
}




/*フーヴァーアーカイブス 記事一覧
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/

#contents.cat5 .category {
	line-height: 1.8;
	font-size: 218%;
}
#contents.cat5 .category span {
	font-size: 85%;
}
#contents.cat5 .pagetitle {
	font-family:"Times New Roman", Times,"リュウミン R-KL","HG明朝E","ＭＳ 明朝","ＭＳ P明朝"!important;
	font-weight: normal;
}
.listbox.cat5 {
	font-family:"Times New Roman", Times,"リュウミン R-KL","HG明朝E","ＭＳ 明朝","ＭＳ P明朝"!important;
}
#contents.cat5 .listbox.cat5 h3 {
	font-weight: normal;
}
#contents.cat5 .listbox.cat5 .list-number {
	width: 500px;
}
#contents.cat5 .listbox.cat5 .list-number span{
	font-style: normal;
	margin:0 0.5em;
}
#contents.cat5 .listbox.cat5 .list-number a {
	color: #bcbcbc;
}

/*フーヴァーアーカイブス 記事詳細
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/

#contents.cat5 .post-header .list-number {
	font-size: 1.4em;
	font-family:"Times New Roman", Times,"リュウミン R-KL","HG明朝E","ＭＳ 明朝","ＭＳ P明朝";
}
#contents.cat5 .post-header .list-number span {
	font-style: normal;
	margin:0 0.5em;
}
#contents.cat5 .post-header .list-number a {
	color: #bcbcbc;
}
#contents.cat5 .post-header h2 {
	font-size: 2.48em;
	font-weight: normal;
}
#contents.cat5 .post-header h2 span {
	text-decoration: underline;
	font-size: 75%;
}

#contents.cat5 .post-content .section {
	margin-bottom: 8%;
}

#contents.cat5 .post-content .translation h3 {
	position: relative;
	margin-bottom: 50px;
}
#contents.cat5 .post-content .translation span.icon {
	background: #d8d8d8;
	font-size: 128%;
	padding: 6px 14px;
	line-height: 1;
	position: absolute;
	top: 0;
	left:0;
}
#contents.cat5 .post-content .author {
	background: #f9f9f9;
	padding: 0 20px 40px;
}
#contents.cat5 .post-content .author h3 {
	padding-top: 40px;
	font-size: 1.4em;
	text-align: left;
	border-bottom: 1px solid #efefef;
	position: relative;
	margin-bottom: 25px;
	height: 31px;
}
#contents.cat5 .post-content .author h3 span {
	display: inline-block;
	border-bottom: 1px solid #d6d6d6;
	padding-bottom: 10px;
	position: absolute;
	bottom: -1px;
}
@media (min-width: 640px) { 
#contents.cat5 .accordionTtl + .inner {
	display: block!important;
	position: relative;
}
}


/* ページャー */
.pager ul {
	text-align: center;
	margin: 30px auto;
}
.pager ul li {
	display: inline-block;
	font-size: 115%;
	margin-left: 5px;
}
.pager ul li a {
	display: block;
}
.pager ul li span {
	display: inline-block;
	box-sizing: border-box;
	width: 40px;
	color: #fff;
	text-align: center;
	background-color: #333333;
	border: 1px solid #333333;
	padding: 8px 0;
}
.pager ul li a span {
	color: #333;
	background-color: #fff;
}
.pager ul li a:hover span {
	background-color: #d6d6d6;
}
.pager ul li span b {
	font-weight: normal;
	position: relative;
}
.pager ul li.blank {
	padding-top: 10px;
}
.pager ul li.prev {
	margin-right: 5px;
}
.pager ul li.prev span {
	padding: 8px 0;
	width: 40px;
	border-left: 1px solid #333333;
	box-sizing: border-box;
	text-indent:-9999px;
	position: relative;
}
.pager ul li.prev span:before {
	content: "";
	display: block;
	position: absolute;
	top: 14px;
	left: 16px;
	width: 8px;
	height: 8px;
	border-bottom: 1px solid #333;
	border-left: 1px solid #333;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.pager ul li.next {
	margin-left: 10px;
}
.pager ul li.next span {
	padding: 8px 0;
	width: 40px;
	box-sizing: border-box;
	text-indent: -9999px;
	position: relative;
}
.pager ul li.next span:before {
	content: "";
	display: block;
	position: absolute;
	top: 14px;
	right: 16px;
	width: 8px;
	height: 8px;
	border-top: 1px solid #333;
	border-right: 1px solid #333;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}









/*about
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/


.about h2.pagetitle{
	text-align:center;
	font-size:220%;
}
.about-txt{
	text-align:center;
	line-height:200%;
}

.about .pageh3{
	font-size:200%;
	text-align:center;
	margin-top:3em;
}

.about-list-wrapper{
	margin-top:3em;
}

.booklist-box{
	margin-top:1.5em;
	background-color:#f4f4f4;
	font-size:95%;
	line-height:150%;
}
.booklist-box .img{
	width:345px;
	float:right;
	margin-left:2em
}
.booklist-box .txt{
	float:none;
	width:auto;
	padding-left:2em;
}

.booklist-box .txt span.frigana{
	color:#b2b2b2;
	font-size:90%;
	padding-right:2em;
	padding-top:2em;
	display:block;
	letter-spacing: 0.1em;
}
.booklist-box .txt h4{
	font-size:200%;
	margin-top:0.5em;
	font-weight:normal;
	line-height:1em;
	padding-right:2em;
}
.booklist-box .txt p{
	margin-top:1.8em;
	color:#5b5b5b;
	padding-right:2em;
}

.booklist-box .btn-read{
	margin-top:1.5em;
	margin-bottom:1.5em;
}

.p-fb{
	margin-left:1em;
	
}
.p-fb  a img{
	margin:0;
	padding:0;
	height:1em;
	vertical-align:top;
	
}
.p-fb a:hover img{
	margin:0;
	padding:0;
	height:1em;
	vertical-align:top;
	
}



/*商品一覧
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/


.bgnone{
	background:none !important;
}

.listbox .itemimg{
	width:111px;
	float:right;
	margin-left:1.8em;
	margin-bottom:1em;
	position:relative;
}


.itemPage .listbox{
	
}

.itemPage .btn-read{
	margin-top:0.6em;
}

.itemPage h3{
	margin-top:0em;
}
.itemPage .list-contens{
	padding-top:1.5em;
	padding-bottom:1em;
}
.itemPage .list-contens p{
	margin-top:1.4em;
}

.item-cate{
	height:37px;
	display:table;
}
.item-cate span{
	line-height:1em;
	display:table-cell;
	vertical-align:middle;
	padding-left:3.8em;
}
.cate-member{
	background:url(../../images/icon_member.png) center left no-repeat;
	background-size:37px;
	color:#52718b;
}
.cate-online{
	background:url(../../images/icon_online.png) center left no-repeat;
	background-size:37px;
	color:#5e724d;
}
.cate-seminar{
	background:url(../../images/icon_seminar.png) center left no-repeat;
	background-size:37px;
	color:#69603a;
}
.cate-book{
	background:url(../../images/icon_book.png) center left no-repeat;
	background-size:37px;
	color:#715555;
}
.cate-kouen{
	background:url(../../images/icon_kouen.png) center left no-repeat;
	background-size:37px;
	color:#645666;
}

.item-post{
	margin-top:2.5em;
	background-color:#f7f7f7;
}
.item-post h3{
	background-color:#f0f0f0;
	font-size:1.5em;
	padding:1.2em 3.5%;
	
}
.item-post .item-post-inner{
	padding:1.5em 3.5% 2em 3.5%;
	line-height:160%;
}
.item-post .item-post-inner p{
	margin:0;
}

.itemPage .itemtableset{
	margin-top:0.3em !important;
}


.item-table table{
	font-size:100%;
	border-collapse:collapse;
	width:100%;
	margin-top:2.5em;
}
.item-table table th{
	width:5em;
	font-weight:normal;
	background-color:#f7f7f7;
	color:#545454;
	border:solid #e3e3e3 1px;
	padding:0.7em 1em;
	vertical-align:top;
	text-align:left;
}
.item-table table td{
	padding:0.7em 1em;
	vertical-align:top;
	border:solid #e3e3e3 1px;
	text-align:left;
}

.item-table table.th-s th{
	width:4em;
}


/*運営会社
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
.company table a{
	color:#0071ab;
	text-decoration:underline;
}
.company table a:hover{
	color:#0071ab;
	text-decoration:none;
}
.company table{
	width:100%;
	font-size:100%;
	border-collapse:collapse;
	border-bottom:solid #e8e8e8 1px;
	
}
.company table th{
	background-color:#f5f5f5;
	vertical-align:top;
	padding:1.5em 1.2em;
	font-weight:normal;
	width:23%;
	color:#343434;
	border-top:solid #e8e8e8 1px;
	border-right:solid #e8e8e8 1px;
}
.company table td{
	vertical-align:top;
	padding:1.5em 1.5em;
	font-weight:normal;
	border-top:solid #e8e8e8 1px;
}
.company table p{
	margin-top:0.5em;
}
.company table span{
	line-height:100%;
	display:block;
	margin-top:0.8em;

}


/*プライバシー
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
.policy {
	line-height:150%;
}
.policy  h3{
	font-size:220%;
	line-height:110%;
	margin-top:2em;
}
.policy  h3:first-child{
	padding-bottom:0.5em;
}
.policy  h4{
	font-size:150%;
	margin-top:2.8em;
}
.policy  p{
	margin-top:1.5em;
}
.policy  span{
	display:block;
	margin-top:0.8em;
}
.policy  strong{
	color:#ff8e1b;
	font-weight:normal;
}
.policy  strong a{
	color:#ff8e1b;
	font-weight:normal;
}
.policy  strong a:hover{
	color:#ff8e1b;
	font-weight:normal;
	text-decoration:underline;
}


.policy-right{
	text-align:right;
	margin-top:5em;
	margin-bottom:3em;
	padding-bottom:5em;
	border-bottom:solid #e8e8e8 1px;
}


/*登録
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/

.registr-inner h2{
	text-align:center;
	font-size:1.2em;
	font-weight:normal;
}
.registr-inner h2 img{
	height:0.8em;
	vertical-align:top;
	margin-top:0.2em;
	margin-right:0.3em;
}
.registr-inner p{
	font-size:90%;
	text-align:center;
	margin-top:1em;
}
#registr-form{
	padding-top:0.5em;
}
#registr-form table{
	margin-top:0.5em;
	width:100%;
	display: block;
}
#registr-form tbody {
	display: block;
	width: 100%;
}
#registr-form td {
   display: block;
   text-align:center;
   vertical-align:middle\9;
}
#registr-form td font{
	display:block\9;
	font-size:80%\9;
	text-align:left\9;
	padding-right:1em\9;
	line-height:1.1em\9;
	display:none;
}
#registr-form tr{
	display: block;
}



#registr-form input{
	width:100%;
	
	height:3em;
	border:0;
	text-align:left;
	
}
#registr-form input[type="text"]{
	border:solid #dedede 1px;
	width:93%;
	padding:0 3%;
	margin-top:0.5em;
}

#registr-form input[type="submit"]{
	background:url(../../images/btn_bg_b.png) left bottom repeat-x;
	background-size:auto 100%;
	color:#ffffff;
	line-height:1em;
	cursor:pointer;
	text-align:center;
	margin-top:1em;
}
#registr-form input[type="submit"]:hover{
	background:url(../../images/btn_bg_b_on.png) left bottom repeat-x;
	background-size:auto 100%;
}


/*検索*/

#search-results #page-title{
	margin-top:3em;
	margin-bottom:2em;
	font-size:1em;
	font-weight:normal;
}

/*タイトル カラーライン
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
/**/
.cat2 .list-cate{
	border-left:solid #498dd6 3px;
	padding:0.16em 0 0.05em 0.9em;
}
.cat3 .list-cate{
	border-left:solid #59ab22 3px;
		padding:0.16em 0 0.05em 0.9em;
}
.cat4 .list-cate{
	border-left:solid #d39200 3px;
		padding:0.16em 0 0.05em 0.9em;
}
.cat5 .list-cate{
	border-left:solid #bf3f3f 3px;
		padding:0.16em 0 0.05em 0.9em;
}
.cat-item .list-cate{
	border-left:solid #bfbfbf 3px;
	padding:0.16em 0 0.05em 0.9em;
}
.recent-post .list-cate{
	padding:0.1em 0 0.1em 0.6em;
}




/* ボタン関係
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
/*sns ボタン*/
.fb-like{
	display:inline;
}
.tw-btn{
	display:inline;
	margin-left:0.8em;
}
.fb_iframe_widget > span {
  vertical-align: baseline !important;
}
/*more*/
.more-btn{
	clear:both;
	margin-top:2em;
}
.more-btn span{
	text-align:center;
	display:none;

	line-height:1em;
	padding:1.5em 2.2em;
	color:#666666;
	background:#f0f0f0 url(../../images/btn_bg_gm.png) left bottom repeat-x;
	background-size:auto 100%;
	cursor:pointer;
}
.more-btn span:hover{
	background:#fff200 url(../../images/btn_bg_gm_on.png) left bottom repeat-x;
	background-size:auto 100%;
}
.more-btn span img{
	height:11px;
}
.more-btn span:hover img {
	opacity: 1;
	filter: alpha(opacity=100);
}
.none-more{
	display:none !important;
}
/**/
.color-y span a{
	display:inline-block;
	line-height:1em;
	padding:0.7em 2.2em;
	color:#463939;
	background:#eccc34 url(../../images/btn_bg_top_y.png) left bottom repeat-x;
	background-size:auto 100%;
	text-decoration:none;
}
.color-y span a:hover{
	background:#fff200 url(../../images/btn_bg_top_y_on.png) left bottom repeat-x;
	background-size:auto 100%;
	text-decoration:none;
}
.color-y span a img{
	height:8px;
}
.color-y span a:hover img {
	opacity: 1;
	filter: alpha(opacity=100);
}

/**/
.color-g span a{
	display:inline-block;
	line-height:1em;
	padding:0.7em 2.2em 0.7em 2.2em;
	color:#666666;
	background:#f0f0f0 url(../../images/btn_bg_g.png) left bottom repeat-x;
	background-size:auto 100%;
	text-decoration:none;
	
}
.color-g span a:hover{
	background:#fff200 url(../../images/btn_bg_g_on.png) left bottom repeat-x;
	background-size:auto 100%;
	text-decoration:none;
}
.color-g span a img{
	height:8px;
}
.color-g span a:hover img {
	opacity: 1;
	filter: alpha(opacity=100);
}

/*aboutなど（濃いグレー）*/
.color-g2 span a{
	display:inline-block;
	line-height:1em;
	padding:0.7em 2.2em 0.7em 2.2em;
	color:#666666;
	background:#f0f0f0 url(../../images/btn_bg_g2.png) left bottom repeat-x;
	background-size:auto 100%;
	text-decoration:none;
	
}
.color-g2 span a:hover{
	background:#fff200 url(../../images/btn_bg_g_on.png) left bottom repeat-x;
	background-size:auto 100%;
	text-decoration:none;
}
.color-g2 span a img{
	height:8px;
}
.color-g2 span a:hover img {
	opacity: 1;
	filter: alpha(opacity=100);
}

/*商品一覧*/
.color-g3 span a{
	display:inline-block;
	line-height:1em;
	padding:0.7em 2.2em 0.7em 2.2em;
	color:#4c4c4c;
	background:#f0f0f0 url(../../images/btn_bg_g3.png) left bottom repeat-x;
	background-size:auto 100%;
	text-decoration:none;
	min-width:5em;
	text-align:center;
}
.color-g3 span a:hover{
	background:#fff200 url(../../images/btn_bg_g_on.png) left bottom repeat-x;
	background-size:auto 100%;
	text-decoration:none;
}
.color-g3 span a img{
	height:8px;
}
.color-g3 span a:hover img {
	opacity: 1;
	filter: alpha(opacity=100);
}

.color-g3 span a.nolink{
	color:#B6B6B6 !important;
}
.color-g3 span a.nolink:hover{
	background:#f0f0f0 url(../../images/btn_bg_g3.png) left bottom repeat-x;
	background-size:auto 100%;
}



/*recommend*/
.recommend .color-g span a{
	display:inline-block;
	line-height:1em;
	padding:0.55em 2.2em;
	color:#666666;
	background:#f0f0f0 url(../../images/btn_bg_g2.png) left bottom repeat-x;
	background-size:auto 100%;
	text-decoration:none;
}
.recommend .color-g span a:hover{
	background:#fff200 url(../../images/btn_bg_g_on.png) left bottom repeat-x;
	background-size:auto 100%;
	text-decoration:none;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {

	.color-g span a{
		line-height:90%;
	}
	.color-g2 span a{
		line-height:90%;
		padding:0.7em 2.2em 0.8em 2.2em;
	}
}