@charset "shift_jis";

/*------------------------------------------------------------
  suntory_contents
------------------------------------------------------------ */
#suntory_contents{
	background-color:#222;
	position:relative;
	width: 100%;
}
#suntory_contents img{
	vertical-align:top;
}

/*------------------------------------------------------------
  container
------------------------------------------------------------ */
#suntory_contents #container{
	margin:0 auto;
	width: 100%;
	padding-bottom:50px;
	background-color:#fff;
}

#suntory_contents #container #main_visual {
	width: 100%;
	background-color:#000;
}

#suntory_contents #container #main_visual_inner{
	max-width: 1164px;
    min-width: 960px;	
	margin: 0 auto;
	position:relative;
}
#suntory_contents #container #main_visual h1{
	max-width: 1164px;
    min-width: 960px;	
	margin: 0 auto;
}

#suntory_contents #container #main_visual h1 img {
	width: 100%;
	height: auto;	
}

#suntory_contents #container  #main_visual .socialbutton_suntory{
	position:absolute;
	top:15px;
	left:15px;
	width:auto !important;
	z-index:99;
}


/*------------------------------------------------------------
  contents
------------------------------------------------------------ */
#suntory_contents #container #title{
	max-width: 1164px;
    min-width: 960px;
	margin: 0 auto;
	padding: 30px 0 0 0;
	overflow: hidden;
}
#suntory_contents #container #title h2{
	width: 59.45%;
	float: left;
}
#suntory_contents #container #title h2 img{
	width: 100%;
	height: auto;
}
#suntory_contents #container #title ul#date{
    width: 40.55%;
	float: right;
}
#suntory_contents #container #title ul#date li{
    width: 100%;
}
#suntory_contents #container #title ul#date li img{
    width: 100%;
	height: auto;
}


#suntory_contents #container #main_contents {
  width: 100%;
  padding: 30px 0 80px 0;
  background: url(../img/main_contents_bg.jpg) center top repeat-y;
  background-size: 100% auto;
  background-color: #003466;
}

#suntory_contents #container #main_contents #main_contents_inner {
	max-width: calc( 1164px - 8% );
    min-width: calc( 960px - 8% );
	margin: 0 auto;
	padding: 0 4%;
	overflow: hidden;
}


#suntory_contents #container #main_contents #announce {
  width: 57%;
  float: left;
}

#suntory_contents #container #main_contents #movie_area {
	width: 40%;
	float: right;
	line-height: 140%;
	/* margin-top: -3px; */
}

#suntory_contents #container #main_contents #movie_wrap {

}

#suntory_contents #container #main_contents #announce div.info_wrap {
	idth: 100%;
	margin-bottom: 20px;
	/* background: url(../img/info_top.png) left top no-repeat,url(../img/info_bottom.png) left bottom no-repeat; */
	/* background-size: 100% 10px; */
    margin: 10px 0;
	border: 1px solid #ddd;
}

#suntory_contents #container #main_contents #announce div.info {
	width: 100%;
	padding: 25px 0;
	border: solid 7px #2f61ca;
	background-color:#fff;
	box-sizing:border-box;
	/* background: url(../img/info_middle.png) left top repeat-y; */
	/* background-size: 100%; */
}
#suntory_contents #container #main_contents #announce div.info.gray {
	border: solid 7px #dcdddd;
}


#suntory_contents #container #main_contents #announce div.info p {
	text-align: center;
	line-height: 140%;
}

