@charset "utf-8";


#info_block a{color:#46555e;}
#info_block a:hover{text-decoration:underline;}


/*------------------------------------------------------------
[SP] info_container
------------------------------------------------------------ */
#suntory_contents #info_container{
padding-top:20px;
}
#suntory_contents #info_container .title_bar{
margin:0 10px 15px 0;
width:auto;
display:table;
}
#suntory_contents #info_container h1,
#suntory_contents #info_container h2{
display:table-cell;
margin-bottom:20px;
padding:0 13px;
font-size:18px;
color:#111;
font-weight:bold;
font-weight:500;

}
#suntory_contents #info_container h1{
font-size:20px;
font-weight:bold;
}
#suntory_contents #info_container h2{
font-size:18px;
font-weight:normal;
}
#suntory_contents #info_container .btn_list{
display:table-cell;
vertical-align:middle;
text-align:left;
}

/* #info_container_hd */
#suntory_contents #info_container #info_container_hd{
padding:0 13px;
margin-bottom:60px;
}
#suntory_contents #info_container #info_container_hd p{
font-size:14px;
line-height:1.6;
}
#suntory_contents #info_container #info_container_hd p.note{
font-size:12px;
}

/*  #info_about */
#suntory_contents #info_container #info_about{
position:relative;
margin-bottom:48px;
text-align:center;
}
#suntory_contents #info_container #info_about p {
    position: relative;
    font-size: 26px;
    line-height: 1.3;
    color: #0ba2e1;
    margin: 100px 0 25px 0;
	text-align: center;
}
#suntory_contents #info_container #info_about p i{font-weight:bold; font-style:normal;}
#suntory_contents #info_container #info_about p span {
    width: 155px;
    color: #ffdd02;
	display: block;
    position: absolute;
    bottom: 40%;
    left: 50%;
    right: 50%;
    transform: translateX(-50%);
}
#suntory_contents #info_container #info_about p span em{
position:absolute;
left:0;
/*bottom:-15px;*/
bottom: 40px;
padding-top:25px;
background-image:url(../img/icon_fukidashi_sp.png);
background-repeat:no-repeat;
width:155px;
height:91px;
z-index:9999px;
font-style:normal;
}

