@charset "utf-8";

/* INITIALIZE ++++++++++++ */

#timeline #primary section#attentionAuth li .contents .button.button_check_not_follower a {
    background: #3faee2 !important;
    border: none !important;
    color: #fff !important;
}

#testWrapper {
    overflow: hidden !important;
}

#timeline section ol{
	display: none;
}

.witdh_follow {
    width: auto !important;
}

.flex-viewport{
	height: auto;
	max-height: auto;
}

.flexslider{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.contents.cf .flex-direction-nav a{
	opacity: 0.8 !important;
	-webkit-border-radius: 38px;
	-moz-border-radius: 38px;
	border-radius: 38px;
}

.contents.cf .flex-direction-nav a:hover{
	opacity: 1 !important;
	-webkit-border-radius: 38px;
	-moz-border-radius: 38px;
	border-radius: 38px;
	background: rgba(200,255,255,0.5);
}

.contents.cf .flex-direction-nav a:before{
	background: transparent url("./images/arrow4sp.png") 0 0 no-repeat !important;
	opacity: 1 !important;
}

.contents .flex-direction-nav a.flex-prev:before{
	background-position: 0 -38px !important;
}

.contents .flex-direction-nav a.flex-next:before{
	background-position: 0 0 !important;
}

.flexslider:hover .flex-direction-nav .flex-prev {
  left: -4px !important;
}

.flexslider:hover .flex-direction-nav .flex-next {
  right: -4px !important;
}

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

	.contents.cf .flex-direction-nav a{
		opacity: 0.9 !important;
	}

  .flex-direction-nav .flex-prev {
    left: -4px !important;
  }
  .flex-direction-nav .flex-next {
    right: -4px !important;
  }
}


/* INITIALIZE ++++++++++++ */

body{
		min-width: 320px;
}

/* total width:1140px */
/* flex= flex-grow、flex-shrink、flex-basis */
#timeline{
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row;
	flex-flow: row;
}

#timeline #secondary{
	/* display: block; */
	vertical-align: top;
	width: 232px;
	border-right: 36px solid transparent;
      -webkit-flex: 0 1 232px;
      flex: 0 1 232px;
	-webkit-order: -1;
	order: -1;
}/* w268 */

#timeline #primary{
	/* display: block; */
	vertical-align: top;
	/* width: 872px; */
	width: 100%;
	max-width: 872px;
	-webkit-order: 0;
	order: 0;
	
}

#timeline #primary header.root{
	height: 36px;
}

#timeline #primary header.root h1{
	display: table;
	height: 36px;
	/* width: 100%; */
	font-size: 16px;
}

#timeline #primary header.root h1 i.root,
#timeline #primary header.root h1 span
{
	display: table-cell;
	vertical-align: middle;
}

#timeline #primary header.root h1 i.root{
	padding-right: 8px;
	color: #3faee2;
}

#timeline #primary header.root h1 span{
	padding-right: 8px;
}

#timeline #primary header.root h1 span a{
	text-decoration: none;
}

#timeline #primary header.root h1 span.text{
	font-weight: bold;
}

#timeline #primary header.root h1 span:last-child{
	line-height: 8px;
}

/* #timeline #primary section footer.report a em.button, */
#timeline #primary header.root h1 a.button em{
	padding: 2px 4px;
	font-size: 10px;
	background: #fff;
	border: #999 solid 1px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#timeline #primary header.root h1 a.button em i{
	display: inline;
	padding-left: 4px;
}

#timeline #primary section{
	margin-bottom: 8px;
}

#timeline #primary section#attention,
#timeline #primary section#new{
	/* display: table; */
	width: 100%;
	height: auto;
	overflow: hidden;
}

#timeline #primary section#attention:after,
#timeline #primary section#new:after{
	content:" ";
	height: 0;
	display: block;
	clear: both;
}

#timeline #primary section#attentionClm li .contents .image{
	width: 100%;
}

#timeline #primary section#attention li,
#timeline #primary section#new li{
	/* display: table-cell; */
	display: block;
	float: left;
	margin: 0;
	margin-right: 1.33%;
	padding: 0;
	/* width: 212px; */
	width: 24%;
	max-width: 212px;
	border: none;
	/* border-right: 8px solid transparent; */
}


