@charset "utf-8";

ul,ol {
    list-style-type: none;
    padding-left: 0;
    margin: 0;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
LP用クラス（リボン見出し）
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
p.ribbon01 {
    background: url(https://cyber-intelligence.jp/parts/images/ribbon01.png) no-repeat;
    padding: 0 110px 40px;
    text-align: center;
    color: #fff;
    font-size: 40px!important;
    font-weight: bold;
    line-height: 110px!important;
    height: 110px;
    width: 620px;
    overflow: hidden;
    margin: 0 auto;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
LP用クラス（フロートBOX形式のリスト）
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
ul.list03 {
    overflow: hidden;
    margin: 0px -1%;
}
ul.list03 li{
    float:left;
    width: 313px;
    margin: 1%;
    padding: 0px;
    min-height: 200px;
    background: #ffa;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
LP用クラス（TEST）
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
ul.bgType01 {
    background: 
    url(https://cyber-intelligence.jp/parts/images/bg01_btm.png) no-repeat 50% 100%,
    url(https://cyber-intelligence.jp/parts/images/bg01_top.png) no-repeat 50% 0%,
    url(https://cyber-intelligence.jp/parts/images/bg01_mid.png) repeat-y 50% 0%;
    background-size:contain;
    padding: 85px 50px 30px;
    position: relative;
    margin: 0 auto;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
「AmebloBIZ3」で生成するCSSへの追加・修正(テンプレートによって必要無い場合もある)
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* 全テンプレートへの修正 */
img{max-width:100%;}

/* スマートフォン用の各種最適化 */
@media only screen and (max-width: 640px){
	/* ビジュアルエディタの画像キャプションの自動幅指定を矯正解除する */
	.wp-caption{width:auto!important;}

	/* 大サイズ指定されたリスト */
	.large > li {
	  font-size: 20px;
	}
	/* 見出し用に大サイズ指定されたフォントサイズをSP用に整形する */
	span[style*='30px'],
	span[style*='40px'],
	span[style*='50px'],
	span[style*='60px'],
	span[style*='70px'],
	span[style*='80px'],
	span[style*='90px'],
	span[style*='100px'] {
	    font-size: 20px!important;
	}
	/* フォントサイズ指定は見出し用に拡大されたものとみなして、行間を削る */
	span[style*='font-size'] {
	    line-height: 1.4;
	}
}
/* ビジュアルエディタ内の画像の高さを最適化 */
.widget_black_studio_tinymce img,
.articleText img{height:auto!important;}
/* ビジュアルエディタのiframe代替画像が伸びすぎるバグを回避 */
.articleText img.mce-object-iframe{max-height:300px!important;}
#respond{color:#000;}
.skinArticle {margin-top: 0;}
.widget_archive select {
    width:95%;
	padding:5px;
}
/* サイドバーリスト子階層のスタイル調整 */
.skinSubList li li:first-child {
	padding-top: 12px;
	background-position: 0px 15px;
}
@media only screen and (max-width: 640px){
.skinSubA .calendarMenu table,
.skinSubB .calendarMenu table {
  width: 100%;
}
}/* /End Media Query */

/* A08への修正 */
@media only screen and (max-width: 640px){
#a08 .skinMainArea {
padding: 15px 10px;
}
}/* /End Media Query */

/* ▼▼▼固定ページの見出しに対する修正 */
.static .skinArticleHeader {
	border-top: 0;
	margin-bottom: 10px;
}
#a04 .static .skinArticleHeader,
#a08 .static .skinArticleHeader {
	padding-top: 0px;
}
#a10 .static .skinArticleHeader,
#b08 .static .skinArticleHeader2 {
	padding-top: 5px;
}
#a07 .static .skinArticleHeader,
#a09 .static .skinArticleHeader,
#a11 .static .skinArticleHeader,
#b10 .static .skinArticleHeader2,
#b11 .static .skinArticleHeader2 {
	padding-top: 10px;
}
#a03 .static .skinArticleHeader,
#a05 .static .skinArticleHeader,
#b09 .static .skinArticleHeader2 {
	padding-top: 15px;
}
#b01 .static .skinArticleHeader,
#b04 .static .skinArticleHeader,
#b05 .static .skinArticleHeader2,
#b12 .static .skinArticleHeader2 {
	padding-top: 20px;
}
#b02 .static .skinArticleHeader {
	padding-top: 25px;
}
#a06 .static .skinArticleHeader {
	margin: 0px;
	padding: 5px 0;
	background: url(https://ysswp.com/resources/theme/a06-01/images/bg_03.png) repeat;
}
@media only screen and (max-width:640px) {
#a06 .static .skinArticleHeader,
#b05 .static .skinArticleHeader,
#b06 .static .skinArticleHeader,
#b07 .static .skinArticleHeader,
#b09 .static .skinArticleHeader,
#b10 .static .skinArticleHeader,
#b11 .static .skinArticleHeader,
#b12 .static .skinArticleHeader {
	border-bottom: 0;
}
#a09 .static .skinArticleHeader,
#a11 .static .skinArticleHeader {
	padding-top: 0px;
}
#a08 .static .skinArticleHeader {
	padding-top: 10px;
}
#b07 .static .skinArticleHeader2 {
	padding-top: 20px;
}
}/* end media query */
/* ▲▲▲固定ページの見出しに対する修正 */

