@charset "utf-8";
/* CSS Document */
.imd_imanishi2025bnr{
  max-width:840px;
  width:90%;
  margin:16px auto;
}
.imd_imanishi2025bnr img{
  display:block;
  width:100%;
}

.imd_body{
  padding: 0 16px;
  background-color: #B6DBB9;
  background-image: url("../img/2023imadanishimura/il_bg.png");
  background-position: center top;
}

.imd_keyvisual{
  width: calc(100% + 32px);
  margin-left: -16px;
  text-align: center;
}
.imd_keyvisual img{max-width: 100%;}


.img_signboard{
  position: relative;
  width: 100%;
  max-width: 912px;
  margin:0 auto 24px;
}

/*@media screen and (min-width:1920px){.img_signboard{margin-top: -170px;}}*/


.img_signboard img{max-width: 100%;}
.img_signboard ul{
  position: absolute;
  display: flex;
  bottom: 110px;
  width: 100%;
  padding: 0 6.1%;
}
.img_signboard ul li{
  position: relative;
  width: calc(100%/3);
}
.img_signboard ul li a{
  display: block;
  padding: 16px 0;
  text-align: center;
}
.img_signboard ul li a:hover img{
  transform: scale(1.05);
}
.img_signboard ul li>img{
  position: absolute;
  right: 0;
  top: -20px;
  width: 22.7%;
}

.imd_recipebnr{
  width: 71.25vw;
  max-width: 800px;
  margin: auto;
  padding-bottom:24px;
}

.imd_recipebnr img{
  width:100%;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}


.imd_tverbnr{
  width:71.25vw;
  max-width:800px;
  margin:auto;
  padding-bottom:100px;
}
.imd_tverbnr img{
  display:block;
  width:100%;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}

.imd_program{
  position: relative;
  max-width: 1200px;
  margin: 0 auto;
  padding: 3em 2em 24px;
  background-color: #179F5C;
  border-radius: 10px 10px 0 0;
}
.imd_program h2{
  position: absolute;
  top: -72px;
  width:100%;
  left:0;
}
.imd_program h2 img{
  width:100%;
}
.imd_program h3{
  position: absolute;
  left: -60px;
  top: -14px;
  transform: rotate(-12deg);
}
.imd_program h3 img{
  width: 402px;
  height: 126px;
}
.imd_program>div{
  max-width: 1080px;
  margin: auto;
  width:100%;
}
.imd_program>div img{
  width:100%;
}
.imd_program>div p{
  line-height: 1.6;
  margin-bottom: 16px;
  font-size: 1.5rem;
}
.imd_program>div p:nth-of-type(2){
  padding-left:18px;
}
.imd_program>div p span{
  font-weight:bold;
  font-size:1.75rem;
  display:block;
  padding:40px 0 0.5rem;
  line-height: 1.2;
}
.imd_program>div div{
  max-width: 600px;
  width: 100%;
  line-height: 1.5;
  margin: auto;
  padding: 16px;
  text-align: center;
  border-radius: 20px;
  background-color: #FFFFFF;
  border: 1px dotted #004F9E;
}
.imd_program>div div h4{
  font-size: 1.875rem;
  font-weight: bold;
  color: #004F9E;
}
.imd_program>div div span{font-size: 1.625rem;}
.imd_hib1{
  position: absolute;
  width: 162px;
  left: -64px;
  bottom: -20px;
}
.imd_hib2{
  position: absolute;
  width: 226px;
  left: 542px;
  bottom: -32px;
}

/*-- アンバサダー --*/
.imd_ambassador{
  position: relative;
  max-width:1200px;
  width:100%;
  background-color:#FFF;
  margin:0 auto 120px;
  border-radius: 10px;
  padding:4vw 5.25vw 3vw;
}
.imd_ambassador h2{
  position: absolute;
  width:fit-content;
}

.imd_ambassador h2 img{
  width: 492px;
  height: 126px;
}

.imd_ambassador > p{
  font-size:clamp(1rem, -0.25rem + 2.5vw, 1.725rem);/*16-28pt 800-1280*/
  font-weight:bold;
  text-align:center;
  line-height:1.7;
}

.imd_ambassador > p span{
  display:block;
}

.imd_ambflex{
  display:flex;
  padding-top:24px;
}

.imd_stbx{
  width:40%;
  max-width:440px;
  background-color:#FEE6A8;
  border-radius:8px;
  padding:36px;
  position:relative;
  display:flex;
  align-items: center;
  justify-content: center;
}

.imd_stbx img{
  width:80%;
  max-width:264px;
  display:block;
  margin:auto;
}

