@charset "utf-8";

#product_page_ti{
	width:415px !important;
	margin: 0 auto !important;
}

#product_page_ti .opt-lg-w10p{
	width:48px !important;
}
@media only screen and (max-width: 640px) {
	#product_page_ti{
		width:280px !important;
	}

	#product_page_ti .opt-lg-w10p{
		width:60px !important;
	}
	
	/*初期設定部SP調整：*/
	[id^="fl_25pc-"]{
	width:18% !important;
	float:left;
	}
	[id^="fr_75pc-"]{
	width:65% !important;
	float:right;
	}

}
@media only screen and (max-width: 1024px) and (min-width: 641px) {
	#product_page_ti{
		width:415px !important;
	}

	#product_page_ti .opt-lg-w10p{
		width:60px !important;
	}
}
@media only screen and (min-width: 1024px) {}



[id^="product_ti-"] .g-HeadingTitle__h3{
	font-size:45px !important;
}
@media only screen and (max-width: 640px) {
	[id^="product_ti-"] .g-HeadingTitle__h3{
		font-size:30px !important;
	}
}
@media only screen and (max-width: 1024px) and (min-width: 641px) {
	[id^="product_ti-"] .g-HeadingTitle__h3{
		font-size:40px !important;
	}
}

#product_use .l-TileLinkVUnit.is-colorset--1 {
	background-color:#FFFFFF !important;
	border-color:#FFFFFF !important;
	border-radius: 20px !important;
}


#product_use .l-TileLinkVUnit.is-colorset--1 .l-Text{
	font-size: 20px !important;
	font-family: "UD Shin Go Regular", sans-serif;
}
#product_use .g-TileLinkVUnit{
	padding:20px 10px !important;
}
@media only screen and (max-width: 640px) {
	#product_use .l-TileLinkVUnit.is-colorset--1 .l-Text{
		font-size: 16px !important;
	}
	#product_use .g-TileLinkVUnit{
		padding:20px 10px !important;
	}
}
@media only screen and (max-width: 1024px) and (min-width: 641px) {
	#product_use .l-TileLinkVUnit.is-colorset--1 .l-Text{
		font-size: 15px !important;
	}
	#product_use .g-TileLinkVUnit{
		padding:20px 10px !important;
	}
}

#btn_why-block .l-TileLinkTextUnit.is-colorset--1{
	/*border-color:none !important;*/
	padding:10px 5px 40px 10px !important;
	border:none !important;
	background-image:url(ext_23SsLgAttackBtnWhy01.png),url(ext_23SsLgAttackBtnWhy03.png),url(ext_23SsLgAttackBtnWhy04.png),url(ext_23SsLgAttackBtnWhy06.png),url(ext_23SsLgAttackBtnWhy02.png),url(ext_23SsLgAttackBtnWhy05.png),url(ext_23SsLgAttackBtnWhy07.png),url(ext_23SsLgAttackBtnWhy08.png); /*画像指定 上層レイヤーから順に*/
	background-repeat:no-repeat,no-repeat,no-repeat,no-repeat,repeat-x,repeat-x,repeat-y,repeat-y; /*リピート設定*/
	background-position:top left,top right,bottom left,bottom right, top, bottom, left, right; /*位置指定*/
	background-color:#FFFFFF !important;
}
#btn_why-block .g-TileLinkTextUnit__icon{
	top:calc(50% - 20px) !important;
	right:10px !important;
}

@media only screen and (min-width: 1024px) {
	#btn_why-block .l-TileLinkTextUnit.is-colorset--1{
		padding:20px 5px 50px 30px !important;
	}
	#btn_why-block .g-TileLinkTextUnit__icon{
		top:calc(50% - 20px) !important;
	}
}

@media only screen and (max-width: 640px) {
	#btn_why-block .l-TileLinkTextUnit.is-colorset--1{
		/*border-color:none !important;*/
		padding:17px 5px 35px 10px !important;/*padding:10px 5px 40px 10px !important;*/
		border:none !important;
		background-image:url(ext_23SsSmAttackBtnWhy01.png),url(ext_23SsSmAttackBtnWhy03.png),url(ext_23SsSmAttackBtnWhy04.png),url(ext_23SsSmAttackBtnWhy06.png),url(ext_23SsSmAttackBtnWhy02.png),url(ext_23SsSmAttackBtnWhy05.png),url(ext_23SsSmAttackBtnWhy07.png),url(ext_23SsSmAttackBtnWhy08.png); /*画像指定 上層レイヤーから順に*/
		background-repeat:no-repeat,no-repeat,no-repeat,no-repeat,repeat-x,repeat-x,repeat-y,repeat-y; /*リピート設定*/
		background-position:top left,top right,bottom left,bottom right, top, bottom, left, right; /*位置指定*/
		background-color:#FFFFFF !important;
	}
	#btn_why-block .g-TileLinkTextUnit__icon{
		top:calc(50% - 20px) !important;
		right:3px !important;
	}
	#btn_why-block .g-TileLinkTextUnit__leadBlock {
		padding-right: 12px;
	}
	[id^="balloon-"] .opt-fontsize--l{
		/*font-size: 12px;*/
		letter-spacing: 0.02em;
		line-height: 1.2em;
	}
}