@charset "UTF-8";

/* ****************************************************
Title: pc_outline.css
Created: 2011-02-09
Last Modified: 2011-02-09
***************************************************** */


/* Table Of Contents
----------------------------------------

# PC Hide Content
# Main
----------------------------------------*/
/* 契約スポーツ施設　画像配置用 */

.sports_img_01{
	margin:20px 10px;
}

.sports_img_02{
	background-color:#FFECEC;
	border:#F03 2px double;
	padding:15px 20px; 
	text-align:center;
	vertical-align:middle;
	margin-bottom:10px;
}

.sports_img_03{
	background-color:#FFFFCC;
	border: #F90 2px double;
	padding:15px 20px; 
	text-align:center;
	vertical-align:middle;
	margin-bottom:10px;
}

.sports_img_02 img, .sports_img_03 img{
	vertical-align:middle;
}

/* コナミスポーツクラブ　装飾用 */

.MH01{
	display:block;
	padding:5px 8px;
	margin: 25px 0 15px;
	border:1px solid #600;
	color: #600;
}

.SH01 {
	border-bottom: 1px solid #ccc;
	font-size: 107.14%;
	margin: 25px 0 15px;
	padding-bottom: 5px;
}

.SH01 .in {
	border-left: 6px solid #600;
	display: inline-block;
	*display: inline;
	margin-left: 4px;
	padding: 2px 0 2px 11px;
	vertical-align: baseline;
	*zoom: 1;
}
.qr{
	float:right;
	width:40%;
	margin:10px 3px;
}

.qr .qr_img{
	margin:3px 10px;
	display:inline-block;
	text-align:center;
	font-size:80%;
}

.qr .qr_box{
	display:block;
	background-color:#FFC;
	padding:4px;
	border: #333 1px dotted;
	margin:3px 5px;
	font-size:80%;
}

.mTable04 tbody{
	font-size:85.7%;
}

.mTable04 tbody .kubun{
	background-color: #FC9;
	color:#333;
	/*font-weight: bold;*/
	padding: 13px;
	vertical-align: middle;
	text-align:center;
}

.mTable04 tbody .kubun2{
	background-color: #696969;
	color:#FFF;
	font-weight: bold;
	padding: 13px;
	vertical-align: middle;
	text-align:center;
}

.mTable04 .tsudo table{
	width:60%;
}

.konami_card_01{
	float:left;
	font-size:90%;
	width:50%;
	margin:0 20px 10px;
}
.konami_card_02{
	margin:0 20px 10px;
}

.indent{
	padding-left:5.5em;
	text-indent:-5.5em;
}

/* 総合運動場　装飾用 */

#content #mapCanvas {
	width: 713px;
	height: 500px;
}

.mTable04 tbody .row01{
	background-color: #B3D9FF;
	padding: 13px;
	vertical-align: middle;
}

.mTable04 tbody .row02{
	background-color: #CEFFFF;
	padding: 13px;
	vertical-align: middle;
}

/* 体育奨励事業　装飾用 */

.kakomi01{
	padding:3px 8px;
	background: #E3FDFC;
	border:#13AC58 1px dotted;
	margin:10px 15px;
}

#tabwrap { 
    background: #fff; 
	overflow: hidden; 
}

#tabs { 
	border-bottom:3px solid #DC6700;
	margin: 0 0 0px 0; 
	padding:0;
	overflow: hidden; 
}

#tabs li {
	display: inline-block;
	*display: inline;
	vertical-align: bottom;
	*zoom: 1;
}

#tabs li a {
	background: url(../img/pc/bg_tab01.png) no-repeat left top;
	display: block;
	text-decoration: none;
	width:128px;
	height:29px;
	color:#333;
	text-align:center;
	margin-left:4px;
	padding-top:7px;
}

#tabs li:first-child a {
	margin-left:0;
}

#tabs a:hover {
	background-image: url(../img/pc/bg_tab01_o.png);
}

