@charset "utf-8";

/*==========================================
 ヘッダーのスタイル
===========================================*/
header {
	text-align      : center;
}

header#wasedaGymnasticsHeader {
	clear           : both;
	position        : fixed;
	z-index         : 999;
	top             : 0px;
	margin-top      : -2px;
	height          : 90px;
	overflow        : visible;
	background      : #fff;
	border-bottom   : 1px solid #aaa;
}

header #header-logo {
    position        : relative;
    width           : 50px;
    top             : 5px;
    left            : 5px;
	float           : left;
	cursor          : pointer;
}

header #header-logo img {
	width           : 100%;
	height          : 100%;
}

#header-club-name,
#header-club-name2 {
	display         : block;
    float           : left;
    margin-top      : 16px;
    margin-left     : 20px;
	text-align      : left;
    line-height     : 19px;
    font-size       : 20px;
    color           : #000;
    letter-spacing  : 2px;
    font-family     : "Kosugi Maru",sans-serif;
   	cursor          : pointer;
}
#header-club-name2 {
	display         : none;
}
#header-club-name label {
    font-size       : 12px;
}

#header-icon-listMenu {
    display         : block;
    position        : absolute;
    height          : 32px;
    width           : 32px;
    right           : 8px;
    top             : 13px;
    background      : url(../img/hamburgerMenu_m.png) no-repeat left top;
    -webkit-background-size: 100%;
    background-size : 100%;
    cursor          : pointer;
}

#header-menu {
	clear           : both;
	float           : right;
	font-size       : 16px;
    font-family     : "Kosugi Maru",sans-serif;
    line-height     : 50px;
}

#header-menu ul {

}

#header-menu ul li {
    position        : relative;
    float           : left;
    height          : 30px;
    line-height     : 16px;
	margin          : 15px 12px 0px 12px;
    cursor          : pointer;
}

.header-menu-item {
	padding         : 0px 3px;
}

.header-menu-item:hover {
	color           : #2a85c6;
}

.header-menu-item:before {
	content         : '';
   	position        : absolute;
   	bottom          : 5px;
   	right           : 50%;
   	width           : 0;
   	height          : 4px;
	background      : linear-gradient(to left, #b3424a , 40%, #a52a2a);
   	transition      : all 0.4s ease-out;
}

.header-menu-item:after {
   	content         : '';
   	position        : absolute;
   	bottom          : 5px;
   	left            : 50%;
   	width           : 0;
   	height          : 4px;
	background      : linear-gradient(to right, #a52a2a, 60%, #8f353b);
	transition      : all 0.4s ease-out;
}

.header-menu-item.on:before,
.header-menu-item:hover:before {
   	width           : 50%;
}

.header-menu-item.on:after,
.header-menu-item:hover:after {
   	width           : 50%;
}

.header-menu-panel {
	position        : absolute;
    width           : 100%;
    top             : 90px;
    border-bottom   : 2px solid #8a0623;
	border-top      : 4px solid #8a0623;
    background-color: #fff;
    padding         : 16px 10px 16px 10px;
    font-size       : 16px;
    box-sizing      : border-box;
}

.header-menu-panel ul {

}

.header-menu-panel ul li {
	float           : left;
    margin          : 0px 2px;
    position        : relative;
    display         : block;
    text-decoration : none;
    color           : #444;
    cursor          : pointer;
    text-align      : left;
}

.header-menu-panel ul li:hover {
	color           : #8b0000a6;
}

.header-menu-panel ul li:before {
	font-family     : "Font Awesome 5 Free";
    content         : "\f111";
    font-weight     : 900;
    position        : relative;
    font-size       : 1.0em;
    left            : 0;
    line-height     : 1.8;
    left            : 15px;
    padding-right   : 21px;
    color           : #8b0000;
}

@media screen and (max-width:280px){
	header#wasedaGymnasticsHeader {
	    height          : 88px;
	}
	header #header-logo {
	    width           : 40px;
	    top             : 5px;
	    left            : 3px;
	}
	#header-club-name {
	    display         :none;
	}
	#header-club-name2 {
		display         : block;
	    margin-top      : 12px;
	    margin-left     : 7px;
	    line-height     : 15px;
	    font-size       : 14px;
	    letter-spacing  : 2px;
	}
	#header-club-name2 label {
	    font-size       : 10px;
	}
	#header-icon-listMenu {
	    right           : 5px;
	    top             : 13px;
	}
	#header-menu {
		float           : left;
        margin-top      : 0px;
        font-size       : 14px;
		line-height     : 11px;
	}
	.header-menu-item {
	    padding         : 0px 2px;
	}
	#header-menu ul li {
    	margin          : 3px 6px 0px 6px;
	}
	#header-menu-item1 {
		display         : none;
	}
	#header-menu-item2 {
		display         : block;
	}
	#header-menu-item3 {
		display         : none;
	}
	#header-menu-item4 {
		display         : none;
	}
	#header-menu-item5 {
		display         : none;
	}
	#header-menu-item6 {
		display         : none;
	}
	#header-menu-item7 {
		display         : block;
	}
	#header-menu-item8 {
		display         : none;
	}
	.header-menu-panel {
	    top             : 90px;
	    padding         : 16px 5px 16px 5px;
	    font-size       : 14px;
	}
}

