@charset "UTF-8";
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-style:normal;font-weight:400;font-size:100%;vertical-align:baseline}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
html{overflow-y:scroll;-webkit-text-size-adjust:100%}
blockquote,q{quotes:none}
blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}
input,textarea{margin:0;padding:0}
ol,ul{list-style:none}
table{border-collapse:collapse;border-spacing:0}
caption,th{text-align:left}
a:focus{outline:0}
.clearfix:after{content:".";display:block;clear:both;height:0;visibility:hidden}
.clearfix{min-height:1px}
* html .clearfix{height:1px}
.both{clear:both}
.inline_block{display:inline-block}
.contentbox__text,h2{max-height:999999px}
body{font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif}
@media screen and (max-width:768px){.wrapper,body{width:640px}
.headerarea .pc_topimage img,.logo{width:100%}
.headerarea .pc_topimage,.pconly{display:none}
.headerarea .sp_topimage img{display:block;width:100%}
.mainarea{background-color:#f3f5f6;padding-top:1px;padding-bottom:80px}
.logo{padding:30px 0}
.logo img{width:158px;height:40px;margin:0 auto;display:block}
h2{margin-top:75px;text-align:center;font-size:24px;line-height:34px;color:#1b1b1b}
.contentbox{margin:60px auto 0;text-align:center;letter-spacing:-1px}
.contentbox .contentbox__bgimage{margin:0 auto;width:600px;position:relative}
.contentbox .contentbox__bgimage img{width:600px;border-radius:6px}
.contentbox .contentbox__bgimage .contentbox__image{position:absolute;top:0;left:20px}
.contentbox .contentbox__bgimage .contentbox__image img{width:560px}
.contentbox .contentbox__bgimage h3{font-size:60px;line-height:23.8px;color:#fff;margin:0 auto;width:560px;text-align:center;position:absolute;left:20px;font-weight:700}
.contentbox .contentbox__bgimage h3.contentbox__title1{top:625px}
.contentbox .contentbox__bgimage h3.contentbox__title2,.contentbox .contentbox__bgimage h3.contentbox__title3{position:absolute;top:625px}
.contentbox .contentbox__bgimage h3.contentbox__title4{position:absolute;top:618px}
.contentbox .contentbox__bgimage h3.contentbox__title5,.contentbox .contentbox__bgimage h3.contentbox__title6,.contentbox .contentbox__bgimage h3.contentbox__title7{position:absolute;top:625px}
.contentbox .contentbox__bgimage .contentbox__text{margin:0 auto;width:560px;text-align:center;font-size:24px;line-height:34px;color:#1b1b1b;position:absolute;top:685px;left:20px}
.contentbox .contentbox__bgimage .contentbox__text.contentbox__text4{top:680px}
.contentbox .contentbox__bgimage .contentbox__text.contentbox__text7{letter-spacing:-2px}
.contentbox .contentbox__image,.contentbox .contentbox__image.contentbox__image1,.contentbox .contentbox__movie{margin-top:20px}
.contentbox .contentbox__image.contentbox__image2{margin-top:12px}
.pc_link_souvenir{display:none}
.sp_link_souvenir{margin-top:80px;text-align:center}
.link__hokkaido img{width:600px;display:block;margin:50px auto 0}
.link__days__bottons{margin:0 auto 50px;width:600px}
.link__days__bottons .link__day1,.link__days__bottons .link__day2{width:300px;float:left}
.link__hokkaido-pc{display:none}
.link_search{margin-top:48px;text-align:center}
.link_search img.search_banner,.link_search img.search_banner2{margin:19px auto 0;display:block}
.share_box{margin-top:79px;border-top:4px solid #1b3582;border-bottom:4px solid #1b3582;text-align:center;padding-bottom:50px}
.footerarea,.link_archivetop,.link_areatop{text-align:center;margin-top:50px}
.share_box img.share_share_pc{display:none}
.share_box img.share_share{margin-bottom:25px}
.share_box .share_buttons img{margin-right:35px}
.share_box .share_buttons a:last-child img{margin-right:0}
.footerarea{margin-bottom:50px}
.footerarea p{display:inline-block;margin-top:25px}
.hide-sp{display:none}
}
@media screen and (min-width:767px){.hide-pc,.sponly{display:none}
.wrapper{min-width:1050px}
a:hover img{opacity:.8}
.headerarea .logo{padding-top:24px;padding-bottom:24px;text-align:center}
.headerarea .logo img{width:85px}
.headerarea .subtitle{background:#111183;text-align:center}
.headerarea .subtitle img{width:304px;padding:20px 0 15px}
.headerarea .pc_topimage img{width:100%;display:block}
.contentbox span,.headerarea .sp_topimage,.link__days__bottons,.link__hokkaido,.mainarea .mainarea__description span,.sp_link_souvenir{display:none}
.mainarea-container{background:#eef1f2;padding-bottom:30px}
.mainarea{width:1000px;margin:0 auto}
.contentbox,.contentbox .contentbox__bgimage{width:480px}
.mainarea .mainarea__description{font-size:16.8px;line-height:24px;padding-top:45px;padding-bottom:45px;text-align:center}
.contentbox{height:660px;float:left;margin-bottom:50px;text-align:center;letter-spacing:-1px;position:relative;overflow:hidden;border-radius:6px}
.contentbox.contentbox--left{margin-right:40px}
.contentbox .contentbox__bgimage img{width:600px;border-radius:6px}
.contentbox .contentbox__bgimage .contentbox__image{position:absolute;top:10px;left:10px}
.contentbox .contentbox__bgimage .contentbox__image img{width:460px}
.contentbox .contentbox__bgimage h3{font-size:48px;line-height:48px;color:#fff;margin:0 auto;width:460px;text-align:center;position:absolute;left:10px;font-weight:700}
.contentbox .contentbox__bgimage h3.contentbox__title1,.contentbox .contentbox__bgimage h3.contentbox__title2,.contentbox .contentbox__bgimage h3.contentbox__title3{position:absolute;top:515px;left:10px}
.contentbox .contentbox__bgimage h3.contentbox__title4{position:absolute;top:515px;left:0}
.contentbox .contentbox__bgimage h3.contentbox__title5,.contentbox .contentbox__bgimage h3.contentbox__title6,.contentbox .contentbox__bgimage h3.contentbox__title7{position:absolute;top:515px;left:10px}
.contentbox .contentbox__bgimage .contentbox__text{margin:0 auto;width:460px;text-align:center;font-size:16.8px;line-height:24px;color:#1b1b1b;position:absolute;top:575px;left:10px}
.contentbox .contentbox__bgimage .contentbox__text.contentbox__text4{top:575px}
.contentbox .contentbox__bgimage .contentbox__text.contentbox__text7{letter-spacing:-2px}
.pc_link_souvenir{margin-top:80px;text-align:center}
.link__hokkaido-pc{width:1000px;margin:50px auto 0;font-size:0}
.link__hokkaido-pc img{display:block;float:left}
.link_search{width:1000px;margin:48px auto 0}
.link_search .link_search__title{display:block;margin:0 auto}
.link_search img.search_banner,.link_search img.search_banner2{width:485px;margin-top:19px;display:block;float:left}
.link_search img.search_banner{margin-right:30px}
.share_box{margin-top:80px;border-top:2px solid #1b3582;border-bottom:2px solid #1b3582;text-align:center;padding-top:44px;padding-bottom:35px}
.share_box img.share_share{display:none}
.share_box .share_buttons img{vertical-align:middle}
.share_box .share_buttons img.share_share_pc{margin-right:29px}
.share_box .share_buttons a{font-size:0}
.share_box .share_buttons a img{width:50px;margin-right:17px}
.share_box .share_buttons a:last-child img{margin-right:0}
.link_archivetop,.link_areatop{text-align:center;margin-top:50px}
.footerarea{text-align:center;margin-top:80px;margin-bottom:50px}
.footerarea a img{display:block;margin:0 auto}
.footerarea p{display:inline-block;margin-top:25px}
}