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


	

/*リセット*/		
		.fs-l-pageMain .container ul, .fs-l-pageMain .container li {
			list-style-type: none;
		}
		
/*リセット*/
		
		
/*追記部分*/
		/*コンテナ・画像*/
		.container, .container img {
			width:100%;
			max-width: 1000px;
			margin: 0 auto;
		}	
		.container p, .container h1, .container h2, .container h3, .container h4, .container h5 {
			color:#4c4c4c;
                margin: 1vw auto 0 ;
		}
		

		
		
		
		
/*追記部分*/		
		
/*元*/
.under_mtit {
    color: #444;
    font-size: 240%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 40px;
}

.under_mtit span {
    color: #358f58;
}

.under_mtit:before,
.under_mtit:after {
    content: "";
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    height: 1px;
    background: #444;
    display: block;
}

.under_mtit:before {
    margin-right: .4em;
}

.under_mtit:after {
    margin-left: .4em;
}
		
		
.end_fax {
    -webkit-box-shadow: 0 0 0 1px #ccc inset;
    box-shadow: 0 0 0 1px #ccc inset;
    text-align: center;
	width:45%;
	margin: 2vw auto;
}

.end_fax dt {
    background: #000;
    font-weight: bold;
    padding: 5%;
    color: #fff;
}

.end_fax dd {
    margin: 0;
	padding: 5%;
	background-color: #fff;
	border: 1px solid #000;
		}

.end_fax dd p:first-child {
    font-size: 140%;
    font-weight: bold;
    margin-bottom: 20px;
        margin: 0 auto;
}


		
		
		
/*元*/
		
		
		

