@charset "utf-8";
body {
	margin: 0px;
	
}

#header {
}

#header section .title {
	background-color: #000099;
	background-image: url('../images/nvs-logo.gif') ;
	background-repeat: no-repeat;
	background-position: right;
	height: 95px;
	font-size: 2em;
	color: aliceblue;
	white-space: nowrap;
	overflow: hidden;
}

#header section .title::before{
  content: '';
  display: inline-block;
  vertical-align: top;
  width: 100%;
}

/*index-RSS*/
.rss-box-blog .rss-items li{
	padding-bottom: 15px;
}

.rss-box-blog .rss-item a{
	color: #0000FF;
	text-decoration-line: underline;
	overflow: hidden;
	font-weight: bold;
	text-overflow: ellipsis;
	display: block;
	margin-bottom: -1.5em;
}


/*index-mstdn*/

.rss-box-mstdn {
	border: 1px #808080 outset;
	padding: 20px;
}
.rss-box-mstdn .rss-items li{
	margin-bottom: 20px;
	border-bottom-color: #000000;
	border-bottom-style: solid;
	border-bottom-width: 2px;
}

.rss-box-mstdn .rss-items a{
	margin-bottom: 1em;
	color: #0000FF;
	text-decoration: underline;
}

/*footer*/
#footer {
	padding: 5px 0;
	clear: both;
	background-color: #039BE5;
	text-align: center;
	color: #F0F8FF;
	margin-top: 15px;
}



/* rollover */
#nav li a span.en {
    display: none;
}
#nav li a:hover span.en {
    display: inline;
}
#nav li a span.jp {
    display: inline;
}
#nav li a:hover span.jp {
    display: none;
}



/* menu */

*, *:before, *:after {
padding: 0;
margin: 0;
box-sizing: border-box;
}

ol, ul {
list-style: none;
}

a {
text-decoration: none;
color: inherit;
}

/*.menu_area {
	height: 40px;
}*/


.menu_list {
position: relative;
z-index: 5;
top: 5px;
left: 0;
overflow: auto;
width: 100%;
height: auto;
padding-top: 0;
-webkit-transition: transform 0.3s ease-in;
transition: transform 0.3s ease-in;
text-align: center;
color: #ffffff;
background-color: #039be5;
}
.menu_list nav,
.menu_list ul {
height: 100%;
}
.menu_list li {
	display: inline-block;
	margin-right: -8px;
	border: none;
	width: 85px;
}
.menu_list a {
	display: block; /*	padding: 8px 15px;*/;
	-webkit-transition: background-color .3s ease-in;
	transition: background-color .3s ease-in;
	padding-top: 5px;
	padding-bottom: 5px;
}

.menu_list a:hover {
background-color: #1565C0;
}

/* menu toggle */
#menu_check {
display: none;
}

#menu_check:checked ~ .menu_list {
-webkit-transform: translateX(0);
transform: translateX(0);
}
#menu_check:checked ~ .cp_container {
-webkit-transform: translateX(0);
transform: translateX(0);
}
.menu_mobile {
top: 100px;
display: none;
}

@media (max-width: 859px) {
/* menu */
.menu_list {
position: fixed;
left: -250px;
top: 95px;
overflow-y: hidden;
width: 250px;
height: 100%;
/*padding-top: 60px;*/
color: #ffffff;
background-color: #039be5;
}
.menu_list nav {
background: #29B6F6;
}
.menu_list li {
	display: block;
	margin-right: 0;
	border-bottom: 1px solid #ffffff;
	width: 100%;
}
.menu_list a {
padding: 20px;
}


/* menu toggle */
.menu_mobile {
	display: block;
	z-index: 10;
	position: fixed; /*top: 100px;*/;
	top: 0px;
	left: 0;
	padding: 0 25px;
/*	width: 100%;*/

	height: 95px;
	background-color: #039BE5;
}
.menu_icon {
display: block;
position: relative;
width: 25px;
height: 100%;
cursor: pointer;
-webkit-transition: transform .3s ease-in;
transition: transform .3s ease-in;
}
.menu_icon > span {
display: block;
position: absolute;
top: 55%;
margin-top: -0.3em;
width: 100%;
height: 0.2em;
border-radius: 1px;
background-color: #eeeeee;
-webkit-transition: transform .3s ease;
transition: transform .3s ease;
}
.menu_icon > span:before,
.menu_icon > span:after {
content: '';
position: absolute;
width: 100%;
height: 100%;
border-radius: 1px;
background-color: #eeeeee;
-webkit-transition: transform .3s ease-in;
transition: transform .3s ease-in;
}
.menu_icon > span:before {
-webkit-transform: translateY(-0.6em);
transform: translateY(-0.6em);
}
.menu_icon > span:after {
-webkit-transform: translateY(0.6em);
transform: translateY(0.6em);
}
#menu_check:checked + .menu_mobile .menu_icon {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
#menu_check:checked + .menu_mobile span:before,
#menu_check:checked + .menu_mobile span:after {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
#menu_check:checked ~ .menu_list {
-webkit-transform: translateX(100%);
transform: translateX(100%);
}
#menu_check:checked ~ .cp_container {
-webkit-transform: translateX(250px);
transform: translateX(250px);
}

}



