/* Document
 * ========================================================================== */

/**
 * Add border box sizing in all browsers (opinionated).
 */

*,
::before,
::after {
	box-sizing: border-box;
}

/**
 * 1. Add text decoration inheritance in all browsers (opinionated).
 * 2. Add vertical alignment inheritance in all browsers (opinionated).
 */

::before,
::after {
	text-decoration: inherit; /* 1 */
	vertical-align: inherit; /* 2 */
}

/**
 * 1. Use the default cursor in all browsers (opinionated).
 * 2. Change the line height in all browsers (opinionated).
 * 3. Use a 4-space tab width in all browsers (opinionated).
 * 4. Remove the grey highlight on links in iOS (opinionated).
 * 5. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 * 6. Breaks words to prevent overflow in all browsers (opinionated).
 */

html {
	cursor: default; /* 1 */
	line-height: 1.5; /* 2 */
	-moz-tab-size: 4; /* 3 */
	tab-size: 4; /* 3 */
	-webkit-tap-highlight-color: transparent /* 4 */;
	-ms-text-size-adjust: 100%; /* 5 */
	-webkit-text-size-adjust: 100%; /* 5 */
	word-break: break-word; /* 6 */
}

/* Sections
 * ========================================================================== */

/**
 * Remove the margin in all browsers (opinionated).
 */

body {
	margin: 0;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Edge, Firefox, and Safari.
 */

/* Grouping content
 * ========================================================================== */

/**
 * Remove the margin on nested lists in Chrome, Edge, IE, and Safari.
 */

dl dl,
dl ol,
dl ul,
ol dl,
ul dl {
	margin: 0;
}

/**
 * Remove the margin on nested lists in Edge 18- and IE.
 */

ol ol,
ol ul,
ul ol,
ul ul {
	margin: 0;
}

/**
 * 1. Add the correct sizing in Firefox.
 * 2. Show the overflow in Edge 18- and IE.
 */

hr {
	height: 0; /* 1 */
	overflow: visible; /* 2 */
}

/**
 * Add the correct display in IE.
 */

main {
	display: block;
}

/**
 * Remove the list style on navigation lists in all browsers (opinionated).
 */

nav ol,
nav ul {
	list-style: none;
	padding: 0;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
	font-family: monospace, monospace; /* 1 */
	font-size: 1em; /* 2 */
}

/* Text-level semantics
 * ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
	background-color: transparent;
}

/**
 * Add the correct text decoration in Edge 18-, IE, and Safari.
 */

abbr[title] {
	text-decoration: underline;
	text-decoration: underline dotted;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
	font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
	font-family: monospace, monospace; /* 1 */
	font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
	font-size: 80%;
}

/* Embedded content
 * ========================================================================== */

/*
 * Change the alignment on media elements in all browsers (opinionated).
 */

audio,
canvas,
iframe,
img,
svg,
video {
	vertical-align: middle;
}

/**
 * Add the correct display in IE 9-.
 */

audio,
video {
	display: inline-block;
}

/**
 * Add the correct display in iOS 4-7.
 */

audio:not([controls]) {
	display: none;
	height: 0;
}

/**
 * Remove the border on iframes in all browsers (opinionated).
 */

iframe {
	border-style: none;
}

/**
 * Remove the border on images within links in IE 10-.
 */

img {
	border-style: none;
}

/**
 * Change the fill color to match the text color in all browsers (opinionated).
 */

/*svg:not([fill]) {
	fill: currentColor;
}
*/
/**
 * Hide the overflow in IE.
 */

svg:not(:root) {
	overflow: hidden;
}

/* Tabular data
 * ========================================================================== */

/**
 * Collapse border spacing in all browsers (opinionated).
 */

table {
	border-collapse: collapse;
}

/* Forms
 * ========================================================================== */

/**
 * Remove the margin on controls in Safari.
 */

button,
input,
select {
	margin: 0;
}

/**
 * 1. Show the overflow in IE.
 * 2. Remove the inheritance of text transform in Edge 18-, Firefox, and IE.
 */

button {
	overflow: visible; /* 1 */
	text-transform: none; /* 2 */
}

/**
 * Correct the inability to style buttons in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
	-webkit-appearance: button;
}

/**
 * 1. Change the inconsistent appearance in all browsers (opinionated).
 * 2. Correct the padding in Firefox.
 */

fieldset {
	border: 1px solid #a0a0a0; /* 1 */
	padding: 0.35em 0.75em 0.625em; /* 2 */
}

/**
 * Show the overflow in Edge 18- and IE.
 */

input {
	overflow: visible;
}

/**
 * 1. Correct the text wrapping in Edge 18- and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 */

legend {
	color: inherit; /* 2 */
	display: table; /* 1 */
	max-width: 100%; /* 1 */
	white-space: normal; /* 1 */
}

/**
 * 1. Add the correct display in Edge 18- and IE.
 * 2. Add the correct vertical alignment in Chrome, Edge, and Firefox.
 */

progress {
	display: inline-block; /* 1 */
	vertical-align: baseline; /* 2 */
}

/**
 * Remove the inheritance of text transform in Firefox.
 */

select {
	text-transform: none;
}

/**
 * 1. Remove the margin in Firefox and Safari.
 * 2. Remove the default vertical scrollbar in IE.
 * 3. Change the resize direction in all browsers (opinionated).
 */

textarea {
	margin: 0; /* 1 */
	overflow: auto; /* 2 */
	resize: vertical; /* 3 */
}

/**
 * Remove the padding in IE 10-.
 */

[type="checkbox"],
[type="radio"] {
	padding: 0;
}

/**
 * 1. Correct the odd appearance in Chrome, Edge, and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
	-webkit-appearance: textfield; /* 1 */
	outline-offset: -2px; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Safari.
 */

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
	height: auto;
}

