@charset "Shift_JIS";

#ProductsContent_Wrap > .productsCampAreaEmpty{
	padding-top:100px;
}

@media screen and (max-width:768px){
#ProductsContent_Wrap > .productsCampAreaEmpty{
	padding-top:50px;
}
}

#ProductsContent_Wrap > #howto > div.txt{
	display: block;
	width: 100%;
	max-width: 1200px;
	margin: -30px auto 20px;
	font-size: 1.6rem;
	line-height: 1.8;
}
@media screen and (max-width:768px){
#ProductsContent_Wrap > #howto > div.txt{
	font-size: 1.4rem;
	line-height: 1.8;
	margin:-20px 0 20px 20px;
}
}

#ProductsContent_Wrap #howto .howtoListTtl{
	font-size: 1.8rem;
	font-weight: 700;
	line-height: 1.8;
	margin:30px 0 10px 0;
}

#productsSection .howtoList > dl > dd > .howtoStepThreeC > .point{
	display: block;
	width: 100%;
	margin-top: 15px;
}

#productsSection .howtoList > dl > dd > .howtoStepThreeC > .point > dt{
	display: inline-block;
	vertical-align: middle;
	height: 22px;
	padding: 0 10px;
	background: #eeeeee;
}
@media screen and (max-width:768px){
#productsSection .howtoList > dl > dd > .howtoStepThreeC > .point > dt{
	display: inline-block;
	vertical-align: middle;
	height: 22px;
	padding: 4px 10px 0;
	line-height: 1;
	background: #eeeeee;
}
}

#productsSection .howtoList > dl > dd > .howtoStepThreeC > .point > dd{
	display: inline;
}

#ProductsContent_Wrap .howtoList .txtB{
	font-weight: 700;
}

#ProductsContent_Wrap .howtoList .process img{
	margin-top:10px;
}

#ProductsContent_Wrap .howtoList .howtoListTtl .memo{
	background-color:#eeeeee;
	font-size:1.4rem;
	padding:2px 6px;
}
@media screen and (max-width:768px){
#ProductsContent_Wrap .howtoList .howtoListTtl .memo{
	background-color:#eeeeee;
	font-size:1.4rem;
	padding:2px 6px;
	display: inline-block;
}
}

#ProductsContent_Wrap .howtoList .caution{
	font-weight: 700;
	color:#e35555;
}

#ProductsContent_Wrap .howtoList .note{
	margin-bottom:30px;
}

#ProductsContent_Wrap #features .ruby {
    display: inline-block;
    line-height:300%;
    *display: inline;
    *zoom: 1;
    position: relative;
}

#ProductsContent_Wrap #features .ruby span{
    width: 100%;
    padding-top:2px;
    font-size: 60%;
    text-align: center;
	text-indent: 0.1em;
	letter-spacing: 0.2em;
    display: block;
    top: -2em;
    position: absolute;
}

#ProductsContent_Wrap .howtoList .usage .case{
	padding-left: 2.5em;
	text-indent: -1.8em;
}

#ProductsContent_Wrap .howtoList .usage .num{
	font-weight: 700;
	color:#e35555;
	font-size: 1.6rem;
	padding-right: 0.5em;
}

#ProductsContent_Wrap .howtoList .usage figure{
	margin:10px 0;
}

#productsSection .howtoList > dl > dd > .howtoStepOneC > .point{
	display: block;
	width: 100%;
	margin-top: 15px;
}

#productsSection .howtoList > dl > dd > .howtoStepOneC > .point >dt{
	display: inline-block;
	vertical-align: middle;
	height: 22px;
	padding: 0 10px;
	background: #eeeeee;
}

@media screen and (max-width:768px){
#productsSection .howtoList > dl > dd > .howtoStepOneC > .point >dt{
	display: inline-block;
	vertical-align: middle;
	height: 22px;
	padding: 4px 10px 0;
	line-height: 1;
	background: #eeeeee;
}
}

#productsSection .howtoList > dl > dd > .howtoStepOneC > .point > dd{
	display: inline;
}

#ProductsContent_Wrap .howtoList .howtoStepOneC figure{
	margin-top:15px;
}

#ProductsContent_Wrap > #howto > div > dl > dd > div.txt{
	font-size: 1.6rem;
	line-height: 1.8;
}
@media screen and (max-width:768px){
#ProductsContent_Wrap > #howto > div > dl > dd > div.txt{
	font-size: 1.4rem;
	line-height: 1.8;
}
}

#ProductsContent_Wrap > #howto > div > dl > dd img{
	margin:15px 0 20px;
}

