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

/* jumbotron */
#page_head{width:100%;background-image:url(../image/sp_back.png);background-repeat:repeat-x;background-size:750px;background-position:center top;margin:0 auto 15px;}
#jumbotron{width:310px;margin:0 auto;}
#logo{height:225px;width:310px;background-image:url(../image/top_logo.png),url(../image/blizzardon.gif);background-repeat:no-repeat;background-position:center top,140px 10px;background-size:contain,150px auto;margin:0 auto;position:relative;}
#logo em{display:none;}
#information{margin-top:10px;margin-bottom:0;}
#news_title{height:30px;background-color:#8cc846;border-radius:5px 5px 0 0;}
#ie7_blizzardon,#ie7_logo,#profile{display:none;}
#news_title em{line-height:30px;color:#fff;padding-left:10px;font-weight:700;}
.list_group{display:block;width:100%;margin:0 0 5px;}
.list{display:table-cell;text-align:left;}
.w_1em{width:1em;}
.list p{padding:0 10px 0 0;}
.list strong {color:#333;font-weight:700;}
#info_contents{padding:0 0 0 10px;}

.banner_radiru{background-image:url(../image/slider_rajiru.png);background-size:contain;width:130px;height:63px;float:left;background-repeat:no-repeat;background-position:center;}

.sns{height:63px;float:right;/*width:130px;background-color:#FFFFFF; 20170228 yama*/}
.sns_button1{background-image:url(../image/sns_button1.png);width:30px;height:30px;float:left;margin-left:10px;margin-top:6px;background-size:contain;}
.sns_button2{background-image:url(../image/sns_button2.png);width:30px;height:30px;float:left;margin-left:10px;margin-top:6px;background-size:contain;}
.sns_button3{background-image:url(../image/sns_button3.png);width:30px;height:30px;float:left;margin-left:10px;margin-top:6px;background-size:contain;}
.sns_message{line-height:14px;font-size:11px;text-align:center;margin-top:5px;}


/*.nhk-snsbtn{margin:5px 8px 0 !important;display:none;}*/
.nhksns li{margin:0 4px !important;}

.nhksns-icon-l img{width:30px !important;}

/* contents */
#contents{border-radius:10px 10px 0 0;background-color:#FFFFFF;width:310px;margin:0 auto;padding:0;}
.contents_title{background-color:#3fa9f5;width:280px;height:26px;margin:12px auto;position:relative;}
.contents_title_innner{background-image:url(../image/contents_title_innner.png);background-repeat:no-repeat;background-size:contain; width:220px;height:12px;position:absolute;top: 0;bottom: 0;left: 0;right: 0;margin:auto;}

#main{margin-left:15px;margin-top:15px;}
#sp_topics{height:30px;width:100%;background-color:#3AA0F9;border-radius:5px 5px 0 0;}
#sp_topics em{line-height:30px;color:#fff;padding-left:10px;font-weight:700;}
.movie_base{width:224px;margin-right:15px;}
.movie{background-color:#EFEFEF;text-align:center;border-radius:10px;padding-top:15px;cursor:pointer;padding-right:15px;padding-left:15px;}
.movie:hover{background-color:#FFFF00;-webkit-transition:background-color .45s linear;transition:background-color .45s linear;}

.movie_date{line-height:20px;font-size:11px;margin:0 0 20px 0;text-align:right;}
.movie_title{font-size:12px;font-weight:700;line-height:25px;text-align:center;margin:0;padding:0 0 5px;display:inline-block;}

.thumb img{width:100%;border-radius:14px;}

#navi{width:100%;height:40px;text-align:center;}
#nav_archive em,#nav_msg em{height:30px;line-height:30px;}
#nav_msg{width:200px;background-color:#666666;height:30px;;color:#FFFFFF;font-weight:700;float:left;margin:10px 0 0;line-height:30px;}
#nav_archive{width:200px;background-color:#fff;height:30px;display:block;float:left;margin:10px 0 0;}
#nav_archive a{width:200px;color:#333;font-weight:700;height:30px;line-height:30px;}
#prev,#next{width:55px;height:40px;float:left;background-color:rgba(0,0,0,0.8);cursor:pointer;}
#prev{border-top-right-radius:10px;}
#prev em,#next em{display:inline-block;color:rgba(255,255,255,1.00);margin:5px 0 0;}
#next{border-top-left-radius:10px;}

/* blizzardon */
#sp_info{width:310px;height:200px;background-image:url(../image/sp_info.png),url(../image/blizzardon.gif);background-repeat:no-repeat;background-position:right 0 , left 0;background-size:160px auto , 170px auto;position:relative;margin:15px auto 0;}
#blizzardon{width:200px;margin:0 auto;}
#blizzardon_title{width:80%;margin:0 auto;}
#sp_profile{position:absolute;top:120px;right:10px;margin:0;}
.btn_profile{line-height:30px;text-align:center;}
.btn_profile a{display:inline-block;margin-right:auto;margin-left:auto;padding-right:10px;padding-left:10px;color:#333;background-color:#fff;border-radius:5px;font-weight:700;width:120px;}
.btn_coloring{line-height:30px;text-align:center;margin:5px 0 0;}
.btn_coloring a{display:inline-block;margin-right:auto;margin-left:auto;padding-right:10px;padding-left:10px;color:#333;background-color:#fff;border-radius:5px;font-weight:700;width:120px;}
.sp{color:#8cc846;}


/* link_contents */
#link_contents{margin:10px 0 0;}
#link_bord{margin:0;background-image:url(../image/sp_board4.png),url(../image/sp_board1.png),url(../image/sp_board3.png);
background-repeat:no-repeat;background-size:310px;background-position:center top,center top,center bottom;}
#link_btn{padding-top:30%;width:100%;padding-bottom:20px;}
#link_btn .b_title{display:block;text-align:center;font-weight:700;color:#333;font-style:normal;line-height:16px;padding:5px 5px 2px;}
#link_btn .b_detail{display:block;text-align:left;color:#333;font-size:10px;font-style:normal;padding:0 5px 5px;line-height:16px;}
.s_font{font-size:12px;}
.btn_1,.btn_2{padding:0 20px 10px;background-image:url(../image/sp_board2.png);background-repeat:repeat-y;background-size:310px;background-position:center top;}
.btn_1 a,.btn_2 a{display:block;width:100%;background-color:#FFF;margin-right:auto;margin-left:auto;}
.btn_1 a:hover,.btn_2 a:hover{background-color:#FFFF00;-webkit-transition:background-color .45s linear;transition:background-color .45s linear;}

#footer_contents{width:300px;margin:0 auto;position:relative;}

#link_radio{float:left;margin:0;height:180px;}
#link_radio em,#link_sapporo em{display:none;}
#link_radio a{display:block;height:170px;width:170px;background-image:url(../image/sp_radio.png);background-repeat:no-repeat;background-position:0 0;background-size:170px;}

#link_sapporo{height:110px;width:110px;position:absolute;right:40px;top:65px;padding-bottom:0;}
#link_sapporo a{display:block;height:110px;width:110px;background-image:url(../image/sp_sapporo.png);background-repeat:no-repeat;background-position:0 0;background-size:110px;}

#snow_img em{display:none;}

.right-icon{display:inline-block; background-image:url(../image/right.png); height:16px; width:16px; margin-left:5px; background-repeat:no-repeat; vertical-align:middle;margin-bottom:5px;background-size:contain;}
#nav_archive .right-icon{margin-bottom:3px;}

.caret-right{display:inline-block;background-image:url(../image/caret-right.png);height:7px;width:5px;background-repeat:no-repeat;background-size:contain;}
.arrow-up{display:inline-block;background-image:url(../image/arrow-up.png);background-repeat:no-repeat;height:14px;width:14px;vertical-align:middle;margin-bottom:2px;background-size:contain;}
.info_sign{display:inline-block;background-image:url(../image/info-sign.png);background-repeat:no-repeat;height:16px;width:16px;vertical-align:middle;margin-bottom:2px;background-size:contain;}

.arrow-left{display:block;background-image:url(../image/arrow-left.png);background-repeat:no-repeat;height:26px;width:24px;margin-top:2px;background-size:contain;}
.arrow-right{display:block;background-image:url(../image/arrow-right.png);background-repeat:no-repeat;height:26px;width:24px;margin-top:2px;background-size:contain;}


/* 480px and up */
@media (min-width:  480px) {
#logo{width:460px;background-image:url(../image/top_logo.png),url(../image/blizzardon.gif),url(../image/sp_info.png);background-repeat:no-repeat;
background-position:left top,140px 10px,right 10px;background-size:contain,150px auto,170px auto;margin:0 auto;}

#jumbotron,#contents{width:460px;}
#jumbotron{position:relative;}
.movie{padding:10px 10px 0;}
.movie_title{font-size:12px;}

.contents_title{width:430px;height:26px;margin:13px auto;}
.contents_title_innner{ width:279px;height:15px;}

	
#prev,#next{width:80px;height:40px;float:left;background-color:rgba(0,0,0,0.8);cursor:pointer;}
#nav_msg{display:block;width:300px;}
#nav_msg em{height:30px;line-height:30px;}
#nav_archive{width:180px;}
#sp_info{width:360px;height:220px;background-size:180px auto , 180px auto;}
#link_bord{background-size:300px,460px,460px;}
#link_btn{padding-top:20%;width:460px;padding-bottom:30px;}
.btn_1,.btn_2{display:table;width:460px;background-size:460px;padding:0 0 10px;}
.btn_1 a,.btn_2 a{width:410px;margin:0 auto;}
#link_btn .b_title{display:table-cell;line-height:16px;padding:5px;width:50%;vertical-align:middle;}
#link_btn .b_detail{display:table-cell;padding:5px;vertical-align:middle;}

#profile{display:block;}
.btn_profile{position:absolute;right:10px;top:100px;}
.btn_profile em{display:block;}
.btn_coloring{position:absolute;right:10px;top:130px;}
.btn_coloring em{display:block;}
#sp_info{display:none;}
#footer_contents{margin:10px auto;}

.slick-dots {display:block !important;}

#archive_list{width: 180px;right: 80px;}
#information{margin-bottom:10px;}

.banner_radiru{margin-left:50px;}
.sns{margin-right:50px;}
	
}

/* 750px and up( S ) */
@media (min-width:  750px) {

.sns_sp{display:none;}
.sns{display:block;}

.dummy{height:140px;}
#jumbotron,#contents{width:740px;}

/* jumbotron */
#page_head{width:100%;background-image:url(../image/jumbotron.png);background-repeat:repeat-x;background-position:center 0;;margin:0 0 5px;background-size:auto 60%;}
#logo{height:300px;width:400px;background-image:url(../image/top_logo.png),url(../image/blizzardon.gif);background-repeat:no-repeat;background-position:center 20px,180px 15px;background-size:contain,200px auto;position:absolute;top:0;left:0;margin:0;}
#info{width:360px;float:right;}
	
.contents_title{width:700px;height:26px;margin:15px auto;}

#sp_profile{display:none;}

#profile{display:block;position:relative;top:0;right:0;height:150px;width:360px;background-image:url(../image/blizzardon_info.png);background-position:0 0;margin-top:10px;background-size:contain;background-repeat:no-repeat;}
.btn_profile{float:left;width:200px;position:relative;top:0;left:0;}
.btn_profile a{display:block;margin:70px 0 0 70px;padding:0;}

/*
#profile{display:block;position:relative;top:0;right:0;height:150px;width:360px;background-image:url(../image/blizzardon_info2.png);background-position:0 0;margin-top:10px;background-size:contain;background-repeat:no-repeat;}
.btn_profile{float:left;width:230px;position:relative;top:0;left:0;}
.btn_profile a{display:block;margin:70px 0 0 100px;padding:0;}
*/

.btn_coloring{float:left;width:100px;position:relative;top:0;left:0;margin:0;}
.btn_coloring a{width:100px;display:block;margin:70px 0 0 0px;padding:0;}

#information{width:340px;height:150px;margin-top:0px;position:relative;float:right;}
	
.logo_message{background-image:url(../image/logo_message.png);width:180px;height:100px;background-size:contain;float:left;margin-top:10px;}
.banner_radiru{float:right;margin-right:10px;margin-left:0px;}
.sns{position:absolute;right:0; bottom:0;margin-bottom:20px;margin-right:10px;}

/* contents */
#contents{margin:0 auto 20px;padding:0;}
#prev,#next{width:145px;background-repeat:no-repeat;background-size:contain;background-position:center center;}
#prev{background-image:url(../image/nav_back.png);}
#next{background-image:url(../image/nav_next.png);}
#prev em,#next em{display:none;}
#nav_msg{width:450px;}
#nav_archive{width:200px;}
#nav_archive a{width:200px;}

.btn_1 a,.btn_2 a{display:block;width:100%;background-color:#FFF;margin-right:auto;margin-left:auto;}
.btn_1,.btn_2{display:table;width:420px;background-size:460px;}

/* footer */
footer{height:800px;}

/* link_contents */
#link_contents{width:700px;margin:0 auto;}
#link_bord{background-image:url(../image/board.png);background-repeat:no-repeat;width:700px;text-align:center;background-position:-75px 0;background-size:auto;}
#link_btn{height:190px;width:auto;padding:115px 0 15px 20px;}
.btn_1{display:block;width:auto;float:left;height:70px;background:none;padding:0;}
.btn_2{display:block;width:auto;float:left;height:60px;background:none;padding:0;}
.btn_2 em,.btn_1 em{display:none;}
#link_btn .b_title{display:none;}
#link_btn .b_detail{display:none;}
.btn_1 a{display:block;height:60px;background-image:url(../image/link.png);width:325px;background-color:#FFF;margin-right:10px;}
.btn_2 a{display:block;height:50px;background-image:url(../image/link.png);width:325px;margin-right:10px;background-color:#FFF;}
.btn_1 a:hover,.btn_2 a:hover{background-color:#FF0;}
.link_1{background-position:0 0;}
.link_2{background-position:-325px 0;}
.link_3{background-position:0 -60px;}
.link_4{background-position:-325px -60px;}
.link_5{background-position:-0 -110px;}
.link_6{background-position:-325px -110px;}

#footer_contents{margin:5px auto 0;}
#nhk_footer{width:530px;}
#page_top{float:left;}

#car_img{height:175px;width:280px;left:580px;top:575px;}
#tree_img1{height:150px;width:250px;left:-100px;top:550px;}

#archive_list{width: 200px;right: 145px;}

}

/* 1050px and up */
@media (min-width: 1050px) { 

.dummy{height:0;}

#jumbotron,#contents{width:1020px;}

/* jumbotron */
#page_head{background-size:auto;}
#navi{display:none;}

.movie_base {width: 224px;margin: 0 13px 0 0;float:left;}
.movie_title{font-size:12px;}
.contents_title{width:942px;height:26px;margin:21px auto 0;}
	
.nhksns-icon-l img{width:40px !important;}
	
#logo{height:400px;width:570px;background-image:url(../image/top_logo.png),url(../image/blizzardon.gif);background-repeat:no-repeat;background-position:-20px 30px,240px 5px;background-size:contain,300px auto;position:absolute;top:-30px;left:0;margin:0;}
#info{width:480px;float:right;}
.btn_profile em,.btn_coloring em{display:none;}


#profile{display:block;position:relative;top:0;right:0;height:180px;width:480px;background-image:url(../image/blizzardon_info.png);background-position:0 0;margin-top:10px;background-size: auto;}
.btn_profile{float:left;height:130px;width:320px;position:relative;top:0;left:0;}
.btn_profile a{height:35px;width:225px;display:block;background-image:url(../image/btn_profile.png);margin:95px 0 0 80px;padding:0;}
.btn_coloring{float:left;height:130px;width:100px;position:relative;top:0;left:0;margin:0;}
.btn_coloring a{height:35px;width:100px;display:block;background-image:url(../image/btn_profile.png);margin:95px 0 0 0px;background-position:top right;background-repeat:no-repeat;padding:0;}


/*
#profile{display:block;height:180px;width:480px;margin-top:10px;background-size:auto;}
.btn_profile{float:left;height:130px;width:350px;position:relative;top:0;left:0;}
.btn_profile a{height:35px;width:225px;display:block;background-image:url(../image/btn_profile.png);margin:95px 0 0 110px;padding:0;}
*/

#information{position:relative;width:100%;height:180px; margin-top:20px;float:none;}

.logo_message{width:270px;height:150px;}
.banner_radiru{width:160px;height:77px;float:right;margin-bottom:20px;margin-right:20px;margin-left:0px;}
.sns{/*width:160px;height:72px; 20170208 yama*/margin-right:40px;}
.sns_button1{width:40px;height:40px;float:left;margin-left:10px;margin-top:6px;}
.sns_button2{width:40px;height:40px;float:left;margin-left:10px;margin-top:6px;}
.sns_button3{width:40px;height:40px;float:left;margin-left:10px;margin-top:6px;}
.sns_message{font-size:12px;}
	
	
/* contents */
#contents{margin:0 auto 50px;padding:0;}

#main{margin-top:20px;margin-left:40px;}
#navi{height:50px;}
#prev,#next{width:145px;height:50px;background-size:80%;}
#nav_msg{width:430px;height:40px;background-image:url(../image/navi.png);background-repeat:no-repeat;background-position:0 -40px;}
#nav_archive{width:300px;height:40px;background-image:url(../image/navi2.png);background-repeat:no-repeat;background-position: 0px -80px;}
#nav_archive:hover{width:300px;height:40px;background-image:url(../image/navi2.png);background-repeat:no-repeat;background-position: -300px -80px;}
#nav_archive a{display:block;width:300px;height:40px;}
#nav_archive div{display:none;}

#nav_msg em,#nav_archive em{display:none;}

.slider{width:950px !important;clear:both;}

/* footer */
footer{height:600px;}
#footer_inner{height:550px;position:relative;text-align:center;}

/* link_contents */
#link_contents{float:left;height: 550px;}
#link_bord{height:550px;}
#link_btn{height:190px;padding:115px 0 15px 20px;}

/* footer_contents */
#footer_contents{float:right;height:500px;width:320px;margin:0;}
#link_radio{height:200px;background-image:url(../image/link_radio.png);margin:0 0 0 30px;background-size:auto;background-repeat:no-repeat;}

#link_radio a{display:block;width:170px;height:170px;background-image:url(../image/link_radio.png);background-repeat:no-repeat;background-position:-170px 0;margin:0;background-size:auto;}
#link_sapporo{right:40px;top:65px;}
#link_sapporo a{background-image:url(../image/link_radio.png);background-repeat:no-repeat;background-position:-340px 0;display:block;background-size:auto;}

#snow_img{height:110px;width:930px;position:absolute;left:-230px;top:440px;background-image:url(../image/snow.png);background-repeat:no-repeat;}
#tree_img1{height:210px;width:350px;left:-230px;top:320px;background-size:auto;}
#tree_img2{height:240px;width:400px;position:absolute;background-image: url(../image/tree2.png);background-repeat:no-repeat;right:-400px;top:270px;background-size:auto;}
#car_img{height:200px;width:380px;left:645px;top:320px;}
#car_img:hover{background-image: url(../image/car_hover.png);}


#archive_list{width: 300px;right: 145px;top:50px;display:none;}
#archive_list li{height: 40px;}
#archive_list li a{font-size:16px;font-weight:700;line-height: 40px;}

}

/* 1200px and up */
@media (min-width: 1200px) {
	

}