@charset "utf-8";

@import "common_file/_mixin.scss";
@import "common_file/_mystyle.scss" ;

body {
/*	
	background: rgb(255,241,229);
	background: -moz-linear-gradient(top,  rgba(255,241,229,1) 0%, rgba(255,244,253,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(255,241,229,1) 0%,rgba(255,244,253,1) 100%);
	background: linear-gradient(to bottom,  rgba(255,241,229,1) 0%,rgba(255,244,253,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff1e5', endColorstr='#fff4fd',GradientType=0 );
	
*/	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:14px;
	}
	
#maxwapeer {
	overflow:hidden;
	}

@include phone {
.contents-inner {
	margin:0 auto;
	width:96px;
	}
}
		
	
/* font-style
---------------------------------------*/
@media screen and (max-width:767px) {
.xs-center {
	text-align:center;
	}
}

h1,h2 {
	font-size:1.8rem;
	margin-top:0;
	}
	
.ttl2 {
	font-size: 1.8rem;
	margin-bottom:0px;
	background:#FBD7FF;
	padding:10px 0 10px 10px;
	border-radius:5px 5px 0 0 ;
	color:#2F2F2F;
	}


h3 {
	margin-top:0;
	}


/*共通クラス
---------------------------------------*/
.mb30 {
	margin-bottom:30px;
	}

.mb20 {
	margin-bottom:20px;
	}
	
.mb10 {
	margin-bottom:10px;
	}
.botton {
}
	
//　テキストの幅調整
.txt_area {
	max-width:96.5%;
	margin:0 auto;
	@media screen and (min-width:768px) {
	max-width:100%;
	}
	}		

//　フォントサイズ	
.f_24 {
	font-size:2.4rem;
	}
	
img {
	max-width:100%;
	height:auto;
	}

figure {
	margin:0;
	}
	
/* スマホ用クラス
-------------------------------*/
@media screen and (max-width:768px) {
.xs-center {
	text-align:center;
	}

.xs-img-center {
	display:block;
	margin:0 auto;
	}
	
.xs-hidden {
	display:none;
	}

#sub_contents {
	margin-top:10px;
	}
}

.spNone {
	@media screen and (max-width:768px) {
		display:none;
	}
}

.pcNone {
	@media screen and (min-width:769px) {
		display:none;
	}
}


/*調整ここまで
----------------------------------------
----------------------------------------*/

/**header
---------------------------------------*/
header {
	padding-top:20px;
	background:#FFFFFF;
	}
	
	#header_address {
		@include phone {
			margin-bottom:20px;
			}
		}
		
	#header_logo {
	}

#header_inner {
	margin:0 auto;
	max-width:96%;
	
	@media screen and (min-width:769px) {
		width:960px;
		
		.box {
		display:flex;
		justify-content:space-between;
				} 
	}
	
	ul.inline {
		display:flex;
		flex-wrap:wrap;
		justify-content:space-between;
		$nav-border:#AAA7A7 1px solid;
		
		li {
			border-left:$nav-border;	
			flex:1 1 auto;
			text-align:center;
			border-left:$nav-border;
			background: #fef8fe;
			background: -moz-linear-gradient(top,  #fef8fe 0%, #fee2f7 50%, #ffd9f3 51%, #ffd5f4 100%);
			background: -webkit-linear-gradient(top,  #fef8fe 0%,#fee2f7 50%,#ffd9f3 51%,#ffd5f4 100%);
			background: linear-gradient(to bottom,  #fef8fe 0%,#fee2f7 50%,#ffd9f3 51%,#ffd5f4 100%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fef8fe', endColorstr='#ffd5f4'
			,GradientType=0 );
			
			&:first-child {
				border-right:$nav-border;
				border-radius:5px 0 0 5px;
				}
			
			&:last-child {
				border-right:$nav-border;
				border-radius:0 5px 5px 0;
				}
				
			a {
				display:block;
				padding:15px;
				color:#FFFFFF;
				text-shadow:#4F4F4F 1px 1px 2px;
				}
			}
		}
	} /* #header-inner */

/*ヘッダーここまで
----------------------------------------
----------------------------------------*/
	
/* コンテンツ
---------------------------------------*/
#contents_wrapper {
	max-width:100%;
	margin:0 auto;
}
									
