/*CSSはこっち*/

* {
  box-sizing: border-box;
}
	


img{
    max-width: 100%;
    height: auto;
	
}

.img-fluid{
    clear: both;
    display: block;
    max-width: 768px;
    width: 100%;
    height: auto;
    margin: 0 auto;
}

.img-fluid > img{
    display: block;
}

body{
    margin: 0;
    padding: 0;
    font-family:  'Roboto', 'Noto Sans JP',sans-serif;
    font-weight: 400;
 
}

h2{
    margin-top: 0;
	margin-bottom:0;
	margin-block-start: 0;
    margin-block-end: 0;
    padding: 0;
}
section{
    margin: 0 auto;/*各セクション*/
}
/*header*/
header{
    max-width: 1000px;
    width: 100%;
    height: auto;
    background-color: rgb(77, 2, 2);
    margin: 0 auto;
    display: flex;
    align-items: center;
    position: relative;
}


.html{
    overflow-y: scroll;
}

.floating-btn{
    position: fixed;
    bottom: 35px;
    right: calc(150px + (100vw - 100%));
    width: 60px;
    height: 60px;
    background-color: #000000;
    color: white;
    border-radius: 50%;
    text-align: center;
    line-height: 65px;
    font-size: 16px;
    box-shadow: 2px 2px 10px rgba(0,0,0,0,3);
    z-index: 1000;
    text-decoration: none;
    transition: all 0.3s;
}

.floating-btn:hover{
    background-color: #ff0008;
    transform: scale(1.2);
}

.rogo{
   max-width: 120px;
   display: block;
   justify-content: flex-start;
   align-items: center;
   margin: 0 ;
}

.rogo1{
   max-width: 120px;
   display: block;
   justify-content: center;
   align-items: center;
   margin: 0 ;
}

.rogo1 img{
   position: absolute;
   top: 20%;
   left: 40%;
   width: 50%;
   height: 50%;
}

/*PCナビゲーションメニュー*/
.m-menu ul{ 
    display: flex;
    justify-content: center;
    list-style: none;
    padding: 0;
    margin: 0 ;  
  
             
}

.m-menu ul li a{
    color: #fff;
    text-decoration: none;
    margin: 0 25px;
    padding: 0 5px; /* 左右に５pxずつの余白調整　*/
    font-size: 21px;
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; 
    /*Georgia, 'Times New Roman', Times, serif; */
   
}

 .m-menu a:hover { 
    text-decoration: none;
    background-color: #f5a6b0;
    color: #fff;
    padding: 10px;
    display: block;
    
}


/*スマホナビゲーションメニュー*/

.res-nav{   
    display: none;
    text-align: right;
    margin: 0 auto;


}    

.res-nav img{
    width: 30%;
    right: 30%;      
}

.rogo1 img{
    width:40%;
    height: auto;
    top: -20%;
    left: 30%;


}

.dropdown-menu {
    display: none;
/* この要素を非表示にします */
  }

/*ファーストビュー*/
.container{
    max-width: 1000px;
    width: 100%;
    height: auto ;
    margin: 0 auto;

}

.container-img{
    display: flex;
    justify-content: center;
    width: 100%;
    height: auto;
} 



/*スマホナビゲーションメニュー*/
.res-container{
    display: none;
}

/*news*/
.topics{
    max-width: 1000px;  
    width: 100%; 
    height: auto;
    background-color: rgb(194, 190, 190);
    font-family: 'segoe UI',Tahoma,Geneva,Verdana,sans-serif;
    border: 1px solid #ccc;    
    margin: 0 auto;
	overflow: hidden;
	display: block;
  　flex-direction: column;
  　/*gap: 20px;*/


}
.res-topics{
    display: none;
}

.topics-box{
    width: 75%;
    height: 100%;
    margin: 45px auto;
    padding: 15px;
    border: 10px solid #a6a7a7;
    background-color: rgb(40, 40, 41);
    border-radius: 5px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    font-family: 'segoe UI',Tahoma,Geneva,Verdana,sans-serif;
    width: 700px;
    height: 300px;
    overflow-y: scroll; 
	
	
    
}
.topics-text p:empty{
    display:none;
}

.res-topics-box{
    display: none;
}


