@charset "utf-8";
.wrapper * {font-weight: bold;}
.taC {text-align: center;}
.mb0 {margin-bottom: 0!important}
.mb10 {margin-bottom: 10px!important}
.noBorder {border: none!important;}

@media (min-width: 800px) {
  
}
#suntory_contents .main .section1, 
#suntory_contents .main .section2, 
#suntory_contents .main .section3 {width: 1036px;}
#suntory_contents .main .section1__detail-img img {width: 100%}
#suntory_contents .wrapper {padding: 0;}
#suntory_contents .main1 h1 {font-size: 36px;font-weight: bold;margin-bottom: 32px;}
#suntory_contents .main1 {background-color: #5ec3db;padding: 100px 0 120px;}
#suntory_contents .main1 .section1 {text-align: left;padding: 80px 0;margin: 0 auto;background: #fff;border-radius: 70px;}
#suntory_contents .main1 .section1 .innerWrap {max-width: 800px;margin:0 auto;}
#suntory_contents .main1 .section1 .innerWrap>.imgBox {margin: 60px auto 40px;}
#suntory_contents .main1 .section1 .imgBox {text-align: center;margin: 40px auto;border: 1px solid #E3E3E3;border-radius: 22px;font-size: 0;overflow: hidden;}
#suntory_contents .main1 .section1 .imgBox.mb20 {margin-bottom: 20px;}
#suntory_contents .main1 .section1 .txt {font-size: 17px;}
#suntory_contents .main1 .section1 .txt+.txt {margin-top: 1em;}
#suntory_contents .main1 .section1 .indexBox {margin-top: 60px;}
#suntory_contents .main1 .section1 .indexBox .ttl {font-size: 16px;font-weight: bold;display: flex;width: 100%;background: #EAEFF3;height: 48px;padding: 0 24px;align-items: center;}
#suntory_contents .main1 .section1 .indexBox .indexList {padding: 24px;border:2px solid #EAEFF3;margin-top: -2px;}
#suntory_contents .main1 .section1 .indexBox .indexList li {font-size: 16px;position: relative;display: flex;align-items: center;}
#suntory_contents .main1 .section1 .indexBox .indexList li+li {margin-top: 24px;}
#suntory_contents .main1 .section1 .indexBox .indexList li:before {display: block;content: "";width: 6px;height: 6px;background: #5BC2DC;border-radius: 10px;margin-right: 10px;}
#suntory_contents .main1 .section1 .indexBox .indexList li a {text-decoration: underline;text-underline-offset: 5px;}
#suntory_contents .main1 .section1 .indexBox .indexList li a:hover {text-decoration: none;color: #333}
#suntory_contents .main1 .section1 .innerBox {margin-top: 60px;}
#suntory_contents .main1 .section1 .innerBox+.innerBox {margin-top: 80px;}
#suntory_contents .main1 .section1 .innerBox .innerTtl {background-color: #011A5D;border-radius: 2px;font-weight: bold;color: #fff;font-size: 26px;padding: 5px 16px;width: 100%;margin-bottom: 32px;}
.decoBoxInner,.contentBoxInner {display: none;}
#suntory_contents .main1 .section1 .innerBox .decoBox .decoTtl {font-size: 20px;text-underline-offset: 10px;margin:54px 0 24px;font-weight: bold; width: fit-content;}
#suntory_contents .main1 .section1 .innerBox .contentBox {padding-left: 15px;margin-top: 40px;}
#suntory_contents .main1 .section1 .innerBox .contentBox .contentTtl:hover {text-decoration:none;}
#suntory_contents .main1 .section1 .innerBox .txtBox .txt {margin-top: 60px;}
#suntory_contents .main1 .section1 .innerBox .txt_line {display: block;padding-bottom: 10px;text-decoration: underline;text-underline-offset: 10px;}
#suntory_contents .main1 .section1 .imgBox+ .txt .txt_link a {color: #0468BF}
#suntory_contents .main1 .section1 .innerBox .txt_link a {color: #0468BF;text-decoration: underline;text-underline-offset: 0.1em;}
#suntory_contents .main1 .section1 .innerBox .txt_link a:hover {text-decoration: none;}
.jihankiBox {width: 557px;border-radius: 28px;border: 1px solid #0468BF;margin: 60px auto;overflow: hidden; box-shadow: 0 7px 0 #627abc;transition: transform .3s, box-shadow .3s;}
.jihankiBox.mb17 {margin-bottom: 17px!important;}
.jihankiBox:hover {box-shadow: 0 0 0 #627abc;transform: translateY(7px);}
sub {font-size: .8em;vertical-align: text-top;}
.column_support_item > a .column_item.text_area {padding: 5.398% 3.5% 10px;}
#suntory_contents .main1 .section1 .numlist {margin: 40px 0;font-size: 17px;padding-left: 1em;}
#suntory_contents .main1 .section1 .numlist li+li {margin-top: 12px;}
#suntory_contents .main1 .section1 .numlist .num {font-weight: bold;}
.note {padding-left: 1em;text-indent: -1em;font-size: 13px;}
@media (max-width: 799px) {
  #suntory_contents .main {padding: 30px 20px 60px!important;}
  #suntory_contents .main1 .section1 {padding: 40px 25px;margin: 0;width: 100%;border-radius: 35px;}
  #suntory_contents .main1 h1{margin-bottom: 20px;}
  #suntory_contents .main1 h1,#suntory_contents .main .section1 h2 {font-size: 22px;}
  #suntory_contents .main1 .section1 .innerWrap>.imgBox {margin: 30px auto;}
  #suntory_contents .main1 .section1 .imgBox {padding: 0;border-radius: 10px;margin: 20px auto;}
  #suntory_contents .main1 .section1 .txt {font-size: 18px;}
  #suntory_contents .main1 .section1 .indexBox {margin-top: 40px;}
  #suntory_contents .main1 .section1 .indexBox .ttl {font-size: 14px;padding: 6px 12px;}
  #suntory_contents .main1 .section1 .indexBox .indexList {padding: 20px 15px;}
  #suntory_contents .main1 .section1 .indexBox .indexList li {align-items: flex-start;}
  #suntory_contents .main1 .section1 .indexBox .indexList li+li {margin-top: 18px;}
  #suntory_contents .main1 .section1 .indexBox .indexList li:before {width: 6px;height: 6px;margin-top: 6px;margin-right: 6px;}
  #suntory_contents .main1 .section1 .indexBox .indexList li a {width: calc(100% - 12px);}
  #suntory_contents .main1 .section1 .innerBox {margin-top: 40px;}
  #suntory_contents .main1 .section1 .innerBox+.innerBox {margin-top: 40px;}
  #suntory_contents .main1 .section1 .innerBox .innerTtl {padding: 10px;font-size: 19px;margin-bottom: 20px;}
  #suntory_contents .main1 .section1 .innerBox .decoBox .decoTtl {padding-right: 22px;font-size: 18px;margin:30px 0 20px;border: none;text-underline-offset: 5px;}
  #suntory_contents .main1 .section1 .innerBox .contentBox {margin-top: 24px;}
  #suntory_contents .main1 .section1 .innerBox .contentBox+.contentBox {margin-top: 20px;}
  #suntory_contents .main1 .section1 .innerBox .txtBox .txt {margin-top: 30px;}
  .jihankiBox {width: 260px;border-radius: 14px;margin:20px auto;}

  .column_support_item > a .label_text {font-size: 7.5px;}
  .column_support_item > a .contents_text {font-size: 9px;}
  .column_support_item {margin-top: 0}
  #suntory_contents .main1 .section1 .numlist {font-size: 16px;margin-top: 30px;}

}


#suntory_contents .main2 {background-color: #EAEFF3;padding: 60px 0!important;}
#suntory_contents .main2 .section02 {text-align: left;}
#suntory_contents .main2 .section02 h2 {font-size: 35px;font-weight: bold;text-align: center;}
#suntory_contents .main2 .section02 .doctorBox {width: 692px;border-radius: 34px;border: 20px solid #EEFAFC;background: #fff;padding: 30px;box-sizing: border-box;margin:35px auto 0;}
#suntory_contents .main2 .section02 .doctorBox .colBox {max-width: 517px;margin:0 auto;gap: 30px;display: flex;justify-content: center;align-items: center;}
#suntory_contents .main2 .section02 .doctorBox .colBox .imgBox {width: 124px;}
#suntory_contents .main2 .section02 .doctorBox .colBox .imgBox img {width: 100%;}
#suntory_contents .main2 .section02 .doctorBox .colBox .txtBox .ttl {font-size: 20px;font-weight: bold;color: #0468BF;letter-spacing: 0.1rem;}
#suntory_contents .main2 .section02 .doctorBox .colBox .txtBox .txt {font-size: 16px;margin-top: 1em}
#suntory_contents .main2 .section02 .doctorBox .colBox+.txt {max-width: 517px;margin: 30px auto 0}

@media (max-width: 799px) {
  #suntory_contents .main2 {padding: 45px 20px 7.5px!important;}
  #suntory_contents .main2 .section02 h2 {font-size: 22px;}
  #suntory_contents .main2 .section02 .doctorBox {width: 100%;border: 10px solid #EEFAFC;padding:34px 17px;margin-top: 15px;}
  #suntory_contents .main2 .section02 .doctorBox .colBox {display: inline-block;max-width: 100%;width: 100%;}
  #suntory_contents .main2 .section02 .doctorBox .colBox .imgBox {width: 200px;margin: 0 auto;}
  #suntory_contents .main2 .section02 .doctorBox .colBox .txtBox {text-align: center;border-bottom: 1px solid #EAEFF3;padding-bottom: 20px;}
  #suntory_contents .main2 .section02 .doctorBox .colBox .txtBox .ttl {margin: 15px auto;font-size: 20px;}
  #suntory_contents .main2 .section02 .doctorBox .colBox .txtBox .txt {font-size: 14px;}
  #suntory_contents .main2 .section02 .doctorBox .colBox+.txt {margin-top: 18px}
}
@media (max-width: 390px) {
  #suntory_contents .main2 .section02 .doctorBox .colBox .txtBox .ttl{font-size: 16px;}
  #suntory_contents .main2 .section02 .doctorBox .colBox .txtBox .txt {font-size: 13px;}
}
#suntory_contents .main3 {background-color: #fff;padding-bottom: 150px;}
.pagination__container {display: flex;justify-content: center;margin: 0 auto;padding: 74px 0 0;}
.bottom__link {display: flex;justify-content: center;padding-top: 37px;}
.bottom__link__btn {margin-left: 20px;}
.bottom__link__btn:first-of-type {margin-left: 0;}
.bottom__link__btn a {position: relative;display: block;font-size: 23px;font-weight: bold;padding: 12px 0;text-decoration: none;transition: 0.4s;border-radius: 9999px;}
.pagination__item {margin-left: 22px;}
.pagination__container li:first-of-type {margin-left: 0;}
.pagination__item--less,
.pagination__item--greater {position: relative;}
.pagination__item a,
.pagination__item--less a,
.pagination__item--greater a {display: flex;align-items: center;justify-content: center;width: 43px;height: 43px;background: #fff;border-radius: 9999px;border: 2px solid #5db9cd;font-size: 25px;color: #5db9cd;text-decoration: none;font-weight: bold;}
.pagination__item--less a::after {content: "";display: block;position: absolute;top: 50%;left: calc(50% + 3px);transform: translate(-50%, -50%) rotate(135deg);width: 11px;height: 11px;border-right: 3px solid #5db9cd;border-bottom: 3px solid #5db9cd;}
.pagination__item--greater a::after {content: "";display: block;position: absolute;top: 50%;left: calc(50% - 3px);transform: translate(-50%, -50%) rotate(-45deg);width: 11px;height: 11px;border-right: 3px solid #5db9cd;border-bottom: 3px solid #5db9cd;}
.pagination__item--carent {display: flex;align-items: center;justify-content: center;width: 43px;height: 43px;background: #5db9cd;border-radius: 9999px;border: 2px solid #fff;font-size: 25px;color: #fff;text-decoration: none;font-weight: bold;}
.pagination__item--nolink {display: flex;align-items: center;justify-content: center;height: 43px;background: #fff;border-radius: 9999px;border: 2px solid #5db9cd;font-size: 25px;color: #5db9cd;text-decoration: none;font-weight: bold;letter-spacing: -15px;padding: 0 13px 0 0px;}
#suntory_contents .pagination__container {min-width: 960px;padding-top: 104px;}
#suntory_contents .pagination__container .pagination__item:first-of-type {margin-left: 0px;}
#suntory_contents .pagination__container .pagination__item {margin-left: 14px;}
#suntory_contents .pagination__container .pagination__item a {color: #fff;font-size: 20px;width: 47px;height: 47px;background: #aaa;border: none;}
#suntory_contents .pagination__container .pagination__item--carent {width: 47px;height: 47px;color: #5ec3db;font-size: 20px;background: #fff;}
#suntory_contents .pagination__container .pagination__item--less,#suntory_contents .pagination__container .pagination__item--greater {margin-left: 41px;}
#suntory_contents .pagination__container .pagination__item--less a,#suntory_contents .pagination__container .pagination__item--greater a {background-repeat: no-repeat;width: 27px;height: 47px;border-radius: 0;}
#suntory_contents .pagination__container .pagination__item--less a::after,#suntory_contents .pagination__container .pagination__item--greater a::after {display: none;}
#suntory_contents .pagination__container .pagination__item--less {transform: rotate(180deg);margin-right: 27px;margin-left: 0;}
#suntory_contents .backToTop {min-width: 960px;padding-top: 92px;}
#suntory_contents .backToTop a {border: 0;background: #222586;border: 3px solid #222586;font-size: 23px;box-shadow: 0 7px 0 #627abc;}
#suntory_contents .backToTop a:hover {color: #222586;background-color: #fff;box-shadow: 0 0 0 #627abc;transform: translateY(7px);}
#suntory_contents .main3 .pagination__container .pagination__item.pagination__item--carent {color: #fff;background: #011A5D;}
#suntory_contents .main3 .pagination__container .pagination__item a {transition: .3s ease; border: 2px solid #011A5D;background: #fff;color: #011A5D;}
#suntory_contents .main3 .pagination__container .pagination__item a:hover {background: #011A5D;color: #fff;}
#suntory_contents .main3 .pagination__container .pagination__item.pagination__item--greater {display: flex;align-items: center; margin-left: 30px;}
#suntory_contents .main3 .pagination__container .pagination__item.pagination__item--greater a {transition: .3s ease; border: none;background: url(/softdrink/jihanki/heatstroke/column/img/ico_pageArr.png) center/cover no-repeat;width: 8px;height: 16px;}
#suntory_contents .main3 .pagination__container .pagination__item.pagination__item--greater.prev {transform: scale(-1, 1);margin-right: 16px;}
#suntory_contents .main3 .bottom__link__btn a {text-align: center; min-width: auto; width: 198px; transform: none;box-shadow: none; background: #fff;color:#011A5D;border:2px solid #011A5D; }
#suntory_contents .main3 .bottom__link__btn a:hover {background: #011A5D;color: #fff}

@media (max-width: 799px) {
  #suntory_contents .main3 {border-top: 22.5px solid #78D0E6;}
  #suntory_contents .pagination__container {min-width: inherit;padding-top: 28px;}
  #suntory_contents .pagination__container .pagination__item {margin-left: 10px;}
  #suntory_contents .pagination__container .pagination__item a {width: 40px;height: 40px;}
  #suntory_contents .pagination__container .pagination__item--carent {width: 40px;height: 40px;}
  #suntory_contents .pagination__container .pagination__item--less,#suntory_contents .pagination__container .pagination__item--greater {margin-left: 23px;}
  #suntory_contents .pagination__container .pagination__item--less a,#suntory_contents .pagination__container .pagination__item--greater a {width: 25px;height: 44px;background-size: 100%;}
  #suntory_contents .pagination__container .pagination__item--less {margin-right: 9px;margin-left: 0;}

  #suntory_contents .main3 .bottom__link__btn {width: 100%;}
  #suntory_contents .main3 .bottom__link__btn a {width: 100%;font-size: 17px;}
}

.main4 {padding: 48px 0!important;position: relative;background: #087CC6}
.main4 .bottom__link {padding: 0;}
.main4 .bottom__link .bottom__link__btn a {text-align: center;padding: 25px 0; width: 564px;font-size: 30px; transform: none;box-shadow: none; background: #EAEFF3;color:#333;border:none;}
.main4 .bottom__link .bottom__link__btn.blue a {border:none;box-shadow: none;color: #fff;background: #011A5D}
.main4 .bottom__link .bottom__link__btn a:hover {text-decoration: none!important;} 
.pagetop_inner::before {top: 46%}

@media (max-width: 799px) {
  .main4 {padding: 30px 20px!important;}
  .main4 .bottom__link .bottom__link__btn a {width: 290px;font-size: 17px;padding: 15px 0;}
}

.tableWrap {margin-top: 40px;}
.tableWrap .tableCap {font-size: 17px;font-weight: bold;margin-bottom: 15px;text-align: center;}
.tableWrap .tableBox .table {font-size: 15px;border-collapse: collapse;border: 0;width: 100%;}
.tableWrap .tableBox .table th {padding: 1em;font-weight: bold;vertical-align: middle;background: #EAEFF3;border: 1px solid #fff;}
.tableWrap .tableBox .table td {padding: 1em;border: 1px solid #EAEFF3;vertical-align: middle;}
.tableWrap .note {padding-left: 1em;text-indent: -1em;color: #919191;font-size: 13px;}
.tableWrap .tableBox+.note {margin-top: 12px;}
.tCenter {text-align: center;}


@media (max-width: 799px) {
  .tableWrap .tableCap {font-size: 16px;text-align: left;}
  .tableWrap.noScroll .tableBox {padding-bottom: 0;}
  .tableWrap.noScroll .tableBox .table {width: 100%}
  .tableWrap .tableBox {overflow-x: scroll;padding-bottom: 10px;}
  .tableWrap .tableBox .table {font-size: 13px;width: 450px;}
  .tableWrap .tableBox .table colgroup col:first-child {width: 100px;}
  .tableWrap .note {font-size: 12px;}

}

.exTtl {width: fit-content;border: 2px solid #DBF8FF;display: flex;margin: 30px 0 0;}
.exTtl .bg {background: #DBF8FF;font-size: 12px;padding: 5px 8px;display: flex;align-items: center;}
.exTtl .ttl {font-size: 20px;padding: 5px 8px;}
#suntory_contents .main1 .section1 .exTtl +.imgBox,#suntory_contents .main1 .section1 .exTtl +.txt  {margin-top: 15px;}

@media (max-width: 799px) {
  .exTtl {flex-wrap: wrap;border: none;}
  .exTtl .ttl {border: 2px solid #DBF8FF;width: 100%;}
}

/*0212 追加*/

/*バナー*/
.bannerInner{width:100%;margin:60px auto;text-align:center;}
.bannerInner.mt160{margin-top: 140px;}
.bannerInner a{cursor:pointer;}
.bannerInner picture source,.bannerInner picture img{box-shadow: 6px 6px 6px rgba(51, 51, 51, 0.1);border-radius: 20px;transition: transform 0.3s, box-shadow 0.3s;}
.bannerInner picture source,.bannerInner picture img:hover{box-shadow:none;transform:translateY(3px);}
@media (max-width: 799px) {.bannerInner {margin: 20px auto;}.bannerInner.mt160 {margin-top: 100px;} .bannerInner img{width:100%;}}

/*アーコディオン＆タイトル*/
.decoBoxInner,.contentBoxInner {display: block;}
#suntory_contents .main1 .section1 .innerBox .decoBox .decoTtl{color: #0468BF;border-left:6px solid #F2DA77;padding-left:10px;}
#suntory_contents .main1 .section1 .innerBox .decoBox .decoTtl{text-decoration:none;}
#suntory_contents .main1 .section1 .innerBox .decoBox .decoTtl:after{content:none;}
#suntory_contents .main1 .section1 .innerBox .decoBox .decoTtl.active:after{content:none;}
#suntory_contents .main1 .section1 .innerBox .contentBox .contentTtl::after{display:none;}
#suntory_contents .main1 .section1 .innerBox .contentBox .contentTtl::before{content:"";width:10px;height:10px;margin-right:8px;background-color:#F2DA77;border-radius:50%;display:inline-block;}
#suntory_contents .main1 .section1 .innerBox.mt160{margin-top: 160px;}
#suntory_contents .main1 .section1 .innerBox .decoBox.mt160{margin-top: 112px;}
#suntory_contents .main1 .section1 .innerBox .txtBox .txt.mt160{margin-top: 120px;}
@media (max-width: 799px) {
  #suntory_contents .main1 .section1 .innerBox.mt160 {margin-top: 100px;}
  #suntory_contents .main1 .section1 .innerBox .decoBox.mt160{margin-top: 82px;}
  #suntory_contents .main1 .section1 .innerBox .txtBox .txt.mt160{margin-top: 90px;}
}

/*アーコディオン*/
.cp_box1 .decoBoxInner,.contentBoxInner{display:block;}
.cp_box1{position:relative;}
.cp_box1 input{display:none;}
.cp_box1 label{position:absolute;display:flex;flex-direction:column;align-items:center;z-index:1;bottom:-80px;width:100%;height:202px;text-align:center;background:linear-gradient(180deg, rgb(255, 255, 255, 0) 0%, rgb(255, 255, 255, 1) 70%);}
.cp_box1 input:checked+label{height: 0;background:transparent;z-index: 0;}
.cp_box1 .cp_container{overflow:hidden;height: 185px;transition:all 0.5s;margin-bottom: 60px;}
.cp_box1 label:after{position:absolute;line-height:2.5rem;z-index:2;bottom:2px;width:auto;content:'+ 続きを読む';color:#333;cursor:pointer;}
.cp_box1 input:checked+label:after{bottom: 0px;content:'- 閉じる';}
.cp_box1 input:checked~.cp_container{height:auto;padding-bottom:150px;transition:all 0.5s;}
.cp_box1 input:checked+label~.cp_container{margin-bottom: 60px;padding-bottom: 0px;}

@media (max-width: 799px) {
  .cp_box1 .cp_container{height: 160px;}.cp_box1 label{bottom: -65px; height: 120px;}
}


.h800{
  height: 800px;
}
@media (max-width: 799px) {
  .h800{height: 590px;}
}