@charset "utf-8";

@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);

/* reset
==================================== */
html,
body{
margin:0;
padding:0;
border:0;
}

#privacy_wrap{
margin:0;
padding:0;
border:0;
outline:0;
line-height:1;
background:transparent;
-webkit-text-size-adjust:none;
background-color:#fff;
text-align:left;
}

#privacy_wrap h1,#privacy_wrap h2,#privacy_wrap h3,#privacy_wrap h4,#privacy_wrap h5,#privacy_wrap h6,#privacy_wrap p,#privacy_wrap ol,#privacy_wrap ul,#privacy_wrap li,#privacy_wrap dl,#privacy_wrap dt,#privacy_wrap dd,#privacy_wrap table,#privacy_wrap th,#privacy_wrap td,#privacy_wrap form,#privacy_wrap br,#privacy_wrap address,#privacy_wrap button,#privacy_wrap span,#privacy_wrap em,#privacy_wrap i,#privacy_wrap a,#privacy_wrap input,#privacy_wrap button{
margin:0;
padding:0;
border:0;
font:inherit;
font-size:100%;
font-style:normal;
line-height:1;
vertical-align:baseline;
outline:none;
box-sizing:border-box;
-webkit-text-size-adjust:100%;
-webkit-font-smoothing:antialiased;
background-color:transparent;
-webkit-touch-callout:none;
-webkit-tap-highlight-color:rgba(0,0,0,0);
font-family:'Noto Sans Japanese',"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,sans-serif;
}

#privacy_wrap table{
border-collapse:collapse;
text-align:left;
}

#privacy_wrap input{
vertical-align:middle;
}

#privacy_wrap ol,#privacy_wrap ul,#privacy_wrap li{
list-style:none;
}

#privacy_wrap a,
#privacy_wrap input,
#privacy_wrap button{
cursor:pointer;
text-decoration:none;
}

#privacy_wrap img{
-ms-interpolation-mode:bicubic;
border:0;
}



/* STYLE
============================================================ */
#privacy_wrap{
text-align:center;
font-size:15.5px;
color:#555;
}

#privacy_wrap:after{content:""; clear:both; display:block;}

#privacy_wrap_in #privacy_wrap_hd #breadcrumbs,
#privacy_wrap_in #privacy_wrap_hd h1 em,
#privacy_wrap_in #privacy_wrap_hd p.lead,
#privacy_wrap_in #privacy_wrap_hd .page_navi ul,
#privacy_wrap_in #privacy_wrap_ft{
width:98%;
margin:0 auto;
text-align:left;
}

@media only screen and (min-width:961px){
#privacy_wrap_in #privacy_wrap_hd #breadcrumbs,
#privacy_wrap_in #privacy_wrap_hd h1 em,
#privacy_wrap_in #privacy_wrap_hd p.lead,
#privacy_wrap_in #privacy_wrap_hd .page_navi ul,
#privacy_wrap_in #privacy_wrap_ft{
max-width:1164px;
}
}

@media only screen and (max-width:767px){
#privacy_wrap_in #privacy_wrap_hd #breadcrumbs,
#privacy_wrap_in #privacy_wrap_hd h1 em,
#privacy_wrap_in #privacy_wrap_hd p.lead,
#privacy_wrap_in #privacy_wrap_hd .page_navi ul,
#privacy_wrap_in #privacy_wrap_ft{
width:98%;
max-width:98%;
font-size:13px;
}
}

#privacy_wrap_in p,
#privacy_wrap_in dd,
#privacy_wrap_in td,
#privacy_wrap_in dd ul li{
line-height:1.6;
}


/* #privacy_wrap_hd
=========================================================== */
#privacy_wrap_hd{
padding-bottom:0.5em;
}

/* #privacy_wrap_hd #breadcrumbs
-------------------------------------------------- */
#privacy_wrap_hd #breadcrumbs ul:after{content:""; clear:both; display:block;}

#privacy_wrap_hd #breadcrumbs ul{
padding:15px 0;
}

#privacy_wrap_hd #breadcrumbs ul li{
float:left;
font-size:12px;
line-height:1.5;
letter-spacing:1px;
position:relative;
}

#privacy_wrap_hd #breadcrumbs ul li:after{
content:"\003e";
padding:0 5px;
}

#privacy_wrap_hd #breadcrumbs ul li:last-child:after{
display:none;
}

#privacy_wrap_hd #breadcrumbs ul li a:link,
#privacy_wrap_hd #breadcrumbs ul li a:visited,
#privacy_wrap_hd #breadcrumbs ul li a:hover,
#privacy_wrap_hd #breadcrumbs ul li a:active{
color:#46555e;
}

#privacy_wrap_hd #breadcrumbs ul li a:hover,
#privacy_wrap_hd #breadcrumbs ul li a:active{
text-decoration:underline;
}