#ProductsContent_Wrap .howtoList .howtoStepThreeC .point figure{
	text-align:center;
}

#ProductsContent_Wrap .howtoList .mds{
	font-weight: 700;
	font-size:1.4rem;
	margin:20px 0 10px;
}

#ProductsContent_Wrap .howtoList .ctr{
	text-align:center;
}

#ProductsContent_Wrap #features .txtP{
	color: #f9667f;
}

#ProductsContent_Wrap #features .featureBox > figure{
	margin-top:15px;
}

#ProductsContent_Wrap #features .featureBox figure > img{
	margin-bottom:10px;
}

#ProductsContent_Wrap .howtoList .usage .numL{
	font-weight: 700;
	color:#644734;
	font-size: 1.6rem;
	padding-right: 0.5em;
}

#ProductsContent_Wrap #features .txtB{
	font-weight: 700;
}




#ProductsContent_Wrap #features .featureBoxRVRS{
	display: -webkit-flex;
	flex-direction: row-reverse;
}
@media screen and (max-width:768px){
#ProductsContent_Wrap #features .featureBoxRVRS{
	display: inline;
	flex-direction: row;
}
}


#ProductsContent_Wrap #features .featureBox dd .memo{
	border:1px solid #CCC;
	padding:8px;
	margin-bottom:15px;
}


@media screen and (max-width:768px){
#ProductsContent_Wrap #features .featureBox .featureBoxTwoC,
#ProductsContent_Wrap #features .featureBox .featureBox{
	width:100%;
	margin-left:0;
	margin-right:0;
}
#ProductsContent_Wrap #features .featureBoxTwoC .mds{
	font-size: 1.4rem;
}
}

#ProductsContent_Wrap #features .featureBox figure img.noMgn{
	margin-bottom:-2px;
}

#ProductsContent_Wrap #features .subTTLKudu{
	color:#e94609;
}

#ProductsContent_Wrap #features .boxMT{
	margin-top:30px;
}

#ProductsContent_Wrap #features .featureBox dd .memo2{
	border:1px solid #CCC;
	padding:15px;
	margin-bottom:15px;
}

#ProductsContent_Wrap #features .memo3{
	border:1px solid #CCC;
	padding:15px;
	margin-bottom:15px;
}

#ProductsContent_Wrap #features .featureBox .mds{
	font-size: 1.4rem;
}

#ProductsContent_Wrap #features .featureBoxscap{
	margin-top:-30px;
}
@media screen and (max-width:768px){
#ProductsContent_Wrap #features .featureBoxscap{
	margin-top:-20px;
}
}
#ProductsContent_Wrap #features .usageSpl .case{
	padding-left: 2.5em;
	text-indent: -1.8em;
}
#ProductsContent_Wrap #features .usageSpl .num{
	font-weight: 700;
	color:#f04500;
	font-size: 1.6rem;
	padding-right: 0.5em;
}

#ProductsContent_Wrap #features .ctr{
	text-align:center;
}

#ProductsContent_Wrap #features ul.caution li{
	font-size: 1.4rem;
	line-height: 1.7;
	padding-left: 1.0em;
	text-indent: -1.0em;
}

#ProductsContent_Wrap #features .memo3 .cap{
	margin-top:-10px;
}

#ProductsContent_Wrap > #features p.txt{
	font-size: 1.4rem;
	line-height: 1.7;
}

#ProductsContent_Wrap > #features div.boxLnTp{
	margin-top:20px;
	padding-top:20px;
	border-top:1px solid #CCC;
}

#ProductsContent_Wrap #features .boxBL{
	background-color: #ebf5ff;
	padding:20px;
	margin-top:20px;
}

.component .hrtstxtB{
	font-weight: 700;
}


/*    追加 04131345    */

#ProductsContent_Wrap .camp02{
    padding: 20px 0 0 0;
}
@media screen and (max-width:768px){
#ProductsContent_Wrap .camp02{
    padding: 10px 0;
}
}
#ProductsContent_Wrap .camp02 .campBannerTwoC > ul > li:nth-of-type(n+3) {
    margin-top: 20px;
}
@media screen and (max-width:768px){
#ProductsContent_Wrap .camp02 .campBannerTwoC > ul > li:nth-of-type(n+3) {
    margin-top: auto;
}
}
@media screen and (max-width:768px){
#ProductsContent_Wrap .camp02 .campBanner,
#ProductsContent_Wrap .camp02 .campBannerTwoC{
    width:100%;
}
}

#ProductsContent_Wrap .movieOuter{
	margin-bottom:40px;
}

