/*
Theme Name: academica-child-service
Theme URI: http://www.wpzoom.com/themes/academica/
Description: 「Academica」の子テーマ サービスページ用　知恵袋（一覧含む）CSSです
Tags: blue, two-columns, three-columns, custom-header, custom-menu, translation-ready
Version: 2.0.5
Author: AikoTakezaki竹崎藍子
Template: academica

*/

/*知恵袋　一覧　ここから*/
#chie_lists #head {
	opacity: 0.9;
  border-bottom: 2px solid #a7a7a7;
  display: table;
  margin: 50px auto 80px;
  font-weight: normal;
  padding: 0;
	text-align: center;
	font-size: 37pt!important;
	color: #cc3232!important;
}
#chie_lists .container {
	width: 100%;
	height: auto;
	display: block;
	margin: 0 auto;
}
#chie_lists .container a .box,
#chie_lists .container .box  {
	background-image: url("//service.allconnect.jp/wp-content/uploads/2019/03/chiebukuro_lists_box.png");
	box-sizing: border-box;
	background-repeat: no-repeat;
	background-size: contain;
	min-width: 400px;
	height: auto;
	display: inline-block;
	text-align: center;
	padding: 40px 40px 40px 75px;
	margin: 0 80px 100px;
	float: left;
}
#chie_lists .container a,
#chie_lists .container {
	color: inherit!important;
	width: auto;
	height: auto;
}
#chie_lists .container a .box:hover {
	color: #cc3232;
}
#chie_lists .container a .box .times,
#chie_lists .container .box .times {
	font-size: 18pt;
	display: block;
}
#chie_lists .container a .box .title,
#chie_lists .container .box .title {
	font-size: 18pt;
	display: block;
	font-weight: bold;
}
/*知恵袋　一覧　ここまで*/

