@charset "UTF-8";
/*============================================================================================
↓基本設定====================================================================================
============================================================================================*/
/* clearfix */
.clearFix { *zoom: 1; }
.clearFix:before,
.clearFix:after {
    content: " ";
    display: table;
}
.clearFix:after {
    clear: both;
}

/* 余白/フロート */
.clear{clear:both;}
.floatLeft{ float:left;}
.floatRight{ float:right; }
.alignCenter{ text-align:center; }
.alignRight{ text-align:right; }
.alignLeft{ text-align:left; }
.alignTop{ vertical-align:top; }

.mgB0{   margin-bottom:0px;  }
.mgB5{   margin-bottom:5px;  }
.mgB10{  margin-bottom:10px; }
.mgB15{  margin-bottom:15px; }
.mgB20{  margin-bottom:20px; }
.mgB30{  margin-bottom:30px; }
.mgB40{  margin-bottom:40px; }
.mgB50{  margin-bottom:50px; }
.mgB60{  margin-bottom:60px; }

.mgT0{   margin-top:0px;  }
.mgT5{   margin-top:5px;  }
.mgT10{  margin-top:10px; }
.mgT15{  margin-top:15px; }
.mgT20{  margin-top:20px; }
.mgT30{  margin-top:30px; }
.mgT40{  margin-top:40px; }
.mgT50{  margin-top:50px; }
.mgT60{  margin-top:60px; }

.mgR0{   margin-right:0px;  }
.mgR5{   margin-right:5px;  }
.mgR10{  margin-right:10px; }
.mgR15{  margin-right:15px; }
.mgR20{  margin-right:20px; }
.mgR30{  margin-right:30px; }

.mgL0{   margin-left:0px;  }
.mgL5{   margin-left:5px;  }
.mgL10{  margin-left:10px; }
.mgL15{  margin-left:15px; }
.mgL20{  margin-left:20px; }
.mgL30{  margin-left:30px; }

.pdg10 {padding:10px;}
.pdg20 {padding:20px;}
.pdg30 {padding:30px;}

/*Hover設定*/
a,
img,
input,
svg {
	transition:all 0.3s;
	backface-visibility:hidden;
	-webkit-backface-visibility:hidden;
	-webkit-text-decoration-skip:none;/*リンクテキスト下線を他ブラウザとあわせる*/
}
a:hover,
a:hover img,
a:hover input,
a.hover:hover,
input:hover,
.btn a:hover,
.btn input:hover {
	text-decoration:none;
	opacity:0.7;
	backface-visibility:hidden;
	-webkit-backface-visibility:hidden;
}

/*============================================================================================
↓レスポンシブ設定============================================================================
============================================================================================*/
* {
  -webkit-tap-highlight-color:rgba(253,208,0,0.3); /*タップエリア*/
  -webkit-touch-callout:none; /*文章等を長押しした際に表示されるポップアップメニューを無効化*/
  -webkit-user-select:none; /*テキストを選択させない*/
}
input, textarea {
	-webkit-user-select:auto;
}

/* レスポンシブ対応（上下余白・サイド余白） */
.innerWrap { /*可変幅1080*/
	max-width:1080px;
	margin-left:auto;
	margin-right:auto;
	overflow:hidden;
}
.innerWrapNarrow { /*可変幅768*/
	max-width:740px;
	margin-left:auto;
	margin-right:auto;
	overflow:hidden;
}
@media screen and (max-width: 1080px) {
.innerWrap {
	padding-left:20px;
	padding-right:20px;
}
}
@media screen and (max-width: 768px) {
.innerWrapNarrow {
	padding-left:20px;
	padding-right:20px;
}
}

/* 各デバイスでの表示切り替え */
.sp,.tab {display: none;}
.pc {display: block;}
@media screen and (max-width: 1080px) {
.sp, .tab {display: none;}
.pc {display: block;}
}
@media screen and (max-width: 768px) {
.sp, .pc {display: none;}
.tab {display: block;}
}
@media screen and (max-width: 480px) {
.pc, .tab {display: none;}
.sp {display: block;}
}

