@charset "utf-8";

/* CSS Document */



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



.center { display:block; margin:0 auto; }



#regional-back { background:none repeat scroll 0 0 #f3f0df; margin:0 auto; padding:0 0 20px; width:970px; }

.onsen-title01 img { display:block; width:970px; }

.regional-kouhou01 { background:/*url(../img/page-2492/bg03.png)*/ url(https://www.hokkaido-ebooks.jp/wp-content/themes/ebooks/img/page-2215/bg03.png) repeat-y scroll 0 0 rgba(0, 0, 0, 0); display:block; height:auto; padding:10px 50px; width:870px; }

.regional-kouhou01 .book-area { border:medium none; float:left; display:block; width:155px; height:335px; margin-right:16px; }

.regional-kouhou01 .onsen-logo01{ width:200px; }

.regional-kouhou01 .book-area-last { border:medium none; float:left; display:block; width:140px; height:335px; margin-right:0; }

.regional-kouhou01 dl { padding-bottom:8px; }

.social-area { margin-left:11px; }

.social-area a{ display:block; float:left; font-size:12px; text-decoration:none; width:140px; }

.regional-kouhou01 dt { width:140px; font-size:1em!important; }

.regional-kouhou01 dt img { display:block;; }

.regional-kouhou01 dd { padding:2px 0 0 5px; width:114px;  }

.regional-kouhou01 dd a { color:#333333; font-size:14px!important; text-align:center; text-decoration:underline; }

.onsen-text01 { color:#B6786D!important; font-size:15px!important; font-weight:bold; text-align:center; }

.onsen-text02 { color:#333333; font-size:15px!important; line-height:20px; text-align:center; margin:25px 0 0 0; }


/*
.regional-kouhou01 dl { border:medium none; float:left; height:305px; margin-right:22px; }

.regional-kouhou01 dl.dl-last { float:left; margin-right:0; }

.regional-kouhou01 dt img { display:block; }

.regional-kouhou01 dd { padding:10px 0 0 5px; width:90px; }

.regional-kouhou01 dd a { color:#333333; font-size:14px!important; text-align:center; text-decoration:underline; }
*/

.hokudai-link{ height:42px; padding:20px 0; background-color:#23651C; }

.hokudai-link a{ display:block; width:228px; margin:0 auto; }

.onsen-midashi01 img{ display:block; margin:0 auto; }


}





@media screen and (max-width: 768px) {

.center { display:block; margin:0 auto; }

#regional-back { background:none repeat scroll 0 0 #f3f0df; margin:0 auto; padding:0 0 20px; width:100%; }

.onsen-title01 img { display:block; width:100%; height:auto; }

.regional-kouhou01 { background: url(https://www.hokkaido-ebooks.jp/wp-content/themes/ebooks/img/page-2405/bg03_sp.png) /*url(https://www.hokkaido-ebooks.jp/wp-content/themes/ebooks/img/page-2405/bg03_sp.png)*/ repeat-y scroll 0 0 rgba(0, 0, 0, 0); display:block; margin:0 auto; width:95%; }

.regional-kouhou01 .book-area { border:medium none; float:left; display:block; height:325px; margin-right:10px; padding:5px; }

.regional-kouhou01 .onsen-logo01{ width:200px; }

.regional-kouhou01 .book-area-last { border:medium none; float:left; display:block; width:140px; height:341px; margin-right:0; }

.regional-kouhou01 dl { padding-bottom:8px; }

.social-area { margin-left:11px; }

.social-area a{ display:block; float:left; font-size:12px; text-decoration:none; width:140px; }

.regional-kouhou01 dt { width:140px; font-size:1em!important; }

.regional-kouhou01 dt img { display:block; padding-top:10px; }

.regional-kouhou01 dd { padding:10px 0 0 5px; width:90px; }

.regional-kouhou01 dd a { color:#333333; font-size:14px!important; text-align:center; text-decoration:underline; }

.onsen-text01 { color:#B6786D!important; font-size:15px!important; font-weight:bold; text-align:center; }

.onsen-text02 { color:#333333; font-size:15px!important; line-height:20px; text-align:center; margin:25px 0 0 0; }


/*
.regional-kouhou01 dl { float:left; height:325px; margin-right:10px; padding:5px; }

.regional-kouhou01 dl.dl-last { margin-right:0; }

.regional-kouhou01 dt img { display:block; }

.regional-kouhou01 dd { padding:10px 0 0 5px; width:90px;}

.regional-kouhou01 dd a { color:#333333; font-size:14px!important; text-align:center; text-decoration:underline; }
*/

.pc_sidebar { display:none; }

.hokudai-link{ height:42px; padding:20px 0; background-color:#23651C; }

.hokudai-link a{ display:block; width:228px; margin:0 auto; }

.onsen-midashi01 img{ display:block; margin:0 auto; width:90%; }

}