#suntory_contents #container #main_contents #announce div.info p.type1 {
	font-size: 14px;
	margin-bottom: 10px;
}
#suntory_contents #container #main_contents #announce div.info p.type2 {
	font-size: 17px;
	margin-bottom: 15px;
	font-weight: bold;
}
#suntory_contents #container #main_contents #announce div.info p.type3 {
	font-size: 20px;
	margin-bottom: 2px;
	font-weight: bold;
}
#suntory_contents #container #main_contents #announce div.info p.type3 span {
	color:#e49;
}
#suntory_contents #container #main_contents #announce div.info p.type4 {
	font-size: 24px;
	font-weight: bold;
}
#suntory_contents #container #main_contents #announce div.info p.type4 span {
	font-size: 16px;
}
#suntory_contents #container #main_contents #announce div.info p.type5 {
	font-size: 13.5px;
	margin-bottom: 15px;
	letter-spacing: -1px;
}
#suntory_contents #container #main_contents #announce div.info p.type6 {
	font-size: 18px;
  text-align:center;
}
#suntory_contents #container #main_contents #announce div.info p.type6 span.term {
	font-weight:bold;
	padding:5px 0;
	display:inline-block;
}
#suntory_contents #container #main_contents #announce div.info p.type6 span.txt_notice {
	font-size: 14px !important;
    text-align: left !important;
    display: inline-block;
    text-indent: -1em;
}
#suntory_contents #container #main_contents #announce div.info p.type6 a.link {
	font-size: 20px;
	font-weight:bold;
}
#suntory_contents #container #main_contents #announce div.info p.type6 a span.other-win {
    display: inline-block;
    margin-left: 0;
    width: 15px;
    height: 15px;
	line-height: 1;
}
#suntory_contents #container #main_contents #announce div.info p.text-right {
  text-align:right;
  width: 100%;
  max-width: 440px;
  margin: 20px auto 10px;
}
#suntory_contents #container #main_contents #announce .info a {
  color: #2f61ca !important;
  font-size: 18px;
  text-decoration: underline !important;
  margin-top: 10px;
  line-height: 1.8;
}
#suntory_contents #container #main_contents #announce .info a img {
  width: 100%;
  max-width: 440px;
}
#suntory_contents #container #main_contents #announce div.info p.type7 {
	font-size:14px;
	margin:4px 0 10px 0;
}
#suntory_contents #container #main_contents #announce div.info p.type7 span {
	display:inline-block;
	margin:0 6px;
}
#suntory_contents #container #main_contents #announce div.info p.type7 span img {
	margin-bottom:5px;
}
#suntory_contents #container #main_contents #announce div.info p.type8 {
	font-size:17px;
	margin-bottom: 15px;
	letter-spacing: -1px;
}
#suntory_contents #container #main_contents #announce div.info p.type8 span {
	font-size:14px;
}
#suntory_contents #container #main_contents #announce div.info p.inq {
	font-size:16px;
	margin:0 120px;
	padding:10px 0;
	border:1px solid #000;
}
#suntory_contents #container #main_contents #announce div.info p.inq span {
	font-weight:bold;
}
#suntory_contents #container #main_contents #announce div.info p.info_btn {
	width: 180px;
	height: 40px;
	margin: 15px auto 20px auto;
}
#suntory_contents #container #main_contents #announce div.info p.info_btn a {
	display: block;
}
#suntory_contents #container #main_contents #announce div.info p.info_btn a img {
	width: 100%;
	height: auto;
}

ul.link {
	width: 500px;
	margin: 0 auto !important;
	overflow: hidden;
	margin-bottom:2em !important;
}

ul.link li {
	width: 160px;
	float: left;
	margin-right: 10px;
	text-align:center;
}
ul.link li:last-child {
	margin-right: 0;
}

#suntory_contents #container #main_contents #announce ul#banner {
	width: 96%;
	overflow: hidden;
	background-color: #fff;
	padding: 2%;
	margin: 30px 0;
  } 
  #suntory_contents #container #main_contents #announce ul#banner li {
	width: 32%;
	margin-right: 2%;
	margin-top: 0%;
	float: left;	
  }
  #suntory_contents #container #main_contents #announce ul#banner li:last-child {
	margin-right: 0;
  }
  #suntory_contents #container #main_contents #announce ul#banner li a {
	display: block;
  }
 

  #suntory_contents #container #main_contents #announce ul#banner li a img {
	width: 100%;
	height: auto;
  }


  #suntory_contents #container #main_contents #announce ul#navi {
  width: 100%;
  overflow: hidden;
}

#suntory_contents #container #main_contents #announce ul#navi li {
  width: 30.8%;
  margin-right: 3.8%;
  float: left;
}
#suntory_contents #container #main_contents #announce ul#navi li a {
  display: block;
}
#suntory_contents #container #main_contents #announce ul#navi li:last-child {
	margin-right: 0;
}

#suntory_contents #container #main_contents #announce ul#navi li a img {
  width: 100%;
  height: auto;
}


#suntory_contents #container #contents #live_info{
	margin-bottom:20px;
	padding:20px 0;
	background-color:#282828;
}
#suntory_contents #container #contents #live_info .mid{
	font-family:"ƒqƒ‰ƒMƒm–¾’© Pro W3","Hiragino Mincho Pro","HGS–¾’©E","‚l‚r ‚o–¾’©","serif";
	font-size:120%;
	line-height:140%;
	color:#fff;
	text-align:center;
}

#suntory_contents #container #contents #live_info .lrg{
	font-family:"ƒqƒ‰ƒMƒm–¾’© Pro W3","Hiragino Mincho Pro","HGS–¾’©E","‚l‚r ‚o–¾’©","serif";
	font-size:180%;
	line-height:100%;
	color:#ec6;
	text-align:center;
}

