@charset "UTF-8";
@media (min-width: 1200px) {
  .container {
    width: 90%;
  }
}
/*フォント全体*/
html {
  font-size: 1em;
}
body {
  font-family: -apple-system, BlinkMacSystemFont, Roboto, /*"Segoe UI", sans-serif*/ Meiryo, メイリオ;
  font-size: 1em;
  line-height: 1.5em;
}
h1, h2, h3, h4, h5, h6 {
  line-height: 1.5em;
  letter-spacing: .1em;
  font-weight: bold;
}
.font-weight-normal {
  font-weight: normal;
}
h2, .h2 {
  font-size: 26px;
}
h3, .h3 {
  font-size: 22px;
}
h5, .h5 {
  font-size: 1.0em;
}
p {
  line-height: 1.65em;
  letter-spacing: .05em;
  text-align: justify;
}
hr {
  border-top: 1px solid;
}
table tr {
  vertical-align: top;
}
ul, ol {
  margin-top: 0;
  margin-bottom: 0;
  margin-left: -1em;
  margin-right: 0;
}
.pageTop {
  margin-top: 5px;
  text-align: right;
  clear: both;
}
/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc {
  display: block !important;
}
.sp {
  display: none !important;
}
/*nabar 全体*/
.navbar-default {
  background-color: #00365A;
  border-color: #fff;
  font-size: large;
}
.navbar {
  min-height: 60px !important;
  margin-bottom: 0;
}
/*nabar テキスト*/
.dropdown-menu {
  font-size: 1em;
}
.navbar-default .navbar-nav > li > a {
  color: #fff;
  padding-top: 20px;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
  color: yellow;
  background-color: transparent;
}
.menu_lineup {
  font-weight: bold;
}
/*nabar 検索ここから*/
#gsc {
  width: 25%;
  margin-left: auto;
  position: absolute;
  float: right;
  top: 0px;
  right: 10px;
}
#gsc td {
  border: none;
}
#gsc .gsc-control-cse, #gsc .gsc-control-cse-ja, #gsc .gsib_a {
  margin: 0 !important;
  padding: 2 !important;
  background-color: transparent;
  border: none;
}
/* テキスト入力フォームとボタンの位置 */
#gsc table.gsc-search-box td, #gsc table.gsc-search-box input {
  vertical-align: top !important;
}
/* テキスト入力フォーム */
#gsc input[type="text"] {
  border: 1px solid #dddddd !important;
  height: 20px !important; /*    margin-top: 100px;
	margin-bottom: 10px; */
}
#gsc input[type="text"]:focus {
  border: 2px solid #b2e0eb !important;
  outline: 0; /*safariの自動フォーカスを切る */
}
/* テキスト入力フォームの影を消す */
#gsc #gsc-iw-id1 {
  border: none !important;
}
.navbar_search #___gcse_0 *, .navbar_search #___gcse_1 * {
  box-sizing: content-box;
} /*border-boxの干渉を避ける*/
.navbar_search .gsc-input-box {
  height: 30px;
} /*inputをウォーターマークがはみ出さない高さに*/
.navbar_search button.gsc-search-button-v2 {
  width: 30px;
  height: 18px;
  padding: 6px 10px;
}
/*nabar 検索ここまで*/
#pocket {
  text-align: right;
  float: right;
  padding-left: 10px;
}
/*nabar ロゴ色*/
.navbar-logo {
  fill: #fff;
}
/*TOPページ コンテンツ*/
/*パンくず*/
.breadcrumb {
  margin-bottom: 10px;
  margin-left: 0px;
}
/*ここまでパンくず*/
.media-heading {
  margin-left: 0;
  padding-left: 0;
}
.top_contents > h3 > a, .top_lineup > h3 > a {
  color: #ffffff;
}
.top_contents_raw {
  padding: 0;
}
.top_contents_raw .top_contents {
  padding: 0 25px;
}
.top_contents h3, .top_contents h3 a {
  color: #ffffff;
  margin-left: 0;
  padding: .25em;
  background-color: #00365A;
}
.top_NewsList {
  padding-bottom: 5px;
}
.panel-body {
  padding: 5px;
        overflow:hidden;
        height: auto;
}
.panel-body img {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.panel-body p {
  text-align: left;
}
.panel-margin {
  padding: 15px;
  margin-top: 10px;
  margin-bottom: 10px;
}
.top_lineup {
  margin: 0;
}
.top_lineup .black, .top_lineup .black a {
  /*text-align: center;*/
  color: #000000;
  font-size: 18px;
  text-shadow:
    white 2px 2px 2px, white -2px 2px 2px, white 2px -2px 2px, white -2px -2px 2px;
}
.top_lineup .white, .top_lineup .white a {
  /*text-align: center;*/
  color: #ffffff;
  font-size: 18px;
  text-shadow: 1px 1px 10px #000000;
}
.top_lineup p:hover {
  text-decoration: underline;
}
.top_lineup .lineup_eco {
  background-image: url("../images/top-eco.jpg");
  background-size: cover;
  height: 0px;
  padding-top: 10px;
  padding-bottom: 130px;
}
.top_lineup .lineup_dth {
  background-image: url("../images/top-dth.jpg");
  background-size: cover;
  height: 0px;
  padding-top: 10px;
  padding-bottom: 130px;
}
.top_lineup .lineup_emp {
  background-image: url("../images/top-emp.jpg");
  background-size: cover;
  height: 0px;
  padding-top: 10px;
  padding-bottom: 130px;
}
.top_lineup .lineup_living {
  background-image: url("../living/images/CS-20KWP_shower1_tmb.jpg");
  background-size: cover;
  height: 0px;
  padding-top: 10px;
  padding-bottom: 130px;
}
.top_lineup .lineup_industrial {
  background-image: url("../images/top-industrial.jpg");
  background-size: cover;
  height: 0px;
  padding-top: 10px;
  padding-bottom: 130px;
}
.top_lineup .lineup_security {
  background-image: url("../images/top-security.jpg");
  background-size: cover;
  height: 0px;
  padding-top: 10px;
  padding-bottom: 130px;
}
.top_lineup .lineup_consumer {
  background-image: url("../images/top-consumer.jpg");
  background-size: cover;
  height: 0px;
  padding-top: 10px;
  padding-bottom: 130px;
}
.top_lineup .lineup_options {
  background-image: url("../images/top-option.jpg");
  background-size: cover;
  height: 0px;
  padding-top: 10px;
  padding-bottom: 130px;
}
/* メインコンテンツ */
.maincontents h1 {
  color: #00365A;
  margin-top: auto;
  margin-left: 15px;
}
.maincontents h2 {
  color: #ffffff;
  margin-left: 0;
  padding: .25em .5em;
  background-color: #00365A;
}
.maincontents h3, h4, h5 {
  padding-top: .5em;
  padding-bottom: 0;
  margin-right: 0;
  color: #00365A;
  margin-left: 5px;
}
.maincontents h3 {
  border-bottom: #00365A;
  border-bottom-style: solid;
  border-bottom-width: thin;
}
.maincontents p ul ol {
  margin-left: 5px;
}
.table_noborder th, td {
  border-bottom: solid 1px silver;
  padding-top: 10px;
  padding-bottom: 10px;
}
.table_noborder td {
  padding-left: 10px;
}
.p15 {
  padding: 15px;
}
.pb15 {
  padding-bottom: 15px;
}
/*カルーセル*/
.carousel-inner {
  margin-bottom: 30px;
}
.carousel-control {
  color: #999999;
}
.carousel-control.left {
  background-image: none;
  filter: none;
  background-repeat: none;
}
.carousel-control.right {
  right: 0;
  left: auto;
  background-image: none;
  filter: none;
  background-repeat: none;
}
.carousel-control:hover, .carousel-control:focus {
  color: #666666;
}
/*ここまでカルーセル*/
.priceTitle > p {
  font-weight: bold;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-right: 0px;
  margin-left: 5px;
  padding: 10px;
  color: #FFFFFF;
  background-color: #07306f;
  white-space: nowrap;
  float: left;
  font-size: 18px;
  line-height: 30px;
}
.price {
  font-size: 20px;
  font-weight: bold;
  color: #CC0000;
  float: left;
  white-space: nowrap;
  margin: 20px;
  line-height: 30px;
}
.red {
  color: #CC0000;
}
.maincontents h3.dth-top, .maincontents h3.dth-top a {
  color: #C60040;
}
.maincontents h3.eco-top, .maincontents h3.eco-top a {
  color: #339966;
}
.maincontents h3.emp-top, .maincontents h3.emp-top a {
  color: #663333;
}
.maincontents h3.living-top, .maincontents h3.living-top a {
  color: #1CADC1;
}
.maincontents h3.industrial-top, .maincontents h3.industrial-top a {
  color: #8C0046;
}
.maincontents h3.medical-top, .maincontents h3.medical-top a {
  color: #EB7AA4;
}
.maincontents h3.security-top, .maincontents h3.security-top a {
  color: #00A7EA;
}
.maincontents h3.consumer-top, .maincontents h3.consumer-top a {
  color: #FF9933;
}
img.icon {
   vertical-align: middle;
}
/* ここまでメインコンテンツ */
/* 機能アイコン */
.FunctionIcon {
  width: 55px;
  height: 62px;
  margin-bottom: 30px;
  text-align: center;
  float: left;
  line-height: 1.1em;
  padding-bottom: 30px;
}
.FunctionIconW {
  width: 110px;
  height: 62px;
  margin-bottom: 30px;
  text-align: center;
  float: left;
  line-height: 1.1em;
  padding-bottom: 30px;
}
.FunctionIcon > p {
  font-size: 0.75em;
  text-align: center;
  margin: 0;
  padding: 0;
}
.FunctionIconW > p {
  font-size: 0.75em;
  text-align: center;
  margin: 0;
  padding: 0;
}
.TypeIcon {
  width: 100px;
  margin-bottom: 30px;
  text-align: center;
  float: left;
  padding-bottom: 30px;
}
/* ここまで機能アイコン */
/* product_eco*/
.product_eco h1, .product_eco h1 a {
  color: #339966;
}
.product_eco h2, .product_eco h2 a {
  color: #ffffff;
  margin-left: 0;
  padding: .25em .5em;
  background-color: #339966;
}
/*ここまで product_eco*/
/* product_dth*/
.product_dth h1, .product_dth h1 a {
  color: #C60040;
}
.product_dth h2, .product_dth h2 a {
  color: #ffffff;
  margin-left: 0;
  padding: .25em .5em;
  background-color: #C60040;
}
.wbgt_danger {
  color: white;
  background-color: #C10000;
}
.wbgt_fullalert {
  color: white;
  background-color: darkorange;
}
.wbgt_warning {
  background-color: yellow;
}
.wbgt_caution {
  color: white;
  background-color: darkgreen;
}
.dry_alert {
  color: white;
  background-color: #633163;
}
.dry_warning {
  color: white;
  background-color: #4db50d;
}
.dry_safer {
  color: white;
  background-color: #0065c5;
}
/*ここまで product_dth*/
/* product_emp*/
.product_emp h1, .product_emp h1 a {
  color: #663333;
}
.product_emp h2, .product_emp h2 a {
  color: #ffffff;
  margin-left: 0;
  padding: .25em .5em;
  background-color: #663333;
}
/*ここまで product_emp*/
/* product_living*/
.product_living h1, .product_living h1 a {
  color: #1CADC1;
}
.product_living h2, .product_living h2 a {
  color: #ffffff;
  margin-left: 0;
  padding: .25em .5em;
  background-color: #1CADC1;
}
/*ここまで product_living*/
/* product_AquaQualis*/
.product_AquaQualis h1, .product_AquaQualis h1 a, .product_AquaQualis h3, .product_AquaQualis h4 {
  color: #32b9cb;
}
.product_AquaQualis h2, .product_AquaQualis h2 a {
  color: #ffffff;
  margin-left: 0;
  padding: .25em .5em;
  background-color: #32b9cb;
}
/*ここまで product_AquaQualis*/
/* product_industrial*/
.product_industrial h1, .product_industrial h1 a {
  color: #8C0046;
}
.product_industrial h2, .product_industrial h2 a {
  color: #ffffff;
  margin-left: 0;
  padding: .25em .5em;
  background-color: #8C0046;
}
/*ここまで product_industrial*/
/* product_medical*/
.product_medical h1, .product_medical h1 a {
  color: #EB7AA4;
}
.product_medical h2, .product_medical h2 a {
  color: #ffffff;
  margin-left: 0;
  padding: .25em .5em;
  background-color: #EB7AA4;
}
/* product_security*/
.product_security h1, .product_security h1 a {
  color: #00A7EA;
}
.product_security h2, .product_security h2 a {
  color: #ffffff;
  margin-left: 0;
  padding: .25em .5em;
  background-color: #00A7EA;
}
/*ここまで product_security*/
/* product_consumer*/
.product_consumer h1, .product_consumer h1 a {
  color: #FF9933;
}
.product_consumer h2, .product_consumer h2 a {
  color: #ffffff;
  margin-left: 0;
  padding: .25em .5em;
  background-color: #FF9933;
}
.convined_images {
  margin: 0;
  padding: 0;
}
/* product_options*/
.product_options h1, .product_options h1 a {
  color: #282828;
}
.product_options h2, .product_options h2 a {
  color: #ffffff;
  margin-left: 0;
  padding: .25em .5em;
  background-color: #ACACAC;
}
/*製品詳細のコラム分け*/
.details_col {
  margin-top: 15px;
  padding: 15px !important;
}
.details_col > h4 {
  margin-left: 0;
  margin-right: 0;
  padding-top: 5px;
  padding-left: 0px;
  padding-right: 0px;
  border-top: thin solid #999999
}
/*ここまで製品詳細のコラム分け*/
/*-- 挨拶 --*/
div.aisatu {
  width: 90%;
  float: left;
}
div.shacho {
  width: 10%;
  padding: 20px;
  text-align: center;
  float: right;
}
/*-- ここまで挨拶　--*/
/*-- 概要 --*/
.map {
  width: "60%"
}
/*-- ここまで概要 --*/
/*-- lineup_left --*/
#lineup_left {
  width: 100%;
  margin-bottom: 10px;
}
#lineup_left > h2, #lineup_left > h2 > a {
  font-size: 1em;
  font-weight: bold;
  color: #000000;
}
#lineup_left > ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
#lineup_left > ul > li, #lineup_left > ul > li > a {
  font-size: 1em;
  line-height: 1.75em;
  display: block;
  color: #fff;
}
#lineup_left > ul > ul {
  margin: 0;
  padding: 0 30px;
  list-style-position: outside;
}
#lineup_left > ul > ul > li, #lineup_left > ul > ul > li > a {
  color: #000;
}
#general_left {
  background: #F4F4F4;
}
#general_left > li {
  background: #5B7CA3;
  padding-left: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
}
#general_left2 {
  background: #F4F4F4;
}
#general_left2 > li {
  background: #5B7CA3;
  padding-left: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
}
#eco_left {
  background: #D6F3D9;
}
#eco_left > li {
  background: #339966;
  padding-left: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
}
#dth_left {
  background: #FFE8F1;
}
#dth_left > li {
  background: #C60040;
  padding-left: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
}
#emp_left {
  background: #F4F0EC;
}
#emp_left > li {
  background: #663333;
  padding-left: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
}
#living_left {
  background: #CDEFFF;
}
#living_left > li {
  background: #1CADC1;
  padding-left: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
}
#industrial_left {
  background: #E3CFF5;
}
#industrial_left > li {
  background: #8C0046;
  padding-left: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
}
#medical_left {
  background: #FFD3F1;
}
#medical_left > li {
  background: #EB7AA4;
  padding-left: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
}
#security_left {
  background: #D3DFFA;
}
#security_left > li {
  background: #00A7EA;
  padding-left: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
}
#consumer_left {
  background: #FFFFE1;
}
#consumer_left > li {
  background: #FF9933;
  padding-left: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
}
#options_left {
  background: #FCFCFC;
}
#options_left > li {
  background: #ACACAC;
  padding-left: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
}
/*ここまでlineup_left --*/
/*lineup-*/
.lineup_normal {
  background-color: #ffffff;
}
.panel-dth, .panel-eco, .panel-emp, .panel-living, .panel-industrial, .panel-medical, .panel-security, .panel-consumer, .panel-options {
  border-style: none;
}
.lineup_eco {
  background-color: #D6F3D9;
}
.panel-eco > .panel-margin {
  border: 1px #339966 solid;
  border-radius: 15px;
}
.panel-eco > .panel-heading {
  color: #FFFFFF;
  background-color: #339966;
  border-color: #339966;
}
.panel-eco > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #339966;
}
.panel-eco > .panel-heading .badge {
  color: #339966;
  background-color: #fff;
}
.panel-eco > .panel-margin > .panel-body > a > h4 {
  color: #339966;
  font-weight: bold;
}
.panel-eco > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #339966;
}
.lineup_dth {
  background-color: #FFE8F1;
}
.panel-dth > .panel-margin {
  border: 1px #C60040 solid;
  border-radius: 15px;
}
.panel-dth > .panel-heading {
  color: #FFFFFF;
  background-color: #C60040;
  border-color: #C60040;
}
.panel-dth > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #C60040;
}
.panel-dth > .panel-heading .badge {
  color: #C60040;
  background-color: #fff;
}
.panel-dth > .panel-margin > .panel-body > a > h4 {
  color: #C60040;
  font-weight: bold;
}
.panel-dth > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #C60040;
}
.lineup_emp {
  background-color: #F4F0EC;
}
.panel-emp > .panel-margin {
  border: 1px #663333 solid;
  border-radius: 15px;
}
.panel-emp > .panel-heading {
  color: #FFFFFF;
  background-color: #663333;
  border-color: #663333;
}
.panel-emp > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #663333;
}
.panel-emp > .panel-heading .badge {
  color: #663333;
  background-color: #fff;
}
.panel-emp > .panel-margin > .panel-body > a > h4 {
  color: #663333;
  font-weight: bold;
}
.panel-emp > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #663333;
}
.lineup_living {
  background-color: #CDEFFF;
}
.panel-living > .panel-margin {
  border: 1px #1CADC1 solid;
  border-radius: 15px;
}
.panel-living > .panel-heading {
  color: #FFFFFF;
  background-color: #1CADC1;
  border-color: #1CADC1;
}
.panel-living > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #1CADC1;
}
.panel-living > .panel-heading .badge {
  color: #1CADC1;
  background-color: #fff;
}
.panel-living > .panel-margin > .panel-body > a > h4 {
  color: #1CADC1;
  font-weight: bold;
}
.panel-living > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #1CADC1;
}
.lineup_industrial {
  background-color: #E3CFF5;
}
.panel-industrial > .panel-margin {
  border: 1px #8C0046 solid;
  border-radius: 15px;
}
.panel-industrial > .panel-heading {
  color: #FFFFFF;
  background-color: #8C0046;
  border-color: #8C0046;
}
.panel-industrial > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #8C0046;
}
.panel-industrial > .panel-heading .badge {
  color: #8C0046;
  background-color: #fff;
}
.panel-industrial > .panel-margin > .panel-body > a > h4 {
  color: #8C0046;
  font-weight: bold;
}
.panel-industrial > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #8C0046;
}
.lineup_medical {
  background-color: #FFD3F1;
}
.panel-medical > .panel-margin {
  border: 1px #EB7AA4 solid;
  border-radius: 15px;
}
.panel-medical > .panel-heading {
  color: #FFFFFF;
  background-color: #EB7AA4;
  border-color: #EB7AA4;
}
.panel-medical > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #EB7AA4;
}
.panel-medical > .panel-heading .badge {
  color: #EB7AA4;
  background-color: #fff;
}
.panel-medical > .panel-margin > .panel-body > a > h4 {
  color: #EB7AA4;
  font-weight: bold;
}
.panel-medical > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #EB7AA4;
}
.lineup_security {
  background-color: #D3DFFA;
}
.panel-security > .panel-margin {
  border: 1px #00A7EA solid;
  border-radius: 15px;
}
.panel-security > .panel-heading {
  color: #FFFFFF;
  background-color: #00A7EA;
  border-color: #00A7EA;
}
.panel-security > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #00A7EA;
}
.panel-security > .panel-heading .badge {
  color: #00A7EA;
  background-color: #fff;
}
.panel-security > .panel-margin > .panel-body > a > h4 {
  color: #00A7EA;
  font-weight: bold;
}
.panel-security > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #00A7EA;
}
.lineup_consumer {
  background-color: #FFFFE1;
}
.panel-consumer > .panel-margin {
  border: 1px #FF9933 solid;
  border-radius: 15px;
}
.panel-consumer > .panel-heading {
  color: #FFFFFF;
  background-color: #FF9933;
  border-color: #FF9933;
}
.panel-consumer > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #FF9933;
}
.panel-consumer > .panel-heading .badge {
  color: #FF9933;
  background-color: #fff;
}
.panel-consumer > .panel-margin > .panel-body > a > h4 {
  color: #FF9933;
  font-weight: bold;
}
.panel-consumer > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #FF9933;
}
.lineup_options {
  background-color: #FCFCFC;
}
.panel-options > .panel-margin {
  border: 1px #ACACAC solid;
  border-radius: 15px;
}
.panel-options > .panel-heading {
  color: #FFFFFF;
  background-color: #ACACAC;
  border-color: #ACACAC;
}
.panel-options > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #ACACAC;
}
.panel-options > .panel-heading .badge {
  color: #ACACAC;
  background-color: #fff;
}
.panel-options > .panel-margin > .panel-body > a > h4 {
  color: #282828;
  font-weight: bold;
}
.panel-options > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #ACACAC;
}
/* --ここまでlineup --*/
/*-- youtube　--*/
.youtube {
  width: 100%;
  aspect-ratio: 16 / 9;
}
.youtube iframe {
  width: 100%;
  height: 100%;
}
/*-- youtube　--*/
/*-- clearer　--*/
.clearer {
  height: 1px;
  font-size: 1px;
  line-height: 1px;
  margin: 0;
  clear: both;
}
/*-- ここまでclearer　--*/
/*footer*/
footer {
  background: #666666;
  padding: 10px;
}
footer a:link, footer a:visited {
  color: #ffffff;
}
footer p, footer li {
  color: #ffffff
}
/*画面1199以下*/
@media (max-width:1199px) {
  .top_contents_raw {
    padding: 0 -30px;
    
  }}
  .top_contents_raw .top_contents {
    padding: 0 30px;
  }
  .details img {
    width: 100%;
    height: auto;
  }

