@charset "utf-8";

    .btn-onyaku {
    color: #fff;
    background-color: #ff8c00;
    margin: 5px 2px;
    font-size: 20px;
    font-weight: 700;
    padding: 10px 40px;
	}
	.btn-onyaku:hover {
	color: #fff;
	background-color: #FFC680;
    border-color: #FFC680;
	}
        .btn-onyaku2 {
            color: #ff8c00;
            background-color: #fff;
            border-color: #ff8c00;
            margin: 0px 2px;
            font-size: 20px;
            font-weight: 700;
            padding: 10px 12px;
        }
        .btn-onyaku2:hover {
            color: #fff;
            background-color: #FFC680;
            border-color: #FFC680;
        }

	.price th, .price td {
	vertical-align:middle !important;
	}
	.campaign {
	font-size:18px;
	color:#555;
	font-weight:normal!important;
	padding:6px 0 18px;
	/*text-decoration:underline;*/
	}

	.anker {
	color: #555;
	}
	.anker:hover {
	color: #555;
	text-decoration: none;
	}
	.feature {
	background-color: #f5fffa;
	padding:10px;
	margin-bottom:10px;
	}
	.super {
	vertical-align:super;
	}




.video1 {margin-left:-8%;}
.video2 {margin-left:8%;}
@media only screen and (max-width:1200px) {
.video1 {width:80%; padding-bottom:45%; height:0px; position:relative; margin:0 0 10% 0;}
.video2 {width:80%; padding-bottom:45%; height:0px; position:relative; margin:0 0 0 0;}
.video1 iframe {position:absolute; width:100%; height:100%;}
.video2 iframe {position:absolute; width:100%; height:100%;}
}
@media only screen and (max-width:768px) {
.video1 {width:95%; padding-bottom:56.25%;}
.video2 {width:95%; padding-bottom:56.25%;}



	.banner:hover {
	filter:brightness(0.7);
	}
	.para {
	padding:0 5% 20px 10%;"
	}
	.scheader {
	text-indent:1em;
	border-bottom:solid;
	padding:5px 0 5px;
	margin:10px 40% 20px 0;
	font-weight:bold;
	font-size:20px;
	}
	.tbody {
	font-size: 18px;
	padding-bottom:20px;"
	}
	.pain {
	font-size: 18px;
	color:gray;
	}
	.gain {
	padding-bottom:15px;
	font-size: 18px;
	font-weight:bold;
	color:midnightblue;
	}
	.photo {
	width:100%;
	margin-right:5%;
	}
	.bul:before {
	content:"��";
	color:midnightblue;
	font-size:2em;
	position:relative;
	top:4px;
	}

@media only screen and (max-width:989px) {
	.photo {
	width:60%;
	}

@media only screen and (max-width:768px) {
	.para {
	padding:0 5% 20px 5%;"
	}
	.scheader {
	margin:10px 10% 10px 0;
	font-size:16px;
	}
	.tbody {
	font-size: 16px;
	}

}