@charset "utf-8";



.home_list{ clear:both;}


/*home_list共通*/
.home_title_frame{ overflow:hidden; text-align:center;}
h1.home_title{}
h1.home_title img{width:250px; height:18px; margin-bottom:20px;}
.home_title_frame p{ font-size:120%; margin-bottom:55px;}

ul.home_list{}
ul.home_list li{ float:left;}
ul.home_list li a{text-decoration:none;}
ul.home_list li a:hover{text-decoration: underline !important;}
ul.home_list li img a:hover{opacity: 0.5; filter: alpha(opacity=50); -moz-opacity: 0.5;}
ul.home_list h1{ font-weight:bold; overflow:hidden; margin-bottom:10px;/* font-size:12px;*/}
ul.home_list p{ margin-bottom:0px;}
ul.home_list dl{}
ul.home_list dl dt{ margin-bottom:20px;}
ul.home_list dl dd{font-size:90%; font-weight:bold; margin-bottom:10px;}
ul.home_list dl dd p{ display: inline-block;}
ul.home_list dl dd p.text_vol{ color:#ff0000; margin-right:0.5em;}
ul.home_list dl dd > p.text_vol:after {content:" | "; color:#010101;}
ul.home_list dl dd p.text_date{}


ul.home_list dl dt img{ vertical-align:middle; width:100%;}
ul.home_list dl dd img{}

ul.home_list p.list_title_r{ float:right; padding-right:10px; padding-top:5px; margin-bottom:0px; font-size:11px;}
p.list_title_l{ position:absolute; z-index:100; margin-top:-35px; margin-left:41.2%; text-align:center;}


a ul.home_list dl dd.list_title_r{ text-decoration:none;}
.link_more{ text-align:right; height:22px; border-top:1px solid #e2e2e2;}
.link_more img{ margin-right:10px; margin-top:5px;}
p.home_list_text{ margin-bottom:28px;}
/*p.home_list_text{ padding-left:10px; padding-right:10px; font-size:11px;}*/


/*ブラウザ別*/
@media screen and (max-width: 767px) {
h1.home_title{ text-align:center; margin-right:0px; margin-left:0px;}
h1.home_title img{ width:50% !important; height:auto;}

ul.home_list dl dt{ height: auto;}
ul.home_list dl dd{}
ul.home_list dl dt img{ width:100%;}

p.list_title_l{ top:0; left:10px; margin:0;}



.link_more{ text-align:right; height:auto; padding:5px; border-top:1px solid #e2e2e2;/* margin-bottom:0px;*/}
ul.frame_event .link_more{ margin-bottom:0px; border-bottom:1px solid #e2e2e2; border-top:none;}
.link_more img{ margin-right:10px; margin-top:5px; width:22px;}
}
@media screen and (min-width: 768px) {
	
}
@media screen and (min-width: 1150px) {}


/*NEW CONTENTS*/
#home_new{margin-bottom:114px; width:100%;}
ul.frame_new{  overflow:hidden; margin-right:-2.55%; overflow:hidden;}
ul.frame_new li h1{font-size:130%; text-decoration:none;}
ul.frame_new li{ width:363px;/*width:30.75%*/; margin-right:2.55%; padding-top:35px; position: relative;}
ul.frame_new li a{}
ul.frame_new li a:hover{ /* background: #fbfbfb !important; height:483px !important;*/}
ul.frame_new li a img{}
ul.frame_new li p.home_list_text{ margin-bottom:28px;}

ul.frame_new li ul{ text-align:center; border:solid 1px #000; overflow:hidden; margin-bottom:34px;}
ul.frame_new li ul li{ float:left; width:50% !important; margin-right:0; padding-top:0; background:#fff; overflow:hidden;}
ul.frame_new li ul li a{border:1px solid #000; display:block; text-decoration:none; font-size:110%; padding:4px 4px 4px 15px;}

ul.frame_new li ul li.douga_btn{ background:url(../images/common/icon_youtube.png) no-repeat 15% center #000 !important;}
ul.frame_new li ul li.douga_btn a{ color:#fff; }
ul.frame_new li ul li.douga_btn a:hover{ background:url(../images/common/icon_youtube.png) no-repeat 15% center #fff; color:#000;}
ul.frame_new li ul li.oubo_btn{ background:url(../images/common/icon_oubo.png) no-repeat 15% center #ffff40;}
ul.frame_new li ul li.oubo_btn a:hover{ background:url(../images/common/icon_oubo.png) no-repeat 15% center #fff;}

ul.frame_new p.text_deadline{ font-size:170%; font-weight:bold; border-top:5px solid #f1f1f1; padding-top:25px;}
ul.frame_new p.text_deadline span{ display:block; font-size:60%;}


/*ARCHIVE*/
#home_archive{ padding-top:50px; background:#f1f1f1; margin-bottom:60px;}
#home_archive .home_archive_frame{ overflow:hidden; position: relative; /*margin-right:-1.75%;*/}
ul.frame_archive{ overflow:hidden; text-align:center;}
ul.frame_archive li{border:1px solid #e7e7e7; margin:0 0 30px; width:363px; margin-right:1.75%; margin-left:1.75%; background:#fff; display:inline-block; vertical-align:top; *zoom:1; float:none !important; text-align:left;}
ul.frame_archive li h1{padding:0 25px; font-size:105%;}
ul.frame_archive li dl{}
ul.frame_archive li dl dt{ text-align:center;}
ul.frame_archive li dl dt img{ /*width:311px; height:175px;*/}
ul.frame_archive li dl dd {padding:0 25px;}
ul.frame_archive li a{ display:block; padding-bottom:10px;}
ul.frame_archive li a:hover{ text-decoration:none !important;}
ul.frame_archive li p.text_archive{padding:0 25px 0;}

/*１つしかないとき
.home_archive_frame{ width:800px; margin-left:150px;}
.home_archive_frame ul{ overflow:hidden;}
.home_archive_frame ul li{ position:relative; background:#fff; border:1px solid #e7e7e7; }
.home_archive_frame ul li dl dt{ float:left; margin-right:20px; margin-bottom:0;}
.home_archive_frame ul li dl dd{ padding-top:20px;}
.home_archive_frame ul li dl dd p{ padding-right:0;}
.home_archive_frame h1{ overflow:hidden; font-size:150%;}
.home_archive_frame ul li  p{ padding-right:20px;}*/

/*ブラウザ別*/
@media screen and (max-width: 767px) {
#home_new{ padding-top:10px; margin-bottom:40px; overflow:hidden;}
#home_new .home_title img{ width:70px;}
#home_whatsnew .home_title img{ width:124px;}
#home_event .home_title img{ width:132px;}

ul.frame_new { margin-left:10px; margin-right:10px;}
ul.frame_new li{ width:100%; margin-right:0px; margin-left:0px; margin-bottom:0px;/* border:1px solid #e2e2e2;*/ border-bottom:none;}
ul.frame_new li h1{ text-align:center; height:auto; padding-bottom:10px; margin-bottom:10px;}
ul.frame_new li dl dd{ text-align:center;}
ul.frame_new li dl dd img{ width:30% !important;}

ul.frame_new li ul{ margin-bottom:10px;}

ul.frame_new p.text_deadline{ text-align:right; font-size:110%; border-top:none; border-bottom:5px solid #f1f1f1; padding-top:10px; margin-bottom:30px;}
ul.frame_new p.text_deadline span{ display: inline;}


#home_archive{ /*margin-bottom:0px;*/ padding-bottom:30px;}
#home_archive .home_archive_frame{ overflow: auto; position: relative; margin-right:0px; clear:both !important; display:block;}
ul.frame_archive { padding-left:10px; padding-right:10px;}
ul.frame_archive li{ width:100%; margin-bottom:20px;margin-right:0; margin-left:0;}
ul.frame_archive li img{ width:100% !important; height:auto !important; margin-left:0 !important;}

/*１つしかないとき
.home_archive_frame{ width:100%; margin-left:0;}
.home_archive_frame ul{ overflow:hidden; height:auto; padding-left:10px; padding-right:10px;}
.home_archive_frame ul li{ width:100%; margin-left:0; padding-right:0; padding-bottom:20px;}
.home_archive_frame ul li dl dt{ float:none; width:100%; margin-bottom:0;}
.home_archive_frame ul li dl dd{ float:none; padding-bottom:10px; padding-left:0; padding-right:0;}
.home_archive_frame ul li h1{padding-left:10px; padding-right:10px;}
.home_archive_frame ul li p{padding-left:10px; padding-right:10px;}*/

}
@media screen and (min-width: 768px) {
ul.frame_new li{width:30.75% !important; position:relative;}
}
@media screen and (min-width: 768px) and (max-width: 1149px) {
/*１つしかないとき
.home_archive_frame{ margin-left:90px;}*/

}

@media screen and (min-width: 1150px) {}