@charset "utf-8";
/*
Theme Name: gold_containment
Theme URI: null
Description: Description
Author: QP
Version: 1.0
*/

.aligncenter {
	display: block;
	margin: 0 auto;
}
.alignright {
	float: right;
}
.alignleft {
	float: left;
}
img[class*="wp-image-"],
img[class*="attachment-"] {
	height: auto;
	max-width: 100%;
}
a.nolink,
a.nolink:hover {
	opacity: 1;
	cursor: default;
	pointer-events: none;
}
/* clearfix */	
.clearfix:after {content: "";display: block;clear: both;}
/*------------------------------------------------------------
	index
------------------------------------------------------------*/
.mainVisual {
	position: relative;
}
.mainVisual img {
	width: 100%;
}
.slick-dots {
	position: absolute;
	left: 0;
	bottom: 20px;
	width: 100%;
	text-align: center;
}
.slick-dots li {
	margin: 0 5px;
	display: inline-block;
}
.slick-dots button {
	font-size: 0;
	width: 15px;
	height: 15px;
	border-radius: 20px;
	border: none;
	cursor: pointer;
	box-shadow: 0 0 5px rgba(3,3,3,0.5)
}
.slick-dots button:hover,
.slick-dots .slick-active button {
	background-color: #008AE2;
}
.pageTitle {
	margin-bottom: 20px;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 160px;
	background: url(img/common/page_bg.jpg) no-repeat center center / cover;
}
.pageTitle .heading01 {
	color: #FFF;
	font-size: 3.6rem;
}
.pageTitle .heading01 .en {
	margin: 5px auto 0;
	padding: 10px 10px 0;
	display: block;
	text-align: center;
	border-top: 1px solid;
}
.pageTitle .heading01 .en:first-letter {
	color: #FFF;
}
.hotPro {
	padding: 40px 0 30px;
	background-color: #F6F4F5;
}
.hotPro ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.hotPro li {
	width: calc((100% - 105px)/4);
}
.hotPro .photo {
	transition: 0.3s;
	overflow: hidden;
}
.hotPro .photo img {
	width: 100%;
	transition: 0.3s;
}
.hotPro p {
	margin: 8px 3px;
	font-size: 1.5rem;
}
@media all and (min-width: 897px) {
	.hotPro a:hover .photo {
		box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
	}
	.hotPro a:hover .photo img {
		transform: scale(1.1);
		z-index: 2;
	}
}
@media all and (min-width: 897px) and (max-width: 1024px) {
	.hotPro p { 
		font-size: 1.4rem;
	}
}
@media all and (max-width: 896px) {
	.pageTitle {
		margin-bottom: 15px;
		height: 100px;
	}
	.pageTitle .heading01 {
		margin-bottom: 0;
		font-size: 2.3rem;
	}
	.hotPro {
		padding: 20px 0 10px;
	}
	.hotPro li {
		width: calc(50% - 8px);
	}
	.hotPro p { 
		font-size: 1.2rem;
	}
}
.company {
	padding: 80px 0;
	background-color: #fff;
}
.imgBox {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.imgBox .textBox {
	width: 54%;
}
.imgBox .textBox p {
	line-height: 1.75;
	text-align: justify;
}
.imgBox .photoBox {
	width: 40%;
}
.imgBox .photoBox img {
	width: 100%;
}
.heading01 {
	margin-bottom: 23px;
	color: #555;
	font-size: 3rem;
}
.heading01 .en {
	margin-left: 10px;
	display: inline-block;
	font-size: 1.2rem;
	text-transform: uppercase;
	letter-spacing: 0.1em;
}
.heading01 .en:first-letter {
	color: #007dc5;
}
.heading02 {
	margin-bottom: 15px;
	color: #01a3eb;
	font-size: 2rem;
}
.center {
	text-align: center !important;
}
.more a:hover {
	text-shadow: 0 0 2px rgba(43,88,182,0.5)
}
.heading01 + .more {
	margin: -50px 0 32px;
	text-align: right;
}
.heading01 + .more + p {
	margin-top: -3px;
}
@media all and (min-width: 897px) {
	.heading01 + .more a:hover {
		color: #231815;
	}
}
@media all and (max-width: 896px) {
	.company {
		padding: 50px 0;
	}
	.imgBox {
		flex-wrap: wrap;
	}
	.imgBox .textBox {
		margin-bottom: 30px;
		width: 100%;
	}
	.imgBox .photoBox {
		width: 100%;
	}
	.heading01 {
		font-size: 2.5rem;
	}
	.heading01 .en {
		margin-left: 5px;
		font-size: 1rem;
		letter-spacing: 0;
	}
	.heading02 {
		font-size: 1.7rem;
	}
	.heading01 + .more {
		margin: -45px 0 30px;
		font-size: 1.2rem;
	}
	.heading01 + .more + p {
		margin-top: -10px;
	}
}
/* product */
.product {
	padding: 80px 0;
}
.tabList {
	margin-bottom: 30px;
	display: flex;
	position: relative;
	z-index: 10;
	border-left: 1px dashed #a9a9a9;
	border-bottom: 1px dashed #a9a9a9;
}
.tabList li {
	border-top: 1px dashed #a9a9a9;
	border-right: 1px dashed #a9a9a9;
}
.tabList a {
	display: block;
	padding: 10px 15px;
}
.tabList a:hover,
.tabList .on a,
.tabList .current-cat a {
	background-color: #eee;	
}
.product .tabBox {
	display: none;
}
.content .P-content {
	margin-bottom: 30px;
}
.content .P-content p {
	margin-bottom: 15px;
}
.content .P-content p:last-child {
	margin-bottom: 0;
}

/*.content .P-content p {
	text-indent:2em;
}*/
.productList {
	margin-top: -50px;
	position: relative;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.productList::after {
	width: calc((100% - 60px)/3);
	content: '';
}
.productList li {
	margin-top: 50px;
	width: calc((100% - 40px)/3);
}
.productList a {
	display: block;
	border: 3px solid #eee;
	background-color: #eee;
}
.productList .photo {
	height: 0;
	padding-bottom: 56.25%;
	background: #FFF url(img/product/product_img.png) no-repeat center center / contain;
}
.productList p {
	margin: 10px 5px;
	font-size: 1.5rem;
	text-align: center;
}
.productList a:hover {
	opacity: 0.7;
}
.moreBtn a {
	margin: 0 auto;
	max-width: 450px;
	padding: 20px 10px;
	display: flex;
	position: relative;
	height: 100%;
	font-size: 2.5rem;
	color: #0082c8;
	justify-content: center;
	align-items: center;
	overflow: hidden;
	box-sizing: border-box;
	border: none;
    transition: 0.3s cubic-bezier(0.7, 0, 0.3, 1);
    box-shadow: 0 0 5px rgba(0,0,0,0.2);
}
.moreBtn a span {
	position: relative;
	z-index: 2;
}
.moreBtn a:hover {
	opacity: 1;
}
div.moreBtn {
	margin-top: 40px;
}
.moreBtn.list {
	margin-top: 70px;
	display: flex;
	flex-wrap: wrap;
}
.moreBtn.list li {
	margin: 0 15px;
	width: calc((100% - 60px)/2);
}
.moreBtn.list li a {
	width: 100%;
	max-width: 100%;
}
.moreBtn.list a,
div.moreBtn a {
	font-size: 2rem;
}
@media all and (min-width: 897px) {
	.moreBtn a:hover {
	 	color: #FFF;
	}
    .moreBtn a:after {
        content: " ";
        position: absolute;
        top: 0;
        height: 100%;
        width: 0;
        left: auto;
        right: 0;
		background-color: #0082c8;
        transition: 0.5s cubic-bezier(0.075, 0.82, 0.165, 1);
    }
    .moreBtn a:hover:after, .moreBtn a:active:after {
        width: 100%;
        right: auto;
        left: 0;
    }
    .moreBtn a:hover, .moreBtn a:active {
        color: #fff;
    }
}
@media all and (max-width: 896px) {
   .product {
		padding: 50px 0;
	}
	.product .tabPanel {
		display: flex;
		justify-content: space-between;
	}
	.tabList {
		flex-wrap: wrap;
	}
	.tabPanel .tabList {
		margin-bottom: 0;
		width: 70px;
		align-content: stretch;
	}
	.tabPanel .tabList li {
		width: 100%;
	}
	.tabList01 {
		border: none;		
	}
	.tabList01 li {
		border: none;
	}
	.tabList a {
		display: flex;
		height: 100%;
		padding: 5px;
		box-sizing: border-box;
		align-items: center;
		justify-content: center;
		font-size: 1.1rem;
	}
	.product .tabBox {
		display: none;
		width: calc(100% - 80px);
	}
	.productList {
		margin-top: -20px;
	}
	.productList::after {
		display: none;
	}
	.productList li {
		margin: 20px 0 0 !important; 
		width: calc(50% - 5px) !important; 
	}
	.productList p {
		margin: 5px;
		font-size: 1.2rem;
	}
	.moreBtn a {
		padding: 10px 10px;
		font-size: 1.8rem;
	}
	.moreBtn.list {
		margin: 30px auto 0;
		max-width: 400px;
	}
	.moreBtn.list li {
		margin: 0 0 10px;
		width: 100%;
	}
}
.newsArea {
	margin-bottom: -100px;
	padding: 40px 0 120px;
	background-color: #FFF;
}
.location {
	margin-bottom: 70px;
	position: relative;
}
.location::before {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0,0,0,0.3);
	content: '';
	z-index: 2;
	opacity: 0;
	transition: 0.3s;
}
.location img {
	position: relative;
	z-index: 1;
}
.location span {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: flex;
	opacity: 0;
	color: #FFF;
	font-size: 4rem;
	justify-content: center;
	align-items: center;
	z-index: 3;
	transition: 0.3s;
	text-shadow: 0 0 10px #FFF,0 0 15px #FFF;
}
.newsInner {
	display: flex;
	justify-content: space-between;
}
.newsInner .news {
	width: 65%;
}
.newsInner .news .more {
	margin-bottom: 15px;
}
.newsList li {
	position: relative;
	border-bottom: 1px dashed #a9a9a9;
}
.newsList a {
	padding: 17px 15px;
	position: relative;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}
.newsList li::after {
	width: 130px;
	height: 1px;
	position: absolute;
	left: 0;
	bottom: -1px;
	content: '';
	border-bottom: 1px solid #a9a9a9;
}
.newsList .date {
	margin-right: 30px;
}
.newsInner .linkList {
	margin-top: 15px;
	width: 32.5%;
}
.newsInner .linkList .link01 {
	margin-bottom: 10px;
} 
.newsInner .linkList .link01 img {
	width: 100%;
}
.newsInner .linkList .link01 a:hover {
	opacity: 0.7;
}
.newsArea .linkList .link02 a {
	display: block;
	height: 180px;
	position: relative;
	background: url(img/index/link_bg.jpg) no-repeat center center / cover;
}
.newsArea .linkList .link02 span {
	transition: 0.3s;
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	width: 70px;
	right: 0;
	top: 0;
	height: 100%;
	color: #FFF;
	line-height: 1.2;
	font-weight: bold;
	font-size: 2.834rem;
	background-color: #01A3EB;
}
@media all and (min-width: 897px) {
	.location:hover:before {
		opacity: 1;
		transform: scale(0.97,0.88);
	}
	.location:hover span {
		opacity: 1;
	}
	.newsList a:hover {
		background-color: #eee;	
	}
	.newsArea .linkList .link02 a:hover span {
		width: 100%;
		background-color: rgba(1,163,235,0.9);
	}
}
@media all and (max-width: 896px) {
	.newsArea {
		margin-bottom: -60px;
		padding: 40px 0 80px;
	}
	.location::before {
		display: none;
	}
	.location span {
		opacity: 1;
		left: 10px;
		top: 10px;
		font-size: 2rem;
		background-color: rgba(0,0,0,0.3);
		}
	.newsInner {
		flex-wrap: wrap;
	}
	.newsInner .news {
		width: 100%;
	}
	.newsList a {
		padding: 10px 5px;
	}
	.newsList li::after {
		width: 95px;
	}
	.newsList .date {
		margin-right: 15px;
	}
	.newsInner .linkList {
		margin-top: 15px;
		width: 100%;
		display: flex;
		justify-content: space-between;
	}
	.newsInner .linkList li {
		width: calc(50% - 5px);
	}
	.newsInner .linkList .link01 {
		margin-bottom: 0;
	}
	.newsArea .linkList .link02 a {
		display: flex;
		height: 100%;
	}
	.newsArea .linkList .link02 span {
		width: 45px;
		font-size: 1.5rem;
	}
}

.wp-pagenavi {
	margin-top: 50px;
	font-size: 1.6rem;
	font-weight: 500;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
}
.wp-pagenavi a,
.wp-pagenavi span {
	margin: 0 5px;
}
.wp-pagenavi a, .wp-pagenavi span {
	padding: 2px 5px;
	line-height: 32px;
	min-width: 36px;
	min-height: 36px;
	display: inline-block;
	color: #007dc5;
	box-sizing: border-box;
	border: 1px solid #007dc5;
	background-color: #FFF;
}
.wp-pagenavi .previouspostslink:before,
.wp-pagenavi .nextpostslink:before {
	width: 8px;
	height: 8px;
	display: inline-block;
	border-top: 1px solid #007dc5;
	border-right: 1px solid #007dc5;
	transform: matrix(0.707, 0.707, -0.707, 0.707, -2, -2);
	content: "";
}
.wp-pagenavi .previouspostslink:before {
	transform: matrix(-0.707, -0.707, 0.707, -0.707, 2, -2);
}

.wp-pagenavi .previouspostslink:hover:before, .wp-pagenavi .nextpostslink:hover:before {
	border-color: #fff;
}
.wp-pagenavi .current {
	color: #fff;
	background-color: #007dc5;
}
.wp-pagenavi .pages,
.wp-pagenavi .extend {
	border: none;
	background: none;
}
.wp-pagenavi .back {
	width: 120px;
	background: none;
	border: none;
}
.wp-pagenavi .pre_post, 
.wp-pagenavi .next_post {
	min-width: 240px;
	padding: 0;
	border: none;
	background: none;
}
.wp-pagenavi .pre_post a, 
.wp-pagenavi .next_post a {
	margin: 0;
	padding: 0 10px;
	background: none;
	border: none;
}
@media all and (min-width: 897px) {
	.wp-pagenavi a:hover {
		color: #fff;
		background-color: #007dc5;
	}
}
@media all and (max-width: 896px) {
	.wp-pagenavi .pre_post,
	.wp-pagenavi .next_post {
		min-width: inherit;
	}
	.wp-pagenavi a, .wp-pagenavi span {
		line-height: 20px;
		min-width: 25px;
		min-height: 25px;
		font-size: 1.2rem;
	}
	.wp-pagenavi .pages {
		display: none;
	}
	.wp-pagenavi .previouspostslink:before,
	.wp-pagenavi .nextpostslink:before {
		transform: matrix(0.707, 0.707, -0.707, 0.707, -2, 1);
	}
	.wp-pagenavi .previouspostslink:before {
		transform: matrix(-0.707, -0.707, 0.707, -0.707, 2, 1);
	}
}
.detailBox h3 {
	margin: 25px 0;
	font-size: 2.2rem;
	text-align: center;
	font-weight: normal;
}
.detailBox h3:first-child {
	margin-top: 0;
}
.dateBox {
	padding: 0 20px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-bottom: 1px solid #e6e6e6
}
.dateBox .date {
	margin: 0;
}
.detailBox p {
	margin: 20px 0 40px;
	text-indent: 2em;
	line-height: 2;
}
.detailBox .image {
	margin: 25px 0 30px;
	text-align: center;
}
.detailBox .slideBox {
    margin: 38px 0 42px; 
}
.detailBox .slideBox li {
    width: 100%;
    float: left;
}
.detailBox .slideBox .photoUl {
    margin-bottom: 30px;
}
.detailBox .slideBox .photoUl {
	text-align: center;
}
.detailBox .slideBox .photoUl img {
	display: block;
	margin: 0 auto;
    width: 100%;
    max-width: 800px;
}
.detailBox .product-table { 
	border-collapse: collapse;
    border-spacing: 0;
	width:100% !important;
	margin: 0 auto;
}
.detailBox .product-table th {
	width:18%;
	border: 1px solid #333 !important;
	padding:7px 1%;
	text-align: center;
}
.detailBox .product-table td {
	width:78%;
	border: 1px solid #333 !important;
	padding:7px 1%;
	text-align: left;
}
.detailBox .thumbUl {
    margin: 0 -10px;
}
.detailBox .thumbUl li {
	width: 20%;
    padding: 5px;
    cursor: pointer;
    box-sizing: border-box;
}
.detailBox .slideBox .thumbUl img {
	width: 100%;
}
.detailBox .slideBox .thumbUl .on {
	background-color: rgba(1,163,235,0.5)
}
.detailBox .slideBox .thumbUl .on img {
	opacity: 0.8;
}
.detailBox .thumbUl li:hover {
	opacity: 0.7;
}
@media all and (max-width: 896px) {
    .detailBox .slideBox {
        margin: 0 0 20px; 
    }
    .detailBox .slideBox .photoUl {
        margin-bottom: 15px;
    } 
    .detailBox .thumbUl {
        margin: 0 -5px;
    }
    .detailBox .thumbUl li {
        padding: 2px;
    }
}

/* 表单 */
.form {
	padding: 0 15px;
	margin: 0 auto;
	max-width: 800px;
}
.table {
	width: 100%;
}
.table th,
.table td {
	padding: 15px 30px;
	text-align: left;
	vertical-align: top;
}
.table th {
	width: 23.3%;
}
.form .radio li {
	display: inline-block;
	margin-right: 18px;
}
.form .radio input {
	visibility: hidden;
	position: absolute;
}
.form .radio input + span {
	padding-left: 23px;
	display: block;
	cursor: pointer;
	position: relative;
	letter-spacing: 1px;
}
.form .radio input + span:before,
.form .radio input + span:after {
	margin-top: -5.5px;
	content: '';
	width: 11px;
	height: 11px;
	position: absolute;
	left: 0;
	top: 50%;
	content: "";
	border-radius: 50px;
	background-color: #cfd5da;
	border: 1px solid #8e8e8e;
}
.form .radio input:checked + span:after {
	margin-top: -2.5px;
	width: 7px;
	height: 7px;
	left: 3px;
	background-color: #63636a;
	border: none;
}
.form input[type="text"],
.form input[type="email"],
.form input[type="tel"] {
	width: 99%;
	height: 40px;
	border: 1px solid #cfd5da;
	box-sizing: border-box;
	padding: 0 10px;
	appearance: none;
	-webkit-appearance: none;
	border-radius: 0;
}
.form input[type="tel"] {
	width: 78.7%;
}
.form textarea {
	width: 99%;
	height: 200px;
	padding: 10px;
	appearance: none;
	-webkit-appearance: none;
	border-radius: 0;
	border: 1px solid #cfd5da;
	box-sizing: border-box;
}
.form .submit {
	margin-top: 30px;
	text-align: center;
}
.form .submit li {
	margin: 0 10px;
	display: inline-block;
}
.form .submit input {
	padding: 15px;
	width: 200px;
	color: #FFF;
	font-size: 1.5rem;
	background-color: #008AE2;
	border: none;
	border-radius: 5px;
}
.form .submit input:hover {
	opacity: 0.7;
	cursor: pointer;
}
.form .text {
	margin-bottom: 30px;
	text-align: center;
	font-weight: bold;
	font-size: 1.8rem;
}
.customize .table th, .customize .table td {
	padding: 5px 30px;
}
.customize .form {
	padding: 0;
}
.customize .form textarea {
	height: 100px;
}
.form .wpcf7-list-item {
	margin: 0 21px 0 0;
}
.wpcf7 form .wpcf7-response-output {
	margin: 2em auto 1em !important;
	max-width: 800px;
}
@media all and (max-width: 896px) {
	.table th,
	.table td {
		padding: 10px 0 !important;
		display: block;
		float: left;
		width: 100% !important;
		box-sizing: border-box;
	}
	.table td {
		padding-top: 0 !important; 
	}
	.form .text {
		font-size: 1.6rem;
	}
	.form textarea {
		height: 150px;
	}
	.form .submit input {
		padding: 10px;
		width: 130px;
	}
}
.nearlyPro {
	margin-top: 60px;
}
.nearlyPro .productList {
	margin: -20px 0 0 0;
	justify-content: flex-start;
}
.nearlyPro .productList li {
	margin: 20px 20px 0 0;
	width: calc((100% - 60px)/4)
}
.nearlyPro .productList li:nth-child(4n) {
	margin-right: 0;
}
.nearlyPro .productList p {
	margin: 3px;
	text-indent: inherit;
}
.about .productList {
	margin: -20px 0 0 0;
	justify-content: flex-start;
}
.about .productList li {
	margin: 20px 20px 0 0;
	width: calc((100% - 60px)/4)
}
.about .productList li:nth-child(4n) {
	margin-right: 0;
}
#main .accessBox {
	display: none;
	margin: 60px auto 0;
	padding: 20px;
	max-width: 1000px;
	text-align: center;
	line-height: 2.5;
	border: 2px solid #008AE2;
	background-color: #FFF;
	box-shadow: 0 0 5px rgba(0,0,0,0.2);
}
#main .accessBox.on {
	display: block;
}
@media all and (max-width: 896px) {
	#main .accessBox {
		padding: 20px 15px;
		max-width: 90%;
		box-sizing: border-box;
	}
	.nearlyPro .productList {
		justify-content: space-between;
	}
	.about .productList {
		justify-content: space-between;
	}
}
.aboutPage p {
	margin-bottom: 20px;
	line-height: 2.25;
	font-size: 1.6rem;
	text-indent: 2em;
}
.aboutPage .photoBox {
	margin: 30px 0;
	text-align: center;
}
.contactBox {
	margin-bottom: 50px;
	padding: 30px 40px;
	color: #FFF;
	display: flex;
	align-items: center;
	justify-content: space-between;
	background-color: #008AE2;
	box-sizing: border-box;
}
.contactBox .textBox {
	width: calc(100% - 210px);
}
.contactBox h3 {
	margin-bottom: 15px;
	font-size: 1.7rem;
}
.contactBox .access {
	max-width: 100%;
	font-size: 1.7rem;
	line-height: 2.2;
}
.contactBox .access a {
	color: #FFF;
}
.contactBox .access a:hover {
	opacity:0.7
}
.contactBox .code {
	width: 200px;
}
.contactBox .code img {
	width: 100%;
}
.mapBox {
	margin: 80px 0 -100px;
	height: 400px;
	background-color: rgba(0,0,0,0.5)
}
@media all and (max-width: 896px) {
	.aboutPage p {
		font-size: 1.4rem;
	}
	.contactBox {
		margin: 0 15px 50px;
		padding: 30px 15px;
		display: block;
	}
	.contactBox .textBox {
		width: 100%;
	}
	.contactBox h3 {
		margin-bottom: 20px;
		font-size: 1.5rem;
		text-align: center;
	}
	.contactBox .access {
		margin: 0 auto;
		font-size: 1.4rem;
		line-height: 1.7;
		max-width: 300px;
	}
	.contactBox .access dt {
		width: inherit;
	}
	.contactBox .code {
		display: none;
	}
	.mapBox {
		margin: 40px 0 -60px;
		height: 200px;
	}
}
.newscList li {
  border-bottom: 1px dashed #cdcccc;
}
.newscList .date {
	width: 120px;
}
.newscList .text  {
	margin-top: 20px;
	width: calc(100% - 130px);
}
.newscList .date span {
	display: block;
	font-size: 20px;
	text-align: center;
	opacity: 0.8;
}
.newscList .date span:first-child {
	font-size: 5.8rem;
	font-weight: bold;
}
.newscList a {
  	padding: 20px 10px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	color: #333;
	position: relative;
}
.newscList h3 {
	margin-bottom: 10px;
	font-size: 16px;
	line-height: 30px;
}
.newscList h3::after {
	display: block;
	width: 36px;
	height: 2px;
	background-color: #dbdbdb;
	content: '';
}
.newscList a p {
	line-height: 2;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}