/*============================================================================================
↓サイト設定==================================================================================
============================================================================================*/
/* リンクテキスト */
a:link,a:visited {
	color:rgba(0,0,0,1);
	text-decoration:underline;
}
a:hover,
a.hover {
	color:rgba(0,0,0,1);
	text-decoration:none;
}
/*全体設定*/
html,
body {
	color:rgba(0,0,0,1);
	font-family:"Open Sans Bold","Noto Sans Japanese","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight:normal;
	font-size:62.5%; /*1rem=10px*/
	-webkit-font-feature-settings:'pkna';
	font-feature-settings:'palt';
	writing-mode: horizontal-tb;
	-webkit-text-size-adjust:100%;/*←for iOS&Safari TxtSize*/
}
#header {
	color:rgba(0,0,0,1);
	width:100%;
	height:80px;
	background-color:rgba(255,255,255,1);
	position:fixed;
	top:0;
	left:0;
	z-index:999;
	box-sizing:border-box;
	border-bottom:solid 1px rgba(220,220,220,1);
}
#footer {
	color:rgba(0,0,0,1);
	background-color:rgba(255,255,255,1);
	width:100%;
	box-sizing:border-box;
}
#wrapper {
	margin-top:80px;
	visibility:hidden;
}
#sidebar {
	
}
.content {
	width:100%;
	min-height:900px;
	margin:0 auto;
}
.colwrap > .colLeft{
	width:100%;
    float:left;
    margin-right:-340px;
}
.colwrap > .colLeft > .inner {
	margin-right:340px;
    width: auto;
}
.colwrap > .colRight{
	width:320px;
    float:right;
}
.aside {
}
@media screen and (max-width: 768px) {
#wrapper {
	margin-top:70px;
}
.colwrap > .colLeft{
    float:none;
    margin-right:0;
	margin-bottom:40px;
}
.colwrap > .colLeft > .inner {
	margin-right:0px;
}
.colwrap > .colRight{
	width:100%;
    float:none;
}
}


/*============================================================================================
↓ヘッダー====================================================================================
============================================================================================*/
#header .colsetLeft {
	height:100%;
	position:absolute;
    top:50%;
    left:0;
    transform:translate(0,-50%);
	display:table;
}
#header .colsetRight {
	position:absolute;
    top:50%;
    right:0;
    transform:translate(0,-50%);
	display:table;
	border-collapse:separate;
	border-spacing:5px 0;
	z-index:-1;
}
#header .colsetLeft > .col,
#header .colsetRight > .col {
	display:table-cell;
	vertical-align:middle;
}
@media screen and (max-width: 768px) {
#header {
	height:70px;
}
}

/*ヘッダー左側*/
#header .colsetLeft #siteLogo {
	width:auto;
	height:100%;
	display:table;
}
/*======20190712修正リンク線削除======= */
#header .colsetLeft #siteLogo a {
	padding:10px 20px;
	display:table-cell;
	vertical-align:middle;
	text-decoration: none;
}
/*======20190712修正リンク線削除======= */
/*======20190712修正logoをバックグランドに======= */
#header .colsetLeft #siteLogo a .img {
	width:117px;
	height:60px;
	display:block;
	background: url(../img/logo-horizontal.png) center center no-repeat;
	background-size: contain;
	font-size: 0;
	overflow: hidden;
}
/*======20190712修正logoをバックグランドに======= */
#header .colsetLeft .siteCopy {
	font-size:1.2rem;
	line-height:1.6rem;
	display:table-cell;
	vertical-align:middle;
	padding:6px 12px;
}
#header .colsetRight .btnCall {
	display:none !important;
}
/*======20190712修正スマホ表示logo固定======= */
@media screen and (max-width: 1080px) {
#header .colsetLeft #siteLogo a .img {
	width: 85.8px;
	height:44px;
}
#header .colsetRight .btnTuSolid,
#header .colsetRight .btnReSolid {
	display:none !important;
}
}
/*======20190712修正スマホ表示logo固定======= */
@media screen and (max-width: 768px) {
#header .colsetLeft .siteCopy span {
	display:block;
}
#header .colsetRight .btnCall {
	display:block !important;
}
#header .colsetRight .btnFreeDial {
	display:none !important;
}
}
@media screen and (max-width: 480px) {
#header .colsetLeft .siteCopy {
	display:none !important;
}
}

/*============================================================================================
↓フッター====================================================================================
============================================================================================*/
#footer > .colset {
	width:100%;
	display:table;
	border-collapse:collapse;
	box-sizing:border-box;
	border-top:solid 1px rgba(220,220,220,1);
	border-bottom:solid 1px rgba(220,220,220,1);
}
#footer > .colset > .col {
	display:table-cell;
	vertical-align:middle;
	border-right:solid 1px rgba(220,220,220,1);
}
#footer > .colset > .col:last-child {
	border-right:none;
}
#footer .box {
	text-align:center;
	padding:50px 30px 100px;
}
#footer .box .row {
	margin-bottom:10px;
}
#footer .box .row:last-child{
	margin-bottom:0px;
}
@media screen and (max-width: 570px) {
#footer .box {
	padding:30px 30px 70px;
}
}

