@charset "UTF-8";

.product_name{
	width: 1000px;
	margin: 0 auto;
	font-size: 2.1em;
	font-weight: bold;
	}

.features {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}

.features .txt{
	width: 80%;
	margin: auto 10%;
	text-align: center;
	font-size: 2.2em;
	line-height: 140%;
	color:#fff;
}

.features .txt_s{
	width: 90%;
	margin: 15% auto 5% auto;
	text-align: left;
	font-size: 1.3em;
	line-height: 160%;
}

.features_inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding: 0;
	 /*border:1px #ccc solid;*/
    width: 50%;
	line-height:160%;
}

.features_inner_pic {
	/*display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;*/
	padding: 0;
	width: 100%;
	position: relative;
	height: auto;
}

.features_inner_pics {
	/*display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;*/
	padding: 0;
	width: 50%;
	position: relative;
	height: auto;
}

.features_inner_pic .f_SWS-100_copy{
	position: absolute;
	font-size: 1.5vw;
	top: 52%;
	left: 10%;
	color: #fff;
}

.features_inner_pic .f_SWS-100{
	position: absolute;
	font-size: 4.7vw;
	top: 35%;
	left: 10%;
	font-family: 'Oswald', sans-serif;
	color: #fff;
}


.features .txt2{
	width: 80%;
	margin: auto 10%;
	text-align: center;
	font-size: 2.2em;
	line-height: 140%;
	color:#000;
	margin-top:5%;
	font-weight:bold;
	text-align:left;
}

.features .txt_s2{
	width: 60%;
	margin: 40px auto 80px auto;
	text-align: left;
	font-size: 1.4em;
	line-height: 160%;
	color: #000;
}

	
.features .img{
	width: 100%;
	height: auto;
	text-align: center;
	margin: 0 auto;
	float: none;
	}

.features_inner img{
	width: 100%;
	height: auto;
	text-align: center;
	margin: 0 auto;
	float: none;
	}

.features_inner_pic img{
	width:100%;
	height:auto}

.features_inner_pics img{
	width:100%;
	height:auto}

.option {
	width:100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

.option_txt {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	padding: 0;
	width: 40%;
	margin: 5% 0;
	line-height: 160%;
}

.option_pic {
	/*display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;*/
	padding: 0;
	width: 20%;
	margin: 5% 0;
}

.option_pic img{
	width:100%;
	height:auto}

.option_txt .inner {
    display: flex;
    flex-direction: column;
	width:100%;
    height: 100%;
   }

.option_txt .box{
	width: 60%;
	margin: 0 23% 5% 18%;
	text-align: center;
	flex: 1;
	background: #ccc;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
	align-items: center; /* 縦方向中央揃え */
	-webkit-justify-content: center; /* 横方向中央揃え（Safari用） */
	justify-content: center; /* 横方向中央揃え */
}

.option_txt .box .catchphrase{
	width: 100%;
	margin: auto;
	text-align: center;
	font-size: 1.2em;
	line-height: 160%;
	padding: 0 0 5% 0;
	font-weight: bold;
}

.option_txt .box .catchphrase_2{
	width: 90%;
	margin: 0 5% 0 5%;
	text-align: center;
	font-size: 1.5em;
	line-height: 160%;
	height: 100%;
	vertical-align: middle;
}

.flexiblebox {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
  align-items: center; /* 縦方向中央揃え */
  -webkit-justify-content: center; /* 横方向中央揃え（Safari用） */
  justify-content: center; /* 横方向中央揃え */
}



.option_txt .box .catchphrase_s{
	width: 90%;
	margin: 0 5% 0 5%;
	text-align: left;
	font-size: 1.3em;
	line-height: 160%;
}
	
/*spec*/
.f_spce{
	width:1000px;
	margin:0 auto}
	
.f_spce_ttl{
	font-size: 1.8em;
	font-weight: bold;
	margin: 0 0 0 0;
	padding:3% 0 0 0;
	width:100%;
	}
	
.f_chart{width:100%; overflow:hidden; margin-bottom:5%}
.f_chart_s{
	float: left;
	width: 50%;
	text-align: center;
	font-size: 1.3em;
}

.f_chart_s .img{
	width:100%;
	height:auto
	}

#spec {
	margin: 10px 0 30px 0;
	padding: 0;
	overflow: hidden;
	font-size:1.2em;
}
#spec p { margin:0; }
#spec dl {
	/*border-bottom: 1px solid #e7e3d0;*/
	margin: 0;		
}