#timeline #primary section#attention li:last-child,
#timeline #primary section#new li:last-child{
	margin-right: 0;
}

/* 0611 修正 */
/* COLLECTION & COLUMN ++++++++ */

#timeline #primary section#attentionClc,
#timeline #primary section#attentionClm{
	position: relative;
	z-index: 111;
	width: 100%;
	/* height: 200px; */
	overflow: hidden;
}

#timeline #primary section#attentionClc>.wrapper,
#timeline #primary section#attentionClm>.wrapper{
	position: absolute;
	z-index: 111;
	left: 0;
	top: 0;
	width: 1030px;
	height: 198px;
}

#timeline #primary section#attentionClc>.wrapper:after,
#timeline #primary section#attentionClm>.wrapper:after,
#timeline #primary section#attentionEvnt>.wrapper:after,
#timeline #primary section#attentionAuth>.wrapper:after{
	content: " ";
	height: 0;
	display: block;
	clear: both;
}

#timeline #primary section#attentionClc li,
#timeline #primary section#attentionClm li,
#timeline #primary section#attentionEvnt li,
#timeline #primary section#attentionAuth li{
	display: block;
	margin: 0 8px 0 0;
	padding: 0;
	width: 24%;
	width: 198px;
	color: #929292;
	float: left;
	border: none;
}

#timeline #primary section#attentionClc li .contents .image,
#timeline #primary section#attentionClm li .contents .image{
	width: 198px;
	width: 100%;
	height: 116px;
	background: transparent url("./clcImg001.jpg") center no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
	-webkit-border-radius: 8px 8px 0 0;
	-moz-border-radius: 8px 8px 0 0;
	border-radius: 8px 8px 0 0;
}

#timeline #primary section#attentionAuth li .contents .image p{
	padding: 4px;
	color: #fff;
	background: rgba(0,0,0,0.4);
	-webkit-border-radius: 8px 8px 0 0;
	-moz-border-radius: 8px 8px 0 0;
	border-radius: 8px 8px 0 0;
}


#timeline #primary section#new li:last-child,
#timeline #primary section#attention li:last-child{
	border-right: 0;
}

#timeline #primary section#attention li .wrapper,
#timeline #primary section#new li .wrapper,
#timeline #primary section#attentionClc li .wrapper,
#timeline #primary section#attentionClm li .wrapper,
#timeline #primary section#attentionEvnt li .wrapper,
#timeline #primary section#attentionAuth li .wrapper{
	background: #fff;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}

#timeline #primary section header.root h1 {
	display: table;
}

#timeline #primary section header.root h1 nav,
#timeline #primary section header.root h1 span.text
{
	display: table-cell;
	vertical-align: middle;
}

#timeline #primary section header.root h1 nav{
	padding-right: 8px;
}

#timeline #primary section header.root h1 nav a{
	display: inline-block;
	padding: 4px;
	text-align: center;
	vertical-align: middle;
	font-size: 1rem;
	text-decoration: none;
	background: #fff;
	border: #3faee2 solid 1px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
}

#timeline #primary section header.root h1 nav a:last-child{
	border-left: 0;
}

#timeline #primary section header.root h1 nav a:hover{
	background: #3faee2;
}

#timeline #primary section header.root h1 nav a:hover i{
	color: #fff;
}

#timeline #primary section header.root h1 nav.slider a i{
	padding: 0;
}

#timeline #primary section#attention li header,
#timeline #primary section#new li header{
	padding: 8px;
	/* height: 60px; */
	height: auto;
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#timeline #primary section#attention li header h1,
#timeline #primary section#new li header h1{
	margin-bottom: 4px;
	font-size: 16px;
	font-weight: normal;
	color: #333;
}

#timeline #primary section#attention li header .btm,
#timeline #primary section#new li header .btm{
	display: table;
	width: 100%;
}

#timeline #primary section#attention li header .btm em.subject,
#timeline #primary section#new li header .btm em.subject{
	display: inline-block;
	padding: 3px 4px 2px;
	min-width: 40px;
	vertical-align: middle;
	text-align: center;
	font-size: 12px;
	color: #999;
	line-height: 14px;
	border: #999 solid 1px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