/*
#suntory_contents #info_container #info_about div.info_about_box{
margin-top:12px;
padding:20px 0;
background-color:#dcf4fb;
text-align:center;
}
#suntory_contents #info_container #info_about div.info_about_box ul{
display:table;
table-layout:fixed;
margin:0 auto;
border-collapse:separate;
border-spacing:10px 0;
width:100%;
text-align:center;
}
#suntory_contents #info_container #info_about div.info_about_box ul li{
display:table-cell;
border:5px solid #0ba2e1;
border-radius:50%;
background-color:#fff;
}
#suntory_contents #info_container #info_about div.info_about_box ul li dl{
margin-top:25px;
margin-bottom:25px;
}
#suntory_contents #info_container #info_about div.info_about_box ul li dl dt{
margin-bottom:10px;
height:22px;
font-size:16px;
font-weight:bold;
letter-spacing:1.5px;
color:#0097de;
}
#suntory_contents #info_container #info_about div.info_about_box ul li dl dt i{
position:relative;
padding:0 16px 0 22px;
background-image:url(../img/icon_tit_s.png);
background-repeat:no-repeat;
background-position:0 5px;
background-size:20px 20px;
font-style:normal;
}
#suntory_contents #info_container #info_about div.info_about_box ul li dl dt i:after{
position:absolute;
top:5px;
left:4.0em;
background-image:url(../img/icon_tit_s.png);
background-repeat:no-repeat;
background-position:0;
background-size:20px 20px;
content:"";
float:left;
width:20px;
height:20px;
}
#suntory_contents #info_container #info_about div.info_about_box ul li dl dd{
font-size:16px;
color:#0097de;
padding-left:2px;
letter-spacing:-0.2px;
}
#suntory_contents #info_container #info_about div.info_about_box ul li dl dd span{font-size:12px;}

*/
@media screen and (max-width:400px){
#suntory_contents #info_container #info_about p{
font-size:22px;
}
#suntory_contents #info_container #info_about p span em{
background-repeat:no-repeat;
background-size:contain;
width:150px;
height:82px;
}
#suntory_contents #info_container #info_about p span {
    bottom: 30%;
}
}
@media screen and (max-width:350px){
#suntory_contents #info_container #info_about p{
font-size:20px;
}
#suntory_contents #info_container #info_about p span em{
background-repeat:no-repeat;
background-size:contain;
width:150px;
height:82px;
}
}

    #suntory_contents #info_container  #benefit_container {
    float: none;
	background-color: #dcf4fb;
    padding: 20px 20px 10px 20px;
	margin-top: 10px;
    }
    #suntory_contents #info_container  #benefit_container ul {
        margin-left: 0;
        list-style: none;
        width: 100%;
    }
    #suntory_contents #info_container  #benefit_container ul:after { content :''; display :block; clear :both; }

    #suntory_contents #info_container  #benefit_container li {
        margin-right: 0;
        width: 100%;
        float: none;
        position: relative;
    }


    #suntory_contents #info_container  #benefit_container dl {
    margin-bottom: 10px;
    border: 3px #0ba2e1 solid;
    background: #fff;
    padding: 0;
    border-radius: 15px;
    width: 100%;
    display: table;
    }
	
    #suntory_contents #info_container  #benefit_container dl dt {
        margin-top: 0;
        padding:10px 10px 10px 10px;
        font-size: 16px;
        font-weight: bold;
        line-height: 1.5;
        color: #0097de;
        text-align: center;
        vertical-align: middle;
        display: table-cell;
        white-space: nowrap;
        width: 35%;
        box-sizing: border-box;
    }

    #suntory_contents #info_container  #benefit_container dl dt span {
        padding: 0 18px;
        background: url(https://ssl1.suntory.co.jp/sun_common/suntoryid/img/icon_star.png) no-repeat 0 center,
                    url(https://ssl1.suntory.co.jp/sun_common/suntoryid/img/icon_star.png) no-repeat right center;
        background-size:12px auto;
        display: inline-block;
        font-size: 18px;
    }
    
    #suntory_contents #info_container  #benefit_container .benefit01 dd {
        display: table-cell;
        text-align: left;
        padding: 10px 10px 10px 5px;
        width: 65%;
        box-sizing: border-box;
    }
    
    #suntory_contents #info_container  #benefit_container .benefit01 dd p {
        margin-top: 5px;
        font-size: 12px;
        line-height: 1.8;
        text-align: left;
        color: #0097de;
    }
    #suntory_contents #info_container  #benefit_container .benefit01 dd p .sp_none {
        display: none;
    }
    #suntory_contents #info_container  #benefit_container .benefit02 dd,
    #suntory_contents #info_container  #benefit_container .benefit03 dd {
        padding: 10px 10px 10px 5px;
        text-align: left;
    }
    #suntory_contents #info_container  #benefit_container .benefit02 dd p,
    #suntory_contents #info_container  #benefit_container .benefit03 dd p {
        margin-top: 5px;
        font-size: 12px;
        line-height: 1.8;
        text-align: left;
        color: #0097de;
    }
    #suntory_contents #info_container  #benefit_container .benefit02 dd p .sp_none,
    #suntory_contents #info_container  #benefit_container .benefit03 dd p .sp_none{
        display: none;
    }
    
    #suntory_contents #info_container #benefit_container .benefit02 dd p span {
        letter-spacing: 0;
		color: #0097de;
    	display: inline;
		position: initial;
    }
      
	#suntory_contents #info_container #benefit_container .benefit01 dd p,
	#suntory_contents #info_container #benefit_container .benefit02 dd p, 
	#suntory_contents #info_container #benefit_container .benefit03 dd p {
	margin: 0;
	line-height: 1.6;
	}


