"utf-8";

/*========================================================================================================
* @name: cyclist　ニュースコーナー　デザイン
* @file: news.css
* @date: 2012.05.25
* @author: y.koyama
* @comment: 各ページデザイン
* @attention: -

* @revise date: 2017/10/25
*========================================================================================================*/

/*=== 1. 共通 */




/*--- 1-1. 左カラム */

#area1 .index {
	margin-bottom:15px;
	display:block;
	clear:both;
}

#area1 .index h1,
#area1 .index h2 {
	font-size:128%;
	color: #666666;
	text-align: left;
	padding: 5px 0 5px 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid #ccc;
	border-left: 10px solid #4fc9e1;
	position:relative;
}

#area1 .index h1 a,
#area1 .index h2 a {
	color: #666666;
}

#area1 .index h1 a:hover,
#area1 .index h2 a:hover {
	color: #4fc9e1;
	text-decoration:none;
}

#area1 .index h1 span.linkTo,
#area1 .index h2 span.linkTo{
	position:absolute;
	right:15px;
	top:5px;
	font-size:85.71%;
}

#area1 .index .title-banner {
	margin: 0 auto 10px;
}

#area1 .index .title-banner img {
	display: block;
	margin: 0 auto;
	text-align:center;
}

/*--- 1-2. 右カラム */

#area2 .index {
	margin-bottom:15px;
	display:block;
	clear:both;
}

#area2 .index h2 {
	font-size:128%;
	color: #666666;
	text-align: left;
	padding: 5px 0 5px 10px;
	border-bottom: 1px solid #ccc;
	border-left: 10px solid #4fc9e1;
	position:relative;
}

#area2 .index h2 a {
	color: #666666;
	display: block;
	background: url("../images/common/arrow_titlebg.png") no-repeat scroll 98% center transparent;
}

#area2 .index h2 a:hover {
	color: #4fc9e1;
	background: url("../images/common/arrow_titlebg_over.png") no-repeat scroll 98% center transparent;
	text-decoration: none;
}

#area2 .index h2 span.linkTo{
	position:absolute;
	right:15px;
	font-size:85.71%;
}


#area2 .index .bannerTitle {
	font-size:128%;
	color: #666666;
	text-align: left;
	padding: 0;
	border: none;
}

#area2 .index .bannerTitle a {
	display: block;
	background: none;
}

#area2 .index .bannerTitle a img {
	display: block;
	border: none;
}

#area2 .index .bannerTitle a:hover {
	background: url("../images/common/arrow_titlebg_over.png") no-repeat scroll 98% center transparent;
	background: none;
}



/*--- 1-3. 全カラム */
#area0 .index h1 a:hover,
#area0 .index h2 a:hover {
	-webkit-text-shadow: 0 0 2px #efefef;
	-moz-text-shadow: 0 0 2px #efefef;
	-ms-text-shadow: 0 0 2px #efefef;
	-o-text-shadow: 0 0 2px #efefef;
	text-shadow: 0 0 2px #efefef;
	text-decoration:none;
}

#area0 .index h1 span.linkTo,
#area0 .index h2 span.linkTo{
	position:absolute;
	right:15px;
	top:5px;
	font-size:85.71%;
}

#area0 .index h1,
#area0 .index h2 {
	font-size:128%;
	color: #666666;
	text-align: left;
	padding: 5px 0 5px 10px;
	border-bottom: 1px solid #ccc;
	border-left: 10px solid #4fc9e1;
	position:relative;
}


/*=== 2. モジュール */




/*--- 2-1. 製品レビュー */

.index ul.product li{
	width:320px;
	vertical-align: top;
	display: inline-block;
	/* for ie*/
	*display: inline;
	*zoom: 1;
}

.index ul.product li img{
	margin:0 10px 10px 0;
	float:left;
}

.index ul.product li p{
	color: #666;
}

.index ul.product li p .text{
	font-weight:normal;
	font-size:85.71%;
	color: #333;
	display: block;
}

/*--- 2-2. 特集 */

.index .feature:after {
	content: ".";
	clear: both;
	height: 0;
	font-size: 0.1em;
	line-height: 0;
	display: block;
	visibility: hidden;
}

.index .feature img{
	margin:0 10px 10px 0;
	float:left;
}

.index .feature p{
	line-height:1.5;
	font-weight:bold;
}

.index .feature p a{
	font-size:128.5%;
}

.index .feature p .subtitle{
	font-weight:normal;
	display: block;
	font-size:77.77%;
}

.index .feature p .text{
	font-weight:normal;
	color: #333;
	display: block;
	margin-top:5px;
}

/*--- 2-3. 最新ニュース */

.index ul.latest li{
	margin-bottom:10px;
	display:block;
	clear:both;
	min-height:56px;
	position: relative;
}

.index ul.latest li img{
	margin-right:10px;
	float:left;
}

.index ul.latest li p{
	font-weight:bold;
	color: #333;
	margin-left:100px;
}

.index ul.latest li p .subtitle{
	font-weight:normal;
	display: block;
	font-size:77.77%;
}

.index ul.latest li p .timestamp{
	margin-left:10px;
	font-size:85.71%;
	color: #666;
}

.index ul.latest li p .sponsored {
	font-size: 85.71%;
	padding: 0 5px 0;
	color: #fff;
	background-color: #333;
	-ms-filter: "alpha( opacity=80 )";
	filter: alpha( opacity=80 );
	opacity: 0.8;
	position: absolute;
	top: 0;
	left: 0;
	line-height: 1.2;
}

/*--- 2-4. 大手町Today */

#area2 .today {
	background: none repeat scroll 0 0 #f2f2f2;
	border: 1px solid #dddddd;
	padding: 6px;
}

#area2 .today p {
	line-height:1.5;
	padding:6px;
}

/*--- 2-5. 編集部のオススメ */

#area2 .editorial {
	background: none repeat scroll 0 0 #fcfcfc;
	border: 1px solid #f2f2f2;
	padding: 6px;
}

#area2 .editorial li{
	padding:7px 0;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #f2f2f2;
	display:block;
	clear:both;
}

#area2 .editorial li:after {
	content: ".";
	clear: both;
	height: 0;
	font-size: 0.1em;
	line-height: 0;
	display: block;
	visibility: hidden;
}

#area2 .editorial li:first-of-type {
	border-top: none;
	padding-top: 0;
}

#area2 .editorial li:last-of-type {
	border-bottom: none;
	padding-bottom: 0;
}


#area2 .editorial li.last{
	margin-bottom:0;
}

#area2 .editorial li img{
	margin:0 10px 0 0;
	float:left;
}

#area2 .editorial li p{
	font-weight:bold;
	color: #333;
}

#area2 .editorial li p .text{
	font-weight:normal;
	font-size:85.71%;
	color: #333;
	display: block;
}

/*--- 2-5-2. 編集部のオススメ */

.index ul.product li{
	width:320px;
	vertical-align: top;
	position: relative;
	display: inline-block;
	/* for ie*/
	*display: inline;
	*zoom: 1;
}

.index ul.product li.txt{
	width:640px;
	vertical-align: top;
	display: block;
	margin-left:10px;
	margin-top:10px;
	background: url("../images/common/listpoint.png") no-repeat scroll left 28px transparent;
	padding-left: 10px;
}

.index ul.product li img{
	margin:0 10px 10px 0;
	float:left;
}

.index ul.product li p{
	color: #666;
}

.index ul.product li p .text{
	font-weight:normal;
	font-size:85.71%;
	color: #666;
	display: block;
}

.index ul.product li.txt p .text{
	font-weight:normal;
	font-size:85.71%;
	color: #333;
	display: block;
	margin-bottom:5px;
}

.index ul.product li p .sponsored{
	font-size: 85.71%;
	padding: 0 5px 0;
	color: #fff;
	background-color: #333;
	-ms-filter: "alpha( opacity=80 )";
	filter: alpha( opacity=80 );
	opacity: 0.8;
	position: absolute;
	top: 0;
	left: 0;
	line-height: 1.2;
}

/*--- 2-6. トップモジュール */

.topmodule {
	margin-bottom: 20px;
	display: block;
	height:430px;
}

.topmodule div.viewset {
	width: 100%;
	margin: 0;
	position: relative;
}

.topmodule div.viewset .thumbnails {
	width: 100%;
	position: absolute;
	top: 380px;
	background: url(../images/common/genretop_bg.png) repeat #141213;
}

.topmodule div.viewset .thumbnails ol {
	display: block;
	list-style: none;
	text-align:center;
	margin-left:5px;
}

.topmodule div.viewset .thumbnails li {
	float: left;
	padding:10px 5px;
}

.topmodule div.viewset .thumbnails li a img {
	filter:alpha(opacity=70);
	opacity:.7;
	display: block;
}

.topmodule div.viewset .thumbnails li a:hover img {
	filter:alpha(opacity=100);
	opacity:1;
}

.topmodule div.viewset .thumbnails li.current a img {
	filter:alpha(opacity=100);
	opacity:1;
}

.topmodule div.viewset .viewer {
	width: 100%;
	height: 380px;
	overflow: hidden;
	border: none;
	position: relative;
	display: block;
	float: left;
}

.topmodule div.viewset .viewer .imageslider {
	position: absolute;
	width: 1000%;
}

.topmodule div.viewset .viewer .imageslider ol {
	list-style: none;
	margin: 0;
}

.topmodule div.viewset .viewer .imageslider li {
	position: relative;
	float: left;
	width: 655px;
}

.topmodule div.viewset .viewer .imageslider li a {
	display: inline-block;
}

/* FF hack (FF panics with block-level wrapped links) */
.topmodule div.viewset .viewer .imageslider li .textfield a {
	display: inline;
}

.topmodule div.viewset .viewer .imageslider li .textfield {
	position: absolute;
	bottom: 0;
	width: 300px;
	background: url(../images/common/bg_blk50.png) repeat;
	color: #fff;
	text-decoration: none;
}

.topmodule div.viewset .viewer .imageslider li a {
	text-decoration: none;
	color: #fff;
}

.topmodule div.viewset .viewer,
.topmodule div.viewset .viewer .imageslider>ol,
.topmodule div.viewset .viewer .imageslider>ol>li {
	height: 380px;
}

.topmodule div.viewset .viewer .imageslider li img {
	width: 655px;
	height: 380px;
	margin: 0;
	position: relative;
	display: block;
}

.topmodule div.viewset .viewer .imageslider li .textfield h3,
.topmodule div.viewset .viewer .imageslider li .textfield p {
	padding:15px;
}

.topmodule div.viewset .viewer .imageslider li .textfield h3 {
	margin-top: 0;
	padding: 10px;
	background: url(../images/common/bg_blk50.png) repeat;
	font-size: 1.4em;
	text-align: left;
	color: #ffffff;
}

.topmodule div.viewset .viewer .imageslider li .textfield h3 .subtitle {
	font-size: 0.7em;
	display: block;
	margin-bottom: 5px;
}

.topmodule div.viewset .viewer .imageslider li .textfield p {
	width: 260px;
	margin:0;
}

.topmodule div.viewset .viewer .imageslider li .textfield li {
	width: 100% !important;
}

.topmodule div.viewset .viewer .imageslider li .textfield ul {
list-style-image: url(../images/hyphen.png);
list-style-position: inside;
}

.topmodule div.viewset .nextprev a {
	top: 176px;
}

.topmodule div.viewset ul.nextprev li {
	position: absolute;
	display: block;
}

.topmodule div.viewset ul.nextprev li.previous,
.topmodule div.viewset ul.nextprev li.next {
	top: 0;
	bottom: 0;
	width: 30px;
	}

.topmodule div.viewset ul.nextprev li.previous a,
.topmodule div.viewset ul.nextprev li.next a {
	position: absolute;
	display: none;
	top: 159px;
	width: 100%;
	height: 29px;
	text-indent: -9999px;
	overflow: hidden;
	background: url(../images/common/imageslider_arrows.png) no-repeat 0 0;
}

.topmodule div.viewset ul.nextprev li.previous {
	left: 10px;
}

.topmodule div.viewset ul.nextprev li.next {
	right: 10px;
}

.topmodule div.viewset ul.nextprev li.previous a:hover,
.topmodule div.viewset ul.nextprev li.previous a:focus {
	background-position: 0 -29px;
}

.topmodule div.viewset ul.nextprev li.previous a:active {
	background-position: 0 -58px;
}

.topmodule div.viewset ul.nextprev li.next a {
	background-position: 100% 0;
}

.topmodule div.viewset ul.nextprev li.next a:hover,
.topmodule div.viewset ul.nextprev li.next a:focus {
	background-position: 100% -29px;
}

.topmodule div.viewset ul.nextprev li.next a:active {
	background-position: 100% -58px;
}

/*--- 2-7. fb LikeBox */

section.fbLikeBox {
	margin:0 0 15px;
}

/*--- 2-8. follow me */

#area2 .followUs {
	position: relative;
	width: 300px;
	height: 60px;
	overflow: hidden;
	background: url(../images/common/smodule_base.png) no-repeat 0 0;
}

#area2 .followUs:after {
	content: ".";
	clear: both;
	height: 0;
	font-size: 0.1em;
	line-height: 0;
	display: block;
	visibility: hidden;
}

#area2 .followUs ul li.followUsFb {
	position: absolute;
	top:5px;
	right:5px;
	width: 52px;
	height: 52px;
	overflow: hidden;
	background: url(../images/common/smodule_fb.png) no-repeat 0 0;
}

#area2 .followUs ul li.followUsTw {
	position: absolute;
	top:5px;
	right:62px;
	width: 52px;
	height: 52px;
	overflow: hidden;
	background: url(../images/common/smodule_tw.png) no-repeat 0 0;
}

#area2 .followUs ul li.followUsFb a,
#area2 .followUs ul li.followUsTw a {
	display:block;
	width: 52px;
	height: 52px;
	text-indent: -9999px;
}

/*--- 2-8-2. follow me & related site */

#area2 .followUs2 {
	width: 300px;
	height: 60px;
}

#area2 .followUs2:after {
	content: ".";
	clear: both;
	height: 0;
	font-size: 0.1em;
	line-height: 0;
	display: block;
	visibility: hidden;
}

#area2 .followUs2 ul {
	position: relative;
	float:left;
	width: 180px;
	height: 60px;
	overflow: hidden;
	background: url(../images/common/smodule_base2.png) no-repeat 0 0;
}

#area2 .followUs2 ul li.followUsFb {
	position: absolute;
	top:5px;
	left:70px;
	width: 52px;
	height: 52px;
	overflow: hidden;
	background: url(../images/common/smodule_fb.png) no-repeat 0 0;
}

#area2 .followUs2 ul li.followUsTw {
	position: absolute;
	top:5px;
	left:125px;
	width: 52px;
	height: 52px;
	overflow: hidden;
	background: url(../images/common/smodule_tw.png) no-repeat 0 0;
}

#area2 .followUs2 ul li.followUsFb a,
#area2 .followUs2 ul li.followUsTw a {
	display:block;
	width: 52px;
	height: 52px;
	text-indent: -9999px;
}

