body{ 
	margin:0;
	color:#808080;
	animation:fadeIn 2s ease 0s 1 normal;
	-webkit-animation:fadeIn 2s ease 0s 1 normal;
}

/* 背景フルスクリーン */
#bg {
	position:fixed;
	top:0;
	left:0;
}

.bgwidth {
	width:100%;
}

.bgheight {
	height:100%;
}
/* 背景フルスクリーン_ここまで */

/* 上部コンテンツ */
#page-wrap {
	position:relative;
	width: 100%;
	margin:0px;
	padding:0px;
	text-align:center;
}
/* 上部コンテンツここまで */

A {
	text-decoration:none;
}

div[class="menu"] A {
	color:#000000;/* (基準値：color:#000000;) */
	text-decoration:none;
	-webkit-transition:0.2s;
	-moz-transition:0.2s;
	-o-transition:0.2s;
	-ms-transition:0.2s;
	transition:0.2s;
}

.newsbutton A {
	text-align:center;
	width:11vw;
	height:7vw;
	border-radius:50%;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	-ms-border-radius:50%;
	background-color:rgba(255,255,255,1.0);
	color:rgba(0,0,0,1.0);
	font:2.5vw 'Montserrat', sans-serif;
	margin:0;
	padding:4vw 0 0 0;
	float:left;
	-webkit-transition:0.2s;
	-moz-transition:0.2s;
	-o-transition:0.2s;
	-ms-transition:0.2s;
	transition:0.2s;
}
@media screen and (max-device-width: 480px), screen and (max-width: 480px) {
.newsbutton A {
	width:50vw;
	height:33vw;
	font:13vw 'Montserrat', sans-serif;
	padding:15vw 0 0 0;
	animation:nijitxt 5s infinite forwards;
	-webkit-animation:nijitxt 5s infinite forwards;
	-moz-animation:nijitxt 5s infinite forwards;
	-o-animation:nijitxt 5s infinite forwards;
	-ms-animation:nijitxt 5s infinite forwards;
}
}

.morebutton A {
	text-align:center;
	width:11vw;
	height:7vw;
	border-radius:50%;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	-ms-border-radius:50%;
	background-color:rgba(0,0,0,1.0);
	color:rgba(255,255,255,1.0);
	font:2vw 'Montserrat', sans-serif;
	margin:0;
	padding:4vw 0 0 0;
	float:left;
	-webkit-transition:0.2s;
	-moz-transition:0.2s;
	-o-transition:0.2s;
	-ms-transition:0.2s;
	transition:0.2s;
}
@media screen and (max-device-width: 480px), screen and (max-width: 480px) {
.morebutton A {
	width:50vw;
	height:31vw;
	font:10vw 'Montserrat', sans-serif;
	padding:17vw 0 0 0;
	float:left;
	animation:nijitxt 5s infinite forwards;
	-webkit-animation:nijitxt 5s infinite forwards;
	-moz-animation:nijitxt 5s infinite forwards;
	-o-animation:nijitxt 5s infinite forwards;
	-ms-animation:nijitxt 5s infinite forwards;
}
}

.topbutton A {
	text-align:center;
	width:11vw;
	height:7vw;
	border-radius:50%;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	-ms-border-radius:50%;
	background-color:rgba(0,0,0,0.15);
	color:rgba(255,255,255,0.5);
	font:2.5vw 'Montserrat', sans-serif;
	margin:0;
	padding:4vw 0 0 0;
	float:left;
	-webkit-transition:0.2s;
	-moz-transition:0.2s;
	-o-transition:0.2s;
	-ms-transition:0.2s;
	transition:0.2s;
}
@media screen and (max-device-width: 480px), screen and (max-width: 480px) {
.topbutton A {
	visibility : hidden;
}
}

A#article {
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	color:rgba(0,0,0,1.0);
	font:110% "メイリオ", Impact, Meiryo, Hiragino Kaku Gothic Pro, "ヒラギノ角ゴ Pro W3";
	font-weight:bolder;
	line-height:150%;
}

A:hover {
	color:#ffffff;
}

div[class="siterogo"] img:hover {
	filter:alpha(opacity=65);
	opacity:0.65;
}

div[class="menu"] A:hover {
	animation:nijitxt 5s infinite forwards;
	-webkit-animation:nijitxt 5s infinite forwards;
	-moz-animation:nijitxt 5s infinite forwards;
	-o-animation:nijitxt 5s infinite forwards;
	-ms-animation:nijitxt 5s infinite forwards;
}

