/*********************************************************************
Copyright AJI LLC (http://www.ksi-sd.com/)
留学サイト　プログラムページの本文用のスタイルシート
ファイル名：pro-daikou-sumaho.css
2026年05月作成
*********************************************************************/
/*スマートフォン用pro-daikou-sumaho.css*/

@media screen and (max-width: 640px) {


img{
max-width: 100%;
height: auto;
width:auto;
}

.main2{
	width:100%;
        margin: 5 px;
        line-height: 1.5em ;
        padding: 0 10px;
        text-align : left;
	padding:0 ;
}

.main2-1{
	width:100%;
        text-align : left;
/*	font-size:15px; */
	font-family:Yu Gothic,"游ゴシック体","游ゴシック";
        margin-left: 5px;
        margin-right: 0;
        line-height: 1.5em ;
        padding: 0;
}

/*--------------------------------------------------------------------
トップ見出し設定
--------------------------------------------------------------------*/

/*▲プログラムのトップ大見出しボックス、▲*/
#program-top900-1{/*プログラムのトップ大見出し幅100%,ゴルフ場予約代行用*/
	width: 100% ;
	margin: 0 5px;
	padding:0 5px;
	background : url(..//image2/torrey-pines.jpg);/*torrey-north.jpg*/
	background-repeat: no-repeat;
}

.top-sub-midashi-waku{/*トップサブ見出し枠、スマホ用*/
	width : 80% ;
	height: auto ; 
	text-align :center;
	font-weight:bold;
	font-family:Yu Gothic,"游ゴシック体","游ゴシック";
	line-height:1.5em ;
	padding :0  ; 
	margin : 0 ;
}

.top-comment-waku { /*トップ見出し説明枠*/
	display:none;
}

.top-comment-waku-sumaho {/*トップ見出し説明枠 スマホ用*/
	width : 80% ; 
	height : auto ; 
	text-align : center ;
	font-size : 18px ;
	font-weight : bold ;
	font-family : Yu Gothic,"游ゴシック体","游ゴシック" ;
	padding :10px ;
	margin : 0 ;
	background-color : rgba(255, 255, 255, 0.7) ;
	border-radius : 10px ;
        color : #000 ;
}

/*▲プログラムの内容説明関係、共用、▲*/

.pro-midashi-800{/*プログラム内容のタイトル枠、*/
	width : 90% ;
	height: auto ; 
	text-align : left;
	font-size:16px;
	font-family:Yu Gothic,"游ゴシック体","游ゴシック";
	line-height:1.5em ;
	font-weight:bold ;
	color : #000 ;
	padding : 10px ;
	margin : 10px ;
	border-top : solid 2px #060 ;
	border-right : solid 2px #060 ;
	border-bottom : solid 2px #060 ;
	border-left : solid 10px #060 ;
}

.pro-comment-800 {/*プログラム内容の説明枠*/
	width : 95% ;
	height: auto ; 
	text-align : left ;
	font-size:15px;
	font-family:Yu Gothic,"游ゴシック体","游ゴシック";
	line-height:1.5em;
	color:#000;
	padding : 10px ;
	margin : 5px ;
}

.pro-comment-kakomi {  /*点線の囲み説明枠 緑色系*/
	width : 85% ;
	height:auto;
	font-size : 15px;
	color : #000;
	font-family: Yu Gothic,"游ゴシック体","游ゴシック";
	text-align: left;
	line-height : 1.5em;
	padding :10px ;
	margin: 10px ;
	background : #dfd ;
	border : dashed 2px #060 ;
	border-radius:10px;
        
}

/*--------------------------------------------------------------------
▲インデント、改行の行間、
--------------------------------------------------------------------*/
.indent1-2{/*インデント‐1字、字下げ２字*/
	text-indent:-1em;
	margin-left:2em;
}

.indent5-6{/*インデント‐1字、字下げ２字*/
	text-indent:-5em;
	margin-left:6em;
}

/*--------------------------------------------------------------------
テーブルのCSS
--------------------------------------------------------------------*/
/* ▼同じレベルに2つ以上のテーブルを収納する枠▼ */
.waku-table{
	width:100%;
	text-align:left;
/*	float:left;*/
	padding:0;
	margin: 0 ;
}
/* ▼個別のテーブルの枠▼ */
.tablebox{
	float: left; 
	text-align:center;
	margin: 5px 10px; 
	display:block;
}


/* ▼共通テーブルの表全体装飾▼ */
table.common {
	border: 3px #0000a0 solid;
	border-collapse: collapse;
	font-size: 15px;
	font-family: Yu Gothic,"游ゴシック体","游ゴシック";
	line-height : 1.5em; 
	margin-left:5px;
	width ;80%
	display:block;
}

/* ▼共通テーブルのセル(th、td)の装飾▼ */
table.common th{
	display : none;
}

table.common td{
	padding:  0.7em 42px ;
	display:block;
}

/* ▼共通テーブルのヘッダーセル(th)の装飾▼ */
table.common thead th {
	display:none;
}

/* ▼詳細の行毎の色装飾▼ */
table.common tbody tr {  
   	background: #efe;  
}  

table.common tbody tr:nth-child(2n+1) {  
      	background:#ffffff;  
} 

table.common tbody tr:hover {  
     	background: #dfd;  
    	cursor:pointer;  
} 

/* ▼共通テーブルのセル内の配置▼ */
table.common tbody th{
	display : none;
	text-align : center;
}

table.common tbody td{
	text-align : center;
}

table.common td.top {
	border-top: 3px solid #00a;
}

table.common td.aida {
	border-top: 1px solid #00a;
	border-bottom :  3px double #00a;
}

table.common td.last {
	border-top: 1px solid #00a;
}


.table-pc{
	margin:0;
}

.table-sumaho{
	display:none;
}



.t-comment{/*テーブルの中のコメント*/
	width:95%;
	font-size: 12px;
   	font-family: "ＭＳ ゴシック","MS Gothic",sans-serif;
   	line-height:1.5em;
	margin: 0 2em;
	padding:5px;
}

}