/*ブランドバナー*/
.footerBnr {
	background-color:rgba(255,255,255,1);
	text-align:center;
}
.footerBnr a {
	width:100%;
	height:80px;
	padding:10px;
	display:block;
	box-sizing:border-box;
}
.footerBnr a img {
	width:auto;
	height:100%;
}
@media screen and (max-width: 768px) {
.footerBnr a {
	height:60px;
}
}
@media screen and (max-width: 480px) {
.footerBnr a {
	height:50px;
}
}
/*ブランド名*/
.brandName {
	font-size:1.6rem;
	font-weight:bold;
	line-height:2rem;
}
.brandName a.logo-vertical {
	width:100px;
	height:auto;
	padding:10px;
	margin:0 auto;
	display:block;
}
.brandName a.logo-vertical img {
	width:100%;
	height:auto;
}
/*SNSリンク*/
.navSns ul {
	text-align:center;
}
.navSns ul li {
	display:inline-block;
	vertical-align:middle;
	margin:0 5px;
}
.navSns ul li a {
	width:30px;
	height:30px;
	display:block;
}
.navSns ul li a img {
	width:100%;
	height:auto;
} 
/*社名*/
.coName {
	font-size:1.6rem;
	line-height:2.2rem;
}
.coName a:link,
.coName a:visited{
color: rgba(0,0,0,1.00);
text-decoration:none;
}

/*============================================================================================
↓ページの上へ================================================================================
============================================================================================*/
#pageTop {
	position:fixed;
	right:20px;
	bottom:20px;
}
#pageTop a {
	width:50px;
	height:50px;
	color:rgba(255,255,255,1);
	font-size:2rem;
	line-height:2rem;
	text-align:center;
	text-decoration:none;
	display:block;
	border-radius:100%;
	background-color:rgba(51,51,51,1);
}
#pageTop a:after {
    font-family: "Font Awesome 5 Free";
    font-size: 30px;
    font-weight: 900;
    content: "\f077";
    position:absolute;
    top:50%;
	left:50%;
	transform:translate(-50%,-50%);
}
@media screen and (max-width: 768px) {
#pageTop {
	bottom:90px;
}
}
@media screen and (max-width: 480px) {
#pageTop {
	bottom:70px;
}
}


/*============================================================================================
↓モバイル用 下部お問い合わせバー=============================================================
============================================================================================*/
.contactBar {
	position:fixed;
	bottom:-100%;
	left:0;
	z-index:9;
	width:100%;
	background-color:rgba(0,0,0,0.8);
	transition: all 0.3s;
}
.contactBar > .colset {
	display:table;
	width:100%;
	border-collapse: separate;
	border-spacing:15px;
}
.contactBar > .colset > .col {
	display:table-cell;
	vertical-align:middle;
}
@media screen and (max-width: 1080px) {
.contactBar {
	bottom:0;
}
}
@media screen and (max-width: 768px) {
.contactBar {
	bottom:0;
}
.contactBar > .colset {
	border-spacing:10px;
}
}


/*============================================================================================
↓サービスエリア==============================================================================
============================================================================================*/
.serviceBar {
	width:100%;
	background-color:rgba(255,255,255,1);
	padding:15px 10px;
	box-sizing:border-box;
}
.serviceBar div {
	text-align:center;
}
.serviceBar div p,
.serviceBar div a {
	display:inline-block;
	vertical-align:middle;
}
/*サービスエリア*/
.serviceArea {
	font-size:1.8rem;
	font-weight:bold;
    line-height:2.4rem;
    position:relative;
	padding:0 0 0 73px;
}
.serviceArea:before {
	content:"";
    width:70px;
    height:100%;
    display:block;
    position:absolute;
    top:50%;
    left:0;
    transform:translate(0,-50%);
    margin:0 5px 0 0;
    background-image:url(../../teoria-danrei/img/ico-area.png);
    background-repeat:no-repeat;
    background-size:contain;
}
/*サービスエリア*/
.areaNotice {
	font-size:1.2rem;
	line-height:2rem;
}
@media screen and (max-width: 868px) {
.serviceArea {
	margin:0 0 5px;
}
}


/*============================================================================================
↓施工事例 新着4カラム========================================================================
============================================================================================*/
.caseStudy-colList .inner {
	padding:0 20px;
	box-sizing:border-box;
}
.caseStudy-colList a:link,
.caseStudy-colList a:visited {
	position:relative;
	display:block;
	overflow:hidden;
}
.caseStudy-colList img {
	width:100%;
	height:auto;
    margin: 10px auto 0;
}
/*=====2019.07.12修正=====*/
.caseStudy-colList .postttl {
	font-size:1.6rem;
	line-height:2.2rem;
	padding:10px 0;
}
/*=====2019.07.12修正=====*/
.caseCatLabelList {
	position:absolute;
	top:0;
	left:10px;
	z-index:+1;
	text-align:left;
}
.caseCatLabelList .caseCatLabel {
	font-size:1.4rem;
	line-height:1.4rem;
	background-color:rgba(255,255,255,1);
	padding:8px;
	box-sizing:border-box;
	display: inline-block;
    margin: 0 3px 0 0;
}
/*各施工のカテゴリラベルの色*/
.caseCatLabel {
	color:rgba(0,0,0,1);
	border:solid 2px rgba(0,0,0,1);
}
.caseCatLabel.bestdanrei {
	color:rgba(238,134,117,1);
	border:solid 2px rgba(238,134,117,1);
}
.caseCatLabel.premiumecodanrei {
	color:rgba(0,157,136,1);
	border:solid 2px rgba(0,157,136,1);
}
.caseCatLabel.spotdanrei {
	color:rgba(079,131,224,1);
	border:solid 2px rgba(79,131,224,1);
}
.caseCatLabel.yaneura {
	color:rgba(99,62,27,1);
	border:solid 2px rgba(99,62,27,1);
}
.caseCatLabel.upgrade {
	color:rgba(123,170,20,1);
	border:solid 2px rgba(123,170,20,1);
}
.caseCatLabel.openingpart {
	color:rgba(101,103,102,1);
	border:solid 2px rgba(101,103,102,1);
}


