@charset "UTF-8";
@import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css);

@media screen and (min-width: 799px){
	
body{ overflow-x:hidden; }
.spOnly{ display:none; }


/*===========================
  base
===========================*/

/*  siteHeader
===========================*/
#siteHeader{background:#ffffff; position:fixed; top:0; width:250px; height:100vh; min-height:530px; overflow-y:auto; }
#siteHeader:before,
#siteHeader:after{ content: " "; display: table; }
#siteHeader:after{ clear: both; }
#siteHeader{ *zoom: 1; }
#siteHeader a{ color:#003e78; font-family :YuMincho,'Yu Mincho', serif;}
#siteHeader .logo{ margin:0 19px 0 0; }
#siteHeader .logo a{ width:224x; height:256px; display:block; background:url(/img/logo.png) no-repeat 10px 10px; background-size:224px auto; text-indent:-9999px; }
/*--- gnav ---*/
#siteHeader .gnav{padding:0 30px;width:190px; }
#siteHeader .gnav > li{ margin:0 0 0 0; position:relative; }
#siteHeader .gnav > li > a{ min-height:50px; display:block; padding:12px 0 0 35px; border-bottom:#ebe6e5 1px solid; box-sizing:border-box; }
#siteHeader .gnav > li > a:hover{ opacity:0.5; text-decoration:none;}
#siteHeader .gnav > li.on > a{ opacity:1; color:#905c42;}
#siteHeader .gnav > li > a.gnav_01{ background:url(/svg/ico_house.svg) no-repeat 0px 10px; background-size:30px auto; }
#siteHeader .gnav > li > a.gnav_02{ background:url(/svg/ico_schedule.svg) no-repeat 0px 10px; background-size:30px auto; }
#siteHeader .gnav > li > a.gnav_03{ background:url(/svg/ico_conductor.svg) no-repeat 0px 10px; background-size:30px auto; }
#siteHeader .gnav > li > a.gnav_04{ background:url(/svg/ico_concert.svg) no-repeat 0px 10px; background-size:30px auto; }
#siteHeader .gnav > li > a.gnav_05{ background:url(/svg/ico_history.svg) no-repeat 0px 10px; background-size:30px auto; }
#siteHeader .gnav > li > a.gnav_06{ background:url(/svg/ico_recruit.svg) no-repeat 0px 10px; background-size:30px auto; }
#siteHeader .gnav > li > a.gnav_07{ background:url(/svg/ico_arekore.svg) no-repeat 0px 10px; background-size:30px auto; }
#siteHeader .gnav > li > a.gnav_08{ background:url(/svg/ico_link.svg) no-repeat 0px 10px; background-size:30px auto; }
#siteHeader .gnav > li.on > a.gnav_01{ background:url(/svg/ico_house_on.svg) no-repeat 0px 10px; background-size:30px auto; }
#siteHeader .gnav > li.on > a.gnav_02{ background:url(/svg/ico_schedule_on.svg) no-repeat 0px 10px; background-size:30px auto; }
#siteHeader .gnav > li.on > a.gnav_03{ background:url(/svg/ico_conductor_on.svg) no-repeat 0px 10px; background-size:30px auto; }
#siteHeader .gnav > li.on > a.gnav_04{ background:url(/svg/ico_concert_on.svg) no-repeat 0px 10px; background-size:30px auto; }
#siteHeader .gnav > li.on > a.gnav_05{ background:url(/svg/ico_history_on.svg) no-repeat 0px 10px; background-size:30px auto; }
#siteHeader .gnav > li.on > a.gnav_06{ background:url(/svg/ico_recruit_on.svg) no-repeat 0px 10px; background-size:30px auto; }
#siteHeader .gnav > li.on > a.gnav_07{ background:url(/svg/ico_arekore_on.svg) no-repeat 0px 10px; background-size:30px auto; }
#siteHeader .gnav > li.on > a.gnav_08{ background:url(/svg/ico_link_on.svg) no-repeat 0px 10px; background-size:30px auto; }

/*  container
===========================*/
#container{ overflow-x: hidden; padding-left:250px; }

/*  content
===========================*/
#content{ max-width:690px; margin-right:auto; margin-left:auto; margin-top:50px; }
#content2{ max-width:690px; margin-right:auto; margin-left:auto; margin-top:50px; }

/*  siteFooters
===========================*/
#siteFooter{ padding:0px; margin-top:80px; }
#siteFooter ul{ margin-bottom:30px;}
#siteFooter ul.bannerArea li { width:335px; height:auto; float:left; padding-right:20px;}
#siteFooter ul.bannerArea li:nth-child(even){ padding-right:0;}
#siteFooter .copyright{ font-size:12px; color:#a2a2a2; text-align:center; margin-bottom:30px;}

/*===========================
  parts
===========================*/
/*  タイトル
===================================*/
.pageTitle{ border-bottom: solid 1px #003362; box-shadow: 0px 3px #f8f4f2, 0px 5px #003362; padding-bottom:16px; margin-bottom:80px;font-weight:normal;}
.pagesubTit{ font-size:14px;}
.subTit{ font-size:14px; font-weight:normal;}
.heading1{ font-size:32px; font-weight:normal; }
.heading2{ font-size:28px; font-weight:normal; margin-bottom:40px; }
.heading3{ font-size:18px; font-weight:bold; border-bottom:1px #af8169 dashed; padding-bottom:6px; margin-bottom:20px; }

/*  フォント
===================================*/
.serif{ font-family : Hannari,/* Sawarabi Mincho,*/YuMincho,'Yu Mincho', serif;}
.petit{font-family: 'Petit Formal Script', cursive;}
.gold{ color:#905c42;}

.wf-sawarabimincho { font-family: "Sawarabi Mincho"; }

/*  アイコン
===================================*/

/*  テキスト
===================================*/
p.txt{ margin-bottom:30px;}

/*  ボタン
===================================*/
a.btn{ width:140px; display:inline-block; padding:12px 0 12px 50px; text-decoration:none; border-radius:50px; font-size:16px; margin:20px 30px 0; background:url(/svg/ico_mail.svg) no-repeat 20px 14px #efe9e6; background-size:20px auto;}
a.btn{ width:140px; display:inline-block; padding:12px 0 12px 50px; text-decoration:none; border-radius:50px; font-size:16px; margin:20px 30px 0; background:url(/svg/ico_mail.svg) no-repeat 20px 14px #efe9e6; background-size:20px auto;} /*?*/
a.btnBack{background:url(/svg/ico_back.svg) no-repeat 0 2px ; background-size:20px auto;padding:0 0 0 25px;}


/*  画像
===================================*/
figure img{ margin-bottom:0px;}
figure.img1{ margin-bottom:20px;}
figure.img2{ width:400px; margin:0 auto 15px; text-align:center;}

/*  フルスクリーン
===================================*/
#photoContainer {
	color:	#fff;
	width:	100%;
}

/*  テーブル
===================================*/
.table dl{ display:flex; flex-wrap:wrap; border-bottom:#e0d0c8 1px solid;}
.table dl dt { width: 18%;padding: 25px 2%;border-top: #e0d0c8 1px solid;font-weight: bold;}
.table dl dd { width: 76%; padding: 25px 2% 25px 0;border-top: #e0d0c8 1px solid;
}

.table2 dl{ margin:0 0 60px 0; border-top:#e0d0c8 1px solid; }
.table2 dl dt { padding: 25px 0 0;font-weight: bold;}
.table2 dl dd { padding: 15px 0 25px; border-bottom:#e0d0c8 1px solid;}

/*  ぺージ
===================================*/
/*  TOP
===================================*/
.topArea .lead > h1{ text-align:center; margin-bottom:50px;}
.topArea .lead{ border-bottom:#e0d0c8 1px solid; padding-bottom:50px; margin-bottom:50px;}
.topArea .newsArea{ border-bottom:#e0d0c8 1px solid; margin-bottom:50px;}
.topArea .newsArea > h2{ text-align:center;}
.topArea .newsArea ul{ margin:40px 0;}
.topArea .newsArea ul li{ overflow:hidden; margin-bottom:40px;}
.topArea .newsArea ul li .thum{ float:left; width:260px; height:auto;}
.topArea .newsArea ul li .txt{ float:left; width:390px; margin-left:40px; }
.topArea .newsArea ul li .date{ color:#905c42; font-size:12px;}
.topArea .blogArea > h2{ text-align:center;}
.topArea .blogArea .recent-list{ margin-bottom:10px;padding-bottom:10px;border-bottom:#e0d0c8 1px dotted;}
.topArea .blogArea .recent-list .date{ margin-bottom:10px; color:#905C41; font-size:12px;}

/*  練習日程
===================================*/
.scheduleArea{ margin-bottom:80px;}
.scheduleArea ul{ margin-bottom:60px;}
.scheduleArea ul li{ margin-bottom:16px;}
.locationArea ul{ margin-bottom:40px;}
.locationArea ul li{ margin-bottom:60px; overflow:hidden;}
.locationArea ul li .txt{ width:190px; float:left;}
.locationArea ul li .map{
	position: relative;
	padding: 0 0 56%;
	height: 0;
	overflow: hidden;
}
.locationArea ul li .map iframe{
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}


/*  先生のご紹介
===================================*/
.conductorArea .name{ margin:50px 0;}
.conductorArea ul li{ margin-bottom:40px;}
.conductorArea ul li .photo .img2 { width:152px; float:left; margin-right:20px;}


/*  コンサートの記録
===================================*/
.concertArea ul.list{ margin:50px 0;}
.concertArea ul.list li{ overflow:hidden; margin-bottom:60px; border-top: #e0d0c8 1px solid; padding-top:40px;}
.concertArea ul.list li .thum{ float:left; width:260px; height:auto;}
.concertArea ul.list li .txt{ float:left; width:390px; margin-left:40px; }
.concertArea ul.list li .txt a{ color:#003e78;}
.concertArea ul.list li .concertTit{ margin-bottom:40px;}
.concertArea ul.list li .concertTit a{font-size:28px; font-weight:normal; color:#905c42;}
.concertArea ul.list li .btnArea a.btnMore{ display:inline-block; padding:10px 30px; text-decoration:none; border-radius:50px; font-size:16px; margin:20px auto; background:#efe9e6; background-size:30px auto; color:#905c42; text-align:left;}
.concertArea ul.list li .btnArea a.btnMore:before { content: ">";margin: 0 10px 0 0;}
.concertArea .heading2{ margin:60px 0 0 0; }
.concertArea .heading3{ margin:60px 0 30px 0; }
.concertArea .heading4{ margin:0 0 10px 0;font-size:20px; }
.concertArea .heading5{ margin:20px 0 0 0; font-weight:normal; }
.concertArea ul.songs{margin:20px 0 0 0;}
.concertArea ul.songs > li{ background:url(/svg/ico_song.svg) no-repeat 0px 6px; background-size:15px auto;padding: 0 0 10px 25px;}
.concertArea .author{ font-size:14px; color:#999999; font-weight:normal !important;}
.concertArea .author:before { content: "‥‥";margin: 0 3px 0 0;}
.concertArea .sub{ font-size:14px;}
.concertArea .photo{ margin:60px 0;}
.concertArea .staff{ margin:60px 0;}


/*  これまでの歩み
===================================*/
.historyArea{ margin-bottom:60px; }
.historyArea .year{ font-size:28px; font-weight:normal; margin-bottom:40px; color:#905c42;}
.historyArea dl{ margin-bottom:60px; }
.historyArea .historyAreaNav{margin-bottom:50px; }
.historyArea .historyAreaNav ul{ overflow:hidden; }
.historyArea .historyAreaNav ul li{ float:left; margin:40px 30px 60px 0; border-right:#e0d0c8 1px solid;}
.historyArea .historyAreaNav ul li:nth-child(4n){ border-right:none }
.historyArea .historyAreaNav ul li a{ display:block;  overflow:hidden; }
.historyArea .historyAreaNav ul li.on a{ }
.historyArea .historyAreaNav ul li p{ padding-right:30px; line-height:1.4; }
.historyArea .historyAreaBox{ display:none;}
.historyArea .historyAreaBox#year01{ display:block;}



/*  団員募集
===================================*/
.recruitArea .lead{ text-align:center; margin-bottom:50px;}
.recruitArea .btnArea{ text-align:center;}
.recruitArea .btnArea a.btn2{ width:300px; display:inline-block; padding:20px 0 20px 80px; text-decoration:none; border-radius:50px; font-size:18px; margin:20px auto; background:url(/svg/ico_mail_white.svg) no-repeat 40px 18px #c3ab9f; background-size:30px auto; color:#ffffff; text-align:left;}
.recruitArea .faqArea dl dt{ margin:30px 0 20px; padding:8px 0 8px 4.2em; text-indent:-1.5em; color: #905c42;background:url(/svg/ico_q.svg) no-repeat 0 0 ; background-size:40px auto; border-bottom:1px #af8169 dashed; font-size:18px; }
.recruitArea .faqArea dl dd{ margin-bottom:40px;}


/*  川女あれこれ
===================================*/


/*  リンク集
===================================*/



/*  ニュース
===================================*/
.newsArea .txt{ margin-bottom:60px;}