/**
* Template Name: Bolt
* Template URL: https://templatemag.com/bolt-bootstrap-agency-template/
* Author: TemplateMag.com
* License: https://templatemag.com/license/
*/


@charset "utf-8";
body {
  background-color: #ffffff;
  font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: 300;
  font-size: 16px;
  color: #444088;
  -webkit-font-smoothing: antialiased;
  -webkit-overflow-scrolling: touch;
  -webkit-text-size-adjust:100%;
}
#suntory_contents {
	text-size-adjust: 100%;
}
#wrapper{
  width:820px;
  margin: 40px auto;
  padding:0 30px 0 49px;
}

/* Titles */

h1 {
  font-weight: bold;
}
h2{
  border-top:4px solid #444088;
  margin-bottom: 60px;
  padding-top:20px;
  color: #444088;
}


/* Paragraph & Typographic */

p {
  line-height: 28px;
  margin:0;
}

.centered {
  text-align: center;
}

.mt {
  margin-top: 40px;
}

/* Links */

a {
  color: #444088;
  word-wrap: break-word;
  -webkit-transition: color 0.1s ease-in, background 0.1s ease-in;
  -moz-transition: color 0.1s ease-in, background 0.1s ease-in;
  -ms-transition: color 0.1s ease-in, background 0.1s ease-in;
  -o-transition: color 0.1s ease-in, background 0.1s ease-in;
  transition: color 0.1s ease-in, background 0.1s ease-in;
}

a:hover, a:focus {
  color: #7b7b7b;
  text-decoration: underline;
  outline: 0;
}

a:before, a:after {
  -webkit-transition: color 0.1s ease-in, background 0.1s ease-in;
  -moz-transition: color 0.1s ease-in, background 0.1s ease-in;
  -ms-transition: color 0.1s ease-in, background 0.1s ease-in;
  -o-transition: color 0.1s ease-in, background 0.1s ease-in;
  transition: color 0.1s ease-in, background 0.1s ease-in;
}

/* Bootstrap Modifications */

.navbar {
  font-weight: 800;
  font-size: 14px;
  padding-top: 15px;
  padding-bottom: 15px;
  background-color: #ffffff;
}
.navbar-collapse p em {
	font-weight: bolder;
	font-style: normal;
	text-decoration: underline;
}

/*.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {
  color: #ffffff;
  background-color: #74cfae;
}*/

@media (min-width:769px){
#thenavbar .container {
	width:1164px;
	padding-left:15px;
	padding-right:0; 
}
.navbar-header {
	padding-right:32px;
}
.navbar-collapse {
	padding-right:0;
}
.navbar-collapse p {
	text-align:right;
	font-size:10px;
	margin-bottom:13px;
}
.navbar-collapse p span.pc {
	display:none;
}
.navbar-brand {
	display:block;
	padding:0;
	background:url(../img/logo_PC.png)  no-repeat left top;
	width:196px;
	height:177px;
	text-indent:-9999px;
}
.nav li {
	height:95px;
}
.nav li a {
	display:block;
	padding:0;
}
.nav li span {
	display:block;
	text-indent:-9999px;
}

.nav li #logo {
	background:url(../img/nav01.gif)  no-repeat left top;
	width:169px;
	height:48px;
}
.nav li #message {
	background:url(../img/nav02.gif)  no-repeat left top;
	width:169px;
	height:47px;
}
.nav li #history {
	background:url(../img/nav03.gif)  no-repeat left top;
	width:175px;
	height:57px;
}
.nav li #chronology {
	background:url(../img/nav04.gif)  no-repeat left top;
	width:175px;
	height:38px;
}
.nav li #music {
	background:url(../img/nav05.gif)  no-repeat left top;
	width:174px;
	height:37px;
}
.nav li #facility {
	background:url(../img/nav06.gif)  no-repeat left top;
	width:174px;
	height:58px;
}
.nav li #memorial {
	background:url(../img/nav07.gif)  no-repeat left top;
	width:219px !important;
	height:95px;
}
.nav li a:hover #logo {
	background-position: left bottom;
}
.nav li a:hover #message {
	background-position: left bottom;
}
.nav li a:hover #history,
.nav li.active #history {
	background-position: left bottom;
}
.nav li a:hover #chronology,
.nav li.active #chronology {
	background-position: left bottom;
}
.nav li a:hover #music,
.nav li.active #music {
	background-position: left bottom;
}
.nav li a:hover #facility,
.nav li.active #facility {
	background-position: left bottom;
}
.nav li a:hover #memorial,
.nav li.active #memorial {
	background-position: left bottom;
}
.pageTop {
	position:relative;
	width:1164px;
	height:29px;
	margin:0 auto;
	line-height:0;
}
.pageTop a {
	position:absolute;
	top:-29px;
	right:0;
	display:block;
	width:56px;
	height:29px;
	background:url(../img/nav_top_pc.png)  no-repeat right center;
	text-indent:-9999px;
}
#spNavi {
	display:none;
}
}


