@charset "UTF-8";

/*	プリント用ケイ線 */
/*.container .content .columns1 img{
	border: 2px solid #000;
	box-sizing: border-box;
	outline-offset: -2px; 
　
}*/
/* 画像トリミングして表示*/
.trimming .object-fit-img{
	width: 200px;
	height: 200px;
	object-fit: cover;
}
/* 画像トリミング IE対応用にofi.min.jsを使用*/
.object-fit-img {
	object-fit: contain;
	font-family: 'object-fit: contain;'
}
.image{
	margin: 0px;
	padding: 0px;
}
.centerbox {
	width: auto;
	height: auto;
	margin: 10px 0px 0px 0px;
	padding: 0px;
	text-align: center;
	display:block;
}
.centerbox img {
	width: auto;
	height: auto;
	margin: 0px;
	float: none;
	display:inline-block;
}

/*---オールスポーツ ---*/
.allsports{
	float: right;
	height: auto;
	max-width: 500px;
	width: 40%;
	margin: 0px 0px 10px 0px;
}
@media screen and (max-width:900px) {
.allsports{
	float: right;
	height: auto;
	max-width: 350px;
	width: 40%;
	margin: 0px 10px 10px 0px;
}
}
@media screen and (max-width:550px) {
.allsports{
	float: right;
	height: auto;
	max-width: 550px;
	width: 100%;
	margin: 0px 0px 10px 0px;
}
}

.img_right, .img_left, .img_right_sizeno, .img_left_sizeno{
	float: none;
	vertical-align: top;
	padding: 0px;
	margin: 0px;
	outline: 4px solid #FFF;
	box-sizing: border-box;
/*	outline-offset: -4px; */
}
.photo2, .photo3, .photo4, .photo5, .photo6, .photo7, .photo8, .photo9, .photo10, .photo11{
	float: none;
	vertical-align: top;
	padding: 0px;
	margin: 0px;
	outline: 4px solid #FFF;
	box-sizing: border-box;
/*	outline-offset: -4px; */
	float:left;
}
/*	メニュー部分 */
.photo12, .photo12:hover{
	float: none;
	vertical-align: top;
	padding: 0px;
	margin: 0px;
	float:left;
}	
.photo2 {
	height: auto;
	width: 50%;
}
.photo3 {
	height: auto;
	width: 33.3%;

}
.photo4 {
	height: auto;
	width: 25%;

}
.photo5 {
	height: auto;
	width: 28%;
}
.photo6 {
	height: auto;
	width: 44%;
}
.photo7 {
	height: auto;
	width: 22%;
}
.photo8 {
	height: auto;
	width: 34%;
}
.photo9 {
	height: auto;
	width: 20%;
}
.photo10 {
	height: auto;
	width: 23%;
}
.photo11 {
	height: auto;
	width: 31%;
}

/*	メニュー用画像 */
.photo12 {
	height: auto;
	width: 15%;
}
/*	半透明 */
.photo12:hover {
	height: auto;
	width: 15%;
	opacity: 0.5;
	transition-duration: 0.5s;
}
@media screen and (max-width:600px) {
/*	メニュー用画像 */
.photo12 {
	height: auto;
	width: 30%;
}
/*	半透明 */
.photo12:hover {
	height: auto;
	width: 30%;
	opacity: 0.5;
	transition-duration: 0.5s;
}
}
.gallery {
	height: auto;
	width: 18.6%;
	float: none;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0.5%;
	margin-bottom: 0.5%;
	margin-left: 0px;
 /*	object-fit: cover; サムネイル固定はpx指定にしてこの一行を追加 */
}
.img_right {
	float: right;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 1%;
	margin-left: 1%;
}
.img_left {
	float: left;
	margin-top: 0px;
	margin-right: 1%;
	margin-bottom: 1%;
	margin-left: 0px;
}
.img_right_sizeno {
	float: right;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 1%;
	margin-left: 1%;
}
.img_left_sizeno {
	float: left;
	margin-top: 0px;
	margin-right: 1%;
	margin-bottom: 1%;
	margin-left: 0px;
}
.img_all {
	height: auto;
	width: 100%;
	margin: 0px;
	padding: 0px;
}
.img_all2 {
	height: auto;
	width: 100%;
	margin-top: 0.5%;
	margin-right: 0px;
	margin-bottom: 1%;
	margin-left: 0px;
	padding: 0px;
}
.img_all3 {
	height: auto;
	width: 100%;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 1%;
	margin-left: 0px;
	padding: 0px;
}
.img_all4 {
	height: auto;
	width: 100%;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding: 0px;
}
.img_600no,
.img_600 {
	float: right;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 1%;
	margin-left: 1%;
}
.img_460no {
	float: right;
	margin-top: 0px;
	margin-right: 1%;
	margin-bottom: 1%;
	margin-left: 0px;
}
/* ニュース内イメージ*/
.container .content .news img,
.container .content .columns1 .box3 a img{
	width: 40%;
	height: auto;
	float: right;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 1%;
	margin-left: 1%;
	padding-right: 0%;
}
/* この画像はワイド100%表示に*/
p.resizeimage img {
	width: 100%;
	height: auto;
}

