@charset "utf-8";
/* CSS Document */

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

ページビジュアル

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

#page-visual {
	background: url("../images/club/main_bg.png") no-repeat;
	background-size: cover;
	width: 100%;
}
#page-visual div{
	padding: 60px 0 80px 0;
	text-align: center;
}
#page-visual p{
	width: 1024px;
	margin: 0 auto;
	text-align: left;
	box-sizing: border-box;
	padding: 5px 0 0 5px;
	color:#fff;
}
#page-visual a{
	color:#fff;
}


#club_contents .club_report{
	font-size: 20px;
	text-align: left;
	margin: 0 0 20px;
	padding-top: 50px;
}

#club_contents h2{
	font-size: 30px;
	color: #036EB8;
	text-align: center;
	font-weight: bold;
}
/*

行事報告

*/
#report_list{
	margin-bottom: 40px;
}

#report_list li{
	border-top: solid 1px #c8c9c9;	
	padding: 10px 0 8px;
}

#report_list li span{
	font-weight: bold;
	margin-right: 50px;
}

#report_list li:last-child{
	padding-top: 30px;
	text-align: right;
	padding-bottom: 8px;
}

#club_contents .club_tt{
	font-size: 20px;
	text-align: left;
	margin: 0 0 20px;
}

.club_list{
	font-size: 16px;
}

.club_list li{
	width: 328px;
	margin-right: 20px;
	border-bottom: solid 1px #c8c9c9;
    background: url(../images/club/club_b.png);
    background-repeat: no-repeat;
    background-position: 96%;
	background-size: 9px 10px;
}

.club_list li a{
	display: block;
	padding: 10px;
	box-sizing: border-box;
}

.club_list li:nth-child(3n){
	margin-right: 0;
}

.club_list .fl-item:last-child,.club_list .nb{
	border-bottom: none;
}

.club_list .fl-item:last-child{
	float: none;
}

.club_list .fr-item{
	float: right;
}
.club_movie{
	margin: 80px auto;
}
.club_movie h2{
	margin: 80px auto 20px;
}
.club_movie .club-title{
	text-align: center;
	margin-bottom: 16px;
}

.club_movie .fl-item{
	width: 326px;
	margin-right: 20px;
	border: 1px solid #036EB8;
}
.club_movie .fl-item:last-child{
	margin-right: 0;
}
.club_movie .fl-item dd{
	position: relative;
	top: 0;
	left: 0;
	box-sizing: border-box;
	padding: 10px;
}
.club_movie .club_item-title{
	font-size: 1.2em;
	color: #036EB8;
}

.club_movie .club_item-icon{
	position: absolute;
	bottom: 10px;
	right: 10px;
}
.club_movie .club-list img.pc-only:hover{
	opacity:0.7;
}

.bg_gray_01{
	padding: 60px 0;
	margin: 50px 0 30px 0;
	background-color: #efefef;
}
.bg_gray_02{
	padding: 30px 0;
	margin: 50px 0 0;
	background-color: #efefef;
}
/*

シングルページ

*/

.club_left_contents{
	width: 100%;
	max-width: 750px;
	font-size: 16px;
	margin-bottom: 120px;
	float: left;
}
.club_left_contents a{
	word-break: break-all;
}

#club_single_contents h2{
	font-size: 30px;
	color: #036EB8;
	text-align: center;
	font-weight: bold;
	margin: 80px auto;
}

.club_left_contents h3{
	margin: 50px 0 20px;
	color: #036eb8;
	font-size: 20px;
	font-weight: bold;
}

.club_left_contents .blue{
	font-weight: bold;
}

#club_img{
	margin-top: 60px;
}

#club_img li{
    margin-right: 20px;
}
#club_img li:last-child{
    margin-right: 0;
}
#club_img_2photo li{
    float: left;
}

#gray_column{
	padding: 40px 25px;
	margin-top: 50px;
	box-sizing: border-box;
	background-color: #efefef;
}

#gray_column h3{
	margin: 0 0 30px 0;
	color: #595757;
	font-size: 18px;
	font-weight: bold;
}