.first {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #e7e3d0;
}


#spec dt {
	background: #f1f1f1;
	width: 24%;
	height: auto;
	display: block;
	clear: left;
	float: left;
	margin: 0 0 0 0;
	line-height: 200%;
	border-bottom: none;
	font-weight: normal;
	border-top: 3px solid #fff;
	padding: 12px 0px 10px 2%;
}
#spec dd {
	width: 32.5%;
	text-align:center;
	display: block;
	float: left;
	margin: 0 0 0px 0;
	line-height: 200%;
	padding: 12px 2% 10px 2%;
	border-top: 3px solid #fff;
	border-right: 3px solid #fff;
	background: #fafafa;
}

#specs {
	margin: 0 0 0 0;
	padding: 0;
	overflow: hidden;
	background: #f1f1f1;
}
#specs p { margin:0; }
#specs dl {
	/*border-bottom: 1px solid #e7e3d0;*/
	margin: 0;		
}


#specs dt {
	background: #f1f1f1;
	width: 48%;
	height: auto;
	display: block;
	clear: left;
	float: left;
	margin: 0 0 0 0;
	line-height: 200%;
	border-bottom: none;
	font-weight: normal;
	border-top: 3px solid #fff;
	padding: 12px 0px 10px 4%;
	text-align: left;
}
#specs dd {
	width: 44%;
	display: block;
	float: left;
	margin: 0 0 0px 0;
	line-height: 200%;
	padding: 12px 2% 10px 2%;
	border-top: 3px solid #fff;
	background: #fafafa;
}

/*取り扱い説明書*/
.f_download {
	overflow:hidden;
	border-bottom:1px solid #f1f1f1;
}

.f_download ul {	
    width:100%;
	overflow:hidden;
	margin:0 35% 4% 35%
}
.f_download li {

	list-style:none;
	float:left;
	width:30%;
	margin:0 0 0 0;
	text-align:center;
	font-weight:bold;
}

.f_download li a{
	display:block;
	font-size:1.1em;
	color:#ff1a00;
	text-decoration:none;	
	border:1px solid #ff1a00;	
	padding:10px 0;	
	border-radius:10px;
}

/*PC・スマホで表示・非表示にする*/
.pc_display{
	display: block;
	overflow: hidden;
}

.sp_display{
	display:none}

@media screen and (max-width:1200px)
{
	
}

@media screen and (max-width:1040px)
{
/*spec*/
.f_spce{
	width:100%;
	margin:0 auto}
}

@media screen and (max-width:640px)
{
.pc_display{
	display:none}

.sp_display{
	display:block;}

.features .txt{
	width: 90%;
	margin: 5% auto auto auto;
	text-align: center;
	font-size: 1.8em;
	line-height: 140%;
}

.features .txt_s{
	width: 90%;
	margin: 5% auto 0 auto;
	text-align: left;
	font-size: 1.2em;
	line-height: 160%;
}

.features_inner{
	width:100%;
	}

.features_inner_pics{
	width:100%}

.features_inner_pic {
	/*display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;*/
	padding: 0;
	width: 100%;
	position: relative;
	height: auto;
	background:#51555c;
}

.features_inner_pic .f_SWS-100{
	position: relative;
	font-size: 2.5em;
	top: 0%;
	left: 0%;
	font-family: 'Oswald', sans-serif;
	color: #fff;
	margin:5% 0 0 5%;
}

.features_inner_pic .f_SWS-100_copy{
	position: relative;
	font-size: 1.3em;
	top: 0%;
	left: 0%;
	color: #fff;
	margin:0 0 0 5%;
}

/*spec*/
.f_spce{
	width: 96%;
	margin: 0 2%
}
	
.f_spce_ttl{
	font-size: 1.6em;
	font-weight: bold;
	margin: 0 0 0 0;
	padding:5% 0 0 0;
	width:100%;
	}
	
.f_chart{width:100%; overflow:hidden; margin-bottom:0%}
.f_chart_s{
	float: none;
	width: 100%;
	text-align: center;
	margin-bottom:5%;
}

.f_chart_s .img{
	width:80%;
	height:auto
	}

#spec{
	width:100%
	}
	
#spec dd{
	width: 32%;
	}

/*取り扱い説明書*/
.f_download ul {	
	margin:10% 10% 0 10%
}
.f_download li {
	list-style:none;
	float:none;
	width:80%;
	margin-bottom:5%;
}

.break_none br{display: none;}
}