div[class="newsbutton"] A:hover {
	animation:nijitxt 5s infinite forwards;
	-webkit-animation:nijitxt 5s infinite forwards;
	-moz-animation:nijitxt 5s infinite forwards;
	-o-animation:nijitxt 5s infinite forwards;
	-ms-animation:nijitxt 5s infinite forwards;
	transform:scale(1.05);
	-webkit-transform:scale(1.05);
	-moz-transform:scale(1.05);
	-o-transform:scale(1.05);
	-ms-transform:scale(1.05);
}

div[class="morebutton"] A:hover {
	animation:nijitxt 5s infinite forwards;
	-webkit-animation:nijitxt 5s infinite forwards;
	-moz-animation:nijitxt 5s infinite forwards;
	-o-animation:nijitxt 5s infinite forwards;
	-ms-animation:nijitxt 5s infinite forwards;
	transform:scale(1.05);
	-webkit-transform:scale(1.05);
	-moz-transform:scale(1.05);
	-o-transform:scale(1.05);
	-ms-transform:scale(1.05);
}

div[class="topbutton"] A:hover {
	animation:nijitxt 5s infinite forwards;
	-webkit-animation:nijitxt 5s infinite forwards;
	-moz-animation:nijitxt 5s infinite forwards;
	-o-animation:nijitxt 5s infinite forwards;
	-ms-animation:nijitxt 5s infinite forwards;
	background:rgba(0,0,0,1.0);
	transform:scale(1.05);
	-webkit-transform:scale(1.05);
	-moz-transform:scale(1.05);
	-o-transform:scale(1.05);
	-ms-transform:scale(1.05);
}

.topics:hover {
	background:rgba(247,247,247,1.0);
}

A:hover#article {
	color:rgba(252,252,252,1.0);
	-webkit-transition:0.2s;
	-moz-transition:0.2s;
	-o-transition:0.2s;
	-ms-transition:0.2s;
	transition:0.2s;
}

.headder {
	text-align:center;
	background:rgba(255,255,255,1.0);
	margin:0;
	padding0;
}

.siterogo {
	margin:0;
	padding:4% 0 2% 0;
}

div[class="siterogo"] img {
	margin:0;
	padding:0;
	width:30%;
	height:10.36627%;
	-webkit-transition:0.7s;
	-moz-transition:0.7s;
	-o-transition:0.7s;
	-ms-transition:0.7s;
	transition:0.7s;
}
@media screen and (max-device-width: 480px), screen and (max-width: 480px) {
div[class="siterogo"] img {
	width:75%;
}
}

.menubox {
	box-pack:justify;
	-moz-box-pack:justify;
	-webkit-box-pack:justify;
	-o-box-pack:justify;
	-ms-box-pack:justify;
	text-align:center;
	background:rgba(255,255,255,1.0);
	padding:0 0 2vh 0;
}
@media screen and (max-device-width: 480px), screen and (max-width: 480px) {
.menubox {
	padding:2vh 0 4vh 0;
}
}

.menu {
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-ms-box-sizing:border-box;
	font:1.6vw 'Montserrat', sans-serif;
	margin:0;
	word-spacing:3vw;
}
@media screen and (max-device-width: 480px), screen and (max-width: 480px) {
.menu {
	font:8vw 'Montserrat', sans-serif;
	line-height:8vh;
}
}

.contentstitle {
	margin:0;
	padding:4% 0 2% 0;
}

div[class="contentstitle"] img {
	margin:0;
	padding:0;
	width:35%;
	height:5.807522%;
	-webkit-transition:0.7s;
	-moz-transition:0.7s;
	-o-transition:0.7s;
	-ms-transition:0.7s;
	transition:0.7s;
}
@media screen and (max-device-width: 480px), screen and (max-width: 480px) {
div[class="contentstitle"] img {
	margin:0;
	padding:0;
	width:95%;
	-webkit-transition:0.7s;
	-moz-transition:0.7s;
	-o-transition:0.7s;
	-ms-transition:0.7s;
	transition:0.7s;
}
}

.newsbutton {
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-ms-box-sizing:border-box;
	position:fixed;
	top:19.5vw;
	left:44vw;
	margin:0;
	padding:0;
	animation:fuwafuwa 2s ease infinite alternate;
	-moz-animation:fuwafuwa 2s ease infinite alternate;
	-webkit-animation:fuwafuwa 2s ease infinite alternate;
	-ms-animation:fuwafuwa 2s ease infinite alternate;
	-0-animation:fuwafuwa 2s ease infinite alternate;
}
@media screen and (max-device-width: 480px), screen and (max-width: 480px) {
.newsbutton {
	top:40%;
	left:23%;
}
}

.newsbox {
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	overflow:hidden;
	width:60%;
	text-align:center;
	margin:200% auto 20% auto;
	padding:0 auto auto 0;
	background:rgba(255,255,255,1.0);
}
@media screen and (max-device-width: 480px), screen and (max-width: 480px) {
.newsbox {
	overflow:hidden;
	width:100%;
	text-align:center;
	margin:200% auto 80% auto;
	padding:0 auto auto 0;
	background:rgba(255,255,255,1.0);
}
}

