@charset "utf-8";

/*sp
-------------------- */
.clubgv__itemR {
    font-size: 20px;
}
p.past_ribon {
    width: 80px;
	margin-top: 35px;
}
@media(max-width: 420px){
	p.clubnoml__tag {
		width: 180px;
	}
}
p.rotary_rogo_center {
    width: 300px;
    margin-left: 30px;
}
@media(max-width: 800px){
	.clubnoml__list{
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%;
	}
	.clubnoml__list li{
	width: 100%;
	}

	p.clubnoml__logo {
    width: 150px;
}
	.clubnoml__item{
	list-style: none;
    width: 100%;
    margin-top: 20px;
    margin-bottom: 20px;
	}
}



/* Base
-------------------- */

p.clubnoml__logo {
    width: 84px;
}
@media screen and (max-width: 420px){
	p.clubnoml__logo {
    width: 80px;
}
}

.clubnoml__item p {
	margin: 0
}
.clubnoml__nen { font-size: 14px;}
.clubnoml__name {
	font-size: 18px;
	font-weight:500;
}
.clubnoml__name_img {
    width: 70px;
}

.clubnoml__itemR {
	margin-left: 5%;
	font-size: 14px;
}

p.clubgv__name_img {
	width: 70px;
}

p.rotary_rogo {
    margin-top: 85px;
    margin-left: 30px;
}
.heder_logo {
    display: flex;
	justify-content: center;
    margin-left: -322px;
}

.ribon-center {
    text-align: center;
}

html {
	font-size: 62.5%;
}

body {
	font-size: 15px;
	line-height: 2.8rem;
	font-family: "Noto Serif JP", serif;
	font-optical-sizing: auto;
	font-weight: 400;
	font-style: normal;
/*	font-family: "Times New Roman", "游明朝", YuMincho, "Hiragino Mincho ProN", Meiryo, serif;*/
	color: #222;
	margin: 0;
	padding: 0;
}

/* header
-------------------- */
header {
	width: 100%;
	background: url(img/h1_bg.png) center top repeat-x;
	height: 64px;
}

@media screen and (max-width: 767px) {
	header {
		margin-bottom: 20%;
	}
}
@media screen and (max-width: 520px) {
	header {
		margin-bottom: 30%;
	}
}
header h1 {}


/* 変更
-------------------- */
.flex {
	display: flex;
	flex-wrap: wrap;
}

.bibon2500 {
	justify-content: center;
	gap:0;
	margin-left: -22%;
}
.bibon2500 img {
	width: 100%;
	object-fit: cover;
}

@media screen and (max-width: 1024px) {
	.bibon2500 {
		margin-left: auto;
		margin-right: auto;
	}
}


/*青リボン*/
.bibon2500__L {
	margin-top: -10px;
}
/*ロータリークラブ2500*/


.bibon2500__R {
	width: 380px;
	margin-top: 50px;
}

@media screen and (max-width: 700px){
	.bibon2500__R{
		margin-top: -30px;
	}
}

@media screen and (max-width: 548px) {
	.bibon2500 {
		width: 75%;
	}
}

.bg-hkd img {
	width: 100%;
	object-fit: cover;
}

.bg-hkd {
	justify-content: center;
	gap:0;
    background: url(img/bg-hkd.png);
    background-repeat: no-repeat;
    background-position: left 47% top 150px;
	background-size: 1000px;
	padding-top: 300px;
}

@media screen and (max-width: 1020px){
.bg-hkd {
	justify-content: center;
	gap:0;
    background: url(img/bg-hkd.png);
    background-repeat: no-repeat;
    background-position: right 50px top 150px;
	background-size: 900px;
	padding-top: 300px;
}
}
@media screen and (max-width: 767px) {
	.bg-hkd {
		margin-left: auto;
		margin-right: auto;
		background-position: calc(100%) top;
		background-size: 120vw;
		padding-top: 420px;
		margin-top: 270px;
	}
}
@media screen and (max-width: 400px) {
	.bg-hkd {
		margin-left: auto;
		margin-right: auto;
		background-position: calc(80%) top;
		background-size: 120vw;
		padding-top: 260px;
	}
}
/* がバナー */
.clubgv{
	flex-direction: column;
	align-content: flex-end;
	width: calc((960 / 1280) * 100%);
	margin-right: auto;
	margin-left: auto;
}
.clubgv p{
	margin: 0;
	padding: 5px;
	width: auto;
}
.clubgv__ribon{
	width: 256px;
	margin: 0 auto;
}
.clubgv__item{
	/* justify-content: space-between; */
	width: auto;
}

@media screen and (max-width: 800px) {
	.clubgv{
		align-content: center;
	}
}

