@charset "utf-8";
*{
	box-sizing:border-box;
}
body{
	font-family:'Noto Sans JP', sans-serif;
	font-size:1.3vw;
	font-weight:400;
	line-height:2;
	overflow-x:hidden;
	color:#333;
	margin:0;
}
img{
	width:100%;
	display:block;
}
li{
	list-style:none;
}
article{
	font-family:'Noto Sans JP', sans-serif;
	font-size:1.3vw;
	font-weight:400;
	line-height:2;
	overflow-x:hidden;
	margin:10vw 0;
}
article:nth-of-type(1){
	margin-top:0;
}
article:last-of-type{
	margin-bottom:0;
}
article a:link , a:visited , a:hover , a:active{
	color:#333;
	text-decoration:none;
}
section{
	margin:7vw 0;
}
section:nth-of-type(1){
	margin:0;
}
a:hover{
	border-bottom:2px solid;
}
a.anchor{
	display:block;
	padding:200px;
	margin:-200px;
}
.marker{
    background: linear-gradient(transparent 70%,#ff0 60%);
}
.pc_none{
	display:none;
}
.sp_none{
	display:inline-block;
}
.bold{
	font-weight:bold;
}
.indent{
	text-indent:-1rem;
	padding-left:1rem;
	margin-bottom:1rem;
}
.movie_wrap{
	position:relative;
	width:40%;
	margin:7vw auto;
}
.movie_wrap iframe{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
.flexbox{
	display:flex;
}
.topics{
	width:50%;
	margin: 7vw 0;
    padding: 0px 4vw;
}
.topics ul ol{
	color:#000;
	font-weight:bold;
	border-bottom:2px solid #000;
}
.lead{
	background: url(img/200808001.jpg) no-repeat;
	background-size: cover;
	padding:5vw 0;
}
.lead_text{
	text-align:center;
}
.title{
    width: 100%;
    text-align: center;
    float: none;
    margin: 0;
    font-size: 2vw;
    color: #000;
}
.title:after{
	content: '';
    height: 2px;
    width: 15%;
    background-color: #111cfa;
    display: block;
    margin: 1.5vw auto;
}
.navflex{
	margin:7vw auto;
}
.navflex_ul{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-around;
	text-align:center;
	background: url(/ims/img/2020/y4b_logo.png) no-repeat;
    background-size: 70%;
    background-position: center center;
}
.navflex_ul a{
	width:28%;
	margin:3vw 0;
	padding:1.5vw 0;
	border:1px solid #111cfa;
	border-radius:20px;
	color:#111cfa !important;
	transition:background-color 0.5s , color 0.5s;
	position:relative;
}
.navflex_ul a:hover{
	width:28%;
	margin:3vw 0;
	padding:1.5vw 0;
	border:1px solid #111cfa;
	border-radius:20px;
	color:#fff !important;
	background-color:#111cfa;
}
.nav_anchor01:after,
.nav_anchor02:after,
.nav_anchor03:after,
.nav_anchor04:after,
.nav_anchor05:after,
.nav_anchor06:after,
.nav_anchor07:after{
	content: "";
    display: block;
    width: 100px;
    height: 100px;
    position: absolute;
    top: -70%;
}
.nav_anchor01:after{
    background: url(img/200808001.png) no-repeat;
    background-size: 100%;
}
.nav_anchor02:after{
    background: url(img/200808002.png) no-repeat;
    background-size: 100%;
}
.nav_anchor03:after{
    background: url(img/200808003.png) no-repeat;
    background-size: 100%;
}
.nav_anchor04:after{
    background: url(img/200808004.png) no-repeat;
    background-size: 100%;
}
.nav_anchor05:after{
    background: url(img/200808005.png) no-repeat;
    background-size: 100%;
}
.nav_anchor06:after{
    background: url(img/201020006.png) no-repeat;
    background-size: 80%;
}
.nav_anchor07:after{
    background: url(img/201107001.png) no-repeat;
    background-size: 80%;
}
.navflex_li{
	width:100%;
}
.overview{
	background:url('img/200808011.png') no-repeat;
	background-size:cover;
	background-attachment:fixed;
	background-color: rgba(255,255,255,0.6);
    background-blend-mode: lighten;

}
.summary_text{
	width:70%;
	margin:0 auto;
}
.sub_title{
	font-size:1.5vw !important;
	color: #000 !important;
    border-bottom: none !important;
    border-left: 5px solid #111cfa;
    padding-left: 1vw;
}
.guide{
	color:#111cfa !important;
	font-weight:bold;
}
.popup-iframe{
	display:block;
	position:relative;
}
.popup-iframe:hover{
	border-bottom:0;
}
.popup-iframe:before{
	content: '';
    width: 60px;
    height: 40px;
    background-color: #f00;
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    border-radius: 10px;
    text-align: center;
}
.popup-iframe:after{
	content: '';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px 0 10px 20px;
	border-color: transparent transparent transparent #fff;
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    text-align: center;
}
.popup-iframex{
	position:relative;
}
.popup-iframex:hover{
	border-bottom:0;
}
.popup-iframex:after{
	content: '';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px 0 10px 20px;
	border-color: transparent transparent transparent #fff;
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    text-align: center;
}
.bold_blue{
	font-weight:bold;
}
.club_intro{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-around;
	text-align:center;
}
.club_intro a{
	width:20%;
	margin:2vw;
	padding:1.5vw 0;
	border:3px solid #729bea;
	border-radius:20px;
	color:#729bea !important;
	font-weight:bold;
}
.popup_frame{
	position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
    height: 100%;
    padding: 3vw 10vw 10vw 10vw;
    background: url("./img/200717005.jpg") no-repeat;
    background-size:cover;
    display:none;
    z-index:100;
}
.popup_frame iframe{
	border:0;
	width:100%;
	height:100%;
}
.close_frame{
	position: fixed;
    top: 1%;
    left: 88.4%;
    background: none;
    color: #fff;
    border: none;
    font-size: 2vw;
}
.close_frame:hover{
	cursor:pointer;
}
.close_frame:focus{
	outline:none;
}
.navigate{
	display:flex;
	color: #fff;
    justify-content: space-evenly;
    font-size: 1.6vw;
    margin: 0;
    text-shadow: 1px 1px 1px #000, 1px 0px 1px #000, 0px 1px 1px #000, -1px -1px 1px #000;
}
.move_frame:hover{
	cursor:pointer;
	border-bottom:2px solid #fff;;
}
.best_practice{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-evenly;
}
.best_practice_box{
	width:26%;
	margin:2vw 0;
}
.best_practice_box:hover{
	cursor:pointer;
	background:#ccc;
}
.practice_frame_wrap{
	position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
    height: 100%;
    padding: 3vw 10vw 10vw 10vw;
    background: url("./img/200717006.jpg") no-repeat;
    background-size:cover;
    display:none;
}
.practice_frame{
	border:0;
	width:100%;
	height:100%;
}
.score{
	background:url(./img/200717007.jpg) no-repeat fixed;
	background-size:cover;
	background-position-y:bottom;
}
.scoreborad{
	display:flex;
}
.scoreborad div{
	width:50%;
}
.scoreborad div ul{
	display: flex;
    flex-wrap: wrap;
    text-align: center;
    margin: 0;
    padding: 0 auto;
}
.scoreborad div li{
	color: #111924;
    width: 20%;
    background: #cdc7c4;
    margin: 0.7%;
    height: 9vw;
    border-radius: 14%;
    position:relative;
}
.scoreborad div.west li{
	background:#f7e5b4;
}
.scoreborad div li:nth-of-type(8n+2),
.scoreborad div li:nth-of-type(8n+4),
.scoreborad div li:nth-of-type(8n+5),
.scoreborad div li:nth-of-type(8n+7){
	background:#fff;
	border:2px solid rgb(27, 149, 224);
}
.scoreborad div li p{
	margin:0;
	width:100%;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
}
#a06{
}
.scoreborad div h2{
	color:#000;
	text-align:center;
}
.westScoreSum{
	margin-top:11vw;
}
.rank{
	display:flex;
	position:relative;
}
.rank div{
	background:#fff;
	width:30%;
	padding:1vw;
	z-index:10;
}
.rank div.east{
	margin-left:30%
}
.rank div.west{
	margin-left:5%
}
.rank div ul li p{
	margin:0;
}
.rank div.graphEast , .rank div.graphWest{
	background:none;
	position:absolute;
	top:0;
	left:5%;
	display:flex;
	align-items: flex-end;
}
.rank div.graphWest{
	top:50%;
}
.rank div.graphEast div , .rank div.graphWest div{
	writing-mode: vertical-rl;
    width: 3rem;
    padding: 0;
    margin: 0 2vw 0 0;
    position:relative;
}
.graphEast div:nth-of-type(1) , .graphWest div:nth-of-type(1){
	height:10rem;
}
.graphEast div:nth-of-type(2) , .graphWest div:nth-of-type(2){
	height:9rem;
}
.graphEast div:nth-of-type(3) , .graphWest div:nth-of-type(3){
	height:8rem;
}
.graphEast div p , .graphWest div p{
	position: absolute;
    top: 3vw;
    left: 50%;
    transform: translate(-100%,0%);
}
.numberTopEast , .numberTopWest{
	position: absolute;
    color: #fff;
    top: 28%;
    left: 6%;
    font-size: 1.6vw;
    font-weight: bold;
    border-bottom: 4px solid #fff;
    width: 40%;
}
.numberTopWest{
    top: 78%;
}
.boxEast , .boxWest{
	display:flex;
	flex-wrap:wrap;
	margin:3vw 0;
}
.boxEast p , .boxWest p{
	margin-left:3vw;
}
.score_pass{
	text-align:center;
}
.div_pawapo{
	width:100%;
	height:600px;
}
.aquarium_ball{
	width:40%;
	margin:0 auto;
}
.y4b__read{
	text-align:center;
	color:#ff9933;
}
.aquarium__title{
	text-align:center;
	color:rgb(27, 149, 224);
}
.y4b__instructions{
	border: 3px solid #19a0cc;
    width: 70%;
    text-align: center;
    margin: 3rem auto;
    padding: 2rem;
}
.snscolor{
	color:rgb(27, 149, 224);
}
.snscolor2{
	color:#ff9933;
}
.container {
	margin-top:80px;
}
th{
	height:30px;
	text-align:center;
	width:10%;
}
td{
	height:100px;
	width:10%;
	position:relative;
}
.today{
	background:#B0E0E6;
}
th:nth-of-type(1),td:nth-of-type(1){
	color:red;
}
th:nth-of-type(7),td:nth-of-type(7){
	color:blue;
}
.action__name{
	font-size: 80%;
	background: #4285f4;
	color: #fff;
	padding: 2%;
	border-radius: 5px;
}
.action__member{
    background: url(img/small_star7_yellow.png) no-repeat;
    background-size: 100%;
    height: 4rem;
    display: inline-block;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 4rem;
    text-align: center;
    font-weight: bold;
    padding-top: 5%;
    color:#000;
}
.calender__popbox__wrap{
	position:absolute;
	background:rgba(0,0,0,0.2);
	width:100%;
	height:100vh;
	z-index:1;
}
.calender__popbox{
	background: #fff;
    width: 70%;
    height: 70%;
    margin: 5% auto;
    padding: 5%;
    font-size: 90%;
}
#close__popup{
	margin-right:1rem;
}
.calender__title{
	text-align:center;
}
.calender__iframe{
	width: 100%;
    height: 60vw;
    border: none;
}
.sankaninzuu{
	text-align: center;
    display: block;
    margin: 2rem auto;
    color: #33f !important;
    width: 20%;
}
/*スマホ*/
@media screen and (max-width:768px){
article{
	font-size:4vw;
}
.flexbox{
	display:block;
}
.movie_wrap {
	width:60%;
}
.topics{
	width:60%;
	margin:7vw auto;
}
.topics ul{
	padding:0;
}
.title{
	font-size:5vw;
}
.navflex{
	margin:20vw auto;
}
.navflex_ul a{
	width:80%;
	margin:5vw 0;
}
.navflex_ul a:hover{
	width:80%;
	margin:5vw 0;
}
.nav_anchor01:after,
.nav_anchor02:after,
.nav_anchor03:after,
.nav_anchor04:after,
.nav_anchor05:after,
.nav_anchor06:after,
.nav_anchor07:after{
    top: -80%;
    background-size: 70%;
}
.sub_title{
	font-size:4vw !important;
}
.summary_text {
	width:100%;
}
.club_intro{
	padding:0;
}
.club_intro a {
	width:40%;
	padding: 3.5vw 0;
}
.scoreborad{
	display:block;
}
.scoreborad div {
	width:100%;
}
.scoreborad div li {
	width:30%;
	height:20vw;
}
.scoreborad div.east li{
	background:#cdc7c4;
}
.scoreborad div.west li{
	background:#f7e5b4;
}
.scoreborad div li:nth-of-type(even){
	background:#fff;
	border:2px solid rgb(27, 149, 224);
}
.scoreborad div li:nth-of-type(8n+5),
.scoreborad div li:nth-of-type(8n+7){
	border:none;
}
.rank{
	flex-wrap:wrap;
}
.rank div {
	width:46%;
}
.rank div.east {
	margin-left:0;
	order:5;
}
.rank div.west {
	order:6;
}
.rank div ul{
	padding:0;
}
.rank div.graphEast, .rank div.graphWest{
	position:relative;
}
.numberTopEast, .numberTopWest{
	position:relative;
}
.numberTopEast{
	order:1;
	margin-right: 5%;
}
.numberTopWest{
	order:2;
}
.graphEast{
	order:3;
}
.graphWest{
	order:4;
}
.popup_frame {
	padding:20vw 10vw 40vw 10vw;
}
.close_frame{
    top: 3%;
    left: 83.4%;
    font-size: 10vw;
}
.flexbox01{
	display:block;
}
.navigate{
	font-size:4vw;
}
.div_pawapo{
	height:300px;
}
.aquarium_ball{
	width:70%;
	margin:0 auto;
}
#onedrive_pawapo {
	height:300px;
}
.y4b__instructions{
	width:100%;
}
.calender__iframe{
    height: 200vw;
}
.sankaninzuu{
    width: 100%;
}
}