@charset "utf-8";
/* CSS Document */


/* ------ hedder ------*/


#header .inner h1 {
    float: left;
    line-height: 0;
}

#header .sns-logo{
	float: right;
	margin-right: 10px;
	margin-top: 7px;
}
.free-btn{
	float: right;
	width:80px;
    font-size:18px;
    font-weight:bold;
    text-decoration:none;
    display:block;
    text-align:center;
    padding:20px 0 20px;
    color:#fff;
    border:1px solid #fff;
	border-radius: 3px;
	margin-top: 7px;
	margin-left: 10px;
}

#header .Toplogo{
	width: 94%;
	height: 60px;
	margin: 0 auto;
	position: relative;
	max-width: 1000px;
	zoom: 1;
}
#header .inner {
	background: #0e4d8c;
	width: 100%;
	position: relative;
	z-index: 1000;

	}
	#header .inner h1 a, #header .inner h1 .top-logo {
	    display: block;
	    line-height: 0;
	    float: left;
	    margin-top: 3px;
	}

.SearchArea{
	background: #fff;
	height: 60px;
	width: 100%;
	position: relative;
	z-index: 1000;
}

.Search-body{
	width: 100%;
	height: 60px;
	margin: 0 auto;
	position: relative;
	max-width: 1000px;
	zoom: 1;
}

dl.search2{
position:relative;
display: inline-block;
margin-top: 15px;
float: left;
width: 100%;
}
dl.search2 dt{
	/*padding: 3px 8px;*/
    background-color: #fff;
    /*border: 1px solid #aaa;*/
    width: 57%;
	float: left;
	box-sizing: border-box;
}
dl.search2 dt input{
	width:100%;
	height:28px;
	line-height:24px;
	background:none;
    border: 1px solid #aaa;
}

.Searchselect select{
	-webkit-appearance:none;
	-moz-appearance:none;
	/*appearance:none;*/
	position:relative;
	width: 200%;
	background: #fff;
}


/*dl.search2 dd{
	position:absolute;
	top:0;
	right:0;
	width: 20%;
}*/
dl.search2 .SearchBtn input{
	/*display:block;*/
	width:100%;
	height:30px;
	color:#fff;
	line-height:30px;
	background-color:#0e4d8c;
	border-radius: 3px;
	border: none;
}

.SearchArea .Search-body dd.Searchselect{
	width: 16%;
    margin-left: 1.5%;
    float: left;
    box-sizing: border-box;
	overflow: hidden;
}

.SearchArea #soflow{
	width: 100%;
	height: 30px;
	padding-left: 10%;
	font-size: 14px;
}

.SearchBtn{
	width: 17%;
	margin-left: 3%;
	float: left;
	box-sizing: border-box;
}

.Searchselect img{
	position: absolute;
	top: 0px;
	right: 25%;
}

.questionImg{
	width: 3%;
	float: right;
}

.questionImg img{
	width: 100%;
}

#___gcse_0 {
	display: none!important;
}

.naviArea{
	background: url(../images/navi_back.gif) repeat;
	height: 60px;
	border-top: 3px solid #808080;
	border-bottom: 2px solid #bfbfbf;
}

.navi-btn{

	width: 100%;
	height: 60px;
	margin: 0 auto;
	position: relative;
	max-width: 1000px;
	zoom: 1;
	color: #333333;
	font-weight: bold;
}
span.overflow {
    width: 100%;
    height: 100%;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
    background-color: #000;
    opacity: .3;
}
.navi-btn li{
	border-left: 1px solid #bcbcbc;
	position: relative;
}

.navi-btn a{
	height: 100%;
	width: 100%;
    align-items: center;
}

.navi-btn img{
	margin: 16px 0 16px 7%;
	float: left;
	max-width: 32px;
	max-height: 32px;
	height: auto;
}

.navi-btn p{
	font-size: 15px;
	font-weight: bold;
	color: #333333;
	margin-top: 30px;
	display: inline-block;
	float: left;
	margin-left: 10px;
}

.navi-jiji{
	border-left: 1px solid #bcbcbc;
	background: url(../images/back-jiji.gif) repeat-x;
	float: left;
	width: 34%;
	height: 60px;
	box-sizing: border-box;
}

.navi-jiji li{
	display: table-cell;
}
.navi-colum{
	border-left: 1px solid #bcbcbc;
	background: url(../images/back-colum.gif) repeat-x;
	float: left;
	width: 33%;
	height: 60px;
	box-sizing: border-box;
}

.navi-jijiword{
	border-left: 1px solid #bcbcbc;
	background: url(../images/back-jijiword.gif) repeat-x;
	float: left;
	width: 33%;
	height: 60px;
	box-sizing: border-box;
}

.navi-trivia{
	border-left: 1px solid #bcbcbc;
	background: url(../images/back-jzatsugaku.gif) repeat-x;
	float: left;
	width: 34%;
	height: 60px;
	box-sizing: border-box;
}

.navi-japan{
	border-left: 1px solid #bcbcbc;
	background: url(../images/back-japan.gif) repeat-x;
	float: left;
	width: 33%;
	height: 60px;
	box-sizing: border-box;
}

.navi-data{
	border-left: 1px solid #bcbcbc;
	border-right: 1px solid #bcbcbc;
	background: url(../images/back-data.gif) repeat-x;
	float: left;
	width: 33%;
	height: 60px;
	box-sizing: border-box;
}


/* ------ footer ------*/

#footer {
	/*margin-top: 50px;*/
	position: absolute;
	width: 100%;
	}

#footer .links{
	background-color: #808080;
	padding: 5px 0;
	text-align: center;
}

#footer .links ul{
	width: 100%;
	margin: 0 auto;
	position: relative;
	max-width: 1000px;
	zoom: 1;
}

#footer .links a{
	color: #ffffff;
	text-decoration: none;
	font-size: 16px;
}

#footer .links li{
	display: inline-block;
	padding:20px 9px;
	background: url(../images/footer_sankaku.gif)left no-repeat;
	margin-left: 10px;
	margin-right: 55px;
}

#footer .foot-bluebar{
	height: 40px;
	background: #0e4d8c;
}

#footer p {
	text-align: center;
	color: #fff;
	font-size: 13px;
	padding: 20px 0;
}

