/*-----------------------------------------------
 title
-----------------------------------------------*/
#title{
	position: relative;
	z-index: 10;
	height: 200px;
	margin-bottom: 40px;
	background-image: url(../img/news/title-bg.png);
	background-position: center top;
	background-repeat: repeat-x;
}
#title .inner{
	position: relative;
	width: 1200px;
	margin: 0 auto;
}
#title .inner h1{
	overflow: hidden;
	padding-top: 42px;
	text-align: center;
}
@media only screen and (max-width: 640px) {
	#title{
		height: auto;
		margin-bottom: 20px;
		background: none;
	}
	#title .inner{
		width: auto;
	}
	#title .inner h1{
		position: static;
		background: none;
		padding-top: 0;
	}
	#title .inner h1 img{
		width: 100%;
	}
}
/*-----------------------------------------------
 content
-----------------------------------------------*/
#content{
	width: 1200px;
	margin: 0 auto;
}
#content h2 {
	font-size: 36px;
	line-height: 1.5;
}
#content p {
	font-size: 22px;
	font-weight: 400;
}
@media only screen and (max-width: 640px) {
	#content{
		width: 94%;
		padding: 0;
	}
	#content h2{
		height: auto;
		background: none;
	}
	#content img {
		width: 100%;
	}
}

/*-----------------------------------------------
 news
-----------------------------------------------*/
#news .news-nav {
	margin-bottom: 42px;
}
#news .news-nav ul {
	font-size: 0;
	text-align: center;
}
#news .news-nav ul li {
	position: relative;
	display: inline-block;
	font-size: 32px;
	font-weight: bold;
	margin-right: 20px;
	padding-left: 18px;
	line-height: 1;
}
#news .news-nav ul li:last-child {
	margin-right: 0;
}
#news .news-nav ul li::before {
	content: "";
	display: block;
	background: url(../img/news/news-nav-img01.png);
	position: absolute;
	top:10px;
	left: 0;
	width: 12px;
	height: 21px;
}
#news .block {
	position: relative;
	border: 4px solid #14aea7;
	border-bottom: none;
	background-color: #fff;
	margin-bottom: 168px;
}
#news .block::after {
	content: "";
	background: url(../img/news/news-block-bg.png) no-repeat bottom center;
	display: block;
	position: absolute;
	bottom: -92px;
	left: -5px;
	width: 1203px;
	height: 166px;
	z-index: -1;
}
#news .block .inner {
	width: 1100px;
	margin: 0 auto;
}
#news .block .box:not(:last-of-type) {
	padding-bottom: 35px;
	margin-bottom: 45px;
	border-bottom: 1px solid #14aea7;
}
#news .block h3 {
	padding: 32px 45px;
	margin-bottom: 30px;
	background: url(../img/news/head-bg.png) no-repeat top center;
}
#news .block h4 {
	font-size: 26px;
	font-weight: bold;
	line-height: 1.4;
	margin-bottom: 40px;
	color: #000000c9;
}
#news .block h5 {
    display:inline-block;
	font-size: 26px;
	font-weight: bold;
	line-height: 1.4;
	margin-bottom: 5px;
	color: #fff;
    background:#0aa39c;
    padding: 5px 10px;
}
#news .block .detail {
	font-size: 0;
	margin-bottom: 40px;
}
#news .txt {
	display: inline-block;
	width: 540px;
}
#news .block  p {
	margin-bottom: 42px;
}
#news .block  p.gr{
    font-size: 24px;
	font-weight: bold;
	line-height: 1.4;
	margin-bottom: 40px;
	color: #0aa39c;   
}
#news dt {
	font-size: 22px;
	font-weight: bold;
	color: #0aa39c;
	padding-top: 40px;
	margin-bottom: 10px;
	line-height: 1.2;
}
#news dt:nth-of-type(1) {
	padding-top: 0;
}
#news dd {
	font-size: 22px;
	line-height: 1.2;
	margin-bottom: 15px;
}
#news dd.bold {
	font-weight: bold;
}
#news dd.mark {
	padding-top: 30px;
}
#news dd.mark span {
	font-size: 26px;
	font-weight: bold;
	background-color: #ffff00;
}
#news dd span.small {
	font-size: 16px;
	vertical-align: middle;
}
#news .buy-btn {
	width: 500px;
	margin: 0 auto;
	text-align: center;
}
#news .buy-btn a {
	position: relative;
	display: block;
	font-size: 36px;
	font-weight: bold;
	color: #fff;
	padding: 20px 0 20px 32px;
	line-height: 1.5;
	background-color: #ef0000;
}
#news .buy-btn a:hover {
	text-decoration: none;
}
#news .buy-btn a::after {
	content: ">>";
	font-size: 22px;
	font-weight: bold;
	position: absolute;
	top: 32px;
	left: 40px;
}
#books .txt p,
#anthology .txt p{
	font-size: 22px;
	font-weight: bold;
	padding-top: 20px;
}
#books p a,
#anthology p a{
	color: #ef0000;
	text-decoration: underline;
}
#books .txt dd.mark:first-child,
#anthology .txt dd.mark:first-child{
	padding-top: 15px;
}
#books .txt dd span,
#anthology .txt dd span{
	font-size: 18px;
}
#books .txt .summary,
#anthology .txt .summary{
	font-weight: lighter;
	margin-bottom: 0;
}
#books .image,
#anthology .image{
	display: inline-block;
	margin-left: 20px;
	vertical-align: top;
}
#books .box:first-of-type .image, 
#anthology .box:first-of-type .image{
	padding-top: 6px;
}
#material .txt dd:nth-of-type(2) a {
	font-weight: bold;
	line-height: 1.5;
	text-decoration: underline;
	color: #ef0000;
}
#material .image {
	display: inline-block;
	margin-left: 20px;
	vertical-align: top;
}
#material .trial-btn {
	width: 500px;
	margin: 0 auto 30px;
	text-align: center;
}
#material .trial-btn a {
	position: relative;
	display: block;
	font-size: 36px;
	font-weight: bold;
	color: #fff;
	padding: 20px 0 20px 10px;
	line-height: 1.5;
	background-color: #000;
}
#material .trial-btn a:hover {
	text-decoration: none;
}
#material .trial-btn a::after {
	content: ">>";
	font-size: 22px;
	font-weight: bold;
	position: absolute;
	top: 32px;
	left: 122px;
}
#material p.catch {
	text-align: center;
    margin-bottom: 20px;
}