/* .info_privilege */
#suntory_contents #info_container .info_privilege{
margin-bottom:17px;
}
#suntory_contents #info_container .info_privilege h2{
margin-bottom:10px;
font-size:20px;
color:#0098de;
}
#suntory_contents #info_container .info_privilege h2 i{
position:relative;
padding:0 40px 0 30px;
background-image:url(../img/icon_tit_b_pc.png);
background-repeat:no-repeat;
background-position:0 8px;
background-size:25px 25px;
font-size:22px;
font-style:normal;
font-weight:bold;
letter-spacing:1.5px;
}
@media screen and (max-width:374px){
#suntory_contents #info_container .info_privilege h2{
font-size:20px;
}
}
@media screen and (max-width:374px){
#suntory_contents #info_container .info_privilege h2 i{
padding:0 35px 0 30px;
font-size:22px;
}
}
#suntory_contents #info_container .info_privilege h2 i:after{
position:absolute;
top:0;
left:4.2em;
top:8px;
float:left;
content:"";
background-image:url(../img/icon_tit_b_pc.png);	
background-repeat:no-repeat;
background-position:0;
background-size:25px 25px;
width:25px;
height:25px;
}
#suntory_contents #info_container .info_privilege p{
padding:0 13px;
font-size:14px;
line-height:1.6;
}
#suntory_contents #info_container .info_privilege p span{
font-size:12px;
color:#0097de;
}
#suntory_contents #info_container .info_privilege p.note{
font-size:12px;
color:#0097de;
}
/*.info_convenient*/
#suntory_contents #info_container .info_privilege ul.info_convenient{
margin-top:20px;
overflow:hidden;
display:-webkit-box;
display:-moz-box;
display:-ms-box;
display:-webkit-flexbox;
display:-moz-flexbox;
display:-ms-flexbox;
display:-webkit-flex;
display:-moz-flex;
display:-ms-flex;
display:flex;
-webkit-box-lines:multiple;
-moz-box-lines:multiple;
-webkit-flex-wrap:wrap;
-moz-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
width:100%;
list-style-type:none;
}
#suntory_contents #info_container .info_privilege ul.info_convenient li{margin-bottom:24px; margin-top: 10px;}
#suntory_contents #info_container .info_privilege ul.info_convenient li h3{
font-size:18px;
text-align:center;
font-weight:bold;
}
#suntory_contents #info_container .info_privilege ul.info_convenient li:nth-child(odd){
foat:left;
width:50%;
}
#suntory_contents #info_container .info_privilege ul.info_convenient li:nth-child(even){
foat:right;
width:50%;
}
#suntory_contents #info_container .info_privilege ul.info_convenient li img{
padding:10px 0;
width:100%;
}
#suntory_contents #info_container .info_privilege ul.info_convenient li dt{text-align:center;}
#suntory_contents #info_container .info_privilege ul.info_convenient li dd{
padding:0 13px;
font-size:14px;
line-height:1.6;
}












/* .info_enjoy */
#suntory_contents #info_container .info_privilege ul.info_enjoy{
overflow:hidden;
margin-top:32px;
padding:0 13px;
}
#suntory_contents #info_container .info_privilege ul.info_enjoy li{
overflow:hidden;
margin-bottom:20px;
}
#suntory_contents #info_container .info_privilege ul.info_enjoy li h3{
float:right;
margin-top:0;
margin-bottom:6px;
padding:0;
width:55%;
font-size:16px;
line-height:1.2;
font-weight:bold;
}
#suntory_contents #info_container .info_privilege ul.info_enjoy li img{
float:left;
width:40%;
}
#suntory_contents #info_container .info_privilege ul.info_enjoy li p{
float:right;
padding:0;
width:55%;
font-size:14px;
line-height:1.4;
}


	#suntory_contents #info_container .info_privilege p.info_links {
		margin-top: 10px;
		line-height: 100%;		
	}

	#suntory_contents #info_container .info_privilege p.info_links a {
		font-size: 15px;
		text-decoration: underline;
	}

	#suntory_contents #info_container .info_privilege p.info_links a:after {
    	content: '';
   	 	width: 7px;
   		height: 7px;
    	position: absolute;
    	border-left: 3px solid;
    	border-top: 3px solid;
    	transform: rotate(135deg);
    	-webkit-transform: rotate(135deg);
		border-color: #46555e;
		margin: 7px 0 0 7px;
	}







