@charset "UTF-8";

@media screen and (max-width: 798px ){

body{ overflow-x:hidden; }
.pcOnly{ display:none; }

/*===========================
  base
===========================*/
/*  header
===================================*/
#siteHeader{ width:100%; min-height:62px; background:url(/img/bg_header.jpg) no-repeat center center #ffffff; background-size:100% 68px; /*box-shadow:0 2px 2px rgba(176,176,176,0.5);*/ top:0; left:0; z-index:100; }
#siteHeader .cmContainer{ /*padding:8px 10px 7px; */position:relative; }
#siteHeader .logo{  }
#siteHeader .logo a{ widthwidth:150px; height:62px; display:block; background:url(/img/sp_logo.png) no-repeat center center; background-size:160px auto; text-indent:-9999px; text-align:center; margin:0 auto;}
#siteHeader ul.gnav{ display:none; padding:30px 0; background:#003362; position:absolute; top:62px; right:0; width:100%; text-align:center; opacity:0.95; }
#siteHeader ul.gnav.open{ display:block; }
/*#siteHeader ul.gnav > li{ border-bottom:rgba(255,255,255,0.2) 1px solid; }
#siteHeader ul.gnav > li:last-child{ border-bottom:none; }*/
#siteHeader ul.gnav > li a{ display:block; padding:15px 0; text-decoration:none; font-size:14px; color:#ffffff; }
#siteHeader p.btn{ position:absolute; top:9px; right:55px; }
#siteHeader p.btn .btnRed{ width:90px; padding:6px 0 5px; font-size:12px; }

/*-- spGnavBtn ボタン --*/
#siteHeader .btnFix{ position:fixed !important; }
#siteHeader .spGnavBtn{ position:absolute; top:12px; right:10px;  z-index:30; }
#siteHeader .spGnavBtn a{ width:52px; height:36px; display:inline-block; background:#003362; position:relative; border-radius:3px; }
#siteHeader .spGnavBtn a:hover,active{ opacity:1; text-decoration:none; }
#siteHeader .spGnavBtn a span{ width:25px; height:1px; display:block; position:absolute; top:50%; left:40%; margin:-1px 0 0 -7px; background:#ffffff; transition:.2s; }
#siteHeader .spGnavBtn a span:after,
#siteHeader .spGnavBtn a span:before{ width:25px; height:1px; display:block; content:""; position:absolute; top:50%; left:0; background:#ffffff; transition: .3s; }
#siteHeader .spGnavBtn a span:before{ margin-top:-8px; }
#siteHeader .spGnavBtn a span:after{ margin-top: 6px; }
#siteHeader .spGnavBtn a span.close{ background: transparent; }
#siteHeader .spGnavBtn a span.close:after{ margin-top: 0; }
#siteHeader .spGnavBtn a span.close:before{ margin-top:0; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); }
#siteHeader .spGnavBtn a span.close:after{ transform: rotate(-135deg); -webkit-transform: rotate(-135deg); }


/*  container
===========================*/
#container{}

/*  content
===========================*/
#content{  margin-top:50px; padding:0; }
#contentTop{  margin-top:10px; padding:0; }

/*  siteFooter
===========================*/
#siteFooter{ margin-top:40px;}
#siteFooter ul.bannerArea{ margin-bottom:0px; padding:0 20px;}
#siteFooter ul.bannerArea li { width:100%; margin-bottom:20px;}
#siteFooter ul.bannerArea li:nth-child(even){ padding-bottom:0;}
#siteFooter .siteFooterCon{ background:#ffffff; padding:20px 15px 40px; overflow:hidden; }
#siteFooter .siteFooterCon ul{ margin-bottom:40px;}
#siteFooter .siteFooterCon ul li {
    padding: 20px 10px;
    background: url(/svg/ico_arrow_brown.svg) no-repeat right 5px center;
    background-size: 15px auto;
    border-bottom: #ebe6e5 1px solid;
}
#siteFooter .siteFooterCon ul li a{ display:block; text-decoration:none; color:#003362;}
#siteFooter .siteFooterCon ul li a:hover{ opacity:0.7; }
#siteFooter .siteFooterCon .btnArea{text-align:center;}
#siteFooter .siteFooterCon a.btn{ width:300px; display:inline-block; padding:20px 0; text-decoration:none; border-radius:50px; font-size:18px; margin:0 auto 40px; color:#003362; margin-left:auto; margin-right:auto;text-align:center; background: url(/svg/ico_mail.svg) no-repeat left 50px center #efe9e6; background-size: 30px auto;}
#siteFooter .copyright{ font-size:14px; color:#a2a2a2; text-align:center; margin-bottom:0px;}