.pagetop-btn{
	width: 100%;
	margin: 0 auto;
	position: relative;
	max-width: 1000px;
	zoom: 1;
	display: inline-block;
}

.pagetop-btn img{
	margin-left: auto;
	float: right;
}

.footnavi{
	width:125%;

}

.f_cookie-consent {
	background-color: rgba(0,0,0,0.8);
	position: fixed;
	bottom: 0;
	right: 0;
	left: 0;
	padding: 20px 0;
	z-index: 10;
	min-width: 320px;
	display: none;
}
.f_cookie-consent.s_show {
	display: block;
}
.f_cookie-consent-text {
	color: #fff;
}
.f_cookie-consent-btn {
	width: 150px;
	background-color: #fff;
	padding: 10px;
	border-radius: 30px;
	margin: 15px auto 0;
	text-align: center;
}

@media screen and (min-width: 768px),print {
	.f_cookie-consent {
		padding: 32px 0;
	}
	.f_cookie-consent-inn {
		display: flex;
		align-items: center;
	}
	.f_cookie-consent-text {
		width: calc(100% - 150px);
		padding-right: 40px;
	}
	.f_cookie-consent-btn {
		margin-top: 0;
	}
}

/* 旧デザイン用 ここから ---------- */
.f_cookie-consent {
	line-height: 1.5;
}
.f_cookie-consent * {
	box-sizing: border-box;
}
.f_cookie-consent .m_contents {
	padding-left: 15px;
	padding-right: 15px;
	margin-left: auto;
	margin-right: auto;
}
.f_cookie-consent a,
.f_cookie-consent a:visited {
	color: inherit;
}
.f_cookie-consent-text {
	text-align: left;
}
.f_cookie-consent.c_hide {
	display: none !important;
}
@media screen and (min-width: 768px),print {
	.f_cookie-consent .m_contents {
		max-width: 1040px;
		padding-left: 20px;
		padding-right: 20px;
	}
}
.f_cookie-consent .c_textLink {
	text-decoration: underline;
	cursor: pointer;
}
.f_cookie-consent .c_textLink:hover { text-decoration: none; }
.f_cookie-consent .c_fadeOver {
		cursor: pointer;
}
@media screen and (min-width: 768px) {
	.f_cookie-consent .c_fadeOver {
		-webkit-transition: 0.3s opacity;
				transition: 0.3s opacity;
		backface-visibility: hidden;
	}
	.f_cookie-consent .c_fadeOver:hover {
		opacity: 0.6;
	}
}
/* ---------- 旧デザイン用 ここまで */

/* ------ main ------*/

#container {
width: 100%;
margin: 0 auto;
max-width: 1000px;
}

body {
    background: #d9d9d9;
    font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
    font-size: 14px;
    line-height: 0;
    text-align: center;
    color: #333333;
    -webkit-text-size-adjust: 100%;
	margin: 0;         /* 余白の削除 */
    padding: 0;        /* 余白の削除 */
	width:100%;
	height:100%;

}

/* ------ 新着 ------*/
.box {
background: #fff;
border-bottom: 4px solid #bfbfbf;
margin-top: 5%;
}
.box .ttl-blue {
    font-size: 22px;
    font-weight: bold;
	line-height: 140%;
	padding: 8px 2%;
    border-top: 5px solid #0e4d8c;
    border-bottom: 2px solid #d9d9d9;
	text-align: left;
}

.list-box{
	padding: 0 2% 0 2%;
}

.list-box ul{
	display: inline-block;
    vertical-align: top;
    font-size: 0;
    margin: 0;
    padding: 0;
    width: 100%;
}

.list-box li {
	margin: 0;
    padding: 0;
    border-top: 1px solid #cccccc;
    padding-top: 20px;
    width: 49%;
    display: inline-block;
    cursor: pointer;
    vertical-align: top;
    clear: both;
    background: url(../images/com_icon_sankaku.png) right no-repeat;
    background-size: 12px;
    list-style-type: none;
	}

.list-box li:hover{
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;

}

.list-box li:first-child,
.list-box li:nth-child(2) {
	border: none;
}

.list-box li:nth-child(odd) {
	float: left;
	margin: 0 2% 0 0;
}

.imgArea img{
	width: 120px;
	height: 120px;
	padding-right: 20px;
	/*padding-bottom: 20px;*/
	object-fit: contain;
}

.imgArea{
	display: table;
	float: left;
}

.textArea{
	width: 24vw;
	max-width: 320px;
	display: table;
	text-align: left;
	/*padding-bottom: 20px;*/
}

.textArea img{
	margin-bottom: 15px;
}

.textArea .colum-title{
	width: 92%;
	line-height: 27px;
	font-size: 19px;
	margin-bottom: 7px;
	font-weight: bold;
}

.textArea .colum-sub{
	color: #0e4d8c;
	line-height: 21px;
	font-size: 15px;
	font-weight: bold;
}
.textArea .colum-data{
	color: #808080;
	line-height: 21px;
	font-size: 14px;
}

/* ------ ランキング ------*/
.ranking-box{
	padding: 0 2% 0 2%;
}

.ranking-box ul{
	display: inline-block;
	vertical-align: top;
	font-size: 0;
	width: 100%;
}

.ranking-box li {
	border-top: 1px solid #cccccc;
	padding-top: 20px;
	width: 50%;
	display: table-cell;
	cursor: pointer;
	vertical-align: top;
	clear: both;
	background: url(../images/com_icon_sankaku.png) right no-repeat;
	background-size: 12px;
	}

.ranking-box li:hover{
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;

}

.ranking-box .list-big{
	border-bottom: 1px solid #cccccc;
	display: table;
	cursor: pointer;
	width: 100%;
	padding-bottom: 20px;
}

.ranking-box li:first-child{
	border-top: none;
}

.ranking-box li:nth-child(2),
.ranking-box li:nth-child(3){
	border: none;
}

.ranking-box li:nth-child(even) {
	float: left;
	margin: 0 2% 0 0;
}

.ranking-box .textArea .colum-title {
	width: 95%;
	min-width: 240px;
}

.ranking-box img{
	width: 58px;
	height: auto;
	vertical-align: middle;
	text-align: center;
	display: table-cell;
}