.newscase {
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	width:100%;
	overflow:hidden;
	margin:0 auto 0 auto;
	padding:4% 0 4% 0;
	text-align:left;
	background:rgba(255,255,255,1.0);
}

.topics {
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	width:100%;
	background:rgba(255,255,255,1.0);
	border-bottom:dashed 1px #000000;
	margin:0;
	padding:3% 4% 2% 2%;/* 上・右・下・左 */
	float:left;
	-webkit-transition:0.3s;
	-moz-transition:0.3s;
	-o-transition:0.3s;
	-ms-transition:0.3s;
	transition:0.3s;
}

.date {
	color:#000000;
	font:0.6vw Meiryo, "メイリオ", Hiragino Kaku Gothic Pro, "ヒラギノ角ゴ Pro W3", cursive;
}
@media screen and (max-device-width: 480px), screen and (max-width: 480px) {
.date {
	display:none;
}
}

.title {
	font:3.75vw "メイリオ", Meiryo, Hiragino Kaku Gothic Pro, "ヒラギノ角ゴ Pro W3";
	font-weight:bolder;
	white-space:nowrap;
	color:#000000;
	margin:2% 0 0 0;
	padding:0 2% 0 2%;
	overflow:hidden;
	text-overflow:ellipsis;
	-o-text-overflow:ellipsis;
}
@media screen and (max-device-width: 480px), screen and (max-width: 480px) {
.title {
	font:10vw "メイリオ", Meiryo, Hiragino Kaku Gothic Pro, "ヒラギノ角ゴ Pro W3";
	font-weight:bolder;
	margin:6% 0 0 0;
	padding:0 2% 0 2%;
	overflow:hidden;
	text-overflow:ellipsis;
	-o-text-overflow:ellipsis;
}
}

.article {
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	width:100%;
	height:1vw;
	margin:3% 0 6% 0;
	padding:0 0 0 4%;
	font:0.9vw "メイリオ", Impact, Meiryo, Hiragino Kaku Gothic Pro, "ヒラギノ角ゴ Pro W3";
	line-height:140%;
	color:rgba(0,0,0,1.0);
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	-o-text-overflow:ellipsis;
}
@media screen and (max-device-width: 480px), screen and (max-width: 480px) {
.article {
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	width:100%;
	height:5.2vw;
	margin:3% 0 6% 0;
	padding:0 0 0 4%;
	font:5vw "メイリオ", Impact, Meiryo, Hiragino Kaku Gothic Pro, "ヒラギノ角ゴ Pro W3";
	line-height:135%;
	color:rgba(0,0,0,1.0);
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	-o-text-overflow:ellipsis;
}
}

dt {
	color:rgba(0,0,0,1.0);
	margin:0 0 1vh 0;
	padding:0 0 0 4%;
	font:1.25vw 'Noto Sans JP', 'Montserrat', sans-serif;
	font-weight:900;
	line-height:25pt;
}
@media screen and (max-device-width: 480px), screen and (max-width: 480px) {
dt {
	color:rgba(0,0,0,1.0);
	margin:0 0 3vh 0;
	padding:0 0 0 4%;
	font:5vw 'Noto Sans JP', 'Montserrat', sans-serif;
	font-weight:900;
	line-height:5.5vh;
}
}

dd {
	list-style:none inside;
	color:rgba(0,0,0,1.0);
	margin:0 0 1vh 0;
	padding:0 0 0 4%;
	font:1.25vw 'Noto Sans JP', 'Montserrat', sans-serif;
	line-height:15pt;
}
@media screen and (max-device-width: 480px), screen and (max-width: 480px) {
dd {
	list-style:none inside;
	color:rgba(0,0,0,1.0);
	margin:0 0 2vh 0;
	padding:0 0 0 4%;
	font:5vw 'Noto Sans JP', 'Montserrat', sans-serif;
	line-height:5.5vh;
}
}

.morebutton {
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-ms-box-sizing:border-box;
	position:fixed;
	bottom:7.5vh;
	left:44vw;
	margin:0;
	padding:0;
	animation:fuwafuwa 2s ease infinite alternate;
	-moz-animation:fuwafuwa 2s ease infinite alternate;
	-webkit-animation:fuwafuwa 2s ease infinite alternate;
	-ms-animation:fuwafuwa 2s ease infinite alternate;
	-0-animation:fuwafuwa 2s ease infinite alternate;
}
@media screen and (max-device-width: 480px), screen and (max-width: 480px) {
.morebutton {
	bottom:8vh;
	left:23%;
}
}