#anniversary h3 {
	cursor: pointer;
}
#anniversary .box ul {
	font-size: 0;
}
#anniversary .box ul li{
	display: inline-block;
	width: 224px;
	border: 1px solid #000;
	margin: 0 24px 20px;
}
#anniversary .box ul li img {
	width: 100%;
}
#anniversary .box1 .txt p{
	font-size: 22px;
	font-weight: bold;
	padding-top: 20px;
}
#anniversary .box1 p a {
	color: #ef0000;
	text-decoration: underline;
}
#anniversary .box1 .txt dd.mark:first-child {
	padding-top: 15px;
}
#anniversary .box1 .txt dd span {
	font-size: 18px;
}
#anniversary .box1 .txt .summary {
	font-weight: lighter;
	margin-bottom: 0;
}
#anniversary .box1 .image {
	display: inline-block;
	margin-left: 20px;
	vertical-align: top;
}
#anniversary .box1 .box:first-of-type .image {
	padding-top: 6px;
}
#anniversary .box2 .image {
	display: inline-block;
	vertical-align: top;
	margin-bottom: 34px;
}
#anniversary .box2 .image2 {
	margin-left: 36px;
}


#news .top-btn {
	position: relative;
	width: 240px;
	font-size: 22px;
	font-weight: bold;
	margin: -30px auto 52px;
	line-height: 1.5;
	text-align: center;
}
#news .top-btn a::after {
	content: "<<";
	font-size: 22px;
	font-weight: bold;
	color: #ef0000;
	position: absolute;
	top: 0;
	left: 0;
}
#news .top-btn a:hover {
	text-decoration: none;
}
@media only screen and (max-width: 640px) {
#news .news-nav {
	margin-bottom: 6%;
}
#news .news-nav ul li {
	font-size: 3.6vw;
	line-height: 1.5;
	margin-right: 2.2%;
	padding-left: 3%;
}
#news .news-nav ul li:nth-child(3) {
	margin-right: 0;
}
#news .news-nav ul li::before {
	background-size: cover;
	top: 30%;
	width: 2vw;
	height: 3.5vw;
}
#news .block {
	border-width: 0.7vw;
	margin-bottom: 20%;
	padding-bottom: 0;
}
#news .block::after {
	background: url(../img/news/news-block-bg-sp.png) no-repeat bottom center;
	background-size: contain;
	position: absolute;
	bottom: -9vw;
	left: -1.1%;
	width: 102.2%;
	height: 9.8vw;
	z-index: -1;
}
#news .block .inner {
	width: 90%;
}
#news .block p {
	font-size: 3.5vw;
	margin-bottom: 6%;
}
#news .block h3 {
	padding: 3% 4% 7%;
	margin-bottom: 5%;
	background: url(../img/news/head-bg-sp.png) no-repeat top center;
	background-size: cover;
}
#news .block h4 {
	font-size: 4vw;
	line-height: 1.2;
    margin-bottom: 7%;
}
#news .block h5 {
	font-size: 4vw;
	line-height: 1.2;
    margin-bottom: 2%;
    padding: 1% 3%;
}
#news .block .detail {
    font-size: 0;
    margin-bottom: 0%;
}
#news .block  p.gr{
    font-size: 4vw;
	margin-bottom:8%;  
}
#news .block .txt {
	display: block;
	width: auto;
	margin-bottom: 8%;
}
#news dt {
	font-size: 3.5vw;
	padding-top: 8%;
}
#news dd {
	font-size: 3.5vw;
	margin-bottom: 2%;
}
#news dd.mark {
	padding-top: 4%;
}
#news dd.mark span {
	font-size: 3.8vw;
}
#news dd span.small {
	font-size: 2.5vw;
}
#news .buy-btn {
	width: 80%;
}
#news .buy-btn a  {
	font-size: 5.5VW;
	padding: 5% 0 5% 8%;
}
#news .buy-btn a::after {
	font-size: 3.8vw;
	top: 32%;
	left: 4%;
}
#books h3 img{
	width: 12.6%;
    }