.icon-rank{
	display: table;
	float: left;
	padding-right: 20px;
}

/* ------ Pick up ------*/
.box .ttl-yellow {
	font-size: 22px;
	font-weight: bold;
	line-height: 36px;
	padding: 8px 2%;
	border-top: 5px solid #f0b500;
	border-bottom: 2px solid #d9d9d9;
	text-align: left;
}

.box .ttl-yellow img{
	width: 30px;
	height: 25px;
	margin-top: 4px;
}

.titleLogo{
	height: 37px;
	margin-right: 2%;
}

.pick-box{
	width: 96%;
	padding: 2%;
}

.pick-box {
    background: url(../images/com_icon_sankaku.png) 98% no-repeat;
    background-size: 12px;
    border-bottom: 1px solid #cccccc;
}

/* ------ ボタン ------*/
.btnimg{
	margin-top: 30px;
}

/* ------ 時事オピニオン ------*/
.listBtn{
	margin: 3% 0;
}

.more-btn li:last-child,
.more-btn li:nth-last-child(2) {
	border-bottom: 1px solid #cccccc;
}


/* ------ 連載コラム ------*/
.box .ttl-green {
	font-size: 22px;
	font-weight: bold;
	line-height: 36px;
	padding: 8px 2%;
	border-top: 5px solid #0e8c70;
	border-bottom: 2px solid #d9d9d9;
	text-align: left;
}


/* ------ 時点・データ ------*/
.box .ttl-gray {
	font-size: 22px;
	font-weight: bold;
	line-height: 36px;
	padding: 8px 2%;
	border-top: 5px solid #666666;
	border-bottom: 2px solid #d9d9d9;
	text-align: left;
}

.data-box{
padding: 0 2% 0 2%;
}

.data-box li {
	border-top: 1px solid #cccccc;
	padding: 20px 0;
	width: 50%;
	display: table-cell;
	cursor: pointer;
	vertical-align: top;
	clear: both;
	background: url(../images/com_icon_sankaku.png) right no-repeat;
	background-size: 12px;
}

.data-box li:hover{
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}

.data-box li:first-child,
.data-box li:nth-child(2) {
	border: none;
}

.data-box li:nth-child(odd) {
	float: left;
	margin: 0 2% 0 0;
}

.data-box .textArea{
	width: 80%;
	display: table;
	text-align: left;
	padding-bottom: 0px;
}

.icon-data img{
	width: auto;
	height: 30px;
	vertical-align: middle;
	text-align: center;
	display: table-cell;
	float: left;
	margin-right: 10px;
}

.txt {
	font-size: 15px;
	color: #000;
	line-height: 140%;
}





/* ------ イミダスの本 ------*/
.book-box{
	padding: 2%;
	text-align: left;
}

.book-box img{
	width: 177px;
	height: 255px;
	margin-left: 10px;
	margin-bottom: 20px;
}

.book-box img:nth-child(n+2){
	margin: 0 2% 2% 0
}

.book-box img:nth-child(n+2){
	margin: 0 2% 2% 0
}
dl.search2 dd button {
	border: none;
}
.naviArea {
	height: 58px;
}
.navi-btn {
	margin: -2px auto 0;
}

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

下層　opinion

------------------*/
.SearchArea #soflow {
	background: url(../images/search_btn.gif) no-repeat top right;
    background-size: contain;
	width: 120%;
    background-position: 80% 0;
	}

.DetailArea a,
.breadcrumb a,
.articleList a,
.genreBox a,
.idiomHeadtxt a,
.mindBodySearchArea a {
text-decoration: underline;
color: #e54d00;
}

.breadcrumb {
margin: 30px 0;
text-align: left;
}
.breadcrumb ul li {
display: inline;
}
.ttl-blueBar {
font-size: 22px;
font-weight: bold;
line-height: 36px;
padding: 19px 2%;
text-align: left;
color: #fff;
background-color: #0e4d8c;
}
.linkBox,
.genreBox {
padding: 25px 2%;
text-align: left;
}
.linkBox p {
	margin-bottom: 30px;
    line-height: 140%;
}
.linkBox a {
margin-right: 1%;
}
.linkBox a:last-of-type {
margin-right: 0;
}
.blueButton {
display: inline-block;
height: 30px;
color: #fff;
line-height: 30px;
background-color: #0e4d8c;
border-radius: 5px;
font-size: 18px;
text-align: center;
box-shadow: 0 5px 0 0 #0a3662;
}
.linkBox .blueButton {
width: 180px;
position: relative;
padding: 5px 0;
margin-top: 10px;
}
.linkBox .blueButton::before {
content: "";
position: absolute;
top: 50%;
right: 15px;
display: block;
width: 10px;
height: 10px;
margin: -8px 0 0 0;
border-top: 2px solid #fff;
border-right: 2px solid #fff;
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
z-index: 10;
}

.articleList {
padding: 30px 0;
}
.articleList ul li {
display: inline-block;
font-size: 18px;
margin-right: 10px;
}
.blueButton.next {
padding: 7px 18px;
margin-left: 40px;
}
.monthBox,
.authorBox {
text-align: left;
width: 96%;
padding: 2%;
}
.monthBox ul li,
.authorBox ul li {
display: inline-block;
}
.monthBox ul li:nth-child(n+6),
.authorBox ul li:nth-child(n+6) {
margin-top: 20px;
}
.monthBox .blueButton,
.authorBox .blueButton {
width: 176px;
margin-right: 12px;
padding: 0;
}
.ranking-box {
padding: 5px 2% 25px;
}
h3.blueLineLeft {
/*border-left: 4px solid #0e4d8c;*/
font-size: 20px;
padding: 15px 0 15px 10px;
margin-bottom: 0;
position: relative;
}
h3.blueLineLeft:before {
content: " ";
position: absolute;
left: 0;
top: 0;
display: inline-block;
width: 4px;
height: 100%;
background-color: #0e4d8c;
}
.genreBox ul {
padding: 0 2%;
line-height: 140%;
}
.genreBox ul li {
display: inline-block;
margin: 10px 17px 20px 0;
font-size: 16px;
}
.genreBox ul li:last-of-type {
margin-right: 0;
}
.listBtn.pcArea img,
.btnimg.pcArea img,
.backBtn img {
max-width: 300px;
}
.navi-btn ul.clearfix {
display: inline-block;
width: 50%;
float: left;
}
.noborder {
	border: none!important;
}

