/*---------------------------------------*/
body {
	font-family: "ヒラギノ角ゴシック","Hiragino Sans" sans-serif ;
    box-sizing: border-box;
    font-family: "din-condensed", sans-serif;

}
body { font-size: 1.4rem; } /*font-size : 14px と同等*/
html {
    font-size: 62.5%;
    color: #3c3c3c;
}
ul {
	list-style-type: disc;
    margin-block-start: 0em;
    margin-block-end: 0em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 0px;
}
p {
    display: block;
    margin-block-start: 0em;
    margin-block-end: 0em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
}
img {
    image-rendering: -webkit-optimize-contrast;
    vertical-align:top;
    width: 100%;
}
a {
	 color: #3c3c3c;
	text-decoration: none;
}
li {
    list-style: none;
}
.pc { display: block;}
.sp { display: none;}

.btn01 {
    display: block;
    max-width: 280px;
    border: 1px solid #333;
    font-size: 16px;
    color: #333;
    font-weight: bold;
    padding: 15px 20px;
    text-align: center;
    border-radius: 0px;
    /* transition: .4s; */
    margin: 0 auto;
}
.more_link {
    margin-top: 65px;
    margin-bottom: 6px;
}
.fs-body-custom#fs_CustomPage .fs-l-main {
    margin-top: -10px !important;
 }
@media only screen and (max-width:883px) {
    .fs-body-custom#fs_CustomPage .fs-l-main {
        margin-top:24% !important;
     }
}



/*--------------------------------------------*/
h1 {
    font-size: clamp(20px, 5vw, 30px);
    font-weight: bold;
    letter-spacing: 1.8px;
    margin: 10% 0 !important;
    text-align: center;
}
h2 {
    /*font-family: 'Hiragino Sans';*/
    font-weight: bold;
    letter-spacing: 1.8px;
    text-align: center;
    font-size: clamp(1.6rem, 3vw, 3rem);
    padding: 11% 0;
    line-height: 4rem;
    
}
h3 {
    font-weight: bold;
    letter-spacing: 1.8px;
    text-align: center;
    font-size: clamp(1.6rem, 3vw, 3rem);
    padding: 11% 0;
    line-height: 4rem;
}
h4 {
    font-size: clamp(15px, 5vw, 23px);
    vertical-align: middle;
    text-align: center;
    margin: 10% 2%;
}

/*-------------------------------------------
ページ全体
--------------------------------------------*/
body .page_wrapper {
    max-width: 1088px;
    margin: 0 auto;
}

.main_wrapper {
    max-width: 858px;
    margin: 0 auto;
}

body .main_wrapper .top_txt--wrap p{
    font-size: clamp(1.4rem, 1vw, 1.6rem);
    padding: 10% 0;
    line-height: 2.5rem;

}
/*-------------------------------------------
image_4
--------------------------------------------*/
body .main_wrapper .image_4 {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}
body .main_wrapper .image_4 img{
    width: 49%;
    margin: 0 auto;

}
body .main_wrapper .image_4 img:nth-child(1){
    margin-bottom: 1%;
   
}
body .main_wrapper .image_4 img:nth-child(2){
    margin-bottom: 1%;
}
body .main_wrapper .image_4 img:nth-child(3){
   
}

/*-------------------------------------------
image_2
--------------------------------------------*/
body .main_wrapper .image_2 {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
body .main_wrapper .image_2 img{
    width: 49%;

}

/*-------------------------------------------
item_list3
--------------------------------------------*/
body .main_wrapper .item_list3 .list_wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
body .main_wrapper .item_list3 .list_wrap li{
    width: 31%;
    position: relative;
}
body .main_wrapper .item_list3 .list_wrap #icon_color {
     position: absolute;
   top: -10%;
   left: -13%;
    width: 30%;
    z-index: 100;
}
body .main_wrapper .item_list3 .list_wrap li img{
    width: 100%;
}
body .main_wrapper .item_list3 .list_wrap::after{
    /* content: ""; */
    display: block;
    width: 31%;
    margin-bottom: 4%;
}
body .main_wrapper .item_list3 .list_wrap::before{
    content: "";
    display: block;
    width: 31%;
    margin-bottom: 4%;
    order: 1;
}
body .main_wrapper .item_list3 .list_wrap li p {
    padding-top: 5%;
    line-height: 1.9rem;
    font-weight: bold;
    font-size: 1.4rem;
}



body .main_wrapper .item_list3 .list_wrap li p span {
    font-size: 1rem;
}
body .main_wrapper .item_list3 .list_wrap li {
   margin-bottom: 3%;
}

body .main_wrapper .block_ img {
    margin-bottom: 1.6rem;
}
body .main_wrapper .block_ p {
    font-size: clamp(1.4rem, 1vw, 1.6rem);
    line-height: 2.5rem;
    margin-bottom: 3rem;
    letter-spacing: 0.1rem;
}
/*-------------------------------------------
item_wrap
--------------------------------------------*/
body .main_wrapper .item_wrap {
    background-color: #c9c9c9;
        padding: 0 8% 8% 8%;
}
body .main_wrapper .item_wrap > p{
        padding: 8%;
        font-weight: bold;
        text-align: center;
}

