@charset "utf-8";

/*QRcode */
/* + + + + + /レスポンシブ + + + + +  */
  body.rsbp-over-bp3.QRcode .LoginBox .Image img{
    border:1px solid #ccc;
    margin-bottom:20px;
  }
  .Shokusyu{
    font-size:110%;
  }
  .Shokusyu > em{
    color:blue;
    font-weight:600;
    font-size:120%;
  }

  body.rsbp-under-bp3.QRcode .LoginBox .Image img{
    /*width:200px!important;
    height:auto!important;
    margin:50px;*/
    border:1px solid #ccc;
  }
/* --------------------------------------------------- */
/* DefaultBlock                                        */
/* コンテンツエリア内のブロック共通スタイル            */
/* --------------------------------------------------- */

/* DefaultBlock (common style)
--------------------------------------------------- */
.DefaultBlock{
  padding: 20px 5px;
  
}

                            /* + + + + + レスポンシブ + + + + +  */
                            body.rsbp-under-bp2 .DefaultBlock{
                              padding:20px 0px;
                            }


/*メンテナンス*/
.LoginSelectButtonItem{
  display:flex;
  flex-flow: wrap;
}
.LoginSelectButtonItem .ButtonItem{
  width:50%;
}
.LoginSelectButtonItem .ButtonItem .Button{
  padding:10px;
  margin:0;
  display:block;
  text-align:center;
}



/*出展者メンバー用*/
.LoginSelectButtonItem .ButtonItem .Button.NewVisitor{
  border-radius:10px 0 0 10px;
  border:2px solid #a40d60;
  background:#fff;
  color:#1e2365;
}
.LoginSelectButtonItem .ButtonItem .Button.NewExhibiter{
  /*border-radius:0 10px 10px 0;*//*会員ログインありの場合*/
  border-radius:10px;/*ロググアウト単独*/
  background:#a40d60;
  border:2px solid #a40d60;
  color:#fff;
}

.LoginSelectButtonItem .ButtonItem .Button.NewVisitor:hover{
  background:#539dda;
  color:#fff;
  border:2px solid #539dda;
}
.LoginSelectButtonItem .ButtonItem .Button.NewExhibiter:hover{
  background:#e21184;
  border:2px solid #e21184;
}





/*一般メンバー用*/

.UserMemberItem{
  display:flex;
  flex-flow: wrap;
}
.UserMemberItem .ButtonItem{
  width:50%;
  width:100%;
}
.UserMemberItem .ButtonItem .Button{
  padding:10px;
  margin:0;
  display:block;
  text-align:center;
}

.UserMemberItem .ButtonItem .Button.NewVisitor{
 /* border-radius:10px 0 0 10px;
  border:2px solid #539dda;
  background:#539dda;
  border:2px solid #222;
  background:#222;
  color:#fff;*/
  border-radius:0;
  border: 1px solid;
  border-image: linear-gradient(to bottom, #5654ff, #3ccaff) 1;
  color: #fff;
  font-size: 100%;
  line-height: 1.5;
}
.UserMemberItem .ButtonItem .Button.NewExhibiter{
  border-radius:0 10px 10px 0;/*会員ログインありの場合*/
  /*border-radius:10px;ロググアウト単独*/
  background:#539dda;
  background:#fff;
  border:2px solid #539dda;
  border:2px solid #222;
  color:#222;
}

.UserMemberItem .ButtonItem .Button.NewVisitor:hover{
  background:#1a2e72;
  color:#fff;
  border:2px solid #1a2e72;
}
.UserMemberItem .ButtonItem .Button.NewExhibiter:hover{
  background:#e21184;
  color:#fff;
  border:2px solid #e21184;
}
.UserMemberItem .ButtonItem .Button.NewVisitor.Logined{
  background:#1a2e72;
}
.DisplayQRCordButtonItem.UserMemberItem{
  margin-top:10px;
}
.DisplayQRCordButtonItem .ButtonItem{
  width:100%;
}
.DisplayQRCordButtonItem .ButtonItem .Button.NewVisitor{
  border-radius:10px;
  padding:5px 10px;
  background:#fff;
  color:#222;
}
.DisplayQRCordButtonItem .ButtonItem .Button.NewVisitor:hover{
  background:#1a2e72;
  color:#fff;
}
.DisplayQRCordButtonItem .ButtonItem{

}






                            /* + + + + + レスポンシブ + + + + +  */
                            body.rsbp-over-bp2 .LoginSelectButtonItem .ButtonItem .Button.NewVisitor br,
                            body.rsbp-over-bp2 .LoginSelectButtonItem .ButtonItem .Button.NewExhibiter br{
                              display:none;
                            }

                            body.rsbp-under-bp2 #SiteHeaderArea .SearchMenu{
                              position:absolute;
                              top:5px;
                              top:8px;
                              right: 55px;
                            }
                            body.rsbp-under-bp2 #SiteHeaderArea .SearchMenu .SearchMenuLink .SearchItem{
                              display:none!important;
                            }
                            body.rsbp-under-bp2 #SiteHeaderArea .SearchMenu .SearchMenuLink{
                            
                            }
                            body.rsbp-under-bp2 #SiteHeaderArea .SearchMenu .SearchMenuLink .LoginSelectButtonItem {
                              display:none!important;
                            }
                            body.rsbp-under-bp2 #SiteHeaderArea .SearchMenu .SearchMenuLink .ButtonItem .Button {
                              padding: 5px 2px;
                              margin: 0;
                              display: block;
                              text-align: center;
                            }
                            body.rsbp-under-bp2 #SiteHeaderArea .SearchMenu .SearchMenuLink{
                              width: 50px;
                            }
                            body.rsbp-under-bp2 #SiteHeaderArea .LoginSelectButtonItem .ButtonItem {
                              width: 100%;
                              
                            }
                            body.rsbp-under-bp2 #SiteHeaderArea .SearchMenu .LoginSelectButtonItem .ButtonItem .Button.NewExhibiter{
                              font-size:60%;
                              border-radius:5px;
                              padding:1px;
                              line-height:1.3;
                            }
                            body.rsbp-under-bp2 #SiteHeaderArea .SearchMenu .LoginSelectButtonItem .ButtonItem .Button.NewExhibiter br{
                              display:block;
                            }
                            body.rsbp-under-bp2 #SiteHeaderArea .SearchMenu .LoginSelectButtonItem .Button.NewVisitor{
                              display:none;
                            }
                            body.rsbp-under-bp2 #SiteHeaderArea .SearchMenu{
                              top:4px;
                              left:220px;
                            }
                            body.rsbp-under-bp2 #SiteHeaderArea .SearchMenu .DisplayQRCordButtonItem{
                              margin:0;
                            }
                            body.rsbp-under-bp2 #SiteHeaderArea .SearchMenu .DisplayQRCordButtonItem .ButtonItem{
                              display:block;
                              margin:0;
                            }
                            body.rsbp-over-bp2 #SiteHeaderArea .SearchMenu .DisplayQRCordButtonItem .ButtonItem .Button.NewVisitor br{
                              display:none;
                            }
                            body.rsbp-under-bp2 #SiteHeaderArea .SearchMenu .DisplayQRCordButtonItem .ButtonItem .Button.NewVisitor{
                              border-radius:5px;
                              border:1px solid #222;
                              padding:2px;
                              font-weight:500;
                              background:#fff;
                              color:#222;
                              font-size:0.58rem;
                              line-height:1.2;
                            }
/* --------------------------------------------------- */
/* XXXXXXBlock                                         */
/* XXXXXX用ブロック                                    */
/* --------------------------------------------------- */

/*
.DefaultArea .DefaultBlock .BlockHeader{
  text-align:center;
  background:#fef1e6;
  width:100%;
  max-width:860px;
  min-height:90px;
  margin:10px auto 20px auto;
  position:relative;
}
.DefaultArea .DefaultBlock .BlockHeader::before{
  position:absolute;
  width:60px;
  height:67.5px;
  background:#fad7be;
  top:0;
  left:0;
  content: "";
  z-index:2;
}
.DefaultArea .DefaultBlock .BlockHeader::after{
  position:absolute;
  width: -webkit-calc(100% - 60px);
  width: calc(100% - 60px);
  background:#fad7be;
  height: -webkit-calc(100% - 67.5px);
  height: calc(100% - 67.5px);
  bottom:0;
  right:0;
  content: "";
  z-index:2;
}




.DefaultArea .DefaultBlock .BlockHeader .Heading.TypeTop{
    position:relative;
    width:100%;
    margin:0 auto 0 auto;
    padding-left:67.5px;
    text-align:left;
    font-size: 160%;
}
.DefaultArea .DefaultBlock .BlockHeader .Heading.TypeTop span{
    letter-spacing:0.3em;
    padding-left:0.7em;
    margin-top:20px;
    display: inline-block;
}

*/
.BasicBlock{
  margin:30px auto;
}
                            /* + + + + + レスポンシブ + + + + +  */
                            body.rsbp-under-bp2 .BasicBlock{

                            }
                            body.rsbp-under-bp3 .BasicBlock{
                              margin:15px auto;
                            }

.BasicBlock.FormTitle .BlockHeader{
  max-width:1260px;
}
                            /* + + + + + /レスポンシブ + + + + +  */
                            body.rsbp-under-bp2 .BasicBlock.FormTitle{
                              margin:40px 10px;
                            }


.BasicBlock{
  overflow:hidden;
}

.BasicBlock .BlockHeader{

}
.BasicBlock .BlockHeader::before{

}
.BasicBlock .BlockHeader::after{

}