/*知恵袋　ここから*/
#chie {
	width: 100%;
	margin: 0 auto;
	font-family: "Meiryo","メイリオ",sans-serif!important;
	font-size: 13pt;/*メイリオで13pt ≒ 游ゴシックの14pt相当*/
}
#chie .descript-container {
	width: 100%;
	height: auto;
	display: block;
	margin-bottom: 0;
	box-sizing: border-box;
	background-image: -webkit-gradient( linear, 0 0, 135 600, from(#464646), color-stop(0.6, #525252), to(#2b2b2b));
	background-image: -moz-gradient( linear, 0 0, 135 600, from(#929292), color-stop(0.6, #525252), to(#2b2b2b));
	background-image: -ms-gradient( linear, 0 0, 135 600, from(#929292), color-stop(0.6, #525252), to(#2b2b2b));
	border: solid 0.5px rgba(183, 183, 183, 0.3);
	margin-bottom: 0;
	box-sizing: border-box;
	position: relative;
  text-align: center;
  padding: 60px 0;
}
#chie .container {
	display: block;
	text-align: center;
	width: 100%;
	height: auto;
	text-shadow: #fff 2px 1px 11px;
}
#chie .volume{
	display: block;
	font-size: 13pt;
	text-align: center;
	color: #fff;
}
#chie .container img {
  max-width: 100%;
  max-height: 60%;
}
#chie .white{
	text-shadow: #656565 2px 1px 11px;
}
#chie .inner-skin {
  margin: 0 auto;
	padding: 0;
}
#chie .img-box-yajirushi {
	width: 7%;
  height: auto;
	display: block;
	margin: 0 auto;
}
#chie .big-img-box-yajirushi {
	width: 14%;
  height: auto;
	display: block;
	margin: 0 auto;
}
#chie .check-image:before {
  content: '';
  display: inline-block;
  width: 1em;
  height: 1em;
  background-image: url(//service.allconnect.jp/wp-content/uploads/2019/08/red-check.png);
  background-size: contain;
  vertical-align: baseline;
	margin: 0 5px;
}
#chie .balloon-right:before {
position: absolute;
content: '';
border: 10px solid transparent;
border-right: 60px solid #6d6d6d;
top: 50%;
left: 9%;
}
#chie .balloon-left:after {
position: absolute;
content: '';
border: 10px solid transparent;
border-left: 60px solid #6d6d6d;
top: 50%;
right: 9%;
}
#chie .balloon-right-SC:before {
position: absolute;
content: '';
border: 10px solid transparent;
border-right: 60px solid #cc3232;
top: 50%;
left: 9%;
}
#chie .balloon-left-SC:after {
position: absolute;
content: '';
border: 10px solid transparent;
border-left: 60px solid #cc3232;
top: 50%;
right: 9%;
}
#chie .waku {
	border: solid 2px #cc3232;
	padding: 0 10px;
	margin: 0 5px;
	display: inline-block;
}
#chie #licensefuncType{
	background-color: transparent;
	width: 100%;
	height: auto;
	padding: 0;
}
#chie #licensefuncType #horizontal-line {
	clear: both;
	border-top: 2px solid #a7a7a7;
  display: block;
  width: 100%;
  margin: 100px auto;
  opacity: 0.3;
}
#chie #licensefuncType .inner-skin{
	width: 1170px;
  max-width: 100%;
  margin: 30px auto 30px;
}
#chie #licensefuncTitle01 {
	display: block;
	padding-top: 100px;
	padding-bottom: 30px;
	font-size: 26pt;
	color: inherit!important;
	text-align: center;
}
#chie .small{
	font-size: 85%!important;
}
#chie #licensefuncType .sentence,
#chie #licensefuncType h3.sentence {
  font-family: "Meiryo","メイリオ",sans-serif!important;
	margin: 60px 0 10px;
  display: block;
  font-size: 13pt;
}
/*ブロックヘッド（Step.X）のパターンが増えるたび、右のペールカラーブロックのmarginをクリアにする*/
/*ブロックヘッド（Step.X）のパターンが増えるたび、追記*/
#chie #licensefuncType .owl-exp .sheet .sentence,
#chie #licensefuncType .owl-exp .sheet-full .sentence,
#chie #licensefuncType .owl-exp .paleblue-sheet .sentence,
#chie #licensefuncType .owl-exp .paleblue-sheet-full .sentence,
#chie #licensefuncType .owl-exp .palered-sheet .sentence,
#chie #licensefuncType .owl-exp .palered-sheet-full .sentence,
#chie #licensefuncType .owl-exp .transparent-sheet .sentence,
#chie #licensefuncType .owl-exp .transparent-sheet-full .sentence,
#chie #licensefuncType .owl-exp-thin .sheet .sentence,
#chie #licensefuncType .owl-exp-thin .sheet-full .sentence,
#chie #licensefuncType .owl-exp-thin .paleblue-sheet .sentence,
#chie #licensefuncType .owl-exp-thin .paleblue-sheet-full .sentence,
#chie #licensefuncType .owl-exp-thin .palered-sheet .sentence,
#chie #licensefuncType .owl-exp-thin .palered-sheet-full .sentence,
#chie #licensefuncType .owl-exp-thin .transparent-sheet .sentence,
#chie #licensefuncType .owl-exp-thin .transparent-sheet-full .sentence,
#chie #licensefuncType .block-exp .sheet .sentence,
#chie #licensefuncType .block-exp .sheet-full .sentence,
#chie #licensefuncType .block-exp .paleblue-sheet .sentence,
#chie #licensefuncType .block-exp .paleblue-sheet-full .sentence,
#chie #licensefuncType .block-exp .palered-sheet .sentence,
#chie #licensefuncType .block-exp .palered-sheet-full .sentence,
#chie #licensefuncType .block-exp .transparent-sheet .sentence,
#chie #licensefuncType .block-exp .transparent-sheet-full .sentence,
#chie #licensefuncType .block-exp-thin .sheet .sentence,
#chie #licensefuncType .block-exp-thin .sheet-full .sentence,
#chie #licensefuncType .block-exp-thin .paleblue-sheet .sentence,
#chie #licensefuncType .block-exp-thin .paleblue-sheet-full .sentence,
#chie #licensefuncType .block-exp-thin .palered-sheet .sentence,
#chie #licensefuncType .block-exp-thin .palered-sheet-full .sentence,
#chie #licensefuncType .block-exp-thin .transparent-sheet .sentence,
#chie #licensefuncType .block-exp-thin .transparent-sheet-full .sentence {
	margin: 0;
}
#chie #licensefuncType .mini-text{
	color: inherit!important;
	margin: 10px 0 35px;
	display: block;
}
#chie #licensefuncType .SC-border {
  display: inline-block;
  border-style: solid;
  border-width: 2px;
  border-radius: 50%;
  padding: 5px 10px;
  margin: 0 5px;
}
#chie #licensefuncType ul.mokuji {
	margin-left: 0;
	margin-top: 20px;
	margin-bottom: 20px;
	font-size: 16pt;
}
#chie #licensefuncType ul.mokuji li {
	background-color: #eee;
	height: auto;
	margin: 1.5em 0;
	padding: 3px 10px;
	list-style-type: none;
}
#chie #licensefuncType ul.mokuji li a {
	color: inherit;
}
#chie #licensefuncType ul.mokuji li a:hover {
	text-decoration: underline;
}
#chie #licensefuncType ul.mokuji ul.sub {
	margin: -1.5em 0 0;
}
#chie #licensefuncType ul.mokuji ul.sub li {
	background-color: transparent;
	height: auto;
	margin: 0!important;
	padding: 3px 10px;
	list-style-type: none;
}
#chie #licensefuncType ul.mokuji li img{
	width: auto;
	height: 40px;
	display: inline-block;
  filter: drop-shadow(2px 2px 4px #a0a0a0);
	margin-left: 20px;
}
#chie #licensefuncType .owl-exp {
	width: 100%;
	height: auto;
	display: block;
	margin: 30px 0;
	position: relative;
}
#chie #licensefuncType .owl-exp-thin {
	width: 100%;
	height: auto;
	display: block;
	margin: 0 0 30px;
	position: relative;
}
#chie #licensefuncType .owl-exp .sheet,
#chie #licensefuncType .owl-exp .sheet-full,
#chie #licensefuncType .owl-exp .paleblue-sheet,
#chie #licensefuncType .owl-exp .paleblue-sheet-full,
#chie #licensefuncType .owl-exp .palered-sheet,
#chie #licensefuncType .owl-exp .palered-sheet-full,
#chie #licensefuncType .owl-exp .transparent-sheet,
#chie #licensefuncType .owl-exp .transparent-sheet-full,
#chie #licensefuncType .owl-exp-thin .sheet,
#chie #licensefuncType .owl-exp-thin .sheet-full,
#chie #licensefuncType .owl-exp-thin .paleblue-sheet,
#chie #licensefuncType .owl-exp-thin .paleblue-sheet-full,
#chie #licensefuncType .owl-exp-thin .palered-sheet,
#chie #licensefuncType .owl-exp-thin .palered-sheet-full,
#chie #licensefuncType .owl-exp-thin .transparent-sheet,
#chie #licensefuncType .owl-exp-thin .transparent-sheet-full {
	display: inline-block;
	height: auto;
	padding: 20px;
	vertical-align: middle;
}
#chie #licensefuncType .owl-exp .sheet,
#chie #licensefuncType .owl-exp-thin .sheet {
	background-color: #eee;
	width: 85%;
}
#chie #licensefuncType .owl-exp .paleblue-sheet,
#chie #licensefuncType .owl-exp-thin .paleblue-sheet {
	background-color: #dbeaef;
	width: 85%;
}
#chie #licensefuncType .owl-exp .palered-sheet,
#chie #licensefuncType .owl-exp-thin .palered-sheet {
	background-color: #ffe7e7;
	width: 85%;
}
#chie #licensefuncType .owl-exp .transparent-sheet,
#chie #licensefuncType .owl-exp-thin .transparent-sheet {
	background-color: transparent;
	width: 85%;
	float: right;
}
#chie #licensefuncType .owl-exp .sheet-full,
#chie #licensefuncType .owl-exp-thin .sheet-full {
	background-color: #eee;
	width: 100%;
}
#chie #licensefuncType .owl-exp .paleblue-sheet-full,
#chie #licensefuncType .owl-exp-thin .paleblue-sheet-full {
	background-color: #dbeaef;
	width: 100%;
}
#chie #licensefuncType .owl-exp .palered-sheet-full,
#chie #licensefuncType .owl-exp-thin .palered-sheet-full {
	background-color: #ffe7e7;
	width: 100%;
}
#chie #licensefuncType .owl-exp .transparent-sheet-full,
#chie #licensefuncType .owl-exp-thin .transparent-sheet-full {
	background-color: transparent;
	width: 100%;
}
#chie #licensefuncType .owl-exp .owl-pic {
	display: inline-block;
	width: 10%;
	height: auto;
	margin-right: 4%;
	vertical-align: middle;
}
#chie #licensefuncType .owl-exp .owl-pic img {
	width: 100%;
	height: auto;
}
#chie #licensefuncType .owl-exp .sentence-title {
	width: auto;
	height: auto;
	font-size: 16pt;
}
#chie #licensefuncType .block-exp {
	width: 100%;
	height: auto;
	display: inline-block;/*ここは「inline-block」で！「block」だと効かない*/
	margin: 30px 0;
	position: relative;
}
#chie #licensefuncType .block-exp .sheet,
#chie #licensefuncType .block-exp .sheet-full,
#chie #licensefuncType .block-exp .paleblue-sheet,
#chie #licensefuncType .block-exp .paleblue-sheet-full,
#chie #licensefuncType .block-exp .palered-sheet,
#chie #licensefuncType .block-exp .palered-sheet-full,
#chie #licensefuncType .block-exp .transparent-sheet,
#chie #licensefuncType .block-exp .transparent-sheet-full,
#chie #licensefuncType .block-exp .yajirushi-sheet,
#chie #licensefuncType .block-exp .yajirushi-sheet-full {
	display: inline-block;
	height: auto;
	padding: 20px;
	vertical-align: middle;
}
#chie #licensefuncType .block-exp .sheet {
	background-color: #eee;
	width: 85%;
	float: right;
}
#chie #licensefuncType .block-exp .paleblue-sheet {
	background-color: #dbeaef;
	width: 85%;
	float: right;
}
#chie #licensefuncType .block-exp .palered-sheet {
	background-color: #ffe7e7;
	width: 85%;
	float: right;
}
#chie #licensefuncType .block-exp .transparent-sheet {
	background-color: transparent;
	width: 85%;
	float: right;
}
#chie #licensefuncType .block-exp .transparent-sheet .paleblue-sheet {
	background-color: #dbeaef;
	width: 100%;
}
#chie #licensefuncType .block-exp .transparent-sheet .palered-sheet {
	background-color: #ffe7e7;
	width: 100%;
}
#chie #licensefuncType .block-exp .sheet-full {
	background-color: #eee;
	width: 100%;
}
#chie #licensefuncType .block-exp .paleblue-sheet-full {
	background-color: #dbeaef;
	width: 100%;
}
#chie #licensefuncType .block-exp .palered-sheet-full {
	background-color: #ffe7e7;
	width: 100%;
}
#chie #licensefuncType .block-exp .transparent-sheet-full {
	background-color: transparent;
	width: 100%;
}
#chie #licensefuncType .block-exp .yajirushi-sheet {
	background-color: transparent;
	width: 85%;
	padding: 0!important;
	position: relative;
	z-index: 9999;
	margin-bottom: -10px;
}
#chie #licensefuncType .block-exp .yajirushi-sheet-full {
	background-color: transparent;
	width: 100%;
	padding: 0!important;
	position: relative;
	z-index: 9999;
	margin-bottom: -10px;
}
#chie #licensefuncType .block-exp .block-head {
	display: inline-block;
	width: 15%;
	height: auto;
	margin-right: 0;
	vertical-align: top;
	background-color: #377fc5!important;
	color: #fff!important;
	padding: 20px;
	text-align: center;
}
#chie #licensefuncType .block-exp .red-block-head {
	display: inline-block;
	width: 15%;
	height: auto;
	margin-right: 0;
	vertical-align: top;
	background-color: #cc3232!important;
	color: #fff!important;
	padding: 20px;
	text-align: center;
}
#chie #licensefuncType .block-exp .redframe-block-head {
	display: inline-block;
	width: 20%;
	height: auto;
	margin-right: 80%;
	vertical-align: top;
	background-color: transparent!important;
	border: solid 1px #cc3232!important;
	color: #377fc5!important;
	padding: 20px;
	text-align: center;
}
#chie #licensefuncType .block-exp .transparent-block-head {
	display: inline-block;
	width: 15%;
	height: auto;
	margin-right: 0;
	vertical-align: top;
	background-color: transparent;
	color: #fff!important;
	padding: 20px;
	text-align: center;
}
#chie #licensefuncType .block-exp .yajirushi-sheet .img-box-yajirushi {
		width: 50px;
	  height: auto;
		display: inline-block;
		margin: 0 auto;
}
#chie #licensefuncType .block-exp .yajirushi-sheet .big-img-box-yajirushi {
		width: 100px;
	  height: auto;
		display: inline-block;
		margin: 0 auto;
}
#chie #licensefuncType .block-exp .block-head img {
	width: 100%;
	height: auto;
}
#chie #licensefuncType .block-exp .owl-pic {
	display: inline-block;
	width: 13%;/*ここの画像が「Angowl_minipointer_mono」で小さめなので、あえて幅広くしてる*/
	height: auto;
	margin-right: 20px;
	vertical-align: middle;
}
#chie #licensefuncType .block-exp .owl-pic img {
	width: 100%;
	height: auto;
}
#chie #licensefuncType .block-exp .sentence-title {
	width: auto;
	height: auto;
	font-size: 16pt;
}
#chie #licensefuncType .block-exp ul {
	margin-left: 0;
}
#chie #licensefuncType .block-exp ul li {
	list-style-type: none;
	margin-top: 0.3em;
	margin-bottom: 0.3em;
}
#chie #titlebar01,
#chie h3#titlebar01 {
    font-family: "Meiryo","メイリオ",sans-serif!important;
    font-size: 22pt;
    font-weight: normal;
    display: block;
    width: 100%;
    padding: 5px 0;
    text-indent: 0;
    margin: 60px 0 10px;
    color: #cc3232;
}
#chie #titlebar01-bar,
#chie h4#titlebar01-bar {
    font-family: "Meiryo","メイリオ",sans-serif!important;
    font-size: 19pt;
    font-weight: normal;
    display: block;
    width: 100%;
    padding: 5px 0;
    text-indent: 2em;
    margin: 10px 0 10px;
    background-color: #cc3232;
    color: #fff;
}
#chie #titlebar01-mono {
    font-size: 22pt;
    font-weight: normal;
    display: block;
    width: 100%;
    padding: 5px 0;
    text-indent: 0;
    margin: 60px 0 10px;
    color: #333;
}
#chie #titlebar01-sub {
    font-size: 18pt;
    font-weight: normal;
    display: block;
    width: 100%;
    padding: 5px 10px;
    text-indent: 0;
		margin: 0 0 15px 0;
}
#chie #titlebar01-sub-thin {
    font-size: 18pt;
    font-weight: normal;
    display: block;
    width: 100%;
    padding: 5px 10px;
    text-indent: 0;
		margin: 40px 0 0;
}
#chie .img-box01 {
	width: 100%;
	height: auto;
	margin: 20px 0 0;
}
#chie .owl-exp .no-margin-top {
	margin-top: -50px!important;
}
#chie #products .console {
    background-color: #eee;
    position: relative;
    padding: 30px 0;
}
#chie #products .console .consoletable,
#chie #products .console tr,
#chie #products .console th,
#chie #products .console td {
    text-align: center;
    font-size: 12pt;
    background-color: transparent;
}
#chie #products .console .consoletable {
    margin: 0;
}
#chie #products .console .consoletable .tray01,
#chie #products .console .consoletable .tray02,
#chie #products .console .consoletable .tray03 {
    display: inline-table;
}
#chie #products .console .consoletable td {
    position: relative;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 0 24px;
    border: none!important;
}
#chie #licenseTitle {
	display: block;
	margin-bottom: 10px;
	padding-left: 0;
	font-size: 26pt;
	color: rgba(183,49,46,1);
	text-align: center;
}
#chie .next,
#chie .next a {
	color: inherit;
	display: block;
	border: 2px solid #cc3232;
	text-align: center;
	font-size: 16pt;
  padding: 10px;
}
#chie .next {
  margin-bottom: 50px;
}
#chie .next a {
  margin-bottom: 0;
}
#chie .next a:hover {
	color: #cc3232;
}
#chie .chie-lists a{
	color: #fff;
	width: 200px;
	height: auto;
	display: block;
	border: 2px solid #cc3232;
	background-color: #cc3232;
	text-align: center;
	font-size: 12pt;
  padding: 10px;
	margin: 0 auto 100px;
  border-radius: 5px;
}
#chie .chie-lists a:hover{
	opacity: 0.7;
}
		/*赤いバー　ここから*/
		#chie #red-bar {
		  display: block;
			background-color: #cc3232;
		  width: 100%;
			height: auto;
			margin-bottom: 20px;
			color: #fff;
		}
		#chie #red-bar #licensefuncTitle01,
		#chie #red-bar h2#licensefuncTitle01 {
			display: block;
			padding-top: 30px;
			padding-bottom: 30px;
			font-size: 23pt;
			font-family: "Meiryo","メイリオ",sans-serif!important;
			font-weight: normal;
			color: inherit!important;
			text-align: center;
			font-style: italic;
			margin: 0;
		}
		/*赤いバー　ここまで*/

		/*最下フォームのコンソール　ここから*/
		#chie #form-console {
			display: block;
			background-color: #cc3232;
			width: 100%;
			height: auto;
			margin: 0 auto;
			color: #fff;
		}
		#chie #form-console .inner-skin {
		    max-width: 1170px;
		    width: 100%;
				height: 100%;
		    margin: 0 auto;
		}
		#chie #form-console .function-consol-box .img-box-double a {
			width: 50%;
			height: 100%;
			display: inline-block;
			color: #fff;
			opacity: 1;
			float: left;
		}
		#chie #form-console a {
			width:100%;
			height: 100%;
			display: block;
			color: #fff;
			opacity: 1;
		}
		#chie #form-console a:hover {
			text-decoration: none;
			background-color: rgba(183,49,46,0.8);
		}
		#chie #form-console ul {
			width: 100%;
	    margin: 0;
	    padding: 30px 0;
		}
		#chie #form-console ul li {
			display: inline-block;
	    height: auto;
	    vertical-align: top;
	    width: 32%;
		}
		#chie #form-console .title {
			display: block;
			font-size: 17pt;
			margin: 0 0 10px;
			color: #fff;
	    text-align: center;
		}
		#chie #form-console .sub-title {
			display: block;
			font-size: 9pt;
			margin: 0;
			color: #fff;
	    text-align: center;
		}
		#chie #licensefuncType .inner-skin {
		    width: 1170px;
		    max-width: 100%;
			  margin: 30px auto 30px;
		}
		#chie #form-console .function-consol-box {
			width: 100%;
	    height: auto;
	    display: inline-block;
	    margin: 0 auto;
	    text-align: center;
		}
		#chie #form-console .function-consol-box .img-box {
			width: 100px;
			height: 100px;
			display: block;
			margin: 0 auto;
		}
		#chie #form-console .function-consol-box .img-box-double {
			width: 200px;
			height: 100px;
			display: block;
			margin: 0 auto;
		}
		#chie #form-console .function-consol-box .img-box-double img {
			width: 60px;
			height: auto;
			display: inline-block;
			margin: 0 auto;
			filter: drop-shadow(2px 2px 4px #505050);
		}
		#chie #form-console .function-consol-box img {
			width: 60px;
			height: auto;
			display: block;
			margin: 0 auto;
			filter: drop-shadow(2px 2px 4px #505050);
		}
		/*最下フォームのコンソール　ここまで*/