body .main_wrapper .coupon_ {
    margin-top: 10%;
}
body .main_wrapper .coupon__ {
    margin-top: 2%;
}
body .main_wrapper .coupon_wrap {
    margin: 0 calc(50% - 50vw);
    width: 100vw;   
}
/*-------------------------------------------
item_wrap-2
--------------------------------------------*/
body .main_wrapper .item_wrap-2 {
    background-color: #d6c993;
        padding: 0 8% 8% 8%;
}
body .main_wrapper .item_wrap-2 > p{
        padding: 8%;
        font-weight: bold;
        text-align: center;
}
body .main_wrapper .item_wrap-2 > h3 > span{
        background-color: #fff;
        color: #ac5629;
}
body .main_wrapper .item_wrap-2 > .image_2 {
        margin-bottom: 10%;
}

/*-------------------------------------------
item_list4
--------------------------------------------*/
body .main_wrapper .item_list4 .list_wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
   
}
body .main_wrapper .item_list4 .list_wrap li{
    width: 24%;
     position: relative;
}
body .main_wrapper .item_list4 .list_wrap li img{
    width: 100%;
}

body .main_wrapper .item_list4 .list_wrap li p {
    padding-top: 5%;
    line-height: 1.9rem;
    font-weight: bold;
    font-size: 1.4rem;
}
body .main_wrapper .item_list4 .list_wrap li p span {
    font-size: 1rem;
}
body .main_wrapper .item_list4 .list_wrap .line {
   text-decoration: line-through;
   font-size: 1.3rem;
}
body .main_wrapper .item_list4 .list_wrap .price {
    padding-top: 0%;
    line-height: 1.9rem;
    font-weight: bold;
    font-size: 1.7rem;
    color: #ac5629;
}
body .main_wrapper .item_list4 .list_wrap li {
   margin-bottom: 3%;
}

body .main_wrapper .block_ img {
    margin-bottom: 1.6rem;
}
body .main_wrapper .block_ p {
    font-size: clamp(1.4rem, 1vw, 1.6rem);
    line-height: 2.5rem;
    margin-bottom: 0;
    letter-spacing: 0.1rem;
}
body .main_wrapper .block_ .stick_img {
        width: 60%;
        display: block;
        margin: 0 auto;       
}
body .main_wrapper .block_ .coolerbox_img {
            width: 74%;
    display: block;
    margin: 0 auto;
    padding: 10% 0;      
}
body .main_wrapper .item_list4 #icon_off{
   position: absolute;
   top: -10%;
   left: -13%;
    width: 30%;
    
    z-index: 100;
}

body .main_wrapper .block_ .item_card ul{
     display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin: 0 auto;
}
body .main_wrapper .block_ .item_card ul li:first-child{
   width: 50%;
}
body .main_wrapper .block_ .item_card ul li:last-child{
    width: 50%;
    padding: 15% 0;
}
body .main_wrapper .block_ .item_card ul li img{
  margin-bottom: 0px;
}
body .main_wrapper .block_ .item_card ul li p{
    line-height: 4.2rem;
    font-weight: bold;
    font-size: clamp(1.5rem, 2.5vw, 3.2rem);
    padding-left: 4%;
    color: #3c3c3c;
}

/*--------------------------------------------
メディアクエリ
--------------------------------------------*/
@media only screen and (max-width:1087px) {

}
@media only screen and (max-width:870px) {
.main_wrapper {
    max-width: 100%;
    margin: 0 auto;
    padding: 0 6%;
}
}
@media only screen and (max-width:767px) {
.pc { display: none;}
.sp { display: block;}

}
@media only screen and (max-width:566px) {

body .main_wrapper .item_wrap {
        padding: 0 6% 6% 6%;
        margin: 0 calc(50% - 50vw);
}
body .main_wrapper .item_wrap-2 {
        padding: 0 6% 6% 6%;
        margin: 0 calc(50% - 50vw);
}
body .main_wrapper .item_list3 .list_wrap li p {
    padding-top: 5%;
    line-height: 1.5rem;
    font-weight: bold;
    font-size: 1rem;
}
body .main_wrapper .item_wrap-2 .item_list4 .list_wrap li{
    width: 49%;
}
body .main_wrapper .item_list4 #icon_off{
   position: absolute;
   top: 2%;
    left: 3%;
    width: 22%;
    z-index: 100;
}
body .main_wrapper .item_list3 .list_wrap #icon_color {
     position: absolute;
   top: 2%;
   left: 3%;
    width: 27%;
    z-index: 100;
}
body .main_wrapper .block_ .item_card ul{
     display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin: 0 auto;
}
body .main_wrapper .block_ .item_card ul li:first-child{
   width: 50%;
}
body .main_wrapper .block_ .item_card ul li:last-child{
    width: 50%;
}
h2 {
    /*font-family: 'Hiragino Sans';*/
    font-weight: bold;
    letter-spacing: 1.8px;
    text-align: center;
    font-size: clamp(1.9rem, 3vw, 3.5rem);
    padding: 10% 0;
    line-height: 2.5rem;
}
h3 {
    /*font-family: 'Hiragino Sans';*/
    font-weight: bold;
    letter-spacing: 1.8px;
    text-align: center;
    font-size: clamp(1.9rem, 3vw, 3.5rem);
    padding: 14% 0;
    line-height: 2rem;
}
body .main_wrapper .coupon_ {
    margin-top: 10%;
}
body .main_wrapper .block_ .item_card ul li p{
    line-height: 2rem;
   
}
}
@media only screen and (max-width: 599px){

}
@media only screen and (max-width:450px) {

}