/**
 * Correct the text style of placeholders in Chrome, Edge, and Safari.
 */

::-webkit-input-placeholder {
	color: inherit;
	opacity: 0.54;
}

/**
 * Remove the inner padding in Chrome, Edge, and Safari on macOS.
 */

::-webkit-search-decoration {
	-webkit-appearance: none;
}

/**
 * 1. Correct the inability to style upload buttons in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
	-webkit-appearance: button; /* 1 */
	font: inherit; /* 2 */
}

/**
 * Remove the inner border and padding of focus outlines in Firefox.
 */

::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

/**
 * Restore the focus outline styles unset by the previous rule in Firefox.
 */

:-moz-focusring {
	outline: 1px dotted ButtonText;
}

/**
 * Remove the additional :invalid styles in Firefox.
 */

:-moz-ui-invalid {
	box-shadow: none;
}

/* Interactive
 * ========================================================================== */

/*
 * Add the correct display in Edge 18- and IE.
 */

details {
	display: block;
}

/*
 * Add the correct styles in Edge 18-, IE, and Safari.
 */

dialog {
	background-color: white;
	border: solid;
	color: black;
	display: block;
	height: -moz-fit-content;
	height: -webkit-fit-content;
	height: fit-content;
	left: 0;
	margin: auto;
	padding: 1em;
	position: absolute;
	right: 0;
	width: -moz-fit-content;
	width: -webkit-fit-content;
	width: fit-content;
}

dialog:not([open]) {
	display: none;
}

/*
 * Add the correct display in all browsers.
 */

summary {
	display: list-item;
}

/* Scripting
 * ========================================================================== */

/**
 * Add the correct display in IE 9-.
 */

canvas {
	display: inline-block;
}

/**
 * Add the correct display in IE.
 */

template {
	display: none;
}

/* User interaction
 * ========================================================================== */

/*
 * 1. Remove the tapping delay in IE 10.
 * 2. Remove the tapping delay on clickable elements
			in all browsers (opinionated).
 */

a,
area,
button,
input,
label,
select,
summary,
textarea,
[tabindex] {
	-ms-touch-action: manipulation; /* 1 */
	touch-action: manipulation; /* 2 */
}

/**
 * Add the correct display in IE 10-.
 */

