@charset "UTF-8";
/*------------------------------------* ゴル健合宿
\*------------------------------------*/


/* =============================================================
　　　　　　　　　　　　　　全体を通して
   ============================================================= */


/* =========== カラム・グリッドスタイル =========== */

/*gridのgutter調整*/
.row-0 {
    margin-left:0px;
    margin-right:0px;
    }
	
/* .row の左右のネガティブマージンを0にする */
.row--nopadding {
  margin-left: 0;
  margin-right: 0;
}

/* .row--nopadding の中にあるカラムの左右のパディングを0にする */
.row--nopadding > [class*="col-"] {
  padding-left: 0;
  padding-right: 0;
}	
	
/* カラムの高さを揃える */		
.balance {
    -webkit-column-count:3;
    -moz-column-count:3;
    column-count:3;
    -webkit-column-fill:balance;
    -moz-column-fill:balance;
    column-fill:balance;  /* balance カラムの数を優先 */
}

/*  グリッドスタイルで高さを同じにする */
.row-eq-height {
    display: flex;
    flex-wrap: wrap;
}


/* =========== テキスト サイズ・ウエイト・カラー =========== */

.tx-110-b { font-size: 110%; font-weight: bold; }
.tx-120-b { font-size: 120%; font-weight: bold; }
.tx-130-b { font-size: 130%; font-weight: bold; }
.tx-140-b { font-size: 140%; font-weight: bold; }

.tx-110 { font-size: 110%; }
.tx-120 { font-size: 120%; }
.tx-130 { font-size: 130%; }
.tx-140 { font-size: 140%; }

.tx-red { color: red; }
.tx-blue { color: #006EDE; }
.tx-green { color: #008842; }

.tx-white a { color: #FFFFFF; }


/* =========== バックカラー =========== */

.bg-gray-1 {
	background-color: #E5E5E5;
}
.bg-gray-2 {
	background-color: #D4D4D4;
}
.bg-yellow-1 {
	background-color: #F6F5CD;
}


/* =============================================================
　　　　　　　　　　　基本（header・footer・navi）
   ============================================================= */

/* =========== header =========== */

.navbar-brand
{
	margin-top: -5px;
	padding-left: 15px;
}
.header-nav ul li a
{
	margin: 0em 0em;
	font-weight: bold;
	font-size: 1em;
}

#navbar-main img {
	padding-left: 15px;	
}

#navbar-main br {
	display: none;	
}
	

/* =========== footer =========== */

footer {
	padding: 10px 0 60px;
	color: #000;
	background-color: #BBB;
}

.social-button {
  position: relative;
  padding: 10px 0;
  margin: 0 auto !important;
  overflow: hidden;
}
.social-button > ul {
  position: relative;
  left: 50%;
  float: left;
  padding: 0;
  margin: 0;
  list-style: outside none none;
}
.social-button > ul > li {
  position: relative;
  left: -50%;
  float: left;
  padding: 0;
  margin: 0 10px;
}
.social-button > ul > li .fb-like > span {
  vertical-align: 0 !important;
}
.social {
  padding: 10px 0;
  background: #eee;
}



/* =============================================================
　　　　　　　　　　　コンテンツ部分（本文）
   ============================================================= */

/* =========== section 見出し（共通） =========== */

/*  見出し バックにグレー帯 */
.mds-h3 {
	margin-bottom: 10px;
	padding: 7px 20px;
	background-color: #999999;
	width: 100%;
	color: #FFF;
	font-weight: 800;
	font-size: 1.2em;
}


/* =========== トップ =========== */

.top-ttl {
background-color: #BBB;	
}
.top {
	position: relative;
	height: auto;
	margin-bottom: 0;
	padding-left: 15px;
	padding-right: 15px;
	overflow: hidden;
	text-align: center;
}
.top .ttl-tx {
	height: 100px;
	margin: 0;
	padding-top: 10px;
	background-image: url(../../images/r_grk/goruken_title_bg.gif);
	background-repeat: repeat-x;
}
.top .ttl-image {
	height: 100px;
	margin-top: 0;
}
.top .ttl-image img {
	margin: 0;
	padding: 0;
	text-align: center;
}
.ttl-tx h1 {
	margin-top: 0px;
	color: #333;
	font-weight: 800;
	font-size: 1.1em;
}
.ttl-tx h2 {
	margin-top: 10px;
	font-weight: 800;
	font-size: 1.1em;
}
.ttl-tx h2 a {
	color: #333;
}
.ttl-tx p {
	margin-bottom: 10px;
	padding: 0px 15px 10px;
	color: #FFF;
	font-weight: 800;
	font-size: 1.6em;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}
.ttl-tx br {
	display: none;
}


/* =========== お申し込み =========== */

.kkm-main {
    padding-left: 15px;
	padding-right: 15px;	
}

.mds-main {
	margin-bottom: 0px;
	padding: 7px 20px;
	background-color: #FC0000;
	width: 100%;
	color: #FFF;
	font-weight: 800;
	font-size: 1.4em;
}

.mds-main-1 img,
.mds-main-2 img {
	margin-left: -15px;
	margin-right: -15px;
	padding: 0px;
	text-align: center;
}

#moushikomi p {
	margin-bottom: 0px;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 1.1em;
}