/*===========================
  parts
===========================*/
/*  タイトル
===================================*/
.pageTitle{ margin-bottom:40px; text-align:center; padding:0 20px;}
.pagesubTit{ font-size:14px;}
.subTit{ font-size:14px; font-weight:normal;}
.heading1{ font-size:32px; font-weight:normal;}
.heading2{ font-size:26px; font-weight:normal; text-align:center; margin-bottom: 40px;}
.heading3{ font-size:18px; font-weight:bold; border-bottom:1px #af8169 dashed; padding-bottom:12px; margin:0 20px 20px;}

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

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


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

	
/*  ボタン
===================================*/
a.btn{ width:190px; display:inline-block; padding:12px 0; text-align:center; text-decoration:none; background:#efe9e6; border-radius:50px; font-size:16px; margin:20px 30px 0;}
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:20px; width:100%;}
figure.img1{ padding:0 20px;}


/*  テーブル
===================================*/
.table{ padding:0 20px;}
.table dl{ display:flex; flex-wrap:wrap; border-bottom:#e0d0c8 1px solid; }
.table dl dt { width: 22%;padding: 25px 2%;border-top: #e0d0c8 1px solid;font-weight: bold;}
.table dl dd { width: 72%;padding: 25px 2% 25px 0;border-top: #e0d0c8 1px solid;}
.table2{ padding:0 20px;}
.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 .heading1{margin-bottom:30px; padding:0 20px; text-align:center; font-size:24px; font-weight:bold;}
.topArea .hotori{ font-size:20px;}
.topArea .lead{ border-bottom:#e0d0c8 1px solid; margin:0 0 50px;}
.topArea .newsArea{ border-bottom:#e0d0c8 1px solid; margin:0 0 50px;}
.topArea .newsArea ul li{padding:0 20px; margin-bottom:40px; }
.topArea .newsArea ul li:last-child{margin-bottom:0;}
.topArea .newsArea ul li .date{color:#905c42; }
.topArea .newsArea ul li .txt{ }
.topArea .blogArea { padding:0 20px; margin-bottom:40px;}
.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{ padding:0 20px; margin-bottom:40px;}
.scheduleArea ul li{ margin-bottom:16px;}
.locationArea ul{ margin-bottom:40px;}
.locationArea ul li{ margin-bottom:60px; overflow:hidden;width:100%;}
.locationArea ul li:last-child{margin-bottom:0;}
.locationArea ul li .txt{ padding:0 20px;}
.locationArea ul li .mapArea{ margin-top:10px; padding:0 20px;}
.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-bottom:50px;}
.conductorArea ul li{ margin-bottom:100px;}
.conductorArea ul li .photo .img2 { padding:0 20px;}

/*  コンサートの記録
===================================*/


/*  コンサートの記録
===================================*/
.concertArea ul.list{ margin:0 0 50px;}
.concertArea p{ padding:0 20px}
.concertArea ul.list li{ overflow:hidden; margin-bottom:60px; padding-top:40px;}
.concertArea ul.list li .thum{padding:0 60px}
.concertArea ul.list li .txt{ }
.concertArea ul.list li .txt a{ color:#003e78;}
.concertArea ul.list li .concertTit{ margin-bottom:20px;padding:0 20px;}
.concertArea ul.list li .concertTit a{font-size:24px; font-weight:normal; color:#905c42;}
.concertArea ul.list li .btnArea { text-align:center; margin:20px auto 0; }
.concertArea ul.list li .btnArea a.btnMore{ display:inline-block; padding:10px 50px; text-decoration:none; border-radius:50px; font-size:16px; background:#efe9e6; background-size:30px auto; color:#905c42; }
.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 20px 30px; }
.concertArea .heading4{ margin:0 20px 10px;font-size:20px; }
.concertArea .heading5{ margin:20px; font-weight:normal; }
.concertArea ul.songs{margin:20px;}
.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 .photo{ margin:60px 0 0;}

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

/*  団員募集
===================================*/
.recruitArea .lead{ text-align:center; margin-bottom:50px;}
.recruitArea .btnArea{ text-align:center;}
.recruitArea .btnArea a.btn2{ width:260px; display:inline-block; padding:20px 0 20px 70px; text-decoration:none; border-radius:50px; font-size:18px; margin:0 auto; background:url(/svg/ico_mail_white.svg) no-repeat left 30px center #c3ab9f; background-size:30px auto; color:#ffffff; text-align:left;}
.recruitArea .faqArea dl{ padding:0 20px;}
.recruitArea .faqArea dl dt{ margin:30px 0 20px; padding:8px 0 8px 2.6em; text-indent:0em; 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; line-height:2;}

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

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

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