@media screen and (min-width: 769px) {
/* 画面769以上はワイド40%を適用 回り込みあり*/
.img_right {
	width: 40%;
	height: auto;
	float: right;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 1%;
	margin-left: 1%;
}
.img_left {
	width: 40%;
	height: auto;
	float: left;
	margin-top: 0px;
	margin-right: 1%;
	margin-bottom: 1%;
	margin-left: 0px;
}
/* 画面769以上はワイド40%を適用 回り込みあり*/
.img_600no,
.img_600 {
	width: 40%;
	height: auto;
	float: right;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 1%;
	margin-left: 1%;
}
}

@media screen and (max-width: 768px) {
/* 画面768以下の場合*/
.img_600no,
.img_600 {
	width: 50%;
	height: auto;
	float: right;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 1%;
	margin-left: 1%;
}
.gallery {
	height: auto;
	width: 30%;
	float: none;
	margin: 0px;
	padding: 0px;
}
/* 画面768以下はワイド50%を適用*/
.img_right {
	width: 50%;
	height: auto;
	float: right;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 1%;
	margin-left: 1%;
}
.img_left {
	width: 50%;
	height: auto;
	float: left;
	margin-top: 0px;
	margin-right: 1%;
	margin-bottom: 1%;
	margin-left: 0px;
}
.container .content .news img,
.container .content .columns1 .box3 a img{
	width: 50%;
	height: auto;
	float: right;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 1%;
	margin-left: 1%;
	padding-right: 0%;
}
}
@media screen and (max-width: 600px) {
/* 画面600以下の場合*/
.img_600_no {
	display: none;
}
.img_600 {
	width: 100%;
	height: auto;
	float: right;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 1%;
	margin-left: 1%;
}
.gallery {
	height: auto;
	width: 48%;
	float: none;
	margin: 0px;
	padding: 0px;
}
}
@media screen and (max-width: 500px) {
/* 画面500以下の場合*/
.img_right {
	width: 100%;
	height: auto;
	float: none;
	clear: both;
	text-align: center;
	margin: 10px 0px 10px 0px;
}
.img_left {
	width: 100%;
	height: auto;
	float: none;
	clear: both;
	text-align: center;
	margin: 10px 0px 10px 0px;
}
.container .content .news img,
.container .content .columns1 .box3 a img{
	width: 100%;
	height: auto;
	float: right;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 1%;
	margin-left: 1%;
	padding-right: 0%;
}
}
@media screen and (max-width: 460px) {
/* 画面460以下の場合*/
.sizeno{
	text-align: center;
	display: block;
	margin-top: 5px;
	margin-bottom: 5px;
}
.img_right_sizeno {
	width: auto;
	height: auto;
	float: none;
	clear: both;
	display: inline-block;
	margin-top: 5px;
	margin-bottom: 5px;
}
.img_left_sizeno {
	width: auto;
	height: auto;
	float: none;
	clear: both;
	display: inline-block;
	margin-top: 5px;
	margin-bottom: 5px;
}
.img_460no {
	display: none;
}
}