@charset "UTF-8";
/*----------このエリアは削除すると正しく動作しない可能性があります----------

Theme Name:   nuriyuka-blog
Theme URI:    https://www.nuriyuka.jp/blog/
Description:  光コーティングの施工事例ブログ
Author:       nuriyukajp
Author URI:   https://www.nuriyuka.jp/blog/
Template:     lionmedia
Version:      1.2
License:      GNU GENERAL PUBLIC LICENSE
License URI:  http://www.gnu.org/licenses/gpl.html

----------このエリアは削除すると正しく動作しない可能性があります----------*/

body {
	font-family:メイリオ,Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro";
}

/*フォントサイズ*/
.caseWrap h2,content h2 {
	font-size:1.6em;
	font-weight:bold;
	margin:0 0 1em 0;
	line-height:1.2em;
}

.caseWrap h3,content h3 {
	font-size:1.5em;
	line-height:1.2em;
}

.caseWrap p ,content p {
	margin:0 0 1em 0;
	font-family:メイリオ,Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro";
	line-height:1.5em;
}

.content h1 {
    	font-size:1.6em;
	color: #035ab8;
}

.content h2 {
	position: relative;
	padding: 10px 20px;
	color: #ffffff;
	background: #f1f1f1;
}

.content h2::after {
	position: absolute;
	content: "";
	top: 100%;
	left: 30px;
	border: 15px solid transparent;
	border-top: 15px solid #f1f1f1;
	width: 0;
	height: 0;
}

/*グローバルナビ*/
.l-extra {
	display: flex;
	justify-content: space-between;
	width: 100%;
	z-index: 1000;
}

.searchNavi {
	padding: 10px 0;
}
.globalNavi {
	padding: 0;
}

.globalNavi__list .menu-item {
	padding: 0;
	height: auto;
	margin-bottom: 0;
	border-left: 0;
}

.globalNavi__list .page_item a,
.globalNavi__list .menu-item a{
	display: block;
	padding: 19px 15px;
	transition: .2s;
}

@media only screen and (max-width: 767px){
	.globalNavi::-webkit-scrollbar {
		height: 3px;
	  }
	  .globalNavi::-webkit-scrollbar-track {
		-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
		border-radius: 10px;
	  }
	  .globalNavi::-webkit-scrollbar-thumb {
		background: #f0b200;
		border-radius: 5px;
		-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.1);
	  }
}

/*ヘッダー*/
.siteTitle {
	width: calc(100% - 100px);
	height: 60px;
	margin-top: 15px;
}

.siteTitle__sub {
	float: right;
	height: 50px;
	width: auto;
}

.hd-mail {
	float: right;
	margin-left: 10px;
	margin-right: 10px;
	height: 50px;
	width: auto;
}

.siteTitle__sub img,
.hd-mail img {
	height: 50px;
	width: auto;
}

.menuNavi__link {
	height: 80px;
	line-height: 80px;
}

.pc-no {
	display: none;
}

@media only screen and (max-width: 1024px)  {
	.sm-no {
		display: none;
	}
	.pc-no {
		display: block;
	}
	.siteTitle__sub {
		width: 40px;
	}
}

/*ロゴサイズ*/
a.siteTitle__link {
	height: 40px;
}

img.siteTitle__img {
	max-height: 40px;
}

@media only screen and (max-width: 1024px)  {
	.siteTitle {
		height: 40px;
	}
	a.siteTitle__link {
		height: 35px;
	}
	img.siteTitle__img {
		max-height: 35px;
	}
	.siteTitle__sub {
		height: 35px;
		width: auto;
	}
	.hd-mail {
		margin-left: 15px;
		/*margin-right: 15px;*/
		height: 35px;
		width: auto;
	}
	.siteTitle__sub img,
	.hd-mail img {
		height: 35px;
		width: auto;
	}
	.menuNavi__link {
		height: 70px;
		line-height: 70px;
	}
}