/*ここまで画面1199以下*/
/*スマートフォンで見たときは"sp"のclassがついた画像が表示される */
/*画面サイズ767px以下の時の設定 */
@media (max-width:767px) {
  .top_contents_raw .top_contents {
    padding: 0 10px;
  }
  h1, h2, h3, .h1 .h2 .h3 {
    font-size: 18px;
  }
  /*スマートフォンで見たときは"sp"のclassがついた画像が表示される */
  .pc {
    display: none !important;
  }
  .sp {
    display: block !important;
  }
  /* navbar */
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #000000;
    padding-top: 0.75em;
    padding-bottom: 0.75em;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {
    background-color: #A7A7A7;
  }
.panel-body {
        height:420px;
  }
  #gsc {
    width: 100%;
    margin-left: auto;
    position: relative;
    float: none;
    top: auto;
    right: auto;
  }
  /*-- 概要　--*/
  .map {
    width: "100%"
  }
  .ggmap {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
  }
  .ggmap iframe, .ggmap object, .ggmap embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  /*-- ここまで概要　--*/
  /* navbar */
  /* navbar ハンバーガー*/
  .navbar-default .navbar-toggle {
    border-color: #ffffff;
  }
  .navbar-default .navbar-toggle .icon-bar {
    background-color: #ffffff;
  }
}