@charset "utf-8";


/*------------------------------------------------------------------------------------------
*
*
    斑尾高原紫音ハープミュージアム公式サイト
*
*
------------------------------------------------------------------------------------------ */
a{text-decoration: none; color: #000;}
a:hover{ opacity: 0.8;text-decoration: underline;}
body {
	font-size: 18px;
	background-color: #feeffe;
}

/* nav */
nav{
display: flex;
justify-content: space-evenly;
}

nav a{
	display: inline-block;
	padding: 10px 15px;
	color: #fff;
	text-align: center;
	font-size: 13px;
	line-height: 1.2em;
}
nav a span{
	font-size: 10px;
	letter-spacing: 0.05em;
}
p.al-right{
	text-align: right !important;
}

/* --------------------------------------
    header
---------------------------------------- */
header {
  width: 1000px;
  margin: 0 auto;
  overflow: hidden;
  zoom: 1;
	background-color: #fff;
}
header h1{
	margin: 15px 30px;
}



header nav a{
  -webkit-box-flex: 1;
  box-flex: 1;
	background-color: #a8569b;
	border-right: 2px #fff solid;
	width: 100%;
}
header nav a:last-child{
	border: none;
}


/* --------------------------------------
    footer
---------------------------------------- */
footer {
  width: 1000px;
  margin: 0 auto;
	background-color: #fff;
	text-align: center;
}
footer nav{
	background-color: #a8569b;
}
footer .copyright{
	padding: 20px;
	font-size: 12px;
	letter-spacing: 0.05em;
}
/* --------------------------------------
    #contents_area
---------------------------------------- */

#contents_area {
  width: 800px;
	padding: 100px 100px;
  margin: 0 auto;
	background-color: #fff;
}

.intro {
	padding:80px 0 100px;
	font-size: 16px;
	line-height: 40px;
}
.intro p{
	margin-bottom: 2em;
}

h2{
  width: 1000px;
	height: 55px;
	padding: 165px 0 0;
	margin: 0 auto;
	background: url(../img/pic_title_bg.jpg) no-repeat;
	vertical-align: bottom;
	font-size: 20px;
	color: #fff;
	text-align: center;
	letter-spacing: 0.05em;
}
h2 p{

}
h2 span{
	font-size: 12px;
	font-weight: normal;
}
h2,h3,h4,h5{
	letter-spacing: 0.025em;
}

/*トップへ戻るボタン*/
.wrapper{
	position: relative;
}

.topBtn {
  position:fixed; /*固定*/
  bottom:20px; /*場所を右下に移動*/
  right:20px; /*場所を右下に移動*/
  display:block; /*aタグをblock要素に変更*/
  background-color:rgba(168,86,155,0.5); /*以下、デザインはご自由に！！*/
  color:#fff;
  text-decoration:none;
  font-weight:bold;
  font-size:10px;
  width:60px;
  height:60px;
  text-align:center;
  line-height:22px;
  border-radius:30px;
  padding-top:30px;
  box-sizing:border-box;
}
.topBtn:before {
  content:'\25B2';
  position:absolute;
  top:10px;
  left:0;
  width:100%;
  text-align:center;
  font-size:20px;
}
.topBtn:hover {
  opacity:0.7;
}