@charset "utf-8";


/* ---------------------------------------------------------------------------- */
/*      event-memory 用設定			佐藤紀子	2022.10	                        */
/* ---------------------------------------------------------------------------- */

body
	{
 	 background-image 			: 	url(./images/haikei.jpg)					;
	}

.container-m
	{
	border 						: 	1px solid #dfe3e6							;
  	background-color 			: 	#fff										;
    padding                     :   10px 4%                                 	;
	}

@media ( min-width : 768px )
    {
    .container-m
    	{
        max-width               :   1200px                              		;
        margin                  :   0 auto                              		;
        padding                 :   50px  100px                   				;
 		box-shadow				: 	5px 5px 4px #a9a9a9 						;
		font-size				:	1.1em										;
        }
    	}

.main-section
	{
    margin						:	40px 0 										;
	}
	
@media ( min-width : 768px )
    {
	.main-section
		{
    	margin					:	50px 0 										;
		}
		}

.container-m p
	{
	line-height					:	1.8rem										;
	}

@media ( min-width : 768px )
    {
    .memory
    	{
		margin					:	5px 0										;
		}
		}
		

/* ---------------------------------------------------------------------------- */
/*      		見出し 設定				                                        */
/* ---------------------------------------------------------------------------- */


h1 
    {
    position                    :   relative                                	;
    padding                     :   0.25em 0                                	;
    color						:	maroon										;
	font-weight					:	normal										;
    }

h1:after 
    {
    content                     :   ""                                      	;
    display                     :   block                                   	;
    height                      :   4px                                     	;
    background                  :   -webkit-linear-gradient(to right, #800000, transparent)   ;
    background                  :   linear-gradient(to right, #800000, transparent)           ;
    }


h2
	{
    margin-bottom				:	2rem										;
	padding-bottom				:	0.5rem										;
	font-size					:	1.3rem										;
	color						:	maroon										;
    border-bottom               :   1px solid gray                  			;
	}

h3
	{
	font-size					:	1.2rem										;
	color						:	maroon										;
    border-bottom               :   1px solid #2c4f54                   		;
	padding						:	0.5rem 0 									;
	}


.small
	{
	font-size					:	1.7rem										;
	}

hr 
	{
	height						: 	0											;/* 境界線のリセット */
  	margin						: 	0											;
  	padding						: 	0											;
  	border						: 	0											;
	}

hr
	{
  	height						: 	1.5px										;/* 境界線 */
  	background-image			: 	-webkit-gradient(linear, left top, right top, from(transparent), color-stop(#800000), to(transparent));/*境界線 色 濃い青 */
  	background-image			: 	linear-gradient(to right, transparent, #800000, transparent)										;
	}

/* ---------------------------------------------------------------------------- */
/*      ナビゲーションメニュー部用表示設定                        				*/
/* ---------------------------------------------------------------------------- */

.item-menu1
	{
    font-size                   :   1rem                                        ;
    float                       :   left                                        ;
    margin                      :   0 0 12px 10px                               ;
    border                      :   1px solid #640125                    		;
    width                       :   140px                                       ;
    text-align                  :   center                                      ;
    background-color            :   #fff                                 		;
    }

.item-menu1 a
	{
    display                     :   block                                       ;
    padding                     :   5px                                         ;
    text-decoration             :   none                                        ;
    color                       :   maroon                                     ;
    }

.item-menu1 a:visited
	{
    color                       :   maroon                                     ;
    }

.item-menu1 a:hover
	{
    color                       :   #fff                                       	;
    background-color            :   #800000                                 	;
	transition					: 	all .3s	ease-in								;
    }
  
.clearfix
	{
	zoom						:	100%										;
	}
    
.clearfix::after
	{
	content						:	" "											;
	clear						:	both										;
	height						:	0											;
	display						:	block										;
	visibility					:	hidden										;
	}

/* ---------------------------------------------------------------------------- */
/*      代表挨拶・活動報告・しおり                       				*/
/* ---------------------------------------------------------------------------- */

.flexbox 
	{
 	display							: 	flex									;
 	flex-direction					: 	column									; 
	align-items 					:	center									;
	}
	 
@media  screen and ( min-width : 920px ){
	.flexbox 
		{
		flex-direction				:	row										;
		margin						: 	20px 0 									;
        }
        }

.item-menu2
	{
    font-size                   :   1rem                                        ;
    float                       :   left                                        ;
    margin                      :   0 0 12px 10px                               ;
    border                      :   1px solid #779eaf                    		;
    width                       :   250px                                       ;
    text-align                  :   center                                      ;
    background-color            :   #fff                                 		;
    color                       :   #000                                     	;
    
    }

.item-menu2 a
	{
    display                     :   block                                       ;
    padding                     :   5px                                         ;
    text-decoration             :   none                                        ;
    color                       :   #000                                     	;
    }

.item-menu2 a:visited
	{
    color                       :   #000                                     	;
    }

.item-menu2 a:hover
	{
    color                       :   #fff                                       	;
    background-color            :   #779eaf                                		;
	transition					: 	all .3s	ease-in								;
    }
  

/* ---------------------------------------------------------------------------- */
/*      箇条書き設定                                                        	*/
/* ---------------------------------------------------------------------------- */

.kajo dl
	{
	margin-left					:	3rem 										;
	}

.kajo dt
	{
	float						:	left										;
	padding-top					:	15px										;
	line-height					:	1.5rem										;
	}

.kajo dd
	{
	padding-top					:	15px										;
	padding-left 				: 	5rem										;
	line-height					:	1.5rem										;
	}




/* ---------------------------------------------------------------------------- */
/*     画像　集合写真　式次第                          							*/
/* ---------------------------------------------------------------------------- */


.syugo-photo
	{
    max-width 						: 	100%									;
    height 							: 	inherit									;
    text-align                  	:   center                                  ;
    }

.syugo-photo p
	{
	font-size                   	:   1.1rem                                  ;
    padding							:	5px 0									;
	}

.sikisidai
	{
	max-width 						: 	100%									;
	margin							: 	50px	auto							;
	width							: 	600px									;
	}



/* ---------------------------------------------------------------------------- */
/*      画像						                             */
/* ---------------------------------------------------------------------------- */

.photo-container
	{
 	display							: 	flex									;
	flex-wrap						: 	wrap									;

  	}

@media screen and (min-width:920px) {
	.photo-container
		{
  		justify-content				: 	space-around							;
		margin-bottom          		:   100px 									;
   		}
   		}
   		
.item1
	{
	width							: 	45%										;
    margin                      	:   8px;
    text-align 						: 	center									;
	background						: 	#fff									;
  	border-radius					: 	3px										;
 	box-shadow						: 	5px 5px 15px -10px;						;
	}

.item1-t
	{
    font-size                   	:   0.9rem                                  ;
    padding                  		:   10px   0                              	;
    }

@media screen and (min-width:920px) {
	.item1
		{
		width                   	:	45%                          			;
    	margin                      :   20px                                  	;
		}
	.item1-t
		{
    	font-size                   :   1rem                                  	;
    	}
		}

a
    {
    text-decoration                     :   none                                                ;
    }

a:hover
	{
	color                               :   #e95295                                             ;/*和色つつじ色*/
	}