@charset "utf-8";
/* CSS Document */


/* 製品ごとに色設定 ここから */

.product_inside .Area_left .pointlist {
	background:linear-gradient(white 50%, #FDF0EA 50%);
}
.product_inside .Area_left ul.point_ul{
    background-color: #FDF0EA;
}
.product_inside h3  {
    border-bottom: 2px solid #F2682A;
}
.product_inside h3 .series_flex p.series {
	background-color: #F2682A;
}
.product_inside h4 {
    border-bottom: 2px solid #FCDED1;
}

/* 製品ごとに色設定 ここまで */

.Area_leftright p {
	font-size: 110%;
}

table {
	margin: 0px;
	padding: 0px;
}

td ,
th {
	padding: 10px 15px;
	line-height:160%;
	border-bottom: 1px #CCCCCC solid; 
}

td {
	background-color: #FDFDFD;
    vertical-align: middle;
}

th {
	background-color: #FAFAFA;
	font-weight: bold;
	text-align: center;
    vertical-align: middle;
}

.imgbox {
    width: 100%;
    margin: 10px auto 20px;
	text-align: center;
}
.imgbox img.w80 {
    width: 80%;
    height: auto;
}

.flexbox {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
	padding-top: 10px;
	width: 100%;
	margin: 0 auto;
}

.flexbox a {
	padding: 15px 0 15px 10px;
	margin-bottom: 10px;
	border-radius: 10px;
}
.flexbox a.two:hover {
    background-color: #FDF3EF;
}
.flexbox a.three:hover {
    background-color: #F6F1EF;
}

.flexbox a.two {
    width: 48%;
	color: #F2682A;
	cursor: pointer;
}
.flexbox a.two .box .fimg {
	float: right;
	width: 45%;
}
.flexbox a.two .box strong {
	display: block;
	font-size: 150%;
	line-height: 130%;
}
.flexbox a.two .box strong span {
	display: block;
	color: #333;
	font-size: 80%;
	font-weight: normal;
	line-height: 250%;
}
.flexbox a.two .box p {
	color: #333;
	margin: 0;
	padding: 10px 0 0 0;
}
.flexbox a.two .box .fimg img {
	width: 100%;
	height: auto;
}

.flexbox a.three {
    width: 32%;
	color: #F2682A;
	cursor: pointer;
}
.flexbox a.three .box .fimg {
	width: 100%;
	text-align: center;
}
.flexbox a.three .box .fimg img {
	width: 50%;
	height: auto;
	margin: 10px 0 5px 0;
}
.flexbox a.three .box strong {
	display: block;
	font-size: 130%;
	line-height: 120%;
}
.flexbox a.three .box strong span {
	display: block;
	color: #333;
	font-size: 85%;
	font-weight: normal;
	line-height: 200%;
}
.flexbox a.three .box p {
	color: #333;
	margin: 0;
	padding: 0;
	font-size: 90%;
}
.flexbox a.three .box p span.at {
	font-size: 85%;
	color: red;
	font-weight: bold;
}

strong.f110 {
	font-size: 110%;
}

.Area_free ul li {
	line-height: 180%;
	padding-left: 10px;
}



/* 画面サイズの横幅が 480px より小さい場合に適用 */
@media screen and (max-width: 480px) {

.product_inside .Area_left video {
    margin-bottom: 15px;
}

td ,
th {
	padding: 10px 5px !important;
}

.flexbox {
    display: block;
	padding-top: 0;
	width: 95%;
	margin: 0 auto;
}

.flexbox a {
	padding: 15px 0 15px 10px;
	margin-bottom: 10px;
}

.flexbox a .box {
	padding-bottom: 15px;
	border-bottom: 1px dotted #333;
}

.flexbox a.two ,
.flexbox a.three {
    width: 100%;
	color: #F2682A;
}
.flexbox a.two .box .fimg ,
.flexbox a.three .box .fimg {
	float: none;
	width: 100%;
	text-align: center;
}
.flexbox a.two .box strong {
	display: block;
	font-size: 150%;
	line-height: 130%;
}
.flexbox a.two .box strong span {
	display: block;
	color: #333;
	font-size: 80%;
	font-weight: normal;
	line-height: 250%;
}
.flexbox a.two .box p {
	color: #333;
	margin: 0;
	padding: 10px 0 0 0;
}
.flexbox a.two .box .fimg img {
	width: 50%;
	height: auto;
}
.flexbox a.three .box .fimg img {
	width: 40%;
	height: auto;
	margin: 10px 0 5px 0;
}
.flexbox a.three .box strong {
	display: block;
	font-size: 130%;
	line-height: 120%;
}
.flexbox a.three .box strong span {
	display: block;
	color: #333;
	font-size: 85%;
	font-weight: normal;
	line-height: 200%;
}
.flexbox a.three .box p {
	color: #333;
	margin: 0;
	padding: 0;
	font-size: 90%;
}
.flexbox a.three .box p span.at {
	font-size: 85%;
	color: red;
	font-weight: bold;
}

}