.newscList a .link {
	margin: 10px 10px 0 auto;
	display: block;
	width: 100px;
	font-size: 14px;
}
.newscList a:hover {
	transition: 0.3s;
	background: #1e6bd8;
}
.newscList a:hover {
  color: #fff;
}
@media all and (max-width: 896px) {
	.newscList .date {
		width: 70px;
	}
	.newscList .text  {
		margin-top: 10px;
		width: calc(100% - 80px);
	}
	.newscList .date span {
		font-size: 1.5rem;
	}
	.newscList .date span:first-child {
		margin-bottom: 0;
		font-size: 4rem;
	}
	.newscList h3 {
		margin-bottom: 5px;
	}
	.newscList a .link {
		margin: 5px 5px 0 auto;
		font-size: 12px;
		width: 70px;
	}
	.dateBox {
		padding: 0 5px 10px;
		display: block;
	}
	.dateBox .date {
		text-indent: 0;
	}
	.detailBox p {
		margin: 10px 0 20px;
	}
	.bdsharebuttonbox {
		width: 160px;
		margin-left: auto;
	}
	#footer .access dt {
		width: 40px;
		flex-basis: 40px;
	}
	#footer .access dd {
		width: calc(100% - 40px);
	}
	#gNavi .tel{
		margin:0 auto;
		padding: 20px 0;
		max-width:190px
	}
}
@media all and (-ms-high-contrast: none) {
	.tabList a {
		padding-bottom: 2px;
	}
	.pageTitle {
		padding-top: 30px;
		box-sizing: border-box;
	}
	.moreBtn a {
		padding: 20px 10px 15px;
	}
	.wp-pagenavi a, .wp-pagenavi span {
		padding: 5px 5px 0;
		line-height: 30px;
	}
	.wp-pagenavi .pre_post a, .wp-pagenavi .next_post a {
		padding-top: 8px;
	}
	.wp-pagenavi .back {
		padding-top: 8px;	
	}
}