@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; }

/* .bohan-advice */

.bohan-advice { margin-bottom: 40px; }

.bohan-advice .l_col-2-r > *:first-child {   }
.bohan-advice .l_col-2-r > *:last-child {   }
.bohan-advice .l_col-2-l > *:first-child {   }
.bohan-advice .l_col-2-l > *:last-child {  }
.bohan-advice > div:not( :last-child ) { }

.bohan-advice .l_col-2-r img,.bohan-advice .l_col-2-l img  { width: 100%; border-radius: 50%; border: 3px solid #FFE934;  }

.bohan-advice .text p { line-height: 180%; }

@media (min-width: 768px){
	.bohan-advice { margin-bottom: 40px; }

	.bohan-advice .l_col-2-l {   }

	.bohan-advice .l_col-2-r > *:first-child { width: 180px;  }
	.bohan-advice .l_col-2-r > *:last-child { width: 510px;  }
	.bohan-advice .l_col-2-l > *:first-child { width: 510px;  }
	.bohan-advice .l_col-2-l > *:last-child { width: 180px;  }
	.bohan-advice > div:not( :last-child ) { margin-bottom: 30px; }
}


@media (max-width: 767px) {
	.bohan-advice { margin-bottom: 20px; }

	.bohan-advice .l_col-2-l {  }
	.bohan-advice .l_col-2-l { -webkit-flex-direction: column-reverse;flex-direction: column-reverse; }
	.bohan-advice .l_col-2-l > *:last-child{ width: 180px; margin: 20px auto 0 auto; }
	.bohan-advice .l_col-2-l > *:first-child { width: 100%; }
	.bohan-advice > div:not( :last-child ) { margin-bottom: 15px; }

	.bohan-advice .l_col-2-r > *:first-child { width: 180px;  margin: 20px auto 0 auto; }
	.bohan-advice .l_col-2-r > *:last-child { width: 100%;  }
}



/* .bohan-tips */
.bohan-tips { background: #EDF3FA; margin-bottom: 80px; }
.bohan-tips > .l_col-2  {   }
.bohan-tips .tips-title { text-align: center; background: #0086E0; padding: 10px; font-size: 1.6rem; color: #fff; }

.bohan-tips .l_col-2.inner > div:first-child { width: 100px; }
.bohan-tips .l_col-2.inner > div:first-child img {  border-radius: 50%; }

.bohan-tips .l_col-2.inner > div:last-child { width: 215px; text-align: left;  }

.bohan-tips .l_col-2.inner > div:last-child .text p { font-size: 1.4rem; }
.bohan-tips .l_col-2.inner > div:last-child  a  { font-size: 1.2rem; }

.bohan-tips .l_col-2.inner .tips-inner-title { border-bottom: 1px solid #0086E0; }

.bohan-tips .l_col-2.inner a{ color: #0086E0; font-weight: bold; }

@media (min-width: 768px){
	.bohan-tips > .l_col-2  {  padding: 20px; }

}


@media (max-width: 767px) {
	.bohan-tips > .l_col-2  {  padding: 10px; }
	.bohan-tips > .l_col-2 > div { margin-bottom: 10px; }
	.bohan-tips > .l_col-2 > div:last-child { margin-bottom: 0px; }
	.bohan-tips .l_col-2.inner{ -webkit-justify-content: center;justify-content: center; }
	.bohan-tips .l_col-2.inner > div { margin-bottom: 0px; }
	.bohan-tips .l_col-2.inner > div:first-child{ margin-right: 10px; }



	/* .bohan-tips > .l_col-2 > .l_col-2.inner { display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column;  -webkit-align-items: center; align-items: center; } */

}



/* .bohan-pro */

.bohan-pro { margin-bottom: 80px; }
.bohan-pro .title-a.red {  border-top: 5px solid #E02811; background-image: linear-gradient(to right, #E02811, #E02811 1px, transparent 1px, transparent 1px); }

.bohan-pro .tel_wrap  { background: #FCFBD2; -webkit-align-items: center; align-items: center; padding: 5px 10px; }
.bohan-pro .tel_wrap .text  { font-weight: bold;  font-family: 'M PLUS 1p', sans-serif;  line-height: 110%; }
.bohan-pro .tel_wrap .text span {  }
.bohan-pro .tel_wrap .tel-text { font-size: 4.2rem; color: #0086E0; font-family: 'M PLUS 1p', sans-serif; letter-spacing: -0.1rem; position: relative;  }

.bohan-pro .tel_wrap .tel-text:before { content: ''; display: block; position: absolute; width: 40px; height: 40px; background-image: url(../images/goods/icon_bohan-pro-tel.svg); background-size: contain; top: 10px; left: -46px; }

@media (min-width: 768px){
.bohan-pro .tel_wrap .tel-text:before { top: 10px; left: -46px; }
.bohan-pro .tel_wrap .text  { font-size: 1.6rem; }
.bohan-pro .tel_wrap .text span { font-size: 1.2rem; }

}


@media (max-width: 767px) {
	.bohan-pro .tel_wrap { -webkit-justify-content: center; justify-content: center; padding: 30px 10px 20px 10px ; -webkit-flex-direction: column;
	flex-direction: column;  }
	.bohan-pro .tel_wrap > div { margin-bottom: 0px; }
	.bohan-pro .tel_wrap .tel-text:before { top: 10px; left: 0px; width: 30px; height: 30px; }
	.bohan-pro .tel_wrap .tel-text { font-size: 3.2rem; margin: 0px auto; padding-left: 50px;  }
	.bohan-pro .tel_wrap .text  { font-size: 1.6rem; }
	.bohan-pro .tel_wrap .text span { font-size: 1.6rem; }

	.bohan-pro .l_col-2-r figure { max-width: 300px; margin: 0px auto; }
}