@charset "utf-8";
/* ====== BASE Module SET ===== */
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+JP&family=Kiwi+Maru&display=swap');


html{
 scroll-behavior: smooth;
}
body{
	font-family: "IBM Plex Sans JP","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","meiryo","MS P Gothic","ＭＳ Ｐゴシック","Osaka", sans-serif;
	text-align: center;
	-webkit-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-o-text-size-adjust: 100%;
	text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/*============================================================
	TopContentsStyle
============================================================*/
 
/*============================================================
	Page / column
============================================================*/
#page{
	width: 100%;
	margin: 0 auto;
	text-align: left;
 touch-action: manipulation;
}

.inner{
	width: 100%;
 max-width: 1180px;
	padding:  0 10px;
	text-align: left;
	margin: 0 auto;
	position: relative;
}
#main {
 background: #ffec39;
 padding: 0 0 50px 0;
}


/*============================================================
	Nav
============================================================*/
#page_header{
 position: relative;
}
#main p, #main ul, #main dl, #main ol, #main blockquote, #main pre, #main td, #main th{
 font-size: 100%;
 line-height: 1.75;
}
#main .pagenav{
 margin: 0;
 padding-bottom: 90px;
 display: flex;
 justify-content: space-between;
  flex-wrap: wrap;
}
#main .pagenav img{
 width: auto;
 height: 65px
}
@media screen and (max-width: 960px) and  (min-width: 769px){
 #main .pagenav{
  justify-content: center;gap: 4%
 }
 #main .pagenav img{
  width: auto;
  height: 55px
 }
}
@media screen and (max-width: 768px) {
 #main .pagenav{
  gap:0;
  justify-content: space-between;
 }

 #main .pagenav a::before{ content: normal !important}
 #main .pagenav li{
  width: 50%;
 }
 #main .pagenav img{
  width: auto;
  height: 35px;
 }
}
#main .pagenav a{
 display: block;
 padding: 30px 0 10px 0;
 position: relative;
 z-index: 1;
 text-align: left;
}
#main .pagenav a::before{
 content: normal;
 display: none;
 position: absolute;
 background: url("img/bg_nav.png") no-repeat 0 0;
 background-size: contain;
 top: -2%;
 left: -15%;
 width: 70%;
 height: 70%;
 z-index: -1;
}
#main .pagenav a:hover img,
#main .pagenav a:focus img{
 opacity: 0.7;
 transform: scale(1.05)
}
.sec_event{
 background: #000;
 color: #fff;
 padding: 60px;
 margin-bottom: 25px;
}
#event{ background: #252e3d;}
#main .head_top{
 text-align: center;
 line-height: 1;
 margin-bottom: 1em;
 font-size: 80px;
 font-family: "Kiwi Maru", serif;
 font-weight: 400;
}
#main .head_top small{
 text-align: center;
  display: block;
	font-family: "IBM Plex Sans JP","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","meiryo","MS P Gothic","ＭＳ Ｐゴシック","Osaka", sans-serif;
 font-size: 24px;
 margin-top: 1em;
}
#main .img_title{
 display: block;
 margin: auto;
 max-width: 812px;
 width: 80%;
}
#main #event p{
 text-align: center;
}
#main #audio strong,
#main #event strong{
 font-size: 150%;
}
#main #event .txt_time_s{
 font-size: 112.5%;
}

#main #event .tit_evt_1,
#main #event .tit_evt_2,
#main #event .tit_evt_3{
 color: #ffec39;
 font-size: 40px;
 line-height: 1;
 margin: 70px 0 1em 0;
 text-align: center;
}
#main #event .tit_evt_1:first-child, #main #event .tit_evt_2:first-child, #main #event .tit_evt_3:first-child{
 margin-top: 0;
}
#main #event .tit_evt_1{ letter-spacing: 0.5em;}
#main #event .tit_evt_2{ font-size: 30px; letter-spacing: 0.1em;}
#main #event .tit_evt_3{ font-size: 24px; letter-spacing: 0.1em;}
.btn_more_evt{
 display: inline-block;
 background: #ffec39;
 color: #000;
 text-decoration: none;
 padding: 20px 10px;
 text-align: center;
 line-height: 1;
 width: 100%;
 max-width: 380px;
 font-weight: bold;
 border-radius: 60px;
 font-size: 24px;
}
.btn_more_evt_s{
 font-size: 16px;
}
#main hr{
 width: 100%;
 border: 0;

}
.sec_evt_seigen{
 border: 5px solid #ffec39;
 margin: 40px 0 0 0;
 padding: 30px;
}
#audio{
 background: #ff7123;
}
#main #audio h4,
#main #audio h3{
 text-align: center;
 margin-bottom: 1em;
 line-height: 1;
}
#main #audio .head_top{
 color: #000; 
}
#main #audio h4{
 margin-top: 2em;
 font-size: 24px;
}
#main #audio h3{
 color: #ffec39;
 font-size: 40px;
}
#main .txt_step{
 max-width: 700px;
 width: 100%;
 margin: 0 auto 1.5em auto;
}
#main *::after{ content: normal;}
#main .menu_item{
 display: flex;
 justify-content: space-between;
}
#ramen{
 background: #00c1ba;
 color: #000;
}
#main #ramen .head_top{
 margin-bottom: 60px;
 color: #e8eb12;
}
#main #ramen .head_top small{
 color: #000;
}
#main .txt_read_area{
 margin-bottom: 2em;
 text-align: center;
}
#main .sec_page_sugomen_item{
 background: #468681;
 padding: 40px  20px;
 margin-bottom: 20px;
 border-radius: 10px;
 color: #fff;
}
#main .menu_item i{
 order: 2;
 width: 54%;
 text-align: center;
}
#main .menu_item .txt_box{
 order: 1;
 width: 45%;
}
#main #sugomen .menu_item i{
 width: 45%
}
#main #sugomen .menu_item .txt_box{
width: 50%
}