#area2 .followUs2 .linkSanspo {
	float:right;
}

#area2 .followUs2 .linkSanspo img {
	display:block;
}

/*--- 2-9. インプレッション */

/************
#area2 .impression {
	background: none repeat scroll 0 0 #f2f2f2;
	border: 1px solid #dddddd;
	padding: 6px;
}

#area2 .impression li:after {
	content: ".";
	clear: both;
	height: 0;
	font-size: 0.1em;
	line-height: 0;
	display: block;
	visibility: hidden;
}

#area2 .impression li {
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #cccccc;
	display:block;
	clear:both;
}

#area2 .impression li:first-of-type {
	border-top: none;
}

#area2 .impression li:last-of-type {
	border-bottom: none;
}

#area2 .impression li img{
	margin-right:10px;
	padding-bottom:10px;
	display:inline-block;
	float:left;
	min-height:90px;
}

#area2 .impression li a{
	margin:6px 0;
	padding:0 16px 0 3px;
	display:block;
	background: url(../images/common/arrow_impression.png) 99% 50% no-repeat;

}

#area2 .impression li a:hover{
	background: url(../images/common/arrow_impression_over.png) 99% 50% no-repeat;

}
************/


/*--- 2-9. インプレッション2013.12- */

#area2 .index h1 {
	font-size:128%;
	color: #666666;
	text-align: left;
	border-bottom: 1px solid #ccc;
	border-left: 10px solid #4fc9e1;
	position:relative;
}

#area2 .index h1 a {
	color: #666666;
	display: block;
	padding: 5px 0 5px 10px;
	background: url("../images/common/arrow_titlebg.png") no-repeat scroll 98% center transparent;
}

#area2 .index h1 a:hover {
	color: #4fc9e1;
	background: url("../images/common/arrow_titlebg_over.png") no-repeat scroll 98% center transparent;
	text-decoration: none;
}

#area2 .index p.linkTo{
	text-align:right;
	margin:10px 5px;
	font-size:85.71%;
}

#area2 ul.impression {
	background: none repeat scroll 0 0 #fcfcfc;
	border: 1px solid #f2f2f2;
}

#area2 .impression li {
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #f2f2f2;
	display:block;
	clear:both;
	position: relative;
}

#area2 .impression li:first-of-type {
	border-top: none;
}

#area2 .impression li:last-of-type {
	border-bottom: none;
}

#area2 .impression li:after {
	content: ".";
	clear: both;
	height: 0;
	font-size: 0.1em;
	line-height: 0;
	display: block;
	visibility: hidden;
}

#area2 .impression li img{
	margin-right:10px;
	display:inline-block;
	float:left;
}

#area2 .impression li a{
	padding:6px 16px 6px 6px;
	display:block;
	background: url(../images/common/arrow_impression.png) 99% 50% no-repeat;
}

#area2 .impression li a:hover{
	background: url(../images/common/arrow_impression_over.png) #f7f7f7 99% 50% no-repeat;
	text-decoration:none;
}

#area2 ul.impression li a .title {
	vertical-align:middle;
	font-size:120%;
	font-weight:bold;
}

#area2 ul.impression li a div {
	display: table;
}

#area2 ul.impression li a div span {
	vertical-align:middle;
	display: table-cell;
}

#area2 ul.impression li a .lead {
	font-size:85.71%;
	color:#666;
	overflow: hidden;
	display:block;
	margin-top:6px;
}

#area2 ul.impression li a .sponsored{
	font-size: 85.71%;
	padding: 0 5px 0;
	color: #fff;
	background-color: #333;
	-ms-filter: "alpha( opacity=80 )";
	filter: alpha( opacity=80 );
	opacity: 0.8;
	position: absolute;
	top: 6px;
	left: 6px;
	line-height: 1.2;
}

#area2 .linkTo {
	display: none;
}
/*--- 2-10. 連載・特集 */

#area2 .series {
	background: none repeat scroll 0 0 #fcfcfc;
	border: 1px solid #f2f2f2;
	padding: 6px;
}

#area2 .series li {
	padding:7px 0;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #f2f2f2;
	display:block;
	clear:both;
	position: relative;
}

#area2 .series li:after {
	content: ".";
	clear: both;
	height: 0;
	font-size: 0.1em;
	line-height: 0;
	display: block;
	visibility: hidden;
}

#area2 .series li:first-of-type {
	border-top: none;
	padding-top: 0;
}

#area2 .series li:last-of-type {
	border-bottom: none;
	padding-bottom: 0;
}

#area2 .series li .seriesThumb{
	margin-right:10px;
	display:inline-block;
	float:left;
}

#area2 .series li .seriesThumb a,
#area2 .series li .seriesThumb img{
	display:block;
	color:#666666;
	text-decoration:none;
}

#area2 .series li .seriesThumb a {
	margin:0;
	padding:0;
}

#area2 .series li .seriesTitle {
	color:#666;
	display:block;
	font-size:77.77%;
	margin-bottom:4px;
}

#area2 .series li .seriesThumb .toIndex{
	padding:2px;
	background-color:#dddddd;
	font-size: 77.77%;
	text-align:center;
	display:block;
}

#area2 .series li .seriesThumb a:hover .toIndex{
	background-color:#4fc9e1;
	color:#ffffff;
}

#area2 .series li .sponsored{
	font-size: 85.71%;
	padding: 0 5px 0;
	color: #fff;
	background-color: #333;
	-ms-filter: "alpha( opacity=80 )";
	filter: alpha( opacity=80 );
	opacity: 0.8;
	position: absolute;
	top: 0;
	left: 0;
	line-height: 1.2;
}

/*--- 2-11. 期間特集 */

#area2 .pickupSeries {
	background: none repeat scroll 0 0 #fff;
	border: 1px solid #ff9c00;
	padding: 6px;
}

#area2 .pickupSeries02 {
	background: none repeat scroll 0 0 #fff;
	border: 1px solid #d81e4e;
	padding: 6px;
}

#area2 .pickupSeries03 {
	background: none repeat scroll 0 0 #fff;
	border: 1px solid #FF9999;
	padding: 6px;
}


/* イベント枠汎用css：2017/5/15　ボーダー色はインライン記述で。 */
/* ---千葉競輪用：2017/4/21 */
#area2 .pickupSeries_event {
	background: none repeat scroll 0 0 #fff;
	padding: 6px;
}
#area2 .pickupSeries_chiba {
	background: none repeat scroll 0 0 #fff;
	border: 1px solid #86c616;
	padding: 6px;
}

#area2 .pickupSeries_event .seriesThumb,
#area2 .pickupSeries_chiba .seriesThumb {
    margin-right: 10px;
    display: inline-block;
    float: left;
}
#area2 .pickupSeries_event:after,
#area2 .pickupSeries_chiba:after {
    content: ".";
    clear: both;
    height: 0;
    font-size: 0.1em;
    line-height: 0;
    display: block;
    visibility: hidden;
}
#area2 .pickupSeries_event .seriesThumb img,
#area2 .pickupSeries_chiba .seriesThumb img {
    display: block;
    color: #666666;
    margin: 0;
    padding: 0;
    text-decoration: none;
}

#area2 .pickupSeries_event .att,
#area2 .pickupSeries_chiba .att {
    color: #f00 !important;
    font-weight: bold;
    border: 1px solid #f00;
    text-align: center;
    display: inline-block;
    padding: 2px 5px 0px!important;
    border-radius: 3px;
    font-size: 12px!important;
    margin: 5px 10px 5px 0;
}
/* 千葉競輪用：2017/4/21 */


#area2 .pickupSeries:after,
#area2 .pickupSeries02:after,
#area2 .pickupSeries03:after {
	content: ".";
	clear: both;
	height: 0;
	font-size: 0.1em;
	line-height: 0;
	display: block;
	visibility: hidden;
}

#area2 .pickupSeries .seriesThumb,
#area2 .pickupSeries02 .seriesThumb,
#area2 .pickupSeries03 .seriesThumb {
	margin-right:10px;
	display:inline-block;
	float:left;
}

#area2 .pickupSeries .seriesThumb a,
#area2 .pickupSeries .seriesThumb img,
#area2 .pickupSeries02 .seriesThumb a,
#area2 .pickupSeries02 .seriesThumb img,
#area2 .pickupSeries03 .seriesThumb a,
#area2 .pickupSeries03 .seriesThumb img{
	display:block;
	color:#666666;
	margin:0;
	padding:0;
	text-decoration:none;
}

#area2 .pickupSeries li,
#area2 .pickupSeries02 li,
#area2 .pickupSeries03 li {
	position: relative;
}

#area2 .pickupSeries li .sponsored,
#area2 .pickupSeries02 li .sponsored,
#area2 .pickupSeries03 li .sponsored {
	font-size: 85.71%;
	padding: 0 5px 0;
	color: #fff;
	background-color: #333;
	-ms-filter: "alpha( opacity=80 )";
	filter: alpha( opacity=80 );
	opacity: 0.8;
	position: absolute;
	top: 0;
	left: 0;
	line-height: 1.2;
}

/*=== 3. 左カラムディテール */


/*--- 3-1. パンくず */

.bread {
	margin-bottom:15px;
}

.bread ul {
	background-color:#4f4f4f;
	border:1px solid #333333;
}

.bread li {
	color:#ffffff;
	padding:0 20px 0 5px;
	line-height:26px;
	font-size:85.71%;
	display: inline-block;
	background: url(../images/common/arrow_bread.png) 100% 50% no-repeat;
	/* for ie*/
	*display: inline;
	*zoom: 1;
}

.bread li.first {
	padding:0 20px 0 10px;
}

.bread li.current {
	background-image:none;
}

.bread li a {
	color:#ffffff;
}

.bread li a:hover {
	text-decoration:none;
}


/*--- 3-2. ジャンルトップ */

.index .genretop {
	margin:0 0 15px 0;
	display:block;
	clear:both;
	position:relative;
	background: url(../images/common/genretop_bg.png) repeat #676767;
	min-height:250px;
}

.index .genretop:after {
	content: ".";
	clear: both;
	height: 0;
	font-size: 0.1em;
	line-height: 0;
	display: block;
	visibility: hidden;
}

.index .genretop figure{
	height: 250px;
	float: right;
	margin-left: 10px;
}
.index .genretop img{
	display: block;
	width: auto;
	height: auto;
	max-width: 375px;
	max-height: 100%;
}


.index .genretop p{
	color:#ffffff;
	line-height:1.5;
	padding:10px;
}

.index .genretop p a{
	color:#ffffff;
}

.index .genretop p.title{
	font-size:128.5%;
	font-weight:bold;
	margin-bottom:10px;
	-webkit-text-shadow: 0 2px 4px #141213;
	-moz-text-shadow: 0 2px 4px #141213;
	-ms-text-shadow: 0 2px 4px #141213;
	-o-text-shadow: 0 2px 4px #141213;
	text-shadow: 0 2px 4px #141213;
}

.index .genretop p.title a:hover{
	-webkit-text-shadow: 0 2px 4px #000000;
	-moz-text-shadow: 0 2px 4px #000000;
	-ms-text-shadow: 0 2px 4px #000000;
	-o-text-shadow: 0 2px 4px #000000;
	text-shadow: 0 2px 4px #000000;
}

.index .genretop p .subtitle{
	font-weight:normal;
	display: block;
	font-size:77.77%;
	margin-bottom:5px;
}

.index .genretop p span.sponsored {
	font-size:77.77%;
	margin: 0 200px 0 0;
	padding: 0 5px;
	background-color: #444;
	letter-spacing: 2px;
	line-height: 1.2;

}

.index .genretop p span.timestamp {
	display: block;
	font-size:77.77%;
	margin-top: 5px;
}

.index .genretop p.readmore {
	position:absolute;
	right:390px;
	bottom:15px;
	font-size:77.77%;
	background: url(../images/common/bg_blk50.png) repeat;
	padding:7px 10px;
}

.index .genretop p.readmore a {
	background: url(../images/common/genretop_readmore.png) 0 50% no-repeat;
	padding-left:15px;
}



/*--- 3-3. ページネーター */

.pagenator {
	font-size:85.71%;
	margin:30px auto;
	text-align: center;
}

.pagenator .wp-pagenavi {
	clear: both;
}

.pagenator .wp-pagenavi a {
	color:#666666;
	padding: 2px 6px;
	border: 1px solid #eeeeee;
}

.pagenator .wp-pagenavi a:hover {
	text-decoration:none;
	background: none repeat scroll 0 0 #007d99;
	border: 1px solid #eeeeee;
	color:#ffffff;
	-webkit-text-shadow: 0 0 2px #efefef;
	-moz-text-shadow: 0 0 2px #efefef;
	-ms-text-shadow: 0 0 2px #efefef;
	-o-text-shadow: 0 0 2px #efefef;
	text-shadow: 0 0 2px #efefef;
	text-decoration:none;
}

.pagenator .wp-pagenavi .extend {
	font-weight:bold;
	color:#333333;
	padding: 2px 6px;
	border: none;
	background: none repeat scroll 0 0 #ffffff;
}

.pagenator .wp-pagenavi span.current {
	background: none repeat scroll 0 0 #ffffff;
	border: none;
	color:#333333;
	padding: 2px 6px;
	font-weight:bold;
}

.pagenator .wp-pagenavi .first {
	color: #bbbbbb;
	margin-right: 5px;
}

.pagenator .wp-pagenavi .previouspostslink {
	color: #bbbbbb;
	margin-right: 15px;
}


.pagenator .wp-pagenavi .nextpostslink {
	color: #bbbbbb;
	margin-left: 15px;
}

.pagenator .wp-pagenavi .last {
	color: #bbbbbb;
	margin-left: 5px;
}

/*--- 3-4. タグリスト */

section.tagpart {
	margin:0 15px 10px;
}

section.tagpart h3 {
	background: url(../images/common/bg_title_grn.png) 0 50% repeat-x;
}

section.tagpart h3 span {
	font-size:114.3%;
	font-weight:bold;
	line-height: 1.5em;
	margin-left: 15px;
	background-color:#fff;
	padding:5px 10px;
}

.taglist {
	line-height:2em;
	margin:10px 0 15px;
}

.taglist span {
	background: url(../images/common/tag_separate.png) 100% 50% no-repeat;
	padding:10px 20px 10px 10px;
}

/*--- 3-5. fbコメント */

section.fbCom {
	margin:0 15px 15px;
}

section.fbCom h3 {
	background: url(../images/common/bg_title_grn.png) 0 50% repeat-x;
}

section.fbCom h3 span {
	font-size:114.3%;
	font-weight:bold;
	line-height: 1.5em;
	margin-left: 15px;
	background-color:#fff;
	padding:5px 10px;
}

section.fbCom .fb-comments {
	margin:10px 12px 0;
}

/*--- 3-6. タイトルバナー */

.title-banner {
	margin: 0 auto 10px;
}

.title-banner a {
	display: block;
	text-align:center;
}