/* ↑ボタン */
.topbutton {
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-ms-box-sizing:border-box;
	position:fixed;
	bottom:7.5vh;
	right:4vw;
	margin:0;
	padding:0;
}

.footer {
	position:fixed;
	height:3vw;
	width:100%;
	bottom:0;
	margin:0;
	padding:0;
	background:rgba(0,0,0,1);
	color:#ffffff;
	font:0.725vw 'Montserrat', sans-serif;
	line-height:1.25vw;
}
@media screen and (max-device-width: 480px), screen and (max-width: 480px) {
.footer {
	height:10vw;
	font:3vw 'Montserrat', sans-serif;
}
}

/* アニメーション：fadein */
@keyframes fadeIn {
    0% {opacity:0}
    100% {opacity:1}
}

@-moz-keyframes fadeIn {
    0% {opacity:0}
    100% {opacity:1}
}

@-webkit-keyframes fadeIn {
    0% {opacity:0}
    100% {opacity:1}
}

@-ms-keyframes fadeIn {
    0% {opacity:0}
    100% {opacity:1}
}

/* アニメーション：fuwafuwa */
@keyframes fuwafuwa {
	0% {transform:translate(0,0);}
	50% {transform:translate(0,-1vh);}
	100% {transform:translate(0,0);}
}

@-moz-keyframes fuwafuwa {
	0% {-moz-transform:translate(0,0);}
	50% {-moz-transform:translate(0,-1vh);}
	100% {-moz-transform:translate(0,0);}
}

@-webkit-keyframes fuwafuwa {
	0% {-webkit-transform:translate(0,0);}
	50% {-webkit-transform:translate(0,-1vh);}
	100% {-webkit-transform:translate(0,0);}
}

@-ms-keyframes fuwafuwa {
	0% {-ms-transform:translate(0,0);}
	50% {-ms-transform:translate(0,-1vh);}
	100% {-ms-transform:translate(0,0);}
}

/* アニメーション：nijitxt */
@keyframes nijitxt {
	0% { color: #0036ff; }
	20% { color: #0038c9; }
	40% { color: #00deff; }
	60% { color: #cde0ff; }
	80% { color: #0066de; }
	100% { color: #003e9c; }
}

@-webkit-keyframes nijitxt {
	0% { color: #0036ff; }
	20% { color: #0038c9; }
	40% { color: #00deff; }
	60% { color: #cde0ff; }
	80% { color: #0066de; }
	100% { color: #003e9c; }
}

@-moz-keyframes nijitxt {
	0% { color: #0036ff; }
	20% { color: #0038c9; }
	40% { color: #00deff; }
	60% { color: #cde0ff; }
	80% { color: #0066de; }
	100% { color: #003e9c; }
}
@-o-keyframes nijitxt {
	0% { color: #0036ff; }
	20% { color: #0038c9; }
	40% { color: #00deff; }
	60% { color: #cde0ff; }
	80% { color: #0066de; }
	100% { color: #003e9c; }
}
@-ms-keyframes nijitxt {
	0% { color: #0036ff; }
	20% { color: #0038c9; }
	40% { color: #00deff; }
	60% { color: #cde0ff; }
	80% { color: #0066de; }
	100% { color: #003e9c; }
}

/* アニメーション：nijibacks */
@keyframes nijibacks {
	0% { background-color: #0036ff; }
	20% { background-color: #0038c9; }
	40% { background-color: #00deff; }
	60% { background-color: #cde0ff; }
	80% { background-color: #0066de; }
	100% { background-color: #003e9c; }
}

@-webkit-keyframes nijibacks {
	0% { background-color: #0036ff; }
	20% { background-color: #0038c9; }
	40% { background-color: #00deff; }
	60% { background-color: #cde0ff; }
	80% { background-color: #0066de; }
	100% { background-color: #003e9c; }
}

@-moz-keyframes nijibacks {
	0% { background-color: #0036ff; }
	20% { background-color: #0038c9; }
	40% { background-color: #00deff; }
	60% { background-color: #cde0ff; }
	80% { background-color: #0066de; }
	100% { background-color: #003e9c; }
}
@-o-keyframes nijibacks {
	0% { background-color: #0036ff; }
	20% { background-color: #0038c9; }
	40% { background-color: #00deff; }
	60% { background-color: #cde0ff; }
	80% { background-color: #0066de; }
	100% { background-color: #003e9c; }
}
@-ms-keyframes nijibacks {
	0% { background-color: #0036ff; }
	20% { background-color: #0038c9; }
	40% { background-color: #00deff; }
	60% { background-color: #cde0ff; }
	80% { background-color: #0066de; }
	100% { background-color: #003e9c; }
}