#timeline #primary section#attention li header .btm span.date,
#timeline #primary section#new li header .btm span.date{
	display: table-cell;
	vertical-align: middle;
	text-align: right;
	color: #999;
}

#timeline #primary section#attention li .contents,
#timeline #primary section#new li .contents,
#timeline #primary section#attentionClc li .contents,
#timeline #primary section#attentionClm li .contents,
#timeline #primary section#attentionEvnt li .contents,
#timeline #primary section#attentionAuth li .contents{
	position: relative;
	z-index: 999;
	top: 0;
	left: 0;
	margin: 0;
	height: 160px;
}

#timeline #primary section#attentionClc li .contents,
#timeline #primary section#attentionClm li .contents,
#timeline #primary section#attentionEvnt li .contents,
#timeline #primary section#attentionAuth li .contents{
	height: auto;
}

#timeline #primary section#attention li .contents .image,
#timeline #primary section#new li .contents .image{
	width: 100%;
	padding-top: 130px;
	background: transparent url("./images/attention_dammy.jpg") center no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
}

#timeline #primary section#attention li .contents .userBox,
#timeline #primary section#new li .contents .userBox,
#timeline #primary section#attentionClc li .contents .userBox,
#timeline #primary section#attentionClm li .contents .userBox,
#timeline #primary section#attentionEvnt li .contents .userBox,
#timeline #primary section#attentionAuth li .contents .userBox{
	position: relative;
	z-index: 999;
}

#timeline #primary section#attention li .contents .userBox .userIcon,
#timeline #primary section#new li .contents .userBox .userIcon,
#timeline #primary section#attentionClc li .contents .userBox .userIcon,
#timeline #primary section#attentionClm li .contents .userBox .userIcon{
	position: relative;
	position: absolute;
	top: -24px;
	left: 8px;
	z-index: 999;
	width: 40px;
	height: 40px;
	background: #efefef;
	border: #fff solid 1px;
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
	border-radius: 40px;
	-webkit-background-size: cover;
	background-size: cover;
}

#timeline #primary section#attention li .contents .userName,
#timeline #primary section#new li .contents .userName,
#timeline #primary section#attentionClc li .contents .userName,
#timeline #primary section#attentionClm li .contents .userName{
	position: absolute;
	top: 0;
	left: 48px;
	padding: 4px;
	font-size: 10px;
}

#timeline #primary section#attentionClm li .contents .userName{
	color: #fff;
}

#timeline #primary section#attentionClc li .contents h1,
#timeline #primary section#attentionClm li .contents h1{
	padding: 24px 8px 8px 8px;
	color: #676767;
	font-size: 16px;
}

#timeline #primary section#attentionClc li .contents a>p,
#timeline #primary section#attentionClc li .contents a h1{
	line-height: 14px;
}

#timeline #primary section#attentionClm li .contents a>p,
#timeline #primary section#attentionClm li .contents a h1{
	color: #fff;
	line-height: 14px;
}

#timeline #primary section#attentionClm li .contents a p{
	color: #e1e1e1;
}

#timeline #primary section#attentionClc li .contents p,
#timeline #primary section#attentionClm li .contents p,
#timeline #primary section#attentionEvnt li .contents p,
#timeline #primary section#attentionAuth li .contents p{
	padding: 0px 8px 8px;
	font-size: 12px;
}

#timeline #primary section#attention li footer,
#timeline #primary section#new li footer{
	display: table;
	padding: 8px 8px 0px 8px;
	height: 28px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#timeline #primary section#attention li footer .iconBox,
#timeline #primary section#new li footer .iconBox,
#timeline #primary section#attentionAuth li footer .iconBox{
	display: table-cell;
	border-right: 8px solid transparent;
}

#timeline #primary section#attention li footer .iconBox.smile .icon i,
#timeline #primary section#new li footer .iconBox.smile .icon i,
#timeline #primary section#attentionAuth li footer .iconBox.smile .icon i{
	height: 16px;
	line-height: 16px;
	background: #f7e26c;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}

#timeline #primary section#attention li footer .iconBox:last-child,
#timeline #primary section#new li footer .iconBox:last-child,
#timeline #primary section#attentionAuth li footer .iconBox:last-child{
	border-right: 0;
}