.large{
    font-size: 2.0em;
    color: #ffffff
    
}

.res-large{
    display: none;
}

.topics-content{
    display: flex;
    justify-content: center; /*水平方向の中央揃え　*/
    align-items: center; /*垂直方向の中央揃え */
    text-align: left; /*テキスト自体(複数行)を中央揃え */
    margin: auto;

       
}

.res-topics-content{
    display: none;
}


.topics ul{
    list-style: none; /*リストの（ぶっとう）を消す　*/
    padding: 0;
  
}

.topics p{
    color: rgb(191, 189, 176);
    font-family: 'segoe UI',Tahoma,Geneva,Verdana,sans-serif;
    font-size: 1.0em

}

.res-topics p{
    display: none;
}

.topics li{
    margin-bottom: 5px;
    border-top: 1px dotted #fff;
    border-bottom: 1px dotted #fff;
    padding-bottom: 10px;
    
  
}

.topics-item h3 {
    color: #fff !important;
}



.topics .date{
    display: inline-block; /*横並びにする　*/
    margin-right: 10px;
    color: #ffffff;
    font-size: 1.8em;
}

.res-topics .date{
    display: none;
}

.topics a {
    text-decoration: none; /* 下線を消す　*/
    color: #c05e9a;
	font-size 1.2em;
}

.topics a:hover{
    text-decoration: underline; /* ホバーで下線　*/

}

  
/*detail*/
.detail{
    max-width: 1000px;
    width: 100%;
    height: auto;
    margin: 0 auto;
}

.item {
    display: flex;
    flex-wrap: nowrap; /* 折り返さない　*/
    gap: 30px;
    justify-content: center; /* 中央寄せ　*/
}  

.detail-left{
    width: 70%;
    height: auto; 
    
    
}

.detail-left img{
    width: 100%;
    height: auto;
    
}

.detail-right{
    width: 45%;
    height: auto;
}

.detail-right img{
    width: 100%;
    height: auto;
}
    

.detail.item .text{
    width: 40%;
   
   
    
}

.detail.item .text-box{
    background-image: url('和風（ロゴ）.png');
    background-size: cover;     
    background-position: right;
}


.title{
    font-size: 30px;
    text-align: center;
}

.description{
    font-size: 18px;
    vertical-align: text-top;
}
.res-description{
    text-align: center;
    height: auto;
}



.res-detail{
    display: none;

}


.res-detail img{
    width: 100%;
}

.res-localmenu{
    display: none;

}

.localmenu-band{
    max-width: 1000px;
    width: 100%;
    height: auto;
    display: flex; 
    justify-content: center;
    margin: 0 auto;
}

.localokonomi-menu{
    max-width: 1000px;
    width: 100%;
    height: auto;
    display: flex; 
    justify-content: center; 
    position: relative;
    margin: 0 auto;
	

}

.about{
    max-width: 1000px;
    width: 100%;
    position: relative !important;
    margin: 0 auto;
    display: flex !important;
    justify-content: center; 
    align-items: center; !important;
    top:100px;

 
}

.about img{
    display: block;
}

.back-btn {
	border:none;
	box-shadow:none;
}

.back-btn > a{
    display: block;
}

/*この上部のスペースのCSSを読まない*/
.link-area1{
    position: absolute;
    top: 22%;
    right: 16%;
    width: 14%;
    height: 28%;
	
}

.link-area2{
    position: absolute;
    bottom: 2%;
    right: 19%;
    width: 20%;
    height: 22%;
	
}

.link-area3{
    position: absolute;
    top: 19%;
    right: 1%;
    width: 14%;
    height: 32%;
	
}

.link-area4{
    position: absolute;
    bottom: 11%;
    right: 0%;
    width: 15%;
    height: 32%;
	
}

/*マップリンクの位置調整ここまで*/


.menu-band{
    max-width: 1000px;
    width: 100%;
    height: auto;
    display: flex; 
    justify-content: center;
    margin: 0 auto;
}


.menu{
    max-width: 1000px;
    width: 100%;
    height: auto;
    display: flex; /*flexboxを使用　*/
    justify-content: center; 
    position: relative;
    margin: 0 auto;    
}

.menu-img{
    width:100%;
    height: auto;
}