/* ------ ツールチップ ------*/
.DetailtextArea {
position: relative;
}
.DetailtextArea p {
position: relative;
}span.word {
color: #e54d00;
text-decoration: none;
border-bottom: 1px solid #e54d00;
/*padding-bottom: 1px;*/
cursor: pointer;
}
.balloon {
position: absolute;
width: 100%;
max-width: 540px;
display: none;
}
.balloonAria {
font-size: 1rem;
min-width: 1rem;
width: 100%;
max-width: 540px;
padding: 20px;
border: 2px solid rgb(14, 77, 140);
border-radius: 20px;
color: rgb(51, 51, 51);
background-color: rgb(255, 255, 255);
z-index: 1000;
text-align: left;
line-height: 1.6;
visibility: visible;
position: absolute;
box-sizing: border-box;
}
.DetailtextArea .balloonAria p {
margin: 0;
}
.balloonTriangle_line {
position: absolute;
height: 0px;
width: 0px;
border-width: 0px 17px 30px;
border-style: solid;
border-color: transparent transparent rgb(14, 77, 140);
border-image: initial;
z-index: 1010;
}
.balloonTriangle_white {
position: absolute;
height: 0px;
width: 0px;
border-width: 0px 15px 26px;
border-style: solid;
border-color: transparent transparent rgb(255, 255, 255);
border-image: initial;
z-index: 1020;
}
.ballCloseBtn {
position: absolute;
top: 20px;
right: 20px;
display: inline-block;
width: 25px;
height: 25px;
border-radius: 3px;
background-image: url(/common/images/ballCloseBtn.gif);
}
.ballCloseBtn .guard {
	margin-top: 0;
}
.CloseX {
position: relative;
font-size: 25px;
}
.spmt50s.mainLink .linkBox .blueButton {
width: 225px;
}

/*.CloseX::after {
color: #fff;
content: '×';
font-family: 'Open Sans', sans-serif;
font-weight: 300;
height: 100%;
left: 5.5px;
position: absolute;
top: -8.5px;
width: 100%;
}*/
/*#BALLID_01 {
top: 440px;
left: 0;
}
#BALLID_01 .balloonTriangle_line {
top: -28px;
left: 50px;
}
#BALLID_01 .balloonTriangle_white {
top: -24px;
left: 52px;
}
#BALLID_02 {
top: 440px;
left: 350px;
}
#BALLID_02 .balloonTriangle_line {
top: -28px;
left: 253px;
}
#BALLID_02 .balloonTriangle_white {
top: -24px;
left: 255px;
}
#BALLID_03 {
top: 440px;
left: 470px;
}
#BALLID_03 .balloonTriangle_line {
top: -28px;
left: 253px;
}
#BALLID_03 .balloonTriangle_white {
top: -24px;
left: 255px;
}*/
/* ------ レスポンシブ ------*/

	.spArea{
		display: none;
	}

	.pcArea{
		display: block;
	}
	.pagetop-btnSP {
		display: none;
	}
	.navispArea {
		display: none;
	}