#main .sec_page_sugomen_item h3{
 text-align: center;
 color: #e8eb12;
 font-size: 46px;
 margin-bottom: 1em;
 line-height: 1;
}
#main .sec_page_sugomen_item .sec_page_sugomen_item_read{
 color: #fff;
 line-height: 1;
 margin: 1em 0 0 0;
 text-align: center;
 font-size: 30px;
 font-weight: bold;
}
#main .sec_page_sugomen_item_cs{
 background: #000;
 overflow: hidden;
 margin-bottom: 20px;
 border-radius: 10px;
 color: #fff;
 
}
#main .txt_period{
 line-height: 1.75;
 margin-bottom: 45px;
}
#main .txt_period em{
 font-size: 150%;
}
#main .ramen_no{
 margin-bottom: 20px;
}
#main .ramen_no img{
 max-width: 150px;
}
#main .txt_period strong{
 font-size: 225%;
}
#main .goods_list{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
row-gap: 50px;
margin-bottom: 45px;
}
#main .goods_list li{
 width: 48%;
}
#main .sec_page_sugomen_item_special{
 background: #fff;
 color: #00c1ba;
 border: 1px solid #000;
 padding: 30px;
 margin: 30px 0;
}
#main .sec_page_sugomen_item_special h3{
 text-align: center;
 font-size: 46px;
}
#main .sec_page_sugomen_item_special h4{
 text-align: center;
 font-size: 36px;
 margin: 0.5em 0;
 line-height: 1;
}
#main .sec_page_sugomen_item_special h4 small{
 font-size: 78%;
}
#main .sec_page_sugomen_item_special i{
 background: #00c1ba;
 padding:  10px 1em;
 border-radius: 30px;
 color: #fff;
}

#main .sec_page_sugomen_item_special p{
 text-align: center;
}
#main .special_notes{
 text-align: center;
}
#sugomen{
 background: #dfb5fd;
 color: #000;
}
#main #sugomen .head_top{
 color: #c1fd5a;
}
#main #sugomen .head_top small{
 color: #000;
}
#main #sugomen .sec_page_sugomen_item{
 background: #9c7fb2;
 color: #fff;
}
#main #sugomen .sec_page_sugomen_item h3{
 color: #c1fd5a;
}
#main #sugomen .sec_page_sugomen_item h3+p{
 text-align: center;
 margin-bottom: 1em;
}

#goods{
 background: #b4d23e;
 color: #000;
}
#main #goods .head_top{
 color: #fefe8a;
}
#main #goods .head_top small{
 color: #000;
}
#main #goods h3{
 text-align: center;
 margin-bottom: 1em;
 line-height: 1;
 font-size: 40px
}
#main #goods h3+p{
 text-align: center;
 margin-bottom: 2em;
}
#main #goods .sec_page_sugomen_item_special{
 color: #a8d325;
}
#main #goods .sec_page_sugomen_item_special i{
 background: #a8d325;
}
.sec_remit{
 background: #fff;
 color: #a8d325;
 padding: 30px 60px;
 margin: 30px auto;
 max-width: 800px;
 border-radius: 20px;
}
.sec_remit a{
 color: #a8d325;
 text-decoration: underline;
}
#main .sec_remit h4{
 text-align: center;
 line-height: 1;
 font-size: 40px;
 margin-bottom: 0.5em;
}
#main .sec_remit p{ font-size: 18px; font-weight: bold;}
#main big{
 font-weight: bold;
 font-size: 150%;
}
#display{
 background: #ffc6b8;
 color: #000;
}
#main #display .txt_read_area{
 font-size: 24px;
}
.display_list{
 display: flex;
 justify-content: space-between;
}
.display_list_item{
 width: 49%;
}
#main .display_list_item h3,
#main .display_list_item p{
 text-align: center;
} 
#main .display_list_item h3{
 margin:  1em 0;
 font-size: 24px;
}

