#maroon-gymnastics-club-page {
	width           : 100%;
}

section {
	clear           : both;
	margin-bottom   : 25px;
}

.article-title {
	width            : 100%;

}
.article-title img {
	display          : block;
    max-width        : 90%;
    height           : 100px;
    margin           : 0 auto;
}

.sns-list .official {
    margin           : 5px 10px 5px 0px;
	line-height      : 30px;
    font-size        : 16px;
}


/* お知らせメニュータブ */

#waseda-gymnastics-menu {
	position        : relative;
	width           : 100%;
	height          : 40px;
	margin          : 5px auto 20px auto;
}

.waseda-gymnastics-menu-button {
	width           : 45%;
	height          : 44px;
	float           : left;
    line-height     : 44px;
    text-align      : center;
    font-size       : 14px;
	border-top-left-radius : 8px;
    border-top-right-radius: 8px;
	border-bottom   : 1px solid #aaa;
}

.waseda-gymnastics-menu-button label {
    color           : #fff;
    font-weight     : bold;
    letter-spacing  : 7px;
    text-shadow     : 1px 1px 5px #000000, -1px 1px 5px #000000, 1px -1px 5px #000000,
                     -1px -1px 5px #000000, 1px 0px 5px #000000, 0px 1px 5px #000000,
                     -1px 0px 5px #000000, 0px -1px 5px #000000;
	cursor          : pointer;
}

#waseda-gymnastics-news-button,
#waseda-gymnastics-report-button {
	margin-left     : 4%;
	margin-right    : 2%;
}

#waseda-gymnastics-info-button,
#waseda-gymnastics-result-button {
	margin-left     : 2%;
	margin-right    : 2%;
}

.waseda-gymnastics-tab,
.waseda-gymnastics-paformances-tab {
    position        : relative;
    display         : block;
    text-decoration : none;
    color           : #444;
    cursor          : pointer;
}

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

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

.waseda-gymnastics-tab.on:before,
.waseda-gymnastics-paformances-tab.on:before {
   	width           : 50%;
}

.waseda-gymnastics-tab.on:after,
.waseda-gymnastics-paformances-tab.on:after {
   	width           : 50%;
}

/* お知らせ */
.waseda-gymnastics-tab-body {
	position        : relative;
	width           : 100%;
}

.common-infomation-more{
    margin          : 10px 30px;
    text-align      : right;
    font-size       : 16px;
    cursor          : pointer;
}

#waseda-gymnastics-info {
	display         : block;
}

#waseda-gymnastics-result {
	display         : none;
	margin          : 0px 12px;
}

/*.dataList {
    margin                : 1em 1em;
}

.dataList li {
	border-bottom         : 2px #8a0623 solid;
    letter-spacing        : .03em;
    text-align            : -webkit-match-parent;
}

.dataList li>dl {
    margin                : 0;
    padding               : 14px 0 10px;
}

.dataList dl {
    list-style            : none;
}

.dataList li>dl .date {
    margin                : 5px 1em;
    font-size             : 14px;
    font-weight           : normal;
    text-transform        : uppercase;
    letter-spacing        : 0.08em;
    color                 : #000;
}

.dataList li>dl dt {
    margin                : 0;
    padding               : 0;
}

.dataList dd.label {
	display               : block;
	margin                : 1em 1em;
    font-weight           : 300;
    font-size             : 16px;
    line-height           : 1.5;
    letter-spacing        : 2px;
}

.dataList li>dl .label>a {
    display               : inline-block;
	font-weight           : 500;
    text-decoration       : none;
    line-height           : 160%;
}

.dataList li>dl .label .category {
    position              : relative;
    margin                : 0;
    padding               : 0;
    margin-top            : 8px;
    font-size             : .75em;
    text-transform        : uppercase;
}
*/
.page-link {
	display               : inline-block;
	font-size             : 14px;
    color                 : #606060;
    padding-left          : 10px;
    cursor                : pointer;
}

/* 競技記録 */
.waseda-gymnastics-recent-result-list {
	padding              : 0px 10px;
}

/* ボタン等 */
.wg-button {
    padding               : 3px 5px 3px 8px;
    color                 : #fff;
    background-color      : #8a0623;
    font-weight           : normal;
    cursor                : pointer;
}

