@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP:400,700&display=swap&subset=japanese');
:root{
    --lightBlue: #0f7df0;
    --yellow: #ffd800;
}
#send_query a{
	color:#fff!important
}
.Header__tabsTab#send_query{
	max-width: 21rem
}
*{
  font-family: 'Noto Sans JP', sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings:"palt";
}
/* Title */
.Header__homeContent .Header__searchSection{
	padding: 5rem 0;
}

.FormShortCut__plusPopupContent > .FormShortCut__menuSubTitle{
	font-size:0;
}

.FormShortCut__plusPopupContent > .FormShortCut__menuSubTitle:before {
    font-size: .875rem;
    content: "こちらから送信できます。";
}


.blocka, .blocka:visited{
  color: black;
   background-color: white;
  border:1px solid #ffffff;
}

.blocka b{
  font-size: 120%;
}

.blocka:hover{
  background-color: #e46317;
  color: white;
}

@media screen and (max-width:480px){
.blocka{
   float: left;
   width: 100%;
  margin-bottom: 10px;
}
/*
.welcomeblock{
  float: left;
  width: 100%;
 margin-bottom: 10px;
  
}
  */
}

@media screen and (min-width:481px){
.blocka{
   float: left;
   width: 30%;
  margin-right: 2%;
   height: 150px;
}
.WidgetsContainer__rightWd{
  margin-bottom: 2rem;
}

  
  /*
.welcomeblock{
  float: left;
  width: 100%;
  background-color: #fff;
  padding: 5px;
  margin-bottom: 30px;
  /*border-top: 1px solid #f0f0f0;
  
}
  */

}

div.issueCaution{
  background-color: #ffefd5;
  padding: .5em;
}


a.communityBannar{
  text-align: center;
  padding: 20px 5px;
  border: solid 1px #aaaaaa;
}

a.communityBannar > img{
  	position: relative;
  top: 20px;
}

div.readfirst{
  margin: 0 10px;
  padding: 10px;
  color: black;
}

div.readfirst > a.readfirst{
  color: #0f7df0;
}

div.readfirst > a.readfirst:hover{
  color: #0d6acc;
}

a[rel="noopener noreferrer"]{
 color: #0f7df0;
}

a[rel="noopener noreferrer"]:hover{
 color: #0d6acc;
}

h3.CustomWidgets__title{
  margin-bottom: 0.5rem;
}

/*フォーム*/
abbr.Form__required{
  color: rgb(255, 0, 119);
}

/*FAQ＞OnthisPage */
.TOCContainer__tocHeading.CommonStyle__curPointer.CommonStyle__verticalMiddle{
	font-size:0;
}

.TOCContainer__tocHeading.CommonStyle__curPointer.CommonStyle__verticalMiddle:before{
	font-size: 1.2rem;
    content: "目次";
}

/*問合せ追加＞完了メッセージ*/
.CloseTicket__closeTicketTarget  > a{
	font-size:0;
}

.CloseTicket__closeTicketTarget  > a:before{
	font-size: .875rem;
    content: "問合せをクローズ";
}

.CloseTicket__closeMessage{
	font-size:0;
}

.CloseTicket__closeMessage:before {
    font-size: .875rem;
    content: "問合せをクローズしますか？（その問合せの返信を受けられなくなります）";
}

/* help button */

ul.help{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
    gap: 8px;
   padding-left: 0;
}
ul.help li{
  display: block;
  margin-bottom: -25px;
}
ul.help a{
    display: block;
    text-align: center;
    padding: 8px 0;
    background-color: white;
    border: 1px solid var(--lightBlue);
    color: var(--lightBlue);
    transition: 0.05s;
}

ul.help a:hover{
    background-color: var(--lightBlue);
    /*background-color: var(--yellow);*/
    color: white; 
    transition: 0.05s;
}

div.grid-menu {
    display: block;
    padding: 20px;
    border: 1px solid var(--lightBlue);
    color: var(--lightBlue);
    transition: 0.1s;
}

div.grid-menu:hover{
    background: var(--lightBlue);
    color: white;
    transition: 0.1s;
}
[data-id="channelFilter"]{
  display: none;

}

   .ticketForm #portal_tabCases.Header__tabsTabActive{
 	 border-bottom-color: transparent; 
  }
   #tab_SubmitaTicket.Header__tabsTabActive{
 	 border-bottom-color: transparent; 
  }
   .ticketForm #tab_SubmitaTicket.Header__tabsTabActive,#tab_SubmitaTicket.Header__tabsTabActive:hover{
 	border-bottom-color: #f20043; 
   }
.Header__formShort{
  display: none
}
#tab_SubmitaTicket{
   max-width: 17rem
}

@media only screen and (min-width: 48.1em){
  .Header__brandFlexible .Header__brandName{
     font-size: 1.333em
  }
}

@media only screen and (max-width: 48.1em){
  .Header__brandFlexible .Header__brandName{
     max-width: 10rem;
     font-size: 12px
  }
}

/* KBフォロワー確認機能の削除 */
.articleDetail .KBArticleRightContainer__followerCount,
.article_subcategory .KBArticleRightContainer__followerCount,
.articleList .KBArticleRightContainer__followerCount{
    display:none
    }

/* ナビゲーションバーのスタイル */
.toc {
    padding: 10px;
    margin: 20px auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    max-width: 1000px;
    list-style: none;
    gap: 10px;
}

/* 各リンクボックスのスタイル */
.toc div {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    background-color: white;
    border: 1px solid #cccccc;
    color: black;
    text-decoration: none;
    padding: 15px;
    transition: background-color 0.3s;
    box-sizing: border-box;
    flex: 1 1 calc(33.33% - 10px);
    max-width: 300px;
    min-height: 200px;
}

/* ホバー時の背景色変更 */
.toc div:hover {
    box-shadow: 0px 0px 10px #ccc;
}

/* アイコン画像 */
.toc div img.icon {
    width: 50px !important;
    height: auto !important;
    margin-bottom: 8px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

/* セクションタイトル */
.toc div span.section-title {
    font-weight: bold;
    font-size: 1.1em;
    margin-bottom: 5px;
}

/* サブセクションのスタイル */
.toc .sub-section {
    font-size: 0.9em;
    margin-top: 1px;
    margin-bottom: 1px;
    display: block;
}

/* レスポンシブ対応 */
@media screen and (max-width: 900px) {
    .toc div {
        flex: 1 1 calc(50% - 10px);
    }
}

@media screen and (max-width: 600px) {
    .toc div {
        flex: 1 1 100%;
        padding: 8px;
        min-height: auto;
        align-items: flex-start;
    }

    .toc div .text-content {
        text-align: left;
        width: 100%;
    }

    .toc div img.icon {
        display: none;
    }
}

/* タブ名を全て表示させる */
.Header__tabsLink{
   max-width: 20rem
}
@media only screen and (max-width: 480px){
  .Header__tabsLink{
    font-size: 10px
  }
}
/* PCでのみQuarzリンクを表示させる */
@media only screen and (max-width: 1024px){
  .Header__tabsTab#send_query{
    display: none
  }
}
/* コメント返信を非表示にする */
.ticketDetail .ConversationForm__editerBar .ConversationForm__commentOpen { display: none; }
.ticketDetail .ConversationForm__editerBar .ConversationForm__replayOpen { margin-right: 0; }