[hidden] {
	display: none;
}

/* Accessibility
 * ========================================================================== */

/**
 * Change the cursor on busy elements in all browsers (opinionated).
 */

[aria-busy="true"] {
	cursor: progress;
}

/*
 * Change the cursor on control elements in all browsers (opinionated).
 */

[aria-controls] {
	cursor: pointer;
}

/*
 * Change the cursor on disabled, not-editable, or otherwise
 * inoperable elements in all browsers (opinionated).
 */

[aria-disabled="true"],
[disabled] {
	cursor: not-allowed;
}

/*
 * Change the display on visually hidden accessible elements
 * in all browsers (opinionated).
 */

[aria-hidden="false"][hidden] {
	display: initial;
}

[aria-hidden="false"][hidden]:not(:focus) {
	clip: rect(0, 0, 0, 0);
	position: absolute;
}

@import url(http://fonts.googleapis.com/earlyaccess/notosansjp.css);

.icon::before {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f000";
}
html{
	scroll-behavior: smooth;
		}

body{
	color: #3A3220;
	font-family: 'Noto Sans JP', sans-serif;
	padding: 0;
}

.mt5rem {
	margin-top: 5rem;
}
.mt10rem {
	margin-top: 10rem;
}

br.pc-only {
	display: block;
}
br.pc-s-only,
br.tab-only,
br.sp-only {
	display: none;
}

html{
	scroll-behavior: smooth;
}

@font-face {
	font-family: 'celtic-mn';
	src: url('celtic-mn/Celtic MN.ttf') format('truetype');
	}
.title-h2 {
	color: #3A3220;
	font-family: 'celtic-mn',serif;
	font-weight: bold;
}

/*header*/
header {
	height: 100px ;
}
.nav-container,.navbar {
	padding: 0;
}
.navbar-header {
	height: 100%;
	margin: 0 1rem;
}
a.navbar-brand {
	display: block;
	height: 100%;
	padding: 0;
}

header ul {
	display: block;
	height: 100%;
}
header li.nav-item {
	display: flex;
	width: 8rem;
	height: 100%;
	margin: 0;
	padding: 0;
	align-items: center;
	justify-content: center;
}
.nav-item-wrap {
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}
.navbar-collapse {
	height: 100%;
	justify-content: end;
}

.navbar-nav li a{
		/*線の基点とするためrelativeを指定*/
	position: relative;
	color: #3A3220;
	display:inline-block;
}

.navbar-nav li.current a,
.navbar-nav li a:hover{
	color: #FFC107;
	text-decoration: none;
}

.navbar-nav li a::after {
		content: '';
		/*絶対配置で線の位置を決める*/
		position: absolute;
		bottom: 0;
		left: 10%;
		/*線の形状*/
		width: 80%;
		height: 2px;
		background:#8b0000;
		/*アニメーションの指定*/
		transition: all .3s;
		transform: scale(0, 1);/*X方向0、Y方向1*/
		transform-origin: left top;/*左上基点*/
}

/*現在地とhoverの設定*/
.navbar-nav li.current a::after,
.navbar-nav li a:hover::after {
		transform: scale(1, 1);/*X方向にスケール拡大*/
}

/*ドロップダウンメニューの調整*/
.menu {
	text-align: center;
}

/* 親メニューをinline-blockにしてセンターに配置 */
.menu > .menu-item {
	display: inline-block;
	padding: .5em .3em;
}

/* リストの記号を消去 */
.menu-item {
	list-style-type: none;
}

/* サブメニューをabsoluteにするため、親メニューをrelativeに */
.menu-item-has-children {
	position: relative;
}

/* 親メニューにマウスオーバーしたときにカーソルを変更 */
.menu-item-has-children:hover {
	cursor: pointer;
}

/* 子を持つ親メニューにマウスオーバーしたときサブメニューを表示 */
.menu-item-has-children:hover .sub-menu {
	display: block;
}

/*navbar-whiteの時マウスホバーで背景を白*/
.navbar-white .menu-item-has-children:hover .sub-menu {
	background: #fdfdfd;
}

/* サブメニューをabsoluteにして親メニューの下に配置。スタイルは適宜調整してください */
.sub-menu {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
}

/* サブニューのリンクタグをmenu-itemの大きさと合わせ、クリックしやすいようにした */
.sub-menu > .menu-item a {
	display: inline-block;
	width: 100%;
	height: 100%;
}
.navbar-trans {
	background: transparent;
	transition: background 800ms;
}
.navbar-white {
	background: #fdfdfd;
	transition: background 800ms;
}
.navbar-trans .navbar-nav a,
.navbar-white .navbar-nav a {
	font-size: 1.1rem;
	transition: color 800ms;
}

/*トグルアイコンの表示*/
.navbar-toggler {
	margin-left: auto;
	border: 1px solid #3A3220;
	}
.navbar-toggler-icon {
	background-image: url(img/bars.png);
	}

/*TOP*/
#top .container-fluid {
	padding: 0 !important;
}

