@charset "UTF-8";

/*インスタアイコン*/
.insta_btn2 {
	/*ボタンの下地*/
	color: #FFF !important;
	/*文字・アイコン色*/
	border-radius: 7px;
	/*角丸に*/
	position: relative;
	display: inline-block;
	height: 36px;
	/*高さ*/
	width: 110px;
	/*幅*/
	text-align: center;
	/*中身を中央寄せ*/
	font-size: 12px;
	/*文字のサイズ*/
	line-height: 24px;
	/*高さと合わせる*/
	background: -webkit-linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;
	background: linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;
	/*グラデーション①*/
	overflow: hidden;
	/*はみ出た部分を隠す*/
	text-decoration: none;
	/*下線は消す*/
}

.insta_btn2:before {
	/*グラデーション②*/
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	/*全体を覆う*/
	height: 100%;
	/*全体を覆う*/
	background: -webkit-linear-gradient(15deg, #ffdb2c, rgb(249, 118, 76) 25%, rgba(255, 77, 64, 0) 50%) no-repeat;
	background: linear-gradient(15deg, #ffdb2c, rgb(249, 118, 76) 25%, rgba(255, 77, 64, 0) 50%) no-repeat;
}

.insta_btn2 .fa-instagram {
	/*アイコン*/
	font-size: 20px;
	/*アイコンサイズ*/
	position: relative;
	top: 7px;
	/*アイコン位置の微調整*/
}

.insta_btn2 span {
	/*テキスト*/
	display: inline-block;
	position: relative;
	top: 4px;
	transition: .5s
}

.insta_btn2:hover span {
	/*ホバーで一周回転*/
	-webkit-transform: rotateX(360deg);
	-ms-transform: rotateX(360deg);
	transform: rotateX(360deg);
}

.contents h1 {
	margin: 30px 0px 20px 0px;
	padding: 0px;
	font-size: 170%;
}

.contents h2 {
	margin: 20px 0px 10px 0px;
	padding: 5px 7px 0px 7px;
	/*見出し*/
	background: #5f9ea0;
	border-bottom: 3px #2f4f4f solid;
	font-size: 150%;
}

.contents h3 {
	margin: 20px 0px 10px 0px;
	padding: 5px 10px;
	font-size: 130%;
}

.contents h4 {
	margin: 0px 0px 0px 0px;
	padding: 5px 10px;
	font-size: 110%;
}

.contents h4>span {
	margin-left: 10px;
	font-size: 80%;
	font-weight: normal;
}

.contents img {
	margin: 0px;
	padding: 0px;
}

/*各コンテンツのスタイル*/
/*TOP*/
/*TOPページロゴをセンターに*/
.toppage h1,
.logo,
.imgsum {
	text-align: center;
}

.toppage h4 {
	background: #ffffff;
}

.toppage .WCup {
	text-align: center;
}

.toppage .WCup img {
	width: 300px;
	border-radius: 5px;
}

.toppage .WCup a {
	font-weight: bold;
	text-decoration: underline;
}

h4.imp {
	color: #F15C22;
}

/*各見出しの色設定*/
.slacklinepage h1 {
	border-right: 9px #F15C22 solid;
	border-bottom: 3px #F15C22 solid;
	padding: 5px 7px;
}

.synatpage h1 {
	border-right: 9px #FFD800 solid;
	border-bottom: 3px #FFD800 solid;
	padding: 5px 7px;
}

.planpage h1 {
	border-right: 9px #509B49 solid;
	border-bottom: 3px #509B49 solid;
	padding: 5px 7px;
}

.planpage h4 {
	background: #ffffff;
}

.memorypage h1 {
	border-right: 9px #00ADEF solid;
	border-bottom: 3px #00ADEF solid;
	padding: 5px 7px;
}

.linkpage h1 {
	border-right: 9px #894891 solid;
	border-bottom: 3px #894891 solid;
	padding: 5px 7px;
}

.toppage,
.slacklinepage,
.synatpage,
.planpage,
.memorypage,
.linkpage {
	margin-bottom: 30px;
}

.imgsum {
	padding: 10px 0px;
}

.imgsum img {
	width: 13%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
}

/*Top*/
.logo img {
	width: 50%;
}

.schelist {
	/*margin-left: 5%;*/
	background: #fff;
	margin: 10px 0;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
}

.renew {
	display: inherit;
	-webkit-overflow-y: scroll;
	-moz-overflow-y: scroll;
	-ms-overflow-y: scroll;
	-o-overflow-y: scroll;
	overflow-y: scroll;
	-webkit-overflow-x: hidden;
	-moz-overflow-x: hidden;
	-ms-overflow-x: hidden;
	-o-overflow-x: hidden;
	overflow-x: hidden;
	width: 100%;
	height: 145px;
	padding: 0 0.5em;
	background: #fff;
}

/*google calenderの設定*/
.gc_wrapper {
	max-width: 800px;
	min-width: 300px;
	margin: 2.0833% auto;
}

.responsive-iframe-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}

.responsive-iframe-container iframe,
.responsive-iframe-container object,
.responsive-iframe-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

@media (max-width: 800px) {
	.big-container {
		display: none;
	}

	.small-container {
		padding-bottom: 120%;
		/* 高さ */
	}
}

@media (min-width: 800px) {
	.small-container {
		display: none;
	}
}

/*スラックライン*/
.slacklinepage p {
	padding-top: 20px;
}

/*アコーディオンの設定*/
.sl-ac {
	max-width: 100%;
}


.sl-ac label {
	margin: 20px 0px 10px 0px;
	padding: 5px 7px 0px 7px;
	background: #5f9ea0;
	border-bottom: 3px #2f4f4f solid;
	font-size: 150%;
	font-weight: bold;
	display: block;
	cursor: pointer;
}

.sl-ac input {
	display: none;
}

.sl-ac article {
	overflow: hidden;
	height: 0;
	transition: 0.8s;
}

.sl-ac input:checked~article {
	height: auto;
}

/*スタイル*/
.history li,
.trickplay li {
	list-style: none;
}

/*Syn@~とメンバー紹介ページ*/
/*アコーディオンの設定*/
.snt-ac {
	max-width: 100%;
}

.snt-ac label {
	margin: 20px 0px 10px 0px;
	padding: 5px 7px 0px 7px;
	background: #5f9ea0;
	border-bottom: 3px #2f4f4f solid;
	font-size: 150%;
	font-weight: bold;
	display: block;
	cursor: pointer;
}

.snt-ac input {
	display: none;
}

.snt-ac article {
	overflow: hidden;
	height: 0;
	transition: 0.8s;
}

.snt-ac input:checked~article {
	height: auto;
}

/*スタイル*/
#profiles img {
	width: 25%;
	padding-right: 10px;
	float: left;
}

