@charset "utf-8";


/*------------------------------------------------------------
[PC] info_container
------------------------------------------------------------ */
#info_block{
width:100%;
position:relative;
}

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

#suntory_contents #info_container{
width:75.945017182%;
/*    float:left;*/
}
#suntory_contents #info_container .title_bar{
margin:0 0 30px 0;
display:table;
}
#suntory_contents #info_container h1,
#suntory_contents #info_container h2{
padding-right:15px;
display:table-cell;
vertical-align:middle;
}
#suntory_contents #info_container h1{
font-size:28px;
line-height:28px;
font-weight:bold;
}

/* #info_container_hd
============================================================ */
#suntory_contents #info_container #info_container_hd{
width:97%;
margin-bottom:68px;
}
#suntory_contents #info_container #info_container_hd p{
font-size:20px;
line-height:1.6;
}
#suntory_contents #info_container #info_container_hd p.note{
font-size:14px;
}

/* #info_about */
#suntory_contents #info_container #info_about{
position:relative;
margin-bottom:48px;
width:97.5%;
text-align:center;
}
#suntory_contents #info_container #info_about p{
position:relative;
font-size:30px;
color:#0ba2e1;
margin-bottom:8px;
}
#suntory_contents #info_container #info_about p br.info_about_catch{display:none;}
#suntory_contents #info_container #info_about p i{font-style:normal; font-weight:bold;}
#suntory_contents #info_container #info_about p span{
position:relative;
display:inline-block;
width:170px;
color:#ffdd02;
}
#suntory_contents #info_container #info_about p span em{
position:absolute;
left:5px;
bottom:-40px;
padding-top:23px;
background-image:url(../img/icon_fukidashi_pc.png);
background-repeat:no-repeat;
width:160px;
height:91px;
font-style:normal;
z-index:9999px;
background-position: 2px 0;
}

/*
#suntory_contents #info_container #info_about div.info_about_box{
padding:20px 0;
background-color:#dcf4fb;
border-radius:20px;
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:20px 0;
width:660px;
text-align:center;
}
#suntory_contents #info_container #info_about div.info_about_box ul li{
display:table-cell;
border:10px solid #0ba2e1;
width:200px;
height:200px;
border-radius:50%;
background-color:#fff;
}
#suntory_contents #info_container #info_about div.info_about_box ul li dl{margin-top:50px;}
#suntory_contents #info_container #info_about div.info_about_box ul li dl dt{
margin-bottom:10px;
font-size:26px;
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 28px 0 30px;
background:url(../img/icon_tit_s.png) no-repeat 0 5px;
font-style:normal;
}
#suntory_contents #info_container #info_about div.info_about_box ul li dl dt i:after{
position:absolute;
top:2px;
left:4.2em;
background:url(../img/icon_tit_s.png) no-repeat 0 3px;
content:"";
float:left;
width:26px;
height:26px;
}
#suntory_contents #info_container #info_about div.info_about_box ul li dl dd{
font-size:30px;
color:#0097de;
}
#suntory_contents #info_container #info_about div.info_about_box ul li dl dd span{font-size:20px;}
*/

#suntory_contents #info_container #benefit_container {
	margin-top: 45px;
 
}
#suntory_contents #info_container #benefit_container ul {
	margin: 0 auto;
    list-style: none;
    /*width: 81.481481481%*/
	width: 80%;
}
#suntory_contents #info_container #benefit_container ul:after { content :''; display :block; clear :both; }

#suntory_contents #info_container #benefit_container li {
    /*margin-right: 1.420454545%;
    width: 32.386363636%;*/
    float: left;
    position: relative;
	width: 31%;
    margin-right: calc( 7% / 3 );
}

#suntory_contents #info_container #benefit_container li:nth-child(3) {
    margin-right: 0px;
}

#suntory_contents #info_container #benefit_container dl {
    border: 3px #0ba2e1 solid;
    background: #fff;
    padding: 0 0;
    border-radius: 100%;
    width: 100%;
        -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
	padding-bottom: calc( 100% - 3px );
}
#suntory_contents #info_container #benefit_container dl dt {
    /*margin-top: 20px;
    margin-bottom: 0;*/
    /*font-size: 24px;*/
    font-weight: bold;
    /*line-height: 1.6;*/
    line-height: 1.4;
    color: #0097de;
    text-align: center;
	position: absolute;
    top: 20%;
    left: 50%;
    right: 50%;
    transform: translateX(-50%);
    width: 100%;
	font-size: 2.8vw;
}

#suntory_contents #info_container #benefit_container dl dt span {
    padding: 0 30px;
    /*font-size: 22px;
    line-height: 1.5;*/
    background: url(https://ssl1.suntory.co.jp/sun_common/suntoryid/img/icon_star.png) no-repeat 0 0,
                url(https://ssl1.suntory.co.jp/sun_common/suntoryid/img/icon_star.png) no-repeat right 0;
}
#suntory_contents #info_container #benefit_container dl dd {
	position: absolute;
    top: 55%;
    left: 50%;
    right: 50%;
    transform: translateX(-50%);
    width: 100%;
}
#suntory_contents #info_container #benefit_container dl dd p {
    margin-top: 5px;
	/*font-size: 14px;*/
    line-height: 1.6;
    text-align: center;
    color: #0097de;
	font-size: 1.5vw;
}
#suntory_contents #info_container #benefit_container .benefit02 dd p span.benefit02_special {
	letter-spacing: -1.5px;
	color: #ffdd02;
    color: #0097de;
	width: 100%;
}

