@charset "utf-8";


.smtnav,
#header-smt,
.pure-toggle{
	display:none;
}

/* <LAYOUT> */
.wrapper{
	background:url(/wordpress/wp-content/themes/jcv/images/bg-wrapper.png) repeat-x top;
}
.container{
	width:1000px;
	margin:0 auto;
	overflow:hidden;
	text-align:left;
	overflow:hidden;
	clear:both;
}
.contents{
	width:716px;
	float:left;
	margin-bottom:30px;
}
.sidebar{
	width:255px;
	float:right;
	margin:0 0 30px;
}
/* </LAYOUT> */


/* <MODULE> */
.pchid{ display:none; }
.smthid{ display:inherit; }
/*usually use*/
.imgL{ float: left;margin:0 1.5em 1.5em 0; }
.imgR{ float:right;margin:0 0 1.5em 1.5em; }

/*font*/
.ttl-blog,
.article-recommend h2{
	margin:0 0 15px;
	padding:8px 8px 8px 50px;
	background-repeat:repeat;
	background-position:0 0;
	background-image:url(/wordpress/wp-content/themes/jcv/images/bg-ttl-h1.png);
	position:relative;
}
.article-recommend h2{
	background-color:#6C7A89;
	margin-bottom:0;
	padding:8px 0 4px;
	text-align:center;
	font-size:128.5%;/*18px*/
	line-height:20px;
	color:#fff;
}
.article-recommend .recent h2:before{
	content:"";
	display:inline-block;
	width:26px;
	height:26px;
	background-repeat:no-repeat;
	vertical-align:middle;
	background-size:22px 22px;
	background-image:url(/wordpress/wp-content/themes/jcv/images/icon-article-recent.png);
}
.article-recommend .editor h2:before{
	content:"";
	display:inline-block;
	width:26px;
	height:26px;
	background-repeat:no-repeat;
	vertical-align:middle;
	background-size:22px 22px;
	background-image:url(/wordpress/wp-content/themes/jcv/images/icon-article-editor.png);
}
.ttl-blog h1{
	color:#fff;
	font-weight:bold;
	font-size:128.5%;/*18px*/
	line-height:20px;
}
.ttl-blog .headline{
	height:26px;
	margin:-2px 0 0 10px;
	float:right;
	overflow:hidden;
	background:#fff;
}
/*.ttl-blog .headline p.date{
	width:100px;
	text-align:center;
	float:left;
	line-height:26px;
}*/
.ttl-blog .headline p a.like,.ttl-blog .headline p a.dislike{
	/*width:60px;
	padding:0 10px 0 0;*/
	padding:0 10px;
	float:left;
	line-height:26px;
	text-align:right;
}
.ttl-blog .headline p a.like:before{
	background-image:url(/wordpress/wp-content/themes/jcv/images/icon-dislike.png);
	content:"";
	display:inline-block;
	width:21px;
	height:24px;
	background-repeat:no-repeat;
	vertical-align:middle;
	background-size:21px 21px;
}
.ttl-blog .headline p a.dislike:before{
	background-image:url(/wordpress/wp-content/themes/jcv/images/icon-like.png);
	content:"";
	display:inline-block;
	width:21px;
	height:24px;
	background-repeat:no-repeat;
	vertical-align:middle;
	background-size:21px 21px;
}
.ttl-single{
	min-height:26px;
	padding-top: 12px;
	padding-bottom: 8px;
}
/* </ MODULE> */


