@charset "UTF-8";

/* --------------------------------
 * page-main
 * -------------------------------- */

.top-key { float:left; width:600px; height:845px; margin-right:10px; position:relative; background: url('../images/key_decembersky.jpg') 0 0 no-repeat;}
.top-key .key-img { height:auto; position:absolute; top:0; left:0;}
.top-key .copy { height:auto; position:absolute; top:3%; left:13%;}
.top-key .catch { height:auto; position:absolute; top:120px; left:290px;}
.top-info { float:right; margin-bottom:5px; width:350px; height:auto; background-color: rgba(0,0,0,0); padding-bottom:3px;}
.top-info a:hover { opacity: 0.7; filter: alpha(opacity=70); -ms-filter: "alpha(opacity=70)";}
.top-info .info01 { width:350px; height:190px; margin-bottom:5px;}
.top-info .info02 { width:350px; height:120px; margin-bottom:5px;}
/*.top-info .info02, .top-info .info03, .top-info .info04 { width:350px; height:auto; font-size:1.2em; text-align:center; }
.top-info .info02 a, .top-info .info03 a, .top-info .info04 a { display:block; background-color: rgba(3,35,102,0.5); padding:5px 5px 2px 5px; margin:0 5px 5px 5px; border:double 3px #696969;}
.top-info .info02 a:hover, .top-info .info03 a:hover, .top-info .info04 a:hover { background-color: rgba(0,0,0,0.2);}*/
.top-pv { float:right; width:350px; min-height:280px; background: rgba(0,0,0,0); text-align:center; padding:0 auto 10px; margin-bottom:0px;}
.top-pv-main { width:350px; height:226px; background: url('../images/top_pv_bg.png') 0 0 no-repeat; position:relative;}
.top-pv-main img { height:auto; position:absolute; top:0px; left:0px;}
.top-pv-title { font-size:1.2em; line-height:1.4; }
.top-pv a:hover { opacity: 0.7; filter: alpha(opacity=70); -ms-filter: "alpha(opacity=70)";}
.top-news { float:right; width:350px; height:auto; background: rgba(0,0,0,0.5); padding:5px; margin-bottom:10px;}
.top-news-logo { font-size:1.4em; font-weight:bold; border-bottom:double 3px #FFF; padding:5px; margin:3px 3px 0;}
.top-news-title { font-size:1.2em; line-height:1.4; padding:10px; }
.top-news-title .day { font-weight:bold;}
.top-news a:hover { opacity: 0.7; filter: alpha(opacity=70); -ms-filter: "alpha(opacity=70)";}
.top-sns { float:right; width:350px; height:auto; margin-bottom:10px; margin:0 auto; padding-left:25px; }
.top-sns ul li { float:left; text-align:center;}
.top-sns ul li a:hover { opacity: 0.7; filter: alpha(opacity=70); -ms-filter: "alpha(opacity=70)";}
.top-sns .sns-bt-tw { width:50px; height:50px; margin-right:10px;}
.top-sns .sns-bt-fb { width:50px; height:50px; margin-right:10px;}
.top-sns .sns-bt-tw2 { width:180px; height:50px;}
.top-news iframe { border:none; outline: none; background: none; x-scroll :none; margin-top:0px; width:325px; height:110px;} 

/* haishin-schedule */
.haishin-schedule { width:960px; margin:0 auto; padding:0 10px;}
.haishin-list-title { font-size:1.4em; line-height:1.6; padding:5px 10px; border:double 3px #ccc;}
.haishin-list-copy { font-size:2.0em; line-height:2.0; padding:5px 0 5px 5px;}
.haishin-list-schedule { padding:0px 30px 10px; text-align:center;}
.haishin-list-schedule li { float:left; font-size:1.4em; line-height:1.5em; padding:5px; border:double 3px #ccc; width:45%;}
/* .haishin-list-schedule li a{ color:#C30;} */
.haishin-list-sell { padding:5px; font-size:1.2em; line-height:1.4em;}
.haishin-est { padding:5px;}
.haishin-copy { padding:10px; font-size:1.4em; line-height:1.6em; background-color: rgba(255,255,255,0.5); margin:10px 0; color:#333;}
.haishin-copy a:hover { opacity: 0.7; filter: alpha(opacity=70); -ms-filter: "alpha(opacity=70)";}
.haishin-movie {padding:5px; font-size:1.4em; line-height:1.5; border:double 3px #ccc; background-color: rgba(80,14,20,0.5); font-weight:bold;}

/* top-bnr */
.top-bnr { width:960px; margin:0 auto; text-align:center;}
.top-bnr li { display:inline-block; margin-bottom: 10px;}
.top-bnr li a:hover { opacity: 0.7; filter: alpha(opacity=70); -ms-filter: "alpha(opacity=70)";}

/* .top-key a:hover {opacity: 0.7;} */

@media screen and (max-width: 767px) {
.page-main {padding-top:10px;}	
.top-key { float:none; width:100%; margin-right:0px; height:0; padding-bottom:141%; background-size: contain; }
.top-key .key-img img { width:100%; height:auto;}	
.top-key .copy { top:3%; left:0%;}
.top-key .copy img { width:100%; height:auto;}
.top-key .catch { top:80px; left: 0px;}
.top-key .catch img { width:60%;}
.top-info { float:none; width:95%; height:auto; margin:10px auto;}
.top-info .info01, .top-info .info02, .top-info .info03, .top-info .info04 { width:100%; height:auto;}
.top-info .info01 img, .top-info .info02 img, .top-info .info03 img, .top-info .info04 img { width:100%; height:auto;}
.top-pv { float:none; width:100%; height:auto; margin-top:10px; }
.top-pv-main { width:100%; height:auto; height:0; padding-bottom:64.57%; background-size: contain; }
.top-pv-main img { width:100%; height:auto;}
.top-pv-title { padding-bottom:10px;}
.top-news { float:none; width:100%; margin-top:10px; }
.top-news-main { width:100%; height:auto; }
.top-news-title { padding-bottom:10px;}
.top-sns { float:none; width:100%; margin-top:10px; padding-left:10px; }
.top-news iframe { width:100%; height:auto;} 

/* haishin-schedule */
.haishin-schedule { width:100%; height:auto;}
.haishin-list-copy { font-size:1.6em; line-height:1.6; padding:5px 0 5px 5px;}
.haishin-list-schedule li { float:none; width:100%; font-size:1.2em; line-height:1.4;}


/* top-bnr */
.top-bnr { width:100%; height:auto;}
.top-bnr li { display:inherit; margin-bottom:5px;}



}