@charset "utf-8";
/* =====================================================================================================================
  PC
====================================================================================================================== */
/* common
----------------------------------- */
.locIconNew {
  background: url("../img/ico_link_new.png") no-repeat right center;
  padding-right: 1.1em;
}
.locIconNew_white {
  background: url("../img/ico_link_new_white.png") no-repeat right center;
  padding-right: 1.5em;
}
/* contents
----------------------------------- */
/*見出し*/
#locContents .locH1 {
  padding: 6px 11px 6px;
  background: url(/common/ver.6.1/img/smp/bg_h2_01.gif) repeat-x left top;
  margin-top: 10px;
}
#locContents .locH1 span {
  display: block;
  padding: 0px 10px;
  border-left: 5px solid #051F6C;
  font-size: 1.25em;
}
#locContents .locH1_reserch {
  height: 115px;
  background: url("../../../box/img/img-visual.jpg") 0 0 no-repeat;
  background-size: 100% 100%;
}
#locContents .locH1_reserch p {
  position: relative;
  display: inline-block;
  padding: 4px 12px 3px;
  background: rgba(255, 255, 255, 0.3);
  font-size: 13px;
  color: #fff;
}
#locContents .locH1_reserch p::after {
  content: '';
  position: absolute;
  top: 0;
  right: -10px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 30px 10px 0 0;
  border-color: rgba(255, 255, 255, 0.3) transparent transparent transparent;
}
#locContents .locH1_reserch h1 {
  margin-top: 15px;
  padding: 0 20px;
  font-size: 28px;
  color: #fff;
}
#locContents .locH2 {
  font-size: 1.2em;
  border-left: 7px solid #0D419A;
  padding: 5px 10px;
  background: #efefef;
}
#locContents .locH3 {
  font-size: 1.1em;
}
#locContents .locH3:before {
  content: "■ ";
  color: #0D419A;
}
#locContents .locH4 {
  display: block;
  background: #3699d5;
  color: #fff;
  text-align: center;
  width: 100px;
}
/*common*/
#locContents img {
  width: auto;
  max-width: 100%;
}
#locContents .locTxtCenterAndLeft {
  text-align: center;
}
/*layout*/
#locContents .locContentsInner {
  width: 90%;
  margin: 0 auto;
  -webkit-text-size-adjust: 100%;
}
#locContents .loc_col_area {
  display: table;
  width: calc(100% + 80px);
  margin-left: -40px;
  border-spacing: 40px 0;
}
#locContents .loc_col_fixed {
  table-layout: fixed;
}
#locContents .loc_col_item {
  display: table-cell;
  vertical-align: top;
}
#locContents .locBorderBox {
  border: 1px solid #aaa;
  padding: 20px;
}
#locContents .locBG_gray {
  background: #eee;
}
/*TopPage*/
#locContents .locTopMainImg {
  margin-top: 10px;
}
/*画面一覧*/
#locContents ul.loc_col_flex {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
#locContents ul.loc_col_flex > li {
  width: calc(33.33% - 30px);
  margin: 0 45px 0 0;
}
#locContents ul.loc_col_flex > li:nth-of-type(3n) {
  margin: 0 0 0 0;
}
#locContents ul.loc_col_flex > li img {
  text-align: center;
}
#locContents p.bottomSpace {
  margin-bottom: 2em;
}
#locContents .blue_txt {
  color: #0D419A;
  font-weight: bold;
}
/*仕様*/
.locSpec {
  line-break: anywhere;
}
.backGC_gray {
  background-color: #f8f8f8;
}
/*特長*/
ul.loc_col_flex_two {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
ul.loc_col_flex_two > li {
  width: 200px;
}
ul.loc_col_flex_two > li > a {
  color: #ffffff;
}
ul.loc_col_flex_two > li > a:hover {
  text-decoration: none;
}
.linkBtn {
  color: #ffffff;
  background-color: #FF8C3F;
  border-radius: 3px 3px 3px 3px;
  padding: 0 10px;
  text-align: center;
}
/*特長　通常モード*/
#locContents ul.loc_col_flex_img {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
#locContents ul.loc_col_flex_img > li:first-of-type {
  width: 47%;
  margin-right: 10px;
}
#locContents ul.loc_col_flex_img > li:last-of-type {
  width: 51%;
}
.linkBtn:hover {
  opacity: 0.8;
}
#locContents /*ラインアップ*/
#locContents .locLineup {
  width: 900px;
}
#locContents .locLineup .locW120 {
  width: 100px;
}
#locContents .locLineup .locW240 {
  width: 220px;
}
#locContents .locLineup .locAC {
  background: #A4014A;
  color: #fff;
  padding: 3px 5px;
  font-size: 0.8em;
}
#locContents .locLineup .locDC {
  background: #014A80;
  color: #fff;
  padding: 3px 5px;
  font-size: 0.8em;
}
#locContents .locLineup td {
  text-align: center;
}
/*ダウンロード*/
.member p {
  text-align: center;
}
#locItx1_st-contents .member .login, #locItx1_st-contents--fullWidth .member .login {
  width: 322px;
}
.member .login {
  overflow: hidden;
  text-indent: -9999px;
  width: 322px;
  margin: 15px auto 0;
}
.member .loginBtn a {
  float: left;
  display: block;
  width: 155px;
  height: 34px;
  margin-right: 10px;
  background: url("/products/signaiedge/box/img/member_btn.png") no-repeat 0 0;
}
.member .loginBtn a:hover {
  background: url(/products/signaiedge/box/img/member_btn.png) no-repeat 0 -34px;
}
.member .registrationBtn a {
  float: left;
  display: block;
  width: 155px;
  height: 34px;
  background: url(/products/signaiedge/box/img/member_btn.png) no-repeat -155px 0;
}
.member .registrationBtn a:hover {
  background: url(/products/signaiedge/box/img/member_btn.png) no-repeat -155px -34px;
}
/*調査・レポート*/
#locContents .locReport {
  font-size: 1.13em !important;
}
#locContents .locReport .locFontL {
  font-size: 1.13em;
}
#locContents .locReport .locIndex {
  padding: 20px 25px;
  background: #F0F5FF;
}
#locContents .locReport .locIndex p {
  font-size: 15pt;
}
#locContents .locReport .locIndex ul li {
  border-top: 1px solid #aaa;
}
#locContents .locReport .locIndex ul li ul {
  margin-left: 20px
}
#locContents .locReport .locIndex a {
  display: block;
  padding: 5px;
  color: #333;
}
#locContents .locReport .locIndex a:before {
  content: '';
  display: inline-block;
  width: 6px;
  height: 6px;
  margin: 0 10px 3px 0;
  border-right: 2px solid #0D419A;
  border-bottom: 2px solid #0D419A;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