#ProductsContent_Wrap .howtoList .usage .usagePoint{
	margin-left:30px;
	margin-bottom:20px;
}
#ProductsContent_Wrap .howtoList .usage .usagePoint .case {
    padding-left: 6em;
    text-indent: -5em;

}
#ProductsContent_Wrap .howtoList .usage .usagePoint .numL{
	font-size: 1.4rem;
}

#ProductsContent_Wrap #features .forWhom{
	margin-bottom:30px;
}

#ProductsContent_Wrap #features .forWhom li{
	font-size: 1.4rem;
	margin-bottom:10px;	
}


/*    追加 20200717    */

#prodcutsDetail .txtbox > dl{
	display:block;
}
#prodcutsDetail .txtbox > dl > dd{
	text-align: left;
	font-size: 1.4rem;
	padding-left: 10px;
}


#prodcutsDetail .txtbox dt{
	padding-left:10xp;
}


#prodcutsDetail .txtbox dl ul li:before{
	content: '・';
}
#prodcutsDetail .txtbox dl ul li{
	text-indent: -1em;
	padding-top:10px;
	line-height: 1.7;
}

@media screen and (max-width:768px){
#prodcutsDetail .txtbox > dl > dd{
	padding-top: 0;
}
}

/*    追加 2020826    */

#prodcutsDetail .txtbox p{
	padding-top:10px;
	line-height: 1.7;
}

/*    追加 2021124    */

#ProductsContent_Wrap .howtoList .usage .numB{
	font-weight: 700;
	font-size: 1.6rem;
	padding-right: 0.5em;
}


/*    追加 20210816    */

.ProductsContent_WrapNew #features .forWhom li::before{
	content: '○';
	color:#f04500;
}

.ProductsContent_WrapNew .btnWhiteNotification{
	width: 400px;
	margin: 0 auto;
}
.ProductsContent_WrapNew .productsCampArea02 .productsCampArea{
	padding:20px !important;
	margin-bottom:40px;
}


@media screen and (min-width:769px){
	.ProductsContent_WrapNew .subTTL{
		border-bottom:1px solid #333;
		padding: 80px 0 10px !important;
		margin-bottom:20px !important;
	}
	.ProductsContent_WrapNew .featureBoxTwoC > .text > dt,
	.ProductsContent_WrapNew .featureBox > .text > dt{
		font-size: 2.2rem !important;
	}
	.ProductsContent_WrapNew .featureBoxTwoC > .text > dd,
	.ProductsContent_WrapNew .featureBox > .text > dd{
		font-size: 1.8rem !important;
	}
	.ProductsContent_WrapNew .featureBoxTwoC .text dd.note,
	.ProductsContent_WrapNew .featureBox .text dd.note{
		line-height: 1.2 !important;
	}
	.ProductsContent_WrapNew .featureBoxTwoC .text .note li,
	.ProductsContent_WrapNew .featureBox .text .note li{
		line-height: 1.8 !important;
	}
	.ProductsContent_WrapNew #features .note li{
		font-size: 1.2rem !important;
	}
	.ProductsContent_WrapNew #features .forWhom li{
		font-size: 1.8rem !important;
	}
	.ProductsContent_WrapNew .featureBoxTwoC,
	.ProductsContent_WrapNew .featureBox{
		margin-bottom:80px !important;
	}
	#productsSection .featureBoxTwoC > .text02{
		width:100% !important;
	}
	.ProductsContent_WrapNew .BoxForPC{
		width:1200px;
		padding-top:15px;
	}
	.ProductsContent_WrapNew .BoxForPC .BoxForPCInsideL{
		float:right;
		width:370px;
	}
	.ProductsContent_WrapNew .BoxForPC .BoxForPCInsideR{
		float:left;
		width:790px;
	}
	#productsSection .featureBoxTwoC .BoxForPCInsideR .note li,
	#productsSection .featureBoxTwoC .BoxForPCInside .note li{
		display: inline;
		margin-right: 10px;
	}
}
@media screen and (max-width:768px){
	.ProductsContent_WrapNew .subTTL{
		width:inherit !important;
		padding: 40px 0 10px !important;
		border-bottom:1px solid #333;
		margin-bottom:20px !important;
		margin-left:20px !important;
		margin-right:20px !important;
	}
	.ProductsContent_WrapNew .borderBox{
		margin:20px;
		width: inherit;
	}
	.ProductsContent_WrapNew .featureBoxTwoC > .text > dt,
	.ProductsContent_WrapNew .featureBox > .text > dt{
		font-size: 1.8rem !important;
	}
	.ProductsContent_WrapNew .featureBoxTwoC > .text > dd,
	.ProductsContent_WrapNew .featureBox > .text > dd{
		font-size: 1.5rem !important;
	}
	.ProductsContent_WrapNew .featureBoxTwoC > .text > dd.note,
	.ProductsContent_WrapNew .featureBox > .text > dd.note{
		line-height: 1.2 !important;
	}
	.ProductsContent_WrapNew #features .note li{
		font-size: 1.2rem !important;
		line-height: 1.4;
	}
	.ProductsContent_WrapNew #features .forWhom li{
		font-size: 1.5rem !important;
	}
	.ProductsContent_WrapNew .featureBoxTwoC,
	.ProductsContent_WrapNew .featureBox{
		margin-bottom:60px !important;
	}
	.ProductsContent_WrapNew figure{
		padding-top:20px;
		padding-bottom:20px;
	}
	.ProductsContent_WrapNew #howto{
		padding-top:60px;
	}
	.ProductsContent_WrapNew .howtoBoxRVRS{
		display:flex !important;
		flex-direction:column-reverse;
	}
	.ProductsContent_WrapNew .btnWhiteNotification{
		width:380px;
		padding: 20px;
	}
	.ProductsContent_WrapNew .NoBr br{
		display: none;	
	}
}

