@charset "utf-8";
/* CSS Document */
/*------------------------------------------------
reset
------------------------------------------------*/
#suntory_contents h1, #suntory_contents h2, #suntory_contents h3, #suntory_contents h4, #suntory_contents h5, #suntory_contents h6, #suntory_contents p, #suntory_contents blockquote, #suntory_contents pre, #suntory_contents a, #suntory_contents abbr, #suntory_contents acronym, #suntory_contents address, #suntory_contents big, #suntory_contents cite, #suntory_contents code, #suntory_contents del, #suntory_contents dfn, #suntory_contents em, #suntory_contents img, #suntory_contents ins, #suntory_contents kbd, #suntory_contents q, #suntory_contents s, #suntory_contents samp, #suntory_contents small, #suntory_contents strike, #suntory_contents strong, #suntory_contents sub, #suntory_contents tt, #suntory_contents var, #suntory_contents b, #suntory_contents u, #suntory_contents i, #suntory_contents center, #suntory_contents dl, #suntory_contents dt, #suntory_contents dd, #suntory_contents ol, #suntory_contents ul, #suntory_contents li, #suntory_contents fieldset, #suntory_contents form, #suntory_contents label, #suntory_contents legend, #suntory_contents table, #suntory_contents caption, #suntory_contents tbody, #suntory_contents tfoot, #suntory_contents thead, #suntory_contents tr, #suntory_contents th, #suntory_contents td, #suntory_contents article, #suntory_contents aside, #suntory_contents canvas, #suntory_contents details, #suntory_contents embed, #suntory_contents figure, #suntory_contents figcaption, #suntory_contents footer, #suntory_contents header, #suntory_contents hgroup, #suntory_contents menu, #suntory_contents nav, #suntory_contents output, #suntory_contents ruby, #suntory_contents section, #suntory_contents summary, #suntory_contents time, #suntory_contents mark, #suntory_contents audio, #suntory_contents video {
margin: 0;
padding: 0;
border: 0;
vertical-align: baseline;
}
#suntory_contents ul,#suntory_contents ol{ list-style:none; padding: 0; margin: 0;}
#suntory_contents *{ box-sizing: border-box;}

/*------------------------------------------------
common
------------------------------------------------*/
#suntory_contents {
font-size: 18px;
font-family: -apple-system, "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic Medium", "Yu Gothic", Verdana, Meiryo, sans-serif;
font-weight: 500;
-webkit-text-size-adjust: 100%;
-webkit-font-feature-settings: "palt";
font-feature-settings: "palt";
width: 1164px;
margin: 0 auto;
background: url("../img/bg.png");
}

#suntory_contents h1, #suntory_contents h2, #suntory_contents h3, #suntory_contents b, #suntory_contents strong, #suntory_contents .bold {
font-family: -apple-system, "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic", "Segoe UI", Verdana, Meiryo, sans-serif;
font-weight: bold;
}

#suntory_contents img{ border-style:none; vertical-align:bottom; padding:0; line-height:0em; max-width:100%; height:auto;}
#suntory_contents figure{margin:0 auto; text-align:center;}

#suntory_contents p{ line-height:1.75em; margin:0 0 1em; padding:0; text-align:left;}
#suntory_contents p:last-child{ margin:0;}
#suntory_contents a{ color:inherit; text-decoration:none;}
@media screen and (max-width:767px){
#suntory_contents { width: 100%; font-size: 3vw; background-size: 3.33% auto;}
}

.left{ text-align:left;}
.right{ text-align:right;}
.center{ text-align:center;}


/*------------------------------------------------
style
------------------------------------------------*/
#suntory_contents #camp2020_mv{ padding-bottom: 15px;}
#suntory_contents #camp2020_mv h1{ position: relative;}
#suntory_contents #camp2020_mv h1 span{ position: absolute; right: 50px; bottom: -95px;}
#suntory_contents #camp2020_mv figure.mv_a{ margin: 25px auto 60px;}
#suntory_contents #camp2020_mv figure.mv_b{ margin: 60px auto 20px;}
#suntory_contents #camp2020_mv p.notice{ text-align: center;}
@media screen and (max-width:767px){
#suntory_contents #camp2020_mv{ padding-bottom:3%;}
#suntory_contents #camp2020_mv img{ width: 100%;}
#suntory_contents #camp2020_mv h1 span{ width: 20%; right:3vw; bottom:-13.5vw;}
#suntory_contents #camp2020_mv figure.mv_a{ margin:3% auto;}
#suntory_contents #camp2020_mv figure.mv_b{ margin:3% auto;}
#suntory_contents #camp2020_mv p.notice{ font-size: 2.8vw;}
}