/*============================================================================================
↓工法紹介 3カラム============================================================================
============================================================================================*/
.method-colList > .colWrap {
	text-align:center;
}
.method-colList .lead {
	font-size:2rem;
	font-weight:bold;
	line-height:3rem;
	margin:0px auto 10px;
}
.method-colList img {
	width:100%;
	height:auto;
}
/*サービス名*/
.method-colList .serviceName {
	display:inline-block;
    margin:15px auto 0;
}
.method-colList .serviceName img {
	width: auto;
    height: 30px;
}
/*サービスコメント*/
.method-colList p {
	font-size:1.4rem;
	line-height:2.2rem;
	padding:10px 0;
	text-align:left;
	min-height:70px;
}
/*ベストDANREI*/
.method-colList .best .lead {
	color:rgba(241,122,102,1);
	background-image:url(../../teoria-danrei/img/em-bestdanrei.png);
	background-position:center bottom;
	background-repeat:no-repeat;
	background-size:contain;
}
/*エコプレミアムDANREI*/
.method-colList .premiumeco .lead {
	color:rgba(0,158,150,1);
	background-image:url(../../teoria-danrei/img/em-premiumecodanrei.png);
	background-position:center bottom;
	background-repeat:no-repeat;
	background-size:contain;
}
/*スポットDANREI*/
.method-colList .spot .lead {
	color:rgba(39,101,211,1);
	background-image:url(../../teoria-danrei/img/em-spotdanrei.png);
	background-position:center bottom;
	background-repeat:no-repeat;
	background-size:contain;
}
@media screen and (max-width: 768px) {
.method-colList .lead {
	font-size:1.8rem;
	line-height:2.6rem;
}
.method-colList .serviceName img {
	width: auto;
    height: 20px;
}
}
@media screen and (max-width: 480px) {
.method-colList .serviceName img {
	width: auto;
    height: 30px;
}
.method-colList .best,
.method-colList .premiumeco,
.method-colList .spot {
	margin-bottom:30px!important;
}
}

/*============================================================================================
↓コラム 新着5カラム========================================================================
============================================================================================*/
.column-colList > .inner {
	padding:0 20px;
	box-sizing:border-box;
}
.column-colList a:link,
.column-colList a:visited {
	/*position:relative;*/
	display:block;
	text-decoration:none;
}
.column-colList img {
	width:100%;
	height:auto;
	display:block;
	margin:0 0 10px;
}
/*=====2019.07.12修正=====*/
.column-colList .postttl {
	font-size:1.6rem;
	line-height:2.2rem;
	padding:0 0 5px;
	margin:0 0 5px;
	border-bottom:dotted 1px rgba(0,0,0,1);
}
/*=====2019.07.12修正=====*/
.column-colList p {
	font-size:1.4rem;
	line-height:2.2rem;
}

/*ラベルをリストで並べる*/
.columnCatLabelList {
	margin:0 0 7px;
	overflow:hidden;
}
.columnCatLabelList .columnCatLabel {
	color:rgba(255,255,255,1);
	font-size:1rem;
	line-height:1rem;
	background-color:rgba(0,0,0,1);
	float:left;
	padding:5px;
	margin:0 3px 3px 0;
	box-sizing:border-box;
	list-style:none;
}


/*============================================================================================
↓工法比較表==================================================================================
============================================================================================*/
.compareList p {
	font-size:1.4rem;
	line-height:2.2rem;
	padding:10px 0;
}