#suntory_contents #container #contents #live_info .cap{
	font-size:100%;
	line-height:130%;
	color:#ec6;
	margin-left:25px;
	text-align:left;
}

#suntory_contents #container #contents #live_info .notice{
	font-size:90%;
	color:#fff;
	margin-top:20px;
	text-align:center;
}

	#live_info #snsbox {
		padding-top: 20px;
	}
	#live_info #snsbox ul {
		width: 380px;
		margin: 0 auto;
		overflow: hidden;
	}
	#live_info #snsbox ul li {
	 	width: 120px;
		float: left;
		margin-right: 10px;
	}
	#live_info #snsbox ul li:last-child {
		margin-right: 0;
	}
	#live_info #snsbox ul li:last-child {
		margin-right: 0;
	}
	#live_info #snsbox ul li a {
		display: block;
		text-decoration: none;
	}
	#live_info #snsbox ul li a:hover {
		opacity: 0.7;
	}
	#live_info #snsbox ul li a p.sns_title {
		color: #fff;
		margin-bottom: 8px;
	}
	#live_info #snsbox ul li a p img {
		width: 70px;
		height: auto;
	}		



#suntory_contents #container #contents div.info{
	margin-bottom:30px;
	padding:30px 0;
	text-align:center;
	background-color:#221f1b;
}
#suntory_contents #container #contents div.info p{
	font-family:"ƒqƒ‰ƒMƒm–¾’© Pro W3","Hiragino Mincho Pro","HGS–¾’©E","‚l‚r ‚o–¾’©","serif";
	font-size:100%;
	line-height:180%;
	color:#fff;
}
#suntory_contents #container #contents div.info .txt01{
	margin-bottom:30px;
	font-size:120%;
	line-height:140%;
}
#suntory_contents #container #contents div.info .txt02{
	margin-bottom:20px;
	font-size:180%;
	line-height:140%;
	color:#ec6;
}
#suntory_contents #container #contents div.info .txt03{
	margin-bottom:20px;
	font-size:110%;
	color:#fff;
}

#suntory_contents #container #contents div.info .img{
	margin-bottom:10px;
}

#suntory_contents #container #contents div.info table{
	width: 95%;
}

#suntory_contents #container #contents div.info table tr td{
	padding: 10px;
	text-align:left;
	vertical-align:top;
}

#suntory_contents #container #contents div.info .tv_txt01{
	margin-bottom:15px;
	font-size:140%;
}
#suntory_contents #container #contents div.info .tv_txt02{
	font-size:240%;
	line-height:130%;
	color:#ec6;
}
#suntory_contents #container #contents div.info .tv_txt03{
	margin-bottom:30px;
	font-size:140%;
	line-height:130%;
	color:#ec6;
}
#suntory_contents #container #contents div.info .tv_txt04{
	margin-bottom:15px;
	font-size:160%;
	line-height:140%;
}
#suntory_contents #container #contents ul#navi{
	width:100%;
	display:table;
}
#suntory_contents #container #contents ul#navi li{
	width:35%;
	padding-right:5%;
	display:table-cell;
}
#suntory_contents #container #contents ul#navi li:last-child{
	width:30%;
	padding-right:0;
}

@media screen and (max-width:1164px){
	#suntory_contents #container #contents{
	}
	#suntory_contents #container #contents h2 img{
		width:100%;
		height:auto;
	}
	#suntory_contents #container #contents ul#date li img{
		width:100%;
		height:auto;
	}
}

/*------------------------------------------------------------
  movie
------------------------------------------------------------ */

#suntory_contents #container #main_contents #movie_wrap,
#suntory_contents #container #main_contents #movie_wrap02 {
	/* background: url(../img/movie_top.png) left top no-repeat,url(../img/movie_bottom.png) left bottom no-repeat; */
	/* background-size: 100% 10px; */
    padding: 10px 0;
}

#suntory_contents #container #main_contents #movie,
#suntory_contents #container #main_contents #movie03{
	width: 100%;
    padding: 30px 0;
	border: solid 5px #dcdddd;
	background-color:#fff;
	box-sizing:border-box;
    /* background: url(../img/movie_middle.png) left top repeat-y; */
    /* background-size: 100%; */
	/* display:table-cell; */
	/* vertical-align:top; */
}

#suntory_contents #container #movie #movie p{
	font-family:"ƒqƒ‰ƒMƒm–¾’© Pro W3","Hiragino Mincho Pro","HGS–¾’©E","‚l‚r ‚o–¾’©","serif";
}
	
