@charset "UTF-8";


/*コンテンツ
----------------------------------------------------*/
#main-info {
max-width: 920px;
margin: 40px auto 0px;
padding: 25px;
font-size: 90%;
border:2px solid #009bd7;
}

#main-image{
clear:left;
margin:5px auto;
width:100%;
height:100px;
background:url("../images/top/main2020.jpg") center center no-repeat;
-moz-background-size:cover;
background-size:cover;
}

#main-image p{
position:relative;
top:50%;
-webkit-transform:translateY(-50%);
-ms-transform:translateY(-50%);
transform:translateY(-50%);
margin:0;
padding:0 0 0 0.5em;
color:#FC0;
font-family: 'Roboto Condensed', sans-serif;
font-size:300%;
text-align:left;
line-height:1;
text-shadow: 2px 2px 1px #333;
}

#main-image p span{
position:absolute;
font-size:12px;
}

section.cont h2{
text-shadow:none !important;
letter-spacing:normal !important;
}


/* 新着情報
------------------------------- */
.news-area{
margin:5px 0 10px;
text-align:left;
}

.news-area h2{
margin:0 0 2px;
padding:2px 0;
font-size:140%;
}

.news{
position:relative;
border:#009bd7 solid 1px;	
}
 
.news h2{
color:#009bd7;
margin:0;
}

.news ul{
margin:0;
padding:0;
font-size:14px;
line-height:1.4;
list-style:none;
max-height:160px;
overflow:auto;
}

.news li{
display:block;
margin:0;
padding:0;
color:#000;
text-decoration:none;
border-bottom:solid 1px #aaa;
}

.news li.link-n{
margin:0;
padding:5px;
}

.news li time{
font-weight:700;
}

.news li a{
display:block;
margin:0;
padding:5px 5px 10px 5px;
}

.news li a time{
color:#487CBB;
text-decoration:underline;
}

.news li a p{
position:relative;
margin:0;
padding:0 20px 0 0;
color:#487CBB;
text-decoration:underline;
}

.news li a p:before{
position:absolute;
right:0;
top:50%;
content:'\f054';
margin:-12px 0 0 0;
color:#888;
font-family:'FontAwesome';
font-size:16px;
line-height:1;
}

.news li a:hover{
background-color:#EFEFEF;
}


/* メニュー
-----------------------------------------------*/
.menu-area p{
margin:5px 0;
}

.info-col{
float:none;
width:100%;
margin:0;
padding:5px;
font-size:12px;
}

.act-box {
position:relative;
}

a.act-box{
position: relative;
display: block;
margin-bottom: 5px;
padding: 10px 10px 10px 15px;
background: #fff;
-moz-box-shadow: 0 0 1px 1px #fff inset, inset 0 0 20px 3px rgba(230, 226, 220, .6);
-webkit-box-shadow: 0 0 1px 1px #fff inset, inset 0 0 20px 3px rgba(230, 226, 220, .6);
box-shadow: 0 0 1px 1px #fff inset, inset 0 0 20px 3px rgba(230, 226, 220, .6);
color: #666;
-moz-transition: all .18s;
-o-transition: all .18s;
-webkit-transition: all .18s;
transition: all .18s;
text-decoration: none;
border: solid 1px #009bd7;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
behavior:url(../js/PIE.htc);
}

a.act-box:hover, a.act-box:focus {
border:solid 1px #009bd7;
-moz-box-shadow:0 0 1px 1px #fff inset, inset 0 0 10px 5px rgba(210, 225, 255, 1);
-webkit-box-shadow:0 0 1px 1px #fff inset, inset 0 0 10px 5px rgba(210, 225, 255, 1);
box-shadow:0 0 1px 1px #fff inset, inset 0 0 10px 5px rgba(210,225, 255, 1);
text-decoration:none;
display:block;
background-color:#D2E1FF;
}

.act-box img {
float:left;
margin:5px 15px 5px 0;
padding:0;
}

[dir="rtl"]　.act-box img {
float:left;
}

.act-box h2 {
color:#009bd7;
font-size:140%;
font-weight:700;
margin-top:3px;
}

.act-box img{
float:none;
width:100%;
max-width:100%;
height:auto;
width /***/:auto;　/*IE8のみ適用*/
margin:2px auto 10px;
text-align:center;
}

.act-box p.lead-copy {
margin:0;
padding-top:0;
padding-left:5px;
color:#222;
font-size:100%;
}


/* foot-banner
-----------------------------------------------*/
#foot-banner{
max-width:940px;
margin:5px auto;
padding:10px 0;
text-align:center;
}

#foot-banner li{
display:block;
max-width:352px;
max-height:352px;
margin:10px auto 30px;
padding:0;
/*border:solid 1px #aaa;*/
-webkit-box-shadow:0 0 20px 0 rgba(0,0,0,0.3);
box-shadow:0 0 20px 0 rgba(0,0,0,0.3);	
}


/*youtube 並び方 18/12/18
-----------------------------------------------------------------*/


.youtube-container {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}
.youtube-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}



/*メディアクエリ
-----------------------------------------------------------------*/
@media screen and (min-width:640px) {

#main-image{
height:200px;
}

#main-image p{
font-size:600%;
}

#main-image p span{
font-size:24px;
}

.news li a{
display:block;
padding:16px;
line-height:1;
color:#000;
text-decoration:none;
border-bottom:solid 1px #aaa;
}
	
.news time{
float:left;
}

.news p{
padding-left:100px;
}

.news p:before{
display:none;
}

.info-col{
float:left;
width:48%;
margin:0;
padding:5px;
font-size:12px;
}


/* foot-banner
-----------------------------------------------*/
#foot-banner li{
max-width:24.46%;/* 230/940 */
height:auto;
display:inline-block;
margin:10px 20px;
}

}




@media only screen and (min-width:960px) {
	
#main-image{
height:300px;
}
	
.info-col{
float:left;
width:32%;
margin:0;
padding:5px;
font-size:12px;
}

}