@media screen and (max-width: 960px){
	.linkBox .blueButton {
	    width: 21vw;
	}
}
@media screen and (min-width: 961px) and (max-width:999px) {
	.navi-jiji .titleLogo {
		width: 28px;
	}
	.linkBox .blueButton {
	    width: 22.5vw;
	}
	.monthBox .blueButton,
	.authorBox .blueButton {
	    width: 17.2vw;
	}
}
@media screen and (max-width:640px) {
	.spArea{
		display: block;
	}

	.pcArea{
		display: none;
	}

	.textArea .colum-sub {
		font-size: 3.2vw;
	}

	#footer {
		bottom: auto;
		position: static;
		}

	#footer .foot-bluebar{
		height: 9vw;

	}


	.navi-btn p{
		font-size: 1vw;
	}
	.navi-btn p{
		margin-left: 5px;
	}

	.textArea{
		width: 60%;
		padding-bottom: 0px;
	}
	.catalogArea .textArea,
	.noPhoto .textArea {
		width: 100%;
	}

	.spmt50{
		margin-top: 50px;
	}

	.box .ttl-blue,
	.box .ttl-gray,
	.box .ttl-yellow,
	.box .ttl-green{
		font-size: 4.3vw;
		padding: 1vw 2%;
		line-height: 9vw;
	}
	.box .ttl-blue {
		border-top: 5px solid #0e4d8c;
	}
	.popularArea h2.ttl-blue {
		line-height: 210%;
	}

	.box .ttl-yellow{
		border-top: 5px solid #f0b500;
	}

	.pick-box .textarea{
		width: 80%;
	}

	.box .ttl-green{
		border-top: 5px solid #0e8c70;
		display: flex;
		align-items: center;
	}

	.box .ttl-gray{
		border-top: 5px solid #666666;
		display: flex;
		align-items: center;
	}

	#footer {
		bottom: 0;
		margin-top: 8.4vw;
		}

	.imgArea img{
		width: 25vw;
		height: auto;
	}

	.textArea .colum-title{
		line-height: 140%;
	    font-size: 3.7vw;
	}
	.list-box{
		padding: 0 2% 0 0;
	}

	.list-box li:nth-child(odd) {
		float: none;
	}

	.list-box li{
		float: none;
		width: 100%;
		display: block;
		padding-top: 0;
		padding-bottom: 2%;
	}

	li .datatext:last-child,
	li .datatext:nth-last-child(2) {
		margin-bottom: 30px;
	}

	.textArea img{
		margin-top: 15px;
		width: 8vw;
		margin-bottom: 0px;
	}

	.imgArea img {
	    padding: 3vw 4vw 3vw 0;
	}
	.newArea .imgArea img {
		padding: 0 4vw 3vw 0;
	}
	.list-box ul{
		width: 100%;
	}

	.ranking-box{
		padding: 5px 2% 5px;
	}

	.ranking-box .list-big,
	.ranking-box .tile-list{
		display: flex;
		align-items: center;
		-webkit-align-items: center;
		padding-top: 0;
	}

	.list-box li:nth-child(2) {
		border-top: 1px solid #cccccc;
	}

	.textArea .colum-data{
		font-size: 3.2vw;
	    line-height: 140%;
		width: 95%;
	}

	.book-box img{
		width: 29%;
		height: auto;
		margin-left: 3%;
		margin-bottom: 41px;
	}

	.book-box{
		padding: 2% 0 6%;
	}

	.more-btn li:nth-last-child(2) {
		border-bottom: none;
	}

	.jiji-list li:last-child{
		border-bottom: 1px solid #cccccc;
	}

	.ranking-box li{
		padding-bottom: 20px;
	}

	.more-btn li:last-child,
	.more-btn li:nth-last-child(2){
		border-bottom: none;
	}

	.listBtn{
		padding-top: 33px;
		border-top: 1px solid #cccccc;
		width: 100%;
	}

	.pick-box,
	.list-box li,
	.ranking-box li,
	.data-box li{
		background: url(../images/com_icon_sankakuSP.png) right no-repeat;
	}

	.ranking-box li,
	.data-box li{
		display: block;
		width: 100%;
	}
	.ranking-box ul,
	.data-box ul{
		width: 100%;
	}

	.ranking-box li:nth-child(3),
	.data-box li:nth-child(2){
		border-top: 1px solid #cccccc;
	}


	.ranking-box li:nth-child(odd),
	.data-box li:nth-child(odd){
		float: none;
	}

	.tile-list,
	.colum-list{
		padding-top: 20px;
	}

	.pagetop-btn{
		display: none;
	}
	.pagetop-btnSP img {
		margin-right: 2%;
		width: 40vw;
		max-width: 600px;
	}

	.data-box .data-list .datatext{
		margin-bottom: 0px;
	}

	.data-box .data-list .br24 p{
		font-size: 3.4vw;
		color: #4c3030;
	}

	.data-box{
		padding: 0px;
	}

	.pick-box{
		padding: 0 2% 2% 2%;
		background-position: right 3% bottom 50%;
	}

	.list-box li{
		padding-left: 2%;
		background-position: right 2.5% bottom 50%;
	}

	.data-box li{
		padding-left: 2%;
		background-position: right 5% bottom 50%;
	}

	.ranking-box li{
		background-position: right 1% bottom 50%;
	}


	.icon-data img{
		height: 9vw;
		margin-right: 3vw;
	}

	.data-box .data-list{
		padding: 20px 0 30px 2%;
	}

	.data-list .icon-data{
		position: relative;
	    top: -0.5vw;
	}

	.btnimg img,
	.listBtn img{
		width: 80%;
	}

	/* -----170724 追記----- */
	body{
		overflow: hidden;
	}
	#header .Toplogo,
	.SearchArea {
		width: 94%;
		padding: 0 3%;
	}
	.titleLogo {
		height: 9vw;
		    max-height: 45px;
	}
	.naviArea .navi-btn img {
		width: 3vw;
		height: auto;
	}
	.naviArea .navi-btn p {
		font-size: 1.5vw;
	}
	.questionImg{
		margin-right: 0;
		width: 7vw;
		max-width: 32px;
		position: relative;
	}
	.questionImg a img {
		position: absolute;
		top: 0;
		bottom: 0;
		right: 3%;
		width: 4vw;
		max-width: 32px;
	}
	.pick-box .textArea {
		width: 90%;
	}
	/* ------------------

	下層　opinion

	------------------*/
	.ttl-blueBar {
		padding: 3vw 2% 2vw;
		font-size: 4.5vw;
		line-height: 9vw;
	}
	.spmt50s.mainLink .linkBox .blueButton {
		width: 21.6vw;
	}
	.linkBox a {
		margin-right: 1.3vw;
	}
	.backBtn img {
		max-width: none;
	}
	.blueButton {
		font-size: 3.2vw;
	}
	.linkBox .blueButton {
		width:98.4%;
		margin-bottom: 16px;
		margin-top: 0px;
	}
	/*171219追記*/
	.linkBox .blueButton2 {
	width: 45.6vw;
	}

	.linkBox .blueButton3 {
	width: 29.2vw;
	}

	.linkBox .grow-Button {
	width: 61.8vw;
	}
	/*171219追記*/
	.linkBox p {
		font-size: 3.7vw;
		line-height: 140%;
	}
	.linkBox .blueButton {
		padding: 2vw 0 3vw 0;
		font-size: 3.4vw;
		line-height: 140%;
	}
	.linkBox .txt_c a .blueButton {
		font-size: 2.6vw;
	}
	.linkBox .txt_c .blueButton {
		width: 29vw;
		margin-left: 0;
	}
	.linkBox .blueButton::before {
		top: 80%;
		right: 47.5%;
	}
	/*171220追記*/
	.linkBox .blueButton2::before {
		top: 80%;
		right: 46.4%;
	}

	.linkBox .blueButton3::before {
		top: 80%;
		right: 44.4%;
	}
	/*171220追記*/
	.spmt50s.mainLink .linkBox .blueButton::before {
		top: 80%;
		right: 45%;
	}
	.articleList ul li {
		font-size: 4vw;
		margin-right: 2vw;
	}
	.blueButton.next {
		padding: 0 4vw;
		margin-left: 1vw;
		font-size: 4vw;
	}
	.monthBox ul li,
	.authorBox ul li {
		width: 31%;
		margin-right: 1.5%;
	}
	.monthBox ul li .blueButton,
	.authorBox ul li .blueButton {
		width: 100%;
	}
	.monthBox ul li:nth-child(3n),
	.authorBox ul li:nth-child(3n) {
		margin-right: 0;
	}
	.authorBox ul li:last-of-type {
		width: 100%;
	}
	.authorBox ul li:last-of-type .blueButton {
		width: 100%;
		margin-bottom: 3vw;
	}
	h3.blueLineLeft {
		font-size: 4vw;
		margin-bottom: 10vw;
	}
	h3.blueLineLeft:before {
	    height: 40%;
		top: auto;
	}
	.genreBox ul {
		margin-bottom: 20px;
	}
	.genreBox ul li {
		font-size: 3.4vw;
			margin-bottom: 0;
			margin-right: 4vw;
	}
	.genreBox ul li:last-of-type {
		margin-right: 0;
	}
	.genreBox h3.blueLineLeft {
		margin-bottom: 0;
		margin-top: 10px;
	}

	.breadcrumb {
		padding:0 2%;
		margin: 5% 0px;
	}
	.breadcrumb ul li {
		font-size: 3vw;
		line-height: 4.3vw;
	}
	.authorBox {
	    text-align: left;
	    padding: 2% 3%;
		width: 94%;
	}
	.authorArea .monthBox,
	.authorArea .authorBox {
	    padding: 2% 3%;
	}
	.articleList {
		padding: 20px 0;
	}
	.genreBox {
    padding: 0 2%;
}
}
@media (min-device-width: 641px) and (max-width:640px) {
	.linkBox .blueButton2 {
		width: 44vw;
	}
	.linkBox .blueButton3 {
    width: 28.3vw;
	}
	.linkBox .grow-Button {
    width: 60vw;
	}
}