#timeline #primary section#attention li footer .iconBox .wrapper,
#timeline #primary section#new li footer .iconBox .wrapper,
#timeline #primary section#attentionAuth li footer .iconBox .wrapper{
	display: table;
	width: 100%;
}

#timeline #primary section#attention li footer .iconBox .wrapper i,
#timeline #primary section#new li footer .iconBox .wrapper i,
#timeline #primary section#attentionAuth li footer .iconBox .wrapper i{
	color: #3faee2;
}

#timeline #primary section#attention li footer .iconBox .wrapper em.icon,
#timeline #primary section#attention li footer .iconBox .wrapper span.num,
#timeline #primary section#new li footer .iconBox .wrapper em.icon,
#timeline #primary section#new li footer .iconBox .wrapper span.num,
#timeline #primary section#attentionAuth li footer .iconBox .wrapper em.icon,
#timeline #primary section#attentionAuth li footer .iconBox .wrapper span.num
{
	display: table-cell;
	font-size: 10px;
	vertical-align: bottom;
}

#timeline #primary section#attention li footer .iconBox .wrapper span.num,
#timeline #primary section#new li footer .iconBox .wrapper span.num,
#timeline #primary section#attentionAuth li footer .iconBox .wrapper span.num{
	color: #999;
	color: #b3b3b3;
}

#timeline #primary section#attention li footer .iconBox .wrapper em.icon,
#timeline #primary section#new li footer .iconBox .wrapper em.icon,
#timeline #primary section#attentionAuth li footer .iconBox .wrapper em.icon{
	border-right: 2px solid transparent;
}

#timeline #primary section#attention li footer .iconBox .wrapper span.num .unit,
#timeline #primary section#new li footer .iconBox .wrapper span.num .unit,
#timeline #primary section#attentionAuth li footer .iconBox .wrapper span.num .unit{
	display: block;
	font-size: 8px;
}

#timeline #primary section#attention li footer .icon,
#timeline #primary section#new li footer .icon{
	display: table-cell;
	width: 33.3%;
}

#timeline #primary section#attention li footer .icon.eye{
}

/* COLORTYPE ++++++++++++ */

#timeline #primary section#attentionClc li.colorTypeA .wrapper{
	background: #ffc2c2;
}

#timeline #primary section#attentionClc li.colorTypeB .wrapper{
	background: #cfffd0;
}

#timeline #primary section#attentionClc li.colorTypeC .wrapper{
	background: #f2ffa1;
}

#timeline #primary section#attentionClc li.colorTypeD .wrapper{
	background: #b8edff;
}

#timeline #primary section#attentionClc li.colorTypeE .wrapper{
	background: #ffcffd;
}

#timeline #primary section footer.report.new{
	text-align: right;
}

#timeline #primary section footer.report.new a{
	padding: 2px 4px;
	border: #999 solid 1px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background: #fff;
	text-decoration: none;
}	

#timeline #primary section footer.report.new a i{
	padding-left: 4px;

}

/* EVENT */

#timeline #primary section#attentionEvnt li.colorTypeA .wrapper .announce{
	background: #0071bc;
}

#timeline #primary section#attentionEvnt li.colorTypeB .wrapper .announce{
	background: #d4575c;
}

#timeline #primary section#attentionEvnt li.colorTypeC .wrapper .announce{
	background: #509159;
}

#timeline #primary section#attentionEvnt li.colorTypeD .wrapper .announce{
	background: #6567a8;
}

#timeline #primary section#attentionEvnt li.colorTypeE .wrapper .announce{
	background: #b5ad4f;
}

/* COLORTYPE END ++++++++++++ */

#timeline #primary section#attentionEvnt li .contents .announce,
#timeline #primary section#attentionAuth li .contents .announce{
	padding: 16px;
	width: 198px;
	height: 72px;
	color: #fff;
	font-size: 12px;
	line-height: 16px;
	background: #0071bc;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-border-radius: 8px 8px 0 0;
	-moz-border-radius: 8px 8px 0 0;
	border-radius: 8px 8px 0 0;
}