.members h4 {
	padding-top: 20px;
}

.members img {
	height: 100px;
	width: 100px;
	padding-right: 10px;
	float: left;
}

/*google map*/
#map_canvas1,
#map_canvas2,
#map_canvas3 {
	width: 90%;
	height: 300px;
}

/*Schesule*/
.planpage .flyer {
	text-align: center;
}

.planpage h3 {
	text-decoration: underline;
	color: #F15C22;
}

.planpage .events,
.planpage .past-event {
	margin: 20px 0px;
}

.planpage .events p>span,
.planpage .past-event p>span {
	margin-left: 10px;
}

/* --- 表全体 --- */
table.synasche {
	width: 100%;
	/* 表の幅 */
	border: 1px #c0c0c0 solid;
	/* 大枠の境界線 */
	border-collapse: collapse;
	font-size: 100%;
	background: #FFF;
}

/* --- セル --- */
table.synasche th,
table.synasche td {
	padding: 5px 10px;
	/* セルのパディング（上下、左右） */
	border: 1px #c0c0c0 solid;
	/* セルの境界線 */
}

/* --- マウスオーバー時 --- */
table.synasche tbody tr:hover {
	background-color: #ECF8E0;
	/* 行の背景色 */
}

table.synasche a {
	display: block;
	width: 100%;
	height: 100%;
}

/*schedule*/
.planpage p {
	padding: 10px 0px;
}

/*ブログ*/
.memorypage {
	background: #EEF0EF;
}

.memorypage h4 {
	display: block;
	cursor: pointer;
	padding: 10px 0px;
}

.memorypage p {
	display: none;
	padding: 5px;
}

.memorypage .imgblog {
	text-align: center;
}

.memorypage h4 {
	border-bottom: 1px #999999 dotted;
	/*----下線の太さ、色、種類（点線）-----*/
}

.memorypage article:hover {
	text-decoration: none;
	cursor: pointer;
	color: #FF69B4;
}

.memorypage img {
	vertical-align: text-bottom;
	margin: 5px;
}

.imgblog-1 img {
	width: 90%;
	height: auto;
}

.imgblog-2 img {
	width: 45%;
	height: auto;
}

.imgblog-3 img {
	width: 30%;
	height: auto;
}

.imgblog-4 img {
	width: 22%;
	height: auto;
}

/*link*/
.linkpage ul {
	display: block;
	padding: 0;
	/*	float: left;*/
}

.linkpage dt {
	font-weight: bold;
	margin-top: 10px;
}

dt.linktitle {
	background-color: #BCA9F5;
	border: 1px #c0c0c0 solid;
}

.linkpage li {
	margin: 20px 0px;
	list-style: none;
}

span.cncl {
	text-decoration: line-through;
}