@media only screen and (max-width: 767px) {
	.siteTitle {
		height: 50px;
	}
	.siteTitle__sub {
		display: block;
	}
	.menuNavi__link {
		height: 65px;
		line-height: 65px;
	}
}

@media only screen and (max-width: 479px)  {
	.siteTitle {
		margin-top: 10px;
		height: 80px;
	}
	a.siteTitle__link {
		height: 30px;
	}
	img.siteTitle__img {
		max-height: 30px;
	}
	.siteTitle__sub {
		margin-top: 10px;
		margin-left: 0;
	}
	.hd-mail {
		margin-right: 5px;
	}
	.hd-mail img {
		margin-top: 10px;
	}
	.siteTitle__sub {
		height: 30px;
		width: auto;
	}
	.hd-mail {
		/*margin-left: 10px;*/
		height: 30px;
		width: auto;
	}
	.siteTitle__sub img,
	.hd-mail img {
		height: 30px;
		width: auto;
	}
	.menuNavi__link {
		height: 90px;
		line-height: 90px;
	}
}

@media only screen and (max-width: 360px)  {
	.siteTitle {
		height: 70px;
	}
	a.siteTitle__link {
		height: 20px;
	}
	img.siteTitle__img {
		max-height: 20px;
	}
	.menuNavi__link {
		height: 80px;
		line-height: 80px;
	}
}

/*アーカイブ*/
.eyecatch__cat,
.key__cat {
	display: none;
}

.key__title {
	font-size: 1.7rem;
}

.heading-archive {
	font-size: 1.7rem !important;
}

@media only screen and (max-width: 767px) {
	.heading-archive {
		font-size: 1.4rem !important;
	}
}

/*シングル*/
.heading-singleTitle {
	font-size: 2.6rem !important;
}

@media only screen and (max-width: 767px) {
	.heading-singleTitle {
		font-size: 2.0rem !important;
	}
}


/*メインビジュアルタグ*/
.dateList-singleTitle .icon-tag {
	display: none;
}

/*========================================
	事例集
========================================*/

/* caseWrap */

.caseWrap {
	padding: 10px 0;
}

.caseWrap table.caseTb {
	padding: 0px;
	width: 100%;
	border: none;
}

.caseWrap table.caseTb tr {
	border: none;
}

.caseWrap table.caseTb td {
	border: none;
}

.casePic {
	margin: 0;
	padding: 0;
	width: 298px;
}

.casePicBefore {
	position: relative;
	text-align: right;
}

.casePicBefore img {
	background-color: #fff;
	padding: 4px;
	border: solid 1px #ddd;
}

.casePicBeforeIn {
	position: absolute;
	top: 0;
	left: 0;
}

.casePicBeforeIn img {
	padding: 0;
	background: none;
	border: none;
}

.casePicAfter {
	position: relative;
	margin: auto;
	text-align: center;
}

.casePicAfter img {
	box-sizing: border-box;
	background-color: #fff;
	padding: 4px;
	border: solid 1px #ddd;
	width:100%;
	height: auto;
}

.casePicAfterIn {
	position: absolute;
	top: 0;
	left: 0;
}

.casePicAfterIn img {
	padding: 0;
	background: none;
	border: none;
}

.caseIcon {
	margin: 0;
	padding: 0;
	text-align: center;
	vertical-align:middle;
}

section.caseWrap h3 {
	margin: 30px 0 15px 0 !important;
	padding-left: 8px !important;
	border-left: solid 5px #035ab8;
	border-bottom: none;
	background: none;
	color: #035ab8;
	line-height: 1.2em;
	font-weight: bold !important;
}

section.caseWrap table.case_spec {
	margin: 10px 0;
	width: 100%;
	line-height:1.5em;
	border: solid 1px #e5e5e5;
	border-collapse:collapse;
}

section.caseWrap table.case_spec tr {
	border-top: solid 1px #ddd;
}