/* .info_use */
#suntory_contents #info_container .info_privilege ul.info_use{
overflow:hidden;
margin-top:32px;
padding:0 13px;
}
#suntory_contents #info_container .info_privilege ul.info_use li{
overflow:hidden;
margin-bottom:13px;
}
#suntory_contents #info_container .info_privilege ul.info_use li h3{
float:right;
margin-top:0;
margin-bottom:6px;
padding:0;
width:55%;
font-size:16px;
line-height:1.2;
font-weight:bold;
}
#suntory_contents #info_container .info_privilege ul.info_use li img{
float:left;
width:40%;
}
#suntory_contents #info_container .info_privilege ul.info_use li p{
float:right;
padding:0;
width:55%;
font-size:14px;
line-height:1.4;
}
#suntory_contents #info_container .info_privilege .point_about{
padding: 10px 13px 0 13px;
}
#suntory_contents #info_container .info_privilege .point_img{
float: left;
}
#suntory_contents #info_container .info_privilege .point_text{
overflow: hidden;
}
#suntory_contents #info_container .info_privilege .point_text .sp_about{
font-size: 16px;
font-weight: bold;
margin-top: 0px;
}#suntory_contents #info_container .info_privilege .point_text .sp_text{
font-size: 14px;
margin-top: 0px;
}

#suntory_contents #info_container .info_privilege #spcp_sns #insta{
width: 100%;
margin: 5.2% 0;
}

#suntory_contents #info_container .info_privilege #spcp_sns #insta p{
display: none;
}

#suntory_contents #info_container .info_privilege #spcp_sns #sns_title{
background-image: url(../img/spcp_sns_title_sp.png);
background-repeat: no-repeat;
width: 310px;
height: 28px;
margin: 10px auto -15px auto;
}

#suntory_contents #info_container .info_privilege #spcp_sns #insta ul{
display: none;
}

#suntory_contents #info_container .info_privilege #spcp_sns .spcp_sns_catch{
text-align: center;
font-size: 13px;
color: #333;
width: 95%;
margin: 0 auto;
}

#suntory_contents #info_container .info_privilege #spcp_sns #spcp_sns_btn{
width: 91.6%;
margin: 7px auto 5px auto;
overflow: hidden;
}

#suntory_contents #info_container .info_privilege #spcp_sns #spcp_sns_btn li{
width: 48.7%;
margin-right: 2.6%;
float: left;
}

#suntory_contents #info_container .info_privilege #spcp_sns #spcp_sns_btn li:last-child{
margin-right: 0px;
}

#suntory_contents #info_container .info_privilege #spcp_sns #spcp_sns_btn a{
display: block;
}

#suntory_contents #info_container .info_privilege #spcp_sns #spcp_sns_btn li a img{
width: 100%;
height: auto;
}



/*  .registration_box */
#suntory_contents #info_container .registration_box{
margin-bottom:32px;
text-align:center;
}
#suntory_contents #info_container .reg_btn{
margin:0 auto;
width:70%;
}
#suntory_contents #info_container .reg_btn a{
display:block;
position:relative;
padding:12px 6px 13px 0;
border-radius:30px;
background:#fef501;
color: #000;
font-size:17px;
}
#suntory_contents #info_container .reg_btn a:after{
display:block;
position:absolute;
content:'';
top:17px;
right:10%;
width:7px;
height:7px;
border-left:3px solid;
border-top:3px solid;
border-color:#0f96b8;
transform:rotate(135deg);
-webkit-transform:rotate(135deg);
}

#suntory_contents #info_container .reg_btn a:hover{background:#fdeb00;text-decoration:none;color:#0f96b8;}
#suntory_contents #info_container .reg_btn a:hover:after{border-color:#007694;}

/* #info_qa
============================================================ */
#info_qa{
margin-bottom:24px;
}

/* #info_qa .title_bar h2
-------------------------------------------------- */
#info_qa .title_bar{}
#suntory_contents #info_qa .title_bar h2{
font-size:20px;
font-weight:bold;
}