.title-banner img {
	display: block;
	margin: 0 auto;
	text-align:center;
}


/*--- 3-7. 特集・連載トップ */

.featureLatest {
	margin: 0 auto 20px;
	display: block;
}

.featureLatest  a {
	position: relative;
	display: block;
}

.featureLatest img {
	display: block;
	margin: 0 auto;
}

.featureLatest .textfield {
	display: block;
	text-decoration: none;
	position: absolute;
	bottom: 20px;
	left: 0;
	width: 300px;
	background: url(../images/common/bg_blk50.png) repeat;
	color: #fff;
	text-decoration: none;
}


.featureLatest .textfield h3 {
	padding: 10px 15px;
	font-size:128.5%;
	fnot-weight: bold;
	line-height: 1.25;
	background: url(../images/common/bg_blk50.png) repeat;
}

.featureLatest .textfield p {
	padding: 10px 15px;
	line-height: 1.25;
}

.featureLatestIndex {
	margin-bottom:15px;
	display:block;
	clear:both;
}

.featureLatestIndex h1,
.featureLatestIndex h2 {
	font-size:128%;
	color: #666666;
	text-align: left;
	padding: 5px 0 5px 10px;
	margin-bottom: 20px;
	border-bottom: 1px solid #ccc;
	border-left: 10px solid #4fc9e1;
	position:relative;
}

.featureLatestIndex ul li{
	margin-bottom:15px;
	display:block;
	clear:both;
	border-bottom: 1px solid #efefef;
	position:relative;
}

.featureLatestIndex ul li .subtitleFeature,
.featureLatestIndex ul li .labelFeature {
	font-size: 85.71%;
	color: #fff;
	letter-spacing: 0.2em;
	padding: 2px 5px;
	background: #e86f05;
	position: absolute;
	top: -5px;
	left: 0;
	text-shadow: 0 1px 1px #666666;
	-webkit-text-shadow: 0 1px 1px #666666;
	-moz-text-shadow: 0 1px 1px #666666;
	-ms-text-shadow: 0 1px 1px #666666;
	-o-text-shadow: 0 1px 1px #666666;
}

.featureLatestIndex ul li .subtitleRensai,
.featureLatestIndex ul li .labelStory {
	font-size: 85.71%;
	color: #fff;
	letter-spacing: 0.2em;
	padding: 2px 5px;
	background: #b1dd00;
	position: absolute;
	top: -5px;
	left: 0;
	text-shadow: 0 1px 1px #666666;
	-webkit-text-shadow: 0 1px 1px #666666;
	-moz-text-shadow: 0 1px 1px #666666;
	-ms-text-shadow: 0 1px 1px #666666;
	-o-text-shadow: 0 1px 1px #666666;
}

.featureLatestIndex ul li img {
	margin: 0 10px 15px 5px;
	float:left;
	display: block;
}

.featureLatestIndex ul li p .title {
	font-size:128.5%;
	font-weight: bold;
	line-height: 1.2;
	margin-bottom:5px;
	display: block;
	max-height: 2.4em;
	overflow: hidden;
}

.featureLatestIndex ul li p time {
	color: #666666;
	font-size: 85.71%;
	text-align:right;
	margin-bottom:5px;
	margin-right: 10px;
	display: block;
}

.featureLatestIndex ul li p .lead {
	color: #333;
	display: block;
	max-height: 5.6em;
	overflow: hidden;
}

/*--- 3-8. 特集・連載index */

/*-- 共通 */

.featureEachIndex,
.storyEachIndex {
	margin-bottom:15px;
	display:block;
	clear:both;
}

.featureEachIndex .featureSubmidashi,
.storyEachIndex .featureSubmidashi {
	color: #333;
	font-size:128.5%;
	font-weight: bold;
	border-left: 5px solid #bbdd00;
	border-bottom: 1px solid #ddd;
	margin: 0 0 10px;
	padding: 5px 10px;
	position: relative;
}


#area1Spritindex h2.featureSubmidashi .pagenator {
	font-size: 66.6%;
	margin:0;
	text-align: center;
	position: absolute;
	top: 5px;
	right: 5px;
}

#area1Spritindex h2.featureSubmidashi .pagenator .wp-pagenavi {
	clear: both;
}

#area1Spritindex h2.featureSubmidashi .pagenator .wp-pagenavi a {
	color:#fff;
	background: #4fc9e1;
	padding: 0 6px;
	border: 1px solid #4fc9e1;
}

#area1Spritindex h2.featureSubmidashi .pagenator .wp-pagenavi a:hover {
	text-decoration:none;
	background: none repeat scroll 0 0 #007d99;
	border: 1px solid #4fc9e1;
	color:#ffffff;
	-webkit-text-shadow: 0 0 2px #efefef;
	-moz-text-shadow: 0 0 2px #efefef;
	-ms-text-shadow: 0 0 2px #efefef;
	-o-text-shadow: 0 0 2px #efefef;
	text-shadow: 0 0 2px #efefef;
	text-decoration:none;
}

#area1Spritindex h2.featureSubmidashi .pagenator .wp-pagenavi .extend {
	font-weight:bold;
	color:#333333;
	padding: 0 6px;
	border: none;
	background: #fff;
}

#area1Spritindex h2.featureSubmidashi .pagenator .wp-pagenavi span.current {
	background: #fff;
	border: 1px solid #4fc9e1;
	color:#333333;
	padding: 0 6px;
	font-weight:bold;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
}

#area1Spritindex h2.featureSubmidashi .pagenator .wp-pagenavi .first {
	color:#fff;
	margin-right: 0;
}

#area1Spritindex h2.featureSubmidashi .pagenator .wp-pagenavi .previouspostslink {
	color:#fff;
	margin-right: 0;
}


#area1Spritindex h2.featureSubmidashi .pagenator .wp-pagenavi .nextpostslink {
	color:#fff;
	margin-left: 0;
}

#area1Spritindex h2.featureSubmidashi .pagenator .wp-pagenavi .last {
	color:#fff;
	margin-left: 0;
}


.featureEachIndex #area1Spritindex ul,
.storyEachIndex #area1Spritindex ul {
	margin-bottom: 40px;
}

.featureEachIndex #area1Spritindex ul li,
.storyEachIndex #area1Spritindex ul li {
	margin-bottom:10px;
	display:block;
	clear:both;
	position: relative;
}

.featureEachIndex #area1Spritindex ul li img,
.storyEachIndex #area1Spritindex ul li img {
	margin-right: 10px;
	float:left;
	display: block;
}

.featureEachIndex #area1Spritindex ul li p a .subtitle,
.storyEachIndex #area1Spritindex ul li p a .subtitle {
	color: #666666;
	font-size: 85.71%;
	line-height: 1.2;
	margin-bottom:5px;
	display: block;
	max-height: 1.2em;
	overflow: hidden;

}

.featureEachIndex #area1Spritindex ul li p .title,
.storyEachIndex #area1Spritindex ul li p .title {
	font-size:114%;
	font-weight: bold;
	line-height: 1.2;
	margin-bottom:5px;
	display: block;
	max-height: 2.4em;
	overflow: hidden;
}

.featureEachIndex #area1Spritindex ul li p time,
.storyEachIndex #area1Spritindex ul li p time {
	color: #666666;
	font-size: 85.71%;
	text-align: right;
	margin-bottom:5px;
	margin-right: 10px;
	display: block;
}

.featureEachIndex #area1Spritindex ul li p .lead,
.storyEachIndex #area1Spritindex ul li p .lead {
	color: #333;
	display: block;
}

.featureEachIndex #area1Spritindex .sponsored,
.storyEachIndex #area1Spritindex .sponsored {
	font-size: 85.71%;
	padding: 0 5px 0;
	color: #fff;
	background-color: #333;
	-ms-filter: "alpha( opacity=80 )";
	filter: alpha( opacity=80 );
	opacity: 0.8;
	position: absolute;
	top: 0;
	left: 0;
	line-height: 1.2;
}

/*-- 特集 */

.featureEachIndex .pickupDefine {
	position: relative;
	display: block;
	margin: 0 auto 15px;
	border: 1px solid #ddd;
}

.featureEachIndex .pickupDefine img {
	display: block;
	margin: 0 auto;
	max-width: 653px;
}

.featureEachIndex .pickupDefine dt {
	display: block;
	padding: 10px 15px;
	font-size:128.5%;
	fnot-weight: bold;
	line-height: 1.25;
	position: absolute;
	bottom:100px;
	left: 0;
	width: 300px;
	background: url(../images/common/bg_blk80.png) repeat;
	color: #fff;
	text-decoration: none;
}

.featureEachIndex .pickupDefine dd {
	padding: 10px;
	font-size:100%;
	line-height: 1.25;
	color:#333;
}

.featureEachIndex #area1Spritmenu {
	margin-right: 20px;
	display:block;
	float: left;
	width:140px;
}

.featureEachIndex #spritmenu {
	background: none repeat scroll 0 0 #fcfcfc;
	border: 1px solid #f2f2f2;
	padding-bottom: 5px;

}

.featureEachIndex #spritmenu .featureMenuTitle {
	padding: 8px 10px;
	font-weight: bold;
	color: #fff;
	background: #007d99;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);

}

.featureEachIndex #spritmenu ul.featureMenu {
	border-bottom: 1px solid rgba(255, 255, 255, 0.4);
}

.featureEachIndex #spritmenu ul.featureMenu li {
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #f2f2f2;
	display:block;
	clear:both;
}

.featureEachIndex #spritmenu ul.featureMenu li a {
	display: block;
	padding: 8px 5px;
	color:#333;
	text-shadow: 0 1px 1px #fff;
	-webkit-text-shadow: 0 1px 1px #fff;
	-moz-text-shadow: 0 1px 1px #fff;
	-ms-text-shadow: 0 1px 1px #fff;
	-o-text-shadow: 0 1px 1px #fff;
}

.featureEachIndex #spritmenu ul.featureMenu li a:hover {
	text-decoration: none;
	text-shadow: 0 1px 1px #fff;
	-webkit-text-shadow: 0 1px 1px #fff;
	-moz-text-shadow: 0 1px 1px #fff;
	-ms-text-shadow: 0 1px 1px #fff;
	-o-text-shadow: 0 1px 1px #fff;
	background: #cce2e6;
}


.featureEachIndex menu.socialPlugin {
	margin: 5px 5px 0;
	padding: 10px 0;
	background-color: #fff;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;

}

.featureEachIndex menu.socialPlugin li{
	vertical-align:middle;
	display: block;
	margin-left:5px;
	width:120px;
	margin-bottom: 10px;
}

.featureEachIndex menu.socialPlugin li:last-of-type {
	margin-bottom: 0;
}

.featureEachIndex menu.socialPlugin li.tw,
.featureEachIndex menu.socialPlugin li.fb,
.featureEachIndex menu.socialPlugin li.gp,
.featureEachIndex menu.socialPlugin li.htn,
.featureEachIndex menu.socialPlugin li.pct {
 	width:120px !important;
}


.featureEachIndex #area1Spritindex {
	display:block;
	float: right;
	width:495px;
}

.featureEachIndex .pagenator {
	display:none;
}


/*-- 連載 */

.storyEachIndex .pickupDefine {
	display: block;
	margin: 0 auto 15px;
	border: 1px solid #ddd;
}

.storyEachIndex .pickupDefine img {
	display: block;
	margin: 17px auto 10px;
	max-width: 653px;
}

.storyEachIndex .pickupDefine dt {
	position: absolute;
	top: -99999px;	/*--- マイナスで飛ばさない場合、IEでtableのtr内の文字が残る */
	left: -99999px;	/*--- マイナスで飛ばさない場合、IEでtableのtr内の文字が残る */
	overflow: hidden;
	font-size: 0;
	height: 0;
	width: 0;
	padding:0;
	margin:0;
}

.storyEachIndex .pickupDefine dd {
	padding: 0 17px 17px;
	font-size: 114%;
	line-height: 1.5;
	color:#333;

}

.storyEachIndex #area1Spritmenu {
	margin: 20px 0;
	display:block;
}

.storyEachIndex #spritmenu .clearfix {
	display:none;
}

.storyEachIndex menu.socialPlugin {
	height:30px;
	margin: 0;
}

.storyEachIndex menu.socialPlugin {
	height:30px;
	margin: 10px 0 0;
}

.storyEachIndex menu.socialPlugin li{
	margin-bottom: 12px;
	height:30px;
	vertical-align:middle;
	display: inline-block;
	/* for ie*/
	*display: inline;
	*zoom: 1;
}

.storyEachIndex menu.socialPlugin li.tw {
	width:130px;
}

.storyEachIndex menu.socialPlugin li.fb {
	min-width: 100px;
	margin-left: 5px;
}

.storyEachIndex menu.socialPlugin li.line{
	margin-left: 10px;
}

.storyEachIndex menu.socialPlugin li.pct {
	width:100px;
	margin-left:10px;
}

.storyEachIndex #area1Spritindex {
	display:block;
	float: none;
}

/*--- 3.9 記事内パートナーバッジ */

.newsarticle .partners {
	width: 100%;
	margin:0 auto 15px;
}
/*--- alerts for wordpress */
.newsarticle .alerts {
    background: #FFE6E6;
    padding: 50px 15px;
    margin: 15px 0;
    border: 5px solid #ff0000;
    color: #FF0000;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    text-align: center;
    line-height: 1.6;
    font-size: 40px;
}
.newsarticle .partners h3 {
	background: url(../images/common/bg_title_grn.png) 0 50% repeat-x;
}

.newsarticle .partners h3 span {
	font-size:114.3%;
	font-weight:bold;
	line-height: 1.5em;
	margin-left: 15px;
	background-color:#fff;
	padding:5px 10px;
}

.newsarticle .partners ul {
	margin:10px 0 0;
}
.newsarticle .partners li {
	float:left;
	display:inline;
	margin:0 0 5px 5px;
}

.newsarticle .partners li a {
	display:block;
}




/*=== 4. ニュース記事 */

/*--- photo gallery(add:20160421) */
.modPhotoGallery{margin-bottom: 10px;}
.modPhotoGallery h3{
    margin-bottom: 10px;
    background: url(../images/common/bg_title_grn.png) 0 50% repeat-x;
}
.modPhotoGallery h3 span {
	font-size:114.3%;
	font-weight:bold;
	line-height: 1.5em;
	margin-left: 15px;
	background-color:#fff;
	padding:5px 10px;
}

/*--- 4.1 ニュース */

.newsarticle {
	color: #333;
	margin: 10px 0 15px;
}

.newsarticle .title-banner {
	margin: 0 auto 10px;
}

.newsarticle .title-banner a {
	display: block;
	text-align:center;
}

.newsarticle header {
	margin: 0 15px 15px;
	padding-bottom:5px;
	border-bottom:1px dotted #cccccc;
}

.newsarticle header:after {
	content: ".";
	clear: both;
	height: 0;
	font-size: 0.1em;
	line-height: 0;
	display: block;
	visibility: hidden;
}