/* =========== メインイメージ =========== */

.mds-main-1 {
	background-color: #D1D1D1;
}

.main-image-copy {
	background-color: #628FD9;
}

.main-image-copy h4 {
	margin: 10px 10px 10px 30px;
	color: #FF0;
	font-size: 1.4em;
	line-height: 120%;
	font-weight: normal;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}

.main-image-copy p {
	margin: 10px 0px;
	color: #FFF;
	font-size: 0.9em;
	line-height: 140%;
}

.micopysmall {
	margin: 10px 0px;
	color: #FFF;
	font-size: 0.8em;
	line-height: 120%;
}


/* =========== ツアー詳細 =========== */

#syousai h5 {
	margin-bottom: 5px;
	color: #00954E;
	font-weight: bold;
	font-size: 0.9em;
}

#syousai p
#syousai th,
#syousai td {
	font-size: 0.9em;
}

table.table-condensed caption {
caption-side: bottom;
font-size: 0.9em;
color: #000;
}

table.table-condensed br {
display: none;
}

.syousai-b {
font-weight: bold;
color: #000;
}

.syousai-b-red {
	font-weight: bold;
	color: red;
}


/* =========== ドクターによる健康セミナー =========== */

/*  見出し バックに帯 */
#seminar h4 {
	margin-top: 0px;
	margin-bottom: 10px;
	padding: 7px 20px;
	background-color: #628FD9;
	width: 100%;
	color: #FFF;
	font-weight: bold;
	font-size: 1.2em;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}

#seminar p {
	margin-top: 10px;
	padding-bottom: 10px;
	font-size: 0.9em;
}

#seminar .tx-white {
	font-size: 0.9em;
}

#seminar .btn-sm {
	margin-top: 7px;
}

#seminar br {
	display: none;
}

/* =========== ドクタープロフィール =========== */

.profile {
	padding-left: 15px;
	padding-right: 15px;
}

.profile h3 {
	margin-bottom: 20px;
	padding: 5px 20px;
	background-color: #C2C1C1;
	width: 100%;
	color: #000;
	font-weight: 600;
	font-size: 1em;
	text-align: center;
	text-indent: 1em;
}

.profile h4 {
	font-weight: bold;
	font-size: 1em;	
}

.profile p {
	font-size: 0.9em;	
}

.okuyami {
	display: block;
	padding: 10px;
	background-color: #DDDDDD;
	color: #6B5D81;
	font-size: 1em;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	}

.profile {
	padding-left: 15px;
	padding-right: 15px;
}

.doc-pro-line {
	border-right: 1px solid #DDDDDD;
	padding-right: 20px;
}

@media (max-width:992px)
{
	
.navbar-main { text-align: center }
	
.profile {
	margin-bottom: 20px;
	padding-left: 15px;
	padding-right: 15px;
}
	
.doc-pro-line {
	border:none;
	margin-bottom: 20px;
}	

}





/* =========== ゴルファー診断＆運動処方 =========== */

.golfer-shindan {
	padding-left: 15px;
	padding-right: 15px;
	
}

.golfer-shindan h4 {
	color: #FFF;
	font-weight: normal;
	font-size: 15px;
	background-color: #05C86C;
	margin-top: 0px;
	padding: 10px;
}


