﻿@charset "utf-8";
/* CSS Document */
/*Default page============================*/
.A10105d0, .A10105d2{padding:80px 0;}
h2.dtit{letter-spacing:2px; color:#333; position:relative; text-align: center; padding:10px 0; margin-bottom:30px;}
h2.dtit::after{content:""; width:2em; height:3px; didsplay:block; position:absolute; background:#a91117; left:50%; bottom:-3px; transform:translate(-50%);}
.A10105d0 .list section{background:linear-gradient(-90deg,#6b0303 10px,#a91117 10px); position:relative; color:#fff; padding:10px 20px 10px 10px;}
.A10105d0 .list section::before{content:""; width:100%; height:100%; position:absolute; top:0; left:0; background:url("../images/dlist-bg.png") no-repeat left;}
.A10105d0 .list h3.subject{text-align:right; font-size:22px; letter-spacing: 3px; line-height:150%;}
.A10105d1{background:url("../images/dabout-bg.jpg");}
.A10105d1 table td:first-of-type{width:70%; padding:80px 80px 80px 10px; font-size:14px; line-height:200%;}
.A10105d1 table td:last-of-type{position:relative;}
.A10105d1 table td:last-of-type img[alt="bgr"]{position:absolute; width:200%; height:100%; max-width:none !important; left:0; top:0;}
.A10105d1 h2{line-height:180%; margin-bottom:60px; position:relative;}
.A10105d1 h2::after{content:""; width:4em; height:3px; background:#a91117; display:block; position:absolute; bottom:-30px; left:0;}
.A10105d1 .btnmore{margin-top:20px;}
.A10105d1 .btnmore a{display:inline-block; background:#a91117; color:#fff; padding:10px 3em; letter-spacing: 2px;}
.A10105d2 .list .frm{display:flex; flex-wrap:nowrap;}
.A10105d2 .list figure{width:160px; height:auto;}
.A10105d2 .list section{width:calc(100% - 160px); display:flex; flex-wrap:wrap; padding-left:10px;}
.A10105d2 .list .innerhtml{width:100%; order:1;}
.A10105d2 .list .path{color:#a91117; font-size:16px; order:2;}
.A10105d2 .list .more{color:#a91117; order:3; font-size:16px; padding:15px 20px;}
.A10105d2 .list .more::after{content:""; width:60px; height:1px; display:inline-block; background:#a91117;}
@media screen and (max-width:1899px){/*desktop*/

}
@media screen and (max-width:1286px){/*desktop*/
.A10105d1 table td:first-of-type{padding:20px 20px 20px 10px;}

}

@media screen and (max-width:960px){/*phone*/
.A10105d2 .list{width:100% !important;}	
}
@media screen and (max-width:767px){/*phone*/
	
	.A10105d0, .A10105d2{padding:30px 0;}
	.A10105d1 table td:first-of-type{width:100%; padding:30px 10px 30px 10px;}
	.A10105d1 table tr:last-of-type td img[alt="bgr"]{position:static; width:100%; height:auto;}
	.A10105d2 .list figure{width:80px;}
	.A10105d2 .list section{width:calc(100% - 80px);}
	.A10105d2 .list .path{color:#a91117; font-size:13px; order:2;}
.A10105d2 .list .more{color:#a91117; order:3; font-size:13px; padding:12px 0px;}
.A10105d2 .list .more::after{content:""; width:30px; }
}

/*Default page End============================*/
/*Contact4*/
.Contact4{padding-bottom:0;}
.Contact4 .gmap .page{max-width:100%; width:100%; padding:0;}

.prodetail h1.syis{float:right; width:50%; font-size:26px;}
.prodetail .sum{float:right; width:50%;}
.prodetail figure{padding-right:1.5em;}
.prodetail .cnt{position:relative;}
.prodetail .cnt::before{content:"詳細介紹"; width:100%; height:auto; border-bottom:1px solid #ccc; display:block; padding-top:20px; padding-bottom:0px; margin-bottom:10px;}
@media screen and (max-width:767px){/*phone*/
.prodetail h1.syis{float:right; width:100%; font-size:22px; text-align:left;}
.prodetail .sum{float:right; width:100%;}
.prodetail figure{padding-right:0;}
}