section.caseWrap table.case_spec th,
section.caseWrap table.case_spec td {
	padding: 8px;
	border: none;
}

section.caseWrap table.case_spec th {
	width: 30%;
	color: #fff;
	font-weight: bold;
	font-size: 100%;
	background: #f39800;
	text-align: left;
	vertical-align: top;
}

section.caseWrap table.case_spec tr:first-child {
	border: none;
}

.DiagnoseErea {
	box-sizing: border-box;
	margin-bottom: 10px;
	padding: 0;
	border:1px solid #e5e5e5;
	width: 100%;
}

table.DiagnoseTb {
	width: 100%;
	margin: 0 auto;
	padding: 0;
	border: none;
}

table.DiagnoseTb tr {
	border: none;
}

table.DiagnoseTb td {
	padding: 3px 5px;
	vertical-align: top;
	border: none;
}

.DiagnosePic {
	margin: 0;
	padding: 0;
	width: 320px;
	text-align: center;
}

.DiagnosePic img {
	box-sizing: border-box;
	margin: 10px 0 0 0;
	background-color: #fff;
	padding: 4px;
	border: solid 1px #ddd;
	height: auto;
}

p.DiagnoseText {
	margin: 5px;
	padding: 5px;
	text-align: left;
	white-space: normal;
	background: #f2f2f2;
}

figure.postImg img {
	box-sizing: border-box;
	background-color: #fff;
	padding: 4px;
	border: solid 1px #ddd;
	height: auto;
}

.shop_content {
	padding: 20px 20px 10px 20px;
	border: solid 3px #addb2c;
	margin: 10px 0 20px 0;
}

.shop_content img {
	max-width: 100%;
	height: auto;
}

div.line {
	margin: 0;
	width: 100%;
	height: 3px;
	background: #e5e5e5;
}

/*========================================
	事例集 クレーム解決
========================================*/

casePictureWrap {
	width: 100%;
}

.casePicture {
	float: left;
	margin: 0 2% 10px 0;
	width: 32%;
	height: auto;
}

.casePicture img {
	max-width: 100%;
	height: auto;
}

.casePicture:nth-child(3),
.casePicture:nth-child(6) {
	margin: 0 0 10px 0;
}

.causeWrap div.causeContents {
	margin-bottom:40px;
}

.caselink {
    margin: 20px 0 10px 0;
}

@media screen and (max-width: 480px) {
	.casePicture {
		float: none;
		margin: 0 0 10px 0;
		width: 100%;
		height: auto;
	}
}

/*========================================
	4-1.施工事例
========================================*/

