@charset "utf-8";

/*==========================================
 レイアウト
===========================================*/

/* ページ */
div.page {
	width          : 100%;
	margin         : 0 auto;
}

/* ヘッダー */
header#wasedaGymnasticsHeader {
	width          : 100%;
}

/* コンテナ */
#container {
	position       : relative;
	width          : 100%;
}

#targetMain {
	width          : 100%;
	margin         : 0 auto;
}

/* フッターバー */
footer#mosaFooter-bar {
	width          : 100%;
}

/* フッター */
footer#mosaFooter {
	width          : 100%; /*これを指定してはいけない */
}

@media all and (min-width:640px) and (max-width:959px) {

}

@media all and (min-width:960px) {
}
@media all and (max-width:1023px){
	div.page,
	header#wasedaGymnasticsHeader,
	#container,
	footer#mosaFooter-bar,
	footer#mosaFooter {
		width      : 100%;
	}

}
@media all and (min-width:1024px) {
}
@media all and (min-width:1366px){
	div.page,
	header#wasedaGymnasticsHeader,
	#container,
	footer#mosaFooter-bar,
	footer#mosaFooter {
		width      : 1366px;
	}

}

/*==========================================
 コンテナのスタイル
===========================================*/

/*menu*/
#col1 {
  float            : left;
  width            : 0px;
  padding          : 0px 0px 0px 0px;
  background-repeat: repeat;
}
#col2 {
  width            : auto;
  margin           : 0 0 0 5px;
  position         : relative;
  float            : left;
}
#col3 {
  width            : 100%;
  margin           : 0px 0px 0px 0px;
  position         : relative;
  float            : left;
  overflow-x       : hidden;
  overflow-y       : hidden;
}
#col4 {
	width          : auto;
}
#col1_content {
	position       : relative;
	padding        : 0px 0px 20px 0px;
	font-size      : 8pt;
	/*top            : 45px;*/
}
#col3_content {
	position       : relative;
	padding        : 0px 0px 20px 0px;
	min-height     : 1000px;
	/*top            : 45px;*/
}
#col3_content2 {
	position       : relative;
	padding        : 0px 0px 20px 0px;
	min-height     : 1000px;
	/*top            : 45px;*/
}
#col2_content {
	position       : relative;
	padding        : 0px 0px 20px 0px;
	font-size      : 8pt;
	/*top            : 45px;*/
}

.home #col1_content,
.home #col2_content,
.home #col3_content
{
	top            : 0px;
	padding-top    : 10px;
}



@media all and (mix-width:415px) {
	#col3 {
		margin     : 0px 10px 0px 10px;
	}
	#col3_content,
	#col3_content2 {
		padding    : 10px 10px 20px 10px;
	}
}

@media all and (min-width:640px){

}
@media all and (min-width:768px){

}

@media all and (max-width:1024px){
	#col1 {
	    display    : none;
		width      : 0px;
		padding    : 0px 0px;
	}
	#col2 {
	    display    : none;
		width      : 0px;
		padding    : 0px 0px;
	}
}

@media all and (min-width:1025px){
	#col1 {
	    display    : block;
		width      : 250px;
		padding    : 5px 5px 5px 5px;
	}
	#col2 {
	    display    : block;
		width      : 250px;
		padding    : 5px 5px 5px 5px;
	}
	#col3 {
		width      : calc( 100% - 500px - 30px);
	}
}

/*==========================================
 コンテンツエリア全体のスタイル
===========================================*/

#contents {
	width          : 100%;
	padding-bottom : 30px;
}

@media all and (min-width:768px){
	#contents {
		padding-left : 10px;
		padding-right: 10px;
	}
}

/*==========================================
 パンくずリスト
===========================================*/

.breadcrumb-list {
    padding-left           : 15px;
    padding-right          : 15px;
    letter-spacing         : .03em;
    line-height            : inherit;
}

.breadcrumb {
	display                : none;
    padding                : 18px 0 24px;
    line-height            : 1;
	letter-spacing         : .03em;
	font-size              : 18px;
    cursor                 : pointer;
}

.breadcrumb ol {
	padding                : 0;
    text-align             : left;
    letter-spacing         : -.5em;
    line-height            : inherit;
}

.breadcrumb li {
    display                : inline-block;
    margin                 : 0 15px 0 0;
    padding-right          : 15px;
    border                 : none;
    position               : relative;
    letter-spacing         : .05em;
    font-size              : .75em;
    color                  : #9c9c9c;
    line-height            : inherit;
}

.breadcrumb li:after {
	font-family            : "Font Awesome 5 Free";
    content                : "\f054";
    font-weight            : 900;
	position               : absolute;
	font-size              : 10px;
	top                    : 38%;
	right                  : -6px;
	color                  : #c8c8c8;
	-webkit-transform      : translate(0,-50%);
	-ms-transform          : translate(0,-50%);
	transform              : translate(0,-50%)
}

.breadcrumb li:last-child:after {
	display                : none
}

*+html .breadcrumb li {
	display                : inline
}

@media (min-width: 48em) {
	nav li:first-child {
	    border-left: none;
	}
}

@media (min-width: 769px) {
	.breadcrumb {
	    display: block;
	}
}

/*==========================================
 ローディングマーク
===========================================*/

.mosaLoadingMark {
	position  : relative;
	float     : left;
	top       : 5px;
	left      : 5px;
    width     : 30px;
	height    : 30px;
	background: rgba(255,255,255,1.0) url(/assets/img/common/indicator.gif) no-repeat center center;
	color     : #666;
}

/*==========================================
 操作抑止のカバー
===========================================*/

.col1_content_cover,
.col2_content_cover {
	position      : absolute;
	width         : 100%;
	height        : 100%;
	display       : none;
	z-index       : 1000;
}