/* =================================
	TBS Reset CSS
================================= */
@import url("/um/v7/css/reset.css");
@import url("top_news.css");

/*	Recta
============================== */
div.right div.recta {
	width: 300px;
	height: 250px;
	margin: 0 auto 20px;
	box-shadow:0px 2px 6px 3px rgba(0,0,0,0.1);
	-moz-box-shadow:0px 2px 6px 3px rgba(0,0,0,0.1);
	-webkit-box-shadow:0px 2px 6px 3px rgba(0,0,0,0.1);
	cursor: pointer;
}

@media all and (min-width: 768px) {
alt-pc {
	display: none;
}
}
@media all and (max-width: 767px) {
alt-smp {
	display: none;
}
}

a {
	text-decoration: none;
	cursor: pointer;
	color: #d71820;
}
a:hover {
}
.lazy {
    display:block;
    position:relative;
    background-color:#b27b4e;
    margin:0 auto;
}
.wbr {
	white-space: nowrap;
	display: inline-block;
}

.nolink a {
	cursor: default!important;
}
.right {
	text-align: right;
}
.left {
	text-align: left;
}
.center {
	text-align: center;
	display: block;
}

/*	text decoration
============================== */

.fts_120 { font-size: 120%; }
.fts_130 { font-size: 130%; }
.fts_140 { font-size: 140%; }
.fts_150 { font-size: 150%; }
.fts_160 { font-size: 160%; }
.fts_170 { font-size: 170%; }
.fts_180 { font-size: 180%; }
.fts_190 { font-size: 190%; }
.fts_200 { font-size: 200%; }
.white { color: #fff; }
.yellow { color: #ffffa3; }
.red { color: #cd001c; }
.ppl { color: #502091; }
.pink { color: #ee3442; }
.orange { color: #ef5700; }
.green { color: #6d8e19; }
.black { color: #000; }

.bg_red {background-color: #cd001c; padding-left:0.1em; color: #fff; margin: 0 0.1em;}
.bg_ppl { background-color: #502091; padding-left:0.1em; color: #fff; margin: 0 0.1em;}
.bg_pink { background-color: #ee3442; padding-left:0.1em; color: #fff; margin: 0 0.1em;}
.bg_orange { background-color: #ef5700; padding-left:0.1em; color: #fff; margin: 0 0.1em;}
.bg_green { background-color: #6d8e19; padding-left:0.1em; color: #fff; margin: 0 0.1em;}

.tmgb05em {margin-bottom: 0.5em; display: inline-block; }
.tmgb1em { margin-bottom: 1em; display: inline-block; }
.tmgb15em { margin-bottom: 1.5em; display: inline-block; }
.tmgb2em { margin-bottom: 2em; display: inline-block; }


/* button */
.button,.button2{
   display:block;
   text-align:center;
}
.button a{
   display:block;
   margin:0 auto;
}
.button2 a{
   display:block;
   margin:0 auto;
}
.button a {
  display: block;
  cursor: pointer;
  margin: 0 auto;
  padding: 30px;
  color: #fff;
  font-size:160%;
  text-align: center;
  text-decoration: none;
  background-color: #b9001a;
  border-radius: 10px;
  box-shadow: 0 6px 0 #9a0218, 0 12px 0 rgba(0,0,0,0.1);
  -webkit-transition: color 0.3s,
  background-color 0.3s, box-shadow 0.3s, -webkit-transform 0.3s;
  transition: color 0.3s, background-color 0.3s, box-shadow 0.3s, transform 0.3s;
}
.button a:hover {
   background-color: #b9001a;
   box-shadow: 0 3px 0 #9a0218, 0 6px 0px rgba(0,0,0,0.1);
   -webkit-transform: translateY(3px);transform: translateY(3px);
}
.button a:active {
   color: #ddd;
   background-color: #b9001a;
   box-shadow: 0 0 0 #000, 0 0 0px rgba(0,0,0,0.1);
   -webkit-transform: translateY(6px);
   transform: translateY(6px);transition-duration: 0.1s;
}

.button2 a {
   display: block;
   cursor: pointer;
   margin: 0 auto;
   padding: 30px; color: #fff;
   font-size:160%;
   text-align: center;
   text-decoration: none;
   background-color: #b9001a;
   border-radius: 10px;
   box-shadow: 0 6px 0 #9a0218, 0 12px 0 rgba(0,0,0,0.1);
   -webkit-transition: color 0.3s,
   background-color 0.3s, box-shadow 0.3s, -webkit-transform 0.3s;transition: color 0.3s, background-color 0.3s, box-shadow 0.3s, transform 0.3s;
}
.button2 a:hover {
   background-color: #b9001a;
   box-shadow: 0 3px 0 #9a0218, 0 6px 0px rgba(0,0,0,0.1);
   -webkit-transform: translateY(3px);
   transform: translateY(3px);
}
.button2 a:active {
   color: #ddd;
   background-color: #b9001a;
   box-shadow: 0 0 0 #9a0218, 0 0 0px rgba(0,0,0,0.1);
   -webkit-transform: translateY(6px);
   transform: translateY(6px);transition-duration: 0.1s;
}


@media all and (min-width: 768px) {
.button a{
   display:block;
   width: 250px;
   padding: 12px 0;
   font-size: 110%;
   line-height:100%;
   margin: 45px auto 15px;
}
.button2 a{
   display:block;
   width:600px;
   padding: 15px 0;
   font-size: 130%;
   letter-spacing: 0.13em;
   line-height:100%;
   margin:30px auto 0;
}
}
@media all and (max-width: 767px) {
.button a{
   display:block;
   padding: 0em 0;
   padding: 0.7em 0;
   font-size: 90%;
   line-height:100%;
   margin: 1.5em auto 2em;
   font-weight:bold;
   width:  80%;
}
.button2 a{
   display:block;
   width:90%;
   padding:1em;
   font-size:100%;
   line-height:1.5;
   margin:1.5em auto 0;
   font-weight:bold;
}
}



/*	text align
============================== */
.tcenter { text-align: center; }
.tleft { text-align: left; }
.tright { text-align: right; }
.small { font-size: 77.5%; }
.bold { font-weight: bold;}

/* = Selected Text
----------------------------------------------- */
::selection {
	background:rgba(17, 190, 209, 0.2); /* Safari */
}
::-moz-selection {
	background:rgba(17, 190, 209, 0.2); /* Firefox */
}

/*	margin bottom
============================== */
.mgb05em { margin-bottom: 0.5em;}
.mgb1em { margin-bottom: 1em;}
.mgb2em { margin-bottom: 2em;}

/*	font color
============================== */
.blue { color: #11bed1;}
.red { color: #d71820;}

/*	border_bottom
============================== */
p.border_bottom {
   color: #53301a;
   font-weight: bold;
   border-bottom: 4px solid #6c8c19;
}
p.border_bottom span.red {
   color: #bd1634;
}
p.border_bottom span.blue {
   color: #1d2088;
}
@media all and (min-width: 768px) {
   p.border_bottom {
      font-size: 16px;
      line-height: 1.5;
      padding: 0.1em 1.5em 1em;
      margin-bottom: 20px;
   }
   p.border_bottom span.big {
      font-size: 22px;
   }
}
@media all and (max-width: 767px) {
   p.border_bottom {
      line-height: 200%;
      margin-bottom: 10px;
      padding: 0.1em .5em;
   }
   p.border_bottom span.big {
      font-size: 120%;
   }
}

/*	background
============================== */
div#con-body {
	background-color:#fff;
}
.cover {
	background-image: url(../img/bg_purple.jpg);
	background-position: center top;
}
@media all and (min-width: 768px) {
	#page-top {
	}
	.cover {
		padding: 30px;
	}
}
@media all and (max-width: 767px) {
	.cover {
		padding: 15px;
	}
	div#con-body,
	.cover {
		background-size: 50%;
	}
}
body {
	-webkit-text-size-adjust:100%;
	-ms-text-size-adjust: 100%;
}
div#page-top {
	-ms-text-size-adjust: 100%;
	font-kerning: normal;
	font-feature-settings: "palt";
	text-justify: inter-ideograph;
	letter-spacing: 0.05em;
	line-height: 1.5;
	font-family: Verdana, 游ゴシック, YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, sans-serif;
	text-align: justify;
	text-justify:inter-cluster;
}
@media all and (min-width: 768px) {
	div#con-body {
		font-size: 15px;
	}
}
@media all and (max-width: 767px) {
	div#con-body {
		font-size: 13px;
	}
}
/*	copyright
============================== */
p.copyright {
	text-align:center;
	color:#000;
}
p.copyright a {	color:#000; text-decoration: none; }
@media all and (min-width: 768px) {
p.copyright {
	margin-bottom: 25px;
	font-size:75%;
}
p.copyright a:hover {
	text-decoration:none;
}
}
@media all and (max-width: 767px) {
p.copyright {
	margin-top: -170px;
	font-size:67.5%;
	line-height:1.5;
	padding: 190px 20px 20px;
}
}

/*	div pagetop
============================== */

div#page-top {
	color: #53301a;
   letter-spacing: 0.1em;
}

/*	contents
============================== */
@media all and (min-width: 768px) {
div.contents {
	width: 980px;
	margin: 0 auto;
}
}
/*	header
============================== */
/*	poster */
header div.poster {
	position: relative;
}
@media all and (min-width: 768px) {
	header div.poster {
		background-image: url(../img/poster.jpg?180413);
	}

	header div.poster, header div.poster div.poster_inner {
		text-indent:100%; white-space:nowrap; overflow:hidden;
		width: 980px;
		height: 705px;
	}
}
@media all and (max-width: 767px) {
header div.poster {
	background-image: url(../img/poster_smp.jpg?180413);
	display: block;
	background-size:cover;
	height:0;
	/* 縦÷横 */
	padding-top:74.3877551020408%;
}
header div.poster div.poster_inner {
	display: block;
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height: 100%;
}
}


/*	twshare */
header div.poster p.twshare a {
	display: block;
}
header div.poster p.twshare a b {
	text-indent:100%; white-space:nowrap; overflow:hidden;
}
@media all and (min-width: 768px) {
	header div.poster p.twshare a, header div.poster p.twshare a b {
		width: 230px;
		height: 76px;
		text-indent:100%; white-space:nowrap; overflow:hidden;
	}
	header div.poster p.twshare a {
		bottom: 0;
		right: 0;
		position: absolute;
	}
}
@media all and (max-width: 767px) {
	header div.poster p.twshare {
		position: absolute;
		width: 38.1632653061224%;
		height: 12.8342245989305%;
		right: 0;
		bottom: 0;
	}
	header div.poster p.twshare a {
		display: block;
		background-size:cover;
		height:0;
		/* 縦÷横 */
		padding-top:10.5%;
	}
	header div.poster p.twshare a b {
		display: block;
		position:absolute;
		left:0;
		top:0;
		width:100%;
		height: 100%;
	}
}

.item {
  opacity: 0;
}
header > div.item {
	-webkit-animation: example 1s ease 1s 1 forwards;
   animation: example 1s ease 1s 1 forwards;
}
div.poster_inner > .item:nth-child(1) {
  -webkit-animation: example 2s ease 4s 1 forwards;
  animation: example 1.5s ease 2s 1 forwards;
}
div.poster_inner > .item:nth-child(2) {
	-webkit-animation: example 2s ease 4s 1 forwards;
   animation: example 1.5s ease 3.5s 1 forwards;
}
div.poster_inner > .item:nth-child(3) {
  -webkit-animation: example 1s ease 1s 1 forwards;
  animation: example 1s ease 1s 1 forwards;
}
div.poster_inner > .item:nth-child(4) {
  -webkit-animation: example 1s ease 1s 1 forwards;
  animation: example 1s ease 1s 1 forwards;
}
div.poster_inner > .item:nth-child(5) {
  -webkit-animation: example 1s ease 1s 1 forwards;
  animation: example 1s ease 1s 1 forwards;
}
@-webkit-keyframes example {
 100% {
   opacity: 1;
 }
}
@keyframes example {
 100% {
   opacity: 1;
 }
}
/*	header bansen
============================== */
div.bansen {
	box-sizing: border-box;
}
div.bansen p.bgyellow {
	display: inline-block;
	text-align: center;
	font-size: 12px;
	width: 123px;
	height: 20px;
	box-sizing: border-box;
	padding: 2px;
	border-radius: 10px;
	background-color: #fff100;
	vertical-align: top;
	margin-top: 3px;
}
@media all and (min-width: 768px) {
	div.bansen {
		width: 960px;
		padding: 9px;
		border-radius:0px 0px 10px 10px;
		border:2px solid #000000;
	}
	div.bansen p.bgyellow {
		margin-bottom: 3px;
	}
	div.bansen p.bansen_txt {
		text-align: left;
	}
}
@media all and (max-width: 767px) {
	div.bansen {
		padding: 5px;
		border:2px solid #000000;
	}
	div.bansen p.bgyellow {
		margin-bottom: 5px;
	}
	div.bansen p.bansen_txt a {
		text-align: center;
	}
}
div.bansen p.bansen_txt {
	display: inline-block;
	padding-left: 15px;
	line-height: 1.8;
}
div.bansen p.bansen_txt a {
	color: #fff100;
}
div.bansen div.bansen_inner {
	text-align: center;
}
/*	main
============================== */
div.other {
	background-color: #a30c1f;
	box-shadow:0px 0px 42px -9px #000000 inset;
	margin-bottom: 25px;
}
@media all and (min-width: 768px) {
}
@media all and (max-width: 767px) {
div.other {
	padding: 20px 0;
}
}








/*	SNSarea
============================== */
@media all and (min-width: 768px) {
	div.SNSarea {
		position: relative;
	}
	div.tbsfree a {
		position: absolute;
		left: 0;
		top: 0;
	}
	div.LINE a {
		position: absolute;
		left: 0;
		/*top: 205px;*/
		top: 0;
	}
}
@media all and (max-width: 767px) {
	div.tbsfree a {
		margin: 0 auto;
	}
	div.LINE a {
		margin: 0 auto 5px;
	}

}
div.tbsfree a {
	display: block;
	width: 280px;
	height: 190px;
	background-image: url(../img/menu_tbsfree.jpg);
	background-repeat: no-repeat;
	white-space: nowrap;
	text-indent: 110%;
	overflow: hidden;
}
div.LINE a {
	display: block;
	width: 280px;
	/*height: 80px;*/
	height: 275px;
	background-image: url(../img/menu_LINEQR.jpg);
	background-repeat: no-repeat;
	white-space: nowrap;
	text-indent: 110%;
	overflow: hidden;
}



/*	twitter
============================== */
div.twitter {
	background-image: url(../img/bg_ptn02.jpg);
	box-sizing: border-box;
	position: relative;
}
div.twitter p.ttl a {
	display: block;
	box-sizing: border-box;
}
div.twitter p.ttl a span {
	height: 100px;
	margin: -21px -15px 0 10px;
	display: block;
	background-image: url(../img/smp_twitter_h2.png);
	overflow: hidden; text-indent: 110%; white-space: nowrap;
	background-repeat: no-repeat;
}
div.twitter {
	padding: 1px 15px 15px;
	box-shadow:0px 0px 7px 3px rgba(#53301a, 0.35);
	box-sizing: border-box;
}
div.twitter p.ttl a {
	height: 60px;
	margin: -15px 0 15px -15px;
}

@media all and (min-width: 768px) {
	div.twitter {
		width: 340px;
		/* float: right; */
		height: 275px;
		margin-left: 495px;
	}
}
@media all and (max-width: 767px) {
	div.twitter {
		width: 310px;
		margin: 0 auto 20px;
	}
	div.twitter p.ttl a span {
		background-size: 305px 90px;
	}
	div.twitter iframe {
		width: 250px!important;
		margin: 0 auto;
	}
	div.twitter .inner {
		width: 250px;
		margin: 0 auto;
}
}
/*	instagram
============================== */
div.instagram {
	background-image: url(../img/bg_ptn02.jpg);
	box-sizing: border-box;
}
div.instagram div.inner ul:after {content:"";clear:both;display:block;}
div.instagram div.inner ul { padding: 0 10px 10px;}
div.instagram div.inner ul li {
	float:left;
	background-color:#000;
}
div.instagram div.inner ul li a,
div.instagram div.inner ul li img {
	display:block;
}
div.instagram div.inner ul li a {
	background-size:cover;
}
div.instagram div.inner p.noimages {
	background-color:#fff;
	text-align:center;
	line-height:1.5;
	font-size:83%;
	padding:2em 0;
}




div.instagram {
	width: 340px;
	margin-bottom: 15px;
}
div.instagram div.inner {
	margin: 0 auto;
}
div.instagram p.ttl a,
div.instagram p.ttl > span {
	display: block;
	background-image: url(../img/smp_instagram_h2.png);
	background-size:cover;
	height:0;
	margin: -24px 10px 0 -7px;
	/* 縦÷横 */
	padding-top: 23.0769%;
	position: relative;
}
div.instagram p.ttl a > span,
div.instagram p.ttl > span > span {
	display: block;
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height: 100%;
	overflow: hidden; text-indent: 110%; white-space: nowrap;
}
div.instagram div.inner ul li {
	width:31.666666666666667%;
	height:31.666666666666667%;
}
div.instagram div.inner ul li:nth-child(1),
div.instagram div.inner ul li:nth-child(2),
div.instagram div.inner ul li:nth-child(3) {
	margin-bottom:2.5%;
}
div.instagram div.inner ul li:not(:nth-child(3n)) {
	margin-right: 2.5%;

}
div.instagram div.inner ul li img {
	width:100%;
	height:100%;
}

div.insta ul li a img.icon-video {
	background-image:url(/um/img/play.png);
	background-repeat: no-repeat;
	background-position: center center;
}

@media all and (min-width: 768px) {
	div.instagram {
		width: 340px;
		position: absolute;
		top: 0;
		left: 143px;
	}
}
@media all and (max-width: 767px) {
	div.instagram {
		width: 310px;
		margin: 0 auto 10px;
		padding: 1px;
}
}

/*	sns like btn
============================== */
div.sns-btns div.tw {
	float:left;
}
div.sns-btns div.fb {
	float:right;
}
div.sns-btns {
	box-sizing:border-box;
	margin: 0 auto 10px;
}
@media all and (min-width: 768px) {
	div.sns-btns div.tw {
		padding-left:20px;
	}
	div.sns-btns div.fb {
		margin-right:3px;
	}
	div.sns-btns {
		width:241px;
		border-radius: 10px;
		height:68px;
		padding-top:22px;
		padding-bottom: 30px;
	}
}
@media all and (max-width: 767px) {
	/* buttons */
	div.sns-btns {
		width: 100%;
		margin: 0 auto 15px;
		padding-top:12px;
		border-radius: 5px;
	}
	div.sns-btns div.tw {
		padding-left:18%;
	}
	div.sns-btns div.fb {
		margin-right:15%;
	}
}
/*	recta
============================== */
div.recta {
	width: 300px;
	margin: 0 auto;
}



/*	pagetop
============================== */
p.pgt {
	z-index:20;
}
p.pgt a, p.pgt span {
	display:block;
}
@media all and (min-width: 768px) {
p.pgt {
	position:fixed;
	right:40px;
	bottom:40px;
}
p.pgt a {
	background-image:url(../img/cmn_pgt.png);
	background-repeat:no-repeat;
	background-position:left top;
	width:142px;
	height:160px;
	text-indent:110%;white-space:nowrap;overflow:hidden;
}
}
@media all and (max-width: 767px) {
p.pgt {
	width:100%;
	min-width:320px;
	bottom:0;
}
p.pgt a {
	position:relative;
	text-decoration:none;
	color:#fff;
	text-shadow:0 2px 2px #9c5151;
	background-color:hsla(0, 31%, 46%, 0.8);
	height:45px;
}
p.pgt a span {
	position:absolute;
	left:50%;
	top:50%;
	margin-top:-0.7em;
	margin-left:-5em;
	font-size:87.5%;
	font-weight:bold;

	-ms-text-size-adjust: 100%;
	text-justify: inter-ideograph;
	line-height: 1.5;
	font-family: Verdana, 游ゴシック, YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, sans-serif;
	letter-spacing: 0.08em;
}
/*p.pgt a span:before {
	position:absolute;
	left:50%;
	top:50%;
	margin-top:-8px;
	margin-left:-7em;
	display:block;
	content:"";
	background-image:url(../img/cmn_arrow.svg);
	background-repeat:no-repeat;
	background-position:left top;
	width:16px;
	height:16px;
}*/
}


/*	twitter-share-button
============================== */

.twitter-share-button a {
	display: inline-block;
	background-image:url(../img/twitter-share-button.jpg);
	text-indent:110%;white-space:nowrap;overflow:hidden;
	float: right;
	background-size: cover;
}
@media all and (min-width: 768px) {
	.twitter-share-button a {
		width: 200px;
		height: 87px;
	}
}
@media all and (max-width: 767px) {
	.twitter-share-button a {
		width: 120px;
		height: 52px;
	}
}





@media all and (min-width: 768px) {
   .newsArea {
      width: 300px;
      background-color: #a30015;
      box-shadow:0px 0px 10px 3px rgba(0,0,0,0.1);
      margin: 0 10px 10px 0;
   }
   .newsArea h2 span.update {
      position: absolute;
      font-weight: normal;
      color: #fff;
      top: 50%;
      right: 10px;
      margin-top: -0.5em;
      letter-spacing: 0.02em;
      text-shadow:0px 0px 5px #000000;
   }
   .newsArea div.ticker {
      height: 188px;
      overflow: auto;
   }
   .newsArea h2 a {
      background-image: url(../img/news.jpg);
      background-repeat: no-repeat;
      display: block;
      width: 300px;
      height: 49px;
      border-bottom: 2px solid #fff;
      position: relative;
   }
   .newsArea li span > a,
   .newsArea li span > span {
      padding: 12px;
      border-bottom: 1px solid #be4d5c;
      display: block;
      color: #fff!important;
      font-size: 95%;
}
   .newsArea li:hover {
      background-color: #be4d5c;
   }
}


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

   /*///////////////// top news ////////////////*/
   .newsArea,.newsArea .ticker ul li{background:#a20015;}
   .newsArea h2{text-indent: -9999px;overflow:hidden;}
   .newsArea .ticker ul li{backface-visibility:hidden;-webkit-backface-visibility:hidden;}
   .newsArea .ticker ul li a{text-decoration:none; color:#fff;}
   .newsArea .ticker ul li a:hover{ text-decoration:none; color:yellow;}






.newsArea{width:100%;margin:0 auto 10px;background:#fff;

    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-pack:justify;
    -moz-box-pack:justify;
    -webkit-flex-pack:justify;
    -moz-flex-pack:justify;
    -ms-flex-pack:justify;
    -webkit-justify-content:center;
    -moz-justify-content:center;
    justify-content:center;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;

}

.newsArea .ticker {width:100%;background:#a20015;}
.newsArea .ticker ul {width:98%;}
.newsArea .ticker li{line-height:1;padding:10px;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-justify-content: flex-startr;
    -moz-justify-content: flex-start;
    justify-content: flex-start;
    border-bottom: 1px solid #bd4d5c;
    height: 40px;
    box-sizing: border-box;
}

.newsArea .ticker li .date{background:#631a1a; color:#fff;padding:2px;margin-right:.5em;}
.newsArea .ticker li span:last-child{line-height:1.5;}


/* h2 */
.newsArea h2{
	width:90%;
	height:32px;
	background-image: url(../img/flower.jpg);
   background-position: center;
   background-size: 160%;
   background-position: center;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing: border-box;
}
.newsArea h2 span.alt-pc {display:block;
   margin:4px 7px 0;
   width:140px;
   height:24px;
   background:url(../img/news_smp.png?new)  left center no-repeat;
   background-size:contain;
   float: left;
}
.newsArea h2 span.update {
   display: inline;

}

/* more_btn */
	.newsArea #more_btn,
   .newsArea #close_btn{
	-webkit-box-sizing:border-box;
   -moz-box-sizing:border-box;
   box-sizing:border-box;
}
	.newsArea .icon{display:block;}
	.newsArea #more_btn,.newsArea #close_btn{
      cursor:pointer;
      text-align:center;
      background:#8a1d1f;
      font-weight:bold;
      color:#fff;
      transition:0.5s ;
   }
	.newsArea #more_btn:hover,.newsArea #close_btn:hover{background:#aa7f7f;}
	.newsArea #more_btn,.newsArea #close_btn{width:10%;height:32px;margin:0;padding:0;}
	.newsArea #close_btn{display:none;}
	.newsArea #more_btn .icon{margin:7px auto;
  width: 10px;
  height: 10px;
  border: 1px solid;
  border-color: transparent transparent #fff #fff;
  transform: rotate(-45deg);
}

 .newsArea #close_btn .icon{margin:14px auto;
  width: 10px;
  height: 10px;
  border: 1px solid;
  border-color: #fff #fff transparent transparent;
  transform: rotate(-45deg);}
}