/* #info_qa .title_bar .btn_list
-------------------------------------------------- */
#info_qa .title_bar .btn_list a{
position:relative;
display:block;
width:66px;
height:28px;
background:#fff;
font-size:14px;
color:#3a4850;
padding:4px 0 0 12px;
border-radius:15px;
border:2px #5bc2dc solid;
}

#info_qa .title_bar .btn_list a:after{
content:"";
vertical-align:middle;
position:absolute;
top:8.5px;
left:75%;
width:5px;
height:5px;
margin:auto;
border-top:2px solid #5bc2dc;
border-right:2px solid #5bc2dc;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
}

#info_qa .title_bar .btn_list a:hover{
background:#5bc2dc;
color:#fff;
text-decoration:none;
}

#info_qa .title_bar .btn_list a:hover:after{
border-color:#fff;
}


/* #suntory_contents #info_container #info_qa dl
-------------------------------------------------- */
#info_qa dl{
padding:0 13px;
margin-bottom:30px;
}
#info_qa dl dt{
display:table-cell;
padding-left:50px;
background-image:url(../img/icon_q.png);
background-repeat:no-repeat;
background-size:40px;
background-position:left top;
height:40px;
font-size:16px;
line-height:20px;
font-weight:bold;
vertical-align:middle;
}
#info_qa dl dd{
margin-top:10px;
padding-left:30px;
background:url(../img/icon_a.png) left 3px no-repeat;
font-size:16px;
line-height:22px;
}

#info_qa dl dd ul li{
list-style-type:disc;
margin-left:10px;
font-size:14px;
line-height:20px;
}
#info_qa dl dd ul li em{
display:block;
font-size:16px;
line-height:1.6;
font-weight:bold;
}
#info_qa dl dd ul li:last-child{margin-top:12px;}

#suntory_contents #info_qa dl dd a {
	color: #0098de;
	text-decoration: underline;
	margin-left: 5px;
}





/*------------------------------------------------------------
#suntory_contents #breadcrumbs
------------------------------------------------------------ */
#suntory_contents #breadcrumbs{
margin:0 13px;
width:auto;
max-width:auto;
}
#suntory_contents #breadcrumbs p{
margin:15px 0;
font-size:12px;
line-height:1.5;
color:#46555e;
}
#suntory_contents #breadcrumbs p span{
margin:0 5px;
}
#suntory_contents #breadcrumbs p a{
color:#46555e;
}

/*------------------------------------------------------------
#suntory_contents .btn_page_top
------------------------------------------------------------ */
#suntory_contents .btn_page_top{
margin:0 13px 35px;
width:auto;
text-align:right;
}


#suntory_contents .btn_page_top:after{content:""; clear:both; display:block;}

#suntory_contents .btn_page_top a{
display:block;
float:right;
font-size:12px;
line-height:26px;
letter-spacing:0.5px;
color:#46555e;
cursor:pointer;
}

#suntory_contents .btn_page_top a span{
margin-left:5px;
display:inline-block;
position:relative;
width:26px;
height:26px;
border-radius:13px;
background:#fff;
vertical-align:top;
border:1px #5bc2dc solid;
}

#suntory_contents .btn_page_top a span:after{
content:"";
vertical-align:middle;
position:absolute;
top:9px;
left:33.5%;
width:5px;
height:5px;
margin:0;
border-top:3px solid #5bc2dc;
border-right:3px solid #5bc2dc;
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
}

#suntory_contents .btn_page_top a:hover{
text-decoration:underline;
}

#suntory_contents .btn_page_top a:hover span{
background:#5bc2dc;
}
#suntory_contents .btn_page_top a:hover span:after{
border-top:3px solid #fff;
border-right:3px solid #fff;
}

/* 2023 pontaポイント記述 */

#suntory_contents #info_container .ponta_info_txt{
  color: #ff0000;
  margin: 20px auto 0;
  font-size: 14px;
  line-height: 1.6;
  padding: 0 13px;
  text-align: left;
}
#suntory_contents #info_container .ponta_info_txt br{
  display: none;
}

/* 2023 pontaポイント記述 */