/*追記部分*/	
		
	.container .midashi1 .all_card .dif_txt p {
			text-align: center;
		}		
		
	.container .nit_tit:before {
		content: '';
		background-color: #b3d179;
			font-size: 1.5em;
			text-align: center;
			padding: .05em .55em;
			top: 13px;
    		position: relative;
			border-radius: 4px;
			margin-right: 1.5%;
	}


        .container .midashi2 {
            margin-bottom: 5vw;
        }
		

	.container .top_bk {
		background: url("https://peaceup.itembox.design/item/common/img/gift-02.jpg") no-repeat;
		background-size: cover;
		color: #333;
	}
		.container .top_bk li {
			text-shadow:-2px -2px 5px #fff, -2px 2px 5px #fff, 2px -2px 5px #fff, 2px 2px 5px #fff; 
            list-style-type: none;
		}
		.container .top_bk li:before {
		content:  url("https://peaceup.itembox.design/item/common/img/gift_lpicon-01.png");
			font-size: 2em;
			top: 8px;
    		position: relative;
			margin-right: 1.5%;		
	}
		/*３並び*/
		.set33 {
		width: 32.5%;
		display: inline-block;
		    margin: 0;
		vertical-align: top;
		}
		.set33 .a4-lineup span {
			background-color: #fff;
			display: block;
			text-align: center;
			padding: 1% 0;
		}
		.set33 .a4-lineup {
			font-size:2em;
			line-height: 1em;
			  background: repeating-linear-gradient(-45deg, #d3d3d3, #d3d3d3 5px, #fff 5px, #fff 10px);
			padding: 10px 0;
			margin: 2% 5%;
		}
		.set33 .fig_bk {
		background: url("https://peaceup.itembox.design/item/common/img/gift_line-wood.png");
		background-size: 100%;
		    padding: 2vw 0;
                height: 304px;
		}
		.set33 .imgpic {
			width:45%;
    float: left;
    margin-right: 2%;
		}
		.set33 .imgpic img {
			padding-left: 4%;
		}

		.set33 .caption {
			font-size:1.05em;
			margin: 0;
			padding-left: 2%;
		}
		
		.set33 .imgpic .s-icon {
			max-width: 40px;
		}
        .set33 .red-button a {
            font-size:1.5em;
        }

      			
		._title {
			font-size:2.5em;
			border-bottom: 1px solid #4c4c4c;
			text-align: center;
			margin: 0 auto 5%;
			padding-bottom: 2%;
			line-height: 1em;
		}
		.caption100 {
			font-size:2em;
		}


		 .gift_iza .caption100 {
			font-size:1.5em;
             line-height: 1.8em;
		}
        .gift_iza ._title {
            font-size: 1.8em;
        }

        .gift_iza {
           text-align: center;
        }
		
		
		.red-button {
            background-color: #f00;
            border-radius: 10px;
            max-width: 500px;
            margin: 10px auto 5vw;
            box-shadow: 8px 8px 8px rgb(0 0 0 / 25%);
            line-height: 3.5em;
		}
		.red-button a {
			display: block;
			width: 100%;
			padding: 2% 0;
			font-size: 3em;
			color:#fff;
			font-weight: bold;
			text-decoration: none;
			text-align: center;
		}
		.red-button a:visited {
			color:#fff;
		}
		
		.iza_logo:before {
			content: '食べずに捨てる備蓄食から、食べる長期保存食へ。\Aいつでも、どこでも、おいしく食べられる。';
			font-size:2em;
			width: 880px;
			display: inline-block;
			position: relative;
			left: -85%;
            white-space: pre;
		}
		
		.iza_logo {
			margin:  0 auto;
			max-width:300px;
		}


    .circle:after  {
        content:' ';
        background:  url("https://peaceup.itembox.design/item/common/img/gift_lpicon-02.png") top left no-repeat;
        display: inline-block;
        width: 50px;
        height:50px;
        background-size: 100%;
        position: relative;
        top:40%;
        left:53%;
        z-index: 1000;
    }
    
    .circle {
    width: 250px;
    height: 250px; 
   border: 1px solid;
    border-radius: 50%;
    margin: 0 1%;
    text-align: center;/* ←文字を左右に中央揃え */
    text-align: center;
    position: relative;
    display: inline-block;
        background-color: #fff;
}
.circle-inner {
    position: absolute;
    top: 50%;
    left:50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
  .circle-inner h4  {
            font-size: 1.5em;
             color:#FF7600;
        margin-top: 0;
    }
    .circle-inner .txt2 {
        margin: 0 auto;
        padding: 0;
        line-height: 1.2em;
        font-size: 1em;
        display: block;
    width: 210px;
    }


		.seotxt {
			margin: 80px auto;
			display: block;
			width: 100%;
			padding: 0 .25%;
			vertical-align: top;
			margin: 0 auto;
		}
    .seotxt p{
        margin: 1vw auto;
    }
		.seotxt h5 {
			margin: 0 auto -2vh;
		}
		.foot-info {
			list-style-type: none;
			padding: 0;
			text-align: center;
		}
		
		.container footer .foot-info .end_fax {
			text-align: center;
		}
		

		
/*pc*/
@media screen and (min-width:710px) {
		.container section .txt {
                 font-size: 1.8em;
                padding-bottom: 1vw;
                line-height: 1.5em;
        }
		.container .top_bk {
				font-size: 2em;
			line-height: 1.5em;
			padding: 2vw 5vw 9vw;
		}
		.container .nit_tit {
			font-size:2.5em;
		}
		.sp {
			display: none;
		}	
}		

/*SP*/
@media screen and (max-width:709px) {
    
    	.container section .txt {
            font-size: 1.2em;
            padding-bottom: 1vw;
        }
    
	.container .top_bk li:before {
		display: inline-block;
		transform: scale(0.8);
	}
	
		.container .top_bk li {
			font-size:1.25em;
		}
		.container .top_bk  {
			padding: 1vh 1vw 15vh 0;
            width: 98%;
            margin: 0;
		}
		
		.container .nit_tit:before {
			top:0vh;
		}
	
		.container .nit_tit {
			font-size:1.5em;
			display: flex;
            margin-bottom: 3%;
		}
		.set33 {
		width: 100%;
		display: block;
		}
	
		.set33 .imgpic .s-icon {
			max-width: 100px;
		}
    
    .set33 .fig_bk {
            height: 60vw;
    }
    
		.red-button {
			box-shadow: 0px 8px 8px rgba(0,0,0,0.25);
		}
	
		.red-button a {
			font-size: 1.5em;
		}
		.red-button a span {
			display: block;
		}
	
		.iza_logo:before {
			font-size:1.2em;
			width: 100%;
			min-width: 310px;
			display: inline-block;
			position: relative;
			left: .5vw;
			bottom:-5vh;
            white-space: pre-line;
		}
    
    ._title {
			font-size:2em;
			line-height: 1em;
		}
    
       .circle:after  {
        content:' ';
         background:  url("https://peaceup.itembox.design/item/common/img/gift_lpicon-02.png") top left no-repeat;
        display: inline-block;
        width: 30px;
        height:30px;
        background-size: 100%;
        position: relative;
        top:40%;
        z-index: 1000;
    }
    
        .circle {
    margin: 0 auto;
}

    .under_mtit span {
            letter-spacing: -.02em;
            width: 83%;
        }    
        .under_mtit {
                font-size:1.6em;
        }
    
.under_mtit:before,
.under_mtit:after {
    display: none;
}
    
    .end_fax {
        width:90%;
    }

		.pc {
			display: none;
		}	
        .iza-circle {
        padding: 0;
        margin: 0;
    }
    .mark_c {
        width:90%;
    }
 .container {
        overflow:hidden;
    }
}