table.compareTable {
  table-layout: fixed;
  width: 100%;
  margin:0 auto;
  background-color:rgba(255,255,255,1);
}
table.compareTable caption {
	font-size:1.8rem;
	font-weight:bold;
	line-height:1.6rem;
	text-align:center;
	white-space:nowrap;
	margin-bottom:10px;
	box-sizing:border-box;
}
table.compareTable tr {
  border-top: 1px solid rgba(0,0,0,1);
  border-bottom: 1px solid rgba(0,0,0,1);
  border-left: 1px solid rgba(0,0,0,1);
}
table.compareTable th {
	font-size:1.4rem;
	line-height:1.6rem;
	text-align: center;
	padding:10px;
	box-sizing:border-box;
	border-right: 1px solid rgba(0,0,0,1);
	vertical-align:middle;
}
table.compareTable td {
	font-size:1.4rem;
	line-height:1.6rem;
	text-align: center;
	padding:10px;
	box-sizing:border-box;
	border-right: 1px solid rgba(0,0,0,1);
	vertical-align:middle;
}
/*サービス名・費用の欄、幅を広くする*/
th.serviceName,
td.serviceName {
	width:30%;
}
th.serviceFee,
td.serviceFee {
	font-size:1.6rem!important; 
	line-height:2.2rem!important;
	width:15%;
	background-color:rgba(243,237,220,0.5);
}
/*サービス名画像*/
td.serviceName img {
	width:auto;
	height:40px;
}
/*評価マーク*/
.app {
	font-size:2.4rem;
	line-height:2.4rem;
	vertical-align: middle;
}
@media screen and (max-width: 480px) {
table.compareTable {
  width:70%;
}
table.compareTable thead {
  display: none;
}
table.compareTable tr {
	margin-bottom:10px;
	display: block;
}
table.compareTable td {
  border-bottom: 1px solid rgba(0,0,0,1);
  display: block;
}
table.compareTable td:last-child {
  border-bottom: none;
}
table.compareTable td:before {
  content: attr(aria-label);
  margin-right:10px;
}
th.serviceName,
td.serviceName {
	width:100%;
}
th.serviceFee,
td.serviceFee {
	width:100%;
}
td.serviceFee:before {
	display:none;
}
}


/*============================================================================================
↓ローディング================================================================================
============================================================================================*/
#loadingWrap {
    width: 100%;
	height: 100vh;
	background-color:rgba(255,255,255,1);
	overflow: hidden;
    position: fixed;
    top: 0;
	left: 0;
    z-index: 99999;
}
#loadingWrap .spinner {
	width:110px;
	height:70px;
	position: absolute;
	left: 50%;
    top: 50%;
	margin-left:-55px;
	margin-top:-35px;
	
	text-align: center;
}
.spinner > div {
	width: 10px;
	height: 10px;
	margin: 0 5px;
	background-color: rgba(232,84,33,1);
	border-radius: 100%;
	display: inline-block;
	-webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
	animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}
.spinner .bounce1 {
	background-color: rgba(0,172,201,1);
	-webkit-animation-delay: -0.32s;
	animation-delay: -0.6s;
}
.spinner .bounce2 {
	background-color: rgba(103,102,101,1);
	-webkit-animation-delay: -0.16s;
	animation-delay: -0.48s;
}
.spinner .bounce3 {
	background-color: rgba(236,233,92,1);
	-webkit-animation-delay: -0.16s;
	animation-delay: -0.32s;
}
.spinner .bounce4 {
	background-color: rgba(75,60,43,1);
	-webkit-animation-delay: -0.16s;
	animation-delay: -0.16s;
}
@-webkit-keyframes sk-bouncedelay {
  0%, 80%, 100% { -webkit-transform: scale(0) }
  40% { -webkit-transform: scale(1.0) }
}
@keyframes sk-bouncedelay {
  0%, 80%, 100% {
    transform: scale(0);
  } 40% {
    transform: scale(1.0);
  }
}
#fade{
    width: 100%;
    height: 100%;
    display: none;
    background-color:rgba(255,255,255,1);
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 9999;
}


/*============================================================================================
↓見出しスタイル==============================================================================
============================================================================================*/
/*タイトル1*/
.ttlStyle1 {
	text-align:center;
	padding:50px 0;
}
/*=====2019.07.12修正=====*/
.ttlStyle1 .copy {
	font-size:1.6rem;
	line-height:1.6rem;
	border-bottom:solid 1px rgba(0,0,0,1);
	display:inline-block;
	margin:0 0 5px;
}
.ttlStyle1 > .ttl {
	font-size:2.4rem;
    line-height:3rem;
    position:relative;
    padding:5px 0 30px;
    font-weight: bold;
}
/*=====2019.07.12修正=====*/
.ttlStyle1 > .ttl:after {
	color:rgba(255,255,255,1);
	font-family:"Open Sans", sans-serif;
	font-size:1.4rem;
	font-weight:bold;
    line-height:1.4rem;
	white-space: nowrap;
	text-transform:uppercase;
	position:absolute;
    bottom:0;
    left:50%;
    transform:translate(-50%,0);
    display:block;
    content:attr(title) " ";
    padding:3px;
	box-shadow: 0px 3px 0px rgba(204,204,204,1);
	background-image:url(../../teoria-danrei/img/bg-bicolor.png);
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
}
/*タイトル2*/
.ttlStyle2 {
	font-size:2rem;
    line-height:2.4rem;
	text-align:center;
	position:relative;
	padding:0 0 15px;
	margin:30px 0;
}
.ttlStyle2:before {
	content: "";
    border-bottom: solid 2px rgba(0,0,0,1);
    width: 60px;
    height: 10px;
    position: absolute;
    bottom: 0px;
    left: 50%;
    transform: translate(-50%,0);
}
.ttlStyle2:after {
	font-family:"Open Sans", sans-serif;
	font-size:1.4rem;
	font-weight:bold;
    line-height:1.4rem;
    display:block;
	margin: 5px 0 0;
	content:attr(title) " ";
}