@media (max-width: 640px) {



	dl.search2 dt{
		width: 35%;
	}

	dl.search2 dd button{
		border-radius: 5px;
	}
	.navi-btn ul.clearfix {
		width: 100%;
	}
	.navi-btn li {
	    border-left: 1px solid #bcbcbc;
	    float: left;
	    width: 33.33%;
	    box-sizing: border-box;
		height: 60px;
	}
	.navi-btn li div {
		height: 100%;
	}

	.naviArea{
		height: 120px;
	}

	.navi-jiji,
	.navi-colum,
	.navi-jijiword,
	.navi-trivia,
	.navi-japan,
	.navi-data{
		float: none;
		width: 100%;
	}

	.Searchselect img{
		position: absolute;
		top: 0px;
		right: 43%;
		width: 8%;
		height: 30px;
	}

	.free-btn{
		width: 20%;
		margin-left: 0;
		margin-right: 6%;
	}

	.questionImg{
		width: 25px;
		height: auto;
	}

	#footer .links li{
		display: block;
		background: url(../images/footer_sankakuSP.gif)right no-repeat;
		text-align: left;
		margin: 0;
		border-bottom: 1px solid #cccccc;
		background-position: 97%;
		padding: 0;
	}

	#footer .links li:first-child{
		border-top: 1px solid #cccccc;
	}
	.footnavi {
		width: 100%;
	}
	#footer .links li a{
		font-size: 4vw;
		line-height: 140%;
		padding: 3vw 0 3vw 3%;
		width: 97%;
		display: inline-block;
	}

	#footer .links{
		padding: 0;
	}

	#footer p{
		height: 8vw;
	    font-size: 3.4vw;
	    line-height: 95%;
	}
	/* -----170724 追記----- */
	#header .Toplogo {
		height: 13vw;
	}
	.SearchArea {
		height: 15.7vw;
	}
	.naviArea {
		height: 27.4vw;
	}
	.navi-btn {
		height: 31.4vw;
	}
	.navi-btn li {
		height: 14vw;
	}
	.navi-jiji, .navi-colum, .navi-jijiword, .navi-trivia, .navi-japan, .navi-data {
		height: 15.7vw;
		background-repeat: repeat-x;
		background-color: #fff;
	}
	/*.navi-btn a {
		height: 100%;
		width: 97%;
		padding-left: 3%;
		position: relative;
	}*/
	.naviArea .navi-btn img {
		max-width: none;
		max-height: none;
		width: 5.5vw;
		margin: 4.5vw 0 0 7%;
		/*height: auto;*/
		float: left;
	}
	.naviArea .navi-btn p {
		font-size: 2.8vw;
		line-height: 100%;
		display: inline-block;
		margin-top: 5.7vw;
	}
	#header .inner h1 {
		width: 25%;
	}
	#header .inner h1 a,
	#header .inner h1 .top-logo {
		width: 100%;
	}
	.free-btn {
		margin-right: 0;
		font-size: 3vw;
		padding: 3.3vw 0;
		border: 2px solid #fff;
		border-radius: 6px;
		margin-top: 3.1vw;
	}
	#header .sns-logo {
		margin-top: 3.1vw;
		width: 8%;
	}
	dl.search2 dt {
		margin-left: 0;
		height: 9.4vw;
	}
	dl.search2 dt input {
		height: 8vw;
		font-size: 3.5vw;
	}
	dl.search2 .SearchBtn input {
		height: 8vw;
		font-size: 3.5vw;
		z-index: 100;
	}
	.questionImg{
		margin-right: 0;
		width: 7vw;
		max-width: 32px;
		height: 9.4vw;
		position: relative;
	}
	.questionImg a img {
		position: absolute;
		top: 0;
		bottom: 0;
		right: 3%;
		margin: auto 0;
		width: 17px;
		/*width: 100%;
		max-width: none;*/
	}
	.SearchArea #soflow {
		height: 8.5vw;
		font-size: 3vw;
	}
	.SearchArea .Search-body dd.Searchselect {
		width: 35%;
	}
	.Searchselect img {
		height: 9.4vw;
		width: 9.4vw;
		right: 38.5%;
	}
	dl.search2 dd button {
		height: 9.4vw;
		font-size: 4vw;
	}
	.navispArea {
		display: block;
	}
	.pagetop-btnSP {
		display: inline-block!important;
	}
	.SearchArea #soflow {
		    background-position: 78% 0;
	}
	/*h3.blueLineLeft:before {
	    height: 30%;
	}*/
	.ranking-box img {
		width: 13vw;
		margin-top: 3vw;
	}
}

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

下層　article

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

.DetailArea{
	text-align: left;
	padding: 20px 2%;
}

.jitenBox h3.blueLineLeft,
.DetailArea h3.blueLineLeft{
	font-weight: 600;
	display: inline-block;
}

.relationArea .list-box ul {
    width: 100%;
}

.relationArea .list-box li:last-child{
	border-bottom: none;
}

.relationArea .list-box li{
	border-bottom: 1px solid #cccccc;
	border-top:none;
}

.TitleDetail{
	font-size: 20px;
	margin-left:-1px;
	line-height: 140%;
	margin-top: 20px;
}