#locContents .locReport .locH3 {
  font-size: 1.3em;
}
#locContents .locReport .smpList {
  font-weight: bold;
}
#locContents .locReport hr {
  border: 0;
  height: 1px;
  background: #aaa;
  clear: both;
}
#locContents .locReport .locBtn a {
  display: block;
  background: #0D419A;
  color: #fff;
  text-align: center;
  border-radius: 5px;
  width: 212px;
  padding: 10px 0;
}
#locContents .locReport .locBtn a:hover {
  background: #235AB7;
  text-decoration: none;
}
#locContents .locReport .locFigTitle {
  background: #1B5B9C;
  padding: 10px 15px;
  color: #fff;
}
#locContents .locReport .locFig_07 td, #locContents .locReport .locFig_07 th {
  padding: 5px 7px;
}
#locContents .locReport .locFig_07 td {
  text-align: right;
}
#locContents .locReport .locFig_07 td.noBorderT {
  border-top: none;
  border-bottom: none;
}
#locContents .locReport .locFig_07 td.noBorderL {
  border-left: none;
}
#locContents .locReport .locFig_07 td.noBorderR {
  border-right: none;
}
#locContents .locReport .locFig_07 th.Blue01 {
  background: #1C5CA1;
  color: #fff;
  text-align: center;
}
#locContents .locReport .locFig_07 th.Blue02 {
  background: #87A8DE;
  color: #fff;
  text-align: center;
}
#locContents .locReport .locFig_07 .gray {
  background: #eee;
}
#locContents .locReport .locFig_07 td.img {
  padding: 0;
  vertical-align: middle;
  text-align: left;
  min-width: 150px;
}
#locContents .locReport .locFig_07 .w12 {
  width: 12%;
}
#locContents .locReport .locBox {
  background: #E2EAF6;
  padding: 20px 30px;
}
#locContents .locReport .locBox h3 {
  color: #1B5B9C;
  font-weight: bold;
  font-size: 1.1em;
}
#locContents .btn_box {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  width: 760px;
  margin: 40px auto 0;
}
.btn_box li {
  width: 360px;
}
.download_btn_green {
  background: -webkit-linear-gradient(#55ced0, #019da0 67%, #017e91);
  background: -o-linear-gradient(#55ced0, #019da0 67%, #017e91);
  background: linear-gradient(#55ced0, #019da0 67%, #017e91);
  border-radius: 12px;
}
.download_btn_blue {
  background: -webkit-linear-gradient(#67bee5, #1e9ed9 67%, #0047db5);
  background: -o-linear-gradient(#67bee5, #1e9ed9 67%, #047db5);
  background: linear-gradient(#67bee5, #1e9ed9 67%, #047db5);
  border-radius: 12px;
}
#locContents ul.btn_box li a {
  display: block;
  font-size: 20px;
  margin: 0 auto;
  color: #fff;
  text-align: center;
  border-radius: 12px;
  text-decoration: none;
  padding: 18px 10px 15px;
  text-shadow: 3px 1px 2px #016473;
}
.btn_bg_blue {
  background: -webkit-linear-gradient(#67bee5, #1e9ed9 67%, #0047db5);
  background: -o-linear-gradient(#67bee5, #1fa3e0 67%, #047db5);
  background: linear-gradient(#67bee5, #1e9ed9 67%, #047db5);
}
#locContents ul.btn_box li:hover {
  opacity: 0.8;
  text-decoration: none;
}
#locContents ul.btn_box li a span {
  font-size: 18px;
}
#locContents .campaign_bnr img {
  width: 772px;
  margin: 0 auto;
}
/* localnavi
----------------------------------- */
#locLocalNavi .locLocalNaviBtn {
  display: none;
}
#locLocalNavi ul.locLocalNaviList {
  margin-bottom: 15px;
  /*border:1px solid #cccccc;*/
  border-top: none;
  box-shadow: 0px 0px 3px 1px #dedede;
  -moz-box-shadow: 0px 0px 3px 1px #dedede;
  -webkit-box-shadow: 0px 0px 3px 1px #dedede;
}
#locLocalNavi ul.locLocalNaviList li {
  border: 1px solid #ccc;
  background: #fff;
  line-height: 1.6em;
  box-sizing: border-box;
  margin: -1px 0px -1px 0px;
}
#locLocalNavi ul.locLocalNaviList li li {
  border: 1px solid #ccc;
  background: #fff;
  line-height: 1.6em;
  box-sizing: border-box;
  margin: -1px -1px -1px -1px;
}
#locLocalNavi ul.locLocalNaviList li.locLocalNaviActive {
  background: url("../img/ico_bullet_arrow01_r.png") no-repeat left 10px top 1.3em #e1ecfe;
  background-size: 3px 6px;
}
#locLocalNavi ul.locLocalNaviList li a {
  display: block;
  padding: 10px 10px 10px 20px;
  color: #0c419a;
  background: url("../img/ico_bullet_arrow01_r.png") no-repeat left 10px top 1.3em;
  background-size: 3px 6px;
}
#locLocalNavi ul.locLocalNaviList li a:hover {
  text-decoration: none;
  color: #0c419a;
  background: url("../img/ico_bullet_arrow01_r.png") no-repeat left 10px top 1.3em #e1ecfe;
  background-size: 3px 6px;
}
#locLocalNavi ul.locLocalNaviList li span.locLocalNaviTitle a {
  background: #0D419A;
  color: #fff;
}
#locLocalNavi ul.locLocalNaviList li span.locLocalNaviTitle a:hover {
  background: #235AB7;
  color: #fff;
}
#locLocalNavi ul.locLocalNaviList li span.locLocalNaviTitleLightBlue {
  background: #5B7DD1;
  color: #fff;
  display: block;
  padding: 10px 10px 10px 20px;
}
#locLocalNavi ul.locLocalNaviList li ul {
  margin-left: 10px;
  border-left: 1px solid #ccc;
}
#locLocalNavi ul.locLocalNaviList li.movie_navi_box {
  margin: 5px 0 10px;
  ;
  border: none;
}
#locLocalNavi ul.locLocalNaviList li.movie_navi_box a {
  padding: 0;
  background-image: none;
  color: #0c419a;
  font-size: 0.9em;
}
#locLocalNavi ul.locLocalNaviList li.movie_navi_box a:hover {
  background-color: #ffffff;
  opacity: 0.8;
}
#locLocalNavi ul.locLocalNaviList li.movie_navi_box a span {
  padding-left: 20px;
  background: url("../img/ico_bullet_arrow01_r.png") no-repeat left 10px top 0.5em;
  background-size: 3px 6px;
}
#locLocalNavi ul.nav_bnr {
  text-align: center;
  box-shadow: none;
}
#locLocalNavi ul.nav_bnr li {
  border: none;
  background: none;
  box-sizing: border-box;
  margin: -1px 0px -1px 0px;
}
#locLocalNavi ul.nav_bnr li a {
  padding: 0;
  background: none;
  background-size: 0;
}
#locLocalNavi ul.nav_bnr li a:hover {
  background-color: #ffffff;
  opacity: 0.8;
}
/*Webセミナーのご案内*/
.loc_webseminar_bnr {
  width: 94%;
  margin: 0 auto;
}
.loc_webseminar_bnr a {
  display: block;
  width: 100%;
  text-decoration: none;
}
.loc_webseminar_bnr dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 40px;
  border: 1px solid #cccccc;
  border-radius: 10px;
  font-size: 1.2em;
}
.loc_webseminar_bnr dl dt {
  width: 25%;
  padding: 10px 30px;
  border-radius: 10px 0 0 10px;
  background: #5B7DD1;
  color: #fff;
}
.loc_webseminar_bnr dl dd {
  padding: 10px 30px;
  color: #333333;
}
.loc_link_blue {
  color: #0033CC;
}
a:hover .loc_link_blue {
  text-decoration: underline;
}
.hidden {
  visibility: hidden;
}
/* =====================================================================================================================
  Mobile
====================================================================================================================== */
@media only screen and (max-width: 640px) {
  #locContents .locTxtCenterAndLeft {
    text-align: left;
  }
  /* contents
----------------------------------- */
  /*見出し*/
  #locContents .locH1 {
    margin-top: 20px;
  }
  #locContents .locH1reserch {
    height: auto;
    background: #0C2984;
  }
  #locContents .locH1reserch p {
    padding: 4px 20px 3px;
  }
  #locContents .locH1reserch h1 {
    margin-top: 10px;
    font-size: 20px;
    line-height: 1.6em;
    padding-bottom: 10px;
  }
  /*layout*/
  #locContents .locContentsInner {
    width: 94%;
    margin: 0 auto;
  }
  #locContents .loc_col_area {
    display: block;
    width: 100%;
    margin-left: 0;
  }
  #locContents .loc_col_item {
    display: block;
    margin-bottom: 20px;
  }
  /*TopPage*/
  #locContents .locTopMainImg {
    margin-top: 20px;
  }
  /*仕様*/
  .locSpec br {
    display: none;
  }
  /*画面一覧*/
  #locContents .locScreen .loc_col_area {
    width: 100%;
    margin-left: 0;
  }
  #locContents .locScreenTxt, #locContents .smpListBlock {
    width: 100% !important;
  }
  #locContents ul.loc_col_flex {
    /*width: 100%;*/
    -ms-flex-direction: column;
    flex-direction: column;
    width: 270px;
    margin: 0 auto;
  }
  #locContents ul.loc_col_flex > li {
    width: auto;
    margin: 0 0 30px 0;
  }
  #locContents p.bottomSpace {
    margin-bottom: 0;
  }
 #locContents .hidden  {
    display: none!important;
  }
  /*特長　通常モード*/
  #locContents ul.loc_col_flex_img > li:first-of-type, #locContents ul.loc_col_flex_img > li:last-of-type {
    width: auto;
    margin-right: 0;
  }
  #locContents ul.loc_col_flex_img > li:last-of-type {
    margin-top: 20px;
  }
  /*調査・レポート*/
  #locContents .locReport .loc_BtnArea {
    display: block;
    width: 100%;
  }
  #locContents .locReport .loc_BtnArea .locBtn {
    display: block;
    margin-bottom: 20px;
  }
  #locContents ul.btn_box {
    flex-direction: column;
    width: auto;
    max-width: 100%;
    margin: 0px;
  }
  #locContents ul.btn_box li {
    font-size: 1.22em !important;
    line-height: 2.0;
    width: 100%;
    margin-top: 20px;
  }
  #locContents ul.btn_box li a {
    font-size: 16px;
    padding: 11px 0 8px;
    line-height: 1.9;
  }
  #locContents ul.btn_box li a span {
    font-size: 15px;
  }
  #locContents .locReport .smpDataTable03 {
    width: auto !important;
  }
  .campaign_bnr {
    margin: 0 10px
  }
  #locContents .campaign_bnr img {
    width: auto;
  }
  /* localnavi
----------------------------------- */
  #locLocalNavi .locLocalNavi {
    width: 94%;
    margin: auto;
  }
  #locLocalNavi .locLocalNaviBtn {
    display: block;
    padding: 10px 20px;
    color: #fff;
    background: url(../img/sp_navi_open.png) no-repeat right 20px center #0D419A;
    background-size: contain;
    border-radius: 7px 7px 7px 7px;
    -webkit-border-radius: 7px 7px 7px 7px;
    -moz-border-radius: 7px 7px 7px 7px;
    text-decoration: none;
  }
  #locLocalNavi .locLocalNaviBtn.locLocalNaviBtnOn {
    background: url(../img/sp_navi_close.png) no-repeat right 20px center #0D419A;
    background-size: contain;
    border-radius: 7px 7px 0px 0px;
    -webkit-border-radius: 7px 7px 0px 0px;
    -moz-border-radius: 7px 7px 0px 0px;
    text-decoration: none;
  }
  #locLocalNavi ul.locLocalNaviList {
    display: none;
  }
  #locLocalNavi ul.locLocalNaviList {
    margin-bottom: 5px;
    box-shadow: 0px 0px 0px 0px;
    -moz-box-shadow: 0px 0px 0px 0px;
    -webkit-box-shadow: 0px 0px 0px 0px;
  }
  #locLocalNavi ul.locLocalNaviList li span.locLocalNaviTitle a {
    color: #0c419a;
    background: url("../img/ico_bullet_arrow01_r.png") no-repeat left 10px top 1.3em #fff;
    background-size: 3px 6px;
  }
  #locLocalNavi ul.locLocalNaviList li span.locLocalNaviTitle a:hover {
    color: #0c419a;
    background: url("../img/ico_bullet_arrow01_r.png") no-repeat left 10px top 1.3em #e1ecfe;
    background-size: 3px 6px;
  }
  .featherlight-iframe .featherlight-content {
    padding: 0 !important;
    border-bottom: 0 !important;
    height: 0 !important;
    padding-bottom: 56.25% !important;
    overflow-y: hidden !important;
  }
  .featherlight-iframe .featherlight-content iframe {
    max-width: 100%;
  }
  #locLocalNavi ul.locLocalNaviList li.movie_navi_box {
    margin: 0;
    border: 1px solid #ccc;
  }
  #locLocalNavi ul.locLocalNaviList li.movie_navi_box a {
    padding: 10px;
    text-align: left;
    background-image: none;
  }
  #locLocalNavi ul.locLocalNaviList li.movie_navi_box a img {
    width: 178px;
  }
  #locLocalNavi ul.locLocalNaviList li.movie_navi_box a span {
    display: block;
  }
  #locLocalNavi ul.nav_bnr li {
    border: 1px solid #ccc;
  }
  #locLocalNavi ul.nav_bnr li a {
    padding: 10px 10px 10px 20px;
  }
  /*Webセミナーのご案内*/
  .loc_webseminar_bnr dl {
    display: block;
    font-size: 1em;
  }
  .loc_webseminar_bnr dl dt {
    width: 91.5%;
    padding: 5px 15px;
    border-radius: 10px 10px 0 0;
  }
  .loc_webseminar_bnr dl dd {
    padding: 5px 15px;
  }
}