.contents a {
	color: #0000FF;
	text-decoration: underline;
}



@media only screen{
img {max-width: 100%;height: auto;}
}

/*#contents {
	padding-top: 60pt;
	padding-left: 20pt;
}*/

.index {
	padding-top: 40px;
	padding-left: 40px;
	padding-right: 40px;

}

.main{
	margin-bottom: 50px;
}

.main h2{
	margin-bottom: 15px;
}

.side h2{
	margin-bottom: 15px;
}

.twitter-timeline{
	height: 600px !important;
}

@media(min-width:860px){
#page {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}

/*#contents {
	padding-left: 60pt;
}*/

.index {
	padding-top: 40px;
	padding-left: 40px;
	padding-right: 40px;
}

.main{
  float: left;
  width: 100%;
  margin-right: -250px;
  padding-right: 300px;
  box-sizing: border-box;
  margin-bottom: 15px;
}

.main h2{
	margin-bottom: 15px;
}

.side{
  float: right;
  width: 250px;
  margin-bottom: 15px;
}

.side h2{
	margin-bottom: 15px;
}
.summary{
	background-image: url('http://nvs-live.com/images/summary-bg.gif');
	background-repeat: no-repeat;
	background-position: right;
}
}

@media only screen and (min-width: 1366px) {
#page {
	width: 70%;
	margin-left: auto;
	margin-right: auto;
}

.index {
	padding-top: 40px;
	padding-left: 40px;
	padding-right: 40px;
}
	  
.main{
	float: left;
	width: 100%;
	margin-right: -300px;
	padding-right: 350px;
	box-sizing: border-box;
}

.main h2{
	margin-bottom: 15px;
}

.side{
  float: right;
  width: 300px;
}

.side h2{
	margin-bottom: 15px;
}
.summary{
	background-image: url('http://nvs-live.com/images/summary-bg.gif');
	background-repeat: no-repeat;
	background-position: center;
}
}


/*summaryページ*/
.summary{
	padding-top: 40px;
	padding-left: 40px;
	padding-right: 40px;
}

.summary p{
	margin-top: 10px;
}

.banner {
	width: 250px;
	float: right;
	text-align: center;
	margin-bottom: 30px;
}


/*donationページ*/
.donation{
	padding-top: 40px;
	padding-left: 40px;
	padding-right: 40px;
}

.donation p{
	margin-top: 10px;
}


/*linkページ*/
.link{
	padding-top: 40px;
	padding-left: 40px;
	padding-right: 40px;
	margin-bottom: 30px;
}

.link dt{
	font-weight: bold;
		padding-left: 40px;
}

.link dd{
	margin-bottom: 15px;
		padding-left: 80px;
}

.link-url {
	float: right;
}



/*achievementsページ*/
.achievements{
	padding-top: 40px;
	padding-left: 40px;
/*	padding-right: 40px;*/
	margin-bottom: 30px;
}

.ach-year {
	background-color: #039BE5;
	font-weight: bold;
	text-align: center;
	margin-right: 30px;
	margin-top: 15px;
}
.ach-event {
	margin-left: 15px;
}

.ach-date {
}


/*contactページ*/
.contact{
	padding-top: 40px;
	padding-left: 40px;
	padding-right: 40px;
	margin-bottom: 30px;
}

#form-tbl {
	margin-left: 1.5em;
}
#form {
	border-collapse: collapse;
	margin: 1em 0;
}
#form th, #form td {
	border: 1px solid #666;
	padding: 8px;
}
#form th {
	white-space: nowrap;
	background: #29B6F6;
}
#form td {
	background: #fff;
}
p.btn input {
	width: 110px;
	height: 32px;
}


p.msg {
	color: #dd0000;
	margin: 2em;
}
span.msg {
	color: #dd0000;
}

form.back {
	margin-top: 2em;
}

/* スマホ用 */
@media only screen and (max-width: 480px) {
	#body { margin: 0; padding: 0; }
	
	/* 投稿フォーム */
	#form-tbl { margin: 0 auto; text-align: center; }
	#form { width: 100%; margin: 10px auto; }
    #form th, #form td {
    	text-align: left;
		width: 100%;
        display: block;
        padding: 6px 3px;
        border-top: none;
    }
    #form tr:first-child th	{ border-top: 1px solid #666; }
    p.btn input { width: 10em; }
	
	/* サンクス */
	p.msg { margin: 1em auto; }
}