#timeline #primary section#attentionEvnt li .contents .userBox .cclIcon{
	position: absolute;
	top: -20px;
	left: 8px;
	z-index: 999;
	width: 40px;
	height: 40px;
	background: #efefef;
	border: #ebebeb solid 1px;
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
	border-radius: 40px;
	-webkit-background-size: cover;
	background-size: cover;
}

#timeline #primary section#attentionEvnt li .contents .circleName{
	position: absolute;
	top: 0;
	left: 48px;
	padding: 4px;
	font-size: 10px;
}

#timeline #primary section#attentionEvnt li .contents p,
#timeline #primary section#attentionAuth li .contents p{
	padding: 24px 8px 8px 8px;
	font-size: 10px;
	line-height: 14px;
}

#timeline #primary section#attentionEvnt li footer,
#timeline #primary section#attentionAuth li footer{
	padding: 0 8px 0px;
}

#timeline #primary section#attentionEvnt li footer a.button,
#timeline #primary section#attentionAuth li footer a.button{
	display: inline-block;
	text-decoration: none;
}

#timeline #primary section#attentionEvnt li footer a.button  .wrapper em,
#timeline #primary section#attentionAuth li footer a.button  .wrapper em{
	display: table-cell;
	padding: 4px;
	text-align: center;
	border: #ebebeb solid 1px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

#timeline #primary section#attentionEvnt li footer .button  .wrapper .num,
#timeline #primary section#attentionAuth li footer .button  .wrapper .num{
	display: table-cell;
	padding-left: 4px;
	vertical-align: middle;
}

#timeline #primary section#attentionEvnt li footer .button,
#timeline #primary section#attentionAuth li footer .button{
	display: inline-block;
	text-decoration: none;
	color: #3faee2;
}

#timeline #primary section#attentionEvnt li footer .button  .wrapper em,
#timeline #primary section#attentionAuth li footer .button  .wrapper em{
	display: table-cell;
	padding: 4px;
	text-align: center;
	border: #ebebeb solid 1px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

#timeline #primary section#attentionEvnt li footer .button  .wrapper .num,
#timeline #primary section#attentionAuth li footer .button  .wrapper .num{
	display: table-cell;
	padding-left: 4px;
	vertical-align: middle;
}

#timeline #primary section#attentionEvnt>.wrapper,
#timeline #primary section#attentionAuth>.wrapper{
	position: absolute;
	z-index: 111;
	left: 0;
	top: 0;
	width: 1030px;
	height: 170px;
}

#timeline #primary section#attentionEvnt{
	position: relative;
	z-index: 111;
	width: 100%;
	height: auto;
	overflow: hidden;
}

#timeline #primary section#attentionAuth{
	position: relative;
	z-index: 111;
	width: 100%;
	height: auto;
	overflow: hidden;
}


#timeline #primary section#attentionAuth li .contents .button{
	display: block;
	padding: 16px 8px 8px;
}

#timeline #primary section#attentionAuth li .contents .button{
	text-align: center;
}

#timeline #primary section#attentionAuth li .contents .button a{
	display: inline-block;
	padding: 8px 16px;
	color: #fff;
	text-decoration: none;
	background: #3faee2;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0 2px 2px #bbbbbb;
	-moz-box-shadow:  0 2px 2px #bbbbbb;
	box-shadow:  0 2px 2px #bbbbbb;

}

#timeline #primary section#attentionAuth li .contents .image{
	width: 100%;
	width: 198px;
	height: 70px;
	background: transparent url("./clcImg001.jpg") center no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
	-webkit-border-radius: 8px 8px 0 0;
	-moz-border-radius: 8px 8px 0 0;
	border-radius: 8px 8px 0 0;
}

#timeline #primary section#attentionAuth li .contents .userBox .userIcon{
	position: absolute;
	top: -20px;
	left: 8px;
	z-index: 999;
	width: 40px;
	height: 40px;
	background: #efefef;
	border: #ebebeb solid 1px;
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
	border-radius: 40px;
	-webkit-background-size: cover;
	background-size: cover;
}

#timeline #primary section#attentionAuth li .contents .userName{
	position: absolute;
	top: 0;
	left: 48px;
	padding: 4px;
	color: #333;
	font-size: 12px;
}

/* SECONDARY ++++++++++++++ */