/*============================================================================================
↓共通スタイル================================================================================
============================================================================================*/
.selif {
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}
.sansselif {
	font-family:"Open Sans","Noto Sans Japanese","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
/*太字*/
.bolder {
	font-weight:bold;
}
/*背景カラー*/
.backgroundDot {
	background-image:url(../../teoria-danrei/img/bg-dot.png);
	background-repeat: repeat;
}
.backgroundGrid {
	background-image:url(../../teoria-danrei/img/bg-grid.png);
	background-repeat: repeat;
}
.backgroundBeige {
	background-color:rgba(243,237,220,1);
}
/*マーカーアンダーライン*/
.underlineRed {
	background: linear-gradient(transparent 70%, rgba(232,94,33,1) 0%);
}
.underlineLemon {
	background: linear-gradient(transparent 70%, rgba(236,233,92,1) 0%);
}
.underlinePink {
	background: linear-gradient(transparent 70%, rgba(241,122,102,1) 0%);
}
.underlineGreen {
	background: linear-gradient(transparent 70%, rgba(0,157,136,1) 0%);
}
.underlineBlue {
	background: linear-gradient(transparent 70%, rgba(39,101,211,1) 0%);
}
/*サービステキスト色*/
.txtRed {
	color:rgba(232,94,33,1);
}
.txtTu {
	color:rgba(253,208,0,1);
}
.txtPink {
	color:rgba(241,122,102,1);
}
.txtGreen {
	color:rgba(0,157,136,1);
}
.txtBlue {
	color:rgba(39,101,211,1);
}


/*============================================================================================
↓カラム設定スタイル==========================================================================
============================================================================================*/
/*2カラム→2カラム→1カラム*/
.colset-2 {
	margin-left:-2%;
    overflow:hidden;
    display: flex;
    flex-wrap: wrap;
}
.colset-2 > .col {
	float:left;
	width:48%;
	margin:0 0 20px 2%;
	list-style:none;
}

@media screen and (max-width: 480px) {
.colset-2 {
	margin-left:0;
}
.colset-2 > .col {
	float:none;
	width:100%;
	margin:0 0 20px 0;
}
}

/*3カラム→3カラム→1カラム*/
.colset-3 {
	margin-left:-2%;
    overflow:hidden;
    display: flex;
    flex-wrap: wrap;
}
.colset-3 > .col {
	float:left;
	width:31.3333%;
	margin:0 0 20px 2%;
	list-style:none;
}

@media screen and (max-width: 480px) {
.colset-3 {
	margin-left:0;
}
.colset-3 > .col {
	float:none;
	width:100%;
	margin:0 0 20px 0;
}
}

/*4カラム→2カラム→1カラム*/
.colset-4 {
	margin-left:-2%;
    overflow:hidden;
    display: flex;
    flex-wrap: wrap;
}
.colset-4 > .col {
	float:left;
	width:23%;
	margin:0 0 20px 2%;
	list-style:none;
}
@media screen and (max-width: 768px) {
.colset-4 > .col {
	width:48%;
}
}
@media screen and (max-width: 480px) {
.colset-4 {
	margin-left:0;
}
.colset-4 > .col {
	float:none;
	width:100%;
	margin:0 0 20px 0;
}
}

/*5カラム→3カラム→1カラム*/
.colset-5 {
	margin-left:-2%;
    overflow:hidden;
    display: flex;
    flex-wrap: wrap;
}
.colset-5 > .col {
	float:left;
	width:18%;
	margin:0 0 20px 2%;
	list-style:none;
	display: block;
}
@media screen and (max-width: 768px) {
.colset-5 > .col {
	width:31.333%;
}
}
@media screen and (max-width: 480px) {
.colset-5 {
	margin-left:0;
}
.colset-5 > .col {
	float:none;
	width:100%;
	margin:0 0 20px 0;
}
}

/*============================================================================================
↓本文欄======================================================================================
============================================================================================*/
.editArea p {
	font-size:1.6rem;
	line-height:2em;
	margin-bottom:30px;
}
.editArea p:last-child {
	margin-bottom:0px;
}
.editArea div {
	margin-bottom:30px;
}
.editArea h1 {
	font-size:2.2rem;
    font-weight:normal;
    line-height:1.6em;
    position:relative;
    padding:22px 0 15px;
    margin:0 0 30px;
    border-top:solid 2px rgba(236,233,92,1);
    border-bottom:solid 1px rgba(236,233,92,1);
}
.editArea h1:before {
	content:"";
    position: absolute;
    width:100%;
    height:10px;
    top:7px;
	border-top:solid 1px rgba(236,233,92,1);
}
.editArea h2 {
	font-size: 2.2rem;
    line-height: 1.6em;
    padding: 12px 0px 12px 10px;
    background-color: #F3EDDC;
    border-left: solid 8px;
    margin: 45px 0px 30px 0px;
}
.editArea h3 {
	font-size: 1.8rem;
    line-height: 1.6em;
    padding: 11px 15px;
    margin: 35px 0px 15px 0px;
    border-top: solid 2px rgba(0,0,0,1);
    border-bottom: solid 2px rgba(0,0,0,1);
}
.editArea h4 {
	font-size: 1.6rem;
    line-height: 1.6em;
    padding: 5px 10px;
    margin-bottom: 10px;
    background: transparent;
    border-left: solid 5px;
}
.editArea h5 {
	font-size:1.6rem;
	font-weight:normal;
	line-height:1.6em;
	padding-bottom:10px;
	margin-bottom:20px;
	border-bottom:dotted 1px rgba(0,0,0,1);
}
.editArea h6 {
	font-size:1.6rem;
	font-weight:normal;
	line-height:1.6em;
	padding-bottom:10px;
	margin-bottom:20px;
	border-bottom:dotted 1px rgba(0,0,0,1);
}
.editArea em {
	font-style:italic;
	font-weight:bold;
}
.editArea strong {
	font-weight:bold;
}
.editArea ul {
	font-size: 1.6rem;
    line-height: 2em;
    padding-left: 20px;
    margin: 30px 10px;
}
.editArea ul li {
	list-style-type:disc;
}
.editArea ul li:last-child {
	margin-bottom:0px;
}
.editArea ol {
	counter-reset: list-count;
	font-size:1.6rem;
	line-height:2em;
	padding-left:5px;
	margin:30px 10px;
}
.editArea ol li {
	list-style-type:none;
	
}
.editArea ol li::before{
	content: counter(list-count) ".";
	counter-increment: list-count;
	font-weight: bold;
	margin-right: 5px;

}
.editArea ol li:last-child {
	margin-bottom:0px;
}
.editArea dl {
	font-size:1.6rem;
	padding:0px 5px 0px 5px;
	margin:30px 0px;
	
}
.editArea dl dt {
	font-weight: 700;
	line-height:2em;
	padding: 10px;
	background: #F5F5F5;
	margin-bottom: 10px;
}
.editArea dd {
	margin: 0px 10px 25px 10px;
	line-height: 1.7em;
}


.editArea blockquote {
	padding:20px;
	border:solid 1px rgba(0,0,0,1);
	margin-bottom:20px;
}
.editArea hr {
	margin:30px auto;
	border:0;
}
.editArea img {
	max-width:100%;
	height:auto;
	/*margin-bottom:20px;*/
}
.editArea a:link,
.editArea a:visited {
	text-decoration:underline;
	color:#007db9;
}
.editArea a:hover {
	text-decoration:none;
	color: #ed6d34;
}

.editArea table {
	width: 100%;
	border-collapse: collapse;
	border: 1px solid #ccc;
	font-size: 1.6rem;
	line-height: 2em;

}
.editArea th {
	background-color: #f5f5f5;
	border: 1px solid #ccc;
	text-align: center;
	padding:7px;
	font-weight: bold;
}
.editArea td {
	padding: 5px 5px 5px 8px;
	border: 1px solid #ccc;
}


/*埋め込みYoutube対策*/
.editArea iframe{ width:100%; max-width:100%; }


/* 本文のカラム設定20190712木村 */
.myrow{display:-webkit-flex;display:flex;}
.mycol-1{flex:1;}
.mycol-2{flex:2;}
.mycol-3{flex:3;}
.mycol-4{flex:4;}
.mycol-5{flex:5;}
.mycol-6{flex:6;}
@media screen and (max-width:700px){
  .myrow{-webkit-flex-direction:column;flex-direction:column;}
}

/* 画像と文章の中央揃え20190712木村*/
.imagecenter { text-align: center ; }

/* 黄色マーカー20190712木村 */
.yellowMarker { background-color: #ECE95C ; 
font-weight:bold ; }

/* 橙枠囲い20190712木村 */
.orangeboxstyle { border : 5px solid #ed6d34 ; padding : 20px ; }

/* グレー囲い20190712木村 */
.grayboxstyle { background-color : #F3EDDC ; padding : 20px ; }

/* 13pxの文字サイズ20190712木村 */
.minifontsize { font-size: 13px; }

/* お客様の声用画像囲い20190712木村 */
.voicebox { border : 2px solid #000000;
 border-left:0px;
 border-right:0px;
 padding: 20px;
 text-align: center; 
}

/*============================================================================================
↓記事内の目次================================================================================
============================================================================================*/

#toc_container {
    padding: 20px 30px 30px 30px;
    box-sizing: border-box;
}
#toc_container .toc_title {
    text-align: center;
    margin-bottom: 35px;
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 10px !important;
    font-size: 1.8rem;
	border-bottom: 1px solid #dddddd;
}
/*============================================================================================
↓ウィジェット================================================================================
============================================================================================*/
#sidebar > .widgetPart {
	background-color:rgba(243,237,220,1);
	padding:20px;
	margin:0 0 20px;
}
#sidebar > .widgetPart:last-child {
	margin:0;
}
#sidebar > .widgetPart a:link,
#sidebar > .widgetPart a:visited {
	text-decoration:none;
}
#sidebar > .widgetPart a:hover {
}

