@charset "utf-8";
/*　−−−−−−−−− 全体共通 −−−−−−−−− */
/* body {
font-family: 'Yu Gothic', 'Hiragino Mincho ProN', 'Georgia';
color: #5F5F5F;
padding-top:3.5rem;
font-size: medium;
} */

body {
  font-family: "Noto Sans JP", "Microsoft JhengHei", "Hiragino Sans", "Helvetica Neue", Arial, sans-serif;
  font-weight: 400; /* 你想全站粗體就改成 700 */
}

a:link{color: #5F5F5F; text-decoration: none;}
a:visited{color: #5F5F5F;}
a:hover {opacity: 0.7;}

/* 余白 */
h1, h2, h3, h4, h5, h6{padding: 0px; margin: 0px;}
p{margin: 0px;}

.col, .col-sm-2, .col-sm-3, .col-sm-6 {padding:0;
}

/* 文字 */
/* 
h1{font-size: 23px; font-weight: bold;}
h2{font-size: 20px; font-weight: bold;}
h3{font-size: 16px; font-weight: bold;}
*/

/*写真横幅・文字余白
.col{padding-left:0px; padding-right:0px;}
p{padding-left: 15px; padding-right: 15px;}
*/


/*　−−−−−−−−− navbar −−−−−−−−− */
.navbar{border:none; background-color: rgba(255,255,255,0.75); padding: 0px; padding-top: 5px; margin: 0px;}
.navbar-brand img  {display: inline; margin-top: -5px; margin-right:15px; margin-left: 5px;}
.navbar-brand {font-weight: 900; color: #DF1914; font-size: 20px; padding-left: 0px; margin-top: 2px;}
.navbar a {color: #DF1914;}
.navbar a:hover {color: #DF1914; opacity: 0.75; background-color: rgba(255,255,255,0);}
.navbar-nav li a {color: #5F5F5F; margin-top: 3px;}
.navbar-nav li a:hover {color: #5F5F5F; background-color: rgba(255,255,255,0);}

/* ---toggle ---*/
.navbar-toggler {
color: rgba(255, 255, 255, 0.5);
background-color: #FFFFFF;
border: none; /*border-color: #ddd;*/
box-sizing: border-box; position: relative; padding: 0px;
width: 30px; height: 30px;
}
.navbar-toggler:hover, .navbar-toggler:focus {background-color: #E7E7E7;}

/* バーガーアイコン */
.navbar-toggler-icon {
background-image:none; /* 背景画像無効化 */
background-color: #5F5F5F; width: 30px; height: 1px;
display: block; position: absolute; transition: ease .5s;
}

/* 3本のバーの座標設定 */
.navbar-toggler-icon:nth-of-type(1) {top:7px;}
.navbar-toggler-icon:nth-of-type(2) {top:14px;}
.navbar-toggler-icon:nth-of-type(3) {top:21px;}

/* メニューオープン時の3本のバーの座標と角度 */
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:nth-of-type(1) {top:13px;transform: rotate(45deg);}
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:nth-of-type(2) {opacity: 0;}
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:nth-of-type(3) {top:13px;transform: rotate(-45deg);}


/* −−−−−−−− 共通部品 −−−−−−−−− */

/* --- 空白 --- */
.space1{height: 10px;}
.space2{height: 20px;}
.space3{height: 30px;}
.space4{height: 40px;}
.space5{height: 50px;}
.space7{height: 70px;}
.space10{height: 100px;}

/* --- ライン --- */
.linecolor1{background-color:#C1C1C1; height:1px; border-style: none;}
/*#E5E5E5*/
/*.line{border-bottom: solid thin #E5E5E5;}*/


/* --- 箇条書き --- */
ul.point li {
list-style-type: none; 
margin-left: 0px;/* 箇条書き全体開始位置*/
/* padding-bottom: 10px行間サイズ */
}
ul.point li::before {
content: '';
width:3px; height:3px; background: #5F5F5F;
left:-23px; top:-3px;
display: inline-block; border-radius: 100%; position: relative;
margin-right: -3px;/*--- 二行目の開始位置との一致 ---*/
}

p.yearpoint{margin-left: 4.4em; text-indent: -4.4em;}
p.year{margin-left: 4.3em; text-indent: -4.3em;}

/*--- table ---*/
tr.top{border-top:1px #DFE2E6 solid;}
td {border-bottom: 1px #ffffff solid;}
td.bottom{border-bottom:1px #DFE2E6 solid;}


/*　−−−−−−−−− card −−−−−−−−−*/
.card{text-align: center; border:0px solid; padding:0px; margin:0px;}
.card a:hover {opacity: 0.7;}
/*.card a{outline: none; display: block;}*/


/*　−−−−−−−−− image −−−−−−−−−*/
/*−−−Top Image / Card−−−*/
.card-img-overlay{padding: 0; top: calc(50% - 1.0rem); text-align: center; color: #ffffff;}
.card-img-overlay h2{font-weight: bold;}
/*.topimage .card-img-overlay h2{font-size: 23px;}*/


/*−−−Image Size−−−*/
.thumb1 img{width: 400px;}

.athleteall{align-items: start; text-align:center;}
.athleteall img{width:300px;}

.athlete img{width:100%; padding: 0px 50px;}

.person img{width:140px; display:block; margin:auto;}
.person h6{text-align: center; font-weight: 600; margin:10px 0px;}
.person{margin-bottom:30px;}

.bthumb{
display:flex;
justify-content:center; /* 水平方向 */
align-items: start; /* 垂直方向 center*/
}
.bthumb img{
width: 260px;
}

/*−−−Nwes−−−*/
.newsall img{width: 300px; }
.newsall{ text-align:center;}

.newsarticle{text-align: center;}
.newsarticle p, ul{text-align: start;}

.sticky {
position: -webkit-sticky; position: sticky; top: 55px;}

.newstitle img{width:20px;}
.newstitle {text-align:center;}


/*−−−carousel−−−*/
.carousel-caption{padding: 0; top: calc(50% - 1.0rem); text-align: center; color: #ffffff;}
.carousel-caption h5{font-weight: bold; background:#E89C9D ; opacity: 0.8;}

/*−−−store・diner一覧−−−*/
.store {cursor: pointer; overflow: hidden;}
.store img {transition: transform .4s ease;}
.store:hover img {transform: scale(1.1);}

/*
.background {
min-height: 100vh;
background-attachment: fixed;
background-size:cover;
background-position: center;
}
*/


/*　−−−−−−−−− footer −−−−−−−−−*/

/* リンクバナー */
.footerbanner{
text-align: center;
padding:30px 0px;
background-color: #ffc107;
}

/* copyright用 */
.footercopy {
background-color: #CCEBF3;
font-size: 10px;
margin: 0px; padding:0px; padding-top: 13px;
text-align: right;
}

/*-----------Media size-----------*/

/* --- 大画面サイズ以上は広げない1450 --- */
@media (min-width: 1800px){
.container-fluid { width: 1800px;}
}
/*--- 1113px以上の画面向け　PC横 ---*/
@media (min-width: 1113px){
}
/*--- 1112px以下の画面向け　ipad横 ---*/
@media (max-width: 1112px){
}
/*--- 834px以下の画面向け　ipad縦 ---*/
@media (max-width: 834px){
}
/*--- 667px以下の画面向け　iphone横 ---*/
@media (max-width: 667px){
}
/*--- 375px以下の画面向け iphone縦 ---*/
@media (max-width: 375px){
.navbar-brand {font-size: 15px;}
h2{font-size: 17px; font-weight: bold;}
h3{font-size: 15px; font-weight: bold;}
}