/* =========== 過去のゴル健 =========== */
.grk-box2 {
	height: 260px;
	margin-bottom: 15px;
	border: 1px solid #FF9900;
	padding-top: 6px;
	padding-right: 11px;
	padding-bottom: 0px;
	padding-left: 11px;
}
.grk-box2 img {
	width: 100%;
}

.grk-box2 h4 {
	font-size: 1em;
	font-weight: bold;
	margin-bottom: 3px !important;
}
.grk-box2 p {
	font-size: 0.9em;
	margin-bottom: 3px !important;
}



/* =========== レスポンシブ 指定 =========== */

/*ここからPC（ノート）環境の設定　md
---------------------------------------------------------------------------*/
@media (max-width:1200px)
{
	
	
/* =========== footer =========== */

footer {
	padding: 10px 0 100px;
	color: #000;
	background-color: #BBB;
}
	
/* =========== 過去のゴル健 =========== */
.grk-box2 {
	height: 270px;
}

}

/*ここからタブレット環境の設定　sm
---------------------------------------------------------------------------*/
@media (max-width:992px)
{
	
/* =========== トップ =========== */
	
.top h1 {
	margin-top: 0px;
	color: #333;
	font-weight: 800;
	font-size: 0.9em;
}

.top h2 {
	margin-top: -5px;
	font-weight: 800;
	font-size: 0.9em;
}

.top h2 a {
	color: #333;
}

.top p {
	font-size: 1.4em;
}

.ttl-tx br {
	display: none;
}


/* =========== メインイメージ =========== */

.main-image-copy h4 {
	margin: 10px;
	color: #FF0;
	font-size: 1.2em;
	line-height: 120%;
	font-weight: normal;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	text-align: center;
}
.main-image-copy p {
	margin: 10px;
	color: #FFF;
	font-size: 0.8em;
	line-height: 140%;
	text-align: center;
}

/* =========== ドクターによる健康セミナー =========== */

#seminar br {
	display: inline;
}	
	
/* =========== 過去のゴル健 =========== */

.grk-box2 {
	height: 300px;
}

}

/*ここからモバイル（横）環境の設定　xs
---------------------------------------------------------------------------*/
@media (max-width:768px)
{
	
	
/* =========== footer =========== */
footer {
	padding: 10px 0 70px;
	color: #000;
	background-color: #BBB;
}
	
/* =========== トップ =========== */
.ttl-tx p {
	font-size: 1.3em;
	line-height: 110%;
}

/* =========== 過去のゴル健 =========== */

.grk-box2 {
	height: auto;
}
.grk-box2 h4 {
	margin-left: -15px !important;
}
.grk-box2 p {
	margin-left: -15px !important;
}
.grk-box2 img {
	margin-bottom: 12px;
}

}

/*ここからスマホ環境の設定
---------------------------------------------------------------------------*/
@media (max-width:480px)
{

/*  見出し バックに帯 */
.mds-h3 {
	font-size: 1em;
}

/* =========== トップ =========== */
.ttl-tx p {
	font-size: 1.1em;
	line-height: 110%;
}
.ttl-tx br {
	display: inline;
}

/* =========== 申し込み =========== */

.mds-main {
	font-size: 1.2em;
}

#moushikomi p {
	font-size: 0.9em;
}

.main-image-copy br {
	display: none;
}

/* =========== ツアー詳細 =========== */

#syousai h4 {
	font-size: 0.9em;
}



/* =========== ドクターによる健康セミナー =========== */

/*  見出し バックに帯 */
#seminar h4 {
	margin-top: 0px;
	margin-bottom: 10px;
	padding: 7px 20px;
	background-color: #628FD9;
	font-size: 1em;
}

#seminar .tx-white {
	margin-bottom: 10px;
}

#seminar .btn-default {
	margin-bottom: 0px;
}

}

/*ここからiPhone5s環境の設定
---------------------------------------------------------------------------*/
@media (max-width:320px)
{
	
/* =========== トップ =========== */
.ttl-tx h1 {
	font-size: 0.8em;
}
.ttl-tx h2 {
	font-size: 0.8em;
}
.ttl-tx p {
	font-size: 0.8em;
}

/* =========== 申し込み =========== */
.mds-main {
	font-size: 1em;
}	
	
/* =========== ツアー詳細 =========== */
table.table-condensed br {
display: inline;
}
	
}