#timeline #secondary header.root{
	padding: 0 8px;
	height: 36px;
	background: #ebf7fc;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	/* -webkit-border-radius: 8px 8px 0 0;
	-moz-border-radius: 8px 8px 0 0;
	border-radius: 8px 8px 0 0; */
}

#timeline #secondary .new header.root{
	background: #d9eed2;
}

#timeline #secondary header.root h1{
	display: table;
	height: 36px;
	font-size: 14px;
}

#timeline #secondary header.root h1 span
{
	display: table-cell;
	vertical-align: middle;
}

#timeline #secondary header.root h1 em{
	padding: 2px 4px;
	color: #fff;
	background: #3faee2;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#timeline #secondary .new header.root h1 em{
	background: #6dc64f;
}

#timeline #secondary header.root h1 span{
	padding-right: 4px;
	color: #3faee2;
}

#timeline #secondary .new header.root h1 span{
	color: #54ab37;
}

#timeline #secondary section.report{
}

#timeline #secondary section.report li{
	margin-bottom: 4px;
	padding: 0;
	border: none;
	padding: 8px;
	background: #fff;
	list-style: none;
	-webkit-border-radius: 0 0 8px 8px;
	-moz-border-radius: 0 0 8px 8px;
	border-radius: 0 0 8px 8px;
}

#timeline #secondary section.report li header {
	margin-bottom: 4px;
	padding-top: 4px;
	border-top: #3faee2 solid 4px;
}

#timeline #secondary .new section.report li header {
	border-top: #6dc64f solid 4px;
}

#timeline #secondary section.report li header h1{
	font-size: 13px;
}

#timeline #secondary section.report li header .date{
	color: #999;
	text-align: right;
}


#timeline #secondary section.report li .contents .image{
	width: 100%;
	height: 52px;
	background: transparent url("./images/attention_dammy.jpg") center no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
}

/* ICONBOX */

#timeline #secondary section.report li footer .iconBox{
	display: table-cell;
	border-right: 8px solid transparent;
}

#timeline #secondary section.report li footer .iconBox.smile .icon i{
	height: 16px;
	line-height: 16px;
	background: #f7e26c;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}

#timeline #secondary section.report li footer .iconBox:last-child{
	border-right: 0;
}

#timeline #secondary section.report li footer .iconBox .wrapper{
	display: table;
	width: 100%;
}

#timeline #secondary section.report li footer .iconBox .wrapper i{
	color: #3faee2;
}

#timeline #secondary section.report li footer .iconBox .wrapper em.icon
{
	display: table-cell;
	font-size: 10px;
	vertical-align: bottom;
}

#timeline #secondary section.report li footer .iconBox .wrapper span.num{
	color: #999;
}

#timeline #secondary section.report li footer .iconBox .wrapper em.icon{
	border-right: 2px solid transparent;
}

#timeline #secondary section.report li footer .iconBox .wrapper span.num .unit{
	display: block;
	font-size: 8px;
}

#timeline #secondary section.report li .contents{
	margin-bottom: 4px;
}

#timeline #secondary section.report li footer{
	padding: 8px;
}



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

	#timeline{
		padding: 0 8px;
		width: 100%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

	#timeline #primary section#attention li,
	#timeline #primary section#new li{
		display: block;
		float: left;
		margin: 0;
		margin-right: 2%;
		padding: 0;
		width: 32%;
		max-width: 300px;
		border: none;
		/* border-right: 8px solid transparent; */
	}

	#timeline #primary section#attention li:nth-child(3n),
	#timeline #primary section#new li:nth-child(3n){
		margin-right: 0;
	}

	#timeline #primary section#attention li:nth-child(3n+1),
	#timeline #primary section#new li:nth-child(3n+1){
		/* margin-top: 16px; */
	}

	#timeline #primary section#attention li:first-child,
	#timeline #primary section#new li:first-child{
		margin-top: 0;
	}
}

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

	#timeline #primary section#attention li,
	#timeline #primary section#new li{
		display: block;
		float: left;
		margin: 0;
		margin-right: 4%;
		padding: 0;
		width: 48%;
		max-width: 300px;
		border: none;
		/* border-right: 8px solid transparent; */
	}

	#timeline #primary section#attention li:nth-child(2n),
	#timeline #primary section#new li:nth-child(2n){
		margin-right: 0;
	}

	#timeline #primary section#attention li:nth-child(2n+1),
	#timeline #primary section#new li:nth-child(2n+1){
		/* margin-top: 16px; */
	}

	#timeline #primary section#attention li:first-child,
	#timeline #primary section#new li:first-child{
		margin-top: 0;
	}

}