.title-box {
	width                : 100%;
    position             : relative;
}

.title-box img {
	position             : relative;;
	width                : 100%;
}

.title-box2 {
    position             : relative;
	width                : 100%;
    height               : 150px;
    overflow             : hidden;
}

.title-box2 img {
    margin-left           : calc( 50% - 113px );
    display               : inline-block;
    max-width             : 225px;
}

.title-box2 .effect:after {
    content               : "";
    position              : absolute;
    display               : inline-block;
    width                 : 225px;
    height                : 150px;
    box-shadow            : inset 0 0 20.4px RGBA(240, 240, 240, 1),inset 0 0 20.4px RGBA(240, 240, 240, 1),inset 0 0 20.4px RGBA(240, 240, 240, 1),inset 0 0 20.4px RGBA(240, 240, 240, 1);
    left                  : calc( 50% - 113px );
 }

h1.page-title,
h2.page-title {
    position              : relative;
    margin                : 1em 1em;
    padding               : .2em .5em .5em 2em;
    /*border-bottom         : 1px solid #ccc;*/
	font-size             : 28px;
	font-weight           : 600;
    line-height           : 120%;
    letter-spacing        : 0.2em;
    color                 : #333;
}

h1.page-title-style2,
h2.page-title-style2 {
    position              : absolute;
    width                 : 70%;
	top                   : 30px;
    text-shadow           : 1px 1px 5px #000000, -1px 1px 5px #000000, 1px -1px 5px #000000, -1px -1px 5px #000000, 1px 0px 5px #000000, 0px 1px 5px #000000, -1px 0px 5px #000000, 0px -1px 5px #000000;
    color                 : #fff;
}

h1.page-title-style3,
h2.page-title-style3 {
    position              : absolute;
	top                   : 30px;
	right                 : -12px;
    text-shadow           : 1px 1px 5px #000000, -1px 1px 5px #000000, 1px -1px 5px #000000, -1px -1px 5px #000000, 1px 0px 5px #000000, 0px 1px 5px #000000, -1px 0px 5px #000000, 0px -1px 5px #000000;
    color                 : #fff;
}

h1.page-title::before,
h1.page-title::after,
h2.page-title::before,
h2.page-title::after {
  position                : absolute;
  content                 : '';
  border-radius           : 100%
}

h1.page-title::before,
h2.page-title::before {
  top                     : .3em;
  left                    : .2em;
  z-index                 : 2;
  width                   : 18px;
  height                  : 18px;
  background              : rgba(150, 150, 150, .5);
}


h1.page-title.icon-blue::before,
h2.page-title.icon-blue::before {
	background            : #2a85c6bf;
}

h1.page-title.icon-blue2::before,
h2.page-title.icon-blue2::before {
	background            : #2a85c6bf;
}

h1.page-title.icon-gray::before,
h2.page-title.icon-gray::before {
	background            : #b5c6d9;
}

h1.page-title.icon-gray2::before,
h2.page-title.icon-gray2::before {
	background            : #9eabb9;
}

h1.page-title.icon-yellow::before,
h2.page-title.icon-yellow::before {
	background            : #f8f737bf;
}

h1.page-title.icon-red::before,
h2.page-title.icon-red::before {
	background            : #ff0000a6;
}

h1.page-title.icon-mosaColor::before,
h2.page-title.icon-mosaColor::before {
	background            : #0094DE/*#00acc3a6*/;
}

h1.page-title::after,
h2.page-title::after {
  top                     : .7em;
  left                    : .7em;
  width                   : 13px;
  height                  : 13px;
  background              : rgba(210, 210, 210, .5);
}

.section-lv2 h2 {
    margin                : 1em;
	text-align            : center;
    font-size             : 20px;
    letter-spacing        : 5px;
    text-shadow            : 1px 1px 5px #000000, -1px 1px 5px #000000, 1px -1px 5px #000000, -1px -1px 5px #000000, 1px 0px 5px #000000, 0px 1px 5px #000000, -1px 0px 5px #000000, 0px -1px 5px #000000;
    color                 : #fff;
}
.section-lv2 h2:first-letter {
 	color                 : #efccd3 ;
 	/*font-size             : 140%;*/
}