@media (max-width:768px){
.navbar .container {
	position:relative;
	padding: 0;
}
.container>.navbar-header {
	height: 71px;
	margin: 0;
	padding-left:10px;
	border-top : 1px solid #c5ccd2;
	border-bottom : 1px solid #c5ccd2;
}
.navbar-brand {
	width:263px;
	height:38px;
	padding: 0;
	margin: 15px 0 0 0; 
	background: url(../img/logo_sp.svg) 0 0 no-repeat;
	background-size: contain;
	text-indent:-9999px;
}
/* スマホ　アコーディオンメニューボタン */
.navbar-toggle{
	position:relative;
	float:right;
	padding:0;
	margin-top:23px;
	margin-right:20px;
	background-color:transparent;
	background-image:none;
	border:none;
}
.navbar-toggle:focus{
	outline:0
}
.navbar-toggle label{
	cursor: pointer;
	position:absolute;
	top:0;
	right:0;
	width:36px;
	height:24px;
	margin:0;
}
.navbar-toggle input{
	display: none;
}
.navbar-toggle .icon-bar{
	display:block;
	width:36px;
	height:24px;
	background: url(../img/nav_open.png) right 0 no-repeat;
	background-size: contain;
}
.navbar-toggle input:checked+span.icon-bar{
	display:block;
	width:26px;
	height:17px;
	background: url(../img/nav_close.png) right 0 no-repeat;
	background-size: contain;
}
.navbar-collapse .nav li.close label{
	cursor: pointer;
	display:block;
	margin:0;
}
.navbar-collapse .nav li.close input{
	display: none;
}



/* スマホメニューopen*/
.container>.navbar-collapse {
	clear: both;
	margin-left: 0;
	margin-right: 0;
	padding: 0;
	box-shadow: 0 10px 10px 0 rgba(0,0,0,0.1);
}
.navbar-collapse p {
	padding: 10px 15px 10px 10px;
	line-height:3em;
}
.navbar-collapse p span {
	display:none;
}
.navbar-collapse p span.pc {
	display:inline-block;
}
.navbar-collapse p a {
	font-weight:normal; 
}
.nav li {
	margin:0 10px;
	border-bottom:1px solid #444088;
}
.nav li.close {
	float:none;
	border-bottom:none;
	text-align:center;
	opacity:1;
}
.nav li span {
	display:block;
	padding:0 20px 0 0;
	background:url(../img/nav_arrow_01.png)  no-repeat right center;
	font-size:100%;
}
.nav li.active span {
	line-height:3.5em;
}
.nav li a {
	padding:10px 0;
	line-height:3.5em;
}
.nav li a {
	border-top:1px solid #444088;
	border-bottom:1px solid #444088;
}
.nav li.active span#logo,
.nav li.active span#message {
	border:none;
}
.nav li:first-child {
	border-top:1px solid #444088;
}
.nav li:last-child a {
	border-bottom: none;
}
.nav li.close a {
	line-height:2.4em;
}
.nav li.close span {
	display:inline-block;
	padding-right:50px;
	background:url(../img/nav_arrow_02.png)  no-repeat right 40%;
	font-size:16px;
}
#wrapper{
	padding-left:10px;
	padding-right:10px;
}

.pageTop {
	position:relative;
	height:134px;
	margin:0;
	line-height:0;
}
.pageTop a {
	position:absolute;
	top:0;
	right:0;
	display:block;
	width:50px;
	height:50px;
	padding:0;
	margin:36px 30px;
	background:url(../img/nav_top_sp.png)  no-repeat right center;
	background-size:contain;
	text-indent:-9999px;
}
#spNavi table {
	width:100%;
	border-collapse: collapse;
}
#spNavi table td {
	width:50%;
	border:2px solid #444088;
}
#spNavi table td:first-child {
	border-left:none;
}
#spNavi table td:last-child {
	border-right:none;
}
#spNavi table td a {
	display:block;
	font-size:14px;
	margin:0 1.2em 0 0;
	padding:1.2em;
	background:url(../img/nav_arrow_03.png)  no-repeat right center;
}
}


/* ナビゲーションをフェードイン */
.navbar .container {
  animation: fadeIn 3s ease 0s 1 normal;
  -webkit-animation: fadeIn 3s ease 0s 1 normal;
  -ms-animation: fadeIn 3s ease 0s 1 normal;
}
@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

@-ms-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}