@charset "utf-8";

.mrgLR10 { margin-left:10px; margin-right:10px; }

/* 見出し */
.goodsLead { font-size: 2.8rem; font-weight: bold; color: #1D4A8C; }

@media (max-width: 767px) {
	.goodsLead { font-size: 2.2rem; }
}

/* カテゴリページ */
.content { overflow: hidden; }
/*
#goodsCateWrap { letter-spacing: -.40em; }
#goodsCateWrap a { display: inline-block; overflow: hidden; }
#goodsCateWrap a:hover { opacity: 0.7; zoom: 1; }
#goodsCateWrap a:link { text-decoration: none; }
#goodsCateWrap a:nth-child(3n+2) { margin: 0 15px; }
*/
/*.goodsCate { border: 5px solid #C0E0FF; margin-bottom: 20px; width: 210px; letter-spacing: normal; }*/
/*.goodsImg { width: 100%; height: 150px; position: relative; overflow: hidden;}
.goodsImg img { max-height: 150px; width: auto; max-width: 100%; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; }*/
/*.goodsTitle { display: table-cell; vertical-align: middle; background-color: #EDF5FF; border-bottom: 5px solid #408DFF; font-size: 1.8rem; font-weight: bold; text-align: center; color: #004772; width: 210px; height: 87px; }*/

a { margin: 0; padding: 0; text-decoration: none; }

.goodsText p { font-size: 1.4rem; padding-left: 5px; margin-bottom: 15px; }
.goodsText p:first-of-type { margin-top: 10px; }
.goodsText ul { margin: 15px 0 0 5px; list-style: none; }
.goodsText ul li { background: url(../images/ulIcon.png) no-repeat left 8px; padding-left: 10px; font-size: 1.4rem; line-height: 1.6em; }

.bg { border: 1px solid #1F3BB8; }

.heading01.yellow { background: #ffe934; color: #007dd0; border: 1px solid #ffe934; }
.heading01 { font-size: 2.4rem; line-height: 2.6rem; color: #fff; border-radius: 8px; padding: 8px 10px 10px 50px; background: #007dd0; border: 1px solid #007dd0; margin-bottom: 30px; position: relative; }
.heading01:before { content: "\e909"; color: #fff; font-family: 'kagiQfont' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale; position: absolute; margin: 0; left: 8px; top: 8px; }

.content .body { margin: 0 10px 0 10px; }

#goods .goodsCont .heading01::before { content: ''; width: 6px; height: 26px; background: #ff9400;vertical-align: text-bottom; top: 7px; }
.heading01.yellow::before { color: #F82811; display: inline-block; }



/* 防犯対策 */
.dlGoods { width: 100%; }
.dlGoods dt { background: #ff9400; border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; font-size: 2.0rem; color: #fff; line-height: 1.4em; padding: 10px 0 7px 5px; }
.dlGoods dt:before { content: "\e906"; background: #F82811; border-radius: 25px; margin-right: 5px; padding: 5px; font-size: 1.9rem; font-family: 'kagiQfont' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; background: #F82811; }
.dlGoods dd { background-color: #FCFBD2; padding: 15px; }


@media (max-width: 768px) {
	/*
	#goodsCateWrap a { display: inline; }
	#goodsCateWrap a:nth-child(3n+2) { margin: 0; }
	*/
	.goodsLead { font-size: 2.4rem; text-align: center; }
	/*.goodsCate { float: left; display: table; background-color: #f0f4fa; width: 100%; margin-right: 1%; overflow: hidden; }*/
	/*.goodsImg { width: 100%; vertical-align: middle; background-color: #fff; }*/
	/*.goodsTitle { display: table-cell; vertical-align: middle; width: 50%; height: auto; padding: 0; height: auto; }*/
}

@media (max-width: 620px) {

}


@media (max-width: 360px) {
	/*.goodsTitle { font-size: 1.4rem; }*/
}



/*-------------------------------------------------------------

	index

-------------------------------------------------------------*/
#goodsCateWrap { margin-bottom: 50px;}
#goodsCateWrap section { margin-bottom: 0; border-bottom: 1px solid #e4e4e4;}
#goodsCateWrap a {}
#goodsCateWrap .left { width: 140px;}
#goodsCateWrap .left img { max-width: 140px; height: auto; -o-object-fit: cover; object-fit: cover; width: 100%; height: 140px; }
#goodsCateWrap .right { width: calc(100% - (140px + 20px));}
#goodsCateWrap .right .title { color: #1d4a8c; font-size: 2.1rem;}
#goodsCateWrap .right .text { color: #333; font-size: 1.4rem; margin-bottom: 10px;}
#goodsCateWrap .right .btn { font-size: 1.4rem; color: #0086e0; width: 100px; height: 24px; background-color: #ffe934; line-height: 24px; padding-left: 10px; font-weight: bold; position: relative;}
#goodsCateWrap .right .btn::after { content: ''; position: absolute; top: calc(50% + 3px); right: 8px; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); margin-top: -7px; border-top: 2px solid #0086E0; border-right: 2px solid #0086E0; transform: rotate(45deg); width: 8px; height: 8px; }


@media (min-width: 768px){
	#goodsCateWrap {}
	#goodsCateWrap section { width: 50%;}
	#goodsCateWrap section:nth-child(even) { border-left: 1px solid #e4e4e4;}
	#goodsCateWrap a { padding: 40px 0 25px 0;}
	#goodsCateWrap section:nth-child(even) a { padding-left: 15px;}
	#goodsCateWrap .left {}
	#goodsCateWrap .left img {}
	#goodsCateWrap .right {}
	#goodsCateWrap .right .title {}
	#goodsCateWrap .right .text {}
	#goodsCateWrap .right .btn {}
}

@media (max-width: 767px) {
	#goodsCateWrap {}
	#goodsCateWrap section { width: 100%; margin-bottom: 25px;}
	#goodsCateWrap a {}
	#goodsCateWrap .left {}
	#goodsCateWrap .left img {}
	#goodsCateWrap .right {}
	#goodsCateWrap .right .title {}
	#goodsCateWrap .right .text {}
	#goodsCateWrap .right .btn {}
}

@media (max-width: 480px) {
	#goodsCateWrap {}
	#goodsCateWrap section {}
	#goodsCateWrap a {}
	#goodsCateWrap .left {}
	#goodsCateWrap .left img {}
	#goodsCateWrap .right {}
	#goodsCateWrap .right .title {}
	#goodsCateWrap .right .text {}
	#goodsCateWrap .right .btn {}
}







/* 詳細ページ */
#goods .body { padding: 23px; }
#goods .goodsCont .heading01 { border-radius: 5px 5px 0 0; padding-left: 22px; }
#goods .goodsCont .heading01::before { content: ''; width: 6px; height: 26px; background: #ff9400; vertical-align: text-bottom; top: 7px; }
.goodsItem { overflow: hidden; }
.goodsMaker { width: 55%; float: left; }
.itemLogo { margin-bottom: 30px;}
.itemLogo img { width: auto; max-width: 100%;}
.itemLead { background: #fffcd6; padding: 15px; float: left; }
.itemLead p { margin-bottom: 0; }
.goodsCont { margin-bottom: 70px; border: 3px solid #e4e4e4; border-radius: 8px; }
.goodsContImg { width: 38%; margin-right: 2%; margin-left: 4%; float: right; }
.goodsContImg img { display: block; width: auto; max-width: 210px; margin: 0 auto; }
.goodsText {}
.goodsText .text { padding: 5px; }
.goodsText img { width: auto; max-width: 90%; }

.dlGoods dd img { width: auto; height: auto; }
.dlGoods dd ul { margin: 15px 0 5px ; list-style: none; }
.dlGoods dd ul li { background: url(../images/ulIcon.png) no-repeat left 7px; padding-left: 10px; }

@media (max-width: 767px) {
	.goodsCont { margin-bottom: 50px; }
	.goodsContImg { width: 100%; float: none; margin-bottom: 10px; display: flex; flex-wrap: wrap; margin-left: 0; margin-right: 0; }
	.goodsText { width: 100%; float: none; }

	.dlGoods dd img { width: 100%; }

	.goodsMaker { width: 80%;  margin: 0 auto; }
	.itemLogo { float: none; margin: 0 auto 30px auto; }
	.itemLead { float: none; }
	.goodsItem { display: flex; flex-direction: column-reverse; }
}

@media (max-width: 480px) {
	#goods .body { padding: 0; }
	.goodsMaker { width: 100%; }
	.goodsText { margin-bottom: 15px; }
	.itemLead { }
}

/* 210706 */

.text { margin-bottom: 0px; }