@media screen and (min-width:1164px){
#suntory_contents #info_container #benefit_container dl dt {
    font-size: 32px;
}
#suntory_contents #info_container #benefit_container dl dd p {
    font-size: 17px;
}

	/*
    #suntory_contents #info_container #benefit_container dl dt {
    margin-top: 35px;
    }
    #suntory_contents #info_container #benefit_container .benefit01 dd p {
    font-size: 15px;
    }
    #suntory_contents #info_container #benefit_container .benefit02 dd p,
    #suntory_contents #info_container #benefit_container .benefit03 dd p {
    font-size: 14px;
    }
	*/
}
@media screen and (max-width:960px){
#suntory_contents #info_container #benefit_container dl dt {
    font-size: 27px;
}
#suntory_contents #info_container #benefit_container dl dd p {
    font-size: 14px;
}
}





/*  .info_privilege */
#suntory_contents #info_container .info_privilege{
margin-bottom:48px;
width:97.5%;
}
#suntory_contents #info_container .info_privilege h2{
margin-bottom:10px;
font-size:30px;
letter-spacing:1.5px;
color:#0098de;
}
#suntory_contents #info_container .info_privilege h2 i{
position:relative;
padding:0 50px 0 40px;
background:url(../img/icon_tit_b_pc.png) no-repeat 0 16px;	
font-size:38px;
font-style:normal;
font-weight:bold;
letter-spacing:12px;
}
#suntory_contents #info_container .info_privilege h2 i:after{
position:absolute;
top:16px;
left:4.5em;
content:"";
float:left;
background:url(../img/icon_tit_b_pc.png) no-repeat;
width:30px;
height:30px;
}
#suntory_contents #info_container .info_privilege p{
margin-top:10px;
font-size:20px;
line-height:1.6;
}
#suntory_contents #info_container .info_privilege p span{
font-size:14px;
color:#0097de;
}
#suntory_contents #info_container .info_privilege p.note{
font-size:14px;
color:#0097de;
}


/* 1 */
#suntory_contents #info_container .info_privilege ul.info_convenient{
overflow:hidden;
margin-top:32px;
list-style-type:none;
}
#suntory_contents #info_container .info_privilege ul.info_convenient li{
float:left;
margin-right:4%;
/*width:22%;*/
width: calc( 92% / 3 );
}
#suntory_contents #info_container .info_privilege ul.info_convenient li h3{
font-size:24px;
text-align:center;
font-weight:bold;
}
#suntory_contents #info_container .info_privilege ul.info_convenient li:last-child{margin-right:0;}

#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{
font-size:14px;
line-height:1.6;
}

	#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;
	}

	#suntory_contents #info_container .info_privilege p.info_links a:hover {
		opacity: 0.7;
	}




/* 2 */
#suntory_contents #info_container .info_privilege ul.info_enjoy{
overflow:hidden;
margin-top:32px;
list-style-type:none;
}
#suntory_contents #info_container .info_privilege ul.info_enjoy li{
float:left;
width:33.3%;
text-align:center;
}
#suntory_contents #info_container .info_privilege ul.info_enjoy li h3{
font-size:22px;
font-weight:bold;
text-align:center;
}
#suntory_contents #info_container .info_privilege ul.info_enjoy li img{
padding:10px 0;
max-width:100%;
}
#suntory_contents #info_container .info_privilege ul.info_enjoy li p{
padding:0 13px;
font-size:14px;
line-height:1.6;
text-align:left;
}

	#suntory_contents #info_container .info_privilege p.info_links.info_enjoy {
		padding-left: 14px;
	}



/* 3 */
#suntory_contents #info_container .info_privilege ul.info_use{
overflow:hidden;
margin-top:32px;
list-style-type:none;
}
#suntory_contents #info_container .info_privilege ul.info_use li{
float:left;
width:33.3%;
text-align:center;
}
#suntory_contents #info_container .info_privilege ul.info_use li h3{
font-size:22px;
font-weight:bold;
text-align:center;
}
#suntory_contents #info_container .info_privilege ul.info_use li img{
padding:10px 0;
max-width:100%;
}
#suntory_contents #info_container .info_privilege ul.info_use li p{
padding:0 13px;
font-size:14px;
line-height:1.6;
text-align:left;
}

#suntory_contents #info_container .info_privilege ul.info_use li.special_layout {
    width: 100%;
    position: relative;
}
#suntory_contents #info_container .info_privilege ul.info_use li.special_layout .info_use_contents {
    width: 250px;
    float: left;
}
#suntory_contents #info_container .info_privilege ul.info_use li.special_layout .special_wrap {
	width: calc( 100% - 250px );
    position: absolute;
    top: 50%;
    left: 260px;
    transform: translateY(-50%);
}