.clubgv__itemL{
	width: 120px;
	font-size: 20px;
}
.clubgv__logo{
}
.clubgv__itemR{
	width: calc(100% - 146px);
	margin-left: 5%;
}
.clubgv__nen{ font-size: 18px;}
.clubgv__name{ font-size: 24px;}
.clubgv__place{ font-size: 18px;}


@media screen and (max-width: 540px) {
	.clubgv{
		width: 90%;
	}
	.clubgv__nen,
	.clubgv__name,
	.clubgv__place {
		font-size: 14px;
	}
	.clubgv__tag{
		width: calc((191 / 375) * 100%);
	}
}

/* ノーマル */
.clubnoml{}
.clubnoml__ribon{
	margin: 0 auto;
	margin-left: 50px;
	margin-top: 70px;
	margin-bottom: 30px;
	display: flex;
	justify-content: center;
}
/*--- 801px以降の時非表示 ---*/
@media screen and (min-width: 801px) {
	p.rotary_rogo_center {
    display: none;
	}
}
/*--- ここまで ---*/

.clubnoml__list{
	width: calc((1100 / 1280) * 100%);
	margin: 0 auto;
	display: flex;
    flex-wrap: wrap;
	/* justify-content: space-between; */
}

.clubnoml__list li {
	list-style: none;
	width: 33%;
	margin-top: 20px;
	margin-bottom: 20px;
	flex-wrap: nowrap;
}

@media(min-width: 1600px){
	.clubnoml__item{
	width: 45%;
	}
}

@media(max-width: 950px){
	.clubnoml__list{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	}
	.clubnoml__list li {
	list-style: none;
    width: 100%;
    margin-top: 20px;
    margin-bottom: 20px;
	justify-content: center;
	}
}
@media(max-width: 420px){
	.clubnoml__list{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	padding: 0;
	}
	.clubnoml__list li {
	list-style: none;
    width: 50%;
    margin-top: 20px;
    margin-bottom: 20px;
	justify-content: center;
	}
a[href='/2014-2015/'] img {
    display: none;
}
a[href='/2013-2014/'] img {
    display: none;
}
@media (max-width: 950px){
.clubnoml__list li {
    list-style: none;
    width: 50%;
    margin-top: 20px;
    margin-bottom: 20px;
    justify-content: center;
}
	}
@media (max-width: 420px){
	.clubnoml__itemR p {
	font-size: 14px;
	margin-right: 10px;
	}
}
	/* main
-------------------- */

main div#wrapper {
	width: 480px;
	margin-left: auto;
	margin-right: auto;
}

/*governor*/
section#governor {
	color: #454545;
    margin-top: 400px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 120px;
    padding-bottom: 16px;
    border-bottom: 1px dashed #d6d6d6;
    width: 500px;
    /* margin: auto; */
    transform: translateX(250px);
}

section#governor h2 {
	margin: 0 0 24px 0;
	padding: 0;
	text-align: center;
}

section#governor ul {
	margin: 0;
	padding: 0;
	list-style: none;
	overflow: hidden;
	zoom: 1;
	display: flex
}

section#governor ul li {
	margin: 0;
	padding: 0;
	float: left;
}

section#governor ul li:first-child {
	width: 106px;
	margin-right: 24px;
}

section#governor ul li p {
	margin-top: 0;
}

section#governor ul li p span {
	font-size: 24px;
	font-size: 2.4rem;
}

section#governor ul li div a img {
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

section#governor ul li div a:hover img {
	opacity: 0.70;
	filter: alpha(opacity=70);
	-moz-opacity: 0.70;
	-ms-filter: "alpha(opacity=70)";
}

/*governor_list*/
section#governor_list {
	overflow: hidden;
	zoom: 1;
}

section#governor_list aside {
	}

section#governor_elect {
	margin-left: 130px;
}

section#governor_list nav {
	float: left;
	width: 350px;
}

section#governor_list nav ul {
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 26px;
	line-height: 2.6rem;
	margin: 0;
	padding: 0;
	list-style: none;
	overflow: hidden;
	zoom: 1;
	margin-bottom: 16px;
	padding-bottom: 16px;
	border-bottom: 1px dashed #d6d6d6;
}

section#governor_list nav ul li {
	margin: 0;
	padding: 0;
	float: left;
}

section#governor_list nav ul li:first-child {
	width: 88px;
	margin-right: 16px;
}

section#governor_list nav ul li p {
	margin-top: 0;
}

section#governor_list nav ul li div a img {
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

section#governor_list nav ul li div a:hover img {
	opacity: 0.70;
	filter: alpha(opacity=70);
	-moz-opacity: 0.70;
	-ms-filter: "alpha(opacity=70)";
}

/* footer
-------------------- */
footer {
	width: 100%;
	background: #1f1f1f;
	text-align: center;
}

footer div {
	line-height: 0;
}

footer div img {
	margin: 24px 0;
}