﻿@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700;900&display=swap");*{margin:0;padding:0}*{margin:0;padding:0}html{scroll-behavior:smooth}html,body{width:100%}html{-webkit-text-size-adjust:100%;font-family:'Noto Sans JP', sans-serif, "メイリオ","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",  Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;font-size:62.5%;line-height:1.4;letter-spacing:0;font-weight:normal}ul,li{list-style:none;padding:0;margin:0}img{display:block;border:0}.relative_area{position:relative}body,li,ol,p,input,textarea,select{letter-spacing:0;font-weight:500;color:#000;font-size:15px}@media screen and (max-width: 46.93em){body,li,ol,p,input,textarea,select{font-size:calc(15/750*100vw)}}a{color:#fff;text-decoration:underline}a:hover{text-decoration:none}#wrapper{width:100%;position:relative}.container{width:750px;margin:0 auto;padding-top:86px;position:relative}@media screen and (max-width: 46.93em){.container{width:100%;padding-top:calc(85/750*100vw)}}header{position:fixed;width:100%;top:0;left:0;z-index:100}#header-area{width:750px;margin:0 auto;position:relative;z-index:100}@media screen and (max-width: 46.93em){#header-area{width:100%}}#header-inner{overflow:hidden;position:relative;height:86px;border-bottom:1px solid #b3b3b3;background-color:#fff;box-sizing:border-box}@media screen and (max-width: 46.93em){#header-inner{height:calc(86/750*100vw);border-width:calc(1/750*100vw)}}#gnav{background-color:#fff;display:none}#gnav ul{width:750px;margin:0 auto}@media screen and (max-width: 46.93em){#gnav ul{width:100%}}#gnav li p{text-align:center;font-size:30px;line-height:1.2;font-weight:bold;text-align:center;color:#666}@media screen and (max-width: 46.93em){#gnav li p{font-size:calc(30/750*100vw)}}#gnav li a{color:#666;text-decoration:none;display:block}#gnav li p a{padding:32px 0 36px;box-sizing:border-box;border-bottom:1px solid #b3b3b3}@media screen and (max-width: 46.93em){#gnav li p a{padding:4.2666666667vw 1.3333333333vw 4.8vw 1.3333333333vw;border-width:calc(1/750*100vw)}}#gnav li p span{display:block;text-align:center;font-size:20px;line-height:1;font-weight:bold;text-align:center;color:#666;margin-top:5px}@media screen and (max-width: 46.93em){#gnav li p span{font-size:calc(20/750*100vw);margin-top:calc(5/750*100vw)}}#menu-btn{position:absolute;top:14px;right:33px;cursor:pointer}@media screen and (max-width: 46.93em){#menu-btn{top:calc(14/750*100vw);right:calc(33/750*100vw)}}#open-btn img,#close-btn img{width:58px}@media screen and (max-width: 46.93em){#open-btn img,#close-btn img{width:7.7333333333vw}}.hide{display:none}#logo{position:absolute;top:28px;left:24px}@media screen and (max-width: 46.93em){#logo{top:calc(28/750*100vw);left:calc(24/750*100vw)}}#logo img{width:214px}@media screen and (max-width: 46.93em){#logo img{max-width:28.5333333333vw}}#x_icon{width:34px;position:absolute;top:24px;right:123px}@media screen and (max-width: 46.93em){#x_icon{width:4.5333333333vw;top:calc(24/750*100vw);right:calc(123/750*100vw)}}#x_icon img{max-width:100%}body{background-color:#fff;background-image:url("../../images/bg/ptn.jpg");background-repeat:repeat;background-position:top center;background-size:750px auto}@media screen and (max-width: 46.93em){body{background-size:calc(750/750*100vw) auto}}.contents{position:relative;width:100%;box-sizing:border-box}@media screen and (max-width: 46.93em){.imgs{max-width:100%}}.page_in_links{padding-top:86px;margin-top:-86px}@media screen and (max-width: 46.93em){.page_in_links{padding-top:calc(86/750*100vw);margin-top:calc(-86/750*100vw)}}footer{position:relative;background-color:#fff;padding:30px 0 11px}@media screen and (max-width: 46.93em){footer{padding:4vw 0vw 1.4666666667vw 0vw}}#haikyu_logo{width:256px;margin:0 auto}@media screen and (max-width: 46.93em){#haikyu_logo{width:34.1333333333vw}}#haikyu_logo img{max-width:100%}#copyright{width:200px;margin:8px auto 0}@media screen and (max-width: 46.93em){#copyright{width:26.6666666667vw;margin-top:calc(8/750*100vw)}}#bn_logo{position:absolute;bottom:30px;right:30px;width:164px;z-index:1}@media screen and (max-width: 46.93em){#bn_logo{width:21.8666666667vw;bottom:calc(30/750*100vw);right:calc(30/750*100vw)}}#backtop{position:absolute;bottom:24px;right:53px;width:112px;z-index:1}@media screen and (max-width: 46.93em){#backtop{width:14.9333333333vw;bottom:calc(24/750*100vw);right:calc(53/750*100vw)}}#kv img{max-width:100%}#head_nav{display:flex;flex-wrap:wrap;justify-content:center}#head_nav li{width:150px}@media screen and (max-width: 46.93em){#head_nav li{width:20vw}}#head_nav li img{max-width:100%}#photo_page .contents{padding:34px 0 155px}@media screen and (max-width: 46.93em){#photo_page .contents{padding:3.2vw 0vw 20.6666666667vw 0vw}}#photo_page .page_title{margin-left:137px}@media screen and (max-width: 46.93em){#photo_page .page_title{max-width:64.2666666667vw;margin-left:calc(137/750*100vw)}}#photo_page .notes{margin:58px 0 0 15px}@media screen and (max-width: 46.93em){#photo_page .notes{max-width:62.1333333333vw;margin:7.7333333333vw 0vw 0vw 2vw}}.photo_area{margin:36px auto 0}@media screen and (max-width: 46.93em){.photo_area{max-width:27.7333333333vw;margin-top:calc(36/750*100vw)}}.photo_time{margin:13px auto 0}@media screen and (max-width: 46.93em){.photo_time{max-width:86.4vw;margin-top:calc(13/750*100vw)}}.cbox{position:relative;width:668px;margin:0 auto;box-sizing:border-box;background-repeat:no-repeat;background-position:top left;background-size:contain;background-color:#fff}@media screen and (max-width: 46.93em){.cbox{width:89.0666666667vw}}#photo_page .cbox{background-image:url("../../images/photo/diagonal.png");margin-top:35px;padding:101px 0 11px}@media screen and (max-width: 46.93em){#photo_page .cbox{margin-top:calc(35/750*100vw);padding:13.4666666667vw 0vw 1.4666666667vw 0vw}}.photo_chara{margin-left:27px}@media screen and (max-width: 46.93em){.photo_chara{max-width:81.8666666667vw;margin-left:calc(27/750*100vw)}}#goods_page .contents{padding:31px 0 32px}@media screen and (max-width: 46.93em){#goods_page .contents{padding:4.1333333333vw 0vw 4.2666666667vw 0vw}}#goods_page .page_title{margin-left:43px}@media screen and (max-width: 46.93em){#goods_page .page_title{max-width:88.9333333333vw;margin-left:calc(43/750*100vw)}}#goods_page .notes{margin:18px 0 0 40px}@media screen and (max-width: 46.93em){#goods_page .notes{max-width:56.8vw;margin:2.4vw 0vw 0vw 5.3333333333vw}}.g_area_time{margin:28px auto 0}@media screen and (max-width: 46.93em){.g_area_time{max-width:72.2666666667vw;margin-top:calc(28/750*100vw)}}#goods_page .zaiko_btn{width:396px;margin:37px auto 0}@media screen and (max-width: 46.93em){#goods_page .zaiko_btn{max-width:52.8vw;margin-top:calc(37/750*100vw)}}#goods_page .zaiko_btn img{max-width:100%}.goods_benefits{margin:45px auto 0}@media screen and (max-width: 46.93em){.goods_benefits{max-width:89.0666666667vw;margin-top:calc(45/750*100vw)}}.goods_item_list{width:668px;margin:0 auto}@media screen and (max-width: 46.93em){.goods_item_list{width:89.0666666667vw}}.goods_item_list li{margin-top:40px}@media screen and (max-width: 46.93em){.goods_item_list li{margin-top:calc(40/750*100vw)}}.goods_item_list li img{max-width:100%}.collection_box{width:668px;margin:40px auto 0;background-color:#fff}@media screen and (max-width: 46.93em){.collection_box{width:89.0666666667vw;margin-top:calc(40/750*100vw)}}.collection_list{padding:5px 15px 19px}@media screen and (max-width: 46.93em){.collection_list{padding:.6666666667vw 2vw 2.5333333333vw 2vw}}.collection_list li{margin-top:14px}@media screen and (max-width: 46.93em){.collection_list li{margin-top:calc(14/750*100vw)}}.collection_list li img{max-width:100%}.online_box{position:relative;width:668px;margin:0 auto}@media screen and (max-width: 46.93em){.online_box{width:89.0666666667vw}}.np_link{position:absolute;z-index:1;width:222px;bottom:37px;left:233px}@media screen and (max-width: 46.93em){.np_link{width:29.6vw;bottom:calc(37/750*100vw);left:calc(233/750*100vw)}}#goods_online{margin-top:34px}@media screen and (max-width: 46.93em){#goods_online{margin-top:calc(34/750*100vw)}}#game_page .contents{padding:36px 0 69px}@media screen and (max-width: 46.93em){#game_page .contents{padding:4.8vw 0vw 9.2vw 0vw}}#game_page .page_title{margin-left:112px}@media screen and (max-width: 46.93em){#game_page .page_title{max-width:70.1333333333vw;margin-left:calc(112/750*100vw)}}#game_page .notes{margin:19px 0 0 40px}@media screen and (max-width: 46.93em){#game_page .notes{max-width:76.8vw;margin:2.5333333333vw 0vw 0vw 5.3333333333vw}}.game_area{margin:30px auto 0}@media screen and (max-width: 46.93em){.game_area{max-width:27.7333333333vw;margin-top:calc(30/750*100vw)}}.game_time{margin:13px auto 0}@media screen and (max-width: 46.93em){.game_time{max-width:86.4vw;margin-top:calc(13/750*100vw)}}#game_page .zaiko_btn{width:338px;margin:36px auto 0}@media screen and (max-width: 46.93em){#game_page .zaiko_btn{max-width:45.0666666667vw;margin-top:calc(36/750*100vw)}}#game_page .zaiko_btn img{max-width:100%}#game_online{margin-top:34px}@media screen and (max-width: 46.93em){#game_online{margin-top:calc(34/750*100vw)}}#mg1{background-image:url("../../images/game/mg1/diagonal.png");margin-top:44px;padding:19px 0 19px}@media screen and (max-width: 46.93em){#mg1{margin-top:calc(44/750*100vw);padding:2.5333333333vw 0vw 2.5333333333vw 0vw}}#mg1 .mg_logo{margin-left:160px}@media screen and (max-width: 46.93em){#mg1 .mg_logo{max-width:64vw;margin-left:calc(160/750*100vw)}}#mg1 .mg_text{margin:14px auto 0}@media screen and (max-width: 46.93em){#mg1 .mg_text{max-width:85.3333333333vw;margin-top:calc(14/750*100vw)}}#mg1 .mg_prize_list{width:652px;margin:0 auto}@media screen and (max-width: 46.93em){#mg1 .mg_prize_list{width:86.9333333333vw}}#mg1 .mg_prize_list li{margin-top:30px}@media screen and (max-width: 46.93em){#mg1 .mg_prize_list li{margin-top:calc(30/750*100vw)}}#mg1 .mg_prize_list li img{max-width:100%}#mg1 .mg_prize_list li:nth-child(1){margin-top:33px}@media screen and (max-width: 46.93em){#mg1 .mg_prize_list li:nth-child(1){margin-top:calc(33/750*100vw)}}#mg1 .mg_prize_list li:nth-child(2){margin-top:13px}@media screen and (max-width: 46.93em){#mg1 .mg_prize_list li:nth-child(2){margin-top:calc(13/750*100vw)}}#mg2{background-image:url("../../images/game/mg2/diagonal.png");margin-top:45px;padding:15px 0 19px}@media screen and (max-width: 46.93em){#mg2{margin-top:calc(45/750*100vw);padding:2vw 0vw 2.5333333333vw 0vw}}#mg2 .mg_logo{margin-left:141px}@media screen and (max-width: 46.93em){#mg2 .mg_logo{max-width:66.6666666667vw;margin-left:calc(141/750*100vw)}}#mg2 .mg_text{margin:16px auto 0}@media screen and (max-width: 46.93em){#mg2 .mg_text{max-width:55.7333333333vw;margin-top:calc(16/750*100vw)}}#mg2 .mg_prize_list{width:682px;margin-left:-14px}@media screen and (max-width: 46.93em){#mg2 .mg_prize_list{width:86.9333333333vw;margin-left:calc(-14/750*100vw)}}#mg2 .mg_prize_list li img{max-width:100%}#mg2 .mg_prize_list li:nth-child(1){margin-top:16px}@media screen and (max-width: 46.93em){#mg2 .mg_prize_list li:nth-child(1){margin-top:calc(16/750*100vw)}}#mg2 .mg_prize_list li:nth-child(2){margin-top:17px}@media screen and (max-width: 46.93em){#mg2 .mg_prize_list li:nth-child(2){margin-top:calc(17/750*100vw)}}#mg2 .mg_prize_list li:nth-child(3){margin-top:20px}@media screen and (max-width: 46.93em){#mg2 .mg_prize_list li:nth-child(3){margin-top:calc(20/750*100vw)}}#foods_page .contents{padding:31px 0 125px}@media screen and (max-width: 46.93em){#foods_page .contents{padding:4.1333333333vw 0vw 16.6666666667vw 0vw}}#foods_page .page_title{margin-left:28px}@media screen and (max-width: 46.93em){#foods_page .page_title{max-width:93.0666666667vw;margin-left:calc(28/750*100vw)}}#foods_page .notes{margin:20px 0 0 40px}@media screen and (max-width: 46.93em){#foods_page .notes{max-width:87.7333333333vw;margin:2.6666666667vw 0vw 0vw 5.3333333333vw}}.f_area_time{margin:20px auto 0}@media screen and (max-width: 46.93em){.f_area_time{max-width:66.6666666667vw;margin-top:calc(20/750*100vw)}}#foods_page .zaiko_btn{width:396px;margin:47px auto 0}@media screen and (max-width: 46.93em){#foods_page .zaiko_btn{max-width:52.8vw;margin-top:calc(47/750*100vw)}}#foods_page .zaiko_btn img{max-width:100%}.is_text{margin:43px auto 0}@media screen and (max-width: 46.93em){.is_text{max-width:89.0666666667vw;margin-top:calc(43/750*100vw)}}.foods_menu_list{width:668px;margin:0 auto}@media screen and (max-width: 46.93em){.foods_menu_list{width:89.0666666667vw}}.foods_menu_list li{margin-top:40px}@media screen and (max-width: 46.93em){.foods_menu_list li{margin-top:calc(40/750*100vw)}}.foods_menu_list li img{max-width:100%}
