/*********************************************************************
Copyright AJI LLC (http://www.ksi-sd.com/golf)
ゴルフサイトlessonpro.htm の右側mainのスタイルシート
ファイル名：golf-lessonpro-sumsho.css
2018年11月作成
*********************************************************************/

/*--------------------------------------------------------------------
記述の覚え
margin、padding :１番目(上)、２番目(右)、３番目(下)、４番目(左)
                  １番目(上下)、２番目(右左)
--------------------------------------------------------------------*/
@media screen and (max-width: 640px) {
 
.img{
max-width: 100%;
height: auto;
width:auto;
}

/*--------------------------------------------------------------------
タイトル枠
--------------------------------------------------------------------*/
.main-tytol-waku{ /*各ページ共通*/
	width : 100% ;
	height:auto;
	text-align:center;
	padding : 10px;
	margin : 0 ; 
/*	background-color: #00ffee; */
}

.waku-100{
	width : 100% ;
	height:auto;
	text-align:left;
	font-size : 13px;
	color : #0000df;       
	font-family:  "ＭＳ ゴシック",sans-serif;/*"ＭＳ 明朝";*/
	padding : 10px;
	margin : 0 ; 
/*	background-color: #00ffee; */
}



.waku-tytol-left{/**タイトルの左枠**/
        width:95%;/*340px;*/ 
	float:none;
	text-align:left;
	font-size : 13px;
	color : #0000df;       
	font-family:  "ＭＳ ゴシック",sans-serif;/*"ＭＳ 明朝";*/
	margin: 5px 0 0 10px;
/*	background-color: #00ffee; */
}

.waku-tytol-right{/**タイトルの右枠**/
	width:95% ; /*340px; */
	float:none; /*right;*/
	margin: 5px 10px 0 0;
/*	background-color: #ff00ee; */
}


/*--------------------------------------------------------------------
lessonpro.htm用
--------------------------------------------------------------------*/

.waku-tytol-name {  /*タイトル「インストラクター」の枠 */
	width : 320px ;
	text-align : center;
	font-size : 18px;
	color : #0000df;       
	font-family:  "ＭＳ ゴシック",sans-serif;/*"ＭＳ 明朝";*/
	font-weight: bold;
	text-shadow:1px 2px 3px #808080; /*横  縦  ぼかし  影の色*/
	padding : 18px 0 15px 0;
	margin : 0 ; 
	background : #fff ;
	border : ridge 4px #00f;
	border-top-color: #0fd;
	border-left-color : #0fd ;
}

.pro-name {  /*レッスンプロの名前の枠*/
	width : 370px ;
	text-align : center;
	font-size : 16px;  
	color : #30c;       
	font-family: "ＭＳ ゴシック",sans-serif;
	font-weight: bold;
	text-shadow:1px 2px 2px #808080; /*横  縦  ぼかし  影の色*/
	padding : 2px  6px ;
	margin : 5px 0 20px 0 ; 
	background : #cfc  ; 
	border-top : solid 1px #0f3 ;
	border-right : solid 3px #393 ;
	border-bottom : solid 3px #393 ;
	border-left : solid 1px #0f3 ;
}

.waku-pro-100{/***幅100%のインストラクター紹介の枠***/
	width:100%;
	height:auto;
	text-align:center;
	margin:10px;
}

.waku-pro-image-left{
	width:40%  ;
	text-align:none;
	float:left;
	padding:0 ;
	margin:0 ;
}

.waku-pro-image-right{
	width:100%  ;
	text-align:left;
	float:none;
	padding:0 ;
	margin:0 ;
}

.waku-pro-left{
	width:100%  ;
	text-align:none;
	float:left;
	padding:0;
	margin:0;
}

.waku-pro-right{
	width:100%  ;
	text-align:left;
	float:none;
	padding:0;
	margin:0;
}

.waku-comment {  /* コメント枠 */
     width : 300px ;
     text-align : left;
     font-size : 13px;  
     color : #0000cf;      
     font-family: "ＭＳ ゴシック",sans-serif;
     padding : 4px 3px 4px 7px;
     margin : 20px 0 0 0 ; 
     background : #cfd  ;
     border : solid 1px #00f;
}

.waku-yukikata {  /*枠 ゴルフ場への行き方の枠 */
	width : 90% ;
	text-align : center;
	font-size : 14px;  
	font-weight:bold;
	color : #00f;
	font-family: "ＭＳ ゴシック",sans-serif;/*フォントの字体*/
	padding : 10px 0;
	margin : 20px 0 10px 0;
	background-color: #fff;
	border: solid 2px #00c;
     
}


/*--------------------------------------------------------------------
テーブル
--------------------------------------------------------------------*/
/* ▼表全体の装飾▼ */
.atable {
	width:90%;
	border-collapse: collapse;
	border: 2px #0000ff solid;
	background-color: #ffffff;
}

/* ▼表のセルの装飾▼ */
.atable tr {
	border:none ;
	width:100%;
	display:block;
}

.atable th,td {
	padding:10px;
	text-align:left;
	font-size:13px;
	color : #00f;
	font-family: "ＭＳ ゴシック",sans-serif;
	padding:10px;
	border:none ;
	display:block;
}

/*--------------------------------------------------------------------
イメージの設定
--------------------------------------------------------------------*/
.image-ty1{ /*「ゴルフ留学プログラム」画像 */
	width:312px;
	height:33px;
	margin:10px 10px 10px 30px;
	float:none;
}

.image-pro-left{
	width:auto;
	text-align:right;
	float:none;
	margin:0 10px 5px 0; 
}

.image-pro-right{
	width:auto;
	float:none;
	text-align:left;
	margin:0 0 5px 10px;
	background-color: #ff00ee; 
}

.image-waku-100{/***幅100%の画像枠(この中に画像を複数入れる)***/
	display:inline-block;
	width:100%;
	height:auto;
	margin:10px;
	text-align:center;
}

/* ▼キャプション付き画像全体を囲むボックスの装飾 */
figure {
/*	float:left;*/
    display: inline-block;
    margin: 0px 3px 7px 0px; /* 外側に余白を追加(※右に3px・下に7px) */
    background-color: none;  /* 背景色 */
}

/* ▼画像に対する装飾 */
figure img {
    display: block;          /* 余計な余白が出ないようにする */
    margin: 0 10px 5px 0; /* 下側に5pxの余白を追加 */
}

/* ▼キャプションに対する装飾 */
figcaption {
	font-size: 0.9em;        /* 文字サイズを90%に */
	text-align: center;      
	line-height:1.2em;
/*	text-indent:-1.8em;*/
}

.image-boll{  /*boll.pngの大きさ*/
	width:18px;
	height:aut;
}

.image-line1{
	width:100%;
	height:2px;
	margin:5px 0;
}

.image-tytol4{
	max-width:97%;
	width:auto;
	height:auto;
}

.image-tytol5{
	max-width:95%;
	width:auto;
	height:auto;
	filter: drop-shadow(2px 2px 3px #f80);
}

.image-map{
	max-width:95%;
	width:auto;
	height:auto;
}

.migi-yose{ /*margin="right" に対応 */
	width:90%;
	margin:10px 20px;
	font-size : 13px;  
	color : #000;
	font-family: "ＭＳ ゴシック",sans-serif;
	text-align:right;
}

}