/*------------------------------------------------------

	[common]

------------------------------------------------------*/
#page-title { background: url(/kanyukai/images/st_pagetitle.jpg) no-repeat center center; background-size: cover;}


@media (min-width: 768px) {
}

@media (max-width: 767px) {
	.l_col-pagenav { margin-bottom: 40px;}
}
@media (max-width: 480px) {
	#greeting #page-title { background: url(/kanyukai/images/st_pagetitle_sp.jpg) no-repeat center center; background-size: cover; }
}


/*------------------------------------------------------

	[index]

------------------------------------------------------*/
#index .bg-gradation { padding-top: 0; }

#index #kanyu-x { width: 100%; }
#index #kanyu-x > div figure.qr { max-width: 107px; min-width: 107px; }
#index #kanyu-x > div figure.qr + div.text { width: calc(100% - 107px); word-wrap: break-word; }

@media (min-width: 768px) {
    #index .l_col-index-small > section { width: calc((100% / 3) - 30px); margin-right: 0; margin-bottom: 0 !important;}
	#index .l_col-index-small section:not(:nth-child(4n+4)) { margin-right: 0;}
	#index .l_col-index-small section:not(:nth-child(3n+3)) { margin-right: 40px;}
	#index .l_col-index-small section:nth-child(n+4) { margin-top: 40px;}
    
    #index #kanyu-x > div { padding: 40px; }
    #index #kanyu-x > div figure.qr { margin-bottom: 0; }
    #index #kanyu-x > div figure.qr + div.text { padding-left: 20px; }
}

@media (max-width: 767px) {
    #index .l_col-index-small > section { margin-bottom: 0;}

    #index #kanyu-x { padding-left: 20px; padding-right: 20px; }
    #index #kanyu-x > div figure.qr { margin: 0 auto 10px; }
}

@media (max-width: 480px) {

}


/*------------------------------------------------------

	[greeting]

------------------------------------------------------*/
#greeting .local-nav.head { margin-bottom: 0;}

#greeting #activity .list-a li { font-weight: bold;}
#greeting #activity .list-a li .text { font-weight: normal; padding-top: 10px;}

#greeting .bg-gradation { padding-top: 0; }

@media (min-width: 768px) {
	#greeting #activity .list-a li:nth-child(n+3) { margin-top: 30px;}

}

@media (max-width: 767px) {
	#greeting .l_col-pagenav { margin-bottom: 70px;}
	#greeting #activity .list-a li:not(:last-child) { margin-bottom: 15px;}
}



/*------------------------------------------------------

	[history]
	歴史

------------------------------------------------------*/

@media (min-width: 768px) {
	#history #history-contents .l_col-2-l > .text { width: calc(100% - (360px + 40px));}
	#history #history-contents .l_col-2-l > figure { width: 360px;}
	#history #history-contents .emphasize { font-size: 2rem;}

}

@media (max-width: 767px) {
	#history #history-contents .emphasize { font-size: 1.8rem;}
	
}


/*------------------------------------------------------

	[officer]
	役員一覧

------------------------------------------------------*/
#officer #officer-contents .table-a { border-left: none;}
#officer #officer-contents .table-a thead th { border-right: none; text-align: left;}
#officer #officer-contents .table-a tbody td { border-right: none; text-align: left;}
#officer #officer-contents .table-a tbody td img {}

@media (min-width: 768px) {
	#officer #officer-contents .table-a thead th { padding: 5px 5px 5px 20px; }
	#officer #officer-contents .table-a tbody td { padding: 5px 5px 5px 20px; }

}

@media (max-width: 767px) {
	#officer #officer-contents .table-a thead th { padding: 5px 5px 5px 10px; }
	#officer #officer-contents .table-a tbody td { padding: 5px 5px 5px 10px; }
	
}


/*------------------------------------------------------

	[kanyushi]

------------------------------------------------------*/
#kanyushi .bg-blue ol { font-size: 1.6rem; padding-left: 2em;}

#kanyushi .list-a > li { font-weight: bold;}
#kanyushi .list-a > li .text { font-weight: normal; padding-top: 10px; margin-bottom: 30px;}

@media (min-width: 768px) {

}

@media (max-width: 767px) {

}


/*------------------------------------------------------

	[due]
	会費納入方法

------------------------------------------------------*/
#due #kinds .list-a li { font-weight: bold;}
#due #kinds .list-a li .text { font-weight: normal; padding-top: 10px; margin-bottom: 0;}

#due #payee .table-b { width: 100%;}

@media (min-width: 768px) {

}

@media (max-width: 767px) {
	#due #kinds .list-a li:not(:last-child) { margin-bottom: 30px;}
}



/*------------------------------------------------------

	[schedule]
	行事予定

------------------------------------------------------*/
#schedule #schedule-info {}
#schedule #schedule-info #news { box-shadow: none;}
#schedule #schedule-info #news dl {}
#schedule #schedule-info #news dl > div {}


@media (min-width: 768px) {

}

@media (max-width: 767px) {
	#schedule #schedule-info #news { margin-left: 20px; margin-right: 20px; top: 0; margin-bottom: 0; }
}


/*------------------------------------------------------

	[ service]
	サービス

------------------------------------------------------*/
#service .table-a {}
#service .table-a th ,
#service .table-a td { text-align: left;}
#service .table-a td .list-b { margin-top: 10px; margin-bottom: 0;}
#service .table-a td .list-b li { font-weight: bold;}
#service .table-a td .list-b li .text { font-weight: normal;}

@media (min-width: 768px) {
	#service .table-a th ,
	#service .table-a td { padding-left: 20px; padding-right: 20px; }
}

@media (max-width: 767px) {
	#service .table-a th ,
	#service .table-a td { padding-left: 10px; padding-right: 10px; }
}


/*------------------------------------------------------



------------------------------------------------------*/

@media (min-width: 768px) {

}

@media (max-width: 767px) {

}


/*------------------------------------------------------



------------------------------------------------------*/

@media (min-width: 768px) {

}

@media (max-width: 767px) {

}