@media screen and (min-width:281px) and (max-width:320px){
	header#wasedaGymnasticsHeader {
	    height          : 88px;
	}
	header #header-logo {
	    width           : 40px;
	    top             : 5px;
	    left            : 3px;
	}
	#header-club-name {
	    margin-top      : 12px;
	    margin-left     : 7px;
	    line-height     : 15px;
	    font-size       : 16px;
	    letter-spacing  : 2px;
	}
	#header-club-name label {
	    font-size       : 10px;
	}
	#header-icon-listMenu {
	    right           : 5px;
	    top             : 13px;
	}
	#header-menu {
		float           : left;
        margin-top      : 14px;
        font-size       : 14px;
		line-height     : 11px;
	}
	.header-menu-item {
	    padding         : 0px 2px;
	}
	#header-menu ul li {
    	margin          : 3px 6px 0px 6px;
	}
	#header-menu-item1 {
		display         : none;
	}
	#header-menu-item2 {
		display         : block;
	}
	#header-menu-item3 {
		display         : none;
	}
	#header-menu-item4 {
		display         : none;
	}
	#header-menu-item5 {
		display         : none;
	}
	#header-menu-item6 {
		display         : none;
	}
	#header-menu-item7 {
		display         : block;
	}
	#header-menu-item8 {
		display         : none;
	}
	.header-menu-panel {
	    top             : 90px;
	    padding         : 16px 5px 16px 5px;
	    font-size       : 14px;
	}
}

@media screen and (min-width:321px) and (max-width:413px){
	header #header-logo {
	    width           : 40px;
	    top             : 5px;
	    left            : 3px;
	}
	#header-club-name {
	    margin-top      : 12px;
	    margin-left     : 7px;
	    line-height     : 15px;
	    font-size       : 18px;
	    letter-spacing  : 2px;
	}
	#header-club-name label {
	    font-size       : 10px;
	}
	#header-menu {
		float           : left;
        margin-top      : 10px;
		line-height     : 11px;
	}
	.header-menu-item {
	    padding         : 0px 2px;
	}
	#header-menu ul li {
    	margin          : 3px 6px 0px 6px;
	}
	#header-menu-item1 {
		display         : none;
	}
	#header-menu-item2 {
		display         : block;
	}
	#header-menu-item3 {
		display         : none;
	}
	#header-menu-item4 {
		display         : block;
	}
	#header-menu-item5 {
		display         : none;
	}
	#header-menu-item6 {
		display         : none;
	}
	#header-menu-item7 {
		display         : block;
	}
	#header-menu-item8 {
		display         : none;
	}
}

@media screen and (min-width:414px) and (max-width:560px){
	header #header-logo {
	    width           : 40px;
	    top             : 5px;
	    left            : 3px;
	}
	#header-club-name {
	    margin-top      : 12px;
	    margin-left     : 7px;
	    line-height     : 15px;
	    font-size       : 18px;
	    letter-spacing  : 2px;
	}
	#header-club-name label {
	    font-size       : 10px;
	}
	#header-menu {
		float           : left;
        margin-top      : 10px;
		line-height     : 11px;
	}
	.header-menu-item {
	    padding         : 0px 2px;
	}
	#header-menu ul li {
    	margin          : 3px 6px 0px 6px;
	}
	#header-menu-item1 {
		display         : none;
	}
	#header-menu-item2 {
		display         : block;
	}
	#header-menu-item3 {
		display         : none;
	}
	#header-menu-item4 {
		display         : block;
	}
	#header-menu-item5 {
		display         : none;
	}
	#header-menu-item6 {
		display         : none;
	}
	#header-menu-item7 {
		display         : block;
	}
	#header-menu-item8 {
		display         : block;
	}
}