#suntory_contents #container #movie #movie01 h2{
	margin-bottom:20px;
	font-size:28px;
	font-family:"ƒqƒ‰ƒMƒm–¾’© Pro W3","Hiragino Mincho Pro","HGS–¾’©E","‚l‚r ‚o–¾’©","serif";
	line-height:140%;
	color:#fff;
}
#suntory_contents #container #movie #movie01 h2 em{
	font-style:normal;
	font-size:100%;
	color:#ec6;
}
#suntory_contents #container #movie #movie01 h2 em span{
	font-size:110%;
	color:#ec6;
}

#suntory_contents #container #movie #movie01{
	border-bottom:10px solid #000;
	width:100%;
	margin-bottom:30px;
}

#suntory_contents #container #movie #movie02 h2,
#suntory_contents #container #movie03 #movie04 h2{
	margin-bottom:10px;
	font-size:120%;
	font-family:"ƒqƒ‰ƒMƒm–¾’© Pro W3","Hiragino Mincho Pro","HGS–¾’©E","‚l‚r ‚o–¾’©","serif";
	line-height:140%;
}
#suntory_contents #container #movie #movie02 h2 em,
#suntory_contents #container #movie03 #movie04 h2 em{
	font-style:normal;
	font-size: 25px;
	letter-spacing: -1px;
	line-height: 150%;
}
#suntory_contents #container #movie02 #movie03 h2 em{
	padding:0 20px;
}




#suntory_contents #container #movie #movie02 h2 em span,
#suntory_contents #container #movie03 #movie43 h2 em span{
	font-size:45px;
	color:#ff7700;
}

#suntory_contents #container #movie table{
	width: 100%;
}

#suntory_contents #container #movie table tr td{
	padding: 10px;
	text-align:center;
	vertical-align:middle;
	width: 50%;
}

#suntory_contents #container #movie .img{
	width: 90%;
    margin: 0 auto 10px auto;
}
#suntory_contents #container #movie .img a{
	display: block;
}
#suntory_contents #container #movie .img a img {
	width: 100%;
    height: auto;
}

#suntory_contents #container #movie .txt01{
	margin: 15px 0 10px 0;
	font-size:100%;
	line-height:150%;
	color:#fff;
	text-align:center;
}
#suntory_contents #container #movie .txt01 a{
	/*color:#ee4499;*/
	/*color:#f4a21a;*/
	color: #2f61ca;
	font-size: 18px;
}
#suntory_contents #container #movie .txt02{
	margin-bottom: 20px;
    font-size: 13px;
    line-height: 130%;
    letter-spacing: -0.5px;
	
}
#suntory_contents #container #movie .txt03{
	margin-bottom:10px;
	font-size:120%;
	line-height:140%;
	color:#fff;
	text-align:center;
}
#suntory_contents #container #movie .txt03 a{
	color:#ec6;
}
#suntory_contents #container #movie .txt04{
	margin-bottom:20px;
	font-size:120%;
	line-height:140%;
	color:#ec6;
	text-align:center;
}

#suntory_contents #container #movie .time{
	margin-bottom: 10px;
    padding-left: 25px;
    font-size: 17px;
    display: inline-block;
    background: url(../img/icon_time.png) left top 1px no-repeat;
}
#suntory_contents #container #movie #btnMovie{
	width: 83%;
    margin: 0 auto;
}
#suntory_contents #container #movie #btnMovie a{
	display: block;
}
#suntory_contents #container #movie #btnMovie a img{
	width: 100%;
    height: auto;
}





@media screen and (max-width:1164px){
	#suntory_contents #container #movie{
	}
}

@media screen and (max-width:1125px){
#suntory_contents #container #movie #movie02 h2 em,
#suntory_contents #container #movie03 #movie04 h2 em {
    font-size: 22px;
}
#suntory_contents #container #movie #movie02 h2 em span,
#suntory_contents #container #movie03 #movie04 h2 em span {
    font-size: 42px;
}
#suntory_contents #container #main_contents #announce div.info p.type5 {
    font-size: 12px;
}
}

@media screen and (max-width:960px){
#suntory_contents #container #main_contents #announce div.info p.type5 {
    font-size: 11px;
}
#suntory_contents #container #main_contents #announce div.info p.type2 {
    font-size: 15px;
}
#suntory_contents #container #main_contents #announce div.info p.type4 {
    font-size: 22px;
}
}



/*------------------------------------------------------------
  pagetop
------------------------------------------------------------ */

#suntory_contents #pagetop{
	z-index:9999;
	position:fixed;
	bottom:30px;
	right:83px;
}
#suntory_contents #pagetop a{
	display: block;
}
#suntory_contents #pagetop a img{
	width: 100%;
	height: auto;
}