@charset "utf-8";

/* CSS Document */

* {
  margin: 0;
  padding: 0;
  list-style: none;
  
}
/* ▼ 追記 ▼ */
body{background-color: #000;} /*ボディを黒にしておけば、以降の要素では指定不要*/
img{
	width: 100%;
	height: auto;
}
a{cursor: pointer;}
a:hover{opacity: 0.7;}
a img:hover{opacity: 0.7;}
.clearfix:after,
.clearfix:before{content:"";display:table}
.clearfix:after{clear:both}
.clearfix{zoom:1}



a:link {
  color: #FFFFFF;
	text-decoration:none;
}
a:visited {
  color: #ffffff
}
 
#wrap {
	width: 100vw;
	margin: 0 auto;
	position: relative;
	height: auto;
	
}
#wrap:after {
  content: '';
  display: block;
  clear: both;
}

#wrap .itiyou {
	position: relative;
	width: 100vw;
	height: auto;
}


#nav_outer.clearfix  {
	width: 100vw;
	height: 8vw;
	margin-bottom: 1.5vw;
	}
#nav_outer .nav_koumoku_L.clearfix {
	width: 40vw;
	height: 7vw;
	float: left;
	margin-left: 2.35vw;
}
#nav_outer .nav_koumoku_L.clearfix p {
    margin-right: 3.6vw;
    margin-top: 5.3vw;
    float: right;
    color: #FFFFFF;
    font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
    font-weight: bolder;
    font-size: 1.4vw;
}
#nav_outer .rogo.clearfix {
    width: 14.5vw;
    float: left;
    margin-top: 3.2vw;
    height: auto;
}
#nav_outer .rogo.clearfix img {
    width: 14.5vw;
    height: auto;
    margin-bottom: 1vw;
}
#nav_outer .nav_koumoku_R.clearfix {
    width: 43vw;
    height: 7vw;
    float: left;
}
#nav_outer .nav_koumoku_R.clearfix p {
    margin-left: 2vw;
    margin-top: 5.3vw;
    float: left;
    color: #FFFFFF;
    font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
    font-weight: bolder;
    font-size: 1.4vw;
}



#wrap .itiyou.clearfix .line.clearfix {
	width: 100vw;
	height: 1.7vw;
	background: linear-gradient( #000000 ,#00599A ,#000000 );
	text-shadow: 0px 0px;
	margin-top: -0.3vw;
}







.side {
	width: 27vw;
	height: auto;
	margin-top: 3vw;
	margin-bottom: 3vw;
	float: left;
	}


.nitiji {
	width: 17vw;
	height: auto;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: 3.5vw;
	margin-bottom: 1.5vw;
}
.picup {
	width: 20vw;
	height: auto;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.picup img {
	margin-top: 2vw;
	width: 20vw;
	height: auto;
}
.tirashi {
	width: 18vw;
	height: auto;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: 2vw;
	margin-bottom: 1.2vw;
		
}








.Twitter_outer.clearfix {
	width: 22vw;
	height: 35vw;
	margin-left: 2.5vw;
}
.twitter_icon.clearfix   {
width: 16vw;
	height: 5.2vw;
	
	margin-left: 2vw;
	margin-bottom: 1vw;
}
.twitter_icon.clearfix p {
	color: #FFFFFF;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-weight: bolder;
	font-size: 1.8vw;
	margin-top: 2.8vw;
	margin-left: 7vw;
		
	}
.Twitter_inner.clearfix {
	width: 22vw;
	height: 35vw;
	border: 0.2vw double #00599A;
	background-color: #000;
	

}




footer  {
    width: 100vw;
    height: 10vw;
    border-top: 0.2vw double #9E7A00;
    text-align: center;
    position: relative;
    background: linear-gradient(#00599A ,#000000 ,#000000 ,#00599A);
    -webkit-box-shadow: 0px 0px;
    box-shadow: 0px 0px;
}
.baner img {
	width: 7vw;
	height: auto;
}
.baner {
	width: 7vw;
	height: auto;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: 3vw;
}
.mudan_copy.clearfix {
	margin-top: 0.5vw;
}

.mudan_copy.clearfix p  {
	color: #FFFFFF;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size: 0.6vw;
	line-height: 1.2vw;
}