@media screen and (min-width:561px) and (max-width:640px){
	header #header-logo {
	    width           : 40px;
	    top             : 5px;
	    left            : 3px;
	}
	#header-club-name {
	    margin-top      : 12px;
	    margin-left     : 7px;
	    line-height     : 15px;
	    font-size       : 18px;
	    letter-spacing  : 2px;
	}
	#header-club-name label {
	    font-size       : 10px;
	}
	#header-menu {
		float           : left;
        margin-top      : 10px;
		line-height     : 11px;
	}
	.header-menu-item {
	    padding         : 0px 2px;
	}
	#header-menu ul li {
    	margin          : 3px 6px 0px 6px;
	}
	#header-menu-item1 {
		display         : none;
	}
	#header-menu-item2 {
		display         : block;
	}
	#header-menu-item3 {
		display         : none;
	}
	#header-menu-item4 {
		display         : block;
	}
	#header-menu-item5 {
		display         : block;
	}
	#header-menu-item6 {
		display         : none;
	}
	#header-menu-item7 {
		display         : block;
	}
	#header-menu-item8 {
		display         : block;
	}
	.header-menu-item:before {
	   	bottom          : 4px;
	}
	.header-menu-item:after {
   		bottom          : 4px;
	}
	.header-menu-panel {
	    font-size       : 14px;
	    line-height     : 33px;
	}
	#header-menu-salon {
	}

}

@media screen and (min-width:641px) and (max-width:770px) {
	#header-menu-item1 {
		display         : none;
	}
	#header-menu-item2 {
		display         : block;
	}
	#header-menu-item3 {
		display         : none;
	}
	#header-menu-item4 {
		display         : block;
	}
	#header-menu-item5 {
		display         : block;
	}
	#header-menu-item6 {
		display         : none;
	}
	#header-menu-item7 {
		display         : block;
	}
	#header-menu-item8 {
		display         : block;
	}
}

@media screen and (min-width:771px) and (max-width:999px) {
	#header-menu-item1 {
		display         : none;
	}
	#header-menu-item2 {
		display         : block;
	}
	#header-menu-item3 {
		display         : none;
	}
	#header-menu-item4 {
		display         : block;
	}
	#header-menu-item5 {
		display         : block;
	}
	#header-menu-item6 {
		display         : block;
	}
	#header-menu-item7 {
		display         : block;
	}
	#header-menu-item8 {
		display         : block;
	}
}

@media screen and (max-width:1024px) {
	header#wasedaGymnasticsHeader {
		height          : 95px;
	}
	#header-menu {
		clear           : both;
		line-height     : 11px;
	}
	#header-icon-listMenu {
		display         : block;
	}
	#normalCover {
		display         : block;
	}
	#wideCover {
		display         : none;
	}
}

@media screen  and (min-width:1025px) {
	#wasedaGymnasticsHeader {
    	width           : 1024px;
    	margin-left     : auto;
    	margin-right    : auto;
  	}
	#header-icon-listMenu {
		display         : none;
	}
	#normalCover {
		display         : none;
	}
	#wideCover {
		display         : block;
	}
}

@media screen  and (min-width:1200px){
}

/*==========================================
 左スライドメニュー
===========================================*/

#left-slide-menu {
	overflow-y                 : scroll;
}

#left-slide-menu #waseda-gymnastics-left-menu {
    min-height                 : 760px;
    height                     : 100%;
    margin-top                 : 45px;
	background-color           : #ecf1f7;
	padding-top                : 20px;
    padding-bottom             : 40px;
    border-bottom              : 2px solid #8a0623;
}

#left-slide-menu #standard-btn-close-left-slide-menu {
    background-color           : #ecf1f7;
}

.menu-categoly {
    clear: both;
	color                      : #fff;
    margin                     : 0px 0px 0 0px;
    padding-left               : 10px;
    width                      : calc( 100% - 18px );
    height                     : 34px;
    line-height                : 36px;
    font-size                  : 16px;
    background-color           : #8a0623;
    border                     : 1px solid #8a0623;
    border-left-style          : solid;
    border-left-width          : 7px;
    text-align                 : center;
    letter-spacing             : 4px;
}

.menu-header {
	width                      : 100%;
}

.menu-header img {
	width                      : 100%;
}

.menu-item {
    clear                      : both;
	height                     : 36px;
	margin                     : 8px 0px 5px 0px;
    line-height                : 2;
    padding-left               : 5px;
    overflow                   : auto;
    cursor                     : pointer;
}

 .menu-item.menu-link {
    height                     : 35px;
    border-bottom              : 1px solid #ccc;
 }

.menu-item i {
    width                      : 20px;
	color                      : #8a0623;
    text-align                 : center;
    font-size                  : 16px;
}

.menu-item .label-text {
    vertical-align             : 0px!important;
}

#waseda-gymnastics-left-menu .floatRight {
	margin-right               : 10px;
}

#waseda-gymnastics-left-menu .smartPhone {
	display                    : block;
}
#waseda-gymnastics-left-menu .wide {
	display                    : none;
}

@media screen  and (min-width:1025px) {
	#waseda-gymnastics-left-menu .smartPhone {
		display               : none;
	}
	#waseda-gymnastics-left-menu .wide {
		display               : block;
		height                : 68px;
	}
	#waseda-gymnastics-left-menu .login-mosa {
		height                : 70px;
	}