@charset "utf-8";
/* CSS Document */


.rink{
    background-color:#4682B4;	
    padding:5px;
	font-size:18px
}

.rink a{
  color:#2A3F55;  
  text-decoration:none; /* 元々の下線を消す */
  display:inline-block; /* リンクを文字列中に置くため */
  padding-right:10px
}
.rink a:hover{
  color:#FFF	
}
/* 疑似要素を作る */
.rink a::before {
  content:"";
  display:block;
  position:relative;
  top:1.05em; /* 下線になるよう適当に位置調整 */
  left:0; /* テキストの左端に位置させる */
  width:0; /* アニメーションさせるため 0 にしておく */
  height:2px;
  background:#c0c0c0; /* 下線の色になる */
  transition:0.3s; /* アニメーションの時間 */
}

.rink a:hover::before {
  width:100%; /* ホバー時にテキストの右端まで下線を伸ばす */
}	



.sub{
   background-color:#2A3F55;
   color:#FFFBF0; 		
    padding:1px;
     margin-top: 0;
      margin-bottom: 0
 }  
 
.sub h1{
	font-size:200%; 
	margin:5px 0px 0px 0px }




.box1 img{
     height:410px;
	 width:100%;	
     padding-top:0;
	 margin-top:0;
     padding-bottom:0;
    vertical-align:bottom
}    

.box1{
     background-color:#A0A0A4;
     margin-bottom:0
}	

.box2 ul{
        list-style:none 
}

.contents {
     	width:45%;
		margin-left:auto;
		margin-right:auto;	 
     	background-color:#808080;
        margin-top:0px;
        padding-top:0px;
        padding-bottom:100px

}
.box2-1{
        width:30%;
		margin-left:auto;
		margin-right:auto;	 
     	background-color:#808080
	    
}
.box2-1{
        font-size:45px;
        
}

.box2-2{
        width:50%;
		margin-left:auto;
		margin-right:auto;	 
     	background-color:#808080
	
}

.box2-3{
        font-weight:bold;
		font-size:18px;
		width:300px;
		margin-left:auto;
		margin-right:auto;	 
     	background-color:#808080;
	    line-height:150%
}

/*水平線（デフォルト黒線消して白線）*/
.box2-3 hr{
    border-top:dotted 1px #fff;
    border-right:solid 1px #808080;
    border-bottom:solid 1px #808080;
    border-left:solid 1px #808080;
	background-color:transparent;
    height:1px

}


.box2{
 	 background-color:#A0A0A4;
      

}

.box2-3 dl{
        list-style:none 
}
.box2-3 dt{
        font-weight:bold
}
.box2-3 dd{
        padding-top:5px
}


.copyright p{
   margin:0;
   color:#666666;
   font-size:14px;
   background-color:#A0A0A4;	
   padding:10px;
   border-top:dotted 1px #FFFBF0;

}
@media (max-width: 480px) {
/* 疑似要素を作る */
.rink a::before {
  content:"";
  display:block;
  position:relative;
  top:1.25em; /* 下線になるよう適当に位置調整 */
  left:0; /* テキストの左端に位置させる */
  width:0; /* アニメーションさせるため 0 にしておく */
  height:2px;
  background:#c0c0c0; /* 下線の色になる */
  transition:0.3s; /* アニメーションの時間 */
}

.rink a:hover::before {
  width:100%; /* ホバー時にテキストの右端まで下線を伸ばす */
}	
}
 @media (max-width: 900px) {
.rink{
	font-size:14px;
	}
	
	
.box1{
     background-color:#A0A0A4

}	
.box1 img{
	  height:80%
	
}
.box2-1{
        width:40%;
		margin-left:auto;
		margin-right:auto;	 
     	background-color:#808080;
	    font-size:30px
}


.box2-2{
        width:90%;	 
     	margin-bottom:-20px;
		margin-top:5px;
		font-size:18px;
		background-color:#808080
	
}	

.box2{
 	 width:100%;
	 background-color:#A0A0A4;
     margin-top:0
}

.contents {
    
		width:100%;
     	background-color:#808080;
		padding-bottom:50px 

}


}

@media (min-width: 1600px) {
              body{
				 width:1400px;
				 margin-left:auto;
				 margin-right:auto 
   	 
 }
}