/* A01への修正 */
/*
#a01 ul#gnavi li:first-child a {font-size:14px;padding-top:20px;height:40px;}
*/

/* サイドバーのコールボタンの修正 */
#b07 .skinSubArea .call_info {
    margin: 15px;
}

@media only screen and (max-width:640px) {
.skinContentsArea {padding: 15px 10px 0;}
.skinArticle {padding: 0 0 20px;}

/*
.skinBlogHeadingGroupArea,
.skinFooterMenu,
ul.footerMenu {width: auto;}
ul.snsIcon {
  position: static;
  margin: 10px auto;
  width: 144px;
  overflow: hidden;
}
*/
}/* /End Media Query */

ul#gnavi li a,
ul#gnavi li:first-child a {width: auto;}

@media only screen and (max-width:640px) {
ul#gnavi li,
ul#gnavi li:first-child {width: auto !important;}
}/* /End Media Query */

/* 1040(1038)px のグローバルナビ */
.type_a .num4 ul#gnavi li {width: 260px;}
.type_a .num4 ul#gnavi li:first-child {width: 258px;}
.type_a .num5 ul#gnavi li {width: 208px;}
.type_a .num5 ul#gnavi li:first-child {width: 206px;}
.type_a .num6 ul#gnavi li,
.type_a .num6 ul#gnavi li:first-child {width: 173px;}
.type_a .num7 ul#gnavi li {width: 148px;}
.type_a .num7 ul#gnavi li:first-child {width: 150px;}

