@charset "utf-8";
  #Nav {
     background-color: #FAFAFA;
     padding: 12px 24px 12px;
     max-width: 744px;
     margin: 0 auto;
   }

   #Nav p{
     color: #3D3D3D;
   }
   
   #Nav {
     position: fixed;
     width: 100%;
     bottom: 0;
     left: 50%;
     transform: translateX(-50%);
     -webkit-transform: translateX(-50%);
     -ms-transform: translateX(-50%);
     z-index: 10000;
   }

   #Nav .navlist {
     display: flex;
     justify-content: space-between;
     align-items: flex-start;
   }

   #Nav .navlist li {
     text-align: center;
     line-height: 1;
   }

   #Nav .navlist li.new {
     position: relative;
   }

   #Nav .navlist li.new::after {
     content: "";
     background: url(../images/img_bubble3.png) no-repeat center center;
     background-size: contain;
     width: 68px;
     height: 20px;
     position: absolute;
     top: -18px;
     left: -13px;
     right: 0;
     margin: auto;
   }

   #Nav .navlist li.new::before {
     content: "";
     background-color: #F8EBC0;
     width: 60px;
     height: 53px;
     border-radius: 8px;
     position: absolute;
     top: 55%;
     left: 50%;
     transform: translateY(-50%) translateX(-50%);
   }

   #Nav .navlist li img {
     width: 36px;
   }

   #Nav .navlist li p {
     font-weight: bold;
     line-height: 1.24;
     font-size: 1rem;
   }

   #Nav .navlist li._active p {
     color: #CC0000;
   }

   .modal_text {
     line-height: 2;
   }

   @media screen and (min-width: 744px) {
     #Nav {
       padding: 12px 94px 12px;
     }

     #Nav .navlist {
       justify-content: space-between;
     }

     #Nav .navlist li {
       width: 36px;
       text-align: unset;
       text-wrap: nowrap;
     }

     #Nav .navlist li a {
       display: flex;
       align-items: center;
       flex-direction: column;
     }
   }

   #Nav li{
     cursor: pointer;
   }
   .menuTab{
     display: none;
   }
   .open{
     display: block;
     position: absolute !important;
     z-index: 10;
     top: 0;
     left: 50%;
     transform: translateX(-50%);
     z-index: 1000;
   }
   #Page.menuContents {
     background-color: #F0EEEC !important;
     width: 100vw;
	 margin: 0 auto;
   }
   #Page.menuContents div#Contents_nav{
     padding-top: 56px;
     margin-bottom: 74px;
     max-width: 375px !important;
   }
   .menuContents #themeDetail {
     background-color: #F0EEEC;
     padding: 24px;
   }
   .menuContents .themeDetail_inner{
     margin-bottom: 24px;
   }
   .menuContents .themeDetail_inner p{
     color: #3D3D3D;
   }
   .menuContents .themeDetail_inner a{
     color: #3D3D3D;
   }
   .menuContents .themeDetail_inner:last-of-type{
     margin-bottom: 8px;
   }
   .menuContents .themeDetail_inner ul{
     border-radius: 12px;
     background-color: #FFFFFF;
     box-shadow: 0 0 4px rgba(0,0,0,0.05);
   }
   .menuContents .themeDetail_inner li{
     padding: 24px 0;
     margin: 0 16px;
     border-bottom: 1px solid #F2F2F2;
   }
   .menuContents .themeDetail_inner li:last-of-type{
     border-bottom: none;
   }
   .menuContents .themeDetail_inner p {
     line-height: 1.48;
     letter-spacing: 0;
   }
   .menuContents .themeDetail_inner > p {
     font-size: 16px;
     margin-top: 16px;
     margin-bottom: 8px;
   }
   .menuContents .themeDetail_inner > p:nth-of-type(1) {
     font-weight: bold;
     margin-top: 0;
   }
   .menuContents .themeDetail_content > p {
     font-size: 16px;
   }
   .menuContents .themeDetail_inner .-bannerarea{
     background: #F7F7F7;
     margin-bottom: 8px;
   }
   .menuContents .themeDetail_inner .-bannerarea li{
     padding: initial;
     margin: initial;
   }
   .menuContents .themeDetail_inner .-bannerarea a{
     width: 100%;
   }
   .menuContents .themeDetail_inner .-bannerarea .themeDetail_content_inner{
     background: #FFFFFF;
     border-radius: 12px 12px 0 12px;
     padding: 14px 26px;
   }
   .menuContents .themeDetail_inner .-bannerarea .themeDetail_content_inner img{
     max-width: 303px;
     width: 100%;
     display: block;
     margin: 0 auto;
   }
   .menuContents .themeDetail_inner .-bannerarea p{
     color: #707070;
     font-size: 14px;
     padding: 12px 16px;
     margin-bottom: 0;
   }
   .menuContents .themeDetail_inner .-caution{
     font-size: 12px;
     font-weight: 300 !important;
     padding-left: 1em;
     text-indent: -1em;
     letter-spacing: 0;
   }
   .menuContents .themeDetail_inner .-caution span{
     font-size: 11px !important;
   }
   #Contents.contentsopen{
     height: 1446px;
   }
   .red p{
     color: #CC0000 !important;
   }
   .black p{
     color: #3D3D3D;
   }
   .fontcls{
     font-size: 16px;
   }
   .action.black a::before{
     content: none;
   }
   .close{
     height: 1350px;
   }
  .close_app{
    height: 1280px;
  }
  .close_web{
    height: 1335px;
  }
 @media screen and (max-width: 744px) {
 	.menuTab #Page.menuContents div#Contents_nav{
 		max-width: initial !important;
 		margin-bottom: 19.73vw;
 	}
 }
  body  #Footer{
   font-family: "Hiragino Kaku Gothic ProN", "Noto Sans CJK JP ", "sans-serif";
 }
  body  #menuTabId{
   font-family: "Hiragino Kaku Gothic ProN", "Noto Sans CJK JP ", "sans-serif";
 }
  #Page.menuContents{
    position: relative;
    overflow: hidden;
    max-width: 980px;
    background: #d8dfef;
    margin: 0 auto;
  }

 div#Contents_nav{
	padding: 117px 0 0;
    line-height: 2;
    max-width: 744px; 
    margin: 0 auto; 
 }

 #menuHeader {
       max-width: 980px;
       height: 58px;
       min-width: auto;
       margin: 0 auto;
       border: none;
       left: 0;
       right: 0;
       position: absolute;
     }

     #menuHeaderInner {
       max-width: 980px;
       height: 48px;
       background: #F0EEEC;
     }

     #menuTitle {
       width: 240px;
       height: 48px;
       position: relative;
       text-align: center;
       z-index: 1;
       left: 0;
       line-height: 58px;
       font-size: 1.8rem;
       margin: auto;
       background: #F0EEEC;
     }
 	
 	#menuTitle a {
 	  color:#3D3D3D;
 	}