@charset "utf-8";
/*
Theme Name: Lightning Child Arcadia Ver
Theme URI: http://inc-arcadia.com
Template: lightning
Description: 有限会社アルカディア用Ligthning 子テーマ
Author: EstHP
Tags: 
Version: 1.0.2
*/

/* -- BootStrap制御 -- */
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 { position: relative; min-height: 1px; padding-right: 10px; padding-left: 10px; margin:0;}


/* -------------------------------
全体の共通制御
------------------------------- */
/* フォント設定 Webフォント使用 読み込みはテーマヘッダー (header.php)*/
body, #bodyInner, #gMenu_outer, .carousel-inner, .siteContent, .container, .row, .entry-body {font-family: 'Noto Sans Japanese', serif;font-weight:200;font-size:110%;color:#383838;}

/* デフォルトフォント　未使用
body, #bodyInner, #gMenu_outer, .carousel-inner, .siteContent, .container, .row, .entry-body {font-family:'Hiragino Kaku Gothic ProN', Meiryo, Helvetica, Arial, sans-serif; font-size:110.0%;color:#383838;}
*/

/* -------------------------------
全体の体裁制御
------------------------------- */
/*-- ヘッダーキャッチコピー制御 --*/
.header-text {width: 100%;font-size: 85%;color: #555;}
.container2 { padding:0px 0px 0px 0px;margin-right: auto; margin-left: auto; }
@media (max-width: 768px) { .container2 { text-align:right;} }
@media (min-width: 768px) { .container2 { width: 750px; } }
@media (min-width: 992px) { .container2 { width: 970px; } }
@media (min-width: 1200px) { .container2 { width: 1170px; } }

/* ヘッダー半透明化 */
.siteHeader {
background-color: rgba( 255, 255, 255, 0.80 );
}
ul.gMenu a {background:none;}
.subSection {background:#fff;}

/* フローティングお問い合わせの設定 */
/* toastrのinfoを縦表示させる */
#toast-container > div {width:50px;text-align:center;font-size: 14px;}
#toast-container > .toast-info {background-image:none !important;padding: 15px 20px 15px 20px !important;}
.toast-close-button {font-size: 30px;}
.toast-bottom-right {right: 10px;bottom: 80px;}

/* グローバルメニューの文字サイズ */
.gMenu_description {font-size:0.9em;}
.gMenu_name {font-size:1.2em;}

/* パンくず  ※デフォルトの位置を変更している */
.breadSection { border:none; }
.breadcrumb {font-size:0.8em;}

/* CTA 設定 */
.veu_cta h1.cta_title::before {content: '\f003  ';font-family: FontAwesome;}
.veu_cta .cta_body_image img {max-width:350px;}
@media only screen and (max-width: 765px) {
.veu_cta .cta_body_image img {max-width:250px;}
}

/* -------------------------------
タイトル、hタグ制御
------------------------------- */
/* h1,h2のフォントサイズ */
.entry-body h1:before, .entry-body h2:before {content: '\f115  ';font-family:Montserrat;}
/* h1,h2のアンダーライン */
.entry-body h1, .entry-body h2 {padding:0;position: relative;padding-bottom: .5em;border-bottom: 4px solid #ccc;border-top:none;background:none;}
.entry-body h1::after, .entry-body h2::after {position: absolute;bottom: -4px;left: 0;z-index: 2;content: '';width: 20%;height: 4px;background-color: #d51501;}
/* -- トップページのh2のspan設定 大きな文字＋小さな文字 -- */
.h2span {font-size:0.6em;}
/*-- 固定ページタイトルの体裁 --*/
h1.page-header_pageTitle {border-bottom:none;color:#383838;padding-left:30px;
}
.page-header_pageTitle, h1.page-header_pageTitle:first-child { color: #383838; text-decoration:none;}
.page-header { padding-bottom: 0px; margin: 0px 0px; border: none;}
div.page-header { background:#ffffff; }

/* ウィジェット用h1,h2のアンダーライン */
.Wt_tag h2 {padding:0;position: relative;padding-bottom: .5em;border-bottom: 4px solid #ccc;border-top:none;background:none;}
.Wt_tag h2::after {position: absolute;bottom: -4px;left: 0;z-index: 2;content: '';width: 20%;height: 4px;background-color: #d51501;}

/*-- 固定ページのタイトルh2共通設定 --*/
.entry-body h2.pgtitleLD { }
.entry-body h2.pgtitleLD {border:none; background-color:none;color:#383838;padding-left:10%;margin:0 0 0 0;font-size:1.8em;font-weight:800;padding:0px 0px 55px 5px;}
.entry-body h2.pgtitleLD::after {background:none;}

/* -------------------------------
6PRエリア制御
------------------------------- */
/*-- 6PRエリア体裁 --*/
h1.prBlock_title:first-letter {font-size:1.4em;color:#d51501;}
h1.prBlock_title {position: relative;padding-top: .75em;border-bottom: 2px solid #ccc;}
h1.prBlock_title::after {position: absolute;bottom: -2px;left: 0;z-index: 2;content: '';width: 50%;height: 2px;background-color: #d51501;}
p.prBlock_summary {text-align:left;}

/* -------------------------------
トップページ各セクション制御
------------------------------- */
/* WORKS 画像横並び */
ul {}
li.topworks {display: inline-block;width: 16.0%;}
@media screen and (max-width: 770px) {
ul {}
li.topworks {display: inline-block;width:48.0%;}
}
@media screen and (max-width: 500px) {
ul {}
li.topworks {display: inline-block;width:100.0%;}
}
/* About Us　文章と画像の横並び */
.l_col_liquid {float: left;width: 100%;margin: 0 -300px 0 0;}
.r_col_fix {float: right;width: 300px;}
.l_contents {margin: 0 320px 0 0;}
@media screen and (max-width: 770px) {
.l_col_liquid {display: block;margin: 0 auto;}
.l_contents {margin:0 auto;}
.r_col_fix  {display: block;width:100.0%;}
}
/* OUTLINE の体裁 */
.outline {line-height:1.6em;}
.outline .col-3-5 {padding-bottom:15px;padding-left:20px;border-left:2px #ccc solid;}
@media (max-width: 660px) {.outline .col-3-5 {padding-bottom:15px;padding-left:10px;border-left:none;}}

/* -------------------------------
 トップページ 新着情報の設定
--------------------------------- */
/* ニュースリスト */
div.news_list {width:100%;font-size:1.0em;list-style: none;line-height:2.2em;}
/* 日付 */
div.news_list .news_date {font-size:0.9em;}
/* カテゴリラベル 未使用 */
div.news_list .cat {padding: 2px 6px;margin:0 5px;font-size:0.7em;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-top:#f5faf7 2px solid;
border-left:#f5faf7 2px solid;
border-right:#9aaf94 2px solid;
border-bottom:#9aaf94 2px solid;
background:#f7d7db;
color:#000;
}
div.news_list span.cat {display:inline-block;width:105px;line-height:1.5em;padding:0px 5px 0px 5px;margin:0px 5px 0px 5px;overflow:hidden;vertical-align:middle;text-align:center;}
div.news_line .news_date {color:#333;font-weight:bold;}
div.news_line {margin-bottom:10px;padding-bottom:5px;border-bottom:0.15em #aaa dotted;}
div.news_line .news_title a {color:#333;font-weight:bold;}
div.news_line .news_title a:hover {text-decoration:underline;color:#ff0000;}

@media only screen and (max-width: 767px) {
div.news_line .news_title {display:block;}
div.news_list {line-height:1.4em;}
}

/* -------------------------
イメージ制御
--------------------------- */
/* 制作実績の画像処理 */
.estgrid div.img_rl {position:relative;}
.estgrid div.img_rl .caption {font-size:250%;text-align:center;padding-top:30%;color:#fff;}
.estgrid div.img_rl .mask {
width:100%;
height:100%;
position:absolute;
top:0;
left:0;
opacity:0;
background-color:rgba(0,0,0,0.4);
-webkit-transition:all 0.2s ease;
transition:all 0.2s ease;
}
.estgrid div.img_rl:hover .mask {opacity:1;}

/* -------------------------------
個別ページ制御
------------------------------- */

/* -- Arcadia用区切り線 -- */
/* -- ライン１ レッドグラデ -- */
.line-ar {clear:both;
margin: 15px 0px 15px 0px;
border: 0;
background-color: #fff;
background-image: -webkit-linear-gradient(left, #fff, #b43033, #fff);
background-image: -moz-linear-gradient(left, #fff, #b43033, #fff);
background-image: -o-linear-gradient(left, #fff, #b43033, #fff);
background-image: -ms-linear-gradient(left, #fff, #b43033, #fff);
background-image: linear-gradient(to right, #fff, #b43033, #fff);
height: 2px;
width:100%;
}
/* -- ライン２ グレーグラデ -- */
.line-ar2 {clear:both;
margin: 50px 0px 50px 0px;
border: 0;
background-color: #fff;
background-image: -webkit-linear-gradient(left, #fff, #555, #fff);
background-image: -moz-linear-gradient(left, #fff, #555, #fff);
background-image: -o-linear-gradient(left, #fff, #555, #fff);
background-image: -ms-linear-gradient(left, #fff, #555, #fff);
background-image: linear-gradient(to right, #fff, #555, #fff);
height: 3px;
width:100%;
float:right;
}
/*-- スペーサー --*/
.sp50 {padding-top:50px;}
.sp100 {padding-top:100px;}
.sp150 {padding-top:150px;}
.sp200 {padding-top:200px;}

/*-- 会社概要 --*/
/* リスト制御 */
.list-s {font-size:0.7em;color:#888;display:block;}

/* -- サービス内容 -- */
/* フォント制御 */
.svc_font {font-size:0.9em;font-weight:bold;padding-left:15px;line-height:1.1em;}
.svc_font p {margin:2px 0px 2px 0px;}
.svc_sfont {font-size:0.7em;}
.svc_sfont0 {font-size:0.9em;}
.svc_sfont1 {font-size:0.8em;}
.svc_sfont2 {font-size:0.6em;}
/* サービス英語表記制御 */
.svc_h2sl {padding-left:40px;font-size:0.8em;}
.svc_firstft {padding-left:20px;font-weight:900;font-size:1.0em;}
/* h2制御 */
.entry-body h2:before {content:'';}
.entry-body h2.svc_h2 {border:none; background-color:none;color:#383838;padding-left:5%;margin:0 0 0 0;font-size:1.4em;font-weight:600;padding:5px 0px 5px 5px;}
.entry-body h2.svc_h2::after {background:none;}
/* h3制御 */
.entry-body h3.svc_h3 {border:none; background-color:#f1f1f1;color:#383838;padding-left:6%;margin:0 0 0 0;font-size:1.0em;font-weight:bold;padding:5px 0px 5px 5px;}
.entry-body h3.svc_h3::after {background:none;border:none;}
/* h4制御 */
.entry-body h4.svc_h4 { padding: 10px 15px 8px; background-color: #ffeeff; border-radius: 6px; }
/* TV番組制作料金 */
.fee_tbl {border:1px solid #aaa;}
/* グレー行 */
.col-gy-full {clear:both;background-color:#efefef;margin: 150px -500%;padding: 150px 500%;overflow:auto;}
.col-gy {background-color:#bebebe;}
/* ホワイト行 */
.col-wt-full {clear:both;background-color:#fff;margin: 0px -500%;padding: 0px 500%;overflow:auto;}
.col-wt {background-color:#fff;}
/* ページ内リンク */
.estgrid div.svc_tl_tp:before {content: '\f178  ';font-family: FontAwesome;font-size:0.8em}
.estgrid div.svc_tl_tp {text-align:left;border:2px #aaa solid;margin:5px 5px 5px 0px;padding:3px 8px 3px 3px;font-size:0.8em;width:24%;}
.estgrid div.svc_tl_tp {color:#000000;background-color:none;}
.estgrid div.svc_tl_tp:hover {background-color:#bebebe;}
/* 各サービス下のリンク３列 */
.estgrid div.svc_tl:before {content: '\f178  ';font-family: FontAwesome;font-size:0.8em;}
.estgrid div.svc_tl {text-align:left;border:1px #aaa solid;margin:5px 5px 5px 0px;padding-right:8px;font-size:0.8em;width:32%;}
.estgrid div.svc_tl {color:#383838;background-color:none;}
.estgrid div.svc_tl:hover {background-color:#bebebe;}
/* 各サービス下のリンク２列 */
.estgrid div.svc_tl2:before {content: '\f178  ';font-family: FontAwesome;font-size:0.8em}
.estgrid div.svc_tl2 {text-align:left;border:1px #aaa solid;margin:5px 5px 5px 0px;padding:3px 8px 3px 3px;font-size:0.8em;width:47.5%;}
.estgrid div.svc_tl2 {color:#383838;background-color:none;}
.estgrid div.svc_tl2:hover {background-color:#bebebe;}

@media only screen and (max-width:1200px) {
.estgrid div.svc_menu {margin-left: 0;clear: left;width:100%;font-size:0.9em;}
.estgrid div.coltitle {width:100%;}
.estgrid h2.pgtitleLD {padding-bottom:0;margin-bottom:0;}
}

@media only screen and (max-width: 765px) {
.estgrid div.svc_tl_tp {width:100%;}
.estgrid div.svc_tl {width:100%;}
.estgrid div.svc_tl2 {width:100%;}
.estgrid .svc01b {display:none;}
}
.service .col-1-3 img {padding-bottom:15px;}

/* ビデオ制作の流れ */
.svc_video {font-size:0.9em;padding-left:25px;}
/* h2制御 */
.entry-body h2.video_h2 {}
.entry-body h2.video_h2:before {content: '\f046  ';font-family: FontAwesome;}
.entry-body h2.video_h2 {border:none;margin:0;}
.entry-body h2.video_h2::after {background:none;}
/* 下矢印 */
.video_next {padding-left:35px;font-size:1.4em;}

/* イベント撮影 */
.entry-body h2.evt_h2 {border:none;margin:0;}
.entry-body h2.evt_h2::after {background:none;border:none;}
/* h3制御 */
.entry-body h3.evt_h3 {}
.entry-body h3.evt_h3 {border:none;margin:0;}
.entry-body h3.evt_h3::after {background:none;border:none;}

/* サービスのページ内ジャンプ制御 */
#sv1, #sv2, #sv3, #sv4, #sv5, #sv6 {margin-top:-130px;padding-top:130px;}

/*-- h3タグの装飾 --*/
.h3sub{color:#606060;font-weight:normal;}
.h3sub:before {content: '\f046  ';font-family: FontAwesome;color:#d51501;}

/*--  機材・機器 --*/
.sp1 {padding-top:15px;padding-bottom:15px;}
/*-- フォントサイズ制御 --*/
.eqp_font {font-size:0.9em;font-weight:300;padding-left:15px;line-height:1.8em;}
.eqp_font p {margin:2px 0px 2px 0px;}
.eqp_sfont {font-size:0.7em;}
.eqp_sfont1 {font-size:0.8em;}
.eqp_sfont2 {font-size:0.5em;letter-spacing:-2px;}
/*-- メーカー太文字 --*/
.eqp_bold {font-weight:bold;}
/* h2制御 */
.entry-body h2:before {content:'';}
.entry-body h2.eqp_h2 {border:none; background-color:#23282d;color:#ffffff;padding-left:5%;margin:0 0 0 0;font-size:1.0em;font-weight:bold;padding:5px 0px 5px 5px;
margin: 0 -200%;padding: 0 200%;
}
.entry-body h2.eqp_h2::after {background:none;}
/* h3制御 */
.entry-body h3.eqp_h3 {border:none; background-color:#f1f1f1;color:#383838;padding-left:6%;margin:0 0 0 0;font-size:1.0em;font-weight:bold;padding:5px 0px 5px 5px;
margin: 0 -500%;padding: 0 500%;}
.entry-body h3.eqp_h3::after {background:none;border:none;}
/* h4制御 */
.entry-body h4.eqp_h4 { padding: 10px 15px 8px; background-color: #ffeeff; border-radius: 6px; }

/*-- 制作実績 --*/
.works .col-1-2 {border-bottom:0px #888 solid;margin:20px 0px;}
span.work_img {display:block;font-size:0.8em;padding-bottom:10px;}

/* お問い合わせフォーム(iframe)の高さ */
iframe.contact_form {height:1250px;}
@media screen and (max-width: 500px) {iframe.contact_form {height:1800px;}}

/* -------------------------------
フッター制御
------------------------------- */
/*-- フッターメニュー制御 --*/
ul#menu-fmenu li a {font-size:0.8em;}
/* フッターの電話番号 */
span.ft_one1,
a.ft_one1 {font-size:1.2em;font-weight:bold;text-decoration:none;color:#d51105;}
a.ft_one1:hover {text-decoration:underline;color:#000;}

/* -------------------------------
サイドバー制御
------------------------------- */
/*-- サイドバーお知らせ一覧制御 --*/
.widget_recent_entries li a:before {padding-right:5px;content: '\f0f6  ';font-family: FontAwesome;}
.widget_recent_entries li {border-bottom:3px #ccc double;padding:10px 0px 10px 0px;font-weight:bold;}
.widget_recent_entries li span.post-date {font-weight:normal;font-size:0.8em;padding-left:30px;}

/* ---------------------------------------------
サイト体裁制御用CSS
---------------------------------------------- */
/* -- Grid Sys -- */
.estgrid {margin: 0 auto;}
.estgrid .col-1-2,
.estgrid .col-1-3,
.estgrid .col-2-3,
.estgrid .col-1-4,
.estgrid .col-2-4,
.estgrid .col-3-4,
.estgrid .col-1-5,
.estgrid .col-2-5,
.estgrid .col-3-5,
.estgrid .col-4-5,
.estgrid .col-1-6,
.estgrid .col-2-6,
.estgrid .col-3-6,
.estgrid .col-4-6,
.estgrid .col-5-6 {float:left; display: inline;}
/* ----- */
.estgrid .col-full {width:100%;}
.estgrid .col-1-2 {width:50%;}
/* .estgrid .col-1-3 {width:33.33%;} */
.estgrid .col-1-3 {width:33.0%;padding:3px;}
.estgrid .col-2-3 {width:66.66%;}
.estgrid .col-1-4 {width:25%;}
.estgrid .col-2-4 {width:50%;}
.estgrid .col-3-4 {width:75%;}
.estgrid .col-1-5 {width:20%;}
.estgrid .col-2-5 {width:40%;}
.estgrid .col-3-5 {width:60%;}
.estgrid .col-4-5 {width:80%;}
.estgrid .col-1-6 {width:16.66%;}
.estgrid .col-2-6 {width:33.33%;}
.estgrid .col-3-6 {width:50%;}
.estgrid .col-4-6 {width:66.66%;}
.estgrid .col-5-6 {width:83.33%;}
.first {margin-left: 0;clear: left;}
/* clearfix */
.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
/* -------responsive------- */
@media only screen and (max-width: 765px) {
.estgrid, .estgrid .col-1-2, .estgrid .col-1-3, .estgrid .col-2-3, .estgrid .col-1-4, .estgrid .col-2-4, .estgrid .col-3-4, .estgrid .col-1-5, .estgrid .col-2-5, .estgrid .col-3-5, .estgrid .col-4-5, .estgrid .col-1-6, .estgrid .col-2-6, .estgrid .col-3-6, .estgrid .col-4-6, .estgrid .col-5-6
{width:100%;}
}
/* -- END Grid Sys--- */

/* -----------------------------------------
 テーブルのレスポンシブ対応
 スクロール表示の制御
----------------------------------------- */
.table-wrap{overflow: auto; position:relative;}
@media screen and (max-width: 770px) {
.table-wrap:before{
content: "\008868\00306f\005de6\0053f3\00306b\0030b9\0030af\0030ed\0030fc\0030eb\003067\00304d\00307e\003059"; /* 文字化け対策のためUnicode変換 */
color:#fff;
font-size:12px;
background-color:#55374a;
position: absolute;
top:0px;
border-radius: 5px;
padding: 0.05em 0.5em;
}
}

/* -----------------------------------------
 その他、細かな設定
----------------------------------------- */
/* この記事を読むの色 */
.moreLink a:after {content:' \f0a9';font-family:FontAwesome;margin-right:5px;}
.moreLink a {
font-size:0.8em;
color:#fff;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-top:#d51105 2px solid;
border-left:#d51105 2px solid;
border-right:#600000 2px solid;
border-bottom:#600000 2px solid;
background:#990000;
padding:1px 5px 1px 5px;
}
.moreLink a:hover {color:#000;text-decoration:none !important;background-color:#fdaca8;}
.right {float:right;}

/* この記事を読むの色2-記事アーカイブ */
.moreLink2 a:before {content: '\f0f6  ';font-family: FontAwesome;}
.moreLink2 {text-align:center;padding-left:10px;}
.moreLink2 a {
padding:2px 5px 2px 5px;
text-decoration:none;
font-size:0.7em;
color:#555;
border-radius: 5px;
background:#f7d7db;
}
.moreLink2 a:hover {color:#d51101;text-decoration:none !important;background-color:#fff;}

/* この記事を読むの右揃え */
.entry-body .moreLink {float:right;}