@charset "utf-8";
/* giftee　リンク前ページ */

.content {
  /*max-width: 1200px;*/
  margin: 0 auto;
  text-align: center;
  /*background: #faed00;*/
  padding-bottom: 20px;
}

section {
  /*background: #f29600;*/
  clear: both;
  text-align: center;
}

.news {
	padding:80px 2em 100px 2em;
	max-width: 1200px;
	margin: 0 auto;
	overflow: hidden;
}

.newstopic {
	clear:both; 
	margin: 2.2em auto;
	width:600px;
}

.newstopic .newsttl {
	text-align: left;
}

.arrow-rightb {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 0 15px 25px 5px;
  border-bottom: 5px solid #000;
  border-right: 5px solid #000;
  transform: rotate(-45deg);
  transition: all 0.5s ease-in;
}

a.btn-newslist {
	display: block;
	background: #FFF;
	border: 3px solid #CCC;
	border-radius: 27px;
	text-align: center;
	text-decoration: none;
	color:#000;
	padding: 1em 1em 0.8em 1em;
	font-size:16px;
	width:45%;
	margin:0 auto;
	/*transition: all 0.5s ease-in;*/
}

a.btn-newslist:hover { background: #EDEDED; color:#FFF; transition: all 0.5s ease-in; }
a.btn-newslist:after { content: ""; clear:both; }

a.btn-newslist:hover .arrow-right {
  border-bottom: 3px solid #FFF;
  border-right: 3px solid #FFF;	
}

/*----------------------
	レスポンシブ
----------------------*/

@media screen and (min-width: 640px) and (max-width: 799px) {
	
	a.btn-newslist {
	width:60%;
	}

}

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


	body { font-size:100% !important; }
	
	.news {
	padding:15px 1.5em 30px 1.5em;
	}

	.newstopic { 
	padding-bottom:0.5em;
	width:85vw !important;
	}

	a.btn-newslist {
	width:75vw !important;
	}
	
	a.btn-newslist img {
	width:80%;
	}
	
	.arrow-rightb {
	width: 1.5em;
	height: 1.5em;
	margin: 0 1.5em 1.3em 0;	
	}
}

@media screen and (min-width: 530px) and (max-width: 639px) {

	.arrow-rightb {
	width: 1.7em;
	height: 1.7em;
	margin: 0 1.5em 2.1em 0;	
	}
}

@media screen and (min-width: 430px) and (max-width: 529px) {

	.arrow-rightb {
	width: 1.7em;
	height: 1.7em;
	margin: 0 1.5em 1.7em 0;	
	}
}

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

	.arrow-rightb {
	margin: 0 20px 20px 0;	
	}
	
}