@charset "UTF-8";
@import url(//fonts.googleapis.com/css?family= Quicksand +Sans);

/*基本背景色*/
/*基本的なフォント指定*/
/*サイト特有のフォント設定*/
/*ヘッダー・ナビゲーション・フッター関連*/
/*ブロック関連*/
/*パーツ関連*/
/*プラグイン関連*/
/*レスポンシブ関連*/
/*━━━━━━━━━━━━━━基本的背景色━━━━━━━━━━━━━━*/
.content, .content .container, .full_width {
  background-color: #fff;
}

/*━━━━━━━━━━━━━━基本的なフォント指定━━━━━━━━━━━━━━*/
body {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

/*明朝*/
.mincho {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

.gothic {
  font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
}

/*Bridgeテーマデフォルト仕様による大文字の禁止*/
.qbutton,
body,
h1,
h2,
h3,
h4,
h5 {
  text-transform: none !important;
}

/*基本の文字色*/
body,
h1,
h2,
h3,
h4,
h5,
h6 {
  color: #000;
}

/*基本の文字色-白*/
.white p,
.white h1,
.white h2,
.white h3,
.white h4,
.white h5,
.white h6,
body .white {
  color: #fff;
}

/*見出しタグ*/
h1 {
  font-size: 34px;
}

h2 {
  font-size: 23px;
  margin-bottom: 18px !important;
  font-weight: 400;
margin-top:18px;
}

h3 {
  font-size: 30px;
  margin-bottom: 15px !important;
}

h3.main_small {
  font-size: 30px;
  margin-bottom: 15px !important;
font-weight:400;
}

h4 {
  font-size: 20px;
  margin-top: 10px;
  font-weight: 200;
  margin-bottom: 10px;
}

h4.glay{
background-color:#eeeeee;
padding:3px;
}

h5 {
  font-size: 17px;
  margin-top: 7px;
  margin-bottom: 10px;
}

h6 {
  font-size: 15px;
  margin-top: 5px;
}

/*基本の文字*/
.vc_figure-caption,
body,
p {
  font-size: 16px !important;
  line-height: 150%;
  color: #000;
}

/*段落間隔*/
p, .wpb_text_column p, .wpb_text_column p:last-child {
  margin-bottom: 1em;
}

/*告知等、太めの文字*/
.message p {
  font-size: 17px !important;
  line-height: 165%;
  font-weight: bold;
  color: #000;
}

/*文中の小サイズ文字*/
.small {
  font-size: 0.8em;
}

/*ページタイトル*/
.title h1 {
  font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
}

/*水平ライン*/
.lines-on-sides, h2.horizontalline {
  display: table;
  text-align: center;
  white-space: nowrap;
font-size:19px;
/*水平ライン一時*/
text-decoration: none;
   border-bottom: 1px solid;
   padding-bottom: 20px;
margin-bottom:20px;
}

.lines-on-sides:after, h2.horizontalline:after, .lines-on-sides:before, h2.horizontalline:before {
content: '';
  display: table-cell;
  width: 50%;
}


h2.horizontalline {
  color: black;
}
h2.horizontalline span.hzl{
margin: 0 1em;
}

/*KOTOKA*/
.page-id-69 h2.horizontalline {
  color: #E95513;
font-family: 'Quicksand', sans-serif;
}

.page-id-69 h4{
  color: #E95513;
}

/*TAMPARE*/
.page-id-71 h2.horizontalline {
  color: #40210F;
}

h2.horizontalline.iki {
  color: #466837;
}


.page-id-71 h4{
  color: #40210F;
}

/*━━━━━━━━━━━━━━サイト特有のフォント設定━━━━━━━━━━━━━━*/
h2.blue {
  background-color: #004DA1;
}

.inlinenotice {
  color: #ff0000;
  font-weight: 600;
  font-size: 30px;
}

/*━━━━━━━━━━━━━━ヘッダー関連━━━━━━━━━━━━━━*/
/*ロゴ画像の高さの調整*/
/*ナビゲーションテキスト-デフォルト*/
.light.header_style_on_scroll nav.main_menu > ul > li > a:hover,
.light.header_style_on_scroll nav.main_menu > ul > li:before,
.light:not(.sticky):not(.scrolled) nav.main_menu > ul > li > a,
.light:not(.sticky):not(.scrolled) nav.main_menu > ul > li > a:hover,
.light:not(.sticky):not(.scrolled) nav.main_menu > ul > li.active > a,
.light:not(.sticky):not(.scrolled) nav.main_menu > ul > li:before,
le_on_scroll nav.main_menu > ul > li.active > a {
  color: #000;
}

/*ナビゲーションテキスト*/
nav.main_menu > ul > li > a {
  font-size: 14px;
  font-weight: 600;
  font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
}

nav.main_menu ul li#nav-menu-item-15660 {
  background-color: #004DA1;
}

/*ヘッダートップテキスト*/
.header_top .header-widget {
  font-size: 13px;
  font-weight: 400;
}

/*メインナビゲーションのナビ間隔*/
nav.main_menu > ul > li > a {
  padding: 0 10px;
}

.fixed_top_header .top_header,
.header_top {
  background-color: #fff !important;
}

/*メインナビゲーションのフォント指定*/
nav.main_menu {
  font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
}

/*ヘッダー（上部）*/
/*ヘッダートップテキスト*/
header .header_top .header-widget .textwidget {
  font-size: 13px;
  font-weight: 400;
  color: #000;
  font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
}

.light.header_style_on_scroll nav.main_menu>ul>li.active>a{
color:#333 !important;
}

nav.main_menu>ul>li.kojila>a{
text-transform:none;
}
/*━━━━━━━━━━━━━━フッター関連━━━━━━━━━━━━━━*/
/*フッター（上部）*/
.footer_top_holder {
  background-color: #262626;
  font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
}

/*フッター（上部）*/
.footer_top .textwidget,
.footer_top a,
.footer_top li,
.footer_top p,
.footer_top span {
  font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  color: #eee;
  font-size: 12px;
}

.footer_top h5 {
  color: #222;
  margin: 0 0 22px;
}

.footer_top .widget_meta > ul > li,
.footer_top .widget_nav_menu ul li,
.footer_top .widget_pages ul li,
.footer_top .widget_recent_comments > ul > li,
.footer_top .widget_recent_entries > ul > li {
  padding: 0 0 2px;
  position: relative;
}

/*フッター（下部）*/
/*━━━━━━━━━━━━━━NEWS関連━━━━━━━━━━━━━━*/

.blog_single.blog_holder article .post_text .post_text_inner {
border: 1px solid #000;
    border-radius: 3px;
    background-color: #fff;
    margin-top: 10px;
    padding: 20px;
}
/*━━━━━━━━━━━━━━ブロック関連━━━━━━━━━━━━━━*/
/*ブロック内上下パディング設定*/
.grid_section,
section.parallax_section_holder,
.boxed .section .section_inner {
  padding-top: 90px;
  padding-bottom: 90px;
}
/*KOTOKA用*/
section.parallax_section_holder.kotoka{
  padding-top: 10px;
}

div.section {
  padding-top: 30px;
  padding-bottom: 30px;
}

/*full widthテンプレートではブロック内のパディングを広く*/
.page-template-full_width div.section {
/*  padding-top: 100px; */
/*  padding-bottom: 100px; */
padding-top: 30px;
padding-bottom: 30px;
}

/*パディング無し設定*/
div.section.pb-0 {
  padding-bottom: 0;
}

/*シングルイメージ下部パディング設定*/
.wpb_single_image .vc_single_image-wrapper {
  margin-bottom: 20px;
}

/*Parallax背景画像を横幅100%に*/
.parallax_section_holder {
  background-size: cover !important;
}

/*━━━━━━━━━━━━━━パーツ関連━━━━━━━━━━━━━━*/
/* 告知 */
.notice {
  font-weight: 700;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  background-color: #dd3333;
  width: 100%;
  height: 90px;
  line-height: 90px;
  font-size: 20px;
  padding: 0;
  text-align: center;
  color: white;
  letter-spacing: 2px;
}

/* 会社概要等のタブspace */
.tab_space{
 display:inline-block;
width:120px;
font-weight:bold;
}

.tab_space:lang(en) {
width:200px;
}
/* 製品名装飾 */
.product-name p {
  border-radius: 3px;
  -moz-border-radius: 3px;
  text-align: center;
  color: #fff;
  font-size: 24px;
  line-height: 20px;
  font-weight: bold;
  width: 90%;
  padding: 5px 10px;
  margin: 5px auto;
  background: #004DA1;
}

.latest_post_holder .post_infos .dots {
    padding: 0 7px;
    display: none;
}

.post_info .time,
.post_info .post_author{
    display: none;

}

/* 会社概要-沿革の行の背景を色違いに */
.info_line_box .info_line:nth-child(2n+1) {
background-color: #eee;
}

.info_line_box .info_line{
padding:4px;
}

/* facebook */
.cameronjonesweb_facebook_page_plugin{
height:400px;
}


/* セパレーターテキスト */
.vc_text_separator.full div {
  background-color: #ea5e3d;
}

/* フルサイズボタン */
a.qbutton.big_large_full_width {
  width: 100%;
  height: 90px;
  line-height: 90px;
  font-size: 20px;
  padding: 0;
  text-align: center;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  osition: relative;
  display: inline-block;
  background-color: #ea5e3d;
  border: none;
}

.wpb_single_image.tree .vc_single_image-wrapper {
    margin-bottom: 0px;
}

.dhbox {
  width: 100%;
  height: 90px;
  padding: 0;
  text-align: center;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  osition: relative;
  display: inline-block;
  border: 2px solid #303030;
  border-radius: 4px;
}

.roundbox {
  border-radius: 30px;
  -moz-border-radius: 30px;
  -webkit-border-radius: 30px;
  background-color: #ea5e3d;
  color: #fff;
  padding: 6px;
  letter-spacing: 2px;
  display: inline-block;
}

/* BUTTON CSS------------------------------------------- */
a.dh-button {
  display: inline-block;
  font: normal normal 300 1.3em 'Open Sans';
  text-decoration: none;
  color: #004da1;
  brackground-color: transparent;
  border: 1px solid #004da1;
  border-radius: 100px;
  padding: 0.3em 1.2em;
  margin: 5px;
  background-size: 200% 100%;
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 50%, #004da1 50%);
  transition: background-position 0.3s cubic-bezier(0.19, 1, 0.22, 1) 0.1s, color 0.5s ease 0s, background-color 0.5s ease;
}

a.dh-button:hover {
  color: white;
  background-color: #004da1;
  background-position: -100% 100%;
}

/*注釈やコラムなどの角丸ボックス*/
.databox {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  border: dashed 1px #000;
  background: #fff;
  margin: 30px auto;
  width: 95%;
  padding: 20px;
}
.databox h5 {
  text-align: center;
}

/*━━━━━━━━━━━━━━(プラグイン)コンタクトフォーム7━━━━━━━━━━━━━━*/
.wpcf7-form-control-wrap input,
.wpcf7-form-control-wrap textarea {
  border: 1px solid #444 !important;
  border-radius: 3px !important;
}

/* 変換中の文字指定 */
::-moz-selection {
  color: #000 !important;
}

.dhform{
padding:20px;
  border-radius: 3px !important;
background-color:#eee;
}

.co-red{
color:#ff0000;
font-weight:bold;
}
::selection {
  color: #000 !important;
}

/*━━━━━━━━━━━━━━(プラグイン)Revolution Slider━━━━━━━━━━━━━━*/
/*基本フォント*/
.rev_slider {
  /*タイトルテキスト*/
  /*キャチフレーズテキスト*/
  /*サブキャチフレーズテキスト*/
  /*基本テキスト*/
}
.rev_slider .tp-caption {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  color: #fff;
  text-decoration: none;
  text-shadow: none;
  margin: 0;
  padding: 0;
  border-width: 0;
  border-style: none;
}
.rev_slider .rs-title {
  font-size: 32px;
  line-height: 32px;
  font-weight: 600;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  color: #000;
  text-decoration: none;
  text-shadow: none;
  margin: 0;
  padding: 0;
  border-width: 0;
  border-style: none;
}
.rev_slider .rs-chatch {
  font-size: 45px;
  line-height: 180%;
  font-weight: 100;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  letter-spacing: 2px;
  color: #000;
}
.rev_slider .rs-sub-chatch {
  font-size: 21px;
  line-height: 160%;
  font-weight: 100;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  letter-spacing: 2px;
  color: #222222;
}
.rev_slider .rs-basic-text {
  font-size: 21px;
  line-height: 160%;
  font-weight: 100;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  letter-spacing: 2px;
  color: #222222;
  text-align: center;
}
.rev_slider .sl-excerpt {
  font-size: 14px;
  line-height: 32px;
  font-weight: 600;
  font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  color: #000;
  text-decoration: none;
  background: rgba(255, 255, 255, 0.5);
  text-shadow: none;
  margin: 0;
  padding: 1px 4px 0;
  border-style: none;
}
.rev_slider a.sl-button {
  color: #000;
  font-size: 14px;
  background-color: #FFF;
  border-radius: 3px;
  padding: 5px;
}
.rev_slider a.sl-button-2 {
  color: #fff !important;
  font-size: 18px !important;
  font-weight: bold !important;
  background-color: #EF247C !important;
  border-radius: 4px !important;
  padding: 20px 30px !important;
}
.rev_slider .tp-caption a img {
  background-color: transparent;
}
/*━━━━━━━━━━━━━━他言語関連━━━━━━━━━━━━━━*/
.wpml-ls-legacy-list-horizontal {
    border: 1px solid transparent;
    padding: 0px; 
    clear: both;
}
.header_top #lang_sel_list{
float:none;
}
.header_top .right {
    height: 20px;
}
/*━━━━━━━━━━━━━━レスポンシブ関連━━━━━━━━━━━━━━*/
@media screen and (max-width: 500px) {
  .databox{
    width :auto;
  }
h3.main_small {
  font-size: 16px;
  margin-bottom: 15px !important;
}

/* 会社概要等のタブspace */
.tab_space{
 display:inline-block;
width:120px;
font-weight:bold;
display:block;
color:#6b9602;
}

.info_line{
font-size:90%;
border-bottom:dotted 1px #666;
/*margin-bottom:10px;*/
}
header .header_top .left{
display:none;
}
}