/*Message*/
#message {
	background-color:#FFC107;
	padding: 5rem;
}
.message-box {
	background-color: #fdfdfd;
	padding: 2rem 3rem;
	border-radius: 25px;
	box-shadow: 5px 5px 6px 0px rgba(58, 50, 32, 0.5);
}
#message .inner-line {
	border: 1px solid #FFC107 ;
	border-radius: 20px;
	padding: 3rem;
	background-image: url(img/message-bg.png);
	background-size: cover;
}

/*Instructor*/
#instructor {
	padding: 5rem;
}
#instructor .i-img {
	border-radius: 57% 43% 56% 44% / 63% 42% 58% 37%;
	box-shadow: 5px 5px 6px 0px rgba(58, 50, 32, 0.5);
}

/*Lesson-menu*/
#menu {
	background-color:#FFC107;
	padding: 5rem;
}
#menu .l-box {
	background-color: #fdfdfd;
	padding: 1.5rem;
	border-radius: 25px;
	box-shadow: 5px 5px 6px 0px rgba(58, 50, 32, 0.5);
	display: flex;
	justify-content: center;
	align-items: stretch;
}
.m-desc {
	flex-grow: 1;
	font-weight: bold;
}
button.o-btn {
	display: inline-block;
	padding: 0.5rem 1.5rem;
	border-radius:70px;
	text-decoration: none;
	background: #fdfdfd;
	background-size: 200% auto;
	transition: all 0.3s ease-out;
	font-size: 1rem;
	box-shadow: 5px 5px 6px 0px rgba(58, 50, 32, 0.5);
}
a.o-btn-a {
	color: #ff8145;
}
button.o-btn:hover {
	border: solid,1px,#Fdfdfd;
	background: linear-gradient(to right, #FFC107,#ff8145);
	background-position: 99% 50%;
	transition: 800ms;
}
a.o-btn-a:hover {
	color: #fdfdfd;
	transition: 800ms;
	text-decoration: none;
}

/*Voice*/
#voice {
	background-color:#FFC107;
	padding: 5rem;
	position: relative;
}
#voice .q-box {
	padding: 5rem;
	background-image: url(img/q-bg.png);
	background-size: cover;
	border-radius: 25px;
	box-shadow: 5px 5px 6px 0px rgba(58, 50, 32, 0.5);
}
#voice .q-box ol {
	list-style-position:inside ;
}

.slick-track {
	height: 98%;
}
.slider {
	margin:0 auto;
	width:100%;
	transition: opacity .25s ease;
}
.slider.slick-initialized {
  	opacity: 1;
}
#voice .v-shadow {
	background-color: #fdfdfd;
	padding: 1.5rem;
	border-radius: 25px;
	box-shadow: 5px 5px 6px 0px rgba(58, 50, 32, 0.5);
}
#voice img {
	width: 15rem;
	border-radius: 50%;
}
#voice h5.title {
	font-weight: 600;
}

