@charset "utf-8";
/*  棚田の四季のCSS    */		


/*    リセットCSS      */

*{
	margin:0;
	padding:0;
	box-sizing:border-box;
}



/*  ボディー全体の設定    */

body{
	font-family:"メイリオ","Hiragino Sans",sans-serif;
	color:#2f4f4f;                        /*  文字の色の設定(#2f4f4f darkslategray)    */
	background-color:#f5deb3;             /*  ページ背景の色(#f5deb3 wheat)            */
	line-height:1.5;
}



  	/*  ↓↓ここからヘッダー↓↓  */



/*   ヘッダー全体の設定    */

header{
	min-height:150px;
	background-color:#b0c4de;    /*  ヘッダーの背景色 (#b0c4de=lightsteelblue)   */
}



      /*   ロゴ画像の設定    */

header img{
	width:auto;
	height:80px;
}


      /*   標題の設定    */

header h1{
	line-height:1.5;
	color:#006400;
	font-size:300%;
}

header p{
	line-height:1.0;
	font-size:150%;
}


	/*   ナビゲーションの設定    */


nav ul li{				 /*   ナビのリストの指定    */
	list-style-type:none;
	display:inline-block;
        border-left:5px solid #ff7f50;    /* 左側の仕切りの色 (coral)  */

	padding:0 5px 0 7px;
}

nav ul a{
	text-decoration:none;
	color:#2f4f4f;			  /*  ナビの色　(#2f4f4f darkslategray)  */
}


	/*  ↑↑ここまでヘッダー↑↑  */




	/*  ↓↓ここからアーティクル↓↓  */

article{
	max-width:1000px;
	width:100%;
	margin-top:30px;			 /* アーティクルの位置指定（削除不可) */
	margin-right:auto;                       /* アーティクルの位置指定（削除不可) */
	margin-left:auto;                        /* アーティクルの位置指定（削除不可) */
	margin-bottom:30px;                      /* アーティクルの位置指定（削除不可) */

	border-top:2px solid #2f4f4f;          /*   トップ画像上の仕切り線  */
	border-bottom:2px solid #2f4f4f;       /*   フッターとの仕切り線    */
}

article main img{
	width:100%;
	height:auto;
	margin:5px auto 15px auto;
	padding-top:15px;			
}

article section{
	margin-top:50px;
	margin-bottom:70px;
}


article section h2{
	padding-top:0;
	padding-left:20px;
}

article section p{
	padding-top:20px;
	padding-left:20px;
	text-align:left;
}


	/*  ↑↑ここまでアーティクル↑↑  */


        /*  ↓↓ここからフッター↓↓  */

footer{
	margin-bottom:50px;
}


footer ul{			  /*  ↓↓美文社の連絡先↓↓  */
	list-style-type:none;
	margin-top:10px;
}


footer ul li{
	font-size:110%;
        color:#000;
}



	/*  ↑↑ここまでフッター↑↑  */




	/* 　↓↓ここからクラスの設定↓↓  */


/*   (ヘッダーのクラス)    */


.header-flex{
	display:flex;		       /*   floatからdisplay:flex;へ変更 26.4.28. */
	justify-content:center;
	align-items:center;
	gap:55px;
	height:100px;
	padding-top:50px;
}


.hanten{
	background-color:#f5deb3;
	text-align:center;
}



/*   (アーティクルのクラス)    */

.oosima{
	color:#000;
	font-weight:500;
	text-align:right;
	margin-right:0px;
	padding-right:50px;
	padding-bottom:30px;
        border-bottom:2px solid #2f4f4f;	        /*   (トップ画像下のライン)   */
}


.bold{
	font-weight:bold;
	font-size:large;

}





            /* ↓↓ここからはサブページのアーティクルの設定↓↓  */





.card_cont h3{
	font-size:large;
	text-align:center;
	margin-top:5px;
	margin-bottom:5px;
}

.card_cont p{
	text-align:center;
	padding:1px 5px;
}



#season_card{
	display:flex;
	justify-content:center;
	flex-wrap:nowrap;
	gap:20px;
}



#season_card a{
	text-decoration:none;
	color:#008000;
	text-shadow:0.5px 0.3px 0 #789;
}


#season_card a:hover{
	color:#000;
	box-shadow:2px 2px 2px 0 #778899;
}


.contact{
	display:block;

	width:150px;
	height:auto;

	margin-left:auto;
	margin-right:auto;
	margin-top:30px;

}

#contact p{
	padding-top:5px;
	padding-right:10px;
	text-align:center;
}


            /* ↓↓ここからは美文社のドローンとパイロットの紹介記事↓↓  */



#kiji_drone_pilot{
	display:flex;
	flex-wrap:nowrap;

}


#kiji_drone{
	display:flex;

	flex-direction:column;
	flex-wrap:wrap;

	margin-left:20px;               /* ドローン記事とパイロット記事との間隔  */
	padding-left:30px;              /* ドローン記事と縦仕切り線との間隔  */

	border-left:1px solid #2f4f4f;　　　　　/* 縦仕切り線 */

}


#kiji_pilot table{
	margin-top:40px;
	margin-bottom:100px;
	border:1px solid #2f4f4f;
	border-collapse:collapse;
}

#kiji_pilot table caption{
	color:#2f4f4f;
	margin-bottom:5px;　　　　　/* タイトルと表との間の調整 */
}


#kiji_pilot th{
	border:1px solid #2f4f4f;
	font-size:90%;
	padding-left:5px;
	padding-right:5px;
}

#kiji_pilot td{
	border:1px solid #2f4f4f;
	font-size:100%;

	padding:5px 20px;
}


#drone_card{
	display:flex;
	flex-direction:column;
	flex-wrap:nowrap;
}



.drone_img{
	width:300px;
}




.video{
	width:1000px;

	font-size:100%;
	color:#000;
	font-weight:500;


	display:flex;
	flex-direction:column;
	align-items:center;
}




.contact_way{
	margin-left:70px;
}

.contact_way p{
	font-size:large;
}



.form{
	display:block;
	width:300px;
	height:30px;

	font-size:100%;
}


textarea{
	display:block;
	width:500px;
	height:120px;

	font-size:120%;
	padding-top:5px;
}

button{
	width:180px;
	height:50px;
	padding:10px;
	margin-top:30px;
}

#topspace{
	margin-top:20px;
}

#bottomspace{
	margin-bottom:30px;
}
	



             /* ↑↑ここまではサブページのアーティクルの設定↑↑  */





/*   (フッターのクラス)    */

.footer1{
	display:flex;                        /*   floatからdisplay:flex;へ変更 26.4.27. */
	justify-content:center;	
	align-items:end;
	gap:55px;
}



/* 　↑↑ここまでクラスの設定↑↑  */





/* 　↓↓ここからメディアクエリの設定↓↓  */

@media(max-width:600px){
.form,textarea{
	width:300px;












/*  主な変更履歴   */
                        /* 26年4月27日 (フッター)floatからdisplay:flex;へ変更  */
                        /* 26年4月27日 (ヘッダー)floatからdisplay:flex;へ変更  */
                        /* 26年4月30日 (アーティクル)サブページの設定  */
                        /* 26年5月25日 四季の写真と説明文をカード化    */
                        /* 26年5月30日 四季のカードの疑似クラスhoverの設定、フォントの設定  */
                        /* 26年6月 6日 article pに左パディングを挿入   */