.clearfix::after{
    content: "";
    display: block;
    clear: both;
}

/*    追加 20210823    */

@media screen and (min-width:769px){
	.ProductsContent_WrapNew .featureBoxTwoC .PicForPC{
		display:flex
	}
	.ProductsContent_WrapNew .featureBoxTwoC .PicForPC figure:nth-of-type(n+2){
		padding-top:50px;
	}
	.ProductsContent_WrapNew .howtoList #oteire dt{
		display: block;
		font-size: 2.2rem;
		line-height: 1.2;
		font-weight: 700;
		margin-bottom: 40px;
	}
	.ProductsContent_WrapNew .featureBoxCaution{
		margin-top:-65px !important;
	}
	.ProductsContent_WrapNew .featureBoxCaution dd.note > ul > li{
		display: inline;
		margin-right: 10px;
	}
	.ProductsContent_WrapNew .featureBoxCaution dd.note li{
		font-size: 1.2rem !important;
	}
}
@media screen and (max-width:768px){
	.ProductsContent_WrapNew .howtoStepThreeC figure{
		padding-top:0;
		padding-bottom:0;
	}
	.ProductsContent_WrapNew .howtoList .featureBox{
		width:100% !important;
	}
	.ProductsContent_WrapNew .howtoList #oteire dt{
		display: block;
		font-size: 1.8rem;
		line-height: 1.2;
		font-weight: 700;
		padding: 20px 13px 20px 0;
    		position: relative;
	}
	.ProductsContent_WrapNew .featureBoxCaution{
		margin-top:-45px !important;
	}
}


/*    追加 20211028    */

.ProductsContent_WrapNew #features .cap02{
	font-size:1.5rem;
	padding-top: 15px;
}
.ProductsContent_WrapNew #features .cap02 dt{
	font-weight:bold;
	margin-bottom:5px;
}
.ProductsContent_WrapNew #features .cap02 dd{
	margin-bottom:20px;
	line-height:1.6;
}

@media screen and (min-width: 769px){
	.ProductsContent_WrapNew #features .onlyforPC{
		display:none;
	}
}
@media screen and (max-width: 768px){
	.ProductsContent_WrapNew #features .onlyforSP{
		display:none;
	}
	.ProductsContent_WrapNew #features figure.nomg{
		padding-top: 0px;
		padding-bottom: 0px;
	}
}


/*    追加 20211118    */

@media screen and (min-width: 769px){
	.ProductsContent_WrapNew #features .text dt.cap{
		font-size:2rem !important;
	}
}
@media screen and (max-width: 768px){
	.ProductsContent_WrapNew #features .text dt.cap{
		font-size:1.6rem !important;
	}
}


/*    追加 20211208    */

@media screen and (min-width: 769px){
	#productsSection .featureBox figure.imgLft{
		width:550px;
	}
}


/*    追加 20211220    */
@media screen and (min-width: 769px){
	.ProductsContent_WrapNew section#ht-caution{
		padding-top:50px;
	}
}
@media screen and (max-width: 768px){
	.ProductsContent_WrapNew section#ht-caution{
		padding-top:30px;
	}
}


/*    追加 20220324    */
@media screen and (min-width: 769px){
	.ProductsContent_WrapNew #notification p{
		width: 100%;
		max-width: 1200px;
		margin: 0 auto 20px;
		font-size:1.6rem;
	}
}
@media screen and (max-width: 768px){
	.ProductsContent_WrapNew #notification p{
		margin: 20px;
		width: inherit;
		font-size:1.6rem;
		line-height:1.6;
	}
}