.newsarticle header h1{
	font-weight: bold;
	font-size: 157.14%;
	letter-spacing: 0.1em;
	line-height: 1.2em;
	margin-bottom: 10px;
	position: relative;
}

.newsarticle header h1 span{
	font-weight:normal;
	margin-bottom:5px;
	display: block;
	font-size:63.63%;
}

.newsarticle header h1 .sponsored {
	font-size: 12px;
	padding: 2px 5px 0;
	color: #fff;
	background-color: #333;
	-ms-filter: "alpha( opacity=80 )";
	filter: alpha( opacity=80 );
	opacity: 0.8;
	position: absolute;
	top: 5px;
	right: 0;
	line-height: 1.2;
}

.newsarticle header .addition {
	color: #666;
	display: block;
	margin: 10px 0;
}

.newsarticle header .timestamp {
	float: left;
}

.newsarticle header .editor {
	float: right;
}

.newsarticle menu.socialPlugin {
	height:30px;
	margin: 10px 0 0;
}

.newsarticle menu.socialPlugin li{
	margin-bottom: 12px;
	height:30px;
	vertical-align:middle;
	display: inline-block;
	/* for ie*/
	*display: inline;
	*zoom: 1;
}

.newsarticle menu.socialPlugin li.tw {
	width:132px;
}

.newsarticle menu.socialPlugin li.fb {
	min-width: 100px;
	margin-left: 5px;
}

.newsarticle menu.socialPlugin li.line{
	margin-left: 10px;
}

.newsarticle menu.socialPlugin li.gp {
	width: 55px;
	margin-left:5px;
}

.newsarticle menu.socialPlugin li.htn {
	min-width: 45px;
	margin-left:5px;
}

.newsarticle menu.socialPlugin li.pct {
	width:100px;
	margin-left:10px;
}

.newsarticle div.description {
	margin: 0 15px;
	padding-bottom: 10px;
}

.newsarticle div.description p {
	font-size:114.3%;
	line-height: 1.8em;
	margin-bottom:15px;
}

.newsarticle div.description .komidashi {
	font-weight:bold;
	border-left: 5px solid #bbdd00;
	margin-top:30px;
	padding-left:10px;
	font-size:114.3%;
	line-height: 1.8;
	margin-bottom:15px;
	*zoom: 1;
}

/*
.komidashi:before,
.komidashi:after {
	content: " ";
	display: table;
}

.komidashi:after {
	clear: both;
}
*/

.newsarticle span.right {
	text-align:right;
	display:block;
}
.newsarticle span.left {
	text-align:left;
	display:block;
}
.newsarticle span.center {
	text-align:center;
	display:block;
}
.newsarticle span.bold {
	font-weight:bold;
}
.newsarticle span.small {
	font-size: 85.71%;
}
.newsarticle span.red {
	color:#cc0000;
}
.newsarticle span.blue {
	color:#000099;
}
.newsarticle span.gray {
	color:#666666;
}

.newsarticle span.bg_red {
	background-color:#e595b4;
	padding:2px 7px;
}
.newsarticle span.bg_blue {
	background-color:#95d7e5;
	padding:2px 7px;
}
.newsarticle span.bg_gray {
	background-color: rgba(0,0,0,0.1);
	padding:2px 7px;
}

.newsarticle .profileBlue {
	border:2px solid #95d7e5;
	border-radius:8px;
	padding: 10px;
	margin: 0 12px 15px;
}

.newsarticle .profileRed {
	border:2px solid #e595b4;
	border-radius:8px;
	padding: 10px;
	margin: 0 12px 15px;
}

.newsarticle .profileBlue span,
.newsarticle .profileRed span {
	font-size: 85.71%;
	font-weight:bold;
	margin: 5px 0 8px;
}

.newsarticle div.description .profileBlue p,
.newsarticle div.description .profileRed p {
	font-size: 85.71%;
	margin: 5px 0;
}

.textblockBlue {
	background-color:#e6fbff;
	border:1px dotted #95d7e5;
	padding:10px 15px 0;
	margin-bottom:20px;
}

.textblockBlue .textblockTitle {
	font-weight:bold;
	color:#00738c;
	margin-top:10px;
}

.textblockRed {
	background-color:#ffecec;
	border:1px dotted #e595b4;
	padding:10px 15px 0;
	margin-bottom:20px;
}

.textblockRed .textblockTitle {
	font-weight:bold;
	color:#941212;
	margin-top:10px;
}

.textblockGreen {
	background-color:#faffe5;
	border:1px dotted #b1dd00;
	padding:10px 15px 0;
	margin-bottom:20px;
}

.textblockGreen .textblockTitle {
	font-weight:bold;
	color:#49531f;
	margin-top:10px;
}

.textblockYellow {
	background-color:#fff6a6;
	border:1px dotted #ffea2a;
	padding:10px 15px 0;
	margin-bottom:20px;
}

.textblockYellow .textblockTitle {
	font-weight:bold;
	color:#666;
	margin-top:10px;
}

.textblockGray {
	background-color:#efefef;
	border:1px dotted #cccccc;
	padding:10px 15px 0;
	margin-bottom:20px;
}

.textblockGray .textblockTitle {
	font-weight:bold;
	color:#333333;
	margin-top:10px;
}

.newsarticle .profileBlue img,
.newsarticle .profileRed img {
	float: left;
	margin: 0 6px 6px 0;
	width:100px !important;
}


.newsarticle .tagged {
	margin: 0 12px 15px;
	display:inline-block;
}

.newsarticle .tagged a {
	color:#007d99;
	line-height:1.5;
	vertical-align:middle;
	display:block;
	border-radius:30px;
	padding: 5px 10px 5px 30px;
	background: url(../images/common/icon_arrowbg_s_tap.png) rgba(0,0,0,0.1) 15px 50% no-repeat;
}

.newsarticle .tagged a:hover,
.newsarticle .tagged a:active {
	color: #fff;
	background: url(../images/common/icon_arrowbg_s_next.png) #b1dd00 15px 50% no-repeat;
}

.newsarticle figure {
	padding:5px;
	border:1px solid #cccccc;
}

.newsarticle figure img {
	display:block;
	margin:0 auto;

}

.newsarticle figure .caption {
	display:block;
	font-size:85.71%;
	line-height: 1.5em;
	margin-top:5px;
	padding: 2px;
	word-break: break-all;
}

.newsarticle figure.p960 .caption{ width:956px; }
.newsarticle figure.p600 .caption{ min-width:596px; }
.newsarticle figure.p400 .caption{ min-width:396px; }
.newsarticle figure.p373 .caption{ min-width:369px; }
.newsarticle figure.p286 .caption{ min-width:282px; }
.newsarticle figure.p248 .caption{ min-width:242px; }
.newsarticle figure.p240 .caption{ min-width:236px; }
.newsarticle figure.p180 .caption{ min-width:176px; }
.newsarticle figure.p166 .caption{ min-width:162px; }
.newsarticle figure.p160 .caption{ min-width:156px; }
.newsarticle figure.p90 .caption{ min-width:90px; }

.newsarticle figure.p960 { width:960px; }
.newsarticle figure.p600 { width:600px; }
.newsarticle figure.p400 { width:400px; }
.newsarticle figure.p373 { width:373px; }
.newsarticle figure.p286 { width:286px; }
.newsarticle figure.p248 { width:248px; }
.newsarticle figure.p240 { width:240px; }
.newsarticle figure.p180 { width:180px; }
.newsarticle figure.p166 { width:166px; }
.newsarticle figure.p160 { width:160px; }
.newsarticle figure.p90 { width:90px; }

/*
.newsarticle figure.p960 img { width:960px; }
.newsarticle figure.p600 img { width:600px; }
.newsarticle figure.p400 img { width:400px; }
.newsarticle figure.p286 img { width:286px; }
.newsarticle figure.p240 img { width:240px; }
.newsarticle figure.p180 img { width:180px; }
.newsarticle figure.p90 img { width:90px; }
*/


.newsarticle .photoPart286Borders figure.p286 { width:286px; }
.newsarticle .photoPart240Borders figure.p240 { width:240px; }
.newsarticle .photoPart180Borders figure.p180 { width:180px; }
.newsarticle .photoPart90Borders figure.p90 { width:90px; }

.photoPartImpression:before,
.photoPartImpression:after {
	content: " ";
	display: table;
}

.photoPartImpression:after {
	clear: both;
}

.photoPartImpression {
	*zoom: 1;
}

.newsarticle .photoPartImpression figure.p286 { width:286px; }
.newsarticle .photoPartImpression figure.p240 { width:240px; }
.newsarticle .photoPartImpression figure.p180 { width:180px; }
.newsarticle .photoPartImpression figure.p90 { width:90px; }

.newsarticle .layoutR {
	float:right;
	margin:0 0 10px 10px;
}

.newsarticle .layoutL {
	float:left;
	margin:0 10px 10px 0;
}

.newsarticle .photoPart90 {
	display:block;
	margin:0 0 15px 15px;
}
.newsarticle .photoPart180 {
	display:block;
	margin:0 0 15px 5px;
}
.newsarticle .photoPart286 {
	display:block;
	margin:0 auto 15px;
}
.newsarticle .photoPart600 {
	display:block;
	margin:0 0 15px 5px;
}

.newsarticle .photoPart90 .p90 {
	vertical-align:top;
	margin:0 0 10px 10px;
	display:inline-block;
	/* for ie*/
	*display: inline;
	*zoom: 1;
}
.newsarticle .photoPart180 .p180,
.newsarticle .photoPart286 .p286,
.newsarticle .photoPart600 .p600 {
	vertical-align:top;
	margin:0 10px 10px 0;
	display:inline-block;
	/* for ie*/
	*display: inline;
	*zoom: 1;
}

.newsarticle .photoPart180Borders,
.newsarticle .photoPart286Borders {
	display:block;
	margin:0 0 15px 5px;
	border:1px solid #cccccc;
}

.newsarticle .photoPart180Borders figure,
.newsarticle .photoPart286Borders figure {
	padding:5px;
	border:none;
}

.newsarticle .photoPart180Borders .p180,
.newsarticle .photoPart286Borders .p286 {
	vertical-align:top;
	margin:0 10px 10px 0;
	display:inline-block;
	/* for ie*/
	*display: inline;
	*zoom: 1;
}

.newsarticle .photoPart240Borders .p240 {
	vertical-align:top;
	margin:0;
	display:block;
}

.newsarticle .photoPart240Borders {
	display:block;
	margin:0;
	border:1px solid #cccccc;
}

.newsarticle .photoPart240Borders figure {
	padding:5px;
	border:none;
}

.newsarticle .related {display:none;}/* -- delete add:2016/4/7 */
section.indexrelated {margin: 0 15px 10px;}

section.indexrelated h3 {
	background: url(../images/common/bg_title_grn.png) 0 50% repeat-x;
}

section.indexrelated h3 span {
	font-size:114.3%;
	font-weight:bold;
	line-height: 1.5em;
	margin-left: 15px;
	background-color:#fff;
	padding:5px 10px;
}

section.indexrelated ul {
	margin:10px 0 15px;
}
section.indexrelated li {
	background: url("../images/common/listpoint.png") no-repeat scroll left 10px transparent;
	padding-left: 10px;
}

section.indexrelated li a {
	color:#333333;
}
section.indexrelated li span.sponsored {
	color: #666;
	font-size: 12px;
	background: none;
	padding-left: 10px;
}