.widgetPart p {
	font-size:1.4rem;
	line-height:1.6em;
	margin-bottom:15px;
}
.widgetPart p:last-child {
	margin-bottom:0px;
}
.widgetPart h1 {
    font-size: 1.6rem;
    line-height: 1.6em;
    padding: 0 0 10px;
	margin-bottom:15px;
    border-bottom: solid 1px rgba(204,204,204,1);
}
.widgetPart h2 {
    font-size: 1.6rem;
    line-height: 1.6em;
    padding: 0 0 10px;
	margin-bottom:15px;
    border-bottom: solid 1px rgba(204,204,204,1);
}
.widgetPart h3 {
	font-size:1.4rem;
	line-height:1.6em;
	padding-bottom:7px;
	margin-bottom:15px;
	border-bottom:solid 1px rgba(204,204,204,1);
}
.widgetPart h4 {
	font-size:1.4rem;
	line-height:1.6em;
	padding:7px 10px;
	margin-bottom:15px;
	border:dotted 1px rgba(204,204,204,1);
}
.widgetPart h5 {
	font-size:1.4rem;
	font-weight:normal;
	line-height:1.6em;
	padding-bottom:10px;
	margin-bottom:15px;
	border-bottom:dotted 1px rgba(204,204,204,1);
}
.widgetPart h6 {
	font-size:1.4rem;
	font-weight:normal;
	line-height:1.6em;
	padding-bottom:10px;
	margin-bottom:15px;
	border-bottom:dotted 1px rgba(204,204,204,1);
}

