@charset "utf-8";

/* ---------------------------------------------------- */
/* kinnikusoftrfit.css  20251206 */
/* ---------------------------------------------------- */

/*  pdnv  */

.pd30 .pdnv {
	background:url(../images/pdnavi/30.png) no-repeat 0 0;
}
.pg30 .pd30 .pdnv {
	background-position:right 0;
}
.pd31 .pdnv {
	background:url(../images/pdnavi/31.png) no-repeat 0 0;
}
.pg31 .pd31 .pdnv {
	background-position:right 0;
}





.pageimgcopy {
	width: 100%;
	margin: 20px auto;
}

.maintb	{
	width:760px;
	margin: 0 0 50px;
	text-align:left;
	vertical-align:top;
}

.toptxtbox {
	width: 100%;
	margin: 0 0 50px;
	font-size: 14px;
	text-align: left;
	line-height: 1.8em;
}
.toptxtbox h2 {
	margin: 0 0 12px;
	font-size: 20px;
	color: #de510e;
}

.trybox {
	width: 100%;
}
.trybox h1 {
	margin: 0 0 6px;
	font-size: 26px;
	color: #de510e;
}
h4.bgorgsub {
	margin: 0 0 40px;
	padding: 6px 20px;
	font-size: 14px;
	color: #fff;
	background: #de510e;
}
.tryflex {
}
.tryflex ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 0;
	padding: 0;
}
.tryflex ul li {
	position: relative;
	width: 31%;
	margin: 0 0 4%;
	line-height: 1.0em;
	text-align: left;
	border: solid 1px #888;
	cursor: pointer;
}
.tryflex ul li img {
	max-width: 100%;
	width: 100%;
	height: auto;
	transition: all 0.2s;
	transform: scale(0.96);
	opacity: 1.0;
}
.tryflex ul li img:hover {
	opacity: 0.6;
	transform: scale(1.0);
}
.actbox ul {
	display: block;
	width: 80%;
	margin: 5% auto;
	padding: 0;
}
.actbox ul li {
	position: relative;
	width: 100%;
	margin: 0 0 4%;
	text-align: center;
	/*cursor: pointer;*/
}
.actbox ul li+li  {
	border-top: dotted 1px #888;
}
.actbox ul li img {
	max-width: 100%;
	width: 100%;
	height: auto;
	transform: scale(0.96);
	opacity: 1.0;
}
/*.actbox ul li img {
	max-width: 100%;
	width: 100%;
	height: auto;
	transition: all 0.2s;
	transform: scale(0.96);
	opacity: 1.0;
}
.actbox ul li img:hover {
	opacity: 0.6;
}
*/
.mcont		{text-align:left; width:760px; margin:0 0 0 10px;}
.mcont1		{text-align:left; width:760px; margin:0}

.lset {
	color: rgba(183,28,34,1);
	font-size: 20px;
	overflow: hidden;
}
.lset1 {
	float:left;
	width: 30%;
	vertical-align:top;
	text-align:left;
}
.lset1 img {
	width: 100%;
	height: auto;;
}
.lset1r	{
	float:right;
	width: 66%;
	text-align:left;
	vertical-align:top;
	margin: 0 0 0 4%;
}
.lset1r table {
	width: 100%;
}
.lset1r table td {
	padding: 4px;
	border-bottom: dotted 1px #ccc;
}
.lset1r table .td01 {
	width: 26%;
}
.lset1r table .td03 {
	width: 26%;
}
.lset1r table .td05 {
	width: 38%;
}
.lset1r table .yen {
	color: #000000;
	font-weight:bold;
}

.f_btn {
	text-align:right;
	width: 100%;
	padding: 20px 0;
}
.f_btn a {
	display: inline;
	margin: 0 0 0 1%;
}



.cautionbox {
	width: 100%;
}
.cautionbox h1 {
	margin: 0 0 6px;
	font-size: 22px;
	color: #111;
}
.cautsub {
	font-size: 20px;
	color: #111;
	text-indent: -0.4em;
}
.cautsub2 {
	width: 98%;
	margin: 0 1% 1px;
	font-size: 16px;
	color: #de510e;
	font-weight: bold;
}
.cautsub2 span {
	padding: 0 3px;
	font-size: 1.1em;
	color: #111;
}
.cautimg {
	width: 80%;
	margin: 20px auto 20px 0;
}
.cautimg img {
	width: 100%;
	height: auto;
}

.textbox {
	padding: 0 0 30px;
}

.howtomv {
	width: 100%;
	margin: 0;
}
.iframe-wrapper {
	position: relative;
	margin: 0 0 20px !important;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
}
.iframe-wrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.howtomv .bgorgsub {
	margin: 0 0 20px !important;
}
.howtomv ul {
	margin: 0 0 40px !important;
}
.howtomv ul li {
	margin: 0 0 4px;
	border-bottom: dotted 1px #666;
}
.howtomv ul li span {
	padding-right: 8px;
	font-size: 1.2em;
	color: #de510e;
}


.banner {
	width: 100%;
	margin: 0 0 50px;
}
.banner a img {
	width: 200px;
	height: auto;
	opacity: 1.0;
	transition: all 0.2s;
}
.banner a:hover img {
	opacity: 0.6;
}


/* 1024
--------------------------------------------------------------------------------------------------*/

@media only screen and (max-width: 1024px){

.pageimgcopy {
	width: 98%;
	margin: 20px auto;
}
.maintb	{
	width: 94%;
	margin: 0 3%;
}

.mcont {
	width: 94%;
	margin: 30px 3% 0;
}
.mcont1	{
	width: 100%;
	margin: 0 0 10px;
}
.mcont1	img {
	width: 100%;
	height: auto;
}


.howtomv {
	width: 94%;
	margin: 0 3%;
}
.banner {
	width: 94%;
	margin: 0 3% 50px;
}


}


/* 896
--------------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 896px){


.tryflex {
}
.tryflex ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 0;
	padding: 0;
}
.tryflex ul li {
	position: relative;
	width: 48%;
	margin: 0 0 4%;
	line-height: 1.0em;
	text-align: left;
	border: solid 1px #888;
	cursor: pointer;
}

.lset	{
	width: 100%;
	margin: 0 0 10px;
}
.lset1 {
	float: none;
	width: 80%;
	margin: 0 auto 20px;
	text-align: center;
}
.lset1 img {
	width: 100%;
	height: auto;;
}
.lset1r	{
	float: none;
	width: 100%;
	text-align:left;
	vertical-align:top;
	margin: 0 0 4%;
}

}

/* 600
--------------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 600px){


}

/* 480
--------------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 480px){





}

/* 396
--------------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 396px){




}