.veloitalia { width:100%; margin:15px 0; border-collapse: collapse; text-align:center;}
.veloitalia tr { margin:0;}
.veloitalia tr td { border-bottom:1px dotted #682809; padding:10px; margin:0; vertical-align:middle;}
.veloitalia tr td { background-color:#fff; }

.veloitalia tr td.title { color:#682809; border-bottom:2px solid #682809; text-align:left; width:40%; font-weight:bold; padding:15px 0 5px ; }
.veloitalia tr td.italian { color:#d63e3e; text-align:left; font-weight:bold; width:40%; }
.veloitalia tr td.japanese { color:#333333; text-align:left; width:50%; }
.veloitalia tr td.audio { width:10%; text-align:right; }


.cyclist-audio .audiojs {
	width: 38px;
	height: 38px;
	margin-bottom: 0px;
	background: #82cc0d;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #82cc0d), color-stop(0.5, #a6ea2f), color-stop(0.51, #82cc0d), color-stop(1, #82cc0d));
	background: -webkit-linear-gradient(top, #82cc0d 0%, #a6ea2f 50%, #82cc0d 51%, #82cc0d 100%);
	background: -moz-linear-gradient(top, #82cc0d 0%, #a6ea2f 50%, #82cc0d 51%, #82cc0d 100%);
	background: -o-linear-gradient(top, #82cc0d 0%, #a6ea2f 50%, #82cc0d 51%, #82cc0d 100%);
	background: -ms-linear-gradient(top, #82cc0d 0%, #a6ea2f 50%, #82cc0d 51%, #82cc0d 100%);
	background: linear-gradient(top, #82cc0d 0%, #a6ea2f 50%, #82cc0d 51%, #82cc0d 100%);
	border-left:1px solid #c4eb81;
	border-top:1px solid #c4eb81;
	border-right:1px solid #6c991f;
	border-bottom:1px solid #6c991f;

}

.cyclist-audio .audiojs .scrubber,
.cyclist-audio .audiojs .time {
	display: none;
}

.cyclist-audio .play-pause {
	border-right: none;
}

audio {
	font-size:0;
}

cyclist-audio a {
	width:38px;
	height:38px;
	display:block;
	font-size:12px;
}

#gallery-1 .gallery-item {
	display: block;
	width: 90px; height: 56px;
	padding: 4px;
	border: 1px solid #ccc;
	float: left;
	margin: 0 10px 10px 0;
}

#gallery-1 .gallery-item dt img {
	margin: 0 auto; display: block;
}

#gallery-1 .gallery-item dd {
	display: none;
}

/*--- 4.1.2 テーブル */
.tableStyle { border-top:1px solid #78dcf0; border-right:1px solid #78dcf0; width:100%; margin:15px 0; border-collapse: collapse; text-align:center;}
.tableStyle tr { margin:0;}
.tableStyle tr th,
.tableStyle tr td { border-bottom:1px solid #78dcf0; border-left:1px solid #78dcf0; padding:5px; margin:0; }
.tableStyle tr th { background-color:#007d99; text-align:center; color:#ffffff;}
.tableStyle tr td { background-color:#fff; }
.tableStyle tr td.textLeft { text-align:left; }


/*--- 4.1.3 定形処理 2014.03 add */

.newsarticle div.description p.fixedstyleSpec {
	font-size: 100%;
	margin:20px 0;
}

.newsarticle div.description .fixedstyleSpec span.bold {
	font-weight:bold;
	margin:0 0 5px;
	display:block;
}

/*--- 4.2 フォト */

/*
	ニュース記事のデザインに追記する形で仕様
*/

.photoarticle {
	color: #333;
	margin: 10px 0;
	border:1px solid #cccccc;
}

.photoarticle header {
	margin:10px 15px;
}

.photoarticle header:after {
	content: ".";
	clear: both;
	height: 0;
	font-size: 0.1em;
	line-height: 0;
	display: block;
	visibility: hidden;
}

.photoarticle header h1{
	font-weight: bold;
	font-size:128.5%;
	letter-spacing: 0.1em;
	line-height: 1.2em;
	margin-bottom: 10px;
}

.photoarticle header h1 span{
	font-weight:normal;
	margin-bottom:5px;
	display: block;
	font-size:85.71%;
}

.photoarticle header .timestamp{
	color: #666;
	font-size:85.71%;
	display: block;
}

.photoarticle header .timestamp p{
	margin-right: 0.5em;
	line-height:30px;
}

.photoarticle menu.socialPlugin {
	height:30px;
	margin: 0 10px;
	float:right;
}

.photoarticle menu.socialPlugin li{
	margin-bottom: 12px;
	height:30px;
	vertical-align:middle;
	display: inline-block;
	/* for ie*/
	*
	display: inline;
	*
	zoom: 1;
}

.photoarticle menu.socialPlugin li.tw {
	width:132px;
}

.photoarticle menu.socialPlugin li.fb {
	width: 110px;
	margin-left:5px;
}

.photoarticle menu.socialPlugin li.line {
	width:170px;
}

.photoarticle header .caption {
	display:block;
	line-height: 1.5em;
	margin-bottom:10px;
	word-break: break-all;

}

.photoarticle figure {
	width:960px;
	display:block;
	padding:5px;
	position:relative;
}

.photoarticle figure img {
	display:block;
	margin:0 auto;
}

.photoarticle figure span.prev{
	background: url(../images/common/slider_prev_blk50.png) 0 50% no-repeat;
	width:30px;
	position:absolute;
	left:20px;
	top:0;
	height:100%;
	display:block;
	overflow: hidden;
	text-indent: -9999px;
}

.photoarticle figure span.next{
	background: url(../images/common/slider_next_blk50.png) 0 50% no-repeat;
	width:30px;
	position:absolute;
	right:20px;
	top:0;
	height:100%;
	display:block;
	overflow: hidden;
	text-indent: -9999px;
}

.photoarticle figure span.zoom{
	background: url(../images/common/slider_zoom_blk50.png) 5px 5px no-repeat;
	width:30px;
	height:30px;
	position:absolute;
	right:0;
	top:0;
	display:block;
	padding:5px;
	z-index:100;
	text-indent: -9999px;
}

.photoarticle figure a:hover span.prev{
	background: url(../images/common/slider_prev_blk70.png) 0 50% no-repeat;
}

.photoarticle figure a:hover span.next{
	background: url(../images/common/slider_next_blk70.png) 0 50% no-repeat;
}

.photoarticle figure a:hover span.zoom{
	background: url(../images/common/slider_zoom_blk70.png) 5px 5px no-repeat;
}


.photoarticle figure .caption {
	display:block;
	font-size:85.71%;
	line-height: 1.5em;
	margin-top:5px;
	padding: 2px;
}

.photozoom {
	width:1024px;
}

.photozoom figure {
	margin:0 auto;
	text-align:center;
}


/*--- 4.3 sportsentry */

.ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; }
.ui-helper-clearfix:after { clear: both; }
.ui-helper-clearfix { zoom: 1; }

.ui-widget-header {
	border-bottom:3px solid #0a50a1;
	color: #333333;
	font-weight: bold;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
	border: 1px solid #5B9BCB;
	background-color: #5B9BCB;
	color: #ffffff;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover, {
	border: 1px solid #0a7adb;
	background: #0185cd;
}

.ui-state-hover a,
.ui-state-hover a:hover {
	color: #fff;
	-webkit-text-shadow: 0 0 3px #efefef;
	-moz-text-shadow: 0 0 3px #efefef;
	-ms-text-shadow: 0 0 3px #efefef;
	-o-text-shadow: 0 0 3px #efefef;
	text-shadow: 0 0 3px #efefef;
	text-decoration:none;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
	border: 1px solid #0a50a1;
	background-color:#0a50a1;
	color: #ffffff;
}

.ui-widget :active { outline: none; }

.ui-tabs {
	position: relative;
	zoom: 1;
}

.ui-tabs .ui-tabs-nav li {
	list-style: none;
	float: left;
	position: relative;
	top: 1px;
	margin: 0 .2em 1px 0;
	border-bottom: 0 !important;
	padding: 0;
	white-space: nowrap;
}

.ui-tabs .ui-tabs-nav li a {
	float: left;
	padding: .5em 1em;
	text-decoration: none;
	color: #ffffff;
	-webkit-text-shadow: 0 1px 1px #000000;
	-moz-text-shadow: 0 1px 1px #000000;
	-ms-text-shadow: 0 1px 1px #000000;
	-o-text-shadow: 0 1px 1px #000000;
	text-shadow: 0 1px 1px #000000;
	cursor: pointer;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a { cursor: text; }
.ui-tabs .ui-tabs-panel { display: block;}
.ui-tabs .ui-tabs-hide { display: none !important; }

/*--- 4.4 検索結果 */

#area1 .searchbox {
	display: block;
	background:#efefef;
	padding:30px 50px;
	margin-bottom:15px;
}

#area1 .searchbox form {
	width:555px;
	height:30px;
	border:1px solid #999999;
	background:#ffffff;
	vertical-align:middle;
	display:block;
	position:relative;
}

#area1 .searchbox form label{
	position: absolute;
	top: -99999px;
	left: -99999px;
	overflow: hidden;
	font-size: 0;
	height: 0;
	width: 0;
}

#area1 .searchbox form p {
	display:inline;
	margin:0;
	padding:0;
	vertical-align:top;
}

#area1 .searchbox form input{
	display:inline-block;
	padding:0px;
	margin:3px 0 0 3px;
	border:0 solid;
	width:491px;
	height:24px;
	font-size:14px;
	outline:none;
	background:transparent;
}

#area1 .searchbox form button{
	display:inline-block;
	border:0 solid;
	width:50px;
	height:24px;
	margin:3px 0 0 3px;
	text-indent:-9999px;
	cursor: pointer;
	background:url(../images/common/search_button.png) 0 0 no-repeat;
}

#area1 .index h2.searchResult {
	color: #333;
	text-align: left;
	font-weight:bold;
	padding: 10px 0;
	margin-bottom:10px;
	border:none;
	border-bottom: 3px solid #017b97;
	-webkit-text-shadow:none;
	-moz-text-shadow:none;
	-ms-text-shadow:none;
	-o-text-shadow:none;
	text-shadow:none;
	background: #ffffff;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
	border-radius: 0;
	position:relative;
}

#area1 .index h2.searchResult a {
	color: #333;
}

#area1 .index h2.searchResult a:hover {
	-webkit-text-shadow:none;
	-moz-text-shadow:none;
	-ms-text-shadow:none;
	-o-text-shadow:none;
	text-shadow: none;
	text-decoration:none;
}

#area1 .index h2.searchResult .linkTo{
	position:absolute;
	right:5px;
	top:10px;
	font-size:85.71%;
	color:#666666;
}

.search #area1 .index ul.latest li {
	padding:0 0 10px;
	border-bottom:1px dotted #cccccc;
}

.search #area1 .index ul.latest li:last-of-type {
	border-bottom: none;
}

.search #area1 .index ul.latest li .text {
	display:block;
	margin-top: 5px;
}

.search #area1 .index ul.latest li .text .highlight {
	background-color:#c7f6ff;
	padding:2px;
	margin:0 px;
}

#area1 .index .noresult {
	margin:30px 50px;
}

#area1 .index .noresult h3 {
	font-size:128.5%;
	color: #666;
	text-align: left;
	font-weight:bold;
	margin-bottom:20px;
}

#area1 .index .noresult h4 {
	color: #333;
	text-align: left;
	margin-bottom:10px;
}

#area1 .index .noresult li {
	margin-bottom:10px;
	list-style-type:disc;
	list-style-position:inside;
}


/*--- twitter list box（news,photo,featureEachIndex,storyEachIndex共通） */
.newsarticle menu.socialPlugin .twList,
.photoarticle menu.socialPlugin .twList,
.storyEachIndex menu.socialPlugin .twList,
.featureEachIndex menu.socialPlugin .twList {
	height: 20px;
    width: 46px;
	background-color: #fff;
	border-radius:2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
    margin-left: 6px;
	position: relative;
	border: 1px solid #ccc;
    vertical-align: top;
    display: inline-block;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
}

