html {scroll-behavior: smooth;}
body {margin:0px;font-size:20px;line-height:1.5;font-feature-settings:"palt";font-family: "游ゴシック Medium", "Yu Gothic Medium", 游ゴシック体, YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, verdana, sans-serif;}
img{border:none;margin:0px;padding:0px;height:auto;display:block;width:100%;max-width:100%;}
a {text-decoration: none;color: black;}
a img:hover,a:hover{opacity:0.6;transition-duration:0.3s;transform:translate(2px, 2px);}
.pc{display:block;}
.sp{display:none;}
ul,ol{list-style-type:none;margin:0;padding:0;}
.marugo{font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";font-weight:bold;}

/* HOME */
header,article,footer,nav{width:100%;max-width:50em;margin:0 auto;}
section{width:100%;position:relative;}
#campaign h1{position:absolute;width:100%;color:white;text-align:center;top:2.4em;font-size:2em;}
#campaign ul{position:absolute;width:35%;left:24%;top:15em;}
#campaign ul li{height:14.25em;}
#campaign ul li p{font-size:1.35em;text-align:justify;}
#btns{background:#00a2ab;padding-bottom:2em;}
#btns a{width:35.8em;margin:0 auto;padding:0;display:block;}
#btns > img{width:37em;margin:1em auto;}
#btns h1{margin:1em auto .5em;padding:0;text-align:center;color:white;font-size:1.75em;position:relative;display:table;line-height:1.35}
#btns h1::before{content:"";width:2.35em;height:.15em;background:white;display:block;border-radius:.25em;position:absolute;left:-2.5em;top:1.25em;transform: rotate(75deg);}
#btns h1::after{content:"";width:2.35em;height:.15em;background:white;display:block;border-radius:.25em;position:absolute;right:-2.5em;top:1.25em;transform: rotate(-75deg);}

#present01 h1{position:absolute;width:100%;color:white;text-align:center;top:1.6em;font-size:2em;}
#present01 ul{position:absolute;width:auto;left:12%;top:17em;color:white;}
#present01 ul li{height:20em;}
#present01 ul li:nth-of-type(2){height:22.5em;}
#present01 ul li h3{font-size:1.5em;line-height:1.35;padding:0 0 .5em .5em;text-align:justify;width:76%;border-bottom:2px solid white;margin:0}
#present01 ul li h3 span{display:block;font-size:.75em;}
#present01 ul li p{font-size:.85em;text-align:justify;margin:0;padding:1em .5em;}

#present02 h1{position:absolute;width:100%;color:white;text-align:center;top:1.5em;font-size:2em;}
#present02 ul{position:absolute;width:auto;left:18.5%;top:9.5em;color:white;}
#present02 ul li{height:10.75em;}
#present02 ul li h3{font-size:1.5em;line-height:1.35;padding:0;text-align:justify;margin:0}
#present02 ul li p{font-size:.85em;text-align:justify;margin:0;padding:1em 0;}
#present02 a{width:15em;position:relative;display:block;text-align:center;color:white;padding:0;border:1px solid white;font-size:.75em;position:relative;}
#present02 a::before{content:"";width:1.5em;height:.1em;background:white;display:block;position:absolute;right:1em;top:50%;transform:translateY(-50%);}
#present02 a::after{content:"";width:.5em;height:.1em;background:white;display:block;position:absolute;right:.95em;top:.55em;transform:rotate(45deg);}
#present02 h4{color:white;width:100%;text-align:center;position:absolute;bottom:.25em;padding:0;margin:0;}

#syouhin h1{position:absolute;width:100%;color:white;text-align:center;top:2.55em;font-size:2em;}
#syouhin div{position:absolute;width:auto;left:12%;top:12em;color:white;}
#syouhin div h2{font-size:1.65em;line-height:1.35;padding:0;width:70%;border-bottom:2px solid white;margin:0}
#syouhin div p{font-size:1.175em;line-height:1.35;margin:0 0 .5em;padding:.5em 0;width:75%;}
#syouhin div h3{font-size:1em;line-height:1.35;padding:.5em;width:auto;display:table;margin:0;background:#fff100;color:#00a2ab}

#kamikuru{margin:0 auto 4em}

#kamikuru div{position:absolute;width:60%;left:50%;transform:translateX(-50%);top:31em;}
#kamikuru div h1{width:auto;display:table;background:#ea6000;color:white;padding:0em .75em;border-radius:1em;font-size:2em;line-height:1.35;margin-bottom:1em;position:relative;}
#kamikuru div h1::after{content:"";width:.75em;height:.75em;background:url(img/kamikuru_h1_after.png) no-repeat;background-size:contain;position:absolute;bottom:-.75em;right:1.5em;}
#kamikuru div p{font-size:1.4em;line-height:1.35;margin:0 0 .5em;padding:0 0;}
#kamikuru div th{font-weight:normal;vertical-align:top;}
#kamikuru div th p::after{content:"・・・";}
#kamikuru div h2{font-size:1.35em;line-height:1.35;padding:.25em 0;background:#fff000;color:#e95504;margin:.5em 0;text-align:center;border-radius:.5em;}
#kamikuru a{position:absolute;bottom:2em;left:50%;transform:translateX(-50%);width:65%;background:#ea6000;color:white;font-size:1.75em;text-align:center;border-radius:.5em;box-shadow:.1em .1em .25em rgba(0,0,0,.5);padding:.5em 0;}
#kamikuru a::after{content:"▶︎";position:absolute;right:.75em;}

#airdo a{position:absolute;top:17em;left:50%;transform:translateX(-50%);width:65%;background:#3db8eb;color:white;font-size:1.75em;text-align:center;border-radius:.5em;box-shadow:.1em .1em .25em rgba(0,0,0,.5);padding:.5em 0;}
#airdo a::after{content:"▶︎";position:absolute;right:.75em;}
#airdo div{position:absolute;top:64.5em;width:100%;text-align:center;color:white;}
#airdo div p{font-size:1.5em;}
#airdo h4{text-align:center;font-weight:normal;margin:0}

footer{background:#00a2ab;color:white;padding-bottom:2em;margin-top:6em;}
footer img.unei_title{width:5.25em;margin:0 auto;padding-top:.75em;}
footer h1{font-size:1.5em;display:table;margin:2em auto .75em;font-weight:normal}
footer span{display:inline-block;margin-bottom:1em;}
footer span::before{content:"";width:1em;height:1em;background:url(img/asahikawa_icon.png) no-repeat;background-size:contain;display:inline-block;}
footer h2{font-size:1em;display:table;margin:0 auto 0;font-weight:normal}
nav a{width:8.3em;display:block;position:fixed;right:1em;}

/* SPOT */
.page header{position:relative;height:65em;}
.page header div{width:35.7em;position:absolute;top:45em;left:50%;transform:translateX(-50%);}
.page header div a{width:100%;background:white;color:#e88e8a;font-size:1.75em;text-align:center;border-radius:.5em;box-shadow:.1em .1em .25em rgba(0,0,0,.5);padding:.5em 0;display:block;margin:0 0 0.75em;}
.page header div a::after{content:"▶︎";position:absolute;right:.75em;}
.page header div a:nth-of-type(2){color:#739dd3}
.page header div a:nth-of-type(3){color:#a688bd}
h1.area_title{position:absolute;width:100%;color:white;text-align:center;top:2.45em;font-size:2em;}
#asahikawa h1.area_title{top:3.35em;}
#furano h1.area_title{top:1.85em;}

#nayoro{background:#e88e8a;}
#asahikawa{background:#739dd3;}
/* 動画仮対応 
#furano{background:#a688bd;padding-top:14.25em;}*/
#furano{background:#a688bd;padding-top:11em;}
.page_area{padding-bottom:1em;}
.page_area .movie_tilte{margin:0 auto .5em;padding:0;text-align:center;color:white;font-size:1.75em;position:relative;display:table;}
.page_area .movie_tilte::before{content:"";width:1.35em;height:.15em;background:white;display:block;border-radius:.25em;position:absolute;left:-1.5em;top:.75em;transform: rotate(75deg);}
.page_area .movie_tilte::after{content:"";width:1.35em;height:.15em;background:white;display:block;border-radius:.25em;position:absolute;right:-1.5em;top:.75em;transform: rotate(-75deg);}
.page_area li{width:39.7em;margin:0 auto 2em;position:relative;}
.page_area li .area_txt{width:14em;position:absolute;top:1.25em;left:22.7em;text-align:justify;}
.page_area li .area_btn{width:14em;position:absolute;bottom:1em;left:22.7em}
.page_area li h2{font-size:1em;color:#503b1f;margin:0;line-height:1.15;}
.page_area li h3{display:inline-block;background:#503b1f;color:white;padding:0 2em;font-size:.75em;margin:.25em 0;border-radius:.25em;}
.page_area li h3 span{font-size:1.25em;padding-right:.25em;}
.page_area li .area_txt p{font-size:.8em;margin:.25em 0;line-height:1.35;}
.page_area li a{width:13.6em;background:#db5f4d;text-align:center;color:white;border-radius:1em;display:block;margin-bottom:.5em;position:relative;}
.page_area li a p{font-size:1em;line-height:1.5;margin:0;}
.page_area li a::after{content:"";width:1.5em;height:.25em;background:url(spot_img/btn_icon.png) no-repeat;background-size:contain;position:absolute;top:50%;right:.5em;transform:translateY(-50%);}
#asahikawa li a{background:#0088c5;}
#furano li a{background:#7a63a4;}
img.furano_title{position:absolute;top:-4em;}
/* 動画対応 */
.movie{width:28.35em;margin:.5em auto 5em;display:flex;flex-wrap:wrap;}
.movie .tab_item{width:calc(100%/4 - 2px);margin:0 1px;padding:.25em;border-radius:.5em .5em 0 0;box-shadow:1px 1px 5px rgba(0,0,0,.5);background:#7d592d;font-size:.85em;text-align:center;color:white;transition:all 0.2s ease;box-sizing:border-box;margin-top: auto;}
.movie input[name="tab_item"] {display:none;}
.movie .tab_content{display:none;padding:0;overflow:hidden;}
#movie_jn:checked ~ #movie_jn_content,
#movie_en:checked ~ #movie_en_content,
#movie_cn:checked ~ #movie_cn_content,
#movie_kn:checked ~ #movie_kn_content,
#movie_ja:checked ~ #movie_ja_content,
#movie_ea:checked ~ #movie_ea_content,
#movie_ca:checked ~ #movie_ca_content,
#movie_ka:checked ~ #movie_ka_content,
#movie_jf:checked ~ #movie_jf_content,
#movie_ef:checked ~ #movie_ef_content,
#movie_cf:checked ~ #movie_cf_content,
#movie_kf:checked ~ #movie_kf_content{display:block;width:100%;}
input:checked + .tab_item {background:white;color:black;font-size:1em;box-shadow:none}
.movie iframe{width:100%;margin:0 auto}

#upload{background:#e5830e;padding-bottom:6em;}
#upload h1{position:absolute;width:100%;top:1em;font-size:3em;text-align:center;color:white;}
#upload .ptget{position:absolute;width:100%;top:44em;}
#upload h2{font-size:3em;text-align:center;color:white;color:#fff100;text-shadow:.05em .05em .1em rgba(0,0,0,.75);font-family:'Yu Gothic','Hiragino Sans','Meiryo',sans-serif;font-weight: bold;line-height:1.1em;}
#upload h2 b{font-size:1.5em;}
#upload h2 span{font-size:.75em;color:white;display:block;text-shadow:none;}

.upload{width:80%;margin:2em auto .5em;}
.upload h3{text-align:center;color:white;font-size:3em;}
.upload iframe{width:100%;height:250px;margin:0 auto;}
#upload p{width:80%;color:white;display:table;margin:0 auto 1em;}
#upload a{width:70%;text-align:center;background:white;color:#7d592d;display:block;margin:2em auto 0;padding:.5em 0;font-size:1.5em;position:relative;}
#upload a::after{content:"▶︎";position:absolute;top:50%;right:.5em;transform:translateY(-50%);}
.footer_icon{width:8em;position:absolute;left:1em;bottom:-2.3em;}

.page footer{margin-top:0em;}

@media all and (min-width: 0) and (max-width:999px) {
body {font-size:2vw;}
.movie{width:80%;}
.movie iframe{width:100%;height:50vw;}
}