.res-menu{
    display: none;

}

/*メニューリンク位置ここから*/

.link-area5{
    position: absolute;
    top: 38%;
    left: 8%;
    width: 15%;
    height: 39%;
   
}

.link-area11{
    position: absolute;
    top: 15%;
    left: 24%;
    width: 15%;
    height: 38%;
}

.link-area6{
    position: absolute;
    top: 61%;
    left: 19%;
    width: 15%;
    height: 34%;
}

.link-area7{
    position: absolute;
    top: 57%;
    left: 44%;
    width: 15%;
    height: 39%;
}

.link-area8{
    position: absolute;
    top: 43%;
    right: 23%;
    width: 15%;
    height: 40%;

}

.link-area12{
    position: absolute;
    top: 14%;
    right: 3%;
    width: 15%;
    height: 35%;

}


/*メニューリンク位置ここまで*/


.shop-band{
    max-width: 1000px;
    width: 100%;
    height: auto;
    display: flex; 
    justify-content: center;  
    margin: 0 auto;
}

.shop{
    max-width: 1000px;
    width: 100%;
    height: auto;
    display: flex; 
    justify-content: center;
    margin: 0 auto;
}


.res-shop{
    display: none;
}


.delivery-band{
    max-width: 1000px;
    width: 100%;
    height: auto;
    display: flex; 
    justify-content: center;  
    margin: 0 auto;
}

.delivery{
    max-width: 1000px;
    width: 100%;
    height: auto;
    display: flex; 
    justify-content: center;
    position: relative;
    margin: 0 auto;
}

.link-area13{
    position: absolute;
    top: 15%;
    right: 35%;
    width: 13%;
    height: 52%;
}

.res-delivery{
    display: none;
}

.mov-container-band{
    max-width: 1000px;
    width: 100%;
    height: auto;
    display: flex; 
    justify-content: center;  
    margin: 0 auto;
}



.mov-container{
    max-width: 1000px;
    display: flex;
    position: relative;
    justify-content: center;
    margin: 0 auto;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-image: url("./img/umaikenn-mov.jpg");
    background-size: cover;
    background-position: center;

}

video{
    pointer-events: auto;
    width: 100%;
    height: auto;
    border: 10px solid #3f3a57;
    border-radius: 8px;
    display: block;
    object-fit: cover;
    background: #000;


}

.end-screen{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0,8);
    display: none;
    justify-content: center;
    align-items: center;
    color: white;
    flex-direction: column;
    cursor: pointer;
}

#endImage {
  opacity: 0;
  transition: opacity 1s;
}

.show {
  opacity: 1;
}

/* 動画が終了した瞬間に表示するクラス（JavaScriptで付与） */
.end-screen.is-active{
    display: flex;
}

/*.mov{
 max-width: 1000px;
    width: 100%;
    height: auto;
    position: relative;
    display: flex;
    justify-content: center;
    margin: 0 auto;
    
} */

.back-video{
    position: absolute;
    top: 13%;
    right: 5%;
    width: 38%;
    height: 68%;
    object-fit: cover;
    z-index: 1; 

}

/*.button{
    background-color: white;
    border: none;
    padding: 8px 16px;
    cursor:pointer;
    border-radius: 4px;
    font-weight: bold;


}

.button:hover{
    background-color: #ddd;
} */


.res-mov-container{
    display: none;
}


.m-footer-band{
    max-width: 1000px;
    width: 100%;
    height: auto;
    display: flex; 
    justify-content: center;  
    margin: 0 auto;
}       

/*注文リンクここから*/
.link-area9{
    position: absolute;
    bottom: 8%;
    right: 18%;
    width: 14%;
    height: 19%;
}


/*注文リンクここまで*/




.m-footer{
    max-width: 1000px;
    width: 100%;
    height: auto;
    position: relative;
    margin: 0 auto;
    background-size: cover;
    background-position: center;

}


.m-footer iframe{
    position: absolute;
    top: 110px;
    right: 30px;
    width: 280px;
    height: 200px;
    
}  

.footer{
    max-width: 1000px;
    width: 100%;
    height: 150px;
    background-color: rgb(0, 0, 0);
    margin: 0 auto;
    display: flex;
    align-items: center;
    position: relative;
    text-align: right;
    font-family: Arial, Helvetica, sans-serif;

    
    
}

