@charset "UTF-8";
/* --------------------------------------
極暖の家(css)
-------------------------------------- */
#warm-Container .warm-catch.cube {
    width: 100%;
    height: 0;
    padding-top: calc(1354 /1300 * 100%);
    background: url(../img/lineup_pc.png) center center/cover no-repeat;
}
@media screen and (max-width: 480px){
#warm-Container .warm-catch.cube {
    width: 100%;
    height: 0;
    padding-top: calc(3225 / 1300 * 100%);
    background: url(../img/lineup_sp.png) center center/cover no-repeat;
}
}
#warm-Container .equipment-detail2 ul li:first-child {
    padding-left: 12px;
}
#warm-Container .equipment-detail2 .mahoubin img{
	width: 150px;
    margin-right: 15px;
    margin-top: 0px;
}
#warm-Container .equipment-detail2 ul {
	margin-bottom:20px;
}
#warm-Container .equipment-detail2 ul li p span {
    font-size: 15px;
    font-weight: bold;
}
#warm-Container .equipment-detail2 ul li p span.fonts {
	 font-size: 10px;
	 font-weight: 100;
}
.text-deco{
	text-decoration:underline;
}
@media screen and (max-width: 768px){
#warm-Container .equipment-detail2 ul li:first-child {
    padding-left: 0;
}
}
@media screen and (max-width: 480px) {
#warm-Container .equipment-detail2 .mahoubin img {
    width: 90px;
    margin-right: 15px;
    margin-top: 0;
}
#warm-Container .equipment-detail2 ul li p span {
    font-size: 91%;
    font-weight: bold;
}
}
@media screen and (max-width: 375px) {
/*iphoneX,iphone8,iphone7,iphone6*/
#warm-Container .equipment-detail2 ul li p span {
    font-size: 83%;
}
}
@media screen and (max-width: 360px) {
/*Galaxy S5*/

}
@media screen and (max-width: 320px) {
/*iphone5*/
#warm-Container .equipment-detail2 ul li:nth-child(2) img{
	margin-top: 1.7em;
}
}

/*------2021/07/01追記---------*/
/*---極暖の家AIRIS---*/
.flo-left1 {
    float: left;
}
.font-min {
    font-family: "NarzissRegular", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "HG明朝E", Osaka, sans-serif;
}
.aS_bg{
	background-color: #F5DF7C;
	padding: 0 2%;
	margin-top: -70px;
}
.aS_bg .sub-t{
	width: 80%;
    margin: 0 auto 0;
    padding: 30px 0 0 0;
	display: flow-root;
}
.aS_bg .sub-t strong{
	float: left;
    font-size: 198%;
    font-weight: 700;
    line-height: 180%;
    margin: 2.5rem 0 0 4%;
}
.aS_bg .tp-box{
	margin: 30px 0 0;
    padding-bottom: 50px;
	display: inline-block;
}
.aS_bg .tp-box img{
	float: left;
    width: 48%;
}
.aS_bg .tp-box .tt_e{
	float: right;
    width: 48%;
}
.aS_bg .tp-box p{
	font-size: 1.6rem !important;
    font-weight: 700;
    line-height: 170%;
}
.aS_bg .tp-box p span{
	color:#FF1D25;
}
.aS_bg .tp-box a{
	background-color: #EBEDEC;
    text-align: center;
    width: 100%;
    padding: 15px 0;
    font-size: 1.5rem;
    font-weight: 700;
    display: block;
    margin: 30px 0 0;
}
@media screen and (max-width: 1080px){
.aS_bg .sub-t img{
	width: 73px;
}
.aS_bg .sub-t strong {
    float: left;
    font-size: 130%;
    font-weight: 700;
    line-height: 180%;
    margin: 1.5rem 0 0 4%;
}
}
@media screen and (max-width: 480px) {
.aS_bg{
	width:100% !important;
	padding: 0 2.5%;
}
.aS_bg .sub-t {
    width: 100%;
    margin: 0 auto 0;
    padding: 3rem 0 0 0;
    display: flow-root;
}
.aS_bg .sub-t img{
	width: 65px;
}
.aS_bg .sub-t strong {
    float: left;
    font-size: 160%;
    font-weight: 700;
    line-height: 180%;
    margin: 1rem 0 0 3%;
}
.aS_bg .sub-t strong span{
	font-size: 131%;
    display: block;
    margin: 1rem 0 0;
}
.aS_bg .tp-box img {
    float: initial;
    width: 100%;
}
.aS_bg .tp-box .tt_e {
    float: initial;
    width: 100%;
	display: inline-block;
}
.aS_bg .tp-box p {
    font-size: 1.6rem !important;
    font-weight: 700;
    line-height: 170%;
    margin: 2rem 0 0;
}
}
@media screen and (max-width: 375px) {
.aS_bg .sub-t strong {
    font-size: 141%;
}
}
@media screen and (max-width: 360px) {
.aS_bg .sub-t strong {
    font-size: 135%;
}
}
@media screen and (max-width: 320px) {
.aS_bg .sub-t strong {
    font-size: 115%;
}
}
p.sub-catch{
	font-size: 2rem;
}
@media screen and (max-width: 480px) {
p.sub-catch{
	font-size: 100%;
}
}

.movie-wrap {
     position: relative;
     padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
     height: 0;
     overflow: hidden;
}
 
.movie-wrap iframe {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
}