#suntory_contents #camp2020_explain{ background: #ffec00; padding: 25px 70px 80px;}
#suntory_contents #camp2020_explain dl{ margin-bottom: 30px;}
#suntory_contents #camp2020_explain dl dt{ background: #e60012; color: #fff; font-size: 24px; text-align: center; line-height: 1em; padding: 0.25em;}
#suntory_contents #camp2020_explain dl dd p.strong{ padding: 15px 15px 0; font-size: 30px; line-height: 1.25em;}
#suntory_contents #camp2020_explain dl dd p.center{ text-align: center;}
#suntory_contents #camp2020_explain dl .camp2020_product{ background: #fff; padding: 15px 30px; display: table; table-layout: fixed; width: 100%; margin-bottom: 10px;}
#suntory_contents #camp2020_explain dl .camp2020_product ul{ display: table-cell; vertical-align: middle; padding-right: 15px;}
#suntory_contents #camp2020_explain dl .camp2020_product figure{ display: table-cell; vertical-align: middle; width: 350px;}
#suntory_contents #camp2020_explain dl .camp2020_product ul li{ padding-left: 0.75em; font-size: 30px; line-height: 1.125em; letter-spacing: -0.033em; margin: 0.25em auto; position: relative;}
#suntory_contents #camp2020_explain dl .camp2020_product ul li:before{ content: "・"; position: absolute; left: 0; top: 0;}
#suntory_contents #camp2020_explain dl p.notice{ line-height: 1.75em; margin: 0 auto; letter-spacing: -0.05em;}
#suntory_contents #camp2020_explain dl ul.notice2 li{ line-height: 1.75em; display: inline-block; position: relative; padding-left: 1.25em; margin-right: 1em;}
#suntory_contents #camp2020_explain dl ul.notice2 li:before{ content: "●"; position: absolute; left: 0; top: 0;}
@media screen and (max-width:767px){
#suntory_contents #camp2020_explain{ padding:3% 0 9%;}
#suntory_contents #camp2020_explain dl{ margin-bottom:6%;}
#suntory_contents #camp2020_explain dl dt{ font-size:3vw;}
#suntory_contents #camp2020_explain dl dd p.strong{ padding:1.5% 3% 0; font-size:4.5vw;}
#suntory_contents #camp2020_explain dl .camp2020_product{ background:none; padding:1.5% 3%; display:block; margin: 0 auto;}
#suntory_contents #camp2020_explain dl .camp2020_product ul{ display:block; padding:0; margin-bottom: 3%;}
#suntory_contents #camp2020_explain dl .camp2020_product figure{ display:block; width:100%; margin: 3% auto;}
#suntory_contents #camp2020_explain dl .camp2020_product figure img{ width: 90%;}
#suntory_contents #camp2020_explain dl .camp2020_product ul li{ font-size:4.5vw;}
#suntory_contents #camp2020_explain dl p.notice{ padding: 0 3%; font-size: 2.5vw;}
#suntory_contents #camp2020_explain dl ul.notice2{ margin: 0 3%; font-size: 2.5vw;}
}

