/*
 Theme Name:   Green One Child
 Theme URI:  https://medamadbpro.sakura.ne.jp/kojimachi/green-one-child/
 Description:  Green One Child Theme
 Author:       Takako Kamimura
 Author URI:   http://example.com
 Template:     green-one
Text Domain:  green-one-child
*/
/* Main Layout
------------------------------------------ */


/* (株) シュロスベストプラクティスジャパン 接骨院部門  */

.sbpj-header{
	display: flex; /* Flexboxを有効化 */
	justify-content: center;　 /* 子要素（テキスト）を横中央に配置 */
	flex-wrap: wrap; /* 折り返し */
	width: 100%;   /* 親要素の幅を100%に */
	/* height: 70%;　 親要素の高さ（縦幅） */
	background: #31bfbf; /* 親要素の色 SBPJカラー*/
	color:#fff;
	align-items: center;　子要素（テキスト）を縦中央に配置 */
	font: normal 14px PTSansBold,sans-serif;
	letter-spacing: 0.1em; /* 字間を広くする */
	/*font-weight: bold; ボールド */
}



/*　３カラム　フレックスボックス */
.flex-container {
  display: flex; /* Flexboxを有効化 */
　 flex-wrap: wrap; /* 折り返し */
   width: 100%;   /* 親要素の幅を100%に */
	justify-content: space-between; /*均等配置*/
	overflow: hidden; 
	margin: 0 auto; 
	padding: 0; 
	background-color: #fff;
	/*background-image: url("images/bg-header.png");
	background-position: top;
	background-repeat: repeat-x;*/
}


.column-main {
	flex: 0 0 45%;  /*伸びない・縮まない・ベース幅45% */
	background: #fff url("/green-one/images/bg-header.png") top repeat-x;
	/*border-color: #31bfbf;　テスト用*/
	/*border-width:15px;　テスト用*/
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 20px;
	padding-top: 10px;
  	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 0;
	/*border: 1px solid #333;*/
}


.column-side1 {
	flex: 0 0 17%; /* 伸びない・縮まない・ベース幅20% */
/*border-color: #31bfbf;　テスト用*/
	/*border-width:15px;　テスト用*/
	 margin-top: 22px;
 	 margin-right: 0;
 	 margin-bottom: 0;
 	 margin-left: 20px;
	padding-top: 0;
  	padding-left: 0;
	padding-right: 0;
	padding-bottom: 0;

	/*border: 1px solid #333;*/
}

.column-side2 {
	flex: 0 0 30%; /* 伸びない・縮まない・ベース幅25% */
/*border-color: #31bfbf;　テスト用*/
	/*border-width:15px;　テスト用*/
	 margin-top: 10px;
 	 margin-right: 10px;
 	 margin-bottom: 0;
 	 margin-left: 0;
	padding-top: 0;
  	padding-left: 0;
	padding-right: 20px;
	padding-bottom: 0;
	/*border: 1px solid #333;*/
}



/*(株) シュロスベストプラクティスジャパン - 接骨院部門 - <br>
	  Schroth Best Practice Japan Inc  */
.flex-container p.logo {
	margin:0 0 0 0; 
	padding-right: 0; 
	letter-spacing:0.2em;
	color: #666; /* #31bfbf*/
	/*color: #31bfbf; /* #666 */
	font: normal 20px PTSansBold,sans-serif;
	/*font: normal 1em/1.5em PTSansBold,sans-serif;*/
	/*font: normal 2.6em/38px PTSansBold,sans-serif; */
	text-decoration:none;
}
.flex-container p.logo a:hover {color: #014e8f;}

/*麹町白石接骨院*/
.flex-container p.tagline1 {
	margin:5px 0 0 0; 
	font: normal 18px PTSansBold,sans-serif;
	letter-spacing:0.3em;
	color: #666;
	/*font: normal 20px PTSans,sans-serif; */
	/*letter-spacing: 1px;*/
}


/*Kojimachi Dr.Shiraishi Japanese Osteopathy -since 2009- */
.flex-container p.tagline3 {
	margin:5px 0 0 0; 
	font: normal 1em/1.5em PTSans,sans-serif; 
	letter-spacing: 1px;
}


.flex-container p.address2 {
	/*margin: 0; */
	margin:10px 0 0 0; 
	padding: 0 30px 0 30px;
	font: normal 1em/1.5em PTSans,sans-serif; 
	letter-spacing: 2px; 
	text-align:right;
}

.flex-container p.tel2{
	margin:0 0 20px 0;  
	padding:10px 30px 0 30px;
	font: bold 18px PTSans,sans-serif; 
	letter-spacing: 2px; 
	text-align:right; 
	color:#014e8f;
}/*  bold 24px  letter-spacing: 3px;   */