.authorArea{
	line-height: 25px;
	text-align: right;
	font-size: 20px;
	padding-bottom: 3px;
}
.authorArea a {
	color: #e54d00;
	text-decoration: none;
    border-bottom: 1px solid #e54d00;
}

#author .authorBox li a {
	border-bottom: none;
}

.authorname{
	font-size: 20px;
}

.authorDetail{
	margin-right: -8px;
	margin-top: 5px;
}

.DetailArea .textlink a{
	text-decoration: none;
	border-bottom: 1px solid #e54d00;
	/*padding-bottom: 1px;*/
}

.snsBtnhead {
	height: 25px;
	margin: 20px 0 30px 0;
	line-height: 100%;
}

.snsBtnfoot{
	margin-top: 50px;
	line-height: 100%;
}
.snsBtnfoot img{
	padding: 5px;
	max-width: 84px;
    max-height: 64px;
}

.DetailtextArea{
	line-height: 28px;
	/*word-wrap: break-all;
	word-break: break-all;*/
}

.DetailtextArea p{
	margin: 20px 0;
}

h5.titledetail{
	color: #0e4d8c;
	font-size: 18px;
	font-weight: 600;
	margin-top: 30px;
	margin-bottom: -10px;
}
.noLink {
	color: #999;
}
.tile-list .textArea img.textImg {
	margin: 0;
}

@media screen and (max-width:640px) {

	.spmt30{
		margin-top: 30px;
	}

	.DetailArea{
		line-height: 6.8vw;
		padding: 5px 2%;
	}

	.jitenBox h3.blueLineLeft,
	.DetailArea h3.blueLineLeft{
		font-size: 5vw;
		margin-bottom: 1%;
		padding: 14px 0px 0vw 10px;
	    margin-bottom: 0;
		line-height: 120%;
	}
	.TitleDetail{
		font-size: 4.5vw;
	}

	.TitleDate{
		margin-top: 0px;
	}

	.TitleDate p{
		font-size: 3vw;
	}

	.DetailArea .textlink a{
		font-size: 4.6vw;/*190820変更ーfont-size: 4vw;*/
	}

	.authorDetail{
		font-size: 3vw;
		line-height: 3.5vw;
	}

	.snsBtnhead{
		margin-top: 10vw;
		margin-bottom: 9vw;
	}

	.snsBtnhead img{
		height: 5.7vw;
		margin-bottom: 0px;
	}

	.DetailtextArea p{
		font-size: 4.6vw;/*190819変更ーfont-size: 4vw;*/
		line-height: 8vw;/*190819変更ーline-height: 7.5vw;*/
		margin: 0 0 7vw 0;
	}
	.DetailtextArea p.caption {
		font-size: 3.5vw;/*190820変更ーfont-size: 3vw;*/
		line-height: 140%;
		display: inline-block;
		vertical-align: text-bottom;
	}

	h5.titledetail{
		font-size: 5vw;
		margin-bottom: 3vw;
	}

	.snsBtnfoot img{
		max-width: 23vw;
		max-height: 16vw;
	}

	.relationArea .list-box li{
		width: 100%;
	}



}



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

下層　profile

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

.profileArea{
	display: table;
	padding: 2%;
	min-width: 960px;
}

.profileImage img{
	width: 21%;
	display: table-cell;
	padding: 1% 0;
	float: left;
}

.profiletextBox{
	margin-left: 24%;
}

.profileName{
	display: block;
	text-align: left;
	margin-top: 14px;
	line-height: 140%;
}

.profileName p{
	font-weight: bold;
	font-size: 20px;
}

.profileText{
	margin-top: 30px;
	line-height: 23px;
	text-align: left;
	display: block;
}
.ttl-blue a {
	text-decoration: underline;
	color: #e54d00;
}
.idiomHeadtxt {
	font-size: 15px;
	color: #000;
	line-height: 140%;
	padding: 2% 0 0 2%;
	text-align: left;
}
.caution {
	line-height: 200%;
	text-align: left;
	width: 100%;
	background: #fff;
}
.cautionInn {
	color: #e54d00;
	text-align: right;
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
}
br {
	line-height: 280%;
	vertical-align: text-top;
}
.bookArea br {
	line-height: 140%;
}
.balloonAria p br {
	line-height: 140%;
}

_::-webkit-full-page-media, _:future, :root br {
    vertical-align: top;
}



@media all and (-ms-high-contrast: none){
  br{
    vertical-align: top;
  }
}


.caption {
	font-size: .8em;
	margin-top: -20px!important;
	text-align: center;
}
.DetailtextArea ul li {
	margin-left: 40px;
	list-style-type: inherit;
}
.DetailtextArea ol li {
	margin-left: 40px;
	list-style-type: inherit;
}
.sub_class {
	vertical-align: baseline;
	font-size: smaller;
}
.DetailtextArea sub {
	vertical-align: baseline;
	font-size: smaller;
}
.sup_class {
	vertical-align: super;
    font-size: smaller;
}
.DetailtextArea sup {
	vertical-align: super;
    font-size: smaller;
}
.tile-list a {
	text-decoration: none;
}
.video{
  margin-top: 30px;
}
.video iframe{
  width:100%;
  height:540px;
}
.bookText p:last-child{
	margin-bottom: 0;
}

@media screen and (max-width:640px) {

	.spmt50s{
		margin-top: 8vw;
	}

	.profileImage img{
		width:100%;
		float:none;
		margin-top: 3vw;
	}

	.profiletextBox{
		margin-left: 0px;
		margin-top: 10vw;
	}

	.profileName p{
		font-size: 5vw;
	}

	.profileText{
		margin-top: 8vw;
		margin-bottom: 10vw;
		min-width: 93vw;
	}

	.profileText p{
		font-size: 4vw;
		line-height: 7vw;
	}
	.balloon {
		max-width: none;
	}
	.balloonAria {
		max-width: none;
	}
	.DetailtextArea .balloonAria p {
		margin-top: 10vw;
		max-height: 315px;
		overflow-y: scroll;
		border: 1px solid #c9c9c9;
	}
	.CloseX::after {
	    left: 4.5px;
	    top: -10px;
	}
}


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

下層　column_list

