@charset "utf-8";


/*------------------------------------------------------------
common
------------------------------------------------------------ */
@import url("common.css");


/*------------------------------------------------------------
suntory_contents
------------------------------------------------------------ */
/*#suntory_contents {
		width: 100%;
		}*/

		#suntory_contents #container {
			width: 100%;
		}


/*------------------------------------------------------------
title
------------------------------------------------------------ */
#suntory_contents #title {
 margin: 0 auto;
 width: 100%;
 height: 130px;
 background: #2fb9fd url('../img/present/present_title.png') no-repeat center 0;
}
#suntory_contents #title h1,
#suntory_contents #title p {
 text-indent:100%;
 white-space:nowrap;
 overflow:hidden;
}


/*------------------------------------------------------------
contents
------------------------------------------------------------ */
#suntory_contents #contents {
 padding: 30px 0 0 0;
 margin: 0 auto;
 width: 710px;
 background: url('../img/present/bg_present.png') no-repeat 0 0;
}

#suntory_contents #contents ul.pglink {
 margin: 0 auto 50px;
 width: 680px;

 display:flex;
 flex-flow: row wrap;
 justify-content: space-between;
 align-items: flex-start;
}
#suntory_contents #contents ul.pglink li {
 width: 313px;
 height: 38px;
 margin: 20px 0 0 0;
}
#suntory_contents #contents ul.pglink li a {
 width: 283px;
 height: 100%;
 display: block;
 padding: 0 15px;
 border-radius: 5px;
 color: #222;
 font-size: 0.875em;
 font-weight: bold;
 line-height: 38px;
 background: url(../img/mark_arrow_down.png) no-repeat 288px center #f9e499;
 background-size: 12px;
 /*	border: 1px solid #fff;*/
}
#suntory_contents #contents ul.pglink li a .whcircle {
 display: inline-block;
 width: 15px;
 height: 15px;
 margin: 0 3px;
 text-align: center;
 background: #FFF;
 border-radius: 50%;
 font-size: 0.714em;
 line-height: 18px;
 font-weight: bold;
}
#suntory_contents #contents ul.pglink li a:hover {
 text-decoration: none;
 filter:alpha(opacity=70);
 opacity:0.7;
}

#suntory_contents #contents h2{
 width: 680px;
 height: 60px;
 background: #2fb9fd;
 font-size: 1.125em;
 line-height: 60px;
 padding-left: 30px;
 font-weight: bold;
 margin-bottom: 20px;
}
#suntory_contents #contents h2 .whcircle {
  display: inline-block;
  width: 18px;
  height: 18px;
  margin: 0 3px;
  text-align: center;
  background: #FFF;
  border-radius: 50%;
  font-size: 0.714em;
  line-height: 18px;
  font-weight: bold;
}
#suntory_contents #contents p{
 line-height: 1.8;
 margin-bottom: 20px;
 padding: 0 20px;
}

#suntory_contents #contents table.outline {
 margin: 0 auto;
 width: 670px;
}
#suntory_contents #contents table.outline th {
 text-align: left;
 vertical-align: top;
 font-size: 1em;
 line-height: 1.8;
 padding: 12px 0;
 width: 140px;
 border-top: 1px dotted #ddd;
}
#suntory_contents #contents table.outline th .marker {
 margin-right: .25em;
 color: #2fb9fd;
}

#suntory_contents #contents table.outline td {
 font-size: 1em;
 line-height: 1.8;
 padding: 12px 0;
 border-top: 1px dotted #ddd;
}
#suntory_contents #contents table.outline td h3 {
 font-weight: bold;
}
#suntory_contents #contents table.outline td ul {
 margin-bottom: 5px;
}
#suntory_contents #contents table.outline td p {
 padding: 0;
 margin: 0;
}
#suntory_contents #contents table.outline td .mid {
 font-weight: bold;
}
#suntory_contents #contents table.outline td .notes {
 font-size: 87.5%;
}
#suntory_contents #contents table.outline td li .notes {
  margin-left: 10px;
}
#suntory_contents #contents table.outline td .reserve {
  margin-top: 10px;
}
#suntory_contents #contents table.outline td .gotocomment a {
  display: block;
  margin-top: 10px;
  width: 260px;
  height: 40px;
  padding: 5px 15px 0;
  border-radius: 5px;
  color: #222;
  font-size: 1em;
  font-weight: bold;
  line-height: 40px;
  background: url(../img/mark_arrow_down.png) no-repeat 260px center #f9e499;
  background-size: 14px;
  text-align: center;
}
#suntory_contents #contents table.outline td .gotocomment a:hover {
  text-decoration: none;
  filter:alpha(opacity=70);
  opacity:0.7;
}



#suntory_contents #contents .comment{
  padding: 20px;
  background: #ececec;
 font-size: 87.5%;
}
#suntory_contents #contents .comment h4{
  font-weight: bold;
  margin: 0 0 15px 0;
}
#suntory_contents #contents .comment p{
  margin: 0 0 10px 0;
  padding: 0;
 font-size: 87.5%;
}
#suntory_contents #contents .map {
 width: 530px;
 margin: 0 auto;
}
#suntory_contents #contents .map img {
 width: 460px;
}

/*------------------------------------------------------------
btnPDF
------------------------------------------------------------ */
#suntory_contents .btnPDF {
 margin: 0 auto 0px;
 text-align: left;
}

#suntory_contents .btnPDF span {
 background: url('../img/present/icon_pdf.png') no-repeat left center;
 margin: 0 10px 0 0 ;
 padding: 0 0 0 20px;
}

/*------------------------------------------------------------
btn
------------------------------------------------------------ */
#suntory_contents .gototop {
  text-align: right;
  margin: 20px 0 0;
}
#suntory_contents .gototop a {
  font-size: 0.875em;
}
#suntory_contents .btnClose a {
 display: block;
 width: 110px;
 height: 30px;
 margin: 20px auto 40px;
 font-size: 0.875em;
 font-weight: bold;
 line-height: 30px;
 color: #222;
 background: #99eef9;
 border-radius: 5px;
 text-align: center;
}
#suntory_contents .btnClose a:hover {
 text-decoration: none;
 filter:alpha(opacity=70);
 opacity:0.7;
}