#qa{
 background-color: #e0cac9;
 color: #000;
}
.sec_page_faq_item {
	border-bottom: 1px solid #fff;
	margin: auto;
	margin-bottom: 25px
}

#main .sec_page_faq_item h3 {
	padding: 10px 0 0 80px;
	font-size: 150%;
 position: relative;
 min-height: 60px;
}
#main .sec_page_faq_item p {
	font-size: 112.5%
}

#main .sec_page_faq_item .sec_page_faq_item_a {
	padding: 0 0 40px 80px;
 position: relative;
 min-height: 60px;
}

#main .sec_page_faq_item i{
 position: absolute;
 display: block;
 left: 0;
 top: -10px;
 font-family: "Kiwi Maru", serif;
 font-size: 60px;
 line-height: 1;
 font-weight: normal;
}

@media screen and (max-width: 768px) {
 #main p, #main ul, #main dl, #main ol, #main blockquote, #main pre, #main td, #main th{
  font-size: 88%;
 }
 .sec_event{
  padding:  20px 10px;
 }
 #main .pagenav{
  padding: 0 0 20px 0;
 }
 #main .pagenav a{
 padding: 10px 0 10px 0;
}
 #main .head_top {
 font-size: 40px;
 }
 #main .head_top small{ font-size: 14px;}
 #main #event .tit_evt_1, #main #event .tit_evt_2, #main #event .tit_evt_3 {
  font-size: 20px;
  margin: 35px 0 1em 0;
  line-height: 1.25;
 }
 #main #audio strong,
 #main #event strong{ font-size: 125%}
 .btn_more_evt_s {
  font-size: 14px;
 }
 .btn_more_evt {
  padding: 15px 10px;
  max-width: 380px;
  border-radius: 60px;
  font-size: 14px;
 }
 .sec_evt_seigen{
  padding: 20px 10px;
 }
 #main #audio h3 {
  font-size: 20px;
 }
 #main #audio h4 {
  font-size: 18px;
 }
 #main .sec_page_sugomen_item h3 {
  font-size: 24px;
  line-height: 1.2;
 }
 #main .sec_page_sugomen_item .sec_page_sugomen_item_read {
  font-size: 20px;
  line-height: 1.2;
  font-weight: bold;
  text-align: center;
  margin: 1em 0;
 }
 #main .menu_item{
  display: block;
 }
 #main .menu_item i{
  display: block;
  width: auto;
  text-align: center;
  margin-bottom: 30px;
 }
 #main .menu_item .txt_box{
  width: auto;
 }
 #main .ramen_no{
  text-align: center;
 }
 #main #sugomen .menu_item i{
  width: auto
 }
 #main #sugomen .menu_item .txt_box{
 width: auto
 }
 #main .ramen_no img{
  max-width: 100px;
 }
 #main .txt_period strong{ font-size: 150%;}
 #main .sec_page_sugomen_item_special{
  padding: 10px;
 }
 #main .sec_page_sugomen_item_special h4,
 #main .sec_page_sugomen_item_special h3 {
  font-size: 20px;
 }
 #main .sec_page_sugomen_item_special h4{
  margin:  1em 0 1em;
 }
 #main .special_notes{
  text-align: left;
 }
 #main #goods h3 {
  font-size: 20px;
 }
 #main .goods_list li{
  width: 100%; 
 }
 #main .sec_remit h4 {
 font-size: 20px;
 }
 #main .sec_remit p{ font-size: 16px;}
 #main #display .txt_read_area{
  font-size: 16px;
 }
 .display_list{ display: block}
 .display_list_item {
  width: 100%;
  margin-top: 1em;
 }
 #main .display_list_item h3 {
  font-size: 18px;
 }
 #main .sec_page_faq_item i{
  font-size: 40px;
  top: 0;
 }
 #main .sec_page_faq_item .sec_page_faq_item_a,
 #main .sec_page_faq_item h3{
  padding-left: 50px;
 }
 .sec_remit{
  padding: 20px;
 }
 #main big{
  font-size: 125.0%;
 }
}

#main li,#main h2{opacity:0;transition:0.5s opacity, 0.5s transform;transform:scale(0)}#main li.animeOn,#main h2.animeOn{opacity:1;transform:scale(1)}#main .page_menu li{opacity:1;transform:none;transition:none}#main p,#main h4,#main h5,#main h6,#main h3{opacity:0;transition:0.5s opacity, 0.5s transform}#main p.animeOn,#main h4.animeOn,#main h5.animeOn,#main h6.animeOn,#main h3.animeOn{opacity:1}