.caseWrapWorks h2 {
    margin: 0 0 20px 0;
    padding: 10px 15px 10px 15px;
    color: #5c4621;
    font-size: 21px;
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0.00,#f5f5f5),color-stop(1.00,#f8f8f8));
    background: -webkit-linear-gradient(#f5f5f5,#f8f8f8);
    background: -moz-linear-gradient(#f5f5f5,#f8f8f8);
    background: -o-linear-gradient(#f5f5f5,#f8f8f8);
    background: -ms-linear-gradient(#f5f5f5,#f8f8f8);
    background: linear-gradient(#f5f5f5,#f8f8f8);
    box-shadow: 0px 7px 2px -2px rgb(0 43 162);
    -webkit-box-shadow: 0px 7px 2px -2px rgb(0 43 162);
    -moz-box-shadow: 0px 7px 2px -2px rgba(0,43,162,1.0);
}

.caseWrapWorks h2:before {
    content: url(https://www.nuriyuka.jp/blog/images/logo-page.png);
    margin-right: 10px;
}

.caseWrapWorks .ul {
	margin-top: 30px;
}

.caseWrapWorks ul li {
	margin-bottom: 10px;
}

.caseWrapWorks table.caseSpec {
	margin: 20px 0;
	padding: 0;
	width: 100%;
	border: solid 1px #e5e5e5;
}

.caseWrapWorks table.caseSpec tr {
	border-top: solid 1px #ddd;
}

.caseWrapWorks table.caseSpec th {
	font-weight: normal;
	background: #002ba2;
	text-align: left;
	vertical-align: top;
	padding: 18px 15px;
	width: 25%;
	white-space: nowrap;
	color: #fff;
	font-size: 110%;
	font-weight: bold;
}

.caseWrapWorks table.caseSpec td {
	background: #fff;
	padding: 18px 15px;
	/*width: 25%;*/
	color: #383838;
	font-size: 14px;
}

.caseWrapWorks table.caseTb {
	margin :10px 0 0 0;
	padding: 0;
	width: 100%;
	border: none;
	background: none;
}

.caseWrapWorks table.caseTb tr,
.caseWrapWorks table.caseTb td {
	border: none;
	background: #fff;
}

.caseWrapWorks .casePic {
	margin: 0;
	padding: 0;
	width: 45% !important;
	vertical-align: top;
}

.caseWrapWorks .casePic img {
	max-width: 400px;
}

.caseWrapWorks .casePicBefore {
	position: relative;
}

.caseWrapWorks .casePicBefore img {
	background-color: #fff;
	padding: 4px;
	border: solid 1px #ddd;
	width: 100%;
	height: auto;
}

.caseWrapWorks .casePicBeforeIn {
	position: absolute;
	top: 0;
	left: 0;
}

.caseWrapWorks .casePicBeforeIn img {
	padding: 0;
	background: none;
	border: none;
}

.caseWrapWorks .casePicAfter {
	position: relative;
	text-align: left;
}

.caseWrapWorks .casePicAfter img {
	/*background-color: #fff;*/
	padding: 4px;
	/*border: solid 1px #ddd;*/
	width: 100%;
	height: auto;
}

.caseWrapWorks .casePicAfterIn {
	position: absolute;
	top: 0;
	left: 0;
}

.caseWrapWorks .casePicAfterIn img {
 	padding: 0;
	background: none;
	border: none;
}

.caseWrapWorks .casePicSingle {
	padding: 0;
	width: 100%;
}

.caseWrapWorks .caseIcon {
	margin: 0;
	padding: 0;
	text-align: center;
	vertical-align:middle;
}

.caseWrapWorks .caseIconImgSm {
	display: none;
}

@media only screen and (max-width:480px){
	.caseWrapWorks table.caseTb th,
	.caseWrapWorks table.caseTb td{
		width: 100% !important;
		display: block;
		border-top: none;
		text-align: center;
	}
	.caseWrapWorks table.caseTb tr:first-child th { border-top: 1px solid #ddd; }

	.caseWrapWorks table.caseSpec th{
		width: 100%;
		display: block;
		border-top: none;
		text-align: center;
	}
	.caseWrapWorks table.caseSpec td{
		width: 100%;
		display: block;
		border-top: none;
		text-align: left;
	}
	.caseWrapWorks table.caseSpec tr:first-child th { border-top: 1px solid #ddd; }

	.caseWrapWorks .caseIconImg {
		display: none;
	}
	.caseWrapWorks .caseIconImgSm {
		display: inline-block;
	}
}

/*@media only screen and (max-width: 768px) {
	.shop_content {
		padding: 15px;
	}
}

.shop_content img {
	max-height: 650px;
	width: auto;
}*/

.caseWrapWorks h3 {
    margin: 30px 0 20px 0;
    padding: 10px 5px 10px 8px;
    border-left: solid 5px #002ba2;
    color: #5c4621;
    font-size: 18px;
    background: #f8f8f8;
}

.caseWrapWorks p {
    margin: 0.85em 0;
}

.youtubeMovie iframe {
    max-height: 200px;
}

/*========================================
	サブページ
========================================*/

.dl-style01 {
	margin: 0 20px;
}

.dl-style01 dt {
	margin-top: 20px;
	font-weight: bold;
}

.dl-style01 dd {
	color: #444000;
	border-bottom: 1px solid #ddd;
}

#sitemap_list li a {
	padding-left: 10px;
}

#sitemap_list li a:hover {
	text-decoration: none;
}

/*========================================
	ブログフッター
========================================*/

.blog-footer {
	margin-top: 40px;
}

.blog-footerBox:after {
/* :after擬似要素による子ボックスのフロートクリア */
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}

.blog-footerLeft{float:left;margin:0 3% 0 0;width:40%;}
.blog-footerRight{float:right;margin:5px 0 0 0;width:57%;}

.blog-footerLeft img {
	max-width: 100%;
	height:auto;
}

@media only screen and (max-width: 480px) {
	.blog-footerLeft{float:none;margin:0 auto 25px auto;text-align:center;width:100%;}
	.blog-footerRight{float:none;width:100%;}
}

.blog-footer h2 {
	position: relative;
	padding: 10px 20px;
	color: #ffffff;
	font-size: 1.5em;
	background: #035ab8;
}

.blog-footer h2::after {
	position: absolute;
	content: "";
	top: 100%;
	left: 30px;
	border: 15px solid transparent;
	border-top: 15px solid #035ab8;
	width: 0;
	height: 0;
}

.blog-footer h3 {
	margin: 30px 0 15px 0;
	padding-left: 8px;
	border-left: solid 5px #035ab8;
	border-bottom: none;
	background: none;
	color: #035ab8;
	line-height: 1.2em;
	font-size: 1.5em;
	font-weight: bold;
}

.blog-footer h4 {
	margin: 20px 0 10px 0;
	color: #035ab8;
	line-height: 1.2em;
	font-size: 1.2em;
	font-weight: bold;
}

.blog-footer .banner {
	margin-top: 30px;
}

.clear{clear:both;}

/*========================================
	ブログフッター
========================================*/

.blog-footer {
	margin-top: 40px;
}

.blog-footerBox:after {
/* :after擬似要素による子ボックスのフロートクリア */
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}

.blog-footerLeft{float:left;margin:0 3% 0 0;width:40%;}
.blog-footerRight{float:right;margin:5px 0 0 0;width:57%;}

.blog-footerLeft img {
	max-width: 100%;
	height:auto;
}

@media only screen and (max-width: 480px) {
	.blog-footerLeft{float:none;margin:0 auto 25px auto;text-align:center;width:100%;}
	.blog-footerRight{float:none;width:100%;}
}

.blog-footer h2 {
	position: relative;
	padding: 10px 20px;
	color: #ffffff;
	font-size: 1.5em;
	background: #035ab8;
}

.blog-footer h2::after {
	position: absolute;
	content: "";
	top: 100%;
	left: 30px;
	border: 15px solid transparent;
	border-top: 15px solid #035ab8;
	width: 0;
	height: 0;
}

.blog-footer h3 {
	margin: 30px 0 15px 0;
	padding-left: 8px;
	border-left: solid 5px #035ab8;
	border-bottom: none;
	background: none;
	color: #035ab8;
	line-height: 1.2em;
	font-size: 1.5em;
	font-weight: bold;
}

.blog-footer h4 {
	margin: 20px 0 10px 0;
	color: #035ab8;
	line-height: 1.2em;
	font-size: 1.2em;
	font-weight: bold;
}

.blog-footer .banner {
	margin-top: 30px;
}

.clear{clear:both;}

/* 固定フッター */
.socket_color {
	margin-bottom: 95px !important;
}

#fixFooter {
	position: fixed !important;
	bottom: 0;
	left: 0;
	z-index: 1000;
	width:100%;
	background-image: url(../../../images/fix/fix_bg.png);
	background-position: left bottom ;
	background-repeat: repeat-x;
}

#fixFooter a {
	text-decoration:none;
}

#fixFooter .inner {
	margin: 0 auto 8px auto;
	width: 1000px;
	max-width: 100%;
	text-align: center;
}

#fixFooter .inner:after {
/* :after擬似要素による子ボックスのフロートクリア */
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}

#fixFooter ul.fixFooterSm {
	display: none;
}

#fixFooter ul {
	margin: 15px auto 0 auto;
	padding: 0;
}