@media only screen and (max-width: 767px) and (min-width: 641px){

}

#timeline #secondary #face-box {
	margin-bottom: 30px;
	text-align: center;
}

@media only screen and (max-width: 500px){
	#timeline #secondary #face-left, #timeline #secondary #face-pc {
		display: none;
	}
	#timeline #secondary #face-mb {
		display: block;
	}
}

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

	#timeline #primary section#attention,
	#timeline #primary section#new{
		/* display: table; */
		width: 100%;
		height: auto;
		overflow: hidden;
	}

	#timeline #primary section#attention li header{
		padding: 8px;
		height: auto;
	}

	#timeline #primary section#attention li header h1,
	#timeline #primary section#new li header h1{
		margin-bottom: 4px;
		font-size: 13px;
		font-weight: normal;
		color: #333;
	}

	#timeline #primary section#attention li header .btm em.subject,
	#timeline #primary section#new li header .btm em.subject{
		display: table-cell;
		padding: 2px 4px;
		width: 40px;
		vertical-align: middle;
		text-align: center;
		font-size: 10px;
		color: #999;
		line-height: 12px;
		border: #999 solid 1px;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

	#timeline #primary section#attention li .contents,
	#timeline #primary section#new li .contents{
		position: relative;
		z-index: 999;
		top: 0;
		left: 0;
		margin: 0;
		height: 116px;
	}

	#timeline #primary section#attention li .contents .image,
	#timeline #primary section#new li .contents .image{
		padding-top: 100px;
	}

	#timeline{
		display: -webkit-flex;
		display: flex;
		-webkit-flex-flow: column;
		flex-flow: column;
	}

	#timeline #secondary{
		/* display: block; */
		vertical-align: top;
		width: 100%;
		border-right: 0;
		-webkit-order: 2;
		order: 2;
	}/* w268 */

	#timeline #primary{
		/* display: block; */
		vertical-align: top;
		/* width: 872px; */
		width: 100%;
		max-width: 872px;
		-webkit-order: 0;
		order: 0;
		
	}

	#timeline #secondary section.report:after{
		content:" ";
		height: 0;
		display: block;
		clear: both;
	}

	#timeline #secondary section.report li{
		padding: 0;
		border: none;
	}

	#timeline #secondary section.report li header {
		margin-bottom: 4px;
		padding-top: 4px;
		border-top: #3faee2 solid 4px;
	}

	#timeline #secondary section.report li header h1{
		font-size: 13px;
	}

	#timeline #secondary section.report li header .date{
		color: #999;
		text-align: right;
	}

	#timeline #secondary section.report li {
		display: block;
		margin: 0 2% 0 0;
		padding: 0;
		width: 49%;
		color: #929292;
		float: left;
		border: none;
		margin-bottom: 4px;
	}

		#timeline #secondary section.report li:nth-child(2n){
			margin-right: 0;
		}

		#timeline #secondary section.report li:nth-child(2n+1){
		#timeline #secondary section.report li:nth-child(2n+2){
			margin-top: 16px;
		}

		#timeline #secondary section.report li:first-child{
			margin-top: 0;
		}
}

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

}

@media only screen and (max-width: 736px){
	
	#timeline #primary section .flex-direction-nav li a.flex-prev,
	#timeline #primary section .flex-direction-nav li a.flex-next{
		opacity: 1;
	}

	#timeline #primary section .flex-direction-nav li a.flex-prev.hover,
	#timeline #primary section .flex-direction-nav li a.flex-next.hover{
		opacity: 1;
	}
	
	.flex-direction-nav a::before{
		background: transparent url("./images/arrow4sp.png") center no-repeat;
	}
	
	.flex-direction-nav a.flex-prev::before{
		background-position: -215px -80px;;
	}
	
	.flex-direction-nav a.flex-next::before{
		background-position: 0 -19px;
	}
}