*{
	box-sizing: border-box;
	padding:0;
	margin:0;
    line-height: 1.5;
    width: 100%;
    height:100%;
}
html {
	margin-top: 0px !important;
}
body{
	width:100%;
	height:auto;
	min-width: unset;
	padding:0;
	margin:0;
	background:unset;
    font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic";
}
img{
	width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    vertical-align: top;
}
header{
	width:100%;
    height: auto;
	padding:0;
	margin:0;
}
.text_serif{
	font-family:  "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", 'Noto Serif JP',serif;
}
.font_red_normal,
.font_red_big{
	text-shadow:0.2vw 0.2vw 0 #FFF, -0.2vw -0.2vw 0 #FFF,
               -0.2vw 0.2vw 0 #FFF, 0.2vw -0.2vw 0 #FFF,
               0px 0.2vw 0 #FFF,  0 -0.2vw 0 #FFF,
               -0.2vw 0 0 #FFF, 0.2vw 0 0 #FFF;
    color:#d71718;
    font-size:3vw;
    letter-spacing: 3px;
    font-weight: 600;
}
.font_red_big{
	font-size: 4vw;
}
.font_orange_normal{
    text-shadow: 0.2vw 0.2vw 0 #fff, -0.2vw -0.2vw 0 #fff, -0.2vw 0.2vw 0 #fff, 0.2vw -0.2vw 0 #fff, 0px 0.2vw 0 #fff, 0 -0.2vw 0 #fff, -0.2vw 0 0 #fff, 0.2vw 0 0 #fff;
    color: #ff8200;
    font-size: 5vw;
    background: linear-gradient(transparent 60%, #FFF 0%);
    background-position-y: -1.5vw;
    letter-spacing: 2px;
    font-weight: 600;
}
.back_yellow{
    background:#fff88c;
}
/*ボタン*/
.purchase_outer1,
.purchase_outer2_1,
.purchase_outer2_2,
.purchase_outer3,
.purchase_outer4_1,
.purchase_outer4_2,
.purchase_outer5,
.purchase_outer6_1,
.purchase_outer6_2{
    position: absolute;
    width:30%;
    height:auto;
}
.purchase_outer1{
    top: 88%;
    left: 61%;
    transform: translate(-50%, 0%);
    -webkit-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    width:50%;
}
@media screen and (max-width:767px) {
    .purchase_outer1{
        position: absolute;
        left: 52%;
        width: 55%;
    }
}
.purchase_outer2_1{
    position: absolute;
    top: 85%;
    left: 15%;
    width: 33%;
}
.purchase_outer2_2{
    position: absolute;
    top: 85%;
    left: 53.5%;
    width: 33%;
}
.purchase_outer3{
    top: 73%;
    left: 61%;
    transform: translate(-50%, 0%);
    -webkit-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    width:50%;
}
@media screen and (max-width:767px) {
    .purchase_outer3{
        left: 56%;
        width: 55%;
    }
}
.purchase_outer4_1{
    top: 88%;
    left: 15%;
    width: 33%;
}
.purchase_outer4_2{
    top: 88%;
    left: 53.5%;
    width: 33%;
}
.purchase_outer5{
    top: 96%;
    left: 61%;
    transform: translate(-50%, 0%);
    -webkit-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    width:50%;
}
@media screen and (max-width:767px) {
    .purchase_outer5{
        left: 56%;
        width: 55%;
    }
}
.purchase_outer6_1{
    top: 86%;
    left: 15%;
    width: 33%;
}
.purchase_outer6_2{
    top: 86%;
    left: 53.5%;
    width: 33%;
}
.purchase_outer1 iframe,
.purchase_outer2_1 iframe,
.purchase_outer2_2 iframe,
.purchase_outer3 iframe,
.purchase_outer4_1 iframe,
.purchase_outer4_2 iframe,
.purchase_outer5 iframe,
.purchase_outer6_1 iframe,
.purchase_outer6_2 iframe{
    width: 100% !important;
    height: 7vw !important;
}
.content_outer{
	width:100%;
	height:100%;
	padding:0;
	margin:-2px 0;
}
.content_inner{
	width:100%;
	height:auto;
	display:block;
	margin:auto;
	padding:0;
}
.header-wrap{
	width:100%;
    height:auto;
	padding:0;
	margin:0;
}
.header-logo img{
	width:100%;
    height: 72vw;
	margin:0;
}

.top_section{
	width:100%;
    height: auto;
	background:url(/wp-content/themes/insp_para/images/shop/headbk.jpg);
    background-size: cover;
}
.purchase_second{
    padding-bottom: 6vw;
    width: 100%;
    height: auto;
    position: relative;
    z-index: 2;
}
.purchase_third{
    width: 100%;
    height: auto;
    position: relative;
    z-index: 1;
}
.purchase_second img{
	width: 96%;
    height: 40.5vw;
    margin: -2px auto;
    padding: 2vw 0;
    display: block;
}
.purchase_third img{
	width: 96%;
    height: 65.5vw;
    margin: -1vw auto;
    padding: 2vw 0;
    display: block;
}
.des_section{
	width:100%;
    height: auto;
	background:url(/wp-content/themes/insp_para/images/shop/des_bk.jpg);
	background-size: contain;
}
.des_section .des_1,
.des_section .des_2{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: center;
	align-items: center;
	flex-wrap: wrap;
	margin: 0 auto;
	width: 100%;
    height: auto;
}
.des_section .des_1 .text,
.des_section .des_2 .text{
	width:60%;
    height: auto;
	font-size: 2.5vw;
	padding: 2vw 0 2vw 2vw;
	color:#595857;
	font-weight: 600;
    display: block;
}

.des_section .des_1 .text p,
.des_section .des_2 .text p{
    padding-bottom: 2vw;
    display: block;
    width:100%;
    height: auto;
}
.des_section .des_1 .img,
.des_section .des_2 .img{
	width:40%;
    height: auto;
}
.des_section .des_1 .img img{
	width: 100%;
    height: auto;
    display: block;
}
.des_section .des_2 .img img{
	width:calc(100% - 10px);
    height: auto;
    margin-left: 10px;
}
.ai_section{
    padding: 0 0 2vw;
    width: 100%;
    height: auto;
}
.ai_section .ai_block{
	background:url(/wp-content/themes/insp_para/images/shop/ai_cooking_bk.jpg);
	margin-top:-2px;
    background-size: contain;
}
.ai_section .ai_block h3{
	width:90%;
    height: auto;
	max-width:800px;
	margin:0 auto;
	padding: 5vw 0 1vw;
}
.ai_section .ai_block .text{
	width:90%;
    height: auto;
	max-width:1200px;
	margin:0 auto;
    font-size: 2.5vw;
    padding: 2vw;
    color: #40220f;
}
.ai_section .ai_block .ai_img{
	width:100%;
    height: auto;
	margin:0 auto;
    display: block;
}
.purchase_4th{
    z-index: 2;
}
.purchase_5th{
    z-index: 1;
}

.purchase_4th,
.purchase_5th,
.purchase_6th,
.purchase_7th{
    position: relative;
}
.purchase_6th{
    z-index: 2;
}
.purchase_7th{
    z-index: 1;
}
.purchase_4th img,
.purchase_6th img{
    width: 96%;
    height: auto;
    margin: -5vw auto 0;
    padding: 2vw 0;
    display: block;
}
.purchase_5th img{
	width: 96%;
    height: auto;
    margin: -5vw auto 0;
    padding: 0;
    display: block;
}
.purchase_7th img {
    width: 96%;
    height: auto;
    margin: -1vw auto;
    padding: 2vw 0;
    display: block;
}
.text_center{
    width:90%;
    height: auto;
	max-width:1200px;
	margin:0 auto;
    font-size: 2.5vw;
    padding: 2vw;
    color: #40220f;
    text-align: center;
}

.comment_section{
    width:100%;
    height:auto;
	background:url(/wp-content/themes/insp_para/images/shop/comment_bk.jpg);
	background-size: cover;
}
.comment_inner1th{
    position: relative;
    width:100%;
    height: auto;
    padding: 3vw 0 0;
}
.comment_inner1th img{
    width:90%;
    height: auto;
    margin: 3vw auto;
    display: block;
}
.comment_inner1th .text{
    position: absolute;
    width: 54%;
    height: auto;
    top: 36%;
    left: 5%;
    font-size: 2.5vw;
    color: #FFF;
    line-height: 2;
}
.comment_inner1th .text img{
    width:40%;
    height: auto;
    margin-right: 0;
}
.comment_inner2th{
    display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: center;
	align-items: center;
	flex-wrap: wrap;
	margin: -4vw auto 0;
	width: 90%;
    height: auto;
}
.comment_inner2th img{
    width:50%;
    height: auto;
}
.comment_inner2th .text{
    width:50%;
    height: auto;
    font-size: 2.5vw;
    color: #FFF;
    padding: 6vw 3vw 0;
    line-height: 2;
}
.comment_inner3th{
    position: relative;
    width:90%;
    height:50vw;
    margin: auto;
}
.comment_inner3th .text{
    position: absolute;
    width:90%;
    height: auto;
    top:34%;
    left:0%;
    font-size: 2.5vw;
    color: #FFF;
    line-height: 2;
}
.cooking_section{
    width:100%;
    height: auto;
	background:url(/wp-content/themes/insp_para/images/shop/ai_cooking_bk.jpg);
	background-size: cover;
}
.cooking_section h2{
    width:90%;
    height:auto;
    max-width: 850px;
    margin: auto;
    display: block;
    padding: 4vw 0 2vw;
}
.cooking_box{
    display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: center;
	align-items: center;
	flex-wrap: wrap;
	margin: 0 auto 0;
	width: 90%;
    height: auto;
}
.cooking_box_img{
    width:40%;
    height: auto;
    padding: 1vw;
}
.cooking_box_img img{
    width:100%;
    height: auto;
    margin: auto;
    display: block;
}
.cooking_box_text{
    width:60%;
    height: auto;
    padding: 2vw 1vw;
    font-size: 2vw;
    color: #40220f;
    line-height: 1.7;
    font-weight: 600;
}
.material_section{
    width: 100%;
    height: auto;
}
.material_block{
    background: url(/wp-content/themes/insp_para/images/shop/des_bk.jpg);
    background-size: contain;
}
.material_des{
    padding: 3vw 0;
    font-size: 2vw;
    color: #3e3a39;
    line-height: 1.3;
    font-weight: 600;
}
.material_des h2{
    width:80%;
    height: auto;
    margin: auto;
    display: block;
    letter-spacing: 4px;
}
.material_inner .material_box1{
    display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: center;
	align-items: center;
	flex-wrap: wrap;
	margin: 0 auto 5vw;
	width: 98%;
    height: auto;
}
.material_inner .material_box1 .material_box_img{
    width: 50%;
}
.material_inner .material_box1 .material_box_img img{
    width: 100%;
    height: auto;
    margin: auto;
    display: block;
}
.material_inner .material_box1 .material_box_text{
    width: 50%;
    height: auto;
}
.material_inner .material_box2{
	margin: 0 auto 0;
	width: 90%;
    height: auto;
}

.material_box_text{
    padding: 3vw 2vw;
    font-size: 2vw;
    color: #3e3a39;
    line-height: 1.7;
    font-weight: 600;
}
.material_inner .material_box2{
    position: relative;
}
.material_inner .material_box2 .material_box_img{
    display: block;
    padding:0 0 3vw;
}
.material_inner .material_box2 .material_box_text{
    position: absolute;
    top: 45%;
    left: 3%;
    width: 37%;
    height: auto;
    font-size: 2.5vw;
}
.material_block .standard{
    width: 100%;
    height: auto;
    padding:5vw 0;
}
.material_section .standard h2{
    width: 90%;
    height: auto;
    margin: 5vw auto;
    display: block;
    font-size: 2.5vw;
    text-align: center;
}
.home_section{
    width:100%;
    height: auto;
	background:url(/wp-content/themes/insp_para/images/shop/home_bk.jpg);
	background-size: cover;
}
.home_block h2{
    width: 100%;
    height: 22vw;
    background: url(/wp-content/themes/insp_para/images/shop/home_h2.png) no-repeat;
    background-size: contain;
    display: block;
    margin: 3vw auto;
    padding-top: 4vw;
    font-size: 4vw;
    text-align: center;
    line-height: 2;
    color: #FFF;
}
.home_block h2 .home_waku{
    background: #FFF;
    border-radius: 2vw;
    color: #6a3906;
    text-align: center;
    padding: 4px 2vw 0 3vw;
    display: block;
    width: 32vw;
    height: auto;
    margin: auto;
    font-size: 2.5vw;
    line-height: 1.7;
}
.home_box{
    display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: start;
	align-items: flex-start;
	flex-wrap: wrap;
	margin: 3vw auto 0;
	width: 90%;
    height: auto;
}
.home_block1,
.home_block3{
    width: 45%;
    height: auto;
    color:#6a3906;
    font-size: 2vw;
}
.home_block2{
    width: 10%;
    height: auto;
}
.home_block1 img,
.home_block3 img{
    width:80%;
    height:auto;
    margin: auto;
    display: block;
}
.home_block2 img{
    width:24%;
    height:auto;
    margin: 3vw auto 0;
    display: block;
}
.home_block1 span,
.home_block3 span{
    width: 80%;
    height: auto;
    margin: 1vw auto;
    display: block;
    text-align: left;
    color: #6a3906;
    font-size: 2vw;
    font-weight: 600;
}
.home_main{
    width: 100%;
    height: auto;
}
.home_main img{
    width: 100%;
    height: auto;
}
.home_sub_title{
    width:90%;
    height: auto;
    max-width: 500px;
    margin: 3vw auto;
}
.home_foot{
    display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: center;
	align-items: center;
	flex-wrap: wrap;
	margin: auto;
	width: 90%;
    height: auto;
    padding-bottom: 3vw;
}
.home_foot_block{
    width:33.33%;
    height: auto;
}
.home_foot_block img{
    width:80%;
    height: auto;
    margin: auto;
    display: block;
}
.home_foot_block span{
    width: 80%;
    height: auto;
    margin: 1vw auto;
    display: block;
    text-align: center;
    color: #6a3906;
    font-size: 2vw;
    font-weight: 600;
}
.customer_section{
    width:100%;
    height: auto;
}
.media_section{
    width:100%;
    height: auto;
}
.media_block .standard1{
    z-index: 2;
}
.media_block .standard2{
    padding-top:2vw;
    z-index: 1;
}
.media_block .standard3{
    padding-top:5vw;
    padding-bottom: 8vw;
    z-index: 2;
}
.media_block .standard4{
    padding-top: 0vw;
    margin-top: -5vw;
    z-index: 1;
}
.media_block .standard1,
.media_block .standard2,
.media_block .standard3,
.media_block .standard4{
    position: relative;
}
.standard1 .purchase_outer3{
    top: 100%;
    left: 61%;
    transform: translate(-50%, 0%);
    -webkit-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    width:50%;
}
@media screen and (max-width:767px) {
    .standard1 .purchase_outer3{
        left: 56%;
        width: 55%;
    }
}
.standard2 .purchase_outer4_1{
    top: 86%;
    left: 15%;
    width: 33%;
}
.standard2 .purchase_outer4_2{
    top: 86%;
    left: 53.5%;
    width: 33%;
}
.standard3 .purchase_outer5{
    top: 84%;
    left: 61%;
    transform: translate(-50%, 0%);
    -webkit-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    width:50%;
}
@media screen and (max-width:767px) {
    .standard3 .purchase_outer5{
        left: 56%;
        width: 55%;
    }
}
.standard4 .purchase_outer6_1{
    top: 86%;
    left: 15%;
    width: 33%;
}
.standard4 .purchase_outer6_2{
    top: 86%;
    left: 53.5%;
    width: 33%;
}
.media_block .standard1 img,
.media_block .standard2 img,
.media_block .standard3 img,
.media_block .standard4 img{
    width: 96%;
    height: auto;
    margin: -2px auto;
    padding: 2vw 0;
    display: block;
}
.media_block .footdes{
    width: 90%;
    margin: 2vw auto;
    display: block;
    color: #231815;
    font-size: 2.5vw;
    font-weight: 600;
}
.storesjp-button{
    width: 100%;
    height: auto;
}
@media screen and (max-width:500px) {
    .font_red_normal{
        font-size: 5vw;
    }
    .font_red_big{
        font-size: 7vw;
    }
    .font_orange_normal{
        font-size: 6vw;
    }
    .des_section .des_1,
    .des_section .des_2{
        display:block;
    }
    .des_section .des_1 .text,
    .des_section .des_2 .text{
        font-size: 4vw;
        width: 100%;
        height:auto;
    }
    .des_section .des_1 .text .second {
        width:54%;
        height: auto;
    }
    .des_section .des_1 .img, 
    .des_section .des_2 .img {
        width: 100%;
        height: auto;
        text-align: right;
    }
    .des_section .des_1 .img{
        margin-top: -37vw;
    }
    .des_section .des_2 .img {
        height: 62.5vw;
    }
    .des_section .des_1 .img img {
        width: 48%;
        height: 42vw;
        margin-left: 52%;
    }
    .des_section .des_2 .img img {
        width: calc(100% - 10px);
        height: 65vw;
        margin-left: 10px;
    }
    .des_section .des_2{
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }
    .ai_section .ai_block .text,
    .ai_section .ai_block .text_center{  
        font-size: 4vw;
        width: 96%;
        height:auto;
    }
    
    .comment_inner1th .text p,
    .comment_inner2th .text p,
    .comment_inner3th .text p{
        font-size: 4vw;
        line-height: 1.5;
    }

    .comment_inner1th {
        padding: 3vw 0 21vw;
    }
    .comment_inner1th img {
        width: 60%;
        height:auto;
        margin: 3vw 0 0 40%;
        display: block;
    }
    
    .comment_inner1th .text {
        width: 70%;
        height:auto;
        top: 25%;
    }
    .comment_inner2th{
        padding-top: 10vw;
    }
    .comment_inner2th img {
        width: 90%;
        height: auto;
        margin:auto;
        display: block;
    }
    .comment_inner2th .text {
        width: 90%;
        height: auto;
        margin:auto;
        display: block;
    }
    .comment_inner3th {
        width: 90%;
        height: 100vw;
        margin: auto;
        padding-top: 4vw;
    }
    .comment_inner3th .text{
        width:98%;
        height:auto;
        top: 28%;
    }

    .cooking_box_img,
    .cooking_box_text{
        width:90%;
        height:auto;
        margin:auto;
        font-size: 4vw;
    }
    .cooking_box_img{
        margin:0;
        height: auto;
    }
    .material_des {
        font-size: 3vw;
    }
    .material_inner .material_box1 .material_box_img {
        width: 90%;
        height:auto;
        margin: auto;
    }
    .material_inner .material_box1 .material_box_text {
        width: 90%;
        height: auto;
        margin: auto;
        font-size: 4vw;
    }
    .material_inner .material_box2 .material_box_text{
        font-size: 3vw;
    }
    .home_block1 img, .home_block3 img,
    .home_block1 span, .home_block3 span{
        width: 100%;
        height:auto;
    }
    .home_block1 span, .home_block3 span,
    .home_foot_block span{
        font-size: 4vw;
        height:auto;
    }
    .home_block2 img {
        margin: 7vw auto 0;
    }
    .home_block h2 .home_waku {
        padding: 1px 2vw 0 3vw;
        width: 35vw;
        height:auto;
    }
    .media_block .footdes{
        font-size: 4vw;
    }
    .pc{
        display:block;
    }
    .sp{
        display:none;
    }
}
.pc{
    display:none;
}
.sp{
    display:block;
}