@charset "UTF-8";

/* ---------------------------------------------------------------------
*
*    テーマCSS読み込み・カラー指定用（サントリーホール）
*
* ------------------------------------------------------------------- */

@import "https://www.suntory.com/culture-sports/suntoryhall/archive/ver_2/web_suntoryhall/css/theme/4158.css";
@import url(http://fonts.googleapis.com/earlyaccess/notosansjp.css);
@import url('http://fonts.googleapis.com/css?family=Roboto:900');

body{
	font:14px/1.231 'Syntax Next W04', sans-serif;
	background:#fff;
}

ul.list-type-compati li span.title a,
#blockInquiry h5,
#blockSearch .wrapper-search h3,
#blockDoc h1 strong,
ul.type-pict li dl dd a,
#listPickup h1, h1.strong {
	font-family: 'Sabon Next W04', serif;
	font-weight:bold;
}

#blockSearch .wrapper-search h3 {
	font-size:130%;
	letter-spacing:1px;
	line-height:1.0;
	padding: 0.05em 0em 0.6em 1.7em;
}
@media screen and (max-width:400px){
	#blockSearch .wrapper-search h3 {
		padding-bottom:1.5em;
	}
	
	#blockSearch .wrapper-search h3 span {
		display: block;
	}
}

#blockBtn ul li#btnReset button,
#blockBtn ul li#btnSearch button {
	font-size:19px !important;
	font-weight:bold;
	font-family:'Syntax Next W04', sans-serif;
	letter-spacing:0.5px;
}
#blockInquiry h5 {
	font-size:17px;
}
#blockInquiry p {
	font-size:15px;
}
#blockInquiry a {
	font-size:15px;
}
#blockSearch .title {
	font-size:15px;
	letter-spacing:1px;
}

@media only screen and (max-width:480px){
	#blockSearch .title {
		letter-spacing:0.5px;
	}
}
@media only screen and (max-width:400px){
	#blockSearch .title {
		font-size: 12px !important;
	}
}

#blockSearch div.wrapper.f2 label.title {
	letter-spacing:0.5px;
}
#blockSearch .title,
#blockData table th {
	font-family:'Syntax Next W04', sans-serif;
	font-weight:bold;
}
#blockData table th {
	font-weight:bold;
}

p#navZoom a span {
	line-height:2.8em;
}

#blockDoc h1 strong {
	font-size:30px;
}

input,select{
    font-family: inherit;
}

ul.list-type-compati li span.title a {
	font-size:16px;
}

#navPager li a span.arrow,
a#panListHome i,
p#navZoom i,
a:hover,
.menu:hover *,
#menuSearch ul li h3,
#listSakka h3,
h1.strong,
ul.list-type-compati span.title a,
table.list-type-moji span.title a,
#blockData h1,
#blockData h3,
#blockData td a,
#blockBtn ul li i {
	color:#500;
}

h1.strong,
p.msg-no-data,
#listResult,
#listSakka h3,
#detailMain,
table.list-type-moji thead th {
	border-color:#500;
}

/* フッタ */
#footer {
	border-color:#500;
}

#btnAllView span.en {
	display: inline-block;
}
#btnAllView span.ja {
	display:none;
}
#btnAllView span {
	margin-right:0px;
	margin-left:5px;
}

.sp-mode {
	display: none;
}
@media only screen and (max-width:768px){
	.pc-mode {
		display: none;
	}
	.sp-mode {
		display: inline-block;
	}
}