@charset "utf-8";

a:link {color: #ebd4eb; text-decoration: none;}
a:visited {color: #dfd8df; text-decoration: none;}
a:hover {color: #f5adf4; text-decoration: none;
	-webkit-transition: 0.2s;
	transition: 0.2s;}

/*paging*/
.paging {margin: 20px 0px -10px 0px; padding: 0px 0px 0px 0px;
	width: 100%; height: auto;
	text-align: center;}
.paging-back {margin: 0px; padding: 0px;}
.paging-next {margin: 0px; padding: 0px;}

.paging {margin: 0; padding: 50px 0px 20px 0px;
	width: 100%;}

.paging-btn2 {margin: 0px 10px 0px 0px; padding: 0px 0px 0px 0px;
	float: left; text-align: center; cursor: pointer;}

.paging-btn2 a {display: block;}

/*news*/
.container-left {margin: 14px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: left; text-align: left;
	width: 20%;}

.news-title {margin: 0px; padding: 0px;}

.news-title-date {margin: 0px; padding: 12px 0px 0px 0px;
	color: #ffffff; font-size: 80%; line-height: 160%;
                                letter-spacing: 0.12em;}

.news-title-title {margin:0px 0px 0px 0px; padding: 2px 0px 13px 0px;
	color: #ecd36e; font-size: 90%; line-height: 160%;
	border-bottom: 1px rgba(255,255,255,0.25) solid;}

/*news-detail*/
.container-right {float: right;  text-align: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 77%;}

.news-detail-date {margin:25px 0px 3px 0px; padding: 0px;
	color: #ffffff; font-size: 85%; line-height: 150%;
                                letter-spacing: 0.12em;}

.news-detail-title {margin:3px 0px 0px 0px; padding: 20px 25px 15px 30px;
	background-color: #d70c73;
	border: 0px #bcad95 solid;
	font-size: 130%; line-height: 160%; color: #ffffff;}

.news-detail-body {margin:0px; padding: 20px 30px 20px 30px;
	background-color: rgba(255,255,255,0.15);
	font-size: 95%; color: #ffffff; line-height: 170%;}

.news-detail-links {margin: 0px 0px 10px 0px; padding: 0px 0px 5px 0px;}

.news-detail-link {margin:2px 0px 0px 0px; padding:6px 0px 6px 30px;
	font-size: 90%; line-height: 120%;}

.news-detail-pictures {margin:0px; padding:10px 10px 10px 10px;
	float:right;}
.news-detail-picture {margin:4px 0px 4px 0px; padding:5px;}


.news-detail-body:before,
.news-detail-body:after {
 display: table;
 content: " ";
}

.news-detail-body:after {
 clear: both;
}



/*●750px以下（SP）
======================================*/
@media only screen and (max-width: 750px) {
	img{max-width: 100%;
	width /***/:auto;
	height: auto;}

.paging {margin: 0; padding: 9% 10% 0% 10%; width: 80%;}

.paging-btn2 {margin: 0% 2% 0% 2%; padding: 15px 0px 15px 0px;
	width: 44%;}
.paging-btn2 img {margin: 0px; width: 100%; height: auto;}

.news img{margin: 0; max-width: 100%; width: 70%; height: auto;}
.sszize img{margin: 0; max-width: 100%; width: 70%; height: auto;}

/*news*/
.container-left{display: none;}

/*news-detail*/
.container-right {margin: 0px 0px 0px 0px; padding: 0% 0% 0% 0%;
	float: none;
	width: 100%;}

.news-detail-date {
	margin:20px 0px 2px 0px; padding:0px 0px 0px 0px;
	font-size: 85%; line-height: 150%;
}
.news-detail-title {
	margin:1% 0% 0% 0%; padding:4% 5% 3% 5%;
	width: 90%;
	font-size: 105%; line-height: 130%; font-weight: normal;}

.news-detail-body {margin: 0% 0% 0% 0%; padding: 2% 5% 3% 5%;
	width: 90%;
	text-align: left;
	font-size: 90%; line-height: 150%;}

.news-detail-links {
	margin:0px 0px 10px 0px; padding: 0px 0px 4px 0px;}

.news-detail-link {
	margin:2px 0px 0px 0px; padding: 5px 0px 5px 3%;
	font-size: 95%; line-height: 120%;}

.news-detail-pictures {
	margin:0px; padding:5px 5px 5px 5px;
	float:right;}

.news-detail-picture {margin:0px; padding:5px;}
}


@media only screen
and (min-device-width:320px)
and (max-device-width:480px)
and (orientation:landscape) {

news-detail-title, .news-detail-title2
{font-size: 170%}
/**/}