/* 2カラムレイアウト
---------------------------------------*/
//タブレットサイズ以上
@include tablet {  
	#contents_inner {
		max-width:96%;
		margin:0 auto;
		display:flex;
		align-content:flex-start;
	}
	#main_contents {
		flex:0 1 73%;
		margin-right:2%;
		}
	#sub_contents {
		flex:auto;
		}
}  
// メディアクエリ
	
//デスクトップサイズ以上
@include desktop {  
	#contents_inner {
		display:flex;
		max-width:960px;
		margin:0 auto;
		align-items:flex-start;
	} 
	#main_contents {
		width:700px;
		margin-right:30px;
		}
	#sub_contents {
		width:260px;
		}
}　
// メディアクエリ


/* google map
---------------------------------------*/
.maparea {
	h3 {
		font-family: "tbchibirgothicplusk-pro",sans-serif;
		font-style: normal;
		font-weight: 400;
		}
	p { 
		color:rgba(66,66,66,1.00);
		font-size:18px;
		font-weight:bold;
		padding:15px 0;
		background: rgb(255,160,209);
		background: -moz-linear-gradient(-45deg,  rgba(255,160,209,1) 50%, rgba(255,160,209,1) 50%, rgba(255,216,158,1) 50%, rgba(255,216,158,1) 50%);
		background: -webkit-linear-gradient(-45deg,  rgba(255,160,209,1) 50%,rgba(255,160,209,1) 50%,rgba(255,216,158,1) 50%,rgba(255,216,158,1) 50%);
		background: linear-gradient(135deg,  rgba(255,160,209,1) 50%,rgba(255,160,209,1) 50%,rgba(255,216,158,1) 50%,rgba(255,216,158,1) 50%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa0d1', endColorstr='#ffd89e',GradientType=1 );
		}
		} //マップ
	
		.botton {
		  display: block;
		  padding: 20px;
		  font-size: 1.6rem;
		  font-weight:bold;
		  background-color: #e8bcff;
		  text-decoration:none;
		  border-radius: 5px;
		  text-align: center;
		  color:#FFFFFF;
		  margin: 0 auto;
		}
		
/* レスポンシブテーブル
---------------------------------------*/
#consultation_hours {
	.hours_table{
	width:100%;
	border: 2px solid #d6ceb4;
	overflow: hidden;
	word-break: break-all;
	word-wrap: break-word;
	}

	.hours_table th{
	padding: 6px 8px 5px;
	border-top: solid 1px #ffffff;
	width: 45%;
	overflow: hidden;
	color: #13131e;
	font-style: normal;
	font-weight: bold;
	font-size: 100%;
	text-align: left;
	word-break: break-all;
	word-wrap: break-word;
	vertical-align: top;
	background-color:rgba(255,238,252,1.00);
	}
	
	.hours_table td{
	padding: 5px 10px;
	text-align: left;
	vertical-align: top;
	color: #595960;
	background-color: #ffffff;
	border-top: dotted 1px #e0dccc;
	overflow: hidden;
	word-break: break-all;
	word-wrap: break-word;
	}

@media (max-width:768px){
	
.hours_table th{
width:100%;
display:block;
margin: 0 auto;
border:none;
border-radius: 3px;
}

.hours_table td{
display: list-item;
width: 100%;
border-top: none !important;
}

} //メディアクエリ
	
}

//  各ブロックの背景
.blocks{
	background:#FFFFFF;
	padding:1%;
	margin-top:0px;
	}

/* ここからfooter
---------------------------------------*/
#footer_inner {
	max-width:768px; 
	margin:0 auto;
	padding-left:3%;
	padding-right:3%;
	
	@media screen and (min-width:769px) {
		max-width:960px;
	}
	
	ul.inline {
		display:flex;
		justify-content:center;
		}
	li {
	padding:10px;
	}
}

.copyright {
	text-align:center;
}