.widgetPart em {
	font-style:italic;
	font-weight:bold;
}
.widgetPart strong {
	font-weight:bold;
}
.widgetPart ul {
	font-size:1.4rem;
	line-height:2em;
	padding-left:20px;
	margin-bottom:15px;
}
.widgetPart ul li {
	list-style-type:disc;
}
.widgetPart ul,
.widgetPart ul li:last-child {
	margin-bottom:0px;
}
.widgetPart ol {
	font-size:1.4rem;
	line-height:2em;
	padding-left:20px;
	margin-bottom:15px;
}
.widgetPart ol li {
	list-style-type:decimal;
}
.widgetPart ol,
.widgetPart ol li:last-child {
	margin-bottom:0px;
}
.widgetPart blockquote {
	padding:20px;
	border:solid 1px rgba(204,204,204,1);
	margin-bottom:20px;
}
.widgetPart hr {
	margin:30px auto;
	border:0;
}
.widgetPart img {
	max-width:100%;
	height:auto;
	margin-bottom:15px;
}
.widgetPart a:link,
.widgetPart a:visited {
	text-decoration:underline;
}
.widgetPart a:hover {
	text-decoration:none;
}

/*埋め込みYoutube対策*/
.widgetPart iframe{ width:100%; max-width:100%; }

/*RSSアイコン画像*/
.rss-widget-icon {margin-bottom:0!important;}

/*検索フォーム*/
.widgetPart .searchform {
	font-size:1.4rem;
	line-height:2rem;
}

/*カレンダー*/
#wp-calendar {
	width:100%;
}
#wp-calendar  caption {
	font-size:1.4rem;
	line-height:2rem;
	padding:3px 0;
}
#wp-calendar th,
#wp-calendar td {
	font-size:1.2rem;
	line-height:2rem;
	text-align:center;
}
#wp-calendar tbody th,
#wp-calendar tbody td {
	border:solid 1px rgba(153,153,153,1);
}
#wp-calendar tbody td a {
	display:block;
	background-color:rgba(236,233,92,1);
}
#wp-calendar #prev {text-align:left;}
#wp-calendar #next {text-align:right;}

/*ギャラリー画像*/
.gallery-item {
    margin-top:0px!important;
	margin-bottom:5px;
}
.gallery-icon {
	padding:5px;
}
.gallery-icon img {
	margin:0;
	border:none!important;
}