#anthology h3 img{
	width: 33.6%;

    }
#books .txt,
#anthology .txt{
	display: block;
	width: 100%;
	margin-bottom: 8%;
}
#books .txt p,
#anthology .txt p{
	font-size: 3.5vw;
	margin-bottom: 0;
	padding-top: 4%
}
#books .txt dd span, 
#anthology .txt dd span{
	font-size: 3vw;
}
#books .image, 
#anthology .image{
	display: block;
	margin-left: 0;
	margin-bottom: 5%;
}
#books .buy-btn
#anthology .buy-btn{
	width: 80%;
}
#books .buy-btn a, 
#anthology .buy-btn a{
	font-size: 5.5VW;
	padding: 5% 0 5% 8%;
}
#books .buy-btn a::after,
#anthology .buy-btn a::after{
	font-size: 3.8vw;
	top: 32%;
	left: 4%;
}
#books .box:first-of-type .image, 
#anthology .box:first-of-type .image{
	padding-top: 0;
}
#material h3 img {
	width: 69.8%;
}
#material .image {
	display: block;
	margin-left: 0;
	margin-bottom: 5%;
}
#material .trial-btn {
	width: 80%;
	margin-bottom: 6%;
}
#material .trial-btn a  {
	font-size: 5.5VW;
	padding: 5% 0 5% 5%;
}
#material .trial-btn a::after {
	font-size: 3.8vw;
	top: 32%;
	left: 24%;
}
#material p.catch {
	text-align: center;
    margin-bottom: 2%;
    font-size: 3.5vw;
}
#material p.catch img{
    width: 50%;
}
#anniversary h3 img {
	width: 50.8%;
}
#anniversary .box ul li {
	width: 46.8%;
	margin: 0 4.5% 3% 0;
}
#anniversary .box ul li:nth-of-type(2n) {
	margin: 0 0 3% 0;
}
#anniversary .box1 .txt {
	display: block;
	width: 100%;
	margin-bottom: 8%;
}
#anniversary .box1 .txt p {
	font-size: 3.5vw;
	margin-bottom: 0;
	padding-top: 4%
}
#anniversary .box1 .txt dd span {
	font-size: 3vw;
}
#anniversary .box1 .image {
	display: block;
	margin-left: 0;
	margin-bottom: 0;
}
#anniversary .box1 .buy-btn {
	width: 80%;
}
#anniversary .box1 .buy-btn a  {
	font-size: 5.5VW;
	padding: 5% 0 5% 8%;
}
#anniversary .box1 .buy-btn a::after {
	font-size: 3.8vw;
	top: 32%;
	left: 18%;
}
#anniversary .box1 .box:first-of-type .image {
	padding-top: 0;
}
#anniversary .box2 .image {
	width: 100%;
	margin-bottom: 4%;
}
#anniversary .box2 .image2 {
	margin-left: 0;
	margin-bottom: 8%;
}
#news .top-btn {
	width: 50%;
	margin: 10% auto 7%;
	font-size: 4.5vw;
}
#news .top-btn a::after {
	font-size: 4vw;
	top: 6%;
}
}