/*slickのJSで書かれるタグ内、スライド左右の余白調整*/
.slider .slick-slide {
	margin:0 10px;
}
/*矢印の設定*/
/*戻る、次へ矢印の位置*/
.slick-prev,
.slick-next {
	position: absolute;/*絶対配置にする*/
	top: 50%;
	cursor: pointer;/*マウスカーソルを指マークに*/
	outline: none;/*クリックをしたら出てくる枠線を消す*/
	height: 1rem;
	width: 1rem;
	z-index: 10;
}

.slick-prev::before {
	color: #3A3220;
	font-size: 2rem;
}
.slick-next::before {
	color: #3A3220;
	font-size: 2rem;
}
/*ドットナビゲーションの設定*/
.slick-dots {
	text-align:center;
	margin:1.25rem 0 0 0;
}

.slick-dots li {
	display:inline-block;
	margin:0 0.3124rem;
}

.slick-dots button {
	color: transparent;
	outline: none;
	width:0.5rem;/*ドットボタンのサイズ*/
	height:0.5rem;/*ドットボタンのサイズ*/
	display:block;
	border-radius:50%;
	background:#7f6c44;/*ドットボタンの色*/
}

.slick-dots li.slick-active button:before {
	opacity: .75;
	color: #3A3220;/*現在地のドットボタンの色*/
}

/*Access*/
#access {
	padding: 5rem;
}
#access iframe {
	border-radius: 25px;
	box-shadow: 5px 5px 6px 0px rgba(58, 50, 32, 0.5);
}

/*Salon Concert*/
#salon-concert {
	background-color:#FFC107;
	padding: 5rem;
}
.s-img {
	width: 16rem;
	height: 16rem;
	border-radius: 50%;
	box-shadow: 5px 5px 6px 0px rgba(58, 50, 32, 0.5);
}


/*Contact form*/
#contact-form {
	padding: 5rem;
}
a.c-privacy {
	color: #8b0000;
}
a.c-privacy:hover {
	color: #FFC107 !important;
	text-decoration: none !important;
	transition: 800ms;
}

.c-btn {
	display: inline-block;
	padding: 0.5rem 1.5rem;
	border-radius:70px;
	color: #fff;
	text-decoration: none;
	outline: none;
	background: linear-gradient(to right, #FFC107,#ff8145);
	background-position: 1% 50%;
	background-size: 200% auto;
	transition: all 0.3s ease-out;
	font-size: 1rem;
	box-shadow: 5px 5px 6px 0px rgba(58, 50, 32, 0.5);
}
.c-btn:hover {
	color: #3A3220;
	background-position: 99% 50%;
	transition: 800ms;
	text-decoration: none;
}
.wpcf7 .ajax-loader {
	width: 1px !important ;
	height: 1px !important ;
}
#contact-form .insta {
	background-image: url('https://st-hermitage-piano.jp/wp-content/themes/st-hermitage-piano/img/insta.png');
	background-size: contain;
	width: 11.25rem;
	height: 11.25rem;
}
#contact-form .insta:hover {
	background-image: url('https://st-hermitage-piano.jp/wp-content/themes/st-hermitage-piano/img/insta-h.png');
	transition: 800ms;
}

/*privacy-policy*/
#privacy-policy ul {
	list-style-position: inside;
}

/*footer*/
footer {
	height: auto;
	background: #FFC107;
	text-align: center;
	padding: 25px 0;
}
footer p {
	font-size: 1.2rem;
}
footer a {
	color: #fdfdfd;
}
footer a:hover{
	color: #4A3931;
	text-decoration: none;
	transition: 800ms;
}

.back-to-top{
	position: fixed;
	right: 15px;
	bottom: 15px;
	width: 45px;
	height: 45px;
	border-radius: 50%;
	background: #3A3220;
	color: #fdfdfd;
	text-align: center;
	font-size: 18px;
	line-height: 2.4em;
}
.back-to-top :hover {
	text-decoration: none;
	position: fixed;
	right: 15px;
	bottom: 15px;
	width: 45px;
	height: 45px;
	border-radius: 50%;
	background: #8b0000;
	color: #fdfdfd !important;
	text-align: center;
	font-size: 18px;
	line-height: 2.4em;
	transition: 800ms;
}