.newsarticle menu.socialPlugin .twList :after,
.newsarticle menu.socialPlugin .twList :before,
.photoarticle menu.socialPlugin .twList :after,
.photoarticle menu.socialPlugin .twList :before,
.storyEachIndex menu.socialPlugin .twList :after,
.storyEachIndex menu.socialPlugin .twList :before,
.featureEachIndex menu.socialPlugin .twList :after,
.featureEachIndex menu.socialPlugin .twList  :before{
	right: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.newsarticle menu.socialPlugin .twList :after,
.photoarticle menu.socialPlugin .twList :after,
.storyEachIndex menu.socialPlugin .twList :after,
.featureEachIndex menu.socialPlugin .twList :after {
	border-right-color: #ffffff;
	border-width: 3px;
	margin-top: -3px;
}
.newsarticle menu.socialPlugin .twList :before,
.photoarticle menu.socialPlugin .twList :before,
.storyEachIndex menu.socialPlugin .twList :before,
.featureEachIndex menu.socialPlugin .twList :before {
	border-right-color: #cccccc;
	border-width: 5px;
	margin-top: -5px;
}
.newsarticle menu.socialPlugin .twList a,
.photoarticle menu.socialPlugin .twList a,
.storyEachIndex menu.socialPlugin .twList a,
.featureEachIndex menu.socialPlugin .twList a {
    font-size: 12px;
    color: #0c7abf;
    padding: 2px 10px;
    line-height: 20px;
}

/*=== 5. エラー、静的ページ */

/*--- 5.1 エラー */

.wraperror {
	margin:40px 20px;
}

.wraperror .image {
	margin:0px auto 20px;
	text-align:center;
	display:block;
}

.wraperror p {
	line-height:1.5em;
	margin-bottom: 10px;

}

.wraperror p.title {
	font-size: 157.14%;
	font-weight:bold;
	color:#990000;
	margin-bottom: 20px;

}

.returntopbutton {
	width:420px;
	display:block;
	text-align: center;
	margin:40px auto 20px;
	font-size: 157.14%;
	font-weight:bold;
}

.returntopbutton a {
	display: block;
	text-align: center;
	border: 1px solid #017b97;
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
	-ms-border-radius: 40px;
	-o-border-radius: 40px;
	border-radius: 40px;
	padding: 0.5em;
	color: #fff;
	-webkit-text-shadow: 0 1px 1px #666;
	-moz-text-shadow: 0 1px 1px #666;
	-ms-text-shadow: 0 1px 1px #666;
	-o-text-shadow: 0 1px 1px #666;
	text-shadow: 0 1px 1px #666;
	min-width: 80px;
	background: #007d99;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #007d99), color-stop(1, #017b97));
	background: -webkit-linear-gradient(top, #007d99 0%, #017b97 100%);
	background: -moz-linear-gradient(top, #007d99 0%, #017b97 100%);
	background: -o-linear-gradient(top, #007d99 0%, #017b97 100%);
	background: -ms-linear-gradient(top, #007d99 0%, #017b97 100%);
	background: linear-gradient(top, #007d99 0%, #017b97 100%);

}

.returntopbutton a:hover {
	color: #fff;
	-webkit-text-shadow: 0 0 3px #efefef;
	-moz-text-shadow: 0 0 3px #efefef;
	-ms-text-shadow: 0 0 3px #efefef;
	-o-text-shadow: 0 0 3px #efefef;
	text-shadow: 0 0 3px #efefef;
	text-decoration:none;
}


/*--- 5.2 静的 */

.wrapstatic {
	margin:20px 20px 60px;
}

.wrapstatic .wrapsitemap {
	margin:20px 0;
	display:block;
	border-bottom:1px solid #ccc;
}

.wrapstatic .wrapsitemap:after,
.clearfix:after {
	content: ".";
	clear: both;
	height: 0;
	font-size: 0.1em;
	line-height: 0;
	display: block;
	visibility: hidden;
}

.wrapstatic .wrapsitemap h3 {
	font-size:100%;
	font-weight:bold;
	line-height:1.5em;
	width:200px;
	float:left;
	margin-bottom:30px;
}


.wrapstatic .wrapsitemap div {
	float:right;
}

.wrapstatic .wrapsitemap ul {
	width:720px;
}


.wrapstatic .wrapsitemap ul li {
	width:220px;
	margin:0 0 15px 15px;
	vertical-align:top;
	display: inline-block;
	/* for ie*/
	*display: inline;
	*zoom: 1;
}

.wrapstatic .wrapsitemap ul li a {
	border-bottom:1px dotted #cccccc;
	font-weight:bold;
	display:block;
	margin-bottom:5px;
}

.wrapstatic .wrapsitemap ul li span {
	font-size:85.71%;
	display:block;
	margin-bottom:10px;
}

.wrapstatic p {
	line-height:1.5em;
	margin-bottom: 10px;

}

.wrapstatic .title {
	font-size: 157.14%;
	font-weight:bold;
	color:#990000;
	margin-bottom: 20px;
}

.wrapstatic p.sendTo {
	font-size: 157.14%;
	font-weight:bold;
	color:#007d99;
	margin: 40px 0;

}


/*--- 6.1 スマホ切り替え */

#changeView {
	margin:0 auto;
	padding:30px 0;
	background-color:#303030;
}

#changeView p {
	text-align:center;
	margin:20px 0;
	font-size:2.5em;
}

#changeView p a {
	color:#fff;
	padding:15px 40px;
	border-radius:40px;
	background:#bbdd00;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #bbdd00), color-stop(1, #98b300));
	background: -webkit-linear-gradient(top, #bbdd00 0%, #98b300 100%);
	background: -moz-linear-gradient(top, #bbdd00 0%, #98b300 100%);
	background: -ms-linear-gradient(top, #bbdd00 0%, #98b300 100%);
	background: linear-gradient(top, #bbdd00 0%, #98b300 100%);
}

#changeView {
	display:none;
}

/* --------------------------------------------
2014.06 top renewal
--------------------------------------------*/

/* ===== 2-0. トップピックアップ ====================================================================== */

.indexAllcolumn {
	margin-bottom: 15px;
}


#area0 .indexAllcolumn h2.speech {
	padding: 0;
	margin: 0;
	border: 0;
}

.indexAllcolumn ul {
}

.indexAllcolumn ul li {
	width:310px;
	margin-left: 10px;
	vertical-align: middle;
	display: inline-block;
	border-top: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
	/* for ie*/
	*display: inline;
	*zoom: 1;
}

.indexAllcolumn ul li a {
	display: block;
	padding: 5px;
	min-height: 90px;
}

.indexAllcolumn ul li a:hover {
	text-decoration: none;
	background-color: #f7f7f7;
}

.indexAllcolumn ul li img{
	float:left;
	display: block;
}

.indexAllcolumn ul li p{
	color: #666;
	line-height: 1.5;
	margin-left: 100px;
}

.indexAllcolumn ul li p .title{
	font-weight:normal;
}

.indexAllcolumn ul li a:hover .title {
	color: #007d99;
	text-decoration: underline;
}

/*--- 2-1. トップ新着一覧 */

#area2 .indexLatest {
	margin-bottom:15px;
	display:block;
	clear:both;
}

.indexLatest h1,
.indexLatest h2,
.indexLatest h3 {
	font-size:128%;
	color: #666666;
	text-align: left;
	margin-bottom:10px;
	border-bottom: 1px solid #ccc;
	border-left: 10px solid #4fc9e1;
	position:relative;
}

.indexLatest h1 a,
.indexLatest h2 a,
.indexLatest h3 a {
	color: #666666;
	display: block;
	padding: 5px 0 5px 10px;
	background: url("../images/common/arrow_titlebg.png") no-repeat scroll 620px center transparent;
}

.indexLatest h1 a:hover,
.indexLatest h2 a:hover,
.indexLatest h3 a:hover {
	color: #4fc9e1;
	background: url("../images/common/arrow_titlebg_over.png") no-repeat scroll 620px center transparent;
	text-decoration: none;
}
.indexLatest:before, .indexLatest:after { content: ""; display: table; }
.indexLatest:after { clear: both; }
.indexLatest { zoom: 1; }

.indexLatest li {
	width:213px;
	margin: 0 8px 8px 0;
	vertical-align: top;
	border: 1px solid #efefef;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	/* for ie*/
	*
	display: inline;
	*
	zoom: 1;
	float: left;
	position: relative;
}

.indexLatest li:nth-of-type(3n) {
	margin-right: 0px;
}

	html>/**/body .indexLatest {
		margin /*\**/: 0 0 0 4px\9;
	}
	html>/**/body .indexLatest li {
		margin /*\**/: 0 3px 4px 0\9;
	}
	*+html .indexLatest li {
		margin: 0 3px 4px 0;
	}


.indexLatest li a {
	display: block;
	position: relative;
	min-height: 224px;
	max-height: 100%;
}

.indexLatest li a:hover {
	text-decoration: none;
	background-color: #f7f7f7;
}
.indexLatest li a:hover p {
	color: #007d99;
	text-decoration: underline;
}
.indexLatest li a:hover p .timestamp {
	color: #555;
	text-decoration: none;
}
.indexLatest li img{
	display: block;
	margin: 0 auto;
	padding: 4px 4px 10px;
	width:auto;
	height:auto;
	max-width: 100%;
	max-height:135px;
}

.indexLatest li p{
	color: #666;
	line-height: 1.2;
	margin: 0 5px;
}
.indexLatest li a p {
    height: 3rem;
    overflow: hidden;
}

.indexLatest li .subtitleProduct {
	font-size:85.71%;
	color:#fff;
	padding: 2px 5px;
	background-color:#105cb3;
	position: absolute;
	top: 128px;
	left: 10px;
}

.indexLatest li p .subtitleStory {
	font-size:85.71%;
	color:#fff;
	padding: 2px 5px;
	background-color:#eb4682;
	position: absolute;
	top: 128px;
	left: 10px;
}

.indexLatest li p .subtitleRace {
	font-size:85.71%;
	color:#fff;
	padding: 2px 5px;
	background-color:#616161;
	position: absolute;
	top: 128px;
	left: 10px;
}

.indexLatest li p .subtitleNewspaper {
	font-size:85.71%;
	color:#fff;
	padding: 2px 5px;
	background-color:#cfb900;
	position: absolute;
	top: 128px;
	left: 10px;
}

.indexLatest li p .subtitleEvents {
	font-size:85.71%;
	color:#fff;
	padding: 2px 5px;
	background-color:#00ab63;
	position: absolute;
	top: 128px;
	left: 10px;
}

.indexLatest li p .subtitleFeature,
.indexLatest li p .labelFeature {
	font-size: 85.71%;
	color: #fff;
	padding: 2px 5px;
	background-color: #ff8801;
	position: absolute;
	top: 128px;
	left: 10px;
}

.indexLatest li p .subtitleRensai,
.indexLatest li p .labelStory {
	font-size: 85.71%;
	color: #fff;
	padding: 2px 5px;
	background-color: #9ec400;
	position: absolute;
	top: 128px;
	left: 10px;
}

.indexLatest li p .title{
	font-weight:normal;
	display: block;
	height: 3.4em;
	overflow: hidden;
}

.indexLatest li a:hover .title {
	color: #007d99;
	text-decoration: underline;
}

.indexLatest li p .timestamp{
	display: block;
	position:absolute;
	bottom:0;
	right:10px;
	font-size: 85.71%;
	text-align: right;
	display: block;
	margin-top: 5px;
	padding-bottom: 5px;
}

.indexLatest li p .sponsored{
	font-size: 85.71%;
	padding: 0 5px 0;
	color: #fff;
	background-color: #333;
	-ms-filter: "alpha( opacity=80 )";
	filter: alpha( opacity=80 );
	opacity: 0.8;
	position: absolute;
	top: 4px;
	left: 4px;
	line-height: 1.2;
}

.indexLatest li p .sponsored2{
	font-size: 85.71%;
	padding: 0 5px;
	color: #666;
	background-color: #fff;
	border: 1px solid #ccc;
	position: absolute;
	bottom: 4px;
	left: 4px;
	letter-spacing: 2px;
}

.indexLatest p.linkTo{
	margin: 18px 0 30px;
	text-align: right;
}

.indexLatest p.linkTo a {
	color: #fff;
	background-color: #00829c;
	padding: 5px 24px;
}

/*--- 2-2. トップ特集 */

.indexFeature {
	width:213px;
	margin-bottom:15px;
	display:block;
	float: left;
}

.indexFeature h2 {
	font-size:128%;
	color: #666666;
	text-align: left;
	margin-bottom:10px;
	border-bottom: 1px solid #ccc;
	border-left: 10px solid #4fc9e1;
	padding: 5px 0 5px 10px;
}

.indexFeature ul li {
	width:213px;
	margin: 0 0 8px;
	vertical-align: middle;
	display: block;
	border: 1px solid #efefef;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
}

.indexFeature ul li a {
	display: block;
	position: relative;
}

.indexFeature ul li a:hover {
	text-decoration: none;
	background-color: #f7f7f7;
}

.indexFeature ul li img{
	display: block;
	padding: 4px 4px 15px;
}

.indexFeature ul li p{
	color: #666;
	line-height: 1.2;
	margin: 0 5px;
	padding-bottom: 5px;
}

.indexFeature ul li .subtitleProduct {
	font-size:85.71%;
	color:#fff;
	padding: 5px 5px 2px;
	background-color:#3c58b5;
	position: absolute;
	top: 128px;
	left: 10px;
}

.indexFeature ul li p .subtitleStory {
	font-size:85.71%;
	color:#fff;
	padding: 5px 5px 2px;
	background-color:#da4b38;
	position: absolute;
	top: 128px;
	left: 10px;
}

.indexFeature ul li p .subtitleRace {
	font-size:85.71%;
	color:#fff;
	padding: 5px 5px 2px;
	background-color:#666666;
	position: absolute;
	top: 128px;
	left: 10px;
}

.indexFeature ul li p .subtitleNewspaper {
	font-size:85.71%;
	color:#fff;
	padding: 5px 5px 2px;
	background-color:#d6bf00;
	position: absolute;
	top: 128px;
	left: 10px;
}

.indexFeature ul li p .subtitleEvents {
	font-size:85.71%;
	color:#fff;
	padding: 5px 5px 2px;
	background-color:#5fa662;
	position: absolute;
	top: 128px;
	left: 10px;
}

.indexFeature ul li p .subtitleFeature,
.indexFeature ul li p .labelFeature {
	font-size: 85.71%;
	color: #fff;
	padding: 5px 5px 2px;
	background-color: #e86f05;
	position: absolute;
	top: 128px;
	left: 10px;
}

.indexFeature ul li p .subtitleRensai,
.indexFeature ul li p .labelStory {
	font-size: 85.71%;
	color: #fff;
	padding: 5px 5px 2px;
	background-color: #b1dd00;
	position: absolute;
	top: 128px;
	left: 10px;
}

.indexFeature ul li p .title{
	font-weight:normal;
	display: block;
	height: 4.8em;
	overflow: hidden;
}

.indexFeature ul li a:hover .title {
	color: #007d99;
	text-decoration: underline;
}

.indexFeature ul li p .sponsored{
	font-size: 85.71%;
	padding: 0 5px 0;
	color: #fff;
	background-color: #333;
	-ms-filter: "alpha( opacity=80 )";
	filter: alpha( opacity=80 );
	opacity: 0.8;
	position: absolute;
	top: 4px;
	left: 4px;
	line-height: 1.2;
}

/*--- 2-3. トップピックアップ */

.indexPickup {
	width:434px;
	float: right;
	display: block;
	margin-bottom: 15px;
}

.indexPickup h2 {
	font-size:128%;
	color: #666666;
	text-align: left;
	margin-bottom:10px;
	border-bottom: 1px solid #ccc;
	border-left: 10px solid #4fc9e1;
	position:relative;
	padding: 5px 0 5px 10px;
}


.indexPickup ul {
}

.indexPickup ul li {
	display: block;
	margin-bottom: 5px;
}

.indexPickup ul li a {
	display: block;
	min-height: 74px;
	position: relative;
}

.indexPickup ul li a:hover {
	text-decoration: none;
	background-color: #f7f7f7;
}

.indexPickup ul li img{
	float:left;
	display: block;
	width: 74px;
}

.indexPickup ul li p{
	color: #666;
	line-height: 1.2;
	margin-left: 84px;
	min-height: 74px;

}

.indexPickup ul li .subtitleProduct {
	font-size:85.71%;
	color:#fff;
	padding: 5px 5px 2px;
	background-color:#3c58b5;
	display: inline-block;
	margin-top: 5px;
}

.indexPickup ul li p .subtitleStory {
	font-size:85.71%;
	color:#fff;
	padding: 5px 5px 2px;
	background-color:#da4b38;
	display: inline-block;
	margin-top: 5px;
}

.indexPickup ul li p .subtitleRace {
	font-size:85.71%;
	color:#fff;
	padding: 5px 5px 2px;
	background-color:#666666;
	display: inline-block;
	margin-top: 5px;
}

.indexPickup ul li p .subtitleNewspaper {
	font-size:85.71%;
	color:#fff;
	padding: 5px 5px 2px;
	background-color:#d6bf00;
	display: inline-block;
	margin-top: 5px;
}

.indexPickup ul li p .subtitleEvents {
	font-size:85.71%;
	color:#fff;
	padding: 5px 5px 2px;
	background-color:#5fa662;
	display: inline-block;
	margin-top: 5px;
}

.indexPickup ul li p .subtitleFeature,
.indexPickup ul li p .labelFeature {
	font-size: 85.71%;
	color: #fff;
	padding: 5px 5px 2px;
	background-color: #e86f05;
	display: inline-block;
	margin-top: 5px;
}

.indexPickup ul li p .subtitleRensai,
.indexPickup ul li p .labelStory {
	font-size: 85.71%;
	color: #fff;
	padding: 5px 5px 2px;
	background-color: #b1dd00;
	display: inline-block;
	margin-top: 5px;
}

.indexPickup ul li p .title{
	font-weight:normal;
	display: block;
	margin-top: 5px;
}

.indexPickup ul li a:hover .title {
	color: #007d99;
	text-decoration: underline;
}

.indexPickup ul li p .sponsored{
	font-size: 85.71%;
	padding: 0 5px 0;
	color: #fff;
	background-color: #333;
	-ms-filter: "alpha( opacity=80 )";
	filter: alpha( opacity=80 );
	opacity: 0.8;
	position: absolute;
	top: 0;
	left: 0;
	line-height: 1.2;
}


/*--- 2-4. ピックアップその他ページ */

.indexPickup2column {
	display: block;
	margin-bottom: 15px;
}

.indexPickup2column h2,
.indexPickup2column h3 {
	font-size:128%;
	color: #666666;
	text-align: left;
	margin-bottom:10px;
	border-bottom: 1px solid #ccc;
	border-left: 10px solid #4fc9e1;
	position:relative;
	padding: 5px 0 5px 10px;
}


.indexPickup2column ul {
}

.indexPickup2column ul li {
	display: inline-block;
	margin: 0 0 5px 2px;
	width: 49%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	*display: inline;
	*zoom: 1;
}

.indexPickup2column ul li a {
	display: block;
	padding: 5px;
	min-height: 74px;
	position: relative;
}

.indexPickup2column ul li a:hover {
	text-decoration: none;
	background-color: #f7f7f7;
}

.indexPickup2column ul li img{
	float:left;
	display: block;
	width: 74px;
}

.indexPickup2column ul li p{
	color: #666;
	line-height: 1.2;
	margin-left: 84px;
	min-height: 74px;

}

.indexPickup2column ul li .subtitleProduct {
	font-size:85.71%;
	color:#fff;
	padding: 5px 5px 2px;
	background-color:#3c58b5;
	display: inline-block;
}

.indexPickup2column ul li p .subtitleStory {
	font-size:85.71%;
	color:#fff;
	padding: 5px 5px 2px;
	background-color:#da4b38;
	display: inline-block;
}

.indexPickup2column ul li p .subtitleRace {
	font-size:85.71%;
	color:#fff;
	padding: 5px 5px 2px;
	background-color:#666666;
	display: inline-block;
}

.indexPickup2column ul li p .subtitleNewspaper {
	font-size:85.71%;
	color:#fff;
	padding: 5px 5px 2px;
	background-color:#d6bf00;
	display: inline-block;
}

.indexPickup2column ul li p .subtitleEvents {
	font-size:85.71%;
	color:#fff;
	padding: 5px 5px 2px;
	background-color:#5fa662;
	display: inline-block;
}

.indexPickup2column ul li p .subtitleFeature,
.indexPickup2column ul li p .labelFeature {
	font-size: 85.71%;
	color: #fff;
	padding: 5px 5px 2px;
	background-color: #e86f05;
	display: inline-block;
}

.indexPickup2column ul li p .subtitleRensai,
.indexPickup2column ul li p .labelStory {
	font-size: 85.71%;
	color: #fff;
	padding: 5px 5px 2px;
	background-color: #b1dd00;
	display: inline-block;
}

.indexPickup2column ul li p .title{
	font-weight:normal;
	display: block;
	margin-top: 5px;
	height: 3.4em;
	overflow: hidden;
}

.indexPickup2column ul li a:hover .title {
	color: #007d99;
	text-decoration: underline;
}

.indexPickup2column ul li p .sponsored {
	font-size: 85.71%;
	padding: 0 5px 0;
	color: #fff;
	background-color: #333;
	-ms-filter: "alpha( opacity=80 )";
	filter: alpha( opacity=80 );
	opacity: 0.8;
	position: absolute;
	top: 5px;
	left: 5px;
	line-height: 1.2;
}

/* --------------------------------------------
1. module styles
--------------------------------------------*/

/* ===== 1-1. top news slider (iDangerous swiper) ====================================================================== */
.slider {
	margin-bottom: 15px;
	border: 1px solid #333;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;

}
.device {
	background-color: #333;
	margin: 0 auto;
	position: relative;
}
.device .arrow-left {
	background: url(../images/common/icon_arrowbg_s_prev.png) #191919 no-repeat center center;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 45px;
	height: 30px;
	z-index: 9999;
}

.device .arrow-right {
	background: url(../images/common/icon_arrowbg_s_next.png) #191919 no-repeat center center;
	position: absolute;
	left: 195px;
	bottom: 0;
	width: 45px;
	height: 30px;
	z-index: 9999;
}

.device .swiper-container {
	height: 277px;
	width: 655px;
	margin:0 0 ;
	position:relative;
	overflow:hidden;
	-webkit-backface-visibility:hidden;
	-moz-backface-visibility:hidden;
	-ms-backface-visibility:hidden;
	-o-backface-visibility:hidden;
	backface-visibility:hidden;
	/* Fix of Webkit flickering */
	z-index:1;
}
.device .swiper-wrapper {
	position:relative;
	width:100%;
	-webkit-transition-property:-webkit-transform, left, top;
	-webkit-transition-duration:0s;
	-webkit-transform:translate3d(0px,0,0);
	-webkit-transition-timing-function:ease;
	-moz-transition-property:-moz-transform, left, top;
	-moz-transition-duration:0s;
	-moz-transform:translate3d(0px,0,0);
	-moz-transition-timing-function:ease;
	-o-transition-property:-o-transform, left, top;
	-o-transition-duration:0s;
	-o-transform:translate3d(0px,0,0);
	-o-transition-timing-function:ease;
	-o-transform:translate(0px,0px);
	-ms-transition-property:-ms-transform, left, top;
	-ms-transition-duration:0s;
	-ms-transform:translate3d(0px,0,0);
	-ms-transition-timing-function:ease;
	transition-property:transform, left, top;
	transition-duration:0s;
	transform:translate3d(0px,0,0);
	transition-timing-function:ease;
}
.device .swiper-free-mode > .swiper-wrapper {
	-webkit-transition-timing-function: ease-out;
	-moz-transition-timing-function: ease-out;
	-ms-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	margin: 0 auto;
}
.device .swiper-slide {
	float: left;
}
.device .swiper-slide a {
	display:block;
	position: relative;
	text-align: right;
}
/*ad用*/.device .swiper-slide.ad a{background: #437299;}


.device .swiper-slide img {
	width: 415px;
}
.device .swiper-slide p {
	color: #fff;
	text-align: left;
	line-height: 1.25;
	width: 240px;
	height: 280px;
	overflow: hidden;
	margin: 0;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	position: absolute;
	top: 0;
	left: 0;
}
.device .swiper-slide p span.subtitle {
	display: block;
	margin: 10px;
	font-size: 85.71%;
}

.device .swiper-slide p span.title {
	display: block;
	margin: 10px;
	font-size: 142%;
}

.device .swiper-slide p span.lead {
	display: block;
	margin: 10px;
}

.device .swiper-slide p span.sponsored {
	font-size: 85.71%;
	margin: 0 10px;
	padding: 0 5px;
	background-color: #444;
	letter-spacing: 2px;
	line-height: 1.2;

}
/*ad用*/.device .swiper-slide.ad p span.sponsored {
	padding: 8px 20px;
	background-color: #404552;
	color: #fff;
	font-weight:bold;
}

.device .pagination {
	background-color: #292929;
	position: absolute;
	left: 0;
	bottom: 0px;
	text-align: center;
	width: 240px;
	height:30px;
	vertical-align:middle;
	z-index: 1;
}

.device .swiper-pagination-switch {
	display: inline-block;
	width: 8px;
	height: 8px;
	background: url(../images/common/icon_topslider_off.png) no-repeat center center;
	margin: 0 3px;
	cursor: pointer;
	margin-top:12px;
}

.device .swiper-active-switch {
	background: url(../images/common/icon_topslider_on.png) no-repeat center center;
	margin-top:12px;
}

/* --------------------------------------------
2015.05 cycletalk add
--------------------------------------------*/
/*--- 2-3. トップサイクルトーク */

.modCycletalk {
	margin:15px 0;
	border-top: 2px solid #ff7500;
	position: relative;
}

.modCycletalk h2 {
	font-size:128%;
	line-height: 34px;
	color: #666666;
	text-align: left;
	position: absolute;
	top: -18px;
	padding: 0;
	background-color: #fff;
	margin-bottom:10px;
}

.modCycletalk h2 a {
	color: #666666;
	display: block;
	padding: 0 15px 0 44px;
	background: url("../images/common/icon_cycletalk_wh.png") no-repeat scroll left center transparent;
}

.modCycletalk h2 a:hover {
	text-decoration: none;
}

#area1 .modCycletalk .topicnTalk {
	margin: 30px 0 0;
	display: block;
}

#area1 .modCycletalk .topicnTalk .ct_topic {
	width:320px;
	margin: 0;
	vertical-align: top;
	display: block;
	float: left;
	line-height: 1.4;
}

#area1 .modCycletalk .topicnTalk .ct_topic p {
	color: #666;
	margin: 0 5px;
}

#area1 .modCycletalk .topicnTalk .title {
	font-size:128%;
	font-weight:normal;
	display: block;
	margin-bottom: 15px;
	position: relative;
	padding: 10px;
	width: 100%;
	color: #fff;
	background: #fff;
	border-radius: 6px 6px 6px 6px;
	-moz-border-radius: 6px 6px 6px 6px;
	-webkit-border-radius: 6px 6px 6px 6px;
	border: 3px solid #ff7500;
	z-index: 0;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
}

#area1 .modCycletalk .topicnTalk .title:before {
	content: "";
	position: absolute;
	bottom: -8px; left: 20px;
	margin-left: -9px;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 9px 9px 0 9px;
	border-color: #fff transparent transparent transparent;
	z-index: 0;
}

