#wrap #contents {
padding: 0 0px !important;
}
ol, ul {
list-style: none;
padding: 0;
}
.mgb30{margin-bottom:30px;}
.mgb40{margin-bottom:40px;}
.mgb0{margin-bottom:0px !important;}
.mgtb30{margin:30px 0;}
#container-all {
width:100%;
margin:0 auto;
}
h3{
margin-top:40px !important;
font-size:1.25em !important;
}
h4{
}
@media screen and (max-width:767px) {
#container-all,.container-all {
width:100%;
}
.maindesign .fslarge {
font-size: 1.2em;
}
}
#container-all a {
text-decoration:none;
}
.conlink .rea {
/*max-width: calc(33.33% - 7px);
margin: 1em 0;*/
}
.maindesign {
font-family:"Noto Sans JP","ＭＳ Ｐゴシック","MS PGothic",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,Sans-Serif;
/*margin-bottom:0 !important;*/
}
.maindesign h1 img{
width:100%;
}

.maindesign h1 .heading01 {
color: #fff;
/* text-shadow: 1px 1px 2px rgb(10 10 10 / 70%); */
text-align: center;
font-weight: bold;
font-size: 7rem;
/* margin: 0 0 0px 0; */
padding: 0 3.5rem 0.5rem;
line-height: 1.2;
position: absolute;
background-color: #000;
letter-spacing: 0.05em;
width: auto;
transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
top: 50%;
left: 50%;
}
.maindesign p {
line-height:1.3em;
}
.maindesign .heading02 {
width: 100%;
position: absolute;
bottom: 9%;
justify-content: space-around;
padding: 0 5rem;
box-sizing: border-box;
color: #fff;
font-size: 1.5rem;
font-weight: 700;
display: flex;
transform: translate(-50%, 30%);
-ms-transform: translate(-50%, -50%);
/* top: 87%; */
left: 50%; 
}
.maindesign h1 .heading02 .sub_title {
    background: #000;
    padding: 0.25em 0.5em;
    color: #fff;
}
.maindesign h1 span .s_title{
font-size:0.8em;
}
.maindesign h1 .heading01 .sub_title {
font-size: 0.6em;
}
.maindesign .lhTxt {
font-size: 1.15em;
line-height: 1.4;
padding-bottom: 2em;
}
.maindesign div.gray {
background-color: #ebebed;
overflow: hidden;
padding: 12px;
line-height: 1.2 
}
.maindesign div.gray span.midashi01 {
display: block;
text-align: center;
font-size: 1.75em;
font-weight: bold;
color: #000;
}
.maindesign .monoBlack01 {
position: relative;
padding: .5em;
background-color: #333;
font-size: 2em;
color: #fff;
text-align: center;
font-weight: bold;
margin-bottom: 2em 
}
.maindesign .monoBlack01::after  {
content: "";
position: absolute;
border: 40px solid transparent;
border-top: 20px solid #333;
top: 100%;
left: 47%;
}
.maindesign .junbitxt {
margin: 10px 0;
padding: 0 10px;
}
.maindesign .junbitxt p {
line-height: 1.2;
margin: 0 0 10px 0;
}
.maindesign .jukyuban {
width: 30%;
/*margin: 0 0 20px 0;*/
}
.maindesign .listHead34 {
font-size: 1.2em;
color: rgb(51, 51, 51);
font-weight: bold;
/*margin: 10px 0;*/
}
.maindesign .howto {
display: flex;
flex-wrap: wrap;
margin-top: 10px;
/*margin-bottom: 30px;*/
}
.maindesign .howto.cols2-1 li {
width: calc(50% - 5px);
margin-right: calc(10px / 1);
margin-bottom: 20px;
position: relative;
}
.maindesign .howto.cols2-1 li:nth-child(2n) {
margin-right: 0px;
}
.maindesign .howto.cols2-1 li a {
display: flex;
}
.maindesign .howto.cols2-1 li a .linksTxt {
margin: auto auto auto 10px;
}
.maindesign .howto .linksTxt {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
 flex-wrap: wrap;
 width: calc(80% - 20px);
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.maindesign .howto.cols2-1 li a .linksTxt p {
margin-top: 0;
margin-bottom: 0;
margin-left: 10px;
padding: 0.5em 0; 
}
.maindesign .listHeading {
font-size: 1.2em;
color: #333;
font-weight: bold;
}
.maindesign .listHeading span {
font-size: 0.75em;
width: calc(90% - 20px);
line-height: 1.2;
font-weight: 400;
padding-top: 0.5em;
display: block;
}

.maindesign .howto.cols2-1 li a .linksImg {
margin: 5px 15px 5px auto;
}
.maindesign .linksImg img {
text-align: center;
width: 100%;
}
.maindesign .hasseitai {
margin: 0 0 30px 0;
}
.maindesign .hassei img {
width: 100%;
}
.maindesign .bousaibag {
position: relative;
margin: 0 0 20px 0;
}
.maindesign .colsinframe {
box-sizing: border-box;
border: 1px solid #ccc;
border-radius: 5px;
padding: 1em;
overflow: hidden;
}
.maindesign .colsinframe a  {
color: #333;
text-decoration: none;
}

.maindesign .h2Icon {
position: absolute;
}
.maindesign h2.headingMiddle.plusIcon {
position: relative;
padding-bottom: 0.8em;
border-bottom: 3px solid #DDD;
font-size: 1.25em;
font-weight: bold;
margin: 60px 0 60px auto;
width: 92%;
text-align: left;
top: 1.5em; 
}
.maindesign .bousai_text_box {
position: absolute;
line-height: 1.2;
/*width: 100%;*/
/*bottom: 8.5em;*/
bottom: 47.5em;
color: #333;
}
.maindesign .bousai_text_box02 {
position: absolute;
line-height: 1.2;
right: 1em;
bottom: 3em;
color: #333;
}
.maindesign .bousai_text_box03 {
position: absolute;
line-height: 1.2;
right: 1em;
bottom: 1.25em;
color: #333;
}

.maindesign .bousai_bTxt, .maindesign .bousai_sTxt {
font-weight: 700;
line-height: 1.1;
text-align: left;
margin-bottom: 5px;
text-shadow: 1px 1px 1px #ffffff, -1px 1px 1px #ffffff, 1px -1px 1px #ffffff, -1px -1px 1px #ffffff, 1px 0px 1px #ffffff, 0px 1px 1px #ffffff, -1px 0px 1px #ffffff, 0px -1px 1px #ffffff;
}
.maindesign .bousai_bTxt {
font-size: 2.25em;
line-height: 1.6
}
.maindesign .bousai_sTxt {
font-size: 1.25em;
}
.maindesign .bousai_bagtxt {
margin: 20px 0 0 0;
}
.maindesign .bousai_bagtxt p {
line-height: 1.2;
}
.maindesign .frames {
width: 100%;
max-width: 900px;
margin: 4em auto;
}
.maindesign .textRed {
color:  #E5002D 
}
.maindesign .goTop {
clear: both;
font-size: 14px;
margin: 8px 0;
text-align: right;
}
.maindesign .catalog {
display: flex;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between; 
}
.maindesign .catalog li {
width:  100%;
margin-bottom: 20px; 
border: solid 1px #ccc; 
box-sizing: border-box; 
}
.maindesign .catalog li img {
width: 100%
}

/*-- margin-top --*/
.mt1em { margin-top: 1em !important; }
.mt2em { margin-top: 2em !important; } 
.mt3em { margin-top: 3em !important; } 
.mt4em { margin-top: 4em !important; } 
.mt5em { margin-top: 5em !important; } 
.mt6em { margin-top: 6em !important; } 


/*-- margin-bottom --*/ 
.mb1em { margin-bottom: 1em !important; } 
.mb2em { margin-bottom: 2em !important; } 
.mb3em { margin-bottom: 3em !important; } 
.mb4em { margin-bottom: 4em !important; } 
.mb5em { margin-bottom: 5em !important; } 
.mb6em { margin-bottom: 6em !important; } 

@media screen and (min-width:768px) {
.maindesign .cover-btn {
width: 50% !important;
margin: 40px auto 100px
}
.pc-b-hm {
font-size: 1.62em;
padding: 1.05em 1em !important;
width: 50% !important;
}
} 
 

@media screen and (max-width: 767px) {
/*.maindesign h1 .heading01 {
font-size: 14.5vw;
top: 30%;
padding: 0 0 2vw 0;
line-height: 1;
transform: translate(28%);
width: 65%;
}*/
.maindesign h1 .heading01 {
font-size: 13vw;
padding: 0 0.5rem 0.5rem;
line-height: 1.2;
width: 62%;
transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
top: 43%;
left: 50%;
}
.maindesign .heading02 {
flex-wrap: wrap;
bottom: 10%;
padding: 0 5%;
font-size: 3vw;
} 

.maindesign h1 .heading02 .sub_title {
padding: 0.25em 0.5em;
margin-bottom: 0.25em;
width: 35%;
text-align: center;
} 
.maindesign .lhTxt {
font-size: 0.95em;
line-height: 1.5;
} 
.maindesign div.gray span.midashi01 {
font-size: 1em;
} 
.maindesign .monoBlack01 {
    font-size: 0.8em;
/*font-size: 1.2em;
line-height: 1.2;*/
} 
.maindesign .monoBlack01::after {
content: "";
border: 30px solid transparent;
border-top: 15px solid #333;
top: 100%;
left: 40%;
} 
.maindesign .share_btn {
font-feature-settings: 'palt';  
}
.maindesign .jukyuban {
width: 60%;
} 
.maindesign .junbitxt p {
line-height: 1.4;
font-size: 0.875em;
} 
	
.maindesign .listHead34 {
font-size: 1em;
line-height: 1.2;
} 

	
.maindesign .howto.cols2-1 li {
width: 100%;
margin-right: 0;
margin-bottom: 20px;
} 
.maindesign .howto.cols2-1 li:last-child  {
margin-bottom: 0px;
} 
.maindesign .howto.cols2-1 li a {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
flex-direction: row-reverse;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; 
} 
.maindesign .howto.cols2-1 li a .linksTxt {
margin: auto auto auto 10px;
width: 70%;
} 
.maindesign .listHeading {
font-size: 1em;
color: #333;
font-weight: bold;
line-height: 1.2;
} 
.maindesign .howto.cols2-1 li a .linksImg {
margin: 5px 15px 5px 5px;
} 
.maindesign .listHeading span {
font-size: 0.875em;
width: calc(100% - 10px);
} 
.maindesign .hassei {
padding-top: 10px;
border-top: 3px solid#ccc;
width: 100%;
} 
.maindesign .h2Icon {
width: 55px;
} 
.maindesign h2.headingMiddle.plusIcon {
padding-bottom: 0.8em;
border-bottom: 3px solid #DDD;
font-size: 1.25em;
font-weight: bold;
margin: 60px 0 40px 72px;
width: auto;
text-align: left;
top: 0.8em;
}
.maindesign h2.headingMiddle::after {
width: 10.5%;
} 
.maindesign .bousai_text_box {
position: absolute;
line-height: 1.2;
width: 95%;
top: calc(38vw - 3vw);
color: #333;
} 
.maindesign .bousai_text_box02 {
position: absolute;
line-height: 1.2;
width: 95%;
bottom: calc(6vw - 3vw);
color: #333;
right: 0;
} 
.maindesign .bousai_text_box03 {
position: absolute;
line-height: 1.2;
width: 95%;
bottom: calc(6vw - 3vw);
color: #333;
right: 0;
margin-top: 1em 
}  
.maindesign .bousai_bTxt {
font-size: 6vw;
line-height: 1.6;
} 
.maindesign .bousai_sTxt {
font-size: 1em;
} 
.maindesign .bousai_bagtxt {
margin: 60px 0 0 0;
} 
.maindesign .bousaibag img {
width: 100%;
} 
.maindesign .frames {
/*margin: 2em auto 4em;*/
margin: 2em auto 0;
}
.maindesign .cover-btn {
margin: 0 auto 4em
}
.maindesign .fslarge {
font-size: 1em;
} 
@media screen and (max-width: 767px) { 
.maindesign .fslarge {
font-size: 0.9em;
padding: 1em 0.5em;
} 
}
.maindesign .colsinframe.imgCenter  {
text-align: center;
}
.maindesign .bousai_text_box {
text-align: left;
} 
.maindesign .bousai_bagtxt p {
text-align: left;
} 
.maindesign .youtube {
 border: solid 1px #ccc;
}
.cont-004 .howto {
margin-bottom: 30px;
} 
@media screen and (max-width: 767px) { 
.cont-004 .howto {
margin-bottom: 50px;
}  
.mb5rem { margin-bottom: 5em; }  
 }





/*-- margin-top --*/
.mt1em { margin-top: 0.5em !important; }
.mt2em { margin-top: 1em !important; } 
.mt3em { margin-top: 1.5em !important; } 
.mt4em { margin-top: 2em !important; } 
.mt5em { margin-top: 2.5em !important; } 
.mt6em { margin-top: 3em !important; } 



/*-- margin-bottom --*/ 
.mb1em { margin-bottom: 0.5em !important; } 
.mb2em { margin-bottom: 1em !important; } 
.mb3em { margin-bottom: 1.5em !important; } 
.mb4em { margin-bottom: 2em !important; }  
.mb5em { margin-bottom: 2.5em !important; }  
.mb6em { margin-bottom: 3em !important; }  
} 

.maindesign.conbo{
margin-bottom:0;
}
.maindesign .hasseitai.conbo{
    margin: 0 0 50px 0;
}


.maindesign .pet-refuge--img{
	padding: 20px 0;
    text-align: center;	
}

.maindesign .pickup{
	text-align: center;
	color: #fff;
	padding: 15px 0;
	font-weight: bold;
	font-size: 1.2em;
	background-color: #FCD500;
	text-shadow: 1px 1px 3px #333;
	margin-bottom: 30px;
}
.maindesign .combo{
	padding: 10px;
}
.maindesign .combo_txt p{
	font-size: 1.25em;
	margin-bottom: 5px;
	font-weight: bold;
    color: #000;
}
.maindesign .combo_txt .goods-name{
	font-size: 2.25em;
	margin-bottom: 5px;
	font-weight: bold;
}
.maindesign .combo-set{
	margin-top: 30px;
}
.maindesign .combo-set ul{
	display: flex;
	flex-wrap: wrap;
}
.maindesign .combo-set ul li{
	margin-right: 10px;
	margin-bottom: 10px;
    color: #000;
}


/* =============================================

220712_防災特集_商品入れ替え、ページ構成変更依頼 修正01

============================================= */

/* 防災特集TOP
====================================================*/

/*避難に備える*/
.maindesign .imgCenter img {
    display: block;
    margin: 0 auto;
}

@media screen and (max-width: 767px) { 
	.maindesign .bousai_text_box04 {
		padding-bottom: 10px;
	}
}

/* 防災デジタルカタログはこちら*/
.maindesign .bousaibag_jukyouban {
    display: flex;
}

.maindesign .bousaibag_jukyouban img {
		width: 15%;
	}
@media screen and (max-width: 767px) { 
	.maindesign .bousaibag_jukyouban img {
		width: 28%;
		height: 100%;
	}
}
	
.maindesign .bousaibag_jukyouban p {
	display: flex;
    flex-direction: column;
    justify-content: center;
	padding-left: 0.5em;
	padding-top: 2px;
}
@media screen and (max-width: 767px) { 
	.maindesign .bousaibag_jukyouban p {
		font-size: 3.5vw;
		padding-left: 0;
	}
}

/* 住宅用火災報知器
====================================================*/
.maindesign .osusume .links li .text-box {
	text-align: center;
}

@media screen and (min-width:768px) {
	.maindesign h1 .heading01 {
		font-size: 4rem;
	}
}