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

.tearainashi{
    width: 125px;
    background: #bec4c7;
    text-align: center;
    font-size: 1.6em;
    font-weight: bold;
    color: #fff;
    position: absolute;
    border-radius: 50px;
    border: solid 2px #bec4c7;
}
.tearainashi p{
    text-align: center;
}

.tearaiari {
    width: 125px;
    background: #ffffff;
    text-align: center;
    font-size: 1.6em;
    font-weight: bold;
    color: #474141;
    position: absolute;
    border-radius: 50px;
    border: solid 2px #333;
}
.tearaiari p{
    text-align: center;
}
.guarantee10 {
    width: 60%;
}


.gga_feature_box ul {
    display: flex;
    flex-wrap: wrap;
}
.gga_feature_box li {
    width: 32.333%;
    font-size: 1em;
    line-height: 1.8em;
    float: left;
    margin: .5%;
    border: 2px solid #1aa926;
    padding: 10px;
    background: #fff;
	text-align: center;
}
.gga_feature_box img {
	height: 150px;
}
.gga_feature_box h4{
    text-align: center;
    font-size: 1.2em;
    background: #1aa926;
    color: #fff;
    padding: 2%;
    margin: 2% 0;
}
.gga_feature_box p {
    padding: 3%;
    font-size: 1.1em;
    line-height: 1.6em;
    margin-top: 3%;
}
.gga_feature_box video{
	height: 150px;
	width: 100%;
}

.color_explanation{
    border: 2px solid #0065cc;
    padding: 2%;
    margin: 2%;
}
.color_explanation li {
    font-weight: bold;
    font-size: 1.2em;
    list-style: disc;
    margin-left: 3%;
}
.color_explanation p{
    padding: 1%;
}
.color_explanation span{
    padding: 1%;
    background: #333;
}
.color_explanation div{
    background: #f1f1f1;
    margin-top: 2%;
    border: 1px solid #ccc;
}
/****比較表****/
#hikakuhyo_gga table{
    white-space: nowrap;
    width: 100%;
}
.gga_compare table {
    margin: 3% 0 5%;
}
.gga_compare table th, .gga_compare table td {
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    text-align: center;
    font-size: 12px;
    vertical-align: middle;
    padding: 1% 0;
    height: 40px;
}
.gga_compare table td img {
    vertical-align: middle;
    /* padding: 2%; */
    width: 20px;
}
.gga_compare a{
    text-decoration: underline !important;
}
.gga_compare table th{
    border-top: 1px solid #ddd;
}
.gga_compare table th img{
    width: 120px;
    text-align: center;
}
.gga_compare table th p{
    text-align: center;
}
.gga_compare table th:nth-child(n+2){
    font-weight: bold;
}
.gga_compare table th:first-child {
    white-space: normal;
}
.gga_compare table tr:nth-child(2n){
    background: #f1f1f1;
}
.gga_compare table th:first-child {
    background: #c4ecff;
    font-weight: bold;
    color: #327da1;
	width: 25%;
	position: sticky;
	left: 0;
}
.gga_compare table td:first-child {
    background: #c4ecff;
    font-weight: bold;
    color: #327da1;
    width: 16%;
    position: sticky;
    left: 0;
    white-space: normal;
    padding: 1%;
}
.gga_compare table td:nth-child(n+2){
    font-size: 1em;
}



.suiryou{
	margin: 10%;
    border: 1px solid #aaa;
    padding: 5%;
	background: #fff;
}
/*****グレード****/
.grade_gga3{
    width: 80px;
    background: #f7ab4a;
    text-align: center;
    font-size: 1.8em;
    font-weight: bold;
    color: #fff;
    position: absolute;
}
.grade_gga3 p{
    text-align: center;
}
.grade_gga2{
    width: 80px;
    background: #f1aef3;
    text-align: center;
    font-size: 1.8em;
    font-weight: bold;
    color: #fff;
    position: absolute;
}
.grade_gga2 p{
    text-align: center;
}
.grade_gga1{
    width: 80px;
    background: #82d6fd;
    text-align: center;
    font-size: 1.8em;
    font-weight: bold;
    color: #fff;
    position: absolute;
}
.grade_gga1 p{
    text-align: center;
}
/*タブレット*/
@media screen and (max-width : 767px){
	
	
}


/* スマートフォン 横(ランドスケープ) */
@media only screen and (max-width:640px){
	
/*3大キレイ要素*/

.sandaikirei .col3_pic li{
	display:block;
	width:100%;
	margin-right:0;
	margin-bottom:10px;
}

.sandaikirei .col3_pic li p{
	height:auto;
}

	

	
	

/*ネオレストシリーズ一覧*/

.lineup .nx img{
	float:none;
  width: 100%;
  margin-right: 0;
}

.lineup .nx .detail{
	float:none;
	width:100%;
}	
	
	
/*ラインナップ　シリーズ別の商品一覧*/
.lineup  li{
	display:block;
	width:100%;
	margin-right:0;
	margin-bottom:10px;
}
	
.lineup  li img{
	width:100%;
}
	
	

	
	
	
	

}


/* スマートフォン 縦(ポートレート) */
@media only screen and (max-width:480px){
	
.gga_feature_box li{
	width: 48%;
	margin: 1%;
}
.gga_feature_box p {
    font-size: 1em;
    line-height: 1.5em;
}
.gga_feature_box img{
	height: 120px;
}
.gga_feature_box video {
    height: 120px;
}
.gga_feature_box h4 {
    font-size: 1em;
}
	
section.colorvar table th{
	font-size:7px;
}	
.tearainashi {
    width: 94%;
    font-size: 1.4em;
	overflow: hidden;
	position: relative;
	top: 1%;
	margin-bottom: 5%;
}
.tearaiari {
    width: 94%;
    font-size: 1.4em;
	overflow: hidden;
	position: relative;
	top: 1%;
	margin-bottom: 5%;
}
.guarantee10 {
    width: 100%;
}
    
    
/****比較表****/
#hikakuhyo table{

}
#hikakuhyo_gga table{
	width: 720px;
}
.gga_compare table th:first-child{
	width: 14%;
}
    
    
/*****グレード****/
.grade_gga3{
    width: 94%;
    font-size: 1.4em;
    position: relative;
    margin: 3%;
    float: left;
}
.grade_gga2{
    width: 94%;
    font-size: 1.4em;
    position: relative;
    margin: 3%;
    float: left;
}
.grade_gga1{
    width: 94%;
    font-size: 1.4em;
    position: relative;
    margin: 3%;
    float: left;
}
    
    
    
    
}