#area1 .modCycletalk .topicnTalk .title:after {
	content: "";
	position: absolute;
	bottom: -12px; left: 20px;
	margin-left: -10px;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 10px 10px 0 10px;
	border-color: #ff7500 transparent transparent transparent;
	z-index: -1;
}

#area1 .modCycletalk .topicnTalk .title a {
	color: #333;
}

#area1 .modCycletalk .topicnTalk .title a:hover {
	color: #ff7500;
	text-decoration: underline;
}

#area1 .modCycletalk .topicnTalk .ct_topic .lead {
	color: #666;
	font-size: 85.71%;
	display: block;
	max-height: 85px;
	overflow: hidden;
}

#area1 .modCycletalk .topicnTalk .ct_topic .photo {
	display: block;
	margin-bottom: 5px;
}

#area1 .modCycletalk .topicnTalk .ct_topic .photo a {
	display: block;
	border: 1px solid #efefef;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
}

#area1 .modCycletalk .topicnTalk .ct_topic .photo a:hover {
	text-decoration: none;
	background-color: #f7f7f7;
}

#area1 .modCycletalk .topicnTalk .ct_topic .photo img {
	display: block;
	margin: 0 auto;
	padding: 4px;
}

#area1 .modCycletalk .topicnTalk ul.ct_talk {
	width:320px;
	margin: 0 0 0 10px;
	vertical-align: top;
	display: block;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	float: left;
}

#area1 .modCycletalk .topicnTalk ul.ct_talk li {
	display: block;
	margin-bottom: 12px;
	position: relative;
	padding: 5px;
	width: 100%;
	color: #fff;
	background-color: #fff2d9;
	border: 1px solid #fff2d9;
	z-index: 0;
	border-radius: 6px 6px 6px 6px;
	-moz-border-radius: 6px 6px 6px 6px;
	-webkit-border-radius: 6px 6px 6px 6px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
}

#area1 .modCycletalk .topicnTalk ul.ct_talk li:before {
	content: "";
	position: absolute;
	bottom: -9px; right: 20px;
	margin-left: -9px;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 9px 9px 0 9px;
	border-color: #fff2d9 transparent transparent transparent;
	z-index: 0;
}

#area1 .modCycletalk .topicnTalk ul.ct_talk li:after {
	content: "";
	position: absolute;
	bottom: -10px; right: 19px;
	margin-left: -10px;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 10px 10px 0 10px;
	border-color: #fff7e5 transparent transparent transparent;
	z-index: -1;
}

#area1 .modCycletalk .topicnTalk ul.ct_talk li .user {
	margin: 0 5px 0 0;
	text-align: center;
	width: 70px;
	float: left;
	display: block;
}

#area1 .modCycletalk .topicnTalk ul.ct_talk li div .photo {
	display: block;
	border-radius: 25px;
	width: 50px;
	height:50px;
	overflow: hidden;
	margin: 0 auto 5px;
	text-align: center;
}

#area1 .modCycletalk .topicnTalk ul.ct_talk li div .photo img {
	max-wide:50px;
	max-height:50px;
}

#area1 .modCycletalk .topicnTalk ul.ct_talk li div span.name {
	font-size: 71.42%;
	display: block;
	margin: 0 5px 5px;
	line-height: 1.2;
	color: #666;
}

#area1 .modCycletalk .topicnTalk ul.ct_talk li p {
	color: #666;
	font-size: 85.71%;
}

#area1 .modCycletalk .topicnTalk ul.ct_talk li p .comment {
	display: block;
	max-height: 50px;
	overflow: hidden;
}

#area1 .modCycletalk .topicnTalk ul.ct_talk li p .timestamp {
	color: #666;
	display: block;
	margin-bottom: 5px;
	text-align: right;
	position: absolute;
	bottom: 0px; right: 10px;
}

#area1 .modCycletalk p.linkTo {
	display: inline-block;
	float: right;
	margin: 15px 0;
	text-align: right;
}

#area1 .modCycletalk p.linkTo a {
	color: #fff;
	background-color: #ff7500;
	padding: 5px 24px;
}


/*--- 2-3-1. サイクルトーク右カラム */

#area2 .modCycletalk {
	margin:30px 0 15px;
}

#area2 .modCycletalk .topicnTalk {
	margin: 30px 0 0;
	display: block;
}

#area2 .modCycletalk .topicnTalk .ct_topic {
	margin: 0;
	vertical-align: top;
	display: block;
	line-height: 1.4;
}

#area2 .modCycletalk .topicnTalk .ct_topic p {
	color: #666;
	margin: 0 5px;
}

#area2 .modCycletalk .topicnTalk .title {
	font-size:128%;
	font-weight:normal;
	display: block;
	margin-bottom: 15px;
	position: relative;
	padding: 10px;
	width: 100%;
	color: #fff;
	background: #fff;
	border-radius: 6px 6px 6px 6px;
	-moz-border-radius: 6px 6px 6px 6px;
	-webkit-border-radius: 6px 6px 6px 6px;
	border: 3px solid #ff7500;
	z-index: 0;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
}

#area2 .modCycletalk .topicnTalk .title:before {
	content: "";
	position: absolute;
	bottom: -8px; left: 20px;
	margin-left: -9px;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 9px 9px 0 9px;
	border-color: #fff transparent transparent transparent;
	z-index: 0;
}

#area2 .modCycletalk .topicnTalk .title:after {
	content: "";
	position: absolute;
	bottom: -12px; left: 20px;
	margin-left: -10px;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 10px 10px 0 10px;
	border-color: #ff7500 transparent transparent transparent;
	z-index: -1;
}

#area2 .modCycletalk .topicnTalk .title a {
	color: #333;
}

#area2 .modCycletalk .topicnTalk .title a:hover {
	color: #ff7500;
	text-decoration: underline;
}

#area2 .modCycletalk .topicnTalk .ct_topic .lead {
	color: #666;
	font-size: 85.71%;
	display: block;
	margin-bottom: 10px;
	max-height: 85px;
	overflow: hidden;
}

#area2 .modCycletalk .topicnTalk .ct_topic .photo {
	display: block;
	margin-bottom: 5px;
}

#area2 .modCycletalk .topicnTalk .ct_topic .photo a {
	display: block;
	border: 1px solid #efefef;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
}

#area2 .modCycletalk .topicnTalk .ct_topic .photo a:hover {
	text-decoration: none;
	background-color: #f7f7f7;
}

#area2 .modCycletalk .topicnTalk .ct_topic .photo img {
	display: block;
	margin: 0 auto;
	padding: 4px;
	max-width: 290px;
}

#area2 .modCycletalk .topicnTalk ul.ct_talk {
	vertical-align: top;
	display: block;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
}

#area2 .modCycletalk .topicnTalk ul.ct_talk li {
	display: block;
	margin-bottom: 12px;
	position: relative;
	padding: 5px;
	width: 100%;
	color: #fff;
	background-color: #fff2d9;
	border: 1px solid #fff2d9;
	z-index: 0;
	border-radius: 6px 6px 6px 6px;
	-moz-border-radius: 6px 6px 6px 6px;
	-webkit-border-radius: 6px 6px 6px 6px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
}

#area2 .modCycletalk .topicnTalk ul.ct_talk li:before {
	content: "";
	position: absolute;
	bottom: -9px; right: 20px;
	margin-left: -9px;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 9px 9px 0 9px;
	border-color: #fff2d9 transparent transparent transparent;
	z-index: 0;
}

#area2 .modCycletalk .topicnTalk ul.ct_talk li:after {
	content: "";
	position: absolute;
	bottom: -10px; right: 19px;
	margin-left: -10px;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 10px 10px 0 10px;
	border-color: #fff7e5 transparent transparent transparent;
	z-index: -1;
}

#area2 .modCycletalk .topicnTalk ul.ct_talk li .user {
	margin: 0 5px 0 0;
	text-align: center;
	width: 70px;
	float: left;
	display: block;
}

#area2 .modCycletalk .topicnTalk ul.ct_talk li div .photo {
	display: block;
	border-radius: 25px;
	width: 50px;
	height:50px;
	overflow: hidden;
	margin: 0 auto 5px;
	text-align: center;
}

#area2 .modCycletalk .topicnTalk ul.ct_talk li div .photo img {
	max-wide:50px;
	max-height:50px;
}

#area2 .modCycletalk .topicnTalk ul.ct_talk li div span.name {
	font-size: 71.42%;
	display: block;
	margin: 0 5px 5px;
	line-height: 1.2;
	color: #666;
}

#area2 .modCycletalk .topicnTalk ul.ct_talk li p {
	color: #666;
	font-size: 85.71%;
}

#area2 .modCycletalk .topicnTalk ul.ct_talk li p .comment {
	display: block;
	max-height: 50px;
	overflow: hidden;
}