/* 980(978)px のグローバルナビ */
.type_b .num4 ul#gnavi li {width: 244px;}
.type_b .num4 ul#gnavi li:first-child {width: 246px;}
.type_b .num5 ul#gnavi li {width: 196px;}
.type_b .num5 ul#gnavi li:first-child {width: 194px;}
.type_b .num6 ul#gnavi li,
.type_b .num6 ul#gnavi li:first-child {width: 163px;}
.type_b .num7 ul#gnavi li {width: 140px;}
.type_b .num7 ul#gnavi li:first-child {width: 138px;}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
Google Map & YouTube
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
iframe[src*="maps"], 
iframe[src*="youtube"] {
width: 100%;
border:0;
}
@media screen and (max-width: 640px) {
iframe[src*="maps"], 
iframe[src*="youtube"] {
height: auto;
}
}/* end media query */

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
破線
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
hr.hr01 {
border: 1px dashed #777;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
テーブル
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.thLock01 th {width:200px;}

table.table01 {
border-collapse: collapse;
width: 100%;
}

table.table01 th,
table.table01 td{
	border:1px solid #d7d7d7;
	padding:10px;
	color:#000;
}
table.table01 th {
	text-align: center;
	font-weight:normal;
}
table.table01 td {
	background-color: #fff;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
エディタ専用のガイド
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
body.editorOnly div.guide01:before {
	display:block;
	background:pink;
	padding:2px;
	font-size:14px;
	text-align:center;
}
body.editorOnly div.guide01 {
    border: 1px dotted red;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
2列
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
body.editorOnly div.container00:before {
    content:'2列エリア';
}
body.editorOnly div.container00 > div {
    background: #eee;
}
div.container00 {
    overflow:hidden;
}
div.container00 > div {
    float: left;
    width:48%;
}
div.container00 > div:first-child {
    margin-right: 4%;
}

@media only screen and (max-width:640px) {
div.container00 > div {
    float: none;
    width:auto;
}
div.container00 > div:first-child {
    margin-bottom: 15px;
    margin-right: 0;
}
}/* end media query */


/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
3列
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
body.editorOnly div.container01:before {
    content:'3列エリア';
}
body.editorOnly div.container01 > div {
    background: #eee;
}
div.container01 {
    overflow:hidden;
}
div.container01 > div {
    float: left;
    width:32%;
    margin-left: 2%;
}
div.container01 > div:first-child {
    margin-left: 0;
}
@media only screen and (max-width:640px) {
div.container01 > div {
    float: none;
    width:auto;
    margin-left: 0;
    margin-bottom: 15px;
}
}/* end media query */

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
4列
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
body.editorOnly div.container02:before {
    content:'4列エリア';
}
body.editorOnly div.container02 > div > div {
    background: #eee;
}
div.container02 {
    overflow:hidden;
}
div.container02 > div {
    overflow:hidden;
    float: left;
    width:49%;
    margin-left: 2%;
}
div.container02 > div:first-child {
    margin-left: 0;
}
div.container02 > div > div {
    float: left;
    width:48%;
    margin-left: 4%;
}
div.container02 > div > div:first-child {
    margin-left: 0;
}
@media only screen and (max-width:640px) {
div.container02 > div {
    float: none;
    width:auto;
    margin-left: 0;
}
div.container02 > div:first-child {
    margin-bottom: 15px;
}
}/* end media query */

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
汎用ボタン
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.articleText a.btn01{
    padding: 10px 20px;
    color: #FFF;
    text-decoration: none;
    font-weight: bold;
    display: inline-block;
    margin:0 auto 3px;
}
/* [.articleText a.btn01]は後方互換のため */
.articleText a.btn01,
.articleText p.color01 a.btn01{
    background: #E20145;
    box-shadow: 0px 3px 0px #94002C;
    border: 1px solid #F14B7D;
}
.articleText p.color02 a.btn01{
    background: #01B7E2;
    box-shadow: 0px 3px 0px #006794;
    border: 1px solid #4BD1F1;
}
.articleText a.btn01:hover{
	margin:3px auto 0;
}
/* [.articleText a.btn01:hover]は後方互換のため */
.articleText a.btn01:hover,
.articleText p.color01 a.btn01:hover{
    box-shadow: 0px 1px 0px #94002C;
    background: #FF185E;
}
.articleText p.color02 a.btn01:hover{
    box-shadow: 0px 1px 0px #006794;
    background: #00CEFF;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
基本スタイル
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.articleText a{
    color:#06f;
    text-decoration:underline;
}
.articleText a:hover{
    text-decoration:none;
}
.articleText del {
text-decoration: line-through;
}
.articleText strong, 
.articleText b {
font-weight: bold;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
引用
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.articleText blockquote {
    border: 1px solid #C0C0C0;
    margin: 20px;
    padding: 40px 25px;
    border-radius: 10px;
    position: relative;
    color: #000;
    background: #FAFAFA;
}
.articleText blockquote:before{
    content:"“";
    font-family: Georgia;
    font-size: 60px;
    position: absolute;
    top: -10px;
    left:12px;
    color: #C9C9C9;
}
.articleText blockquote:after{
    content:"”";
    font-family: Georgia;
    font-size: 60px;
    position: absolute;
    bottom: -40px;
    right:10px;
    color: #C9C9C9;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
基本テキストサイズ・行間(サイト表示側が二重定義になっているので要改善)
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.articleText p,
.articleText li,
.articleText th,
.articleText td{
    font-size:14px;
}
.lp p,
.lp li,
.lp th,
.lp td{
    font-size:16px;
}
.articleText {
    line-height:1.8;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
エディタが自動生成するクラスへのスタイル指定
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.aligncenter {
	display: block;
	margin-left: auto!important;
	margin-right: auto!important;
}
.alignleft {
	float: left;
	margin: 0 15px 10px 0!important;
}
.alignright {
	float: right;
	margin: 0 0 10px 10px!important;
}
@media only screen and (max-width:640px) {
.alignleft,
.alignright {
	float: none;
	padding: 0;
	margin:10px auto!important;
	display:block;
}
}/* end media query */

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
よくある質問
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
ul.faq li{
	list-style:none;
}
ul.faq :before{
	margin-right:5px;
	font-size:1.3em;
}
ul.faq{
	margin: 0 0 2em;
	padding-left: 0;
	color: #000;
}
ul.faq > li{
	background: url(images/icon_q.jpg) no-repeat 15px 0px;
}
ul.faq > li h4{
	padding: 10px 15px;
	font-size:18px;
	font-weight:normal;
	background: #e8e8e8;
	width: 80%;
	margin: 0 0 10px;
	border-radius: 5px;
}
ul.faq > li h4:before{
	content:'Q.';
	color:orange;
}
ul.faq > li > ul{
	background: #d3efee;
	padding:15px;
	margin-left: 60px;
	border-radius: 5px;
}
ul.faq > li > ul > li h5{
	margin: 0;
	font-size:18px;
	font-weight:normal;
	line-height: 1.4;
}
ul.faq > li > ul > li h5:before{
	content:'A.';
	color: teal;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
OLカウンター
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
ol{
  counter-reset: ol_cnt; 
}
ol > li{
  counter-increment: ol_cnt;
}
li ol{
  counter-reset: ol_cnt2; 
}
li ol > li{
  counter-increment: ol_cnt2;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
リスト01
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* OL,UL共通 */
.list01 > li{
    padding: 5px 0;
    border-bottom: 1px dotted #ccc;
    padding-left:2em;
    position:relative;
}
.large > li{
    font-size:30px;
}
.list01 > li .list01 > li{/* list01 > list01の限定スタイル */
    border-bottom: 0;
    border-top:1px dotted #ccc;
}
.listType02 > li{
    border-bottom: 0;
}
.list01 li:before{
	font-size:1.8em;
	line-height:1;
	vertical-align:-2px;
	color:#555;
	position:absolute;
	left:0;
}
/* UL限定 */
ul.list01 > li:before{
	font-family:FontAwesome;
	content:'\f0da';
	margin-left: 10px;
	top:2px;
}
ul.listType02 > li:before{
	content:'\f046';
	margin-left: 0px;
	color:#f00;
}
/* UL子階層限定 */
.list01 ul > li:first-child{
    margin-top: 5px;
}
.list01 ul > li:before{
	content: '┗';
	margin-left: 0;
}

/* OLのナンバーリング */
ol.list01 > li:before{
  content: counters(ol_cnt, "")".";
}
.list01 ol > li:before{
  content: counters(ol_cnt2, "")".";
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
リスト02
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* OL,UL共通 */
.list02 > li{
    padding: 1em;
    position: relative;
    border:2px solid #000;
    background:#fff;
    min-height: 2em;
    margin-top: 1em;
    border-radius: 5px;
}
.list02 > li:first-child{
    margin-top: 0;
}
.list02 > li:after{
	position:absolute;
	line-height:1;
	content:'▼';
	left:50%;
	top: -.7em;
	font-size:3em;
	margin-left:-.5em;
}
.list02 > li:first-child:after{
	content:'';
}
/* OL限定 */
ol.list02 > li{
    padding-left: 2em;
    margin-left: 2em;
}
ol.list02 > li:before{
  position:absolute;
  top: 0;
  left: 0;
  border:2px solid #000;
  color:#fff;
  background:#000;
  background:rgba(0,0,0,.7);
  margin:2px;
  width:46px;
  line-height:46px;
  text-align:center;
  border-radius: 50%;
  font-size: 2em;
  margin-left: -1em;
}
/* OLのナンバーリング */
ol.list02 > li:before{
  content: counters(ol_cnt, "");
}
.list02 ol > li:before{
  content: counters(ol_cnt2, "")".";
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
リスト02　子孫の2列コンテナ
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.list02 div.container00 {
    position:relative;
}
.list02 div.container00 > div {
	background:#eee;
}
.list02 div.container00 >div:first-child:before {
	font-family:'FontAwesome';
	content:'\f061';
	position:absolute;
	top:50%;
	left:50%;
	margin-left: -.5em;
	margin-top:-.5em;
	line-height: 1em;
	font-size: 2em;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
リスト02　子孫の2列コンテナ
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
@media only screen and (max-width:640px) {
.list02 div.container00 > div {
	float:none;
	width: auto;
}
.list02 div.container00 > div:first-child {
	margin-right:0;
	margin-bottom: 1em;
}
.list02 div.container00 > div:first-child:before {
	content: '\f063';
}
}/* end media query */