/* <HEADER> */
.header{
	height:186px;
	background:url(/wordpress/wp-content/themes/jcv/images/header/bg-navi2.png) repeat-x bottom;
}
body#toppage .header{
	height:176px;
	background:url(/wordpress/wp-content/themes/jcv/images/header/bg-navi.png) repeat-x bottom;
}
.header .box-inner{
	width:1000px;
	margin:0 auto;
	text-align:left;
}
.header .logo{
	float:left;
	padding:25px 0 16px;
}
.header .logo a{
	display: block;
	width: 380px;
	height: 80px;
	background:url(images/header/logo2.png) no-repeat left bottom;
}
.header .search{
	width:376px;
	float:right;
	padding:30px 0 0;
}
.header .subnavi{
	float:right;
	clear:right;
	margin:0;
	width:257px;
	height:40px;
	background:url(/wordpress/wp-content/themes/jcv/images/header/subnavi.png)
}
.header .subnavi li{
	display:inline;
}
.header .subnavi li a{
	height:40px;
	display:block;
	float:left;
	overflow:hidden;
	text-indent:-9999px;
	outline:none;
}
.header .subnavi li.list1 a{ width:139px; }
.header .subnavi li.list2 a{ width:118px; }
.header .subnavi li a:hover{
	background-image:url(/wordpress/wp-content/themes/jcv/images/header/subnavi-hover.png);
	background-repeat:no-repeat;
}
.header .subnavi li.list1 a:hover{ background-position:0 0; }
.header .subnavi li.list2 a:hover{ background-position:-139px 0; }
.header .subnavi {
	width: 257px;
	background: url(/wordpress/wp-content/themes/jcv/images/header/subnavi.png) no-repeat;
}
.header .navi{
	clear:both;
}
#headerNavi{
	width:1000px;
	height:55px;
	background:url(/wordpress/wp-content/themes/jcv/images/header/navi.png?181108) no-repeat left 0;
}
#headerNavi li{
	position: relative;
	width:190px;
	height:55px;
	float: left;
}
#headerNavi li.list1{ width:51px; }
#headerNavi li.list6{ width:189px; }
#headerNavi li a{
	height:55px;
	display:block;
	overflow:hidden;
	text-indent:-9999px;
	outline:none;
}
#headerNavi li a:hover{
	background-image:url(/wordpress/wp-content/themes/jcv/images/header/navi-hover.png?181108);
	background-repeat:no-repeat;
}
#headerNavi li.list1 a:hover{ background-position:0 0; }
#headerNavi li.list2 a:hover{ background-position:-51px 0; }
#headerNavi li.list3 a:hover{ background-position:-241px 0; }
#headerNavi li.list4 a:hover{ background-position:-431px 0; }
#headerNavi li.list5 a:hover{ background-position:-621px 0; }
#headerNavi li.list6 a:hover{ background-position:-811px 0; }
#headerNavi li ul.child{
	height:auto;
	background:none;
	position: absolute;
	top: -4px;
	left: -2px;
	z-index:99999999;
	width:192px;
}
#headerNavi li.list6 ul.child{
	width:191px;
	left: -1px;
}
#headerNavi li ul.child li{
	overflow: hidden;
	height: 0;
	-moz-transition: .2s;
	-webkit-transition: .2s;
	-o-transition: .2s;
	-ms-transition: .2s;
	transition: .2s;
	float:none;
	z-index:99999999;
	padding-top:0;
}
#headerNavi li:hover ul.child{
	padding:55px 0 0;
	box-shadow: 0 0 3px 3px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 0 3px 3px rgba(0,0,0,0.2);
	-moz-box-shadow: 0 0 3px 3px rgba(0,0,0,0.2);
}
#headerNavi li.list3:hover ul.child{
	background:#fff url(/wordpress/wp-content/themes/jcv/images/header/navi-pop-hover1.png) no-repeat left top;
}
#headerNavi li.list5:hover ul.child{
	background:#fff url(/wordpress/wp-content/themes/jcv/images/header/navi-pop-hover2.png) no-repeat left top;
}
#headerNavi li.list6:hover ul.child{
	background:#fff url(/wordpress/wp-content/themes/jcv/images/header/navi-pop-hover3.png) no-repeat left top;
}
#headerNavi li:hover ul.child li{
	overflow: visible;
	height: 46px;
	border-bottom:solid 2px #E4E4E4;
}
#headerNavi li ul.child li.list3-5,
#headerNavi li ul.child li.list5-2{
	border-bottom:none;
}
#headerNavi li ul.child li a{
	height:46px;
	margin:0 10px;
	padding: 0 15px 0 40px;
	line-height:46px;
	background:#fff;
	float:none;
	text-indent:0;
	background-repeat:no-repeat;
	background-position:left center !important;
	background-size:36px 36px;
}

/* </ HEADER> */