/* #privacy_wrap_hd h1
-------------------------------------------------- */
#privacy_wrap_hd h1{
width:100%;
background:#dde9f3;
}

#privacy_wrap_hd h1 em{
display:block;
padding:10px 0;
font-size:1.8em;
font-weight:bold;
color:#000;
}

#privacy_wrap_hd p.lead{
padding-top:1.5em;
}

#privacy_wrap_hd p.lead a{
color: #06c;
text-decoration: underline;
padding: 0 1px;
cursor: pointer;
}

#privacy_wrap_hd p.lead a:hover, #privacy_wrap_hd p.lead a:active {
text-decoration: none;
}

/* #privacy_wrap_hd .page_navi
-------------------------------------------------- */
#privacy_wrap_hd .page_navi{
margin-top:18px;
}

#privacy_wrap_hd.fixed{
width:100%;
position:fixed;
top:0;
left:0;
z-index:500;
}

#privacy_wrap_hd.fixed #breadcrumbs{display:none;}
#privacy_wrap_hd.fixed h1 em{
padding:5px 5px 7px 8px;
font-size:1.1em;
font-weight:normal;
}
#privacy_wrap_hd.fixed .page_navi{margin-top:0;}

#privacy_wrap_hd .page_navi ul:after{content:""; clear:both; display:block;}

#privacy_wrap_hd .page_navi ul li{
float:left;
width:33.333333333%;
}
@media only screen and (max-width:480px){
	#privacy_wrap_hd .page_navi ul li{
	float:left;
	width:33.333333333%;
	}
	#privacy_wrap_hd .page_navi ul li:nth-child(3){
	width:33.333333333%;
	}
	#privacy_wrap_hd .page_navi ul li:nth-child(4){
	width:33.333333333%;
	}
}@media only screen and (max-width:360px){
	#privacy_wrap_hd .page_navi ul li{
	float:left;
	width:33.333333333%;
	letter-spacing: -1px;
	}
}

/*@media only screen and (max-width:767px){#privacy_wrap_hd .page_navi ul li{width:50%;}}*/
@media only screen and (max-width:360px){#privacy_wrap_hd .page_navi ul li{font-size:0.9em;}}

#privacy_wrap_hd .page_navi ul li a{
display:block;
text-align:center;
background:#bde8f4;
padding:0.8em 0;
border:2px solid #fff;
color:#000;
font-size: 100%;
line-height: 120%;
}

@media only screen and (max-width:1070px){#privacy_wrap_hd .page_navi ul li a{ font-size: 90%;}}
@media only screen and (max-width:767px){#privacy_wrap_hd .page_navi ul li a{border-style:1px solid;}}

#privacy_wrap_hd .page_navi ul li a:hover{
background:#5bc2dc;
color:#fff;
}

/* #privacy_wrap_ft
=========================================================== */
#privacy_wrap_ft{
padding-bottom:2em;
}

#privacy_wrap_ft h2{
padding-top:3em;
font-size:1.3em;
font-weight:bold;
color:#444;
text-align:center;
}

#privacy_wrap_ft sup{
font-size:0.8em;
}

#privacy_wrap_ft p.lead{
padding:2em 0;
}

#privacy_wrap_ft dl{
padding:2.3em 0 1.8em 0;
}

#privacy_wrap_ft #privacy_list{
/*border-bottom:1px dotted #999;*/
}

#privacy_wrap_ft #privacy_list>dl{
border-top:1px dotted #999;
}

#privacy_wrap.kohyo #privacy_wrap_ft #privacy_list>dl:first-child{border:0;}
#privacy_wrap.kohyo #privacy_wrap_ft #privacy_list>h2>dl:first-child{border:0;}

#privacy_wrap_ft dl dt{
font-weight:bold;
color:#444;
font-size:1.1em;
padding-left: 1em;
text-indent: -1em;
}

#privacy_wrap_ft dl dt.dt_first{
color: #555;
font-size: 1em;
padding-left: 2em;
text-indent: -1.5em;
}

#privacy_wrap_ft dl dd{
padding:0.8em;
}

#privacy_wrap_ft dl dd p{
	margin-top: 5px;
	text-indent: 1em;
}

@media only screen and (max-width:767px){#privacy_wrap_ft dl dd{padding:0.5em;}}

/* #privacy_wrap_ft #privacy_list dl dd dl
-------------------------------------------------- */
#privacy_wrap_ft #privacy_list dl dd dl{
padding:0;
width:99%;
}

#privacy_wrap_ft #privacy_list dl dd dl dt{
margin-top:1em;
color:#555;
font-size:1em;
padding-left: 1.5em;
text-indent: -1.5em;
}

#privacy_wrap_ft #privacy_list dl dd dl dd{
padding:0.5em 0 1em 1.5em;
}

#privacy_wrap_ft #privacy_list dl dd dl dd:last-child{
border-bottom:0;
}

/* #privacy_wrap_ft #handling_of_cpi
-------------------------------------------------- */