#suntory_contents #camp2020_detail{ padding-bottom:80px;}
#suntory_contents #camp2020_detail h2{ background: #ffec00; text-align: center; padding: 40px; margin-bottom: 20px;}
#suntory_contents #camp2020_detail h3{ text-align: center; margin-bottom: 20px; font-size: 36px; line-height: 1em; color: #ff0000;}
@media screen and (max-width:767px){
#suntory_contents #camp2020_detail{ padding-bottom:9%; background: #fff;}
#suntory_contents #camp2020_detail h2{ background:none; padding:0; margin-bottom:3%;}
#suntory_contents #camp2020_detail h3{ margin-bottom:6%; font-size:6vw;}
}
#suntory_contents #camp2020_detail_in{ background: #fff; width: 900px; margin: 0 auto; padding: 25px 50px 50px;}
#suntory_contents #camp2020_detail_in dl{ margin-bottom: 30px;}
#suntory_contents #camp2020_detail_in dl dt{ background: #e60012; color: #fff; font-size: 24px; text-align: center; line-height: 1em; padding: 0.25em; margin-bottom: 15px;}
#suntory_contents #camp2020_detail_in dl dd p.strong{ padding:0; font-size: 30px; line-height: 1.25em;}
#suntory_contents #camp2020_detail_in dl dd p.strong2{ padding:0; font-size: 24px; line-height: 1.25em;}
#suntory_contents #camp2020_detail_in dl dd p{ padding:0; margin:10px auto; line-height: 1.25em;}
#suntory_contents #camp2020_detail_in dl dd p:first-child{ margin-top: 0;}
#suntory_contents #camp2020_detail_in dl dd p:last-child{ margin-bottom: 0;}
#suntory_contents #camp2020_detail_in dl dd p.center{ text-align: center;}
#suntory_contents #camp2020_detail_in dl dd p.m0{ margin: 0 auto;}
#suntory_contents #camp2020_detail_in ul{ text-align: center;}
#suntory_contents #camp2020_detail_in ul li{ font-size: 30px; line-height: 1.125em; letter-spacing: -0.033em; margin: 0.25em auto; position: relative;}
#suntory_contents #camp2020_detail_in ul li:before{ content: "・";}
#suntory_contents #camp2020_detail_in figure.btn{ margin: 50px auto 75px;}
@media screen and (max-width:767px){
#suntory_contents #camp2020_detail_in{ width:100%; padding:0;}
#suntory_contents #camp2020_detail_in dl{ margin-bottom:6%;}
#suntory_contents #camp2020_detail_in dl dt{ font-size:4.5vw; margin-bottom:1.5%;}
#suntory_contents #camp2020_detail_in dl dd p.strong{ font-size:4vw; padding:0 3%;}
#suntory_contents #camp2020_detail_in dl dd p.strong2{ font-size:3.5vw; padding:0 3%;}
#suntory_contents #camp2020_detail_in dl dd p{ margin:1.5% auto; padding:0 3%;}
#suntory_contents #camp2020_detail_in ul{ margin-bottom: 3%;}
#suntory_contents #camp2020_detail_in ul li{ font-size:4vw;}
#suntory_contents #camp2020_detail_in ul li:before{ content: "・";}
#suntory_contents #camp2020_detail_in figure.btn{ margin:4.5% auto 9%;}
}

/*btn*/
#suntory_contents figure.btn{ margin:80px auto 0; text-align: center;}
#suntory_contents figure.btn a{ display: inline-block; color: #fff; background: #e60012; border: 6px solid  #fff; font-size: 36px; line-height: 1em; padding: 40px 120px; border-radius: 20px; box-shadow: 0px 12px 18px 8px rgba(0,0,0,0.55); position: relative; top: 0; transition: 0.3s;}
#suntory_contents figure.btn a:hover{ box-shadow: 0px 6px 9px 4px rgba(0,0,0,0.55); top: 6px;}
@media screen and (max-width:767px){
#suntory_contents figure.btn{ margin:6% auto;}
#suntory_contents figure.btn a{ border:0.75vw solid  #fff; font-size:4.5vw; padding:1.25em; border-radius:2.5vw; width:84%; box-shadow: 0 1.5vw 2vw 1vw rgba(0,0,0,0.55);}
#suntory_contents figure.btn a:hover{ box-shadow: 0 1vw 1.5vw 0.5vw rgba(0,0,0,0.55); top:0.5vw;}
}



@media print, screen and (min-width:768px){
#suntory_contents .smp{ display:none !important;}
}
@media screen and (max-width:767px){
#suntory_contents .pc{ display:none !important;}
}