#fixFooter li {
	display:inline-block;
	margin: 0 0 0 20px;
	padding: 0;
	list-style-type: none;
}

#fixFooter li.ftLogo {
	margin: 0;
}

#fixFooter li img {
	max-width: 100%;
	height: auto;
}

@media only screen and (max-width:480px) {
	.socket_color {
		margin-bottom: 60px !important;
	}
	#fixFooter ul.fixFooterSm {
		display: block;
	}
	#fixFooter ul.fixFooterPc {
		display: none;
	}
}

/*========================================
	ブログカスタムフッター
========================================*/

.blog-custom-footer img {
	max-width: 100%;
	height:auto;
}

.blog-custom-footer h2 {
	position: relative;
	padding: 10px 20px;
	color: #ffffff;
	font-size: 1.3em;
	background: #035ab8;
}

.blog-custom-footer h2::after {
	position: absolute;
	content: "";
	top: 100%;
	left: 30px;
	border: 15px solid transparent;
	border-top: 15px solid #035ab8;
	width: 0;
	height: 0;
}

.blog-custom-footer h3 {
	margin: 40px 0 15px 0;
	padding-left: 8px;
	border-left: solid 5px #035ab8;
	border-bottom: none;
	background: none;
	color: #035ab8;
	line-height: 1.2em;
	font-size: 1.3em;
	font-weight: bold;
}