/* <SIDEBAR> */
.sidebar .member-box{
	height:202px;
	margin:0 0 40px;
	background:#ECF0F1;
	display: block !important;
}
.sidebar .member-box p{
	margin:10px 0 0 20px;
	line-height:1.5em;
	background-repeat: no-repeat;
	background-position: right;
}
.sidebar .member-box .regular {
	background-image: url(/wordpress/wp-content/themes/jcv/images/status-regular.png);
}
.sidebar .member-box .plemium {
	background-image: url(/wordpress/wp-content/themes/jcv/images/status-plemium.png);
}
.sidebar .member-box .btn{
	margin:20px 0 0;
	text-align:center;
}
.sidebar .member-box .btn li{
	height:40px;
	text-align: center;
	box-sizing: border-box;
	border: solid 2px #32c8d4;
	margin-left: 20px !important;
	margin-right: 20px !important;
}
.sidebar .member-box .btn li:nth-child(1){
	background: #fff;
	margin-bottom: 15px;
}
.sidebar .member-box .btn li:nth-child(2){
	background: #32c8d4;
}
.sidebar .member-box .btn li img{
	width: auto;
	height:30px;
	margin-top: 3px;
}
.sidebar .member-box .txt{
	width:215px;
	margin:10px auto 0;
	text-align:left;
	font-size:85.7%;/*12px*/
	line-height:17px;
}
.sidebar .member-box .txt li{
	position:relative;
	padding-left:13px;
}
.sidebar .member-box .txt li:before{
	position:absolute;
	border-right: 1px solid #333;
	border-top: 1px solid #333;
	transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	content: "";
	display: block;
	height: 6px;
	left: 0;
	margin-top: -3px;
	top: 45%;
	width: 6px;
}
.sidebar .ban{
	margin:0 0 20px;
}
.sidebar .ban li{
	margin:0 0 20px;
}
.sidebar .menu-box{
	margin:0 0 35px;
}
.sidebar .menu-box h2{
	padding-bottom: 10px;
	border-bottom: solid 2px #32C8D4;
}
.sidebar .menu-box h2 img{
	width: 100%;
	height: auto;
}
.sidebar .menu-channel dl{
	overflow: hidden;
	margin: 10px 0 0;
	line-height: 1.4;
}
.sidebar .menu-channel dt{
	font-weight: bold;
	width: 55px;
	float: left;
	clear: left;
	margin-bottom: 8px;
}
.sidebar .menu-channel dd{
	margin-left: 55px;
	margin-bottom: 8px;
}
.sidebar .menu-news ul{
	overflow: hidden;
	margin: 10px 0 0;
	line-height: 1.4;
}
.sidebar .menu-news ul li{
	margin-bottom: 8px;
	background: url(/wordpress/wp-content/themes/jcv/images/arrow2.png) no-repeat left .4em;
	padding: 0 0 0 14px;
}
.sidebar .menu-calendar{
}
.sidebar .menu-calendar table{
	width:100%;
	border-collapse:collapse;
	border-spacing:0;
}
.sidebar .menu-calendar table caption{
	padding:10px 0 5px;
	text-align:center;
}
.sidebar .menu-calendar table thead th{
	font-weight:bold;
	width:14%;
	text-align:center;
}
.sidebar .menu-calendar table thead th:nth-child(1){
	color: #f00;
}
.sidebar .menu-calendar table thead th:nth-child(7){
	color: #00f;
}
.sidebar .menu-calendar table td{
	width:14%;
	text-align:center;
}
.sidebar .menu-calendar table td a{
	color:#0000ee;
	text-decoration: underline;
}
.sidebar .menu-ranking h2{
	margin:0 0 20px;
}
.sidebar .menu-ranking .ranking{
	border-bottom:dotted 1px #ABB7B7;
	padding:0 0 3px;
	margin:0 0 10px;
}
.sidebar .menu-ranking dl,
body.category .sidebar .menu-ranking .ranking-1st dl{
	width:255px;
	overflow:hidden;
	margin:0 0 7px;
}
.sidebar .menu-ranking .ranking-1st dl{
}
.sidebar .menu-ranking dl dt{
	width:110px;
	height:116px;
	float:left;
	overflow:hidden;
	position:relative;
}
.sidebar .menu-ranking .ranking-1st dl dt{
	width:255px;
	height:178px;
	float:none;
}
.sidebar .menu-ranking dl dt:before{
	position:absolute;
	top:7px;
	left:5px;
	z-index:2;
}
.sidebar .menu-ranking .ranking-1st dl dt:before{
	content:url(/wordpress/wp-content/themes/jcv/images/sidebar/icon-access01.png);
}
.sidebar .menu-ranking .ranking-2nd dl dt:before{
	content:url(/wordpress/wp-content/themes/jcv/images/sidebar/icon-access02.png);
}
.sidebar .menu-ranking .ranking-3rd dl dt:before{
	content:url(/wordpress/wp-content/themes/jcv/images/sidebar/icon-access03.png);
}
.sidebar .menu-ranking .ranking-4th dl dt:before{
	content:url(/wordpress/wp-content/themes/jcv/images/sidebar/icon-access04.png);
}
.sidebar .menu-ranking .ranking-5th dl dt:before{
	content:url(/wordpress/wp-content/themes/jcv/images/sidebar/icon-access05.png);
}
.sidebar .menu-ranking dl dt img{
	position: relative;
	top: 50%;
	left: 50%;
	width: auto;
	height: 100%;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
.sidebar .menu-ranking dl dd{
	width:135px;
	margin:0 0 0 10px;
	display:inline;
	float:left;
	font-size:85%;/*12px*/
}
.sidebar .menu-ranking .cate{
	font-weight: bold;
}
.sidebar .menu-ranking h3{
	margin: 5px 0 0;
}
.sidebar .menu-ranking .date{
	text-align: right;
}
.sidebar .menu-ranking .ranking-1st dl dd{
	width:auto;
	margin:7px 0 0;
	float:none;
	display:block;
}
.sidebar .menu-category li,
.sidebar .menu-sns li{
	border-bottom:dotted 1px #ABB7B7;
}
.sidebar .menu-sns li.ig{
	display: none;/*暫定：インスタ隠す*/
}
.sidebar .menu-category li a,
.sidebar .menu-sns li a{
	font-size:128.6%;/*18px*/
	height:47px;
	line-height:47px;
	display:block;
	position:relative;
	padding:0 0 0 50px;
	z-index:2;
}
.sidebar .menu-category li a:before,
.sidebar .menu-sns li a:before{
	position:absolute;
	top:4px;
	left:7px;
	content:"";
	display:inline-block;
	width:38px;
	height:38px;
	background-repeat:no-repeat;
	vertical-align:middle;
	background-size:38px 38px;
}
.sidebar .menu-sns li.tw a:before{ background-image:url(/wordpress/wp-content/themes/jcv/images/sidebar/icon-tw.png); }
.sidebar .menu-sns li.ig a:before{ background-image:url(/wordpress/wp-content/themes/jcv/images/sidebar/icon-ig.png); }
.sidebar .menu-sns li.fb a:before{ background-image:url(/wordpress/wp-content/themes/jcv/images/sidebar/icon-fb.png); }
.sidebar .menu-category li a:after,
.sidebar .menu-sns li a:after{
	position:absolute;
	border-right: 1px solid #333;
	border-top: 1px solid #333;
	transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	content: "";
	display: block;
	height: 6px;
	right: 10px;
	margin-top: -3px;
	top: 50%;
	width: 6px;
}
.sidebar .fb-plugin{
	margin:0 0 15px;
}
/* </ SIDEBAR> */


/* <FOOTER> */
.footer .navi2,
.footer .search,
.footer .home,
.footer .switch{
	display:none;
}
.footer{
	padding:30px 0;
	background:#EFEFEF;
}
.footer .footer-top,
.footer .footer-bottom{
	width:1000px;
	overflow:hidden;
	margin:0 auto;
	text-align:left;
}
.footer .footer-top h2,
.footer .footer-top p,
.footer .footer-top ul.note{
	float:left;
	margin:0 20px 0 0;
}
.footer .footer-top ul.login {
	padding-top: 15px;
}
.footer .footer-top ul.login li{
	float:left;
	max-width:150px;
	text-align: center;
	margin:0 20px 0 0;
	box-sizing: border-box;
	border: solid 2px #32c8d4;
	background: #fff;
}
.footer .footer-top ul.login li:nth-child(1){
	background: #32c8d4;
}
.footer .footer-top ul.login li img{
	width: auto;
	max-width:100%;
	height:30px;
	margin-top: 3px;
}
.footer .footer-top ul.note{
	padding:0;
}
.footer .footer-top h2 img{
	width:320px;
	height:70px;
}
.footer .footer-top p{
	padding:15px 0 0;
}
.footer .footer-top ul.note{
	width:300px;
	line-height:20px;
}
.footer .footer-top ul.note li,
.footer .footer-bottom .box-c3 li,
.footer .footer-bottom .box-c4 li{
	padding:0 0 0 13px;
	position:relative;
}
.footer .footer-top ul.note li:before,
.footer .footer-bottom .box-c3 li:before,
.footer .footer-bottom .box-c4 li:before{
	position:absolute;
	border-right: 1px solid #333;
	border-top: 1px solid #333;
	transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	content: "";
	display: block;
	height: 6px;
	left: 0;
	margin-top: -3px;
	top: 50%;
	width: 6px;
}
.footer .footer-bottom .link_navi,
.footer .footer-bottom .link_home{
	display: none;/*フッター利用ナビ（隠し） 16.11.21*/
}
.footer .footer-bottom .box-c1{
	width:340px;
	padding:15px 0 0;
	margin:0 0 0 0;
	line-height:32px;
	float:left;
}
.footer .footer-bottom .box-c1 h3{
	border-bottom:2px dotted #ABB7B7;
	margin:0 0 5px;
	padding:0 0 5px;
}
.footer .footer-bottom .box-c1 ul{
	width:170px;
	float:left;
}
.footer .footer-bottom .box-c2{
	width:150px;
	padding:15px 0 0;
	margin:0 20px 0 0;
	line-height:32px;
	float:left;
}
.footer .footer-bottom .box-c3{
	width:150px;
	padding:15px 0 0;
	margin:0 20px 0 0;
	line-height:26px;
	font-size:85%;/*12px*/
	float:left;
}
.footer .footer-bottom .box-c4{
	width:150px;
	padding:15px 0 0;
	margin:0 20px 0 0;
	line-height:26px;
	font-size:85%;/*12px*/
	float:left;
}
.footer .footer-bottom .box-c5{
	width:150px;
	padding:20px 0 0;
	float:left;
}
.footer .footer-bottom .box-c5 li{
	margin:0 0 10px;
}
.footer .footer-bottom .box-c5 li.ig{
	display:none;/*暫定：インスタ隠す*/
}
.footer .footer-bottom .box-c5 li a{
	position:relative;
	display:inline-block;
	width:103px;
	line-height:37px;
	color:#333;
	border-style:none;
	border:solid 1px #32C8D4;
	padding-left:45px;
}
.footer .footer-bottom .box-c5 li a:before{
	position:absolute;
	top:5px;
	left:8px;
	content:"";
	display:inline-block;
	width:28px;
	height:28px;
	background-repeat:no-repeat;
	vertical-align:middle;
	background-size:28px 28px;
}
.footer .footer-bottom .box-c5 li.tw a:before{
	background-image:url(/wordpress/wp-content/themes/jcv/images/icon-tw.png);
}
.footer .footer-bottom .box-c5 li.ig a:before{
	background-image:url(/wordpress/wp-content/themes/jcv/images/icon-ig.png);
}
.footer .footer-bottom .box-c5 li.fb a:before{
	background-image:url(/wordpress/wp-content/themes/jcv/images/icon-fb.png);
}
.footer .footer-bottom .box-c5 li a:after{
	position:absolute;
	border-right: 1px solid #333;
	border-top: 1px solid #333;
	transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	content: "";
	display: block;
	height: 6px;
	right: 10px;
	margin-top: -3px;
	top: 50%;
	width: 6px;
}
.footer .footer-bottom .box-c5 p{
	text-align:right;
	font-size:85%;/*12px*/
}
.footer .footer-bottom .box-c5 p img{
	vertical-align:top;
}
.footer .footer-bottom .box-c6{
	float:left;
	margin-top: -10px;
}
.footer .footer-bottom .box-c6 li{
	float:left;
	margin: 0 5px 0 0;
}

.copy{
	text-align:center;
	height:30px;
	padding:0 0 10px;
	line-height:30px;
	background:#fff;
	font-size:85%;/*12px*/
}
/* </ FOOTER> */


/* <OTHER LIBRARY> */
.pankuzu{
	margin:10px 0 15px;
}
.pagetop{
	position: fixed;
	bottom: 20px;
	right: 20px;
	z-index:9999;
	display:block;
}
.main{
	width:745px;
	margin:0 0 25px;
}
/* </ OTHER LIBRARY> */


/* <TOP CONTENT> */
body#toppage .container .member-box,
.navi3,
body#toppage .container .top-navi h2{
	display:none;
}
.top-today{
	width:1000px;
	overflow:hidden;
	margin-top: 30px;
}
.top-today .title{
	background:url(/wordpress/wp-content/themes/jcv/images/top/bg-today1.png) no-repeat left top;
	height:36px;
	margin:0 0 20px;
	overflow:hidden;
}
.top-today .title h2{
	width:700px;
	text-indent:-9999px;
	float:left;
}
.top-today .title p{
	width:180px;
	height:26px;
	line-height:26px;
	background:#fff;
	text-align:center;
	float:right;
	margin:5px;
	display:inline;
}
.top-today h3{
	font-size:114%;/*16px*/
	font-weight:bold;
	text-align:center;
	color:#238C94;
	margin:0 0 5px 20px;
}
.top-today .box1{
	width:288px;
	height: 150px;
	float:left;
	margin-right:20px;
	padding-right:20px;
	border-right:solid 2px #e4e4e4;
	line-height: 24px;
}
.top-today .box1 ul{
	height: auto;
	margin-left:20px;
}
.top-today .box2{
	width:278px;
	float:left;
	padding-right:20px;
	border-right:solid 2px #e4e4e4;
}
.top-today .box3{
	width:218px;
	height: 150px;
	float:left;
	border-right:solid 2px #e4e4e4;
	text-align:center;
}
.top-today .box3 h3,
.top-today .box4 h3{
	margin-left: 0;
}
.top-today .box3 p.anchor,
.top-today .box4 p.anchor{
	text-align:center;
}
.top-today .box3 dl{
	overflow: hidden;
	margin: 0 10px;
}
.top-today #switch{
	display: none;
}
.top-today .box3 dl.today{
	padding-bottom: 5px;
	margin-bottom: 5px;
	border-bottom: dotted 1px #ccc;
}
.top-today .box3 dt{
	float: left;
}
.top-today .box3 dd{
	margin-left: 75px;
	line-height: 18px;
	padding-top: 6px;
}
.top-today .kion,
.top-today .kousui{
	display:block;
}
.top-today .box4{
	width:198px;
	height: 150px;
	float:left;
	text-align:center;
	border-right:solid 2px #e4e4e4;
}
.top-today ul{
	height:95px;
	overflow:auto;
}
.top-today .box4 .live-camera{
	font-size:12px;
	text-align:center;
}
.top-today .box4 .live-camera img{
	width:140px;
	height:90px;
}
.top-today .ban-box{
	height: auto;
}
.top-today .ban-box li{
	margin:0 0 12px 10px;
}
.top-today .ban-box li:last-child{
	margin-bottom: 0;
}
.top-today .ban-box li img{
}
.top-navi{
	width:1000px;
	overflow:hidden;
	margin-bottom:30px;
}
.top-navi .search{
	width:486px;
	float:left;
	height:78px;
	margin-top:13px;
	background:url(/wordpress/wp-content/themes/jcv/images/top/title2.png) no-repeat left top;
}
.top-navi .search form{
	margin-top:43px;
}
.top-navi .search .param{
	width:396px;
}
.top-navi .search .param input{
	width:396px;
}