.obog dl{
	margin-bottom: 30px;
}

.obog dl:last-child{
	margin-bottom: 0;
}

.obog dt{
	width: 200px;
}

.small{
	font-size: 14px;
}

.bb{
	padding-bottom: 50px;
	border-bottom: solid 1px #c9caca;
}

.obog .name{
	font-weight: bold;
}

.jisseki dt{
	width: 100px;
}

.jisseki dd{
	overflow: hidden;
	margin-bottom: 30px;
}

dd .pc-only{
	display: inline-block;
}

.jisseki dd:last-child{
	margin-bottom: 0;
}

.jisseki_archery dt{
	width: 100px;
}

.jisseki_archery dd{
	overflow: hidden;
	margin-bottom: 30px;
	font-size:96%;
}
.jisseki_archery dd:last-child{
	margin-bottom: 0;
}


.staff dt{
	width: 100px;
}

.staff dd{
	overflow: hidden;
	margin-bottom: 30px;
}
.staff dd{
	margin-bottom: 2px;
}

.club_right_contents{
	width: 225px;
	float: right;
	margin-top: 50px;
}

/*

右メニュー

*/

.club_right_contents h4{
	font-size: 16px;
	font-weight: bold;
	padding-bottom: 15px;
	margin-bottom: 20px;
	border-bottom: solid 1px #c9caca;
}

.club_right_contents .bunka{
	margin-top:50px;
	margin-bottom:50px;
}

.club_right_contents p{
	margin-bottom: 10px;
}

.staff dt{
	
}
.fr_notice{
	margin-left:5%;
}
#club_contents h2 .emer{
	color: #D61619;
	font-size: 0.6em;
	font-weight:normal;
}
.nav-item_child .emer{
	color: #D61619;
	font-size: 0.6em;
}
.emer{
	color: #D61619;
	font-size: 0.8em;
}
.emer_big{
	color: #D61619;
	font-size: 1.2em;
}
/*--------------------------------------------------------------------------------

767px以下

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

@media screen and (max-width:767px){
dd .pc-only{
	display: none;
}
#club_single_contents img{
    width: 100%;
	max-width: 100%;
	height: auto;
}
#club_single_contents h2{
	font-size: 1.8em;
	margin: 40px auto;
}
#club_single_contents li{
    width: 100%;
}
#page-visual div{
	padding: 20px 0 40px 0;
}
#page-visual p{
	width: 100%;
}
.club_left_contents .bb:first-child h3{
	margin: 0 0 20px;
}
.club_list li{
	width: 100%;
	margin-right: 0;
}

.club_list .nb{
	border-bottom: solid 1px #c8c9c9;
}

#club_img li {
    margin-right: 0;
	margin-bottom: 20px;
}

.obog .fl-item,.jisseki .fl-item,.staff .fl-item{
	float: none;
}

.jisseki dt,.staff dt{
	font-weight: bold;
}

.jisseki_archery .fl-item{
	float: none;
}
.jisseki_archery dt{
	float: none;
}

.jisseki_archery dt{
	font-weight: bold;
}

.club_left_contents dd:last-child span.jisseki_block:last-child{
	margin-bottom: 0;
}
	
.jisseki_block{
	margin-bottom: -5px;
	display: block;
}	

.club_movie{
	margin: 0px auto;
}
	
.club_movie .club-title{
	text-align: center;
	margin-bottom: 16px;
}

.club_movie .fl-item{
	width: 100%;
	margin-right: 0;
	margin-bottom: 30px;
}

.club_movie .fl-item dt img{
	width: 100%;
}

.club_movie .club_item-icon{
	position: absolute;
	bottom: 10px;
	right: 10px;
}
.club_movie .club-list img.pc-only:hover{
	opacity:0.7;
}
	
.bg_gray_02{
	margin: 30px 0 0;
}

	
#club_img{
	margin-top: 0;
}

#club_img_2photo li{
	margin-top: 20px;
    float: none;
}
}

@media screen and (max-width:416px){
#club_contents .club_movie h2{
	font-size: 24px;
}
	
}