------------------*/
@media screen and (max-width:640px) {

	.newcolumnArea .textArea .colum-data{
		font-size: 3vw;
	}

	.catalogArea .textArea{
		margin: 2vw;
	}

	.catalogArea .list-box li{
		padding-bottom: 0px;
	}

	.catalogArea .colum-title{
		margin-bottom: 1vw;
	}

	.popularArea .textArea{
		width: 76%;
	}
}


/*170818追加*/

@media screen and (min-width: 640px) and (max-width:640px) {
	.textArea .colum-title{
		font-size: 3vw;
	}

	.textArea .colum-data{
		font-size: 2.5vw;
	}

	.data-box .data-list .br24 p {
		font-size: 2.5vw;
	}

	.box .ttl-yellow,
	.box .ttl-blue,
	.box .ttl-gray{
		font-size: 3.5vw;
		line-height: 5.5vw;
	}

	.btnimg img, .listBtn img{
		width: 68%;
	}

	.DetailtextArea p{
		font-size: 3vw;
	    line-height: 7.5vw;
	}
	.breadcrumb ul li{
		font-size: 2vw;
		line-height: 3.3vw;
	}
	.ttl-blueBar {
		font-size: 3.5vw;
		line-height: 5vw;
	}

	.jitenBox h3.blueLineLeft,
	.DetailArea h3.blueLineLeft{
		font-size: 3.5vw;
		padding-bottom:8vw;
	}

	.TitleDetail {
	    font-size: 3.5vw;
	}

	.authorDetail {
	    font-size: 2vw;
	    line-height: 2.5vw;
	}

	.DetailArea .textlink a {
	    font-size: 3vw;
	}

	h5.titledetail {
    font-size: 4vw;
}
}



@media screen and (min-width:1020px) {
	.reverseSearchArea .authorSearchBox,
	.soundTableArea .authorSearchBox {
		width: 80%;
		padding: 2% 10%;
	}
}
@media screen and (max-width:1019px) {
	.reverseSearchArea .authorSearchBox ul li,
	.soundTableArea .authorSearchBox ul li {
		width: 18%;
		margin-right: 1.5%;
	}
	.reverseSearchArea .authorSearchBox ul li:last-of-type,
	.soundTableArea .authorSearchBox ul li:last-of-type {
		margin-right: 0;
	}
	.reverseSearchArea .authorSearchBox ul li.a-z,
	.soundTableArea .authorSearchBox ul li.a-z {
		width: 37.5%;
	}
	.video {
		margin-top: 0;
	}
	.video iframe{
	  width:100%;
	  height: 52.5vw;
	}
	.bookText p:last-child{
		margin-bottom: 30px;
	}


}


@media screen and (max-width:640px) {

	.popularArea .ranking-box .list-big {
		display: inline-block;
		padding-top: 0;
	}
	.textArea {
		max-width: none;
	}
	.ranking-box .textArea .colum-title {
		min-width: 61vw;
	}
	.profileArea {
		min-width: 93vw;
	}
	.reverseSearchArea .authorSearchBox ul li,
	.soundTableArea .authorSearchBox ul li {
		width: 17%;
		margin-right: 1%;
	}
	.reverseSearchArea .authorSearchBox ul li:last-of-type,
	.soundTableArea .authorSearchBox ul li:last-of-type {
		width: 17%;
	}
	.reverseSearchArea .authorSearchBox ul li.a-z,
	.soundTableArea .authorSearchBox ul li.a-z {
		width: 35.5%;
	}
	.DetailArea .bookArea .profiletextBox {
		float: none;
		width: 100%;
	}
	.bookImage {
		float: none;
		width: 60%;
		display: block;
	}
	.bookImage img {
		display: inline-block;
		float: none;
	}
	.bookinfo {
		float: none;
	}
	.authorArea {
		font-size: 4vw;
		line-height: 140%;
	}
	.contents-box li {
		float: none;
		width: 100%;
	}
	.button50 {
		width: 47%!important;
	    margin-bottom: 10px;
	}
	.DetailtextArea p iframe[gesture="media"] {
	    width: 100%;
	    height: 52.5vw;
	}
	.DetailtextArea p iframe[src^="https://www.youtube.com/"] {
	    width: 100%;
	    height: 52.5vw;
	}
}
@media screen and (min-width:1011px) {
	.pc_mr0 {
		margin-right: 0!important;
	}

}

@media screen and (min-width:1000px) {

	.tile-list div:nth-child(2) {
		width: 70%;
	}
	.textArea {
		width: 100%;
		max-width: none;
	}
	.list-big .textArea {
		width: 80%;
		max-width: none;
	}

}
@media screen and (max-width: 960px) and (min-width: 640px) {
	.DetailArea h3.blueLineLeft {
	    padding: 0px 0px 0px 10px;
	}
}
@media screen and (min-width:640px) {
	.pick-box .textArea {
		max-width: none;
	}
	.tile-list a {
		width: 100%;
	}
}
@media screen and (min-width: 641px) and (max-width:999px) {
	.profileArea {
	    min-width: 94.6vw;
	}
	.textArea {
		width: 50%;
		max-width: none;
		min-width: 0;
	}
	.list-big .textArea {
		width: 80%;
		max-width: none;
	}
	.ranking-box img {
		width: 50px;
	}
	.ranking-box .textArea .colum-title {
	    min-width: 0;
	}
}
.bold {
	font-weight: bold;
}
img.textImg {
	vertical-align: baseline;
}
.guard img {
	max-width: 100%;
	height: auto;
}


/* メンテナンス画面 */
.text{
	padding: 60px 15px;
}
.text p {
	line-height: 1.5;
}
.text p strong{
	display: inline-block;
	margin: 10px 0;
	font-size: 20px;
}
@media (max-width: 640px){
	.maintenance + #footer p {
		height: 9vw;
		line-height: 9vw;
		box-sizing: border-box;
		padding: 0;
	}
}
/* パンくずリスト180622 */
@media screen and (min-width: 961px){
	.breadcrumb ul li{
		line-height: 1.433333;
	}
}

/* pタグのない記事文字サイズ変更 */
@media screen and (max-width: 640px) {
  .text_size,
    .text_size .blue_ttl{
    font-size: 4vw;
    line-height: 7.5vw;
    margin: 0 0 7vw 0;
  }
}