.ban-ad{
	margin:0 0 40px;
}
.ban-ad ul{
	width:736px;
	margin:0 -20px -20px 0;
	overflow:hidden;
}
.ban-ad li{
	width:348px;
	float:left;
	margin:0 20px 20px 0;
}

.article-list{
	width:716px;
}
.article-list ul,
#article-box-list{
	width:726px;
	margin:0 -10px -10px 0;
	overflow:hidden;
}
.article-list ul li,
body.list .contents .article-list ul li.landscape,
body.list .contents .article-list ul li.business,
.article-box-topic,
body.list .contents .article-box-topic.landscape,
body.list .contents .article-box-topic.business{
	width:353px;
	height:auto;
	overflow:hidden;
	float:left;
	position:relative;
	margin:0 10px 10px 0;
}
.article-list ul li a:hover,
.article-box-topic a:hover{
	text-decoration:none;
	color:#32C8D4;
}
.article-list ul li .photo,
.article-box-topic .photo{
	width:353px;
	height:196px;
	overflow: hidden;
	background:#fff;
}
.article-list ul li p.photo img,
.article-list ul li p.photo iframe,
.article-box-topic p.photo img,
.article-box-topic p.photo iframe{
	width:353px!important;
	height:auto;
	max-width:522px;
	position: relative;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
body.list .article-list ul li:nth-child(1),
body.list .article-list ul li:nth-child(2),
body.list .article-box-topic:nth-child(1),
body.list .article-box-topic:nth-child(2),
.article-box-topic-top{
	width:716px;
	height:196px;
	border-top:none;
	margin:0 0 20px;
}


.article-list ul li:before,
body.list .contents .article-list ul li.landscape:before,
body.list .contents .article-list ul li.business:before,
.article-box-topic:before,
body.list .contents .article-box-topic.landscape:before,
body.list .contents .article-box-topic.business:before{
	width:200px;
	height:26px;
	right: 0;
}
body.list .article-list ul li:nth-child(1):before,
body.list .article-list ul li:nth-child(2):before,
body.list .article-box-topic:nth-child(1):before,
body.list .article-box-topic:nth-child(2):before,
.article-box-topic-top:before{
	right:368px
}
.article-list ul li p.photo,
body.list .contents .article-list ul li.landscape p.photo,
body.list .contents .article-list ul li.business p.photo,
.article-box-topic p.photo,
body.list .contents .article-box-topic.landscape p.photo,
body.list .contents .article-box-topic.business p.photo{
	width:348px;
	border-top-style:solid;
	border-top-width:4px;
	float: none;
}
body.list .article-list ul li:nth-child(1) p.photo,
body.list .article-list ul li:nth-child(2) p.photo,
body.list .article-box-topic:nth-child(1) p.photo,
body.list .article-box-topic:nth-child(2) p.photo,
.article-box-topic-top p.photo{
	float:left;
	width:348px !important;
}
.article-list ul li.new p.photo:before,
.article-box-topic.new p.photo:before{
	content:url(/wordpress/wp-content/themes/jcv/images/article-icon-new.png);
	position:absolute;
	top:8px;
	left:0;
	z-index:2;
}
.article-list ul li .info,
body.list .contents .article-list ul li.landscape .info,
body.list .contents .article-list ul li.business .info,
.article-box-topic .info,
body.list .contents .article-box-topic.landscape .info,
body.list .contents .article-box-topic.business .info{
	width: auto;
	height:auto;
	padding-bottom: 5px;
	border-top: none;
	border-left:solid 1px #ccc;
	border-bottom:solid 1px #ccc;
	border-right:solid 1px #ccc;
	float: none;
}
body.list .article-list ul li:nth-child(1) .info,
body.list .article-list ul li:nth-child(2) .info,
body.list .article-box-topic:nth-child(1) .info,
body.list .article-box-topic:nth-child(2) .info,
.article-box-topic-top .info{
	width:367px;
	height:189px;
	border-left:none;
	border-top:solid 1px #ccc;
	float:right;
}

.article-list ul li .info .headline,
.article-box-topic .info .headline{
	height:30px;
	margin:0 10px;
}
.article-list ul li .info .headline p.date,
.article-box-topic .info .headline p.date{
	line-height:30px;
	border-bottom-style:solid;
	border-bottom-width:2px;
	width: 60%;
	float: left;
}
.article-list ul li .info .headline p.like,
.article-box-topic .info .headline p.like{
	width:224px;
	float:left;
	line-height:30px;
	text-align:right;
	border-bottom-style:solid;
	border-bottom-width:2px;
	width: 40%;
}
.article-list ul li .info .headline p.like:before,
.article-box-topic .info .headline p.like:before{
	background-image:url(/wordpress/wp-content/themes/jcv/images/icon-like.png);
	content:"";
	display:inline-block;
	width:21px;
	height:24px;
	background-repeat:no-repeat;
	vertical-align:middle;
	background-size:21px 21px;
}
.article-list ul li .info .desc,
.article-box-topic .info .desc{
	margin: 10px 10px 0;
	font-weight: bold;
	font-size: 16px;
	line-height: 24px;
	height: 24px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.article-list ul li .info .desc2,
.article-box-topic .info .desc2{
	margin: 0 10px 0;
	line-height: 24px;
	height: 72px;
	overflow: hidden;
}
.article-list ul li:nth-child(1) .info .desc,
.article-list ul li:nth-child(2) .info .desc,
.article-list ul li:nth-child(1) .info .desc2,
.article-list ul li:nth-child(2) .info .desc2,
.article-box-topic:nth-child(1) .info .desc,
.article-box-topic:nth-child(2) .info .desc,
.article-box-topic:nth-child(1) .info .desc2,
.article-box-topic:nth-child(2) .info .desc2,
.article-box-topic-top .info .desc,
.article-box-topic-top .info .desc2{
	margin-left: 10px;
}
/*動画一覧の1-2件目スタイル無効*/
.article-list ul li.landscape .info .desc,
.article-list ul li.business .info .desc,
.article-list ul li.landscape .info .desc2,
.article-list ul li.business .info .desc2,
.article-box-topic.landscape .info .desc,
.article-box-topic.business .info .desc,
.article-box-topic.landscape .info .desc2,
.article-box-topic.business .info .desc2{
	margin-left: 10px;
}
.article-list ul li .info .btn,
body.list .contents .article-list ul li.landscape .info .btn,
body.list .contents .article-list ul li.business .info .btn,
.article-box-topic .info .btn,
body.list .contents .article-box-topic.landscape .info .btn,
body.list .contents .article-box-topic.business .info .btn{
	margin-top: 0;
	text-align:center;
}
body.list .article-list ul li:nth-child(1) .info .btn,
body.list .article-list ul li:nth-child(2) .info .btn,
body.list .article-box-topic:nth-child(1) .info .btn,
body.list .article-box-topic:nth-child(2) .info .btn,
.article-box-topic-top .info .btn{
	margin-top:0px;
}
.article-list ul li .info .btn a.btnStyle,
.article-box-topic .info .btn a.btnStyle{
	width:220px;
	/*padding-right:0;*/
}
/* </TOP CONTENT> */


.article-btn ul{
	width:732px;
	margin:16px -16px 0 0;
	overflow:hidden;
}
.article-btn ul li{
	float:left;
	width:216px;
	margin:0 16px 0 0;
}
.article-btn ul li a{
	position:relative;
	display:block;
	border:solid 1px #32C8D4;
	color:#333;
	line-height:51px;
	text-align:center;
	font-size:150%;/*21px*/
	padding:0 0 0 20px;
}
.article-btn ul li a:before{
	position:absolute;
	top:5px;
	left:8px;
	content:"";
	display:inline-block;
	width:42px;
	height:42px;
	background-repeat:no-repeat;
	vertical-align:middle;
	background-size:42px 42px;
}
.article-btn ul li.tw a:before{
	background-image:url(/wordpress/wp-content/themes/jcv/images/icon-tw.png);
}
.article-btn ul li.ig a:before{
	background-image:url(/wordpress/wp-content/themes/jcv/images/icon-ig.png);
}
.article-btn ul li.fb a:before{
	background-image:url(/wordpress/wp-content/themes/jcv/images/icon-fb.png);
}
.article-btn ul li a:after{
	position:absolute;
	top:50%;
	right:10px;
	border-right: 1px solid #333;
	border-top: 1px solid #333;
	transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	content: "";
	display: inline-block;
	height:12px;
	margin-top: -6px;
	width: 12px;
}
.article-detail .main-mem1{
	margin: 0 0 20px;
}
.article-detail .main-mem1 ul{
	overflow: hidden;
}
.article-detail .main-mem1 ul li{
	float: left;
	margin: 0 13px 13px 0;
}
.article-detail .main-mem1 ul li:nth-child(4n){
	margin-right: 0;
}
.article-detail iframe{
	margin:0 auto;
	display:block;
}

/*おすすめ記事 16.11.21*/
.article-recommend ul li{
	width: 124px;
	height: 159px;
	overflow: hidden;
	float: left;
	margin: 0 10px 0 0;
	font-size: 12px;
	line-height: 15px;
}
.article-recommend ul li:nth-child(5){
	margin-right: 0;
}
.article-recommend ul li:nth-child(6){
	display: none;
}
.article-recommend ul li img{
	width: 100%;
	height: auto;
	margin-bottom: 5px;
}

/*ライブカメラ一覧*/
#mapbox2{
	margin: 30px 0 25px;
}
.camera-list{
	width:716px;
}
.camera-list ul.camera-list-body{
	width:735px;
	margin:30px -19px 0 0;
	overflow:hidden;
}
.camera-list ul.camera-list-body li{
	width:226px;
	float:left;
	margin:0 19px 30px 0;
}
.camera-list ul.camera-list-body li p.thumb{
	height:150px;
	overflow:hidden;
}
.asp16x9,.asp4x3{
	margin-top:0;
}
.asp16x9 iframe#camera-detail{
	width:676px;
	height:380px;
}
ul.col2 .asp16x9 iframe#camera-detail{
	width:347px;
	height:195px;
}
.asp4x3 iframe#camera-detail{
	width:676px;
	height:507px;
}
.movie-detail{
	width: 676px;
}