.description {
    margin                : 1em 1em;
	font-size             : 16px;
    margin-block-start    : 1em;
    letter-spacing        : .03em;
    line-height           : 1.4;
}

@media (max-width: 479px) {
	.description {
    	font-size         : 14px;
    }
}

/* スマートフォン対応 */
.smartPhone {
	display                : none;
}
.wide {
    display                : block;
}

/* レスポンシブ */
@media (max-width: 479px) {
	.tripbright-article article h2 {
		width              : 100%;
    	letter-spacing     : 1px;
    }
}

@media all and (max-width: 320px) {
	h1.page-title {
	    font-size          : 16px;
	}
	.articleSubTitle {
	    font-size          : 12px;
	}
	.section-lv2 h2 {
		font-size          : 18px;
	}
	.tripbright-article article h2 {
	    font-size          : 16px;
	}
	.tripbright-article article p {
	    font-size: 14px;
	}
	.waseda-gymnastics-menu-button {
    	font-size          : 12px;
	}
	#waseda-gymnastics-news-button label {
    	letter-spacing     : 2px;
	}
	.dataList dd.label {
	    font-size          : 14px;
	}
	.articleContent {
	    font-size          : 14px;
	    letter-spacing     : 2px;
	    line-height        : 1.6;
	}
	.articleContent.subtitle {
	    font-size          : 16px;
	}
	.read-more {
    	font-size          : 13px;
	}
	.sp {
		display            : block;
    }
}


@media all and (min-width:321px) and (max-width: 414px) {
	.section-lv2 h2 {
		font-size          : 18px;
	}
	#waseda-gymnastics-news-button label {
	    letter-spacing     : 5px;
	}
	h1.page-title {
	    font-size          : 18px;
	}
	.read-more {
    	font-size          : 14px;
	}
	.sp {
		display            : block;
    }
}

@media all and (min-width:415px) and (max-width: 479px) {
	#waseda-gymnastics-news-button label {
	    letter-spacing     : 5px;
	}
	.sp {
		display            : block;
    }
}

/* SNSシェア */
.sns-list {
	margin-top             : 20px;
	margin-bottom          : 20px;
}

.sns-list .share {
	line-height            : 30px;
}

.sns-list li {
    float                  : left;
    margin                 : 5px 10px;
}

.sns-list .sns-icon  {
	width                  : 30px;
	height                 : 30px;
}

.sns-list .sns-icon img {
	width                  : 100%;
	height                 : 100%;
}

@media screen and (max-width: 414px) {
	.smartPhone {
		display    : block;
	}
	.wide {
	    display    : none;
	}
}

@media all and (min-width:415px) and (max-width: 666x) {
	h1.page-title {
	    font-size  : 22px;
	}
}

/* １カラムレイアウト */
@media and (max-width:666px) {
}

/* ２カラムレイアウト */
@media all and (min-width:667px) and (max-width:1024px) {
}

/* １カラムレイアウト */
@media all and (min-width:1025px) and (max-width:1172px) {
	.smartPhone {
		display    : block;
	}
	.wide {
	    display    : none;
	}
}

/* ２カラムレイアウト */
@media all and (min-width:1173px) {

}

.animation .anm_mod.up {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
    transition: all 1s ease;
}
.animation .anm_mod.delay_2s{
    transition: all 2s ease;
}
.animation .anm_mod.delay_3s{
    transition: all 3s ease;
}
.animation .anm_mod.left {
    opacity: 0;
    transform: translate3d(-100%, 0, 0);
    transition: all 1s ease;
}
.animation .anm_mod.right {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
    transition: all 1s ease;
}
.animation .anm_mod.delay_15s {
    transition: all 1.5s ease;
}
.animation .anm_mod.delay_2s {
    transition: all 2s ease;
}
.animation .anm_mod.delay_3s {
    transition: all 3s ease;
}
.animation .anm_mod.fast {
    transition: all 0.8s ease;
}

.animation .anm_mod.active {
    opacity: 1;
    transform: translate3d(0, 0, 0);
}