.imd_stbx p:last-of-type{
  position:absolute;
  bottom:0.5em;
  right:1em;
  font-weight:bold;
  font-size: 0.75rem;
}

.imd_prbx{
  width:60%;
  padding-left:24px;
}

.imd_prcaption{
  font-size:clamp(0.875rem, -0.167rem + 1.65vw, 1.5rem);/*14-24pt 800-1280*/
  line-height:1.6;
  padding-right:2em;
}

.imd_prcaption span{
  font-weight:bold;
}

.imd_prbx div a{
  display:flex;
  max-width:520px;
  margin:16px auto;
  width:90%;
}

.imd_prbx div a img{
  width:100%;
}
.imd_prbx div a img:hover{
  opacity:0.6;
}

.imd_ambclose{
  text-align:center;
  font-size:1.125rem;
  font-weight:bold;
}

.imd_prbx ul{
  padding-top:1vw;
  font-size:0.75rem;
  line-height:1.6;
}

.imd_prbx ul li:before{
  content:"※";
}

.imd_present{
  position: relative;
  max-width: 1200px;
  margin: -56px auto 0;
  padding: 0 0 72px;
  text-align: center;
  background: linear-gradient(transparent 0, transparent 56px, #FFFFFF 56px, #FFFFFF 100%);
}
.imd_present h2{
  position: absolute;
  top: -56px;
  left: calc(50% - 189px);
}
.imd_present h2 img{
  width: 378px;
  height: 126px;
}
.imd_present div img{
  width: 100%;
}
.imd_present p{
  text-align: center;
  padding:0.5em 16px 0;
  font-weight: bold;
}
.imd_present p a img{
  width: 100%;
  max-width: 460px;
}

.imd_prehdtxt{
  position:absolute;
  left:0;
  top:-22%;
  width:28vw;
  max-width:350px;
}

.imd_prehdtxt img{
  width:100%;
}

.imd_canpredtl img{
  width:100%;
}

.imd_premtd{
  max-width:1200px;
  margin:0 auto 80px;
}

.imd_premtdbox{
  background-color:#FFF;
  display:flex;
  border-radius: 0 0 10px 10px;
}

.imd_premtdbox > div:first-of-type,
.imd_premtdbox > div:nth-of-type(3){
  width:28.65%;
  overflow: hidden;
}

.imd_premtdbox > div:first-of-type img{
  border-radius: 0 0 0 10px;
}

.imd_premtdbox > div:nth-of-type(3) img{
  border-radius: 0 0 10px 0;
}


.imd_premtdbox > div:first-of-type img,
.imd_premtdbox > div:nth-of-type(3) img{
  width:auto;
  height:100%;
}

.imd_premtdbox > div:nth-of-type(2){
  position:relative;
  padding-top:15%;
  width:80%;
}

.imd_pretxt{
  position:absolute;
  top:-48px;
}

.imd_pretxt img{
  width:100%;
}

.imd_premtdbox ul{
  display:flex;
  margin:auto;
  padding: 16px 10% 0;
  justify-content: space-between;
}

.imd_premtdbox ul li{
  width:46%;
}

.imd_premtdbox ul li > div{
  font-size:1.125rem;
  line-height:1.6;
  text-align: center;
  padding:0.5em 0;
}

.imd_premtdbox ul li a{
  display:flex;
  align-items: center;
  border:solid 1px #D4D4D4;
  border-radius:8px;
  background-color:#F5F5F5;
  justify-content: space-between;
}

.imd_premtdbox ul li a:hover{
  transform: translate(1px,1px);
}

.imd_premtdbox ul li a p:first-of-type{
  max-width:64px;
  border-radius:8px;
}

.imd_premtdbox ul li a p:first-of-type img{
  width:100%;
  border-radius:8px 0 0 8px;
}

.imd_premtdbox ul li a p:last-of-type{
  text-align:center;
  width:100%;
}

.imd_premtdbox ul li a p:last-of-type img{
  max-width:138px;
  width:80%;
}

.imd_premtdbox ul li:last-of-type a p:last-of-type img{
  max-width:98px;
}

.imd_canprectn p:first-of-type{
  border-top:solid 1px #D4D4D4;
  border-bottom:solid 1px #D4D4D4;
  padding:8px 0;
  text-align: center;
  line-height:1.3;
}

.imd_canprectn p:first-of-type span{
  display:block;
}

.imd_canprectn p:last-of-type{
  font-weight:bold;
  text-align: center;
  padding-top:16px;
  font-size:1.125rem;
}

.imd_canprectn{
  padding:16px 10%;
}

.imd_predspsp{
  display:none;
}

.imd_btn_instapre{
  margin-top:24px;
}

/*-- プレゼントエリアここまで --*/

/*-- ながら見クイズ --*/

.imd_pre_rtwp{
  background-color:#FFF;
  width:100%;
  margin:auto;
  max-width:1200px;
  padding-bottom: 88px;
  position:relative;
}

.imd_pre_rtwp h2{
  width: 80%;
  max-width:378px;
  position: absolute;
  margin:0 auto;
  right: 0;
  left: 0;
  top:-80px;
}
.imd_pre_rtwp h2 img{
  width:100%;
}

.imd_pre_rt{
  background-image:url("../img/2024imadanishimura/bg_rtprehd_v2.png");
  background-position:top left;
  background-repeat:no-repeat;
  background-size:100% auto;
}

.imd_pre_rt > div:first-of-type{
  text-align: center;
  padding-bottom:10px;
}

.imd_qbox{
  background-color:#B6DBB9;
  border-radius:20px;
  padding:16px;
  width:96%;
  max-width:960px;
  margin:10px auto;
}
.imd_questionhead{
  display:flex;
  align-items: center;
  background-color:#FEF1D1;
  border-radius:20px 20px 0 0;
}
.imd_questionhead > div:first-of-type{
  background-color:#179F5C;
  padding:0.875em;
  border-radius:20px 0 0 0;  
}
.imd_questionhead > div:last-of-type{  
  padding:0.5em;
  width:100%;
  font-size:1.5em;
  font-weight:bold;
}

.imd_questionhead > div:last-of-type em{ 
  color:#E6302F;
}

.imd_qlist{
  text-align: center;
  background-color:#FFF;
  border-radius:0 0 20px 20px;
  padding:1.5em 0 1em;
}

.imd_qbox ul{
  display: inline-block;
}

.imd_qbox ul li{
  color:#45AF73;
  font-weight:bold;
  font-size:1.5em;
  margin-bottom:0.375em;
  text-align: left;
  padding: 0 0.5em;
}

.imd_qbox .imd_qlistflex ul{
  display:flex;
  justify-content: center;
}

.imd_prebtn{
  padding-top:24px;
}

.imd_prebtn a{
  background-color:#E95719;
  color:#FFF;
  font-size:1.5em;
  font-weight:bold;
  display:flex;
  justify-content: center;
  align-items: center;
  max-width:460px;
  width:88%;
  padding:0.625em;
  border-radius:24px;
  margin:auto;
}

.imd_preclosetxt{
  text-align: center;
  font-weight:bold;
  font-size:1.125em;
  padding:1em 0;
}

.imd_precaution{
  border:solid 2px #DBDBDB;
  width:98%;
  margin:auto;
  max-width:1048px;
  padding:1.25em;
}

.imd_precaution > p{
  text-align:center;
}

.imd_precaution ul{
  font-size:0.875em;
  padding-top:1em;
}

.imd_precaution ul li{
 line-height:1.5;
}
.imd_precaution a{
  text-decoration: underline;
}
.imd_pre_img{
  margin:auto;
  width:96%;
  max-width:920px;
}
.imd_pre_img img{
  width:100%;
  
}

/*-- ながら見クイズここまで --*/


.imd_sns{
  margin-bottom: 48px;
  text-align: center;
}
.imd_sns h2{margin-bottom: 48px;}
.imd_sns h2 img{
  width: 378px;
  height: 126px;
}
.imd_sns ul{
  display: flex;
  justify-content: center;
}
.imd_sns ul li{width: 390px;}
.imd_sns ul li:hover{transform: translate(1px,1px);}
.imd_sns ul li:first-of-type{margin-right: 32px;}
.imd_sns ul li a{
  display: flex;
  align-items: center;
  border: 2px solid #FFFFFF;
  border-radius: 8px;
  background-color: #F5F5F5;
}

.imd_sns ul li a p:first-of-type{
  width: 100px;
  height: 100px;
}
.imd_sns ul li a p:first-of-type img{
  width: 100%;
  height: 100%;
}
.imd_sns ul li a p:last-of-type{
  width: calc(100% - 100px);
  text-align: center;
}
.imd_sns ul li:first-of-type a p:last-of-type img{
  width: 222px;
  height: 40px;
}
.imd_sns ul li:last-of-type a p:last-of-type img{
  width: 240px;
  height: 32px;
}




.imd_aboutus{
  width: calc(100% + 32px);
  margin-left: -16px;
  padding-bottom: 24px;
  text-align: center;
  background: url("../img/2024imadanishimura/il_footerbg.png") center bottom repeat-x;
}
.imd_aboutus div img{
  width: 346px;
  height: 108px;
}



.imd_toreguler{
  display:flex;
  justify-content: center;
}

.imd_toreguler a:hover img{
  transform: translate(1px,1px);
}




/*footer*/
.tss_footer{background-color: #FEE6A8;}
.tss_footer a{
  font-size: 0.875rem;
  font-weight: bold;
  color: #000000;
}


.imd_prbx_closed{
  width:80%;
  max-width: 400px;
  margin: 2em auto 0;
  background-color: #ACACAC;
  border-radius: 200px;
  background-image: url("../img/2023imadanishimura/il_flower_lc.png"),url("../img/2023imadanishimura/il_flower_rc.png");
  background-repeat: no-repeat;
  background-size: auto 50%;
  background-position: left 5% center, right 5% center;
  padding: 1.5em 1em;
}

.imd_prbx_closed > p{
  font-weight: bold;
  color:#fff;
  text-align: center;
}


.imd_comment{
  position: relative;
  max-width: 1200px;
  margin: 0 auto 100px;
  padding: 0 4vw 4em;
  border:solid 10px #C8D1DC;
  background-color: #fff;
}
.imd_comment::before{
  content: "";
  display: block;
  height: 46px;
  width: calc(100% + 8vw + 20px);
  margin-top: -46px;
  margin-left: calc(-4vw - 10px);
  background-position: left top;
  background-repeat: no-repeat;
  background-image: url("../img/2024imadanishimura/il_mountain.png");
  background-size: 100% auto;
}
.imd_comment h3{
  text-align: center;
  transform: translateY(-56px);
  margin-bottom: -64px;
}

.imd_comment h3 img{
  width: 20%;
  vertical-align: middle;
  max-width:190px;
}

.imd_comment ul li{
  display: flex;
}

.imd_comment ul li:first-of-type{
  margin-bottom: 2vw;
}
.imd_comment img{
  width: 100%;
  height: auto;
}


.imd_comment li > div:not([class]){
  width:68%;
  padding: 0;
}

.imd_comment li > div.imd_cmt_pt{
  width:32%;
}

.imd_comment li:first-of-type > div.imd_cmt_pt{
  margin-left: 1em;
}

.imd_comment li:last-of-type > div.imd_cmt_pt{
  margin-right: 1em;
}


.imd_comment li h4{
  font-weight: bold;
  font-size: 1.625rem;
}

.imd_comment li hr{
  color:#fff;
  border:none;
  background-image:url("../img/2024imadanishimura/bdr_pc1.svg");
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: left center;
  height: 16px;
}

.imd_comment li:nth-of-type(2) hr{
  background-image:url("../img/2024imadanishimura/bdr_pc2.svg");
}

.imd_comment li p{
  line-height: 1.5;
  padding:0.25em 0 1em;
  font-size: clamp(0.875rem, 0.625rem + 0.5vw, 1rem);/*14-16 800-1200*/
}

.imd_oapre{
  padding-bottom: clamp(24px, 8vw, 88px);
  background-image: url("../img/2023imadanishimura/bdr_pre_w.svg");
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: center bottom;
  margin-bottom: clamp(16px, 4vw, 64px);
}

.imd_oapre > h3 img{
  width: 100%;
  height: auto;
}

.imd_oapre > ul{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  background: #d5f5ff;
background: -moz-linear-gradient(top,  #d5f5ff 0%, #d5f5ff 60%, #f0f9ff 90%, #ffffff 100%);
background: -webkit-linear-gradient(top,  #d5f5ff 0%,#d5f5ff 60%,#f0f9ff 90%,#ffffff 100%);
background: linear-gradient(to bottom,  #d5f5ff 0%,#d5f5ff 60%,#f0f9ff 90%,#ffffff 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d5f5ff', endColorstr='#fffffff',GradientType=0 );

}
.imd_oapre > ul li{
  width:48%;
  background-color: #fff;
  text-align: left; 
  border-radius: 10px;
  line-height: 1.35;
}

.imd_oapre > ul > li{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  align-content: center;
  margin: 2em auto 1em;
  padding: 2em 0.5em 2em 6.5em;
  background-repeat: no-repeat;
  background-position: left 0.5em center;
  background-size: auto 6em;
  align-self: stretch;
  box-shadow: 0px 3px 20px #8DE1FB;
}

.imd_oapre > ul > li:first-of-type{
  background-image: url("../img/2023imadanishimura/ic_pre_tent.svg");
}
.imd_oapre > ul > li:nth-of-type(2){
  background-image: url("../img/2023imadanishimura/ic_pre_lantern.svg");
}

.imd_oapre > ul > li:last-of-type{
  width: 80%;
  background-image: none;
  position: relative;
  padding: 1em 1em 1em 8em;
}

.imd_oapre > ul > li:last-of-type::before{
  content: "";
  width: 12em;
  height: 12em;
  aspect-ratio:1;
  display: block;
  position: absolute;
  top:0;
  right:auto;
  bottom:0;
  left:-6em;
  margin: auto;
  background-image: url("../img/2023imadanishimura/ic_pre_w.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}



.imd_oapre ul h3 {
  font-weight: bold;
}

.imd_oapre ul p{
  font-size: clamp(10px ,calc(1rem + 0.25vw),20px);
}

.imd_oapre > ul > li > h3 {
  color:#E95719;
    font-size: clamp(10px ,calc(1rem + 0.5vw),24px);
}

.imd_oapre li h3 span, .imd_oapre > ul ul p span{
  display: inline-block;
  white-space: nowrap;
}

.imd_oapre > ul ul{
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}


.imd_oapre > ul ul h3{
    font-size: clamp(10px ,calc(1rem + 0.25vw),20px);
}

.imd_oapre > ul ul p{
  font-size: 1rem;
}

.imd_oaquiz{
  background-color: #fff;
  padding: 3vw 0 2vw;
}

.imd_oaquiz ol > li{
  background-color: #9CD6E7;
  border-radius: 10px;
  padding: 10px;
  margin: 1em;
}

.imd_q{
  display: flex;
  border-radius: 10px 10px 0 0;
  background-color: #FEF1D1;
  overflow: hidden;
  color:#563D00;
  border-bottom: solid 4px #9CD6E7;
}
.imd_q > div{
  width: 7em;
  background-color: #336fa8;
  overflow: hidden;
  text-align: center;
}

.imd_q > div img{
  width: 100%;
  height: auto;
  vertical-align: middle;
}

.imd_q p{
  align-self: center;
  width:calc(100% - 5em);
  color:#563D00;
  font-weight: bold;
  font-size: clamp(16px, calc(1rem + 1vw), 30px);
  padding: 0.75em 1em 0.5em;
}


.imd_q p span{
  color:#E5002B;
}

.imd_oaquiz ol > li > ul{
  background-color: #fff;
  justify-content: center;
  border-radius: 0 0 10px 10px;
  display: flex;
}

.imd_oaquiz ol ul > li{
  color:#336FA8;
  font-weight: bold;
  font-size: clamp(14px, calc(1rem + 1vw), 28px);
  padding: 0.75em 0.25em 0.5em;
  width: fit-content;
}


.imd_pre_oubox br{
  display: none;
}

.imd_pre_oubox a.imd_btn_og{
  display: block;
  background-color:#FF4F01;
  border-radius:48px;
  max-width:400px;
  margin:1em auto;
  color:#FFF;
  font-size:clamp(1.125rem, 0.989rem + 0.68vw, 1.5rem);
  font-weight:bold;
  padding:1em;
  border:solid 2px #FF4F01;
  transition: .4s;
  width:90%;
}
.imd_ambassador h2{
  top: -4.3vw;
  right: 0;
  left: 0;
  margin: 0 auto;
}

.imd_ambassador h2 img{
  width: 36.125vw;
  height: 9.8vw;
}

.imd_ambclose + p{
  font-weight: bold;
  padding-top: 1em;
  margin:2em auto 1em;
  line-height: 1.5;
}

.imd_pre_oubox > div{
  width: calc(100% - 2em);
  margin: 2em auto;
  padding: 2em 1em 1em;
  border:solid 2px #DBDBDB;
}

.imd_pre_oubox > div h3{
  font-weight: bold;
  color: #666666;
  margin-bottom: 1em;
}

.imd_pre_oubox > div ul{
  padding-left:1em;
}
.imd_pre_oubox > div li{
  list-style: disc;
  list-style-position: outside;
  text-align: left;
  line-height: 1.5;
  color:#333333;
  font-size: 0.875em;
  margin-bottom: 0.5em;
}
.imd_pre_oubox > div a{
  color:#336fa8;
  text-decoration: underline;
}


@media screen and (min-width:801px){

 .imd_prbx div a:hover, .imd_pre_oubox a:hover{
    color:#FF4F01;
    background-color:#FFF;
  }
  .imd_pre_oubox > div a:hover{
    color:#FF4F01;
  }
  .imd_precaution a:hover{text-decoration: none;}
  
  .imd_pre_oubox a:hover img,
  .imd_tverbnr a:hover img,
  .imd_present p a:hover img,
  .imd_prebtn a:hover,
  .imd_recipebnr img:hover,
  .imd_imanishi2025bnr img:hover{
    opacity: 0.7;
  }
  
}



@media screen and (max-width:1280px){/*1200 + はみ出したテキスト画像60 + スクロールバー*/
  .imd_body{padding: 0 1vw;}
  .imd_keyvisual{
    width: calc(100% + 2vw);
    margin-left: -1vw;
  }


  .img_signboard{
    width: 71.25vw;
    max-width: none;
    margin:1vw auto;
  }
  .img_signboard ul{bottom: 8.75vw;}
  .img_signboard ul li a{padding: 1vw 0;}
  .img_signboard ul li:first-of-type a img{
    width: 14.8vw;
    height: 2.7vw;
  }
  .img_signboard ul li:nth-of-type(2) a img{
    width: 12.4vw;
    height: 2.7vw;
  }
  .img_signboard ul li:last-of-type a img{
    width: 7.2vw;
    height: 2.7vw;
  }

  .imd_program > div p{
    font-size: 1.575vw;
  }
  .imd_program>div div{
    width: 46.8vw;
    padding: 1vw;
  }
  .imd_program>div div h4{font-size: 2.3vw;}
  .imd_program>div div span{font-size: 2vw;}
  .imd_hib1{
    width: 9.8vw;
    left: -5vw;
    bottom: -1.5vw;
  }
  .imd_hib2{
    width: 17.6vw;
    left: 42.3vw;
    bottom: -2.5vw;
  }
  .imd_present{padding: 0 0 3.2vw;}
  .imd_present h2{
    top: -4.3vw;
    left: calc(50% - 14.8vw);
  }
  .imd_present h2 img{
    width: 29.5vw;
    height: 9.8vw;
  }


  .imd_sns h2 img{
    width: 29.5vw;
    height: 9.8vw;
  }
  
 .imd_aboutus{
    width: calc(100% + 2vw);
    margin-left: -1vw;
  }
  .imd_comment::before{
    height: 3.6vw;
    margin-top: -3.6vw;
  }
}

@media screen and (max-width:800px){
  .imd_body{padding: 0;}


  .imd_keyvisual {
    width: 100%;
    margin-left: 0;
  }


  .img_signboard{
    width: 100%;
    margin: 0 auto 3.2vw;
  }
  .img_signboard ul{bottom: 12.1vw;}
  .img_signboard ul li a{padding: 1.6vw 0;}
  .img_signboard ul li:first-of-type a img{
    width: auto;
    height: 3.2vw;
  }
  .img_signboard ul li:nth-of-type(2) a img{
    width: auto;
    height: 3.2vw;
  }
  .img_signboard ul li:last-of-type a img{
    width: auto;
    height: 3.2vw;
  }
  .img_signboard ul li>img{top: -2.5vw;}
  .imd_recipebnr{width:96%;}
  .imd_tverbnr{
    width:96%;
    padding-bottom:40px;
  }

  .imd_program{
    width: 93.3%;
    margin: 0 auto ;
    padding: 17.6vw 4vw 14vw;
    border-radius:10px 10px 0 0;
    background-size: 410%;
  }
  .imd_program h2{
    top: -6.4vw;
    left: calc(50% - 29.8vw);
  }
  .imd_program h2 img{
    width: 59.7vw;
    height: auto;
  }
  .imd_program h3{
    position: static;
    margin-bottom: 6.4vw;
    text-align: center;
    transform: none;
  }
  .imd_program h3 img{
    width: 80vw;
    height: 25.1vw;
  }
  .imd_program>div{
    width: 100%;
    flex-direction: column-reverse;
  }
  .imd_program>div p{
    margin-bottom: 6.4vw;
    font-size: 4.8vw;
    line-height:1.5;
  }
  .imd_txtbox img{
    width:100%;
    display:block;
    margin:auto;
  }

  .imd_program>div p:nth-of-type(2){
    padding-left:0;
  }
  .imd_program>div div{
    width: 80vw;
    padding: 4.2vw 5.8vw 5.8vw;
    border-style: dashed;
  }
  .imd_program>div p span{
    font-size: 1.125em;
    padding-top:0;
  }
  .imd_program>div div h4{font-size: 5.3vw;}
  .imd_program>div div span{font-size: 4.2vw;}
  .imd_hib1,
  .imd_hib2{display: none;}
  
  .imd_ambassador{
    width: 93.3%;
    padding:12.5vw 4.2vw 9.2vw;
    margin: 0 auto 19.2vw;
  }
  
  .imd_ambassador h2{
    top: -6.4vw;
  }
  .imd_ambassador h2 img{
    width: 79.4vw;
    height: auto;
  }



  .imd_ambassador > p{
    font-size: max(3vw, 1.25rem);
    text-align: left;
  }
  
  .imd_ambassador > p span{
    display:inline;
  }
  
  .imd_prbx div a{
    padding:2vw 0;
  }
    
  .imd_prcaption{
    font-size: max(2.5vw, 1rem);
    padding-right:0;
  }
  
  .imd_ambflex{
    display:block;
  }
  
  .imd_stbx{
    width:100%;
    margin:0 auto 2vw;
  }
  
  .imd_prbx{
    padding-left:0;
    width:100%;
  }


  .imd_present{
    width: 93.3%;
    margin: -15.5vw auto 0;
    padding: 0 0 12vw;
    background: linear-gradient(transparent 0, transparent 19vw, #FFFFFF 19vw, #FFFFFF 100%);
  }
  .imd_present h2{
    top: -6.4vw;
    left: calc(50% - 29.8vw);
  }
  .imd_present h2 img{
    width: 59.7vw;
    height: auto;
  }
  
  .imd_premtd{
    width: 93.3%;
    margin: 0 auto;
  }
  
  .imd_premtdbox > div:first-of-type, .imd_premtdbox > div:nth-of-type(3){
    display:none;
  }
  
  .imd_premtdbox > div:nth-of-type(2){
    width:100%;
    padding-top: 24vw;
  }
  
  .imd_premtdbox ul{
    display:block;
  }
  
  .imd_premtdbox ul li{
    margin:16px auto;
    width: 88%;
  }
  
  .imd_predsppc{
    display:none;
  }
  
  .imd_predspsp{
    display:block;
    margin-bottom:9.2vw;
    border-radius: 0 0 10px 10px;
  }
  .imd_predspsp img{
    width:100%;
    border-radius: 0 0 10px 10px;
  }
  
  /*-- ながら見プレゼント --*/
  .imd_pre_rtwp{
    width: 93.3%;
  }
  
  .imd_pre_rtwp h2{
    width: 59.7vw;
    top: -8vw;
  }
  
  .imd_pre_rt{
    padding-top:12vw;
  }
  
  .imd_pre_rt > div:first-of-type img{
    width:92%;
    display:block;
    margin:auto;
  }
  .imd_qbox{
    width:92%;
  }
  .imd_questionhead{
    align-items: normal;
  }
  .imd_questionhead > div:last-of-type{
    font-size:1em;
    line-height: 1.25;
  }
  .imd_qbox ul li{
    font-size:1em;
    margin-bottom: 1em;
    line-height: 1.375;
  }
  .imd_qbox .imd_qlistflex ul{
    flex-direction: column;
  }
  
  .imd_prebtn a{
    font-size:1.125em;
    padding: 0.875em;
  }



  .imd_sns h2 img{
    width: 59.7vw;
    height: auto;
  }
  .imd_sns ul{flex-wrap: wrap;}
  .imd_sns ul li{width: 71vw;}
  .imd_sns ul li:first-of-type{
    margin-right: 0;
    margin-bottom: 4.2vw;
  }
  .imd_sns ul li a p:first-of-type,
  .imd_sns ul li a p:first-of-type img{
    width: 18.1vw;
    height: 18.1vw;
  }
  .imd_sns ul li a p:last-of-type{width: calc(100% - 18.1vw);}
  .imd_sns ul li:first-of-type a p:last-of-type img{
    width: 40.1vw;
    height: 7.4vw;
  }
  .imd_sns ul li:last-of-type a p:last-of-type img{
    width: 36.5vw;
    height: 5.8vw;
  }



  .imd_aboutus{
    width: 100%;
    margin-left: 0;
    padding-bottom: 12.8vw;
    background:none;
  }
  .imd_aboutus > div{
    background: url("../img/2024imadanishimura/il_footerbg_sp.png") center bottom repeat-x;
    background-size:100% auto;
    padding-bottom: 80px;
  }
  .imd_aboutus p img{width: 85.3vw;}
  .imd_aboutus div img{
    width: 92vw;
    height: 28.8vw;
  }


  .imd_toreguler{
    width: 100%;
    margin-left: 0;
    padding-top:32px;
    padding-bottom: calc(4.5vw + 120px);
    flex-direction: column;
    background-color:#F1ECC9;
  }
  .imd_toreguler img{width: 85.3vw;}
  
  .imd_comment {
    width:  93.3%;
    margin: 0 auto 14vw;
  }
  .imd_comment h3{
   background:none;
    transform: translateY(-80px);
  }

  .imd_comment h3 img{
    width: 100%;
    max-width: 136px;
    vertical-align: middle;
  }

  .imd_comment li hr{
    background-image:url("../img/2024imadanishimura/bdr_sp.svg");
    height:4vw;
  }
  .imd_comment li:nth-of-type(2) hr{
    background-image:url("../img/2024imadanishimura/bdr_sp2.svg");
  }

  .imd_comment li{
    flex-wrap: wrap;
  }
  
  .imd_comment li > div{
    width: 100% !important;
  }
  
  .imd_comment li:first-of-type > div.imd_cmt_pt{
    order: 1;
  }
  .imd_comment li:first-of-type > div:not([class]){
    order:2;
  }
  .imd_comment li h4{
    padding-top: 1em;
    margin-left: 0;
    font-size: max(3.25vw, 1.25rem);
  }
  .imd_comment li > div:not([class]){
    padding: 0;
  }
  
  .imd_comment li:first-of-type > div.imd_cmt_pt{
    margin-left: 0;
  }

  .imd_comment li:last-of-type > div.imd_cmt_pt{
    margin-right: 0;
  }
  
  .imd_comment li p{padding: 0.5em 0 1em;}

  .imd_oapre > ul{
    justify-content: center;
  }
  
  .imd_oapre > ul li{
  width:94%;
  }
  
.imd_oapre > ul > li{
  padding: 4vw 0.5em 4vw 20vw;
  background-size: auto 16vw;
  margin: 2vw auto 2vw;
}

.imd_oapre > ul > li:last-of-type{
  width: 94%;
  padding: 1em 1em 2em;
}

.imd_oapre > ul > li:last-of-type::before{
  width: 32vw;
  top:-4vw;
  right:auto;
  bottom:auto;
  left:-8vw;
  background-position: top left;
}
  
  .imd_oapre > ul > li:last-of-type li:first-of-type{
    margin-left: 24vw; 
    margin-bottom: 4vw;
  }
  
  .imd_oapre > ul > li:last-of-type li:last-of-type{
    margin-top: 2em;
  }
  
  .imd_oapre > ul > li:last-of-type li:last-of-type br{
    display:none;
  }
  
  .imd_oaquiz ol > li {
    border-radius: 20px;
  }
  
  .imd_q{
  border-radius: 20px 20px 0 0;
}
  
  .imd_q > div{
    position: relative;
  width: 16vw;
  background-color: #336fa8;
}

 .imd_q > div img{
   display: block;
   position: absolute;
  top:0;
   right:0;
   bottom:0;
   left:0;
   margin: auto;
 }
  
.imd_q p{
   width:84vw;
    font-size: clamp(14px, calc(1rem + 1vw), 18px);
    text-align: left;
  align-self: center;
  }
  
    .imd_oaquiz ol > li > ul{
    border-radius: 0 0 20px 20px ;
  }
  
  .imd_oaquiz ol > li > ul{
    flex-wrap: wrap;
    justify-content: flex-start;
    padding: 0.75em 0 1em;
  }

  .imd_oaquiz ol ul > li{
    width: 100%;
    margin: 0 0 0 6vw;
    text-align: left;
    padding: 0.5em 0.25em 0;
  }
  .imd_pre_oubox br{
  display: inline;
}
  
  .imd_oapre{
    padding-bottom: clamp(24px, 12vw, 88px);
    background-image: url("../img/2023imadanishimura/bg_comment.svg");
    background-size: auto 10vw;
  }
  .imd_pre_oubox > div{
  margin: 2em auto 3vw;
  }
  .imd_sns h2{
    margin-bottom: 16px;
  }
  
}


@media screen and (max-width:480px){
  .imd_present{padding: 0 0 22vw;}
  .imd_comment li h4{
    font-size: calc(0.875rem + 2vw);
  }
  
  .imd_comment li p{
    font-size: calc(0.875rem + 0.75vw);
  }
  
  .imd_oapre > ul > li:last-of-type::before{
  width: 38vw;
  }
  
    .imd_oapre > ul > li:last-of-type li:first-of-type{
    margin-left: auto; 
    margin-bottom: auto;
  }
  
  .imd_oapre > ul > li:last-of-type li:first-of-type h3{
    margin-top: 2vw;
    margin-left: 24vw; 
    margin-bottom: 6vw;
  }
  
  .imd_oapre > ul > li:last-of-type::before{
  top:-2vw;
  }
  
  .imd_oapre > ul > li:last-of-type li:last-of-type h3{
    margin-bottom: 4vw;
  }
  
  .imd_q p{
      font-size: calc(100vw / 20);
    line-height: 1.35;
    padding: 0.5em 0.5em 0.375em;
  }
  .imd_oaquiz ol ul > li{
    font-size: calc(100vw / 22);
  }
  
    .imd_ambclose{
  font-size: calc(100vw / 22);
  }
  
 .imd_ambclose + p{
   font-size: calc(100vw / 24);
  }
  
}