/*地域動画 詳細ページ*/
.container-single-8 .article-detail iframe,
.container-single-9 .article-detail iframe{
	width:676px;
	height:380px;
	display:block;
	margin:0 auto;
}

/*ライブカメラ詳細：人気のライブカメラ*/
.livecamera-popular{
	overflow: hidden;
	width: 690px;
	margin: 0 0 20px 20px;
}
.livecamera-popular li{
	width:215px;
	float:left;
	margin:0 15px 15px 0;
}
.livecamera-popular li img{
	width: 100% !important;
	height: auto !important;
	margin: 0 0 5px;
}
.social-login-btn{
	margin-bottom:10px;
}
.social-login-btn:after{
	content:"";
	clear:both;
	display:block;
}
#sfs-yahoo-button,
#sfs-facebook-button{
	float:left;margin-right:20px
}
.wpcf7-mail-sent-ok {
	display: none!important;
}
.wpcf7-textarea,.wpcf7-text {
	width: 100%;
	border:solid 1px #bcbcbc;
}
.wpcf7 .form_btn input {
 background: #32C8D4;
 background-image: -webkit-linear-gradient(top, #32C8D4, #32C8D4);
   background-image: -moz-linear-gradient(top, #32C8D4, #32C8D4);
   background-image: -ms-linear-gradient(top, #32C8D4, #32C8D4);
   background-image: -o-linear-gradient(top, #32C8D4, #32C8D4);
   background-image: linear-gradient(to bottom, #32C8D4, #32C8D4);
 width:100px;
 margin-left: 10px;
 border:none;
   color: #FFFFFF;
   font-family: Open Sans;
   font-size: 15px;
   font-weight: 100;
   padding: 10px;
   text-decoration: none;
   display: inline-block;
   cursor: pointer;
}

/*17.02.01 暫定*/
.article-list ul li .info .headline p.date,
.article-box-topic .info .headline p.date{
	width: auto !important;
	float: none !important;
}
.mypage-info{
	overflow: hidden;
	font-size: 16px;
	margin: 20px 20px -20px;
}
.mypage-info .photo{
	float: left;
	margin: 0 20px 0 0;
}
.mypage-info .photo img{
	width: 360px;
	height: auto;
}

/* 19.04.25 top */
.ban-list{
	width:716px !important;
	height:auto  !important;
	display:flex !important;
	margin: 0 auto 30px !important;
	display: flex;
	justify-content: space-between;
}
.ban-list li{
	width:auto  !important;
	height:auto  !important;
	float:none !important;
	margin:0 !important;
}

.banner2 .smthid{
	display:none;
}
.sidebar .member-box {
    height: auto;
    min-height:1px;
    padding:0 0 20px;
    margin: 0 0 20px;
}