@charset "UTF-8";

/* Micro clearfix */
.cf { zoom: 1; }
.cf:before, .cf:after { content: ""; display: table; }
.cf:after { clear: both; }

#prd_wrapper {
	width: 100%;
	background-color: #fff;
}
.hide_h1text {
    /* H1 飛ばし・隠し */
    display:block;
    text-indent: 110%;
    overflow: hidden;
    white-space: nowrap;
    margin: 0 0 0 0;
}

/*--- Base Layout (mobile) 480px and below ---*/
/* トップ画像 */
#prd_topimg {
    margin: 0;
}
#prd_topimg img {
    display: block; /* imgのセンタリングに必要 */
	margin: 0 auto;
}
/* キャッチコピー */
#prd_slogan {
	width: 100%;           
	margin: 0;
	text-align: center;
	margin-bottom: -0.2em; /* 上のブロックとの隙間埋め */
    background: -moz-linear-gradient(top, #fff, #fcfcfc);
    background: -webkit-linear-gradient(top, #fff, #fcfcfc);
    background: linear-gradient(to bottom, #fff, #fcfcfc);  
}
.prd_slogan_text {
    font-size: 1.0em;
    font-weight: bold;
    padding: 1em 0.5em 0.4em 0.5em;
}
.prd_slogan_text_wflame {
	border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
	background-color: red;
	color: white;
    font-size: 1.0em;
    font-weight: bold;
	width: 15em; /* まずワク幅を固定。ワク横幅がレスポンシブにならないように */
	padding: 0.3em; /* ワク内の余白 */
    margin:10px auto 50px;    
}
/* 特長 */
.features_text1 {
    font-size: 1.0em;
    font-weight: bold;
    padding: 1em 0.5em 0.4em 0.5em;
}
.features_text2 {
    font-size: 1.0em;
    /*font-weight: bold;*/
    color: #626262;     	
	text-align: left;
	padding:0 2em;
}
/*説明エリア*/
.description_title {
    font-size: 1.0em;
    /*font-weight: bold;*/
    padding: 1em 0.5em 0.4em 0.5em;
}
.description_text1 { /*紹介文*/
	font-size: 1.0em;
	padding:1em 1.4em 0 1.4em;
    line-height: normal;
}
.description_text2 { /*左寄せが必要な場合は .align-leftで*/
	font-size: 0.9em;
	padding-left: 2em; 
	padding-right: 2em;
}
/*用途など箇条書き部*/
.common_title {
    font-size: 1.0em;
    padding: 1em 0.5em 0.4em 0.5em;
    font-weight: bold;
}
.common_text1 {
	font-size: 0.9em;
    /*font-weight: bold;*/
    color: #535252;
	padding-left: 3.0em;
	padding-right: 3.0em;
}
.common_text2 {
	font-size: 0.8em;
    color: #535252;
	padding-left: 3.0em;
	padding-right: 3.0em;
}
.note1 {
	font-size: 0.7em;
	text-align: left;
	padding: 0 3em 0 3em;
    line-height: normal;
}

/* 段組み */
one_column {
	width: 100%;          
	margin: 0;
	text-align: center;
	padding-bottom: 1em;
	margin-bottom: -0.2em;
}
.one_column ul {
	list-style-type: none;
}
.two_columns {
	width: 100%;           
	margin: 0;
	text-align: center;
	margin-bottom: -0.2em;
}
.two_columns ul {
	list-style-type: none;
}
.two_columns ul li {
	float: center;
	width: 100%;
	list-style-type: none;
}
.three_columns {
	width: 100%;            
	margin: 0;
	text-align: center;
}
.three_columns ul {
	list-style-type: none;
}
.three_columns ul li {
	float: center;
	width: 100%;
	list-style-type: none;
	padding-bottom: 2em;
}
.four_columns {
	width: 100%;           
	margin: 0;
	text-align: center;
}
.four_columns ul {
	list-style-type: none;
}
.four_columns ul li {
	float: center;
	width: 100%;
	list-style-type: none;
	padding-bottom: 2em;
}

/*パンくず*/
.breadcrumb {
    font-size: 0.9em;
    color: #5a5a5a;
    /*font-weight: bold;*/
    position: relative;
    z-index: 2;
    margin: 12px 0 -17px 13px;
}
.breadcrumb ul {
    display: flex;
    flex-wrap: wrap;
}
.breadcrumb a {
    font-size: 0.9em;
    color: #000000;
}
.breadcrumb li {
    font-size: 0.9em;
    list-style-type: none;
}


/*--- Tablet 481px to 769px. ---*/
@media only screen and (min-width: 481px) {
 
    /*キャッチ*/
    .prd_slogan_text {
        font-size: 1.4em;
    }    
    /*特長*/
    .features_text1 {
        font-size: 1.4em;
    }
    .features_text2 {
        font-size: 1em;
		text-align: left;
		padding-left: 6em; 
		padding-right: 6em
    }
    /*説明エリア*/
    .description_title {
        font-size: 1.4em;
    }
     .description_text1 {
		font-size: 1.0em;
	}
    .description_text2 {
        font-size: 1.0em;
        /*font-weight: bold;*/
        padding-left: 2em; 
        padding-right: 2em;
        padding-right: 2em;
    }
    /*用途など箇条書き部*/
    .common_title {
        font-size: 1.4em;
    }
    .common_text1 {
        font-size: 1.0em;
		padding-left: 8.0em;
		padding-right: 8.0em;
		padding-top: 0;
    }
    .common_text2 {
        font-size: 0.9em;
		padding-left: 8.0em;
		padding-right: 8.0em;
		padding-top: 0;
    }
	.note1 {
		font-size: 0.8em;
		padding: 0 6em 0 6em;
	}
    
    /* 段組み */
	.two_columns ul li {
		list-style-type: none;
	}
	.three_columns ul li {
		list-style-type: none;
	} 

    /*パンくず*/
    .breadcrumb {
        font-size: 0.9em;
        margin: 5px 0 -23px 15px;
    }
    .breadcrumb ul {
    }
    .breadcrumb a {
        font-size: 0.9em;
    }
    .breadcrumb li {
        font-size: 0.9em;
    }      
}


/*--- Desktop 481px to 769px. ---*/
@media only screen and (min-width: 769px) {

    /*キャッチ*/
    .prd_slogan_text {
        font-size: 1.5em;
    } 
    /*特長*/
    .features_text1 {
        font-size: 1.4em;
    }
    .features_text2 {
        font-size: 1.0em;
		text-align: left;
		padding-left: 2em;
		padding-right: 2em;
    }
    /*説明エリア*/
    .description_title {
        font-size: 1.5em;
    }
    .description_text1 {
		font-size: 1.0em;
        /*font-weight: bold;*/
		padding: 1 0.3em 0 0.3em;
        line-height: normal;
	}
    .description_text2_left {
        font-size: 1.0em;
		padding-left:5em; 
		padding-right:5em;
    }
    /*用途など箇条書き部*/
    .common_title {
        font-size: 1.5em;
    }
    .common_text1 {
        font-size: 1.0em;
		padding-left: 3.0em;
		padding-right: 3.0em;
    } 
    .common_text2 {
        font-size: 1.0em;
		padding-left: 3.0em;
		padding-right: 3.0em;
    }
    
    /* 段組み */
    .one_column {
		width: 80%;
		margin: 0 auto;
	}
	.two_columns ul li {
		float: left;
		width: 50%;
		list-style-type: none;
	}
    .three_columns ul li {
		float: left;
		width: 33%;
		list-style-type: none;
	}
	.four_columns ul li {
		float: left;
		width: 25%;
		/*list-style-type: none;*/
	}  
    
    /*パンくず*/
    .breadcrumb {
        font-size: 0.9em;
        margin: 5px 0 -25px 15px;
    }
    .breadcrumb ul {
    }
    .breadcrumb a {
        font-size: 0.9em;
    }
    .breadcrumb li {
        font-size: 0.9em;
    } 	
}