.red {
	color: #8b0000;
}

/*レスポンシブデザイン*/
@media only screen and (max-width:1024px) {
	.hero h2,h1.blog-title {
		font-size: 1.8rem;
	}
}
@media only screen and (max-width:768px) {
	h1 {
		font-size: 2.5rem;
		}
	h2 {
		font-size: 1.8rem;
		}
	h3 {
		font-size: 1.5rem;
	}
	h4 {
		font-size: 1.2rem;
		}
	h5 {
		font-size: 1rem;
		}
	h6 {
		font-size: 0.9rem;
		}
	p {
		font-size: 0.8rem;
		}
	br.tab-only,.tab-only {
		display: block;
		}
	br.pc-only,
	br.sp-only,
	.pc-only,.sp-only {
		display: none;
		}
	br.br {
		display: block;
		}
	#message,#instructor,#menu,
	#voice,#access,#contact-form {
		padding: 3rem;
	}
	#salon-concert {
		padding: 1.5rem;
	}
	#headernav .active::before{
		width: 25% !important;
	}
	.sub-menu {
		display: block;
	}
	#headernav li.nav-item {
		justify-content: start;
		margin-bottom: .75em;
	}
	#headernav li#menu-item-19,
	#headernav li#menu-item-24 {
		margin-top: .75em !important;
	}
	#headernav ul.sub-menu li.nav-item {
		justify-content: start;
	}
	.sub-menu > .menu-item a {
		display: block;
		width: auto;
	}
	.navbar-trans .navbar-nav {
		background: rgba(253, 253, 253, 0.8);
	}
	#headernav .collapse a::after {
		left: 0;
	}
	#headernav .collapse a:hover::after {
		width: 3.5em;
	}
	#headernav .nav-link::before {
		width: 1.6em;
	}

	span.elementor-button-text {
		display: block;
		font-size: 1rem;
	}

	#voice img {
		width: 10rem;
	}
	.s-img {
	width: 13rem;
	height: 13rem;
	}
	#contact-form h2 {
		font-size: 1.5rem;
	}
	#contact-form span {
		font-size: 1.2rem;
	}
	#contact-form span.mb-5 {
		font-size: 0.9rem;
	}
	footer p {
		font-size: 1rem;
	}
	footer p br.br {
		display: inline;
	 }
}
@media(max-width: 520px) {
	#message,#instructor,#menu,
	#voice,#access,#salon-concert {
		padding: 1.2rem;
	}
	#contact-form {
		padding: 0.5rem;
	}
	.sp-mt-5 {
		margin-top: 3rem;
	}
	br.sp-only,.sp-only {
		display: block;
	}
	br.pc-only,
	br.tab-only,
	.pc-only,.tab-only {
		display: none;
	}
	h1 {
		font-size: 2rem;
		}
	h2 {
		font-size: 1.5rem;
		}
	h3 {
		font-size: 1.2rem;
	}
	h4 {
		font-size: 1rem;
		}
	h5 {
		font-size: 0.9rem;
		}
	h6 {
		font-size: 0.8rem;
		}
	p,li {
		font-size: 0.75rem;
		}

	.bgCarousel {
		height: 300px;
	}
	.message-box {
		padding: 1rem 1.5rem;
	}
	#message .inner-line {
		padding: 1rem;
		background-image: url(img/message-sp-bg.png);
		background-size: cover;
	}
	#menu .m-box {
		justify-content: center !important;
	}
	#voice .q-box {
		padding: 1.5rem;
	}
	#voice .v-shadow {
		padding: 1rem;
	}
	#voice img {
		width: 15rem;
	}
	#salon-concert .s-right {
		display: flex;
		justify-content: end;
	}
	#contact-form .col-md-6 {
		padding: 0 !important;
		}
	#contact-form .form {
		width: 100%;
		}
	#contact-form span {
		font-size: 0.8rem;
	}
}


/*
Theme name: st-hermitage-piano.
Description:st-hermitage-piano site
Author: NUKUMORI design
*/