.f-rogo{
   max-width: 120px;
   display: block;
   justify-content: flex-start;
   align-items: center;
   margin: 0 ;
   position: absolute;
   top: -3%;
   left: 1%;

}

.f-rogo1{
   max-width: 120px;
   display: block;
   justify-content: flex-start;
   align-items: center;
   margin: 0 ;
   position: absolute;
   top: 21%;
   left: 6%;

}

.copyright{
    position: absolute;
    bottom: 15px;
    right: 50px;
    color: white;
    font-size: 15px;

}

.hp-m-menu ul{ 
    display: flex;
    justify-content: center;
    list-style: none;
    padding: 0;
    margin: 0 ; 
    position: absolute;
    left: 17%;
    top: 27%            
}

.hp-m-menu ul li a{
    color: #fff;
    text-decoration: none;
    margin: 0 25px;
    padding: 15px; /* 左側の余白調整　*/
    font-size: 16px;
    font-family: Arial, Helvetica, sans-serif;

}

 .hp-m-menu a:hover { 
    text-decoration: none;
    background-color: #f5a6b0;
    color: #fff;
    padding: 10px;
    display: block;
    
}

.hp-m-menu1{
    position: absolute;
    display: flex;
    align-items: center;
    top: 55%;
    left: 30%;
    gap: 10%;
}

.contact-btn{
    display: inline-block;  /* 横並び */
    background-color: #007bff; /* 背景色 */
    color: #ffffff;            /* 文字色 */
    padding: 8px 18px;        /* 内側余白 */
    text-decoration: none;     /* 下線を消す */
    border-radius: 5px;        /* 角丸 */
    width: auto;
    white-space: nowrap; /*文字の途中で改行しない */
}

.res-footer{
    display: none;
}

.m-res-footer{
    display: none;
}

.res-f-rogo1{
    display: none;
}

.link-item > a{
    color: #fff;
    text-decoration: none;
}

/*.floating-image{
   max-width: 400px;
   height: auto;    
}



.link-area10{
    position: absolute;
    bottom: 21%;
    right: 5%;
    width: 30%;
    height: 80%;


}*/













/*


ここからスマホ


*/