.TypeGRX{
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#00addb+0,000923+51,0066b6+100 */
  background: rgb(0,173,219); /* Old browsers */
  background: -moz-linear-gradient(left,  rgba(0,173,219,1) 0%, rgba(0,9,35,1) 51%, rgba(0,102,182,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left,  rgba(0,173,219,1) 0%,rgba(0,9,35,1) 51%,rgba(0,102,182,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right,  rgba(0,173,219,1) 0%,rgba(0,9,35,1) 51%,rgba(0,102,182,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.BasicBlock.GRG .BlockHeader .TypeGRG,
.TypeGRG{

/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#a88665+0,e9d2ab+45,b48477+100 */
background: linear-gradient(45deg,  #a88665 0%,#e9d2ab 45%,#b48477 100%)!important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
border:none!important;
}

.BasicBlock.GRG{
  border:none;
}
.BasicBlock .BlockHeader .TypeGRG .GyousyuParagraph,
.TypeGRG .GyousyuParagraph{
  /*border: 1px solid #fff;*/
  background:rgba(0,0,0,0.1);
  padding:10px;
}
.BasicParagraph .ParagraphHeader .inner.Main.TypeGRG, 
.BasicBlock .BlockHeader .inner.Main.TypeGRG{
  padding:3px;
}


.TypeGRG .GyousyuParagraph .ParagraphContents ul li{
  color:#fff;
  text-shadow: 2px 2px 3px rgba(0,0,0,0.35);
  padding:10px 0;
}
.TypeGRG .GyousyuParagraph .ParagraphContents ul li > span,
.BasicBlock .BlockHeader .TypeGRG .GyousyuParagraph .ParagraphContents ul li > span{
  color:#fff;
  text-shadow: 2px 2px 3px rgba(0,0,0,0.35);
  font-size:90%;
}
.TypeGRG .BasicParagraph .ParagraphHeader .Heading.TypeBasic, 
.BasicBlock .BlockHeader .TypeGRG  .Heading.TypeBasic{
  background:none;
}
.TypeGRG .GyousyuParagraph .BlueTitle{
  color:#fff;
  text-shadow: 2px 2px 3px rgba(0,0,0,0.35);
}

.BasicBlock .BlockHeader .TypeGRG .Heading.TypeBasic::before {
  background:rgba(0,0,0,0.1);
  border-radius:0;
}
.BasicBlock .BlockHeader .TypeGRG .Heading.TypeBasic::after {
  background:rgba(0,0,0,0.1);
  border-radius:0;
}

.TypeGRBNN{

/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#1e5799+0,2989d8+50,207cca+51,7db9e8+100;Blue+Gloss+Default */
background: linear-gradient(45deg,  rgba(30,87,153,1) 0%,rgba(41,137,216,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

}

/*メニュー背景*/
.TypeGRC{
  /*background:#539dda;*/
}
body:not(.AdminPage) .TypeGRC{
  background:#fff;
}
.AdminPage .TypeGRC{
  background:#a40d60;
}

.RegistEntryPage .TypeGRC{
  background:#539dda;
}



.BasicParagraph:not(.NoMenuItem) .ParagraphHeader,
.BasicBlock:not(.NoMenuItem) .BlockHeader{
  display:flex;
  flex-flow: wrap;
}
.BasicParagraph.NoMenuItem .ParagraphHeader,
.BasicBlock.NoMenuItem .BlockHeader{
  display:block;
}



                            /* + + + + + レスポンシブ + + + + +  */
                            body.rsbp-under-bp2 .BasicBlock{
                              width:96%;
                              margin:0 auto;
                              display:block;
                            }


.BasicParagraph .ParagraphHeader .inner.Main,
.BasicBlock .BlockHeader .inner.Main{
  /*padding:5px;
  border-radius:6px;
  width: -webkit-calc(100% - 30px );
  width: calc(100% - 30px );
  display:flex;
  flex-direction:column;
  box-shadow: 3px 3px 5px rgba(0,0,0,0.15);*/
  width:100%;
  /*border:3px solid #009ad2;
  background:#fff;*/
}
.BasicParagraph .ParagraphHeader .inner.Main.SoloMain,
.BasicBlock .BlockHeader .inner.Main.SoloMain{
  width:100%;
  max-width:900px;
  margin:10px auto;
}

                            /* + + + + + レスポンシブ + + + + +  */
                            body.rsbp-under-bp2 .BasicBlock{
                              width:96%;
                              margin:0 auto;
                              display:block;
                            }
                            body.rsbp-under-bp2 .BasicParagraph .ParagraphHeader .inner.Main,
                            body.rsbp-under-bp2 .BasicBlock.NoMenuItem .BlockHeader .inner.Main{
                              width:96%;
                              margin:0 auto;
                            }
                            body.rsbp-under-bp2 .BasicBlock.NoMenuItem .BlockHeader .inner.Main.SoloMain{
                              width:100%;
                              margin:0 auto;
                            }
                            
.BasicParagraph .ParagraphHeader .inner.Sub,
.BasicBlock .BlockHeader .inner.Sub{
  /*padding:5px;
  border-radius:6px;
  width:20px;
  display:flex;
  flex-direction:column;
  margin-right:10px;
  box-shadow: 3px 3px 5px rgba(0,0,0,0.15);*/
  display:none;
}
.BasicParagraph .ParagraphHeader .Heading.TypeBasic,
.BasicBlock .BlockHeader .Heading.TypeBasic{
  /*background:#fff;
  position:relative;
  border-radius:5px;
  width:100%;
  height:100%;*/
  margin:10px 0;
  /*border-top:3px solid #009ad2;
  border-bottom:3px solid #009ad2;*/
}

.BasicParagraph .ParagraphHeader .Heading.TypeBasic::before,
.BasicBlock .BlockHeader .Heading.TypeBasic::before{
  /*position:absolute;
  width:100%;
  height:5px;
  background:#f5f5f5;
  top:0px;
  left:0px;
  content: "";
  z-index:1;
  border-radius:5px 5px 0 0; */
}
.BasicParagraph .ParagraphHeader .Heading.TypeBasic::after,
.BasicBlock .BlockHeader .Heading.TypeBasic::after{
  position:absolute;
  width:5px;
  height:100%;
  /*background:#f5f5f5;*/
  top:0px;
  left:0px;
  content: "";
  z-index:1;
  border-radius:5px 0 0 5px ;
}


.BasicParagraph .ParagraphHeader .Main .Heading.TypeBasic span,
.BasicBlock .BlockHeader .Main .Heading.TypeBasic span{
  font-size:2em;
}
.NotLogin .BasicParagraph .ParagraphHeader .Main .Heading.TypeBasic span,
.NotLogin .BasicBlock .BlockHeader .Main .Heading.TypeBasic span{
  font-size:1.2em;
}
/*
.BasicParagraph .ParagraphHeader .Main .Heading.TypeBasic span::after,
.BasicBlock .BlockHeader .Main .Heading.TypeBasic span::after{
  position:absolute;
  bottom:-25px;
  left:0;
  font-size:0.59em;
  letter-spacing:10px;
  display:block;
  content: "□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□";
}
.TopPage .BasicParagraph .ParagraphHeader .Main .Heading.TypeBasic span::after,
.TopPage .BasicBlock .BlockHeader .Main .Heading.TypeBasic span::after{
  position:absolute;
  bottom:-25px;
  left:0;
  font-size:0.59em;
  letter-spacing:10px;
  display:block;
  content: "□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□";
}
*/

.BasicBlock .BlockHeader .Sub .Heading.TypeBasic{


}
.BasicBlock .BlockHeader .Sub .Heading.TypeBasic span{

}

                            /* + + + + + レスポンシブ + + + + +  */
                            body.rsbp-under-bp2 .SpItem{
                              display:block!important;
                            }
                            body.rsbp-under-bp2 .BasicParagraph .ParagraphHeader .Heading.TypeBasic,
                            body.rsbp-under-bp2 .BasicBlock .BlockHeader .Heading.TypeBasic{
                              margin:5px auto;
                              font-size:90%;
                            }
                            
                            body.rsbp-under-bp2 .BasicParagraph .ParagraphHeader .Main .Heading.TypeBasic span,
                            body.rsbp-under-bp2 .BasicBlock .BlockHeader .Main .Heading.TypeBasic span{
                              font-size:1.7em;
                            }
                            
                            body.rsbp-under-bp2 .NotLogin .BasicParagraph .ParagraphHeader .Main .Heading.TypeBasic span,
                            body.rsbp-under-bp2 .NotLogin .BasicBlock .BlockHeader .Main .Heading.TypeBasic span{
                              font-size:1.2em;
                            }
                            
                            
.BasicBlock .BlockContents{
}
.BasicBlock .BlockContents.Basic{
  margin-top:30px;
  
  /*background:#fef1e6;
  width:100%;
  max-width:1200px;
  min-height:90px;
  margin:0 auto 20px auto;
  padding:20px 20px 20px 50px;
  position:relative;*/
} 
.BasicBlock .BlockContents.Basic.White{
  /*width:100%;
  max-width:1200px;
  min-height:90px;
  margin:0 auto 20px auto;
  padding:20px 20px 20px 50px;
  position:relative;*/

}
.BasicBlock .BlockContents.White{
  /*background:#fff;
  padding:20px 0 20px 0;*/
}
.BasicBlock .BlockContents.NoBasic{
  background:none;
  padding:0;
}





                            /* + + + + + レスポンシブ + + + + +  */
                            body.rsbp-under-bp3 .BasicBlock .BlockContents{
                              
                            }
                            body.rsbp-under-bp3 .BasicBlock .BlockContents.Basic{
                              margin-top:20px;
                            }
                            body.rsbp-under-bp3 .BasicBlock .BlockContents.White{
                              padding:10px;
                            }

.BasicParagraph{
  margin:0px auto;
}


.BasicParagraph .ParagraphHeader{
  text-align:center;
  background:#fff;
  width:100%;
  max-width:1200px;
  max-width:1400px;
  min-height:90px;
  margin:10px auto 0 auto;
  position:relative;
}
/*
.BasicParagraph .ParagraphHeader::before{
  position:absolute;
  width:60px;
  height: -webkit-calc(100% - 22px);
  height: calc(100% - 22px);
  background:#e95283;
  top:0;
  left:0;
  content: "";
  z-index:2;
}
.BasicParagraph .ParagraphHeader::after{
  position:absolute;
  width: -webkit-calc(100% - 60px);
  width: calc(100% - 60px);
  background:#fce3cd;
  height:22px;
  bottom:0;
  right:0;
  content: "";
  z-index:2;
}
.BasicParagraph .ParagraphHeader .Heading.TypeBasic{
    position:relative;
    width:100%;
    margin:0 auto 0 auto;
    padding-left:67.5px;
    text-align:left;
}
.BasicParagraph .ParagraphHeader .Heading.TypeBasic span{
    letter-spacing:0.15em;
    padding-left:0.5em;
    margin-top:25px;
    display: inline-block;
    margin-bottom:30px;
    font-size: 130%;
}
*/
                            /* + + + + + レスポンシブ + + + + +  */
                            body.rsbp-under-bp2 .SpItem{
                              display:block!important;
                            }
                            body.rsbp-under-bp2 .BasicParagraph .ParagraphHeader .Heading.TypeBasic{
                              margin:0 auto;
                            }
.BasicParagraph .ParagraphContents{
  background:#fff;
  width:100%;
  max-width:1200px;
  min-height:90px;
  margin:0 auto 20px auto;
  padding:20px 20px 20px 50px;
  position:relative;
} 
.BasicParagraph .ParagraphContents .TextItem{
  display:block;
  float:left;
  width:45%;
}
.BasicParagraph .ParagraphContents .ImageItem{
  display:block;
  float:right;
  width:45%;
}
                            /* + + + + + レスポンシブ + + + + +  */
                            body.rsbp-under-bp3 .BasicParagraph .ParagraphContents .TextItem{
                              display:block!important;
                              width:100%;
                              float:none;
                              margin-bottom:15px;
                            }
                            body.rsbp-under-bp3 .BasicParagraph .ParagraphContents .ImageItem{
                              display:block!important;
                              width:100%;
                              float:none;
                            }





.SpItem{
  display:none!important;
}
                            /* + + + + + レスポンシブ + + + + +  */
                            body.rsbp-under-bp2 .SpItem{
                              display:block!important;
                            }
                            body.rsbp-under-bp2 .PcItem{
                              display:none!important;
                            }
                            
                            
                            body.rsbp-under-bp2 .SpItem.PageFootMunuItem{
                              display:block!important;
                              /*border-top:1px solid #ccc;
                              margin-top:40px;*/
                            }
                            body.rsbp-under-bp2 .SpItem.PageFootMunuItem .ButtonBox.FootBox{
                              display:none!important;
                            }
                            body.rsbp-under-bp2 .SpItem.PageFootMunuItem  .SubCateTitle ul > li{
                              display:block!important;
                            }
                            
                   
/* 表
--------------------------------------------------- */

            body.rsbp-under-bp3 .SknTplDecoratedTable:not(.NotBlockTable) > :not([class*="Scrollable"]) {
              border:none;
            }

            body.rsbp-under-bp3 .SknTplDecoratedTable:not(.NotBlockTable) > :not([class*="Scrollable"]) tr{
              margin-top: 20px;
              margin-bottom: 20px;
            }
            body.rsbp-under-bp3 .SknTplDecoratedTable:not(.NotBlockTable) > :not([class*="Scrollable"]) th{
              padding: 0.25em 10px;
              width: auto;
              border-top: 1px solid rgba(0,0,0,0.25);
              border-bottom: 1px solid rgba(0,0,0,0.25);
            }
            body.rsbp-under-bp3 .SknTplDecoratedTable:not(.NotBlockTable) > :not([class*="Scrollable"]) td{
              margin-bottom: 0;
              border:none;
            }
            body.rsbp-under-bp3 .SknTplDecoratedTable:not(.NotBlockTable) > :not([class*="Scrollable"]) tbody td + td{
            }
            body.rsbp-under-bp3 .SknTplDecoratedTable:not(.NotBlockTable) .NoDecoratedTable td{
              border: none!important;
            }
                   
                   
                            
/* XXXXXBlock
--------------------------------------------------- */
.XXXXBlock{
}


.MainContentsArea.FullArea{
  float:none;
  width:100%;
  max-width:2000px;
  margin:0 auto;
}

em{
  font-size:80%;
}

/*見出し*/
.TitleItem{
  text-align:center;
  margin-top:2em;
  margin-bottom: 1em;
  
}
body:not(.TopPage) .TitleItem{
  box-shadow: 0 0.1em 0.3em rgba(0,0,0,0.2);
  display:block;
  width: 100%;
  margin-top:0;
  padding-top: 2em;
  padding-bottom: 30px;
  margin-bottom: 10px;
  background:#fff;
}
body:not(.TopPage) .TitleItem .SknTplDecoratedBox{
  max-width: 1000px;
}

.Heading,
.SubHeading{

}

.TitleItem .IconPen{
  width:57px;
  display:block;
  margin:0 auto;
}
                            /* + + + + + レスポンシブ + + + + +  */
                            body.rsbp-under-bp3 .TitleItem{
                              padding:20px 5px;
                            }
                            body.rsbp-under-bp3 .TitleItem .IconPen{
                                width:40px;
                            }



.TitleItem .Heading.TypeX{
  text-align:center;
}
/* TypeX :::::::::::::::::::::::::  */
.TitleItem .Heading.TypeX{
  font-size: 160%;
  font-weight: 200;
  padding: 0;
  margin: 0.5em 0 0.75em;
  color: #4d3930;
  position:relative;
  display: inline-block;
}
.TitleItem .Heading.TypeX .Main{
  display:block;
}
.TitleItem .Heading.TypeX .Sub{
  display:block;
}
   .TitleItem .Heading.TypeX::before{
      position:absolute;
      content: "";
      height: 6px;
      left:0;
      bottom:-10px;
      width:50%;
      background:#d5da00;
    }
   .TitleItem .Heading.TypeX::after{
      position:absolute;
      content: "";
      height: 6px;
      right:0;
      bottom:-10px;
      width:50%;
      background:#4d3930;
   }

        /* + + + + + レスポンシブ + + + + +  */
        body.rsbp-under-bp2 .TitleItem .Heading.TypeX{
          font-size: 137.5%;
          margin-bottom: 1em;
        }
        body.rsbp-under-bp3 .TitleItem .Heading.TypeX{
          font-size: 125%;
        }
        
        
/* TypeXTypePage :::::::::::::::::::::::::  */
.TitleItem .Heading.TypeX.TypePage{

}
.TitleItem .Heading.TypeX.TypePage .Main{
}
.TitleItem .Heading.TypeX.TypePage .Sub{
  margin-top:20px;
}
   .TitleItem .Heading.TypeX.TypePage::before{
      position:absolute;
      content: "";
      height: 6px;
      left:0;
      top:45px;
      width:50%;
      background:#d5da00;
    }
   .TitleItem .Heading.TypeX.TypePage::after{
      position:absolute;
      content: "";
      height: 6px;
      right:0;
      top:45px;
      width:50%;
      background:#4d3930;
   }

        /* + + + + + レスポンシブ + + + + +  */
        body.rsbp-under-bp2 .TitleItem .Heading.TypeX.TypePage{
          font-size: 137.5%;
          margin-bottom: 1em;
          margin-left:10px;
          margin-right:10px;
        }
        body.rsbp-under-bp3 .TitleItem .Heading.TypeX.TypePage{
          font-size: 125%;
          width: 90%;
          margin-bottom: 0;
        }
        body.rsbp-under-bp3 .TitleItem .Heading.TypeX.TypePage::before{
          position:absolute;
          content: "";
          height: 6px;
          left:0;
          top:35px;
          width:50%;
          background:#d5da00;
        }
        body.rsbp-under-bp3 .TitleItem .Heading.TypeX.TypePage::after{
          position:absolute;
          content: "";
          height: 6px;
          right:0;
          top:35px;
          width:50%;
          background:#4d3930;
       }
        body.rsbp-under-bp3 .TitleItem .Heading.TypeX.TypePage .Main{
        }
        body.rsbp-under-bp3 .TitleItem .Heading.TypeX.TypePage .Sub{
          margin-top:20px;
          
        }




/*sticky */
/* ----------------------------------------------- */
.SpView .Sticky{


}
        /*スマートフォン横位置対応*/
        body.rsbp-lowheight .Sticky{

        }

.SpView .Sticky .Title{
  
} 
             /* + + + + + レスポンシブ + + + + +  */
              body.rsbp-under-bp2.SpView #SideBarArea{
                position: -webkit-sticky!important; /* safari対応 */
                position: sticky!important;
                top: 60px!important;/* 上端から10pxのところで固定 */
               
                padding: 10px 10px 10px 10px;
                z-index:4950;
                width: -webkit-calc(100% + 20px);
                width:         calc(100% + 20px);
                width:100%;
                margin:0 -10px;
              
              }


              body.rsbp-under-bp3.SpView #SideBarArea{
                position: -webkit-sticky!important; /* safari対応 */
                position: sticky!important;
                top: 60px!important;/* 上端から10pxのところで固定 */
               
                padding: 10px 10px 10px 10px;
                z-index:4950;
                width: -webkit-calc(100% + 20px);
                width:         calc(100% + 20px);
                width:100%;
                margin:0 -10px;
              
              }

              body.rsbp-under-bp3.SpView .Sticky{

              }
             
              body.rsbp-under-bp3.SpView .Sticky{

              }

              
              
             /* + + + + + レスポンシブ + + + + +  */

              body.rsbp-under-bp2 .SubSideImageBlock{
                display:none;
              }




        
/*ボタンエフェクト*/
.Button.Go {

}
.Button.Go::before,
.Button.Go::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
#ContentsDivision .ButtonItem a.Button.Go,
#ContentsDivision .ButtonItem a.Button.Go::before,
#ContentsDivision .ButtonItem a.Button.Go::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .4s;
  transition: all .4s;
}
          
.Button.Go {
  position: relative;
  display: inline-block;
  text-align: center;
  border-radius: 2px;
  border:1px solid #727171;
  margin-top:20px;
  margin-bottom:20px;
  font-size:1.3em;
  padding: 0.2em 0.9em 0.2em 0.1em;
  min-width: 100px;
}
/*
.Button.Go span.Icon::before{
  position:absolute;
  top:0.28em;
  left:0.1em;
  font-size:2rem;
  line-height:1;
}
.Button.Go span.Icon::after{
  font-family: "picticon";
  content: '\f105';
  font-style: normal;
  font-weight: normal;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  text-align: center;
  opacity: 1;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  position:absolute;
  top:0.28em;
  left:0.05em;
  font-size:2rem;
  line-height:1;
  color:#222221;
}
*/


.Button.Go:hover {
  color: #fff;
  background: rgba(0,0,0,0.9);
  border-color: rgba(0,0,0,0.9);
  padding: 0.2em 0.9em 0.2em 0.1em;
  opacity: 1;
}
.Button.Go::before,
.Button.Go::after {
  top: 0;
  width: 50%;
  height: 100%;

}
.Button.Go::before {
  right: 0;
}
.Button.Go::after {
  left: 0;
}
.Button.Go:hover::before,
.Button.Go:hover::after {
  width: 0;
  background-color: rgba(255,255,255,0.5);
}
.Button.Go:hover span.Icon::before{

}
.Button.Go:hover span.Icon::after{
  /*color:#fff;*/
  opacity: 0;
}


.SknTplTextButton .Button .Icon {
  display: inline-block;
  border-right: 1px dotted;
  padding: 0 0.2em;
  margin-right: 5px;
  line-height: 10px;
}

.LoginPage .MainContentsArea{
  /*margin-top:30px;*/
}
.SknTplTextButton .Button{
  background:#727171;
  color:#fff;
  white-space:normal;
  margin-bottom:20px;
}



/*テキストボタン*/
.ButtonBox .ButtonItem{}

.ButtonBox .Button.Go{
  position: relative;
  z-index: 2;
  border: 2px solid #fff;
  color: #fff;
  padding: 0;
}

.ButtonBox .Button.Go:hover {
  background-color: #880024;
  background-color: rgba(0,0,0,0.8);
  border-color: #fff;
  color: #fff;
  padding: 0;
}

              /* + + + + + /レスポンシブ + + + + +  */
              
              body.rsbp-under-bp2 .Button.Go{
                width:100%;
                font-size:110%;
                padding: 0.6em 0!important;
                margin:0 auto;
              }
              body.rsbp-under-bp2 .Button.Go:hover{
                width:100%;
                font-size:110%;
                padding: 0.6em 0!important;
              }
              body.rsbp-under-bp3 .Button.Go{
                width:100%;
                font-size:110%;
                padding: 0.6em 0!important;
                margin:0 auto;
              }
              body.rsbp-under-bp3 .Button.Go:hover{
                width:100%;
                font-size:110%;
                padding: 0.6em 0!important;
              }



.PageBlock{
  
}

.PageBlock.PageWidthSetter{
  min-width:0!important;
}
.PageBlock iframe{
  width:100%;

}
.PageBlock iframe{
  width:100%;
  max-width:600px;
}
        /* + + + + + レスポンシブ + + + + +  */
        body.rsbp-under-bp3 .PageBlock{
          margin:20px 0;
        }




/*戻る*/
.GoListItem{
  text-align: right;
}

.GoListItem .ButtonHistry{
  padding: 2px 15px 2px 12px;
  background: #ea1c0c;
  border-radius: 26px;
  color:#fff;
  margin-bottom: 10px;
  font-size:1rem;
}
.GoListItem .ButtonHistry:hover{
  background: #222;
}







/*表：ProfileList*/
table.ProfileList{
      margin-bottom:0;
}


table.ProfileList{
  width: auto;
  border-collapse: collapse;
  border-collapse: separate;
  border-spacing: 0px;
  background:none;
  padding: 0;
}
    table.ProfileList{
      width: auto;
      border-collapse: collapse;
      border-spacing: 0px;
      background:none;
      padding: 0;
      border:1px solid #222;
      border:none;
    }




        table.ProfileList tr th{
          width:auto;
          text-align:left;
          border:1px solid #222;
          padding: 1px 10px 1px 1px;
          background:rgba(225,225,225,0.0);
          border:none;
        }
                table.ProfileList tr td{
                  background:none;
                  width:auto;
                  min-width:130px;
                  padding: 1px;
                  border:1px solid #c4c4c4;
                  border:none;
                }



        /* + + + + + レスポンシブ + + + + +  */
        body.rsbp-under-bp3 table.ProfileList{
        /*width: -webkit-calc(100% - 40px)!important;
        width:         calc(100% - 40px)!important;*/
        width:100%!important;
        margin:0 auto;

        }
        body.rsbp-under-bp2 table.ProfileList td{
          width:100%;
          text-align:left!important;
          display:block;
        }
        body.rsbp-under-bp2 table.ProfileList td img{
          margin:0 10px;
          margin:0 0px;
        }
        body.rsbp-under-bp3 table.ProfileList tr{
          border-bottom:1px solid #ccc;
          margin:0!important;
        }
        body.rsbp-under-bp3 table.ProfileList tr:first-child{
          border-top:1px solid #ccc;
        }
        body.rsbp-under-bp3 table.ProfileList th,
        body.rsbp-under-bp3 table.ProfileList td{
          width:100%;
          text-align:left!important;
          padding:3px!important;
        }
        body.rsbp-under-bp3 table.ProfileList th{
          background: #f5f5f5!important;

        }
        body.rsbp-under-bp3 table.ProfileList td img{
          margin:0 0px;
          display:block;
        }


.StaffSoloItem{
  vertical-align:top;
  width:200px;
  display:inline-block;
}
.StaffSoloItem .ImageItem{
  background:  url(../img/common/decoration/link_ring.png) no-repeat 50% 99%;
  background-size:90% auto;
  padding-bottom:20px;
  text-align: center;
}
.StaffSoloItem .ImageItem img{
  margin:0 auto;
} 
.StaffSoloItem .TextItem h3{
  text-align: center;
  font-size:1.4rem;
  border-bottom:1px dotted #4d3930;
  margin-bottom:10px;
  font-weight:400;
}
.StaffSoloItem .TextItem h3 span.Main{
  margin-top:22px;
  display: block;
  margin-bottom:5px;
}

.StaffSoloItem .TextItem.Daihyou h3 span.Main{
  margin-top:0;
  display: block;
}


.StaffSoloItem .TextItem h3 span.Sub{
  font-size:70%;
  font-weight:normal;
  display:block;
  line-height:22px;
}

.StaffSoloItem .TextItem .Comment{
  text-align: center;
  font-size:0.8rem;
  line-height:1.6;
}


    body.rsbp-under-bp2 .StaffSoloItem {
      width: 48%;
      font-size:90%;
    }
    body.rsbp-under-bp2 .StaffSoloItem .ImageItem img{
      margin:0 auto;
      width:90%;
      vertical-align:bottom;
    } 


/*Q&A基本*/
.QuestionList {
  border-bottom: 1px solid #555;
  margin: 0 0 0 0;
  padding: 0;
}

.QuestionList .Heading span.QuestionIcon{
  font-family: 'Fjalla One', sans-serif;
  font-size:24px;
  width:40px;
  text-align:center;
  background:#222221;
  border: 1px solid #222221;
  display:block;
  position:absolute;
  left:0;
  top: 5px;
  top: 8px;
  border-radius:100%;
  border-radius:10px;
  color:#fff;
  box-shadow: 0px 0px 5px #fff;
  cursor:pointer;
  font-weight:normal;
}
.QuestionList .Heading span.DefaultMainTitle{
  margin-left:60px;
  padding-top:15px;
  padding-bottom:15px;;
  display:block;
  cursor:pointer;
  margin-right: 70px;
}

        /* + + + + + レスポンシブ + + + + +  */
        body.rsbp-under-bp3 .QuestionList .Heading span.DefaultMainTitle{

        }
        body.rsbp-under-bp3 .QuestionList .Heading span.DefaultMainTitle{
          margin-right: 0;
          padding-bottom:35px;;
        }


.QuestionList .InfoSide{}

.QuestionList .InfoSide .Inner{position:relative;}
.QuestionList .InfoSide .Inner .AnswerIconBlock{
  font-family: 'Fjalla One', sans-serif;
  font-size:30px;
  width:40px;
  text-align:center;
  line-height:1.3;
  background:#ffffff;
  border: 1px solid #222221;
  color:#222221;
  display:block;
  position:absolute;
  left:0;
  top:10px;
  border-radius:100%;
  border-radius:10px;
  box-shadow: 0px 0px 5px #fff;


}
.QuestionList .InfoSide .Inner .ContentsText{
  margin-left:60px;
  padding-top:15px;
  display:block;
  border-top:2px dotted #aaa; 
  min-height:80px;
  padding-bottom:15px;

}

.KAIINTable .QuestionList .InfoSide .Inner .ContentsText{
  margin-left:40px;
  margin-right:40px;
  padding-top:15px;
  display:block;
  min-height:80px;
  padding-bottom:15px;
}
.KAIINTable .QuestionList .InfoSide .Inner .ContentsText ul{
  list-style-type: disc;
}

.KAIINTable .SknTplFaq{
  padding:5px 10px;
  background: #f5f5f5;
}

 .QuestionList{}


                            /* + + + + + レスポンシブ + + + + +  */
                            body.rsbp-under-bp2 .QuestionList .Heading span.DefaultMainTitle,
                            body.rsbp-under-bp3 .QuestionList .Heading span.DefaultMainTitle{
                              margin-right: 0;
                              padding-bottom:10px;
                              width:88%;
                              vertical-align:top;
                            }
                            body.rsbp-under-bp2 .KAIINTable .QuestionList .InfoSide .Inner .ContentsText{
                              margin-left:10px;
                              margin-right:10px;
                            }
                            body.rsbp-under-bp2 .KAIINTable .QuestionList .InfoSide .Inner .ContentsText ol > li{
                              margin-bottom:20px;

                            }
                            body.rsbp-under-bp2 .KAIINTable .QuestionList .InfoSide .Inner .ContentsText ol > li ul li{
                              margin-bottom:20px;

                            }

.QuestionList .Heading::before {
  content: "▼ open";
  position: absolute;
  right: 10px;
  font-weight: normal;
  font-size: 80%;
  bottom: 10px;
  font-weight: bold;
  cursor:pointer;
  display: block;
  color:#222221;
}

.QuestionList .open::before {
  content: "▲ close";
  position: absolute;
  right: 10px;
  font-weight: normal;
  bottom: 10px;
  font-weight: bold;
  cursor:pointer;
  display: block;
  color:#222221;
}


.FaqContentsBlock .UnitQA {
    border-bottom: 1px solid #555;
    margin: 0 0 0 0;
    padding: 0;
/*    background: #f3f3f3;
    background: -moz-linear-gradient(top, #f3f3f3 0%, #ffffff 2%, #f3f3f3 84%, #ffffff 100%);
    background: -webkit-linear-gradient(top, #f3f3f3 0%,#ffffff 2%,#f3f3f3 84%,#ffffff 100%);
    background: linear-gradient(to bottom, #f3f3f3 0%,#ffffff 2%,#f3f3f3 84%,#ffffff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f3f3', endColorstr='#ffffff',GradientType=0 );
    */
}




.Section.Type2  .QuestionList .Heading span.QuestionIcon{
  /*font-family: 'Pathway Gothic One', sans-serif;*/
  font-family: 'Fjalla One', sans-serif;
  font-size:24px;
  width:40px;
  text-align:center;

  background:#d25252;
  border: 1px solid #d25252;
  background:#890429;
  border: 1px solid #890429;
  display:block;
  position:absolute;
  left:0;
  top: 5px;
  border-radius:100%;
  color:#fff;
  box-shadow: 0px 0px 5px #fff;
}


.Section.Type2  .QuestionList .InfoSide .Inner .AnswerIconBlock{
  font-family: 'Fjalla One', sans-serif;
  font-size:30px;
  width:40px;
  text-align:center;

  background:#ffffff;
  border: 1px solid #d25252;
  border: 1px solid #890429;
  color:#d25252;
  color: #890429;
  display:block;
  position:absolute;
  left:0;
  top:10px;
  border-radius:100%;
  box-shadow: 0px 0px 5px #fff;


}




.Section.Type3  .QuestionList .Heading span.QuestionIcon{
  font-family: 'Fjalla One', sans-serif;
  font-size:24px;
  width:40px;
  text-align:center;

  background:#4196e1;
  border: 1px solid #4196e1;
  background:#890429;
  border: 1px solid #890429;
  display:block;
  position:absolute;
  left:0;
  top: 5px;
  border-radius:100%;
  color:#fff;
  box-shadow: 0px 0px 5px #fff;
}


.Section.Type3  .QuestionList .InfoSide .Inner .AnswerIconBlock{
  font-family: 'Fjalla One', sans-serif;
  font-size:30px;
  width:40px;
  text-align:center;
  background:#ffffff;
  border: 1px solid #4196e1;
  border: 1px solid #890429;
  color:#4196e1;
  color: #890429;
  display:block;
  position:absolute;
  left:0;
  top:10px;
  border-radius:100%;
  box-shadow: 0px 0px 5px #fff;


}

/*ページ内ボタン*/
.JobsFaq .PageBlock a.FaqButton{
  display:inline-block;
  cursor:pointer;
  border:1px solid #ccc;
  padding:2px 10px;
  line-height:1.5;
  margin:5px 2px;
  vertical-align:middle;
  box-shadow: 0 0 3px rgba(0,0,0,0.3);
  -webkit-transition: all .2s;
  transition: all .2s;
}
.JobsFaq .PageBlock a.FaqButton:hover{
  border:1px solid #880024;
  box-shadow: 0 0 3px rgba(0,0,0,0.3);
  -webkit-transition: all .2s;
  transition: all .2s;
  color:#fff;
  background:#880024;
}


/*地図取得方法*/
.HatenaMapLink{
  display:block;
  color:#1e339f;
}
.HatenaMapLink .QuestionList{
  border:none;
}
.HatenaMapLink .QuestionList .Heading span.DefaultMainTitle{
  margin-left:5px;
  padding-top:5px;
  padding-bottom:0;
  display:inline-block;
  cursor:pointer;
  margin-right: 0px;
  border-bottom: 1px dotted #1e339f;
}
.HatenaMapLink .QuestionList .Heading::before{
  display:none;
}

/*動画取得方法*/
.HatenaMovieLink{
  display:block;
  color:#1e339f;
  margin-bottom:20px;
}
.HatenaMovieLink .QuestionList{
  border:none;
}
.HatenaMovieLink .QuestionList .Heading span.DefaultMainTitle{
  margin-left:5px;
  padding-top:5px;
  padding-bottom:0;
  display:inline-block;
  cursor:pointer;
  margin-right: 0px;
  color:#000d50;
  border-bottom: 1px dotted #1e339f;
}
.HatenaMovieLink .QuestionList .Heading::before{
  display:none;
}


.SknTplFaq.MapFaq{
  
}
.SknTplFaq.MovieFaq{
  
}

.SknTplFaq.MovieFaq .Heading,
.SknTplFaq.MapFaq .Heading{
  margin:10px 0!important;
}

.SknTplFaq.MovieFaq .toggle.Heading .DefaultMainTitle::after,
.SknTplFaq.MapFaq .toggle.Heading .DefaultMainTitle::after{
  content: ' ▼開く';
}
.SknTplFaq.MovieFaq .toggle.Heading.open .DefaultMainTitle::after,
.SknTplFaq.MapFaq .toggle.Heading.open .DefaultMainTitle::after{
  content: ' ▲閉じる';
}


.SknTplFaq.MovieFaq .InfoSide,
.SknTplFaq.MapFaq .InfoSide{
  border:1px solid #ccc;
  border-radius:5px;
  background:#fafbfd;
}
.SknTplFaq.MovieFaq .InfoSide .ContentsText,
.SknTplFaq.MapFaq .InfoSide .ContentsText{
  border:none;
  padding:10px;
}
.SknTplFaq.MovieFaq .InfoSide .ContentsText img,
.SknTplFaq.MapFaq .InfoSide .ContentsText img{
  vertical-align:middle;
}
.SknTplFaq.MovieFaq .InfoSide .ContentsText a,
.SknTplFaq.MapFaq .InfoSide .ContentsText a{
  text-decoration:underline;
  color:blue;
}

/*テキストエリア*/
textarea{
  font-family:  "Meiryo", "Arial", "Century Gothic", sans-serif;
  overflow-wrap: break-word;
  word-wrap: break-word;
}







/*Q&Aの連番*/
span.QuestionIcon{
font-family: 'Fjalla One', sans-serif;
}
span.QuestionIcon:after {
counter-increment:QuestionNumb;
content:counter(QuestionNumb) "";
font-family: 'Fjalla One', sans-serif;
}
/* bodyで番号リセットページ通し連番
body{counter-reset:QuestionNumb;}*/
/*見出しで番号リセット*/
/*セクションで連番
.PageBlock > .Section > h3{counter-reset:QuestionNumb;}*/

/*ページ全体が連番*/
.PageBlock {counter-reset:QuestionNumb;}




/*OuterLink*/
a.OuterLink::after {
  content: '\f08e';
  font-family: "picticon";
  font-style: normal;
  font-weight: normal;
  font-size: 80%;
  /*speak: none;*/
  margin-left: 0.25em;
  padding-left: 0.15em;
  border-left: 0px dotted;
  opacity: 0.8;
  filter: alpha(opacity=80);
}


/*表の中の表*/

/*会社概要*/

.SknTplDecoratedTable > table > tbody > td > table:not(.LargeTable){
  width: auto;
  border-collapse: collapse;
  border-collapse: separate;
  border-spacing: 0px;
  background:none;
  padding: 0;
  display:inline-block;
  text-align:left;
}
    .SknTplDecoratedTable table tbody > tr > td  > table:not(.LargeTable){
      width: auto;
      border-collapse: collapse;
      border-spacing: 0px;
      background:none;
      padding: 0;
      border:1px solid #222;
      border:none;
      display:inline-block;
    }
    .SknTplDecoratedTable table tbody > tr > td  > table:not(.LargeTable) > tbody > tr{
      /*display:block;
      border-bottom: none;*/
    }



        .SknTplDecoratedTable table tbody tr td table:not(.LargeTable) tr th{
          width:auto;
          text-align:left;
          border:1px solid #222;
          padding: 1px 10px 1px 1px;
          background:rgba(225,225,225,0.0);
          border:none;
        }
                .SknTplDecoratedTable table tbody tr td table:not(.LargeTable) tr td{
                  background:none;
                  width:auto;
                  min-width:130px;
                  padding: 1px;
                  border:1px solid #c4c4c4;
                  border:none;
                }
                
                
        /* + + + + + レスポンシブ + + + + +  */
        body.rsbp-under-bp3 .SknTplDecoratedTable table tbody tr td table.NonScale:not(.LargeTable) tr th,
        body.rsbp-under-bp3 .SknTplDecoratedTable table tbody tr td table.NonScale:not(.LargeTable) tr td{
          /*display:inline-block!important;*/
          padding:0;
          border:none;
        }
        body.rsbp-under-bp3 .SknTplDecoratedTable:not(.NotBlockTable) > :not([class*="Scrollable"]) th{
          background:#f5f5f5;
        }
            body.rsbp-under-bp3 .SknTplDecoratedTable:not(.NotBlockTable) > :not([class*="Scrollable"]) td table.NonScale:not(.LargeTable){
              width: 100%;
              border-collapse: collapse;
              border-spacing: 0px;
              background:none;
              padding: 0px;

            }
                body.rsbp-under-bp3 .SknTplDecoratedTable:not(.NotBlockTable) > :not([class*="Scrollable"]) td table.NonScale:not(.LargeTable) tr{
                  
                }
                    body.rsbp-under-bp3 .SknTplDecoratedTable:not(.NotBlockTable) > :not([class*="Scrollable"]) td table.NonScale:not(.LargeTable) tr th{
                      width:160px!important;
                      border-bottom:1px dotted #444;
                      padding:5px 5px 5px 0;
                      margin:0!important;
                      display: table-cell;
                      line-height:1.5;
                      white-space:nowrap;
                      background:none;
                    }
                        body.rsbp-under-bp3 .SknTplDecoratedTable:not(.NotBlockTable) > :not([class*="Scrollable"]) td table.NonScale:not(.LargeTable) tr{
                          margin:0;
                        }
                        body.rsbp-under-bp3 .SknTplDecoratedTable:not(.NotBlockTable) > :not([class*="Scrollable"]) td table.NonScale:not(.LargeTable) tr td{
                          width: -webkit-calc(100% - 170px)!important;
                          width:         calc(100% - 170px)!important;
                          border-bottom:1px dotted #444;
                          padding:5px 0 5px 5px;
                          margin:0!important;
                          display: table-cell;
                          line-height:1.5;
                          min-width:0;
                        }


 /*300+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media only screen and (max-width: 320px) {

                    body.rsbp-under-bp3 .SknTplDecoratedTable:not(.NotBlockTable) > :not([class*="Scrollable"]) td table.NonScale:not(.LargeTable) tr th{
                      width:160px!important;
                      width:100%!important;
                      border-bottom:0px dotted #444;
                      padding:5px;
                      margin:0!important;
                      display: table-cell;
                      display: block;
                      line-height:1.5;
                      white-space:nowrap;
                    }
                        body.rsbp-under-bp3 .SknTplDecoratedTable:not(.NotBlockTable) > :not([class*="Scrollable"]) td table.NonScale:not(.LargeTable) tr td{
                          width: -webkit-calc(100% - 170px)!important;
                          width:         calc(100% - 170px)!important;
                          width:100%!important;
                          border-bottom:1px dotted #222;
                          padding:5px;
                          margin:0!important;
                          display: table-cell;
                          display: block;
                          line-height:1.5;
                        }
            
}/*300++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/








/*入れ子表の幅*/
body.rsbp-under-bp3 .SknTplDecoratedTable > :not([class*="Scrollable"]) td  .Scrollable:not(.LargeTable){
  width:100%;
  width:300px;
  display:block;
  margin:0 auto;
}
    body.rsbp-under-bp3 .SknTplDecoratedTable > :not([class*="Scrollable"]) td  .Scrollable table:not(.LargeTable){
      padding: 0px;
      width:400px;;
    }
        body.rsbp-under-bp3 .SknTplDecoratedTable > :not([class*="Scrollable"]) td  .Scrollable table:not(.LargeTable) th,
        body.rsbp-under-bp3 .SknTplDecoratedTable > :not([class*="Scrollable"]) td  .Scrollable table:not(.LargeTable) td{
          padding:1px;
          font-size:83.5%;
        }        
                    


  .SknTplDecoratedTable.ShopList tbody > tr > th{
    width:30%;
  }
      .SknTplDecoratedTable.ShopList tbody > tr > td{
        width:60%;
      }



/*地図*/
.SknTplMapBox{
  padding: 0px;
  width: 96%;
  max-width: 1000px;
  margin:0 auto;
}
.SknTplMapBox .MapBox{
  width:100%;
}
.SknTplMapBox .MapBox .inner{}
.SknTplMapBox .MapBox .inner > iframe{
  width:100%!important;
  height:300px;
  max-width: 1000px;
}

                            /* + + + + + レスポンシブ + + + + +  */
                            body.rsbp-under-bp2 .SknTplMapBox{
                              padding: 0px;
                            	width: 96%;
                            }
                            body.rsbp-under-bp2 .SknTplMapBox .MapBox .inner{
                              position: relative;
                              width: 100%;
                              padding-top: 56.25%;
                              height:300px;
                            }
                            body.rsbp-under-bp2 .SknTplMapBox .MapBox .inner > iframe{
                              position: absolute;
                              top: 0;
                              right: 0;
                              width: 100% !important;
                              height: 100% !important;
                            }
                            

.SectionParagraph{
   margin:40px auto 20px auto;
}
.SectionParagraph.SknTplMapBox {
   margin:20px auto 60px auto;

}

.RightImageNon .ImageItem{
  display:none!important;
}


/*---動画モーダル関連ここから--------*/

/*MOVIE*/

.MovieItem .Image.MovieImage{
  position:relative;
  background:#a4e1fa;
  color:#fff;
  display:inline-block;
}

.MovieItem  .Main.MovieCapture{
  width:85%;
  margin:20px auto;
  display:block;
}
.MovieItem  .Main.MovieCapture img {
  width:100%;
}
.MovieItem  .Sub.PlayButton{
  position:absolute;
  top:50%;
  left:50%;
  margin-left:-39px;
  margin-top:-22.5px;
}


/*モーダル*/
 .MovieItem{
 
 }
.modal{
	display: none;
	height: 100vh;
	position: fixed;
	top: 0;
	width: 100%;
  z-index: 50000;
}
.modal__bg{
	background: rgba(0,0,0,0.8);
	height: 100vh;
	position: absolute;
	width: 100%;
}
.modal__content{
	background:none;
	left: 50%;
	padding: 0px;
	position: absolute;
	top: 50%;
	transform: translate(-50%,-50%);
	width: 96%;
  max-width:960px;
}
.modal__content .inner{
  position: relative;
}
.modal__content .inner iframe{
  display: block;
  margin:0 auto;
  width:960px;
  height:540px;
}
.modal__content .inner .js-modal-close{
  position:absolute;
  right:-0px;
  /*top:-40px;*/
  top:auto;
  bottom:-40px;
  color:#fff;
  z-index: 50001;
}
                            /* + + + + + レスポンシブ + + + + +  */
                            body.rsbp-under-bp2 .modal__content{
                              padding: 0px;
                            	width: 96%;
                            }
                            body.rsbp-under-bp2 .modal__content .inner{
                              position: relative;
                              width: 100%;
                              padding-top: 56.25%;
                            }
                            body.rsbp-under-bp2 .modal__content .inner iframe{
                              position: absolute;
                              top: 0;
                              right: 0;
                              width: 100% !important;
                              height: 100% !important;
                            }
/*---動画モーダル関連ここまで--------*/

/*プロセス*/
.ProcessItem{
}
.ProcessItem .ColumnGroup .Column{
  
}
.ProcessItem .ColumnGroup .Column .inner{
  border:1px solid #ccc;
  margin:20px;
  box-shadow: 0 0 0.8em rgba(0,0,0,0.05);
}

.ProcessItem .ColumnGroup .Column .inner .Main{
  line-height:1.3;
  font-weight:bold;
  margin-bottom:0.5em;
}
.ProcessItem .ColumnGroup .Column .inner p.Sub{
  font-size:75%;
  line-height:1.4;
}
.ProcessItem .ColumnGroup .Column .inner ul{
  list-style:circle;
  font-size:70%;
  
}
.ProcessItem .ColumnGroup .Column{
  position:relative;
}

.ProcessItem .ColumnGroup .Column::before{
  position: absolute;
  content: "\e807";
  font-family: "picticon";
  top: 50%;
  margin-top:-1rem;
  right:-0.15em;
  font-size: 2rem;
}


                              /* + + + + + レスポンシブ + + + + +  */
                              body.rsbp-under-bp2 .ProcessItem .ColumnGroup .Column{
                                float:none;
                                width:100%;
                                margin:25px 0;
                              }
                              body.rsbp-under-bp2 .ProcessItem .ColumnGroup .Column:last-child{
                                margin-bottom:0;
                              
                              }
                              body.rsbp-under-bp2 .ProcessItem .ColumnGroup .Column::before{
                                display:none;
                              }
                              body.rsbp-under-bp2 .ProcessItem .ColumnGroup .Column::after{
                                position: absolute;
                                content: "\e808";
                                font-family: "picticon";
                                bottom:-1.0em;
                                margin-top:0;
                                right:50%;
                                font-size:1.2em;
                                margin-right:-0.5em;
                              }
                              body.rsbp-under-bp2 .ProcessItem .ColumnGroup .Column:last-child::after{
                                display:none;
                              }
                              body.rsbp-under-bp2 .ProcessItem .ColumnGroup .Column .inner{
                                padding:5px!important;
                                margin: 20px 15px;
                              }



.ProcessItem .ColumnGroup .Column:last-child::before{
  display:none;
}
.ProcessItem .ColumnGroup .Column .inner ul li{
  margin-bottom:10px;
  line-height:1.3;
}
.ProcessItem .ColumnGroup .Column .inner ul li:last-child{
  margin-bottom:0;
}

.ChartImageBlock{}
.ChartImageBlock .SknTplThumbnailList{
  
}
.ChartImageBlock .BlockHeader{
  width:160px;
  float:left;
}
.ChartImageBlock .BlockContents{
  width:750px;
  float:right;
}

.ChartImageBlock .BlockContents .SknTplThumbnailList .ColumnGroup {

}
.ChartImageBlock .BlockContents .SknTplThumbnailList .ColumnGroup li.Column{
  max-width:200px!important;
  display:inline-block;
  vertical-align:top;
  width:auto;
  padding:5px;
  position:relative;
  margin:0 20px;
}
.ChartImageBlock .BlockContents .SknTplThumbnailList .ColumnGroup li.Column::before{
  /*position: absolute;
  bottom: -2px;
  content: "";
  display: inline-block;
  width: 3px;
  height: 50%;
  top:50%;
  left:50%; 
  background: #111986;
  z-index:0;*/
}
.ChartImageBlock .BlockContents .SknTplThumbnailList .ColumnGroup li.Column .inner{
  background: #fff;
}

.ChartImageBlock .BlockContents .SknTplThumbnailList .ColumnGroup li.LargeImage{
  max-width:300px!important;
}
.ChartImageBlock .BlockContents .SknTplThumbnailList .ColumnGroup li.NoImage{
  max-width:100px!important;
}
                              /* + + + + + レスポンシブ + + + + +  */
                              body.rsbp-under-bp2 .ParagraphContents.TabDisplay .Tabq .TabContents .ButtonItem{
                                text-align:center;
                                margin-bottom:15px;
                              }
                              body.rsbp-under-bp2 .ChartImageBlock .BlockContents{
                                width:100%;
                                display:block;
                              }
                              body.rsbp-under-bp2 .ChartImageBlock .BlockContents .SknTplThumbnailList .ColumnGroup li.Column{
                                width:30%;
                                display:inline-block;;
                                float:none;
                              }
                              body.rsbp-under-bp2 .ChartImageBlock .BlockContents .SknTplThumbnailList .ColumnGroup li.Column .Caption{
                                margin:0 auto;
                              }
                              body.rsbp-under-bp2 .ChartImageBlock .BlockContents .SknTplThumbnailList .ColumnGroup li{
                                margin:0 auto;
                              }
                              body.rsbp-under-bp2 .ChartImageBlock .BlockContents .SknTplThumbnailList .ColumnGroup li.NoImage{
                                display:none;
                              }

                              body.rsbp-under-bp3 .ChartImageBlock .BlockHeader{
                                width:100%;
                                display:block;
                              }
                              body.rsbp-under-bp3 .ParagraphContents.TabDisplay .Tabq .TabContents .ButtonItem{
                                text-align:center;
                                margin-bottom:15px;
                              }


.ChartImageBlock .BlockContents .SknTplThumbnailList ul.ColumnGroup li.Column .inner{
  padding:0;
}

.ChartImageBlock .BlockContents .SknTplThumbnailList ul.ColumnGroup li.Column .ImageItem{
  overflow:visible;
}
.ChartImageBlock .BlockContents .SknTplThumbnailList ul.ColumnGroup li.Column .ImageItem a{
  margin:0;
  padding:0;
  border:none;
  overflow:hidden;
  border:1px solid #ddd;
  border-radius:5px;
}
.ChartImageBlock .BlockContents .SknTplThumbnailList ul.ColumnGroup li.Column .ImageItem a:hover{
  background: none;
  transform: scale(1.0);
  opacity: 0.8;
  top: 0;
  box-shadow: 0 0 1.8em rgba(0,0,0,0.5);
}
.ChartImageBlock .BlockContents .SknTplThumbnailList ul.ColumnGroup li.Column a img{
  background: #fff;
}
.ChartImageBlock .BlockContents .SknTplThumbnailList ul.ColumnGroup li.Column .ImageItem a:hover img{
  transform: scale(1.2);
}

.ChartImageBlock .BlockContents .SknTplThumbnailList ul.ColumnGroup li.Column .ImageItem a:hover  a.modal06img{
  transform: scale(1.2);
  margin-top:-15px;
  margin-bottom:15px;
}
/*
.ChartImageBlock .BlockContents .SknTplThumbnailList ul.ColumnGroup li.Column .ImageItem .Caption{
  line-height: 30px;
  margin: 0px 0 10px 0;
}
.ChartImageBlock .BlockContents .SknTplThumbnailList ul.ColumnGroup li.Column .ImageItem:hover  .Caption{
  font-size:85%;
}
*/



                              /* + + + + + レスポンシブ + + + + +  */
                              body.rsbp-under-bp2 .ChartImageBlock .BlockContents .SknTplThumbnailList ul.ColumnGroup li.Column .ImageItem a:hover{
                                  box-shadow: 0 0 0.8em rgba(0,0,0,0.5);
                              }





/*点滅*/

.FlashImg{
  margin:0px;
  border-radius:0px;
  overflow:hidden;
}
.ChartImageBlock .BlockContents .SknTplThumbnailList ul.ColumnGroup li.Column a img.FlashImg.Flashing{
  animation: flash 2s linear infinite;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#57c8f6+0,c4ebfc+100 */
  background: rgb(87,200,246); /* Old browsers */
  background: -moz-linear-gradient(left,  rgba(87,200,246,1) 0%, rgba(196,235,252,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left,  rgba(87,200,246,1) 0%,rgba(196,235,252,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right,  rgba(87,200,246,1) 0%,rgba(196,235,252,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#57c8f6', endColorstr='#c4ebfc',GradientType=1 );  IE6-9 */

}

@keyframes flash {
  0%,100% {
    opacity: 1;
  }

  50% {
    opacity: 0.3;
  }
}

a:hover .FlashImg{
  animation: flash2 1s linear infinite;
}
@keyframes flash2 {
  0%,100% {
    opacity: 1;
  }

  50% {
    opacity: 1;
  }
}

.DefaultText.DetailComment{

  padding:10px;
}

.PageBlock h2.DefaultText{
  display:block;
  margin:5px auto;
  text-align:center;
  font-size:1.5em;
  color:#0781a6;
  line-height:1.3;
  max-width:1100px;
}
.PageBlock h2.DefaultText > span{
   line-height:1.9;
}
.PageBlock h2.DefaultText .Small{
  font-size:80%;
}

                              /* + + + + + レスポンシブ + + + + +  */
                              body.rsbp-over-bp2 .PageBlock h2.DefaultText > span{
                                 display:block;
                              }
                              body.rsbp-under-bp2 .PageBlock h2.DefaultText{
                                  font-size:1.0em;
                                  margin-bottom:1em;
                                  text-align:left;
                                  line-height:1.5;
                              }
                              body.rsbp-under-bp2 .PageBlock h2.DefaultText > span{
                                 display:block;
                              }
                              body.rsbp-under-bp3 .PageBlock h2.DefaultText{
                                  font-size:1.0em;
                                  text-align:left;
                                  margin-top:0;
                                  margin-bottom:2em;
                              }
                              
/**/
.Attention{
  font-size:0.8rem;
  line-height:1.7;
}
                              /* + + + + + レスポンシブ + + + + +  */
                              body.rsbp-under-bp2  .Attention{
                                margin:0 20px 20px;
                              }
                              


.MovieBlock{
  width:100%;
  max-width:950px;
  margin:0 auto;
}


/*動画*/

.SknTplMovieBox{}
.SknTplMovieBox .MovieBox{

}

.SknTplMovieBox .MovieBox .inner{
  display:block;
  text-align:center;
}
.SknTplMovieBox .MovieBox .inner > iframe{
  display:inline-block;
}

.SknTplMovieBox .MovieBox .inner .ImageItem{
  max-width:700px;
  margin:0 auto;
}
.SknTplMovieBox .MovieBox .ImageItem .Caption {
  font-size: 87.5%;
  line-height: 1.5;
  margin-top: 0.5em;
}

/*画像と幅を合わせる為*/
.SknTplMovieBox {
  width:100%;
  max-width:950px;
}
.SknTplMovieBox .MovieBox .inner{
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.SknTplMovieBox .MovieBox .inner > video,
.SknTplMovieBox .MovieBox .inner > iframe,
.SknTplMovieBox .MovieBox .inner > .DammyImage{
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
  max-width: 960px!important;
  border:1px solid #ddd;
}



                            /* + + + + + レスポンシブ + + + + +  */
                            body.rsbp-under-bp2 .SknTplMovieBox{
                              padding: 0px;
                            	width: 96%;
                            }
                            body.rsbp-under-bp2 .ImageItem  .SknTplMovieBox {
                              padding: 0px;
                              width: 100%;
                            }
                            body.rsbp-under-bp2 .SknTplMovieBox .MovieBox .inner{
                              position: relative;
                              width: 100%;
                              padding-top: 56.25%;
                            }
                            body.rsbp-under-bp2 .SknTplMovieBox .MovieBox .inner > video,
                            body.rsbp-under-bp2 .SknTplMovieBox .MovieBox .inner > iframe{
                              position: absolute;
                              top: 0;
                              right: 0;
                              width: 100% !important;
                              height: 100% !important;
                              max-width: 1000px!important;
                            }
                            body.rsbp-under-bp3 .SknTplMovieBox .MovieBox .ImageItem .Caption {
                              text-align:left;
                            }


/*OutLinkList*/
.OutLinkList{
  font-size:0.9rem;
  margin:0 15px;
}
.OutLinkList .ListTitle{
  display:inline-block;
  vertical-align:middle;
  line-height:1.4;
}
.OutLinkList ul{
  list-style:none;
  display:inline-block;
  vertical-align:middle;
}
.OutLinkList ul li{
  display:inline-block;
  margin:0 10px 0 0;
  line-height:1.4;
}
.OutLinkList ul li a{

}
.ProcessItem.Type2{
  margin-bottom:0;
}

                            /* + + + + + レスポンシブ + + + + +  */
                            body.rsbp-under-bp2 .OutLinkList{
                              margin-bottom:30px;
                            }
                            body.rsbp-under-bp3 .OutLinkList .ListTitle{
                              display:block;
                            }
                            body.rsbp-under-bp3 .OutLinkList ul{
                              display:block;
                            }
                            
.ProcessItem.Type2  ul li{
  width:25%!important;
}

body.rsbp-under-bp2 .ProcessItem.Type2  ul li{
  width:100%!important;
}


/*戻る*/
.PageBlock .ButtonItem.ListBack{
  text-align:right;
  float:right;
  width:80px;
}
.PageBlock .ButtonItem.ListBack .ButtonHistry {
  padding: 2px 12px;
  background: #fff;
  color: #727171;
  font-size: 1.0rem;
  line-height:1.6;
}
.PageBlock .ButtonItem.ListBack .ButtonHistry:hover {
  background: #222;
  color: #fff;

}


/*準備中*/
.PreParation{
  width:80%;
  max-width:250px;
  margin:20px auto;
  border:2px solid #5d4d8d;
  border-radius:10px;
  text-align:center;
  display:block;
  background:#f5f5f5;

}
.PreParation span.Main.Title{
  font-size:1.5em;
  padding:25px 0;
  color:#1d2c68;
}



/*規約*/
.KiyakuComment{
  margin-bottom:15px;
}
.KiyakuComment a{
  padding: 2px 15px;
  background: #222;
  border-radius:5px;
  color:#fff;
}
.KiyakuComment a:hover{
  background:#ec9800;
  color:#fff;
}
.KiyakuComment a span.Icon::before{
  background: #222!important;
  -webkit-transition: all .0s;
  transition: all .0s;
}
.KiyakuComment a:hover span.Icon::before{
  background:#ec9800!important;
  -webkit-transition: all .0s;
  transition: all .0s;
}
/*検索*/

.SearchComent{
  font-size:120%;
  margin:20px auto 20px 20px;
}

.SearchArea .SearchMenu{
  padding:0;
  width:300px;
  overflow:visible;
  position:relative;
  display:inline-block;
  vertical-align:middle;
  margin:5px;
}
.SearchArea .SearchMenu.WideType{
  width:460px;
  width: -webkit-calc(100% - 600px);
  width: calc(100% - 600px);
}

.SearchArea .SearchMenu.NarrowType{
  width:280px;
}
                            /* + + + + + レスポンシブ + + + + +  */
                            body.rsbp-under-bp2 .SearchArea .SearchMenu{
                              width:98%;
                              display:block;
                            }




.SearchArea  .SearchMenu .SearchMenuTitle{
  display:inline-block;
  padding-left:0;
  text-align:left;
  width:100%;
  vertical-align: middle;
  background: linear-gradient(to bottom, #2b2a82 0%,#1e64a7 100%);
  display:flex;
  padding:5px;
  box-shadow: 3px 3px 5px rgba(0,0,0,0.15);
  border-radius: 6px;
}
.SearchArea  .SearchMenu .SearchMenuTitle > span{
  color:#fff;
  display:inline-block;
  min-width:100px;
  line-height:40px;
  position:relative;
  overflow:hidden;
  font-size: 100%;
  padding:0 5px;
}
.SearchArea .SearchBlock .Paragraph{
  border:none;
}

.SearchArea  .SearchMenu .SearchMenuLink{
  display:inline-block;
  background:#fff;
  padding:0 5px;
  border:0px solid #ccc;
  text-align:center;
  height:40px;
  vertical-align: middle;
  border-radius: 3px;
}

.SearchArea  .SearchMenu .SearchComent{
  display:inline-block;
  margin:0;
  font-size:0.7rem;
  font-weight:bold;
  color:#222;
  vertical-align:middle;
  line-height:1.1;
  width: -webkit-calc(100% - 750px);
  width:         calc(100% - 750px);
  width:300px;
  vertical-align:middle;
}
.SearchArea  .SearchMenu.TypeS1{}
.SearchArea  .SearchMenu.TypeS2{}
.SearchArea  .SearchMenu.TypeS2{}

.SearchArea  .SearchMenu.TypeS1 .SearchMenuTitle > span{
  width:140px;
}
.SearchArea  .SearchMenu.TypeS2 .SearchMenuTitle > span{
  width:160px;
}
.SearchArea  .SearchMenu.TypeS3 .SearchMenuTitle > span{
  width:130px;
}
.SearchArea  .SearchMenu.TypeS1 .SearchMenuLink{
    width: -webkit-calc(100% - 140px);
    width:         calc(100% - 140px);
}
.SearchArea  .SearchMenu.TypeS2 .SearchMenuLink{
    width: -webkit-calc(100% - 160px);
    width:         calc(100% - 160px);
}
.SearchArea  .SearchMenu.TypeS3 .SearchMenuLink{
    width: -webkit-calc(100% - 130px);
    width:         calc(100% - 130px);
}








                            /* + + + + + レスポンシブ + + + + +  */
                            body.rsbp-under-bp2 .SearchArea  .SearchMenu{
                              margin-bottom:20px;
                            }
                            body.rsbp-under-bp2 .SearchArea  .SearchMenu.TypeS1  .SearchMenuTitle > span{
                              width:80px;
                              line-height:1.2;
                              min-width:0;
                            }
                            body.rsbp-under-bp2 .SearchArea  .SearchMenu.TypeS1 .SearchMenuLink{
                                width: -webkit-calc(100% - 80px);
                                width:         calc(100% - 80px);
                            }
                            body.rsbp-under-bp2 .SearchArea  .SearchMenu.TypeS2  .SearchMenuTitle > span,
                            body.rsbp-under-bp2 .SearchArea  .SearchMenu.TypeS3  .SearchMenuTitle > span{
                              width:100px;
                              line-height:1.2;
                              min-width:0;
                            }
                            body.rsbp-under-bp2 .SearchArea  .SearchMenu.TypeS2 .SearchMenuLink,
                            body.rsbp-under-bp2 .SearchArea  .SearchMenu.TypeS3 .SearchMenuLink{
                                width: -webkit-calc(100% - 100px);
                                width:         calc(100% - 100px);
                            }



.SearchArea .SearchMenu .SearchMenuLink input[type="text"]{
  box-shadow: none;
  padding:2px;
  margin-top:5px;
  margin-right:1px;;
  width: -webkit-calc(100% - 48px);
  width:         calc(100% - 48px);
  display:inline-block;
  vertical-align:middle;
  background: #fafafa;
  border-radius:0;
  border-top:0px solid #ccc;
  border-left:0px solid #ccc;
  border-bottom:1px solid #eee;
  border-right:0px solid #eee;
}



.SearchArea .SearchMenu .SearchMenuLink > select{
  padding:4px;
  margin-top:5px;
  background: #fff;
  border:none;
  box-shadow:none;
}
.SearchArea .SearchMenu .SearchMenuLink > .itemC{
  margin-top:6px;
  accent-color: green;
}
          /* + + + + + /レスポンシブ + + + + +  */
          body.rsbp-under-bp3.SpView  .SearchArea .SearchMenu .SearchMenuLink > select{
            font-size:110%;
            padding:0;
            line-height:1.1;
            margin-top:2px;
          }


.SearchArea .SearchMenu .SearchMenuLink .SearchIcon{
  display:inline-block;
  width:30px;
  height:30px;
  margin:0;
  vertical-align:middle;
}
.SearchArea .SearchMenu .SearchMenuLink .SearchIcon img{
  width:100%;
}

/*BrowserComment*/
.BrowserComment{
  text-align:center;
  color:#800019;
}
.BrowserComment{}


.AfterComment{
  color:#fff;
}

/*PrItem*/
.PrItem{
  color:#222;
  border:1px solid #fff;
  padding:10px;
  line-height:1.5;
  margin-top:-15px;
  background:rgba(255,255,255,0.9);
}
.PrItem > p.Small{
  font-size:80%;
}

.MainImageArea .PrItem{
  border:none;
  padding:0 20px 0 20px;
  background:none;
}
.MainImageArea .PrItem .innerS{
  color:#222;
  border:1px solid #ccc;
  padding:10px;
  line-height:1.5;
  max-width:550px;
  display:block;
  margin:0 auto;
  background:rgba(255,255,255,0.9);
}

/*AccItem*/
.AccItem{
  position:relative;
}
.AccItem .DetailContents{
  display:none;
}
.AccItem.Display{}
.AccItem.Display .DetailContents{
  display:block;
}


.AccItem .toggle.ConButton{
  cursor:pointer;
  position:absolute;
  top:10px;
  right:10px;
  color:#fff;
  border:1px solid #fff;
  border-radius:4px;
  background:rgba(255,255,255,0.2);
  padding:0 5px;
}

.AccItem .toggle.ConButton .icon-plus{
  display:inline-block;
}
.AccItem .toggle.ConButton .icon-minus{
  display:none;
}

.AccItem .toggle.open{

}
.AccItem .toggle.ConButton.open .icon-plus{
  display:none;
}
.AccItem .toggle.ConButton.open .icon-minus{
  display:inline-block;
}

.World .PageBlock .MainImage{
  border: 0px solid #ddd;
  max-width:1200px;
  margin:0 auto;
  padding:20px;
  font-size:130%;
  text-align:center;
}
item_box CheckboxItem SpListBlock
/*RegistPage */
.LectureEntryTable .CheckboxItem .itemC .Che{}
.LectureEntryTable .CheckboxItem .itemC .Che.Reserved{
  cursor: auto;
  background:none;
}
.LectureEntryTable .CheckboxItem .itemC .Che.Reserved input{
  display:none;
}
.LectureEntryTable .CheckboxItem .itemC .Che.Reserved label{
  cursor: auto;
}
.LectureEntryTable .CheckboxItem .itemC .Che.Reserved label::before{
  content: "【申込済】 ";
  position:static;
}




/*申込みボタン*/
.ExhibitEntryButtonItem{
  margin:10px auto 10px 0;
}
.TopPage .ExhibitEntryButtonItem {
  text-align:center;
  margin:30px 0 15px;
}
.ExhibitEntryButtonItem a{
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#9400ff+0,0a84ff+30,d326d3+73,4b42ff+100 */
background: linear-gradient(to right,  rgba(148,0,255,1) 0%,rgba(10,132,255,1) 30%,rgba(211,38,211,1) 73%,rgba(75,66,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  /*border-radius:15px;*/
  padding:2px;
  -webkit-transition: all .4s;
  transition: all .4s;
  position:relative;
  box-shadow: 1px 1px 5px rgba(0,0,0,0.15);
}
.ExhibitEntryButtonItem a:hover{
  /*border-radius:15px;*/
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#9400ff+0,0a84ff+30,d326d3+73,4b42ff+100 */
background: linear-gradient(to right,  rgba(148,0,255,1) 0%,rgba(10,132,255,1) 30%,rgba(211,38,211,1) 73%,rgba(75,66,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  -webkit-transition: all .4s;
  transition: all .4s;
}
.ExhibitEntryButtonItem a .Binner{
  background:#fff;
  padding:25px 60px;
  -webkit-transition: all .4s;
  transition: all .4s;
  /*border-radius:13px;*/
}
.ExhibitEntryButtonItem a:hover .Binner{
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#9400ff+0,0a84ff+30,d326d3+73,4b42ff+100 */
background: linear-gradient(to right,  rgba(148,0,255,1) 0%,rgba(10,132,255,1) 30%,rgba(211,38,211,1) 73%,rgba(75,66,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  -webkit-transition: all .4s;
  transition: all .4s;

}
.ExhibitEntryButtonItem a .Label{
  font-weight:700;
}
.ExhibitEntryButtonItem a span{
  font-size:160%;
  color:#555;
  -webkit-transition: all .4s;
  transition: all .4s;
  margin:0 auto;
}


.SknTplTextList ul.TextList > li .ExhibitEntryButtonItem a span.Icon::before {
  background:none;
  color: #555;
  padding:0;
  border-radius:0;
  vertical-align: middle;
  position: static;
  top: auto;
  left:0;
  margin-top: -0.35em;
  -webkit-transition: all .4s;
  transition: all .4s;
}

.ExhibitEntryButtonItem a:hover span{
  color:#fff!important;
  -webkit-transition: all .4s;
  transition: all .4s;
}
.SknTplTextList ul.TextList > li .ExhibitEntryButtonItem a:hover span.Icon::before{
  color:#fff!important;
  -webkit-transition: all .4s;
  transition: all .4s;
}

              /* + + + + + /レスポンシブ + + + + +  */
              body.rsbp-under-bp3 .ExhibitEntryButtonItem a .Binner{
                  padding:15px 30px;
              }

/*金色帯*/
.ExhibitEntryButtonItem a::before {
  content: "";
  height: 10px;
  display: block;
  position: absolute;
  left: 2px;
  width: calc(100% - 4px);
  bottom: 2px;
  background: #b5887a;
  -webkit-transition: all .4s;
  transition: all .4s;
}
.ExhibitEntryButtonItem a:hover::before {
  height:0;
  -webkit-transition: all .4s;
  transition: all .4s;
}


              /* + + + + + /レスポンシブ + + + + +  */
              body.rsbp-over-bp3 .ExhibitEntryButtonItem a .Label br{
                display:none;
              }


/* aタグのリセットCSS */
a.gradient-btn {
  text-decoration: none; /* アンダーラインを消す */
}

/* buttonタグのリセットCSS */
button.gradient-btn {
  border: none;
  appearance: none;
  padding: 0;
}

/* ボタン本体の装飾 */
.gradient-btn {
  position: relative; /* static以外を指定 */
  z-index: 0; /* グラデーションよりも上に配置 */
  display: inline-block; /* inline以外にする */
  line-height: 60px; /* 行の高さ(heightと同じにする) */
  background: transparent; /* 背景を透明にする */
  border-radius: 5px; /* 角の丸み */
  overflow: hidden; /* はみ出した部分を非表示(角丸を付ける場合は必須) */
  cursor: pointer; /* カーソルをポインターにする */
  /* 以下ボタンのテキスト装飾(自由にカスタマイズしてください) */
  color: #fff;
  font-size: 1.5em;
  font-weight: bold;
  text-align: center;
}

/* ::before, ::afterで2種類のグラデーションを用意 */
.gradient-btn::before,
.gradient-btn::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
}

/* グラデーション1 */
.gradient-btn::before {
  transition: all 0.4s; /* アニメーション実行時間 */
  z-index: -1;
  background: linear-gradient(135deg, #FBD786 0%, #f7797d 100%);
  background: linear-gradient(to bottom, #2b2a82 0%,#1e64a7 100%);
}

/* グラデーション2 */
.gradient-btn::after {
  z-index: -2;
  background: linear-gradient(135deg, #12c2e9 0%, #c471ed 100%);
  background: linear-gradient(135deg, #c471ed 0%, #12c2e9 100%);
}

/* ホバー時にグラデーション1を透明にする */
.gradient-btn:hover::before {
  opacity: 0;
}

.BlueButton.gradient-btn::before{
  background: linear-gradient(to bottom, #6db3f2 0%,#54a3ee 50%,#3690f0 51%,#1e69de 100%);

}
/* ホバー時にグラデーション1を透明にする */
.BlueButton.gradient-btn:hover::before {
  opacity: 0;
}