#handling_of_cpi h2,
#handling_of_cpi h3,
#handling_of_cpi h4,
#handling_of_cpi h5,
#handling_of_cpi h6 {
	font-weight: bold;
	color: #444;
	margin: 1em 0 .5em;
}
#handling_of_cpi h2 { font-size: 1.8em; margin-bottom: 1em; }
#handling_of_cpi h3,
#handling_of_cpi h4 { font-size: 1.4em; }
#handling_of_cpi h5,
#handling_of_cpi h6 { font-size: 1.1em; }

#handling_of_cpi .indexLink { margin-bottom: 1em; }
#handling_of_cpi .indexLink > * { margin-bottom: .5em; }

#handling_of_cpi p,
#handling_of_cpi dt,
#handling_of_cpi dd,
#handling_of_cpi li {
	line-height: 1.6;
}
#handling_of_cpi p {
	margin: 5px 0 1em;
}
#handling_of_cpi p:not([class]) {
	text-indent: 1em;
}

#handling_of_cpi ol:not([class]),
#handling_of_cpi ul:not([class]),
#handling_of_cpi dl:not([class]) { margin: -.5em 0 1em 2.5em; }
#handling_of_cpi dl:not([class]) { padding: 0; }

#handling_of_cpi ol:not([class]),
#handling_of_cpi ol:not([class]) li { list-style: decimal; }
#handling_of_cpi ul:not([class]),
#handling_of_cpi ul:not([class]) li { list-style: disc; }

/* #privacy_wrap_ft dl dd table
-------------------------------------------------- */
#privacy_wrap_ft dl dd table th,
#privacy_wrap_ft dl dd table td{
border:1px solid #aaa;
padding:0.5em;
text-align:left;
/* word-break: break-all; */
}

#privacy_wrap_ft dl dd table th{
background:#f2f2f2;
padding:0.7em 0.5em;
}

#privacy_wrap_ft dl dd table tr.hd th{
text-align:center;
}

/* #privacy_wrap_ft dl dd ul.list
------------------------------ */
#privacy_wrap_ft dl dd ul.list li{
text-indent:-1.2em;
margin-left:1.2em;
}

/* #privacy_wrap_ft dl dd ul.caution 
------------------------------ */
#privacy_wrap_ft dl dd ul.caution{
margin-top:0.8em;
}

#privacy_wrap_ft dl dd ul.caution li{
font-size:0.9em;
line-height:1.2;
text-indent:-1.5em;
margin-left:1.5em;
margin-bottom:0.5em;
}


/* #privacy_wrap_ft a
------------------------------ */
#privacy_wrap_ft a{
color:#06c;
text-decoration:underline;
padding:0 1px;
}

#privacy_wrap_ft a:hover,
#privacy_wrap_ft a:active{
text-decoration:none;
}


/* #privacy_wrap_ft .ft_date
==================================== */
#privacy_wrap_ft .ft_date{
width:100%;
text-align:right;
padding-top:1em;
}

#privacy_wrap_ft .ft_date ul li{
padding:0 0.2em 0.5em 0;
}


/* #privacy_wrap_ft .ft_link
==================================== */
#privacy_wrap_ft .ft_link{
width:100%;
padding-top:2em;
}

#privacy_wrap_ft .ft_link ul li{
text-indent:-1.2em;
margin-left:1.2em;
padding-bottom:1.5em;
line-height:1.2;
}



/* #suntory_contents .page_top p
============================================================ */
#suntory_contents .page_top{
padding:10px 3px;
}

#suntory_contents .page_top p{
width:100%;
margin:0 auto;
}

@media screen and (min-width:961px){#suntory_contents .page_top p{max-width:1164px;}}
@media only screen and (max-width:767px){#suntory_contents .page_top p{width:100%;max-width:100%;}}

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

#suntory_contents .page_top p i{
float:right;
position:relative;
display:inline-block;
padding-right:32px;
font-size:13px;
line-height:26px;
letter-spacing:0.5px;
color:#46555e;
cursor:pointer;
}

#suntory_contents .page_top p i:before,
#suntory_contents .page_top p i:after{
position:absolute;
top:0;
bottom:0;
right:0;
margin:auto;
content:"";
vertical-align:middle;
}

#suntory_contents .page_top p i:before{
width:25px;
height:25px;
-webkit-border-radius:50%;
border-radius:50%;
background:#fff;
border:1px solid #5bc2dc;
}

#suntory_contents .page_top p i:after{
top:2.5px;
right:7%;
width:6px;
height:6px;
border-top:3px solid #5bc2dc;
border-right:3px solid #5bc2dc;
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
}

#suntory_contents .page_top p i:hover{
text-decoration:underline;
}

#suntory_contents .page_top p i:hover:before{background:#5bc2dc;}
#suntory_contents .page_top p i:hover:after{border-color:#fff;}