@charset "utf-8";

/*アイキャッチ*/

h1.page-title,
.page-description {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  height: 0px;
}

/* page */

/* Anges salon */

.skip{
  text-indent: 100%;
  display: block;
  white-space: nowrap;
  overflow: hidden;
}

/*information*/

section.information{
  /*margin: 30px;*/
  line-height: 3rem;
  /* Add border 2019-01-21 M.Ohno */
  margin: 30px auto;
  padding: 20px;
  max-width: 960px;
  border: 3px solid #000000;}

section.information h2{
  font-size: 2.1rem;
  border-bottom: 1px solid;
  margin: auto;
  max-width: 1030px;
  width: 100%;
  margin-bottom: 20px;
  line-height: 3rem;
  text-align: center;
}

section.information h2::before{
	content: 'インフォメーション';
  font-size: 2.7rem;
  display: block;
  
}

section.information ul {
  max-width: 960px;
  width: 100%;
}
section.information ul li{
  text-align: left;
}

/*ひし形*/
.defaultlist {
	margin: 0 auto;
	padding: 0;
}
.defaultlist li{
  list-style-type: none;
  list-style-image: none;
  margin: 10px 0px;
  /*margin: 10px 40px;*/

  /* Add border 2019-01-21 M.Ohno */
  border-bottom: 1px solid #CCCCCC;
  padding-bottom: 10px;
}

.diamond li{
  position: relative;
  padding-left: 20px;
  line-height: 2rem;
}

.diamond li:after{
  content: '';
  display: block;
  position: absolute;
  background-color: #000;
  width: 9px;
  height: 9px;
  top: 5px;
  left: 5px;
  transform: rotate(-45deg);
  -webkit-transform:rotate(-45deg);
  -o-transform:rotate(-45deg);
}

/*サロン講師の紹介*/
section.teacher {
	margin-bottom: 60px;
}
.teacher_titleback{
	max-width: 1000px;
	width: 0;
	margin-top: 50px;
	background-image: url("/wp-content/themes/anges/img/salon/salon_lecturer_title.png");
 	background-repeat: no-repeat;
  	background-position: 50%;
  	margin-left: auto;
    margin-right: auto;
    height: 156px;
    padding-left: 100%;
    background-size: contain;
}

.teacher_img{
	margin: 30px auto 0;
	width: 90%;
	flex-wrap: wrap;
	display: flex;
}

.teacher_img a,
.teacher_img img {
	border-radius: 50%;
}
.teacher_img a img {
	width: 100%;
}

.irregular{
	margin-right: 310px;
}

/*サロン共通*/
.salon_title{
	font-size: 4.5rem;
}

.salon_subtitle{
	font-size: 2.1rem;
}

.salon_navi{
	width: 120px;
}

.salon_details{
	margin-left: 30px;
}

.salon_text{
	margin-top: 30px;
	line-height: 3rem;
}




/*ピアノ*/

.piano_img{
	margin-top: 50px;
	background-image: url("/wp-content/themes/anges/img/salon/piano_circle_L.jpg");
	background-repeat: no-repeat;
	background-size: cover;
}


.piano{
	width: 65%;
	padding: 60px 0 39px 150px;
	color: #fff;
}



.piano .salon_subtitle{
	margin-top: 30px;	
}



/*英会話*/

.english_img{
	background-image: url("/wp-content/themes/anges/img/salon/english_class_L.jpg");
	background-repeat: no-repeat;	
	background-size: cover;
}



.english{
	width: 50%;
	padding-top: 50px;
	padding-bottom: 10px;
	margin-left: 60%;
}


.english .salon_subtitle{
	text-shadow: 0 1px 1px  #cccc66;
	margin-top: 30px;
}

/*小物作り＆ブリザーブドフラワーアレンジメント*/

.flower_img{
	background-image: url("/wp-content/themes/anges/img/salon/making_small_articles_L.jpg");
	background-repeat: no-repeat;
	background-size: cover;
}


.accessories{
	padding-top: 90px;
	margin-left: 140px;
}



.accessories .salon_subtitle,
.flower .salon_subtitle{
	text-shadow: 0 1px 1px  #99ffcc;
	margin-top: 30px;
}

.preserved_flower{
	margin-top: 40px;
}

.flower{
	margin-left: 50%;
	margin-top: 80px;
	padding-bottom: 38px;
}



/*voyagerカード*/

.voyager_img{
	background-image: url("/wp-content/themes/anges/img/salon/voyager_card_L.jpg");
	background-repeat: no-repeat;
	background-size: cover;
}


.voyager{
	padding-top: 60px;
	padding-bottom: 50px;
	margin-left: 140px;
	color: #fff;
}



.voyager .salon_subtitle{
	margin-top: 40px;
	font-size: 1.8rem;
}

.voyager_contact{
	padding-left: 4rem;
}

/*ハープ*/

.harp_img{
	background-image: url("/wp-content/themes/anges/img/salon/irish_harp_L.jpg");
	background-repeat: no-repeat;
	background-size: contain;
}



.harp{
	padding-top: 60px;
	padding-bottom: 44px;
	margin-left: 50%;
}



.harp .salon_subtitle{
	margin-top: 40px;
	font-size: 1.8rem;
	text-shadow: 0 1px 1px  #99ffcc;
}

.etc{
	font-size: 1.5rem;
	color: #fff;
	background-color: #ccc;
	max-width: 615px;
	width: 100%;
}

.etc p{
	text-align: center;
	margin-top: 30px;
}

/*ケルト*/

.celtic_img{
	background-image: url("/wp-content/themes/anges/img/salon/tin_whistle_L.jpg");
	background-repeat: no-repeat;
	background-size: contain;
}


.celtic{
	padding-top: 30px;
	padding-bottom: 30px;
	margin-left: 140px;
	color: #fff;
}



.celtic_subtitle{
	font-size: 1.8rem;
}

.celtic .salon_subtitle{
	margin-top: 40px;
	font-size: 1.8rem;
}

.hatao_etc{
	font-size: 1.5rem;
	background-color: #fff;
	width: 615px;
}

.hatao_etc p{
	text-align: center;
	margin-top: 20px;
	color: #777;
}


/*大正琴*/

.koto_img{
	background-image: url("/wp-content/themes/anges/img/salon/taishogoto_L.jpg");
	background-repeat: no-repeat;
	background-size: cover;
}



.koto{
	padding-top: 60px;
	padding-bottom: 60px;
	margin-left: 40%;
}


.koto .salon_subtitle{
	margin-top: 30px;
	font-size: 1.8rem;
	text-shadow: 0 1px 1px  #99ffcc;
}

.money{
	margin-left: 12.5rem;
}

.interval{
	margin-left: 2.5rem;
}



/*POLAエステ*/

.pola_img{
	background-image: url("/wp-content/themes/anges/img/salon/este_L.jpg");
	background-repeat: no-repeat;
	background-size: cover;
}


.pola{	
	padding: 60px 0 38px 140px;
}


.pola .salon_subtitle{
	margin-top: 30px;
	text-shadow: 0 1px 1px  #99ffcc;	
}

/*フラワーアレンジメント*/

.flower_arrangement_img{
	background-image: url("/wp-content/themes/anges/img/salon/flower_arrangement_L.jpg");
	background-repeat: no-repeat;
	background-size: cover;
}


.flower_arrangement{
	margin-left: 50%;
	padding-top: 50px;
	padding-bottom: 50px;
	color: #fff;
}


.flower_arrangement_subtitle{
	font-size: 1.8rem;
}

.flower_arrangement .salon_subtitle{
	margin-top: 30px;
}	

/*コーラス*/

.chorus{
	background-image: url("/wp-content/themes/anges/img/salon/saturday_chorus_L.jpg");
	background-repeat: no-repeat;
	padding: 60px 0 34px 140px;
	background-size: cover;
}
.chorus .salon_subtitle{
	margin-top: 30px;
}


.chorus_subtitle{
	font-size: 1.8rem;
}


/*一筆画*/

.picture_img{
	background-image: url("/wp-content/themes/anges/img/salon/ippituga_L.jpg");
	background-repeat: no-repeat;
	background-size: cover;
}


.picture{
	margin-left: 50%;
	padding-top: 60px;
	padding-bottom: 60px;
	color: #fff;
}



.picture .salon_subtitle{
	margin-top: 30px;
}

/*らくらくピアノ*/

.rakurakupiano_img{
	margin-top: -6px;
}

.rakuraku{
	background-image: url("/wp-content/themes/anges/img/salon/rakurakupiano_L.jpg");
	background-repeat: no-repeat;
	background-size: cover;
}


.rakuraku_subtitle{
	font-size: 1.8rem;
	text-shadow: 0 1px 1px #cccc66;
}

.rakuraku .salon_subtitle{
	line-height: 3.5rem;
	text-shadow: 0 1px 1px #cccc66;
}



/*アイコン*/

.calendar_green::before{
	content: url("/wp-content/themes/anges/img/icon/calendar_green.png");
	margin-right: 1.6rem;
	vertical-align: -0.5rem;
}

.calendar_white::before{
	content: url("/wp-content/themes/anges/img/icon/calendar_white.png");
	margin-right: 1.6rem;
	vertical-align: -0.5rem;
}

.calendar_black::before{
	content: url("/wp-content/themes/anges/img/icon/calendar_black.png");
	margin-right: 1.6rem;
	vertical-align: -0.5rem;
}

.clock_green::before{
	content: url("/wp-content/themes/anges/img/icon/clock_green.png");
	margin-right: 1.6rem;
	vertical-align: -0.5rem;
}

.clock_white::before{
	content: url("/wp-content/themes/anges/img/icon/clock_white.png");
	margin-right: 1.6rem;
	vertical-align: -0.5rem;
}

.clock_black::before{
	content: url("/wp-content/themes/anges/img/icon/clock_black.png");
	margin-right: 1.6rem;
	vertical-align: -0.5rem;
}

.money_green::before{
	content: url("/wp-content/themes/anges/img/icon/money_green.png");
	margin-right: 2rem;
	vertical-align: -0.5rem;
}

.money_white::before{
	content: url("/wp-content/themes/anges/img/icon/money_white.png");
	margin-right: 2rem;
	vertical-align: -0.5rem;
}

.money_black::before{
	content: url("/wp-content/themes/anges/img/icon/money_black.png");
	margin-right: 2rem;
	vertical-align: -0.5rem;
}

.tel_green::before{
	content: url("/wp-content/themes/anges/img/icon/tel_green.png");
	margin-right: 1.6rem;
	vertical-align: -0.5rem;
}

.tel_white::before{
	content: url("/wp-content/themes/anges/img/icon/tel_white.png");
	margin-right: 1.6rem;
	vertical-align: -0.5rem;
}

.tel_black::before{
	content: url("/wp-content/themes/anges/img/icon/tel_black.png");
	margin-right: 1.6rem;
	vertical-align: -0.5rem;
}

.music_green::before{
	content: url("/wp-content/themes/anges/img/icon/music_green.png");
	margin-right: 2rem;
	vertical-align: -0.5rem;
}

.music_white::before{
	content: url("/wp-content/themes/anges/img/icon/music_white.png");
	margin-right: 2rem;
	vertical-align: -0.5rem;
}

.music_black::before{
	content: url("/wp-content/themes/anges/img/icon/music_black.png");
	margin-right: 2rem;
	vertical-align: -0.5rem;
}

.option_green::before{
	content: url("/wp-content/themes/anges/img/icon/option_green.png");
	margin-right: 1.6rem;
	vertical-align: -0.5rem;
}

.option_white::before{
	content: url("/wp-content/themes/anges/img/icon/option_white.png");
	margin-right: 1.6rem;
	vertical-align: -0.5rem;
}

.option_black::before{
	content: url("/wp-content/themes/anges/img/icon/option_black.png");
	margin-right: 1.6rem;
	vertical-align: -0.5rem;
}


.wide_white::before{
	content: url("/wp-content/themes/anges/img/icon/wide_white.png");
	margin-right: 1.6rem;
	vertical-align: -0.5rem;
}

.wide_black::before{
	content: url("/wp-content/themes/anges/img/icon/wide_black.png");
	margin-right: 1.6rem;
	vertical-align: -0.5rem;
}

.car_white::before{
	content: url("/wp-content/themes/anges/img/icon/car_white.png");
	margin-right: 1.6rem;
	vertical-align: -0.5rem;
}

.car_black::before{
	content: url("/wp-content/themes/anges/img/icon/car_black.png");
	margin-right: 1.6rem;
	vertical-align: -0.5rem;
}

.chair_black::before{
	content: url("/wp-content/themes/anges/img/icon/chair_black.png");
	margin-right: 2rem;
	vertical-align: -0.5rem;
}

/* PC */
@media (min-width: 901px){
	.concept div{
		max-width: 1030px;
	}
	.teacher_img a {
		margin: 10px;
		width: calc( ( 100% / 5 ) - 20px );
	}
	.piano, .english, .accessories, .flower, .voyager, .harp, .celtic, .koto, .pola,
	.flower_arrangement, .chorus, .picture, .rakuraku{
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
	}
	.piano br, .english br, .accessories br, .flower br, .voyager br, .harp br, .celtic br, .koto br, .pola br,
	.flower_arrangement br, .chorus br, .picture br, .rakuraku br{
		display: none;
	}
	.etc{
		display: none;
	}
	.piano_img{
		height: 0;
		padding-top: 31.09%;
	}
	.english_img{
		height: 0;
		padding-top: 33.64%;
	}
	.flower_img{
		height: 0;
		padding-top: 80.62%;
	}
	.voyager_img{
		height: 0;
		padding-top: 41.56%;
	}
	.harp_img{
		height: 0;
		padding-top: 59.5%;
	}
	.celtic_img{
		height: 0;
		padding-top: 59.58%;
	}
	.koto_img{
		height: 0;
		padding-top: 44.16%;
	}
	.pola_img{
		height: 0;
		padding-top: 31.09%;
	}
	.flower_arrangement_img{
		height: 0;
		padding-top: 44.68%;
	}
	.chorus{
		height: 0;
		padding-top: 39.01%;
	}
	.picture_img{
		height: 0;
	  	padding-top: 38.95%;
	}
	.rakuraku{
		height: 0;
		padding-top: 38.85%;
	}
}
	/* tablet portrait */
@media (max-width:900px){
	header.entry-header {
		margin: 0px -20px;
	}
	section.information {
		margin-left: 0px;
		margin-right: 0px;
	}
	.teacher_img a {
		margin: 10px;
		width: calc( ( 100% / 3 ) - 20px );
	}


	.salon_title{
		font-size: 2.7rem;
	}

	.salon_title br{
		display: none;
	}

	.salon_subtitle{
		font-size: 1.6rem;
	}

	.salon_subtitle br,.salon_title br, .salon_details br{
		/*display: none;*/
	}

	.salon_navi{
		white-space: nowrap;
	}
	.salon_title,  .celtic_subtitle, .flower_arrangement_subtitle{
		height: 0;
		white-space: nowrap;
		text-indent: 100%;
		overflow: hidden;
	}
	.salon_text .flex-container {
		display: block;
	}

	.piano_img {
    background-size: contain;
    background-image: url("/wp-content/themes/anges/img/salon/piano_circle.png");
 	}
 	.piano{
 	 color: #000;
 	 padding: 30.1% 0 60px 0 ;
	 width: 100%;
 	 margin: 1rem 0;
  }
	.english {
    width: 100%;
    padding: 30.1% 0 60px 0 ;
    margin: 1rem 0;
 	}
 	.english_img {
    background-size: contain;
    background-image: url("/wp-content/themes/anges/img/salon/english_class.png");
 	}
 	.accessories {
    padding: 30.1% 0 60px 0 ;
    margin:  1rem 0;
  }

  .flower_img {
    background-size: contain;
    background-image: url("/wp-content/themes/anges/img/salon/making_small_articles.png");
  }
  .flower {
    padding: 30.1% 0 60px 0 ;
    margin: 1rem 0;
    background-size: contain;
    background-image: url("/wp-content/themes/anges/img/salon/preserved_flower.png");
    background-repeat: no-repeat;
  }
  .voyager_img {
    background-size: contain;
    background-image: url("/wp-content/themes/anges/img/salon/voyager_card.png");
  }
  .voyager {
    padding: 30.1% 0 60px 0;
    margin: 1rem 0;
    color: #000;
  }
  .voyager .salon_subtitle{
		margin-top: 30px;
	}
  .harp_img {
    background-size: contain;
    background-image: url("/wp-content/themes/anges/img/salon/irish_harp.png");
  }
  .harp {
    padding: 30.1% 0 60px 0;
    margin: 1rem 0;
  }
	.harp .salon_subtitle{
		margin-top: 30px;
	}
	.harp .etc {
		margin: 0 auto;
	}
  .celtic_img {
    background-size: contain;
    background-image: url("/wp-content/themes/anges/img/salon/tin_whistle.png");
  }
  .celtic {
    padding: 30.1% 0 60px 0;
    margin: 1rem 0;
    color: #000;
  }
  .hatao_etc {
  	margin: 0 auto;
    width: 100%;
  }
  .koto_img {
    background-size: contain;
    background-image: url("/wp-content/themes/anges/img/salon/taishogoto.png");
  }
  .koto {
    padding: 30.1% 0 60px 0;
    margin: 1rem 0;
  }
  .salon_details.flex-container {
    display: block;
  }
  .salon_details .flex-container {
    display: block;
  }
  .money{
  	margin-left: 0;
  }
  .pola_img {
    background-size: contain;
    background-image: url("/wp-content/themes/anges/img/salon/este.png");
  }
  .pola{
    padding: 30.1% 0 60px 0;
    margin: 1rem 0;
  }
  .flower_arrangement_img {
    background-size: contain;
    background-image: url("/wp-content/themes/anges/img/salon/flower_arrangement.png");
  }
  .flower_arrangement{
    padding: 30.1% 0 60px 0;
    margin: 1rem 0;
    color: #000;
  }
  .chorus{
    background-size: contain;
    background-image: url("/wp-content/themes/anges/img/salon/saturday_chorus.png");
    padding: 30.1% 0 60px 0;
    margin: 1rem 0;
  }
  .chorus > div:first-child {
  	margin-top: 30px;
  }
  .chorus .salon_subtitle{
	margin-top: 0px;
	} 
	.picture_img {
    background-size: contain;
    background-image: url("/wp-content/themes/anges/img/salon/ippituga.png");
  }
  .picture{
    color: #000;
    padding: 30.1% 0 60px 0;
    margin: 1rem 0;
  }
  .rakuraku{
    background-size: contain;
    background-image: url("/wp-content/themes/anges/img/salon/rakurakupiano.png");
    margin: 1rem 0;
    padding: 30.1% 0 60px 0 ;
    background-position: top;
  }
  .chorus > div:first-child {
  	margin-top: 30px;
  }
	.rakuraku_subtitle{
  	margin-top: 30px;
	}

	.calendar_black, .calendar_white, .calendar_green,
	.clock_black, .clock_white, .clock_green,
	.money_black, .money_white, .money_green,
	.music_black, .music_white, .music_green,
	.wide_black,
	.option_black,
	.chair_black,
	.car_black,
	.tel_black, .tel_white, .tel_green,
	.mail_black {
	  width: 7em;
	}

	.calendar_black:before, .calendar_white:before, .calendar_green:before,
	.clock_black:before, .clock_white:before, .clock_green:before,
	.money_black:before, .money_white:before, .money_green:before,
	.music_black:before, .music_white:before, .music_green:before,
	.wide_black:before,
	.option_black:before,
	.chair_black:before,
	.car_black:before,
	.tel_black:before, .tel_white:before, .tel_green:before,
	.mail_black:before {
	  content: '';
	  margin-right: 1.6rem;
	  vertical-align: middle;
	  background-position: center;
	  background-repeat: no-repeat;
	  background-size: contain;
	  display: inline-block;
	}
	.calendar_black:before, .calendar_white:before, .calendar_green:before,
	.clock_black:before, .clock_white:before, .clock_green:before,
	.money_black:before, .money_white:before, .money_green:before,
	.music_black:before, .music_white:before, .music_green:before,
	.wide_black:before,
	.option_black:before,
	.chair_black:before,
	.car_black:before,
	.tel_black:before, .tel_white:before, .tel_green:before,
	.mail_black:before {
	  width: 2.6rem;
	  height: 2.6rem;
	}

  .calendar_black:before {
		background-image: url(/wp-content/themes/anges/img/icon/calendar_black.png);
	}
	.clock_black:before {
	  background-image: url(/wp-content/themes/anges/img/icon/clock_black.png);
	}
	.money_black:before {
	  background-image: url(/wp-content/themes/anges/img/icon/money_black.png);
	}
	.music_black:before {
	  background-image: url(/wp-content/themes/anges/img/icon/music_black.png);
	}
	.wide_black:before {
	  background-image: url(/wp-content/themes/anges/img/icon/wide_black.png);
	}
	.option_black:before {
	  background-image: url(/wp-content/themes/anges/img/icon/option_black.png);
	}
	.chair_black:before {
	  background-image: url(/wp-content/themes/anges/img/icon/chair_black.png);
	}
	.car_black:before {
	  background-image: url(/wp-content/themes/anges/img/icon/car_black.png);
	}
	.calendar_white:before{
		background-image: url(/wp-content/themes/anges/img/icon/calendar_black.png);
    /*content: url("/wp-content/themes/anges/img/icon/calendar_black.png");*/
  }
  .clock_white:before{
		background-image: url(/wp-content/themes/anges/img/icon/clock_black.png);
    /*content: url("/wp-content/themes/anges/img/icon/clock_black.png");*/
  }
  .money_white:before{
		background-image: url(/wp-content/themes/anges/img/icon/money_black.png);
    /*content: url("/wp-content/themes/anges/img/icon/money_black.png");*/
  }
  .music_white:before{
		background-image: url(/wp-content/themes/anges/img/icon/music_black.png);
    /*content: url("/wp-content/themes/anges/img/icon/music_black.png");*/
  }
  .tel_black:before{
		background-image: url(/wp-content/themes/anges/img/icon/tel_black.png);
	}
  .tel_white:before{
		background-image: url(/wp-content/themes/anges/img/icon/tel_black.png);
    /*content: url("/wp-content/themes/anges/img/icon/tel_black.png");*/
  }
  .calendar_green:before{
		background-image: url(/wp-content/themes/anges/img/icon/calendar_black.png);
    /*content: url("/wp-content/themes/anges/img/icon/calendar_black.png");*/
  }
  .clock_green:before{
		background-image: url(/wp-content/themes/anges/img/icon/clock_black.png);
    /*content: url("/wp-content/themes/anges/img/icon/clock_black.png");*/
  }
  .money_green:before{
		background-image: url(/wp-content/themes/anges/img/icon/money_black.png);
    /*content: url("/wp-content/themes/anges/img/icon/money_black.png");*/
  }
  .tel_green:before{
		background-image: url(/wp-content/themes/anges/img/icon/tel_black.png);
    /*content: url("/wp-content/themes/anges/img/icon/tel_black.png");*/
  }
  .mail_black:before{
		background-image: url(/wp-content/themes/anges/img/icon/mail_black.png);
  }
}

/* Smart phpne landscape */
@media (max-width: 600px){
	.teacher_img a {
		width: calc( ( 100% / 2 ) - 20px );
	}

/* Add M.Ohno Infomation SmartPhone対応 */
  section.information{
    margin: 10px auto;
    padding: 10px;
  }
  section.information h2::before{
    display:none;
  }
  section.information h2::after{
    content: ' ～インフォメーション～';
    font-size: 1.3rem;
    display:inline;
  }
  
  section.information h2{
    font-size: 1.3rem;
  }

  .defaultlist li{
    font-size: 1.3rem;
  }
/* Add M.Ohno Infomation SmartPhone対応 */

}

/* Smart phpne portrait */
@media (max-width: 480px){
	.flex-container{
		/*display: block;*/
	}
	.teacher_titleback + div {
		display: none;
	}
	.teacher_img {
		margin-top: 0;
	}

/* Add M.Ohno Infomation SmartPhone対応 */
  section.information{
    margin: 10px auto;
    padding: 10px;
  }
  section.information h2::before{
    display:none;
  }
  section.information h2::after{
    content: ' ～インフォメーション～';
    font-size: 1.3rem;
    display:inline;
  }
  
  section.information h2{
    font-size: 1.3rem;
  }

  .defaultlist li{
    font-size: 1.3rem;
  }
/* Add M.Ohno Infomation SmartPhone対応 */
}