#area2 .modCycletalk .topicnTalk ul.ct_talk li p .timestamp {
	color: #666;
	display: block;
	margin-bottom: 5px;
	text-align: right;
	position: absolute;
	bottom: 0px; right: 10px;
}


#area2 .modCycletalk p.linkTo {
	display: inline-block;
	float: right;
	margin: 15px 0;
	text-align: right;
}

#area2 .modCycletalk p.linkTo a {
	color: #fff;
	background-color: #ff7500;
	padding: 5px 24px;
}

/*--- 2-4. サイクルトーク記事内ディスカッション */

.modCycletalkDiscuss {
	margin:30px 0 15px;
	border-top: 2px solid #ff7500;
	position: relative;
}

.modCycletalkDiscuss h2 {
	font-size:128%;
	line-height: 34px;
	color: #666666;
	text-align: left;
	position: absolute;
	top: -18px;
	padding: 0;
	background-color: #fff;
	margin: 0 15px 10px 0;
}

.modCycletalkDiscuss h2 a,
.modCycletalkDiscuss h2 span {
	color: #666666;
	display: block;
	min-height: 34px;
	line-height: 20px;
	padding: 10px 15px 10px 44px;
	background: url("../images/common/icon_cycletalk_wh.png") no-repeat scroll left top transparent;
}

#area1 .modCycletalkDiscuss .topicnTalk {
	margin: 45px 0 0;
	display: block;
}

#area1 .modCycletalkDiscuss .topicnTalk ul.ct_talk {
	margin: 0 0 0 10px;
	vertical-align: top;
	display: block;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
}

#area1 .modCycletalkDiscuss .topicnTalk ul.ct_talk li {
	display: block;
	margin-bottom: 12px;
	position: relative;
	padding: 10px 10px 10px 0;
	width: 100%;
	color: #fff;
	background-color: #fff;
	border: 3px solid #fff2d9;
	z-index: 0;
	border-radius: 6px 6px 6px 6px;
	-moz-border-radius: 6px 6px 6px 6px;
	-webkit-border-radius: 6px 6px 6px 6px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
}

#area1 .modCycletalkDiscuss .topicnTalk ul.ct_talk li:before {
	content: "";
	position: absolute;
	bottom: 23px; right: -7px;
	margin-top: -9px;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 7px 0 7px 7px;
	border-color: transparent transparent transparent #fff;
	z-index: 0;
}

#area1 .modCycletalkDiscuss .topicnTalk ul.ct_talk li:after {
	content: "";
	position: absolute;
	bottom: 20px; right: -12px;
	margin-top: -10px;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 10px 0 10px 10px;
	border-color: transparent transparent transparent  #fff2d9;
	z-index: -1;
}

#area1 .modCycletalkDiscuss .topicnTalk ul.ct_talk li .user {
	margin: 0 15px;
	text-align: center;
	width: 100px;
	display: table-cell;
}

#area1 .modCycletalkDiscuss .topicnTalk ul.ct_talk li div .photo {
	display: block;
	border-radius: 25px;
	width: 50px;
	height:50px;
	overflow: hidden;
	margin: 0 auto 15px;
	text-align: center;
}

#area1 .modCycletalkDiscuss .topicnTalk ul.ct_talk li div .photo img {
	max-wide:50px;
	max-height:50px;
}

#area1 .modCycletalkDiscuss .topicnTalk ul.ct_talk li div span.name {
	font-size: 71.42%;
	display: block;
	line-height: 1.2;
	margin: 0 10px;
	color: #666;
}

#area1 .modCycletalkDiscuss .topicnTalk ul.ct_talk li p {
	color: #666;
	display: table-cell;
	vertical-align: top;
}

#area1 .modCycletalkDiscuss .topicnTalk ul.ct_talk li div .userphoto {
	display: block;
	margin: 0 auto 15px;
	text-align: center;
}

#area1 .modCycletalkDiscuss .topicnTalk ul.ct_talk li p .comment {
	display: block;
	padding-bottom: 20px;
}

#area1 .modCycletalkDiscuss .topicnTalk ul.ct_talk li p .timestamp {
	font-size: 85.71%;
	color: #666;
	display: block;
	margin-bottom: 5px;
	text-align: right;
	position: absolute;
	bottom: 10px;
	right: 20px;
}

#area1 .modCycletalkDiscuss p.linkTo {
	display: inline-block;
	float: right;
	margin: 15px 0;
	text-align: right;
}

#area1 .modCycletalkDiscuss p.linkTo a {
	color: #fff;
	background-color: #ff7500;
	padding: 5px 24px;
}

#disqus_thread {
	margin-top: 40px;
}

/*--- 2-5. サイクルトーク記事内引用モジュール */


#area1 .quoteTalk {
	display: block;
	margin-bottom: 15px;
	position: relative;
	padding: 10px;
	color: #fff;
	background: #fff;
	border-radius: 6px 6px 6px 6px;
	-moz-border-radius: 6px 6px 6px 6px;
	-webkit-border-radius: 6px 6px 6px 6px;
	border: 3px solid #00829c;
	z-index: 0;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
}

#area1 .quoteTalk:before {
	content: "";
	position: absolute;
	bottom: -8px; right: 20px;
	margin-left: -9px;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 9px 9px 0 9px;
	border-color: #fff transparent transparent transparent;
	z-index: 0;
}

#area1 .quoteTalk:after {
	content: "";
	position: absolute;
	bottom: -12px; right: 20px;
	margin-left: -10px;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 10px 10px 0 10px;
	border-color: #00829c transparent transparent transparent;
	z-index: -1;
}


#area1 .quoteTalk .topicnTalk .ct_topic {
	display: block;
}

#area1 .quoteTalk .topicnTalk .ct_topic p {
	color: #666;
	margin: 0 5px;
}

#area1 .quoteTalk .topicnTalk .title {
	font-weight:bold;
	margin-bottom: 10px;
	line-height: 1.4;
	display: block;
}


#area1 .quoteTalk .topicnTalk .title a:hover {
	text-decoration: underline;
}

#area1 .quoteTalk .topicnTalk .title .subtitle {
	font-size:12px;
	font-weight:normal;
	margin-bottom: 5px;
	display: block;
}


#area1 .quoteTalk .topicnTalk .ct_topic .lead {
	color: #666;
}

#area1 .quoteTalk .topicnTalk .ct_topic .photo {
	display: inline-block;
	float: left;
	margin: 0 15px 5px 0;
	height: auto;
	width: auto;
}

#area1 .quoteTalk p.linkTo {
	font-size: 85.71%;
	display: inline-block;
	float: right;
	margin: 5px 0 0;
	text-align: right;
}

#area1 .quoteTalk p.linkTo a {
	color: #fff;
	background-color: #00829c;
	padding: 5px 24px;
}



/* --------------------------------------------
2016.03 ranking Widget
--------------------------------------------*/
#area2 #rankingWidget{margin-bottom: 10px;}
#area2 #rankingWidget h1{padding: 5px 0 5px 10px;}
#area2 #rankingWidget ol{border:1px solid #f2f2f2;}

/* -- list */
#area2 #rankingWidget li{border-bottom:1px solid #f2f2f2;}
#area2 #rankingWidget li:last-child{border-bottom:0;}
#area2 #rankingWidget li a{display:block;padding:6px;text-decoration: none;}

#area2 #rankingWidget ol li span.title{display:block;margin-left:30px;}
#area2 #rankingWidget ol li span.rank-image {
	display:block;
	float: left;
	width: 20px;
	height: 22px;
	font-size: 0;
	vertical-align: middle;
}
#area2 #rankingWidget ol li span.rank-image.rank1 {
	background: url(../images/common/icon_list_rank1.png) center center no-repeat;}
#area2 #rankingWidget ol li span.rank-image.rank2 {
	background: url(../images/common/icon_list_rank2.png) center center no-repeat;}
#area2 #rankingWidget ol li span.rank-image.rank3 {
	background: url(../images/common/icon_list_rank3.png) center center no-repeat;}
#area2 #rankingWidget ol li span.rank-image.rank4 {
	background: url(../images/common/icon_list_rank4.png) center center no-repeat;}
#area2 #rankingWidget ol li span.rank-image.rank5 {
	background: url(../images/common/icon_list_rank5.png) center center no-repeat;}

/* -- status */
#area2 #rankingWidget ol li .status {
	display: block;
	margin: 0;
	padding: 0 0 0 26px;
	font-size: 85.71%;
}
#area2 #rankingWidget ol li .status dd {
	display: inline-block;
	min-width: 46px;
	text-align: right;
}

#area2 #rankingWidget ol li .status dd {
	margin-left:3px;
	display: inline;
	zoom: 1;
	color:#666;
}

#area2 #rankingWidget ol li .status dd.tw {
	padding: 2px 5px 2px 20px ;
	background: url(../images/common/icon_rankingStatus_tw.png) #fff 5px center no-repeat;
	background-size: 12px 12px;
}

#area2 #rankingWidget ol li .status dd.fb {
	padding: 2px 5px 2px 20px ;
	background: url(../images/common/icon_rankingStatus_fb.png) #fff 5px center no-repeat;
	background-size: 12px 12px;
}



/* --------------------------------------------
2017.01 SBAA video page
--------------------------------------------*/
    .videoHeader {
        margin-bottom: 15px;
    }

    .videoRead {
        font-size: .95rem;
        line-height: 1.3;
        border-left: 1px solid #999999;
        padding-left: 10px;
    }

    .videoTitle {
        font-size: 1.5rem;
        line-height: 1.3;
        color: #999999;
        margin: 45px auto 15px;
    }

    .VideoBacknumber .movieTitle {
        margin: 45px auto 15px;
    }

    /* 新着動画 */
    .newVideo .wrap {
        border: 1px solid #cccccc;
        height: 315px;
        position: relative;
        margin-bottom: 25px;
    }

    .newVideo .video {
        margin-right: 15px;
        float: left;
    }

    .newVideo .thema {
        margin: 10px auto;
        font-size: .95rem;
        line-height: 1.3;
        color: #009900;
        margin-bottom: 25px;
    }

    .newVideo .thema span {
        color: #666666;
        display: block;
        margin-bottom: 5px;
    }

    .newVideo .btn a {
        display: block;
        position: absolute;
        bottom: 10px;
        right: 10px;
        padding: 10px 30px 10px 10px;
        color: #fff;
        background: #111 url(../images/common/icon_w_sbaaVideo.png)95% center no-repeat;
    }

    .thema_number {
        font-size: 1.2rem;
        line-height: 1.4;
    }

/* 動画バックナンバー */

        .VideoBacknumber .wrap h1 {
            color: #009900;
            font-size: 1.2rem;
            margin: 20px 0 15px;
        }

        .VideoBacknumber .wrap h1 span {
            background: #009900;
            color: #fff;
            padding: 0 6px;
            margin-right: 10px;
        }

        .VideoBacknumber .wrap {
            margin-bottom: 45px;
        }

        .VideoBacknumber .wrap ul {
            margin-bottom: 15px;
        }

        .VideoBacknumber .wrap li {
            border: 1px solid #cccccc;
            position: relative;
            margin-bottom: 15px;
            width: 476px;
            float: left;
        }

        .VideoBacknumber .wrap li:nth-child(odd) {
            margin-right: 14px;
        }

        .VideoBacknumber .wrap li .video,
        .videoModule .video {
            position: relative;
            height: 0;
            width: 100%;
            padding-bottom: 56.25%;
            margin-bottom: 10px;
        }

        .VideoBacknumber .wrap li .video iframe,
        .videoModule .video iframe {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
        }

        .VideoBacknumber .wrap .thema {
            margin: 10px auto;
            font-size: .95rem;
            line-height: 1.3;
            color: #009900;
            margin-bottom: 25px;
        }

        .VideoBacknumber .wrap .thema_number span {
            color: #009900;
            display: block;
            margin-bottom: 5px;
            border: 1px solid #009900;
            width: 100px;
            text-align: center;
            -webkit-border-radius: 2px;
            -moz-border-radius: 2px;
            border-radius: 2px;
            font-size: .85em;
            padding: 3px;
            margin-bottom: 10px;
        }

        .VideoBacknumber .wrap .thema_number {
            font-size: .95rem;
            line-height: 1.3;
            margin: 10px;
        }

        .VideoBacknumber .wrap .btn {
            text-align: right;
        }

        .VideoBacknumber .wrap .btn a {
            padding: 10px 30px 10px 10px;
            color: #111;
            background: #F3CF09 url(../images/common/icon_sbaaVideo.png)95% center no-repeat;
        }

/* 動画モジュール */
.videoModule .wrap{background: #F5F5F5;}
        .videoModule .title{
            margin: 10px;
            font-size: .95rem;
            line-height: 1.3;
}
        .videoModule .btn a {
            display: block;
            padding: 10px 30px 10px 10px;
            color: #111;
            width: 100px;
            background: #F3CF09 url(../images/common/icon_sbaaVideo.png)95% center no-repeat;
            float: right;
        }


/* --------------------------------------------
2017.4.21 イベント情報枠
--------------------------------------------*/

section.eventArea {margin:0 15px 10px;}
section.eventArea h3 {background: url(../images/common/bg_title_red.png) 0 50% repeat-x;}

section.eventArea h3 span {
	font-size:114.3%;
	font-weight:bold;
	line-height: 1.5em;
	margin-left: 15px;
	background-color:#fff;
	padding:5px 10px;
}

.eventBanner {
    float: left;
    margin-right: 10px;
    margin-bottom: 15px;
}

.eventTextarea {margin-left: 200px;line-height: 1.3;}

.eventTextarea .eventTitle {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 5px;
}

.eventTextarea .eventText {
    color: #444444;
    margin-bottom: 10px;
    font-size: 12px;
}

.eventTextarea .att,
.eventTextarea .txt{
padding: 2px 5px 0px!important;
font-size: 12px!important;
background: none;
}

.eventTextarea .att {
    color: #f00 !important;
    font-weight: bold;
    border: 1px solid #f00;
    text-align: center;
    display: inline-block;
    border-radius: 3px;
    margin: 0 10px 5px 0;
}
.eventTextarea .att span,
.eventTextarea .txt span,
.eventText span{
background: none;
padding:0;
}
.eventTextarea .txt{
color: #666 !important;
}

/* --------------------------------------------
2017.8.31 and検索
--------------------------------------------*/
.categoryBox {
	background: #f7f7f7;
	border: 1px solid #f0f0f0;
	padding: 15px 15px 0;
	margin-top: 15px;
	margin-bottom: 15px;
}
.categoryBox ul{
	margin-bottom: 15px;
    line-height: 1.6;
}
.categoryBox .searchTitle{
	margin-bottom: 7px;
	font-size: 1rem;
}
.categoryBox li{
	display: inline-block;
	margin-right: 6px;
	width: auto !important;
	border: none !important;
}
.categoryBox li a{
}
.categoryBox li:after{
	content: "/";
    color: #ccc;
    margin: 0 0px 0 7px;
}
.categoryBox .searchTitle:before {
	font-family: FontAwesome;
	content: "\f002";
	padding-right : 3px; color: #666666;
}