@media screen and (max-width:768px) {/*画面幅768以下の時*/
	



/*モバイル向けのインスタグラム埋め込み要素*/
.instagram-media{
    width: 100%;
    min-width: 300px;
    margin-left: 0;
    margin-right: 0;
}


/*モバイル向けのフローティングボタン設定*/
.floating-btn{
    position: fixed;
    bottom: 28px;
    right: 20px;
    width: 52px;
    height: 52px;
    background-color: #5f5f5f;
    color: white;
    border-radius: 50%;
    text-align: center;
    line-height: 54px;
    font-size: 13px;
    box-shadow: 2px 2px 10px rgba(0,0,0,0,3);
    z-index: 1000;
    text-decoration: none;
    transition: all 0.3s;
}

floating-btn:hover{
    background-color: #0056b3;
    transform: scale(1.1);
}

  
/*ナビゲーションメニュー*/
.m-menu{/*pcメニューの非表示*/
    display: none;
  }

.res-nav{/*スマホ表示*/
    display: block;
}

/*.res-nav:hover{
    background-color: #ffffff;
    transform: scale(1.5);

} */

.dropdown-btn{/*スマホメニューボタンの位置*/
    position: absolute;
    top: 18%;
    right: 30px;
} 

.dropdown-menu{
    position: absolute;
    top: 105px;
    left: 0;
    width: 100%;
    height: auto;
    text-align: center;
    background-color: #69283a;
    padding: 0;
    border-top: 1px dotted #fff;
}

.dropdown-menu li{
    list-style-type: none;
    padding: 10px 0;
    border-bottom: 1px dotted #fff;
}

.dropdown-menu li a{
    color: #fff;
    text-decoration: none;
}



.container{/*pcメニューの非表示*/
    display: none;
}

.res-container{/*スマホ表示*/
    display: block;
    
}

.topics{
    display: none;
}


.res-topics{
    max-width: 1000px;  
    width: auto; 
    height: 100%;
    background-color: rgb(194, 190, 190);
    font-family: 'segoe UI',Tahoma,Geneva,Verdana,sans-serif;
    border: 1px solid #ccc;    
    margin: 0 auto;
    display: block;

}

.topics-box{
    display: none;
}

.res-topics-box{
    width: auto;
    height: 100%;
    margin: 45px auto;
    padding: 30px;
    border: 10px solid #a6a7a7;
    background-color: rgb(40, 40, 41);
    border-radius: 5px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    font-family: 'segoe UI',Tahoma,Geneva,Verdana,sans-serif;
    width: 350px;
    height: 200px;
    overflow-y: scroll; 
    display: block;
    
}

.large{
    display: none;
}

.res-large{
    display: block;
    font-size: 1.8em;
    color: #ffffff
    
}

.topics-content{
    display: none;
}

.res-topics-content{
    display: flex;
    justify-content: center; /*水平方向の中央揃え　*/
    align-items: center; /*垂直方向の中央揃え */
    text-align: left; /*テキスト自体(複数行)を中央揃え */
    margin: auto;
    display: block;   
}

.topics ul{
    display: none;
}

.res-topics ul{
    list-style: none; /*リストの（ぶっとう）を消す　*/
    padding: 20px;
    display: block;
  
}
.topics p{
    display: none;
}

.res-topics p{
    display: block;
    color:rgb(255, 255, 255);
    font-family: 'segoe UI',Tahoma,Geneva,Verdana,sans-serif;
    font-size: 0.8em
    

}

.res-topics li{
    margin-bottom: 10px;
    border-top: 1px dotted #eee;
    border-bottom: 1px dotted #eee;
    padding-bottom: 10px;
    display: block;
  
}

.topics .date{
    display: none;
}

.res-topics .date{
    display: inline-block; /*横並びにする　*/
    margin-right: 10px;
    color: #ffffff;
    font-size: 0.8em
}

.res-topics a {
    text-decoration: none; /* 下線を消す　*/
    color: #c4a8ea;
	
}

.res-topics a:hover{
    text-decoration: underline; /* ホバーで下線　*/

}




.detail{
    display: none;
}

.res-description{
    text-align: center;
    height: auto;
}

.res-detail{
    display: block;
    justify-content: center;
    align-items: center;
    height: auto;
   

}


.localmenu-band{
    display: none;
}

.localokonomi-menu{
    display: none;
    
}
.res-localmenu{/*スマホ表示*/
    display:block;
    position: relative;

}

.about{
    max-width: 768px;
	width: 100%;
	height: auto;
    margin: 0 auto;
    position: relative; 
    justify-content: center; 
    align-items: center;
    top: 100px;
	flex-direction: column;
	display:block;

　
}
	
.about img{
    width:100% !important;
    max-width:768px !important;
    height:auto !important;
    display:block !important;
    
}


/*スマホ　ローカルリンク位置ここから　*/
.link-area13{
    position: absolute;
    top: 62%;
    right: 30%;
    width: 18%;
    height: 10%;
}

.link-area14{
    position: absolute;
    top:84%;
    right:38%;
    width: 25%;
    height:6%;
}

.link-area15{
    position: absolute;
    top: 63%;
    right: 5%;
    width: 19%;
    height: 10%;
}

.link-area16{
    position: absolute;
    top: 76%;
    right: 3%;
    width: 20%;
    height: 11%;

}
/*スマホ　ローカルリンク位置ここまで　*/



/*スマホ　メニューリンク位置ここから　*/

.menu-band{
     display: none;
}


.menu{
     display: none;
}

.res-menu{/*スマホ表示*/
    display:block;
    position: relative;

}

.link-area17{
   position: absolute;
    top: 14%;
    right: 10%;
    width: 31%;
    height: 14%;
     
}

.link-area18{
   position: absolute;
    top: 33%;
    right: 57%;
    width: 31%;
    height: 14%;
     
}

.link-area19{
   position: absolute;
    top: 34%;
    right: 10%;
    width: 32%;
    height: 15%;
     
}

.link-area20{
   position: absolute;
    top: 54%;
    right: 58%;
    width: 30%;
    height: 14%;
     
}

.link-area21{
   position: absolute;
    top: 57%;
    right: 10%;
    width: 31%;
    height: 14%;
     
}

.link-area22{
    position: absolute;
    top: 81%;
    right: 55%;
    width: 30%;
    height: 13%;
     
}

.shop-band{
    display: none;
}

.shop{
    display: none;
}



.res-shop{/*スマホ表示*/
    display:block;
    

}

.delivery-band{
    display: none;
}

.delivery{
    display: none;
    
}

.res-delivery{
    display: block;
    position: relative;
    margin: 0 auto;

}

.link-area24{
    position: absolute;
    top: 13%;
    right: 5%;
    width: 38%;
    height: 24%;
}



/*スマホ表示 インスタ*/
.link-area23{
    position: absolute;
    bottom: 4%;
    right: 8%;
    width: 36%;
    height: 8%;
}

.mov-container-band{
    display: none;
}

.mov-container{
    display: none;
}

.res-mov-container{
    display: block;
    position: relative;
    justify-content: center;
    margin: 0 auto;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-image: url("./img/umaikenn-mov.jpg");
    background-size: cover;
    background-position: center;

}

video{
    pointer-events: auto;
    width: 100%;
    height: auto;
    border: 10px solid #3f3a57;
    border-radius: 8px;
    display: block;


}

.back-video{
    position: absolute;
    top: 23%;
    right: 17%;
    width: 65%;
    height: 25%;
    object-fit: cover;
    z-index: 1; 
}



.m-footer-band{
    display: none;
}

.m-footer{
    display: none;
    
}

.footer{
    display: none;
}



/*スマホ表示 */
.res-footer{
    display: block;
    position: relative;
     width: 100%;
    height: 100%;
    border: none; 
    margin: 0 auto;
    text-align: right;
    font-family: Arial, Helvetica, sans-serif;
    font-size: small;

    
}

.res-footer iframe{
    position: absolute;   
    top: 30%;
    right: 2%;
    width: 45%;
    height: 15%; 
} 

.m-res-footer{
    max-width: 1000px;
    width: 100%;
    height: 150px;
    background-color: rgb(0, 0, 0);
    margin: 0 auto;
    display: flex;
    align-items: center;
    position: relative;
    text-align: right;
    font-family: Arial, Helvetica, sans-serif;

    
    
}

.res-f-rogo{
   max-width: 120px;
   display: block;
   justify-content: flex-start;
   align-items: center;
   margin: 0 ;
   position: absolute;
   top: -23%;
   left: -3%;

}

.res-f-rogo1{
   max-width: 120px;
   display: block;
   justify-content: flex-start;
   align-items: center;
   margin: 0 ;
   position: absolute;
   top: 22%;
   left: 3%;

}

.res-copyright{
    position: absolute;
    bottom: 8px;
    right: 10px;
    color: white;
    font-size: 12px;

}

.mo-m-menu{
    position: absolute;
    display: flex;
    flex-wrap: wrap; /* 折り返しを有効にする */
    flex-direction: column; /* 要素を縦並びに */
    gap: 3px;
    justify-content: center;
    align-items: center;
    color: white;
    left: 22%;
    


}

.mo-m-menu ul{ 
    display: flex;
    justify-content: center;
    list-style: none;
    padding: 0;
    margin: 0 ; 
    position: absolute;
    left: 15%;
    top: 40%            
}

.mo-m-menu ul li a{
    color: #fff;
    text-decoration: none;
    margin: 0 25px;
    padding: 15px; /* 左側の余白調整　*/
    font-size: 16px;
    font-family: Arial, Helvetica, sans-serif;

}

 .mo-m-menu a:hover { 
    text-decoration: none;
    background-color: #f5a6b0;
    color: #fff;
    padding: 10px;
    display: block;
    
}

.mo-contact{
    position: absolute;
    right: 3%;
    top: 10%;
}

.mo-contact1{
    position: absolute;
    right: 3%;
    top: 45%;
}

/*.res-footer{
    position: relative;
    width: 100%;
    padding-top: 56.25%;
    overflow: hidden;
}

.res-footer iframe{
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
} */

.topics,
.topics * {
  color: #fff !important;
}




}

fieldset{
    display: none;


}