.blog-custom-footer h4 {
	margin: 20px 0 10px 0;
	color: #035ab8;
	line-height: 1.2em;
	font-size: 1.2em;
	font-weight: bold;
}

.pum-container {
	border: 6px solid #e5e5e5 !important;
}

.pum-trigger {
	width: 150px;
	padding: 10px;
	color: #fff;
	font-weight: bold;
	background: #035ab8;
	border-radius: 5px;
	border: none;
}

.telLink {font-weight:normal;}

/*========================================
	汎用
========================================*/

.bold {font-weight:bold;}

/* フォントサイズのパターン */
.font200{font-size:200%;}
.font150{font-size:150%;}
.font140{font-size:140%;}
.font130{font-size:130%;}
.font120{font-size:120%;}
.font110{font-size:110%;}
.font95{font-size:95%;}
.font90{font-size:90%;font-weight:normal;}
.font80{font-size:80%;font-weight:normal;}
.font70{font-size:70%;font-weight:normal;}
.font60{font-size:60%;font-weight:normal;}
.font50{font-size:50%;font-weight:normal;}

/* フォント色のパターン */
.fontred1{color:#FF0000;}
.fontred2{color:#FF3300;}
.fontred3{color:#d7000f;}
.fontorange1{color:#FF6600;}
.fontorange2{color:#FF9900;}
.fontorange3{color:#FF4E00;}
.fontyellow1{color:#FFcc00;}
.fontyellow2{color:#FFFF00;}
.fontblue1{color:#0000FF;}
.fontblue2{color:#3399CC;}
.fontblue3{color:#0168AE;}
.fontgreen1{color:#006600;}
.fontgreen2{color:#99CC00;}
.fontgreen3{color:#82AC00;}
.fontbrown1{color:#993300;}
.fontbroun2{color:#CC9966;}
.fontpurple1{color:#6633CC;}
.fontpurple2{color:#9999FF;}
.fontpink1{color:#FF33CC;}
.fontpink2{color:#FF99CC;}
.fontpink3{color:#fae2e7;}
.fontpink4{color:#dc007f;}
.fontgray1{color:#666666;}
.fontgray2{color:#999999;}
.fontw{color:#ffffff;}

p.nocomments{display:none;}

.mt20{margin-top:20px !important;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mb40{margin-bottom:40px !important;}