/*    追加 20220707    */

.borderBox dt{
	line-height:1.4;		
}


/*    追加 20220726    */

.productsCampArea .ht-bannerMovie{
	position: relative;
	width: 100%;
	padding-top: 56.25%;
}
.productsCampArea .ht-bannerMovie iframe{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


/*    追加 20220823    */

.ProductsContent_WrapNew .label{
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	padding-top: 15px;
	margin-bottom:15px;
}
.ProductsContent_WrapNew .label > li {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
	height: 30px;
	padding: 0 10px;
	margin-right: 10px;
	background: #eeeeee;
	text-align: center;
	font-size: 14px;
	border-radius:3px;
}

@media screen and (min-width: 769px){
	.ProductsContent_WrapNew .featureBoxTwoC.grayBG{
		background-color:#fafafa;
	}
	.ProductsContent_WrapNew .grayBG dd.mds{
		font-weight:700;
	}
	.ProductsContent_WrapNew .grayBG dl{
		padding:25px;
	}
}
@media screen and (max-width: 768px){
	#productsSection .featureBoxTwoC > .text > dd,
	#productsSection .featureBox > .text > dd{
		line-height:1.6;
	}
	.ProductsContent_WrapNew .label {
		width: calc(100% - 40px);
		margin: 0 auto 30px;
	}
	#productsSection .featureBoxTwoC .textUse {
		margin-top: 10px !important;
	}
}


/*    追加 20230622    */

#component .txtbox{
	border:1px solid #CCC;padding:5px;
}

@media screen and (min-width: 769px){
}

@media only screen and (max-width: 768px){
	#component .txtbox{
		width:-moz-fit-content;
		width:fit-content;
		margin-bottom: 5px;
	}
}

/*    追加 20230802    */

#features ul.iconInd li{
	margin-left: 1em;
	text-indent: -1em;
}
#ht-caution .howtoList div.mds {
  display: block;
  padding: 20px 30px 20px 30px;
  font-size: 1.6rem;
  font-weight: 700;
  margin: 0;
  background: #eeeeee;
  position: relative;
}

@media screen and (min-width: 769px){
	#features .featureBoxTwoC .BoxForPCInsideR .text{
		font-size: 1.8rem !important;
		line-height:1.7;
	}
	#features .featureBoxTwoC .PicForPC.imgS img{
		width:90%;
	}
	#component .halfHiddenBoxInner p.name{
		font-size: 1.4rem;
		margin-bottom: 15px;
	}
	#howto .howtoText{
		font-size: 1.8rem !important;
		line-height:1.7;
		margin-bottom:20px;
	}
	#howto .howtoBox{
		display: flex;
	}
	#howto .howtoBox figure{
		padding:30px;
	}
	#howto .howtoList {
		display: block;
		width: 100%;
		max-width: 1200px;
		margin: 0 auto;
	}
	#productsSection .howtoList ul{
		padding: 30px;
		font-size: 1.2rem;
		line-height: 1.8;
	}
	#productsSection .howtoList ul.box{
		padding: 10px;
		border: 1px solid #333;
		margin: 0 35px;
	}
}
@media screen and (max-width: 768px){
	#features .featureBoxTwoC .BoxForPCInsideR .text{
		font-size: 1.5rem !important;
		line-height:1.6;
	}
	#component .halfHiddenBoxInner p.name{
		font-size: 1.4rem;
		margin-left: 20px;
		margin-right: 20px;		
		margin-bottom: 15px;
	}
	#howto .howtoText{
		font-size: 1.5rem !important;
		line-height:1.6;
		margin-left:20px;
		margin-right:20px;
		margin-bottom:20px;
	}
		#howto .howtoBox{
		margin-left:20px;
		margin-right:20px;
	}
	#productsSection .howtoList ul {
		margin-top: 20px;
		font-size: 1.2rem;
		line-height: 1.8;
	}
	#productsSection .howtoList ul.box{
		padding: 10px;
		border: 1px solid #333;
	}
}

/*    追加 202401    */

#howto_cresc .howtoStepThreeC figcaption{
	background: #002f6c !important;
	border: 1px solid #002f6c !important;
	color: #fff; !important;
}

/*    追加 202402    */

@media screen and (min-width: 769px){
	#productsSection .howtoList.opn {
		margin-bottom: 80px !important;
	}
}
@media screen and (max-width: 768px){
	#productsSection .howtoList.opn{
		margin-bottom: 50px !important;
	}
}