#tabs a.selected,
#tabs a.selected:hover {
	background-image: url(../img/pc/bg_tab01_a.png);
}

#tabs a.selected {
	color:#fff;
}

.mCatIndexArea {
    clear: both;
    display: none;
}
.first, .current { display: block; }

/* フォトギャラリー*/
#content .gallery {
display: flex;
flex-wrap: wrap;
justify-content: space-around;
}
#content .gallery .item {
flex-basis: 44%;
margin: 0.5em 1.2em 2em;
border: 3px solid #FFF;
box-shadow: 1px 2px 6px 0 rgba(0, 0, 0, .3);
}
#content .gallery .item.vertical {
flex-basis: auto;
margin: 0.5em 1.2em 2em;
border: 3px solid #FFF;
box-shadow: 1px 2px 6px 0 rgba(0, 0, 0, .3);
max-height: 315px;
width: auto;
}

#content .gallery .item img {
width: 100%;
}
#content .gallery .item.vertical img {
max-height: 315px;
width: auto;
}

#content .gallery .item p {
font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
letter-spacing: 0.05em;
text-align: center;
font-weight: bold;
color: #594e52;
padding: 0.6em 0 0.4em;
/*background-color:#f7f6f5;*/
}
#content .gallery .item p span {
font-size: 80.7%;
}

/* イベント*/
#content h1.t_event{
	font-size:130%;
	font-weight:bold;
	margin: 0px 0px 20px 0px;
	padding: 15px 0px 15px 15px;
	background: #DFF0DA;
	border-radius: 12px;
}

#content .event {
display: flex;
flex-wrap: wrap;
justify-content: space-around left;
}
#content .event .item {
flex-basis: 22%;
margin: 0.5em 0.5em 2em;
border: 3px solid #FFF;
box-shadow: 1px 1px 3px 1px rgba(.1, .1, .1, .1);
}
#content .event .item.vertical {
flex-basis: auto;
margin: 0.5em 1.2em 2em;
border: 3px solid #FFF;
box-shadow: 1px 1px 3px 1px rgba(.1, .1, .1, .1);
max-height: 315px;
width: auto;
}

#content .event .item img {
width: 100%;
}
#content .event .item.vertical img {
max-height: 315px;
width: auto;
}

#content .event .item p {
font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
letter-spacing: 0.05em;
text-align: center;
color: #594e52;
/*padding: 0.6em 0 0.4em;
background-color:#f7f6f5;*/
}
#content .event .item p span {
font-size: 80.7%;
}

#content .event .item p.name {
margin: 6px auto 3px;
color: #594e52;
font-weight: bold;
font-size: 85%;
}

#content .event .item p.schedule {
margin: 0px auto 3px;
font-size: 80.7%;
}

#content .event .item p.red {
margin: 0px auto 6px;
font-size: 80.7%;
font-weight: bold;
color:#DF6567;
}

#content .event .item p.gn {
margin: 0px auto 6px;
font-size: 80.7%;
font-weight: bold;
color:#53B066;
}

#content .event .item p.bl {
margin: 0px auto 6px;
font-size: 80.7%;
font-weight: bold;
color:#2F66B0;
}

#content a.icolink {
background: url(../img/all/link.png) no-repeat right top;
padding-right: 30px;
}


/* 土・日・祝日利用の場合 */

#cat03Health02 dl dt {
	display: inline-block;
	width: 130px;
}
#cat03Health02 dl dd {
	display: inline-block;
	vertical-align: top;
	width: 560px;
    margin-bottom: 30px;
}

.slash{
    background-image: linear-gradient(to right bottom, transparent calc(50% - 1px), #ccc calc(50% - .5px), #ccc calc(50% + .5px), transparent calc(50% + 1px), #fff);
    background-repeat: no-repeat;
}


/* # PC Hide Content
---------------------------------------------------------------------------- */


/* # Main
---------------------------------------------------------------------------- */