@charset "UTF-8";


/* コンテンツーコンテンツページ：タイトル 
h2 {
	background:url(../img/title/title_salon.png) no-repeat;
	text-indent:-9999px;
	height:40px;
}
*/


/* コンテンツーサロン検索：メニュー */
section>ul {
	margin:30px 0 0;
	width:100%;
}
  section>ul li {
	  list-style:none;
	  text-align:left;
	  margin: 20px 0;
	  padding:10px 20px;
	  border:1px dotted #F37B90;
		border-radius: 6px;  
  }
	section>ul li a {
		text-decoration: none;
		color: #F37B90;
		display:block;
	}
  @media screen and (min-width : 769px) {
  section>ul li {
	  width:49%;
	  box-sizing:border-box;
	  float:left;
	  margin-bottom:5px;
  }
	section>ul li:nth-child(odd) {
		margin-right:2%;
	}		
  }
  

/* コンテンツーサロン検索：リンク誤差調整 */
#isa, #chu, #sase, #unei {
    margin-top: -60px;
    padding-top: 60px;
}
@media screen and (min-width : 769px) {
	#isa, #chu, #sase, #unei {
		margin-top: -140px;
		padding-top: 140px;
		}
}



/* コンテンツーサロン検索：注意書き */
section p {
	color: #F37B90;
}


/* コンテンツーサロン検索：各サロン詳細 */
section div ul li {
	margin: 0 10px 20px;
	list-style: none;
	font-size: 0.9em;
}
  section div ul li:first-of-type {
	  margin: 30px 10px 10px;
  }
  section div ul li span {
	  color: #F37B90;
	  font-weight: bold;
	  letter-spacing: 0.05em;
  }  
  section div ul li iframe {
	  width: 100%;
	  height: 300px;
  }
  section div ul li a {
	  color: #F390B3;
	  font-weight: bold;
	  font-size: 1.1em;
  }
  
  


/* コンテンツーサロン検索-各サロン詳細：スマホ*/
/* コンテンツーサロン検索-各サロン詳細：各ステップタイトル */
section>dl.cou {
	width:100%;
	margin-top:-10px;
}
  section>dl.cou dt {
	  margin:60px 0 0;/* 前の内容との間に余白 */
	  box-sizing:border-box;/*余白(padding水平15px)含め100% */
	  text-align:center;
	  background:none;	
  }
	section>dl.cou dt img {
		width:100%;
		max-width:400px;			
		height:75%;
	}
  /* コンテンツーサロン検索-各サロン詳細：各ステップ内容 */
  section>dl.cou dd {
	  text-align:center;
	  margin-top:-10px;	
  }


  /* コンテンツーサロン検索-各サロン詳細：PC */
  @media screen and (min-width : 769px) {
  section>dl.cou {
	  margin-top:-50px;
  }
	section>dl.cou dt {
		width:50%;
		margin:30px 0 0;/* 前の内容との間に余白 */
		float:left;
		clear:left;
	}
	/* コンテンツーサロン検索-各サロン詳細：各ステップ内容 */
	section>dl.cou dd {
		margin:40px 0 0 3%;
		width:47%;
		text-align:left;		
		float:right;
	}	
  }
  



/* コンテンツーサロン検索-各サロン詳細：文章装飾 */
span.st {
	font-size:1.2em;
	font-weight:bold;
	color:#F390B3;
	border:3px double #F390B3;
	padding:10px;
	line-height:4em;	
}
span.po {
	font-size:1.1em;
	font-weight:bold;
	color:#F390B3;
}