#suntory_contents #info_container .info_privilege .point_about{
padding: 10px 0 0 0;
}
#suntory_contents #info_container .info_privilege .point_img{
float: left;
margin: 0 10px 0 0;
}
#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: 616px;
margin: 40px auto 17px auto;
border: 1px solid #ccc;
}
#suntory_contents #info_container .info_privilege #spcp_sns #insta p{
margin: 20px 0 12px 0;
font-size: 22px;
font-weight: bold;
color: #33342f;
letter-spacing: 1px;
text-align: center;
}
#suntory_contents #info_container .info_privilege #spcp_sns #insta ul{
width: 570px;
height: 108px;
margin: 0 auto 20px auto;
}
#suntory_contents #info_container .info_privilege #spcp_sns #insta ul li{
width: 108px;
height: 108px;
border: 1px #ccc solid;
margin-right: 6px;
float: left;
}
#suntory_contents #info_container .info_privilege #spcp_sns .spcp_sns_catch{
text-align: center;
font-size: 13px;
color: #333;
clear: both;
}
#suntory_contents #info_container .info_privilege #spcp_sns #spcp_sns_btn{
width: 390px;
height: 32px;
margin: 10px auto;
}
#suntory_contents #info_container .info_privilege #spcp_sns #spcp_sns_btn li{
width: 190px;
height: 32px;
margin-right: 10px;
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 li a{
display: block;
}
#suntory_contents #info_container .info_privilege #spcp_sns #spcp_sns_btn li img{
width: 100%;
height: auto;
}






/* .registration_box */
#suntory_contents #info_container .registration_box{
margin-bottom:48px;
width:97.5%;
text-align:center;
}

#suntory_contents #info_container .reg_btn{
margin:0 auto;
width:30%;
}
#suntory_contents #info_container .reg_btn a{
display:block;
position:relative;
padding:12px 6px 12px 0;
border-radius:30px;
font-size:20px;
background:#fef501;
color:#000;
}
#suntory_contents #info_container .reg_btn a:after{
display:block;
position:absolute;
content:'';
top:17px;
right:8%;
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:#007694;}
#suntory_contents #info_container .reg_btn a:hover:after{border-color:#007694;}


/* #info_qa
============================================================ */
#info_qa{
width:97.5%;
margin-bottom:20px;
}
/* #info_qa .title_bar h2
-------------------------------------------------- */
#suntory_contents #info_qa .title_bar h2{
font-size:22px;
font-weight:bold;
}


/* #info_qa .title_bar .btn_list
-------------------------------------------------- */
#info_qa .title_bar .btn_list{
padding-top:5px;
}

#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
-------------------------------------------------- */
#suntory_contents #info_container #info_qa dl{
margin-bottom:30px;
}
#suntory_contents #info_container #info_qa dl dt{
display:table-cell;
padding-left:80px;
background:url(../img/icon_q.png) left center no-repeat;
height:50px;
font-size:16px;
font-weight:bold;
vertical-align:middle;
}
#suntory_contents #info_container #info_qa dl dd{
margin-left:80px;
padding-left:30px;
background:url(../img/icon_a.png) left 3px no-repeat;
font-size:16px;
line-height:20px;
font-weight:bold;
}
#suntory_contents #info_container #info_qa dl dd ul li{
list-style-type:disc;
font-size:14px;
line-height:1.6;
margin-left:20px;
margin-bottom:15px;
}
#suntory_contents #info_container #info_qa dl dd ul li em{
display:block;
margin-bottom:8px;
font-size:16px;
line-height:20px;
}








/*=============================================================
#suntory_contents #breadcrumbs
------------------------------------------------------------ */
#suntory_contents #breadcrumbs{
margin:0 auto;
width:960px;
}
#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;
}

@media screen and (min-width:961px){
#suntory_contents #breadcrumbs{
margin:0 auto;
width:100%;
max-width:1164px;
}

}






/* #suntory_contents .btn_page_top
========================================================================= */
#suntory_contents .btn_page_top{
margin:15px auto 35px auto;
width:960px;
}

#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;
}

/* [PC]960-1164
------------------------------------------------------------ */
@media screen and (min-width:961px){
#suntory_contents .btn_page_top{
width:98%;
max-width:1164px;
}
}


/*2022 統合ID対応*/
#suntory_contents #container.style2022 #info_container {
	width: 100%;
    float: none;
    margin: 0 auto;	
}
#suntory_contents #info_qa dl dd a {
	color: #0098de;
	text-decoration: underline;
	margin-left: 5px;
}
#suntory_contents #info_qa dl dd a:hover {
	cursor: pointer;
	opacity: 0.7;
}

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

#suntory_contents #info_container .ponta_info_txt{
  color: #ff0000;
  margin: 30px auto 0;
  font-size: 14px;
  line-height: 1.6;
  width: 620px;
}

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