﻿@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..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:#000;text-decoration:underline}a:hover{text-decoration:none}#wrapper{width:100%;position:relative}.container{position:relative;width:750px;margin:0 auto;padding-top:86px}@media screen and (max-width: 46.93em){.container{width:100%;padding-top:calc(86/750*100vw)}}.contents{width:100%;position:relative;box-sizing:border-box}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;background-color:#221f20;box-sizing:border-box;border-bottom:1px solid #e889aa}@media screen and (max-width: 46.93em){#header-inner{height:calc(86/750*100vw);border-width:calc(1/750*100vw)}}#gnav{background-color:#221f20;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:400;text-align:center;color:#e889aa}@media screen and (max-width: 46.93em){#gnav li p{font-size:calc(30/750*100vw)}}#gnav li a{color:#e889aa;text-decoration:none;display:block}#gnav li p a{padding:32px 0 36px;box-sizing:border-box;border-bottom:1px solid #e889aa}@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:#e889aa;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:13px;right:33px;cursor:pointer}@media screen and (max-width: 46.93em){#menu-btn{top:calc(13/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:29px;left:33px}@media screen and (max-width: 46.93em){#logo{top:calc(29/750*100vw);left:calc(33/750*100vw)}}#logo img{width:213px}@media screen and (max-width: 46.93em){#logo img{max-width:28.4vw}}#x_icon{width:57px;position:absolute;top:14px;right:105px}@media screen and (max-width: 46.93em){#x_icon{width:7.6vw;top:calc(14/750*100vw);right:calc(105/750*100vw)}}#x_icon img{max-width:100%}body{background:#fff;background-image:url("../../images/bg/ptn.jpg");background-repeat:repeat;background-position:top center;background-size:288px auto}@media screen and (max-width: 46.93em){body{background-size:calc(288/750*100vw) auto}}.imgs{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;width:100%;background-image:url("../../images/bg/foot.png");background-repeat:no-repeat;background-position:top center;background-size:750px auto;padding:123px 0 0}@media screen and (max-width: 46.93em){footer{background-size:calc(750/750*100vw) auto;padding:16.4vw 0vw 0vw 0vw}}#foot_inner{width:100%;background-color:#fff;padding:37px 0 30px}@media screen and (max-width: 46.93em){#foot_inner{padding:4.9333333333vw 0vw 4vw 0vw}}#ouran_logo{width:357px;margin-left:207px}@media screen and (max-width: 46.93em){#ouran_logo{width:47.6vw;margin-left:calc(207/750*100vw)}}#ouran_logo img{width:100%}#copyright{width:226px;margin:37px auto 0}@media screen and (max-width: 46.93em){#copyright{width:30.1333333333vw;margin-top:calc(37/750*100vw)}}#bn_logo{position:absolute;z-index:1;width:170px;bottom:13px;right:20px}@media screen and (max-width: 46.93em){#bn_logo{width:22.6666666667vw;bottom:calc(13/750*100vw);right:calc(20/750*100vw)}}#backtop{position:absolute;z-index:1;width:128px;top:7px;right:30px}@media screen and (max-width: 46.93em){#backtop{width:17.0666666667vw;top:calc(7/750*100vw);right:calc(30/750*100vw)}}#front_page .contents{padding:0 0 36px}@media screen and (max-width: 46.93em){#front_page .contents{padding:0vw 0vw 4.8vw 0vw}}#kv img{width:100%}#front_nav{width:100%;display:flex;flex-wrap:wrap;justify-content:center;padding:10px 0 37px}@media screen and (max-width: 46.93em){#front_nav{padding:1.3333333333vw 0vw 4.9333333333vw 0vw}}#front_nav li{width:224px;margin:20px 9px 0}@media screen and (max-width: 46.93em){#front_nav li{width:29.8666666667vw;margin:2.6666666667vw 1.2vw 0vw 1.2vw}}#front_nav li img{width:100%}#front_entry{width:576px;margin:47px auto 0}@media screen and (max-width: 46.93em){#front_entry{width:76.8vw;margin-top:calc(47/750*100vw)}}#front_entry img{width:100%}.cbox{position:relative;width:690px;padding:135px 0;margin:0 auto;background-image:url("../../images/bg/c_head.png"),url("../../images/bg/c_foot.png");background-repeat:no-repeat;background-position:top center, bottom center;background-size:690px auto}@media screen and (max-width: 46.93em){.cbox{width:92vw;padding:18vw 0vw 18vw 0vw;background-size:calc(690/750*100vw) auto}}.cbox_inner{width:100%;background-image:url("../../images/bg/c_inner.png");background-repeat:repeat-y;background-position:top center;background-size:690px auto;box-sizing:border-box}@media screen and (max-width: 46.93em){.cbox_inner{background-size:calc(690/750*100vw) auto}}#front_c{margin-top:28px}@media screen and (max-width: 46.93em){#front_c{margin-top:calc(28/750*100vw)}}#front_c .cbox_inner{padding:20px 0 14px}@media screen and (max-width: 46.93em){#front_c .cbox_inner{padding:2.6666666667vw 0vw 1.8666666667vw 0vw}}#namja_info{width:100%;position:relative}#namja_logo{width:402px;margin:0 auto}@media screen and (max-width: 46.93em){#namja_logo{width:53.6vw}}.namja_info_details{position:relative;width:595px;margin:33px 0 0 55px}@media screen and (max-width: 46.93em){.namja_info_details{width:79.3333333333vw;margin:4.4vw 0vw 0vw 7.3333333333vw}}#x_icon_link{position:absolute;z-index:1;width:42px;top:5px;right:58px}@media screen and (max-width: 46.93em){#x_icon_link{width:5.6vw;top:calc(5/750*100vw);right:calc(58/750*100vw)}}#namja_news_link{position:absolute;z-index:1;width:59px;height:16px;top:94px;left:330px}@media screen and (max-width: 46.93em){#namja_news_link{width:7.8666666667vw;height:calc(16/750*100vw);top:calc(94/750*100vw);left:calc(330/750*100vw)}}.namja_news_btn{width:264px;margin:25px auto 0}@media screen and (max-width: 46.93em){.namja_news_btn{width:35.2vw;margin-top:calc(25/750*100vw)}}.namja_news_btn img{width:100%}.f_namja_notes{width:484px;margin:33px auto 0}@media screen and (max-width: 46.93em){.f_namja_notes{width:64.5333333333vw;margin-top:calc(33/750*100vw)}}.namja_map{margin-top:53px}@media screen and (max-width: 46.93em){.namja_map{margin-top:calc(53/750*100vw)}}.namja_map_h{width:570px;margin:0 auto}@media screen and (max-width: 46.93em){.namja_map_h{width:76vw}}.namja_map_img{width:100%;margin-top:44px}@media screen and (max-width: 46.93em){.namja_map_img{margin-top:calc(44/750*100vw)}}#goods_page .contents{padding:0 0 26px}@media screen and (max-width: 46.93em){#goods_page .contents{padding:0vw 0vw 3.4666666667vw 0vw}}#goods_page .notes{width:413px;margin:9px 0 0 35px}@media screen and (max-width: 46.93em){#goods_page .notes{width:55.0666666667vw;margin:1.2vw 0vw 0vw 4.6666666667vw}}.page_title img{width:100%}#area_time{position:relative;width:686px;margin:29px auto 0;background-color:#fff;border-radius:3px;box-sizing:border-box}@media screen and (max-width: 46.93em){#area_time{width:91.4666666667vw;margin-top:calc(29/750*100vw);border-radius:calc(3/750*100vw)}}.zaiko_btn{position:absolute;z-index:1;width:210px;top:25px;right:26px}@media screen and (max-width: 46.93em){.zaiko_btn{width:28vw;top:calc(25/750*100vw);right:calc(26/750*100vw)}}#goods_page #area_time{padding:17px 0 25px 23px}@media screen and (max-width: 46.93em){#goods_page #area_time{padding:2.2666666667vw 0vw 3.3333333333vw 3.0666666667vw}}#goods_page .at_img{width:426px}@media screen and (max-width: 46.93em){#goods_page .at_img{width:56.8vw}}#online_box{width:680px;margin:0 auto;background-color:#fff}@media screen and (max-width: 46.93em){#online_box{width:90.6666666667vw}}.online_h{width:100%}.np_btn{width:373px;margin:0 auto}@media screen and (max-width: 46.93em){.np_btn{width:49.7333333333vw}}.np_btn img{width:100%}.online_date{width:633px}@media screen and (max-width: 46.93em){.online_date{width:84.4vw}}#goods_page #online_box{margin-top:27px}@media screen and (max-width: 46.93em){#goods_page #online_box{margin-top:calc(27/750*100vw)}}#goods_page #online_box_in{padding:33px 0 22px}@media screen and (max-width: 46.93em){#goods_page #online_box_in{padding:4.4vw 0vw 2.9333333333vw 0vw}}#goods_page .online_date{margin:42px 0 0 24px}@media screen and (max-width: 46.93em){#goods_page .online_date{margin:5.6vw 0vw 0vw 3.2vw}}.online_goods_notes{width:615px;margin:26px 0 0 33px}@media screen and (max-width: 46.93em){.online_goods_notes{width:82vw;margin:3.4666666667vw 0vw 0vw 4.4vw}}.goods_benefits{width:702px;margin:48px auto 0}@media screen and (max-width: 46.93em){.goods_benefits{width:93.6vw;margin-top:calc(48/750*100vw)}}.goods_list{width:680px;margin:0 auto}@media screen and (max-width: 46.93em){.goods_list{width:90.6666666667vw}}.goods_list li{width:100%;margin-top:30px}@media screen and (max-width: 46.93em){.goods_list li{margin-top:calc(30/750*100vw)}}.goods_list li img{width:100%}#game_page .contents{padding:0 0 89px}@media screen and (max-width: 46.93em){#game_page .contents{padding:0vw 0vw 11.8666666667vw 0vw}}#game_page .notes{width:668px;margin:20px 0 0 35px}@media screen and (max-width: 46.93em){#game_page .notes{width:89.0666666667vw;margin:2.6666666667vw 0vw 0vw 4.6666666667vw}}#game_page #area_time{padding:17px 0 22px 23px}@media screen and (max-width: 46.93em){#game_page #area_time{padding:2.2666666667vw 0vw 2.9333333333vw 3.0666666667vw}}#game_page .at_img{width:423px}@media screen and (max-width: 46.93em){#game_page .at_img{width:56.4vw}}#game_page #online_box{margin-top:17px}@media screen and (max-width: 46.93em){#game_page #online_box{margin-top:calc(17/750*100vw)}}#game_page #online_box_in{padding:48px 0 32px}@media screen and (max-width: 46.93em){#game_page #online_box_in{padding:6.4vw 0vw 4.2666666667vw 0vw}}#game_page .online_date{margin:48px 0 0 24px}@media screen and (max-width: 46.93em){#game_page .online_date{margin:6.4vw 0vw 0vw 3.2vw}}#mg1{margin-top:22px}@media screen and (max-width: 46.93em){#mg1{margin-top:calc(22/750*100vw)}}#mg1 .cbox_inner{padding:9px 17px 4px}@media screen and (max-width: 46.93em){#mg1 .cbox_inner{padding:1.2vw 2.2666666667vw .5333333333vw 2.2666666667vw}}#mg1 .mg_logo{width:574px;margin-left:43px}@media screen and (max-width: 46.93em){#mg1 .mg_logo{width:76.5333333333vw;margin-left:calc(43/750*100vw)}}#mg1 .mg_text{width:573px;margin:29px auto 0}@media screen and (max-width: 46.93em){#mg1 .mg_text{width:76.4vw;margin-top:calc(29/750*100vw)}}.mg_prize_list{width:100%}.mg_prize_list li img{width:100%}#mg1 .mg_prize_list li:nth-child(1){margin-top:25px}@media screen and (max-width: 46.93em){#mg1 .mg_prize_list li:nth-child(1){margin-top:calc(25/750*100vw)}}#mg1 .mg_prize_list li:nth-child(2){margin-top:20px}@media screen and (max-width: 46.93em){#mg1 .mg_prize_list li:nth-child(2){margin-top:calc(20/750*100vw)}}#mg1 .mg_prize_list li:nth-child(3){margin-top:7px}@media screen and (max-width: 46.93em){#mg1 .mg_prize_list li:nth-child(3){margin-top:calc(7/750*100vw)}}#mg2{margin-top:50px}@media screen and (max-width: 46.93em){#mg2{margin-top:calc(50/750*100vw)}}#mg2 .cbox_inner{padding:30px 17px 2px}@media screen and (max-width: 46.93em){#mg2 .cbox_inner{padding:4vw 2.2666666667vw .2666666667vw 2.2666666667vw}}#mg2 .mg_logo{width:556px;margin-left:35px}@media screen and (max-width: 46.93em){#mg2 .mg_logo{width:74.1333333333vw;margin-left:calc(35/750*100vw)}}#mg2 .mg_text{width:621px;margin:52px auto 0}@media screen and (max-width: 46.93em){#mg2 .mg_text{width:82.8vw;margin-top:calc(52/750*100vw)}}#mg2 .mg_prize_list li:nth-child(1){margin-top:28px}@media screen and (max-width: 46.93em){#mg2 .mg_prize_list li:nth-child(1){margin-top:calc(28/750*100vw)}}#mg2 .mg_prize_list li:nth-child(2){margin-top:40px}@media screen and (max-width: 46.93em){#mg2 .mg_prize_list li:nth-child(2){margin-top:calc(40/750*100vw)}}#mg2 .mg_prize_list li:nth-child(3){margin-top:40px}@media screen and (max-width: 46.93em){#mg2 .mg_prize_list li:nth-child(3){margin-top:calc(40/750*100vw)}}#foods_page .contents{padding:0 0 64px}@media screen and (max-width: 46.93em){#foods_page .contents{padding:0vw 0vw 8.5333333333vw 0vw}}#foods_page .notes{width:488px;margin:26px 0 0 27px}@media screen and (max-width: 46.93em){#foods_page .notes{width:65.0666666667vw;margin:3.4666666667vw 0vw 0vw 3.6vw}}#foods_page #area_time{padding:17px 0 9px 23px}@media screen and (max-width: 46.93em){#foods_page #area_time{padding:2.2666666667vw 0vw 1.2vw 3.0666666667vw}}#foods_page .at_img{width:423px}@media screen and (max-width: 46.93em){#foods_page .at_img{width:56.4vw}}.foods_is_text{width:702px;margin:37px auto 0}@media screen and (max-width: 46.93em){.foods_is_text{width:93.6vw;margin-top:calc(37/750*100vw)}}.foods_menu{display:flex;flex-wrap:wrap;justify-content:center;padding-top:28px}@media screen and (max-width: 46.93em){.foods_menu{padding-top:calc(28/750*100vw)}}.foods_menu li{width:337px;margin:24px 9px 0}@media screen and (max-width: 46.93em){.foods_menu li{width:44.9333333333vw;margin:3.2vw 1.2vw 0vw 1.2vw}}.foods_menu li img{width:100%}#fortune_latte{margin-top:30px}@media screen and (max-width: 46.93em){#fortune_latte{margin-top:calc(30/750*100vw)}}#fortune_latte .cbox_inner{padding:0 17px 50px}@media screen and (max-width: 46.93em){#fortune_latte .cbox_inner{padding:0vw 2.2666666667vw 6.6666666667vw 2.2666666667vw}}.fl_h{width:607px;margin-left:25px}@media screen and (max-width: 46.93em){.fl_h{width:80.9333333333vw;margin-left:calc(25/750*100vw)}}.fl_step{width:614px;margin:30px 0 0 21px}@media screen and (max-width: 46.93em){.fl_step{width:81.8666666667vw;margin:4vw 0vw 0vw 2.8vw}}.fl_text{width:413px;margin:38px auto 0}@media screen and (max-width: 46.93em){.fl_text{width:55.0666666667vw;margin-top:calc(38/750*100vw)}}.fl_img{width:100%;margin-top:43px}@media screen and (max-width: 46.93em){.fl_img{margin-top:calc(43/750*100vw)}}.fl_chara{width:100%;margin-top:46px}@media screen and (max-width: 46.93em){.fl_chara{margin-top:calc(46/750*100vw)}}#soft_drink{margin-top:30px}@media screen and (max-width: 46.93em){#soft_drink{margin-top:calc(30/750*100vw)}}#soft_drink .cbox_inner{padding:0 17px 16px}@media screen and (max-width: 46.93em){#soft_drink .cbox_inner{padding:0vw 2.2666666667vw 2.1333333333vw 2.2666666667vw}}.sd_h{width:605px;margin-left:25px}@media screen and (max-width: 46.93em){.sd_h{width:80.6666666667vw;margin-left:calc(25/750*100vw)}}.sd_img{width:100%;margin-top:39px}@media screen and (max-width: 46.93em){.sd_img{margin-top:calc(39/750*100vw)}}.sd_sale{width:621px;margin:25px auto 0}@media screen and (max-width: 46.93em){.sd_sale{width:82.8vw;margin-top:calc(25/750*100vw)}}
